unifyedx-storybook-new 0.2.28 → 0.2.30

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

@@ -1,7 +1,7 @@
 import { jsxs as n, jsx as e, Fragment as te } from "react/jsx-runtime";
-import se, { useState as M, useMemo as ue, useId as Qe, Fragment as Q, useEffect as Z, useCallback as ne, useRef as xe } from "react";
-import { a as H, U as mt, X as ge, P as c, L as Ua, C as ve, b as tt, f as Ze, d as yt, D as Yt, F as qa, e as Ga, h as Ya, T as Ke, u as Wa, i as zt, I as Wt, j as Jt, k as Ja, l as Xa, m as Ha, n as Xt, S as vt, o as Ht, M as Qa, p as Za, q as wt, r as Ka, A as er, E as Qt, s as tr, t as ar, v as rr, w as nr, x as Zt, y as sr, z as Kt, B as ea, G as lr, H as ir, J as or, K as et, N as ut, O as ht, Q as cr, R as dr, V as ta, W as mr, Y as Nt, Z as ur, _ as hr, $ as Me, a0 as pr, a1 as gr, a2 as br, a3 as fr, a4 as xr, a5 as yr, a6 as St, a7 as vr, a8 as wr, a9 as Nr, aa as kr, ab as Cr, ac as zr, ad as Sr, ae as Dr, af as $r, ag as Fe, ah as aa, ai as Tr, aj as Ar, ak as Fr, al as Er, am as Rr, an as ra, ao as Ir, ap as Or, aq as na, ar as Pr, as as pt, at as sa, au as Lr } from "./vendor-wRQnjUYv.js";
-import { Popover as Mr, PopoverButton as Br, PopoverPanel as jr, Transition as he, Dialog as ye, TransitionChild as Ne, DialogPanel as Ee, DialogTitle as at, TabGroup as Vr, TabList as _r, Tab as re, TabPanels as Ur, RadioGroup as qe, Listbox as K, ListboxButton as qr, ListboxOptions as Gr, ListboxOption as Yr, SwitchGroup as Wr, Switch as ot, Menu as Jr, MenuButton as Xr, Portal as Hr, MenuItems as Qr, MenuItem as Zr, DialogBackdrop as Kr } from "@headlessui/react";
+import se, { useState as M, useMemo as ue, useId as Qe, Fragment as Q, useEffect as Z, useCallback as ae, useRef as xe } from "react";
+import { a as H, U as mt, X as ge, P as c, L as Ua, C as ve, b as tt, f as Ze, d as yt, D as Yt, F as qa, e as Ga, h as Ya, T as Ke, u as Wa, i as zt, I as Wt, j as Jt, k as Ja, l as Xa, m as Ha, n as Xt, S as vt, o as Ht, M as Qa, p as Za, q as wt, r as Ka, A as er, E as Qt, s as tr, t as ar, v as rr, w as nr, x as Zt, y as sr, z as Kt, B as ea, G as lr, H as ir, J as or, K as et, N as ut, O as ht, Q as cr, R as dr, V as ta, W as mr, Y as Nt, Z as ur, _ as hr, $ as Me, a0 as pr, a1 as gr, a2 as br, a3 as fr, a4 as xr, a5 as yr, a6 as St, a7 as vr, a8 as wr, a9 as Nr, aa as kr, ab as Cr, ac as zr, ad as Sr, ae as Dr, af as $r, ag as Fe, ah as aa, ai as Tr, aj as Ar, ak as Fr, al as Er, am as Rr, an as ra, ao as Ir, ap as Pr, aq as na, ar as Or, as as pt, at as sa, au as Lr } from "./vendor-wRQnjUYv.js";
+import { Popover as Mr, PopoverButton as Br, PopoverPanel as jr, Transition as he, Dialog as ye, TransitionChild as Ne, DialogPanel as Ee, DialogTitle as at, TabGroup as Vr, TabList as _r, Tab as ne, TabPanels as Ur, RadioGroup as qe, Listbox as K, ListboxButton as qr, ListboxOptions as Gr, ListboxOption as Yr, SwitchGroup as Wr, Switch as ot, Menu as Jr, MenuButton as Xr, Portal as Hr, MenuItems as Qr, MenuItem as Zr, DialogBackdrop as Kr } from "@headlessui/react";
 import { motion as le, AnimatePresence as Ce } from "framer-motion";
 import { d as en } from "./vendor-lodash-C6Pmit-j.js";
 import { useFloating as la, offset as ia, flip as oa, shift as ca, autoUpdate as da, useClick as tn, useDismiss as an, useInteractions as rn, FloatingPortal as nn } from "@floating-ui/react";
@@ -15,8 +15,8 @@ const kn = (t) => {
     a ^= t.charCodeAt(s), a += (a << 1) + (a << 4) + (a << 7) + (a << 8) + (a << 24);
   return a >>> 0;
 }, Cn = (t) => {
-  const a = (t ?? "").trim().toLowerCase(), s = parseInt((a.match(/\d+$/) ?? [0])[0], 10) || 0, i = kn(a), l = (i % 360 + 37 * s) % 360, m = 55 + (i >>> 8) % 20, o = 30 + (i >>> 16) % 10, u = 86 + (i >>> 24) % 8, p = `hsl(${l}, ${m}%, ${u}%)`, g = `hsl(${l}, ${m}%, ${o}%)`;
-  return { bg: p, text: g };
+  const a = (t ?? "").trim().toLowerCase(), s = parseInt((a.match(/\d+$/) ?? [0])[0], 10) || 0, i = kn(a), l = (i % 360 + 37 * s) % 360, m = 55 + (i >>> 8) % 20, o = 30 + (i >>> 16) % 10, u = 86 + (i >>> 24) % 8, p = `hsl(${l}, ${m}%, ${u}%)`, b = `hsl(${l}, ${m}%, ${o}%)`;
+  return { bg: p, text: b };
 }, zn = (t = "") => t.split(" ").map((a) => a[0]).slice(0, 2).join("").toUpperCase(), ze = ({
   src: t,
   name: a,
@@ -29,16 +29,16 @@ const kn = (t) => {
   className: m,
   ...o
 }) => {
-  const [u, p] = M(!1), g = ue(() => Cn(a), []), b = t && !u, r = !b && a, y = !b && !a, d = H(
+  const [u, p] = M(!1), b = ue(() => Cn(a), []), f = t && !u, r = !f && a, y = !f && !a, d = H(
     "avatar-container",
     `avatar--size-${s}`,
     m
-  ), h = b ? "transparent" : i || g.bg, $ = l || g.text;
+  ), h = f ? "transparent" : i || b.bg, $ = l || b.text;
   return /* @__PURE__ */ n("div", { className: d, style: {
     backgroundColor: h,
     color: $
   }, ...o, children: [
-    b && /* @__PURE__ */ e(
+    f && /* @__PURE__ */ e(
       "img",
       {
         src: t,
@@ -74,14 +74,14 @@ const kn = (t) => {
   className: u,
   ...p
 }) => {
-  const g = H(
+  const b = H(
     "badge",
     `badge--variant-${a}`,
     `badge--size-${s}`,
     { "badge--with-remove": !!l },
     u
   );
-  return /* @__PURE__ */ n("span", { className: g, style: m && o ? {
+  return /* @__PURE__ */ n("span", { className: b, style: m && o ? {
     backgroundColor: m,
     color: o,
     borderColor: "#ff0000"
@@ -149,16 +149,16 @@ const $n = {
   icon: u,
   // Renamed for clarity, expecting a component type e.g., CheckCircle
   disabled: p = !1,
-  size: g = "medium",
-  label: b,
+  size: b = "medium",
+  label: f,
   children: r,
   // ✅ Add children to the props list
   onClick: y,
   ...d
 }) => {
-  const h = p || m, $ = u && !b, T = H(
+  const h = p || m, $ = u && !f, T = H(
     "btn-base",
-    $n[g],
+    $n[b],
     Tn[o],
     {
       "is-loading": m,
@@ -174,12 +174,12 @@ const $n = {
       className: T,
       disabled: h,
       onClick: y,
-      title: a || $ && i || (typeof b == "string" ? b : void 0),
-      "aria-label": i || $ && a || (typeof b == "string" ? b : void 0),
+      title: a || $ && i || (typeof f == "string" ? f : void 0),
+      "aria-label": i || $ && a || (typeof f == "string" ? f : void 0),
       ...d,
       children: m ? /* @__PURE__ */ e(Ua, { className: "loader-spin", "data-testid": "button-loader" }) : /* @__PURE__ */ n(te, { children: [
-        u && /* @__PURE__ */ e(u, { size: g === "large" ? 20 : 16 }),
-        b,
+        u && /* @__PURE__ */ e(u, { size: b === "large" ? 20 : 16 }),
+        f,
         r,
         " "
       ] })
@@ -218,13 +218,13 @@ const $n = {
   onChange: o,
   ...u
 }) => {
-  const p = Qe(), g = a || p;
+  const p = Qe(), b = a || p;
   return /* @__PURE__ */ n("div", { className: `checkbox-container ${i || ""}`, children: [
-    /* @__PURE__ */ n("label", { htmlFor: g, className: "checkbox-wrapper", children: [
+    /* @__PURE__ */ n("label", { htmlFor: b, className: "checkbox-wrapper", children: [
       /* @__PURE__ */ e(
         "input",
         {
-          id: g,
+          id: b,
           type: "checkbox",
           ref: l,
           className: "checkbox-input",
@@ -259,8 +259,8 @@ const $n = {
   className: u,
   ...p
 }) => {
-  const g = (b) => {
-    b.stopPropagation(), b.preventDefault(), s?.();
+  const b = (f) => {
+    f.stopPropagation(), f.preventDefault(), s?.();
   };
   return /* @__PURE__ */ n("div", { className: H("datepicker-wrapper", u), children: [
     l && /* @__PURE__ */ e("label", { className: "datepicker-label", htmlFor: "datepicker-input", children: l }),
@@ -287,7 +287,7 @@ const $n = {
           "button",
           {
             type: "button",
-            onClick: g,
+            onClick: b,
             className: "datepicker-clear-button",
             "aria-label": "Clear selected date",
             children: /* @__PURE__ */ e(ge, { size: 16 })
@@ -319,12 +319,12 @@ const $n = {
   className: u,
   ...p
 }) => {
-  const g = t?.from, b = t?.to, r = (d) => {
+  const b = t?.from, f = t?.to, r = (d) => {
     d.stopPropagation(), d.preventDefault(), s?.();
-  }, y = g && b ? /* @__PURE__ */ n(te, { children: [
-    Ze(g, "MMM d, y"),
+  }, y = b && f ? /* @__PURE__ */ n(te, { children: [
+    Ze(b, "MMM d, y"),
     " - ",
-    Ze(b, "MMM d, y")
+    Ze(f, "MMM d, y")
   ] }) : /* @__PURE__ */ e("span", { className: "datepicker-placeholder", children: i });
   return /* @__PURE__ */ n("div", { className: H("datepicker-wrapper", u), children: [
     l && /* @__PURE__ */ e("label", { className: "datepicker-label", htmlFor: "daterangepicker-input", children: l }),
@@ -340,14 +340,14 @@ const $n = {
               "datepicker-trigger--disabled": o
             }),
             disabled: o,
-            "aria-label": g && b ? `Selected range is ${y}` : i,
+            "aria-label": b && f ? `Selected range is ${y}` : i,
             children: [
               /* @__PURE__ */ e(yt, { className: "datepicker-icon" }),
               /* @__PURE__ */ e("span", { className: "datepicker-value", children: y })
             ]
           }
         ),
-        g && s && !o && /* @__PURE__ */ e(
+        b && s && !o && /* @__PURE__ */ e(
           "button",
           {
             type: "button",
@@ -627,8 +627,8 @@ const $n = {
   validFiles: o = [],
   rejectedFiles: u = [],
   handleRemoveValidFile: p,
-  handleRemoveRejectedFile: g,
-  handleSubmit: b,
+  handleRemoveRejectedFile: b,
+  handleSubmit: f,
   isSubmitting: r,
   formErrors: y,
   // --- UI Text ---
@@ -674,7 +674,7 @@ const $n = {
                 onClick: (T) => T.stopPropagation(),
                 children: [
                   /* @__PURE__ */ e("input", { ...i() }),
-                  /* @__PURE__ */ n("form", { onSubmit: b, className: "form-wrapper", children: [
+                  /* @__PURE__ */ n("form", { onSubmit: f, className: "form-wrapper", children: [
                     /* @__PURE__ */ n("div", { className: "dialog-header", children: [
                       /* @__PURE__ */ e(at, { as: "h3", className: "dialog-title-text", children: d }),
                       /* @__PURE__ */ e(
@@ -714,7 +714,7 @@ const $n = {
                       $ && /* @__PURE__ */ n("div", { className: "file-list-container", children: [
                         /* @__PURE__ */ e("h3", { children: "Upload Queue" }),
                         /* @__PURE__ */ n("ul", { className: "file-list", children: [
-                          o.map((T, F) => /* @__PURE__ */ n(
+                          o.map((T, A) => /* @__PURE__ */ n(
                             "li",
                             {
                               className: "file-item",
@@ -735,16 +735,16 @@ const $n = {
                                   "button",
                                   {
                                     type: "button",
-                                    onClick: () => p(F),
+                                    onClick: () => p(A),
                                     className: "remove-file-button",
                                     children: /* @__PURE__ */ e(Ke, { size: 16 })
                                   }
                                 )
                               ]
                             },
-                            `${T.name}-${F}`
+                            `${T.name}-${A}`
                           )),
-                          u.map(({ file: T, message: F }, A) => /* @__PURE__ */ n(
+                          u.map(({ file: T, message: A }, E) => /* @__PURE__ */ n(
                             "li",
                             {
                               className: "file-item file-item--rejected",
@@ -759,21 +759,21 @@ const $n = {
                                   /* @__PURE__ */ n("div", { children: [
                                     /* @__PURE__ */ e("p", { className: "file-item-name", children: T.name }),
                                     /* @__PURE__ */ e("p", { className: "file-item-size", children: At(T.size) }),
-                                    /* @__PURE__ */ e("p", { className: "rejection-reason", children: F })
+                                    /* @__PURE__ */ e("p", { className: "rejection-reason", children: A })
                                   ] })
                                 ] }),
                                 /* @__PURE__ */ e(
                                   "button",
                                   {
                                     type: "button",
-                                    onClick: () => g(A),
+                                    onClick: () => b(E),
                                     className: "remove-file-button",
                                     children: /* @__PURE__ */ e(Ke, { size: 16 })
                                   }
                                 )
                               ]
                             },
-                            `${T.name}-${A}`
+                            `${T.name}-${E}`
                           ))
                         ] })
                       ] })
@@ -825,7 +825,7 @@ const $n = {
 }, Et = (t) => {
   const a = new Date(t);
   return je(new Date(a.getFullYear(), a.getMonth() + 1, 0));
-}, On = (t) => {
+}, Pn = (t) => {
   const a = /* @__PURE__ */ new Date();
   switch (t) {
     case "anytime":
@@ -858,10 +858,10 @@ const $n = {
   fetchCreatedOrUpdatedByUsers: u = async () => []
   // Mockable fetcher
 }) => {
-  const [p, g] = M({
+  const [p, b] = M({
     createdBy: [],
     updatedBy: []
-  }), [b, r] = M({
+  }), [f, r] = M({
     createdBy: !1,
     updatedBy: !1
   }), [y, d] = M({
@@ -871,62 +871,62 @@ const $n = {
   }), T = Wa({
     initialValues: JSON.parse(JSON.stringify(m)),
     // Deep copy
-    onSubmit: (z) => {
-      const f = {};
-      Object.keys(z).forEach((v) => {
-        f[v] = {
-          operator: z[v].operator || "in",
-          values: Array.isArray(z[v].values) ? z[v].values : [],
-          range: z[v].range || null
+    onSubmit: (k) => {
+      const g = {};
+      Object.keys(k).forEach((v) => {
+        g[v] = {
+          operator: k[v].operator || "in",
+          values: Array.isArray(k[v].values) ? k[v].values : [],
+          range: k[v].range || null
         };
-      }), console.log("[storybook filter] Applied Filters:", f), typeof s == "function" && s({
-        filters: f,
-        activeCount: A
+      }), console.log("[storybook filter] Applied Filters:", g), typeof s == "function" && s({
+        filters: g,
+        activeCount: E
       }), a();
     },
     enableReinitialize: !0
-  }), F = ue(() => l.reduce((z, f) => {
-    const v = f.key, w = T.values[v];
-    let C = !1;
+  }), A = ue(() => l.reduce((k, g) => {
+    const v = g.key, w = T.values[v];
+    let z = !1;
     if (w)
-      switch (f.type) {
+      switch (g.type) {
         case "multiselect":
         case "multiselect-users":
-          C = Array.isArray(w.values) && w.values.length > 0;
+          z = Array.isArray(w.values) && w.values.length > 0;
           break;
         case "date":
-          (w.range && w.range !== "" || Array.isArray(w.values) && w.values.length > 0) && (C = !0);
+          (w.range && w.range !== "" || Array.isArray(w.values) && w.values.length > 0) && (z = !0);
           break;
       }
-    return z[v] = C, z;
-  }, {}), [l, T.values]), A = Object.values(F).filter(Boolean).length, I = ue(() => l.some((z) => {
-    if (z.type !== "date") return !1;
-    const f = T.values?.[z.key]?.values;
-    if (!Array.isArray(f) || f.length < 2) return !1;
-    const [v, w] = f;
+    return k[v] = z, k;
+  }, {}), [l, T.values]), E = Object.values(A).filter(Boolean).length, I = ue(() => l.some((k) => {
+    if (k.type !== "date") return !1;
+    const g = T.values?.[k.key]?.values;
+    if (!Array.isArray(g) || g.length < 2) return !1;
+    const [v, w] = g;
     if (!v || !w) return !1;
-    const C = v instanceof Date ? v : new Date(v), N = w instanceof Date ? w : new Date(w);
-    return C > N;
-  }), [l, T.values]), V = async (z, f) => {
+    const z = v instanceof Date ? v : new Date(v), N = w instanceof Date ? w : new Date(w);
+    return z > N;
+  }), [l, T.values]), j = async (k, g) => {
     try {
-      r((w) => ({ ...w, [z]: !0 }));
-      const v = await u(z, f);
-      g((w) => ({ ...w, [z]: v }));
+      r((w) => ({ ...w, [k]: !0 }));
+      const v = await u(k, g);
+      b((w) => ({ ...w, [k]: v }));
     } catch (v) {
-      console.error(`Error fetching ${z} users:`, v);
+      console.error(`Error fetching ${k} users:`, v);
     } finally {
-      r((v) => ({ ...v, [z]: !1 }));
+      r((v) => ({ ...v, [k]: !1 }));
     }
-  }, U = (z) => {
-    const f = l[z].key, v = l[z].url;
-    l[z].type === "multiselect-users" && p[f].length === 0 && !b[f] && V(f, v);
+  }, _ = (k) => {
+    const g = l[k].key, v = l[k].url;
+    l[k].type === "multiselect-users" && p[g].length === 0 && !f[g] && j(g, v);
   }, G = () => {
-    T.resetForm(), g({ createdBy: [], updatedBy: [] }), i();
-  }, B = (z) => {
-    const f = l.find((C) => C.key === z);
-    if (!f) return null;
-    const v = T.values[z] || m[z], w = Array.isArray(v.values) ? v.values : [];
-    switch (f.type) {
+    T.resetForm(), b({ createdBy: [], updatedBy: [] }), i();
+  }, q = (k) => {
+    const g = l.find((z) => z.key === k);
+    if (!g) return null;
+    const v = T.values[k] || m[k], w = Array.isArray(v.values) ? v.values : [];
+    switch (g.type) {
       case "multiselect":
         return /* @__PURE__ */ n("div", { className: "filter-panel-content", children: [
           /* @__PURE__ */ n("div", { className: "filter-operator-group", children: [
@@ -935,9 +935,9 @@ const $n = {
               "select",
               {
                 value: v.operator || "in",
-                onChange: (R) => T.setFieldValue(`${z}.operator`, R.target.value),
+                onChange: (R) => T.setFieldValue(`${k}.operator`, R.target.value),
                 className: "filter-select",
-                children: f.operators.map((R) => /* @__PURE__ */ e("option", { value: R, children: R === "in" ? "Includes" : "Excludes" }, R))
+                children: g.operators.map((R) => /* @__PURE__ */ e("option", { value: R, children: R === "in" ? "Includes" : "Excludes" }, R))
               }
             )
           ] }),
@@ -947,42 +947,42 @@ const $n = {
                 "input",
                 {
                   type: "checkbox",
-                  id: `select-all-${z}`,
+                  id: `select-all-${k}`,
                   className: "filter-checkbox-input",
-                  checked: f.options.length > 0 && w.length === f.options.length,
+                  checked: g.options.length > 0 && w.length === g.options.length,
                   onChange: (R) => {
-                    const Y = R.target.checked ? f.options.map((W) => W.value) : [];
-                    T.setFieldValue(`${z}.values`, Y);
+                    const Y = R.target.checked ? g.options.map((W) => W.value) : [];
+                    T.setFieldValue(`${k}.values`, Y);
                   }
                 }
               ),
               /* @__PURE__ */ e(
                 "label",
                 {
-                  htmlFor: `select-all-${z}`,
+                  htmlFor: `select-all-${k}`,
                   className: "filter-checkbox-label",
                   children: "Select All"
                 }
               )
             ] }),
-            f.options.map((R) => /* @__PURE__ */ n("div", { className: "filter-checkbox-item", children: [
+            g.options.map((R) => /* @__PURE__ */ n("div", { className: "filter-checkbox-item", children: [
               /* @__PURE__ */ e(
                 "input",
                 {
                   type: "checkbox",
-                  id: `${z}-${R.value}`,
+                  id: `${k}-${R.value}`,
                   className: "filter-checkbox-input",
                   checked: w.includes(R.value),
                   onChange: (Y) => {
                     const W = Y.target.checked ? [...w, R.value] : w.filter((pe) => pe !== R.value);
-                    T.setFieldValue(`${z}.values`, W);
+                    T.setFieldValue(`${k}.values`, W);
                   }
                 }
               ),
               /* @__PURE__ */ e(
                 "label",
                 {
-                  htmlFor: `${z}-${R.value}`,
+                  htmlFor: `${k}-${R.value}`,
                   className: "filter-checkbox-label",
                   children: R.label
                 }
@@ -991,7 +991,7 @@ const $n = {
           ] })
         ] });
       case "multiselect-users":
-        const C = p[z] || [], N = b[z];
+        const z = p[k] || [], N = f[k];
         return /* @__PURE__ */ n("div", { className: "filter-panel-content", children: [
           /* @__PURE__ */ n("div", { className: "filter-operator-group", children: [
             /* @__PURE__ */ e("label", { className: "filter-label", children: "Operator:" }),
@@ -999,25 +999,25 @@ const $n = {
               "select",
               {
                 value: v.operator || "in",
-                onChange: (R) => T.setFieldValue(`${z}.operator`, R.target.value),
+                onChange: (R) => T.setFieldValue(`${k}.operator`, R.target.value),
                 className: "filter-select",
-                children: f.operators.map((R) => /* @__PURE__ */ e("option", { value: R, children: R === "in" ? "Includes" : "Excludes" }, R))
+                children: g.operators.map((R) => /* @__PURE__ */ e("option", { value: R, children: R === "in" ? "Includes" : "Excludes" }, R))
               }
             )
           ] }),
-          N ? /* @__PURE__ */ e("div", { className: "loading-spinner", children: /* @__PURE__ */ e("div", {}) }) : /* @__PURE__ */ e("div", { className: "filter-checkbox-list", children: C.length > 0 ? /* @__PURE__ */ n(te, { children: [
+          N ? /* @__PURE__ */ e("div", { className: "loading-spinner", children: /* @__PURE__ */ e("div", {}) }) : /* @__PURE__ */ e("div", { className: "filter-checkbox-list", children: z.length > 0 ? /* @__PURE__ */ n(te, { children: [
             /* @__PURE__ */ n("div", { className: "filter-checkbox-item", children: [
               /* @__PURE__ */ e(
                 "input",
                 {
                   type: "checkbox",
-                  id: `select-all-users-${z}`,
+                  id: `select-all-users-${k}`,
                   className: "filter-checkbox-input",
-                  checked: C.length > 0 && w.length === C.length,
+                  checked: z.length > 0 && w.length === z.length,
                   onChange: (R) => {
-                    const Y = R.target.checked ? C.map((W) => W.email) : [];
+                    const Y = R.target.checked ? z.map((W) => W.email) : [];
                     T.setFieldValue(
-                      `${z}.values`,
+                      `${k}.values`,
                       Y
                     );
                   }
@@ -1026,24 +1026,24 @@ const $n = {
               /* @__PURE__ */ e(
                 "label",
                 {
-                  htmlFor: `select-all-users-${z}`,
+                  htmlFor: `select-all-users-${k}`,
                   className: "filter-checkbox-label",
                   children: "Select All Users"
                 }
               )
             ] }),
-            C.map((R) => /* @__PURE__ */ n("div", { className: "filter-checkbox-item createdby", children: [
+            z.map((R) => /* @__PURE__ */ n("div", { className: "filter-checkbox-item createdby", children: [
               /* @__PURE__ */ e(
                 "input",
                 {
                   type: "checkbox",
-                  id: `${z}-${R.email}`,
+                  id: `${k}-${R.email}`,
                   className: "filter-checkbox-input",
                   checked: w.includes(R.email),
                   onChange: (Y) => {
                     const W = Y.target.checked ? [...w, R.email] : w.filter((pe) => pe !== R.email);
                     T.setFieldValue(
-                      `${z}.values`,
+                      `${k}.values`,
                       W
                     );
                   }
@@ -1052,7 +1052,7 @@ const $n = {
               /* @__PURE__ */ n(
                 "label",
                 {
-                  htmlFor: `${z}-${R.email}`,
+                  htmlFor: `${k}-${R.email}`,
                   className: "filter-checkbox-label",
                   children: [
                     /* @__PURE__ */ e("span", { className: "user-label-name", children: R.name }),
@@ -1064,13 +1064,13 @@ const $n = {
           ] }) : /* @__PURE__ */ e("div", { className: "text-center py-4 text-gray-500 text-sm", children: "No users loaded." }) })
         ] });
       case "date":
-        const x = v.values || [], [k, E] = x, L = k && E, q = x[0] || null, S = x[1] || null, O = {
-          startDate: q instanceof Date ? q.toISOString().slice(0, 10) : null,
-          endDate: q instanceof Date ? q.toISOString().slice(0, 10) : null
+        const x = v.values || [], [C, F] = x, L = C && F, U = x[0] || null, S = x[1] || null, P = {
+          startDate: U instanceof Date ? U.toISOString().slice(0, 10) : null,
+          endDate: U instanceof Date ? U.toISOString().slice(0, 10) : null
         }, D = {
           startDate: S instanceof Date ? S.toISOString().slice(0, 10) : null,
           endDate: S instanceof Date ? S.toISOString().slice(0, 10) : null
-        }, P = [
+        }, O = [
           { key: "anytime", label: "Anytime" },
           { key: "today", label: "Today" },
           { key: "this_week", label: "This Week" },
@@ -1078,17 +1078,17 @@ const $n = {
           { key: "this_month", label: "This Month" },
           { key: "last_month", label: "Last Month" },
           { key: "custom", label: "Custom" }
-        ], _ = (R) => {
+        ], V = (R) => {
           if (R === "anytime") {
-            T.setFieldValue(`${z}.values`, []), T.setFieldValue(`${z}.range`, "anytime");
+            T.setFieldValue(`${k}.values`, []), T.setFieldValue(`${k}.range`, "anytime");
             return;
           }
           if (R === "custom") {
-            T.setFieldValue(`${z}.range`, "custom");
+            T.setFieldValue(`${k}.range`, "custom");
             return;
           }
-          const [Y, W] = On(R);
-          T.setFieldValue(`${z}.values`, Y && W ? [Y, W] : []), T.setFieldValue(`${z}.range`, R);
+          const [Y, W] = Pn(R);
+          T.setFieldValue(`${k}.values`, Y && W ? [Y, W] : []), T.setFieldValue(`${k}.range`, R);
         };
         return /* @__PURE__ */ n("div", { className: "filter-panel-content", children: [
           /* @__PURE__ */ n("div", { className: "filter-operator-group", children: [
@@ -1097,9 +1097,9 @@ const $n = {
               "select",
               {
                 value: v.operator,
-                onChange: (R) => T.setFieldValue(`${z}.operator`, R.target.value),
+                onChange: (R) => T.setFieldValue(`${k}.operator`, R.target.value),
                 className: "filter-select",
-                children: f.operators.map((R) => /* @__PURE__ */ e("option", { value: R, children: R === "in" ? "Is" : "Is not" }, R))
+                children: g.operators.map((R) => /* @__PURE__ */ e("option", { value: R, children: R === "in" ? "Is" : "Is not" }, R))
               }
             ),
             L && /* @__PURE__ */ e(
@@ -1108,8 +1108,8 @@ const $n = {
                 type: "button",
                 onClick: () => {
                   T.setFieldValue(
-                    z,
-                    m[z]
+                    k,
+                    m[k]
                   );
                 },
                 className: "filter-clear-selection-button",
@@ -1117,7 +1117,7 @@ const $n = {
               }
             )
           ] }),
-          /* @__PURE__ */ e("div", { className: "pb-0", children: /* @__PURE__ */ e("div", { className: "space-y-3", children: P.map((R) => {
+          /* @__PURE__ */ e("div", { className: "pb-0", children: /* @__PURE__ */ e("div", { className: "space-y-3", children: O.map((R) => {
             const Y = v.range === R.key || R.key === "anytime" && (!Array.isArray(v.values) || v.values.length === 0);
             return /* @__PURE__ */ n(
               "label",
@@ -1128,9 +1128,9 @@ const $n = {
                     "input",
                     {
                       type: "radio",
-                      name: `preset-${z}`,
+                      name: `preset-${k}`,
                       checked: Y,
-                      onChange: () => _(R.key),
+                      onChange: () => V(R.key),
                       className: "h-4 w-4"
                     }
                   ),
@@ -1150,10 +1150,10 @@ const $n = {
                 {
                   asSingle: !0,
                   useRange: !1,
-                  value: O,
+                  value: P,
                   onChange: (R) => {
                     const Y = R?.startDate ? Be(new Date(R.startDate)) : null, W = x[1] || null;
-                    Y && (T.setFieldValue(`${z}.values`, [Y, W]), T.setFieldValue(`${z}.range`, "custom"));
+                    Y && (T.setFieldValue(`${k}.values`, [Y, W]), T.setFieldValue(`${k}.range`, "custom"));
                   },
                   inputClassName: "w-full rounded-xl border border-[#767676] px-4 py-2 text-sm font-normal text-[#101112] focus:border-violet-500 focus:outline-none focus:ring-1 focus:ring-violet-500",
                   primaryColor: "violet",
@@ -1177,7 +1177,7 @@ const $n = {
                   value: D,
                   onChange: (R) => {
                     const Y = R?.startDate ? je(new Date(R.startDate)) : null, W = x[0] || null;
-                    Y && (T.setFieldValue(`${z}.values`, [W, Y]), T.setFieldValue(`${z}.range`, "custom"));
+                    Y && (T.setFieldValue(`${k}.values`, [W, Y]), T.setFieldValue(`${k}.range`, "custom"));
                   },
                   inputClassName: "w-full rounded-xl border border-[#767676] px-4 py-2 text-sm font-normal text-[#101112] focus:border-violet-500 focus:outline-none focus:ring-1 focus:ring-violet-500",
                   primaryColor: "violet",
@@ -1190,7 +1190,7 @@ const $n = {
                 }
               )
             ] }),
-            q && S && q > S && /* @__PURE__ */ e("div", { className: "text-red-500 text-xs mt-2", children: "End date must be after start date" })
+            U && S && U > S && /* @__PURE__ */ e("div", { className: "text-red-500 text-xs mt-2", children: "End date must be after start date" })
           ] })
         ] });
       default:
@@ -1239,17 +1239,17 @@ const $n = {
               Vr,
               {
                 vertical: !0,
-                onChange: U,
+                onChange: _,
                 style: {
                   display: "flex",
                   flexGrow: 1
                 },
                 children: [
-                  /* @__PURE__ */ e(_r, { className: "filter-tabs-list", children: l.map((z) => /* @__PURE__ */ n(re, { className: "filter-tab-item", children: [
+                  /* @__PURE__ */ e(_r, { className: "filter-tabs-list", children: l.map((k) => /* @__PURE__ */ n(ne, { className: "filter-tab-item", children: [
                     /* @__PURE__ */ e("div", { className: "filter-selection-horizontal-indicator" }),
                     /* @__PURE__ */ n("div", { className: "filter-lbl-indicator-wrapper", children: [
-                      z.label,
-                      F[z.key] && /* @__PURE__ */ e(
+                      k.label,
+                      A[k.key] && /* @__PURE__ */ e(
                         "span",
                         {
                           className: "filter-active-indicator",
@@ -1257,9 +1257,9 @@ const $n = {
                         }
                       )
                     ] })
-                  ] }, z.key)) }),
-                  /* @__PURE__ */ e(Ur, { className: "filter-tabs-panels", children: l.map((z) => /* @__PURE__ */ e(
-                    re.Panel,
+                  ] }, k.key)) }),
+                  /* @__PURE__ */ e(Ur, { className: "filter-tabs-panels", children: l.map((k) => /* @__PURE__ */ e(
+                    ne.Panel,
                     {
                       className: "filter-tab-panel",
                       children: /* @__PURE__ */ e(
@@ -1269,12 +1269,12 @@ const $n = {
                           animate: { opacity: 1, x: 0 },
                           transition: { duration: 0.3 },
                           className: "h-full",
-                          children: B(z.key)
+                          children: q(k.key)
                         },
-                        z.key
+                        k.key
                       )
                     },
-                    z.key
+                    k.key
                   )) })
                 ]
               }
@@ -1298,7 +1298,7 @@ const $n = {
                   children: [
                     "Apply Filters",
                     " ",
-                    A > 0 ? `(${A})` : ""
+                    E > 0 ? `(${E})` : ""
                   ]
                 }
               )
@@ -1358,7 +1358,7 @@ const $n = {
     iconClass: "icon--info",
     primaryButtonCategory: "primary"
   }
-}, Pn = ({
+}, On = ({
   isOpen: t,
   onClose: a,
   title: s,
@@ -1372,10 +1372,10 @@ const $n = {
   // 'info', 'warning', 'delete'
   loading: u = !1,
   buttonProps: p = {},
-  size: g
+  size: b
   // Add size prop
 }) => {
-  const b = Rt[o] || Rt.info, r = b.icon, y = () => {
+  const f = Rt[o] || Rt.info, r = f.icon, y = () => {
     a({ primary: !0, secondary: !1 });
   }, d = () => {
     a({ primary: !1, secondary: !0 });
@@ -1404,9 +1404,9 @@ const $n = {
         leave: "ease-in duration-200",
         leaveFrom: "opacity-100 scale-100",
         leaveTo: "opacity-0 scale-95",
-        children: /* @__PURE__ */ n(Ee, { className: g === "large" ? "modal-panel modal-panel--large" : "modal-panel", children: [
+        children: /* @__PURE__ */ n(Ee, { className: b === "large" ? "modal-panel modal-panel--large" : "modal-panel", children: [
           /* @__PURE__ */ n("div", { className: "modal-content-wrapper", children: [
-            /* @__PURE__ */ e("div", { className: `modal-icon-container ${b.iconClass}`, children: /* @__PURE__ */ e(r, { size: 24, "aria-hidden": "true" }) }),
+            /* @__PURE__ */ e("div", { className: `modal-icon-container ${f.iconClass}`, children: /* @__PURE__ */ e(r, { size: 24, "aria-hidden": "true" }) }),
             /* @__PURE__ */ n("div", { className: "modal-text-content", children: [
               /* @__PURE__ */ e(at, { as: "h3", className: "modal-title", children: s }),
               /* @__PURE__ */ e("div", { className: "modal-description", children: i })
@@ -1434,7 +1434,7 @@ const $n = {
       }
     ) })
   ] }) });
-}, Ol = ({
+}, Pl = ({
   currentPage: t,
   totalItems: a,
   itemsPerPage: s,
@@ -1446,7 +1446,7 @@ const $n = {
   Z(() => {
     p(t);
   }, [t]);
-  const g = Math.min((t - 1) * s + 1, a), b = Math.min(t * s, a), r = (y) => {
+  const b = Math.min((t - 1) * s + 1, a), f = Math.min(t * s, a), r = (y) => {
     y.preventDefault();
     let d = parseInt(u, 10);
     isNaN(d) || d < 1 ? d = 1 : d > o && (d = o), p(d), d !== t && i(d);
@@ -1465,9 +1465,9 @@ const $n = {
         }
       ),
       /* @__PURE__ */ n("span", { className: "pagination-info", children: [
-        g,
-        "-",
         b,
+        "-",
+        f,
         " of ",
         a,
         " items"
@@ -1590,16 +1590,16 @@ const $n = {
   Z(() => {
     p(t);
   }, [t]);
-  const g = ne(
+  const b = ae(
     en((r) => {
       a?.(r);
     }, s),
     [s, a]
   );
-  Z(() => (u !== t && g(u), () => {
-    g.cancel();
-  }), [u, g, t]);
-  const b = (r) => {
+  Z(() => (u !== t && b(u), () => {
+    b.cancel();
+  }), [u, b, t]);
+  const f = (r) => {
     p(r.target.value);
   };
   return /* @__PURE__ */ n("div", { className: `search-bar-wrapper ${m}`, children: [
@@ -1614,7 +1614,7 @@ const $n = {
         type: "search",
         name: "search",
         value: u,
-        onChange: b,
+        onChange: f,
         ...o
       }
     )
@@ -1633,8 +1633,8 @@ const $n = {
   // From RHF's <Controller>
   showSearch: p = !0
 }) => {
-  const [g, b] = M(""), r = g === "" ? i : i.filter(
-    (d) => d.label.toLowerCase().includes(g.toLowerCase())
+  const [b, f] = M(""), r = b === "" ? i : i.filter(
+    (d) => d.label.toLowerCase().includes(b.toLowerCase())
   ), y = i.find((d) => a?.id ? d.id === a.id : d.id === a || d.value === a);
   return /* @__PURE__ */ e(K, { value: a, onChange: s, disabled: m, children: /* @__PURE__ */ n("div", { className: "select-wrapper", ref: u, children: [
     t && /* @__PURE__ */ e("label", { className: "select-label", children: t }),
@@ -1661,12 +1661,12 @@ const $n = {
             p && /* @__PURE__ */ e("div", { className: "search-input-wrapper", children: /* @__PURE__ */ e(
               be,
               {
-                value: g,
-                onDebouncedChange: b,
+                value: b,
+                onDebouncedChange: f,
                 placeholder: "Search..."
               }
             ) }),
-            /* @__PURE__ */ e("div", { className: "select-options-list", children: r.length === 0 && g !== "" ? /* @__PURE__ */ e("div", { className: "no-results", children: "No results found." }) : r.map((d) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e("div", { className: "select-options-list", children: r.length === 0 && b !== "" ? /* @__PURE__ */ e("div", { className: "no-results", children: "No results found." }) : r.map((d) => /* @__PURE__ */ e(
               Yr,
               {
                 className: ({ active: h }) => `select-option ${h ? "active" : ""}`,
@@ -1719,14 +1719,14 @@ const $n = {
   Z(() => {
     xt([t], i) && o(!0);
   }, [t, i]);
-  const p = i === l, g = !p && !!xt([t], i), b = (r) => {
+  const p = i === l, b = !p && !!xt([t], i), f = (r) => {
     r.preventDefault(), o(!m);
   };
   return /* @__PURE__ */ n(
     "div",
     {
       className: H("nav-item-container", {
-        "nav-item-container--parent-active": g,
+        "nav-item-container--parent-active": b,
         [`nav-item-container--level-${s}`]: s > 0
       }),
       children: [
@@ -1748,7 +1748,7 @@ const $n = {
                 "button",
                 {
                   className: "nav-chevron-button",
-                  onClick: b,
+                  onClick: f,
                   "aria-expanded": m,
                   "aria-label": m ? "Collapse menu" : "Expand menu",
                   children: /* @__PURE__ */ e(
@@ -1786,7 +1786,7 @@ const $n = {
       ]
     }
   );
-}, Pl = ({
+}, Ol = ({
   navItems: t = [],
   isCollapsed: a = !1,
   onToggleCollapse: s,
@@ -1905,11 +1905,11 @@ const $n = {
   // ✅ New prop to control visibility
   ...u
 }) => {
-  const p = a || u.name, [g, b] = M(
+  const p = a || u.name, [b, f] = M(
     u.value?.length || u.defaultValue?.length || 0
   ), r = (d) => {
-    b(d.target.value.length), u.onChange && u.onChange(d);
-  }, y = m - g;
+    f(d.target.value.length), u.onChange && u.onChange(d);
+  }, y = m - b;
   return /* @__PURE__ */ n("div", { className: `textarea-wrapper ${i || ""}`, children: [
     /* @__PURE__ */ n("div", { className: "textarea-header", children: [
       t && /* @__PURE__ */ e("label", { htmlFor: p, className: "textarea-label", children: t }),
@@ -2010,15 +2010,15 @@ const $n = {
   title: o,
   description: u,
   showProgress: p = !0,
-  closeOnOverlayClick: g = !0
+  closeOnOverlayClick: b = !0
 }) => {
-  const b = s[i], r = Object.keys(s), y = r.indexOf(i), d = (y + 1) / r.length * 100, h = y > 0 && m.onBack;
+  const f = s[i], r = Object.keys(s), y = r.indexOf(i), d = (y + 1) / r.length * 100, h = y > 0 && m.onBack;
   return /* @__PURE__ */ e(he, { show: t, as: Q, children: /* @__PURE__ */ n(
     ye,
     {
       as: "div",
       className: "wizard-dialog",
-      onClose: g ? a : () => {
+      onClose: b ? a : () => {
       },
       children: [
         /* @__PURE__ */ e(
@@ -2099,7 +2099,7 @@ const $n = {
                       },
                       className: "wizard-step-motion-wrapper",
                       style: { overflowX: "hidden" },
-                      children: b && /* @__PURE__ */ e(b, { ...m })
+                      children: f && /* @__PURE__ */ e(f, { ...m })
                     },
                     i
                   )
@@ -2130,8 +2130,8 @@ const $n = {
   // Renamed for clarity, expecting a component type e.g., CheckCircle
   disabled: u = !1,
   size: p = "small",
-  label: g,
-  children: b,
+  label: b,
+  children: f,
   // ✅ Add children to the props list
   onClick: r,
   ...y
@@ -2468,41 +2468,41 @@ function Hn({
     // timeout: 20000,
   });
   s.interceptors.response.use(
-    (g) => g?.data ?? {
-      message: g?.statusText || "Request succeeded"
+    (b) => b?.data ?? {
+      message: b?.statusText || "Request succeeded"
     },
-    (g) => {
-      const b = Xn(g), r = b.status;
-      return t && (r === 401 || r === 403) && (window.location.href.includes("/login") || (window.historyPath = window.location.pathname, localStorage.clear(), sessionStorage.clear(), window.location.href = "/login")), Promise.reject(b);
+    (b) => {
+      const f = Xn(b), r = f.status;
+      return t && (r === 401 || r === 403) && (window.location.href.includes("/login") || (window.historyPath = window.location.pathname, localStorage.clear(), sessionStorage.clear(), window.location.href = "/login")), Promise.reject(f);
     }
   );
-  function i({ open: g = !1, customHeader: b = {} } = {}) {
-    if (g) {
+  function i({ open: b = !1, customHeader: f = {} } = {}) {
+    if (b) {
       const { Authorization: r, ...y } = It();
       return {
-        headers: { ...y, ...a, ...b }
+        headers: { ...y, ...a, ...f }
       };
     }
-    return { headers: { ...It(), ...b } };
+    return { headers: { ...It(), ...f } };
   }
-  async function l(g, b, r = !1, y = {}) {
-    return s.get(g, {
-      params: b,
+  async function l(b, f, r = !1, y = {}) {
+    return s.get(b, {
+      params: f,
       ...i({ open: r, customHeader: y })
     });
   }
-  async function m(g, b, r = !1, y = {}) {
+  async function m(b, f, r = !1, y = {}) {
     const d = { ...i({ open: r, customHeader: y }) };
-    return b !== void 0 && (d.data = b), s.delete(g, d);
+    return f !== void 0 && (d.data = f), s.delete(b, d);
   }
-  async function o(g, b = {}, r = !1, y = {}) {
-    return s.post(g, b, i({ open: r, customHeader: y }));
+  async function o(b, f = {}, r = !1, y = {}) {
+    return s.post(b, f, i({ open: r, customHeader: y }));
   }
-  async function u(g, b = {}, r = !1, y = {}) {
-    return s.put(g, b, i({ open: r, customHeader: y }));
+  async function u(b, f = {}, r = !1, y = {}) {
+    return s.put(b, f, i({ open: r, customHeader: y }));
   }
-  async function p(g, b = {}, r = !1, y = {}) {
-    return s.patch(g, b, i({ open: r, customHeader: y }));
+  async function p(b, f = {}, r = !1, y = {}) {
+    return s.patch(b, f, i({ open: r, customHeader: y }));
   }
   return {
     instance: s,
@@ -2541,7 +2541,7 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
     type: "User",
     avatarUrl: a?.profileImage || Je(l)
   };
-}), Ot = (t) => {
+}), Pt = (t) => {
   try {
     const a = JSON.parse(t);
     return Array.isArray(a) ? a : [];
@@ -2592,10 +2592,10 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
     if (Array.isArray(s))
       i = s;
     else if (typeof s == "string")
-      i = Ot(s.trim());
+      i = Pt(s.trim());
     else if (s && typeof s == "object") {
       const l = s.data;
-      Array.isArray(l) ? i = l : typeof l == "string" && (i = Ot(l.trim()));
+      Array.isArray(l) ? i = l : typeof l == "string" && (i = Pt(l.trim()));
     }
     return es(i);
   }
@@ -2636,15 +2636,15 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
       className: "flex items-center justify-between p-3 border border-gray-300 rounded-lg hover:bg-gray-50 hover:cursor-pointer transition-colors duration-150",
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-center gap-3 overflow-hidden", children: [
-          /* @__PURE__ */ e("div", { className: "flex items-center", children: l.map((g, b) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "flex items-center", children: l.map((b, f) => /* @__PURE__ */ e(
             "img",
             {
-              src: g.avatarUrl || `https://avatar.vercel.sh/${g.name}.svg?text=${g?.name?.charAt(0) || "U"}`,
-              alt: g.name,
-              className: `w-10 h-10 rounded-full border-2 border-white ${b > 0 ? "-ml-4" : ""}`,
-              style: { zIndex: b }
+              src: b.avatarUrl || `https://avatar.vercel.sh/${b.name}.svg?text=${b?.name?.charAt(0) || "U"}`,
+              alt: b.name,
+              className: `w-10 h-10 rounded-full border-2 border-white ${f > 0 ? "-ml-4" : ""}`,
+              style: { zIndex: f }
             },
-            g.id || b
+            b.id || f
           )) }),
           /* @__PURE__ */ e("p", { className: "text-sm font-medium text-gray-800 truncate", children: p })
         ] }),
@@ -2652,7 +2652,7 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
       ]
     }
   );
-}, Pt = [
+}, Ot = [
   { id: 1, name: Te.USER, icon: nr, code: "users" },
   { id: 2, name: Te.GROUP, icon: Zt, code: "groups" },
   { id: 3, name: Te.ROLE, icon: sr, code: "roles" }
@@ -2672,70 +2672,70 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
   },
   isChanged: u = !1
 }) => {
-  const [p, g] = M(Pt[0]), [b, r] = M(""), y = Ct(b, 400), [d, h] = M([]), [$, T] = M(/* @__PURE__ */ new Set()), [F, A] = M(!1), [I, V] = M(Lt[0]), {
-    control: U,
+  const [p, b] = M(Ot[0]), [f, r] = M(""), y = Ct(f, 400), [d, h] = M([]), [$, T] = M(/* @__PURE__ */ new Set()), [A, E] = M(!1), [I, j] = M(Lt[0]), {
+    control: _,
     handleSubmit: G,
-    watch: B,
-    formState: { errors: z, isSubmitting: f }
+    watch: q,
+    formState: { errors: k, isSubmitting: g }
   } = lr({
     defaultValues: { pendingInvites: [] },
     resolver: cr(as)
-  }), { fields: v, append: w, remove: C, update: N } = ir({
-    control: U,
+  }), { fields: v, append: w, remove: z, update: N } = ir({
+    control: _,
     name: "pendingInvites"
-  }), x = B("pendingInvites");
+  }), x = q("pendingInvites");
   Z(() => {
-    y.length > 1 ? (A(!0), Kn(p.name, y).then((D) => {
+    y.length > 1 ? (E(!0), Kn(p.name, y).then((D) => {
       h(D);
-    }).catch((D) => console.error("Search failed:", D)).finally(() => A(!1))) : (h([]), T(/* @__PURE__ */ new Set()));
+    }).catch((D) => console.error("Search failed:", D)).finally(() => E(!1))) : (h([]), T(/* @__PURE__ */ new Set()));
   }, [y, p]);
-  const k = (D) => {
-    T((P) => {
-      const _ = new Set(P);
-      return _.has(D) ? _.delete(D) : _.add(D), _;
+  const C = (D) => {
+    T((O) => {
+      const V = new Set(O);
+      return V.has(D) ? V.delete(D) : V.add(D), V;
     });
-  }, E = () => {
+  }, F = () => {
     d.filter((D) => $.has(D.id)).forEach((D) => {
-      v.find((P) => P.id === D.id) || w({ ...D, permission: I.name });
+      v.find((O) => O.id === D.id) || w({ ...D, permission: I.name });
     }), T(/* @__PURE__ */ new Set()), r("");
   }, L = (D) => {
-    V(D), v.forEach(
-      (P, _) => N(_, { ...v[_], permission: D.name })
+    j(D), v.forEach(
+      (O, V) => N(V, { ...v[V], permission: D.name })
     );
-  }, q = async (D) => {
+  }, U = async (D) => {
     try {
       if (l === de.DRIVE) {
-        const P = D.pendingInvites.map((R) => ({
+        const O = D.pendingInvites.map((R) => ({
           id: R.id,
           permission: R.permission,
           type: R.type.toLowerCase()
         }));
         o({
           entity: t,
-          userGroupRolesObj: P,
+          userGroupRolesObj: O,
           existingShares: i
           // Always send updated existing shares
         }, i);
       } else if (l === de.INTEREST) {
-        const P = D.pendingInvites.map((_) => ({
-          identity: _.id,
-          type: _.type.toLowerCase(),
+        const O = D.pendingInvites.map((V) => ({
+          identity: V.id,
+          type: V.type.toLowerCase(),
           opt: !0,
           lock: !1,
           moderator: !1,
-          userName: _.name,
+          userName: V.name,
           interestId: t?.data?.id
         }));
-        o(P, i);
+        o(O, i);
       } else if (l === de.ARTICLE) {
-        const P = D.pendingInvites.map((R) => ({
+        const O = D.pendingInvites.map((R) => ({
           id: R.id,
           permission: R.permission,
           type: R.type.toLowerCase()
         }));
         o({
           entity: t,
-          userGroupRolesObj: P,
+          userGroupRolesObj: O,
           existingShares: i
         }, i);
       } else
@@ -2743,13 +2743,13 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
       setTimeout(() => {
         s();
       }, 1e3);
-    } catch (P) {
-      throw console.error("Failed to submit invites:", P), P;
+    } catch (O) {
+      throw console.error("Failed to submit invites:", O), O;
     }
   }, S = (D) => {
-    const P = i[p.code].find((_) => _.name === D.name && _.permission !== "remove") || x.find((_) => _.name === D.name);
-    return P ? `${P.permission}` : "";
-  }, O = () => {
+    const O = i[p.code].find((V) => V.name === D.name && V.permission !== "remove") || x.find((V) => V.name === D.name);
+    return O ? `${O.permission}` : "";
+  }, P = () => {
     switch (l) {
       case de.DRIVE:
         return "Share with others";
@@ -2763,7 +2763,7 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
   };
   return ue(() => (console.log("InviteFlow - isChanged:", u, "pendingInvites.length:", x.length), x.length === 0 && !u), [x.length, u]), /* @__PURE__ */ n("div", { className: "flex flex-col h-full bg-white", children: [
     /* @__PURE__ */ n("header", { className: "flex items-center justify-between p-4 border-b border-gray-300 flex-shrink-0", children: [
-      /* @__PURE__ */ e(ye.Title, { className: " text-gray-900 !mb-0 text-lg font-semibold", children: O() }),
+      /* @__PURE__ */ e(ye.Title, { className: " text-gray-900 !mb-0 text-lg font-semibold", children: P() }),
       /* @__PURE__ */ n("div", { className: "flex items-center gap-4", children: [
         l === de.DRIVE && /* @__PURE__ */ n("button", { className: "flex items-center gap-2 text-sm text-blue-600 hover:text-blue-800 font-semibold hover:cursor-pointer", children: [
           /* @__PURE__ */ e(or, { className: "h-5 w-5" }),
@@ -2790,7 +2790,7 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
         }
       ),
       /* @__PURE__ */ n("div", { className: "relative grid grid-cols-3 gap-2 items-start", children: [
-        /* @__PURE__ */ e("div", { className: "col-span-1", children: /* @__PURE__ */ e(K, { value: p, onChange: g, children: /* @__PURE__ */ n("div", { className: "relative", children: [
+        /* @__PURE__ */ e("div", { className: "col-span-1", children: /* @__PURE__ */ e(K, { value: p, onChange: b, children: /* @__PURE__ */ n("div", { className: "relative", children: [
           /* @__PURE__ */ n(K.Button, { className: "relative w-full border border-gray-300 rounded-md shadow-sm pl-3 pr-10 py-2 text-left hover:cursor-pointer focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500 sm:text-sm", children: [
             /* @__PURE__ */ n("span", { className: "flex items-center", children: [
               /* @__PURE__ */ e(p.icon, { className: "h-5 w-5 text-gray-400 mr-2" }),
@@ -2805,28 +2805,28 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
               leave: "transition ease-in duration-100",
               leaveFrom: "opacity-100",
               leaveTo: "opacity-0",
-              children: /* @__PURE__ */ e(K.Options, { className: "absolute z-10 mt-1 w-full bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm", children: Pt.map((D) => /* @__PURE__ */ e(
+              children: /* @__PURE__ */ e(K.Options, { className: "absolute z-10 mt-1 w-full bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm", children: Ot.map((D) => /* @__PURE__ */ e(
                 K.Option,
                 {
                   value: D,
-                  className: ({ active: P }) => `${P ? "text-white bg-blue-600" : "text-gray-900"} hover:cursor-pointer select-none relative py-2 pl-10`,
-                  children: ({ selected: P }) => /* @__PURE__ */ n(te, { children: [
+                  className: ({ active: O }) => `${O ? "text-white bg-blue-600" : "text-gray-900"} hover:cursor-pointer select-none relative py-2 pl-10`,
+                  children: ({ selected: O }) => /* @__PURE__ */ n(te, { children: [
                     /* @__PURE__ */ n(
                       "span",
                       {
-                        className: `${P ? "font-medium" : "font-normal"} flex items-center`,
+                        className: `${O ? "font-medium" : "font-normal"} flex items-center`,
                         children: [
                           /* @__PURE__ */ e(
                             D.icon,
                             {
-                              className: `h-5 w-5 mr-2 ${P ? "text-white" : "text-gray-400"}`
+                              className: `h-5 w-5 mr-2 ${O ? "text-white" : "text-gray-400"}`
                             }
                           ),
                           D.name
                         ]
                       }
                     ),
-                    P && /* @__PURE__ */ e("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-white", children: /* @__PURE__ */ e(ht, { className: "h-5 w-5" }) })
+                    O && /* @__PURE__ */ e("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-white", children: /* @__PURE__ */ e(ht, { className: "h-5 w-5" }) })
                   ] })
                 },
                 D.id
@@ -2839,10 +2839,10 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
           {
             placeholder: `Search by ${p.name.toLowerCase()}...`,
             onDebouncedChange: (D) => r(D),
-            value: b
+            value: f
           }
         ) }),
-        /* @__PURE__ */ e(Ce, { children: (d?.length > 0 || F) && /* @__PURE__ */ e(
+        /* @__PURE__ */ e(Ce, { children: (d?.length > 0 || A) && /* @__PURE__ */ e(
           le.div,
           {
             initial: { opacity: 0, y: -10 },
@@ -2850,14 +2850,14 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
             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: F ? /* @__PURE__ */ e("div", { className: "p-4 text-center text-gray-500", children: "Loading..." }) : /* @__PURE__ */ n(te, { children: [
+            children: A ? /* @__PURE__ */ e("div", { className: "p-4 text-center text-gray-500", children: "Loading..." }) : /* @__PURE__ */ n(te, { children: [
               /* @__PURE__ */ e("div", { className: "max-h-60 overflow-y-auto p-2 space-y-1", children: d.map((D) => {
-                const P = S(D);
+                const O = S(D);
                 return /* @__PURE__ */ n(
                   "div",
                   {
-                    onClick: () => P ? null : k(D.id),
-                    className: `flex items-center gap-3 p-2 rounded-md hover:bg-blue-50 ${P ? " hover:cursor-not-allowed" : "hover:cursor-pointer"}`,
+                    onClick: () => O ? null : C(D.id),
+                    className: `flex items-center gap-3 p-2 rounded-md hover:bg-blue-50 ${O ? " hover:cursor-not-allowed" : "hover:cursor-pointer"}`,
                     children: [
                       /* @__PURE__ */ e(
                         "input",
@@ -2866,7 +2866,7 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
                           checked: $.has(D.id),
                           readOnly: !0,
                           className: "h-4 w-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500",
-                          disabled: !!P
+                          disabled: !!O
                         }
                       ),
                       /* @__PURE__ */ e(
@@ -2878,8 +2878,8 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
                         }
                       ),
                       /* @__PURE__ */ e("span", { className: "text-md font-medium text-gray-800 truncate", children: D.name }),
-                      P ? /* @__PURE__ */ n(te, { children: [
-                        /* @__PURE__ */ e("span", { className: "text-sm px-[12px] py-[2px] border border-dashed rounded-xl bg-teal-100 text-teal-700", children: P }),
+                      O ? /* @__PURE__ */ n(te, { children: [
+                        /* @__PURE__ */ e("span", { className: "text-sm px-[12px] py-[2px] border border-dashed rounded-xl bg-teal-100 text-teal-700", children: O }),
                         /* @__PURE__ */ e("span", { className: "text-sm text-gray-400", children: "Already added" })
                       ] }) : ""
                     ]
@@ -2899,7 +2899,7 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
                 /* @__PURE__ */ e(
                   "button",
                   {
-                    onClick: E,
+                    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"
@@ -2950,17 +2950,17 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
                           K.Option,
                           {
                             value: D,
-                            className: ({ active: P }) => `${P ? "text-white bg-blue-600" : "text-gray-900"} hover:cursor-pointer select-none relative py-2 pl-10`,
-                            children: ({ selected: P, active: _ }) => /* @__PURE__ */ n(te, { children: [
+                            className: ({ active: O }) => `${O ? "text-white bg-blue-600" : "text-gray-900"} hover:cursor-pointer select-none relative py-2 pl-10`,
+                            children: ({ selected: O, active: V }) => /* @__PURE__ */ n(te, { children: [
                               /* @__PURE__ */ n(
                                 "span",
                                 {
-                                  className: `${P ? "font-medium" : "font-normal"} flex items-center`,
+                                  className: `${O ? "font-medium" : "font-normal"} flex items-center`,
                                   children: [
                                     /* @__PURE__ */ e(
                                       D.icon,
                                       {
-                                        className: `h-5 w-5 mr-2 ${_ ? "text-white" : "text-gray-400"}`
+                                        className: `h-5 w-5 mr-2 ${V ? "text-white" : "text-gray-400"}`
                                       }
                                     ),
                                     "Can ",
@@ -2968,7 +2968,7 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
                                   ]
                                 }
                               ),
-                              P && /* @__PURE__ */ e("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-blue-600", children: /* @__PURE__ */ e(
+                              O && /* @__PURE__ */ e("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-blue-600", children: /* @__PURE__ */ e(
                                 ht,
                                 {
                                   className: "h-5 w-5",
@@ -2985,7 +2985,7 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
                 }
               )
             ] }),
-            /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e(Ce, { children: v.map((D, P) => /* @__PURE__ */ n(
+            /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e(Ce, { children: v.map((D, O) => /* @__PURE__ */ n(
               le.div,
               {
                 layout: !0,
@@ -3013,7 +3013,7 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
                     /* @__PURE__ */ e(
                       "button",
                       {
-                        onClick: () => C(P),
+                        onClick: () => z(O),
                         className: "text-gray-400 hover:text-red-500 hover:cursor-pointer",
                         children: /* @__PURE__ */ e(et, { className: "h-5 w-5" })
                       }
@@ -3046,10 +3046,10 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
         /* @__PURE__ */ e(
           "button",
           {
-            onClick: () => G(q)(),
-            disabled: f || x.length === 0 && !u,
+            onClick: () => G(U)(),
+            disabled: g || x.length === 0 && !u,
             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: f ? "Inviting..." : l === de.DRIVE ? "Send Invites" : "Add"
+            children: g ? "Inviting..." : l === de.DRIVE ? "Send Invites" : "Add"
           }
         )
       ] })
@@ -3066,9 +3066,9 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
     middleware: [ia(8), oa(), ca({ padding: 8 })],
     whileElementsMounted: da,
     placement: "bottom-end"
-  }), p = tn(u), g = an(u), { getReferenceProps: b, getFloatingProps: r } = rn([
+  }), p = tn(u), b = an(u), { getReferenceProps: f, getFloatingProps: r } = rn([
     p,
-    g
+    b
   ]), y = dt.find((h) => h.name === t.permission || h.value === t.permission) || dt[0];
   return (
     // FIX: The <Listbox> component now wraps both the button and the portal.
@@ -3080,7 +3080,7 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
         K.Button,
         {
           ref: m.setReference,
-          ...b(),
+          ...f(),
           className: "relative min-w-[120px] text-left text-sm p-2 border border-gray-300 rounded-md hover:bg-gray-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-opacity-75 hover:cursor-pointer",
           children: [
             /* @__PURE__ */ e("span", { className: "block truncate", children: t.permission }),
@@ -3148,32 +3148,32 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
   existingShares: l,
   allowedPermissions: m
 }) => {
-  const [o, u] = M(l), [p, g] = M(0), [b, r] = M(""), y = Ct(b, 300), d = {
+  const [o, u] = M(l), [p, b] = M(0), [f, r] = M(""), y = Ct(f, 300), d = {
     users: o.users.filter(
-      (A) => A.name.toLowerCase().includes(y.toLowerCase())
+      (E) => E.name.toLowerCase().includes(y.toLowerCase())
     ),
     groups: o.groups.filter(
-      (A) => A.name.toLowerCase().includes(y.toLowerCase())
+      (E) => E.name.toLowerCase().includes(y.toLowerCase())
     ),
     roles: o.roles.filter(
-      (A) => A.name.toLowerCase().includes(y.toLowerCase())
+      (E) => E.name.toLowerCase().includes(y.toLowerCase())
     )
-  }, h = async (A, I, V, U) => {
+  }, h = async (E, I, j, _) => {
     const G = I.value;
-    u((B) => ({
-      ...B,
-      [V]: B[V].map(
-        (z) => z.id === A.id ? { ...z, permission: G } : z
+    u((q) => ({
+      ...q,
+      [j]: q[j].map(
+        (k) => k.id === E.id ? { ...k, permission: G } : k
       )
     }));
   }, $ = () => {
-    const A = {
+    const E = {
       users: o.users.filter((I) => I.permission !== "remove"),
       groups: o.groups.filter((I) => I.permission !== "remove"),
       roles: o.roles.filter((I) => I.permission !== "remove")
     };
-    a(A);
-  }, T = ["users", "groups", "roles"], F = ["Users", "Groups", "Roles"];
+    a(E);
+  }, T = ["users", "groups", "roles"], A = ["Users", "Groups", "Roles"];
   return (
     // The main structure remains the same...
     /* @__PURE__ */ n("div", { className: "flex flex-col h-full bg-gray-50", children: [
@@ -3200,26 +3200,26 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
         )
       ] }),
       /* @__PURE__ */ n("div", { className: "flex flex-col flex-grow", children: [
-        /* @__PURE__ */ n(re.Group, { selectedIndex: p, onChange: g, children: [
+        /* @__PURE__ */ n(ne.Group, { selectedIndex: p, onChange: b, children: [
           /* @__PURE__ */ n("div", { className: "p-4 bg-white border-b border-gray-300", children: [
-            /* @__PURE__ */ e(re.List, { className: "flex space-x-1 bg-gray-100 p-1 rounded-lg", children: F.map((A) => /* @__PURE__ */ e(
-              re,
+            /* @__PURE__ */ e(ne.List, { className: "flex space-x-1 bg-gray-100 p-1 rounded-lg", children: A.map((E) => /* @__PURE__ */ e(
+              ne,
               {
                 className: ({
                   selected: I
                 }) => `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
                                        ${I ? "bg-white shadow text-blue-700" : "text-gray-600 hover:bg-white/[0.6]"}`,
-                children: A
+                children: E
               },
-              A
+              E
             )) }),
             /* @__PURE__ */ e("div", { className: "mt-4", children: /* @__PURE__ */ e(
               be,
               {
                 onDebouncedChange: r,
-                value: b,
-                placeholder: `Search in ${F[p]}...`
+                value: f,
+                placeholder: `Search in ${A[p]}...`
               }
             ) })
           ] }),
@@ -3230,11 +3230,11 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
               animate: { y: 0, opacity: 1 },
               exit: { y: -10, opacity: 0 },
               transition: { duration: 0.2 },
-              children: /* @__PURE__ */ e(re.Panels, { as: Q, children: T.map((A) => /* @__PURE__ */ e(
-                re.Panel,
+              children: /* @__PURE__ */ e(ne.Panels, { as: Q, children: T.map((E) => /* @__PURE__ */ e(
+                ne.Panel,
                 {
                   className: "space-y-3 focus:outline-none",
-                  children: /* @__PURE__ */ e(Ce, { children: d[A].length > 0 ? d[A].map((I) => /* @__PURE__ */ n(
+                  children: /* @__PURE__ */ e(Ce, { children: d[E].length > 0 ? d[E].map((I) => /* @__PURE__ */ n(
                     le.div,
                     {
                       layout: !0,
@@ -3258,12 +3258,12 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
                           ),
                           /* @__PURE__ */ n("div", { className: "overflow-hidden", children: [
                             /* @__PURE__ */ e("p", { className: "font-medium text-gray-900 truncate", children: I.name }),
-                            A !== "users" && /* @__PURE__ */ e(
+                            E !== "users" && /* @__PURE__ */ e(
                               "button",
                               {
                                 onClick: () => i({
                                   id: I.id,
-                                  type: A,
+                                  type: E,
                                   name: I.name
                                 }),
                                 className: "text-sm text-blue-600 hover:underline hover:cursor-pointer",
@@ -3277,10 +3277,10 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
                           {
                             item: I,
                             allowedPermissions: m,
-                            onPermissionChange: (V) => h(
+                            onPermissionChange: (j) => h(
                               I,
-                              V,
-                              A
+                              j,
+                              E
                             )
                           }
                         )
@@ -3299,16 +3299,16 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
                           /* @__PURE__ */ e(Zt, { className: "h-12 w-12 text-gray-400" }),
                           /* @__PURE__ */ n("h3", { className: "mt-2 text-sm font-medium text-gray-900", children: [
                             "No ",
-                            F[p],
+                            A[p],
                             " Found"
                           ] }),
-                          /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-gray-500", children: b ? `No results for "${b}"` : `There are no ${F[p].toLowerCase()} with access.` })
+                          /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-gray-500", children: f ? `No results for "${f}"` : `There are no ${A[p].toLowerCase()} with access.` })
                         ]
                       }
                     )
                   ) })
                 },
-                A
+                E
               )) })
             },
             p
@@ -3338,9 +3338,9 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
   onClose: s,
   members: i
 }) => {
-  const [l, m] = M(!0), [o, u] = M(""), p = Ct(o, 300), g = i.filter(
+  const [l, m] = M(!0), [o, u] = M(""), p = Ct(o, 300), b = i.filter(
     (d) => d.name.toLowerCase().includes(p.toLowerCase())
-  ), b = {
+  ), f = {
     hidden: { opacity: 0 },
     visible: {
       opacity: 1,
@@ -3355,7 +3355,7 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
   }, y = () => l ? (
     // Show 5 skeleton items while loading
     /* @__PURE__ */ e("div", { children: Array.from({ length: 5 }).map((d, h) => /* @__PURE__ */ e(ls, {}, h)) })
-  ) : g.length === 0 ? /* @__PURE__ */ n(
+  ) : b.length === 0 ? /* @__PURE__ */ n(
     le.div,
     {
       initial: { opacity: 0, scale: 0.95 },
@@ -3370,11 +3370,11 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
   ) : /* @__PURE__ */ e(
     le.ul,
     {
-      variants: b,
+      variants: f,
       initial: "hidden",
       animate: "visible",
       className: "divide-y divide-gray-200",
-      children: /* @__PURE__ */ e(Ce, { children: g.map((d) => /* @__PURE__ */ n(
+      children: /* @__PURE__ */ e(Ce, { children: b.map((d) => /* @__PURE__ */ n(
         le.li,
         {
           layout: !0,
@@ -3459,31 +3459,31 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
   allowedPermissions: u = [],
   ...p
 }) => {
-  const [g, b] = M(fe.INVITE), [r, y] = M(t), [d, h] = M(null), [$, T] = M(!1), [F, A] = M([]), [I, V] = M(fe.MANAGE), U = () => {
-    b(fe.INVITE), h(null), m();
+  const [b, f] = M(fe.INVITE), [r, y] = M(t), [d, h] = M(null), [$, T] = M(!1), [A, E] = M([]), [I, j] = M(fe.MANAGE), _ = () => {
+    f(fe.INVITE), h(null), m();
   }, G = () => {
-    b(fe.MANAGE);
-  }, B = async ({ id: v, name: w, type: C }) => {
-    if (C === "groups") {
+    f(fe.MANAGE);
+  }, q = async ({ id: v, name: w, type: z }) => {
+    if (z === "groups") {
       try {
         const N = await Ve(`${Xe.getMembersForGroup(w)}`);
       } catch (N) {
         console.log("Error searching entities:", N);
       }
-      A(resp);
+      E(resp);
     }
-    h({ id: v, type: C, name: w }), V(g), b(fe.MEMBERS);
-  }, z = (v) => {
+    h({ id: v, type: z, name: w }), j(b), f(fe.MEMBERS);
+  }, k = (v) => {
     console.log("changedExistingShares", v), y(v);
-    const w = ct.mapValues(t, (x) => x.map((k) => ({ id: k.id, permission: k.permission })).sort((k, E) => k.id - E.id)), C = ct.mapValues(v, (x) => x.map((k) => ({ id: k.id, permission: k.permission })).sort((k, E) => k.id - E.id));
-    console.log("Existing data:", w), console.log("Changed data:", C);
-    const N = !ct.isEqual(w, C);
-    console.log("hasPermissionChanged:", N), T(N), b(g === fe.MEMBERS ? I : fe.INVITE);
+    const w = ct.mapValues(t, (x) => x.map((C) => ({ id: C.id, permission: C.permission })).sort((C, F) => C.id - F.id)), z = ct.mapValues(v, (x) => x.map((C) => ({ id: C.id, permission: C.permission })).sort((C, F) => C.id - F.id));
+    console.log("Existing data:", w), console.log("Changed data:", z);
+    const N = !ct.isEqual(w, z);
+    console.log("hasPermissionChanged:", N), T(N), f(b === fe.MEMBERS ? I : fe.INVITE);
   };
-  return /* @__PURE__ */ e(he, { appear: !0, show: a, as: Q, children: /* @__PURE__ */ n(ye, { as: "div", className: "relative z-50", onClose: U, children: [
+  return /* @__PURE__ */ e(he, { appear: !0, show: a, as: Q, children: /* @__PURE__ */ n(ye, { as: "div", className: "relative z-50", onClose: _, 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(Ee, { className: "filter-modal-panel", style: { background: "white" }, children: (() => {
-      switch (g) {
+      switch (b) {
         case fe.MANAGE:
           return /* @__PURE__ */ e(
             le.div,
@@ -3497,9 +3497,9 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
                 ss,
                 {
                   entity: i,
-                  onBack: z,
-                  onClose: U,
-                  onOpenMembers: B,
+                  onBack: k,
+                  onClose: _,
+                  onOpenMembers: q,
                   existingShares: r,
                   calledBy: l,
                   allowedPermissions: u
@@ -3521,11 +3521,11 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
                 is,
                 {
                   entity: d,
-                  onBack: z,
-                  onClose: U,
+                  onBack: k,
+                  onClose: _,
                   calledBy: l,
                   existingShares: r,
-                  members: F
+                  members: A
                 }
               )
             },
@@ -3545,7 +3545,7 @@ const Re = Hn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Zn =
                 {
                   entity: i,
                   onManage: G,
-                  onClose: U,
+                  onClose: _,
                   existingShares: r,
                   calledBy: l,
                   showExistingShares: o,
@@ -3578,9 +3578,9 @@ function nt({
   displayLimit: u = 3,
   selectionLimit: p = -1,
   // NEW: search behavior
-  searchMode: g = "client",
+  searchMode: b = "client",
   // "client" | "server"
-  onSearch: b,
+  onSearch: f,
   // (query: string) => void (required if searchMode==="server")
   serverLoading: r = !1,
   minSearchChars: y = 2,
@@ -3588,30 +3588,30 @@ function nt({
   getOptionId: d = ($) => String($.id),
   getOptionLabel: h = ($) => $.name
 }) {
-  const $ = Qe(), T = Qe(), [F, A] = M(""), I = xe(""), V = ue(() => {
+  const $ = Qe(), T = Qe(), [A, E] = M(""), I = xe(""), j = ue(() => {
     const v = /* @__PURE__ */ new Map();
     for (const w of a) v.set(d(w), w);
     return v;
-  }, [a, d]), U = ue(() => Array.isArray(s) ? s.map((v) => v && typeof v == "object" ? V.get(d(v)) || null : V.get(String(v))).filter(Boolean) : [], [s, V, d]), G = ue(() => {
-    if (!F) return a;
-    const v = F.toLowerCase();
+  }, [a, d]), _ = ue(() => Array.isArray(s) ? s.map((v) => v && typeof v == "object" ? j.get(d(v)) || null : j.get(String(v))).filter(Boolean) : [], [s, j, d]), G = ue(() => {
+    if (!A) return a;
+    const v = A.toLowerCase();
     return a.filter((w) => h(w).toLowerCase().includes(v));
-  }, [a, F, h]);
+  }, [a, A, h]);
   Z(() => {
-    g === "server" && F.length >= y && F !== I.current && (I.current = F, b && b(F));
-  }, [F, g, y, b]);
-  const B = g === "client" ? G : a, z = () => {
-    if (!U.length)
+    b === "server" && A.length >= y && A !== I.current && (I.current = A, f && f(A));
+  }, [A, b, y, f]);
+  const q = b === "client" ? G : a, k = () => {
+    if (!_.length)
       return /* @__PURE__ */ e("span", { className: "text-gray-500", children: m });
-    const v = U.slice(0, u), w = U.length - u;
+    const v = _.slice(0, u), w = _.length - u;
     return /* @__PURE__ */ n("div", { className: "flex flex-wrap gap-2", children: [
-      v.map((C) => /* @__PURE__ */ e(
+      v.map((z) => /* @__PURE__ */ e(
         "span",
         {
           className: "px-2 py-1 text-xs font-medium text-white bg-gray-800 rounded-full",
-          children: h(C)
+          children: h(z)
         },
-        d(C)
+        d(z)
       )),
       w > 0 && /* @__PURE__ */ n("span", { className: "px-2 py-1 text-xs font-medium text-gray-600 bg-gray-200 rounded-full", children: [
         "+",
@@ -3620,8 +3620,8 @@ function nt({
       ] })
     ] });
   };
-  return /* @__PURE__ */ e(K, { value: U, onChange: (v) => {
-    const w = Array.from(new Set(v.map((C) => d(C))));
+  return /* @__PURE__ */ e(K, { value: _, onChange: (v) => {
+    const w = Array.from(new Set(v.map((z) => d(z))));
     p !== -1 && w.length > p || i(w);
   }, multiple: !0, by: "id", children: ({ open: v }) => /* @__PURE__ */ n("div", { children: [
     /* @__PURE__ */ e(
@@ -3645,7 +3645,7 @@ function nt({
             o ? "ring-red-500" : "ring-gray-300"
           ),
           children: [
-            /* @__PURE__ */ e("span", { className: "block truncate", children: z() }),
+            /* @__PURE__ */ e("span", { className: "block truncate", children: k() }),
             /* @__PURE__ */ e("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ e(Ht, { className: "w-5 h-5 text-gray-400", "aria-hidden": "true" }) })
           ]
         }
@@ -3662,35 +3662,35 @@ function nt({
             /* @__PURE__ */ e("div", { className: "p-2 sticky top-0 bg-white z-20 shadow-sm", children: /* @__PURE__ */ e(
               be,
               {
-                value: F,
-                onDebouncedChange: A,
-                placeholder: g === "server" ? `Search (min ${y})…` : "Search options…"
+                value: A,
+                onDebouncedChange: E,
+                placeholder: b === "server" ? `Search (min ${y})…` : "Search options…"
               }
             ) }),
-            g === "server" && r && /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: "Loading…" }),
-            B.length === 0 && !r ? /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: g === "server" ? F.length < y ? `Type at least ${y} characters to search.` : "No results." : "No options found." }) : B.map((w) => {
-              const C = d(w), N = h(w), x = U.some((E) => d(E) === C), k = p !== -1 && U.length >= p && !x;
+            b === "server" && r && /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: "Loading…" }),
+            q.length === 0 && !r ? /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: b === "server" ? A.length < y ? `Type at least ${y} characters to search.` : "No results." : "No options found." }) : q.map((w) => {
+              const z = d(w), N = h(w), x = _.some((F) => d(F) === z), C = p !== -1 && _.length >= p && !x;
               return /* @__PURE__ */ e(
                 K.Option,
                 {
                   value: w,
-                  disabled: k,
-                  className: ({ active: E }) => Ge(
-                    k ? " text-gray-400  bg-white  cursor-not-allowed" : E ? " bg-gray-200  text-gray-900" : " text-gray-900",
+                  disabled: C,
+                  className: ({ active: F }) => Ge(
+                    C ? " 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: E, active: L }) => /* @__PURE__ */ n(te, { children: [
+                  children: ({ selected: F, active: L }) => /* @__PURE__ */ n(te, { children: [
                     /* @__PURE__ */ e(
                       "span",
                       {
                         className: Ge(
-                          E ? "font-semibold" : "font-normal",
+                          F ? "font-semibold" : "font-normal",
                           "block truncate"
                         ),
                         children: N
                       }
                     ),
-                    E && /* @__PURE__ */ e(
+                    F && /* @__PURE__ */ e(
                       "span",
                       {
                         className: Ge(
@@ -3702,7 +3702,7 @@ function nt({
                     )
                   ] })
                 },
-                C
+                z
               );
             })
           ] })
@@ -3764,10 +3764,10 @@ const Wl = ({
   secondaryAction: o = { onCancel: null, label: "Cancel" },
   dialogPanelClass: u = ""
 }) => {
-  const p = (b) => {
-    b.target === b.currentTarget && a(!1);
-  }, g = (b) => {
-    b.stopPropagation();
+  const p = (f) => {
+    f.target === f.currentTarget && a(!1);
+  }, b = (f) => {
+    f.stopPropagation();
   };
   return /* @__PURE__ */ n(
     ye,
@@ -3787,7 +3787,7 @@ const Wl = ({
           Ee,
           {
             className: `${u} relative bg-white align-middle w-full lg:w-[36rem] mx-5 lg:mx-0 transform overflow-hidden rounded-2xl text-left shadow-xl lg:min-w-[36rem] md:min-w-96 transition-all`,
-            onClick: g,
+            onClick: b,
             children: [
               /* @__PURE__ */ n("div", { className: "flex justify-between items-center border-b border-gray-200 p-6 flex-shrink-0", children: [
                 i?.customHeader && i.customHeader,
@@ -3798,7 +3798,7 @@ const Wl = ({
                 "div",
                 {
                   className: "px-5 mb-5",
-                  onClick: g,
+                  onClick: b,
                   children: s
                 }
               ),
@@ -3862,14 +3862,14 @@ function ds({
   onDelete: u,
   renderActions: p,
   // optional override
-  dragId: g,
-  dropId: b,
+  dragId: b,
+  dropId: f,
   indent: r = 24
 }) {
-  const { setNodeRef: y, isOver: d } = ur({ id: b }), { attributes: h, listeners: $, setNodeRef: T, transform: F, isDragging: A } = hr({ id: g }), I = F ? { transform: `translate3d(${Math.round(F.x)}px, ${Math.round(F.y)}px, 0)` } : void 0, [V, U] = M(!1), [G, B] = M(t.name), z = () => {
+  const { setNodeRef: y, isOver: d } = ur({ id: f }), { attributes: h, listeners: $, setNodeRef: T, transform: A, isDragging: E } = hr({ id: b }), I = A ? { transform: `translate3d(${Math.round(A.x)}px, ${Math.round(A.y)}px, 0)` } : void 0, [j, _] = M(!1), [G, q] = M(t.name), k = () => {
     const v = G.trim();
-    U(!1), v && v !== t.name ? o?.(t, v) : B(t.name);
-  }, f = ue(() => /* @__PURE__ */ e(
+    _(!1), v && v !== t.name ? o?.(t, v) : q(t.name);
+  }, g = ue(() => /* @__PURE__ */ e(
     _n,
     {
       options: [
@@ -3878,7 +3878,7 @@ function ds({
         { action: "delete", label: "Delete" }
       ],
       onSelect: (w) => {
-        w.action === "create" ? m?.(t) : w.action === "rename" ? U(!0) : w.action === "delete" && u?.(t);
+        w.action === "create" ? m?.(t) : w.action === "rename" ? _(!0) : w.action === "delete" && u?.(t);
       }
     }
   ), [t, m, u]);
@@ -3886,7 +3886,7 @@ function ds({
     "div",
     {
       ref: y,
-      className: `tv-row ${d ? "tv-drop-over" : ""} ${A ? "dragging" : ""}`,
+      className: `tv-row ${d ? "tv-drop-over" : ""} ${E ? "dragging" : ""}`,
       style: { ...I, paddingLeft: 8 + a * r },
       onClick: (v) => {
         v.target.closest(".tv-toggle") || v.target.tagName === "INPUT" || l?.(t);
@@ -3894,25 +3894,25 @@ function ds({
       children: [
         /* @__PURE__ */ e("button", { className: "tv-toggle", onClick: i, "aria-label": "toggle", children: t.children?.length ? s ? /* @__PURE__ */ e(wt, { size: 16 }) : /* @__PURE__ */ e(ve, { size: 16 }) : /* @__PURE__ */ e("span", { className: "tv-spacer" }) }),
         /* @__PURE__ */ e(Me, { size: 16, className: "tv-folder-ic" }),
-        /* @__PURE__ */ e("div", { className: "tv-name", ref: T, children: V ? /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "tv-name", ref: T, children: j ? /* @__PURE__ */ e(
           "input",
           {
             className: "tv-input",
             value: G,
-            onChange: (v) => B(v.target.value),
-            onBlur: z,
+            onChange: (v) => q(v.target.value),
+            onBlur: k,
             onKeyDown: (v) => {
-              v.key === "Enter" && z(), v.key === "Escape" && (U(!1), B(t.name));
+              v.key === "Enter" && k(), v.key === "Escape" && (_(!1), q(t.name));
             },
             autoFocus: !0
           }
-        ) : /* @__PURE__ */ e("span", { onDoubleClick: () => U(!0), children: t.name }) }),
+        ) : /* @__PURE__ */ e("span", { onDoubleClick: () => _(!0), children: t.name }) }),
         /* @__PURE__ */ e(cs, { listeners: $, attributes: h }),
         /* @__PURE__ */ e("div", { className: "tv-actions", children: p ? p(t, {
           onCreateChild: () => m?.(t),
-          onRename: () => U(!0),
+          onRename: () => _(!0),
           onDelete: () => u?.(t)
-        }) : f })
+        }) : g })
       ]
     }
   );
@@ -3939,14 +3939,14 @@ function gs(t, { rootId: a, getId: s, getParent: i, getName: l }) {
 function bs(t, { rootId: a, getId: s, getName: i }) {
   const l = /* @__PURE__ */ new Map();
   function m(u, p) {
-    const g = s(u), b = {
+    const b = s(u), f = {
       ...u,
-      id: g,
+      id: b,
       name: i(u),
       parentId: p || a,
-      children: (u.children || []).map((r) => m(r, g))
+      children: (u.children || []).map((r) => m(r, b))
     };
-    return l.set(g, b), b;
+    return l.set(b, f), f;
   }
   return { roots: t.map((u) => m(u, null)), byId: l };
 }
@@ -4000,8 +4000,8 @@ function Jl({
   onSelect: o,
   onCreateRoot: u,
   onCreateChild: p,
-  onRename: g,
-  onDelete: b,
+  onRename: b,
+  onDelete: f,
   onMove: r,
   renderActions: y,
   disableMoveToRoot: d = !1,
@@ -4009,95 +4009,95 @@ function Jl({
   indentUnit: h = 24
 }) {
   const { roots: $ } = ue(() => ps(t) ? bs(t, { rootId: a, getId: i, getName: m }) : gs(
-    t.map((k) => ({ ...k })),
+    t.map((C) => ({ ...C })),
     { rootId: a, getId: i, getParent: l, getName: m }
-  ), [t, a, i, l, m]), [T, F] = M({}), A = ne((k) => {
-    const E = {};
-    return (function L(q) {
-      q.forEach((S) => {
-        E[S.id] = !0, S.children?.length && L(S.children);
+  ), [t, a, i, l, m]), [T, A] = M({}), E = ae((C) => {
+    const F = {};
+    return (function L(U) {
+      U.forEach((S) => {
+        F[S.id] = !0, S.children?.length && L(S.children);
       });
-    })(k), E;
+    })(C), F;
   }, []);
   se.useEffect(() => {
-    F(A($));
-  }, [$, A]);
-  const I = ne(
-    (k) => F((E) => ({ ...E, [k]: !E[k] })),
+    A(E($));
+  }, [$, E]);
+  const I = ae(
+    (C) => A((F) => ({ ...F, [C]: !F[C] })),
     []
-  ), [V, U] = M(() => Le($));
-  se.useEffect(() => U(Le($)), [$]);
+  ), [j, _] = M(() => Le($));
+  se.useEffect(() => _(Le($)), [$]);
   const G = pr(
     gr(yr, { activationConstraint: { delay: 250, tolerance: 5 } })
-  ), B = xe(null), [z, f] = M(null), v = xe(0), w = () => {
-  }, C = ({ delta: k }) => {
-    v.current = k?.x ?? 0;
-  }, N = ne(
-    ({ active: k, over: E }) => {
+  ), q = xe(null), [k, g] = M(null), v = xe(0), w = () => {
+  }, z = ({ delta: C }) => {
+    v.current = C?.x ?? 0;
+  }, N = ae(
+    ({ active: C, over: F }) => {
       const L = v.current;
-      if (v.current = 0, f(null), !k || !E) return;
-      const q = String(k.id).replace(/^drag-/, ""), S = String(E.id).replace(/^drop-/, "");
-      if (!q || !S || q === S) return;
-      let O = S;
+      if (v.current = 0, g(null), !C || !F) return;
+      const U = String(C.id).replace(/^drag-/, ""), S = String(F.id).replace(/^drop-/, "");
+      if (!U || !S || U === S) return;
+      let P = S;
       const D = Math.max(0, Math.floor(-L / h));
       if (D > 0) {
         let W = S;
         for (let pe = 0; pe < D; pe++) {
-          const j = Ta(V, W, null);
-          if (!j) break;
-          if (!j.parentId) {
-            O = a;
+          const B = Ta(j, W, null);
+          if (!B) break;
+          if (!B.parentId) {
+            P = a;
             break;
           }
-          O = j.parentId, W = j.parentId;
+          P = B.parentId, W = B.parentId;
         }
       }
-      if (d && O === a) {
-        U(Le($));
+      if (d && P === a) {
+        _(Le($));
         return;
       }
-      const P = Le(V), { newRoots: _, removed: R } = fs(P, q);
+      const O = Le(j), { newRoots: V, removed: R } = fs(O, U);
       if (!R) return;
-      const Y = xs(_, O, R);
-      U(Y), r?.({ sourceId: q, destParentId: O, newTree: Y });
+      const Y = xs(V, P, R);
+      _(Y), r?.({ sourceId: U, destParentId: P, newTree: Y });
     },
-    [V, $, a, d, h, r]
-  ), x = ne(
-    (k, E = 0) => k.map((L) => /* @__PURE__ */ n(se.Fragment, { children: [
+    [j, $, a, d, h, r]
+  ), x = ae(
+    (C, F = 0) => C.map((L) => /* @__PURE__ */ n(se.Fragment, { children: [
       /* @__PURE__ */ e(
         ds,
         {
           node: L,
-          depth: E,
+          depth: F,
           expanded: !!T[L.id],
           onToggle: () => I(L.id),
           onSelect: o,
           onCreateChild: p,
-          onRename: g,
-          onDelete: b,
+          onRename: b,
+          onDelete: f,
           renderActions: y,
           dragId: `drag-${L.id}`,
           dropId: `drop-${L.id}`,
           indent: h
         }
       ),
-      T[L.id] && L.children?.length > 0 ? x(L.children, E + 1) : null
+      T[L.id] && L.children?.length > 0 ? x(L.children, F + 1) : null
     ] }, L.id)),
-    [T, h, p, b, g, o, y, I]
+    [T, h, p, f, b, o, y, I]
   );
   return se.useMemo(() => {
-    if (!z) return null;
-    const k = String(z).replace(/^drag-/, "");
-    function E(L) {
-      for (const q of L) {
-        if (q.id === k) return q;
-        const S = q.children?.length ? E(q.children) : null;
+    if (!k) return null;
+    const C = String(k).replace(/^drag-/, "");
+    function F(L) {
+      for (const U of L) {
+        if (U.id === C) return U;
+        const S = U.children?.length ? F(U.children) : null;
         if (S) return S;
       }
       return null;
     }
-    return E(V);
-  }, [z, V]), /* @__PURE__ */ n("div", { className: "tv", children: [
+    return F(j);
+  }, [k, j]), /* @__PURE__ */ n("div", { className: "tv", children: [
     s !== !1 && /* @__PURE__ */ n("div", { className: "tv-header", children: [
       /* @__PURE__ */ e("div", { className: "tv-title", children: s }),
       /* @__PURE__ */ e("button", { className: "tv-btn", onClick: u, children: "+ New folder" })
@@ -4113,10 +4113,10 @@ function Jl({
         collisionDetection: xr,
         sensors: G,
         onDragStart: w,
-        onDragMove: C,
+        onDragMove: z,
         onDragEnd: N,
         modifiers: [fr],
-        children: /* @__PURE__ */ e("div", { ref: B, className: "tv-list", children: x(V, 0) })
+        children: /* @__PURE__ */ e("div", { ref: q, className: "tv-list", children: x(j, 0) })
       }
     )
   ] });
@@ -4135,21 +4135,21 @@ const Xl = ({
   ...u
   // Pass remaining props to Tab.Group
 }) => {
-  const p = s === "vertical", g = (y) => ke(
+  const p = s === "vertical", b = (y) => ke(
     "py-2 -mb-px text-sm font-medium focus:outline-none border-b-2",
     y ? "border-primaryX text-textX" : "border-transparent text-slate-600 hover:text-indigo-700"
-  ), b = (y) => ke(
+  ), f = (y) => ke(
     "text-left text-sm rounded-md px-2 py-1.5 focus:outline-none",
     y ? "bg-primaryX text-white" : "text-textX hover:bg-lightgray-100 hover:text-primaryX"
-  ), r = ({ selected: y }) => o ? typeof o == "function" ? o(y) : o : p ? b(y) : g(y);
-  return /* @__PURE__ */ e(re.Group, { vertical: p, ...u, children: p ? /* @__PURE__ */ n("div", { className: ke("flex gap-4", i), children: [
-    /* @__PURE__ */ e(re.List, { className: ke("w-[150px] flex flex-col gap-1 border-r border-gray-300 pr-2", l), children: t.map((y) => /* @__PURE__ */ e(re, { className: r, children: y.label }, y.key)) }),
-    /* @__PURE__ */ e(re.Panels, { unmount: !a, className: ke("flex-1", m), children: t.map((y) => /* @__PURE__ */ e(re.Panel, { className: "focus:outline-none", children: /* @__PURE__ */ e("div", { className: "[overflow-anchor:none]", children: y.content }) }, y.key)) })
+  ), r = ({ selected: y }) => o ? typeof o == "function" ? o(y) : o : p ? f(y) : b(y);
+  return /* @__PURE__ */ e(ne.Group, { vertical: p, ...u, children: p ? /* @__PURE__ */ n("div", { className: ke("flex gap-4", i), children: [
+    /* @__PURE__ */ e(ne.List, { className: ke("w-[150px] flex flex-col gap-1 border-r border-gray-300 pr-2", l), children: t.map((y) => /* @__PURE__ */ e(ne, { className: r, children: y.label }, y.key)) }),
+    /* @__PURE__ */ e(ne.Panels, { unmount: !a, className: ke("flex-1", m), children: t.map((y) => /* @__PURE__ */ e(ne.Panel, { className: "focus:outline-none", children: /* @__PURE__ */ e("div", { className: "[overflow-anchor:none]", children: y.content }) }, y.key)) })
   ] }) : (
     // mostly this part is used :  horizontal
     /* @__PURE__ */ n(te, { children: [
-      /* @__PURE__ */ e(re.List, { className: ke("flex gap-6 border rounded-t-2xl px-1.5 border-gray-300 mb-3 ", l), children: t.map((y) => /* @__PURE__ */ e(re, { className: r, children: y.label }, y.key)) }),
-      /* @__PURE__ */ e(re.Panels, { unmount: !a, className: ke("mt-2", m), children: t.map((y) => /* @__PURE__ */ e(re.Panel, { className: "focus:outline-none", children: /* @__PURE__ */ e("div", { className: "[overflow-anchor:none]", children: y.content }) }, y.key)) })
+      /* @__PURE__ */ e(ne.List, { className: ke("flex gap-6 border rounded-t-2xl px-1.5 border-gray-300 mb-3 ", l), children: t.map((y) => /* @__PURE__ */ e(ne, { className: r, children: y.label }, y.key)) }),
+      /* @__PURE__ */ e(ne.Panels, { unmount: !a, className: ke("mt-2", m), children: t.map((y) => /* @__PURE__ */ e(ne.Panel, { className: "focus:outline-none", children: /* @__PURE__ */ e("div", { className: "[overflow-anchor:none]", children: y.content }) }, y.key)) })
     ] })
   ) });
 };
@@ -4170,11 +4170,11 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       console.log("Updated Section data for", t.key, r), u(r);
     }
   }, [a, t.key]), console.log("Section data", o);
-  const g = xe(o);
+  const b = xe(o);
   Z(() => {
-    g.current !== o && s && typeof s == "function" && (g.current = o, s(l.key, o));
+    b.current !== o && s && typeof s == "function" && (b.current = o, s(l.key, o));
   }, [l.key, o, s]);
-  const b = (r) => {
+  const f = (r) => {
     if (!r.dependsOn) return !0;
     const { field: y, value: d, operator: h = "equals" } = r.dependsOn, $ = o[y];
     switch (h) {
@@ -4211,7 +4211,7 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       }
     ),
     /* @__PURE__ */ e("p", { style: { fontSize: "14px", marginBottom: "10px" }, children: l.description }),
-    /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: l.fields.map((r, y) => b(r) && /* @__PURE__ */ n("div", { style: { marginBottom: "10px" }, children: [
+    /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: l.fields.map((r, y) => f(r) && /* @__PURE__ */ n("div", { style: { marginBottom: "10px" }, children: [
       /* @__PURE__ */ n(
         "label",
         {
@@ -4637,66 +4637,66 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
 const vs = ({ children: t }) => /* @__PURE__ */ e("div", { className: "flex -space-x-2", children: t });
 function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
   console.log(`[DynamicConfig/DataTableRenderer] Component loaded for section: ${t.key}`);
-  const [l, m] = M(t), [o, u] = M(null), [p, g] = M(null);
+  const [l, m] = M(t), [o, u] = M(null), [p, b] = M(null);
   console.log(`[DataTableRenderer] ${l.key} - Received props:`, { item: t, initialData: a });
-  const [b, r] = M(() => {
-    const f = a && a[l.key] || [], v = f.length > 0 ? f : [{ id: 0 }];
+  const [f, r] = M(() => {
+    const g = a && a[l.key] || [], v = g.length > 0 ? g : [{ id: 0 }];
     return console.log(`[DataTableRenderer] ${l.key} - Initial data:`, v), v;
   }), y = xe(a);
   Z(() => {
     if (console.log(`[DataTableRenderer] ${l.key} - Checking for initialData changes`), console.log(`[DataTableRenderer] ${l.key} - Previous:`, y.current), console.log(`[DataTableRenderer] ${l.key} - Current:`, a), y.current !== a) {
       y.current = a;
-      const f = a && a[l.key] || [], v = f.length > 0 ? f : [{ id: 0 }];
+      const g = a && a[l.key] || [], v = g.length > 0 ? g : [{ id: 0 }];
       console.log(`[DataTableRenderer] ${l.key} - Setting new data:`, v), r(v);
     }
   }, [a, l.key]);
-  const d = xe(b), h = xe(null);
+  const d = xe(f), h = xe(null);
   Z(() => {
-    d.current !== b && s && typeof s == "function" && (d.current = b, h.current && clearTimeout(h.current), h.current = setTimeout(() => {
-      s(l.key, b);
+    d.current !== f && s && typeof s == "function" && (d.current = f, h.current && clearTimeout(h.current), h.current = setTimeout(() => {
+      s(l.key, f);
     }, 300));
-  }, [l.key, b, s]), Z(() => () => {
+  }, [l.key, f, s]), Z(() => () => {
     h.current && clearTimeout(h.current);
   }, []);
-  const $ = (f) => {
+  const $ = (g) => {
     const v = (N, x) => {
-      console.log("[DataTableRenderer] updateFieldValue called with:", { rowIndex: N, value: x, type: typeof x }), r((k) => {
-        const E = [...k];
-        return E[N][f.key] = x, E;
+      console.log("[DataTableRenderer] updateFieldValue called with:", { rowIndex: N, value: x, type: typeof x }), r((C) => {
+        const F = [...C];
+        return F[N][g.key] = x, F;
       });
-    }, w = (N) => i[l.key]?.[N]?.[f.key], C = (N) => {
+    }, w = (N) => i[l.key]?.[N]?.[g.key], z = (N) => {
       const x = w(N);
       return x ? /* @__PURE__ */ e("div", { className: "text-red-500 text-xs mt-1", children: x }) : null;
     };
-    switch (f.fieldtype) {
+    switch (g.fieldtype) {
       case "text":
         return (N, x) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             X,
             {
-              value: N[f.key] || "",
-              onChange: (k) => v(x, k.target.value),
-              placeholder: f.placeholder || `Enter ${f.label}`,
-              required: f.required,
+              value: N[g.key] || "",
+              onChange: (C) => v(x, C.target.value),
+              placeholder: g.placeholder || `Enter ${g.label}`,
+              required: g.required,
               className: `w-full ${w(x) ? "border-red-500" : ""}`
             }
           ),
-          C(x)
+          z(x)
         ] });
       case "textarea":
         return (N, x) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             ya,
             {
-              value: N[f.key] || "",
-              onChange: (k) => v(x, k.target.value),
-              placeholder: f.placeholder || `Enter ${f.label}`,
-              required: f.required,
+              value: N[g.key] || "",
+              onChange: (C) => v(x, C.target.value),
+              placeholder: g.placeholder || `Enter ${g.label}`,
+              required: g.required,
               className: `w-full ${w(x) ? "border-red-500" : ""}`,
               rows: 3
             }
           ),
-          C(x)
+          z(x)
         ] });
       case "number":
         return (N, x) => /* @__PURE__ */ n("div", { children: [
@@ -4704,14 +4704,14 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             X,
             {
               type: "number",
-              value: N[f.key] || "",
-              onChange: (k) => v(x, k.target.value),
-              placeholder: f.placeholder || `Enter ${f.label}`,
-              required: f.required,
+              value: N[g.key] || "",
+              onChange: (C) => v(x, C.target.value),
+              placeholder: g.placeholder || `Enter ${g.label}`,
+              required: g.required,
               className: `w-full ${w(x) ? "border-red-500" : ""}`
             }
           ),
-          C(x)
+          z(x)
         ] });
       case "email":
         return (N, x) => /* @__PURE__ */ n("div", { children: [
@@ -4719,14 +4719,14 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             X,
             {
               type: "email",
-              value: N[f.key] || "",
-              onChange: (k) => v(x, k.target.value),
-              placeholder: f.placeholder || "Enter email address",
-              required: f.required,
+              value: N[g.key] || "",
+              onChange: (C) => v(x, C.target.value),
+              placeholder: g.placeholder || "Enter email address",
+              required: g.required,
               className: `w-full ${w(x) ? "border-red-500" : ""}`
             }
           ),
-          C(x)
+          z(x)
         ] });
       case "url":
         return (N, x) => /* @__PURE__ */ n("div", { children: [
@@ -4734,14 +4734,14 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             X,
             {
               type: "url",
-              value: N[f.key] || "",
-              onChange: (k) => v(x, k.target.value),
-              placeholder: f.placeholder || "Enter URL",
-              required: f.required,
+              value: N[g.key] || "",
+              onChange: (C) => v(x, C.target.value),
+              placeholder: g.placeholder || "Enter URL",
+              required: g.required,
               className: `w-full ${w(x) ? "border-red-500" : ""}`
             }
           ),
-          C(x)
+          z(x)
         ] });
       case "password":
         return (N, x) => /* @__PURE__ */ n("div", { children: [
@@ -4749,14 +4749,14 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             X,
             {
               type: "password",
-              value: N[f.key] || "",
-              onChange: (k) => v(x, k.target.value),
-              placeholder: f.placeholder || "Enter password",
-              required: f.required,
+              value: N[g.key] || "",
+              onChange: (C) => v(x, C.target.value),
+              placeholder: g.placeholder || "Enter password",
+              required: g.required,
               className: `w-full ${w(x) ? "border-red-500" : ""}`
             }
           ),
-          C(x)
+          z(x)
         ] });
       case "select":
       case "dropdown":
@@ -4764,57 +4764,57 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           /* @__PURE__ */ e(
             ft,
             {
-              value: N[f.key] || "",
-              onChange: (k) => v(x, k),
-              options: f.options || [],
-              placeholder: f.placeholder || `Select ${f.label}`,
-              required: f.required,
+              value: N[g.key] || "",
+              onChange: (C) => v(x, C),
+              options: g.options || [],
+              placeholder: g.placeholder || `Select ${g.label}`,
+              required: g.required,
               className: `w-full ${w(x) ? "border-red-500" : ""}`
             }
           ),
-          C(x)
+          z(x)
         ] });
       case "selectDynamic":
         return (N, x) => {
-          const k = () => {
-            if (f.optionsFrom && a) {
-              const { config: E, valueField: L, labelField: q } = f.optionsFrom, S = a[E] || [];
+          const C = () => {
+            if (g.optionsFrom && a) {
+              const { config: F, valueField: L, labelField: U } = g.optionsFrom, S = a[F] || [];
               if (Array.isArray(S))
-                return S.map((O) => ({
-                  id: O[L] || "",
-                  value: O[L] || "",
-                  label: O[q] || ""
+                return S.map((P) => ({
+                  id: P[L] || "",
+                  value: P[L] || "",
+                  label: P[U] || ""
                 }));
             }
-            return f.options || [];
+            return g.options || [];
           };
           return /* @__PURE__ */ n("div", { children: [
             /* @__PURE__ */ e(
               ft,
               {
                 index: x,
-                value: N[f.key] || "",
-                onChange: (E) => v(x, E),
-                options: k(),
-                placeholder: f.placeholder || `Select ${f.label}`,
-                required: f.required,
+                value: N[g.key] || "",
+                onChange: (F) => v(x, F),
+                options: C(),
+                placeholder: g.placeholder || `Select ${g.label}`,
+                required: g.required,
                 className: `w-full ${w(x) ? "border-red-500" : ""}`
               },
               Math.random()
             ),
-            C(x)
+            z(x)
           ] });
         };
       case "multiselect":
         return (N, x) => {
-          const k = N[f.key] || [];
+          const C = N[g.key] || [];
           return /* @__PURE__ */ e(
             nt,
             {
-              selectedItems: k,
-              onSelectionChange: (E) => v(x, E),
-              options: f.options || [],
-              placeholder: f.placeholder || `Select ${f.label}`,
+              selectedItems: C,
+              onSelectionChange: (F) => v(x, F),
+              options: g.options || [],
+              placeholder: g.placeholder || `Select ${g.label}`,
               className: "w-full"
             }
           );
@@ -4824,9 +4824,9 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         return (N, x) => /* @__PURE__ */ e(
           ma,
           {
-            checked: !!N[f.key],
-            onChange: (k) => v(x, k),
-            label: f.placeholder || f.label,
+            checked: !!N[g.key],
+            onChange: (C) => v(x, C),
+            label: g.placeholder || g.label,
             className: "w-full"
           }
         );
@@ -4835,9 +4835,9 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         return (N, x) => /* @__PURE__ */ e(
           va,
           {
-            isOn: !!N[f.key],
-            onToggle: (k) => v(x, k),
-            label: f.placeholder || f.label,
+            isOn: !!N[g.key],
+            onToggle: (C) => v(x, C),
+            label: g.placeholder || g.label,
             className: "w-full"
           }
         );
@@ -4845,9 +4845,9 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         return (N, x) => /* @__PURE__ */ e(
           ga,
           {
-            selectedDate: N[f.key] ? new Date(N[f.key]) : null,
-            onDateChange: (k) => v(x, k ? k.toISOString().split("T")[0] : ""),
-            placeholder: f.placeholder || "Select date",
+            selectedDate: N[g.key] ? new Date(N[g.key]) : null,
+            onDateChange: (C) => v(x, C ? C.toISOString().split("T")[0] : ""),
+            placeholder: g.placeholder || "Select date",
             className: "w-full"
           }
         );
@@ -4856,10 +4856,10 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           X,
           {
             type: "datetime-local",
-            value: N[f.key] || "",
-            onChange: (k) => v(x, k.target.value),
-            placeholder: f.placeholder || "Select date and time",
-            required: f.required,
+            value: N[g.key] || "",
+            onChange: (C) => v(x, C.target.value),
+            placeholder: g.placeholder || "Select date and time",
+            required: g.required,
             className: "w-full"
           }
         );
@@ -4868,10 +4868,10 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           X,
           {
             type: "time",
-            value: N[f.key] || "",
-            onChange: (k) => v(x, k.target.value),
-            placeholder: f.placeholder || "Select time",
-            required: f.required,
+            value: N[g.key] || "",
+            onChange: (C) => v(x, C.target.value),
+            placeholder: g.placeholder || "Select time",
+            required: g.required,
             className: "w-full"
           }
         );
@@ -4879,9 +4879,9 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         return (N, x) => /* @__PURE__ */ e(
           ba,
           {
-            selectedValue: N[f.key] || "",
-            onValueChange: (k) => v(x, k),
-            options: f.options || [],
+            selectedValue: N[g.key] || "",
+            onValueChange: (C) => v(x, C),
+            options: g.options || [],
             className: "w-full"
           }
         );
@@ -4889,37 +4889,37 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         return (N, x) => /* @__PURE__ */ e(
           be,
           {
-            value: N[f.key] || "",
-            onChange: (k) => v(x, k),
-            placeholder: f.placeholder || `Search ${f.label}`,
+            value: N[g.key] || "",
+            onChange: (C) => v(x, C),
+            placeholder: g.placeholder || `Search ${g.label}`,
             className: "w-full"
           }
         );
       case "audience":
         return (N, x) => {
-          const k = N[f.key] || { users: [], groups: [], roles: [] }, E = [
-            ...k.users || [],
-            ...k.groups || [],
-            ...k.roles || []
+          const C = N[g.key] || { users: [], groups: [], roles: [] }, F = [
+            ...C.users || [],
+            ...C.groups || [],
+            ...C.roles || []
           ];
           return /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ e(vs, { children: E.length > 0 ? E.slice(0, 3).map((L, q) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e(vs, { children: F.length > 0 ? F.slice(0, 3).map((L, U) => /* @__PURE__ */ e(
               ze,
               {
                 size: "small",
                 name: L.name || L.displayName || L.id,
                 src: L.avatarUrl
               },
-              q
+              U
             )) : null }),
             /* @__PURE__ */ e(
               "button",
               {
                 className: "text-blue-600 font-semibold hover:text-blue-800",
                 onClick: () => {
-                  g(f.key), u(x);
+                  b(g.key), u(x);
                 },
-                children: E.length > 0 ? "Edit" : "Assign"
+                children: F.length > 0 ? "Edit" : "Assign"
               }
             )
           ] });
@@ -4929,8 +4929,8 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           X,
           {
             type: "color",
-            value: N[f.key] || "#000000",
-            onChange: (k) => v(x, k.target.value),
+            value: N[g.key] || "#000000",
+            onChange: (C) => v(x, C.target.value),
             className: "w-full h-10"
           }
         );
@@ -4940,26 +4940,26 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             X,
             {
               type: "range",
-              value: N[f.key] || f.min || 0,
-              onChange: (k) => v(x, k.target.value),
-              min: f.min || 0,
-              max: f.max || 100,
-              step: f.step || 1,
+              value: N[g.key] || g.min || 0,
+              onChange: (C) => v(x, C.target.value),
+              min: g.min || 0,
+              max: g.max || 100,
+              step: g.step || 1,
               className: "w-full"
             }
           ),
-          /* @__PURE__ */ e("span", { className: "text-sm text-gray-500", children: N[f.key] || f.min || 0 })
+          /* @__PURE__ */ e("span", { className: "text-sm text-gray-500", children: N[g.key] || g.min || 0 })
         ] });
       case "file":
         return (N, x) => /* @__PURE__ */ e(
           X,
           {
             type: "file",
-            onChange: (k) => {
-              const E = k.target.files[0];
-              v(x, E ? E.name : "");
+            onChange: (C) => {
+              const F = C.target.files[0];
+              v(x, F ? F.name : "");
             },
-            accept: f.accept,
+            accept: g.accept,
             className: "w-full"
           }
         );
@@ -4968,8 +4968,8 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           X,
           {
             type: "hidden",
-            value: N[f.key] || "",
-            onChange: (k) => v(x, k.target.value)
+            value: N[g.key] || "",
+            onChange: (C) => v(x, C.target.value)
           }
         );
       // Default fallback for unknown field types
@@ -4978,60 +4978,60 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           /* @__PURE__ */ e(
             X,
             {
-              value: N[f.key] || "",
-              onChange: (k) => v(x, k.target.value),
-              placeholder: f.placeholder || `Enter ${f.label}`,
-              required: f.required,
+              value: N[g.key] || "",
+              onChange: (C) => v(x, C.target.value),
+              placeholder: g.placeholder || `Enter ${g.label}`,
+              required: g.required,
               className: `w-full ${w(x) ? "border-red-500" : ""}`
             }
           ),
-          C(x)
+          z(x)
         ] });
     }
-  }, T = ne(() => {
-    console.log("[DataTableRenderer] Adding blank row"), r((f) => {
-      console.log("[DataTableRenderer] Current data before add:", f);
+  }, T = ae(() => {
+    console.log("[DataTableRenderer] Adding blank row"), r((g) => {
+      console.log("[DataTableRenderer] Current data before add:", g);
       const v = {
-        id: f.length
+        id: g.length
         // Assign next available ID
       };
-      l.fields.forEach((C) => {
-        C.fieldtype === "audience" ? v[C.key] = { users: [], groups: [], roles: [] } : v[C.key] = C.default || "";
+      l.fields.forEach((z) => {
+        z.fieldtype === "audience" ? v[z.key] = { users: [], groups: [], roles: [] } : v[z.key] = z.default || "";
       }), console.log("[DataTableRenderer] New blank row:", v);
-      const w = [...f, v];
+      const w = [...g, v];
       return console.log("[DataTableRenderer] Updated data:", w), w;
     });
-  }, [l.fields]), F = ne((f) => {
+  }, [l.fields]), A = ae((g) => {
     r((v) => {
       if (v.length <= 1)
         return v;
       const w = [...v];
-      return w.splice(f, 1), w;
+      return w.splice(g, 1), w;
     });
-  }, []), [A, I] = M(null), V = ne((f, v) => {
-    I(v), f.dataTransfer.effectAllowed = "move", f.dataTransfer.setData("text/html", "");
-  }, []), U = ne((f) => {
-    f.preventDefault(), f.dataTransfer.dropEffect = "move";
-  }, []), G = ne((f, v) => {
-    f.preventDefault(), !(A === null || A === v) && (r((w) => {
-      const C = [...w], N = C[A];
-      return C.splice(A, 1), C.splice(v, 0, N), C;
+  }, []), [E, I] = M(null), j = ae((g, v) => {
+    I(v), g.dataTransfer.effectAllowed = "move", g.dataTransfer.setData("text/html", "");
+  }, []), _ = ae((g) => {
+    g.preventDefault(), g.dataTransfer.dropEffect = "move";
+  }, []), G = ae((g, v) => {
+    g.preventDefault(), !(E === null || E === v) && (r((w) => {
+      const z = [...w], N = z[E];
+      return z.splice(E, 1), z.splice(v, 0, N), z;
     }), I(null));
-  }, [A]), B = ne(() => {
+  }, [E]), q = ae(() => {
     I(null);
-  }, []), z = ne((f) => {
-    console.log("[DataTableRenderer] handleAddAudience called with:", f), r((v) => {
+  }, []), k = ae((g) => {
+    console.log("[DataTableRenderer] handleAddAudience called with:", g), r((v) => {
       const w = [...v];
       if (o !== null && p && w[o]) {
-        const C = f.pendingInvites || [], N = C.filter((E) => E.type === "User"), x = C.filter((E) => E.type === "Group"), k = C.filter((E) => E.type === "Role");
+        const z = g.pendingInvites || [], N = z.filter((F) => F.type === "User"), x = z.filter((F) => F.type === "Group"), C = z.filter((F) => F.type === "Role");
         w[o][p] = {
           users: [...w[o][p]?.users || [], ...N],
           groups: [...w[o][p]?.groups || [], ...x],
-          roles: [...w[o][p]?.roles || [], ...k]
+          roles: [...w[o][p]?.roles || [], ...C]
         }, console.log("[DataTableRenderer] Updated audience data:", w[o][p]);
       }
       return w;
-    }), u(null), g(null);
+    }), u(null), b(null);
   }, [o, p]);
   return /* @__PURE__ */ n("div", { children: [
     /* @__PURE__ */ n("div", { style: { marginBottom: "20px" }, children: [
@@ -5051,32 +5051,32 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
     /* @__PURE__ */ e("div", { className: "overflow-x-auto", children: /* @__PURE__ */ n("table", { className: "min-w-full bg-white border border-gray-300", style: { marginBottom: "20px" }, children: [
       /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ n("tr", { className: "bg-gray-50", children: [
         /* @__PURE__ */ e("th", { className: "px-4 py-2 w-10" }),
-        l.fields.map((f, v) => /* @__PURE__ */ e(
+        l.fields.map((g, v) => /* @__PURE__ */ e(
           "th",
           {
             className: "px-4 py-2 text-left text-sm font-medium text-gray-700",
-            children: f.label || f.key
+            children: g.label || g.key
           },
           v
         )),
         /* @__PURE__ */ e("th", { className: "px-4 py-2 w-16" })
       ] }) }),
-      /* @__PURE__ */ e("tbody", { children: b.map((f, v) => /* @__PURE__ */ n(
+      /* @__PURE__ */ e("tbody", { children: f.map((g, v) => /* @__PURE__ */ n(
         "tr",
         {
-          className: `hover:bg-gray-50 ${A === v ? "opacity-50" : ""}`,
+          className: `hover:bg-gray-50 ${E === v ? "opacity-50" : ""}`,
           draggable: !0,
-          onDragStart: (w) => V(w, v),
-          onDragOver: U,
+          onDragStart: (w) => j(w, v),
+          onDragOver: _,
           onDrop: (w) => G(w, v),
-          onDragEnd: B,
+          onDragEnd: q,
           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(Nt, { size: 16 }) }) }),
-            l.fields.map((w, C) => /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: $(w)(f, v) }, C)),
+            l.fields.map((w, z) => /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: $(w)(g, v) }, z)),
             /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: /* @__PURE__ */ e(
               "button",
               {
-                onClick: () => F(v),
+                onClick: () => A(v),
                 className: "text-red-500 hover:text-red-700",
                 title: "Delete row",
                 children: /* @__PURE__ */ e(vr, { size: 16 })
@@ -5088,27 +5088,27 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       )) })
     ] }) }),
     o !== null && (() => {
-      const f = b[o] && b[o][p] ? {
-        users: b[o][p].users || [],
-        groups: b[o][p].groups || [],
-        roles: b[o][p].roles || []
+      const g = f[o] && f[o][p] ? {
+        users: f[o][p].users || [],
+        groups: f[o][p].groups || [],
+        roles: f[o][p].roles || []
       } : { users: [], groups: [], roles: [] };
-      return console.log("[DataTableRenderer] Opening modal with existing data:", f), console.log("[DataTableRenderer] Row data:", b[o]), console.log("[DataTableRenderer] Field name:", p), /* @__PURE__ */ e(
+      return console.log("[DataTableRenderer] Opening modal with existing data:", g), console.log("[DataTableRenderer] Row data:", f[o]), console.log("[DataTableRenderer] Field name:", p), /* @__PURE__ */ e(
         os,
         {
           isOpen: !0,
           onClose: () => {
-            u(null), g(null);
+            u(null), b(null);
           },
-          onFinalSubmit: z,
-          existingShares: f,
+          onFinalSubmit: k,
+          existingShares: g,
           allowedPermissions: ["view", "remove"]
         }
       );
     })()
   ] });
 }
-const Pe = {
+const Oe = {
   containerId: "ui-toast",
   position: "bottom-right",
   autoClose: 3500,
@@ -5122,12 +5122,12 @@ const Mt = () => {
 }, Bt = () => {
   typeof document > "u" || (He = Math.max(0, He - 1), He === 0 && document.body.classList.remove("toast-backdrop"));
 }, De = {
-  success: (t, a) => me.success(t, { ...Pe, ...a }),
-  info: (t, a) => me.info(t, { ...Pe, ...a }),
-  warn: (t, a) => me.warn(t, { ...Pe, ...a }),
+  success: (t, a) => me.success(t, { ...Oe, ...a }),
+  info: (t, a) => me.info(t, { ...Oe, ...a }),
+  warn: (t, a) => me.warn(t, { ...Oe, ...a }),
   // Error: no autoClose + modal-like behavior via backdrop
   error: (t, a) => me.error(t, {
-    ...Pe,
+    ...Oe,
     autoClose: !1,
     closeOnClick: !1,
     draggable: !1,
@@ -5150,7 +5150,7 @@ const Mt = () => {
         onClose: Bt
       }
     },
-    { ...Pe, ...s }
+    { ...Oe, ...s }
   )
 }, Ye = (t) => {
   try {
@@ -5175,113 +5175,113 @@ const Mt = () => {
   initialData: p = null
   // Add prop for initial demo data
 }) => {
-  const [g, b] = M(null), [r, y] = M(""), [d, h] = M(() => Array.isArray(p) ? p : []), [$, T] = M(null), [F, A] = M(null), [I, V] = M(""), U = async () => {
+  const [b, f] = M(null), [r, y] = M(""), [d, h] = M(() => Array.isArray(p) ? p : []), [$, T] = M(null), [A, E] = M(null), [I, j] = M(""), _ = async () => {
     try {
       const S = await Ve(t.collectionList);
       if (S) {
-        const O = S.map((D, P) => ({
+        const P = S.map((D, O) => ({
           ...D,
-          order: typeof D.order == "number" ? D.order : P + 1
+          order: typeof D.order == "number" ? D.order : O + 1
         }));
-        O.sort((D, P) => (D.order ?? 0) - (P.order ?? 0)), h(O), s?.(O);
+        P.sort((D, O) => (D.order ?? 0) - (O.order ?? 0)), h(P), s?.(P);
       }
     } catch (S) {
       console.log("Error loading collections:", S), typeof window < "u" && !window.location.pathname.includes("iframe.html") && me.error("Failed to load collections");
     }
   };
   Z(() => {
-    (!p || p.length === 0) && U();
+    (!p || p.length === 0) && _();
   }, [p]), Z(() => {
     Array.isArray(p) && h(p);
   }, [p]);
   const G = (S) => {
-    m && (b(S.id), y(S.categoryName || ""));
-  }, B = () => {
-    if (!l || g !== null) return;
+    m && (f(S.id), y(S.categoryName || ""));
+  }, q = () => {
+    if (!l || b !== null) return;
     const S = `temp-${Date.now()}`;
-    h((O) => [
-      ...O,
+    h((P) => [
+      ...P,
       {
         id: S,
         categoryName: "",
         links: [],
-        order: (O.at(-1)?.order ?? 0) + 1,
+        order: (P.at(-1)?.order ?? 0) + 1,
         _temp: !0
       }
-    ]), b(S), y("");
-  }, z = () => {
-    g != null && (h((S) => {
-      const O = S.find((P) => P.id === g), D = O && O._temp ? S.filter((P) => P.id !== g) : S;
+    ]), f(S), y("");
+  }, k = () => {
+    b != null && (h((S) => {
+      const P = S.find((O) => O.id === b), D = P && P._temp ? S.filter((O) => O.id !== b) : S;
       return s?.(D), D;
-    }), b(null), y(""));
-  }, f = async () => {
-    if (g == null || !r.trim()) return;
-    const S = typeof g == "string" && g.startsWith("temp-");
+    }), f(null), y(""));
+  }, g = async () => {
+    if (b == null || !r.trim()) return;
+    const S = typeof b == "string" && b.startsWith("temp-");
     try {
       if (S) {
-        const O = await _e(t.collectionCreate, {
+        const P = await _e(t.collectionCreate, {
           categoryName: r.trim(),
           order: (Array.isArray(d) && d.length > 0 ? d.at(-1)?.order ?? 0 : 0) + 1
         });
-        O && (h((D) => {
-          const P = D.map((_) => _.id === g ? O : _);
-          return s?.(P), P;
+        P && (h((D) => {
+          const O = D.map((V) => V.id === b ? P : V);
+          return s?.(O), O;
         }), De.success("Collection created successfully"));
       } else {
-        const O = await Zn(
-          `${t.collectionUpdate}/${g}?newName=${r.trim()}`
+        const P = await Zn(
+          `${t.collectionUpdate}/${b}?newName=${r.trim()}`
         );
         h((D) => {
-          const P = D.map(
-            (_) => _.id === g ? O && O.id ? { ..._, ...O } : { ..._, categoryName: r.trim() } : _
+          const O = D.map(
+            (V) => V.id === b ? P && P.id ? { ...V, ...P } : { ...V, categoryName: r.trim() } : V
           );
-          return s?.(P), P;
+          return s?.(O), O;
         }), me.success("Collection updated successfully");
       }
-      b(null), y("");
-    } catch (O) {
-      console.log(O), me.error("Failed to save collection");
+      f(null), y("");
+    } catch (P) {
+      console.log(P), me.error("Failed to save collection");
     }
   }, v = async (S) => {
     if (o)
       try {
-        await Qn(`${t.collectionUpdate}/${S.id}`) && (me.success("Deleted successfully", { autoClose: 3e3 }), U());
-      } catch (O) {
-        console.log(O), me.error("Failed to delete collection");
+        await Qn(`${t.collectionUpdate}/${S.id}`) && (me.success("Deleted successfully", { autoClose: 3e3 }), _());
+      } catch (P) {
+        console.log(P), me.error("Failed to delete collection");
       }
-  }, w = (S, O, D) => {
-    if (!u || !O || !D || O === D) return S;
-    const P = S.findIndex((W) => W.id === O), _ = S.findIndex((W) => W.id === D);
-    if (P === -1 || _ === -1) return S;
-    const R = [...S], [Y] = R.splice(P, 1);
-    return R.splice(_, 0, Y), R.map((W, pe) => ({ ...W, order: pe + 1 }));
-  }, C = async (S) => {
-    const O = S.map((D) => ({
+  }, w = (S, P, D) => {
+    if (!u || !P || !D || P === D) return S;
+    const O = S.findIndex((W) => W.id === P), V = S.findIndex((W) => W.id === D);
+    if (O === -1 || V === -1) return S;
+    const R = [...S], [Y] = R.splice(O, 1);
+    return R.splice(V, 0, Y), R.map((W, pe) => ({ ...W, order: pe + 1 }));
+  }, z = async (S) => {
+    const P = S.map((D) => ({
       id: D.id,
       order: D.order,
       categoryName: D.categoryName
     }));
     try {
-      await _e(t.updateCollection, O);
+      await _e(t.updateCollection, P);
     } catch (D) {
       console.log(D), me.error("Failed to save order", { autoClose: 2500 });
     }
-  }, N = (S, O) => {
-    u && (S.dataTransfer.effectAllowed = "move", S.dataTransfer.setData("text/plain", String(O)), T(O));
+  }, N = (S, P) => {
+    u && (S.dataTransfer.effectAllowed = "move", S.dataTransfer.setData("text/plain", String(P)), T(P));
   }, x = (S) => {
-    $ && S !== F && A(S);
-  }, k = (S) => {
+    $ && S !== A && E(S);
+  }, C = (S) => {
     S.preventDefault();
-  }, E = async (S, O) => {
+  }, F = async (S, P) => {
     S.preventDefault();
     const D = S.dataTransfer.getData("text/plain");
-    D && (h((P) => {
-      const _ = w(P, D, O);
-      return console.log("Reordered", _), C(_), s?.(_), _;
-    }), T(null), A(null));
+    D && (h((O) => {
+      const V = w(O, D, P);
+      return console.log("Reordered", V), z(V), s?.(V), V;
+    }), T(null), E(null));
   }, L = () => {
-    T(null), A(null);
-  }, q = Array.isArray(d) ? d.filter(
+    T(null), E(null);
+  }, U = Array.isArray(d) ? d.filter(
     (S) => S.categoryName?.toLowerCase().includes(I.toLowerCase())
   ) : [];
   return /* @__PURE__ */ n("div", { className: `manage-collection-list ${a}`, children: [
@@ -5290,7 +5290,7 @@ const Mt = () => {
         be,
         {
           value: I,
-          onDebouncedChange: V,
+          onDebouncedChange: j,
           placeholder: "Search Collection",
           customClass: "mr-4 searchmanagecollection"
         }
@@ -5300,30 +5300,30 @@ const Mt = () => {
         {
           className: [
             "px-4 py-3 bg-black text-white rounded-2xl ml-4",
-            g !== null ? "opacity-60 cursor-not-allowed" : "cursor-pointer"
+            b !== null ? "opacity-60 cursor-not-allowed" : "cursor-pointer"
           ].join(" "),
-          onClick: B,
-          disabled: g !== null,
+          onClick: q,
+          disabled: b !== null,
           children: "Add a Collection"
         }
       )
     ] }) }),
-    /* @__PURE__ */ e("div", { className: "mt-5 flex flex-col", children: q.map((S) => {
-      const O = g === S.id, D = S?.links?.length ?? 0, P = $ === S.id, _ = F === S.id && $ !== S.id;
+    /* @__PURE__ */ e("div", { className: "mt-5 flex flex-col", children: U.map((S) => {
+      const P = b === S.id, D = S?.links?.length ?? 0, O = $ === S.id, V = A === S.id && $ !== S.id;
       return /* @__PURE__ */ e(
         "div",
         {
           onDragEnter: () => x(S.id),
-          onDragOver: k,
-          onDrop: (R) => E(R, S.id),
+          onDragOver: C,
+          onDrop: (R) => F(R, S.id),
           onDragEnd: L,
           className: [
             "flex items-center justify-between p-3 border rounded-2xl mb-3",
             "border-gray-300",
-            _ ? "ring-2 ring-gray-800/20" : "",
-            P ? "opacity-60" : ""
+            V ? "ring-2 ring-gray-800/20" : "",
+            O ? "opacity-60" : ""
           ].join(" "),
-          children: O ? /* @__PURE__ */ n(te, { children: [
+          children: P ? /* @__PURE__ */ n(te, { children: [
             /* @__PURE__ */ e("div", { className: "flex items-center gap-2 flex-1", children: /* @__PURE__ */ e(
               "input",
               {
@@ -5333,7 +5333,7 @@ const Mt = () => {
                 placeholder: S._temp ? "New collection name" : "Edit collection name",
                 onChange: (R) => y(R.target.value),
                 onKeyDown: (R) => {
-                  R.key === "Enter" && f(), R.key === "Escape" && z();
+                  R.key === "Enter" && g(), R.key === "Escape" && k();
                 },
                 autoFocus: !0
               }
@@ -5343,7 +5343,7 @@ const Mt = () => {
                 "button",
                 {
                   className: "cursor-pointer border border-gray-300 p-2 rounded-2xl",
-                  onClick: z,
+                  onClick: k,
                   "aria-label": "Cancel edit",
                   children: /* @__PURE__ */ e(ge, { color: "#767676" })
                 }
@@ -5355,7 +5355,7 @@ const Mt = () => {
                     "border p-2 rounded-2xl",
                     r.trim() ? "cursor-pointer border-gray-300" : "cursor-not-allowed border-gray-200"
                   ].join(" "),
-                  onClick: f,
+                  onClick: g,
                   "aria-label": "Save",
                   disabled: !r.trim(),
                   title: r.trim() ? "Save" : "Name required",
@@ -5413,8 +5413,8 @@ const Mt = () => {
     initialData: o = null,
     showSearch: u = !0,
     allowAdd: p = !0,
-    allowEdit: g = !0,
-    allowDelete: b = !0,
+    allowEdit: b = !0,
+    allowDelete: f = !0,
     allowReorder: r = !0,
     className: y = ""
   } = t, d = a?.[t.key] || o || [], h = Array.isArray(d) ? d : [];
@@ -5434,8 +5434,8 @@ const Mt = () => {
         },
         showSearch: u,
         allowAdd: p,
-        allowEdit: g,
-        allowDelete: b,
+        allowEdit: b,
+        allowDelete: f,
         allowReorder: r
       }
     )
@@ -5463,122 +5463,122 @@ function Ss({
   onCancel: i,
   onSave: l
 }) {
-  const [m, o] = se.useState(a), [u, p] = se.useState(null), [g, b] = M(!1), [r, y] = M(!1), [d, h] = M({}), $ = `${Se()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, T = $, [F, A] = M(1), I = (w) => {
+  const [m, o] = se.useState(a), [u, p] = se.useState(null), [b, f] = M(!1), [r, y] = M(!1), [d, h] = M({}), $ = `${Se()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, T = $, [A, E] = M(1), I = (w) => {
     if (!a || !a.configuration)
       return w;
-    const C = {}, N = w?.configuration || {};
+    const z = {}, N = w?.configuration || {};
     return a.configuration.forEach((x) => {
       if (x.key && x.type === "datatable") {
-        const E = (N[x.key] || []).map((L, q) => {
+        const F = (N[x.key] || []).map((L, U) => {
           const S = { id: L.id || 0 };
-          return x.fields && x.fields.forEach((O) => {
-            if (O.fieldtype === "audience") {
+          return x.fields && x.fields.forEach((P) => {
+            if (P.fieldtype === "audience") {
               let D = { users: [], groups: [], roles: [] };
-              L[O.key] && (Array.isArray(L[O.key]) ? D = { users: [], groups: [], roles: [] } : typeof L[O.key] == "object" && (D = {
-                users: L[O.key].users || [],
-                groups: L[O.key].groups || [],
-                roles: L[O.key].roles || []
-              })), S[O.key] = D;
+              L[P.key] && (Array.isArray(L[P.key]) ? D = { users: [], groups: [], roles: [] } : typeof L[P.key] == "object" && (D = {
+                users: L[P.key].users || [],
+                groups: L[P.key].groups || [],
+                roles: L[P.key].roles || []
+              })), S[P.key] = D;
             } else
-              S[O.key] = L[O.key] || O.default || "";
+              S[P.key] = L[P.key] || P.default || "";
           }), S;
         });
-        if (E.length === 0) {
+        if (F.length === 0) {
           const L = { id: 0 };
-          x.fields && x.fields.forEach((q) => {
-            q.fieldtype === "audience" ? L[q.key] = { users: [], groups: [], roles: [] } : L[q.key] = q.default || "";
-          }), E.push(L);
+          x.fields && x.fields.forEach((U) => {
+            U.fieldtype === "audience" ? L[U.key] = { users: [], groups: [], roles: [] } : L[U.key] = U.default || "";
+          }), F.push(L);
         }
-        C[x.key] = E;
-      } else x.key && (C[x.key] = N[x.key] || {});
-    }), C;
-  }, V = () => {
+        z[x.key] = F;
+      } else x.key && (z[x.key] = N[x.key] || {});
+    }), z;
+  }, j = () => {
     if (a && a.configuration) {
       const w = {};
-      a.configuration.forEach((C) => {
-        if (C.key)
-          if (C.type === "datatable") {
+      a.configuration.forEach((z) => {
+        if (z.key)
+          if (z.type === "datatable") {
             const N = { id: 0 };
-            C.fields && C.fields.forEach((x) => {
+            z.fields && z.fields.forEach((x) => {
               x.fieldtype === "audience" ? N[x.key] = { users: [], groups: [], roles: [] } : N[x.key] = x.default || "";
-            }), w[C.key] = [N];
-          } else if (C.type === "section") {
+            }), w[z.key] = [N];
+          } else if (z.type === "section") {
             const N = {};
-            C.fields && Array.isArray(C.fields) && C.fields.forEach((x) => {
+            z.fields && Array.isArray(z.fields) && z.fields.forEach((x) => {
               x.key && (N[x.key] = x.default || "");
-            }), w[C.key] = N;
+            }), w[z.key] = N;
           } else
-            w[C.key] = {};
+            w[z.key] = {};
       }), p(w);
     }
   };
   Z(() => {
     if (s) {
-      b(!1);
+      f(!1);
       return;
     }
     const w = async () => {
       try {
-        b(!0);
-        let C = await Ve($);
-        if (C) {
-          const N = I(C);
+        f(!0);
+        let z = await Ve($);
+        if (z) {
+          const N = I(z);
           p(N);
         } else
-          V();
-      } catch (C) {
-        console.error("Error fetching configuration:", C);
+          j();
+      } catch (z) {
+        console.error("Error fetching configuration:", z);
         let N = "Failed to load configuration";
-        if (C.response) {
-          const x = C.response.status, k = C.response.data?.message || C.response.data?.error;
-          x === 400 ? N = k || "Invalid request. Please check the application ID." : x === 401 ? N = "You are not authorized to access this configuration." : x === 403 ? N = "Access denied. You don't have permission to view this configuration." : x === 404 ? N = "Configuration not found. It may not exist yet or the application ID is incorrect." : x >= 500 ? N = k || "Server error. Please try again later." : N = k || `Failed to load configuration (Error ${x})`;
-        } else C.request ? N = "Network error. Please check your connection and try again." : N = C.message || "An unexpected error occurred while loading configuration.";
-        De.error(N), V();
+        if (z.response) {
+          const x = z.response.status, C = z.response.data?.message || z.response.data?.error;
+          x === 400 ? N = C || "Invalid request. Please check the application ID." : x === 401 ? N = "You are not authorized to access this configuration." : x === 403 ? N = "Access denied. You don't have permission to view this configuration." : x === 404 ? N = "Configuration not found. It may not exist yet or the application ID is incorrect." : x >= 500 ? N = C || "Server error. Please try again later." : N = C || `Failed to load configuration (Error ${x})`;
+        } else z.request ? N = "Network error. Please check your connection and try again." : N = z.message || "An unexpected error occurred while loading configuration.";
+        De.error(N), j();
       } finally {
-        b(!1);
+        f(!1);
       }
     };
-    a && (o(a), t ? w() : V());
-  }, [a, F, t, s]);
-  const U = (w, C) => {
+    a && (o(a), t ? w() : j());
+  }, [a, A, t, s]);
+  const _ = (w, z) => {
     p((N) => ({
       ...N,
-      [w]: C
+      [w]: z
     })), h((N) => {
       const x = { ...N };
       return x[w] && delete x[w], x;
     });
   }, G = () => {
     const w = {};
-    return !m || !u || m.configuration.forEach((C) => {
-      if (C.type === "section")
-        C.fields.forEach((N) => {
+    return !m || !u || m.configuration.forEach((z) => {
+      if (z.type === "section")
+        z.fields.forEach((N) => {
           if (N.required) {
-            const x = u[C.key]?.[N.key];
-            (!x || typeof x == "string" && x.trim() === "") && (w[C.key] || (w[C.key] = {}), w[C.key][N.key] = `${N.label} is required`);
+            const x = u[z.key]?.[N.key];
+            (!x || typeof x == "string" && x.trim() === "") && (w[z.key] || (w[z.key] = {}), w[z.key][N.key] = `${N.label} is required`);
           }
         });
-      else if (C.type === "datatable") {
-        const N = u[C.key];
-        Array.isArray(N) && N.forEach((x, k) => {
-          C.fields.forEach((E) => {
-            if (E.required) {
-              const L = x[E.key];
-              (!L || typeof L == "string" && L.trim() === "") && (w[C.key] || (w[C.key] = {}), w[C.key][k] || (w[C.key][k] = {}), w[C.key][k][E.key] = `${E.label} is required`);
+      else if (z.type === "datatable") {
+        const N = u[z.key];
+        Array.isArray(N) && N.forEach((x, C) => {
+          z.fields.forEach((F) => {
+            if (F.required) {
+              const L = x[F.key];
+              (!L || typeof L == "string" && L.trim() === "") && (w[z.key] || (w[z.key] = {}), w[z.key][C] || (w[z.key][C] = {}), w[z.key][C][F.key] = `${F.label} is required`);
             }
           });
         });
       }
     }), w;
-  }, B = (w) => Object.keys(w).length > 0, z = () => {
+  }, q = (w) => Object.keys(w).length > 0, k = () => {
     const w = G();
-    if (h(w), B(w)) {
+    if (h(w), q(w)) {
       let N = [];
       Object.keys(w).forEach((x) => {
-        typeof w[x] == "object" && Object.keys(w[x]).forEach((k) => {
-          typeof w[x][k] == "object" ? Object.keys(w[x][k]).forEach((E) => {
-            N.push(`${x} row ${parseInt(k) + 1}: ${w[x][k][E]}`);
-          }) : N.push(`${x}: ${w[x][k]}`);
+        typeof w[x] == "object" && Object.keys(w[x]).forEach((C) => {
+          typeof w[x][C] == "object" ? Object.keys(w[x][C]).forEach((F) => {
+            N.push(`${x} row ${parseInt(C) + 1}: ${w[x][C][F]}`);
+          }) : N.push(`${x}: ${w[x][C]}`);
         });
       });
       return;
@@ -5587,30 +5587,30 @@ function Ss({
       try {
         y(!0);
         const N = {};
-        u && Object.keys(u).forEach((k) => {
-          const E = a?.configuration?.find(
-            (L) => L.key === k && L.type === "datatable"
+        u && Object.keys(u).forEach((C) => {
+          const F = a?.configuration?.find(
+            (L) => L.key === C && L.type === "datatable"
           );
-          E && Array.isArray(u[k]) ? N[k] = u[k].map((L) => {
-            const q = { id: L.id || 0 };
-            return E.fields && E.fields.forEach((S) => {
+          F && Array.isArray(u[C]) ? N[C] = u[C].map((L) => {
+            const U = { id: L.id || 0 };
+            return F.fields && F.fields.forEach((S) => {
               if (S.fieldtype === "audience") {
-                let O = { users: [], groups: [], roles: [] };
-                L[S.key] && typeof L[S.key] == "object" && !Array.isArray(L[S.key]) && (O = {
+                let P = { users: [], groups: [], roles: [] };
+                L[S.key] && typeof L[S.key] == "object" && !Array.isArray(L[S.key]) && (P = {
                   users: L[S.key].users || [],
                   groups: L[S.key].groups || [],
                   roles: L[S.key].roles || []
-                }), q[S.key] = O;
+                }), U[S.key] = P;
               } else
-                q[S.key] = L[S.key] || "";
-            }), q;
-          }) : N[k] = u[k];
+                U[S.key] = L[S.key] || "";
+            }), U;
+          }) : N[C] = u[C];
         });
         let x = await _e(T, N);
         if (console.log(), x && x.status != "fail") {
           h({});
-          const k = x.message || "Configuration has been saved successfully";
-          De.success(k), l && typeof l == "function" && l(u);
+          const C = x.message || "Configuration has been saved successfully";
+          De.success(C), l && typeof l == "function" && l(u);
         } else
           throw De.error(x?.message || "Failed to save configuration"), new Error("No response received from server");
       } catch (N) {
@@ -5619,20 +5619,20 @@ function Ss({
         y(!1);
       }
     })();
-  }, f = () => {
+  }, g = () => {
     if (i) {
       i();
       return;
     }
     d && Object.keys(d).length > 0 && !window.confirm(
       "You have validation errors that will be lost. Are you sure you want to cancel?"
-    ) || (h({}), p(null), A((C) => C + 1), De.info("Configuration changes cancelled"));
+    ) || (h({}), p(null), E((z) => z + 1), De.info("Configuration changes cancelled"));
   };
   if (!m?.configuration && !a?.configuration)
     return /* @__PURE__ */ e("div", { className: "min-h-screen flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "text-gray-500", children: "No configuration available" }) });
   const v = a?.configuration || m?.configuration;
   return Z(() => {
-    s && a ? (!u || Object.keys(u).length === 0) && V() : s && !a && V();
+    s && a ? (!u || Object.keys(u).length === 0) && j() : s && !a && j();
   }, [s, a]), /* @__PURE__ */ n("div", { children: [
     /* @__PURE__ */ n(
       "div",
@@ -5640,8 +5640,8 @@ function Ss({
         className: "dynamic-config bg-white w-full h-[calc(100vh-350px)] overflow-y-auto",
         style: { padding: "0px 20px 0px 0px" },
         children: [
-          g && /* @__PURE__ */ e("div", { className: "flex justify-center items-center h-64", children: /* @__PURE__ */ e(xa, { size: "large" }) }),
-          !g && v?.map((w, C) => {
+          b && /* @__PURE__ */ e("div", { className: "flex justify-center items-center h-64", children: /* @__PURE__ */ e(xa, { size: "large" }) }),
+          !b && v?.map((w, z) => {
             const N = zs(w.type);
             if (N && N !== "UnknownType")
               return /* @__PURE__ */ e(
@@ -5649,10 +5649,10 @@ function Ss({
                 {
                   item: w,
                   data: u,
-                  updateHandler: U,
+                  updateHandler: _,
                   validationErrors: d
                 },
-                C
+                z
               );
           })
         ]
@@ -5663,7 +5663,7 @@ function Ss({
         ee,
         {
           category: "secondary",
-          onClick: f,
+          onClick: g,
           label: "Cancel",
           disabled: r
         }
@@ -5672,7 +5672,7 @@ function Ss({
         ee,
         {
           category: "primary",
-          onClick: z,
+          onClick: k,
           disabled: r,
           label: r ? "Saving..." : "Apply",
           type: "submit"
@@ -5689,29 +5689,29 @@ const Ql = ({
   const [i, l] = M(0), [m, o] = M(!1), {
     pageHeader: u = {},
     appletHeader: p = {},
-    breadcrumb: g = [],
-    overview: b = {},
+    breadcrumb: b = [],
+    overview: f = {},
     configuration: r = []
-  } = t, y = r.map((B) => {
-    if (B.type === "section" && B.fields) {
-      const z = [...B.fields], f = z.findIndex((v) => v.key === "appkey");
-      if (f !== -1) {
-        const v = z[f];
-        if (z[f] = {
-          ...v,
+  } = t, y = r.map((k) => {
+    if (k.type === "section" && k.fields) {
+      const g = [...k.fields], v = g.findIndex((w) => w.key === "appkey");
+      if (v !== -1) {
+        const w = g[v];
+        if (g[v] = {
+          ...w,
           default: a,
           value: a,
           disabled: !0,
           placeholder: a
-        }, z.some((C) => C.key === "displayname")) {
-          const C = z.findIndex((x) => x.key === "displayname"), N = z[C] || {};
-          z[C] = {
-            ...N,
-            default: N.default || N.value || a,
-            placeholder: N.placeholder || "Enter display name"
+        }, g.some((N) => N.key === "displayname")) {
+          const N = g.findIndex((C) => C.key === "displayname"), x = g[N] || {};
+          g[N] = {
+            ...x,
+            default: x.default || x.value || a,
+            placeholder: x.placeholder || "Enter display name"
           };
         } else {
-          const C = {
+          const N = {
             key: "displayname",
             label: "Display Name",
             fieldtype: "text",
@@ -5720,44 +5720,54 @@ const Ql = ({
             placeholder: "Enter display name",
             required: !1
           };
-          z.splice(f + 1, 0, C);
+          g.splice(v + 1, 0, N);
         }
       }
       return {
-        ...B,
-        fields: z
+        ...k,
+        fields: g
       };
     }
-    return B;
+    return k;
   }), d = {
     heading: "App Details",
     subHeading: "View app details and customize configurations to align with institutional requirements.",
     isLeftArrow: !0,
     onBackClick: () => window.history.back(),
     ...u
-  }, h = g.map((B) => ({
-    label: B.text,
-    href: B.href || "#"
-  })), $ = ne(() => {
+  }, h = b.map((k) => ({
+    label: k.text,
+    href: k.href || "#"
+  })), $ = ae(() => {
     console.log("handleCancelRequest called - showing modal"), o(!0);
-  }, []), T = ne((B) => {
-    o(!1), B.primary ? (console.log("User confirmed cancel - navigating back"), window.history.back()) : console.log("User cancelled the cancel action - modal closed, data preserved");
-  }, []), F = (() => {
+  }, []), T = ae((k) => {
+    o(!1), k.primary ? (console.log("User confirmed cancel - navigating back"), window.history.back()) : console.log("User cancelled the cancel action - modal closed, data preserved");
+  }, []), A = ae((k) => {
+    console.log("Configuration changed:", k);
+  }, []), E = (() => {
+    if (p.headingKey && Array.isArray(r)) {
+      const k = p.headingKey.split("."), g = k[0], v = k[1], w = r.find((z) => z && z.key === g);
+      if (w && w.fields) {
+        const z = w.fields.find((N) => N && N.key === v);
+        if (z)
+          return z.default ?? z.value ?? p.heading ?? a;
+      }
+    }
     if (Array.isArray(r)) {
-      for (const B of r)
-        if (B && B.fields) {
-          const z = B.fields.find((f) => f && f.key === "displayname");
-          if (z) return z.default ?? z.value ?? a;
+      for (const k of r)
+        if (k && k.fields) {
+          const g = k.fields.find((v) => v && v.key === "displayname");
+          if (g) return g.default ?? g.value ?? a;
         }
     }
     return p.heading || a;
-  })(), A = {
+  })(), I = {
     subHeading: "Application configuration and details",
     tags: [],
     ...p,
-    heading: F
+    heading: E
     // Use resolvedDisplayName only
-  }, I = {
+  }, j = {
     about: "This application provides comprehensive functionality for your organization.",
     images: {
       desktop: "https://via.placeholder.com/600x400?text=Desktop+View",
@@ -5774,25 +5784,25 @@ const Ql = ({
         description: "Description of feature 2"
       }
     ],
-    ...b
-  }, V = [
-    { label: "Overview", content: G(I) },
-    { label: "Configuration", content: /* @__PURE__ */ e(Ss, { appid: a, configdata: { configuration: y }, disableApi: s, onCancel: $, onSave: handleConfigChange }) }
+    ...f
+  }, _ = [
+    { label: "Overview", content: q(j) },
+    { label: "Configuration", content: /* @__PURE__ */ e(Ss, { appid: a, configdata: { configuration: y }, disableApi: s, onCancel: $, onSave: A }) }
   ];
-  function U(B) {
-    return B ? B.includes("<svg") ? /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: B } }) : B : "📱";
+  function G(k) {
+    return k ? k.includes("<svg") ? /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: k } }) : k : "📱";
   }
-  function G(B) {
+  function q(k) {
     return /* @__PURE__ */ n("div", { className: "bg-white rounded-2xl p-1", children: [
       /* @__PURE__ */ n("section", { className: "mb-8", children: [
         /* @__PURE__ */ e("h2", { className: "text-xl font-semibold mb-2", children: "About" }),
-        /* @__PURE__ */ e("p", { className: "text-gray-700 text-base", children: B.about })
+        /* @__PURE__ */ e("p", { className: "text-gray-700 text-base", children: k.about })
       ] }),
       /* @__PURE__ */ n("section", { className: "flex flex-row gap-6 justify-center items-center mb-8", children: [
         /* @__PURE__ */ e(
           "img",
           {
-            src: B.images.desktop,
+            src: k.images.desktop,
             alt: "Desktop View",
             className: "rounded-xl border border-gray-200 w-[340px] h-[220px] object-cover"
           }
@@ -5800,7 +5810,7 @@ const Ql = ({
         /* @__PURE__ */ e(
           "img",
           {
-            src: B.images.mobile1,
+            src: k.images.mobile1,
             alt: "Mobile View 1",
             className: "rounded-2xl border border-gray-200 w-[120px] h-[220px] object-cover"
           }
@@ -5808,7 +5818,7 @@ const Ql = ({
         /* @__PURE__ */ e(
           "img",
           {
-            src: B.images.mobile2,
+            src: k.images.mobile2,
             alt: "Mobile View 2",
             className: "rounded-2xl border border-gray-200 w-[120px] h-[220px] object-cover"
           }
@@ -5816,11 +5826,11 @@ const Ql = ({
       ] }),
       /* @__PURE__ */ n("section", { children: [
         /* @__PURE__ */ e("h3", { className: "text-lg font-semibold mb-4", children: "Key Features" }),
-        /* @__PURE__ */ e("ul", { className: "space-y-3", children: B.features.map((z, f) => /* @__PURE__ */ n("li", { children: [
-          /* @__PURE__ */ e("span", { className: "font-semibold", children: z.title }),
+        /* @__PURE__ */ e("ul", { className: "space-y-3", children: k.features.map((g, v) => /* @__PURE__ */ n("li", { children: [
+          /* @__PURE__ */ e("span", { className: "font-semibold", children: g.title }),
           /* @__PURE__ */ e("br", {}),
-          /* @__PURE__ */ e("span", { className: "text-gray-700", children: z.description })
-        ] }, f)) })
+          /* @__PURE__ */ e("span", { className: "text-gray-700", children: g.description })
+        ] }, v)) })
       ] })
     ] });
   }
@@ -5836,34 +5846,34 @@ const Ql = ({
       }
     ),
     /* @__PURE__ */ n("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: U(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: G(I.icon) }),
       /* @__PURE__ */ n("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((B, z) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("h2", { className: "text-[24px] font-semibold m-0 leading-tight truncate", children: I.heading }),
+        /* @__PURE__ */ e("p", { className: "text-[13px] text-[#101112] mt-1 mb-0 max-w-[800px] leading-normal", children: I.subHeading }),
+        /* @__PURE__ */ e("div", { className: "mt-2 flex flex-wrap gap-2", children: I.tags && I.tags.map((k, g) => /* @__PURE__ */ e(
           "span",
           {
             className: "pill inline-block px-[10px] py-[6px] rounded-[14px] text-[11px] border border-[#e6e9ee] text-[#767676] font-semibold mt-1",
-            children: B
+            children: k
           },
-          z
+          g
         )) })
       ] })
     ] }),
     /* @__PURE__ */ n("div", { className: "bg-white border border-gray-300 rounded-2xl w-full mt-5 ", children: [
-      /* @__PURE__ */ e("div", { className: "border-b border-gray-200", children: /* @__PURE__ */ e("nav", { className: "flex space-x-8", "aria-label": "Tabs", children: V.map((B, z) => /* @__PURE__ */ e(
+      /* @__PURE__ */ e("div", { className: "border-b border-gray-200", children: /* @__PURE__ */ e("nav", { className: "flex space-x-8", "aria-label": "Tabs", children: _.map((k, g) => /* @__PURE__ */ e(
         "button",
         {
-          onClick: () => l(z),
-          className: `${i === z ? "border-black text-black" : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300"} whitespace-nowrap py-3 px-6 border-b-2 font-medium text-sm transition-colors duration-200`,
-          children: B.label
+          onClick: () => l(g),
+          className: `${i === g ? "border-black text-black" : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300"} whitespace-nowrap py-3 px-6 border-b-2 font-medium text-sm transition-colors duration-200`,
+          children: k.label
         },
-        z
+        g
       )) }) }),
-      /* @__PURE__ */ e("div", { className: "p-8 h-full overflow-y-auto", children: V[i].content })
+      /* @__PURE__ */ e("div", { className: "p-8 h-full overflow-y-auto", children: _[i].content })
     ] }),
     /* @__PURE__ */ e(
-      Pn,
+      On,
       {
         isOpen: m,
         onClose: T,
@@ -5915,8 +5925,8 @@ const Kl = ({
   addBtnText: u = "Add",
   // Feature toggles
   showSearch: p = !0,
-  showColumnChooser: g = !0,
-  showFilter: b = !1,
+  showColumnChooser: b = !0,
+  showFilter: f = !1,
   showPrint: r = !1,
   showExcel: y = !1,
   showPdf: d = !1,
@@ -5924,57 +5934,57 @@ const Kl = ({
   showAdd: $ = !1,
   // Additional props
   searchPlaceholder: T = "Search...",
-  handleRefreshClick: F = () => {
+  handleRefreshClick: A = () => {
   },
-  handleSearchChange: A = () => {
+  handleSearchChange: E = () => {
   },
   // Optional: override export file names
   excelFileName: I,
-  pdfFileName: V
+  pdfFileName: j
 }) => {
-  const U = () => l?.current || i?.current, [G, B] = se.useState(""), z = (t || "export").toString().trim() || "export", f = `${I || z}.xlsx`, v = `${V || z}.pdf`, w = (x, k, E) => Math.max(k, Math.min(x, E)), C = ne(
+  const _ = () => l?.current || i?.current, [G, q] = se.useState(""), k = (t || "export").toString().trim() || "export", g = `${I || k}.xlsx`, v = `${j || k}.pdf`, w = (x, C, F) => Math.max(C, Math.min(x, F)), z = ae(
     (x) => {
-      const k = U();
-      if (console.log("openColumnChooserNear", k), !!k?.openColumnChooser) {
+      const C = _();
+      if (console.log("openColumnChooserNear", C), !!C?.openColumnChooser) {
         if (typeof window > "u" || !x?.currentTarget) {
-          k.openColumnChooser();
+          C.openColumnChooser();
           return;
         }
         try {
-          const E = x.currentTarget.getBoundingClientRect(), L = E.left + window.scrollX, q = E.bottom + window.scrollY;
-          let S = L - 120, O = q - 120;
-          const D = window.innerWidth, P = window.innerHeight;
-          S = w(S, window.scrollX + 8, window.scrollX + D - 340), O = w(O, window.scrollY, window.scrollY + P - 120), console.log("openColumnChooserNear", S, O), k.openColumnChooser(S, O);
-        } catch (E) {
-          console.log("coloumn choose error", E);
+          const F = x.currentTarget.getBoundingClientRect(), L = F.left + window.scrollX, U = F.bottom + window.scrollY;
+          let S = L - 120, P = U - 120;
+          const D = window.innerWidth, O = window.innerHeight;
+          S = w(S, window.scrollX + 8, window.scrollX + D - 340), P = w(P, window.scrollY, window.scrollY + O - 120), console.log("openColumnChooserNear", S, P), C.openColumnChooser(S, P);
+        } catch (F) {
+          console.log("coloumn choose error", F);
         }
       }
     },
     []
     // no external deps; reads ref at call time
-  ), N = ne(
-    (x, k) => {
-      const E = U();
-      if (E)
+  ), N = ae(
+    (x, C) => {
+      const F = _();
+      if (F)
         switch (x) {
           case "ColumnChooser":
-            g && (console.log("openColumnChooser", k), k ? C(k) : E.openColumnChooser?.()), console.log("openColumnChooser out", k);
+            b && (console.log("openColumnChooser", C), C ? z(C) : F.openColumnChooser?.()), console.log("openColumnChooser out", C);
             break;
           case "Print":
-            r && E.print?.();
+            r && F.print?.();
             break;
           case "Excel":
-            y && E.excelExport?.({ fileName: f });
+            y && F.excelExport?.({ fileName: g });
             break;
           case "Pdf":
-            d && E.pdfExport?.({ fileName: v });
+            d && F.pdfExport?.({ fileName: v });
             break;
           case "Refresh":
-            h && F();
+            h && A();
             break;
         }
     },
-    [g, r, y, d, h, f, v, F, C]
+    [b, r, y, d, h, g, v, A, z]
   );
   return /* @__PURE__ */ n("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__ */ n("div", { className: "flex flex-col", children: [
@@ -5992,13 +6002,13 @@ const Kl = ({
           placeholder: T,
           value: G,
           onDebouncedChange: (x) => {
-            B(x), A(x);
+            q(x), E(x);
           }
         }
       ) }),
       /* @__PURE__ */ n("div", { className: "flex gap-3", children: [
         /* @__PURE__ */ n("div", { className: "flex items-center gap-1.5", children: [
-          g && /* @__PURE__ */ e(
+          b && /* @__PURE__ */ e(
             ee,
             {
               icon: Nr,
@@ -6009,7 +6019,7 @@ const Kl = ({
               title: "Choose Columns"
             }
           ),
-          b && /* @__PURE__ */ e(
+          f && /* @__PURE__ */ e(
             ee,
             {
               icon: kr,
@@ -6039,7 +6049,7 @@ const Kl = ({
               ariaLabel: "Excel Download",
               size: "small",
               category: "secondary",
-              title: `Export Excel (${f})`
+              title: `Export Excel (${g})`
             }
           ),
           d && /* @__PURE__ */ e(
@@ -6092,68 +6102,68 @@ function ei(t) {
     allowSorting: o = !0,
     allowFiltering: u = !1,
     allowGrouping: p = !1,
-    allowReordering: g = !0,
-    allowResizing: b = !0,
+    allowReordering: b = !0,
+    allowResizing: f = !0,
     allowExcelExport: r = !1,
     allowPdfExport: y = !1,
     showColumnChooser: d = !1,
     enableSearchApi: h = !1,
     height: $ = "600",
     selectionSettings: T = { type: "Multiple", mode: "Row" },
-    enableCheckbox: F = !1,
-    columns: A = [],
+    enableCheckbox: A = !1,
+    columns: E = [],
     onGridStateChange: I,
-    onRowSelected: V,
-    onRowDeselected: U,
+    onRowSelected: j,
+    onRowDeselected: _,
     onRowDoubleClick: G,
-    apiRef: B,
-    gridProps: z = {}
-  } = t, f = xe(null), {
+    apiRef: q,
+    gridProps: k = {}
+  } = t, g = xe(null), {
     pageSettings: v,
     sortSettings: w,
-    ...C
-  } = z || {}, [N, x] = se.useState(v?.page || 1), [k, E] = se.useState(w?.pageSize || 20), [L, q] = se.useState(w?.sortKey || "updatedDate"), [S, O] = se.useState(w?.direction || "Descending"), D = ue(() => {
-    const j = [cn];
-    return o && j.push(dn), u && j.push(mn), p && j.push(un), h && j.push(hn), r && j.push(pn), y && j.push(gn), d && j.push(bn), b && j.push(fn), g && j.push(xn), j.push(yn), j;
-  }, [o, u, p, h, r, y, d, b, g]), P = ue(() => {
-    const j = () => f.current, ae = (J, we) => {
+    ...z
+  } = k || {}, [N, x] = se.useState(v?.page || 1), [C, F] = se.useState(w?.pageSize || 20), [L, U] = se.useState(w?.sortKey || "updatedDate"), [S, P] = se.useState(w?.direction || "Descending"), D = ue(() => {
+    const B = [cn];
+    return o && B.push(dn), u && B.push(mn), p && B.push(un), h && B.push(hn), r && B.push(pn), y && B.push(gn), d && B.push(bn), f && B.push(fn), b && B.push(xn), B.push(yn), B;
+  }, [o, u, p, h, r, y, d, f, b]), O = ue(() => {
+    const B = () => g.current, re = (J, we) => {
       !we && process.env.NODE_ENV !== "production" && console.warn(`[CustomDataGrid] ${J} requested but related service/feature is disabled.`);
     };
     return {
-      getInstance: () => j(),
-      refresh: () => j()?.refresh?.(),
-      getSelectedRecords: () => j()?.getSelectedRecords?.() ?? [],
-      clearSelection: () => j()?.clearSelection?.(),
-      selectRow: (J) => j()?.selectRow?.(J),
-      selectRows: (J) => j()?.selectRows?.(J),
+      getInstance: () => B(),
+      refresh: () => B()?.refresh?.(),
+      getSelectedRecords: () => B()?.getSelectedRecords?.() ?? [],
+      clearSelection: () => B()?.clearSelection?.(),
+      selectRow: (J) => B()?.selectRow?.(J),
+      selectRows: (J) => B()?.selectRows?.(J),
       search: (J) => {
-        ae("search()", h), j()?.search?.(J);
+        re("search()", h), B()?.search?.(J);
       },
-      print: () => j()?.print?.(),
+      print: () => B()?.print?.(),
       excelExport: (J) => {
-        ae("excelExport()", r), j()?.excelExport?.(J);
+        re("excelExport()", r), B()?.excelExport?.(J);
       },
       pdfExport: (J) => {
-        ae("pdfExport()", y), j()?.pdfExport?.(J);
+        re("pdfExport()", y), B()?.pdfExport?.(J);
       },
       openColumnChooser: (J, we) => {
-        ae("openColumnChooser()", d), j()?.columnChooserModule?.openColumnChooser?.(J, we);
+        re("openColumnChooser()", d), B()?.columnChooserModule?.openColumnChooser?.(J, we);
       }
     };
   }, []);
   Z(() => {
-    B && (B.current = P);
-  }, [B, P]), Z(() => () => {
-    B && (B.current = null);
+    q && (q.current = O);
+  }, [q, O]), Z(() => () => {
+    q && (q.current = null);
   }, []);
-  const _ = (j) => {
-    const ae = String(j || "");
-    return ae === "Ascending" || ae === "Descending" ? ae : ae.toLowerCase() === "ascending" ? "Ascending" : "Descending";
-  }, R = (j) => {
-    const ae = f.current, J = j?.requestType, we = J === "paging" ? "paging" : J === "sorting" ? "sorting" : J === "searching" ? "searching" : J === "filtering" ? "filtering" : J === "grouping" ? "grouping" : J === "reorder" ? "reorder" : J === "columnstate" ? "columnstate" : "other", Ie = j?.pageSize ?? ae?.pageSettings?.pageSize ?? k, Ue = j?.currentPage ?? ae?.pageSettings?.currentPage ?? l, st = j?.columnName && j?.direction ? [{ field: j.columnName, dir: _(j.direction) }] : (ae?.sortSettings?.columns || []).map((Oe) => ({
-      field: Oe.field,
-      dir: _(Oe.direction ?? Oe.dir)
-    })), lt = j?.searchString ?? "", it = j?.columns ?? ae?.filterSettings?.columns ?? [];
+  const V = (B) => {
+    const re = String(B || "");
+    return re === "Ascending" || re === "Descending" ? re : re.toLowerCase() === "ascending" ? "Ascending" : "Descending";
+  }, R = (B) => {
+    const re = g.current, J = B?.requestType, we = J === "paging" ? "paging" : J === "sorting" ? "sorting" : J === "searching" ? "searching" : J === "filtering" ? "filtering" : J === "grouping" ? "grouping" : J === "reorder" ? "reorder" : J === "columnstate" ? "columnstate" : "other", Ie = B?.pageSize ?? re?.pageSettings?.pageSize ?? C, Ue = B?.currentPage ?? re?.pageSettings?.currentPage ?? l, st = B?.columnName && B?.direction ? [{ field: B.columnName, dir: V(B.direction) }] : (re?.sortSettings?.columns || []).map((Pe) => ({
+      field: Pe.field,
+      dir: V(Pe.direction ?? Pe.dir)
+    })), lt = B?.searchString ?? "", it = B?.columns ?? re?.filterSettings?.columns ?? [];
     return {
       reason: we,
       page: { index: Ue, size: Ie, skip: (Ue - 1) * Ie, take: Ie },
@@ -6161,17 +6171,17 @@ function ei(t) {
       // [{ field, dir: 'Ascending'|'Descending' }]
       search: lt,
       filters: it,
-      rawEvent: j
+      rawEvent: B
     };
-  }, Y = (j) => {
+  }, Y = (B) => {
     setTimeout(() => {
-      f?.current?.hideSpinner();
-    }, 1e3), j.requestType === "paging" && (x(j.currentPage), E(j.pageSize)), j.requestType === "sorting" && (q(j.columnName || "updatedDate"), O(j.direction === "Ascending" ? "ASC" : "DESC")), I && I(R(j), j);
-  }, W = (j) => {
-    typeof G == "function" && G(j?.rowData, j);
+      g?.current?.hideSpinner();
+    }, 1e3), B.requestType === "paging" && (x(B.currentPage), F(B.pageSize)), B.requestType === "sorting" && (U(B.columnName || "updatedDate"), P(B.direction === "Ascending" ? "ASC" : "DESC")), I && I(R(B), B);
+  }, W = (B) => {
+    typeof G == "function" && G(B?.rowData, B);
   }, pe = () => {
-    const j = [];
-    return F && j.push(/* @__PURE__ */ e(Dt, { type: "checkbox", width: "50" }, "__checkbox__")), A.forEach((ae, J) => {
+    const B = [];
+    return A && B.push(/* @__PURE__ */ e(Dt, { type: "checkbox", width: "50" }, "__checkbox__")), E.forEach((re, J) => {
       const {
         field: we,
         headerText: Ie,
@@ -6179,18 +6189,18 @@ function ei(t) {
         textAlign: st = "Left",
         template: lt,
         isPrimaryKey: it,
-        showInColumnChooser: Oe = !0,
+        showInColumnChooser: Pe = !0,
         allowFiltering: Ia = !0,
-        allowSorting: Oa = !0,
-        type: Pa,
+        allowSorting: Pa = !0,
+        type: Oa,
         format: La,
         visible: Ma = !0,
         minWidth: Ba,
         maxWidth: ja,
         customAttributes: Va,
         ..._a
-      } = ae || {};
-      j.push(
+      } = re || {};
+      B.push(
         /* @__PURE__ */ e(
           Dt,
           {
@@ -6200,10 +6210,10 @@ function ei(t) {
             textAlign: st,
             template: lt,
             isPrimaryKey: it,
-            showInColumnChooser: Oe,
+            showInColumnChooser: Pe,
             allowFiltering: Ia,
-            allowSorting: Oa,
-            type: Pa,
+            allowSorting: Pa,
+            type: Oa,
             format: La,
             visible: Ma,
             minWidth: Ba,
@@ -6214,13 +6224,13 @@ function ei(t) {
           we || `col-${J}`
         )
       );
-    }), j;
+    }), B;
   };
   return /* @__PURE__ */ n(
     vn,
     {
       id: i,
-      ref: f,
+      ref: g,
       dataSource: {
         result: a,
         count: s
@@ -6230,20 +6240,20 @@ function ei(t) {
       allowSorting: o,
       allowFiltering: u,
       allowGrouping: p,
-      allowReordering: g,
-      allowResizing: b,
+      allowReordering: b,
+      allowResizing: f,
       showColumnChooser: d,
       selectionSettings: T,
       pageSettings: { pageSize: 10, pageSizes: v?.pageSizes ?? [20, 40, 60, 80, 100] },
       sortSettings: w ?? {
-        columns: [{ field: L, direction: _(S) }],
+        columns: [{ field: L, direction: V(S) }],
         allowUnsort: !1
       },
       actionBegin: Y,
-      rowSelected: V,
-      rowDeselected: U,
+      rowSelected: j,
+      rowDeselected: _,
       recordDoubleClick: W,
-      ...C,
+      ...z,
       children: [
         /* @__PURE__ */ e(wn, { children: pe() }),
         /* @__PURE__ */ e(Nn, { services: D })
@@ -6285,9 +6295,9 @@ function ie({
   details: o = {},
   ...u
 }) {
-  const p = Qe(), g = Ds(u, m), b = (y) => {
+  const p = Qe(), b = Ds(u, m), f = (y) => {
     l?.({
-      key: g,
+      key: b,
       checked: y.target.checked,
       details: o,
       props: u
@@ -6305,7 +6315,7 @@ function ie({
             id: p,
             type: "checkbox",
             className: "h-4 w-4 rounded border-zinc-300 focus:ring-[var(--primaryColor)]",
-            onChange: b,
+            onChange: f,
             "aria-label": "Select card"
           }
         ) }),
@@ -6332,8 +6342,8 @@ function $s({
   group: o = "Global",
   moreGroupsLabel: u = "+ 5 more",
   author: p = "Judith Black",
-  timeLabel: g = "Just now",
-  imageUrl: b = "https://images.unsplash.com/photo-1469980098053-382eb10ba017?q=80&w=1200&auto=format&fit=crop",
+  timeLabel: b = "Just now",
+  imageUrl: f = "https://images.unsplash.com/photo-1469980098053-382eb10ba017?q=80&w=1200&auto=format&fit=crop",
   description: r = "Columbia University is a prestigious Ivy League institution located in the heart of New York City.",
   // spread remaining props (_id, instanceId, etc.)
   ...y
@@ -6366,13 +6376,13 @@ function $s({
             )
           ] }) : null,
           /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "px-2", children: "•" }),
-          /* @__PURE__ */ e("span", { children: g })
+          /* @__PURE__ */ e("span", { children: b })
         ] }),
         /* @__PURE__ */ n("div", { className: "mt-2 flex items-center gap-3", children: [
           /* @__PURE__ */ e(ze, { name: "John", size: "medium" }),
           /* @__PURE__ */ n("div", { className: "leading-tight", children: [
             /* @__PURE__ */ e("div", { className: "text-sm font-medium text-zinc-800 dark:text-zinc-100", children: p }),
-            /* @__PURE__ */ e("div", { className: `text-zinc-500 dark:text-zinc-400 ${h.meta}`, children: g })
+            /* @__PURE__ */ e("div", { className: `text-zinc-500 dark:text-zinc-400 ${h.meta}`, children: b })
           ] })
         ] }),
         /* @__PURE__ */ n("p", { className: "mt-2 text-zinc-700 dark:text-zinc-300", children: [
@@ -6390,7 +6400,7 @@ function $s({
           "div",
           {
             className: `mt-3 overflow-hidden rounded-lg border border-zinc-200 dark:border-zinc-800 ${h.media}`,
-            children: /* @__PURE__ */ e("img", { src: b, alt: "", className: "h-full w-full object-cover" })
+            children: /* @__PURE__ */ e("img", { src: f, alt: "", className: "h-full w-full object-cover" })
           }
         ),
         /* @__PURE__ */ e("div", { className: "mt-3 w-full flex justify-center", children: /* @__PURE__ */ e(
@@ -6457,11 +6467,11 @@ function Rs({
   // spread for identity (_id/instanceId/etc)
   ...p
 }) {
-  const g = oe(t), b = ce[g], r = Es[g], y = (d) => `px-1 pb-2 text-sm font-medium ${d === o ? "text-zinc-900 dark:text-zinc-100 border-b-2" : "text-zinc-500 dark:text-zinc-400"}`;
+  const b = oe(t), f = ce[b], r = Es[b], y = (d) => `px-1 pb-2 text-sm font-medium ${d === o ? "text-zinc-900 dark:text-zinc-100 border-b-2" : "text-zinc-500 dark:text-zinc-400"}`;
   return /* @__PURE__ */ n(
     ie,
     {
-      className: `flex flex-col ${b.card} ${r.wrap}`,
+      className: `flex flex-col ${f.card} ${r.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
       onSelect: i,
@@ -6470,7 +6480,7 @@ function Rs({
       ...p,
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-start justify-between", children: [
-          /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${b.title}`, children: m }),
+          /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${f.title}`, children: m }),
           /* @__PURE__ */ e(
             "span",
             {
@@ -6605,7 +6615,7 @@ const Is = [
     thumb: "https://images.unsplash.com/photo-1522202176988-66273c2fd55f?q=80&w=640&auto=format&fit=crop",
     excerpt: "Community and business partners joined KCC leadership to recognize outstanding collaborations and celebrate student success…"
   }
-], Os = {
+], Ps = {
   sm: {
     wrap: "max-w-md",
     itemThumb: "h-14 w-20",
@@ -6630,7 +6640,7 @@ const Is = [
     excerpt: "text-sm text-zinc-600 dark:text-zinc-300 line-clamp-2"
   }
 }, jt = ({ label: t }) => /* @__PURE__ */ e("span", { className: "mt-1 inline-flex items-center rounded-full border border-zinc-300 dark:border-zinc-700 bg-white dark:bg-zinc-900 px-2 py-0.5 text-[11px] font-semibold tracking-wide", children: t });
-function Ps({
+function Os({
   size: t = "md",
   showCheckbox: a = !1,
   checkboxPosition: s = "top-left",
@@ -6641,11 +6651,11 @@ function Ps({
   // spread for identity fields: _id / id / instanceId etc.
   ...u
 }) {
-  const p = oe(t), g = ce[p], b = Os[p];
+  const p = oe(t), b = ce[p], f = Ps[p];
   return /* @__PURE__ */ n(
     ie,
     {
-      className: `flex flex-col ${g.card} ${b.wrap || ""}`,
+      className: `flex flex-col ${b.card} ${f.wrap || ""}`,
       showCheckbox: a,
       checkboxPosition: s,
       onSelect: i,
@@ -6654,17 +6664,17 @@ function Ps({
       ...u,
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-start justify-between", children: [
-          /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${g.title}`, children: m }),
+          /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${b.title}`, children: m }),
           /* @__PURE__ */ e("span", { className: "text-sm text-indigo-700 cursor-default select-none", children: "View All" })
         ] }),
         p === "lg" ? (
           // Large: 3-up grid of image cards
-          /* @__PURE__ */ e("div", { className: `mt-4 ${b.grid}`, children: o.slice(0, 3).map((r) => /* @__PURE__ */ n("article", { children: [
-            /* @__PURE__ */ e("img", { src: r.thumb, alt: "", className: b.cardImg }),
-            /* @__PURE__ */ e("h4", { className: `mt-3 ${b.title} text-zinc-900 dark:text-zinc-100`, children: r.title }),
-            /* @__PURE__ */ e("div", { className: `mt-1 text-zinc-500 dark:text-zinc-400 ${b.date}`, children: r.date }),
+          /* @__PURE__ */ e("div", { className: `mt-4 ${f.grid}`, children: o.slice(0, 3).map((r) => /* @__PURE__ */ n("article", { children: [
+            /* @__PURE__ */ e("img", { src: r.thumb, alt: "", className: f.cardImg }),
+            /* @__PURE__ */ e("h4", { className: `mt-3 ${f.title} text-zinc-900 dark:text-zinc-100`, children: r.title }),
+            /* @__PURE__ */ e("div", { className: `mt-1 text-zinc-500 dark:text-zinc-400 ${f.date}`, children: r.date }),
             /* @__PURE__ */ e("div", { className: "mt-2", children: /* @__PURE__ */ e(jt, { label: r.tag }) }),
-            /* @__PURE__ */ n("p", { className: `mt-2 ${b.excerpt}`, children: [
+            /* @__PURE__ */ n("p", { className: `mt-2 ${f.excerpt}`, children: [
               r.excerpt,
               " ",
               /* @__PURE__ */ e("span", { className: "underline decoration-dotted text-indigo-700 cursor-default", children: "View more" })
@@ -6677,12 +6687,12 @@ function Ps({
             {
               className: "flex items-start gap-3 rounded-xl border border-zinc-200 dark:border-zinc-800 p-2",
               children: [
-                /* @__PURE__ */ e("div", { className: `overflow-hidden rounded-lg ${b.itemThumb} flex-shrink-0`, children: /* @__PURE__ */ e("img", { src: r.thumb, alt: "", className: "h-full w-full object-cover" }) }),
+                /* @__PURE__ */ e("div", { className: `overflow-hidden rounded-lg ${f.itemThumb} flex-shrink-0`, children: /* @__PURE__ */ e("img", { src: r.thumb, alt: "", className: "h-full w-full object-cover" }) }),
                 /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: [
-                  /* @__PURE__ */ e("h4", { className: `${b.title} text-zinc-900 dark:text-zinc-100 line-clamp-2`, children: r.title }),
-                  /* @__PURE__ */ e("div", { className: `mt-1 text-zinc-500 dark:text-zinc-400 ${b.date}`, children: r.date }),
+                  /* @__PURE__ */ e("h4", { className: `${f.title} text-zinc-900 dark:text-zinc-100 line-clamp-2`, children: r.title }),
+                  /* @__PURE__ */ e("div", { className: `mt-1 text-zinc-500 dark:text-zinc-400 ${f.date}`, children: r.date }),
                   /* @__PURE__ */ e("div", { className: "mt-1", children: /* @__PURE__ */ e(jt, { label: r.tag }) }),
-                  b.excerpt !== "hidden" && /* @__PURE__ */ n("p", { className: `mt-2 ${b.excerpt}`, children: [
+                  f.excerpt !== "hidden" && /* @__PURE__ */ n("p", { className: `mt-2 ${f.excerpt}`, children: [
                     r.excerpt,
                     " ",
                     /* @__PURE__ */ e("span", { className: "underline decoration-dotted text-indigo-700 cursor-default", children: "View more" })
@@ -6698,7 +6708,7 @@ function Ps({
     }
   );
 }
-Ps.propTypes = {
+Os.propTypes = {
   size: c.string,
   showCheckbox: c.bool,
   checkboxPosition: c.oneOf(["top-left", "top-right"]),
@@ -6757,13 +6767,13 @@ function Vs({
   filters: u = Ls,
   activeFilter: p = "All",
   // NEW: iframe controls
-  mapQuery: g = "Florida",
-  zoom: b = 12,
+  mapQuery: b = "Florida",
+  zoom: f = 12,
   mapUrl: r,
   // optional full embed URL override
   ...y
 }) {
-  const d = oe(t), h = ce[d], $ = Ms[d], T = r || js(g, b);
+  const d = oe(t), h = ce[d], $ = Ms[d], T = r || js(b, f);
   return /* @__PURE__ */ e(
     ie,
     {
@@ -6772,7 +6782,7 @@ function Vs({
       checkboxPosition: s,
       onSelect: i,
       identity: l,
-      details: { type: "campus-map", title: m, campusName: o, activeFilter: p, mapQuery: g, zoom: b },
+      details: { type: "campus-map", title: m, campusName: o, activeFilter: p, mapQuery: b, zoom: f },
       ...y,
       children: /* @__PURE__ */ n("div", { className: `relative mt-3 overflow-hidden rounded-2xl border border-zinc-200 dark:border-zinc-800 ${$.mapH}`, children: [
         /* @__PURE__ */ e(
@@ -6797,7 +6807,7 @@ function Vs({
             /* @__PURE__ */ e("div", { className: "h-8 w-8 rounded-full bg-white/90 border border-zinc-300 flex items-center justify-center", children: "›" })
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { className: "absolute left-4 right-4 top-14 md:top-12 pointer-events-none mt-2", children: /* @__PURE__ */ e("div", { className: `flex ${$.chipGap} overflow-x-auto scrollbar-none`, children: u.map((F) => /* @__PURE__ */ e(Bs, { label: F, active: F === p, size: d }, F)) }) }),
+        /* @__PURE__ */ e("div", { className: "absolute left-4 right-4 top-14 md:top-12 pointer-events-none mt-2", children: /* @__PURE__ */ e("div", { className: `flex ${$.chipGap} overflow-x-auto scrollbar-none`, children: u.map((A) => /* @__PURE__ */ e(Bs, { label: A, active: A === p, size: d }, A)) }) }),
         /* @__PURE__ */ e("div", { className: "absolute left-4 right-4 top-28 md:top-24 pointer-events-none", children: /* @__PURE__ */ n("div", { className: `flex items-center rounded-full bg-white dark:bg-zinc-900 shadow border border-zinc-200 dark:border-zinc-700 px-4 ${$.searchH}`, children: [
           /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 24 24", "aria-hidden": "true", className: "opacity-60", children: /* @__PURE__ */ e("path", { fill: "currentColor", d: "M15.5 14h-.79l-.28-.27a6.471 6.471 0 001.48-4.23C15.91 6.01 13.4 3.5 10.45 3.5S5 6.01 5 9.5 7.5 15.5 10.45 15.5c1.61 0 3.09-.59 4.23-1.48l.27.28v.79l4.25 4.25c.41.41 1.07.41 1.48 0s.41-1.07 0-1.48L15.5 14Zm-5.05 0C8.01 14 6 11.99 6 9.5S8.01 5 10.45 5s4.45 2.01 4.45 4.5-2.01 4.5-4.45 4.5Z" }) }),
           /* @__PURE__ */ e("span", { className: "ml-2 text-zinc-500 dark:text-zinc-400", children: "Search places" })
@@ -6969,8 +6979,8 @@ function Ys({
   selectedIndex: u = 0,
   ...p
 }) {
-  const [g, b] = M(u), r = oe(t), y = ce[r], d = Us[r], h = o[g] || o[0], $ = (F, A) => {
-    b(A), i?.(F);
+  const [b, f] = M(u), r = oe(t), y = ce[r], d = Us[r], h = o[b] || o[0], $ = (A, E) => {
+    f(E), i?.(A);
   }, T = r === "lg";
   return /* @__PURE__ */ n(
     ie,
@@ -6990,29 +7000,29 @@ function Ys({
         T ? (
           // Large: Two-column layout
           /* @__PURE__ */ n("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [
-            /* @__PURE__ */ e("div", { className: "space-y-1", children: o.map((F, A) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e("div", { className: "space-y-1", children: o.map((A, E) => /* @__PURE__ */ e(
               Vt,
               {
-                ev: F,
+                ev: A,
                 sizeMeta: d,
-                isSelected: A === g,
-                onClick: (I) => $(I, A)
+                isSelected: E === b,
+                onClick: (I) => $(I, E)
               },
-              F._id || F.id || A
+              A._id || A.id || E
             )) }),
             /* @__PURE__ */ e(Gs, { ev: h, sizeMeta: d })
           ] })
         ) : (
           // Small/Medium: Simple list only
-          /* @__PURE__ */ e("div", { className: "space-y-1", children: o.map((F, A) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "space-y-1", children: o.map((A, E) => /* @__PURE__ */ e(
             Vt,
             {
-              ev: F,
+              ev: A,
               sizeMeta: d,
-              isSelected: A === g,
-              onClick: (I) => $(I, A)
+              isSelected: E === b,
+              onClick: (I) => $(I, E)
             },
-            F._id || F.id || A
+            A._id || A.id || E
           )) })
         ),
         !T && /* @__PURE__ */ e("div", { className: "mt-4 pt-3 border-t border-zinc-200 dark:border-zinc-800", children: /* @__PURE__ */ e("button", { className: "w-full text-center text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 text-sm font-medium transition-colors duration-200", children: "View All" }) })
@@ -7183,17 +7193,17 @@ function Hs({
   emails: o = Ws,
   selectedIndex: u = 0,
   onStar: p,
-  onPin: g,
-  ...b
+  onPin: b,
+  ...f
 }) {
-  const [r, y] = M(u), d = oe(t), h = ce[d], $ = Js[d], T = (I, V) => {
-    y(V), i?.(I);
-  }, F = (I) => {
-    const V = { ...I, starred: !I.starred };
-    p?.(V);
+  const [r, y] = M(u), d = oe(t), h = ce[d], $ = Js[d], T = (I, j) => {
+    y(j), i?.(I);
   }, A = (I) => {
-    const V = { ...I, pinned: !I.pinned };
-    g?.(V);
+    const j = { ...I, starred: !I.starred };
+    p?.(j);
+  }, E = (I) => {
+    const j = { ...I, pinned: !I.pinned };
+    b?.(j);
   };
   return /* @__PURE__ */ n(
     ie,
@@ -7204,21 +7214,21 @@ function Hs({
       onSelect: i,
       identity: l,
       details: { type: "emails", title: m, count: o?.length ?? 0 },
-      ...b,
+      ...f,
       children: [
         /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${h.title}`, children: m }) }),
         /* @__PURE__ */ e(be, { placeholder: "Type to search..." }),
-        /* @__PURE__ */ e("div", { className: "space-y-0", children: o.map((I, V) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "space-y-0", children: o.map((I, j) => /* @__PURE__ */ e(
           Xs,
           {
             email: I,
             sizeMeta: $,
-            isSelected: V === r,
-            onClick: (U) => T(U, V),
-            onStar: F,
-            onPin: A
+            isSelected: j === r,
+            onClick: (_) => T(_, j),
+            onStar: A,
+            onPin: E
           },
-          I._id || I.id || V
+          I._id || I.id || j
         )) }),
         /* @__PURE__ */ e("div", { className: "mt-4 pt-3 border-t border-zinc-200 dark:border-zinc-800", children: /* @__PURE__ */ e("button", { className: "w-full text-center text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 text-sm font-medium transition-colors duration-200", children: "View All" }) })
       ]
@@ -7438,9 +7448,9 @@ function tl({
   selectedIndex: u = 0,
   ...p
 }) {
-  const [g, b] = M(u), r = oe(t), y = ce[r], d = Zs[r], h = (F, A) => {
-    b(A), i?.(F);
-  }, $ = o[g] || o[0], T = d.layout === "split";
+  const [b, f] = M(u), r = oe(t), y = ce[r], d = Zs[r], h = (A, E) => {
+    f(E), i?.(A);
+  }, $ = o[b] || o[0], T = d.layout === "split";
   return /* @__PURE__ */ n(
     ie,
     {
@@ -7455,15 +7465,15 @@ function tl({
         /* @__PURE__ */ e("div", { className: "flex items-center justify-between mb-4", children: /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${y.title}`, children: m }) }),
         /* @__PURE__ */ e(el, { sizeMeta: d }),
         T ? /* @__PURE__ */ n("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6 min-h-0", children: [
-          /* @__PURE__ */ e("div", { className: "space-y-3", children: o.map((F, A) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "space-y-3", children: o.map((A, E) => /* @__PURE__ */ e(
             _t,
             {
-              contact: F,
+              contact: A,
               sizeMeta: d,
-              isSelected: A === g,
-              onClick: (I) => h(I, A)
+              isSelected: E === b,
+              onClick: (I) => h(I, E)
             },
-            F._id || F.id || A
+            A._id || A.id || E
           )) }),
           /* @__PURE__ */ e(
             Ks,
@@ -7474,15 +7484,15 @@ function tl({
           )
         ] }) : (
           // Single column layout for small screens
-          /* @__PURE__ */ e("div", { className: "space-y-3", children: o.map((F, A) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "space-y-3", children: o.map((A, E) => /* @__PURE__ */ e(
             _t,
             {
-              contact: F,
+              contact: A,
               sizeMeta: d,
-              isSelected: A === g,
-              onClick: (I) => h(I, A)
+              isSelected: E === b,
+              onClick: (I) => h(I, E)
             },
-            F._id || F.id || A
+            A._id || A.id || E
           )) })
         ),
         /* @__PURE__ */ e("div", { className: "mt-4 pt-3 border-t border-zinc-200 dark:border-zinc-800", children: /* @__PURE__ */ e("button", { className: "w-full text-center text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 text-sm font-medium transition-colors duration-200", children: "View All" }) })
@@ -7571,8 +7581,8 @@ function nl({
   termLabel: o = "Spring 2024",
   balance: u = 3e3,
   totalCharges: p = 4440,
-  totalPayments: g = 1568,
-  transactions: b = [
+  totalPayments: b = 1568,
+  transactions: f = [
     {
       id: "t1",
       date: "February 16, 2025",
@@ -7599,7 +7609,7 @@ function nl({
       checkboxPosition: s,
       onSelect: i,
       identity: l,
-      details: { type: "account-summary", termLabel: o, balance: u, totalCharges: p, totalPayments: g },
+      details: { type: "account-summary", termLabel: o, balance: u, totalCharges: p, totalPayments: b },
       ...r,
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
@@ -7620,7 +7630,7 @@ function nl({
               ] }),
               /* @__PURE__ */ n("div", { children: [
                 /* @__PURE__ */ e("div", { className: "text-sm text-zinc-600 dark:text-zinc-400", children: "Total Payments" }),
-                /* @__PURE__ */ e("div", { className: "mt-1 font-semibold text-green-600", children: $e(g) })
+                /* @__PURE__ */ e("div", { className: "mt-1 font-semibold text-green-600", children: $e(b) })
               ] })
             ] })
           ] }),
@@ -7632,10 +7642,10 @@ function nl({
               ] }),
               /* @__PURE__ */ n("div", { children: [
                 /* @__PURE__ */ e("div", { className: "text-sm text-zinc-600 dark:text-zinc-400", children: "Total Payments" }),
-                /* @__PURE__ */ e("div", { className: "mt-1 font-semibold text-green-600", children: $e(g) })
+                /* @__PURE__ */ e("div", { className: "mt-1 font-semibold text-green-600", children: $e(b) })
               ] })
             ] }),
-            /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: b.slice(0, 2).map(($, T) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: f.slice(0, 2).map(($, T) => /* @__PURE__ */ e(
               al,
               {
                 side: T === 0 ? "left" : "right",
@@ -7657,7 +7667,7 @@ function nl({
             "aria-label": "View Transactions (mock)",
             children: [
               "View Transactions",
-              /* @__PURE__ */ e(Or, { className: "h-4 w-4" })
+              /* @__PURE__ */ e(Pr, { className: "h-4 w-4" })
             ]
           }
         )
@@ -7763,7 +7773,7 @@ function ll({
   term: o = "Fall 2025",
   ...u
 }) {
-  const [p, g] = M("vacation"), [b, r] = M(!1), y = oe(t), d = ce[y], h = sl[y], $ = We.find((T) => T.id === p) || We[0];
+  const [p, b] = M("vacation"), [f, r] = M(!1), y = oe(t), d = ce[y], h = sl[y], $ = We.find((T) => T.id === p) || We[0];
   return /* @__PURE__ */ n(
     ie,
     {
@@ -7789,11 +7799,11 @@ function ll({
               "button",
               {
                 className: "flex items-center gap-1 p-2 text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100 hover:bg-zinc-100 dark:hover:bg-zinc-800 rounded-md transition-colors duration-200",
-                onClick: () => r(!b),
+                onClick: () => r(!f),
                 children: /* @__PURE__ */ e(na, { className: "h-4 w-4" })
               }
             ),
-            b && /* @__PURE__ */ n("div", { className: "absolute right-0 top-full mt-1 w-48 bg-white dark:bg-zinc-800 border border-zinc-200 dark:border-zinc-700 rounded-md shadow-lg z-10 py-1", children: [
+            f && /* @__PURE__ */ n("div", { className: "absolute right-0 top-full mt-1 w-48 bg-white dark:bg-zinc-800 border border-zinc-200 dark:border-zinc-700 rounded-md shadow-lg z-10 py-1", children: [
               /* @__PURE__ */ e("button", { className: "w-full px-4 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-zinc-700 text-left", children: "Download Pay Stub" }),
               /* @__PURE__ */ e("button", { className: "w-full px-4 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-zinc-700 text-left", children: "View Leave History" })
             ] })
@@ -7803,7 +7813,7 @@ function ll({
           "button",
           {
             className: `flex-1 py-2 px-4 text-center ${h.tab} font-medium border-b-2 transition-colors duration-200 ${p === T.id ? "border-blue-500 text-blue-600 dark:text-blue-400" : "border-transparent text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100"}`,
-            onClick: () => g(T.id),
+            onClick: () => b(T.id),
             children: T.name.split(" ")[0]
           },
           T.id
@@ -7954,7 +7964,7 @@ function dl({
   subtitle: o = "Drive Shared",
   ...u
 }) {
-  const [p, g] = M(!1), b = oe(t), r = ce[b], y = cl[b];
+  const [p, b] = M(!1), f = oe(t), r = ce[f], y = cl[f];
   return /* @__PURE__ */ n(
     ie,
     {
@@ -7976,7 +7986,7 @@ function dl({
               "button",
               {
                 className: "flex items-center gap-1 p-2 text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100 hover:bg-zinc-100 dark:hover:bg-zinc-800 rounded-md transition-colors duration-200",
-                onClick: () => g(!p),
+                onClick: () => b(!p),
                 children: /* @__PURE__ */ e(Qt, { className: "h-4 w-4" })
               }
             ),
@@ -7986,7 +7996,7 @@ function dl({
                 "Download All"
               ] }),
               /* @__PURE__ */ n("button", { className: "w-full px-4 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-zinc-700 text-left flex items-center gap-2", children: [
-                /* @__PURE__ */ e(Pr, { className: "h-4 w-4" }),
+                /* @__PURE__ */ e(Or, { className: "h-4 w-4" }),
                 "Share Drive"
               ] })
             ] })
@@ -8200,9 +8210,9 @@ function bl({
   showBanner: u = !0,
   ...p
 }) {
-  const [g, b] = M(o), r = oe(t), y = ce[r], d = ul[r], h = (F) => {
-    b((A) => A.filter((I) => I.id !== F.id));
-  }, $ = g.find((F) => F.type === "banner"), T = g.filter((F) => F.type !== "banner");
+  const [b, f] = M(o), r = oe(t), y = ce[r], d = ul[r], h = (A) => {
+    f((E) => E.filter((I) => I.id !== A.id));
+  }, $ = b.find((A) => A.type === "banner"), T = b.filter((A) => A.type !== "banner");
   return /* @__PURE__ */ n(
     ie,
     {
@@ -8211,7 +8221,7 @@ function bl({
       checkboxPosition: s,
       onSelect: i,
       identity: l,
-      details: { type: "alerts", title: m, count: g.length },
+      details: { type: "alerts", title: m, count: b.length },
       ...p,
       children: [
         /* @__PURE__ */ e("div", { className: "flex items-center justify-between ", children: /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${y.title}`, children: m }) }),
@@ -8222,14 +8232,14 @@ function bl({
             onDismiss: h
           }
         ),
-        /* @__PURE__ */ e("div", { className: "space-y-0.5", children: T.slice(0, 3).map((F) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "space-y-0.5", children: T.slice(0, 3).map((A) => /* @__PURE__ */ e(
           pl,
           {
-            alert: F,
+            alert: A,
             sizeMeta: d,
             onDismiss: h
           },
-          F.id
+          A.id
         )) }),
         /* @__PURE__ */ e("button", { className: "w-full py-3 px-4 border border-zinc-300 dark:border-zinc-600 text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-800 font-medium rounded-lg transition-colors duration-200", children: "View All" })
       ]
@@ -8376,7 +8386,7 @@ function vl({
   videos: o = fl,
   ...u
 }) {
-  const [p, g] = M(!1), b = oe(t), r = ce[b], y = xl[b];
+  const [p, b] = M(!1), f = oe(t), r = ce[f], y = xl[f];
   return /* @__PURE__ */ n(
     ie,
     {
@@ -8395,7 +8405,7 @@ function vl({
               "button",
               {
                 className: "flex items-center gap-1 px-3 py-1.5 text-sm text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100 border border-zinc-300 dark:border-zinc-600 rounded-md transition-colors duration-200",
-                onClick: () => g(!p),
+                onClick: () => b(!p),
                 children: [
                   "Filter",
                   /* @__PURE__ */ e(ve, { className: "h-4 w-4 transform rotate-90" })
@@ -8475,19 +8485,19 @@ export {
   X as Input,
   ll as LeaveBalanceMock,
   Aa as ManageCollectionList,
-  Pn as Modal,
+  On as Modal,
   nt as MultiSelect,
-  Ps as NewsMock,
+  Os as NewsMock,
   Hs as O365MailsMock,
   _n as OptionsMenu,
   Vn as PageHeader,
   Vl as PageLayout,
-  Ol as Pagination,
+  Pl as Pagination,
   ba as RadioGroup,
   be as SearchBar,
   ft as Select,
   ie as SelectableCard,
-  Pl as Sidebar,
+  Ol as Sidebar,
   xa as Spinner,
   ya as Textarea,
   Zl as ToastProvider,