npm - unifyedx-storybook-new - Versions diffs - 0.2.39 → 0.2.41 - Mend

unifyedx-storybook-new 0.2.39 → 0.2.41

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 +544 -541
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 se, { useState as L, useMemo as me, useId as Xe, Fragment as Q, useEffect as Z, useCallback as ae, useRef as ge } from "react";
-import { a as H, U as dt, X as ye, P as c, L as ja, C as fe, b as Ke, D as mt, f as Ct, d as qt, F as Va, e as _a, h as Ua, T as He, u as Ga, I as Yt, i as Wt, j as qa, k as Ya, l as Wa, m as Jt, S as xt, n as Xt, M as Ja, o as Xa, p as vt, q as Ha, A as Qa, E as Ht, r as Za, s as Ka, t as er, v as tr, w as Qt, x as ar, y as Zt, z as Kt, B as rr, G as nr, H as sr, J as Qe, K as ut, N as ht, O as lr, Q as ir, R as ea, V as or, W as Nt, Y as cr, Z as dr, _ as Le, $ as mr, a0 as ur, a1 as hr, a2 as pr, a3 as gr, a4 as br, a5 as zt, a6 as fr, a7 as yr, a8 as xr, a9 as vr, aa as Nr, ab as wr, ac as kr, ad as Cr, ae as zr, af as Ae, ag as ta, ah as Sr, ai as Dr, aj as $r, ak as Tr, al as Ar, am as aa, an as Fr, ao as Er, ap as ra, aq as Rr, ar as pt, as as na, at as Or } from "./vendor-DoYRzmYd.js";
+import { a as H, U as dt, X as ye, P as c, L as ja, C as fe, b as Ke, D as mt, f as Ct, d as qt, F as Va, e as _a, h as Ua, T as He, u as Ga, I as Yt, i as Wt, j as qa, k as Ya, l as Wa, m as Jt, S as xt, n as Xt, M as Ja, o as Xa, p as vt, q as Ha, A as Qa, E as Ht, r as Za, s as Ka, t as er, v as tr, w as Qt, x as ar, y as Zt, z as Kt, B as rr, G as nr, H as sr, J as Qe, K as ut, N as ht, O as lr, Q as or, R as ea, V as ir, W as Nt, Y as cr, Z as dr, _ as Le, $ as mr, a0 as ur, a1 as hr, a2 as pr, a3 as gr, a4 as br, a5 as zt, a6 as fr, a7 as yr, a8 as xr, a9 as vr, aa as Nr, ab as wr, ac as kr, ad as Cr, ae as zr, af as Ae, ag as ta, ah as Sr, ai as Dr, aj as $r, ak as Tr, al as Ar, am as aa, an as Fr, ao as Er, ap as ra, aq as Rr, ar as pt, as as na, at as Or } from "./vendor-DoYRzmYd.js";
 import { Popover as Pr, PopoverButton as Ir, PopoverPanel as Mr, Transition as ue, Dialog as be, TransitionChild as Ne, DialogPanel as Fe, DialogTitle as et, TabGroup as Lr, TabList as Br, Tab as ne, TabPanels as jr, RadioGroup as Ue, Listbox as K, ListboxButton as Vr, ListboxOptions as _r, ListboxOption as Ur, SwitchGroup as Gr, Switch as lt, Menu as qr, MenuButton as Yr, Portal as Wr, MenuItems as Jr, MenuItem as Xr, DialogBackdrop as Hr } from "@headlessui/react";
 import { motion as le, AnimatePresence as ke } from "framer-motion";
 import { d as Qr } from "./vendor-lodash-DUMS_goM.js";
-import { useFloating as sa, offset as la, flip as ia, shift as oa, autoUpdate as ca, useClick as Zr, useDismiss as Kr, useInteractions as en, FloatingPortal as tn } from "@floating-ui/react";
-import it, { debounce as an } from "lodash";
+import { useFloating as sa, offset as la, flip as oa, shift as ia, autoUpdate as ca, useClick as Zr, useDismiss as Kr, useInteractions as en, FloatingPortal as tn } from "@floating-ui/react";
+import 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 St } 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] = L(!1), f = me(() => Nn(a), []), x = t && !u, r = !x && a, N = !x && !a, d = H(
     "avatar-container",
     `avatar--size-${s}`,
     m
-  ), p = x ? "transparent" : i || f.bg, $ = l || f.text;
+  ), p = x ? "transparent" : o || f.bg, $ = l || f.text;
   return /* @__PURE__ */ n("div", { className: d, style: {
     backgroundColor: p,
     color: $
-  }, ...o, children: [
+  }, ...i, children: [
     x && /* @__PURE__ */ e(
       "img",
       {
@@ -50,13 +50,13 @@ const vn = (t) => {
     r && /* @__PURE__ */ e("span", { className: "avatar-initials", "aria-label": a, children: wn(a) }),
     N && /* @__PURE__ */ e("span", { className: "avatar-icon", children: /* @__PURE__ */ e(dt, {}) })
   ] });
-}, kn = ({ children: t, max: a = 4, truncatedMessage: s = "Members", ...i }) => {
-  const l = se.Children.toArray(t), m = l.slice(0, a), o = l.length - a;
-  return /* @__PURE__ */ n("div", { className: "avatar-group-container", ...i, children: [
+}, kn = ({ children: t, max: a = 4, truncatedMessage: s = "Members", ...o }) => {
+  const l = se.Children.toArray(t), m = l.slice(0, a), i = l.length - a;
+  return /* @__PURE__ */ n("div", { className: "avatar-group-container", ...o, children: [
     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, $ = u && !x, A = H(
     "btn-base",
     zn[f],
-    Sn[o],
+    Sn[i],
     {
       "is-loading": m,
       "btn-icon-only": $
@@ -174,8 +174,8 @@ const zn = {
       className: A,
       disabled: p,
       onClick: N,
-      title: a || $ && i || (typeof x == "string" ? x : void 0),
-      "aria-label": i || $ && a || (typeof x == "string" ? x : void 0),
+      title: a || $ && o || (typeof x == "string" ? x : void 0),
+      "aria-label": o || $ && a || (typeof x == "string" ? x : void 0),
       ...d,
       children: m ? /* @__PURE__ */ e(ja, { className: "loader-spin", "data-testid": "button-loader" }) : /* @__PURE__ */ n(te, { children: [
         u && /* @__PURE__ */ e(u, { size: f === "large" ? 20 : 16 }),
@@ -185,8 +185,8 @@ const zn = {
       ] })
     }
   );
-}, Dn = ({ crumbs: t = [], ...a }) => /* @__PURE__ */ e("nav", { "aria-label": "Breadcrumb", className: "breadcrumbs-nav", ...a, children: /* @__PURE__ */ e("ol", { className: "breadcrumbs-list", children: t.map((s, 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);
 }) }) }), da = ({
   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: H("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 = {
     Ct(f, "MMM d, y"),
     " - ",
     Ct(x, "MMM d, y")
-  ] }) : /* @__PURE__ */ e("span", { className: "datepicker-placeholder", children: i });
+  ] }) : /* @__PURE__ */ e("span", { className: "datepicker-placeholder", children: o });
   return /* @__PURE__ */ n("div", { className: H("datepicker-wrapper", u), children: [
     l && /* @__PURE__ */ e("label", { className: "datepicker-label", htmlFor: "daterangepicker-input", children: l }),
     /* @__PURE__ */ n($n, { children: [
@@ -305,17 +305,17 @@ const zn = {
             type: "button",
             className: H("datepicker-trigger", {
               "datepicker-trigger--error": !!m,
-              "datepicker-trigger--disabled": o
+              "datepicker-trigger--disabled": i
             }),
-            disabled: o,
-            "aria-label": f && x ? `Selected range is ${N}` : i,
+            disabled: i,
+            "aria-label": f && x ? `Selected range is ${N}` : o,
             children: [
               /* @__PURE__ */ e(qt, { className: "datepicker-icon" }),
               /* @__PURE__ */ e("span", { className: "datepicker-value", children: N })
             ]
           }
         ),
-        f && s && !o && /* @__PURE__ */ e(
+        f && s && !i && /* @__PURE__ */ e(
           "button",
           {
             type: "button",
@@ -559,12 +559,12 @@ const zn = {
   View: "view",
   Manage: "edit"
 }, $t = ({ 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" }) }), Tt = (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 $ = o.length > 0 || u.length > 0;
+  const $ = i.length > 0 || u.length > 0;
   return /* @__PURE__ */ e(ue, { appear: !0, show: t, as: Q, children: /* @__PURE__ */ n(
     be,
     {
@@ -643,7 +643,7 @@ const zn = {
                 className: "dialog-panel",
                 onClick: (A) => A.stopPropagation(),
                 children: [
-                  /* @__PURE__ */ e("input", { ...i() }),
+                  /* @__PURE__ */ e("input", { ...o() }),
                   /* @__PURE__ */ n("form", { onSubmit: x, 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 = {
                       $ && /* @__PURE__ */ n("div", { className: "file-list-container", children: [
                         /* @__PURE__ */ e("h3", { children: "Upload Queue" }),
                         /* @__PURE__ */ n("ul", { className: "file-list", children: [
-                          o.map((A, E) => /* @__PURE__ */ n(
+                          i.map((A, E) => /* @__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;
 }, bt = (t) => {
-  const a = new Date(t), s = a.getDay(), i = a.getDate() - s;
-  return Be(new Date(a.setDate(i)));
+  const a = new Date(t), s = a.getDay(), o = a.getDate() - s;
+  return Be(new Date(a.setDate(o)));
 }, On = (t) => je(gt(bt(t), 6)), At = (t) => {
   const a = new Date(t);
   return Be(new Date(a.getFullYear(), a.getMonth(), 1));
@@ -811,8 +811,8 @@ const zn = {
     case "this_month":
       return [At(a), Ft(a)];
     case "last_month": {
-      const s = /* @__PURE__ */ new Date(), i = new Date(s.getFullYear(), s.getMonth() - 1, 1);
-      return [At(i), Ft(i)];
+      const s = /* @__PURE__ */ new Date(), o = new Date(s.getFullYear(), s.getMonth() - 1, 1);
+      return [At(o), Ft(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
 }) => {
@@ -891,7 +891,7 @@ const zn = {
     const h = l[C].key, w = l[C].url;
     l[C].type === "multiselect-users" && g[h].length === 0 && !x[h] && V(h, w);
   }, Y = () => {
-    A.resetForm(), f({ createdBy: [], updatedBy: [] }), i();
+    A.resetForm(), f({ createdBy: [], updatedBy: [] }), o();
   }, G = (C) => {
     const h = l.find((k) => k.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: H("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 x = Et[o] || Et.info, r = x.icon, N = () => {
+  const x = Et[i] || Et.info, r = x.icon, N = () => {
     a({ primary: !0, secondary: !1 });
   }, d = () => {
     a({ primary: !1, secondary: !0 });
@@ -1379,7 +1379,7 @@ const zn = {
             /* @__PURE__ */ e("div", { className: `modal-icon-container ${x.iconClass}`, children: /* @__PURE__ */ e(r, { size: 24, "aria-hidden": "true" }) }),
             /* @__PURE__ */ n("div", { className: "modal-text-content", children: [
               /* @__PURE__ */ e(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: [
@@ -1408,18 +1408,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] = L(t);
+  const i = Math.ceil(a / s), [u, g] = L(t);
   Z(() => {
     g(t);
   }, [t]);
   const f = Math.min((t - 1) * s + 1, a), x = Math.min(t * s, a), r = (N) => {
     N.preventDefault();
     let d = parseInt(u, 10);
-    isNaN(d) || d < 1 ? d = 1 : d > 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 +1448,7 @@ const zn = {
         "button",
         {
           className: "pagination-button",
-          onClick: () => i(1),
+          onClick: () => o(1),
           disabled: t === 1,
           children: /* @__PURE__ */ e(qa, { size: 16 })
         }
@@ -1457,7 +1457,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 +1477,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 +1493,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 +1505,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 +1517,10 @@ const zn = {
       onChange: s,
       className: "radiogroup-container",
       ...m,
-      children: i.map((o) => /* @__PURE__ */ e(
+      children: o.map((i) => /* @__PURE__ */ e(
         Ue.Option,
         {
-          value: o.value,
+          value: i.value,
           className: ({ active: u, checked: g }) => H("radiogroup-option", {
             "radiogroup-option--active": u,
             "radiogroup-option--checked": g,
@@ -1528,20 +1528,20 @@ const zn = {
           }),
           children: ({ checked: u }) => /* @__PURE__ */ n(te, { children: [
             /* @__PURE__ */ n("div", { className: "radiogroup-option-content", children: [
-              /* @__PURE__ */ e(Ue.Label, { as: "p", className: "option-label", children: o.label }),
-              o.description && /* @__PURE__ */ e(
+              /* @__PURE__ */ e(Ue.Label, { as: "p", className: "option-label", children: i.label }),
+              i.description && /* @__PURE__ */ e(
                 Ue.Description,
                 {
                   as: "span",
                   className: "option-description",
-                  children: o.description
+                  children: i.description
                 }
               )
             ] }),
             u && /* @__PURE__ */ e("div", { className: "option-checkmark", children: /* @__PURE__ */ e(Jt, { size: 20 }) })
           ] })
         },
-        o.value
+        i.value
       ))
     }
   ),
@@ -1550,11 +1550,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] = L(t);
   Z(() => {
@@ -1580,12 +1580,12 @@ const zn = {
       {
         id: "search-field",
         className: "search-bar-input",
-        placeholder: i,
+        placeholder: o,
         type: "search",
         name: "search",
         value: u,
         onChange: x,
-        ...o
+        ...i
       }
     )
   ] });
@@ -1595,17 +1595,17 @@ 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, x] = L(""), r = f === "" ? i : i.filter(
+  const [f, x] = L(""), r = f === "" ? o : o.filter(
     (d) => d.label.toLowerCase().includes(f.toLowerCase())
-  ), N = i.find((d) => a?.id ? d.id === a.id : d.id === a || d.value === a);
+  ), N = o.find((d) => a?.id ? d.id === a.id : d.id === a || d.value === a);
   return /* @__PURE__ */ e(K, { value: a, onChange: s, disabled: m, children: /* @__PURE__ */ n("div", { className: "select-wrapper", ref: u, children: [
     t && /* @__PURE__ */ e("label", { className: "select-label", children: t }),
     /* @__PURE__ */ n("div", { className: "select-button-container", children: [
@@ -1613,7 +1613,7 @@ const zn = {
         Vr,
         {
           className: H("select-button", {
-            "select-button--error": !!o
+            "select-button--error": !!i
           }),
           children: [
             /* @__PURE__ */ e("span", { className: "select-value-display", children: N ? N.label : /* @__PURE__ */ e("span", { className: "placeholder", children: l }) }),
@@ -1667,7 +1667,7 @@ const zn = {
         }
       )
     ] }),
-    o && /* @__PURE__ */ e("p", { className: "select-error-message", children: o })
+    i && /* @__PURE__ */ e("p", { className: "select-error-message", children: i })
   ] }) });
 }, Mn = () => {
   const [t, a] = L(window.location.pathname);
@@ -1685,12 +1685,12 @@ const zn = {
       return s;
   return null;
 }, pa = ({ item: t, isCollapsed: a, level: s = 0 }) => {
-  const { pathname: i } = Mn(), l = t.href || t.url || t.path, [m, o] = L(!1), u = t.icon;
+  const { pathname: o } = Mn(), l = t.href || t.url || t.path, [m, i] = L(!1), u = t.icon;
   Z(() => {
-    yt([t], i) && o(!0);
-  }, [t, i]);
-  const g = i === l, f = !g && !!yt([t], i), x = (r) => {
-    r.preventDefault(), o(!m);
+    yt([t], o) && i(!0);
+  }, [t, o]);
+  const g = o === l, f = !g && !!yt([t], o), x = (r) => {
+    r.preventDefault(), i(!m);
   };
   return /* @__PURE__ */ n(
     "div",
@@ -1760,13 +1760,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",
@@ -1779,12 +1779,12 @@ const zn = {
     {
       className: H("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(xt, { className: "sidebar-search-icon" }),
             /* @__PURE__ */ e(
@@ -1833,7 +1833,7 @@ const zn = {
   color: a = "primary",
   // 'primary', 'white'
   className: s,
-  ...i
+  ...o
 }) => {
   const l = H(
     "spinner",
@@ -1845,7 +1845,7 @@ const zn = {
     "div",
     {
       className: l,
-      ...i,
+      ...o,
       role: "status",
       "aria-label": "Loading...",
       children: [
@@ -1867,11 +1867,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
 }) => {
@@ -1880,10 +1880,10 @@ const zn = {
   ), r = (d) => {
     x(d.target.value.length), u.onChange && u.onChange(d);
   }, N = m - f;
-  return /* @__PURE__ */ n("div", { className: `textarea-wrapper ${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: [
         N,
         " characters remaining"
       ] })
@@ -1907,12 +1907,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,
       {
@@ -1926,7 +1926,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 })
 ] }), Ml = ({
@@ -1934,13 +1934,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 = se.useId();
   return /* @__PURE__ */ n(te, { children: [
@@ -1952,8 +1952,8 @@ const zn = {
         content: a,
         place: l,
         variant: s,
-        className: `custom-tooltip custom-tooltip--size-${i} ${m || ""}`,
-        ...o
+        className: `custom-tooltip custom-tooltip--size-${o} ${m || ""}`,
+        ...i
       }
     )
   ] });
@@ -1974,15 +1974,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 x = s[i], r = Object.keys(s), N = r.indexOf(i), d = (N + 1) / r.length * 100, p = N > 0 && m.onBack;
+  const x = s[o], r = Object.keys(s), N = r.indexOf(o), d = (N + 1) / r.length * 100, p = N > 0 && m.onBack;
   return /* @__PURE__ */ e(ue, { show: t, as: Q, children: /* @__PURE__ */ n(
     be,
     {
@@ -2027,7 +2027,7 @@ const zn = {
                     }
                   ),
                   /* @__PURE__ */ n("div", { className: "wizard-header-text", children: [
-                    /* @__PURE__ */ e(be.Title, { as: "h3", className: "wizard-title", children: o }),
+                    /* @__PURE__ */ e(be.Title, { as: "h3", className: "wizard-title", children: i }),
                     u && /* @__PURE__ */ e(be.Description, { className: "wizard-description", children: u })
                   ] })
                 ] }),
@@ -2071,7 +2071,7 @@ const zn = {
                       style: { overflowX: "hidden" },
                       children: x && /* @__PURE__ */ e(x, { ...m })
                     },
-                    i
+                    o
                   )
                 }
               ) })
@@ -2092,11 +2092,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",
@@ -2121,20 +2121,20 @@ const zn = {
       className: p,
       disabled: d,
       onClick: r,
-      title: i,
-      "aria-label": i,
+      title: o,
+      "aria-label": o,
       ...N,
-      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
 }) => {
@@ -2142,7 +2142,7 @@ const zn = {
     "page-layout",
     {
       "page-layout--with-footer": a,
-      "page-layout--full-height": o
+      "page-layout--full-height": i
     },
     u.className
   );
@@ -2165,12 +2165,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
         }
       )
     ] }) })
@@ -2180,12 +2180,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",
@@ -2203,12 +2203,12 @@ const zn = {
   onSelect: a,
   triggerIcon: s = Ht
 }) => {
-  const { refs: i, floatingStyles: l } = sa({
+  const { refs: o, floatingStyles: l } = sa({
     whileElementsMounted: ca,
-    middleware: [la(5), ia(), oa({ padding: 5 })]
+    middleware: [la(5), oa(), ia({ 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,
       {
@@ -2222,16 +2222,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 }),
@@ -2292,8 +2292,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;
     }
@@ -2306,19 +2306,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() {
@@ -2388,27 +2388,27 @@ function Jn(t) {
   }
 }
 function Rt() {
-  const t = Jn("userProfile") || {}, a = localStorage.getItem("access_token") || t.accessToken || "", s = localStorage.getItem("siteId") || t.siteId || "", 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,
@@ -2446,7 +2446,7 @@ function Hn({
       return t && (r === 401 || r === 403) && (window.location.href.includes("/login") || (window.historyPath = window.location.pathname, localStorage.clear(), sessionStorage.clear(), window.location.href = "/login")), Promise.reject(x);
     }
   );
-  function i({ open: f = !1, customHeader: x = {} } = {}) {
+  function o({ open: f = !1, customHeader: x = {} } = {}) {
     if (f) {
       const { Authorization: r, ...N } = Rt();
       return {
@@ -2458,28 +2458,28 @@ function Hn({
   async function l(f, x, r = !1, N = {}) {
     return s.get(f, {
       params: x,
-      ...i({ open: r, customHeader: N })
+      ...o({ open: r, customHeader: N })
     });
   }
   async function m(f, x, r = !1, N = {}) {
-    const d = { ...i({ open: r, customHeader: N }) };
+    const d = { ...o({ open: r, customHeader: N }) };
     return x !== void 0 && (d.data = x), s.delete(f, d);
   }
-  async function o(f, x = {}, r = !1, N = {}) {
-    return s.post(f, x, i({ open: r, customHeader: N }));
+  async function i(f, x = {}, r = !1, N = {}) {
+    return s.post(f, x, o({ open: r, customHeader: N }));
   }
   async function u(f, x = {}, r = !1, N = {}) {
-    return s.put(f, x, i({ open: r, customHeader: N }));
+    return s.put(f, x, o({ open: r, customHeader: N }));
   }
   async function g(f, x = {}, r = !1, N = {}) {
-    return s.patch(f, x, i({ open: r, customHeader: N }));
+    return s.patch(f, x, o({ open: r, customHeader: N }));
   }
   return {
     instance: s,
     // exported in case you want advanced usage
     axiosGet: l,
     axiosDelete: m,
-    axiosPost: o,
+    axiosPost: i,
     axiosPut: u,
     axiosPatch: g
   };
@@ -2504,7 +2504,7 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
     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,
@@ -2558,23 +2558,23 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
   },
   getMembersForGroup: async (t) => {
     const a = `${ze()}/unifydidentity/open/usersforgroup?groupName=${encodeURIComponent(t)}&isGroupWithSpecChar=true&isPaging=true&page=0&size=999&deepSearch=`, { data: s } = await Ve(a);
-    let i = [];
+    let o = [];
     if (Array.isArray(s))
-      i = s;
+      o = s;
     else if (typeof s == "string")
-      i = Ot(s.trim());
+      o = Ot(s.trim());
     else if (s && typeof s == "object") {
       const l = s.data;
-      Array.isArray(l) ? i = l : typeof l == "string" && (i = Ot(l.trim()));
+      Array.isArray(l) ? o = l : typeof l == "string" && (o = Ot(l.trim()));
     }
-    return Kn(i);
+    return Kn(o);
   }
 }, kt = (t, a) => {
-  const [s, i] = L(t);
+  const [s, o] = L(t);
   return Z(
     () => {
       const l = an(() => {
-        i(t);
+        o(t);
       }, a);
       return l(), () => {
         l.cancel();
@@ -2587,13 +2587,13 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
   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",
@@ -2602,7 +2602,7 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
   ) : /* @__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: [
@@ -2635,10 +2635,10 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
   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
 }) => {
@@ -2680,12 +2680,12 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
           permission: I.permission,
           type: I.type.toLowerCase()
         }));
-        o({
+        i({
           entity: t,
           userGroupRolesObj: B,
-          existingShares: i
+          existingShares: o
           // Always send updated existing shares
-        }, i);
+        }, o);
       } else if (l === de.INTEREST) {
         const B = S.pendingInvites.map((_) => ({
           identity: _.id,
@@ -2696,20 +2696,20 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
           userName: _.name,
           interestId: t?.data?.id
         }));
-        o(B, i);
+        i(B, o);
       } else if (l === de.ARTICLE) {
         const B = S.pendingInvites.map((I) => ({
           id: I.id,
           permission: I.permission,
           type: I.type.toLowerCase()
         }));
-        o({
+        i({
           entity: t,
           userGroupRolesObj: B,
-          existingShares: i
-        }, i);
+          existingShares: o
+        }, o);
       } else
-        o(S, i);
+        i(S, o);
       setTimeout(() => {
         s();
       }, 1e3);
@@ -2717,7 +2717,7 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
       throw console.error("Failed to submit invites:", B), B;
     }
   }, P = (S) => {
-    const B = i[g.code].find((_) => _.name === S.name && _.permission !== "remove") || b.find((_) => _.name === S.name);
+    const B = o[g.code].find((_) => _.name === S.name && _.permission !== "remove") || b.find((_) => _.name === S.name);
     return B ? `${B.permission}` : "";
   }, F = () => {
     switch (l) {
@@ -2753,9 +2753,9 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
       (l === de.DRIVE || m) && /* @__PURE__ */ e(
         es,
         {
-          users: i.users.filter((S) => S.permission !== "remove"),
-          groups: i.groups.filter((S) => S.permission !== "remove"),
-          roles: i.roles.filter((S) => S.permission !== "remove"),
+          users: o.users.filter((S) => S.permission !== "remove"),
+          groups: o.groups.filter((S) => S.permission !== "remove"),
+          roles: o.roles.filter((S) => S.permission !== "remove"),
           onClick: a
         }
       ),
@@ -3025,21 +3025,21 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
       ] })
     ] }) })
   ] });
-}, ot = [
+}, it = [
   { name: "Can view", icon: Zt, value: "view" },
   { name: "Can manage", icon: Kt, 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] = L(!1), { refs: m, floatingStyles: o, context: u } = sa({
-    open: i,
+  const [o, l] = L(!1), { refs: m, floatingStyles: i, context: u } = sa({
+    open: o,
     onOpenChange: l,
-    middleware: [la(8), ia(), oa({ padding: 8 })],
+    middleware: [la(8), oa(), ia({ padding: 8 })],
     whileElementsMounted: ca,
     placement: "bottom-end"
   }), g = Zr(u), f = Kr(u), { getReferenceProps: x, getFloatingProps: r } = en([
     g,
     f
-  ]), N = ot.find((p) => p.name === t.permission || p.value === t.permission) || ot[0];
+  ]), N = 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.
@@ -3062,7 +3062,7 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
         ue,
         {
           as: Q,
-          show: i,
+          show: o,
           enter: "transition ease-out duration-100",
           enterFrom: "transform opacity-0 scale-95",
           enterTo: "transform opacity-100 scale-100",
@@ -3073,11 +3073,11 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
             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: ({
@@ -3114,18 +3114,18 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
   //entire file or folder details
   onBack: a,
   onClose: s,
-  onOpenMembers: i,
+  onOpenMembers: o,
   existingShares: l,
   allowedPermissions: m
 }) => {
-  const [o, u] = L(l), [g, f] = L(0), [x, r] = L(""), N = kt(x, 300), d = {
-    users: o.users.filter(
+  const [i, u] = L(l), [g, f] = L(0), [x, r] = L(""), N = kt(x, 300), d = {
+    users: i.users.filter(
       (R) => R.name.toLowerCase().includes(N.toLowerCase())
     ),
-    groups: o.groups.filter(
+    groups: i.groups.filter(
       (R) => R.name.toLowerCase().includes(N.toLowerCase())
     ),
-    roles: o.roles.filter(
+    roles: i.roles.filter(
       (R) => R.name.toLowerCase().includes(N.toLowerCase())
     )
   }, p = async (R, O, V, U) => {
@@ -3138,9 +3138,9 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
     }));
   }, $ = () => {
     const R = {
-      users: o.users.filter((O) => O.permission !== "remove"),
-      groups: o.groups.filter((O) => O.permission !== "remove"),
-      roles: o.roles.filter((O) => O.permission !== "remove")
+      users: i.users.filter((O) => O.permission !== "remove"),
+      groups: i.groups.filter((O) => O.permission !== "remove"),
+      roles: i.roles.filter((O) => O.permission !== "remove")
     };
     a(R);
   }, A = ["users", "groups", "roles"], E = ["Users", "Groups", "Roles"];
@@ -3151,7 +3151,7 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
         /* @__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(ea, { className: "h-5 w-5" }),
@@ -3231,7 +3231,7 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
                             R !== "users" && /* @__PURE__ */ e(
                               "button",
                               {
-                                onClick: () => i({
+                                onClick: () => o({
                                   id: O.id,
                                   type: R,
                                   name: O.name
@@ -3306,9 +3306,9 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
   // { id, name,  type: "group" | "role" }
   onBack: a,
   onClose: s,
-  members: i
+  members: o
 }) => {
-  const [l, m] = L(!0), [o, u] = L(""), g = kt(o, 300), f = i.filter(
+  const [l, m] = L(!0), [i, u] = L(""), g = kt(i, 300), f = o.filter(
     (d) => d.name.toLowerCase().includes(g.toLowerCase())
   ), x = {
     hidden: { opacity: 0 },
@@ -3332,7 +3332,7 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
       animate: { opacity: 1, scale: 1 },
       className: "flex flex-col items-center justify-center text-center p-8 mt-10",
       children: [
-        /* @__PURE__ */ e(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}.` })
       ]
@@ -3402,7 +3402,7 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
       he,
       {
         onDebouncedChange: u,
-        value: o,
+        value: i,
         placeholder: "Search members..."
       }
     ) }),
@@ -3412,7 +3412,7 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
   INVITE: "invite",
   MANAGE: "manage",
   MEMBERS: "members"
-}, is = ({
+}, os = ({
   existingShares: t = {
     users: [],
     groups: [],
@@ -3421,11 +3421,11 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
   isOpen: a,
   onFinalSubmit: s = () => {
   },
-  mainEntity: i,
+  mainEntity: o,
   calledBy: l,
   onClose: m = () => {
   },
-  showExistingShares: o = !0,
+  showExistingShares: i = !0,
   allowedPermissions: u = [],
   ...g
 }) => {
@@ -3445,9 +3445,9 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
     p({ id: w, type: k, name: T }), V(f), x(pe.MEMBERS);
   }, C = (w) => {
     console.log("changedExistingShares", w), N(w);
-    const T = it.mapValues(t, (b) => b.map((y) => ({ id: y.id, permission: y.permission })).sort((y, D) => y.id - D.id)), k = it.mapValues(w, (b) => b.map((y) => ({ id: y.id, permission: y.permission })).sort((y, D) => y.id - D.id));
+    const T = ot.mapValues(t, (b) => b.map((y) => ({ id: y.id, permission: y.permission })).sort((y, D) => y.id - D.id)), k = ot.mapValues(w, (b) => b.map((y) => ({ id: y.id, permission: y.permission })).sort((y, D) => y.id - D.id));
     console.log("Existing data:", T), console.log("Changed data:", k);
-    const v = !it.isEqual(T, k);
+    const v = !ot.isEqual(T, k);
     console.log("hasPermissionChanged:", v), A(v), x(f === pe.MEMBERS ? O : pe.INVITE);
   };
   return /* @__PURE__ */ e(ue, { appear: !0, show: a, as: Q, children: /* @__PURE__ */ n(be, { as: "div", className: "relative z-50", onClose: U, children: [
@@ -3466,7 +3466,7 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
               children: /* @__PURE__ */ e(
                 ns,
                 {
-                  entity: i,
+                  entity: o,
                   onBack: C,
                   onClose: U,
                   onOpenMembers: G,
@@ -3513,12 +3513,12 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
               children: /* @__PURE__ */ e(
                 as,
                 {
-                  entity: i,
+                  entity: o,
                   onManage: Y,
                   onClose: U,
                   existingShares: r,
                   calledBy: l,
-                  showExistingShares: o,
+                  showExistingShares: i,
                   onFinalSubmit: (w) => {
                     s(w, r);
                   },
@@ -3539,12 +3539,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
@@ -3592,7 +3592,7 @@ function at({
   };
   return /* @__PURE__ */ e(K, { value: U, onChange: (w) => {
     const T = Array.from(new Set(w.map((k) => d(k))));
-    g !== -1 && T.length > g || i(T);
+    g !== -1 && T.length > g || o(T);
   }, multiple: !0, by: "id", children: ({ open: w }) => /* @__PURE__ */ n("div", { children: [
     /* @__PURE__ */ e(
       K.Label,
@@ -3607,12 +3607,12 @@ function at({
         K.Button,
         {
           "aria-labelledby": $,
-          "aria-invalid": !!o,
-          "aria-describedby": o ? A : void 0,
+          "aria-invalid": !!i,
+          "aria-describedby": i ? A : void 0,
           onBlur: l,
           className: Ge(
             "relative w-full min-h-[38px] cursor-default rounded-md bg-white py-1.5 pl-3 pr-10 text-left text-gray-900 shadow-sm ring-1 ring-inset focus:outline-none focus:ring-2 focus:ring-gray-600 sm:text-sm sm:leading-6",
-            o ? "ring-red-500" : "ring-gray-300"
+            i ? "ring-red-500" : "ring-gray-300"
           ),
           children: [
             /* @__PURE__ */ e("span", { className: "block truncate", children: C() }),
@@ -3678,7 +3678,7 @@ function at({
           ] })
         }
       ),
-      o && /* @__PURE__ */ e("p", { id: A, className: "mt-1 text-sm text-red-600", children: o })
+      i && /* @__PURE__ */ e("p", { id: A, className: "mt-1 text-sm text-red-600", children: i })
     ] })
   ] }) });
 }
@@ -3728,10 +3728,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 = (x) => {
@@ -3760,9 +3760,9 @@ const Wl = ({
             onClick: f,
             children: [
               /* @__PURE__ */ n("div", { className: "flex justify-between items-center border-b border-gray-200 p-6 flex-shrink-0", children: [
-                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",
@@ -3773,15 +3773,15 @@ const Wl = ({
                 }
               ),
               l?.show && !l?.customFooter && /* @__PURE__ */ n("div", { className: "border-t flex justify-end border-gray-200 p-6 flex-shrink-0", children: [
-                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"
                   }
                 ),
@@ -3807,7 +3807,7 @@ const Wl = ({
     }
   );
 };
-function os({ listeners: t = {}, attributes: a = {} }) {
+function is({ listeners: t = {}, attributes: a = {} }) {
   return /* @__PURE__ */ e(
     "button",
     {
@@ -3825,10 +3825,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
@@ -3838,7 +3838,7 @@ function cs({
 }) {
   const { setNodeRef: N, isOver: d } = cr({ id: x }), { attributes: p, listeners: $, setNodeRef: A, transform: E, isDragging: R } = dr({ id: f }), O = E ? { transform: `translate3d(${Math.round(E.x)}px, ${Math.round(E.y)}px, 0)` } : void 0, [V, U] = L(!1), [Y, G] = L(t.name), C = () => {
     const w = Y.trim();
-    U(!1), w && w !== t.name ? o?.(t, w) : G(t.name);
+    U(!1), w && w !== t.name ? i?.(t, w) : G(t.name);
   }, h = me(() => /* @__PURE__ */ e(
     _n,
     {
@@ -3862,7 +3862,7 @@ function cs({
         w.target.closest(".tv-toggle") || w.target.tagName === "INPUT" || l?.(t);
       },
       children: [
-        /* @__PURE__ */ e("button", { className: "tv-toggle", onClick: i, "aria-label": "toggle", children: t.children?.length ? s ? /* @__PURE__ */ e(vt, { size: 16 }) : /* @__PURE__ */ e(fe, { size: 16 }) : /* @__PURE__ */ e("span", { className: "tv-spacer" }) }),
+        /* @__PURE__ */ e("button", { className: "tv-toggle", onClick: o, "aria-label": "toggle", children: t.children?.length ? s ? /* @__PURE__ */ e(vt, { size: 16 }) : /* @__PURE__ */ e(fe, { size: 16 }) : /* @__PURE__ */ e("span", { className: "tv-spacer" }) }),
         /* @__PURE__ */ e(Le, { size: 16, className: "tv-folder-ic" }),
         /* @__PURE__ */ e("div", { className: "tv-name", ref: A, children: V ? /* @__PURE__ */ e(
           "input",
@@ -3877,7 +3877,7 @@ function cs({
             autoFocus: !0
           }
         ) : /* @__PURE__ */ e("span", { onDoubleClick: () => U(!0), children: t.name }) }),
-        /* @__PURE__ */ e(os, { listeners: $, attributes: p }),
+        /* @__PURE__ */ e(is, { listeners: $, attributes: p }),
         /* @__PURE__ */ e("div", { className: "tv-actions", children: g ? g(t, {
           onCreateChild: () => m?.(t),
           onRename: () => U(!0),
@@ -3888,7 +3888,7 @@ function cs({
   );
 }
 const ds = (t) => String(t.id ?? t._id), ms = (t) => t.parent !== void 0 ? String(t.parent) : t.parentId != null ? String(t.parentId) : "root", us = (t) => t.name ?? t.label ?? "", hs = (t) => Array.isArray(t) && t.some((a) => Array.isArray(a.children));
-function ps(t, { rootId: a, getId: s, getParent: 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);
@@ -3896,23 +3896,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), x = {
       ...u,
       id: f,
-      name: i(u),
+      name: o(u),
       parentId: g || a,
       children: (u.children || []).map((r) => m(r, f))
     };
@@ -3923,38 +3923,38 @@ function gs(t, { rootId: a, getId: s, getName: i }) {
 const Me = (t) => t.map((a) => ({ ...a, children: Me(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;
     }
   }
@@ -3964,10 +3964,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,
@@ -3978,10 +3978,10 @@ function Jl({
   // ← allow root moves by default now
   indentUnit: p = 24
 }) {
-  const { roots: $ } = me(() => hs(t) ? gs(t, { rootId: a, getId: i, getName: m }) : ps(
+  const { roots: $ } = me(() => hs(t) ? gs(t, { rootId: a, getId: o, getName: m }) : ps(
     t.map((y) => ({ ...y })),
-    { rootId: a, getId: i, getParent: l, getName: m }
-  ), [t, a, i, l, m]), [A, E] = L({}), R = ae((y) => {
+    { rootId: a, getId: o, getParent: l, getName: m }
+  ), [t, a, o, l, m]), [A, E] = L({}), R = ae((y) => {
     const D = {};
     return (function M(z) {
       z.forEach((P) => {
@@ -4041,7 +4041,7 @@ function Jl({
           depth: D,
           expanded: !!A[M.id],
           onToggle: () => O(M.id),
-          onSelect: o,
+          onSelect: i,
           onCreateChild: g,
           onRename: f,
           onDelete: x,
@@ -4053,7 +4053,7 @@ function Jl({
       ),
       A[M.id] && M.children?.length > 0 ? b(M.children, D + 1) : null
     ] }, M.id)),
-    [A, p, g, x, f, o, N, O]
+    [A, p, g, x, f, i, N, O]
   );
   return se.useMemo(() => {
     if (!C) return null;
@@ -4098,10 +4098,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
 }) => {
@@ -4111,8 +4111,8 @@ const Xl = ({
   ), x = (N) => we(
     "text-left text-sm rounded-md px-2 py-1.5 focus:outline-none",
     N ? "bg-primaryX text-white" : "text-textX hover:bg-lightgray-100 hover:text-primaryX"
-  ), r = ({ selected: N }) => o ? typeof o == "function" ? o(N) : o : g ? x(N) : f(N);
-  return /* @__PURE__ */ e(ne.Group, { vertical: g, ...u, children: g ? /* @__PURE__ */ n("div", { className: we("flex gap-4", i), children: [
+  ), r = ({ selected: N }) => i ? typeof i == "function" ? i(N) : i : g ? x(N) : f(N);
+  return /* @__PURE__ */ e(ne.Group, { vertical: g, ...u, children: g ? /* @__PURE__ */ n("div", { className: we("flex gap-4", o), children: [
     /* @__PURE__ */ e(ne.List, { className: we("w-[150px] flex flex-col gap-1 border-r border-gray-300 pr-2", l), children: t.map((N) => /* @__PURE__ */ e(ne, { className: r, children: N.label }, N.key)) }),
     /* @__PURE__ */ e(ne.Panels, { unmount: !a, className: we("flex-1", m), children: t.map((N) => /* @__PURE__ */ e(ne.Panel, { className: "focus:outline-none", children: /* @__PURE__ */ e("div", { className: "[overflow-anchor:none]", children: N.content }) }, N.key)) })
   ] }) : (
@@ -4127,9 +4127,9 @@ function Hl(t, a = "YYYY-MM-DD HH:mm:ss") {
   return t ? (t.endsWith("Z") || /[+\-]\d{2}:?\d{2}$/.test(t) ? zt.parseZone(t) : zt.utc(t)).local().format(a) : null;
 }
 c.string;
-function ys({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
+function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
   console.log(t);
-  const [l, m] = se.useState(t), [o, u] = se.useState(() => {
+  const [l, m] = se.useState(t), [i, u] = se.useState(() => {
     const r = a && a[t.key] || {};
     return console.log("Initial Section data for", t.key, r), r;
   }), g = ge(a);
@@ -4139,14 +4139,14 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: 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 x = (r) => {
     if (!r.dependsOn) return !0;
-    const { field: N, value: d, operator: p = "equals" } = r.dependsOn, $ = o[N];
+    const { field: N, value: d, operator: p = "equals" } = r.dependsOn, $ = i[N];
     switch (p) {
       case "equals":
         return $ === d;
@@ -4205,17 +4205,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,
-            className: `w-full ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
+            readOnly: r.readonly ? r.readonly : !1,
+            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(
@@ -4224,18 +4225,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,
-            className: `w-full ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
+            readOnly: r.readonly ? r.readonly : !1,
+            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(
@@ -4245,12 +4247,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, $ = { ...o, [r.key]: p };
+              const p = d.target.value, $ = { ...i, [r.key]: p };
               u($), s && s(l.key, $);
             },
             onBlur: (d) => {
@@ -4262,7 +4264,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: [
@@ -4273,16 +4275,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(
           da,
           {
             name: r.key,
-            checked: !!(o[r.key] || r.default),
+            checked: !!(i[r.key] || r.default),
             onChange: (d) => {
-              const p = { ...o, [r.key]: d };
+              const p = { ...i, [r.key]: d };
               u(p), s && s(l.key, p);
             },
             label: r.placeholder || r.label,
@@ -4290,7 +4292,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(
@@ -4298,19 +4300,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(
@@ -4320,17 +4322,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(
@@ -4340,17 +4342,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(
@@ -4360,62 +4362,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"
         }
       ) }),
@@ -4423,14 +4425,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"
         }
       ) }),
@@ -4438,9 +4440,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 || [],
@@ -4448,7 +4450,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: [
@@ -4459,9 +4461,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 $ = { ...o, [r.key]: p.target.value };
+                const $ = { ...i, [r.key]: p.target.value };
                 u($), s && s(l.key, $);
               },
               disabled: r.disabled
@@ -4472,22 +4474,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(
@@ -4497,16 +4499,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(
@@ -4516,16 +4518,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(
@@ -4534,15 +4536,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(
@@ -4551,26 +4553,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(
@@ -4579,24 +4581,24 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             type: "file",
             name: r.key,
             onChange: (d) => {
-              const p = d.target.files[0], $ = { ...o, [r.key]: p ? p.name : "" };
+              const p = d.target.files[0], $ = { ...i, [r.key]: p ? p.name : "" };
               u($), s && s(l.key, $);
             },
             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,
@@ -4606,7 +4608,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",
@@ -4623,9 +4625,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] = L(t), [o, u] = L(null), [g, f] = L(null);
+  const [l, m] = L(t), [i, u] = L(null), [g, f] = L(null);
   console.log(`[DataTableRenderer] ${l.key} - Received props:`, { item: t, initialData: a });
   const [x, r] = L(() => {
     const h = a && a[l.key] || [], w = h.length > 0 ? h : [{ id: 0 }];
@@ -4652,7 +4654,7 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         const D = [...y];
         return D[v][h.key] = b, D;
       });
-    }, T = (v) => i[l.key]?.[v]?.[h.key], k = (v) => {
+    }, T = (v) => o[l.key]?.[v]?.[h.key], k = (v) => {
       const b = T(v);
       return b ? /* @__PURE__ */ e("div", { className: "text-red-500 text-xs mt-1", children: b }) : null;
     };
@@ -5028,17 +5030,17 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
   }, []), C = ae((h) => {
     console.log("[DataTableRenderer] handleAddAudience called with:", h), r((w) => {
       const T = [...w];
-      if (o !== null && g && T[o]) {
+      if (i !== null && g && T[i]) {
         const k = h.pendingInvites || [], v = k.filter((D) => D.type === "User"), b = k.filter((D) => D.type === "Group"), y = k.filter((D) => D.type === "Role");
-        T[o][g] = {
-          users: [...T[o][g]?.users || [], ...v],
-          groups: [...T[o][g]?.groups || [], ...b],
-          roles: [...T[o][g]?.roles || [], ...y]
-        }, console.log("[DataTableRenderer] Updated audience data:", T[o][g]);
+        T[i][g] = {
+          users: [...T[i][g]?.users || [], ...v],
+          groups: [...T[i][g]?.groups || [], ...b],
+          roles: [...T[i][g]?.roles || [], ...y]
+        }, console.log("[DataTableRenderer] Updated audience data:", T[i][g]);
       }
       return T;
     }), 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: [
@@ -5093,14 +5095,14 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         w
       )) })
     ] }) }),
-    o !== null && (() => {
-      const h = x[o] && x[o][g] ? {
-        users: x[o][g].users || [],
-        groups: x[o][g].groups || [],
-        roles: x[o][g].roles || []
+    i !== null && (() => {
+      const h = x[i] && x[i][g] ? {
+        users: x[i][g].users || [],
+        groups: x[i][g].groups || [],
+        roles: x[i][g].roles || []
       } : { users: [], groups: [], roles: [] };
-      return console.log("[DataTableRenderer] Opening modal with existing data:", h), console.log("[DataTableRenderer] Row data:", x[o]), console.log("[DataTableRenderer] Field name:", g), /* @__PURE__ */ e(
-        is,
+      return console.log("[DataTableRenderer] Opening modal with existing data:", h), console.log("[DataTableRenderer] Row data:", x[i]), console.log("[DataTableRenderer] Field name:", g), /* @__PURE__ */ e(
+        os,
         {
           isOpen: !0,
           onClose: () => {
@@ -5172,10 +5174,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
@@ -5245,7 +5247,7 @@ const Mt = () => {
       });
     x(null), N("");
   }, w = (z) => {
-    o && p((P) => {
+    i && p((P) => {
       const F = P.filter((S) => S.id !== z.id);
       return s?.(F), F;
     });
@@ -5277,7 +5279,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: O,
@@ -5380,7 +5382,7 @@ const Mt = () => {
                   children: /* @__PURE__ */ e(yr, { color: "#767676" })
                 }
               ),
-              o && /* @__PURE__ */ e(
+              i && /* @__PURE__ */ e(
                 "span",
                 {
                   className: F === 0 && !z.protected ? "cursor-pointer" : "cursor-not-allowed",
@@ -5398,20 +5400,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: x = !0,
     allowReorder: r = !0,
     className: N = ""
-  } = 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(
@@ -5451,10 +5453,10 @@ function zs({
   appid: t,
   configdata: a = null,
   disableApi: s = !1,
-  onCancel: i,
+  onCancel: o,
   onSave: l
 }) {
-  const [m, o] = se.useState(a), [u, g] = se.useState(null), [f, x] = L(!1), [r, N] = L(!1), [d, p] = L({}), $ = `${ze()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, A = $, [E, R] = L(1), O = (k) => {
+  const [m, i] = se.useState(a), [u, g] = se.useState(null), [f, x] = L(!1), [r, N] = L(!1), [d, p] = L({}), $ = `${ze()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, A = $, [E, R] = L(1), O = (k) => {
     if (!a || !a.configuration)
       return k;
     const v = {}, b = k?.configuration || {};
@@ -5529,7 +5531,7 @@ function zs({
         x(!1);
       }
     };
-    a && (o(a), t ? k() : V());
+    a && (i(a), t ? k() : V());
   }, [a, E, t, s]);
   const U = (k, v) => {
     g((b) => ({
@@ -5654,8 +5656,8 @@ function zs({
       }
     })();
   }, w = () => {
-    if (i) {
-      i();
+    if (o) {
+      o();
       return;
     }
     d && Object.keys(d).length > 0 && !window.confirm(
@@ -5720,7 +5722,7 @@ const Ql = ({
   appid: a = "Configuration-Page",
   disableApi: s = !1
 }) => {
-  const [i, l] = L(0), [m, o] = L(!1), {
+  const [o, l] = L(0), [m, i] = L(!1), {
     pageHeader: u = {},
     appletHeader: g = {},
     breadcrumb: f = [],
@@ -5728,15 +5730,16 @@ const Ql = ({
     configuration: r = []
   } = t, N = r.map((C) => {
     if (C.type === "section" && C.fields) {
-      const h = [...C.fields], w = h.findIndex((T) => T.key === "appkey");
+      const h = [...C.fields], w = h.findIndex((T) => T && T.key === "appkey");
       if (w !== -1) {
         const T = h[w];
         if (h[w] = {
           ...T,
           default: a,
           value: a,
-          disabled: !0,
-          placeholder: a
+          readonly: !0,
+          placeholder: a,
+          disabled: !1
         }, h.some((v) => v.key === "displayname")) {
           const v = h.findIndex((y) => y.key === "displayname"), b = h[v] || {};
           h[v] = {
@@ -5773,9 +5776,9 @@ const Ql = ({
     label: C.text,
     href: C.href || "#"
   })), $ = ae(() => {
-    console.log("handleCancelRequest called - showing modal"), o(!0);
+    console.log("handleCancelRequest called - showing modal"), i(!0);
   }, []), A = ae((C) => {
-    o(!1), C.primary ? (console.log("User confirmed cancel - navigating back"), window.history.back()) : console.log("User cancelled the cancel action - modal closed, data preserved");
+    i(!1), C.primary ? (console.log("User confirmed cancel - navigating back"), window.history.back()) : console.log("User cancelled the cancel action - modal closed, data preserved");
   }, []), E = ae((C) => {
     console.log("Configuration changed:", C);
   }, []), R = (() => {
@@ -5899,12 +5902,12 @@ const Ql = ({
         "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(
       In,
@@ -5950,12 +5953,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,
@@ -5976,7 +5979,7 @@ const Kl = ({
   excelFileName: O,
   pdfFileName: V
 }) => {
-  const U = () => l?.current || i?.current, [Y, G] = se.useState(""), C = (t || "export").toString().trim() || "export", h = `${O || C}.xlsx`, w = `${V || C}.pdf`, T = (b, y, D) => Math.max(y, Math.min(b, D)), k = ae(
+  const U = () => l?.current || o?.current, [Y, G] = se.useState(""), C = (t || "export").toString().trim() || "export", h = `${O || C}.xlsx`, w = `${V || C}.pdf`, T = (b, y, D) => Math.max(y, Math.min(b, D)), k = ae(
     (b) => {
       const y = U();
       if (console.log("openColumnChooserNear", y), !!y?.openColumnChooser) {
@@ -6057,7 +6060,7 @@ const Kl = ({
             ee,
             {
               icon: vr,
-              onClick: o,
+              onClick: i,
               size: "small",
               ariaLabel: "Filters",
               category: "secondary",
@@ -6124,16 +6127,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,
@@ -6158,8 +6161,8 @@ function ei(t) {
     ...k
   } = C || {}, [v, b] = se.useState(w?.page || 1), [y, D] = se.useState(T?.pageSize || 20), [M, z] = se.useState(T?.sortKey || "updatedDate"), [P, F] = se.useState(T?.direction || "Descending"), S = me(() => {
     const j = [sn];
-    return o && j.push(ln), u && j.push(on), g && j.push(cn), p && j.push(dn), r && j.push(mn), N && j.push(un), d && j.push(hn), x && j.push(pn), f && j.push(gn), j.push(bn), j;
-  }, [o, u, g, p, r, N, d, x, f]), B = me(() => {
+    return i && j.push(ln), u && j.push(on), g && j.push(cn), p && j.push(dn), r && j.push(mn), N && j.push(un), d && j.push(hn), x && j.push(pn), f && j.push(gn), j.push(bn), j;
+  }, [i, u, g, p, r, N, d, x, f]), B = me(() => {
     const j = () => h.current, re = (W, ve) => {
       !ve && process.env.NODE_ENV !== "production" && console.warn(`[CustomDataGrid] ${W} requested but related service/feature is disabled.`);
     };
@@ -6263,7 +6266,7 @@ function ei(t) {
   return /* @__PURE__ */ n(
     fn,
     {
-      id: i,
+      id: o,
       ref: h,
       dataSource: {
         result: a,
@@ -6271,7 +6274,7 @@ function ei(t) {
       },
       height: $,
       allowPaging: m,
-      allowSorting: o,
+      allowSorting: i,
       allowFiltering: u,
       allowGrouping: g,
       allowReordering: f,
@@ -6295,7 +6298,7 @@ function ei(t) {
     }
   );
 }
-const oe = (t) => {
+const ie = (t) => {
   const a = String(t || "md").toLowerCase();
   return a === "xs" ? "sm" : a === "2lg" || a === "xlg" || a === "xl" ? "lg" : ["sm", "md", "lg"].includes(a) ? a : "md";
 }, ce = {
@@ -6318,25 +6321,25 @@ const oe = (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 ie({
+function oe({
   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), x = (N) => {
     l?.({
       key: f,
       checked: N.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",
     {
@@ -6358,7 +6361,7 @@ function ie({
     }
   );
 }
-ie.propTypes = {
+oe.propTypes = {
   showCheckbox: c.bool,
   checkboxPosition: c.oneOf(["top-left", "top-right"]),
   onSelect: c.func,
@@ -6369,11 +6372,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",
@@ -6382,16 +6385,16 @@ function Ds({
   // spread remaining props (_id, instanceId, etc.)
   ...N
 }) {
-  const d = oe(t), p = ce[d];
+  const d = ie(t), p = ce[d];
   return /* @__PURE__ */ n(
-    ie,
+    oe,
     {
       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 },
       ...N,
       children: [
         /* @__PURE__ */ e("div", { className: "flex items-start justify-between", children: /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${p.title} ml-3`, children: m }) }),
@@ -6492,25 +6495,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 = oe(t), x = ce[f], r = Fs[f], N = (d) => `px-1 pb-2 text-sm font-medium ${d === o ? "text-zinc-900 dark:text-zinc-100 border-b-2" : "text-zinc-500 dark:text-zinc-400"}`;
+  const f = ie(t), x = ce[f], r = Fs[f], N = (d) => `px-1 pb-2 text-sm font-medium ${d === i ? "text-zinc-900 dark:text-zinc-100 border-b-2" : "text-zinc-500 dark:text-zinc-400"}`;
   return /* @__PURE__ */ n(
-    ie,
+    oe,
     {
       className: `flex flex-col ${x.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: [
@@ -6528,14 +6531,14 @@ function Es({
           /* @__PURE__ */ e(
             "span",
             {
-              className: `${N("joined")} ${o === "joined" ? "border-[var(--primaryColor)]" : "border-transparent"}`,
+              className: `${N("joined")} ${i === "joined" ? "border-[var(--primaryColor)]" : "border-transparent"}`,
               children: "Joined"
             }
           ),
           /* @__PURE__ */ e(
             "span",
             {
-              className: `${N("suggested")} ${o === "suggested" ? "border-[var(--primaryColor)]" : "border-transparent"}`,
+              className: `${N("suggested")} ${i === "suggested" ? "border-[var(--primaryColor)]" : "border-transparent"}`,
               children: "Suggested"
             }
           )
@@ -6678,23 +6681,23 @@ function Ps({
   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 = oe(t), f = ce[g], x = Os[g];
+  const g = ie(t), f = ce[g], x = Os[g];
   return /* @__PURE__ */ n(
-    ie,
+    oe,
     {
       className: `flex flex-col ${f.card} ${x.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: [
@@ -6703,7 +6706,7 @@ function Ps({
         ] }),
         g === "lg" ? (
           // Large: 3-up grid of image cards
-          /* @__PURE__ */ e("div", { className: `mt-4 ${x.grid}`, children: o.slice(0, 3).map((r) => /* @__PURE__ */ n("article", { children: [
+          /* @__PURE__ */ e("div", { className: `mt-4 ${x.grid}`, children: i.slice(0, 3).map((r) => /* @__PURE__ */ n("article", { children: [
             /* @__PURE__ */ e("img", { src: r.thumb, alt: "", className: x.cardImg }),
             /* @__PURE__ */ e("h4", { className: `mt-3 ${x.title} text-zinc-900 dark:text-zinc-100`, children: r.title }),
             /* @__PURE__ */ e("div", { className: `mt-1 text-zinc-500 dark:text-zinc-400 ${x.date}`, children: r.date }),
@@ -6716,7 +6719,7 @@ function Ps({
           ] }, r._id || r.id || r.instanceId)) })
         ) : (
           // Small/Medium: list rows with thumb left
-          /* @__PURE__ */ e("ul", { className: "mt-4 grid gap-3", children: 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",
@@ -6782,22 +6785,22 @@ const Is = ["All", "Library", "Restaurant", "Parking", "Bus Stop"], Ms = {
     searchH: "h-11 text-base",
     chipGap: "gap-3.5"
   }
-}, Ls = ({ label: t, active: a = !1, size: s = "md", className: i = "" }) => {
+}, Ls = ({ 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 = Is,
   activeFilter: g = "All",
   // NEW: iframe controls
@@ -6807,16 +6810,16 @@ function js({
   // optional full embed URL override
   ...N
 }) {
-  const d = oe(t), p = ce[d], $ = Ms[d], A = r || Bs(f, x);
+  const d = ie(t), p = ce[d], $ = Ms[d], A = r || Bs(f, x);
   return /* @__PURE__ */ e(
-    ie,
+    oe,
     {
       className: `flex flex-col ${p.card} ${$.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
-      onSelect: i,
+      onSelect: o,
       identity: l,
-      details: { type: "campus-map", title: m, campusName: o, activeFilter: g, mapQuery: f, zoom: x },
+      details: { type: "campus-map", title: m, campusName: i, activeFilter: g, mapQuery: f, zoom: x },
       ...N,
       children: /* @__PURE__ */ n("div", { className: `relative mt-3 overflow-hidden rounded-2xl border border-zinc-200 dark:border-zinc-800 ${$.mapH}`, children: [
         /* @__PURE__ */ e(
@@ -6833,7 +6836,7 @@ function js({
         ),
         /* @__PURE__ */ n("div", { className: "absolute left-4 right-4 top-3 flex items-center justify-between pointer-events-none", children: [
           /* @__PURE__ */ n("div", { className: `flex items-center rounded-full bg-white dark:bg-zinc-900 shadow border border-zinc-200 dark:border-zinc-700 ${$.campusPill}`, children: [
-            /* @__PURE__ */ e("span", { className: "truncate max-w-[60vw]", children: 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: [
@@ -6942,13 +6945,13 @@ const Vs = [
     time: a.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })
   };
 };
-function jt({ ev: t, sizeMeta: a, isSelected: s, onClick: i }) {
-  const { day: l, month: m, time: o } = Ta(t.date);
+function jt({ 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,
@@ -6959,7 +6962,7 @@ function jt({ 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
           ] })
         ] })
       ]
@@ -6968,12 +6971,12 @@ function jt({ 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 }),
@@ -7006,25 +7009,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, x] = L(u), r = oe(t), N = ce[r], d = _s[r], p = o[f] || o[0], $ = (E, R) => {
-    x(R), i?.(E);
+  const [f, x] = L(u), r = ie(t), N = ce[r], d = _s[r], p = i[f] || i[0], $ = (E, R) => {
+    x(R), o?.(E);
   }, A = r === "lg";
   return /* @__PURE__ */ n(
-    ie,
+    oe,
     {
       className: `flex flex-col ${N.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: [
@@ -7034,7 +7037,7 @@ function qs({
         A ? (
           // Large: Two-column layout
           /* @__PURE__ */ n("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [
-            /* @__PURE__ */ e("div", { className: "space-y-1", children: o.map((E, R) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e("div", { className: "space-y-1", children: i.map((E, R) => /* @__PURE__ */ e(
               jt,
               {
                 ev: E,
@@ -7048,7 +7051,7 @@ function qs({
           ] })
         ) : (
           // Small/Medium: Simple list only
-          /* @__PURE__ */ e("div", { className: "space-y-1", children: o.map((E, R) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "space-y-1", children: i.map((E, R) => /* @__PURE__ */ e(
             jt,
             {
               ev: E,
@@ -7168,8 +7171,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);
@@ -7178,13 +7181,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" })
             }
@@ -7221,17 +7224,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,
   ...x
 }) {
-  const [r, N] = L(u), d = oe(t), p = ce[d], $ = Ws[d], A = (O, V) => {
-    N(V), i?.(O);
+  const [r, N] = L(u), d = ie(t), p = ce[d], $ = Ws[d], A = (O, V) => {
+    N(V), o?.(O);
   }, E = (O) => {
     const V = { ...O, starred: !O.starred };
     g?.(V);
@@ -7240,19 +7243,19 @@ function Xs({
     f?.(V);
   };
   return /* @__PURE__ */ n(
-    ie,
+    oe,
     {
       className: `flex flex-col ${p.card} ${$.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 },
       ...x,
       children: [
         /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${p.title}`, children: m }) }),
         /* @__PURE__ */ e(he, { placeholder: "Type to search..." }),
-        /* @__PURE__ */ e("div", { className: "space-y-0", children: o.map((O, V) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "space-y-0", children: i.map((O, V) => /* @__PURE__ */ e(
           Js,
           {
             email: O,
@@ -7381,12 +7384,12 @@ const Hs = [
     // two columns for large screens
   }
 };
-function Vt({ contact: t, sizeMeta: a, isSelected: s, onClick: i }) {
+function Vt({ 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: [
@@ -7475,31 +7478,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 = Hs,
+  contacts: i = Hs,
   selectedIndex: u = 0,
   ...g
 }) {
-  const [f, x] = L(u), r = oe(t), N = ce[r], d = Qs[r], p = (E, R) => {
-    x(R), i?.(E);
-  }, $ = o[f] || o[0], A = d.layout === "split";
+  const [f, x] = L(u), r = ie(t), N = ce[r], d = Qs[r], p = (E, R) => {
+    x(R), o?.(E);
+  }, $ = i[f] || i[0], A = d.layout === "split";
   return /* @__PURE__ */ n(
-    ie,
+    oe,
     {
       className: `flex flex-col ${N.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 ${N.title}`, children: m }) }),
         /* @__PURE__ */ e(Ks, { sizeMeta: d }),
         A ? /* @__PURE__ */ n("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6 min-h-0", children: [
-          /* @__PURE__ */ e("div", { className: "space-y-3", children: o.map((E, R) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "space-y-3", children: i.map((E, R) => /* @__PURE__ */ e(
             Vt,
             {
               contact: E,
@@ -7518,7 +7521,7 @@ function el({
           )
         ] }) : (
           // Single column layout for small screens
-          /* @__PURE__ */ e("div", { className: "space-y-3", children: o.map((E, R) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "space-y-3", children: i.map((E, R) => /* @__PURE__ */ e(
             Vt,
             {
               contact: E,
@@ -7556,12 +7559,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",
         {
@@ -7608,11 +7611,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,
@@ -7634,22 +7637,22 @@ function rl({
   ],
   ...r
 }) {
-  const N = oe(t), d = ce[N], p = al[N];
+  const N = ie(t), d = ce[N], p = al[N];
   return /* @__PURE__ */ n(
-    ie,
+    oe,
     {
       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(vt, { className: "h-4 w-4 opacity-70" })
           ] })
         ] }),
@@ -7791,30 +7794,30 @@ function _t({ leave: t, sizeMeta: a }) {
       /* @__PURE__ */ e("span", { className: `font-medium text-zinc-900 dark:text-zinc-100 ${a.table}`, children: t.name }),
       /* @__PURE__ */ e("span", { className: `text-zinc-600 dark:text-zinc-400 ${a.table}`, children: t.available })
     ] }) }),
-    /* @__PURE__ */ e("div", { className: "divide-y divide-zinc-200 dark:divide-zinc-800", children: t.breakdown.map((s, 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] = L("vacation"), [x, r] = L(!1), N = oe(t), d = ce[N], p = nl[N], $ = qe.find((A) => A.id === g) || qe[0];
+  const [g, f] = L("vacation"), [x, r] = L(!1), N = ie(t), d = ce[N], p = nl[N], $ = qe.find((A) => A.id === g) || qe[0];
   return /* @__PURE__ */ n(
-    ie,
+    oe,
     {
       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,
@@ -7825,7 +7828,7 @@ function sl({
             /* @__PURE__ */ n("div", { className: `text-zinc-600 dark:text-zinc-400 ${p.term} flex items-center gap-2`, children: [
               /* @__PURE__ */ e(qt, { className: "h-4 w-4" }),
               "Term - ",
-              o
+              i
             ] })
           ] }),
           /* @__PURE__ */ n("div", { className: "relative", children: [
@@ -7915,7 +7918,7 @@ const ll = [
   //     icon: Video,
   //     color: "text-purple-500"
   // }
-], il = [
+], ol = [
   {
     id: "file-1",
     name: "2024 - Taurus",
@@ -7948,7 +7951,7 @@ const ll = [
     icon: pt,
     color: "text-orange-500"
   }
-], ol = {
+], il = {
   sm: {
     wrap: "max-w-xs w-full",
     title: "text-base font-semibold",
@@ -7978,9 +7981,9 @@ const ll = [
   }
 };
 function Ut({ 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 })
@@ -7992,20 +7995,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] = L(!1), x = oe(t), r = ce[x], N = ol[x];
+  const [g, f] = L(!1), x = ie(t), r = ce[x], N = il[x];
   return /* @__PURE__ */ n(
-    ie,
+    oe,
     {
       className: `flex flex-col ${r.card} ${N.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
-      onSelect: i,
+      onSelect: o,
       identity: l,
       details: { type: "drive", title: m },
       ...u,
@@ -8013,7 +8016,7 @@ function cl({
         /* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ n("div", { children: [
             /* @__PURE__ */ e("h3", { className: `text-zinc-900 dark:text-zinc-100 ${N.title} mb-1`, children: m }),
-            /* @__PURE__ */ e("div", { className: "text-zinc-600 dark:text-zinc-400 text-sm", children: o })
+            /* @__PURE__ */ e("div", { className: "text-zinc-600 dark:text-zinc-400 text-sm", children: i })
           ] }),
           /* @__PURE__ */ n("div", { className: "relative", children: [
             /* @__PURE__ */ e(
@@ -8046,7 +8049,7 @@ function cl({
         )) }),
         N.showRecent && /* @__PURE__ */ n("div", { className: "", children: [
           /* @__PURE__ */ e("h4", { className: `font-semibold text-zinc-900 dark:text-zinc-100 mb-3 ${N.item}`, children: "Recent Files" }),
-          /* @__PURE__ */ e("div", { className: "space-y-2", children: il.map((d) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "space-y-2", children: ol.map((d) => /* @__PURE__ */ e(
             Ut,
             {
               item: d,
@@ -8189,9 +8192,9 @@ const dl = [
       };
   }
 };
-function hl({ alert: t, sizeMeta: a, onDismiss: s, onMarkRead: i }) {
-  const [l, m] = L(!1), o = Aa(t.type), u = ul(t.type);
-  return l ? null : /* @__PURE__ */ n("div", { className: `relative rounded-lg border-l-4 p-4 transition-all duration-200 ${o.bg} ${o.border} ${t.read ? "border-l-2 opacity-80" : "border-l-4"}`, style: { borderLeftColor: o.accent }, children: [
+function hl({ alert: t, sizeMeta: a, onDismiss: s, onMarkRead: o }) {
+  const [l, m] = L(!1), i = Aa(t.type), u = ul(t.type);
+  return l ? null : /* @__PURE__ */ n("div", { className: `relative rounded-lg border-l-4 p-4 transition-all duration-200 ${i.bg} ${i.border} ${t.read ? "border-l-2 opacity-80" : "border-l-4"}`, style: { borderLeftColor: i.accent }, children: [
     /* @__PURE__ */ e(
       "button",
       {
@@ -8200,7 +8203,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: Gt(t.title, a.maxTitleWords) }),
         a.showMessage && t.message && /* @__PURE__ */ e("div", { className: `${a.message} text-zinc-600 dark:text-zinc-400 mb-2 leading-relaxed`, children: Gt(t.message, a.maxMessageWords) }),
@@ -8214,8 +8217,8 @@ function hl({ alert: t, sizeMeta: a, onDismiss: s, onMarkRead: i }) {
   ] });
 }
 function pl({ alert: t, onDismiss: a }) {
-  const [s, i] = L(!1), l = Aa("banner"), m = () => {
-    i(!0), a?.(t);
+  const [s, o] = L(!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(na, { className: `h-5 w-5 mt-0.5 ${l.icon}` }),
@@ -8237,23 +8240,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, x] = L(o), r = oe(t), N = ce[r], d = ml[r], p = (E) => {
+  const [f, x] = L(i), r = ie(t), N = ce[r], d = ml[r], p = (E) => {
     x((R) => R.filter((O) => O.id !== E.id));
   }, $ = f.find((E) => E.type === "banner"), A = f.filter((E) => E.type !== "banner");
   return /* @__PURE__ */ n(
-    ie,
+    oe,
     {
       className: `flex flex-col ${N.card} ${d.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
-      onSelect: i,
+      onSelect: o,
       identity: l,
       details: { type: "alerts", title: m, count: f.length },
       ...g,
@@ -8378,7 +8381,7 @@ const bl = [
   }
 };
 function yl({ video: t, sizeMeta: a }) {
-  const [s, i] = L(!1);
+  const [s, o] = L(!1);
   return /* @__PURE__ */ n("div", { className: "group cursor-pointer", children: [
     /* @__PURE__ */ n("div", { className: `relative ${a.thumbnailHeight} rounded-lg overflow-hidden  bg-zinc-200 dark:bg-zinc-800`, children: [
       /* @__PURE__ */ e(
@@ -8414,22 +8417,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] = L(!1), x = oe(t), r = ce[x], N = fl[x];
+  const [g, f] = L(!1), x = ie(t), r = ce[x], N = fl[x];
   return /* @__PURE__ */ n(
-    ie,
+    oe,
     {
       className: `flex flex-col ${r.card} ${N.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: [
@@ -8454,7 +8457,7 @@ function xl({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { className: `grid ${N.gridCols} gap-4 `, children: o.slice(0, N.gridCols === "grid-cols-3" ? 6 : 4).map((d) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: `grid ${N.gridCols} gap-4 `, children: i.slice(0, N.gridCols === "grid-cols-3" ? 6 : 4).map((d) => /* @__PURE__ */ e(
           yl,
           {
             video: d,
@@ -8491,7 +8494,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,
@@ -8501,7 +8504,7 @@ export {
   js as CampusMapMock,
   da as Checkbox,
   Es as CommunitiesMock,
-  ei as CustomDataGrid,
+  eo as CustomDataGrid,
   Wl as CustomDialog,
   Kl as CustomGridToolbar,
   Xl as CustomTab,
@@ -8530,7 +8533,7 @@ export {
   ha as RadioGroup,
   he as SearchBar,
   ft as Select,
-  ie as SelectableCard,
+  oe as SelectableCard,
   Pl as Sidebar,
   ga as Spinner,
   ba as Textarea,
@@ -8558,7 +8561,7 @@ export {
   Yl as http,
   qn as localStore,
   wt as myDriveGatewayBaseV2,
-  oe as normalizeSize,
+  ie as normalizeSize,
   Ie as notify,
   ka as provisioningBase,
   Ca as rbacBase,