unifyedx-storybook-new 0.1.90 → 0.1.91

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

@@ -1,21 +1,21 @@
 import { jsxs as l, jsx as e, Fragment as ee } from "react/jsx-runtime";
 import re, { useState as L, useMemo as ne, useId as Qe, Fragment as J, useEffect as Q, useCallback as K, useRef as ue } from "react";
-import { a as W, U as lt, X as ge, P as _, L as ot, C as Le, 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 Nt, q as ba, r as xt, 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 Na, G as xa, H as At, J as Et, K as Rt, N as Oe, O as Xe, Q as Ze, R as It, V as zt, W as ka, Y as Bt, Z as ea, _ as Pt, $ as Ot, a0 as wa, a1 as Lt, a2 as Mt, a3 as Vt, a4 as Ut, a5 as qt, a6 as jt, a7 as Gt, a8 as _t, a9 as Yt, aa as Wt, ab as Jt, ac as Qt, ad as Xt, ae as Zt, af as Ht } from "./vendor-C8vzJvk7.js";
-import { Popover as Kt, PopoverButton as er, PopoverPanel as ar, Transition as oe, Dialog as me, TransitionChild as pe, DialogPanel as ke, DialogTitle as Ve, TabGroup as tr, TabList as rr, Tab as ae, TabPanels as nr, RadioGroup as Te, Listbox as X, ListboxButton as sr, ListboxOptions as lr, ListboxOption as or, SwitchGroup as ir, Switch as Ye, Menu as cr, MenuButton as dr, Portal as ur, MenuItems as mr, MenuItem as hr, DialogBackdrop as pr } from "@headlessui/react";
+import { a as W, U as lt, X as ge, P as _, L as ot, C as Le, b as Me, f as Be, d as pa, D as ga, F as ct, e as it, 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 Nt, q as ba, r as xt, A as kt, s as wt, E as Ct, t as St, v as Dt, w as $t, x as Ft, y as va, z as Tt, B as Na, G as xa, H as At, J as Et, K as Rt, N as Oe, O as Xe, Q as Ze, R as It, V as zt, W as ka, Y as Bt, Z as ea, _ as Pt, $ as Ot, a0 as wa, a1 as Lt, a2 as Mt, a3 as Vt, a4 as Ut, a5 as qt, a6 as jt, a7 as Gt, a8 as _t, a9 as Yt, aa as Wt, ab as Jt, ac as Qt, ad as Xt, ae as Zt, af as Ht } from "./vendor-C8vzJvk7.js";
+import { Popover as Kt, PopoverButton as er, PopoverPanel as ar, Transition as oe, Dialog as me, TransitionChild as pe, DialogPanel as ke, DialogTitle as Ve, TabGroup as tr, TabList as rr, Tab as ae, TabPanels as nr, RadioGroup as Te, Listbox as X, ListboxButton as sr, ListboxOptions as lr, ListboxOption as or, SwitchGroup as cr, Switch as Ye, Menu as ir, MenuButton as dr, Portal as ur, MenuItems as mr, MenuItem as hr, DialogBackdrop as pr } from "@headlessui/react";
 import { motion as te, AnimatePresence as fe } from "framer-motion";
 import { d as gr } from "./vendor-lodash-CvM7_34d.js";
-import { useFloating as Ca, offset as Sa, flip as Da, shift as Fa, autoUpdate as $a, useClick as yr, useDismiss as fr, useInteractions as br, FloatingPortal as vr } from "@floating-ui/react";
+import { useFloating as Ca, offset as Sa, flip as Da, shift as $a, autoUpdate as Fa, useClick as yr, useDismiss as fr, useInteractions as br, FloatingPortal as vr } from "@floating-ui/react";
 import We, { debounce as Nr } from "lodash";
 import { toast as le, ToastContainer as xr, Slide as kr } from "react-toastify";
 import "react-toastify/dist/ReactToastify.css";
-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";
+import { P as wr, S as Cr, F as Sr, G as Dr, a as $r, E as Fr, 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 Or = (t) => {
   let r = 2166136261;
   for (let s = 0; s < t.length; s++)
     r ^= t.charCodeAt(s), r += (r << 1) + (r << 4) + (r << 7) + (r << 8) + (r << 24);
   return r >>> 0;
 }, Lr = (t) => {
-  const r = (t ?? "").trim().toLowerCase(), s = parseInt((r.match(/\d+$/) ?? [0])[0], 10) || 0, o = Or(r), n = (o % 360 + 37 * s) % 360, u = 55 + (o >>> 8) % 20, i = 30 + (o >>> 16) % 10, c = 86 + (o >>> 24) % 8, y = `hsl(${n}, ${u}%, ${c}%)`, b = `hsl(${n}, ${u}%, ${i}%)`;
+  const r = (t ?? "").trim().toLowerCase(), s = parseInt((r.match(/\d+$/) ?? [0])[0], 10) || 0, o = Or(r), n = (o % 360 + 37 * s) % 360, u = 55 + (o >>> 8) % 20, c = 30 + (o >>> 16) % 10, i = 86 + (o >>> 24) % 8, y = `hsl(${n}, ${u}%, ${i}%)`, b = `hsl(${n}, ${u}%, ${c}%)`;
   return { bg: y, text: b };
 }, Mr = (t = "") => t.split(" ").map((r) => r[0]).slice(0, 2).join("").toUpperCase(), Ta = ({
   src: t,
@@ -27,9 +27,9 @@ const Or = (t) => {
   textColor: n,
   // ✅ New prop for text/icon color
   className: u,
-  ...i
+  ...c
 }) => {
-  const [c, y] = L(!1), b = ne(() => Lr(r), []), N = t && !c, a = !N && r, w = !N && !r, m = W(
+  const [i, y] = L(!1), b = ne(() => Lr(r), []), N = t && !i, a = !N && r, w = !N && !r, m = W(
     "avatar-container",
     `avatar--size-${s}`,
     u
@@ -37,7 +37,7 @@ const Or = (t) => {
   return /* @__PURE__ */ l("div", { className: m, style: {
     backgroundColor: g,
     color: $
-  }, ...i, children: [
+  }, ...c, children: [
     N && /* @__PURE__ */ e(
       "img",
       {
@@ -51,12 +51,12 @@ const Or = (t) => {
     w && /* @__PURE__ */ e("span", { className: "avatar-icon", children: /* @__PURE__ */ e(lt, {}) })
   ] });
 }, Wn = ({ children: t, max: r = 4, truncatedMessage: s = "Members", ...o }) => {
-  const n = re.Children.toArray(t), u = n.slice(0, r), i = n.length - r;
+  const n = re.Children.toArray(t), u = n.slice(0, r), c = n.length - r;
   return /* @__PURE__ */ l("div", { className: "avatar-group-container", ...o, children: [
     u,
-    i > 0 && /* @__PURE__ */ l("div", { className: "avatar-container avatar--size-medium avatar-excess", children: [
+    c > 0 && /* @__PURE__ */ l("div", { className: "avatar-container avatar--size-medium avatar-excess", children: [
       "+",
-      i,
+      c,
       " ",
       s
     ] })
@@ -70,8 +70,8 @@ const Or = (t) => {
   icon: o,
   onRemove: n,
   bgColor: u,
-  textColor: i,
-  className: c,
+  textColor: c,
+  className: i,
   ...y
 }) => {
   const b = W(
@@ -79,11 +79,11 @@ const Or = (t) => {
     `badge--variant-${r}`,
     `badge--size-${s}`,
     { "badge--with-remove": !!n },
-    c
+    i
   );
-  return /* @__PURE__ */ l("span", { className: b, style: u && i ? {
+  return /* @__PURE__ */ l("span", { className: b, style: u && c ? {
     backgroundColor: u,
-    color: i,
+    color: c,
     borderColor: "#ff0000"
   } : {}, ...y, children: [
     o && /* @__PURE__ */ e(o, { className: "badge-icon" }),
@@ -145,8 +145,8 @@ const Ur = {
   className: n = "",
   // ✅ Default is now empty
   loader: u = !1,
-  category: i = "primary",
-  icon: c,
+  category: c = "primary",
+  icon: i,
   // Renamed for clarity, expecting a component type e.g., CheckCircle
   disabled: y = !1,
   size: b = "medium",
@@ -156,10 +156,10 @@ const Ur = {
   onClick: w,
   ...m
 }) => {
-  const g = y || u, $ = c && !N, P = W(
+  const g = y || u, $ = i && !N, O = W(
     "btn-base",
     Ur[b],
-    qr[i],
+    qr[c],
     {
       "is-loading": u,
       "btn-icon-only": $
@@ -171,14 +171,14 @@ const Ur = {
     {
       "data-testid": t,
       type: s,
-      className: P,
+      className: O,
       disabled: g,
       onClick: w,
       title: r || $ && o || (typeof N == "string" ? N : void 0),
       "aria-label": o || $ && r || (typeof N == "string" ? N : void 0),
       ...m,
       children: u ? /* @__PURE__ */ e(ot, { className: "loader-spin", "data-testid": "button-loader" }) : /* @__PURE__ */ l(ee, { children: [
-        c && /* @__PURE__ */ e(c, { size: b === "large" ? 20 : 16 }),
+        i && /* @__PURE__ */ e(i, { size: b === "large" ? 20 : 16 }),
         N,
         a,
         " "
@@ -215,8 +215,8 @@ const Ur = {
   className: o,
   ref: n,
   checked: u,
-  onChange: i,
-  ...c
+  onChange: c,
+  ...i
 }) => {
   const y = Qe(), b = r || y;
   return /* @__PURE__ */ l("div", { className: `checkbox-container ${o || ""}`, children: [
@@ -229,8 +229,8 @@ const Ur = {
           ref: n,
           className: "checkbox-input",
           checked: u,
-          onChange: i,
-          ...c
+          onChange: c,
+          ...i
         }
       ),
       /* @__PURE__ */ e(
@@ -255,14 +255,14 @@ const Ur = {
   placeholder: o = "Select a date",
   label: n,
   error: u,
-  disabled: i = !1,
-  className: c,
+  disabled: c = !1,
+  className: i,
   ...y
 }) => {
   const b = (N) => {
     N.stopPropagation(), N.preventDefault(), s?.();
   };
-  return /* @__PURE__ */ l("div", { className: W("datepicker-wrapper", c), children: [
+  return /* @__PURE__ */ l("div", { className: W("datepicker-wrapper", i), 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: [
@@ -273,9 +273,9 @@ const Ur = {
             type: "button",
             className: W("datepicker-trigger", {
               "datepicker-trigger--error": !!u,
-              "datepicker-trigger--disabled": i
+              "datepicker-trigger--disabled": c
             }),
-            disabled: i,
+            disabled: c,
             "aria-label": t ? `Selected date is ${Be(t, "PPP")}` : o,
             children: [
               /* @__PURE__ */ e(pa, { className: "datepicker-icon" }),
@@ -283,7 +283,7 @@ const Ur = {
             ]
           }
         ),
-        t && s && !i && /* @__PURE__ */ e(
+        t && s && !c && /* @__PURE__ */ e(
           "button",
           {
             type: "button",
@@ -301,7 +301,7 @@ const Ur = {
           selected: t,
           onSelect: r,
           initialFocus: !0,
-          disabled: i,
+          disabled: c,
           ...y
         }
       ) })
@@ -315,8 +315,8 @@ const Ur = {
   placeholder: o = "Select a date range",
   label: n,
   error: u,
-  disabled: i = !1,
-  className: c,
+  disabled: c = !1,
+  className: i,
   ...y
 }) => {
   const b = t?.from, N = t?.to, a = (m) => {
@@ -326,7 +326,7 @@ const Ur = {
     " - ",
     Be(N, "MMM d, y")
   ] }) : /* @__PURE__ */ e("span", { className: "datepicker-placeholder", children: o });
-  return /* @__PURE__ */ l("div", { className: W("datepicker-wrapper", c), children: [
+  return /* @__PURE__ */ l("div", { className: W("datepicker-wrapper", i), 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: [
@@ -337,9 +337,9 @@ const Ur = {
             type: "button",
             className: W("datepicker-trigger", {
               "datepicker-trigger--error": !!u,
-              "datepicker-trigger--disabled": i
+              "datepicker-trigger--disabled": c
             }),
-            disabled: i,
+            disabled: c,
             "aria-label": b && N ? `Selected range is ${w}` : o,
             children: [
               /* @__PURE__ */ e(pa, { className: "datepicker-icon" }),
@@ -347,7 +347,7 @@ const Ur = {
             ]
           }
         ),
-        b && s && !i && /* @__PURE__ */ e(
+        b && s && !c && /* @__PURE__ */ e(
           "button",
           {
             type: "button",
@@ -366,7 +366,7 @@ const Ur = {
           onSelect: r,
           numberOfMonths: 2,
           initialFocus: !0,
-          disabled: i,
+          disabled: c,
           ...y
         }
       ) })
@@ -591,7 +591,7 @@ const Ur = {
 }, sa = ({ extension: t, size: r = 36 }) => {
   const s = (t || "").toLowerCase(), o = _r[s];
   return o ? /* @__PURE__ */ e("div", { style: { width: r }, className: "flex-shrink-0", children: /* @__PURE__ */ e(
-    it,
+    ct,
     {
       extension: s,
       ...o,
@@ -607,7 +607,7 @@ const Ur = {
     {
       style: { width: r, height: r },
       className: "flex items-center justify-center bg-gray-100 rounded-sm border border-gray-300",
-      children: /* @__PURE__ */ e(ct, { className: "text-gray-400", size: r * 0.75 })
+      children: /* @__PURE__ */ e(it, { className: "text-gray-400", size: r * 0.75 })
     }
   );
 }, la = (t, r = 2) => {
@@ -624,8 +624,8 @@ const Ur = {
   isDragActive: n,
   open: u,
   // --- Form and File State ---
-  validFiles: i = [],
-  rejectedFiles: c = [],
+  validFiles: c = [],
+  rejectedFiles: i = [],
   handleRemoveValidFile: y,
   handleRemoveRejectedFile: b,
   handleSubmit: N,
@@ -635,7 +635,7 @@ const Ur = {
   title: m = "Upload Files",
   subHeading: g = "Supports PNG, JPG, PDF. Max size: 50MB."
 }) => {
-  const $ = i.length > 0 || c.length > 0;
+  const $ = c.length > 0 || i.length > 0;
   return /* @__PURE__ */ e(oe, { appear: !0, show: t, as: J, children: /* @__PURE__ */ l(
     me,
     {
@@ -671,7 +671,7 @@ const Ur = {
               ke,
               {
                 className: "dialog-panel",
-                onClick: (P) => P.stopPropagation(),
+                onClick: (O) => O.stopPropagation(),
                 children: [
                   /* @__PURE__ */ e("input", { ...o() }),
                   /* @__PURE__ */ l("form", { onSubmit: N, className: "form-wrapper", children: [
@@ -714,7 +714,7 @@ const Ur = {
                       $ && /* @__PURE__ */ l("div", { className: "file-list-container", children: [
                         /* @__PURE__ */ e("h3", { children: "Upload Queue" }),
                         /* @__PURE__ */ l("ul", { className: "file-list", children: [
-                          i.map((P, E) => /* @__PURE__ */ l(
+                          c.map((O, R) => /* @__PURE__ */ l(
                             "li",
                             {
                               className: "file-item",
@@ -723,28 +723,28 @@ const Ur = {
                                   /* @__PURE__ */ e(
                                     sa,
                                     {
-                                      extension: P.name.split(".").pop()
+                                      extension: O.name.split(".").pop()
                                     }
                                   ),
                                   /* @__PURE__ */ l("div", { children: [
-                                    /* @__PURE__ */ e("p", { className: "file-item-name", children: P.name }),
-                                    /* @__PURE__ */ e("p", { className: "file-item-size", children: la(P.size) })
+                                    /* @__PURE__ */ e("p", { className: "file-item-name", children: O.name }),
+                                    /* @__PURE__ */ e("p", { className: "file-item-size", children: la(O.size) })
                                   ] })
                                 ] }),
                                 /* @__PURE__ */ e(
                                   "button",
                                   {
                                     type: "button",
-                                    onClick: () => y(E),
+                                    onClick: () => y(R),
                                     className: "remove-file-button",
                                     children: /* @__PURE__ */ e(Pe, { size: 16 })
                                   }
                                 )
                               ]
                             },
-                            `${P.name}-${E}`
+                            `${O.name}-${R}`
                           )),
-                          c.map(({ file: P, message: E }, S) => /* @__PURE__ */ l(
+                          i.map(({ file: O, message: R }, S) => /* @__PURE__ */ l(
                             "li",
                             {
                               className: "file-item file-item--rejected",
@@ -753,13 +753,13 @@ const Ur = {
                                   /* @__PURE__ */ e(
                                     sa,
                                     {
-                                      extension: P.name.split(".").pop()
+                                      extension: O.name.split(".").pop()
                                     }
                                   ),
                                   /* @__PURE__ */ l("div", { children: [
-                                    /* @__PURE__ */ e("p", { className: "file-item-name", children: P.name }),
-                                    /* @__PURE__ */ e("p", { className: "file-item-size", children: la(P.size) }),
-                                    /* @__PURE__ */ e("p", { className: "rejection-reason", children: E })
+                                    /* @__PURE__ */ e("p", { className: "file-item-name", children: O.name }),
+                                    /* @__PURE__ */ e("p", { className: "file-item-size", children: la(O.size) }),
+                                    /* @__PURE__ */ e("p", { className: "rejection-reason", children: R })
                                   ] })
                                 ] }),
                                 /* @__PURE__ */ e(
@@ -773,7 +773,7 @@ const Ur = {
                                 )
                               ]
                             },
-                            `${P.name}-${S}`
+                            `${O.name}-${S}`
                           ))
                         ] })
                       ] })
@@ -794,7 +794,7 @@ const Ur = {
                           type: "submit",
                           label: a ? "Uploading..." : "Upload Files",
                           loader: a,
-                          disabled: i.length === 0 || a
+                          disabled: c.length === 0 || a
                         }
                       )
                     ] })
@@ -814,10 +814,10 @@ const Ur = {
   resetFilters: o,
   filterConfig: n = [],
   initialFormikValues: u,
-  fetchCreatedOrUpdatedByUsers: i = async () => []
+  fetchCreatedOrUpdatedByUsers: c = async () => []
   // Mockable fetcher
 }) => {
-  const [c, y] = L({
+  const [i, y] = L({
     createdBy: [],
     updatedBy: []
   }), [b, N] = L({
@@ -827,53 +827,53 @@ const Ur = {
     initialValues: JSON.parse(JSON.stringify(u)),
     // Deep copy
     onSubmit: (S) => {
-      const I = {};
-      Object.keys(S).forEach((z) => {
-        I[z] = {
-          operator: S[z].operator || "in",
-          values: Array.isArray(S[z].values) ? S[z].values : [],
-          range: S[z].range || null
+      const B = {};
+      Object.keys(S).forEach((P) => {
+        B[P] = {
+          operator: S[P].operator || "in",
+          values: Array.isArray(S[P].values) ? S[P].values : [],
+          range: S[P].range || null
         };
-      }), console.log("[storybook filter] Applied Filters:", I), typeof s == "function" && s({
-        filters: I,
+      }), console.log("[storybook filter] Applied Filters:", B), typeof s == "function" && s({
+        filters: B,
         activeCount: m
       }), r();
     },
     enableReinitialize: !0
-  }), w = ne(() => n.reduce((S, I) => {
-    const z = I.key, A = a.values[z];
-    let M = !1;
-    if (A)
-      switch (I.type) {
+  }), w = ne(() => n.reduce((S, B) => {
+    const P = B.key, E = a.values[P];
+    let V = !1;
+    if (E)
+      switch (B.type) {
         case "multiselect":
         case "multiselect-users":
-          M = Array.isArray(A.values) && A.values.length > 0;
+          V = Array.isArray(E.values) && E.values.length > 0;
           break;
         case "date":
-          (A.range && A.range !== "" || Array.isArray(A.values) && A.values.length > 0) && (M = !0);
+          (E.range && E.range !== "" || Array.isArray(E.values) && E.values.length > 0) && (V = !0);
           break;
       }
-    return S[z] = M, S;
-  }, {}), [n, a.values]), m = Object.values(w).filter(Boolean).length, g = async (S, I) => {
+    return S[P] = V, S;
+  }, {}), [n, a.values]), m = Object.values(w).filter(Boolean).length, g = async (S, B) => {
     try {
-      N((A) => ({ ...A, [S]: !0 }));
-      const z = await i(S, I);
-      y((A) => ({ ...A, [S]: z }));
-    } catch (z) {
-      console.error(`Error fetching ${S} users:`, z);
+      N((E) => ({ ...E, [S]: !0 }));
+      const P = await c(S, B);
+      y((E) => ({ ...E, [S]: P }));
+    } catch (P) {
+      console.error(`Error fetching ${S} users:`, P);
     } finally {
-      N((z) => ({ ...z, [S]: !1 }));
+      N((P) => ({ ...P, [S]: !1 }));
     }
   }, $ = (S) => {
-    const I = n[S].key, z = n[S].url;
-    n[S].type === "multiselect-users" && c[I].length === 0 && !b[I] && g(I, z);
-  }, P = () => {
+    const B = n[S].key, P = n[S].url;
+    n[S].type === "multiselect-users" && i[B].length === 0 && !b[B] && g(B, P);
+  }, O = () => {
     a.resetForm(), y({ createdBy: [], updatedBy: [] }), o();
-  }, E = (S) => {
-    const I = n.find((M) => M.key === S);
-    if (!I) return null;
-    const z = a.values[S] || u[S], A = Array.isArray(z.values) ? z.values : [];
-    switch (I.type) {
+  }, R = (S) => {
+    const B = n.find((V) => V.key === S);
+    if (!B) return null;
+    const P = a.values[S] || u[S], E = Array.isArray(P.values) ? P.values : [];
+    switch (B.type) {
       case "multiselect":
         return /* @__PURE__ */ l("div", { className: "filter-panel-content", children: [
           /* @__PURE__ */ l("div", { className: "filter-operator-group", children: [
@@ -881,10 +881,10 @@ const Ur = {
             /* @__PURE__ */ e(
               "select",
               {
-                value: z.operator || "in",
+                value: P.operator || "in",
                 onChange: (d) => a.setFieldValue(`${S}.operator`, d.target.value),
                 className: "filter-select",
-                children: I.operators.map((d) => /* @__PURE__ */ e("option", { value: d, children: d === "in" ? "Includes" : "Excludes" }, d))
+                children: B.operators.map((d) => /* @__PURE__ */ e("option", { value: d, children: d === "in" ? "Includes" : "Excludes" }, d))
               }
             )
           ] }),
@@ -896,9 +896,9 @@ const Ur = {
                   type: "checkbox",
                   id: `select-all-${S}`,
                   className: "filter-checkbox-input",
-                  checked: I.options.length > 0 && A.length === I.options.length,
+                  checked: B.options.length > 0 && E.length === B.options.length,
                   onChange: (d) => {
-                    const h = d.target.checked ? I.options.map((x) => x.value) : [];
+                    const h = d.target.checked ? B.options.map((x) => x.value) : [];
                     a.setFieldValue(`${S}.values`, h);
                   }
                 }
@@ -912,16 +912,16 @@ const Ur = {
                 }
               )
             ] }),
-            I.options.map((d) => /* @__PURE__ */ l("div", { className: "filter-checkbox-item", children: [
+            B.options.map((d) => /* @__PURE__ */ l("div", { className: "filter-checkbox-item", children: [
               /* @__PURE__ */ e(
                 "input",
                 {
                   type: "checkbox",
                   id: `${S}-${d.value}`,
                   className: "filter-checkbox-input",
-                  checked: A.includes(d.value),
+                  checked: E.includes(d.value),
                   onChange: (h) => {
-                    const x = h.target.checked ? [...A, d.value] : A.filter((D) => D !== d.value);
+                    const x = h.target.checked ? [...E, d.value] : E.filter((F) => F !== d.value);
                     a.setFieldValue(`${S}.values`, x);
                   }
                 }
@@ -938,21 +938,21 @@ const Ur = {
           ] })
         ] });
       case "multiselect-users":
-        const M = c[S] || [], U = b[S];
+        const V = i[S] || [], U = b[S];
         return /* @__PURE__ */ l("div", { className: "filter-panel-content", children: [
           /* @__PURE__ */ l("div", { className: "filter-operator-group", children: [
             /* @__PURE__ */ e("label", { className: "filter-label", children: "Operator:" }),
             /* @__PURE__ */ e(
               "select",
               {
-                value: z.operator || "in",
+                value: P.operator || "in",
                 onChange: (d) => a.setFieldValue(`${S}.operator`, d.target.value),
                 className: "filter-select",
-                children: I.operators.map((d) => /* @__PURE__ */ e("option", { value: d, children: d === "in" ? "Includes" : "Excludes" }, d))
+                children: B.operators.map((d) => /* @__PURE__ */ e("option", { value: d, children: d === "in" ? "Includes" : "Excludes" }, d))
               }
             )
           ] }),
-          U ? /* @__PURE__ */ e("div", { className: "loading-spinner", children: /* @__PURE__ */ e("div", {}) }) : /* @__PURE__ */ e("div", { className: "filter-checkbox-list", children: M.length > 0 ? /* @__PURE__ */ l(ee, { children: [
+          U ? /* @__PURE__ */ e("div", { className: "loading-spinner", children: /* @__PURE__ */ e("div", {}) }) : /* @__PURE__ */ e("div", { className: "filter-checkbox-list", children: V.length > 0 ? /* @__PURE__ */ l(ee, { children: [
             /* @__PURE__ */ l("div", { className: "filter-checkbox-item", children: [
               /* @__PURE__ */ e(
                 "input",
@@ -960,9 +960,9 @@ const Ur = {
                   type: "checkbox",
                   id: `select-all-users-${S}`,
                   className: "filter-checkbox-input",
-                  checked: M.length > 0 && A.length === M.length,
+                  checked: V.length > 0 && E.length === V.length,
                   onChange: (d) => {
-                    const h = d.target.checked ? M.map((x) => x.email) : [];
+                    const h = d.target.checked ? V.map((x) => x.email) : [];
                     a.setFieldValue(
                       `${S}.values`,
                       h
@@ -979,16 +979,16 @@ const Ur = {
                 }
               )
             ] }),
-            M.map((d) => /* @__PURE__ */ l("div", { className: "filter-checkbox-item", children: [
+            V.map((d) => /* @__PURE__ */ l("div", { className: "filter-checkbox-item", children: [
               /* @__PURE__ */ e(
                 "input",
                 {
                   type: "checkbox",
                   id: `${S}-${d.email}`,
                   className: "filter-checkbox-input",
-                  checked: A.includes(d.email),
+                  checked: E.includes(d.email),
                   onChange: (h) => {
-                    const x = h.target.checked ? [...A, d.email] : A.filter((D) => D !== d.email);
+                    const x = h.target.checked ? [...E, d.email] : E.filter((F) => F !== d.email);
                     a.setFieldValue(
                       `${S}.values`,
                       x
@@ -1011,7 +1011,7 @@ const Ur = {
           ] }) : /* @__PURE__ */ e("div", { className: "text-center py-4 text-gray-500 text-sm", children: "No users loaded." }) })
         ] });
       case "date":
-        const q = z.values || [], [v, p] = q, f = v && p, k = {
+        const j = P.values || [], [v, p] = j, f = v && p, k = {
           startDate: v instanceof Date ? v : /* @__PURE__ */ new Date(),
           // Fallback to today
           endDate: p instanceof Date ? p : /* @__PURE__ */ new Date(),
@@ -1024,10 +1024,10 @@ const Ur = {
             /* @__PURE__ */ e(
               "select",
               {
-                value: z.operator,
+                value: P.operator,
                 onChange: (d) => a.setFieldValue(`${S}.operator`, d.target.value),
                 className: "filter-select",
-                children: I.operators.map((d) => /* @__PURE__ */ e("option", { value: d, children: d === "in" ? "Is" : "Is not" }, d))
+                children: B.operators.map((d) => /* @__PURE__ */ e("option", { value: d, children: d === "in" ? "Is" : "Is not" }, d))
               }
             ),
             f && /* @__PURE__ */ e(
@@ -1099,7 +1099,7 @@ const Ur = {
               "button",
               {
                 type: "button",
-                onClick: P,
+                onClick: O,
                 className: "filter-clear-button",
                 children: "Clear All Filters"
               }
@@ -1137,7 +1137,7 @@ const Ur = {
                           animate: { opacity: 1, x: 0 },
                           transition: { duration: 0.3 },
                           className: "h-full",
-                          children: E(S.key)
+                          children: R(S.key)
                         },
                         S.key
                       )
@@ -1183,11 +1183,11 @@ const Ur = {
   icon: o,
   error: n,
   className: u,
-  ref: i,
+  ref: c,
   // ✅ 'ref' is now received directly as a prop
-  ...c
+  ...i
 }) => {
-  const y = r || c.name;
+  const y = r || i.name;
   return /* @__PURE__ */ l("div", { className: `input-wrapper ${u || ""}`, children: [
     t && /* @__PURE__ */ e("label", { htmlFor: y, className: "input-label", children: t }),
     /* @__PURE__ */ l("div", { className: "input-field-container", children: [
@@ -1197,12 +1197,12 @@ const Ur = {
         {
           id: y,
           type: s,
-          ref: i,
+          ref: c,
           className: W("input-field", {
             "input-field--error": !!n,
             "input-field--with-icon": !!o
           }),
-          ...c
+          ...i
         }
       )
     ] }),
@@ -1234,12 +1234,12 @@ const Ur = {
   // For the description/body content
   primaryButtonText: n = "Confirm",
   secondaryButtonText: u = "Cancel",
-  variant: i = "info",
+  variant: c = "info",
   // 'info', 'warning', 'delete'
-  loading: c = !1,
+  loading: i = !1,
   buttonProps: y = {}
 }) => {
-  const b = oa[i] || oa.info, N = b.icon, a = () => {
+  const b = oa[c] || oa.info, N = b.icon, a = () => {
     r({ primary: !0, secondary: !1 });
   }, w = () => {
     r({ primary: !1, secondary: !0 });
@@ -1306,14 +1306,14 @@ const Ur = {
   onItemsPerPageChange: n,
   itemsPerPageOptions: u = [10, 15, 20]
 }) => {
-  const i = Math.ceil(r / s), [c, y] = L(t);
+  const c = Math.ceil(r / s), [i, y] = L(t);
   Q(() => {
     y(t);
   }, [t]);
   const b = Math.min((t - 1) * s + 1, r), N = Math.min(t * s, r), a = (w) => {
     w.preventDefault();
-    let m = parseInt(c, 10);
-    isNaN(m) || m < 1 ? m = 1 : m > i && (m = i), y(m), m !== t && o(m);
+    let m = parseInt(i, 10);
+    isNaN(m) || m < 1 ? m = 1 : m > c && (m = c), y(m), m !== t && o(m);
   };
   return /* @__PURE__ */ l("div", { className: "pagination-container", children: [
     /* @__PURE__ */ l("div", { className: "pagination-left", children: [
@@ -1363,7 +1363,7 @@ const Ur = {
           {
             type: "number",
             className: "page-input",
-            value: c,
+            value: i,
             onChange: (w) => y(w.target.value),
             onBlur: a,
             "aria-label": `Current page, Page ${t}`
@@ -1371,7 +1371,7 @@ const Ur = {
         ),
         /* @__PURE__ */ l("span", { className: "page-input-total", children: [
           "of ",
-          i
+          c
         ] })
       ] }),
       /* @__PURE__ */ e(
@@ -1379,7 +1379,7 @@ const Ur = {
         {
           className: "pagination-button",
           onClick: () => o(t + 1),
-          disabled: t === i,
+          disabled: t === c,
           children: /* @__PURE__ */ e(Le, { size: 16 })
         }
       ),
@@ -1387,8 +1387,8 @@ const Ur = {
         "button",
         {
           className: "pagination-button",
-          onClick: () => o(i),
-          disabled: t === i,
+          onClick: () => o(c),
+          disabled: t === c,
           children: /* @__PURE__ */ e(ft, { size: 16 })
         }
       )
@@ -1411,31 +1411,31 @@ const Ur = {
       onChange: s,
       className: "radiogroup-container",
       ...u,
-      children: o.map((i) => /* @__PURE__ */ e(
+      children: o.map((c) => /* @__PURE__ */ e(
         Te.Option,
         {
-          value: i.value,
-          className: ({ active: c, checked: y }) => W("radiogroup-option", {
-            "radiogroup-option--active": c,
+          value: c.value,
+          className: ({ active: i, checked: y }) => W("radiogroup-option", {
+            "radiogroup-option--active": i,
             "radiogroup-option--checked": y,
             "radiogroup-option--error": !!n
           }),
-          children: ({ checked: c }) => /* @__PURE__ */ l(ee, { children: [
+          children: ({ checked: i }) => /* @__PURE__ */ l(ee, { 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(
+              /* @__PURE__ */ e(Te.Label, { as: "p", className: "option-label", children: c.label }),
+              c.description && /* @__PURE__ */ e(
                 Te.Description,
                 {
                   as: "span",
                   className: "option-description",
-                  children: i.description
+                  children: c.description
                 }
               )
             ] }),
-            c && /* @__PURE__ */ e("div", { className: "option-checkmark", children: /* @__PURE__ */ e(bt, { size: 20 }) })
+            i && /* @__PURE__ */ e("div", { className: "option-checkmark", children: /* @__PURE__ */ e(bt, { size: 20 }) })
           ] })
         },
-        i.value
+        c.value
       ))
     }
   ),
@@ -1448,9 +1448,9 @@ const Ur = {
   label: n = "Search",
   // Added a default label for accessibility
   customClass: u = "",
-  ...i
+  ...c
 }) => {
-  const [c, y] = L(t);
+  const [i, y] = L(t);
   Q(() => {
     y(t);
   }, [t]);
@@ -1460,9 +1460,9 @@ const Ur = {
     }, s),
     [s, r]
   );
-  Q(() => (c !== t && b(c), () => {
+  Q(() => (i !== t && b(i), () => {
     b.cancel();
-  }), [c, b, t]);
+  }), [i, b, t]);
   const N = (a) => {
     y(a.target.value);
   };
@@ -1477,9 +1477,9 @@ const Ur = {
         placeholder: o,
         type: "search",
         name: "search",
-        value: c,
+        value: i,
         onChange: N,
-        ...i
+        ...c
       }
     )
   ] });
@@ -1492,22 +1492,22 @@ const Ur = {
   options: o = [],
   placeholder: n = "Select an option...",
   disabled: u = !1,
-  error: i,
-  ref: c,
+  error: c,
+  ref: i,
   // From RHF's <Controller>
   showSearch: y = !0
 }) => {
   const [b, N] = L(""), a = b === "" ? o : o.filter(
     (m) => m.label.toLowerCase().includes(b.toLowerCase())
   ), w = o.find((m) => r?.id ? m.id === r.id : m.id === r || m.value === r);
-  return /* @__PURE__ */ e(X, { value: r, onChange: s, disabled: u, children: /* @__PURE__ */ l("div", { className: "select-wrapper", ref: c, children: [
+  return /* @__PURE__ */ e(X, { value: r, onChange: s, disabled: u, children: /* @__PURE__ */ l("div", { className: "select-wrapper", ref: i, children: [
     t && /* @__PURE__ */ e("label", { className: "select-label", children: t }),
     /* @__PURE__ */ l("div", { className: "select-button-container", children: [
       /* @__PURE__ */ l(
         sr,
         {
           className: W("select-button", {
-            "select-button--error": !!i
+            "select-button--error": !!c
           }),
           children: [
             /* @__PURE__ */ e("span", { className: "select-value-display", children: w ? w.label : /* @__PURE__ */ e("span", { className: "placeholder", children: n }) }),
@@ -1561,7 +1561,7 @@ const Ur = {
         }
       )
     ] }),
-    i && /* @__PURE__ */ e("p", { className: "select-error-message", children: i })
+    c && /* @__PURE__ */ e("p", { className: "select-error-message", children: c })
   ] }) });
 }, Wr = () => {
   const [t, r] = L(window.location.pathname);
@@ -1579,12 +1579,12 @@ const Ur = {
       return s;
   return null;
 }, Pa = ({ item: t, isCollapsed: r, level: s = 0 }) => {
-  const { pathname: o } = Wr(), n = t.href || t.url || t.path, [u, i] = L(!1), c = t.icon;
+  const { pathname: o } = Wr(), n = t.href || t.url || t.path, [u, c] = L(!1), i = t.icon;
   Q(() => {
-    Ke([t], o) && i(!0);
+    Ke([t], o) && c(!0);
   }, [t, o]);
   const y = o === n, b = !y && !!Ke([t], o), N = (a) => {
-    a.preventDefault(), i(!u);
+    a.preventDefault(), c(!u);
   };
   return /* @__PURE__ */ l(
     "div",
@@ -1606,7 +1606,7 @@ const Ur = {
             }),
             "aria-current": y ? "page" : void 0,
             children: [
-              c && /* @__PURE__ */ e(c, { className: "nav-icon", "aria-hidden": "true" }),
+              i && /* @__PURE__ */ e(i, { className: "nav-icon", "aria-hidden": "true" }),
               /* @__PURE__ */ e("span", { className: "nav-label", children: t.label || t.name }),
               t.children && /* @__PURE__ */ e(
                 "button",
@@ -1657,8 +1657,8 @@ const Ur = {
   isMobileOpen: o = !1,
   onToggleMobile: n,
   logoSmall: u,
-  logoLarge: i,
-  user: c = { name: "", email: "" }
+  logoLarge: c,
+  user: i = { name: "", email: "" }
 }) => /* @__PURE__ */ l(ee, { children: [
   o && /* @__PURE__ */ e(
     "div",
@@ -1678,7 +1678,7 @@ const Ur = {
       "aria-label": "Main navigation",
       children: [
         /* @__PURE__ */ l("div", { className: "sidebar-header", children: [
-          /* @__PURE__ */ e("div", { className: "sidebar-logo", children: r ? u : i }),
+          /* @__PURE__ */ e("div", { className: "sidebar-logo", children: r ? u : c }),
           !r && /* @__PURE__ */ l("div", { className: "sidebar-search-container", children: [
             /* @__PURE__ */ e(ya, { className: "sidebar-search-icon" }),
             /* @__PURE__ */ e(
@@ -1703,10 +1703,10 @@ const Ur = {
         ] }),
         /* @__PURE__ */ e("nav", { className: "sidebar-nav", "aria-label": "Primary", children: /* @__PURE__ */ e("ul", { className: "sidebar-nav-list", children: t.map((y) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(Pa, { item: y, isCollapsed: r }) }, y.label || y.name)) }) }),
         /* @__PURE__ */ l("div", { className: "sidebar-footer", children: [
-          /* @__PURE__ */ e(Ta, { src: c.avatar, name: c.name, size: "medium" }),
+          /* @__PURE__ */ e(Ta, { src: i.avatar, name: i.name, size: "medium" }),
           /* @__PURE__ */ l("div", { className: "user-info", children: [
-            /* @__PURE__ */ e("span", { className: "user-name", children: c.name }),
-            /* @__PURE__ */ e("span", { className: "user-email", children: c.email })
+            /* @__PURE__ */ e("span", { className: "user-name", children: i.name }),
+            /* @__PURE__ */ e("span", { className: "user-email", children: i.email })
           ] }),
           /* @__PURE__ */ e(
             "button",
@@ -1765,19 +1765,19 @@ const Ur = {
   ref: n,
   maxLength: u,
   // ✅ New prop for max length
-  showCharCount: i = !1,
+  showCharCount: c = !1,
   // ✅ New prop to control visibility
-  ...c
+  ...i
 }) => {
-  const y = r || c.name, [b, N] = L(
-    c.value?.length || c.defaultValue?.length || 0
+  const y = r || i.name, [b, N] = L(
+    i.value?.length || i.defaultValue?.length || 0
   ), a = (m) => {
-    N(m.target.value.length), c.onChange && c.onChange(m);
+    N(m.target.value.length), i.onChange && i.onChange(m);
   }, w = u - b;
   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 && u && /* @__PURE__ */ l("span", { className: "char-counter", children: [
+      c && u && /* @__PURE__ */ l("span", { className: "char-counter", children: [
         w,
         " characters remaining"
       ] })
@@ -1792,7 +1792,7 @@ const Ur = {
         }),
         maxLength: u,
         onChange: a,
-        ...c
+        ...i
       }
     ),
     s && /* @__PURE__ */ e("p", { className: "textarea-error-message", children: s })
@@ -1805,7 +1805,7 @@ const Ur = {
   error: n,
   ...u
 }) => /* @__PURE__ */ l("div", { className: "switch-container", children: [
-  /* @__PURE__ */ l(ir, { as: "div", className: "switch-group", children: [
+  /* @__PURE__ */ l(cr, { as: "div", className: "switch-group", children: [
     t && o === "left" && /* @__PURE__ */ e(Ye.Label, { className: "switch-label", passive: !0, children: t }),
     /* @__PURE__ */ e(
       Ye,
@@ -1834,20 +1834,20 @@ const Ur = {
   // 'top', 'bottom', 'left', 'right'
   className: u,
   // For external styling of the tooltip itself
-  ...i
+  ...c
 }) => {
-  const c = re.useId();
+  const i = re.useId();
   return /* @__PURE__ */ l(ee, { children: [
-    re.cloneElement(t, { "data-tooltip-id": c }),
+    re.cloneElement(t, { "data-tooltip-id": i }),
     /* @__PURE__ */ e(
       xt,
       {
-        id: c,
+        id: i,
         content: r,
         place: n,
         variant: s,
         className: `custom-tooltip custom-tooltip--size-${o} ${u || ""}`,
-        ...i
+        ...c
       }
     )
   ] });
@@ -1871,8 +1871,8 @@ const Ur = {
   currentStep: o,
   direction: n = 1,
   stepProps: u = {},
-  title: i,
-  description: c,
+  title: c,
+  description: i,
   showProgress: y = !0,
   closeOnOverlayClick: b = !0
 }) => {
@@ -1921,8 +1921,8 @@ const Ur = {
                     }
                   ),
                   /* @__PURE__ */ l("div", { className: "wizard-header-text", children: [
-                    /* @__PURE__ */ e(me.Title, { as: "h3", className: "wizard-title", children: i }),
-                    c && /* @__PURE__ */ e(me.Description, { className: "wizard-description", children: c })
+                    /* @__PURE__ */ e(me.Title, { as: "h3", className: "wizard-title", children: c }),
+                    i && /* @__PURE__ */ e(me.Description, { className: "wizard-description", children: i })
                   ] })
                 ] }),
                 /* @__PURE__ */ e(
@@ -1982,19 +1982,19 @@ const Ur = {
   save: o,
   cancel: n,
   tertiary: u,
-  fullHeight: i = !1,
+  fullHeight: c = !1,
   // A clearer prop name
-  ...c
+  ...i
 }) => {
   const y = W(
     "page-layout",
     {
       "page-layout--with-footer": r,
-      "page-layout--full-height": i
+      "page-layout--full-height": c
     },
-    c.className
+    i.className
   );
-  return /* @__PURE__ */ l("div", { className: y, ...c, children: [
+  return /* @__PURE__ */ l("div", { className: y, ...i, children: [
     /* @__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: [
       u?.show && /* @__PURE__ */ e(
@@ -2052,10 +2052,10 @@ const Ur = {
   triggerIcon: s = Ct
 }) => {
   const { refs: o, floatingStyles: n } = Ca({
-    whileElementsMounted: $a,
-    middleware: [Sa(5), Da(), Fa({ padding: 5 })]
+    whileElementsMounted: Fa,
+    middleware: [Sa(5), Da(), $a({ padding: 5 })]
   });
-  return /* @__PURE__ */ l(cr, { as: "div", className: "options-menu-wrapper", children: [
+  return /* @__PURE__ */ l(ir, { as: "div", className: "options-menu-wrapper", children: [
     /* @__PURE__ */ e(dr, { ref: o.setReference, className: "options-menu-trigger", children: /* @__PURE__ */ e(s, { size: 20 }) }),
     /* @__PURE__ */ e(ur, { children: /* @__PURE__ */ e(
       oe,
@@ -2075,11 +2075,11 @@ const Ur = {
             className: "options-menu-panel",
             children: t.map((u) => /* @__PURE__ */ l("div", { className: "options-menu-item-wrapper", children: [
               u.dividerBefore && /* @__PURE__ */ e("div", { className: "menu-divider" }),
-              /* @__PURE__ */ e(hr, { children: ({ active: i }) => /* @__PURE__ */ l(
+              /* @__PURE__ */ e(hr, { children: ({ active: c }) => /* @__PURE__ */ l(
                 "button",
                 {
                   onClick: () => r(u),
-                  className: `options-menu-item ${i ? "active bg-gray-200 text-gray-900" : ""}`,
+                  className: `options-menu-item ${c ? "active bg-gray-200 text-gray-900" : ""}`,
                   disabled: u.disabled,
                   children: [
                     u.icon && /* @__PURE__ */ e("span", { className: "item-icon", children: u.icon }),
@@ -2235,8 +2235,8 @@ function tn(t) {
     return console.log("Error reading JSON from localStorage"), null;
   }
 }
-function ia() {
-  const t = tn("userProfile") || {}, r = localStorage.getItem("access_token") || t.accessToken || "", s = localStorage.getItem("siteId") || t.siteId || "", o = t.tenant || "", n = t.tenantdomain || "", u = t.username || t.displayName || "", i = t.email || "";
+function ca() {
+  const t = tn("userProfile") || {}, r = localStorage.getItem("access_token") || t.accessToken || "", s = localStorage.getItem("siteId") || t.siteId || "", o = t.tenant || "", n = t.tenantdomain || "", u = t.username || t.displayName || "", c = t.email || "";
   return {
     Authorization: r ? `Bearer ${r}` : void 0,
     "x-tenant-id": o || void 0,
@@ -2244,19 +2244,19 @@ function ia() {
     "site-id": s || void 0,
     "Content-Type": "application/json",
     "principal-user": u || void 0,
-    "x-user-email": i || void 0
+    "x-user-email": c || void 0
   };
 }
 function rn(t) {
   if (t && t.isAxiosError) {
-    const { response: r, config: s, message: o } = t, n = r?.status ?? null, u = r?.statusText ?? null, i = r?.data ?? null, c = typeof i == "string" && i || i?.message || i?.msg || i?.error || i?.errors?.[0]?.message || null;
+    const { response: r, config: s, message: o } = t, n = r?.status ?? null, u = r?.statusText ?? null, c = r?.data ?? null, i = typeof c == "string" && c || c?.message || c?.msg || c?.error || c?.errors?.[0]?.message || null;
     return {
       ok: !1,
       status: n,
       statusText: u,
-      code: i?.code || null,
-      message: c || o || "Request failed",
-      details: i || null,
+      code: c?.code || null,
+      message: i || o || "Request failed",
+      details: c || null,
       request: {
         url: s?.url || null,
         method: s?.method || null,
@@ -2296,12 +2296,12 @@ function nn({
   );
   function o({ open: b = !1, customHeader: N = {} } = {}) {
     if (b) {
-      const { Authorization: a, ...w } = ia();
+      const { Authorization: a, ...w } = ca();
       return {
         headers: { ...w, ...r, ...N }
       };
     }
-    return { headers: { ...ia(), ...N } };
+    return { headers: { ...ca(), ...N } };
   }
   async function n(b, N, a = !1, w = {}) {
     return s.get(b, {
@@ -2313,10 +2313,10 @@ function nn({
     const m = { ...o({ open: a, customHeader: w }) };
     return N !== void 0 && (m.data = N), s.delete(b, m);
   }
-  async function i(b, N = {}, a = !1, w = {}) {
+  async function c(b, N = {}, a = !1, w = {}) {
     return s.post(b, N, o({ open: a, customHeader: w }));
   }
-  async function c(b, N = {}, a = !1, w = {}) {
+  async function i(b, N = {}, a = !1, w = {}) {
     return s.put(b, N, o({ open: a, customHeader: w }));
   }
   async function y(b, N = {}, a = !1, w = {}) {
@@ -2327,12 +2327,12 @@ function nn({
     // exported in case you want advanced usage
     axiosGet: n,
     axiosDelete: u,
-    axiosPost: i,
-    axiosPut: c,
+    axiosPost: c,
+    axiosPut: i,
     axiosPatch: y
   };
 }
-const we = nn(), Fe = we.axiosGet, sn = we.axiosDelete, $e = we.axiosPost, ln = we.axiosPut, ls = we.axiosPatch, os = we.instance, on = async (t, r) => {
+const we = nn(), $e = we.axiosGet, sn = we.axiosDelete, Fe = we.axiosPost, ln = we.axiosPut, ls = we.axiosPatch, os = we.instance, on = async (t, r) => {
   try {
     switch (t) {
       case Ne.USER: {
@@ -2359,7 +2359,7 @@ const we = nn(), Fe = we.axiosGet, sn = we.axiosDelete, $e = we.axiosPost, ln =
     type: "User",
     avatarUrl: r?.profileImage || Re(n)
   };
-}), ca = (t) => {
+}), ia = (t) => {
   try {
     const r = JSON.parse(t);
     return Array.isArray(r) ? r : [];
@@ -2368,7 +2368,7 @@ const we = nn(), Fe = we.axiosGet, sn = we.axiosDelete, $e = we.axiosPost, ln =
   }
 }, Ie = {
   userSearch: async (t) => {
-    const { data: r } = await Fe(`${ja()}`, t);
+    const { data: r } = await $e(`${ja()}`, t);
     return console.log("User search response:", r), r.length ? r.map((s) => ({
       id: s.email,
       name: `${s?.firstName} ${s?.lastName}`.trim(),
@@ -2377,7 +2377,7 @@ const we = nn(), Fe = we.axiosGet, sn = we.axiosDelete, $e = we.axiosPost, ln =
     })) : [];
   },
   getAdGroups: async (t) => {
-    const { data: r } = await $e(`${Ga()}`, {
+    const { data: r } = await Fe(`${Ga()}`, {
       q: t
     });
     if (r.length)
@@ -2389,7 +2389,7 @@ const we = nn(), Fe = we.axiosGet, sn = we.axiosDelete, $e = we.axiosPost, ln =
       }));
   },
   searchRoles: async (t) => {
-    const { data: r } = await $e(`${Wa()}`, {
+    const { data: r } = await Fe(`${Wa()}`, {
       page: 0,
       size: 20,
       q: t ?? "",
@@ -2405,15 +2405,15 @@ const we = nn(), Fe = we.axiosGet, sn = we.axiosDelete, $e = we.axiosPost, ln =
       }));
   },
   getMembersForGroup: async (t) => {
-    const r = `${be()}/unifydidentity/open/usersforgroup?groupName=${encodeURIComponent(t)}&isGroupWithSpecChar=true&isPaging=true&page=0&size=999&deepSearch=`, { data: s } = await Fe(r);
+    const r = `${be()}/unifydidentity/open/usersforgroup?groupName=${encodeURIComponent(t)}&isGroupWithSpecChar=true&isPaging=true&page=0&size=999&deepSearch=`, { data: s } = await $e(r);
     let o = [];
     if (Array.isArray(s))
       o = s;
     else if (typeof s == "string")
-      o = ca(s.trim());
+      o = ia(s.trim());
     else if (s && typeof s == "object") {
       const n = s.data;
-      Array.isArray(n) ? o = n : typeof n == "string" && (o = ca(n.trim()));
+      Array.isArray(n) ? o = n : typeof n == "string" && (o = ia(n.trim()));
     }
     return cn(o);
   }
@@ -2439,9 +2439,9 @@ const we = nn(), Fe = we.axiosGet, sn = we.axiosDelete, $e = we.axiosPost, ln =
 }) => {
   const n = t.slice(0, 2), u = [];
   t.length > 0 && u.push(t[0].name), r.length > 0 && u.push(r[0].name), s.length > 0 && u.length < 2 && u.push(s[0].name);
-  const i = t.length + r.length + s.length, c = i - u.length;
+  const c = t.length + r.length + s.length, i = c - u.length;
   let y = u.join(", ");
-  return c > 0 && (y += ` and ${c} others`), i === 0 ? /* @__PURE__ */ e(
+  return i > 0 && (y += ` and ${i} others`), c === 0 ? /* @__PURE__ */ e(
     "div",
     {
       className: "flex items-center justify-between p-3 border border-dashed border-gray-400 rounded-lg hover:bg-gray-50",
@@ -2471,14 +2471,14 @@ const we = nn(), Fe = we.axiosGet, sn = we.axiosDelete, $e = we.axiosPost, ln =
     }
   );
 }, da = [
-  { id: 1, name: Ne.USER, icon: $t, code: "users" },
+  { id: 1, name: Ne.USER, icon: Ft, code: "users" },
   { id: 2, name: Ne.GROUP, icon: va, code: "groups" },
   { id: 3, name: Ne.ROLE, icon: Tt, code: "roles" }
 ], ua = [
   { id: 1, name: na.View, icon: Na },
   { id: 2, name: na.Manage, icon: xa }
 ], un = Dt().shape({
-  pendingInvites: Ft().min(1, "You must add at least one person to invite.")
+  pendingInvites: $t().min(1, "You must add at least one person to invite.")
 }), mn = ({
   entity: t,
   onManage: r,
@@ -2486,85 +2486,85 @@ const we = nn(), Fe = we.axiosGet, sn = we.axiosDelete, $e = we.axiosPost, ln =
   existingShares: o = { users: [], groups: [], roles: [] },
   calledBy: n,
   showExistingShares: u = !1,
-  onFinalSubmit: i = () => {
+  onFinalSubmit: c = () => {
   },
-  isChanged: c = !1
+  isChanged: i = !1
 }) => {
-  const [y, b] = L(da[0]), [N, a] = L(""), w = ta(N, 400), [m, g] = L([]), [$, P] = L(/* @__PURE__ */ new Set()), [E, S] = L(!1), [I, z] = L(ua[0]), {
-    control: A,
-    handleSubmit: M,
+  const [y, b] = L(da[0]), [N, a] = L(""), w = ta(N, 400), [m, g] = L([]), [$, O] = L(/* @__PURE__ */ new Set()), [R, S] = L(!1), [B, P] = L(ua[0]), {
+    control: E,
+    handleSubmit: V,
     watch: U,
-    formState: { errors: q, isSubmitting: v }
+    formState: { errors: j, isSubmitting: v }
   } = At({
     defaultValues: { pendingInvites: [] },
     resolver: It(un)
   }), { fields: p, append: f, remove: k, update: d } = Et({
-    control: A,
+    control: E,
     name: "pendingInvites"
   }), h = U("pendingInvites");
   Q(() => {
     w.length > 1 ? (S(!0), on(y.name, w).then((T) => {
       g(T);
-    }).catch((T) => console.error("Search failed:", T)).finally(() => S(!1))) : (g([]), P(/* @__PURE__ */ new Set()));
+    }).catch((T) => console.error("Search failed:", T)).finally(() => S(!1))) : (g([]), O(/* @__PURE__ */ new Set()));
   }, [w, y]);
   const x = (T) => {
-    P((C) => {
-      const R = new Set(C);
-      return R.has(T) ? R.delete(T) : R.add(T), R;
+    O((C) => {
+      const I = new Set(C);
+      return I.has(T) ? I.delete(T) : I.add(T), I;
     });
-  }, D = () => {
+  }, F = () => {
     m.filter((T) => $.has(T.id)).forEach((T) => {
-      p.find((C) => C.id === T.id) || f({ ...T, permission: I.name });
-    }), P(/* @__PURE__ */ new Set()), a("");
-  }, B = (T) => {
-    z(T), p.forEach(
-      (C, R) => d(R, { ...p[R], permission: T.name })
+      p.find((C) => C.id === T.id) || f({ ...T, permission: B.name });
+    }), O(/* @__PURE__ */ new Set()), a("");
+  }, z = (T) => {
+    P(T), p.forEach(
+      (C, I) => d(I, { ...p[I], permission: T.name })
     );
-  }, G = async (T) => {
+  }, q = async (T) => {
     try {
       if (n === se.DRIVE) {
         const C = {
           entity: t,
-          userGroupRolesObj: T.pendingInvites.map((R) => ({
-            id: R.id,
-            permission: R.permission,
-            type: R.type.toLowerCase()
+          userGroupRolesObj: T.pendingInvites.map((I) => ({
+            id: I.id,
+            permission: I.permission,
+            type: I.type.toLowerCase()
           }))
         };
-        i(C, o);
+        c(C, o);
       } else if (n === se.INTEREST) {
-        const C = T.pendingInvites.map((R) => ({
-          identity: R.id,
-          type: R.type.toLowerCase(),
+        const C = T.pendingInvites.map((I) => ({
+          identity: I.id,
+          type: I.type.toLowerCase(),
           opt: !0,
           lock: !1,
           moderator: !1,
-          userName: R.name,
+          userName: I.name,
           interestId: t?.data?.id
         }));
-        i(C, o);
+        c(C, o);
       } else if (n === se.ARTICLE) {
         const C = {
           entity: t,
-          userGroupRolesObj: T.pendingInvites.map((R) => ({
-            id: R.id,
-            permission: R.permission,
-            type: R.type.toLowerCase()
+          userGroupRolesObj: T.pendingInvites.map((I) => ({
+            id: I.id,
+            permission: I.permission,
+            type: I.type.toLowerCase()
           }))
         };
-        i(C, o);
+        c(C, o);
       } else
-        i(T, o);
+        c(T, o);
       setTimeout(() => {
         s();
       }, 1e3);
     } catch (C) {
       throw console.error("Failed to submit invites:", C), C;
     }
-  }, F = (T) => {
-    const C = o[y.code].find((R) => R.name === T.name) || h.find((R) => R.name === T.name);
+  }, D = (T) => {
+    const C = o[y.code].find((I) => I.name === T.name) || h.find((I) => I.name === T.name);
     return C ? `${C.permission}` : "";
-  }, O = () => {
+  }, A = () => {
     switch (n) {
       case se.DRIVE:
         return "Share with others";
@@ -2575,10 +2575,10 @@ const we = nn(), Fe = we.axiosGet, sn = we.axiosDelete, $e = we.axiosPost, ln =
       default:
         return "Add User, Groups or Roles test";
     }
-  }, V = ne(() => $.size === 0 && !c, [$, c]);
+  }, M = ne(() => $.size === 0 && !i, [$, i]);
   return /* @__PURE__ */ l("div", { className: "flex flex-col h-full bg-white", children: [
     /* @__PURE__ */ l("header", { className: "flex items-center justify-between p-4 border-b border-gray-300 flex-shrink-0", children: [
-      /* @__PURE__ */ e(me.Title, { className: " text-gray-900 !mb-0 text-lg font-semibold", children: O() }),
+      /* @__PURE__ */ e(me.Title, { className: " text-gray-900 !mb-0 text-lg font-semibold", children: A() }),
       /* @__PURE__ */ l("div", { className: "flex items-center gap-4", children: [
         n === se.DRIVE && /* @__PURE__ */ l("button", { className: "flex items-center gap-2 text-sm text-blue-600 hover:text-blue-800 font-semibold hover:cursor-pointer", children: [
           /* @__PURE__ */ e(Rt, { className: "h-5 w-5" }),
@@ -2657,7 +2657,7 @@ const we = nn(), Fe = we.axiosGet, sn = we.axiosDelete, $e = we.axiosPost, ln =
             value: N
           }
         ) }),
-        /* @__PURE__ */ e(fe, { children: (m?.length > 0 || E) && /* @__PURE__ */ e(
+        /* @__PURE__ */ e(fe, { children: (m?.length > 0 || R) && /* @__PURE__ */ e(
           te.div,
           {
             initial: { opacity: 0, y: -10 },
@@ -2665,9 +2665,9 @@ const we = nn(), Fe = we.axiosGet, sn = we.axiosDelete, $e = we.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: E ? /* @__PURE__ */ e("div", { className: "p-4 text-center text-gray-500", children: "Loading..." }) : /* @__PURE__ */ l(ee, { children: [
+            children: R ? /* @__PURE__ */ e("div", { className: "p-4 text-center text-gray-500", children: "Loading..." }) : /* @__PURE__ */ l(ee, { children: [
               /* @__PURE__ */ e("div", { className: "max-h-60 overflow-y-auto p-2 space-y-1", children: m.map((T) => {
-                const C = F(T);
+                const C = D(T);
                 return /* @__PURE__ */ l(
                   "div",
                   {
@@ -2714,7 +2714,7 @@ const we = nn(), Fe = we.axiosGet, sn = we.axiosDelete, $e = we.axiosPost, ln =
                 /* @__PURE__ */ e(
                   "button",
                   {
-                    onClick: D,
+                    onClick: F,
                     disabled: $.size === 0,
                     className: "px-3 py-1 text-sm text-white bg-blue-600 rounded-md hover:bg-blue-700 disabled:bg-blue-300 disabled:cursor-not-allowed hover:cursor-pointer",
                     children: "Add"
@@ -2741,15 +2741,15 @@ const we = nn(), Fe = we.axiosGet, sn = we.axiosDelete, $e = we.axiosPost, ln =
               n === se.DRIVE && /* @__PURE__ */ e(
                 X,
                 {
-                  value: I,
-                  onChange: B,
+                  value: B,
+                  onChange: z,
                   children: /* @__PURE__ */ l("div", { className: "relative", 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(I.icon, { className: "h-5 w-5 text-gray-400 mr-2" }),
+                        /* @__PURE__ */ e(B.icon, { className: "h-5 w-5 text-gray-400 mr-2" }),
                         /* @__PURE__ */ l("span", { className: "truncate", children: [
                           "Can ",
-                          I.name
+                          B.name
                         ] })
                       ] }),
                       /* @__PURE__ */ e("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ e(Xe, { className: "h-5 w-5 text-gray-400" }) })
@@ -2766,7 +2766,7 @@ const we = nn(), Fe = we.axiosGet, sn = we.axiosDelete, $e = we.axiosPost, ln =
                           {
                             value: T,
                             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: R }) => /* @__PURE__ */ l(ee, { children: [
+                            children: ({ selected: C, active: I }) => /* @__PURE__ */ l(ee, { children: [
                               /* @__PURE__ */ l(
                                 "span",
                                 {
@@ -2775,7 +2775,7 @@ const we = nn(), Fe = we.axiosGet, sn = we.axiosDelete, $e = we.axiosPost, ln =
                                     /* @__PURE__ */ e(
                                       T.icon,
                                       {
-                                        className: `h-5 w-5 mr-2 ${R ? "text-white" : "text-gray-400"}`
+                                        className: `h-5 w-5 mr-2 ${I ? "text-white" : "text-gray-400"}`
                                       }
                                     ),
                                     "Can ",
@@ -2861,8 +2861,8 @@ const we = nn(), Fe = we.axiosGet, sn = we.axiosDelete, $e = we.axiosPost, ln =
         /* @__PURE__ */ e(
           "button",
           {
-            onClick: M(G),
-            disabled: v || h.length === 0 && V,
+            onClick: V(q),
+            disabled: v || h.length === 0 && M,
             className: "px-4 py-2 text-sm font-medium text-white bg-blue-600 border border-transparent rounded-md shadow-sm hover:bg-blue-700 hover:cursor-pointer focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:bg-blue-300 disabled:cursor-not-allowed",
             children: v ? "Inviting..." : n === se.DRIVE ? "Send Invites" : "Add"
           }
@@ -2875,13 +2875,13 @@ const we = nn(), Fe = we.axiosGet, sn = we.axiosDelete, $e = we.axiosPost, ln =
   { name: "Can manage", icon: xa, value: "edit" },
   { name: "Remove", icon: zt, isDestructive: !0, value: "remove" }
 ], hn = ({ item: t, allowedPermissions: r, onPermissionChange: s }) => {
-  const [o, n] = L(!1), { refs: u, floatingStyles: i, context: c } = Ca({
+  const [o, n] = L(!1), { refs: u, floatingStyles: c, context: i } = Ca({
     open: o,
     onOpenChange: n,
-    middleware: [Sa(8), Da(), Fa({ padding: 8 })],
-    whileElementsMounted: $a,
+    middleware: [Sa(8), Da(), $a({ padding: 8 })],
+    whileElementsMounted: Fa,
     placement: "bottom-end"
-  }), y = yr(c), b = fr(c), { getReferenceProps: N, getFloatingProps: a } = br([
+  }), y = yr(i), b = fr(i), { getReferenceProps: N, getFloatingProps: a } = br([
     y,
     b
   ]), w = Je.find((g) => g.name === t.permission || g.value === t.permission) || Je[0];
@@ -2918,7 +2918,7 @@ const we = nn(), Fe = we.axiosGet, sn = we.axiosDelete, $e = we.axiosPost, ln =
             X.Options,
             {
               ref: u.setFloating,
-              style: i,
+              style: c,
               ...a(),
               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",
@@ -2963,28 +2963,28 @@ const we = nn(), Fe = we.axiosGet, sn = we.axiosDelete, $e = we.axiosPost, ln =
   existingShares: n,
   allowedPermissions: u
 }) => {
-  const [i, c] = L(n), [y, b] = L(0), [N, a] = L(""), w = ta(N, 300), m = {
-    users: i.users.filter(
-      (E) => E.name.toLowerCase().includes(w.toLowerCase())
+  const [c, i] = L(n), [y, b] = L(0), [N, a] = L(""), w = ta(N, 300), m = {
+    users: c.users.filter(
+      (R) => R.name.toLowerCase().includes(w.toLowerCase())
     ),
-    groups: i.groups.filter(
-      (E) => E.name.toLowerCase().includes(w.toLowerCase())
+    groups: c.groups.filter(
+      (R) => R.name.toLowerCase().includes(w.toLowerCase())
     ),
-    roles: i.roles.filter(
-      (E) => E.name.toLowerCase().includes(w.toLowerCase())
+    roles: c.roles.filter(
+      (R) => R.name.toLowerCase().includes(w.toLowerCase())
     )
-  }, g = async (E, S, I, z) => {
-    const A = S.value;
-    c(A === "Remove" ? (M) => ({
-      ...M,
-      [I]: M[I].filter((U) => U.id !== E.id)
-    }) : (M) => ({
-      ...M,
-      [I]: M[I].map(
-        (U) => U.id === E.id ? { ...U, permission: A } : U
+  }, g = async (R, S, B, P) => {
+    const E = S.value;
+    i(E === "Remove" ? (V) => ({
+      ...V,
+      [B]: V[B].filter((U) => U.id !== R.id)
+    }) : (V) => ({
+      ...V,
+      [B]: V[B].map(
+        (U) => U.id === R.id ? { ...U, permission: E } : U
       )
     }));
-  }, $ = ["users", "groups", "roles"], P = ["Users", "Groups", "Roles"];
+  }, $ = ["users", "groups", "roles"], O = ["Users", "Groups", "Roles"];
   return (
     // The main structure remains the same...
     /* @__PURE__ */ l("div", { className: "flex flex-col h-full bg-gray-50", children: [
@@ -2992,7 +2992,7 @@ const we = nn(), Fe = we.axiosGet, sn = we.axiosDelete, $e = we.axiosPost, ln =
         /* @__PURE__ */ l(
           "button",
           {
-            onClick: () => r(i),
+            onClick: () => r(c),
             className: "flex items-center gap-1 text-sm font-medium text-gray-600 hover:text-gray-900 hover:cursor-pointer p-2 rounded-md hover:bg-gray-100",
             children: [
               /* @__PURE__ */ e(ka, { className: "h-5 w-5" }),
@@ -3012,7 +3012,7 @@ const we = nn(), Fe = we.axiosGet, sn = we.axiosDelete, $e = we.axiosPost, ln =
       ] }),
       /* @__PURE__ */ e("div", { className: "flex flex-col flex-grow", children: /* @__PURE__ */ l(ae.Group, { selectedIndex: y, onChange: b, children: [
         /* @__PURE__ */ l("div", { className: "p-4 bg-white border-b border-gray-300", children: [
-          /* @__PURE__ */ e(ae.List, { className: "flex space-x-1 bg-gray-100 p-1 rounded-lg", children: P.map((E) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e(ae.List, { className: "flex space-x-1 bg-gray-100 p-1 rounded-lg", children: O.map((R) => /* @__PURE__ */ e(
             ae,
             {
               className: ({
@@ -3020,16 +3020,16 @@ const we = nn(), Fe = we.axiosGet, sn = we.axiosDelete, $e = we.axiosPost, ln =
               }) => `w-full py-2 text-sm font-medium leading-5 rounded-md
                                        focus:outline-none focus:ring-2 ring-offset-2 ring-offset-blue-400 ring-white ring-opacity-60
                                        ${S ? "bg-white shadow text-blue-700" : "text-gray-600 hover:bg-white/[0.6]"}`,
-              children: E
+              children: R
             },
-            E
+            R
           )) }),
           /* @__PURE__ */ e("div", { className: "mt-4", children: /* @__PURE__ */ e(
             he,
             {
               onDebouncedChange: a,
               value: N,
-              placeholder: `Search in ${P[y]}...`
+              placeholder: `Search in ${O[y]}...`
             }
           ) })
         ] }),
@@ -3040,11 +3040,11 @@ const we = nn(), Fe = we.axiosGet, sn = we.axiosDelete, $e = we.axiosPost, ln =
             animate: { y: 0, opacity: 1 },
             exit: { y: -10, opacity: 0 },
             transition: { duration: 0.2 },
-            children: /* @__PURE__ */ e(ae.Panels, { as: J, children: $.map((E) => /* @__PURE__ */ e(
+            children: /* @__PURE__ */ e(ae.Panels, { as: J, children: $.map((R) => /* @__PURE__ */ e(
               ae.Panel,
               {
                 className: "space-y-3 focus:outline-none",
-                children: /* @__PURE__ */ e(fe, { children: m[E].length > 0 ? m[E].map((S) => /* @__PURE__ */ l(
+                children: /* @__PURE__ */ e(fe, { children: m[R].length > 0 ? m[R].map((S) => /* @__PURE__ */ l(
                   te.div,
                   {
                     layout: !0,
@@ -3068,12 +3068,12 @@ const we = nn(), Fe = we.axiosGet, sn = we.axiosDelete, $e = we.axiosPost, ln =
                         ),
                         /* @__PURE__ */ l("div", { className: "overflow-hidden", children: [
                           /* @__PURE__ */ e("p", { className: "font-medium text-gray-900 truncate", children: S.name }),
-                          E !== "users" && /* @__PURE__ */ e(
+                          R !== "users" && /* @__PURE__ */ e(
                             "button",
                             {
                               onClick: () => o({
                                 id: S.id,
-                                type: E,
+                                type: R,
                                 name: S.name
                               }),
                               className: "text-sm text-blue-600 hover:underline hover:cursor-pointer",
@@ -3087,10 +3087,10 @@ const we = nn(), Fe = we.axiosGet, sn = we.axiosDelete, $e = we.axiosPost, ln =
                         {
                           item: S,
                           allowedPermissions: u,
-                          onPermissionChange: (I) => g(
+                          onPermissionChange: (B) => g(
                             S,
-                            I,
-                            E
+                            B,
+                            R
                           )
                         }
                       )
@@ -3109,16 +3109,16 @@ const we = nn(), Fe = we.axiosGet, sn = we.axiosDelete, $e = we.axiosPost, ln =
                         /* @__PURE__ */ e(va, { className: "h-12 w-12 text-gray-400" }),
                         /* @__PURE__ */ l("h3", { className: "mt-2 text-sm font-medium text-gray-900", children: [
                           "No ",
-                          P[y],
+                          O[y],
                           " Found"
                         ] }),
-                        /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-gray-500", children: N ? `No results for "${N}"` : `There are no ${P[y].toLowerCase()} with access.` })
+                        /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-gray-500", children: N ? `No results for "${N}"` : `There are no ${O[y].toLowerCase()} with access.` })
                       ]
                     }
                   )
                 ) })
               },
-              E
+              R
             )) })
           },
           y
@@ -3139,7 +3139,7 @@ const we = nn(), Fe = we.axiosGet, sn = we.axiosDelete, $e = we.axiosPost, ln =
   onClose: s,
   members: o
 }) => {
-  const [n, u] = L(!0), [i, c] = L(""), y = ta(i, 300), b = o.filter(
+  const [n, u] = L(!0), [c, i] = L(""), y = ta(c, 300), b = o.filter(
     (m) => m.name.toLowerCase().includes(y.toLowerCase())
   ), N = {
     hidden: { opacity: 0 },
@@ -3232,8 +3232,8 @@ const we = nn(), Fe = we.axiosGet, sn = we.axiosDelete, $e = we.axiosPost, ln =
     /* @__PURE__ */ e("div", { className: "p-4 border-b border-gray-200 flex-shrink-0", children: /* @__PURE__ */ e(
       he,
       {
-        onDebouncedChange: c,
-        value: i,
+        onDebouncedChange: i,
+        value: c,
         placeholder: "Search members..."
       }
     ) }),
@@ -3256,33 +3256,33 @@ const we = nn(), Fe = we.axiosGet, sn = we.axiosDelete, $e = we.axiosPost, ln =
   calledBy: n,
   onClose: u = () => {
   },
-  showExistingShares: i = !0,
-  allowedPermissions: c = [],
+  showExistingShares: c = !0,
+  allowedPermissions: i = [],
   ...y
 }) => {
-  const [b, N] = L(de.INVITE), [a, w] = L(t), [m, g] = L(null), [$, P] = L(!1), [E, S] = L([]), [I, z] = L(de.MANAGE), A = () => {
+  const [b, N] = L(de.INVITE), [a, w] = L(t), [m, g] = L(null), [$, O] = L(!1), [R, S] = L([]), [B, P] = L(de.MANAGE), E = () => {
     N(de.INVITE), g(null), u();
-  }, M = () => {
+  }, V = () => {
     N(de.MANAGE);
   }, U = async ({ id: p, name: f, type: k }) => {
     if (console.log("handleToMembers", { id: p, name: f, type: k }), k === "groups") {
       try {
-        const d = await Fe(`${Ie.getMembersForGroup(f)}`);
+        const d = await $e(`${Ie.getMembersForGroup(f)}`);
       } catch (d) {
         console.log("Error searching entities:", d);
       }
       S(resp);
     }
-    g({ id: p, type: k, name: f }), z(b), N(de.MEMBERS);
-  }, q = (p) => {
+    g({ id: p, type: k, name: f }), P(b), N(de.MEMBERS);
+  }, j = (p) => {
     console.log("changedExistingShares", p), w(p);
     const f = !We.isEqual(
       We.mapValues(t, (k) => k.map((d) => ({ id: d.id, permission: d.permission }))),
       We.mapValues(p, (k) => k.map((d) => ({ id: d.id, permission: d.permission })))
     );
-    P(f), N(b === de.MEMBERS ? I : de.INVITE);
+    O(f), N(b === de.MEMBERS ? B : de.INVITE);
   };
-  return /* @__PURE__ */ e(oe, { appear: !0, show: r, as: J, children: /* @__PURE__ */ l(me, { as: "div", className: "relative z-50", onClose: A, children: [
+  return /* @__PURE__ */ e(oe, { appear: !0, show: r, as: J, children: /* @__PURE__ */ l(me, { as: "div", className: "relative z-50", onClose: E, 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(ke, { className: "filter-modal-panel", style: { background: "white" }, children: (() => {
       switch (b) {
@@ -3299,12 +3299,12 @@ const we = nn(), Fe = we.axiosGet, sn = we.axiosDelete, $e = we.axiosPost, ln =
                 pn,
                 {
                   entity: o,
-                  onBack: q,
-                  onClose: A,
+                  onBack: j,
+                  onClose: E,
                   onOpenMembers: U,
                   existingShares: a,
                   calledBy: n,
-                  allowedPermissions: c
+                  allowedPermissions: i
                 }
               )
             },
@@ -3323,11 +3323,11 @@ const we = nn(), Fe = we.axiosGet, sn = we.axiosDelete, $e = we.axiosPost, ln =
                 yn,
                 {
                   entity: m,
-                  onBack: q,
-                  onClose: A,
+                  onBack: j,
+                  onClose: E,
                   calledBy: n,
                   existingShares: a,
-                  members: E
+                  members: R
                 }
               )
             },
@@ -3346,11 +3346,11 @@ const we = nn(), Fe = we.axiosGet, sn = we.axiosDelete, $e = we.axiosPost, ln =
                 mn,
                 {
                   entity: o,
-                  onManage: M,
-                  onClose: A,
+                  onManage: V,
+                  onClose: E,
                   existingShares: a,
                   calledBy: n,
-                  showExistingShares: i,
+                  showExistingShares: c,
                   onFinalSubmit: (p) => {
                     s(p, a);
                   },
@@ -3376,8 +3376,8 @@ function qe({
   onBlur: n = () => {
   },
   placeholder: u = "Select options",
-  error: i = null,
-  displayLimit: c = 3,
+  error: c = null,
+  displayLimit: i = 3,
   selectionLimit: y = -1,
   // NEW: search behavior
   searchMode: b = "client",
@@ -3390,22 +3390,22 @@ function qe({
   getOptionId: m = ($) => String($.id),
   getOptionLabel: g = ($) => $.name
 }) {
-  const $ = Qe(), P = Qe(), [E, S] = L(""), I = ue(""), z = ne(() => {
+  const $ = Qe(), O = Qe(), [R, S] = L(""), B = ue(""), P = ne(() => {
     const p = /* @__PURE__ */ new Map();
     for (const f of r) p.set(m(f), f);
     return p;
-  }, [r, m]), A = ne(() => Array.isArray(s) ? s.map((p) => p && typeof p == "object" ? z.get(m(p)) || null : z.get(String(p))).filter(Boolean) : [], [s, z, m]), M = ne(() => {
-    if (!E) return r;
-    const p = E.toLowerCase();
+  }, [r, m]), E = ne(() => Array.isArray(s) ? s.map((p) => p && typeof p == "object" ? P.get(m(p)) || null : P.get(String(p))).filter(Boolean) : [], [s, P, m]), V = ne(() => {
+    if (!R) return r;
+    const p = R.toLowerCase();
     return r.filter((f) => g(f).toLowerCase().includes(p));
-  }, [r, E, g]);
+  }, [r, R, g]);
   Q(() => {
-    b === "server" && E.length >= w && E !== I.current && (I.current = E, N && N(E));
-  }, [E, b, w, N]);
-  const U = b === "client" ? M : r, q = () => {
-    if (!A.length)
+    b === "server" && R.length >= w && R !== B.current && (B.current = R, N && N(R));
+  }, [R, b, w, N]);
+  const U = b === "client" ? V : r, j = () => {
+    if (!E.length)
       return /* @__PURE__ */ e("span", { className: "text-gray-500", children: u });
-    const p = A.slice(0, c), f = A.length - c;
+    const p = E.slice(0, i), f = E.length - i;
     return /* @__PURE__ */ l("div", { className: "flex flex-wrap gap-2", children: [
       p.map((k) => /* @__PURE__ */ e(
         "span",
@@ -3422,7 +3422,7 @@ function qe({
       ] })
     ] });
   };
-  return /* @__PURE__ */ e(X, { value: A, onChange: (p) => {
+  return /* @__PURE__ */ e(X, { value: E, onChange: (p) => {
     const f = Array.from(new Set(p.map((k) => m(k))));
     y !== -1 && f.length > y || o(f);
   }, multiple: !0, by: "id", children: ({ open: p }) => /* @__PURE__ */ l("div", { children: [
@@ -3439,15 +3439,15 @@ function qe({
         X.Button,
         {
           "aria-labelledby": $,
-          "aria-invalid": !!i,
-          "aria-describedby": i ? P : void 0,
+          "aria-invalid": !!c,
+          "aria-describedby": c ? O : void 0,
           onBlur: n,
           className: Ae(
             "relative w-full min-h-[38px] cursor-default rounded-md bg-white py-1.5 pl-3 pr-10 text-left text-gray-900 shadow-sm ring-1 ring-inset focus:outline-none focus:ring-2 focus:ring-gray-600 sm:text-sm sm:leading-6",
-            i ? "ring-red-500" : "ring-gray-300"
+            c ? "ring-red-500" : "ring-gray-300"
           ),
           children: [
-            /* @__PURE__ */ e("span", { className: "block truncate", children: q() }),
+            /* @__PURE__ */ e("span", { className: "block truncate", children: j() }),
             /* @__PURE__ */ e("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ e(fa, { className: "w-5 h-5 text-gray-400", "aria-hidden": "true" }) })
           ]
         }
@@ -3464,39 +3464,39 @@ function qe({
             /* @__PURE__ */ e("div", { className: "p-2 sticky top-0 bg-white z-20 shadow-sm", children: /* @__PURE__ */ e(
               he,
               {
-                value: E,
+                value: R,
                 onDebouncedChange: S,
                 placeholder: b === "server" ? `Search (min ${w})…` : "Search options…"
               }
             ) }),
             b === "server" && a && /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: "Loading…" }),
-            U.length === 0 && !a ? /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: b === "server" ? E.length < w ? `Type at least ${w} characters to search.` : "No results." : "No options found." }) : U.map((f) => {
-              const k = m(f), d = g(f), h = A.some((D) => m(D) === k), x = y !== -1 && A.length >= y && !h;
+            U.length === 0 && !a ? /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: b === "server" ? R.length < w ? `Type at least ${w} characters to search.` : "No results." : "No options found." }) : U.map((f) => {
+              const k = m(f), d = g(f), h = E.some((F) => m(F) === k), x = y !== -1 && E.length >= y && !h;
               return /* @__PURE__ */ e(
                 X.Option,
                 {
                   value: f,
                   disabled: x,
-                  className: ({ active: D }) => Ae(
-                    x ? " text-gray-400  bg-white  cursor-not-allowed" : D ? " bg-gray-200  text-gray-900" : " text-gray-900",
+                  className: ({ active: F }) => Ae(
+                    x ? " text-gray-400  bg-white  cursor-not-allowed" : F ? " bg-gray-200  text-gray-900" : " text-gray-900",
                     " relative  cursor-default  select-none  py-2  pl-3  pr-9"
                   ),
-                  children: ({ selected: D, active: B }) => /* @__PURE__ */ l(ee, { children: [
+                  children: ({ selected: F, active: z }) => /* @__PURE__ */ l(ee, { children: [
                     /* @__PURE__ */ e(
                       "span",
                       {
                         className: Ae(
-                          D ? "font-semibold" : "font-normal",
+                          F ? "font-semibold" : "font-normal",
                           "block truncate"
                         ),
                         children: d
                       }
                     ),
-                    D && /* @__PURE__ */ e(
+                    F && /* @__PURE__ */ e(
                       "span",
                       {
                         className: Ae(
-                          B ? " text-gray-900" : " text-gray-600",
+                          z ? " text-gray-900" : " text-gray-600",
                           " absolute  inset-y-0  right-0  flex  items-center  pr-4"
                         ),
                         children: /* @__PURE__ */ e(Me, { className: "w-5 h-5", "aria-hidden": "true" })
@@ -3510,7 +3510,7 @@ function qe({
           ] })
         }
       ),
-      i && /* @__PURE__ */ e("p", { id: P, className: "mt-1 text-sm text-red-600", children: i })
+      c && /* @__PURE__ */ e("p", { id: O, className: "mt-1 text-sm text-red-600", children: c })
     ] })
   ] }) });
 }
@@ -3556,15 +3556,15 @@ qe.defaultProps = {
   getOptionId: (t) => String(t.id),
   getOptionLabel: (t) => t.name
 };
-const is = ({
+const cs = ({
   isOpen: t = !1,
   setIsOpen: r,
   content: s,
   header: o = { title: "", customHeader: null, isCrossShow: !0 },
   footer: n = { show: !0, customFooter: null },
   primaryAction: u = { onSubmit: null, label: "Save", loader: !1, disabled: !1 },
-  secondaryAction: i = { onCancel: null, label: "Cancel" },
-  dialogPanelClass: c = ""
+  secondaryAction: c = { onCancel: null, label: "Cancel" },
+  dialogPanelClass: i = ""
 }) => {
   const y = (N) => {
     N.target === N.currentTarget && r(!1);
@@ -3588,7 +3588,7 @@ const is = ({
         /* @__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(
           ke,
           {
-            className: `${c} 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`,
+            className: `${i} 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: b,
             children: [
               /* @__PURE__ */ l("div", { className: "flex justify-between items-center border-b border-gray-200 p-6 flex-shrink-0", children: [
@@ -3605,15 +3605,15 @@ const is = ({
                 }
               ),
               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(
+                c?.onCancel && /* @__PURE__ */ e(
                   Z,
                   {
                     "data-testid": "cancel-button",
-                    label: i?.label,
+                    label: c?.label,
                     loader: !1,
                     ariaLabel: "Cancel Button",
                     className: "p-3 mr-3 secondaryButton !w-[70px]",
-                    onClick: () => i?.onCancel(),
+                    onClick: () => c?.onCancel(),
                     category: "secondary"
                   }
                 ),
@@ -3660,17 +3660,17 @@ function vn({
   onToggle: o,
   onSelect: n,
   onCreateChild: u,
-  onRename: i,
-  onDelete: c,
+  onRename: c,
+  onDelete: i,
   renderActions: y,
   // optional override
   dragId: b,
   dropId: N,
   indent: a = 24
 }) {
-  const { setNodeRef: w, isOver: m } = Pt({ id: N }), { attributes: g, listeners: $, setNodeRef: P, transform: E, isDragging: S } = Ot({ id: b }), I = E ? { transform: `translate3d(${Math.round(E.x)}px, ${Math.round(E.y)}px, 0)` } : void 0, [z, A] = L(!1), [M, U] = L(t.name), q = () => {
-    const p = M.trim();
-    A(!1), p && p !== t.name ? i?.(t, p) : U(t.name);
+  const { setNodeRef: w, isOver: m } = Pt({ id: N }), { attributes: g, listeners: $, setNodeRef: O, transform: R, isDragging: S } = Ot({ id: b }), B = R ? { transform: `translate3d(${Math.round(R.x)}px, ${Math.round(R.y)}px, 0)` } : void 0, [P, E] = L(!1), [V, U] = L(t.name), j = () => {
+    const p = V.trim();
+    E(!1), p && p !== t.name ? c?.(t, p) : U(t.name);
   }, v = ne(() => /* @__PURE__ */ e(
     Xr,
     {
@@ -3680,40 +3680,40 @@ function vn({
         { action: "delete", label: "Delete" }
       ],
       onSelect: (f) => {
-        f.action === "create" ? u?.(t) : f.action === "rename" ? A(!0) : f.action === "delete" && c?.(t);
+        f.action === "create" ? u?.(t) : f.action === "rename" ? E(!0) : f.action === "delete" && i?.(t);
       }
     }
-  ), [t, u, c]);
+  ), [t, u, i]);
   return /* @__PURE__ */ l(
     "div",
     {
       ref: w,
       className: `tv-row ${m ? "tv-drop-over" : ""} ${S ? "dragging" : ""}`,
-      style: { ...I, paddingLeft: 8 + r * a },
+      style: { ...B, paddingLeft: 8 + r * a },
       onClick: (p) => {
         p.target.closest(".tv-toggle") || p.target.tagName === "INPUT" || n?.(t);
       },
       children: [
         /* @__PURE__ */ e("button", { className: "tv-toggle", onClick: o, "aria-label": "toggle", children: t.children?.length ? s ? /* @__PURE__ */ e(ba, { size: 16 }) : /* @__PURE__ */ e(Le, { size: 16 }) : /* @__PURE__ */ e("span", { className: "tv-spacer" }) }),
         /* @__PURE__ */ e(wa, { size: 16, className: "tv-folder-ic" }),
-        /* @__PURE__ */ e("div", { className: "tv-name", ref: P, children: z ? /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "tv-name", ref: O, children: P ? /* @__PURE__ */ e(
           "input",
           {
             className: "tv-input",
-            value: M,
+            value: V,
             onChange: (p) => U(p.target.value),
-            onBlur: q,
+            onBlur: j,
             onKeyDown: (p) => {
-              p.key === "Enter" && q(), p.key === "Escape" && (A(!1), U(t.name));
+              p.key === "Enter" && j(), p.key === "Escape" && (E(!1), U(t.name));
             },
             autoFocus: !0
           }
-        ) : /* @__PURE__ */ e("span", { onDoubleClick: () => A(!0), children: t.name }) }),
+        ) : /* @__PURE__ */ e("span", { onDoubleClick: () => E(!0), children: t.name }) }),
         /* @__PURE__ */ e(bn, { listeners: $, attributes: g }),
         /* @__PURE__ */ e("div", { className: "tv-actions", children: y ? y(t, {
           onCreateChild: () => u?.(t),
-          onRename: () => A(!0),
-          onDelete: () => c?.(t)
+          onRename: () => E(!0),
+          onDelete: () => i?.(t)
         }) : v })
       ]
     }
@@ -3722,60 +3722,60 @@ function vn({
 const Nn = (t) => String(t.id ?? t._id), xn = (t) => t.parent !== void 0 ? String(t.parent) : t.parentId != null ? String(t.parentId) : "root", kn = (t) => t.name ?? t.label ?? "", wn = (t) => Array.isArray(t) && t.some((r) => Array.isArray(r.children));
 function Cn(t, { rootId: r, getId: s, getParent: o, getName: n }) {
   const u = /* @__PURE__ */ new Map();
-  t.forEach((c) => {
-    const y = s(c);
+  t.forEach((i) => {
+    const y = s(i);
     u.set(y, {
-      ...c,
+      ...i,
       id: y,
-      name: n(c),
-      parentId: o(c) || r,
+      name: n(i),
+      parentId: o(i) || r,
       children: []
     });
   });
-  const i = [];
-  return u.forEach((c) => {
-    const y = c.parentId || r;
-    y !== r && u.has(y) ? u.get(y).children.push(c) : i.push(c);
-  }), { roots: i, byId: u };
+  const c = [];
+  return u.forEach((i) => {
+    const y = i.parentId || r;
+    y !== r && u.has(y) ? u.get(y).children.push(i) : c.push(i);
+  }), { roots: c, byId: u };
 }
 function Sn(t, { rootId: r, getId: s, getName: o }) {
   const n = /* @__PURE__ */ new Map();
-  function u(c, y) {
-    const b = s(c), N = {
-      ...c,
+  function u(i, y) {
+    const b = s(i), N = {
+      ...i,
       id: b,
-      name: o(c),
+      name: o(i),
       parentId: y || r,
-      children: (c.children || []).map((a) => u(a, b))
+      children: (i.children || []).map((a) => u(a, b))
     };
     return n.set(b, N), N;
   }
-  return { roots: t.map((c) => u(c, null)), byId: n };
+  return { roots: t.map((i) => u(i, null)), byId: n };
 }
 const De = (t) => t.map((r) => ({ ...r, children: De(r.children || []) }));
 function Dn(t, r) {
   let s = null;
   function o(u) {
-    return u.map((i) => {
-      if (i.id === r)
-        return s = i, null;
-      if (i.children?.length) {
-        const c = o(i.children);
-        if (c !== i.children) return { ...i, children: c };
+    return u.map((c) => {
+      if (c.id === r)
+        return s = c, null;
+      if (c.children?.length) {
+        const i = o(c.children);
+        if (i !== c.children) return { ...c, children: i };
       }
-      return i;
+      return c;
     }).filter(Boolean);
   }
   return { newRoots: o(t), removed: s };
 }
-function Fn(t, r, s) {
+function $n(t, r, s) {
   function o(n) {
     return n.map((u) => {
       if (u.id === r)
         return { ...u, children: [...u.children || [], { ...s, parentId: r }] };
       if (u.children?.length) {
-        const i = o(u.children);
-        if (i !== u.children) return { ...u, children: i };
+        const c = o(u.children);
+        if (c !== u.children) return { ...u, children: c };
       }
       return u;
     });
@@ -3792,15 +3792,15 @@ function Ja(t, r, s = null) {
   }
   return null;
 }
-function cs({
+function is({
   data: t = [],
   rootId: r = "root",
   title: s = "Folders",
   getId: o = Nn,
   getParent: n = xn,
   getName: u = kn,
-  onSelect: i,
-  onCreateRoot: c,
+  onSelect: c,
+  onCreateRoot: i,
   onCreateChild: y,
   onRename: b,
   onDelete: N,
@@ -3813,112 +3813,112 @@ function cs({
   const { roots: $ } = ne(() => wn(t) ? Sn(t, { rootId: r, getId: o, getName: u }) : Cn(
     t.map((x) => ({ ...x })),
     { rootId: r, getId: o, getParent: n, getName: u }
-  ), [t, r, o, n, u]), [P, E] = L({}), S = K((x) => {
-    const D = {};
-    return (function B(G) {
-      G.forEach((F) => {
-        D[F.id] = !0, F.children?.length && B(F.children);
+  ), [t, r, o, n, u]), [O, R] = L({}), S = K((x) => {
+    const F = {};
+    return (function z(q) {
+      q.forEach((D) => {
+        F[D.id] = !0, D.children?.length && z(D.children);
       });
-    })(x), D;
+    })(x), F;
   }, []);
   re.useEffect(() => {
-    E(S($));
+    R(S($));
   }, [$, S]);
-  const I = K(
-    (x) => E((D) => ({ ...D, [x]: !D[x] })),
+  const B = K(
+    (x) => R((F) => ({ ...F, [x]: !F[x] })),
     []
-  ), [z, A] = L(() => De($));
-  re.useEffect(() => A(De($)), [$]);
-  const M = Lt(
+  ), [P, E] = L(() => De($));
+  re.useEffect(() => E(De($)), [$]);
+  const V = Lt(
     Mt(jt, { activationConstraint: { delay: 250, tolerance: 5 } })
-  ), U = ue(null), [q, v] = L(null), p = ue(0), f = () => {
+  ), U = ue(null), [j, v] = L(null), p = ue(0), f = () => {
   }, k = ({ delta: x }) => {
     p.current = x?.x ?? 0;
   }, d = K(
-    ({ active: x, over: D }) => {
-      const B = p.current;
-      if (p.current = 0, v(null), !x || !D) return;
-      const G = String(x.id).replace(/^drag-/, ""), F = String(D.id).replace(/^drop-/, "");
-      if (!G || !F || G === F) return;
-      let O = F;
-      const V = Math.max(0, Math.floor(-B / g));
-      if (V > 0) {
-        let H = F;
-        for (let ie = 0; ie < V; ie++) {
-          const ce = Ja(z, H, null);
-          if (!ce) break;
-          if (!ce.parentId) {
-            O = r;
+    ({ active: x, over: F }) => {
+      const z = p.current;
+      if (p.current = 0, v(null), !x || !F) return;
+      const q = String(x.id).replace(/^drag-/, ""), D = String(F.id).replace(/^drop-/, "");
+      if (!q || !D || q === D) return;
+      let A = D;
+      const M = Math.max(0, Math.floor(-z / g));
+      if (M > 0) {
+        let H = D;
+        for (let ce = 0; ce < M; ce++) {
+          const ie = Ja(P, H, null);
+          if (!ie) break;
+          if (!ie.parentId) {
+            A = r;
             break;
           }
-          O = ce.parentId, H = ce.parentId;
+          A = ie.parentId, H = ie.parentId;
         }
       }
-      if (m && O === r) {
-        A(De($));
+      if (m && A === r) {
+        E(De($));
         return;
       }
-      const T = De(z), { newRoots: C, removed: R } = Dn(T, G);
-      if (!R) return;
-      const j = Fn(C, O, R);
-      A(j), a?.({ sourceId: G, destParentId: O, newTree: j });
+      const T = De(P), { newRoots: C, removed: I } = Dn(T, q);
+      if (!I) return;
+      const G = $n(C, A, I);
+      E(G), a?.({ sourceId: q, destParentId: A, newTree: G });
     },
-    [z, $, r, m, g, a]
+    [P, $, r, m, g, a]
   ), h = K(
-    (x, D = 0) => x.map((B) => /* @__PURE__ */ l(re.Fragment, { children: [
+    (x, F = 0) => x.map((z) => /* @__PURE__ */ l(re.Fragment, { children: [
       /* @__PURE__ */ e(
         vn,
         {
-          node: B,
-          depth: D,
-          expanded: !!P[B.id],
-          onToggle: () => I(B.id),
-          onSelect: i,
+          node: z,
+          depth: F,
+          expanded: !!O[z.id],
+          onToggle: () => B(z.id),
+          onSelect: c,
           onCreateChild: y,
           onRename: b,
           onDelete: N,
           renderActions: w,
-          dragId: `drag-${B.id}`,
-          dropId: `drop-${B.id}`,
+          dragId: `drag-${z.id}`,
+          dropId: `drop-${z.id}`,
           indent: g
         }
       ),
-      P[B.id] && B.children?.length > 0 ? h(B.children, D + 1) : null
-    ] }, B.id)),
-    [P, g, y, N, b, i, w, I]
+      O[z.id] && z.children?.length > 0 ? h(z.children, F + 1) : null
+    ] }, z.id)),
+    [O, g, y, N, b, c, w, B]
   );
   return re.useMemo(() => {
-    if (!q) return null;
-    const x = String(q).replace(/^drag-/, "");
-    function D(B) {
-      for (const G of B) {
-        if (G.id === x) return G;
-        const F = G.children?.length ? D(G.children) : null;
-        if (F) return F;
+    if (!j) return null;
+    const x = String(j).replace(/^drag-/, "");
+    function F(z) {
+      for (const q of z) {
+        if (q.id === x) return q;
+        const D = q.children?.length ? F(q.children) : null;
+        if (D) return D;
       }
       return null;
     }
-    return D(z);
-  }, [q, z]), /* @__PURE__ */ l("div", { className: "tv", children: [
+    return F(P);
+  }, [j, P]), /* @__PURE__ */ l("div", { className: "tv", children: [
     s !== !1 && /* @__PURE__ */ l("div", { className: "tv-header", children: [
       /* @__PURE__ */ e("div", { className: "tv-title", children: s }),
-      /* @__PURE__ */ e("button", { className: "tv-btn", onClick: c, children: "+ New folder" })
+      /* @__PURE__ */ e("button", { className: "tv-btn", onClick: i, children: "+ New folder" })
     ] }),
     /* @__PURE__ */ l("div", { className: "tv-root-row", children: [
       /* @__PURE__ */ e(wa, { size: 16, className: "tv-folder-ic" }),
       /* @__PURE__ */ e("strong", { children: "ROOT" }),
-      /* @__PURE__ */ e("button", { className: "tv-icon", title: "Create top-level", onClick: c, children: "+" })
+      /* @__PURE__ */ e("button", { className: "tv-icon", title: "Create top-level", onClick: i, children: "+" })
     ] }),
     /* @__PURE__ */ e(
       Vt,
       {
         collisionDetection: qt,
-        sensors: M,
+        sensors: V,
         onDragStart: f,
         onDragMove: k,
         onDragEnd: d,
         modifiers: [Ut],
-        children: /* @__PURE__ */ e("div", { ref: U, className: "tv-list", children: h(z, 0) })
+        children: /* @__PURE__ */ e("div", { ref: U, className: "tv-list", children: h(P, 0) })
       }
     )
   ] });
@@ -3933,8 +3933,8 @@ const ds = ({
   containerClassName: o = "",
   listClassName: n = "",
   panelClassName: u = "",
-  tabClassName: i,
-  ...c
+  tabClassName: c,
+  ...i
   // Pass remaining props to Tab.Group
 }) => {
   const y = s === "vertical", b = (w) => ye(
@@ -3943,8 +3943,8 @@ const ds = ({
   ), N = (w) => ye(
     "py-2 -mb-px text-sm font-medium focus:outline-none border-b-2",
     w ? "border-indigo-600 text-indigo-700" : "border-transparent text-slate-600 hover:text-indigo-700"
-  ), a = ({ selected: w }) => i ? typeof i == "function" ? i(w) : i : y ? b(w) : N(w);
-  return /* @__PURE__ */ e(ae.Group, { vertical: y, ...c, children: y ? /* @__PURE__ */ l("div", { className: ye("flex gap-4", o), children: [
+  ), a = ({ selected: w }) => c ? typeof c == "function" ? c(w) : c : y ? b(w) : N(w);
+  return /* @__PURE__ */ e(ae.Group, { vertical: y, ...i, children: y ? /* @__PURE__ */ l("div", { className: ye("flex gap-4", o), children: [
     /* @__PURE__ */ e(ae.List, { className: ye("w-[150px] flex flex-col gap-1 border-r border-gray-300 pr-2", n), children: t.map((w) => /* @__PURE__ */ e(ae, { className: a, children: w.label }, w.key)) }),
     /* @__PURE__ */ e(ae.Panels, { unmount: !r, className: ye("flex-1", u), children: t.map((w) => /* @__PURE__ */ e(ae.Panel, { className: "focus:outline-none", children: /* @__PURE__ */ e("div", { className: "[overflow-anchor:none]", children: w.content }) }, w.key)) })
   ] }) : /* @__PURE__ */ l(ee, { children: [
@@ -3952,9 +3952,9 @@ const ds = ({
     /* @__PURE__ */ e(ae.Panels, { unmount: !r, className: ye("mt-2", u), children: t.map((w) => /* @__PURE__ */ e(ae.Panel, { className: "focus:outline-none", children: /* @__PURE__ */ e("div", { className: "[overflow-anchor:none]", children: w.content }) }, w.key)) })
   ] }) });
 };
-function $n({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
+function Fn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
   console.log(t);
-  const [n, u] = re.useState(t), [i, c] = re.useState(() => {
+  const [n, u] = re.useState(t), [c, i] = re.useState(() => {
     const a = r && r[t.key] || {};
     return console.log("Initial Section data for", t.key, a), a;
   }), y = ue(r);
@@ -3962,16 +3962,16 @@ function $n({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
     if (y.current !== r) {
       y.current = r;
       const a = r && r[t.key] || {};
-      console.log("Updated Section data for", t.key, a), c(a);
+      console.log("Updated Section data for", t.key, a), i(a);
     }
-  }, [r, t.key]), console.log("Section data", i);
-  const b = ue(i);
+  }, [r, t.key]), console.log("Section data", c);
+  const b = ue(c);
   Q(() => {
-    b.current !== i && s && typeof s == "function" && (b.current = i, s(n.key, i));
-  }, [n.key, i, s]);
+    b.current !== c && s && typeof s == "function" && (b.current = c, s(n.key, c));
+  }, [n.key, c, s]);
   const N = (a) => {
     if (!a.dependsOn) return !0;
-    const { field: w, value: m, operator: g = "equals" } = a.dependsOn, $ = i[w];
+    const { field: w, value: m, operator: g = "equals" } = a.dependsOn, $ = c[w];
     switch (g) {
       case "equals":
         return $ === m;
@@ -4030,10 +4030,10 @@ function $n({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             name: a.key,
             defaultValue: a.default,
             placeholder: a.placeholder,
-            value: i[a.key] || "",
+            value: c[a.key] || "",
             onChange: (m) => {
-              const g = { ...i, [a.key]: m.target.value };
-              c(g), s && s(n.key, g);
+              const g = { ...c, [a.key]: m.target.value };
+              i(g), s && s(n.key, g);
             },
             required: a.required,
             disabled: a.disabled ? a.disabled : !1,
@@ -4049,10 +4049,10 @@ function $n({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             name: a.key,
             defaultValue: a.default,
             placeholder: a.placeholder,
-            value: i[a.key] || "",
+            value: c[a.key] || "",
             onChange: (m) => {
-              const g = { ...i, [a.key]: m.target.value };
-              c(g), s && s(n.key, g);
+              const g = { ...c, [a.key]: m.target.value };
+              i(g), s && s(n.key, g);
             },
             rows: 3,
             required: a.required,
@@ -4070,10 +4070,10 @@ function $n({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             name: a.key,
             defaultValue: a.default,
             placeholder: a.placeholder,
-            value: i[a.key] || "",
+            value: c[a.key] || "",
             onChange: (m) => {
-              const g = { ...i, [a.key]: m.target.value };
-              c(g), s && s(n.key, g);
+              const g = { ...c, [a.key]: m.target.value };
+              i(g), s && s(n.key, g);
             },
             required: a.required,
             disabled: a.disabled ? a.disabled : !1,
@@ -4087,10 +4087,10 @@ function $n({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
           Aa,
           {
             name: a.key,
-            checked: !!(i[a.key] || a.default),
+            checked: !!(c[a.key] || a.default),
             onChange: (m) => {
-              const g = { ...i, [a.key]: m };
-              c(g), s && s(n.key, g);
+              const g = { ...c, [a.key]: m };
+              i(g), s && s(n.key, g);
             },
             label: a.placeholder || a.label,
             disabled: a.disabled ? a.disabled : !1,
@@ -4105,10 +4105,10 @@ function $n({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
           {
             name: a.key,
             defaultValue: a.default,
-            value: i[a.key] || "",
+            value: c[a.key] || "",
             onChange: (m) => {
-              const g = { ...i, [a.key]: m };
-              c(g);
+              const g = { ...c, [a.key]: m };
+              i(g);
             },
             options: a.options || [],
             placeholder: a.placeholder || `Select ${a.label}`,
@@ -4127,10 +4127,10 @@ function $n({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             name: a.key,
             defaultValue: a.default,
             placeholder: a.placeholder || "Enter email address",
-            value: i[a.key] || "",
+            value: c[a.key] || "",
             onChange: (m) => {
-              const g = { ...i, [a.key]: m.target.value };
-              c(g), s && s(n.key, g);
+              const g = { ...c, [a.key]: m.target.value };
+              i(g), s && s(n.key, g);
             },
             required: a.required,
             disabled: a.disabled ? a.disabled : !1,
@@ -4147,10 +4147,10 @@ function $n({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             name: a.key,
             defaultValue: a.default,
             placeholder: a.placeholder || "Enter URL",
-            value: i[a.key] || "",
+            value: c[a.key] || "",
             onChange: (m) => {
-              const g = { ...i, [a.key]: m.target.value };
-              c(g), s && s(n.key, g);
+              const g = { ...c, [a.key]: m.target.value };
+              i(g), s && s(n.key, g);
             },
             required: a.required,
             disabled: a.disabled ? a.disabled : !1,
@@ -4167,10 +4167,10 @@ function $n({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             name: a.key,
             defaultValue: a.default,
             placeholder: a.placeholder || "Enter password",
-            value: i[a.key] || "",
+            value: c[a.key] || "",
             onChange: (m) => {
-              const g = { ...i, [a.key]: m.target.value };
-              c(g), s && s(n.key, g);
+              const g = { ...c, [a.key]: m.target.value };
+              i(g), s && s(n.key, g);
             },
             required: a.required,
             disabled: a.disabled ? a.disabled : !1,
@@ -4183,10 +4183,10 @@ function $n({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
         /* @__PURE__ */ e(
           qe,
           {
-            selectedItems: i[a.key] || [],
+            selectedItems: c[a.key] || [],
             onSelectionChange: (m) => {
-              const g = { ...i, [a.key]: m };
-              c(g), s && s(n.key, g);
+              const g = { ...c, [a.key]: m };
+              i(g), s && s(n.key, g);
             },
             options: a.options || [],
             placeholder: a.placeholder || `Select ${a.label}`,
@@ -4200,11 +4200,11 @@ function $n({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
         /* @__PURE__ */ e(
           Ma,
           {
-            checked: typeof i[a.key] == "boolean" ? i[a.key] : a.default,
+            checked: typeof c[a.key] == "boolean" ? c[a.key] : a.default,
             onChange: (m) => {
               console.log("Toggle changed:", a.key, m);
-              const g = { ...i, [a.key]: m };
-              c(g), s && s(n.key, g);
+              const g = { ...c, [a.key]: m };
+              i(g), s && s(n.key, g);
             },
             label: a.placeholder || a.label,
             disabled: a.disabled ? a.disabled : !1
@@ -4216,10 +4216,10 @@ function $n({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
         za,
         {
           label: a.label,
-          value: i[a.key] ? new Date(i[a.key]) : null,
+          value: c[a.key] ? new Date(c[a.key]) : null,
           onChange: (m) => {
-            const g = { ...i, [a.key]: m ? m.toISOString().split("T")[0] : "" };
-            c(g), s && s(n.key, g);
+            const g = { ...c, [a.key]: m ? m.toISOString().split("T")[0] : "" };
+            i(g), s && s(n.key, g);
           },
           placeholder: a.placeholder || "Select date",
           disabled: a.disabled ? a.disabled : !1,
@@ -4231,10 +4231,10 @@ function $n({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
         Gr,
         {
           label: a.label,
-          value: i[a.key] || { from: null, to: null },
+          value: c[a.key] || { from: null, to: null },
           onChange: (m) => {
-            const g = { ...i, [a.key]: m };
-            c(g), s && s(n.key, g);
+            const g = { ...c, [a.key]: m };
+            i(g), s && s(n.key, g);
           },
           placeholder: a.placeholder || "Select date range",
           disabled: a.disabled ? a.disabled : !1,
@@ -4246,10 +4246,10 @@ function $n({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
         /* @__PURE__ */ e(
           Ba,
           {
-            selectedValue: typeof i[a.key] < "u" ? i[a.key] : a.default || "",
+            selectedValue: typeof c[a.key] < "u" ? c[a.key] : a.default || "",
             onValueChange: (m) => {
-              const g = { ...i, [a.key]: m };
-              c(g), s && s(n.key, g);
+              const g = { ...c, [a.key]: m };
+              i(g), s && s(n.key, g);
             },
             options: a.options || [],
             disabled: a.disabled ? a.disabled : !1,
@@ -4267,10 +4267,10 @@ function $n({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
               id: `${a.key}-${m.value}`,
               name: a.key,
               value: m.value,
-              checked: i[a.key] === m.value,
+              checked: c[a.key] === m.value,
               onChange: (g) => {
-                const $ = { ...i, [a.key]: g.target.value };
-                c($), s && s(n.key, $);
+                const $ = { ...c, [a.key]: g.target.value };
+                i($), s && s(n.key, $);
               },
               disabled: a.disabled
             }
@@ -4286,10 +4286,10 @@ function $n({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
         /* @__PURE__ */ e(
           he,
           {
-            value: i[a.key] || "",
+            value: c[a.key] || "",
             onChange: (m) => {
-              const g = { ...i, [a.key]: m };
-              c(g), s && s(n.key, g);
+              const g = { ...c, [a.key]: m };
+              i(g), s && s(n.key, g);
             },
             placeholder: a.placeholder || `Search ${a.label}`,
             className: `w-full ${o[n.key]?.[a.key] ? "border-red-500" : ""}`
@@ -4305,10 +4305,10 @@ function $n({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             name: a.key,
             defaultValue: a.default,
             placeholder: a.placeholder || "Select date and time",
-            value: i[a.key] || "",
+            value: c[a.key] || "",
             onChange: (m) => {
-              const g = { ...i, [a.key]: m.target.value };
-              c(g), s && s(n.key, g);
+              const g = { ...c, [a.key]: m.target.value };
+              i(g), s && s(n.key, g);
             },
             required: a.required,
             className: `w-full ${o[n.key]?.[a.key] ? "border-red-500" : ""}`
@@ -4324,10 +4324,10 @@ function $n({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             name: a.key,
             defaultValue: a.default,
             placeholder: a.placeholder || "Select time",
-            value: i[a.key] || "",
+            value: c[a.key] || "",
             onChange: (m) => {
-              const g = { ...i, [a.key]: m.target.value };
-              c(g), s && s(n.key, g);
+              const g = { ...c, [a.key]: m.target.value };
+              i(g), s && s(n.key, g);
             },
             required: a.required,
             className: `w-full ${o[n.key]?.[a.key] ? "border-red-500" : ""}`
@@ -4342,10 +4342,10 @@ function $n({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             type: "color",
             name: a.key,
             defaultValue: a.default || "#000000",
-            value: i[a.key] || "#000000",
+            value: c[a.key] || "#000000",
             onChange: (m) => {
-              const g = { ...i, [a.key]: m.target.value };
-              c(g), s && s(n.key, g);
+              const g = { ...c, [a.key]: m.target.value };
+              i(g), s && s(n.key, g);
             },
             className: `w-full h-10 ${o[n.key]?.[a.key] ? "border-red-500" : ""}`
           }
@@ -4359,10 +4359,10 @@ function $n({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             type: "range",
             name: a.key,
             defaultValue: a.default || a.min || 0,
-            value: i[a.key] || a.min || 0,
+            value: c[a.key] || a.min || 0,
             onChange: (m) => {
-              const g = { ...i, [a.key]: m.target.value };
-              c(g), s && s(n.key, g);
+              const g = { ...c, [a.key]: m.target.value };
+              i(g), s && s(n.key, g);
             },
             min: a.min || 0,
             max: a.max || 100,
@@ -4374,7 +4374,7 @@ function $n({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
           /* @__PURE__ */ e("span", { children: a.min || 0 }),
           /* @__PURE__ */ l("span", { children: [
             "Current: ",
-            i[a.key] || a.min || 0
+            c[a.key] || a.min || 0
           ] }),
           /* @__PURE__ */ e("span", { children: a.max || 100 })
         ] }),
@@ -4387,8 +4387,8 @@ function $n({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             type: "file",
             name: a.key,
             onChange: (m) => {
-              const g = m.target.files[0], $ = { ...i, [a.key]: g ? g.name : "" };
-              c($), s && s(n.key, $);
+              const g = m.target.files[0], $ = { ...c, [a.key]: g ? g.name : "" };
+              i($), s && s(n.key, $);
             },
             accept: a.accept,
             className: `w-full ${o[n.key]?.[a.key] ? "border-red-500" : ""}`
@@ -4401,11 +4401,11 @@ function $n({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
           Qa,
           {
             endpoints: a.endpoints || {},
-            initialData: i[a.key] || a.initialData || [],
+            initialData: c[a.key] || a.initialData || [],
             className: a.className || "",
             onCollectionChange: (m) => {
-              const g = { ...i, [a.key]: m };
-              c(g), s && s(n.key, g);
+              const g = { ...c, [a.key]: m };
+              i(g), s && s(n.key, g);
             },
             showSearch: a.showSearch !== !1,
             allowAdd: a.allowAdd !== !1,
@@ -4433,7 +4433,7 @@ function $n({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
 const Tn = ({ children: t }) => /* @__PURE__ */ e("div", { className: "flex -space-x-2", children: t });
 function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
   console.log(`[DynamicConfig/DataTableRenderer] Component loaded for section: ${t.key}`);
-  const [n, u] = L(t), [i, c] = L(null), [y, b] = L(null);
+  const [n, u] = L(t), [c, i] = L(null), [y, b] = L(null);
   console.log(`[DataTableRenderer] ${n.key} - Received props:`, { item: t, initialData: r });
   const [N, a] = L(() => {
     const v = r && r[n.key] || [], p = v.length > 0 ? v : [{ id: 0 }];
@@ -4457,8 +4457,8 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
   const $ = (v) => {
     const p = (d, h) => {
       console.log("[DataTableRenderer] updateFieldValue called with:", { rowIndex: d, value: h, type: typeof h }), a((x) => {
-        const D = [...x];
-        return D[d][v.key] = h, D;
+        const F = [...x];
+        return F[d][v.key] = h, F;
       });
     }, f = (d) => o[n.key]?.[d]?.[v.key], k = (d) => {
       const h = f(d);
@@ -4574,12 +4574,12 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
         return (d, h) => {
           const x = () => {
             if (v.optionsFrom && r) {
-              const { config: D, valueField: B, labelField: G } = v.optionsFrom, F = r[D] || [];
-              if (Array.isArray(F))
-                return F.map((O) => ({
-                  id: O[B] || "",
-                  value: O[B] || "",
-                  label: O[G] || ""
+              const { config: F, valueField: z, labelField: q } = v.optionsFrom, D = r[F] || [];
+              if (Array.isArray(D))
+                return D.map((A) => ({
+                  id: A[z] || "",
+                  value: A[z] || "",
+                  label: A[q] || ""
                 }));
             }
             return v.options || [];
@@ -4590,7 +4590,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
               {
                 index: h,
                 value: d[v.key] || "",
-                onChange: (D) => p(h, D),
+                onChange: (F) => p(h, F),
                 options: x(),
                 placeholder: v.placeholder || `Select ${v.label}`,
                 required: v.required,
@@ -4608,7 +4608,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             qe,
             {
               selectedItems: x,
-              onSelectionChange: (D) => p(h, D),
+              onSelectionChange: (F) => p(h, F),
               options: v.options || [],
               placeholder: v.placeholder || `Select ${v.label}`,
               className: "w-full"
@@ -4693,29 +4693,29 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
         );
       case "audience":
         return (d, h) => {
-          const x = d[v.key] || { users: [], groups: [], roles: [] }, D = [
+          const x = d[v.key] || { users: [], groups: [], roles: [] }, F = [
             ...x.users || [],
             ...x.groups || [],
             ...x.roles || []
           ];
           return /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ e(Tn, { children: D.length > 0 ? D.slice(0, 3).map((B, G) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e(Tn, { children: F.length > 0 ? F.slice(0, 3).map((z, q) => /* @__PURE__ */ e(
               Ta,
               {
                 size: "small",
-                name: B.name || B.displayName || B.id,
-                src: B.avatarUrl
+                name: z.name || z.displayName || z.id,
+                src: z.avatarUrl
               },
-              G
+              q
             )) : null }),
             /* @__PURE__ */ e(
               "button",
               {
                 className: "text-blue-600 font-semibold hover:text-blue-800",
                 onClick: () => {
-                  b(v.key), c(h);
+                  b(v.key), i(h);
                 },
-                children: D.length > 0 ? "Edit" : "Assign"
+                children: F.length > 0 ? "Edit" : "Assign"
               }
             )
           ] });
@@ -4752,8 +4752,8 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
           {
             type: "file",
             onChange: (x) => {
-              const D = x.target.files[0];
-              p(h, D ? D.name : "");
+              const F = x.target.files[0];
+              p(h, F ? F.name : "");
             },
             accept: v.accept,
             className: "w-full"
@@ -4784,7 +4784,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
           k(h)
         ] });
     }
-  }, P = K(() => {
+  }, O = K(() => {
     console.log("[DataTableRenderer] Adding blank row"), a((v) => {
       console.log("[DataTableRenderer] Current data before add:", v);
       const p = {
@@ -4797,38 +4797,38 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
       const f = [...v, p];
       return console.log("[DataTableRenderer] Updated data:", f), f;
     });
-  }, [n.fields]), E = K((v) => {
+  }, [n.fields]), R = K((v) => {
     a((p) => {
       if (p.length <= 1)
         return p;
       const f = [...p];
       return f.splice(v, 1), f;
     });
-  }, []), [S, I] = L(null), z = K((v, p) => {
-    I(p), v.dataTransfer.effectAllowed = "move", v.dataTransfer.setData("text/html", "");
-  }, []), A = K((v) => {
+  }, []), [S, B] = L(null), P = K((v, p) => {
+    B(p), v.dataTransfer.effectAllowed = "move", v.dataTransfer.setData("text/html", "");
+  }, []), E = K((v) => {
     v.preventDefault(), v.dataTransfer.dropEffect = "move";
-  }, []), M = K((v, p) => {
+  }, []), V = K((v, p) => {
     v.preventDefault(), !(S === null || S === p) && (a((f) => {
       const k = [...f], d = k[S];
       return k.splice(S, 1), k.splice(p, 0, d), k;
-    }), I(null));
+    }), B(null));
   }, [S]), U = K(() => {
-    I(null);
-  }, []), q = K((v) => {
+    B(null);
+  }, []), j = K((v) => {
     console.log("[DataTableRenderer] handleAddAudience called with:", v), a((p) => {
       const f = [...p];
-      if (i !== null && y && f[i]) {
-        const k = v.pendingInvites || [], d = k.filter((D) => D.type === "User"), h = k.filter((D) => D.type === "Group"), x = k.filter((D) => D.type === "Role");
-        f[i][y] = {
-          users: [...f[i][y]?.users || [], ...d],
-          groups: [...f[i][y]?.groups || [], ...h],
-          roles: [...f[i][y]?.roles || [], ...x]
-        }, console.log("[DataTableRenderer] Updated audience data:", f[i][y]);
+      if (c !== null && y && f[c]) {
+        const k = v.pendingInvites || [], d = k.filter((F) => F.type === "User"), h = k.filter((F) => F.type === "Group"), x = k.filter((F) => F.type === "Role");
+        f[c][y] = {
+          users: [...f[c][y]?.users || [], ...d],
+          groups: [...f[c][y]?.groups || [], ...h],
+          roles: [...f[c][y]?.roles || [], ...x]
+        }, console.log("[DataTableRenderer] Updated audience data:", f[c][y]);
       }
       return f;
-    }), c(null), b(null);
-  }, [i, y]);
+    }), i(null), b(null);
+  }, [c, y]);
   return /* @__PURE__ */ l("div", { children: [
     /* @__PURE__ */ l("div", { style: { marginBottom: "20px" }, children: [
       /* @__PURE__ */ l("div", { className: "flex items-center justify-between", children: [
@@ -4837,7 +4837,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
           "button",
           {
             className: "btn btn-primary text-white px-6 py-2 rounded-2xl cursor-pointer hover:bg-gray-800",
-            onClick: P,
+            onClick: O,
             children: "Add"
           }
         )
@@ -4862,9 +4862,9 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
         {
           className: `hover:bg-gray-50 ${S === p ? "opacity-50" : ""}`,
           draggable: !0,
-          onDragStart: (f) => z(f, p),
-          onDragOver: A,
-          onDrop: (f) => M(f, p),
+          onDragStart: (f) => P(f, p),
+          onDragOver: E,
+          onDrop: (f) => V(f, p),
           onDragEnd: U,
           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 }) }) }),
@@ -4872,7 +4872,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: /* @__PURE__ */ e(
               "button",
               {
-                onClick: () => E(p),
+                onClick: () => R(p),
                 className: "text-red-500 hover:text-red-700",
                 title: "Delete row",
                 children: /* @__PURE__ */ e(Gt, { size: 16 })
@@ -4883,20 +4883,20 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
         p
       )) })
     ] }) }),
-    i !== null && (() => {
-      const v = N[i] && N[i][y] ? {
-        users: N[i][y].users || [],
-        groups: N[i][y].groups || [],
-        roles: N[i][y].roles || []
+    c !== null && (() => {
+      const v = N[c] && N[c][y] ? {
+        users: N[c][y].users || [],
+        groups: N[c][y].groups || [],
+        roles: N[c][y].roles || []
       } : { users: [], groups: [], roles: [] };
-      return console.log("[DataTableRenderer] Opening modal with existing data:", v), console.log("[DataTableRenderer] Row data:", N[i]), console.log("[DataTableRenderer] Field name:", y), /* @__PURE__ */ e(
+      return console.log("[DataTableRenderer] Opening modal with existing data:", v), console.log("[DataTableRenderer] Row data:", N[c]), console.log("[DataTableRenderer] Field name:", y), /* @__PURE__ */ e(
         fn,
         {
           isOpen: !0,
           onClose: () => {
-            c(null), b(null);
+            i(null), b(null);
           },
-          onFinalSubmit: q,
+          onFinalSubmit: j,
           existingShares: v,
           allowedPermissions: ["view", "remove"]
         }
@@ -4966,127 +4966,127 @@ const ma = () => {
   showSearch: o = !0,
   allowAdd: n = !0,
   allowEdit: u = !0,
-  allowDelete: i = !0,
-  allowReorder: c = !0,
+  allowDelete: c = !0,
+  allowReorder: i = !0,
   initialData: y = null
   // Add prop for initial demo data
 }) => {
-  const [b, N] = L(null), [a, w] = L(""), [m, g] = L(() => Array.isArray(y) ? y : []), [$, P] = L(null), [E, S] = L(null), [I, z] = L(""), A = async () => {
+  const [b, N] = L(null), [a, w] = L(""), [m, g] = L(() => Array.isArray(y) ? y : []), [$, O] = L(null), [R, S] = L(null), [B, P] = L(""), E = async () => {
     try {
-      const F = await Fe(t.collectionList);
-      if (F) {
-        const O = F.map((V, T) => ({
-          ...V,
-          order: typeof V.order == "number" ? V.order : T + 1
+      const D = await $e(t.collectionList);
+      if (D) {
+        const A = D.map((M, T) => ({
+          ...M,
+          order: typeof M.order == "number" ? M.order : T + 1
         }));
-        O.sort((V, T) => (V.order ?? 0) - (T.order ?? 0)), g(O), s?.(O);
+        A.sort((M, T) => (M.order ?? 0) - (T.order ?? 0)), g(A), s?.(A);
       }
-    } catch (F) {
-      console.log("Error loading collections:", F), typeof window < "u" && !window.location.pathname.includes("iframe.html") && le.error("Failed to load collections");
+    } catch (D) {
+      console.log("Error loading collections:", D), typeof window < "u" && !window.location.pathname.includes("iframe.html") && le.error("Failed to load collections");
     }
   };
   Q(() => {
-    (!y || y.length === 0) && A();
+    (!y || y.length === 0) && E();
   }, [y]), Q(() => {
     Array.isArray(y) && g(y);
   }, [y]);
-  const M = (F) => {
-    u && (N(F.id), w(F.categoryName || ""));
+  const V = (D) => {
+    u && (N(D.id), w(D.categoryName || ""));
   }, U = () => {
     if (!n || b !== null) return;
-    const F = `temp-${Date.now()}`;
-    g((O) => [
-      ...O,
+    const D = `temp-${Date.now()}`;
+    g((A) => [
+      ...A,
       {
-        id: F,
+        id: D,
         categoryName: "",
         links: [],
-        order: (O.at(-1)?.order ?? 0) + 1,
+        order: (A.at(-1)?.order ?? 0) + 1,
         _temp: !0
       }
-    ]), N(F), w("");
-  }, q = () => {
-    b != null && (g((F) => {
-      const O = F.find((T) => T.id === b), V = O && O._temp ? F.filter((T) => T.id !== b) : F;
-      return s?.(V), V;
+    ]), N(D), w("");
+  }, j = () => {
+    b != null && (g((D) => {
+      const A = D.find((T) => T.id === b), M = A && A._temp ? D.filter((T) => T.id !== b) : D;
+      return s?.(M), M;
     }), N(null), w(""));
   }, v = async () => {
     if (b == null || !a.trim()) return;
-    const F = typeof b == "string" && b.startsWith("temp-");
+    const D = typeof b == "string" && b.startsWith("temp-");
     try {
-      if (F) {
-        const O = await $e(t.collectionCreate, {
+      if (D) {
+        const A = await Fe(t.collectionCreate, {
           categoryName: a.trim(),
           order: (Array.isArray(m) && m.length > 0 ? m.at(-1)?.order ?? 0 : 0) + 1
         });
-        O && (g((V) => {
-          const T = V.map((C) => C.id === b ? O : C);
+        A && (g((M) => {
+          const T = M.map((C) => C.id === b ? A : C);
           return s?.(T), T;
         }), ve.success("Collection created successfully"));
       } else {
-        const O = await ln(
+        const A = await ln(
           `${t.collectionUpdate}/${b}?newName=${a.trim()}`
         );
-        g((V) => {
-          const T = V.map(
-            (C) => C.id === b ? O && O.id ? { ...C, ...O } : { ...C, categoryName: a.trim() } : C
+        g((M) => {
+          const T = M.map(
+            (C) => C.id === b ? A && A.id ? { ...C, ...A } : { ...C, categoryName: a.trim() } : C
           );
           return s?.(T), T;
         }), le.success("Collection updated successfully");
       }
       N(null), w("");
-    } catch (O) {
-      console.log(O), le.error("Failed to save collection");
+    } catch (A) {
+      console.log(A), le.error("Failed to save collection");
     }
-  }, p = async (F) => {
-    if (i)
+  }, p = async (D) => {
+    if (c)
       try {
-        await sn(`${t.collectionUpdate}/${F.id}`) && (le.success("Deleted successfully", { autoClose: 3e3 }), A());
-      } catch (O) {
-        console.log(O), le.error("Failed to delete collection");
+        await sn(`${t.collectionUpdate}/${D.id}`) && (le.success("Deleted successfully", { autoClose: 3e3 }), E());
+      } catch (A) {
+        console.log(A), le.error("Failed to delete collection");
       }
-  }, f = (F, O, V) => {
-    if (!c || !O || !V || O === V) return F;
-    const T = F.findIndex((H) => H.id === O), C = F.findIndex((H) => H.id === V);
-    if (T === -1 || C === -1) return F;
-    const R = [...F], [j] = R.splice(T, 1);
-    return R.splice(C, 0, j), R.map((H, ie) => ({ ...H, order: ie + 1 }));
-  }, k = async (F) => {
-    const O = F.map((V) => ({
-      id: V.id,
-      order: V.order,
-      categoryName: V.categoryName
+  }, f = (D, A, M) => {
+    if (!i || !A || !M || A === M) return D;
+    const T = D.findIndex((H) => H.id === A), C = D.findIndex((H) => H.id === M);
+    if (T === -1 || C === -1) return D;
+    const I = [...D], [G] = I.splice(T, 1);
+    return I.splice(C, 0, G), I.map((H, ce) => ({ ...H, order: ce + 1 }));
+  }, k = async (D) => {
+    const A = D.map((M) => ({
+      id: M.id,
+      order: M.order,
+      categoryName: M.categoryName
     }));
     try {
-      await $e(t.updateCollection, O);
-    } catch (V) {
-      console.log(V), le.error("Failed to save order", { autoClose: 2500 });
+      await Fe(t.updateCollection, A);
+    } catch (M) {
+      console.log(M), le.error("Failed to save order", { autoClose: 2500 });
     }
-  }, d = (F, O) => {
-    c && (F.dataTransfer.effectAllowed = "move", F.dataTransfer.setData("text/plain", String(O)), P(O));
-  }, h = (F) => {
-    $ && F !== E && S(F);
-  }, x = (F) => {
-    F.preventDefault();
-  }, D = async (F, O) => {
-    F.preventDefault();
-    const V = F.dataTransfer.getData("text/plain");
-    V && (g((T) => {
-      const C = f(T, V, O);
+  }, d = (D, A) => {
+    i && (D.dataTransfer.effectAllowed = "move", D.dataTransfer.setData("text/plain", String(A)), O(A));
+  }, h = (D) => {
+    $ && D !== R && S(D);
+  }, x = (D) => {
+    D.preventDefault();
+  }, F = async (D, A) => {
+    D.preventDefault();
+    const M = D.dataTransfer.getData("text/plain");
+    M && (g((T) => {
+      const C = f(T, M, A);
       return console.log("Reordered", C), k(C), s?.(C), C;
-    }), P(null), S(null));
-  }, B = () => {
-    P(null), S(null);
-  }, G = Array.isArray(m) ? m.filter(
-    (F) => F.categoryName?.toLowerCase().includes(I.toLowerCase())
+    }), O(null), S(null));
+  }, z = () => {
+    O(null), S(null);
+  }, q = Array.isArray(m) ? m.filter(
+    (D) => D.categoryName?.toLowerCase().includes(B.toLowerCase())
   ) : [];
   return /* @__PURE__ */ l("div", { className: `manage-collection-list ${r}`, children: [
     /* @__PURE__ */ e("div", { className: "flex justify-end", children: /* @__PURE__ */ l("div", { className: "w-1/2 flex justify-end", children: [
       o && /* @__PURE__ */ e(
         he,
         {
-          value: I,
-          onDebouncedChange: z,
+          value: B,
+          onDebouncedChange: P,
           placeholder: "Search Collection",
           customClass: "mr-4 searchmanagecollection"
         }
@@ -5104,32 +5104,32 @@ const ma = () => {
         }
       )
     ] }) }),
-    /* @__PURE__ */ e("div", { className: "mt-5 flex flex-col", children: G.map((F) => {
-      const O = b === F.id, V = F?.links?.length ?? 0, T = $ === F.id, C = E === F.id && $ !== F.id;
+    /* @__PURE__ */ e("div", { className: "mt-5 flex flex-col", children: q.map((D) => {
+      const A = b === D.id, M = D?.links?.length ?? 0, T = $ === D.id, C = R === D.id && $ !== D.id;
       return /* @__PURE__ */ e(
         "div",
         {
-          onDragEnter: () => h(F.id),
+          onDragEnter: () => h(D.id),
           onDragOver: x,
-          onDrop: (R) => D(R, F.id),
-          onDragEnd: B,
+          onDrop: (I) => F(I, D.id),
+          onDragEnd: z,
           className: [
             "flex items-center justify-between p-3 border rounded-2xl mb-3",
             "border-gray-300",
             C ? "ring-2 ring-gray-800/20" : "",
             T ? "opacity-60" : ""
           ].join(" "),
-          children: O ? /* @__PURE__ */ l(ee, { children: [
+          children: A ? /* @__PURE__ */ l(ee, { children: [
             /* @__PURE__ */ e("div", { className: "flex items-center gap-2 flex-1", children: /* @__PURE__ */ e(
               "input",
               {
                 type: "text",
                 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: F._temp ? "New collection name" : "Edit collection name",
-                onChange: (R) => w(R.target.value),
-                onKeyDown: (R) => {
-                  R.key === "Enter" && v(), R.key === "Escape" && q();
+                placeholder: D._temp ? "New collection name" : "Edit collection name",
+                onChange: (I) => w(I.target.value),
+                onKeyDown: (I) => {
+                  I.key === "Enter" && v(), I.key === "Escape" && j();
                 },
                 autoFocus: !0
               }
@@ -5139,7 +5139,7 @@ const ma = () => {
                 "button",
                 {
                   className: "cursor-pointer border border-gray-300 p-2 rounded-2xl",
-                  onClick: q,
+                  onClick: j,
                   "aria-label": "Cancel edit",
                   children: /* @__PURE__ */ e(ge, { color: "#767676" })
                 }
@@ -5161,43 +5161,43 @@ const ma = () => {
             ] })
           ] }) : /* @__PURE__ */ l(ee, { children: [
             /* @__PURE__ */ l("div", { className: "flex gap-2 items-center", children: [
-              c && /* @__PURE__ */ e(
+              i && /* @__PURE__ */ e(
                 "span",
                 {
                   role: "button",
                   "aria-label": "Drag to reorder",
                   className: "cursor-grab active:cursor-grabbing p-1 -m-1 rounded-md hover:bg-gray-50",
                   draggable: !0,
-                  onDragStart: (R) => d(R, F.id),
+                  onDragStart: (I) => d(I, D.id),
                   children: /* @__PURE__ */ e(ea, {})
                 }
               ),
-              /* @__PURE__ */ e("span", { children: F.categoryName })
+              /* @__PURE__ */ e("span", { children: D.categoryName })
             ] }),
             /* @__PURE__ */ l("div", { className: "flex gap-2 items-center", children: [
-              F.protected ? /* @__PURE__ */ e("span", { className: "text-sm text-gray-600 cursor-default", children: F.qlAppName }) : /* @__PURE__ */ e("span", { className: "text-sm text-blue-600 cursor-default", children: `${V} ${V === 1 ? "link" : "links"}` }),
+              D.protected ? /* @__PURE__ */ e("span", { className: "text-sm text-gray-600 cursor-default", children: D.qlAppName }) : /* @__PURE__ */ e("span", { className: "text-sm text-blue-600 cursor-default", children: `${M} ${M === 1 ? "link" : "links"}` }),
               u && /* @__PURE__ */ e(
                 "button",
                 {
                   className: "cursor-pointer",
-                  onClick: () => M(F),
-                  "aria-label": `Edit ${F.categoryName}`,
+                  onClick: () => V(D),
+                  "aria-label": `Edit ${D.categoryName}`,
                   children: /* @__PURE__ */ e(_t, { color: "#767676" })
                 }
               ),
-              i && /* @__PURE__ */ e(
+              c && /* @__PURE__ */ e(
                 "span",
                 {
-                  className: V === 0 && !F.protected ? "cursor-pointer" : "cursor-not-allowed",
-                  title: V === 0 && !F.protected ? "Delete" : "Cannot delete this collection",
-                  onClick: V === 0 ? () => p(F) : null,
-                  children: /* @__PURE__ */ e(Pe, { color: V === 0 ? "#767676" : "#C2C2C2" })
+                  className: M === 0 && !D.protected ? "cursor-pointer" : "cursor-not-allowed",
+                  title: M === 0 && !D.protected ? "Delete" : "Cannot delete this collection",
+                  onClick: M === 0 ? () => p(D) : null,
+                  children: /* @__PURE__ */ e(Pe, { color: M === 0 ? "#767676" : "#C2C2C2" })
                 }
               )
             ] })
           ] })
         },
-        F.id
+        D.id
       );
     }) })
   ] });
@@ -5206,14 +5206,14 @@ const ma = () => {
     label: o = "Manage Collections",
     description: n = "",
     endpoints: u = {},
-    initialData: i = null,
-    showSearch: c = !0,
+    initialData: c = null,
+    showSearch: i = !0,
     allowAdd: y = !0,
     allowEdit: b = !0,
     allowDelete: N = !0,
     allowReorder: a = !0,
     className: w = ""
-  } = t, m = r?.[t.key] || i || [], g = Array.isArray(m) ? m : [];
+  } = t, m = r?.[t.key] || c || [], g = Array.isArray(m) ? m : [];
   return /* @__PURE__ */ l("div", { className: "dynamic-config-manage-collection-list", children: [
     (o || n) && /* @__PURE__ */ l("div", { className: "mb-4", children: [
       o && /* @__PURE__ */ e("h3", { className: "text-lg font-medium text-gray-900 mb-1", children: o }),
@@ -5225,10 +5225,10 @@ const ma = () => {
         endpoints: u,
         initialData: g,
         className: w,
-        onCollectionChange: (P) => {
-          s && s(t.key, P);
+        onCollectionChange: (O) => {
+          s && s(t.key, O);
         },
-        showSearch: c,
+        showSearch: i,
         allowAdd: y,
         allowEdit: b,
         allowDelete: N,
@@ -5241,7 +5241,7 @@ const ma = () => {
   " ",
   /* @__PURE__ */ e("span", { className: "font-mono", children: String(t?.type ?? "N/A") })
 ] }), xe = /* @__PURE__ */ Object.create(null);
-xe.section = $n;
+xe.section = Fn;
 xe.datatable = An;
 xe.managecollectionlist = Xa;
 xe["manage-collection-list"] = Xa;
@@ -5259,36 +5259,36 @@ function Bn({
   onCancel: o,
   onSave: n
 }) {
-  const [u, i] = re.useState(r), [c, y] = re.useState(null), [b, N] = L(!1), [a, w] = L(!1), [m, g] = L({}), $ = `${be()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, P = $, [E, S] = L(1), I = (f) => {
+  const [u, c] = re.useState(r), [i, y] = re.useState(null), [b, N] = L(!1), [a, w] = L(!1), [m, g] = L({}), $ = `${be()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, O = $, [R, S] = L(1), B = (f) => {
     if (!r || !r.configuration)
       return f;
     const k = {}, d = f?.configuration || {};
     return r.configuration.forEach((h) => {
-      if (h.key && h.type === "datatable" && h.key === "newsFeeds") {
-        const D = (d.newsFeeds || []).map((B, G) => {
-          let F = { users: [], groups: [], roles: [] };
-          return B.audience && (Array.isArray(B.audience) ? F = { users: [], groups: [], roles: [] } : typeof B.audience == "object" && (F = {
-            users: B.audience.users || [],
-            groups: B.audience.groups || [],
-            roles: B.audience.roles || []
-          })), {
-            id: B.id || 0,
-            category: B.category || "",
-            url: B.url || "",
-            // Keep as 'url' to match config.json
-            audience: F
-          };
+      if (h.key && h.type === "datatable") {
+        const F = (d[h.key] || []).map((z, q) => {
+          const D = { id: z.id || 0 };
+          return h.fields && h.fields.forEach((A) => {
+            if (A.fieldtype === "audience") {
+              let M = { users: [], groups: [], roles: [] };
+              z[A.key] && (Array.isArray(z[A.key]) ? M = { users: [], groups: [], roles: [] } : typeof z[A.key] == "object" && (M = {
+                users: z[A.key].users || [],
+                groups: z[A.key].groups || [],
+                roles: z[A.key].roles || []
+              })), D[A.key] = M;
+            } else
+              D[A.key] = z[A.key] || A.default || "";
+          }), D;
         });
-        if (D.length === 0) {
-          const B = { id: 0 };
-          h.fields && h.fields.forEach((G) => {
-            G.fieldtype === "audience" ? B[G.key] = { users: [], groups: [], roles: [] } : B[G.key] = G.default || "";
-          }), D.push(B);
+        if (F.length === 0) {
+          const z = { id: 0 };
+          h.fields && h.fields.forEach((q) => {
+            q.fieldtype === "audience" ? z[q.key] = { users: [], groups: [], roles: [] } : z[q.key] = q.default || "";
+          }), F.push(z);
         }
-        k[h.key] = D;
+        k[h.key] = F;
       } else h.key && (k[h.key] = d[h.key] || {});
     }), k;
-  }, z = () => {
+  }, P = () => {
     if (r && r.configuration) {
       const f = {};
       r.configuration.forEach((k) => {
@@ -5316,12 +5316,12 @@ function Bn({
     const f = async () => {
       try {
         N(!0);
-        let k = await Fe($);
+        let k = await $e($);
         if (k) {
-          const d = I(k);
+          const d = B(k);
           y(d);
         } else
-          z();
+          P();
       } catch (k) {
         console.error("Error fetching configuration:", k);
         let d = "Failed to load configuration";
@@ -5329,14 +5329,14 @@ function Bn({
           const h = k.response.status, x = k.response.data?.message || k.response.data?.error;
           h === 400 ? d = x || "Invalid request. Please check the application ID." : h === 401 ? d = "You are not authorized to access this configuration." : h === 403 ? d = "Access denied. You don't have permission to view this configuration." : h === 404 ? d = "Configuration not found. It may not exist yet or the application ID is incorrect." : h >= 500 ? d = x || "Server error. Please try again later." : d = x || `Failed to load configuration (Error ${h})`;
         } else k.request ? d = "Network error. Please check your connection and try again." : d = k.message || "An unexpected error occurred while loading configuration.";
-        ve.error(d), z();
+        ve.error(d), P();
       } finally {
         N(!1);
       }
     };
-    r && (i(r), t ? f() : z());
-  }, [r, E, t, s]);
-  const A = (f, k) => {
+    r && (c(r), t ? f() : P());
+  }, [r, R, t, s]);
+  const E = (f, k) => {
     y((d) => ({
       ...d,
       [f]: k
@@ -5344,36 +5344,36 @@ function Bn({
       const h = { ...d };
       return h[f] && delete h[f], h;
     });
-  }, M = () => {
+  }, V = () => {
     const f = {};
-    return !u || !c || u.configuration.forEach((k) => {
+    return !u || !i || u.configuration.forEach((k) => {
       if (k.type === "section")
         k.fields.forEach((d) => {
           if (d.required) {
-            const h = c[k.key]?.[d.key];
+            const h = i[k.key]?.[d.key];
             (!h || typeof h == "string" && h.trim() === "") && (f[k.key] || (f[k.key] = {}), f[k.key][d.key] = `${d.label} is required`);
           }
         });
       else if (k.type === "datatable") {
-        const d = c[k.key];
+        const d = i[k.key];
         Array.isArray(d) && d.forEach((h, x) => {
-          k.fields.forEach((D) => {
-            if (D.required) {
-              const B = h[D.key];
-              (!B || typeof B == "string" && B.trim() === "") && (f[k.key] || (f[k.key] = {}), f[k.key][x] || (f[k.key][x] = {}), f[k.key][x][D.key] = `${D.label} is required`);
+          k.fields.forEach((F) => {
+            if (F.required) {
+              const z = h[F.key];
+              (!z || typeof z == "string" && z.trim() === "") && (f[k.key] || (f[k.key] = {}), f[k.key][x] || (f[k.key][x] = {}), f[k.key][x][F.key] = `${F.label} is required`);
             }
           });
         });
       }
     }), f;
-  }, U = (f) => Object.keys(f).length > 0, q = () => {
-    const f = M();
+  }, U = (f) => Object.keys(f).length > 0, j = () => {
+    const f = V();
     if (g(f), U(f)) {
       let d = [];
       Object.keys(f).forEach((h) => {
         typeof f[h] == "object" && Object.keys(f[h]).forEach((x) => {
-          typeof f[h][x] == "object" ? Object.keys(f[h][x]).forEach((D) => {
-            d.push(`${h} row ${parseInt(x) + 1}: ${f[h][x][D]}`);
+          typeof f[h][x] == "object" ? Object.keys(f[h][x]).forEach((F) => {
+            d.push(`${h} row ${parseInt(x) + 1}: ${f[h][x][F]}`);
           }) : d.push(`${h}: ${f[h][x]}`);
         });
       });
@@ -5383,27 +5383,30 @@ function Bn({
       try {
         w(!0);
         const d = {};
-        c && Object.keys(c).forEach((x) => {
-          x === "newsFeeds" && Array.isArray(c[x]) ? d[x] = c[x].map((D) => {
-            let B = { users: [], groups: [], roles: [] };
-            return D.audience && typeof D.audience == "object" && !Array.isArray(D.audience) && (B = {
-              users: D.audience.users || [],
-              groups: D.audience.groups || [],
-              roles: D.audience.roles || []
-            }), {
-              id: D.id || 0,
-              category: D.category || "",
-              url: D.url || "",
-              // Keep as 'url' to match API and config
-              audience: B
-            };
-          }) : d[x] = c[x];
+        i && Object.keys(i).forEach((x) => {
+          const F = r?.configuration?.find(
+            (z) => z.key === x && z.type === "datatable"
+          );
+          F && Array.isArray(i[x]) ? d[x] = i[x].map((z) => {
+            const q = { id: z.id || 0 };
+            return F.fields && F.fields.forEach((D) => {
+              if (D.fieldtype === "audience") {
+                let A = { users: [], groups: [], roles: [] };
+                z[D.key] && typeof z[D.key] == "object" && !Array.isArray(z[D.key]) && (A = {
+                  users: z[D.key].users || [],
+                  groups: z[D.key].groups || [],
+                  roles: z[D.key].roles || []
+                }), q[D.key] = A;
+              } else
+                q[D.key] = z[D.key] || "";
+            }), q;
+          }) : d[x] = i[x];
         });
-        let h = await $e(P, d);
+        let h = await Fe(O, d);
         if (console.log(), h && h.status != "fail") {
           g({});
           const x = h.message || "Configuration has been saved successfully";
-          ve.success(x), n && typeof n == "function" && n(c);
+          ve.success(x), n && typeof n == "function" && n(i);
         } else
           throw ve.error(h?.message || "Failed to save configuration"), new Error("No response received from server");
       } catch (d) {
@@ -5425,7 +5428,7 @@ function Bn({
     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 p = r?.configuration || u?.configuration;
   return Q(() => {
-    s && r ? (!c || Object.keys(c).length === 0) && z() : s && !r && z();
+    s && r ? (!i || Object.keys(i).length === 0) && P() : s && !r && P();
   }, [s, r]), /* @__PURE__ */ l("div", { children: [
     /* @__PURE__ */ l(
       "div",
@@ -5441,8 +5444,8 @@ function Bn({
                 d,
                 {
                   item: f,
-                  data: c,
-                  updateHandler: A,
+                  data: i,
+                  updateHandler: E,
                   validationErrors: m
                 },
                 k
@@ -5465,7 +5468,7 @@ function Bn({
         Z,
         {
           category: "primary",
-          onClick: q,
+          onClick: j,
           disabled: a,
           label: a ? "Saving..." : "Apply",
           type: "submit"
@@ -5479,7 +5482,7 @@ const us = ({
   appid: r = "Configuration-Page",
   disableApi: s = !1
 }) => {
-  const [o, n] = L(0), [u, i] = L(!1), [c, y] = L(r), {
+  const [o, n] = L(0), [u, c] = L(!1), [i, y] = L(r), {
     pageHeader: b = {},
     appletHeader: N = {},
     breadcrumb: a = [],
@@ -5497,7 +5500,7 @@ const us = ({
           disabled: !0,
           placeholder: r
         }, f.some((x) => x.key === "displayname")) {
-          const x = f.findIndex((D) => D.key === "displayname");
+          const x = f.findIndex((F) => F.key === "displayname");
           f[x] = {
             ...f[x],
             default: r,
@@ -5528,14 +5531,14 @@ const us = ({
     isLeftArrow: !0,
     onBackClick: () => window.history.back(),
     ...b
-  }, P = a.map((p) => ({
+  }, O = a.map((p) => ({
     label: p.text,
     href: p.href || "#"
-  })), E = K(() => {
-    console.log("handleCancelRequest called - showing modal"), i(!0);
+  })), R = K(() => {
+    console.log("handleCancelRequest called - showing modal"), c(!0);
   }, []), S = K((p) => {
-    i(!1), p.primary ? (console.log("User confirmed cancel - navigating back"), window.history.back()) : console.log("User cancelled the cancel action - modal closed, data preserved");
-  }, []), I = () => {
+    c(!1), p.primary ? (console.log("User confirmed cancel - navigating back"), window.history.back()) : console.log("User cancelled the cancel action - modal closed, data preserved");
+  }, []), B = () => {
     for (const p of g)
       if (p.type === "section" && p.fields) {
         const f = p.fields.find((k) => k.key === "displayname");
@@ -5545,20 +5548,20 @@ const us = ({
     return r;
   };
   re.useEffect(() => {
-    y(I());
+    y(B());
   }, [g]);
-  const z = K((p) => {
+  const P = K((p) => {
     console.log("Config saved with data:", p), Object.keys(p).forEach((f) => {
       const k = p[f];
       console.log(`Checking section ${f}:`, k), k && k.displayname && (console.log("Found displayname:", k.displayname), y(k.displayname));
     });
-  }, []), A = {
+  }, []), E = {
     subHeading: "Application configuration and details",
     tags: [],
     ...N,
-    heading: c
+    heading: i
     // Ensure displayname always overrides config heading
-  }, M = {
+  }, V = {
     about: "This application provides comprehensive functionality for your organization.",
     images: {
       desktop: "https://via.placeholder.com/600x400?text=Desktop+View",
@@ -5577,10 +5580,10 @@ const us = ({
     ],
     ...w
   }, U = [
-    { label: "Overview", content: v(M) },
-    { label: "Configuration", content: /* @__PURE__ */ e(Bn, { appid: r, configdata: { configuration: g }, disableApi: s, onCancel: E, onSave: z }) }
+    { label: "Overview", content: v(V) },
+    { label: "Configuration", content: /* @__PURE__ */ e(Bn, { appid: r, configdata: { configuration: g }, disableApi: s, onCancel: R, onSave: P }) }
   ];
-  function q(p) {
+  function j(p) {
     return p ? p.includes("<svg") ? /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: p } }) : p : "📱";
   }
   function v(p) {
@@ -5630,18 +5633,18 @@ const us = ({
       Qr,
       {
         heading: $.heading,
-        subHeading: P.length > 0 ? void 0 : $.subHeading,
-        breadcrumbItems: P,
+        subHeading: O.length > 0 ? void 0 : $.subHeading,
+        breadcrumbItems: O,
         isLeftArrow: $.isLeftArrow,
         onBackClick: $.onBackClick
       }
     ),
     /* @__PURE__ */ l("div", { className: "bg-[#ffffff] border border-[#eef2f6] rounded-[12px] px-6 py-5 flex gap-4 items-start mb-4 shadow-sm", children: [
-      /* @__PURE__ */ e("div", { className: "icon w-[72px] h-[72px] rounded-full flex items-center justify-center bg-[#F5F5F6] text-[#1C274C] font-bold text-[18px]", children: q(A.icon) }),
+      /* @__PURE__ */ e("div", { className: "icon w-[72px] h-[72px] rounded-full flex items-center justify-center bg-[#F5F5F6] text-[#1C274C] font-bold text-[18px]", children: j(E.icon) }),
       /* @__PURE__ */ l("div", { className: "flex flex-col min-w-0", children: [
-        /* @__PURE__ */ e("h2", { className: "text-[24px] font-semibold m-0 leading-tight truncate", children: A.heading }),
-        /* @__PURE__ */ e("p", { className: "text-[13px] text-[#101112] mt-1 mb-0 max-w-[800px] leading-normal", children: A.subHeading }),
-        /* @__PURE__ */ e("div", { className: "mt-2 flex flex-wrap gap-2", children: A.tags && A.tags.map((p, f) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("h2", { className: "text-[24px] font-semibold m-0 leading-tight truncate", children: E.heading }),
+        /* @__PURE__ */ e("p", { className: "text-[13px] text-[#101112] mt-1 mb-0 max-w-[800px] leading-normal", children: E.subHeading }),
+        /* @__PURE__ */ e("div", { className: "mt-2 flex flex-wrap gap-2", children: E.tags && E.tags.map((p, f) => /* @__PURE__ */ e(
           "span",
           {
             className: "pill inline-block px-[10px] py-[6px] rounded-[14px] text-[11px] border border-[#e6e9ee] text-[#767676] font-semibold mt-1",
@@ -5712,8 +5715,8 @@ const hs = ({
   apiRef: n,
   // preferred
   onAdd: u,
-  onFilterOpen: i,
-  addBtnText: c = "Add",
+  onFilterOpen: c,
+  addBtnText: i = "Add",
   // Feature toggles
   showSearch: y = !0,
   showColumnChooser: b = !0,
@@ -5724,30 +5727,30 @@ const hs = ({
   showRefresh: g = !1,
   showAdd: $ = !1,
   // Additional props
-  searchPlaceholder: P = "Search...",
-  handleRefreshClick: E = () => {
+  searchPlaceholder: O = "Search...",
+  handleRefreshClick: R = () => {
   },
   handleSearchChange: S = () => {
   },
   // Optional: override export file names
-  excelFileName: I,
-  pdfFileName: z
+  excelFileName: B,
+  pdfFileName: P
 }) => {
-  const A = () => n?.current || o?.current, [M, U] = re.useState(""), q = (t || "export").toString().trim() || "export", v = `${I || q}.xlsx`, p = `${z || q}.pdf`, f = (h, x, D) => Math.max(x, Math.min(h, D)), k = K(
+  const E = () => n?.current || o?.current, [V, U] = re.useState(""), j = (t || "export").toString().trim() || "export", v = `${B || j}.xlsx`, p = `${P || j}.pdf`, f = (h, x, F) => Math.max(x, Math.min(h, F)), k = K(
     (h) => {
-      const x = A();
+      const x = E();
       if (console.log("openColumnChooserNear", x), !!x?.openColumnChooser) {
         if (typeof window > "u" || !h?.currentTarget) {
           x.openColumnChooser();
           return;
         }
         try {
-          const D = h.currentTarget.getBoundingClientRect(), B = D.left + window.scrollX, G = D.bottom + window.scrollY;
-          let F = B - 120, O = G - 120;
-          const V = window.innerWidth, T = window.innerHeight;
-          F = f(F, window.scrollX + 8, window.scrollX + V - 340), O = f(O, window.scrollY, window.scrollY + T - 120), console.log("openColumnChooserNear", F, O), x.openColumnChooser(F, O);
-        } catch (D) {
-          console.log("coloumn choose error", D);
+          const F = h.currentTarget.getBoundingClientRect(), z = F.left + window.scrollX, q = F.bottom + window.scrollY;
+          let D = z - 120, A = q - 120;
+          const M = window.innerWidth, T = window.innerHeight;
+          D = f(D, window.scrollX + 8, window.scrollX + M - 340), A = f(A, window.scrollY, window.scrollY + T - 120), console.log("openColumnChooserNear", D, A), x.openColumnChooser(D, A);
+        } catch (F) {
+          console.log("coloumn choose error", F);
         }
       }
     },
@@ -5755,27 +5758,27 @@ const hs = ({
     // no external deps; reads ref at call time
   ), d = K(
     (h, x) => {
-      const D = A();
-      if (D)
+      const F = E();
+      if (F)
         switch (h) {
           case "ColumnChooser":
-            b && (console.log("openColumnChooser", x), x ? k(x) : D.openColumnChooser?.()), console.log("openColumnChooser out", x);
+            b && (console.log("openColumnChooser", x), x ? k(x) : F.openColumnChooser?.()), console.log("openColumnChooser out", x);
             break;
           case "Print":
-            a && D.print?.();
+            a && F.print?.();
             break;
           case "Excel":
-            w && D.excelExport?.({ fileName: v });
+            w && F.excelExport?.({ fileName: v });
             break;
           case "Pdf":
-            m && D.pdfExport?.({ fileName: p });
+            m && F.pdfExport?.({ fileName: p });
             break;
           case "Refresh":
-            g && E();
+            g && R();
             break;
         }
     },
-    [b, a, w, m, g, v, p, E, k]
+    [b, a, w, m, g, v, p, R, k]
   );
   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: [
@@ -5790,8 +5793,8 @@ const hs = ({
       y && /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ e(
         he,
         {
-          placeholder: P,
-          value: M,
+          placeholder: O,
+          value: V,
           onDebouncedChange: (h) => {
             U(h), S(h);
           }
@@ -5814,7 +5817,7 @@ const hs = ({
             Z,
             {
               icon: Wt,
-              onClick: i,
+              onClick: c,
               size: "small",
               ariaLabel: "Filters",
               category: "secondary",
@@ -5869,12 +5872,12 @@ const hs = ({
         $ && u && /* @__PURE__ */ e(
           Z,
           {
-            label: c,
+            label: i,
             icon: Ht,
             onClick: u,
             size: "small",
             ariaLabel: "Add New",
-            title: c
+            title: i
           }
         )
       ] })
@@ -5889,8 +5892,8 @@ function ps(t) {
     pageIndex: n = 1,
     // 1-based
     pageSize: u = 10,
-    allowPaging: i = !0,
-    allowSorting: c = !0,
+    allowPaging: c = !0,
+    allowSorting: i = !0,
     allowFiltering: y = !1,
     allowGrouping: b = !1,
     allowReordering: N = !0,
@@ -5899,15 +5902,15 @@ function ps(t) {
     allowPdfExport: m = !1,
     showColumnChooser: g = !1,
     enableSearchApi: $ = !1,
-    height: P = "600",
-    selectionSettings: E = { type: "Multiple", mode: "Row" },
+    height: O = "600",
+    selectionSettings: R = { type: "Multiple", mode: "Row" },
     enableCheckbox: S = !1,
-    columns: I = [],
-    onGridStateChange: z,
-    onRowSelected: A,
-    onRowDeselected: M,
+    columns: B = [],
+    onGridStateChange: P,
+    onRowSelected: E,
+    onRowDeselected: V,
     onRowDoubleClick: U,
-    apiRef: q,
+    apiRef: j,
     gridProps: v = {}
   } = t, p = ue(null), {
     pageSettings: f,
@@ -5915,62 +5918,62 @@ function ps(t) {
     ...d
   } = v || {}, h = ne(() => {
     const C = [wr];
-    return c && C.push(Cr), y && C.push(Sr), b && C.push(Dr), $ && C.push(Fr), w && C.push($r), m && C.push(Tr), g && C.push(Ar), a && C.push(Er), N && C.push(Rr), C.push(Ir), C;
-  }, [c, y, b, $, w, m, g, a, N]), x = ne(() => {
-    const C = () => p.current, R = (j, H) => {
-      !H && process.env.NODE_ENV !== "production" && console.warn(`[CustomDataGrid] ${j} requested but related service/feature is disabled.`);
+    return i && C.push(Cr), y && C.push(Sr), b && C.push(Dr), $ && C.push($r), w && C.push(Fr), m && C.push(Tr), g && C.push(Ar), a && C.push(Er), N && C.push(Rr), C.push(Ir), C;
+  }, [i, y, b, $, w, m, g, a, N]), x = ne(() => {
+    const C = () => p.current, I = (G, H) => {
+      !H && process.env.NODE_ENV !== "production" && console.warn(`[CustomDataGrid] ${G} requested but related service/feature is disabled.`);
     };
     return {
       getInstance: () => C(),
       refresh: () => C()?.refresh?.(),
       getSelectedRecords: () => C()?.getSelectedRecords?.() ?? [],
       clearSelection: () => C()?.clearSelection?.(),
-      selectRow: (j) => C()?.selectRow?.(j),
-      selectRows: (j) => C()?.selectRows?.(j),
-      search: (j) => {
-        R("search()", $), C()?.search?.(j);
+      selectRow: (G) => C()?.selectRow?.(G),
+      selectRows: (G) => C()?.selectRows?.(G),
+      search: (G) => {
+        I("search()", $), C()?.search?.(G);
       },
       print: () => C()?.print?.(),
-      excelExport: (j) => {
-        R("excelExport()", w), C()?.excelExport?.(j);
+      excelExport: (G) => {
+        I("excelExport()", w), C()?.excelExport?.(G);
       },
-      pdfExport: (j) => {
-        R("pdfExport()", m), C()?.pdfExport?.(j);
+      pdfExport: (G) => {
+        I("pdfExport()", m), C()?.pdfExport?.(G);
       },
-      openColumnChooser: (j, H) => {
-        R("openColumnChooser()", g), C()?.columnChooserModule?.openColumnChooser?.(j, H);
+      openColumnChooser: (G, H) => {
+        I("openColumnChooser()", g), C()?.columnChooserModule?.openColumnChooser?.(G, H);
       }
     };
   }, []);
   Q(() => {
-    q && (q.current = x);
-  }, [q, x]), Q(() => () => {
-    q && (q.current = null);
+    j && (j.current = x);
+  }, [j, x]), Q(() => () => {
+    j && (j.current = null);
   }, []);
-  const D = (C) => {
-    const R = String(C || "");
-    return R === "Ascending" || R === "Descending" ? R : R.toLowerCase() === "ascending" ? "Ascending" : "Descending";
-  }, B = ne(() => ({
+  const F = (C) => {
+    const I = String(C || "");
+    return I === "Ascending" || I === "Descending" ? I : I.toLowerCase() === "ascending" ? "Ascending" : "Descending";
+  }, z = ne(() => ({
     pageSize: u,
     currentPage: n,
     totalRecordsCount: s,
     pageSizes: !0,
     ...f || {}
-  }), [n, u, s, f]), G = ne(() => {
-    if (!c || !k) return;
-    const C = (k.columns || []).map((R) => ({
-      ...R,
-      direction: D(R.direction || R.dir)
+  }), [n, u, s, f]), q = ne(() => {
+    if (!i || !k) return;
+    const C = (k.columns || []).map((I) => ({
+      ...I,
+      direction: F(I.direction || I.dir)
     }));
     return { allowUnsort: !0, ...k, columns: C };
-  }, [k, c]), F = (C) => {
-    const R = p.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 ?? R?.pageSettings?.pageSize ?? u, ce = C?.currentPage ?? R?.pageSettings?.currentPage ?? n, je = C?.columnName && C?.direction ? [{ field: C.columnName, dir: D(C.direction) }] : (R?.sortSettings?.columns || []).map((Ce) => ({
+  }, [k, i]), D = (C) => {
+    const I = p.current, G = C?.requestType, H = G === "paging" ? "paging" : G === "sorting" ? "sorting" : G === "searching" ? "searching" : G === "filtering" ? "filtering" : G === "grouping" ? "grouping" : G === "reorder" ? "reorder" : G === "columnstate" ? "columnstate" : "other", ce = C?.pageSize ?? I?.pageSettings?.pageSize ?? u, ie = C?.currentPage ?? I?.pageSettings?.currentPage ?? n, je = C?.columnName && C?.direction ? [{ field: C.columnName, dir: F(C.direction) }] : (I?.sortSettings?.columns || []).map((Ce) => ({
       field: Ce.field,
-      dir: D(Ce.direction ?? Ce.dir)
-    })), Ge = C?.searchString ?? "", _e = C?.columns ?? R?.filterSettings?.columns ?? [];
+      dir: F(Ce.direction ?? Ce.dir)
+    })), Ge = C?.searchString ?? "", _e = C?.columns ?? I?.filterSettings?.columns ?? [];
     return {
       reason: H,
-      page: { index: ce, size: ie, skip: (ce - 1) * ie, take: ie },
+      page: { index: ie, size: ce, skip: (ie - 1) * ce, take: ce },
       sort: je,
       // [{ field, dir: 'Ascending'|'Descending' }]
       search: Ge,
@@ -5984,25 +5987,25 @@ function ps(t) {
       id: o,
       ref: p,
       dataSource: r,
-      height: P,
-      allowPaging: i,
-      allowSorting: c,
+      height: O,
+      allowPaging: c,
+      allowSorting: i,
       allowFiltering: y,
       allowGrouping: b,
       allowReordering: N,
       allowResizing: a,
       showColumnChooser: g,
-      selectionSettings: E,
-      pageSettings: B,
-      sortSettings: G,
+      selectionSettings: R,
+      pageSettings: z,
+      sortSettings: q,
       actionBegin: (C) => {
-        if (["paging", "sorting", "searching", "filtering", "grouping", "reorder", "columnstate"].includes(C?.requestType) && (C.cancel = !0), typeof z == "function") {
-          const j = F(C);
-          z(j, C);
+        if (["paging", "sorting", "searching", "filtering", "grouping", "reorder", "columnstate"].includes(C?.requestType) && (C.cancel = !0), typeof P == "function") {
+          const G = D(C);
+          P(G, C);
         }
       },
-      rowSelected: A,
-      rowDeselected: M,
+      rowSelected: E,
+      rowDeselected: V,
       recordDoubleClick: (C) => {
         typeof U == "function" && U(C?.rowData, C);
       },
@@ -6010,11 +6013,11 @@ function ps(t) {
       children: [
         /* @__PURE__ */ e(Br, { children: (() => {
           const C = [];
-          return S && C.push(/* @__PURE__ */ e(ra, { type: "checkbox", width: "50" }, "__checkbox__")), I.forEach((R, j) => {
+          return S && C.push(/* @__PURE__ */ e(ra, { type: "checkbox", width: "50" }, "__checkbox__")), B.forEach((I, G) => {
             const {
               field: H,
-              headerText: ie,
-              width: ce,
+              headerText: ce,
+              width: ie,
               textAlign: je = "Left",
               template: Ge,
               isPrimaryKey: _e,
@@ -6028,14 +6031,14 @@ function ps(t) {
               maxWidth: rt,
               customAttributes: nt,
               ...st
-            } = R || {};
+            } = I || {};
             C.push(
               /* @__PURE__ */ e(
                 ra,
                 {
                   field: H,
-                  headerText: ie,
-                  width: ce,
+                  headerText: ce,
+                  width: ie,
                   textAlign: je,
                   template: Ge,
                   isPrimaryKey: _e,
@@ -6050,7 +6053,7 @@ function ps(t) {
                   customAttributes: nt,
                   ...st
                 },
-                H || `col-${j}`
+                H || `col-${G}`
               )
             );
           }), C;
@@ -6069,7 +6072,7 @@ export {
   Vr as Button,
   Aa as Checkbox,
   ps as CustomDataGrid,
-  is as CustomDialog,
+  cs as CustomDialog,
   hs as CustomGridToolbar,
   ds as CustomTab,
   za as DatePicker,
@@ -6096,14 +6099,14 @@ export {
   ms as ToastProvider,
   Ma as ToggleSwitch,
   es as Tooltip,
-  cs as TreeView,
+  is as TreeView,
   Z as UnifyedCoreButton,
   as as WizardModal,
   Ga as adGroupsListSearchApi,
   sn as axiosDelete,
-  Fe as axiosGet,
+  $e as axiosGet,
   ls as axiosPatch,
-  $e as axiosPost,
+  Fe as axiosPost,
   ln as axiosPut,
   ns as cookies,
   nn as createHttpClient,