unifyedx-storybook-new 0.2.45 → 0.2.47

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

@@ -1,7 +1,7 @@
 import { jsxs as n, jsx as e, Fragment as te } from "react/jsx-runtime";
-import re, { useState as j, useMemo as me, 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 ir, R as ta, V as or, 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 ae, { useState as j, useMemo as ie, useId as Xe, Fragment as H, useEffect as Z, useCallback as se, useRef as ge } from "react";
+import { a as Q, U as dt, X as ye, P as c, L as ja, C as fe, b as Ke, D as mt, f as zt, d as Yt, F as Va, e as _a, h as Ua, T as Qe, u as Ga, I as Wt, i as Jt, j as qa, k as Ya, l as Wa, m as Xt, S as vt, n as Qt, M as Ja, o as Xa, p as Nt, q as Qa, A as Ha, E as Ht, r as Za, s as Ka, t as er, v as tr, w as Zt, x as ar, y as Kt, z as ea, B as rr, G as nr, H as sr, J as He, K as ut, N as ht, O as lr, Q as ir, R as ta, V as or, W as wt, Y as cr, Z as dr, _ as Le, $ as mr, a0 as ur, a1 as hr, a2 as pr, a3 as gr, a4 as br, a5 as St, a6 as fr, a7 as yr, a8 as xr, a9 as vr, aa as Nr, ab as wr, ac as kr, ad as Cr, ae as zr, af as Ae, ag as aa, ah as Sr, ai as Dr, aj as $r, ak as Tr, al as Ar, am as ra, an as Fr, ao as Er, ap as na, aq as Rr, ar as pt, as as sa, at as Or } from "./vendor-DoYRzmYd.js";
+import { Popover as Ir, PopoverButton as Pr, PopoverPanel as Lr, Transition as ue, Dialog as be, TransitionChild as Ne, DialogPanel as Fe, DialogTitle as et, TabGroup as Mr, TabList as Br, Tab as ne, TabPanels as jr, RadioGroup as _e, Listbox as K, ListboxButton as Vr, ListboxOptions as _r, ListboxOption as Ur, SwitchGroup as Gr, Switch as lt, Menu as qr, MenuButton as Yr, Portal as Wr, MenuItems as Jr, MenuItem as Xr, DialogBackdrop as Qr } from "@headlessui/react";
 import { motion as le, AnimatePresence as ke } from "framer-motion";
 import { d as Hr } from "./vendor-lodash-DUMS_goM.js";
 import { useFloating as la, offset as ia, flip as oa, shift as ca, autoUpdate as da, useClick as Zr, useDismiss as Kr, useInteractions as en, FloatingPortal as tn } from "@floating-ui/react";
@@ -29,7 +29,7 @@ const vn = (t) => {
   className: m,
   ...o
 }) => {
-  const [u, g] = j(!1), f = me(() => Nn(a), []), y = t && !u, r = !y && a, x = !y && !a, d = Q(
+  const [u, g] = j(!1), f = ie(() => Nn(a), []), y = t && !u, r = !y && a, x = !y && !a, d = Q(
     "avatar-container",
     `avatar--size-${s}`,
     m
@@ -51,7 +51,7 @@ const vn = (t) => {
     x && /* @__PURE__ */ e("span", { className: "avatar-icon", children: /* @__PURE__ */ e(dt, {}) })
   ] });
 }, kn = ({ children: t, max: a = 4, truncatedMessage: s = "Members", ...i }) => {
-  const l = re.Children.toArray(t), m = l.slice(0, a), o = l.length - a;
+  const l = ae.Children.toArray(t), m = l.slice(0, a), o = l.length - a;
   return /* @__PURE__ */ n("div", { className: "avatar-group-container", ...i, children: [
     m,
     o > 0 && /* @__PURE__ */ n("div", { className: "avatar-container avatar--size-medium avatar-excess", children: [
@@ -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(Mr, { 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(Lr, { className: `popover-panel ${a || ""}`, children: t }), ma = mt, ua = ({
   value: t,
   onChange: a,
   onClear: s,
@@ -551,7 +551,7 @@ const zn = {
   ROLE: "Role"
 }, Ye = (t) => `https://ui-avatars.com/api/?rounded=true&background=random&name=${encodeURIComponent(
   t
-)}`, de = {
+)}`, me = {
   DRIVE: "drive",
   INTEREST: "interest",
   ARTICLE: "article"
@@ -777,7 +777,7 @@ const zn = {
       ]
     }
   ) });
-}, Le = (t) => {
+}, Me = (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(), i = a.getDate() - s;
-  return Le(new Date(a.setDate(i)));
+  return Me(new Date(a.setDate(i)));
 }, On = (t) => Be(bt(ft(t), 6)), Ft = (t) => {
   const a = new Date(t);
-  return Le(new Date(a.getFullYear(), a.getMonth(), 1));
+  return Me(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 [Le(a), Be(a)];
+      return [Me(a), Be(a)];
     case "this_week":
       return [ft(a), On(a)];
     case "last_week": {
       const s = bt(ft(a), -7);
-      return [Le(s), Be(bt(s, 6))];
+      return [Me(s), Be(bt(s, 6))];
     }
     case "this_month":
       return [Ft(a), Et(a)];
@@ -855,7 +855,7 @@ const zn = {
       }), a();
     },
     enableReinitialize: !0
-  }), R = me(() => l.reduce((C, h) => {
+  }), R = ie(() => l.reduce((C, h) => {
     const v = h.key, $ = T.values[v];
     let B = !1;
     if ($)
@@ -869,7 +869,7 @@ const zn = {
           break;
       }
     return C[v] = B, C;
-  }, {}), [l, T.values]), O = Object.values(R).filter(Boolean).length, P = me(() => l.some((C) => {
+  }, {}), [l, T.values]), O = Object.values(R).filter(Boolean).length, L = ie(() => l.some((C) => {
     if (C.type !== "date") return !1;
     const h = T.values?.[C.key]?.values;
     if (!Array.isArray(h) || h.length < 2) return !1;
@@ -1040,7 +1040,7 @@ const zn = {
         }, k = {
           startDate: A instanceof Date ? A.toISOString().slice(0, 10) : null,
           endDate: A instanceof Date ? A.toISOString().slice(0, 10) : null
-        }, L = [
+        }, M = [
           { key: "anytime", label: "Anytime" },
           { key: "today", label: "Today" },
           { key: "this_week", label: "This Week" },
@@ -1048,7 +1048,7 @@ const zn = {
           { key: "this_month", label: "This Month" },
           { key: "last_month", label: "Last Month" },
           { key: "custom", label: "Custom" }
-        ], M = (F) => {
+        ], P = (F) => {
           if (F === "anytime") {
             T.setFieldValue(`${C}.values`, []), T.setFieldValue(`${C}.range`, "anytime");
             return;
@@ -1087,7 +1087,7 @@ const zn = {
               }
             )
           ] }),
-          /* @__PURE__ */ e("div", { className: "pb-0", children: /* @__PURE__ */ e("div", { className: "space-y-3", children: L.map((F) => {
+          /* @__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);
             return /* @__PURE__ */ n(
               "label",
@@ -1100,7 +1100,7 @@ const zn = {
                       type: "radio",
                       name: `preset-${C}`,
                       checked: q,
-                      onChange: () => M(F.key),
+                      onChange: () => P(F.key),
                       className: "h-4 w-4"
                     }
                   ),
@@ -1122,7 +1122,7 @@ const zn = {
                   useRange: !1,
                   value: I,
                   onChange: (F) => {
-                    const q = F?.startDate ? Le(new Date(F.startDate)) : null, X = z[1] || null;
+                    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"));
                   },
                   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",
@@ -1206,7 +1206,7 @@ const zn = {
           ] }),
           /* @__PURE__ */ n("form", { onSubmit: T.handleSubmit, className: "filter-form", children: [
             /* @__PURE__ */ e("div", { className: "filter-content-wrapper", children: /* @__PURE__ */ n(
-              Lr,
+              Mr,
               {
                 vertical: !0,
                 onChange: U,
@@ -1215,7 +1215,7 @@ const zn = {
                   flexGrow: 1
                 },
                 children: [
-                  /* @__PURE__ */ e(Br, { className: "filter-tabs-list", children: l.map((C) => /* @__PURE__ */ n(se, { className: "filter-tab-item", children: [
+                  /* @__PURE__ */ e(Br, { className: "filter-tabs-list", children: l.map((C) => /* @__PURE__ */ n(ne, { className: "filter-tab-item", children: [
                     /* @__PURE__ */ e("div", { className: "filter-selection-horizontal-indicator" }),
                     /* @__PURE__ */ n("div", { className: "filter-lbl-indicator-wrapper", children: [
                       C.label,
@@ -1229,7 +1229,7 @@ const zn = {
                     ] })
                   ] }, C.key)) }),
                   /* @__PURE__ */ e(jr, { className: "filter-tabs-panels", children: l.map((C) => /* @__PURE__ */ e(
-                    se.Panel,
+                    ne.Panel,
                     {
                       className: "filter-tab-panel",
                       children: /* @__PURE__ */ e(
@@ -1263,7 +1263,7 @@ const zn = {
                 "button",
                 {
                   type: "submit",
-                  disabled: !T.dirty || P,
+                  disabled: !T.dirty || L,
                   className: "filter-button apply",
                   children: [
                     "Apply Filters",
@@ -1560,7 +1560,7 @@ const zn = {
   Z(() => {
     g(t);
   }, [t]);
-  const f = ae(
+  const f = se(
     Hr((r) => {
       a?.(r);
     }, s),
@@ -1679,7 +1679,7 @@ const zn = {
     ] }),
     o && /* @__PURE__ */ e("p", { className: "select-error-message", children: o })
   ] }) });
-}, Mn = () => {
+}, Ln = () => {
   const [t, a] = j(window.location.pathname);
   return Z(() => {
     const s = () => {
@@ -1695,7 +1695,7 @@ const zn = {
       return s;
   return null;
 }, pa = ({ item: t, isCollapsed: a, level: s = 0 }) => {
-  const { pathname: i } = Mn(), l = t.href || t.url || t.path, [m, o] = j(!1), u = t.icon;
+  const { pathname: i } = Ln(), l = t.href || t.url || t.path, [m, o] = j(!1), u = t.icon;
   Z(() => {
     xt([t], i) && o(!0);
   }, [t, i]);
@@ -1939,7 +1939,7 @@ const zn = {
     t && i === "right" && /* @__PURE__ */ e(lt.Label, { className: "switch-label", passive: !0, children: t })
   ] }),
   l && /* @__PURE__ */ e("p", { className: "switch-error-message", children: l })
-] }), Ml = ({
+] }), Ll = ({
   children: t,
   content: a,
   variant: s = "dark",
@@ -1952,9 +1952,9 @@ const zn = {
   // For external styling of the tooltip itself
   ...o
 }) => {
-  const u = re.useId();
+  const u = ae.useId();
   return /* @__PURE__ */ n(te, { children: [
-    re.cloneElement(t, { "data-tooltip-id": u }),
+    ae.cloneElement(t, { "data-tooltip-id": u }),
     /* @__PURE__ */ e(
       Qa,
       {
@@ -1967,7 +1967,7 @@ const zn = {
       }
     )
   ] });
-}, Ln = {
+}, Mn = {
   enter: (t) => ({
     x: t > 0 ? "100%" : "-100%",
     opacity: 0
@@ -1980,7 +1980,7 @@ const zn = {
     x: t < 0 ? "100%" : "-100%",
     opacity: 0
   })
-}, Ll = ({
+}, Ml = ({
   isOpen: t,
   onClose: a,
   steps: s = {},
@@ -2068,7 +2068,7 @@ const zn = {
                     le.div,
                     {
                       custom: l,
-                      variants: Ln,
+                      variants: Mn,
                       initial: "enter",
                       animate: "center",
                       exit: "exit",
@@ -2636,7 +2636,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" }
-], Mt = [
+], Lt = [
   { id: 1, name: $t.View, icon: Kt },
   { id: 2, name: $t.Manage, icon: ea }
 ], ts = Ka().shape({
@@ -2652,7 +2652,7 @@ 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), [P, _] = j(Mt[0]), {
+  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]), {
     control: U,
     handleSubmit: Y,
     watch: G,
@@ -2670,52 +2670,52 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
     }).catch((k) => console.error("Search failed:", k)).finally(() => O(!1))) : (p([]), T(/* @__PURE__ */ new Set()));
   }, [x, g]);
   const b = (k) => {
-    T((L) => {
-      const M = new Set(L);
-      return M.has(k) ? M.delete(k) : M.add(k), M;
+    T((M) => {
+      const P = new Set(M);
+      return P.has(k) ? P.delete(k) : P.add(k), P;
     });
   }, w = () => {
     d.filter((k) => S.has(k.id)).forEach((k) => {
-      v.find((L) => L.id === k.id) || $({ ...k, permission: P.name });
+      v.find((M) => M.id === k.id) || $({ ...k, permission: L.name });
     }), T(/* @__PURE__ */ new Set()), r("");
   }, D = (k) => {
     _(k), v.forEach(
-      (L, M) => E(M, { ...v[M], permission: k.name })
+      (M, P) => E(P, { ...v[P], permission: k.name })
     );
   }, N = async (k) => {
     try {
-      if (l === de.DRIVE) {
-        const L = k.pendingInvites.map((F) => ({
+      if (l === me.DRIVE) {
+        const M = k.pendingInvites.map((F) => ({
           id: F.id,
           permission: F.permission,
           type: F.type.toLowerCase()
         }));
         o({
           entity: t,
-          userGroupRolesObj: L,
+          userGroupRolesObj: M,
           existingShares: i
           // Always send updated existing shares
         }, i);
-      } else if (l === de.INTEREST) {
-        const L = k.pendingInvites.map((M) => ({
-          identity: M.id,
-          type: M.type.toLowerCase(),
+      } else if (l === me.INTEREST) {
+        const M = k.pendingInvites.map((P) => ({
+          identity: P.id,
+          type: P.type.toLowerCase(),
           opt: !0,
           lock: !1,
           moderator: !1,
-          userName: M.name,
+          userName: P.name,
           interestId: t?.data?.id
         }));
-        o(L, i);
-      } else if (l === de.ARTICLE) {
-        const L = k.pendingInvites.map((F) => ({
+        o(M, i);
+      } else if (l === me.ARTICLE) {
+        const M = k.pendingInvites.map((F) => ({
           id: F.id,
           permission: F.permission,
           type: F.type.toLowerCase()
         }));
         o({
           entity: t,
-          userGroupRolesObj: L,
+          userGroupRolesObj: M,
           existingShares: i
         }, i);
       } else
@@ -2723,29 +2723,29 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
       setTimeout(() => {
         s();
       }, 1e3);
-    } catch (L) {
-      throw console.error("Failed to submit invites:", L), L;
+    } catch (M) {
+      throw console.error("Failed to submit invites:", M), M;
     }
   }, A = (k) => {
-    const L = i[g.code].find((M) => M.name === k.name && M.permission !== "remove") || z.find((M) => M.name === k.name);
-    return L ? `${L.permission}` : "";
+    const M = i[g.code].find((P) => P.name === k.name && P.permission !== "remove") || z.find((P) => P.name === k.name);
+    return M ? `${M.permission}` : "";
   }, I = () => {
     switch (l) {
-      case de.DRIVE:
+      case me.DRIVE:
         return "Share with others";
-      case de.INTEREST:
+      case me.INTEREST:
         return "Add Audience";
-      case de.ARTICLE:
+      case me.ARTICLE:
         return "Add Users, Groups or Roles test";
       default:
         return "Add User, Groups or Roles test";
     }
   };
-  return me(() => (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 ie(() => (console.log("InviteFlow - isChanged:", u, "pendingInvites.length:", z.length), z.length === 0 && !u), [z.length, u]), /* @__PURE__ */ n("div", { className: "flex flex-col h-full bg-white", children: [
     /* @__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: [
-        l === de.DRIVE && /* @__PURE__ */ n("button", { className: "flex items-center gap-2 text-sm text-blue-600 hover:text-blue-800 font-semibold hover:cursor-pointer", children: [
+        l === me.DRIVE && /* @__PURE__ */ n("button", { className: "flex items-center gap-2 text-sm text-blue-600 hover:text-blue-800 font-semibold hover:cursor-pointer", children: [
           /* @__PURE__ */ e(sr, { className: "h-5 w-5" }),
           " Copy Link"
         ] }),
@@ -2760,7 +2760,7 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
       ] })
     ] }),
     /* @__PURE__ */ n("main", { className: "flex-grow p-4 space-y-6 overflow-y-auto", children: [
-      (l === de.DRIVE || m) && /* @__PURE__ */ e(
+      (l === me.DRIVE || m) && /* @__PURE__ */ e(
         es,
         {
           users: i.users.filter((k) => k.permission !== "remove"),
@@ -2789,24 +2789,24 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
                 K.Option,
                 {
                   value: k,
-                  className: ({ active: L }) => `${L ? "text-white bg-blue-600" : "text-gray-900"} hover:cursor-pointer select-none relative py-2 pl-10`,
-                  children: ({ selected: L }) => /* @__PURE__ */ n(te, { children: [
+                  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: [
                     /* @__PURE__ */ n(
                       "span",
                       {
-                        className: `${L ? "font-medium" : "font-normal"} flex items-center`,
+                        className: `${M ? "font-medium" : "font-normal"} flex items-center`,
                         children: [
                           /* @__PURE__ */ e(
                             k.icon,
                             {
-                              className: `h-5 w-5 mr-2 ${L ? "text-white" : "text-gray-400"}`
+                              className: `h-5 w-5 mr-2 ${M ? "text-white" : "text-gray-400"}`
                             }
                           ),
                           k.name
                         ]
                       }
                     ),
-                    L && /* @__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" }) })
+                    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" }) })
                   ] })
                 },
                 k.id
@@ -2832,12 +2832,12 @@ 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 L = A(k);
+                const M = A(k);
                 return /* @__PURE__ */ n(
                   "div",
                   {
-                    onClick: () => L ? null : b(k.id),
-                    className: `flex items-center gap-3 p-2 rounded-md hover:bg-blue-50 ${L ? " hover:cursor-not-allowed" : "hover:cursor-pointer"}`,
+                    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"}`,
                     children: [
                       /* @__PURE__ */ e(
                         "input",
@@ -2846,7 +2846,7 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
                           checked: S.has(k.id),
                           readOnly: !0,
                           className: "h-4 w-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500",
-                          disabled: !!L
+                          disabled: !!M
                         }
                       ),
                       /* @__PURE__ */ e(
@@ -2858,8 +2858,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 }),
-                      L ? /* @__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: L }),
+                      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 }),
                         /* @__PURE__ */ e("span", { className: "text-sm text-gray-400", children: "Already added" })
                       ] }) : ""
                     ]
@@ -2903,18 +2903,18 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
                 v.length,
                 ")"
               ] }),
-              l === de.DRIVE && /* @__PURE__ */ e(
+              l === me.DRIVE && /* @__PURE__ */ e(
                 K,
                 {
-                  value: P,
+                  value: L,
                   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(P.icon, { className: "h-5 w-5 text-gray-400 mr-2" }),
+                        /* @__PURE__ */ e(L.icon, { className: "h-5 w-5 text-gray-400 mr-2" }),
                         /* @__PURE__ */ n("span", { className: "truncate", children: [
                           "Can ",
-                          P.name
+                          L.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" }) })
@@ -2926,21 +2926,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: Mt.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: Lt.map((k) => /* @__PURE__ */ e(
                           K.Option,
                           {
                             value: k,
-                            className: ({ active: L }) => `${L ? "text-white bg-blue-600" : "text-gray-900"} hover:cursor-pointer select-none relative py-2 pl-10`,
-                            children: ({ selected: L, active: M }) => /* @__PURE__ */ n(te, { children: [
+                            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: [
                               /* @__PURE__ */ n(
                                 "span",
                                 {
-                                  className: `${L ? "font-medium" : "font-normal"} flex items-center`,
+                                  className: `${M ? "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 ${P ? "text-white" : "text-gray-400"}`
                                       }
                                     ),
                                     "Can ",
@@ -2948,7 +2948,7 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
                                   ]
                                 }
                               ),
-                              L && /* @__PURE__ */ e("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-blue-600", children: /* @__PURE__ */ e(
+                              M && /* @__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",
@@ -2965,7 +2965,7 @@ 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, L) => /* @__PURE__ */ n(
+            /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e(ke, { children: v.map((k, M) => /* @__PURE__ */ n(
               le.div,
               {
                 layout: !0,
@@ -2986,14 +2986,14 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
                     /* @__PURE__ */ e("span", { className: "font-medium text-sm text-gray-800 truncate", children: k.name })
                   ] }),
                   /* @__PURE__ */ n("div", { className: "flex items-center gap-3", children: [
-                    l === de.DRIVE && /* @__PURE__ */ n("span", { className: "text-sm text-gray-500", children: [
+                    l === me.DRIVE && /* @__PURE__ */ n("span", { className: "text-sm text-gray-500", children: [
                       "can ",
                       k.permission
                     ] }),
                     /* @__PURE__ */ e(
                       "button",
                       {
-                        onClick: () => B(L),
+                        onClick: () => B(M),
                         className: "text-gray-400 hover:text-red-500 hover:cursor-pointer",
                         children: /* @__PURE__ */ e(He, { className: "h-5 w-5" })
                       }
@@ -3029,7 +3029,7 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
             onClick: () => Y(N)(),
             disabled: h || z.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 === de.DRIVE ? "Send Invites" : "Add"
+            children: h ? "Inviting..." : l === me.DRIVE ? "Send Invites" : "Add"
           }
         )
       ] })
@@ -3138,8 +3138,8 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
     roles: o.roles.filter(
       (O) => O.name.toLowerCase().includes(x.toLowerCase())
     )
-  }, p = async (O, P, _, U) => {
-    const Y = P.value;
+  }, p = async (O, L, _, U) => {
+    const Y = L.value;
     u((G) => ({
       ...G,
       [_]: G[_].map(
@@ -3148,9 +3148,9 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
     }));
   }, S = () => {
     const O = {
-      users: o.users.filter((P) => P.permission !== "remove"),
-      groups: o.groups.filter((P) => P.permission !== "remove"),
-      roles: o.roles.filter((P) => P.permission !== "remove")
+      users: o.users.filter((L) => L.permission !== "remove"),
+      groups: o.groups.filter((L) => L.permission !== "remove"),
+      roles: o.roles.filter((L) => L.permission !== "remove")
     };
     a(O);
   }, T = ["users", "groups", "roles"], R = ["Users", "Groups", "Roles"];
@@ -3180,16 +3180,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(se.Group, { selectedIndex: g, onChange: f, children: [
+        /* @__PURE__ */ n(ne.Group, { selectedIndex: g, onChange: f, children: [
           /* @__PURE__ */ n("div", { className: "p-4 bg-white border-b border-gray-300", children: [
-            /* @__PURE__ */ e(se.List, { className: "flex space-x-1 bg-gray-100 p-1 rounded-lg", children: R.map((O) => /* @__PURE__ */ e(
-              se,
+            /* @__PURE__ */ e(ne.List, { className: "flex space-x-1 bg-gray-100 p-1 rounded-lg", children: R.map((O) => /* @__PURE__ */ e(
+              ne,
               {
                 className: ({
-                  selected: P
+                  selected: L
                 }) => `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
-                                       ${P ? "bg-white shadow text-blue-700" : "text-gray-600 hover:bg-white/[0.6]"}`,
+                                       ${L ? "bg-white shadow text-blue-700" : "text-gray-600 hover:bg-white/[0.6]"}`,
                 children: O
               },
               O
@@ -3210,11 +3210,11 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
               animate: { y: 0, opacity: 1 },
               exit: { y: -10, opacity: 0 },
               transition: { duration: 0.2 },
-              children: /* @__PURE__ */ e(se.Panels, { as: H, children: T.map((O) => /* @__PURE__ */ e(
-                se.Panel,
+              children: /* @__PURE__ */ e(ne.Panels, { as: H, children: T.map((O) => /* @__PURE__ */ e(
+                ne.Panel,
                 {
                   className: "space-y-3 focus:outline-none",
-                  children: /* @__PURE__ */ e(ke, { children: d[O].length > 0 ? d[O].map((P) => /* @__PURE__ */ n(
+                  children: /* @__PURE__ */ e(ke, { children: d[O].length > 0 ? d[O].map((L) => /* @__PURE__ */ n(
                     le.div,
                     {
                       layout: !0,
@@ -3231,20 +3231,20 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
                           /* @__PURE__ */ e(
                             "img",
                             {
-                              src: P.avatarUrl || `https://avatar.vercel.sh/${P.name}.svg?text=${P.name.charAt(0)}`,
-                              alt: P.name,
+                              src: L.avatarUrl || `https://avatar.vercel.sh/${L.name}.svg?text=${L.name.charAt(0)}`,
+                              alt: L.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: P.name }),
+                            /* @__PURE__ */ e("p", { className: "font-medium text-gray-900 truncate", children: L.name }),
                             O !== "users" && /* @__PURE__ */ e(
                               "button",
                               {
                                 onClick: () => i({
-                                  id: P.id,
+                                  id: L.id,
                                   type: O,
-                                  name: P.name
+                                  name: L.name
                                 }),
                                 className: "text-sm text-blue-600 hover:underline hover:cursor-pointer",
                                 children: "View Members"
@@ -3255,10 +3255,10 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
                         /* @__PURE__ */ e(
                           rs,
                           {
-                            item: P,
+                            item: L,
                             allowedPermissions: m,
                             onPermissionChange: (_) => p(
-                              P,
+                              L,
                               _,
                               O
                             )
@@ -3266,7 +3266,7 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
                         )
                       ]
                     },
-                    P.id
+                    L.id
                   )) : (
                     // Empty state is unchanged
                     /* @__PURE__ */ n(
@@ -3439,7 +3439,7 @@ 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([]), [P, _] = j(pe.MANAGE), U = () => {
+  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 = () => {
     y(pe.INVITE), p(null), m();
   }, Y = () => {
     y(pe.MANAGE);
@@ -3458,7 +3458,7 @@ const Ee = Qn(), je = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn =
     const $ = it.mapValues(t, (z) => z.map((b) => ({ id: b.id, permission: b.permission })).sort((b, w) => b.id - w.id)), B = it.mapValues(v, (z) => z.map((b) => ({ id: b.id, permission: b.permission })).sort((b, w) => b.id - w.id));
     console.log("Existing data:", $), console.log("Changed data:", B);
     const E = !it.isEqual($, B);
-    console.log("hasPermissionChanged:", E), T(E), y(f === pe.MEMBERS ? P : pe.INVITE);
+    console.log("hasPermissionChanged:", E), T(E), y(f === pe.MEMBERS ? L : pe.INVITE);
   };
   return /* @__PURE__ */ e(ue, { appear: !0, show: a, as: H, children: /* @__PURE__ */ n(be, { as: "div", className: "relative z-50", onClose: U, children: [
     /* @__PURE__ */ e("div", { className: "filter-modal-overlay", "aria-hidden": "true" }),
@@ -3568,17 +3568,17 @@ function at({
   getOptionId: d = (S) => String(S.id),
   getOptionLabel: p = (S) => S.name
 }) {
-  const S = Xe(), T = Xe(), [R, O] = j(""), P = ge(""), _ = me(() => {
+  const S = Xe(), T = Xe(), [R, O] = j(""), L = ge(""), _ = ie(() => {
     const v = /* @__PURE__ */ new Map();
     for (const $ of a) v.set(d($), $);
     return v;
-  }, [a, d]), U = me(() => Array.isArray(s) ? s.map((v) => v && typeof v == "object" ? _.get(d(v)) || null : _.get(String(v))).filter(Boolean) : [], [s, _, d]), Y = me(() => {
+  }, [a, d]), U = ie(() => Array.isArray(s) ? s.map((v) => v && typeof v == "object" ? _.get(d(v)) || null : _.get(String(v))).filter(Boolean) : [], [s, _, d]), Y = ie(() => {
     if (!R) return a;
     const v = R.toLowerCase();
     return a.filter(($) => p($).toLowerCase().includes(v));
   }, [a, R, p]);
   Z(() => {
-    f === "server" && R.length >= x && R !== P.current && (P.current = R, y && y(R));
+    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 = () => {
     if (!U.length)
@@ -3846,10 +3846,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 }), 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), C = () => {
+  const { setNodeRef: x, isOver: d } = cr({ id: y }), { attributes: p, listeners: S, setNodeRef: T, transform: R, isDragging: O } = dr({ id: f }), L = R ? { transform: `translate3d(${Math.round(R.x)}px, ${Math.round(R.y)}px, 0)` } : void 0, [_, U] = j(!1), [Y, G] = j(t.name), C = () => {
     const v = Y.trim();
     U(!1), v && v !== t.name ? o?.(t, v) : G(t.name);
-  }, h = me(() => /* @__PURE__ */ e(
+  }, h = ie(() => /* @__PURE__ */ e(
     _n,
     {
       options: [
@@ -3867,13 +3867,13 @@ function cs({
     {
       ref: x,
       className: `tv-row ${d ? "tv-drop-over" : ""} ${O ? "dragging" : ""}`,
-      style: { ...P, paddingLeft: 8 + a * r },
+      style: { ...L, paddingLeft: 8 + a * r },
       onClick: (v) => {
         v.target.closest(".tv-toggle") || v.target.tagName === "INPUT" || l?.(t);
       },
       children: [
         /* @__PURE__ */ e("button", { className: "tv-toggle", onClick: i, "aria-label": "toggle", children: t.children?.length ? s ? /* @__PURE__ */ e(Nt, { size: 16 }) : /* @__PURE__ */ e(fe, { size: 16 }) : /* @__PURE__ */ e("span", { className: "tv-spacer" }) }),
-        /* @__PURE__ */ e(Me, { size: 16, className: "tv-folder-ic" }),
+        /* @__PURE__ */ e(Le, { size: 16, className: "tv-folder-ic" }),
         /* @__PURE__ */ e("div", { className: "tv-name", ref: T, children: _ ? /* @__PURE__ */ e(
           "input",
           {
@@ -3988,10 +3988,10 @@ function Jl({
   // ← allow root moves by default now
   indentUnit: p = 24
 }) {
-  const { roots: S } = me(() => hs(t) ? gs(t, { rootId: a, getId: i, getName: m }) : ps(
+  const { roots: S } = ie(() => hs(t) ? gs(t, { rootId: a, getId: i, getName: m }) : ps(
     t.map((b) => ({ ...b })),
     { rootId: a, getId: i, getParent: l, getName: m }
-  ), [t, a, i, l, m]), [T, R] = j({}), O = ae((b) => {
+  ), [t, a, i, l, m]), [T, R] = j({}), O = se((b) => {
     const w = {};
     return (function D(N) {
       N.forEach((A) => {
@@ -3999,20 +3999,20 @@ function Jl({
       });
     })(b), w;
   }, []);
-  re.useEffect(() => {
+  ae.useEffect(() => {
     R(O(S));
   }, [S, O]);
-  const P = ae(
+  const L = se(
     (b) => R((w) => ({ ...w, [b]: !w[b] })),
     []
   ), [_, U] = j(() => Pe(S));
-  re.useEffect(() => U(Pe(S)), [S]);
+  ae.useEffect(() => U(Pe(S)), [S]);
   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 = ae(
+  }, E = se(
     ({ active: b, over: w }) => {
       const D = v.current;
       if (v.current = 0, h(null), !b || !w) return;
@@ -4036,21 +4036,21 @@ function Jl({
         U(Pe(S));
         return;
       }
-      const L = Pe(_), { newRoots: M, removed: F } = bs(L, N);
+      const M = Pe(_), { newRoots: P, removed: F } = bs(M, N);
       if (!F) return;
-      const q = fs(M, I, F);
+      const q = fs(P, I, F);
       U(q), r?.({ sourceId: N, destParentId: I, newTree: q });
     },
     [_, S, a, d, p, r]
-  ), z = ae(
-    (b, w = 0) => b.map((D) => /* @__PURE__ */ n(re.Fragment, { children: [
+  ), z = se(
+    (b, w = 0) => b.map((D) => /* @__PURE__ */ n(ae.Fragment, { children: [
       /* @__PURE__ */ e(
         cs,
         {
           node: D,
           depth: w,
           expanded: !!T[D.id],
-          onToggle: () => P(D.id),
+          onToggle: () => L(D.id),
           onSelect: o,
           onCreateChild: g,
           onRename: f,
@@ -4063,9 +4063,9 @@ function Jl({
       ),
       T[D.id] && D.children?.length > 0 ? z(D.children, w + 1) : null
     ] }, D.id)),
-    [T, p, g, y, f, o, x, P]
+    [T, p, g, y, f, o, x, L]
   );
-  return re.useMemo(() => {
+  return ae.useMemo(() => {
     if (!C) return null;
     const b = String(C).replace(/^drag-/, "");
     function w(D) {
@@ -4083,7 +4083,7 @@ function Jl({
       /* @__PURE__ */ e("button", { className: "tv-btn", onClick: u, children: "+ New folder" })
     ] }),
     /* @__PURE__ */ n("div", { className: "tv-root-row", children: [
-      /* @__PURE__ */ e(Me, { size: 16, className: "tv-folder-ic" }),
+      /* @__PURE__ */ e(Le, { size: 16, className: "tv-folder-ic" }),
       /* @__PURE__ */ e("strong", { children: "ROOT" }),
       /* @__PURE__ */ e("button", { className: "tv-icon", title: "Create top-level", onClick: u, children: "+" })
     ] }),
@@ -4122,14 +4122,14 @@ const Xl = ({
     "text-left text-sm rounded-md px-2 py-1.5 focus:outline-none",
     x ? "bg-primaryX text-white" : "text-textX hover:bg-lightgray-100 hover:text-primaryX"
   ), r = ({ selected: x }) => o ? typeof o == "function" ? o(x) : o : g ? y(x) : f(x);
-  return /* @__PURE__ */ e(se.Group, { vertical: g, ...u, children: g ? /* @__PURE__ */ n("div", { className: we("flex gap-4", i), 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((x) => /* @__PURE__ */ e(se, { className: r, children: x.label }, x.key)) }),
-    /* @__PURE__ */ e(se.Panels, { unmount: !a, className: we("flex-1", m), children: t.map((x) => /* @__PURE__ */ e(se.Panel, { className: "focus:outline-none", children: /* @__PURE__ */ e("div", { className: "[overflow-anchor:none]", children: x.content }) }, x.key)) })
+  return /* @__PURE__ */ e(ne.Group, { vertical: g, ...u, children: g ? /* @__PURE__ */ n("div", { className: we("flex gap-4", i), children: [
+    /* @__PURE__ */ e(ne.List, { className: we("w-[150px] flex flex-col gap-1 border-r border-gray-300 pr-2", l), children: t.map((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)) })
   ] }) : (
     // mostly this part is used :  horizontal
     /* @__PURE__ */ n(te, { children: [
-      /* @__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((x) => /* @__PURE__ */ e(se, { className: r, children: x.label }, x.key)) }),
-      /* @__PURE__ */ e(se.Panels, { unmount: !a, className: we("mt-2", m), children: t.map((x) => /* @__PURE__ */ e(se.Panel, { className: "focus:outline-none", children: /* @__PURE__ */ e("div", { className: "[overflow-anchor:none]", children: x.content }) }, x.key)) })
+      /* @__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)) })
     ] })
   ) });
 };
@@ -4139,7 +4139,7 @@ function Ql(t, a = "YYYY-MM-DD HH:mm:ss") {
 c.string;
 function ys({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
   console.log(t);
-  const [l, m] = re.useState(t), [o, u] = re.useState(() => {
+  const [l, m] = ae.useState(t), [o, u] = ae.useState(() => {
     const r = a && a[t.key] || {};
     return console.log("Initial Section data for", t.key, r), r;
   }), g = ge(a);
@@ -5043,7 +5043,7 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           B(z)
         ] });
     }
-  }, T = ae(() => {
+  }, T = se(() => {
     console.log("[DataTableRenderer] Adding blank row"), r((h) => {
       console.log("[DataTableRenderer] Current data before add:", h);
       const v = {
@@ -5056,25 +5056,25 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       const $ = [...h, v];
       return console.log("[DataTableRenderer] Updated data:", $), $;
     });
-  }, [l.fields]), R = ae((h) => {
+  }, [l.fields]), R = se((h) => {
     r((v) => {
       if (v.length <= 1)
         return v;
       const $ = [...v];
       return $.splice(h, 1), $;
     });
-  }, []), [O, P] = j(null), _ = ae((h, v) => {
-    P(v), h.dataTransfer.effectAllowed = "move", h.dataTransfer.setData("text/html", "");
-  }, []), U = ae((h) => {
+  }, []), [O, L] = j(null), _ = se((h, v) => {
+    L(v), h.dataTransfer.effectAllowed = "move", h.dataTransfer.setData("text/html", "");
+  }, []), U = se((h) => {
     h.preventDefault(), h.dataTransfer.dropEffect = "move";
-  }, []), Y = ae((h, v) => {
+  }, []), 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;
-    }), P(null));
-  }, [O]), G = ae(() => {
-    P(null);
-  }, []), C = ae((h) => {
+    }), L(null));
+  }, [O]), G = se(() => {
+    L(null);
+  }, []), C = se((h) => {
     console.log("[DataTableRenderer] handleAddAudience called with:", h), r((v) => {
       const $ = [...v];
       if (o !== null && g && $[o]) {
@@ -5172,7 +5172,7 @@ const Ie = {
   closeOnClick: !0
 };
 let Je = 0;
-const Lt = () => {
+const Mt = () => {
   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"));
@@ -5186,7 +5186,7 @@ const Lt = () => {
     autoClose: !1,
     closeOnClick: !1,
     draggable: !1,
-    onOpen: Lt,
+    onOpen: Mt,
     onClose: Bt,
     ...a
   }),
@@ -5201,7 +5201,7 @@ const Lt = () => {
         autoClose: !1,
         closeOnClick: !1,
         draggable: !1,
-        onOpen: Lt,
+        onOpen: Mt,
         onClose: Bt
       }
     },
@@ -5229,7 +5229,7 @@ const Lt = () => {
   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), [P, _] = j(""), U = async () => {
+  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 () => {
     try {
       const N = await je(t.collectionList);
       if (N) {
@@ -5282,7 +5282,7 @@ const Lt = () => {
         // Flag to indicate this is a draft change
       };
       p((I) => {
-        const k = I.map((L) => L.id === f ? A : L);
+        const k = I.map((M) => M.id === f ? A : M);
         return s?.(k), k;
       });
     } else
@@ -5300,10 +5300,10 @@ const Lt = () => {
     });
   }, $ = (N, A, I) => {
     if (!u || !A || !I || A === I) return N;
-    const k = N.findIndex((q) => q.id === A), L = N.findIndex((q) => q.id === I);
-    if (k === -1 || L === -1) return N;
-    const M = [...N], [F] = M.splice(k, 1);
-    return M.splice(L, 0, F), M.map((q, X) => ({ ...q, order: X + 1 }));
+    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) => {
@@ -5314,22 +5314,22 @@ const Lt = () => {
     N.preventDefault();
     const I = N.dataTransfer.getData("text/plain");
     I && (p((k) => {
-      const L = $(k, I, A);
-      console.log("Reordered", L);
-      const M = L.map((F) => ({ ...F, _isDraft: !0 }));
-      return s?.(M), M;
+      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);
   }, D = Array.isArray(d) ? d.filter(
-    (N) => N.categoryName?.toLowerCase().includes(P.toLowerCase())
+    (N) => N.categoryName?.toLowerCase().includes(L.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: [
       i && /* @__PURE__ */ e(
         he,
         {
-          value: P,
+          value: L,
           onDebouncedChange: _,
           placeholder: "Search Collection",
           customClass: "mr-4 searchmanagecollection"
@@ -5349,18 +5349,18 @@ const Lt = () => {
       )
     ] }) }),
     /* @__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, L = R === N.id && S !== N.id;
+      const A = f === N.id, I = N?.links?.length ?? 0, k = S === N.id, M = R === N.id && S !== N.id;
       return /* @__PURE__ */ e(
         "div",
         {
           onDragEnter: () => E(N.id),
           onDragOver: z,
-          onDrop: (M) => b(M, N.id),
+          onDrop: (P) => b(P, N.id),
           onDragEnd: w,
           className: [
             "flex items-center justify-between p-3 border rounded-2xl mb-3",
             "border-gray-300",
-            L ? "ring-2 ring-gray-800/20" : "",
+            M ? "ring-2 ring-gray-800/20" : "",
             k ? "opacity-60" : ""
           ].join(" "),
           children: A ? /* @__PURE__ */ n(te, { children: [
@@ -5371,9 +5371,9 @@ const Lt = () => {
                 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: (M) => x(M.target.value),
-                onKeyDown: (M) => {
-                  M.key === "Enter" && h(), M.key === "Escape" && C();
+                onChange: (P) => x(P.target.value),
+                onKeyDown: (P) => {
+                  P.key === "Enter" && h(), P.key === "Escape" && C();
                 },
                 autoFocus: !0
               }
@@ -5412,7 +5412,7 @@ const Lt = () => {
                   "aria-label": "Drag to reorder",
                   className: "cursor-grab active:cursor-grabbing p-1 -m-1 rounded-md hover:bg-gray-50",
                   draggable: !0,
-                  onDragStart: (M) => B(M, N.id),
+                  onDragStart: (P) => B(P, N.id),
                   children: /* @__PURE__ */ e(wt, {})
                 }
               ),
@@ -5500,17 +5500,17 @@ function zs({
   appid: t,
   configdata: a = null,
   disableApi: s = !1,
-  onCancel: i,
-  onSave: l
+  onSave: i,
+  onShowCancelModal: l
 }) {
-  const [m, o] = re.useState(a), [u, g] = re.useState(null), [f, y] = re.useState(null), [r, x] = j(!1), [d, p] = j(!1), [S, T] = 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) => {
+  const [m, o] = ae.useState(a), [u, g] = ae.useState(null), [f, y] = ae.useState(null), [r, x] = j(!1), [d, p] = j(!1), [S, T] = j({}), R = `${ze()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, O = R, [L, _] = j(1), U = () => !f || !u ? !1 : JSON.stringify(f) !== JSON.stringify(u), Y = (b) => {
     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, L) => {
-          const M = { id: k.id || 0 };
+        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") {
               let q = { users: [], groups: [], roles: [] };
@@ -5518,15 +5518,15 @@ function zs({
                 users: k[F.key].users || [],
                 groups: k[F.key].groups || [],
                 roles: k[F.key].roles || []
-              })), M[F.key] = q;
+              })), P[F.key] = q;
             } else
-              M[F.key] = k[F.key] || F.default || "";
-          }), M;
+              P[F.key] = k[F.key] || F.default || "";
+          }), P;
         });
         if (I.length === 0) {
           const k = { id: 0 };
-          N.fields && N.fields.forEach((L) => {
-            L.fieldtype === "audience" ? k[L.key] = { users: [], groups: [], roles: [] } : k[L.key] = L.default || "";
+          N.fields && N.fields.forEach((M) => {
+            M.fieldtype === "audience" ? k[M.key] = { users: [], groups: [], roles: [] } : k[M.key] = M.default || "";
           }), I.push(k);
         }
         w[N.key] = I;
@@ -5579,7 +5579,7 @@ function zs({
       }
     };
     a && (o(a), t ? b() : G());
-  }, [a, P, t, s]);
+  }, [a, L, t, s]);
   const C = (b, w) => {
     g((D) => ({
       ...D,
@@ -5613,8 +5613,8 @@ function zs({
               return;
             }
             if (I.fieldtype === "number" && k !== "" && k !== null && k !== void 0) {
-              const L = Number(k);
-              isNaN(L) ? (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 && L < 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 && L > 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 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}`));
             }
           });
         });
@@ -5625,32 +5625,32 @@ function zs({
       (D) => D.fields?.some((N) => N.fieldtype === "managecollectionlist")
     ) || [];
     for (const D of w) {
-      const N = D.fields.find((M) => M.fieldtype === "managecollectionlist");
+      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, L = 0;
-      for (const M of A)
+      let k = 0, M = 0;
+      for (const P of A)
         try {
-          if (M._temp && M._isDraft) {
-            console.log("Creating new collection:", M.categoryName);
+          if (P._temp && P._isDraft) {
+            console.log("Creating new collection:", P.categoryName);
             const F = await Ze(I.collectionCreate, {
-              categoryName: M.categoryName,
-              order: M.order
+              categoryName: P.categoryName,
+              order: P.order
             });
             F && (console.log("Collection created successfully:", F), k++);
-          } else if (M._isDraft && !M._temp) {
-            console.log("Updating collection:", M.id, M.categoryName);
-            const F = await Hn(`${I.collectionUpdate}/${M.id}?newName=${encodeURIComponent(M.categoryName)}`);
-            F && (console.log("Collection updated successfully:", F), L++);
+          } 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++);
           }
         } catch (F) {
-          throw console.error(`Failed to save collection ${M.categoryName}:`, F), new Error(`Failed to save collection "${M.categoryName}": ${F.message}`);
+          throw console.error(`Failed to save collection ${P.categoryName}:`, F), new Error(`Failed to save collection "${P.categoryName}": ${F.message}`);
         }
-      if (k > 0 || L > 0) {
-        const M = [];
-        k > 0 && M.push(`${k} collection${k > 1 ? "s" : ""} created`), L > 0 && M.push(`${L} collection${L > 1 ? "s" : ""} updated`), console.log("ManageCollectionList operations completed:", M.join(", "));
+      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(", "));
       }
     }
   }, B = () => {
@@ -5675,25 +5675,25 @@ function zs({
             (k) => k.key === A && k.type === "datatable"
           );
           I && Array.isArray(u[A]) ? D[A] = u[A].map((k) => {
-            const L = { id: k.id || 0 };
-            return I.fields && I.fields.forEach((M) => {
-              if (M.fieldtype === "audience") {
+            const M = { id: k.id || 0 };
+            return I.fields && I.fields.forEach((P) => {
+              if (P.fieldtype === "audience") {
                 let F = { users: [], groups: [], roles: [] };
-                k[M.key] && typeof k[M.key] == "object" && !Array.isArray(k[M.key]) && (F = {
-                  users: k[M.key].users || [],
-                  groups: k[M.key].groups || [],
-                  roles: k[M.key].roles || []
-                }), L[M.key] = F;
+                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;
               } else
-                L[M.key] = k[M.key] || "";
-            }), L;
+                M[P.key] = k[P.key] || "";
+            }), M;
           }) : D[A] = u[A];
         })), (!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), l && typeof l == "function" && l(u);
+          Ge.success(A), i && typeof i == "function" && i(u);
         } else
           throw Ge.error(N?.message || "Failed to save configuration"), new Error("No response received from server");
       } catch (D) {
@@ -5703,7 +5703,7 @@ function zs({
       }
     })();
   }, E = () => {
-    U() ? i && i() : window.history.back();
+    U() ? (console.log("Unsaved changes detected - showing modal"), l && l()) : (console.log("No unsaved changes - going back directly"), window.history.back());
   };
   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" }) });
@@ -5816,13 +5816,11 @@ const Hl = ({
   }, p = f.map((C) => ({
     label: C.text,
     href: C.href || "#"
-  })), S = ae(() => {
-    o(!0);
-  }, []), T = ae((C) => {
+  })), S = se((C) => {
     o(!1), C.primary && window.location.reload();
-  }, []), R = ae((C) => {
+  }, []), T = se((C) => {
     console.log("Configuration changed:", C);
-  }, []), O = (() => {
+  }, []), R = (() => {
     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) {
@@ -5839,13 +5837,13 @@ const Hl = ({
         }
     }
     return g.heading || a;
-  })(), P = {
+  })(), O = {
     subHeading: "Application configuration and details",
     tags: [],
     ...g,
-    heading: O
+    heading: R
     // Use resolvedDisplayName only
-  }, _ = {
+  }, L = {
     about: "This application provides comprehensive functionality for your organization.",
     images: {
       desktop: "https://via.placeholder.com/600x400?text=Desktop+View",
@@ -5863,10 +5861,12 @@ const Hl = ({
       }
     ],
     ...y
-  }, U = [
-    { label: "Overview", content: G(_) },
-    { label: "Configuration", content: /* @__PURE__ */ e(zs, { appid: a, configdata: { configuration: x }, disableApi: s, onCancel: S, onSave: R }) }
-  ];
+  }, _ = ie(() => ({
+    configuration: x
+  }), [x]), U = ie(() => [
+    { label: "Overview", content: G(L) },
+    { label: "Configuration", content: /* @__PURE__ */ e(zs, { appid: a, configdata: _, disableApi: s, onSave: T, onShowCancelModal: () => o(!0) }) }
+  ], [a, _, s, T, L]);
   function Y(C) {
     return C ? C.includes("<svg") ? /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: C } }) : C : "📱";
   }
@@ -5892,14 +5892,6 @@ const Hl = ({
             alt: "Mobile View 1",
             className: "rounded-2xl border border-gray-200 w-[120px] h-[220px] object-cover"
           }
-        ),
-        /* @__PURE__ */ e(
-          "img",
-          {
-            src: C.images.mobile2,
-            alt: "Mobile View 2",
-            className: "rounded-2xl border border-gray-200 w-[120px] h-[220px] object-cover"
-          }
         )
       ] }),
       /* @__PURE__ */ n("section", { children: [
@@ -5924,11 +5916,11 @@ 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(P.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: Y(O.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: 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((C, h) => /* @__PURE__ */ e(
+        /* @__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(
           "span",
           {
             className: "pill inline-block px-[10px] py-[6px] rounded-[14px] text-[11px] border border-[#e6e9ee] text-[#767676] font-semibold mt-1",
@@ -5954,7 +5946,7 @@ const Hl = ({
       Pn,
       {
         isOpen: m,
-        onClose: T,
+        onClose: S,
         variant: "warning",
         title: "Are you sure you want to cancel?",
         primaryButtonText: "Yes",
@@ -6017,10 +6009,10 @@ const Kl = ({
   handleSearchChange: O = () => {
   },
   // Optional: override export file names
-  excelFileName: P,
+  excelFileName: L,
   pdfFileName: _
 }) => {
-  const U = () => l?.current || i?.current, [Y, G] = re.useState(""), C = (t || "export").toString().trim() || "export", h = `${P || C}.xlsx`, v = `${_ || C}.pdf`, $ = (z, b, w) => Math.max(b, Math.min(z, w)), B = ae(
+  const U = () => l?.current || i?.current, [Y, G] = ae.useState(""), C = (t || "export").toString().trim() || "export", h = `${L || C}.xlsx`, v = `${_ || C}.pdf`, $ = (z, b, w) => Math.max(b, Math.min(z, w)), B = se(
     (z) => {
       const b = U();
       if (console.log("openColumnChooserNear", b), !!b?.openColumnChooser) {
@@ -6031,8 +6023,8 @@ const Kl = ({
         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, L = window.innerHeight;
-          A = $(A, window.scrollX + 8, window.scrollX + k - 340), I = $(I, window.scrollY, window.scrollY + L - 120), console.log("openColumnChooserNear", A, I), b.openColumnChooser(A, I);
+          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);
         }
@@ -6040,7 +6032,7 @@ const Kl = ({
     },
     []
     // no external deps; reads ref at call time
-  ), E = ae(
+  ), E = se(
     (z, b) => {
       const w = U();
       if (w)
@@ -6190,7 +6182,7 @@ function ei(t) {
     selectionSettings: T = { type: "Multiple", mode: "Row" },
     enableCheckbox: R = !1,
     columns: O = [],
-    onGridStateChange: P,
+    onGridStateChange: L,
     onRowSelected: _,
     onRowDeselected: U,
     onRowDoubleClick: Y,
@@ -6200,11 +6192,11 @@ function ei(t) {
     pageSettings: v,
     sortSettings: $,
     ...B
-  } = C || {}, [E, z] = re.useState(v?.page || 1), [b, w] = re.useState($?.pageSize || 20), [D, N] = re.useState($?.sortKey || "updatedDate"), [A, I] = re.useState($?.direction || "Descending"), k = me(() => {
+  } = C || {}, [E, z] = ae.useState(v?.page || 1), [b, w] = ae.useState($?.pageSize || 20), [D, N] = ae.useState($?.sortKey || "updatedDate"), [A, I] = ae.useState($?.direction || "Descending"), k = ie(() => {
     const V = [sn];
     return o && V.push(ln), u && V.push(on), g && V.push(cn), p && V.push(dn), r && V.push(mn), x && V.push(un), d && V.push(hn), y && V.push(pn), f && V.push(gn), V.push(bn), V;
-  }, [o, u, g, p, r, x, d, y, f]), L = me(() => {
-    const V = () => h.current, ne = (W, ve) => {
+  }, [o, u, g, p, r, x, d, y, f]), M = ie(() => {
+    const V = () => h.current, re = (W, ve) => {
       !ve && process.env.NODE_ENV !== "production" && console.warn(`[CustomDataGrid] ${W} requested but related service/feature is disabled.`);
     };
     return {
@@ -6215,33 +6207,33 @@ function ei(t) {
       selectRow: (W) => V()?.selectRow?.(W),
       selectRows: (W) => V()?.selectRows?.(W),
       search: (W) => {
-        ne("search()", p), V()?.search?.(W);
+        re("search()", p), V()?.search?.(W);
       },
       print: () => V()?.print?.(),
       excelExport: (W) => {
-        ne("excelExport()", r), V()?.excelExport?.(W);
+        re("excelExport()", r), V()?.excelExport?.(W);
       },
       pdfExport: (W) => {
-        ne("pdfExport()", x), V()?.pdfExport?.(W);
+        re("pdfExport()", x), V()?.pdfExport?.(W);
       },
       openColumnChooser: (W, ve) => {
-        ne("openColumnChooser()", d), V()?.columnChooserModule?.openColumnChooser?.(W, ve);
+        re("openColumnChooser()", d), V()?.columnChooserModule?.openColumnChooser?.(W, ve);
       }
     };
   }, []);
   Z(() => {
-    G && (G.current = L);
-  }, [G, L]), Z(() => () => {
+    G && (G.current = M);
+  }, [G, M]), Z(() => () => {
     G && (G.current = null);
   }, []);
-  const M = (V) => {
-    const ne = String(V || "");
-    return ne === "Ascending" || ne === "Descending" ? ne : ne.toLowerCase() === "ascending" ? "Ascending" : "Descending";
+  const P = (V) => {
+    const re = String(V || "");
+    return re === "Ascending" || re === "Descending" ? re : re.toLowerCase() === "ascending" ? "Ascending" : "Descending";
   }, F = (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) => ({
+    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) => ({
       field: Oe.field,
-      dir: M(Oe.direction ?? Oe.dir)
-    })), nt = V?.searchString ?? "", st = V?.columns ?? ne?.filterSettings?.columns ?? [];
+      dir: P(Oe.direction ?? Oe.dir)
+    })), nt = V?.searchString ?? "", st = V?.columns ?? re?.filterSettings?.columns ?? [];
     return {
       reason: ve,
       page: { index: Ve, size: Re, skip: (Ve - 1) * Re, take: Re },
@@ -6254,12 +6246,12 @@ function ei(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")), P && P(F(V), V);
+    }, 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);
   }, 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((ne, W) => {
+    return R && V.push(/* @__PURE__ */ e(Dt, { type: "checkbox", width: "50" }, "__checkbox__")), O.forEach((re, W) => {
       const {
         field: ve,
         headerText: Re,
@@ -6274,10 +6266,10 @@ function ei(t) {
         format: Oa,
         visible: Ia = !0,
         minWidth: Pa,
-        maxWidth: Ma,
-        customAttributes: La,
+        maxWidth: La,
+        customAttributes: Ma,
         ...Ba
-      } = ne || {};
+      } = re || {};
       V.push(
         /* @__PURE__ */ e(
           Dt,
@@ -6295,8 +6287,8 @@ function ei(t) {
             format: Oa,
             visible: Ia,
             minWidth: Pa,
-            maxWidth: Ma,
-            customAttributes: La,
+            maxWidth: La,
+            customAttributes: Ma,
             ...Ba
           },
           ve || `col-${W}`
@@ -6324,7 +6316,7 @@ function ei(t) {
       selectionSettings: T,
       pageSettings: { pageSize: 10, pageSizes: v?.pageSizes ?? [20, 40, 60, 80, 100] },
       sortSettings: $ ?? {
-        columns: [{ field: D, direction: M(A) }],
+        columns: [{ field: D, direction: P(A) }],
         allowUnsort: !1
       },
       actionBegin: q,
@@ -6339,10 +6331,10 @@ function ei(t) {
     }
   );
 }
-const oe = (t) => {
+const ce = (t) => {
   const a = String(t || "md").toLowerCase();
   return a === "xs" ? "sm" : a === "2lg" || a === "xlg" || a === "xl" ? "lg" : ["sm", "md", "lg"].includes(a) ? a : "md";
-}, ce = {
+}, de = {
   sm: {
     card: "py-6  px-4 rounded-lg text-[13px] gap-3",
     media: "h-30",
@@ -6362,7 +6354,7 @@ const oe = (t) => {
     meta: "text-sm"
   }
 }, Ss = (t, a) => typeof a == "function" ? a(t) : typeof a == "string" && t?.[a] != null ? t[a] : t?._id ?? t?.id ?? t?.instanceId ?? t?.legacyId ?? t?.key ?? null;
-function ie({
+function oe({
   children: t,
   className: a = "",
   showCheckbox: s = !1,
@@ -6402,7 +6394,7 @@ function ie({
     }
   );
 }
-ie.propTypes = {
+oe.propTypes = {
   showCheckbox: c.bool,
   checkboxPosition: c.oneOf(["top-left", "top-right"]),
   onSelect: c.func,
@@ -6426,9 +6418,9 @@ function Ds({
   // spread remaining props (_id, instanceId, etc.)
   ...x
 }) {
-  const d = oe(t), p = ce[d];
+  const d = ce(t), p = de[d];
   return /* @__PURE__ */ n(
-    ie,
+    oe,
     {
       className: `flex flex-col ${p.card}`,
       showCheckbox: a,
@@ -6545,9 +6537,9 @@ function Es({
   // spread for identity (_id/instanceId/etc)
   ...g
 }) {
-  const f = oe(t), y = ce[f], r = Fs[f], x = (d) => `px-1 pb-2 text-sm font-medium ${d === o ? "text-zinc-900 dark:text-zinc-100 border-b-2" : "text-zinc-500 dark:text-zinc-400"}`;
+  const f = ce(t), y = de[f], r = Fs[f], x = (d) => `px-1 pb-2 text-sm font-medium ${d === o ? "text-zinc-900 dark:text-zinc-100 border-b-2" : "text-zinc-500 dark:text-zinc-400"}`;
   return /* @__PURE__ */ n(
-    ie,
+    oe,
     {
       className: `flex flex-col ${y.card} ${r.wrap}`,
       showCheckbox: a,
@@ -6729,9 +6721,9 @@ function Is({
   // spread for identity fields: _id / id / instanceId etc.
   ...u
 }) {
-  const g = oe(t), f = ce[g], y = Os[g];
+  const g = ce(t), f = de[g], y = Os[g];
   return /* @__PURE__ */ n(
-    ie,
+    oe,
     {
       className: `flex flex-col ${f.card} ${y.wrap || ""}`,
       showCheckbox: a,
@@ -6804,7 +6796,7 @@ Is.propTypes = {
     })
   )
 };
-const Ps = ["All", "Library", "Restaurant", "Parking", "Bus Stop"], Ms = {
+const Ps = ["All", "Library", "Restaurant", "Parking", "Bus Stop"], Ls = {
   sm: {
     wrap: "max-w-md w-full md:w-auto flex-none justify-self-start",
     mapH: "h-48",
@@ -6826,7 +6818,7 @@ const Ps = ["All", "Library", "Restaurant", "Parking", "Bus Stop"], Ms = {
     searchH: "h-11 text-base",
     chipGap: "gap-3.5"
   }
-}, Ls = ({ label: t, active: a = !1, size: s = "md", className: i = "" }) => {
+}, Ms = ({ label: t, active: a = !1, size: s = "md", className: i = "" }) => {
   const l = "inline-flex items-center justify-center whitespace-nowrap rounded-full border transition-colors duration-150 shadow-[0_0.5px_0_rgba(0,0,0,0.04)]", m = {
     sm: "h-8 px-3 text-[11px] font-semibold",
     md: "h-9 px-3.5 text-[13px] font-semibold",
@@ -6851,9 +6843,9 @@ function js({
   // optional full embed URL override
   ...x
 }) {
-  const d = oe(t), p = ce[d], S = Ms[d], T = r || Bs(f, y);
+  const d = ce(t), p = de[d], S = Ls[d], T = r || Bs(f, y);
   return /* @__PURE__ */ e(
-    ie,
+    oe,
     {
       className: `flex flex-col ${p.card} ${S.wrap}`,
       showCheckbox: a,
@@ -6885,7 +6877,7 @@ 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(Ls, { label: R, active: R === g, size: d }, R)) }) }),
+        /* @__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("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" })
@@ -7057,11 +7049,11 @@ function qs({
   selectedIndex: u = 0,
   ...g
 }) {
-  const [f, y] = j(u), r = oe(t), x = ce[r], d = _s[r], p = o[f] || o[0], S = (R, O) => {
+  const [f, y] = j(u), r = ce(t), x = de[r], d = _s[r], p = o[f] || o[0], S = (R, O) => {
     y(O), i?.(R);
   }, T = r === "lg";
   return /* @__PURE__ */ n(
-    ie,
+    oe,
     {
       className: `flex flex-col ${x.card} ${d.wrap}`,
       showCheckbox: a,
@@ -7084,7 +7076,7 @@ function qs({
                 ev: R,
                 sizeMeta: d,
                 isSelected: O === f,
-                onClick: (P) => S(P, O)
+                onClick: (L) => S(L, O)
               },
               R._id || R.id || O
             )) }),
@@ -7098,7 +7090,7 @@ function qs({
               ev: R,
               sizeMeta: d,
               isSelected: O === f,
-              onClick: (P) => S(P, O)
+              onClick: (L) => S(L, O)
             },
             R._id || R.id || O
           )) })
@@ -7274,17 +7266,17 @@ function Xs({
   onPin: f,
   ...y
 }) {
-  const [r, x] = j(u), d = oe(t), p = ce[d], S = Ws[d], T = (P, _) => {
-    x(_), i?.(P);
-  }, R = (P) => {
-    const _ = { ...P, starred: !P.starred };
+  const [r, x] = j(u), d = ce(t), p = de[d], S = Ws[d], T = (L, _) => {
+    x(_), i?.(L);
+  }, R = (L) => {
+    const _ = { ...L, starred: !L.starred };
     g?.(_);
-  }, O = (P) => {
-    const _ = { ...P, pinned: !P.pinned };
+  }, O = (L) => {
+    const _ = { ...L, pinned: !L.pinned };
     f?.(_);
   };
   return /* @__PURE__ */ n(
-    ie,
+    oe,
     {
       className: `flex flex-col ${p.card} ${S.wrap}`,
       showCheckbox: a,
@@ -7296,17 +7288,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: o.map((P, _) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "space-y-0", children: o.map((L, _) => /* @__PURE__ */ e(
           Js,
           {
-            email: P,
+            email: L,
             sizeMeta: S,
             isSelected: _ === r,
             onClick: (U) => T(U, _),
             onStar: R,
             onPin: O
           },
-          P._id || P.id || _
+          L._id || L.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" }) })
       ]
@@ -7526,11 +7518,11 @@ function el({
   selectedIndex: u = 0,
   ...g
 }) {
-  const [f, y] = j(u), r = oe(t), x = ce[r], d = Hs[r], p = (R, O) => {
+  const [f, y] = j(u), r = ce(t), x = de[r], d = Hs[r], p = (R, O) => {
     y(O), i?.(R);
   }, S = o[f] || o[0], T = d.layout === "split";
   return /* @__PURE__ */ n(
-    ie,
+    oe,
     {
       className: `flex flex-col ${x.card} ${d.wrap}`,
       showCheckbox: a,
@@ -7549,7 +7541,7 @@ function el({
               contact: R,
               sizeMeta: d,
               isSelected: O === f,
-              onClick: (P) => p(P, O)
+              onClick: (L) => p(L, O)
             },
             R._id || R.id || O
           )) }),
@@ -7568,7 +7560,7 @@ function el({
               contact: R,
               sizeMeta: d,
               isSelected: O === f,
-              onClick: (P) => p(P, O)
+              onClick: (L) => p(L, O)
             },
             R._id || R.id || O
           )) })
@@ -7678,9 +7670,9 @@ function rl({
   ],
   ...r
 }) {
-  const x = oe(t), d = ce[x], p = al[x];
+  const x = ce(t), d = de[x], p = al[x];
   return /* @__PURE__ */ n(
-    ie,
+    oe,
     {
       className: `flex flex-col ${d.card} ${p.wrap}`,
       showCheckbox: a,
@@ -7851,9 +7843,9 @@ function sl({
   term: o = "Fall 2025",
   ...u
 }) {
-  const [g, f] = j("vacation"), [y, r] = j(!1), x = oe(t), d = ce[x], p = nl[x], S = qe.find((T) => T.id === g) || qe[0];
+  const [g, f] = j("vacation"), [y, r] = j(!1), x = ce(t), d = de[x], p = nl[x], S = qe.find((T) => T.id === g) || qe[0];
   return /* @__PURE__ */ n(
-    ie,
+    oe,
     {
       className: `flex flex-col ${d.card} ${p.wrap}`,
       showCheckbox: a,
@@ -7932,7 +7924,7 @@ const ll = [
     name: "Admin Files",
     type: "folder",
     count: "200 files",
-    icon: Me,
+    icon: Le,
     color: "text-blue-500"
   },
   {
@@ -7965,7 +7957,7 @@ const ll = [
     name: "2024 - Taurus",
     type: "folder",
     date: "March 06, 2025",
-    icon: Me,
+    icon: Le,
     color: "text-blue-500"
   },
   {
@@ -7981,7 +7973,7 @@ const ll = [
     name: "Championship 2",
     type: "folder",
     date: "March 06, 2025",
-    icon: Me,
+    icon: Le,
     color: "text-blue-500"
   },
   {
@@ -8042,9 +8034,9 @@ function cl({
   subtitle: o = "Drive Shared",
   ...u
 }) {
-  const [g, f] = j(!1), y = oe(t), r = ce[y], x = ol[y];
+  const [g, f] = j(!1), y = ce(t), r = de[y], x = ol[y];
   return /* @__PURE__ */ n(
-    ie,
+    oe,
     {
       className: `flex flex-col ${r.card} ${x.wrap}`,
       showCheckbox: a,
@@ -8288,11 +8280,11 @@ function gl({
   showBanner: u = !0,
   ...g
 }) {
-  const [f, y] = j(o), r = oe(t), x = ce[r], d = ml[r], p = (R) => {
-    y((O) => O.filter((P) => P.id !== R.id));
+  const [f, y] = j(o), r = ce(t), x = de[r], d = ml[r], p = (R) => {
+    y((O) => O.filter((L) => L.id !== R.id));
   }, S = f.find((R) => R.type === "banner"), T = f.filter((R) => R.type !== "banner");
   return /* @__PURE__ */ n(
-    ie,
+    oe,
     {
       className: `flex flex-col ${x.card} ${d.wrap}`,
       showCheckbox: a,
@@ -8464,9 +8456,9 @@ function xl({
   videos: o = bl,
   ...u
 }) {
-  const [g, f] = j(!1), y = oe(t), r = ce[y], x = fl[y];
+  const [g, f] = j(!1), y = ce(t), r = de[y], x = fl[y];
   return /* @__PURE__ */ n(
-    ie,
+    oe,
     {
       className: `flex flex-col ${r.card} ${x.wrap}`,
       showCheckbox: a,
@@ -8574,17 +8566,17 @@ export {
   ha as RadioGroup,
   he as SearchBar,
   yt as Select,
-  ie as SelectableCard,
+  oe as SelectableCard,
   Il as Sidebar,
   ga as Spinner,
   ba as Textarea,
   Zl as ToastProvider,
   fa as ToggleSwitch,
-  Ml as Tooltip,
+  Ll as Tooltip,
   Jl as TreeView,
   ee as UnifyedCoreButton,
   xl as VideosMock,
-  Ll as WizardModal,
+  Ml as WizardModal,
   wa as adGroupsListSearchApi,
   Gl as axiosDelete,
   je as axiosGet,
@@ -8602,13 +8594,13 @@ export {
   Yl as http,
   qn as localStore,
   kt as myDriveGatewayBaseV2,
-  oe as normalizeSize,
+  ce as normalizeSize,
   Ge as notify,
   ka as provisioningBase,
   Ca as rbacBase,
   za as searchRolesApi,
   Vl as sessionStore,
-  ce as sizeClasses,
+  de as sizeClasses,
   Ql as toBrowserLocalTime,
   Na as userSearchBase
 };