unifyedx-storybook-new 0.2.69 → 0.2.71

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

@@ -1,14 +1,14 @@
 import { jsxs as n, jsx as e, Fragment as ee } from "react/jsx-runtime";
-import re, { useState as L, useMemo as ae, useId as He, Fragment as Q, useEffect as te, useCallback as K, useRef as be } from "react";
-import { a as H, U as ct, X as xe, P as c, L as ja, C as ye, b as et, D as dt, f as St, d as Wt, F as _a, e as Ua, h as Ga, T as Le, u as qa, I as Jt, i as Xt, j as Ya, k as Wa, l as Ja, m as Ht, S as vt, n as Qt, M as Xa, o as Ha, p as Nt, q as Qa, A as Za, E as Zt, r as Ka, s as er, t as tr, v as ar, w as Kt, x as rr, y as ea, z as ta, B as nr, G as sr, H as lr, J as Qe, K as mt, N as ut, O as ir, Q as or, R as aa, V as cr, W as wt, Y as dr, Z as mr, _ as Be, $ as ur, a0 as hr, a1 as pr, a2 as gr, a3 as br, a4 as fr, a5 as Dt, a6 as yr, a7 as xr, a8 as vr, a9 as Nr, aa as wr, ab as kr, ac as Cr, ad as zr, ae as Sr, af as Ae, ag as ra, ah as Dr, ai as $r, aj as Tr, ak as Ar, al as Fr, am as na, an as Er, ao as Rr, ap as sa, aq as Ir, ar as ht, as as la, at as Or } from "./vendor-yf0QH1Io.js";
-import { Popover as Pr, PopoverButton as Mr, PopoverPanel as Lr, Transition as he, Dialog as fe, TransitionChild as we, DialogPanel as Fe, DialogTitle as tt, TabGroup as Br, TabList as Vr, Tab as se, TabPanels as jr, RadioGroup as Ue, Listbox as Z, ListboxButton as _r, ListboxOptions as Ur, ListboxOption as Gr, SwitchGroup as qr, Switch as lt, Menu as Yr, MenuButton as Wr, Portal as Jr, MenuItems as Xr, MenuItem as Hr, DialogBackdrop as Qr } from "@headlessui/react";
-import { motion as ie, AnimatePresence as ze } from "framer-motion";
+import re, { useState as B, useMemo as ae, useId as He, Fragment as Q, useEffect as te, useCallback as K, useRef as fe } from "react";
+import { a as H, U as ct, X as ve, P as c, L as ja, C as xe, b as et, D as dt, f as St, d as Wt, F as _a, e as Ua, h as Ga, T as Le, u as qa, I as Jt, i as Xt, j as Ya, k as Wa, l as Ja, m as Ht, S as vt, n as Qt, M as Xa, o as Ha, p as Nt, q as Qa, A as Za, E as Zt, r as Ka, s as er, t as tr, v as ar, w as Kt, x as rr, y as ea, z as ta, B as nr, G as sr, H as lr, J as Qe, K as mt, N as ut, O as ir, Q as or, R as aa, V as cr, W as wt, Y as dr, Z as mr, _ as Be, $ as ur, a0 as hr, a1 as pr, a2 as gr, a3 as br, a4 as fr, a5 as Dt, a6 as yr, a7 as xr, a8 as vr, a9 as Nr, aa as wr, ab as kr, ac as Cr, ad as zr, ae as Sr, af as Ae, ag as ra, ah as Dr, ai as $r, aj as Tr, ak as Ar, al as Fr, am as na, an as Er, ao as Rr, ap as sa, aq as Ir, ar as ht, as as la, at as Or } from "./vendor-yf0QH1Io.js";
+import { Popover as Pr, PopoverButton as Mr, PopoverPanel as Lr, Transition as he, Dialog as ye, TransitionChild as ke, DialogPanel as Fe, DialogTitle as tt, TabGroup as Br, TabList as Vr, Tab as se, TabPanels as jr, RadioGroup as Ue, Listbox as Z, ListboxButton as _r, ListboxOptions as Ur, ListboxOption as Gr, SwitchGroup as qr, Switch as lt, Menu as Yr, MenuButton as Wr, Portal as Jr, MenuItems as Xr, MenuItem as Hr, DialogBackdrop as Qr } from "@headlessui/react";
+import { motion as ie, AnimatePresence as Se } from "framer-motion";
 import { d as Zr } from "./vendor-lodash-Dkzj2D3U.js";
 import { useFloating as ia, offset as oa, flip as ca, shift as da, autoUpdate as ma, useClick as Kr, useDismiss as en, useInteractions as tn, FloatingPortal as an } from "@floating-ui/react";
 import it, { debounce as rn } from "lodash";
 import { ToastContainer as nn, Slide as sn, toast as Oe } from "react-toastify";
 import "react-toastify/dist/ReactToastify.css";
-import { P as ln, S as on, a as cn, F as dn, G as mn, b as un, E as hn, c as pn, C as gn, R as bn, d as fn, e as yn, f as xn, g as vn, I as Nn, h as $t } from "./vendor-syncfusion-CEwtS66o.js";
+import { P as ln, S as on, a as cn, F as dn, G as mn, b as un, E as hn, c as pn, C as gn, R as bn, d as fn, e as yn, f as xn, g as vn, I as Nn, h as $t } from "./vendor-syncfusion-Ep1PWSou.js";
 const wn = (t) => {
   let a = 2166136261;
   for (let s = 0; s < t.length; s++)
@@ -17,7 +17,7 @@ const wn = (t) => {
 }, kn = (t) => {
   const a = (t ?? "").trim().toLowerCase(), s = parseInt((a.match(/\d+$/) ?? [0])[0], 10) || 0, i = wn(a), l = (i % 360 + 37 * s) % 360, m = 55 + (i >>> 8) % 20, o = 30 + (i >>> 16) % 10, u = 86 + (i >>> 24) % 8, h = `hsl(${l}, ${m}%, ${u}%)`, N = `hsl(${l}, ${m}%, ${o}%)`;
   return { bg: h, text: N };
-}, Cn = (t = "") => t.split(" ").map((a) => a[0]).slice(0, 2).join("").toUpperCase(), Ne = ({
+}, Cn = (t = "") => t.split(" ").map((a) => a[0]).slice(0, 2).join("").toUpperCase(), we = ({
   src: t,
   name: a,
   size: s = "medium",
@@ -29,14 +29,14 @@ const wn = (t) => {
   className: m,
   ...o
 }) => {
-  const [u, h] = L(!1), N = ae(() => kn(a), []), y = t && !u, r = !y && a, v = !y && !a, d = H(
+  const [u, h] = B(!1), N = ae(() => kn(a), []), y = t && !u, r = !y && a, v = !y && !a, d = H(
     "avatar-container",
     `avatar--size-${s}`,
     m
-  ), g = y ? "transparent" : i || N.bg, z = l || N.text;
+  ), g = y ? "transparent" : i || N.bg, S = l || N.text;
   return /* @__PURE__ */ n("div", { className: d, style: {
     backgroundColor: g,
-    color: z
+    color: S
   }, ...o, children: [
     y && /* @__PURE__ */ e(
       "img",
@@ -95,7 +95,7 @@ const wn = (t) => {
         className: "badge-remove-button",
         onClick: l,
         "aria-label": `Remove ${t}`,
-        children: /* @__PURE__ */ e(xe, { className: "badge-remove-icon" })
+        children: /* @__PURE__ */ e(ve, { className: "badge-remove-icon" })
       }
     )
   ] });
@@ -156,7 +156,7 @@ const Dn = {
   iconWidth: v,
   iconHeight: d,
   iconColor: g,
-  strokeWidth: z,
+  strokeWidth: S,
   onClick: A,
   ...F
 }) => {
@@ -182,7 +182,7 @@ const Dn = {
       "aria-label": i || P && a || (typeof y == "string" ? y : void 0),
       ...F,
       children: m ? /* @__PURE__ */ e(ja, { className: "loader-spin", "data-testid": "button-loader" }) : /* @__PURE__ */ n(ee, { children: [
-        u && /* @__PURE__ */ e(u, { size: N === "large" ? 20 : 16, width: v || 16, height: d || 16, color: g || "#767676", strokeWidth: z || 2 }),
+        u && /* @__PURE__ */ e(u, { size: N === "large" ? 20 : 16, width: v || 16, height: d || 16, color: g || "#767676", strokeWidth: S || 2 }),
         y,
         r,
         " "
@@ -205,7 +205,7 @@ const Dn = {
       }
     ),
     !l && /* @__PURE__ */ e(
-      ye,
+      xe,
       {
         className: "breadcrumb-separator",
         "aria-hidden": "true"
@@ -326,7 +326,7 @@ const Dn = {
             onClick: r,
             className: "datepicker-clear-button",
             "aria-label": "Clear selected date range",
-            children: /* @__PURE__ */ e(xe, { size: 16 })
+            children: /* @__PURE__ */ e(ve, { size: 16 })
           }
         )
       ] }) }),
@@ -549,7 +549,7 @@ const Dn = {
     labelColor: "#FFEDD5",
     labelTextColor: "#7C2D12"
   }
-}, Se = {
+}, De = {
   USER: "User",
   GROUP: "Group",
   ROLE: "Role"
@@ -609,9 +609,9 @@ const Dn = {
   title: d = "Upload Files",
   subHeading: g = "Supports PNG, JPG, PDF. Max size: 50MB."
 }) => {
-  const z = o.length > 0 || u.length > 0;
+  const S = o.length > 0 || u.length > 0;
   return /* @__PURE__ */ e(he, { appear: !0, show: t, as: Q, children: /* @__PURE__ */ n(
-    fe,
+    ye,
     {
       as: "div",
       className: "file-upload-dialog",
@@ -619,7 +619,7 @@ const Dn = {
       ...s(),
       children: [
         /* @__PURE__ */ e(
-          we,
+          ke,
           {
             as: Q,
             enter: "ease-out duration-300",
@@ -632,7 +632,7 @@ const Dn = {
           }
         ),
         /* @__PURE__ */ e("div", { className: "dialog-positioner", children: /* @__PURE__ */ e(
-          we,
+          ke,
           {
             as: Q,
             enter: "ease-out duration-300",
@@ -657,7 +657,7 @@ const Dn = {
                           type: "button",
                           onClick: a,
                           className: "close-button",
-                          children: /* @__PURE__ */ e(xe, { size: 20 })
+                          children: /* @__PURE__ */ e(ve, { size: 20 })
                         }
                       )
                     ] }),
@@ -685,7 +685,7 @@ const Dn = {
                         }
                       ),
                       v.filesToUpload && /* @__PURE__ */ e("p", { className: "form-error-message", children: v.filesToUpload.message }),
-                      z && /* @__PURE__ */ n("div", { className: "file-list-container", children: [
+                      S && /* @__PURE__ */ n("div", { className: "file-list-container", children: [
                         /* @__PURE__ */ e("h3", { children: "Upload Queue" }),
                         /* @__PURE__ */ n("ul", { className: "file-list", children: [
                           o.map((A, F) => /* @__PURE__ */ n(
@@ -832,15 +832,15 @@ const Dn = {
   fetchCreatedOrUpdatedByUsers: u = async () => []
   // Mockable fetcher
 }) => {
-  const [h, N] = L({
+  const [h, N] = B({
     createdBy: [],
     updatedBy: []
-  }), [y, r] = L({
+  }), [y, r] = B({
     createdBy: !1,
     updatedBy: !1
-  }), [v, d] = L({
+  }), [v, d] = B({
     startDate: null
-  }), [g, z] = L({
+  }), [g, S] = B({
     endDate: null
   }), A = qa({
     initialValues: JSON.parse(JSON.stringify(m)),
@@ -860,16 +860,16 @@ const Dn = {
     },
     enableReinitialize: !0
   }), F = ae(() => l.reduce(($, x) => {
-    const f = x.key, C = A.values[f];
+    const f = x.key, z = A.values[f];
     let O = !1;
-    if (C)
+    if (z)
       switch (x.type) {
         case "multiselect":
         case "multiselect-users":
-          O = Array.isArray(C.values) && C.values.length > 0;
+          O = Array.isArray(z.values) && z.values.length > 0;
           break;
         case "date":
-          (C.range && C.range !== "" || Array.isArray(C.values) && C.values.length > 0) && (O = !0);
+          (z.range && z.range !== "" || Array.isArray(z.values) && z.values.length > 0) && (O = !0);
           break;
       }
     return $[f] = O, $;
@@ -877,15 +877,15 @@ const Dn = {
     if ($.type !== "date") return !1;
     const x = A.values?.[$.key]?.values;
     if (!Array.isArray(x) || x.length < 2) return !1;
-    const [f, C] = x;
-    if (!f || !C) return !1;
-    const O = f instanceof Date ? f : new Date(f), I = C instanceof Date ? C : new Date(C);
+    const [f, z] = x;
+    if (!f || !z) return !1;
+    const O = f instanceof Date ? f : new Date(f), I = z instanceof Date ? z : new Date(z);
     return O > I;
   }), [l, A.values]), j = async ($, x) => {
     try {
-      r((C) => ({ ...C, [$]: !0 }));
+      r((z) => ({ ...z, [$]: !0 }));
       const f = await u($, x);
-      N((C) => ({ ...C, [$]: f }));
+      N((z) => ({ ...z, [$]: f }));
     } catch (f) {
       console.error(`Error fetching ${$} users:`, f);
     } finally {
@@ -899,7 +899,7 @@ const Dn = {
   }, q = ($) => {
     const x = l.find((O) => O.key === $);
     if (!x) return null;
-    const f = A.values[$] || m[$], C = Array.isArray(f.values) ? f.values : [];
+    const f = A.values[$] || m[$], z = Array.isArray(f.values) ? f.values : [];
     switch (x.type) {
       case "multiselect":
         return /* @__PURE__ */ n("div", { className: "filter-panel-content", children: [
@@ -923,9 +923,9 @@ const Dn = {
                   type: "checkbox",
                   id: `select-all-${$}`,
                   className: "filter-checkbox-input",
-                  checked: x.options.length > 0 && C.length === x.options.length,
+                  checked: x.options.length > 0 && z.length === x.options.length,
                   onChange: (E) => {
-                    const G = E.target.checked ? x.options.map((J) => J.value) : [];
+                    const G = E.target.checked ? x.options.map((W) => W.value) : [];
                     A.setFieldValue(`${$}.values`, G);
                   }
                 }
@@ -946,10 +946,10 @@ const Dn = {
                   type: "checkbox",
                   id: `${$}-${E.value}`,
                   className: "filter-checkbox-input",
-                  checked: C.includes(E.value),
+                  checked: z.includes(E.value),
                   onChange: (G) => {
-                    const J = G.target.checked ? [...C, E.value] : C.filter((ve) => ve !== E.value);
-                    A.setFieldValue(`${$}.values`, J);
+                    const W = G.target.checked ? [...z, E.value] : z.filter((pe) => pe !== E.value);
+                    A.setFieldValue(`${$}.values`, W);
                   }
                 }
               ),
@@ -987,9 +987,9 @@ const Dn = {
                   type: "checkbox",
                   id: `select-all-users-${$}`,
                   className: "filter-checkbox-input",
-                  checked: O.length > 0 && C.length === O.length,
+                  checked: O.length > 0 && z.length === O.length,
                   onChange: (E) => {
-                    const G = E.target.checked ? O.map((J) => J.email) : [];
+                    const G = E.target.checked ? O.map((W) => W.email) : [];
                     A.setFieldValue(
                       `${$}.values`,
                       G
@@ -1013,12 +1013,12 @@ const Dn = {
                   type: "checkbox",
                   id: `${$}-${E.email}`,
                   className: "filter-checkbox-input",
-                  checked: C.includes(E.email),
+                  checked: z.includes(E.email),
                   onChange: (G) => {
-                    const J = G.target.checked ? [...C, E.email] : C.filter((ve) => ve !== E.email);
+                    const W = G.target.checked ? [...z, E.email] : z.filter((pe) => pe !== E.email);
                     A.setFieldValue(
                       `${$}.values`,
-                      J
+                      W
                     );
                   }
                 }
@@ -1038,13 +1038,13 @@ const Dn = {
           ] }) : /* @__PURE__ */ e("div", { className: "text-center py-4 text-gray-500 text-sm", children: "No users loaded." }) })
         ] });
       case "date":
-        const D = f.values || [], [b, p] = D, k = b && p, w = D[0] || null, T = D[1] || null, M = {
-          startDate: w instanceof Date ? w.toISOString().slice(0, 10) : null,
-          endDate: w instanceof Date ? w.toISOString().slice(0, 10) : null
-        }, S = {
+        const D = f.values || [], [b, p] = D, w = b && p, k = D[0] || null, T = D[1] || null, L = {
+          startDate: k instanceof Date ? k.toISOString().slice(0, 10) : null,
+          endDate: k instanceof Date ? k.toISOString().slice(0, 10) : null
+        }, C = {
           startDate: T instanceof Date ? T.toISOString().slice(0, 10) : null,
           endDate: T instanceof Date ? T.toISOString().slice(0, 10) : null
-        }, B = [
+        }, M = [
           { key: "anytime", label: "Anytime" },
           { key: "today", label: "Today" },
           { key: "this_week", label: "This Week" },
@@ -1061,8 +1061,8 @@ const Dn = {
             A.setFieldValue(`${$}.range`, "custom");
             return;
           }
-          const [G, J] = Mn(E);
-          A.setFieldValue(`${$}.values`, G && J ? [G, J] : []), A.setFieldValue(`${$}.range`, E);
+          const [G, W] = Mn(E);
+          A.setFieldValue(`${$}.values`, G && W ? [G, W] : []), A.setFieldValue(`${$}.range`, E);
         };
         return /* @__PURE__ */ n("div", { className: "filter-panel-content", children: [
           /* @__PURE__ */ n("div", { className: "filter-operator-group", children: [
@@ -1076,7 +1076,7 @@ const Dn = {
                 children: x.operators.map((E) => /* @__PURE__ */ e("option", { value: E, children: E === "in" ? "Is" : "Is not" }, E))
               }
             ),
-            k && /* @__PURE__ */ e(
+            w && /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
@@ -1091,7 +1091,7 @@ const Dn = {
               }
             )
           ] }),
-          /* @__PURE__ */ e("div", { className: "pb-0", children: /* @__PURE__ */ e("div", { className: "space-y-3", children: B.map((E) => {
+          /* @__PURE__ */ e("div", { className: "pb-0", children: /* @__PURE__ */ e("div", { className: "space-y-3", children: M.map((E) => {
             const G = f.range === E.key || E.key === "anytime" && (!Array.isArray(f.values) || f.values.length === 0);
             return /* @__PURE__ */ n(
               "label",
@@ -1124,10 +1124,10 @@ const Dn = {
                 {
                   asSingle: !0,
                   useRange: !1,
-                  value: M,
+                  value: L,
                   onChange: (E) => {
-                    const G = E?.startDate ? Ve(new Date(E.startDate)) : null, J = D[1] || null;
-                    G && (A.setFieldValue(`${$}.values`, [G, J]), A.setFieldValue(`${$}.range`, "custom"));
+                    const G = E?.startDate ? Ve(new Date(E.startDate)) : null, W = D[1] || null;
+                    G && (A.setFieldValue(`${$}.values`, [G, W]), A.setFieldValue(`${$}.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",
@@ -1148,10 +1148,10 @@ const Dn = {
                 {
                   asSingle: !0,
                   useRange: !1,
-                  value: S,
+                  value: C,
                   onChange: (E) => {
-                    const G = E?.startDate ? je(new Date(E.startDate)) : null, J = D[0] || null;
-                    G && (A.setFieldValue(`${$}.values`, [J, G]), A.setFieldValue(`${$}.range`, "custom"));
+                    const G = E?.startDate ? je(new Date(E.startDate)) : null, W = D[0] || null;
+                    G && (A.setFieldValue(`${$}.values`, [W, G]), A.setFieldValue(`${$}.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",
@@ -1164,16 +1164,16 @@ const Dn = {
                 }
               )
             ] }),
-            w && T && w > T && /* @__PURE__ */ e("div", { className: "text-red-500 text-xs mt-2", children: "End date must be after start date" })
+            k && T && k > T && /* @__PURE__ */ e("div", { className: "text-red-500 text-xs mt-2", children: "End date must be after start date" })
           ] })
         ] });
       default:
         return null;
     }
   };
-  return /* @__PURE__ */ e(he, { appear: !0, show: t, as: Q, children: /* @__PURE__ */ n(fe, { as: "div", className: "relative z-50", onClose: a, children: [
+  return /* @__PURE__ */ e(he, { appear: !0, show: t, as: Q, children: /* @__PURE__ */ n(ye, { as: "div", className: "relative z-50", onClose: a, children: [
     /* @__PURE__ */ e(
-      we,
+      ke,
       {
         as: Q,
         enter: "ease-out duration-300",
@@ -1186,7 +1186,7 @@ const Dn = {
       }
     ),
     /* @__PURE__ */ e("div", { className: "filter-modal-container", children: /* @__PURE__ */ e("div", { className: "filter-modal-positioner", children: /* @__PURE__ */ e(
-      we,
+      ke,
       {
         as: Q,
         enter: "ease-out duration-300",
@@ -1354,9 +1354,9 @@ const Dn = {
   }, d = () => {
     a({ primary: !1, secondary: !0 });
   };
-  return /* @__PURE__ */ e(he, { appear: !0, show: t, as: Q, children: /* @__PURE__ */ n(fe, { as: "div", className: "modal-dialog", onClose: () => a({}), children: [
+  return /* @__PURE__ */ e(he, { appear: !0, show: t, as: Q, children: /* @__PURE__ */ n(ye, { as: "div", className: "modal-dialog", onClose: () => a({}), children: [
     /* @__PURE__ */ e(
-      we,
+      ke,
       {
         as: Q,
         enter: "ease-out duration-300",
@@ -1369,7 +1369,7 @@ const Dn = {
       }
     ),
     /* @__PURE__ */ e("div", { className: "modal-positioner", children: /* @__PURE__ */ e(
-      we,
+      ke,
       {
         as: Q,
         enter: "ease-out duration-300",
@@ -1418,7 +1418,7 @@ const Dn = {
   onItemsPerPageChange: l,
   itemsPerPageOptions: m = [10, 15, 20]
 }) => {
-  const o = Math.ceil(a / s), [u, h] = L(t);
+  const o = Math.ceil(a / s), [u, h] = B(t);
   te(() => {
     h(t);
   }, [t]);
@@ -1492,7 +1492,7 @@ const Dn = {
           className: "pagination-button",
           onClick: () => i(t + 1),
           disabled: t === o,
-          children: /* @__PURE__ */ e(ye, { size: 16 })
+          children: /* @__PURE__ */ e(xe, { size: 16 })
         }
       ),
       /* @__PURE__ */ e(
@@ -1552,7 +1552,7 @@ const Dn = {
     }
   ),
   l && /* @__PURE__ */ e("p", { className: "radiogroup-error-message", children: l })
-] }), pe = ({
+] }), ge = ({
   value: t = "",
   onDebouncedChange: a,
   debounceDelay: s = 400,
@@ -1566,21 +1566,21 @@ const Dn = {
   searchIconClass: N = "",
   ...y
 }) => {
-  const [r, v] = L(t);
+  const [r, v] = B(t);
   te(() => {
     v(t);
   }, [t]);
   const d = K(
-    Zr((z) => {
-      a?.(z);
+    Zr((S) => {
+      a?.(S);
     }, s),
     [s, a]
   );
   te(() => (r !== t && d(r), () => {
     d.cancel();
   }), [r, d, t]);
-  const g = (z) => {
-    v(z.target.value);
+  const g = (S) => {
+    v(S.target.value);
   };
   return /* @__PURE__ */ n("div", { className: `search-bar-wrapper ${m}`, children: [
     l && /* @__PURE__ */ e("label", { htmlFor: "search-field", className: "sr-only", children: l }),
@@ -1614,7 +1614,7 @@ const Dn = {
   // From RHF's <Controller>
   showSearch: h = !0
 }) => {
-  const [N, y] = L("");
+  const [N, y] = B("");
   console.log("Select component - value:", a, "type:", typeof a), console.log("Select component - options:", i);
   const r = N === "" ? i : i.filter(
     (d) => d.label.toLowerCase().includes(N.toLowerCase())
@@ -1650,7 +1650,7 @@ const Dn = {
           leaveTo: "opacity-0",
           children: /* @__PURE__ */ n(Ur, { className: "select-options", children: [
             h && /* @__PURE__ */ e("div", { className: "search-input-wrapper", children: /* @__PURE__ */ e(
-              pe,
+              ge,
               {
                 value: N,
                 onDebouncedChange: y,
@@ -1691,7 +1691,7 @@ const Dn = {
     o && /* @__PURE__ */ e("p", { className: "select-error-message", children: o })
   ] }) });
 }, Bn = () => {
-  const [t, a] = L(window.location.pathname);
+  const [t, a] = B(window.location.pathname);
   return te(() => {
     const s = () => {
       a(window.location.pathname);
@@ -1706,7 +1706,7 @@ const Dn = {
       return s;
   return null;
 }, ga = ({ item: t, isCollapsed: a, level: s = 0 }) => {
-  const { pathname: i } = Bn(), l = t.href || t.url || t.path, [m, o] = L(!1), u = t.icon;
+  const { pathname: i } = Bn(), l = t.href || t.url || t.path, [m, o] = B(!1), u = t.icon;
   te(() => {
     yt([t], i) && o(!0);
   }, [t, i]);
@@ -1824,13 +1824,13 @@ const Dn = {
               onClick: s,
               className: "collapse-button desktop-only",
               "aria-label": a ? "Expand sidebar" : "Collapse sidebar",
-              children: a ? /* @__PURE__ */ e(Xa, {}) : /* @__PURE__ */ e(xe, {})
+              children: a ? /* @__PURE__ */ e(Xa, {}) : /* @__PURE__ */ e(ve, {})
             }
           )
         ] }),
         /* @__PURE__ */ e("nav", { className: "sidebar-nav", "aria-label": "Primary", children: /* @__PURE__ */ e("ul", { className: "sidebar-nav-list", children: t.map((h) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(ga, { item: h, isCollapsed: a }) }, h.label || h.name)) }) }),
         /* @__PURE__ */ n("div", { className: "sidebar-footer", children: [
-          /* @__PURE__ */ e(Ne, { src: u.avatar, name: u.name, size: "medium" }),
+          /* @__PURE__ */ e(we, { src: u.avatar, name: u.name, size: "medium" }),
           /* @__PURE__ */ n("div", { className: "user-info", children: [
             /* @__PURE__ */ e("span", { className: "user-name", children: u.name }),
             /* @__PURE__ */ e("span", { className: "user-email", children: u.email })
@@ -1896,7 +1896,7 @@ const Dn = {
   // ✅ New prop to control visibility
   ...u
 }) => {
-  const h = a || u.name, [N, y] = L(
+  const h = a || u.name, [N, y] = B(
     u.value?.length || u.defaultValue?.length || 0
   ), r = (d) => {
     y(d.target.value.length), u.onChange && u.onChange(d);
@@ -1930,7 +1930,8 @@ const Dn = {
   onChange: s,
   labelPosition: i = "right",
   error: l,
-  ...m
+  labelStyle: m = "",
+  ...o
 }) => /* @__PURE__ */ n("div", { className: "switch-container", children: [
   /* @__PURE__ */ n(qr, { as: "div", className: "switch-group", children: [
     t && i === "left" && /* @__PURE__ */ e(lt.Label, { className: "switch-label", passive: !0, children: t }),
@@ -1943,11 +1944,11 @@ const Dn = {
           // Renamed from switch-wrapper
           "switch-element--error": !!l
         }),
-        ...m,
+        ...o,
         children: /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "switch-thumb" })
       }
     ),
-    t && i === "right" && /* @__PURE__ */ e(lt.Label, { className: "switch-label", passive: !0, children: t })
+    t && i === "right" && /* @__PURE__ */ e(lt.Label, { className: `switch-label ${m}`, passive: !0, children: t })
   ] }),
   l && /* @__PURE__ */ e("p", { className: "switch-error-message", children: l })
 ] }), Bl = ({
@@ -2005,7 +2006,7 @@ const Dn = {
 }) => {
   const y = s[i], r = Object.keys(s), v = r.indexOf(i), d = (v + 1) / r.length * 100, g = v > 0 && m.onBack;
   return /* @__PURE__ */ e(he, { show: t, as: Q, children: /* @__PURE__ */ n(
-    fe,
+    ye,
     {
       as: "div",
       className: "wizard-dialog",
@@ -2013,7 +2014,7 @@ const Dn = {
       },
       children: [
         /* @__PURE__ */ e(
-          we,
+          ke,
           {
             as: Q,
             enter: "ease-out duration-300",
@@ -2026,7 +2027,7 @@ const Dn = {
           }
         ),
         /* @__PURE__ */ e("div", { className: "wizard-container", children: /* @__PURE__ */ e("div", { className: "wizard-positioner", children: /* @__PURE__ */ e(
-          we,
+          ke,
           {
             as: Q,
             enter: "transform transition ease-in-out duration-500",
@@ -2048,8 +2049,8 @@ const Dn = {
                     }
                   ),
                   /* @__PURE__ */ n("div", { className: "wizard-header-text", children: [
-                    /* @__PURE__ */ e(fe.Title, { as: "h3", className: "wizard-title", children: o }),
-                    u && /* @__PURE__ */ e(fe.Description, { className: "wizard-description", children: u })
+                    /* @__PURE__ */ e(ye.Title, { as: "h3", className: "wizard-title", children: o }),
+                    u && /* @__PURE__ */ e(ye.Description, { className: "wizard-description", children: u })
                   ] })
                 ] }),
                 /* @__PURE__ */ e(
@@ -2058,7 +2059,7 @@ const Dn = {
                     onClick: a,
                     className: "wizard-close-button",
                     "aria-label": "Close modal",
-                    children: /* @__PURE__ */ e(xe, { size: 24 })
+                    children: /* @__PURE__ */ e(ve, { size: 24 })
                   }
                 )
               ] }),
@@ -2070,7 +2071,7 @@ const Dn = {
                 }
               ) }),
               /* @__PURE__ */ e("div", { className: "wizard-body", children: /* @__PURE__ */ e(
-                ze,
+                Se,
                 {
                   initial: !1,
                   custom: l,
@@ -2109,7 +2110,7 @@ const Dn = {
 }, _n = {
   primary: "btn-primary",
   secondary: "btn-secondary-icon"
-}, ke = ({
+}, Ce = ({
   dataTestId: t,
   title: a,
   type: s = "button",
@@ -2358,17 +2359,17 @@ function Jn() {
     return "";
   }
 }
-function De() {
+function $e() {
   return `${kt()}${Jn()}`;
 }
 function Na() {
-  return `${De()}/unifyedstudioutility/commonutility/users/list?sortkey=firstName&sortorder=false&page=0&size=999&onlineusersonly=false`;
+  return `${$e()}/unifyedstudioutility/commonutility/users/list?sortkey=firstName&sortorder=false&page=0&size=999&onlineusersonly=false`;
 }
 function wa() {
-  return `${De()}/unifyedstudioutility/commonutility/groupusers/list?type=All&page=0&size=20&sortkey=name&sorder=1&createdbyme=false`;
+  return `${$e()}/unifyedstudioutility/commonutility/groupusers/list?type=All&page=0&size=20&sortkey=name&sorder=1&createdbyme=false`;
 }
 function ka() {
-  return `${De()}/unifyedusergroupprovisioning/api`;
+  return `${$e()}/unifyedusergroupprovisioning/api`;
 }
 function Ca() {
   return `${ka()}/v2/roles`;
@@ -2377,7 +2378,7 @@ function za() {
   return `${Ca()}/search`;
 }
 function Ct() {
-  return `${De()}/unifyed-mydrive/v2`;
+  return `${$e()}/unifyed-mydrive/v2`;
 }
 function Xn() {
   return `${Ct()}/directory/permissions`;
@@ -2388,7 +2389,7 @@ function Hn() {
 function Gl() {
   return Object.freeze({
     REACT_APP_BASE_URL: kt(),
-    GATEWAY_BASE: De(),
+    GATEWAY_BASE: $e(),
     USER_SEARCH_BASE: Na(),
     AD_GROUPS_LIST_SEARCH_API: wa(),
     PROVISIONING_BASE: ka(),
@@ -2507,15 +2508,15 @@ function Kn({
 const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl = Ee.axiosPut, Wl = Ee.axiosPatch, Jl = Ee.instance, es = async (t, a) => {
   try {
     switch (t) {
-      case Se.USER: {
+      case De.USER: {
         const s = {
           q: a
         };
         return Je.userSearch(s);
       }
-      case Se.GROUP:
+      case De.GROUP:
         return Je.getAdGroups(a);
-      case Se.ROLE:
+      case De.ROLE:
         return Je.searchRoles(a);
       default:
         break;
@@ -2577,7 +2578,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
       }));
   },
   getMembersForGroup: async (t) => {
-    const a = `${De()}/unifydidentity/open/usersforgroup?groupName=${encodeURIComponent(t)}&isGroupWithSpecChar=true&isPaging=true&page=0&size=999&deepSearch=`, { data: s } = await Ze(a);
+    const a = `${$e()}/unifydidentity/open/usersforgroup?groupName=${encodeURIComponent(t)}&isGroupWithSpecChar=true&isPaging=true&page=0&size=999&deepSearch=`, { data: s } = await Ze(a);
     let i = [];
     if (Array.isArray(s))
       i = s;
@@ -2590,7 +2591,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
     return ts(i);
   }
 }, zt = (t, a) => {
-  const [s, i] = L(t);
+  const [s, i] = B(t);
   return te(
     () => {
       const l = rn(() => {
@@ -2638,14 +2639,14 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
           )) }),
           /* @__PURE__ */ e("p", { className: "text-sm font-medium text-gray-800 truncate", children: h })
         ] }),
-        /* @__PURE__ */ e(ye, { size: 20 })
+        /* @__PURE__ */ e(xe, { size: 20 })
       ]
     }
   );
 }, Mt = [
-  { id: 1, name: Se.USER, icon: ar, code: "users" },
-  { id: 2, name: Se.GROUP, icon: Kt, code: "groups" },
-  { id: 3, name: Se.ROLE, icon: rr, code: "roles" }
+  { id: 1, name: De.USER, icon: ar, code: "users" },
+  { id: 2, name: De.GROUP, icon: Kt, code: "groups" },
+  { id: 3, name: De.ROLE, icon: rr, code: "roles" }
 ], Lt = [
   { id: 1, name: Tt.View, icon: ea },
   { id: 2, name: Tt.Manage, icon: ta }
@@ -2662,7 +2663,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
   },
   isChanged: u = !1
 }) => {
-  const [h, N] = L(Mt[0]), [y, r] = L(""), v = zt(y, 400), [d, g] = L([]), [z, A] = L(/* @__PURE__ */ new Set()), [F, R] = L(!1), [P, j] = L(Lt[0]), {
+  const [h, N] = B(Mt[0]), [y, r] = B(""), v = zt(y, 400), [d, g] = B([]), [S, A] = B(/* @__PURE__ */ new Set()), [F, R] = B(!1), [P, j] = B(Lt[0]), {
     control: U,
     handleSubmit: Y,
     watch: q,
@@ -2670,44 +2671,44 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
   } = nr({
     defaultValues: { pendingInvites: [] },
     resolver: ir(rs)
-  }), { fields: f, append: C, remove: O, update: I } = sr({
+  }), { fields: f, append: z, remove: O, update: I } = sr({
     control: U,
     name: "pendingInvites"
   }), D = q("pendingInvites");
   te(() => {
-    v.length > 1 ? (R(!0), es(h.name, v).then((S) => {
-      g(S);
-    }).catch((S) => console.error("Search failed:", S)).finally(() => R(!1))) : (g([]), A(/* @__PURE__ */ new Set()));
+    v.length > 1 ? (R(!0), es(h.name, v).then((C) => {
+      g(C);
+    }).catch((C) => console.error("Search failed:", C)).finally(() => R(!1))) : (g([]), A(/* @__PURE__ */ new Set()));
   }, [v, h]);
-  const b = (S) => {
-    A((B) => {
-      const _ = new Set(B);
-      return _.has(S) ? _.delete(S) : _.add(S), _;
+  const b = (C) => {
+    A((M) => {
+      const _ = new Set(M);
+      return _.has(C) ? _.delete(C) : _.add(C), _;
     });
   }, p = () => {
-    d.filter((S) => z.has(S.id)).forEach((S) => {
-      f.find((B) => B.id === S.id) || C({ ...S, permission: P.name });
+    d.filter((C) => S.has(C.id)).forEach((C) => {
+      f.find((M) => M.id === C.id) || z({ ...C, permission: P.name });
     }), A(/* @__PURE__ */ new Set()), r("");
-  }, k = (S) => {
-    j(S), f.forEach(
-      (B, _) => I(_, { ...f[_], permission: S.name })
+  }, w = (C) => {
+    j(C), f.forEach(
+      (M, _) => I(_, { ...f[_], permission: C.name })
     );
-  }, w = async (S) => {
+  }, k = async (C) => {
     try {
       if (l === ue.DRIVE) {
-        const B = S.pendingInvites.map((E) => ({
+        const M = C.pendingInvites.map((E) => ({
           id: E.id,
           permission: E.permission,
           type: E.type.toLowerCase()
         }));
         o({
           entity: t,
-          userGroupRolesObj: B,
+          userGroupRolesObj: M,
           existingShares: i
           // Always send updated existing shares
         }, i);
       } else if (l === ue.INTEREST) {
-        const B = S.pendingInvites.map((_) => ({
+        const M = C.pendingInvites.map((_) => ({
           identity: _.id,
           type: _.type.toLowerCase(),
           opt: !0,
@@ -2716,30 +2717,30 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
           userName: _.name,
           interestId: t?.data?.id
         }));
-        o(B, i);
+        o(M, i);
       } else if (l === ue.ARTICLE) {
-        const B = S.pendingInvites.map((E) => ({
+        const M = C.pendingInvites.map((E) => ({
           id: E.id,
           permission: E.permission,
           type: E.type.toLowerCase()
         }));
         o({
           entity: t,
-          userGroupRolesObj: B,
+          userGroupRolesObj: M,
           existingShares: i
         }, i);
       } else
-        o(S, i);
+        o(C, i);
       setTimeout(() => {
         s();
       }, 1e3);
-    } catch (B) {
-      throw console.error("Failed to submit invites:", B), B;
+    } catch (M) {
+      throw console.error("Failed to submit invites:", M), M;
     }
-  }, T = (S) => {
-    const B = i[h.code].find((_) => _.name === S.name && _.permission !== "remove") || D.find((_) => _.name === S.name);
-    return B ? `${B.permission}` : "";
-  }, M = () => {
+  }, T = (C) => {
+    const M = i[h.code].find((_) => _.name === C.name && _.permission !== "remove") || D.find((_) => _.name === C.name);
+    return M ? `${M.permission}` : "";
+  }, L = () => {
     switch (l) {
       case ue.DRIVE:
         return "Share with others";
@@ -2753,7 +2754,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
   };
   return ae(() => (console.log("InviteFlow - isChanged:", u, "pendingInvites.length:", D.length), D.length === 0 && !u), [D.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(fe.Title, { className: " text-gray-900 !mb-0 text-lg font-semibold", children: M() }),
+      /* @__PURE__ */ e(ye.Title, { className: " text-gray-900 !mb-0 text-lg font-semibold", children: L() }),
       /* @__PURE__ */ n("div", { className: "flex items-center gap-4", children: [
         l === ue.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(lr, { className: "h-5 w-5" }),
@@ -2773,9 +2774,9 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
       (l === ue.DRIVE || m) && /* @__PURE__ */ e(
         as,
         {
-          users: i.users.filter((S) => S.permission !== "remove"),
-          groups: i.groups.filter((S) => S.permission !== "remove"),
-          roles: i.roles.filter((S) => S.permission !== "remove"),
+          users: i.users.filter((C) => C.permission !== "remove"),
+          groups: i.groups.filter((C) => C.permission !== "remove"),
+          roles: i.roles.filter((C) => C.permission !== "remove"),
           onClick: a
         }
       ),
@@ -2795,44 +2796,44 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
               leave: "transition ease-in duration-100",
               leaveFrom: "opacity-100",
               leaveTo: "opacity-0",
-              children: /* @__PURE__ */ e(Z.Options, { className: "absolute z-10 mt-1 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((S) => /* @__PURE__ */ e(
+              children: /* @__PURE__ */ e(Z.Options, { className: "absolute z-10 mt-1 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((C) => /* @__PURE__ */ e(
                 Z.Option,
                 {
-                  value: S,
-                  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(ee, { children: [
+                  value: C,
+                  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(ee, { children: [
                     /* @__PURE__ */ n(
                       "span",
                       {
-                        className: `${B ? "font-medium" : "font-normal"} flex items-center`,
+                        className: `${M ? "font-medium" : "font-normal"} flex items-center`,
                         children: [
                           /* @__PURE__ */ e(
-                            S.icon,
+                            C.icon,
                             {
-                              className: `h-5 w-5 mr-2 ${B ? "text-white" : "text-gray-400"}`
+                              className: `h-5 w-5 mr-2 ${M ? "text-white" : "text-gray-400"}`
                             }
                           ),
-                          S.name
+                          C.name
                         ]
                       }
                     ),
-                    B && /* @__PURE__ */ e("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-white", children: /* @__PURE__ */ e(ut, { 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(ut, { className: "h-5 w-5" }) })
                   ] })
                 },
-                S.id
+                C.id
               )) })
             }
           )
         ] }) }) }),
         /* @__PURE__ */ e("div", { className: "col-span-2", children: /* @__PURE__ */ e(
-          pe,
+          ge,
           {
             placeholder: `Search by ${h.name.toLowerCase()}...`,
-            onDebouncedChange: (S) => r(S),
+            onDebouncedChange: (C) => r(C),
             value: y
           }
         ) }),
-        /* @__PURE__ */ e(ze, { children: (d?.length > 0 || F) && /* @__PURE__ */ e(
+        /* @__PURE__ */ e(Se, { children: (d?.length > 0 || F) && /* @__PURE__ */ e(
           ie.div,
           {
             initial: { opacity: 0, y: -10 },
@@ -2841,36 +2842,36 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
             transition: { duration: 0.2 },
             className: "absolute top-full mt-2 w-full col-span-3 bg-white border border-gray-300 rounded-lg shadow-lg z-10",
             children: F ? /* @__PURE__ */ e("div", { className: "p-4 text-center text-gray-500", children: "Loading..." }) : /* @__PURE__ */ n(ee, { children: [
-              /* @__PURE__ */ e("div", { className: "max-h-60 overflow-y-auto p-2 space-y-1", children: d.map((S) => {
-                const B = T(S);
+              /* @__PURE__ */ e("div", { className: "max-h-60 overflow-y-auto p-2 space-y-1", children: d.map((C) => {
+                const M = T(C);
                 return /* @__PURE__ */ n(
                   "div",
                   {
-                    onClick: () => B ? null : b(S.id),
-                    className: `flex items-center gap-3 p-2 rounded-md hover:bg-blue-50 ${B ? " hover:cursor-not-allowed" : "hover:cursor-pointer"}`,
+                    onClick: () => M ? null : b(C.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",
                         {
                           type: "checkbox",
-                          checked: z.has(S.id),
+                          checked: S.has(C.id),
                           readOnly: !0,
                           className: "h-4 w-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500",
-                          disabled: !!B
+                          disabled: !!M
                         }
                       ),
-                      /* @__PURE__ */ e(Ne, { src: S.avatarUrl, name: S.name, size: "small" }),
+                      /* @__PURE__ */ e(we, { src: C.avatarUrl, name: C.name, size: "small" }),
                       /* @__PURE__ */ n("div", { className: "flex flex-col", children: [
-                        /* @__PURE__ */ e("span", { className: "text-md font-medium text-gray-800 truncate", children: S.name }),
-                        h.name === Se.USER && /* @__PURE__ */ e("span", { className: "text-sm text-gray-500", children: S.id })
+                        /* @__PURE__ */ e("span", { className: "text-md font-medium text-gray-800 truncate", children: C.name }),
+                        h.name === De.USER && /* @__PURE__ */ e("span", { className: "text-sm text-gray-500", children: C.id })
                       ] }),
-                      B ? /* @__PURE__ */ n(ee, { children: [
-                        /* @__PURE__ */ e("span", { className: "text-sm px-3 py-0.5 border border-dashed rounded-xl bg-teal-100 text-teal-700", children: B }),
+                      M ? /* @__PURE__ */ n(ee, { children: [
+                        /* @__PURE__ */ e("span", { className: "text-sm px-3 py-0.5 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" })
                       ] }) : ""
                     ]
                   },
-                  S.id
+                  C.id
                 );
               }) }),
               /* @__PURE__ */ n("div", { className: "flex justify-end gap-2 p-2 border-t border-gray-300", children: [
@@ -2896,7 +2897,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
           }
         ) })
       ] }),
-      /* @__PURE__ */ e(ze, { children: f.length > 0 && /* @__PURE__ */ n(
+      /* @__PURE__ */ e(Se, { children: f.length > 0 && /* @__PURE__ */ n(
         ie.div,
         {
           initial: { opacity: 0, y: 20 },
@@ -2913,7 +2914,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
                 Z,
                 {
                   value: P,
-                  onChange: k,
+                  onChange: w,
                   children: /* @__PURE__ */ n("div", { className: "relative", children: [
                     /* @__PURE__ */ n(Z.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: [
@@ -2932,29 +2933,29 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
                         leave: "transition ease-in duration-100",
                         leaveFrom: "opacity-100",
                         leaveTo: "opacity-0",
-                        children: /* @__PURE__ */ e(Z.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((S) => /* @__PURE__ */ e(
+                        children: /* @__PURE__ */ e(Z.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((C) => /* @__PURE__ */ e(
                           Z.Option,
                           {
-                            value: S,
-                            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: _ }) => /* @__PURE__ */ n(ee, { children: [
+                            value: C,
+                            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: _ }) => /* @__PURE__ */ n(ee, { children: [
                               /* @__PURE__ */ n(
                                 "span",
                                 {
-                                  className: `${B ? "font-medium" : "font-normal"} flex items-center`,
+                                  className: `${M ? "font-medium" : "font-normal"} flex items-center`,
                                   children: [
                                     /* @__PURE__ */ e(
-                                      S.icon,
+                                      C.icon,
                                       {
                                         className: `h-5 w-5 mr-2 ${_ ? "text-white" : "text-gray-400"}`
                                       }
                                     ),
                                     "Can ",
-                                    S.name
+                                    C.name
                                   ]
                                 }
                               ),
-                              B && /* @__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(
                                 ut,
                                 {
                                   className: "h-5 w-5",
@@ -2963,7 +2964,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
                               ) })
                             ] })
                           },
-                          S.id
+                          C.id
                         )) })
                       }
                     )
@@ -2971,7 +2972,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
                 }
               )
             ] }),
-            /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e(ze, { children: f.map((S, B) => /* @__PURE__ */ n(
+            /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e(Se, { children: f.map((C, M) => /* @__PURE__ */ n(
               ie.div,
               {
                 layout: !0,
@@ -2985,21 +2986,21 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
                     /* @__PURE__ */ e(
                       "img",
                       {
-                        src: S.avatarUrl || `https://avatar.vercel.sh/${S.name}.svg?text=${S.name.charAt(0)}`,
+                        src: C.avatarUrl || `https://avatar.vercel.sh/${C.name}.svg?text=${C.name.charAt(0)}`,
                         className: "w-8 h-8 rounded-full shrink-0"
                       }
                     ),
-                    /* @__PURE__ */ e("span", { className: "font-medium text-sm text-gray-800 truncate", children: S.name })
+                    /* @__PURE__ */ e("span", { className: "font-medium text-sm text-gray-800 truncate", children: C.name })
                   ] }),
                   /* @__PURE__ */ n("div", { className: "flex items-center gap-3", children: [
                     l === ue.DRIVE && /* @__PURE__ */ n("span", { className: "text-sm text-gray-500", children: [
                       "can ",
-                      S.permission
+                      C.permission
                     ] }),
                     /* @__PURE__ */ e(
                       "button",
                       {
-                        onClick: () => O(B),
+                        onClick: () => O(M),
                         className: "text-gray-400 hover:text-red-500 hover:cursor-pointer",
                         children: /* @__PURE__ */ e(Qe, { className: "h-5 w-5" })
                       }
@@ -3007,7 +3008,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
                   ] })
                 ]
               },
-              S.id
+              C.id
             )) }) })
           ]
         }
@@ -3032,7 +3033,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
         /* @__PURE__ */ e(
           le,
           {
-            onClick: () => Y(w)(),
+            onClick: () => Y(k)(),
             disabled: x || D.length === 0 && !u,
             label: x ? "Inviting..." : l === ue.DRIVE ? "Send Invites" : "Add"
           }
@@ -3045,7 +3046,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
   { name: "Can manage", icon: ta, value: "edit" },
   { name: "Remove", icon: or, isDestructive: !0, value: "remove" }
 ], ss = ({ item: t, allowedPermissions: a, onPermissionChange: s }) => {
-  const [i, l] = L(!1), { refs: m, floatingStyles: o, context: u } = ia({
+  const [i, l] = B(!1), { refs: m, floatingStyles: o, context: u } = ia({
     open: i,
     onOpenChange: l,
     middleware: [oa(8), ca(), da({ padding: 8 })],
@@ -3096,24 +3097,24 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
                 Z.Option,
                 {
                   className: ({
-                    active: z
+                    active: S
                   }) => `relative select-none py-2 pl-10 pr-4 hover:cursor-pointer
-                                            ${z ? "bg-blue-100 text-blue-900" : "text-gray-900"}
-                                            ${g.isDestructive && z ? "bg-red-100 text-red-900" : ""}
-                                            ${g.isDestructive && !z ? "text-red-600" : ""}`,
+                                            ${S ? "bg-blue-100 text-blue-900" : "text-gray-900"}
+                                            ${g.isDestructive && S ? "bg-red-100 text-red-900" : ""}
+                                            ${g.isDestructive && !S ? "text-red-600" : ""}`,
                   value: g,
-                  children: ({ selected: z }) => /* @__PURE__ */ n(ee, { children: [
+                  children: ({ selected: S }) => /* @__PURE__ */ n(ee, { children: [
                     /* @__PURE__ */ n(
                       "span",
                       {
-                        className: `flex items-center gap-2 truncate ${z ? "font-medium" : "font-normal"}`,
+                        className: `flex items-center gap-2 truncate ${S ? "font-medium" : "font-normal"}`,
                         children: [
                           /* @__PURE__ */ e(g.icon, { className: "h-5 w-5", "aria-hidden": "true" }),
                           g.name
                         ]
                       }
                     ),
-                    z && /* @__PURE__ */ e("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-blue-600", children: /* @__PURE__ */ e(ut, { className: "h-5 w-5", "aria-hidden": "true" }) })
+                    S && /* @__PURE__ */ e("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-blue-600", children: /* @__PURE__ */ e(ut, { className: "h-5 w-5", "aria-hidden": "true" }) })
                   ] })
                 },
                 g.name
@@ -3133,7 +3134,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
   existingShares: l,
   allowedPermissions: m
 }) => {
-  const [o, u] = L(l), [h, N] = L(0), [y, r] = L(""), v = zt(y, 300), d = {
+  const [o, u] = B(l), [h, N] = B(0), [y, r] = B(""), v = zt(y, 300), d = {
     users: o.users.filter(
       (R) => R.name.toLowerCase().includes(v.toLowerCase())
     ),
@@ -3151,7 +3152,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
         ($) => $.id === R.id ? { ...$, permission: Y } : $
       )
     }));
-  }, z = () => {
+  }, S = () => {
     const R = {
       users: o.users.filter((P) => P.permission !== "remove"),
       groups: o.groups.filter((P) => P.permission !== "remove"),
@@ -3200,7 +3201,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
               R
             )) }),
             /* @__PURE__ */ e("div", { className: "mt-4", children: /* @__PURE__ */ e(
-              pe,
+              ge,
               {
                 onDebouncedChange: r,
                 value: y,
@@ -3208,7 +3209,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
               }
             ) })
           ] }),
-          /* @__PURE__ */ e("div", { className: "flex-grow overflow-y-auto p-4 h-[calc(100vh-330px)]", children: /* @__PURE__ */ e(ze, { mode: "wait", children: /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "flex-grow overflow-y-auto p-4 h-[calc(100vh-330px)]", children: /* @__PURE__ */ e(Se, { mode: "wait", children: /* @__PURE__ */ e(
             ie.div,
             {
               initial: { y: 10, opacity: 0 },
@@ -3219,7 +3220,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
                 se.Panel,
                 {
                   className: "space-y-3 focus:outline-none",
-                  children: /* @__PURE__ */ e(ze, { children: d[R].length > 0 ? d[R].map((P) => /* @__PURE__ */ n(
+                  children: /* @__PURE__ */ e(Se, { children: d[R].length > 0 ? d[R].map((P) => /* @__PURE__ */ n(
                     ie.div,
                     {
                       layout: !0,
@@ -3302,7 +3303,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
         /* @__PURE__ */ e("div", { className: "p-4 bg-white border-t border-gray-300 flex justify-end", children: /* @__PURE__ */ e(
           "button",
           {
-            onClick: z,
+            onClick: S,
             className: "px-4 py-2 bg-blue-600 text-white rounded-md shadow hover:bg-blue-700",
             children: "Update"
           }
@@ -3323,7 +3324,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
   onClose: s,
   members: i
 }) => {
-  const [l, m] = L(!0), [o, u] = L(""), h = zt(o, 300), N = i.filter(
+  const [l, m] = B(!0), [o, u] = B(""), h = zt(o, 300), N = i.filter(
     (d) => d.name.toLowerCase().includes(h.toLowerCase())
   ), y = {
     hidden: { opacity: 0 },
@@ -3359,7 +3360,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
       initial: "hidden",
       animate: "visible",
       className: "divide-y divide-gray-200",
-      children: /* @__PURE__ */ e(ze, { children: N.map((d) => /* @__PURE__ */ n(
+      children: /* @__PURE__ */ e(Se, { children: N.map((d) => /* @__PURE__ */ n(
         ie.li,
         {
           layout: !0,
@@ -3414,7 +3415,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
       )
     ] }),
     /* @__PURE__ */ e("div", { className: "p-4 border-b border-gray-200 flex-shrink-0", children: /* @__PURE__ */ e(
-      pe,
+      ge,
       {
         onDebouncedChange: u,
         value: o,
@@ -3423,7 +3424,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
     ) }),
     /* @__PURE__ */ e("div", { className: "flex-grow overflow-y-auto", children: v() })
   ] });
-}, ge = {
+}, be = {
   INVITE: "invite",
   MANAGE: "manage",
   MEMBERS: "members"
@@ -3444,32 +3445,32 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
   allowedPermissions: u = [],
   ...h
 }) => {
-  const [N, y] = L(ge.INVITE), [r, v] = L(t), [d, g] = L(null), [z, A] = L(!1), [F, R] = L([]), [P, j] = L(ge.MANAGE), U = () => {
-    y(ge.INVITE), g(null), m();
+  const [N, y] = B(be.INVITE), [r, v] = B(t), [d, g] = B(null), [S, A] = B(!1), [F, R] = B([]), [P, j] = B(be.MANAGE), U = () => {
+    y(be.INVITE), g(null), m();
   }, Y = () => {
-    y(ge.MANAGE);
-  }, q = async ({ id: f, name: C, type: O }) => {
+    y(be.MANAGE);
+  }, q = async ({ id: f, name: z, type: O }) => {
     if (O === "groups") {
       try {
-        const I = await Ze(`${Je.getMembersForGroup(C)}`);
+        const I = await Ze(`${Je.getMembersForGroup(z)}`);
       } catch (I) {
         console.log("Error searching entities:", I);
       }
       R(resp);
     }
-    g({ id: f, type: O, name: C }), j(N), y(ge.MEMBERS);
+    g({ id: f, type: O, name: z }), j(N), y(be.MEMBERS);
   }, $ = (f) => {
     console.log("changedExistingShares", f), v(f);
-    const C = it.mapValues(t, (D) => D.map((b) => ({ id: b.id, permission: b.permission })).sort((b, p) => b.id - p.id)), O = it.mapValues(f, (D) => D.map((b) => ({ id: b.id, permission: b.permission })).sort((b, p) => b.id - p.id));
-    console.log("Existing data:", C), console.log("Changed data:", O);
-    const I = !it.isEqual(C, O);
-    console.log("hasPermissionChanged:", I), A(I), y(N === ge.MEMBERS ? P : ge.INVITE);
+    const z = it.mapValues(t, (D) => D.map((b) => ({ id: b.id, permission: b.permission })).sort((b, p) => b.id - p.id)), O = it.mapValues(f, (D) => D.map((b) => ({ id: b.id, permission: b.permission })).sort((b, p) => b.id - p.id));
+    console.log("Existing data:", z), console.log("Changed data:", O);
+    const I = !it.isEqual(z, O);
+    console.log("hasPermissionChanged:", I), A(I), y(N === be.MEMBERS ? P : be.INVITE);
   };
-  return /* @__PURE__ */ e(he, { appear: !0, show: a, as: Q, children: /* @__PURE__ */ n(fe, { as: "div", className: "relative z-50", onClose: U, children: [
+  return /* @__PURE__ */ e(he, { appear: !0, show: a, as: Q, children: /* @__PURE__ */ n(ye, { as: "div", className: "relative z-50", onClose: U, children: [
     /* @__PURE__ */ e("div", { className: "filter-modal-overlay", "aria-hidden": "true" }),
     /* @__PURE__ */ e("div", { className: "filter-modal-container", children: /* @__PURE__ */ e("div", { className: "filter-modal-positioner", children: /* @__PURE__ */ e(Fe, { className: "filter-modal-panel", style: { background: "white" }, children: (() => {
       switch (N) {
-        case ge.MANAGE:
+        case be.MANAGE:
           return /* @__PURE__ */ e(
             ie.div,
             {
@@ -3493,7 +3494,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
             },
             "manage"
           );
-        case ge.MEMBERS:
+        case be.MEMBERS:
           return /* @__PURE__ */ e(
             ie.div,
             {
@@ -3537,7 +3538,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
                   onFinalSubmit: (f) => {
                     s(f, r);
                   },
-                  isChanged: z
+                  isChanged: S
                 }
               )
             },
@@ -3570,17 +3571,17 @@ function at({
   serverLoading: r = !1,
   minSearchChars: v = 2,
   // NEW: mappers (id/label keys)
-  getOptionId: d = (z) => String(z.id),
-  getOptionLabel: g = (z) => z.name
+  getOptionId: d = (S) => String(S.id),
+  getOptionLabel: g = (S) => S.name
 }) {
-  const z = He(), A = He(), [F, R] = L(""), P = be(""), j = ae(() => {
+  const S = He(), A = He(), [F, R] = B(""), P = fe(""), j = ae(() => {
     const f = /* @__PURE__ */ new Map();
-    for (const C of a) f.set(d(C), C);
+    for (const z of a) f.set(d(z), z);
     return f;
   }, [a, d]), U = ae(() => Array.isArray(s) ? s.map((f) => f && typeof f == "object" ? j.get(d(f)) || null : j.get(String(f))).filter(Boolean) : [], [s, j, d]), Y = ae(() => {
     if (!F) return a;
     const f = F.toLowerCase();
-    return a.filter((C) => g(C).toLowerCase().includes(f));
+    return a.filter((z) => g(z).toLowerCase().includes(f));
   }, [a, F, g]);
   te(() => {
     N === "server" && F.length >= v && F !== P.current && (P.current = F, y && y(F));
@@ -3588,7 +3589,7 @@ function at({
   const q = N === "client" ? Y : a, $ = () => {
     if (!U.length)
       return /* @__PURE__ */ e("span", { className: "text-gray-500", children: m });
-    const f = U.slice(0, u), C = U.length - u;
+    const f = U.slice(0, u), z = U.length - u;
     return /* @__PURE__ */ n("div", { className: "flex flex-wrap gap-2", children: [
       f.map((O) => /* @__PURE__ */ e(
         "span",
@@ -3598,21 +3599,21 @@ function at({
         },
         d(O)
       )),
-      C > 0 && /* @__PURE__ */ n("span", { className: "px-2 py-1 text-xs font-medium text-gray-600 bg-gray-200 rounded-full", children: [
+      z > 0 && /* @__PURE__ */ n("span", { className: "px-2 py-1 text-xs font-medium text-gray-600 bg-gray-200 rounded-full", children: [
         "+",
-        C,
+        z,
         " more"
       ] })
     ] });
   };
   return /* @__PURE__ */ e(Z, { value: U, onChange: (f) => {
-    const C = Array.from(new Set(f.map((O) => d(O))));
-    h !== -1 && C.length > h || i(C);
+    const z = Array.from(new Set(f.map((O) => d(O))));
+    h !== -1 && z.length > h || i(z);
   }, multiple: !0, by: "id", children: ({ open: f }) => /* @__PURE__ */ n("div", { children: [
     /* @__PURE__ */ e(
       Z.Label,
       {
-        id: z,
+        id: S,
         className: "block text-sm font-medium leading-6 text-gray-900",
         children: t
       }
@@ -3621,7 +3622,7 @@ function at({
       /* @__PURE__ */ n(
         Z.Button,
         {
-          "aria-labelledby": z,
+          "aria-labelledby": S,
           "aria-invalid": !!o,
           "aria-describedby": o ? A : void 0,
           onBlur: l,
@@ -3645,7 +3646,7 @@ function at({
           leaveTo: "opacity-0",
           children: /* @__PURE__ */ n(Z.Options, { className: "absolute z-10 w-full py-1 mt-1 overflow-auto text-base bg-white rounded-md shadow-lg max-h-60 ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm", children: [
             /* @__PURE__ */ e("div", { className: "p-2 sticky top-0 bg-white z-20 shadow-sm", children: /* @__PURE__ */ e(
-              pe,
+              ge,
               {
                 value: F,
                 onDebouncedChange: R,
@@ -3653,18 +3654,18 @@ function at({
               }
             ) }),
             N === "server" && r && /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: "Loading…" }),
-            q.length === 0 && !r ? /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: N === "server" ? F.length < v ? `Type at least ${v} characters to search.` : "No results." : "No options found." }) : q.map((C) => {
-              const O = d(C), I = g(C), D = U.some((p) => d(p) === O), b = h !== -1 && U.length >= h && !D;
+            q.length === 0 && !r ? /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: N === "server" ? F.length < v ? `Type at least ${v} characters to search.` : "No results." : "No options found." }) : q.map((z) => {
+              const O = d(z), I = g(z), D = U.some((p) => d(p) === O), b = h !== -1 && U.length >= h && !D;
               return /* @__PURE__ */ e(
                 Z.Option,
                 {
-                  value: C,
+                  value: z,
                   disabled: b,
                   className: ({ active: p }) => Ge(
                     b ? " text-gray-400  bg-white  cursor-not-allowed" : p ? " bg-gray-200  text-gray-900" : " text-gray-900",
                     " relative  cursor-default  select-none  py-2  pl-3  pr-9"
                   ),
-                  children: ({ selected: p, active: k }) => /* @__PURE__ */ n(ee, { children: [
+                  children: ({ selected: p, active: w }) => /* @__PURE__ */ n(ee, { children: [
                     /* @__PURE__ */ e(
                       "span",
                       {
@@ -3679,7 +3680,7 @@ function at({
                       "span",
                       {
                         className: Ge(
-                          k ? " text-gray-900" : " text-gray-600",
+                          w ? " text-gray-900" : " text-gray-600",
                           " absolute  inset-y-0  right-0  flex  items-center  pr-4"
                         ),
                         children: /* @__PURE__ */ e(et, { className: "w-5 h-5", "aria-hidden": "true" })
@@ -3755,7 +3756,7 @@ const Xl = ({
     y.stopPropagation();
   };
   return /* @__PURE__ */ n(
-    fe,
+    ye,
     {
       open: t,
       onClose: () => a(!1),
@@ -3777,7 +3778,7 @@ const Xl = ({
               /* @__PURE__ */ n("div", { className: "flex justify-between items-center border-b border-gray-200 p-6 flex-shrink-0", children: [
                 i?.customHeader && i.customHeader,
                 i?.title && !i?.customHeader && /* @__PURE__ */ e(tt, { className: "text-lg font-bold", children: i?.title }),
-                i?.isCrossShow && /* @__PURE__ */ e("button", { onClick: () => a(!1), className: "p-2", children: /* @__PURE__ */ e(xe, { className: "w-5 h-5" }) })
+                i?.isCrossShow && /* @__PURE__ */ e("button", { onClick: () => a(!1), className: "p-2", children: /* @__PURE__ */ e(ve, { className: "w-5 h-5" }) })
               ] }),
               /* @__PURE__ */ e(
                 "div",
@@ -3851,7 +3852,7 @@ function ms({
   dropId: y,
   indent: r = 24
 }) {
-  const { setNodeRef: v, isOver: d } = dr({ id: y }), { attributes: g, listeners: z, setNodeRef: A, transform: F, isDragging: R } = mr({ id: N }), P = F ? { transform: `translate3d(${Math.round(F.x)}px, ${Math.round(F.y)}px, 0)` } : void 0, [j, U] = L(!1), [Y, q] = L(t.name), $ = () => {
+  const { setNodeRef: v, isOver: d } = dr({ id: y }), { attributes: g, listeners: S, setNodeRef: A, transform: F, isDragging: R } = mr({ id: N }), P = F ? { transform: `translate3d(${Math.round(F.x)}px, ${Math.round(F.y)}px, 0)` } : void 0, [j, U] = B(!1), [Y, q] = B(t.name), $ = () => {
     const f = Y.trim();
     U(!1), f && f !== t.name ? o?.(t, f) : q(t.name);
   }, x = ae(() => /* @__PURE__ */ e(
@@ -3862,8 +3863,8 @@ function ms({
         { action: "rename", label: "Rename" },
         { action: "delete", label: "Delete" }
       ],
-      onSelect: (C) => {
-        C.action === "create" ? m?.(t) : C.action === "rename" ? U(!0) : C.action === "delete" && u?.(t);
+      onSelect: (z) => {
+        z.action === "create" ? m?.(t) : z.action === "rename" ? U(!0) : z.action === "delete" && u?.(t);
       }
     }
   ), [t, m, u]);
@@ -3877,7 +3878,7 @@ function ms({
         f.target.closest(".tv-toggle") || f.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(ye, { size: 16 }) : /* @__PURE__ */ e("span", { className: "tv-spacer" }) }),
+        /* @__PURE__ */ e("button", { className: "tv-toggle", onClick: i, "aria-label": "toggle", children: t.children?.length ? s ? /* @__PURE__ */ e(Nt, { size: 16 }) : /* @__PURE__ */ e(xe, { size: 16 }) : /* @__PURE__ */ e("span", { className: "tv-spacer" }) }),
         /* @__PURE__ */ e(Be, { size: 16, className: "tv-folder-ic" }),
         /* @__PURE__ */ e("div", { className: "tv-name", ref: A, children: j ? /* @__PURE__ */ e(
           "input",
@@ -3892,7 +3893,7 @@ function ms({
             autoFocus: !0
           }
         ) : /* @__PURE__ */ e("span", { onDoubleClick: () => U(!0), children: t.name }) }),
-        /* @__PURE__ */ e(ds, { listeners: z, attributes: g }),
+        /* @__PURE__ */ e(ds, { listeners: S, attributes: g }),
         /* @__PURE__ */ e("div", { className: "tv-actions", children: h ? h(t, {
           onCreateChild: () => m?.(t),
           onRename: () => U(!0),
@@ -3993,90 +3994,90 @@ function Hl({
   // ← allow root moves by default now
   indentUnit: g = 24
 }) {
-  const { roots: z } = ae(() => gs(t) ? fs(t, { rootId: a, getId: i, getName: m }) : bs(
+  const { roots: S } = ae(() => gs(t) ? fs(t, { rootId: a, getId: i, getName: m }) : bs(
     t.map((b) => ({ ...b })),
     { rootId: a, getId: i, getParent: l, getName: m }
-  ), [t, a, i, l, m]), [A, F] = L({}), R = K((b) => {
+  ), [t, a, i, l, m]), [A, F] = B({}), R = K((b) => {
     const p = {};
-    return (function k(w) {
-      w.forEach((T) => {
-        p[T.id] = !0, T.children?.length && k(T.children);
+    return (function w(k) {
+      k.forEach((T) => {
+        p[T.id] = !0, T.children?.length && w(T.children);
       });
     })(b), p;
   }, []);
   re.useEffect(() => {
-    F(R(z));
-  }, [z, R]);
+    F(R(S));
+  }, [S, R]);
   const P = K(
     (b) => F((p) => ({ ...p, [b]: !p[b] })),
     []
-  ), [j, U] = L(() => Me(z));
-  re.useEffect(() => U(Me(z)), [z]);
+  ), [j, U] = B(() => Me(S));
+  re.useEffect(() => U(Me(S)), [S]);
   const Y = ur(
     hr(fr, { activationConstraint: { delay: 250, tolerance: 5 } })
-  ), q = be(null), [$, x] = L(null), f = be(0), C = () => {
+  ), q = fe(null), [$, x] = B(null), f = fe(0), z = () => {
   }, O = ({ delta: b }) => {
     f.current = b?.x ?? 0;
   }, I = K(
     ({ active: b, over: p }) => {
-      const k = f.current;
+      const w = f.current;
       if (f.current = 0, x(null), !b || !p) return;
-      const w = String(b.id).replace(/^drag-/, ""), T = String(p.id).replace(/^drop-/, "");
-      if (!w || !T || w === T) return;
-      let M = T;
-      const S = Math.max(0, Math.floor(-k / g));
-      if (S > 0) {
-        let J = T;
-        for (let ve = 0; ve < S; ve++) {
-          const $e = Sa(j, J, null);
-          if (!$e) break;
-          if (!$e.parentId) {
-            M = a;
+      const k = String(b.id).replace(/^drag-/, ""), T = String(p.id).replace(/^drop-/, "");
+      if (!k || !T || k === T) return;
+      let L = T;
+      const C = Math.max(0, Math.floor(-w / g));
+      if (C > 0) {
+        let W = T;
+        for (let pe = 0; pe < C; pe++) {
+          const Ne = Sa(j, W, null);
+          if (!Ne) break;
+          if (!Ne.parentId) {
+            L = a;
             break;
           }
-          M = $e.parentId, J = $e.parentId;
+          L = Ne.parentId, W = Ne.parentId;
         }
       }
-      if (d && M === a) {
-        U(Me(z));
+      if (d && L === a) {
+        U(Me(S));
         return;
       }
-      const B = Me(j), { newRoots: _, removed: E } = ys(B, w);
+      const M = Me(j), { newRoots: _, removed: E } = ys(M, k);
       if (!E) return;
-      const G = xs(_, M, E);
-      U(G), r?.({ sourceId: w, destParentId: M, newTree: G });
+      const G = xs(_, L, E);
+      U(G), r?.({ sourceId: k, destParentId: L, newTree: G });
     },
-    [j, z, a, d, g, r]
+    [j, S, a, d, g, r]
   ), D = K(
-    (b, p = 0) => b.map((k) => /* @__PURE__ */ n(re.Fragment, { children: [
+    (b, p = 0) => b.map((w) => /* @__PURE__ */ n(re.Fragment, { children: [
       /* @__PURE__ */ e(
         ms,
         {
-          node: k,
+          node: w,
           depth: p,
-          expanded: !!A[k.id],
-          onToggle: () => P(k.id),
+          expanded: !!A[w.id],
+          onToggle: () => P(w.id),
           onSelect: o,
           onCreateChild: h,
           onRename: N,
           onDelete: y,
           renderActions: v,
-          dragId: `drag-${k.id}`,
-          dropId: `drop-${k.id}`,
+          dragId: `drag-${w.id}`,
+          dropId: `drop-${w.id}`,
           indent: g
         }
       ),
-      A[k.id] && k.children?.length > 0 ? D(k.children, p + 1) : null
-    ] }, k.id)),
+      A[w.id] && w.children?.length > 0 ? D(w.children, p + 1) : null
+    ] }, w.id)),
     [A, g, h, y, N, o, v, P]
   );
   return re.useMemo(() => {
     if (!$) return null;
     const b = String($).replace(/^drag-/, "");
-    function p(k) {
-      for (const w of k) {
-        if (w.id === b) return w;
-        const T = w.children?.length ? p(w.children) : null;
+    function p(w) {
+      for (const k of w) {
+        if (k.id === b) return k;
+        const T = k.children?.length ? p(k.children) : null;
         if (T) return T;
       }
       return null;
@@ -4097,7 +4098,7 @@ function Hl({
       {
         collisionDetection: br,
         sensors: Y,
-        onDragStart: C,
+        onDragStart: z,
         onDragMove: O,
         onDragEnd: I,
         modifiers: [gr],
@@ -4106,7 +4107,7 @@ function Hl({
     )
   ] });
 }
-function Ce(...t) {
+function ze(...t) {
   return t.filter(Boolean).join(" ");
 }
 const Ql = ({
@@ -4120,21 +4121,21 @@ const Ql = ({
   ...u
   // Pass remaining props to Tab.Group
 }) => {
-  const h = s === "vertical", N = (v) => Ce(
+  const h = s === "vertical", N = (v) => ze(
     "py-2 -mb-px text-sm font-medium focus:outline-none border-b-2",
     v ? "border-primaryX text-textX" : "border-transparent text-slate-600 hover:text-indigo-700"
-  ), y = (v) => Ce(
+  ), y = (v) => ze(
     "text-left text-sm rounded-md px-2 py-1.5 focus:outline-none",
     v ? "bg-primaryX text-white" : "text-textX hover:bg-lightgray-100 hover:text-primaryX"
   ), r = ({ selected: v }) => o ? typeof o == "function" ? o(v) : o : h ? y(v) : N(v);
-  return /* @__PURE__ */ e(se.Group, { vertical: h, ...u, children: h ? /* @__PURE__ */ n("div", { className: Ce("flex gap-4", i), children: [
-    /* @__PURE__ */ e(se.List, { className: Ce("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: Ce("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)) })
+  return /* @__PURE__ */ e(se.Group, { vertical: h, ...u, children: h ? /* @__PURE__ */ n("div", { className: ze("flex gap-4", i), children: [
+    /* @__PURE__ */ e(se.List, { className: ze("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: ze("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(ee, { children: [
-      /* @__PURE__ */ e(se.List, { className: Ce("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: Ce("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)) })
+      /* @__PURE__ */ e(se.List, { className: ze("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: ze("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)) })
     ] })
   ) });
 };
@@ -4147,7 +4148,7 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
   const [l, m] = re.useState(t), [o, u] = re.useState(() => {
     const r = a && a[t.key] || {};
     return console.log("Initial Section data for", t.key, r), r;
-  }), h = be(a);
+  }), h = fe(a);
   te(() => {
     if (h.current !== a) {
       h.current = a;
@@ -4155,30 +4156,30 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       console.log("Updated Section data for", t.key, r), u(r);
     }
   }, [a, t.key]), console.log("Section data", o);
-  const N = be(o);
+  const N = fe(o);
   te(() => {
     N.current !== o && s && typeof s == "function" && (N.current = o, s(l.key, o));
   }, [l.key, o, s]);
   const y = (r) => {
     if (!r.dependsOn) return !0;
-    const { field: v, value: d, operator: g = "equals" } = r.dependsOn, z = o[v];
+    const { field: v, value: d, operator: g = "equals" } = r.dependsOn, S = o[v];
     switch (g) {
       case "equals":
-        return z === d;
+        return S === d;
       case "notEquals":
-        return z !== d;
+        return S !== d;
       case "contains":
-        return Array.isArray(z) && z.includes(d);
+        return Array.isArray(S) && S.includes(d);
       case "notContains":
-        return !Array.isArray(z) || !z.includes(d);
+        return !Array.isArray(S) || !S.includes(d);
       case "greaterThan":
-        return Number(z) > Number(d);
+        return Number(S) > Number(d);
       case "lessThan":
-        return Number(z) < Number(d);
+        return Number(S) < Number(d);
       case "isEmpty":
-        return !z || Array.isArray(z) && z.length === 0;
+        return !S || Array.isArray(S) && S.length === 0;
       case "isNotEmpty":
-        return z && (!Array.isArray(z) || z.length > 0);
+        return S && (!Array.isArray(S) || S.length > 0);
       default:
         return !0;
     }
@@ -4204,8 +4205,8 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             name: r.key,
             checked: !!(o[r.key] || r.default),
             onChange: (d) => {
-              const g = d.target ? d.target.checked : d, z = { ...o, [r.key]: g };
-              u(z), s && s(l.key, z);
+              const g = d.target ? d.target.checked : d, S = { ...o, [r.key]: g };
+              u(S), s && s(l.key, S);
             },
             label: r.label,
             disabled: r.disabled ? r.disabled : !1
@@ -4304,14 +4305,14 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             max: r.max,
             step: r.step,
             onChange: (d) => {
-              const g = d.target.value, z = { ...o, [r.key]: g };
-              u(z), s && s(l.key, z);
+              const g = d.target.value, S = { ...o, [r.key]: g };
+              u(S), s && s(l.key, S);
             },
             onBlur: (d) => {
               const g = d.target.value;
               if (g !== "" && g !== null && g !== void 0) {
-                const z = Number(g);
-                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(""));
+                const S = Number(g);
+                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(""));
               }
             },
             required: r.required,
@@ -4336,8 +4337,8 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             name: r.key,
             checked: !!(o[r.key] || r.default),
             onChange: (d) => {
-              const g = d.target ? d.target.checked : d, z = { ...o, [r.key]: g };
-              u(z), s && s(l.key, z);
+              const g = d.target ? d.target.checked : d, S = { ...o, [r.key]: g };
+              u(S), s && s(l.key, S);
             },
             label: r.placeholder || r.label,
             disabled: r.disabled ? r.disabled : !1,
@@ -4515,8 +4516,8 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               value: d.value,
               checked: o[r.key] === d.value,
               onChange: (g) => {
-                const z = { ...o, [r.key]: g.target.value };
-                u(z), s && s(l.key, z);
+                const S = { ...o, [r.key]: g.target.value };
+                u(S), s && s(l.key, S);
               },
               disabled: r.disabled
             }
@@ -4530,7 +4531,7 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       ] }),
       r.fieldtype === "search" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
-          pe,
+          ge,
           {
             value: o[r.key] || "",
             onChange: (d) => {
@@ -4633,8 +4634,8 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             type: "file",
             name: r.key,
             onChange: (d) => {
-              const g = d.target.files[0], z = { ...o, [r.key]: g ? g.name : "" };
-              u(z), s && s(l.key, z);
+              const g = d.target.files[0], S = { ...o, [r.key]: g ? g.name : "" };
+              u(S), s && s(l.key, S);
             },
             accept: r.accept,
             className: `w-full ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
@@ -4679,12 +4680,12 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
 const Ns = ({ children: t }) => /* @__PURE__ */ e("div", { className: "flex -space-x-2", children: t });
 function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
   console.log(`[DynamicConfig/DataTableRenderer] Component loaded for section: ${t.key}`);
-  const [l, m] = L(t), [o, u] = L(null), [h, N] = L(null);
+  const [l, m] = B(t), [o, u] = B(null), [h, N] = B(null);
   console.log(`[DataTableRenderer] ${l.key} - Received props:`, { item: t, initialData: a });
-  const [y, r] = L(() => {
+  const [y, r] = B(() => {
     const x = a && a[l.key] || [], f = x.length > 0 ? x : [{ id: 0 }];
     return console.log(`[DataTableRenderer] ${l.key} - Initial data:`, f), f;
-  }), v = be(a);
+  }), v = fe(a);
   te(() => {
     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;
@@ -4692,7 +4693,7 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       console.log(`[DataTableRenderer] ${l.key} - Setting new data:`, f), r(f);
     }
   }, [a, l.key]);
-  const d = be(y), g = be(null);
+  const d = fe(y), g = fe(null);
   te(() => {
     d.current !== y && s && typeof s == "function" && (d.current = y, g.current && clearTimeout(g.current), g.current = setTimeout(() => {
       s(l.key, y);
@@ -4700,14 +4701,14 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
   }, [l.key, y, s]), te(() => () => {
     g.current && clearTimeout(g.current);
   }, []);
-  const z = (x) => {
+  const S = (x) => {
     const f = (I, D) => {
       console.log("[DataTableRenderer] updateFieldValue called with:", { rowIndex: I, value: D, type: typeof D }), r((b) => {
         const p = [...b];
         return p[I][x.key] = D, p;
       });
-    }, C = (I) => i[l.key]?.[I]?.[x.key], O = (I) => {
-      const D = C(I);
+    }, z = (I) => i[l.key]?.[I]?.[x.key], O = (I) => {
+      const D = z(I);
       return D ? /* @__PURE__ */ e("div", { className: "text-red-500 text-xs mt-1", children: D }) : null;
     };
     switch (x.fieldtype) {
@@ -4720,7 +4721,7 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               onChange: (b) => f(D, b.target.value),
               placeholder: x.placeholder || `Enter ${x.label}`,
               required: x.required,
-              className: `w-full ${C(D) ? "border-red-500" : ""}`
+              className: `w-full ${z(D) ? "border-red-500" : ""}`
             }
           ),
           O(D)
@@ -4734,7 +4735,7 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               onChange: (b) => f(D, b.target.value),
               placeholder: x.placeholder || `Enter ${x.label}`,
               required: x.required,
-              className: `w-full ${C(D) ? "border-red-500" : ""}`,
+              className: `w-full ${z(D) ? "border-red-500" : ""}`,
               rows: 3
             }
           ),
@@ -4754,13 +4755,13 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               onBlur: (b) => {
                 const p = b.target.value;
                 if (p !== "" && p !== null && p !== void 0) {
-                  const k = Number(p);
-                  isNaN(k) || (x.min !== void 0 && k < x.min ? (b.target.setCustomValidity(`${x.label} must be at least ${x.min}`), b.target.reportValidity()) : x.max !== void 0 && k > x.max ? (b.target.setCustomValidity(`${x.label} must not exceed ${x.max}`), b.target.reportValidity()) : b.target.setCustomValidity(""));
+                  const w = Number(p);
+                  isNaN(w) || (x.min !== void 0 && w < x.min ? (b.target.setCustomValidity(`${x.label} must be at least ${x.min}`), b.target.reportValidity()) : x.max !== void 0 && w > x.max ? (b.target.setCustomValidity(`${x.label} must not exceed ${x.max}`), b.target.reportValidity()) : b.target.setCustomValidity(""));
                 }
               },
               placeholder: x.placeholder || `Enter ${x.label}`,
               required: x.required,
-              className: `w-full ${C(D) ? "border-red-500" : ""}`
+              className: `w-full ${z(D) ? "border-red-500" : ""}`
             }
           ),
           x.min !== void 0 && /* @__PURE__ */ n("div", { style: { color: "#6b7280", fontSize: "11px", marginTop: "2px" }, children: [
@@ -4783,7 +4784,7 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               onChange: (b) => f(D, b.target.value),
               placeholder: x.placeholder || "Enter email address",
               required: x.required,
-              className: `w-full ${C(D) ? "border-red-500" : ""}`
+              className: `w-full ${z(D) ? "border-red-500" : ""}`
             }
           ),
           O(D)
@@ -4798,7 +4799,7 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               onChange: (b) => f(D, b.target.value),
               placeholder: x.placeholder || "Enter URL",
               required: x.required,
-              className: `w-full ${C(D) ? "border-red-500" : ""}`
+              className: `w-full ${z(D) ? "border-red-500" : ""}`
             }
           ),
           O(D)
@@ -4813,7 +4814,7 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               onChange: (b) => f(D, b.target.value),
               placeholder: x.placeholder || "Enter password",
               required: x.required,
-              className: `w-full ${C(D) ? "border-red-500" : ""}`
+              className: `w-full ${z(D) ? "border-red-500" : ""}`
             }
           ),
           O(D)
@@ -4829,7 +4830,7 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               options: x.options || [],
               placeholder: x.placeholder || `Select ${x.label}`,
               required: x.required,
-              className: `w-full ${C(D) ? "border-red-500" : ""}`
+              className: `w-full ${z(D) ? "border-red-500" : ""}`
             }
           ),
           O(D)
@@ -4838,12 +4839,12 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         return (I, D) => {
           const b = () => {
             if (x.optionsFrom && a) {
-              const { config: p, valueField: k, labelField: w } = x.optionsFrom, T = a[p] || [];
+              const { config: p, valueField: w, labelField: k } = x.optionsFrom, T = a[p] || [];
               if (Array.isArray(T))
-                return T.map((M) => ({
-                  id: M[k] || "",
-                  value: M[k] || "",
-                  label: M[w] || ""
+                return T.map((L) => ({
+                  id: L[w] || "",
+                  value: L[w] || "",
+                  label: L[k] || ""
                 }));
             }
             return x.options || [];
@@ -4858,7 +4859,7 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
                 options: b(),
                 placeholder: x.placeholder || `Select ${x.label}`,
                 required: x.required,
-                className: `w-full ${C(D) ? "border-red-500" : ""}`
+                className: `w-full ${z(D) ? "border-red-500" : ""}`
               },
               Math.random()
             ),
@@ -4947,7 +4948,7 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         );
       case "search":
         return (I, D) => /* @__PURE__ */ e(
-          pe,
+          ge,
           {
             value: I[x.key] || "",
             onChange: (b) => f(D, b),
@@ -4963,14 +4964,14 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             ...b.roles || []
           ];
           return /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ e(Ns, { children: p.length > 0 ? p.slice(0, 3).map((k, w) => /* @__PURE__ */ e(
-              Ne,
+            /* @__PURE__ */ e(Ns, { children: p.length > 0 ? p.slice(0, 3).map((w, k) => /* @__PURE__ */ e(
+              we,
               {
                 size: "small",
-                name: k.name || k.displayName || k.id,
-                src: k.avatarUrl
+                name: w.name || w.displayName || w.id,
+                src: w.avatarUrl
               },
-              w
+              k
             )) : null }),
             /* @__PURE__ */ e(
               "button",
@@ -5042,7 +5043,7 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               onChange: (b) => f(D, b.target.value),
               placeholder: x.placeholder || `Enter ${x.label}`,
               required: x.required,
-              className: `w-full ${C(D) ? "border-red-500" : ""}`
+              className: `w-full ${z(D) ? "border-red-500" : ""}`
             }
           ),
           O(D)
@@ -5058,39 +5059,39 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       l.fields.forEach((O) => {
         O.fieldtype === "audience" ? f[O.key] = { users: [], groups: [], roles: [] } : f[O.key] = O.default || "";
       }), console.log("[DataTableRenderer] New blank row:", f);
-      const C = [...x, f];
-      return console.log("[DataTableRenderer] Updated data:", C), C;
+      const z = [...x, f];
+      return console.log("[DataTableRenderer] Updated data:", z), z;
     });
   }, [l.fields]), F = K((x) => {
     r((f) => {
       if (f.length <= 1)
         return f;
-      const C = [...f];
-      return C.splice(x, 1), C;
+      const z = [...f];
+      return z.splice(x, 1), z;
     });
-  }, []), [R, P] = L(null), j = K((x, f) => {
+  }, []), [R, P] = B(null), j = K((x, f) => {
     P(f), x.dataTransfer.effectAllowed = "move", x.dataTransfer.setData("text/html", "");
   }, []), U = K((x) => {
     x.preventDefault(), x.dataTransfer.dropEffect = "move";
   }, []), Y = K((x, f) => {
-    x.preventDefault(), !(R === null || R === f) && (r((C) => {
-      const O = [...C], I = O[R];
+    x.preventDefault(), !(R === null || R === f) && (r((z) => {
+      const O = [...z], I = O[R];
       return O.splice(R, 1), O.splice(f, 0, I), O;
     }), P(null));
   }, [R]), q = K(() => {
     P(null);
   }, []), $ = K((x) => {
     console.log("[DataTableRenderer] handleAddAudience called with:", x), r((f) => {
-      const C = [...f];
-      if (o !== null && h && C[o]) {
+      const z = [...f];
+      if (o !== null && h && z[o]) {
         const O = x.pendingInvites || [], I = O.filter((p) => p.type === "User"), D = O.filter((p) => p.type === "Group"), b = O.filter((p) => p.type === "Role");
-        C[o][h] = {
-          users: [...C[o][h]?.users || [], ...I],
-          groups: [...C[o][h]?.groups || [], ...D],
-          roles: [...C[o][h]?.roles || [], ...b]
-        }, console.log("[DataTableRenderer] Updated audience data:", C[o][h]);
+        z[o][h] = {
+          users: [...z[o][h]?.users || [], ...I],
+          groups: [...z[o][h]?.groups || [], ...D],
+          roles: [...z[o][h]?.roles || [], ...b]
+        }, console.log("[DataTableRenderer] Updated audience data:", z[o][h]);
       }
-      return C;
+      return z;
     }), u(null), N(null);
   }, [o, h]);
   return /* @__PURE__ */ n("div", { children: [
@@ -5126,13 +5127,13 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         {
           className: `hover:bg-gray-50 ${R === f ? "opacity-50" : ""}`,
           draggable: !0,
-          onDragStart: (C) => j(C, f),
+          onDragStart: (z) => j(z, f),
           onDragOver: U,
-          onDrop: (C) => Y(C, f),
+          onDrop: (z) => Y(z, f),
           onDragEnd: q,
           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((C, O) => /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: z(C)(x, f) }, O)),
+            l.fields.map((z, O) => /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: S(z)(x, f) }, O)),
             /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: /* @__PURE__ */ e(
               "button",
               {
@@ -5190,55 +5191,55 @@ function Ss({
   onShowCancelModal: l,
   onCancel: m
 }) {
-  const [o, u] = re.useState(a), [h, N] = re.useState(null), [y, r] = re.useState(null), [v, d] = L(!1), [g, z] = L(!1), [A, F] = L({}), R = `${De()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, P = R, [j, U] = L(1), Y = () => {
+  const [o, u] = re.useState(a), [h, N] = re.useState(null), [y, r] = re.useState(null), [v, d] = B(!1), [g, S] = B(!1), [A, F] = B({}), R = `${$e()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, P = R, [j, U] = B(1), Y = () => {
     if (!y || !h)
       return console.log("[DynamicConfig] hasUnsavedChanges: false (no data)", { originalData: y, data: h }), !1;
     const b = (T) => {
       if (T == null || typeof T != "object") return T;
       if (Array.isArray(T)) return T.map(b);
-      const M = {};
-      return Object.keys(T).sort().forEach((S) => {
-        M[S] = b(T[S]);
-      }), M;
-    }, p = b(y), k = b(h), w = JSON.stringify(p) !== JSON.stringify(k);
-    return console.log("[DynamicConfig] hasUnsavedChanges:", w, {
+      const L = {};
+      return Object.keys(T).sort().forEach((C) => {
+        L[C] = b(T[C]);
+      }), L;
+    }, p = b(y), w = b(h), k = JSON.stringify(p) !== JSON.stringify(w);
+    return console.log("[DynamicConfig] hasUnsavedChanges:", k, {
       originalData: p,
-      currentData: k,
+      currentData: w,
       originalRaw: y,
       currentRaw: h
-    }), w;
+    }), k;
   }, q = (b) => {
     if (!a || !a.configuration)
       return b;
-    const p = {}, k = b?.configuration || {};
-    return a.configuration.forEach((w) => {
-      if (w.key && w.type === "datatable") {
-        const M = (k[w.key] || []).map((S, B) => {
-          const _ = { id: S.id || 0 };
-          return w.fields && w.fields.forEach((E) => {
+    const p = {}, w = b?.configuration || {};
+    return a.configuration.forEach((k) => {
+      if (k.key && k.type === "datatable") {
+        const L = (w[k.key] || []).map((C, M) => {
+          const _ = { id: C.id || 0 };
+          return k.fields && k.fields.forEach((E) => {
             if (E.fieldtype === "audience") {
               let G = { users: [], groups: [], roles: [] };
-              S[E.key] && (Array.isArray(S[E.key]) ? G = { users: [], groups: [], roles: [] } : typeof S[E.key] == "object" && (G = {
-                users: S[E.key].users || [],
-                groups: S[E.key].groups || [],
-                roles: S[E.key].roles || []
+              C[E.key] && (Array.isArray(C[E.key]) ? G = { users: [], groups: [], roles: [] } : typeof C[E.key] == "object" && (G = {
+                users: C[E.key].users || [],
+                groups: C[E.key].groups || [],
+                roles: C[E.key].roles || []
               })), _[E.key] = G;
             } else
-              _[E.key] = S[E.key] || E.default || "";
+              _[E.key] = C[E.key] || E.default || "";
           }), _;
         });
-        if (M.length === 0) {
-          const S = { id: 0 };
-          w.fields && w.fields.forEach((B) => {
-            B.fieldtype === "audience" ? S[B.key] = { users: [], groups: [], roles: [] } : S[B.key] = B.default || "";
-          }), M.push(S);
+        if (L.length === 0) {
+          const C = { id: 0 };
+          k.fields && k.fields.forEach((M) => {
+            M.fieldtype === "audience" ? C[M.key] = { users: [], groups: [], roles: [] } : C[M.key] = M.default || "";
+          }), L.push(C);
         }
-        p[w.key] = M;
-      } else if (w.key) {
-        const T = k[w.key] || {};
-        w.type === "section" && w.fields && w.fields.forEach((M) => {
-          M.fieldtype === "managecollectionlist" && M.key && (!T[M.key] || !Array.isArray(T[M.key])) && (T[M.key] = M.initialData || []);
-        }), p[w.key] = T;
+        p[k.key] = L;
+      } else if (k.key) {
+        const T = w[k.key] || {};
+        k.type === "section" && k.fields && k.fields.forEach((L) => {
+          L.fieldtype === "managecollectionlist" && L.key && (!T[L.key] || !Array.isArray(T[L.key])) && (T[L.key] = L.initialData || []);
+        }), p[k.key] = T;
       }
     }), p;
   }, $ = () => {
@@ -5247,15 +5248,15 @@ function Ss({
       a.configuration.forEach((p) => {
         if (p.key)
           if (p.type === "datatable") {
-            const k = { id: 0 };
-            p.fields && p.fields.forEach((w) => {
-              w.fieldtype === "audience" ? k[w.key] = { users: [], groups: [], roles: [] } : k[w.key] = w.default || "";
-            }), b[p.key] = [k];
+            const w = { id: 0 };
+            p.fields && p.fields.forEach((k) => {
+              k.fieldtype === "audience" ? w[k.key] = { users: [], groups: [], roles: [] } : w[k.key] = k.default || "";
+            }), b[p.key] = [w];
           } else if (p.type === "section") {
-            const k = {};
-            p.fields && Array.isArray(p.fields) && p.fields.forEach((w) => {
-              w.key && (w.fieldtype === "managecollectionlist" ? k[w.key] = w.initialData || [] : k[w.key] = w.default || "");
-            }), b[p.key] = k;
+            const w = {};
+            p.fields && Array.isArray(p.fields) && p.fields.forEach((k) => {
+              k.key && (k.fieldtype === "managecollectionlist" ? w[k.key] = k.initialData || [] : w[k.key] = k.default || "");
+            }), b[p.key] = w;
           } else
             b[p.key] = {};
       }), N(b), r(b);
@@ -5271,18 +5272,18 @@ function Ss({
         d(!0);
         let p = await Ze(R);
         if (p) {
-          const k = q(p);
-          N(k), r(k);
+          const w = q(p);
+          N(w), r(w);
         } else
           $();
       } catch (p) {
         console.error("Error fetching configuration:", p);
-        let k = "Failed to load configuration";
+        let w = "Failed to load configuration";
         if (p.response) {
-          const w = p.response.status, T = p.response.data?.message || p.response.data?.error;
-          w === 400 ? k = T || "Invalid request. Please check the application ID." : w === 401 ? k = "You are not authorized to access this configuration." : w === 403 ? k = "Access denied. You don't have permission to view this configuration." : w === 404 ? k = "Configuration not found. It may not exist yet or the application ID is incorrect." : w >= 500 ? k = T || "Server error. Please try again later." : k = T || `Failed to load configuration (Error ${w})`;
-        } else p.request ? k = "Network error. Please check your connection and try again." : k = p.message || "An unexpected error occurred while loading configuration.";
-        qe.error(k), $();
+          const k = p.response.status, T = p.response.data?.message || p.response.data?.error;
+          k === 400 ? w = T || "Invalid request. Please check the application ID." : k === 401 ? w = "You are not authorized to access this configuration." : k === 403 ? w = "Access denied. You don't have permission to view this configuration." : k === 404 ? w = "Configuration not found. It may not exist yet or the application ID is incorrect." : k >= 500 ? w = T || "Server error. Please try again later." : w = T || `Failed to load configuration (Error ${k})`;
+        } else p.request ? w = "Network error. Please check your connection and try again." : w = p.message || "An unexpected error occurred while loading configuration.";
+        qe.error(w), $();
       } finally {
         d(!1);
       }
@@ -5290,100 +5291,100 @@ function Ss({
     a && (u(a), t ? b() : $());
   }, [a, j, t, s]);
   const x = (b, p) => {
-    console.log(`[DynamicConfig] handleSectionChange called for ${b}:`, p), N((k) => {
-      const w = {
-        ...k,
+    console.log(`[DynamicConfig] handleSectionChange called for ${b}:`, p), N((w) => {
+      const k = {
+        ...w,
         [b]: p
       };
-      return console.log("[DynamicConfig] Updated data state:", w), w;
-    }), F((k) => {
-      const w = { ...k };
-      return w[b] && delete w[b], w;
+      return console.log("[DynamicConfig] Updated data state:", k), k;
+    }), F((w) => {
+      const k = { ...w };
+      return k[b] && delete k[b], k;
     });
   }, f = () => {
     const b = {};
     return !o || !h || o.configuration.forEach((p) => {
       if (p.type === "section")
-        p.fields.forEach((k) => {
-          const w = h[p.key]?.[k.key];
-          if (k.required && (!w || typeof w == "string" && w.trim() === "")) {
-            b[p.key] || (b[p.key] = {}), b[p.key][k.key] = `${k.label} is required`;
+        p.fields.forEach((w) => {
+          const k = h[p.key]?.[w.key];
+          if (w.required && (!k || typeof k == "string" && k.trim() === "")) {
+            b[p.key] || (b[p.key] = {}), b[p.key][w.key] = `${w.label} is required`;
             return;
           }
-          if (k.fieldtype === "number" && w !== "" && w !== null && w !== void 0) {
-            const T = Number(w);
-            isNaN(T) ? (b[p.key] || (b[p.key] = {}), b[p.key][k.key] = `${k.label} must be a valid number`) : (k.min !== void 0 && T < k.min && (b[p.key] || (b[p.key] = {}), b[p.key][k.key] = `${k.label} must be at least ${k.min}`), k.max !== void 0 && T > k.max && (b[p.key] || (b[p.key] = {}), b[p.key][k.key] = `${k.label} must not exceed ${k.max}`));
+          if (w.fieldtype === "number" && k !== "" && k !== null && k !== void 0) {
+            const T = Number(k);
+            isNaN(T) ? (b[p.key] || (b[p.key] = {}), b[p.key][w.key] = `${w.label} must be a valid number`) : (w.min !== void 0 && T < w.min && (b[p.key] || (b[p.key] = {}), b[p.key][w.key] = `${w.label} must be at least ${w.min}`), w.max !== void 0 && T > w.max && (b[p.key] || (b[p.key] = {}), b[p.key][w.key] = `${w.label} must not exceed ${w.max}`));
           }
         });
       else if (p.type === "datatable") {
-        const k = h[p.key];
-        Array.isArray(k) && k.forEach((w, T) => {
-          p.fields.forEach((M) => {
-            const S = w[M.key];
-            if (M.required && (!S || typeof S == "string" && S.trim() === "")) {
-              b[p.key] || (b[p.key] = {}), b[p.key][T] || (b[p.key][T] = {}), b[p.key][T][M.key] = `${M.label} is required`;
+        const w = h[p.key];
+        Array.isArray(w) && w.forEach((k, T) => {
+          p.fields.forEach((L) => {
+            const C = k[L.key];
+            if (L.required && (!C || typeof C == "string" && C.trim() === "")) {
+              b[p.key] || (b[p.key] = {}), b[p.key][T] || (b[p.key][T] = {}), b[p.key][T][L.key] = `${L.label} is required`;
               return;
             }
-            if (M.fieldtype === "number" && S !== "" && S !== null && S !== void 0) {
-              const B = Number(S);
-              isNaN(B) ? (b[p.key] || (b[p.key] = {}), b[p.key][T] || (b[p.key][T] = {}), b[p.key][T][M.key] = `${M.label} must be a valid number`) : (M.min !== void 0 && B < M.min && (b[p.key] || (b[p.key] = {}), b[p.key][T] || (b[p.key][T] = {}), b[p.key][T][M.key] = `${M.label} must be at least ${M.min}`), M.max !== void 0 && B > M.max && (b[p.key] || (b[p.key] = {}), b[p.key][T] || (b[p.key][T] = {}), b[p.key][T][M.key] = `${M.label} must not exceed ${M.max}`));
+            if (L.fieldtype === "number" && C !== "" && C !== null && C !== void 0) {
+              const M = Number(C);
+              isNaN(M) ? (b[p.key] || (b[p.key] = {}), b[p.key][T] || (b[p.key][T] = {}), b[p.key][T][L.key] = `${L.label} must be a valid number`) : (L.min !== void 0 && M < L.min && (b[p.key] || (b[p.key] = {}), b[p.key][T] || (b[p.key][T] = {}), b[p.key][T][L.key] = `${L.label} must be at least ${L.min}`), L.max !== void 0 && M > L.max && (b[p.key] || (b[p.key] = {}), b[p.key][T] || (b[p.key][T] = {}), b[p.key][T][L.key] = `${L.label} must not exceed ${L.max}`));
             }
           });
         });
       }
     }), b;
-  }, C = (b) => Object.keys(b).length > 0, O = () => {
+  }, z = (b) => Object.keys(b).length > 0, O = () => {
     if (g) {
       console.log("[handleSave] Already saving, ignoring duplicate call");
       return;
     }
     console.log("[handleSave] Starting save process");
     const b = f();
-    if (F(b), C(b)) {
-      let k = [];
-      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((M) => {
-            k.push(`${w} row ${parseInt(T) + 1}: ${b[w][T][M]}`);
-          }) : k.push(`${w}: ${b[w][T]}`);
+    if (F(b), z(b)) {
+      let w = [];
+      Object.keys(b).forEach((k) => {
+        typeof b[k] == "object" && Object.keys(b[k]).forEach((T) => {
+          typeof b[k][T] == "object" ? Object.keys(b[k][T]).forEach((L) => {
+            w.push(`${k} row ${parseInt(T) + 1}: ${b[k][T][L]}`);
+          }) : w.push(`${k}: ${b[k][T]}`);
         });
       });
       return;
     }
     (async () => {
       try {
-        z(!0);
-        const k = {};
+        S(!0);
+        const w = {};
         h && Object.keys(h).forEach((T) => {
-          const M = a?.configuration?.find(
-            (S) => S.key === T && S.type === "datatable"
+          const L = a?.configuration?.find(
+            (C) => C.key === T && C.type === "datatable"
           );
-          M && Array.isArray(h[T]) ? k[T] = h[T].map((S) => {
-            const B = { id: S.id || 0 };
-            return M.fields && M.fields.forEach((_) => {
+          L && Array.isArray(h[T]) ? w[T] = h[T].map((C) => {
+            const M = { id: C.id || 0 };
+            return L.fields && L.fields.forEach((_) => {
               if (_.fieldtype === "audience") {
                 let E = { users: [], groups: [], roles: [] };
-                S[_.key] && typeof S[_.key] == "object" && !Array.isArray(S[_.key]) && (E = {
-                  users: S[_.key].users || [],
-                  groups: S[_.key].groups || [],
-                  roles: S[_.key].roles || []
-                }), B[_.key] = E;
+                C[_.key] && typeof C[_.key] == "object" && !Array.isArray(C[_.key]) && (E = {
+                  users: C[_.key].users || [],
+                  groups: C[_.key].groups || [],
+                  roles: C[_.key].roles || []
+                }), M[_.key] = E;
               } else
-                B[_.key] = S[_.key] || "";
-            }), B;
-          }) : k[T] = h[T];
-        }), (!k.appkey || k.appkey === "") && (k.appkey = t);
-        let w = await xt(P, k);
-        if (w && w.status != "fail") {
+                M[_.key] = C[_.key] || "";
+            }), M;
+          }) : w[T] = h[T];
+        }), (!w.appkey || w.appkey === "") && (w.appkey = t);
+        let k = await xt(P, w);
+        if (k && k.status != "fail") {
           F({}), r(JSON.parse(JSON.stringify(h)));
-          const T = w.message || "Configuration has been saved successfully";
+          const T = k.message || "Configuration has been saved successfully";
           qe.success(T), i && typeof i == "function" && i(h);
         } else
-          throw qe.error(w?.message || "Failed to save configuration"), new Error("No response received from server");
-      } catch (k) {
-        console.error("Error saving configuration:", k), qe.error(k?.message || "Failed to save configuration");
+          throw qe.error(k?.message || "Failed to save configuration"), new Error("No response received from server");
+      } catch (w) {
+        console.error("Error saving configuration:", w), qe.error(w?.message || "Failed to save configuration");
       } finally {
-        z(!1);
+        S(!1);
       }
     })();
   }, I = () => {
@@ -5403,10 +5404,10 @@ function Ss({
         children: [
           v && /* @__PURE__ */ e("div", { className: "flex justify-center items-center h-64", children: /* @__PURE__ */ e(ba, { size: "large" }) }),
           !v && D?.map((b, p) => {
-            const k = zs(b.type);
-            if (k && k !== "UnknownType")
+            const w = zs(b.type);
+            if (w && w !== "UnknownType")
               return /* @__PURE__ */ e(
-                k,
+                w,
                 {
                   item: b,
                   data: h,
@@ -5448,7 +5449,7 @@ const Kl = ({
   appid: a = "Configuration-Page",
   disableApi: s = !1
 }) => {
-  const [i, l] = L(0), [m, o] = L(!1), {
+  const [i, l] = B(0), [m, o] = B(!1), {
     pageHeader: u = {},
     appletHeader: h = {},
     breadcrumb: N = [],
@@ -5456,19 +5457,19 @@ const Kl = ({
     configuration: r = []
   } = t, v = ae(() => r.map((f) => {
     if (f.type === "section" && f.fields) {
-      const C = [...f.fields], O = C.findIndex((I) => I && I.key === "appkey");
+      const z = [...f.fields], O = z.findIndex((I) => I && I.key === "appkey");
       if (O !== -1) {
-        const I = C[O];
-        if (C[O] = {
+        const I = z[O];
+        if (z[O] = {
           ...I,
           default: a,
           value: a,
           readonly: !0,
           placeholder: a,
           disabled: !1
-        }, C.some((b) => b.key === "displayname")) {
-          const b = C.findIndex((k) => k.key === "displayname"), p = C[b] || {};
-          C[b] = {
+        }, z.some((b) => b.key === "displayname")) {
+          const b = z.findIndex((w) => w.key === "displayname"), p = z[b] || {};
+          z[b] = {
             ...p,
             default: p.default || p.value || a,
             placeholder: p.placeholder || "Enter display name"
@@ -5483,12 +5484,12 @@ const Kl = ({
             placeholder: "Enter display name",
             required: !1
           };
-          C.splice(O + 1, 0, b);
+          z.splice(O + 1, 0, b);
         }
       }
       return {
         ...f,
-        fields: C
+        fields: z
       };
     }
     return f;
@@ -5501,7 +5502,7 @@ const Kl = ({
   }, g = N.map((f) => ({
     label: f.text,
     href: f.href || "#"
-  })), z = K(() => {
+  })), S = K(() => {
     o(!0);
   }, []), A = K((f) => {
     o(!1), f.primary && window.history.back();
@@ -5511,7 +5512,7 @@ const Kl = ({
     window.history.back();
   }, []), P = (() => {
     if (h.headingKey && Array.isArray(r)) {
-      const f = h.headingKey.split("."), C = f[0], O = f[1], I = r.find((D) => D && D.key === C);
+      const f = h.headingKey.split("."), z = f[0], O = f[1], I = r.find((D) => D && D.key === z);
       if (I && I.fields) {
         const D = I.fields.find((b) => b && b.key === O);
         if (D)
@@ -5521,8 +5522,8 @@ const Kl = ({
     if (Array.isArray(r)) {
       for (const f of r)
         if (f && f.fields) {
-          const C = f.fields.find((O) => O && O.key === "displayname");
-          if (C) return C.default ?? C.value ?? a;
+          const z = f.fields.find((O) => O && O.key === "displayname");
+          if (z) return z.default ?? z.value ?? a;
         }
     }
     return h.heading || a;
@@ -5554,8 +5555,8 @@ const Kl = ({
     configuration: v
   }), [v]), q = ae(() => [
     { label: "Overview", content: x(U) },
-    { label: "Configuration", content: /* @__PURE__ */ e(Ss, { appid: a, configdata: Y, disableApi: s, onSave: F, onShowCancelModal: z, onCancel: R }) }
-  ], [a, Y, s, F, z, R, U]);
+    { label: "Configuration", content: /* @__PURE__ */ e(Ss, { appid: a, configdata: Y, disableApi: s, onSave: F, onShowCancelModal: S, onCancel: R }) }
+  ], [a, Y, s, F, S, R, U]);
   function $(f) {
     return f ? f.includes("<svg") ? /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: f } }) : f : "📱";
   }
@@ -5585,10 +5586,10 @@ const Kl = ({
       ] }),
       /* @__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: f.features.map((C, O) => /* @__PURE__ */ n("li", { children: [
-          /* @__PURE__ */ e("span", { className: "font-semibold", children: C.title }),
+        /* @__PURE__ */ e("ul", { className: "space-y-3", children: f.features.map((z, O) => /* @__PURE__ */ n("li", { children: [
+          /* @__PURE__ */ e("span", { className: "font-semibold", children: z.title }),
           /* @__PURE__ */ e("br", {}),
-          /* @__PURE__ */ e("span", { className: "text-gray-700", children: C.description })
+          /* @__PURE__ */ e("span", { className: "text-gray-700", children: z.description })
         ] }, O)) })
       ] })
     ] });
@@ -5609,25 +5610,25 @@ const Kl = ({
       /* @__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: j.heading }),
         /* @__PURE__ */ e("p", { className: "text-[13px] text-[#101112] mt-1 mb-0 max-w-[800px] leading-normal", children: j.subHeading }),
-        /* @__PURE__ */ e("div", { className: "mt-2 flex flex-wrap gap-2", children: j.tags && j.tags.map((f, C) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "mt-2 flex flex-wrap gap-2", children: j.tags && j.tags.map((f, z) => /* @__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: f
           },
-          C
+          z
         )) })
       ] })
     ] }),
     /* @__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: q.map((f, C) => /* @__PURE__ */ e(
+      /* @__PURE__ */ e("div", { className: "border-b border-gray-200", children: /* @__PURE__ */ e("nav", { className: "flex space-x-8", "aria-label": "Tabs", children: q.map((f, z) => /* @__PURE__ */ e(
         "button",
         {
-          onClick: () => l(C),
-          className: `${i === C ? "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`,
+          onClick: () => l(z),
+          className: `${i === z ? "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: f.label
         },
-        C
+        z
       )) }) }),
       /* @__PURE__ */ e("div", { className: "p-8 h-full overflow-y-auto", children: q[i].content })
     ] }),
@@ -5654,7 +5655,7 @@ const Kl = ({
   allowReorder: o = !0,
   initialData: u = null
 }) => {
-  const [h, N] = L(null), [y, r] = L(""), [v, d] = L(() => Array.isArray(u) ? u : []), [g, z] = L(null), [A, F] = L(null), [R, P] = L("");
+  const [h, N] = B(null), [y, r] = B(""), [v, d] = B(() => Array.isArray(u) ? u : []), [g, S] = B(null), [A, F] = B(null), [R, P] = B("");
   te(() => {
     Array.isArray(u) && d(u);
   }, [u]);
@@ -5662,65 +5663,65 @@ const Kl = ({
     l && (N(p._id), r(p.categoryName || ""));
   }, U = () => {
     if (!i || h !== null) return;
-    const k = (v.length > 0 ? Math.max(...v.map((w) => typeof w._id == "number" ? w._id : 0)) : 0) + 1;
-    d((w) => [
-      ...w,
+    const w = (v.length > 0 ? Math.max(...v.map((k) => typeof k._id == "number" ? k._id : 0)) : 0) + 1;
+    d((k) => [
+      ...k,
       {
-        _id: k,
+        _id: w,
         categoryName: "",
         links: [],
-        order: (w.at(-1)?.order ?? 0) + 1,
+        order: (k.at(-1)?.order ?? 0) + 1,
         protected: !1,
         _class: "com.unifyed.model.Collection"
       }
-    ]), N(k), r("");
+    ]), N(w), r("");
   }, Y = () => {
     h != null && (d((p) => {
-      const w = !Array.isArray(u) || !u.some((T) => T._id === h) ? p.filter((T) => T._id !== h) : p;
-      return a?.(w), w;
+      const k = !Array.isArray(u) || !u.some((T) => T._id === h) ? p.filter((T) => T._id !== h) : p;
+      return a?.(k), k;
     }), N(null), r(""));
   }, q = () => {
     h == null || !y.trim() || (d((p) => {
-      const k = p.map((w) => w._id === h ? {
-        ...w,
+      const w = p.map((k) => k._id === h ? {
+        ...k,
         categoryName: y.trim()
-      } : w);
-      return a?.(k), k;
+      } : k);
+      return a?.(w), w;
     }), N(null), r(""));
   }, $ = (p) => {
-    m && d((k) => {
-      const w = k.filter((T) => T._id !== p._id);
-      return a?.(w), w;
+    m && d((w) => {
+      const k = w.filter((T) => T._id !== p._id);
+      return a?.(k), k;
     });
-  }, x = (p, k, w) => {
-    const T = Number(k), M = Number(w);
-    if (!o || T === M) return p;
-    const S = p.findIndex((G) => Number(G._id) === T), B = p.findIndex((G) => Number(G._id) === M);
-    if (S === -1 || B === -1) return p;
-    const _ = [...p], [E] = _.splice(S, 1);
-    return _.splice(B, 0, E), _.map((G, J) => ({ ...G, order: J + 1 }));
-  }, f = (p, k) => {
-    o && (p.dataTransfer.effectAllowed = "move", p.dataTransfer.setData("text/plain", String(k)), z(Number(k)));
-  }, C = (p) => {
+  }, x = (p, w, k) => {
+    const T = Number(w), L = Number(k);
+    if (!o || T === L) return p;
+    const C = p.findIndex((G) => Number(G._id) === T), M = p.findIndex((G) => Number(G._id) === L);
+    if (C === -1 || M === -1) return p;
+    const _ = [...p], [E] = _.splice(C, 1);
+    return _.splice(M, 0, E), _.map((G, W) => ({ ...G, order: W + 1 }));
+  }, f = (p, w) => {
+    o && (p.dataTransfer.effectAllowed = "move", p.dataTransfer.setData("text/plain", String(w)), S(Number(w)));
+  }, z = (p) => {
     g && p !== A && F(p);
   }, O = (p) => {
     p.preventDefault();
-  }, I = (p, k) => {
+  }, I = (p, w) => {
     p.preventDefault();
-    const w = p.dataTransfer.getData("text/plain"), T = w === "0" ? 0 : Number(w), M = k === "0" ? 0 : Number(k);
-    T === void 0 || M === void 0 || (d((S) => {
-      const B = x(S, T, M);
-      return a?.(B), B;
-    }), z(null), F(null));
+    const k = p.dataTransfer.getData("text/plain"), T = k === "0" ? 0 : Number(k), L = w === "0" ? 0 : Number(w);
+    T === void 0 || L === void 0 || (d((C) => {
+      const M = x(C, T, L);
+      return a?.(M), M;
+    }), S(null), F(null));
   }, D = () => {
-    z(null), F(null);
+    S(null), F(null);
   }, b = Array.isArray(v) ? v.filter(
     (p) => p.categoryName?.toLowerCase().includes(R.toLowerCase())
   ) : [];
   return /* @__PURE__ */ n("div", { className: `manage-collection-list ${t}`, children: [
     /* @__PURE__ */ e("div", { className: "flex justify-end", children: /* @__PURE__ */ n("div", { className: "w-1/2 flex justify-end", children: [
       s && /* @__PURE__ */ e(
-        pe,
+        ge,
         {
           value: R,
           onDebouncedChange: P,
@@ -5742,31 +5743,31 @@ const Kl = ({
       )
     ] }) }),
     /* @__PURE__ */ e("div", { className: "mt-5 flex flex-col", children: b.map((p) => {
-      const k = h === p._id, w = p?.links?.length ?? 0, T = g === p._id, M = A === p._id && g !== p._id;
+      const w = h === p._id, k = p?.links?.length ?? 0, T = g === p._id, L = A === p._id && g !== p._id;
       return /* @__PURE__ */ e(
         "div",
         {
-          onDragEnter: () => C(p._id),
+          onDragEnter: () => z(p._id),
           onDragOver: O,
-          onDrop: (S) => I(S, p._id),
+          onDrop: (C) => I(C, p._id),
           onDragEnd: D,
           className: [
             "flex items-center justify-between p-3 border rounded-2xl mb-3",
             "border-gray-300",
-            M ? "ring-2 ring-gray-800/20" : "",
+            L ? "ring-2 ring-gray-800/20" : "",
             T ? "opacity-60" : ""
           ].join(" "),
-          children: k ? /* @__PURE__ */ n(ee, { children: [
+          children: w ? /* @__PURE__ */ n(ee, { 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: y,
-                placeholder: !Array.isArray(u) || !u.some((S) => S._id === p._id) ? "New collection name" : "Edit collection name",
-                onChange: (S) => r(S.target.value),
-                onKeyDown: (S) => {
-                  S.key === "Enter" && q(), S.key === "Escape" && Y();
+                placeholder: !Array.isArray(u) || !u.some((C) => C._id === p._id) ? "New collection name" : "Edit collection name",
+                onChange: (C) => r(C.target.value),
+                onKeyDown: (C) => {
+                  C.key === "Enter" && q(), C.key === "Escape" && Y();
                 },
                 autoFocus: !0
               }
@@ -5778,7 +5779,7 @@ const Kl = ({
                   className: "cursor-pointer border border-gray-300 p-2 rounded-2xl",
                   onClick: Y,
                   "aria-label": "Cancel edit",
-                  children: /* @__PURE__ */ e(xe, { color: "#767676" })
+                  children: /* @__PURE__ */ e(ve, { color: "#767676" })
                 }
               ),
               /* @__PURE__ */ e(
@@ -5805,14 +5806,14 @@ const Kl = ({
                   "aria-label": "Drag to reorder",
                   className: "cursor-grab active:cursor-grabbing p-1 -m-1 rounded-md hover:bg-gray-50",
                   draggable: !0,
-                  onDragStart: (S) => f(S, p._id),
+                  onDragStart: (C) => f(C, p._id),
                   children: /* @__PURE__ */ e(wt, {})
                 }
               ),
               /* @__PURE__ */ e("span", { children: p.categoryName })
             ] }),
             /* @__PURE__ */ n("div", { className: "flex gap-2 items-center", children: [
-              p.protected ? /* @__PURE__ */ e("span", { className: "text-sm text-gray-600 cursor-default", children: p.qlAppName }) : /* @__PURE__ */ e("span", { className: "text-sm text-blue-600 cursor-default", children: `${w} ${w === 1 ? "link" : "links"}` }),
+              p.protected ? /* @__PURE__ */ e("span", { className: "text-sm text-gray-600 cursor-default", children: p.qlAppName }) : /* @__PURE__ */ e("span", { className: "text-sm text-blue-600 cursor-default", children: `${k} ${k === 1 ? "link" : "links"}` }),
               l && /* @__PURE__ */ e(
                 "button",
                 {
@@ -5825,10 +5826,10 @@ const Kl = ({
               m && /* @__PURE__ */ e(
                 "span",
                 {
-                  className: w === 0 && !p.protected ? "cursor-pointer" : "cursor-not-allowed",
-                  title: w === 0 && !p.protected ? "Delete" : "Cannot delete a collection with linked items",
-                  onClick: w === 0 ? () => $(p) : null,
-                  children: /* @__PURE__ */ e(Le, { color: w === 0 ? "#767676" : "#C2C2C2" })
+                  className: k === 0 && !p.protected ? "cursor-pointer" : "cursor-not-allowed",
+                  title: k === 0 && !p.protected ? "Delete" : "Cannot delete a collection with linked items",
+                  onClick: k === 0 ? () => $(p) : null,
+                  children: /* @__PURE__ */ e(Le, { color: k === 0 ? "#767676" : "#C2C2C2" })
                 }
               )
             ] })
@@ -5928,34 +5929,37 @@ const Bt = () => {
   showPrint: v = !1,
   showExcel: d = !1,
   showPdf: g = !1,
-  showRefresh: z = !1,
+  showRefresh: S = !1,
   showAdd: A = !1,
+  iSelectedRecords: F = 0,
   // Additional props
-  searchPlaceholder: F = "Search...",
-  handleRefreshClick: R = () => {
+  searchPlaceholder: R = "Search...",
+  handleRefreshClick: P = () => {
   },
-  handleSearchChange: P = () => {
+  handleSearchChange: j = () => {
+  },
+  handleDeleteClick: U = () => {
   },
   // Optional: override export file names
-  excelFileName: j,
-  pdfFileName: U,
-  searchIconSize: Y,
-  searchIconClass: q,
-  inputStyle: $
+  excelFileName: Y,
+  pdfFileName: q,
+  searchIconSize: $,
+  searchIconClass: x,
+  inputStyle: f
 }) => {
-  const x = () => l?.current || i?.current, [f, C] = re.useState(""), O = (t || "export").toString().trim() || "export", I = `${j || O}.xlsx`, D = `${U || O}.pdf`, b = (w, T, M) => Math.max(T, Math.min(w, M)), p = K(
-    (w) => {
-      const T = x();
-      if (T?.openColumnChooser) {
-        if (typeof window > "u" || !w?.currentTarget) {
-          T.openColumnChooser();
+  const z = () => l?.current || i?.current, [O, I] = re.useState(""), D = (t || "export").toString().trim() || "export", b = `${Y || D}.xlsx`, p = `${q || D}.pdf`, w = (L, C, M) => Math.max(C, Math.min(L, M)), k = K(
+    (L) => {
+      const C = z();
+      if (C?.openColumnChooser) {
+        if (typeof window > "u" || !L?.currentTarget) {
+          C.openColumnChooser();
           return;
         }
         try {
-          const M = w.currentTarget.getBoundingClientRect(), S = M.left + window.scrollX, B = M.bottom + window.scrollY;
-          let _ = S - 120, E = B - 120;
-          const G = window.innerWidth, J = window.innerHeight;
-          _ = b(_, window.scrollX + 8, window.scrollX + G - 340), E = b(E, window.scrollY, window.scrollY + J - 120), T.openColumnChooser(_, E);
+          const M = L.currentTarget.getBoundingClientRect(), _ = M.left + window.scrollX, E = M.bottom + window.scrollY;
+          let G = _ - 120, W = E - 120;
+          const pe = window.innerWidth, Ne = window.innerHeight;
+          G = w(G, window.scrollX + 8, window.scrollX + pe - 340), W = w(W, window.scrollY, window.scrollY + Ne - 120), C.openColumnChooser(G, W);
         } catch (M) {
           console.log("coloumn choose error", M);
         }
@@ -5963,34 +5967,36 @@ const Bt = () => {
     },
     []
     // no external deps; reads ref at call time
-  ), k = K(
-    (w, T) => {
-      const M = x();
+  ), T = K(
+    (L, C) => {
+      const M = z();
       if (M)
-        switch (w) {
+        switch (L) {
           case "Delete": {
-            const S = M.getSelectedRecords();
-            console.log("delete action is clicked", S), N && M.getSelectedRecords?.();
+            if (N) {
+              const _ = M.getSelectedRecords();
+              return U(_);
+            }
             break;
           }
           case "ColumnChooser":
-            y && (T ? p(T) : M.openColumnChooser?.());
+            y && (C ? k(C) : M.openColumnChooser?.());
             break;
           case "Print":
             v && M.print?.();
             break;
           case "Excel":
-            d && M.excelExport?.({ fileName: I });
+            d && M.excelExport?.({ fileName: b });
             break;
           case "Pdf":
-            g && M.pdfExport?.({ fileName: D });
+            g && M.pdfExport?.({ fileName: p });
             break;
           case "Refresh":
-            z && R();
+            S && P();
             break;
         }
     },
-    [y, v, d, g, z, I, D, R, p]
+    [y, v, d, g, S, b, p, P, k]
   );
   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: [
@@ -6003,38 +6009,40 @@ const Bt = () => {
     ] }),
     /* @__PURE__ */ n("div", { className: "flex items-center gap-3", children: [
       h && /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ e(
-        pe,
+        ge,
         {
-          placeholder: F,
-          value: f,
-          onDebouncedChange: (w) => {
-            C(w), P(w);
+          placeholder: R,
+          value: O,
+          onDebouncedChange: (L) => {
+            I(L), j(L);
           },
-          searchIconSize: Y || 16,
-          searchIconClass: q || "",
-          inputStyle: $ || { paddingTop: "4px", paddingBottom: "4px" }
+          searchIconSize: $ || 16,
+          searchIconClass: x || "",
+          inputStyle: f || { paddingTop: "4px", paddingBottom: "4px" }
         }
       ) }),
       /* @__PURE__ */ n("div", { className: "flex gap-3", children: [
         /* @__PURE__ */ n("div", { className: "flex items-center gap-1.5", children: [
+          console.log("iSelectedRecords", F),
           N && /* @__PURE__ */ e(
-            ke,
+            Ce,
             {
               icon: Le,
-              onClick: () => k("Delete"),
-              ariaLabel: "Delete"
+              onClick: () => T("Delete"),
+              ariaLabel: "Delete",
+              disabled: F === 0
             }
           ),
           y && /* @__PURE__ */ e(
-            ke,
+            Ce,
             {
               icon: vr,
-              onClick: (w) => k("ColumnChooser", w),
+              onClick: (L) => T("ColumnChooser", L),
               ariaLabel: "Column Chooser"
             }
           ),
           r && /* @__PURE__ */ e(
-            ke,
+            Ce,
             {
               icon: Nr,
               onClick: o,
@@ -6042,34 +6050,34 @@ const Bt = () => {
             }
           ),
           v && /* @__PURE__ */ e(
-            ke,
+            Ce,
             {
               icon: wr,
-              onClick: () => k("Print"),
+              onClick: () => T("Print"),
               ariaLabel: "Print"
             }
           ),
           d && /* @__PURE__ */ e(
-            ke,
+            Ce,
             {
               icon: kr,
-              onClick: () => k("Excel"),
+              onClick: () => T("Excel"),
               ariaLabel: "Excel Download"
             }
           ),
           g && /* @__PURE__ */ e(
-            ke,
+            Ce,
             {
               icon: Cr,
-              onClick: () => k("Pdf"),
+              onClick: () => T("Pdf"),
               ariaLabel: "PDF Download"
             }
           ),
-          z && /* @__PURE__ */ e(
-            ke,
+          S && /* @__PURE__ */ e(
+            Ce,
             {
               icon: zr,
-              onClick: () => k("Refresh"),
+              onClick: () => T("Refresh"),
               ariaLabel: "Refresh"
             }
           )
@@ -6090,7 +6098,6 @@ const Bt = () => {
   ] });
 };
 function ai(t) {
-  console.log("consoling from CustomDataGrid****");
   const {
     data: a = [],
     totalCount: s = 0,
@@ -6107,7 +6114,7 @@ function ai(t) {
     allowExcelExport: v = !1,
     allowPdfExport: d = !1,
     showColumnChooser: g = !1,
-    enableSearchApi: z = !1,
+    enableSearchApi: S = !1,
     height: A = "600",
     selectionSettings: F,
     enableCheckbox: R = !1,
@@ -6118,11 +6125,11 @@ function ai(t) {
     onRowDoubleClick: q,
     apiRef: $,
     gridProps: x = {}
-  } = t, f = be(null), {
-    pageSettings: C,
+  } = t, f = fe(null), {
+    pageSettings: z,
     sortSettings: O,
     ...I
-  } = x || {}, [D, b] = re.useState(C?.page || l), [p, k] = re.useState(C?.pageSize || m), [w, T] = re.useState(O?.sortKey || "updatedDate"), [M, S] = re.useState(O?.direction || "Descending"), B = ae(() => {
+  } = x || {}, [D, b] = re.useState(z?.page || l), [p, w] = re.useState(z?.pageSize || m), [k, T] = re.useState(O?.sortKey || "updatedDate"), [L, C] = re.useState(O?.direction || "Descending"), M = ae(() => {
     const V = F || {
       type: "Multiple",
       mode: "Row"
@@ -6138,12 +6145,12 @@ function ai(t) {
     } : V;
   }, [F, R]), _ = ae(() => {
     const V = [ln];
-    return (R || F) && V.push(on), u && V.push(cn), h && V.push(dn), N && V.push(mn), z && V.push(un), v && V.push(hn), d && V.push(pn), g && V.push(gn), r && V.push(bn), y && V.push(fn), V.push(yn), V;
+    return (R || F) && V.push(on), u && V.push(cn), h && V.push(dn), N && V.push(mn), S && V.push(un), v && V.push(hn), d && V.push(pn), g && V.push(gn), r && V.push(bn), y && V.push(fn), V.push(yn), V;
   }, [
     u,
     h,
     N,
-    z,
+    S,
     v,
     d,
     g,
@@ -6152,35 +6159,35 @@ function ai(t) {
     R,
     F
   ]), E = ae(() => {
-    const V = () => f.current, ne = (W, ce) => {
-      !ce && process.env.NODE_ENV !== "production" && console.warn(`[CustomDataGrid] ${W} requested but related service/feature is disabled.`);
+    const V = () => f.current, ne = (J, ce) => {
+      !ce && process.env.NODE_ENV !== "production" && console.warn(`[CustomDataGrid] ${J} requested but related service/feature is disabled.`);
     };
     return {
       getInstance: () => V(),
       refresh: () => V()?.refresh?.(),
       getSelectedRecords: () => V()?.getSelectedRecords?.() ?? [],
       clearSelection: () => V()?.clearSelection?.(),
-      selectRow: (W, ce = !1) => V()?.selectRow?.(W, ce),
-      selectRows: (W, ce = !1) => V()?.selectRows?.(W, ce),
-      search: (W) => {
-        ne("search()", z), V()?.search?.(W);
+      selectRow: (J, ce = !1) => V()?.selectRow?.(J, ce),
+      selectRows: (J, ce = !1) => V()?.selectRows?.(J, ce),
+      search: (J) => {
+        ne("search()", S), V()?.search?.(J);
       },
       print: () => V()?.print?.(),
-      excelExport: (W) => {
-        ne("excelExport()", v), V()?.excelExport?.(W);
+      excelExport: (J) => {
+        ne("excelExport()", v), V()?.excelExport?.(J);
       },
-      pdfExport: (W) => {
-        ne("pdfExport()", d), V()?.pdfExport?.(W);
+      pdfExport: (J) => {
+        ne("pdfExport()", d), V()?.pdfExport?.(J);
       },
-      openColumnChooser: (W, ce) => {
-        ne("openColumnChooser()", g), V()?.columnChooserModule?.openColumnChooser?.(W, ce);
+      openColumnChooser: (J, ce) => {
+        ne("openColumnChooser()", g), V()?.columnChooserModule?.openColumnChooser?.(J, ce);
       },
       // Additional useful methods
       getColumns: () => V()?.getColumns?.(),
       getFilteredRecords: () => V()?.getFilteredRecords?.(),
-      autoFitColumns: (W) => V()?.autoFitColumns?.(W)
+      autoFitColumns: (J) => V()?.autoFitColumns?.(J)
     };
-  }, [z, v, d, g]);
+  }, [S, v, d, g]);
   te(() => {
     $ && ($.current = E);
   }, [$, E]), te(() => () => {
@@ -6189,8 +6196,8 @@ function ai(t) {
   const G = (V) => {
     const ne = String(V || "");
     return ne === "Ascending" || ne === "Descending" ? ne : ne.toLowerCase() === "ascending" ? "Ascending" : "Descending";
-  }, J = (V) => {
-    const ne = f.current, W = V?.requestType, ce = 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 ?? p, _e = V?.currentPage ?? ne?.pageSettings?.currentPage ?? l, rt = V?.columnName && V?.direction ? [{ field: V.columnName, dir: G(V.direction) }] : (ne?.sortSettings?.columns || []).map((Ie) => ({
+  }, W = (V) => {
+    const ne = f.current, J = V?.requestType, ce = J === "paging" ? "paging" : J === "sorting" ? "sorting" : J === "searching" ? "searching" : J === "filtering" ? "filtering" : J === "grouping" ? "grouping" : J === "reorder" ? "reorder" : J === "columnstate" ? "columnstate" : "other", Re = V?.pageSize ?? ne?.pageSettings?.pageSize ?? p, _e = V?.currentPage ?? ne?.pageSettings?.currentPage ?? l, rt = V?.columnName && V?.direction ? [{ field: V.columnName, dir: G(V.direction) }] : (ne?.sortSettings?.columns || []).map((Ie) => ({
       field: Ie.field,
       dir: G(Ie.direction ?? Ie.dir)
     })), nt = V?.searchString ?? "", st = V?.columns ?? ne?.filterSettings?.columns ?? [];
@@ -6207,11 +6214,11 @@ function ai(t) {
       filters: st,
       rawEvent: V
     };
-  }, ve = (V) => {
+  }, pe = (V) => {
     setTimeout(() => {
       f?.current?.hideSpinner();
-    }, 1e3), V.requestType === "paging" && (b(V.currentPage), k(V.pageSize)), V.requestType === "sorting" && (T(V.columnName || "updatedDate"), S(V.direction)), j?.(J(V), V);
-  }, $e = (V) => {
+    }, 1e3), V.requestType === "paging" && (b(V.currentPage), w(V.pageSize)), V.requestType === "sorting" && (T(V.columnName || "updatedDate"), C(V.direction)), j?.(W(V), V);
+  }, Ne = (V) => {
     q?.(V?.rowData, V);
   }, Ta = () => {
     const V = [];
@@ -6228,7 +6235,7 @@ function ai(t) {
         },
         "__checkbox__"
       )
-    ), P.forEach((ne, W) => {
+    ), P.forEach((ne, J) => {
       const {
         field: ce,
         headerText: Re,
@@ -6268,7 +6275,7 @@ function ai(t) {
             customAttributes: Ba,
             ...Va
           },
-          ce || `col-${W}`
+          ce || `col-${J}`
         )
       );
     }), V;
@@ -6277,12 +6284,12 @@ function ai(t) {
   const Aa = ae(() => ({
     currentPage: D,
     pageSize: p,
-    pageSizes: C?.pageSizes ?? [10, 20, 40, 60, 80, 100],
+    pageSizes: z?.pageSizes ?? [10, 20, 40, 60, 80, 100],
     totalCount: s
-  }), [D, p, C?.pageSizes, s]), Fa = ae(() => O ?? {
-    columns: [{ field: w, direction: G(M) }],
+  }), [D, p, z?.pageSizes, s]), Fa = ae(() => O ?? {
+    columns: [{ field: k, direction: G(L) }],
     allowUnsort: !1
-  }, [O, w, M]);
+  }, [O, k, L]);
   return /* @__PURE__ */ n(
     xn,
     {
@@ -6300,13 +6307,13 @@ function ai(t) {
       allowReordering: y,
       allowResizing: r,
       showColumnChooser: g,
-      selectionSettings: B,
+      selectionSettings: M,
       pageSettings: Aa,
       sortSettings: Fa,
-      actionBegin: ve,
+      actionBegin: pe,
       rowSelected: U,
       rowDeselected: Y,
-      recordDoubleClick: $e,
+      recordDoubleClick: Ne,
       cssClass: "custom-grid-padding",
       ...I,
       children: [
@@ -6434,7 +6441,7 @@ function Ts({
           /* @__PURE__ */ e("span", { children: N })
         ] }),
         /* @__PURE__ */ n("div", { className: "mt-2 flex items-center gap-3", children: [
-          /* @__PURE__ */ e(Ne, { name: "John", size: "medium" }),
+          /* @__PURE__ */ e(we, { name: "John", size: "medium" }),
           /* @__PURE__ */ n("div", { className: "leading-tight", children: [
             /* @__PURE__ */ e("div", { className: "text-sm font-medium text-zinc-800 dark:text-zinc-100", children: h }),
             /* @__PURE__ */ e("div", { className: `text-zinc-500 dark:text-zinc-400 ${g.meta}`, children: N })
@@ -6576,9 +6583,9 @@ function Is({
                     ] }),
                     /* @__PURE__ */ n("div", { className: "flex gap-1 justify-center items-center", children: [
                       /* @__PURE__ */ n(zn, { children: [
-                        /* @__PURE__ */ e(Ne, { size: "small", src: d.avatar, name: "John" }),
-                        /* @__PURE__ */ e(Ne, { size: "small", src: d.avatar, name: "Omi" }),
-                        /* @__PURE__ */ e(Ne, { size: "small", src: d.avatar, name: "Raj" })
+                        /* @__PURE__ */ e(we, { size: "small", src: d.avatar, name: "John" }),
+                        /* @__PURE__ */ e(we, { size: "small", src: d.avatar, name: "Omi" }),
+                        /* @__PURE__ */ e(we, { size: "small", src: d.avatar, name: "Raj" })
                       ] }),
                       /* @__PURE__ */ n("span", { className: "ml-2 text-slate-400", children: [
                         "+ ",
@@ -6828,18 +6835,18 @@ function _s({
   // optional full embed URL override
   ...v
 }) {
-  const d = de(t), g = me[d], z = Bs[d], A = r || js(N, y);
+  const d = de(t), g = me[d], S = Bs[d], A = r || js(N, y);
   return /* @__PURE__ */ e(
     oe,
     {
-      className: `flex flex-col ${g.card} ${z.wrap}`,
+      className: `flex flex-col ${g.card} ${S.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
       onSelect: i,
       identity: l,
       details: { type: "campus-map", title: m, campusName: o, activeFilter: h, mapQuery: N, zoom: y },
       ...v,
-      children: /* @__PURE__ */ n("div", { className: `relative mt-3 overflow-hidden rounded-2xl border border-zinc-200 dark:border-zinc-800 ${z.mapH}`, children: [
+      children: /* @__PURE__ */ n("div", { className: `relative mt-3 overflow-hidden rounded-2xl border border-zinc-200 dark:border-zinc-800 ${S.mapH}`, children: [
         /* @__PURE__ */ e(
           "iframe",
           {
@@ -6853,7 +6860,7 @@ function _s({
           }
         ),
         /* @__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 ${z.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 ${S.campusPill}`, children: [
             /* @__PURE__ */ e("span", { className: "truncate max-w-[60vw]", children: o }),
             /* @__PURE__ */ e("span", { className: "ml-2 text-zinc-400", children: "▾" })
           ] }),
@@ -6862,8 +6869,8 @@ function _s({
             /* @__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 ${z.chipGap} overflow-x-auto scrollbar-none`, children: u.map((F) => /* @__PURE__ */ e(Vs, { label: F, active: F === h, size: d }, F)) }) }),
-        /* @__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("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((F) => /* @__PURE__ */ e(Vs, { label: F, active: F === h, size: d }, F)) }) }),
+        /* @__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" })
         ] }) })
@@ -7034,7 +7041,7 @@ function Ws({
   selectedIndex: u = 0,
   ...h
 }) {
-  const [N, y] = L(u), r = de(t), v = me[r], d = Gs[r], g = o[N] || o[0], z = (F, R) => {
+  const [N, y] = B(u), r = de(t), v = me[r], d = Gs[r], g = o[N] || o[0], S = (F, R) => {
     y(R), i?.(F);
   }, A = r === "lg";
   return /* @__PURE__ */ n(
@@ -7061,7 +7068,7 @@ function Ws({
                 ev: F,
                 sizeMeta: d,
                 isSelected: R === N,
-                onClick: (P) => z(P, R)
+                onClick: (P) => S(P, R)
               },
               F._id || F.id || R
             )) }),
@@ -7075,7 +7082,7 @@ function Ws({
               ev: F,
               sizeMeta: d,
               isSelected: R === N,
-              onClick: (P) => z(P, R)
+              onClick: (P) => S(P, R)
             },
             F._id || F.id || R
           )) })
@@ -7222,7 +7229,7 @@ function Hs({ email: t, sizeMeta: a, isSelected: s, onClick: i, onStar: l, onPin
         /* @__PURE__ */ n("div", { className: "flex-grow min-w-0 space-y-1", children: [
           /* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
             /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ e(Ne, { name: t.sender, size: "small" }),
+              /* @__PURE__ */ e(we, { name: t.sender, size: "small" }),
               /* @__PURE__ */ e("span", { className: `${a.sender} text-zinc-900 dark:text-zinc-100 ${t.unread ? "font-bold" : ""}`, children: t.sender })
             ] }),
             /* @__PURE__ */ n("div", { className: `flex items-center gap-1 ${a.time} text-zinc-500 dark:text-zinc-400`, children: [
@@ -7251,7 +7258,7 @@ function Qs({
   onPin: N,
   ...y
 }) {
-  const [r, v] = L(u), d = de(t), g = me[d], z = Xs[d], A = (P, j) => {
+  const [r, v] = B(u), d = de(t), g = me[d], S = Xs[d], A = (P, j) => {
     v(j), i?.(P);
   }, F = (P) => {
     const j = { ...P, starred: !P.starred };
@@ -7263,7 +7270,7 @@ function Qs({
   return /* @__PURE__ */ n(
     oe,
     {
-      className: `flex flex-col ${g.card} ${z.wrap}`,
+      className: `flex flex-col ${g.card} ${S.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
       onSelect: i,
@@ -7272,12 +7279,12 @@ function Qs({
       ...y,
       children: [
         /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${g.title}`, children: m }) }),
-        /* @__PURE__ */ e(pe, { placeholder: "Type to search..." }),
+        /* @__PURE__ */ e(ge, { placeholder: "Type to search..." }),
         /* @__PURE__ */ e("div", { className: "space-y-0", children: o.map((P, j) => /* @__PURE__ */ e(
           Hs,
           {
             email: P,
-            sizeMeta: z,
+            sizeMeta: S,
             isSelected: j === r,
             onClick: (U) => A(U, j),
             onStar: F,
@@ -7420,7 +7427,7 @@ function Ut({ contact: t, sizeMeta: a, isSelected: s, onClick: i }) {
             /* @__PURE__ */ e("div", { className: `${a.department} text-zinc-500 dark:text-zinc-500 line-clamp-1`, children: t.department })
           ] })
         ] }),
-        /* @__PURE__ */ e(ye, { className: "h-4 w-4 text-zinc-400 group-hover:text-blue-500 transition-colors duration-200" })
+        /* @__PURE__ */ e(xe, { className: "h-4 w-4 text-zinc-400 group-hover:text-blue-500 transition-colors duration-200" })
       ]
     }
   );
@@ -7503,9 +7510,9 @@ function al({
   selectedIndex: u = 0,
   ...h
 }) {
-  const [N, y] = L(u), r = de(t), v = me[r], d = Ks[r], g = (F, R) => {
+  const [N, y] = B(u), r = de(t), v = me[r], d = Ks[r], g = (F, R) => {
     y(R), i?.(F);
-  }, z = o[N] || o[0], A = d.layout === "split";
+  }, S = o[N] || o[0], A = d.layout === "split";
   return /* @__PURE__ */ n(
     oe,
     {
@@ -7533,7 +7540,7 @@ function al({
           /* @__PURE__ */ e(
             el,
             {
-              contact: z,
+              contact: S,
               sizeMeta: d
             }
           )
@@ -7700,16 +7707,16 @@ function sl({
                 /* @__PURE__ */ e("div", { className: "mt-1 font-semibold text-green-600", children: Te(N) })
               ] })
             ] }),
-            /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: y.slice(0, 2).map((z, A) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: y.slice(0, 2).map((S, A) => /* @__PURE__ */ e(
               rl,
               {
                 side: A === 0 ? "left" : "right",
-                date: z.date,
-                title: z.title,
-                amount: z.amount,
-                kind: z.kind
+                date: S.date,
+                title: S.title,
+                amount: S.amount,
+                kind: S.kind
               },
-              z.id || A
+              S.id || A
             )) })
           ] })
         ] }),
@@ -7828,7 +7835,7 @@ function il({
   term: o = "Fall 2025",
   ...u
 }) {
-  const [h, N] = L("vacation"), [y, r] = L(!1), v = de(t), d = me[v], g = ll[v], z = Ye.find((A) => A.id === h) || Ye[0];
+  const [h, N] = B("vacation"), [y, r] = B(!1), v = de(t), d = me[v], g = ll[v], S = Ye.find((A) => A.id === h) || Ye[0];
   return /* @__PURE__ */ n(
     oe,
     {
@@ -7878,14 +7885,14 @@ function il({
           Ye.map((A) => /* @__PURE__ */ e(Gt, { leave: A, sizeMeta: g }, A.id))
         ) : g.showSingleLeave ? (
           // MD: Show active tab leave type
-          /* @__PURE__ */ e(Gt, { leave: z, sizeMeta: g })
+          /* @__PURE__ */ e(Gt, { leave: S, sizeMeta: g })
         ) : (
           // 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 ${g.table}`, children: "Available Leave" }),
-              /* @__PURE__ */ e("div", { className: `text-zinc-600 dark:text-zinc-400 ${g.table}`, children: z.available })
+              /* @__PURE__ */ e("div", { className: `text-zinc-600 dark:text-zinc-400 ${g.table}`, children: S.available })
             ] })
           ] }) })
         ) }),
@@ -8006,7 +8013,7 @@ function qt({ item: t, sizeMeta: a, showDate: s = !1 }) {
       /* @__PURE__ */ e("div", { className: `font-medium text-zinc-900 dark:text-zinc-100 truncate ${a.item}`, children: t.name }),
       s ? /* @__PURE__ */ e("div", { className: `text-zinc-500 dark:text-zinc-400 ${a.count}`, children: t.date }) : /* @__PURE__ */ e("div", { className: `text-zinc-500 dark:text-zinc-400 ${a.count}`, children: t.count })
     ] }),
-    /* @__PURE__ */ e(ye, { className: "h-4 w-4 text-zinc-400 group-hover:text-zinc-600 dark:group-hover:text-zinc-300 transition-colors duration-200" })
+    /* @__PURE__ */ e(xe, { className: "h-4 w-4 text-zinc-400 group-hover:text-zinc-600 dark:group-hover:text-zinc-300 transition-colors duration-200" })
   ] });
 }
 function ml({
@@ -8019,7 +8026,7 @@ function ml({
   subtitle: o = "Drive Shared",
   ...u
 }) {
-  const [h, N] = L(!1), y = de(t), r = me[y], v = dl[y];
+  const [h, N] = B(!1), y = de(t), r = me[y], v = dl[y];
   return /* @__PURE__ */ n(
     oe,
     {
@@ -8079,7 +8086,7 @@ function ml({
         ] }),
         /* @__PURE__ */ n("button", { className: "w-full py-3 px-4 border border-zinc-300 dark:border-zinc-600 text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-800 font-medium rounded-lg transition-colors duration-200 flex items-center justify-center gap-2", children: [
           "View All",
-          /* @__PURE__ */ e(ye, { className: "h-4 w-4" })
+          /* @__PURE__ */ e(xe, { className: "h-4 w-4" })
         ] })
       ]
     }
@@ -8211,13 +8218,13 @@ const ul = [
   }
 };
 function gl({ alert: t, sizeMeta: a, onDismiss: s, onMarkRead: i }) {
-  const [l, m] = L(!1), o = $a(t.type), u = pl(t.type);
+  const [l, m] = B(!1), o = $a(t.type), u = pl(t.type);
   return l ? null : /* @__PURE__ */ n("div", { className: `relative rounded-lg border-l-4 p-4 transition-all duration-200 ${o.bg} ${o.border} ${t.read ? "border-l-2 opacity-80" : "border-l-4"}`, style: { borderLeftColor: o.accent }, children: [
     /* @__PURE__ */ e(
       "button",
       {
         className: "absolute top-3 right-3 p-1 rounded hover:bg-black/5 dark:hover:bg-white/5 transition-colors duration-200",
-        children: /* @__PURE__ */ e(xe, { className: "h-3 w-3 text-zinc-500 dark:text-zinc-400" })
+        children: /* @__PURE__ */ e(ve, { className: "h-3 w-3 text-zinc-500 dark:text-zinc-400" })
       }
     ),
     /* @__PURE__ */ n("div", { className: "flex gap-3 pr-6", children: [
@@ -8235,7 +8242,7 @@ function gl({ alert: t, sizeMeta: a, onDismiss: s, onMarkRead: i }) {
   ] });
 }
 function bl({ alert: t, onDismiss: a }) {
-  const [s, i] = L(!1), l = $a("banner"), m = () => {
+  const [s, i] = B(!1), l = $a("banner"), m = () => {
     i(!0), a?.(t);
   };
   return s ? null : /* @__PURE__ */ e("div", { className: `rounded-lg border p-4  ${l.bg} ${l.border} relative`, children: /* @__PURE__ */ n("div", { className: "flex items-start gap-3", children: [
@@ -8249,7 +8256,7 @@ function bl({ alert: t, onDismiss: a }) {
       {
         onClick: m,
         className: "flex-shrink-0 p-1 rounded hover:bg-black/5 dark:hover:bg-white/5 transition-colors duration-200",
-        children: /* @__PURE__ */ e(xe, { className: "h-4 w-4 text-zinc-500 dark:text-zinc-400" })
+        children: /* @__PURE__ */ e(ve, { className: "h-4 w-4 text-zinc-500 dark:text-zinc-400" })
       }
     )
   ] }) });
@@ -8265,9 +8272,9 @@ function fl({
   showBanner: u = !0,
   ...h
 }) {
-  const [N, y] = L(o), r = de(t), v = me[r], d = hl[r], g = (F) => {
+  const [N, y] = B(o), r = de(t), v = me[r], d = hl[r], g = (F) => {
     y((R) => R.filter((P) => P.id !== F.id));
-  }, z = N.find((F) => F.type === "banner"), A = N.filter((F) => F.type !== "banner");
+  }, S = N.find((F) => F.type === "banner"), A = N.filter((F) => F.type !== "banner");
   return /* @__PURE__ */ n(
     oe,
     {
@@ -8280,10 +8287,10 @@ function fl({
       ...h,
       children: [
         /* @__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(
+        u && S && t !== "sm" && /* @__PURE__ */ e(
           bl,
           {
-            alert: z,
+            alert: S,
             onDismiss: g
           }
         ),
@@ -8399,7 +8406,7 @@ const yl = [
   }
 };
 function vl({ video: t, sizeMeta: a }) {
-  const [s, i] = L(!1);
+  const [s, i] = B(!1);
   return /* @__PURE__ */ n("div", { className: "group cursor-pointer", children: [
     /* @__PURE__ */ n("div", { className: `relative ${a.thumbnailHeight} rounded-lg overflow-hidden  bg-zinc-200 dark:bg-zinc-800`, children: [
       /* @__PURE__ */ e(
@@ -8441,7 +8448,7 @@ function Nl({
   videos: o = yl,
   ...u
 }) {
-  const [h, N] = L(!1), y = de(t), r = me[y], v = xl[y];
+  const [h, N] = B(!1), y = de(t), r = me[y], v = xl[y];
   return /* @__PURE__ */ n(
     oe,
     {
@@ -8463,7 +8470,7 @@ function Nl({
                 onClick: () => N(!h),
                 children: [
                   "Filter",
-                  /* @__PURE__ */ e(ye, { className: "h-4 w-4 transform rotate-90" })
+                  /* @__PURE__ */ e(xe, { className: "h-4 w-4 transform rotate-90" })
                 ]
               }
             ),
@@ -8485,7 +8492,7 @@ function Nl({
         )) }),
         /* @__PURE__ */ n("button", { className: "w-full py-3 px-4 border border-zinc-300 dark:border-zinc-600 text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-800 font-medium rounded-lg transition-colors duration-200 flex items-center justify-center gap-2", children: [
           "View All",
-          /* @__PURE__ */ e(ye, { className: "h-4 w-4" })
+          /* @__PURE__ */ e(xe, { className: "h-4 w-4" })
         ] })
       ]
     }
@@ -8514,7 +8521,7 @@ export {
   Ts as ActivityMock,
   cs as AddUserGroupsRolesModal,
   fl as AlertsMock,
-  Ne as Avatar,
+  we as Avatar,
   zn as AvatarGroup,
   Rl as Badge,
   Tn as Breadcrumbs,
@@ -8536,7 +8543,7 @@ export {
   Kl as FullConfigPage,
   Ll as FullScreenLoader,
   Ol as GenericFilter,
-  ke as IconButton,
+  Ce as IconButton,
   X as Input,
   il as LeaveBalanceMock,
   Ds as ManageCollectionList,
@@ -8549,7 +8556,7 @@ export {
   jl as PageLayout,
   Pl as Pagination,
   pa as RadioGroup,
-  pe as SearchBar,
+  ge as SearchBar,
   ft as Select,
   oe as SelectableCard,
   Ml as Sidebar,
@@ -8573,7 +8580,7 @@ export {
   Xn as directoryPermissionsApi,
   Hn as filePermissionsApi,
   Jn as gateWayUrl,
-  De as gatewayBase,
+  $e as gatewayBase,
   kt as getBaseUrl,
   Gl as getSnapshot,
   Jl as http,