npm - unifyedx-storybook-new - Versions diffs - 0.2.47 → 0.2.51 - Mend

unifyedx-storybook-new 0.2.47 → 0.2.51

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/unifyedx-storybook-new.es.js +548 -545
package/dist/unifyedx-storybook-new.es.js.br +0 -0
package/dist/unifyedx-storybook-new.es.js.gz +0 -0
package/package.json +1 -1

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

@@ -1,11 +1,11 @@
 import { jsxs as n, jsx as e, Fragment as te } from "react/jsx-runtime";
-import ae, { useState as j, useMemo as ie, useId as Xe, Fragment as H, useEffect as Z, useCallback as se, useRef as ge } from "react";
-import { a as Q, U as dt, X as ye, P as c, L as ja, C as fe, b as Ke, D as mt, f as zt, d as Yt, F as Va, e as _a, h as Ua, T as Qe, u as Ga, I as Wt, i as Jt, j as qa, k as Ya, l as Wa, m as Xt, S as vt, n as Qt, M as Ja, o as Xa, p as Nt, q as Qa, A as Ha, E as Ht, r as Za, s as Ka, t as er, v as tr, w as Zt, x as ar, y as Kt, z as ea, B as rr, G as nr, H as sr, J as He, K as ut, N as ht, O as lr, Q as ir, R as ta, V as or, W as wt, 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 St, 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 aa, ah as Sr, ai as Dr, aj as $r, ak as Tr, al as Ar, am as ra, an as Fr, ao as Er, ap as na, aq as Rr, ar as pt, as as sa, at as Or } from "./vendor-DoYRzmYd.js";
+import ae, { useState as j, useMemo as oe, useId as Xe, Fragment as H, useEffect as Z, useCallback as se, useRef as ge } from "react";
+import { a as Q, U as dt, X as ye, P as c, L as ja, C as fe, b as Ke, D as mt, f as zt, d as Yt, F as Va, e as _a, h as Ua, T as Qe, u as Ga, I as Wt, i as Jt, j as qa, k as Ya, l as Wa, m as Xt, S as vt, n as Qt, M as Ja, o as Xa, p as Nt, q as Qa, A as Ha, E as Ht, r as Za, s as Ka, t as er, v as tr, w as Zt, x as ar, y as Kt, z as ea, B as rr, G as nr, H as sr, J as He, K as ut, N as ht, O as lr, Q as or, R as ta, V as ir, W as wt, 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 St, 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 aa, ah as Sr, ai as Dr, aj as $r, ak as Tr, al as Ar, am as ra, an as Fr, ao as Er, ap as na, aq as Rr, ar as pt, as as sa, at as Or } from "./vendor-DoYRzmYd.js";
 import { Popover as Ir, PopoverButton as Pr, PopoverPanel as Lr, Transition as ue, Dialog as be, TransitionChild as Ne, DialogPanel as Fe, DialogTitle as et, TabGroup as Mr, TabList as Br, Tab as ne, TabPanels as jr, RadioGroup as _e, 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 Qr } from "@headlessui/react";
 import { motion as le, AnimatePresence as ke } from "framer-motion";
 import { d as Hr } from "./vendor-lodash-DUMS_goM.js";
-import { useFloating as la, offset as ia, flip as oa, shift as ca, autoUpdate as da, useClick as Zr, useDismiss as Kr, useInteractions as en, FloatingPortal as tn } from "@floating-ui/react";
-import it, { debounce as an } from "lodash";
+import { useFloating as la, offset as oa, flip as ia, shift as ca, autoUpdate as da, useClick as Zr, useDismiss as Kr, useInteractions as en, FloatingPortal as tn } from "@floating-ui/react";
+import ot, { debounce as an } from "lodash";
 import { toast as Se, ToastContainer as rn, Slide as nn } from "react-toastify";
 import "react-toastify/dist/ReactToastify.css";
 import { P as sn, S as ln, F as on, G as cn, a as dn, E as mn, b as un, C as hn, R as pn, c as gn, d as bn, e as fn, f as yn, I as xn, g as Dt } from "./vendor-syncfusion-v-M3ddHK.js";
@@ -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, 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}%)`;
+  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}%)`;
   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: i,
+  bgColor: o,
   // ✅ New prop for background color
   textColor: l,
   // ✅ New prop for text/icon color
   className: m,
-  ...o
+  ...i
 }) => {
-  const [u, g] = j(!1), f = ie(() => Nn(a), []), y = t && !u, r = !y && a, x = !y && !a, d = Q(
+  const [u, g] = j(!1), f = oe(() => Nn(a), []), y = t && !u, r = !y && a, x = !y && !a, d = Q(
     "avatar-container",
     `avatar--size-${s}`,
     m
-  ), p = y ? "transparent" : i || f.bg, S = l || f.text;
+  ), p = y ? "transparent" : o || f.bg, S = l || f.text;
   return /* @__PURE__ */ n("div", { className: d, style: {
     backgroundColor: p,
     color: S
-  }, ...o, children: [
+  }, ...i, children: [
     y && /* @__PURE__ */ e(
       "img",
       {
@@ -50,13 +50,13 @@ const vn = (t) => {
     r && /* @__PURE__ */ e("span", { className: "avatar-initials", "aria-label": a, children: wn(a) }),
     x && /* @__PURE__ */ e("span", { className: "avatar-icon", children: /* @__PURE__ */ e(dt, {}) })
   ] });
-}, kn = ({ children: t, max: a = 4, truncatedMessage: s = "Members", ...i }) => {
-  const l = ae.Children.toArray(t), m = l.slice(0, a), o = l.length - a;
-  return /* @__PURE__ */ n("div", { className: "avatar-group-container", ...i, children: [
+}, kn = ({ children: t, max: a = 4, truncatedMessage: s = "Members", ...o }) => {
+  const l = ae.Children.toArray(t), m = l.slice(0, a), i = l.length - a;
+  return /* @__PURE__ */ n("div", { className: "avatar-group-container", ...o, children: [
     m,
-    o > 0 && /* @__PURE__ */ n("div", { className: "avatar-container avatar--size-medium avatar-excess", children: [
+    i > 0 && /* @__PURE__ */ n("div", { className: "avatar-container avatar--size-medium avatar-excess", children: [
       "+",
-      o,
+      i,
       " ",
       s
     ] })
@@ -67,10 +67,10 @@ const vn = (t) => {
   // 'default', 'primary', 'success', 'warning', 'danger'
   size: s = "medium",
   // 'small', 'medium', 'large'
-  icon: i,
+  icon: o,
   onRemove: l,
   bgColor: m,
-  textColor: o,
+  textColor: i,
   className: u,
   ...g
 }) => {
@@ -81,12 +81,12 @@ const vn = (t) => {
     { "badge--with-remove": !!l },
     u
   );
-  return /* @__PURE__ */ n("span", { className: f, style: m && o ? {
+  return /* @__PURE__ */ n("span", { className: f, style: m && i ? {
     backgroundColor: m,
-    color: o,
+    color: i,
     borderColor: "#ff0000"
   } : {}, ...g, children: [
-    i && /* @__PURE__ */ e(i, { className: "badge-icon" }),
+    o && /* @__PURE__ */ e(o, { 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: i,
+  label: o,
   ...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: i
+      children: o
     }
   );
 };
@@ -141,11 +141,11 @@ const zn = {
   dataTestId: t,
   title: a,
   type: s = "button",
-  ariaLabel: i,
+  ariaLabel: o,
   className: l = "",
   // ✅ Default is now empty
   loader: m = !1,
-  category: o = "primary",
+  category: i = "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, S = u && !y, T = Q(
     "btn-base",
     zn[f],
-    Sn[o],
+    Sn[i],
     {
       "is-loading": m,
       "btn-icon-only": S
@@ -174,8 +174,8 @@ const zn = {
       className: T,
       disabled: p,
       onClick: x,
-      title: a || S && i || (typeof y == "string" ? y : void 0),
-      "aria-label": i || S && a || (typeof y == "string" ? y : void 0),
+      title: a || S && o || (typeof y == "string" ? y : void 0),
+      "aria-label": o || S && a || (typeof y == "string" ? y : 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, i) => {
-  const l = i === 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, o) => {
+  const l = o === t.length - 1;
   return /* @__PURE__ */ n("li", { className: "breadcrumb-item", children: [
     /* @__PURE__ */ n(
       "a",
@@ -207,19 +207,19 @@ const zn = {
         "aria-hidden": "true"
       }
     )
-  ] }, i);
+  ] }, o);
 }) }) }), gt = ({
   label: t,
   id: a,
   error: s,
-  className: i,
+  className: o,
   ref: l,
   checked: m,
-  onChange: o,
+  onChange: i,
   ...u
 }) => {
   const g = Xe(), f = a || g;
-  return /* @__PURE__ */ n("div", { className: `checkbox-container ${i || ""}`, children: [
+  return /* @__PURE__ */ n("div", { className: `checkbox-container ${o || ""}`, 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: o,
+          onChange: i,
           ...u
         }
       ),
@@ -252,10 +252,10 @@ const zn = {
   value: t,
   onChange: a,
   onClear: s,
-  placeholder: i = "Select a date",
+  placeholder: o = "Select a date",
   label: l,
   error: m,
-  disabled: o = !1,
+  disabled: i = !1,
   className: u,
   ...g
 }) => /* @__PURE__ */ n("div", { className: Q("datepicker-wrapper", u), children: [
@@ -280,10 +280,10 @@ const zn = {
   value: t,
   onChange: a,
   onClear: s,
-  placeholder: i = "Select a date range",
+  placeholder: o = "Select a date range",
   label: l,
   error: m,
-  disabled: o = !1,
+  disabled: i = !1,
   className: u,
   ...g
 }) => {
@@ -293,7 +293,7 @@ const zn = {
     zt(f, "MMM d, y"),
     " - ",
     zt(y, "MMM d, y")
-  ] }) : /* @__PURE__ */ e("span", { className: "datepicker-placeholder", children: i });
+  ] }) : /* @__PURE__ */ e("span", { className: "datepicker-placeholder", children: o });
   return /* @__PURE__ */ n("div", { className: Q("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: Q("datepicker-trigger", {
               "datepicker-trigger--error": !!m,
-              "datepicker-trigger--disabled": o
+              "datepicker-trigger--disabled": i
             }),
-            disabled: o,
-            "aria-label": f && y ? `Selected range is ${x}` : i,
+            disabled: i,
+            "aria-label": f && y ? `Selected range is ${x}` : o,
             children: [
               /* @__PURE__ */ e(Yt, { className: "datepicker-icon" }),
               /* @__PURE__ */ e("span", { className: "datepicker-value", children: x })
             ]
           }
         ),
-        f && s && !o && /* @__PURE__ */ e(
+        f && s && !i && /* @__PURE__ */ e(
           "button",
           {
             type: "button",
@@ -559,12 +559,12 @@ const zn = {
   View: "view",
   Manage: "edit"
 }, Tt = ({ extension: t, size: a = 36 }) => {
-  const s = (t || "").toLowerCase(), i = En[s];
-  return i ? /* @__PURE__ */ e("div", { style: { width: a }, className: "flex-shrink-0", children: /* @__PURE__ */ e(
+  const s = (t || "").toLowerCase(), o = En[s];
+  return o ? /* @__PURE__ */ e("div", { style: { width: a }, className: "flex-shrink-0", children: /* @__PURE__ */ e(
     Va,
     {
       extension: s,
-      ...i,
+      ...o,
       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" }) }), At = (t, a = 2) => {
   if (!+t) return "0 Bytes";
-  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]}`;
+  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]}`;
 }, El = ({
   // --- Modal Control ---
   isOpen: t,
   onClose: a,
   // --- Dropzone Props ---
   getRootProps: s,
-  getInputProps: i,
+  getInputProps: o,
   isDragActive: l,
   open: m,
   // --- Form and File State ---
-  validFiles: o = [],
+  validFiles: i = [],
   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 S = o.length > 0 || u.length > 0;
+  const S = i.length > 0 || u.length > 0;
   return /* @__PURE__ */ e(ue, { appear: !0, show: t, as: H, children: /* @__PURE__ */ n(
     be,
     {
@@ -643,7 +643,7 @@ const zn = {
                 className: "dialog-panel",
                 onClick: (T) => T.stopPropagation(),
                 children: [
-                  /* @__PURE__ */ e("input", { ...i() }),
+                  /* @__PURE__ */ e("input", { ...o() }),
                   /* @__PURE__ */ n("form", { onSubmit: y, className: "form-wrapper", children: [
                     /* @__PURE__ */ n("div", { className: "dialog-header", children: [
                       /* @__PURE__ */ e(et, { as: "h3", className: "dialog-title-text", children: d }),
@@ -684,7 +684,7 @@ const zn = {
                       S && /* @__PURE__ */ n("div", { className: "file-list-container", children: [
                         /* @__PURE__ */ e("h3", { children: "Upload Queue" }),
                         /* @__PURE__ */ n("ul", { className: "file-list", children: [
-                          o.map((T, R) => /* @__PURE__ */ n(
+                          i.map((T, R) => /* @__PURE__ */ n(
                             "li",
                             {
                               className: "file-item",
@@ -764,7 +764,7 @@ const zn = {
                           type: "submit",
                           label: r ? "Uploading..." : "Upload Files",
                           loader: r,
-                          disabled: o.length === 0 || r
+                          disabled: i.length === 0 || r
                         }
                       )
                     ] })
@@ -787,8 +787,8 @@ const zn = {
   const s = new Date(t);
   return s.setDate(s.getDate() + a), s;
 }, ft = (t) => {
-  const a = new Date(t), s = a.getDay(), i = a.getDate() - s;
-  return Me(new Date(a.setDate(i)));
+  const a = new Date(t), s = a.getDay(), o = a.getDate() - s;
+  return Me(new Date(a.setDate(o)));
 }, On = (t) => Be(bt(ft(t), 6)), Ft = (t) => {
   const a = new Date(t);
   return Me(new Date(a.getFullYear(), a.getMonth(), 1));
@@ -811,8 +811,8 @@ const zn = {
     case "this_month":
       return [Ft(a), Et(a)];
     case "last_month": {
-      const s = /* @__PURE__ */ new Date(), i = new Date(s.getFullYear(), s.getMonth() - 1, 1);
-      return [Ft(i), Et(i)];
+      const s = /* @__PURE__ */ new Date(), o = new Date(s.getFullYear(), s.getMonth() - 1, 1);
+      return [Ft(o), Et(o)];
     }
     default:
       return [null, null];
@@ -821,10 +821,10 @@ const zn = {
   isOpen: t,
   onClose: a,
   onApplyFilters: s,
-  resetFilters: i,
+  resetFilters: o,
   filterConfig: l = [],
   initialFormikValues: m,
-  customStyles: o = "",
+  customStyles: i = "",
   fetchCreatedOrUpdatedByUsers: u = async () => []
   // Mockable fetcher
 }) => {
@@ -855,7 +855,7 @@ const zn = {
       }), a();
     },
     enableReinitialize: !0
-  }), R = ie(() => l.reduce((C, h) => {
+  }), R = oe(() => l.reduce((C, h) => {
     const v = h.key, $ = T.values[v];
     let B = !1;
     if ($)
@@ -869,7 +869,7 @@ const zn = {
           break;
       }
     return C[v] = B, C;
-  }, {}), [l, T.values]), O = Object.values(R).filter(Boolean).length, L = ie(() => l.some((C) => {
+  }, {}), [l, T.values]), O = Object.values(R).filter(Boolean).length, L = oe(() => l.some((C) => {
     if (C.type !== "date") return !1;
     const h = T.values?.[C.key]?.values;
     if (!Array.isArray(h) || h.length < 2) return !1;
@@ -891,7 +891,7 @@ const zn = {
     const h = l[C].key, v = l[C].url;
     l[C].type === "multiselect-users" && g[h].length === 0 && !y[h] && _(h, v);
   }, Y = () => {
-    T.resetForm(), f({ createdBy: [], updatedBy: [] }), i();
+    T.resetForm(), f({ createdBy: [], updatedBy: [] }), o();
   }, G = (C) => {
     const h = l.find((B) => B.key === C);
     if (!h) return null;
@@ -1191,7 +1191,7 @@ 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   ${o}`, children: [
+        children: /* @__PURE__ */ n(Fe, { className: `filter-modal-panel   ${i}`, children: [
           /* @__PURE__ */ n("div", { className: "filter-header", children: [
             /* @__PURE__ */ e(et, { as: "h3", className: "filter-title", children: "Filters" }),
             /* @__PURE__ */ e(
@@ -1282,10 +1282,10 @@ const zn = {
   label: t,
   id: a,
   type: s = "text",
-  icon: i,
+  icon: o,
   error: l,
   className: m,
-  ref: o,
+  ref: i,
   // ✅ '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: [
-      i && /* @__PURE__ */ e(i, { className: "input-icon", size: 20 }),
+      o && /* @__PURE__ */ e(o, { className: "input-icon", size: 20 }),
       /* @__PURE__ */ e(
         "input",
         {
           id: g,
           type: s,
-          ref: o,
+          ref: i,
           className: Q("input-field", {
             "input-field--error": !!l,
-            "input-field--with-icon": !!i
+            "input-field--with-icon": !!o
           }),
           ...u
         }
@@ -1332,20 +1332,20 @@ const zn = {
   isOpen: t,
   onClose: a,
   title: s,
-  children: i,
+  children: o,
   // For the description/body content
   primaryButtonText: l,
   // No default
   secondaryButtonText: m,
   // No default
-  variant: o = "info",
+  variant: i = "info",
   // 'info', 'warning', 'delete'
   loading: u = !1,
   buttonProps: g = {},
   size: f
   // Add size prop
 }) => {
-  const y = Rt[o] || Rt.info, r = y.icon, x = () => {
+  const y = Rt[i] || Rt.info, r = y.icon, x = () => {
     a({ primary: !0, secondary: !1 });
   }, d = () => {
     a({ primary: !1, secondary: !0 });
@@ -1379,13 +1379,14 @@ const zn = {
             /* @__PURE__ */ e("div", { className: `modal-icon-container ${y.iconClass}`, children: /* @__PURE__ */ e(r, { size: 24, "aria-hidden": "true" }) }),
             /* @__PURE__ */ n("div", { className: "modal-text-content", children: [
               /* @__PURE__ */ e(et, { as: "h3", className: "modal-title", children: s }),
-              /* @__PURE__ */ e("div", { className: "modal-description", children: i })
+              /* @__PURE__ */ e("div", { className: "modal-description", children: o })
             ] })
           ] }),
           (l || m) && /* @__PURE__ */ n("div", { className: "modal-footer", children: [
             m && /* @__PURE__ */ e(
               ee,
               {
+                type: "button",
                 onClick: d,
                 label: m,
                 category: "secondary"
@@ -1394,6 +1395,7 @@ const zn = {
             l && /* @__PURE__ */ e(
               ee,
               {
+                type: "button",
                 onClick: x,
                 label: l,
                 ...g
@@ -1408,18 +1410,18 @@ const zn = {
   currentPage: t,
   totalItems: a,
   itemsPerPage: s,
-  onPageChange: i,
+  onPageChange: o,
   onItemsPerPageChange: l,
   itemsPerPageOptions: m = [10, 15, 20]
 }) => {
-  const o = Math.ceil(a / s), [u, g] = j(t);
+  const i = Math.ceil(a / s), [u, g] = j(t);
   Z(() => {
     g(t);
   }, [t]);
   const f = Math.min((t - 1) * s + 1, a), y = Math.min(t * s, a), r = (x) => {
     x.preventDefault();
     let d = parseInt(u, 10);
-    isNaN(d) || d < 1 ? d = 1 : d > o && (d = o), g(d), d !== t && i(d);
+    isNaN(d) || d < 1 ? d = 1 : d > i && (d = i), g(d), d !== t && o(d);
   };
   return /* @__PURE__ */ n("div", { className: "pagination-container", children: [
     /* @__PURE__ */ n("div", { className: "pagination-left", children: [
@@ -1448,7 +1450,7 @@ const zn = {
         "button",
         {
           className: "pagination-button",
-          onClick: () => i(1),
+          onClick: () => o(1),
           disabled: t === 1,
           children: /* @__PURE__ */ e(qa, { size: 16 })
         }
@@ -1457,7 +1459,7 @@ const zn = {
         "button",
         {
           className: "pagination-button",
-          onClick: () => i(t - 1),
+          onClick: () => o(t - 1),
           disabled: t === 1,
           children: /* @__PURE__ */ e(Ya, { size: 16 })
         }
@@ -1477,15 +1479,15 @@ const zn = {
         ),
         /* @__PURE__ */ n("span", { className: "page-input-total", children: [
           "of ",
-          o
+          i
         ] })
       ] }),
       /* @__PURE__ */ e(
         "button",
         {
           className: "pagination-button",
-          onClick: () => i(t + 1),
-          disabled: t === o,
+          onClick: () => o(t + 1),
+          disabled: t === i,
           children: /* @__PURE__ */ e(fe, { size: 16 })
         }
       ),
@@ -1493,8 +1495,8 @@ const zn = {
         "button",
         {
           className: "pagination-button",
-          onClick: () => i(o),
-          disabled: t === o,
+          onClick: () => o(i),
+          disabled: t === i,
           children: /* @__PURE__ */ e(Wa, { size: 16 })
         }
       )
@@ -1505,7 +1507,7 @@ const zn = {
   value: a,
   // The currently selected option's value (e.g., 'work')
   onChange: s,
-  options: i = [],
+  options: o = [],
   error: l,
   ...m
 }) => /* @__PURE__ */ n("div", { className: "radiogroup-wrapper", children: [
@@ -1517,10 +1519,10 @@ const zn = {
       onChange: s,
       className: "radiogroup-container",
       ...m,
-      children: i.map((o) => /* @__PURE__ */ e(
+      children: o.map((i) => /* @__PURE__ */ e(
         _e.Option,
         {
-          value: o.value,
+          value: i.value,
           className: ({ active: u, checked: g }) => Q("radiogroup-option", {
             "radiogroup-option--active": u,
             "radiogroup-option--checked": g,
@@ -1528,20 +1530,20 @@ const zn = {
           }),
           children: ({ checked: u }) => /* @__PURE__ */ n(te, { children: [
             /* @__PURE__ */ n("div", { className: "radiogroup-option-content", children: [
-              /* @__PURE__ */ e(_e.Label, { as: "p", className: "option-label", children: o.label }),
-              o.description && /* @__PURE__ */ e(
+              /* @__PURE__ */ e(_e.Label, { as: "p", className: "option-label", children: i.label }),
+              i.description && /* @__PURE__ */ e(
                 _e.Description,
                 {
                   as: "span",
                   className: "option-description",
-                  children: o.description
+                  children: i.description
                 }
               )
             ] }),
             u && /* @__PURE__ */ e("div", { className: "option-checkmark", children: /* @__PURE__ */ e(Xt, { size: 20 }) })
           ] })
         },
-        o.value
+        i.value
       ))
     }
   ),
@@ -1550,11 +1552,11 @@ const zn = {
   value: t = "",
   onDebouncedChange: a,
   debounceDelay: s = 400,
-  placeholder: i = "Enter text...",
+  placeholder: o = "Enter text...",
   label: l = "Search",
   // Added a default label for accessibility
   customClass: m = "",
-  ...o
+  ...i
 }) => {
   const [u, g] = j(t);
   Z(() => {
@@ -1580,12 +1582,12 @@ const zn = {
       {
         id: "search-field",
         className: "search-bar-input",
-        placeholder: i,
+        placeholder: o,
         type: "search",
         name: "search",
         value: u,
         onChange: y,
-        ...o
+        ...i
       }
     )
   ] });
@@ -1595,19 +1597,19 @@ const zn = {
   // From RHF's <Controller>
   onChange: s,
   // From RHF's <Controller>
-  options: i = [],
+  options: o = [],
   placeholder: l = "Select an option...",
   disabled: m = !1,
-  error: o,
+  error: i,
   ref: u,
   // From RHF's <Controller>
   showSearch: g = !0
 }) => {
   const [f, y] = j("");
-  console.log("Select component - value:", a, "type:", typeof a), console.log("Select component - options:", i);
-  const r = f === "" ? i : i.filter(
+  console.log("Select component - value:", a, "type:", typeof a), console.log("Select component - options:", o);
+  const r = f === "" ? o : o.filter(
     (d) => d.label.toLowerCase().includes(f.toLowerCase())
-  ), x = i.find((d) => {
+  ), x = o.find((d) => {
     if (typeof a == "object" && a !== null) {
       if (a === d) return !0;
       if (a.id && d.id) return d.id === a.id;
@@ -1623,7 +1625,7 @@ const zn = {
         Vr,
         {
           className: Q("select-button", {
-            "select-button--error": !!o
+            "select-button--error": !!i
           }),
           children: [
             /* @__PURE__ */ e("span", { className: "select-value-display", children: x ? x.label : /* @__PURE__ */ e("span", { className: "placeholder", children: l }) }),
@@ -1677,7 +1679,7 @@ const zn = {
         }
       )
     ] }),
-    o && /* @__PURE__ */ e("p", { className: "select-error-message", children: o })
+    i && /* @__PURE__ */ e("p", { className: "select-error-message", children: i })
   ] }) });
 }, Ln = () => {
   const [t, a] = j(window.location.pathname);
@@ -1695,12 +1697,12 @@ const zn = {
       return s;
   return null;
 }, pa = ({ item: t, isCollapsed: a, level: s = 0 }) => {
-  const { pathname: i } = Ln(), l = t.href || t.url || t.path, [m, o] = j(!1), u = t.icon;
+  const { pathname: o } = Ln(), l = t.href || t.url || t.path, [m, i] = j(!1), u = t.icon;
   Z(() => {
-    xt([t], i) && o(!0);
-  }, [t, i]);
-  const g = i === l, f = !g && !!xt([t], i), y = (r) => {
-    r.preventDefault(), o(!m);
+    xt([t], o) && i(!0);
+  }, [t, o]);
+  const g = o === l, f = !g && !!xt([t], o), y = (r) => {
+    r.preventDefault(), i(!m);
   };
   return /* @__PURE__ */ n(
     "div",
@@ -1770,13 +1772,13 @@ const zn = {
   navItems: t = [],
   isCollapsed: a = !1,
   onToggleCollapse: s,
-  isMobileOpen: i = !1,
+  isMobileOpen: o = !1,
   onToggleMobile: l,
   logoSmall: m,
-  logoLarge: o,
+  logoLarge: i,
   user: u = { name: "", email: "" }
 }) => /* @__PURE__ */ n(te, { children: [
-  i && /* @__PURE__ */ e(
+  o && /* @__PURE__ */ e(
     "div",
     {
       className: "sidebar-overlay",
@@ -1789,12 +1791,12 @@ const zn = {
     {
       className: Q("sidebar", {
         "sidebar--collapsed": a,
-        "sidebar--mobile-open": i
+        "sidebar--mobile-open": o
       }),
       "aria-label": "Main navigation",
       children: [
         /* @__PURE__ */ n("div", { className: "sidebar-header", children: [
-          /* @__PURE__ */ e("div", { className: "sidebar-logo", children: a ? m : o }),
+          /* @__PURE__ */ e("div", { className: "sidebar-logo", children: a ? m : i }),
           !a && /* @__PURE__ */ n("div", { className: "sidebar-search-container", children: [
             /* @__PURE__ */ e(vt, { className: "sidebar-search-icon" }),
             /* @__PURE__ */ e(
@@ -1843,7 +1845,7 @@ const zn = {
   color: a = "primary",
   // 'primary', 'white'
   className: s,
-  ...i
+  ...o
 }) => {
   const l = Q(
     "spinner",
@@ -1855,7 +1857,7 @@ const zn = {
     "div",
     {
       className: l,
-      ...i,
+      ...o,
       role: "status",
       "aria-label": "Loading...",
       children: [
@@ -1877,11 +1879,11 @@ const zn = {
   label: t,
   id: a,
   error: s,
-  className: i,
+  className: o,
   ref: l,
   maxLength: m,
   // ✅ New prop for max length
-  showCharCount: o = !1,
+  showCharCount: i = !1,
   // ✅ New prop to control visibility
   ...u
 }) => {
@@ -1890,10 +1892,10 @@ const zn = {
   ), r = (d) => {
     y(d.target.value.length), u.onChange && u.onChange(d);
   }, x = m - f;
-  return /* @__PURE__ */ n("div", { className: `textarea-wrapper ${i || ""}`, children: [
+  return /* @__PURE__ */ n("div", { className: `textarea-wrapper ${o || ""}`, children: [
     /* @__PURE__ */ n("div", { className: "textarea-header", children: [
       t && /* @__PURE__ */ e("label", { htmlFor: g, className: "textarea-label", children: t }),
-      o && m && /* @__PURE__ */ n("span", { className: "char-counter", children: [
+      i && m && /* @__PURE__ */ n("span", { className: "char-counter", children: [
         x,
         " characters remaining"
       ] })
@@ -1917,12 +1919,12 @@ const zn = {
   label: t,
   checked: a,
   onChange: s,
-  labelPosition: i = "right",
+  labelPosition: o = "right",
   error: l,
   ...m
 }) => /* @__PURE__ */ n("div", { className: "switch-container", children: [
   /* @__PURE__ */ n(Gr, { as: "div", className: "switch-group", children: [
-    t && i === "left" && /* @__PURE__ */ e(lt.Label, { className: "switch-label", passive: !0, children: t }),
+    t && o === "left" && /* @__PURE__ */ e(lt.Label, { className: "switch-label", passive: !0, children: t }),
     /* @__PURE__ */ e(
       lt,
       {
@@ -1936,7 +1938,7 @@ const zn = {
         children: /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "switch-thumb" })
       }
     ),
-    t && i === "right" && /* @__PURE__ */ e(lt.Label, { className: "switch-label", passive: !0, children: t })
+    t && o === "right" && /* @__PURE__ */ e(lt.Label, { className: "switch-label", passive: !0, children: t })
   ] }),
   l && /* @__PURE__ */ e("p", { className: "switch-error-message", children: l })
 ] }), Ll = ({
@@ -1944,13 +1946,13 @@ const zn = {
   content: a,
   variant: s = "dark",
   // 'dark', 'light', 'info', 'success', 'error'
-  size: i = "medium",
+  size: o = "medium",
   // 'small', 'medium'
   place: l = "top",
   // 'top', 'bottom', 'left', 'right'
   className: m,
   // For external styling of the tooltip itself
-  ...o
+  ...i
 }) => {
   const u = ae.useId();
   return /* @__PURE__ */ n(te, { children: [
@@ -1962,8 +1964,8 @@ const zn = {
         content: a,
         place: l,
         variant: s,
-        className: `custom-tooltip custom-tooltip--size-${i} ${m || ""}`,
-        ...o
+        className: `custom-tooltip custom-tooltip--size-${o} ${m || ""}`,
+        ...i
       }
     )
   ] });
@@ -1984,15 +1986,15 @@ const zn = {
   isOpen: t,
   onClose: a,
   steps: s = {},
-  currentStep: i,
+  currentStep: o,
   direction: l = 1,
   stepProps: m = {},
-  title: o,
+  title: i,
   description: u,
   showProgress: g = !0,
   closeOnOverlayClick: f = !0
 }) => {
-  const y = s[i], r = Object.keys(s), x = r.indexOf(i), d = (x + 1) / r.length * 100, p = x > 0 && m.onBack;
+  const y = s[o], r = Object.keys(s), x = r.indexOf(o), d = (x + 1) / r.length * 100, p = x > 0 && m.onBack;
   return /* @__PURE__ */ e(ue, { show: t, as: H, children: /* @__PURE__ */ n(
     be,
     {
@@ -2037,7 +2039,7 @@ const zn = {
                     }
                   ),
                   /* @__PURE__ */ n("div", { className: "wizard-header-text", children: [
-                    /* @__PURE__ */ e(be.Title, { as: "h3", className: "wizard-title", children: o }),
+                    /* @__PURE__ */ e(be.Title, { as: "h3", className: "wizard-title", children: i }),
                     u && /* @__PURE__ */ e(be.Description, { className: "wizard-description", children: u })
                   ] })
                 ] }),
@@ -2081,7 +2083,7 @@ const zn = {
                       style: { overflowX: "hidden" },
                       children: y && /* @__PURE__ */ e(y, { ...m })
                     },
-                    i
+                    o
                   )
                 }
               ) })
@@ -2102,11 +2104,11 @@ const zn = {
   dataTestId: t,
   title: a,
   type: s = "button",
-  ariaLabel: i,
+  ariaLabel: o,
   className: l = "",
   // ✅ Default is now empty
   category: m = "secondary",
-  icon: o,
+  icon: i,
   // Renamed for clarity, expecting a component type e.g., CheckCircle
   disabled: u = !1,
   size: g = "small",
@@ -2131,20 +2133,20 @@ const zn = {
       className: p,
       disabled: d,
       onClick: r,
-      title: i,
-      "aria-label": i,
+      title: o,
+      "aria-label": o,
       ...x,
-      children: o && /* @__PURE__ */ e(o, { size: g === "large" ? 20 : 16 })
+      children: i && /* @__PURE__ */ e(i, { size: g === "large" ? 20 : 16 })
     }
   );
 }, jl = ({
   content: t,
   isFooter: a = !1,
   footerContent: s,
-  save: i,
+  save: o,
   cancel: l,
   tertiary: m,
-  fullHeight: o = !1,
+  fullHeight: i = !1,
   // A clearer prop name
   ...u
 }) => {
@@ -2152,7 +2154,7 @@ const zn = {
     "page-layout",
     {
       "page-layout--with-footer": a,
-      "page-layout--full-height": o
+      "page-layout--full-height": i
     },
     u.className
   );
@@ -2175,12 +2177,12 @@ const zn = {
           ...l
         }
       ),
-      i?.show && /* @__PURE__ */ e(
+      o?.show && /* @__PURE__ */ e(
         ee,
         {
           category: "primary",
-          label: i.label || "Save",
-          ...i
+          label: o.label || "Save",
+          ...o
         }
       )
     ] }) })
@@ -2190,12 +2192,12 @@ const zn = {
   subHeading: a,
   breadcrumbItems: s = [],
   // Expects the breadcrumb data as a prop
-  isLeftArrow: i = !1,
+  isLeftArrow: o = !1,
   onBackClick: l,
   // Expects a handler for the back button
   ...m
 }) => /* @__PURE__ */ n("div", { className: "page-header-wrapper", ...m, children: [
-  i && l && /* @__PURE__ */ e(
+  o && l && /* @__PURE__ */ e(
     "button",
     {
       className: "page-header-back-button",
@@ -2213,12 +2215,12 @@ const zn = {
   onSelect: a,
   triggerIcon: s = Ht
 }) => {
-  const { refs: i, floatingStyles: l } = la({
+  const { refs: o, floatingStyles: l } = la({
     whileElementsMounted: da,
-    middleware: [ia(5), oa(), ca({ padding: 5 })]
+    middleware: [oa(5), ia(), ca({ padding: 5 })]
   });
   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(Yr, { ref: o.setReference, className: "options-menu-trigger", children: /* @__PURE__ */ e(s, { size: 20 }) }),
     /* @__PURE__ */ e(Wr, { children: /* @__PURE__ */ e(
       ue,
       {
@@ -2232,16 +2234,16 @@ const zn = {
         children: /* @__PURE__ */ e(
           Jr,
           {
-            ref: i.setFloating,
+            ref: o.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: o }) => /* @__PURE__ */ n(
+              /* @__PURE__ */ e(Xr, { children: ({ active: i }) => /* @__PURE__ */ n(
                 "button",
                 {
                   onClick: () => a(m),
-                  className: `options-menu-item ${o ? "active bg-gray-200 text-gray-900" : ""}`,
+                  className: `options-menu-item ${i ? "active bg-gray-200 text-gray-900" : ""}`,
                   disabled: m.disabled,
                   children: [
                     m.icon && /* @__PURE__ */ e("span", { className: "item-icon", children: m.icon }),
@@ -2302,8 +2304,8 @@ function ya(t) {
     all() {
       const a = {};
       for (let s = 0; s < t.length; s++) {
-        const i = t.key(s);
-        a[i] = this.get(i);
+        const o = t.key(s);
+        a[o] = this.get(o);
       }
       return a;
     }
@@ -2316,19 +2318,19 @@ const qn = ya(localStorage), Vl = ya(sessionStorage), _l = {
     );
     return a ? decodeURIComponent(a[2]) : null;
   },
-  set(t, a, s = 7, i = "/") {
+  set(t, a, s = 7, o = "/") {
     const l = /* @__PURE__ */ new Date();
     l.setDate(l.getDate() + s), document.cookie = `${t}=${encodeURIComponent(
       a
-    )}; expires=${l.toUTCString()}; path=${i}`;
+    )}; expires=${l.toUTCString()}; path=${o}`;
   },
   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, i] = a.split("=").map((l) => l.trim());
-      return t[s] = decodeURIComponent(i), t;
+      const [s, o] = a.split("=").map((l) => l.trim());
+      return t[s] = decodeURIComponent(o), t;
     }, {});
   },
   clear() {
@@ -2398,27 +2400,27 @@ function Jn(t) {
   }
 }
 function Ot() {
-  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 || "";
+  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 || "";
   return {
     Authorization: a ? `Bearer ${a}` : void 0,
-    "x-tenant-id": i || void 0,
+    "x-tenant-id": o || 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": o || void 0
+    "x-user-email": i || void 0
   };
 }
 function Xn(t) {
   if (t && t.isAxiosError) {
-    const { response: a, config: s, message: i } = t, l = a?.status ?? null, m = a?.statusText ?? null, o = a?.data ?? null, u = typeof o == "string" && o || o?.message || o?.msg || o?.error || o?.errors?.[0]?.message || null;
+    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;
     return {
       ok: !1,
       status: l,
       statusText: m,
-      code: o?.code || null,
-      message: u || i || "Request failed",
-      details: o || null,
+      code: i?.code || null,
+      message: u || o || "Request failed",
+      details: i || null,
       request: {
         url: s?.url || null,
         method: s?.method || null,
@@ -2456,7 +2458,7 @@ function Qn({
       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(y);
     }
   );
-  function i({ open: f = !1, customHeader: y = {} } = {}) {
+  function o({ open: f = !1, customHeader: y = {} } = {}) {
     if (f) {
       const { Authorization: r, ...x } = Ot();
       return {
@@ -2468,28 +2470,28 @@ function Qn({
   async function l(f, y, r = !1, x = {}) {
     return s.get(f, {
       params: y,
-      ...i({ open: r, customHeader: x })
+      ...o({ open: r, customHeader: x })
     });
   }
   async function m(f, y, r = !1, x = {}) {
-    const d = { ...i({ open: r, customHeader: x }) };
+    const d = { ...o({ open: r, customHeader: x }) };
     return y !== void 0 && (d.data = y), s.delete(f, d);
   }
-  async function o(f, y = {}, r = !1, x = {}) {
-    return s.post(f, y, i({ open: r, customHeader: x }));
+  async function i(f, y = {}, r = !1, x = {}) {
+    return s.post(f, y, o({ open: r, customHeader: x }));
   }
   async function u(f, y = {}, r = !1, x = {}) {
-    return s.put(f, y, i({ open: r, customHeader: x }));
+    return s.put(f, y, o({ open: r, customHeader: x }));
   }
   async function g(f, y = {}, r = !1, x = {}) {
-    return s.patch(f, y, i({ open: r, customHeader: x }));
+    return s.patch(f, y, o({ open: r, customHeader: x }));
   }
   return {
     instance: s,
     // exported in case you want advanced usage
     axiosGet: l,
     axiosDelete: m,
-    axiosPost: o,
+    axiosPost: i,
     axiosPut: u,
     axiosPatch: g
   };
@@ -2514,7 +2516,7 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
     console.log("Error searching entities:", s);
   }
 }, Kn = (t) => t.filter((a) => !!a?.email).map((a) => {
-  const s = (a?.firstName ?? "").trim(), i = (a?.lastName ?? "").trim(), l = `${s} ${i}`.trim() || (a.email?.split("@")[0] ?? "Unknown");
+  const s = (a?.firstName ?? "").trim(), o = (a?.lastName ?? "").trim(), l = `${s} ${o}`.trim() || (a.email?.split("@")[0] ?? "Unknown");
   return {
     id: a.email,
     name: l,
@@ -2568,23 +2570,23 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
   },
   getMembersForGroup: async (t) => {
     const a = `${ze()}/unifydidentity/open/usersforgroup?groupName=${encodeURIComponent(t)}&isGroupWithSpecChar=true&isPaging=true&page=0&size=999&deepSearch=`, { data: s } = await je(a);
-    let i = [];
+    let o = [];
     if (Array.isArray(s))
-      i = s;
+      o = s;
     else if (typeof s == "string")
-      i = It(s.trim());
+      o = It(s.trim());
     else if (s && typeof s == "object") {
       const l = s.data;
-      Array.isArray(l) ? i = l : typeof l == "string" && (i = It(l.trim()));
+      Array.isArray(l) ? o = l : typeof l == "string" && (o = It(l.trim()));
     }
-    return Kn(i);
+    return Kn(o);
   }
 }, Ct = (t, a) => {
-  const [s, i] = j(t);
+  const [s, o] = j(t);
   return Z(
     () => {
       const l = an(() => {
-        i(t);
+        o(t);
       }, a);
       return l(), () => {
         l.cancel();
@@ -2597,13 +2599,13 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
   users: t = [],
   groups: a = [],
   roles: s = [],
-  onClick: i
+  onClick: o
 }) => {
   const l = t.slice(0, 2), m = [];
   t.length > 0 && m.push(t[0].name), a.length > 0 && m.push(a[0].name), s.length > 0 && m.length < 2 && m.push(s[0].name);
-  const o = t.length + a.length + s.length, u = o - m.length;
+  const i = t.length + a.length + s.length, u = i - m.length;
   let g = m.join(", ");
-  return u > 0 && (g += ` and ${u} others`), o === 0 ? /* @__PURE__ */ e(
+  return u > 0 && (g += ` and ${u} others`), i === 0 ? /* @__PURE__ */ e(
     "div",
     {
       className: "flex items-center justify-between p-3 border border-dashed border-gray-400 rounded-lg hover:bg-gray-50",
@@ -2612,7 +2614,7 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
   ) : /* @__PURE__ */ n(
     "div",
     {
-      onClick: i,
+      onClick: o,
       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: [
@@ -2645,10 +2647,10 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
   entity: t,
   onManage: a,
   onClose: s,
-  existingShares: i = { users: [], groups: [], roles: [] },
+  existingShares: o = { users: [], groups: [], roles: [] },
   calledBy: l,
   showExistingShares: m = !1,
-  onFinalSubmit: o = () => {
+  onFinalSubmit: i = () => {
   },
   isChanged: u = !1
 }) => {
@@ -2690,12 +2692,12 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
           permission: F.permission,
           type: F.type.toLowerCase()
         }));
-        o({
+        i({
           entity: t,
           userGroupRolesObj: M,
-          existingShares: i
+          existingShares: o
           // Always send updated existing shares
-        }, i);
+        }, o);
       } else if (l === me.INTEREST) {
         const M = k.pendingInvites.map((P) => ({
           identity: P.id,
@@ -2706,20 +2708,20 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
           userName: P.name,
           interestId: t?.data?.id
         }));
-        o(M, i);
+        i(M, o);
       } else if (l === me.ARTICLE) {
         const M = k.pendingInvites.map((F) => ({
           id: F.id,
           permission: F.permission,
           type: F.type.toLowerCase()
         }));
-        o({
+        i({
           entity: t,
           userGroupRolesObj: M,
-          existingShares: i
-        }, i);
+          existingShares: o
+        }, o);
       } else
-        o(k, i);
+        i(k, o);
       setTimeout(() => {
         s();
       }, 1e3);
@@ -2727,7 +2729,7 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
       throw console.error("Failed to submit invites:", M), M;
     }
   }, A = (k) => {
-    const M = i[g.code].find((P) => P.name === k.name && P.permission !== "remove") || z.find((P) => P.name === k.name);
+    const M = o[g.code].find((P) => P.name === k.name && P.permission !== "remove") || z.find((P) => P.name === k.name);
     return M ? `${M.permission}` : "";
   }, I = () => {
     switch (l) {
@@ -2741,7 +2743,7 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
         return "Add User, Groups or Roles test";
     }
   };
-  return ie(() => (console.log("InviteFlow - isChanged:", u, "pendingInvites.length:", z.length), z.length === 0 && !u), [z.length, u]), /* @__PURE__ */ n("div", { className: "flex flex-col h-full bg-white", children: [
+  return oe(() => (console.log("InviteFlow - isChanged:", u, "pendingInvites.length:", z.length), z.length === 0 && !u), [z.length, u]), /* @__PURE__ */ n("div", { className: "flex flex-col h-full bg-white", children: [
     /* @__PURE__ */ n("header", { className: "flex items-center justify-between p-4 border-b border-gray-300 flex-shrink-0", children: [
       /* @__PURE__ */ e(be.Title, { className: " text-gray-900 !mb-0 text-lg font-semibold", children: I() }),
       /* @__PURE__ */ n("div", { className: "flex items-center gap-4", children: [
@@ -2763,9 +2765,9 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
       (l === me.DRIVE || m) && /* @__PURE__ */ e(
         es,
         {
-          users: i.users.filter((k) => k.permission !== "remove"),
-          groups: i.groups.filter((k) => k.permission !== "remove"),
-          roles: i.roles.filter((k) => k.permission !== "remove"),
+          users: o.users.filter((k) => k.permission !== "remove"),
+          groups: o.groups.filter((k) => k.permission !== "remove"),
+          roles: o.roles.filter((k) => k.permission !== "remove"),
           onClick: a
         }
       ),
@@ -3035,21 +3037,21 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
       ] })
     ] }) })
   ] });
-}, ot = [
+}, it = [
   { name: "Can view", icon: Kt, value: "view" },
   { name: "Can manage", icon: ea, value: "edit" },
-  { name: "Remove", icon: ir, isDestructive: !0, value: "remove" }
+  { name: "Remove", icon: or, isDestructive: !0, value: "remove" }
 ], rs = ({ item: t, allowedPermissions: a, onPermissionChange: s }) => {
-  const [i, l] = j(!1), { refs: m, floatingStyles: o, context: u } = la({
-    open: i,
+  const [o, l] = j(!1), { refs: m, floatingStyles: i, context: u } = la({
+    open: o,
     onOpenChange: l,
-    middleware: [ia(8), oa(), ca({ padding: 8 })],
+    middleware: [oa(8), ia(), ca({ padding: 8 })],
     whileElementsMounted: da,
     placement: "bottom-end"
   }), g = Zr(u), f = Kr(u), { getReferenceProps: y, getFloatingProps: r } = en([
     g,
     f
-  ]), x = ot.find((p) => p.name === t.permission || p.value === t.permission) || ot[0];
+  ]), x = it.find((p) => p.name === t.permission || p.value === t.permission) || it[0];
   return (
     // FIX: The <Listbox> component now wraps both the button and the portal.
     // This provides the necessary context for both children.
@@ -3072,7 +3074,7 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
         ue,
         {
           as: H,
-          show: i,
+          show: o,
           enter: "transition ease-out duration-100",
           enterFrom: "transform opacity-0 scale-95",
           enterTo: "transform opacity-100 scale-100",
@@ -3083,11 +3085,11 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
             K.Options,
             {
               ref: m.setFloating,
-              style: o,
+              style: i,
               ...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: ot.filter((p) => a.includes(p.value)).map((p) => /* @__PURE__ */ e(
+              children: it.filter((p) => a.includes(p.value)).map((p) => /* @__PURE__ */ e(
                 K.Option,
                 {
                   className: ({
@@ -3124,18 +3126,18 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
   //entire file or folder details
   onBack: a,
   onClose: s,
-  onOpenMembers: i,
+  onOpenMembers: o,
   existingShares: l,
   allowedPermissions: m
 }) => {
-  const [o, u] = j(l), [g, f] = j(0), [y, r] = j(""), x = Ct(y, 300), d = {
-    users: o.users.filter(
+  const [i, u] = j(l), [g, f] = j(0), [y, r] = j(""), x = Ct(y, 300), d = {
+    users: i.users.filter(
       (O) => O.name.toLowerCase().includes(x.toLowerCase())
     ),
-    groups: o.groups.filter(
+    groups: i.groups.filter(
       (O) => O.name.toLowerCase().includes(x.toLowerCase())
     ),
-    roles: o.roles.filter(
+    roles: i.roles.filter(
       (O) => O.name.toLowerCase().includes(x.toLowerCase())
     )
   }, p = async (O, L, _, U) => {
@@ -3148,9 +3150,9 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
     }));
   }, S = () => {
     const O = {
-      users: o.users.filter((L) => L.permission !== "remove"),
-      groups: o.groups.filter((L) => L.permission !== "remove"),
-      roles: o.roles.filter((L) => L.permission !== "remove")
+      users: i.users.filter((L) => L.permission !== "remove"),
+      groups: i.groups.filter((L) => L.permission !== "remove"),
+      roles: i.roles.filter((L) => L.permission !== "remove")
     };
     a(O);
   }, T = ["users", "groups", "roles"], R = ["Users", "Groups", "Roles"];
@@ -3161,7 +3163,7 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
         /* @__PURE__ */ n(
           "button",
           {
-            onClick: () => a(o),
+            onClick: () => a(i),
             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(ta, { className: "h-5 w-5" }),
@@ -3241,7 +3243,7 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
                             O !== "users" && /* @__PURE__ */ e(
                               "button",
                               {
-                                onClick: () => i({
+                                onClick: () => o({
                                   id: L.id,
                                   type: O,
                                   name: L.name
@@ -3316,9 +3318,9 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
   // { id, name,  type: "group" | "role" }
   onBack: a,
   onClose: s,
-  members: i
+  members: o
 }) => {
-  const [l, m] = j(!0), [o, u] = j(""), g = Ct(o, 300), f = i.filter(
+  const [l, m] = j(!0), [i, u] = j(""), g = Ct(i, 300), f = o.filter(
     (d) => d.name.toLowerCase().includes(g.toLowerCase())
   ), y = {
     hidden: { opacity: 0 },
@@ -3342,7 +3344,7 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
       animate: { opacity: 1, scale: 1 },
       className: "flex flex-col items-center justify-center text-center p-8 mt-10",
       children: [
-        /* @__PURE__ */ e(or, { className: "h-12 w-12 text-gray-400" }),
+        /* @__PURE__ */ e(ir, { 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}.` })
       ]
@@ -3412,7 +3414,7 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
       he,
       {
         onDebouncedChange: u,
-        value: o,
+        value: i,
         placeholder: "Search members..."
       }
     ) }),
@@ -3422,7 +3424,7 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
   INVITE: "invite",
   MANAGE: "manage",
   MEMBERS: "members"
-}, is = ({
+}, os = ({
   existingShares: t = {
     users: [],
     groups: [],
@@ -3431,11 +3433,11 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
   isOpen: a,
   onFinalSubmit: s = () => {
   },
-  mainEntity: i,
+  mainEntity: o,
   calledBy: l,
   onClose: m = () => {
   },
-  showExistingShares: o = !0,
+  showExistingShares: i = !0,
   allowedPermissions: u = [],
   ...g
 }) => {
@@ -3455,9 +3457,9 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
     p({ id: v, type: B, name: $ }), _(f), y(pe.MEMBERS);
   }, C = (v) => {
     console.log("changedExistingShares", v), x(v);
-    const $ = it.mapValues(t, (z) => z.map((b) => ({ id: b.id, permission: b.permission })).sort((b, w) => b.id - w.id)), B = it.mapValues(v, (z) => z.map((b) => ({ id: b.id, permission: b.permission })).sort((b, w) => b.id - w.id));
+    const $ = ot.mapValues(t, (z) => z.map((b) => ({ id: b.id, permission: b.permission })).sort((b, w) => b.id - w.id)), B = ot.mapValues(v, (z) => z.map((b) => ({ id: b.id, permission: b.permission })).sort((b, w) => b.id - w.id));
     console.log("Existing data:", $), console.log("Changed data:", B);
-    const E = !it.isEqual($, B);
+    const E = !ot.isEqual($, B);
     console.log("hasPermissionChanged:", E), T(E), y(f === pe.MEMBERS ? L : pe.INVITE);
   };
   return /* @__PURE__ */ e(ue, { appear: !0, show: a, as: H, children: /* @__PURE__ */ n(be, { as: "div", className: "relative z-50", onClose: U, children: [
@@ -3476,7 +3478,7 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
               children: /* @__PURE__ */ e(
                 ns,
                 {
-                  entity: i,
+                  entity: o,
                   onBack: C,
                   onClose: U,
                   onOpenMembers: G,
@@ -3523,12 +3525,12 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
               children: /* @__PURE__ */ e(
                 as,
                 {
-                  entity: i,
+                  entity: o,
                   onManage: Y,
                   onClose: U,
                   existingShares: r,
                   calledBy: l,
-                  showExistingShares: o,
+                  showExistingShares: i,
                   onFinalSubmit: (v) => {
                     s(v, r);
                   },
@@ -3549,12 +3551,12 @@ function at({
   label: t,
   options: a = [],
   selected: s = [],
-  onChange: i = () => {
+  onChange: o = () => {
   },
   onBlur: l = () => {
   },
   placeholder: m = "Select options",
-  error: o = null,
+  error: i = null,
   displayLimit: u = 3,
   selectionLimit: g = -1,
   // NEW: search behavior
@@ -3568,11 +3570,11 @@ function at({
   getOptionId: d = (S) => String(S.id),
   getOptionLabel: p = (S) => S.name
 }) {
-  const S = Xe(), T = Xe(), [R, O] = j(""), L = ge(""), _ = ie(() => {
+  const S = Xe(), T = Xe(), [R, O] = j(""), L = ge(""), _ = oe(() => {
     const v = /* @__PURE__ */ new Map();
     for (const $ of a) v.set(d($), $);
     return v;
-  }, [a, d]), U = ie(() => Array.isArray(s) ? s.map((v) => v && typeof v == "object" ? _.get(d(v)) || null : _.get(String(v))).filter(Boolean) : [], [s, _, d]), Y = ie(() => {
+  }, [a, d]), U = oe(() => Array.isArray(s) ? s.map((v) => v && typeof v == "object" ? _.get(d(v)) || null : _.get(String(v))).filter(Boolean) : [], [s, _, d]), Y = oe(() => {
     if (!R) return a;
     const v = R.toLowerCase();
     return a.filter(($) => p($).toLowerCase().includes(v));
@@ -3602,7 +3604,7 @@ function at({
   };
   return /* @__PURE__ */ e(K, { value: U, onChange: (v) => {
     const $ = Array.from(new Set(v.map((B) => d(B))));
-    g !== -1 && $.length > g || i($);
+    g !== -1 && $.length > g || o($);
   }, multiple: !0, by: "id", children: ({ open: v }) => /* @__PURE__ */ n("div", { children: [
     /* @__PURE__ */ e(
       K.Label,
@@ -3617,12 +3619,12 @@ function at({
         K.Button,
         {
           "aria-labelledby": S,
-          "aria-invalid": !!o,
-          "aria-describedby": o ? T : void 0,
+          "aria-invalid": !!i,
+          "aria-describedby": i ? T : void 0,
           onBlur: l,
           className: Ue(
             "relative w-full min-h-[38px] cursor-default rounded-md bg-white py-1.5 pl-3 pr-10 text-left text-gray-900 shadow-sm ring-1 ring-inset focus:outline-none focus:ring-2 focus:ring-gray-600 sm:text-sm sm:leading-6",
-            o ? "ring-red-500" : "ring-gray-300"
+            i ? "ring-red-500" : "ring-gray-300"
           ),
           children: [
             /* @__PURE__ */ e("span", { className: "block truncate", children: C() }),
@@ -3688,7 +3690,7 @@ function at({
           ] })
         }
       ),
-      o && /* @__PURE__ */ e("p", { id: T, className: "mt-1 text-sm text-red-600", children: o })
+      i && /* @__PURE__ */ e("p", { id: T, className: "mt-1 text-sm text-red-600", children: i })
     ] })
   ] }) });
 }
@@ -3738,10 +3740,10 @@ const Wl = ({
   isOpen: t = !1,
   setIsOpen: a,
   content: s,
-  header: i = { title: "", customHeader: null, isCrossShow: !0 },
+  header: o = { title: "", customHeader: null, isCrossShow: !0 },
   footer: l = { show: !0, customFooter: null },
   primaryAction: m = { onSubmit: null, label: "Save", loader: !1, disabled: !1 },
-  secondaryAction: o = { onCancel: null, label: "Cancel" },
+  secondaryAction: i = { onCancel: null, label: "Cancel" },
   dialogPanelClass: u = ""
 }) => {
   const g = (y) => {
@@ -3770,9 +3772,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: [
-                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" }) })
+                o?.customHeader && o.customHeader,
+                o?.title && !o?.customHeader && /* @__PURE__ */ e(et, { 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" }) })
               ] }),
               /* @__PURE__ */ e(
                 "div",
@@ -3783,15 +3785,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: [
-                o?.onCancel && /* @__PURE__ */ e(
+                i?.onCancel && /* @__PURE__ */ e(
                   ee,
                   {
                     "data-testid": "cancel-button",
-                    label: o?.label,
+                    label: i?.label,
                     loader: !1,
                     ariaLabel: "Cancel Button",
                     className: "p-3 mr-3 secondaryButton !w-[70px]",
-                    onClick: () => o?.onCancel(),
+                    onClick: () => i?.onCancel(),
                     category: "secondary"
                   }
                 ),
@@ -3817,7 +3819,7 @@ const Wl = ({
     }
   );
 };
-function os({ listeners: t = {}, attributes: a = {} }) {
+function is({ listeners: t = {}, attributes: a = {} }) {
   return /* @__PURE__ */ e(
     "button",
     {
@@ -3835,10 +3837,10 @@ function cs({
   node: t,
   depth: a,
   expanded: s,
-  onToggle: i,
+  onToggle: o,
   onSelect: l,
   onCreateChild: m,
-  onRename: o,
+  onRename: i,
   onDelete: u,
   renderActions: g,
   // optional override
@@ -3848,8 +3850,8 @@ function cs({
 }) {
   const { setNodeRef: x, isOver: d } = cr({ id: y }), { attributes: p, listeners: S, setNodeRef: T, transform: R, isDragging: O } = dr({ id: f }), L = R ? { transform: `translate3d(${Math.round(R.x)}px, ${Math.round(R.y)}px, 0)` } : void 0, [_, U] = j(!1), [Y, G] = j(t.name), C = () => {
     const v = Y.trim();
-    U(!1), v && v !== t.name ? o?.(t, v) : G(t.name);
-  }, h = ie(() => /* @__PURE__ */ e(
+    U(!1), v && v !== t.name ? i?.(t, v) : G(t.name);
+  }, h = oe(() => /* @__PURE__ */ e(
     _n,
     {
       options: [
@@ -3872,7 +3874,7 @@ function cs({
         v.target.closest(".tv-toggle") || v.target.tagName === "INPUT" || l?.(t);
       },
       children: [
-        /* @__PURE__ */ e("button", { className: "tv-toggle", onClick: i, "aria-label": "toggle", children: t.children?.length ? s ? /* @__PURE__ */ e(Nt, { size: 16 }) : /* @__PURE__ */ e(fe, { size: 16 }) : /* @__PURE__ */ e("span", { className: "tv-spacer" }) }),
+        /* @__PURE__ */ e("button", { className: "tv-toggle", onClick: o, "aria-label": "toggle", children: t.children?.length ? s ? /* @__PURE__ */ e(Nt, { 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: T, children: _ ? /* @__PURE__ */ e(
           "input",
@@ -3887,7 +3889,7 @@ function cs({
             autoFocus: !0
           }
         ) : /* @__PURE__ */ e("span", { onDoubleClick: () => U(!0), children: t.name }) }),
-        /* @__PURE__ */ e(os, { listeners: S, attributes: p }),
+        /* @__PURE__ */ e(is, { listeners: S, attributes: p }),
         /* @__PURE__ */ e("div", { className: "tv-actions", children: g ? g(t, {
           onCreateChild: () => m?.(t),
           onRename: () => U(!0),
@@ -3898,7 +3900,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: i, getName: l }) {
+function ps(t, { rootId: a, getId: s, getParent: o, getName: l }) {
   const m = /* @__PURE__ */ new Map();
   t.forEach((u) => {
     const g = s(u);
@@ -3906,23 +3908,23 @@ function ps(t, { rootId: a, getId: s, getParent: i, getName: l }) {
       ...u,
       id: g,
       name: l(u),
-      parentId: i(u) || a,
+      parentId: o(u) || a,
       children: []
     });
   });
-  const o = [];
+  const i = [];
   return m.forEach((u) => {
     const g = u.parentId || a;
-    g !== a && m.has(g) ? m.get(g).children.push(u) : o.push(u);
-  }), { roots: o, byId: m };
+    g !== a && m.has(g) ? m.get(g).children.push(u) : i.push(u);
+  }), { roots: i, byId: m };
 }
-function gs(t, { rootId: a, getId: s, getName: i }) {
+function gs(t, { rootId: a, getId: s, getName: o }) {
   const l = /* @__PURE__ */ new Map();
   function m(u, g) {
     const f = s(u), y = {
       ...u,
       id: f,
-      name: i(u),
+      name: o(u),
       parentId: g || a,
       children: (u.children || []).map((r) => m(r, f))
     };
@@ -3933,38 +3935,38 @@ function gs(t, { rootId: a, getId: s, getName: i }) {
 const Pe = (t) => t.map((a) => ({ ...a, children: Pe(a.children || []) }));
 function bs(t, a) {
   let s = null;
-  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 };
+  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 };
       }
-      return o;
+      return i;
     }).filter(Boolean);
   }
-  return { newRoots: i(t), removed: s };
+  return { newRoots: o(t), removed: s };
 }
 function fs(t, a, s) {
-  function i(l) {
+  function o(l) {
     return l.map((m) => {
       if (m.id === a)
         return { ...m, children: [...m.children || [], { ...s, parentId: a }] };
       if (m.children?.length) {
-        const o = i(m.children);
-        if (o !== m.children) return { ...m, children: o };
+        const i = o(m.children);
+        if (i !== m.children) return { ...m, children: i };
       }
       return m;
     });
   }
-  return i(t);
+  return o(t);
 }
 function Sa(t, a, s = null) {
-  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);
+  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);
       if (l) return l;
     }
   }
@@ -3974,10 +3976,10 @@ function Jl({
   data: t = [],
   rootId: a = "root",
   title: s = "Folders",
-  getId: i = ds,
+  getId: o = ds,
   getParent: l = ms,
   getName: m = us,
-  onSelect: o,
+  onSelect: i,
   onCreateRoot: u,
   onCreateChild: g,
   onRename: f,
@@ -3988,10 +3990,10 @@ function Jl({
   // ← allow root moves by default now
   indentUnit: p = 24
 }) {
-  const { roots: S } = ie(() => hs(t) ? gs(t, { rootId: a, getId: i, getName: m }) : ps(
+  const { roots: S } = oe(() => hs(t) ? gs(t, { rootId: a, getId: o, getName: m }) : ps(
     t.map((b) => ({ ...b })),
-    { rootId: a, getId: i, getParent: l, getName: m }
-  ), [t, a, i, l, m]), [T, R] = j({}), O = se((b) => {
+    { rootId: a, getId: o, getParent: l, getName: m }
+  ), [t, a, o, l, m]), [T, R] = j({}), O = se((b) => {
     const w = {};
     return (function D(N) {
       N.forEach((A) => {
@@ -4051,7 +4053,7 @@ function Jl({
           depth: w,
           expanded: !!T[D.id],
           onToggle: () => L(D.id),
-          onSelect: o,
+          onSelect: i,
           onCreateChild: g,
           onRename: f,
           onDelete: y,
@@ -4063,7 +4065,7 @@ function Jl({
       ),
       T[D.id] && D.children?.length > 0 ? z(D.children, w + 1) : null
     ] }, D.id)),
-    [T, p, g, y, f, o, x, L]
+    [T, p, g, y, f, i, x, L]
   );
   return ae.useMemo(() => {
     if (!C) return null;
@@ -4108,10 +4110,10 @@ const Xl = ({
   tabs: t = [],
   keepMounted: a = !0,
   orientation: s = "horizontal",
-  containerClassName: i = "",
+  containerClassName: o = "",
   listClassName: l = "",
   panelClassName: m = "",
-  tabClassName: o,
+  tabClassName: i,
   ...u
   // Pass remaining props to Tab.Group
 }) => {
@@ -4121,8 +4123,8 @@ const Xl = ({
   ), y = (x) => we(
     "text-left text-sm rounded-md px-2 py-1.5 focus:outline-none",
     x ? "bg-primaryX text-white" : "text-textX hover:bg-lightgray-100 hover:text-primaryX"
-  ), r = ({ selected: x }) => o ? typeof o == "function" ? o(x) : o : g ? y(x) : f(x);
-  return /* @__PURE__ */ e(ne.Group, { vertical: g, ...u, children: g ? /* @__PURE__ */ n("div", { className: we("flex gap-4", i), children: [
+  ), r = ({ selected: x }) => i ? typeof i == "function" ? i(x) : i : g ? y(x) : f(x);
+  return /* @__PURE__ */ e(ne.Group, { vertical: g, ...u, children: g ? /* @__PURE__ */ n("div", { className: we("flex gap-4", o), 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((x) => /* @__PURE__ */ e(ne, { className: r, children: x.label }, x.key)) }),
     /* @__PURE__ */ e(ne.Panels, { unmount: !a, className: we("flex-1", m), children: t.map((x) => /* @__PURE__ */ e(ne.Panel, { className: "focus:outline-none", children: /* @__PURE__ */ e("div", { className: "[overflow-anchor:none]", children: x.content }) }, x.key)) })
   ] }) : (
@@ -4137,9 +4139,9 @@ function Ql(t, a = "YYYY-MM-DD HH:mm:ss") {
   return t ? (t.endsWith("Z") || /[+\-]\d{2}:?\d{2}$/.test(t) ? St.parseZone(t) : St.utc(t)).local().format(a) : null;
 }
 c.string;
-function ys({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
+function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
   console.log(t);
-  const [l, m] = ae.useState(t), [o, u] = ae.useState(() => {
+  const [l, m] = ae.useState(t), [i, u] = ae.useState(() => {
     const r = a && a[t.key] || {};
     return console.log("Initial Section data for", t.key, r), r;
   }), g = ge(a);
@@ -4149,14 +4151,14 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       const r = a && a[t.key] || {};
       console.log("Updated Section data for", t.key, r), u(r);
     }
-  }, [a, t.key]), console.log("Section data", o);
-  const f = ge(o);
+  }, [a, t.key]), console.log("Section data", i);
+  const f = ge(i);
   Z(() => {
-    f.current !== o && s && typeof s == "function" && (f.current = o, s(l.key, o));
-  }, [l.key, o, s]);
+    f.current !== i && s && typeof s == "function" && (f.current = i, s(l.key, i));
+  }, [l.key, i, s]);
   const y = (r) => {
     if (!r.dependsOn) return !0;
-    const { field: x, value: d, operator: p = "equals" } = r.dependsOn, S = o[x];
+    const { field: x, value: d, operator: p = "equals" } = r.dependsOn, S = i[x];
     switch (p) {
       case "equals":
         return S === d;
@@ -4197,9 +4199,9 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           gt,
           {
             name: r.key,
-            checked: !!(o[r.key] || r.default),
+            checked: !!(i[r.key] || r.default),
             onChange: (d) => {
-              const p = d.target ? d.target.checked : d, S = { ...o, [r.key]: p };
+              const p = d.target ? d.target.checked : d, S = { ...i, [r.key]: p };
               u(S), s && s(l.key, S);
             },
             label: r.label,
@@ -4220,12 +4222,12 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         )
       ] }, x)) }),
       l.fields.some(
-        (r) => r.fieldtype === "checkbox" && i[l.key]?.[r.key]
+        (r) => r.fieldtype === "checkbox" && o[l.key]?.[r.key]
       ) && /* @__PURE__ */ e("div", { style: { marginTop: "10px" }, children: l.fields.map(
-        (r, x) => r.fieldtype === "checkbox" && i[l.key]?.[r.key] && /* @__PURE__ */ n("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: [
+        (r, x) => r.fieldtype === "checkbox" && o[l.key]?.[r.key] && /* @__PURE__ */ n("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: [
           r.label,
           ": ",
-          i[l.key][r.key]
+          o[l.key][r.key]
         ] }, x)
       ) })
     ] }) : /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: l.fields.map((r, x) => y(r) && /* @__PURE__ */ n("div", { className: r.fullWidth ? "col-span-full" : "", style: { marginBottom: "10px" }, children: [
@@ -4252,18 +4254,18 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             name: r.key,
             defaultValue: r.default,
             placeholder: r.placeholder,
-            value: o[r.key] || "",
+            value: i[r.key] || "",
             onChange: (d) => {
-              const p = { ...o, [r.key]: d.target.value };
+              const p = { ...i, [r.key]: d.target.value };
               u(p), s && s(l.key, p);
             },
             required: r.required,
             disabled: r.disabled ? r.disabled : !1,
             readOnly: r.readonly ? r.readonly : !1,
-            className: `w-full ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
+            className: `w-full ${o[l.key]?.[r.key] ? "border-red-500" : ""}`
           }
         ),
-        i[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: i[l.key][r.key] })
+        o[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: o[l.key][r.key] })
       ] }),
       r.fieldtype === "textarea" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
@@ -4272,19 +4274,19 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             name: r.key,
             defaultValue: r.default,
             placeholder: r.placeholder,
-            value: o[r.key] || "",
+            value: i[r.key] || "",
             onChange: (d) => {
-              const p = { ...o, [r.key]: d.target.value };
+              const p = { ...i, [r.key]: d.target.value };
               u(p), s && s(l.key, p);
             },
             rows: 3,
             required: r.required,
             disabled: r.disabled ? r.disabled : !1,
             readOnly: r.readonly ? r.readonly : !1,
-            className: `w-full ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
+            className: `w-full ${o[l.key]?.[r.key] ? "border-red-500" : ""}`
           }
         ),
-        i[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: i[l.key][r.key] })
+        o[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: o[l.key][r.key] })
       ] }),
       r.fieldtype === "number" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
@@ -4294,12 +4296,12 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             name: r.key,
             defaultValue: r.default,
             placeholder: r.placeholder,
-            value: o[r.key] || "",
+            value: i[r.key] || "",
             min: r.min,
             max: r.max,
             step: r.step,
             onChange: (d) => {
-              const p = d.target.value, S = { ...o, [r.key]: p };
+              const p = d.target.value, S = { ...i, [r.key]: p };
               u(S), s && s(l.key, S);
             },
             onBlur: (d) => {
@@ -4311,7 +4313,7 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             },
             required: r.required,
             disabled: r.disabled ? r.disabled : !1,
-            className: `w-full ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
+            className: `w-full ${o[l.key]?.[r.key] ? "border-red-500" : ""}`
           }
         ),
         r.min !== void 0 && /* @__PURE__ */ n("div", { style: { color: "#6b7280", fontSize: "11px", marginTop: "2px" }, children: [
@@ -4322,16 +4324,16 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           "Maximum value: ",
           r.max
         ] }),
-        i[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: i[l.key][r.key] })
+        o[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: o[l.key][r.key] })
       ] }),
       r.fieldtype === "checkbox" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
           gt,
           {
             name: r.key,
-            checked: !!(o[r.key] || r.default),
+            checked: !!(i[r.key] || r.default),
             onChange: (d) => {
-              const p = d.target ? d.target.checked : d, S = { ...o, [r.key]: p };
+              const p = d.target ? d.target.checked : d, S = { ...i, [r.key]: p };
               u(S), s && s(l.key, S);
             },
             label: r.placeholder || r.label,
@@ -4339,7 +4341,7 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             className: "w-full"
           }
         ),
-        i[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: i[l.key][r.key] })
+        o[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: o[l.key][r.key] })
       ] }),
       r.fieldtype === "select" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
@@ -4347,19 +4349,19 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           {
             name: r.key,
             defaultValue: r.default,
-            value: o[r.key] || "",
+            value: i[r.key] || "",
             onChange: (d) => {
-              const p = { ...o, [r.key]: d };
+              const p = { ...i, [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 ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
+            className: `w-full ${o[l.key]?.[r.key] ? "border-red-500" : ""}`
           }
         ),
-        i[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: i[l.key][r.key] })
+        o[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: o[l.key][r.key] })
       ] }),
       r.fieldtype === "email" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
@@ -4369,17 +4371,17 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             name: r.key,
             defaultValue: r.default,
             placeholder: r.placeholder || "Enter email address",
-            value: o[r.key] || "",
+            value: i[r.key] || "",
             onChange: (d) => {
-              const p = { ...o, [r.key]: d.target.value };
+              const p = { ...i, [r.key]: d.target.value };
               u(p), s && s(l.key, p);
             },
             required: r.required,
             disabled: r.disabled ? r.disabled : !1,
-            className: `w-full ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
+            className: `w-full ${o[l.key]?.[r.key] ? "border-red-500" : ""}`
           }
         ),
-        i[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: i[l.key][r.key] })
+        o[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: o[l.key][r.key] })
       ] }),
       r.fieldtype === "url" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
@@ -4389,17 +4391,17 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             name: r.key,
             defaultValue: r.default,
             placeholder: r.placeholder || "Enter URL",
-            value: o[r.key] || "",
+            value: i[r.key] || "",
             onChange: (d) => {
-              const p = { ...o, [r.key]: d.target.value };
+              const p = { ...i, [r.key]: d.target.value };
               u(p), s && s(l.key, p);
             },
             required: r.required,
             disabled: r.disabled ? r.disabled : !1,
-            className: `w-full ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
+            className: `w-full ${o[l.key]?.[r.key] ? "border-red-500" : ""}`
           }
         ),
-        i[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: i[l.key][r.key] })
+        o[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: o[l.key][r.key] })
       ] }),
       r.fieldtype === "password" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
@@ -4409,62 +4411,62 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             name: r.key,
             defaultValue: r.default,
             placeholder: r.placeholder || "Enter password",
-            value: o[r.key] || "",
+            value: i[r.key] || "",
             onChange: (d) => {
-              const p = { ...o, [r.key]: d.target.value };
+              const p = { ...i, [r.key]: d.target.value };
               u(p), s && s(l.key, p);
             },
             required: r.required,
             disabled: r.disabled ? r.disabled : !1,
-            className: `w-full ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
+            className: `w-full ${o[l.key]?.[r.key] ? "border-red-500" : ""}`
           }
         ),
-        i[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: i[l.key][r.key] })
+        o[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: o[l.key][r.key] })
       ] }),
       r.fieldtype === "multiselect" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
           at,
           {
-            selectedItems: o[r.key] || [],
+            selectedItems: i[r.key] || [],
             onSelectionChange: (d) => {
-              const p = { ...o, [r.key]: d };
+              const p = { ...i, [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 ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
+            className: `w-full ${o[l.key]?.[r.key] ? "border-red-500" : ""}`
           }
         ),
-        i[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: i[l.key][r.key] })
+        o[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: o[l.key][r.key] })
       ] }),
       r.fieldtype === "toggle" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
           fa,
           {
-            checked: typeof o[r.key] == "boolean" ? o[r.key] : r.default,
+            checked: typeof i[r.key] == "boolean" ? i[r.key] : r.default,
             onChange: (d) => {
               console.log("Toggle changed:", r.key, d);
-              const p = { ...o, [r.key]: d };
+              const p = { ...i, [r.key]: d };
               u(p), s && s(l.key, p);
             },
             disabled: r.disabled ? r.disabled : !1
           }
         ),
-        i[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: i[l.key][r.key] })
+        o[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: o[l.key][r.key] })
       ] }),
       r.fieldtype === "date" && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
         ua,
         {
           label: r.label,
-          value: o[r.key] ? new Date(o[r.key]) : null,
+          value: i[r.key] ? new Date(i[r.key]) : null,
           onChange: (d) => {
-            const p = { ...o, [r.key]: d ? d.toISOString().split("T")[0] : "" };
+            const p = { ...i, [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: i[l.key]?.[r.key],
+          error: o[l.key]?.[r.key],
           className: "w-full"
         }
       ) }),
@@ -4472,14 +4474,14 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         Fn,
         {
           label: r.label,
-          value: o[r.key] || { from: null, to: null },
+          value: i[r.key] || { from: null, to: null },
           onChange: (d) => {
-            const p = { ...o, [r.key]: d };
+            const p = { ...i, [r.key]: d };
             u(p), s && s(l.key, p);
           },
           placeholder: r.placeholder || "Select date range",
           disabled: r.disabled ? r.disabled : !1,
-          error: i[l.key]?.[r.key],
+          error: o[l.key]?.[r.key],
           className: "w-full"
         }
       ) }),
@@ -4487,9 +4489,9 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         /* @__PURE__ */ e(
           ha,
           {
-            selectedValue: typeof o[r.key] < "u" ? o[r.key] : r.default || "",
+            selectedValue: typeof i[r.key] < "u" ? i[r.key] : r.default || "",
             onValueChange: (d) => {
-              const p = { ...o, [r.key]: d };
+              const p = { ...i, [r.key]: d };
               u(p), s && s(l.key, p);
             },
             options: r.options || [],
@@ -4497,7 +4499,7 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             className: "w-full"
           }
         ),
-        i[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: i[l.key][r.key] })
+        o[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: o[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: [
@@ -4508,9 +4510,9 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               id: `${r.key}-${d.value}`,
               name: r.key,
               value: d.value,
-              checked: o[r.key] === d.value,
+              checked: i[r.key] === d.value,
               onChange: (p) => {
-                const S = { ...o, [r.key]: p.target.value };
+                const S = { ...i, [r.key]: p.target.value };
                 u(S), s && s(l.key, S);
               },
               disabled: r.disabled
@@ -4521,22 +4523,22 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             d.description && /* @__PURE__ */ e("span", { className: "native-radio-description", children: d.description })
           ] })
         ] }, d.value)),
-        i[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: i[l.key][r.key] })
+        o[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: o[l.key][r.key] })
       ] }),
       r.fieldtype === "search" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
           he,
           {
-            value: o[r.key] || "",
+            value: i[r.key] || "",
             onChange: (d) => {
-              const p = { ...o, [r.key]: d };
+              const p = { ...i, [r.key]: d };
               u(p), s && s(l.key, p);
             },
             placeholder: r.placeholder || `Search ${r.label}`,
-            className: `w-full ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
+            className: `w-full ${o[l.key]?.[r.key] ? "border-red-500" : ""}`
           }
         ),
-        i[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: i[l.key][r.key] })
+        o[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: o[l.key][r.key] })
       ] }),
       (r.fieldtype === "datetime" || r.fieldtype === "datetime-local") && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
@@ -4546,16 +4548,16 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             name: r.key,
             defaultValue: r.default,
             placeholder: r.placeholder || "Select date and time",
-            value: o[r.key] || "",
+            value: i[r.key] || "",
             onChange: (d) => {
-              const p = { ...o, [r.key]: d.target.value };
+              const p = { ...i, [r.key]: d.target.value };
               u(p), s && s(l.key, p);
             },
             required: r.required,
-            className: `w-full ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
+            className: `w-full ${o[l.key]?.[r.key] ? "border-red-500" : ""}`
           }
         ),
-        i[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: i[l.key][r.key] })
+        o[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: o[l.key][r.key] })
       ] }),
       r.fieldtype === "time" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
@@ -4565,16 +4567,16 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             name: r.key,
             defaultValue: r.default,
             placeholder: r.placeholder || "Select time",
-            value: o[r.key] || "",
+            value: i[r.key] || "",
             onChange: (d) => {
-              const p = { ...o, [r.key]: d.target.value };
+              const p = { ...i, [r.key]: d.target.value };
               u(p), s && s(l.key, p);
             },
             required: r.required,
-            className: `w-full ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
+            className: `w-full ${o[l.key]?.[r.key] ? "border-red-500" : ""}`
           }
         ),
-        i[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: i[l.key][r.key] })
+        o[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: o[l.key][r.key] })
       ] }),
       r.fieldtype === "color" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
@@ -4583,15 +4585,15 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             type: "color",
             name: r.key,
             defaultValue: r.default || "#000000",
-            value: o[r.key] || "#000000",
+            value: i[r.key] || "#000000",
             onChange: (d) => {
-              const p = { ...o, [r.key]: d.target.value };
+              const p = { ...i, [r.key]: d.target.value };
               u(p), s && s(l.key, p);
             },
-            className: `w-full h-10 ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
+            className: `w-full h-10 ${o[l.key]?.[r.key] ? "border-red-500" : ""}`
           }
         ),
-        i[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: i[l.key][r.key] })
+        o[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: o[l.key][r.key] })
       ] }),
       r.fieldtype === "range" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
@@ -4600,26 +4602,26 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             type: "range",
             name: r.key,
             defaultValue: r.default || r.min || 0,
-            value: o[r.key] || r.min || 0,
+            value: i[r.key] || r.min || 0,
             onChange: (d) => {
-              const p = { ...o, [r.key]: d.target.value };
+              const p = { ...i, [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 ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
+            className: `w-full ${o[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: ",
-            o[r.key] || r.min || 0
+            i[r.key] || r.min || 0
           ] }),
           /* @__PURE__ */ e("span", { children: r.max || 100 })
         ] }),
-        i[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: i[l.key][r.key] })
+        o[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: o[l.key][r.key] })
       ] }),
       r.fieldtype === "file" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
@@ -4628,24 +4630,24 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             type: "file",
             name: r.key,
             onChange: (d) => {
-              const p = d.target.files[0], S = { ...o, [r.key]: p ? p.name : "" };
+              const p = d.target.files[0], S = { ...i, [r.key]: p ? p.name : "" };
               u(S), s && s(l.key, S);
             },
             accept: r.accept,
-            className: `w-full ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
+            className: `w-full ${o[l.key]?.[r.key] ? "border-red-500" : ""}`
           }
         ),
-        i[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: i[l.key][r.key] })
+        o[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: o[l.key][r.key] })
       ] }),
       r.fieldtype === "managecollectionlist" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
           Da,
           {
             endpoints: r.endpoints || {},
-            initialData: o[r.key] || r.initialData || [],
+            initialData: i[r.key] || r.initialData || [],
             className: r.className || "",
             onCollectionChange: (d) => {
-              const p = { ...o, [r.key]: d };
+              const p = { ...i, [r.key]: d };
               u(p), s && s(l.key, p);
             },
             showSearch: r.showSearch !== !1,
@@ -4655,7 +4657,7 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             allowReorder: r.allowReorder !== !1
           }
         ),
-        i[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: i[l.key][r.key] })
+        o[l.key]?.[r.key] && /* @__PURE__ */ e("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: o[l.key][r.key] })
       ] }),
       r.info && /* @__PURE__ */ e(
         "p",
@@ -4672,9 +4674,9 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
   ] }) });
 }
 const xs = ({ children: t }) => /* @__PURE__ */ e("div", { className: "flex -space-x-2", children: t });
-function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
+function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
   console.log(`[DynamicConfig/DataTableRenderer] Component loaded for section: ${t.key}`);
-  const [l, m] = j(t), [o, u] = j(null), [g, f] = j(null);
+  const [l, m] = j(t), [i, u] = j(null), [g, f] = j(null);
   console.log(`[DataTableRenderer] ${l.key} - Received props:`, { item: t, initialData: a });
   const [y, r] = j(() => {
     const h = a && a[l.key] || [], v = h.length > 0 ? h : [{ id: 0 }];
@@ -4701,7 +4703,7 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         const w = [...b];
         return w[E][h.key] = z, w;
       });
-    }, $ = (E) => i[l.key]?.[E]?.[h.key], B = (E) => {
+    }, $ = (E) => o[l.key]?.[E]?.[h.key], B = (E) => {
       const z = $(E);
       return z ? /* @__PURE__ */ e("div", { className: "text-red-500 text-xs mt-1", children: z }) : null;
     };
@@ -5077,17 +5079,17 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
   }, []), C = se((h) => {
     console.log("[DataTableRenderer] handleAddAudience called with:", h), r((v) => {
       const $ = [...v];
-      if (o !== null && g && $[o]) {
+      if (i !== null && g && $[i]) {
         const B = h.pendingInvites || [], E = B.filter((w) => w.type === "User"), z = B.filter((w) => w.type === "Group"), b = B.filter((w) => w.type === "Role");
-        $[o][g] = {
-          users: [...$[o][g]?.users || [], ...E],
-          groups: [...$[o][g]?.groups || [], ...z],
-          roles: [...$[o][g]?.roles || [], ...b]
-        }, console.log("[DataTableRenderer] Updated audience data:", $[o][g]);
+        $[i][g] = {
+          users: [...$[i][g]?.users || [], ...E],
+          groups: [...$[i][g]?.groups || [], ...z],
+          roles: [...$[i][g]?.roles || [], ...b]
+        }, console.log("[DataTableRenderer] Updated audience data:", $[i][g]);
       }
       return $;
     }), u(null), f(null);
-  }, [o, g]);
+  }, [i, g]);
   return /* @__PURE__ */ n("div", { children: [
     /* @__PURE__ */ n("div", { style: { marginBottom: "20px" }, children: [
       /* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
@@ -5142,14 +5144,14 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         v
       )) })
     ] }) }),
-    o !== null && (() => {
-      const h = y[o] && y[o][g] ? {
-        users: y[o][g].users || [],
-        groups: y[o][g].groups || [],
-        roles: y[o][g].roles || []
+    i !== null && (() => {
+      const h = y[i] && y[i][g] ? {
+        users: y[i][g].users || [],
+        groups: y[i][g].groups || [],
+        roles: y[i][g].roles || []
       } : { users: [], groups: [], roles: [] };
-      return console.log("[DataTableRenderer] Opening modal with existing data:", h), console.log("[DataTableRenderer] Row data:", y[o]), console.log("[DataTableRenderer] Field name:", g), /* @__PURE__ */ e(
-        is,
+      return console.log("[DataTableRenderer] Opening modal with existing data:", h), console.log("[DataTableRenderer] Row data:", y[i]), console.log("[DataTableRenderer] Field name:", g), /* @__PURE__ */ e(
+        os,
         {
           isOpen: !0,
           onClose: () => {
@@ -5221,10 +5223,10 @@ const Mt = () => {
   endpoints: t = Ns,
   className: a = "",
   onCollectionChange: s,
-  showSearch: i = !0,
+  showSearch: o = !0,
   allowAdd: l = !0,
   allowEdit: m = !0,
-  allowDelete: o = !0,
+  allowDelete: i = !0,
   allowReorder: u = !0,
   initialData: g = null
   // Add prop for initial demo data
@@ -5294,7 +5296,7 @@ const Mt = () => {
       });
     y(null), x("");
   }, v = (N) => {
-    o && p((A) => {
+    i && p((A) => {
       const I = A.filter((k) => k.id !== N.id);
       return s?.(I), I;
     });
@@ -5326,7 +5328,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: [
-      i && /* @__PURE__ */ e(
+      o && /* @__PURE__ */ e(
         he,
         {
           value: L,
@@ -5429,7 +5431,7 @@ const Mt = () => {
                   children: /* @__PURE__ */ e(yr, { color: "#767676" })
                 }
               ),
-              o && /* @__PURE__ */ e(
+              i && /* @__PURE__ */ e(
                 "span",
                 {
                   className: I === 0 && !N.protected ? "cursor-pointer" : "cursor-not-allowed",
@@ -5447,20 +5449,20 @@ const Mt = () => {
   ] });
 }, $a = ({ item: t, data: a, updateHandler: s }) => {
   const {
-    label: i = "Manage Collections",
+    label: o = "Manage Collections",
     description: l = "",
     endpoints: m = {},
-    initialData: o = null,
+    initialData: i = null,
     showSearch: u = !0,
     allowAdd: g = !0,
     allowEdit: f = !0,
     allowDelete: y = !0,
     allowReorder: r = !0,
     className: x = ""
-  } = t, d = a?.[t.key] || o || [], p = Array.isArray(d) ? d : [];
+  } = t, d = a?.[t.key] || i || [], p = Array.isArray(d) ? d : [];
   return /* @__PURE__ */ n("div", { className: "dynamic-config-manage-collection-list", children: [
-    (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 }),
+    (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 }),
       l && /* @__PURE__ */ e("p", { className: "text-sm text-gray-600", children: l })
     ] }),
     /* @__PURE__ */ e(
@@ -5500,10 +5502,10 @@ function zs({
   appid: t,
   configdata: a = null,
   disableApi: s = !1,
-  onSave: i,
+  onSave: o,
   onShowCancelModal: l
 }) {
-  const [m, o] = ae.useState(a), [u, g] = ae.useState(null), [f, y] = ae.useState(null), [r, x] = j(!1), [d, p] = j(!1), [S, T] = j({}), R = `${ze()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, O = R, [L, _] = j(1), U = () => !f || !u ? !1 : JSON.stringify(f) !== JSON.stringify(u), Y = (b) => {
+  const [m, i] = ae.useState(a), [u, g] = ae.useState(null), [f, y] = ae.useState(null), [r, x] = j(!1), [d, p] = j(!1), [S, T] = j({}), R = `${ze()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, O = R, [L, _] = j(1), U = () => !f || !u ? !1 : JSON.stringify(f) !== JSON.stringify(u), Y = (b) => {
     if (!a || !a.configuration)
       return b;
     const w = {}, D = b?.configuration || {};
@@ -5578,7 +5580,7 @@ function zs({
         x(!1);
       }
     };
-    a && (o(a), t ? b() : G());
+    a && (i(a), t ? b() : G());
   }, [a, L, t, s]);
   const C = (b, w) => {
     g((D) => ({
@@ -5693,7 +5695,7 @@ function zs({
         if (N && N.status != "fail") {
           T({});
           const A = N.message || "Configuration has been saved successfully";
-          Ge.success(A), i && typeof i == "function" && i(u);
+          Ge.success(A), o && typeof o == "function" && o(u);
         } else
           throw Ge.error(N?.message || "Failed to save configuration"), new Error("No response received from server");
       } catch (D) {
@@ -5742,7 +5744,8 @@ function zs({
           category: "secondary",
           onClick: E,
           label: "Cancel",
-          disabled: d
+          disabled: d,
+          type: "button"
         }
       ),
       /* @__PURE__ */ e(
@@ -5763,7 +5766,7 @@ const Hl = ({
   appid: a = "Configuration-Page",
   disableApi: s = !1
 }) => {
-  const [i, l] = j(0), [m, o] = j(!1), {
+  const [o, l] = j(0), [m, i] = j(!1), {
     pageHeader: u = {},
     appletHeader: g = {},
     breadcrumb: f = [],
@@ -5817,7 +5820,7 @@ const Hl = ({
     label: C.text,
     href: C.href || "#"
   })), S = se((C) => {
-    o(!1), C.primary && window.location.reload();
+    i(!1), C.primary && window.location.reload();
   }, []), T = se((C) => {
     console.log("Configuration changed:", C);
   }, []), R = (() => {
@@ -5861,11 +5864,11 @@ const Hl = ({
       }
     ],
     ...y
-  }, _ = ie(() => ({
+  }, _ = oe(() => ({
     configuration: x
-  }), [x]), U = ie(() => [
+  }), [x]), U = oe(() => [
     { label: "Overview", content: G(L) },
-    { label: "Configuration", content: /* @__PURE__ */ e(zs, { appid: a, configdata: _, disableApi: s, onSave: T, onShowCancelModal: () => o(!0) }) }
+    { label: "Configuration", content: /* @__PURE__ */ e(zs, { appid: a, configdata: _, disableApi: s, onSave: T, onShowCancelModal: () => i(!0) }) }
   ], [a, _, s, T, L]);
   function Y(C) {
     return C ? C.includes("<svg") ? /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: C } }) : C : "📱";
@@ -5935,12 +5938,12 @@ const Hl = ({
         "button",
         {
           onClick: () => l(h),
-          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`,
+          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`,
           children: C.label
         },
         h
       )) }) }),
-      /* @__PURE__ */ e("div", { className: "p-8 h-full overflow-y-auto", children: U[i].content })
+      /* @__PURE__ */ e("div", { className: "p-8 h-full overflow-y-auto", children: U[o].content })
     ] }),
     /* @__PURE__ */ e(
       Pn,
@@ -5986,12 +5989,12 @@ const Kl = ({
   subheading: a = "",
   totalCount: s = 0,
   // Prefer "apiRef" naming for clarity (it's the wrapper API, not the raw grid instance)
-  gridRef: i,
+  gridRef: o,
   // backward compat
   apiRef: l,
   // preferred
   onAdd: m,
-  onFilterOpen: o,
+  onFilterOpen: i,
   addBtnText: u = "Add",
   // Feature toggles
   showSearch: g = !0,
@@ -6012,7 +6015,7 @@ const Kl = ({
   excelFileName: L,
   pdfFileName: _
 }) => {
-  const U = () => l?.current || i?.current, [Y, G] = ae.useState(""), C = (t || "export").toString().trim() || "export", h = `${L || C}.xlsx`, v = `${_ || C}.pdf`, $ = (z, b, w) => Math.max(b, Math.min(z, w)), B = se(
+  const U = () => l?.current || o?.current, [Y, G] = ae.useState(""), C = (t || "export").toString().trim() || "export", h = `${L || C}.xlsx`, v = `${_ || C}.pdf`, $ = (z, b, w) => Math.max(b, Math.min(z, w)), B = se(
     (z) => {
       const b = U();
       if (console.log("openColumnChooserNear", b), !!b?.openColumnChooser) {
@@ -6093,7 +6096,7 @@ const Kl = ({
             ee,
             {
               icon: vr,
-              onClick: o,
+              onClick: i,
               size: "small",
               ariaLabel: "Filters",
               category: "secondary",
@@ -6160,16 +6163,16 @@ const Kl = ({
     ] })
   ] });
 };
-function ei(t) {
+function eo(t) {
   const {
     data: a = [],
     totalCount: s = 0,
-    uniqueId: i = "grid",
+    uniqueId: o = "grid",
     pageIndex: l = 1,
     // 1-based
     // pageSize = 10,
     allowPaging: m = !0,
-    allowSorting: o = !0,
+    allowSorting: i = !0,
     allowFiltering: u = !1,
     allowGrouping: g = !1,
     allowReordering: f = !0,
@@ -6192,10 +6195,10 @@ function ei(t) {
     pageSettings: v,
     sortSettings: $,
     ...B
-  } = C || {}, [E, z] = ae.useState(v?.page || 1), [b, w] = ae.useState($?.pageSize || 20), [D, N] = ae.useState($?.sortKey || "updatedDate"), [A, I] = ae.useState($?.direction || "Descending"), k = ie(() => {
+  } = C || {}, [E, z] = ae.useState(v?.page || 1), [b, w] = ae.useState($?.pageSize || 20), [D, N] = ae.useState($?.sortKey || "updatedDate"), [A, I] = ae.useState($?.direction || "Descending"), k = oe(() => {
     const V = [sn];
-    return o && V.push(ln), u && V.push(on), g && V.push(cn), p && V.push(dn), r && V.push(mn), x && V.push(un), d && V.push(hn), y && V.push(pn), f && V.push(gn), V.push(bn), V;
-  }, [o, u, g, p, r, x, d, y, f]), M = ie(() => {
+    return i && V.push(ln), u && V.push(on), g && V.push(cn), p && V.push(dn), r && V.push(mn), x && V.push(un), d && V.push(hn), y && V.push(pn), f && V.push(gn), V.push(bn), V;
+  }, [i, u, g, p, r, x, d, y, f]), M = oe(() => {
     const V = () => h.current, re = (W, ve) => {
       !ve && process.env.NODE_ENV !== "production" && console.warn(`[CustomDataGrid] ${W} requested but related service/feature is disabled.`);
     };
@@ -6299,7 +6302,7 @@ function ei(t) {
   return /* @__PURE__ */ n(
     fn,
     {
-      id: i,
+      id: o,
       ref: h,
       dataSource: {
         result: a,
@@ -6307,7 +6310,7 @@ function ei(t) {
       },
       height: S,
       allowPaging: m,
-      allowSorting: o,
+      allowSorting: i,
       allowFiltering: u,
       allowGrouping: g,
       allowReordering: f,
@@ -6354,25 +6357,25 @@ const ce = (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: i = "top-left",
+  checkboxPosition: o = "top-left",
   // "top-left" | "top-right"
   onSelect: l,
   identity: m = "_id",
-  details: o = {},
+  details: i = {},
   ...u
 }) {
   const g = Xe(), f = Ss(u, m), y = (x) => {
     l?.({
       key: f,
       checked: x.target.checked,
-      details: o,
+      details: i,
       props: u
     });
-  }, r = i === "top-right" ? "top-3 right-3" : "top-3 left-3";
+  }, r = o === "top-right" ? "top-3 right-3" : "top-3 left-3";
   return /* @__PURE__ */ n(
     "div",
     {
@@ -6394,7 +6397,7 @@ function oe({
     }
   );
 }
-oe.propTypes = {
+ie.propTypes = {
   showCheckbox: c.bool,
   checkboxPosition: c.oneOf(["top-left", "top-right"]),
   onSelect: c.func,
@@ -6405,11 +6408,11 @@ function Ds({
   size: t = "md",
   showCheckbox: a = !1,
   checkboxPosition: s = "top-left",
-  onSelect: i,
+  onSelect: o,
   identity: l = "_id",
   // content
   title: m = "Activity",
-  group: o = "Global",
+  group: i = "Global",
   moreGroupsLabel: u = "+ 5 more",
   author: g = "Judith Black",
   timeLabel: f = "Just now",
@@ -6420,14 +6423,14 @@ function Ds({
 }) {
   const d = ce(t), p = de[d];
   return /* @__PURE__ */ n(
-    oe,
+    ie,
     {
       className: `flex flex-col ${p.card}`,
       showCheckbox: a,
       checkboxPosition: s,
-      onSelect: i,
+      onSelect: o,
       identity: l,
-      details: { type: "activity", title: m, group: o, author: g },
+      details: { type: "activity", title: m, group: i, author: g },
       ...x,
       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 }) }),
@@ -6528,25 +6531,25 @@ function Es({
   size: t = "md",
   showCheckbox: a = !1,
   checkboxPosition: s = "top-left",
-  onSelect: i,
+  onSelect: o,
   identity: l = "_id",
   title: m = "Communities",
-  activeTab: o = "joined",
+  activeTab: i = "joined",
   // "joined" | "suggested"
   items: u = As,
   // spread for identity (_id/instanceId/etc)
   ...g
 }) {
-  const f = ce(t), y = de[f], r = Fs[f], x = (d) => `px-1 pb-2 text-sm font-medium ${d === o ? "text-zinc-900 dark:text-zinc-100 border-b-2" : "text-zinc-500 dark:text-zinc-400"}`;
+  const f = ce(t), y = de[f], r = Fs[f], x = (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"}`;
   return /* @__PURE__ */ n(
-    oe,
+    ie,
     {
       className: `flex flex-col ${y.card} ${r.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
-      onSelect: i,
+      onSelect: o,
       identity: l,
-      details: { type: "communities", title: m, activeTab: o, count: u?.length ?? 0 },
+      details: { type: "communities", title: m, activeTab: i, count: u?.length ?? 0 },
       ...g,
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-start justify-between", children: [
@@ -6564,14 +6567,14 @@ function Es({
           /* @__PURE__ */ e(
             "span",
             {
-              className: `${x("joined")} ${o === "joined" ? "border-[var(--primaryColor)]" : "border-transparent"}`,
+              className: `${x("joined")} ${i === "joined" ? "border-[var(--primaryColor)]" : "border-transparent"}`,
               children: "Joined"
             }
           ),
           /* @__PURE__ */ e(
             "span",
             {
-              className: `${x("suggested")} ${o === "suggested" ? "border-[var(--primaryColor)]" : "border-transparent"}`,
+              className: `${x("suggested")} ${i === "suggested" ? "border-[var(--primaryColor)]" : "border-transparent"}`,
               children: "Suggested"
             }
           )
@@ -6714,23 +6717,23 @@ function Is({
   size: t = "md",
   showCheckbox: a = !1,
   checkboxPosition: s = "top-left",
-  onSelect: i,
+  onSelect: o,
   identity: l = "_id",
   title: m = "News",
-  items: o = Rs,
+  items: i = Rs,
   // spread for identity fields: _id / id / instanceId etc.
   ...u
 }) {
   const g = ce(t), f = de[g], y = Os[g];
   return /* @__PURE__ */ n(
-    oe,
+    ie,
     {
       className: `flex flex-col ${f.card} ${y.wrap || ""}`,
       showCheckbox: a,
       checkboxPosition: s,
-      onSelect: i,
+      onSelect: o,
       identity: l,
-      details: { type: "news", title: m, count: o?.length ?? 0 },
+      details: { type: "news", title: m, count: i?.length ?? 0 },
       ...u,
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-start justify-between", children: [
@@ -6739,7 +6742,7 @@ function Is({
         ] }),
         g === "lg" ? (
           // Large: 3-up grid of image cards
-          /* @__PURE__ */ e("div", { className: `mt-4 ${y.grid}`, children: o.slice(0, 3).map((r) => /* @__PURE__ */ n("article", { children: [
+          /* @__PURE__ */ e("div", { className: `mt-4 ${y.grid}`, children: i.slice(0, 3).map((r) => /* @__PURE__ */ n("article", { children: [
             /* @__PURE__ */ e("img", { src: r.thumb, alt: "", className: y.cardImg }),
             /* @__PURE__ */ e("h4", { className: `mt-3 ${y.title} text-zinc-900 dark:text-zinc-100`, children: r.title }),
             /* @__PURE__ */ e("div", { className: `mt-1 text-zinc-500 dark:text-zinc-400 ${y.date}`, children: r.date }),
@@ -6752,7 +6755,7 @@ function Is({
           ] }, r._id || r.id || r.instanceId)) })
         ) : (
           // Small/Medium: list rows with thumb left
-          /* @__PURE__ */ e("ul", { className: "mt-4 grid gap-3", children: o.slice(0, 3).map((r) => /* @__PURE__ */ n(
+          /* @__PURE__ */ e("ul", { className: "mt-4 grid gap-3", children: i.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",
@@ -6818,22 +6821,22 @@ const Ps = ["All", "Library", "Restaurant", "Parking", "Bus Stop"], Ls = {
     searchH: "h-11 text-base",
     chipGap: "gap-3.5"
   }
-}, Ms = ({ label: t, active: a = !1, size: s = "md", className: i = "" }) => {
+}, Ms = ({ label: t, active: a = !1, size: s = "md", className: o = "" }) => {
   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"
-  }, 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 });
+  }, 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 });
 }, 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: i,
+  onSelect: o,
   identity: l = "_id",
   title: m = "Campus Map",
-  campusName: o = "Morningside Heights Campus",
+  campusName: i = "Morningside Heights Campus",
   filters: u = Ps,
   activeFilter: g = "All",
   // NEW: iframe controls
@@ -6845,14 +6848,14 @@ function js({
 }) {
   const d = ce(t), p = de[d], S = Ls[d], T = r || Bs(f, y);
   return /* @__PURE__ */ e(
-    oe,
+    ie,
     {
       className: `flex flex-col ${p.card} ${S.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
-      onSelect: i,
+      onSelect: o,
       identity: l,
-      details: { type: "campus-map", title: m, campusName: o, activeFilter: g, mapQuery: f, zoom: y },
+      details: { type: "campus-map", title: m, campusName: i, activeFilter: g, mapQuery: f, zoom: y },
       ...x,
       children: /* @__PURE__ */ n("div", { className: `relative mt-3 overflow-hidden rounded-2xl border border-zinc-200 dark:border-zinc-800 ${S.mapH}`, children: [
         /* @__PURE__ */ e(
@@ -6869,7 +6872,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 ${S.campusPill}`, children: [
-            /* @__PURE__ */ e("span", { className: "truncate max-w-[60vw]", children: o }),
+            /* @__PURE__ */ e("span", { className: "truncate max-w-[60vw]", children: i }),
             /* @__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: [
@@ -6978,13 +6981,13 @@ const Vs = [
     time: a.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })
   };
 };
-function Vt({ ev: t, sizeMeta: a, isSelected: s, onClick: i }) {
-  const { day: l, month: m, time: o } = Ta(t.date);
+function Vt({ ev: t, sizeMeta: a, isSelected: s, onClick: o }) {
+  const { day: l, month: m, time: i } = 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: () => i(t),
+      onClick: () => o(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,
@@ -6995,7 +6998,7 @@ function Vt({ ev: t, sizeMeta: a, isSelected: s, onClick: i }) {
           /* @__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 : o
+            t.allDayNote ? t.allDayNote : i
           ] })
         ] })
       ]
@@ -7004,12 +7007,12 @@ function Vt({ ev: t, sizeMeta: a, isSelected: s, onClick: i }) {
 }
 function Gs({ ev: t, sizeMeta: a }) {
   if (!t) return null;
-  const { day: s, month: i, time: l } = Ta(t.date);
+  const { day: s, month: o, 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: i })
+        /* @__PURE__ */ e("div", { className: "text-sm font-medium text-zinc-500 dark:text-zinc-400 uppercase tracking-wide", children: o })
       ] }),
       /* @__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 }),
@@ -7042,25 +7045,25 @@ function qs({
   size: t = "md",
   showCheckbox: a = !1,
   checkboxPosition: s = "top-left",
-  onSelect: i,
+  onSelect: o,
   identity: l = "_id",
   title: m = "Upcoming Events",
-  events: o = Vs,
+  events: i = Vs,
   selectedIndex: u = 0,
   ...g
 }) {
-  const [f, y] = j(u), r = ce(t), x = de[r], d = _s[r], p = o[f] || o[0], S = (R, O) => {
-    y(O), i?.(R);
+  const [f, y] = j(u), r = ce(t), x = de[r], d = _s[r], p = i[f] || i[0], S = (R, O) => {
+    y(O), o?.(R);
   }, T = r === "lg";
   return /* @__PURE__ */ n(
-    oe,
+    ie,
     {
       className: `flex flex-col ${x.card} ${d.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
-      onSelect: i,
+      onSelect: o,
       identity: l,
-      details: { type: "events", title: m, count: o?.length ?? 0 },
+      details: { type: "events", title: m, count: i?.length ?? 0 },
       ...g,
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-center justify-between mb-4", children: [
@@ -7070,7 +7073,7 @@ function qs({
         T ? (
           // Large: Two-column layout
           /* @__PURE__ */ n("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [
-            /* @__PURE__ */ e("div", { className: "space-y-1", children: o.map((R, O) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e("div", { className: "space-y-1", children: i.map((R, O) => /* @__PURE__ */ e(
               Vt,
               {
                 ev: R,
@@ -7084,7 +7087,7 @@ function qs({
           ] })
         ) : (
           // Small/Medium: Simple list only
-          /* @__PURE__ */ e("div", { className: "space-y-1", children: o.map((R, O) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "space-y-1", children: i.map((R, O) => /* @__PURE__ */ e(
             Vt,
             {
               ev: R,
@@ -7204,8 +7207,8 @@ const Ys = [
     searchHeight: "h-10"
   }
 };
-function Js({ email: t, sizeMeta: a, isSelected: s, onClick: i, onStar: l, onPin: m }) {
-  const o = (g) => {
+function Js({ email: t, sizeMeta: a, isSelected: s, onClick: o, onStar: l, onPin: m }) {
+  const i = (g) => {
     g.stopPropagation(), l?.(t);
   }, u = (g) => {
     g.stopPropagation(), m?.(t);
@@ -7214,13 +7217,13 @@ function Js({ email: t, sizeMeta: a, isSelected: s, onClick: i, 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: () => i(t),
+      onClick: () => o(t),
       children: [
         /* @__PURE__ */ n("div", { className: "flex flex-col items-center gap-1 pt-0.5", children: [
           /* @__PURE__ */ e(
             "button",
             {
-              onClick: o,
+              onClick: i,
               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" })
             }
@@ -7257,17 +7260,17 @@ function Xs({
   size: t = "md",
   showCheckbox: a = !1,
   checkboxPosition: s = "top-left",
-  onSelect: i,
+  onSelect: o,
   identity: l = "_id",
   title: m = "0365 Mails",
-  emails: o = Ys,
+  emails: i = Ys,
   selectedIndex: u = 0,
   onStar: g,
   onPin: f,
   ...y
 }) {
   const [r, x] = j(u), d = ce(t), p = de[d], S = Ws[d], T = (L, _) => {
-    x(_), i?.(L);
+    x(_), o?.(L);
   }, R = (L) => {
     const _ = { ...L, starred: !L.starred };
     g?.(_);
@@ -7276,19 +7279,19 @@ function Xs({
     f?.(_);
   };
   return /* @__PURE__ */ n(
-    oe,
+    ie,
     {
       className: `flex flex-col ${p.card} ${S.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
-      onSelect: i,
+      onSelect: o,
       identity: l,
-      details: { type: "emails", title: m, count: o?.length ?? 0 },
+      details: { type: "emails", title: m, count: i?.length ?? 0 },
       ...y,
       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: o.map((L, _) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "space-y-0", children: i.map((L, _) => /* @__PURE__ */ e(
           Js,
           {
             email: L,
@@ -7417,12 +7420,12 @@ const Qs = [
     // two columns for large screens
   }
 };
-function _t({ contact: t, sizeMeta: a, isSelected: s, onClick: i }) {
+function _t({ contact: t, sizeMeta: a, isSelected: s, onClick: o }) {
   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: () => i(t),
+      onClick: () => o(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: [
@@ -7511,31 +7514,31 @@ function el({
   size: t = "md",
   showCheckbox: a = !1,
   checkboxPosition: s = "top-left",
-  onSelect: i,
+  onSelect: o,
   identity: l = "_id",
   title: m = "Directory",
-  contacts: o = Qs,
+  contacts: i = Qs,
   selectedIndex: u = 0,
   ...g
 }) {
   const [f, y] = j(u), r = ce(t), x = de[r], d = Hs[r], p = (R, O) => {
-    y(O), i?.(R);
-  }, S = o[f] || o[0], T = d.layout === "split";
+    y(O), o?.(R);
+  }, S = i[f] || i[0], T = d.layout === "split";
   return /* @__PURE__ */ n(
-    oe,
+    ie,
     {
       className: `flex flex-col ${x.card} ${d.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
-      onSelect: i,
+      onSelect: o,
       identity: l,
-      details: { type: "directory", title: m, count: o?.length ?? 0 },
+      details: { type: "directory", title: m, count: i?.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 ${x.title}`, children: m }) }),
         /* @__PURE__ */ e(Ks, { sizeMeta: d }),
         T ? /* @__PURE__ */ n("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6 min-h-0", children: [
-          /* @__PURE__ */ e("div", { className: "space-y-3", children: o.map((R, O) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "space-y-3", children: i.map((R, O) => /* @__PURE__ */ e(
             _t,
             {
               contact: R,
@@ -7554,7 +7557,7 @@ function el({
           )
         ] }) : (
           // Single column layout for small screens
-          /* @__PURE__ */ e("div", { className: "space-y-3", children: o.map((R, O) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "space-y-3", children: i.map((R, O) => /* @__PURE__ */ e(
             _t,
             {
               contact: R,
@@ -7592,12 +7595,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: i, kind: l = "payment" }) {
+function tl({ side: t = "left", date: a, title: s, amount: o, 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(i) }),
+      /* @__PURE__ */ e("div", { className: "text-sm font-semibold", children: De(o) }),
       /* @__PURE__ */ e(
         "div",
         {
@@ -7644,11 +7647,11 @@ function rl({
   size: t = "md",
   showCheckbox: a = !1,
   checkboxPosition: s = "top-left",
-  onSelect: i,
+  onSelect: o,
   identity: l = "_id",
   // content
   title: m = "Account Summary",
-  termLabel: o = "Spring 2024",
+  termLabel: i = "Spring 2024",
   balance: u = 3e3,
   totalCharges: g = 4440,
   totalPayments: f = 1568,
@@ -7672,20 +7675,20 @@ function rl({
 }) {
   const x = ce(t), d = de[x], p = al[x];
   return /* @__PURE__ */ n(
-    oe,
+    ie,
     {
       className: `flex flex-col ${d.card} ${p.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
-      onSelect: i,
+      onSelect: o,
       identity: l,
-      details: { type: "account-summary", termLabel: o, balance: u, totalCharges: g, totalPayments: f },
+      details: { type: "account-summary", termLabel: i, 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: o }),
+            /* @__PURE__ */ e("span", { children: i }),
             /* @__PURE__ */ e(Nt, { className: "h-4 w-4 opacity-70" })
           ] })
         ] }),
@@ -7827,30 +7830,30 @@ function Ut({ 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, i) => /* @__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, o) => /* @__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 })
-    ] }, i)) })
+    ] }, o)) })
   ] });
 }
 function sl({
   size: t = "md",
   showCheckbox: a = !1,
   checkboxPosition: s = "top-left",
-  onSelect: i,
+  onSelect: o,
   identity: l = "_id",
   title: m = "Pay Stub and Leave Balance",
-  term: o = "Fall 2025",
+  term: i = "Fall 2025",
   ...u
 }) {
   const [g, f] = j("vacation"), [y, r] = j(!1), x = ce(t), d = de[x], p = nl[x], S = qe.find((T) => T.id === g) || qe[0];
   return /* @__PURE__ */ n(
-    oe,
+    ie,
     {
       className: `flex flex-col ${d.card} ${p.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
-      onSelect: i,
+      onSelect: o,
       identity: l,
       details: { type: "leave-balance", title: m },
       ...u,
@@ -7861,7 +7864,7 @@ function sl({
             /* @__PURE__ */ n("div", { className: `text-zinc-600 dark:text-zinc-400 ${p.term} flex items-center gap-2`, children: [
               /* @__PURE__ */ e(Yt, { className: "h-4 w-4" }),
               "Term - ",
-              o
+              i
             ] })
           ] }),
           /* @__PURE__ */ n("div", { className: "relative", children: [
@@ -7951,7 +7954,7 @@ const ll = [
   //     icon: Video,
   //     color: "text-purple-500"
   // }
-], il = [
+], ol = [
   {
     id: "file-1",
     name: "2024 - Taurus",
@@ -7984,7 +7987,7 @@ const ll = [
     icon: pt,
     color: "text-orange-500"
   }
-], ol = {
+], il = {
   sm: {
     wrap: "max-w-xs w-full",
     title: "text-base font-semibold",
@@ -8014,9 +8017,9 @@ const ll = [
   }
 };
 function Gt({ item: t, sizeMeta: a, showDate: s = !1 }) {
-  const i = t.icon;
+  const o = 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(i, { className: `h-6 w-6 ${t.color}` }) }),
+    /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(o, { 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 })
@@ -8028,20 +8031,20 @@ function cl({
   size: t = "md",
   showCheckbox: a = !1,
   checkboxPosition: s = "top-left",
-  onSelect: i,
+  onSelect: o,
   identity: l = "_id",
   title: m = "Drive",
-  subtitle: o = "Drive Shared",
+  subtitle: i = "Drive Shared",
   ...u
 }) {
-  const [g, f] = j(!1), y = ce(t), r = de[y], x = ol[y];
+  const [g, f] = j(!1), y = ce(t), r = de[y], x = il[y];
   return /* @__PURE__ */ n(
-    oe,
+    ie,
     {
       className: `flex flex-col ${r.card} ${x.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
-      onSelect: i,
+      onSelect: o,
       identity: l,
       details: { type: "drive", title: m },
       ...u,
@@ -8049,7 +8052,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 ${x.title} mb-1`, children: m }),
-            /* @__PURE__ */ e("div", { className: "text-zinc-600 dark:text-zinc-400 text-sm", children: o })
+            /* @__PURE__ */ e("div", { className: "text-zinc-600 dark:text-zinc-400 text-sm", children: i })
           ] }),
           /* @__PURE__ */ n("div", { className: "relative", children: [
             /* @__PURE__ */ e(
@@ -8082,7 +8085,7 @@ function cl({
         )) }),
         x.showRecent && /* @__PURE__ */ n("div", { className: "", children: [
           /* @__PURE__ */ e("h4", { className: `font-semibold text-zinc-900 dark:text-zinc-100 mb-3 ${x.item}`, children: "Recent Files" }),
-          /* @__PURE__ */ e("div", { className: "space-y-2", children: il.map((d) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "space-y-2", children: ol.map((d) => /* @__PURE__ */ e(
             Gt,
             {
               item: d,
@@ -8225,9 +8228,9 @@ const dl = [
       };
   }
 };
-function hl({ alert: t, sizeMeta: a, onDismiss: s, onMarkRead: i }) {
-  const [l, m] = j(!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: [
+function hl({ alert: t, sizeMeta: a, onDismiss: s, onMarkRead: o }) {
+  const [l, m] = j(!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: [
     /* @__PURE__ */ e(
       "button",
       {
@@ -8236,7 +8239,7 @@ function hl({ alert: t, sizeMeta: a, onDismiss: s, onMarkRead: i }) {
       }
     ),
     /* @__PURE__ */ n("div", { className: "flex gap-3 pr-6", children: [
-      /* @__PURE__ */ e("div", { className: "flex-shrink-0 mt-0.5", children: /* @__PURE__ */ e(u, { className: `h-4 w-4 ${o.icon}` }) }),
+      /* @__PURE__ */ e("div", { className: "flex-shrink-0 mt-0.5", children: /* @__PURE__ */ e(u, { className: `h-4 w-4 ${i.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) }),
@@ -8250,8 +8253,8 @@ function hl({ alert: t, sizeMeta: a, onDismiss: s, onMarkRead: i }) {
   ] });
 }
 function pl({ alert: t, onDismiss: a }) {
-  const [s, i] = j(!1), l = Aa("banner"), m = () => {
-    i(!0), a?.(t);
+  const [s, o] = j(!1), l = Aa("banner"), m = () => {
+    o(!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(sa, { className: `h-5 w-5 mt-0.5 ${l.icon}` }),
@@ -8273,23 +8276,23 @@ function gl({
   size: t = "md",
   showCheckbox: a = !1,
   checkboxPosition: s = "top-left",
-  onSelect: i,
+  onSelect: o,
   identity: l = "_id",
   title: m = "Alerts",
-  alerts: o = dl,
+  alerts: i = dl,
   showBanner: u = !0,
   ...g
 }) {
-  const [f, y] = j(o), r = ce(t), x = de[r], d = ml[r], p = (R) => {
+  const [f, y] = j(i), r = ce(t), x = de[r], d = ml[r], p = (R) => {
     y((O) => O.filter((L) => L.id !== R.id));
   }, S = f.find((R) => R.type === "banner"), T = f.filter((R) => R.type !== "banner");
   return /* @__PURE__ */ n(
-    oe,
+    ie,
     {
       className: `flex flex-col ${x.card} ${d.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
-      onSelect: i,
+      onSelect: o,
       identity: l,
       details: { type: "alerts", title: m, count: f.length },
       ...g,
@@ -8414,7 +8417,7 @@ const bl = [
   }
 };
 function yl({ video: t, sizeMeta: a }) {
-  const [s, i] = j(!1);
+  const [s, o] = j(!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(
@@ -8450,22 +8453,22 @@ function xl({
   size: t = "md",
   showCheckbox: a = !1,
   checkboxPosition: s = "top-left",
-  onSelect: i,
+  onSelect: o,
   identity: l = "_id",
   title: m = "Videos",
-  videos: o = bl,
+  videos: i = bl,
   ...u
 }) {
   const [g, f] = j(!1), y = ce(t), r = de[y], x = fl[y];
   return /* @__PURE__ */ n(
-    oe,
+    ie,
     {
       className: `flex flex-col ${r.card} ${x.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
-      onSelect: i,
+      onSelect: o,
       identity: l,
-      details: { type: "videos", title: m, count: o.length },
+      details: { type: "videos", title: m, count: i.length },
       ...u,
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-center justify-between ", children: [
@@ -8490,7 +8493,7 @@ function xl({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { className: `grid ${x.gridCols} gap-4 `, children: o.slice(0, x.gridCols === "grid-cols-3" ? 6 : 4).map((d) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: `grid ${x.gridCols} gap-4 `, children: i.slice(0, x.gridCols === "grid-cols-3" ? 6 : 4).map((d) => /* @__PURE__ */ e(
           yl,
           {
             video: d,
@@ -8527,7 +8530,7 @@ xl.propTypes = {
 export {
   rl as AccountSummaryMock,
   Ds as ActivityMock,
-  is as AddUserGroupsRolesModal,
+  os as AddUserGroupsRolesModal,
   gl as AlertsMock,
   Ce as Avatar,
   kn as AvatarGroup,
@@ -8537,7 +8540,7 @@ export {
   js as CampusMapMock,
   gt as Checkbox,
   Es as CommunitiesMock,
-  ei as CustomDataGrid,
+  eo as CustomDataGrid,
   Wl as CustomDialog,
   Kl as CustomGridToolbar,
   Xl as CustomTab,
@@ -8566,7 +8569,7 @@ export {
   ha as RadioGroup,
   he as SearchBar,
   yt as Select,
-  oe as SelectableCard,
+  ie as SelectableCard,
   Il as Sidebar,
   ga as Spinner,
   ba as Textarea,