unifyedx-storybook-new 0.2.83 → 0.2.85

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

@@ -1,23 +1,23 @@
 import { jsxs as n, jsx as e, Fragment as te } from "react/jsx-runtime";
 import ae, { useState as P, useMemo as ee, useId as He, Fragment as Z, useEffect as K, useCallback as H, useRef as he } from "react";
-import { a as Q, U as ot, X as ve, P as d, L as Ra, C as xe, b as et, D as ct, f as kt, d as Yt, F as Ia, e as Oa, h as Ma, T as Le, u as Pa, I as Wt, i as Jt, j as La, k as Ba, l as Va, m as Xt, S as ft, n as Qt, M as ja, o as _a, p as yt, q as Ua, A as Ga, E as Ht, r as qa, s as Ya, t as Wa, v as Ja, w as Zt, x as Xa, y as Qa, z as Ha, B as Za, G as Ka, H as er, J as Be, K as Ct, N as zt, O as tr, Q as Kt, R as ar, V as xt, W as rr, Y as nr, Z as Ve, _ as sr, $ as lr, a0 as ir, a1 as or, a2 as cr, a3 as dr, a4 as St, a5 as mr, a6 as ur, a7 as hr, a8 as pr, a9 as gr, aa as br, ab as fr, ac as yr, ad as xr, ae as Ae, af as ea, ag as vr, ah as Nr, ai as wr, aj as kr, ak as Cr, al as ta, am as zr, an as Sr, ao as aa, ap as Dr, aq as dt, ar as ra, as as $r } from "./vendor-DAjW_ynU.js";
-import { Popover as Tr, PopoverButton as Ar, PopoverPanel as Fr, Transition as be, Dialog as ye, TransitionChild as ke, DialogPanel as Fe, DialogTitle as tt, TabGroup as Er, TabList as Rr, Tab as ne, TabPanels as Ir, RadioGroup as Ge, Listbox as le, ListboxButton as Or, ListboxOptions as Mr, ListboxOption as Pr, SwitchGroup as Lr, Switch as lt, Menu as Br, MenuButton as Vr, Portal as jr, MenuItems as _r, MenuItem as Ur, DialogBackdrop as Gr } from "@headlessui/react";
+import { a as Q, U as ot, X as ve, P as d, L as Ra, C as xe, b as et, D as ct, f as kt, d as Yt, F as Ia, e as Oa, h as Ma, T as Le, u as Pa, I as Wt, i as Jt, j as La, k as Ba, l as Va, m as Xt, S as ft, n as Qt, M as ja, o as _a, p as yt, q as Ua, A as Ga, E as Ht, r as qa, s as Ya, t as Wa, v as Ja, w as Zt, x as Xa, y as Qa, z as Ha, B as Za, G as Ka, H as er, J as Be, K as Ct, N as zt, O as tr, Q as Kt, R as ar, V as xt, W as rr, Y as nr, Z as Ve, _ as sr, $ as lr, a0 as ir, a1 as or, a2 as cr, a3 as dr, a4 as St, a5 as mr, a6 as ur, a7 as hr, a8 as pr, a9 as gr, aa as br, ab as fr, ac as yr, ad as Ae, ae as ea, af as xr, ag as vr, ah as Nr, ai as wr, aj as kr, ak as ta, al as Cr, am as zr, an as aa, ao as Sr, ap as dt, aq as ra, ar as Dr } from "./vendor-CU8ed0Ft.js";
+import { Popover as $r, PopoverButton as Tr, PopoverPanel as Ar, Transition as be, Dialog as ye, TransitionChild as ke, DialogPanel as Fe, DialogTitle as tt, TabGroup as Fr, TabList as Er, Tab as ne, TabPanels as Rr, RadioGroup as Ge, Listbox as le, ListboxButton as Ir, ListboxOptions as Or, ListboxOption as Mr, SwitchGroup as Pr, Switch as lt, Menu as Lr, MenuButton as Br, Portal as Vr, MenuItems as jr, MenuItem as _r, DialogBackdrop as Ur } from "@headlessui/react";
 import { motion as ie, AnimatePresence as Se } from "framer-motion";
-import { d as qr } from "./vendor-lodash-B0mISAV-.js";
-import { useFloating as Yr, offset as Wr, flip as Jr, shift as Xr, autoUpdate as Qr } from "@floating-ui/react";
-import it, { debounce as Hr } from "lodash";
-import { ToastContainer as Zr, Slide as Kr, toast as Oe } from "react-toastify";
+import { d as Gr } from "./vendor-lodash-BV9sr8Va.js";
+import { useFloating as qr, offset as Yr, flip as Wr, shift as Jr, autoUpdate as Xr } from "@floating-ui/react";
+import it, { debounce as Qr } from "lodash";
+import { ToastContainer as Hr, Slide as Zr, toast as Oe } from "react-toastify";
 import "react-toastify/dist/ReactToastify.css";
-import { P as en, S as tn, a as an, F as rn, G as nn, b as sn, E as ln, c as on, C as cn, R as dn, d as mn, e as un, f as hn, g as pn, I as gn, h as Dt } from "./vendor-syncfusion-Ep1PWSou.js";
-const bn = (t) => {
+import { P as Kr, S as en, a as tn, F as an, G as rn, b as nn, E as sn, c as ln, C as on, R as cn, d as dn, e as mn, f as un, g as hn, I as pn, h as Dt } from "./vendor-syncfusion-Ep1PWSou.js";
+const gn = (t) => {
   let a = 2166136261;
   for (let s = 0; s < t.length; s++)
     a ^= t.charCodeAt(s), a += (a << 1) + (a << 4) + (a << 7) + (a << 8) + (a << 24);
   return a >>> 0;
-}, fn = (t) => {
-  const a = (t ?? "").trim().toLowerCase(), s = parseInt((a.match(/\d+$/) ?? [0])[0], 10) || 0, i = bn(a), l = (i % 360 + 37 * s) % 360, h = 55 + (i >>> 8) % 20, o = 30 + (i >>> 16) % 10, p = 86 + (i >>> 24) % 8, g = `hsl(${l}, ${h}%, ${p}%)`, v = `hsl(${l}, ${h}%, ${o}%)`;
+}, bn = (t) => {
+  const a = (t ?? "").trim().toLowerCase(), s = parseInt((a.match(/\d+$/) ?? [0])[0], 10) || 0, i = gn(a), l = (i % 360 + 37 * s) % 360, h = 55 + (i >>> 8) % 20, o = 30 + (i >>> 16) % 10, p = 86 + (i >>> 24) % 8, g = `hsl(${l}, ${h}%, ${p}%)`, v = `hsl(${l}, ${h}%, ${o}%)`;
   return { bg: g, text: v };
-}, yn = (t = "") => t.split(" ").map((a) => a[0]).slice(0, 2).join("").toUpperCase(), we = ({
+}, fn = (t = "") => t.split(" ").map((a) => a[0]).slice(0, 2).join("").toUpperCase(), we = ({
   src: t,
   name: a,
   size: s = "medium",
@@ -29,7 +29,7 @@ const bn = (t) => {
   className: h,
   ...o
 }) => {
-  const [p, g] = P(!1), v = ee(() => fn(a), []), x = t && !p, r = !x && a, N = !x && !a, m = Q(
+  const [p, g] = P(!1), v = ee(() => bn(a), []), x = t && !p, r = !x && a, N = !x && !a, m = Q(
     "avatar-container",
     `avatar--size-${s}`,
     h
@@ -47,10 +47,10 @@ const bn = (t) => {
         onError: () => g(!0)
       }
     ),
-    r && /* @__PURE__ */ e("span", { className: "avatar-initials", "aria-label": a, children: yn(a) }),
+    r && /* @__PURE__ */ e("span", { className: "avatar-initials", "aria-label": a, children: fn(a) }),
     N && /* @__PURE__ */ e("span", { className: "avatar-icon", children: /* @__PURE__ */ e(ot, {}) })
   ] });
-}, xn = ({ children: t, max: a = 4, truncatedMessage: s = "Members", ...i }) => {
+}, yn = ({ children: t, max: a = 4, truncatedMessage: s = "Members", ...i }) => {
   const l = ae.Children.toArray(t), h = l.slice(0, a), o = l.length - a;
   return /* @__PURE__ */ n("div", { className: "avatar-group-container", ...i, children: [
     h,
@@ -61,7 +61,7 @@ const bn = (t) => {
       s
     ] })
   ] });
-}, Sl = ({
+}, zl = ({
   label: t,
   variant: a = "default",
   // 'default', 'primary', 'success', 'warning', 'danger'
@@ -99,7 +99,7 @@ const bn = (t) => {
       }
     )
   ] });
-}, vn = ({
+}, xn = ({
   primary: t = !1,
   backgroundColor: a = null,
   size: s = "medium",
@@ -118,7 +118,7 @@ const bn = (t) => {
     }
   );
 };
-vn.propTypes = {
+xn.propTypes = {
   /** Is this the principal call to action on the page? */
   primary: d.bool,
   /** What background color to use */
@@ -130,11 +130,11 @@ vn.propTypes = {
   /** Optional click handler */
   onClick: d.func
 };
-const Nn = {
+const vn = {
   small: "btn-sm",
   medium: "btn-md",
   large: "btn-lg"
-}, wn = {
+}, Nn = {
   primary: "btn-primary",
   secondary: "btn-secondary"
 }, se = ({
@@ -157,13 +157,13 @@ const Nn = {
   iconHeight: m,
   iconColor: y,
   strokeWidth: z,
-  onClick: T,
-  ...$
+  onClick: $,
+  ...D
 }) => {
-  const E = g || h, L = p && !x, V = Q(
+  const E = g || h, L = p && !x, j = Q(
     "btn-base",
-    Nn[v],
-    wn[o],
+    vn[v],
+    Nn[o],
     {
       "is-loading": h,
       "btn-icon-only": L
@@ -175,12 +175,12 @@ const Nn = {
     {
       "data-testid": t,
       type: s,
-      className: V,
+      className: j,
       disabled: E,
-      onClick: T,
+      onClick: $,
       title: a || L && i || (typeof x == "string" ? x : void 0),
       "aria-label": i || L && a || (typeof x == "string" ? x : void 0),
-      ...$,
+      ...D,
       children: h ? /* @__PURE__ */ e(Ra, { className: "loader-spin", "data-testid": "button-loader" }) : /* @__PURE__ */ n(te, { children: [
         p && /* @__PURE__ */ e(p, { size: v === "large" ? 20 : 16, width: N || 16, height: m || 16, color: y || "#767676", strokeWidth: z || 2 }),
         x,
@@ -189,7 +189,7 @@ const Nn = {
       ] })
     }
   );
-}, kn = ({ crumbs: t = [], ...a }) => /* @__PURE__ */ e("nav", { "aria-label": "Breadcrumb", className: "breadcrumbs-nav", ...a, children: /* @__PURE__ */ e("ol", { className: "breadcrumbs-list", children: t.map((s, i) => {
+}, wn = ({ crumbs: t = [], ...a }) => /* @__PURE__ */ e("nav", { "aria-label": "Breadcrumb", className: "breadcrumbs-nav", ...a, children: /* @__PURE__ */ e("ol", { className: "breadcrumbs-list", children: t.map((s, i) => {
   const l = i === t.length - 1;
   return /* @__PURE__ */ n("li", { className: "breadcrumb-item", children: [
     /* @__PURE__ */ n(
@@ -252,7 +252,7 @@ const Nn = {
     ] }),
     s && /* @__PURE__ */ e("p", { className: "checkbox-error-message", children: s })
   ] });
-}, Cn = ({ children: t }) => /* @__PURE__ */ e(Tr, { className: "popover-container", children: t }), zn = ({ children: t }) => /* @__PURE__ */ e(Ar, { as: "div", children: t }), Sn = ({ children: t, className: a }) => /* @__PURE__ */ e(Fr, { className: `popover-panel ${a || ""}`, children: t }), na = ct, sa = ({
+}, kn = ({ children: t }) => /* @__PURE__ */ e($r, { className: "popover-container", children: t }), Cn = ({ children: t }) => /* @__PURE__ */ e(Tr, { as: "div", children: t }), zn = ({ children: t, className: a }) => /* @__PURE__ */ e(Ar, { className: `popover-panel ${a || ""}`, children: t }), na = ct, sa = ({
   value: t,
   onChange: a,
   onClear: s,
@@ -280,7 +280,7 @@ const Nn = {
     }
   ),
   h && /* @__PURE__ */ e("p", { className: "datepicker-error-message", children: h })
-] }), Dn = ({
+] }), Sn = ({
   value: t,
   onChange: a,
   onClear: s,
@@ -300,8 +300,8 @@ const Nn = {
   ] }) : /* @__PURE__ */ e("span", { className: "datepicker-placeholder", children: i });
   return /* @__PURE__ */ n("div", { className: Q("datepicker-wrapper", p), children: [
     l && /* @__PURE__ */ e("label", { className: "datepicker-label", htmlFor: "daterangepicker-input", children: l }),
-    /* @__PURE__ */ n(Cn, { children: [
-      /* @__PURE__ */ e(zn, { asChild: !0, children: /* @__PURE__ */ n("div", { className: "datepicker-input-container", children: [
+    /* @__PURE__ */ n(kn, { children: [
+      /* @__PURE__ */ e(Cn, { asChild: !0, children: /* @__PURE__ */ n("div", { className: "datepicker-input-container", children: [
         /* @__PURE__ */ n(
           "button",
           {
@@ -330,7 +330,7 @@ const Nn = {
           }
         )
       ] }) }),
-      /* @__PURE__ */ e(Sn, { className: "datepicker-popover-content", align: "start", children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e(zn, { className: "datepicker-popover-content", align: "start", children: /* @__PURE__ */ e(
         na,
         {
           asSingle: !0,
@@ -347,7 +347,7 @@ const Nn = {
     ] }),
     h && /* @__PURE__ */ e("p", { className: "datepicker-error-message", children: h })
   ] });
-}, $n = {
+}, Dn = {
   // Documents
   doc: {
     type: "document",
@@ -563,7 +563,7 @@ const Nn = {
   View: "view",
   Manage: "edit"
 }, Tt = ({ extension: t, size: a = 36 }) => {
-  const s = (t || "").toLowerCase(), i = $n[s];
+  const s = (t || "").toLowerCase(), i = Dn[s];
   return i ? /* @__PURE__ */ e("div", { style: { width: a }, className: "flex-shrink-0", children: /* @__PURE__ */ e(
     Ia,
     {
@@ -584,11 +584,11 @@ const Nn = {
       children: /* @__PURE__ */ e(Oa, { className: "text-gray-400", size: a * 0.75 })
     }
   );
-}, Tn = (t) => /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: t.width || 24, height: t.height || 24, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ e("path", { d: "M20 12H4M4 12L10 18M4 12L10 6", stroke: "#767676", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), At = (t, a = 2) => {
+}, $n = (t) => /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: t.width || 24, height: t.height || 24, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ e("path", { d: "M20 12H4M4 12L10 18M4 12L10 6", stroke: "#767676", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), At = (t, a = 2) => {
   if (!+t) return "0 Bytes";
   const s = 1024, i = a < 0 ? 0 : a, l = ["Bytes", "KB", "MB", "GB", "TB"], h = Math.floor(Math.log(t) / Math.log(s));
   return `${parseFloat((t / Math.pow(s, h)).toFixed(i))} ${l[h]}`;
-}, Dl = ({
+}, Sl = ({
   // --- Modal Control ---
   isOpen: t,
   onClose: a,
@@ -645,7 +645,7 @@ const Nn = {
               Fe,
               {
                 className: "dialog-panel",
-                onClick: (T) => T.stopPropagation(),
+                onClick: ($) => $.stopPropagation(),
                 children: [
                   /* @__PURE__ */ e("input", { ...i() }),
                   /* @__PURE__ */ n("form", { onSubmit: x, className: "form-wrapper", children: [
@@ -688,7 +688,7 @@ const Nn = {
                       z && /* @__PURE__ */ n("div", { className: "file-list-container", children: [
                         /* @__PURE__ */ e("h3", { children: "Upload Queue" }),
                         /* @__PURE__ */ n("ul", { className: "file-list", children: [
-                          o.map((T, $) => /* @__PURE__ */ n(
+                          o.map(($, D) => /* @__PURE__ */ n(
                             "li",
                             {
                               className: "file-item",
@@ -697,28 +697,28 @@ const Nn = {
                                   /* @__PURE__ */ e(
                                     Tt,
                                     {
-                                      extension: T.name.split(".").pop()
+                                      extension: $.name.split(".").pop()
                                     }
                                   ),
                                   /* @__PURE__ */ n("div", { children: [
-                                    /* @__PURE__ */ e("p", { className: "file-item-name", children: T.name }),
-                                    /* @__PURE__ */ e("p", { className: "file-item-size", children: At(T.size) })
+                                    /* @__PURE__ */ e("p", { className: "file-item-name", children: $.name }),
+                                    /* @__PURE__ */ e("p", { className: "file-item-size", children: At($.size) })
                                   ] })
                                 ] }),
                                 /* @__PURE__ */ e(
                                   "button",
                                   {
                                     type: "button",
-                                    onClick: () => g($),
+                                    onClick: () => g(D),
                                     className: "remove-file-button",
                                     children: /* @__PURE__ */ e(Le, { size: 16 })
                                   }
                                 )
                               ]
                             },
-                            `${T.name}-${$}`
+                            `${$.name}-${D}`
                           )),
-                          p.map(({ file: T, message: $ }, E) => /* @__PURE__ */ n(
+                          p.map(({ file: $, message: D }, E) => /* @__PURE__ */ n(
                             "li",
                             {
                               className: "file-item file-item--rejected",
@@ -727,13 +727,13 @@ const Nn = {
                                   /* @__PURE__ */ e(
                                     Tt,
                                     {
-                                      extension: T.name.split(".").pop()
+                                      extension: $.name.split(".").pop()
                                     }
                                   ),
                                   /* @__PURE__ */ n("div", { children: [
-                                    /* @__PURE__ */ e("p", { className: "file-item-name", children: T.name }),
-                                    /* @__PURE__ */ e("p", { className: "file-item-size", children: At(T.size) }),
-                                    /* @__PURE__ */ e("p", { className: "rejection-reason", children: $ })
+                                    /* @__PURE__ */ e("p", { className: "file-item-name", children: $.name }),
+                                    /* @__PURE__ */ e("p", { className: "file-item-size", children: At($.size) }),
+                                    /* @__PURE__ */ e("p", { className: "rejection-reason", children: D })
                                   ] })
                                 ] }),
                                 /* @__PURE__ */ e(
@@ -747,7 +747,7 @@ const Nn = {
                                 )
                               ]
                             },
-                            `${T.name}-${E}`
+                            `${$.name}-${E}`
                           ))
                         ] })
                       ] })
@@ -793,13 +793,13 @@ const Nn = {
 }, ht = (t) => {
   const a = new Date(t), s = a.getDay(), i = a.getDate() - s;
   return je(new Date(a.setDate(i)));
-}, An = (t) => _e(ut(ht(t), 6)), Ft = (t) => {
+}, Tn = (t) => _e(ut(ht(t), 6)), Ft = (t) => {
   const a = new Date(t);
   return je(new Date(a.getFullYear(), a.getMonth(), 1));
 }, Et = (t) => {
   const a = new Date(t);
   return _e(new Date(a.getFullYear(), a.getMonth() + 1, 0));
-}, Fn = (t) => {
+}, An = (t) => {
   const a = /* @__PURE__ */ new Date();
   switch (t) {
     case "anytime":
@@ -807,7 +807,7 @@ const Nn = {
     case "today":
       return [je(a), _e(a)];
     case "this_week":
-      return [ht(a), An(a)];
+      return [ht(a), Tn(a)];
     case "last_week": {
       const s = ut(ht(a), -7);
       return [je(s), _e(ut(s, 6))];
@@ -821,7 +821,7 @@ const Nn = {
     default:
       return [null, null];
   }
-}, $l = ({
+}, Dl = ({
   isOpen: t,
   onClose: a,
   onApplyFilters: s,
@@ -842,16 +842,16 @@ const Nn = {
     startDate: null
   }), [y, z] = P({
     endDate: null
-  }), T = Pa({
+  }), $ = Pa({
     initialValues: JSON.parse(JSON.stringify(h)),
     // Deep copy
-    onSubmit: (A) => {
+    onSubmit: (T) => {
       const _ = {};
-      Object.keys(A).forEach((C) => {
-        _[C] = {
-          operator: A[C].operator || "in",
-          values: Array.isArray(A[C].values) ? A[C].values : [],
-          range: A[C].range || null
+      Object.keys(T).forEach((A) => {
+        _[A] = {
+          operator: T[A].operator || "in",
+          values: Array.isArray(T[A].values) ? T[A].values : [],
+          range: T[A].range || null
         };
       }), console.log("[storybook filter] Applied Filters:", _), typeof s == "function" && s({
         filters: _,
@@ -859,47 +859,47 @@ const Nn = {
       }), a();
     },
     enableReinitialize: !0
-  }), $ = ee(() => l.reduce((A, _) => {
-    const C = _.key, u = T.values[C];
-    let S = !1;
+  }), D = ee(() => l.reduce((T, _) => {
+    const A = _.key, u = $.values[A];
+    let C = !1;
     if (u)
       switch (_.type) {
         case "multiselect":
         case "multiselect-users":
-          S = Array.isArray(u.values) && u.values.length > 0;
+          C = Array.isArray(u.values) && u.values.length > 0;
           break;
         case "date":
-          (u.range && u.range !== "" || Array.isArray(u.values) && u.values.length > 0) && (S = !0);
+          (u.range && u.range !== "" || Array.isArray(u.values) && u.values.length > 0) && (C = !0);
           break;
       }
-    return A[C] = S, A;
-  }, {}), [l, T.values]), E = Object.values($).filter(Boolean).length, L = ee(() => l.some((A) => {
-    if (A.type !== "date") return !1;
-    const _ = T.values?.[A.key]?.values;
+    return T[A] = C, T;
+  }, {}), [l, $.values]), E = Object.values(D).filter(Boolean).length, L = ee(() => l.some((T) => {
+    if (T.type !== "date") return !1;
+    const _ = $.values?.[T.key]?.values;
     if (!Array.isArray(_) || _.length < 2) return !1;
-    const [C, u] = _;
-    if (!C || !u) return !1;
-    const S = C instanceof Date ? C : new Date(C), M = u instanceof Date ? u : new Date(u);
-    return S > M;
-  }), [l, T.values]), V = async (A, _) => {
+    const [A, u] = _;
+    if (!A || !u) return !1;
+    const C = A instanceof Date ? A : new Date(A), M = u instanceof Date ? u : new Date(u);
+    return C > M;
+  }), [l, $.values]), j = async (T, _) => {
     try {
-      r((u) => ({ ...u, [A]: !0 }));
-      const C = await p(A, _);
-      v((u) => ({ ...u, [A]: C }));
-    } catch (C) {
-      console.error(`Error fetching ${A} users:`, C);
+      r((u) => ({ ...u, [T]: !0 }));
+      const A = await p(T, _);
+      v((u) => ({ ...u, [T]: A }));
+    } catch (A) {
+      console.error(`Error fetching ${T} users:`, A);
     } finally {
-      r((C) => ({ ...C, [A]: !1 }));
+      r((A) => ({ ...A, [T]: !1 }));
     }
-  }, U = (A) => {
-    const _ = l[A].key, C = l[A].url;
-    l[A].type === "multiselect-users" && g[_].length === 0 && !x[_] && V(_, C);
+  }, U = (T) => {
+    const _ = l[T].key, A = l[T].url;
+    l[T].type === "multiselect-users" && g[_].length === 0 && !x[_] && j(_, A);
   }, Y = () => {
-    T.resetForm(), v({ createdBy: [], updatedBy: [] }), i();
-  }, q = (A) => {
-    const _ = l.find((S) => S.key === A);
+    $.resetForm(), v({ createdBy: [], updatedBy: [] }), i();
+  }, q = (T) => {
+    const _ = l.find((C) => C.key === T);
     if (!_) return null;
-    const C = T.values[A] || h[A], u = Array.isArray(C.values) ? C.values : [];
+    const A = $.values[T] || h[T], u = Array.isArray(A.values) ? A.values : [];
     switch (_.type) {
       case "multiselect":
         return /* @__PURE__ */ n("div", { className: "filter-panel-content", children: [
@@ -908,8 +908,8 @@ const Nn = {
             /* @__PURE__ */ e(
               "select",
               {
-                value: C.operator || "in",
-                onChange: (F) => T.setFieldValue(`${A}.operator`, F.target.value),
+                value: A.operator || "in",
+                onChange: (F) => $.setFieldValue(`${T}.operator`, F.target.value),
                 className: "filter-select",
                 children: _.operators.map((F) => /* @__PURE__ */ e("option", { value: F, children: F === "in" ? "Includes" : "Excludes" }, F))
               }
@@ -921,19 +921,19 @@ const Nn = {
                 "input",
                 {
                   type: "checkbox",
-                  id: `select-all-${A}`,
+                  id: `select-all-${T}`,
                   className: "filter-checkbox-input",
                   checked: _.options.length > 0 && u.length === _.options.length,
                   onChange: (F) => {
                     const G = F.target.checked ? _.options.map((W) => W.value) : [];
-                    T.setFieldValue(`${A}.values`, G);
+                    $.setFieldValue(`${T}.values`, G);
                   }
                 }
               ),
               /* @__PURE__ */ e(
                 "label",
                 {
-                  htmlFor: `select-all-${A}`,
+                  htmlFor: `select-all-${T}`,
                   className: "filter-checkbox-label",
                   children: "Select All"
                 }
@@ -944,19 +944,19 @@ const Nn = {
                 "input",
                 {
                   type: "checkbox",
-                  id: `${A}-${F.value}`,
+                  id: `${T}-${F.value}`,
                   className: "filter-checkbox-input",
                   checked: u.includes(F.value),
                   onChange: (G) => {
                     const W = G.target.checked ? [...u, F.value] : u.filter((pe) => pe !== F.value);
-                    T.setFieldValue(`${A}.values`, W);
+                    $.setFieldValue(`${T}.values`, W);
                   }
                 }
               ),
               /* @__PURE__ */ e(
                 "label",
                 {
-                  htmlFor: `${A}-${F.value}`,
+                  htmlFor: `${T}-${F.value}`,
                   className: "filter-checkbox-label",
                   children: F.label
                 }
@@ -965,33 +965,33 @@ const Nn = {
           ] })
         ] });
       case "multiselect-users":
-        const S = g[A] || [], M = x[A];
+        const C = g[T] || [], M = x[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:" }),
             /* @__PURE__ */ e(
               "select",
               {
-                value: C.operator || "in",
-                onChange: (F) => T.setFieldValue(`${A}.operator`, F.target.value),
+                value: A.operator || "in",
+                onChange: (F) => $.setFieldValue(`${T}.operator`, F.target.value),
                 className: "filter-select",
                 children: _.operators.map((F) => /* @__PURE__ */ e("option", { value: F, children: F === "in" ? "Includes" : "Excludes" }, F))
               }
             )
           ] }),
-          M ? /* @__PURE__ */ e("div", { className: "loading-spinner", children: /* @__PURE__ */ e("div", {}) }) : /* @__PURE__ */ e("div", { className: "filter-checkbox-list", children: S.length > 0 ? /* @__PURE__ */ n(te, { children: [
+          M ? /* @__PURE__ */ e("div", { className: "loading-spinner", children: /* @__PURE__ */ e("div", {}) }) : /* @__PURE__ */ e("div", { className: "filter-checkbox-list", children: C.length > 0 ? /* @__PURE__ */ n(te, { children: [
             /* @__PURE__ */ n("div", { className: "filter-checkbox-item", children: [
               /* @__PURE__ */ e(
                 "input",
                 {
                   type: "checkbox",
-                  id: `select-all-users-${A}`,
+                  id: `select-all-users-${T}`,
                   className: "filter-checkbox-input",
-                  checked: S.length > 0 && u.length === S.length,
+                  checked: C.length > 0 && u.length === C.length,
                   onChange: (F) => {
-                    const G = F.target.checked ? S.map((W) => W.email) : [];
-                    T.setFieldValue(
-                      `${A}.values`,
+                    const G = F.target.checked ? C.map((W) => W.email) : [];
+                    $.setFieldValue(
+                      `${T}.values`,
                       G
                     );
                   }
@@ -1000,24 +1000,24 @@ const Nn = {
               /* @__PURE__ */ e(
                 "label",
                 {
-                  htmlFor: `select-all-users-${A}`,
+                  htmlFor: `select-all-users-${T}`,
                   className: "filter-checkbox-label",
                   children: "Select All Users"
                 }
               )
             ] }),
-            S.map((F) => /* @__PURE__ */ n("div", { className: "filter-checkbox-item createdby", children: [
+            C.map((F) => /* @__PURE__ */ n("div", { className: "filter-checkbox-item createdby", children: [
               /* @__PURE__ */ e(
                 "input",
                 {
                   type: "checkbox",
-                  id: `${A}-${F.email}`,
+                  id: `${T}-${F.email}`,
                   className: "filter-checkbox-input",
                   checked: u.includes(F.email),
                   onChange: (G) => {
                     const W = G.target.checked ? [...u, F.email] : u.filter((pe) => pe !== F.email);
-                    T.setFieldValue(
-                      `${A}.values`,
+                    $.setFieldValue(
+                      `${T}.values`,
                       W
                     );
                   }
@@ -1026,7 +1026,7 @@ const Nn = {
               /* @__PURE__ */ n(
                 "label",
                 {
-                  htmlFor: `${A}-${F.email}`,
+                  htmlFor: `${T}-${F.email}`,
                   className: "filter-checkbox-label",
                   children: [
                     /* @__PURE__ */ e("span", { className: "user-label-name", children: F.name }),
@@ -1038,12 +1038,12 @@ const Nn = {
           ] }) : /* @__PURE__ */ e("div", { className: "text-center py-4 text-gray-500 text-sm", children: "No users loaded." }) })
         ] });
       case "date":
-        const O = C.values || [], [b, c] = O, f = b && c, w = O[0] || null, D = O[1] || null, I = {
+        const O = A.values || [], [b, c] = O, f = b && c, w = O[0] || null, S = O[1] || null, I = {
           startDate: w instanceof Date ? w.toISOString().slice(0, 10) : null,
           endDate: w instanceof Date ? w.toISOString().slice(0, 10) : null
         }, k = {
-          startDate: D instanceof Date ? D.toISOString().slice(0, 10) : null,
-          endDate: D instanceof Date ? D.toISOString().slice(0, 10) : null
+          startDate: S instanceof Date ? S.toISOString().slice(0, 10) : null,
+          endDate: S instanceof Date ? S.toISOString().slice(0, 10) : null
         }, R = [
           { key: "anytime", label: "Anytime" },
           { key: "today", label: "Today" },
@@ -1052,17 +1052,17 @@ const Nn = {
           { key: "this_month", label: "This Month" },
           { key: "last_month", label: "Last Month" },
           { key: "custom", label: "Custom" }
-        ], j = (F) => {
+        ], V = (F) => {
           if (F === "anytime") {
-            T.setFieldValue(`${A}.values`, []), T.setFieldValue(`${A}.range`, "anytime");
+            $.setFieldValue(`${T}.values`, []), $.setFieldValue(`${T}.range`, "anytime");
             return;
           }
           if (F === "custom") {
-            T.setFieldValue(`${A}.range`, "custom");
+            $.setFieldValue(`${T}.range`, "custom");
             return;
           }
-          const [G, W] = Fn(F);
-          T.setFieldValue(`${A}.values`, G && W ? [G, W] : []), T.setFieldValue(`${A}.range`, F);
+          const [G, W] = An(F);
+          $.setFieldValue(`${T}.values`, G && W ? [G, W] : []), $.setFieldValue(`${T}.range`, F);
         };
         return /* @__PURE__ */ n("div", { className: "filter-panel-content", children: [
           /* @__PURE__ */ n("div", { className: "filter-operator-group", children: [
@@ -1070,8 +1070,8 @@ const Nn = {
             /* @__PURE__ */ e(
               "select",
               {
-                value: C.operator,
-                onChange: (F) => T.setFieldValue(`${A}.operator`, F.target.value),
+                value: A.operator,
+                onChange: (F) => $.setFieldValue(`${T}.operator`, F.target.value),
                 className: "filter-select",
                 children: _.operators.map((F) => /* @__PURE__ */ e("option", { value: F, children: F === "in" ? "Is" : "Is not" }, F))
               }
@@ -1081,9 +1081,9 @@ const Nn = {
               {
                 type: "button",
                 onClick: () => {
-                  T.setFieldValue(
-                    A,
-                    h[A]
+                  $.setFieldValue(
+                    T,
+                    h[T]
                   );
                 },
                 className: "filter-clear-selection-button",
@@ -1092,7 +1092,7 @@ const Nn = {
             )
           ] }),
           /* @__PURE__ */ e("div", { className: "pb-0", children: /* @__PURE__ */ e("div", { className: "space-y-3", children: R.map((F) => {
-            const G = C.range === F.key || F.key === "anytime" && (!Array.isArray(C.values) || C.values.length === 0);
+            const G = A.range === F.key || F.key === "anytime" && (!Array.isArray(A.values) || A.values.length === 0);
             return /* @__PURE__ */ n(
               "label",
               {
@@ -1102,9 +1102,9 @@ const Nn = {
                     "input",
                     {
                       type: "radio",
-                      name: `preset-${A}`,
+                      name: `preset-${T}`,
                       checked: G,
-                      onChange: () => j(F.key),
+                      onChange: () => V(F.key),
                       className: "h-4 w-4"
                     }
                   ),
@@ -1127,7 +1127,7 @@ const Nn = {
                   value: I,
                   onChange: (F) => {
                     const G = F?.startDate ? je(new Date(F.startDate)) : null, W = O[1] || null;
-                    G && (T.setFieldValue(`${A}.values`, [G, W]), T.setFieldValue(`${A}.range`, "custom"));
+                    G && ($.setFieldValue(`${T}.values`, [G, W]), $.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",
@@ -1151,7 +1151,7 @@ const Nn = {
                   value: k,
                   onChange: (F) => {
                     const G = F?.startDate ? _e(new Date(F.startDate)) : null, W = O[0] || null;
-                    G && (T.setFieldValue(`${A}.values`, [W, G]), T.setFieldValue(`${A}.range`, "custom"));
+                    G && ($.setFieldValue(`${T}.values`, [W, G]), $.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",
@@ -1164,7 +1164,7 @@ const Nn = {
                 }
               )
             ] }),
-            w && D && w > D && /* @__PURE__ */ e("div", { className: "text-red-500 text-xs mt-2", children: "End date must be after start date" })
+            w && S && w > S && /* @__PURE__ */ e("div", { className: "text-red-500 text-xs mt-2", children: "End date must be after start date" })
           ] })
         ] });
       default:
@@ -1208,9 +1208,9 @@ const Nn = {
               }
             )
           ] }),
-          /* @__PURE__ */ n("form", { onSubmit: T.handleSubmit, className: "filter-form", children: [
+          /* @__PURE__ */ n("form", { onSubmit: $.handleSubmit, className: "filter-form", children: [
             /* @__PURE__ */ e("div", { className: "filter-content-wrapper", children: /* @__PURE__ */ n(
-              Er,
+              Fr,
               {
                 vertical: !0,
                 onChange: U,
@@ -1219,11 +1219,11 @@ const Nn = {
                   flexGrow: 1
                 },
                 children: [
-                  /* @__PURE__ */ e(Rr, { className: "filter-tabs-list", children: l.map((A) => /* @__PURE__ */ n(ne, { className: "filter-tab-item", children: [
+                  /* @__PURE__ */ e(Er, { className: "filter-tabs-list", children: l.map((T) => /* @__PURE__ */ n(ne, { className: "filter-tab-item", children: [
                     /* @__PURE__ */ e("div", { className: "filter-selection-horizontal-indicator" }),
                     /* @__PURE__ */ n("div", { className: "filter-lbl-indicator-wrapper", children: [
-                      A.label,
-                      $[A.key] && /* @__PURE__ */ e(
+                      T.label,
+                      D[T.key] && /* @__PURE__ */ e(
                         "span",
                         {
                           className: "filter-active-indicator",
@@ -1231,8 +1231,8 @@ const Nn = {
                         }
                       )
                     ] })
-                  ] }, A.key)) }),
-                  /* @__PURE__ */ e(Ir, { className: "filter-tabs-panels", children: l.map((A) => /* @__PURE__ */ e(
+                  ] }, T.key)) }),
+                  /* @__PURE__ */ e(Rr, { className: "filter-tabs-panels", children: l.map((T) => /* @__PURE__ */ e(
                     ne.Panel,
                     {
                       className: "filter-tab-panel",
@@ -1243,12 +1243,12 @@ const Nn = {
                           animate: { opacity: 1, x: 0 },
                           transition: { duration: 0.3 },
                           className: "h-full",
-                          children: q(A.key)
+                          children: q(T.key)
                         },
-                        A.key
+                        T.key
                       )
                     },
-                    A.key
+                    T.key
                   )) })
                 ]
               }
@@ -1267,7 +1267,7 @@ const Nn = {
                 "button",
                 {
                   type: "submit",
-                  disabled: !T.dirty || L,
+                  disabled: !$.dirty || L,
                   className: "filter-button apply",
                   children: [
                     "Apply Filters",
@@ -1332,7 +1332,7 @@ const Nn = {
     iconClass: "icon--info",
     primaryButtonCategory: "primary"
   }
-}, En = ({
+}, Fn = ({
   isOpen: t,
   onClose: a,
   title: s,
@@ -1410,7 +1410,7 @@ const Nn = {
       }
     ) })
   ] }) });
-}, Tl = ({
+}, $l = ({
   currentPage: t,
   totalItems: a,
   itemsPerPage: s,
@@ -1571,7 +1571,7 @@ const Nn = {
     N(t);
   }, [t]);
   const m = H(
-    qr((z) => {
+    Gr((z) => {
       a?.(z);
     }, s),
     [s, a]
@@ -1631,7 +1631,7 @@ const Nn = {
     t && /* @__PURE__ */ e("label", { className: "select-label", children: t }),
     /* @__PURE__ */ n("div", { className: "select-button-container", children: [
       /* @__PURE__ */ n(
-        Or,
+        Ir,
         {
           className: Q("select-button", {
             "select-button--error": !!o
@@ -1648,7 +1648,7 @@ const Nn = {
           leave: "transition ease-in duration-100",
           leaveFrom: "opacity-100",
           leaveTo: "opacity-0",
-          children: /* @__PURE__ */ n(Mr, { className: "select-options", children: [
+          children: /* @__PURE__ */ n(Or, { className: "select-options", children: [
             g && /* @__PURE__ */ e("div", { className: "search-input-wrapper", children: /* @__PURE__ */ e(
               fe,
               {
@@ -1661,7 +1661,7 @@ const Nn = {
               }
             ) }),
             /* @__PURE__ */ e("div", { className: "select-options-list", children: r.length === 0 && v !== "" ? /* @__PURE__ */ e("div", { className: "no-results", children: "No results found." }) : r.map((m) => /* @__PURE__ */ e(
-              Pr,
+              Mr,
               {
                 className: ({ active: y }) => `select-option ${y ? "active" : ""}`,
                 value: m,
@@ -1693,7 +1693,7 @@ const Nn = {
     ] }),
     o && /* @__PURE__ */ e("p", { className: "select-error-message", children: o })
   ] }) });
-}, Rn = () => {
+}, En = () => {
   const [t, a] = P(window.location.pathname);
   return K(() => {
     const s = () => {
@@ -1709,7 +1709,7 @@ const Nn = {
       return s;
   return null;
 }, ia = ({ item: t, isCollapsed: a, level: s = 0 }) => {
-  const { pathname: i } = Rn(), l = t.href || t.url || t.path, [h, o] = P(!1), p = t.icon;
+  const { pathname: i } = En(), l = t.href || t.url || t.path, [h, o] = P(!1), p = t.icon;
   K(() => {
     gt([t], i) && o(!0);
   }, [t, i]);
@@ -1780,7 +1780,7 @@ const Nn = {
       ]
     }
   );
-}, Al = ({
+}, Tl = ({
   navItems: t = [],
   isCollapsed: a = !1,
   onToggleCollapse: s,
@@ -1884,7 +1884,7 @@ const Nn = {
       ]
     }
   );
-}, Fl = ({ label: t = "Loading..." }) => /* @__PURE__ */ e("div", { className: "fullscreen-loader-overlay", role: "alert", "aria-busy": "true", children: /* @__PURE__ */ n("div", { className: "loader-content", children: [
+}, Al = ({ label: t = "Loading..." }) => /* @__PURE__ */ e("div", { className: "fullscreen-loader-overlay", role: "alert", "aria-busy": "true", children: /* @__PURE__ */ n("div", { className: "loader-content", children: [
   /* @__PURE__ */ e(oa, { size: "large" }),
   t && /* @__PURE__ */ e("span", { className: "loader-label", children: t })
 ] }) }), ca = ({
@@ -1936,7 +1936,7 @@ const Nn = {
   labelStyle: h = "",
   ...o
 }) => /* @__PURE__ */ n("div", { className: "switch-container", children: [
-  /* @__PURE__ */ n(Lr, { as: "div", className: "switch-group", children: [
+  /* @__PURE__ */ n(Pr, { as: "div", className: "switch-group", children: [
     t && i === "left" && /* @__PURE__ */ e(lt.Label, { className: "switch-label", passive: !0, children: t }),
     /* @__PURE__ */ e(
       lt,
@@ -1954,7 +1954,7 @@ const Nn = {
     t && i === "right" && /* @__PURE__ */ e(lt.Label, { className: `switch-label ${h}`, passive: !0, children: t })
   ] }),
   l && /* @__PURE__ */ e("p", { className: "switch-error-message", children: l })
-] }), El = ({
+] }), Fl = ({
   children: t,
   content: a,
   variant: s = "dark",
@@ -1982,7 +1982,7 @@ const Nn = {
       }
     )
   ] });
-}, In = {
+}, Rn = {
   enter: (t) => ({
     x: t > 0 ? "100%" : "-100%",
     opacity: 0
@@ -1995,7 +1995,7 @@ const Nn = {
     x: t < 0 ? "100%" : "-100%",
     opacity: 0
   })
-}, Rl = ({
+}, El = ({
   isOpen: t,
   onClose: a,
   steps: s = {},
@@ -2083,7 +2083,7 @@ const Nn = {
                     ie.div,
                     {
                       custom: l,
-                      variants: In,
+                      variants: Rn,
                       initial: "enter",
                       animate: "center",
                       exit: "exit",
@@ -2106,11 +2106,11 @@ const Nn = {
       ]
     }
   ) });
-}, On = {
+}, In = {
   small: "btn-sm",
   medium: "btn-md",
   large: "btn-lg"
-}, Mn = {
+}, On = {
   primary: "btn-primary",
   secondary: "btn-secondary-icon"
 }, Ce = ({
@@ -2134,8 +2134,8 @@ const Nn = {
   const m = p, y = Q(
     "btn-base-icon",
     "btn-icon-only",
-    On[g],
-    Mn[h],
+    In[g],
+    On[h],
     l
   );
   return /* @__PURE__ */ e(
@@ -2152,7 +2152,7 @@ const Nn = {
       children: o && /* @__PURE__ */ e(o, { size: g === "large" ? 20 : 16 })
     }
   );
-}, Il = ({
+}, Rl = ({
   content: t,
   isFooter: a = !1,
   footerContent: s,
@@ -2199,7 +2199,7 @@ const Nn = {
       )
     ] }) })
   ] });
-}, Pn = ({
+}, Mn = ({
   heading: t,
   subHeading: a,
   breadcrumbItems: s = [],
@@ -2215,25 +2215,25 @@ const Nn = {
       className: "page-header-back-button",
       "aria-label": "Go back",
       onClick: l,
-      children: /* @__PURE__ */ e(Tn, { width: 30, height: 30 })
+      children: /* @__PURE__ */ e($n, { width: 30, height: 30 })
     }
   ),
   /* @__PURE__ */ n("div", { className: "page-header-content", children: [
     /* @__PURE__ */ e("h1", { className: "page-header-heading", children: t }),
-    s.length > 1 ? /* @__PURE__ */ e(kn, { crumbs: s }) : a ? /* @__PURE__ */ e("p", { className: "page-header-subheading", children: a }) : null
+    s.length > 1 ? /* @__PURE__ */ e(wn, { crumbs: s }) : a ? /* @__PURE__ */ e("p", { className: "page-header-subheading", children: a }) : null
   ] })
-] }), Ln = ({
+] }), Pn = ({
   options: t = [],
   onSelect: a,
   triggerIcon: s = Ht
 }) => {
-  const { refs: i, floatingStyles: l } = Yr({
-    whileElementsMounted: Qr,
-    middleware: [Wr(5), Jr(), Xr({ padding: 5 })]
+  const { refs: i, floatingStyles: l } = qr({
+    whileElementsMounted: Xr,
+    middleware: [Yr(5), Wr(), Jr({ padding: 5 })]
   });
-  return /* @__PURE__ */ n(Br, { as: "div", className: "options-menu-wrapper", children: [
-    /* @__PURE__ */ e(Vr, { ref: i.setReference, className: "options-menu-trigger", children: /* @__PURE__ */ e(s, { size: 20 }) }),
-    /* @__PURE__ */ e(jr, { children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ n(Lr, { as: "div", className: "options-menu-wrapper", children: [
+    /* @__PURE__ */ e(Br, { ref: i.setReference, className: "options-menu-trigger", children: /* @__PURE__ */ e(s, { size: 20 }) }),
+    /* @__PURE__ */ e(Vr, { children: /* @__PURE__ */ e(
       be,
       {
         as: Z,
@@ -2244,14 +2244,14 @@ const Nn = {
         leaveFrom: "transform opacity-100 scale-100",
         leaveTo: "transform opacity-0 scale-95",
         children: /* @__PURE__ */ e(
-          _r,
+          jr,
           {
             ref: i.setFloating,
             style: l,
             className: "options-menu-panel",
             children: t.map((h) => /* @__PURE__ */ n("div", { className: "options-menu-item-wrapper", children: [
               h.dividerBefore && /* @__PURE__ */ e("div", { className: "menu-divider" }),
-              /* @__PURE__ */ e(Ur, { children: ({ active: o }) => /* @__PURE__ */ n(
+              /* @__PURE__ */ e(_r, { children: ({ active: o }) => /* @__PURE__ */ n(
                 "button",
                 {
                   onClick: () => a(h),
@@ -2270,14 +2270,14 @@ const Nn = {
     ) })
   ] });
 };
-function Bn(t) {
+function Ln(t) {
   try {
     return typeof t == "string" ? t : JSON.stringify(t);
   } catch {
     return "";
   }
 }
-function Vn(t) {
+function Bn(t) {
   try {
     return JSON.parse(t);
   } catch {
@@ -2290,13 +2290,13 @@ function ma(t) {
      * Get an item (parsed if JSON).
      */
     get(a) {
-      return Vn(t.getItem(a));
+      return Bn(t.getItem(a));
     },
     /**
      * Set an item (string or object).
      */
     set(a, s) {
-      t.setItem(a, Bn(s));
+      t.setItem(a, Ln(s));
     },
     /**
      * Delete/remove an item.
@@ -2323,7 +2323,7 @@ function ma(t) {
     }
   };
 }
-const jn = ma(localStorage), Ol = ma(sessionStorage), Ml = {
+const Vn = ma(localStorage), Il = ma(sessionStorage), Ol = {
   get(t) {
     const a = document.cookie.match(
       new RegExp("(^| )" + t + "=([^;]+)")
@@ -2353,17 +2353,17 @@ const jn = ma(localStorage), Ol = ma(sessionStorage), Ml = {
 function vt() {
   return ua() ? window.location.hostname === "localhost" ? "https://dev.unifyed.com" : `${window.location.protocol}//${window.location.hostname}` : "https://dev.unifyed.com";
 }
-function _n() {
+function jn() {
   if (!ua()) return "";
   try {
-    const t = jn.get("userProfile");
+    const t = Vn.get("userProfile");
     return !t && window.location.hostname === "localhost" ? "/unifyd-gateway/api" : (t && typeof t == "object" ? t : {})?.gatewaypath ?? "";
   } catch {
     return "";
   }
 }
 function $e() {
-  return `${vt()}${_n()}`;
+  return `${vt()}${jn()}`;
 }
 function ha() {
   return `${$e()}/unifyedstudioutility/commonutility/users/list?sortkey=firstName&sortorder=false&page=0&size=999&onlineusersonly=false`;
@@ -2383,13 +2383,13 @@ function fa() {
 function Nt() {
   return `${$e()}/unifyed-mydrive/v2`;
 }
-function Un() {
+function _n() {
   return `${Nt()}/directory/permissions`;
 }
-function Gn() {
+function Un() {
   return `${Nt()}/file/permissions`;
 }
-function Pl() {
+function Ml() {
   return Object.freeze({
     REACT_APP_BASE_URL: vt(),
     GATEWAY_BASE: $e(),
@@ -2399,11 +2399,11 @@ function Pl() {
     RBAC_BASE: ba(),
     SEARCH_ROLES_API: fa(),
     MY_DRIVE_GATEWAY_BASE_v2: Nt(),
-    DIRECTORY_PERMISSIONS_API: Un(),
-    FILE_PERMISSIONS_API: Gn()
+    DIRECTORY_PERMISSIONS_API: _n(),
+    FILE_PERMISSIONS_API: Un()
   });
 }
-function qn(t) {
+function Gn(t) {
   try {
     const a = localStorage.getItem(t);
     return a ? JSON.parse(a) : null;
@@ -2412,7 +2412,7 @@ function qn(t) {
   }
 }
 function It() {
-  const t = qn("userProfile") || {}, a = localStorage.getItem("access_token") || t.accessToken || "", s = localStorage.getItem("siteId") || t.siteId || "", i = t.tenant || "", l = t.tenantdomain || "", h = t.username || t.displayName || "", o = t.email || "";
+  const t = Gn("userProfile") || {}, a = localStorage.getItem("access_token") || t.accessToken || "", s = localStorage.getItem("siteId") || t.siteId || "", i = t.tenant || "", l = t.tenantdomain || "", h = t.username || t.displayName || "", o = t.email || "";
   return {
     Authorization: a ? `Bearer ${a}` : void 0,
     "x-tenant-id": i || void 0,
@@ -2423,7 +2423,7 @@ function It() {
     "x-user-email": o || void 0
   };
 }
-function Yn(t) {
+function qn(t) {
   if (t && t.isAxiosError) {
     const { response: a, config: s, message: i } = t, l = a?.status ?? null, h = a?.statusText ?? null, o = a?.data ?? null, p = typeof o == "string" && o || o?.message || o?.msg || o?.error || o?.errors?.[0]?.message || null;
     return {
@@ -2451,7 +2451,7 @@ function Yn(t) {
     request: null
   };
 }
-function Wn({
+function Yn({
   enableAuthRedirect: t = !0,
   defaultOpenHeaders: a = {}
 } = {}) {
@@ -2466,7 +2466,7 @@ function Wn({
       message: v?.statusText || "Request succeeded"
     },
     (v) => {
-      const x = Yn(v), r = x.status;
+      const x = qn(v), r = x.status;
       return t && (r === 401 || r === 403) && (window.location.href.includes("/login") || (window.historyPath = window.location.pathname, localStorage.clear(), sessionStorage.clear(), window.location.href = "/login")), Promise.reject(x);
     }
   );
@@ -2508,7 +2508,7 @@ function Wn({
     axiosPatch: g
   };
 }
-const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl = Ee.axiosPut, Vl = Ee.axiosPatch, jl = Ee.instance, Jn = async (t, a) => {
+const Ee = Yn(), Ze = Ee.axiosGet, Pl = Ee.axiosDelete, bt = Ee.axiosPost, Ll = Ee.axiosPut, Bl = Ee.axiosPatch, Vl = Ee.instance, Wn = async (t, a) => {
   try {
     switch (t) {
       case De.USER: {
@@ -2527,7 +2527,7 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
   } catch (s) {
     console.log("Error searching entities:", s);
   }
-}, Xn = (t) => t.filter((a) => !!a?.email).map((a) => {
+}, Jn = (t) => t.filter((a) => !!a?.email).map((a) => {
   const s = (a?.firstName ?? "").trim(), i = (a?.lastName ?? "").trim(), l = `${s} ${i}`.trim() || (a.email?.split("@")[0] ?? "Unknown");
   return {
     id: a.email,
@@ -2591,13 +2591,13 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
       const l = s.data;
       Array.isArray(l) ? i = l : typeof l == "string" && (i = Ot(l.trim()));
     }
-    return Xn(i);
+    return Jn(i);
   }
 }, wt = (t, a) => {
   const [s, i] = P(t);
   return K(
     () => {
-      const l = Hr(() => {
+      const l = Qr(() => {
         i(t);
       }, a);
       return l(), () => {
@@ -2607,7 +2607,7 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
     [t, a]
     // Only re-call effect if value or delay changes
   ), s;
-}, Qn = ({
+}, Xn = ({
   users: t = [],
   groups: a = [],
   roles: s = [],
@@ -2653,9 +2653,9 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
 ], Pt = [
   { id: 1, name: $t.View, icon: Qa },
   { id: 2, name: $t.Manage, icon: Ha }
-], Hn = Ya().shape({
+], Qn = Ya().shape({
   pendingInvites: Wa().min(1, "You must add at least one person to invite.")
-}), Zn = ({
+}), Hn = ({
   entity: t,
   onManage: a,
   onClose: s,
@@ -2666,35 +2666,35 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
   },
   isChanged: p = !1
 }) => {
-  const [g, v] = P(Mt[0]), [x, r] = P(""), N = wt(x, 400), [m, y] = P([]), [z, T] = P(/* @__PURE__ */ new Set()), [$, E] = P(!1), [L, V] = P(Pt[0]), {
+  const [g, v] = P(Mt[0]), [x, r] = P(""), N = wt(x, 400), [m, y] = P([]), [z, $] = P(/* @__PURE__ */ new Set()), [D, E] = P(!1), [L, j] = P(Pt[0]), {
     control: U,
     handleSubmit: Y,
     watch: q,
-    formState: { errors: A, isSubmitting: _ }
+    formState: { errors: T, isSubmitting: _ }
   } = Za({
     defaultValues: { pendingInvites: [] },
-    resolver: tr(Hn)
-  }), { fields: C, append: u, remove: S, update: M } = Ka({
+    resolver: tr(Qn)
+  }), { fields: A, append: u, remove: C, update: M } = Ka({
     control: U,
     name: "pendingInvites"
   }), O = q("pendingInvites");
   K(() => {
-    N.length > 1 ? (E(!0), Jn(g.name, N).then((k) => {
+    N.length > 1 ? (E(!0), Wn(g.name, N).then((k) => {
       y(k);
-    }).catch((k) => console.error("Search failed:", k)).finally(() => E(!1))) : (y([]), T(/* @__PURE__ */ new Set()));
+    }).catch((k) => console.error("Search failed:", k)).finally(() => E(!1))) : (y([]), $(/* @__PURE__ */ new Set()));
   }, [N, g]);
   const b = (k) => {
-    T((R) => {
-      const j = new Set(R);
-      return j.has(k) ? j.delete(k) : j.add(k), j;
+    $((R) => {
+      const V = new Set(R);
+      return V.has(k) ? V.delete(k) : V.add(k), V;
     });
   }, c = () => {
     m.filter((k) => z.has(k.id)).forEach((k) => {
-      C.find((R) => R.id === k.id) || u({ ...k, permission: L.name });
-    }), T(/* @__PURE__ */ new Set()), r("");
+      A.find((R) => R.id === k.id) || u({ ...k, permission: L.name });
+    }), $(/* @__PURE__ */ new Set()), r("");
   }, f = (k) => {
-    V(k), C.forEach(
-      (R, j) => M(j, { ...C[j], permission: k.name })
+    j(k), A.forEach(
+      (R, V) => M(V, { ...A[V], permission: k.name })
     );
   }, w = async (k) => {
     try {
@@ -2711,13 +2711,13 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
           // Always send updated existing shares
         }, i);
       } else if (l === ue.INTEREST) {
-        const R = k.pendingInvites.map((j) => ({
-          identity: j.id,
-          type: j.type.toLowerCase(),
+        const R = k.pendingInvites.map((V) => ({
+          identity: V.id,
+          type: V.type.toLowerCase(),
           opt: !0,
           lock: !1,
           moderator: !1,
-          userName: j.name,
+          userName: V.name,
           interestId: t?.data?.id
         }));
         o(R, i);
@@ -2740,8 +2740,8 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
     } catch (R) {
       throw console.error("Failed to submit invites:", R), R;
     }
-  }, D = (k) => {
-    const R = i[g.code].find((j) => j.name === k.name && j.permission !== "remove") || O.find((j) => j.name === k.name);
+  }, S = (k) => {
+    const R = i[g.code].find((V) => V.name === k.name && V.permission !== "remove") || O.find((V) => V.name === k.name);
     return R ? `${R.permission}` : "";
   }, I = () => {
     switch (l) {
@@ -2775,7 +2775,7 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
     ] }),
     /* @__PURE__ */ n("main", { className: "flex-grow p-4 space-y-6 overflow-y-auto", children: [
       (l === ue.DRIVE || h) && /* @__PURE__ */ e(
-        Qn,
+        Xn,
         {
           users: i.users.filter((k) => k.permission !== "remove"),
           groups: i.groups.filter((k) => k.permission !== "remove"),
@@ -2836,7 +2836,7 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
             value: x
           }
         ) }),
-        /* @__PURE__ */ e(Se, { children: (m?.length > 0 || $) && /* @__PURE__ */ e(
+        /* @__PURE__ */ e(Se, { children: (m?.length > 0 || D) && /* @__PURE__ */ e(
           ie.div,
           {
             initial: { opacity: 0, y: -10 },
@@ -2844,9 +2844,9 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
             exit: { opacity: 0, y: -10 },
             transition: { duration: 0.2 },
             className: "absolute top-full mt-2 w-full col-span-3 bg-white border border-gray-300 rounded-lg shadow-lg z-10",
-            children: $ ? /* @__PURE__ */ e("div", { className: "p-4 text-center text-gray-500", children: "Loading..." }) : /* @__PURE__ */ n(te, { children: [
+            children: D ? /* @__PURE__ */ e("div", { className: "p-4 text-center text-gray-500", children: "Loading..." }) : /* @__PURE__ */ n(te, { children: [
               /* @__PURE__ */ e("div", { className: "max-h-60 overflow-y-auto p-2 space-y-1", children: m.map((k) => {
-                const R = D(k);
+                const R = S(k);
                 return /* @__PURE__ */ n(
                   "div",
                   {
@@ -2900,7 +2900,7 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
           }
         ) })
       ] }),
-      /* @__PURE__ */ e(Se, { children: C.length > 0 && /* @__PURE__ */ n(
+      /* @__PURE__ */ e(Se, { children: A.length > 0 && /* @__PURE__ */ n(
         ie.div,
         {
           initial: { opacity: 0, y: 20 },
@@ -2910,7 +2910,7 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
             /* @__PURE__ */ n("div", { className: "flex justify-between items-center", children: [
               /* @__PURE__ */ n("div", { className: "font-semibold text-gray-800", children: [
                 "Pending Invites (",
-                C.length,
+                A.length,
                 ")"
               ] }),
               l === ue.DRIVE && /* @__PURE__ */ e(
@@ -2941,7 +2941,7 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
                           {
                             value: k,
                             className: ({ active: R }) => `${R ? "text-white bg-blue-600" : "text-gray-900"} hover:cursor-pointer select-none relative py-2 pl-10`,
-                            children: ({ selected: R, active: j }) => /* @__PURE__ */ n(te, { children: [
+                            children: ({ selected: R, active: V }) => /* @__PURE__ */ n(te, { children: [
                               /* @__PURE__ */ n(
                                 "span",
                                 {
@@ -2950,7 +2950,7 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
                                     /* @__PURE__ */ e(
                                       k.icon,
                                       {
-                                        className: `h-5 w-5 mr-2 ${j ? "text-white" : "text-gray-400"}`
+                                        className: `h-5 w-5 mr-2 ${V ? "text-white" : "text-gray-400"}`
                                       }
                                     ),
                                     "Can ",
@@ -2975,7 +2975,7 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
                 }
               )
             ] }),
-            /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e(Se, { children: C.map((k, R) => /* @__PURE__ */ n(
+            /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e(Se, { children: A.map((k, R) => /* @__PURE__ */ n(
               ie.div,
               {
                 layout: !0,
@@ -3003,7 +3003,7 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
                     /* @__PURE__ */ e(
                       "button",
                       {
-                        onClick: () => S(R),
+                        onClick: () => C(R),
                         className: "text-gray-400 hover:text-red-500 hover:cursor-pointer",
                         children: /* @__PURE__ */ e(Be, { className: "h-5 w-5" })
                       }
@@ -3044,7 +3044,7 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
       ] })
     ] }) })
   ] });
-}, Kn = ({
+}, Zn = ({
   entity: t,
   //entire file or folder details
   onBack: a,
@@ -3055,22 +3055,22 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
 }) => {
   const [o, p] = P(l), [g, v] = P(0), [x, r] = P(""), N = wt(x, 300), m = {
     users: o.users.filter(
-      ($) => $.name.toLowerCase().includes(N.toLowerCase())
+      (D) => D.name.toLowerCase().includes(N.toLowerCase())
     ),
     groups: o.groups.filter(
-      ($) => $.name.toLowerCase().includes(N.toLowerCase())
+      (D) => D.name.toLowerCase().includes(N.toLowerCase())
     ),
     roles: o.roles.filter(
-      ($) => $.name.toLowerCase().includes(N.toLowerCase())
+      (D) => D.name.toLowerCase().includes(N.toLowerCase())
     )
-  }, y = ($, E) => {
-    console.log("[ManageFlow] Removing item:", { itemToRemove: $, listKey: E });
+  }, y = (D, E) => {
+    console.log("[ManageFlow] Removing item:", { itemToRemove: D, listKey: E });
     const L = {
       ...o,
-      [E]: o[E].filter((V) => V.id !== $.id)
+      [E]: o[E].filter((j) => j.id !== D.id)
     };
     p(L), console.log("[ManageFlow] Syncing updated shares with parent:", L), a(L, !0);
-  }, z = ["users", "groups", "roles"], T = ["Users", "Groups", "Roles"];
+  }, z = ["users", "groups", "roles"], $ = ["Users", "Groups", "Roles"];
   return (
     // The main structure remains the same...
     /* @__PURE__ */ n("div", { className: "flex flex-col h-full bg-gray-50", children: [
@@ -3098,7 +3098,7 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
       ] }),
       /* @__PURE__ */ e("div", { className: "flex flex-col flex-grow", children: /* @__PURE__ */ n(ne.Group, { selectedIndex: g, onChange: v, 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: T.map(($) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e(ne.List, { className: "flex space-x-1 bg-gray-100 p-1 rounded-lg", children: $.map((D) => /* @__PURE__ */ e(
             ne,
             {
               className: ({
@@ -3106,16 +3106,16 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
               }) => `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
                                        ${E ? "bg-white shadow text-blue-700" : "text-gray-600 hover:bg-white/[0.6]"}`,
-              children: $
+              children: D
             },
-            $
+            D
           )) }),
           /* @__PURE__ */ e("div", { className: "mt-4", children: /* @__PURE__ */ e(
             fe,
             {
               onDebouncedChange: r,
               value: x,
-              placeholder: `Search in ${T[g]}...`
+              placeholder: `Search in ${$[g]}...`
             }
           ) })
         ] }),
@@ -3126,11 +3126,11 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
             animate: { y: 0, opacity: 1 },
             exit: { y: -10, opacity: 0 },
             transition: { duration: 0.2 },
-            children: /* @__PURE__ */ e(ne.Panels, { as: Z, children: z.map(($) => /* @__PURE__ */ e(
+            children: /* @__PURE__ */ e(ne.Panels, { as: Z, children: z.map((D) => /* @__PURE__ */ e(
               ne.Panel,
               {
                 className: "space-y-3 focus:outline-none",
-                children: /* @__PURE__ */ e(Se, { children: m[$].length > 0 ? m[$].map((E) => /* @__PURE__ */ n(
+                children: /* @__PURE__ */ e(Se, { children: m[D].length > 0 ? m[D].map((E) => /* @__PURE__ */ n(
                   ie.div,
                   {
                     layout: !0,
@@ -3154,12 +3154,12 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
                         ),
                         /* @__PURE__ */ n("div", { className: "overflow-hidden", children: [
                           /* @__PURE__ */ e("p", { className: "font-medium text-gray-900 truncate", children: E.name }),
-                          $ !== "users" && /* @__PURE__ */ e(
+                          D !== "users" && /* @__PURE__ */ e(
                             "button",
                             {
                               onClick: () => i({
                                 id: E.id,
-                                type: $,
+                                type: D,
                                 name: E.name
                               }),
                               className: "text-sm text-blue-600 hover:underline hover:cursor-pointer",
@@ -3171,7 +3171,7 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
                       /* @__PURE__ */ e(
                         "button",
                         {
-                          onClick: () => y(E, $),
+                          onClick: () => y(E, D),
                           className: "text-gray-400 hover:text-red-500 hover:cursor-pointer p-1 rounded-full hover:bg-red-50",
                           title: "Remove access",
                           children: /* @__PURE__ */ e(Be, { className: "h-5 w-5" })
@@ -3192,16 +3192,16 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
                         /* @__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 ",
-                          T[g],
+                          $[g],
                           " Found"
                         ] }),
-                        /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-gray-500", children: x ? `No results for "${x}"` : `There are no ${T[g].toLowerCase()} with access.` })
+                        /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-gray-500", children: x ? `No results for "${x}"` : `There are no ${$[g].toLowerCase()} with access.` })
                       ]
                     }
                   )
                 ) })
               },
-              $
+              D
             )) })
           },
           g
@@ -3209,13 +3209,13 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
       ] }) })
     ] })
   );
-}, es = () => /* @__PURE__ */ n("div", { className: "flex items-center gap-4 p-4", children: [
+}, Kn = () => /* @__PURE__ */ n("div", { className: "flex items-center gap-4 p-4", children: [
   /* @__PURE__ */ e("div", { className: "h-10 w-10 rounded-full bg-gray-200 animate-pulse" }),
   /* @__PURE__ */ n("div", { className: "flex-grow space-y-2", children: [
     /* @__PURE__ */ e("div", { className: "h-4 w-3/5 rounded bg-gray-200 animate-pulse" }),
     /* @__PURE__ */ e("div", { className: "h-3 w-4/5 rounded bg-gray-200 animate-pulse" })
   ] })
-] }), ts = ({
+] }), es = ({
   entity: t,
   // { id, name,  type: "group" | "role" }
   onBack: a,
@@ -3238,7 +3238,7 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
     exit: { opacity: 0, x: -20 }
   }, N = () => l ? (
     // Show 5 skeleton items while loading
-    /* @__PURE__ */ e("div", { children: Array.from({ length: 5 }).map((m, y) => /* @__PURE__ */ e(es, {}, y)) })
+    /* @__PURE__ */ e("div", { children: Array.from({ length: 5 }).map((m, y) => /* @__PURE__ */ e(Kn, {}, y)) })
   ) : v.length === 0 ? /* @__PURE__ */ n(
     ie.div,
     {
@@ -3326,7 +3326,7 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
   INVITE: "invite",
   MANAGE: "manage",
   MEMBERS: "members"
-}, as = ({
+}, ts = ({
   existingShares: t = {
     users: [],
     groups: [],
@@ -3343,12 +3343,12 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
   allowedPermissions: p = [],
   ...g
 }) => {
-  const [v, x] = P(ge.INVITE), [r, N] = P(t), [m, y] = P(null), [z, T] = P(!1), [$, E] = P([]), [L, V] = P(ge.MANAGE), U = () => {
+  const [v, x] = P(ge.INVITE), [r, N] = P(t), [m, y] = P(null), [z, $] = P(!1), [D, E] = P([]), [L, j] = P(ge.MANAGE), U = () => {
     x(ge.INVITE), y(null), h();
   }, Y = () => {
     x(ge.MANAGE);
-  }, q = async ({ id: C, name: u, type: S }) => {
-    if (S === "groups") {
+  }, q = async ({ id: A, name: u, type: C }) => {
+    if (C === "groups") {
       try {
         const M = await Ze(`${Xe.getMembersForGroup(u)}`);
       } catch (M) {
@@ -3356,13 +3356,13 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
       }
       E(resp);
     }
-    y({ id: C, type: S, name: u }), V(v), x(ge.MEMBERS);
-  }, A = (C, u = !1) => {
-    console.log("changedExistingShares", C), N(C);
-    const S = it.mapValues(t, (b) => b.map((c) => ({ id: c.id, permission: c.permission })).sort((c, f) => c.id - f.id)), M = it.mapValues(C, (b) => b.map((c) => ({ id: c.id, permission: c.permission })).sort((c, f) => c.id - f.id));
-    console.log("Existing data:", S), console.log("Changed data:", M);
-    const O = !it.isEqual(S, M);
-    console.log("hasPermissionChanged:", O), T(O), O && (console.log("[AddUserGroupsRolesModal] Immediately syncing changes with parent"), s({ pendingInvites: [] }, C)), u && v === ge.MANAGE ? console.log("[AddUserGroupsRolesModal] Staying in ManageFlow after removal") : x(v === ge.MEMBERS ? L : ge.INVITE);
+    y({ id: A, type: C, name: u }), j(v), x(ge.MEMBERS);
+  }, T = (A, u = !1) => {
+    console.log("changedExistingShares", A), N(A);
+    const C = it.mapValues(t, (b) => b.map((c) => ({ id: c.id, permission: c.permission })).sort((c, f) => c.id - f.id)), M = it.mapValues(A, (b) => b.map((c) => ({ id: c.id, permission: c.permission })).sort((c, f) => c.id - f.id));
+    console.log("Existing data:", C), console.log("Changed data:", M);
+    const O = !it.isEqual(C, M);
+    console.log("hasPermissionChanged:", O), $(O), O && (console.log("[AddUserGroupsRolesModal] Immediately syncing changes with parent"), s({ pendingInvites: [] }, A)), u && v === ge.MANAGE ? console.log("[AddUserGroupsRolesModal] Staying in ManageFlow after removal") : x(v === ge.MEMBERS ? L : ge.INVITE);
   };
   return /* @__PURE__ */ e(be, { appear: !0, show: a, as: Z, children: /* @__PURE__ */ n(ye, { as: "div", className: "relative z-50", onClose: U, children: [
     /* @__PURE__ */ e("div", { className: "filter-modal-overlay", "aria-hidden": "true" }),
@@ -3378,10 +3378,10 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
               transition: { duration: 0.3, ease: "easeInOut" },
               className: "absolute top-0 left-0 w-full h-full",
               children: /* @__PURE__ */ e(
-                Kn,
+                Zn,
                 {
                   entity: i,
-                  onBack: A,
+                  onBack: T,
                   onClose: U,
                   onOpenMembers: q,
                   existingShares: r,
@@ -3402,14 +3402,14 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
               transition: { duration: 0.3, ease: "easeInOut" },
               className: "absolute top-0 left-0 w-full h-full",
               children: /* @__PURE__ */ e(
-                ts,
+                es,
                 {
                   entity: m,
-                  onBack: A,
+                  onBack: T,
                   onClose: U,
                   calledBy: l,
                   existingShares: r,
-                  members: $
+                  members: D
                 }
               )
             },
@@ -3425,7 +3425,7 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
               transition: { duration: 0.3, ease: "easeInOut" },
               className: "absolute top-0 left-0 w-full h-full",
               children: /* @__PURE__ */ e(
-                Zn,
+                Hn,
                 {
                   entity: i,
                   onManage: Y,
@@ -3433,8 +3433,8 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
                   existingShares: r,
                   calledBy: l,
                   showExistingShares: o,
-                  onFinalSubmit: (C) => {
-                    s(C, r);
+                  onFinalSubmit: (A) => {
+                    s(A, r);
                   },
                   isChanged: z
                 }
@@ -3472,30 +3472,30 @@ function at({
   getOptionId: m = (z) => String(z.id),
   getOptionLabel: y = (z) => z.name
 }) {
-  const z = He(), T = He(), [$, E] = P(""), L = he(""), V = ee(() => {
-    const C = /* @__PURE__ */ new Map();
-    for (const u of a) C.set(m(u), u);
-    return C;
-  }, [a, m]), U = ee(() => Array.isArray(s) ? s.map((C) => C && typeof C == "object" ? V.get(m(C)) || null : V.get(String(C))).filter(Boolean) : [], [s, V, m]), Y = ee(() => {
-    if (!$) return a;
-    const C = $.toLowerCase();
-    return a.filter((u) => y(u).toLowerCase().includes(C));
-  }, [a, $, y]);
+  const z = He(), $ = He(), [D, E] = P(""), L = he(""), j = ee(() => {
+    const A = /* @__PURE__ */ new Map();
+    for (const u of a) A.set(m(u), u);
+    return A;
+  }, [a, m]), U = ee(() => Array.isArray(s) ? s.map((A) => A && typeof A == "object" ? j.get(m(A)) || null : j.get(String(A))).filter(Boolean) : [], [s, j, m]), Y = ee(() => {
+    if (!D) return a;
+    const A = D.toLowerCase();
+    return a.filter((u) => y(u).toLowerCase().includes(A));
+  }, [a, D, y]);
   K(() => {
-    v === "server" && $.length >= N && $ !== L.current && (L.current = $, x && x($));
-  }, [$, v, N, x]);
-  const q = v === "client" ? Y : a, A = () => {
+    v === "server" && D.length >= N && D !== L.current && (L.current = D, x && x(D));
+  }, [D, v, N, x]);
+  const q = v === "client" ? Y : a, T = () => {
     if (!U.length)
       return /* @__PURE__ */ e("span", { className: "text-gray-500", children: h });
-    const C = U.slice(0, p), u = U.length - p;
+    const A = U.slice(0, p), u = U.length - p;
     return /* @__PURE__ */ n("div", { className: "flex flex-wrap gap-2", children: [
-      C.map((S) => /* @__PURE__ */ e(
+      A.map((C) => /* @__PURE__ */ e(
         "span",
         {
           className: "px-2 py-1 text-xs font-medium text-white bg-gray-800 rounded-full",
-          children: y(S)
+          children: y(C)
         },
-        m(S)
+        m(C)
       )),
       u > 0 && /* @__PURE__ */ n("span", { className: "px-2 py-1 text-xs font-medium text-gray-600 bg-gray-200 rounded-full", children: [
         "+",
@@ -3504,10 +3504,10 @@ function at({
       ] })
     ] });
   };
-  return /* @__PURE__ */ e(le, { value: U, onChange: (C) => {
-    const u = Array.from(new Set(C.map((S) => m(S))));
+  return /* @__PURE__ */ e(le, { value: U, onChange: (A) => {
+    const u = Array.from(new Set(A.map((C) => m(C))));
     g !== -1 && u.length > g || i(u);
-  }, multiple: !0, by: "id", children: ({ open: C }) => /* @__PURE__ */ n("div", { children: [
+  }, multiple: !0, by: "id", children: ({ open: A }) => /* @__PURE__ */ n("div", { children: [
     /* @__PURE__ */ e(
       le.Label,
       {
@@ -3522,14 +3522,14 @@ function at({
         {
           "aria-labelledby": z,
           "aria-invalid": !!o,
-          "aria-describedby": o ? T : void 0,
+          "aria-describedby": o ? $ : void 0,
           onBlur: l,
           className: qe(
             "relative w-full min-h-[38px] cursor-default rounded-md bg-white py-1.5 pl-3 pr-10 text-left text-gray-900 shadow-sm ring-1 ring-inset focus:outline-none focus:ring-2 focus:ring-gray-600 sm:text-sm sm:leading-6",
             o ? "ring-red-500" : "ring-gray-300"
           ),
           children: [
-            /* @__PURE__ */ e("span", { className: "block truncate", children: A() }),
+            /* @__PURE__ */ e("span", { className: "block truncate", children: T() }),
             /* @__PURE__ */ e("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ e(Qt, { className: "w-5 h-5 text-gray-400", "aria-hidden": "true" }) })
           ]
         }
@@ -3538,7 +3538,7 @@ function at({
         be,
         {
           as: Z,
-          show: C,
+          show: A,
           leave: "transition ease-in duration-100",
           leaveFrom: "opacity-100",
           leaveTo: "opacity-0",
@@ -3546,14 +3546,14 @@ function at({
             /* @__PURE__ */ e("div", { className: "p-2 sticky top-0 bg-white z-20 shadow-sm", children: /* @__PURE__ */ e(
               fe,
               {
-                value: $,
+                value: D,
                 onDebouncedChange: E,
                 placeholder: v === "server" ? `Search (min ${N})…` : "Search options…"
               }
             ) }),
             v === "server" && r && /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: "Loading…" }),
-            q.length === 0 && !r ? /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: v === "server" ? $.length < N ? `Type at least ${N} characters to search.` : "No results." : "No options found." }) : q.map((u) => {
-              const S = m(u), M = y(u), O = U.some((c) => m(c) === S), b = g !== -1 && U.length >= g && !O;
+            q.length === 0 && !r ? /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: v === "server" ? D.length < N ? `Type at least ${N} characters to search.` : "No results." : "No options found." }) : q.map((u) => {
+              const C = m(u), M = y(u), O = U.some((c) => m(c) === C), b = g !== -1 && U.length >= g && !O;
               return /* @__PURE__ */ e(
                 le.Option,
                 {
@@ -3586,13 +3586,13 @@ function at({
                     )
                   ] })
                 },
-                S
+                C
               );
             })
           ] })
         }
       ),
-      o && /* @__PURE__ */ e("p", { id: T, className: "mt-1 text-sm text-red-600", children: o })
+      o && /* @__PURE__ */ e("p", { id: $, className: "mt-1 text-sm text-red-600", children: o })
     ] })
   ] }) });
 }
@@ -3638,7 +3638,7 @@ at.defaultProps = {
   getOptionId: (t) => String(t.id),
   getOptionLabel: (t) => t.name
 };
-const _l = ({
+const jl = ({
   isOpen: t = !1,
   setIsOpen: a,
   content: s,
@@ -3661,7 +3661,7 @@ const _l = ({
       className: "relative z-50 overflow-y-auto",
       children: [
         /* @__PURE__ */ e(
-          Gr,
+          Ur,
           {
             className: "fixed inset-0 bg-black/30",
             onClick: g
@@ -3721,7 +3721,7 @@ const _l = ({
     }
   );
 };
-function rs({ listeners: t = {}, attributes: a = {} }) {
+function as({ listeners: t = {}, attributes: a = {} }) {
   return /* @__PURE__ */ e(
     "button",
     {
@@ -3735,7 +3735,7 @@ function rs({ listeners: t = {}, attributes: a = {} }) {
     }
   );
 }
-function ns({
+function rs({
   node: t,
   depth: a,
   expanded: s,
@@ -3750,11 +3750,11 @@ function ns({
   dropId: x,
   indent: r = 24
 }) {
-  const { setNodeRef: N, isOver: m } = rr({ id: x }), { attributes: y, listeners: z, setNodeRef: T, transform: $, isDragging: E } = nr({ id: v }), L = $ ? { transform: `translate3d(${Math.round($.x)}px, ${Math.round($.y)}px, 0)` } : void 0, [V, U] = P(!1), [Y, q] = P(t.name), A = () => {
-    const C = Y.trim();
-    U(!1), C && C !== t.name ? o?.(t, C) : q(t.name);
+  const { setNodeRef: N, isOver: m } = rr({ id: x }), { attributes: y, listeners: z, setNodeRef: $, transform: D, isDragging: E } = nr({ id: v }), L = D ? { transform: `translate3d(${Math.round(D.x)}px, ${Math.round(D.y)}px, 0)` } : void 0, [j, U] = P(!1), [Y, q] = P(t.name), T = () => {
+    const A = Y.trim();
+    U(!1), A && A !== t.name ? o?.(t, A) : q(t.name);
   }, _ = ee(() => /* @__PURE__ */ e(
-    Ln,
+    Pn,
     {
       options: [
         { action: "create", label: "Create sub-folder" },
@@ -3772,26 +3772,26 @@ function ns({
       ref: N,
       className: `tv-row ${m ? "tv-drop-over" : ""} ${E ? "dragging" : ""}`,
       style: { ...L, paddingLeft: 8 + a * r },
-      onClick: (C) => {
-        C.target.closest(".tv-toggle") || C.target.tagName === "INPUT" || l?.(t);
+      onClick: (A) => {
+        A.target.closest(".tv-toggle") || A.target.tagName === "INPUT" || l?.(t);
       },
       children: [
         /* @__PURE__ */ e("button", { className: "tv-toggle", onClick: i, "aria-label": "toggle", children: t.children?.length ? s ? /* @__PURE__ */ e(yt, { size: 16 }) : /* @__PURE__ */ e(xe, { size: 16 }) : /* @__PURE__ */ e("span", { className: "tv-spacer" }) }),
         /* @__PURE__ */ e(Ve, { size: 16, className: "tv-folder-ic" }),
-        /* @__PURE__ */ e("div", { className: "tv-name", ref: T, children: V ? /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "tv-name", ref: $, children: j ? /* @__PURE__ */ e(
           "input",
           {
             className: "tv-input",
             value: Y,
-            onChange: (C) => q(C.target.value),
-            onBlur: A,
-            onKeyDown: (C) => {
-              C.key === "Enter" && A(), C.key === "Escape" && (U(!1), q(t.name));
+            onChange: (A) => q(A.target.value),
+            onBlur: T,
+            onKeyDown: (A) => {
+              A.key === "Enter" && T(), A.key === "Escape" && (U(!1), q(t.name));
             },
             autoFocus: !0
           }
         ) : /* @__PURE__ */ e("span", { onDoubleClick: () => U(!0), children: t.name }) }),
-        /* @__PURE__ */ e(rs, { listeners: z, attributes: y }),
+        /* @__PURE__ */ e(as, { listeners: z, attributes: y }),
         /* @__PURE__ */ e("div", { className: "tv-actions", children: g ? g(t, {
           onCreateChild: () => h?.(t),
           onRename: () => U(!0),
@@ -3801,8 +3801,8 @@ function ns({
     }
   );
 }
-const ss = (t) => String(t.id ?? t._id), ls = (t) => t.parent !== void 0 ? String(t.parent) : t.parentId != null ? String(t.parentId) : "root", is = (t) => t.name ?? t.label ?? "", os = (t) => Array.isArray(t) && t.some((a) => Array.isArray(a.children));
-function cs(t, { rootId: a, getId: s, getParent: i, getName: l }) {
+const ns = (t) => String(t.id ?? t._id), ss = (t) => t.parent !== void 0 ? String(t.parent) : t.parentId != null ? String(t.parentId) : "root", ls = (t) => t.name ?? t.label ?? "", is = (t) => Array.isArray(t) && t.some((a) => Array.isArray(a.children));
+function os(t, { rootId: a, getId: s, getParent: i, getName: l }) {
   const h = /* @__PURE__ */ new Map();
   t.forEach((p) => {
     const g = s(p);
@@ -3820,7 +3820,7 @@ function cs(t, { rootId: a, getId: s, getParent: i, getName: l }) {
     g !== a && h.has(g) ? h.get(g).children.push(p) : o.push(p);
   }), { roots: o, byId: h };
 }
-function ds(t, { rootId: a, getId: s, getName: i }) {
+function cs(t, { rootId: a, getId: s, getName: i }) {
   const l = /* @__PURE__ */ new Map();
   function h(p, g) {
     const v = s(p), x = {
@@ -3835,7 +3835,7 @@ function ds(t, { rootId: a, getId: s, getName: i }) {
   return { roots: t.map((p) => h(p, null)), byId: l };
 }
 const Pe = (t) => t.map((a) => ({ ...a, children: Pe(a.children || []) }));
-function ms(t, a) {
+function ds(t, a) {
   let s = null;
   function i(h) {
     return h.map((o) => {
@@ -3850,7 +3850,7 @@ function ms(t, a) {
   }
   return { newRoots: i(t), removed: s };
 }
-function us(t, a, s) {
+function ms(t, a, s) {
   function i(l) {
     return l.map((h) => {
       if (h.id === a)
@@ -3874,13 +3874,13 @@ function ya(t, a, s = null) {
   }
   return null;
 }
-function Ul({
+function _l({
   data: t = [],
   rootId: a = "root",
   title: s = "Folders",
-  getId: i = ss,
-  getParent: l = ls,
-  getName: h = is,
+  getId: i = ns,
+  getParent: l = ss,
+  getName: h = ls,
   onSelect: o,
   onCreateRoot: p,
   onCreateChild: g,
@@ -3892,42 +3892,42 @@ function Ul({
   // ← allow root moves by default now
   indentUnit: y = 24
 }) {
-  const { roots: z } = ee(() => os(t) ? ds(t, { rootId: a, getId: i, getName: h }) : cs(
+  const { roots: z } = ee(() => is(t) ? cs(t, { rootId: a, getId: i, getName: h }) : os(
     t.map((b) => ({ ...b })),
     { rootId: a, getId: i, getParent: l, getName: h }
-  ), [t, a, i, l, h]), [T, $] = P({}), E = H((b) => {
+  ), [t, a, i, l, h]), [$, D] = P({}), E = H((b) => {
     const c = {};
     return (function f(w) {
-      w.forEach((D) => {
-        c[D.id] = !0, D.children?.length && f(D.children);
+      w.forEach((S) => {
+        c[S.id] = !0, S.children?.length && f(S.children);
       });
     })(b), c;
   }, []);
   ae.useEffect(() => {
-    $(E(z));
+    D(E(z));
   }, [z, E]);
   const L = H(
-    (b) => $((c) => ({ ...c, [b]: !c[b] })),
+    (b) => D((c) => ({ ...c, [b]: !c[b] })),
     []
-  ), [V, U] = P(() => Pe(z));
+  ), [j, U] = P(() => Pe(z));
   ae.useEffect(() => U(Pe(z)), [z]);
   const Y = sr(
     lr(dr, { activationConstraint: { delay: 250, tolerance: 5 } })
-  ), q = he(null), [A, _] = P(null), C = he(0), u = () => {
-  }, S = ({ delta: b }) => {
-    C.current = b?.x ?? 0;
+  ), q = he(null), [T, _] = P(null), A = he(0), u = () => {
+  }, C = ({ delta: b }) => {
+    A.current = b?.x ?? 0;
   }, M = H(
     ({ active: b, over: c }) => {
-      const f = C.current;
-      if (C.current = 0, _(null), !b || !c) return;
-      const w = String(b.id).replace(/^drag-/, ""), D = String(c.id).replace(/^drop-/, "");
-      if (!w || !D || w === D) return;
-      let I = D;
+      const f = A.current;
+      if (A.current = 0, _(null), !b || !c) return;
+      const w = String(b.id).replace(/^drag-/, ""), S = String(c.id).replace(/^drop-/, "");
+      if (!w || !S || w === S) return;
+      let I = S;
       const k = Math.max(0, Math.floor(-f / y));
       if (k > 0) {
-        let W = D;
+        let W = S;
         for (let pe = 0; pe < k; pe++) {
-          const Ne = ya(V, W, null);
+          const Ne = ya(j, W, null);
           if (!Ne) break;
           if (!Ne.parentId) {
             I = a;
@@ -3940,20 +3940,20 @@ function Ul({
         U(Pe(z));
         return;
       }
-      const R = Pe(V), { newRoots: j, removed: F } = ms(R, w);
+      const R = Pe(j), { newRoots: V, removed: F } = ds(R, w);
       if (!F) return;
-      const G = us(j, I, F);
+      const G = ms(V, I, F);
       U(G), r?.({ sourceId: w, destParentId: I, newTree: G });
     },
-    [V, z, a, m, y, r]
+    [j, z, a, m, y, r]
   ), O = H(
     (b, c = 0) => b.map((f) => /* @__PURE__ */ n(ae.Fragment, { children: [
       /* @__PURE__ */ e(
-        ns,
+        rs,
         {
           node: f,
           depth: c,
-          expanded: !!T[f.id],
+          expanded: !!$[f.id],
           onToggle: () => L(f.id),
           onSelect: o,
           onCreateChild: g,
@@ -3965,23 +3965,23 @@ function Ul({
           indent: y
         }
       ),
-      T[f.id] && f.children?.length > 0 ? O(f.children, c + 1) : null
+      $[f.id] && f.children?.length > 0 ? O(f.children, c + 1) : null
     ] }, f.id)),
-    [T, y, g, x, v, o, N, L]
+    [$, y, g, x, v, o, N, L]
   );
   return ae.useMemo(() => {
-    if (!A) return null;
-    const b = String(A).replace(/^drag-/, "");
+    if (!T) return null;
+    const b = String(T).replace(/^drag-/, "");
     function c(f) {
       for (const w of f) {
         if (w.id === b) return w;
-        const D = w.children?.length ? c(w.children) : null;
-        if (D) return D;
+        const S = w.children?.length ? c(w.children) : null;
+        if (S) return S;
       }
       return null;
     }
-    return c(V);
-  }, [A, V]), /* @__PURE__ */ n("div", { className: "tv", children: [
+    return c(j);
+  }, [T, j]), /* @__PURE__ */ n("div", { className: "tv", children: [
     s !== !1 && /* @__PURE__ */ n("div", { className: "tv-header", children: [
       /* @__PURE__ */ e("div", { className: "tv-title", children: s }),
       /* @__PURE__ */ e("button", { className: "tv-btn", onClick: p, children: "+ New folder" })
@@ -3997,10 +3997,10 @@ function Ul({
         collisionDetection: cr,
         sensors: Y,
         onDragStart: u,
-        onDragMove: S,
+        onDragMove: C,
         onDragEnd: M,
         modifiers: [or],
-        children: /* @__PURE__ */ e("div", { ref: q, className: "tv-list", children: O(V, 0) })
+        children: /* @__PURE__ */ e("div", { ref: q, className: "tv-list", children: O(j, 0) })
       }
     )
   ] });
@@ -4008,7 +4008,7 @@ function Ul({
 function ze(...t) {
   return t.filter(Boolean).join(" ");
 }
-const Gl = ({
+const Ul = ({
   tabs: t = [],
   keepMounted: a = !0,
   orientation: s = "horizontal",
@@ -4037,11 +4037,11 @@ const Gl = ({
     ] })
   ) });
 };
-function ql(t, a = "YYYY-MM-DD HH:mm:ss") {
+function Gl(t, a = "YYYY-MM-DD HH:mm:ss") {
   return t ? (t.endsWith("Z") || /[+\-]\d{2}:?\d{2}$/.test(t) ? St.parseZone(t) : St.utc(t)).local().format(a) : null;
 }
 d.string;
-function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
+function us({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
   console.log(t);
   const [l, h] = ae.useState(t), [o, p] = ae.useState(() => {
     const r = a && a[t.key] || {};
@@ -4373,7 +4373,7 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         }
       ) }),
       r.fieldtype === "daterange" && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        Dn,
+        Sn,
         {
           label: r.label,
           value: o[r.key] || { from: null, to: null },
@@ -4543,7 +4543,7 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       ] }),
       r.fieldtype === "managecollectionlist" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
-          vs,
+          xs,
           {
             endpoints: r.endpoints || {},
             initialData: o[r.key] || r.initialData || [],
@@ -4575,23 +4575,23 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
     ] }, N)) })
   ] }) });
 }
-const ps = ({ children: t }) => /* @__PURE__ */ e("div", { className: "flex -space-x-2", children: t });
-function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
+const hs = ({ children: t }) => /* @__PURE__ */ e("div", { className: "flex -space-x-2", children: t });
+function ps({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
   console.log(`[DynamicConfig/DataTableRenderer] Component loaded for section: ${t.key}`);
   const [l, h] = P(t), [o, p] = P(null), [g, v] = P(null);
   console.log(`[DataTableRenderer] ${l.key} - Received props:`, { item: t, initialData: a });
   const [x, r] = P(() => {
     const u = a && a[l.key] || [];
-    let S;
-    return u.length > 0 ? S = u.map((M, O) => ({
+    let C;
+    return u.length > 0 ? C = u.map((M, O) => ({
       ...M,
       id: M.id !== void 0 ? M.id : O
-    })) : S = [{ id: 0 }], console.log(`[DataTableRenderer] ${l.key} - Initial data:`, S), S;
+    })) : C = [{ id: 0 }], console.log(`[DataTableRenderer] ${l.key} - Initial data:`, C), C;
   }), N = he(a), m = he(null);
   K(() => {
-    const u = a && a[l.key] || [], S = m.current;
-    if (JSON.stringify(u) !== JSON.stringify(S)) {
-      console.log(`[DataTableRenderer] ${l.key} - Section data changed`), console.log(`[DataTableRenderer] ${l.key} - Previous:`, S), console.log(`[DataTableRenderer] ${l.key} - Current:`, u), N.current = a, m.current = u;
+    const u = a && a[l.key] || [], C = m.current;
+    if (JSON.stringify(u) !== JSON.stringify(C)) {
+      console.log(`[DataTableRenderer] ${l.key} - Section data changed`), console.log(`[DataTableRenderer] ${l.key} - Previous:`, C), console.log(`[DataTableRenderer] ${l.key} - Current:`, u), N.current = a, m.current = u;
       let O;
       u.length > 0 ? O = u.map((b, c) => ({
         ...b,
@@ -4599,16 +4599,16 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       })) : O = [{ id: 0 }], console.log(`[DataTableRenderer] ${l.key} - Setting new data:`, O), r(O);
     }
   }, [a, l.key]);
-  const y = he(x), z = he(null), T = he(!1);
+  const y = he(x), z = he(null), $ = he(!1);
   K(() => {
-    y.current !== x && s && typeof s == "function" && (y.current = x, z.current && clearTimeout(z.current), T.current ? (console.log("[DataTableRenderer] Executing immediate update for audience change"), T.current = !1, s(l.key, x)) : z.current = setTimeout(() => {
+    y.current !== x && s && typeof s == "function" && (y.current = x, z.current && clearTimeout(z.current), $.current ? (console.log("[DataTableRenderer] Executing immediate update for audience change"), $.current = !1, s(l.key, x)) : z.current = setTimeout(() => {
       s(l.key, x);
     }, 300));
   }, [l.key, x, s]), K(() => () => {
     z.current && clearTimeout(z.current);
   }, []);
-  const $ = (u) => {
-    const S = (b, c) => {
+  const D = (u) => {
+    const C = (b, c) => {
       console.log("[DataTableRenderer] updateFieldValue called with:", { rowIndex: b, value: c, type: typeof c }), r((f) => {
         const w = [...f];
         return w[b][u.key] = c, w;
@@ -4624,7 +4624,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             X,
             {
               value: b[u.key] || "",
-              onChange: (f) => S(c, f.target.value),
+              onChange: (f) => C(c, f.target.value),
               placeholder: u.placeholder || `Enter ${u.label}`,
               required: u.required,
               className: `w-full ${M(c) ? "border-red-500" : ""}`
@@ -4638,7 +4638,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             ca,
             {
               value: b[u.key] || "",
-              onChange: (f) => S(c, f.target.value),
+              onChange: (f) => C(c, f.target.value),
               placeholder: u.placeholder || `Enter ${u.label}`,
               required: u.required,
               className: `w-full ${M(c) ? "border-red-500" : ""}`,
@@ -4657,12 +4657,12 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               min: u.min,
               max: u.max,
               step: u.step,
-              onChange: (f) => S(c, f.target.value),
+              onChange: (f) => C(c, f.target.value),
               onBlur: (f) => {
                 const w = f.target.value;
                 if (w !== "" && w !== null && w !== void 0) {
-                  const D = Number(w);
-                  isNaN(D) || (u.min !== void 0 && D < u.min ? (f.target.setCustomValidity(`${u.label} must be at least ${u.min}`), f.target.reportValidity()) : u.max !== void 0 && D > u.max ? (f.target.setCustomValidity(`${u.label} must not exceed ${u.max}`), f.target.reportValidity()) : f.target.setCustomValidity(""));
+                  const S = Number(w);
+                  isNaN(S) || (u.min !== void 0 && S < u.min ? (f.target.setCustomValidity(`${u.label} must be at least ${u.min}`), f.target.reportValidity()) : u.max !== void 0 && S > u.max ? (f.target.setCustomValidity(`${u.label} must not exceed ${u.max}`), f.target.reportValidity()) : f.target.setCustomValidity(""));
                 }
               },
               placeholder: u.placeholder || `Enter ${u.label}`,
@@ -4687,7 +4687,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             {
               type: "email",
               value: b[u.key] || "",
-              onChange: (f) => S(c, f.target.value),
+              onChange: (f) => C(c, f.target.value),
               placeholder: u.placeholder || "Enter email address",
               required: u.required,
               className: `w-full ${M(c) ? "border-red-500" : ""}`
@@ -4702,7 +4702,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             {
               type: "url",
               value: b[u.key] || "",
-              onChange: (f) => S(c, f.target.value),
+              onChange: (f) => C(c, f.target.value),
               placeholder: u.placeholder || "Enter URL",
               required: u.required,
               className: `w-full ${M(c) ? "border-red-500" : ""}`
@@ -4717,7 +4717,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             {
               type: "password",
               value: b[u.key] || "",
-              onChange: (f) => S(c, f.target.value),
+              onChange: (f) => C(c, f.target.value),
               placeholder: u.placeholder || "Enter password",
               required: u.required,
               className: `w-full ${M(c) ? "border-red-500" : ""}`
@@ -4732,7 +4732,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             pt,
             {
               value: b[u.key] || "",
-              onChange: (f) => S(c, f),
+              onChange: (f) => C(c, f),
               options: u.options || [],
               placeholder: u.placeholder || `Select ${u.label}`,
               required: u.required,
@@ -4745,11 +4745,11 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         return (b, c) => {
           const f = () => {
             if (u.optionsFrom && a) {
-              const { config: w, valueField: D, labelField: I } = u.optionsFrom, k = a[w] || [];
+              const { config: w, valueField: S, labelField: I } = u.optionsFrom, k = a[w] || [];
               if (Array.isArray(k))
                 return k.map((R) => ({
-                  id: R[D] || "",
-                  value: R[D] || "",
+                  id: R[S] || "",
+                  value: R[S] || "",
                   label: R[I] || ""
                 }));
             }
@@ -4761,7 +4761,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               {
                 index: c,
                 value: b[u.key] || "",
-                onChange: (w) => S(c, w),
+                onChange: (w) => C(c, w),
                 options: f(),
                 placeholder: u.placeholder || `Select ${u.label}`,
                 required: u.required,
@@ -4779,7 +4779,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             at,
             {
               selectedItems: f,
-              onSelectionChange: (w) => S(c, w),
+              onSelectionChange: (w) => C(c, w),
               options: u.options || [],
               placeholder: u.placeholder || `Select ${u.label}`,
               className: "w-full"
@@ -4792,7 +4792,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           mt,
           {
             checked: !!b[u.key],
-            onChange: (f) => S(c, f),
+            onChange: (f) => C(c, f),
             label: u.placeholder || u.label,
             className: "w-full"
           }
@@ -4803,7 +4803,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           da,
           {
             isOn: !!b[u.key],
-            onToggle: (f) => S(c, f),
+            onToggle: (f) => C(c, f),
             label: u.placeholder || u.label,
             className: "w-full"
           }
@@ -4813,7 +4813,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           sa,
           {
             selectedDate: b[u.key] ? new Date(b[u.key]) : null,
-            onDateChange: (f) => S(c, f ? f.toISOString().split("T")[0] : ""),
+            onDateChange: (f) => C(c, f ? f.toISOString().split("T")[0] : ""),
             placeholder: u.placeholder || "Select date",
             className: "w-full"
           }
@@ -4824,7 +4824,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           {
             type: "datetime-local",
             value: b[u.key] || "",
-            onChange: (f) => S(c, f.target.value),
+            onChange: (f) => C(c, f.target.value),
             placeholder: u.placeholder || "Select date and time",
             required: u.required,
             className: "w-full"
@@ -4836,7 +4836,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           {
             type: "time",
             value: b[u.key] || "",
-            onChange: (f) => S(c, f.target.value),
+            onChange: (f) => C(c, f.target.value),
             placeholder: u.placeholder || "Select time",
             required: u.required,
             className: "w-full"
@@ -4847,7 +4847,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           la,
           {
             selectedValue: b[u.key] || "",
-            onValueChange: (f) => S(c, f),
+            onValueChange: (f) => C(c, f),
             options: u.options || [],
             className: "w-full"
           }
@@ -4857,7 +4857,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           fe,
           {
             value: b[u.key] || "",
-            onChange: (f) => S(c, f),
+            onChange: (f) => C(c, f),
             placeholder: u.placeholder || `Search ${u.label}`,
             className: "w-full"
           }
@@ -4870,12 +4870,12 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             ...f.roles || []
           ];
           return /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ e(ps, { children: w.length > 0 ? w.slice(0, 3).map((D, I) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e(hs, { children: w.length > 0 ? w.slice(0, 3).map((S, I) => /* @__PURE__ */ e(
               we,
               {
                 size: "small",
-                name: D.name || D.displayName || D.id,
-                src: D.avatarUrl
+                name: S.name || S.displayName || S.id,
+                src: S.avatarUrl
               },
               I
             )) : null }),
@@ -4897,7 +4897,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           {
             type: "color",
             value: b[u.key] || "#000000",
-            onChange: (f) => S(c, f.target.value),
+            onChange: (f) => C(c, f.target.value),
             className: "w-full h-10"
           }
         );
@@ -4908,7 +4908,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             {
               type: "range",
               value: b[u.key] || u.min || 0,
-              onChange: (f) => S(c, f.target.value),
+              onChange: (f) => C(c, f.target.value),
               min: u.min || 0,
               max: u.max || 100,
               step: u.step || 1,
@@ -4924,7 +4924,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             type: "file",
             onChange: (f) => {
               const w = f.target.files[0];
-              S(c, w ? w.name : "");
+              C(c, w ? w.name : "");
             },
             accept: u.accept,
             className: "w-full"
@@ -4936,7 +4936,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           {
             type: "hidden",
             value: b[u.key] || "",
-            onChange: (f) => S(c, f.target.value)
+            onChange: (f) => C(c, f.target.value)
           }
         );
       // Default fallback for unknown field types
@@ -4946,7 +4946,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             X,
             {
               value: b[u.key] || "",
-              onChange: (f) => S(c, f.target.value),
+              onChange: (f) => C(c, f.target.value),
               placeholder: u.placeholder || `Enter ${u.label}`,
               required: u.required,
               className: `w-full ${M(c) ? "border-red-500" : ""}`
@@ -4969,42 +4969,42 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       return console.log("[DataTableRenderer] Updated data:", b), b;
     });
   }, [l.fields]), L = H((u) => {
-    r((S) => {
-      if (S.length <= 1)
-        return S;
-      const M = [...S];
+    r((C) => {
+      if (C.length <= 1)
+        return C;
+      const M = [...C];
       return M.splice(u, 1), M;
     });
-  }, []), [V, U] = P(null), Y = H((u, S) => {
-    U(S), u.dataTransfer.effectAllowed = "move", u.dataTransfer.setData("text/html", "");
+  }, []), [j, U] = P(null), Y = H((u, C) => {
+    U(C), u.dataTransfer.effectAllowed = "move", u.dataTransfer.setData("text/html", "");
   }, []), q = H((u) => {
     u.preventDefault(), u.dataTransfer.dropEffect = "move";
-  }, []), A = H((u, S) => {
-    u.preventDefault(), !(V === null || V === S) && (r((M) => {
-      const O = [...M], b = O[V];
-      return O.splice(V, 1), O.splice(S, 0, b), O;
+  }, []), T = H((u, C) => {
+    u.preventDefault(), !(j === null || j === C) && (r((M) => {
+      const O = [...M], b = O[j];
+      return O.splice(j, 1), O.splice(C, 0, b), O;
     }), U(null));
-  }, [V]), _ = H(() => {
+  }, [j]), _ = H(() => {
     U(null);
-  }, []), C = H((u, S) => {
-    console.log("[DataTableRenderer] handleAddAudience called with:", { selectedEntities: u, existingShares: S }), r((O) => {
+  }, []), A = H((u, C) => {
+    console.log("[DataTableRenderer] handleAddAudience called with:", { selectedEntities: u, existingShares: C }), r((O) => {
       const b = [...O];
       if (o !== null && g && b[o]) {
         const c = u?.pendingInvites || [];
         if (c.length > 0) {
           console.log("[DataTableRenderer] Adding new pending invites:", c);
-          const f = c.filter((k) => k.type === "User"), w = c.filter((k) => k.type === "Group"), D = c.filter((k) => k.type === "Role"), I = b[o][g] || { users: [], groups: [], roles: [] };
+          const f = c.filter((k) => k.type === "User"), w = c.filter((k) => k.type === "Group"), S = c.filter((k) => k.type === "Role"), I = b[o][g] || { users: [], groups: [], roles: [] };
           b[o][g] = {
             users: [...I.users || [], ...f],
             groups: [...I.groups || [], ...w],
-            roles: [...I.roles || [], ...D]
+            roles: [...I.roles || [], ...S]
           }, console.log("[DataTableRenderer] Added new audience members:", b[o][g]);
-        } else S && (console.log("[DataTableRenderer] Updating audience from ManageFlow with existing shares:", S), b[o][g] = {
-          users: S.users || [],
-          groups: S.groups || [],
-          roles: S.roles || []
+        } else C && (console.log("[DataTableRenderer] Updating audience from ManageFlow with existing shares:", C), b[o][g] = {
+          users: C.users || [],
+          groups: C.groups || [],
+          roles: C.roles || []
         }, console.log("[DataTableRenderer] Updated audience from ManageFlow:", b[o][g]));
-        console.log("[DataTableRenderer] Final audience data:", b[o][g]), T.current = !0;
+        console.log("[DataTableRenderer] Final audience data:", b[o][g]), $.current = !0;
       }
       return b;
     }), (u?.pendingInvites || []).length > 0 && (p(null), v(null));
@@ -5027,32 +5027,32 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
     /* @__PURE__ */ e("div", { className: "overflow-x-auto", children: /* @__PURE__ */ n("table", { className: "min-w-full bg-white border border-gray-300", style: { marginBottom: "20px" }, children: [
       /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ n("tr", { className: "bg-gray-50", children: [
         /* @__PURE__ */ e("th", { className: "px-4 py-2 w-10" }),
-        l.fields.map((u, S) => /* @__PURE__ */ e(
+        l.fields.map((u, C) => /* @__PURE__ */ e(
           "th",
           {
             className: "px-4 py-2 text-left text-sm font-medium text-gray-700",
             children: u.label || u.key
           },
-          S
+          C
         )),
         /* @__PURE__ */ e("th", { className: "px-4 py-2 w-16" })
       ] }) }),
-      /* @__PURE__ */ e("tbody", { children: x.map((u, S) => /* @__PURE__ */ n(
+      /* @__PURE__ */ e("tbody", { children: x.map((u, C) => /* @__PURE__ */ n(
         "tr",
         {
-          className: `hover:bg-gray-50 ${V === S ? "opacity-50" : ""}`,
+          className: `hover:bg-gray-50 ${j === C ? "opacity-50" : ""}`,
           draggable: !0,
-          onDragStart: (M) => Y(M, S),
+          onDragStart: (M) => Y(M, C),
           onDragOver: q,
-          onDrop: (M) => A(M, S),
+          onDrop: (M) => T(M, C),
           onDragEnd: _,
           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(xt, { size: 16 }) }) }),
-            l.fields.map((M, O) => /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: $(M)(u, S) }, O)),
+            l.fields.map((M, O) => /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: D(M)(u, C) }, O)),
             /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: /* @__PURE__ */ e(
               "button",
               {
-                onClick: () => L(S),
+                onClick: () => L(C),
                 className: "text-red-500 hover:text-red-700",
                 title: "Delete row",
                 children: /* @__PURE__ */ e(mr, { size: 16 })
@@ -5060,7 +5060,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             ) })
           ]
         },
-        S
+        C
       )) })
     ] }) }),
     o !== null && (() => {
@@ -5070,13 +5070,13 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         roles: x[o][g].roles || []
       } : { users: [], groups: [], roles: [] };
       return console.log("[DataTableRenderer] Opening modal with existing data:", u), console.log("[DataTableRenderer] Row data:", x[o]), console.log("[DataTableRenderer] Field name:", g), /* @__PURE__ */ e(
-        as,
+        ts,
         {
           isOpen: !0,
           onClose: () => {
             p(null), v(null);
           },
-          onFinalSubmit: C,
+          onFinalSubmit: A,
           existingShares: u,
           allowedPermissions: ["view", "remove"]
         }
@@ -5084,21 +5084,21 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
     })()
   ] });
 }
-const bs = ({ item: t }) => /* @__PURE__ */ n("div", { className: "p-3 rounded-xl border border-dashed text-sm opacity-70", children: [
+const gs = ({ item: t }) => /* @__PURE__ */ n("div", { className: "p-3 rounded-xl border border-dashed text-sm opacity-70", children: [
   "Unknown type:",
   " ",
   /* @__PURE__ */ e("span", { className: "font-mono", children: String(t?.type ?? "N/A") })
 ] }), Ke = /* @__PURE__ */ Object.create(null);
-Ke.section = hs;
-Ke.datatable = gs;
-function fs(t) {
+Ke.section = us;
+Ke.datatable = ps;
+function bs(t) {
   return typeof t == "string" ? t.trim() : t && typeof t == "object" ? String(t.type || "").trim() : "";
 }
-function ys(t) {
-  const a = fs(t);
-  return Ke[a] || Ke[a.toLowerCase?.()] || bs;
+function fs(t) {
+  const a = bs(t);
+  return Ke[a] || Ke[a.toLowerCase?.()] || gs;
 }
-function xs({
+function ys({
   appid: t,
   configdata: a = null,
   disableApi: s = !1,
@@ -5106,15 +5106,15 @@ function xs({
   onShowCancelModal: l,
   onCancel: h
 }) {
-  const [o, p] = ae.useState(a), [g, v] = ae.useState(null), [x, r] = ae.useState(null), [N, m] = P(!1), [y, z] = P(!1), [T, $] = P({}), E = `${$e()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, L = E, [V, U] = P(1), Y = () => {
+  const [o, p] = ae.useState(a), [g, v] = ae.useState(null), [x, r] = ae.useState(null), [N, m] = P(!1), [y, z] = P(!1), [$, D] = P({}), E = `${$e()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, L = E, [j, U] = P(1), Y = () => {
     if (!x || !g)
       return console.log("[DynamicConfig] hasUnsavedChanges: false (no data)", { originalData: x, data: g }), !1;
-    const b = (D) => {
-      if (D == null || typeof D != "object") return D;
-      if (Array.isArray(D)) return D.map(b);
+    const b = (S) => {
+      if (S == null || typeof S != "object") return S;
+      if (Array.isArray(S)) return S.map(b);
       const I = {};
-      return Object.keys(D).sort().forEach((k) => {
-        I[k] = b(D[k]);
+      return Object.keys(S).sort().forEach((k) => {
+        I[k] = b(S[k]);
       }), I;
     }, c = b(x), f = b(g), w = JSON.stringify(c) !== JSON.stringify(f);
     return console.log("[DynamicConfig] hasUnsavedChanges:", w, {
@@ -5130,7 +5130,7 @@ function xs({
     return a.configuration.forEach((w) => {
       if (w.key && w.type === "datatable") {
         const I = (f[w.key] || []).map((k, R) => {
-          const j = { id: k.id || 0 };
+          const V = { id: k.id || 0 };
           return w.fields && w.fields.forEach((F) => {
             if (F.fieldtype === "audience") {
               let G = { users: [], groups: [], roles: [] };
@@ -5138,9 +5138,9 @@ function xs({
                 users: k[F.key].users || [],
                 groups: k[F.key].groups || [],
                 roles: k[F.key].roles || []
-              })), j[F.key] = G;
-            } else F.fieldtype === "select" ? j[F.key] = k[F.key] !== void 0 && k[F.key] !== "" ? k[F.key] : F.default || "" : j[F.key] = k[F.key] || F.default || "";
-          }), j;
+              })), V[F.key] = G;
+            } else F.fieldtype === "select" ? V[F.key] = k[F.key] !== void 0 && k[F.key] !== "" ? k[F.key] : F.default || "" : V[F.key] = k[F.key] || F.default || "";
+          }), V;
         });
         if (I.length === 0) {
           const k = { id: 0 };
@@ -5150,13 +5150,13 @@ function xs({
         }
         c[w.key] = I;
       } else if (w.key) {
-        const D = f[w.key] || {};
+        const S = f[w.key] || {};
         w.type === "section" && w.fields && w.fields.forEach((I) => {
-          I.fieldtype === "managecollectionlist" && I.key && (!D[I.key] || !Array.isArray(D[I.key])) && (D[I.key] = I.initialData || []);
-        }), c[w.key] = D;
+          I.fieldtype === "managecollectionlist" && I.key && (!S[I.key] || !Array.isArray(S[I.key])) && (S[I.key] = I.initialData || []);
+        }), c[w.key] = S;
       }
     }), c;
-  }, A = () => {
+  }, T = () => {
     if (a && a.configuration) {
       const b = {};
       a.configuration.forEach((c) => {
@@ -5189,21 +5189,21 @@ function xs({
           const f = q(c);
           v(f), r(f);
         } else
-          A();
+          T();
       } catch (c) {
         console.error("Error fetching configuration:", c);
         let f = "Failed to load configuration";
         if (c.response) {
-          const w = c.response.status, D = c.response.data?.message || c.response.data?.error;
-          w === 400 ? f = D || "Invalid request. Please check the application ID." : w === 401 ? f = "You are not authorized to access this configuration." : w === 403 ? f = "Access denied. You don't have permission to view this configuration." : w === 404 ? f = "Configuration not found. It may not exist yet or the application ID is incorrect." : w >= 500 ? f = D || "Server error. Please try again later." : f = D || `Failed to load configuration (Error ${w})`;
+          const w = c.response.status, S = c.response.data?.message || c.response.data?.error;
+          w === 400 ? f = S || "Invalid request. Please check the application ID." : w === 401 ? f = "You are not authorized to access this configuration." : w === 403 ? f = "Access denied. You don't have permission to view this configuration." : w === 404 ? f = "Configuration not found. It may not exist yet or the application ID is incorrect." : w >= 500 ? f = S || "Server error. Please try again later." : f = S || `Failed to load configuration (Error ${w})`;
         } else c.request ? f = "Network error. Please check your connection and try again." : f = c.message || "An unexpected error occurred while loading configuration.";
-        Ye.error(f), A();
+        Ye.error(f), T();
       } finally {
         m(!1);
       }
     };
-    a && (p(a), t ? b() : A());
-  }, [a, V, t, s]);
+    a && (p(a), t ? b() : T());
+  }, [a, j, t, s]);
   const _ = (b, c) => {
     console.log(`[DynamicConfig] handleSectionChange called for ${b}:`, c), v((f) => {
       const w = {
@@ -5211,11 +5211,11 @@ function xs({
         [b]: c
       };
       return console.log("[DynamicConfig] Updated data state:", w), w;
-    }), $((f) => {
+    }), D((f) => {
       const w = { ...f };
       return w[b] && delete w[b], w;
     });
-  }, C = () => {
+  }, A = () => {
     const b = {};
     return !o || !g || o.configuration.forEach((c) => {
       if (c.type === "section")
@@ -5226,41 +5226,41 @@ function xs({
             return;
           }
           if (f.fieldtype === "number" && w !== "" && w !== null && w !== void 0) {
-            const D = Number(w);
-            isNaN(D) ? (b[c.key] || (b[c.key] = {}), b[c.key][f.key] = `${f.label} must be a valid number`) : (f.min !== void 0 && D < f.min && (b[c.key] || (b[c.key] = {}), b[c.key][f.key] = `${f.label} must be at least ${f.min}`), f.max !== void 0 && D > f.max && (b[c.key] || (b[c.key] = {}), b[c.key][f.key] = `${f.label} must not exceed ${f.max}`));
+            const S = Number(w);
+            isNaN(S) ? (b[c.key] || (b[c.key] = {}), b[c.key][f.key] = `${f.label} must be a valid number`) : (f.min !== void 0 && S < f.min && (b[c.key] || (b[c.key] = {}), b[c.key][f.key] = `${f.label} must be at least ${f.min}`), f.max !== void 0 && S > f.max && (b[c.key] || (b[c.key] = {}), b[c.key][f.key] = `${f.label} must not exceed ${f.max}`));
           }
         });
       else if (c.type === "datatable") {
         const f = g[c.key];
-        Array.isArray(f) && f.forEach((w, D) => {
+        Array.isArray(f) && f.forEach((w, S) => {
           c.fields.forEach((I) => {
             const k = w[I.key];
             if (I.required && (!k || typeof k == "string" && k.trim() === "")) {
-              b[c.key] || (b[c.key] = {}), b[c.key][D] || (b[c.key][D] = {}), b[c.key][D][I.key] = `${I.label} is required`;
+              b[c.key] || (b[c.key] = {}), b[c.key][S] || (b[c.key][S] = {}), b[c.key][S][I.key] = `${I.label} is required`;
               return;
             }
             if (I.fieldtype === "number" && k !== "" && k !== null && k !== void 0) {
               const R = Number(k);
-              isNaN(R) ? (b[c.key] || (b[c.key] = {}), b[c.key][D] || (b[c.key][D] = {}), b[c.key][D][I.key] = `${I.label} must be a valid number`) : (I.min !== void 0 && R < I.min && (b[c.key] || (b[c.key] = {}), b[c.key][D] || (b[c.key][D] = {}), b[c.key][D][I.key] = `${I.label} must be at least ${I.min}`), I.max !== void 0 && R > I.max && (b[c.key] || (b[c.key] = {}), b[c.key][D] || (b[c.key][D] = {}), b[c.key][D][I.key] = `${I.label} must not exceed ${I.max}`));
+              isNaN(R) ? (b[c.key] || (b[c.key] = {}), b[c.key][S] || (b[c.key][S] = {}), b[c.key][S][I.key] = `${I.label} must be a valid number`) : (I.min !== void 0 && R < I.min && (b[c.key] || (b[c.key] = {}), b[c.key][S] || (b[c.key][S] = {}), b[c.key][S][I.key] = `${I.label} must be at least ${I.min}`), I.max !== void 0 && R > I.max && (b[c.key] || (b[c.key] = {}), b[c.key][S] || (b[c.key][S] = {}), b[c.key][S][I.key] = `${I.label} must not exceed ${I.max}`));
             }
           });
         });
       }
     }), b;
-  }, u = (b) => Object.keys(b).length > 0, S = () => {
+  }, u = (b) => Object.keys(b).length > 0, C = () => {
     if (y) {
       console.log("[handleSave] Already saving, ignoring duplicate call");
       return;
     }
     console.log("[handleSave] Starting save process");
-    const b = C();
-    if ($(b), u(b)) {
+    const b = A();
+    if (D(b), u(b)) {
       let f = [];
       Object.keys(b).forEach((w) => {
-        typeof b[w] == "object" && Object.keys(b[w]).forEach((D) => {
-          typeof b[w][D] == "object" ? Object.keys(b[w][D]).forEach((I) => {
-            f.push(`${w} row ${parseInt(D) + 1}: ${b[w][D][I]}`);
-          }) : f.push(`${w}: ${b[w][D]}`);
+        typeof b[w] == "object" && Object.keys(b[w]).forEach((S) => {
+          typeof b[w][S] == "object" ? Object.keys(b[w][S]).forEach((I) => {
+            f.push(`${w} row ${parseInt(S) + 1}: ${b[w][S][I]}`);
+          }) : f.push(`${w}: ${b[w][S]}`);
         });
       });
       return;
@@ -5269,30 +5269,30 @@ function xs({
       try {
         z(!0);
         const f = {};
-        g && Object.keys(g).forEach((D) => {
+        g && Object.keys(g).forEach((S) => {
           const I = a?.configuration?.find(
-            (k) => k.key === D && k.type === "datatable"
+            (k) => k.key === S && k.type === "datatable"
           );
-          I && Array.isArray(g[D]) ? f[D] = g[D].map((k) => {
+          I && Array.isArray(g[S]) ? f[S] = g[S].map((k) => {
             const R = { id: k.id || 0 };
-            return I.fields && I.fields.forEach((j) => {
-              if (j.fieldtype === "audience") {
+            return I.fields && I.fields.forEach((V) => {
+              if (V.fieldtype === "audience") {
                 let F = { users: [], groups: [], roles: [] };
-                k[j.key] && typeof k[j.key] == "object" && !Array.isArray(k[j.key]) && (F = {
-                  users: k[j.key].users || [],
-                  groups: k[j.key].groups || [],
-                  roles: k[j.key].roles || []
-                }), R[j.key] = F;
+                k[V.key] && typeof k[V.key] == "object" && !Array.isArray(k[V.key]) && (F = {
+                  users: k[V.key].users || [],
+                  groups: k[V.key].groups || [],
+                  roles: k[V.key].roles || []
+                }), R[V.key] = F;
               } else
-                R[j.key] = k[j.key] || "";
+                R[V.key] = k[V.key] || "";
             }), R;
-          }) : f[D] = g[D];
+          }) : f[S] = g[S];
         }), (!f.appkey || f.appkey === "") && (f.appkey = t);
         let w = await bt(L, f);
         if (w && w.status != "fail") {
-          $({}), r(JSON.parse(JSON.stringify(g)));
-          const D = w.message || "Configuration has been saved successfully";
-          Ye.success(D), i && typeof i == "function" && i(g);
+          D({}), r(JSON.parse(JSON.stringify(g)));
+          const S = w.message || "Configuration has been saved successfully";
+          Ye.success(S), i && typeof i == "function" && i(g);
         } else
           throw Ye.error(w?.message || "Failed to save configuration"), new Error("No response received from server");
       } catch (f) {
@@ -5308,7 +5308,7 @@ function xs({
     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 O = a?.configuration || o?.configuration;
   return K(() => {
-    s && a ? (!g || Object.keys(g).length === 0) && A() : s && !a && A();
+    s && a ? (!g || Object.keys(g).length === 0) && T() : s && !a && T();
   }, [s, a]), /* @__PURE__ */ n("div", { children: [
     /* @__PURE__ */ n(
       "div",
@@ -5318,7 +5318,7 @@ function xs({
         children: [
           N && /* @__PURE__ */ e("div", { className: "flex justify-center items-center h-64", children: /* @__PURE__ */ e(oa, { size: "large" }) }),
           !N && O?.map((b, c) => {
-            const f = ys(b.type);
+            const f = fs(b.type);
             if (f && f !== "UnknownType")
               return /* @__PURE__ */ e(
                 f,
@@ -5326,7 +5326,7 @@ function xs({
                   item: b,
                   data: g,
                   updateHandler: _,
-                  validationErrors: T
+                  validationErrors: $
                 },
                 c
               );
@@ -5349,7 +5349,7 @@ function xs({
         se,
         {
           category: "primary",
-          onClick: S,
+          onClick: C,
           disabled: y,
           label: y ? "Saving..." : "Save",
           type: "submit"
@@ -5358,38 +5358,39 @@ function xs({
     ] })
   ] });
 }
-const Yl = ({
+const ql = ({
   config: t,
   appid: a = "Configuration-Page",
-  disableApi: s = !1
+  disableApi: s = !1,
+  hasConfig: i = !1
 }) => {
-  const [i, l] = P(0), [h, o] = P(!1), {
-    pageHeader: p = {},
-    appletHeader: g = {},
-    breadcrumb: v = [],
-    overview: x = {},
-    configuration: r = []
-  } = t, N = ee(() => r.map((C) => {
-    if (C.type === "section" && C.fields) {
-      const u = [...C.fields], S = u.findIndex((M) => M && M.key === "appkey");
-      if (S !== -1) {
-        const M = u[S];
-        if (u[S] = {
-          ...M,
+  const [l, h] = P(0), [o, p] = P(!1), {
+    pageHeader: g = {},
+    appletHeader: v = {},
+    breadcrumb: x = [],
+    overview: r = {},
+    configuration: N = []
+  } = t, m = ee(() => N.map((u) => {
+    if (u.type === "section" && u.fields) {
+      const C = [...u.fields], M = C.findIndex((O) => O && O.key === "appkey");
+      if (M !== -1) {
+        const O = C[M];
+        if (C[M] = {
+          ...O,
           default: a,
           value: a,
           readonly: !0,
           placeholder: a,
           disabled: !1
-        }, u.some((b) => b.key === "displayname")) {
-          const b = u.findIndex((f) => f.key === "displayname"), c = u[b] || {};
-          u[b] = {
-            ...c,
-            default: c.default || c.value || a,
-            placeholder: c.placeholder || "Enter display name"
+        }, C.some((c) => c.key === "displayname")) {
+          const c = C.findIndex((w) => w.key === "displayname"), f = C[c] || {};
+          C[c] = {
+            ...f,
+            default: f.default || f.value || a,
+            placeholder: f.placeholder || "Enter display name"
           };
         } else {
-          const b = {
+          const c = {
             key: "displayname",
             label: "Display Name",
             fieldtype: "text",
@@ -5398,56 +5399,56 @@ const Yl = ({
             placeholder: "Enter display name",
             required: !1
           };
-          u.splice(S + 1, 0, b);
+          C.splice(M + 1, 0, c);
         }
       }
       return {
-        ...C,
-        fields: u
+        ...u,
+        fields: C
       };
     }
-    return C;
-  }), [r, a]), m = {
+    return u;
+  }), [N, a]), y = {
     heading: "App Details",
     subHeading: "View app details and customize configurations to align with institutional requirements.",
     isLeftArrow: !0,
     onBackClick: () => window.history.back(),
-    ...p
-  }, y = v.map((C) => ({
-    label: C.text,
-    href: C.href || "#"
-  })), z = H(() => {
-    o(!0);
-  }, []), T = H((C) => {
-    o(!1), C.primary && window.history.back();
-  }, []), $ = H((C) => {
-    console.log("Configuration changed:", C);
-  }, []), E = H(() => {
+    ...g
+  }, z = x.map((u) => ({
+    label: u.text,
+    href: u.href || "#"
+  })), $ = H(() => {
+    p(!0);
+  }, []), D = H((u) => {
+    p(!1), u.primary && window.history.back();
+  }, []), E = H((u) => {
+    console.log("Configuration changed:", u);
+  }, []), L = H(() => {
     window.history.back();
-  }, []), L = (() => {
-    if (g.headingKey && Array.isArray(r)) {
-      const C = g.headingKey.split("."), u = C[0], S = C[1], M = r.find((O) => O && O.key === u);
-      if (M && M.fields) {
-        const O = M.fields.find((b) => b && b.key === S);
-        if (O)
-          return O.default ?? O.value ?? g.heading ?? a;
+  }, []), j = (() => {
+    if (v.headingKey && Array.isArray(N)) {
+      const u = v.headingKey.split("."), C = u[0], M = u[1], O = N.find((b) => b && b.key === C);
+      if (O && O.fields) {
+        const b = O.fields.find((c) => c && c.key === M);
+        if (b)
+          return b.default ?? b.value ?? v.heading ?? a;
       }
     }
-    if (Array.isArray(r)) {
-      for (const C of r)
-        if (C && C.fields) {
-          const u = C.fields.find((S) => S && S.key === "displayname");
-          if (u) return u.default ?? u.value ?? a;
+    if (Array.isArray(N)) {
+      for (const u of N)
+        if (u && u.fields) {
+          const C = u.fields.find((M) => M && M.key === "displayname");
+          if (C) return C.default ?? C.value ?? a;
         }
     }
-    return g.heading || a;
-  })(), V = {
+    return v.heading || a;
+  })(), U = {
     subHeading: "Application configuration and details",
     tags: [],
-    ...g,
-    heading: L
+    ...v,
+    heading: j
     // Use resolvedDisplayName only
-  }, U = {
+  }, Y = {
     about: "This application provides comprehensive functionality for your organization.",
     images: {
       desktop: "https://via.placeholder.com/600x400?text=Desktop+View",
@@ -5464,27 +5465,27 @@ const Yl = ({
         description: "Description of feature 2"
       }
     ],
-    ...x
-  }, Y = ee(() => ({
-    configuration: N
-  }), [N]), q = ee(() => [
-    { label: "Overview", content: _(U) },
-    { label: "Configuration", content: /* @__PURE__ */ e(xs, { appid: a, configdata: Y, disableApi: s, onSave: $, onShowCancelModal: z, onCancel: E }) }
-  ], [a, Y, s, $, z, E, U]);
-  function A(C) {
-    return C ? C.includes("<svg") ? /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: C } }) : C : "📱";
+    ...r
+  }, q = ee(() => ({
+    configuration: m
+  }), [m]), T = ee(() => [
+    { label: "Overview", content: A(Y) },
+    i && { label: "Configuration", content: /* @__PURE__ */ e(ys, { appid: a, configdata: q, disableApi: s, onSave: E, onShowCancelModal: $, onCancel: L }) }
+  ].filter(Boolean), [a, q, s, E, $, L, Y]);
+  function _(u) {
+    return u ? u.includes("<svg") ? /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: u } }) : u : "📱";
   }
-  function _(C) {
+  function A(u) {
     return /* @__PURE__ */ n("div", { className: "bg-white rounded-2xl p-1", children: [
       /* @__PURE__ */ n("section", { className: "mb-8", children: [
         /* @__PURE__ */ e("h2", { className: "text-xl font-semibold mb-2", children: "About" }),
-        /* @__PURE__ */ e("p", { className: "text-gray-700 text-base", children: C.about })
+        /* @__PURE__ */ e("p", { className: "text-gray-700 text-base", children: u.about })
       ] }),
       /* @__PURE__ */ n("section", { className: "flex flex-row gap-6 justify-center items-center mb-8", children: [
         /* @__PURE__ */ e(
           "img",
           {
-            src: C.images.desktop,
+            src: u.images.desktop,
             alt: "Desktop View",
             className: "rounded-xl border border-gray-200 w-[340px] h-[220px] object-cover"
           }
@@ -5492,7 +5493,7 @@ const Yl = ({
         /* @__PURE__ */ e(
           "img",
           {
-            src: C.images.mobile1,
+            src: u.images.mobile1,
             alt: "Mobile View 1",
             className: "rounded-2xl border border-gray-200 w-[120px] h-[220px] object-cover"
           }
@@ -5500,57 +5501,57 @@ const Yl = ({
       ] }),
       /* @__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: C.features.map((u, S) => /* @__PURE__ */ n("li", { children: [
-          /* @__PURE__ */ e("span", { className: "font-semibold", children: u.title }),
+        /* @__PURE__ */ e("ul", { className: "space-y-3", children: u.features.map((C, M) => /* @__PURE__ */ n("li", { children: [
+          /* @__PURE__ */ e("span", { className: "font-semibold", children: C.title }),
           /* @__PURE__ */ e("br", {}),
-          /* @__PURE__ */ e("span", { className: "text-gray-700", children: u.description })
-        ] }, S)) })
+          /* @__PURE__ */ e("span", { className: "text-gray-700", children: C.description })
+        ] }, M)) })
       ] })
     ] });
   }
   return /* @__PURE__ */ n("div", { className: "full-config-page", children: [
     /* @__PURE__ */ e(
-      Pn,
+      Mn,
       {
-        heading: m.heading,
-        subHeading: y.length > 0 ? void 0 : m.subHeading,
-        breadcrumbItems: y,
-        isLeftArrow: m.isLeftArrow,
-        onBackClick: m.onBackClick
+        heading: y.heading,
+        subHeading: z.length > 0 ? void 0 : y.subHeading,
+        breadcrumbItems: z,
+        isLeftArrow: y.isLeftArrow,
+        onBackClick: y.onBackClick
       }
     ),
     /* @__PURE__ */ n("div", { className: "bg-[#ffffff] border border-[#eef2f6] rounded-[12px] px-6 py-5 flex gap-4 items-start mb-4 shadow-sm", children: [
-      /* @__PURE__ */ e("div", { className: "icon w-[72px] h-[72px] rounded-full flex items-center justify-center bg-[#F5F5F6] text-[#1C274C] font-bold text-[18px]", children: A(V.icon) }),
+      /* @__PURE__ */ e("div", { className: "icon w-[72px] h-[72px] rounded-full flex items-center justify-center bg-[#F5F5F6] text-[#1C274C] font-bold text-[18px]", children: _(U.icon) }),
       /* @__PURE__ */ n("div", { className: "flex flex-col min-w-0", children: [
-        /* @__PURE__ */ e("h2", { className: "text-[24px] font-semibold m-0 leading-tight truncate", children: V.heading }),
-        /* @__PURE__ */ e("p", { className: "text-[13px] text-[#101112] mt-1 mb-0 max-w-[800px] leading-normal", children: V.subHeading }),
-        /* @__PURE__ */ e("div", { className: "mt-2 flex flex-wrap gap-2", children: V.tags && V.tags.map((C, u) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("h2", { className: "text-[24px] font-semibold m-0 leading-tight truncate", children: U.heading }),
+        /* @__PURE__ */ e("p", { className: "text-[13px] text-[#101112] mt-1 mb-0 max-w-[800px] leading-normal", children: U.subHeading }),
+        /* @__PURE__ */ e("div", { className: "mt-2 flex flex-wrap gap-2", children: U.tags && U.tags.map((u, C) => /* @__PURE__ */ e(
           "span",
           {
             className: "pill inline-block px-[10px] py-[6px] rounded-[14px] text-[11px] border border-[#e6e9ee] text-[#767676] font-semibold mt-1",
-            children: C
+            children: u
           },
-          u
+          C
         )) })
       ] })
     ] }),
     /* @__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: q.map((C, u) => /* @__PURE__ */ e(
+      /* @__PURE__ */ e("div", { className: "border-b border-gray-200", children: /* @__PURE__ */ e("nav", { className: "flex space-x-8", "aria-label": "Tabs", children: T.map((u, C) => /* @__PURE__ */ e(
         "button",
         {
-          onClick: () => l(u),
-          className: `${i === u ? "border-black text-black" : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300"} whitespace-nowrap py-3 px-6 border-b-2 font-medium text-sm transition-colors duration-200`,
-          children: C.label
+          onClick: () => h(C),
+          className: `${l === C ? "border-black text-black" : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300"} whitespace-nowrap py-3 px-6 border-b-2 font-medium text-sm transition-colors duration-200`,
+          children: u.label
         },
-        u
+        C
       )) }) }),
-      /* @__PURE__ */ e("div", { className: "p-8 h-full overflow-y-auto", children: q[i].content })
+      /* @__PURE__ */ e("div", { className: "p-8 h-full overflow-y-auto", children: T[l].content })
     ] }),
     /* @__PURE__ */ e(
-      En,
+      Fn,
       {
-        isOpen: h,
-        onClose: T,
+        isOpen: o,
+        onClose: D,
         variant: "warning",
         title: "Are you sure you want to cancel?",
         primaryButtonText: "Yes",
@@ -5559,7 +5560,7 @@ const Yl = ({
       }
     )
   ] });
-}, vs = ({
+}, xs = ({
   className: t = "",
   onCollectionChange: a,
   showSearch: s = !0,
@@ -5569,11 +5570,11 @@ const Yl = ({
   allowReorder: o = !0,
   initialData: p = null
 }) => {
-  const [g, v] = P(null), [x, r] = P(""), [N, m] = P(() => Array.isArray(p) ? p : []), [y, z] = P(null), [T, $] = P(null), [E, L] = P("");
+  const [g, v] = P(null), [x, r] = P(""), [N, m] = P(() => Array.isArray(p) ? p : []), [y, z] = P(null), [$, D] = P(null), [E, L] = P("");
   K(() => {
     Array.isArray(p) && m(p);
   }, [p]);
-  const V = (c) => {
+  const j = (c) => {
     l && (v(c._id), r(c.categoryName || ""));
   }, U = () => {
     if (!i || g !== null) return;
@@ -5591,7 +5592,7 @@ const Yl = ({
     ]), v(f), r("");
   }, Y = () => {
     g != null && (m((c) => {
-      const w = !Array.isArray(p) || !p.some((D) => D._id === g) ? c.filter((D) => D._id !== g) : c;
+      const w = !Array.isArray(p) || !p.some((S) => S._id === g) ? c.filter((S) => S._id !== g) : c;
       return a?.(w), w;
     }), v(null), r(""));
   }, q = () => {
@@ -5602,33 +5603,33 @@ const Yl = ({
       } : w);
       return a?.(f), f;
     }), v(null), r(""));
-  }, A = (c) => {
+  }, T = (c) => {
     h && m((f) => {
-      const w = f.filter((D) => D._id !== c._id);
+      const w = f.filter((S) => S._id !== c._id);
       return a?.(w), w;
     });
   }, _ = (c, f, w) => {
-    const D = Number(f), I = Number(w);
-    if (!o || D === I) return c;
-    const k = c.findIndex((G) => Number(G._id) === D), R = c.findIndex((G) => Number(G._id) === I);
+    const S = Number(f), I = Number(w);
+    if (!o || S === I) return c;
+    const k = c.findIndex((G) => Number(G._id) === S), R = c.findIndex((G) => Number(G._id) === I);
     if (k === -1 || R === -1) return c;
-    const j = [...c], [F] = j.splice(k, 1);
-    return j.splice(R, 0, F), j.map((G, W) => ({ ...G, order: W + 1 }));
-  }, C = (c, f) => {
+    const V = [...c], [F] = V.splice(k, 1);
+    return V.splice(R, 0, F), V.map((G, W) => ({ ...G, order: W + 1 }));
+  }, A = (c, f) => {
     o && (c.dataTransfer.effectAllowed = "move", c.dataTransfer.setData("text/plain", String(f)), z(Number(f)));
   }, u = (c) => {
-    y && c !== T && $(c);
-  }, S = (c) => {
+    y && c !== $ && D(c);
+  }, C = (c) => {
     c.preventDefault();
   }, M = (c, f) => {
     c.preventDefault();
-    const w = c.dataTransfer.getData("text/plain"), D = w === "0" ? 0 : Number(w), I = f === "0" ? 0 : Number(f);
-    D === void 0 || I === void 0 || (m((k) => {
-      const R = _(k, D, I);
+    const w = c.dataTransfer.getData("text/plain"), S = w === "0" ? 0 : Number(w), I = f === "0" ? 0 : Number(f);
+    S === void 0 || I === void 0 || (m((k) => {
+      const R = _(k, S, I);
       return a?.(R), R;
-    }), z(null), $(null));
+    }), z(null), D(null));
   }, O = () => {
-    z(null), $(null);
+    z(null), D(null);
   }, b = Array.isArray(N) ? N.filter(
     (c) => c.categoryName?.toLowerCase().includes(E.toLowerCase())
   ) : [];
@@ -5657,19 +5658,19 @@ const Yl = ({
       )
     ] }) }),
     /* @__PURE__ */ e("div", { className: "mt-5 flex flex-col", children: b.map((c) => {
-      const f = g === c._id, w = c?.links?.length ?? 0, D = y === c._id, I = T === c._id && y !== c._id;
+      const f = g === c._id, w = c?.links?.length ?? 0, S = y === c._id, I = $ === c._id && y !== c._id;
       return /* @__PURE__ */ e(
         "div",
         {
           onDragEnter: () => u(c._id),
-          onDragOver: S,
+          onDragOver: C,
           onDrop: (k) => M(k, c._id),
           onDragEnd: O,
           className: [
             "flex items-center justify-between p-3 border rounded-2xl mb-3",
             "border-gray-300",
             I ? "ring-2 ring-gray-800/20" : "",
-            D ? "opacity-60" : ""
+            S ? "opacity-60" : ""
           ].join(" "),
           children: f ? /* @__PURE__ */ n(te, { children: [
             /* @__PURE__ */ e("div", { className: "flex items-center gap-2 flex-1", children: /* @__PURE__ */ e(
@@ -5720,7 +5721,7 @@ const Yl = ({
                   "aria-label": "Drag to reorder",
                   className: "cursor-grab active:cursor-grabbing p-1 -m-1 rounded-md hover:bg-gray-50",
                   draggable: !0,
-                  onDragStart: (k) => C(k, c._id),
+                  onDragStart: (k) => A(k, c._id),
                   children: /* @__PURE__ */ e(xt, {})
                 }
               ),
@@ -5732,7 +5733,7 @@ const Yl = ({
                 "button",
                 {
                   className: "cursor-pointer",
-                  onClick: () => V(c),
+                  onClick: () => j(c),
                   "aria-label": `Edit ${c.categoryName}`,
                   children: /* @__PURE__ */ e(ur, { color: "#767676" })
                 }
@@ -5742,7 +5743,7 @@ const Yl = ({
                 {
                   className: w === 0 && !c.protected ? "cursor-pointer" : "cursor-not-allowed",
                   title: w === 0 && !c.protected ? "Delete" : "Cannot delete a collection with linked items",
-                  onClick: w === 0 ? () => A(c) : null,
+                  onClick: w === 0 ? () => T(c) : null,
                   children: /* @__PURE__ */ e(Le, { color: w === 0 ? "#767676" : "#C2C2C2" })
                 }
               )
@@ -5754,11 +5755,11 @@ const Yl = ({
     }) })
   ] });
 };
-function Wl({ children: t }) {
+function Yl({ children: t }) {
   return /* @__PURE__ */ n(te, { children: [
     t,
     /* @__PURE__ */ e(
-      Zr,
+      Hr,
       {
         position: "bottom-right",
         autoClose: 3500,
@@ -5768,7 +5769,7 @@ function Wl({ children: t }) {
         pauseOnFocusLoss: !1,
         draggable: !0,
         pauseOnHover: !0,
-        transition: Kr,
+        transition: Zr,
         limit: 4,
         closeButton: !0,
         bodyClassName: "ui-toast__body",
@@ -5823,7 +5824,7 @@ const Lt = () => {
     },
     { ...Me, ...s }
   )
-}, Jl = ({
+}, Wl = ({
   heading: t = "Data Grid",
   subheading: a = "",
   totalCount: s = 0,
@@ -5844,24 +5845,24 @@ const Lt = () => {
   showExcel: m = !1,
   showPdf: y = !1,
   showRefresh: z = !1,
-  showAdd: T = !1,
-  iSelectedRecords: $ = 0,
+  showAdd: $ = !1,
+  iSelectedRecords: D = 0,
   // Additional props
   searchPlaceholder: E = "Search...",
   handleRefreshClick: L = () => {
   },
-  handleSearchChange: V = () => {
+  handleSearchChange: j = () => {
   },
   handleDeleteClick: U = () => {
   },
   // Optional: override export file names
   excelFileName: Y,
   pdfFileName: q,
-  searchIconSize: A,
+  searchIconSize: T,
   searchIconClass: _,
-  inputStyle: C
+  inputStyle: A
 }) => {
-  const u = () => l?.current || i?.current, [S, M] = ae.useState(""), O = (t || "export").toString().trim() || "export", b = `${Y || O}.xlsx`, c = `${q || O}.pdf`, f = (I, k, R) => Math.max(k, Math.min(I, R)), w = H(
+  const u = () => l?.current || i?.current, [C, M] = ae.useState(""), O = (t || "export").toString().trim() || "export", b = `${Y || O}.xlsx`, c = `${q || O}.pdf`, f = (I, k, R) => Math.max(k, Math.min(I, R)), w = H(
     (I) => {
       const k = u();
       if (k?.openColumnChooser) {
@@ -5870,8 +5871,8 @@ const Lt = () => {
           return;
         }
         try {
-          const R = I.currentTarget.getBoundingClientRect(), j = R.left + window.scrollX, F = R.bottom + window.scrollY;
-          let G = j - 120, W = F - 120;
+          const R = I.currentTarget.getBoundingClientRect(), V = R.left + window.scrollX, F = R.bottom + window.scrollY;
+          let G = V - 120, W = F - 120;
           const pe = window.innerWidth, Ne = window.innerHeight;
           G = f(G, window.scrollX + 8, window.scrollX + pe - 340), W = f(W, window.scrollY, window.scrollY + Ne - 120), k.openColumnChooser(G, W);
         } catch (R) {
@@ -5881,15 +5882,15 @@ const Lt = () => {
     },
     []
     // no external deps; reads ref at call time
-  ), D = H(
+  ), S = H(
     (I, k) => {
       const R = u();
       if (R)
         switch (I) {
           case "Delete": {
             if (v) {
-              const j = R.getSelectedRecords();
-              return U(j);
+              const V = R.getSelectedRecords();
+              return U(V);
             }
             break;
           }
@@ -5926,13 +5927,13 @@ const Lt = () => {
         fe,
         {
           placeholder: E,
-          value: S,
+          value: C,
           onDebouncedChange: (I) => {
-            M(I), V(I);
+            M(I), j(I);
           },
-          searchIconSize: A || 16,
+          searchIconSize: T || 16,
           searchIconClass: _ || "",
-          inputStyle: C || { paddingTop: "4px", paddingBottom: "4px" }
+          inputStyle: A || { paddingTop: "4px", paddingBottom: "4px" }
         }
       ) }),
       /* @__PURE__ */ n("div", { className: "flex gap-3", children: [
@@ -5941,16 +5942,16 @@ const Lt = () => {
             Ce,
             {
               icon: Le,
-              onClick: () => D("Delete"),
+              onClick: () => S("Delete"),
               ariaLabel: "Delete",
-              disabled: $ === 0
+              disabled: D === 0
             }
           ),
           x && /* @__PURE__ */ e(
             Ce,
             {
               icon: hr,
-              onClick: (I) => D("ColumnChooser", I),
+              onClick: (I) => S("ColumnChooser", I),
               ariaLabel: "Column Chooser"
             }
           ),
@@ -5966,7 +5967,7 @@ const Lt = () => {
             Ce,
             {
               icon: gr,
-              onClick: () => D("Print"),
+              onClick: () => S("Print"),
               ariaLabel: "Print"
             }
           ),
@@ -5974,7 +5975,7 @@ const Lt = () => {
             Ce,
             {
               icon: br,
-              onClick: () => D("Excel"),
+              onClick: () => S("Excel"),
               ariaLabel: "Excel Download"
             }
           ),
@@ -5982,7 +5983,7 @@ const Lt = () => {
             Ce,
             {
               icon: fr,
-              onClick: () => D("Pdf"),
+              onClick: () => S("Pdf"),
               ariaLabel: "PDF Download"
             }
           ),
@@ -5990,16 +5991,15 @@ const Lt = () => {
             Ce,
             {
               icon: yr,
-              onClick: () => D("Refresh"),
+              onClick: () => S("Refresh"),
               ariaLabel: "Refresh"
             }
           )
         ] }),
-        T && h && /* @__PURE__ */ e(
+        $ && h && /* @__PURE__ */ e(
           se,
           {
             label: p,
-            icon: xr,
             onClick: h,
             size: "small",
             ariaLabel: "Add New",
@@ -6010,7 +6010,7 @@ const Lt = () => {
     ] })
   ] });
 };
-function Xl(t) {
+function Jl(t) {
   const {
     data: a = [],
     totalCount: s = 0,
@@ -6028,22 +6028,22 @@ function Xl(t) {
     allowPdfExport: m = !1,
     showColumnChooser: y = !1,
     enableSearchApi: z = !1,
-    height: T = "600",
-    selectionSettings: $,
+    height: $ = "600",
+    selectionSettings: D,
     enableCheckbox: E = !1,
     columns: L = [],
-    onGridStateChange: V,
+    onGridStateChange: j,
     onRowSelected: U,
     onRowDeselected: Y,
     onRowDoubleClick: q,
-    apiRef: A,
+    apiRef: T,
     gridProps: _ = {}
-  } = t, C = he(null), {
+  } = t, A = he(null), {
     pageSettings: u,
-    sortSettings: S,
+    sortSettings: C,
     ...M
-  } = _ || {}, [O, b] = ae.useState(u?.page || l), [c, f] = ae.useState(u?.pageSize || h), [w, D] = ae.useState(S?.sortKey || "updatedDate"), [I, k] = ae.useState(S?.direction || "Descending"), R = ee(() => {
-    const B = $ || {
+  } = _ || {}, [O, b] = ae.useState(u?.page || l), [c, f] = ae.useState(u?.pageSize || h), [w, S] = ae.useState(C?.sortKey || "updatedDate"), [I, k] = ae.useState(C?.direction || "Descending"), R = ee(() => {
+    const B = D || {
       type: "Multiple",
       mode: "Row"
     };
@@ -6056,9 +6056,9 @@ function Xl(t) {
       checkboxOnly: !1,
       enableSimpleMultiRowSelection: !0
     } : B;
-  }, [$, E]), j = ee(() => {
-    const B = [en];
-    return (E || $) && B.push(tn), p && B.push(an), g && B.push(rn), v && B.push(nn), z && B.push(sn), N && B.push(ln), m && B.push(on), y && B.push(cn), r && B.push(dn), x && B.push(mn), B.push(un), B;
+  }, [D, E]), V = ee(() => {
+    const B = [Kr];
+    return (E || D) && B.push(en), p && B.push(tn), g && B.push(an), v && B.push(rn), z && B.push(nn), N && B.push(sn), m && B.push(ln), y && B.push(on), r && B.push(cn), x && B.push(dn), B.push(mn), B;
   }, [
     p,
     g,
@@ -6070,9 +6070,9 @@ function Xl(t) {
     r,
     x,
     E,
-    $
+    D
   ]), F = ee(() => {
-    const B = () => C.current, re = (J, ce) => {
+    const B = () => A.current, re = (J, ce) => {
       !ce && process.env.NODE_ENV !== "production" && console.warn(`[CustomDataGrid] ${J} requested but related service/feature is disabled.`);
     };
     return {
@@ -6102,15 +6102,15 @@ function Xl(t) {
     };
   }, [z, N, m, y]);
   K(() => {
-    A && (A.current = F);
-  }, [A, F]), K(() => () => {
-    A && (A.current = null);
-  }, [A]);
+    T && (T.current = F);
+  }, [T, F]), K(() => () => {
+    T && (T.current = null);
+  }, [T]);
   const G = (B) => {
     const re = String(B || "");
     return re === "Ascending" || re === "Descending" ? re : re.toLowerCase() === "ascending" ? "Ascending" : "Descending";
   }, W = (B) => {
-    const re = C.current, J = B?.requestType, ce = J === "paging" ? "paging" : J === "sorting" ? "sorting" : J === "searching" ? "searching" : J === "filtering" ? "filtering" : J === "grouping" ? "grouping" : J === "reorder" ? "reorder" : J === "columnstate" ? "columnstate" : "other", Re = B?.pageSize ?? re?.pageSettings?.pageSize ?? c, Ue = B?.currentPage ?? re?.pageSettings?.currentPage ?? l, rt = B?.columnName && B?.direction ? [{ field: B.columnName, dir: G(B.direction) }] : (re?.sortSettings?.columns || []).map((Ie) => ({
+    const re = A.current, J = B?.requestType, ce = J === "paging" ? "paging" : J === "sorting" ? "sorting" : J === "searching" ? "searching" : J === "filtering" ? "filtering" : J === "grouping" ? "grouping" : J === "reorder" ? "reorder" : J === "columnstate" ? "columnstate" : "other", Re = B?.pageSize ?? re?.pageSettings?.pageSize ?? c, Ue = B?.currentPage ?? re?.pageSettings?.currentPage ?? l, rt = B?.columnName && B?.direction ? [{ field: B.columnName, dir: G(B.direction) }] : (re?.sortSettings?.columns || []).map((Ie) => ({
       field: Ie.field,
       dir: G(Ie.direction ?? Ie.dir)
     })), nt = B?.searchString ?? "", st = B?.columns ?? re?.filterSettings?.columns ?? [];
@@ -6129,8 +6129,8 @@ function Xl(t) {
     };
   }, pe = (B) => {
     setTimeout(() => {
-      C?.current?.hideSpinner();
-    }, 1e3), B.requestType === "paging" && (b(B.currentPage), f(B.pageSize)), B.requestType === "sorting" && (D(B.columnName || "updatedDate"), k(B.direction)), V?.(W(B), B);
+      A?.current?.hideSpinner();
+    }, 1e3), B.requestType === "paging" && (b(B.currentPage), f(B.pageSize)), B.requestType === "sorting" && (S(B.columnName || "updatedDate"), k(B.direction)), j?.(W(B), B);
   }, Ne = (B) => {
     q?.(B?.rowData, B);
   }, Na = () => {
@@ -6197,20 +6197,20 @@ function Xl(t) {
     pageSize: c,
     pageSizes: u?.pageSizes ?? [10, 20, 40, 60, 80, 100],
     totalCount: s
-  }), [O, c, u?.pageSizes, s]), ka = ee(() => S ?? {
+  }), [O, c, u?.pageSizes, s]), ka = ee(() => C ?? {
     columns: [{ field: w, direction: G(I) }],
     allowUnsort: !1
-  }, [S, w, I]);
+  }, [C, w, I]);
   return /* @__PURE__ */ n(
-    hn,
+    un,
     {
       id: i,
-      ref: C,
+      ref: A,
       dataSource: {
         result: a,
         count: s
       },
-      height: T,
+      height: $,
       allowPaging: o,
       allowSorting: p,
       allowFiltering: g,
@@ -6228,8 +6228,8 @@ function Xl(t) {
       cssClass: "custom-grid-padding",
       ...M,
       children: [
-        /* @__PURE__ */ e(pn, { children: Na() }),
-        /* @__PURE__ */ e(gn, { services: j })
+        /* @__PURE__ */ e(hn, { children: Na() }),
+        /* @__PURE__ */ e(pn, { services: V })
       ]
     }
   );
@@ -6256,7 +6256,7 @@ const de = (t) => {
     title: "text-lg",
     meta: "text-sm"
   }
-}, Ns = (t, a) => typeof a == "function" ? a(t) : typeof a == "string" && t?.[a] != null ? t[a] : t?._id ?? t?.id ?? t?.instanceId ?? t?.legacyId ?? t?.key ?? null;
+}, vs = (t, a) => typeof a == "function" ? a(t) : typeof a == "string" && t?.[a] != null ? t[a] : t?._id ?? t?.id ?? t?.instanceId ?? t?.legacyId ?? t?.key ?? null;
 function oe({
   children: t,
   className: a = "",
@@ -6268,7 +6268,7 @@ function oe({
   details: o = {},
   ...p
 }) {
-  const g = He(), v = Ns(p, h), x = (N) => {
+  const g = He(), v = vs(p, h), x = (N) => {
     l?.({
       key: v,
       checked: N.target.checked,
@@ -6304,7 +6304,7 @@ oe.propTypes = {
   identity: d.oneOfType([d.string, d.func]),
   details: d.object
 };
-function ws({
+function Ns({
   size: t = "md",
   showCheckbox: a = !1,
   checkboxPosition: s = "top-left",
@@ -6388,7 +6388,7 @@ function ws({
     }
   );
 }
-ws.propTypes = {
+Ns.propTypes = {
   size: d.string,
   showCheckbox: d.bool,
   checkboxPosition: d.oneOf(["top-left", "top-right"]),
@@ -6402,7 +6402,7 @@ ws.propTypes = {
   imageUrl: d.string,
   description: d.string
 };
-const ks = "px-2 py-1 rounded-full text-[11px] font-semibold tracking-wide border border-zinc-200 dark:border-zinc-700 bg-white dark:bg-zinc-800 text-zinc-700 dark:text-zinc-200", Cs = () => /* @__PURE__ */ e("span", { className: "ml-1 inline-block h-2.5 w-2.5 rounded-full bg-emerald-500 align-middle", "aria-label": "verified" }), zs = [
+const ws = "px-2 py-1 rounded-full text-[11px] font-semibold tracking-wide border border-zinc-200 dark:border-zinc-700 bg-white dark:bg-zinc-800 text-zinc-700 dark:text-zinc-200", ks = () => /* @__PURE__ */ e("span", { className: "ml-1 inline-block h-2.5 w-2.5 rounded-full bg-emerald-500 align-middle", "aria-label": "verified" }), Cs = [
   {
     _id: "cm-1",
     name: "All Students",
@@ -6421,13 +6421,13 @@ const ks = "px-2 py-1 rounded-full text-[11px] font-semibold tracking-wide borde
     joined: !0,
     description: "What is Academic Advising? The mission of the Academic Advising Department at..."
   }
-], Ss = {
+], zs = {
   sm: { wrap: "max-w-md", thumb: "h-14 w-14", name: "text-sm", desc: "text-[13px]" },
   md: { wrap: "max-w-3xl", thumb: "h-16 w-16", name: "text-base", desc: "text-sm" },
   lg: { wrap: "w-full", thumb: "h-20 w-20", name: "text-lg", desc: "text-base" }
   // lg occupies full width
 };
-function Ds({
+function Ss({
   size: t = "md",
   showCheckbox: a = !1,
   checkboxPosition: s = "top-left",
@@ -6436,11 +6436,11 @@ function Ds({
   title: h = "Communities",
   activeTab: o = "joined",
   // "joined" | "suggested"
-  items: p = zs,
+  items: p = Cs,
   // spread for identity (_id/instanceId/etc)
   ...g
 }) {
-  const v = de(t), x = me[v], r = Ss[v], N = (m) => `px-1 pb-2 text-sm font-medium ${m === o ? "text-zinc-900 dark:text-zinc-100 border-b-2" : "text-zinc-500 dark:text-zinc-400"}`;
+  const v = de(t), x = me[v], r = zs[v], N = (m) => `px-1 pb-2 text-sm font-medium ${m === o ? "text-zinc-900 dark:text-zinc-100 border-b-2" : "text-zinc-500 dark:text-zinc-400"}`;
   return /* @__PURE__ */ n(
     oe,
     {
@@ -6490,10 +6490,10 @@ function Ds({
                   /* @__PURE__ */ n("div", { className: "min-w-0", children: [
                     /* @__PURE__ */ n("div", { className: `flex items-center gap-1 font-semibold ${r.name}`, children: [
                       /* @__PURE__ */ e("span", { className: "truncate", children: m.name }),
-                      /* @__PURE__ */ e(Cs, {})
+                      /* @__PURE__ */ e(ks, {})
                     ] }),
                     /* @__PURE__ */ n("div", { className: "flex gap-1 justify-center items-center", children: [
-                      /* @__PURE__ */ n(xn, { children: [
+                      /* @__PURE__ */ n(yn, { children: [
                         /* @__PURE__ */ e(we, { size: "small", src: m.avatar, name: "John" }),
                         /* @__PURE__ */ e(we, { size: "small", src: m.avatar, name: "Omi" }),
                         /* @__PURE__ */ e(we, { size: "small", src: m.avatar, name: "Raj" })
@@ -6504,7 +6504,7 @@ function Ds({
                         " Members"
                       ] })
                     ] }),
-                    /* @__PURE__ */ e("div", { className: "mt-2", children: /* @__PURE__ */ e("span", { className: ks, children: m.category }) })
+                    /* @__PURE__ */ e("div", { className: "mt-2", children: /* @__PURE__ */ e("span", { className: ws, children: m.category }) })
                   ] }),
                   m.joined && /* @__PURE__ */ e(
                     "span",
@@ -6543,7 +6543,7 @@ function Ds({
     }
   );
 }
-Ds.propTypes = {
+Ss.propTypes = {
   size: d.string,
   showCheckbox: d.bool,
   checkboxPosition: d.oneOf(["top-left", "top-right"]),
@@ -6563,7 +6563,7 @@ Ds.propTypes = {
     })
   )
 };
-const $s = [
+const Ds = [
   {
     _id: "nw-1",
     title: "KCC’s 3rd Annual Community & Business Partners Luncheon",
@@ -6588,7 +6588,7 @@ const $s = [
     thumb: "https://images.unsplash.com/photo-1522202176988-66273c2fd55f?q=80&w=640&auto=format&fit=crop",
     excerpt: "Community and business partners joined KCC leadership to recognize outstanding collaborations and celebrate student success…"
   }
-], Ts = {
+], $s = {
   sm: {
     wrap: "max-w-md",
     itemThumb: "h-14 w-20",
@@ -6613,18 +6613,18 @@ const $s = [
     excerpt: "text-sm text-zinc-600 dark:text-zinc-300 line-clamp-2"
   }
 }, Vt = ({ label: t }) => /* @__PURE__ */ e("span", { className: "mt-1 inline-flex items-center rounded-full border border-zinc-300 dark:border-zinc-700 bg-white dark:bg-zinc-900 px-2 py-0.5 text-[11px] font-semibold tracking-wide", children: t });
-function As({
+function Ts({
   size: t = "md",
   showCheckbox: a = !1,
   checkboxPosition: s = "top-left",
   onSelect: i,
   identity: l = "_id",
   title: h = "News",
-  items: o = $s,
+  items: o = Ds,
   // spread for identity fields: _id / id / instanceId etc.
   ...p
 }) {
-  const g = de(t), v = me[g], x = Ts[g];
+  const g = de(t), v = me[g], x = $s[g];
   return /* @__PURE__ */ n(
     oe,
     {
@@ -6681,7 +6681,7 @@ function As({
     }
   );
 }
-As.propTypes = {
+Ts.propTypes = {
   size: d.string,
   showCheckbox: d.bool,
   checkboxPosition: d.oneOf(["top-left", "top-right"]),
@@ -6699,7 +6699,7 @@ As.propTypes = {
     })
   )
 };
-const Fs = ["All", "Library", "Restaurant", "Parking", "Bus Stop"], Es = {
+const As = ["All", "Library", "Restaurant", "Parking", "Bus Stop"], Fs = {
   sm: {
     wrap: "max-w-md w-full md:w-auto flex-none justify-self-start",
     mapH: "h-48",
@@ -6721,15 +6721,15 @@ const Fs = ["All", "Library", "Restaurant", "Parking", "Bus Stop"], Es = {
     searchH: "h-11 text-base",
     chipGap: "gap-3.5"
   }
-}, Rs = ({ label: t, active: a = !1, size: s = "md", className: i = "" }) => {
+}, Es = ({ 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)]", h = {
     sm: "h-8 px-3 text-[11px] font-semibold",
     md: "h-9 px-3.5 text-[13px] font-semibold",
     lg: "h-10 px-4 text-sm font-semibold"
   }, o = a ? "bg-indigo-700 border-indigo-700 text-white" : "bg-white/95 dark:bg-zinc-900/90 border-zinc-300 dark:border-zinc-700 text-zinc-700 dark:text-zinc-200";
   return /* @__PURE__ */ e("span", { className: `${l} ${h[s] ?? h.md} ${o} ${i}`, children: t });
-}, Is = (t, a = 12) => `https://www.google.com/maps?q=${encodeURIComponent(t)}&z=${a}&output=embed`;
-function Os({
+}, Rs = (t, a = 12) => `https://www.google.com/maps?q=${encodeURIComponent(t)}&z=${a}&output=embed`;
+function Is({
   size: t = "md",
   showCheckbox: a = !1,
   checkboxPosition: s = "top-left",
@@ -6737,7 +6737,7 @@ function Os({
   identity: l = "_id",
   title: h = "Campus Map",
   campusName: o = "Morningside Heights Campus",
-  filters: p = Fs,
+  filters: p = As,
   activeFilter: g = "All",
   // NEW: iframe controls
   mapQuery: v = "Florida",
@@ -6746,7 +6746,7 @@ function Os({
   // optional full embed URL override
   ...N
 }) {
-  const m = de(t), y = me[m], z = Es[m], T = r || Is(v, x);
+  const m = de(t), y = me[m], z = Fs[m], $ = r || Rs(v, x);
   return /* @__PURE__ */ e(
     oe,
     {
@@ -6762,7 +6762,7 @@ function Os({
           "iframe",
           {
             title: "Google Map",
-            src: T,
+            src: $,
             className: "h-full w-full",
             style: { border: 0 },
             loading: "lazy",
@@ -6780,7 +6780,7 @@ function Os({
             /* @__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: p.map(($) => /* @__PURE__ */ e(Rs, { label: $, active: $ === g, size: m }, $)) }) }),
+        /* @__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: p.map((D) => /* @__PURE__ */ e(Es, { label: D, active: D === g, size: m }, D)) }) }),
         /* @__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" })
@@ -6789,7 +6789,7 @@ function Os({
     }
   );
 }
-Os.propTypes = {
+Is.propTypes = {
   size: d.string,
   showCheckbox: d.bool,
   checkboxPosition: d.oneOf(["top-left", "top-right"]),
@@ -6805,7 +6805,7 @@ Os.propTypes = {
   mapUrl: d.string
   // optional full embed URL override
 };
-const Ms = [
+const Os = [
   {
     _id: "ev-1",
     title: "Warhawk Weekly 10-1: Master the future; Rolling out 'Red'",
@@ -6836,7 +6836,7 @@ const Ms = [
     image: "https://images.unsplash.com/photo-1492684223066-81342ee5ff30?q=80&w=1200&auto=format&fit=crop",
     description: ""
   }
-], Ps = {
+], Ms = {
   sm: {
     wrap: "max-w-sm w-full",
     listGap: "gap-3",
@@ -6873,11 +6873,11 @@ const Ms = [
     showImage: !0,
     compact: !1
   }
-}, Ls = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], xa = (t) => {
+}, Ps = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], xa = (t) => {
   const a = new Date(t);
   return {
     day: a.getDate(),
-    month: Ls[a.getMonth()] || "",
+    month: Ps[a.getMonth()] || "",
     time: a.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })
   };
 };
@@ -6905,7 +6905,7 @@ function jt({ ev: t, sizeMeta: a, isSelected: s, onClick: i }) {
     }
   );
 }
-function Bs({ ev: t, sizeMeta: a }) {
+function Ls({ ev: t, sizeMeta: a }) {
   if (!t) return null;
   const { day: s, month: i, time: l } = xa(t.date);
   return /* @__PURE__ */ n("div", { className: "bg-white dark:bg-zinc-900 rounded-lg border border-zinc-200 dark:border-zinc-800 p-6", children: [
@@ -6935,26 +6935,26 @@ function Bs({ ev: t, sizeMeta: a }) {
       t.location
     ] }),
     t.url && /* @__PURE__ */ n("div", { className: `flex items-center gap-2 mb-4 text-zinc-600 dark:text-zinc-400 ${a.meta}`, children: [
-      /* @__PURE__ */ e(vr, { className: "h-4 w-4" }),
+      /* @__PURE__ */ e(xr, { className: "h-4 w-4" }),
       /* @__PURE__ */ e("span", { className: "text-blue-600 dark:text-blue-400 underline break-all", children: t.url })
     ] }),
     a.showDescription && t.description && /* @__PURE__ */ e("div", { className: "mt-4 pt-4 border-t border-zinc-200 dark:border-zinc-800", children: /* @__PURE__ */ e("p", { className: "text-sm text-zinc-700 dark:text-zinc-300 leading-relaxed", children: t.description }) })
   ] });
 }
-function Vs({
+function Bs({
   size: t = "md",
   showCheckbox: a = !1,
   checkboxPosition: s = "top-left",
   onSelect: i,
   identity: l = "_id",
   title: h = "Upcoming Events",
-  events: o = Ms,
+  events: o = Os,
   selectedIndex: p = 0,
   ...g
 }) {
-  const [v, x] = P(p), r = de(t), N = me[r], m = Ps[r], y = o[v] || o[0], z = ($, E) => {
-    x(E), i?.($);
-  }, T = r === "lg";
+  const [v, x] = P(p), r = de(t), N = me[r], m = Ms[r], y = o[v] || o[0], z = (D, E) => {
+    x(E), i?.(D);
+  }, $ = r === "lg";
   return /* @__PURE__ */ n(
     oe,
     {
@@ -6970,40 +6970,40 @@ function Vs({
           /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${N.title}`, children: h }),
           /* @__PURE__ */ e("button", { className: "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" })
         ] }),
-        T ? (
+        $ ? (
           // Large: Two-column layout
           /* @__PURE__ */ n("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [
-            /* @__PURE__ */ e("div", { className: "space-y-1", children: o.map(($, E) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e("div", { className: "space-y-1", children: o.map((D, E) => /* @__PURE__ */ e(
               jt,
               {
-                ev: $,
+                ev: D,
                 sizeMeta: m,
                 isSelected: E === v,
                 onClick: (L) => z(L, E)
               },
-              $._id || $.id || E
+              D._id || D.id || E
             )) }),
-            /* @__PURE__ */ e(Bs, { ev: y, sizeMeta: m })
+            /* @__PURE__ */ e(Ls, { ev: y, sizeMeta: m })
           ] })
         ) : (
           // Small/Medium: Simple list only
-          /* @__PURE__ */ e("div", { className: "space-y-1", children: o.map(($, E) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "space-y-1", children: o.map((D, E) => /* @__PURE__ */ e(
             jt,
             {
-              ev: $,
+              ev: D,
               sizeMeta: m,
               isSelected: E === v,
               onClick: (L) => z(L, E)
             },
-            $._id || $.id || E
+            D._id || D.id || E
           )) })
         ),
-        !T && /* @__PURE__ */ e("div", { className: "mt-4 pt-3 border-t border-zinc-200 dark:border-zinc-800", children: /* @__PURE__ */ e("button", { className: "w-full text-center text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 text-sm font-medium transition-colors duration-200", children: "View All" }) })
+        !$ && /* @__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" }) })
       ]
     }
   );
 }
-Vs.propTypes = {
+Bs.propTypes = {
   size: d.string,
   showCheckbox: d.bool,
   checkboxPosition: d.oneOf(["top-left", "top-right"]),
@@ -7024,7 +7024,7 @@ Vs.propTypes = {
   ),
   selectedIndex: d.number
 };
-const js = [
+const Vs = [
   {
     _id: "mail-1",
     sender: "Sender Name",
@@ -7069,7 +7069,7 @@ const js = [
   //     pinned: false,
   //     important: false,
   // },
-], _s = {
+], js = {
   sm: {
     wrap: "max-w-sm w-full",
     listGap: "gap-2",
@@ -7107,7 +7107,7 @@ const js = [
     searchHeight: "h-10"
   }
 };
-function Us({ email: t, sizeMeta: a, isSelected: s, onClick: i, onStar: l, onPin: h }) {
+function _s({ email: t, sizeMeta: a, isSelected: s, onClick: i, onStar: l, onPin: h }) {
   const o = (g) => {
     g.stopPropagation(), l?.(t);
   }, p = (g) => {
@@ -7125,7 +7125,7 @@ function Us({ email: t, sizeMeta: a, isSelected: s, onClick: i, onStar: l, onPin
             {
               onClick: o,
               className: "p-1 rounded hover:bg-zinc-200 dark:hover:bg-zinc-700 transition-colors duration-200",
-              children: t.starred ? /* @__PURE__ */ e(Nr, { className: "h-4 w-4 fill-yellow-400 text-yellow-400" }) : /* @__PURE__ */ e(wr, { className: "h-4 w-4 text-zinc-400 group-hover:text-yellow-400" })
+              children: t.starred ? /* @__PURE__ */ e(vr, { className: "h-4 w-4 fill-yellow-400 text-yellow-400" }) : /* @__PURE__ */ e(Nr, { className: "h-4 w-4 text-zinc-400 group-hover:text-yellow-400" })
             }
           ),
           /* @__PURE__ */ e(
@@ -7133,7 +7133,7 @@ function Us({ email: t, sizeMeta: a, isSelected: s, onClick: i, onStar: l, onPin
             {
               onClick: p,
               className: "p-1 rounded hover:bg-zinc-200 dark:hover:bg-zinc-700 transition-colors duration-200",
-              children: t.pinned ? /* @__PURE__ */ e(kr, { className: "h-4 w-4 fill-blue-500 text-blue-500" }) : /* @__PURE__ */ e(Cr, { className: "h-4 w-4 text-zinc-400 group-hover:text-blue-500" })
+              children: t.pinned ? /* @__PURE__ */ e(wr, { className: "h-4 w-4 fill-blue-500 text-blue-500" }) : /* @__PURE__ */ e(kr, { className: "h-4 w-4 text-zinc-400 group-hover:text-blue-500" })
             }
           )
         ] }),
@@ -7156,27 +7156,27 @@ function Us({ email: t, sizeMeta: a, isSelected: s, onClick: i, onStar: l, onPin
     }
   );
 }
-function Gs({
+function Us({
   size: t = "md",
   showCheckbox: a = !1,
   checkboxPosition: s = "top-left",
   onSelect: i,
   identity: l = "_id",
   title: h = "0365 Mails",
-  emails: o = js,
+  emails: o = Vs,
   selectedIndex: p = 0,
   onStar: g,
   onPin: v,
   ...x
 }) {
-  const [r, N] = P(p), m = de(t), y = me[m], z = _s[m], T = (L, V) => {
-    N(V), i?.(L);
-  }, $ = (L) => {
-    const V = { ...L, starred: !L.starred };
-    g?.(V);
+  const [r, N] = P(p), m = de(t), y = me[m], z = js[m], $ = (L, j) => {
+    N(j), i?.(L);
+  }, D = (L) => {
+    const j = { ...L, starred: !L.starred };
+    g?.(j);
   }, E = (L) => {
-    const V = { ...L, pinned: !L.pinned };
-    v?.(V);
+    const j = { ...L, pinned: !L.pinned };
+    v?.(j);
   };
   return /* @__PURE__ */ n(
     oe,
@@ -7191,24 +7191,24 @@ function Gs({
       children: [
         /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${y.title}`, children: h }) }),
         /* @__PURE__ */ e(fe, { placeholder: "Type to search..." }),
-        /* @__PURE__ */ e("div", { className: "space-y-0", children: o.map((L, V) => /* @__PURE__ */ e(
-          Us,
+        /* @__PURE__ */ e("div", { className: "space-y-0", children: o.map((L, j) => /* @__PURE__ */ e(
+          _s,
           {
             email: L,
             sizeMeta: z,
-            isSelected: V === r,
-            onClick: (U) => T(U, V),
-            onStar: $,
+            isSelected: j === r,
+            onClick: (U) => $(U, j),
+            onStar: D,
             onPin: E
           },
-          L._id || L.id || V
+          L._id || L.id || j
         )) }),
         /* @__PURE__ */ e("div", { className: "mt-4 pt-3 border-t border-zinc-200 dark:border-zinc-800", children: /* @__PURE__ */ e("button", { className: "w-full text-center text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 text-sm font-medium transition-colors duration-200", children: "View All" }) })
       ]
     }
   );
 }
-Gs.propTypes = {
+Us.propTypes = {
   size: d.string,
   showCheckbox: d.bool,
   checkboxPosition: d.oneOf(["top-left", "top-right"]),
@@ -7232,7 +7232,7 @@ Gs.propTypes = {
   onStar: d.func,
   onPin: d.func
 };
-const qs = [
+const Gs = [
   {
     _id: "contact-1",
     name: "Branden Baker",
@@ -7273,7 +7273,7 @@ const qs = [
   //     building: "Security Building",
   //     initials: "AM"
   // }
-], Ys = {
+], qs = {
   sm: {
     wrap: "max-w-sm w-full",
     searchHeight: "h-8",
@@ -7343,7 +7343,7 @@ function _t({ contact: t, sizeMeta: a, isSelected: s, onClick: i }) {
     }
   );
 }
-function Ws({ contact: t, sizeMeta: a }) {
+function Ys({ contact: t, sizeMeta: a }) {
   return t ? /* @__PURE__ */ n("div", { className: "bg-white dark:bg-zinc-900 rounded-lg border border-zinc-200 dark:border-zinc-800 p-6 h-full", children: [
     /* @__PURE__ */ n("div", { className: "flex items-center gap-4 mb-6", children: [
       /* @__PURE__ */ e("div", { className: `${a.avatarSize} flex items-center justify-center bg-gradient-to-br from-blue-500 to-blue-600 rounded-full text-white font-semibold ${a.avatarText} shadow-sm`, children: t.initials }),
@@ -7364,7 +7364,7 @@ function Ws({ contact: t, sizeMeta: a }) {
             ] })
           ] }),
           /* @__PURE__ */ n("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ e(zr, { className: "h-4 w-4 text-zinc-500 dark:text-zinc-400 flex-shrink-0" }),
+            /* @__PURE__ */ e(Cr, { className: "h-4 w-4 text-zinc-500 dark:text-zinc-400 flex-shrink-0" }),
             /* @__PURE__ */ n("div", { children: [
               /* @__PURE__ */ e("div", { className: `${a.details} text-zinc-600 dark:text-zinc-400 font-medium`, children: "Email Address" }),
               /* @__PURE__ */ e("div", { className: `${a.details} text-zinc-900 dark:text-zinc-100`, children: t.email })
@@ -7397,7 +7397,7 @@ function Ws({ contact: t, sizeMeta: a }) {
     /* @__PURE__ */ e("p", { className: "text-sm", children: "Select a contact to view details" })
   ] }) });
 }
-function Js({ sizeMeta: t }) {
+function Ws({ sizeMeta: t }) {
   return /* @__PURE__ */ n("div", { className: `relative ${t.searchHeight} mb-4`, children: [
     /* @__PURE__ */ e(ft, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-zinc-400" }),
     /* @__PURE__ */ e(
@@ -7410,20 +7410,20 @@ function Js({ sizeMeta: t }) {
     )
   ] });
 }
-function Xs({
+function Js({
   size: t = "md",
   showCheckbox: a = !1,
   checkboxPosition: s = "top-left",
   onSelect: i,
   identity: l = "_id",
   title: h = "Directory",
-  contacts: o = qs,
+  contacts: o = Gs,
   selectedIndex: p = 0,
   ...g
 }) {
-  const [v, x] = P(p), r = de(t), N = me[r], m = Ys[r], y = ($, E) => {
-    x(E), i?.($);
-  }, z = o[v] || o[0], T = m.layout === "split";
+  const [v, x] = P(p), r = de(t), N = me[r], m = qs[r], y = (D, E) => {
+    x(E), i?.(D);
+  }, z = o[v] || o[0], $ = m.layout === "split";
   return /* @__PURE__ */ n(
     oe,
     {
@@ -7436,20 +7436,20 @@ function Xs({
       ...g,
       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 ${N.title}`, children: h }) }),
-        /* @__PURE__ */ e(Js, { sizeMeta: m }),
-        T ? /* @__PURE__ */ n("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6 min-h-0", children: [
-          /* @__PURE__ */ e("div", { className: "space-y-3", children: o.map(($, E) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e(Ws, { sizeMeta: m }),
+        $ ? /* @__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((D, E) => /* @__PURE__ */ e(
             _t,
             {
-              contact: $,
+              contact: D,
               sizeMeta: m,
               isSelected: E === v,
               onClick: (L) => y(L, E)
             },
-            $._id || $.id || E
+            D._id || D.id || E
           )) }),
           /* @__PURE__ */ e(
-            Ws,
+            Ys,
             {
               contact: z,
               sizeMeta: m
@@ -7457,15 +7457,15 @@ function Xs({
           )
         ] }) : (
           // Single column layout for small screens
-          /* @__PURE__ */ e("div", { className: "space-y-3", children: o.map(($, E) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "space-y-3", children: o.map((D, E) => /* @__PURE__ */ e(
             _t,
             {
-              contact: $,
+              contact: D,
               sizeMeta: m,
               isSelected: E === v,
               onClick: (L) => y(L, E)
             },
-            $._id || $.id || E
+            D._id || D.id || E
           )) })
         ),
         /* @__PURE__ */ e("div", { className: "mt-4 pt-3 border-t border-zinc-200 dark:border-zinc-800", children: /* @__PURE__ */ e("button", { className: "w-full text-center text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 text-sm font-medium transition-colors duration-200", children: "View All" }) })
@@ -7473,7 +7473,7 @@ function Xs({
     }
   );
 }
-Xs.propTypes = {
+Js.propTypes = {
   size: d.string,
   showCheckbox: d.bool,
   checkboxPosition: d.oneOf(["top-left", "top-right"]),
@@ -7495,7 +7495,7 @@ Xs.propTypes = {
   selectedIndex: d.number
 };
 const Te = (t) => new Intl.NumberFormat("en-US", { style: "currency", currency: "USD" }).format(Number(t || 0));
-function Qs({ side: t = "left", date: a, title: s, amount: i, kind: l = "payment" }) {
+function Xs({ side: t = "left", date: a, title: s, amount: i, kind: l = "payment" }) {
   return /* @__PURE__ */ n("div", { className: `rounded-xl border border-zinc-200 dark:border-zinc-800 p-3 ${l === "payment" ? "border-l-4 border-green-500" : "border-l-4 border-rose-500"}`, children: [
     /* @__PURE__ */ e("div", { className: "text-xs text-zinc-500", children: a }),
     /* @__PURE__ */ e("div", { className: "mt-1 text-sm text-zinc-700 dark:text-zinc-200", children: s }),
@@ -7511,7 +7511,7 @@ function Qs({ side: t = "left", date: a, title: s, amount: i, kind: l = "payment
     ] })
   ] });
 }
-const Hs = {
+const Qs = {
   sm: {
     // was: "max-w-md w-full md:w-auto flex-none justify-self-start"
     wrap: "max-w-md w-auto inline-block align-top flex-none justify-self-start",
@@ -7543,7 +7543,7 @@ const Hs = {
     buttonPad: "py-3.5"
   }
 };
-function Zs({
+function Hs({
   size: t = "md",
   showCheckbox: a = !1,
   checkboxPosition: s = "top-left",
@@ -7573,7 +7573,7 @@ function Zs({
   ],
   ...r
 }) {
-  const N = de(t), m = me[N], y = Hs[N];
+  const N = de(t), m = me[N], y = Qs[N];
   return /* @__PURE__ */ n(
     oe,
     {
@@ -7618,16 +7618,16 @@ function Zs({
                 /* @__PURE__ */ e("div", { className: "mt-1 font-semibold text-green-600", children: Te(v) })
               ] })
             ] }),
-            /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: x.slice(0, 2).map((z, T) => /* @__PURE__ */ e(
-              Qs,
+            /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: x.slice(0, 2).map((z, $) => /* @__PURE__ */ e(
+              Xs,
               {
-                side: T === 0 ? "left" : "right",
+                side: $ === 0 ? "left" : "right",
                 date: z.date,
                 title: z.title,
                 amount: z.amount,
                 kind: z.kind
               },
-              z.id || T
+              z.id || $
             )) })
           ] })
         ] }),
@@ -7640,7 +7640,7 @@ function Zs({
             "aria-label": "View Transactions (mock)",
             children: [
               "View Transactions",
-              /* @__PURE__ */ e(Sr, { className: "h-4 w-4" })
+              /* @__PURE__ */ e(zr, { className: "h-4 w-4" })
             ]
           }
         )
@@ -7648,7 +7648,7 @@ function Zs({
     }
   );
 }
-Zs.propTypes = {
+Hs.propTypes = {
   size: d.string,
   showCheckbox: d.bool,
   checkboxPosition: d.oneOf(["top-left", "top-right"]),
@@ -7669,7 +7669,7 @@ Zs.propTypes = {
     })
   )
 };
-const Ks = {
+const Zs = {
   sm: {
     wrap: "max-w-xs w-full",
     title: "text-base font-semibold",
@@ -7736,7 +7736,7 @@ function Ut({ leave: t, sizeMeta: a }) {
     ] }, i)) })
   ] });
 }
-function el({
+function Ks({
   size: t = "md",
   showCheckbox: a = !1,
   checkboxPosition: s = "top-left",
@@ -7746,7 +7746,7 @@ function el({
   term: o = "Fall 2025",
   ...p
 }) {
-  const [g, v] = P("vacation"), [x, r] = P(!1), N = de(t), m = me[N], y = Ks[N], z = We.find((T) => T.id === g) || We[0];
+  const [g, v] = P("vacation"), [x, r] = P(!1), N = de(t), m = me[N], y = Zs[N], z = We.find(($) => $.id === g) || We[0];
   return /* @__PURE__ */ n(
     oe,
     {
@@ -7782,18 +7782,18 @@ function el({
             ] })
           ] })
         ] }),
-        y.showTabs && /* @__PURE__ */ e("div", { className: "flex border-b border-zinc-200 dark:border-zinc-800", children: We.map((T) => /* @__PURE__ */ e(
+        y.showTabs && /* @__PURE__ */ e("div", { className: "flex border-b border-zinc-200 dark:border-zinc-800", children: We.map(($) => /* @__PURE__ */ e(
           "button",
           {
-            className: `flex-1 py-2 px-4 text-center ${y.tab} font-medium border-b-2 transition-colors duration-200 ${g === T.id ? "border-blue-500 text-blue-600 dark:text-blue-400" : "border-transparent text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100"}`,
-            onClick: () => v(T.id),
-            children: T.name.split(" ")[0]
+            className: `flex-1 py-2 px-4 text-center ${y.tab} font-medium border-b-2 transition-colors duration-200 ${g === $.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: () => v($.id),
+            children: $.name.split(" ")[0]
           },
-          T.id
+          $.id
         )) }),
         /* @__PURE__ */ e("div", { className: "space-y-4 mb-6", children: y.showAllLeave ? (
           // LG: Show all leave types
-          We.map((T) => /* @__PURE__ */ e(Ut, { leave: T, sizeMeta: y }, T.id))
+          We.map(($) => /* @__PURE__ */ e(Ut, { leave: $, sizeMeta: y }, $.id))
         ) : y.showSingleLeave ? (
           // MD: Show active tab leave type
           /* @__PURE__ */ e(Ut, { leave: z, sizeMeta: y })
@@ -7812,7 +7812,7 @@ function el({
     }
   );
 }
-el.propTypes = {
+Ks.propTypes = {
   size: d.string,
   showCheckbox: d.bool,
   checkboxPosition: d.oneOf(["top-left", "top-right"]),
@@ -7821,7 +7821,7 @@ el.propTypes = {
   title: d.string,
   term: d.string
 };
-const tl = [
+const el = [
   {
     id: "admin-files",
     name: "Admin Files",
@@ -7854,7 +7854,7 @@ const tl = [
   //     icon: Video,
   //     color: "text-purple-500"
   // }
-], al = [
+], tl = [
   {
     id: "file-1",
     name: "2024 - Taurus",
@@ -7887,7 +7887,7 @@ const tl = [
     icon: dt,
     color: "text-orange-500"
   }
-], rl = {
+], al = {
   sm: {
     wrap: "max-w-xs w-full",
     title: "text-base font-semibold",
@@ -7927,7 +7927,7 @@ function Gt({ item: t, sizeMeta: a, showDate: s = !1 }) {
     /* @__PURE__ */ e(xe, { className: "h-4 w-4 text-zinc-400 group-hover:text-zinc-600 dark:group-hover:text-zinc-300 transition-colors duration-200" })
   ] });
 }
-function nl({
+function rl({
   size: t = "md",
   showCheckbox: a = !1,
   checkboxPosition: s = "top-left",
@@ -7937,7 +7937,7 @@ function nl({
   subtitle: o = "Drive Shared",
   ...p
 }) {
-  const [g, v] = P(!1), x = de(t), r = me[x], N = rl[x];
+  const [g, v] = P(!1), x = de(t), r = me[x], N = al[x];
   return /* @__PURE__ */ n(
     oe,
     {
@@ -7969,13 +7969,13 @@ function nl({
                 "Download All"
               ] }),
               /* @__PURE__ */ n("button", { className: "w-full px-4 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-zinc-700 text-left flex items-center gap-2", children: [
-                /* @__PURE__ */ e(Dr, { className: "h-4 w-4" }),
+                /* @__PURE__ */ e(Sr, { className: "h-4 w-4" }),
                 "Share Drive"
               ] })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { className: `grid ${N.gridCols} gap-3 `, children: tl.map((m) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: `grid ${N.gridCols} gap-3 `, children: el.map((m) => /* @__PURE__ */ e(
           Gt,
           {
             item: m,
@@ -7985,7 +7985,7 @@ function nl({
         )) }),
         N.showRecent && /* @__PURE__ */ n("div", { className: "", children: [
           /* @__PURE__ */ e("h4", { className: `font-semibold text-zinc-900 dark:text-zinc-100 mb-3 ${N.item}`, children: "Recent Files" }),
-          /* @__PURE__ */ e("div", { className: "space-y-2", children: al.map((m) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "space-y-2", children: tl.map((m) => /* @__PURE__ */ e(
             Gt,
             {
               item: m,
@@ -8003,7 +8003,7 @@ function nl({
     }
   );
 }
-nl.propTypes = {
+rl.propTypes = {
   size: d.string,
   showCheckbox: d.bool,
   checkboxPosition: d.oneOf(["top-left", "top-right"]),
@@ -8012,7 +8012,7 @@ nl.propTypes = {
   title: d.string,
   subtitle: d.string
 };
-const sl = [
+const nl = [
   {
     id: "alert-1",
     type: "warning",
@@ -8049,7 +8049,7 @@ const sl = [
   //     read: true,
   //     priority: "medium"
   // }
-], ll = {
+], sl = {
   sm: {
     wrap: "max-w-sm w-full",
     title: "text-sm font-semibold",
@@ -8085,7 +8085,7 @@ const sl = [
   if (!a || a === 0) return t;
   const s = t.split(" ");
   return s.length <= a ? t : s.slice(0, a).join(" ") + "...";
-}, il = (t) => {
+}, ll = (t) => {
   switch (t) {
     case "warning":
       return Jt;
@@ -8128,8 +8128,8 @@ const sl = [
       };
   }
 };
-function ol({ alert: t, sizeMeta: a, onDismiss: s, onMarkRead: i }) {
-  const [l, h] = P(!1), o = va(t.type), p = il(t.type);
+function il({ alert: t, sizeMeta: a, onDismiss: s, onMarkRead: i }) {
+  const [l, h] = P(!1), o = va(t.type), p = ll(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",
@@ -8152,7 +8152,7 @@ function ol({ alert: t, sizeMeta: a, onDismiss: s, onMarkRead: i }) {
     !t.read && /* @__PURE__ */ e("div", { className: "absolute top-3 left-0 w-1 h-1 rounded-full bg-blue-500 transform -translate-x-1/2" })
   ] });
 }
-function cl({ alert: t, onDismiss: a }) {
+function ol({ alert: t, onDismiss: a }) {
   const [s, i] = P(!1), l = va("banner"), h = () => {
     i(!0), a?.(t);
   };
@@ -8172,20 +8172,20 @@ function cl({ alert: t, onDismiss: a }) {
     )
   ] }) });
 }
-function dl({
+function cl({
   size: t = "md",
   showCheckbox: a = !1,
   checkboxPosition: s = "top-left",
   onSelect: i,
   identity: l = "_id",
   title: h = "Alerts",
-  alerts: o = sl,
+  alerts: o = nl,
   showBanner: p = !0,
   ...g
 }) {
-  const [v, x] = P(o), r = de(t), N = me[r], m = ll[r], y = ($) => {
-    x((E) => E.filter((L) => L.id !== $.id));
-  }, z = v.find(($) => $.type === "banner"), T = v.filter(($) => $.type !== "banner");
+  const [v, x] = P(o), r = de(t), N = me[r], m = sl[r], y = (D) => {
+    x((E) => E.filter((L) => L.id !== D.id));
+  }, z = v.find((D) => D.type === "banner"), $ = v.filter((D) => D.type !== "banner");
   return /* @__PURE__ */ n(
     oe,
     {
@@ -8199,27 +8199,27 @@ function dl({
       children: [
         /* @__PURE__ */ e("div", { className: "flex items-center justify-between ", children: /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${N.title}`, children: h }) }),
         p && z && t !== "sm" && /* @__PURE__ */ e(
-          cl,
+          ol,
           {
             alert: z,
             onDismiss: y
           }
         ),
-        /* @__PURE__ */ e("div", { className: "space-y-0.5", children: T.slice(0, 3).map(($) => /* @__PURE__ */ e(
-          ol,
+        /* @__PURE__ */ e("div", { className: "space-y-0.5", children: $.slice(0, 3).map((D) => /* @__PURE__ */ e(
+          il,
           {
-            alert: $,
+            alert: D,
             sizeMeta: m,
             onDismiss: y
           },
-          $.id
+          D.id
         )) }),
         /* @__PURE__ */ e("button", { className: "w-full py-3 px-4 border border-zinc-300 dark:border-zinc-600 text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-800 font-medium rounded-lg transition-colors duration-200", children: "View All" })
       ]
     }
   );
 }
-dl.propTypes = {
+cl.propTypes = {
   size: d.string,
   showCheckbox: d.bool,
   checkboxPosition: d.oneOf(["top-left", "top-right"]),
@@ -8239,7 +8239,7 @@ dl.propTypes = {
   ),
   showBanner: d.bool
 };
-const ml = [
+const dl = [
   {
     id: "video-1",
     title: "ALMA MATER",
@@ -8284,7 +8284,7 @@ const ml = [
   //     duration: "2:10",
   //     category: "Campus Life"
   // }
-], ul = {
+], ml = {
   sm: {
     wrap: "max-w-sm w-full",
     title: "text-sm font-bold",
@@ -8316,7 +8316,7 @@ const ml = [
     maxTitleLines: 3
   }
 };
-function hl({ video: t, sizeMeta: a }) {
+function ul({ video: t, sizeMeta: a }) {
   const [s, i] = P(!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: [
@@ -8328,7 +8328,7 @@ function hl({ video: t, sizeMeta: a }) {
           className: "w-full h-full object-cover transition-transform duration-300 group-hover:scale-105"
         }
       ),
-      /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "w-12 h-12 bg-white/90 rounded-full flex items-center justify-center transform scale-90 group-hover:scale-100 transition-transform duration-300", children: /* @__PURE__ */ e($r, { className: "h-5 w-5 text-zinc-900 ml-1" }) }) }),
+      /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "w-12 h-12 bg-white/90 rounded-full flex items-center justify-center transform scale-90 group-hover:scale-100 transition-transform duration-300", children: /* @__PURE__ */ e(Dr, { className: "h-5 w-5 text-zinc-900 ml-1" }) }) }),
       /* @__PURE__ */ e("div", { className: "absolute bottom-2 right-2 bg-black/80 text-white text-xs px-1.5 py-1 rounded", children: t.duration }),
       s && /* @__PURE__ */ n("div", { className: "absolute top-10 right-2 w-32 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-3 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-zinc-700 text-left", children: "Save" }),
@@ -8349,17 +8349,17 @@ function hl({ video: t, sizeMeta: a }) {
     ] })
   ] });
 }
-function pl({
+function hl({
   size: t = "md",
   showCheckbox: a = !1,
   checkboxPosition: s = "top-left",
   onSelect: i,
   identity: l = "_id",
   title: h = "Videos",
-  videos: o = ml,
+  videos: o = dl,
   ...p
 }) {
-  const [g, v] = P(!1), x = de(t), r = me[x], N = ul[x];
+  const [g, v] = P(!1), x = de(t), r = me[x], N = ml[x];
   return /* @__PURE__ */ n(
     oe,
     {
@@ -8394,7 +8394,7 @@ function pl({
           ] })
         ] }),
         /* @__PURE__ */ e("div", { className: `grid ${N.gridCols} gap-4 `, children: o.slice(0, N.gridCols === "grid-cols-3" ? 6 : 4).map((m) => /* @__PURE__ */ e(
-          hl,
+          ul,
           {
             video: m,
             sizeMeta: N
@@ -8409,7 +8409,7 @@ function pl({
     }
   );
 }
-pl.propTypes = {
+hl.propTypes = {
   size: d.string,
   showCheckbox: d.bool,
   checkboxPosition: d.oneOf(["top-left", "top-right"]),
@@ -8428,82 +8428,82 @@ pl.propTypes = {
   )
 };
 export {
-  Zs as AccountSummaryMock,
-  ws as ActivityMock,
-  as as AddUserGroupsRolesModal,
-  dl as AlertsMock,
+  Hs as AccountSummaryMock,
+  Ns as ActivityMock,
+  ts as AddUserGroupsRolesModal,
+  cl as AlertsMock,
   we as Avatar,
-  xn as AvatarGroup,
-  Sl as Badge,
-  kn as Breadcrumbs,
-  vn as Button,
-  Os as CampusMapMock,
+  yn as AvatarGroup,
+  zl as Badge,
+  wn as Breadcrumbs,
+  xn as Button,
+  Is as CampusMapMock,
   mt as Checkbox,
-  Ds as CommunitiesMock,
-  Xl as CustomDataGrid,
-  _l as CustomDialog,
-  Jl as CustomGridToolbar,
-  Gl as CustomTab,
+  Ss as CommunitiesMock,
+  Jl as CustomDataGrid,
+  jl as CustomDialog,
+  Wl as CustomGridToolbar,
+  Ul as CustomTab,
   sa as DatePicker,
-  Dn as DateRangePicker,
-  Xs as DirectoryMock,
-  nl as DriveMock,
-  xs as DynamicConfig,
-  Vs as EventsMock,
-  Dl as FileUploadModal,
-  Yl as FullConfigPage,
-  Fl as FullScreenLoader,
-  $l as GenericFilter,
+  Sn as DateRangePicker,
+  Js as DirectoryMock,
+  rl as DriveMock,
+  ys as DynamicConfig,
+  Bs as EventsMock,
+  Sl as FileUploadModal,
+  ql as FullConfigPage,
+  Al as FullScreenLoader,
+  Dl as GenericFilter,
   Ce as IconButton,
   X as Input,
-  el as LeaveBalanceMock,
-  vs as ManageCollectionList,
-  En as Modal,
+  Ks as LeaveBalanceMock,
+  xs as ManageCollectionList,
+  Fn as Modal,
   at as MultiSelect,
-  As as NewsMock,
-  Gs as O365MailsMock,
-  Ln as OptionsMenu,
-  Pn as PageHeader,
-  Il as PageLayout,
-  Tl as Pagination,
+  Ts as NewsMock,
+  Us as O365MailsMock,
+  Pn as OptionsMenu,
+  Mn as PageHeader,
+  Rl as PageLayout,
+  $l as Pagination,
   la as RadioGroup,
   fe as SearchBar,
   pt as Select,
   oe as SelectableCard,
-  Al as Sidebar,
+  Tl as Sidebar,
   oa as Spinner,
   ca as Textarea,
-  Wl as ToastProvider,
+  Yl as ToastProvider,
   da as ToggleSwitch,
-  El as Tooltip,
-  Ul as TreeView,
+  Fl as Tooltip,
+  _l as TreeView,
   se as UnifyedCoreButton,
-  pl as VideosMock,
-  Rl as WizardModal,
+  hl as VideosMock,
+  El as WizardModal,
   pa as adGroupsListSearchApi,
-  Ll as axiosDelete,
+  Pl as axiosDelete,
   Ze as axiosGet,
-  Vl as axiosPatch,
+  Bl as axiosPatch,
   bt as axiosPost,
-  Bl as axiosPut,
-  Ml as cookies,
-  Wn as createHttpClient,
-  Un as directoryPermissionsApi,
-  Gn as filePermissionsApi,
-  _n as gateWayUrl,
+  Ll as axiosPut,
+  Ol as cookies,
+  Yn as createHttpClient,
+  _n as directoryPermissionsApi,
+  Un as filePermissionsApi,
+  jn as gateWayUrl,
   $e as gatewayBase,
   vt as getBaseUrl,
-  Pl as getSnapshot,
-  jl as http,
-  jn as localStore,
+  Ml as getSnapshot,
+  Vl as http,
+  Vn as localStore,
   Nt as myDriveGatewayBaseV2,
   de as normalizeSize,
   Ye as notify,
   ga as provisioningBase,
   ba as rbacBase,
   fa as searchRolesApi,
-  Ol as sessionStore,
+  Il as sessionStore,
   me as sizeClasses,
-  ql as toBrowserLocalTime,
+  Gl as toBrowserLocalTime,
   ha as userSearchBase
 };