unifyedx-storybook-new 0.2.51 → 0.2.52

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

@@ -1,8 +1,8 @@
 import { jsxs as n, jsx as e, Fragment as te } from "react/jsx-runtime";
-import ae, { useState as j, useMemo as oe, useId as Xe, Fragment as H, useEffect as Z, useCallback as se, useRef as ge } from "react";
-import { a as Q, U as dt, X as ye, P as c, L as ja, C as fe, b as Ke, D as mt, f as zt, d as Yt, F as Va, e as _a, h as Ua, T as Qe, u as Ga, I as Wt, i as Jt, j as qa, k as Ya, l as Wa, m as Xt, S as vt, n as Qt, M as Ja, o as Xa, p as Nt, q as Qa, A as Ha, E as Ht, r as Za, s as Ka, t as er, v as tr, w as Zt, x as ar, y as Kt, z as ea, B as rr, G as nr, H as sr, J as He, K as ut, N as ht, O as lr, Q as or, R as ta, V as ir, W as wt, Y as cr, Z as dr, _ as Le, $ as mr, a0 as ur, a1 as hr, a2 as pr, a3 as gr, a4 as br, a5 as St, a6 as fr, a7 as yr, a8 as xr, a9 as vr, aa as Nr, ab as wr, ac as kr, ad as Cr, ae as zr, af as Ae, ag as aa, ah as Sr, ai as Dr, aj as $r, ak as Tr, al as Ar, am as ra, an as Fr, ao as Er, ap as na, aq as Rr, ar as pt, as as sa, at as Or } from "./vendor-DoYRzmYd.js";
-import { Popover as Ir, PopoverButton as Pr, PopoverPanel as Lr, Transition as ue, Dialog as be, TransitionChild as Ne, DialogPanel as Fe, DialogTitle as et, TabGroup as Mr, TabList as Br, Tab as ne, TabPanels as jr, RadioGroup as _e, Listbox as K, ListboxButton as Vr, ListboxOptions as _r, ListboxOption as Ur, SwitchGroup as Gr, Switch as lt, Menu as qr, MenuButton as Yr, Portal as Wr, MenuItems as Jr, MenuItem as Xr, DialogBackdrop as Qr } from "@headlessui/react";
-import { motion as le, AnimatePresence as ke } from "framer-motion";
+import re, { useState as j, useMemo as le, useId as Xe, Fragment as H, useEffect as Z, useCallback as ae, useRef as ge } from "react";
+import { a as Q, U as dt, X as ye, P as c, L as ja, C as fe, b as Ke, D as mt, f as zt, d as Yt, F as Va, e as _a, h as Ua, T as Qe, u as Ga, I as Wt, i as Jt, j as qa, k as Ya, l as Wa, m as Xt, S as vt, n as Qt, M as Ja, o as Xa, p as Nt, q as Qa, A as Ha, E as Ht, r as Za, s as Ka, t as er, v as tr, w as Zt, x as ar, y as Kt, z as ea, B as rr, G as nr, H as sr, J as He, K as ut, N as ht, O as lr, Q as or, R as ta, V as ir, W as wt, Y as cr, Z as dr, _ as Me, $ as mr, a0 as ur, a1 as hr, a2 as pr, a3 as gr, a4 as br, a5 as St, a6 as fr, a7 as yr, a8 as xr, a9 as vr, aa as Nr, ab as wr, ac as kr, ad as Cr, ae as zr, af as Ae, ag as aa, ah as Sr, ai as Dr, aj as $r, ak as Tr, al as Ar, am as ra, an as Fr, ao as Er, ap as na, aq as Rr, ar as pt, as as sa, at as Or } from "./vendor-DoYRzmYd.js";
+import { Popover as Ir, PopoverButton as Pr, PopoverPanel as Mr, Transition as ue, Dialog as be, TransitionChild as Ne, DialogPanel as Fe, DialogTitle as et, TabGroup as Lr, TabList as Br, Tab as se, TabPanels as jr, RadioGroup as _e, Listbox as K, ListboxButton as Vr, ListboxOptions as _r, ListboxOption as Ur, SwitchGroup as Gr, Switch as lt, Menu as qr, MenuButton as Yr, Portal as Wr, MenuItems as Jr, MenuItem as Xr, DialogBackdrop as Qr } from "@headlessui/react";
+import { motion as oe, AnimatePresence as ke } from "framer-motion";
 import { d as Hr } from "./vendor-lodash-DUMS_goM.js";
 import { useFloating as la, offset as oa, flip as ia, shift as ca, autoUpdate as da, useClick as Zr, useDismiss as Kr, useInteractions as en, FloatingPortal as tn } from "@floating-ui/react";
 import ot, { debounce as an } from "lodash";
@@ -29,14 +29,14 @@ const vn = (t) => {
   className: m,
   ...i
 }) => {
-  const [u, g] = j(!1), f = oe(() => Nn(a), []), y = t && !u, r = !y && a, x = !y && !a, d = Q(
+  const [u, g] = j(!1), f = le(() => Nn(a), []), y = t && !u, r = !y && a, v = !y && !a, d = Q(
     "avatar-container",
     `avatar--size-${s}`,
     m
-  ), p = y ? "transparent" : o || f.bg, S = l || f.text;
+  ), p = y ? "transparent" : o || f.bg, z = l || f.text;
   return /* @__PURE__ */ n("div", { className: d, style: {
     backgroundColor: p,
-    color: S
+    color: z
   }, ...i, children: [
     y && /* @__PURE__ */ e(
       "img",
@@ -48,10 +48,10 @@ const vn = (t) => {
       }
     ),
     r && /* @__PURE__ */ e("span", { className: "avatar-initials", "aria-label": a, children: wn(a) }),
-    x && /* @__PURE__ */ e("span", { className: "avatar-icon", children: /* @__PURE__ */ e(dt, {}) })
+    v && /* @__PURE__ */ e("span", { className: "avatar-icon", children: /* @__PURE__ */ e(dt, {}) })
   ] });
 }, kn = ({ children: t, max: a = 4, truncatedMessage: s = "Members", ...o }) => {
-  const l = ae.Children.toArray(t), m = l.slice(0, a), i = l.length - a;
+  const l = re.Children.toArray(t), m = l.slice(0, a), i = l.length - a;
   return /* @__PURE__ */ n("div", { className: "avatar-group-container", ...o, children: [
     m,
     i > 0 && /* @__PURE__ */ n("div", { className: "avatar-container avatar--size-medium avatar-excess", children: [
@@ -153,16 +153,16 @@ const zn = {
   label: y,
   children: r,
   // ✅ Add children to the props list
-  onClick: x,
+  onClick: v,
   ...d
 }) => {
-  const p = g || m, S = u && !y, T = Q(
+  const p = g || m, z = u && !y, $ = Q(
     "btn-base",
     zn[f],
     Sn[i],
     {
       "is-loading": m,
-      "btn-icon-only": S
+      "btn-icon-only": z
     },
     l
   );
@@ -171,11 +171,11 @@ const zn = {
     {
       "data-testid": t,
       type: s,
-      className: T,
+      className: $,
       disabled: p,
-      onClick: x,
-      title: a || S && o || (typeof y == "string" ? y : void 0),
-      "aria-label": o || S && a || (typeof y == "string" ? y : void 0),
+      onClick: v,
+      title: a || z && o || (typeof y == "string" ? y : void 0),
+      "aria-label": o || z && a || (typeof y == "string" ? y : void 0),
       ...d,
       children: m ? /* @__PURE__ */ e(ja, { className: "loader-spin", "data-testid": "button-loader" }) : /* @__PURE__ */ n(te, { children: [
         u && /* @__PURE__ */ e(u, { size: f === "large" ? 20 : 16 }),
@@ -248,7 +248,7 @@ const zn = {
     ] }),
     s && /* @__PURE__ */ e("p", { className: "checkbox-error-message", children: s })
   ] });
-}, $n = ({ children: t }) => /* @__PURE__ */ e(Ir, { className: "popover-container", children: t }), Tn = ({ children: t }) => /* @__PURE__ */ e(Pr, { as: "div", children: t }), An = ({ children: t, className: a }) => /* @__PURE__ */ e(Lr, { className: `popover-panel ${a || ""}`, children: t }), ma = mt, ua = ({
+}, $n = ({ children: t }) => /* @__PURE__ */ e(Ir, { className: "popover-container", children: t }), Tn = ({ children: t }) => /* @__PURE__ */ e(Pr, { as: "div", children: t }), An = ({ children: t, className: a }) => /* @__PURE__ */ e(Mr, { className: `popover-panel ${a || ""}`, children: t }), ma = mt, ua = ({
   value: t,
   onChange: a,
   onClear: s,
@@ -289,7 +289,7 @@ const zn = {
 }) => {
   const f = t?.from, y = t?.to, r = (d) => {
     d.stopPropagation(), d.preventDefault(), s?.();
-  }, x = f && y ? /* @__PURE__ */ n(te, { children: [
+  }, v = f && y ? /* @__PURE__ */ n(te, { children: [
     zt(f, "MMM d, y"),
     " - ",
     zt(y, "MMM d, y")
@@ -308,10 +308,10 @@ const zn = {
               "datepicker-trigger--disabled": i
             }),
             disabled: i,
-            "aria-label": f && y ? `Selected range is ${x}` : o,
+            "aria-label": f && y ? `Selected range is ${v}` : o,
             children: [
               /* @__PURE__ */ e(Yt, { className: "datepicker-icon" }),
-              /* @__PURE__ */ e("span", { className: "datepicker-value", children: x })
+              /* @__PURE__ */ e("span", { className: "datepicker-value", children: v })
             ]
           }
         ),
@@ -600,12 +600,12 @@ const zn = {
   handleRemoveRejectedFile: f,
   handleSubmit: y,
   isSubmitting: r,
-  formErrors: x,
+  formErrors: v,
   // --- UI Text ---
   title: d = "Upload Files",
   subHeading: p = "Supports PNG, JPG, PDF. Max size: 50MB."
 }) => {
-  const S = i.length > 0 || u.length > 0;
+  const z = i.length > 0 || u.length > 0;
   return /* @__PURE__ */ e(ue, { appear: !0, show: t, as: H, children: /* @__PURE__ */ n(
     be,
     {
@@ -641,7 +641,7 @@ const zn = {
               Fe,
               {
                 className: "dialog-panel",
-                onClick: (T) => T.stopPropagation(),
+                onClick: ($) => $.stopPropagation(),
                 children: [
                   /* @__PURE__ */ e("input", { ...o() }),
                   /* @__PURE__ */ n("form", { onSubmit: y, className: "form-wrapper", children: [
@@ -680,11 +680,11 @@ const zn = {
                           ]
                         }
                       ),
-                      x.filesToUpload && /* @__PURE__ */ e("p", { className: "form-error-message", children: x.filesToUpload.message }),
-                      S && /* @__PURE__ */ n("div", { className: "file-list-container", children: [
+                      v.filesToUpload && /* @__PURE__ */ e("p", { className: "form-error-message", children: v.filesToUpload.message }),
+                      z && /* @__PURE__ */ n("div", { className: "file-list-container", children: [
                         /* @__PURE__ */ e("h3", { children: "Upload Queue" }),
                         /* @__PURE__ */ n("ul", { className: "file-list", children: [
-                          i.map((T, R) => /* @__PURE__ */ n(
+                          i.map(($, R) => /* @__PURE__ */ n(
                             "li",
                             {
                               className: "file-item",
@@ -693,12 +693,12 @@ const zn = {
                                   /* @__PURE__ */ e(
                                     Tt,
                                     {
-                                      extension: T.name.split(".").pop()
+                                      extension: $.name.split(".").pop()
                                     }
                                   ),
                                   /* @__PURE__ */ n("div", { children: [
-                                    /* @__PURE__ */ e("p", { className: "file-item-name", children: T.name }),
-                                    /* @__PURE__ */ e("p", { className: "file-item-size", children: At(T.size) })
+                                    /* @__PURE__ */ e("p", { className: "file-item-name", children: $.name }),
+                                    /* @__PURE__ */ e("p", { className: "file-item-size", children: At($.size) })
                                   ] })
                                 ] }),
                                 /* @__PURE__ */ e(
@@ -712,9 +712,9 @@ const zn = {
                                 )
                               ]
                             },
-                            `${T.name}-${R}`
+                            `${$.name}-${R}`
                           )),
-                          u.map(({ file: T, message: R }, O) => /* @__PURE__ */ n(
+                          u.map(({ file: $, message: R }, O) => /* @__PURE__ */ n(
                             "li",
                             {
                               className: "file-item file-item--rejected",
@@ -723,12 +723,12 @@ const zn = {
                                   /* @__PURE__ */ e(
                                     Tt,
                                     {
-                                      extension: T.name.split(".").pop()
+                                      extension: $.name.split(".").pop()
                                     }
                                   ),
                                   /* @__PURE__ */ n("div", { children: [
-                                    /* @__PURE__ */ e("p", { className: "file-item-name", children: T.name }),
-                                    /* @__PURE__ */ e("p", { className: "file-item-size", children: At(T.size) }),
+                                    /* @__PURE__ */ e("p", { className: "file-item-name", children: $.name }),
+                                    /* @__PURE__ */ e("p", { className: "file-item-size", children: At($.size) }),
                                     /* @__PURE__ */ e("p", { className: "rejection-reason", children: R })
                                   ] })
                                 ] }),
@@ -743,7 +743,7 @@ const zn = {
                                 )
                               ]
                             },
-                            `${T.name}-${O}`
+                            `${$.name}-${O}`
                           ))
                         ] })
                       ] })
@@ -777,7 +777,7 @@ const zn = {
       ]
     }
   ) });
-}, Me = (t) => {
+}, Le = (t) => {
   const a = new Date(t);
   return a.setHours(0, 0, 0, 0), a;
 }, Be = (t) => {
@@ -788,10 +788,10 @@ const zn = {
   return s.setDate(s.getDate() + a), s;
 }, ft = (t) => {
   const a = new Date(t), s = a.getDay(), o = a.getDate() - s;
-  return Me(new Date(a.setDate(o)));
+  return Le(new Date(a.setDate(o)));
 }, On = (t) => Be(bt(ft(t), 6)), Ft = (t) => {
   const a = new Date(t);
-  return Me(new Date(a.getFullYear(), a.getMonth(), 1));
+  return Le(new Date(a.getFullYear(), a.getMonth(), 1));
 }, Et = (t) => {
   const a = new Date(t);
   return Be(new Date(a.getFullYear(), a.getMonth() + 1, 0));
@@ -801,12 +801,12 @@ const zn = {
     case "anytime":
       return [null, null];
     case "today":
-      return [Me(a), Be(a)];
+      return [Le(a), Be(a)];
     case "this_week":
       return [ft(a), On(a)];
     case "last_week": {
       const s = bt(ft(a), -7);
-      return [Me(s), Be(bt(s, 6))];
+      return [Le(s), Be(bt(s, 6))];
     }
     case "this_month":
       return [Ft(a), Et(a)];
@@ -834,20 +834,20 @@ const zn = {
   }), [y, r] = j({
     createdBy: !1,
     updatedBy: !1
-  }), [x, d] = j({
+  }), [v, d] = j({
     startDate: null
-  }), [p, S] = j({
+  }), [p, z] = j({
     endDate: null
-  }), T = Ga({
+  }), $ = Ga({
     initialValues: JSON.parse(JSON.stringify(m)),
     // Deep copy
-    onSubmit: (C) => {
+    onSubmit: (F) => {
       const h = {};
-      Object.keys(C).forEach((v) => {
-        h[v] = {
-          operator: C[v].operator || "in",
-          values: Array.isArray(C[v].values) ? C[v].values : [],
-          range: C[v].range || null
+      Object.keys(F).forEach((x) => {
+        h[x] = {
+          operator: F[x].operator || "in",
+          values: Array.isArray(F[x].values) ? F[x].values : [],
+          range: F[x].range || null
         };
       }), console.log("[storybook filter] Applied Filters:", h), typeof s == "function" && s({
         filters: h,
@@ -855,47 +855,47 @@ const zn = {
       }), a();
     },
     enableReinitialize: !0
-  }), R = oe(() => l.reduce((C, h) => {
-    const v = h.key, $ = T.values[v];
-    let B = !1;
-    if ($)
+  }), R = le(() => l.reduce((F, h) => {
+    const x = h.key, S = $.values[x];
+    let L = !1;
+    if (S)
       switch (h.type) {
         case "multiselect":
         case "multiselect-users":
-          B = Array.isArray($.values) && $.values.length > 0;
+          L = Array.isArray(S.values) && S.values.length > 0;
           break;
         case "date":
-          ($.range && $.range !== "" || Array.isArray($.values) && $.values.length > 0) && (B = !0);
+          (S.range && S.range !== "" || Array.isArray(S.values) && S.values.length > 0) && (L = !0);
           break;
       }
-    return C[v] = B, C;
-  }, {}), [l, T.values]), O = Object.values(R).filter(Boolean).length, L = oe(() => l.some((C) => {
-    if (C.type !== "date") return !1;
-    const h = T.values?.[C.key]?.values;
+    return F[x] = L, F;
+  }, {}), [l, $.values]), O = Object.values(R).filter(Boolean).length, P = le(() => l.some((F) => {
+    if (F.type !== "date") return !1;
+    const h = $.values?.[F.key]?.values;
     if (!Array.isArray(h) || h.length < 2) return !1;
-    const [v, $] = h;
-    if (!v || !$) return !1;
-    const B = v instanceof Date ? v : new Date(v), E = $ instanceof Date ? $ : new Date($);
-    return B > E;
-  }), [l, T.values]), _ = async (C, h) => {
+    const [x, S] = h;
+    if (!x || !S) return !1;
+    const L = x instanceof Date ? x : new Date(x), E = S instanceof Date ? S : new Date(S);
+    return L > E;
+  }), [l, $.values]), _ = async (F, h) => {
     try {
-      r(($) => ({ ...$, [C]: !0 }));
-      const v = await u(C, h);
-      f(($) => ({ ...$, [C]: v }));
-    } catch (v) {
-      console.error(`Error fetching ${C} users:`, v);
+      r((S) => ({ ...S, [F]: !0 }));
+      const x = await u(F, h);
+      f((S) => ({ ...S, [F]: x }));
+    } catch (x) {
+      console.error(`Error fetching ${F} users:`, x);
     } finally {
-      r((v) => ({ ...v, [C]: !1 }));
+      r((x) => ({ ...x, [F]: !1 }));
     }
-  }, U = (C) => {
-    const h = l[C].key, v = l[C].url;
-    l[C].type === "multiselect-users" && g[h].length === 0 && !y[h] && _(h, v);
+  }, U = (F) => {
+    const h = l[F].key, x = l[F].url;
+    l[F].type === "multiselect-users" && g[h].length === 0 && !y[h] && _(h, x);
   }, Y = () => {
-    T.resetForm(), f({ createdBy: [], updatedBy: [] }), o();
-  }, G = (C) => {
-    const h = l.find((B) => B.key === C);
+    $.resetForm(), f({ createdBy: [], updatedBy: [] }), o();
+  }, G = (F) => {
+    const h = l.find((L) => L.key === F);
     if (!h) return null;
-    const v = T.values[C] || m[C], $ = Array.isArray(v.values) ? v.values : [];
+    const x = $.values[F] || m[F], S = Array.isArray(x.values) ? x.values : [];
     switch (h.type) {
       case "multiselect":
         return /* @__PURE__ */ n("div", { className: "filter-panel-content", children: [
@@ -904,10 +904,10 @@ const zn = {
             /* @__PURE__ */ e(
               "select",
               {
-                value: v.operator || "in",
-                onChange: (F) => T.setFieldValue(`${C}.operator`, F.target.value),
+                value: x.operator || "in",
+                onChange: (A) => $.setFieldValue(`${F}.operator`, A.target.value),
                 className: "filter-select",
-                children: h.operators.map((F) => /* @__PURE__ */ e("option", { value: F, children: F === "in" ? "Includes" : "Excludes" }, F))
+                children: h.operators.map((A) => /* @__PURE__ */ e("option", { value: A, children: A === "in" ? "Includes" : "Excludes" }, A))
               }
             )
           ] }),
@@ -917,77 +917,77 @@ const zn = {
                 "input",
                 {
                   type: "checkbox",
-                  id: `select-all-${C}`,
+                  id: `select-all-${F}`,
                   className: "filter-checkbox-input",
-                  checked: h.options.length > 0 && $.length === h.options.length,
-                  onChange: (F) => {
-                    const q = F.target.checked ? h.options.map((X) => X.value) : [];
-                    T.setFieldValue(`${C}.values`, q);
+                  checked: h.options.length > 0 && S.length === h.options.length,
+                  onChange: (A) => {
+                    const q = A.target.checked ? h.options.map((X) => X.value) : [];
+                    $.setFieldValue(`${F}.values`, q);
                   }
                 }
               ),
               /* @__PURE__ */ e(
                 "label",
                 {
-                  htmlFor: `select-all-${C}`,
+                  htmlFor: `select-all-${F}`,
                   className: "filter-checkbox-label",
                   children: "Select All"
                 }
               )
             ] }),
-            h.options.map((F) => /* @__PURE__ */ n("div", { className: "filter-checkbox-item", children: [
+            h.options.map((A) => /* @__PURE__ */ n("div", { className: "filter-checkbox-item", children: [
               /* @__PURE__ */ e(
                 "input",
                 {
                   type: "checkbox",
-                  id: `${C}-${F.value}`,
+                  id: `${F}-${A.value}`,
                   className: "filter-checkbox-input",
-                  checked: $.includes(F.value),
+                  checked: S.includes(A.value),
                   onChange: (q) => {
-                    const X = q.target.checked ? [...$, F.value] : $.filter((xe) => xe !== F.value);
-                    T.setFieldValue(`${C}.values`, X);
+                    const X = q.target.checked ? [...S, A.value] : S.filter((xe) => xe !== A.value);
+                    $.setFieldValue(`${F}.values`, X);
                   }
                 }
               ),
               /* @__PURE__ */ e(
                 "label",
                 {
-                  htmlFor: `${C}-${F.value}`,
+                  htmlFor: `${F}-${A.value}`,
                   className: "filter-checkbox-label",
-                  children: F.label
+                  children: A.label
                 }
               )
-            ] }, F.value))
+            ] }, A.value))
           ] })
         ] });
       case "multiselect-users":
-        const B = g[C] || [], E = y[C];
+        const L = g[F] || [], E = y[F];
         return /* @__PURE__ */ n("div", { className: "filter-panel-content", children: [
           /* @__PURE__ */ n("div", { className: "filter-operator-group", children: [
             /* @__PURE__ */ e("label", { className: "filter-label", children: "Operator:" }),
             /* @__PURE__ */ e(
               "select",
               {
-                value: v.operator || "in",
-                onChange: (F) => T.setFieldValue(`${C}.operator`, F.target.value),
+                value: x.operator || "in",
+                onChange: (A) => $.setFieldValue(`${F}.operator`, A.target.value),
                 className: "filter-select",
-                children: h.operators.map((F) => /* @__PURE__ */ e("option", { value: F, children: F === "in" ? "Includes" : "Excludes" }, F))
+                children: h.operators.map((A) => /* @__PURE__ */ e("option", { value: A, children: A === "in" ? "Includes" : "Excludes" }, A))
               }
             )
           ] }),
-          E ? /* @__PURE__ */ e("div", { className: "loading-spinner", children: /* @__PURE__ */ e("div", {}) }) : /* @__PURE__ */ e("div", { className: "filter-checkbox-list", children: B.length > 0 ? /* @__PURE__ */ n(te, { children: [
+          E ? /* @__PURE__ */ e("div", { className: "loading-spinner", children: /* @__PURE__ */ e("div", {}) }) : /* @__PURE__ */ e("div", { className: "filter-checkbox-list", children: L.length > 0 ? /* @__PURE__ */ n(te, { children: [
             /* @__PURE__ */ n("div", { className: "filter-checkbox-item", children: [
               /* @__PURE__ */ e(
                 "input",
                 {
                   type: "checkbox",
-                  id: `select-all-users-${C}`,
+                  id: `select-all-users-${F}`,
                   className: "filter-checkbox-input",
-                  checked: B.length > 0 && $.length === B.length,
-                  onChange: (F) => {
-                    const q = F.target.checked ? B.map((X) => X.email) : [];
-                    T.setFieldValue(
-                      `${C}.values`,
+                  checked: L.length > 0 && S.length === L.length,
+                  onChange: (A) => {
+                    const q = A.target.checked ? L.map((X) => X.email) : [];
+                    $.setFieldValue(
+                      `${F}.values`,
                       q
                     );
                   }
@@ -996,24 +996,24 @@ const zn = {
               /* @__PURE__ */ e(
                 "label",
                 {
-                  htmlFor: `select-all-users-${C}`,
+                  htmlFor: `select-all-users-${F}`,
                   className: "filter-checkbox-label",
                   children: "Select All Users"
                 }
               )
             ] }),
-            B.map((F) => /* @__PURE__ */ n("div", { className: "filter-checkbox-item createdby", children: [
+            L.map((A) => /* @__PURE__ */ n("div", { className: "filter-checkbox-item createdby", children: [
               /* @__PURE__ */ e(
                 "input",
                 {
                   type: "checkbox",
-                  id: `${C}-${F.email}`,
+                  id: `${F}-${A.email}`,
                   className: "filter-checkbox-input",
-                  checked: $.includes(F.email),
+                  checked: S.includes(A.email),
                   onChange: (q) => {
-                    const X = q.target.checked ? [...$, F.email] : $.filter((xe) => xe !== F.email);
-                    T.setFieldValue(
-                      `${C}.values`,
+                    const X = q.target.checked ? [...S, A.email] : S.filter((xe) => xe !== A.email);
+                    $.setFieldValue(
+                      `${F}.values`,
                       X
                     );
                   }
@@ -1022,25 +1022,25 @@ const zn = {
               /* @__PURE__ */ n(
                 "label",
                 {
-                  htmlFor: `${C}-${F.email}`,
+                  htmlFor: `${F}-${A.email}`,
                   className: "filter-checkbox-label",
                   children: [
-                    /* @__PURE__ */ e("span", { className: "user-label-name", children: F.name }),
-                    /* @__PURE__ */ e("span", { className: "user-label-email", children: F.email })
+                    /* @__PURE__ */ e("span", { className: "user-label-name", children: A.name }),
+                    /* @__PURE__ */ e("span", { className: "user-label-email", children: A.email })
                   ]
                 }
               )
-            ] }, F.email))
+            ] }, A.email))
           ] }) : /* @__PURE__ */ e("div", { className: "text-center py-4 text-gray-500 text-sm", children: "No users loaded." }) })
         ] });
       case "date":
-        const z = v.values || [], [b, w] = z, D = b && w, N = z[0] || null, A = z[1] || null, I = {
-          startDate: N instanceof Date ? N.toISOString().slice(0, 10) : null,
-          endDate: N instanceof Date ? N.toISOString().slice(0, 10) : null
+        const C = x.values || [], [b, N] = C, D = b && N, w = C[0] || null, T = C[1] || null, I = {
+          startDate: w instanceof Date ? w.toISOString().slice(0, 10) : null,
+          endDate: w instanceof Date ? w.toISOString().slice(0, 10) : null
         }, k = {
-          startDate: A instanceof Date ? A.toISOString().slice(0, 10) : null,
-          endDate: A instanceof Date ? A.toISOString().slice(0, 10) : null
-        }, M = [
+          startDate: T instanceof Date ? T.toISOString().slice(0, 10) : null,
+          endDate: T instanceof Date ? T.toISOString().slice(0, 10) : null
+        }, B = [
           { key: "anytime", label: "Anytime" },
           { key: "today", label: "Today" },
           { key: "this_week", label: "This Week" },
@@ -1048,17 +1048,17 @@ const zn = {
           { key: "this_month", label: "This Month" },
           { key: "last_month", label: "Last Month" },
           { key: "custom", label: "Custom" }
-        ], P = (F) => {
-          if (F === "anytime") {
-            T.setFieldValue(`${C}.values`, []), T.setFieldValue(`${C}.range`, "anytime");
+        ], M = (A) => {
+          if (A === "anytime") {
+            $.setFieldValue(`${F}.values`, []), $.setFieldValue(`${F}.range`, "anytime");
             return;
           }
-          if (F === "custom") {
-            T.setFieldValue(`${C}.range`, "custom");
+          if (A === "custom") {
+            $.setFieldValue(`${F}.range`, "custom");
             return;
           }
-          const [q, X] = In(F);
-          T.setFieldValue(`${C}.values`, q && X ? [q, X] : []), T.setFieldValue(`${C}.range`, F);
+          const [q, X] = In(A);
+          $.setFieldValue(`${F}.values`, q && X ? [q, X] : []), $.setFieldValue(`${F}.range`, A);
         };
         return /* @__PURE__ */ n("div", { className: "filter-panel-content", children: [
           /* @__PURE__ */ n("div", { className: "filter-operator-group", children: [
@@ -1066,10 +1066,10 @@ const zn = {
             /* @__PURE__ */ e(
               "select",
               {
-                value: v.operator,
-                onChange: (F) => T.setFieldValue(`${C}.operator`, F.target.value),
+                value: x.operator,
+                onChange: (A) => $.setFieldValue(`${F}.operator`, A.target.value),
                 className: "filter-select",
-                children: h.operators.map((F) => /* @__PURE__ */ e("option", { value: F, children: F === "in" ? "Is" : "Is not" }, F))
+                children: h.operators.map((A) => /* @__PURE__ */ e("option", { value: A, children: A === "in" ? "Is" : "Is not" }, A))
               }
             ),
             D && /* @__PURE__ */ e(
@@ -1077,9 +1077,9 @@ const zn = {
               {
                 type: "button",
                 onClick: () => {
-                  T.setFieldValue(
-                    C,
-                    m[C]
+                  $.setFieldValue(
+                    F,
+                    m[F]
                   );
                 },
                 className: "filter-clear-selection-button",
@@ -1087,8 +1087,8 @@ const zn = {
               }
             )
           ] }),
-          /* @__PURE__ */ e("div", { className: "pb-0", children: /* @__PURE__ */ e("div", { className: "space-y-3", children: M.map((F) => {
-            const q = v.range === F.key || F.key === "anytime" && (!Array.isArray(v.values) || v.values.length === 0);
+          /* @__PURE__ */ e("div", { className: "pb-0", children: /* @__PURE__ */ e("div", { className: "space-y-3", children: B.map((A) => {
+            const q = x.range === A.key || A.key === "anytime" && (!Array.isArray(x.values) || x.values.length === 0);
             return /* @__PURE__ */ n(
               "label",
               {
@@ -1098,17 +1098,17 @@ const zn = {
                     "input",
                     {
                       type: "radio",
-                      name: `preset-${C}`,
+                      name: `preset-${F}`,
                       checked: q,
-                      onChange: () => P(F.key),
+                      onChange: () => M(A.key),
                       className: "h-4 w-4"
                     }
                   ),
-                  /* @__PURE__ */ e("span", { className: "text-sm text-[#222]", children: F.label }),
-                  F.key === "anytime" && q && /* @__PURE__ */ e("span", { className: "ml-2 text-xs bg-yellow-100 text-yellow-800 px-2 py-0.5 rounded", children: "Default" })
+                  /* @__PURE__ */ e("span", { className: "text-sm text-[#222]", children: A.label }),
+                  A.key === "anytime" && q && /* @__PURE__ */ e("span", { className: "ml-2 text-xs bg-yellow-100 text-yellow-800 px-2 py-0.5 rounded", children: "Default" })
                 ]
               },
-              F.key
+              A.key
             );
           }) }) }),
           /* @__PURE__ */ n("div", { className: "", children: [
@@ -1121,9 +1121,9 @@ const zn = {
                   asSingle: !0,
                   useRange: !1,
                   value: I,
-                  onChange: (F) => {
-                    const q = F?.startDate ? Me(new Date(F.startDate)) : null, X = z[1] || null;
-                    q && (T.setFieldValue(`${C}.values`, [q, X]), T.setFieldValue(`${C}.range`, "custom"));
+                  onChange: (A) => {
+                    const q = A?.startDate ? Le(new Date(A.startDate)) : null, X = C[1] || null;
+                    q && ($.setFieldValue(`${F}.values`, [q, X]), $.setFieldValue(`${F}.range`, "custom"));
                   },
                   inputClassName: "w-full rounded-xl border border-[#767676] px-4 py-2 text-sm font-normal text-[#101112] focus:border-violet-500 focus:outline-none focus:ring-1 focus:ring-violet-500",
                   primaryColor: "violet",
@@ -1145,9 +1145,9 @@ const zn = {
                   asSingle: !0,
                   useRange: !1,
                   value: k,
-                  onChange: (F) => {
-                    const q = F?.startDate ? Be(new Date(F.startDate)) : null, X = z[0] || null;
-                    q && (T.setFieldValue(`${C}.values`, [X, q]), T.setFieldValue(`${C}.range`, "custom"));
+                  onChange: (A) => {
+                    const q = A?.startDate ? Be(new Date(A.startDate)) : null, X = C[0] || null;
+                    q && ($.setFieldValue(`${F}.values`, [X, q]), $.setFieldValue(`${F}.range`, "custom"));
                   },
                   inputClassName: "w-full rounded-xl border border-[#767676] px-4 py-2 text-sm font-normal text-[#101112] focus:border-violet-500 focus:outline-none focus:ring-1 focus:ring-violet-500",
                   primaryColor: "violet",
@@ -1160,7 +1160,7 @@ const zn = {
                 }
               )
             ] }),
-            N && A && N > A && /* @__PURE__ */ e("div", { className: "text-red-500 text-xs mt-2", children: "End date must be after start date" })
+            w && T && w > T && /* @__PURE__ */ e("div", { className: "text-red-500 text-xs mt-2", children: "End date must be after start date" })
           ] })
         ] });
       default:
@@ -1204,9 +1204,9 @@ const zn = {
               }
             )
           ] }),
-          /* @__PURE__ */ n("form", { onSubmit: T.handleSubmit, className: "filter-form", children: [
+          /* @__PURE__ */ n("form", { onSubmit: $.handleSubmit, className: "filter-form", children: [
             /* @__PURE__ */ e("div", { className: "filter-content-wrapper", children: /* @__PURE__ */ n(
-              Mr,
+              Lr,
               {
                 vertical: !0,
                 onChange: U,
@@ -1215,11 +1215,11 @@ const zn = {
                   flexGrow: 1
                 },
                 children: [
-                  /* @__PURE__ */ e(Br, { className: "filter-tabs-list", children: l.map((C) => /* @__PURE__ */ n(ne, { className: "filter-tab-item", children: [
+                  /* @__PURE__ */ e(Br, { className: "filter-tabs-list", children: l.map((F) => /* @__PURE__ */ n(se, { className: "filter-tab-item", children: [
                     /* @__PURE__ */ e("div", { className: "filter-selection-horizontal-indicator" }),
                     /* @__PURE__ */ n("div", { className: "filter-lbl-indicator-wrapper", children: [
-                      C.label,
-                      R[C.key] && /* @__PURE__ */ e(
+                      F.label,
+                      R[F.key] && /* @__PURE__ */ e(
                         "span",
                         {
                           className: "filter-active-indicator",
@@ -1227,24 +1227,24 @@ const zn = {
                         }
                       )
                     ] })
-                  ] }, C.key)) }),
-                  /* @__PURE__ */ e(jr, { className: "filter-tabs-panels", children: l.map((C) => /* @__PURE__ */ e(
-                    ne.Panel,
+                  ] }, F.key)) }),
+                  /* @__PURE__ */ e(jr, { className: "filter-tabs-panels", children: l.map((F) => /* @__PURE__ */ e(
+                    se.Panel,
                     {
                       className: "filter-tab-panel",
                       children: /* @__PURE__ */ e(
-                        le.div,
+                        oe.div,
                         {
                           initial: { opacity: 0.8, x: 10 },
                           animate: { opacity: 1, x: 0 },
                           transition: { duration: 0.3 },
                           className: "h-full",
-                          children: G(C.key)
+                          children: G(F.key)
                         },
-                        C.key
+                        F.key
                       )
                     },
-                    C.key
+                    F.key
                   )) })
                 ]
               }
@@ -1263,7 +1263,7 @@ const zn = {
                 "button",
                 {
                   type: "submit",
-                  disabled: !T.dirty || L,
+                  disabled: !$.dirty || P,
                   className: "filter-button apply",
                   children: [
                     "Apply Filters",
@@ -1345,7 +1345,7 @@ const zn = {
   size: f
   // Add size prop
 }) => {
-  const y = Rt[i] || Rt.info, r = y.icon, x = () => {
+  const y = Rt[i] || Rt.info, r = y.icon, v = () => {
     a({ primary: !0, secondary: !1 });
   }, d = () => {
     a({ primary: !1, secondary: !0 });
@@ -1396,7 +1396,7 @@ const zn = {
               ee,
               {
                 type: "button",
-                onClick: x,
+                onClick: v,
                 label: l,
                 ...g
               }
@@ -1418,8 +1418,8 @@ const zn = {
   Z(() => {
     g(t);
   }, [t]);
-  const f = Math.min((t - 1) * s + 1, a), y = Math.min(t * s, a), r = (x) => {
-    x.preventDefault();
+  const f = Math.min((t - 1) * s + 1, a), y = Math.min(t * s, a), r = (v) => {
+    v.preventDefault();
     let d = parseInt(u, 10);
     isNaN(d) || d < 1 ? d = 1 : d > i && (d = i), g(d), d !== t && o(d);
   };
@@ -1432,8 +1432,8 @@ const zn = {
           id: "items-per-page",
           className: "pagination-select",
           value: s,
-          onChange: (x) => l(Number(x.target.value)),
-          children: m.map((x) => /* @__PURE__ */ e("option", { value: x, children: x }, x))
+          onChange: (v) => l(Number(v.target.value)),
+          children: m.map((v) => /* @__PURE__ */ e("option", { value: v, children: v }, v))
         }
       ),
       /* @__PURE__ */ n("span", { className: "pagination-info", children: [
@@ -1472,7 +1472,7 @@ const zn = {
             type: "number",
             className: "page-input",
             value: u,
-            onChange: (x) => g(x.target.value),
+            onChange: (v) => g(v.target.value),
             onBlur: r,
             "aria-label": `Current page, Page ${t}`
           }
@@ -1562,7 +1562,7 @@ const zn = {
   Z(() => {
     g(t);
   }, [t]);
-  const f = se(
+  const f = ae(
     Hr((r) => {
       a?.(r);
     }, s),
@@ -1609,7 +1609,7 @@ const zn = {
   console.log("Select component - value:", a, "type:", typeof a), console.log("Select component - options:", o);
   const r = f === "" ? o : o.filter(
     (d) => d.label.toLowerCase().includes(f.toLowerCase())
-  ), x = o.find((d) => {
+  ), v = o.find((d) => {
     if (typeof a == "object" && a !== null) {
       if (a === d) return !0;
       if (a.id && d.id) return d.id === a.id;
@@ -1628,7 +1628,7 @@ const zn = {
             "select-button--error": !!i
           }),
           children: [
-            /* @__PURE__ */ e("span", { className: "select-value-display", children: x ? x.label : /* @__PURE__ */ e("span", { className: "placeholder", children: l }) }),
+            /* @__PURE__ */ e("span", { className: "select-value-display", children: v ? v.label : /* @__PURE__ */ e("span", { className: "placeholder", children: l }) }),
             /* @__PURE__ */ e(Qt, { className: "select-chevron", "aria-hidden": "true" })
           ]
         }
@@ -1681,7 +1681,7 @@ const zn = {
     ] }),
     i && /* @__PURE__ */ e("p", { className: "select-error-message", children: i })
   ] }) });
-}, Ln = () => {
+}, Mn = () => {
   const [t, a] = j(window.location.pathname);
   return Z(() => {
     const s = () => {
@@ -1697,7 +1697,7 @@ const zn = {
       return s;
   return null;
 }, pa = ({ item: t, isCollapsed: a, level: s = 0 }) => {
-  const { pathname: o } = Ln(), l = t.href || t.url || t.path, [m, i] = j(!1), u = t.icon;
+  const { pathname: o } = Mn(), l = t.href || t.url || t.path, [m, i] = j(!1), u = t.icon;
   Z(() => {
     xt([t], o) && i(!0);
   }, [t, o]);
@@ -1891,12 +1891,12 @@ const zn = {
     u.value?.length || u.defaultValue?.length || 0
   ), r = (d) => {
     y(d.target.value.length), u.onChange && u.onChange(d);
-  }, x = m - f;
+  }, v = m - f;
   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 }),
       i && m && /* @__PURE__ */ n("span", { className: "char-counter", children: [
-        x,
+        v,
         " characters remaining"
       ] })
     ] }),
@@ -1941,7 +1941,7 @@ const zn = {
     t && o === "right" && /* @__PURE__ */ e(lt.Label, { className: "switch-label", passive: !0, children: t })
   ] }),
   l && /* @__PURE__ */ e("p", { className: "switch-error-message", children: l })
-] }), Ll = ({
+] }), Ml = ({
   children: t,
   content: a,
   variant: s = "dark",
@@ -1954,9 +1954,9 @@ const zn = {
   // For external styling of the tooltip itself
   ...i
 }) => {
-  const u = ae.useId();
+  const u = re.useId();
   return /* @__PURE__ */ n(te, { children: [
-    ae.cloneElement(t, { "data-tooltip-id": u }),
+    re.cloneElement(t, { "data-tooltip-id": u }),
     /* @__PURE__ */ e(
       Qa,
       {
@@ -1969,7 +1969,7 @@ const zn = {
       }
     )
   ] });
-}, Mn = {
+}, Ln = {
   enter: (t) => ({
     x: t > 0 ? "100%" : "-100%",
     opacity: 0
@@ -1982,7 +1982,7 @@ const zn = {
     x: t < 0 ? "100%" : "-100%",
     opacity: 0
   })
-}, Ml = ({
+}, Ll = ({
   isOpen: t,
   onClose: a,
   steps: s = {},
@@ -1994,7 +1994,7 @@ const zn = {
   showProgress: g = !0,
   closeOnOverlayClick: f = !0
 }) => {
-  const y = s[o], r = Object.keys(s), x = r.indexOf(o), d = (x + 1) / r.length * 100, p = x > 0 && m.onBack;
+  const y = s[o], r = Object.keys(s), v = r.indexOf(o), d = (v + 1) / r.length * 100, p = v > 0 && m.onBack;
   return /* @__PURE__ */ e(ue, { show: t, as: H, children: /* @__PURE__ */ n(
     be,
     {
@@ -2067,10 +2067,10 @@ const zn = {
                   custom: l,
                   mode: "wait",
                   children: /* @__PURE__ */ e(
-                    le.div,
+                    oe.div,
                     {
                       custom: l,
-                      variants: Mn,
+                      variants: Ln,
                       initial: "enter",
                       animate: "center",
                       exit: "exit",
@@ -2116,7 +2116,7 @@ const zn = {
   children: y,
   // ✅ Add children to the props list
   onClick: r,
-  ...x
+  ...v
 }) => {
   const d = u, p = Q(
     "btn-base-icon",
@@ -2135,7 +2135,7 @@ const zn = {
       onClick: r,
       title: o,
       "aria-label": o,
-      ...x,
+      ...v,
       children: i && /* @__PURE__ */ e(i, { size: g === "large" ? 20 : 16 })
     }
   );
@@ -2460,31 +2460,31 @@ function Qn({
   );
   function o({ open: f = !1, customHeader: y = {} } = {}) {
     if (f) {
-      const { Authorization: r, ...x } = Ot();
+      const { Authorization: r, ...v } = Ot();
       return {
-        headers: { ...x, ...a, ...y }
+        headers: { ...v, ...a, ...y }
       };
     }
     return { headers: { ...Ot(), ...y } };
   }
-  async function l(f, y, r = !1, x = {}) {
+  async function l(f, y, r = !1, v = {}) {
     return s.get(f, {
       params: y,
-      ...o({ open: r, customHeader: x })
+      ...o({ open: r, customHeader: v })
     });
   }
-  async function m(f, y, r = !1, x = {}) {
-    const d = { ...o({ open: r, customHeader: x }) };
+  async function m(f, y, r = !1, v = {}) {
+    const d = { ...o({ open: r, customHeader: v }) };
     return y !== void 0 && (d.data = y), s.delete(f, d);
   }
-  async function i(f, y = {}, r = !1, x = {}) {
-    return s.post(f, y, o({ open: r, customHeader: x }));
+  async function i(f, y = {}, r = !1, v = {}) {
+    return s.post(f, y, o({ open: r, customHeader: v }));
   }
-  async function u(f, y = {}, r = !1, x = {}) {
-    return s.put(f, y, o({ open: r, customHeader: x }));
+  async function u(f, y = {}, r = !1, v = {}) {
+    return s.put(f, y, o({ open: r, customHeader: v }));
   }
-  async function g(f, y = {}, r = !1, x = {}) {
-    return s.patch(f, y, o({ open: r, customHeader: x }));
+  async function g(f, y = {}, r = !1, v = {}) {
+    return s.patch(f, y, o({ open: r, customHeader: v }));
   }
   return {
     instance: s,
@@ -2638,7 +2638,7 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
   { id: 1, name: $e.USER, icon: tr, code: "users" },
   { id: 2, name: $e.GROUP, icon: Zt, code: "groups" },
   { id: 3, name: $e.ROLE, icon: ar, code: "roles" }
-], Lt = [
+], Mt = [
   { id: 1, name: $t.View, icon: Kt },
   { id: 2, name: $t.Manage, icon: ea }
 ], ts = Ka().shape({
@@ -2654,70 +2654,70 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
   },
   isChanged: u = !1
 }) => {
-  const [g, f] = j(Pt[0]), [y, r] = j(""), x = Ct(y, 400), [d, p] = j([]), [S, T] = j(/* @__PURE__ */ new Set()), [R, O] = j(!1), [L, _] = j(Lt[0]), {
+  const [g, f] = j(Pt[0]), [y, r] = j(""), v = Ct(y, 400), [d, p] = j([]), [z, $] = j(/* @__PURE__ */ new Set()), [R, O] = j(!1), [P, _] = j(Mt[0]), {
     control: U,
     handleSubmit: Y,
     watch: G,
-    formState: { errors: C, isSubmitting: h }
+    formState: { errors: F, isSubmitting: h }
   } = rr({
     defaultValues: { pendingInvites: [] },
     resolver: lr(ts)
-  }), { fields: v, append: $, remove: B, update: E } = nr({
+  }), { fields: x, append: S, remove: L, update: E } = nr({
     control: U,
     name: "pendingInvites"
-  }), z = G("pendingInvites");
+  }), C = G("pendingInvites");
   Z(() => {
-    x.length > 1 ? (O(!0), Zn(g.name, x).then((k) => {
+    v.length > 1 ? (O(!0), Zn(g.name, v).then((k) => {
       p(k);
-    }).catch((k) => console.error("Search failed:", k)).finally(() => O(!1))) : (p([]), T(/* @__PURE__ */ new Set()));
-  }, [x, g]);
+    }).catch((k) => console.error("Search failed:", k)).finally(() => O(!1))) : (p([]), $(/* @__PURE__ */ new Set()));
+  }, [v, g]);
   const b = (k) => {
-    T((M) => {
-      const P = new Set(M);
-      return P.has(k) ? P.delete(k) : P.add(k), P;
+    $((B) => {
+      const M = new Set(B);
+      return M.has(k) ? M.delete(k) : M.add(k), M;
     });
-  }, w = () => {
-    d.filter((k) => S.has(k.id)).forEach((k) => {
-      v.find((M) => M.id === k.id) || $({ ...k, permission: L.name });
-    }), T(/* @__PURE__ */ new Set()), r("");
+  }, N = () => {
+    d.filter((k) => z.has(k.id)).forEach((k) => {
+      x.find((B) => B.id === k.id) || S({ ...k, permission: P.name });
+    }), $(/* @__PURE__ */ new Set()), r("");
   }, D = (k) => {
-    _(k), v.forEach(
-      (M, P) => E(P, { ...v[P], permission: k.name })
+    _(k), x.forEach(
+      (B, M) => E(M, { ...x[M], permission: k.name })
     );
-  }, N = async (k) => {
+  }, w = async (k) => {
     try {
       if (l === me.DRIVE) {
-        const M = k.pendingInvites.map((F) => ({
-          id: F.id,
-          permission: F.permission,
-          type: F.type.toLowerCase()
+        const B = k.pendingInvites.map((A) => ({
+          id: A.id,
+          permission: A.permission,
+          type: A.type.toLowerCase()
         }));
         i({
           entity: t,
-          userGroupRolesObj: M,
+          userGroupRolesObj: B,
           existingShares: o
           // Always send updated existing shares
         }, o);
       } else if (l === me.INTEREST) {
-        const M = k.pendingInvites.map((P) => ({
-          identity: P.id,
-          type: P.type.toLowerCase(),
+        const B = k.pendingInvites.map((M) => ({
+          identity: M.id,
+          type: M.type.toLowerCase(),
           opt: !0,
           lock: !1,
           moderator: !1,
-          userName: P.name,
+          userName: M.name,
           interestId: t?.data?.id
         }));
-        i(M, o);
+        i(B, o);
       } else if (l === me.ARTICLE) {
-        const M = k.pendingInvites.map((F) => ({
-          id: F.id,
-          permission: F.permission,
-          type: F.type.toLowerCase()
+        const B = k.pendingInvites.map((A) => ({
+          id: A.id,
+          permission: A.permission,
+          type: A.type.toLowerCase()
         }));
         i({
           entity: t,
-          userGroupRolesObj: M,
+          userGroupRolesObj: B,
           existingShares: o
         }, o);
       } else
@@ -2725,12 +2725,12 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
       setTimeout(() => {
         s();
       }, 1e3);
-    } catch (M) {
-      throw console.error("Failed to submit invites:", M), M;
+    } catch (B) {
+      throw console.error("Failed to submit invites:", B), B;
     }
-  }, A = (k) => {
-    const M = o[g.code].find((P) => P.name === k.name && P.permission !== "remove") || z.find((P) => P.name === k.name);
-    return M ? `${M.permission}` : "";
+  }, T = (k) => {
+    const B = o[g.code].find((M) => M.name === k.name && M.permission !== "remove") || C.find((M) => M.name === k.name);
+    return B ? `${B.permission}` : "";
   }, I = () => {
     switch (l) {
       case me.DRIVE:
@@ -2743,7 +2743,7 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
         return "Add User, Groups or Roles test";
     }
   };
-  return oe(() => (console.log("InviteFlow - isChanged:", u, "pendingInvites.length:", z.length), z.length === 0 && !u), [z.length, u]), /* @__PURE__ */ n("div", { className: "flex flex-col h-full bg-white", children: [
+  return le(() => (console.log("InviteFlow - isChanged:", u, "pendingInvites.length:", C.length), C.length === 0 && !u), [C.length, u]), /* @__PURE__ */ n("div", { className: "flex flex-col h-full bg-white", children: [
     /* @__PURE__ */ n("header", { className: "flex items-center justify-between p-4 border-b border-gray-300 flex-shrink-0", children: [
       /* @__PURE__ */ e(be.Title, { className: " text-gray-900 !mb-0 text-lg font-semibold", children: I() }),
       /* @__PURE__ */ n("div", { className: "flex items-center gap-4", children: [
@@ -2791,24 +2791,24 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
                 K.Option,
                 {
                   value: k,
-                  className: ({ active: M }) => `${M ? "text-white bg-blue-600" : "text-gray-900"} hover:cursor-pointer select-none relative py-2 pl-10`,
-                  children: ({ selected: M }) => /* @__PURE__ */ n(te, { children: [
+                  className: ({ active: B }) => `${B ? "text-white bg-blue-600" : "text-gray-900"} hover:cursor-pointer select-none relative py-2 pl-10`,
+                  children: ({ selected: B }) => /* @__PURE__ */ n(te, { children: [
                     /* @__PURE__ */ n(
                       "span",
                       {
-                        className: `${M ? "font-medium" : "font-normal"} flex items-center`,
+                        className: `${B ? "font-medium" : "font-normal"} flex items-center`,
                         children: [
                           /* @__PURE__ */ e(
                             k.icon,
                             {
-                              className: `h-5 w-5 mr-2 ${M ? "text-white" : "text-gray-400"}`
+                              className: `h-5 w-5 mr-2 ${B ? "text-white" : "text-gray-400"}`
                             }
                           ),
                           k.name
                         ]
                       }
                     ),
-                    M && /* @__PURE__ */ e("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-white", children: /* @__PURE__ */ e(ht, { className: "h-5 w-5" }) })
+                    B && /* @__PURE__ */ e("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-white", children: /* @__PURE__ */ e(ht, { className: "h-5 w-5" }) })
                   ] })
                 },
                 k.id
@@ -2825,7 +2825,7 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
           }
         ) }),
         /* @__PURE__ */ e(ke, { children: (d?.length > 0 || R) && /* @__PURE__ */ e(
-          le.div,
+          oe.div,
           {
             initial: { opacity: 0, y: -10 },
             animate: { opacity: 1, y: 0 },
@@ -2834,21 +2834,21 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
             className: "absolute top-full mt-2 w-full col-span-3 bg-white border border-gray-300 rounded-lg shadow-lg z-10",
             children: R ? /* @__PURE__ */ e("div", { className: "p-4 text-center text-gray-500", children: "Loading..." }) : /* @__PURE__ */ n(te, { children: [
               /* @__PURE__ */ e("div", { className: "max-h-60 overflow-y-auto p-2 space-y-1", children: d.map((k) => {
-                const M = A(k);
+                const B = T(k);
                 return /* @__PURE__ */ n(
                   "div",
                   {
-                    onClick: () => M ? null : b(k.id),
-                    className: `flex items-center gap-3 p-2 rounded-md hover:bg-blue-50 ${M ? " hover:cursor-not-allowed" : "hover:cursor-pointer"}`,
+                    onClick: () => B ? null : b(k.id),
+                    className: `flex items-center gap-3 p-2 rounded-md hover:bg-blue-50 ${B ? " hover:cursor-not-allowed" : "hover:cursor-pointer"}`,
                     children: [
                       /* @__PURE__ */ e(
                         "input",
                         {
                           type: "checkbox",
-                          checked: S.has(k.id),
+                          checked: z.has(k.id),
                           readOnly: !0,
                           className: "h-4 w-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500",
-                          disabled: !!M
+                          disabled: !!B
                         }
                       ),
                       /* @__PURE__ */ e(
@@ -2860,8 +2860,8 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
                         }
                       ),
                       /* @__PURE__ */ e("span", { className: "text-md font-medium text-gray-800 truncate", children: k.name }),
-                      M ? /* @__PURE__ */ n(te, { children: [
-                        /* @__PURE__ */ e("span", { className: "text-sm px-[12px] py-[2px] border border-dashed rounded-xl bg-teal-100 text-teal-700", children: M }),
+                      B ? /* @__PURE__ */ n(te, { children: [
+                        /* @__PURE__ */ e("span", { className: "text-sm px-[12px] py-[2px] border border-dashed rounded-xl bg-teal-100 text-teal-700", children: B }),
                         /* @__PURE__ */ e("span", { className: "text-sm text-gray-400", children: "Already added" })
                       ] }) : ""
                     ]
@@ -2881,8 +2881,8 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
                 /* @__PURE__ */ e(
                   "button",
                   {
-                    onClick: w,
-                    disabled: S.size === 0,
+                    onClick: N,
+                    disabled: z.size === 0,
                     className: "px-3 py-1 text-sm text-white bg-blue-600 rounded-md hover:bg-blue-700 disabled:bg-blue-300 disabled:cursor-not-allowed hover:cursor-pointer",
                     children: "Add"
                   }
@@ -2892,8 +2892,8 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
           }
         ) })
       ] }),
-      /* @__PURE__ */ e(ke, { children: v.length > 0 && /* @__PURE__ */ n(
-        le.div,
+      /* @__PURE__ */ e(ke, { children: x.length > 0 && /* @__PURE__ */ n(
+        oe.div,
         {
           initial: { opacity: 0, y: 20 },
           animate: { opacity: 1, y: 0 },
@@ -2902,21 +2902,21 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
             /* @__PURE__ */ n("div", { className: "flex justify-between items-center", children: [
               /* @__PURE__ */ n("div", { className: "font-semibold text-gray-800", children: [
                 "Pending Invites (",
-                v.length,
+                x.length,
                 ")"
               ] }),
               l === me.DRIVE && /* @__PURE__ */ e(
                 K,
                 {
-                  value: L,
+                  value: P,
                   onChange: D,
                   children: /* @__PURE__ */ n("div", { className: "relative", children: [
                     /* @__PURE__ */ n(K.Button, { className: "relative w-full border border-gray-300 bg-white rounded-md shadow-sm pl-3 pr-10 py-2 text-left hover:cursor-pointer focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500 sm:text-sm", children: [
                       /* @__PURE__ */ n("span", { className: "flex items-center", children: [
-                        /* @__PURE__ */ e(L.icon, { className: "h-5 w-5 text-gray-400 mr-2" }),
+                        /* @__PURE__ */ e(P.icon, { className: "h-5 w-5 text-gray-400 mr-2" }),
                         /* @__PURE__ */ n("span", { className: "truncate", children: [
                           "Can ",
-                          L.name
+                          P.name
                         ] })
                       ] }),
                       /* @__PURE__ */ e("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ e(ut, { className: "h-5 w-5 text-gray-400" }) })
@@ -2928,21 +2928,21 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
                         leave: "transition ease-in duration-100",
                         leaveFrom: "opacity-100",
                         leaveTo: "opacity-0",
-                        children: /* @__PURE__ */ e(K.Options, { className: "absolute z-10 mt-1 w-auto min-w-full bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm", children: Lt.map((k) => /* @__PURE__ */ e(
+                        children: /* @__PURE__ */ e(K.Options, { className: "absolute z-10 mt-1 w-auto min-w-full bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm", children: Mt.map((k) => /* @__PURE__ */ e(
                           K.Option,
                           {
                             value: k,
-                            className: ({ active: M }) => `${M ? "text-white bg-blue-600" : "text-gray-900"} hover:cursor-pointer select-none relative py-2 pl-10`,
-                            children: ({ selected: M, active: P }) => /* @__PURE__ */ n(te, { children: [
+                            className: ({ active: B }) => `${B ? "text-white bg-blue-600" : "text-gray-900"} hover:cursor-pointer select-none relative py-2 pl-10`,
+                            children: ({ selected: B, active: M }) => /* @__PURE__ */ n(te, { children: [
                               /* @__PURE__ */ n(
                                 "span",
                                 {
-                                  className: `${M ? "font-medium" : "font-normal"} flex items-center`,
+                                  className: `${B ? "font-medium" : "font-normal"} flex items-center`,
                                   children: [
                                     /* @__PURE__ */ e(
                                       k.icon,
                                       {
-                                        className: `h-5 w-5 mr-2 ${P ? "text-white" : "text-gray-400"}`
+                                        className: `h-5 w-5 mr-2 ${M ? "text-white" : "text-gray-400"}`
                                       }
                                     ),
                                     "Can ",
@@ -2950,7 +2950,7 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
                                   ]
                                 }
                               ),
-                              M && /* @__PURE__ */ e("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-blue-600", children: /* @__PURE__ */ e(
+                              B && /* @__PURE__ */ e("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-blue-600", children: /* @__PURE__ */ e(
                                 ht,
                                 {
                                   className: "h-5 w-5",
@@ -2967,8 +2967,8 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
                 }
               )
             ] }),
-            /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e(ke, { children: v.map((k, M) => /* @__PURE__ */ n(
-              le.div,
+            /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e(ke, { children: x.map((k, B) => /* @__PURE__ */ n(
+              oe.div,
               {
                 layout: !0,
                 initial: { opacity: 0, x: -5 },
@@ -2995,7 +2995,7 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
                     /* @__PURE__ */ e(
                       "button",
                       {
-                        onClick: () => B(M),
+                        onClick: () => L(B),
                         className: "text-gray-400 hover:text-red-500 hover:cursor-pointer",
                         children: /* @__PURE__ */ e(He, { className: "h-5 w-5" })
                       }
@@ -3011,9 +3011,9 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
     ] }),
     /* @__PURE__ */ e("footer", { className: "p-4 border-t border-gray-300 flex-shrink-0", children: /* @__PURE__ */ n("div", { className: "flex justify-between items-center", children: [
       /* @__PURE__ */ n("p", { className: "text-sm text-gray-600", children: [
-        z.length,
+        C.length,
         " invitation",
-        z.length !== 1 ? "s" : "",
+        C.length !== 1 ? "s" : "",
         " selected"
       ] }),
       /* @__PURE__ */ n("div", { className: "flex gap-2", children: [
@@ -3028,8 +3028,8 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
         /* @__PURE__ */ e(
           "button",
           {
-            onClick: () => Y(N)(),
-            disabled: h || z.length === 0 && !u,
+            onClick: () => Y(w)(),
+            disabled: h || C.length === 0 && !u,
             className: "px-4 py-2 text-sm font-medium text-white bg-blue-600 border border-transparent rounded-md shadow-sm hover:bg-blue-700 hover:cursor-pointer focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:bg-blue-300 disabled:cursor-not-allowed",
             children: h ? "Inviting..." : l === me.DRIVE ? "Send Invites" : "Add"
           }
@@ -3051,11 +3051,11 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
   }), g = Zr(u), f = Kr(u), { getReferenceProps: y, getFloatingProps: r } = en([
     g,
     f
-  ]), x = it.find((p) => p.name === t.permission || p.value === t.permission) || it[0];
+  ]), v = 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.
-    /* @__PURE__ */ n(K, { value: x, onChange: (p) => {
+    /* @__PURE__ */ n(K, { value: v, onChange: (p) => {
       s(p), l(!1);
     }, children: [
       /* @__PURE__ */ n(
@@ -3093,24 +3093,24 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
                 K.Option,
                 {
                   className: ({
-                    active: S
+                    active: z
                   }) => `relative select-none py-2 pl-10 pr-4 hover:cursor-pointer
-                                            ${S ? "bg-blue-100 text-blue-900" : "text-gray-900"}
-                                            ${p.isDestructive && S ? "bg-red-100 text-red-900" : ""}
-                                            ${p.isDestructive && !S ? "text-red-600" : ""}`,
+                                            ${z ? "bg-blue-100 text-blue-900" : "text-gray-900"}
+                                            ${p.isDestructive && z ? "bg-red-100 text-red-900" : ""}
+                                            ${p.isDestructive && !z ? "text-red-600" : ""}`,
                   value: p,
-                  children: ({ selected: S }) => /* @__PURE__ */ n(te, { children: [
+                  children: ({ selected: z }) => /* @__PURE__ */ n(te, { children: [
                     /* @__PURE__ */ n(
                       "span",
                       {
-                        className: `flex items-center gap-2 truncate ${S ? "font-medium" : "font-normal"}`,
+                        className: `flex items-center gap-2 truncate ${z ? "font-medium" : "font-normal"}`,
                         children: [
                           /* @__PURE__ */ e(p.icon, { className: "h-5 w-5", "aria-hidden": "true" }),
                           p.name
                         ]
                       }
                     ),
-                    S && /* @__PURE__ */ e("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-blue-600", children: /* @__PURE__ */ e(ht, { className: "h-5 w-5", "aria-hidden": "true" }) })
+                    z && /* @__PURE__ */ e("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-blue-600", children: /* @__PURE__ */ e(ht, { className: "h-5 w-5", "aria-hidden": "true" }) })
                   ] })
                 },
                 p.name
@@ -3130,32 +3130,32 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
   existingShares: l,
   allowedPermissions: m
 }) => {
-  const [i, u] = j(l), [g, f] = j(0), [y, r] = j(""), x = Ct(y, 300), d = {
+  const [i, u] = j(l), [g, f] = j(0), [y, r] = j(""), v = Ct(y, 300), d = {
     users: i.users.filter(
-      (O) => O.name.toLowerCase().includes(x.toLowerCase())
+      (O) => O.name.toLowerCase().includes(v.toLowerCase())
     ),
     groups: i.groups.filter(
-      (O) => O.name.toLowerCase().includes(x.toLowerCase())
+      (O) => O.name.toLowerCase().includes(v.toLowerCase())
     ),
     roles: i.roles.filter(
-      (O) => O.name.toLowerCase().includes(x.toLowerCase())
+      (O) => O.name.toLowerCase().includes(v.toLowerCase())
     )
-  }, p = async (O, L, _, U) => {
-    const Y = L.value;
+  }, p = async (O, P, _, U) => {
+    const Y = P.value;
     u((G) => ({
       ...G,
       [_]: G[_].map(
-        (C) => C.id === O.id ? { ...C, permission: Y } : C
+        (F) => F.id === O.id ? { ...F, permission: Y } : F
       )
     }));
-  }, S = () => {
+  }, z = () => {
     const O = {
-      users: i.users.filter((L) => L.permission !== "remove"),
-      groups: i.groups.filter((L) => L.permission !== "remove"),
-      roles: i.roles.filter((L) => L.permission !== "remove")
+      users: i.users.filter((P) => P.permission !== "remove"),
+      groups: i.groups.filter((P) => P.permission !== "remove"),
+      roles: i.roles.filter((P) => P.permission !== "remove")
     };
     a(O);
-  }, T = ["users", "groups", "roles"], R = ["Users", "Groups", "Roles"];
+  }, $ = ["users", "groups", "roles"], R = ["Users", "Groups", "Roles"];
   return (
     // The main structure remains the same...
     /* @__PURE__ */ n("div", { className: "flex flex-col h-full bg-gray-50", children: [
@@ -3182,16 +3182,16 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
         )
       ] }),
       /* @__PURE__ */ n("div", { className: "flex flex-col flex-grow", children: [
-        /* @__PURE__ */ n(ne.Group, { selectedIndex: g, onChange: f, children: [
+        /* @__PURE__ */ n(se.Group, { selectedIndex: g, onChange: f, children: [
           /* @__PURE__ */ n("div", { className: "p-4 bg-white border-b border-gray-300", children: [
-            /* @__PURE__ */ e(ne.List, { className: "flex space-x-1 bg-gray-100 p-1 rounded-lg", children: R.map((O) => /* @__PURE__ */ e(
-              ne,
+            /* @__PURE__ */ e(se.List, { className: "flex space-x-1 bg-gray-100 p-1 rounded-lg", children: R.map((O) => /* @__PURE__ */ e(
+              se,
               {
                 className: ({
-                  selected: L
+                  selected: P
                 }) => `w-full py-2 text-sm font-medium leading-5 rounded-md
                                        focus:outline-none focus:ring-2 ring-offset-2 ring-offset-blue-400 ring-white ring-opacity-60
-                                       ${L ? "bg-white shadow text-blue-700" : "text-gray-600 hover:bg-white/[0.6]"}`,
+                                       ${P ? "bg-white shadow text-blue-700" : "text-gray-600 hover:bg-white/[0.6]"}`,
                 children: O
               },
               O
@@ -3206,18 +3206,18 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
             ) })
           ] }),
           /* @__PURE__ */ e("div", { className: "flex-grow overflow-y-auto p-4 h-[calc(100vh-330px)]", children: /* @__PURE__ */ e(ke, { mode: "wait", children: /* @__PURE__ */ e(
-            le.div,
+            oe.div,
             {
               initial: { y: 10, opacity: 0 },
               animate: { y: 0, opacity: 1 },
               exit: { y: -10, opacity: 0 },
               transition: { duration: 0.2 },
-              children: /* @__PURE__ */ e(ne.Panels, { as: H, children: T.map((O) => /* @__PURE__ */ e(
-                ne.Panel,
+              children: /* @__PURE__ */ e(se.Panels, { as: H, children: $.map((O) => /* @__PURE__ */ e(
+                se.Panel,
                 {
                   className: "space-y-3 focus:outline-none",
-                  children: /* @__PURE__ */ e(ke, { children: d[O].length > 0 ? d[O].map((L) => /* @__PURE__ */ n(
-                    le.div,
+                  children: /* @__PURE__ */ e(ke, { children: d[O].length > 0 ? d[O].map((P) => /* @__PURE__ */ n(
+                    oe.div,
                     {
                       layout: !0,
                       initial: { opacity: 0, y: 20 },
@@ -3233,20 +3233,20 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
                           /* @__PURE__ */ e(
                             "img",
                             {
-                              src: L.avatarUrl || `https://avatar.vercel.sh/${L.name}.svg?text=${L.name.charAt(0)}`,
-                              alt: L.name,
+                              src: P.avatarUrl || `https://avatar.vercel.sh/${P.name}.svg?text=${P.name.charAt(0)}`,
+                              alt: P.name,
                               className: "w-10 h-10 rounded-full flex-shrink-0"
                             }
                           ),
                           /* @__PURE__ */ n("div", { className: "overflow-hidden", children: [
-                            /* @__PURE__ */ e("p", { className: "font-medium text-gray-900 truncate", children: L.name }),
+                            /* @__PURE__ */ e("p", { className: "font-medium text-gray-900 truncate", children: P.name }),
                             O !== "users" && /* @__PURE__ */ e(
                               "button",
                               {
                                 onClick: () => o({
-                                  id: L.id,
+                                  id: P.id,
                                   type: O,
-                                  name: L.name
+                                  name: P.name
                                 }),
                                 className: "text-sm text-blue-600 hover:underline hover:cursor-pointer",
                                 children: "View Members"
@@ -3257,10 +3257,10 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
                         /* @__PURE__ */ e(
                           rs,
                           {
-                            item: L,
+                            item: P,
                             allowedPermissions: m,
                             onPermissionChange: (_) => p(
-                              L,
+                              P,
                               _,
                               O
                             )
@@ -3268,11 +3268,11 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
                         )
                       ]
                     },
-                    L.id
+                    P.id
                   )) : (
                     // Empty state is unchanged
                     /* @__PURE__ */ n(
-                      le.div,
+                      oe.div,
                       {
                         initial: { opacity: 0 },
                         animate: { opacity: 1 },
@@ -3299,7 +3299,7 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
         /* @__PURE__ */ e("div", { className: "p-4 bg-white border-t border-gray-300 flex justify-end", children: /* @__PURE__ */ e(
           "button",
           {
-            onClick: S,
+            onClick: z,
             className: "px-4 py-2 bg-blue-600 text-white rounded-md shadow hover:bg-blue-700",
             children: "Update"
           }
@@ -3334,11 +3334,11 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
     hidden: { y: 20, opacity: 0 },
     visible: { y: 0, opacity: 1 },
     exit: { opacity: 0, x: -20 }
-  }, x = () => l ? (
+  }, v = () => l ? (
     // Show 5 skeleton items while loading
     /* @__PURE__ */ e("div", { children: Array.from({ length: 5 }).map((d, p) => /* @__PURE__ */ e(ss, {}, p)) })
   ) : f.length === 0 ? /* @__PURE__ */ n(
-    le.div,
+    oe.div,
     {
       initial: { opacity: 0, scale: 0.95 },
       animate: { opacity: 1, scale: 1 },
@@ -3350,14 +3350,14 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
       ]
     }
   ) : /* @__PURE__ */ e(
-    le.ul,
+    oe.ul,
     {
       variants: y,
       initial: "hidden",
       animate: "visible",
       className: "divide-y divide-gray-200",
       children: /* @__PURE__ */ e(ke, { children: f.map((d) => /* @__PURE__ */ n(
-        le.li,
+        oe.li,
         {
           layout: !0,
           variants: r,
@@ -3418,7 +3418,7 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
         placeholder: "Search members..."
       }
     ) }),
-    /* @__PURE__ */ e("div", { className: "flex-grow overflow-y-auto", children: x() })
+    /* @__PURE__ */ e("div", { className: "flex-grow overflow-y-auto", children: v() })
   ] });
 }, pe = {
   INVITE: "invite",
@@ -3441,26 +3441,26 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
   allowedPermissions: u = [],
   ...g
 }) => {
-  const [f, y] = j(pe.INVITE), [r, x] = j(t), [d, p] = j(null), [S, T] = j(!1), [R, O] = j([]), [L, _] = j(pe.MANAGE), U = () => {
+  const [f, y] = j(pe.INVITE), [r, v] = j(t), [d, p] = j(null), [z, $] = j(!1), [R, O] = j([]), [P, _] = j(pe.MANAGE), U = () => {
     y(pe.INVITE), p(null), m();
   }, Y = () => {
     y(pe.MANAGE);
-  }, G = async ({ id: v, name: $, type: B }) => {
-    if (B === "groups") {
+  }, G = async ({ id: x, name: S, type: L }) => {
+    if (L === "groups") {
       try {
-        const E = await je(`${We.getMembersForGroup($)}`);
+        const E = await je(`${We.getMembersForGroup(S)}`);
       } catch (E) {
         console.log("Error searching entities:", E);
       }
       O(resp);
     }
-    p({ id: v, type: B, name: $ }), _(f), y(pe.MEMBERS);
-  }, C = (v) => {
-    console.log("changedExistingShares", v), x(v);
-    const $ = ot.mapValues(t, (z) => z.map((b) => ({ id: b.id, permission: b.permission })).sort((b, w) => b.id - w.id)), B = ot.mapValues(v, (z) => z.map((b) => ({ id: b.id, permission: b.permission })).sort((b, w) => b.id - w.id));
-    console.log("Existing data:", $), console.log("Changed data:", B);
-    const E = !ot.isEqual($, B);
-    console.log("hasPermissionChanged:", E), T(E), y(f === pe.MEMBERS ? L : pe.INVITE);
+    p({ id: x, type: L, name: S }), _(f), y(pe.MEMBERS);
+  }, F = (x) => {
+    console.log("changedExistingShares", x), v(x);
+    const S = ot.mapValues(t, (C) => C.map((b) => ({ id: b.id, permission: b.permission })).sort((b, N) => b.id - N.id)), L = ot.mapValues(x, (C) => C.map((b) => ({ id: b.id, permission: b.permission })).sort((b, N) => b.id - N.id));
+    console.log("Existing data:", S), console.log("Changed data:", L);
+    const E = !ot.isEqual(S, L);
+    console.log("hasPermissionChanged:", E), $(E), y(f === pe.MEMBERS ? P : pe.INVITE);
   };
   return /* @__PURE__ */ e(ue, { appear: !0, show: a, as: H, children: /* @__PURE__ */ n(be, { as: "div", className: "relative z-50", onClose: U, children: [
     /* @__PURE__ */ e("div", { className: "filter-modal-overlay", "aria-hidden": "true" }),
@@ -3468,7 +3468,7 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
       switch (f) {
         case pe.MANAGE:
           return /* @__PURE__ */ e(
-            le.div,
+            oe.div,
             {
               initial: { x: "100%" },
               animate: { x: 0 },
@@ -3479,7 +3479,7 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
                 ns,
                 {
                   entity: o,
-                  onBack: C,
+                  onBack: F,
                   onClose: U,
                   onOpenMembers: G,
                   existingShares: r,
@@ -3492,7 +3492,7 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
           );
         case pe.MEMBERS:
           return /* @__PURE__ */ e(
-            le.div,
+            oe.div,
             {
               initial: { x: "100%" },
               animate: { x: 0 },
@@ -3503,7 +3503,7 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
                 ls,
                 {
                   entity: d,
-                  onBack: C,
+                  onBack: F,
                   onClose: U,
                   calledBy: l,
                   existingShares: r,
@@ -3515,7 +3515,7 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
           );
         default:
           return /* @__PURE__ */ e(
-            le.div,
+            oe.div,
             {
               initial: { x: 0 },
               animate: { x: 0 },
@@ -3531,10 +3531,10 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
                   existingShares: r,
                   calledBy: l,
                   showExistingShares: i,
-                  onFinalSubmit: (v) => {
-                    s(v, r);
+                  onFinalSubmit: (x) => {
+                    s(x, r);
                   },
-                  isChanged: S
+                  isChanged: z
                 }
               )
             },
@@ -3565,51 +3565,51 @@ function at({
   onSearch: y,
   // (query: string) => void (required if searchMode==="server")
   serverLoading: r = !1,
-  minSearchChars: x = 2,
+  minSearchChars: v = 2,
   // NEW: mappers (id/label keys)
-  getOptionId: d = (S) => String(S.id),
-  getOptionLabel: p = (S) => S.name
+  getOptionId: d = (z) => String(z.id),
+  getOptionLabel: p = (z) => z.name
 }) {
-  const S = Xe(), T = Xe(), [R, O] = j(""), L = ge(""), _ = oe(() => {
-    const v = /* @__PURE__ */ new Map();
-    for (const $ of a) v.set(d($), $);
-    return v;
-  }, [a, d]), U = oe(() => Array.isArray(s) ? s.map((v) => v && typeof v == "object" ? _.get(d(v)) || null : _.get(String(v))).filter(Boolean) : [], [s, _, d]), Y = oe(() => {
+  const z = Xe(), $ = Xe(), [R, O] = j(""), P = ge(""), _ = le(() => {
+    const x = /* @__PURE__ */ new Map();
+    for (const S of a) x.set(d(S), S);
+    return x;
+  }, [a, d]), U = le(() => Array.isArray(s) ? s.map((x) => x && typeof x == "object" ? _.get(d(x)) || null : _.get(String(x))).filter(Boolean) : [], [s, _, d]), Y = le(() => {
     if (!R) return a;
-    const v = R.toLowerCase();
-    return a.filter(($) => p($).toLowerCase().includes(v));
+    const x = R.toLowerCase();
+    return a.filter((S) => p(S).toLowerCase().includes(x));
   }, [a, R, p]);
   Z(() => {
-    f === "server" && R.length >= x && R !== L.current && (L.current = R, y && y(R));
-  }, [R, f, x, y]);
-  const G = f === "client" ? Y : a, C = () => {
+    f === "server" && R.length >= v && R !== P.current && (P.current = R, y && y(R));
+  }, [R, f, v, y]);
+  const G = f === "client" ? Y : a, F = () => {
     if (!U.length)
       return /* @__PURE__ */ e("span", { className: "text-gray-500", children: m });
-    const v = U.slice(0, u), $ = U.length - u;
+    const x = U.slice(0, u), S = U.length - u;
     return /* @__PURE__ */ n("div", { className: "flex flex-wrap gap-2", children: [
-      v.map((B) => /* @__PURE__ */ e(
+      x.map((L) => /* @__PURE__ */ e(
         "span",
         {
           className: "px-2 py-1 text-xs font-medium text-white bg-gray-800 rounded-full",
-          children: p(B)
+          children: p(L)
         },
-        d(B)
+        d(L)
       )),
-      $ > 0 && /* @__PURE__ */ n("span", { className: "px-2 py-1 text-xs font-medium text-gray-600 bg-gray-200 rounded-full", children: [
+      S > 0 && /* @__PURE__ */ n("span", { className: "px-2 py-1 text-xs font-medium text-gray-600 bg-gray-200 rounded-full", children: [
         "+",
-        $,
+        S,
         " more"
       ] })
     ] });
   };
-  return /* @__PURE__ */ e(K, { value: U, onChange: (v) => {
-    const $ = Array.from(new Set(v.map((B) => d(B))));
-    g !== -1 && $.length > g || o($);
-  }, multiple: !0, by: "id", children: ({ open: v }) => /* @__PURE__ */ n("div", { children: [
+  return /* @__PURE__ */ e(K, { value: U, onChange: (x) => {
+    const S = Array.from(new Set(x.map((L) => d(L))));
+    g !== -1 && S.length > g || o(S);
+  }, multiple: !0, by: "id", children: ({ open: x }) => /* @__PURE__ */ n("div", { children: [
     /* @__PURE__ */ e(
       K.Label,
       {
-        id: S,
+        id: z,
         className: "block text-sm font-medium leading-6 text-gray-900",
         children: t
       }
@@ -3618,16 +3618,16 @@ function at({
       /* @__PURE__ */ n(
         K.Button,
         {
-          "aria-labelledby": S,
+          "aria-labelledby": z,
           "aria-invalid": !!i,
-          "aria-describedby": i ? T : void 0,
+          "aria-describedby": i ? $ : void 0,
           onBlur: l,
           className: Ue(
             "relative w-full min-h-[38px] cursor-default rounded-md bg-white py-1.5 pl-3 pr-10 text-left text-gray-900 shadow-sm ring-1 ring-inset focus:outline-none focus:ring-2 focus:ring-gray-600 sm:text-sm sm:leading-6",
             i ? "ring-red-500" : "ring-gray-300"
           ),
           children: [
-            /* @__PURE__ */ e("span", { className: "block truncate", children: C() }),
+            /* @__PURE__ */ e("span", { className: "block truncate", children: F() }),
             /* @__PURE__ */ e("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ e(Qt, { className: "w-5 h-5 text-gray-400", "aria-hidden": "true" }) })
           ]
         }
@@ -3636,7 +3636,7 @@ function at({
         ue,
         {
           as: H,
-          show: v,
+          show: x,
           leave: "transition ease-in duration-100",
           leaveFrom: "opacity-100",
           leaveTo: "opacity-0",
@@ -3646,33 +3646,33 @@ function at({
               {
                 value: R,
                 onDebouncedChange: O,
-                placeholder: f === "server" ? `Search (min ${x})…` : "Search options…"
+                placeholder: f === "server" ? `Search (min ${v})…` : "Search options…"
               }
             ) }),
             f === "server" && r && /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: "Loading…" }),
-            G.length === 0 && !r ? /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: f === "server" ? R.length < x ? `Type at least ${x} characters to search.` : "No results." : "No options found." }) : G.map(($) => {
-              const B = d($), E = p($), z = U.some((w) => d(w) === B), b = g !== -1 && U.length >= g && !z;
+            G.length === 0 && !r ? /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: f === "server" ? R.length < v ? `Type at least ${v} characters to search.` : "No results." : "No options found." }) : G.map((S) => {
+              const L = d(S), E = p(S), C = U.some((N) => d(N) === L), b = g !== -1 && U.length >= g && !C;
               return /* @__PURE__ */ e(
                 K.Option,
                 {
-                  value: $,
+                  value: S,
                   disabled: b,
-                  className: ({ active: w }) => Ue(
-                    b ? " text-gray-400  bg-white  cursor-not-allowed" : w ? " bg-gray-200  text-gray-900" : " text-gray-900",
+                  className: ({ active: N }) => Ue(
+                    b ? " text-gray-400  bg-white  cursor-not-allowed" : N ? " bg-gray-200  text-gray-900" : " text-gray-900",
                     " relative  cursor-default  select-none  py-2  pl-3  pr-9"
                   ),
-                  children: ({ selected: w, active: D }) => /* @__PURE__ */ n(te, { children: [
+                  children: ({ selected: N, active: D }) => /* @__PURE__ */ n(te, { children: [
                     /* @__PURE__ */ e(
                       "span",
                       {
                         className: Ue(
-                          w ? "font-semibold" : "font-normal",
+                          N ? "font-semibold" : "font-normal",
                           "block truncate"
                         ),
                         children: E
                       }
                     ),
-                    w && /* @__PURE__ */ e(
+                    N && /* @__PURE__ */ e(
                       "span",
                       {
                         className: Ue(
@@ -3684,13 +3684,13 @@ function at({
                     )
                   ] })
                 },
-                B
+                L
               );
             })
           ] })
         }
       ),
-      i && /* @__PURE__ */ e("p", { id: T, className: "mt-1 text-sm text-red-600", children: i })
+      i && /* @__PURE__ */ e("p", { id: $, className: "mt-1 text-sm text-red-600", children: i })
     ] })
   ] }) });
 }
@@ -3848,10 +3848,10 @@ function cs({
   dropId: y,
   indent: r = 24
 }) {
-  const { setNodeRef: x, isOver: d } = cr({ id: y }), { attributes: p, listeners: S, setNodeRef: T, transform: R, isDragging: O } = dr({ id: f }), L = R ? { transform: `translate3d(${Math.round(R.x)}px, ${Math.round(R.y)}px, 0)` } : void 0, [_, U] = j(!1), [Y, G] = j(t.name), C = () => {
-    const v = Y.trim();
-    U(!1), v && v !== t.name ? i?.(t, v) : G(t.name);
-  }, h = oe(() => /* @__PURE__ */ e(
+  const { setNodeRef: v, isOver: d } = cr({ id: y }), { attributes: p, listeners: z, setNodeRef: $, transform: R, isDragging: O } = dr({ id: f }), P = R ? { transform: `translate3d(${Math.round(R.x)}px, ${Math.round(R.y)}px, 0)` } : void 0, [_, U] = j(!1), [Y, G] = j(t.name), F = () => {
+    const x = Y.trim();
+    U(!1), x && x !== t.name ? i?.(t, x) : G(t.name);
+  }, h = le(() => /* @__PURE__ */ e(
     _n,
     {
       options: [
@@ -3859,37 +3859,37 @@ function cs({
         { action: "rename", label: "Rename" },
         { action: "delete", label: "Delete" }
       ],
-      onSelect: ($) => {
-        $.action === "create" ? m?.(t) : $.action === "rename" ? U(!0) : $.action === "delete" && u?.(t);
+      onSelect: (S) => {
+        S.action === "create" ? m?.(t) : S.action === "rename" ? U(!0) : S.action === "delete" && u?.(t);
       }
     }
   ), [t, m, u]);
   return /* @__PURE__ */ n(
     "div",
     {
-      ref: x,
+      ref: v,
       className: `tv-row ${d ? "tv-drop-over" : ""} ${O ? "dragging" : ""}`,
-      style: { ...L, paddingLeft: 8 + a * r },
-      onClick: (v) => {
-        v.target.closest(".tv-toggle") || v.target.tagName === "INPUT" || l?.(t);
+      style: { ...P, paddingLeft: 8 + a * r },
+      onClick: (x) => {
+        x.target.closest(".tv-toggle") || x.target.tagName === "INPUT" || l?.(t);
       },
       children: [
         /* @__PURE__ */ e("button", { className: "tv-toggle", onClick: o, "aria-label": "toggle", children: t.children?.length ? s ? /* @__PURE__ */ e(Nt, { size: 16 }) : /* @__PURE__ */ e(fe, { size: 16 }) : /* @__PURE__ */ e("span", { className: "tv-spacer" }) }),
-        /* @__PURE__ */ e(Le, { size: 16, className: "tv-folder-ic" }),
-        /* @__PURE__ */ e("div", { className: "tv-name", ref: T, children: _ ? /* @__PURE__ */ e(
+        /* @__PURE__ */ e(Me, { size: 16, className: "tv-folder-ic" }),
+        /* @__PURE__ */ e("div", { className: "tv-name", ref: $, children: _ ? /* @__PURE__ */ e(
           "input",
           {
             className: "tv-input",
             value: Y,
-            onChange: (v) => G(v.target.value),
-            onBlur: C,
-            onKeyDown: (v) => {
-              v.key === "Enter" && C(), v.key === "Escape" && (U(!1), G(t.name));
+            onChange: (x) => G(x.target.value),
+            onBlur: F,
+            onKeyDown: (x) => {
+              x.key === "Enter" && F(), x.key === "Escape" && (U(!1), G(t.name));
             },
             autoFocus: !0
           }
         ) : /* @__PURE__ */ e("span", { onDoubleClick: () => U(!0), children: t.name }) }),
-        /* @__PURE__ */ e(is, { listeners: S, attributes: p }),
+        /* @__PURE__ */ e(is, { listeners: z, attributes: p }),
         /* @__PURE__ */ e("div", { className: "tv-actions", children: g ? g(t, {
           onCreateChild: () => m?.(t),
           onRename: () => U(!0),
@@ -3985,45 +3985,45 @@ function Jl({
   onRename: f,
   onDelete: y,
   onMove: r,
-  renderActions: x,
+  renderActions: v,
   disableMoveToRoot: d = !1,
   // ← allow root moves by default now
   indentUnit: p = 24
 }) {
-  const { roots: S } = oe(() => hs(t) ? gs(t, { rootId: a, getId: o, getName: m }) : ps(
+  const { roots: z } = le(() => hs(t) ? gs(t, { rootId: a, getId: o, getName: m }) : ps(
     t.map((b) => ({ ...b })),
     { rootId: a, getId: o, getParent: l, getName: m }
-  ), [t, a, o, l, m]), [T, R] = j({}), O = se((b) => {
-    const w = {};
-    return (function D(N) {
-      N.forEach((A) => {
-        w[A.id] = !0, A.children?.length && D(A.children);
+  ), [t, a, o, l, m]), [$, R] = j({}), O = ae((b) => {
+    const N = {};
+    return (function D(w) {
+      w.forEach((T) => {
+        N[T.id] = !0, T.children?.length && D(T.children);
       });
-    })(b), w;
+    })(b), N;
   }, []);
-  ae.useEffect(() => {
-    R(O(S));
-  }, [S, O]);
-  const L = se(
-    (b) => R((w) => ({ ...w, [b]: !w[b] })),
+  re.useEffect(() => {
+    R(O(z));
+  }, [z, O]);
+  const P = ae(
+    (b) => R((N) => ({ ...N, [b]: !N[b] })),
     []
-  ), [_, U] = j(() => Pe(S));
-  ae.useEffect(() => U(Pe(S)), [S]);
+  ), [_, U] = j(() => Pe(z));
+  re.useEffect(() => U(Pe(z)), [z]);
   const Y = mr(
     ur(br, { activationConstraint: { delay: 250, tolerance: 5 } })
-  ), G = ge(null), [C, h] = j(null), v = ge(0), $ = () => {
-  }, B = ({ delta: b }) => {
-    v.current = b?.x ?? 0;
-  }, E = se(
-    ({ active: b, over: w }) => {
-      const D = v.current;
-      if (v.current = 0, h(null), !b || !w) return;
-      const N = String(b.id).replace(/^drag-/, ""), A = String(w.id).replace(/^drop-/, "");
-      if (!N || !A || N === A) return;
-      let I = A;
+  ), G = ge(null), [F, h] = j(null), x = ge(0), S = () => {
+  }, L = ({ delta: b }) => {
+    x.current = b?.x ?? 0;
+  }, E = ae(
+    ({ active: b, over: N }) => {
+      const D = x.current;
+      if (x.current = 0, h(null), !b || !N) return;
+      const w = String(b.id).replace(/^drag-/, ""), T = String(N.id).replace(/^drop-/, "");
+      if (!w || !T || w === T) return;
+      let I = T;
       const k = Math.max(0, Math.floor(-D / p));
       if (k > 0) {
-        let X = A;
+        let X = T;
         for (let xe = 0; xe < k; xe++) {
           const V = Sa(_, X, null);
           if (!V) break;
@@ -4035,57 +4035,57 @@ function Jl({
         }
       }
       if (d && I === a) {
-        U(Pe(S));
+        U(Pe(z));
         return;
       }
-      const M = Pe(_), { newRoots: P, removed: F } = bs(M, N);
-      if (!F) return;
-      const q = fs(P, I, F);
-      U(q), r?.({ sourceId: N, destParentId: I, newTree: q });
+      const B = Pe(_), { newRoots: M, removed: A } = bs(B, w);
+      if (!A) return;
+      const q = fs(M, I, A);
+      U(q), r?.({ sourceId: w, destParentId: I, newTree: q });
     },
-    [_, S, a, d, p, r]
-  ), z = se(
-    (b, w = 0) => b.map((D) => /* @__PURE__ */ n(ae.Fragment, { children: [
+    [_, z, a, d, p, r]
+  ), C = ae(
+    (b, N = 0) => b.map((D) => /* @__PURE__ */ n(re.Fragment, { children: [
       /* @__PURE__ */ e(
         cs,
         {
           node: D,
-          depth: w,
-          expanded: !!T[D.id],
-          onToggle: () => L(D.id),
+          depth: N,
+          expanded: !!$[D.id],
+          onToggle: () => P(D.id),
           onSelect: i,
           onCreateChild: g,
           onRename: f,
           onDelete: y,
-          renderActions: x,
+          renderActions: v,
           dragId: `drag-${D.id}`,
           dropId: `drop-${D.id}`,
           indent: p
         }
       ),
-      T[D.id] && D.children?.length > 0 ? z(D.children, w + 1) : null
+      $[D.id] && D.children?.length > 0 ? C(D.children, N + 1) : null
     ] }, D.id)),
-    [T, p, g, y, f, i, x, L]
+    [$, p, g, y, f, i, v, P]
   );
-  return ae.useMemo(() => {
-    if (!C) return null;
-    const b = String(C).replace(/^drag-/, "");
-    function w(D) {
-      for (const N of D) {
-        if (N.id === b) return N;
-        const A = N.children?.length ? w(N.children) : null;
-        if (A) return A;
+  return re.useMemo(() => {
+    if (!F) return null;
+    const b = String(F).replace(/^drag-/, "");
+    function N(D) {
+      for (const w of D) {
+        if (w.id === b) return w;
+        const T = w.children?.length ? N(w.children) : null;
+        if (T) return T;
       }
       return null;
     }
-    return w(_);
-  }, [C, _]), /* @__PURE__ */ n("div", { className: "tv", children: [
+    return N(_);
+  }, [F, _]), /* @__PURE__ */ n("div", { className: "tv", children: [
     s !== !1 && /* @__PURE__ */ n("div", { className: "tv-header", children: [
       /* @__PURE__ */ e("div", { className: "tv-title", children: s }),
       /* @__PURE__ */ e("button", { className: "tv-btn", onClick: u, children: "+ New folder" })
     ] }),
     /* @__PURE__ */ n("div", { className: "tv-root-row", children: [
-      /* @__PURE__ */ e(Le, { size: 16, className: "tv-folder-ic" }),
+      /* @__PURE__ */ e(Me, { size: 16, className: "tv-folder-ic" }),
       /* @__PURE__ */ e("strong", { children: "ROOT" }),
       /* @__PURE__ */ e("button", { className: "tv-icon", title: "Create top-level", onClick: u, children: "+" })
     ] }),
@@ -4094,11 +4094,11 @@ function Jl({
       {
         collisionDetection: gr,
         sensors: Y,
-        onDragStart: $,
-        onDragMove: B,
+        onDragStart: S,
+        onDragMove: L,
         onDragEnd: E,
         modifiers: [pr],
-        children: /* @__PURE__ */ e("div", { ref: G, className: "tv-list", children: z(_, 0) })
+        children: /* @__PURE__ */ e("div", { ref: G, className: "tv-list", children: C(_, 0) })
       }
     )
   ] });
@@ -4117,21 +4117,21 @@ const Xl = ({
   ...u
   // Pass remaining props to Tab.Group
 }) => {
-  const g = s === "vertical", f = (x) => we(
+  const g = s === "vertical", f = (v) => we(
     "py-2 -mb-px text-sm font-medium focus:outline-none border-b-2",
-    x ? "border-primaryX text-textX" : "border-transparent text-slate-600 hover:text-indigo-700"
-  ), y = (x) => we(
+    v ? "border-primaryX text-textX" : "border-transparent text-slate-600 hover:text-indigo-700"
+  ), y = (v) => we(
     "text-left text-sm rounded-md px-2 py-1.5 focus:outline-none",
-    x ? "bg-primaryX text-white" : "text-textX hover:bg-lightgray-100 hover:text-primaryX"
-  ), r = ({ selected: x }) => i ? typeof i == "function" ? i(x) : i : g ? y(x) : f(x);
-  return /* @__PURE__ */ e(ne.Group, { vertical: g, ...u, children: g ? /* @__PURE__ */ n("div", { className: we("flex gap-4", o), children: [
-    /* @__PURE__ */ e(ne.List, { className: we("w-[150px] flex flex-col gap-1 border-r border-gray-300 pr-2", l), children: t.map((x) => /* @__PURE__ */ e(ne, { className: r, children: x.label }, x.key)) }),
-    /* @__PURE__ */ e(ne.Panels, { unmount: !a, className: we("flex-1", m), children: t.map((x) => /* @__PURE__ */ e(ne.Panel, { className: "focus:outline-none", children: /* @__PURE__ */ e("div", { className: "[overflow-anchor:none]", children: x.content }) }, x.key)) })
+    v ? "bg-primaryX text-white" : "text-textX hover:bg-lightgray-100 hover:text-primaryX"
+  ), r = ({ selected: v }) => i ? typeof i == "function" ? i(v) : i : g ? y(v) : f(v);
+  return /* @__PURE__ */ e(se.Group, { vertical: g, ...u, children: g ? /* @__PURE__ */ n("div", { className: we("flex gap-4", o), children: [
+    /* @__PURE__ */ e(se.List, { className: we("w-[150px] flex flex-col gap-1 border-r border-gray-300 pr-2", l), children: t.map((v) => /* @__PURE__ */ e(se, { className: r, children: v.label }, v.key)) }),
+    /* @__PURE__ */ e(se.Panels, { unmount: !a, className: we("flex-1", m), children: t.map((v) => /* @__PURE__ */ e(se.Panel, { className: "focus:outline-none", children: /* @__PURE__ */ e("div", { className: "[overflow-anchor:none]", children: v.content }) }, v.key)) })
   ] }) : (
     // mostly this part is used :  horizontal
     /* @__PURE__ */ n(te, { children: [
-      /* @__PURE__ */ e(ne.List, { className: we("flex gap-6 border rounded-t-2xl px-1.5 border-gray-300 mb-3 ", l), children: t.map((x) => /* @__PURE__ */ e(ne, { className: r, children: x.label }, x.key)) }),
-      /* @__PURE__ */ e(ne.Panels, { unmount: !a, className: we("mt-2", m), children: t.map((x) => /* @__PURE__ */ e(ne.Panel, { className: "focus:outline-none", children: /* @__PURE__ */ e("div", { className: "[overflow-anchor:none]", children: x.content }) }, x.key)) })
+      /* @__PURE__ */ e(se.List, { className: we("flex gap-6 border rounded-t-2xl px-1.5 border-gray-300 mb-3 ", l), children: t.map((v) => /* @__PURE__ */ e(se, { className: r, children: v.label }, v.key)) }),
+      /* @__PURE__ */ e(se.Panels, { unmount: !a, className: we("mt-2", m), children: t.map((v) => /* @__PURE__ */ e(se.Panel, { className: "focus:outline-none", children: /* @__PURE__ */ e("div", { className: "[overflow-anchor:none]", children: v.content }) }, v.key)) })
     ] })
   ) });
 };
@@ -4141,7 +4141,7 @@ function Ql(t, a = "YYYY-MM-DD HH:mm:ss") {
 c.string;
 function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
   console.log(t);
-  const [l, m] = ae.useState(t), [i, u] = ae.useState(() => {
+  const [l, m] = re.useState(t), [i, u] = re.useState(() => {
     const r = a && a[t.key] || {};
     return console.log("Initial Section data for", t.key, r), r;
   }), g = ge(a);
@@ -4158,24 +4158,24 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
   }, [l.key, i, s]);
   const y = (r) => {
     if (!r.dependsOn) return !0;
-    const { field: x, value: d, operator: p = "equals" } = r.dependsOn, S = i[x];
+    const { field: v, value: d, operator: p = "equals" } = r.dependsOn, z = i[v];
     switch (p) {
       case "equals":
-        return S === d;
+        return z === d;
       case "notEquals":
-        return S !== d;
+        return z !== d;
       case "contains":
-        return Array.isArray(S) && S.includes(d);
+        return Array.isArray(z) && z.includes(d);
       case "notContains":
-        return !Array.isArray(S) || !S.includes(d);
+        return !Array.isArray(z) || !z.includes(d);
       case "greaterThan":
-        return Number(S) > Number(d);
+        return Number(z) > Number(d);
       case "lessThan":
-        return Number(S) < Number(d);
+        return Number(z) < Number(d);
       case "isEmpty":
-        return !S || Array.isArray(S) && S.length === 0;
+        return !z || Array.isArray(z) && z.length === 0;
       case "isNotEmpty":
-        return S && (!Array.isArray(S) || S.length > 0);
+        return z && (!Array.isArray(z) || z.length > 0);
       default:
         return !0;
     }
@@ -4194,15 +4194,15 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
     ),
     /* @__PURE__ */ e("p", { style: { fontSize: "14px", marginBottom: "10px" }, children: l.description }),
     l.layout === "inline-checkboxes" ? /* @__PURE__ */ n("div", { style: { marginBottom: "20px" }, children: [
-      /* @__PURE__ */ e("div", { style: { display: "flex", flexWrap: "wrap", gap: "20px", alignItems: "center" }, children: l.fields.map((r, x) => y(r) && r.fieldtype === "checkbox" && /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center" }, children: [
+      /* @__PURE__ */ e("div", { style: { display: "flex", flexWrap: "wrap", gap: "20px", alignItems: "center" }, children: l.fields.map((r, v) => y(r) && r.fieldtype === "checkbox" && /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center" }, children: [
         /* @__PURE__ */ e(
           gt,
           {
             name: r.key,
             checked: !!(i[r.key] || r.default),
             onChange: (d) => {
-              const p = d.target ? d.target.checked : d, S = { ...i, [r.key]: p };
-              u(S), s && s(l.key, S);
+              const p = d.target ? d.target.checked : d, z = { ...i, [r.key]: p };
+              u(z), s && s(l.key, z);
             },
             label: r.label,
             disabled: r.disabled ? r.disabled : !1
@@ -4220,17 +4220,17 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
             children: "ℹ️"
           }
         )
-      ] }, x)) }),
+      ] }, v)) }),
       l.fields.some(
         (r) => r.fieldtype === "checkbox" && o[l.key]?.[r.key]
       ) && /* @__PURE__ */ e("div", { style: { marginTop: "10px" }, children: l.fields.map(
-        (r, x) => r.fieldtype === "checkbox" && o[l.key]?.[r.key] && /* @__PURE__ */ n("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: [
+        (r, v) => r.fieldtype === "checkbox" && o[l.key]?.[r.key] && /* @__PURE__ */ n("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: [
           r.label,
           ": ",
           o[l.key][r.key]
-        ] }, x)
+        ] }, v)
       ) })
-    ] }) : /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: l.fields.map((r, x) => y(r) && /* @__PURE__ */ n("div", { className: r.fullWidth ? "col-span-full" : "", style: { marginBottom: "10px" }, children: [
+    ] }) : /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: l.fields.map((r, v) => y(r) && /* @__PURE__ */ n("div", { className: r.fullWidth ? "col-span-full" : "", style: { marginBottom: "10px" }, children: [
       r.fieldtype !== "checkbox" && /* @__PURE__ */ n(
         "label",
         {
@@ -4301,14 +4301,14 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
             max: r.max,
             step: r.step,
             onChange: (d) => {
-              const p = d.target.value, S = { ...i, [r.key]: p };
-              u(S), s && s(l.key, S);
+              const p = d.target.value, z = { ...i, [r.key]: p };
+              u(z), s && s(l.key, z);
             },
             onBlur: (d) => {
               const p = d.target.value;
               if (p !== "" && p !== null && p !== void 0) {
-                const S = Number(p);
-                isNaN(S) || (r.min !== void 0 && S < r.min ? (d.target.setCustomValidity(`${r.label} must be at least ${r.min}`), d.target.reportValidity()) : r.max !== void 0 && S > r.max ? (d.target.setCustomValidity(`${r.label} must not exceed ${r.max}`), d.target.reportValidity()) : d.target.setCustomValidity(""));
+                const z = Number(p);
+                isNaN(z) || (r.min !== void 0 && z < r.min ? (d.target.setCustomValidity(`${r.label} must be at least ${r.min}`), d.target.reportValidity()) : r.max !== void 0 && z > r.max ? (d.target.setCustomValidity(`${r.label} must not exceed ${r.max}`), d.target.reportValidity()) : d.target.setCustomValidity(""));
               }
             },
             required: r.required,
@@ -4333,8 +4333,8 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
             name: r.key,
             checked: !!(i[r.key] || r.default),
             onChange: (d) => {
-              const p = d.target ? d.target.checked : d, S = { ...i, [r.key]: p };
-              u(S), s && s(l.key, S);
+              const p = d.target ? d.target.checked : d, z = { ...i, [r.key]: p };
+              u(z), s && s(l.key, z);
             },
             label: r.placeholder || r.label,
             disabled: r.disabled ? r.disabled : !1,
@@ -4512,8 +4512,8 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
               value: d.value,
               checked: i[r.key] === d.value,
               onChange: (p) => {
-                const S = { ...i, [r.key]: p.target.value };
-                u(S), s && s(l.key, S);
+                const z = { ...i, [r.key]: p.target.value };
+                u(z), s && s(l.key, z);
               },
               disabled: r.disabled
             }
@@ -4630,8 +4630,8 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
             type: "file",
             name: r.key,
             onChange: (d) => {
-              const p = d.target.files[0], S = { ...i, [r.key]: p ? p.name : "" };
-              u(S), s && s(l.key, S);
+              const p = d.target.files[0], z = { ...i, [r.key]: p ? p.name : "" };
+              u(z), s && s(l.key, z);
             },
             accept: r.accept,
             className: `w-full ${o[l.key]?.[r.key] ? "border-red-500" : ""}`
@@ -4670,7 +4670,7 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
           children: r.info
         }
       )
-    ] }, x)) })
+    ] }, v)) })
   ] }) });
 }
 const xs = ({ children: t }) => /* @__PURE__ */ e("div", { className: "flex -space-x-2", children: t });
@@ -4679,14 +4679,14 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
   const [l, m] = j(t), [i, u] = j(null), [g, f] = j(null);
   console.log(`[DataTableRenderer] ${l.key} - Received props:`, { item: t, initialData: a });
   const [y, r] = j(() => {
-    const h = a && a[l.key] || [], v = h.length > 0 ? h : [{ id: 0 }];
-    return console.log(`[DataTableRenderer] ${l.key} - Initial data:`, v), v;
-  }), x = ge(a);
+    const h = a && a[l.key] || [], x = h.length > 0 ? h : [{ id: 0 }];
+    return console.log(`[DataTableRenderer] ${l.key} - Initial data:`, x), x;
+  }), v = ge(a);
   Z(() => {
-    if (console.log(`[DataTableRenderer] ${l.key} - Checking for initialData changes`), console.log(`[DataTableRenderer] ${l.key} - Previous:`, x.current), console.log(`[DataTableRenderer] ${l.key} - Current:`, a), x.current !== a) {
-      x.current = a;
-      const h = a && a[l.key] || [], v = h.length > 0 ? h : [{ id: 0 }];
-      console.log(`[DataTableRenderer] ${l.key} - Setting new data:`, v), r(v);
+    if (console.log(`[DataTableRenderer] ${l.key} - Checking for initialData changes`), console.log(`[DataTableRenderer] ${l.key} - Previous:`, v.current), console.log(`[DataTableRenderer] ${l.key} - Current:`, a), v.current !== a) {
+      v.current = a;
+      const h = a && a[l.key] || [], x = h.length > 0 ? h : [{ id: 0 }];
+      console.log(`[DataTableRenderer] ${l.key} - Setting new data:`, x), r(x);
     }
   }, [a, l.key]);
   const d = ge(y), p = ge(null);
@@ -4697,48 +4697,48 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
   }, [l.key, y, s]), Z(() => () => {
     p.current && clearTimeout(p.current);
   }, []);
-  const S = (h) => {
-    const v = (E, z) => {
-      console.log("[DataTableRenderer] updateFieldValue called with:", { rowIndex: E, value: z, type: typeof z }), r((b) => {
-        const w = [...b];
-        return w[E][h.key] = z, w;
+  const z = (h) => {
+    const x = (E, C) => {
+      console.log("[DataTableRenderer] updateFieldValue called with:", { rowIndex: E, value: C, type: typeof C }), r((b) => {
+        const N = [...b];
+        return N[E][h.key] = C, N;
       });
-    }, $ = (E) => o[l.key]?.[E]?.[h.key], B = (E) => {
-      const z = $(E);
-      return z ? /* @__PURE__ */ e("div", { className: "text-red-500 text-xs mt-1", children: z }) : null;
+    }, S = (E) => o[l.key]?.[E]?.[h.key], L = (E) => {
+      const C = S(E);
+      return C ? /* @__PURE__ */ e("div", { className: "text-red-500 text-xs mt-1", children: C }) : null;
     };
     switch (h.fieldtype) {
       case "text":
-        return (E, z) => /* @__PURE__ */ n("div", { children: [
+        return (E, C) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             J,
             {
               value: E[h.key] || "",
-              onChange: (b) => v(z, b.target.value),
+              onChange: (b) => x(C, b.target.value),
               placeholder: h.placeholder || `Enter ${h.label}`,
               required: h.required,
-              className: `w-full ${$(z) ? "border-red-500" : ""}`
+              className: `w-full ${S(C) ? "border-red-500" : ""}`
             }
           ),
-          B(z)
+          L(C)
         ] });
       case "textarea":
-        return (E, z) => /* @__PURE__ */ n("div", { children: [
+        return (E, C) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             ba,
             {
               value: E[h.key] || "",
-              onChange: (b) => v(z, b.target.value),
+              onChange: (b) => x(C, b.target.value),
               placeholder: h.placeholder || `Enter ${h.label}`,
               required: h.required,
-              className: `w-full ${$(z) ? "border-red-500" : ""}`,
+              className: `w-full ${S(C) ? "border-red-500" : ""}`,
               rows: 3
             }
           ),
-          B(z)
+          L(C)
         ] });
       case "number":
-        return (E, z) => /* @__PURE__ */ n("div", { children: [
+        return (E, C) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             J,
             {
@@ -4747,17 +4747,17 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
               min: h.min,
               max: h.max,
               step: h.step,
-              onChange: (b) => v(z, b.target.value),
+              onChange: (b) => x(C, b.target.value),
               onBlur: (b) => {
-                const w = b.target.value;
-                if (w !== "" && w !== null && w !== void 0) {
-                  const D = Number(w);
+                const N = b.target.value;
+                if (N !== "" && N !== null && N !== void 0) {
+                  const D = Number(N);
                   isNaN(D) || (h.min !== void 0 && D < h.min ? (b.target.setCustomValidity(`${h.label} must be at least ${h.min}`), b.target.reportValidity()) : h.max !== void 0 && D > h.max ? (b.target.setCustomValidity(`${h.label} must not exceed ${h.max}`), b.target.reportValidity()) : b.target.setCustomValidity(""));
                 }
               },
               placeholder: h.placeholder || `Enter ${h.label}`,
               required: h.required,
-              className: `w-full ${$(z) ? "border-red-500" : ""}`
+              className: `w-full ${S(C) ? "border-red-500" : ""}`
             }
           ),
           h.min !== void 0 && /* @__PURE__ */ n("div", { style: { color: "#6b7280", fontSize: "11px", marginTop: "2px" }, children: [
@@ -4768,79 +4768,79 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
             "Max: ",
             h.max
           ] }),
-          B(z)
+          L(C)
         ] });
       case "email":
-        return (E, z) => /* @__PURE__ */ n("div", { children: [
+        return (E, C) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             J,
             {
               type: "email",
               value: E[h.key] || "",
-              onChange: (b) => v(z, b.target.value),
+              onChange: (b) => x(C, b.target.value),
               placeholder: h.placeholder || "Enter email address",
               required: h.required,
-              className: `w-full ${$(z) ? "border-red-500" : ""}`
+              className: `w-full ${S(C) ? "border-red-500" : ""}`
             }
           ),
-          B(z)
+          L(C)
         ] });
       case "url":
-        return (E, z) => /* @__PURE__ */ n("div", { children: [
+        return (E, C) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             J,
             {
               type: "url",
               value: E[h.key] || "",
-              onChange: (b) => v(z, b.target.value),
+              onChange: (b) => x(C, b.target.value),
               placeholder: h.placeholder || "Enter URL",
               required: h.required,
-              className: `w-full ${$(z) ? "border-red-500" : ""}`
+              className: `w-full ${S(C) ? "border-red-500" : ""}`
             }
           ),
-          B(z)
+          L(C)
         ] });
       case "password":
-        return (E, z) => /* @__PURE__ */ n("div", { children: [
+        return (E, C) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             J,
             {
               type: "password",
               value: E[h.key] || "",
-              onChange: (b) => v(z, b.target.value),
+              onChange: (b) => x(C, b.target.value),
               placeholder: h.placeholder || "Enter password",
               required: h.required,
-              className: `w-full ${$(z) ? "border-red-500" : ""}`
+              className: `w-full ${S(C) ? "border-red-500" : ""}`
             }
           ),
-          B(z)
+          L(C)
         ] });
       case "select":
       case "dropdown":
-        return (E, z) => /* @__PURE__ */ n("div", { children: [
+        return (E, C) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             yt,
             {
               value: E[h.key] || "",
-              onChange: (b) => v(z, b),
+              onChange: (b) => x(C, b),
               options: h.options || [],
               placeholder: h.placeholder || `Select ${h.label}`,
               required: h.required,
-              className: `w-full ${$(z) ? "border-red-500" : ""}`
+              className: `w-full ${S(C) ? "border-red-500" : ""}`
             }
           ),
-          B(z)
+          L(C)
         ] });
       case "selectDynamic":
-        return (E, z) => {
+        return (E, C) => {
           const b = () => {
             if (h.optionsFrom && a) {
-              const { config: w, valueField: D, labelField: N } = h.optionsFrom, A = a[w] || [];
-              if (Array.isArray(A))
-                return A.map((I) => ({
+              const { config: N, valueField: D, labelField: w } = h.optionsFrom, T = a[N] || [];
+              if (Array.isArray(T))
+                return T.map((I) => ({
                   id: I[D] || "",
                   value: I[D] || "",
-                  label: I[N] || ""
+                  label: I[w] || ""
                 }));
             }
             return h.options || [];
@@ -4849,27 +4849,27 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
             /* @__PURE__ */ e(
               yt,
               {
-                index: z,
+                index: C,
                 value: E[h.key] || "",
-                onChange: (w) => v(z, w),
+                onChange: (N) => x(C, N),
                 options: b(),
                 placeholder: h.placeholder || `Select ${h.label}`,
                 required: h.required,
-                className: `w-full ${$(z) ? "border-red-500" : ""}`
+                className: `w-full ${S(C) ? "border-red-500" : ""}`
               },
               Math.random()
             ),
-            B(z)
+            L(C)
           ] });
         };
       case "multiselect":
-        return (E, z) => {
+        return (E, C) => {
           const b = E[h.key] || [];
           return /* @__PURE__ */ e(
             at,
             {
               selectedItems: b,
-              onSelectionChange: (w) => v(z, w),
+              onSelectionChange: (N) => x(C, N),
               options: h.options || [],
               placeholder: h.placeholder || `Select ${h.label}`,
               className: "w-full"
@@ -4878,127 +4878,127 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
         };
       case "checkbox":
       case "boolean":
-        return (E, z) => /* @__PURE__ */ e(
+        return (E, C) => /* @__PURE__ */ e(
           gt,
           {
             checked: !!E[h.key],
-            onChange: (b) => v(z, b),
+            onChange: (b) => x(C, b),
             label: h.placeholder || h.label,
             className: "w-full"
           }
         );
       case "toggle":
       case "switch":
-        return (E, z) => /* @__PURE__ */ e(
+        return (E, C) => /* @__PURE__ */ e(
           fa,
           {
             isOn: !!E[h.key],
-            onToggle: (b) => v(z, b),
+            onToggle: (b) => x(C, b),
             label: h.placeholder || h.label,
             className: "w-full"
           }
         );
       case "date":
-        return (E, z) => /* @__PURE__ */ e(
+        return (E, C) => /* @__PURE__ */ e(
           ua,
           {
             selectedDate: E[h.key] ? new Date(E[h.key]) : null,
-            onDateChange: (b) => v(z, b ? b.toISOString().split("T")[0] : ""),
+            onDateChange: (b) => x(C, b ? b.toISOString().split("T")[0] : ""),
             placeholder: h.placeholder || "Select date",
             className: "w-full"
           }
         );
       case "datetime":
-        return (E, z) => /* @__PURE__ */ e(
+        return (E, C) => /* @__PURE__ */ e(
           J,
           {
             type: "datetime-local",
             value: E[h.key] || "",
-            onChange: (b) => v(z, b.target.value),
+            onChange: (b) => x(C, b.target.value),
             placeholder: h.placeholder || "Select date and time",
             required: h.required,
             className: "w-full"
           }
         );
       case "time":
-        return (E, z) => /* @__PURE__ */ e(
+        return (E, C) => /* @__PURE__ */ e(
           J,
           {
             type: "time",
             value: E[h.key] || "",
-            onChange: (b) => v(z, b.target.value),
+            onChange: (b) => x(C, b.target.value),
             placeholder: h.placeholder || "Select time",
             required: h.required,
             className: "w-full"
           }
         );
       case "radio":
-        return (E, z) => /* @__PURE__ */ e(
+        return (E, C) => /* @__PURE__ */ e(
           ha,
           {
             selectedValue: E[h.key] || "",
-            onValueChange: (b) => v(z, b),
+            onValueChange: (b) => x(C, b),
             options: h.options || [],
             className: "w-full"
           }
         );
       case "search":
-        return (E, z) => /* @__PURE__ */ e(
+        return (E, C) => /* @__PURE__ */ e(
           he,
           {
             value: E[h.key] || "",
-            onChange: (b) => v(z, b),
+            onChange: (b) => x(C, b),
             placeholder: h.placeholder || `Search ${h.label}`,
             className: "w-full"
           }
         );
       case "audience":
-        return (E, z) => {
-          const b = E[h.key] || { users: [], groups: [], roles: [] }, w = [
+        return (E, C) => {
+          const b = E[h.key] || { users: [], groups: [], roles: [] }, N = [
             ...b.users || [],
             ...b.groups || [],
             ...b.roles || []
           ];
           return /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ e(xs, { children: w.length > 0 ? w.slice(0, 3).map((D, N) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e(xs, { children: N.length > 0 ? N.slice(0, 3).map((D, w) => /* @__PURE__ */ e(
               Ce,
               {
                 size: "small",
                 name: D.name || D.displayName || D.id,
                 src: D.avatarUrl
               },
-              N
+              w
             )) : null }),
             /* @__PURE__ */ e(
               "button",
               {
                 className: "text-blue-600 font-semibold hover:text-blue-800",
                 onClick: () => {
-                  f(h.key), u(z);
+                  f(h.key), u(C);
                 },
-                children: w.length > 0 ? "Edit" : "Assign"
+                children: N.length > 0 ? "Edit" : "Assign"
               }
             )
           ] });
         };
       case "color":
-        return (E, z) => /* @__PURE__ */ e(
+        return (E, C) => /* @__PURE__ */ e(
           J,
           {
             type: "color",
             value: E[h.key] || "#000000",
-            onChange: (b) => v(z, b.target.value),
+            onChange: (b) => x(C, b.target.value),
             className: "w-full h-10"
           }
         );
       case "range":
-        return (E, z) => /* @__PURE__ */ n("div", { className: "w-full", children: [
+        return (E, C) => /* @__PURE__ */ n("div", { className: "w-full", children: [
           /* @__PURE__ */ e(
             J,
             {
               type: "range",
               value: E[h.key] || h.min || 0,
-              onChange: (b) => v(z, b.target.value),
+              onChange: (b) => x(C, b.target.value),
               min: h.min || 0,
               max: h.max || 100,
               step: h.step || 1,
@@ -5008,86 +5008,86 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
           /* @__PURE__ */ e("span", { className: "text-sm text-gray-500", children: E[h.key] || h.min || 0 })
         ] });
       case "file":
-        return (E, z) => /* @__PURE__ */ e(
+        return (E, C) => /* @__PURE__ */ e(
           J,
           {
             type: "file",
             onChange: (b) => {
-              const w = b.target.files[0];
-              v(z, w ? w.name : "");
+              const N = b.target.files[0];
+              x(C, N ? N.name : "");
             },
             accept: h.accept,
             className: "w-full"
           }
         );
       case "hidden":
-        return (E, z) => /* @__PURE__ */ e(
+        return (E, C) => /* @__PURE__ */ e(
           J,
           {
             type: "hidden",
             value: E[h.key] || "",
-            onChange: (b) => v(z, b.target.value)
+            onChange: (b) => x(C, b.target.value)
           }
         );
       // Default fallback for unknown field types
       default:
-        return (E, z) => /* @__PURE__ */ n("div", { children: [
+        return (E, C) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             J,
             {
               value: E[h.key] || "",
-              onChange: (b) => v(z, b.target.value),
+              onChange: (b) => x(C, b.target.value),
               placeholder: h.placeholder || `Enter ${h.label}`,
               required: h.required,
-              className: `w-full ${$(z) ? "border-red-500" : ""}`
+              className: `w-full ${S(C) ? "border-red-500" : ""}`
             }
           ),
-          B(z)
+          L(C)
         ] });
     }
-  }, T = se(() => {
+  }, $ = ae(() => {
     console.log("[DataTableRenderer] Adding blank row"), r((h) => {
       console.log("[DataTableRenderer] Current data before add:", h);
-      const v = {
+      const x = {
         id: h.length
         // Assign next available ID
       };
-      l.fields.forEach((B) => {
-        B.fieldtype === "audience" ? v[B.key] = { users: [], groups: [], roles: [] } : v[B.key] = B.default || "";
-      }), console.log("[DataTableRenderer] New blank row:", v);
-      const $ = [...h, v];
-      return console.log("[DataTableRenderer] Updated data:", $), $;
+      l.fields.forEach((L) => {
+        L.fieldtype === "audience" ? x[L.key] = { users: [], groups: [], roles: [] } : x[L.key] = L.default || "";
+      }), console.log("[DataTableRenderer] New blank row:", x);
+      const S = [...h, x];
+      return console.log("[DataTableRenderer] Updated data:", S), S;
     });
-  }, [l.fields]), R = se((h) => {
-    r((v) => {
-      if (v.length <= 1)
-        return v;
-      const $ = [...v];
-      return $.splice(h, 1), $;
+  }, [l.fields]), R = ae((h) => {
+    r((x) => {
+      if (x.length <= 1)
+        return x;
+      const S = [...x];
+      return S.splice(h, 1), S;
     });
-  }, []), [O, L] = j(null), _ = se((h, v) => {
-    L(v), h.dataTransfer.effectAllowed = "move", h.dataTransfer.setData("text/html", "");
-  }, []), U = se((h) => {
+  }, []), [O, P] = j(null), _ = ae((h, x) => {
+    P(x), h.dataTransfer.effectAllowed = "move", h.dataTransfer.setData("text/html", "");
+  }, []), U = ae((h) => {
     h.preventDefault(), h.dataTransfer.dropEffect = "move";
-  }, []), Y = se((h, v) => {
-    h.preventDefault(), !(O === null || O === v) && (r(($) => {
-      const B = [...$], E = B[O];
-      return B.splice(O, 1), B.splice(v, 0, E), B;
-    }), L(null));
-  }, [O]), G = se(() => {
-    L(null);
-  }, []), C = se((h) => {
-    console.log("[DataTableRenderer] handleAddAudience called with:", h), r((v) => {
-      const $ = [...v];
-      if (i !== null && g && $[i]) {
-        const B = h.pendingInvites || [], E = B.filter((w) => w.type === "User"), z = B.filter((w) => w.type === "Group"), b = B.filter((w) => w.type === "Role");
-        $[i][g] = {
-          users: [...$[i][g]?.users || [], ...E],
-          groups: [...$[i][g]?.groups || [], ...z],
-          roles: [...$[i][g]?.roles || [], ...b]
-        }, console.log("[DataTableRenderer] Updated audience data:", $[i][g]);
+  }, []), Y = ae((h, x) => {
+    h.preventDefault(), !(O === null || O === x) && (r((S) => {
+      const L = [...S], E = L[O];
+      return L.splice(O, 1), L.splice(x, 0, E), L;
+    }), P(null));
+  }, [O]), G = ae(() => {
+    P(null);
+  }, []), F = ae((h) => {
+    console.log("[DataTableRenderer] handleAddAudience called with:", h), r((x) => {
+      const S = [...x];
+      if (i !== null && g && S[i]) {
+        const L = h.pendingInvites || [], E = L.filter((N) => N.type === "User"), C = L.filter((N) => N.type === "Group"), b = L.filter((N) => N.type === "Role");
+        S[i][g] = {
+          users: [...S[i][g]?.users || [], ...E],
+          groups: [...S[i][g]?.groups || [], ...C],
+          roles: [...S[i][g]?.roles || [], ...b]
+        }, console.log("[DataTableRenderer] Updated audience data:", S[i][g]);
       }
-      return $;
+      return S;
     }), u(null), f(null);
   }, [i, g]);
   return /* @__PURE__ */ n("div", { children: [
@@ -5098,7 +5098,7 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
           "button",
           {
             className: "btn btn-primary text-white px-6 py-2 rounded-2xl cursor-pointer hover:bg-gray-800",
-            onClick: T,
+            onClick: $,
             children: "Add"
           }
         )
@@ -5108,32 +5108,32 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
     /* @__PURE__ */ e("div", { className: "overflow-x-auto", children: /* @__PURE__ */ n("table", { className: "min-w-full bg-white border border-gray-300", style: { marginBottom: "20px" }, children: [
       /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ n("tr", { className: "bg-gray-50", children: [
         /* @__PURE__ */ e("th", { className: "px-4 py-2 w-10" }),
-        l.fields.map((h, v) => /* @__PURE__ */ e(
+        l.fields.map((h, x) => /* @__PURE__ */ e(
           "th",
           {
             className: "px-4 py-2 text-left text-sm font-medium text-gray-700",
             children: h.label || h.key
           },
-          v
+          x
         )),
         /* @__PURE__ */ e("th", { className: "px-4 py-2 w-16" })
       ] }) }),
-      /* @__PURE__ */ e("tbody", { children: y.map((h, v) => /* @__PURE__ */ n(
+      /* @__PURE__ */ e("tbody", { children: y.map((h, x) => /* @__PURE__ */ n(
         "tr",
         {
-          className: `hover:bg-gray-50 ${O === v ? "opacity-50" : ""}`,
+          className: `hover:bg-gray-50 ${O === x ? "opacity-50" : ""}`,
           draggable: !0,
-          onDragStart: ($) => _($, v),
+          onDragStart: (S) => _(S, x),
           onDragOver: U,
-          onDrop: ($) => Y($, v),
+          onDrop: (S) => Y(S, x),
           onDragEnd: G,
           children: [
             /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: /* @__PURE__ */ e("div", { className: "cursor-move text-gray-400 hover:text-gray-600", children: /* @__PURE__ */ e(wt, { size: 16 }) }) }),
-            l.fields.map(($, B) => /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: S($)(h, v) }, B)),
+            l.fields.map((S, L) => /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: z(S)(h, x) }, L)),
             /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: /* @__PURE__ */ e(
               "button",
               {
-                onClick: () => R(v),
+                onClick: () => R(x),
                 className: "text-red-500 hover:text-red-700",
                 title: "Delete row",
                 children: /* @__PURE__ */ e(fr, { size: 16 })
@@ -5141,7 +5141,7 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
             ) })
           ]
         },
-        v
+        x
       )) })
     ] }) }),
     i !== null && (() => {
@@ -5157,7 +5157,7 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
           onClose: () => {
             u(null), f(null);
           },
-          onFinalSubmit: C,
+          onFinalSubmit: F,
           existingShares: h,
           allowedPermissions: ["view", "remove"]
         }
@@ -5174,7 +5174,7 @@ const Ie = {
   closeOnClick: !0
 };
 let Je = 0;
-const Mt = () => {
+const Lt = () => {
   typeof document > "u" || (Je += 1, document.body.classList.add("toast-backdrop"));
 }, Bt = () => {
   typeof document > "u" || (Je = Math.max(0, Je - 1), Je === 0 && document.body.classList.remove("toast-backdrop"));
@@ -5188,7 +5188,7 @@ const Mt = () => {
     autoClose: !1,
     closeOnClick: !1,
     draggable: !1,
-    onOpen: Mt,
+    onOpen: Lt,
     onClose: Bt,
     ...a
   }),
@@ -5203,7 +5203,7 @@ const Mt = () => {
         autoClose: !1,
         closeOnClick: !1,
         draggable: !1,
-        onOpen: Mt,
+        onOpen: Lt,
         onClose: Bt
       }
     },
@@ -5231,18 +5231,18 @@ const Mt = () => {
   initialData: g = null
   // Add prop for initial demo data
 }) => {
-  const [f, y] = j(null), [r, x] = j(""), [d, p] = j(() => Array.isArray(g) ? g : []), [S, T] = j(null), [R, O] = j(null), [L, _] = j(""), U = async () => {
+  const [f, y] = j(null), [r, v] = j(""), [d, p] = j(() => Array.isArray(g) ? g : []), [z, $] = j(null), [R, O] = j(null), [P, _] = j(""), U = async () => {
     try {
-      const N = await je(t.collectionList);
-      if (N) {
-        const A = N.map((I, k) => ({
+      const w = await je(t.collectionList);
+      if (w) {
+        const T = w.map((I, k) => ({
           ...I,
           order: typeof I.order == "number" ? I.order : k + 1
         }));
-        A.sort((I, k) => (I.order ?? 0) - (k.order ?? 0)), p(A), s?.(A);
+        T.sort((I, k) => (I.order ?? 0) - (k.order ?? 0)), p(T), s?.(T);
       }
-    } catch (N) {
-      console.log("Error loading collections:", N), typeof window < "u" && !window.location.pathname.includes("iframe.html") && Se.error("Failed to load collections");
+    } catch (w) {
+      console.log("Error loading collections:", w), typeof window < "u" && !window.location.pathname.includes("iframe.html") && Se.error("Failed to load collections");
     }
   };
   Z(() => {
@@ -5250,30 +5250,30 @@ const Mt = () => {
   }, [g]), Z(() => {
     Array.isArray(g) && p(g);
   }, [g]);
-  const Y = (N) => {
-    m && (y(N.id), x(N.categoryName || ""));
+  const Y = (w) => {
+    m && (y(w.id), v(w.categoryName || ""));
   }, G = () => {
     if (!l || f !== null) return;
-    const N = `temp-${Date.now()}`;
-    p((A) => [
-      ...A,
+    const w = `temp-${Date.now()}`;
+    p((T) => [
+      ...T,
       {
-        id: N,
+        id: w,
         categoryName: "",
         links: [],
-        order: (A.at(-1)?.order ?? 0) + 1,
+        order: (T.at(-1)?.order ?? 0) + 1,
         _temp: !0
       }
-    ]), y(N), x("");
-  }, C = () => {
-    f != null && (p((N) => {
-      const A = N.find((k) => k.id === f), I = A && A._temp ? N.filter((k) => k.id !== f) : N;
+    ]), y(w), v("");
+  }, F = () => {
+    f != null && (p((w) => {
+      const T = w.find((k) => k.id === f), I = T && T._temp ? w.filter((k) => k.id !== f) : w;
       return s?.(I), I;
-    }), y(null), x(""));
+    }), y(null), v(""));
   }, h = () => {
     if (f == null || !r.trim()) return;
     if (typeof f == "string" && f.startsWith("temp-")) {
-      const A = {
+      const T = {
         id: f,
         categoryName: r.trim(),
         links: [],
@@ -5284,54 +5284,54 @@ const Mt = () => {
         // Flag to indicate this is a draft change
       };
       p((I) => {
-        const k = I.map((M) => M.id === f ? A : M);
+        const k = I.map((B) => B.id === f ? T : B);
         return s?.(k), k;
       });
     } else
-      p((A) => {
-        const I = A.map(
+      p((T) => {
+        const I = T.map(
           (k) => k.id === f ? { ...k, categoryName: r.trim(), _isDraft: !0 } : k
         );
         return s?.(I), I;
       });
-    y(null), x("");
-  }, v = (N) => {
-    i && p((A) => {
-      const I = A.filter((k) => k.id !== N.id);
+    y(null), v("");
+  }, x = (w) => {
+    i && p((T) => {
+      const I = T.filter((k) => k.id !== w.id);
       return s?.(I), I;
     });
-  }, $ = (N, A, I) => {
-    if (!u || !A || !I || A === I) return N;
-    const k = N.findIndex((q) => q.id === A), M = N.findIndex((q) => q.id === I);
-    if (k === -1 || M === -1) return N;
-    const P = [...N], [F] = P.splice(k, 1);
-    return P.splice(M, 0, F), P.map((q, X) => ({ ...q, order: X + 1 }));
-  }, B = (N, A) => {
-    u && (N.dataTransfer.effectAllowed = "move", N.dataTransfer.setData("text/plain", String(A)), T(A));
-  }, E = (N) => {
-    S && N !== R && O(N);
-  }, z = (N) => {
-    N.preventDefault();
-  }, b = (N, A) => {
-    N.preventDefault();
-    const I = N.dataTransfer.getData("text/plain");
+  }, S = (w, T, I) => {
+    if (!u || !T || !I || T === I) return w;
+    const k = w.findIndex((q) => q.id === T), B = w.findIndex((q) => q.id === I);
+    if (k === -1 || B === -1) return w;
+    const M = [...w], [A] = M.splice(k, 1);
+    return M.splice(B, 0, A), M.map((q, X) => ({ ...q, order: X + 1 }));
+  }, L = (w, T) => {
+    u && (w.dataTransfer.effectAllowed = "move", w.dataTransfer.setData("text/plain", String(T)), $(T));
+  }, E = (w) => {
+    z && w !== R && O(w);
+  }, C = (w) => {
+    w.preventDefault();
+  }, b = (w, T) => {
+    w.preventDefault();
+    const I = w.dataTransfer.getData("text/plain");
     I && (p((k) => {
-      const M = $(k, I, A);
-      console.log("Reordered", M);
-      const P = M.map((F) => ({ ...F, _isDraft: !0 }));
-      return s?.(P), P;
-    }), T(null), O(null));
-  }, w = () => {
-    T(null), O(null);
+      const B = S(k, I, T);
+      console.log("Reordered", B);
+      const M = B.map((A) => ({ ...A, _isDraft: !0 }));
+      return s?.(M), M;
+    }), $(null), O(null));
+  }, N = () => {
+    $(null), O(null);
   }, D = Array.isArray(d) ? d.filter(
-    (N) => N.categoryName?.toLowerCase().includes(L.toLowerCase())
+    (w) => w.categoryName?.toLowerCase().includes(P.toLowerCase())
   ) : [];
   return /* @__PURE__ */ n("div", { className: `manage-collection-list ${a}`, children: [
     /* @__PURE__ */ e("div", { className: "flex justify-end", children: /* @__PURE__ */ n("div", { className: "w-1/2 flex justify-end", children: [
       o && /* @__PURE__ */ e(
         he,
         {
-          value: L,
+          value: P,
           onDebouncedChange: _,
           placeholder: "Search Collection",
           customClass: "mr-4 searchmanagecollection"
@@ -5350,32 +5350,32 @@ const Mt = () => {
         }
       )
     ] }) }),
-    /* @__PURE__ */ e("div", { className: "mt-5 flex flex-col", children: D.map((N) => {
-      const A = f === N.id, I = N?.links?.length ?? 0, k = S === N.id, M = R === N.id && S !== N.id;
+    /* @__PURE__ */ e("div", { className: "mt-5 flex flex-col", children: D.map((w) => {
+      const T = f === w.id, I = w?.links?.length ?? 0, k = z === w.id, B = R === w.id && z !== w.id;
       return /* @__PURE__ */ e(
         "div",
         {
-          onDragEnter: () => E(N.id),
-          onDragOver: z,
-          onDrop: (P) => b(P, N.id),
-          onDragEnd: w,
+          onDragEnter: () => E(w.id),
+          onDragOver: C,
+          onDrop: (M) => b(M, w.id),
+          onDragEnd: N,
           className: [
             "flex items-center justify-between p-3 border rounded-2xl mb-3",
             "border-gray-300",
-            M ? "ring-2 ring-gray-800/20" : "",
+            B ? "ring-2 ring-gray-800/20" : "",
             k ? "opacity-60" : ""
           ].join(" "),
-          children: A ? /* @__PURE__ */ n(te, { children: [
+          children: T ? /* @__PURE__ */ n(te, { children: [
             /* @__PURE__ */ e("div", { className: "flex items-center gap-2 flex-1", children: /* @__PURE__ */ e(
               "input",
               {
                 type: "text",
                 className: "flex-1 h-10 px-3 max-w-[200px] border border-gray-300 rounded-2xl outline-none focus:ring-2 focus:ring-gray-800/20",
                 value: r,
-                placeholder: N._temp ? "New collection name" : "Edit collection name",
-                onChange: (P) => x(P.target.value),
-                onKeyDown: (P) => {
-                  P.key === "Enter" && h(), P.key === "Escape" && C();
+                placeholder: w._temp ? "New collection name" : "Edit collection name",
+                onChange: (M) => v(M.target.value),
+                onKeyDown: (M) => {
+                  M.key === "Enter" && h(), M.key === "Escape" && F();
                 },
                 autoFocus: !0
               }
@@ -5385,7 +5385,7 @@ const Mt = () => {
                 "button",
                 {
                   className: "cursor-pointer border border-gray-300 p-2 rounded-2xl",
-                  onClick: C,
+                  onClick: F,
                   "aria-label": "Cancel edit",
                   children: /* @__PURE__ */ e(ye, { color: "#767676" })
                 }
@@ -5414,36 +5414,36 @@ const Mt = () => {
                   "aria-label": "Drag to reorder",
                   className: "cursor-grab active:cursor-grabbing p-1 -m-1 rounded-md hover:bg-gray-50",
                   draggable: !0,
-                  onDragStart: (P) => B(P, N.id),
+                  onDragStart: (M) => L(M, w.id),
                   children: /* @__PURE__ */ e(wt, {})
                 }
               ),
-              /* @__PURE__ */ e("span", { children: N.categoryName })
+              /* @__PURE__ */ e("span", { children: w.categoryName })
             ] }),
             /* @__PURE__ */ n("div", { className: "flex gap-2 items-center", children: [
-              N.protected ? /* @__PURE__ */ e("span", { className: "text-sm text-gray-600 cursor-default", children: N.qlAppName }) : /* @__PURE__ */ e("span", { className: "text-sm text-blue-600 cursor-default", children: `${I} ${I === 1 ? "link" : "links"}` }),
+              w.protected ? /* @__PURE__ */ e("span", { className: "text-sm text-gray-600 cursor-default", children: w.qlAppName }) : /* @__PURE__ */ e("span", { className: "text-sm text-blue-600 cursor-default", children: `${I} ${I === 1 ? "link" : "links"}` }),
               m && /* @__PURE__ */ e(
                 "button",
                 {
                   className: "cursor-pointer",
-                  onClick: () => Y(N),
-                  "aria-label": `Edit ${N.categoryName}`,
+                  onClick: () => Y(w),
+                  "aria-label": `Edit ${w.categoryName}`,
                   children: /* @__PURE__ */ e(yr, { color: "#767676" })
                 }
               ),
               i && /* @__PURE__ */ e(
                 "span",
                 {
-                  className: I === 0 && !N.protected ? "cursor-pointer" : "cursor-not-allowed",
-                  title: I === 0 && !N.protected ? "Delete" : "Cannot delete this collection",
-                  onClick: I === 0 ? () => v(N) : null,
+                  className: I === 0 && !w.protected ? "cursor-pointer" : "cursor-not-allowed",
+                  title: I === 0 && !w.protected ? "Delete" : "Cannot delete this collection",
+                  onClick: I === 0 ? () => x(w) : null,
                   children: /* @__PURE__ */ e(Qe, { color: I === 0 ? "#767676" : "#C2C2C2" })
                 }
               )
             ] })
           ] })
         },
-        N.id
+        w.id
       );
     }) })
   ] });
@@ -5458,7 +5458,7 @@ const Mt = () => {
     allowEdit: f = !0,
     allowDelete: y = !0,
     allowReorder: r = !0,
-    className: x = ""
+    className: v = ""
   } = t, d = a?.[t.key] || i || [], p = Array.isArray(d) ? d : [];
   return /* @__PURE__ */ n("div", { className: "dynamic-config-manage-collection-list", children: [
     (o || l) && /* @__PURE__ */ n("div", { className: "mb-4", children: [
@@ -5470,9 +5470,9 @@ const Mt = () => {
       {
         endpoints: m,
         initialData: p,
-        className: x,
-        onCollectionChange: (T) => {
-          s && s(t.key, T);
+        className: v,
+        onCollectionChange: ($) => {
+          s && s(t.key, $);
         },
         showSearch: u,
         allowAdd: g,
@@ -5505,165 +5505,165 @@ function zs({
   onSave: o,
   onShowCancelModal: l
 }) {
-  const [m, i] = ae.useState(a), [u, g] = ae.useState(null), [f, y] = ae.useState(null), [r, x] = j(!1), [d, p] = j(!1), [S, T] = j({}), R = `${ze()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, O = R, [L, _] = j(1), U = () => !f || !u ? !1 : JSON.stringify(f) !== JSON.stringify(u), Y = (b) => {
+  const [m, i] = re.useState(a), [u, g] = re.useState(null), [f, y] = re.useState(null), [r, v] = j(!1), [d, p] = j(!1), [z, $] = j({}), R = `${ze()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, O = R, [P, _] = j(1), U = () => !f || !u ? !1 : JSON.stringify(f) !== JSON.stringify(u), Y = (b) => {
     if (!a || !a.configuration)
       return b;
-    const w = {}, D = b?.configuration || {};
-    return a.configuration.forEach((N) => {
-      if (N.key && N.type === "datatable") {
-        const I = (D[N.key] || []).map((k, M) => {
-          const P = { id: k.id || 0 };
-          return N.fields && N.fields.forEach((F) => {
-            if (F.fieldtype === "audience") {
+    const N = {}, D = b?.configuration || {};
+    return a.configuration.forEach((w) => {
+      if (w.key && w.type === "datatable") {
+        const I = (D[w.key] || []).map((k, B) => {
+          const M = { id: k.id || 0 };
+          return w.fields && w.fields.forEach((A) => {
+            if (A.fieldtype === "audience") {
               let q = { users: [], groups: [], roles: [] };
-              k[F.key] && (Array.isArray(k[F.key]) ? q = { users: [], groups: [], roles: [] } : typeof k[F.key] == "object" && (q = {
-                users: k[F.key].users || [],
-                groups: k[F.key].groups || [],
-                roles: k[F.key].roles || []
-              })), P[F.key] = q;
+              k[A.key] && (Array.isArray(k[A.key]) ? q = { users: [], groups: [], roles: [] } : typeof k[A.key] == "object" && (q = {
+                users: k[A.key].users || [],
+                groups: k[A.key].groups || [],
+                roles: k[A.key].roles || []
+              })), M[A.key] = q;
             } else
-              P[F.key] = k[F.key] || F.default || "";
-          }), P;
+              M[A.key] = k[A.key] || A.default || "";
+          }), M;
         });
         if (I.length === 0) {
           const k = { id: 0 };
-          N.fields && N.fields.forEach((M) => {
-            M.fieldtype === "audience" ? k[M.key] = { users: [], groups: [], roles: [] } : k[M.key] = M.default || "";
+          w.fields && w.fields.forEach((B) => {
+            B.fieldtype === "audience" ? k[B.key] = { users: [], groups: [], roles: [] } : k[B.key] = B.default || "";
           }), I.push(k);
         }
-        w[N.key] = I;
-      } else N.key && (w[N.key] = D[N.key] || {});
-    }), w;
+        N[w.key] = I;
+      } else w.key && (N[w.key] = D[w.key] || {});
+    }), N;
   }, G = () => {
     if (a && a.configuration) {
       const b = {};
-      a.configuration.forEach((w) => {
-        if (w.key)
-          if (w.type === "datatable") {
+      a.configuration.forEach((N) => {
+        if (N.key)
+          if (N.type === "datatable") {
             const D = { id: 0 };
-            w.fields && w.fields.forEach((N) => {
-              N.fieldtype === "audience" ? D[N.key] = { users: [], groups: [], roles: [] } : D[N.key] = N.default || "";
-            }), b[w.key] = [D];
-          } else if (w.type === "section") {
+            N.fields && N.fields.forEach((w) => {
+              w.fieldtype === "audience" ? D[w.key] = { users: [], groups: [], roles: [] } : D[w.key] = w.default || "";
+            }), b[N.key] = [D];
+          } else if (N.type === "section") {
             const D = {};
-            w.fields && Array.isArray(w.fields) && w.fields.forEach((N) => {
-              N.key && (D[N.key] = N.default || "");
-            }), b[w.key] = D;
+            N.fields && Array.isArray(N.fields) && N.fields.forEach((w) => {
+              w.key && (D[w.key] = w.default || "");
+            }), b[N.key] = D;
           } else
-            b[w.key] = {};
+            b[N.key] = {};
       }), g(b), y(b);
     }
   };
   Z(() => {
     if (s) {
-      x(!1);
+      v(!1);
       return;
     }
     const b = async () => {
       try {
-        x(!0);
-        let w = await je(R);
-        if (w) {
-          const D = Y(w);
+        v(!0);
+        let N = await je(R);
+        if (N) {
+          const D = Y(N);
           g(D), y(D);
         } else
           G();
-      } catch (w) {
-        console.error("Error fetching configuration:", w);
+      } catch (N) {
+        console.error("Error fetching configuration:", N);
         let D = "Failed to load configuration";
-        if (w.response) {
-          const N = w.response.status, A = w.response.data?.message || w.response.data?.error;
-          N === 400 ? D = A || "Invalid request. Please check the application ID." : N === 401 ? D = "You are not authorized to access this configuration." : N === 403 ? D = "Access denied. You don't have permission to view this configuration." : N === 404 ? D = "Configuration not found. It may not exist yet or the application ID is incorrect." : N >= 500 ? D = A || "Server error. Please try again later." : D = A || `Failed to load configuration (Error ${N})`;
-        } else w.request ? D = "Network error. Please check your connection and try again." : D = w.message || "An unexpected error occurred while loading configuration.";
+        if (N.response) {
+          const w = N.response.status, T = N.response.data?.message || N.response.data?.error;
+          w === 400 ? D = T || "Invalid request. Please check the application ID." : w === 401 ? D = "You are not authorized to access this configuration." : w === 403 ? D = "Access denied. You don't have permission to view this configuration." : w === 404 ? D = "Configuration not found. It may not exist yet or the application ID is incorrect." : w >= 500 ? D = T || "Server error. Please try again later." : D = T || `Failed to load configuration (Error ${w})`;
+        } else N.request ? D = "Network error. Please check your connection and try again." : D = N.message || "An unexpected error occurred while loading configuration.";
         Ge.error(D), G();
       } finally {
-        x(!1);
+        v(!1);
       }
     };
     a && (i(a), t ? b() : G());
-  }, [a, L, t, s]);
-  const C = (b, w) => {
+  }, [a, P, t, s]);
+  const F = (b, N) => {
     g((D) => ({
       ...D,
-      [b]: w
-    })), T((D) => {
-      const N = { ...D };
-      return N[b] && delete N[b], N;
+      [b]: N
+    })), $((D) => {
+      const w = { ...D };
+      return w[b] && delete w[b], w;
     });
   }, h = () => {
     const b = {};
-    return !m || !u || m.configuration.forEach((w) => {
-      if (w.type === "section")
-        w.fields.forEach((D) => {
-          const N = u[w.key]?.[D.key];
-          if (D.required && (!N || typeof N == "string" && N.trim() === "")) {
-            b[w.key] || (b[w.key] = {}), b[w.key][D.key] = `${D.label} is required`;
+    return !m || !u || m.configuration.forEach((N) => {
+      if (N.type === "section")
+        N.fields.forEach((D) => {
+          const w = u[N.key]?.[D.key];
+          if (D.required && (!w || typeof w == "string" && w.trim() === "")) {
+            b[N.key] || (b[N.key] = {}), b[N.key][D.key] = `${D.label} is required`;
             return;
           }
-          if (D.fieldtype === "number" && N !== "" && N !== null && N !== void 0) {
-            const A = Number(N);
-            isNaN(A) ? (b[w.key] || (b[w.key] = {}), b[w.key][D.key] = `${D.label} must be a valid number`) : (D.min !== void 0 && A < D.min && (b[w.key] || (b[w.key] = {}), b[w.key][D.key] = `${D.label} must be at least ${D.min}`), D.max !== void 0 && A > D.max && (b[w.key] || (b[w.key] = {}), b[w.key][D.key] = `${D.label} must not exceed ${D.max}`));
+          if (D.fieldtype === "number" && w !== "" && w !== null && w !== void 0) {
+            const T = Number(w);
+            isNaN(T) ? (b[N.key] || (b[N.key] = {}), b[N.key][D.key] = `${D.label} must be a valid number`) : (D.min !== void 0 && T < D.min && (b[N.key] || (b[N.key] = {}), b[N.key][D.key] = `${D.label} must be at least ${D.min}`), D.max !== void 0 && T > D.max && (b[N.key] || (b[N.key] = {}), b[N.key][D.key] = `${D.label} must not exceed ${D.max}`));
           }
         });
-      else if (w.type === "datatable") {
-        const D = u[w.key];
-        Array.isArray(D) && D.forEach((N, A) => {
-          w.fields.forEach((I) => {
-            const k = N[I.key];
+      else if (N.type === "datatable") {
+        const D = u[N.key];
+        Array.isArray(D) && D.forEach((w, T) => {
+          N.fields.forEach((I) => {
+            const k = w[I.key];
             if (I.required && (!k || typeof k == "string" && k.trim() === "")) {
-              b[w.key] || (b[w.key] = {}), b[w.key][A] || (b[w.key][A] = {}), b[w.key][A][I.key] = `${I.label} is required`;
+              b[N.key] || (b[N.key] = {}), b[N.key][T] || (b[N.key][T] = {}), b[N.key][T][I.key] = `${I.label} is required`;
               return;
             }
             if (I.fieldtype === "number" && k !== "" && k !== null && k !== void 0) {
-              const M = Number(k);
-              isNaN(M) ? (b[w.key] || (b[w.key] = {}), b[w.key][A] || (b[w.key][A] = {}), b[w.key][A][I.key] = `${I.label} must be a valid number`) : (I.min !== void 0 && M < I.min && (b[w.key] || (b[w.key] = {}), b[w.key][A] || (b[w.key][A] = {}), b[w.key][A][I.key] = `${I.label} must be at least ${I.min}`), I.max !== void 0 && M > I.max && (b[w.key] || (b[w.key] = {}), b[w.key][A] || (b[w.key][A] = {}), b[w.key][A][I.key] = `${I.label} must not exceed ${I.max}`));
+              const B = Number(k);
+              isNaN(B) ? (b[N.key] || (b[N.key] = {}), b[N.key][T] || (b[N.key][T] = {}), b[N.key][T][I.key] = `${I.label} must be a valid number`) : (I.min !== void 0 && B < I.min && (b[N.key] || (b[N.key] = {}), b[N.key][T] || (b[N.key][T] = {}), b[N.key][T][I.key] = `${I.label} must be at least ${I.min}`), I.max !== void 0 && B > I.max && (b[N.key] || (b[N.key] = {}), b[N.key][T] || (b[N.key][T] = {}), b[N.key][T][I.key] = `${I.label} must not exceed ${I.max}`));
             }
           });
         });
       }
     }), b;
-  }, v = (b) => Object.keys(b).length > 0, $ = async (b) => {
-    const w = a?.configuration?.filter(
-      (D) => D.fields?.some((N) => N.fieldtype === "managecollectionlist")
+  }, x = (b) => Object.keys(b).length > 0, S = async (b) => {
+    const N = a?.configuration?.filter(
+      (D) => D.fields?.some((w) => w.fieldtype === "managecollectionlist")
     ) || [];
-    for (const D of w) {
-      const N = D.fields.find((P) => P.fieldtype === "managecollectionlist");
-      if (!N || !b[D.key]) continue;
-      const A = b[D.key][N.key];
-      if (!Array.isArray(A)) continue;
-      const I = N.endpoints || {};
-      let k = 0, M = 0;
-      for (const P of A)
+    for (const D of N) {
+      const w = D.fields.find((M) => M.fieldtype === "managecollectionlist");
+      if (!w || !b[D.key]) continue;
+      const T = b[D.key][w.key];
+      if (!Array.isArray(T)) continue;
+      const I = w.endpoints || {};
+      let k = 0, B = 0;
+      for (const M of T)
         try {
-          if (P._temp && P._isDraft) {
-            console.log("Creating new collection:", P.categoryName);
-            const F = await Ze(I.collectionCreate, {
-              categoryName: P.categoryName,
-              order: P.order
+          if (M._temp && M._isDraft) {
+            console.log("Creating new collection:", M.categoryName);
+            const A = await Ze(I.collectionCreate, {
+              categoryName: M.categoryName,
+              order: M.order
             });
-            F && (console.log("Collection created successfully:", F), k++);
-          } else if (P._isDraft && !P._temp) {
-            console.log("Updating collection:", P.id, P.categoryName);
-            const F = await Hn(`${I.collectionUpdate}/${P.id}?newName=${encodeURIComponent(P.categoryName)}`);
-            F && (console.log("Collection updated successfully:", F), M++);
+            A && (console.log("Collection created successfully:", A), k++);
+          } else if (M._isDraft && !M._temp) {
+            console.log("Updating collection:", M.id, M.categoryName);
+            const A = await Hn(`${I.collectionUpdate}/${M.id}?newName=${encodeURIComponent(M.categoryName)}`);
+            A && (console.log("Collection updated successfully:", A), B++);
           }
-        } catch (F) {
-          throw console.error(`Failed to save collection ${P.categoryName}:`, F), new Error(`Failed to save collection "${P.categoryName}": ${F.message}`);
+        } catch (A) {
+          throw console.error(`Failed to save collection ${M.categoryName}:`, A), new Error(`Failed to save collection "${M.categoryName}": ${A.message}`);
         }
-      if (k > 0 || M > 0) {
-        const P = [];
-        k > 0 && P.push(`${k} collection${k > 1 ? "s" : ""} created`), M > 0 && P.push(`${M} collection${M > 1 ? "s" : ""} updated`), console.log("ManageCollectionList operations completed:", P.join(", "));
+      if (k > 0 || B > 0) {
+        const M = [];
+        k > 0 && M.push(`${k} collection${k > 1 ? "s" : ""} created`), B > 0 && M.push(`${B} collection${B > 1 ? "s" : ""} updated`), console.log("ManageCollectionList operations completed:", M.join(", "));
       }
     }
-  }, B = () => {
+  }, L = () => {
     const b = h();
-    if (T(b), v(b)) {
+    if ($(b), x(b)) {
       let D = [];
-      Object.keys(b).forEach((N) => {
-        typeof b[N] == "object" && Object.keys(b[N]).forEach((A) => {
-          typeof b[N][A] == "object" ? Object.keys(b[N][A]).forEach((I) => {
-            D.push(`${N} row ${parseInt(A) + 1}: ${b[N][A][I]}`);
-          }) : D.push(`${N}: ${b[N][A]}`);
+      Object.keys(b).forEach((w) => {
+        typeof b[w] == "object" && Object.keys(b[w]).forEach((T) => {
+          typeof b[w][T] == "object" ? Object.keys(b[w][T]).forEach((I) => {
+            D.push(`${w} row ${parseInt(T) + 1}: ${b[w][T][I]}`);
+          }) : D.push(`${w}: ${b[w][T]}`);
         });
       });
       return;
@@ -5672,32 +5672,32 @@ function zs({
       try {
         p(!0);
         const D = {};
-        u && (await $(u), Object.keys(u).forEach((A) => {
+        u && (await S(u), Object.keys(u).forEach((T) => {
           const I = a?.configuration?.find(
-            (k) => k.key === A && k.type === "datatable"
+            (k) => k.key === T && k.type === "datatable"
           );
-          I && Array.isArray(u[A]) ? D[A] = u[A].map((k) => {
-            const M = { id: k.id || 0 };
-            return I.fields && I.fields.forEach((P) => {
-              if (P.fieldtype === "audience") {
-                let F = { users: [], groups: [], roles: [] };
-                k[P.key] && typeof k[P.key] == "object" && !Array.isArray(k[P.key]) && (F = {
-                  users: k[P.key].users || [],
-                  groups: k[P.key].groups || [],
-                  roles: k[P.key].roles || []
-                }), M[P.key] = F;
+          I && Array.isArray(u[T]) ? D[T] = u[T].map((k) => {
+            const B = { id: k.id || 0 };
+            return I.fields && I.fields.forEach((M) => {
+              if (M.fieldtype === "audience") {
+                let A = { users: [], groups: [], roles: [] };
+                k[M.key] && typeof k[M.key] == "object" && !Array.isArray(k[M.key]) && (A = {
+                  users: k[M.key].users || [],
+                  groups: k[M.key].groups || [],
+                  roles: k[M.key].roles || []
+                }), B[M.key] = A;
               } else
-                M[P.key] = k[P.key] || "";
-            }), M;
-          }) : D[A] = u[A];
+                B[M.key] = k[M.key] || "";
+            }), B;
+          }) : D[T] = u[T];
         })), (!D.appkey || D.appkey === "") && (D.appkey = t);
-        let N = await Ze(O, D);
-        if (N && N.status != "fail") {
-          T({});
-          const A = N.message || "Configuration has been saved successfully";
-          Ge.success(A), o && typeof o == "function" && o(u);
+        let w = await Ze(O, D);
+        if (w && w.status != "fail") {
+          $({});
+          const T = w.message || "Configuration has been saved successfully";
+          Ge.success(T), o && typeof o == "function" && o(u);
         } else
-          throw Ge.error(N?.message || "Failed to save configuration"), new Error("No response received from server");
+          throw Ge.error(w?.message || "Failed to save configuration"), new Error("No response received from server");
       } catch (D) {
         console.error("Error saving configuration:", D), Ge.error(D?.message || "Failed to save configuration");
       } finally {
@@ -5709,7 +5709,7 @@ function zs({
   };
   if (!m?.configuration && !a?.configuration)
     return /* @__PURE__ */ e("div", { className: "min-h-screen flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "text-gray-500", children: "No configuration available" }) });
-  const z = a?.configuration || m?.configuration;
+  const C = a?.configuration || m?.configuration;
   return Z(() => {
     s && a ? (!u || Object.keys(u).length === 0) && G() : s && !a && G();
   }, [s, a]), /* @__PURE__ */ n("div", { children: [
@@ -5720,7 +5720,7 @@ function zs({
         style: { padding: "0px 20px 0px 0px" },
         children: [
           r && /* @__PURE__ */ e("div", { className: "flex justify-center items-center h-64", children: /* @__PURE__ */ e(ga, { size: "large" }) }),
-          !r && z?.map((b, w) => {
+          !r && C?.map((b, N) => {
             const D = Cs(b.type);
             if (D && D !== "UnknownType")
               return /* @__PURE__ */ e(
@@ -5728,10 +5728,10 @@ function zs({
                 {
                   item: b,
                   data: u,
-                  updateHandler: C,
-                  validationErrors: S
+                  updateHandler: F,
+                  validationErrors: z
                 },
-                w
+                N
               );
           })
         ]
@@ -5752,7 +5752,7 @@ function zs({
         ee,
         {
           category: "primary",
-          onClick: B,
+          onClick: L,
           disabled: d,
           label: d ? "Saving..." : "Save",
           type: "submit"
@@ -5772,27 +5772,27 @@ const Hl = ({
     breadcrumb: f = [],
     overview: y = {},
     configuration: r = []
-  } = t, x = r.map((C) => {
-    if (C.type === "section" && C.fields) {
-      const h = [...C.fields], v = h.findIndex(($) => $ && $.key === "appkey");
-      if (v !== -1) {
-        const $ = h[v];
-        if (h[v] = {
-          ...$,
+  } = t, v = le(() => r.map((h) => {
+    if (h.type === "section" && h.fields) {
+      const x = [...h.fields], S = x.findIndex((L) => L && L.key === "appkey");
+      if (S !== -1) {
+        const L = x[S];
+        if (x[S] = {
+          ...L,
           default: a,
           value: a,
           readonly: !0,
           placeholder: a,
           disabled: !1
-        }, h.some((E) => E.key === "displayname")) {
-          const E = h.findIndex((b) => b.key === "displayname"), z = h[E] || {};
-          h[E] = {
-            ...z,
-            default: z.default || z.value || a,
-            placeholder: z.placeholder || "Enter display name"
+        }, x.some((C) => C.key === "displayname")) {
+          const C = x.findIndex((N) => N.key === "displayname"), b = x[C] || {};
+          x[C] = {
+            ...b,
+            default: b.default || b.value || a,
+            placeholder: b.placeholder || "Enter display name"
           };
         } else {
-          const E = {
+          const C = {
             key: "displayname",
             label: "Display Name",
             fieldtype: "text",
@@ -5801,52 +5801,54 @@ const Hl = ({
             placeholder: "Enter display name",
             required: !1
           };
-          h.splice(v + 1, 0, E);
+          x.splice(S + 1, 0, C);
         }
       }
       return {
-        ...C,
-        fields: h
+        ...h,
+        fields: x
       };
     }
-    return C;
-  }), d = {
+    return h;
+  }), [r, a]), d = {
     heading: "App Details",
     subHeading: "View app details and customize configurations to align with institutional requirements.",
     isLeftArrow: !0,
     onBackClick: () => window.history.back(),
     ...u
-  }, p = f.map((C) => ({
-    label: C.text,
-    href: C.href || "#"
-  })), S = se((C) => {
-    i(!1), C.primary && window.location.reload();
-  }, []), T = se((C) => {
-    console.log("Configuration changed:", C);
-  }, []), R = (() => {
+  }, p = f.map((h) => ({
+    label: h.text,
+    href: h.href || "#"
+  })), z = ae(() => {
+    i(!0);
+  }, []), $ = ae((h) => {
+    i(!1), h.primary && window.location.reload();
+  }, []), R = ae((h) => {
+    console.log("Configuration changed:", h);
+  }, []), O = (() => {
     if (g.headingKey && Array.isArray(r)) {
-      const C = g.headingKey.split("."), h = C[0], v = C[1], $ = r.find((B) => B && B.key === h);
-      if ($ && $.fields) {
-        const B = $.fields.find((E) => E && E.key === v);
-        if (B)
-          return B.default ?? B.value ?? g.heading ?? a;
+      const h = g.headingKey.split("."), x = h[0], S = h[1], L = r.find((E) => E && E.key === x);
+      if (L && L.fields) {
+        const E = L.fields.find((C) => C && C.key === S);
+        if (E)
+          return E.default ?? E.value ?? g.heading ?? a;
       }
     }
     if (Array.isArray(r)) {
-      for (const C of r)
-        if (C && C.fields) {
-          const h = C.fields.find((v) => v && v.key === "displayname");
-          if (h) return h.default ?? h.value ?? a;
+      for (const h of r)
+        if (h && h.fields) {
+          const x = h.fields.find((S) => S && S.key === "displayname");
+          if (x) return x.default ?? x.value ?? a;
         }
     }
     return g.heading || a;
-  })(), O = {
+  })(), P = {
     subHeading: "Application configuration and details",
     tags: [],
     ...g,
-    heading: R
+    heading: O
     // Use resolvedDisplayName only
-  }, L = {
+  }, _ = {
     about: "This application provides comprehensive functionality for your organization.",
     images: {
       desktop: "https://via.placeholder.com/600x400?text=Desktop+View",
@@ -5864,26 +5866,26 @@ const Hl = ({
       }
     ],
     ...y
-  }, _ = oe(() => ({
-    configuration: x
-  }), [x]), U = oe(() => [
-    { label: "Overview", content: G(L) },
-    { label: "Configuration", content: /* @__PURE__ */ e(zs, { appid: a, configdata: _, disableApi: s, onSave: T, onShowCancelModal: () => i(!0) }) }
-  ], [a, _, s, T, L]);
-  function Y(C) {
-    return C ? C.includes("<svg") ? /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: C } }) : C : "📱";
+  }, U = le(() => ({
+    configuration: v
+  }), [v]), Y = le(() => [
+    { label: "Overview", content: F(_) },
+    { label: "Configuration", content: /* @__PURE__ */ e(zs, { appid: a, configdata: U, disableApi: s, onSave: R, onShowCancelModal: z }) }
+  ], [a, U, s, R, z, _]);
+  function G(h) {
+    return h ? h.includes("<svg") ? /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: h } }) : h : "📱";
   }
-  function G(C) {
+  function F(h) {
     return /* @__PURE__ */ n("div", { className: "bg-white rounded-2xl p-1", children: [
       /* @__PURE__ */ n("section", { className: "mb-8", children: [
         /* @__PURE__ */ e("h2", { className: "text-xl font-semibold mb-2", children: "About" }),
-        /* @__PURE__ */ e("p", { className: "text-gray-700 text-base", children: C.about })
+        /* @__PURE__ */ e("p", { className: "text-gray-700 text-base", children: h.about })
       ] }),
       /* @__PURE__ */ n("section", { className: "flex flex-row gap-6 justify-center items-center mb-8", children: [
         /* @__PURE__ */ e(
           "img",
           {
-            src: C.images.desktop,
+            src: h.images.desktop,
             alt: "Desktop View",
             className: "rounded-xl border border-gray-200 w-[340px] h-[220px] object-cover"
           }
@@ -5891,7 +5893,7 @@ const Hl = ({
         /* @__PURE__ */ e(
           "img",
           {
-            src: C.images.mobile1,
+            src: h.images.mobile1,
             alt: "Mobile View 1",
             className: "rounded-2xl border border-gray-200 w-[120px] h-[220px] object-cover"
           }
@@ -5899,11 +5901,11 @@ const Hl = ({
       ] }),
       /* @__PURE__ */ n("section", { children: [
         /* @__PURE__ */ e("h3", { className: "text-lg font-semibold mb-4", children: "Key Features" }),
-        /* @__PURE__ */ e("ul", { className: "space-y-3", children: C.features.map((h, v) => /* @__PURE__ */ n("li", { children: [
-          /* @__PURE__ */ e("span", { className: "font-semibold", children: h.title }),
+        /* @__PURE__ */ e("ul", { className: "space-y-3", children: h.features.map((x, S) => /* @__PURE__ */ n("li", { children: [
+          /* @__PURE__ */ e("span", { className: "font-semibold", children: x.title }),
           /* @__PURE__ */ e("br", {}),
-          /* @__PURE__ */ e("span", { className: "text-gray-700", children: h.description })
-        ] }, v)) })
+          /* @__PURE__ */ e("span", { className: "text-gray-700", children: x.description })
+        ] }, S)) })
       ] })
     ] });
   }
@@ -5919,37 +5921,37 @@ const Hl = ({
       }
     ),
     /* @__PURE__ */ n("div", { className: "bg-[#ffffff] border border-[#eef2f6] rounded-[12px] px-6 py-5 flex gap-4 items-start mb-4 shadow-sm", children: [
-      /* @__PURE__ */ e("div", { className: "icon w-[72px] h-[72px] rounded-full flex items-center justify-center bg-[#F5F5F6] text-[#1C274C] font-bold text-[18px]", children: Y(O.icon) }),
+      /* @__PURE__ */ e("div", { className: "icon w-[72px] h-[72px] rounded-full flex items-center justify-center bg-[#F5F5F6] text-[#1C274C] font-bold text-[18px]", children: G(P.icon) }),
       /* @__PURE__ */ n("div", { className: "flex flex-col min-w-0", children: [
-        /* @__PURE__ */ e("h2", { className: "text-[24px] font-semibold m-0 leading-tight truncate", children: O.heading }),
-        /* @__PURE__ */ e("p", { className: "text-[13px] text-[#101112] mt-1 mb-0 max-w-[800px] leading-normal", children: O.subHeading }),
-        /* @__PURE__ */ e("div", { className: "mt-2 flex flex-wrap gap-2", children: O.tags && O.tags.map((C, h) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("h2", { className: "text-[24px] font-semibold m-0 leading-tight truncate", children: P.heading }),
+        /* @__PURE__ */ e("p", { className: "text-[13px] text-[#101112] mt-1 mb-0 max-w-[800px] leading-normal", children: P.subHeading }),
+        /* @__PURE__ */ e("div", { className: "mt-2 flex flex-wrap gap-2", children: P.tags && P.tags.map((h, x) => /* @__PURE__ */ e(
           "span",
           {
             className: "pill inline-block px-[10px] py-[6px] rounded-[14px] text-[11px] border border-[#e6e9ee] text-[#767676] font-semibold mt-1",
-            children: C
+            children: h
           },
-          h
+          x
         )) })
       ] })
     ] }),
     /* @__PURE__ */ n("div", { className: "bg-white border border-gray-300 rounded-2xl w-full mt-5 ", children: [
-      /* @__PURE__ */ e("div", { className: "border-b border-gray-200", children: /* @__PURE__ */ e("nav", { className: "flex space-x-8", "aria-label": "Tabs", children: U.map((C, h) => /* @__PURE__ */ e(
+      /* @__PURE__ */ e("div", { className: "border-b border-gray-200", children: /* @__PURE__ */ e("nav", { className: "flex space-x-8", "aria-label": "Tabs", children: Y.map((h, x) => /* @__PURE__ */ e(
         "button",
         {
-          onClick: () => l(h),
-          className: `${o === h ? "border-black text-black" : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300"} whitespace-nowrap py-3 px-6 border-b-2 font-medium text-sm transition-colors duration-200`,
-          children: C.label
+          onClick: () => l(x),
+          className: `${o === x ? "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: h.label
         },
-        h
+        x
       )) }) }),
-      /* @__PURE__ */ e("div", { className: "p-8 h-full overflow-y-auto", children: U[o].content })
+      /* @__PURE__ */ e("div", { className: "p-8 h-full overflow-y-auto", children: Y[o].content })
     ] }),
     /* @__PURE__ */ e(
       Pn,
       {
         isOpen: m,
-        onClose: S,
+        onClose: $,
         variant: "warning",
         title: "Are you sure you want to cancel?",
         primaryButtonText: "Yes",
@@ -6001,63 +6003,63 @@ const Kl = ({
   showColumnChooser: f = !0,
   showFilter: y = !1,
   showPrint: r = !1,
-  showExcel: x = !1,
+  showExcel: v = !1,
   showPdf: d = !1,
   showRefresh: p = !1,
-  showAdd: S = !1,
+  showAdd: z = !1,
   // Additional props
-  searchPlaceholder: T = "Search...",
+  searchPlaceholder: $ = "Search...",
   handleRefreshClick: R = () => {
   },
   handleSearchChange: O = () => {
   },
   // Optional: override export file names
-  excelFileName: L,
+  excelFileName: P,
   pdfFileName: _
 }) => {
-  const U = () => l?.current || o?.current, [Y, G] = ae.useState(""), C = (t || "export").toString().trim() || "export", h = `${L || C}.xlsx`, v = `${_ || C}.pdf`, $ = (z, b, w) => Math.max(b, Math.min(z, w)), B = se(
-    (z) => {
+  const U = () => l?.current || o?.current, [Y, G] = re.useState(""), F = (t || "export").toString().trim() || "export", h = `${P || F}.xlsx`, x = `${_ || F}.pdf`, S = (C, b, N) => Math.max(b, Math.min(C, N)), L = ae(
+    (C) => {
       const b = U();
       if (console.log("openColumnChooserNear", b), !!b?.openColumnChooser) {
-        if (typeof window > "u" || !z?.currentTarget) {
+        if (typeof window > "u" || !C?.currentTarget) {
           b.openColumnChooser();
           return;
         }
         try {
-          const w = z.currentTarget.getBoundingClientRect(), D = w.left + window.scrollX, N = w.bottom + window.scrollY;
-          let A = D - 120, I = N - 120;
-          const k = window.innerWidth, M = window.innerHeight;
-          A = $(A, window.scrollX + 8, window.scrollX + k - 340), I = $(I, window.scrollY, window.scrollY + M - 120), console.log("openColumnChooserNear", A, I), b.openColumnChooser(A, I);
-        } catch (w) {
-          console.log("coloumn choose error", w);
+          const N = C.currentTarget.getBoundingClientRect(), D = N.left + window.scrollX, w = N.bottom + window.scrollY;
+          let T = D - 120, I = w - 120;
+          const k = window.innerWidth, B = window.innerHeight;
+          T = S(T, window.scrollX + 8, window.scrollX + k - 340), I = S(I, window.scrollY, window.scrollY + B - 120), console.log("openColumnChooserNear", T, I), b.openColumnChooser(T, I);
+        } catch (N) {
+          console.log("coloumn choose error", N);
         }
       }
     },
     []
     // no external deps; reads ref at call time
-  ), E = se(
-    (z, b) => {
-      const w = U();
-      if (w)
-        switch (z) {
+  ), E = ae(
+    (C, b) => {
+      const N = U();
+      if (N)
+        switch (C) {
           case "ColumnChooser":
-            f && (console.log("openColumnChooser", b), b ? B(b) : w.openColumnChooser?.()), console.log("openColumnChooser out", b);
+            f && (console.log("openColumnChooser", b), b ? L(b) : N.openColumnChooser?.()), console.log("openColumnChooser out", b);
             break;
           case "Print":
-            r && w.print?.();
+            r && N.print?.();
             break;
           case "Excel":
-            x && w.excelExport?.({ fileName: h });
+            v && N.excelExport?.({ fileName: h });
             break;
           case "Pdf":
-            d && w.pdfExport?.({ fileName: v });
+            d && N.pdfExport?.({ fileName: x });
             break;
           case "Refresh":
             p && R();
             break;
         }
     },
-    [f, r, x, d, p, h, v, R, B]
+    [f, r, v, d, p, h, x, R, L]
   );
   return /* @__PURE__ */ n("div", { className: "flex items-center flex-wrap justify-between w-full px-4 py-2 bg-white border border-gray-200 rounded-t-2xl mb-0", children: [
     /* @__PURE__ */ n("div", { className: "flex flex-col", children: [
@@ -6072,10 +6074,10 @@ const Kl = ({
       g && /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ e(
         he,
         {
-          placeholder: T,
+          placeholder: $,
           value: Y,
-          onDebouncedChange: (z) => {
-            G(z), O(z);
+          onDebouncedChange: (C) => {
+            G(C), O(C);
           }
         }
       ) }),
@@ -6085,7 +6087,7 @@ const Kl = ({
             ee,
             {
               icon: xr,
-              onClick: (z) => E("ColumnChooser", z),
+              onClick: (C) => E("ColumnChooser", C),
               size: "small",
               ariaLabel: "Column Chooser",
               category: "secondary",
@@ -6114,7 +6116,7 @@ const Kl = ({
               title: "Print Grid"
             }
           ),
-          x && /* @__PURE__ */ e(
+          v && /* @__PURE__ */ e(
             ee,
             {
               icon: wr,
@@ -6133,7 +6135,7 @@ const Kl = ({
               ariaLabel: "PDF Download",
               size: "small",
               category: "secondary",
-              title: `Export PDF (${v})`
+              title: `Export PDF (${x})`
             }
           ),
           p && /* @__PURE__ */ e(
@@ -6148,7 +6150,7 @@ const Kl = ({
             }
           )
         ] }),
-        S && m && /* @__PURE__ */ e(
+        z && m && /* @__PURE__ */ e(
           ee,
           {
             label: u,
@@ -6178,28 +6180,28 @@ function eo(t) {
     allowReordering: f = !0,
     allowResizing: y = !0,
     allowExcelExport: r = !1,
-    allowPdfExport: x = !1,
+    allowPdfExport: v = !1,
     showColumnChooser: d = !1,
     enableSearchApi: p = !1,
-    height: S = "600",
-    selectionSettings: T = { type: "Multiple", mode: "Row" },
+    height: z = "600",
+    selectionSettings: $ = { type: "Multiple", mode: "Row" },
     enableCheckbox: R = !1,
     columns: O = [],
-    onGridStateChange: L,
+    onGridStateChange: P,
     onRowSelected: _,
     onRowDeselected: U,
     onRowDoubleClick: Y,
     apiRef: G,
-    gridProps: C = {}
+    gridProps: F = {}
   } = t, h = ge(null), {
-    pageSettings: v,
-    sortSettings: $,
-    ...B
-  } = C || {}, [E, z] = ae.useState(v?.page || 1), [b, w] = ae.useState($?.pageSize || 20), [D, N] = ae.useState($?.sortKey || "updatedDate"), [A, I] = ae.useState($?.direction || "Descending"), k = oe(() => {
+    pageSettings: x,
+    sortSettings: S,
+    ...L
+  } = F || {}, [E, C] = re.useState(x?.page || 1), [b, N] = re.useState(S?.pageSize || 20), [D, w] = re.useState(S?.sortKey || "updatedDate"), [T, I] = re.useState(S?.direction || "Descending"), k = le(() => {
     const V = [sn];
-    return i && V.push(ln), u && V.push(on), g && V.push(cn), p && V.push(dn), r && V.push(mn), x && V.push(un), d && V.push(hn), y && V.push(pn), f && V.push(gn), V.push(bn), V;
-  }, [i, u, g, p, r, x, d, y, f]), M = oe(() => {
-    const V = () => h.current, re = (W, ve) => {
+    return i && V.push(ln), u && V.push(on), g && V.push(cn), p && V.push(dn), r && V.push(mn), v && V.push(un), d && V.push(hn), y && V.push(pn), f && V.push(gn), V.push(bn), V;
+  }, [i, u, g, p, r, v, d, y, f]), B = le(() => {
+    const V = () => h.current, ne = (W, ve) => {
       !ve && process.env.NODE_ENV !== "production" && console.warn(`[CustomDataGrid] ${W} requested but related service/feature is disabled.`);
     };
     return {
@@ -6210,33 +6212,33 @@ function eo(t) {
       selectRow: (W) => V()?.selectRow?.(W),
       selectRows: (W) => V()?.selectRows?.(W),
       search: (W) => {
-        re("search()", p), V()?.search?.(W);
+        ne("search()", p), V()?.search?.(W);
       },
       print: () => V()?.print?.(),
       excelExport: (W) => {
-        re("excelExport()", r), V()?.excelExport?.(W);
+        ne("excelExport()", r), V()?.excelExport?.(W);
       },
       pdfExport: (W) => {
-        re("pdfExport()", x), V()?.pdfExport?.(W);
+        ne("pdfExport()", v), V()?.pdfExport?.(W);
       },
       openColumnChooser: (W, ve) => {
-        re("openColumnChooser()", d), V()?.columnChooserModule?.openColumnChooser?.(W, ve);
+        ne("openColumnChooser()", d), V()?.columnChooserModule?.openColumnChooser?.(W, ve);
       }
     };
   }, []);
   Z(() => {
-    G && (G.current = M);
-  }, [G, M]), Z(() => () => {
+    G && (G.current = B);
+  }, [G, B]), Z(() => () => {
     G && (G.current = null);
   }, []);
-  const P = (V) => {
-    const re = String(V || "");
-    return re === "Ascending" || re === "Descending" ? re : re.toLowerCase() === "ascending" ? "Ascending" : "Descending";
-  }, F = (V) => {
-    const re = h.current, W = V?.requestType, ve = W === "paging" ? "paging" : W === "sorting" ? "sorting" : W === "searching" ? "searching" : W === "filtering" ? "filtering" : W === "grouping" ? "grouping" : W === "reorder" ? "reorder" : W === "columnstate" ? "columnstate" : "other", Re = V?.pageSize ?? re?.pageSettings?.pageSize ?? b, Ve = V?.currentPage ?? re?.pageSettings?.currentPage ?? l, rt = V?.columnName && V?.direction ? [{ field: V.columnName, dir: P(V.direction) }] : (re?.sortSettings?.columns || []).map((Oe) => ({
+  const M = (V) => {
+    const ne = String(V || "");
+    return ne === "Ascending" || ne === "Descending" ? ne : ne.toLowerCase() === "ascending" ? "Ascending" : "Descending";
+  }, A = (V) => {
+    const ne = h.current, W = V?.requestType, ve = W === "paging" ? "paging" : W === "sorting" ? "sorting" : W === "searching" ? "searching" : W === "filtering" ? "filtering" : W === "grouping" ? "grouping" : W === "reorder" ? "reorder" : W === "columnstate" ? "columnstate" : "other", Re = V?.pageSize ?? ne?.pageSettings?.pageSize ?? b, Ve = V?.currentPage ?? ne?.pageSettings?.currentPage ?? l, rt = V?.columnName && V?.direction ? [{ field: V.columnName, dir: M(V.direction) }] : (ne?.sortSettings?.columns || []).map((Oe) => ({
       field: Oe.field,
-      dir: P(Oe.direction ?? Oe.dir)
-    })), nt = V?.searchString ?? "", st = V?.columns ?? re?.filterSettings?.columns ?? [];
+      dir: M(Oe.direction ?? Oe.dir)
+    })), nt = V?.searchString ?? "", st = V?.columns ?? ne?.filterSettings?.columns ?? [];
     return {
       reason: ve,
       page: { index: Ve, size: Re, skip: (Ve - 1) * Re, take: Re },
@@ -6249,12 +6251,12 @@ function eo(t) {
   }, q = (V) => {
     setTimeout(() => {
       h?.current?.hideSpinner();
-    }, 1e3), V.requestType === "paging" && (z(V.currentPage), w(V.pageSize)), V.requestType === "sorting" && (N(V.columnName || "updatedDate"), I(V.direction === "Ascending" ? "ASC" : "DESC")), L && L(F(V), V);
+    }, 1e3), V.requestType === "paging" && (C(V.currentPage), N(V.pageSize)), V.requestType === "sorting" && (w(V.columnName || "updatedDate"), I(V.direction === "Ascending" ? "ASC" : "DESC")), P && P(A(V), V);
   }, X = (V) => {
     typeof Y == "function" && Y(V?.rowData, V);
   }, xe = () => {
     const V = [];
-    return R && V.push(/* @__PURE__ */ e(Dt, { type: "checkbox", width: "50" }, "__checkbox__")), O.forEach((re, W) => {
+    return R && V.push(/* @__PURE__ */ e(Dt, { type: "checkbox", width: "50" }, "__checkbox__")), O.forEach((ne, W) => {
       const {
         field: ve,
         headerText: Re,
@@ -6269,10 +6271,10 @@ function eo(t) {
         format: Oa,
         visible: Ia = !0,
         minWidth: Pa,
-        maxWidth: La,
-        customAttributes: Ma,
+        maxWidth: Ma,
+        customAttributes: La,
         ...Ba
-      } = re || {};
+      } = ne || {};
       V.push(
         /* @__PURE__ */ e(
           Dt,
@@ -6290,8 +6292,8 @@ function eo(t) {
             format: Oa,
             visible: Ia,
             minWidth: Pa,
-            maxWidth: La,
-            customAttributes: Ma,
+            maxWidth: Ma,
+            customAttributes: La,
             ...Ba
           },
           ve || `col-${W}`
@@ -6308,7 +6310,7 @@ function eo(t) {
         result: a,
         count: s
       },
-      height: S,
+      height: z,
       allowPaging: m,
       allowSorting: i,
       allowFiltering: u,
@@ -6316,17 +6318,17 @@ function eo(t) {
       allowReordering: f,
       allowResizing: y,
       showColumnChooser: d,
-      selectionSettings: T,
-      pageSettings: { pageSize: 10, pageSizes: v?.pageSizes ?? [20, 40, 60, 80, 100] },
-      sortSettings: $ ?? {
-        columns: [{ field: D, direction: P(A) }],
+      selectionSettings: $,
+      pageSettings: { pageSize: 10, pageSizes: x?.pageSizes ?? [20, 40, 60, 80, 100] },
+      sortSettings: S ?? {
+        columns: [{ field: D, direction: M(T) }],
         allowUnsort: !1
       },
       actionBegin: q,
       rowSelected: _,
       rowDeselected: U,
       recordDoubleClick: X,
-      ...B,
+      ...L,
       children: [
         /* @__PURE__ */ e(yn, { children: xe() }),
         /* @__PURE__ */ e(xn, { services: k })
@@ -6368,10 +6370,10 @@ function ie({
   details: i = {},
   ...u
 }) {
-  const g = Xe(), f = Ss(u, m), y = (x) => {
+  const g = Xe(), f = Ss(u, m), y = (v) => {
     l?.({
       key: f,
-      checked: x.target.checked,
+      checked: v.target.checked,
       details: i,
       props: u
     });
@@ -6419,7 +6421,7 @@ function Ds({
   imageUrl: y = "https://images.unsplash.com/photo-1469980098053-382eb10ba017?q=80&w=1200&auto=format&fit=crop",
   description: r = "Columbia University is a prestigious Ivy League institution located in the heart of New York City.",
   // spread remaining props (_id, instanceId, etc.)
-  ...x
+  ...v
 }) {
   const d = ce(t), p = de[d];
   return /* @__PURE__ */ n(
@@ -6431,7 +6433,7 @@ function Ds({
       onSelect: o,
       identity: l,
       details: { type: "activity", title: m, group: i, author: g },
-      ...x,
+      ...v,
       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 }) }),
         /* @__PURE__ */ n("div", { className: `text-zinc-500 dark:text-zinc-400 ${p.meta}`, children: [
@@ -6540,7 +6542,7 @@ function Es({
   // spread for identity (_id/instanceId/etc)
   ...g
 }) {
-  const f = ce(t), y = de[f], r = Fs[f], x = (d) => `px-1 pb-2 text-sm font-medium ${d === i ? "text-zinc-900 dark:text-zinc-100 border-b-2" : "text-zinc-500 dark:text-zinc-400"}`;
+  const f = ce(t), y = de[f], r = Fs[f], v = (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,
     {
@@ -6567,14 +6569,14 @@ function Es({
           /* @__PURE__ */ e(
             "span",
             {
-              className: `${x("joined")} ${i === "joined" ? "border-[var(--primaryColor)]" : "border-transparent"}`,
+              className: `${v("joined")} ${i === "joined" ? "border-[var(--primaryColor)]" : "border-transparent"}`,
               children: "Joined"
             }
           ),
           /* @__PURE__ */ e(
             "span",
             {
-              className: `${x("suggested")} ${i === "suggested" ? "border-[var(--primaryColor)]" : "border-transparent"}`,
+              className: `${v("suggested")} ${i === "suggested" ? "border-[var(--primaryColor)]" : "border-transparent"}`,
               children: "Suggested"
             }
           )
@@ -6799,7 +6801,7 @@ Is.propTypes = {
     })
   )
 };
-const Ps = ["All", "Library", "Restaurant", "Parking", "Bus Stop"], Ls = {
+const Ps = ["All", "Library", "Restaurant", "Parking", "Bus Stop"], Ms = {
   sm: {
     wrap: "max-w-md w-full md:w-auto flex-none justify-self-start",
     mapH: "h-48",
@@ -6821,7 +6823,7 @@ const Ps = ["All", "Library", "Restaurant", "Parking", "Bus Stop"], Ls = {
     searchH: "h-11 text-base",
     chipGap: "gap-3.5"
   }
-}, Ms = ({ label: t, active: a = !1, size: s = "md", className: o = "" }) => {
+}, 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",
@@ -6844,25 +6846,25 @@ function js({
   zoom: y = 12,
   mapUrl: r,
   // optional full embed URL override
-  ...x
+  ...v
 }) {
-  const d = ce(t), p = de[d], S = Ls[d], T = r || Bs(f, y);
+  const d = ce(t), p = de[d], z = Ms[d], $ = r || Bs(f, y);
   return /* @__PURE__ */ e(
     ie,
     {
-      className: `flex flex-col ${p.card} ${S.wrap}`,
+      className: `flex flex-col ${p.card} ${z.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
       onSelect: o,
       identity: l,
       details: { type: "campus-map", title: m, campusName: i, activeFilter: g, mapQuery: f, zoom: y },
-      ...x,
-      children: /* @__PURE__ */ n("div", { className: `relative mt-3 overflow-hidden rounded-2xl border border-zinc-200 dark:border-zinc-800 ${S.mapH}`, children: [
+      ...v,
+      children: /* @__PURE__ */ n("div", { className: `relative mt-3 overflow-hidden rounded-2xl border border-zinc-200 dark:border-zinc-800 ${z.mapH}`, children: [
         /* @__PURE__ */ e(
           "iframe",
           {
             title: "Google Map",
-            src: T,
+            src: $,
             className: "h-full w-full",
             style: { border: 0 },
             loading: "lazy",
@@ -6871,7 +6873,7 @@ function js({
           }
         ),
         /* @__PURE__ */ n("div", { className: "absolute left-4 right-4 top-3 flex items-center justify-between pointer-events-none", children: [
-          /* @__PURE__ */ n("div", { className: `flex items-center rounded-full bg-white dark:bg-zinc-900 shadow border border-zinc-200 dark:border-zinc-700 ${S.campusPill}`, children: [
+          /* @__PURE__ */ n("div", { className: `flex items-center rounded-full bg-white dark:bg-zinc-900 shadow border border-zinc-200 dark:border-zinc-700 ${z.campusPill}`, children: [
             /* @__PURE__ */ e("span", { className: "truncate max-w-[60vw]", children: i }),
             /* @__PURE__ */ e("span", { className: "ml-2 text-zinc-400", children: "▾" })
           ] }),
@@ -6880,8 +6882,8 @@ function js({
             /* @__PURE__ */ e("div", { className: "h-8 w-8 rounded-full bg-white/90 border border-zinc-300 flex items-center justify-center", children: "›" })
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { className: "absolute left-4 right-4 top-14 md:top-12 pointer-events-none mt-2", children: /* @__PURE__ */ e("div", { className: `flex ${S.chipGap} overflow-x-auto scrollbar-none`, children: u.map((R) => /* @__PURE__ */ e(Ms, { label: R, active: R === g, size: d }, R)) }) }),
-        /* @__PURE__ */ e("div", { className: "absolute left-4 right-4 top-28 md:top-24 pointer-events-none", children: /* @__PURE__ */ n("div", { className: `flex items-center rounded-full bg-white dark:bg-zinc-900 shadow border border-zinc-200 dark:border-zinc-700 px-4 ${S.searchH}`, children: [
+        /* @__PURE__ */ e("div", { className: "absolute left-4 right-4 top-14 md:top-12 pointer-events-none mt-2", children: /* @__PURE__ */ e("div", { className: `flex ${z.chipGap} overflow-x-auto scrollbar-none`, children: u.map((R) => /* @__PURE__ */ e(Ls, { label: R, active: R === g, size: d }, R)) }) }),
+        /* @__PURE__ */ e("div", { className: "absolute left-4 right-4 top-28 md:top-24 pointer-events-none", children: /* @__PURE__ */ n("div", { className: `flex items-center rounded-full bg-white dark:bg-zinc-900 shadow border border-zinc-200 dark:border-zinc-700 px-4 ${z.searchH}`, children: [
           /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 24 24", "aria-hidden": "true", className: "opacity-60", children: /* @__PURE__ */ e("path", { fill: "currentColor", d: "M15.5 14h-.79l-.28-.27a6.471 6.471 0 001.48-4.23C15.91 6.01 13.4 3.5 10.45 3.5S5 6.01 5 9.5 7.5 15.5 10.45 15.5c1.61 0 3.09-.59 4.23-1.48l.27.28v.79l4.25 4.25c.41.41 1.07.41 1.48 0s.41-1.07 0-1.48L15.5 14Zm-5.05 0C8.01 14 6 11.99 6 9.5S8.01 5 10.45 5s4.45 2.01 4.45 4.5-2.01 4.5-4.45 4.5Z" }) }),
           /* @__PURE__ */ e("span", { className: "ml-2 text-zinc-500 dark:text-zinc-400", children: "Search places" })
         ] }) })
@@ -7052,13 +7054,13 @@ function qs({
   selectedIndex: u = 0,
   ...g
 }) {
-  const [f, y] = j(u), r = ce(t), x = de[r], d = _s[r], p = i[f] || i[0], S = (R, O) => {
+  const [f, y] = j(u), r = ce(t), v = de[r], d = _s[r], p = i[f] || i[0], z = (R, O) => {
     y(O), o?.(R);
-  }, T = r === "lg";
+  }, $ = r === "lg";
   return /* @__PURE__ */ n(
     ie,
     {
-      className: `flex flex-col ${x.card} ${d.wrap}`,
+      className: `flex flex-col ${v.card} ${d.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
       onSelect: o,
@@ -7067,10 +7069,10 @@ function qs({
       ...g,
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-center justify-between mb-4", children: [
-          /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${x.title}`, children: m }),
+          /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${v.title}`, children: m }),
           /* @__PURE__ */ e("button", { className: "text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 text-sm font-medium transition-colors duration-200", children: "View All" })
         ] }),
-        T ? (
+        $ ? (
           // Large: Two-column layout
           /* @__PURE__ */ n("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [
             /* @__PURE__ */ e("div", { className: "space-y-1", children: i.map((R, O) => /* @__PURE__ */ e(
@@ -7079,7 +7081,7 @@ function qs({
                 ev: R,
                 sizeMeta: d,
                 isSelected: O === f,
-                onClick: (L) => S(L, O)
+                onClick: (P) => z(P, O)
               },
               R._id || R.id || O
             )) }),
@@ -7093,12 +7095,12 @@ function qs({
               ev: R,
               sizeMeta: d,
               isSelected: O === f,
-              onClick: (L) => S(L, O)
+              onClick: (P) => z(P, O)
             },
             R._id || R.id || O
           )) })
         ),
-        !T && /* @__PURE__ */ e("div", { className: "mt-4 pt-3 border-t border-zinc-200 dark:border-zinc-800", children: /* @__PURE__ */ e("button", { className: "w-full text-center text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 text-sm font-medium transition-colors duration-200", children: "View All" }) })
+        !$ && /* @__PURE__ */ e("div", { className: "mt-4 pt-3 border-t border-zinc-200 dark:border-zinc-800", children: /* @__PURE__ */ e("button", { className: "w-full text-center text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 text-sm font-medium transition-colors duration-200", children: "View All" }) })
       ]
     }
   );
@@ -7269,19 +7271,19 @@ function Xs({
   onPin: f,
   ...y
 }) {
-  const [r, x] = j(u), d = ce(t), p = de[d], S = Ws[d], T = (L, _) => {
-    x(_), o?.(L);
-  }, R = (L) => {
-    const _ = { ...L, starred: !L.starred };
+  const [r, v] = j(u), d = ce(t), p = de[d], z = Ws[d], $ = (P, _) => {
+    v(_), o?.(P);
+  }, R = (P) => {
+    const _ = { ...P, starred: !P.starred };
     g?.(_);
-  }, O = (L) => {
-    const _ = { ...L, pinned: !L.pinned };
+  }, O = (P) => {
+    const _ = { ...P, pinned: !P.pinned };
     f?.(_);
   };
   return /* @__PURE__ */ n(
     ie,
     {
-      className: `flex flex-col ${p.card} ${S.wrap}`,
+      className: `flex flex-col ${p.card} ${z.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
       onSelect: o,
@@ -7291,17 +7293,17 @@ function Xs({
       children: [
         /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${p.title}`, children: m }) }),
         /* @__PURE__ */ e(he, { placeholder: "Type to search..." }),
-        /* @__PURE__ */ e("div", { className: "space-y-0", children: i.map((L, _) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "space-y-0", children: i.map((P, _) => /* @__PURE__ */ e(
           Js,
           {
-            email: L,
-            sizeMeta: S,
+            email: P,
+            sizeMeta: z,
             isSelected: _ === r,
-            onClick: (U) => T(U, _),
+            onClick: (U) => $(U, _),
             onStar: R,
             onPin: O
           },
-          L._id || L.id || _
+          P._id || P.id || _
         )) }),
         /* @__PURE__ */ e("div", { className: "mt-4 pt-3 border-t border-zinc-200 dark:border-zinc-800", children: /* @__PURE__ */ e("button", { className: "w-full text-center text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 text-sm font-medium transition-colors duration-200", children: "View All" }) })
       ]
@@ -7521,13 +7523,13 @@ function el({
   selectedIndex: u = 0,
   ...g
 }) {
-  const [f, y] = j(u), r = ce(t), x = de[r], d = Hs[r], p = (R, O) => {
+  const [f, y] = j(u), r = ce(t), v = de[r], d = Hs[r], p = (R, O) => {
     y(O), o?.(R);
-  }, S = i[f] || i[0], T = d.layout === "split";
+  }, z = i[f] || i[0], $ = d.layout === "split";
   return /* @__PURE__ */ n(
     ie,
     {
-      className: `flex flex-col ${x.card} ${d.wrap}`,
+      className: `flex flex-col ${v.card} ${d.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
       onSelect: o,
@@ -7535,23 +7537,23 @@ function el({
       details: { type: "directory", title: m, count: i?.length ?? 0 },
       ...g,
       children: [
-        /* @__PURE__ */ e("div", { className: "flex items-center justify-between mb-4", children: /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${x.title}`, children: m }) }),
+        /* @__PURE__ */ e("div", { className: "flex items-center justify-between mb-4", children: /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${v.title}`, children: m }) }),
         /* @__PURE__ */ e(Ks, { sizeMeta: d }),
-        T ? /* @__PURE__ */ n("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6 min-h-0", children: [
+        $ ? /* @__PURE__ */ n("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6 min-h-0", children: [
           /* @__PURE__ */ e("div", { className: "space-y-3", children: i.map((R, O) => /* @__PURE__ */ e(
             _t,
             {
               contact: R,
               sizeMeta: d,
               isSelected: O === f,
-              onClick: (L) => p(L, O)
+              onClick: (P) => p(P, O)
             },
             R._id || R.id || O
           )) }),
           /* @__PURE__ */ e(
             Zs,
             {
-              contact: S,
+              contact: z,
               sizeMeta: d
             }
           )
@@ -7563,7 +7565,7 @@ function el({
               contact: R,
               sizeMeta: d,
               isSelected: O === f,
-              onClick: (L) => p(L, O)
+              onClick: (P) => p(P, O)
             },
             R._id || R.id || O
           )) })
@@ -7673,7 +7675,7 @@ function rl({
   ],
   ...r
 }) {
-  const x = ce(t), d = de[x], p = al[x];
+  const v = ce(t), d = de[v], p = al[v];
   return /* @__PURE__ */ n(
     ie,
     {
@@ -7718,16 +7720,16 @@ function rl({
                 /* @__PURE__ */ e("div", { className: "mt-1 font-semibold text-green-600", children: De(f) })
               ] })
             ] }),
-            /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: y.slice(0, 2).map((S, T) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: y.slice(0, 2).map((z, $) => /* @__PURE__ */ e(
               tl,
               {
-                side: T === 0 ? "left" : "right",
-                date: S.date,
-                title: S.title,
-                amount: S.amount,
-                kind: S.kind
+                side: $ === 0 ? "left" : "right",
+                date: z.date,
+                title: z.title,
+                amount: z.amount,
+                kind: z.kind
               },
-              S.id || T
+              z.id || $
             )) })
           ] })
         ] }),
@@ -7846,7 +7848,7 @@ function sl({
   term: i = "Fall 2025",
   ...u
 }) {
-  const [g, f] = j("vacation"), [y, r] = j(!1), x = ce(t), d = de[x], p = nl[x], S = qe.find((T) => T.id === g) || qe[0];
+  const [g, f] = j("vacation"), [y, r] = j(!1), v = ce(t), d = de[v], p = nl[v], z = qe.find(($) => $.id === g) || qe[0];
   return /* @__PURE__ */ n(
     ie,
     {
@@ -7882,28 +7884,28 @@ function sl({
             ] })
           ] })
         ] }),
-        p.showTabs && /* @__PURE__ */ e("div", { className: "flex border-b border-zinc-200 dark:border-zinc-800", children: qe.map((T) => /* @__PURE__ */ e(
+        p.showTabs && /* @__PURE__ */ e("div", { className: "flex border-b border-zinc-200 dark:border-zinc-800", children: qe.map(($) => /* @__PURE__ */ e(
           "button",
           {
-            className: `flex-1 py-2 px-4 text-center ${p.tab} font-medium border-b-2 transition-colors duration-200 ${g === T.id ? "border-blue-500 text-blue-600 dark:text-blue-400" : "border-transparent text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100"}`,
-            onClick: () => f(T.id),
-            children: T.name.split(" ")[0]
+            className: `flex-1 py-2 px-4 text-center ${p.tab} font-medium border-b-2 transition-colors duration-200 ${g === $.id ? "border-blue-500 text-blue-600 dark:text-blue-400" : "border-transparent text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100"}`,
+            onClick: () => f($.id),
+            children: $.name.split(" ")[0]
           },
-          T.id
+          $.id
         )) }),
         /* @__PURE__ */ e("div", { className: "space-y-4 mb-6", children: p.showAllLeave ? (
           // LG: Show all leave types
-          qe.map((T) => /* @__PURE__ */ e(Ut, { leave: T, sizeMeta: p }, T.id))
+          qe.map(($) => /* @__PURE__ */ e(Ut, { leave: $, sizeMeta: p }, $.id))
         ) : p.showSingleLeave ? (
           // MD: Show active tab leave type
-          /* @__PURE__ */ e(Ut, { leave: S, sizeMeta: p })
+          /* @__PURE__ */ e(Ut, { leave: z, sizeMeta: p })
         ) : (
           // SM: Show only available hours
           /* @__PURE__ */ e("div", { className: "bg-white dark:bg-zinc-900 rounded-lg border border-zinc-200 dark:border-zinc-800 p-4", children: /* @__PURE__ */ n("div", { className: "flex items-center gap-3 mb-3", children: [
             /* @__PURE__ */ e(Ae, { className: "h-5 w-5 text-blue-600 dark:text-blue-400" }),
             /* @__PURE__ */ n("div", { children: [
               /* @__PURE__ */ e("div", { className: `font-medium text-zinc-900 dark:text-zinc-100 ${p.table}`, children: "Available Leave" }),
-              /* @__PURE__ */ e("div", { className: `text-zinc-600 dark:text-zinc-400 ${p.table}`, children: S.available })
+              /* @__PURE__ */ e("div", { className: `text-zinc-600 dark:text-zinc-400 ${p.table}`, children: z.available })
             ] })
           ] }) })
         ) }),
@@ -7927,7 +7929,7 @@ const ll = [
     name: "Admin Files",
     type: "folder",
     count: "200 files",
-    icon: Le,
+    icon: Me,
     color: "text-blue-500"
   },
   {
@@ -7960,7 +7962,7 @@ const ll = [
     name: "2024 - Taurus",
     type: "folder",
     date: "March 06, 2025",
-    icon: Le,
+    icon: Me,
     color: "text-blue-500"
   },
   {
@@ -7976,7 +7978,7 @@ const ll = [
     name: "Championship 2",
     type: "folder",
     date: "March 06, 2025",
-    icon: Le,
+    icon: Me,
     color: "text-blue-500"
   },
   {
@@ -8037,11 +8039,11 @@ function cl({
   subtitle: i = "Drive Shared",
   ...u
 }) {
-  const [g, f] = j(!1), y = ce(t), r = de[y], x = il[y];
+  const [g, f] = j(!1), y = ce(t), r = de[y], v = il[y];
   return /* @__PURE__ */ n(
     ie,
     {
-      className: `flex flex-col ${r.card} ${x.wrap}`,
+      className: `flex flex-col ${r.card} ${v.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
       onSelect: o,
@@ -8051,7 +8053,7 @@ function cl({
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ n("div", { children: [
-            /* @__PURE__ */ e("h3", { className: `text-zinc-900 dark:text-zinc-100 ${x.title} mb-1`, children: m }),
+            /* @__PURE__ */ e("h3", { className: `text-zinc-900 dark:text-zinc-100 ${v.title} mb-1`, children: m }),
             /* @__PURE__ */ e("div", { className: "text-zinc-600 dark:text-zinc-400 text-sm", children: i })
           ] }),
           /* @__PURE__ */ n("div", { className: "relative", children: [
@@ -8075,21 +8077,21 @@ function cl({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { className: `grid ${x.gridCols} gap-3 `, children: ll.map((d) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: `grid ${v.gridCols} gap-3 `, children: ll.map((d) => /* @__PURE__ */ e(
           Gt,
           {
             item: d,
-            sizeMeta: x
+            sizeMeta: v
           },
           d.id
         )) }),
-        x.showRecent && /* @__PURE__ */ n("div", { className: "", children: [
-          /* @__PURE__ */ e("h4", { className: `font-semibold text-zinc-900 dark:text-zinc-100 mb-3 ${x.item}`, children: "Recent Files" }),
+        v.showRecent && /* @__PURE__ */ n("div", { className: "", children: [
+          /* @__PURE__ */ e("h4", { className: `font-semibold text-zinc-900 dark:text-zinc-100 mb-3 ${v.item}`, children: "Recent Files" }),
           /* @__PURE__ */ e("div", { className: "space-y-2", children: ol.map((d) => /* @__PURE__ */ e(
             Gt,
             {
               item: d,
-              sizeMeta: x,
+              sizeMeta: v,
               showDate: !0
             },
             d.id
@@ -8283,13 +8285,13 @@ function gl({
   showBanner: u = !0,
   ...g
 }) {
-  const [f, y] = j(i), r = ce(t), x = de[r], d = ml[r], p = (R) => {
-    y((O) => O.filter((L) => L.id !== R.id));
-  }, S = f.find((R) => R.type === "banner"), T = f.filter((R) => R.type !== "banner");
+  const [f, y] = j(i), r = ce(t), v = de[r], d = ml[r], p = (R) => {
+    y((O) => O.filter((P) => P.id !== R.id));
+  }, z = f.find((R) => R.type === "banner"), $ = f.filter((R) => R.type !== "banner");
   return /* @__PURE__ */ n(
     ie,
     {
-      className: `flex flex-col ${x.card} ${d.wrap}`,
+      className: `flex flex-col ${v.card} ${d.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
       onSelect: o,
@@ -8297,15 +8299,15 @@ function gl({
       details: { type: "alerts", title: m, count: f.length },
       ...g,
       children: [
-        /* @__PURE__ */ e("div", { className: "flex items-center justify-between ", children: /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${x.title}`, children: m }) }),
-        u && S && t !== "sm" && /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "flex items-center justify-between ", children: /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${v.title}`, children: m }) }),
+        u && z && t !== "sm" && /* @__PURE__ */ e(
           pl,
           {
-            alert: S,
+            alert: z,
             onDismiss: p
           }
         ),
-        /* @__PURE__ */ e("div", { className: "space-y-0.5", children: T.slice(0, 3).map((R) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "space-y-0.5", children: $.slice(0, 3).map((R) => /* @__PURE__ */ e(
           hl,
           {
             alert: R,
@@ -8459,11 +8461,11 @@ function xl({
   videos: i = bl,
   ...u
 }) {
-  const [g, f] = j(!1), y = ce(t), r = de[y], x = fl[y];
+  const [g, f] = j(!1), y = ce(t), r = de[y], v = fl[y];
   return /* @__PURE__ */ n(
     ie,
     {
-      className: `flex flex-col ${r.card} ${x.wrap}`,
+      className: `flex flex-col ${r.card} ${v.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
       onSelect: o,
@@ -8493,11 +8495,11 @@ function xl({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { className: `grid ${x.gridCols} gap-4 `, children: i.slice(0, x.gridCols === "grid-cols-3" ? 6 : 4).map((d) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: `grid ${v.gridCols} gap-4 `, children: i.slice(0, v.gridCols === "grid-cols-3" ? 6 : 4).map((d) => /* @__PURE__ */ e(
           yl,
           {
             video: d,
-            sizeMeta: x
+            sizeMeta: v
           },
           d.id
         )) }),
@@ -8575,11 +8577,11 @@ export {
   ba as Textarea,
   Zl as ToastProvider,
   fa as ToggleSwitch,
-  Ll as Tooltip,
+  Ml as Tooltip,
   Jl as TreeView,
   ee as UnifyedCoreButton,
   xl as VideosMock,
-  Ml as WizardModal,
+  Ll as WizardModal,
   wa as adGroupsListSearchApi,
   Gl as axiosDelete,
   je as axiosGet,