unifyedx-storybook-new 0.2.37 → 0.2.38

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

@@ -1,10 +1,10 @@
 import { jsxs as n, jsx as e, Fragment as te } from "react/jsx-runtime";
-import se, { useState as L, useMemo as me, useId as Qe, Fragment as Q, useEffect as Z, useCallback as ae, useRef as ge } from "react";
-import { a as H, U as dt, X as ye, P as c, L as ja, C as fe, b as et, D as mt, f as Ct, d as Gt, F as Va, e as _a, h as Ua, T as Ze, u as qa, I as Yt, i as Wt, j as Ga, k as Ya, l as Wa, m as Jt, S as xt, n as Xt, M as Ja, o as Xa, p as vt, q as Ha, A as Qa, E as Ht, r as Za, s as Ka, t as er, v as tr, w as Qt, x as ar, y as Zt, z as Kt, B as rr, G as nr, H as sr, J as Ke, K as ut, N as ht, O as lr, Q as or, R as ea, V as ir, W as Nt, Y as cr, Z as dr, _ as Be, $ as mr, a0 as ur, a1 as hr, a2 as pr, a3 as gr, a4 as br, a5 as zt, a6 as fr, a7 as yr, a8 as xr, a9 as vr, aa as Nr, ab as wr, ac as kr, ad as Cr, ae as zr, af as Ae, ag as ta, ah as Sr, ai as Dr, aj as $r, ak as Tr, al as Ar, am as aa, an as Fr, ao as Er, ap as ra, aq as Rr, ar as pt, as as na, at as Or } from "./vendor-DoYRzmYd.js";
-import { Popover as Pr, PopoverButton as Ir, PopoverPanel as Mr, Transition as ue, Dialog as be, TransitionChild as Ne, DialogPanel as Fe, DialogTitle as tt, TabGroup as Lr, TabList as Br, Tab as ne, TabPanels as jr, RadioGroup as qe, Listbox as K, ListboxButton as Vr, ListboxOptions as _r, ListboxOption as Ur, SwitchGroup as qr, Switch as ot, Menu as Gr, MenuButton as Yr, Portal as Wr, MenuItems as Jr, MenuItem as Xr, DialogBackdrop as Hr } from "@headlessui/react";
+import se, { useState as L, useMemo as me, useId as Xe, Fragment as Q, useEffect as Z, useCallback as ae, useRef as ge } from "react";
+import { a as H, U as dt, X as ye, P as c, L as ja, C as fe, b as Ke, D as mt, f as Ct, d as qt, F as Va, e as _a, h as Ua, T as He, u as Ga, I as Yt, i as Wt, j as qa, k as Ya, l as Wa, m as Jt, S as xt, n as Xt, M as Ja, o as Xa, p as vt, q as Ha, A as Qa, E as Ht, r as Za, s as Ka, t as er, v as tr, w as Qt, x as ar, y as Zt, z as Kt, B as rr, G as nr, H as sr, J as Qe, K as ut, N as ht, O as lr, Q as ir, R as ea, V as or, W as Nt, Y as cr, Z as dr, _ as Le, $ as mr, a0 as ur, a1 as hr, a2 as pr, a3 as gr, a4 as br, a5 as zt, a6 as fr, a7 as yr, a8 as xr, a9 as vr, aa as Nr, ab as wr, ac as kr, ad as Cr, ae as zr, af as Ae, ag as ta, ah as Sr, ai as Dr, aj as $r, ak as Tr, al as Ar, am as aa, an as Fr, ao as Er, ap as ra, aq as Rr, ar as pt, as as na, at as Or } from "./vendor-DoYRzmYd.js";
+import { Popover as Pr, PopoverButton as Ir, PopoverPanel as Mr, Transition as ue, Dialog as be, TransitionChild as Ne, DialogPanel as Fe, DialogTitle as et, TabGroup as Lr, TabList as Br, Tab as ne, TabPanels as jr, RadioGroup as Ue, Listbox as K, ListboxButton as Vr, ListboxOptions as _r, ListboxOption as Ur, SwitchGroup as Gr, Switch as lt, Menu as qr, MenuButton as Yr, Portal as Wr, MenuItems as Jr, MenuItem as Xr, DialogBackdrop as Hr } from "@headlessui/react";
 import { motion as le, AnimatePresence as ke } from "framer-motion";
 import { d as Qr } from "./vendor-lodash-DUMS_goM.js";
-import { useFloating as sa, offset as la, flip as oa, shift as ia, autoUpdate as ca, useClick as Zr, useDismiss as Kr, useInteractions as en, FloatingPortal as tn } from "@floating-ui/react";
+import { useFloating as sa, offset as la, flip as ia, shift as oa, autoUpdate as ca, useClick as Zr, useDismiss as Kr, useInteractions as en, FloatingPortal as tn } from "@floating-ui/react";
 import it, { debounce as an } from "lodash";
 import { toast as Se, ToastContainer as rn, Slide as nn } from "react-toastify";
 import "react-toastify/dist/ReactToastify.css";
@@ -15,29 +15,29 @@ const vn = (t) => {
     a ^= t.charCodeAt(s), a += (a << 1) + (a << 4) + (a << 7) + (a << 8) + (a << 24);
   return a >>> 0;
 }, Nn = (t) => {
-  const a = (t ?? "").trim().toLowerCase(), s = parseInt((a.match(/\d+$/) ?? [0])[0], 10) || 0, o = vn(a), l = (o % 360 + 37 * s) % 360, m = 55 + (o >>> 8) % 20, i = 30 + (o >>> 16) % 10, u = 86 + (o >>> 24) % 8, g = `hsl(${l}, ${m}%, ${u}%)`, f = `hsl(${l}, ${m}%, ${i}%)`;
+  const a = (t ?? "").trim().toLowerCase(), s = parseInt((a.match(/\d+$/) ?? [0])[0], 10) || 0, i = vn(a), l = (i % 360 + 37 * s) % 360, m = 55 + (i >>> 8) % 20, o = 30 + (i >>> 16) % 10, u = 86 + (i >>> 24) % 8, g = `hsl(${l}, ${m}%, ${u}%)`, f = `hsl(${l}, ${m}%, ${o}%)`;
   return { bg: g, text: f };
 }, wn = (t = "") => t.split(" ").map((a) => a[0]).slice(0, 2).join("").toUpperCase(), Ce = ({
   src: t,
   name: a,
   size: s = "medium",
   // 'small', 'medium', 'large', 'xlarge'
-  bgColor: o,
+  bgColor: i,
   // ✅ New prop for background color
   textColor: l,
   // ✅ New prop for text/icon color
   className: m,
-  ...i
+  ...o
 }) => {
   const [u, g] = L(!1), f = me(() => Nn(a), []), x = t && !u, r = !x && a, N = !x && !a, d = H(
     "avatar-container",
     `avatar--size-${s}`,
     m
-  ), p = x ? "transparent" : o || f.bg, $ = l || f.text;
+  ), p = x ? "transparent" : i || f.bg, $ = l || f.text;
   return /* @__PURE__ */ n("div", { className: d, style: {
     backgroundColor: p,
     color: $
-  }, ...i, children: [
+  }, ...o, children: [
     x && /* @__PURE__ */ e(
       "img",
       {
@@ -50,13 +50,13 @@ const vn = (t) => {
     r && /* @__PURE__ */ e("span", { className: "avatar-initials", "aria-label": a, children: wn(a) }),
     N && /* @__PURE__ */ e("span", { className: "avatar-icon", children: /* @__PURE__ */ e(dt, {}) })
   ] });
-}, kn = ({ children: t, max: a = 4, truncatedMessage: s = "Members", ...o }) => {
-  const l = se.Children.toArray(t), m = l.slice(0, a), i = l.length - a;
-  return /* @__PURE__ */ n("div", { className: "avatar-group-container", ...o, children: [
+}, kn = ({ children: t, max: a = 4, truncatedMessage: s = "Members", ...i }) => {
+  const l = se.Children.toArray(t), m = l.slice(0, a), o = l.length - a;
+  return /* @__PURE__ */ n("div", { className: "avatar-group-container", ...i, children: [
     m,
-    i > 0 && /* @__PURE__ */ n("div", { className: "avatar-container avatar--size-medium avatar-excess", children: [
+    o > 0 && /* @__PURE__ */ n("div", { className: "avatar-container avatar--size-medium avatar-excess", children: [
       "+",
-      i,
+      o,
       " ",
       s
     ] })
@@ -67,10 +67,10 @@ const vn = (t) => {
   // 'default', 'primary', 'success', 'warning', 'danger'
   size: s = "medium",
   // 'small', 'medium', 'large'
-  icon: o,
+  icon: i,
   onRemove: l,
   bgColor: m,
-  textColor: i,
+  textColor: o,
   className: u,
   ...g
 }) => {
@@ -81,12 +81,12 @@ const vn = (t) => {
     { "badge--with-remove": !!l },
     u
   );
-  return /* @__PURE__ */ n("span", { className: f, style: m && i ? {
+  return /* @__PURE__ */ n("span", { className: f, style: m && o ? {
     backgroundColor: m,
-    color: i,
+    color: o,
     borderColor: "#ff0000"
   } : {}, ...g, children: [
-    o && /* @__PURE__ */ e(o, { className: "badge-icon" }),
+    i && /* @__PURE__ */ e(i, { className: "badge-icon" }),
     /* @__PURE__ */ e("span", { className: "badge-label", children: t }),
     l && /* @__PURE__ */ e(
       "button",
@@ -103,7 +103,7 @@ const vn = (t) => {
   primary: t = !1,
   backgroundColor: a = null,
   size: s = "medium",
-  label: o,
+  label: i,
   ...l
 }) => {
   const m = t ? "storybook-button--primary" : "storybook-button--secondary";
@@ -114,7 +114,7 @@ const vn = (t) => {
       className: ["storybook-button", `storybook-button--${s}`, m].join(" "),
       style: a && { backgroundColor: a },
       ...l,
-      children: o
+      children: i
     }
   );
 };
@@ -141,11 +141,11 @@ const zn = {
   dataTestId: t,
   title: a,
   type: s = "button",
-  ariaLabel: o,
+  ariaLabel: i,
   className: l = "",
   // ✅ Default is now empty
   loader: m = !1,
-  category: i = "primary",
+  category: o = "primary",
   icon: u,
   // Renamed for clarity, expecting a component type e.g., CheckCircle
   disabled: g = !1,
@@ -159,7 +159,7 @@ const zn = {
   const p = g || m, $ = u && !x, A = H(
     "btn-base",
     zn[f],
-    Sn[i],
+    Sn[o],
     {
       "is-loading": m,
       "btn-icon-only": $
@@ -174,8 +174,8 @@ const zn = {
       className: A,
       disabled: p,
       onClick: N,
-      title: a || $ && o || (typeof x == "string" ? x : void 0),
-      "aria-label": o || $ && a || (typeof x == "string" ? x : void 0),
+      title: a || $ && i || (typeof x == "string" ? x : void 0),
+      "aria-label": i || $ && a || (typeof x == "string" ? x : void 0),
       ...d,
       children: m ? /* @__PURE__ */ e(ja, { className: "loader-spin", "data-testid": "button-loader" }) : /* @__PURE__ */ n(te, { children: [
         u && /* @__PURE__ */ e(u, { size: f === "large" ? 20 : 16 }),
@@ -185,8 +185,8 @@ const zn = {
       ] })
     }
   );
-}, Dn = ({ crumbs: t = [], ...a }) => /* @__PURE__ */ e("nav", { "aria-label": "Breadcrumb", className: "breadcrumbs-nav", ...a, children: /* @__PURE__ */ e("ol", { className: "breadcrumbs-list", children: t.map((s, o) => {
-  const l = o === t.length - 1;
+}, Dn = ({ crumbs: t = [], ...a }) => /* @__PURE__ */ e("nav", { "aria-label": "Breadcrumb", className: "breadcrumbs-nav", ...a, children: /* @__PURE__ */ e("ol", { className: "breadcrumbs-list", children: t.map((s, i) => {
+  const l = i === t.length - 1;
   return /* @__PURE__ */ n("li", { className: "breadcrumb-item", children: [
     /* @__PURE__ */ n(
       "a",
@@ -207,19 +207,19 @@ const zn = {
         "aria-hidden": "true"
       }
     )
-  ] }, o);
+  ] }, i);
 }) }) }), da = ({
   label: t,
   id: a,
   error: s,
-  className: o,
+  className: i,
   ref: l,
   checked: m,
-  onChange: i,
+  onChange: o,
   ...u
 }) => {
-  const g = Qe(), f = a || g;
-  return /* @__PURE__ */ n("div", { className: `checkbox-container ${o || ""}`, children: [
+  const g = Xe(), f = a || g;
+  return /* @__PURE__ */ n("div", { className: `checkbox-container ${i || ""}`, children: [
     /* @__PURE__ */ n("label", { htmlFor: f, className: "checkbox-wrapper", children: [
       /* @__PURE__ */ e(
         "input",
@@ -229,7 +229,7 @@ const zn = {
           ref: l,
           className: "checkbox-input",
           checked: m,
-          onChange: i,
+          onChange: o,
           ...u
         }
       ),
@@ -241,7 +241,7 @@ const zn = {
             "checkbox-box--error": !!s
           }),
           "aria-hidden": "true",
-          children: m && /* @__PURE__ */ e(et, { className: "checkbox-check-icon" })
+          children: m && /* @__PURE__ */ e(Ke, { className: "checkbox-check-icon" })
         }
       ),
       t && /* @__PURE__ */ e("span", { className: "checkbox-label-text", children: t })
@@ -252,10 +252,10 @@ const zn = {
   value: t,
   onChange: a,
   onClear: s,
-  placeholder: o = "Select a date",
+  placeholder: i = "Select a date",
   label: l,
   error: m,
-  disabled: i = !1,
+  disabled: o = !1,
   className: u,
   ...g
 }) => /* @__PURE__ */ n("div", { className: H("datepicker-wrapper", u), children: [
@@ -280,10 +280,10 @@ const zn = {
   value: t,
   onChange: a,
   onClear: s,
-  placeholder: o = "Select a date range",
+  placeholder: i = "Select a date range",
   label: l,
   error: m,
-  disabled: i = !1,
+  disabled: o = !1,
   className: u,
   ...g
 }) => {
@@ -293,7 +293,7 @@ const zn = {
     Ct(f, "MMM d, y"),
     " - ",
     Ct(x, "MMM d, y")
-  ] }) : /* @__PURE__ */ e("span", { className: "datepicker-placeholder", children: o });
+  ] }) : /* @__PURE__ */ e("span", { className: "datepicker-placeholder", children: i });
   return /* @__PURE__ */ n("div", { className: H("datepicker-wrapper", u), children: [
     l && /* @__PURE__ */ e("label", { className: "datepicker-label", htmlFor: "daterangepicker-input", children: l }),
     /* @__PURE__ */ n($n, { children: [
@@ -305,17 +305,17 @@ const zn = {
             type: "button",
             className: H("datepicker-trigger", {
               "datepicker-trigger--error": !!m,
-              "datepicker-trigger--disabled": i
+              "datepicker-trigger--disabled": o
             }),
-            disabled: i,
-            "aria-label": f && x ? `Selected range is ${N}` : o,
+            disabled: o,
+            "aria-label": f && x ? `Selected range is ${N}` : i,
             children: [
-              /* @__PURE__ */ e(Gt, { className: "datepicker-icon" }),
+              /* @__PURE__ */ e(qt, { className: "datepicker-icon" }),
               /* @__PURE__ */ e("span", { className: "datepicker-value", children: N })
             ]
           }
         ),
-        f && s && !i && /* @__PURE__ */ e(
+        f && s && !o && /* @__PURE__ */ e(
           "button",
           {
             type: "button",
@@ -549,7 +549,7 @@ const zn = {
   USER: "User",
   GROUP: "Group",
   ROLE: "Role"
-}, Je = (t) => `https://ui-avatars.com/api/?rounded=true&background=random&name=${encodeURIComponent(
+}, Ye = (t) => `https://ui-avatars.com/api/?rounded=true&background=random&name=${encodeURIComponent(
   t
 )}`, de = {
   DRIVE: "drive",
@@ -559,12 +559,12 @@ const zn = {
   View: "view",
   Manage: "edit"
 }, $t = ({ extension: t, size: a = 36 }) => {
-  const s = (t || "").toLowerCase(), o = En[s];
-  return o ? /* @__PURE__ */ e("div", { style: { width: a }, className: "flex-shrink-0", children: /* @__PURE__ */ e(
+  const s = (t || "").toLowerCase(), i = En[s];
+  return i ? /* @__PURE__ */ e("div", { style: { width: a }, className: "flex-shrink-0", children: /* @__PURE__ */ e(
     Va,
     {
       extension: s,
-      ...o,
+      ...i,
       radius: 2,
       fold: !0,
       foldColor: "#E5E7EB",
@@ -582,19 +582,19 @@ const zn = {
   );
 }, Rn = (t) => /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: t.width || 24, height: t.height || 24, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ e("path", { d: "M20 12H4M4 12L10 18M4 12L10 6", stroke: "#767676", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), Tt = (t, a = 2) => {
   if (!+t) return "0 Bytes";
-  const s = 1024, o = a < 0 ? 0 : a, l = ["Bytes", "KB", "MB", "GB", "TB"], m = Math.floor(Math.log(t) / Math.log(s));
-  return `${parseFloat((t / Math.pow(s, m)).toFixed(o))} ${l[m]}`;
+  const s = 1024, i = a < 0 ? 0 : a, l = ["Bytes", "KB", "MB", "GB", "TB"], m = Math.floor(Math.log(t) / Math.log(s));
+  return `${parseFloat((t / Math.pow(s, m)).toFixed(i))} ${l[m]}`;
 }, El = ({
   // --- Modal Control ---
   isOpen: t,
   onClose: a,
   // --- Dropzone Props ---
   getRootProps: s,
-  getInputProps: o,
+  getInputProps: i,
   isDragActive: l,
   open: m,
   // --- Form and File State ---
-  validFiles: i = [],
+  validFiles: o = [],
   rejectedFiles: u = [],
   handleRemoveValidFile: g,
   handleRemoveRejectedFile: f,
@@ -605,7 +605,7 @@ const zn = {
   title: d = "Upload Files",
   subHeading: p = "Supports PNG, JPG, PDF. Max size: 50MB."
 }) => {
-  const $ = i.length > 0 || u.length > 0;
+  const $ = o.length > 0 || u.length > 0;
   return /* @__PURE__ */ e(ue, { appear: !0, show: t, as: Q, children: /* @__PURE__ */ n(
     be,
     {
@@ -643,10 +643,10 @@ const zn = {
                 className: "dialog-panel",
                 onClick: (A) => A.stopPropagation(),
                 children: [
-                  /* @__PURE__ */ e("input", { ...o() }),
+                  /* @__PURE__ */ e("input", { ...i() }),
                   /* @__PURE__ */ n("form", { onSubmit: x, className: "form-wrapper", children: [
                     /* @__PURE__ */ n("div", { className: "dialog-header", children: [
-                      /* @__PURE__ */ e(tt, { as: "h3", className: "dialog-title-text", children: d }),
+                      /* @__PURE__ */ e(et, { as: "h3", className: "dialog-title-text", children: d }),
                       /* @__PURE__ */ e(
                         "button",
                         {
@@ -684,7 +684,7 @@ const zn = {
                       $ && /* @__PURE__ */ n("div", { className: "file-list-container", children: [
                         /* @__PURE__ */ e("h3", { children: "Upload Queue" }),
                         /* @__PURE__ */ n("ul", { className: "file-list", children: [
-                          i.map((A, E) => /* @__PURE__ */ n(
+                          o.map((A, E) => /* @__PURE__ */ n(
                             "li",
                             {
                               className: "file-item",
@@ -707,7 +707,7 @@ const zn = {
                                     type: "button",
                                     onClick: () => g(E),
                                     className: "remove-file-button",
-                                    children: /* @__PURE__ */ e(Ze, { size: 16 })
+                                    children: /* @__PURE__ */ e(He, { size: 16 })
                                   }
                                 )
                               ]
@@ -738,7 +738,7 @@ const zn = {
                                     type: "button",
                                     onClick: () => f(R),
                                     className: "remove-file-button",
-                                    children: /* @__PURE__ */ e(Ze, { size: 16 })
+                                    children: /* @__PURE__ */ e(He, { size: 16 })
                                   }
                                 )
                               ]
@@ -764,7 +764,7 @@ const zn = {
                           type: "submit",
                           label: r ? "Uploading..." : "Upload Files",
                           loader: r,
-                          disabled: i.length === 0 || r
+                          disabled: o.length === 0 || r
                         }
                       )
                     ] })
@@ -777,42 +777,42 @@ const zn = {
       ]
     }
   ) });
-}, je = (t) => {
+}, Be = (t) => {
   const a = new Date(t);
   return a.setHours(0, 0, 0, 0), a;
-}, Ve = (t) => {
+}, je = (t) => {
   const a = new Date(t);
   return a.setHours(23, 59, 59, 999), a;
 }, gt = (t, a) => {
   const s = new Date(t);
   return s.setDate(s.getDate() + a), s;
 }, bt = (t) => {
-  const a = new Date(t), s = a.getDay(), o = a.getDate() - s;
-  return je(new Date(a.setDate(o)));
-}, On = (t) => Ve(gt(bt(t), 6)), At = (t) => {
+  const a = new Date(t), s = a.getDay(), i = a.getDate() - s;
+  return Be(new Date(a.setDate(i)));
+}, On = (t) => je(gt(bt(t), 6)), At = (t) => {
   const a = new Date(t);
-  return je(new Date(a.getFullYear(), a.getMonth(), 1));
+  return Be(new Date(a.getFullYear(), a.getMonth(), 1));
 }, Ft = (t) => {
   const a = new Date(t);
-  return Ve(new Date(a.getFullYear(), a.getMonth() + 1, 0));
+  return je(new Date(a.getFullYear(), a.getMonth() + 1, 0));
 }, Pn = (t) => {
   const a = /* @__PURE__ */ new Date();
   switch (t) {
     case "anytime":
       return [null, null];
     case "today":
-      return [je(a), Ve(a)];
+      return [Be(a), je(a)];
     case "this_week":
       return [bt(a), On(a)];
     case "last_week": {
       const s = gt(bt(a), -7);
-      return [je(s), Ve(gt(s, 6))];
+      return [Be(s), je(gt(s, 6))];
     }
     case "this_month":
       return [At(a), Ft(a)];
     case "last_month": {
-      const s = /* @__PURE__ */ new Date(), o = new Date(s.getFullYear(), s.getMonth() - 1, 1);
-      return [At(o), Ft(o)];
+      const s = /* @__PURE__ */ new Date(), i = new Date(s.getFullYear(), s.getMonth() - 1, 1);
+      return [At(i), Ft(i)];
     }
     default:
       return [null, null];
@@ -821,10 +821,10 @@ const zn = {
   isOpen: t,
   onClose: a,
   onApplyFilters: s,
-  resetFilters: o,
+  resetFilters: i,
   filterConfig: l = [],
   initialFormikValues: m,
-  customStyles: i = "",
+  customStyles: o = "",
   fetchCreatedOrUpdatedByUsers: u = async () => []
   // Mockable fetcher
 }) => {
@@ -838,7 +838,7 @@ const zn = {
     startDate: null
   }), [p, $] = L({
     endDate: null
-  }), A = qa({
+  }), A = Ga({
     initialValues: JSON.parse(JSON.stringify(m)),
     // Deep copy
     onSubmit: (C) => {
@@ -891,8 +891,8 @@ const zn = {
     const h = l[C].key, w = l[C].url;
     l[C].type === "multiselect-users" && g[h].length === 0 && !x[h] && V(h, w);
   }, Y = () => {
-    A.resetForm(), f({ createdBy: [], updatedBy: [] }), o();
-  }, q = (C) => {
+    A.resetForm(), f({ createdBy: [], updatedBy: [] }), i();
+  }, G = (C) => {
     const h = l.find((k) => k.key === C);
     if (!h) return null;
     const w = A.values[C] || m[C], T = Array.isArray(w.values) ? w.values : [];
@@ -921,8 +921,8 @@ const zn = {
                   className: "filter-checkbox-input",
                   checked: h.options.length > 0 && T.length === h.options.length,
                   onChange: (I) => {
-                    const G = I.target.checked ? h.options.map((X) => X.value) : [];
-                    A.setFieldValue(`${C}.values`, G);
+                    const q = I.target.checked ? h.options.map((X) => X.value) : [];
+                    A.setFieldValue(`${C}.values`, q);
                   }
                 }
               ),
@@ -943,8 +943,8 @@ const zn = {
                   id: `${C}-${I.value}`,
                   className: "filter-checkbox-input",
                   checked: T.includes(I.value),
-                  onChange: (G) => {
-                    const X = G.target.checked ? [...T, I.value] : T.filter((xe) => xe !== I.value);
+                  onChange: (q) => {
+                    const X = q.target.checked ? [...T, I.value] : T.filter((xe) => xe !== I.value);
                     A.setFieldValue(`${C}.values`, X);
                   }
                 }
@@ -985,10 +985,10 @@ const zn = {
                   className: "filter-checkbox-input",
                   checked: k.length > 0 && T.length === k.length,
                   onChange: (I) => {
-                    const G = I.target.checked ? k.map((X) => X.email) : [];
+                    const q = I.target.checked ? k.map((X) => X.email) : [];
                     A.setFieldValue(
                       `${C}.values`,
-                      G
+                      q
                     );
                   }
                 }
@@ -1010,8 +1010,8 @@ const zn = {
                   id: `${C}-${I.email}`,
                   className: "filter-checkbox-input",
                   checked: T.includes(I.email),
-                  onChange: (G) => {
-                    const X = G.target.checked ? [...T, I.email] : T.filter((xe) => xe !== I.email);
+                  onChange: (q) => {
+                    const X = q.target.checked ? [...T, I.email] : T.filter((xe) => xe !== I.email);
                     A.setFieldValue(
                       `${C}.values`,
                       X
@@ -1057,8 +1057,8 @@ const zn = {
             A.setFieldValue(`${C}.range`, "custom");
             return;
           }
-          const [G, X] = Pn(I);
-          A.setFieldValue(`${C}.values`, G && X ? [G, X] : []), A.setFieldValue(`${C}.range`, I);
+          const [q, X] = Pn(I);
+          A.setFieldValue(`${C}.values`, q && X ? [q, X] : []), A.setFieldValue(`${C}.range`, I);
         };
         return /* @__PURE__ */ n("div", { className: "filter-panel-content", children: [
           /* @__PURE__ */ n("div", { className: "filter-operator-group", children: [
@@ -1088,7 +1088,7 @@ const zn = {
             )
           ] }),
           /* @__PURE__ */ e("div", { className: "pb-0", children: /* @__PURE__ */ e("div", { className: "space-y-3", children: B.map((I) => {
-            const G = w.range === I.key || I.key === "anytime" && (!Array.isArray(w.values) || w.values.length === 0);
+            const q = w.range === I.key || I.key === "anytime" && (!Array.isArray(w.values) || w.values.length === 0);
             return /* @__PURE__ */ n(
               "label",
               {
@@ -1099,13 +1099,13 @@ const zn = {
                     {
                       type: "radio",
                       name: `preset-${C}`,
-                      checked: G,
+                      checked: q,
                       onChange: () => _(I.key),
                       className: "h-4 w-4"
                     }
                   ),
                   /* @__PURE__ */ e("span", { className: "text-sm text-[#222]", children: I.label }),
-                  I.key === "anytime" && G && /* @__PURE__ */ e("span", { className: "ml-2 text-xs bg-yellow-100 text-yellow-800 px-2 py-0.5 rounded", children: "Default" })
+                  I.key === "anytime" && q && /* @__PURE__ */ e("span", { className: "ml-2 text-xs bg-yellow-100 text-yellow-800 px-2 py-0.5 rounded", children: "Default" })
                 ]
               },
               I.key
@@ -1122,8 +1122,8 @@ const zn = {
                   useRange: !1,
                   value: F,
                   onChange: (I) => {
-                    const G = I?.startDate ? je(new Date(I.startDate)) : null, X = b[1] || null;
-                    G && (A.setFieldValue(`${C}.values`, [G, X]), A.setFieldValue(`${C}.range`, "custom"));
+                    const q = I?.startDate ? Be(new Date(I.startDate)) : null, X = b[1] || null;
+                    q && (A.setFieldValue(`${C}.values`, [q, X]), A.setFieldValue(`${C}.range`, "custom"));
                   },
                   inputClassName: "w-full rounded-xl border border-[#767676] px-4 py-2 text-sm font-normal text-[#101112] focus:border-violet-500 focus:outline-none focus:ring-1 focus:ring-violet-500",
                   primaryColor: "violet",
@@ -1146,8 +1146,8 @@ const zn = {
                   useRange: !1,
                   value: S,
                   onChange: (I) => {
-                    const G = I?.startDate ? Ve(new Date(I.startDate)) : null, X = b[0] || null;
-                    G && (A.setFieldValue(`${C}.values`, [X, G]), A.setFieldValue(`${C}.range`, "custom"));
+                    const q = I?.startDate ? je(new Date(I.startDate)) : null, X = b[0] || null;
+                    q && (A.setFieldValue(`${C}.values`, [X, q]), A.setFieldValue(`${C}.range`, "custom"));
                   },
                   inputClassName: "w-full rounded-xl border border-[#767676] px-4 py-2 text-sm font-normal text-[#101112] focus:border-violet-500 focus:outline-none focus:ring-1 focus:ring-violet-500",
                   primaryColor: "violet",
@@ -1191,9 +1191,9 @@ const zn = {
         leave: "ease-in duration-200",
         leaveFrom: "opacity-100 translate-x-0",
         leaveTo: "opacity-0 translate-x-full",
-        children: /* @__PURE__ */ n(Fe, { className: `filter-modal-panel   ${i}`, children: [
+        children: /* @__PURE__ */ n(Fe, { className: `filter-modal-panel   ${o}`, children: [
           /* @__PURE__ */ n("div", { className: "filter-header", children: [
-            /* @__PURE__ */ e(tt, { as: "h3", className: "filter-title", children: "Filters" }),
+            /* @__PURE__ */ e(et, { as: "h3", className: "filter-title", children: "Filters" }),
             /* @__PURE__ */ e(
               "button",
               {
@@ -1239,7 +1239,7 @@ const zn = {
                           animate: { opacity: 1, x: 0 },
                           transition: { duration: 0.3 },
                           className: "h-full",
-                          children: q(C.key)
+                          children: G(C.key)
                         },
                         C.key
                       )
@@ -1282,10 +1282,10 @@ const zn = {
   label: t,
   id: a,
   type: s = "text",
-  icon: o,
+  icon: i,
   error: l,
   className: m,
-  ref: i,
+  ref: o,
   // ✅ 'ref' is now received directly as a prop
   ...u
 }) => {
@@ -1293,16 +1293,16 @@ const zn = {
   return /* @__PURE__ */ n("div", { className: `input-wrapper ${m || ""}`, children: [
     t && /* @__PURE__ */ e("label", { htmlFor: g, className: "input-label", children: t }),
     /* @__PURE__ */ n("div", { className: "input-field-container", children: [
-      o && /* @__PURE__ */ e(o, { className: "input-icon", size: 20 }),
+      i && /* @__PURE__ */ e(i, { className: "input-icon", size: 20 }),
       /* @__PURE__ */ e(
         "input",
         {
           id: g,
           type: s,
-          ref: i,
+          ref: o,
           className: H("input-field", {
             "input-field--error": !!l,
-            "input-field--with-icon": !!o
+            "input-field--with-icon": !!i
           }),
           ...u
         }
@@ -1312,7 +1312,7 @@ const zn = {
   ] });
 }, Et = {
   delete: {
-    icon: Ze,
+    icon: He,
     iconClass: "icon--delete",
     primaryButtonCategory: "danger"
     // Assuming you add a 'danger' category to your Button
@@ -1332,20 +1332,20 @@ const zn = {
   isOpen: t,
   onClose: a,
   title: s,
-  children: o,
+  children: i,
   // For the description/body content
   primaryButtonText: l,
   // No default
   secondaryButtonText: m,
   // No default
-  variant: i = "info",
+  variant: o = "info",
   // 'info', 'warning', 'delete'
   loading: u = !1,
   buttonProps: g = {},
   size: f
   // Add size prop
 }) => {
-  const x = Et[i] || Et.info, r = x.icon, N = () => {
+  const x = Et[o] || Et.info, r = x.icon, N = () => {
     a({ primary: !0, secondary: !1 });
   }, d = () => {
     a({ primary: !1, secondary: !0 });
@@ -1378,8 +1378,8 @@ const zn = {
           /* @__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: [
-              /* @__PURE__ */ e(tt, { as: "h3", className: "modal-title", children: s }),
-              /* @__PURE__ */ e("div", { className: "modal-description", children: o })
+              /* @__PURE__ */ e(et, { as: "h3", className: "modal-title", children: s }),
+              /* @__PURE__ */ e("div", { className: "modal-description", children: i })
             ] })
           ] }),
           (l || m) && /* @__PURE__ */ n("div", { className: "modal-footer", children: [
@@ -1408,18 +1408,18 @@ const zn = {
   currentPage: t,
   totalItems: a,
   itemsPerPage: s,
-  onPageChange: o,
+  onPageChange: i,
   onItemsPerPageChange: l,
   itemsPerPageOptions: m = [10, 15, 20]
 }) => {
-  const i = Math.ceil(a / s), [u, g] = L(t);
+  const o = Math.ceil(a / s), [u, g] = L(t);
   Z(() => {
     g(t);
   }, [t]);
   const f = Math.min((t - 1) * s + 1, a), x = Math.min(t * s, a), r = (N) => {
     N.preventDefault();
     let d = parseInt(u, 10);
-    isNaN(d) || d < 1 ? d = 1 : d > i && (d = i), g(d), d !== t && o(d);
+    isNaN(d) || d < 1 ? d = 1 : d > o && (d = o), g(d), d !== t && i(d);
   };
   return /* @__PURE__ */ n("div", { className: "pagination-container", children: [
     /* @__PURE__ */ n("div", { className: "pagination-left", children: [
@@ -1448,16 +1448,16 @@ const zn = {
         "button",
         {
           className: "pagination-button",
-          onClick: () => o(1),
+          onClick: () => i(1),
           disabled: t === 1,
-          children: /* @__PURE__ */ e(Ga, { size: 16 })
+          children: /* @__PURE__ */ e(qa, { size: 16 })
         }
       ),
       /* @__PURE__ */ e(
         "button",
         {
           className: "pagination-button",
-          onClick: () => o(t - 1),
+          onClick: () => i(t - 1),
           disabled: t === 1,
           children: /* @__PURE__ */ e(Ya, { size: 16 })
         }
@@ -1477,15 +1477,15 @@ const zn = {
         ),
         /* @__PURE__ */ n("span", { className: "page-input-total", children: [
           "of ",
-          i
+          o
         ] })
       ] }),
       /* @__PURE__ */ e(
         "button",
         {
           className: "pagination-button",
-          onClick: () => o(t + 1),
-          disabled: t === i,
+          onClick: () => i(t + 1),
+          disabled: t === o,
           children: /* @__PURE__ */ e(fe, { size: 16 })
         }
       ),
@@ -1493,8 +1493,8 @@ const zn = {
         "button",
         {
           className: "pagination-button",
-          onClick: () => o(i),
-          disabled: t === i,
+          onClick: () => i(o),
+          disabled: t === o,
           children: /* @__PURE__ */ e(Wa, { size: 16 })
         }
       )
@@ -1505,22 +1505,22 @@ const zn = {
   value: a,
   // The currently selected option's value (e.g., 'work')
   onChange: s,
-  options: o = [],
+  options: i = [],
   error: l,
   ...m
 }) => /* @__PURE__ */ n("div", { className: "radiogroup-wrapper", children: [
   t && /* @__PURE__ */ e("label", { className: "radiogroup-label", children: t }),
   /* @__PURE__ */ e(
-    qe,
+    Ue,
     {
       value: a,
       onChange: s,
       className: "radiogroup-container",
       ...m,
-      children: o.map((i) => /* @__PURE__ */ e(
-        qe.Option,
+      children: i.map((o) => /* @__PURE__ */ e(
+        Ue.Option,
         {
-          value: i.value,
+          value: o.value,
           className: ({ active: u, checked: g }) => H("radiogroup-option", {
             "radiogroup-option--active": u,
             "radiogroup-option--checked": g,
@@ -1528,20 +1528,20 @@ const zn = {
           }),
           children: ({ checked: u }) => /* @__PURE__ */ n(te, { children: [
             /* @__PURE__ */ n("div", { className: "radiogroup-option-content", children: [
-              /* @__PURE__ */ e(qe.Label, { as: "p", className: "option-label", children: i.label }),
-              i.description && /* @__PURE__ */ e(
-                qe.Description,
+              /* @__PURE__ */ e(Ue.Label, { as: "p", className: "option-label", children: o.label }),
+              o.description && /* @__PURE__ */ e(
+                Ue.Description,
                 {
                   as: "span",
                   className: "option-description",
-                  children: i.description
+                  children: o.description
                 }
               )
             ] }),
             u && /* @__PURE__ */ e("div", { className: "option-checkmark", children: /* @__PURE__ */ e(Jt, { size: 20 }) })
           ] })
         },
-        i.value
+        o.value
       ))
     }
   ),
@@ -1550,11 +1550,11 @@ const zn = {
   value: t = "",
   onDebouncedChange: a,
   debounceDelay: s = 400,
-  placeholder: o = "Enter text...",
+  placeholder: i = "Enter text...",
   label: l = "Search",
   // Added a default label for accessibility
   customClass: m = "",
-  ...i
+  ...o
 }) => {
   const [u, g] = L(t);
   Z(() => {
@@ -1580,12 +1580,12 @@ const zn = {
       {
         id: "search-field",
         className: "search-bar-input",
-        placeholder: o,
+        placeholder: i,
         type: "search",
         name: "search",
         value: u,
         onChange: x,
-        ...i
+        ...o
       }
     )
   ] });
@@ -1595,17 +1595,17 @@ const zn = {
   // From RHF's <Controller>
   onChange: s,
   // From RHF's <Controller>
-  options: o = [],
+  options: i = [],
   placeholder: l = "Select an option...",
   disabled: m = !1,
-  error: i,
+  error: o,
   ref: u,
   // From RHF's <Controller>
   showSearch: g = !0
 }) => {
-  const [f, x] = L(""), r = f === "" ? o : o.filter(
+  const [f, x] = L(""), r = f === "" ? i : i.filter(
     (d) => d.label.toLowerCase().includes(f.toLowerCase())
-  ), N = o.find((d) => a?.id ? d.id === a.id : d.id === a || d.value === a);
+  ), N = i.find((d) => a?.id ? d.id === a.id : d.id === a || d.value === a);
   return /* @__PURE__ */ e(K, { value: a, onChange: s, disabled: m, children: /* @__PURE__ */ n("div", { className: "select-wrapper", ref: u, children: [
     t && /* @__PURE__ */ e("label", { className: "select-label", children: t }),
     /* @__PURE__ */ n("div", { className: "select-button-container", children: [
@@ -1613,7 +1613,7 @@ const zn = {
         Vr,
         {
           className: H("select-button", {
-            "select-button--error": !!i
+            "select-button--error": !!o
           }),
           children: [
             /* @__PURE__ */ e("span", { className: "select-value-display", children: N ? N.label : /* @__PURE__ */ e("span", { className: "placeholder", children: l }) }),
@@ -1653,7 +1653,7 @@ const zn = {
                     )
                   ] }),
                   p ? /* @__PURE__ */ e(
-                    et,
+                    Ke,
                     {
                       className: "option-check-icon",
                       "aria-hidden": "true"
@@ -1667,7 +1667,7 @@ const zn = {
         }
       )
     ] }),
-    i && /* @__PURE__ */ e("p", { className: "select-error-message", children: i })
+    o && /* @__PURE__ */ e("p", { className: "select-error-message", children: o })
   ] }) });
 }, Mn = () => {
   const [t, a] = L(window.location.pathname);
@@ -1685,12 +1685,12 @@ const zn = {
       return s;
   return null;
 }, pa = ({ item: t, isCollapsed: a, level: s = 0 }) => {
-  const { pathname: o } = Mn(), l = t.href || t.url || t.path, [m, i] = L(!1), u = t.icon;
+  const { pathname: i } = Mn(), l = t.href || t.url || t.path, [m, o] = L(!1), u = t.icon;
   Z(() => {
-    yt([t], o) && i(!0);
-  }, [t, o]);
-  const g = o === l, f = !g && !!yt([t], o), x = (r) => {
-    r.preventDefault(), i(!m);
+    yt([t], i) && o(!0);
+  }, [t, i]);
+  const g = i === l, f = !g && !!yt([t], i), x = (r) => {
+    r.preventDefault(), o(!m);
   };
   return /* @__PURE__ */ n(
     "div",
@@ -1760,13 +1760,13 @@ const zn = {
   navItems: t = [],
   isCollapsed: a = !1,
   onToggleCollapse: s,
-  isMobileOpen: o = !1,
+  isMobileOpen: i = !1,
   onToggleMobile: l,
   logoSmall: m,
-  logoLarge: i,
+  logoLarge: o,
   user: u = { name: "", email: "" }
 }) => /* @__PURE__ */ n(te, { children: [
-  o && /* @__PURE__ */ e(
+  i && /* @__PURE__ */ e(
     "div",
     {
       className: "sidebar-overlay",
@@ -1779,12 +1779,12 @@ const zn = {
     {
       className: H("sidebar", {
         "sidebar--collapsed": a,
-        "sidebar--mobile-open": o
+        "sidebar--mobile-open": i
       }),
       "aria-label": "Main navigation",
       children: [
         /* @__PURE__ */ n("div", { className: "sidebar-header", children: [
-          /* @__PURE__ */ e("div", { className: "sidebar-logo", children: a ? m : i }),
+          /* @__PURE__ */ e("div", { className: "sidebar-logo", children: a ? m : o }),
           !a && /* @__PURE__ */ n("div", { className: "sidebar-search-container", children: [
             /* @__PURE__ */ e(xt, { className: "sidebar-search-icon" }),
             /* @__PURE__ */ e(
@@ -1833,7 +1833,7 @@ const zn = {
   color: a = "primary",
   // 'primary', 'white'
   className: s,
-  ...o
+  ...i
 }) => {
   const l = H(
     "spinner",
@@ -1845,7 +1845,7 @@ const zn = {
     "div",
     {
       className: l,
-      ...o,
+      ...i,
       role: "status",
       "aria-label": "Loading...",
       children: [
@@ -1867,11 +1867,11 @@ const zn = {
   label: t,
   id: a,
   error: s,
-  className: o,
+  className: i,
   ref: l,
   maxLength: m,
   // ✅ New prop for max length
-  showCharCount: i = !1,
+  showCharCount: o = !1,
   // ✅ New prop to control visibility
   ...u
 }) => {
@@ -1880,10 +1880,10 @@ const zn = {
   ), r = (d) => {
     x(d.target.value.length), u.onChange && u.onChange(d);
   }, N = m - f;
-  return /* @__PURE__ */ n("div", { className: `textarea-wrapper ${o || ""}`, children: [
+  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 }),
-      i && m && /* @__PURE__ */ n("span", { className: "char-counter", children: [
+      o && m && /* @__PURE__ */ n("span", { className: "char-counter", children: [
         N,
         " characters remaining"
       ] })
@@ -1907,14 +1907,14 @@ const zn = {
   label: t,
   checked: a,
   onChange: s,
-  labelPosition: o = "right",
+  labelPosition: i = "right",
   error: l,
   ...m
 }) => /* @__PURE__ */ n("div", { className: "switch-container", children: [
-  /* @__PURE__ */ n(qr, { as: "div", className: "switch-group", children: [
-    t && o === "left" && /* @__PURE__ */ e(ot.Label, { className: "switch-label", passive: !0, children: t }),
+  /* @__PURE__ */ n(Gr, { as: "div", className: "switch-group", children: [
+    t && i === "left" && /* @__PURE__ */ e(lt.Label, { className: "switch-label", passive: !0, children: t }),
     /* @__PURE__ */ e(
-      ot,
+      lt,
       {
         checked: a,
         onChange: s,
@@ -1926,7 +1926,7 @@ const zn = {
         children: /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "switch-thumb" })
       }
     ),
-    t && o === "right" && /* @__PURE__ */ e(ot.Label, { className: "switch-label", passive: !0, children: t })
+    t && i === "right" && /* @__PURE__ */ e(lt.Label, { className: "switch-label", passive: !0, children: t })
   ] }),
   l && /* @__PURE__ */ e("p", { className: "switch-error-message", children: l })
 ] }), Ml = ({
@@ -1934,13 +1934,13 @@ const zn = {
   content: a,
   variant: s = "dark",
   // 'dark', 'light', 'info', 'success', 'error'
-  size: o = "medium",
+  size: i = "medium",
   // 'small', 'medium'
   place: l = "top",
   // 'top', 'bottom', 'left', 'right'
   className: m,
   // For external styling of the tooltip itself
-  ...i
+  ...o
 }) => {
   const u = se.useId();
   return /* @__PURE__ */ n(te, { children: [
@@ -1952,8 +1952,8 @@ const zn = {
         content: a,
         place: l,
         variant: s,
-        className: `custom-tooltip custom-tooltip--size-${o} ${m || ""}`,
-        ...i
+        className: `custom-tooltip custom-tooltip--size-${i} ${m || ""}`,
+        ...o
       }
     )
   ] });
@@ -1974,15 +1974,15 @@ const zn = {
   isOpen: t,
   onClose: a,
   steps: s = {},
-  currentStep: o,
+  currentStep: i,
   direction: l = 1,
   stepProps: m = {},
-  title: i,
+  title: o,
   description: u,
   showProgress: g = !0,
   closeOnOverlayClick: f = !0
 }) => {
-  const x = s[o], r = Object.keys(s), N = r.indexOf(o), d = (N + 1) / r.length * 100, p = N > 0 && m.onBack;
+  const x = s[i], r = Object.keys(s), N = r.indexOf(i), d = (N + 1) / r.length * 100, p = N > 0 && m.onBack;
   return /* @__PURE__ */ e(ue, { show: t, as: Q, children: /* @__PURE__ */ n(
     be,
     {
@@ -2027,7 +2027,7 @@ const zn = {
                     }
                   ),
                   /* @__PURE__ */ n("div", { className: "wizard-header-text", children: [
-                    /* @__PURE__ */ e(be.Title, { as: "h3", className: "wizard-title", children: i }),
+                    /* @__PURE__ */ e(be.Title, { as: "h3", className: "wizard-title", children: o }),
                     u && /* @__PURE__ */ e(be.Description, { className: "wizard-description", children: u })
                   ] })
                 ] }),
@@ -2071,7 +2071,7 @@ const zn = {
                       style: { overflowX: "hidden" },
                       children: x && /* @__PURE__ */ e(x, { ...m })
                     },
-                    o
+                    i
                   )
                 }
               ) })
@@ -2092,11 +2092,11 @@ const zn = {
   dataTestId: t,
   title: a,
   type: s = "button",
-  ariaLabel: o,
+  ariaLabel: i,
   className: l = "",
   // ✅ Default is now empty
   category: m = "secondary",
-  icon: i,
+  icon: o,
   // Renamed for clarity, expecting a component type e.g., CheckCircle
   disabled: u = !1,
   size: g = "small",
@@ -2121,20 +2121,20 @@ const zn = {
       className: p,
       disabled: d,
       onClick: r,
-      title: o,
-      "aria-label": o,
+      title: i,
+      "aria-label": i,
       ...N,
-      children: i && /* @__PURE__ */ e(i, { size: g === "large" ? 20 : 16 })
+      children: o && /* @__PURE__ */ e(o, { size: g === "large" ? 20 : 16 })
     }
   );
 }, jl = ({
   content: t,
   isFooter: a = !1,
   footerContent: s,
-  save: o,
+  save: i,
   cancel: l,
   tertiary: m,
-  fullHeight: i = !1,
+  fullHeight: o = !1,
   // A clearer prop name
   ...u
 }) => {
@@ -2142,7 +2142,7 @@ const zn = {
     "page-layout",
     {
       "page-layout--with-footer": a,
-      "page-layout--full-height": i
+      "page-layout--full-height": o
     },
     u.className
   );
@@ -2165,12 +2165,12 @@ const zn = {
           ...l
         }
       ),
-      o?.show && /* @__PURE__ */ e(
+      i?.show && /* @__PURE__ */ e(
         ee,
         {
           category: "primary",
-          label: o.label || "Save",
-          ...o
+          label: i.label || "Save",
+          ...i
         }
       )
     ] }) })
@@ -2180,12 +2180,12 @@ const zn = {
   subHeading: a,
   breadcrumbItems: s = [],
   // Expects the breadcrumb data as a prop
-  isLeftArrow: o = !1,
+  isLeftArrow: i = !1,
   onBackClick: l,
   // Expects a handler for the back button
   ...m
 }) => /* @__PURE__ */ n("div", { className: "page-header-wrapper", ...m, children: [
-  o && l && /* @__PURE__ */ e(
+  i && l && /* @__PURE__ */ e(
     "button",
     {
       className: "page-header-back-button",
@@ -2203,12 +2203,12 @@ const zn = {
   onSelect: a,
   triggerIcon: s = Ht
 }) => {
-  const { refs: o, floatingStyles: l } = sa({
+  const { refs: i, floatingStyles: l } = sa({
     whileElementsMounted: ca,
-    middleware: [la(5), oa(), ia({ padding: 5 })]
+    middleware: [la(5), ia(), oa({ padding: 5 })]
   });
-  return /* @__PURE__ */ n(Gr, { as: "div", className: "options-menu-wrapper", children: [
-    /* @__PURE__ */ e(Yr, { ref: o.setReference, className: "options-menu-trigger", children: /* @__PURE__ */ e(s, { size: 20 }) }),
+  return /* @__PURE__ */ n(qr, { as: "div", className: "options-menu-wrapper", children: [
+    /* @__PURE__ */ e(Yr, { ref: i.setReference, className: "options-menu-trigger", children: /* @__PURE__ */ e(s, { size: 20 }) }),
     /* @__PURE__ */ e(Wr, { children: /* @__PURE__ */ e(
       ue,
       {
@@ -2222,16 +2222,16 @@ const zn = {
         children: /* @__PURE__ */ e(
           Jr,
           {
-            ref: o.setFloating,
+            ref: i.setFloating,
             style: l,
             className: "options-menu-panel",
             children: t.map((m) => /* @__PURE__ */ n("div", { className: "options-menu-item-wrapper", children: [
               m.dividerBefore && /* @__PURE__ */ e("div", { className: "menu-divider" }),
-              /* @__PURE__ */ e(Xr, { children: ({ active: i }) => /* @__PURE__ */ n(
+              /* @__PURE__ */ e(Xr, { children: ({ active: o }) => /* @__PURE__ */ n(
                 "button",
                 {
                   onClick: () => a(m),
-                  className: `options-menu-item ${i ? "active bg-gray-200 text-gray-900" : ""}`,
+                  className: `options-menu-item ${o ? "active bg-gray-200 text-gray-900" : ""}`,
                   disabled: m.disabled,
                   children: [
                     m.icon && /* @__PURE__ */ e("span", { className: "item-icon", children: m.icon }),
@@ -2253,7 +2253,7 @@ function Un(t) {
     return "";
   }
 }
-function qn(t) {
+function Gn(t) {
   try {
     return JSON.parse(t);
   } catch {
@@ -2266,7 +2266,7 @@ function ya(t) {
      * Get an item (parsed if JSON).
      */
     get(a) {
-      return qn(t.getItem(a));
+      return Gn(t.getItem(a));
     },
     /**
      * Set an item (string or object).
@@ -2292,33 +2292,33 @@ function ya(t) {
     all() {
       const a = {};
       for (let s = 0; s < t.length; s++) {
-        const o = t.key(s);
-        a[o] = this.get(o);
+        const i = t.key(s);
+        a[i] = this.get(i);
       }
       return a;
     }
   };
 }
-const Gn = ya(localStorage), Vl = ya(sessionStorage), _l = {
+const qn = ya(localStorage), Vl = ya(sessionStorage), _l = {
   get(t) {
     const a = document.cookie.match(
       new RegExp("(^| )" + t + "=([^;]+)")
     );
     return a ? decodeURIComponent(a[2]) : null;
   },
-  set(t, a, s = 7, o = "/") {
+  set(t, a, s = 7, i = "/") {
     const l = /* @__PURE__ */ new Date();
     l.setDate(l.getDate() + s), document.cookie = `${t}=${encodeURIComponent(
       a
-    )}; expires=${l.toUTCString()}; path=${o}`;
+    )}; expires=${l.toUTCString()}; path=${i}`;
   },
   remove(t, a = "/") {
     document.cookie = `${t}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=${a}`;
   },
   all() {
     return document.cookie.split(";").filter(Boolean).reduce((t, a) => {
-      const [s, o] = a.split("=").map((l) => l.trim());
-      return t[s] = decodeURIComponent(o), t;
+      const [s, i] = a.split("=").map((l) => l.trim());
+      return t[s] = decodeURIComponent(i), t;
     }, {});
   },
   clear() {
@@ -2326,20 +2326,20 @@ const Gn = ya(localStorage), Vl = ya(sessionStorage), _l = {
     Object.keys(t).forEach((a) => this.remove(a));
   }
 }, xa = () => typeof window < "u";
-function at() {
+function tt() {
   return xa() ? window.location.hostname === "localhost" ? "https://dev.unifyed.com" : `${window.location.protocol}//${window.location.hostname}` : "https://dev.unifyed.com";
 }
 function va() {
   if (!xa()) return "";
   try {
-    const t = Gn.get("userProfile");
+    const t = qn.get("userProfile");
     return !t && window.location.hostname === "localhost" ? "/unifyd-gateway/api" : (t && typeof t == "object" ? t : {})?.gatewaypath ?? "";
   } catch {
     return "";
   }
 }
 function ze() {
-  return `${at()}${va()}`;
+  return `${tt()}${va()}`;
 }
 function Na() {
   return `${ze()}/unifyedstudioutility/commonutility/users/list?sortkey=firstName&sortorder=false&page=0&size=999&onlineusersonly=false`;
@@ -2367,7 +2367,7 @@ function Wn() {
 }
 function Ul() {
   return Object.freeze({
-    REACT_APP_BASE_URL: at(),
+    REACT_APP_BASE_URL: tt(),
     GATEWAY_BASE: ze(),
     USER_SEARCH_BASE: Na(),
     AD_GROUPS_LIST_SEARCH_API: wa(),
@@ -2388,27 +2388,27 @@ function Jn(t) {
   }
 }
 function Rt() {
-  const t = Jn("userProfile") || {}, a = localStorage.getItem("access_token") || t.accessToken || "", s = localStorage.getItem("siteId") || t.siteId || "", o = t.tenant || "", l = t.tenantdomain || "", m = t.username || t.displayName || "", i = t.email || "";
+  const t = Jn("userProfile") || {}, a = localStorage.getItem("access_token") || t.accessToken || "", s = localStorage.getItem("siteId") || t.siteId || "", i = t.tenant || "", l = t.tenantdomain || "", m = t.username || t.displayName || "", o = t.email || "";
   return {
     Authorization: a ? `Bearer ${a}` : void 0,
-    "x-tenant-id": o || void 0,
+    "x-tenant-id": i || void 0,
     "x-tenant-domain": l || void 0,
     "site-id": s || void 0,
     "Content-Type": "application/json",
     "principal-user": m || void 0,
-    "x-user-email": i || void 0
+    "x-user-email": o || void 0
   };
 }
 function Xn(t) {
   if (t && t.isAxiosError) {
-    const { response: a, config: s, message: o } = t, l = a?.status ?? null, m = a?.statusText ?? null, i = a?.data ?? null, u = typeof i == "string" && i || i?.message || i?.msg || i?.error || i?.errors?.[0]?.message || null;
+    const { response: a, config: s, message: i } = t, l = a?.status ?? null, m = a?.statusText ?? null, o = a?.data ?? null, u = typeof o == "string" && o || o?.message || o?.msg || o?.error || o?.errors?.[0]?.message || null;
     return {
       ok: !1,
       status: l,
       statusText: m,
-      code: i?.code || null,
-      message: u || o || "Request failed",
-      details: i || null,
+      code: o?.code || null,
+      message: u || i || "Request failed",
+      details: o || null,
       request: {
         url: s?.url || null,
         method: s?.method || null,
@@ -2432,7 +2432,7 @@ function Hn({
   defaultOpenHeaders: a = {}
 } = {}) {
   const s = Za.create({
-    baseURL: at()
+    baseURL: tt()
     // ✅ base URL here
     // You can set general timeouts/etc. here
     // timeout: 20000,
@@ -2446,7 +2446,7 @@ function Hn({
       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 o({ open: f = !1, customHeader: x = {} } = {}) {
+  function i({ open: f = !1, customHeader: x = {} } = {}) {
     if (f) {
       const { Authorization: r, ...N } = Rt();
       return {
@@ -2458,45 +2458,45 @@ function Hn({
   async function l(f, x, r = !1, N = {}) {
     return s.get(f, {
       params: x,
-      ...o({ open: r, customHeader: N })
+      ...i({ open: r, customHeader: N })
     });
   }
   async function m(f, x, r = !1, N = {}) {
-    const d = { ...o({ open: r, customHeader: N }) };
+    const d = { ...i({ open: r, customHeader: N }) };
     return x !== void 0 && (d.data = x), s.delete(f, d);
   }
-  async function i(f, x = {}, r = !1, N = {}) {
-    return s.post(f, x, o({ open: r, customHeader: N }));
+  async function o(f, x = {}, r = !1, N = {}) {
+    return s.post(f, x, i({ open: r, customHeader: N }));
   }
   async function u(f, x = {}, r = !1, N = {}) {
-    return s.put(f, x, o({ open: r, customHeader: N }));
+    return s.put(f, x, i({ open: r, customHeader: N }));
   }
   async function g(f, x = {}, r = !1, N = {}) {
-    return s.patch(f, x, o({ open: r, customHeader: N }));
+    return s.patch(f, x, i({ open: r, customHeader: N }));
   }
   return {
     instance: s,
     // exported in case you want advanced usage
     axiosGet: l,
     axiosDelete: m,
-    axiosPost: i,
+    axiosPost: o,
     axiosPut: u,
     axiosPatch: g
   };
 }
-const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn = Ee.axiosPut, Gl = Ee.axiosPatch, Yl = Ee.instance, Zn = async (t, a) => {
+const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn = Ee.axiosPut, ql = Ee.axiosPatch, Yl = Ee.instance, Zn = async (t, a) => {
   try {
     switch (t) {
       case $e.USER: {
         const s = {
           q: a
         };
-        return Xe.userSearch(s);
+        return We.userSearch(s);
       }
       case $e.GROUP:
-        return Xe.getAdGroups(a);
+        return We.getAdGroups(a);
       case $e.ROLE:
-        return Xe.searchRoles(a);
+        return We.searchRoles(a);
       default:
         break;
     }
@@ -2504,12 +2504,12 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
     console.log("Error searching entities:", s);
   }
 }, Kn = (t) => t.filter((a) => !!a?.email).map((a) => {
-  const s = (a?.firstName ?? "").trim(), o = (a?.lastName ?? "").trim(), l = `${s} ${o}`.trim() || (a.email?.split("@")[0] ?? "Unknown");
+  const s = (a?.firstName ?? "").trim(), i = (a?.lastName ?? "").trim(), l = `${s} ${i}`.trim() || (a.email?.split("@")[0] ?? "Unknown");
   return {
     id: a.email,
     name: l,
     type: "User",
-    avatarUrl: a?.profileImage || Je(l)
+    avatarUrl: a?.profileImage || Ye(l)
   };
 }), Ot = (t) => {
   try {
@@ -2518,18 +2518,18 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
   } catch {
     return [];
   }
-}, Xe = {
+}, We = {
   userSearch: async (t) => {
-    const { data: a } = await _e(`${Na()}`, t);
+    const { data: a } = await Ve(`${Na()}`, t);
     return console.log("User search response:", a), a.length ? a.map((s) => ({
       id: s.email,
       name: `${s?.firstName} ${s?.lastName}`.trim(),
       type: "User",
-      avatarUrl: s?.profileImage || Je(`${s?.firstName} ${s?.lastName}`.trim())
+      avatarUrl: s?.profileImage || Ye(`${s?.firstName} ${s?.lastName}`.trim())
     })) : [];
   },
   getAdGroups: async (t) => {
-    const { data: a } = await Le(`${wa()}`, {
+    const { data: a } = await Ze(`${wa()}`, {
       q: t
     });
     if (a.length)
@@ -2537,11 +2537,11 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
         id: s.Name,
         name: s.Name,
         type: "Group",
-        avatarUrl: Je(s.Name)
+        avatarUrl: Ye(s.Name)
       }));
   },
   searchRoles: async (t) => {
-    const { data: a } = await Le(`${za()}`, {
+    const { data: a } = await Ze(`${za()}`, {
       page: 0,
       size: 20,
       q: t ?? "",
@@ -2553,28 +2553,28 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
         id: s._id,
         name: s.name,
         type: "Role",
-        avatarUrl: Je(s.name)
+        avatarUrl: Ye(s.name)
       }));
   },
   getMembersForGroup: async (t) => {
-    const a = `${ze()}/unifydidentity/open/usersforgroup?groupName=${encodeURIComponent(t)}&isGroupWithSpecChar=true&isPaging=true&page=0&size=999&deepSearch=`, { data: s } = await _e(a);
-    let o = [];
+    const a = `${ze()}/unifydidentity/open/usersforgroup?groupName=${encodeURIComponent(t)}&isGroupWithSpecChar=true&isPaging=true&page=0&size=999&deepSearch=`, { data: s } = await Ve(a);
+    let i = [];
     if (Array.isArray(s))
-      o = s;
+      i = s;
     else if (typeof s == "string")
-      o = Ot(s.trim());
+      i = Ot(s.trim());
     else if (s && typeof s == "object") {
       const l = s.data;
-      Array.isArray(l) ? o = l : typeof l == "string" && (o = Ot(l.trim()));
+      Array.isArray(l) ? i = l : typeof l == "string" && (i = Ot(l.trim()));
     }
-    return Kn(o);
+    return Kn(i);
   }
 }, kt = (t, a) => {
-  const [s, o] = L(t);
+  const [s, i] = L(t);
   return Z(
     () => {
       const l = an(() => {
-        o(t);
+        i(t);
       }, a);
       return l(), () => {
         l.cancel();
@@ -2587,13 +2587,13 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
   users: t = [],
   groups: a = [],
   roles: s = [],
-  onClick: o
+  onClick: i
 }) => {
   const l = t.slice(0, 2), m = [];
   t.length > 0 && m.push(t[0].name), a.length > 0 && m.push(a[0].name), s.length > 0 && m.length < 2 && m.push(s[0].name);
-  const i = t.length + a.length + s.length, u = i - m.length;
+  const o = t.length + a.length + s.length, u = o - m.length;
   let g = m.join(", ");
-  return u > 0 && (g += ` and ${u} others`), i === 0 ? /* @__PURE__ */ e(
+  return u > 0 && (g += ` and ${u} others`), o === 0 ? /* @__PURE__ */ e(
     "div",
     {
       className: "flex items-center justify-between p-3 border border-dashed border-gray-400 rounded-lg hover:bg-gray-50",
@@ -2602,7 +2602,7 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
   ) : /* @__PURE__ */ n(
     "div",
     {
-      onClick: o,
+      onClick: i,
       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: [
@@ -2635,17 +2635,17 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
   entity: t,
   onManage: a,
   onClose: s,
-  existingShares: o = { users: [], groups: [], roles: [] },
+  existingShares: i = { users: [], groups: [], roles: [] },
   calledBy: l,
   showExistingShares: m = !1,
-  onFinalSubmit: i = () => {
+  onFinalSubmit: o = () => {
   },
   isChanged: u = !1
 }) => {
   const [g, f] = L(Pt[0]), [x, r] = L(""), N = kt(x, 400), [d, p] = L([]), [$, A] = L(/* @__PURE__ */ new Set()), [E, R] = L(!1), [O, V] = L(It[0]), {
     control: U,
     handleSubmit: Y,
-    watch: q,
+    watch: G,
     formState: { errors: C, isSubmitting: h }
   } = rr({
     defaultValues: { pendingInvites: [] },
@@ -2653,7 +2653,7 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
   }), { fields: w, append: T, remove: k, update: v } = nr({
     control: U,
     name: "pendingInvites"
-  }), b = q("pendingInvites");
+  }), b = G("pendingInvites");
   Z(() => {
     N.length > 1 ? (R(!0), Zn(g.name, N).then((S) => {
       p(S);
@@ -2680,12 +2680,12 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
           permission: I.permission,
           type: I.type.toLowerCase()
         }));
-        i({
+        o({
           entity: t,
           userGroupRolesObj: B,
-          existingShares: o
+          existingShares: i
           // Always send updated existing shares
-        }, o);
+        }, i);
       } else if (l === de.INTEREST) {
         const B = S.pendingInvites.map((_) => ({
           identity: _.id,
@@ -2696,20 +2696,20 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
           userName: _.name,
           interestId: t?.data?.id
         }));
-        i(B, o);
+        o(B, i);
       } else if (l === de.ARTICLE) {
         const B = S.pendingInvites.map((I) => ({
           id: I.id,
           permission: I.permission,
           type: I.type.toLowerCase()
         }));
-        i({
+        o({
           entity: t,
           userGroupRolesObj: B,
-          existingShares: o
-        }, o);
+          existingShares: i
+        }, i);
       } else
-        i(S, o);
+        o(S, i);
       setTimeout(() => {
         s();
       }, 1e3);
@@ -2717,7 +2717,7 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
       throw console.error("Failed to submit invites:", B), B;
     }
   }, P = (S) => {
-    const B = o[g.code].find((_) => _.name === S.name && _.permission !== "remove") || b.find((_) => _.name === S.name);
+    const B = i[g.code].find((_) => _.name === S.name && _.permission !== "remove") || b.find((_) => _.name === S.name);
     return B ? `${B.permission}` : "";
   }, F = () => {
     switch (l) {
@@ -2744,7 +2744,7 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
           {
             onClick: s,
             className: "text-gray-500 hover:text-gray-800 hover:cursor-pointer",
-            children: /* @__PURE__ */ e(Ke, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ e(Qe, { className: "h-6 w-6" })
           }
         )
       ] })
@@ -2753,9 +2753,9 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
       (l === de.DRIVE || m) && /* @__PURE__ */ e(
         es,
         {
-          users: o.users.filter((S) => S.permission !== "remove"),
-          groups: o.groups.filter((S) => S.permission !== "remove"),
-          roles: o.roles.filter((S) => S.permission !== "remove"),
+          users: i.users.filter((S) => S.permission !== "remove"),
+          groups: i.groups.filter((S) => S.permission !== "remove"),
+          roles: i.roles.filter((S) => S.permission !== "remove"),
           onClick: a
         }
       ),
@@ -2985,7 +2985,7 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
                       {
                         onClick: () => k(B),
                         className: "text-gray-400 hover:text-red-500 hover:cursor-pointer",
-                        children: /* @__PURE__ */ e(Ke, { className: "h-5 w-5" })
+                        children: /* @__PURE__ */ e(Qe, { className: "h-5 w-5" })
                       }
                     )
                   ] })
@@ -3025,21 +3025,21 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
       ] })
     ] }) })
   ] });
-}, ct = [
+}, ot = [
   { name: "Can view", icon: Zt, value: "view" },
   { name: "Can manage", icon: Kt, value: "edit" },
-  { name: "Remove", icon: or, isDestructive: !0, value: "remove" }
+  { name: "Remove", icon: ir, isDestructive: !0, value: "remove" }
 ], rs = ({ item: t, allowedPermissions: a, onPermissionChange: s }) => {
-  const [o, l] = L(!1), { refs: m, floatingStyles: i, context: u } = sa({
-    open: o,
+  const [i, l] = L(!1), { refs: m, floatingStyles: o, context: u } = sa({
+    open: i,
     onOpenChange: l,
-    middleware: [la(8), oa(), ia({ padding: 8 })],
+    middleware: [la(8), ia(), oa({ padding: 8 })],
     whileElementsMounted: ca,
     placement: "bottom-end"
   }), g = Zr(u), f = Kr(u), { getReferenceProps: x, getFloatingProps: r } = en([
     g,
     f
-  ]), N = ct.find((p) => p.name === t.permission || p.value === t.permission) || ct[0];
+  ]), N = ot.find((p) => p.name === t.permission || p.value === t.permission) || ot[0];
   return (
     // FIX: The <Listbox> component now wraps both the button and the portal.
     // This provides the necessary context for both children.
@@ -3062,7 +3062,7 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
         ue,
         {
           as: Q,
-          show: o,
+          show: i,
           enter: "transition ease-out duration-100",
           enterFrom: "transform opacity-0 scale-95",
           enterTo: "transform opacity-100 scale-100",
@@ -3073,11 +3073,11 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
             K.Options,
             {
               ref: m.setFloating,
-              style: i,
+              style: o,
               ...r(),
               static: !0,
               className: "z-50 w-48 bg-white shadow-lg rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-none sm:text-sm",
-              children: ct.filter((p) => a.includes(p.value)).map((p) => /* @__PURE__ */ e(
+              children: ot.filter((p) => a.includes(p.value)).map((p) => /* @__PURE__ */ e(
                 K.Option,
                 {
                   className: ({
@@ -3114,33 +3114,33 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
   //entire file or folder details
   onBack: a,
   onClose: s,
-  onOpenMembers: o,
+  onOpenMembers: i,
   existingShares: l,
   allowedPermissions: m
 }) => {
-  const [i, u] = L(l), [g, f] = L(0), [x, r] = L(""), N = kt(x, 300), d = {
-    users: i.users.filter(
+  const [o, u] = L(l), [g, f] = L(0), [x, r] = L(""), N = kt(x, 300), d = {
+    users: o.users.filter(
       (R) => R.name.toLowerCase().includes(N.toLowerCase())
     ),
-    groups: i.groups.filter(
+    groups: o.groups.filter(
       (R) => R.name.toLowerCase().includes(N.toLowerCase())
     ),
-    roles: i.roles.filter(
+    roles: o.roles.filter(
       (R) => R.name.toLowerCase().includes(N.toLowerCase())
     )
   }, p = async (R, O, V, U) => {
     const Y = O.value;
-    u((q) => ({
-      ...q,
-      [V]: q[V].map(
+    u((G) => ({
+      ...G,
+      [V]: G[V].map(
         (C) => C.id === R.id ? { ...C, permission: Y } : C
       )
     }));
   }, $ = () => {
     const R = {
-      users: i.users.filter((O) => O.permission !== "remove"),
-      groups: i.groups.filter((O) => O.permission !== "remove"),
-      roles: i.roles.filter((O) => O.permission !== "remove")
+      users: o.users.filter((O) => O.permission !== "remove"),
+      groups: o.groups.filter((O) => O.permission !== "remove"),
+      roles: o.roles.filter((O) => O.permission !== "remove")
     };
     a(R);
   }, A = ["users", "groups", "roles"], E = ["Users", "Groups", "Roles"];
@@ -3151,7 +3151,7 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
         /* @__PURE__ */ n(
           "button",
           {
-            onClick: () => a(i),
+            onClick: () => a(o),
             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(ea, { className: "h-5 w-5" }),
@@ -3165,7 +3165,7 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
           {
             onClick: s,
             className: "text-gray-500 hover:text-gray-800 p-2 rounded-full hover:bg-gray-100 hover:cursor-pointer",
-            children: /* @__PURE__ */ e(Ke, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ e(Qe, { className: "h-6 w-6" })
           }
         )
       ] }),
@@ -3231,7 +3231,7 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
                             R !== "users" && /* @__PURE__ */ e(
                               "button",
                               {
-                                onClick: () => o({
+                                onClick: () => i({
                                   id: O.id,
                                   type: R,
                                   name: O.name
@@ -3306,9 +3306,9 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
   // { id, name,  type: "group" | "role" }
   onBack: a,
   onClose: s,
-  members: o
+  members: i
 }) => {
-  const [l, m] = L(!0), [i, u] = L(""), g = kt(i, 300), f = o.filter(
+  const [l, m] = L(!0), [o, u] = L(""), g = kt(o, 300), f = i.filter(
     (d) => d.name.toLowerCase().includes(g.toLowerCase())
   ), x = {
     hidden: { opacity: 0 },
@@ -3332,7 +3332,7 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
       animate: { opacity: 1, scale: 1 },
       className: "flex flex-col items-center justify-center text-center p-8 mt-10",
       children: [
-        /* @__PURE__ */ e(ir, { className: "h-12 w-12 text-gray-400" }),
+        /* @__PURE__ */ e(or, { className: "h-12 w-12 text-gray-400" }),
         /* @__PURE__ */ e("h3", { className: "mt-2 text-sm font-medium text-gray-900", children: "No Users Found" }),
         /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-gray-500", children: g ? `No one found matching "${g}"` : `There are no users in this ${t.type}.` })
       ]
@@ -3394,7 +3394,7 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
         {
           onClick: s,
           className: "text-gray-500 hover:text-gray-800 p-2 rounded-full hover:bg-gray-100 hover:cursor-pointer",
-          children: /* @__PURE__ */ e(Ke, { className: "h-6 w-6" })
+          children: /* @__PURE__ */ e(Qe, { className: "h-6 w-6" })
         }
       )
     ] }),
@@ -3402,7 +3402,7 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
       he,
       {
         onDebouncedChange: u,
-        value: i,
+        value: o,
         placeholder: "Search members..."
       }
     ) }),
@@ -3412,7 +3412,7 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
   INVITE: "invite",
   MANAGE: "manage",
   MEMBERS: "members"
-}, os = ({
+}, is = ({
   existingShares: t = {
     users: [],
     groups: [],
@@ -3421,11 +3421,11 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
   isOpen: a,
   onFinalSubmit: s = () => {
   },
-  mainEntity: o,
+  mainEntity: i,
   calledBy: l,
   onClose: m = () => {
   },
-  showExistingShares: i = !0,
+  showExistingShares: o = !0,
   allowedPermissions: u = [],
   ...g
 }) => {
@@ -3433,10 +3433,10 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
     x(pe.INVITE), p(null), m();
   }, Y = () => {
     x(pe.MANAGE);
-  }, q = async ({ id: w, name: T, type: k }) => {
+  }, G = async ({ id: w, name: T, type: k }) => {
     if (k === "groups") {
       try {
-        const v = await _e(`${Xe.getMembersForGroup(T)}`);
+        const v = await Ve(`${We.getMembersForGroup(T)}`);
       } catch (v) {
         console.log("Error searching entities:", v);
       }
@@ -3466,10 +3466,10 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
               children: /* @__PURE__ */ e(
                 ns,
                 {
-                  entity: o,
+                  entity: i,
                   onBack: C,
                   onClose: U,
-                  onOpenMembers: q,
+                  onOpenMembers: G,
                   existingShares: r,
                   calledBy: l,
                   allowedPermissions: u
@@ -3513,12 +3513,12 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
               children: /* @__PURE__ */ e(
                 as,
                 {
-                  entity: o,
+                  entity: i,
                   onManage: Y,
                   onClose: U,
                   existingShares: r,
                   calledBy: l,
-                  showExistingShares: i,
+                  showExistingShares: o,
                   onFinalSubmit: (w) => {
                     s(w, r);
                   },
@@ -3535,16 +3535,16 @@ const Ee = Hn(), _e = Ee.axiosGet, ql = Ee.axiosDelete, Le = Ee.axiosPost, Qn =
 function Ge(...t) {
   return t.filter(Boolean).join(" ");
 }
-function rt({
+function at({
   label: t,
   options: a = [],
   selected: s = [],
-  onChange: o = () => {
+  onChange: i = () => {
   },
   onBlur: l = () => {
   },
   placeholder: m = "Select options",
-  error: i = null,
+  error: o = null,
   displayLimit: u = 3,
   selectionLimit: g = -1,
   // NEW: search behavior
@@ -3558,7 +3558,7 @@ function rt({
   getOptionId: d = ($) => String($.id),
   getOptionLabel: p = ($) => $.name
 }) {
-  const $ = Qe(), A = Qe(), [E, R] = L(""), O = ge(""), V = me(() => {
+  const $ = Xe(), A = Xe(), [E, R] = L(""), O = ge(""), V = me(() => {
     const w = /* @__PURE__ */ new Map();
     for (const T of a) w.set(d(T), T);
     return w;
@@ -3570,7 +3570,7 @@ function rt({
   Z(() => {
     f === "server" && E.length >= N && E !== O.current && (O.current = E, x && x(E));
   }, [E, f, N, x]);
-  const q = f === "client" ? Y : a, C = () => {
+  const G = f === "client" ? Y : a, C = () => {
     if (!U.length)
       return /* @__PURE__ */ e("span", { className: "text-gray-500", children: m });
     const w = U.slice(0, u), T = U.length - u;
@@ -3592,7 +3592,7 @@ function rt({
   };
   return /* @__PURE__ */ e(K, { value: U, onChange: (w) => {
     const T = Array.from(new Set(w.map((k) => d(k))));
-    g !== -1 && T.length > g || o(T);
+    g !== -1 && T.length > g || i(T);
   }, multiple: !0, by: "id", children: ({ open: w }) => /* @__PURE__ */ n("div", { children: [
     /* @__PURE__ */ e(
       K.Label,
@@ -3607,12 +3607,12 @@ function rt({
         K.Button,
         {
           "aria-labelledby": $,
-          "aria-invalid": !!i,
-          "aria-describedby": i ? A : void 0,
+          "aria-invalid": !!o,
+          "aria-describedby": o ? A : void 0,
           onBlur: l,
           className: Ge(
             "relative w-full min-h-[38px] cursor-default rounded-md bg-white py-1.5 pl-3 pr-10 text-left text-gray-900 shadow-sm ring-1 ring-inset focus:outline-none focus:ring-2 focus:ring-gray-600 sm:text-sm sm:leading-6",
-            i ? "ring-red-500" : "ring-gray-300"
+            o ? "ring-red-500" : "ring-gray-300"
           ),
           children: [
             /* @__PURE__ */ e("span", { className: "block truncate", children: C() }),
@@ -3638,7 +3638,7 @@ function rt({
               }
             ) }),
             f === "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: f === "server" ? E.length < N ? `Type at least ${N} characters to search.` : "No results." : "No options found." }) : q.map((T) => {
+            G.length === 0 && !r ? /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: f === "server" ? E.length < N ? `Type at least ${N} characters to search.` : "No results." : "No options found." }) : G.map((T) => {
               const k = d(T), v = p(T), b = U.some((D) => d(D) === k), y = g !== -1 && U.length >= g && !b;
               return /* @__PURE__ */ e(
                 K.Option,
@@ -3667,7 +3667,7 @@ function rt({
                           M ? " text-gray-900" : " text-gray-600",
                           " absolute  inset-y-0  right-0  flex  items-center  pr-4"
                         ),
-                        children: /* @__PURE__ */ e(et, { className: "w-5 h-5", "aria-hidden": "true" })
+                        children: /* @__PURE__ */ e(Ke, { className: "w-5 h-5", "aria-hidden": "true" })
                       }
                     )
                   ] })
@@ -3678,11 +3678,11 @@ function rt({
           ] })
         }
       ),
-      i && /* @__PURE__ */ e("p", { id: A, className: "mt-1 text-sm text-red-600", children: i })
+      o && /* @__PURE__ */ e("p", { id: A, className: "mt-1 text-sm text-red-600", children: o })
     ] })
   ] }) });
 }
-rt.propTypes = {
+at.propTypes = {
   label: c.string.isRequired,
   options: c.arrayOf(
     c.shape({
@@ -3706,7 +3706,7 @@ rt.propTypes = {
   getOptionId: c.func,
   getOptionLabel: c.func
 };
-rt.defaultProps = {
+at.defaultProps = {
   options: [],
   selected: [],
   placeholder: "Select options",
@@ -3728,10 +3728,10 @@ const Wl = ({
   isOpen: t = !1,
   setIsOpen: a,
   content: s,
-  header: o = { title: "", customHeader: null, isCrossShow: !0 },
+  header: i = { title: "", customHeader: null, isCrossShow: !0 },
   footer: l = { show: !0, customFooter: null },
   primaryAction: m = { onSubmit: null, label: "Save", loader: !1, disabled: !1 },
-  secondaryAction: i = { onCancel: null, label: "Cancel" },
+  secondaryAction: o = { onCancel: null, label: "Cancel" },
   dialogPanelClass: u = ""
 }) => {
   const g = (x) => {
@@ -3760,9 +3760,9 @@ const Wl = ({
             onClick: f,
             children: [
               /* @__PURE__ */ n("div", { className: "flex justify-between items-center border-b border-gray-200 p-6 flex-shrink-0", children: [
-                o?.customHeader && o.customHeader,
-                o?.title && !o?.customHeader && /* @__PURE__ */ e(tt, { className: "text-lg font-bold", children: o?.title }),
-                o?.isCrossShow && /* @__PURE__ */ e("button", { onClick: () => a(!1), className: "p-2", children: /* @__PURE__ */ e(ye, { className: "w-5 h-5" }) })
+                i?.customHeader && i.customHeader,
+                i?.title && !i?.customHeader && /* @__PURE__ */ e(et, { className: "text-lg font-bold", children: i?.title }),
+                i?.isCrossShow && /* @__PURE__ */ e("button", { onClick: () => a(!1), className: "p-2", children: /* @__PURE__ */ e(ye, { className: "w-5 h-5" }) })
               ] }),
               /* @__PURE__ */ e(
                 "div",
@@ -3773,15 +3773,15 @@ const Wl = ({
                 }
               ),
               l?.show && !l?.customFooter && /* @__PURE__ */ n("div", { className: "border-t flex justify-end border-gray-200 p-6 flex-shrink-0", children: [
-                i?.onCancel && /* @__PURE__ */ e(
+                o?.onCancel && /* @__PURE__ */ e(
                   ee,
                   {
                     "data-testid": "cancel-button",
-                    label: i?.label,
+                    label: o?.label,
                     loader: !1,
                     ariaLabel: "Cancel Button",
                     className: "p-3 mr-3 secondaryButton !w-[70px]",
-                    onClick: () => i?.onCancel(),
+                    onClick: () => o?.onCancel(),
                     category: "secondary"
                   }
                 ),
@@ -3807,7 +3807,7 @@ const Wl = ({
     }
   );
 };
-function is({ listeners: t = {}, attributes: a = {} }) {
+function os({ listeners: t = {}, attributes: a = {} }) {
   return /* @__PURE__ */ e(
     "button",
     {
@@ -3825,10 +3825,10 @@ function cs({
   node: t,
   depth: a,
   expanded: s,
-  onToggle: o,
+  onToggle: i,
   onSelect: l,
   onCreateChild: m,
-  onRename: i,
+  onRename: o,
   onDelete: u,
   renderActions: g,
   // optional override
@@ -3836,9 +3836,9 @@ function cs({
   dropId: x,
   indent: r = 24
 }) {
-  const { setNodeRef: N, isOver: d } = cr({ id: x }), { attributes: p, listeners: $, setNodeRef: A, transform: E, isDragging: R } = dr({ id: f }), O = E ? { transform: `translate3d(${Math.round(E.x)}px, ${Math.round(E.y)}px, 0)` } : void 0, [V, U] = L(!1), [Y, q] = L(t.name), C = () => {
+  const { setNodeRef: N, isOver: d } = cr({ id: x }), { attributes: p, listeners: $, setNodeRef: A, transform: E, isDragging: R } = dr({ id: f }), O = E ? { transform: `translate3d(${Math.round(E.x)}px, ${Math.round(E.y)}px, 0)` } : void 0, [V, U] = L(!1), [Y, G] = L(t.name), C = () => {
     const w = Y.trim();
-    U(!1), w && w !== t.name ? i?.(t, w) : q(t.name);
+    U(!1), w && w !== t.name ? o?.(t, w) : G(t.name);
   }, h = me(() => /* @__PURE__ */ e(
     _n,
     {
@@ -3862,22 +3862,22 @@ function cs({
         w.target.closest(".tv-toggle") || w.target.tagName === "INPUT" || l?.(t);
       },
       children: [
-        /* @__PURE__ */ e("button", { className: "tv-toggle", onClick: o, "aria-label": "toggle", children: t.children?.length ? s ? /* @__PURE__ */ e(vt, { size: 16 }) : /* @__PURE__ */ e(fe, { size: 16 }) : /* @__PURE__ */ e("span", { className: "tv-spacer" }) }),
-        /* @__PURE__ */ e(Be, { size: 16, className: "tv-folder-ic" }),
+        /* @__PURE__ */ e("button", { className: "tv-toggle", onClick: i, "aria-label": "toggle", children: t.children?.length ? s ? /* @__PURE__ */ e(vt, { size: 16 }) : /* @__PURE__ */ e(fe, { size: 16 }) : /* @__PURE__ */ e("span", { className: "tv-spacer" }) }),
+        /* @__PURE__ */ e(Le, { size: 16, className: "tv-folder-ic" }),
         /* @__PURE__ */ e("div", { className: "tv-name", ref: A, children: V ? /* @__PURE__ */ e(
           "input",
           {
             className: "tv-input",
             value: Y,
-            onChange: (w) => q(w.target.value),
+            onChange: (w) => G(w.target.value),
             onBlur: C,
             onKeyDown: (w) => {
-              w.key === "Enter" && C(), w.key === "Escape" && (U(!1), q(t.name));
+              w.key === "Enter" && C(), w.key === "Escape" && (U(!1), G(t.name));
             },
             autoFocus: !0
           }
         ) : /* @__PURE__ */ e("span", { onDoubleClick: () => U(!0), children: t.name }) }),
-        /* @__PURE__ */ e(is, { listeners: $, attributes: p }),
+        /* @__PURE__ */ e(os, { listeners: $, attributes: p }),
         /* @__PURE__ */ e("div", { className: "tv-actions", children: g ? g(t, {
           onCreateChild: () => m?.(t),
           onRename: () => U(!0),
@@ -3888,7 +3888,7 @@ function cs({
   );
 }
 const ds = (t) => String(t.id ?? t._id), ms = (t) => t.parent !== void 0 ? String(t.parent) : t.parentId != null ? String(t.parentId) : "root", us = (t) => t.name ?? t.label ?? "", hs = (t) => Array.isArray(t) && t.some((a) => Array.isArray(a.children));
-function ps(t, { rootId: a, getId: s, getParent: o, getName: l }) {
+function ps(t, { rootId: a, getId: s, getParent: i, getName: l }) {
   const m = /* @__PURE__ */ new Map();
   t.forEach((u) => {
     const g = s(u);
@@ -3896,23 +3896,23 @@ function ps(t, { rootId: a, getId: s, getParent: o, getName: l }) {
       ...u,
       id: g,
       name: l(u),
-      parentId: o(u) || a,
+      parentId: i(u) || a,
       children: []
     });
   });
-  const i = [];
+  const o = [];
   return m.forEach((u) => {
     const g = u.parentId || a;
-    g !== a && m.has(g) ? m.get(g).children.push(u) : i.push(u);
-  }), { roots: i, byId: m };
+    g !== a && m.has(g) ? m.get(g).children.push(u) : o.push(u);
+  }), { roots: o, byId: m };
 }
-function gs(t, { rootId: a, getId: s, getName: o }) {
+function gs(t, { rootId: a, getId: s, getName: i }) {
   const l = /* @__PURE__ */ new Map();
   function m(u, g) {
     const f = s(u), x = {
       ...u,
       id: f,
-      name: o(u),
+      name: i(u),
       parentId: g || a,
       children: (u.children || []).map((r) => m(r, f))
     };
@@ -3923,38 +3923,38 @@ function gs(t, { rootId: a, getId: s, getName: o }) {
 const Me = (t) => t.map((a) => ({ ...a, children: Me(a.children || []) }));
 function bs(t, a) {
   let s = null;
-  function o(m) {
-    return m.map((i) => {
-      if (i.id === a)
-        return s = i, null;
-      if (i.children?.length) {
-        const u = o(i.children);
-        if (u !== i.children) return { ...i, children: u };
+  function i(m) {
+    return m.map((o) => {
+      if (o.id === a)
+        return s = o, null;
+      if (o.children?.length) {
+        const u = i(o.children);
+        if (u !== o.children) return { ...o, children: u };
       }
-      return i;
+      return o;
     }).filter(Boolean);
   }
-  return { newRoots: o(t), removed: s };
+  return { newRoots: i(t), removed: s };
 }
 function fs(t, a, s) {
-  function o(l) {
+  function i(l) {
     return l.map((m) => {
       if (m.id === a)
         return { ...m, children: [...m.children || [], { ...s, parentId: a }] };
       if (m.children?.length) {
-        const i = o(m.children);
-        if (i !== m.children) return { ...m, children: i };
+        const o = i(m.children);
+        if (o !== m.children) return { ...m, children: o };
       }
       return m;
     });
   }
-  return o(t);
+  return i(t);
 }
 function Sa(t, a, s = null) {
-  for (const o of t) {
-    if (o.id === a) return { node: o, parentId: s };
-    if (o.children?.length) {
-      const l = Sa(o.children, a, o.id);
+  for (const i of t) {
+    if (i.id === a) return { node: i, parentId: s };
+    if (i.children?.length) {
+      const l = Sa(i.children, a, i.id);
       if (l) return l;
     }
   }
@@ -3964,10 +3964,10 @@ function Jl({
   data: t = [],
   rootId: a = "root",
   title: s = "Folders",
-  getId: o = ds,
+  getId: i = ds,
   getParent: l = ms,
   getName: m = us,
-  onSelect: i,
+  onSelect: o,
   onCreateRoot: u,
   onCreateChild: g,
   onRename: f,
@@ -3978,10 +3978,10 @@ function Jl({
   // ← allow root moves by default now
   indentUnit: p = 24
 }) {
-  const { roots: $ } = me(() => hs(t) ? gs(t, { rootId: a, getId: o, getName: m }) : ps(
+  const { roots: $ } = me(() => hs(t) ? gs(t, { rootId: a, getId: i, getName: m }) : ps(
     t.map((y) => ({ ...y })),
-    { rootId: a, getId: o, getParent: l, getName: m }
-  ), [t, a, o, l, m]), [A, E] = L({}), R = ae((y) => {
+    { rootId: a, getId: i, getParent: l, getName: m }
+  ), [t, a, i, l, m]), [A, E] = L({}), R = ae((y) => {
     const D = {};
     return (function M(z) {
       z.forEach((P) => {
@@ -3999,7 +3999,7 @@ function Jl({
   se.useEffect(() => U(Me($)), [$]);
   const Y = mr(
     ur(br, { activationConstraint: { delay: 250, tolerance: 5 } })
-  ), q = ge(null), [C, h] = L(null), w = ge(0), T = () => {
+  ), G = ge(null), [C, h] = L(null), w = ge(0), T = () => {
   }, k = ({ delta: y }) => {
     w.current = y?.x ?? 0;
   }, v = ae(
@@ -4028,8 +4028,8 @@ function Jl({
       }
       const B = Me(V), { newRoots: _, removed: I } = bs(B, z);
       if (!I) return;
-      const G = fs(_, F, I);
-      U(G), r?.({ sourceId: z, destParentId: F, newTree: G });
+      const q = fs(_, F, I);
+      U(q), r?.({ sourceId: z, destParentId: F, newTree: q });
     },
     [V, $, a, d, p, r]
   ), b = ae(
@@ -4041,7 +4041,7 @@ function Jl({
           depth: D,
           expanded: !!A[M.id],
           onToggle: () => O(M.id),
-          onSelect: i,
+          onSelect: o,
           onCreateChild: g,
           onRename: f,
           onDelete: x,
@@ -4053,7 +4053,7 @@ function Jl({
       ),
       A[M.id] && M.children?.length > 0 ? b(M.children, D + 1) : null
     ] }, M.id)),
-    [A, p, g, x, f, i, N, O]
+    [A, p, g, x, f, o, N, O]
   );
   return se.useMemo(() => {
     if (!C) return null;
@@ -4073,7 +4073,7 @@ function Jl({
       /* @__PURE__ */ e("button", { className: "tv-btn", onClick: u, children: "+ New folder" })
     ] }),
     /* @__PURE__ */ n("div", { className: "tv-root-row", children: [
-      /* @__PURE__ */ e(Be, { size: 16, className: "tv-folder-ic" }),
+      /* @__PURE__ */ e(Le, { size: 16, className: "tv-folder-ic" }),
       /* @__PURE__ */ e("strong", { children: "ROOT" }),
       /* @__PURE__ */ e("button", { className: "tv-icon", title: "Create top-level", onClick: u, children: "+" })
     ] }),
@@ -4086,7 +4086,7 @@ function Jl({
         onDragMove: k,
         onDragEnd: v,
         modifiers: [pr],
-        children: /* @__PURE__ */ e("div", { ref: q, className: "tv-list", children: b(V, 0) })
+        children: /* @__PURE__ */ e("div", { ref: G, className: "tv-list", children: b(V, 0) })
       }
     )
   ] });
@@ -4098,10 +4098,10 @@ const Xl = ({
   tabs: t = [],
   keepMounted: a = !0,
   orientation: s = "horizontal",
-  containerClassName: o = "",
+  containerClassName: i = "",
   listClassName: l = "",
   panelClassName: m = "",
-  tabClassName: i,
+  tabClassName: o,
   ...u
   // Pass remaining props to Tab.Group
 }) => {
@@ -4111,8 +4111,8 @@ const Xl = ({
   ), x = (N) => we(
     "text-left text-sm rounded-md px-2 py-1.5 focus:outline-none",
     N ? "bg-primaryX text-white" : "text-textX hover:bg-lightgray-100 hover:text-primaryX"
-  ), r = ({ selected: N }) => i ? typeof i == "function" ? i(N) : i : g ? x(N) : f(N);
-  return /* @__PURE__ */ e(ne.Group, { vertical: g, ...u, children: g ? /* @__PURE__ */ n("div", { className: we("flex gap-4", o), children: [
+  ), r = ({ selected: N }) => o ? typeof o == "function" ? o(N) : o : g ? x(N) : f(N);
+  return /* @__PURE__ */ e(ne.Group, { vertical: g, ...u, children: g ? /* @__PURE__ */ n("div", { className: we("flex gap-4", i), children: [
     /* @__PURE__ */ e(ne.List, { className: we("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: we("flex-1", m), 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)) })
   ] }) : (
@@ -4127,9 +4127,9 @@ function Hl(t, a = "YYYY-MM-DD HH:mm:ss") {
   return t ? (t.endsWith("Z") || /[+\-]\d{2}:?\d{2}$/.test(t) ? zt.parseZone(t) : zt.utc(t)).local().format(a) : null;
 }
 c.string;
-function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
+function ys({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
   console.log(t);
-  const [l, m] = se.useState(t), [i, u] = se.useState(() => {
+  const [l, m] = se.useState(t), [o, u] = se.useState(() => {
     const r = a && a[t.key] || {};
     return console.log("Initial Section data for", t.key, r), r;
   }), g = ge(a);
@@ -4139,14 +4139,14 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
       const r = a && a[t.key] || {};
       console.log("Updated Section data for", t.key, r), u(r);
     }
-  }, [a, t.key]), console.log("Section data", i);
-  const f = ge(i);
+  }, [a, t.key]), console.log("Section data", o);
+  const f = ge(o);
   Z(() => {
-    f.current !== i && s && typeof s == "function" && (f.current = i, s(l.key, i));
-  }, [l.key, i, s]);
+    f.current !== o && s && typeof s == "function" && (f.current = o, s(l.key, o));
+  }, [l.key, o, s]);
   const x = (r) => {
     if (!r.dependsOn) return !0;
-    const { field: N, value: d, operator: p = "equals" } = r.dependsOn, $ = i[N];
+    const { field: N, value: d, operator: p = "equals" } = r.dependsOn, $ = o[N];
     switch (p) {
       case "equals":
         return $ === d;
@@ -4205,17 +4205,17 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
             name: r.key,
             defaultValue: r.default,
             placeholder: r.placeholder,
-            value: i[r.key] || "",
+            value: o[r.key] || "",
             onChange: (d) => {
-              const p = { ...i, [r.key]: d.target.value };
+              const p = { ...o, [r.key]: d.target.value };
               u(p), s && s(l.key, p);
             },
             required: r.required,
             disabled: r.disabled ? r.disabled : !1,
-            className: `w-full ${o[l.key]?.[r.key] ? "border-red-500" : ""}`
+            className: `w-full ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
           }
         ),
-        o[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: o[l.key][r.key] })
+        i[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: i[l.key][r.key] })
       ] }),
       r.fieldtype === "textarea" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
@@ -4224,18 +4224,18 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
             name: r.key,
             defaultValue: r.default,
             placeholder: r.placeholder,
-            value: i[r.key] || "",
+            value: o[r.key] || "",
             onChange: (d) => {
-              const p = { ...i, [r.key]: d.target.value };
+              const p = { ...o, [r.key]: d.target.value };
               u(p), s && s(l.key, p);
             },
             rows: 3,
             required: r.required,
             disabled: r.disabled ? r.disabled : !1,
-            className: `w-full ${o[l.key]?.[r.key] ? "border-red-500" : ""}`
+            className: `w-full ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
           }
         ),
-        o[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: o[l.key][r.key] })
+        i[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: i[l.key][r.key] })
       ] }),
       r.fieldtype === "number" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
@@ -4245,12 +4245,12 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
             name: r.key,
             defaultValue: r.default,
             placeholder: r.placeholder,
-            value: i[r.key] || "",
+            value: o[r.key] || "",
             min: r.min,
             max: r.max,
             step: r.step,
             onChange: (d) => {
-              const p = d.target.value, $ = { ...i, [r.key]: p };
+              const p = d.target.value, $ = { ...o, [r.key]: p };
               u($), s && s(l.key, $);
             },
             onBlur: (d) => {
@@ -4262,7 +4262,7 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
             },
             required: r.required,
             disabled: r.disabled ? r.disabled : !1,
-            className: `w-full ${o[l.key]?.[r.key] ? "border-red-500" : ""}`
+            className: `w-full ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
           }
         ),
         r.min !== void 0 && /* @__PURE__ */ n("div", { style: { color: "#6b7280", fontSize: "11px", marginTop: "2px" }, children: [
@@ -4273,16 +4273,16 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
           "Maximum value: ",
           r.max
         ] }),
-        o[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: o[l.key][r.key] })
+        i[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: i[l.key][r.key] })
       ] }),
       r.fieldtype === "checkbox" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
           da,
           {
             name: r.key,
-            checked: !!(i[r.key] || r.default),
+            checked: !!(o[r.key] || r.default),
             onChange: (d) => {
-              const p = { ...i, [r.key]: d };
+              const p = { ...o, [r.key]: d };
               u(p), s && s(l.key, p);
             },
             label: r.placeholder || r.label,
@@ -4290,7 +4290,7 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
             className: "w-full"
           }
         ),
-        o[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: o[l.key][r.key] })
+        i[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: i[l.key][r.key] })
       ] }),
       r.fieldtype === "select" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
@@ -4298,19 +4298,19 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
           {
             name: r.key,
             defaultValue: r.default,
-            value: i[r.key] || "",
+            value: o[r.key] || "",
             onChange: (d) => {
-              const p = { ...i, [r.key]: d };
+              const p = { ...o, [r.key]: d };
               u(p);
             },
             options: r.options || [],
             placeholder: r.placeholder || `Select ${r.label}`,
             required: r.required,
             disabled: r.disabled ? r.disabled : !1,
-            className: `w-full ${o[l.key]?.[r.key] ? "border-red-500" : ""}`
+            className: `w-full ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
           }
         ),
-        o[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: o[l.key][r.key] })
+        i[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: i[l.key][r.key] })
       ] }),
       r.fieldtype === "email" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
@@ -4320,17 +4320,17 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
             name: r.key,
             defaultValue: r.default,
             placeholder: r.placeholder || "Enter email address",
-            value: i[r.key] || "",
+            value: o[r.key] || "",
             onChange: (d) => {
-              const p = { ...i, [r.key]: d.target.value };
+              const p = { ...o, [r.key]: d.target.value };
               u(p), s && s(l.key, p);
             },
             required: r.required,
             disabled: r.disabled ? r.disabled : !1,
-            className: `w-full ${o[l.key]?.[r.key] ? "border-red-500" : ""}`
+            className: `w-full ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
           }
         ),
-        o[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: o[l.key][r.key] })
+        i[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: i[l.key][r.key] })
       ] }),
       r.fieldtype === "url" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
@@ -4340,17 +4340,17 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
             name: r.key,
             defaultValue: r.default,
             placeholder: r.placeholder || "Enter URL",
-            value: i[r.key] || "",
+            value: o[r.key] || "",
             onChange: (d) => {
-              const p = { ...i, [r.key]: d.target.value };
+              const p = { ...o, [r.key]: d.target.value };
               u(p), s && s(l.key, p);
             },
             required: r.required,
             disabled: r.disabled ? r.disabled : !1,
-            className: `w-full ${o[l.key]?.[r.key] ? "border-red-500" : ""}`
+            className: `w-full ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
           }
         ),
-        o[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: o[l.key][r.key] })
+        i[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: i[l.key][r.key] })
       ] }),
       r.fieldtype === "password" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
@@ -4360,62 +4360,62 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
             name: r.key,
             defaultValue: r.default,
             placeholder: r.placeholder || "Enter password",
-            value: i[r.key] || "",
+            value: o[r.key] || "",
             onChange: (d) => {
-              const p = { ...i, [r.key]: d.target.value };
+              const p = { ...o, [r.key]: d.target.value };
               u(p), s && s(l.key, p);
             },
             required: r.required,
             disabled: r.disabled ? r.disabled : !1,
-            className: `w-full ${o[l.key]?.[r.key] ? "border-red-500" : ""}`
+            className: `w-full ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
           }
         ),
-        o[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: o[l.key][r.key] })
+        i[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: i[l.key][r.key] })
       ] }),
       r.fieldtype === "multiselect" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
-          rt,
+          at,
           {
-            selectedItems: i[r.key] || [],
+            selectedItems: o[r.key] || [],
             onSelectionChange: (d) => {
-              const p = { ...i, [r.key]: d };
+              const p = { ...o, [r.key]: d };
               u(p), s && s(l.key, p);
             },
             options: r.options || [],
             placeholder: r.placeholder || `Select ${r.label}`,
             disabled: r.disabled ? r.disabled : !1,
-            className: `w-full ${o[l.key]?.[r.key] ? "border-red-500" : ""}`
+            className: `w-full ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
           }
         ),
-        o[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: o[l.key][r.key] })
+        i[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: i[l.key][r.key] })
       ] }),
       r.fieldtype === "toggle" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
           fa,
           {
-            checked: typeof i[r.key] == "boolean" ? i[r.key] : r.default,
+            checked: typeof o[r.key] == "boolean" ? o[r.key] : r.default,
             onChange: (d) => {
               console.log("Toggle changed:", r.key, d);
-              const p = { ...i, [r.key]: d };
+              const p = { ...o, [r.key]: d };
               u(p), s && s(l.key, p);
             },
             disabled: r.disabled ? r.disabled : !1
           }
         ),
-        o[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: o[l.key][r.key] })
+        i[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: i[l.key][r.key] })
       ] }),
       r.fieldtype === "date" && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
         ua,
         {
           label: r.label,
-          value: i[r.key] ? new Date(i[r.key]) : null,
+          value: o[r.key] ? new Date(o[r.key]) : null,
           onChange: (d) => {
-            const p = { ...i, [r.key]: d ? d.toISOString().split("T")[0] : "" };
+            const p = { ...o, [r.key]: d ? d.toISOString().split("T")[0] : "" };
             u(p), s && s(l.key, p);
           },
           placeholder: r.placeholder || "Select date",
           disabled: r.disabled ? r.disabled : !1,
-          error: o[l.key]?.[r.key],
+          error: i[l.key]?.[r.key],
           className: "w-full"
         }
       ) }),
@@ -4423,14 +4423,14 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
         Fn,
         {
           label: r.label,
-          value: i[r.key] || { from: null, to: null },
+          value: o[r.key] || { from: null, to: null },
           onChange: (d) => {
-            const p = { ...i, [r.key]: d };
+            const p = { ...o, [r.key]: d };
             u(p), s && s(l.key, p);
           },
           placeholder: r.placeholder || "Select date range",
           disabled: r.disabled ? r.disabled : !1,
-          error: o[l.key]?.[r.key],
+          error: i[l.key]?.[r.key],
           className: "w-full"
         }
       ) }),
@@ -4438,9 +4438,9 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
         /* @__PURE__ */ e(
           ha,
           {
-            selectedValue: typeof i[r.key] < "u" ? i[r.key] : r.default || "",
+            selectedValue: typeof o[r.key] < "u" ? o[r.key] : r.default || "",
             onValueChange: (d) => {
-              const p = { ...i, [r.key]: d };
+              const p = { ...o, [r.key]: d };
               u(p), s && s(l.key, p);
             },
             options: r.options || [],
@@ -4448,7 +4448,7 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
             className: "w-full"
           }
         ),
-        o[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: o[l.key][r.key] })
+        i[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: i[l.key][r.key] })
       ] }),
       r.fieldtype === "native-radio" && /* @__PURE__ */ n("div", { className: "native-radiogroup-container", children: [
         (r.options || []).map((d) => /* @__PURE__ */ n("div", { className: "native-radio-option", children: [
@@ -4459,9 +4459,9 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
               id: `${r.key}-${d.value}`,
               name: r.key,
               value: d.value,
-              checked: i[r.key] === d.value,
+              checked: o[r.key] === d.value,
               onChange: (p) => {
-                const $ = { ...i, [r.key]: p.target.value };
+                const $ = { ...o, [r.key]: p.target.value };
                 u($), s && s(l.key, $);
               },
               disabled: r.disabled
@@ -4472,22 +4472,22 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
             d.description && /* @__PURE__ */ e("span", { className: "native-radio-description", children: d.description })
           ] })
         ] }, d.value)),
-        o[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: o[l.key][r.key] })
+        i[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: i[l.key][r.key] })
       ] }),
       r.fieldtype === "search" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
           he,
           {
-            value: i[r.key] || "",
+            value: o[r.key] || "",
             onChange: (d) => {
-              const p = { ...i, [r.key]: d };
+              const p = { ...o, [r.key]: d };
               u(p), s && s(l.key, p);
             },
             placeholder: r.placeholder || `Search ${r.label}`,
-            className: `w-full ${o[l.key]?.[r.key] ? "border-red-500" : ""}`
+            className: `w-full ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
           }
         ),
-        o[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: o[l.key][r.key] })
+        i[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: i[l.key][r.key] })
       ] }),
       (r.fieldtype === "datetime" || r.fieldtype === "datetime-local") && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
@@ -4497,16 +4497,16 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
             name: r.key,
             defaultValue: r.default,
             placeholder: r.placeholder || "Select date and time",
-            value: i[r.key] || "",
+            value: o[r.key] || "",
             onChange: (d) => {
-              const p = { ...i, [r.key]: d.target.value };
+              const p = { ...o, [r.key]: d.target.value };
               u(p), s && s(l.key, p);
             },
             required: r.required,
-            className: `w-full ${o[l.key]?.[r.key] ? "border-red-500" : ""}`
+            className: `w-full ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
           }
         ),
-        o[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: o[l.key][r.key] })
+        i[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: i[l.key][r.key] })
       ] }),
       r.fieldtype === "time" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
@@ -4516,16 +4516,16 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
             name: r.key,
             defaultValue: r.default,
             placeholder: r.placeholder || "Select time",
-            value: i[r.key] || "",
+            value: o[r.key] || "",
             onChange: (d) => {
-              const p = { ...i, [r.key]: d.target.value };
+              const p = { ...o, [r.key]: d.target.value };
               u(p), s && s(l.key, p);
             },
             required: r.required,
-            className: `w-full ${o[l.key]?.[r.key] ? "border-red-500" : ""}`
+            className: `w-full ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
           }
         ),
-        o[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: o[l.key][r.key] })
+        i[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: i[l.key][r.key] })
       ] }),
       r.fieldtype === "color" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
@@ -4534,15 +4534,15 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
             type: "color",
             name: r.key,
             defaultValue: r.default || "#000000",
-            value: i[r.key] || "#000000",
+            value: o[r.key] || "#000000",
             onChange: (d) => {
-              const p = { ...i, [r.key]: d.target.value };
+              const p = { ...o, [r.key]: d.target.value };
               u(p), s && s(l.key, p);
             },
-            className: `w-full h-10 ${o[l.key]?.[r.key] ? "border-red-500" : ""}`
+            className: `w-full h-10 ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
           }
         ),
-        o[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: o[l.key][r.key] })
+        i[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: i[l.key][r.key] })
       ] }),
       r.fieldtype === "range" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
@@ -4551,26 +4551,26 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
             type: "range",
             name: r.key,
             defaultValue: r.default || r.min || 0,
-            value: i[r.key] || r.min || 0,
+            value: o[r.key] || r.min || 0,
             onChange: (d) => {
-              const p = { ...i, [r.key]: d.target.value };
+              const p = { ...o, [r.key]: d.target.value };
               u(p), s && s(l.key, p);
             },
             min: r.min || 0,
             max: r.max || 100,
             step: r.step || 1,
-            className: `w-full ${o[l.key]?.[r.key] ? "border-red-500" : ""}`
+            className: `w-full ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
           }
         ),
         /* @__PURE__ */ n("div", { className: "flex justify-between text-sm text-gray-500 mt-1", children: [
           /* @__PURE__ */ e("span", { children: r.min || 0 }),
           /* @__PURE__ */ n("span", { children: [
             "Current: ",
-            i[r.key] || r.min || 0
+            o[r.key] || r.min || 0
           ] }),
           /* @__PURE__ */ e("span", { children: r.max || 100 })
         ] }),
-        o[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: o[l.key][r.key] })
+        i[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: i[l.key][r.key] })
       ] }),
       r.fieldtype === "file" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
@@ -4579,24 +4579,24 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
             type: "file",
             name: r.key,
             onChange: (d) => {
-              const p = d.target.files[0], $ = { ...i, [r.key]: p ? p.name : "" };
+              const p = d.target.files[0], $ = { ...o, [r.key]: p ? p.name : "" };
               u($), s && s(l.key, $);
             },
             accept: r.accept,
-            className: `w-full ${o[l.key]?.[r.key] ? "border-red-500" : ""}`
+            className: `w-full ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
           }
         ),
-        o[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: o[l.key][r.key] })
+        i[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: i[l.key][r.key] })
       ] }),
       r.fieldtype === "managecollectionlist" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
           Da,
           {
             endpoints: r.endpoints || {},
-            initialData: i[r.key] || r.initialData || [],
+            initialData: o[r.key] || r.initialData || [],
             className: r.className || "",
             onCollectionChange: (d) => {
-              const p = { ...i, [r.key]: d };
+              const p = { ...o, [r.key]: d };
               u(p), s && s(l.key, p);
             },
             showSearch: r.showSearch !== !1,
@@ -4606,7 +4606,7 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
             allowReorder: r.allowReorder !== !1
           }
         ),
-        o[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: o[l.key][r.key] })
+        i[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: i[l.key][r.key] })
       ] }),
       r.info && /* @__PURE__ */ e(
         "p",
@@ -4623,9 +4623,9 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
   ] }) });
 }
 const xs = ({ children: t }) => /* @__PURE__ */ e("div", { className: "flex -space-x-2", children: t });
-function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
+function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
   console.log(`[DynamicConfig/DataTableRenderer] Component loaded for section: ${t.key}`);
-  const [l, m] = L(t), [i, u] = L(null), [g, f] = L(null);
+  const [l, m] = L(t), [o, u] = L(null), [g, f] = L(null);
   console.log(`[DataTableRenderer] ${l.key} - Received props:`, { item: t, initialData: a });
   const [x, r] = L(() => {
     const h = a && a[l.key] || [], w = h.length > 0 ? h : [{ id: 0 }];
@@ -4652,7 +4652,7 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
         const D = [...y];
         return D[v][h.key] = b, D;
       });
-    }, T = (v) => o[l.key]?.[v]?.[h.key], k = (v) => {
+    }, T = (v) => i[l.key]?.[v]?.[h.key], k = (v) => {
       const b = T(v);
       return b ? /* @__PURE__ */ e("div", { className: "text-red-500 text-xs mt-1", children: b }) : null;
     };
@@ -4815,7 +4815,7 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
         return (v, b) => {
           const y = v[h.key] || [];
           return /* @__PURE__ */ e(
-            rt,
+            at,
             {
               selectedItems: y,
               onSelectionChange: (D) => w(b, D),
@@ -5023,22 +5023,22 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
       const k = [...T], v = k[R];
       return k.splice(R, 1), k.splice(w, 0, v), k;
     }), O(null));
-  }, [R]), q = ae(() => {
+  }, [R]), G = ae(() => {
     O(null);
   }, []), C = ae((h) => {
     console.log("[DataTableRenderer] handleAddAudience called with:", h), r((w) => {
       const T = [...w];
-      if (i !== null && g && T[i]) {
+      if (o !== null && g && T[o]) {
         const k = h.pendingInvites || [], v = k.filter((D) => D.type === "User"), b = k.filter((D) => D.type === "Group"), y = k.filter((D) => D.type === "Role");
-        T[i][g] = {
-          users: [...T[i][g]?.users || [], ...v],
-          groups: [...T[i][g]?.groups || [], ...b],
-          roles: [...T[i][g]?.roles || [], ...y]
-        }, console.log("[DataTableRenderer] Updated audience data:", T[i][g]);
+        T[o][g] = {
+          users: [...T[o][g]?.users || [], ...v],
+          groups: [...T[o][g]?.groups || [], ...b],
+          roles: [...T[o][g]?.roles || [], ...y]
+        }, console.log("[DataTableRenderer] Updated audience data:", T[o][g]);
       }
       return T;
     }), u(null), f(null);
-  }, [i, g]);
+  }, [o, g]);
   return /* @__PURE__ */ n("div", { children: [
     /* @__PURE__ */ n("div", { style: { marginBottom: "20px" }, children: [
       /* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
@@ -5075,7 +5075,7 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
           onDragStart: (T) => V(T, w),
           onDragOver: U,
           onDrop: (T) => Y(T, w),
-          onDragEnd: q,
+          onDragEnd: G,
           children: [
             /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: /* @__PURE__ */ e("div", { className: "cursor-move text-gray-400 hover:text-gray-600", children: /* @__PURE__ */ e(Nt, { size: 16 }) }) }),
             l.fields.map((T, k) => /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: $(T)(h, w) }, k)),
@@ -5093,14 +5093,14 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
         w
       )) })
     ] }) }),
-    i !== null && (() => {
-      const h = x[i] && x[i][g] ? {
-        users: x[i][g].users || [],
-        groups: x[i][g].groups || [],
-        roles: x[i][g].roles || []
+    o !== null && (() => {
+      const h = x[o] && x[o][g] ? {
+        users: x[o][g].users || [],
+        groups: x[o][g].groups || [],
+        roles: x[o][g].roles || []
       } : { users: [], groups: [], roles: [] };
-      return console.log("[DataTableRenderer] Opening modal with existing data:", h), console.log("[DataTableRenderer] Row data:", x[i]), console.log("[DataTableRenderer] Field name:", g), /* @__PURE__ */ e(
-        os,
+      return console.log("[DataTableRenderer] Opening modal with existing data:", h), console.log("[DataTableRenderer] Row data:", x[o]), console.log("[DataTableRenderer] Field name:", g), /* @__PURE__ */ e(
+        is,
         {
           isOpen: !0,
           onClose: () => {
@@ -5122,11 +5122,11 @@ const Pe = {
   pauseOnFocusLoss: !1,
   closeOnClick: !0
 };
-let He = 0;
+let Je = 0;
 const Mt = () => {
-  typeof document > "u" || (He += 1, document.body.classList.add("toast-backdrop"));
+  typeof document > "u" || (Je += 1, document.body.classList.add("toast-backdrop"));
 }, Lt = () => {
-  typeof document > "u" || (He = Math.max(0, He - 1), He === 0 && document.body.classList.remove("toast-backdrop"));
+  typeof document > "u" || (Je = Math.max(0, Je - 1), Je === 0 && document.body.classList.remove("toast-backdrop"));
 }, Ie = {
   success: (t, a) => Se.success(t, { ...Pe, ...a }),
   info: (t, a) => Se.info(t, { ...Pe, ...a }),
@@ -5158,32 +5158,31 @@ const Mt = () => {
     },
     { ...Pe, ...s }
   )
-}, Ye = (t) => {
+}, ct = (t) => {
   try {
-    return `${at()}${va()}${t}`;
+    return `${tt()}${va()}${t}`;
   } catch {
     return t;
   }
 }, Ns = {
-  collectionList: Ye("/unifyedxmanagedquicklinks/config/collection/list"),
-  collectionCreate: Ye("/unifyedxmanagedquicklinks/config/collection/create"),
-  collectionUpdate: Ye("/unifyedxmanagedquicklinks/config/collection"),
-  updateCollection: Ye("/unifyedxmanagedquicklinks/config/collection/updateOrder")
+  collectionList: ct("/unifyedxmanagedquicklinks/config/collection/list"),
+  collectionCreate: ct("/unifyedxmanagedquicklinks/config/collection/create"),
+  collectionUpdate: ct("/unifyedxmanagedquicklinks/config/collection")
 }, Da = ({
   endpoints: t = Ns,
   className: a = "",
   onCollectionChange: s,
-  showSearch: o = !0,
+  showSearch: i = !0,
   allowAdd: l = !0,
   allowEdit: m = !0,
-  allowDelete: i = !0,
+  allowDelete: o = !0,
   allowReorder: u = !0,
   initialData: g = null
   // Add prop for initial demo data
 }) => {
   const [f, x] = L(null), [r, N] = L(""), [d, p] = L(() => Array.isArray(g) ? g : []), [$, A] = L(null), [E, R] = L(null), [O, V] = L(""), U = async () => {
     try {
-      const z = await _e(t.collectionList);
+      const z = await Ve(t.collectionList);
       if (z) {
         const P = z.map((F, S) => ({
           ...F,
@@ -5202,7 +5201,7 @@ const Mt = () => {
   }, [g]);
   const Y = (z) => {
     m && (x(z.id), N(z.categoryName || ""));
-  }, q = () => {
+  }, G = () => {
     if (!l || f !== null) return;
     const z = `temp-${Date.now()}`;
     p((P) => [
@@ -5246,16 +5245,16 @@ const Mt = () => {
       });
     x(null), N("");
   }, w = (z) => {
-    i && p((P) => {
+    o && p((P) => {
       const F = P.filter((S) => S.id !== z.id);
       return s?.(F), F;
     });
   }, T = (z, P, F) => {
     if (!u || !P || !F || P === F) return z;
-    const S = z.findIndex((G) => G.id === P), B = z.findIndex((G) => G.id === F);
+    const S = z.findIndex((q) => q.id === P), B = z.findIndex((q) => q.id === F);
     if (S === -1 || B === -1) return z;
     const _ = [...z], [I] = _.splice(S, 1);
-    return _.splice(B, 0, I), _.map((G, X) => ({ ...G, order: X + 1 }));
+    return _.splice(B, 0, I), _.map((q, X) => ({ ...q, order: X + 1 }));
   }, k = (z, P) => {
     u && (z.dataTransfer.effectAllowed = "move", z.dataTransfer.setData("text/plain", String(P)), A(P));
   }, v = (z) => {
@@ -5278,7 +5277,7 @@ const Mt = () => {
   ) : [];
   return /* @__PURE__ */ n("div", { className: `manage-collection-list ${a}`, children: [
     /* @__PURE__ */ e("div", { className: "flex justify-end", children: /* @__PURE__ */ n("div", { className: "w-1/2 flex justify-end", children: [
-      o && /* @__PURE__ */ e(
+      i && /* @__PURE__ */ e(
         he,
         {
           value: O,
@@ -5294,7 +5293,7 @@ const Mt = () => {
             "px-4 py-3 bg-black text-white rounded-2xl ml-4",
             f !== null ? "opacity-60 cursor-not-allowed" : "cursor-pointer"
           ].join(" "),
-          onClick: q,
+          onClick: G,
           disabled: f !== null,
           children: "Add a Collection"
         }
@@ -5351,7 +5350,7 @@ const Mt = () => {
                   "aria-label": "Save",
                   disabled: !r.trim(),
                   title: r.trim() ? "Save" : "Name required",
-                  children: /* @__PURE__ */ e(et, { color: "#767676" })
+                  children: /* @__PURE__ */ e(Ke, { color: "#767676" })
                 }
               )
             ] })
@@ -5381,13 +5380,13 @@ const Mt = () => {
                   children: /* @__PURE__ */ e(yr, { color: "#767676" })
                 }
               ),
-              i && /* @__PURE__ */ e(
+              o && /* @__PURE__ */ e(
                 "span",
                 {
                   className: F === 0 && !z.protected ? "cursor-pointer" : "cursor-not-allowed",
                   title: F === 0 && !z.protected ? "Delete" : "Cannot delete this collection",
                   onClick: F === 0 ? () => w(z) : null,
-                  children: /* @__PURE__ */ e(Ze, { color: F === 0 ? "#767676" : "#C2C2C2" })
+                  children: /* @__PURE__ */ e(He, { color: F === 0 ? "#767676" : "#C2C2C2" })
                 }
               )
             ] })
@@ -5399,20 +5398,20 @@ const Mt = () => {
   ] });
 }, $a = ({ item: t, data: a, updateHandler: s }) => {
   const {
-    label: o = "Manage Collections",
+    label: i = "Manage Collections",
     description: l = "",
     endpoints: m = {},
-    initialData: i = null,
+    initialData: o = null,
     showSearch: u = !0,
     allowAdd: g = !0,
     allowEdit: f = !0,
     allowDelete: x = !0,
     allowReorder: r = !0,
     className: N = ""
-  } = t, d = a?.[t.key] || i || [], p = Array.isArray(d) ? d : [];
+  } = t, d = a?.[t.key] || o || [], p = Array.isArray(d) ? d : [];
   return /* @__PURE__ */ n("div", { className: "dynamic-config-manage-collection-list", children: [
-    (o || l) && /* @__PURE__ */ n("div", { className: "mb-4", children: [
-      o && /* @__PURE__ */ e("h3", { className: "text-lg font-medium text-gray-900 mb-1", children: o }),
+    (i || l) && /* @__PURE__ */ n("div", { className: "mb-4", children: [
+      i && /* @__PURE__ */ e("h3", { className: "text-lg font-medium text-gray-900 mb-1", children: i }),
       l && /* @__PURE__ */ e("p", { className: "text-sm text-gray-600", children: l })
     ] }),
     /* @__PURE__ */ e(
@@ -5452,10 +5451,10 @@ function zs({
   appid: t,
   configdata: a = null,
   disableApi: s = !1,
-  onCancel: o,
+  onCancel: i,
   onSave: l
 }) {
-  const [m, i] = se.useState(a), [u, g] = se.useState(null), [f, x] = L(!1), [r, N] = L(!1), [d, p] = L({}), $ = `${ze()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, A = $, [E, R] = L(1), O = (k) => {
+  const [m, o] = se.useState(a), [u, g] = se.useState(null), [f, x] = L(!1), [r, N] = L(!1), [d, p] = L({}), $ = `${ze()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, A = $, [E, R] = L(1), O = (k) => {
     if (!a || !a.configuration)
       return k;
     const v = {}, b = k?.configuration || {};
@@ -5512,7 +5511,7 @@ function zs({
     const k = async () => {
       try {
         x(!0);
-        let v = await _e($);
+        let v = await Ve($);
         if (v) {
           const b = O(v);
           g(b);
@@ -5530,7 +5529,7 @@ function zs({
         x(!1);
       }
     };
-    a && (i(a), t ? k() : V());
+    a && (o(a), t ? k() : V());
   }, [a, E, t, s]);
   const U = (k, v) => {
     g((b) => ({
@@ -5572,7 +5571,7 @@ function zs({
         });
       }
     }), k;
-  }, q = (k) => Object.keys(k).length > 0, C = async (k) => {
+  }, G = (k) => Object.keys(k).length > 0, C = async (k) => {
     const v = a?.configuration?.filter(
       (b) => b.fields?.some((y) => y.fieldtype === "managecollectionlist")
     ) || [];
@@ -5587,7 +5586,7 @@ function zs({
         try {
           if (F._temp && F._isDraft) {
             console.log("Creating new collection:", F.categoryName);
-            const S = await Le(M.collectionCreate, {
+            const S = await Ze(M.collectionCreate, {
               categoryName: F.categoryName,
               order: F.order
             });
@@ -5604,20 +5603,10 @@ function zs({
         const F = [];
         z > 0 && F.push(`${z} collection${z > 1 ? "s" : ""} created`), P > 0 && F.push(`${P} collection${P > 1 ? "s" : ""} updated`), console.log("ManageCollectionList operations completed:", F.join(", "));
       }
-      try {
-        const F = D.filter((S) => !S._temp).map((S) => ({
-          id: S.id,
-          order: S.order,
-          categoryName: S.categoryName
-        }));
-        F.length > 0 && (console.log("Updating collection order:", F), await Le(M.updateCollection, F), console.log("Collection order updated successfully"));
-      } catch (F) {
-        throw console.error("Failed to update collection order:", F), new Error(`Failed to update collection order: ${F.message}`);
-      }
     }
   }, h = () => {
     const k = Y();
-    if (p(k), q(k)) {
+    if (p(k), G(k)) {
       let b = [];
       Object.keys(k).forEach((y) => {
         typeof k[y] == "object" && Object.keys(k[y]).forEach((D) => {
@@ -5651,7 +5640,7 @@ function zs({
             }), P;
           }) : b[D] = u[D];
         }));
-        let y = await Le(A, b);
+        let y = await Ze(A, b);
         if (console.log(), y && y.status != "fail") {
           p({});
           const D = y.message || "Configuration has been saved successfully";
@@ -5665,8 +5654,8 @@ function zs({
       }
     })();
   }, w = () => {
-    if (o) {
-      o();
+    if (i) {
+      i();
       return;
     }
     d && Object.keys(d).length > 0 && !window.confirm(
@@ -5731,7 +5720,7 @@ const Ql = ({
   appid: a = "Configuration-Page",
   disableApi: s = !1
 }) => {
-  const [o, l] = L(0), [m, i] = L(!1), {
+  const [i, l] = L(0), [m, o] = L(!1), {
     pageHeader: u = {},
     appletHeader: g = {},
     breadcrumb: f = [],
@@ -5784,9 +5773,9 @@ const Ql = ({
     label: C.text,
     href: C.href || "#"
   })), $ = ae(() => {
-    console.log("handleCancelRequest called - showing modal"), i(!0);
+    console.log("handleCancelRequest called - showing modal"), o(!0);
   }, []), A = ae((C) => {
-    i(!1), C.primary ? (console.log("User confirmed cancel - navigating back"), window.history.back()) : console.log("User cancelled the cancel action - modal closed, data preserved");
+    o(!1), C.primary ? (console.log("User confirmed cancel - navigating back"), window.history.back()) : console.log("User cancelled the cancel action - modal closed, data preserved");
   }, []), E = ae((C) => {
     console.log("Configuration changed:", C);
   }, []), R = (() => {
@@ -5831,13 +5820,13 @@ const Ql = ({
     ],
     ...x
   }, U = [
-    { label: "Overview", content: q(V) },
+    { label: "Overview", content: G(V) },
     { label: "Configuration", content: /* @__PURE__ */ e(zs, { appid: a, configdata: { configuration: N }, disableApi: s, onCancel: $, onSave: E }) }
   ];
   function Y(C) {
     return C ? C.includes("<svg") ? /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: C } }) : C : "📱";
   }
-  function q(C) {
+  function G(C) {
     return /* @__PURE__ */ n("div", { className: "bg-white rounded-2xl p-1", children: [
       /* @__PURE__ */ n("section", { className: "mb-8", children: [
         /* @__PURE__ */ e("h2", { className: "text-xl font-semibold mb-2", children: "About" }),
@@ -5910,12 +5899,12 @@ const Ql = ({
         "button",
         {
           onClick: () => l(h),
-          className: `${o === h ? "border-black text-black" : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300"} whitespace-nowrap py-3 px-6 border-b-2 font-medium text-sm transition-colors duration-200`,
+          className: `${i === h ? "border-black text-black" : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300"} whitespace-nowrap py-3 px-6 border-b-2 font-medium text-sm transition-colors duration-200`,
           children: C.label
         },
         h
       )) }) }),
-      /* @__PURE__ */ e("div", { className: "p-8 h-full overflow-y-auto", children: U[o].content })
+      /* @__PURE__ */ e("div", { className: "p-8 h-full overflow-y-auto", children: U[i].content })
     ] }),
     /* @__PURE__ */ e(
       In,
@@ -5961,12 +5950,12 @@ const Kl = ({
   subheading: a = "",
   totalCount: s = 0,
   // Prefer "apiRef" naming for clarity (it's the wrapper API, not the raw grid instance)
-  gridRef: o,
+  gridRef: i,
   // backward compat
   apiRef: l,
   // preferred
   onAdd: m,
-  onFilterOpen: i,
+  onFilterOpen: o,
   addBtnText: u = "Add",
   // Feature toggles
   showSearch: g = !0,
@@ -5987,7 +5976,7 @@ const Kl = ({
   excelFileName: O,
   pdfFileName: V
 }) => {
-  const U = () => l?.current || o?.current, [Y, q] = se.useState(""), C = (t || "export").toString().trim() || "export", h = `${O || C}.xlsx`, w = `${V || C}.pdf`, T = (b, y, D) => Math.max(y, Math.min(b, D)), k = ae(
+  const U = () => l?.current || i?.current, [Y, G] = se.useState(""), C = (t || "export").toString().trim() || "export", h = `${O || C}.xlsx`, w = `${V || C}.pdf`, T = (b, y, D) => Math.max(y, Math.min(b, D)), k = ae(
     (b) => {
       const y = U();
       if (console.log("openColumnChooserNear", y), !!y?.openColumnChooser) {
@@ -6047,7 +6036,7 @@ const Kl = ({
           placeholder: A,
           value: Y,
           onDebouncedChange: (b) => {
-            q(b), R(b);
+            G(b), R(b);
           }
         }
       ) }),
@@ -6068,7 +6057,7 @@ const Kl = ({
             ee,
             {
               icon: vr,
-              onClick: i,
+              onClick: o,
               size: "small",
               ariaLabel: "Filters",
               category: "secondary",
@@ -6135,16 +6124,16 @@ const Kl = ({
     ] })
   ] });
 };
-function eo(t) {
+function ei(t) {
   const {
     data: a = [],
     totalCount: s = 0,
-    uniqueId: o = "grid",
+    uniqueId: i = "grid",
     pageIndex: l = 1,
     // 1-based
     // pageSize = 10,
     allowPaging: m = !0,
-    allowSorting: i = !0,
+    allowSorting: o = !0,
     allowFiltering: u = !1,
     allowGrouping: g = !1,
     allowReordering: f = !0,
@@ -6161,7 +6150,7 @@ function eo(t) {
     onRowSelected: V,
     onRowDeselected: U,
     onRowDoubleClick: Y,
-    apiRef: q,
+    apiRef: G,
     gridProps: C = {}
   } = t, h = ge(null), {
     pageSettings: w,
@@ -6169,8 +6158,8 @@ function eo(t) {
     ...k
   } = C || {}, [v, b] = se.useState(w?.page || 1), [y, D] = se.useState(T?.pageSize || 20), [M, z] = se.useState(T?.sortKey || "updatedDate"), [P, F] = se.useState(T?.direction || "Descending"), S = me(() => {
     const j = [sn];
-    return i && j.push(ln), u && j.push(on), g && j.push(cn), p && j.push(dn), r && j.push(mn), N && j.push(un), d && j.push(hn), x && j.push(pn), f && j.push(gn), j.push(bn), j;
-  }, [i, u, g, p, r, N, d, x, f]), B = me(() => {
+    return o && j.push(ln), u && j.push(on), g && j.push(cn), p && j.push(dn), r && j.push(mn), N && j.push(un), d && j.push(hn), x && j.push(pn), f && j.push(gn), j.push(bn), j;
+  }, [o, u, g, p, r, N, d, x, f]), B = me(() => {
     const j = () => h.current, re = (W, ve) => {
       !ve && process.env.NODE_ENV !== "production" && console.warn(`[CustomDataGrid] ${W} requested but related service/feature is disabled.`);
     };
@@ -6197,28 +6186,28 @@ function eo(t) {
     };
   }, []);
   Z(() => {
-    q && (q.current = B);
-  }, [q, B]), Z(() => () => {
-    q && (q.current = null);
+    G && (G.current = B);
+  }, [G, B]), Z(() => () => {
+    G && (G.current = null);
   }, []);
   const _ = (j) => {
     const re = String(j || "");
     return re === "Ascending" || re === "Descending" ? re : re.toLowerCase() === "ascending" ? "Ascending" : "Descending";
   }, I = (j) => {
-    const re = h.current, W = j?.requestType, ve = W === "paging" ? "paging" : W === "sorting" ? "sorting" : W === "searching" ? "searching" : W === "filtering" ? "filtering" : W === "grouping" ? "grouping" : W === "reorder" ? "reorder" : W === "columnstate" ? "columnstate" : "other", Re = j?.pageSize ?? re?.pageSettings?.pageSize ?? y, Ue = j?.currentPage ?? re?.pageSettings?.currentPage ?? l, nt = j?.columnName && j?.direction ? [{ field: j.columnName, dir: _(j.direction) }] : (re?.sortSettings?.columns || []).map((Oe) => ({
+    const re = h.current, W = j?.requestType, ve = W === "paging" ? "paging" : W === "sorting" ? "sorting" : W === "searching" ? "searching" : W === "filtering" ? "filtering" : W === "grouping" ? "grouping" : W === "reorder" ? "reorder" : W === "columnstate" ? "columnstate" : "other", Re = j?.pageSize ?? re?.pageSettings?.pageSize ?? y, _e = j?.currentPage ?? re?.pageSettings?.currentPage ?? l, rt = j?.columnName && j?.direction ? [{ field: j.columnName, dir: _(j.direction) }] : (re?.sortSettings?.columns || []).map((Oe) => ({
       field: Oe.field,
       dir: _(Oe.direction ?? Oe.dir)
-    })), st = j?.searchString ?? "", lt = j?.columns ?? re?.filterSettings?.columns ?? [];
+    })), nt = j?.searchString ?? "", st = j?.columns ?? re?.filterSettings?.columns ?? [];
     return {
       reason: ve,
-      page: { index: Ue, size: Re, skip: (Ue - 1) * Re, take: Re },
-      sort: nt,
+      page: { index: _e, size: Re, skip: (_e - 1) * Re, take: Re },
+      sort: rt,
       // [{ field, dir: 'Ascending'|'Descending' }]
-      search: st,
-      filters: lt,
+      search: nt,
+      filters: st,
       rawEvent: j
     };
-  }, G = (j) => {
+  }, q = (j) => {
     setTimeout(() => {
       h?.current?.hideSpinner();
     }, 1e3), j.requestType === "paging" && (b(j.currentPage), D(j.pageSize)), j.requestType === "sorting" && (z(j.columnName || "updatedDate"), F(j.direction === "Ascending" ? "ASC" : "DESC")), O && O(I(j), j);
@@ -6230,10 +6219,10 @@ function eo(t) {
       const {
         field: ve,
         headerText: Re,
-        width: Ue,
-        textAlign: nt = "Left",
-        template: st,
-        isPrimaryKey: lt,
+        width: _e,
+        textAlign: rt = "Left",
+        template: nt,
+        isPrimaryKey: st,
         showInColumnChooser: Oe = !0,
         allowFiltering: Fa = !0,
         allowSorting: Ea = !0,
@@ -6251,10 +6240,10 @@ function eo(t) {
           {
             field: ve,
             headerText: Re,
-            width: Ue,
-            textAlign: nt,
-            template: st,
-            isPrimaryKey: lt,
+            width: _e,
+            textAlign: rt,
+            template: nt,
+            isPrimaryKey: st,
             showInColumnChooser: Oe,
             allowFiltering: Fa,
             allowSorting: Ea,
@@ -6274,7 +6263,7 @@ function eo(t) {
   return /* @__PURE__ */ n(
     fn,
     {
-      id: o,
+      id: i,
       ref: h,
       dataSource: {
         result: a,
@@ -6282,7 +6271,7 @@ function eo(t) {
       },
       height: $,
       allowPaging: m,
-      allowSorting: i,
+      allowSorting: o,
       allowFiltering: u,
       allowGrouping: g,
       allowReordering: f,
@@ -6294,7 +6283,7 @@ function eo(t) {
         columns: [{ field: M, direction: _(P) }],
         allowUnsort: !1
       },
-      actionBegin: G,
+      actionBegin: q,
       rowSelected: V,
       rowDeselected: U,
       recordDoubleClick: X,
@@ -6306,7 +6295,7 @@ function eo(t) {
     }
   );
 }
-const ie = (t) => {
+const oe = (t) => {
   const a = String(t || "md").toLowerCase();
   return a === "xs" ? "sm" : a === "2lg" || a === "xlg" || a === "xl" ? "lg" : ["sm", "md", "lg"].includes(a) ? a : "md";
 }, ce = {
@@ -6329,25 +6318,25 @@ const ie = (t) => {
     meta: "text-sm"
   }
 }, Ss = (t, a) => typeof a == "function" ? a(t) : typeof a == "string" && t?.[a] != null ? t[a] : t?._id ?? t?.id ?? t?.instanceId ?? t?.legacyId ?? t?.key ?? null;
-function oe({
+function ie({
   children: t,
   className: a = "",
   showCheckbox: s = !1,
-  checkboxPosition: o = "top-left",
+  checkboxPosition: i = "top-left",
   // "top-left" | "top-right"
   onSelect: l,
   identity: m = "_id",
-  details: i = {},
+  details: o = {},
   ...u
 }) {
-  const g = Qe(), f = Ss(u, m), x = (N) => {
+  const g = Xe(), f = Ss(u, m), x = (N) => {
     l?.({
       key: f,
       checked: N.target.checked,
-      details: i,
+      details: o,
       props: u
     });
-  }, r = o === "top-right" ? "top-3 right-3" : "top-3 left-3";
+  }, r = i === "top-right" ? "top-3 right-3" : "top-3 left-3";
   return /* @__PURE__ */ n(
     "div",
     {
@@ -6369,7 +6358,7 @@ function oe({
     }
   );
 }
-oe.propTypes = {
+ie.propTypes = {
   showCheckbox: c.bool,
   checkboxPosition: c.oneOf(["top-left", "top-right"]),
   onSelect: c.func,
@@ -6380,11 +6369,11 @@ function Ds({
   size: t = "md",
   showCheckbox: a = !1,
   checkboxPosition: s = "top-left",
-  onSelect: o,
+  onSelect: i,
   identity: l = "_id",
   // content
   title: m = "Activity",
-  group: i = "Global",
+  group: o = "Global",
   moreGroupsLabel: u = "+ 5 more",
   author: g = "Judith Black",
   timeLabel: f = "Just now",
@@ -6393,16 +6382,16 @@ function Ds({
   // spread remaining props (_id, instanceId, etc.)
   ...N
 }) {
-  const d = ie(t), p = ce[d];
+  const d = oe(t), p = ce[d];
   return /* @__PURE__ */ n(
-    oe,
+    ie,
     {
       className: `flex flex-col ${p.card}`,
       showCheckbox: a,
       checkboxPosition: s,
-      onSelect: o,
+      onSelect: i,
       identity: l,
-      details: { type: "activity", title: m, group: i, author: g },
+      details: { type: "activity", title: m, group: o, author: g },
       ...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 ${p.title} ml-3`, children: m }) }),
@@ -6503,25 +6492,25 @@ function Es({
   size: t = "md",
   showCheckbox: a = !1,
   checkboxPosition: s = "top-left",
-  onSelect: o,
+  onSelect: i,
   identity: l = "_id",
   title: m = "Communities",
-  activeTab: i = "joined",
+  activeTab: o = "joined",
   // "joined" | "suggested"
   items: u = As,
   // spread for identity (_id/instanceId/etc)
   ...g
 }) {
-  const f = ie(t), x = ce[f], r = Fs[f], N = (d) => `px-1 pb-2 text-sm font-medium ${d === i ? "text-zinc-900 dark:text-zinc-100 border-b-2" : "text-zinc-500 dark:text-zinc-400"}`;
+  const f = oe(t), x = ce[f], r = Fs[f], N = (d) => `px-1 pb-2 text-sm font-medium ${d === o ? "text-zinc-900 dark:text-zinc-100 border-b-2" : "text-zinc-500 dark:text-zinc-400"}`;
   return /* @__PURE__ */ n(
-    oe,
+    ie,
     {
       className: `flex flex-col ${x.card} ${r.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
-      onSelect: o,
+      onSelect: i,
       identity: l,
-      details: { type: "communities", title: m, activeTab: i, count: u?.length ?? 0 },
+      details: { type: "communities", title: m, activeTab: o, count: u?.length ?? 0 },
       ...g,
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-start justify-between", children: [
@@ -6539,14 +6528,14 @@ function Es({
           /* @__PURE__ */ e(
             "span",
             {
-              className: `${N("joined")} ${i === "joined" ? "border-[var(--primaryColor)]" : "border-transparent"}`,
+              className: `${N("joined")} ${o === "joined" ? "border-[var(--primaryColor)]" : "border-transparent"}`,
               children: "Joined"
             }
           ),
           /* @__PURE__ */ e(
             "span",
             {
-              className: `${N("suggested")} ${i === "suggested" ? "border-[var(--primaryColor)]" : "border-transparent"}`,
+              className: `${N("suggested")} ${o === "suggested" ? "border-[var(--primaryColor)]" : "border-transparent"}`,
               children: "Suggested"
             }
           )
@@ -6689,23 +6678,23 @@ function Ps({
   size: t = "md",
   showCheckbox: a = !1,
   checkboxPosition: s = "top-left",
-  onSelect: o,
+  onSelect: i,
   identity: l = "_id",
   title: m = "News",
-  items: i = Rs,
+  items: o = Rs,
   // spread for identity fields: _id / id / instanceId etc.
   ...u
 }) {
-  const g = ie(t), f = ce[g], x = Os[g];
+  const g = oe(t), f = ce[g], x = Os[g];
   return /* @__PURE__ */ n(
-    oe,
+    ie,
     {
       className: `flex flex-col ${f.card} ${x.wrap || ""}`,
       showCheckbox: a,
       checkboxPosition: s,
-      onSelect: o,
+      onSelect: i,
       identity: l,
-      details: { type: "news", title: m, count: i?.length ?? 0 },
+      details: { type: "news", title: m, count: o?.length ?? 0 },
       ...u,
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-start justify-between", children: [
@@ -6714,7 +6703,7 @@ function Ps({
         ] }),
         g === "lg" ? (
           // Large: 3-up grid of image cards
-          /* @__PURE__ */ e("div", { className: `mt-4 ${x.grid}`, children: i.slice(0, 3).map((r) => /* @__PURE__ */ n("article", { children: [
+          /* @__PURE__ */ e("div", { className: `mt-4 ${x.grid}`, children: o.slice(0, 3).map((r) => /* @__PURE__ */ n("article", { children: [
             /* @__PURE__ */ e("img", { src: r.thumb, alt: "", className: x.cardImg }),
             /* @__PURE__ */ e("h4", { className: `mt-3 ${x.title} text-zinc-900 dark:text-zinc-100`, children: r.title }),
             /* @__PURE__ */ e("div", { className: `mt-1 text-zinc-500 dark:text-zinc-400 ${x.date}`, children: r.date }),
@@ -6727,7 +6716,7 @@ function Ps({
           ] }, r._id || r.id || r.instanceId)) })
         ) : (
           // Small/Medium: list rows with thumb left
-          /* @__PURE__ */ e("ul", { className: "mt-4 grid gap-3", children: i.slice(0, 3).map((r) => /* @__PURE__ */ n(
+          /* @__PURE__ */ e("ul", { className: "mt-4 grid gap-3", children: o.slice(0, 3).map((r) => /* @__PURE__ */ n(
             "li",
             {
               className: "flex items-start gap-3 rounded-xl border border-zinc-200 dark:border-zinc-800 p-2",
@@ -6793,22 +6782,22 @@ const Is = ["All", "Library", "Restaurant", "Parking", "Bus Stop"], Ms = {
     searchH: "h-11 text-base",
     chipGap: "gap-3.5"
   }
-}, Ls = ({ label: t, active: a = !1, size: s = "md", className: o = "" }) => {
+}, Ls = ({ label: t, active: a = !1, size: s = "md", className: i = "" }) => {
   const l = "inline-flex items-center justify-center whitespace-nowrap rounded-full border transition-colors duration-150 shadow-[0_0.5px_0_rgba(0,0,0,0.04)]", m = {
     sm: "h-8 px-3 text-[11px] font-semibold",
     md: "h-9 px-3.5 text-[13px] font-semibold",
     lg: "h-10 px-4 text-sm font-semibold"
-  }, i = a ? "bg-indigo-700 border-indigo-700 text-white" : "bg-white/95 dark:bg-zinc-900/90 border-zinc-300 dark:border-zinc-700 text-zinc-700 dark:text-zinc-200";
-  return /* @__PURE__ */ e("span", { className: `${l} ${m[s] ?? m.md} ${i} ${o}`, children: t });
+  }, o = a ? "bg-indigo-700 border-indigo-700 text-white" : "bg-white/95 dark:bg-zinc-900/90 border-zinc-300 dark:border-zinc-700 text-zinc-700 dark:text-zinc-200";
+  return /* @__PURE__ */ e("span", { className: `${l} ${m[s] ?? m.md} ${o} ${i}`, children: t });
 }, Bs = (t, a = 12) => `https://www.google.com/maps?q=${encodeURIComponent(t)}&z=${a}&output=embed`;
 function js({
   size: t = "md",
   showCheckbox: a = !1,
   checkboxPosition: s = "top-left",
-  onSelect: o,
+  onSelect: i,
   identity: l = "_id",
   title: m = "Campus Map",
-  campusName: i = "Morningside Heights Campus",
+  campusName: o = "Morningside Heights Campus",
   filters: u = Is,
   activeFilter: g = "All",
   // NEW: iframe controls
@@ -6818,16 +6807,16 @@ function js({
   // optional full embed URL override
   ...N
 }) {
-  const d = ie(t), p = ce[d], $ = Ms[d], A = r || Bs(f, x);
+  const d = oe(t), p = ce[d], $ = Ms[d], A = r || Bs(f, x);
   return /* @__PURE__ */ e(
-    oe,
+    ie,
     {
       className: `flex flex-col ${p.card} ${$.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
-      onSelect: o,
+      onSelect: i,
       identity: l,
-      details: { type: "campus-map", title: m, campusName: i, activeFilter: g, mapQuery: f, zoom: x },
+      details: { type: "campus-map", title: m, campusName: o, activeFilter: g, mapQuery: f, zoom: x },
       ...N,
       children: /* @__PURE__ */ n("div", { className: `relative mt-3 overflow-hidden rounded-2xl border border-zinc-200 dark:border-zinc-800 ${$.mapH}`, children: [
         /* @__PURE__ */ e(
@@ -6844,7 +6833,7 @@ function js({
         ),
         /* @__PURE__ */ n("div", { className: "absolute left-4 right-4 top-3 flex items-center justify-between pointer-events-none", children: [
           /* @__PURE__ */ n("div", { className: `flex items-center rounded-full bg-white dark:bg-zinc-900 shadow border border-zinc-200 dark:border-zinc-700 ${$.campusPill}`, children: [
-            /* @__PURE__ */ e("span", { className: "truncate max-w-[60vw]", children: i }),
+            /* @__PURE__ */ e("span", { className: "truncate max-w-[60vw]", children: o }),
             /* @__PURE__ */ e("span", { className: "ml-2 text-zinc-400", children: "▾" })
           ] }),
           /* @__PURE__ */ n("div", { className: "hidden md:flex items-center gap-2", "aria-hidden": "true", children: [
@@ -6953,13 +6942,13 @@ const Vs = [
     time: a.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })
   };
 };
-function jt({ ev: t, sizeMeta: a, isSelected: s, onClick: o }) {
-  const { day: l, month: m, time: i } = Ta(t.date);
+function jt({ ev: t, sizeMeta: a, isSelected: s, onClick: i }) {
+  const { day: l, month: m, time: o } = Ta(t.date);
   return /* @__PURE__ */ n(
     "div",
     {
       className: `flex items-start gap-4 py-3 cursor-pointer group ${s ? "bg-blue-50 dark:bg-blue-900/20 rounded-lg -mx-2 px-2" : ""}`,
-      onClick: () => o(t),
+      onClick: () => i(t),
       children: [
         /* @__PURE__ */ e("div", { className: "flex-shrink-0 min-w-12", children: /* @__PURE__ */ n("div", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${a.dateSize}`, children: [
           l,
@@ -6970,21 +6959,21 @@ function jt({ ev: t, sizeMeta: a, isSelected: s, onClick: o }) {
           /* @__PURE__ */ e("div", { className: `${a.title} text-zinc-900 dark:text-zinc-100 line-clamp-2 group-hover:text-blue-600 dark:group-hover:text-blue-400`, children: t.title }),
           /* @__PURE__ */ n("div", { className: `flex items-center gap-1.5 mt-1 text-zinc-500 dark:text-zinc-400 ${a.meta}`, children: [
             /* @__PURE__ */ e(Ae, { className: "h-3 w-3" }),
-            t.allDayNote ? t.allDayNote : i
+            t.allDayNote ? t.allDayNote : o
           ] })
         ] })
       ]
     }
   );
 }
-function qs({ ev: t, sizeMeta: a }) {
+function Gs({ ev: t, sizeMeta: a }) {
   if (!t) return null;
-  const { day: s, month: o, time: l } = Ta(t.date);
+  const { day: s, month: i, time: l } = Ta(t.date);
   return /* @__PURE__ */ n("div", { className: "bg-white dark:bg-zinc-900 rounded-lg border border-zinc-200 dark:border-zinc-800 p-6", children: [
     /* @__PURE__ */ n("div", { className: "flex items-start gap-4 mb-4", children: [
       /* @__PURE__ */ n("div", { className: "flex-shrink-0", children: [
         /* @__PURE__ */ e("div", { className: "text-2xl font-bold text-zinc-900 dark:text-zinc-100", children: s }),
-        /* @__PURE__ */ e("div", { className: "text-sm font-medium text-zinc-500 dark:text-zinc-400 uppercase tracking-wide", children: o })
+        /* @__PURE__ */ e("div", { className: "text-sm font-medium text-zinc-500 dark:text-zinc-400 uppercase tracking-wide", children: i })
       ] }),
       /* @__PURE__ */ n("div", { className: "flex-grow", children: [
         /* @__PURE__ */ e("h3", { className: `${a.title} text-zinc-900 dark:text-zinc-100 mb-2`, children: t.title }),
@@ -7013,29 +7002,29 @@ function qs({ ev: t, sizeMeta: a }) {
     a.showDescription && t.description && /* @__PURE__ */ e("div", { className: "mt-4 pt-4 border-t border-zinc-200 dark:border-zinc-800", children: /* @__PURE__ */ e("p", { className: "text-sm text-zinc-700 dark:text-zinc-300 leading-relaxed", children: t.description }) })
   ] });
 }
-function Gs({
+function qs({
   size: t = "md",
   showCheckbox: a = !1,
   checkboxPosition: s = "top-left",
-  onSelect: o,
+  onSelect: i,
   identity: l = "_id",
   title: m = "Upcoming Events",
-  events: i = Vs,
+  events: o = Vs,
   selectedIndex: u = 0,
   ...g
 }) {
-  const [f, x] = L(u), r = ie(t), N = ce[r], d = _s[r], p = i[f] || i[0], $ = (E, R) => {
-    x(R), o?.(E);
+  const [f, x] = L(u), r = oe(t), N = ce[r], d = _s[r], p = o[f] || o[0], $ = (E, R) => {
+    x(R), i?.(E);
   }, A = r === "lg";
   return /* @__PURE__ */ n(
-    oe,
+    ie,
     {
       className: `flex flex-col ${N.card} ${d.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
-      onSelect: o,
+      onSelect: i,
       identity: l,
-      details: { type: "events", title: m, count: i?.length ?? 0 },
+      details: { type: "events", title: m, count: o?.length ?? 0 },
       ...g,
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-center justify-between mb-4", children: [
@@ -7045,7 +7034,7 @@ function Gs({
         A ? (
           // Large: Two-column layout
           /* @__PURE__ */ n("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [
-            /* @__PURE__ */ e("div", { className: "space-y-1", children: i.map((E, R) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e("div", { className: "space-y-1", children: o.map((E, R) => /* @__PURE__ */ e(
               jt,
               {
                 ev: E,
@@ -7055,11 +7044,11 @@ function Gs({
               },
               E._id || E.id || R
             )) }),
-            /* @__PURE__ */ e(qs, { ev: p, sizeMeta: d })
+            /* @__PURE__ */ e(Gs, { ev: p, sizeMeta: d })
           ] })
         ) : (
           // Small/Medium: Simple list only
-          /* @__PURE__ */ e("div", { className: "space-y-1", children: i.map((E, R) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "space-y-1", children: o.map((E, R) => /* @__PURE__ */ e(
             jt,
             {
               ev: E,
@@ -7075,7 +7064,7 @@ function Gs({
     }
   );
 }
-Gs.propTypes = {
+qs.propTypes = {
   size: c.string,
   showCheckbox: c.bool,
   checkboxPosition: c.oneOf(["top-left", "top-right"]),
@@ -7179,8 +7168,8 @@ const Ys = [
     searchHeight: "h-10"
   }
 };
-function Js({ email: t, sizeMeta: a, isSelected: s, onClick: o, onStar: l, onPin: m }) {
-  const i = (g) => {
+function Js({ email: t, sizeMeta: a, isSelected: s, onClick: i, onStar: l, onPin: m }) {
+  const o = (g) => {
     g.stopPropagation(), l?.(t);
   }, u = (g) => {
     g.stopPropagation(), m?.(t);
@@ -7189,13 +7178,13 @@ function Js({ email: t, sizeMeta: a, isSelected: s, onClick: o, onStar: l, onPin
     "div",
     {
       className: `flex items-start gap-3 p-3 cursor-pointer border-b border-zinc-200 dark:border-zinc-800 last:border-b-0 group ${s ? "bg-blue-50 dark:bg-blue-900/20 border-l-4 border-l-blue-500 -ml-1 pl-4" : "hover:bg-zinc-50 dark:hover:bg-zinc-800/50 border-l-4 border-l-transparent"} ${t.unread ? "bg-blue-25 dark:bg-blue-900/10" : ""}`,
-      onClick: () => o(t),
+      onClick: () => i(t),
       children: [
         /* @__PURE__ */ n("div", { className: "flex flex-col items-center gap-1 pt-0.5", children: [
           /* @__PURE__ */ e(
             "button",
             {
-              onClick: i,
+              onClick: o,
               className: "p-1 rounded hover:bg-zinc-200 dark:hover:bg-zinc-700 transition-colors duration-200",
               children: t.starred ? /* @__PURE__ */ e(Dr, { className: "h-4 w-4 fill-yellow-400 text-yellow-400" }) : /* @__PURE__ */ e($r, { className: "h-4 w-4 text-zinc-400 group-hover:text-yellow-400" })
             }
@@ -7232,17 +7221,17 @@ function Xs({
   size: t = "md",
   showCheckbox: a = !1,
   checkboxPosition: s = "top-left",
-  onSelect: o,
+  onSelect: i,
   identity: l = "_id",
   title: m = "0365 Mails",
-  emails: i = Ys,
+  emails: o = Ys,
   selectedIndex: u = 0,
   onStar: g,
   onPin: f,
   ...x
 }) {
-  const [r, N] = L(u), d = ie(t), p = ce[d], $ = Ws[d], A = (O, V) => {
-    N(V), o?.(O);
+  const [r, N] = L(u), d = oe(t), p = ce[d], $ = Ws[d], A = (O, V) => {
+    N(V), i?.(O);
   }, E = (O) => {
     const V = { ...O, starred: !O.starred };
     g?.(V);
@@ -7251,19 +7240,19 @@ function Xs({
     f?.(V);
   };
   return /* @__PURE__ */ n(
-    oe,
+    ie,
     {
       className: `flex flex-col ${p.card} ${$.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
-      onSelect: o,
+      onSelect: i,
       identity: l,
-      details: { type: "emails", title: m, count: i?.length ?? 0 },
+      details: { type: "emails", title: m, count: o?.length ?? 0 },
       ...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 ${p.title}`, children: m }) }),
         /* @__PURE__ */ e(he, { placeholder: "Type to search..." }),
-        /* @__PURE__ */ e("div", { className: "space-y-0", children: i.map((O, V) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "space-y-0", children: o.map((O, V) => /* @__PURE__ */ e(
           Js,
           {
             email: O,
@@ -7392,12 +7381,12 @@ const Hs = [
     // two columns for large screens
   }
 };
-function Vt({ contact: t, sizeMeta: a, isSelected: s, onClick: o }) {
+function Vt({ contact: t, sizeMeta: a, isSelected: s, onClick: i }) {
   return /* @__PURE__ */ n(
     "div",
     {
       className: `flex items-center gap-4 p-4 cursor-pointer rounded-lg border transition-all duration-200 group ${s ? "bg-blue-50 dark:bg-blue-900/20 border-blue-200 dark:border-blue-800 shadow-sm" : "border-zinc-200 dark:border-zinc-800 hover:bg-zinc-50 dark:hover:bg-zinc-800/50 hover:border-zinc-300 dark:hover:border-zinc-700"}`,
-      onClick: () => o(t),
+      onClick: () => i(t),
       children: [
         /* @__PURE__ */ e("div", { className: `${a.avatarSize} flex-shrink-0 flex items-center justify-center bg-gradient-to-br from-blue-500 to-blue-600 rounded-full text-white font-semibold ${a.avatarText} shadow-sm`, children: t.initials }),
         /* @__PURE__ */ n("div", { className: "flex-grow min-w-0", children: [
@@ -7486,31 +7475,31 @@ function el({
   size: t = "md",
   showCheckbox: a = !1,
   checkboxPosition: s = "top-left",
-  onSelect: o,
+  onSelect: i,
   identity: l = "_id",
   title: m = "Directory",
-  contacts: i = Hs,
+  contacts: o = Hs,
   selectedIndex: u = 0,
   ...g
 }) {
-  const [f, x] = L(u), r = ie(t), N = ce[r], d = Qs[r], p = (E, R) => {
-    x(R), o?.(E);
-  }, $ = i[f] || i[0], A = d.layout === "split";
+  const [f, x] = L(u), r = oe(t), N = ce[r], d = Qs[r], p = (E, R) => {
+    x(R), i?.(E);
+  }, $ = o[f] || o[0], A = d.layout === "split";
   return /* @__PURE__ */ n(
-    oe,
+    ie,
     {
       className: `flex flex-col ${N.card} ${d.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
-      onSelect: o,
+      onSelect: i,
       identity: l,
-      details: { type: "directory", title: m, count: i?.length ?? 0 },
+      details: { type: "directory", title: m, 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 ${N.title}`, children: m }) }),
         /* @__PURE__ */ e(Ks, { sizeMeta: d }),
         A ? /* @__PURE__ */ n("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6 min-h-0", children: [
-          /* @__PURE__ */ e("div", { className: "space-y-3", children: i.map((E, R) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "space-y-3", children: o.map((E, R) => /* @__PURE__ */ e(
             Vt,
             {
               contact: E,
@@ -7529,7 +7518,7 @@ function el({
           )
         ] }) : (
           // Single column layout for small screens
-          /* @__PURE__ */ e("div", { className: "space-y-3", children: i.map((E, R) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "space-y-3", children: o.map((E, R) => /* @__PURE__ */ e(
             Vt,
             {
               contact: E,
@@ -7567,12 +7556,12 @@ el.propTypes = {
   selectedIndex: c.number
 };
 const De = (t) => new Intl.NumberFormat("en-US", { style: "currency", currency: "USD" }).format(Number(t || 0));
-function tl({ side: t = "left", date: a, title: s, amount: o, kind: l = "payment" }) {
+function tl({ side: t = "left", date: a, title: s, amount: i, kind: l = "payment" }) {
   return /* @__PURE__ */ n("div", { className: `rounded-xl border border-zinc-200 dark:border-zinc-800 p-3 ${l === "payment" ? "border-l-4 border-green-500" : "border-l-4 border-rose-500"}`, children: [
     /* @__PURE__ */ e("div", { className: "text-xs text-zinc-500", children: a }),
     /* @__PURE__ */ e("div", { className: "mt-1 text-sm text-zinc-700 dark:text-zinc-200", children: s }),
     /* @__PURE__ */ n("div", { className: "mt-2 flex items-center justify-between", children: [
-      /* @__PURE__ */ e("div", { className: "text-sm font-semibold", children: De(o) }),
+      /* @__PURE__ */ e("div", { className: "text-sm font-semibold", children: De(i) }),
       /* @__PURE__ */ e(
         "div",
         {
@@ -7619,11 +7608,11 @@ function rl({
   size: t = "md",
   showCheckbox: a = !1,
   checkboxPosition: s = "top-left",
-  onSelect: o,
+  onSelect: i,
   identity: l = "_id",
   // content
   title: m = "Account Summary",
-  termLabel: i = "Spring 2024",
+  termLabel: o = "Spring 2024",
   balance: u = 3e3,
   totalCharges: g = 4440,
   totalPayments: f = 1568,
@@ -7645,22 +7634,22 @@ function rl({
   ],
   ...r
 }) {
-  const N = ie(t), d = ce[N], p = al[N];
+  const N = oe(t), d = ce[N], p = al[N];
   return /* @__PURE__ */ n(
-    oe,
+    ie,
     {
       className: `flex flex-col ${d.card} ${p.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
-      onSelect: o,
+      onSelect: i,
       identity: l,
-      details: { type: "account-summary", termLabel: i, balance: u, totalCharges: g, totalPayments: f },
+      details: { type: "account-summary", termLabel: o, balance: u, totalCharges: g, totalPayments: f },
       ...r,
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ e("div", { className: `font-semibold ${d.title}`, children: m }),
           /* @__PURE__ */ n("div", { className: "rounded-full border border-zinc-300 dark:border-zinc-700 bg-white dark:bg-zinc-900 px-3 py-1 text-sm flex items-center gap-2", children: [
-            /* @__PURE__ */ e("span", { children: i }),
+            /* @__PURE__ */ e("span", { children: o }),
             /* @__PURE__ */ e(vt, { className: "h-4 w-4 opacity-70" })
           ] })
         ] }),
@@ -7772,7 +7761,7 @@ const nl = {
     showTabs: !0,
     showAllLeave: !0
   }
-}, We = [
+}, qe = [
   {
     id: "vacation",
     name: "Vacation Time",
@@ -7802,30 +7791,30 @@ function _t({ leave: t, sizeMeta: a }) {
       /* @__PURE__ */ e("span", { className: `font-medium text-zinc-900 dark:text-zinc-100 ${a.table}`, children: t.name }),
       /* @__PURE__ */ e("span", { className: `text-zinc-600 dark:text-zinc-400 ${a.table}`, children: t.available })
     ] }) }),
-    /* @__PURE__ */ e("div", { className: "divide-y divide-zinc-200 dark:divide-zinc-800", children: t.breakdown.map((s, o) => /* @__PURE__ */ n("div", { className: "flex justify-between items-center px-4 py-3", children: [
+    /* @__PURE__ */ e("div", { className: "divide-y divide-zinc-200 dark:divide-zinc-800", children: t.breakdown.map((s, i) => /* @__PURE__ */ n("div", { className: "flex justify-between items-center px-4 py-3", children: [
       /* @__PURE__ */ e("span", { className: `text-zinc-700 dark:text-zinc-300 ${a.table}`, children: s.label }),
       /* @__PURE__ */ e("span", { className: `font-medium ${s.change === "positive" ? "text-green-600 dark:text-green-400" : s.change === "negative" ? "text-red-600 dark:text-red-400" : "text-zinc-900 dark:text-zinc-100"} ${a.table}`, children: s.value })
-    ] }, o)) })
+    ] }, i)) })
   ] });
 }
 function sl({
   size: t = "md",
   showCheckbox: a = !1,
   checkboxPosition: s = "top-left",
-  onSelect: o,
+  onSelect: i,
   identity: l = "_id",
   title: m = "Pay Stub and Leave Balance",
-  term: i = "Fall 2025",
+  term: o = "Fall 2025",
   ...u
 }) {
-  const [g, f] = L("vacation"), [x, r] = L(!1), N = ie(t), d = ce[N], p = nl[N], $ = We.find((A) => A.id === g) || We[0];
+  const [g, f] = L("vacation"), [x, r] = L(!1), N = oe(t), d = ce[N], p = nl[N], $ = qe.find((A) => A.id === g) || qe[0];
   return /* @__PURE__ */ n(
-    oe,
+    ie,
     {
       className: `flex flex-col ${d.card} ${p.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
-      onSelect: o,
+      onSelect: i,
       identity: l,
       details: { type: "leave-balance", title: m },
       ...u,
@@ -7834,9 +7823,9 @@ function sl({
           /* @__PURE__ */ n("div", { children: [
             /* @__PURE__ */ e("h3", { className: `text-zinc-900 dark:text-zinc-100 ${p.title} mb-1`, children: m }),
             /* @__PURE__ */ n("div", { className: `text-zinc-600 dark:text-zinc-400 ${p.term} flex items-center gap-2`, children: [
-              /* @__PURE__ */ e(Gt, { className: "h-4 w-4" }),
+              /* @__PURE__ */ e(qt, { className: "h-4 w-4" }),
               "Term - ",
-              i
+              o
             ] })
           ] }),
           /* @__PURE__ */ n("div", { className: "relative", children: [
@@ -7854,7 +7843,7 @@ function sl({
             ] })
           ] })
         ] }),
-        p.showTabs && /* @__PURE__ */ e("div", { className: "flex border-b border-zinc-200 dark:border-zinc-800", children: We.map((A) => /* @__PURE__ */ e(
+        p.showTabs && /* @__PURE__ */ e("div", { className: "flex border-b border-zinc-200 dark:border-zinc-800", children: qe.map((A) => /* @__PURE__ */ e(
           "button",
           {
             className: `flex-1 py-2 px-4 text-center ${p.tab} font-medium border-b-2 transition-colors duration-200 ${g === A.id ? "border-blue-500 text-blue-600 dark:text-blue-400" : "border-transparent text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100"}`,
@@ -7865,7 +7854,7 @@ function sl({
         )) }),
         /* @__PURE__ */ e("div", { className: "space-y-4 mb-6", children: p.showAllLeave ? (
           // LG: Show all leave types
-          We.map((A) => /* @__PURE__ */ e(_t, { leave: A, sizeMeta: p }, A.id))
+          qe.map((A) => /* @__PURE__ */ e(_t, { leave: A, sizeMeta: p }, A.id))
         ) : p.showSingleLeave ? (
           // MD: Show active tab leave type
           /* @__PURE__ */ e(_t, { leave: $, sizeMeta: p })
@@ -7899,7 +7888,7 @@ const ll = [
     name: "Admin Files",
     type: "folder",
     count: "200 files",
-    icon: Be,
+    icon: Le,
     color: "text-blue-500"
   },
   {
@@ -7926,13 +7915,13 @@ const ll = [
   //     icon: Video,
   //     color: "text-purple-500"
   // }
-], ol = [
+], il = [
   {
     id: "file-1",
     name: "2024 - Taurus",
     type: "folder",
     date: "March 06, 2025",
-    icon: Be,
+    icon: Le,
     color: "text-blue-500"
   },
   {
@@ -7948,7 +7937,7 @@ const ll = [
     name: "Championship 2",
     type: "folder",
     date: "March 06, 2025",
-    icon: Be,
+    icon: Le,
     color: "text-blue-500"
   },
   {
@@ -7959,7 +7948,7 @@ const ll = [
     icon: pt,
     color: "text-orange-500"
   }
-], il = {
+], ol = {
   sm: {
     wrap: "max-w-xs w-full",
     title: "text-base font-semibold",
@@ -7989,9 +7978,9 @@ const ll = [
   }
 };
 function Ut({ item: t, sizeMeta: a, showDate: s = !1 }) {
-  const o = t.icon;
+  const i = t.icon;
   return /* @__PURE__ */ n("div", { className: "flex items-center gap-3 p-3 rounded-lg border border-zinc-200 dark:border-zinc-800 hover:bg-zinc-50 dark:hover:bg-zinc-800/50 cursor-pointer transition-colors duration-200 group", children: [
-    /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(o, { className: `h-6 w-6 ${t.color}` }) }),
+    /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(i, { className: `h-6 w-6 ${t.color}` }) }),
     /* @__PURE__ */ n("div", { className: "flex-grow min-w-0", children: [
       /* @__PURE__ */ e("div", { className: `font-medium text-zinc-900 dark:text-zinc-100 truncate ${a.item}`, children: t.name }),
       s ? /* @__PURE__ */ e("div", { className: `text-zinc-500 dark:text-zinc-400 ${a.count}`, children: t.date }) : /* @__PURE__ */ e("div", { className: `text-zinc-500 dark:text-zinc-400 ${a.count}`, children: t.count })
@@ -8003,20 +7992,20 @@ function cl({
   size: t = "md",
   showCheckbox: a = !1,
   checkboxPosition: s = "top-left",
-  onSelect: o,
+  onSelect: i,
   identity: l = "_id",
   title: m = "Drive",
-  subtitle: i = "Drive Shared",
+  subtitle: o = "Drive Shared",
   ...u
 }) {
-  const [g, f] = L(!1), x = ie(t), r = ce[x], N = il[x];
+  const [g, f] = L(!1), x = oe(t), r = ce[x], N = ol[x];
   return /* @__PURE__ */ n(
-    oe,
+    ie,
     {
       className: `flex flex-col ${r.card} ${N.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
-      onSelect: o,
+      onSelect: i,
       identity: l,
       details: { type: "drive", title: m },
       ...u,
@@ -8024,7 +8013,7 @@ function cl({
         /* @__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 ${N.title} mb-1`, children: m }),
-            /* @__PURE__ */ e("div", { className: "text-zinc-600 dark:text-zinc-400 text-sm", children: i })
+            /* @__PURE__ */ e("div", { className: "text-zinc-600 dark:text-zinc-400 text-sm", children: o })
           ] }),
           /* @__PURE__ */ n("div", { className: "relative", children: [
             /* @__PURE__ */ e(
@@ -8057,7 +8046,7 @@ function cl({
         )) }),
         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: ol.map((d) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "space-y-2", children: il.map((d) => /* @__PURE__ */ e(
             Ut,
             {
               item: d,
@@ -8153,7 +8142,7 @@ const dl = [
     maxMessageWords: 25,
     showMessage: !0
   }
-}, qt = (t, a) => {
+}, Gt = (t, a) => {
   if (!a || a === 0) return t;
   const s = t.split(" ");
   return s.length <= a ? t : s.slice(0, a).join(" ") + "...";
@@ -8200,9 +8189,9 @@ const dl = [
       };
   }
 };
-function hl({ alert: t, sizeMeta: a, onDismiss: s, onMarkRead: o }) {
-  const [l, m] = L(!1), i = Aa(t.type), u = ul(t.type);
-  return l ? null : /* @__PURE__ */ n("div", { className: `relative rounded-lg border-l-4 p-4 transition-all duration-200 ${i.bg} ${i.border} ${t.read ? "border-l-2 opacity-80" : "border-l-4"}`, style: { borderLeftColor: i.accent }, children: [
+function hl({ alert: t, sizeMeta: a, onDismiss: s, onMarkRead: i }) {
+  const [l, m] = L(!1), o = Aa(t.type), u = ul(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",
       {
@@ -8211,10 +8200,10 @@ function hl({ alert: t, sizeMeta: a, onDismiss: s, onMarkRead: o }) {
       }
     ),
     /* @__PURE__ */ n("div", { className: "flex gap-3 pr-6", children: [
-      /* @__PURE__ */ e("div", { className: "flex-shrink-0 mt-0.5", children: /* @__PURE__ */ e(u, { className: `h-4 w-4 ${i.icon}` }) }),
+      /* @__PURE__ */ e("div", { className: "flex-shrink-0 mt-0.5", children: /* @__PURE__ */ e(u, { className: `h-4 w-4 ${o.icon}` }) }),
       /* @__PURE__ */ n("div", { className: "flex-grow min-w-0", children: [
-        /* @__PURE__ */ e("div", { className: `${a.title} text-zinc-900 dark:text-zinc-100 mb-1 ${t.read ? "font-medium" : "font-semibold"}`, children: qt(t.title, a.maxTitleWords) }),
-        a.showMessage && t.message && /* @__PURE__ */ e("div", { className: `${a.message} text-zinc-600 dark:text-zinc-400 mb-2 leading-relaxed`, children: qt(t.message, a.maxMessageWords) }),
+        /* @__PURE__ */ e("div", { className: `${a.title} text-zinc-900 dark:text-zinc-100 mb-1 ${t.read ? "font-medium" : "font-semibold"}`, children: Gt(t.title, a.maxTitleWords) }),
+        a.showMessage && t.message && /* @__PURE__ */ e("div", { className: `${a.message} text-zinc-600 dark:text-zinc-400 mb-2 leading-relaxed`, children: Gt(t.message, a.maxMessageWords) }),
         /* @__PURE__ */ n("div", { className: `flex items-center gap-1 ${a.time} text-zinc-500 dark:text-zinc-400`, children: [
           /* @__PURE__ */ e(Ae, { className: "h-3 w-3" }),
           t.time
@@ -8225,8 +8214,8 @@ function hl({ alert: t, sizeMeta: a, onDismiss: s, onMarkRead: o }) {
   ] });
 }
 function pl({ alert: t, onDismiss: a }) {
-  const [s, o] = L(!1), l = Aa("banner"), m = () => {
-    o(!0), a?.(t);
+  const [s, i] = L(!1), l = Aa("banner"), m = () => {
+    i(!0), a?.(t);
   };
   return s ? null : /* @__PURE__ */ e("div", { className: `rounded-lg border p-4  ${l.bg} ${l.border} relative`, children: /* @__PURE__ */ n("div", { className: "flex items-start gap-3", children: [
     /* @__PURE__ */ e(na, { className: `h-5 w-5 mt-0.5 ${l.icon}` }),
@@ -8248,23 +8237,23 @@ function gl({
   size: t = "md",
   showCheckbox: a = !1,
   checkboxPosition: s = "top-left",
-  onSelect: o,
+  onSelect: i,
   identity: l = "_id",
   title: m = "Alerts",
-  alerts: i = dl,
+  alerts: o = dl,
   showBanner: u = !0,
   ...g
 }) {
-  const [f, x] = L(i), r = ie(t), N = ce[r], d = ml[r], p = (E) => {
+  const [f, x] = L(o), r = oe(t), N = ce[r], d = ml[r], p = (E) => {
     x((R) => R.filter((O) => O.id !== E.id));
   }, $ = f.find((E) => E.type === "banner"), A = f.filter((E) => E.type !== "banner");
   return /* @__PURE__ */ n(
-    oe,
+    ie,
     {
       className: `flex flex-col ${N.card} ${d.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
-      onSelect: o,
+      onSelect: i,
       identity: l,
       details: { type: "alerts", title: m, count: f.length },
       ...g,
@@ -8389,7 +8378,7 @@ const bl = [
   }
 };
 function yl({ video: t, sizeMeta: a }) {
-  const [s, o] = L(!1);
+  const [s, i] = L(!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(
@@ -8425,22 +8414,22 @@ function xl({
   size: t = "md",
   showCheckbox: a = !1,
   checkboxPosition: s = "top-left",
-  onSelect: o,
+  onSelect: i,
   identity: l = "_id",
   title: m = "Videos",
-  videos: i = bl,
+  videos: o = bl,
   ...u
 }) {
-  const [g, f] = L(!1), x = ie(t), r = ce[x], N = fl[x];
+  const [g, f] = L(!1), x = oe(t), r = ce[x], N = fl[x];
   return /* @__PURE__ */ n(
-    oe,
+    ie,
     {
       className: `flex flex-col ${r.card} ${N.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
-      onSelect: o,
+      onSelect: i,
       identity: l,
-      details: { type: "videos", title: m, count: i.length },
+      details: { type: "videos", title: m, count: o.length },
       ...u,
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-center justify-between ", children: [
@@ -8465,7 +8454,7 @@ function xl({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { className: `grid ${N.gridCols} gap-4 `, children: i.slice(0, N.gridCols === "grid-cols-3" ? 6 : 4).map((d) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: `grid ${N.gridCols} gap-4 `, children: o.slice(0, N.gridCols === "grid-cols-3" ? 6 : 4).map((d) => /* @__PURE__ */ e(
           yl,
           {
             video: d,
@@ -8502,7 +8491,7 @@ xl.propTypes = {
 export {
   rl as AccountSummaryMock,
   Ds as ActivityMock,
-  os as AddUserGroupsRolesModal,
+  is as AddUserGroupsRolesModal,
   gl as AlertsMock,
   Ce as Avatar,
   kn as AvatarGroup,
@@ -8512,7 +8501,7 @@ export {
   js as CampusMapMock,
   da as Checkbox,
   Es as CommunitiesMock,
-  eo as CustomDataGrid,
+  ei as CustomDataGrid,
   Wl as CustomDialog,
   Kl as CustomGridToolbar,
   Xl as CustomTab,
@@ -8521,7 +8510,7 @@ export {
   el as DirectoryMock,
   cl as DriveMock,
   zs as DynamicConfig,
-  Gs as EventsMock,
+  qs as EventsMock,
   El as FileUploadModal,
   Ql as FullConfigPage,
   Il as FullScreenLoader,
@@ -8531,7 +8520,7 @@ export {
   sl as LeaveBalanceMock,
   Da as ManageCollectionList,
   In as Modal,
-  rt as MultiSelect,
+  at as MultiSelect,
   Ps as NewsMock,
   Xs as O365MailsMock,
   _n as OptionsMenu,
@@ -8541,7 +8530,7 @@ export {
   ha as RadioGroup,
   he as SearchBar,
   ft as Select,
-  oe as SelectableCard,
+  ie as SelectableCard,
   Pl as Sidebar,
   ga as Spinner,
   ba as Textarea,
@@ -8553,10 +8542,10 @@ export {
   xl as VideosMock,
   Ll as WizardModal,
   wa as adGroupsListSearchApi,
-  ql as axiosDelete,
-  _e as axiosGet,
-  Gl as axiosPatch,
-  Le as axiosPost,
+  Gl as axiosDelete,
+  Ve as axiosGet,
+  ql as axiosPatch,
+  Ze as axiosPost,
   Qn as axiosPut,
   _l as cookies,
   Hn as createHttpClient,
@@ -8564,12 +8553,12 @@ export {
   Wn as filePermissionsApi,
   va as gateWayUrl,
   ze as gatewayBase,
-  at as getBaseUrl,
+  tt as getBaseUrl,
   Ul as getSnapshot,
   Yl as http,
-  Gn as localStore,
+  qn as localStore,
   wt as myDriveGatewayBaseV2,
-  ie as normalizeSize,
+  oe as normalizeSize,
   Ie as notify,
   ka as provisioningBase,
   Ca as rbacBase,