unifyedx-storybook-new 0.2.42 → 0.2.44

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

@@ -1,14 +1,14 @@
 import { jsxs as n, jsx as e, Fragment as te } from "react/jsx-runtime";
-import se, { useState as L, useMemo as me, useId as Xe, Fragment as Q, useEffect as Z, useCallback as ae, useRef as ge } from "react";
-import { a as H, U as dt, X as ye, P as c, L as ja, C as fe, b as Ke, D as mt, f as Ct, d as qt, F as Va, e as _a, h as Ua, T as He, u as Ga, I as Yt, i as Wt, j as qa, k as Ya, l as Wa, m as Jt, S as xt, n as Xt, M as Ja, o as Xa, p as vt, q as Ha, A as Qa, E as Ht, r as Za, s as Ka, t as er, v as tr, w as Qt, x as ar, y as Zt, z as Kt, B as rr, G as nr, H as sr, J as Qe, K as ut, N as ht, O as lr, Q as or, R as ea, V as ir, W as Nt, Y as cr, Z as dr, _ as Le, $ as mr, a0 as ur, a1 as hr, a2 as pr, a3 as gr, a4 as br, a5 as zt, a6 as fr, a7 as yr, a8 as xr, a9 as vr, aa as Nr, ab as wr, ac as kr, ad as Cr, ae as zr, af as Ae, ag as ta, ah as Sr, ai as Dr, aj as $r, ak as Tr, al as Ar, am as aa, an as Fr, ao as Er, ap as ra, aq as Rr, ar as pt, as as na, at as Or } from "./vendor-DoYRzmYd.js";
-import { Popover as Pr, PopoverButton as Ir, PopoverPanel as Mr, Transition as ue, Dialog as be, TransitionChild as Ne, DialogPanel as Fe, DialogTitle as et, TabGroup as Lr, TabList as Br, Tab as ne, TabPanels as jr, RadioGroup as Ue, Listbox as K, ListboxButton as Vr, ListboxOptions as _r, ListboxOption as Ur, SwitchGroup as Gr, Switch as lt, Menu as qr, MenuButton as Yr, Portal as Wr, MenuItems as Jr, MenuItem as Xr, DialogBackdrop as Hr } from "@headlessui/react";
+import se, { useState as L, useMemo as me, useId as Xe, Fragment as H, useEffect as Z, useCallback as ae, useRef as ge } from "react";
+import { a as Q, U as dt, X as ye, P as c, L as ja, C as fe, b as Ke, D as mt, f as zt, d as Yt, F as Va, e as _a, h as Ua, T as Qe, u as Ga, I as Wt, i as Jt, j as qa, k as Ya, l as Wa, m as Xt, S as vt, n as Qt, M as Ja, o as Xa, p as Nt, q as Qa, A as Ha, E as Ht, r as Za, s as Ka, t as er, v as tr, w as Zt, x as ar, y as Kt, z as ea, B as rr, G as nr, H as sr, J as He, K as ut, N as ht, O as lr, Q as or, R as ta, V as ir, W as wt, Y as cr, Z as dr, _ as Le, $ as mr, a0 as ur, a1 as hr, a2 as pr, a3 as gr, a4 as br, a5 as St, a6 as fr, a7 as yr, a8 as xr, a9 as vr, aa as Nr, ab as wr, ac as kr, ad as Cr, ae as zr, af as Ae, ag as aa, ah as Sr, ai as Dr, aj as $r, ak as Tr, al as Ar, am as ra, an as Fr, ao as Er, ap as na, aq as Rr, ar as pt, as as sa, at as Or } from "./vendor-DoYRzmYd.js";
+import { Popover as Ir, PopoverButton as Pr, PopoverPanel as Mr, Transition as ue, Dialog as be, TransitionChild as Ne, DialogPanel as Fe, DialogTitle as et, TabGroup as Lr, TabList as Br, Tab as ne, TabPanels as jr, RadioGroup as Ue, Listbox as K, ListboxButton as Vr, ListboxOptions as _r, ListboxOption as Ur, SwitchGroup as Gr, Switch as lt, Menu as qr, MenuButton as Yr, Portal as Wr, MenuItems as Jr, MenuItem as Xr, DialogBackdrop as Qr } from "@headlessui/react";
 import { motion as le, AnimatePresence as ke } from "framer-motion";
-import { d as Qr } from "./vendor-lodash-DUMS_goM.js";
-import { useFloating as sa, offset as la, flip as oa, shift as ia, autoUpdate as ca, useClick as Zr, useDismiss as Kr, useInteractions as en, FloatingPortal as tn } from "@floating-ui/react";
+import { d as Hr } from "./vendor-lodash-DUMS_goM.js";
+import { useFloating as la, offset as oa, flip as ia, shift as ca, autoUpdate as da, useClick as Zr, useDismiss as Kr, useInteractions as en, FloatingPortal as tn } from "@floating-ui/react";
 import ot, { debounce as an } from "lodash";
 import { toast as Se, ToastContainer as rn, Slide as nn } from "react-toastify";
 import "react-toastify/dist/ReactToastify.css";
-import { P as sn, S as ln, F as on, G as cn, a as dn, E as mn, b as un, C as hn, R as pn, c as gn, d as bn, e as fn, f as yn, I as xn, g as St } from "./vendor-syncfusion-v-M3ddHK.js";
+import { P as sn, S as ln, F as on, G as cn, a as dn, E as mn, b as un, C as hn, R as pn, c as gn, d as bn, e as fn, f as yn, I as xn, g as Dt } from "./vendor-syncfusion-v-M3ddHK.js";
 const vn = (t) => {
   let a = 2166136261;
   for (let s = 0; s < t.length; s++)
@@ -29,16 +29,16 @@ const vn = (t) => {
   className: m,
   ...i
 }) => {
-  const [u, g] = L(!1), f = me(() => Nn(a), []), x = t && !u, r = !x && a, N = !x && !a, d = H(
+  const [u, g] = L(!1), f = me(() => Nn(a), []), y = t && !u, r = !y && a, N = !y && !a, d = Q(
     "avatar-container",
     `avatar--size-${s}`,
     m
-  ), p = x ? "transparent" : o || f.bg, $ = l || f.text;
+  ), p = y ? "transparent" : o || f.bg, S = l || f.text;
   return /* @__PURE__ */ n("div", { className: d, style: {
     backgroundColor: p,
-    color: $
+    color: S
   }, ...i, children: [
-    x && /* @__PURE__ */ e(
+    y && /* @__PURE__ */ e(
       "img",
       {
         src: t,
@@ -74,7 +74,7 @@ const vn = (t) => {
   className: u,
   ...g
 }) => {
-  const f = H(
+  const f = Q(
     "badge",
     `badge--variant-${a}`,
     `badge--size-${s}`,
@@ -150,19 +150,19 @@ const zn = {
   // Renamed for clarity, expecting a component type e.g., CheckCircle
   disabled: g = !1,
   size: f = "medium",
-  label: x,
+  label: y,
   children: r,
   // ✅ Add children to the props list
   onClick: N,
   ...d
 }) => {
-  const p = g || m, $ = u && !x, A = H(
+  const p = g || m, S = u && !y, A = Q(
     "btn-base",
     zn[f],
     Sn[i],
     {
       "is-loading": m,
-      "btn-icon-only": $
+      "btn-icon-only": S
     },
     l
   );
@@ -174,12 +174,12 @@ const zn = {
       className: A,
       disabled: p,
       onClick: N,
-      title: a || $ && o || (typeof x == "string" ? x : void 0),
-      "aria-label": o || $ && a || (typeof x == "string" ? x : void 0),
+      title: a || S && o || (typeof y == "string" ? y : void 0),
+      "aria-label": o || S && a || (typeof y == "string" ? y : void 0),
       ...d,
       children: m ? /* @__PURE__ */ e(ja, { className: "loader-spin", "data-testid": "button-loader" }) : /* @__PURE__ */ n(te, { children: [
         u && /* @__PURE__ */ e(u, { size: f === "large" ? 20 : 16 }),
-        x,
+        y,
         r,
         " "
       ] })
@@ -208,7 +208,7 @@ const zn = {
       }
     )
   ] }, o);
-}) }) }), da = ({
+}) }) }), gt = ({
   label: t,
   id: a,
   error: s,
@@ -236,7 +236,7 @@ const zn = {
       /* @__PURE__ */ e(
         "div",
         {
-          className: H("checkbox-box", {
+          className: Q("checkbox-box", {
             "checkbox-box--checked": m,
             "checkbox-box--error": !!s
           }),
@@ -248,7 +248,7 @@ const zn = {
     ] }),
     s && /* @__PURE__ */ e("p", { className: "checkbox-error-message", children: s })
   ] });
-}, $n = ({ children: t }) => /* @__PURE__ */ e(Pr, { className: "popover-container", children: t }), Tn = ({ children: t }) => /* @__PURE__ */ e(Ir, { as: "div", children: t }), An = ({ children: t, className: a }) => /* @__PURE__ */ e(Mr, { className: `popover-panel ${a || ""}`, children: t }), ma = mt, ua = ({
+}, $n = ({ children: t }) => /* @__PURE__ */ e(Ir, { className: "popover-container", children: t }), Tn = ({ children: t }) => /* @__PURE__ */ e(Pr, { as: "div", children: t }), An = ({ children: t, className: a }) => /* @__PURE__ */ e(Mr, { className: `popover-panel ${a || ""}`, children: t }), ma = mt, ua = ({
   value: t,
   onChange: a,
   onClear: s,
@@ -258,7 +258,7 @@ const zn = {
   disabled: i = !1,
   className: u,
   ...g
-}) => /* @__PURE__ */ n("div", { className: H("datepicker-wrapper", u), children: [
+}) => /* @__PURE__ */ n("div", { className: Q("datepicker-wrapper", u), children: [
   l && /* @__PURE__ */ e("label", { className: "datepicker-label", htmlFor: "datepicker-input", children: l }),
   /* @__PURE__ */ e(
     ma,
@@ -287,14 +287,14 @@ const zn = {
   className: u,
   ...g
 }) => {
-  const f = t?.from, x = t?.to, r = (d) => {
+  const f = t?.from, y = t?.to, r = (d) => {
     d.stopPropagation(), d.preventDefault(), s?.();
-  }, N = f && x ? /* @__PURE__ */ n(te, { children: [
-    Ct(f, "MMM d, y"),
+  }, N = f && y ? /* @__PURE__ */ n(te, { children: [
+    zt(f, "MMM d, y"),
     " - ",
-    Ct(x, "MMM d, y")
+    zt(y, "MMM d, y")
   ] }) : /* @__PURE__ */ e("span", { className: "datepicker-placeholder", children: o });
-  return /* @__PURE__ */ n("div", { className: H("datepicker-wrapper", u), children: [
+  return /* @__PURE__ */ n("div", { className: Q("datepicker-wrapper", u), children: [
     l && /* @__PURE__ */ e("label", { className: "datepicker-label", htmlFor: "daterangepicker-input", children: l }),
     /* @__PURE__ */ n($n, { children: [
       /* @__PURE__ */ e(Tn, { asChild: !0, children: /* @__PURE__ */ n("div", { className: "datepicker-input-container", children: [
@@ -303,14 +303,14 @@ const zn = {
           {
             id: "daterangepicker-input",
             type: "button",
-            className: H("datepicker-trigger", {
+            className: Q("datepicker-trigger", {
               "datepicker-trigger--error": !!m,
               "datepicker-trigger--disabled": i
             }),
             disabled: i,
-            "aria-label": f && x ? `Selected range is ${N}` : o,
+            "aria-label": f && y ? `Selected range is ${N}` : o,
             children: [
-              /* @__PURE__ */ e(qt, { className: "datepicker-icon" }),
+              /* @__PURE__ */ e(Yt, { className: "datepicker-icon" }),
               /* @__PURE__ */ e("span", { className: "datepicker-value", children: N })
             ]
           }
@@ -555,10 +555,10 @@ const zn = {
   DRIVE: "drive",
   INTEREST: "interest",
   ARTICLE: "article"
-}, Dt = {
+}, $t = {
   View: "view",
   Manage: "edit"
-}, $t = ({ extension: t, size: a = 36 }) => {
+}, Tt = ({ extension: t, size: a = 36 }) => {
   const s = (t || "").toLowerCase(), o = En[s];
   return o ? /* @__PURE__ */ e("div", { style: { width: a }, className: "flex-shrink-0", children: /* @__PURE__ */ e(
     Va,
@@ -580,7 +580,7 @@ const zn = {
       children: /* @__PURE__ */ e(_a, { className: "text-gray-400", size: a * 0.75 })
     }
   );
-}, Rn = (t) => /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: t.width || 24, height: t.height || 24, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ e("path", { d: "M20 12H4M4 12L10 18M4 12L10 6", stroke: "#767676", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), Tt = (t, a = 2) => {
+}, Rn = (t) => /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: t.width || 24, height: t.height || 24, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ e("path", { d: "M20 12H4M4 12L10 18M4 12L10 6", stroke: "#767676", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), At = (t, a = 2) => {
   if (!+t) return "0 Bytes";
   const s = 1024, o = a < 0 ? 0 : a, l = ["Bytes", "KB", "MB", "GB", "TB"], m = Math.floor(Math.log(t) / Math.log(s));
   return `${parseFloat((t / Math.pow(s, m)).toFixed(o))} ${l[m]}`;
@@ -598,15 +598,15 @@ const zn = {
   rejectedFiles: u = [],
   handleRemoveValidFile: g,
   handleRemoveRejectedFile: f,
-  handleSubmit: x,
+  handleSubmit: y,
   isSubmitting: r,
   formErrors: N,
   // --- UI Text ---
   title: d = "Upload Files",
   subHeading: p = "Supports PNG, JPG, PDF. Max size: 50MB."
 }) => {
-  const $ = i.length > 0 || u.length > 0;
-  return /* @__PURE__ */ e(ue, { appear: !0, show: t, as: Q, children: /* @__PURE__ */ n(
+  const S = i.length > 0 || u.length > 0;
+  return /* @__PURE__ */ e(ue, { appear: !0, show: t, as: H, children: /* @__PURE__ */ n(
     be,
     {
       as: "div",
@@ -617,7 +617,7 @@ const zn = {
         /* @__PURE__ */ e(
           Ne,
           {
-            as: Q,
+            as: H,
             enter: "ease-out duration-300",
             enterFrom: "opacity-0",
             enterTo: "opacity-100",
@@ -630,7 +630,7 @@ const zn = {
         /* @__PURE__ */ e("div", { className: "dialog-positioner", children: /* @__PURE__ */ e(
           Ne,
           {
-            as: Q,
+            as: H,
             enter: "ease-out duration-300",
             enterFrom: "opacity-0 scale-95",
             enterTo: "opacity-100 scale-100",
@@ -644,7 +644,7 @@ const zn = {
                 onClick: (A) => A.stopPropagation(),
                 children: [
                   /* @__PURE__ */ e("input", { ...o() }),
-                  /* @__PURE__ */ n("form", { onSubmit: x, className: "form-wrapper", children: [
+                  /* @__PURE__ */ n("form", { onSubmit: y, className: "form-wrapper", children: [
                     /* @__PURE__ */ n("div", { className: "dialog-header", children: [
                       /* @__PURE__ */ e(et, { as: "h3", className: "dialog-title-text", children: d }),
                       /* @__PURE__ */ e(
@@ -681,7 +681,7 @@ const zn = {
                         }
                       ),
                       N.filesToUpload && /* @__PURE__ */ e("p", { className: "form-error-message", children: N.filesToUpload.message }),
-                      $ && /* @__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: [
                           i.map((A, E) => /* @__PURE__ */ n(
@@ -691,14 +691,14 @@ const zn = {
                               children: [
                                 /* @__PURE__ */ n("div", { className: "file-item-details", children: [
                                   /* @__PURE__ */ e(
-                                    $t,
+                                    Tt,
                                     {
                                       extension: A.name.split(".").pop()
                                     }
                                   ),
                                   /* @__PURE__ */ n("div", { children: [
                                     /* @__PURE__ */ e("p", { className: "file-item-name", children: A.name }),
-                                    /* @__PURE__ */ e("p", { className: "file-item-size", children: Tt(A.size) })
+                                    /* @__PURE__ */ e("p", { className: "file-item-size", children: At(A.size) })
                                   ] })
                                 ] }),
                                 /* @__PURE__ */ e(
@@ -707,7 +707,7 @@ const zn = {
                                     type: "button",
                                     onClick: () => g(E),
                                     className: "remove-file-button",
-                                    children: /* @__PURE__ */ e(He, { size: 16 })
+                                    children: /* @__PURE__ */ e(Qe, { size: 16 })
                                   }
                                 )
                               ]
@@ -721,14 +721,14 @@ const zn = {
                               children: [
                                 /* @__PURE__ */ n("div", { className: "file-item-details", children: [
                                   /* @__PURE__ */ e(
-                                    $t,
+                                    Tt,
                                     {
                                       extension: A.name.split(".").pop()
                                     }
                                   ),
                                   /* @__PURE__ */ n("div", { children: [
                                     /* @__PURE__ */ e("p", { className: "file-item-name", children: A.name }),
-                                    /* @__PURE__ */ e("p", { className: "file-item-size", children: Tt(A.size) }),
+                                    /* @__PURE__ */ e("p", { className: "file-item-size", children: At(A.size) }),
                                     /* @__PURE__ */ e("p", { className: "rejection-reason", children: E })
                                   ] })
                                 ] }),
@@ -738,7 +738,7 @@ const zn = {
                                     type: "button",
                                     onClick: () => f(R),
                                     className: "remove-file-button",
-                                    children: /* @__PURE__ */ e(He, { size: 16 })
+                                    children: /* @__PURE__ */ e(Qe, { size: 16 })
                                   }
                                 )
                               ]
@@ -783,19 +783,19 @@ const zn = {
 }, je = (t) => {
   const a = new Date(t);
   return a.setHours(23, 59, 59, 999), a;
-}, gt = (t, a) => {
+}, bt = (t, a) => {
   const s = new Date(t);
   return s.setDate(s.getDate() + a), s;
-}, bt = (t) => {
+}, ft = (t) => {
   const a = new Date(t), s = a.getDay(), o = a.getDate() - s;
   return Be(new Date(a.setDate(o)));
-}, On = (t) => je(gt(bt(t), 6)), At = (t) => {
+}, On = (t) => je(bt(ft(t), 6)), Ft = (t) => {
   const a = new Date(t);
   return Be(new Date(a.getFullYear(), a.getMonth(), 1));
-}, Ft = (t) => {
+}, Et = (t) => {
   const a = new Date(t);
   return je(new Date(a.getFullYear(), a.getMonth() + 1, 0));
-}, Pn = (t) => {
+}, In = (t) => {
   const a = /* @__PURE__ */ new Date();
   switch (t) {
     case "anytime":
@@ -803,16 +803,16 @@ const zn = {
     case "today":
       return [Be(a), je(a)];
     case "this_week":
-      return [bt(a), On(a)];
+      return [ft(a), On(a)];
     case "last_week": {
-      const s = gt(bt(a), -7);
-      return [Be(s), je(gt(s, 6))];
+      const s = bt(ft(a), -7);
+      return [Be(s), je(bt(s, 6))];
     }
     case "this_month":
-      return [At(a), Ft(a)];
+      return [Ft(a), Et(a)];
     case "last_month": {
       const s = /* @__PURE__ */ new Date(), o = new Date(s.getFullYear(), s.getMonth() - 1, 1);
-      return [At(o), Ft(o)];
+      return [Ft(o), Et(o)];
     }
     default:
       return [null, null];
@@ -831,12 +831,12 @@ const zn = {
   const [g, f] = L({
     createdBy: [],
     updatedBy: []
-  }), [x, r] = L({
+  }), [y, r] = L({
     createdBy: !1,
     updatedBy: !1
   }), [N, d] = L({
     startDate: null
-  }), [p, $] = L({
+  }), [p, S] = L({
     endDate: null
   }), A = Ga({
     initialValues: JSON.parse(JSON.stringify(m)),
@@ -889,7 +889,7 @@ const zn = {
     }
   }, U = (C) => {
     const h = l[C].key, w = l[C].url;
-    l[C].type === "multiselect-users" && g[h].length === 0 && !x[h] && V(h, w);
+    l[C].type === "multiselect-users" && g[h].length === 0 && !y[h] && V(h, w);
   }, Y = () => {
     A.resetForm(), f({ createdBy: [], updatedBy: [] }), o();
   }, G = (C) => {
@@ -905,9 +905,9 @@ const zn = {
               "select",
               {
                 value: w.operator || "in",
-                onChange: (I) => A.setFieldValue(`${C}.operator`, I.target.value),
+                onChange: (P) => A.setFieldValue(`${C}.operator`, P.target.value),
                 className: "filter-select",
-                children: h.operators.map((I) => /* @__PURE__ */ e("option", { value: I, children: I === "in" ? "Includes" : "Excludes" }, I))
+                children: h.operators.map((P) => /* @__PURE__ */ e("option", { value: P, children: P === "in" ? "Includes" : "Excludes" }, P))
               }
             )
           ] }),
@@ -920,8 +920,8 @@ const zn = {
                   id: `select-all-${C}`,
                   className: "filter-checkbox-input",
                   checked: h.options.length > 0 && T.length === h.options.length,
-                  onChange: (I) => {
-                    const q = I.target.checked ? h.options.map((X) => X.value) : [];
+                  onChange: (P) => {
+                    const q = P.target.checked ? h.options.map((X) => X.value) : [];
                     A.setFieldValue(`${C}.values`, q);
                   }
                 }
@@ -935,16 +935,16 @@ const zn = {
                 }
               )
             ] }),
-            h.options.map((I) => /* @__PURE__ */ n("div", { className: "filter-checkbox-item", children: [
+            h.options.map((P) => /* @__PURE__ */ n("div", { className: "filter-checkbox-item", children: [
               /* @__PURE__ */ e(
                 "input",
                 {
                   type: "checkbox",
-                  id: `${C}-${I.value}`,
+                  id: `${C}-${P.value}`,
                   className: "filter-checkbox-input",
-                  checked: T.includes(I.value),
+                  checked: T.includes(P.value),
                   onChange: (q) => {
-                    const X = q.target.checked ? [...T, I.value] : T.filter((xe) => xe !== I.value);
+                    const X = q.target.checked ? [...T, P.value] : T.filter((xe) => xe !== P.value);
                     A.setFieldValue(`${C}.values`, X);
                   }
                 }
@@ -952,16 +952,16 @@ const zn = {
               /* @__PURE__ */ e(
                 "label",
                 {
-                  htmlFor: `${C}-${I.value}`,
+                  htmlFor: `${C}-${P.value}`,
                   className: "filter-checkbox-label",
-                  children: I.label
+                  children: P.label
                 }
               )
-            ] }, I.value))
+            ] }, P.value))
           ] })
         ] });
       case "multiselect-users":
-        const k = g[C] || [], v = x[C];
+        const k = g[C] || [], v = y[C];
         return /* @__PURE__ */ n("div", { className: "filter-panel-content", children: [
           /* @__PURE__ */ n("div", { className: "filter-operator-group", children: [
             /* @__PURE__ */ e("label", { className: "filter-label", children: "Operator:" }),
@@ -969,9 +969,9 @@ const zn = {
               "select",
               {
                 value: w.operator || "in",
-                onChange: (I) => A.setFieldValue(`${C}.operator`, I.target.value),
+                onChange: (P) => A.setFieldValue(`${C}.operator`, P.target.value),
                 className: "filter-select",
-                children: h.operators.map((I) => /* @__PURE__ */ e("option", { value: I, children: I === "in" ? "Includes" : "Excludes" }, I))
+                children: h.operators.map((P) => /* @__PURE__ */ e("option", { value: P, children: P === "in" ? "Includes" : "Excludes" }, P))
               }
             )
           ] }),
@@ -984,8 +984,8 @@ const zn = {
                   id: `select-all-users-${C}`,
                   className: "filter-checkbox-input",
                   checked: k.length > 0 && T.length === k.length,
-                  onChange: (I) => {
-                    const q = I.target.checked ? k.map((X) => X.email) : [];
+                  onChange: (P) => {
+                    const q = P.target.checked ? k.map((X) => X.email) : [];
                     A.setFieldValue(
                       `${C}.values`,
                       q
@@ -1002,16 +1002,16 @@ const zn = {
                 }
               )
             ] }),
-            k.map((I) => /* @__PURE__ */ n("div", { className: "filter-checkbox-item createdby", children: [
+            k.map((P) => /* @__PURE__ */ n("div", { className: "filter-checkbox-item createdby", children: [
               /* @__PURE__ */ e(
                 "input",
                 {
                   type: "checkbox",
-                  id: `${C}-${I.email}`,
+                  id: `${C}-${P.email}`,
                   className: "filter-checkbox-input",
-                  checked: T.includes(I.email),
+                  checked: T.includes(P.email),
                   onChange: (q) => {
-                    const X = q.target.checked ? [...T, I.email] : T.filter((xe) => xe !== I.email);
+                    const X = q.target.checked ? [...T, P.email] : T.filter((xe) => xe !== P.email);
                     A.setFieldValue(
                       `${C}.values`,
                       X
@@ -1022,24 +1022,24 @@ const zn = {
               /* @__PURE__ */ n(
                 "label",
                 {
-                  htmlFor: `${C}-${I.email}`,
+                  htmlFor: `${C}-${P.email}`,
                   className: "filter-checkbox-label",
                   children: [
-                    /* @__PURE__ */ e("span", { className: "user-label-name", children: I.name }),
-                    /* @__PURE__ */ e("span", { className: "user-label-email", children: I.email })
+                    /* @__PURE__ */ e("span", { className: "user-label-name", children: P.name }),
+                    /* @__PURE__ */ e("span", { className: "user-label-email", children: P.email })
                   ]
                 }
               )
-            ] }, I.email))
+            ] }, P.email))
           ] }) : /* @__PURE__ */ e("div", { className: "text-center py-4 text-gray-500 text-sm", children: "No users loaded." }) })
         ] });
       case "date":
-        const b = w.values || [], [y, D] = b, M = y && D, z = b[0] || null, P = b[1] || null, F = {
+        const b = w.values || [], [x, $] = b, M = x && $, z = b[0] || null, I = b[1] || null, F = {
           startDate: z instanceof Date ? z.toISOString().slice(0, 10) : null,
           endDate: z instanceof Date ? z.toISOString().slice(0, 10) : null
-        }, S = {
-          startDate: P instanceof Date ? P.toISOString().slice(0, 10) : null,
-          endDate: P instanceof Date ? P.toISOString().slice(0, 10) : null
+        }, D = {
+          startDate: I instanceof Date ? I.toISOString().slice(0, 10) : null,
+          endDate: I instanceof Date ? I.toISOString().slice(0, 10) : null
         }, B = [
           { key: "anytime", label: "Anytime" },
           { key: "today", label: "Today" },
@@ -1048,17 +1048,17 @@ const zn = {
           { key: "this_month", label: "This Month" },
           { key: "last_month", label: "Last Month" },
           { key: "custom", label: "Custom" }
-        ], _ = (I) => {
-          if (I === "anytime") {
+        ], _ = (P) => {
+          if (P === "anytime") {
             A.setFieldValue(`${C}.values`, []), A.setFieldValue(`${C}.range`, "anytime");
             return;
           }
-          if (I === "custom") {
+          if (P === "custom") {
             A.setFieldValue(`${C}.range`, "custom");
             return;
           }
-          const [q, X] = Pn(I);
-          A.setFieldValue(`${C}.values`, q && X ? [q, X] : []), A.setFieldValue(`${C}.range`, I);
+          const [q, X] = In(P);
+          A.setFieldValue(`${C}.values`, q && X ? [q, X] : []), A.setFieldValue(`${C}.range`, P);
         };
         return /* @__PURE__ */ n("div", { className: "filter-panel-content", children: [
           /* @__PURE__ */ n("div", { className: "filter-operator-group", children: [
@@ -1067,9 +1067,9 @@ const zn = {
               "select",
               {
                 value: w.operator,
-                onChange: (I) => A.setFieldValue(`${C}.operator`, I.target.value),
+                onChange: (P) => A.setFieldValue(`${C}.operator`, P.target.value),
                 className: "filter-select",
-                children: h.operators.map((I) => /* @__PURE__ */ e("option", { value: I, children: I === "in" ? "Is" : "Is not" }, I))
+                children: h.operators.map((P) => /* @__PURE__ */ e("option", { value: P, children: P === "in" ? "Is" : "Is not" }, P))
               }
             ),
             M && /* @__PURE__ */ e(
@@ -1087,8 +1087,8 @@ const zn = {
               }
             )
           ] }),
-          /* @__PURE__ */ e("div", { className: "pb-0", children: /* @__PURE__ */ e("div", { className: "space-y-3", children: B.map((I) => {
-            const q = w.range === I.key || I.key === "anytime" && (!Array.isArray(w.values) || w.values.length === 0);
+          /* @__PURE__ */ e("div", { className: "pb-0", children: /* @__PURE__ */ e("div", { className: "space-y-3", children: B.map((P) => {
+            const q = w.range === P.key || P.key === "anytime" && (!Array.isArray(w.values) || w.values.length === 0);
             return /* @__PURE__ */ n(
               "label",
               {
@@ -1100,15 +1100,15 @@ const zn = {
                       type: "radio",
                       name: `preset-${C}`,
                       checked: q,
-                      onChange: () => _(I.key),
+                      onChange: () => _(P.key),
                       className: "h-4 w-4"
                     }
                   ),
-                  /* @__PURE__ */ e("span", { className: "text-sm text-[#222]", children: I.label }),
-                  I.key === "anytime" && q && /* @__PURE__ */ e("span", { className: "ml-2 text-xs bg-yellow-100 text-yellow-800 px-2 py-0.5 rounded", children: "Default" })
+                  /* @__PURE__ */ e("span", { className: "text-sm text-[#222]", children: P.label }),
+                  P.key === "anytime" && q && /* @__PURE__ */ e("span", { className: "ml-2 text-xs bg-yellow-100 text-yellow-800 px-2 py-0.5 rounded", children: "Default" })
                 ]
               },
-              I.key
+              P.key
             );
           }) }) }),
           /* @__PURE__ */ n("div", { className: "", children: [
@@ -1121,8 +1121,8 @@ const zn = {
                   asSingle: !0,
                   useRange: !1,
                   value: F,
-                  onChange: (I) => {
-                    const q = I?.startDate ? Be(new Date(I.startDate)) : null, X = b[1] || null;
+                  onChange: (P) => {
+                    const q = P?.startDate ? Be(new Date(P.startDate)) : null, X = b[1] || null;
                     q && (A.setFieldValue(`${C}.values`, [q, X]), A.setFieldValue(`${C}.range`, "custom"));
                   },
                   inputClassName: "w-full rounded-xl border border-[#767676] px-4 py-2 text-sm font-normal text-[#101112] focus:border-violet-500 focus:outline-none focus:ring-1 focus:ring-violet-500",
@@ -1144,9 +1144,9 @@ const zn = {
                 {
                   asSingle: !0,
                   useRange: !1,
-                  value: S,
-                  onChange: (I) => {
-                    const q = I?.startDate ? je(new Date(I.startDate)) : null, X = b[0] || null;
+                  value: D,
+                  onChange: (P) => {
+                    const q = P?.startDate ? je(new Date(P.startDate)) : null, X = b[0] || null;
                     q && (A.setFieldValue(`${C}.values`, [X, q]), A.setFieldValue(`${C}.range`, "custom"));
                   },
                   inputClassName: "w-full rounded-xl border border-[#767676] px-4 py-2 text-sm font-normal text-[#101112] focus:border-violet-500 focus:outline-none focus:ring-1 focus:ring-violet-500",
@@ -1160,18 +1160,18 @@ const zn = {
                 }
               )
             ] }),
-            z && P && z > P && /* @__PURE__ */ e("div", { className: "text-red-500 text-xs mt-2", children: "End date must be after start date" })
+            z && I && z > I && /* @__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(ue, { appear: !0, show: t, as: Q, children: /* @__PURE__ */ n(be, { as: "div", className: "relative z-50", onClose: a, children: [
+  return /* @__PURE__ */ e(ue, { appear: !0, show: t, as: H, children: /* @__PURE__ */ n(be, { as: "div", className: "relative z-50", onClose: a, children: [
     /* @__PURE__ */ e(
       Ne,
       {
-        as: Q,
+        as: H,
         enter: "ease-out duration-300",
         enterFrom: "opacity-0",
         enterTo: "opacity-100",
@@ -1184,7 +1184,7 @@ const zn = {
     /* @__PURE__ */ e("div", { className: "filter-modal-container", children: /* @__PURE__ */ e("div", { className: "filter-modal-positioner", children: /* @__PURE__ */ e(
       Ne,
       {
-        as: Q,
+        as: H,
         enter: "ease-out duration-300",
         enterFrom: "opacity-0 translate-x-full",
         enterTo: "opacity-100 translate-x-0",
@@ -1300,7 +1300,7 @@ const zn = {
           id: g,
           type: s,
           ref: i,
-          className: H("input-field", {
+          className: Q("input-field", {
             "input-field--error": !!l,
             "input-field--with-icon": !!o
           }),
@@ -1310,25 +1310,25 @@ const zn = {
     ] }),
     l && /* @__PURE__ */ e("p", { className: "input-error-message", children: l })
   ] });
-}, Et = {
+}, Rt = {
   delete: {
-    icon: He,
+    icon: Qe,
     iconClass: "icon--delete",
     primaryButtonCategory: "danger"
     // Assuming you add a 'danger' category to your Button
   },
   warning: {
-    icon: Wt,
+    icon: Jt,
     iconClass: "icon--warning",
     primaryButtonCategory: "warning"
     // Assuming a 'warning' category
   },
   info: {
-    icon: Yt,
+    icon: Wt,
     iconClass: "icon--info",
     primaryButtonCategory: "primary"
   }
-}, In = ({
+}, Pn = ({
   isOpen: t,
   onClose: a,
   title: s,
@@ -1345,16 +1345,16 @@ const zn = {
   size: f
   // Add size prop
 }) => {
-  const x = Et[i] || Et.info, r = x.icon, N = () => {
+  const y = Rt[i] || Rt.info, r = y.icon, N = () => {
     a({ primary: !0, secondary: !1 });
   }, d = () => {
     a({ primary: !1, secondary: !0 });
   };
-  return /* @__PURE__ */ e(ue, { appear: !0, show: t, as: Q, children: /* @__PURE__ */ n(be, { as: "div", className: "modal-dialog", onClose: () => a({}), children: [
+  return /* @__PURE__ */ e(ue, { appear: !0, show: t, as: H, children: /* @__PURE__ */ n(be, { as: "div", className: "modal-dialog", onClose: () => a({}), children: [
     /* @__PURE__ */ e(
       Ne,
       {
-        as: Q,
+        as: H,
         enter: "ease-out duration-300",
         enterFrom: "opacity-0",
         enterTo: "opacity-100",
@@ -1367,7 +1367,7 @@ const zn = {
     /* @__PURE__ */ e("div", { className: "modal-positioner", children: /* @__PURE__ */ e(
       Ne,
       {
-        as: Q,
+        as: H,
         enter: "ease-out duration-300",
         enterFrom: "opacity-0 scale-95",
         enterTo: "opacity-100 scale-100",
@@ -1376,7 +1376,7 @@ const zn = {
         leaveTo: "opacity-0 scale-95",
         children: /* @__PURE__ */ n(Fe, { className: f === "large" ? "modal-panel modal-panel--large" : "modal-panel", children: [
           /* @__PURE__ */ n("div", { className: "modal-content-wrapper", children: [
-            /* @__PURE__ */ e("div", { className: `modal-icon-container ${x.iconClass}`, children: /* @__PURE__ */ e(r, { size: 24, "aria-hidden": "true" }) }),
+            /* @__PURE__ */ e("div", { className: `modal-icon-container ${y.iconClass}`, children: /* @__PURE__ */ e(r, { size: 24, "aria-hidden": "true" }) }),
             /* @__PURE__ */ n("div", { className: "modal-text-content", children: [
               /* @__PURE__ */ e(et, { as: "h3", className: "modal-title", children: s }),
               /* @__PURE__ */ e("div", { className: "modal-description", children: o })
@@ -1416,7 +1416,7 @@ const zn = {
   Z(() => {
     g(t);
   }, [t]);
-  const f = Math.min((t - 1) * s + 1, a), x = Math.min(t * s, a), r = (N) => {
+  const f = Math.min((t - 1) * s + 1, a), y = Math.min(t * s, a), r = (N) => {
     N.preventDefault();
     let d = parseInt(u, 10);
     isNaN(d) || d < 1 ? d = 1 : d > i && (d = i), g(d), d !== t && o(d);
@@ -1437,7 +1437,7 @@ const zn = {
       /* @__PURE__ */ n("span", { className: "pagination-info", children: [
         f,
         "-",
-        x,
+        y,
         " of ",
         a,
         " items"
@@ -1521,7 +1521,7 @@ const zn = {
         Ue.Option,
         {
           value: i.value,
-          className: ({ active: u, checked: g }) => H("radiogroup-option", {
+          className: ({ active: u, checked: g }) => Q("radiogroup-option", {
             "radiogroup-option--active": u,
             "radiogroup-option--checked": g,
             "radiogroup-option--error": !!l
@@ -1538,7 +1538,7 @@ const zn = {
                 }
               )
             ] }),
-            u && /* @__PURE__ */ e("div", { className: "option-checkmark", children: /* @__PURE__ */ e(Jt, { size: 20 }) })
+            u && /* @__PURE__ */ e("div", { className: "option-checkmark", children: /* @__PURE__ */ e(Xt, { size: 20 }) })
           ] })
         },
         i.value
@@ -1561,7 +1561,7 @@ const zn = {
     g(t);
   }, [t]);
   const f = ae(
-    Qr((r) => {
+    Hr((r) => {
       a?.(r);
     }, s),
     [s, a]
@@ -1569,12 +1569,12 @@ const zn = {
   Z(() => (u !== t && f(u), () => {
     f.cancel();
   }), [u, f, t]);
-  const x = (r) => {
+  const y = (r) => {
     g(r.target.value);
   };
   return /* @__PURE__ */ n("div", { className: `search-bar-wrapper ${m}`, children: [
     l && /* @__PURE__ */ e("label", { htmlFor: "search-field", className: "sr-only", children: l }),
-    /* @__PURE__ */ e("div", { className: "search-bar-icon-wrapper", children: /* @__PURE__ */ e(xt, { size: 20, className: "search-bar-icon", "aria-hidden": "true" }) }),
+    /* @__PURE__ */ e("div", { className: "search-bar-icon-wrapper", children: /* @__PURE__ */ e(vt, { size: 20, className: "search-bar-icon", "aria-hidden": "true" }) }),
     /* @__PURE__ */ e(
       "input",
       {
@@ -1584,12 +1584,12 @@ const zn = {
         type: "search",
         name: "search",
         value: u,
-        onChange: x,
+        onChange: y,
         ...i
       }
     )
   ] });
-}, ft = ({
+}, yt = ({
   label: t,
   value: a,
   // From RHF's <Controller>
@@ -1603,21 +1603,31 @@ const zn = {
   // From RHF's <Controller>
   showSearch: g = !0
 }) => {
-  const [f, x] = L(""), r = f === "" ? o : o.filter(
+  const [f, y] = L("");
+  console.log("Select component - value:", a, "type:", typeof a), console.log("Select component - options:", o);
+  const r = f === "" ? o : o.filter(
     (d) => d.label.toLowerCase().includes(f.toLowerCase())
-  ), N = o.find((d) => a?.id ? d.id === a.id : d.id === a || d.value === a);
+  ), N = o.find((d) => {
+    if (typeof a == "object" && a !== null) {
+      if (a === d) return !0;
+      if (a.id && d.id) return d.id === a.id;
+      if (a.value && d.value) return d.value === a.value;
+      if (a.label && d.label) return d.label === a.label;
+    }
+    return d.id === a || d.value === a || d.label === a;
+  });
   return /* @__PURE__ */ e(K, { value: a, onChange: s, disabled: m, children: /* @__PURE__ */ n("div", { className: "select-wrapper", ref: u, children: [
     t && /* @__PURE__ */ e("label", { className: "select-label", children: t }),
     /* @__PURE__ */ n("div", { className: "select-button-container", children: [
       /* @__PURE__ */ n(
         Vr,
         {
-          className: H("select-button", {
+          className: Q("select-button", {
             "select-button--error": !!i
           }),
           children: [
             /* @__PURE__ */ e("span", { className: "select-value-display", children: N ? N.label : /* @__PURE__ */ e("span", { className: "placeholder", children: l }) }),
-            /* @__PURE__ */ e(Xt, { className: "select-chevron", "aria-hidden": "true" })
+            /* @__PURE__ */ e(Qt, { className: "select-chevron", "aria-hidden": "true" })
           ]
         }
       ),
@@ -1632,7 +1642,7 @@ const zn = {
               he,
               {
                 value: f,
-                onDebouncedChange: x,
+                onDebouncedChange: y,
                 placeholder: "Search..."
               }
             ) }),
@@ -1679,23 +1689,23 @@ const zn = {
       window.removeEventListener("popstate", s);
     };
   }, []), { pathname: t };
-}, yt = (t, a) => {
+}, xt = (t, a) => {
   for (const s of t)
-    if ((s.href || s.url || s.path) === a || s.children && yt(s.children, a))
+    if ((s.href || s.url || s.path) === a || s.children && xt(s.children, a))
       return s;
   return null;
 }, pa = ({ item: t, isCollapsed: a, level: s = 0 }) => {
   const { pathname: o } = Mn(), l = t.href || t.url || t.path, [m, i] = L(!1), u = t.icon;
   Z(() => {
-    yt([t], o) && i(!0);
+    xt([t], o) && i(!0);
   }, [t, o]);
-  const g = o === l, f = !g && !!yt([t], o), x = (r) => {
+  const g = o === l, f = !g && !!xt([t], o), y = (r) => {
     r.preventDefault(), i(!m);
   };
   return /* @__PURE__ */ n(
     "div",
     {
-      className: H("nav-item-container", {
+      className: Q("nav-item-container", {
         "nav-item-container--parent-active": f,
         [`nav-item-container--level-${s}`]: s > 0
       }),
@@ -1706,7 +1716,7 @@ const zn = {
             href: l,
             target: t.target,
             rel: t.target === "_blank" ? "noopener noreferrer" : void 0,
-            className: H("nav-item", {
+            className: Q("nav-item", {
               "nav-item--active": g,
               "nav-item--collapsed": a
             }),
@@ -1718,13 +1728,13 @@ const zn = {
                 "button",
                 {
                   className: "nav-chevron-button",
-                  onClick: x,
+                  onClick: y,
                   "aria-expanded": m,
                   "aria-label": m ? "Collapse menu" : "Expand menu",
                   children: /* @__PURE__ */ e(
-                    vt,
+                    Nt,
                     {
-                      className: H("nav-chevron", {
+                      className: Q("nav-chevron", {
                         "nav-chevron--open": m
                       })
                     }
@@ -1737,7 +1747,7 @@ const zn = {
         t.children && /* @__PURE__ */ e(
           "div",
           {
-            className: H("sub-menu", {
+            className: Q("sub-menu", {
               "sub-menu--open": m,
               "sub-menu--collapsed": a
             }),
@@ -1756,7 +1766,7 @@ const zn = {
       ]
     }
   );
-}, Pl = ({
+}, Il = ({
   navItems: t = [],
   isCollapsed: a = !1,
   onToggleCollapse: s,
@@ -1777,7 +1787,7 @@ const zn = {
   /* @__PURE__ */ n(
     "aside",
     {
-      className: H("sidebar", {
+      className: Q("sidebar", {
         "sidebar--collapsed": a,
         "sidebar--mobile-open": o
       }),
@@ -1786,7 +1796,7 @@ const zn = {
         /* @__PURE__ */ n("div", { className: "sidebar-header", children: [
           /* @__PURE__ */ e("div", { className: "sidebar-logo", children: a ? m : i }),
           !a && /* @__PURE__ */ n("div", { className: "sidebar-search-container", children: [
-            /* @__PURE__ */ e(xt, { className: "sidebar-search-icon" }),
+            /* @__PURE__ */ e(vt, { className: "sidebar-search-icon" }),
             /* @__PURE__ */ e(
               "input",
               {
@@ -1835,7 +1845,7 @@ const zn = {
   className: s,
   ...o
 }) => {
-  const l = H(
+  const l = Q(
     "spinner",
     `spinner--size-${t}`,
     `spinner--color-${a}`,
@@ -1860,7 +1870,7 @@ const zn = {
       ]
     }
   );
-}, Il = ({ label: t = "Loading..." }) => /* @__PURE__ */ e("div", { className: "fullscreen-loader-overlay", role: "alert", "aria-busy": "true", children: /* @__PURE__ */ n("div", { className: "loader-content", children: [
+}, Pl = ({ label: t = "Loading..." }) => /* @__PURE__ */ e("div", { className: "fullscreen-loader-overlay", role: "alert", "aria-busy": "true", children: /* @__PURE__ */ n("div", { className: "loader-content", children: [
   /* @__PURE__ */ e(ga, { size: "large" }),
   t && /* @__PURE__ */ e("span", { className: "loader-label", children: t })
 ] }) }), ba = ({
@@ -1875,10 +1885,10 @@ const zn = {
   // ✅ New prop to control visibility
   ...u
 }) => {
-  const g = a || u.name, [f, x] = L(
+  const g = a || u.name, [f, y] = L(
     u.value?.length || u.defaultValue?.length || 0
   ), r = (d) => {
-    x(d.target.value.length), u.onChange && u.onChange(d);
+    y(d.target.value.length), u.onChange && u.onChange(d);
   }, N = m - f;
   return /* @__PURE__ */ n("div", { className: `textarea-wrapper ${o || ""}`, children: [
     /* @__PURE__ */ n("div", { className: "textarea-header", children: [
@@ -1893,7 +1903,7 @@ const zn = {
       {
         id: g,
         ref: l,
-        className: H("textarea-field", {
+        className: Q("textarea-field", {
           "textarea-field--error": !!s
         }),
         maxLength: m,
@@ -1918,7 +1928,7 @@ const zn = {
       {
         checked: a,
         onChange: s,
-        className: H("switch-element", {
+        className: Q("switch-element", {
           // Renamed from switch-wrapper
           "switch-element--error": !!l
         }),
@@ -1946,7 +1956,7 @@ const zn = {
   return /* @__PURE__ */ n(te, { children: [
     se.cloneElement(t, { "data-tooltip-id": u }),
     /* @__PURE__ */ e(
-      Ha,
+      Qa,
       {
         id: u,
         content: a,
@@ -1982,8 +1992,8 @@ const zn = {
   showProgress: g = !0,
   closeOnOverlayClick: f = !0
 }) => {
-  const x = s[o], r = Object.keys(s), N = r.indexOf(o), d = (N + 1) / r.length * 100, p = N > 0 && m.onBack;
-  return /* @__PURE__ */ e(ue, { show: t, as: Q, children: /* @__PURE__ */ n(
+  const y = s[o], r = Object.keys(s), N = r.indexOf(o), d = (N + 1) / r.length * 100, p = N > 0 && m.onBack;
+  return /* @__PURE__ */ e(ue, { show: t, as: H, children: /* @__PURE__ */ n(
     be,
     {
       as: "div",
@@ -1994,7 +2004,7 @@ const zn = {
         /* @__PURE__ */ e(
           Ne,
           {
-            as: Q,
+            as: H,
             enter: "ease-out duration-300",
             enterFrom: "opacity-0",
             enterTo: "opacity-100",
@@ -2007,7 +2017,7 @@ const zn = {
         /* @__PURE__ */ e("div", { className: "wizard-container", children: /* @__PURE__ */ e("div", { className: "wizard-positioner", children: /* @__PURE__ */ e(
           Ne,
           {
-            as: Q,
+            as: H,
             enter: "transform transition ease-in-out duration-500",
             enterFrom: "translate-x-full",
             enterTo: "translate-x-0",
@@ -2023,7 +2033,7 @@ const zn = {
                       onClick: m.onBack,
                       className: "wizard-back-button",
                       "aria-label": "Go back to previous step",
-                      children: /* @__PURE__ */ e(Qa, { size: 20 })
+                      children: /* @__PURE__ */ e(Ha, { size: 20 })
                     }
                   ),
                   /* @__PURE__ */ n("div", { className: "wizard-header-text", children: [
@@ -2069,7 +2079,7 @@ const zn = {
                       },
                       className: "wizard-step-motion-wrapper",
                       style: { overflowX: "hidden" },
-                      children: x && /* @__PURE__ */ e(x, { ...m })
+                      children: y && /* @__PURE__ */ e(y, { ...m })
                     },
                     o
                   )
@@ -2101,12 +2111,12 @@ const zn = {
   disabled: u = !1,
   size: g = "small",
   label: f,
-  children: x,
+  children: y,
   // ✅ Add children to the props list
   onClick: r,
   ...N
 }) => {
-  const d = u, p = H(
+  const d = u, p = Q(
     "btn-base-icon",
     "btn-icon-only",
     Bn[g],
@@ -2138,7 +2148,7 @@ const zn = {
   // A clearer prop name
   ...u
 }) => {
-  const g = H(
+  const g = Q(
     "page-layout",
     {
       "page-layout--with-footer": a,
@@ -2203,16 +2213,16 @@ const zn = {
   onSelect: a,
   triggerIcon: s = Ht
 }) => {
-  const { refs: o, floatingStyles: l } = sa({
-    whileElementsMounted: ca,
-    middleware: [la(5), oa(), ia({ padding: 5 })]
+  const { refs: o, floatingStyles: l } = la({
+    whileElementsMounted: da,
+    middleware: [oa(5), ia(), ca({ padding: 5 })]
   });
   return /* @__PURE__ */ n(qr, { as: "div", className: "options-menu-wrapper", children: [
     /* @__PURE__ */ e(Yr, { ref: o.setReference, className: "options-menu-trigger", children: /* @__PURE__ */ e(s, { size: 20 }) }),
     /* @__PURE__ */ e(Wr, { children: /* @__PURE__ */ e(
       ue,
       {
-        as: Q,
+        as: H,
         enter: "transition ease-out duration-100",
         enterFrom: "transform opacity-0 scale-95",
         enterTo: "transform opacity-100 scale-100",
@@ -2356,14 +2366,14 @@ function Ca() {
 function za() {
   return `${Ca()}/search`;
 }
-function wt() {
+function kt() {
   return `${ze()}/unifyed-mydrive/v2`;
 }
 function Yn() {
-  return `${wt()}/directory/permissions`;
+  return `${kt()}/directory/permissions`;
 }
 function Wn() {
-  return `${wt()}/file/permissions`;
+  return `${kt()}/file/permissions`;
 }
 function Ul() {
   return Object.freeze({
@@ -2374,7 +2384,7 @@ function Ul() {
     PROVISIONING_BASE: ka(),
     RBAC_BASE: Ca(),
     SEARCH_ROLES_API: za(),
-    MY_DRIVE_GATEWAY_BASE_v2: wt(),
+    MY_DRIVE_GATEWAY_BASE_v2: kt(),
     DIRECTORY_PERMISSIONS_API: Yn(),
     FILE_PERMISSIONS_API: Wn()
   });
@@ -2387,7 +2397,7 @@ function Jn(t) {
     return console.log("Error reading JSON from localStorage"), null;
   }
 }
-function Rt() {
+function Ot() {
   const t = Jn("userProfile") || {}, a = localStorage.getItem("access_token") || t.accessToken || "", s = localStorage.getItem("siteId") || t.siteId || "", o = t.tenant || "", l = t.tenantdomain || "", m = t.username || t.displayName || "", i = t.email || "";
   return {
     Authorization: a ? `Bearer ${a}` : void 0,
@@ -2427,7 +2437,7 @@ function Xn(t) {
     request: null
   };
 }
-function Hn({
+function Qn({
   enableAuthRedirect: t = !0,
   defaultOpenHeaders: a = {}
 } = {}) {
@@ -2442,37 +2452,37 @@ function Hn({
       message: f?.statusText || "Request succeeded"
     },
     (f) => {
-      const x = Xn(f), r = x.status;
-      return t && (r === 401 || r === 403) && (window.location.href.includes("/login") || (window.historyPath = window.location.pathname, localStorage.clear(), sessionStorage.clear(), window.location.href = "/login")), Promise.reject(x);
+      const y = Xn(f), r = y.status;
+      return t && (r === 401 || r === 403) && (window.location.href.includes("/login") || (window.historyPath = window.location.pathname, localStorage.clear(), sessionStorage.clear(), window.location.href = "/login")), Promise.reject(y);
     }
   );
-  function o({ open: f = !1, customHeader: x = {} } = {}) {
+  function o({ open: f = !1, customHeader: y = {} } = {}) {
     if (f) {
-      const { Authorization: r, ...N } = Rt();
+      const { Authorization: r, ...N } = Ot();
       return {
-        headers: { ...N, ...a, ...x }
+        headers: { ...N, ...a, ...y }
       };
     }
-    return { headers: { ...Rt(), ...x } };
+    return { headers: { ...Ot(), ...y } };
   }
-  async function l(f, x, r = !1, N = {}) {
+  async function l(f, y, r = !1, N = {}) {
     return s.get(f, {
-      params: x,
+      params: y,
       ...o({ open: r, customHeader: N })
     });
   }
-  async function m(f, x, r = !1, N = {}) {
+  async function m(f, y, r = !1, N = {}) {
     const d = { ...o({ open: r, customHeader: N }) };
-    return x !== void 0 && (d.data = x), s.delete(f, d);
+    return y !== void 0 && (d.data = y), s.delete(f, d);
   }
-  async function i(f, x = {}, r = !1, N = {}) {
-    return s.post(f, x, o({ open: r, customHeader: N }));
+  async function i(f, y = {}, r = !1, N = {}) {
+    return s.post(f, y, o({ open: r, customHeader: N }));
   }
-  async function u(f, x = {}, r = !1, N = {}) {
-    return s.put(f, x, o({ open: r, customHeader: N }));
+  async function u(f, y = {}, r = !1, N = {}) {
+    return s.put(f, y, o({ open: r, customHeader: N }));
   }
-  async function g(f, x = {}, r = !1, N = {}) {
-    return s.patch(f, x, o({ open: r, customHeader: N }));
+  async function g(f, y = {}, r = !1, N = {}) {
+    return s.patch(f, y, o({ open: r, customHeader: N }));
   }
   return {
     instance: s,
@@ -2484,7 +2494,7 @@ function Hn({
     axiosPatch: g
   };
 }
-const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn = Ee.axiosPut, ql = Ee.axiosPatch, Yl = Ee.instance, Zn = async (t, a) => {
+const Ee = Qn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Hn = Ee.axiosPut, ql = Ee.axiosPatch, Yl = Ee.instance, Zn = async (t, a) => {
   try {
     switch (t) {
       case $e.USER: {
@@ -2511,7 +2521,7 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
     type: "User",
     avatarUrl: a?.profileImage || Ye(l)
   };
-}), Ot = (t) => {
+}), It = (t) => {
   try {
     const a = JSON.parse(t);
     return Array.isArray(a) ? a : [];
@@ -2562,14 +2572,14 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
     if (Array.isArray(s))
       o = s;
     else if (typeof s == "string")
-      o = Ot(s.trim());
+      o = It(s.trim());
     else if (s && typeof s == "object") {
       const l = s.data;
-      Array.isArray(l) ? o = l : typeof l == "string" && (o = Ot(l.trim()));
+      Array.isArray(l) ? o = l : typeof l == "string" && (o = It(l.trim()));
     }
     return Kn(o);
   }
-}, kt = (t, a) => {
+}, Ct = (t, a) => {
   const [s, o] = L(t);
   return Z(
     () => {
@@ -2606,15 +2616,15 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
       className: "flex items-center justify-between p-3 border border-gray-300 rounded-lg hover:bg-gray-50 hover:cursor-pointer transition-colors duration-150",
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-center gap-3 overflow-hidden", children: [
-          /* @__PURE__ */ e("div", { className: "flex items-center", children: l.map((f, x) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "flex items-center", children: l.map((f, y) => /* @__PURE__ */ e(
             "img",
             {
               src: f.avatarUrl || `https://avatar.vercel.sh/${f.name}.svg?text=${f?.name?.charAt(0) || "U"}`,
               alt: f.name,
-              className: `w-10 h-10 rounded-full border-2 border-white ${x > 0 ? "-ml-4" : ""}`,
-              style: { zIndex: x }
+              className: `w-10 h-10 rounded-full border-2 border-white ${y > 0 ? "-ml-4" : ""}`,
+              style: { zIndex: y }
             },
-            f.id || x
+            f.id || y
           )) }),
           /* @__PURE__ */ e("p", { className: "text-sm font-medium text-gray-800 truncate", children: g })
         ] }),
@@ -2624,11 +2634,11 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
   );
 }, Pt = [
   { id: 1, name: $e.USER, icon: tr, code: "users" },
-  { id: 2, name: $e.GROUP, icon: Qt, code: "groups" },
+  { id: 2, name: $e.GROUP, icon: Zt, code: "groups" },
   { id: 3, name: $e.ROLE, icon: ar, code: "roles" }
-], It = [
-  { id: 1, name: Dt.View, icon: Zt },
-  { id: 2, name: Dt.Manage, icon: Kt }
+], Mt = [
+  { id: 1, name: $t.View, icon: Kt },
+  { id: 2, name: $t.Manage, icon: ea }
 ], ts = Ka().shape({
   pendingInvites: er().min(1, "You must add at least one person to invite.")
 }), as = ({
@@ -2642,7 +2652,7 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
   },
   isChanged: u = !1
 }) => {
-  const [g, f] = L(Pt[0]), [x, r] = L(""), N = kt(x, 400), [d, p] = L([]), [$, A] = L(/* @__PURE__ */ new Set()), [E, R] = L(!1), [O, V] = L(It[0]), {
+  const [g, f] = L(Pt[0]), [y, r] = L(""), N = Ct(y, 400), [d, p] = L([]), [S, A] = L(/* @__PURE__ */ new Set()), [E, R] = L(!1), [O, V] = L(Mt[0]), {
     control: U,
     handleSubmit: Y,
     watch: G,
@@ -2655,30 +2665,30 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
     name: "pendingInvites"
   }), b = G("pendingInvites");
   Z(() => {
-    N.length > 1 ? (R(!0), Zn(g.name, N).then((S) => {
-      p(S);
-    }).catch((S) => console.error("Search failed:", S)).finally(() => R(!1))) : (p([]), A(/* @__PURE__ */ new Set()));
+    N.length > 1 ? (R(!0), Zn(g.name, N).then((D) => {
+      p(D);
+    }).catch((D) => console.error("Search failed:", D)).finally(() => R(!1))) : (p([]), A(/* @__PURE__ */ new Set()));
   }, [N, g]);
-  const y = (S) => {
+  const x = (D) => {
     A((B) => {
       const _ = new Set(B);
-      return _.has(S) ? _.delete(S) : _.add(S), _;
+      return _.has(D) ? _.delete(D) : _.add(D), _;
     });
-  }, D = () => {
-    d.filter((S) => $.has(S.id)).forEach((S) => {
-      w.find((B) => B.id === S.id) || T({ ...S, permission: O.name });
+  }, $ = () => {
+    d.filter((D) => S.has(D.id)).forEach((D) => {
+      w.find((B) => B.id === D.id) || T({ ...D, permission: O.name });
     }), A(/* @__PURE__ */ new Set()), r("");
-  }, M = (S) => {
-    V(S), w.forEach(
-      (B, _) => v(_, { ...w[_], permission: S.name })
+  }, M = (D) => {
+    V(D), w.forEach(
+      (B, _) => v(_, { ...w[_], permission: D.name })
     );
-  }, z = async (S) => {
+  }, z = async (D) => {
     try {
       if (l === de.DRIVE) {
-        const B = S.pendingInvites.map((I) => ({
-          id: I.id,
-          permission: I.permission,
-          type: I.type.toLowerCase()
+        const B = D.pendingInvites.map((P) => ({
+          id: P.id,
+          permission: P.permission,
+          type: P.type.toLowerCase()
         }));
         i({
           entity: t,
@@ -2687,7 +2697,7 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
           // Always send updated existing shares
         }, o);
       } else if (l === de.INTEREST) {
-        const B = S.pendingInvites.map((_) => ({
+        const B = D.pendingInvites.map((_) => ({
           identity: _.id,
           type: _.type.toLowerCase(),
           opt: !0,
@@ -2698,10 +2708,10 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
         }));
         i(B, o);
       } else if (l === de.ARTICLE) {
-        const B = S.pendingInvites.map((I) => ({
-          id: I.id,
-          permission: I.permission,
-          type: I.type.toLowerCase()
+        const B = D.pendingInvites.map((P) => ({
+          id: P.id,
+          permission: P.permission,
+          type: P.type.toLowerCase()
         }));
         i({
           entity: t,
@@ -2709,15 +2719,15 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
           existingShares: o
         }, o);
       } else
-        i(S, o);
+        i(D, o);
       setTimeout(() => {
         s();
       }, 1e3);
     } catch (B) {
       throw console.error("Failed to submit invites:", B), B;
     }
-  }, P = (S) => {
-    const B = o[g.code].find((_) => _.name === S.name && _.permission !== "remove") || b.find((_) => _.name === S.name);
+  }, I = (D) => {
+    const B = o[g.code].find((_) => _.name === D.name && _.permission !== "remove") || b.find((_) => _.name === D.name);
     return B ? `${B.permission}` : "";
   }, F = () => {
     switch (l) {
@@ -2744,7 +2754,7 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
           {
             onClick: s,
             className: "text-gray-500 hover:text-gray-800 hover:cursor-pointer",
-            children: /* @__PURE__ */ e(Qe, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ e(He, { className: "h-6 w-6" })
           }
         )
       ] })
@@ -2753,9 +2763,9 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
       (l === de.DRIVE || m) && /* @__PURE__ */ e(
         es,
         {
-          users: o.users.filter((S) => S.permission !== "remove"),
-          groups: o.groups.filter((S) => S.permission !== "remove"),
-          roles: o.roles.filter((S) => S.permission !== "remove"),
+          users: o.users.filter((D) => D.permission !== "remove"),
+          groups: o.groups.filter((D) => D.permission !== "remove"),
+          roles: o.roles.filter((D) => D.permission !== "remove"),
           onClick: a
         }
       ),
@@ -2771,14 +2781,14 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
           /* @__PURE__ */ e(
             ue,
             {
-              as: Q,
+              as: H,
               leave: "transition ease-in duration-100",
               leaveFrom: "opacity-100",
               leaveTo: "opacity-0",
-              children: /* @__PURE__ */ e(K.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: Pt.map((S) => /* @__PURE__ */ e(
+              children: /* @__PURE__ */ e(K.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: Pt.map((D) => /* @__PURE__ */ e(
                 K.Option,
                 {
-                  value: S,
+                  value: D,
                   className: ({ active: B }) => `${B ? "text-white bg-blue-600" : "text-gray-900"} hover:cursor-pointer select-none relative py-2 pl-10`,
                   children: ({ selected: B }) => /* @__PURE__ */ n(te, { children: [
                     /* @__PURE__ */ n(
@@ -2787,19 +2797,19 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
                         className: `${B ? "font-medium" : "font-normal"} flex items-center`,
                         children: [
                           /* @__PURE__ */ e(
-                            S.icon,
+                            D.icon,
                             {
                               className: `h-5 w-5 mr-2 ${B ? "text-white" : "text-gray-400"}`
                             }
                           ),
-                          S.name
+                          D.name
                         ]
                       }
                     ),
                     B && /* @__PURE__ */ e("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-white", children: /* @__PURE__ */ e(ht, { className: "h-5 w-5" }) })
                   ] })
                 },
-                S.id
+                D.id
               )) })
             }
           )
@@ -2808,8 +2818,8 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
           he,
           {
             placeholder: `Search by ${g.name.toLowerCase()}...`,
-            onDebouncedChange: (S) => r(S),
-            value: x
+            onDebouncedChange: (D) => r(D),
+            value: y
           }
         ) }),
         /* @__PURE__ */ e(ke, { children: (d?.length > 0 || E) && /* @__PURE__ */ e(
@@ -2821,19 +2831,19 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
             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: E ? /* @__PURE__ */ e("div", { className: "p-4 text-center text-gray-500", children: "Loading..." }) : /* @__PURE__ */ n(te, { children: [
-              /* @__PURE__ */ e("div", { className: "max-h-60 overflow-y-auto p-2 space-y-1", children: d.map((S) => {
-                const B = P(S);
+              /* @__PURE__ */ e("div", { className: "max-h-60 overflow-y-auto p-2 space-y-1", children: d.map((D) => {
+                const B = I(D);
                 return /* @__PURE__ */ n(
                   "div",
                   {
-                    onClick: () => B ? null : y(S.id),
+                    onClick: () => B ? null : x(D.id),
                     className: `flex items-center gap-3 p-2 rounded-md hover:bg-blue-50 ${B ? " hover:cursor-not-allowed" : "hover:cursor-pointer"}`,
                     children: [
                       /* @__PURE__ */ e(
                         "input",
                         {
                           type: "checkbox",
-                          checked: $.has(S.id),
+                          checked: S.has(D.id),
                           readOnly: !0,
                           className: "h-4 w-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500",
                           disabled: !!B
@@ -2842,19 +2852,19 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
                       /* @__PURE__ */ e(
                         "img",
                         {
-                          src: S.avatarUrl || `https://avatar.vercel.sh/${S.name}.svg?text=${S.name.charAt(0)}`,
-                          alt: S.name,
+                          src: D.avatarUrl || `https://avatar.vercel.sh/${D.name}.svg?text=${D.name.charAt(0)}`,
+                          alt: D.name,
                           className: "w-8 h-8 rounded-full"
                         }
                       ),
-                      /* @__PURE__ */ e("span", { className: "text-md font-medium text-gray-800 truncate", children: S.name }),
+                      /* @__PURE__ */ e("span", { className: "text-md font-medium text-gray-800 truncate", children: D.name }),
                       B ? /* @__PURE__ */ n(te, { children: [
                         /* @__PURE__ */ e("span", { className: "text-sm px-[12px] py-[2px] border border-dashed rounded-xl bg-teal-100 text-teal-700", children: B }),
                         /* @__PURE__ */ e("span", { className: "text-sm text-gray-400", children: "Already added" })
                       ] }) : ""
                     ]
                   },
-                  S.id
+                  D.id
                 );
               }) }),
               /* @__PURE__ */ n("div", { className: "flex justify-end gap-2 p-2 border-t border-gray-300", children: [
@@ -2869,8 +2879,8 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
                 /* @__PURE__ */ e(
                   "button",
                   {
-                    onClick: D,
-                    disabled: $.size === 0,
+                    onClick: $,
+                    disabled: S.size === 0,
                     className: "px-3 py-1 text-sm text-white bg-blue-600 rounded-md hover:bg-blue-700 disabled:bg-blue-300 disabled:cursor-not-allowed hover:cursor-pointer",
                     children: "Add"
                   }
@@ -2912,14 +2922,14 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
                     /* @__PURE__ */ e(
                       ue,
                       {
-                        as: Q,
+                        as: H,
                         leave: "transition ease-in duration-100",
                         leaveFrom: "opacity-100",
                         leaveTo: "opacity-0",
-                        children: /* @__PURE__ */ e(K.Options, { className: "absolute z-10 mt-1 w-auto min-w-full bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm", children: It.map((S) => /* @__PURE__ */ e(
+                        children: /* @__PURE__ */ e(K.Options, { className: "absolute z-10 mt-1 w-auto min-w-full bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm", children: Mt.map((D) => /* @__PURE__ */ e(
                           K.Option,
                           {
-                            value: S,
+                            value: D,
                             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(te, { children: [
                               /* @__PURE__ */ n(
@@ -2928,13 +2938,13 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
                                   className: `${B ? "font-medium" : "font-normal"} flex items-center`,
                                   children: [
                                     /* @__PURE__ */ e(
-                                      S.icon,
+                                      D.icon,
                                       {
                                         className: `h-5 w-5 mr-2 ${_ ? "text-white" : "text-gray-400"}`
                                       }
                                     ),
                                     "Can ",
-                                    S.name
+                                    D.name
                                   ]
                                 }
                               ),
@@ -2947,7 +2957,7 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
                               ) })
                             ] })
                           },
-                          S.id
+                          D.id
                         )) })
                       }
                     )
@@ -2955,7 +2965,7 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
                 }
               )
             ] }),
-            /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e(ke, { children: w.map((S, B) => /* @__PURE__ */ n(
+            /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e(ke, { children: w.map((D, B) => /* @__PURE__ */ n(
               le.div,
               {
                 layout: !0,
@@ -2969,29 +2979,29 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
                     /* @__PURE__ */ e(
                       "img",
                       {
-                        src: S.avatarUrl || `https://avatar.vercel.sh/${S.name}.svg?text=${S.name.charAt(0)}`,
+                        src: D.avatarUrl || `https://avatar.vercel.sh/${D.name}.svg?text=${D.name.charAt(0)}`,
                         className: "w-8 h-8 rounded-full flex-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: D.name })
                   ] }),
                   /* @__PURE__ */ n("div", { className: "flex items-center gap-3", children: [
                     l === de.DRIVE && /* @__PURE__ */ n("span", { className: "text-sm text-gray-500", children: [
                       "can ",
-                      S.permission
+                      D.permission
                     ] }),
                     /* @__PURE__ */ e(
                       "button",
                       {
                         onClick: () => k(B),
                         className: "text-gray-400 hover:text-red-500 hover:cursor-pointer",
-                        children: /* @__PURE__ */ e(Qe, { className: "h-5 w-5" })
+                        children: /* @__PURE__ */ e(He, { className: "h-5 w-5" })
                       }
                     )
                   ] })
                 ]
               },
-              S.id
+              D.id
             )) }) })
           ]
         }
@@ -3026,17 +3036,17 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
     ] }) })
   ] });
 }, it = [
-  { name: "Can view", icon: Zt, value: "view" },
-  { name: "Can manage", icon: Kt, value: "edit" },
+  { name: "Can view", icon: Kt, value: "view" },
+  { name: "Can manage", icon: ea, value: "edit" },
   { name: "Remove", icon: or, isDestructive: !0, value: "remove" }
 ], rs = ({ item: t, allowedPermissions: a, onPermissionChange: s }) => {
-  const [o, l] = L(!1), { refs: m, floatingStyles: i, context: u } = sa({
+  const [o, l] = L(!1), { refs: m, floatingStyles: i, context: u } = la({
     open: o,
     onOpenChange: l,
-    middleware: [la(8), oa(), ia({ padding: 8 })],
-    whileElementsMounted: ca,
+    middleware: [oa(8), ia(), ca({ padding: 8 })],
+    whileElementsMounted: da,
     placement: "bottom-end"
-  }), g = Zr(u), f = Kr(u), { getReferenceProps: x, getFloatingProps: r } = en([
+  }), g = Zr(u), f = Kr(u), { getReferenceProps: y, getFloatingProps: r } = en([
     g,
     f
   ]), N = it.find((p) => p.name === t.permission || p.value === t.permission) || it[0];
@@ -3050,7 +3060,7 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
         K.Button,
         {
           ref: m.setReference,
-          ...x(),
+          ...y(),
           className: "relative min-w-[120px] text-left text-sm p-2 border border-gray-300 rounded-md hover:bg-gray-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-opacity-75 hover:cursor-pointer",
           children: [
             /* @__PURE__ */ e("span", { className: "block truncate", children: t.permission }),
@@ -3061,7 +3071,7 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
       /* @__PURE__ */ e(tn, { children: /* @__PURE__ */ e(
         ue,
         {
-          as: Q,
+          as: H,
           show: o,
           enter: "transition ease-out duration-100",
           enterFrom: "transform opacity-0 scale-95",
@@ -3081,24 +3091,24 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
                 K.Option,
                 {
                   className: ({
-                    active: $
+                    active: S
                   }) => `relative select-none py-2 pl-10 pr-4 hover:cursor-pointer
-                                            ${$ ? "bg-blue-100 text-blue-900" : "text-gray-900"}
-                                            ${p.isDestructive && $ ? "bg-red-100 text-red-900" : ""}
-                                            ${p.isDestructive && !$ ? "text-red-600" : ""}`,
+                                            ${S ? "bg-blue-100 text-blue-900" : "text-gray-900"}
+                                            ${p.isDestructive && S ? "bg-red-100 text-red-900" : ""}
+                                            ${p.isDestructive && !S ? "text-red-600" : ""}`,
                   value: p,
-                  children: ({ selected: $ }) => /* @__PURE__ */ n(te, { children: [
+                  children: ({ selected: S }) => /* @__PURE__ */ n(te, { children: [
                     /* @__PURE__ */ n(
                       "span",
                       {
-                        className: `flex items-center gap-2 truncate ${$ ? "font-medium" : "font-normal"}`,
+                        className: `flex items-center gap-2 truncate ${S ? "font-medium" : "font-normal"}`,
                         children: [
                           /* @__PURE__ */ e(p.icon, { className: "h-5 w-5", "aria-hidden": "true" }),
                           p.name
                         ]
                       }
                     ),
-                    $ && /* @__PURE__ */ e("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-blue-600", children: /* @__PURE__ */ e(ht, { className: "h-5 w-5", "aria-hidden": "true" }) })
+                    S && /* @__PURE__ */ e("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-blue-600", children: /* @__PURE__ */ e(ht, { className: "h-5 w-5", "aria-hidden": "true" }) })
                   ] })
                 },
                 p.name
@@ -3118,7 +3128,7 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
   existingShares: l,
   allowedPermissions: m
 }) => {
-  const [i, u] = L(l), [g, f] = L(0), [x, r] = L(""), N = kt(x, 300), d = {
+  const [i, u] = L(l), [g, f] = L(0), [y, r] = L(""), N = Ct(y, 300), d = {
     users: i.users.filter(
       (R) => R.name.toLowerCase().includes(N.toLowerCase())
     ),
@@ -3136,7 +3146,7 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
         (C) => C.id === R.id ? { ...C, permission: Y } : C
       )
     }));
-  }, $ = () => {
+  }, S = () => {
     const R = {
       users: i.users.filter((O) => O.permission !== "remove"),
       groups: i.groups.filter((O) => O.permission !== "remove"),
@@ -3154,7 +3164,7 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
             onClick: () => a(i),
             className: "flex items-center gap-1 text-sm font-medium text-gray-600 hover:text-gray-900 hover:cursor-pointer p-2 rounded-md hover:bg-gray-100",
             children: [
-              /* @__PURE__ */ e(ea, { className: "h-5 w-5" }),
+              /* @__PURE__ */ e(ta, { className: "h-5 w-5" }),
               " Back"
             ]
           }
@@ -3165,7 +3175,7 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
           {
             onClick: s,
             className: "text-gray-500 hover:text-gray-800 p-2 rounded-full hover:bg-gray-100 hover:cursor-pointer",
-            children: /* @__PURE__ */ e(Qe, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ e(He, { className: "h-6 w-6" })
           }
         )
       ] }),
@@ -3188,7 +3198,7 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
               he,
               {
                 onDebouncedChange: r,
-                value: x,
+                value: y,
                 placeholder: `Search in ${E[g]}...`
               }
             ) })
@@ -3200,7 +3210,7 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
               animate: { y: 0, opacity: 1 },
               exit: { y: -10, opacity: 0 },
               transition: { duration: 0.2 },
-              children: /* @__PURE__ */ e(ne.Panels, { as: Q, children: A.map((R) => /* @__PURE__ */ e(
+              children: /* @__PURE__ */ e(ne.Panels, { as: H, children: A.map((R) => /* @__PURE__ */ e(
                 ne.Panel,
                 {
                   className: "space-y-3 focus:outline-none",
@@ -3266,13 +3276,13 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
                         animate: { opacity: 1 },
                         className: "flex flex-col items-center justify-center text-center p-8 mt-10 bg-white rounded-lg border border-gray-300",
                         children: [
-                          /* @__PURE__ */ e(Qt, { className: "h-12 w-12 text-gray-400" }),
+                          /* @__PURE__ */ e(Zt, { className: "h-12 w-12 text-gray-400" }),
                           /* @__PURE__ */ n("h3", { className: "mt-2 text-sm font-medium text-gray-900", children: [
                             "No ",
                             E[g],
                             " Found"
                           ] }),
-                          /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-gray-500", children: x ? `No results for "${x}"` : `There are no ${E[g].toLowerCase()} with access.` })
+                          /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-gray-500", children: y ? `No results for "${y}"` : `There are no ${E[g].toLowerCase()} with access.` })
                         ]
                       }
                     )
@@ -3287,7 +3297,7 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
         /* @__PURE__ */ e("div", { className: "p-4 bg-white border-t border-gray-300 flex justify-end", children: /* @__PURE__ */ e(
           "button",
           {
-            onClick: $,
+            onClick: S,
             className: "px-4 py-2 bg-blue-600 text-white rounded-md shadow hover:bg-blue-700",
             children: "Update"
           }
@@ -3308,9 +3318,9 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
   onClose: s,
   members: o
 }) => {
-  const [l, m] = L(!0), [i, u] = L(""), g = kt(i, 300), f = o.filter(
+  const [l, m] = L(!0), [i, u] = L(""), g = Ct(i, 300), f = o.filter(
     (d) => d.name.toLowerCase().includes(g.toLowerCase())
-  ), x = {
+  ), y = {
     hidden: { opacity: 0 },
     visible: {
       opacity: 1,
@@ -3340,7 +3350,7 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
   ) : /* @__PURE__ */ e(
     le.ul,
     {
-      variants: x,
+      variants: y,
       initial: "hidden",
       animate: "visible",
       className: "divide-y divide-gray-200",
@@ -3380,7 +3390,7 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
           onClick: a,
           className: "flex items-center gap-1 text-sm font-medium text-gray-600 hover:text-gray-900 p-2 rounded-md hover:bg-gray-100 hover:cursor-pointer",
           children: [
-            /* @__PURE__ */ e(ea, { className: "h-5 w-5" }),
+            /* @__PURE__ */ e(ta, { className: "h-5 w-5" }),
             " Back"
           ]
         }
@@ -3394,7 +3404,7 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
         {
           onClick: s,
           className: "text-gray-500 hover:text-gray-800 p-2 rounded-full hover:bg-gray-100 hover:cursor-pointer",
-          children: /* @__PURE__ */ e(Qe, { className: "h-6 w-6" })
+          children: /* @__PURE__ */ e(He, { className: "h-6 w-6" })
         }
       )
     ] }),
@@ -3429,10 +3439,10 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
   allowedPermissions: u = [],
   ...g
 }) => {
-  const [f, x] = L(pe.INVITE), [r, N] = L(t), [d, p] = L(null), [$, A] = L(!1), [E, R] = L([]), [O, V] = L(pe.MANAGE), U = () => {
-    x(pe.INVITE), p(null), m();
+  const [f, y] = L(pe.INVITE), [r, N] = L(t), [d, p] = L(null), [S, A] = L(!1), [E, R] = L([]), [O, V] = L(pe.MANAGE), U = () => {
+    y(pe.INVITE), p(null), m();
   }, Y = () => {
-    x(pe.MANAGE);
+    y(pe.MANAGE);
   }, G = async ({ id: w, name: T, type: k }) => {
     if (k === "groups") {
       try {
@@ -3442,15 +3452,15 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
       }
       R(resp);
     }
-    p({ id: w, type: k, name: T }), V(f), x(pe.MEMBERS);
+    p({ id: w, type: k, name: T }), V(f), y(pe.MEMBERS);
   }, C = (w) => {
     console.log("changedExistingShares", w), N(w);
-    const T = ot.mapValues(t, (b) => b.map((y) => ({ id: y.id, permission: y.permission })).sort((y, D) => y.id - D.id)), k = ot.mapValues(w, (b) => b.map((y) => ({ id: y.id, permission: y.permission })).sort((y, D) => y.id - D.id));
+    const T = ot.mapValues(t, (b) => b.map((x) => ({ id: x.id, permission: x.permission })).sort((x, $) => x.id - $.id)), k = ot.mapValues(w, (b) => b.map((x) => ({ id: x.id, permission: x.permission })).sort((x, $) => x.id - $.id));
     console.log("Existing data:", T), console.log("Changed data:", k);
     const v = !ot.isEqual(T, k);
-    console.log("hasPermissionChanged:", v), A(v), x(f === pe.MEMBERS ? O : pe.INVITE);
+    console.log("hasPermissionChanged:", v), A(v), y(f === pe.MEMBERS ? O : pe.INVITE);
   };
-  return /* @__PURE__ */ e(ue, { appear: !0, show: a, as: Q, children: /* @__PURE__ */ n(be, { as: "div", className: "relative z-50", onClose: U, children: [
+  return /* @__PURE__ */ e(ue, { appear: !0, show: a, as: H, children: /* @__PURE__ */ n(be, { as: "div", className: "relative z-50", onClose: U, children: [
     /* @__PURE__ */ e("div", { className: "filter-modal-overlay", "aria-hidden": "true" }),
     /* @__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 (f) {
@@ -3522,7 +3532,7 @@ const Ee = Hn(), Ve = Ee.axiosGet, Gl = Ee.axiosDelete, Ze = Ee.axiosPost, Qn =
                   onFinalSubmit: (w) => {
                     s(w, r);
                   },
-                  isChanged: $
+                  isChanged: S
                 }
               )
             },
@@ -3550,15 +3560,15 @@ function at({
   // NEW: search behavior
   searchMode: f = "client",
   // "client" | "server"
-  onSearch: x,
+  onSearch: y,
   // (query: string) => void (required if searchMode==="server")
   serverLoading: r = !1,
   minSearchChars: N = 2,
   // NEW: mappers (id/label keys)
-  getOptionId: d = ($) => String($.id),
-  getOptionLabel: p = ($) => $.name
+  getOptionId: d = (S) => String(S.id),
+  getOptionLabel: p = (S) => S.name
 }) {
-  const $ = Xe(), A = Xe(), [E, R] = L(""), O = ge(""), V = me(() => {
+  const S = Xe(), A = Xe(), [E, R] = L(""), O = ge(""), V = me(() => {
     const w = /* @__PURE__ */ new Map();
     for (const T of a) w.set(d(T), T);
     return w;
@@ -3568,8 +3578,8 @@ function at({
     return a.filter((T) => p(T).toLowerCase().includes(w));
   }, [a, E, p]);
   Z(() => {
-    f === "server" && E.length >= N && E !== O.current && (O.current = E, x && x(E));
-  }, [E, f, N, x]);
+    f === "server" && E.length >= N && E !== O.current && (O.current = E, y && y(E));
+  }, [E, f, N, y]);
   const G = f === "client" ? Y : a, C = () => {
     if (!U.length)
       return /* @__PURE__ */ e("span", { className: "text-gray-500", children: m });
@@ -3597,7 +3607,7 @@ function at({
     /* @__PURE__ */ e(
       K.Label,
       {
-        id: $,
+        id: S,
         className: "block text-sm font-medium leading-6 text-gray-900",
         children: t
       }
@@ -3606,7 +3616,7 @@ function at({
       /* @__PURE__ */ n(
         K.Button,
         {
-          "aria-labelledby": $,
+          "aria-labelledby": S,
           "aria-invalid": !!i,
           "aria-describedby": i ? A : void 0,
           onBlur: l,
@@ -3616,14 +3626,14 @@ function at({
           ),
           children: [
             /* @__PURE__ */ e("span", { className: "block truncate", children: C() }),
-            /* @__PURE__ */ e("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ e(Xt, { className: "w-5 h-5 text-gray-400", "aria-hidden": "true" }) })
+            /* @__PURE__ */ e("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ e(Qt, { className: "w-5 h-5 text-gray-400", "aria-hidden": "true" }) })
           ]
         }
       ),
       /* @__PURE__ */ e(
         ue,
         {
-          as: Q,
+          as: H,
           show: w,
           leave: "transition ease-in duration-100",
           leaveFrom: "opacity-100",
@@ -3639,28 +3649,28 @@ function at({
             ) }),
             f === "server" && r && /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: "Loading…" }),
             G.length === 0 && !r ? /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: f === "server" ? E.length < N ? `Type at least ${N} characters to search.` : "No results." : "No options found." }) : G.map((T) => {
-              const k = d(T), v = p(T), b = U.some((D) => d(D) === k), y = g !== -1 && U.length >= g && !b;
+              const k = d(T), v = p(T), b = U.some(($) => d($) === k), x = g !== -1 && U.length >= g && !b;
               return /* @__PURE__ */ e(
                 K.Option,
                 {
                   value: T,
-                  disabled: y,
-                  className: ({ active: D }) => Ge(
-                    y ? " text-gray-400  bg-white  cursor-not-allowed" : D ? " bg-gray-200  text-gray-900" : " text-gray-900",
+                  disabled: x,
+                  className: ({ active: $ }) => Ge(
+                    x ? " text-gray-400  bg-white  cursor-not-allowed" : $ ? " bg-gray-200  text-gray-900" : " text-gray-900",
                     " relative  cursor-default  select-none  py-2  pl-3  pr-9"
                   ),
-                  children: ({ selected: D, active: M }) => /* @__PURE__ */ n(te, { children: [
+                  children: ({ selected: $, active: M }) => /* @__PURE__ */ n(te, { children: [
                     /* @__PURE__ */ e(
                       "span",
                       {
                         className: Ge(
-                          D ? "font-semibold" : "font-normal",
+                          $ ? "font-semibold" : "font-normal",
                           "block truncate"
                         ),
                         children: v
                       }
                     ),
-                    D && /* @__PURE__ */ e(
+                    $ && /* @__PURE__ */ e(
                       "span",
                       {
                         className: Ge(
@@ -3734,10 +3744,10 @@ const Wl = ({
   secondaryAction: i = { onCancel: null, label: "Cancel" },
   dialogPanelClass: u = ""
 }) => {
-  const g = (x) => {
-    x.target === x.currentTarget && a(!1);
-  }, f = (x) => {
-    x.stopPropagation();
+  const g = (y) => {
+    y.target === y.currentTarget && a(!1);
+  }, f = (y) => {
+    y.stopPropagation();
   };
   return /* @__PURE__ */ n(
     be,
@@ -3747,7 +3757,7 @@ const Wl = ({
       className: "relative z-50 overflow-y-auto",
       children: [
         /* @__PURE__ */ e(
-          Hr,
+          Qr,
           {
             className: "fixed inset-0 bg-black/30",
             onClick: g
@@ -3817,7 +3827,7 @@ function is({ listeners: t = {}, attributes: a = {} }) {
       ...a,
       onMouseDown: (s) => s.stopPropagation(),
       onClick: (s) => s.stopPropagation(),
-      children: /* @__PURE__ */ e(Nt, { size: 14 })
+      children: /* @__PURE__ */ e(wt, { size: 14 })
     }
   );
 }
@@ -3833,10 +3843,10 @@ function cs({
   renderActions: g,
   // optional override
   dragId: f,
-  dropId: x,
+  dropId: y,
   indent: r = 24
 }) {
-  const { setNodeRef: N, isOver: d } = cr({ id: x }), { attributes: p, listeners: $, setNodeRef: A, transform: E, isDragging: R } = dr({ id: f }), O = E ? { transform: `translate3d(${Math.round(E.x)}px, ${Math.round(E.y)}px, 0)` } : void 0, [V, U] = L(!1), [Y, G] = L(t.name), C = () => {
+  const { setNodeRef: N, isOver: d } = cr({ id: y }), { attributes: p, listeners: S, setNodeRef: A, transform: E, isDragging: R } = dr({ id: f }), O = E ? { transform: `translate3d(${Math.round(E.x)}px, ${Math.round(E.y)}px, 0)` } : void 0, [V, U] = L(!1), [Y, G] = L(t.name), C = () => {
     const w = Y.trim();
     U(!1), w && w !== t.name ? i?.(t, w) : G(t.name);
   }, h = me(() => /* @__PURE__ */ e(
@@ -3862,7 +3872,7 @@ function cs({
         w.target.closest(".tv-toggle") || w.target.tagName === "INPUT" || l?.(t);
       },
       children: [
-        /* @__PURE__ */ e("button", { className: "tv-toggle", onClick: o, "aria-label": "toggle", children: t.children?.length ? s ? /* @__PURE__ */ e(vt, { size: 16 }) : /* @__PURE__ */ e(fe, { size: 16 }) : /* @__PURE__ */ e("span", { className: "tv-spacer" }) }),
+        /* @__PURE__ */ e("button", { className: "tv-toggle", onClick: o, "aria-label": "toggle", children: t.children?.length ? s ? /* @__PURE__ */ e(Nt, { size: 16 }) : /* @__PURE__ */ e(fe, { size: 16 }) : /* @__PURE__ */ e("span", { className: "tv-spacer" }) }),
         /* @__PURE__ */ e(Le, { size: 16, className: "tv-folder-ic" }),
         /* @__PURE__ */ e("div", { className: "tv-name", ref: A, children: V ? /* @__PURE__ */ e(
           "input",
@@ -3877,7 +3887,7 @@ function cs({
             autoFocus: !0
           }
         ) : /* @__PURE__ */ e("span", { onDoubleClick: () => U(!0), children: t.name }) }),
-        /* @__PURE__ */ e(is, { listeners: $, attributes: p }),
+        /* @__PURE__ */ e(is, { listeners: S, attributes: p }),
         /* @__PURE__ */ e("div", { className: "tv-actions", children: g ? g(t, {
           onCreateChild: () => m?.(t),
           onRename: () => U(!0),
@@ -3909,14 +3919,14 @@ function ps(t, { rootId: a, getId: s, getParent: o, getName: l }) {
 function gs(t, { rootId: a, getId: s, getName: o }) {
   const l = /* @__PURE__ */ new Map();
   function m(u, g) {
-    const f = s(u), x = {
+    const f = s(u), y = {
       ...u,
       id: f,
       name: o(u),
       parentId: g || a,
       children: (u.children || []).map((r) => m(r, f))
     };
-    return l.set(f, x), x;
+    return l.set(f, y), y;
   }
   return { roots: t.map((u) => m(u, null)), byId: l };
 }
@@ -3971,48 +3981,48 @@ function Jl({
   onCreateRoot: u,
   onCreateChild: g,
   onRename: f,
-  onDelete: x,
+  onDelete: y,
   onMove: r,
   renderActions: N,
   disableMoveToRoot: d = !1,
   // ← allow root moves by default now
   indentUnit: p = 24
 }) {
-  const { roots: $ } = me(() => hs(t) ? gs(t, { rootId: a, getId: o, getName: m }) : ps(
-    t.map((y) => ({ ...y })),
+  const { roots: S } = me(() => hs(t) ? gs(t, { rootId: a, getId: o, getName: m }) : ps(
+    t.map((x) => ({ ...x })),
     { rootId: a, getId: o, getParent: l, getName: m }
-  ), [t, a, o, l, m]), [A, E] = L({}), R = ae((y) => {
-    const D = {};
+  ), [t, a, o, l, m]), [A, E] = L({}), R = ae((x) => {
+    const $ = {};
     return (function M(z) {
-      z.forEach((P) => {
-        D[P.id] = !0, P.children?.length && M(P.children);
+      z.forEach((I) => {
+        $[I.id] = !0, I.children?.length && M(I.children);
       });
-    })(y), D;
+    })(x), $;
   }, []);
   se.useEffect(() => {
-    E(R($));
-  }, [$, R]);
+    E(R(S));
+  }, [S, R]);
   const O = ae(
-    (y) => E((D) => ({ ...D, [y]: !D[y] })),
+    (x) => E(($) => ({ ...$, [x]: !$[x] })),
     []
-  ), [V, U] = L(() => Me($));
-  se.useEffect(() => U(Me($)), [$]);
+  ), [V, U] = L(() => Me(S));
+  se.useEffect(() => U(Me(S)), [S]);
   const Y = mr(
     ur(br, { activationConstraint: { delay: 250, tolerance: 5 } })
   ), G = ge(null), [C, h] = L(null), w = ge(0), T = () => {
-  }, k = ({ delta: y }) => {
-    w.current = y?.x ?? 0;
+  }, k = ({ delta: x }) => {
+    w.current = x?.x ?? 0;
   }, v = ae(
-    ({ active: y, over: D }) => {
+    ({ active: x, over: $ }) => {
       const M = w.current;
-      if (w.current = 0, h(null), !y || !D) return;
-      const z = String(y.id).replace(/^drag-/, ""), P = String(D.id).replace(/^drop-/, "");
-      if (!z || !P || z === P) return;
-      let F = P;
-      const S = Math.max(0, Math.floor(-M / p));
-      if (S > 0) {
-        let X = P;
-        for (let xe = 0; xe < S; xe++) {
+      if (w.current = 0, h(null), !x || !$) return;
+      const z = String(x.id).replace(/^drag-/, ""), I = String($.id).replace(/^drop-/, "");
+      if (!z || !I || z === I) return;
+      let F = I;
+      const D = Math.max(0, Math.floor(-M / p));
+      if (D > 0) {
+        let X = I;
+        for (let xe = 0; xe < D; xe++) {
           const j = Sa(V, X, null);
           if (!j) break;
           if (!j.parentId) {
@@ -4023,50 +4033,50 @@ function Jl({
         }
       }
       if (d && F === a) {
-        U(Me($));
+        U(Me(S));
         return;
       }
-      const B = Me(V), { newRoots: _, removed: I } = bs(B, z);
-      if (!I) return;
-      const q = fs(_, F, I);
+      const B = Me(V), { newRoots: _, removed: P } = bs(B, z);
+      if (!P) return;
+      const q = fs(_, F, P);
       U(q), r?.({ sourceId: z, destParentId: F, newTree: q });
     },
-    [V, $, a, d, p, r]
+    [V, S, a, d, p, r]
   ), b = ae(
-    (y, D = 0) => y.map((M) => /* @__PURE__ */ n(se.Fragment, { children: [
+    (x, $ = 0) => x.map((M) => /* @__PURE__ */ n(se.Fragment, { children: [
       /* @__PURE__ */ e(
         cs,
         {
           node: M,
-          depth: D,
+          depth: $,
           expanded: !!A[M.id],
           onToggle: () => O(M.id),
           onSelect: i,
           onCreateChild: g,
           onRename: f,
-          onDelete: x,
+          onDelete: y,
           renderActions: N,
           dragId: `drag-${M.id}`,
           dropId: `drop-${M.id}`,
           indent: p
         }
       ),
-      A[M.id] && M.children?.length > 0 ? b(M.children, D + 1) : null
+      A[M.id] && M.children?.length > 0 ? b(M.children, $ + 1) : null
     ] }, M.id)),
-    [A, p, g, x, f, i, N, O]
+    [A, p, g, y, f, i, N, O]
   );
   return se.useMemo(() => {
     if (!C) return null;
-    const y = String(C).replace(/^drag-/, "");
-    function D(M) {
+    const x = String(C).replace(/^drag-/, "");
+    function $(M) {
       for (const z of M) {
-        if (z.id === y) return z;
-        const P = z.children?.length ? D(z.children) : null;
-        if (P) return P;
+        if (z.id === x) return z;
+        const I = z.children?.length ? $(z.children) : null;
+        if (I) return I;
       }
       return null;
     }
-    return D(V);
+    return $(V);
   }, [C, V]), /* @__PURE__ */ n("div", { className: "tv", children: [
     s !== !1 && /* @__PURE__ */ n("div", { className: "tv-header", children: [
       /* @__PURE__ */ e("div", { className: "tv-title", children: s }),
@@ -4108,10 +4118,10 @@ const Xl = ({
   const g = s === "vertical", f = (N) => we(
     "py-2 -mb-px text-sm font-medium focus:outline-none border-b-2",
     N ? "border-primaryX text-textX" : "border-transparent text-slate-600 hover:text-indigo-700"
-  ), x = (N) => we(
+  ), y = (N) => we(
     "text-left text-sm rounded-md px-2 py-1.5 focus:outline-none",
     N ? "bg-primaryX text-white" : "text-textX hover:bg-lightgray-100 hover:text-primaryX"
-  ), r = ({ selected: N }) => i ? typeof i == "function" ? i(N) : i : g ? x(N) : f(N);
+  ), r = ({ selected: N }) => i ? typeof i == "function" ? i(N) : i : g ? y(N) : f(N);
   return /* @__PURE__ */ e(ne.Group, { vertical: g, ...u, children: g ? /* @__PURE__ */ n("div", { className: we("flex gap-4", o), children: [
     /* @__PURE__ */ e(ne.List, { className: we("w-[150px] flex flex-col gap-1 border-r border-gray-300 pr-2", l), children: t.map((N) => /* @__PURE__ */ e(ne, { className: r, children: N.label }, N.key)) }),
     /* @__PURE__ */ e(ne.Panels, { unmount: !a, className: we("flex-1", m), children: t.map((N) => /* @__PURE__ */ e(ne.Panel, { className: "focus:outline-none", children: /* @__PURE__ */ e("div", { className: "[overflow-anchor:none]", children: N.content }) }, N.key)) })
@@ -4123,8 +4133,8 @@ const Xl = ({
     ] })
   ) });
 };
-function Hl(t, a = "YYYY-MM-DD HH:mm:ss") {
-  return t ? (t.endsWith("Z") || /[+\-]\d{2}:?\d{2}$/.test(t) ? zt.parseZone(t) : zt.utc(t)).local().format(a) : null;
+function Ql(t, a = "YYYY-MM-DD HH:mm:ss") {
+  return t ? (t.endsWith("Z") || /[+\-]\d{2}:?\d{2}$/.test(t) ? St.parseZone(t) : St.utc(t)).local().format(a) : null;
 }
 c.string;
 function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
@@ -4144,26 +4154,26 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
   Z(() => {
     f.current !== i && s && typeof s == "function" && (f.current = i, s(l.key, i));
   }, [l.key, i, s]);
-  const x = (r) => {
+  const y = (r) => {
     if (!r.dependsOn) return !0;
-    const { field: N, value: d, operator: p = "equals" } = r.dependsOn, $ = i[N];
+    const { field: N, value: d, operator: p = "equals" } = r.dependsOn, S = i[N];
     switch (p) {
       case "equals":
-        return $ === d;
+        return S === d;
       case "notEquals":
-        return $ !== d;
+        return S !== d;
       case "contains":
-        return Array.isArray($) && $.includes(d);
+        return Array.isArray(S) && S.includes(d);
       case "notContains":
-        return !Array.isArray($) || !$.includes(d);
+        return !Array.isArray(S) || !S.includes(d);
       case "greaterThan":
-        return Number($) > Number(d);
+        return Number(S) > Number(d);
       case "lessThan":
-        return Number($) < Number(d);
+        return Number(S) < Number(d);
       case "isEmpty":
-        return !$ || Array.isArray($) && $.length === 0;
+        return !S || Array.isArray(S) && S.length === 0;
       case "isNotEmpty":
-        return $ && (!Array.isArray($) || $.length > 0);
+        return S && (!Array.isArray(S) || S.length > 0);
       default:
         return !0;
     }
@@ -4181,8 +4191,45 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
       }
     ),
     /* @__PURE__ */ e("p", { style: { fontSize: "14px", marginBottom: "10px" }, children: l.description }),
-    /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: l.fields.map((r, N) => x(r) && /* @__PURE__ */ n("div", { className: r.fullWidth ? "col-span-full" : "", style: { marginBottom: "10px" }, children: [
-      /* @__PURE__ */ n(
+    l.layout === "inline-checkboxes" ? /* @__PURE__ */ n("div", { style: { marginBottom: "20px" }, children: [
+      /* @__PURE__ */ e("div", { style: { display: "flex", flexWrap: "wrap", gap: "20px", alignItems: "center" }, children: l.fields.map((r, N) => y(r) && r.fieldtype === "checkbox" && /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center" }, children: [
+        /* @__PURE__ */ e(
+          gt,
+          {
+            name: r.key,
+            checked: !!(i[r.key] || r.default),
+            onChange: (d) => {
+              const p = d.target ? d.target.checked : d, S = { ...i, [r.key]: p };
+              u(S), s && s(l.key, S);
+            },
+            label: r.label,
+            disabled: r.disabled ? r.disabled : !1
+          }
+        ),
+        r.info && /* @__PURE__ */ e(
+          "span",
+          {
+            style: {
+              fontSize: "12px",
+              color: "#666",
+              marginLeft: "5px"
+            },
+            title: r.info,
+            children: "ℹ️"
+          }
+        )
+      ] }, N)) }),
+      l.fields.some(
+        (r) => r.fieldtype === "checkbox" && o[l.key]?.[r.key]
+      ) && /* @__PURE__ */ e("div", { style: { marginTop: "10px" }, children: l.fields.map(
+        (r, N) => r.fieldtype === "checkbox" && o[l.key]?.[r.key] && /* @__PURE__ */ n("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: [
+          r.label,
+          ": ",
+          o[l.key][r.key]
+        ] }, N)
+      ) })
+    ] }) : /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: l.fields.map((r, N) => y(r) && /* @__PURE__ */ n("div", { className: r.fullWidth ? "col-span-full" : "", style: { marginBottom: "10px" }, children: [
+      r.fieldtype !== "checkbox" && /* @__PURE__ */ n(
         "label",
         {
           style: {
@@ -4252,14 +4299,14 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
             max: r.max,
             step: r.step,
             onChange: (d) => {
-              const p = d.target.value, $ = { ...i, [r.key]: p };
-              u($), s && s(l.key, $);
+              const p = d.target.value, S = { ...i, [r.key]: p };
+              u(S), s && s(l.key, S);
             },
             onBlur: (d) => {
               const p = d.target.value;
               if (p !== "" && p !== null && p !== void 0) {
-                const $ = Number(p);
-                isNaN($) || (r.min !== void 0 && $ < r.min ? (d.target.setCustomValidity(`${r.label} must be at least ${r.min}`), d.target.reportValidity()) : r.max !== void 0 && $ > r.max ? (d.target.setCustomValidity(`${r.label} must not exceed ${r.max}`), d.target.reportValidity()) : d.target.setCustomValidity(""));
+                const S = Number(p);
+                isNaN(S) || (r.min !== void 0 && S < r.min ? (d.target.setCustomValidity(`${r.label} must be at least ${r.min}`), d.target.reportValidity()) : r.max !== void 0 && S > r.max ? (d.target.setCustomValidity(`${r.label} must not exceed ${r.max}`), d.target.reportValidity()) : d.target.setCustomValidity(""));
               }
             },
             required: r.required,
@@ -4279,13 +4326,13 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
       ] }),
       r.fieldtype === "checkbox" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
-          da,
+          gt,
           {
             name: r.key,
             checked: !!(i[r.key] || r.default),
             onChange: (d) => {
-              const p = { ...i, [r.key]: d };
-              u(p), s && s(l.key, p);
+              const p = d.target ? d.target.checked : d, S = { ...i, [r.key]: p };
+              u(S), s && s(l.key, S);
             },
             label: r.placeholder || r.label,
             disabled: r.disabled ? r.disabled : !1,
@@ -4296,7 +4343,7 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
       ] }),
       r.fieldtype === "select" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
-          ft,
+          yt,
           {
             name: r.key,
             defaultValue: r.default,
@@ -4463,8 +4510,8 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
               value: d.value,
               checked: i[r.key] === d.value,
               onChange: (p) => {
-                const $ = { ...i, [r.key]: p.target.value };
-                u($), s && s(l.key, $);
+                const S = { ...i, [r.key]: p.target.value };
+                u(S), s && s(l.key, S);
               },
               disabled: r.disabled
             }
@@ -4581,8 +4628,8 @@ function ys({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
             type: "file",
             name: r.key,
             onChange: (d) => {
-              const p = d.target.files[0], $ = { ...i, [r.key]: p ? p.name : "" };
-              u($), s && s(l.key, $);
+              const p = d.target.files[0], S = { ...i, [r.key]: p ? p.name : "" };
+              u(S), s && s(l.key, S);
             },
             accept: r.accept,
             className: `w-full ${o[l.key]?.[r.key] ? "border-red-500" : ""}`
@@ -4629,7 +4676,7 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
   console.log(`[DynamicConfig/DataTableRenderer] Component loaded for section: ${t.key}`);
   const [l, m] = L(t), [i, u] = L(null), [g, f] = L(null);
   console.log(`[DataTableRenderer] ${l.key} - Received props:`, { item: t, initialData: a });
-  const [x, r] = L(() => {
+  const [y, r] = L(() => {
     const h = a && a[l.key] || [], w = h.length > 0 ? h : [{ id: 0 }];
     return console.log(`[DataTableRenderer] ${l.key} - Initial data:`, w), w;
   }), N = ge(a);
@@ -4640,19 +4687,19 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
       console.log(`[DataTableRenderer] ${l.key} - Setting new data:`, w), r(w);
     }
   }, [a, l.key]);
-  const d = ge(x), p = ge(null);
+  const d = ge(y), p = ge(null);
   Z(() => {
-    d.current !== x && s && typeof s == "function" && (d.current = x, p.current && clearTimeout(p.current), p.current = setTimeout(() => {
-      s(l.key, x);
+    d.current !== y && s && typeof s == "function" && (d.current = y, p.current && clearTimeout(p.current), p.current = setTimeout(() => {
+      s(l.key, y);
     }, 300));
-  }, [l.key, x, s]), Z(() => () => {
+  }, [l.key, y, s]), Z(() => () => {
     p.current && clearTimeout(p.current);
   }, []);
-  const $ = (h) => {
+  const S = (h) => {
     const w = (v, b) => {
-      console.log("[DataTableRenderer] updateFieldValue called with:", { rowIndex: v, value: b, type: typeof b }), r((y) => {
-        const D = [...y];
-        return D[v][h.key] = b, D;
+      console.log("[DataTableRenderer] updateFieldValue called with:", { rowIndex: v, value: b, type: typeof b }), r((x) => {
+        const $ = [...x];
+        return $[v][h.key] = b, $;
       });
     }, T = (v) => o[l.key]?.[v]?.[h.key], k = (v) => {
       const b = T(v);
@@ -4665,7 +4712,7 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
             J,
             {
               value: v[h.key] || "",
-              onChange: (y) => w(b, y.target.value),
+              onChange: (x) => w(b, x.target.value),
               placeholder: h.placeholder || `Enter ${h.label}`,
               required: h.required,
               className: `w-full ${T(b) ? "border-red-500" : ""}`
@@ -4679,7 +4726,7 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
             ba,
             {
               value: v[h.key] || "",
-              onChange: (y) => w(b, y.target.value),
+              onChange: (x) => w(b, x.target.value),
               placeholder: h.placeholder || `Enter ${h.label}`,
               required: h.required,
               className: `w-full ${T(b) ? "border-red-500" : ""}`,
@@ -4698,12 +4745,12 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
               min: h.min,
               max: h.max,
               step: h.step,
-              onChange: (y) => w(b, y.target.value),
-              onBlur: (y) => {
-                const D = y.target.value;
-                if (D !== "" && D !== null && D !== void 0) {
-                  const M = Number(D);
-                  isNaN(M) || (h.min !== void 0 && M < h.min ? (y.target.setCustomValidity(`${h.label} must be at least ${h.min}`), y.target.reportValidity()) : h.max !== void 0 && M > h.max ? (y.target.setCustomValidity(`${h.label} must not exceed ${h.max}`), y.target.reportValidity()) : y.target.setCustomValidity(""));
+              onChange: (x) => w(b, x.target.value),
+              onBlur: (x) => {
+                const $ = x.target.value;
+                if ($ !== "" && $ !== null && $ !== void 0) {
+                  const M = Number($);
+                  isNaN(M) || (h.min !== void 0 && M < h.min ? (x.target.setCustomValidity(`${h.label} must be at least ${h.min}`), x.target.reportValidity()) : h.max !== void 0 && M > h.max ? (x.target.setCustomValidity(`${h.label} must not exceed ${h.max}`), x.target.reportValidity()) : x.target.setCustomValidity(""));
                 }
               },
               placeholder: h.placeholder || `Enter ${h.label}`,
@@ -4728,7 +4775,7 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
             {
               type: "email",
               value: v[h.key] || "",
-              onChange: (y) => w(b, y.target.value),
+              onChange: (x) => w(b, x.target.value),
               placeholder: h.placeholder || "Enter email address",
               required: h.required,
               className: `w-full ${T(b) ? "border-red-500" : ""}`
@@ -4743,7 +4790,7 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
             {
               type: "url",
               value: v[h.key] || "",
-              onChange: (y) => w(b, y.target.value),
+              onChange: (x) => w(b, x.target.value),
               placeholder: h.placeholder || "Enter URL",
               required: h.required,
               className: `w-full ${T(b) ? "border-red-500" : ""}`
@@ -4758,7 +4805,7 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
             {
               type: "password",
               value: v[h.key] || "",
-              onChange: (y) => w(b, y.target.value),
+              onChange: (x) => w(b, x.target.value),
               placeholder: h.placeholder || "Enter password",
               required: h.required,
               className: `w-full ${T(b) ? "border-red-500" : ""}`
@@ -4770,10 +4817,10 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
       case "dropdown":
         return (v, b) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
-            ft,
+            yt,
             {
               value: v[h.key] || "",
-              onChange: (y) => w(b, y),
+              onChange: (x) => w(b, x),
               options: h.options || [],
               placeholder: h.placeholder || `Select ${h.label}`,
               required: h.required,
@@ -4784,11 +4831,11 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
         ] });
       case "selectDynamic":
         return (v, b) => {
-          const y = () => {
+          const x = () => {
             if (h.optionsFrom && a) {
-              const { config: D, valueField: M, labelField: z } = h.optionsFrom, P = a[D] || [];
-              if (Array.isArray(P))
-                return P.map((F) => ({
+              const { config: $, valueField: M, labelField: z } = h.optionsFrom, I = a[$] || [];
+              if (Array.isArray(I))
+                return I.map((F) => ({
                   id: F[M] || "",
                   value: F[M] || "",
                   label: F[z] || ""
@@ -4798,12 +4845,12 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
           };
           return /* @__PURE__ */ n("div", { children: [
             /* @__PURE__ */ e(
-              ft,
+              yt,
               {
                 index: b,
                 value: v[h.key] || "",
-                onChange: (D) => w(b, D),
-                options: y(),
+                onChange: ($) => w(b, $),
+                options: x(),
                 placeholder: h.placeholder || `Select ${h.label}`,
                 required: h.required,
                 className: `w-full ${T(b) ? "border-red-500" : ""}`
@@ -4815,12 +4862,12 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
         };
       case "multiselect":
         return (v, b) => {
-          const y = v[h.key] || [];
+          const x = v[h.key] || [];
           return /* @__PURE__ */ e(
             at,
             {
-              selectedItems: y,
-              onSelectionChange: (D) => w(b, D),
+              selectedItems: x,
+              onSelectionChange: ($) => w(b, $),
               options: h.options || [],
               placeholder: h.placeholder || `Select ${h.label}`,
               className: "w-full"
@@ -4830,10 +4877,10 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
       case "checkbox":
       case "boolean":
         return (v, b) => /* @__PURE__ */ e(
-          da,
+          gt,
           {
             checked: !!v[h.key],
-            onChange: (y) => w(b, y),
+            onChange: (x) => w(b, x),
             label: h.placeholder || h.label,
             className: "w-full"
           }
@@ -4844,7 +4891,7 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
           fa,
           {
             isOn: !!v[h.key],
-            onToggle: (y) => w(b, y),
+            onToggle: (x) => w(b, x),
             label: h.placeholder || h.label,
             className: "w-full"
           }
@@ -4854,7 +4901,7 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
           ua,
           {
             selectedDate: v[h.key] ? new Date(v[h.key]) : null,
-            onDateChange: (y) => w(b, y ? y.toISOString().split("T")[0] : ""),
+            onDateChange: (x) => w(b, x ? x.toISOString().split("T")[0] : ""),
             placeholder: h.placeholder || "Select date",
             className: "w-full"
           }
@@ -4865,7 +4912,7 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
           {
             type: "datetime-local",
             value: v[h.key] || "",
-            onChange: (y) => w(b, y.target.value),
+            onChange: (x) => w(b, x.target.value),
             placeholder: h.placeholder || "Select date and time",
             required: h.required,
             className: "w-full"
@@ -4877,7 +4924,7 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
           {
             type: "time",
             value: v[h.key] || "",
-            onChange: (y) => w(b, y.target.value),
+            onChange: (x) => w(b, x.target.value),
             placeholder: h.placeholder || "Select time",
             required: h.required,
             className: "w-full"
@@ -4888,7 +4935,7 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
           ha,
           {
             selectedValue: v[h.key] || "",
-            onValueChange: (y) => w(b, y),
+            onValueChange: (x) => w(b, x),
             options: h.options || [],
             className: "w-full"
           }
@@ -4898,20 +4945,20 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
           he,
           {
             value: v[h.key] || "",
-            onChange: (y) => w(b, y),
+            onChange: (x) => w(b, x),
             placeholder: h.placeholder || `Search ${h.label}`,
             className: "w-full"
           }
         );
       case "audience":
         return (v, b) => {
-          const y = v[h.key] || { users: [], groups: [], roles: [] }, D = [
-            ...y.users || [],
-            ...y.groups || [],
-            ...y.roles || []
+          const x = v[h.key] || { users: [], groups: [], roles: [] }, $ = [
+            ...x.users || [],
+            ...x.groups || [],
+            ...x.roles || []
           ];
           return /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ e(xs, { children: D.length > 0 ? D.slice(0, 3).map((M, z) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e(xs, { children: $.length > 0 ? $.slice(0, 3).map((M, z) => /* @__PURE__ */ e(
               Ce,
               {
                 size: "small",
@@ -4927,7 +4974,7 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
                 onClick: () => {
                   f(h.key), u(b);
                 },
-                children: D.length > 0 ? "Edit" : "Assign"
+                children: $.length > 0 ? "Edit" : "Assign"
               }
             )
           ] });
@@ -4938,7 +4985,7 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
           {
             type: "color",
             value: v[h.key] || "#000000",
-            onChange: (y) => w(b, y.target.value),
+            onChange: (x) => w(b, x.target.value),
             className: "w-full h-10"
           }
         );
@@ -4949,7 +4996,7 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
             {
               type: "range",
               value: v[h.key] || h.min || 0,
-              onChange: (y) => w(b, y.target.value),
+              onChange: (x) => w(b, x.target.value),
               min: h.min || 0,
               max: h.max || 100,
               step: h.step || 1,
@@ -4963,9 +5010,9 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
           J,
           {
             type: "file",
-            onChange: (y) => {
-              const D = y.target.files[0];
-              w(b, D ? D.name : "");
+            onChange: (x) => {
+              const $ = x.target.files[0];
+              w(b, $ ? $.name : "");
             },
             accept: h.accept,
             className: "w-full"
@@ -4977,7 +5024,7 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
           {
             type: "hidden",
             value: v[h.key] || "",
-            onChange: (y) => w(b, y.target.value)
+            onChange: (x) => w(b, x.target.value)
           }
         );
       // Default fallback for unknown field types
@@ -4987,7 +5034,7 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
             J,
             {
               value: v[h.key] || "",
-              onChange: (y) => w(b, y.target.value),
+              onChange: (x) => w(b, x.target.value),
               placeholder: h.placeholder || `Enter ${h.label}`,
               required: h.required,
               className: `w-full ${T(b) ? "border-red-500" : ""}`
@@ -5031,11 +5078,11 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
     console.log("[DataTableRenderer] handleAddAudience called with:", h), r((w) => {
       const T = [...w];
       if (i !== null && g && T[i]) {
-        const k = h.pendingInvites || [], v = k.filter((D) => D.type === "User"), b = k.filter((D) => D.type === "Group"), y = k.filter((D) => D.type === "Role");
+        const k = h.pendingInvites || [], v = k.filter(($) => $.type === "User"), b = k.filter(($) => $.type === "Group"), x = k.filter(($) => $.type === "Role");
         T[i][g] = {
           users: [...T[i][g]?.users || [], ...v],
           groups: [...T[i][g]?.groups || [], ...b],
-          roles: [...T[i][g]?.roles || [], ...y]
+          roles: [...T[i][g]?.roles || [], ...x]
         }, console.log("[DataTableRenderer] Updated audience data:", T[i][g]);
       }
       return T;
@@ -5069,7 +5116,7 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
         )),
         /* @__PURE__ */ e("th", { className: "px-4 py-2 w-16" })
       ] }) }),
-      /* @__PURE__ */ e("tbody", { children: x.map((h, w) => /* @__PURE__ */ n(
+      /* @__PURE__ */ e("tbody", { children: y.map((h, w) => /* @__PURE__ */ n(
         "tr",
         {
           className: `hover:bg-gray-50 ${R === w ? "opacity-50" : ""}`,
@@ -5079,8 +5126,8 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
           onDrop: (T) => Y(T, w),
           onDragEnd: G,
           children: [
-            /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: /* @__PURE__ */ e("div", { className: "cursor-move text-gray-400 hover:text-gray-600", children: /* @__PURE__ */ e(Nt, { size: 16 }) }) }),
-            l.fields.map((T, k) => /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: $(T)(h, w) }, k)),
+            /* @__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((T, k) => /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: S(T)(h, w) }, k)),
             /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: /* @__PURE__ */ e(
               "button",
               {
@@ -5096,12 +5143,12 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
       )) })
     ] }) }),
     i !== null && (() => {
-      const h = x[i] && x[i][g] ? {
-        users: x[i][g].users || [],
-        groups: x[i][g].groups || [],
-        roles: x[i][g].roles || []
+      const h = y[i] && y[i][g] ? {
+        users: y[i][g].users || [],
+        groups: y[i][g].groups || [],
+        roles: y[i][g].roles || []
       } : { users: [], groups: [], roles: [] };
-      return console.log("[DataTableRenderer] Opening modal with existing data:", h), console.log("[DataTableRenderer] Row data:", x[i]), console.log("[DataTableRenderer] Field name:", g), /* @__PURE__ */ e(
+      return console.log("[DataTableRenderer] Opening modal with existing data:", h), console.log("[DataTableRenderer] Row data:", y[i]), console.log("[DataTableRenderer] Field name:", g), /* @__PURE__ */ e(
         os,
         {
           isOpen: !0,
@@ -5116,7 +5163,7 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: o = {} }) {
     })()
   ] });
 }
-const Pe = {
+const Ie = {
   containerId: "ui-toast",
   position: "bottom-right",
   autoClose: 3500,
@@ -5125,22 +5172,22 @@ const Pe = {
   closeOnClick: !0
 };
 let Je = 0;
-const Mt = () => {
+const Lt = () => {
   typeof document > "u" || (Je += 1, document.body.classList.add("toast-backdrop"));
-}, Lt = () => {
+}, Bt = () => {
   typeof document > "u" || (Je = Math.max(0, Je - 1), Je === 0 && document.body.classList.remove("toast-backdrop"));
-}, Ie = {
-  success: (t, a) => Se.success(t, { ...Pe, ...a }),
-  info: (t, a) => Se.info(t, { ...Pe, ...a }),
-  warn: (t, a) => Se.warn(t, { ...Pe, ...a }),
+}, Pe = {
+  success: (t, a) => Se.success(t, { ...Ie, ...a }),
+  info: (t, a) => Se.info(t, { ...Ie, ...a }),
+  warn: (t, a) => Se.warn(t, { ...Ie, ...a }),
   // Error: no autoClose + modal-like behavior via backdrop
   error: (t, a) => Se.error(t, {
-    ...Pe,
+    ...Ie,
     autoClose: !1,
     closeOnClick: !1,
     draggable: !1,
-    onOpen: Mt,
-    onClose: Lt,
+    onOpen: Lt,
+    onClose: Bt,
     ...a
   }),
   // Promise helper (error branch inherits the modal behavior)
@@ -5154,11 +5201,11 @@ const Mt = () => {
         autoClose: !1,
         closeOnClick: !1,
         draggable: !1,
-        onOpen: Mt,
-        onClose: Lt
+        onOpen: Lt,
+        onClose: Bt
       }
     },
-    { ...Pe, ...s }
+    { ...Ie, ...s }
   )
 }, ct = (t) => {
   try {
@@ -5182,15 +5229,15 @@ const Mt = () => {
   initialData: g = null
   // Add prop for initial demo data
 }) => {
-  const [f, x] = L(null), [r, N] = L(""), [d, p] = L(() => Array.isArray(g) ? g : []), [$, A] = L(null), [E, R] = L(null), [O, V] = L(""), U = async () => {
+  const [f, y] = L(null), [r, N] = L(""), [d, p] = L(() => Array.isArray(g) ? g : []), [S, A] = L(null), [E, R] = L(null), [O, V] = L(""), U = async () => {
     try {
       const z = await Ve(t.collectionList);
       if (z) {
-        const P = z.map((F, S) => ({
+        const I = z.map((F, D) => ({
           ...F,
-          order: typeof F.order == "number" ? F.order : S + 1
+          order: typeof F.order == "number" ? F.order : D + 1
         }));
-        P.sort((F, S) => (F.order ?? 0) - (S.order ?? 0)), p(P), s?.(P);
+        I.sort((F, D) => (F.order ?? 0) - (D.order ?? 0)), p(I), s?.(I);
       }
     } catch (z) {
       console.log("Error loading collections:", z), typeof window < "u" && !window.location.pathname.includes("iframe.html") && Se.error("Failed to load collections");
@@ -5202,29 +5249,29 @@ const Mt = () => {
     Array.isArray(g) && p(g);
   }, [g]);
   const Y = (z) => {
-    m && (x(z.id), N(z.categoryName || ""));
+    m && (y(z.id), N(z.categoryName || ""));
   }, G = () => {
     if (!l || f !== null) return;
     const z = `temp-${Date.now()}`;
-    p((P) => [
-      ...P,
+    p((I) => [
+      ...I,
       {
         id: z,
         categoryName: "",
         links: [],
-        order: (P.at(-1)?.order ?? 0) + 1,
+        order: (I.at(-1)?.order ?? 0) + 1,
         _temp: !0
       }
-    ]), x(z), N("");
+    ]), y(z), N("");
   }, C = () => {
     f != null && (p((z) => {
-      const P = z.find((S) => S.id === f), F = P && P._temp ? z.filter((S) => S.id !== f) : z;
+      const I = z.find((D) => D.id === f), F = I && I._temp ? z.filter((D) => D.id !== f) : z;
       return s?.(F), F;
-    }), x(null), N(""));
+    }), y(null), N(""));
   }, h = () => {
     if (f == null || !r.trim()) return;
     if (typeof f == "string" && f.startsWith("temp-")) {
-      const P = {
+      const I = {
         id: f,
         categoryName: r.trim(),
         links: [],
@@ -5235,44 +5282,44 @@ const Mt = () => {
         // Flag to indicate this is a draft change
       };
       p((F) => {
-        const S = F.map((B) => B.id === f ? P : B);
-        return s?.(S), S;
+        const D = F.map((B) => B.id === f ? I : B);
+        return s?.(D), D;
       });
     } else
-      p((P) => {
-        const F = P.map(
-          (S) => S.id === f ? { ...S, categoryName: r.trim(), _isDraft: !0 } : S
+      p((I) => {
+        const F = I.map(
+          (D) => D.id === f ? { ...D, categoryName: r.trim(), _isDraft: !0 } : D
         );
         return s?.(F), F;
       });
-    x(null), N("");
+    y(null), N("");
   }, w = (z) => {
-    i && p((P) => {
-      const F = P.filter((S) => S.id !== z.id);
+    i && p((I) => {
+      const F = I.filter((D) => D.id !== z.id);
       return s?.(F), F;
     });
-  }, T = (z, P, F) => {
-    if (!u || !P || !F || P === F) return z;
-    const S = z.findIndex((q) => q.id === P), B = z.findIndex((q) => q.id === F);
-    if (S === -1 || B === -1) return z;
-    const _ = [...z], [I] = _.splice(S, 1);
-    return _.splice(B, 0, I), _.map((q, X) => ({ ...q, order: X + 1 }));
-  }, k = (z, P) => {
-    u && (z.dataTransfer.effectAllowed = "move", z.dataTransfer.setData("text/plain", String(P)), A(P));
+  }, T = (z, I, F) => {
+    if (!u || !I || !F || I === F) return z;
+    const D = z.findIndex((q) => q.id === I), B = z.findIndex((q) => q.id === F);
+    if (D === -1 || B === -1) return z;
+    const _ = [...z], [P] = _.splice(D, 1);
+    return _.splice(B, 0, P), _.map((q, X) => ({ ...q, order: X + 1 }));
+  }, k = (z, I) => {
+    u && (z.dataTransfer.effectAllowed = "move", z.dataTransfer.setData("text/plain", String(I)), A(I));
   }, v = (z) => {
-    $ && z !== E && R(z);
+    S && z !== E && R(z);
   }, b = (z) => {
     z.preventDefault();
-  }, y = (z, P) => {
+  }, x = (z, I) => {
     z.preventDefault();
     const F = z.dataTransfer.getData("text/plain");
-    F && (p((S) => {
-      const B = T(S, F, P);
+    F && (p((D) => {
+      const B = T(D, F, I);
       console.log("Reordered", B);
-      const _ = B.map((I) => ({ ...I, _isDraft: !0 }));
+      const _ = B.map((P) => ({ ...P, _isDraft: !0 }));
       return s?.(_), _;
     }), A(null), R(null));
-  }, D = () => {
+  }, $ = () => {
     A(null), R(null);
   }, M = Array.isArray(d) ? d.filter(
     (z) => z.categoryName?.toLowerCase().includes(O.toLowerCase())
@@ -5302,21 +5349,21 @@ const Mt = () => {
       )
     ] }) }),
     /* @__PURE__ */ e("div", { className: "mt-5 flex flex-col", children: M.map((z) => {
-      const P = f === z.id, F = z?.links?.length ?? 0, S = $ === z.id, B = E === z.id && $ !== z.id;
+      const I = f === z.id, F = z?.links?.length ?? 0, D = S === z.id, B = E === z.id && S !== z.id;
       return /* @__PURE__ */ e(
         "div",
         {
           onDragEnter: () => v(z.id),
           onDragOver: b,
-          onDrop: (_) => y(_, z.id),
-          onDragEnd: D,
+          onDrop: (_) => x(_, z.id),
+          onDragEnd: $,
           className: [
             "flex items-center justify-between p-3 border rounded-2xl mb-3",
             "border-gray-300",
             B ? "ring-2 ring-gray-800/20" : "",
-            S ? "opacity-60" : ""
+            D ? "opacity-60" : ""
           ].join(" "),
-          children: P ? /* @__PURE__ */ n(te, { children: [
+          children: I ? /* @__PURE__ */ n(te, { children: [
             /* @__PURE__ */ e("div", { className: "flex items-center gap-2 flex-1", children: /* @__PURE__ */ e(
               "input",
               {
@@ -5366,7 +5413,7 @@ const Mt = () => {
                   className: "cursor-grab active:cursor-grabbing p-1 -m-1 rounded-md hover:bg-gray-50",
                   draggable: !0,
                   onDragStart: (_) => k(_, z.id),
-                  children: /* @__PURE__ */ e(Nt, {})
+                  children: /* @__PURE__ */ e(wt, {})
                 }
               ),
               /* @__PURE__ */ e("span", { children: z.categoryName })
@@ -5388,7 +5435,7 @@ const Mt = () => {
                   className: F === 0 && !z.protected ? "cursor-pointer" : "cursor-not-allowed",
                   title: F === 0 && !z.protected ? "Delete" : "Cannot delete this collection",
                   onClick: F === 0 ? () => w(z) : null,
-                  children: /* @__PURE__ */ e(He, { color: F === 0 ? "#767676" : "#C2C2C2" })
+                  children: /* @__PURE__ */ e(Qe, { color: F === 0 ? "#767676" : "#C2C2C2" })
                 }
               )
             ] })
@@ -5407,7 +5454,7 @@ const Mt = () => {
     showSearch: u = !0,
     allowAdd: g = !0,
     allowEdit: f = !0,
-    allowDelete: x = !0,
+    allowDelete: y = !0,
     allowReorder: r = !0,
     className: N = ""
   } = t, d = a?.[t.key] || i || [], p = Array.isArray(d) ? d : [];
@@ -5428,7 +5475,7 @@ const Mt = () => {
         showSearch: u,
         allowAdd: g,
         allowEdit: f,
-        allowDelete: x,
+        allowDelete: y,
         allowReorder: r
       }
     )
@@ -5456,34 +5503,34 @@ function zs({
   onCancel: o,
   onSave: l
 }) {
-  const [m, i] = se.useState(a), [u, g] = se.useState(null), [f, x] = L(!1), [r, N] = L(!1), [d, p] = L({}), $ = `${ze()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, A = $, [E, R] = L(1), O = (k) => {
+  const [m, i] = se.useState(a), [u, g] = se.useState(null), [f, y] = L(!1), [r, N] = L(!1), [d, p] = L({}), S = `${ze()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, A = S, [E, R] = L(1), O = (k) => {
     if (!a || !a.configuration)
       return k;
     const v = {}, b = k?.configuration || {};
-    return a.configuration.forEach((y) => {
-      if (y.key && y.type === "datatable") {
-        const M = (b[y.key] || []).map((z, P) => {
+    return a.configuration.forEach((x) => {
+      if (x.key && x.type === "datatable") {
+        const M = (b[x.key] || []).map((z, I) => {
           const F = { id: z.id || 0 };
-          return y.fields && y.fields.forEach((S) => {
-            if (S.fieldtype === "audience") {
+          return x.fields && x.fields.forEach((D) => {
+            if (D.fieldtype === "audience") {
               let B = { users: [], groups: [], roles: [] };
-              z[S.key] && (Array.isArray(z[S.key]) ? B = { users: [], groups: [], roles: [] } : typeof z[S.key] == "object" && (B = {
-                users: z[S.key].users || [],
-                groups: z[S.key].groups || [],
-                roles: z[S.key].roles || []
-              })), F[S.key] = B;
+              z[D.key] && (Array.isArray(z[D.key]) ? B = { users: [], groups: [], roles: [] } : typeof z[D.key] == "object" && (B = {
+                users: z[D.key].users || [],
+                groups: z[D.key].groups || [],
+                roles: z[D.key].roles || []
+              })), F[D.key] = B;
             } else
-              F[S.key] = z[S.key] || S.default || "";
+              F[D.key] = z[D.key] || D.default || "";
           }), F;
         });
         if (M.length === 0) {
           const z = { id: 0 };
-          y.fields && y.fields.forEach((P) => {
-            P.fieldtype === "audience" ? z[P.key] = { users: [], groups: [], roles: [] } : z[P.key] = P.default || "";
+          x.fields && x.fields.forEach((I) => {
+            I.fieldtype === "audience" ? z[I.key] = { users: [], groups: [], roles: [] } : z[I.key] = I.default || "";
           }), M.push(z);
         }
-        v[y.key] = M;
-      } else y.key && (v[y.key] = b[y.key] || {});
+        v[x.key] = M;
+      } else x.key && (v[x.key] = b[x.key] || {});
     }), v;
   }, V = () => {
     if (a && a.configuration) {
@@ -5492,13 +5539,13 @@ function zs({
         if (v.key)
           if (v.type === "datatable") {
             const b = { id: 0 };
-            v.fields && v.fields.forEach((y) => {
-              y.fieldtype === "audience" ? b[y.key] = { users: [], groups: [], roles: [] } : b[y.key] = y.default || "";
+            v.fields && v.fields.forEach((x) => {
+              x.fieldtype === "audience" ? b[x.key] = { users: [], groups: [], roles: [] } : b[x.key] = x.default || "";
             }), k[v.key] = [b];
           } else if (v.type === "section") {
             const b = {};
-            v.fields && Array.isArray(v.fields) && v.fields.forEach((y) => {
-              y.key && (b[y.key] = y.default || "");
+            v.fields && Array.isArray(v.fields) && v.fields.forEach((x) => {
+              x.key && (b[x.key] = x.default || "");
             }), k[v.key] = b;
           } else
             k[v.key] = {};
@@ -5507,13 +5554,13 @@ function zs({
   };
   Z(() => {
     if (s) {
-      x(!1);
+      y(!1);
       return;
     }
     const k = async () => {
       try {
-        x(!0);
-        let v = await Ve($);
+        y(!0);
+        let v = await Ve(S);
         if (v) {
           const b = O(v);
           g(b);
@@ -5523,12 +5570,12 @@ function zs({
         console.error("Error fetching configuration:", v);
         let b = "Failed to load configuration";
         if (v.response) {
-          const y = v.response.status, D = v.response.data?.message || v.response.data?.error;
-          y === 400 ? b = D || "Invalid request. Please check the application ID." : y === 401 ? b = "You are not authorized to access this configuration." : y === 403 ? b = "Access denied. You don't have permission to view this configuration." : y === 404 ? b = "Configuration not found. It may not exist yet or the application ID is incorrect." : y >= 500 ? b = D || "Server error. Please try again later." : b = D || `Failed to load configuration (Error ${y})`;
+          const x = v.response.status, $ = v.response.data?.message || v.response.data?.error;
+          x === 400 ? b = $ || "Invalid request. Please check the application ID." : x === 401 ? b = "You are not authorized to access this configuration." : x === 403 ? b = "Access denied. You don't have permission to view this configuration." : x === 404 ? b = "Configuration not found. It may not exist yet or the application ID is incorrect." : x >= 500 ? b = $ || "Server error. Please try again later." : b = $ || `Failed to load configuration (Error ${x})`;
         } else v.request ? b = "Network error. Please check your connection and try again." : b = v.message || "An unexpected error occurred while loading configuration.";
-        Ie.error(b), V();
+        Pe.error(b), V();
       } finally {
-        x(!1);
+        y(!1);
       }
     };
     a && (i(a), t ? k() : V());
@@ -5538,36 +5585,36 @@ function zs({
       ...b,
       [k]: v
     })), p((b) => {
-      const y = { ...b };
-      return y[k] && delete y[k], y;
+      const x = { ...b };
+      return x[k] && delete x[k], x;
     });
   }, Y = () => {
     const k = {};
     return !m || !u || m.configuration.forEach((v) => {
       if (v.type === "section")
         v.fields.forEach((b) => {
-          const y = u[v.key]?.[b.key];
-          if (b.required && (!y || typeof y == "string" && y.trim() === "")) {
+          const x = u[v.key]?.[b.key];
+          if (b.required && (!x || typeof x == "string" && x.trim() === "")) {
             k[v.key] || (k[v.key] = {}), k[v.key][b.key] = `${b.label} is required`;
             return;
           }
-          if (b.fieldtype === "number" && y !== "" && y !== null && y !== void 0) {
-            const D = Number(y);
-            isNaN(D) ? (k[v.key] || (k[v.key] = {}), k[v.key][b.key] = `${b.label} must be a valid number`) : (b.min !== void 0 && D < b.min && (k[v.key] || (k[v.key] = {}), k[v.key][b.key] = `${b.label} must be at least ${b.min}`), b.max !== void 0 && D > b.max && (k[v.key] || (k[v.key] = {}), k[v.key][b.key] = `${b.label} must not exceed ${b.max}`));
+          if (b.fieldtype === "number" && x !== "" && x !== null && x !== void 0) {
+            const $ = Number(x);
+            isNaN($) ? (k[v.key] || (k[v.key] = {}), k[v.key][b.key] = `${b.label} must be a valid number`) : (b.min !== void 0 && $ < b.min && (k[v.key] || (k[v.key] = {}), k[v.key][b.key] = `${b.label} must be at least ${b.min}`), b.max !== void 0 && $ > b.max && (k[v.key] || (k[v.key] = {}), k[v.key][b.key] = `${b.label} must not exceed ${b.max}`));
           }
         });
       else if (v.type === "datatable") {
         const b = u[v.key];
-        Array.isArray(b) && b.forEach((y, D) => {
+        Array.isArray(b) && b.forEach((x, $) => {
           v.fields.forEach((M) => {
-            const z = y[M.key];
+            const z = x[M.key];
             if (M.required && (!z || typeof z == "string" && z.trim() === "")) {
-              k[v.key] || (k[v.key] = {}), k[v.key][D] || (k[v.key][D] = {}), k[v.key][D][M.key] = `${M.label} is required`;
+              k[v.key] || (k[v.key] = {}), k[v.key][$] || (k[v.key][$] = {}), k[v.key][$][M.key] = `${M.label} is required`;
               return;
             }
             if (M.fieldtype === "number" && z !== "" && z !== null && z !== void 0) {
-              const P = Number(z);
-              isNaN(P) ? (k[v.key] || (k[v.key] = {}), k[v.key][D] || (k[v.key][D] = {}), k[v.key][D][M.key] = `${M.label} must be a valid number`) : (M.min !== void 0 && P < M.min && (k[v.key] || (k[v.key] = {}), k[v.key][D] || (k[v.key][D] = {}), k[v.key][D][M.key] = `${M.label} must be at least ${M.min}`), M.max !== void 0 && P > M.max && (k[v.key] || (k[v.key] = {}), k[v.key][D] || (k[v.key][D] = {}), k[v.key][D][M.key] = `${M.label} must not exceed ${M.max}`));
+              const I = Number(z);
+              isNaN(I) ? (k[v.key] || (k[v.key] = {}), k[v.key][$] || (k[v.key][$] = {}), k[v.key][$][M.key] = `${M.label} must be a valid number`) : (M.min !== void 0 && I < M.min && (k[v.key] || (k[v.key] = {}), k[v.key][$] || (k[v.key][$] = {}), k[v.key][$][M.key] = `${M.label} must be at least ${M.min}`), M.max !== void 0 && I > M.max && (k[v.key] || (k[v.key] = {}), k[v.key][$] || (k[v.key][$] = {}), k[v.key][$][M.key] = `${M.label} must not exceed ${M.max}`));
             }
           });
         });
@@ -5575,46 +5622,46 @@ function zs({
     }), k;
   }, G = (k) => Object.keys(k).length > 0, C = async (k) => {
     const v = a?.configuration?.filter(
-      (b) => b.fields?.some((y) => y.fieldtype === "managecollectionlist")
+      (b) => b.fields?.some((x) => x.fieldtype === "managecollectionlist")
     ) || [];
     for (const b of v) {
-      const y = b.fields.find((F) => F.fieldtype === "managecollectionlist");
-      if (!y || !k[b.key]) continue;
-      const D = k[b.key][y.key];
-      if (!Array.isArray(D)) continue;
-      const M = y.endpoints || {};
-      let z = 0, P = 0;
-      for (const F of D)
+      const x = b.fields.find((F) => F.fieldtype === "managecollectionlist");
+      if (!x || !k[b.key]) continue;
+      const $ = k[b.key][x.key];
+      if (!Array.isArray($)) continue;
+      const M = x.endpoints || {};
+      let z = 0, I = 0;
+      for (const F of $)
         try {
           if (F._temp && F._isDraft) {
             console.log("Creating new collection:", F.categoryName);
-            const S = await Ze(M.collectionCreate, {
+            const D = await Ze(M.collectionCreate, {
               categoryName: F.categoryName,
               order: F.order
             });
-            S && (console.log("Collection created successfully:", S), z++);
+            D && (console.log("Collection created successfully:", D), z++);
           } else if (F._isDraft && !F._temp) {
             console.log("Updating collection:", F.id, F.categoryName);
-            const S = await Qn(`${M.collectionUpdate}/${F.id}?newName=${encodeURIComponent(F.categoryName)}`);
-            S && (console.log("Collection updated successfully:", S), P++);
+            const D = await Hn(`${M.collectionUpdate}/${F.id}?newName=${encodeURIComponent(F.categoryName)}`);
+            D && (console.log("Collection updated successfully:", D), I++);
           }
-        } catch (S) {
-          throw console.error(`Failed to save collection ${F.categoryName}:`, S), new Error(`Failed to save collection "${F.categoryName}": ${S.message}`);
+        } catch (D) {
+          throw console.error(`Failed to save collection ${F.categoryName}:`, D), new Error(`Failed to save collection "${F.categoryName}": ${D.message}`);
         }
-      if (z > 0 || P > 0) {
+      if (z > 0 || I > 0) {
         const F = [];
-        z > 0 && F.push(`${z} collection${z > 1 ? "s" : ""} created`), P > 0 && F.push(`${P} collection${P > 1 ? "s" : ""} updated`), console.log("ManageCollectionList operations completed:", F.join(", "));
+        z > 0 && F.push(`${z} collection${z > 1 ? "s" : ""} created`), I > 0 && F.push(`${I} collection${I > 1 ? "s" : ""} updated`), console.log("ManageCollectionList operations completed:", F.join(", "));
       }
     }
   }, h = () => {
     const k = Y();
     if (p(k), G(k)) {
       let b = [];
-      Object.keys(k).forEach((y) => {
-        typeof k[y] == "object" && Object.keys(k[y]).forEach((D) => {
-          typeof k[y][D] == "object" ? Object.keys(k[y][D]).forEach((M) => {
-            b.push(`${y} row ${parseInt(D) + 1}: ${k[y][D][M]}`);
-          }) : b.push(`${y}: ${k[y][D]}`);
+      Object.keys(k).forEach((x) => {
+        typeof k[x] == "object" && Object.keys(k[x]).forEach(($) => {
+          typeof k[x][$] == "object" ? Object.keys(k[x][$]).forEach((M) => {
+            b.push(`${x} row ${parseInt($) + 1}: ${k[x][$][M]}`);
+          }) : b.push(`${x}: ${k[x][$]}`);
         });
       });
       return;
@@ -5623,34 +5670,34 @@ function zs({
       try {
         N(!0);
         const b = {};
-        u && (await C(u), Object.keys(u).forEach((D) => {
+        u && (await C(u), Object.keys(u).forEach(($) => {
           const M = a?.configuration?.find(
-            (z) => z.key === D && z.type === "datatable"
+            (z) => z.key === $ && z.type === "datatable"
           );
-          M && Array.isArray(u[D]) ? b[D] = u[D].map((z) => {
-            const P = { id: z.id || 0 };
+          M && Array.isArray(u[$]) ? b[$] = u[$].map((z) => {
+            const I = { id: z.id || 0 };
             return M.fields && M.fields.forEach((F) => {
               if (F.fieldtype === "audience") {
-                let S = { users: [], groups: [], roles: [] };
-                z[F.key] && typeof z[F.key] == "object" && !Array.isArray(z[F.key]) && (S = {
+                let D = { users: [], groups: [], roles: [] };
+                z[F.key] && typeof z[F.key] == "object" && !Array.isArray(z[F.key]) && (D = {
                   users: z[F.key].users || [],
                   groups: z[F.key].groups || [],
                   roles: z[F.key].roles || []
-                }), P[F.key] = S;
+                }), I[F.key] = D;
               } else
-                P[F.key] = z[F.key] || "";
-            }), P;
-          }) : b[D] = u[D];
+                I[F.key] = z[F.key] || "";
+            }), I;
+          }) : b[$] = u[$];
         })), (!b.appkey || b.appkey === "") && (b.appkey = t);
-        let y = await Ze(A, b);
-        if (y && y.status != "fail") {
+        let x = await Ze(A, b);
+        if (x && x.status != "fail") {
           p({});
-          const D = y.message || "Configuration has been saved successfully";
-          Ie.success(D), l && typeof l == "function" && l(u);
+          const $ = x.message || "Configuration has been saved successfully";
+          Pe.success($), l && typeof l == "function" && l(u);
         } else
-          throw Ie.error(y?.message || "Failed to save configuration"), new Error("No response received from server");
+          throw Pe.error(x?.message || "Failed to save configuration"), new Error("No response received from server");
       } catch (b) {
-        console.error("Error saving configuration:", b), Ie.error(b?.message || "Failed to save configuration");
+        console.error("Error saving configuration:", b), Pe.error(b?.message || "Failed to save configuration");
       } finally {
         N(!1);
       }
@@ -5662,7 +5709,7 @@ function zs({
     }
     d && Object.keys(d).length > 0 && !window.confirm(
       "You have validation errors that will be lost. Are you sure you want to cancel?"
-    ) || (p({}), g(null), R((v) => v + 1), Ie.info("Configuration changes cancelled"));
+    ) || (p({}), g(null), R((v) => v + 1), Pe.info("Configuration changes cancelled"));
   };
   if (!m?.configuration && !a?.configuration)
     return /* @__PURE__ */ e("div", { className: "min-h-screen flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "text-gray-500", children: "No configuration available" }) });
@@ -5717,7 +5764,7 @@ function zs({
     ] })
   ] });
 }
-const Ql = ({
+const Hl = ({
   config: t,
   appid: a = "Configuration-Page",
   disableApi: s = !1
@@ -5726,7 +5773,7 @@ const Ql = ({
     pageHeader: u = {},
     appletHeader: g = {},
     breadcrumb: f = [],
-    overview: x = {},
+    overview: y = {},
     configuration: r = []
   } = t, N = r.map((C) => {
     if (C.type === "section" && C.fields) {
@@ -5741,7 +5788,7 @@ const Ql = ({
           placeholder: a,
           disabled: !1
         }, h.some((v) => v.key === "displayname")) {
-          const v = h.findIndex((y) => y.key === "displayname"), b = h[v] || {};
+          const v = h.findIndex((x) => x.key === "displayname"), b = h[v] || {};
           h[v] = {
             ...b,
             default: b.default || b.value || a,
@@ -5775,7 +5822,7 @@ const Ql = ({
   }, p = f.map((C) => ({
     label: C.text,
     href: C.href || "#"
-  })), $ = ae(() => {
+  })), S = ae(() => {
     console.log("handleCancelRequest called - showing modal"), i(!0);
   }, []), A = ae((C) => {
     i(!1), C.primary ? (console.log("User confirmed cancel - navigating back"), window.history.back()) : console.log("User cancelled the cancel action - modal closed, data preserved");
@@ -5821,10 +5868,10 @@ const Ql = ({
         description: "Description of feature 2"
       }
     ],
-    ...x
+    ...y
   }, U = [
     { label: "Overview", content: G(V) },
-    { label: "Configuration", content: /* @__PURE__ */ e(zs, { appid: a, configdata: { configuration: N }, disableApi: s, onCancel: $, onSave: E }) }
+    { label: "Configuration", content: /* @__PURE__ */ e(zs, { appid: a, configdata: { configuration: N }, disableApi: s, onCancel: S, onSave: E }) }
   ];
   function Y(C) {
     return C ? C.includes("<svg") ? /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: C } }) : C : "📱";
@@ -5910,7 +5957,7 @@ const Ql = ({
       /* @__PURE__ */ e("div", { className: "p-8 h-full overflow-y-auto", children: U[o].content })
     ] }),
     /* @__PURE__ */ e(
-      In,
+      Pn,
       {
         isOpen: m,
         onClose: A,
@@ -5963,12 +6010,12 @@ const Kl = ({
   // Feature toggles
   showSearch: g = !0,
   showColumnChooser: f = !0,
-  showFilter: x = !1,
+  showFilter: y = !1,
   showPrint: r = !1,
   showExcel: N = !1,
   showPdf: d = !1,
   showRefresh: p = !1,
-  showAdd: $ = !1,
+  showAdd: S = !1,
   // Additional props
   searchPlaceholder: A = "Search...",
   handleRefreshClick: E = () => {
@@ -5979,42 +6026,42 @@ const Kl = ({
   excelFileName: O,
   pdfFileName: V
 }) => {
-  const U = () => l?.current || o?.current, [Y, G] = se.useState(""), C = (t || "export").toString().trim() || "export", h = `${O || C}.xlsx`, w = `${V || C}.pdf`, T = (b, y, D) => Math.max(y, Math.min(b, D)), k = ae(
+  const U = () => l?.current || o?.current, [Y, G] = se.useState(""), C = (t || "export").toString().trim() || "export", h = `${O || C}.xlsx`, w = `${V || C}.pdf`, T = (b, x, $) => Math.max(x, Math.min(b, $)), k = ae(
     (b) => {
-      const y = U();
-      if (console.log("openColumnChooserNear", y), !!y?.openColumnChooser) {
+      const x = U();
+      if (console.log("openColumnChooserNear", x), !!x?.openColumnChooser) {
         if (typeof window > "u" || !b?.currentTarget) {
-          y.openColumnChooser();
+          x.openColumnChooser();
           return;
         }
         try {
-          const D = b.currentTarget.getBoundingClientRect(), M = D.left + window.scrollX, z = D.bottom + window.scrollY;
-          let P = M - 120, F = z - 120;
-          const S = window.innerWidth, B = window.innerHeight;
-          P = T(P, window.scrollX + 8, window.scrollX + S - 340), F = T(F, window.scrollY, window.scrollY + B - 120), console.log("openColumnChooserNear", P, F), y.openColumnChooser(P, F);
-        } catch (D) {
-          console.log("coloumn choose error", D);
+          const $ = b.currentTarget.getBoundingClientRect(), M = $.left + window.scrollX, z = $.bottom + window.scrollY;
+          let I = M - 120, F = z - 120;
+          const D = window.innerWidth, B = window.innerHeight;
+          I = T(I, window.scrollX + 8, window.scrollX + D - 340), F = T(F, window.scrollY, window.scrollY + B - 120), console.log("openColumnChooserNear", I, F), x.openColumnChooser(I, F);
+        } catch ($) {
+          console.log("coloumn choose error", $);
         }
       }
     },
     []
     // no external deps; reads ref at call time
   ), v = ae(
-    (b, y) => {
-      const D = U();
-      if (D)
+    (b, x) => {
+      const $ = U();
+      if ($)
         switch (b) {
           case "ColumnChooser":
-            f && (console.log("openColumnChooser", y), y ? k(y) : D.openColumnChooser?.()), console.log("openColumnChooser out", y);
+            f && (console.log("openColumnChooser", x), x ? k(x) : $.openColumnChooser?.()), console.log("openColumnChooser out", x);
             break;
           case "Print":
-            r && D.print?.();
+            r && $.print?.();
             break;
           case "Excel":
-            N && D.excelExport?.({ fileName: h });
+            N && $.excelExport?.({ fileName: h });
             break;
           case "Pdf":
-            d && D.pdfExport?.({ fileName: w });
+            d && $.pdfExport?.({ fileName: w });
             break;
           case "Refresh":
             p && E();
@@ -6056,7 +6103,7 @@ const Kl = ({
               title: "Choose Columns"
             }
           ),
-          x && /* @__PURE__ */ e(
+          y && /* @__PURE__ */ e(
             ee,
             {
               icon: vr,
@@ -6112,7 +6159,7 @@ const Kl = ({
             }
           )
         ] }),
-        $ && m && /* @__PURE__ */ e(
+        S && m && /* @__PURE__ */ e(
           ee,
           {
             label: u,
@@ -6140,12 +6187,12 @@ function eo(t) {
     allowFiltering: u = !1,
     allowGrouping: g = !1,
     allowReordering: f = !0,
-    allowResizing: x = !0,
+    allowResizing: y = !0,
     allowExcelExport: r = !1,
     allowPdfExport: N = !1,
     showColumnChooser: d = !1,
     enableSearchApi: p = !1,
-    height: $ = "600",
+    height: S = "600",
     selectionSettings: A = { type: "Multiple", mode: "Row" },
     enableCheckbox: E = !1,
     columns: R = [],
@@ -6159,10 +6206,10 @@ function eo(t) {
     pageSettings: w,
     sortSettings: T,
     ...k
-  } = C || {}, [v, b] = se.useState(w?.page || 1), [y, D] = se.useState(T?.pageSize || 20), [M, z] = se.useState(T?.sortKey || "updatedDate"), [P, F] = se.useState(T?.direction || "Descending"), S = me(() => {
+  } = C || {}, [v, b] = se.useState(w?.page || 1), [x, $] = se.useState(T?.pageSize || 20), [M, z] = se.useState(T?.sortKey || "updatedDate"), [I, F] = se.useState(T?.direction || "Descending"), D = me(() => {
     const j = [sn];
-    return i && j.push(ln), u && j.push(on), g && j.push(cn), p && j.push(dn), r && j.push(mn), N && j.push(un), d && j.push(hn), x && j.push(pn), f && j.push(gn), j.push(bn), j;
-  }, [i, u, g, p, r, N, d, x, f]), B = me(() => {
+    return i && j.push(ln), u && j.push(on), g && j.push(cn), p && j.push(dn), r && j.push(mn), N && j.push(un), d && j.push(hn), y && j.push(pn), f && j.push(gn), j.push(bn), j;
+  }, [i, u, g, p, r, N, d, y, f]), B = me(() => {
     const j = () => h.current, re = (W, ve) => {
       !ve && process.env.NODE_ENV !== "production" && console.warn(`[CustomDataGrid] ${W} requested but related service/feature is disabled.`);
     };
@@ -6196,8 +6243,8 @@ function eo(t) {
   const _ = (j) => {
     const re = String(j || "");
     return re === "Ascending" || re === "Descending" ? re : re.toLowerCase() === "ascending" ? "Ascending" : "Descending";
-  }, I = (j) => {
-    const re = h.current, W = j?.requestType, ve = W === "paging" ? "paging" : W === "sorting" ? "sorting" : W === "searching" ? "searching" : W === "filtering" ? "filtering" : W === "grouping" ? "grouping" : W === "reorder" ? "reorder" : W === "columnstate" ? "columnstate" : "other", Re = j?.pageSize ?? re?.pageSettings?.pageSize ?? y, _e = j?.currentPage ?? re?.pageSettings?.currentPage ?? l, rt = j?.columnName && j?.direction ? [{ field: j.columnName, dir: _(j.direction) }] : (re?.sortSettings?.columns || []).map((Oe) => ({
+  }, P = (j) => {
+    const re = h.current, W = j?.requestType, ve = W === "paging" ? "paging" : W === "sorting" ? "sorting" : W === "searching" ? "searching" : W === "filtering" ? "filtering" : W === "grouping" ? "grouping" : W === "reorder" ? "reorder" : W === "columnstate" ? "columnstate" : "other", Re = j?.pageSize ?? re?.pageSettings?.pageSize ?? x, _e = j?.currentPage ?? re?.pageSettings?.currentPage ?? l, rt = j?.columnName && j?.direction ? [{ field: j.columnName, dir: _(j.direction) }] : (re?.sortSettings?.columns || []).map((Oe) => ({
       field: Oe.field,
       dir: _(Oe.direction ?? Oe.dir)
     })), nt = j?.searchString ?? "", st = j?.columns ?? re?.filterSettings?.columns ?? [];
@@ -6213,12 +6260,12 @@ function eo(t) {
   }, q = (j) => {
     setTimeout(() => {
       h?.current?.hideSpinner();
-    }, 1e3), j.requestType === "paging" && (b(j.currentPage), D(j.pageSize)), j.requestType === "sorting" && (z(j.columnName || "updatedDate"), F(j.direction === "Ascending" ? "ASC" : "DESC")), O && O(I(j), j);
+    }, 1e3), j.requestType === "paging" && (b(j.currentPage), $(j.pageSize)), j.requestType === "sorting" && (z(j.columnName || "updatedDate"), F(j.direction === "Ascending" ? "ASC" : "DESC")), O && O(P(j), j);
   }, X = (j) => {
     typeof Y == "function" && Y(j?.rowData, j);
   }, xe = () => {
     const j = [];
-    return E && j.push(/* @__PURE__ */ e(St, { type: "checkbox", width: "50" }, "__checkbox__")), R.forEach((re, W) => {
+    return E && j.push(/* @__PURE__ */ e(Dt, { type: "checkbox", width: "50" }, "__checkbox__")), R.forEach((re, W) => {
       const {
         field: ve,
         headerText: Re,
@@ -6231,15 +6278,15 @@ function eo(t) {
         allowSorting: Ea = !0,
         type: Ra,
         format: Oa,
-        visible: Pa = !0,
-        minWidth: Ia,
+        visible: Ia = !0,
+        minWidth: Pa,
         maxWidth: Ma,
         customAttributes: La,
         ...Ba
       } = re || {};
       j.push(
         /* @__PURE__ */ e(
-          St,
+          Dt,
           {
             field: ve,
             headerText: Re,
@@ -6252,8 +6299,8 @@ function eo(t) {
             allowSorting: Ea,
             type: Ra,
             format: Oa,
-            visible: Pa,
-            minWidth: Ia,
+            visible: Ia,
+            minWidth: Pa,
             maxWidth: Ma,
             customAttributes: La,
             ...Ba
@@ -6272,18 +6319,18 @@ function eo(t) {
         result: a,
         count: s
       },
-      height: $,
+      height: S,
       allowPaging: m,
       allowSorting: i,
       allowFiltering: u,
       allowGrouping: g,
       allowReordering: f,
-      allowResizing: x,
+      allowResizing: y,
       showColumnChooser: d,
       selectionSettings: A,
       pageSettings: { pageSize: 10, pageSizes: w?.pageSizes ?? [20, 40, 60, 80, 100] },
       sortSettings: T ?? {
-        columns: [{ field: M, direction: _(P) }],
+        columns: [{ field: M, direction: _(I) }],
         allowUnsort: !1
       },
       actionBegin: q,
@@ -6293,7 +6340,7 @@ function eo(t) {
       ...k,
       children: [
         /* @__PURE__ */ e(yn, { children: xe() }),
-        /* @__PURE__ */ e(xn, { services: S })
+        /* @__PURE__ */ e(xn, { services: D })
       ]
     }
   );
@@ -6332,7 +6379,7 @@ function oe({
   details: i = {},
   ...u
 }) {
-  const g = Xe(), f = Ss(u, m), x = (N) => {
+  const g = Xe(), f = Ss(u, m), y = (N) => {
     l?.({
       key: f,
       checked: N.target.checked,
@@ -6352,7 +6399,7 @@ function oe({
             id: g,
             type: "checkbox",
             className: "h-4 w-4 rounded border-zinc-300 focus:ring-[var(--primaryColor)]",
-            onChange: x,
+            onChange: y,
             "aria-label": "Select card"
           }
         ) }),
@@ -6380,7 +6427,7 @@ function Ds({
   moreGroupsLabel: u = "+ 5 more",
   author: g = "Judith Black",
   timeLabel: f = "Just now",
-  imageUrl: x = "https://images.unsplash.com/photo-1469980098053-382eb10ba017?q=80&w=1200&auto=format&fit=crop",
+  imageUrl: y = "https://images.unsplash.com/photo-1469980098053-382eb10ba017?q=80&w=1200&auto=format&fit=crop",
   description: r = "Columbia University is a prestigious Ivy League institution located in the heart of New York City.",
   // spread remaining props (_id, instanceId, etc.)
   ...N
@@ -6437,7 +6484,7 @@ function Ds({
           "div",
           {
             className: `mt-3 overflow-hidden rounded-lg border border-zinc-200 dark:border-zinc-800 ${p.media}`,
-            children: /* @__PURE__ */ e("img", { src: x, alt: "", className: "h-full w-full object-cover" })
+            children: /* @__PURE__ */ e("img", { src: y, alt: "", className: "h-full w-full object-cover" })
           }
         ),
         /* @__PURE__ */ e("div", { className: "mt-3 w-full flex justify-center", children: /* @__PURE__ */ e(
@@ -6504,11 +6551,11 @@ function Es({
   // spread for identity (_id/instanceId/etc)
   ...g
 }) {
-  const f = ie(t), x = ce[f], r = Fs[f], N = (d) => `px-1 pb-2 text-sm font-medium ${d === i ? "text-zinc-900 dark:text-zinc-100 border-b-2" : "text-zinc-500 dark:text-zinc-400"}`;
+  const f = ie(t), y = ce[f], r = Fs[f], N = (d) => `px-1 pb-2 text-sm font-medium ${d === i ? "text-zinc-900 dark:text-zinc-100 border-b-2" : "text-zinc-500 dark:text-zinc-400"}`;
   return /* @__PURE__ */ n(
     oe,
     {
-      className: `flex flex-col ${x.card} ${r.wrap}`,
+      className: `flex flex-col ${y.card} ${r.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
       onSelect: o,
@@ -6517,7 +6564,7 @@ function Es({
       ...g,
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-start justify-between", children: [
-          /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${x.title}`, children: m }),
+          /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${y.title}`, children: m }),
           /* @__PURE__ */ e(
             "span",
             {
@@ -6676,8 +6723,8 @@ const Rs = [
     date: "text-sm",
     excerpt: "text-sm text-zinc-600 dark:text-zinc-300 line-clamp-2"
   }
-}, Bt = ({ label: t }) => /* @__PURE__ */ e("span", { className: "mt-1 inline-flex items-center rounded-full border border-zinc-300 dark:border-zinc-700 bg-white dark:bg-zinc-900 px-2 py-0.5 text-[11px] font-semibold tracking-wide", children: t });
-function Ps({
+}, jt = ({ label: t }) => /* @__PURE__ */ e("span", { className: "mt-1 inline-flex items-center rounded-full border border-zinc-300 dark:border-zinc-700 bg-white dark:bg-zinc-900 px-2 py-0.5 text-[11px] font-semibold tracking-wide", children: t });
+function Is({
   size: t = "md",
   showCheckbox: a = !1,
   checkboxPosition: s = "top-left",
@@ -6688,11 +6735,11 @@ function Ps({
   // spread for identity fields: _id / id / instanceId etc.
   ...u
 }) {
-  const g = ie(t), f = ce[g], x = Os[g];
+  const g = ie(t), f = ce[g], y = Os[g];
   return /* @__PURE__ */ n(
     oe,
     {
-      className: `flex flex-col ${f.card} ${x.wrap || ""}`,
+      className: `flex flex-col ${f.card} ${y.wrap || ""}`,
       showCheckbox: a,
       checkboxPosition: s,
       onSelect: o,
@@ -6706,12 +6753,12 @@ function Ps({
         ] }),
         g === "lg" ? (
           // Large: 3-up grid of image cards
-          /* @__PURE__ */ e("div", { className: `mt-4 ${x.grid}`, children: i.slice(0, 3).map((r) => /* @__PURE__ */ n("article", { children: [
-            /* @__PURE__ */ e("img", { src: r.thumb, alt: "", className: x.cardImg }),
-            /* @__PURE__ */ e("h4", { className: `mt-3 ${x.title} text-zinc-900 dark:text-zinc-100`, children: r.title }),
-            /* @__PURE__ */ e("div", { className: `mt-1 text-zinc-500 dark:text-zinc-400 ${x.date}`, children: r.date }),
-            /* @__PURE__ */ e("div", { className: "mt-2", children: /* @__PURE__ */ e(Bt, { label: r.tag }) }),
-            /* @__PURE__ */ n("p", { className: `mt-2 ${x.excerpt}`, children: [
+          /* @__PURE__ */ e("div", { className: `mt-4 ${y.grid}`, children: i.slice(0, 3).map((r) => /* @__PURE__ */ n("article", { children: [
+            /* @__PURE__ */ e("img", { src: r.thumb, alt: "", className: y.cardImg }),
+            /* @__PURE__ */ e("h4", { className: `mt-3 ${y.title} text-zinc-900 dark:text-zinc-100`, children: r.title }),
+            /* @__PURE__ */ e("div", { className: `mt-1 text-zinc-500 dark:text-zinc-400 ${y.date}`, children: r.date }),
+            /* @__PURE__ */ e("div", { className: "mt-2", children: /* @__PURE__ */ e(jt, { label: r.tag }) }),
+            /* @__PURE__ */ n("p", { className: `mt-2 ${y.excerpt}`, children: [
               r.excerpt,
               " ",
               /* @__PURE__ */ e("span", { className: "underline decoration-dotted text-indigo-700 cursor-default", children: "View more" })
@@ -6724,12 +6771,12 @@ function Ps({
             {
               className: "flex items-start gap-3 rounded-xl border border-zinc-200 dark:border-zinc-800 p-2",
               children: [
-                /* @__PURE__ */ e("div", { className: `overflow-hidden rounded-lg ${x.itemThumb} flex-shrink-0`, children: /* @__PURE__ */ e("img", { src: r.thumb, alt: "", className: "h-full w-full object-cover" }) }),
+                /* @__PURE__ */ e("div", { className: `overflow-hidden rounded-lg ${y.itemThumb} flex-shrink-0`, children: /* @__PURE__ */ e("img", { src: r.thumb, alt: "", className: "h-full w-full object-cover" }) }),
                 /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: [
-                  /* @__PURE__ */ e("h4", { className: `${x.title} text-zinc-900 dark:text-zinc-100 line-clamp-2`, children: r.title }),
-                  /* @__PURE__ */ e("div", { className: `mt-1 text-zinc-500 dark:text-zinc-400 ${x.date}`, children: r.date }),
-                  /* @__PURE__ */ e("div", { className: "mt-1", children: /* @__PURE__ */ e(Bt, { label: r.tag }) }),
-                  x.excerpt !== "hidden" && /* @__PURE__ */ n("p", { className: `mt-2 ${x.excerpt}`, children: [
+                  /* @__PURE__ */ e("h4", { className: `${y.title} text-zinc-900 dark:text-zinc-100 line-clamp-2`, children: r.title }),
+                  /* @__PURE__ */ e("div", { className: `mt-1 text-zinc-500 dark:text-zinc-400 ${y.date}`, children: r.date }),
+                  /* @__PURE__ */ e("div", { className: "mt-1", children: /* @__PURE__ */ e(jt, { label: r.tag }) }),
+                  y.excerpt !== "hidden" && /* @__PURE__ */ n("p", { className: `mt-2 ${y.excerpt}`, children: [
                     r.excerpt,
                     " ",
                     /* @__PURE__ */ e("span", { className: "underline decoration-dotted text-indigo-700 cursor-default", children: "View more" })
@@ -6745,7 +6792,7 @@ function Ps({
     }
   );
 }
-Ps.propTypes = {
+Is.propTypes = {
   size: c.string,
   showCheckbox: c.bool,
   checkboxPosition: c.oneOf(["top-left", "top-right"]),
@@ -6763,7 +6810,7 @@ Ps.propTypes = {
     })
   )
 };
-const Is = ["All", "Library", "Restaurant", "Parking", "Bus Stop"], Ms = {
+const Ps = ["All", "Library", "Restaurant", "Parking", "Bus Stop"], Ms = {
   sm: {
     wrap: "max-w-md w-full md:w-auto flex-none justify-self-start",
     mapH: "h-48",
@@ -6801,27 +6848,27 @@ function js({
   identity: l = "_id",
   title: m = "Campus Map",
   campusName: i = "Morningside Heights Campus",
-  filters: u = Is,
+  filters: u = Ps,
   activeFilter: g = "All",
   // NEW: iframe controls
   mapQuery: f = "Florida",
-  zoom: x = 12,
+  zoom: y = 12,
   mapUrl: r,
   // optional full embed URL override
   ...N
 }) {
-  const d = ie(t), p = ce[d], $ = Ms[d], A = r || Bs(f, x);
+  const d = ie(t), p = ce[d], S = Ms[d], A = r || Bs(f, y);
   return /* @__PURE__ */ e(
     oe,
     {
-      className: `flex flex-col ${p.card} ${$.wrap}`,
+      className: `flex flex-col ${p.card} ${S.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
       onSelect: o,
       identity: l,
-      details: { type: "campus-map", title: m, campusName: i, activeFilter: g, mapQuery: f, zoom: x },
+      details: { type: "campus-map", title: m, campusName: i, activeFilter: g, mapQuery: f, zoom: y },
       ...N,
-      children: /* @__PURE__ */ n("div", { className: `relative mt-3 overflow-hidden rounded-2xl border border-zinc-200 dark:border-zinc-800 ${$.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",
           {
@@ -6835,7 +6882,7 @@ function js({
           }
         ),
         /* @__PURE__ */ n("div", { className: "absolute left-4 right-4 top-3 flex items-center justify-between pointer-events-none", children: [
-          /* @__PURE__ */ n("div", { className: `flex items-center rounded-full bg-white dark:bg-zinc-900 shadow border border-zinc-200 dark:border-zinc-700 ${$.campusPill}`, children: [
+          /* @__PURE__ */ 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: i }),
             /* @__PURE__ */ e("span", { className: "ml-2 text-zinc-400", children: "▾" })
           ] }),
@@ -6844,8 +6891,8 @@ function js({
             /* @__PURE__ */ e("div", { className: "h-8 w-8 rounded-full bg-white/90 border border-zinc-300 flex items-center justify-center", children: "›" })
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { className: "absolute left-4 right-4 top-14 md:top-12 pointer-events-none mt-2", children: /* @__PURE__ */ e("div", { className: `flex ${$.chipGap} overflow-x-auto scrollbar-none`, children: u.map((E) => /* @__PURE__ */ e(Ls, { label: E, active: E === g, size: d }, E)) }) }),
-        /* @__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 ${$.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((E) => /* @__PURE__ */ e(Ls, { label: E, active: E === g, size: d }, E)) }) }),
+        /* @__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" })
         ] }) })
@@ -6945,7 +6992,7 @@ const Vs = [
     time: a.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })
   };
 };
-function jt({ ev: t, sizeMeta: a, isSelected: s, onClick: o }) {
+function Vt({ ev: t, sizeMeta: a, isSelected: s, onClick: o }) {
   const { day: l, month: m, time: i } = Ta(t.date);
   return /* @__PURE__ */ n(
     "div",
@@ -6995,7 +7042,7 @@ function Gs({ ev: t, sizeMeta: a }) {
       }
     ) }),
     a.showLocation && t.location && /* @__PURE__ */ n("div", { className: `flex items-center gap-2 mb-3 text-zinc-600 dark:text-zinc-400 ${a.meta}`, children: [
-      /* @__PURE__ */ e(ta, { className: "h-4 w-4" }),
+      /* @__PURE__ */ e(aa, { className: "h-4 w-4" }),
       t.location
     ] }),
     t.url && /* @__PURE__ */ n("div", { className: `flex items-center gap-2 mb-4 text-zinc-600 dark:text-zinc-400 ${a.meta}`, children: [
@@ -7016,8 +7063,8 @@ function qs({
   selectedIndex: u = 0,
   ...g
 }) {
-  const [f, x] = L(u), r = ie(t), N = ce[r], d = _s[r], p = i[f] || i[0], $ = (E, R) => {
-    x(R), o?.(E);
+  const [f, y] = L(u), r = ie(t), N = ce[r], d = _s[r], p = i[f] || i[0], S = (E, R) => {
+    y(R), o?.(E);
   }, A = r === "lg";
   return /* @__PURE__ */ n(
     oe,
@@ -7038,12 +7085,12 @@ function qs({
           // Large: Two-column layout
           /* @__PURE__ */ n("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [
             /* @__PURE__ */ e("div", { className: "space-y-1", children: i.map((E, R) => /* @__PURE__ */ e(
-              jt,
+              Vt,
               {
                 ev: E,
                 sizeMeta: d,
                 isSelected: R === f,
-                onClick: (O) => $(O, R)
+                onClick: (O) => S(O, R)
               },
               E._id || E.id || R
             )) }),
@@ -7052,12 +7099,12 @@ function qs({
         ) : (
           // Small/Medium: Simple list only
           /* @__PURE__ */ e("div", { className: "space-y-1", children: i.map((E, R) => /* @__PURE__ */ e(
-            jt,
+            Vt,
             {
               ev: E,
               sizeMeta: d,
               isSelected: R === f,
-              onClick: (O) => $(O, R)
+              onClick: (O) => S(O, R)
             },
             E._id || E.id || R
           )) })
@@ -7231,9 +7278,9 @@ function Xs({
   selectedIndex: u = 0,
   onStar: g,
   onPin: f,
-  ...x
+  ...y
 }) {
-  const [r, N] = L(u), d = ie(t), p = ce[d], $ = Ws[d], A = (O, V) => {
+  const [r, N] = L(u), d = ie(t), p = ce[d], S = Ws[d], A = (O, V) => {
     N(V), o?.(O);
   }, E = (O) => {
     const V = { ...O, starred: !O.starred };
@@ -7245,13 +7292,13 @@ function Xs({
   return /* @__PURE__ */ n(
     oe,
     {
-      className: `flex flex-col ${p.card} ${$.wrap}`,
+      className: `flex flex-col ${p.card} ${S.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
       onSelect: o,
       identity: l,
       details: { type: "emails", title: m, count: i?.length ?? 0 },
-      ...x,
+      ...y,
       children: [
         /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${p.title}`, children: m }) }),
         /* @__PURE__ */ e(he, { placeholder: "Type to search..." }),
@@ -7259,7 +7306,7 @@ function Xs({
           Js,
           {
             email: O,
-            sizeMeta: $,
+            sizeMeta: S,
             isSelected: V === r,
             onClick: (U) => A(U, V),
             onStar: E,
@@ -7296,7 +7343,7 @@ Xs.propTypes = {
   onStar: c.func,
   onPin: c.func
 };
-const Hs = [
+const Qs = [
   {
     _id: "contact-1",
     name: "Branden Baker",
@@ -7337,7 +7384,7 @@ const Hs = [
   //     building: "Security Building",
   //     initials: "AM"
   // }
-], Qs = {
+], Hs = {
   sm: {
     wrap: "max-w-sm w-full",
     searchHeight: "h-8",
@@ -7384,7 +7431,7 @@ const Hs = [
     // two columns for large screens
   }
 };
-function Vt({ contact: t, sizeMeta: a, isSelected: s, onClick: o }) {
+function _t({ contact: t, sizeMeta: a, isSelected: s, onClick: o }) {
   return /* @__PURE__ */ n(
     "div",
     {
@@ -7396,7 +7443,7 @@ function Vt({ contact: t, sizeMeta: a, isSelected: s, onClick: o }) {
           /* @__PURE__ */ e("h3", { className: `${a.name} text-zinc-900 dark:text-zinc-100 mb-1 group-hover:text-blue-600 dark:group-hover:text-blue-400`, children: t.name }),
           /* @__PURE__ */ n("div", { className: "space-y-0.5", children: [
             /* @__PURE__ */ n("div", { className: `flex items-center gap-1.5 ${a.details} text-zinc-600 dark:text-zinc-400`, children: [
-              /* @__PURE__ */ e(aa, { className: "h-3 w-3" }),
+              /* @__PURE__ */ e(ra, { className: "h-3 w-3" }),
               t.phone
             ] }),
             /* @__PURE__ */ e("div", { className: `${a.department} text-zinc-500 dark:text-zinc-500 line-clamp-1`, children: t.department })
@@ -7421,7 +7468,7 @@ function Zs({ contact: t, sizeMeta: a }) {
         /* @__PURE__ */ e("h4", { className: `${a.details} font-semibold text-zinc-700 dark:text-zinc-300 mb-3 uppercase tracking-wide text-xs`, children: "Contact Information" }),
         /* @__PURE__ */ n("div", { className: "space-y-3", children: [
           /* @__PURE__ */ n("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ e(aa, { className: "h-4 w-4 text-zinc-500 dark:text-zinc-400 flex-shrink-0" }),
+            /* @__PURE__ */ e(ra, { className: "h-4 w-4 text-zinc-500 dark:text-zinc-400 flex-shrink-0" }),
             /* @__PURE__ */ n("div", { children: [
               /* @__PURE__ */ e("div", { className: `${a.details} text-zinc-600 dark:text-zinc-400 font-medium`, children: "Phone Number" }),
               /* @__PURE__ */ e("div", { className: `${a.details} text-zinc-900 dark:text-zinc-100`, children: t.phone })
@@ -7447,7 +7494,7 @@ function Zs({ contact: t, sizeMeta: a }) {
             ] })
           ] }),
           /* @__PURE__ */ n("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ e(ta, { className: "h-4 w-4 text-zinc-500 dark:text-zinc-400 flex-shrink-0" }),
+            /* @__PURE__ */ e(aa, { className: "h-4 w-4 text-zinc-500 dark:text-zinc-400 flex-shrink-0" }),
             /* @__PURE__ */ n("div", { children: [
               /* @__PURE__ */ e("div", { className: `${a.details} text-zinc-600 dark:text-zinc-400 font-medium`, children: "Campus" }),
               /* @__PURE__ */ e("div", { className: `${a.details} text-zinc-900 dark:text-zinc-100`, children: t.campus })
@@ -7463,7 +7510,7 @@ function Zs({ contact: t, sizeMeta: a }) {
 }
 function Ks({ sizeMeta: t }) {
   return /* @__PURE__ */ n("div", { className: `relative ${t.searchHeight} mb-4`, children: [
-    /* @__PURE__ */ e(xt, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-zinc-400" }),
+    /* @__PURE__ */ e(vt, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-zinc-400" }),
     /* @__PURE__ */ e(
       "input",
       {
@@ -7481,13 +7528,13 @@ function el({
   onSelect: o,
   identity: l = "_id",
   title: m = "Directory",
-  contacts: i = Hs,
+  contacts: i = Qs,
   selectedIndex: u = 0,
   ...g
 }) {
-  const [f, x] = L(u), r = ie(t), N = ce[r], d = Qs[r], p = (E, R) => {
-    x(R), o?.(E);
-  }, $ = i[f] || i[0], A = d.layout === "split";
+  const [f, y] = L(u), r = ie(t), N = ce[r], d = Hs[r], p = (E, R) => {
+    y(R), o?.(E);
+  }, S = i[f] || i[0], A = d.layout === "split";
   return /* @__PURE__ */ n(
     oe,
     {
@@ -7503,7 +7550,7 @@ function el({
         /* @__PURE__ */ e(Ks, { sizeMeta: d }),
         A ? /* @__PURE__ */ n("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6 min-h-0", children: [
           /* @__PURE__ */ e("div", { className: "space-y-3", children: i.map((E, R) => /* @__PURE__ */ e(
-            Vt,
+            _t,
             {
               contact: E,
               sizeMeta: d,
@@ -7515,14 +7562,14 @@ function el({
           /* @__PURE__ */ e(
             Zs,
             {
-              contact: $,
+              contact: S,
               sizeMeta: d
             }
           )
         ] }) : (
           // Single column layout for small screens
           /* @__PURE__ */ e("div", { className: "space-y-3", children: i.map((E, R) => /* @__PURE__ */ e(
-            Vt,
+            _t,
             {
               contact: E,
               sizeMeta: d,
@@ -7619,7 +7666,7 @@ function rl({
   balance: u = 3e3,
   totalCharges: g = 4440,
   totalPayments: f = 1568,
-  transactions: x = [
+  transactions: y = [
     {
       id: "t1",
       date: "February 16, 2025",
@@ -7653,7 +7700,7 @@ function rl({
           /* @__PURE__ */ e("div", { className: `font-semibold ${d.title}`, children: m }),
           /* @__PURE__ */ n("div", { className: "rounded-full border border-zinc-300 dark:border-zinc-700 bg-white dark:bg-zinc-900 px-3 py-1 text-sm flex items-center gap-2", children: [
             /* @__PURE__ */ e("span", { children: i }),
-            /* @__PURE__ */ e(vt, { className: "h-4 w-4 opacity-70" })
+            /* @__PURE__ */ e(Nt, { className: "h-4 w-4 opacity-70" })
           ] })
         ] }),
         /* @__PURE__ */ n("div", { className: p.topGrid || p.grid, children: [
@@ -7682,16 +7729,16 @@ function rl({
                 /* @__PURE__ */ e("div", { className: "mt-1 font-semibold text-green-600", children: De(f) })
               ] })
             ] }),
-            /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: x.slice(0, 2).map(($, 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(
               tl,
               {
                 side: A === 0 ? "left" : "right",
-                date: $.date,
-                title: $.title,
-                amount: $.amount,
-                kind: $.kind
+                date: S.date,
+                title: S.title,
+                amount: S.amount,
+                kind: S.kind
               },
-              $.id || A
+              S.id || A
             )) })
           ] })
         ] }),
@@ -7788,7 +7835,7 @@ const nl = {
     ]
   }
 ];
-function _t({ leave: t, sizeMeta: a }) {
+function Ut({ leave: t, sizeMeta: a }) {
   return /* @__PURE__ */ n("div", { className: "bg-white dark:bg-zinc-900 rounded-lg border border-zinc-200 dark:border-zinc-800 overflow-hidden", children: [
     /* @__PURE__ */ e("div", { className: "bg-zinc-50 dark:bg-zinc-800 px-4 py-3 border-b border-zinc-200 dark:border-zinc-700", children: /* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ e("span", { className: `font-medium text-zinc-900 dark:text-zinc-100 ${a.table}`, children: t.name }),
@@ -7810,7 +7857,7 @@ function sl({
   term: i = "Fall 2025",
   ...u
 }) {
-  const [g, f] = L("vacation"), [x, r] = L(!1), N = ie(t), d = ce[N], p = nl[N], $ = qe.find((A) => A.id === g) || qe[0];
+  const [g, f] = L("vacation"), [y, r] = L(!1), N = ie(t), d = ce[N], p = nl[N], S = qe.find((A) => A.id === g) || qe[0];
   return /* @__PURE__ */ n(
     oe,
     {
@@ -7826,7 +7873,7 @@ function sl({
           /* @__PURE__ */ n("div", { children: [
             /* @__PURE__ */ e("h3", { className: `text-zinc-900 dark:text-zinc-100 ${p.title} mb-1`, children: m }),
             /* @__PURE__ */ n("div", { className: `text-zinc-600 dark:text-zinc-400 ${p.term} flex items-center gap-2`, children: [
-              /* @__PURE__ */ e(qt, { className: "h-4 w-4" }),
+              /* @__PURE__ */ e(Yt, { className: "h-4 w-4" }),
               "Term - ",
               i
             ] })
@@ -7836,11 +7883,11 @@ function sl({
               "button",
               {
                 className: "flex items-center gap-1 p-2 text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100 hover:bg-zinc-100 dark:hover:bg-zinc-800 rounded-md transition-colors duration-200",
-                onClick: () => r(!x),
-                children: /* @__PURE__ */ e(ra, { className: "h-4 w-4" })
+                onClick: () => r(!y),
+                children: /* @__PURE__ */ e(na, { className: "h-4 w-4" })
               }
             ),
-            x && /* @__PURE__ */ n("div", { className: "absolute right-0 top-full mt-1 w-48 bg-white dark:bg-zinc-800 border border-zinc-200 dark:border-zinc-700 rounded-md shadow-lg z-10 py-1", children: [
+            y && /* @__PURE__ */ n("div", { className: "absolute right-0 top-full mt-1 w-48 bg-white dark:bg-zinc-800 border border-zinc-200 dark:border-zinc-700 rounded-md shadow-lg z-10 py-1", children: [
               /* @__PURE__ */ e("button", { className: "w-full px-4 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-zinc-700 text-left", children: "Download Pay Stub" }),
               /* @__PURE__ */ e("button", { className: "w-full px-4 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-zinc-700 text-left", children: "View Leave History" })
             ] })
@@ -7857,17 +7904,17 @@ function sl({
         )) }),
         /* @__PURE__ */ e("div", { className: "space-y-4 mb-6", children: p.showAllLeave ? (
           // LG: Show all leave types
-          qe.map((A) => /* @__PURE__ */ e(_t, { leave: A, sizeMeta: p }, A.id))
+          qe.map((A) => /* @__PURE__ */ e(Ut, { leave: A, sizeMeta: p }, A.id))
         ) : p.showSingleLeave ? (
           // MD: Show active tab leave type
-          /* @__PURE__ */ e(_t, { leave: $, sizeMeta: p })
+          /* @__PURE__ */ e(Ut, { leave: S, sizeMeta: p })
         ) : (
           // SM: Show only available hours
           /* @__PURE__ */ e("div", { className: "bg-white dark:bg-zinc-900 rounded-lg border border-zinc-200 dark:border-zinc-800 p-4", children: /* @__PURE__ */ n("div", { className: "flex items-center gap-3 mb-3", children: [
             /* @__PURE__ */ e(Ae, { className: "h-5 w-5 text-blue-600 dark:text-blue-400" }),
             /* @__PURE__ */ n("div", { children: [
               /* @__PURE__ */ e("div", { className: `font-medium text-zinc-900 dark:text-zinc-100 ${p.table}`, children: "Available Leave" }),
-              /* @__PURE__ */ e("div", { className: `text-zinc-600 dark:text-zinc-400 ${p.table}`, children: $.available })
+              /* @__PURE__ */ e("div", { className: `text-zinc-600 dark:text-zinc-400 ${p.table}`, children: S.available })
             ] })
           ] }) })
         ) }),
@@ -7980,7 +8027,7 @@ const ll = [
     gridCols: "grid-cols-2"
   }
 };
-function Ut({ item: t, sizeMeta: a, showDate: s = !1 }) {
+function Gt({ item: t, sizeMeta: a, showDate: s = !1 }) {
   const o = t.icon;
   return /* @__PURE__ */ n("div", { className: "flex items-center gap-3 p-3 rounded-lg border border-zinc-200 dark:border-zinc-800 hover:bg-zinc-50 dark:hover:bg-zinc-800/50 cursor-pointer transition-colors duration-200 group", children: [
     /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(o, { className: `h-6 w-6 ${t.color}` }) }),
@@ -8001,7 +8048,7 @@ function cl({
   subtitle: i = "Drive Shared",
   ...u
 }) {
-  const [g, f] = L(!1), x = ie(t), r = ce[x], N = il[x];
+  const [g, f] = L(!1), y = ie(t), r = ce[y], N = il[y];
   return /* @__PURE__ */ n(
     oe,
     {
@@ -8029,7 +8076,7 @@ function cl({
             ),
             g && /* @__PURE__ */ n("div", { className: "absolute right-0 top-full mt-1 w-48 bg-white dark:bg-zinc-800 border border-zinc-200 dark:border-zinc-700 rounded-md shadow-lg z-10 py-1", children: [
               /* @__PURE__ */ n("button", { className: "w-full px-4 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-zinc-700 text-left flex items-center gap-2", children: [
-                /* @__PURE__ */ e(ra, { className: "h-4 w-4" }),
+                /* @__PURE__ */ e(na, { className: "h-4 w-4" }),
                 "Download All"
               ] }),
               /* @__PURE__ */ n("button", { className: "w-full px-4 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-zinc-700 text-left flex items-center gap-2", children: [
@@ -8040,7 +8087,7 @@ function cl({
           ] })
         ] }),
         /* @__PURE__ */ e("div", { className: `grid ${N.gridCols} gap-3 `, children: ll.map((d) => /* @__PURE__ */ e(
-          Ut,
+          Gt,
           {
             item: d,
             sizeMeta: N
@@ -8050,7 +8097,7 @@ function cl({
         N.showRecent && /* @__PURE__ */ n("div", { className: "", children: [
           /* @__PURE__ */ e("h4", { className: `font-semibold text-zinc-900 dark:text-zinc-100 mb-3 ${N.item}`, children: "Recent Files" }),
           /* @__PURE__ */ e("div", { className: "space-y-2", children: ol.map((d) => /* @__PURE__ */ e(
-            Ut,
+            Gt,
             {
               item: d,
               sizeMeta: N,
@@ -8145,20 +8192,20 @@ const dl = [
     maxMessageWords: 25,
     showMessage: !0
   }
-}, Gt = (t, a) => {
+}, qt = (t, a) => {
   if (!a || a === 0) return t;
   const s = t.split(" ");
   return s.length <= a ? t : s.slice(0, a).join(" ") + "...";
 }, ul = (t) => {
   switch (t) {
     case "warning":
-      return Wt;
-    case "success":
       return Jt;
+    case "success":
+      return Xt;
     case "banner":
-      return na;
+      return sa;
     default:
-      return Yt;
+      return Wt;
   }
 }, Aa = (t) => {
   switch (t) {
@@ -8205,8 +8252,8 @@ function hl({ alert: t, sizeMeta: a, onDismiss: s, onMarkRead: o }) {
     /* @__PURE__ */ n("div", { className: "flex gap-3 pr-6", children: [
       /* @__PURE__ */ e("div", { className: "flex-shrink-0 mt-0.5", children: /* @__PURE__ */ e(u, { className: `h-4 w-4 ${i.icon}` }) }),
       /* @__PURE__ */ n("div", { className: "flex-grow min-w-0", children: [
-        /* @__PURE__ */ e("div", { className: `${a.title} text-zinc-900 dark:text-zinc-100 mb-1 ${t.read ? "font-medium" : "font-semibold"}`, children: Gt(t.title, a.maxTitleWords) }),
-        a.showMessage && t.message && /* @__PURE__ */ e("div", { className: `${a.message} text-zinc-600 dark:text-zinc-400 mb-2 leading-relaxed`, children: Gt(t.message, a.maxMessageWords) }),
+        /* @__PURE__ */ e("div", { className: `${a.title} text-zinc-900 dark:text-zinc-100 mb-1 ${t.read ? "font-medium" : "font-semibold"}`, children: qt(t.title, a.maxTitleWords) }),
+        a.showMessage && t.message && /* @__PURE__ */ e("div", { className: `${a.message} text-zinc-600 dark:text-zinc-400 mb-2 leading-relaxed`, children: qt(t.message, a.maxMessageWords) }),
         /* @__PURE__ */ n("div", { className: `flex items-center gap-1 ${a.time} text-zinc-500 dark:text-zinc-400`, children: [
           /* @__PURE__ */ e(Ae, { className: "h-3 w-3" }),
           t.time
@@ -8221,7 +8268,7 @@ function pl({ alert: t, onDismiss: a }) {
     o(!0), a?.(t);
   };
   return s ? null : /* @__PURE__ */ e("div", { className: `rounded-lg border p-4  ${l.bg} ${l.border} relative`, children: /* @__PURE__ */ n("div", { className: "flex items-start gap-3", children: [
-    /* @__PURE__ */ e(na, { className: `h-5 w-5 mt-0.5 ${l.icon}` }),
+    /* @__PURE__ */ e(sa, { className: `h-5 w-5 mt-0.5 ${l.icon}` }),
     /* @__PURE__ */ n("div", { className: "flex-grow min-w-0", children: [
       /* @__PURE__ */ e("div", { className: "font-semibold text-zinc-900 dark:text-zinc-100 text-sm mb-1", children: t.title }),
       /* @__PURE__ */ e("div", { className: "text-zinc-600 dark:text-zinc-400 text-xs leading-relaxed", children: t.message })
@@ -8247,9 +8294,9 @@ function gl({
   showBanner: u = !0,
   ...g
 }) {
-  const [f, x] = L(i), r = ie(t), N = ce[r], d = ml[r], p = (E) => {
-    x((R) => R.filter((O) => O.id !== E.id));
-  }, $ = f.find((E) => E.type === "banner"), A = f.filter((E) => E.type !== "banner");
+  const [f, y] = L(i), r = ie(t), N = ce[r], d = ml[r], p = (E) => {
+    y((R) => R.filter((O) => O.id !== E.id));
+  }, S = f.find((E) => E.type === "banner"), A = f.filter((E) => E.type !== "banner");
   return /* @__PURE__ */ n(
     oe,
     {
@@ -8262,10 +8309,10 @@ function gl({
       ...g,
       children: [
         /* @__PURE__ */ e("div", { className: "flex items-center justify-between ", children: /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${N.title}`, children: m }) }),
-        u && $ && t !== "sm" && /* @__PURE__ */ e(
+        u && S && t !== "sm" && /* @__PURE__ */ e(
           pl,
           {
-            alert: $,
+            alert: S,
             onDismiss: p
           }
         ),
@@ -8423,7 +8470,7 @@ function xl({
   videos: i = bl,
   ...u
 }) {
-  const [g, f] = L(!1), x = ie(t), r = ce[x], N = fl[x];
+  const [g, f] = L(!1), y = ie(t), r = ce[y], N = fl[y];
   return /* @__PURE__ */ n(
     oe,
     {
@@ -8502,7 +8549,7 @@ export {
   Dn as Breadcrumbs,
   Cn as Button,
   js as CampusMapMock,
-  da as Checkbox,
+  gt as Checkbox,
   Es as CommunitiesMock,
   eo as CustomDataGrid,
   Wl as CustomDialog,
@@ -8515,16 +8562,16 @@ export {
   zs as DynamicConfig,
   qs as EventsMock,
   El as FileUploadModal,
-  Ql as FullConfigPage,
-  Il as FullScreenLoader,
+  Hl as FullConfigPage,
+  Pl as FullScreenLoader,
   Rl as GenericFilter,
   Bl as IconButton,
   J as Input,
   sl as LeaveBalanceMock,
   Da as ManageCollectionList,
-  In as Modal,
+  Pn as Modal,
   at as MultiSelect,
-  Ps as NewsMock,
+  Is as NewsMock,
   Xs as O365MailsMock,
   _n as OptionsMenu,
   Vn as PageHeader,
@@ -8532,9 +8579,9 @@ export {
   Ol as Pagination,
   ha as RadioGroup,
   he as SearchBar,
-  ft as Select,
+  yt as Select,
   oe as SelectableCard,
-  Pl as Sidebar,
+  Il as Sidebar,
   ga as Spinner,
   ba as Textarea,
   Zl as ToastProvider,
@@ -8549,9 +8596,9 @@ export {
   Ve as axiosGet,
   ql as axiosPatch,
   Ze as axiosPost,
-  Qn as axiosPut,
+  Hn as axiosPut,
   _l as cookies,
-  Hn as createHttpClient,
+  Qn as createHttpClient,
   Yn as directoryPermissionsApi,
   Wn as filePermissionsApi,
   va as gateWayUrl,
@@ -8560,14 +8607,14 @@ export {
   Ul as getSnapshot,
   Yl as http,
   qn as localStore,
-  wt as myDriveGatewayBaseV2,
+  kt as myDriveGatewayBaseV2,
   ie as normalizeSize,
-  Ie as notify,
+  Pe as notify,
   ka as provisioningBase,
   Ca as rbacBase,
   za as searchRolesApi,
   Vl as sessionStore,
   ce as sizeClasses,
-  Hl as toBrowserLocalTime,
+  Ql as toBrowserLocalTime,
   Na as userSearchBase
 };