unifyedx-storybook-new 0.2.60 → 0.2.62

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

@@ -1,12 +1,12 @@
 import { jsxs as n, jsx as e, Fragment as ee } from "react/jsx-runtime";
-import ae, { useState as L, useMemo as se, useId as Xe, Fragment as Q, useEffect as te, useCallback as K, useRef as ge } from "react";
+import ae, { useState as B, useMemo as se, useId as Xe, Fragment as Q, useEffect as te, useCallback as K, useRef as ge } from "react";
 import { a as H, U as ot, X as ye, P as c, L as Ma, C as fe, b as Ke, D as ct, f as zt, d as Yt, F as La, e as Ba, h as Va, T as Me, u as ja, I as Wt, i as Jt, j as _a, k as Ua, l as Ga, m as Xt, S as xt, n as Ht, M as qa, o as Ya, p as vt, q as Wa, A as Ja, E as Qt, r as Xa, s as Ha, t as Qa, v as Za, w as Zt, x as Ka, y as Kt, z as ea, B as er, G as tr, H as ar, J as He, K as dt, N as mt, O as rr, Q as nr, R as ta, V as sr, W as Nt, Y as lr, Z as ir, _ as Le, $ as or, a0 as cr, a1 as dr, a2 as mr, a3 as ur, a4 as hr, a5 as St, a6 as pr, a7 as gr, a8 as br, a9 as fr, aa as yr, ab as xr, ac as vr, ad as Nr, ae as wr, af as Te, ag as aa, ah as kr, ai as Cr, aj as zr, ak as Sr, al as Dr, am as ra, an as $r, ao as Tr, ap as na, aq as Ar, ar as ut, as as sa, at as Fr } from "./vendor-yf0QH1Io.js";
-import { Popover as Er, PopoverButton as Rr, PopoverPanel as Or, Transition as ue, Dialog as be, TransitionChild as Ne, DialogPanel as Ae, DialogTitle as et, TabGroup as Ir, TabList as Pr, Tab as ne, TabPanels as Mr, RadioGroup as _e, Listbox as Z, ListboxButton as Lr, ListboxOptions as Br, ListboxOption as Vr, SwitchGroup as jr, Switch as st, Menu as _r, MenuButton as Ur, Portal as Gr, MenuItems as qr, MenuItem as Yr, DialogBackdrop as Wr } from "@headlessui/react";
+import { Popover as Er, PopoverButton as Rr, PopoverPanel as Ir, Transition as ue, Dialog as be, TransitionChild as Ne, DialogPanel as Ae, DialogTitle as et, TabGroup as Or, TabList as Pr, Tab as ne, TabPanels as Mr, RadioGroup as _e, Listbox as Z, ListboxButton as Lr, ListboxOptions as Br, ListboxOption as Vr, SwitchGroup as jr, Switch as st, Menu as _r, MenuButton as Ur, Portal as Gr, MenuItems as qr, MenuItem as Yr, DialogBackdrop as Wr } from "@headlessui/react";
 import { motion as le, AnimatePresence as Ce } from "framer-motion";
 import { d as Jr } from "./vendor-lodash-Dkzj2D3U.js";
 import { useFloating as la, offset as ia, flip as oa, shift as ca, autoUpdate as da, useClick as Xr, useDismiss as Hr, useInteractions as Qr, FloatingPortal as Zr } from "@floating-ui/react";
 import lt, { debounce as Kr } from "lodash";
-import { ToastContainer as en, Slide as tn, toast as Oe } from "react-toastify";
+import { ToastContainer as en, Slide as tn, toast as Ie } from "react-toastify";
 import "react-toastify/dist/ReactToastify.css";
 import { P as an, S as rn, F as nn, G as sn, a as ln, E as on, b as cn, C as dn, R as mn, c as un, d as hn, e as pn, f as gn, I as bn, g as Dt } from "./vendor-syncfusion-v-M3ddHK.js";
 const fn = (t) => {
@@ -15,8 +15,8 @@ const fn = (t) => {
     a ^= t.charCodeAt(s), a += (a << 1) + (a << 4) + (a << 7) + (a << 8) + (a << 24);
   return a >>> 0;
 }, yn = (t) => {
-  const a = (t ?? "").trim().toLowerCase(), s = parseInt((a.match(/\d+$/) ?? [0])[0], 10) || 0, i = fn(a), l = (i % 360 + 37 * s) % 360, m = 55 + (i >>> 8) % 20, o = 30 + (i >>> 16) % 10, h = 86 + (i >>> 24) % 8, u = `hsl(${l}, ${m}%, ${h}%)`, N = `hsl(${l}, ${m}%, ${o}%)`;
-  return { bg: u, text: N };
+  const a = (t ?? "").trim().toLowerCase(), s = parseInt((a.match(/\d+$/) ?? [0])[0], 10) || 0, i = fn(a), l = (i % 360 + 37 * s) % 360, m = 55 + (i >>> 8) % 20, o = 30 + (i >>> 16) % 10, u = 86 + (i >>> 24) % 8, h = `hsl(${l}, ${m}%, ${u}%)`, N = `hsl(${l}, ${m}%, ${o}%)`;
+  return { bg: h, text: N };
 }, xn = (t = "") => t.split(" ").map((a) => a[0]).slice(0, 2).join("").toUpperCase(), ze = ({
   src: t,
   name: a,
@@ -29,7 +29,7 @@ const fn = (t) => {
   className: m,
   ...o
 }) => {
-  const [h, u] = L(!1), N = se(() => yn(a), []), y = t && !h, r = !y && a, v = !y && !a, d = H(
+  const [u, h] = B(!1), N = se(() => yn(a), []), y = t && !u, r = !y && a, v = !y && !a, d = H(
     "avatar-container",
     `avatar--size-${s}`,
     m
@@ -44,7 +44,7 @@ const fn = (t) => {
         src: t,
         alt: a || "User avatar",
         className: "avatar-image",
-        onError: () => u(!0)
+        onError: () => h(!0)
       }
     ),
     r && /* @__PURE__ */ e("span", { className: "avatar-initials", "aria-label": a, children: xn(a) }),
@@ -71,21 +71,21 @@ const fn = (t) => {
   onRemove: l,
   bgColor: m,
   textColor: o,
-  className: h,
-  ...u
+  className: u,
+  ...h
 }) => {
   const N = H(
     "badge",
     `badge--variant-${a}`,
     `badge--size-${s}`,
     { "badge--with-remove": !!l },
-    h
+    u
   );
   return /* @__PURE__ */ n("span", { className: N, style: m && o ? {
     backgroundColor: m,
     color: o,
     borderColor: "#ff0000"
-  } : {}, ...u, children: [
+  } : {}, ...h, children: [
     i && /* @__PURE__ */ e(i, { className: "badge-icon" }),
     /* @__PURE__ */ e("span", { className: "badge-label", children: t }),
     l && /* @__PURE__ */ e(
@@ -146,9 +146,9 @@ const wn = {
   // ✅ Default is now empty
   loader: m = !1,
   category: o = "primary",
-  icon: h,
+  icon: u,
   // Renamed for clarity, expecting a component type e.g., CheckCircle
-  disabled: u = !1,
+  disabled: h = !1,
   size: N = "medium",
   label: y,
   children: r,
@@ -156,7 +156,7 @@ const wn = {
   onClick: v,
   ...d
 }) => {
-  const g = u || m, z = h && !y, A = H(
+  const g = h || m, z = u && !y, A = H(
     "btn-base",
     wn[N],
     kn[o],
@@ -178,7 +178,7 @@ const wn = {
       "aria-label": i || z && a || (typeof y == "string" ? y : void 0),
       ...d,
       children: m ? /* @__PURE__ */ e(Ma, { className: "loader-spin", "data-testid": "button-loader" }) : /* @__PURE__ */ n(ee, { children: [
-        h && /* @__PURE__ */ e(h, { size: N === "large" ? 20 : 16 }),
+        u && /* @__PURE__ */ e(u, { size: N === "large" ? 20 : 16 }),
         y,
         r,
         " "
@@ -216,9 +216,9 @@ const wn = {
   ref: l,
   checked: m,
   onChange: o,
-  ...h
+  ...u
 }) => {
-  const u = Xe(), N = a || u;
+  const h = Xe(), N = a || h;
   return /* @__PURE__ */ n("div", { className: `checkbox-container ${i || ""}`, children: [
     /* @__PURE__ */ n("label", { htmlFor: N, className: "checkbox-wrapper", children: [
       /* @__PURE__ */ e(
@@ -230,7 +230,7 @@ const wn = {
           className: "checkbox-input",
           checked: m,
           onChange: o,
-          ...h
+          ...u
         }
       ),
       /* @__PURE__ */ e(
@@ -248,7 +248,7 @@ const wn = {
     ] }),
     s && /* @__PURE__ */ e("p", { className: "checkbox-error-message", children: s })
   ] });
-}, zn = ({ children: t }) => /* @__PURE__ */ e(Er, { className: "popover-container", children: t }), Sn = ({ children: t }) => /* @__PURE__ */ e(Rr, { as: "div", children: t }), Dn = ({ children: t, className: a }) => /* @__PURE__ */ e(Or, { className: `popover-panel ${a || ""}`, children: t }), ma = ct, ua = ({
+}, zn = ({ children: t }) => /* @__PURE__ */ e(Er, { className: "popover-container", children: t }), Sn = ({ children: t }) => /* @__PURE__ */ e(Rr, { as: "div", children: t }), Dn = ({ children: t, className: a }) => /* @__PURE__ */ e(Ir, { className: `popover-panel ${a || ""}`, children: t }), ma = ct, ua = ({
   value: t,
   onChange: a,
   onClear: s,
@@ -256,9 +256,9 @@ const wn = {
   label: l,
   error: m,
   disabled: o = !1,
-  className: h,
-  ...u
-}) => /* @__PURE__ */ n("div", { className: H("datepicker-wrapper", h), children: [
+  className: u,
+  ...h
+}) => /* @__PURE__ */ n("div", { className: H("datepicker-wrapper", u), children: [
   l && /* @__PURE__ */ e("label", { className: "datepicker-label", htmlFor: "datepicker-input", children: l }),
   /* @__PURE__ */ e(
     ma,
@@ -284,8 +284,8 @@ const wn = {
   label: l,
   error: m,
   disabled: o = !1,
-  className: h,
-  ...u
+  className: u,
+  ...h
 }) => {
   const N = t?.from, y = t?.to, r = (d) => {
     d.stopPropagation(), d.preventDefault(), s?.();
@@ -294,7 +294,7 @@ const wn = {
     " - ",
     zt(y, "MMM d, y")
   ] }) : /* @__PURE__ */ e("span", { className: "datepicker-placeholder", children: i });
-  return /* @__PURE__ */ n("div", { className: H("datepicker-wrapper", h), children: [
+  return /* @__PURE__ */ n("div", { className: H("datepicker-wrapper", u), children: [
     l && /* @__PURE__ */ e("label", { className: "datepicker-label", htmlFor: "daterangepicker-input", children: l }),
     /* @__PURE__ */ n(zn, { children: [
       /* @__PURE__ */ e(Sn, { asChild: !0, children: /* @__PURE__ */ n("div", { className: "datepicker-input-container", children: [
@@ -595,8 +595,8 @@ const wn = {
   open: m,
   // --- Form and File State ---
   validFiles: o = [],
-  rejectedFiles: h = [],
-  handleRemoveValidFile: u,
+  rejectedFiles: u = [],
+  handleRemoveValidFile: h,
   handleRemoveRejectedFile: N,
   handleSubmit: y,
   isSubmitting: r,
@@ -605,7 +605,7 @@ const wn = {
   title: d = "Upload Files",
   subHeading: g = "Supports PNG, JPG, PDF. Max size: 50MB."
 }) => {
-  const z = o.length > 0 || h.length > 0;
+  const z = o.length > 0 || u.length > 0;
   return /* @__PURE__ */ e(ue, { appear: !0, show: t, as: Q, children: /* @__PURE__ */ n(
     be,
     {
@@ -705,7 +705,7 @@ const wn = {
                                   "button",
                                   {
                                     type: "button",
-                                    onClick: () => u(E),
+                                    onClick: () => h(E),
                                     className: "remove-file-button",
                                     children: /* @__PURE__ */ e(Me, { size: 16 })
                                   }
@@ -714,7 +714,7 @@ const wn = {
                             },
                             `${A.name}-${E}`
                           )),
-                          h.map(({ file: A, message: E }, O) => /* @__PURE__ */ n(
+                          u.map(({ file: A, message: E }, I) => /* @__PURE__ */ n(
                             "li",
                             {
                               className: "file-item file-item--rejected",
@@ -736,14 +736,14 @@ const wn = {
                                   "button",
                                   {
                                     type: "button",
-                                    onClick: () => N(O),
+                                    onClick: () => N(I),
                                     className: "remove-file-button",
                                     children: /* @__PURE__ */ e(Me, { size: 16 })
                                   }
                                 )
                               ]
                             },
-                            `${A.name}-${O}`
+                            `${A.name}-${I}`
                           ))
                         ] })
                       ] })
@@ -825,18 +825,18 @@ const wn = {
   filterConfig: l = [],
   initialFormikValues: m,
   customStyles: o = "",
-  fetchCreatedOrUpdatedByUsers: h = async () => []
+  fetchCreatedOrUpdatedByUsers: u = async () => []
   // Mockable fetcher
 }) => {
-  const [u, N] = L({
+  const [h, N] = B({
     createdBy: [],
     updatedBy: []
-  }), [y, r] = L({
+  }), [y, r] = B({
     createdBy: !1,
     updatedBy: !1
-  }), [v, d] = L({
+  }), [v, d] = B({
     startDate: null
-  }), [g, z] = L({
+  }), [g, z] = B({
     endDate: null
   }), A = ja({
     initialValues: JSON.parse(JSON.stringify(m)),
@@ -851,36 +851,36 @@ const wn = {
         };
       }), console.log("[storybook filter] Applied Filters:", x), typeof s == "function" && s({
         filters: x,
-        activeCount: O
+        activeCount: I
       }), a();
     },
     enableReinitialize: !0
   }), E = se(() => l.reduce((T, x) => {
     const f = x.key, C = A.values[f];
-    let I = !1;
+    let O = !1;
     if (C)
       switch (x.type) {
         case "multiselect":
         case "multiselect-users":
-          I = Array.isArray(C.values) && C.values.length > 0;
+          O = Array.isArray(C.values) && C.values.length > 0;
           break;
         case "date":
-          (C.range && C.range !== "" || Array.isArray(C.values) && C.values.length > 0) && (I = !0);
+          (C.range && C.range !== "" || Array.isArray(C.values) && C.values.length > 0) && (O = !0);
           break;
       }
-    return T[f] = I, T;
-  }, {}), [l, A.values]), O = Object.values(E).filter(Boolean).length, M = se(() => l.some((T) => {
+    return T[f] = O, T;
+  }, {}), [l, A.values]), I = Object.values(E).filter(Boolean).length, M = se(() => l.some((T) => {
     if (T.type !== "date") return !1;
     const x = A.values?.[T.key]?.values;
     if (!Array.isArray(x) || x.length < 2) return !1;
     const [f, C] = x;
     if (!f || !C) return !1;
-    const I = f instanceof Date ? f : new Date(f), R = C instanceof Date ? C : new Date(C);
-    return I > R;
+    const O = f instanceof Date ? f : new Date(f), R = C instanceof Date ? C : new Date(C);
+    return O > R;
   }), [l, A.values]), _ = async (T, x) => {
     try {
       r((C) => ({ ...C, [T]: !0 }));
-      const f = await h(T, x);
+      const f = await u(T, x);
       N((C) => ({ ...C, [T]: f }));
     } catch (f) {
       console.error(`Error fetching ${T} users:`, f);
@@ -889,11 +889,11 @@ const wn = {
     }
   }, U = (T) => {
     const x = l[T].key, f = l[T].url;
-    l[T].type === "multiselect-users" && u[x].length === 0 && !y[x] && _(x, f);
+    l[T].type === "multiselect-users" && h[x].length === 0 && !y[x] && _(x, f);
   }, Y = () => {
     A.resetForm(), N({ createdBy: [], updatedBy: [] }), i();
-  }, G = (T) => {
-    const x = l.find((I) => I.key === T);
+  }, q = (T) => {
+    const x = l.find((O) => O.key === T);
     if (!x) return null;
     const f = A.values[T] || m[T], C = Array.isArray(f.values) ? f.values : [];
     switch (x.type) {
@@ -921,8 +921,8 @@ const wn = {
                   className: "filter-checkbox-input",
                   checked: x.options.length > 0 && C.length === x.options.length,
                   onChange: (F) => {
-                    const q = F.target.checked ? x.options.map((X) => X.value) : [];
-                    A.setFieldValue(`${T}.values`, q);
+                    const G = F.target.checked ? x.options.map((W) => W.value) : [];
+                    A.setFieldValue(`${T}.values`, G);
                   }
                 }
               ),
@@ -943,9 +943,9 @@ const wn = {
                   id: `${T}-${F.value}`,
                   className: "filter-checkbox-input",
                   checked: C.includes(F.value),
-                  onChange: (q) => {
-                    const X = q.target.checked ? [...C, F.value] : C.filter((xe) => xe !== F.value);
-                    A.setFieldValue(`${T}.values`, X);
+                  onChange: (G) => {
+                    const W = G.target.checked ? [...C, F.value] : C.filter((xe) => xe !== F.value);
+                    A.setFieldValue(`${T}.values`, W);
                   }
                 }
               ),
@@ -961,7 +961,7 @@ const wn = {
           ] })
         ] });
       case "multiselect-users":
-        const I = u[T] || [], R = y[T];
+        const O = h[T] || [], R = y[T];
         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:" }),
@@ -975,7 +975,7 @@ const wn = {
               }
             )
           ] }),
-          R ? /* @__PURE__ */ e("div", { className: "loading-spinner", children: /* @__PURE__ */ e("div", {}) }) : /* @__PURE__ */ e("div", { className: "filter-checkbox-list", children: I.length > 0 ? /* @__PURE__ */ n(ee, { children: [
+          R ? /* @__PURE__ */ e("div", { className: "loading-spinner", children: /* @__PURE__ */ e("div", {}) }) : /* @__PURE__ */ e("div", { className: "filter-checkbox-list", children: O.length > 0 ? /* @__PURE__ */ n(ee, { children: [
             /* @__PURE__ */ n("div", { className: "filter-checkbox-item", children: [
               /* @__PURE__ */ e(
                 "input",
@@ -983,12 +983,12 @@ const wn = {
                   type: "checkbox",
                   id: `select-all-users-${T}`,
                   className: "filter-checkbox-input",
-                  checked: I.length > 0 && C.length === I.length,
+                  checked: O.length > 0 && C.length === O.length,
                   onChange: (F) => {
-                    const q = F.target.checked ? I.map((X) => X.email) : [];
+                    const G = F.target.checked ? O.map((W) => W.email) : [];
                     A.setFieldValue(
                       `${T}.values`,
-                      q
+                      G
                     );
                   }
                 }
@@ -1002,7 +1002,7 @@ const wn = {
                 }
               )
             ] }),
-            I.map((F) => /* @__PURE__ */ n("div", { className: "filter-checkbox-item createdby", children: [
+            O.map((F) => /* @__PURE__ */ n("div", { className: "filter-checkbox-item createdby", children: [
               /* @__PURE__ */ e(
                 "input",
                 {
@@ -1010,11 +1010,11 @@ const wn = {
                   id: `${T}-${F.email}`,
                   className: "filter-checkbox-input",
                   checked: C.includes(F.email),
-                  onChange: (q) => {
-                    const X = q.target.checked ? [...C, F.email] : C.filter((xe) => xe !== F.email);
+                  onChange: (G) => {
+                    const W = G.target.checked ? [...C, F.email] : C.filter((xe) => xe !== F.email);
                     A.setFieldValue(
                       `${T}.values`,
-                      X
+                      W
                     );
                   }
                 }
@@ -1040,7 +1040,7 @@ const wn = {
         }, S = {
           startDate: $ instanceof Date ? $.toISOString().slice(0, 10) : null,
           endDate: $ instanceof Date ? $.toISOString().slice(0, 10) : null
-        }, B = [
+        }, L = [
           { key: "anytime", label: "Anytime" },
           { key: "today", label: "Today" },
           { key: "this_week", label: "This Week" },
@@ -1057,8 +1057,8 @@ const wn = {
             A.setFieldValue(`${T}.range`, "custom");
             return;
           }
-          const [q, X] = En(F);
-          A.setFieldValue(`${T}.values`, q && X ? [q, X] : []), A.setFieldValue(`${T}.range`, F);
+          const [G, W] = En(F);
+          A.setFieldValue(`${T}.values`, G && W ? [G, W] : []), A.setFieldValue(`${T}.range`, F);
         };
         return /* @__PURE__ */ n("div", { className: "filter-panel-content", children: [
           /* @__PURE__ */ n("div", { className: "filter-operator-group", children: [
@@ -1087,8 +1087,8 @@ const wn = {
               }
             )
           ] }),
-          /* @__PURE__ */ e("div", { className: "pb-0", children: /* @__PURE__ */ e("div", { className: "space-y-3", children: B.map((F) => {
-            const q = f.range === F.key || F.key === "anytime" && (!Array.isArray(f.values) || f.values.length === 0);
+          /* @__PURE__ */ e("div", { className: "pb-0", children: /* @__PURE__ */ e("div", { className: "space-y-3", children: L.map((F) => {
+            const G = f.range === F.key || F.key === "anytime" && (!Array.isArray(f.values) || f.values.length === 0);
             return /* @__PURE__ */ n(
               "label",
               {
@@ -1099,13 +1099,13 @@ const wn = {
                     {
                       type: "radio",
                       name: `preset-${T}`,
-                      checked: q,
+                      checked: G,
                       onChange: () => j(F.key),
                       className: "h-4 w-4"
                     }
                   ),
                   /* @__PURE__ */ e("span", { className: "text-sm text-[#222]", children: F.label }),
-                  F.key === "anytime" && q && /* @__PURE__ */ e("span", { className: "ml-2 text-xs bg-yellow-100 text-yellow-800 px-2 py-0.5 rounded", children: "Default" })
+                  F.key === "anytime" && G && /* @__PURE__ */ e("span", { className: "ml-2 text-xs bg-yellow-100 text-yellow-800 px-2 py-0.5 rounded", children: "Default" })
                 ]
               },
               F.key
@@ -1122,8 +1122,8 @@ const wn = {
                   useRange: !1,
                   value: P,
                   onChange: (F) => {
-                    const q = F?.startDate ? Be(new Date(F.startDate)) : null, X = D[1] || null;
-                    q && (A.setFieldValue(`${T}.values`, [q, X]), A.setFieldValue(`${T}.range`, "custom"));
+                    const G = F?.startDate ? Be(new Date(F.startDate)) : null, W = D[1] || null;
+                    G && (A.setFieldValue(`${T}.values`, [G, W]), A.setFieldValue(`${T}.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",
@@ -1146,8 +1146,8 @@ const wn = {
                   useRange: !1,
                   value: S,
                   onChange: (F) => {
-                    const q = F?.startDate ? Ve(new Date(F.startDate)) : null, X = D[0] || null;
-                    q && (A.setFieldValue(`${T}.values`, [X, q]), A.setFieldValue(`${T}.range`, "custom"));
+                    const G = F?.startDate ? Ve(new Date(F.startDate)) : null, W = D[0] || null;
+                    G && (A.setFieldValue(`${T}.values`, [W, G]), A.setFieldValue(`${T}.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",
@@ -1206,7 +1206,7 @@ const wn = {
           ] }),
           /* @__PURE__ */ n("form", { onSubmit: A.handleSubmit, className: "filter-form", children: [
             /* @__PURE__ */ e("div", { className: "filter-content-wrapper", children: /* @__PURE__ */ n(
-              Ir,
+              Or,
               {
                 vertical: !0,
                 onChange: U,
@@ -1239,7 +1239,7 @@ const wn = {
                           animate: { opacity: 1, x: 0 },
                           transition: { duration: 0.3 },
                           className: "h-full",
-                          children: G(T.key)
+                          children: q(T.key)
                         },
                         T.key
                       )
@@ -1268,7 +1268,7 @@ const wn = {
                   children: [
                     "Apply Filters",
                     " ",
-                    O > 0 ? `(${O})` : ""
+                    I > 0 ? `(${I})` : ""
                   ]
                 }
               )
@@ -1278,7 +1278,7 @@ const wn = {
       }
     ) }) })
   ] }) });
-}, J = ({
+}, X = ({
   label: t,
   id: a,
   type: s = "text",
@@ -1287,24 +1287,24 @@ const wn = {
   className: m,
   ref: o,
   // ✅ 'ref' is now received directly as a prop
-  ...h
+  ...u
 }) => {
-  const u = a || h.name;
+  const h = a || u.name;
   return /* @__PURE__ */ n("div", { className: `input-wrapper ${m || ""}`, children: [
-    t && /* @__PURE__ */ e("label", { htmlFor: u, className: "input-label", children: t }),
+    t && /* @__PURE__ */ e("label", { htmlFor: h, className: "input-label", children: t }),
     /* @__PURE__ */ n("div", { className: "input-field-container", children: [
       i && /* @__PURE__ */ e(i, { className: "input-icon", size: 20 }),
       /* @__PURE__ */ e(
         "input",
         {
-          id: u,
+          id: h,
           type: s,
           ref: o,
           className: H("input-field", {
             "input-field--error": !!l,
             "input-field--with-icon": !!i
           }),
-          ...h
+          ...u
         }
       )
     ] }),
@@ -1340,8 +1340,8 @@ const wn = {
   // No default
   variant: o = "info",
   // 'info', 'warning', 'delete'
-  loading: h = !1,
-  buttonProps: u = {},
+  loading: u = !1,
+  buttonProps: h = {},
   size: N
   // Add size prop
 }) => {
@@ -1398,7 +1398,7 @@ const wn = {
                 type: "button",
                 onClick: v,
                 label: l,
-                ...u
+                ...h
               }
             )
           ] })
@@ -1414,14 +1414,14 @@ const wn = {
   onItemsPerPageChange: l,
   itemsPerPageOptions: m = [10, 15, 20]
 }) => {
-  const o = Math.ceil(a / s), [h, u] = L(t);
+  const o = Math.ceil(a / s), [u, h] = B(t);
   te(() => {
-    u(t);
+    h(t);
   }, [t]);
   const N = Math.min((t - 1) * s + 1, a), y = Math.min(t * s, a), r = (v) => {
     v.preventDefault();
-    let d = parseInt(h, 10);
-    isNaN(d) || d < 1 ? d = 1 : d > o && (d = o), u(d), d !== t && i(d);
+    let d = parseInt(u, 10);
+    isNaN(d) || d < 1 ? d = 1 : d > o && (d = o), h(d), d !== t && i(d);
   };
   return /* @__PURE__ */ n("div", { className: "pagination-container", children: [
     /* @__PURE__ */ n("div", { className: "pagination-left", children: [
@@ -1471,8 +1471,8 @@ const wn = {
           {
             type: "number",
             className: "page-input",
-            value: h,
-            onChange: (v) => u(v.target.value),
+            value: u,
+            onChange: (v) => h(v.target.value),
             onBlur: r,
             "aria-label": `Current page, Page ${t}`
           }
@@ -1523,12 +1523,12 @@ const wn = {
         _e.Option,
         {
           value: o.value,
-          className: ({ active: h, checked: u }) => H("radiogroup-option", {
-            "radiogroup-option--active": h,
-            "radiogroup-option--checked": u,
+          className: ({ active: u, checked: h }) => H("radiogroup-option", {
+            "radiogroup-option--active": u,
+            "radiogroup-option--checked": h,
             "radiogroup-option--error": !!l
           }),
-          children: ({ checked: h }) => /* @__PURE__ */ n(ee, { children: [
+          children: ({ checked: u }) => /* @__PURE__ */ n(ee, { children: [
             /* @__PURE__ */ n("div", { className: "radiogroup-option-content", children: [
               /* @__PURE__ */ e(_e.Label, { as: "p", className: "option-label", children: o.label }),
               o.description && /* @__PURE__ */ e(
@@ -1540,7 +1540,7 @@ const wn = {
                 }
               )
             ] }),
-            h && /* @__PURE__ */ e("div", { className: "option-checkmark", children: /* @__PURE__ */ e(Xt, { size: 20 }) })
+            u && /* @__PURE__ */ e("div", { className: "option-checkmark", children: /* @__PURE__ */ e(Xt, { size: 20 }) })
           ] })
         },
         o.value
@@ -1557,12 +1557,12 @@ const wn = {
   // Added a default label for accessibility
   customClass: m = "",
   inputStyle: o = {},
-  placeholderClass: h = "",
-  searchIconSize: u = 16,
+  placeholderClass: u = "",
+  searchIconSize: h = 16,
   searchIconClass: N = "",
   ...y
 }) => {
-  const [r, v] = L(t);
+  const [r, v] = B(t);
   te(() => {
     v(t);
   }, [t]);
@@ -1580,12 +1580,12 @@ const wn = {
   };
   return /* @__PURE__ */ n("div", { className: `search-bar-wrapper ${m}`, children: [
     l && /* @__PURE__ */ e("label", { htmlFor: "search-field", className: "sr-only", children: l }),
-    /* @__PURE__ */ e("div", { className: "search-bar-icon-wrapper", children: /* @__PURE__ */ e(xt, { size: u || 16, className: `search-bar-icon   ${N}`, "aria-hidden": "true" }) }),
+    /* @__PURE__ */ e("div", { className: "search-bar-icon-wrapper", children: /* @__PURE__ */ e(xt, { size: h || 16, className: `search-bar-icon   ${N}`, "aria-hidden": "true" }) }),
     /* @__PURE__ */ e(
       "input",
       {
         id: "search-field",
-        className: `search-bar-input ${h}`,
+        className: `search-bar-input ${u}`,
         placeholder: i,
         type: "search",
         name: "search",
@@ -1606,11 +1606,11 @@ const wn = {
   placeholder: l = "Select an option...",
   disabled: m = !1,
   error: o,
-  ref: h,
+  ref: u,
   // From RHF's <Controller>
-  showSearch: u = !0
+  showSearch: h = !0
 }) => {
-  const [N, y] = L("");
+  const [N, y] = B("");
   console.log("Select component - value:", a, "type:", typeof a), console.log("Select component - options:", i);
   const r = N === "" ? i : i.filter(
     (d) => d.label.toLowerCase().includes(N.toLowerCase())
@@ -1623,7 +1623,7 @@ const wn = {
     }
     return d.id === a || d.value === a || d.label === a;
   });
-  return /* @__PURE__ */ e(Z, { value: a, onChange: s, disabled: m, children: /* @__PURE__ */ n("div", { className: "select-wrapper", ref: h, children: [
+  return /* @__PURE__ */ e(Z, { 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 }),
     /* @__PURE__ */ n("div", { className: "select-button-container", children: [
       /* @__PURE__ */ n(
@@ -1645,7 +1645,7 @@ const wn = {
           leaveFrom: "opacity-100",
           leaveTo: "opacity-0",
           children: /* @__PURE__ */ n(Br, { className: "select-options", children: [
-            u && /* @__PURE__ */ e("div", { className: "search-input-wrapper", children: /* @__PURE__ */ e(
+            h && /* @__PURE__ */ e("div", { className: "search-input-wrapper", children: /* @__PURE__ */ e(
               he,
               {
                 value: N,
@@ -1686,8 +1686,8 @@ const wn = {
     ] }),
     o && /* @__PURE__ */ e("p", { className: "select-error-message", children: o })
   ] }) });
-}, On = () => {
-  const [t, a] = L(window.location.pathname);
+}, In = () => {
+  const [t, a] = B(window.location.pathname);
   return te(() => {
     const s = () => {
       a(window.location.pathname);
@@ -1702,11 +1702,11 @@ const wn = {
       return s;
   return null;
 }, pa = ({ item: t, isCollapsed: a, level: s = 0 }) => {
-  const { pathname: i } = On(), l = t.href || t.url || t.path, [m, o] = L(!1), h = t.icon;
+  const { pathname: i } = In(), l = t.href || t.url || t.path, [m, o] = B(!1), u = t.icon;
   te(() => {
     ft([t], i) && o(!0);
   }, [t, i]);
-  const u = i === l, N = !u && !!ft([t], i), y = (r) => {
+  const h = i === l, N = !h && !!ft([t], i), y = (r) => {
     r.preventDefault(), o(!m);
   };
   return /* @__PURE__ */ n(
@@ -1724,12 +1724,12 @@ const wn = {
             target: t.target,
             rel: t.target === "_blank" ? "noopener noreferrer" : void 0,
             className: H("nav-item", {
-              "nav-item--active": u,
+              "nav-item--active": h,
               "nav-item--collapsed": a
             }),
-            "aria-current": u ? "page" : void 0,
+            "aria-current": h ? "page" : void 0,
             children: [
-              h && /* @__PURE__ */ e(h, { className: "nav-icon", "aria-hidden": "true" }),
+              u && /* @__PURE__ */ e(u, { className: "nav-icon", "aria-hidden": "true" }),
               /* @__PURE__ */ e("span", { className: "nav-label", children: t.label || t.name }),
               t.children && /* @__PURE__ */ e(
                 "button",
@@ -1781,7 +1781,7 @@ const wn = {
   onToggleMobile: l,
   logoSmall: m,
   logoLarge: o,
-  user: h = { name: "", email: "" }
+  user: u = { name: "", email: "" }
 }) => /* @__PURE__ */ n(ee, { children: [
   i && /* @__PURE__ */ e(
     "div",
@@ -1824,12 +1824,12 @@ const wn = {
             }
           )
         ] }),
-        /* @__PURE__ */ e("nav", { className: "sidebar-nav", "aria-label": "Primary", children: /* @__PURE__ */ e("ul", { className: "sidebar-nav-list", children: t.map((u) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(pa, { item: u, isCollapsed: a }) }, u.label || u.name)) }) }),
+        /* @__PURE__ */ e("nav", { className: "sidebar-nav", "aria-label": "Primary", children: /* @__PURE__ */ e("ul", { className: "sidebar-nav-list", children: t.map((h) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(pa, { item: h, isCollapsed: a }) }, h.label || h.name)) }) }),
         /* @__PURE__ */ n("div", { className: "sidebar-footer", children: [
-          /* @__PURE__ */ e(ze, { src: h.avatar, name: h.name, size: "medium" }),
+          /* @__PURE__ */ e(ze, { src: u.avatar, name: u.name, size: "medium" }),
           /* @__PURE__ */ n("div", { className: "user-info", children: [
-            /* @__PURE__ */ e("span", { className: "user-name", children: h.name }),
-            /* @__PURE__ */ e("span", { className: "user-email", children: h.email })
+            /* @__PURE__ */ e("span", { className: "user-name", children: u.name }),
+            /* @__PURE__ */ e("span", { className: "user-email", children: u.email })
           ] }),
           /* @__PURE__ */ e(
             "button",
@@ -1890,16 +1890,16 @@ const wn = {
   // ✅ New prop for max length
   showCharCount: o = !1,
   // ✅ New prop to control visibility
-  ...h
+  ...u
 }) => {
-  const u = a || h.name, [N, y] = L(
-    h.value?.length || h.defaultValue?.length || 0
+  const h = a || u.name, [N, y] = B(
+    u.value?.length || u.defaultValue?.length || 0
   ), r = (d) => {
-    y(d.target.value.length), h.onChange && h.onChange(d);
+    y(d.target.value.length), u.onChange && u.onChange(d);
   }, v = m - N;
   return /* @__PURE__ */ n("div", { className: `textarea-wrapper ${i || ""}`, children: [
     /* @__PURE__ */ n("div", { className: "textarea-header", children: [
-      t && /* @__PURE__ */ e("label", { htmlFor: u, className: "textarea-label", children: t }),
+      t && /* @__PURE__ */ e("label", { htmlFor: h, className: "textarea-label", children: t }),
       o && m && /* @__PURE__ */ n("span", { className: "char-counter", children: [
         v,
         " characters remaining"
@@ -1908,14 +1908,14 @@ const wn = {
     /* @__PURE__ */ e(
       "textarea",
       {
-        id: u,
+        id: h,
         ref: l,
         className: H("textarea-field", {
           "textarea-field--error": !!s
         }),
         maxLength: m,
         onChange: r,
-        ...h
+        ...u
       }
     ),
     s && /* @__PURE__ */ e("p", { className: "textarea-error-message", children: s })
@@ -1946,7 +1946,7 @@ const wn = {
     t && i === "right" && /* @__PURE__ */ e(st.Label, { className: "switch-label", passive: !0, children: t })
   ] }),
   l && /* @__PURE__ */ e("p", { className: "switch-error-message", children: l })
-] }), Ol = ({
+] }), Il = ({
   children: t,
   content: a,
   variant: s = "dark",
@@ -1959,13 +1959,13 @@ const wn = {
   // For external styling of the tooltip itself
   ...o
 }) => {
-  const h = ae.useId();
+  const u = ae.useId();
   return /* @__PURE__ */ n(ee, { children: [
-    ae.cloneElement(t, { "data-tooltip-id": h }),
+    ae.cloneElement(t, { "data-tooltip-id": u }),
     /* @__PURE__ */ e(
       Wa,
       {
-        id: h,
+        id: u,
         content: a,
         place: l,
         variant: s,
@@ -1974,7 +1974,7 @@ const wn = {
       }
     )
   ] });
-}, In = {
+}, On = {
   enter: (t) => ({
     x: t > 0 ? "100%" : "-100%",
     opacity: 0
@@ -1987,7 +1987,7 @@ const wn = {
     x: t < 0 ? "100%" : "-100%",
     opacity: 0
   })
-}, Il = ({
+}, Ol = ({
   isOpen: t,
   onClose: a,
   steps: s = {},
@@ -1995,8 +1995,8 @@ const wn = {
   direction: l = 1,
   stepProps: m = {},
   title: o,
-  description: h,
-  showProgress: u = !0,
+  description: u,
+  showProgress: h = !0,
   closeOnOverlayClick: N = !0
 }) => {
   const y = s[i], r = Object.keys(s), v = r.indexOf(i), d = (v + 1) / r.length * 100, g = v > 0 && m.onBack;
@@ -2045,7 +2045,7 @@ const wn = {
                   ),
                   /* @__PURE__ */ n("div", { className: "wizard-header-text", children: [
                     /* @__PURE__ */ e(be.Title, { as: "h3", className: "wizard-title", children: o }),
-                    h && /* @__PURE__ */ e(be.Description, { className: "wizard-description", children: h })
+                    u && /* @__PURE__ */ e(be.Description, { className: "wizard-description", children: u })
                   ] })
                 ] }),
                 /* @__PURE__ */ e(
@@ -2058,7 +2058,7 @@ const wn = {
                   }
                 )
               ] }),
-              u && /* @__PURE__ */ e("div", { className: "wizard-progress-container", children: /* @__PURE__ */ e(
+              h && /* @__PURE__ */ e("div", { className: "wizard-progress-container", children: /* @__PURE__ */ e(
                 "div",
                 {
                   className: "wizard-progress-bar",
@@ -2075,7 +2075,7 @@ const wn = {
                     le.div,
                     {
                       custom: l,
-                      variants: In,
+                      variants: On,
                       initial: "enter",
                       animate: "center",
                       exit: "exit",
@@ -2115,18 +2115,18 @@ const wn = {
   category: m = "secondary",
   icon: o,
   // Renamed for clarity, expecting a component type e.g., CheckCircle
-  disabled: h = !1,
-  size: u = "small",
+  disabled: u = !1,
+  size: h = "small",
   label: N,
   children: y,
   // ✅ Add children to the props list
   onClick: r,
   ...v
 }) => {
-  const d = h, g = H(
+  const d = u, g = H(
     "btn-base-icon",
     "btn-icon-only",
-    Pn[u],
+    Pn[h],
     Mn[m],
     l
   );
@@ -2141,7 +2141,7 @@ const wn = {
       title: i,
       "aria-label": i,
       ...v,
-      children: o && /* @__PURE__ */ e(o, { size: u === "large" ? 20 : 16 })
+      children: o && /* @__PURE__ */ e(o, { size: h === "large" ? 20 : 16 })
     }
   );
 }, Pl = ({
@@ -2153,17 +2153,17 @@ const wn = {
   tertiary: m,
   fullHeight: o = !1,
   // A clearer prop name
-  ...h
+  ...u
 }) => {
-  const u = H(
+  const h = H(
     "page-layout",
     {
       "page-layout--with-footer": a,
       "page-layout--full-height": o
     },
-    h.className
+    u.className
   );
-  return /* @__PURE__ */ n("div", { className: u, ...h, children: [
+  return /* @__PURE__ */ n("div", { className: h, ...u, children: [
     /* @__PURE__ */ e("div", { className: "page-layout-content", children: t }),
     a && /* @__PURE__ */ e("footer", { className: "page-layout-footer", children: s || /* @__PURE__ */ n("div", { className: "footer-actions", children: [
       m?.show && /* @__PURE__ */ e(
@@ -2404,7 +2404,7 @@ function Yn(t) {
     return console.log("Error reading JSON from localStorage"), null;
   }
 }
-function Ot() {
+function It() {
   const t = Yn("userProfile") || {}, a = localStorage.getItem("access_token") || t.accessToken || "", s = localStorage.getItem("siteId") || t.siteId || "", i = t.tenant || "", l = t.tenantdomain || "", m = t.username || t.displayName || "", o = t.email || "";
   return {
     Authorization: a ? `Bearer ${a}` : void 0,
@@ -2418,13 +2418,13 @@ function Ot() {
 }
 function Wn(t) {
   if (t && t.isAxiosError) {
-    const { response: a, config: s, message: i } = t, l = a?.status ?? null, m = a?.statusText ?? null, o = a?.data ?? null, h = typeof o == "string" && o || o?.message || o?.msg || o?.error || o?.errors?.[0]?.message || null;
+    const { response: a, config: s, message: i } = t, l = a?.status ?? null, m = a?.statusText ?? null, o = a?.data ?? null, u = typeof o == "string" && o || o?.message || o?.msg || o?.error || o?.errors?.[0]?.message || null;
     return {
       ok: !1,
       status: l,
       statusText: m,
       code: o?.code || null,
-      message: h || i || "Request failed",
+      message: u || i || "Request failed",
       details: o || null,
       request: {
         url: s?.url || null,
@@ -2465,12 +2465,12 @@ function Jn({
   );
   function i({ open: N = !1, customHeader: y = {} } = {}) {
     if (N) {
-      const { Authorization: r, ...v } = Ot();
+      const { Authorization: r, ...v } = It();
       return {
         headers: { ...v, ...a, ...y }
       };
     }
-    return { headers: { ...Ot(), ...y } };
+    return { headers: { ...It(), ...y } };
   }
   async function l(N, y, r = !1, v = {}) {
     return s.get(N, {
@@ -2485,10 +2485,10 @@ function Jn({
   async function o(N, y = {}, r = !1, v = {}) {
     return s.post(N, y, i({ open: r, customHeader: v }));
   }
-  async function h(N, y = {}, r = !1, v = {}) {
+  async function u(N, y = {}, r = !1, v = {}) {
     return s.put(N, y, i({ open: r, customHeader: v }));
   }
-  async function u(N, y = {}, r = !1, v = {}) {
+  async function h(N, y = {}, r = !1, v = {}) {
     return s.patch(N, y, i({ open: r, customHeader: v }));
   }
   return {
@@ -2497,8 +2497,8 @@ function Jn({
     axiosGet: l,
     axiosDelete: m,
     axiosPost: o,
-    axiosPut: h,
-    axiosPatch: u
+    axiosPut: u,
+    axiosPatch: h
   };
 }
 const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl = Fe.axiosPut, _l = Fe.axiosPatch, Ul = Fe.instance, Xn = async (t, a) => {
@@ -2528,7 +2528,7 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
     type: "User",
     avatarUrl: a?.profileImage || Ye(l)
   };
-}), It = (t) => {
+}), Ot = (t) => {
   try {
     const a = JSON.parse(t);
     return Array.isArray(a) ? a : [];
@@ -2579,15 +2579,15 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
     if (Array.isArray(s))
       i = s;
     else if (typeof s == "string")
-      i = It(s.trim());
+      i = Ot(s.trim());
     else if (s && typeof s == "object") {
       const l = s.data;
-      Array.isArray(l) ? i = l : typeof l == "string" && (i = It(l.trim()));
+      Array.isArray(l) ? i = l : typeof l == "string" && (i = Ot(l.trim()));
     }
     return Hn(i);
   }
 }, Ct = (t, a) => {
-  const [s, i] = L(t);
+  const [s, i] = B(t);
   return te(
     () => {
       const l = Kr(() => {
@@ -2608,9 +2608,9 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
 }) => {
   const l = t.slice(0, 2), m = [];
   t.length > 0 && m.push(t[0].name), a.length > 0 && m.push(a[0].name), s.length > 0 && m.length < 2 && m.push(s[0].name);
-  const o = t.length + a.length + s.length, h = o - m.length;
-  let u = m.join(", ");
-  return h > 0 && (u += ` and ${h} others`), o === 0 ? /* @__PURE__ */ e(
+  const o = t.length + a.length + s.length, u = o - m.length;
+  let h = m.join(", ");
+  return u > 0 && (h += ` and ${u} others`), o === 0 ? /* @__PURE__ */ e(
     "div",
     {
       className: "flex items-center justify-between p-3 border border-dashed border-gray-400 rounded-lg hover:bg-gray-50",
@@ -2633,7 +2633,7 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
             },
             N.id || y
           )) }),
-          /* @__PURE__ */ e("p", { className: "text-sm font-medium text-gray-800 truncate", children: u })
+          /* @__PURE__ */ e("p", { className: "text-sm font-medium text-gray-800 truncate", children: h })
         ] }),
         /* @__PURE__ */ e(fe, { size: 20 })
       ]
@@ -2657,54 +2657,54 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
   showExistingShares: m = !1,
   onFinalSubmit: o = () => {
   },
-  isChanged: h = !1
+  isChanged: u = !1
 }) => {
-  const [u, N] = L(Pt[0]), [y, r] = L(""), v = Ct(y, 400), [d, g] = L([]), [z, A] = L(/* @__PURE__ */ new Set()), [E, O] = L(!1), [M, _] = L(Mt[0]), {
+  const [h, N] = B(Pt[0]), [y, r] = B(""), v = Ct(y, 400), [d, g] = B([]), [z, A] = B(/* @__PURE__ */ new Set()), [E, I] = B(!1), [M, _] = B(Mt[0]), {
     control: U,
     handleSubmit: Y,
-    watch: G,
+    watch: q,
     formState: { errors: T, isSubmitting: x }
   } = er({
     defaultValues: { pendingInvites: [] },
     resolver: rr(Zn)
-  }), { fields: f, append: C, remove: I, update: R } = tr({
+  }), { fields: f, append: C, remove: O, update: R } = tr({
     control: U,
     name: "pendingInvites"
-  }), D = G("pendingInvites");
+  }), D = q("pendingInvites");
   te(() => {
-    v.length > 1 ? (O(!0), Xn(u.name, v).then((S) => {
+    v.length > 1 ? (I(!0), Xn(h.name, v).then((S) => {
       g(S);
-    }).catch((S) => console.error("Search failed:", S)).finally(() => O(!1))) : (g([]), A(/* @__PURE__ */ new Set()));
-  }, [v, u]);
+    }).catch((S) => console.error("Search failed:", S)).finally(() => I(!1))) : (g([]), A(/* @__PURE__ */ new Set()));
+  }, [v, h]);
   const b = (S) => {
-    A((B) => {
-      const j = new Set(B);
+    A((L) => {
+      const j = new Set(L);
       return j.has(S) ? j.delete(S) : j.add(S), j;
     });
   }, p = () => {
     d.filter((S) => z.has(S.id)).forEach((S) => {
-      f.find((B) => B.id === S.id) || C({ ...S, permission: M.name });
+      f.find((L) => L.id === S.id) || C({ ...S, permission: M.name });
     }), A(/* @__PURE__ */ new Set()), r("");
   }, k = (S) => {
     _(S), f.forEach(
-      (B, j) => R(j, { ...f[j], permission: S.name })
+      (L, j) => R(j, { ...f[j], permission: S.name })
     );
   }, w = async (S) => {
     try {
       if (l === me.DRIVE) {
-        const B = S.pendingInvites.map((F) => ({
+        const L = S.pendingInvites.map((F) => ({
           id: F.id,
           permission: F.permission,
           type: F.type.toLowerCase()
         }));
         o({
           entity: t,
-          userGroupRolesObj: B,
+          userGroupRolesObj: L,
           existingShares: i
           // Always send updated existing shares
         }, i);
       } else if (l === me.INTEREST) {
-        const B = S.pendingInvites.map((j) => ({
+        const L = S.pendingInvites.map((j) => ({
           identity: j.id,
           type: j.type.toLowerCase(),
           opt: !0,
@@ -2713,16 +2713,16 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
           userName: j.name,
           interestId: t?.data?.id
         }));
-        o(B, i);
+        o(L, i);
       } else if (l === me.ARTICLE) {
-        const B = S.pendingInvites.map((F) => ({
+        const L = S.pendingInvites.map((F) => ({
           id: F.id,
           permission: F.permission,
           type: F.type.toLowerCase()
         }));
         o({
           entity: t,
-          userGroupRolesObj: B,
+          userGroupRolesObj: L,
           existingShares: i
         }, i);
       } else
@@ -2730,12 +2730,12 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
       setTimeout(() => {
         s();
       }, 1e3);
-    } catch (B) {
-      throw console.error("Failed to submit invites:", B), B;
+    } catch (L) {
+      throw console.error("Failed to submit invites:", L), L;
     }
   }, $ = (S) => {
-    const B = i[u.code].find((j) => j.name === S.name && j.permission !== "remove") || D.find((j) => j.name === S.name);
-    return B ? `${B.permission}` : "";
+    const L = i[h.code].find((j) => j.name === S.name && j.permission !== "remove") || D.find((j) => j.name === S.name);
+    return L ? `${L.permission}` : "";
   }, P = () => {
     switch (l) {
       case me.DRIVE:
@@ -2748,7 +2748,7 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
         return "Add User, Groups or Roles test";
     }
   };
-  return se(() => (console.log("InviteFlow - isChanged:", h, "pendingInvites.length:", D.length), D.length === 0 && !h), [D.length, h]), /* @__PURE__ */ n("div", { className: "flex flex-col h-full bg-white", children: [
+  return se(() => (console.log("InviteFlow - isChanged:", u, "pendingInvites.length:", D.length), D.length === 0 && !u), [D.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(be.Title, { className: " text-gray-900 !mb-0 text-lg font-semibold", children: P() }),
       /* @__PURE__ */ n("div", { className: "flex items-center gap-4", children: [
@@ -2777,11 +2777,11 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
         }
       ),
       /* @__PURE__ */ n("div", { className: "relative grid grid-cols-3 gap-2 items-start", children: [
-        /* @__PURE__ */ e("div", { className: "col-span-1", children: /* @__PURE__ */ e(Z, { value: u, onChange: N, children: /* @__PURE__ */ n("div", { className: "relative", children: [
+        /* @__PURE__ */ e("div", { className: "col-span-1", children: /* @__PURE__ */ e(Z, { value: h, onChange: N, children: /* @__PURE__ */ n("div", { className: "relative", children: [
           /* @__PURE__ */ n(Z.Button, { className: "relative w-full border border-gray-300 rounded-md shadow-sm pl-3 pr-10 py-2 text-left hover:cursor-pointer focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500 sm:text-sm", children: [
             /* @__PURE__ */ n("span", { className: "flex items-center", children: [
-              /* @__PURE__ */ e(u.icon, { className: "h-5 w-5 text-gray-400 mr-2" }),
-              /* @__PURE__ */ e("span", { className: "truncate", children: u.name })
+              /* @__PURE__ */ e(h.icon, { className: "h-5 w-5 text-gray-400 mr-2" }),
+              /* @__PURE__ */ e("span", { className: "truncate", children: h.name })
             ] }),
             /* @__PURE__ */ e("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ e(dt, { className: "h-5 w-5 text-gray-400" }) })
           ] }),
@@ -2796,24 +2796,24 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
                 Z.Option,
                 {
                   value: S,
-                  className: ({ active: B }) => `${B ? "text-white bg-blue-600" : "text-gray-900"} hover:cursor-pointer select-none relative py-2 pl-10`,
-                  children: ({ selected: B }) => /* @__PURE__ */ n(ee, { children: [
+                  className: ({ active: L }) => `${L ? "text-white bg-blue-600" : "text-gray-900"} hover:cursor-pointer select-none relative py-2 pl-10`,
+                  children: ({ selected: L }) => /* @__PURE__ */ n(ee, { children: [
                     /* @__PURE__ */ n(
                       "span",
                       {
-                        className: `${B ? "font-medium" : "font-normal"} flex items-center`,
+                        className: `${L ? "font-medium" : "font-normal"} flex items-center`,
                         children: [
                           /* @__PURE__ */ e(
                             S.icon,
                             {
-                              className: `h-5 w-5 mr-2 ${B ? "text-white" : "text-gray-400"}`
+                              className: `h-5 w-5 mr-2 ${L ? "text-white" : "text-gray-400"}`
                             }
                           ),
                           S.name
                         ]
                       }
                     ),
-                    B && /* @__PURE__ */ e("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-white", children: /* @__PURE__ */ e(mt, { className: "h-5 w-5" }) })
+                    L && /* @__PURE__ */ e("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-white", children: /* @__PURE__ */ e(mt, { className: "h-5 w-5" }) })
                   ] })
                 },
                 S.id
@@ -2824,7 +2824,7 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
         /* @__PURE__ */ e("div", { className: "col-span-2", children: /* @__PURE__ */ e(
           he,
           {
-            placeholder: `Search by ${u.name.toLowerCase()}...`,
+            placeholder: `Search by ${h.name.toLowerCase()}...`,
             onDebouncedChange: (S) => r(S),
             value: y
           }
@@ -2839,12 +2839,12 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
             className: "absolute top-full mt-2 w-full col-span-3 bg-white border border-gray-300 rounded-lg shadow-lg z-10",
             children: E ? /* @__PURE__ */ e("div", { className: "p-4 text-center text-gray-500", children: "Loading..." }) : /* @__PURE__ */ n(ee, { children: [
               /* @__PURE__ */ e("div", { className: "max-h-60 overflow-y-auto p-2 space-y-1", children: d.map((S) => {
-                const B = $(S);
+                const L = $(S);
                 return /* @__PURE__ */ n(
                   "div",
                   {
-                    onClick: () => B ? null : b(S.id),
-                    className: `flex items-center gap-3 p-2 rounded-md hover:bg-blue-50 ${B ? " hover:cursor-not-allowed" : "hover:cursor-pointer"}`,
+                    onClick: () => L ? null : b(S.id),
+                    className: `flex items-center gap-3 p-2 rounded-md hover:bg-blue-50 ${L ? " hover:cursor-not-allowed" : "hover:cursor-pointer"}`,
                     children: [
                       /* @__PURE__ */ e(
                         "input",
@@ -2853,7 +2853,7 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
                           checked: z.has(S.id),
                           readOnly: !0,
                           className: "h-4 w-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500",
-                          disabled: !!B
+                          disabled: !!L
                         }
                       ),
                       /* @__PURE__ */ e(
@@ -2865,8 +2865,8 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
                         }
                       ),
                       /* @__PURE__ */ e("span", { className: "text-md font-medium text-gray-800 truncate", children: S.name }),
-                      B ? /* @__PURE__ */ n(ee, { children: [
-                        /* @__PURE__ */ e("span", { className: "text-sm px-[12px] py-[2px] border border-dashed rounded-xl bg-teal-100 text-teal-700", children: B }),
+                      L ? /* @__PURE__ */ n(ee, { children: [
+                        /* @__PURE__ */ e("span", { className: "text-sm px-[12px] py-[2px] border border-dashed rounded-xl bg-teal-100 text-teal-700", children: L }),
                         /* @__PURE__ */ e("span", { className: "text-sm text-gray-400", children: "Already added" })
                       ] }) : ""
                     ]
@@ -2937,12 +2937,12 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
                           Z.Option,
                           {
                             value: S,
-                            className: ({ active: B }) => `${B ? "text-white bg-blue-600" : "text-gray-900"} hover:cursor-pointer select-none relative py-2 pl-10`,
-                            children: ({ selected: B, active: j }) => /* @__PURE__ */ n(ee, { children: [
+                            className: ({ active: L }) => `${L ? "text-white bg-blue-600" : "text-gray-900"} hover:cursor-pointer select-none relative py-2 pl-10`,
+                            children: ({ selected: L, active: j }) => /* @__PURE__ */ n(ee, { children: [
                               /* @__PURE__ */ n(
                                 "span",
                                 {
-                                  className: `${B ? "font-medium" : "font-normal"} flex items-center`,
+                                  className: `${L ? "font-medium" : "font-normal"} flex items-center`,
                                   children: [
                                     /* @__PURE__ */ e(
                                       S.icon,
@@ -2955,7 +2955,7 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
                                   ]
                                 }
                               ),
-                              B && /* @__PURE__ */ e("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-blue-600", children: /* @__PURE__ */ e(
+                              L && /* @__PURE__ */ e("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-blue-600", children: /* @__PURE__ */ e(
                                 mt,
                                 {
                                   className: "h-5 w-5",
@@ -2972,7 +2972,7 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
                 }
               )
             ] }),
-            /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e(Ce, { children: f.map((S, B) => /* @__PURE__ */ n(
+            /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e(Ce, { children: f.map((S, L) => /* @__PURE__ */ n(
               le.div,
               {
                 layout: !0,
@@ -3000,7 +3000,7 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
                     /* @__PURE__ */ e(
                       "button",
                       {
-                        onClick: () => I(B),
+                        onClick: () => O(L),
                         className: "text-gray-400 hover:text-red-500 hover:cursor-pointer",
                         children: /* @__PURE__ */ e(He, { className: "h-5 w-5" })
                       }
@@ -3034,7 +3034,7 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
           "button",
           {
             onClick: () => Y(w)(),
-            disabled: x || D.length === 0 && !h,
+            disabled: x || D.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: x ? "Inviting..." : l === me.DRIVE ? "Send Invites" : "Add"
           }
@@ -3047,14 +3047,14 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
   { name: "Can manage", icon: ea, value: "edit" },
   { name: "Remove", icon: nr, isDestructive: !0, value: "remove" }
 ], es = ({ item: t, allowedPermissions: a, onPermissionChange: s }) => {
-  const [i, l] = L(!1), { refs: m, floatingStyles: o, context: h } = la({
+  const [i, l] = B(!1), { refs: m, floatingStyles: o, context: u } = la({
     open: i,
     onOpenChange: l,
     middleware: [ia(8), oa(), ca({ padding: 8 })],
     whileElementsMounted: da,
     placement: "bottom-end"
-  }), u = Xr(h), N = Hr(h), { getReferenceProps: y, getFloatingProps: r } = Qr([
-    u,
+  }), h = Xr(u), N = Hr(u), { getReferenceProps: y, getFloatingProps: r } = Qr([
+    h,
     N
   ]), v = it.find((g) => g.name === t.permission || g.value === t.permission) || it[0];
   return (
@@ -3135,31 +3135,31 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
   existingShares: l,
   allowedPermissions: m
 }) => {
-  const [o, h] = L(l), [u, N] = L(0), [y, r] = L(""), v = Ct(y, 300), d = {
+  const [o, u] = B(l), [h, N] = B(0), [y, r] = B(""), v = Ct(y, 300), d = {
     users: o.users.filter(
-      (O) => O.name.toLowerCase().includes(v.toLowerCase())
+      (I) => I.name.toLowerCase().includes(v.toLowerCase())
     ),
     groups: o.groups.filter(
-      (O) => O.name.toLowerCase().includes(v.toLowerCase())
+      (I) => I.name.toLowerCase().includes(v.toLowerCase())
     ),
     roles: o.roles.filter(
-      (O) => O.name.toLowerCase().includes(v.toLowerCase())
+      (I) => I.name.toLowerCase().includes(v.toLowerCase())
     )
-  }, g = async (O, M, _, U) => {
+  }, g = async (I, M, _, U) => {
     const Y = M.value;
-    h((G) => ({
-      ...G,
-      [_]: G[_].map(
-        (T) => T.id === O.id ? { ...T, permission: Y } : T
+    u((q) => ({
+      ...q,
+      [_]: q[_].map(
+        (T) => T.id === I.id ? { ...T, permission: Y } : T
       )
     }));
   }, z = () => {
-    const O = {
+    const I = {
       users: o.users.filter((M) => M.permission !== "remove"),
       groups: o.groups.filter((M) => M.permission !== "remove"),
       roles: o.roles.filter((M) => M.permission !== "remove")
     };
-    a(O);
+    a(I);
   }, A = ["users", "groups", "roles"], E = ["Users", "Groups", "Roles"];
   return (
     // The main structure remains the same...
@@ -3187,9 +3187,9 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
         )
       ] }),
       /* @__PURE__ */ n("div", { className: "flex flex-col flex-grow", children: [
-        /* @__PURE__ */ n(ne.Group, { selectedIndex: u, onChange: N, children: [
+        /* @__PURE__ */ n(ne.Group, { selectedIndex: h, onChange: N, children: [
           /* @__PURE__ */ n("div", { className: "p-4 bg-white border-b border-gray-300", children: [
-            /* @__PURE__ */ e(ne.List, { className: "flex space-x-1 bg-gray-100 p-1 rounded-lg", children: E.map((O) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e(ne.List, { className: "flex space-x-1 bg-gray-100 p-1 rounded-lg", children: E.map((I) => /* @__PURE__ */ e(
               ne,
               {
                 className: ({
@@ -3197,16 +3197,16 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
                 }) => `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
                                        ${M ? "bg-white shadow text-blue-700" : "text-gray-600 hover:bg-white/[0.6]"}`,
-                children: O
+                children: I
               },
-              O
+              I
             )) }),
             /* @__PURE__ */ e("div", { className: "mt-4", children: /* @__PURE__ */ e(
               he,
               {
                 onDebouncedChange: r,
                 value: y,
-                placeholder: `Search in ${E[u]}...`
+                placeholder: `Search in ${E[h]}...`
               }
             ) })
           ] }),
@@ -3217,11 +3217,11 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
               animate: { y: 0, opacity: 1 },
               exit: { y: -10, opacity: 0 },
               transition: { duration: 0.2 },
-              children: /* @__PURE__ */ e(ne.Panels, { as: Q, children: A.map((O) => /* @__PURE__ */ e(
+              children: /* @__PURE__ */ e(ne.Panels, { as: Q, children: A.map((I) => /* @__PURE__ */ e(
                 ne.Panel,
                 {
                   className: "space-y-3 focus:outline-none",
-                  children: /* @__PURE__ */ e(Ce, { children: d[O].length > 0 ? d[O].map((M) => /* @__PURE__ */ n(
+                  children: /* @__PURE__ */ e(Ce, { children: d[I].length > 0 ? d[I].map((M) => /* @__PURE__ */ n(
                     le.div,
                     {
                       layout: !0,
@@ -3245,12 +3245,12 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
                           ),
                           /* @__PURE__ */ n("div", { className: "overflow-hidden", children: [
                             /* @__PURE__ */ e("p", { className: "font-medium text-gray-900 truncate", children: M.name }),
-                            O !== "users" && /* @__PURE__ */ e(
+                            I !== "users" && /* @__PURE__ */ e(
                               "button",
                               {
                                 onClick: () => i({
                                   id: M.id,
-                                  type: O,
+                                  type: I,
                                   name: M.name
                                 }),
                                 className: "text-sm text-blue-600 hover:underline hover:cursor-pointer",
@@ -3267,7 +3267,7 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
                             onPermissionChange: (_) => g(
                               M,
                               _,
-                              O
+                              I
                             )
                           }
                         )
@@ -3286,19 +3286,19 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
                           /* @__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 ",
-                            E[u],
+                            E[h],
                             " Found"
                           ] }),
-                          /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-gray-500", children: y ? `No results for "${y}"` : `There are no ${E[u].toLowerCase()} with access.` })
+                          /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-gray-500", children: y ? `No results for "${y}"` : `There are no ${E[h].toLowerCase()} with access.` })
                         ]
                       }
                     )
                   ) })
                 },
-                O
+                I
               )) })
             },
-            u
+            h
           ) }) })
         ] }),
         /* @__PURE__ */ e("div", { className: "p-4 bg-white border-t border-gray-300 flex justify-end", children: /* @__PURE__ */ e(
@@ -3325,8 +3325,8 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
   onClose: s,
   members: i
 }) => {
-  const [l, m] = L(!0), [o, h] = L(""), u = Ct(o, 300), N = i.filter(
-    (d) => d.name.toLowerCase().includes(u.toLowerCase())
+  const [l, m] = B(!0), [o, u] = B(""), h = Ct(o, 300), N = i.filter(
+    (d) => d.name.toLowerCase().includes(h.toLowerCase())
   ), y = {
     hidden: { opacity: 0 },
     visible: {
@@ -3351,7 +3351,7 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
       children: [
         /* @__PURE__ */ e(sr, { className: "h-12 w-12 text-gray-400" }),
         /* @__PURE__ */ e("h3", { className: "mt-2 text-sm font-medium text-gray-900", children: "No Users Found" }),
-        /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-gray-500", children: u ? `No one found matching "${u}"` : `There are no users in this ${t.type}.` })
+        /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-gray-500", children: h ? `No one found matching "${h}"` : `There are no users in this ${t.type}.` })
       ]
     }
   ) : /* @__PURE__ */ e(
@@ -3418,7 +3418,7 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
     /* @__PURE__ */ e("div", { className: "p-4 border-b border-gray-200 flex-shrink-0", children: /* @__PURE__ */ e(
       he,
       {
-        onDebouncedChange: h,
+        onDebouncedChange: u,
         value: o,
         placeholder: "Search members..."
       }
@@ -3443,28 +3443,28 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
   onClose: m = () => {
   },
   showExistingShares: o = !0,
-  allowedPermissions: h = [],
-  ...u
+  allowedPermissions: u = [],
+  ...h
 }) => {
-  const [N, y] = L(pe.INVITE), [r, v] = L(t), [d, g] = L(null), [z, A] = L(!1), [E, O] = L([]), [M, _] = L(pe.MANAGE), U = () => {
+  const [N, y] = B(pe.INVITE), [r, v] = B(t), [d, g] = B(null), [z, A] = B(!1), [E, I] = B([]), [M, _] = B(pe.MANAGE), U = () => {
     y(pe.INVITE), g(null), m();
   }, Y = () => {
     y(pe.MANAGE);
-  }, G = async ({ id: f, name: C, type: I }) => {
-    if (I === "groups") {
+  }, q = async ({ id: f, name: C, type: O }) => {
+    if (O === "groups") {
       try {
         const R = await Qe(`${We.getMembersForGroup(C)}`);
       } catch (R) {
         console.log("Error searching entities:", R);
       }
-      O(resp);
+      I(resp);
     }
-    g({ id: f, type: I, name: C }), _(N), y(pe.MEMBERS);
+    g({ id: f, type: O, name: C }), _(N), y(pe.MEMBERS);
   }, T = (f) => {
     console.log("changedExistingShares", f), v(f);
-    const C = lt.mapValues(t, (D) => D.map((b) => ({ id: b.id, permission: b.permission })).sort((b, p) => b.id - p.id)), I = lt.mapValues(f, (D) => D.map((b) => ({ id: b.id, permission: b.permission })).sort((b, p) => b.id - p.id));
-    console.log("Existing data:", C), console.log("Changed data:", I);
-    const R = !lt.isEqual(C, I);
+    const C = lt.mapValues(t, (D) => D.map((b) => ({ id: b.id, permission: b.permission })).sort((b, p) => b.id - p.id)), O = lt.mapValues(f, (D) => D.map((b) => ({ id: b.id, permission: b.permission })).sort((b, p) => b.id - p.id));
+    console.log("Existing data:", C), console.log("Changed data:", O);
+    const R = !lt.isEqual(C, O);
     console.log("hasPermissionChanged:", R), A(R), y(N === pe.MEMBERS ? M : pe.INVITE);
   };
   return /* @__PURE__ */ e(ue, { appear: !0, show: a, as: Q, children: /* @__PURE__ */ n(be, { as: "div", className: "relative z-50", onClose: U, children: [
@@ -3486,10 +3486,10 @@ const Fe = Jn(), Qe = Fe.axiosGet, Vl = Fe.axiosDelete, yt = Fe.axiosPost, jl =
                   entity: i,
                   onBack: T,
                   onClose: U,
-                  onOpenMembers: G,
+                  onOpenMembers: q,
                   existingShares: r,
                   calledBy: l,
-                  allowedPermissions: h
+                  allowedPermissions: u
                 }
               )
             },
@@ -3562,8 +3562,8 @@ function tt({
   },
   placeholder: m = "Select options",
   error: o = null,
-  displayLimit: h = 3,
-  selectionLimit: u = -1,
+  displayLimit: u = 3,
+  selectionLimit: h = -1,
   // NEW: search behavior
   searchMode: N = "client",
   // "client" | "server"
@@ -3575,7 +3575,7 @@ function tt({
   getOptionId: d = (z) => String(z.id),
   getOptionLabel: g = (z) => z.name
 }) {
-  const z = Xe(), A = Xe(), [E, O] = L(""), M = ge(""), _ = se(() => {
+  const z = Xe(), A = Xe(), [E, I] = B(""), M = ge(""), _ = se(() => {
     const f = /* @__PURE__ */ new Map();
     for (const C of a) f.set(d(C), C);
     return f;
@@ -3587,18 +3587,18 @@ function tt({
   te(() => {
     N === "server" && E.length >= v && E !== M.current && (M.current = E, y && y(E));
   }, [E, N, v, y]);
-  const G = N === "client" ? Y : a, T = () => {
+  const q = N === "client" ? Y : a, T = () => {
     if (!U.length)
       return /* @__PURE__ */ e("span", { className: "text-gray-500", children: m });
-    const f = U.slice(0, h), C = U.length - h;
+    const f = U.slice(0, u), C = U.length - u;
     return /* @__PURE__ */ n("div", { className: "flex flex-wrap gap-2", children: [
-      f.map((I) => /* @__PURE__ */ e(
+      f.map((O) => /* @__PURE__ */ e(
         "span",
         {
           className: "px-2 py-1 text-xs font-medium text-white bg-gray-800 rounded-full",
-          children: g(I)
+          children: g(O)
         },
-        d(I)
+        d(O)
       )),
       C > 0 && /* @__PURE__ */ n("span", { className: "px-2 py-1 text-xs font-medium text-gray-600 bg-gray-200 rounded-full", children: [
         "+",
@@ -3608,8 +3608,8 @@ function tt({
     ] });
   };
   return /* @__PURE__ */ e(Z, { value: U, onChange: (f) => {
-    const C = Array.from(new Set(f.map((I) => d(I))));
-    u !== -1 && C.length > u || i(C);
+    const C = Array.from(new Set(f.map((O) => d(O))));
+    h !== -1 && C.length > h || i(C);
   }, multiple: !0, by: "id", children: ({ open: f }) => /* @__PURE__ */ n("div", { children: [
     /* @__PURE__ */ e(
       Z.Label,
@@ -3650,13 +3650,13 @@ function tt({
               he,
               {
                 value: E,
-                onDebouncedChange: O,
+                onDebouncedChange: I,
                 placeholder: N === "server" ? `Search (min ${v})…` : "Search options…"
               }
             ) }),
             N === "server" && r && /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: "Loading…" }),
-            G.length === 0 && !r ? /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: N === "server" ? E.length < v ? `Type at least ${v} characters to search.` : "No results." : "No options found." }) : G.map((C) => {
-              const I = d(C), R = g(C), D = U.some((p) => d(p) === I), b = u !== -1 && U.length >= u && !D;
+            q.length === 0 && !r ? /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: N === "server" ? E.length < v ? `Type at least ${v} characters to search.` : "No results." : "No options found." }) : q.map((C) => {
+              const O = d(C), R = g(C), D = U.some((p) => d(p) === O), b = h !== -1 && U.length >= h && !D;
               return /* @__PURE__ */ e(
                 Z.Option,
                 {
@@ -3689,7 +3689,7 @@ function tt({
                     )
                   ] })
                 },
-                I
+                O
               );
             })
           ] })
@@ -3749,9 +3749,9 @@ const Gl = ({
   footer: l = { show: !0, customFooter: null },
   primaryAction: m = { onSubmit: null, label: "Save", loader: !1, disabled: !1 },
   secondaryAction: o = { onCancel: null, label: "Cancel" },
-  dialogPanelClass: h = ""
+  dialogPanelClass: u = ""
 }) => {
-  const u = (y) => {
+  const h = (y) => {
     y.target === y.currentTarget && a(!1);
   }, N = (y) => {
     y.stopPropagation();
@@ -3767,13 +3767,13 @@ const Gl = ({
           Wr,
           {
             className: "fixed inset-0 bg-black/30",
-            onClick: u
+            onClick: h
           }
         ),
         /* @__PURE__ */ e("div", { className: "fixed inset-0 overflow-y-auto", children: /* @__PURE__ */ e("div", { className: "flex min-h-full items-center justify-center p-4", children: /* @__PURE__ */ n(
           Ae,
           {
-            className: `${h} relative bg-white align-middle w-full lg:w-[36rem] mx-5 lg:mx-0 transform overflow-hidden rounded-2xl text-left shadow-xl lg:min-w-[36rem] md:min-w-96 transition-all`,
+            className: `${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: N,
             children: [
               /* @__PURE__ */ n("div", { className: "flex justify-between items-center border-b border-gray-200 p-6 flex-shrink-0", children: [
@@ -3846,16 +3846,16 @@ function ls({
   onSelect: l,
   onCreateChild: m,
   onRename: o,
-  onDelete: h,
-  renderActions: u,
+  onDelete: u,
+  renderActions: h,
   // optional override
   dragId: N,
   dropId: y,
   indent: r = 24
 }) {
-  const { setNodeRef: v, isOver: d } = lr({ id: y }), { attributes: g, listeners: z, setNodeRef: A, transform: E, isDragging: O } = ir({ id: N }), M = E ? { transform: `translate3d(${Math.round(E.x)}px, ${Math.round(E.y)}px, 0)` } : void 0, [_, U] = L(!1), [Y, G] = L(t.name), T = () => {
+  const { setNodeRef: v, isOver: d } = lr({ id: y }), { attributes: g, listeners: z, setNodeRef: A, transform: E, isDragging: I } = ir({ id: N }), M = E ? { transform: `translate3d(${Math.round(E.x)}px, ${Math.round(E.y)}px, 0)` } : void 0, [_, U] = B(!1), [Y, q] = B(t.name), T = () => {
     const f = Y.trim();
-    U(!1), f && f !== t.name ? o?.(t, f) : G(t.name);
+    U(!1), f && f !== t.name ? o?.(t, f) : q(t.name);
   }, x = se(() => /* @__PURE__ */ e(
     Bn,
     {
@@ -3865,15 +3865,15 @@ function ls({
         { action: "delete", label: "Delete" }
       ],
       onSelect: (C) => {
-        C.action === "create" ? m?.(t) : C.action === "rename" ? U(!0) : C.action === "delete" && h?.(t);
+        C.action === "create" ? m?.(t) : C.action === "rename" ? U(!0) : C.action === "delete" && u?.(t);
       }
     }
-  ), [t, m, h]);
+  ), [t, m, u]);
   return /* @__PURE__ */ n(
     "div",
     {
       ref: v,
-      className: `tv-row ${d ? "tv-drop-over" : ""} ${O ? "dragging" : ""}`,
+      className: `tv-row ${d ? "tv-drop-over" : ""} ${I ? "dragging" : ""}`,
       style: { ...M, paddingLeft: 8 + a * r },
       onClick: (f) => {
         f.target.closest(".tv-toggle") || f.target.tagName === "INPUT" || l?.(t);
@@ -3886,19 +3886,19 @@ function ls({
           {
             className: "tv-input",
             value: Y,
-            onChange: (f) => G(f.target.value),
+            onChange: (f) => q(f.target.value),
             onBlur: T,
             onKeyDown: (f) => {
-              f.key === "Enter" && T(), f.key === "Escape" && (U(!1), G(t.name));
+              f.key === "Enter" && T(), f.key === "Escape" && (U(!1), q(t.name));
             },
             autoFocus: !0
           }
         ) : /* @__PURE__ */ e("span", { onDoubleClick: () => U(!0), children: t.name }) }),
         /* @__PURE__ */ e(ss, { listeners: z, attributes: g }),
-        /* @__PURE__ */ e("div", { className: "tv-actions", children: u ? u(t, {
+        /* @__PURE__ */ e("div", { className: "tv-actions", children: h ? h(t, {
           onCreateChild: () => m?.(t),
           onRename: () => U(!0),
-          onDelete: () => h?.(t)
+          onDelete: () => u?.(t)
         }) : x })
       ]
     }
@@ -3907,35 +3907,35 @@ function ls({
 const is = (t) => String(t.id ?? t._id), os = (t) => t.parent !== void 0 ? String(t.parent) : t.parentId != null ? String(t.parentId) : "root", cs = (t) => t.name ?? t.label ?? "", ds = (t) => Array.isArray(t) && t.some((a) => Array.isArray(a.children));
 function ms(t, { rootId: a, getId: s, getParent: i, getName: l }) {
   const m = /* @__PURE__ */ new Map();
-  t.forEach((h) => {
-    const u = s(h);
-    m.set(u, {
-      ...h,
-      id: u,
-      name: l(h),
-      parentId: i(h) || a,
+  t.forEach((u) => {
+    const h = s(u);
+    m.set(h, {
+      ...u,
+      id: h,
+      name: l(u),
+      parentId: i(u) || a,
       children: []
     });
   });
   const o = [];
-  return m.forEach((h) => {
-    const u = h.parentId || a;
-    u !== a && m.has(u) ? m.get(u).children.push(h) : o.push(h);
+  return m.forEach((u) => {
+    const h = u.parentId || a;
+    h !== a && m.has(h) ? m.get(h).children.push(u) : o.push(u);
   }), { roots: o, byId: m };
 }
 function us(t, { rootId: a, getId: s, getName: i }) {
   const l = /* @__PURE__ */ new Map();
-  function m(h, u) {
-    const N = s(h), y = {
-      ...h,
+  function m(u, h) {
+    const N = s(u), y = {
+      ...u,
       id: N,
-      name: i(h),
-      parentId: u || a,
-      children: (h.children || []).map((r) => m(r, N))
+      name: i(u),
+      parentId: h || a,
+      children: (u.children || []).map((r) => m(r, N))
     };
     return l.set(N, y), y;
   }
-  return { roots: t.map((h) => m(h, null)), byId: l };
+  return { roots: t.map((u) => m(u, null)), byId: l };
 }
 const Pe = (t) => t.map((a) => ({ ...a, children: Pe(a.children || []) }));
 function hs(t, a) {
@@ -3945,8 +3945,8 @@ function hs(t, a) {
       if (o.id === a)
         return s = o, null;
       if (o.children?.length) {
-        const h = i(o.children);
-        if (h !== o.children) return { ...o, children: h };
+        const u = i(o.children);
+        if (u !== o.children) return { ...o, children: u };
       }
       return o;
     }).filter(Boolean);
@@ -3985,8 +3985,8 @@ function ql({
   getParent: l = os,
   getName: m = cs,
   onSelect: o,
-  onCreateRoot: h,
-  onCreateChild: u,
+  onCreateRoot: u,
+  onCreateChild: h,
   onRename: N,
   onDelete: y,
   onMove: r,
@@ -3998,7 +3998,7 @@ function ql({
   const { roots: z } = se(() => ds(t) ? us(t, { rootId: a, getId: i, getName: m }) : ms(
     t.map((b) => ({ ...b })),
     { rootId: a, getId: i, getParent: l, getName: m }
-  ), [t, a, i, l, m]), [A, E] = L({}), O = K((b) => {
+  ), [t, a, i, l, m]), [A, E] = B({}), I = K((b) => {
     const p = {};
     return (function k(w) {
       w.forEach(($) => {
@@ -4007,17 +4007,17 @@ function ql({
     })(b), p;
   }, []);
   ae.useEffect(() => {
-    E(O(z));
-  }, [z, O]);
+    E(I(z));
+  }, [z, I]);
   const M = K(
     (b) => E((p) => ({ ...p, [b]: !p[b] })),
     []
-  ), [_, U] = L(() => Pe(z));
+  ), [_, U] = B(() => Pe(z));
   ae.useEffect(() => U(Pe(z)), [z]);
   const Y = or(
     cr(hr, { activationConstraint: { delay: 250, tolerance: 5 } })
-  ), G = ge(null), [T, x] = L(null), f = ge(0), C = () => {
-  }, I = ({ delta: b }) => {
+  ), q = ge(null), [T, x] = B(null), f = ge(0), C = () => {
+  }, O = ({ delta: b }) => {
     f.current = b?.x ?? 0;
   }, R = K(
     ({ active: b, over: p }) => {
@@ -4028,25 +4028,25 @@ function ql({
       let P = $;
       const S = Math.max(0, Math.floor(-k / g));
       if (S > 0) {
-        let X = $;
+        let W = $;
         for (let xe = 0; xe < S; xe++) {
-          const V = za(_, X, null);
+          const V = za(_, W, null);
           if (!V) break;
           if (!V.parentId) {
             P = a;
             break;
           }
-          P = V.parentId, X = V.parentId;
+          P = V.parentId, W = V.parentId;
         }
       }
       if (d && P === a) {
         U(Pe(z));
         return;
       }
-      const B = Pe(_), { newRoots: j, removed: F } = hs(B, w);
+      const L = Pe(_), { newRoots: j, removed: F } = hs(L, w);
       if (!F) return;
-      const q = ps(j, P, F);
-      U(q), r?.({ sourceId: w, destParentId: P, newTree: q });
+      const G = ps(j, P, F);
+      U(G), r?.({ sourceId: w, destParentId: P, newTree: G });
     },
     [_, z, a, d, g, r]
   ), D = K(
@@ -4059,7 +4059,7 @@ function ql({
           expanded: !!A[k.id],
           onToggle: () => M(k.id),
           onSelect: o,
-          onCreateChild: u,
+          onCreateChild: h,
           onRename: N,
           onDelete: y,
           renderActions: v,
@@ -4070,7 +4070,7 @@ function ql({
       ),
       A[k.id] && k.children?.length > 0 ? D(k.children, p + 1) : null
     ] }, k.id)),
-    [A, g, u, y, N, o, v, M]
+    [A, g, h, y, N, o, v, M]
   );
   return ae.useMemo(() => {
     if (!T) return null;
@@ -4087,12 +4087,12 @@ function ql({
   }, [T, _]), /* @__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: h, children: "+ New folder" })
+      /* @__PURE__ */ e("button", { className: "tv-btn", onClick: u, children: "+ New folder" })
     ] }),
     /* @__PURE__ */ n("div", { className: "tv-root-row", children: [
       /* @__PURE__ */ e(Le, { size: 16, className: "tv-folder-ic" }),
       /* @__PURE__ */ e("strong", { children: "ROOT" }),
-      /* @__PURE__ */ e("button", { className: "tv-icon", title: "Create top-level", onClick: h, children: "+" })
+      /* @__PURE__ */ e("button", { className: "tv-icon", title: "Create top-level", onClick: u, children: "+" })
     ] }),
     /* @__PURE__ */ e(
       dr,
@@ -4100,10 +4100,10 @@ function ql({
         collisionDetection: ur,
         sensors: Y,
         onDragStart: C,
-        onDragMove: I,
+        onDragMove: O,
         onDragEnd: R,
         modifiers: [mr],
-        children: /* @__PURE__ */ e("div", { ref: G, className: "tv-list", children: D(_, 0) })
+        children: /* @__PURE__ */ e("div", { ref: q, className: "tv-list", children: D(_, 0) })
       }
     )
   ] });
@@ -4119,17 +4119,17 @@ const Yl = ({
   listClassName: l = "",
   panelClassName: m = "",
   tabClassName: o,
-  ...h
+  ...u
   // Pass remaining props to Tab.Group
 }) => {
-  const u = s === "vertical", N = (v) => ke(
+  const h = s === "vertical", N = (v) => ke(
     "py-2 -mb-px text-sm font-medium focus:outline-none border-b-2",
     v ? "border-primaryX text-textX" : "border-transparent text-slate-600 hover:text-indigo-700"
   ), y = (v) => ke(
     "text-left text-sm rounded-md px-2 py-1.5 focus:outline-none",
     v ? "bg-primaryX text-white" : "text-textX hover:bg-lightgray-100 hover:text-primaryX"
-  ), r = ({ selected: v }) => o ? typeof o == "function" ? o(v) : o : u ? y(v) : N(v);
-  return /* @__PURE__ */ e(ne.Group, { vertical: u, ...h, children: u ? /* @__PURE__ */ n("div", { className: ke("flex gap-4", i), children: [
+  ), r = ({ selected: v }) => o ? typeof o == "function" ? o(v) : o : h ? y(v) : N(v);
+  return /* @__PURE__ */ e(ne.Group, { vertical: h, ...u, children: h ? /* @__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((v) => /* @__PURE__ */ e(ne, { className: r, children: v.label }, v.key)) }),
     /* @__PURE__ */ e(ne.Panels, { unmount: !a, className: ke("flex-1", m), children: t.map((v) => /* @__PURE__ */ e(ne.Panel, { className: "focus:outline-none", children: /* @__PURE__ */ e("div", { className: "[overflow-anchor:none]", children: v.content }) }, v.key)) })
   ] }) : (
@@ -4146,15 +4146,15 @@ function Wl(t, a = "YYYY-MM-DD HH:mm:ss") {
 c.string;
 function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
   console.log(t);
-  const [l, m] = ae.useState(t), [o, h] = ae.useState(() => {
+  const [l, m] = ae.useState(t), [o, u] = ae.useState(() => {
     const r = a && a[t.key] || {};
     return console.log("Initial Section data for", t.key, r), r;
-  }), u = ge(a);
+  }), h = ge(a);
   te(() => {
-    if (u.current !== a) {
-      u.current = a;
+    if (h.current !== a) {
+      h.current = a;
       const r = a && a[t.key] || {};
-      console.log("Updated Section data for", t.key, r), h(r);
+      console.log("Updated Section data for", t.key, r), u(r);
     }
   }, [a, t.key]), console.log("Section data", o);
   const N = ge(o);
@@ -4207,7 +4207,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             checked: !!(o[r.key] || r.default),
             onChange: (d) => {
               const g = d.target ? d.target.checked : d, z = { ...o, [r.key]: g };
-              h(z), s && s(l.key, z);
+              u(z), s && s(l.key, z);
             },
             label: r.label,
             disabled: r.disabled ? r.disabled : !1
@@ -4253,7 +4253,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       ),
       r.fieldtype === "text" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
-          J,
+          X,
           {
             type: "text",
             name: r.key,
@@ -4262,7 +4262,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             value: o[r.key] || "",
             onChange: (d) => {
               const g = { ...o, [r.key]: d.target.value };
-              h(g), s && s(l.key, g);
+              u(g), s && s(l.key, g);
             },
             required: r.required,
             disabled: r.disabled ? r.disabled : !1,
@@ -4282,7 +4282,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             value: o[r.key] || "",
             onChange: (d) => {
               const g = { ...o, [r.key]: d.target.value };
-              h(g), s && s(l.key, g);
+              u(g), s && s(l.key, g);
             },
             rows: 3,
             required: r.required,
@@ -4295,7 +4295,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       ] }),
       r.fieldtype === "number" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
-          J,
+          X,
           {
             type: "number",
             name: r.key,
@@ -4307,7 +4307,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             step: r.step,
             onChange: (d) => {
               const g = d.target.value, z = { ...o, [r.key]: g };
-              h(z), s && s(l.key, z);
+              u(z), s && s(l.key, z);
             },
             onBlur: (d) => {
               const g = d.target.value;
@@ -4339,7 +4339,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             checked: !!(o[r.key] || r.default),
             onChange: (d) => {
               const g = d.target ? d.target.checked : d, z = { ...o, [r.key]: g };
-              h(z), s && s(l.key, z);
+              u(z), s && s(l.key, z);
             },
             label: r.placeholder || r.label,
             disabled: r.disabled ? r.disabled : !1,
@@ -4357,7 +4357,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             value: o[r.key] || "",
             onChange: (d) => {
               const g = { ...o, [r.key]: d };
-              h(g);
+              u(g);
             },
             options: r.options || [],
             placeholder: r.placeholder || `Select ${r.label}`,
@@ -4370,7 +4370,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       ] }),
       r.fieldtype === "email" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
-          J,
+          X,
           {
             type: "email",
             name: r.key,
@@ -4379,7 +4379,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             value: o[r.key] || "",
             onChange: (d) => {
               const g = { ...o, [r.key]: d.target.value };
-              h(g), s && s(l.key, g);
+              u(g), s && s(l.key, g);
             },
             required: r.required,
             disabled: r.disabled ? r.disabled : !1,
@@ -4390,7 +4390,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       ] }),
       r.fieldtype === "url" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
-          J,
+          X,
           {
             type: "url",
             name: r.key,
@@ -4399,7 +4399,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             value: o[r.key] || "",
             onChange: (d) => {
               const g = { ...o, [r.key]: d.target.value };
-              h(g), s && s(l.key, g);
+              u(g), s && s(l.key, g);
             },
             required: r.required,
             disabled: r.disabled ? r.disabled : !1,
@@ -4410,7 +4410,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       ] }),
       r.fieldtype === "password" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
-          J,
+          X,
           {
             type: "password",
             name: r.key,
@@ -4419,7 +4419,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             value: o[r.key] || "",
             onChange: (d) => {
               const g = { ...o, [r.key]: d.target.value };
-              h(g), s && s(l.key, g);
+              u(g), s && s(l.key, g);
             },
             required: r.required,
             disabled: r.disabled ? r.disabled : !1,
@@ -4435,7 +4435,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             selectedItems: o[r.key] || [],
             onSelectionChange: (d) => {
               const g = { ...o, [r.key]: d };
-              h(g), s && s(l.key, g);
+              u(g), s && s(l.key, g);
             },
             options: r.options || [],
             placeholder: r.placeholder || `Select ${r.label}`,
@@ -4453,7 +4453,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             onChange: (d) => {
               console.log("Toggle changed:", r.key, d);
               const g = { ...o, [r.key]: d };
-              h(g), s && s(l.key, g);
+              u(g), s && s(l.key, g);
             },
             disabled: r.disabled ? r.disabled : !1
           }
@@ -4467,7 +4467,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           value: o[r.key] ? new Date(o[r.key]) : null,
           onChange: (d) => {
             const g = { ...o, [r.key]: d ? d.toISOString().split("T")[0] : "" };
-            h(g), s && s(l.key, g);
+            u(g), s && s(l.key, g);
           },
           placeholder: r.placeholder || "Select date",
           disabled: r.disabled ? r.disabled : !1,
@@ -4482,7 +4482,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           value: o[r.key] || { from: null, to: null },
           onChange: (d) => {
             const g = { ...o, [r.key]: d };
-            h(g), s && s(l.key, g);
+            u(g), s && s(l.key, g);
           },
           placeholder: r.placeholder || "Select date range",
           disabled: r.disabled ? r.disabled : !1,
@@ -4497,7 +4497,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             selectedValue: typeof o[r.key] < "u" ? o[r.key] : r.default || "",
             onValueChange: (d) => {
               const g = { ...o, [r.key]: d };
-              h(g), s && s(l.key, g);
+              u(g), s && s(l.key, g);
             },
             options: r.options || [],
             disabled: r.disabled ? r.disabled : !1,
@@ -4518,7 +4518,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               checked: o[r.key] === d.value,
               onChange: (g) => {
                 const z = { ...o, [r.key]: g.target.value };
-                h(z), s && s(l.key, z);
+                u(z), s && s(l.key, z);
               },
               disabled: r.disabled
             }
@@ -4537,7 +4537,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             value: o[r.key] || "",
             onChange: (d) => {
               const g = { ...o, [r.key]: d };
-              h(g), s && s(l.key, g);
+              u(g), s && s(l.key, g);
             },
             placeholder: r.placeholder || `Search ${r.label}`,
             className: `w-full ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
@@ -4547,7 +4547,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       ] }),
       (r.fieldtype === "datetime" || r.fieldtype === "datetime-local") && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
-          J,
+          X,
           {
             type: "datetime-local",
             name: r.key,
@@ -4556,7 +4556,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             value: o[r.key] || "",
             onChange: (d) => {
               const g = { ...o, [r.key]: d.target.value };
-              h(g), s && s(l.key, g);
+              u(g), s && s(l.key, g);
             },
             required: r.required,
             className: `w-full ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
@@ -4566,7 +4566,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       ] }),
       r.fieldtype === "time" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
-          J,
+          X,
           {
             type: "time",
             name: r.key,
@@ -4575,7 +4575,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             value: o[r.key] || "",
             onChange: (d) => {
               const g = { ...o, [r.key]: d.target.value };
-              h(g), s && s(l.key, g);
+              u(g), s && s(l.key, g);
             },
             required: r.required,
             className: `w-full ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
@@ -4585,7 +4585,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       ] }),
       r.fieldtype === "color" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
-          J,
+          X,
           {
             type: "color",
             name: r.key,
@@ -4593,7 +4593,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             value: o[r.key] || "#000000",
             onChange: (d) => {
               const g = { ...o, [r.key]: d.target.value };
-              h(g), s && s(l.key, g);
+              u(g), s && s(l.key, g);
             },
             className: `w-full h-10 ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
           }
@@ -4602,7 +4602,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       ] }),
       r.fieldtype === "range" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
-          J,
+          X,
           {
             type: "range",
             name: r.key,
@@ -4610,7 +4610,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             value: o[r.key] || r.min || 0,
             onChange: (d) => {
               const g = { ...o, [r.key]: d.target.value };
-              h(g), s && s(l.key, g);
+              u(g), s && s(l.key, g);
             },
             min: r.min || 0,
             max: r.max || 100,
@@ -4630,13 +4630,13 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       ] }),
       r.fieldtype === "file" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
-          J,
+          X,
           {
             type: "file",
             name: r.key,
             onChange: (d) => {
               const g = d.target.files[0], z = { ...o, [r.key]: g ? g.name : "" };
-              h(z), s && s(l.key, z);
+              u(z), s && s(l.key, z);
             },
             accept: r.accept,
             className: `w-full ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
@@ -4653,7 +4653,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             className: r.className || "",
             onCollectionChange: (d) => {
               const g = { ...o, [r.key]: d };
-              h(g), s && s(l.key, g);
+              u(g), s && s(l.key, g);
             },
             showSearch: r.showSearch !== !1,
             allowAdd: r.allowAdd !== !1,
@@ -4681,9 +4681,9 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
 const bs = ({ children: t }) => /* @__PURE__ */ e("div", { className: "flex -space-x-2", children: t });
 function fs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
   console.log(`[DynamicConfig/DataTableRenderer] Component loaded for section: ${t.key}`);
-  const [l, m] = L(t), [o, h] = L(null), [u, N] = L(null);
+  const [l, m] = B(t), [o, u] = B(null), [h, N] = B(null);
   console.log(`[DataTableRenderer] ${l.key} - Received props:`, { item: t, initialData: a });
-  const [y, r] = L(() => {
+  const [y, r] = B(() => {
     const x = a && a[l.key] || [], f = x.length > 0 ? x : [{ id: 0 }];
     return console.log(`[DataTableRenderer] ${l.key} - Initial data:`, f), f;
   }), v = ge(a);
@@ -4708,7 +4708,7 @@ function fs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         const p = [...b];
         return p[R][x.key] = D, p;
       });
-    }, C = (R) => i[l.key]?.[R]?.[x.key], I = (R) => {
+    }, C = (R) => i[l.key]?.[R]?.[x.key], O = (R) => {
       const D = C(R);
       return D ? /* @__PURE__ */ e("div", { className: "text-red-500 text-xs mt-1", children: D }) : null;
     };
@@ -4716,7 +4716,7 @@ function fs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       case "text":
         return (R, D) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
-            J,
+            X,
             {
               value: R[x.key] || "",
               onChange: (b) => f(D, b.target.value),
@@ -4725,7 +4725,7 @@ function fs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               className: `w-full ${C(D) ? "border-red-500" : ""}`
             }
           ),
-          I(D)
+          O(D)
         ] });
       case "textarea":
         return (R, D) => /* @__PURE__ */ n("div", { children: [
@@ -4740,12 +4740,12 @@ function fs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               rows: 3
             }
           ),
-          I(D)
+          O(D)
         ] });
       case "number":
         return (R, D) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
-            J,
+            X,
             {
               type: "number",
               value: R[x.key] || "",
@@ -4773,12 +4773,12 @@ function fs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             "Max: ",
             x.max
           ] }),
-          I(D)
+          O(D)
         ] });
       case "email":
         return (R, D) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
-            J,
+            X,
             {
               type: "email",
               value: R[x.key] || "",
@@ -4788,12 +4788,12 @@ function fs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               className: `w-full ${C(D) ? "border-red-500" : ""}`
             }
           ),
-          I(D)
+          O(D)
         ] });
       case "url":
         return (R, D) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
-            J,
+            X,
             {
               type: "url",
               value: R[x.key] || "",
@@ -4803,12 +4803,12 @@ function fs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               className: `w-full ${C(D) ? "border-red-500" : ""}`
             }
           ),
-          I(D)
+          O(D)
         ] });
       case "password":
         return (R, D) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
-            J,
+            X,
             {
               type: "password",
               value: R[x.key] || "",
@@ -4818,7 +4818,7 @@ function fs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               className: `w-full ${C(D) ? "border-red-500" : ""}`
             }
           ),
-          I(D)
+          O(D)
         ] });
       case "select":
       case "dropdown":
@@ -4834,7 +4834,7 @@ function fs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               className: `w-full ${C(D) ? "border-red-500" : ""}`
             }
           ),
-          I(D)
+          O(D)
         ] });
       case "selectDynamic":
         return (R, D) => {
@@ -4864,7 +4864,7 @@ function fs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               },
               Math.random()
             ),
-            I(D)
+            O(D)
           ] });
         };
       case "multiselect":
@@ -4915,7 +4915,7 @@ function fs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         );
       case "datetime":
         return (R, D) => /* @__PURE__ */ e(
-          J,
+          X,
           {
             type: "datetime-local",
             value: R[x.key] || "",
@@ -4927,7 +4927,7 @@ function fs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         );
       case "time":
         return (R, D) => /* @__PURE__ */ e(
-          J,
+          X,
           {
             type: "time",
             value: R[x.key] || "",
@@ -4979,7 +4979,7 @@ function fs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               {
                 className: "text-blue-600 font-semibold hover:text-blue-800",
                 onClick: () => {
-                  N(x.key), h(D);
+                  N(x.key), u(D);
                 },
                 children: p.length > 0 ? "Edit" : "Assign"
               }
@@ -4988,7 +4988,7 @@ function fs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         };
       case "color":
         return (R, D) => /* @__PURE__ */ e(
-          J,
+          X,
           {
             type: "color",
             value: R[x.key] || "#000000",
@@ -4999,7 +4999,7 @@ function fs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       case "range":
         return (R, D) => /* @__PURE__ */ n("div", { className: "w-full", children: [
           /* @__PURE__ */ e(
-            J,
+            X,
             {
               type: "range",
               value: R[x.key] || x.min || 0,
@@ -5014,7 +5014,7 @@ function fs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         ] });
       case "file":
         return (R, D) => /* @__PURE__ */ e(
-          J,
+          X,
           {
             type: "file",
             onChange: (b) => {
@@ -5027,7 +5027,7 @@ function fs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         );
       case "hidden":
         return (R, D) => /* @__PURE__ */ e(
-          J,
+          X,
           {
             type: "hidden",
             value: R[x.key] || "",
@@ -5038,7 +5038,7 @@ function fs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       default:
         return (R, D) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
-            J,
+            X,
             {
               value: R[x.key] || "",
               onChange: (b) => f(D, b.target.value),
@@ -5047,7 +5047,7 @@ function fs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               className: `w-full ${C(D) ? "border-red-500" : ""}`
             }
           ),
-          I(D)
+          O(D)
         ] });
     }
   }, A = K(() => {
@@ -5057,8 +5057,8 @@ function fs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         id: x.length
         // Assign next available ID
       };
-      l.fields.forEach((I) => {
-        I.fieldtype === "audience" ? f[I.key] = { users: [], groups: [], roles: [] } : f[I.key] = I.default || "";
+      l.fields.forEach((O) => {
+        O.fieldtype === "audience" ? f[O.key] = { users: [], groups: [], roles: [] } : f[O.key] = O.default || "";
       }), console.log("[DataTableRenderer] New blank row:", f);
       const C = [...x, f];
       return console.log("[DataTableRenderer] Updated data:", C), C;
@@ -5070,31 +5070,31 @@ function fs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       const C = [...f];
       return C.splice(x, 1), C;
     });
-  }, []), [O, M] = L(null), _ = K((x, f) => {
+  }, []), [I, M] = B(null), _ = K((x, f) => {
     M(f), x.dataTransfer.effectAllowed = "move", x.dataTransfer.setData("text/html", "");
   }, []), U = K((x) => {
     x.preventDefault(), x.dataTransfer.dropEffect = "move";
   }, []), Y = K((x, f) => {
-    x.preventDefault(), !(O === null || O === f) && (r((C) => {
-      const I = [...C], R = I[O];
-      return I.splice(O, 1), I.splice(f, 0, R), I;
+    x.preventDefault(), !(I === null || I === f) && (r((C) => {
+      const O = [...C], R = O[I];
+      return O.splice(I, 1), O.splice(f, 0, R), O;
     }), M(null));
-  }, [O]), G = K(() => {
+  }, [I]), q = K(() => {
     M(null);
   }, []), T = K((x) => {
     console.log("[DataTableRenderer] handleAddAudience called with:", x), r((f) => {
       const C = [...f];
-      if (o !== null && u && C[o]) {
-        const I = x.pendingInvites || [], R = I.filter((p) => p.type === "User"), D = I.filter((p) => p.type === "Group"), b = I.filter((p) => p.type === "Role");
-        C[o][u] = {
-          users: [...C[o][u]?.users || [], ...R],
-          groups: [...C[o][u]?.groups || [], ...D],
-          roles: [...C[o][u]?.roles || [], ...b]
-        }, console.log("[DataTableRenderer] Updated audience data:", C[o][u]);
+      if (o !== null && h && C[o]) {
+        const O = x.pendingInvites || [], R = O.filter((p) => p.type === "User"), D = O.filter((p) => p.type === "Group"), b = O.filter((p) => p.type === "Role");
+        C[o][h] = {
+          users: [...C[o][h]?.users || [], ...R],
+          groups: [...C[o][h]?.groups || [], ...D],
+          roles: [...C[o][h]?.roles || [], ...b]
+        }, console.log("[DataTableRenderer] Updated audience data:", C[o][h]);
       }
       return C;
-    }), h(null), N(null);
-  }, [o, u]);
+    }), u(null), N(null);
+  }, [o, h]);
   return /* @__PURE__ */ n("div", { children: [
     /* @__PURE__ */ n("div", { style: { marginBottom: "20px" }, children: [
       /* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
@@ -5126,15 +5126,15 @@ function fs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       /* @__PURE__ */ e("tbody", { children: y.map((x, f) => /* @__PURE__ */ n(
         "tr",
         {
-          className: `hover:bg-gray-50 ${O === f ? "opacity-50" : ""}`,
+          className: `hover:bg-gray-50 ${I === f ? "opacity-50" : ""}`,
           draggable: !0,
           onDragStart: (C) => _(C, f),
           onDragOver: U,
           onDrop: (C) => Y(C, f),
-          onDragEnd: G,
+          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((C, I) => /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: z(C)(x, f) }, I)),
+            l.fields.map((C, O) => /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: z(C)(x, f) }, O)),
             /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: /* @__PURE__ */ e(
               "button",
               {
@@ -5150,17 +5150,17 @@ function fs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       )) })
     ] }) }),
     o !== null && (() => {
-      const x = y[o] && y[o][u] ? {
-        users: y[o][u].users || [],
-        groups: y[o][u].groups || [],
-        roles: y[o][u].roles || []
+      const x = y[o] && y[o][h] ? {
+        users: y[o][h].users || [],
+        groups: y[o][h].groups || [],
+        roles: y[o][h].roles || []
       } : { users: [], groups: [], roles: [] };
-      return console.log("[DataTableRenderer] Opening modal with existing data:", x), console.log("[DataTableRenderer] Row data:", y[o]), console.log("[DataTableRenderer] Field name:", u), /* @__PURE__ */ e(
+      return console.log("[DataTableRenderer] Opening modal with existing data:", x), console.log("[DataTableRenderer] Row data:", y[o]), console.log("[DataTableRenderer] Field name:", h), /* @__PURE__ */ e(
         ns,
         {
           isOpen: !0,
           onClose: () => {
-            h(null), N(null);
+            u(null), N(null);
           },
           onFinalSubmit: T,
           existingShares: x,
@@ -5192,9 +5192,9 @@ function Ns({
   onShowCancelModal: l,
   onCancel: m
 }) {
-  const [o, h] = ae.useState(a), [u, N] = ae.useState(null), [y, r] = ae.useState(null), [v, d] = L(!1), [g, z] = L(!1), [A, E] = L({}), O = `${Se()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, M = O, [_, U] = L(1), Y = () => {
-    if (!y || !u)
-      return console.log("[DynamicConfig] hasUnsavedChanges: false (no data)", { originalData: y, data: u }), !1;
+  const [o, u] = ae.useState(a), [h, N] = ae.useState(null), [y, r] = ae.useState(null), [v, d] = B(!1), [g, z] = B(!1), [A, E] = B({}), I = `${Se()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, M = I, [_, U] = B(1), Y = () => {
+    if (!y || !h)
+      return console.log("[DynamicConfig] hasUnsavedChanges: false (no data)", { originalData: y, data: h }), !1;
     const b = ($) => {
       if ($ == null || typeof $ != "object") return $;
       if (Array.isArray($)) return $.map(b);
@@ -5202,37 +5202,37 @@ function Ns({
       return Object.keys($).sort().forEach((S) => {
         P[S] = b($[S]);
       }), P;
-    }, p = b(y), k = b(u), w = JSON.stringify(p) !== JSON.stringify(k);
+    }, p = b(y), k = b(h), w = JSON.stringify(p) !== JSON.stringify(k);
     return console.log("[DynamicConfig] hasUnsavedChanges:", w, {
       originalData: p,
       currentData: k,
       originalRaw: y,
-      currentRaw: u
+      currentRaw: h
     }), w;
-  }, G = (b) => {
+  }, q = (b) => {
     if (!a || !a.configuration)
       return b;
     const p = {}, k = b?.configuration || {};
     return a.configuration.forEach((w) => {
       if (w.key && w.type === "datatable") {
-        const P = (k[w.key] || []).map((S, B) => {
+        const P = (k[w.key] || []).map((S, L) => {
           const j = { id: S.id || 0 };
           return w.fields && w.fields.forEach((F) => {
             if (F.fieldtype === "audience") {
-              let q = { users: [], groups: [], roles: [] };
-              S[F.key] && (Array.isArray(S[F.key]) ? q = { users: [], groups: [], roles: [] } : typeof S[F.key] == "object" && (q = {
+              let G = { users: [], groups: [], roles: [] };
+              S[F.key] && (Array.isArray(S[F.key]) ? G = { users: [], groups: [], roles: [] } : typeof S[F.key] == "object" && (G = {
                 users: S[F.key].users || [],
                 groups: S[F.key].groups || [],
                 roles: S[F.key].roles || []
-              })), j[F.key] = q;
+              })), j[F.key] = G;
             } else
               j[F.key] = S[F.key] || F.default || "";
           }), j;
         });
         if (P.length === 0) {
           const S = { id: 0 };
-          w.fields && w.fields.forEach((B) => {
-            B.fieldtype === "audience" ? S[B.key] = { users: [], groups: [], roles: [] } : S[B.key] = B.default || "";
+          w.fields && w.fields.forEach((L) => {
+            L.fieldtype === "audience" ? S[L.key] = { users: [], groups: [], roles: [] } : S[L.key] = L.default || "";
           }), P.push(S);
         }
         p[w.key] = P;
@@ -5271,9 +5271,9 @@ function Ns({
     const b = async () => {
       try {
         d(!0);
-        let p = await Qe(O);
+        let p = await Qe(I);
         if (p) {
-          const k = G(p);
+          const k = q(p);
           N(k), r(k);
         } else
           T();
@@ -5289,7 +5289,7 @@ function Ns({
         d(!1);
       }
     };
-    a && (h(a), t ? b() : T());
+    a && (u(a), t ? b() : T());
   }, [a, _, t, s]);
   const x = (b, p) => {
     console.log(`[DynamicConfig] handleSectionChange called for ${b}:`, p), N((k) => {
@@ -5304,10 +5304,10 @@ function Ns({
     });
   }, f = () => {
     const b = {};
-    return !o || !u || o.configuration.forEach((p) => {
+    return !o || !h || o.configuration.forEach((p) => {
       if (p.type === "section")
         p.fields.forEach((k) => {
-          const w = u[p.key]?.[k.key];
+          const w = h[p.key]?.[k.key];
           if (k.required && (!w || typeof w == "string" && w.trim() === "")) {
             b[p.key] || (b[p.key] = {}), b[p.key][k.key] = `${k.label} is required`;
             return;
@@ -5318,7 +5318,7 @@ function Ns({
           }
         });
       else if (p.type === "datatable") {
-        const k = u[p.key];
+        const k = h[p.key];
         Array.isArray(k) && k.forEach((w, $) => {
           p.fields.forEach((P) => {
             const S = w[P.key];
@@ -5327,14 +5327,14 @@ function Ns({
               return;
             }
             if (P.fieldtype === "number" && S !== "" && S !== null && S !== void 0) {
-              const B = Number(S);
-              isNaN(B) ? (b[p.key] || (b[p.key] = {}), b[p.key][$] || (b[p.key][$] = {}), b[p.key][$][P.key] = `${P.label} must be a valid number`) : (P.min !== void 0 && B < P.min && (b[p.key] || (b[p.key] = {}), b[p.key][$] || (b[p.key][$] = {}), b[p.key][$][P.key] = `${P.label} must be at least ${P.min}`), P.max !== void 0 && B > P.max && (b[p.key] || (b[p.key] = {}), b[p.key][$] || (b[p.key][$] = {}), b[p.key][$][P.key] = `${P.label} must not exceed ${P.max}`));
+              const L = Number(S);
+              isNaN(L) ? (b[p.key] || (b[p.key] = {}), b[p.key][$] || (b[p.key][$] = {}), b[p.key][$][P.key] = `${P.label} must be a valid number`) : (P.min !== void 0 && L < P.min && (b[p.key] || (b[p.key] = {}), b[p.key][$] || (b[p.key][$] = {}), b[p.key][$][P.key] = `${P.label} must be at least ${P.min}`), P.max !== void 0 && L > P.max && (b[p.key] || (b[p.key] = {}), b[p.key][$] || (b[p.key][$] = {}), b[p.key][$][P.key] = `${P.label} must not exceed ${P.max}`));
             }
           });
         });
       }
     }), b;
-  }, C = (b) => Object.keys(b).length > 0, I = () => {
+  }, C = (b) => Object.keys(b).length > 0, O = () => {
     if (g) {
       console.log("[handleSave] Already saving, ignoring duplicate call");
       return;
@@ -5356,12 +5356,12 @@ function Ns({
       try {
         z(!0);
         const k = {};
-        u && Object.keys(u).forEach(($) => {
+        h && Object.keys(h).forEach(($) => {
           const P = a?.configuration?.find(
             (S) => S.key === $ && S.type === "datatable"
           );
-          P && Array.isArray(u[$]) ? k[$] = u[$].map((S) => {
-            const B = { id: S.id || 0 };
+          P && Array.isArray(h[$]) ? k[$] = h[$].map((S) => {
+            const L = { id: S.id || 0 };
             return P.fields && P.fields.forEach((j) => {
               if (j.fieldtype === "audience") {
                 let F = { users: [], groups: [], roles: [] };
@@ -5369,17 +5369,17 @@ function Ns({
                   users: S[j.key].users || [],
                   groups: S[j.key].groups || [],
                   roles: S[j.key].roles || []
-                }), B[j.key] = F;
+                }), L[j.key] = F;
               } else
-                B[j.key] = S[j.key] || "";
-            }), B;
-          }) : k[$] = u[$];
+                L[j.key] = S[j.key] || "";
+            }), L;
+          }) : k[$] = h[$];
         }), (!k.appkey || k.appkey === "") && (k.appkey = t);
         let w = await yt(M, k);
         if (w && w.status != "fail") {
-          E({}), r(JSON.parse(JSON.stringify(u)));
+          E({}), r(JSON.parse(JSON.stringify(h)));
           const $ = w.message || "Configuration has been saved successfully";
-          Ge.success($), i && typeof i == "function" && i(u);
+          Ge.success($), i && typeof i == "function" && i(h);
         } else
           throw Ge.error(w?.message || "Failed to save configuration"), new Error("No response received from server");
       } catch (k) {
@@ -5395,7 +5395,7 @@ function Ns({
     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 D = a?.configuration || o?.configuration;
   return te(() => {
-    s && a ? (!u || Object.keys(u).length === 0) && T() : s && !a && T();
+    s && a ? (!h || Object.keys(h).length === 0) && T() : s && !a && T();
   }, [s, a]), /* @__PURE__ */ n("div", { children: [
     /* @__PURE__ */ n(
       "div",
@@ -5411,7 +5411,7 @@ function Ns({
                 k,
                 {
                   item: b,
-                  data: u,
+                  data: h,
                   updateHandler: x,
                   validationErrors: A
                 },
@@ -5436,7 +5436,7 @@ function Ns({
         oe,
         {
           category: "primary",
-          onClick: I,
+          onClick: O,
           disabled: g,
           label: g ? "Saving..." : "Save",
           type: "submit"
@@ -5450,18 +5450,18 @@ const Jl = ({
   appid: a = "Configuration-Page",
   disableApi: s = !1
 }) => {
-  const [i, l] = L(0), [m, o] = L(!1), {
-    pageHeader: h = {},
-    appletHeader: u = {},
+  const [i, l] = B(0), [m, o] = B(!1), {
+    pageHeader: u = {},
+    appletHeader: h = {},
     breadcrumb: N = [],
     overview: y = {},
     configuration: r = []
   } = t, v = se(() => r.map((f) => {
     if (f.type === "section" && f.fields) {
-      const C = [...f.fields], I = C.findIndex((R) => R && R.key === "appkey");
-      if (I !== -1) {
-        const R = C[I];
-        if (C[I] = {
+      const C = [...f.fields], O = C.findIndex((R) => R && R.key === "appkey");
+      if (O !== -1) {
+        const R = C[O];
+        if (C[O] = {
           ...R,
           default: a,
           value: a,
@@ -5485,7 +5485,7 @@ const Jl = ({
             placeholder: "Enter display name",
             required: !1
           };
-          C.splice(I + 1, 0, b);
+          C.splice(O + 1, 0, b);
         }
       }
       return {
@@ -5499,7 +5499,7 @@ const Jl = ({
     subHeading: "View app details and customize configurations to align with institutional requirements.",
     isLeftArrow: !0,
     onBackClick: () => window.history.back(),
-    ...h
+    ...u
   }, g = N.map((f) => ({
     label: f.text,
     href: f.href || "#"
@@ -5509,29 +5509,29 @@ const Jl = ({
     o(!1), f.primary && window.location.reload();
   }, []), E = K((f) => {
     console.log("Configuration changed:", f);
-  }, []), O = K(() => {
+  }, []), I = K(() => {
     window.history.back();
   }, []), M = (() => {
-    if (u.headingKey && Array.isArray(r)) {
-      const f = u.headingKey.split("."), C = f[0], I = f[1], R = r.find((D) => D && D.key === C);
+    if (h.headingKey && Array.isArray(r)) {
+      const f = h.headingKey.split("."), C = f[0], O = f[1], R = r.find((D) => D && D.key === C);
       if (R && R.fields) {
-        const D = R.fields.find((b) => b && b.key === I);
+        const D = R.fields.find((b) => b && b.key === O);
         if (D)
-          return D.default ?? D.value ?? u.heading ?? a;
+          return D.default ?? D.value ?? h.heading ?? a;
       }
     }
     if (Array.isArray(r)) {
       for (const f of r)
         if (f && f.fields) {
-          const C = f.fields.find((I) => I && I.key === "displayname");
+          const C = f.fields.find((O) => O && O.key === "displayname");
           if (C) return C.default ?? C.value ?? a;
         }
     }
-    return u.heading || a;
+    return h.heading || a;
   })(), _ = {
     subHeading: "Application configuration and details",
     tags: [],
-    ...u,
+    ...h,
     heading: M
     // Use resolvedDisplayName only
   }, U = {
@@ -5554,10 +5554,10 @@ const Jl = ({
     ...y
   }, Y = se(() => ({
     configuration: v
-  }), [v]), G = se(() => [
+  }), [v]), q = se(() => [
     { label: "Overview", content: x(U) },
-    { label: "Configuration", content: /* @__PURE__ */ e(Ns, { appid: a, configdata: Y, disableApi: s, onSave: E, onShowCancelModal: z, onCancel: O }) }
-  ], [a, Y, s, E, z, O, U]);
+    { label: "Configuration", content: /* @__PURE__ */ e(Ns, { appid: a, configdata: Y, disableApi: s, onSave: E, onShowCancelModal: z, onCancel: I }) }
+  ], [a, Y, s, E, z, I, U]);
   function T(f) {
     return f ? f.includes("<svg") ? /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: f } }) : f : "📱";
   }
@@ -5587,11 +5587,11 @@ const Jl = ({
       ] }),
       /* @__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: f.features.map((C, I) => /* @__PURE__ */ n("li", { children: [
+        /* @__PURE__ */ e("ul", { className: "space-y-3", children: f.features.map((C, O) => /* @__PURE__ */ n("li", { children: [
           /* @__PURE__ */ e("span", { className: "font-semibold", children: C.title }),
           /* @__PURE__ */ e("br", {}),
           /* @__PURE__ */ e("span", { className: "text-gray-700", children: C.description })
-        ] }, I)) })
+        ] }, O)) })
       ] })
     ] });
   }
@@ -5622,7 +5622,7 @@ const Jl = ({
       ] })
     ] }),
     /* @__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: G.map((f, C) => /* @__PURE__ */ e(
+      /* @__PURE__ */ e("div", { className: "border-b border-gray-200", children: /* @__PURE__ */ e("nav", { className: "flex space-x-8", "aria-label": "Tabs", children: q.map((f, C) => /* @__PURE__ */ e(
         "button",
         {
           onClick: () => l(C),
@@ -5631,7 +5631,7 @@ const Jl = ({
         },
         C
       )) }) }),
-      /* @__PURE__ */ e("div", { className: "p-8 h-full overflow-y-auto", children: G[i].content })
+      /* @__PURE__ */ e("div", { className: "p-8 h-full overflow-y-auto", children: q[i].content })
     ] }),
     /* @__PURE__ */ e(
       Rn,
@@ -5654,17 +5654,17 @@ const Jl = ({
   allowEdit: l = !0,
   allowDelete: m = !0,
   allowReorder: o = !0,
-  initialData: h = null
+  initialData: u = null
 }) => {
-  const [u, N] = L(null), [y, r] = L(""), [v, d] = L(() => Array.isArray(h) ? h : []), [g, z] = L(null), [A, E] = L(null), [O, M] = L("");
+  const [h, N] = B(null), [y, r] = B(""), [v, d] = B(() => Array.isArray(u) ? u : []), [g, z] = B(null), [A, E] = B(null), [I, M] = B("");
   te(() => {
-    Array.isArray(h) && d(h);
-  }, [h]);
+    Array.isArray(u) && d(u);
+  }, [u]);
   const _ = (p) => {
     l && (N(p._id), r(p.categoryName || ""));
   }, U = () => {
-    if (!i || u !== null) return;
-    const k = (v.length > 0 ? Math.max(...v.map((w) => w._id ?? 0)) : 0) + 1;
+    if (!i || h !== null) return;
+    const k = (v.length > 0 ? Math.max(...v.map((w) => typeof w._id == "number" ? w._id : 0)) : 0) + 1;
     d((w) => [
       ...w,
       {
@@ -5677,13 +5677,13 @@ const Jl = ({
       }
     ]), N(k), r("");
   }, Y = () => {
-    u != null && (d((p) => {
-      const w = !p.some(($) => $._id !== void 0 && $._id === u && $.categoryName) ? p.filter(($) => $._id !== u) : p;
+    h != null && (d((p) => {
+      const w = !Array.isArray(u) || !u.some(($) => $._id === h) ? p.filter(($) => $._id !== h) : p;
       return a?.(w), w;
     }), N(null), r(""));
-  }, G = () => {
-    u == null || !y.trim() || (d((p) => {
-      const k = p.map((w) => w._id === u ? {
+  }, q = () => {
+    h == null || !y.trim() || (d((p) => {
+      const k = p.map((w) => w._id === h ? {
         ...w,
         categoryName: y.trim()
       } : w);
@@ -5695,35 +5695,36 @@ const Jl = ({
       return a?.(w), w;
     });
   }, x = (p, k, w) => {
-    if (!o || !k || !w || k === w) return p;
-    const $ = p.findIndex((j) => j.id === k), P = p.findIndex((j) => j.id === w);
-    if ($ === -1 || P === -1) return p;
-    const S = [...p], [B] = S.splice($, 1);
-    return S.splice(P, 0, B), S.map((j, F) => ({ ...j, order: F + 1 }));
+    const $ = Number(k), P = Number(w);
+    if (!o || $ === P) return p;
+    const S = p.findIndex((G) => Number(G._id) === $), L = p.findIndex((G) => Number(G._id) === P);
+    if (S === -1 || L === -1) return p;
+    const j = [...p], [F] = j.splice(S, 1);
+    return j.splice(L, 0, F), j.map((G, W) => ({ ...G, order: W + 1 }));
   }, f = (p, k) => {
-    o && (p.dataTransfer.effectAllowed = "move", p.dataTransfer.setData("text/plain", String(k)), z(k));
+    o && (p.dataTransfer.effectAllowed = "move", p.dataTransfer.setData("text/plain", String(k)), z(Number(k)));
   }, C = (p) => {
     g && p !== A && E(p);
-  }, I = (p) => {
+  }, O = (p) => {
     p.preventDefault();
   }, R = (p, k) => {
     p.preventDefault();
-    const w = p.dataTransfer.getData("text/plain");
-    w && (d(($) => {
-      const P = x($, w, k);
-      return console.log("Reordered", P), a?.(P), P;
+    const w = p.dataTransfer.getData("text/plain"), $ = w === "0" ? 0 : Number(w), P = k === "0" ? 0 : Number(k);
+    $ === void 0 || P === void 0 || (d((S) => {
+      const L = x(S, $, P);
+      return a?.(L), L;
     }), z(null), E(null));
   }, D = () => {
     z(null), E(null);
   }, b = Array.isArray(v) ? v.filter(
-    (p) => p.categoryName?.toLowerCase().includes(O.toLowerCase())
+    (p) => p.categoryName?.toLowerCase().includes(I.toLowerCase())
   ) : [];
   return /* @__PURE__ */ n("div", { className: `manage-collection-list ${t}`, children: [
     /* @__PURE__ */ e("div", { className: "flex justify-end", children: /* @__PURE__ */ n("div", { className: "w-1/2 flex justify-end", children: [
       s && /* @__PURE__ */ e(
         he,
         {
-          value: O,
+          value: I,
           onDebouncedChange: M,
           placeholder: "Search Collection",
           customClass: "mr-4 searchmanagecollection"
@@ -5734,22 +5735,23 @@ const Jl = ({
         {
           className: [
             "px-4 py-3 bg-black text-white rounded-2xl ml-4",
-            u !== null ? "opacity-60 cursor-not-allowed" : "cursor-pointer"
+            h !== null ? "opacity-60 cursor-not-allowed" : "cursor-pointer"
           ].join(" "),
           onClick: U,
-          disabled: u !== null,
+          disabled: h !== null,
           children: "Add a Collection"
         }
       )
     ] }) }),
     /* @__PURE__ */ e("div", { className: "mt-5 flex flex-col", children: b.map((p) => {
-      const k = u === p._id, w = p?.links?.length ?? 0, $ = g === p._id, P = A === p._id && g !== p._id;
+      const k = h === p._id, w = p?.links?.length ?? 0, $ = g === p._id, P = A === p._id && g !== p._id;
       return /* @__PURE__ */ e(
         "div",
         {
           onDragEnter: () => C(p._id),
-          onDragOver: I,
+          onDragOver: O,
           onDrop: (S) => R(S, p._id),
+          onDragEnd: D,
           className: [
             "flex items-center justify-between p-3 border rounded-2xl mb-3",
             "border-gray-300",
@@ -5763,10 +5765,10 @@ const Jl = ({
                 type: "text",
                 className: "flex-1 h-10 px-3 max-w-[200px] border border-gray-300 rounded-2xl outline-none focus:ring-2 focus:ring-gray-800/20",
                 value: y,
-                placeholder: v.some((S) => S._id === p._id && S.categoryName) ? "Edit collection name" : "New collection name",
+                placeholder: !Array.isArray(u) || !u.some((S) => S._id === p._id) ? "New collection name" : "Edit collection name",
                 onChange: (S) => r(S.target.value),
                 onKeyDown: (S) => {
-                  S.key === "Enter" && G(), S.key === "Escape" && Y();
+                  S.key === "Enter" && q(), S.key === "Escape" && Y();
                 },
                 autoFocus: !0
               }
@@ -5788,7 +5790,7 @@ const Jl = ({
                     "border p-2 rounded-2xl",
                     y.trim() ? "cursor-pointer border-gray-300" : "cursor-not-allowed border-gray-200"
                   ].join(" "),
-                  onClick: G,
+                  onClick: q,
                   "aria-label": "Save",
                   disabled: !y.trim(),
                   title: y.trim() ? "Save" : "Name required",
@@ -5805,8 +5807,7 @@ const Jl = ({
                   "aria-label": "Drag to reorder",
                   className: "cursor-grab active:cursor-grabbing p-1 -m-1 rounded-md hover:bg-gray-50",
                   draggable: !0,
-                  onDragStart: (S) => f(S, p.id),
-                  onDragEnd: D,
+                  onDragStart: (S) => f(S, p._id),
                   children: /* @__PURE__ */ e(Nt, {})
                 }
               ),
@@ -5865,7 +5866,7 @@ function Xl({ children: t }) {
     /* @__PURE__ */ e("div", { id: "ui-toast-backdrop", "aria-hidden": "true" })
   ] });
 }
-const Ie = {
+const Oe = {
   containerId: "ui-toast",
   position: "bottom-right",
   autoClose: 3500,
@@ -5879,12 +5880,12 @@ const Lt = () => {
 }, Bt = () => {
   typeof document > "u" || (Je = Math.max(0, Je - 1), Je === 0 && document.body.classList.remove("toast-backdrop"));
 }, Ge = {
-  success: (t, a) => Oe.success(t, { ...Ie, ...a }),
-  info: (t, a) => Oe.info(t, { ...Ie, ...a }),
-  warn: (t, a) => Oe.warn(t, { ...Ie, ...a }),
+  success: (t, a) => Ie.success(t, { ...Oe, ...a }),
+  info: (t, a) => Ie.info(t, { ...Oe, ...a }),
+  warn: (t, a) => Ie.warn(t, { ...Oe, ...a }),
   // Error: no autoClose + modal-like behavior via backdrop
-  error: (t, a) => Oe.error(t, {
-    ...Ie,
+  error: (t, a) => Ie.error(t, {
+    ...Oe,
     autoClose: !1,
     closeOnClick: !1,
     draggable: !1,
@@ -5893,7 +5894,7 @@ const Lt = () => {
     ...a
   }),
   // Promise helper (error branch inherits the modal behavior)
-  promise: (t, a, s) => Oe.promise(
+  promise: (t, a, s) => Ie.promise(
     t,
     {
       pending: a?.pending,
@@ -5907,7 +5908,7 @@ const Lt = () => {
         onClose: Bt
       }
     },
-    { ...Ie, ...s }
+    { ...Oe, ...s }
   )
 }, Hl = ({
   heading: t = "Data Grid",
@@ -5920,9 +5921,9 @@ const Lt = () => {
   // preferred
   onAdd: m,
   onFilterOpen: o,
-  addBtnText: h = "Add",
+  addBtnText: u = "Add",
   // Feature toggles
-  showSearch: u = !0,
+  showSearch: h = !0,
   showDelete: N = !0,
   showColumnChooser: y = !0,
   showFilter: r = !1,
@@ -5933,7 +5934,7 @@ const Lt = () => {
   showAdd: A = !1,
   // Additional props
   searchPlaceholder: E = "Search...",
-  handleRefreshClick: O = () => {
+  handleRefreshClick: I = () => {
   },
   handleSearchChange: M = () => {
   },
@@ -5941,10 +5942,10 @@ const Lt = () => {
   excelFileName: _,
   pdfFileName: U,
   searchIconSize: Y,
-  searchIconClass: G,
+  searchIconClass: q,
   inputStyle: T
 }) => {
-  const x = () => l?.current || i?.current, [f, C] = ae.useState(""), I = (t || "export").toString().trim() || "export", R = `${_ || I}.xlsx`, D = `${U || I}.pdf`, b = (w, $, P) => Math.max($, Math.min(w, P)), p = K(
+  const x = () => l?.current || i?.current, [f, C] = ae.useState(""), O = (t || "export").toString().trim() || "export", R = `${_ || O}.xlsx`, D = `${U || O}.pdf`, b = (w, $, P) => Math.max($, Math.min(w, P)), p = K(
     (w) => {
       const $ = x();
       if ($?.openColumnChooser) {
@@ -5953,10 +5954,10 @@ const Lt = () => {
           return;
         }
         try {
-          const P = w.currentTarget.getBoundingClientRect(), S = P.left + window.scrollX, B = P.bottom + window.scrollY;
-          let j = S - 120, F = B - 120;
-          const q = window.innerWidth, X = window.innerHeight;
-          j = b(j, window.scrollX + 8, window.scrollX + q - 340), F = b(F, window.scrollY, window.scrollY + X - 120), $.openColumnChooser(j, F);
+          const P = w.currentTarget.getBoundingClientRect(), S = P.left + window.scrollX, L = P.bottom + window.scrollY;
+          let j = S - 120, F = L - 120;
+          const G = window.innerWidth, W = window.innerHeight;
+          j = b(j, window.scrollX + 8, window.scrollX + G - 340), F = b(F, window.scrollY, window.scrollY + W - 120), $.openColumnChooser(j, F);
         } catch (P) {
           console.log("coloumn choose error", P);
         }
@@ -5985,11 +5986,11 @@ const Lt = () => {
             g && P.pdfExport?.({ fileName: D });
             break;
           case "Refresh":
-            z && O();
+            z && I();
             break;
         }
     },
-    [y, v, d, g, z, R, D, O, p]
+    [y, v, d, g, z, R, D, I, p]
   );
   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: [
@@ -6001,7 +6002,7 @@ const Lt = () => {
       a ? /* @__PURE__ */ e("div", { className: "text-sm text-gray-500", children: a }) : null
     ] }),
     /* @__PURE__ */ n("div", { className: "flex items-center gap-3", children: [
-      u && /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ e(
+      h && /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ e(
         he,
         {
           placeholder: E,
@@ -6010,7 +6011,7 @@ const Lt = () => {
             C(w), M(w);
           },
           searchIconSize: Y || 16,
-          searchIconClass: G || "",
+          searchIconClass: q || "",
           inputStyle: T || { paddingTop: "4px", paddingBottom: "4px" }
         }
       ) }),
@@ -6076,12 +6077,12 @@ const Lt = () => {
         A && m && /* @__PURE__ */ e(
           oe,
           {
-            label: h,
+            label: u,
             icon: wr,
             onClick: m,
             size: "small",
             ariaLabel: "Add New",
-            title: h
+            title: u
           }
         )
       ] })
@@ -6098,8 +6099,8 @@ function Ql(t) {
     // pageSize = 10,
     allowPaging: m = !0,
     allowSorting: o = !0,
-    allowFiltering: h = !1,
-    allowGrouping: u = !1,
+    allowFiltering: u = !1,
+    allowGrouping: h = !1,
     allowReordering: N = !0,
     allowResizing: y = !0,
     allowExcelExport: r = !1,
@@ -6109,56 +6110,56 @@ function Ql(t) {
     height: z = "600",
     selectionSettings: A = { type: "Multiple", mode: "Row" },
     enableCheckbox: E = !1,
-    columns: O = [],
+    columns: I = [],
     onGridStateChange: M,
     onRowSelected: _,
     onRowDeselected: U,
     onRowDoubleClick: Y,
-    apiRef: G,
+    apiRef: q,
     gridProps: T = {}
   } = t, x = ge(null), {
     pageSettings: f,
     sortSettings: C,
-    ...I
+    ...O
   } = T || {}, [R, D] = ae.useState(f?.page || 1), [b, p] = ae.useState(C?.pageSize || 20), [k, w] = ae.useState(C?.sortKey || "updatedDate"), [$, P] = ae.useState(C?.direction || "Descending"), S = se(() => {
     const V = [an];
-    return o && V.push(rn), h && V.push(nn), u && V.push(sn), g && V.push(ln), r && V.push(on), v && V.push(cn), d && V.push(dn), y && V.push(mn), N && V.push(un), V.push(hn), V;
-  }, [o, h, u, g, r, v, d, y, N]), B = se(() => {
-    const V = () => x.current, re = (W, ve) => {
-      !ve && process.env.NODE_ENV !== "production" && console.warn(`[CustomDataGrid] ${W} requested but related service/feature is disabled.`);
+    return o && V.push(rn), u && V.push(nn), h && V.push(sn), g && V.push(ln), r && V.push(on), v && V.push(cn), d && V.push(dn), y && V.push(mn), N && V.push(un), V.push(hn), V;
+  }, [o, u, h, g, r, v, d, y, N]), L = se(() => {
+    const V = () => x.current, re = (J, ve) => {
+      !ve && process.env.NODE_ENV !== "production" && console.warn(`[CustomDataGrid] ${J} requested but related service/feature is disabled.`);
     };
     return {
       getInstance: () => V(),
       refresh: () => V()?.refresh?.(),
       getSelectedRecords: () => V()?.getSelectedRecords?.() ?? [],
       clearSelection: () => V()?.clearSelection?.(),
-      selectRow: (W) => V()?.selectRow?.(W),
-      selectRows: (W) => V()?.selectRows?.(W),
-      search: (W) => {
-        re("search()", g), V()?.search?.(W);
+      selectRow: (J) => V()?.selectRow?.(J),
+      selectRows: (J) => V()?.selectRows?.(J),
+      search: (J) => {
+        re("search()", g), V()?.search?.(J);
       },
       print: () => V()?.print?.(),
-      excelExport: (W) => {
-        re("excelExport()", r), V()?.excelExport?.(W);
+      excelExport: (J) => {
+        re("excelExport()", r), V()?.excelExport?.(J);
       },
-      pdfExport: (W) => {
-        re("pdfExport()", v), V()?.pdfExport?.(W);
+      pdfExport: (J) => {
+        re("pdfExport()", v), V()?.pdfExport?.(J);
       },
-      openColumnChooser: (W, ve) => {
-        re("openColumnChooser()", d), V()?.columnChooserModule?.openColumnChooser?.(W, ve);
+      openColumnChooser: (J, ve) => {
+        re("openColumnChooser()", d), V()?.columnChooserModule?.openColumnChooser?.(J, ve);
       }
     };
   }, []);
   te(() => {
-    G && (G.current = B);
-  }, [G, B]), te(() => () => {
-    G && (G.current = null);
+    q && (q.current = L);
+  }, [q, L]), te(() => () => {
+    q && (q.current = null);
   }, []);
   const j = (V) => {
     const re = String(V || "");
     return re === "Ascending" || re === "Descending" ? re : re.toLowerCase() === "ascending" ? "Ascending" : "Descending";
   }, F = (V) => {
-    const re = x.current, W = V?.requestType, ve = W === "paging" ? "paging" : W === "sorting" ? "sorting" : W === "searching" ? "searching" : W === "filtering" ? "filtering" : W === "grouping" ? "grouping" : W === "reorder" ? "reorder" : W === "columnstate" ? "columnstate" : "other", Ee = V?.pageSize ?? re?.pageSettings?.pageSize ?? b, je = V?.currentPage ?? re?.pageSettings?.currentPage ?? l, at = V?.columnName && V?.direction ? [{ field: V.columnName, dir: j(V.direction) }] : (re?.sortSettings?.columns || []).map((Re) => ({
+    const re = x.current, J = V?.requestType, ve = J === "paging" ? "paging" : J === "sorting" ? "sorting" : J === "searching" ? "searching" : J === "filtering" ? "filtering" : J === "grouping" ? "grouping" : J === "reorder" ? "reorder" : J === "columnstate" ? "columnstate" : "other", Ee = V?.pageSize ?? re?.pageSettings?.pageSize ?? b, je = V?.currentPage ?? re?.pageSettings?.currentPage ?? l, at = V?.columnName && V?.direction ? [{ field: V.columnName, dir: j(V.direction) }] : (re?.sortSettings?.columns || []).map((Re) => ({
       field: Re.field,
       dir: j(Re.direction ?? Re.dir)
     })), rt = V?.searchString ?? "", nt = V?.columns ?? re?.filterSettings?.columns ?? [];
@@ -6171,15 +6172,15 @@ function Ql(t) {
       filters: nt,
       rawEvent: V
     };
-  }, q = (V) => {
+  }, G = (V) => {
     setTimeout(() => {
       x?.current?.hideSpinner();
     }, 1e3), V.requestType === "paging" && (D(V.currentPage), p(V.pageSize)), V.requestType === "sorting" && (w(V.columnName || "updatedDate"), P(V.direction === "Ascending" ? "ASC" : "DESC")), M && M(F(V), V);
-  }, X = (V) => {
+  }, W = (V) => {
     typeof Y == "function" && Y(V?.rowData, V);
   }, xe = () => {
     const V = [];
-    return E && V.push(/* @__PURE__ */ e(Dt, { type: "checkbox", width: "50" }, "__checkbox__")), O.forEach((re, W) => {
+    return E && V.push(/* @__PURE__ */ e(Dt, { type: "checkbox", width: "50" }, "__checkbox__")), I.forEach((re, J) => {
       const {
         field: ve,
         headerText: Ee,
@@ -6194,8 +6195,8 @@ function Ql(t) {
         format: Fa,
         visible: Ea = !0,
         minWidth: Ra,
-        maxWidth: Oa,
-        customAttributes: Ia,
+        maxWidth: Ia,
+        customAttributes: Oa,
         ...Pa
       } = re || {};
       V.push(
@@ -6215,11 +6216,11 @@ function Ql(t) {
             format: Fa,
             visible: Ea,
             minWidth: Ra,
-            maxWidth: Oa,
-            customAttributes: Ia,
+            maxWidth: Ia,
+            customAttributes: Oa,
             ...Pa
           },
-          ve || `col-${W}`
+          ve || `col-${J}`
         )
       );
     }), V;
@@ -6236,8 +6237,8 @@ function Ql(t) {
       height: z,
       allowPaging: m,
       allowSorting: o,
-      allowFiltering: h,
-      allowGrouping: u,
+      allowFiltering: u,
+      allowGrouping: h,
       allowReordering: N,
       allowResizing: y,
       showColumnChooser: d,
@@ -6247,11 +6248,11 @@ function Ql(t) {
         columns: [{ field: k, direction: j($) }],
         allowUnsort: !1
       },
-      actionBegin: q,
+      actionBegin: G,
       rowSelected: _,
       rowDeselected: U,
-      recordDoubleClick: X,
-      ...I,
+      recordDoubleClick: W,
+      ...O,
       children: [
         /* @__PURE__ */ e(gn, { children: xe() }),
         /* @__PURE__ */ e(bn, { services: S })
@@ -6291,14 +6292,14 @@ function ie({
   onSelect: l,
   identity: m = "_id",
   details: o = {},
-  ...h
+  ...u
 }) {
-  const u = Xe(), N = ks(h, m), y = (v) => {
+  const h = Xe(), N = ks(u, m), y = (v) => {
     l?.({
       key: N,
       checked: v.target.checked,
       details: o,
-      props: h
+      props: u
     });
   }, r = i === "top-right" ? "top-3 right-3" : "top-3 left-3";
   return /* @__PURE__ */ n(
@@ -6310,7 +6311,7 @@ function ie({
         s && /* @__PURE__ */ e("div", { className: `absolute ${r} z-10`, children: /* @__PURE__ */ e(
           "input",
           {
-            id: u,
+            id: h,
             type: "checkbox",
             className: "h-4 w-4 rounded border-zinc-300 focus:ring-[var(--primaryColor)]",
             onChange: y,
@@ -6338,8 +6339,8 @@ function Cs({
   // content
   title: m = "Activity",
   group: o = "Global",
-  moreGroupsLabel: h = "+ 5 more",
-  author: u = "Judith Black",
+  moreGroupsLabel: u = "+ 5 more",
+  author: h = "Judith Black",
   timeLabel: N = "Just now",
   imageUrl: y = "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.",
@@ -6355,21 +6356,21 @@ function Cs({
       checkboxPosition: s,
       onSelect: i,
       identity: l,
-      details: { type: "activity", title: m, group: o, author: u },
+      details: { type: "activity", title: m, group: o, author: h },
       ...v,
       children: [
         /* @__PURE__ */ e("div", { className: "flex items-start justify-between", children: /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${g.title} ml-3`, children: m }) }),
         /* @__PURE__ */ n("div", { className: `text-zinc-500 dark:text-zinc-400 ${g.meta}`, children: [
           "Posted in ",
           /* @__PURE__ */ e("span", { className: "font-medium", children: "Global" }),
-          h ? /* @__PURE__ */ n(ee, { children: [
+          u ? /* @__PURE__ */ n(ee, { children: [
             ",",
             " ",
             /* @__PURE__ */ e(
               "span",
               {
                 className: "font-medium text-indigo-700",
-                children: h
+                children: u
               }
             )
           ] }) : null,
@@ -6379,7 +6380,7 @@ function Cs({
         /* @__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: u }),
+            /* @__PURE__ */ e("div", { className: "text-sm font-medium text-zinc-800 dark:text-zinc-100", children: h }),
             /* @__PURE__ */ e("div", { className: `text-zinc-500 dark:text-zinc-400 ${g.meta}`, children: N })
           ] })
         ] }),
@@ -6461,9 +6462,9 @@ function Ts({
   title: m = "Communities",
   activeTab: o = "joined",
   // "joined" | "suggested"
-  items: h = Ds,
+  items: u = Ds,
   // spread for identity (_id/instanceId/etc)
-  ...u
+  ...h
 }) {
   const N = ce(t), y = de[N], r = $s[N], v = (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(
@@ -6474,8 +6475,8 @@ function Ts({
       checkboxPosition: s,
       onSelect: i,
       identity: l,
-      details: { type: "communities", title: m, activeTab: o, count: h?.length ?? 0 },
-      ...u,
+      details: { type: "communities", title: m, activeTab: o, count: u?.length ?? 0 },
+      ...h,
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-start justify-between", children: [
           /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${y.title}`, children: m }),
@@ -6504,7 +6505,7 @@ function Ts({
             }
           )
         ] }),
-        /* @__PURE__ */ e("div", { className: "grid gap-4 md:gap-5", children: h.map((d) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "grid gap-4 md:gap-5", children: u.map((d) => /* @__PURE__ */ e(
           "div",
           {
             className: "rounded-2xl border border-zinc-200 dark:border-zinc-800 p-3 md:p-4",
@@ -6647,9 +6648,9 @@ function Es({
   title: m = "News",
   items: o = As,
   // spread for identity fields: _id / id / instanceId etc.
-  ...h
+  ...u
 }) {
-  const u = ce(t), N = de[u], y = Fs[u];
+  const h = ce(t), N = de[h], y = Fs[h];
   return /* @__PURE__ */ n(
     ie,
     {
@@ -6659,13 +6660,13 @@ function Es({
       onSelect: i,
       identity: l,
       details: { type: "news", title: m, count: o?.length ?? 0 },
-      ...h,
+      ...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 ${N.title}`, children: m }),
           /* @__PURE__ */ e("span", { className: "text-sm text-indigo-700 cursor-default select-none", children: "View All" })
         ] }),
-        u === "lg" ? (
+        h === "lg" ? (
           // Large: 3-up grid of image cards
           /* @__PURE__ */ e("div", { className: `mt-4 ${y.grid}`, children: o.slice(0, 3).map((r) => /* @__PURE__ */ n("article", { children: [
             /* @__PURE__ */ e("img", { src: r.thumb, alt: "", className: y.cardImg }),
@@ -6724,7 +6725,7 @@ Es.propTypes = {
     })
   )
 };
-const Rs = ["All", "Library", "Restaurant", "Parking", "Bus Stop"], Os = {
+const Rs = ["All", "Library", "Restaurant", "Parking", "Bus Stop"], Is = {
   sm: {
     wrap: "max-w-md w-full md:w-auto flex-none justify-self-start",
     mapH: "h-48",
@@ -6746,7 +6747,7 @@ const Rs = ["All", "Library", "Restaurant", "Parking", "Bus Stop"], Os = {
     searchH: "h-11 text-base",
     chipGap: "gap-3.5"
   }
-}, Is = ({ label: t, active: a = !1, size: s = "md", className: i = "" }) => {
+}, Os = ({ label: t, active: a = !1, size: s = "md", className: i = "" }) => {
   const l = "inline-flex items-center justify-center whitespace-nowrap rounded-full border transition-colors duration-150 shadow-[0_0.5px_0_rgba(0,0,0,0.04)]", m = {
     sm: "h-8 px-3 text-[11px] font-semibold",
     md: "h-9 px-3.5 text-[13px] font-semibold",
@@ -6762,8 +6763,8 @@ function Ms({
   identity: l = "_id",
   title: m = "Campus Map",
   campusName: o = "Morningside Heights Campus",
-  filters: h = Rs,
-  activeFilter: u = "All",
+  filters: u = Rs,
+  activeFilter: h = "All",
   // NEW: iframe controls
   mapQuery: N = "Florida",
   zoom: y = 12,
@@ -6771,7 +6772,7 @@ function Ms({
   // optional full embed URL override
   ...v
 }) {
-  const d = ce(t), g = de[d], z = Os[d], A = r || Ps(N, y);
+  const d = ce(t), g = de[d], z = Is[d], A = r || Ps(N, y);
   return /* @__PURE__ */ e(
     ie,
     {
@@ -6780,7 +6781,7 @@ function Ms({
       checkboxPosition: s,
       onSelect: i,
       identity: l,
-      details: { type: "campus-map", title: m, campusName: o, activeFilter: u, mapQuery: N, zoom: y },
+      details: { type: "campus-map", title: m, campusName: o, activeFilter: h, mapQuery: N, zoom: y },
       ...v,
       children: /* @__PURE__ */ n("div", { className: `relative mt-3 overflow-hidden rounded-2xl border border-zinc-200 dark:border-zinc-800 ${z.mapH}`, children: [
         /* @__PURE__ */ e(
@@ -6805,7 +6806,7 @@ function Ms({
             /* @__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 ${z.chipGap} overflow-x-auto scrollbar-none`, children: h.map((E) => /* @__PURE__ */ e(Is, { label: E, active: E === u, size: d }, E)) }) }),
+        /* @__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 ${z.chipGap} overflow-x-auto scrollbar-none`, children: u.map((E) => /* @__PURE__ */ e(Os, { label: E, active: E === h, size: d }, E)) }) }),
         /* @__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 ${z.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" })
@@ -6974,11 +6975,11 @@ function _s({
   identity: l = "_id",
   title: m = "Upcoming Events",
   events: o = Ls,
-  selectedIndex: h = 0,
-  ...u
+  selectedIndex: u = 0,
+  ...h
 }) {
-  const [N, y] = L(h), r = ce(t), v = de[r], d = Bs[r], g = o[N] || o[0], z = (E, O) => {
-    y(O), i?.(E);
+  const [N, y] = B(u), r = ce(t), v = de[r], d = Bs[r], g = o[N] || o[0], z = (E, I) => {
+    y(I), i?.(E);
   }, A = r === "lg";
   return /* @__PURE__ */ n(
     ie,
@@ -6989,7 +6990,7 @@ function _s({
       onSelect: i,
       identity: l,
       details: { type: "events", title: m, count: o?.length ?? 0 },
-      ...u,
+      ...h,
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-center justify-between mb-4", children: [
           /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${v.title}`, children: m }),
@@ -6998,29 +6999,29 @@ function _s({
         A ? (
           // 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((E, O) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e("div", { className: "space-y-1", children: o.map((E, I) => /* @__PURE__ */ e(
               jt,
               {
                 ev: E,
                 sizeMeta: d,
-                isSelected: O === N,
-                onClick: (M) => z(M, O)
+                isSelected: I === N,
+                onClick: (M) => z(M, I)
               },
-              E._id || E.id || O
+              E._id || E.id || I
             )) }),
             /* @__PURE__ */ e(js, { ev: g, sizeMeta: d })
           ] })
         ) : (
           // Small/Medium: Simple list only
-          /* @__PURE__ */ e("div", { className: "space-y-1", children: o.map((E, O) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "space-y-1", children: o.map((E, I) => /* @__PURE__ */ e(
             jt,
             {
               ev: E,
               sizeMeta: d,
-              isSelected: O === N,
-              onClick: (M) => z(M, O)
+              isSelected: I === N,
+              onClick: (M) => z(M, I)
             },
-            E._id || E.id || O
+            E._id || E.id || I
           )) })
         ),
         !A && /* @__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" }) })
@@ -7133,10 +7134,10 @@ const Us = [
   }
 };
 function qs({ email: t, sizeMeta: a, isSelected: s, onClick: i, onStar: l, onPin: m }) {
-  const o = (u) => {
-    u.stopPropagation(), l?.(t);
-  }, h = (u) => {
-    u.stopPropagation(), m?.(t);
+  const o = (h) => {
+    h.stopPropagation(), l?.(t);
+  }, u = (h) => {
+    h.stopPropagation(), m?.(t);
   };
   return /* @__PURE__ */ n(
     "div",
@@ -7156,7 +7157,7 @@ function qs({ email: t, sizeMeta: a, isSelected: s, onClick: i, onStar: l, onPin
           /* @__PURE__ */ e(
             "button",
             {
-              onClick: h,
+              onClick: u,
               className: "p-1 rounded hover:bg-zinc-200 dark:hover:bg-zinc-700 transition-colors duration-200",
               children: t.pinned ? /* @__PURE__ */ e(Sr, { className: "h-4 w-4 fill-blue-500 text-blue-500" }) : /* @__PURE__ */ e(Dr, { className: "h-4 w-4 text-zinc-400 group-hover:text-blue-500" })
             }
@@ -7189,17 +7190,17 @@ function Ys({
   identity: l = "_id",
   title: m = "0365 Mails",
   emails: o = Us,
-  selectedIndex: h = 0,
-  onStar: u,
+  selectedIndex: u = 0,
+  onStar: h,
   onPin: N,
   ...y
 }) {
-  const [r, v] = L(h), d = ce(t), g = de[d], z = Gs[d], A = (M, _) => {
+  const [r, v] = B(u), d = ce(t), g = de[d], z = Gs[d], A = (M, _) => {
     v(_), i?.(M);
   }, E = (M) => {
     const _ = { ...M, starred: !M.starred };
-    u?.(_);
-  }, O = (M) => {
+    h?.(_);
+  }, I = (M) => {
     const _ = { ...M, pinned: !M.pinned };
     N?.(_);
   };
@@ -7224,7 +7225,7 @@ function Ys({
             isSelected: _ === r,
             onClick: (U) => A(U, _),
             onStar: E,
-            onPin: O
+            onPin: I
           },
           M._id || M.id || _
         )) }),
@@ -7443,11 +7444,11 @@ function Qs({
   identity: l = "_id",
   title: m = "Directory",
   contacts: o = Ws,
-  selectedIndex: h = 0,
-  ...u
+  selectedIndex: u = 0,
+  ...h
 }) {
-  const [N, y] = L(h), r = ce(t), v = de[r], d = Js[r], g = (E, O) => {
-    y(O), i?.(E);
+  const [N, y] = B(u), r = ce(t), v = de[r], d = Js[r], g = (E, I) => {
+    y(I), i?.(E);
   }, z = o[N] || o[0], A = d.layout === "split";
   return /* @__PURE__ */ n(
     ie,
@@ -7458,20 +7459,20 @@ function Qs({
       onSelect: i,
       identity: l,
       details: { type: "directory", title: m, count: o?.length ?? 0 },
-      ...u,
+      ...h,
       children: [
         /* @__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 ${v.title}`, children: m }) }),
         /* @__PURE__ */ e(Hs, { sizeMeta: d }),
         A ? /* @__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((E, O) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "space-y-3", children: o.map((E, I) => /* @__PURE__ */ e(
             _t,
             {
               contact: E,
               sizeMeta: d,
-              isSelected: O === N,
-              onClick: (M) => g(M, O)
+              isSelected: I === N,
+              onClick: (M) => g(M, I)
             },
-            E._id || E.id || O
+            E._id || E.id || I
           )) }),
           /* @__PURE__ */ e(
             Xs,
@@ -7482,15 +7483,15 @@ function Qs({
           )
         ] }) : (
           // Single column layout for small screens
-          /* @__PURE__ */ e("div", { className: "space-y-3", children: o.map((E, O) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "space-y-3", children: o.map((E, I) => /* @__PURE__ */ e(
             _t,
             {
               contact: E,
               sizeMeta: d,
-              isSelected: O === N,
-              onClick: (M) => g(M, O)
+              isSelected: I === N,
+              onClick: (M) => g(M, I)
             },
-            E._id || E.id || O
+            E._id || E.id || I
           )) })
         ),
         /* @__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" }) })
@@ -7577,8 +7578,8 @@ function el({
   // content
   title: m = "Account Summary",
   termLabel: o = "Spring 2024",
-  balance: h = 3e3,
-  totalCharges: u = 4440,
+  balance: u = 3e3,
+  totalCharges: h = 4440,
   totalPayments: N = 1568,
   transactions: y = [
     {
@@ -7607,7 +7608,7 @@ function el({
       checkboxPosition: s,
       onSelect: i,
       identity: l,
-      details: { type: "account-summary", termLabel: o, balance: h, totalCharges: u, totalPayments: N },
+      details: { type: "account-summary", termLabel: o, balance: u, totalCharges: h, totalPayments: N },
       ...r,
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
@@ -7620,11 +7621,11 @@ function el({
         /* @__PURE__ */ n("div", { className: g.topGrid || g.grid, children: [
           /* @__PURE__ */ n("div", { className: "space-y-4", children: [
             /* @__PURE__ */ e("div", { className: "text-sm text-zinc-600 dark:text-zinc-400", children: "Account Balance" }),
-            /* @__PURE__ */ e("div", { className: g.balance, children: De(h) }),
+            /* @__PURE__ */ e("div", { className: g.balance, children: De(u) }),
             !g.showTxns && /* @__PURE__ */ n("div", { className: g.totalsRow, children: [
               /* @__PURE__ */ n("div", { children: [
                 /* @__PURE__ */ e("div", { className: "text-sm text-zinc-600 dark:text-zinc-400", children: "Total Charges" }),
-                /* @__PURE__ */ e("div", { className: "mt-1 font-semibold text-rose-600", children: De(u) })
+                /* @__PURE__ */ e("div", { className: "mt-1 font-semibold text-rose-600", children: De(h) })
               ] }),
               /* @__PURE__ */ n("div", { children: [
                 /* @__PURE__ */ e("div", { className: "text-sm text-zinc-600 dark:text-zinc-400", children: "Total Payments" }),
@@ -7636,7 +7637,7 @@ function el({
             /* @__PURE__ */ n("div", { className: g.totalsRow, children: [
               /* @__PURE__ */ n("div", { children: [
                 /* @__PURE__ */ e("div", { className: "text-sm text-zinc-600 dark:text-zinc-400", children: "Total Charges" }),
-                /* @__PURE__ */ e("div", { className: "mt-1 font-semibold text-rose-600", children: De(u) })
+                /* @__PURE__ */ e("div", { className: "mt-1 font-semibold text-rose-600", children: De(h) })
               ] }),
               /* @__PURE__ */ n("div", { children: [
                 /* @__PURE__ */ e("div", { className: "text-sm text-zinc-600 dark:text-zinc-400", children: "Total Payments" }),
@@ -7769,9 +7770,9 @@ function al({
   identity: l = "_id",
   title: m = "Pay Stub and Leave Balance",
   term: o = "Fall 2025",
-  ...h
+  ...u
 }) {
-  const [u, N] = L("vacation"), [y, r] = L(!1), v = ce(t), d = de[v], g = tl[v], z = qe.find((A) => A.id === u) || qe[0];
+  const [h, N] = B("vacation"), [y, r] = B(!1), v = ce(t), d = de[v], g = tl[v], z = qe.find((A) => A.id === h) || qe[0];
   return /* @__PURE__ */ n(
     ie,
     {
@@ -7781,7 +7782,7 @@ function al({
       onSelect: i,
       identity: l,
       details: { type: "leave-balance", title: m },
-      ...h,
+      ...u,
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ n("div", { children: [
@@ -7810,7 +7811,7 @@ function al({
         g.showTabs && /* @__PURE__ */ e("div", { className: "flex border-b border-zinc-200 dark:border-zinc-800", children: qe.map((A) => /* @__PURE__ */ e(
           "button",
           {
-            className: `flex-1 py-2 px-4 text-center ${g.tab} font-medium border-b-2 transition-colors duration-200 ${u === A.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"}`,
+            className: `flex-1 py-2 px-4 text-center ${g.tab} font-medium border-b-2 transition-colors duration-200 ${h === A.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: () => N(A.id),
             children: A.name.split(" ")[0]
           },
@@ -7960,9 +7961,9 @@ function ll({
   identity: l = "_id",
   title: m = "Drive",
   subtitle: o = "Drive Shared",
-  ...h
+  ...u
 }) {
-  const [u, N] = L(!1), y = ce(t), r = de[y], v = sl[y];
+  const [h, N] = B(!1), y = ce(t), r = de[y], v = sl[y];
   return /* @__PURE__ */ n(
     ie,
     {
@@ -7972,7 +7973,7 @@ function ll({
       onSelect: i,
       identity: l,
       details: { type: "drive", title: m },
-      ...h,
+      ...u,
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ n("div", { children: [
@@ -7984,11 +7985,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: () => N(!u),
+                onClick: () => N(!h),
                 children: /* @__PURE__ */ e(Qt, { className: "h-4 w-4" })
               }
             ),
-            u && /* @__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: [
+            h && /* @__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__ */ 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(na, { className: "h-4 w-4" }),
                 "Download All"
@@ -8154,7 +8155,7 @@ const il = [
   }
 };
 function dl({ alert: t, sizeMeta: a, onDismiss: s, onMarkRead: i }) {
-  const [l, m] = L(!1), o = Da(t.type), h = cl(t.type);
+  const [l, m] = B(!1), o = Da(t.type), u = cl(t.type);
   return l ? null : /* @__PURE__ */ n("div", { className: `relative rounded-lg border-l-4 p-4 transition-all duration-200 ${o.bg} ${o.border} ${t.read ? "border-l-2 opacity-80" : "border-l-4"}`, style: { borderLeftColor: o.accent }, children: [
     /* @__PURE__ */ e(
       "button",
@@ -8164,7 +8165,7 @@ function dl({ alert: t, sizeMeta: a, onDismiss: s, onMarkRead: i }) {
       }
     ),
     /* @__PURE__ */ n("div", { className: "flex gap-3 pr-6", children: [
-      /* @__PURE__ */ e("div", { className: "flex-shrink-0 mt-0.5", children: /* @__PURE__ */ e(h, { className: `h-4 w-4 ${o.icon}` }) }),
+      /* @__PURE__ */ e("div", { className: "flex-shrink-0 mt-0.5", children: /* @__PURE__ */ e(u, { className: `h-4 w-4 ${o.icon}` }) }),
       /* @__PURE__ */ n("div", { className: "flex-grow min-w-0", children: [
         /* @__PURE__ */ e("div", { className: `${a.title} text-zinc-900 dark:text-zinc-100 mb-1 ${t.read ? "font-medium" : "font-semibold"}`, children: qt(t.title, a.maxTitleWords) }),
         a.showMessage && t.message && /* @__PURE__ */ e("div", { className: `${a.message} text-zinc-600 dark:text-zinc-400 mb-2 leading-relaxed`, children: qt(t.message, a.maxMessageWords) }),
@@ -8178,7 +8179,7 @@ function dl({ alert: t, sizeMeta: a, onDismiss: s, onMarkRead: i }) {
   ] });
 }
 function ml({ alert: t, onDismiss: a }) {
-  const [s, i] = L(!1), l = Da("banner"), m = () => {
+  const [s, i] = B(!1), l = Da("banner"), m = () => {
     i(!0), a?.(t);
   };
   return s ? null : /* @__PURE__ */ e("div", { className: `rounded-lg border p-4  ${l.bg} ${l.border} relative`, children: /* @__PURE__ */ n("div", { className: "flex items-start gap-3", children: [
@@ -8205,11 +8206,11 @@ function ul({
   identity: l = "_id",
   title: m = "Alerts",
   alerts: o = il,
-  showBanner: h = !0,
-  ...u
+  showBanner: u = !0,
+  ...h
 }) {
-  const [N, y] = L(o), r = ce(t), v = de[r], d = ol[r], g = (E) => {
-    y((O) => O.filter((M) => M.id !== E.id));
+  const [N, y] = B(o), r = ce(t), v = de[r], d = ol[r], g = (E) => {
+    y((I) => I.filter((M) => M.id !== E.id));
   }, z = N.find((E) => E.type === "banner"), A = N.filter((E) => E.type !== "banner");
   return /* @__PURE__ */ n(
     ie,
@@ -8220,10 +8221,10 @@ function ul({
       onSelect: i,
       identity: l,
       details: { type: "alerts", title: m, count: N.length },
-      ...u,
+      ...h,
       children: [
         /* @__PURE__ */ e("div", { className: "flex items-center justify-between ", children: /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${v.title}`, children: m }) }),
-        h && z && t !== "sm" && /* @__PURE__ */ e(
+        u && z && t !== "sm" && /* @__PURE__ */ e(
           ml,
           {
             alert: z,
@@ -8342,7 +8343,7 @@ const hl = [
   }
 };
 function gl({ video: t, sizeMeta: a }) {
-  const [s, i] = L(!1);
+  const [s, i] = B(!1);
   return /* @__PURE__ */ n("div", { className: "group cursor-pointer", children: [
     /* @__PURE__ */ n("div", { className: `relative ${a.thumbnailHeight} rounded-lg overflow-hidden  bg-zinc-200 dark:bg-zinc-800`, children: [
       /* @__PURE__ */ e(
@@ -8382,9 +8383,9 @@ function bl({
   identity: l = "_id",
   title: m = "Videos",
   videos: o = hl,
-  ...h
+  ...u
 }) {
-  const [u, N] = L(!1), y = ce(t), r = de[y], v = pl[y];
+  const [h, N] = B(!1), y = ce(t), r = de[y], v = pl[y];
   return /* @__PURE__ */ n(
     ie,
     {
@@ -8394,7 +8395,7 @@ function bl({
       onSelect: i,
       identity: l,
       details: { type: "videos", title: m, count: o.length },
-      ...h,
+      ...u,
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-center justify-between ", children: [
           /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${r.title}`, children: m }),
@@ -8403,14 +8404,14 @@ function bl({
               "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: () => N(!u),
+                onClick: () => N(!h),
                 children: [
                   "Filter",
                   /* @__PURE__ */ e(fe, { className: "h-4 w-4 transform rotate-90" })
                 ]
               }
             ),
-            u && /* @__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: [
+            h && /* @__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: "All Videos" }),
               /* @__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: "Campus Life" }),
               /* @__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: "Academic" }),
@@ -8480,7 +8481,7 @@ export {
   Rl as FullScreenLoader,
   Al as GenericFilter,
   we as IconButton,
-  J as Input,
+  X as Input,
   al as LeaveBalanceMock,
   ws as ManageCollectionList,
   Rn as Modal,
@@ -8500,11 +8501,11 @@ export {
   ba as Textarea,
   Xl as ToastProvider,
   fa as ToggleSwitch,
-  Ol as Tooltip,
+  Il as Tooltip,
   ql as TreeView,
   oe as UnifyedCoreButton,
   bl as VideosMock,
-  Il as WizardModal,
+  Ol as WizardModal,
   Na as adGroupsListSearchApi,
   Vl as axiosDelete,
   Qe as axiosGet,