unifyedx-storybook-new 0.2.82 → 0.2.83

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

@@ -1,7 +1,7 @@
 import { jsxs as n, jsx as e, Fragment as te } from "react/jsx-runtime";
-import ae, { useState as M, 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 c, 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 Pa, T as Le, u as Ma, 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 ge, 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 Pr, ListboxOption as Mr, 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 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 { 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";
@@ -15,8 +15,8 @@ const bn = (t) => {
     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}%)`, N = `hsl(${l}, ${h}%, ${o}%)`;
-  return { bg: g, text: N };
+  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}%)`;
+  return { bg: g, text: v };
 }, yn = (t = "") => t.split(" ").map((a) => a[0]).slice(0, 2).join("").toUpperCase(), we = ({
   src: t,
   name: a,
@@ -29,11 +29,11 @@ const bn = (t) => {
   className: h,
   ...o
 }) => {
-  const [p, g] = M(!1), N = ee(() => fn(a), []), x = t && !p, r = !x && a, v = !x && !a, m = Q(
+  const [p, g] = P(!1), v = ee(() => fn(a), []), x = t && !p, r = !x && a, N = !x && !a, m = Q(
     "avatar-container",
     `avatar--size-${s}`,
     h
-  ), y = x ? "transparent" : i || N.bg, z = l || N.text;
+  ), y = x ? "transparent" : i || v.bg, z = l || v.text;
   return /* @__PURE__ */ n("div", { className: m, style: {
     backgroundColor: y,
     color: z
@@ -48,7 +48,7 @@ const bn = (t) => {
       }
     ),
     r && /* @__PURE__ */ e("span", { className: "avatar-initials", "aria-label": a, children: yn(a) }),
-    v && /* @__PURE__ */ e("span", { className: "avatar-icon", children: /* @__PURE__ */ e(ot, {}) })
+    N && /* @__PURE__ */ e("span", { className: "avatar-icon", children: /* @__PURE__ */ e(ot, {}) })
   ] });
 }, xn = ({ children: t, max: a = 4, truncatedMessage: s = "Members", ...i }) => {
   const l = ae.Children.toArray(t), h = l.slice(0, a), o = l.length - a;
@@ -74,14 +74,14 @@ const bn = (t) => {
   className: p,
   ...g
 }) => {
-  const N = Q(
+  const v = Q(
     "badge",
     `badge--variant-${a}`,
     `badge--size-${s}`,
     { "badge--with-remove": !!l },
     p
   );
-  return /* @__PURE__ */ n("span", { className: N, style: h && o ? {
+  return /* @__PURE__ */ n("span", { className: v, style: h && o ? {
     backgroundColor: h,
     color: o,
     borderColor: "#ff0000"
@@ -120,15 +120,15 @@ const bn = (t) => {
 };
 vn.propTypes = {
   /** Is this the principal call to action on the page? */
-  primary: c.bool,
+  primary: d.bool,
   /** What background color to use */
-  backgroundColor: c.string,
+  backgroundColor: d.string,
   /** How large should the button be? */
-  size: c.oneOf(["small", "medium", "large"]),
+  size: d.oneOf(["small", "medium", "large"]),
   /** Button contents */
-  label: c.string.isRequired,
+  label: d.string.isRequired,
   /** Optional click handler */
-  onClick: c.func
+  onClick: d.func
 };
 const Nn = {
   small: "btn-sm",
@@ -149,11 +149,11 @@ const Nn = {
   icon: p,
   // Renamed for clarity, expecting a component type e.g., CheckCircle
   disabled: g = !1,
-  size: N = "medium",
+  size: v = "medium",
   label: x,
   children: r,
   // ✅ Add children to the props list
-  iconWidth: v,
+  iconWidth: N,
   iconHeight: m,
   iconColor: y,
   strokeWidth: z,
@@ -162,7 +162,7 @@ const Nn = {
 }) => {
   const E = g || h, L = p && !x, V = Q(
     "btn-base",
-    Nn[N],
+    Nn[v],
     wn[o],
     {
       "is-loading": h,
@@ -182,7 +182,7 @@ const Nn = {
       "aria-label": i || L && a || (typeof x == "string" ? x : void 0),
       ...$,
       children: h ? /* @__PURE__ */ e(Ra, { className: "loader-spin", "data-testid": "button-loader" }) : /* @__PURE__ */ n(te, { children: [
-        p && /* @__PURE__ */ e(p, { size: N === "large" ? 20 : 16, width: v || 16, height: m || 16, color: y || "#767676", strokeWidth: z || 2 }),
+        p && /* @__PURE__ */ e(p, { size: v === "large" ? 20 : 16, width: N || 16, height: m || 16, color: y || "#767676", strokeWidth: z || 2 }),
         x,
         r,
         " "
@@ -222,13 +222,13 @@ const Nn = {
   onChange: o,
   ...p
 }) => {
-  const g = He(), N = a || g;
+  const g = He(), v = a || g;
   return /* @__PURE__ */ n("div", { className: `checkbox-container ${i || ""}`, children: [
-    /* @__PURE__ */ n("label", { htmlFor: N, className: "checkbox-wrapper", children: [
+    /* @__PURE__ */ n("label", { htmlFor: v, className: "checkbox-wrapper", children: [
       /* @__PURE__ */ e(
         "input",
         {
-          id: N,
+          id: v,
           type: "checkbox",
           ref: l,
           className: "checkbox-input",
@@ -291,10 +291,10 @@ const Nn = {
   className: p,
   ...g
 }) => {
-  const N = t?.from, x = t?.to, r = (m) => {
+  const v = t?.from, x = t?.to, r = (m) => {
     m.stopPropagation(), m.preventDefault(), s?.();
-  }, v = N && x ? /* @__PURE__ */ n(te, { children: [
-    kt(N, "MMM d, y"),
+  }, N = v && x ? /* @__PURE__ */ n(te, { children: [
+    kt(v, "MMM d, y"),
     " - ",
     kt(x, "MMM d, y")
   ] }) : /* @__PURE__ */ e("span", { className: "datepicker-placeholder", children: i });
@@ -312,14 +312,14 @@ const Nn = {
               "datepicker-trigger--disabled": o
             }),
             disabled: o,
-            "aria-label": N && x ? `Selected range is ${v}` : i,
+            "aria-label": v && x ? `Selected range is ${N}` : i,
             children: [
               /* @__PURE__ */ e(Yt, { className: "datepicker-icon" }),
-              /* @__PURE__ */ e("span", { className: "datepicker-value", children: v })
+              /* @__PURE__ */ e("span", { className: "datepicker-value", children: N })
             ]
           }
         ),
-        N && s && !o && /* @__PURE__ */ e(
+        v && s && !o && /* @__PURE__ */ e(
           "button",
           {
             type: "button",
@@ -601,16 +601,16 @@ const Nn = {
   validFiles: o = [],
   rejectedFiles: p = [],
   handleRemoveValidFile: g,
-  handleRemoveRejectedFile: N,
+  handleRemoveRejectedFile: v,
   handleSubmit: x,
   isSubmitting: r,
-  formErrors: v,
+  formErrors: N,
   // --- UI Text ---
   title: m = "Upload Files",
   subHeading: y = "Supports PNG, JPG, PDF. Max size: 50MB."
 }) => {
   const z = o.length > 0 || p.length > 0;
-  return /* @__PURE__ */ e(ge, { appear: !0, show: t, as: Z, children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ e(be, { appear: !0, show: t, as: Z, children: /* @__PURE__ */ n(
     ye,
     {
       as: "div",
@@ -667,7 +667,7 @@ const Nn = {
                         {
                           className: `dropzone-ui ${l ? "dropzone-ui--active" : ""}`,
                           children: [
-                            /* @__PURE__ */ e(Pa, { size: 48, className: "text-gray-400" }),
+                            /* @__PURE__ */ e(Ma, { size: 48, className: "text-gray-400" }),
                             /* @__PURE__ */ e("p", { children: "Drag and drop files here" }),
                             /* @__PURE__ */ e("p", { className: "sub-heading", children: y }),
                             /* @__PURE__ */ e("hr", {}),
@@ -684,7 +684,7 @@ const Nn = {
                           ]
                         }
                       ),
-                      v.filesToUpload && /* @__PURE__ */ e("p", { className: "form-error-message", children: v.filesToUpload.message }),
+                      N.filesToUpload && /* @__PURE__ */ e("p", { className: "form-error-message", children: N.filesToUpload.message }),
                       z && /* @__PURE__ */ n("div", { className: "file-list-container", children: [
                         /* @__PURE__ */ e("h3", { children: "Upload Queue" }),
                         /* @__PURE__ */ n("ul", { className: "file-list", children: [
@@ -740,7 +740,7 @@ const Nn = {
                                   "button",
                                   {
                                     type: "button",
-                                    onClick: () => N(E),
+                                    onClick: () => v(E),
                                     className: "remove-file-button",
                                     children: /* @__PURE__ */ e(Le, { size: 16 })
                                   }
@@ -832,17 +832,17 @@ const Nn = {
   fetchCreatedOrUpdatedByUsers: p = async () => []
   // Mockable fetcher
 }) => {
-  const [g, N] = M({
+  const [g, v] = P({
     createdBy: [],
     updatedBy: []
-  }), [x, r] = M({
+  }), [x, r] = P({
     createdBy: !1,
     updatedBy: !1
-  }), [v, m] = M({
+  }), [N, m] = P({
     startDate: null
-  }), [y, z] = M({
+  }), [y, z] = P({
     endDate: null
-  }), T = Ma({
+  }), T = Pa({
     initialValues: JSON.parse(JSON.stringify(h)),
     // Deep copy
     onSubmit: (A) => {
@@ -879,13 +879,13 @@ const Nn = {
     if (!Array.isArray(_) || _.length < 2) return !1;
     const [C, u] = _;
     if (!C || !u) return !1;
-    const S = C instanceof Date ? C : new Date(C), P = u instanceof Date ? u : new Date(u);
-    return S > P;
+    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, _) => {
     try {
       r((u) => ({ ...u, [A]: !0 }));
       const C = await p(A, _);
-      N((u) => ({ ...u, [A]: C }));
+      v((u) => ({ ...u, [A]: C }));
     } catch (C) {
       console.error(`Error fetching ${A} users:`, C);
     } finally {
@@ -895,7 +895,7 @@ const Nn = {
     const _ = l[A].key, C = l[A].url;
     l[A].type === "multiselect-users" && g[_].length === 0 && !x[_] && V(_, C);
   }, Y = () => {
-    T.resetForm(), N({ createdBy: [], updatedBy: [] }), i();
+    T.resetForm(), v({ createdBy: [], updatedBy: [] }), i();
   }, q = (A) => {
     const _ = l.find((S) => S.key === A);
     if (!_) return null;
@@ -965,7 +965,7 @@ const Nn = {
           ] })
         ] });
       case "multiselect-users":
-        const S = g[A] || [], P = x[A];
+        const S = g[A] || [], M = x[A];
         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:" }),
@@ -979,7 +979,7 @@ const Nn = {
               }
             )
           ] }),
-          P ? /* @__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: S.length > 0 ? /* @__PURE__ */ n(te, { children: [
             /* @__PURE__ */ n("div", { className: "filter-checkbox-item", children: [
               /* @__PURE__ */ e(
                 "input",
@@ -1038,7 +1038,7 @@ 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, d] = O, f = b && d, w = O[0] || null, D = O[1] || null, I = {
+        const O = C.values || [], [b, c] = O, f = b && c, w = O[0] || null, D = 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 = {
@@ -1171,7 +1171,7 @@ const Nn = {
         return null;
     }
   };
-  return /* @__PURE__ */ e(ge, { appear: !0, show: t, as: Z, children: /* @__PURE__ */ n(ye, { as: "div", className: "relative z-50", onClose: a, children: [
+  return /* @__PURE__ */ e(be, { appear: !0, show: t, as: Z, children: /* @__PURE__ */ n(ye, { as: "div", className: "relative z-50", onClose: a, children: [
     /* @__PURE__ */ e(
       ke,
       {
@@ -1346,15 +1346,15 @@ const Nn = {
   // 'info', 'warning', 'delete'
   loading: p = !1,
   buttonProps: g = {},
-  size: N
+  size: v
   // Add size prop
 }) => {
-  const x = Rt[o] || Rt.info, r = x.icon, v = () => {
+  const x = Rt[o] || Rt.info, r = x.icon, N = () => {
     a({ primary: !0, secondary: !1 });
   }, m = () => {
     a({ primary: !1, secondary: !0 });
   };
-  return /* @__PURE__ */ e(ge, { appear: !0, show: t, as: Z, children: /* @__PURE__ */ n(ye, { as: "div", className: "modal-dialog", onClose: () => a({}), children: [
+  return /* @__PURE__ */ e(be, { appear: !0, show: t, as: Z, children: /* @__PURE__ */ n(ye, { as: "div", className: "modal-dialog", onClose: () => a({}), children: [
     /* @__PURE__ */ e(
       ke,
       {
@@ -1378,7 +1378,7 @@ const Nn = {
         leave: "ease-in duration-200",
         leaveFrom: "opacity-100 scale-100",
         leaveTo: "opacity-0 scale-95",
-        children: /* @__PURE__ */ n(Fe, { className: N === "large" ? "modal-panel modal-panel--large" : "modal-panel", children: [
+        children: /* @__PURE__ */ n(Fe, { className: v === "large" ? "modal-panel modal-panel--large" : "modal-panel", children: [
           /* @__PURE__ */ n("div", { className: "modal-content-wrapper", children: [
             /* @__PURE__ */ e("div", { className: `modal-icon-container ${x.iconClass}`, children: /* @__PURE__ */ e(r, { size: 24, "aria-hidden": "true" }) }),
             /* @__PURE__ */ n("div", { className: "modal-text-content", children: [
@@ -1400,7 +1400,7 @@ const Nn = {
               se,
               {
                 type: "button",
-                onClick: v,
+                onClick: N,
                 label: l,
                 ...g
               }
@@ -1418,12 +1418,12 @@ const Nn = {
   onItemsPerPageChange: l,
   itemsPerPageOptions: h = [10, 15, 20]
 }) => {
-  const o = Math.ceil(a / s), [p, g] = M(t);
+  const o = Math.ceil(a / s), [p, g] = P(t);
   K(() => {
     g(t);
   }, [t]);
-  const N = Math.min((t - 1) * s + 1, a), x = Math.min(t * s, a), r = (v) => {
-    v.preventDefault();
+  const v = Math.min((t - 1) * s + 1, a), x = Math.min(t * s, a), r = (N) => {
+    N.preventDefault();
     let m = parseInt(p, 10);
     isNaN(m) || m < 1 ? m = 1 : m > o && (m = o), g(m), m !== t && i(m);
   };
@@ -1436,12 +1436,12 @@ const Nn = {
           id: "items-per-page",
           className: "pagination-select",
           value: s,
-          onChange: (v) => l(Number(v.target.value)),
-          children: h.map((v) => /* @__PURE__ */ e("option", { value: v, children: v }, v))
+          onChange: (N) => l(Number(N.target.value)),
+          children: h.map((N) => /* @__PURE__ */ e("option", { value: N, children: N }, N))
         }
       ),
       /* @__PURE__ */ n("span", { className: "pagination-info", children: [
-        N,
+        v,
         "-",
         x,
         " of ",
@@ -1476,7 +1476,7 @@ const Nn = {
             type: "number",
             className: "page-input",
             value: p,
-            onChange: (v) => g(v.target.value),
+            onChange: (N) => g(N.target.value),
             onBlur: r,
             "aria-label": `Current page, Page ${t}`
           }
@@ -1552,7 +1552,7 @@ const Nn = {
     }
   ),
   l && /* @__PURE__ */ e("p", { className: "radiogroup-error-message", children: l })
-] }), be = ({
+] }), fe = ({
   value: t = "",
   onDebouncedChange: a,
   debounceDelay: s = 400,
@@ -1563,12 +1563,12 @@ const Nn = {
   inputStyle: o = {},
   placeholderClass: p = "",
   searchIconSize: g = 16,
-  searchIconClass: N = "",
+  searchIconClass: v = "",
   ...x
 }) => {
-  const [r, v] = M(t);
+  const [r, N] = P(t);
   K(() => {
-    v(t);
+    N(t);
   }, [t]);
   const m = H(
     qr((z) => {
@@ -1580,11 +1580,11 @@ const Nn = {
     m.cancel();
   }), [r, m, t]);
   const y = (z) => {
-    v(z.target.value);
+    N(z.target.value);
   };
   return /* @__PURE__ */ n("div", { className: `search-bar-wrapper ${h}`, children: [
     l && /* @__PURE__ */ e("label", { htmlFor: "search-field", className: "sr-only", children: l }),
-    /* @__PURE__ */ e("div", { className: "search-bar-icon-wrapper", children: /* @__PURE__ */ e(ft, { size: g || 16, className: `search-bar-icon   ${N}`, "aria-hidden": "true" }) }),
+    /* @__PURE__ */ e("div", { className: "search-bar-icon-wrapper", children: /* @__PURE__ */ e(ft, { size: g || 16, className: `search-bar-icon   ${v}`, "aria-hidden": "true" }) }),
     /* @__PURE__ */ e(
       "input",
       {
@@ -1614,11 +1614,11 @@ const Nn = {
   // From RHF's <Controller>
   showSearch: g = !0
 }) => {
-  const [N, x] = M("");
+  const [v, x] = P("");
   console.log("Select component - value:", a, "type:", typeof a), console.log("Select component - options:", i);
-  const r = N === "" ? i : i.filter(
-    (m) => m.label.toLowerCase().includes(N.toLowerCase())
-  ), v = i.find((m) => {
+  const r = v === "" ? i : i.filter(
+    (m) => m.label.toLowerCase().includes(v.toLowerCase())
+  ), N = i.find((m) => {
     if (typeof a == "object" && a !== null) {
       if (a === m) return !0;
       if (a.id && m.id) return m.id === a.id;
@@ -1637,31 +1637,31 @@ const Nn = {
             "select-button--error": !!o
           }),
           children: [
-            /* @__PURE__ */ e("span", { className: "select-value-display", children: v ? v.label : /* @__PURE__ */ e("span", { className: "placeholder", children: l }) }),
+            /* @__PURE__ */ e("span", { className: "select-value-display", children: N ? N.label : /* @__PURE__ */ e("span", { className: "placeholder", children: l }) }),
             /* @__PURE__ */ e(Qt, { className: "select-chevron", "aria-hidden": "true" })
           ]
         }
       ),
       /* @__PURE__ */ e(
-        ge,
+        be,
         {
           leave: "transition ease-in duration-100",
           leaveFrom: "opacity-100",
           leaveTo: "opacity-0",
-          children: /* @__PURE__ */ n(Pr, { className: "select-options", children: [
+          children: /* @__PURE__ */ n(Mr, { className: "select-options", children: [
             g && /* @__PURE__ */ e("div", { className: "search-input-wrapper", children: /* @__PURE__ */ e(
-              be,
+              fe,
               {
                 onKeyDown: (m) => {
                   m.stopPropagation();
                 },
-                value: N,
+                value: v,
                 onDebouncedChange: x,
                 placeholder: "Search..."
               }
             ) }),
-            /* @__PURE__ */ e("div", { className: "select-options-list", children: r.length === 0 && N !== "" ? /* @__PURE__ */ e("div", { className: "no-results", children: "No results found." }) : r.map((m) => /* @__PURE__ */ e(
-              Mr,
+            /* @__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,
               {
                 className: ({ active: y }) => `select-option ${y ? "active" : ""}`,
                 value: m,
@@ -1694,7 +1694,7 @@ const Nn = {
     o && /* @__PURE__ */ e("p", { className: "select-error-message", children: o })
   ] }) });
 }, Rn = () => {
-  const [t, a] = M(window.location.pathname);
+  const [t, a] = P(window.location.pathname);
   return K(() => {
     const s = () => {
       a(window.location.pathname);
@@ -1709,18 +1709,18 @@ 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] = M(!1), p = t.icon;
+  const { pathname: i } = Rn(), l = t.href || t.url || t.path, [h, o] = P(!1), p = t.icon;
   K(() => {
     gt([t], i) && o(!0);
   }, [t, i]);
-  const g = i === l, N = !g && !!gt([t], i), x = (r) => {
+  const g = i === l, v = !g && !!gt([t], i), x = (r) => {
     r.preventDefault(), o(!h);
   };
   return /* @__PURE__ */ n(
     "div",
     {
       className: Q("nav-item-container", {
-        "nav-item-container--parent-active": N,
+        "nav-item-container--parent-active": v,
         [`nav-item-container--level-${s}`]: s > 0
       }),
       children: [
@@ -1899,16 +1899,16 @@ const Nn = {
   // ✅ New prop to control visibility
   ...p
 }) => {
-  const g = a || p.name, [N, x] = M(
+  const g = a || p.name, [v, x] = P(
     p.value?.length || p.defaultValue?.length || 0
   ), r = (m) => {
     x(m.target.value.length), p.onChange && p.onChange(m);
-  }, v = h - N;
+  }, N = h - v;
   return /* @__PURE__ */ n("div", { className: `textarea-wrapper ${i || ""}`, children: [
     /* @__PURE__ */ n("div", { className: "textarea-header", children: [
       t && /* @__PURE__ */ e("label", { htmlFor: g, className: "textarea-label", children: t }),
       o && h && /* @__PURE__ */ n("span", { className: "char-counter", children: [
-        v,
+        N,
         " characters remaining"
       ] })
     ] }),
@@ -2005,15 +2005,15 @@ const Nn = {
   title: o,
   description: p,
   showProgress: g = !0,
-  closeOnOverlayClick: N = !0
+  closeOnOverlayClick: v = !0
 }) => {
-  const x = s[i], r = Object.keys(s), v = r.indexOf(i), m = (v + 1) / r.length * 100, y = v > 0 && h.onBack;
-  return /* @__PURE__ */ e(ge, { show: t, as: Z, children: /* @__PURE__ */ n(
+  const x = s[i], r = Object.keys(s), N = r.indexOf(i), m = (N + 1) / r.length * 100, y = N > 0 && h.onBack;
+  return /* @__PURE__ */ e(be, { show: t, as: Z, children: /* @__PURE__ */ n(
     ye,
     {
       as: "div",
       className: "wizard-dialog",
-      onClose: N ? a : () => {
+      onClose: v ? a : () => {
       },
       children: [
         /* @__PURE__ */ e(
@@ -2110,7 +2110,7 @@ const Nn = {
   small: "btn-sm",
   medium: "btn-md",
   large: "btn-lg"
-}, Pn = {
+}, Mn = {
   primary: "btn-primary",
   secondary: "btn-secondary-icon"
 }, Ce = ({
@@ -2125,17 +2125,17 @@ const Nn = {
   // Renamed for clarity, expecting a component type e.g., CheckCircle
   disabled: p = !1,
   size: g = "small",
-  label: N,
+  label: v,
   children: x,
   // ✅ Add children to the props list
   onClick: r,
-  ...v
+  ...N
 }) => {
   const m = p, y = Q(
     "btn-base-icon",
     "btn-icon-only",
     On[g],
-    Pn[h],
+    Mn[h],
     l
   );
   return /* @__PURE__ */ e(
@@ -2148,7 +2148,7 @@ const Nn = {
       onClick: r,
       title: i,
       "aria-label": i,
-      ...v,
+      ...N,
       children: o && /* @__PURE__ */ e(o, { size: g === "large" ? 20 : 16 })
     }
   );
@@ -2199,7 +2199,7 @@ const Nn = {
       )
     ] }) })
   ] });
-}, Mn = ({
+}, Pn = ({
   heading: t,
   subHeading: a,
   breadcrumbItems: s = [],
@@ -2234,7 +2234,7 @@ const Nn = {
   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(
-      ge,
+      be,
       {
         as: Z,
         enter: "transition ease-out duration-100",
@@ -2323,7 +2323,7 @@ function ma(t) {
     }
   };
 }
-const jn = ma(localStorage), Ol = ma(sessionStorage), Pl = {
+const jn = ma(localStorage), Ol = ma(sessionStorage), Ml = {
   get(t) {
     const a = document.cookie.match(
       new RegExp("(^| )" + t + "=([^;]+)")
@@ -2389,7 +2389,7 @@ function Un() {
 function Gn() {
   return `${Nt()}/file/permissions`;
 }
-function Ml() {
+function Pl() {
   return Object.freeze({
     REACT_APP_BASE_URL: vt(),
     GATEWAY_BASE: $e(),
@@ -2462,41 +2462,41 @@ function Wn({
     // timeout: 20000,
   });
   s.interceptors.response.use(
-    (N) => N?.data ?? {
-      message: N?.statusText || "Request succeeded"
+    (v) => v?.data ?? {
+      message: v?.statusText || "Request succeeded"
     },
-    (N) => {
-      const x = Yn(N), r = x.status;
+    (v) => {
+      const x = Yn(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);
     }
   );
-  function i({ open: N = !1, customHeader: x = {} } = {}) {
-    if (N) {
-      const { Authorization: r, ...v } = It();
+  function i({ open: v = !1, customHeader: x = {} } = {}) {
+    if (v) {
+      const { Authorization: r, ...N } = It();
       return {
-        headers: { ...v, ...a, ...x }
+        headers: { ...N, ...a, ...x }
       };
     }
     return { headers: { ...It(), ...x } };
   }
-  async function l(N, x, r = !1, v = {}) {
-    return s.get(N, {
+  async function l(v, x, r = !1, N = {}) {
+    return s.get(v, {
       params: x,
-      ...i({ open: r, customHeader: v })
+      ...i({ open: r, customHeader: N })
     });
   }
-  async function h(N, x, r = !1, v = {}) {
-    const m = { ...i({ open: r, customHeader: v }) };
-    return x !== void 0 && (m.data = x), s.delete(N, m);
+  async function h(v, x, r = !1, N = {}) {
+    const m = { ...i({ open: r, customHeader: N }) };
+    return x !== void 0 && (m.data = x), s.delete(v, m);
   }
-  async function o(N, x = {}, r = !1, v = {}) {
-    return s.post(N, x, i({ open: r, customHeader: v }));
+  async function o(v, x = {}, r = !1, N = {}) {
+    return s.post(v, x, i({ open: r, customHeader: N }));
   }
-  async function p(N, x = {}, r = !1, v = {}) {
-    return s.put(N, x, i({ open: r, customHeader: v }));
+  async function p(v, x = {}, r = !1, N = {}) {
+    return s.put(v, x, i({ open: r, customHeader: N }));
   }
-  async function g(N, x = {}, r = !1, v = {}) {
-    return s.patch(N, x, i({ open: r, customHeader: v }));
+  async function g(v, x = {}, r = !1, N = {}) {
+    return s.patch(v, x, i({ open: r, customHeader: N }));
   }
   return {
     instance: s,
@@ -2594,7 +2594,7 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
     return Xn(i);
   }
 }, wt = (t, a) => {
-  const [s, i] = M(t);
+  const [s, i] = P(t);
   return K(
     () => {
       const l = Hr(() => {
@@ -2630,15 +2630,15 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
       className: "flex items-center justify-between p-3 border border-gray-300 rounded-lg hover:bg-gray-50 hover:cursor-pointer transition-colors duration-150",
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-center gap-3 overflow-hidden", children: [
-          /* @__PURE__ */ e("div", { className: "flex items-center", children: l.map((N, x) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "flex items-center", children: l.map((v, x) => /* @__PURE__ */ e(
             "img",
             {
-              src: N.avatarUrl || `https://avatar.vercel.sh/${N.name}.svg?text=${N?.name?.charAt(0) || "U"}`,
-              alt: N.name,
+              src: v.avatarUrl || `https://avatar.vercel.sh/${v.name}.svg?text=${v?.name?.charAt(0) || "U"}`,
+              alt: v.name,
               className: `w-10 h-10 rounded-full border-2 border-white ${x > 0 ? "-ml-4" : ""}`,
               style: { zIndex: x }
             },
-            N.id || x
+            v.id || x
           )) }),
           /* @__PURE__ */ e("p", { className: "text-sm font-medium text-gray-800 truncate", children: g })
         ] }),
@@ -2646,11 +2646,11 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
       ]
     }
   );
-}, Pt = [
+}, Mt = [
   { id: 1, name: De.USER, icon: Ja, code: "users" },
   { id: 2, name: De.GROUP, icon: Zt, code: "groups" },
   { id: 3, name: De.ROLE, icon: Xa, code: "roles" }
-], Mt = [
+], Pt = [
   { id: 1, name: $t.View, icon: Qa },
   { id: 2, name: $t.Manage, icon: Ha }
 ], Hn = Ya().shape({
@@ -2666,7 +2666,7 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
   },
   isChanged: p = !1
 }) => {
-  const [g, N] = M(Pt[0]), [x, r] = M(""), v = wt(x, 400), [m, y] = M([]), [z, T] = M(/* @__PURE__ */ new Set()), [$, E] = M(!1), [L, V] = M(Mt[0]), {
+  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]), {
     control: U,
     handleSubmit: Y,
     watch: q,
@@ -2674,27 +2674,27 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
   } = Za({
     defaultValues: { pendingInvites: [] },
     resolver: tr(Hn)
-  }), { fields: C, append: u, remove: S, update: P } = Ka({
+  }), { fields: C, append: u, remove: S, update: M } = Ka({
     control: U,
     name: "pendingInvites"
   }), O = q("pendingInvites");
   K(() => {
-    v.length > 1 ? (E(!0), Jn(g.name, v).then((k) => {
+    N.length > 1 ? (E(!0), Jn(g.name, N).then((k) => {
       y(k);
     }).catch((k) => console.error("Search failed:", k)).finally(() => E(!1))) : (y([]), T(/* @__PURE__ */ new Set()));
-  }, [v, g]);
+  }, [N, g]);
   const b = (k) => {
     T((R) => {
       const j = new Set(R);
       return j.has(k) ? j.delete(k) : j.add(k), j;
     });
-  }, d = () => {
+  }, 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("");
   }, f = (k) => {
     V(k), C.forEach(
-      (R, j) => P(j, { ...C[j], permission: k.name })
+      (R, j) => M(j, { ...C[j], permission: k.name })
     );
   }, w = async (k) => {
     try {
@@ -2784,7 +2784,7 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
         }
       ),
       /* @__PURE__ */ n("div", { className: "relative grid grid-cols-3 gap-2 items-start", children: [
-        /* @__PURE__ */ e("div", { className: "col-span-1", children: /* @__PURE__ */ e(le, { value: g, onChange: N, children: /* @__PURE__ */ n("div", { className: "relative", children: [
+        /* @__PURE__ */ e("div", { className: "col-span-1", children: /* @__PURE__ */ e(le, { value: g, onChange: v, children: /* @__PURE__ */ n("div", { className: "relative", children: [
           /* @__PURE__ */ n(le.Button, { className: "relative w-full border border-gray-300 rounded-md shadow-sm pl-3 pr-10 py-2 text-left hover:cursor-pointer focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500 sm:text-sm", children: [
             /* @__PURE__ */ n("span", { className: "flex items-center", children: [
               /* @__PURE__ */ e(g.icon, { className: "h-5 w-5 text-gray-400 mr-2" }),
@@ -2793,13 +2793,13 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
             /* @__PURE__ */ e("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ e(Ct, { className: "h-5 w-5 text-gray-400" }) })
           ] }),
           /* @__PURE__ */ e(
-            ge,
+            be,
             {
               as: Z,
               leave: "transition ease-in duration-100",
               leaveFrom: "opacity-100",
               leaveTo: "opacity-0",
-              children: /* @__PURE__ */ e(le.Options, { className: "absolute z-10 mt-1 w-full bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm", children: Pt.map((k) => /* @__PURE__ */ e(
+              children: /* @__PURE__ */ e(le.Options, { className: "absolute z-10 mt-1 w-full bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm", children: Mt.map((k) => /* @__PURE__ */ e(
                 le.Option,
                 {
                   value: k,
@@ -2829,7 +2829,7 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
           )
         ] }) }) }),
         /* @__PURE__ */ e("div", { className: "col-span-2", children: /* @__PURE__ */ e(
-          be,
+          fe,
           {
             placeholder: `Search by ${g.name.toLowerCase()}...`,
             onDebouncedChange: (k) => r(k),
@@ -2890,7 +2890,7 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
                 /* @__PURE__ */ e(
                   se,
                   {
-                    onClick: d,
+                    onClick: c,
                     size: "small",
                     label: "Add"
                   }
@@ -2930,13 +2930,13 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
                       /* @__PURE__ */ e("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ e(Ct, { className: "h-5 w-5 text-gray-400" }) })
                     ] }),
                     /* @__PURE__ */ e(
-                      ge,
+                      be,
                       {
                         as: Z,
                         leave: "transition ease-in duration-100",
                         leaveFrom: "opacity-100",
                         leaveTo: "opacity-0",
-                        children: /* @__PURE__ */ e(le.Options, { className: "absolute z-10 mt-1 w-auto min-w-full bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm", children: Mt.map((k) => /* @__PURE__ */ e(
+                        children: /* @__PURE__ */ e(le.Options, { className: "absolute z-10 mt-1 w-auto min-w-full bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm", children: Pt.map((k) => /* @__PURE__ */ e(
                           le.Option,
                           {
                             value: k,
@@ -3053,15 +3053,15 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
   existingShares: l,
   allowedPermissions: h
 }) => {
-  const [o, p] = M(l), [g, N] = M(0), [x, r] = M(""), v = wt(x, 300), m = {
+  const [o, p] = P(l), [g, v] = P(0), [x, r] = P(""), N = wt(x, 300), m = {
     users: o.users.filter(
-      ($) => $.name.toLowerCase().includes(v.toLowerCase())
+      ($) => $.name.toLowerCase().includes(N.toLowerCase())
     ),
     groups: o.groups.filter(
-      ($) => $.name.toLowerCase().includes(v.toLowerCase())
+      ($) => $.name.toLowerCase().includes(N.toLowerCase())
     ),
     roles: o.roles.filter(
-      ($) => $.name.toLowerCase().includes(v.toLowerCase())
+      ($) => $.name.toLowerCase().includes(N.toLowerCase())
     )
   }, y = ($, E) => {
     console.log("[ManageFlow] Removing item:", { itemToRemove: $, listKey: E });
@@ -3069,7 +3069,7 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
       ...o,
       [E]: o[E].filter((V) => V.id !== $.id)
     };
-    p(L), console.log("[ManageFlow] Syncing updated shares with parent:", L), a(L);
+    p(L), console.log("[ManageFlow] Syncing updated shares with parent:", L), a(L, !0);
   }, z = ["users", "groups", "roles"], T = ["Users", "Groups", "Roles"];
   return (
     // The main structure remains the same...
@@ -3078,7 +3078,7 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
         /* @__PURE__ */ n(
           "button",
           {
-            onClick: () => a(o),
+            onClick: () => a(o, !1),
             className: "flex items-center gap-1 text-sm font-medium text-gray-600 hover:text-gray-900 hover:cursor-pointer p-2 rounded-md hover:bg-gray-100",
             children: [
               /* @__PURE__ */ e(Kt, { className: "h-5 w-5" }),
@@ -3096,7 +3096,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: N, children: [
+      /* @__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(
             ne,
@@ -3111,7 +3111,7 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
             $
           )) }),
           /* @__PURE__ */ e("div", { className: "mt-4", children: /* @__PURE__ */ e(
-            be,
+            fe,
             {
               onDebouncedChange: r,
               value: x,
@@ -3222,7 +3222,7 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
   onClose: s,
   members: i
 }) => {
-  const [l, h] = M(!0), [o, p] = M(""), g = wt(o, 300), N = i.filter(
+  const [l, h] = P(!0), [o, p] = P(""), g = wt(o, 300), v = i.filter(
     (m) => m.name.toLowerCase().includes(g.toLowerCase())
   ), x = {
     hidden: { opacity: 0 },
@@ -3236,10 +3236,10 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
     hidden: { y: 20, opacity: 0 },
     visible: { y: 0, opacity: 1 },
     exit: { opacity: 0, x: -20 }
-  }, v = () => l ? (
+  }, N = () => l ? (
     // Show 5 skeleton items while loading
     /* @__PURE__ */ e("div", { children: Array.from({ length: 5 }).map((m, y) => /* @__PURE__ */ e(es, {}, y)) })
-  ) : N.length === 0 ? /* @__PURE__ */ n(
+  ) : v.length === 0 ? /* @__PURE__ */ n(
     ie.div,
     {
       initial: { opacity: 0, scale: 0.95 },
@@ -3258,7 +3258,7 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
       initial: "hidden",
       animate: "visible",
       className: "divide-y divide-gray-200",
-      children: /* @__PURE__ */ e(Se, { children: N.map((m) => /* @__PURE__ */ n(
+      children: /* @__PURE__ */ e(Se, { children: v.map((m) => /* @__PURE__ */ n(
         ie.li,
         {
           layout: !0,
@@ -3313,16 +3313,16 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
       )
     ] }),
     /* @__PURE__ */ e("div", { className: "p-4 border-b border-gray-200 flex-shrink-0", children: /* @__PURE__ */ e(
-      be,
+      fe,
       {
         onDebouncedChange: p,
         value: o,
         placeholder: "Search members..."
       }
     ) }),
-    /* @__PURE__ */ e("div", { className: "flex-grow overflow-y-auto", children: v() })
+    /* @__PURE__ */ e("div", { className: "flex-grow overflow-y-auto", children: N() })
   ] });
-}, fe = {
+}, ge = {
   INVITE: "invite",
   MANAGE: "manage",
   MEMBERS: "members"
@@ -3343,32 +3343,32 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
   allowedPermissions: p = [],
   ...g
 }) => {
-  const [N, x] = M(fe.INVITE), [r, v] = M(t), [m, y] = M(null), [z, T] = M(!1), [$, E] = M([]), [L, V] = M(fe.MANAGE), U = () => {
-    x(fe.INVITE), y(null), h();
+  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 = () => {
+    x(ge.INVITE), y(null), h();
   }, Y = () => {
-    x(fe.MANAGE);
+    x(ge.MANAGE);
   }, q = async ({ id: C, name: u, type: S }) => {
     if (S === "groups") {
       try {
-        const P = await Ze(`${Xe.getMembersForGroup(u)}`);
-      } catch (P) {
-        console.log("Error searching entities:", P);
+        const M = await Ze(`${Xe.getMembersForGroup(u)}`);
+      } catch (M) {
+        console.log("Error searching entities:", M);
       }
       E(resp);
     }
-    y({ id: C, type: S, name: u }), V(N), x(fe.MEMBERS);
-  }, A = (C) => {
-    console.log("changedExistingShares", C), v(C);
-    const u = it.mapValues(t, (O) => O.map((b) => ({ id: b.id, permission: b.permission })).sort((b, d) => b.id - d.id)), S = it.mapValues(C, (O) => O.map((b) => ({ id: b.id, permission: b.permission })).sort((b, d) => b.id - d.id));
-    console.log("Existing data:", u), console.log("Changed data:", S);
-    const P = !it.isEqual(u, S);
-    console.log("hasPermissionChanged:", P), T(P), P && (console.log("[AddUserGroupsRolesModal] Immediately syncing changes with parent"), s({ pendingInvites: [] }, C)), x(N === fe.MEMBERS ? L : fe.INVITE);
+    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);
   };
-  return /* @__PURE__ */ e(ge, { appear: !0, show: a, as: Z, children: /* @__PURE__ */ n(ye, { as: "div", className: "relative z-50", onClose: U, children: [
+  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" }),
     /* @__PURE__ */ e("div", { className: "filter-modal-container", children: /* @__PURE__ */ e("div", { className: "filter-modal-positioner", children: /* @__PURE__ */ e(Fe, { className: "filter-modal-panel", style: { background: "white" }, children: (() => {
-      switch (N) {
-        case fe.MANAGE:
+      switch (v) {
+        case ge.MANAGE:
           return /* @__PURE__ */ e(
             ie.div,
             {
@@ -3392,7 +3392,7 @@ const Ee = Wn(), Ze = Ee.axiosGet, Ll = Ee.axiosDelete, bt = Ee.axiosPost, Bl =
             },
             "manage"
           );
-        case fe.MEMBERS:
+        case ge.MEMBERS:
           return /* @__PURE__ */ e(
             ie.div,
             {
@@ -3462,17 +3462,17 @@ function at({
   displayLimit: p = 3,
   selectionLimit: g = -1,
   // NEW: search behavior
-  searchMode: N = "client",
+  searchMode: v = "client",
   // "client" | "server"
   onSearch: x,
   // (query: string) => void (required if searchMode==="server")
   serverLoading: r = !1,
-  minSearchChars: v = 2,
+  minSearchChars: N = 2,
   // NEW: mappers (id/label keys)
   getOptionId: m = (z) => String(z.id),
   getOptionLabel: y = (z) => z.name
 }) {
-  const z = He(), T = He(), [$, E] = M(""), L = he(""), V = ee(() => {
+  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;
@@ -3482,9 +3482,9 @@ function at({
     return a.filter((u) => y(u).toLowerCase().includes(C));
   }, [a, $, y]);
   K(() => {
-    N === "server" && $.length >= v && $ !== L.current && (L.current = $, x && x($));
-  }, [$, N, v, x]);
-  const q = N === "client" ? Y : a, A = () => {
+    v === "server" && $.length >= N && $ !== L.current && (L.current = $, x && x($));
+  }, [$, v, N, x]);
+  const q = v === "client" ? Y : a, A = () => {
     if (!U.length)
       return /* @__PURE__ */ e("span", { className: "text-gray-500", children: h });
     const C = U.slice(0, p), u = U.length - p;
@@ -3535,7 +3535,7 @@ function at({
         }
       ),
       /* @__PURE__ */ e(
-        ge,
+        be,
         {
           as: Z,
           show: C,
@@ -3544,37 +3544,37 @@ function at({
           leaveTo: "opacity-0",
           children: /* @__PURE__ */ n(le.Options, { className: "absolute z-10 w-full py-1 mt-1 overflow-auto text-base bg-white rounded-md shadow-lg max-h-60 ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm", children: [
             /* @__PURE__ */ e("div", { className: "p-2 sticky top-0 bg-white z-20 shadow-sm", children: /* @__PURE__ */ e(
-              be,
+              fe,
               {
                 value: $,
                 onDebouncedChange: E,
-                placeholder: N === "server" ? `Search (min ${v})…` : "Search options…"
+                placeholder: v === "server" ? `Search (min ${N})…` : "Search options…"
               }
             ) }),
-            N === "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: N === "server" ? $.length < v ? `Type at least ${v} characters to search.` : "No results." : "No options found." }) : q.map((u) => {
-              const S = m(u), P = y(u), O = U.some((d) => m(d) === S), b = g !== -1 && U.length >= g && !O;
+            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;
               return /* @__PURE__ */ e(
                 le.Option,
                 {
                   value: u,
                   disabled: b,
-                  className: ({ active: d }) => qe(
-                    b ? " text-gray-400  bg-white  cursor-not-allowed" : d ? " bg-gray-200  text-gray-900" : " text-gray-900",
+                  className: ({ active: c }) => qe(
+                    b ? " text-gray-400  bg-white  cursor-not-allowed" : c ? " bg-gray-200  text-gray-900" : " text-gray-900",
                     " relative  cursor-default  select-none  py-2  pl-3  pr-9"
                   ),
-                  children: ({ selected: d, active: f }) => /* @__PURE__ */ n(te, { children: [
+                  children: ({ selected: c, active: f }) => /* @__PURE__ */ n(te, { children: [
                     /* @__PURE__ */ e(
                       "span",
                       {
                         className: qe(
-                          d ? "font-semibold" : "font-normal",
+                          c ? "font-semibold" : "font-normal",
                           "block truncate"
                         ),
-                        children: P
+                        children: M
                       }
                     ),
-                    d && /* @__PURE__ */ e(
+                    c && /* @__PURE__ */ e(
                       "span",
                       {
                         className: qe(
@@ -3597,28 +3597,28 @@ function at({
   ] }) });
 }
 at.propTypes = {
-  label: c.string.isRequired,
-  options: c.arrayOf(
-    c.shape({
-      id: c.oneOfType([c.string, c.number]),
-      name: c.string
+  label: d.string.isRequired,
+  options: d.arrayOf(
+    d.shape({
+      id: d.oneOfType([d.string, d.number]),
+      name: d.string
     })
   ),
-  selected: c.array,
-  onChange: c.func,
-  onBlur: c.func,
-  placeholder: c.string,
-  error: c.string,
-  displayLimit: c.number,
-  selectionLimit: c.number,
+  selected: d.array,
+  onChange: d.func,
+  onBlur: d.func,
+  placeholder: d.string,
+  error: d.string,
+  displayLimit: d.number,
+  selectionLimit: d.number,
   // NEW
-  searchMode: c.oneOf(["client", "server"]),
-  onSearch: c.func,
+  searchMode: d.oneOf(["client", "server"]),
+  onSearch: d.func,
   // required when searchMode="server"
-  serverLoading: c.bool,
-  minSearchChars: c.number,
-  getOptionId: c.func,
-  getOptionLabel: c.func
+  serverLoading: d.bool,
+  minSearchChars: d.number,
+  getOptionId: d.func,
+  getOptionLabel: d.func
 };
 at.defaultProps = {
   options: [],
@@ -3650,7 +3650,7 @@ const _l = ({
 }) => {
   const g = (x) => {
     x.target === x.currentTarget && a(!1);
-  }, N = (x) => {
+  }, v = (x) => {
     x.stopPropagation();
   };
   return /* @__PURE__ */ n(
@@ -3671,7 +3671,7 @@ const _l = ({
           Fe,
           {
             className: `${p} relative bg-white align-middle w-full lg:w-[36rem] mx-5 lg:mx-0 transform overflow-hidden rounded-2xl text-left shadow-xl lg:min-w-[36rem] md:min-w-96 transition-all`,
-            onClick: N,
+            onClick: v,
             children: [
               /* @__PURE__ */ n("div", { className: "flex justify-between items-center border-b border-gray-200 p-6 flex-shrink-0", children: [
                 i?.customHeader && i.customHeader,
@@ -3682,7 +3682,7 @@ const _l = ({
                 "div",
                 {
                   className: "px-5 mb-5",
-                  onClick: N,
+                  onClick: v,
                   children: s
                 }
               ),
@@ -3746,11 +3746,11 @@ function ns({
   onDelete: p,
   renderActions: g,
   // optional override
-  dragId: N,
+  dragId: v,
   dropId: x,
   indent: r = 24
 }) {
-  const { setNodeRef: v, isOver: m } = rr({ id: x }), { attributes: y, listeners: z, setNodeRef: T, transform: $, isDragging: E } = nr({ id: N }), L = $ ? { transform: `translate3d(${Math.round($.x)}px, ${Math.round($.y)}px, 0)` } : void 0, [V, U] = M(!1), [Y, q] = M(t.name), A = () => {
+  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);
   }, _ = ee(() => /* @__PURE__ */ e(
@@ -3769,7 +3769,7 @@ function ns({
   return /* @__PURE__ */ n(
     "div",
     {
-      ref: v,
+      ref: N,
       className: `tv-row ${m ? "tv-drop-over" : ""} ${E ? "dragging" : ""}`,
       style: { ...L, paddingLeft: 8 + a * r },
       onClick: (C) => {
@@ -3823,18 +3823,18 @@ function cs(t, { rootId: a, getId: s, getParent: i, getName: l }) {
 function ds(t, { rootId: a, getId: s, getName: i }) {
   const l = /* @__PURE__ */ new Map();
   function h(p, g) {
-    const N = s(p), x = {
+    const v = s(p), x = {
       ...p,
-      id: N,
+      id: v,
       name: i(p),
       parentId: g || a,
-      children: (p.children || []).map((r) => h(r, N))
+      children: (p.children || []).map((r) => h(r, v))
     };
-    return l.set(N, x), x;
+    return l.set(v, x), x;
   }
   return { roots: t.map((p) => h(p, null)), byId: l };
 }
-const Me = (t) => t.map((a) => ({ ...a, children: Me(a.children || []) }));
+const Pe = (t) => t.map((a) => ({ ...a, children: Pe(a.children || []) }));
 function ms(t, a) {
   let s = null;
   function i(h) {
@@ -3884,10 +3884,10 @@ function Ul({
   onSelect: o,
   onCreateRoot: p,
   onCreateChild: g,
-  onRename: N,
+  onRename: v,
   onDelete: x,
   onMove: r,
-  renderActions: v,
+  renderActions: N,
   disableMoveToRoot: m = !1,
   // ← allow root moves by default now
   indentUnit: y = 24
@@ -3895,32 +3895,32 @@ function Ul({
   const { roots: z } = ee(() => os(t) ? ds(t, { rootId: a, getId: i, getName: h }) : cs(
     t.map((b) => ({ ...b })),
     { rootId: a, getId: i, getParent: l, getName: h }
-  ), [t, a, i, l, h]), [T, $] = M({}), E = H((b) => {
-    const d = {};
+  ), [t, a, i, l, h]), [T, $] = P({}), E = H((b) => {
+    const c = {};
     return (function f(w) {
       w.forEach((D) => {
-        d[D.id] = !0, D.children?.length && f(D.children);
+        c[D.id] = !0, D.children?.length && f(D.children);
       });
-    })(b), d;
+    })(b), c;
   }, []);
   ae.useEffect(() => {
     $(E(z));
   }, [z, E]);
   const L = H(
-    (b) => $((d) => ({ ...d, [b]: !d[b] })),
+    (b) => $((c) => ({ ...c, [b]: !c[b] })),
     []
-  ), [V, U] = M(() => Me(z));
-  ae.useEffect(() => U(Me(z)), [z]);
+  ), [V, U] = P(() => Pe(z));
+  ae.useEffect(() => U(Pe(z)), [z]);
   const Y = sr(
     lr(dr, { activationConstraint: { delay: 250, tolerance: 5 } })
-  ), q = he(null), [A, _] = M(null), C = he(0), u = () => {
+  ), q = he(null), [A, _] = P(null), C = he(0), u = () => {
   }, S = ({ delta: b }) => {
     C.current = b?.x ?? 0;
-  }, P = H(
-    ({ active: b, over: d }) => {
+  }, M = H(
+    ({ active: b, over: c }) => {
       const f = C.current;
-      if (C.current = 0, _(null), !b || !d) return;
-      const w = String(b.id).replace(/^drag-/, ""), D = String(d.id).replace(/^drop-/, "");
+      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 k = Math.max(0, Math.floor(-f / y));
@@ -3937,50 +3937,50 @@ function Ul({
         }
       }
       if (m && I === a) {
-        U(Me(z));
+        U(Pe(z));
         return;
       }
-      const R = Me(V), { newRoots: j, removed: F } = ms(R, w);
+      const R = Pe(V), { newRoots: j, removed: F } = ms(R, w);
       if (!F) return;
       const G = us(j, I, F);
       U(G), r?.({ sourceId: w, destParentId: I, newTree: G });
     },
     [V, z, a, m, y, r]
   ), O = H(
-    (b, d = 0) => b.map((f) => /* @__PURE__ */ n(ae.Fragment, { children: [
+    (b, c = 0) => b.map((f) => /* @__PURE__ */ n(ae.Fragment, { children: [
       /* @__PURE__ */ e(
         ns,
         {
           node: f,
-          depth: d,
+          depth: c,
           expanded: !!T[f.id],
           onToggle: () => L(f.id),
           onSelect: o,
           onCreateChild: g,
-          onRename: N,
+          onRename: v,
           onDelete: x,
-          renderActions: v,
+          renderActions: N,
           dragId: `drag-${f.id}`,
           dropId: `drop-${f.id}`,
           indent: y
         }
       ),
-      T[f.id] && f.children?.length > 0 ? O(f.children, d + 1) : null
+      T[f.id] && f.children?.length > 0 ? O(f.children, c + 1) : null
     ] }, f.id)),
-    [T, y, g, x, N, o, v, L]
+    [T, y, g, x, v, o, N, L]
   );
   return ae.useMemo(() => {
     if (!A) return null;
     const b = String(A).replace(/^drag-/, "");
-    function d(f) {
+    function c(f) {
       for (const w of f) {
         if (w.id === b) return w;
-        const D = w.children?.length ? d(w.children) : null;
+        const D = w.children?.length ? c(w.children) : null;
         if (D) return D;
       }
       return null;
     }
-    return d(V);
+    return c(V);
   }, [A, V]), /* @__PURE__ */ n("div", { className: "tv", children: [
     s !== !1 && /* @__PURE__ */ n("div", { className: "tv-header", children: [
       /* @__PURE__ */ e("div", { className: "tv-title", children: s }),
@@ -3998,7 +3998,7 @@ function Ul({
         sensors: Y,
         onDragStart: u,
         onDragMove: S,
-        onDragEnd: P,
+        onDragEnd: M,
         modifiers: [or],
         children: /* @__PURE__ */ e("div", { ref: q, className: "tv-list", children: O(V, 0) })
       }
@@ -4019,28 +4019,28 @@ const Gl = ({
   ...p
   // Pass remaining props to Tab.Group
 }) => {
-  const g = s === "vertical", N = (v) => ze(
+  const g = s === "vertical", v = (N) => ze(
     "py-2 -mb-px text-sm font-medium focus:outline-none border-b-2",
-    v ? "border-primaryX text-textX" : "border-transparent text-slate-600 hover:text-indigo-700"
-  ), x = (v) => ze(
+    N ? "border-primaryX text-textX" : "border-transparent text-slate-600 hover:text-indigo-700"
+  ), x = (N) => ze(
     "text-left text-sm rounded-md px-2 py-1.5 focus:outline-none",
-    v ? "bg-primaryX text-white" : "text-textX hover:bg-lightgray-100 hover:text-primaryX"
-  ), r = ({ selected: v }) => o ? typeof o == "function" ? o(v) : o : g ? x(v) : N(v);
+    N ? "bg-primaryX text-white" : "text-textX hover:bg-lightgray-100 hover:text-primaryX"
+  ), r = ({ selected: N }) => o ? typeof o == "function" ? o(N) : o : g ? x(N) : v(N);
   return /* @__PURE__ */ e(ne.Group, { vertical: g, ...p, children: g ? /* @__PURE__ */ n("div", { className: ze("flex gap-4", i), children: [
-    /* @__PURE__ */ e(ne.List, { className: ze("w-[150px] flex flex-col gap-1 border-r border-gray-300 pr-2", l), children: t.map((v) => /* @__PURE__ */ e(ne, { className: r, children: v.label }, v.key)) }),
-    /* @__PURE__ */ e(ne.Panels, { unmount: !a, className: ze("flex-1", h), children: t.map((v) => /* @__PURE__ */ e(ne.Panel, { className: "focus:outline-none", children: /* @__PURE__ */ e("div", { className: "[overflow-anchor:none]", children: v.content }) }, v.key)) })
+    /* @__PURE__ */ e(ne.List, { className: ze("w-[150px] flex flex-col gap-1 border-r border-gray-300 pr-2", l), children: t.map((N) => /* @__PURE__ */ e(ne, { className: r, children: N.label }, N.key)) }),
+    /* @__PURE__ */ e(ne.Panels, { unmount: !a, className: ze("flex-1", h), children: t.map((N) => /* @__PURE__ */ e(ne.Panel, { className: "focus:outline-none", children: /* @__PURE__ */ e("div", { className: "[overflow-anchor:none]", children: N.content }) }, N.key)) })
   ] }) : (
     // mostly this part is used :  horizontal
     /* @__PURE__ */ n(te, { children: [
-      /* @__PURE__ */ e(ne.List, { className: ze("flex gap-6 border rounded-t-2xl px-1.5 border-gray-300 mb-3 ", l), children: t.map((v) => /* @__PURE__ */ e(ne, { className: r, children: v.label }, v.key)) }),
-      /* @__PURE__ */ e(ne.Panels, { unmount: !a, className: ze("mt-2", h), children: t.map((v) => /* @__PURE__ */ e(ne.Panel, { className: "focus:outline-none", children: /* @__PURE__ */ e("div", { className: "[overflow-anchor:none]", children: v.content }) }, v.key)) })
+      /* @__PURE__ */ e(ne.List, { className: ze("flex gap-6 border rounded-t-2xl px-1.5 border-gray-300 mb-3 ", l), children: t.map((N) => /* @__PURE__ */ e(ne, { className: r, children: N.label }, N.key)) }),
+      /* @__PURE__ */ e(ne.Panels, { unmount: !a, className: ze("mt-2", h), children: t.map((N) => /* @__PURE__ */ e(ne.Panel, { className: "focus:outline-none", children: /* @__PURE__ */ e("div", { className: "[overflow-anchor:none]", children: N.content }) }, N.key)) })
     ] })
   ) });
 };
 function ql(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;
 }
-c.string;
+d.string;
 function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
   console.log(t);
   const [l, h] = ae.useState(t), [o, p] = ae.useState(() => {
@@ -4054,13 +4054,13 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       console.log("Updated Section data for", t.key, r), p(r);
     }
   }, [a, t.key]), console.log("Section data", o);
-  const N = he(o);
+  const v = he(o);
   K(() => {
-    N.current !== o && s && typeof s == "function" && (N.current = o, s(l.key, o));
+    v.current !== o && s && typeof s == "function" && (v.current = o, s(l.key, o));
   }, [l.key, o, s]);
   const x = (r) => {
     if (!r.dependsOn) return !0;
-    const { field: v, value: m, operator: y = "equals" } = r.dependsOn, z = o[v];
+    const { field: N, value: m, operator: y = "equals" } = r.dependsOn, z = o[N];
     switch (y) {
       case "equals":
         return z === m;
@@ -4096,7 +4096,7 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
     ),
     /* @__PURE__ */ e("p", { style: { fontSize: "14px", marginBottom: "10px" }, children: l.description }),
     l.layout === "inline-checkboxes" ? /* @__PURE__ */ n("div", { style: { marginBottom: "20px" }, children: [
-      /* @__PURE__ */ e("div", { style: { display: "flex", flexWrap: "wrap", gap: "20px", alignItems: "center" }, children: l.fields.map((r, v) => x(r) && r.fieldtype === "checkbox" && /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center" }, children: [
+      /* @__PURE__ */ e("div", { style: { display: "flex", flexWrap: "wrap", gap: "20px", alignItems: "center" }, children: l.fields.map((r, N) => x(r) && r.fieldtype === "checkbox" && /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center" }, children: [
         /* @__PURE__ */ e(
           mt,
           {
@@ -4122,17 +4122,17 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             children: "ℹ️"
           }
         )
-      ] }, v)) }),
+      ] }, N)) }),
       l.fields.some(
         (r) => r.fieldtype === "checkbox" && i[l.key]?.[r.key]
       ) && /* @__PURE__ */ e("div", { style: { marginTop: "10px" }, children: l.fields.map(
-        (r, v) => r.fieldtype === "checkbox" && i[l.key]?.[r.key] && /* @__PURE__ */ n("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: [
+        (r, N) => r.fieldtype === "checkbox" && i[l.key]?.[r.key] && /* @__PURE__ */ n("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: [
           r.label,
           ": ",
           i[l.key][r.key]
-        ] }, v)
+        ] }, N)
       ) })
-    ] }) : /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: l.fields.map((r, v) => x(r) && /* @__PURE__ */ n("div", { className: r.fullWidth ? "col-span-full" : "", style: { marginBottom: "10px" }, children: [
+    ] }) : /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: l.fields.map((r, N) => x(r) && /* @__PURE__ */ n("div", { className: r.fullWidth ? "col-span-full" : "", style: { marginBottom: "10px" }, children: [
       r.fieldtype !== "checkbox" && /* @__PURE__ */ n(
         "label",
         {
@@ -4429,7 +4429,7 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       ] }),
       r.fieldtype === "search" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
-          be,
+          fe,
           {
             value: o[r.key] || "",
             onChange: (m) => {
@@ -4572,30 +4572,30 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           children: r.info
         }
       )
-    ] }, v)) })
+    ] }, 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 = {} }) {
   console.log(`[DynamicConfig/DataTableRenderer] Component loaded for section: ${t.key}`);
-  const [l, h] = M(t), [o, p] = M(null), [g, N] = M(null);
+  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] = M(() => {
+  const [x, r] = P(() => {
     const u = a && a[l.key] || [];
     let S;
-    return u.length > 0 ? S = u.map((P, O) => ({
-      ...P,
-      id: P.id !== void 0 ? P.id : O
+    return u.length > 0 ? S = 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;
-  }), v = he(a), m = he(null);
+  }), 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), v.current = a, m.current = u;
+      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;
       let O;
-      u.length > 0 ? O = u.map((b, d) => ({
+      u.length > 0 ? O = u.map((b, c) => ({
         ...b,
-        id: b.id !== void 0 ? b.id : d
+        id: b.id !== void 0 ? b.id : c
       })) : O = [{ id: 0 }], console.log(`[DataTableRenderer] ${l.key} - Setting new data:`, O), r(O);
     }
   }, [a, l.key]);
@@ -4608,47 +4608,47 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
     z.current && clearTimeout(z.current);
   }, []);
   const $ = (u) => {
-    const S = (b, d) => {
-      console.log("[DataTableRenderer] updateFieldValue called with:", { rowIndex: b, value: d, type: typeof d }), r((f) => {
+    const S = (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] = d, w;
+        return w[b][u.key] = c, w;
       });
-    }, P = (b) => i[l.key]?.[b]?.[u.key], O = (b) => {
-      const d = P(b);
-      return d ? /* @__PURE__ */ e("div", { className: "text-red-500 text-xs mt-1", children: d }) : null;
+    }, M = (b) => i[l.key]?.[b]?.[u.key], O = (b) => {
+      const c = M(b);
+      return c ? /* @__PURE__ */ e("div", { className: "text-red-500 text-xs mt-1", children: c }) : null;
     };
     switch (u.fieldtype) {
       case "text":
-        return (b, d) => /* @__PURE__ */ n("div", { children: [
+        return (b, c) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             X,
             {
               value: b[u.key] || "",
-              onChange: (f) => S(d, f.target.value),
+              onChange: (f) => S(c, f.target.value),
               placeholder: u.placeholder || `Enter ${u.label}`,
               required: u.required,
-              className: `w-full ${P(d) ? "border-red-500" : ""}`
+              className: `w-full ${M(c) ? "border-red-500" : ""}`
             }
           ),
-          O(d)
+          O(c)
         ] });
       case "textarea":
-        return (b, d) => /* @__PURE__ */ n("div", { children: [
+        return (b, c) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             ca,
             {
               value: b[u.key] || "",
-              onChange: (f) => S(d, f.target.value),
+              onChange: (f) => S(c, f.target.value),
               placeholder: u.placeholder || `Enter ${u.label}`,
               required: u.required,
-              className: `w-full ${P(d) ? "border-red-500" : ""}`,
+              className: `w-full ${M(c) ? "border-red-500" : ""}`,
               rows: 3
             }
           ),
-          O(d)
+          O(c)
         ] });
       case "number":
-        return (b, d) => /* @__PURE__ */ n("div", { children: [
+        return (b, c) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             X,
             {
@@ -4657,7 +4657,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               min: u.min,
               max: u.max,
               step: u.step,
-              onChange: (f) => S(d, f.target.value),
+              onChange: (f) => S(c, f.target.value),
               onBlur: (f) => {
                 const w = f.target.value;
                 if (w !== "" && w !== null && w !== void 0) {
@@ -4667,7 +4667,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               },
               placeholder: u.placeholder || `Enter ${u.label}`,
               required: u.required,
-              className: `w-full ${P(d) ? "border-red-500" : ""}`
+              className: `w-full ${M(c) ? "border-red-500" : ""}`
             }
           ),
           u.min !== void 0 && /* @__PURE__ */ n("div", { style: { color: "#6b7280", fontSize: "11px", marginTop: "2px" }, children: [
@@ -4678,71 +4678,71 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             "Max: ",
             u.max
           ] }),
-          O(d)
+          O(c)
         ] });
       case "email":
-        return (b, d) => /* @__PURE__ */ n("div", { children: [
+        return (b, c) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             X,
             {
               type: "email",
               value: b[u.key] || "",
-              onChange: (f) => S(d, f.target.value),
+              onChange: (f) => S(c, f.target.value),
               placeholder: u.placeholder || "Enter email address",
               required: u.required,
-              className: `w-full ${P(d) ? "border-red-500" : ""}`
+              className: `w-full ${M(c) ? "border-red-500" : ""}`
             }
           ),
-          O(d)
+          O(c)
         ] });
       case "url":
-        return (b, d) => /* @__PURE__ */ n("div", { children: [
+        return (b, c) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             X,
             {
               type: "url",
               value: b[u.key] || "",
-              onChange: (f) => S(d, f.target.value),
+              onChange: (f) => S(c, f.target.value),
               placeholder: u.placeholder || "Enter URL",
               required: u.required,
-              className: `w-full ${P(d) ? "border-red-500" : ""}`
+              className: `w-full ${M(c) ? "border-red-500" : ""}`
             }
           ),
-          O(d)
+          O(c)
         ] });
       case "password":
-        return (b, d) => /* @__PURE__ */ n("div", { children: [
+        return (b, c) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             X,
             {
               type: "password",
               value: b[u.key] || "",
-              onChange: (f) => S(d, f.target.value),
+              onChange: (f) => S(c, f.target.value),
               placeholder: u.placeholder || "Enter password",
               required: u.required,
-              className: `w-full ${P(d) ? "border-red-500" : ""}`
+              className: `w-full ${M(c) ? "border-red-500" : ""}`
             }
           ),
-          O(d)
+          O(c)
         ] });
       case "select":
       case "dropdown":
-        return (b, d) => /* @__PURE__ */ n("div", { children: [
+        return (b, c) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             pt,
             {
               value: b[u.key] || "",
-              onChange: (f) => S(d, f),
+              onChange: (f) => S(c, f),
               options: u.options || [],
               placeholder: u.placeholder || `Select ${u.label}`,
               required: u.required,
-              className: `w-full ${P(d) ? "border-red-500" : ""}`
+              className: `w-full ${M(c) ? "border-red-500" : ""}`
             }
           ),
-          O(d)
+          O(c)
         ] });
       case "selectDynamic":
-        return (b, d) => {
+        return (b, c) => {
           const f = () => {
             if (u.optionsFrom && a) {
               const { config: w, valueField: D, labelField: I } = u.optionsFrom, k = a[w] || [];
@@ -4759,27 +4759,27 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             /* @__PURE__ */ e(
               pt,
               {
-                index: d,
+                index: c,
                 value: b[u.key] || "",
-                onChange: (w) => S(d, w),
+                onChange: (w) => S(c, w),
                 options: f(),
                 placeholder: u.placeholder || `Select ${u.label}`,
                 required: u.required,
-                className: `w-full ${P(d) ? "border-red-500" : ""}`
+                className: `w-full ${M(c) ? "border-red-500" : ""}`
               },
               Math.random()
             ),
-            O(d)
+            O(c)
           ] });
         };
       case "multiselect":
-        return (b, d) => {
+        return (b, c) => {
           const f = b[u.key] || [];
           return /* @__PURE__ */ e(
             at,
             {
               selectedItems: f,
-              onSelectionChange: (w) => S(d, w),
+              onSelectionChange: (w) => S(c, w),
               options: u.options || [],
               placeholder: u.placeholder || `Select ${u.label}`,
               className: "w-full"
@@ -4788,82 +4788,82 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         };
       case "checkbox":
       case "boolean":
-        return (b, d) => /* @__PURE__ */ e(
+        return (b, c) => /* @__PURE__ */ e(
           mt,
           {
             checked: !!b[u.key],
-            onChange: (f) => S(d, f),
+            onChange: (f) => S(c, f),
             label: u.placeholder || u.label,
             className: "w-full"
           }
         );
       case "toggle":
       case "switch":
-        return (b, d) => /* @__PURE__ */ e(
+        return (b, c) => /* @__PURE__ */ e(
           da,
           {
             isOn: !!b[u.key],
-            onToggle: (f) => S(d, f),
+            onToggle: (f) => S(c, f),
             label: u.placeholder || u.label,
             className: "w-full"
           }
         );
       case "date":
-        return (b, d) => /* @__PURE__ */ e(
+        return (b, c) => /* @__PURE__ */ e(
           sa,
           {
             selectedDate: b[u.key] ? new Date(b[u.key]) : null,
-            onDateChange: (f) => S(d, f ? f.toISOString().split("T")[0] : ""),
+            onDateChange: (f) => S(c, f ? f.toISOString().split("T")[0] : ""),
             placeholder: u.placeholder || "Select date",
             className: "w-full"
           }
         );
       case "datetime":
-        return (b, d) => /* @__PURE__ */ e(
+        return (b, c) => /* @__PURE__ */ e(
           X,
           {
             type: "datetime-local",
             value: b[u.key] || "",
-            onChange: (f) => S(d, f.target.value),
+            onChange: (f) => S(c, f.target.value),
             placeholder: u.placeholder || "Select date and time",
             required: u.required,
             className: "w-full"
           }
         );
       case "time":
-        return (b, d) => /* @__PURE__ */ e(
+        return (b, c) => /* @__PURE__ */ e(
           X,
           {
             type: "time",
             value: b[u.key] || "",
-            onChange: (f) => S(d, f.target.value),
+            onChange: (f) => S(c, f.target.value),
             placeholder: u.placeholder || "Select time",
             required: u.required,
             className: "w-full"
           }
         );
       case "radio":
-        return (b, d) => /* @__PURE__ */ e(
+        return (b, c) => /* @__PURE__ */ e(
           la,
           {
             selectedValue: b[u.key] || "",
-            onValueChange: (f) => S(d, f),
+            onValueChange: (f) => S(c, f),
             options: u.options || [],
             className: "w-full"
           }
         );
       case "search":
-        return (b, d) => /* @__PURE__ */ e(
-          be,
+        return (b, c) => /* @__PURE__ */ e(
+          fe,
           {
             value: b[u.key] || "",
-            onChange: (f) => S(d, f),
+            onChange: (f) => S(c, f),
             placeholder: u.placeholder || `Search ${u.label}`,
             className: "w-full"
           }
         );
       case "audience":
-        return (b, d) => {
+        return (b, c) => {
           const f = b[u.key] || { users: [], groups: [], roles: [] }, w = [
             ...f.users || [],
             ...f.groups || [],
@@ -4884,7 +4884,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               {
                 className: "text-blue-600 font-semibold hover:text-blue-800",
                 onClick: () => {
-                  N(u.key), p(d);
+                  v(u.key), p(c);
                 },
                 children: w.length > 0 ? "Edit" : "Assign"
               }
@@ -4892,23 +4892,23 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           ] });
         };
       case "color":
-        return (b, d) => /* @__PURE__ */ e(
+        return (b, c) => /* @__PURE__ */ e(
           X,
           {
             type: "color",
             value: b[u.key] || "#000000",
-            onChange: (f) => S(d, f.target.value),
+            onChange: (f) => S(c, f.target.value),
             className: "w-full h-10"
           }
         );
       case "range":
-        return (b, d) => /* @__PURE__ */ n("div", { className: "w-full", children: [
+        return (b, c) => /* @__PURE__ */ n("div", { className: "w-full", children: [
           /* @__PURE__ */ e(
             X,
             {
               type: "range",
               value: b[u.key] || u.min || 0,
-              onChange: (f) => S(d, f.target.value),
+              onChange: (f) => S(c, f.target.value),
               min: u.min || 0,
               max: u.max || 100,
               step: u.step || 1,
@@ -4918,53 +4918,53 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           /* @__PURE__ */ e("span", { className: "text-sm text-gray-500", children: b[u.key] || u.min || 0 })
         ] });
       case "file":
-        return (b, d) => /* @__PURE__ */ e(
+        return (b, c) => /* @__PURE__ */ e(
           X,
           {
             type: "file",
             onChange: (f) => {
               const w = f.target.files[0];
-              S(d, w ? w.name : "");
+              S(c, w ? w.name : "");
             },
             accept: u.accept,
             className: "w-full"
           }
         );
       case "hidden":
-        return (b, d) => /* @__PURE__ */ e(
+        return (b, c) => /* @__PURE__ */ e(
           X,
           {
             type: "hidden",
             value: b[u.key] || "",
-            onChange: (f) => S(d, f.target.value)
+            onChange: (f) => S(c, f.target.value)
           }
         );
       // Default fallback for unknown field types
       default:
-        return (b, d) => /* @__PURE__ */ n("div", { children: [
+        return (b, c) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             X,
             {
               value: b[u.key] || "",
-              onChange: (f) => S(d, f.target.value),
+              onChange: (f) => S(c, f.target.value),
               placeholder: u.placeholder || `Enter ${u.label}`,
               required: u.required,
-              className: `w-full ${P(d) ? "border-red-500" : ""}`
+              className: `w-full ${M(c) ? "border-red-500" : ""}`
             }
           ),
-          O(d)
+          O(c)
         ] });
     }
   }, E = H(() => {
     console.log("[DataTableRenderer] Adding blank row"), r((u) => {
       console.log("[DataTableRenderer] Current data before add:", u);
-      const P = (u.length > 0 ? Math.max(...u.map((d) => d.id || 0)) : -1) + 1, O = {
-        id: P
+      const M = (u.length > 0 ? Math.max(...u.map((c) => c.id || 0)) : -1) + 1, O = {
+        id: M
         // Assign unique incremental ID
       };
-      l.fields.forEach((d) => {
-        d.fieldtype === "audience" ? O[d.key] = { users: [], groups: [], roles: [] } : O[d.key] = d.default || "";
-      }), console.log("[DataTableRenderer] New blank row with ID:", P, O);
+      l.fields.forEach((c) => {
+        c.fieldtype === "audience" ? O[c.key] = { users: [], groups: [], roles: [] } : O[c.key] = c.default || "";
+      }), console.log("[DataTableRenderer] New blank row with ID:", M, O);
       const b = [...u, O];
       return console.log("[DataTableRenderer] Updated data:", b), b;
     });
@@ -4972,16 +4972,16 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
     r((S) => {
       if (S.length <= 1)
         return S;
-      const P = [...S];
-      return P.splice(u, 1), P;
+      const M = [...S];
+      return M.splice(u, 1), M;
     });
-  }, []), [V, U] = M(null), Y = H((u, S) => {
+  }, []), [V, U] = P(null), Y = H((u, S) => {
     U(S), 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((P) => {
-      const O = [...P], b = O[V];
+    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;
     }), U(null));
   }, [V]), _ = H(() => {
@@ -4990,10 +4990,10 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
     console.log("[DataTableRenderer] handleAddAudience called with:", { selectedEntities: u, existingShares: S }), r((O) => {
       const b = [...O];
       if (o !== null && g && b[o]) {
-        const d = u?.pendingInvites || [];
-        if (d.length > 0) {
-          console.log("[DataTableRenderer] Adding new pending invites:", d);
-          const f = d.filter((k) => k.type === "User"), w = d.filter((k) => k.type === "Group"), D = d.filter((k) => k.type === "Role"), I = b[o][g] || { users: [], groups: [], roles: [] };
+        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: [] };
           b[o][g] = {
             users: [...I.users || [], ...f],
             groups: [...I.groups || [], ...w],
@@ -5007,7 +5007,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         console.log("[DataTableRenderer] Final audience data:", b[o][g]), T.current = !0;
       }
       return b;
-    }), (u?.pendingInvites || []).length > 0 && (p(null), N(null));
+    }), (u?.pendingInvites || []).length > 0 && (p(null), v(null));
   }, [o, g, s]);
   return /* @__PURE__ */ n("div", { children: [
     /* @__PURE__ */ n("div", { style: { marginBottom: "20px" }, children: [
@@ -5042,13 +5042,13 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         {
           className: `hover:bg-gray-50 ${V === S ? "opacity-50" : ""}`,
           draggable: !0,
-          onDragStart: (P) => Y(P, S),
+          onDragStart: (M) => Y(M, S),
           onDragOver: q,
-          onDrop: (P) => A(P, S),
+          onDrop: (M) => A(M, S),
           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((P, O) => /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: $(P)(u, S) }, O)),
+            l.fields.map((M, O) => /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: $(M)(u, S) }, O)),
             /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: /* @__PURE__ */ e(
               "button",
               {
@@ -5074,7 +5074,7 @@ function gs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         {
           isOpen: !0,
           onClose: () => {
-            p(null), N(null);
+            p(null), v(null);
           },
           onFinalSubmit: C,
           existingShares: u,
@@ -5106,7 +5106,7 @@ function xs({
   onShowCancelModal: l,
   onCancel: h
 }) {
-  const [o, p] = ae.useState(a), [g, N] = ae.useState(null), [x, r] = ae.useState(null), [v, m] = M(!1), [y, z] = M(!1), [T, $] = M({}), E = `${$e()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, L = E, [V, U] = M(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), [T, $] = P({}), E = `${$e()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, L = E, [V, U] = P(1), Y = () => {
     if (!x || !g)
       return console.log("[DynamicConfig] hasUnsavedChanges: false (no data)", { originalData: x, data: g }), !1;
     const b = (D) => {
@@ -5116,9 +5116,9 @@ function xs({
       return Object.keys(D).sort().forEach((k) => {
         I[k] = b(D[k]);
       }), I;
-    }, d = b(x), f = b(g), w = JSON.stringify(d) !== JSON.stringify(f);
+    }, c = b(x), f = b(g), w = JSON.stringify(c) !== JSON.stringify(f);
     return console.log("[DynamicConfig] hasUnsavedChanges:", w, {
-      originalData: d,
+      originalData: c,
       currentData: f,
       originalRaw: x,
       currentRaw: g
@@ -5126,7 +5126,7 @@ function xs({
   }, q = (b) => {
     if (!a || !a.configuration)
       return b;
-    const d = {}, f = b?.configuration || {};
+    const c = {}, f = b?.configuration || {};
     return a.configuration.forEach((w) => {
       if (w.key && w.type === "datatable") {
         const I = (f[w.key] || []).map((k, R) => {
@@ -5148,32 +5148,32 @@ function xs({
             R.fieldtype === "audience" ? k[R.key] = { users: [], groups: [], roles: [] } : k[R.key] = R.default || "";
           }), I.push(k);
         }
-        d[w.key] = I;
+        c[w.key] = I;
       } else if (w.key) {
         const D = 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 || []);
-        }), d[w.key] = D;
+        }), c[w.key] = D;
       }
-    }), d;
+    }), c;
   }, A = () => {
     if (a && a.configuration) {
       const b = {};
-      a.configuration.forEach((d) => {
-        if (d.key)
-          if (d.type === "datatable") {
+      a.configuration.forEach((c) => {
+        if (c.key)
+          if (c.type === "datatable") {
             const f = { id: 0 };
-            d.fields && d.fields.forEach((w) => {
+            c.fields && c.fields.forEach((w) => {
               w.fieldtype === "audience" ? f[w.key] = { users: [], groups: [], roles: [] } : (w.fieldtype, f[w.key] = w.default || "");
-            }), b[d.key] = [f];
-          } else if (d.type === "section") {
+            }), b[c.key] = [f];
+          } else if (c.type === "section") {
             const f = {};
-            d.fields && Array.isArray(d.fields) && d.fields.forEach((w) => {
+            c.fields && Array.isArray(c.fields) && c.fields.forEach((w) => {
               w.key && (w.fieldtype === "managecollectionlist" ? f[w.key] = w.initialData || [] : f[w.key] = w.default || "");
-            }), b[d.key] = f;
+            }), b[c.key] = f;
           } else
-            b[d.key] = {};
-      }), N(b), r(b);
+            b[c.key] = {};
+      }), v(b), r(b);
     }
   };
   K(() => {
@@ -5184,19 +5184,19 @@ function xs({
     const b = async () => {
       try {
         m(!0);
-        let d = await Ze(E);
-        if (d) {
-          const f = q(d);
-          N(f), r(f);
+        let c = await Ze(E);
+        if (c) {
+          const f = q(c);
+          v(f), r(f);
         } else
           A();
-      } catch (d) {
-        console.error("Error fetching configuration:", d);
+      } catch (c) {
+        console.error("Error fetching configuration:", c);
         let f = "Failed to load configuration";
-        if (d.response) {
-          const w = d.response.status, D = d.response.data?.message || d.response.data?.error;
+        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})`;
-        } else d.request ? f = "Network error. Please check your connection and try again." : f = d.message || "An unexpected error occurred while loading configuration.";
+        } 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();
       } finally {
         m(!1);
@@ -5204,11 +5204,11 @@ function xs({
     };
     a && (p(a), t ? b() : A());
   }, [a, V, t, s]);
-  const _ = (b, d) => {
-    console.log(`[DynamicConfig] handleSectionChange called for ${b}:`, d), N((f) => {
+  const _ = (b, c) => {
+    console.log(`[DynamicConfig] handleSectionChange called for ${b}:`, c), v((f) => {
       const w = {
         ...f,
-        [b]: d
+        [b]: c
       };
       return console.log("[DynamicConfig] Updated data state:", w), w;
     }), $((f) => {
@@ -5217,31 +5217,31 @@ function xs({
     });
   }, C = () => {
     const b = {};
-    return !o || !g || o.configuration.forEach((d) => {
-      if (d.type === "section")
-        d.fields.forEach((f) => {
-          const w = g[d.key]?.[f.key];
+    return !o || !g || o.configuration.forEach((c) => {
+      if (c.type === "section")
+        c.fields.forEach((f) => {
+          const w = g[c.key]?.[f.key];
           if (f.required && (!w || typeof w == "string" && w.trim() === "")) {
-            b[d.key] || (b[d.key] = {}), b[d.key][f.key] = `${f.label} is required`;
+            b[c.key] || (b[c.key] = {}), b[c.key][f.key] = `${f.label} is required`;
             return;
           }
           if (f.fieldtype === "number" && w !== "" && w !== null && w !== void 0) {
             const D = Number(w);
-            isNaN(D) ? (b[d.key] || (b[d.key] = {}), b[d.key][f.key] = `${f.label} must be a valid number`) : (f.min !== void 0 && D < f.min && (b[d.key] || (b[d.key] = {}), b[d.key][f.key] = `${f.label} must be at least ${f.min}`), f.max !== void 0 && D > f.max && (b[d.key] || (b[d.key] = {}), b[d.key][f.key] = `${f.label} must not exceed ${f.max}`));
+            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}`));
           }
         });
-      else if (d.type === "datatable") {
-        const f = g[d.key];
+      else if (c.type === "datatable") {
+        const f = g[c.key];
         Array.isArray(f) && f.forEach((w, D) => {
-          d.fields.forEach((I) => {
+          c.fields.forEach((I) => {
             const k = w[I.key];
             if (I.required && (!k || typeof k == "string" && k.trim() === "")) {
-              b[d.key] || (b[d.key] = {}), b[d.key][D] || (b[d.key][D] = {}), b[d.key][D][I.key] = `${I.label} is required`;
+              b[c.key] || (b[c.key] = {}), b[c.key][D] || (b[c.key][D] = {}), b[c.key][D][I.key] = `${I.label} is required`;
               return;
             }
             if (I.fieldtype === "number" && k !== "" && k !== null && k !== void 0) {
               const R = Number(k);
-              isNaN(R) ? (b[d.key] || (b[d.key] = {}), b[d.key][D] || (b[d.key][D] = {}), b[d.key][D][I.key] = `${I.label} must be a valid number`) : (I.min !== void 0 && R < I.min && (b[d.key] || (b[d.key] = {}), b[d.key][D] || (b[d.key][D] = {}), b[d.key][D][I.key] = `${I.label} must be at least ${I.min}`), I.max !== void 0 && R > I.max && (b[d.key] || (b[d.key] = {}), b[d.key][D] || (b[d.key][D] = {}), b[d.key][D][I.key] = `${I.label} must not exceed ${I.max}`));
+              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}`));
             }
           });
         });
@@ -5301,7 +5301,7 @@ function xs({
         z(!1);
       }
     })();
-  }, P = () => {
+  }, M = () => {
     console.log("[DynamicConfig] handleCancel called"), Y() ? (console.log("[DynamicConfig] Unsaved changes detected - showing modal"), l ? l() : console.warn("[DynamicConfig] onShowCancelModal not provided, cannot show modal")) : (console.log("[DynamicConfig] No unsaved changes - going back directly"), h ? h() : (console.log("[DynamicConfig] Using fallback window.history.back()"), window.history.back()));
   };
   if (!o?.configuration && !a?.configuration)
@@ -5316,8 +5316,8 @@ function xs({
         className: "dynamic-config bg-white w-full h-[calc(100vh-500px)] overflow-y-auto",
         style: { padding: "0px 20px 0px 0px" },
         children: [
-          v && /* @__PURE__ */ e("div", { className: "flex justify-center items-center h-64", children: /* @__PURE__ */ e(oa, { size: "large" }) }),
-          !v && O?.map((b, d) => {
+          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);
             if (f && f !== "UnknownType")
               return /* @__PURE__ */ e(
@@ -5328,7 +5328,7 @@ function xs({
                   updateHandler: _,
                   validationErrors: T
                 },
-                d
+                c
               );
           })
         ]
@@ -5339,7 +5339,7 @@ function xs({
         se,
         {
           category: "secondary",
-          onClick: P,
+          onClick: M,
           label: "Cancel",
           disabled: y,
           type: "button"
@@ -5363,30 +5363,30 @@ const Yl = ({
   appid: a = "Configuration-Page",
   disableApi: s = !1
 }) => {
-  const [i, l] = M(0), [h, o] = M(!1), {
+  const [i, l] = P(0), [h, o] = P(!1), {
     pageHeader: p = {},
     appletHeader: g = {},
-    breadcrumb: N = [],
+    breadcrumb: v = [],
     overview: x = {},
     configuration: r = []
-  } = t, v = ee(() => r.map((C) => {
+  } = t, N = ee(() => r.map((C) => {
     if (C.type === "section" && C.fields) {
-      const u = [...C.fields], S = u.findIndex((P) => P && P.key === "appkey");
+      const u = [...C.fields], S = u.findIndex((M) => M && M.key === "appkey");
       if (S !== -1) {
-        const P = u[S];
+        const M = u[S];
         if (u[S] = {
-          ...P,
+          ...M,
           default: a,
           value: a,
           readonly: !0,
           placeholder: a,
           disabled: !1
         }, u.some((b) => b.key === "displayname")) {
-          const b = u.findIndex((f) => f.key === "displayname"), d = u[b] || {};
+          const b = u.findIndex((f) => f.key === "displayname"), c = u[b] || {};
           u[b] = {
-            ...d,
-            default: d.default || d.value || a,
-            placeholder: d.placeholder || "Enter display name"
+            ...c,
+            default: c.default || c.value || a,
+            placeholder: c.placeholder || "Enter display name"
           };
         } else {
           const b = {
@@ -5413,7 +5413,7 @@ const Yl = ({
     isLeftArrow: !0,
     onBackClick: () => window.history.back(),
     ...p
-  }, y = N.map((C) => ({
+  }, y = v.map((C) => ({
     label: C.text,
     href: C.href || "#"
   })), z = H(() => {
@@ -5426,9 +5426,9 @@ const Yl = ({
     window.history.back();
   }, []), L = (() => {
     if (g.headingKey && Array.isArray(r)) {
-      const C = g.headingKey.split("."), u = C[0], S = C[1], P = r.find((O) => O && O.key === u);
-      if (P && P.fields) {
-        const O = P.fields.find((b) => b && b.key === S);
+      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;
       }
@@ -5466,8 +5466,8 @@ const Yl = ({
     ],
     ...x
   }, Y = ee(() => ({
-    configuration: v
-  }), [v]), q = 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]);
@@ -5510,7 +5510,7 @@ const Yl = ({
   }
   return /* @__PURE__ */ n("div", { className: "full-config-page", children: [
     /* @__PURE__ */ e(
-      Mn,
+      Pn,
       {
         heading: m.heading,
         subHeading: y.length > 0 ? void 0 : m.subHeading,
@@ -5569,15 +5569,15 @@ const Yl = ({
   allowReorder: o = !0,
   initialData: p = null
 }) => {
-  const [g, N] = M(null), [x, r] = M(""), [v, m] = M(() => Array.isArray(p) ? p : []), [y, z] = M(null), [T, $] = M(null), [E, L] = M("");
+  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("");
   K(() => {
     Array.isArray(p) && m(p);
   }, [p]);
-  const V = (d) => {
-    l && (N(d._id), r(d.categoryName || ""));
+  const V = (c) => {
+    l && (v(c._id), r(c.categoryName || ""));
   }, U = () => {
     if (!i || g !== null) return;
-    const f = (v.length > 0 ? Math.max(...v.map((w) => typeof w._id == "number" ? w._id : 0)) : 0) + 1;
+    const f = (N.length > 0 ? Math.max(...N.map((w) => typeof w._id == "number" ? w._id : 0)) : 0) + 1;
     m((w) => [
       ...w,
       {
@@ -5588,54 +5588,54 @@ const Yl = ({
         protected: !1,
         _class: "com.unifyed.model.Collection"
       }
-    ]), N(f), r("");
+    ]), v(f), r("");
   }, Y = () => {
-    g != null && (m((d) => {
-      const w = !Array.isArray(p) || !p.some((D) => D._id === g) ? d.filter((D) => D._id !== g) : d;
+    g != null && (m((c) => {
+      const w = !Array.isArray(p) || !p.some((D) => D._id === g) ? c.filter((D) => D._id !== g) : c;
       return a?.(w), w;
-    }), N(null), r(""));
+    }), v(null), r(""));
   }, q = () => {
-    g == null || !x.trim() || (m((d) => {
-      const f = d.map((w) => w._id === g ? {
+    g == null || !x.trim() || (m((c) => {
+      const f = c.map((w) => w._id === g ? {
         ...w,
         categoryName: x.trim()
       } : w);
       return a?.(f), f;
-    }), N(null), r(""));
-  }, A = (d) => {
+    }), v(null), r(""));
+  }, A = (c) => {
     h && m((f) => {
-      const w = f.filter((D) => D._id !== d._id);
+      const w = f.filter((D) => D._id !== c._id);
       return a?.(w), w;
     });
-  }, _ = (d, f, w) => {
+  }, _ = (c, f, w) => {
     const D = Number(f), I = Number(w);
-    if (!o || D === I) return d;
-    const k = d.findIndex((G) => Number(G._id) === D), R = d.findIndex((G) => Number(G._id) === I);
-    if (k === -1 || R === -1) return d;
-    const j = [...d], [F] = j.splice(k, 1);
+    if (!o || D === I) return c;
+    const k = c.findIndex((G) => Number(G._id) === D), 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 = (d, f) => {
-    o && (d.dataTransfer.effectAllowed = "move", d.dataTransfer.setData("text/plain", String(f)), z(Number(f)));
-  }, u = (d) => {
-    y && d !== T && $(d);
-  }, S = (d) => {
-    d.preventDefault();
-  }, P = (d, f) => {
-    d.preventDefault();
-    const w = d.dataTransfer.getData("text/plain"), D = w === "0" ? 0 : Number(w), I = f === "0" ? 0 : Number(f);
+  }, C = (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) => {
+    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);
       return a?.(R), R;
     }), z(null), $(null));
   }, O = () => {
     z(null), $(null);
-  }, b = Array.isArray(v) ? v.filter(
-    (d) => d.categoryName?.toLowerCase().includes(E.toLowerCase())
+  }, b = Array.isArray(N) ? N.filter(
+    (c) => c.categoryName?.toLowerCase().includes(E.toLowerCase())
   ) : [];
   return /* @__PURE__ */ n("div", { className: `manage-collection-list ${t}`, children: [
     /* @__PURE__ */ e("div", { className: "flex justify-end", children: /* @__PURE__ */ n("div", { className: "w-1/2 flex justify-end", children: [
       s && /* @__PURE__ */ e(
-        be,
+        fe,
         {
           value: E,
           onDebouncedChange: L,
@@ -5656,14 +5656,14 @@ const Yl = ({
         }
       )
     ] }) }),
-    /* @__PURE__ */ e("div", { className: "mt-5 flex flex-col", children: b.map((d) => {
-      const f = g === d._id, w = d?.links?.length ?? 0, D = y === d._id, I = T === d._id && y !== d._id;
+    /* @__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;
       return /* @__PURE__ */ e(
         "div",
         {
-          onDragEnter: () => u(d._id),
+          onDragEnter: () => u(c._id),
           onDragOver: S,
-          onDrop: (k) => P(k, d._id),
+          onDrop: (k) => M(k, c._id),
           onDragEnd: O,
           className: [
             "flex items-center justify-between p-3 border rounded-2xl mb-3",
@@ -5678,7 +5678,7 @@ const Yl = ({
                 type: "text",
                 className: "flex-1 h-10 px-3 max-w-[200px] border border-gray-300 rounded-2xl outline-none focus:ring-2 focus:ring-gray-800/20",
                 value: x,
-                placeholder: !Array.isArray(p) || !p.some((k) => k._id === d._id) ? "New collection name" : "Edit collection name",
+                placeholder: !Array.isArray(p) || !p.some((k) => k._id === c._id) ? "New collection name" : "Edit collection name",
                 onChange: (k) => r(k.target.value),
                 onKeyDown: (k) => {
                   k.key === "Enter" && q(), k.key === "Escape" && Y();
@@ -5720,36 +5720,36 @@ 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, d._id),
+                  onDragStart: (k) => C(k, c._id),
                   children: /* @__PURE__ */ e(xt, {})
                 }
               ),
-              /* @__PURE__ */ e("span", { children: d.categoryName })
+              /* @__PURE__ */ e("span", { children: c.categoryName })
             ] }),
             /* @__PURE__ */ n("div", { className: "flex gap-2 items-center", children: [
-              d.protected ? /* @__PURE__ */ e("span", { className: "text-sm text-gray-600 cursor-default", children: d.qlAppName }) : /* @__PURE__ */ e("span", { className: "text-sm text-blue-600 cursor-default", children: `${w} ${w === 1 ? "link" : "links"}` }),
+              c.protected ? /* @__PURE__ */ e("span", { className: "text-sm text-gray-600 cursor-default", children: c.qlAppName }) : /* @__PURE__ */ e("span", { className: "text-sm text-blue-600 cursor-default", children: `${w} ${w === 1 ? "link" : "links"}` }),
               l && /* @__PURE__ */ e(
                 "button",
                 {
                   className: "cursor-pointer",
-                  onClick: () => V(d),
-                  "aria-label": `Edit ${d.categoryName}`,
+                  onClick: () => V(c),
+                  "aria-label": `Edit ${c.categoryName}`,
                   children: /* @__PURE__ */ e(ur, { color: "#767676" })
                 }
               ),
               h && /* @__PURE__ */ e(
                 "span",
                 {
-                  className: w === 0 && !d.protected ? "cursor-pointer" : "cursor-not-allowed",
-                  title: w === 0 && !d.protected ? "Delete" : "Cannot delete a collection with linked items",
-                  onClick: w === 0 ? () => A(d) : null,
+                  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,
                   children: /* @__PURE__ */ e(Le, { color: w === 0 ? "#767676" : "#C2C2C2" })
                 }
               )
             ] })
           ] })
         },
-        d._id
+        c._id
       );
     }) })
   ] });
@@ -5779,7 +5779,7 @@ function Wl({ children: t }) {
     /* @__PURE__ */ e("div", { id: "ui-toast-backdrop", "aria-hidden": "true" })
   ] });
 }
-const Pe = {
+const Me = {
   containerId: "ui-toast",
   position: "bottom-right",
   autoClose: 3500,
@@ -5793,12 +5793,12 @@ const Lt = () => {
 }, Bt = () => {
   typeof document > "u" || (Qe = Math.max(0, Qe - 1), Qe === 0 && document.body.classList.remove("toast-backdrop"));
 }, Ye = {
-  success: (t, a) => Oe.success(t, { ...Pe, ...a }),
-  info: (t, a) => Oe.info(t, { ...Pe, ...a }),
-  warn: (t, a) => Oe.warn(t, { ...Pe, ...a }),
+  success: (t, a) => Oe.success(t, { ...Me, ...a }),
+  info: (t, a) => Oe.info(t, { ...Me, ...a }),
+  warn: (t, a) => Oe.warn(t, { ...Me, ...a }),
   // Error: no autoClose + modal-like behavior via backdrop
   error: (t, a) => Oe.error(t, {
-    ...Pe,
+    ...Me,
     autoClose: !1,
     closeOnClick: !1,
     draggable: !1,
@@ -5821,7 +5821,7 @@ const Lt = () => {
         onClose: Bt
       }
     },
-    { ...Pe, ...s }
+    { ...Me, ...s }
   )
 }, Jl = ({
   heading: t = "Data Grid",
@@ -5837,10 +5837,10 @@ const Lt = () => {
   addBtnText: p = "Add",
   // Feature toggles
   showSearch: g = !0,
-  showDelete: N = !0,
+  showDelete: v = !0,
   showColumnChooser: x = !0,
   showFilter: r = !1,
-  showPrint: v = !1,
+  showPrint: N = !1,
   showExcel: m = !1,
   showPdf: y = !1,
   showRefresh: z = !1,
@@ -5861,7 +5861,7 @@ const Lt = () => {
   searchIconClass: _,
   inputStyle: C
 }) => {
-  const u = () => l?.current || i?.current, [S, P] = ae.useState(""), O = (t || "export").toString().trim() || "export", b = `${Y || O}.xlsx`, d = `${q || O}.pdf`, f = (I, k, R) => Math.max(k, Math.min(I, R)), w = H(
+  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(
     (I) => {
       const k = u();
       if (k?.openColumnChooser) {
@@ -5887,7 +5887,7 @@ const Lt = () => {
       if (R)
         switch (I) {
           case "Delete": {
-            if (N) {
+            if (v) {
               const j = R.getSelectedRecords();
               return U(j);
             }
@@ -5897,20 +5897,20 @@ const Lt = () => {
             x && (k ? w(k) : R.openColumnChooser?.());
             break;
           case "Print":
-            v && R.print?.();
+            N && R.print?.();
             break;
           case "Excel":
             m && R.excelExport?.({ fileName: b });
             break;
           case "Pdf":
-            y && R.pdfExport?.({ fileName: d });
+            y && R.pdfExport?.({ fileName: c });
             break;
           case "Refresh":
             z && L();
             break;
         }
     },
-    [x, v, m, y, z, b, d, L, w]
+    [x, N, m, y, z, b, c, L, w]
   );
   return /* @__PURE__ */ n("div", { className: "flex items-center flex-wrap justify-between w-full px-4 py-2 bg-white border border-gray-200 rounded-t-2xl mb-0", children: [
     /* @__PURE__ */ n("div", { className: "flex flex-col", children: [
@@ -5923,12 +5923,12 @@ const Lt = () => {
     ] }),
     /* @__PURE__ */ n("div", { className: "flex items-center gap-3", children: [
       g && /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ e(
-        be,
+        fe,
         {
           placeholder: E,
           value: S,
           onDebouncedChange: (I) => {
-            P(I), V(I);
+            M(I), V(I);
           },
           searchIconSize: A || 16,
           searchIconClass: _ || "",
@@ -5937,7 +5937,7 @@ const Lt = () => {
       ) }),
       /* @__PURE__ */ n("div", { className: "flex gap-3", children: [
         /* @__PURE__ */ n("div", { className: "flex items-center gap-1.5", children: [
-          N && /* @__PURE__ */ e(
+          v && /* @__PURE__ */ e(
             Ce,
             {
               icon: Le,
@@ -5962,7 +5962,7 @@ const Lt = () => {
               ariaLabel: "Filters"
             }
           ),
-          v && /* @__PURE__ */ e(
+          N && /* @__PURE__ */ e(
             Ce,
             {
               icon: gr,
@@ -6021,10 +6021,10 @@ function Xl(t) {
     allowPaging: o = !0,
     allowSorting: p = !0,
     allowFiltering: g = !1,
-    allowGrouping: N = !1,
+    allowGrouping: v = !1,
     allowReordering: x = !0,
     allowResizing: r = !0,
-    allowExcelExport: v = !1,
+    allowExcelExport: N = !1,
     allowPdfExport: m = !1,
     showColumnChooser: y = !1,
     enableSearchApi: z = !1,
@@ -6041,8 +6041,8 @@ function Xl(t) {
   } = t, C = he(null), {
     pageSettings: u,
     sortSettings: S,
-    ...P
-  } = _ || {}, [O, b] = ae.useState(u?.page || l), [d, f] = ae.useState(u?.pageSize || h), [w, D] = ae.useState(S?.sortKey || "updatedDate"), [I, k] = ae.useState(S?.direction || "Descending"), R = ee(() => {
+    ...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 = $ || {
       type: "Multiple",
       mode: "Row"
@@ -6058,13 +6058,13 @@ function Xl(t) {
     } : B;
   }, [$, E]), j = ee(() => {
     const B = [en];
-    return (E || $) && B.push(tn), p && B.push(an), g && B.push(rn), N && B.push(nn), z && B.push(sn), v && B.push(ln), m && B.push(on), y && B.push(cn), r && B.push(dn), x && B.push(mn), B.push(un), B;
+    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;
   }, [
     p,
     g,
-    N,
-    z,
     v,
+    z,
+    N,
     m,
     y,
     r,
@@ -6087,7 +6087,7 @@ function Xl(t) {
       },
       print: () => B()?.print?.(),
       excelExport: (J) => {
-        re("excelExport()", v), B()?.excelExport?.(J);
+        re("excelExport()", N), B()?.excelExport?.(J);
       },
       pdfExport: (J) => {
         re("pdfExport()", m), B()?.pdfExport?.(J);
@@ -6100,7 +6100,7 @@ function Xl(t) {
       getFilteredRecords: () => B()?.getFilteredRecords?.(),
       autoFitColumns: (J) => B()?.autoFitColumns?.(J)
     };
-  }, [z, v, m, y]);
+  }, [z, N, m, y]);
   K(() => {
     A && (A.current = F);
   }, [A, F]), K(() => () => {
@@ -6110,7 +6110,7 @@ function Xl(t) {
     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 ?? d, 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 = 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) => ({
       field: Ie.field,
       dir: G(Ie.direction ?? Ie.dir)
     })), nt = B?.searchString ?? "", st = B?.columns ?? re?.filterSettings?.columns ?? [];
@@ -6194,10 +6194,10 @@ function Xl(t) {
     }), B;
   }, wa = ee(() => ({
     currentPage: O,
-    pageSize: d,
+    pageSize: c,
     pageSizes: u?.pageSizes ?? [10, 20, 40, 60, 80, 100],
     totalCount: s
-  }), [O, d, u?.pageSizes, s]), ka = ee(() => S ?? {
+  }), [O, c, u?.pageSizes, s]), ka = ee(() => S ?? {
     columns: [{ field: w, direction: G(I) }],
     allowUnsort: !1
   }, [S, w, I]);
@@ -6214,7 +6214,7 @@ function Xl(t) {
       allowPaging: o,
       allowSorting: p,
       allowFiltering: g,
-      allowGrouping: N,
+      allowGrouping: v,
       allowReordering: x,
       allowResizing: r,
       showColumnChooser: y,
@@ -6226,7 +6226,7 @@ function Xl(t) {
       rowDeselected: Y,
       recordDoubleClick: Ne,
       cssClass: "custom-grid-padding",
-      ...P,
+      ...M,
       children: [
         /* @__PURE__ */ e(pn, { children: Na() }),
         /* @__PURE__ */ e(gn, { services: j })
@@ -6268,10 +6268,10 @@ function oe({
   details: o = {},
   ...p
 }) {
-  const g = He(), N = Ns(p, h), x = (v) => {
+  const g = He(), v = Ns(p, h), x = (N) => {
     l?.({
-      key: N,
-      checked: v.target.checked,
+      key: v,
+      checked: N.target.checked,
       details: o,
       props: p
     });
@@ -6298,11 +6298,11 @@ function oe({
   );
 }
 oe.propTypes = {
-  showCheckbox: c.bool,
-  checkboxPosition: c.oneOf(["top-left", "top-right"]),
-  onSelect: c.func,
-  identity: c.oneOfType([c.string, c.func]),
-  details: c.object
+  showCheckbox: d.bool,
+  checkboxPosition: d.oneOf(["top-left", "top-right"]),
+  onSelect: d.func,
+  identity: d.oneOfType([d.string, d.func]),
+  details: d.object
 };
 function ws({
   size: t = "md",
@@ -6315,11 +6315,11 @@ function ws({
   group: o = "Global",
   moreGroupsLabel: p = "+ 5 more",
   author: g = "Judith Black",
-  timeLabel: N = "Just now",
+  timeLabel: v = "Just now",
   imageUrl: x = "https://images.unsplash.com/photo-1469980098053-382eb10ba017?q=80&w=1200&auto=format&fit=crop",
   description: r = "Columbia University is a prestigious Ivy League institution located in the heart of New York City.",
   // spread remaining props (_id, instanceId, etc.)
-  ...v
+  ...N
 }) {
   const m = de(t), y = me[m];
   return /* @__PURE__ */ n(
@@ -6331,7 +6331,7 @@ function ws({
       onSelect: i,
       identity: l,
       details: { type: "activity", title: h, group: o, author: g },
-      ...v,
+      ...N,
       children: [
         /* @__PURE__ */ e("div", { className: "flex items-start justify-between", children: /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${y.title} ml-3`, children: h }) }),
         /* @__PURE__ */ n("div", { className: `text-zinc-500 dark:text-zinc-400 ${y.meta}`, children: [
@@ -6349,13 +6349,13 @@ function ws({
             )
           ] }) : null,
           /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "px-2", children: "•" }),
-          /* @__PURE__ */ e("span", { children: N })
+          /* @__PURE__ */ e("span", { children: v })
         ] }),
         /* @__PURE__ */ n("div", { className: "mt-2 flex items-center gap-3", children: [
           /* @__PURE__ */ e(we, { name: "John", size: "medium" }),
           /* @__PURE__ */ n("div", { className: "leading-tight", children: [
             /* @__PURE__ */ e("div", { className: "text-sm font-medium text-zinc-800 dark:text-zinc-100", children: g }),
-            /* @__PURE__ */ e("div", { className: `text-zinc-500 dark:text-zinc-400 ${y.meta}`, children: N })
+            /* @__PURE__ */ e("div", { className: `text-zinc-500 dark:text-zinc-400 ${y.meta}`, children: v })
           ] })
         ] }),
         /* @__PURE__ */ n("p", { className: "mt-2 text-zinc-700 dark:text-zinc-300", children: [
@@ -6389,18 +6389,18 @@ function ws({
   );
 }
 ws.propTypes = {
-  size: c.string,
-  showCheckbox: c.bool,
-  checkboxPosition: c.oneOf(["top-left", "top-right"]),
-  onSelect: c.func,
-  identity: c.oneOfType([c.string, c.func]),
-  title: c.string,
-  group: c.string,
-  moreGroupsLabel: c.string,
-  author: c.string,
-  timeLabel: c.string,
-  imageUrl: c.string,
-  description: c.string
+  size: d.string,
+  showCheckbox: d.bool,
+  checkboxPosition: d.oneOf(["top-left", "top-right"]),
+  onSelect: d.func,
+  identity: d.oneOfType([d.string, d.func]),
+  title: d.string,
+  group: d.string,
+  moreGroupsLabel: d.string,
+  author: d.string,
+  timeLabel: d.string,
+  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 = [
   {
@@ -6440,7 +6440,7 @@ function Ds({
   // spread for identity (_id/instanceId/etc)
   ...g
 }) {
-  const N = de(t), x = me[N], r = Ss[N], v = (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 = 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"}`;
   return /* @__PURE__ */ n(
     oe,
     {
@@ -6467,14 +6467,14 @@ function Ds({
           /* @__PURE__ */ e(
             "span",
             {
-              className: `${v("joined")} ${o === "joined" ? "border-[var(--primaryColor)]" : "border-transparent"}`,
+              className: `${N("joined")} ${o === "joined" ? "border-[var(--primaryColor)]" : "border-transparent"}`,
               children: "Joined"
             }
           ),
           /* @__PURE__ */ e(
             "span",
             {
-              className: `${v("suggested")} ${o === "suggested" ? "border-[var(--primaryColor)]" : "border-transparent"}`,
+              className: `${N("suggested")} ${o === "suggested" ? "border-[var(--primaryColor)]" : "border-transparent"}`,
               children: "Suggested"
             }
           )
@@ -6544,22 +6544,22 @@ function Ds({
   );
 }
 Ds.propTypes = {
-  size: c.string,
-  showCheckbox: c.bool,
-  checkboxPosition: c.oneOf(["top-left", "top-right"]),
-  onSelect: c.func,
-  identity: c.oneOfType([c.string, c.func]),
-  title: c.string,
-  activeTab: c.oneOf(["joined", "suggested"]),
-  items: c.arrayOf(
-    c.shape({
-      _id: c.oneOfType([c.string, c.number]),
-      name: c.string,
-      members: c.number,
-      category: c.string,
-      thumb: c.string,
-      joined: c.bool,
-      description: c.string
+  size: d.string,
+  showCheckbox: d.bool,
+  checkboxPosition: d.oneOf(["top-left", "top-right"]),
+  onSelect: d.func,
+  identity: d.oneOfType([d.string, d.func]),
+  title: d.string,
+  activeTab: d.oneOf(["joined", "suggested"]),
+  items: d.arrayOf(
+    d.shape({
+      _id: d.oneOfType([d.string, d.number]),
+      name: d.string,
+      members: d.number,
+      category: d.string,
+      thumb: d.string,
+      joined: d.bool,
+      description: d.string
     })
   )
 };
@@ -6624,11 +6624,11 @@ function As({
   // spread for identity fields: _id / id / instanceId etc.
   ...p
 }) {
-  const g = de(t), N = me[g], x = Ts[g];
+  const g = de(t), v = me[g], x = Ts[g];
   return /* @__PURE__ */ n(
     oe,
     {
-      className: `flex flex-col ${N.card} ${x.wrap || ""}`,
+      className: `flex flex-col ${v.card} ${x.wrap || ""}`,
       showCheckbox: a,
       checkboxPosition: s,
       onSelect: i,
@@ -6637,7 +6637,7 @@ function As({
       ...p,
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-start justify-between", children: [
-          /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${N.title}`, children: h }),
+          /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${v.title}`, children: h }),
           /* @__PURE__ */ e("span", { className: "text-sm text-indigo-700 cursor-default select-none", children: "View All" })
         ] }),
         g === "lg" ? (
@@ -6682,20 +6682,20 @@ function As({
   );
 }
 As.propTypes = {
-  size: c.string,
-  showCheckbox: c.bool,
-  checkboxPosition: c.oneOf(["top-left", "top-right"]),
-  onSelect: c.func,
-  identity: c.oneOfType([c.string, c.func]),
-  title: c.string,
-  items: c.arrayOf(
-    c.shape({
-      _id: c.oneOfType([c.string, c.number]),
-      title: c.string,
-      date: c.string,
-      tag: c.string,
-      thumb: c.string,
-      excerpt: c.string
+  size: d.string,
+  showCheckbox: d.bool,
+  checkboxPosition: d.oneOf(["top-left", "top-right"]),
+  onSelect: d.func,
+  identity: d.oneOfType([d.string, d.func]),
+  title: d.string,
+  items: d.arrayOf(
+    d.shape({
+      _id: d.oneOfType([d.string, d.number]),
+      title: d.string,
+      date: d.string,
+      tag: d.string,
+      thumb: d.string,
+      excerpt: d.string
     })
   )
 };
@@ -6740,13 +6740,13 @@ function Os({
   filters: p = Fs,
   activeFilter: g = "All",
   // NEW: iframe controls
-  mapQuery: N = "Florida",
+  mapQuery: v = "Florida",
   zoom: x = 12,
   mapUrl: r,
   // optional full embed URL override
-  ...v
+  ...N
 }) {
-  const m = de(t), y = me[m], z = Es[m], T = r || Is(N, x);
+  const m = de(t), y = me[m], z = Es[m], T = r || Is(v, x);
   return /* @__PURE__ */ e(
     oe,
     {
@@ -6755,8 +6755,8 @@ function Os({
       checkboxPosition: s,
       onSelect: i,
       identity: l,
-      details: { type: "campus-map", title: h, campusName: o, activeFilter: g, mapQuery: N, zoom: x },
-      ...v,
+      details: { type: "campus-map", title: h, campusName: o, activeFilter: g, mapQuery: v, zoom: x },
+      ...N,
       children: /* @__PURE__ */ n("div", { className: `relative mt-3 overflow-hidden rounded-2xl border border-zinc-200 dark:border-zinc-800 ${z.mapH}`, children: [
         /* @__PURE__ */ e(
           "iframe",
@@ -6790,22 +6790,22 @@ function Os({
   );
 }
 Os.propTypes = {
-  size: c.string,
-  showCheckbox: c.bool,
-  checkboxPosition: c.oneOf(["top-left", "top-right"]),
-  onSelect: c.func,
-  identity: c.oneOfType([c.string, c.func]),
-  title: c.string,
-  campusName: c.string,
-  filters: c.arrayOf(c.string),
-  activeFilter: c.string,
-  mapQuery: c.string,
+  size: d.string,
+  showCheckbox: d.bool,
+  checkboxPosition: d.oneOf(["top-left", "top-right"]),
+  onSelect: d.func,
+  identity: d.oneOfType([d.string, d.func]),
+  title: d.string,
+  campusName: d.string,
+  filters: d.arrayOf(d.string),
+  activeFilter: d.string,
+  mapQuery: d.string,
   // e.g., "Florida", "New York, NY", "Columbia University"
-  zoom: c.number,
-  mapUrl: c.string
+  zoom: d.number,
+  mapUrl: d.string
   // optional full embed URL override
 };
-const Ps = [
+const Ms = [
   {
     _id: "ev-1",
     title: "Warhawk Weekly 10-1: Master the future; Rolling out 'Red'",
@@ -6836,7 +6836,7 @@ const Ps = [
     image: "https://images.unsplash.com/photo-1492684223066-81342ee5ff30?q=80&w=1200&auto=format&fit=crop",
     description: ""
   }
-], Ms = {
+], Ps = {
   sm: {
     wrap: "max-w-sm w-full",
     listGap: "gap-3",
@@ -6948,17 +6948,17 @@ function Vs({
   onSelect: i,
   identity: l = "_id",
   title: h = "Upcoming Events",
-  events: o = Ps,
+  events: o = Ms,
   selectedIndex: p = 0,
   ...g
 }) {
-  const [N, x] = M(p), r = de(t), v = me[r], m = Ms[r], y = o[N] || o[0], z = ($, E) => {
+  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";
   return /* @__PURE__ */ n(
     oe,
     {
-      className: `flex flex-col ${v.card} ${m.wrap}`,
+      className: `flex flex-col ${N.card} ${m.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
       onSelect: i,
@@ -6967,7 +6967,7 @@ function Vs({
       ...g,
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-center justify-between mb-4", children: [
-          /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${v.title}`, children: h }),
+          /* @__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 ? (
@@ -6978,7 +6978,7 @@ function Vs({
               {
                 ev: $,
                 sizeMeta: m,
-                isSelected: E === N,
+                isSelected: E === v,
                 onClick: (L) => z(L, E)
               },
               $._id || $.id || E
@@ -6992,7 +6992,7 @@ function Vs({
             {
               ev: $,
               sizeMeta: m,
-              isSelected: E === N,
+              isSelected: E === v,
               onClick: (L) => z(L, E)
             },
             $._id || $.id || E
@@ -7004,25 +7004,25 @@ function Vs({
   );
 }
 Vs.propTypes = {
-  size: c.string,
-  showCheckbox: c.bool,
-  checkboxPosition: c.oneOf(["top-left", "top-right"]),
-  onSelect: c.func,
-  identity: c.oneOfType([c.string, c.func]),
-  title: c.string,
-  events: c.arrayOf(
-    c.shape({
-      _id: c.oneOfType([c.string, c.number]),
-      title: c.string,
-      date: c.string,
-      allDayNote: c.string,
-      location: c.string,
-      url: c.string,
-      image: c.string,
-      description: c.string
+  size: d.string,
+  showCheckbox: d.bool,
+  checkboxPosition: d.oneOf(["top-left", "top-right"]),
+  onSelect: d.func,
+  identity: d.oneOfType([d.string, d.func]),
+  title: d.string,
+  events: d.arrayOf(
+    d.shape({
+      _id: d.oneOfType([d.string, d.number]),
+      title: d.string,
+      date: d.string,
+      allDayNote: d.string,
+      location: d.string,
+      url: d.string,
+      image: d.string,
+      description: d.string
     })
   ),
-  selectedIndex: c.number
+  selectedIndex: d.number
 };
 const js = [
   {
@@ -7166,17 +7166,17 @@ function Gs({
   emails: o = js,
   selectedIndex: p = 0,
   onStar: g,
-  onPin: N,
+  onPin: v,
   ...x
 }) {
-  const [r, v] = M(p), m = de(t), y = me[m], z = _s[m], T = (L, V) => {
-    v(V), i?.(L);
+  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);
   }, E = (L) => {
     const V = { ...L, pinned: !L.pinned };
-    N?.(V);
+    v?.(V);
   };
   return /* @__PURE__ */ n(
     oe,
@@ -7190,7 +7190,7 @@ function Gs({
       ...x,
       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(be, { placeholder: "Type to search..." }),
+        /* @__PURE__ */ e(fe, { placeholder: "Type to search..." }),
         /* @__PURE__ */ e("div", { className: "space-y-0", children: o.map((L, V) => /* @__PURE__ */ e(
           Us,
           {
@@ -7209,28 +7209,28 @@ function Gs({
   );
 }
 Gs.propTypes = {
-  size: c.string,
-  showCheckbox: c.bool,
-  checkboxPosition: c.oneOf(["top-left", "top-right"]),
-  onSelect: c.func,
-  identity: c.oneOfType([c.string, c.func]),
-  title: c.string,
-  emails: c.arrayOf(
-    c.shape({
-      _id: c.oneOfType([c.string, c.number]),
-      sender: c.string,
-      time: c.string,
-      subject: c.string,
-      preview: c.string,
-      unread: c.bool,
-      starred: c.bool,
-      pinned: c.bool,
-      important: c.bool
+  size: d.string,
+  showCheckbox: d.bool,
+  checkboxPosition: d.oneOf(["top-left", "top-right"]),
+  onSelect: d.func,
+  identity: d.oneOfType([d.string, d.func]),
+  title: d.string,
+  emails: d.arrayOf(
+    d.shape({
+      _id: d.oneOfType([d.string, d.number]),
+      sender: d.string,
+      time: d.string,
+      subject: d.string,
+      preview: d.string,
+      unread: d.bool,
+      starred: d.bool,
+      pinned: d.bool,
+      important: d.bool
     })
   ),
-  selectedIndex: c.number,
-  onStar: c.func,
-  onPin: c.func
+  selectedIndex: d.number,
+  onStar: d.func,
+  onPin: d.func
 };
 const qs = [
   {
@@ -7421,13 +7421,13 @@ function Xs({
   selectedIndex: p = 0,
   ...g
 }) {
-  const [N, x] = M(p), r = de(t), v = me[r], m = Ys[r], y = ($, E) => {
+  const [v, x] = P(p), r = de(t), N = me[r], m = Ys[r], y = ($, E) => {
     x(E), i?.($);
-  }, z = o[N] || o[0], T = m.layout === "split";
+  }, z = o[v] || o[0], T = m.layout === "split";
   return /* @__PURE__ */ n(
     oe,
     {
-      className: `flex flex-col ${v.card} ${m.wrap}`,
+      className: `flex flex-col ${N.card} ${m.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
       onSelect: i,
@@ -7435,7 +7435,7 @@ function Xs({
       details: { type: "directory", title: h, count: o?.length ?? 0 },
       ...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 ${v.title}`, children: h }) }),
+        /* @__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(
@@ -7443,7 +7443,7 @@ function Xs({
             {
               contact: $,
               sizeMeta: m,
-              isSelected: E === N,
+              isSelected: E === v,
               onClick: (L) => y(L, E)
             },
             $._id || $.id || E
@@ -7462,7 +7462,7 @@ function Xs({
             {
               contact: $,
               sizeMeta: m,
-              isSelected: E === N,
+              isSelected: E === v,
               onClick: (L) => y(L, E)
             },
             $._id || $.id || E
@@ -7474,25 +7474,25 @@ function Xs({
   );
 }
 Xs.propTypes = {
-  size: c.string,
-  showCheckbox: c.bool,
-  checkboxPosition: c.oneOf(["top-left", "top-right"]),
-  onSelect: c.func,
-  identity: c.oneOfType([c.string, c.func]),
-  title: c.string,
-  contacts: c.arrayOf(
-    c.shape({
-      _id: c.oneOfType([c.string, c.number]),
-      name: c.string,
-      phone: c.string,
-      department: c.string,
-      email: c.string,
-      campus: c.string,
-      building: c.string,
-      initials: c.string
+  size: d.string,
+  showCheckbox: d.bool,
+  checkboxPosition: d.oneOf(["top-left", "top-right"]),
+  onSelect: d.func,
+  identity: d.oneOfType([d.string, d.func]),
+  title: d.string,
+  contacts: d.arrayOf(
+    d.shape({
+      _id: d.oneOfType([d.string, d.number]),
+      name: d.string,
+      phone: d.string,
+      department: d.string,
+      email: d.string,
+      campus: d.string,
+      building: d.string,
+      initials: d.string
     })
   ),
-  selectedIndex: c.number
+  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" }) {
@@ -7554,7 +7554,7 @@ function Zs({
   termLabel: o = "Spring 2024",
   balance: p = 3e3,
   totalCharges: g = 4440,
-  totalPayments: N = 1568,
+  totalPayments: v = 1568,
   transactions: x = [
     {
       id: "t1",
@@ -7573,7 +7573,7 @@ function Zs({
   ],
   ...r
 }) {
-  const v = de(t), m = me[v], y = Hs[v];
+  const N = de(t), m = me[N], y = Hs[N];
   return /* @__PURE__ */ n(
     oe,
     {
@@ -7582,7 +7582,7 @@ function Zs({
       checkboxPosition: s,
       onSelect: i,
       identity: l,
-      details: { type: "account-summary", termLabel: o, balance: p, totalCharges: g, totalPayments: N },
+      details: { type: "account-summary", termLabel: o, balance: p, totalCharges: g, totalPayments: v },
       ...r,
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
@@ -7603,7 +7603,7 @@ function Zs({
               ] }),
               /* @__PURE__ */ n("div", { children: [
                 /* @__PURE__ */ e("div", { className: "text-sm text-zinc-600 dark:text-zinc-400", children: "Total Payments" }),
-                /* @__PURE__ */ e("div", { className: "mt-1 font-semibold text-green-600", children: Te(N) })
+                /* @__PURE__ */ e("div", { className: "mt-1 font-semibold text-green-600", children: Te(v) })
               ] })
             ] })
           ] }),
@@ -7615,7 +7615,7 @@ function Zs({
               ] }),
               /* @__PURE__ */ n("div", { children: [
                 /* @__PURE__ */ e("div", { className: "text-sm text-zinc-600 dark:text-zinc-400", children: "Total Payments" }),
-                /* @__PURE__ */ e("div", { className: "mt-1 font-semibold text-green-600", children: Te(N) })
+                /* @__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(
@@ -7649,23 +7649,23 @@ function Zs({
   );
 }
 Zs.propTypes = {
-  size: c.string,
-  showCheckbox: c.bool,
-  checkboxPosition: c.oneOf(["top-left", "top-right"]),
-  onSelect: c.func,
-  identity: c.oneOfType([c.string, c.func]),
-  title: c.string,
-  termLabel: c.string,
-  balance: c.oneOfType([c.number, c.string]),
-  totalCharges: c.oneOfType([c.number, c.string]),
-  totalPayments: c.oneOfType([c.number, c.string]),
-  transactions: c.arrayOf(
-    c.shape({
-      id: c.oneOfType([c.string, c.number]),
-      date: c.string,
-      title: c.string,
-      amount: c.oneOfType([c.number, c.string]),
-      kind: c.oneOf(["payment", "charge"])
+  size: d.string,
+  showCheckbox: d.bool,
+  checkboxPosition: d.oneOf(["top-left", "top-right"]),
+  onSelect: d.func,
+  identity: d.oneOfType([d.string, d.func]),
+  title: d.string,
+  termLabel: d.string,
+  balance: d.oneOfType([d.number, d.string]),
+  totalCharges: d.oneOfType([d.number, d.string]),
+  totalPayments: d.oneOfType([d.number, d.string]),
+  transactions: d.arrayOf(
+    d.shape({
+      id: d.oneOfType([d.string, d.number]),
+      date: d.string,
+      title: d.string,
+      amount: d.oneOfType([d.number, d.string]),
+      kind: d.oneOf(["payment", "charge"])
     })
   )
 };
@@ -7746,7 +7746,7 @@ function el({
   term: o = "Fall 2025",
   ...p
 }) {
-  const [g, N] = M("vacation"), [x, r] = M(!1), v = de(t), m = me[v], y = Ks[v], 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 = Ks[N], z = We.find((T) => T.id === g) || We[0];
   return /* @__PURE__ */ n(
     oe,
     {
@@ -7786,7 +7786,7 @@ function el({
           "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: () => N(T.id),
+            onClick: () => v(T.id),
             children: T.name.split(" ")[0]
           },
           T.id
@@ -7813,13 +7813,13 @@ function el({
   );
 }
 el.propTypes = {
-  size: c.string,
-  showCheckbox: c.bool,
-  checkboxPosition: c.oneOf(["top-left", "top-right"]),
-  onSelect: c.func,
-  identity: c.oneOfType([c.string, c.func]),
-  title: c.string,
-  term: c.string
+  size: d.string,
+  showCheckbox: d.bool,
+  checkboxPosition: d.oneOf(["top-left", "top-right"]),
+  onSelect: d.func,
+  identity: d.oneOfType([d.string, d.func]),
+  title: d.string,
+  term: d.string
 };
 const tl = [
   {
@@ -7937,11 +7937,11 @@ function nl({
   subtitle: o = "Drive Shared",
   ...p
 }) {
-  const [g, N] = M(!1), x = de(t), r = me[x], v = rl[x];
+  const [g, v] = P(!1), x = de(t), r = me[x], N = rl[x];
   return /* @__PURE__ */ n(
     oe,
     {
-      className: `flex flex-col ${r.card} ${v.wrap}`,
+      className: `flex flex-col ${r.card} ${N.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
       onSelect: i,
@@ -7951,7 +7951,7 @@ function nl({
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ n("div", { children: [
-            /* @__PURE__ */ e("h3", { className: `text-zinc-900 dark:text-zinc-100 ${v.title} mb-1`, children: h }),
+            /* @__PURE__ */ e("h3", { className: `text-zinc-900 dark:text-zinc-100 ${N.title} mb-1`, children: h }),
             /* @__PURE__ */ e("div", { className: "text-zinc-600 dark:text-zinc-400 text-sm", children: o })
           ] }),
           /* @__PURE__ */ n("div", { className: "relative", children: [
@@ -7959,7 +7959,7 @@ function nl({
               "button",
               {
                 className: "flex items-center gap-1 p-2 text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100 hover:bg-zinc-100 dark:hover:bg-zinc-800 rounded-md transition-colors duration-200",
-                onClick: () => N(!g),
+                onClick: () => v(!g),
                 children: /* @__PURE__ */ e(Ht, { className: "h-4 w-4" })
               }
             ),
@@ -7975,21 +7975,21 @@ function nl({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { className: `grid ${v.gridCols} gap-3 `, children: tl.map((m) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: `grid ${N.gridCols} gap-3 `, children: tl.map((m) => /* @__PURE__ */ e(
           Gt,
           {
             item: m,
-            sizeMeta: v
+            sizeMeta: N
           },
           m.id
         )) }),
-        v.showRecent && /* @__PURE__ */ n("div", { className: "", children: [
-          /* @__PURE__ */ e("h4", { className: `font-semibold text-zinc-900 dark:text-zinc-100 mb-3 ${v.item}`, children: "Recent Files" }),
+        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(
             Gt,
             {
               item: m,
-              sizeMeta: v,
+              sizeMeta: N,
               showDate: !0
             },
             m.id
@@ -8004,13 +8004,13 @@ function nl({
   );
 }
 nl.propTypes = {
-  size: c.string,
-  showCheckbox: c.bool,
-  checkboxPosition: c.oneOf(["top-left", "top-right"]),
-  onSelect: c.func,
-  identity: c.oneOfType([c.string, c.func]),
-  title: c.string,
-  subtitle: c.string
+  size: d.string,
+  showCheckbox: d.bool,
+  checkboxPosition: d.oneOf(["top-left", "top-right"]),
+  onSelect: d.func,
+  identity: d.oneOfType([d.string, d.func]),
+  title: d.string,
+  subtitle: d.string
 };
 const sl = [
   {
@@ -8129,7 +8129,7 @@ const sl = [
   }
 };
 function ol({ alert: t, sizeMeta: a, onDismiss: s, onMarkRead: i }) {
-  const [l, h] = M(!1), o = va(t.type), p = il(t.type);
+  const [l, h] = P(!1), o = va(t.type), p = il(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",
@@ -8153,7 +8153,7 @@ function ol({ alert: t, sizeMeta: a, onDismiss: s, onMarkRead: i }) {
   ] });
 }
 function cl({ alert: t, onDismiss: a }) {
-  const [s, i] = M(!1), l = va("banner"), h = () => {
+  const [s, i] = P(!1), l = va("banner"), h = () => {
     i(!0), a?.(t);
   };
   return s ? null : /* @__PURE__ */ e("div", { className: `rounded-lg border p-4  ${l.bg} ${l.border} relative`, children: /* @__PURE__ */ n("div", { className: "flex items-start gap-3", children: [
@@ -8183,21 +8183,21 @@ function dl({
   showBanner: p = !0,
   ...g
 }) {
-  const [N, x] = M(o), r = de(t), v = me[r], m = ll[r], y = ($) => {
+  const [v, x] = P(o), r = de(t), N = me[r], m = ll[r], y = ($) => {
     x((E) => E.filter((L) => L.id !== $.id));
-  }, z = N.find(($) => $.type === "banner"), T = N.filter(($) => $.type !== "banner");
+  }, z = v.find(($) => $.type === "banner"), T = v.filter(($) => $.type !== "banner");
   return /* @__PURE__ */ n(
     oe,
     {
-      className: `flex flex-col ${v.card} ${m.wrap}`,
+      className: `flex flex-col ${N.card} ${m.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
       onSelect: i,
       identity: l,
-      details: { type: "alerts", title: h, count: N.length },
+      details: { type: "alerts", title: h, count: v.length },
       ...g,
       children: [
-        /* @__PURE__ */ e("div", { className: "flex items-center justify-between ", children: /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${v.title}`, children: h }) }),
+        /* @__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,
           {
@@ -8220,24 +8220,24 @@ function dl({
   );
 }
 dl.propTypes = {
-  size: c.string,
-  showCheckbox: c.bool,
-  checkboxPosition: c.oneOf(["top-left", "top-right"]),
-  onSelect: c.func,
-  identity: c.oneOfType([c.string, c.func]),
-  title: c.string,
-  alerts: c.arrayOf(
-    c.shape({
-      id: c.oneOfType([c.string, c.number]),
-      type: c.oneOf(["warning", "info", "success", "banner"]),
-      title: c.string,
-      message: c.string,
-      time: c.string,
-      read: c.bool,
-      priority: c.oneOf(["low", "medium", "high"])
+  size: d.string,
+  showCheckbox: d.bool,
+  checkboxPosition: d.oneOf(["top-left", "top-right"]),
+  onSelect: d.func,
+  identity: d.oneOfType([d.string, d.func]),
+  title: d.string,
+  alerts: d.arrayOf(
+    d.shape({
+      id: d.oneOfType([d.string, d.number]),
+      type: d.oneOf(["warning", "info", "success", "banner"]),
+      title: d.string,
+      message: d.string,
+      time: d.string,
+      read: d.bool,
+      priority: d.oneOf(["low", "medium", "high"])
     })
   ),
-  showBanner: c.bool
+  showBanner: d.bool
 };
 const ml = [
   {
@@ -8317,7 +8317,7 @@ const ml = [
   }
 };
 function hl({ video: t, sizeMeta: a }) {
-  const [s, i] = M(!1);
+  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: [
       /* @__PURE__ */ e(
@@ -8359,11 +8359,11 @@ function pl({
   videos: o = ml,
   ...p
 }) {
-  const [g, N] = M(!1), x = de(t), r = me[x], v = ul[x];
+  const [g, v] = P(!1), x = de(t), r = me[x], N = ul[x];
   return /* @__PURE__ */ n(
     oe,
     {
-      className: `flex flex-col ${r.card} ${v.wrap}`,
+      className: `flex flex-col ${r.card} ${N.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
       onSelect: i,
@@ -8378,7 +8378,7 @@ function pl({
               "button",
               {
                 className: "flex items-center gap-1 px-3 py-1.5 text-sm text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100 border border-zinc-300 dark:border-zinc-600 rounded-md transition-colors duration-200",
-                onClick: () => N(!g),
+                onClick: () => v(!g),
                 children: [
                   "Filter",
                   /* @__PURE__ */ e(xe, { className: "h-4 w-4 transform rotate-90" })
@@ -8393,11 +8393,11 @@ function pl({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { className: `grid ${v.gridCols} gap-4 `, children: o.slice(0, v.gridCols === "grid-cols-3" ? 6 : 4).map((m) => /* @__PURE__ */ e(
+        /* @__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,
           {
             video: m,
-            sizeMeta: v
+            sizeMeta: N
           },
           m.id
         )) }),
@@ -8410,20 +8410,20 @@ function pl({
   );
 }
 pl.propTypes = {
-  size: c.string,
-  showCheckbox: c.bool,
-  checkboxPosition: c.oneOf(["top-left", "top-right"]),
-  onSelect: c.func,
-  identity: c.oneOfType([c.string, c.func]),
-  title: c.string,
-  videos: c.arrayOf(
-    c.shape({
-      id: c.oneOfType([c.string, c.number]),
-      title: c.string,
-      description: c.string,
-      thumbnail: c.string,
-      duration: c.string,
-      category: c.string
+  size: d.string,
+  showCheckbox: d.bool,
+  checkboxPosition: d.oneOf(["top-left", "top-right"]),
+  onSelect: d.func,
+  identity: d.oneOfType([d.string, d.func]),
+  title: d.string,
+  videos: d.arrayOf(
+    d.shape({
+      id: d.oneOfType([d.string, d.number]),
+      title: d.string,
+      description: d.string,
+      thumbnail: d.string,
+      duration: d.string,
+      category: d.string
     })
   )
 };
@@ -8463,11 +8463,11 @@ export {
   As as NewsMock,
   Gs as O365MailsMock,
   Ln as OptionsMenu,
-  Mn as PageHeader,
+  Pn as PageHeader,
   Il as PageLayout,
   Tl as Pagination,
   la as RadioGroup,
-  be as SearchBar,
+  fe as SearchBar,
   pt as Select,
   oe as SelectableCard,
   Al as Sidebar,
@@ -8486,14 +8486,14 @@ export {
   Vl as axiosPatch,
   bt as axiosPost,
   Bl as axiosPut,
-  Pl as cookies,
+  Ml as cookies,
   Wn as createHttpClient,
   Un as directoryPermissionsApi,
   Gn as filePermissionsApi,
   _n as gateWayUrl,
   $e as gatewayBase,
   vt as getBaseUrl,
-  Ml as getSnapshot,
+  Pl as getSnapshot,
   jl as http,
   jn as localStore,
   Nt as myDriveGatewayBaseV2,