unifyedx-storybook-new 0.1.85 → 0.1.86

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

@@ -1,11 +1,11 @@
 import { jsxs as l, jsx as e, Fragment as K } from "react/jsx-runtime";
 import re, { useState as M, useMemo as ne, useId as Qe, Fragment as J, useEffect as Q, useCallback as ae, useRef as ue } from "react";
-import { a as W, U as lt, X as ge, P as _, L as ot, C as Oe, b as Me, f as Pe, d as pa, D as ga, F as it, e as ct, h as dt, T as Be, u as ut, i as mt, I as ht, j as pt, k as gt, l as yt, m as ft, n as bt, S as ya, o as fa, M as vt, p as xt, q as ba, r as Nt, A as kt, s as wt, E as Ct, t as St, v as Dt, w as Ft, x as $t, y as va, z as Tt, B as xa, G as Na, H as At, J as Et, K as Rt, N as Le, O as Xe, Q as Ze, R as It, V as zt, W as ka, Y as Pt, Z as ea, _ as Bt, $ as Lt, a0 as wa, a1 as Ot, a2 as Mt, a3 as Vt, a4 as Ut, a5 as qt, a6 as jt, a7 as Gt, a8 as le, a9 as _t, aa as Yt, ab as Wt, ac as Jt, ad as Qt, ae as Xt, af as Zt, ag as Ht, ah as Kt, ai as er } from "./vendor-CugE0rJ9.js";
-import { Popover as ar, PopoverButton as tr, PopoverPanel as rr, Transition as oe, Dialog as me, TransitionChild as pe, DialogPanel as Ne, DialogTitle as Ve, TabGroup as nr, TabList as sr, Tab as ee, TabPanels as lr, RadioGroup as Te, Listbox as X, ListboxButton as or, ListboxOptions as ir, ListboxOption as cr, SwitchGroup as dr, Switch as Ye, Menu as ur, MenuButton as mr, Portal as hr, MenuItems as pr, MenuItem as gr, DialogBackdrop as yr } from "@headlessui/react";
+import { a as W, U as lt, X as ge, P as _, L as ot, C as Oe, b as Me, f as Be, d as pa, D as ga, F as it, e as ct, h as dt, T as Pe, u as ut, i as mt, I as ht, j as pt, k as gt, l as yt, m as ft, n as bt, S as ya, o as fa, M as vt, p as xt, q as ba, r as Nt, A as kt, s as wt, E as Ct, t as St, v as Dt, w as Ft, x as $t, y as va, z as Tt, B as xa, G as Na, H as At, J as Et, K as Rt, N as Le, O as Xe, Q as Ze, R as It, V as zt, W as ka, Y as Bt, Z as ea, _ as Pt, $ as Lt, a0 as wa, a1 as Ot, a2 as Mt, a3 as Vt, a4 as Ut, a5 as qt, a6 as jt, a7 as Gt, a8 as le, a9 as _t, aa as Yt, ab as Wt, ac as Jt, ad as Qt, ae as Xt, af as Zt, ag as Ht, ah as Kt, ai as er } from "./vendor-CugE0rJ9.js";
+import { Popover as ar, PopoverButton as tr, PopoverPanel as rr, Transition as oe, Dialog as me, TransitionChild as pe, DialogPanel as ke, DialogTitle as Ve, TabGroup as nr, TabList as sr, Tab as ee, TabPanels as lr, RadioGroup as Te, Listbox as X, ListboxButton as or, ListboxOptions as ir, ListboxOption as cr, SwitchGroup as dr, Switch as Ye, Menu as ur, MenuButton as mr, Portal as hr, MenuItems as pr, MenuItem as gr, DialogBackdrop as yr } from "@headlessui/react";
 import { motion as te, AnimatePresence as fe } from "framer-motion";
 import { d as fr, l as br, _ as We } from "./vendor-lodash-BvgZjhaA.js";
 import { useFloating as Ca, offset as Sa, flip as Da, shift as Fa, autoUpdate as $a, useClick as vr, useDismiss as xr, useInteractions as Nr, FloatingPortal as kr } from "@floating-ui/react";
-import { P as wr, S as Cr, F as Sr, G as Dr, a as Fr, E as $r, b as Tr, C as Ar, R as Er, c as Rr, d as Ir, e as zr, f as Pr, I as Br, g as ra } from "./vendor-syncfusion-DGcZfoFG.js";
+import { P as wr, S as Cr, F as Sr, G as Dr, a as Fr, E as $r, b as Tr, C as Ar, R as Er, c as Rr, d as Ir, e as zr, f as Br, I as Pr, g as ra } from "./vendor-syncfusion-DGcZfoFG.js";
 const Lr = (t) => {
   let r = 2166136261;
   for (let s = 0; s < t.length; s++)
@@ -26,7 +26,7 @@ const Lr = (t) => {
   className: m,
   ...i
 }) => {
-  const [u, y] = M(!1), f = ne(() => Or(r), []), v = t && !u, a = !v && r, k = !v && !r, d = W(
+  const [u, y] = M(!1), f = ne(() => Or(r), []), v = t && !u, a = !v && r, N = !v && !r, d = W(
     "avatar-container",
     `avatar--size-${s}`,
     m
@@ -45,7 +45,7 @@ const Lr = (t) => {
       }
     ),
     a && /* @__PURE__ */ e("span", { className: "avatar-initials", "aria-label": r, children: Mr(r) }),
-    k && /* @__PURE__ */ e("span", { className: "avatar-icon", children: /* @__PURE__ */ e(lt, {}) })
+    N && /* @__PURE__ */ e("span", { className: "avatar-icon", children: /* @__PURE__ */ e(lt, {}) })
   ] });
 }, Gn = ({ children: t, max: r = 4, truncatedMessage: s = "Members", ...o }) => {
   const n = re.Children.toArray(t), m = n.slice(0, r), i = n.length - r;
@@ -150,7 +150,7 @@ const Ur = {
   label: v,
   children: a,
   // ✅ Add children to the props list
-  onClick: k,
+  onClick: N,
   ...d
 }) => {
   const p = y || m, T = u && !v, L = W(
@@ -170,7 +170,7 @@ const Ur = {
       type: s,
       className: L,
       disabled: p,
-      onClick: k,
+      onClick: N,
       title: r || T && o || (typeof v == "string" ? v : void 0),
       "aria-label": o || T && r || (typeof v == "string" ? v : void 0),
       ...d,
@@ -273,10 +273,10 @@ const Ur = {
               "datepicker-trigger--disabled": i
             }),
             disabled: i,
-            "aria-label": t ? `Selected date is ${Pe(t, "PPP")}` : o,
+            "aria-label": t ? `Selected date is ${Be(t, "PPP")}` : o,
             children: [
               /* @__PURE__ */ e(pa, { className: "datepicker-icon" }),
-              t ? /* @__PURE__ */ e("span", { className: "datepicker-value", children: Pe(t, "PPP") }) : /* @__PURE__ */ e("span", { className: "datepicker-placeholder", children: o })
+              t ? /* @__PURE__ */ e("span", { className: "datepicker-value", children: Be(t, "PPP") }) : /* @__PURE__ */ e("span", { className: "datepicker-placeholder", children: o })
             ]
           }
         ),
@@ -318,10 +318,10 @@ const Ur = {
 }) => {
   const f = t?.from, v = t?.to, a = (d) => {
     d.stopPropagation(), d.preventDefault(), s?.();
-  }, k = f && v ? /* @__PURE__ */ l(K, { children: [
-    Pe(f, "MMM d, y"),
+  }, N = f && v ? /* @__PURE__ */ l(K, { children: [
+    Be(f, "MMM d, y"),
     " - ",
-    Pe(v, "MMM d, y")
+    Be(v, "MMM d, y")
   ] }) : /* @__PURE__ */ e("span", { className: "datepicker-placeholder", children: o });
   return /* @__PURE__ */ l("div", { className: W("datepicker-wrapper", u), children: [
     n && /* @__PURE__ */ e("label", { className: "datepicker-label", htmlFor: "daterangepicker-input", children: n }),
@@ -337,10 +337,10 @@ const Ur = {
               "datepicker-trigger--disabled": i
             }),
             disabled: i,
-            "aria-label": f && v ? `Selected range is ${k}` : o,
+            "aria-label": f && v ? `Selected range is ${N}` : o,
             children: [
               /* @__PURE__ */ e(pa, { className: "datepicker-icon" }),
-              /* @__PURE__ */ e("span", { className: "datepicker-value", children: k })
+              /* @__PURE__ */ e("span", { className: "datepicker-value", children: N })
             ]
           }
         ),
@@ -572,7 +572,7 @@ const Ur = {
     labelColor: "#FFEDD5",
     labelTextColor: "#7C2D12"
   }
-}, ve = {
+}, xe = {
   USER: "User",
   GROUP: "Group",
   ROLE: "Role"
@@ -627,7 +627,7 @@ const Ur = {
   handleRemoveRejectedFile: f,
   handleSubmit: v,
   isSubmitting: a,
-  formErrors: k,
+  formErrors: N,
   // --- UI Text ---
   title: d = "Upload Files",
   subHeading: p = "Supports PNG, JPG, PDF. Max size: 50MB."
@@ -665,7 +665,7 @@ const Ur = {
             leaveFrom: "opacity-100 scale-100",
             leaveTo: "opacity-0 scale-95",
             children: /* @__PURE__ */ l(
-              Ne,
+              ke,
               {
                 className: "dialog-panel",
                 onClick: (L) => L.stopPropagation(),
@@ -707,7 +707,7 @@ const Ur = {
                           ]
                         }
                       ),
-                      k.filesToUpload && /* @__PURE__ */ e("p", { className: "form-error-message", children: k.filesToUpload.message }),
+                      N.filesToUpload && /* @__PURE__ */ e("p", { className: "form-error-message", children: N.filesToUpload.message }),
                       T && /* @__PURE__ */ l("div", { className: "file-list-container", children: [
                         /* @__PURE__ */ e("h3", { children: "Upload Queue" }),
                         /* @__PURE__ */ l("ul", { className: "file-list", children: [
@@ -734,7 +734,7 @@ const Ur = {
                                     type: "button",
                                     onClick: () => y(R),
                                     className: "remove-file-button",
-                                    children: /* @__PURE__ */ e(Be, { size: 16 })
+                                    children: /* @__PURE__ */ e(Pe, { size: 16 })
                                   }
                                 )
                               ]
@@ -765,7 +765,7 @@ const Ur = {
                                     type: "button",
                                     onClick: () => f(S),
                                     className: "remove-file-button",
-                                    children: /* @__PURE__ */ e(Be, { size: 16 })
+                                    children: /* @__PURE__ */ e(Pe, { size: 16 })
                                   }
                                 )
                               ]
@@ -825,11 +825,11 @@ const Ur = {
     // Deep copy
     onSubmit: (S) => {
       const A = {};
-      Object.keys(S).forEach((P) => {
-        A[P] = {
-          operator: S[P].operator || "in",
-          values: Array.isArray(S[P].values) ? S[P].values : [],
-          range: S[P].range || null
+      Object.keys(S).forEach((B) => {
+        A[B] = {
+          operator: S[B].operator || "in",
+          values: Array.isArray(S[B].values) ? S[B].values : [],
+          range: S[B].range || null
         };
       }), console.log("[storybook filter] Applied Filters:", A), typeof s == "function" && s({
         filters: A,
@@ -837,8 +837,8 @@ const Ur = {
       }), r();
     },
     enableReinitialize: !0
-  }), k = ne(() => n.reduce((S, A) => {
-    const P = A.key, I = a.values[P];
+  }), N = ne(() => n.reduce((S, A) => {
+    const B = A.key, I = a.values[B];
     let V = !1;
     if (I)
       switch (A.type) {
@@ -850,26 +850,26 @@ const Ur = {
           (I.range && I.range !== "" || Array.isArray(I.values) && I.values.length > 0) && (V = !0);
           break;
       }
-    return S[P] = V, S;
-  }, {}), [n, a.values]), d = Object.values(k).filter(Boolean).length, p = async (S, A) => {
+    return S[B] = V, S;
+  }, {}), [n, a.values]), d = Object.values(N).filter(Boolean).length, p = async (S, A) => {
     try {
       v((I) => ({ ...I, [S]: !0 }));
-      const P = await i(S, A);
-      y((I) => ({ ...I, [S]: P }));
-    } catch (P) {
-      console.error(`Error fetching ${S} users:`, P);
+      const B = await i(S, A);
+      y((I) => ({ ...I, [S]: B }));
+    } catch (B) {
+      console.error(`Error fetching ${S} users:`, B);
     } finally {
-      v((P) => ({ ...P, [S]: !1 }));
+      v((B) => ({ ...B, [S]: !1 }));
     }
   }, T = (S) => {
-    const A = n[S].key, P = n[S].url;
-    n[S].type === "multiselect-users" && u[A].length === 0 && !f[A] && p(A, P);
+    const A = n[S].key, B = n[S].url;
+    n[S].type === "multiselect-users" && u[A].length === 0 && !f[A] && p(A, B);
   }, L = () => {
     a.resetForm(), y({ createdBy: [], updatedBy: [] }), o();
   }, R = (S) => {
     const A = n.find((V) => V.key === S);
     if (!A) return null;
-    const P = a.values[S] || m[S], I = Array.isArray(P.values) ? P.values : [];
+    const B = a.values[S] || m[S], I = Array.isArray(B.values) ? B.values : [];
     switch (A.type) {
       case "multiselect":
         return /* @__PURE__ */ l("div", { className: "filter-panel-content", children: [
@@ -878,7 +878,7 @@ const Ur = {
             /* @__PURE__ */ e(
               "select",
               {
-                value: P.operator || "in",
+                value: B.operator || "in",
                 onChange: (c) => a.setFieldValue(`${S}.operator`, c.target.value),
                 className: "filter-select",
                 children: A.operators.map((c) => /* @__PURE__ */ e("option", { value: c, children: c === "in" ? "Includes" : "Excludes" }, c))
@@ -895,7 +895,7 @@ const Ur = {
                   className: "filter-checkbox-input",
                   checked: A.options.length > 0 && I.length === A.options.length,
                   onChange: (c) => {
-                    const b = c.target.checked ? A.options.map((x) => x.value) : [];
+                    const b = c.target.checked ? A.options.map((k) => k.value) : [];
                     a.setFieldValue(`${S}.values`, b);
                   }
                 }
@@ -918,8 +918,8 @@ const Ur = {
                   className: "filter-checkbox-input",
                   checked: I.includes(c.value),
                   onChange: (b) => {
-                    const x = b.target.checked ? [...I, c.value] : I.filter((D) => D !== c.value);
-                    a.setFieldValue(`${S}.values`, x);
+                    const k = b.target.checked ? [...I, c.value] : I.filter((D) => D !== c.value);
+                    a.setFieldValue(`${S}.values`, k);
                   }
                 }
               ),
@@ -942,7 +942,7 @@ const Ur = {
             /* @__PURE__ */ e(
               "select",
               {
-                value: P.operator || "in",
+                value: B.operator || "in",
                 onChange: (c) => a.setFieldValue(`${S}.operator`, c.target.value),
                 className: "filter-select",
                 children: A.operators.map((c) => /* @__PURE__ */ e("option", { value: c, children: c === "in" ? "Includes" : "Excludes" }, c))
@@ -959,7 +959,7 @@ const Ur = {
                   className: "filter-checkbox-input",
                   checked: V.length > 0 && I.length === V.length,
                   onChange: (c) => {
-                    const b = c.target.checked ? V.map((x) => x.email) : [];
+                    const b = c.target.checked ? V.map((k) => k.email) : [];
                     a.setFieldValue(
                       `${S}.values`,
                       b
@@ -985,10 +985,10 @@ const Ur = {
                   className: "filter-checkbox-input",
                   checked: I.includes(c.email),
                   onChange: (b) => {
-                    const x = b.target.checked ? [...I, c.email] : I.filter((D) => D !== c.email);
+                    const k = b.target.checked ? [...I, c.email] : I.filter((D) => D !== c.email);
                     a.setFieldValue(
                       `${S}.values`,
-                      x
+                      k
                     );
                   }
                 }
@@ -1008,7 +1008,7 @@ const Ur = {
           ] }) : /* @__PURE__ */ e("div", { className: "text-center py-4 text-gray-500 text-sm", children: "No users loaded." }) })
         ] });
       case "date":
-        const B = P.values || [], [g, h] = B, N = g && h, w = {
+        const P = B.values || [], [g, h] = P, x = g && h, w = {
           startDate: g instanceof Date ? g : /* @__PURE__ */ new Date(),
           // Fallback to today
           endDate: h instanceof Date ? h : /* @__PURE__ */ new Date(),
@@ -1021,13 +1021,13 @@ const Ur = {
             /* @__PURE__ */ e(
               "select",
               {
-                value: P.operator,
+                value: B.operator,
                 onChange: (c) => a.setFieldValue(`${S}.operator`, c.target.value),
                 className: "filter-select",
                 children: A.operators.map((c) => /* @__PURE__ */ e("option", { value: c, children: c === "in" ? "Is" : "Is not" }, c))
               }
             ),
-            N && /* @__PURE__ */ e(
+            x && /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
@@ -1047,10 +1047,10 @@ const Ur = {
             {
               ranges: [w],
               onChange: (c) => {
-                const { startDate: b, endDate: x } = c.selection;
+                const { startDate: b, endDate: k } = c.selection;
                 a.setFieldValue(`${S}.values`, [
                   b,
-                  x
+                  k
                 ]);
               },
               showSelectionPreview: !0,
@@ -1089,7 +1089,7 @@ const Ur = {
         leave: "ease-in duration-200",
         leaveFrom: "opacity-100 translate-x-0",
         leaveTo: "opacity-0 translate-x-full",
-        children: /* @__PURE__ */ l(Ne, { className: "filter-modal-panel", children: [
+        children: /* @__PURE__ */ l(ke, { className: "filter-modal-panel", children: [
           /* @__PURE__ */ l("div", { className: "filter-header", children: [
             /* @__PURE__ */ e(Ve, { as: "h3", className: "filter-title", children: "Filters" }),
             /* @__PURE__ */ e(
@@ -1115,7 +1115,7 @@ const Ur = {
                 children: [
                   /* @__PURE__ */ e(sr, { className: "filter-tabs-list", children: n.map((S) => /* @__PURE__ */ l(ee, { className: "filter-tab-item", children: [
                     S.label,
-                    k[S.key] && /* @__PURE__ */ e(
+                    N[S.key] && /* @__PURE__ */ e(
                       "span",
                       {
                         className: "filter-active-indicator",
@@ -1207,7 +1207,7 @@ const Ur = {
   ] });
 }, oa = {
   delete: {
-    icon: Be,
+    icon: Pe,
     iconClass: "icon--delete",
     primaryButtonCategory: "danger"
     // Assuming you add a 'danger' category to your Button
@@ -1238,7 +1238,7 @@ const Ur = {
 }) => {
   const f = oa[i] || oa.info, v = f.icon, a = () => {
     r({ primary: !0, secondary: !1 });
-  }, k = () => {
+  }, N = () => {
     r({ primary: !1, secondary: !0 });
   };
   return /* @__PURE__ */ e(oe, { appear: !0, show: t, as: J, children: /* @__PURE__ */ l(me, { as: "div", className: "modal-dialog", onClose: () => r({}), children: [
@@ -1265,7 +1265,7 @@ const Ur = {
         leave: "ease-in duration-200",
         leaveFrom: "opacity-100 scale-100",
         leaveTo: "opacity-0 scale-95",
-        children: /* @__PURE__ */ l(Ne, { className: "modal-panel", children: [
+        children: /* @__PURE__ */ l(ke, { className: "modal-panel", children: [
           /* @__PURE__ */ l("div", { className: "modal-content-wrapper", children: [
             /* @__PURE__ */ e("div", { className: `modal-icon-container ${f.iconClass}`, children: /* @__PURE__ */ e(v, { size: 24, "aria-hidden": "true" }) }),
             /* @__PURE__ */ l("div", { className: "modal-text-content", children: [
@@ -1277,7 +1277,7 @@ const Ur = {
             /* @__PURE__ */ e(
               Z,
               {
-                onClick: k,
+                onClick: N,
                 label: m,
                 category: "secondary"
               }
@@ -1307,8 +1307,8 @@ const Ur = {
   Q(() => {
     y(t);
   }, [t]);
-  const f = Math.min((t - 1) * s + 1, r), v = Math.min(t * s, r), a = (k) => {
-    k.preventDefault();
+  const f = Math.min((t - 1) * s + 1, r), v = Math.min(t * s, r), a = (N) => {
+    N.preventDefault();
     let d = parseInt(u, 10);
     isNaN(d) || d < 1 ? d = 1 : d > i && (d = i), y(d), d !== t && o(d);
   };
@@ -1321,8 +1321,8 @@ const Ur = {
           id: "items-per-page",
           className: "pagination-select",
           value: s,
-          onChange: (k) => n(Number(k.target.value)),
-          children: m.map((k) => /* @__PURE__ */ e("option", { value: k, children: k }, k))
+          onChange: (N) => n(Number(N.target.value)),
+          children: m.map((N) => /* @__PURE__ */ e("option", { value: N, children: N }, N))
         }
       ),
       /* @__PURE__ */ l("span", { className: "pagination-info", children: [
@@ -1361,7 +1361,7 @@ const Ur = {
             type: "number",
             className: "page-input",
             value: u,
-            onChange: (k) => y(k.target.value),
+            onChange: (N) => y(N.target.value),
             onBlur: a,
             "aria-label": `Current page, Page ${t}`
           }
@@ -1391,7 +1391,7 @@ const Ur = {
       )
     ] })
   ] });
-}, Pa = ({
+}, Ba = ({
   label: t,
   value: r,
   // The currently selected option's value (e.g., 'work')
@@ -1496,7 +1496,7 @@ const Ur = {
 }) => {
   const [f, v] = M(""), a = f === "" ? o : o.filter(
     (d) => d.label.toLowerCase().includes(f.toLowerCase())
-  ), k = o.find((d) => r?.id ? d.id === r.id : d.id === r || d.value === r);
+  ), N = o.find((d) => r?.id ? d.id === r.id : d.id === r || d.value === r);
   return /* @__PURE__ */ e(X, { value: r, onChange: s, disabled: m, children: /* @__PURE__ */ l("div", { className: "select-wrapper", ref: u, children: [
     t && /* @__PURE__ */ e("label", { className: "select-label", children: t }),
     /* @__PURE__ */ l("div", { className: "select-button-container", children: [
@@ -1507,7 +1507,7 @@ const Ur = {
             "select-button--error": !!i
           }),
           children: [
-            /* @__PURE__ */ e("span", { className: "select-value-display", children: k ? k.label : /* @__PURE__ */ e("span", { className: "placeholder", children: n }) }),
+            /* @__PURE__ */ e("span", { className: "select-value-display", children: N ? N.label : /* @__PURE__ */ e("span", { className: "placeholder", children: n }) }),
             /* @__PURE__ */ e(fa, { className: "select-chevron", "aria-hidden": "true" })
           ]
         }
@@ -1575,7 +1575,7 @@ const Ur = {
     if ((s.href || s.url || s.path) === r || s.children && Ke(s.children, r))
       return s;
   return null;
-}, Ba = ({ item: t, isCollapsed: r, level: s = 0 }) => {
+}, Pa = ({ item: t, isCollapsed: r, level: s = 0 }) => {
   const { pathname: o } = Wr(), n = t.href || t.url || t.path, [m, i] = M(!1), u = t.icon;
   Q(() => {
     Ke([t], o) && i(!0);
@@ -1634,7 +1634,7 @@ const Ur = {
             }),
             "aria-hidden": !m || r,
             children: t.children.map((a) => /* @__PURE__ */ e(
-              Ba,
+              Pa,
               {
                 item: a,
                 isCollapsed: r,
@@ -1698,7 +1698,7 @@ const Ur = {
             }
           )
         ] }),
-        /* @__PURE__ */ e("nav", { className: "sidebar-nav", "aria-label": "Primary", children: /* @__PURE__ */ e("ul", { className: "sidebar-nav-list", children: t.map((y) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(Ba, { item: y, isCollapsed: r }) }, y.label || y.name)) }) }),
+        /* @__PURE__ */ e("nav", { className: "sidebar-nav", "aria-label": "Primary", children: /* @__PURE__ */ e("ul", { className: "sidebar-nav-list", children: t.map((y) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(Pa, { item: y, isCollapsed: r }) }, y.label || y.name)) }) }),
         /* @__PURE__ */ l("div", { className: "sidebar-footer", children: [
           /* @__PURE__ */ e(Ta, { src: u.avatar, name: u.name, size: "medium" }),
           /* @__PURE__ */ l("div", { className: "user-info", children: [
@@ -1770,12 +1770,12 @@ const Ur = {
     u.value?.length || u.defaultValue?.length || 0
   ), a = (d) => {
     v(d.target.value.length), u.onChange && u.onChange(d);
-  }, k = m - f;
+  }, N = m - f;
   return /* @__PURE__ */ l("div", { className: `textarea-wrapper ${o || ""}`, children: [
     /* @__PURE__ */ l("div", { className: "textarea-header", children: [
       t && /* @__PURE__ */ e("label", { htmlFor: y, className: "textarea-label", children: t }),
       i && m && /* @__PURE__ */ l("span", { className: "char-counter", children: [
-        k,
+        N,
         " characters remaining"
       ] })
     ] }),
@@ -1873,7 +1873,7 @@ const Ur = {
   showProgress: y = !0,
   closeOnOverlayClick: f = !0
 }) => {
-  const v = s[o], a = Object.keys(s), k = a.indexOf(o), d = (k + 1) / a.length * 100, p = k > 0 && m.onBack;
+  const v = s[o], a = Object.keys(s), N = a.indexOf(o), d = (N + 1) / a.length * 100, p = N > 0 && m.onBack;
   return /* @__PURE__ */ e(oe, { show: t, as: J, children: /* @__PURE__ */ l(
     me,
     {
@@ -1905,7 +1905,7 @@ const Ur = {
             leave: "transform transition ease-in-out duration-500",
             leaveFrom: "translate-x-0",
             leaveTo: "translate-x-full",
-            children: /* @__PURE__ */ l(Ne, { className: "wizard-panel", children: [
+            children: /* @__PURE__ */ l(ke, { className: "wizard-panel", children: [
               /* @__PURE__ */ l("header", { className: "wizard-header", children: [
                 /* @__PURE__ */ l("div", { className: "wizard-header-content", children: [
                   p && /* @__PURE__ */ e(
@@ -2293,31 +2293,31 @@ function nn({
   );
   function o({ open: f = !1, customHeader: v = {} } = {}) {
     if (f) {
-      const { Authorization: a, ...k } = ia();
+      const { Authorization: a, ...N } = ia();
       return {
-        headers: { ...k, ...r, ...v }
+        headers: { ...N, ...r, ...v }
       };
     }
     return { headers: { ...ia(), ...v } };
   }
-  async function n(f, v, a = !1, k = {}) {
+  async function n(f, v, a = !1, N = {}) {
     return s.get(f, {
       params: v,
-      ...o({ open: a, customHeader: k })
+      ...o({ open: a, customHeader: N })
     });
   }
-  async function m(f, v, a = !1, k = {}) {
-    const d = { ...o({ open: a, customHeader: k }) };
+  async function m(f, v, a = !1, N = {}) {
+    const d = { ...o({ open: a, customHeader: N }) };
     return v !== void 0 && (d.data = v), s.delete(f, d);
   }
-  async function i(f, v = {}, a = !1, k = {}) {
-    return s.post(f, v, o({ open: a, customHeader: k }));
+  async function i(f, v = {}, a = !1, N = {}) {
+    return s.post(f, v, o({ open: a, customHeader: N }));
   }
-  async function u(f, v = {}, a = !1, k = {}) {
-    return s.put(f, v, o({ open: a, customHeader: k }));
+  async function u(f, v = {}, a = !1, N = {}) {
+    return s.put(f, v, o({ open: a, customHeader: N }));
   }
-  async function y(f, v = {}, a = !1, k = {}) {
-    return s.patch(f, v, o({ open: a, customHeader: k }));
+  async function y(f, v = {}, a = !1, N = {}) {
+    return s.patch(f, v, o({ open: a, customHeader: N }));
   }
   return {
     instance: s,
@@ -2329,18 +2329,18 @@ function nn({
     axiosPatch: y
   };
 }
-const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln = ke.axiosPut, rs = ke.axiosPatch, ns = ke.instance, on = async (t, r) => {
+const we = nn(), Fe = we.axiosGet, sn = we.axiosDelete, $e = we.axiosPost, ln = we.axiosPut, rs = we.axiosPatch, ns = we.instance, on = async (t, r) => {
   try {
     switch (t) {
-      case ve.USER: {
+      case xe.USER: {
         const s = {
           q: r
         };
         return Ie.userSearch(s);
       }
-      case ve.GROUP:
+      case xe.GROUP:
         return Ie.getAdGroups(r);
-      case ve.ROLE:
+      case xe.ROLE:
         return Ie.searchRoles(r);
       default:
         break;
@@ -2468,9 +2468,9 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
     }
   );
 }, da = [
-  { id: 1, name: ve.USER, icon: $t, code: "users" },
-  { id: 2, name: ve.GROUP, icon: va, code: "groups" },
-  { id: 3, name: ve.ROLE, icon: Tt, code: "roles" }
+  { id: 1, name: xe.USER, icon: $t, code: "users" },
+  { id: 2, name: xe.GROUP, icon: va, code: "groups" },
+  { id: 3, name: xe.ROLE, icon: Tt, code: "roles" }
 ], ua = [
   { id: 1, name: na.View, icon: xa },
   { id: 2, name: na.Manage, icon: Na }
@@ -2487,34 +2487,34 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
   },
   isChanged: u = !1
 }) => {
-  const [y, f] = M(da[0]), [v, a] = M(""), k = ta(v, 400), [d, p] = M([]), [T, L] = M(/* @__PURE__ */ new Set()), [R, S] = M(!1), [A, P] = M(ua[0]), {
+  const [y, f] = M(da[0]), [v, a] = M(""), N = ta(v, 400), [d, p] = M([]), [T, L] = M(/* @__PURE__ */ new Set()), [R, S] = M(!1), [A, B] = M(ua[0]), {
     control: I,
     handleSubmit: V,
     watch: z,
-    formState: { errors: B, isSubmitting: g }
+    formState: { errors: P, isSubmitting: g }
   } = At({
     defaultValues: { pendingInvites: [] },
     resolver: It(un)
-  }), { fields: h, append: N, remove: w, update: c } = Et({
+  }), { fields: h, append: x, remove: w, update: c } = Et({
     control: I,
     name: "pendingInvites"
   }), b = z("pendingInvites");
   Q(() => {
-    k.length > 1 ? (S(!0), on(y.name, k).then((F) => {
+    N.length > 1 ? (S(!0), on(y.name, N).then((F) => {
       p(F);
     }).catch((F) => console.error("Search failed:", F)).finally(() => S(!1))) : (p([]), L(/* @__PURE__ */ new Set()));
-  }, [k, y]);
-  const x = (F) => {
+  }, [N, y]);
+  const k = (F) => {
     L((C) => {
       const E = new Set(C);
       return E.has(F) ? E.delete(F) : E.add(F), E;
     });
   }, D = () => {
     d.filter((F) => T.has(F.id)).forEach((F) => {
-      h.find((C) => C.id === F.id) || N({ ...F, permission: A.name });
+      h.find((C) => C.id === F.id) || x({ ...F, permission: A.name });
     }), L(/* @__PURE__ */ new Set()), a("");
   }, q = (F) => {
-    P(F), h.forEach(
+    B(F), h.forEach(
       (C, E) => c(E, { ...h[E], permission: F.name })
     );
   }, G = async (F) => {
@@ -2668,7 +2668,7 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
                 return /* @__PURE__ */ l(
                   "div",
                   {
-                    onClick: () => C ? null : x(F.id),
+                    onClick: () => C ? null : k(F.id),
                     className: `flex items-center gap-3 p-2 rounded-md hover:bg-blue-50 ${C ? " hover:cursor-not-allowed" : "hover:cursor-pointer"}`,
                     children: [
                       /* @__PURE__ */ e(
@@ -2881,11 +2881,11 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
   }), y = vr(u), f = xr(u), { getReferenceProps: v, getFloatingProps: a } = Nr([
     y,
     f
-  ]), k = Je.find((p) => p.name === t.permission || p.value === t.permission) || Je[0];
+  ]), N = Je.find((p) => p.name === t.permission || p.value === t.permission) || Je[0];
   return (
     // FIX: The <Listbox> component now wraps both the button and the portal.
     // This provides the necessary context for both children.
-    /* @__PURE__ */ l(X, { value: k, onChange: (p) => {
+    /* @__PURE__ */ l(X, { value: N, onChange: (p) => {
       s(p), n(!1);
     }, children: [
       /* @__PURE__ */ l(
@@ -2960,17 +2960,17 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
   existingShares: n,
   allowedPermissions: m
 }) => {
-  const [i, u] = M(n), [y, f] = M(0), [v, a] = M(""), k = ta(v, 300), d = {
+  const [i, u] = M(n), [y, f] = M(0), [v, a] = M(""), N = ta(v, 300), d = {
     users: i.users.filter(
-      (R) => R.name.toLowerCase().includes(k.toLowerCase())
+      (R) => R.name.toLowerCase().includes(N.toLowerCase())
     ),
     groups: i.groups.filter(
-      (R) => R.name.toLowerCase().includes(k.toLowerCase())
+      (R) => R.name.toLowerCase().includes(N.toLowerCase())
     ),
     roles: i.roles.filter(
-      (R) => R.name.toLowerCase().includes(k.toLowerCase())
+      (R) => R.name.toLowerCase().includes(N.toLowerCase())
     )
-  }, p = async (R, S, A, P) => {
+  }, p = async (R, S, A, B) => {
     const I = S.value;
     u(I === "Remove" ? (V) => ({
       ...V,
@@ -3150,7 +3150,7 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
     hidden: { y: 20, opacity: 0 },
     visible: { y: 0, opacity: 1 },
     exit: { opacity: 0, x: -20 }
-  }, k = () => n ? (
+  }, N = () => n ? (
     // Show 5 skeleton items while loading
     /* @__PURE__ */ e("div", { children: Array.from({ length: 5 }).map((d, p) => /* @__PURE__ */ e(gn, {}, p)) })
   ) : f.length === 0 ? /* @__PURE__ */ l(
@@ -3160,7 +3160,7 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
       animate: { opacity: 1, scale: 1 },
       className: "flex flex-col items-center justify-center text-center p-8 mt-10",
       children: [
-        /* @__PURE__ */ e(Pt, { className: "h-12 w-12 text-gray-400" }),
+        /* @__PURE__ */ e(Bt, { className: "h-12 w-12 text-gray-400" }),
         /* @__PURE__ */ e("h3", { className: "mt-2 text-sm font-medium text-gray-900", children: "No Users Found" }),
         /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-gray-500", children: y ? `No one found matching "${y}"` : `There are no users in this ${t.type}.` })
       ]
@@ -3234,7 +3234,7 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
         placeholder: "Search members..."
       }
     ) }),
-    /* @__PURE__ */ e("div", { className: "flex-grow overflow-y-auto", children: k() })
+    /* @__PURE__ */ e("div", { className: "flex-grow overflow-y-auto", children: N() })
   ] });
 }, de = {
   INVITE: "invite",
@@ -3257,31 +3257,31 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
   allowedPermissions: u = [],
   ...y
 }) => {
-  const [f, v] = M(de.INVITE), [a, k] = M(t), [d, p] = M(null), [T, L] = M(!1), [R, S] = M([]), [A, P] = M(de.MANAGE), I = () => {
+  const [f, v] = M(de.INVITE), [a, N] = M(t), [d, p] = M(null), [T, L] = M(!1), [R, S] = M([]), [A, B] = M(de.MANAGE), I = () => {
     v(de.INVITE), p(null), m();
   }, V = () => {
     v(de.MANAGE);
-  }, z = async ({ id: h, name: N, type: w }) => {
-    if (console.log("handleToMembers", { id: h, name: N, type: w }), w === "groups") {
+  }, z = async ({ id: h, name: x, type: w }) => {
+    if (console.log("handleToMembers", { id: h, name: x, type: w }), w === "groups") {
       try {
-        const c = await Fe(`${Ie.getMembersForGroup(N)}`);
+        const c = await Fe(`${Ie.getMembersForGroup(x)}`);
       } catch (c) {
         console.log("Error searching entities:", c);
       }
       S(resp);
     }
-    p({ id: h, type: w, name: N }), P(f), v(de.MEMBERS);
-  }, B = (h) => {
-    console.log("changedExistingShares", h), k(h);
-    const N = !We.isEqual(
+    p({ id: h, type: w, name: x }), B(f), v(de.MEMBERS);
+  }, P = (h) => {
+    console.log("changedExistingShares", h), N(h);
+    const x = !We.isEqual(
       We.mapValues(t, (w) => w.map((c) => ({ id: c.id, permission: c.permission }))),
       We.mapValues(h, (w) => w.map((c) => ({ id: c.id, permission: c.permission })))
     );
-    L(N), v(f === de.MEMBERS ? A : de.INVITE);
+    L(x), v(f === de.MEMBERS ? A : de.INVITE);
   };
   return /* @__PURE__ */ e(oe, { appear: !0, show: r, as: J, children: /* @__PURE__ */ l(me, { as: "div", className: "relative z-50", onClose: I, 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(Ne, { className: "filter-modal-panel", style: { background: "white" }, children: (() => {
+    /* @__PURE__ */ e("div", { className: "filter-modal-container", children: /* @__PURE__ */ e("div", { className: "filter-modal-positioner", children: /* @__PURE__ */ e(ke, { className: "filter-modal-panel", style: { background: "white" }, children: (() => {
       switch (f) {
         case de.MANAGE:
           return /* @__PURE__ */ e(
@@ -3296,7 +3296,7 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
                 pn,
                 {
                   entity: o,
-                  onBack: B,
+                  onBack: P,
                   onClose: I,
                   onOpenMembers: z,
                   existingShares: a,
@@ -3320,7 +3320,7 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
                 yn,
                 {
                   entity: d,
-                  onBack: B,
+                  onBack: P,
                   onClose: I,
                   calledBy: n,
                   existingShares: a,
@@ -3382,27 +3382,27 @@ function qe({
   onSearch: v,
   // (query: string) => void (required if searchMode==="server")
   serverLoading: a = !1,
-  minSearchChars: k = 2,
+  minSearchChars: N = 2,
   // NEW: mappers (id/label keys)
   getOptionId: d = (T) => String(T.id),
   getOptionLabel: p = (T) => T.name
 }) {
-  const T = Qe(), L = Qe(), [R, S] = M(""), A = ue(""), P = ne(() => {
+  const T = Qe(), L = Qe(), [R, S] = M(""), A = ue(""), B = ne(() => {
     const h = /* @__PURE__ */ new Map();
-    for (const N of r) h.set(d(N), N);
+    for (const x of r) h.set(d(x), x);
     return h;
-  }, [r, d]), I = ne(() => Array.isArray(s) ? s.map((h) => h && typeof h == "object" ? P.get(d(h)) || null : P.get(String(h))).filter(Boolean) : [], [s, P, d]), V = ne(() => {
+  }, [r, d]), I = ne(() => Array.isArray(s) ? s.map((h) => h && typeof h == "object" ? B.get(d(h)) || null : B.get(String(h))).filter(Boolean) : [], [s, B, d]), V = ne(() => {
     if (!R) return r;
     const h = R.toLowerCase();
-    return r.filter((N) => p(N).toLowerCase().includes(h));
+    return r.filter((x) => p(x).toLowerCase().includes(h));
   }, [r, R, p]);
   Q(() => {
-    f === "server" && R.length >= k && R !== A.current && (A.current = R, v && v(R));
-  }, [R, f, k, v]);
-  const z = f === "client" ? V : r, B = () => {
+    f === "server" && R.length >= N && R !== A.current && (A.current = R, v && v(R));
+  }, [R, f, N, v]);
+  const z = f === "client" ? V : r, P = () => {
     if (!I.length)
       return /* @__PURE__ */ e("span", { className: "text-gray-500", children: m });
-    const h = I.slice(0, u), N = I.length - u;
+    const h = I.slice(0, u), x = I.length - u;
     return /* @__PURE__ */ l("div", { className: "flex flex-wrap gap-2", children: [
       h.map((w) => /* @__PURE__ */ e(
         "span",
@@ -3412,16 +3412,16 @@ function qe({
         },
         d(w)
       )),
-      N > 0 && /* @__PURE__ */ l("span", { className: "px-2 py-1 text-xs font-medium text-gray-600 bg-gray-200 rounded-full", children: [
+      x > 0 && /* @__PURE__ */ l("span", { className: "px-2 py-1 text-xs font-medium text-gray-600 bg-gray-200 rounded-full", children: [
         "+",
-        N,
+        x,
         " more"
       ] })
     ] });
   };
   return /* @__PURE__ */ e(X, { value: I, onChange: (h) => {
-    const N = Array.from(new Set(h.map((w) => d(w))));
-    y !== -1 && N.length > y || o(N);
+    const x = Array.from(new Set(h.map((w) => d(w))));
+    y !== -1 && x.length > y || o(x);
   }, multiple: !0, by: "id", children: ({ open: h }) => /* @__PURE__ */ l("div", { children: [
     /* @__PURE__ */ e(
       X.Label,
@@ -3444,7 +3444,7 @@ function qe({
             i ? "ring-red-500" : "ring-gray-300"
           ),
           children: [
-            /* @__PURE__ */ e("span", { className: "block truncate", children: B() }),
+            /* @__PURE__ */ e("span", { className: "block truncate", children: P() }),
             /* @__PURE__ */ e("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ e(fa, { className: "w-5 h-5 text-gray-400", "aria-hidden": "true" }) })
           ]
         }
@@ -3463,19 +3463,19 @@ function qe({
               {
                 value: R,
                 onDebouncedChange: S,
-                placeholder: f === "server" ? `Search (min ${k})…` : "Search options…"
+                placeholder: f === "server" ? `Search (min ${N})…` : "Search options…"
               }
             ) }),
             f === "server" && a && /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: "Loading…" }),
-            z.length === 0 && !a ? /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: f === "server" ? R.length < k ? `Type at least ${k} characters to search.` : "No results." : "No options found." }) : z.map((N) => {
-              const w = d(N), c = p(N), b = I.some((D) => d(D) === w), x = y !== -1 && I.length >= y && !b;
+            z.length === 0 && !a ? /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: f === "server" ? R.length < N ? `Type at least ${N} characters to search.` : "No results." : "No options found." }) : z.map((x) => {
+              const w = d(x), c = p(x), b = I.some((D) => d(D) === w), k = y !== -1 && I.length >= y && !b;
               return /* @__PURE__ */ e(
                 X.Option,
                 {
-                  value: N,
-                  disabled: x,
+                  value: x,
+                  disabled: k,
                   className: ({ active: D }) => Ae(
-                    x ? " text-gray-400  bg-white  cursor-not-allowed" : D ? " bg-gray-200  text-gray-900" : " text-gray-900",
+                    k ? " text-gray-400  bg-white  cursor-not-allowed" : D ? " bg-gray-200  text-gray-900" : " text-gray-900",
                     " relative  cursor-default  select-none  py-2  pl-3  pr-9"
                   ),
                   children: ({ selected: D, active: q }) => /* @__PURE__ */ l(K, { children: [
@@ -3583,7 +3583,7 @@ const ss = ({
           }
         ),
         /* @__PURE__ */ e("div", { className: "fixed inset-0 overflow-y-auto", children: /* @__PURE__ */ e("div", { className: "flex min-h-full items-center justify-center p-4", children: /* @__PURE__ */ l(
-          Ne,
+          ke,
           {
             className: `${u} relative bg-white align-middle w-full lg:w-[36rem] mx-5 lg:mx-0 transform overflow-hidden rounded-2xl text-left shadow-xl lg:min-w-[36rem] md:min-w-96 transition-all`,
             onClick: f,
@@ -3665,7 +3665,7 @@ function vn({
   dropId: v,
   indent: a = 24
 }) {
-  const { setNodeRef: k, isOver: d } = Bt({ id: v }), { attributes: p, listeners: T, setNodeRef: L, transform: R, isDragging: S } = Lt({ id: f }), A = R ? { transform: `translate3d(${Math.round(R.x)}px, ${Math.round(R.y)}px, 0)` } : void 0, [P, I] = M(!1), [V, z] = M(t.name), B = () => {
+  const { setNodeRef: N, isOver: d } = Pt({ id: v }), { attributes: p, listeners: T, setNodeRef: L, transform: R, isDragging: S } = Lt({ id: f }), A = R ? { transform: `translate3d(${Math.round(R.x)}px, ${Math.round(R.y)}px, 0)` } : void 0, [B, I] = M(!1), [V, z] = M(t.name), P = () => {
     const h = V.trim();
     I(!1), h && h !== t.name ? i?.(t, h) : z(t.name);
   }, g = ne(() => /* @__PURE__ */ e(
@@ -3676,15 +3676,15 @@ function vn({
         { action: "rename", label: "Rename" },
         { action: "delete", label: "Delete" }
       ],
-      onSelect: (N) => {
-        N.action === "create" ? m?.(t) : N.action === "rename" ? I(!0) : N.action === "delete" && u?.(t);
+      onSelect: (x) => {
+        x.action === "create" ? m?.(t) : x.action === "rename" ? I(!0) : x.action === "delete" && u?.(t);
       }
     }
   ), [t, m, u]);
   return /* @__PURE__ */ l(
     "div",
     {
-      ref: k,
+      ref: N,
       className: `tv-row ${d ? "tv-drop-over" : ""} ${S ? "dragging" : ""}`,
       style: { ...A, paddingLeft: 8 + r * a },
       onClick: (h) => {
@@ -3693,15 +3693,15 @@ function vn({
       children: [
         /* @__PURE__ */ e("button", { className: "tv-toggle", onClick: o, "aria-label": "toggle", children: t.children?.length ? s ? /* @__PURE__ */ e(ba, { size: 16 }) : /* @__PURE__ */ e(Oe, { size: 16 }) : /* @__PURE__ */ e("span", { className: "tv-spacer" }) }),
         /* @__PURE__ */ e(wa, { size: 16, className: "tv-folder-ic" }),
-        /* @__PURE__ */ e("div", { className: "tv-name", ref: L, children: P ? /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "tv-name", ref: L, children: B ? /* @__PURE__ */ e(
           "input",
           {
             className: "tv-input",
             value: V,
             onChange: (h) => z(h.target.value),
-            onBlur: B,
+            onBlur: P,
             onKeyDown: (h) => {
-              h.key === "Enter" && B(), h.key === "Escape" && (I(!1), z(t.name));
+              h.key === "Enter" && P(), h.key === "Escape" && (I(!1), z(t.name));
             },
             autoFocus: !0
           }
@@ -3749,7 +3749,7 @@ function Sn(t, { rootId: r, getId: s, getName: o }) {
   }
   return { roots: t.map((u) => m(u, null)), byId: n };
 }
-const Se = (t) => t.map((r) => ({ ...r, children: Se(r.children || []) }));
+const De = (t) => t.map((r) => ({ ...r, children: De(r.children || []) }));
 function Dn(t, r) {
   let s = null;
   function o(m) {
@@ -3802,47 +3802,47 @@ function ls({
   onRename: f,
   onDelete: v,
   onMove: a,
-  renderActions: k,
+  renderActions: N,
   disableMoveToRoot: d = !1,
   // ← allow root moves by default now
   indentUnit: p = 24
 }) {
   const { roots: T } = ne(() => wn(t) ? Sn(t, { rootId: r, getId: o, getName: m }) : Cn(
-    t.map((x) => ({ ...x })),
+    t.map((k) => ({ ...k })),
     { rootId: r, getId: o, getParent: n, getName: m }
-  ), [t, r, o, n, m]), [L, R] = M({}), S = ae((x) => {
+  ), [t, r, o, n, m]), [L, R] = M({}), S = ae((k) => {
     const D = {};
     return (function q(G) {
       G.forEach(($) => {
         D[$.id] = !0, $.children?.length && q($.children);
       });
-    })(x), D;
+    })(k), D;
   }, []);
   re.useEffect(() => {
     R(S(T));
   }, [T, S]);
   const A = ae(
-    (x) => R((D) => ({ ...D, [x]: !D[x] })),
+    (k) => R((D) => ({ ...D, [k]: !D[k] })),
     []
-  ), [P, I] = M(() => Se(T));
-  re.useEffect(() => I(Se(T)), [T]);
+  ), [B, I] = M(() => De(T));
+  re.useEffect(() => I(De(T)), [T]);
   const V = Ot(
     Mt(jt, { activationConstraint: { delay: 250, tolerance: 5 } })
-  ), z = ue(null), [B, g] = M(null), h = ue(0), N = () => {
-  }, w = ({ delta: x }) => {
-    h.current = x?.x ?? 0;
+  ), z = ue(null), [P, g] = M(null), h = ue(0), x = () => {
+  }, w = ({ delta: k }) => {
+    h.current = k?.x ?? 0;
   }, c = ae(
-    ({ active: x, over: D }) => {
+    ({ active: k, over: D }) => {
       const q = h.current;
-      if (h.current = 0, g(null), !x || !D) return;
-      const G = String(x.id).replace(/^drag-/, ""), $ = String(D.id).replace(/^drop-/, "");
+      if (h.current = 0, g(null), !k || !D) return;
+      const G = String(k.id).replace(/^drag-/, ""), $ = String(D.id).replace(/^drop-/, "");
       if (!G || !$ || G === $) return;
       let O = $;
       const U = Math.max(0, Math.floor(-q / p));
       if (U > 0) {
         let H = $;
         for (let ie = 0; ie < U; ie++) {
-          const ce = Ja(P, H, null);
+          const ce = Ja(B, H, null);
           if (!ce) break;
           if (!ce.parentId) {
             O = r;
@@ -3852,17 +3852,17 @@ function ls({
         }
       }
       if (d && O === r) {
-        I(Se(T));
+        I(De(T));
         return;
       }
-      const F = Se(P), { newRoots: C, removed: E } = Dn(F, G);
+      const F = De(B), { newRoots: C, removed: E } = Dn(F, G);
       if (!E) return;
       const j = Fn(C, O, E);
       I(j), a?.({ sourceId: G, destParentId: O, newTree: j });
     },
-    [P, T, r, d, p, a]
+    [B, T, r, d, p, a]
   ), b = ae(
-    (x, D = 0) => x.map((q) => /* @__PURE__ */ l(re.Fragment, { children: [
+    (k, D = 0) => k.map((q) => /* @__PURE__ */ l(re.Fragment, { children: [
       /* @__PURE__ */ e(
         vn,
         {
@@ -3874,7 +3874,7 @@ function ls({
           onCreateChild: y,
           onRename: f,
           onDelete: v,
-          renderActions: k,
+          renderActions: N,
           dragId: `drag-${q.id}`,
           dropId: `drop-${q.id}`,
           indent: p
@@ -3882,21 +3882,21 @@ function ls({
       ),
       L[q.id] && q.children?.length > 0 ? b(q.children, D + 1) : null
     ] }, q.id)),
-    [L, p, y, v, f, i, k, A]
+    [L, p, y, v, f, i, N, A]
   );
   return re.useMemo(() => {
-    if (!B) return null;
-    const x = String(B).replace(/^drag-/, "");
+    if (!P) return null;
+    const k = String(P).replace(/^drag-/, "");
     function D(q) {
       for (const G of q) {
-        if (G.id === x) return G;
+        if (G.id === k) return G;
         const $ = G.children?.length ? D(G.children) : null;
         if ($) return $;
       }
       return null;
     }
-    return D(P);
-  }, [B, P]), /* @__PURE__ */ l("div", { className: "tv", children: [
+    return D(B);
+  }, [P, B]), /* @__PURE__ */ l("div", { className: "tv", children: [
     s !== !1 && /* @__PURE__ */ l("div", { className: "tv-header", children: [
       /* @__PURE__ */ e("div", { className: "tv-title", children: s }),
       /* @__PURE__ */ e("button", { className: "tv-btn", onClick: u, children: "+ New folder" })
@@ -3911,11 +3911,11 @@ function ls({
       {
         collisionDetection: qt,
         sensors: V,
-        onDragStart: N,
+        onDragStart: x,
         onDragMove: w,
         onDragEnd: c,
         modifiers: [Ut],
-        children: /* @__PURE__ */ e("div", { ref: z, className: "tv-list", children: b(P, 0) })
+        children: /* @__PURE__ */ e("div", { ref: z, className: "tv-list", children: b(B, 0) })
       }
     )
   ] });
@@ -3934,19 +3934,19 @@ const os = ({
   ...u
   // Pass remaining props to Tab.Group
 }) => {
-  const y = s === "vertical", f = (k) => ye(
+  const y = s === "vertical", f = (N) => ye(
     "text-left text-sm rounded-md px-2 py-1.5 focus:outline-none",
-    k ? "bg-indigo-50 text-indigo-700" : "text-slate-600 hover:bg-slate-50 hover:text-indigo-700"
-  ), v = (k) => ye(
+    N ? "bg-indigo-50 text-indigo-700" : "text-slate-600 hover:bg-slate-50 hover:text-indigo-700"
+  ), v = (N) => ye(
     "py-2 -mb-px text-sm font-medium focus:outline-none border-b-2",
-    k ? "border-indigo-600 text-indigo-700" : "border-transparent text-slate-600 hover:text-indigo-700"
-  ), a = ({ selected: k }) => i ? typeof i == "function" ? i(k) : i : y ? f(k) : v(k);
+    N ? "border-indigo-600 text-indigo-700" : "border-transparent text-slate-600 hover:text-indigo-700"
+  ), a = ({ selected: N }) => i ? typeof i == "function" ? i(N) : i : y ? f(N) : v(N);
   return /* @__PURE__ */ e(ee.Group, { vertical: y, ...u, children: y ? /* @__PURE__ */ l("div", { className: ye("flex gap-4", o), children: [
-    /* @__PURE__ */ e(ee.List, { className: ye("w-[150px] flex flex-col gap-1 border-r border-gray-300 pr-2", n), children: t.map((k) => /* @__PURE__ */ e(ee, { className: a, children: k.label }, k.key)) }),
-    /* @__PURE__ */ e(ee.Panels, { unmount: !r, className: ye("flex-1", m), children: t.map((k) => /* @__PURE__ */ e(ee.Panel, { className: "focus:outline-none", children: /* @__PURE__ */ e("div", { className: "[overflow-anchor:none]", children: k.content }) }, k.key)) })
+    /* @__PURE__ */ e(ee.List, { className: ye("w-[150px] flex flex-col gap-1 border-r border-gray-300 pr-2", n), children: t.map((N) => /* @__PURE__ */ e(ee, { className: a, children: N.label }, N.key)) }),
+    /* @__PURE__ */ e(ee.Panels, { unmount: !r, className: ye("flex-1", m), children: t.map((N) => /* @__PURE__ */ e(ee.Panel, { className: "focus:outline-none", children: /* @__PURE__ */ e("div", { className: "[overflow-anchor:none]", children: N.content }) }, N.key)) })
   ] }) : /* @__PURE__ */ l(K, { children: [
-    /* @__PURE__ */ e(ee.List, { className: ye("flex gap-6 border-b border-gray-300 mb-3", n), children: t.map((k) => /* @__PURE__ */ e(ee, { className: a, children: k.label }, k.key)) }),
-    /* @__PURE__ */ e(ee.Panels, { unmount: !r, className: ye("mt-2", m), children: t.map((k) => /* @__PURE__ */ e(ee.Panel, { className: "focus:outline-none", children: /* @__PURE__ */ e("div", { className: "[overflow-anchor:none]", children: k.content }) }, k.key)) })
+    /* @__PURE__ */ e(ee.List, { className: ye("flex gap-6 border-b border-gray-300 mb-3", n), children: t.map((N) => /* @__PURE__ */ e(ee, { className: a, children: N.label }, N.key)) }),
+    /* @__PURE__ */ e(ee.Panels, { unmount: !r, className: ye("mt-2", m), children: t.map((N) => /* @__PURE__ */ e(ee.Panel, { className: "focus:outline-none", children: /* @__PURE__ */ e("div", { className: "[overflow-anchor:none]", children: N.content }) }, N.key)) })
   ] }) });
 };
 function $n({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
@@ -3968,7 +3968,7 @@ function $n({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
   }, [n.key, i, s]);
   const v = (a) => {
     if (!a.dependsOn) return !0;
-    const { field: k, value: d, operator: p = "equals" } = a.dependsOn, T = i[k];
+    const { field: N, value: d, operator: p = "equals" } = a.dependsOn, T = i[N];
     switch (p) {
       case "equals":
         return T === d;
@@ -4003,7 +4003,7 @@ function $n({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
       }
     ),
     /* @__PURE__ */ e("p", { style: { fontSize: "14px", marginBottom: "10px" }, children: n.description }),
-    /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: n.fields.map((a, k) => v(a) && /* @__PURE__ */ l("div", { style: { marginBottom: "10px" }, children: [
+    /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: n.fields.map((a, N) => v(a) && /* @__PURE__ */ l("div", { style: { marginBottom: "10px" }, children: [
       /* @__PURE__ */ l(
         "label",
         {
@@ -4241,7 +4241,7 @@ function $n({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
       ) }),
       a.fieldtype === "radio" && /* @__PURE__ */ l("div", { children: [
         /* @__PURE__ */ e(
-          Pa,
+          Ba,
           {
             selectedValue: typeof i[a.key] < "u" ? i[a.key] : a.default || "",
             onValueChange: (d) => {
@@ -4424,7 +4424,7 @@ function $n({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
           children: a.info
         }
       )
-    ] }, k)) })
+    ] }, N)) })
   ] }) });
 }
 const Tn = ({ children: t }) => /* @__PURE__ */ e("div", { className: "flex -space-x-2", children: t });
@@ -4435,10 +4435,10 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
   const [v, a] = M(() => {
     const g = r && r[n.key] || [], h = g.length > 0 ? g : [{ id: 0 }];
     return console.log(`[DataTableRenderer] ${n.key} - Initial data:`, h), h;
-  }), k = ue(r);
+  }), N = ue(r);
   Q(() => {
-    if (console.log(`[DataTableRenderer] ${n.key} - Checking for initialData changes`), console.log(`[DataTableRenderer] ${n.key} - Previous:`, k.current), console.log(`[DataTableRenderer] ${n.key} - Current:`, r), k.current !== r) {
-      k.current = r;
+    if (console.log(`[DataTableRenderer] ${n.key} - Checking for initialData changes`), console.log(`[DataTableRenderer] ${n.key} - Previous:`, N.current), console.log(`[DataTableRenderer] ${n.key} - Current:`, r), N.current !== r) {
+      N.current = r;
       const g = r && r[n.key] || [], h = g.length > 0 ? g : [{ id: 0 }];
       console.log(`[DataTableRenderer] ${n.key} - Setting new data:`, h), a(h);
     }
@@ -4453,12 +4453,12 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
   }, []);
   const T = (g) => {
     const h = (c, b) => {
-      console.log("[DataTableRenderer] updateFieldValue called with:", { rowIndex: c, value: b, type: typeof b }), a((x) => {
-        const D = [...x];
+      console.log("[DataTableRenderer] updateFieldValue called with:", { rowIndex: c, value: b, type: typeof b }), a((k) => {
+        const D = [...k];
         return D[c][g.key] = b, D;
       });
-    }, N = (c) => o[n.key]?.[c]?.[g.key], w = (c) => {
-      const b = N(c);
+    }, x = (c) => o[n.key]?.[c]?.[g.key], w = (c) => {
+      const b = x(c);
       return b ? /* @__PURE__ */ e("div", { className: "text-red-500 text-xs mt-1", children: b }) : null;
     };
     switch (g.fieldtype) {
@@ -4468,10 +4468,10 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             Y,
             {
               value: c[g.key] || "",
-              onChange: (x) => h(b, x.target.value),
+              onChange: (k) => h(b, k.target.value),
               placeholder: g.placeholder || `Enter ${g.label}`,
               required: g.required,
-              className: `w-full ${N(b) ? "border-red-500" : ""}`
+              className: `w-full ${x(b) ? "border-red-500" : ""}`
             }
           ),
           w(b)
@@ -4482,10 +4482,10 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             Oa,
             {
               value: c[g.key] || "",
-              onChange: (x) => h(b, x.target.value),
+              onChange: (k) => h(b, k.target.value),
               placeholder: g.placeholder || `Enter ${g.label}`,
               required: g.required,
-              className: `w-full ${N(b) ? "border-red-500" : ""}`,
+              className: `w-full ${x(b) ? "border-red-500" : ""}`,
               rows: 3
             }
           ),
@@ -4498,10 +4498,10 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             {
               type: "number",
               value: c[g.key] || "",
-              onChange: (x) => h(b, x.target.value),
+              onChange: (k) => h(b, k.target.value),
               placeholder: g.placeholder || `Enter ${g.label}`,
               required: g.required,
-              className: `w-full ${N(b) ? "border-red-500" : ""}`
+              className: `w-full ${x(b) ? "border-red-500" : ""}`
             }
           ),
           w(b)
@@ -4513,10 +4513,10 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             {
               type: "email",
               value: c[g.key] || "",
-              onChange: (x) => h(b, x.target.value),
+              onChange: (k) => h(b, k.target.value),
               placeholder: g.placeholder || "Enter email address",
               required: g.required,
-              className: `w-full ${N(b) ? "border-red-500" : ""}`
+              className: `w-full ${x(b) ? "border-red-500" : ""}`
             }
           ),
           w(b)
@@ -4528,10 +4528,10 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             {
               type: "url",
               value: c[g.key] || "",
-              onChange: (x) => h(b, x.target.value),
+              onChange: (k) => h(b, k.target.value),
               placeholder: g.placeholder || "Enter URL",
               required: g.required,
-              className: `w-full ${N(b) ? "border-red-500" : ""}`
+              className: `w-full ${x(b) ? "border-red-500" : ""}`
             }
           ),
           w(b)
@@ -4543,10 +4543,10 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             {
               type: "password",
               value: c[g.key] || "",
-              onChange: (x) => h(b, x.target.value),
+              onChange: (k) => h(b, k.target.value),
               placeholder: g.placeholder || "Enter password",
               required: g.required,
-              className: `w-full ${N(b) ? "border-red-500" : ""}`
+              className: `w-full ${x(b) ? "border-red-500" : ""}`
             }
           ),
           w(b)
@@ -4558,18 +4558,18 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             He,
             {
               value: c[g.key] || "",
-              onChange: (x) => h(b, x),
+              onChange: (k) => h(b, k),
               options: g.options || [],
               placeholder: g.placeholder || `Select ${g.label}`,
               required: g.required,
-              className: `w-full ${N(b) ? "border-red-500" : ""}`
+              className: `w-full ${x(b) ? "border-red-500" : ""}`
             }
           ),
           w(b)
         ] });
       case "selectDynamic":
         return (c, b) => {
-          const x = () => {
+          const k = () => {
             if (g.optionsFrom && r) {
               const { config: D, valueField: q, labelField: G } = g.optionsFrom, $ = r[D] || [];
               if (Array.isArray($))
@@ -4588,10 +4588,10 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
                 index: b,
                 value: c[g.key] || "",
                 onChange: (D) => h(b, D),
-                options: x(),
+                options: k(),
                 placeholder: g.placeholder || `Select ${g.label}`,
                 required: g.required,
-                className: `w-full ${N(b) ? "border-red-500" : ""}`
+                className: `w-full ${x(b) ? "border-red-500" : ""}`
               },
               Math.random()
             ),
@@ -4600,11 +4600,11 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
         };
       case "multiselect":
         return (c, b) => {
-          const x = c[g.key] || [];
+          const k = c[g.key] || [];
           return /* @__PURE__ */ e(
             qe,
             {
-              selectedItems: x,
+              selectedItems: k,
               onSelectionChange: (D) => h(b, D),
               options: g.options || [],
               placeholder: g.placeholder || `Select ${g.label}`,
@@ -4618,7 +4618,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
           Aa,
           {
             checked: !!c[g.key],
-            onChange: (x) => h(b, x),
+            onChange: (k) => h(b, k),
             label: g.placeholder || g.label,
             className: "w-full"
           }
@@ -4629,7 +4629,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
           Ma,
           {
             isOn: !!c[g.key],
-            onToggle: (x) => h(b, x),
+            onToggle: (k) => h(b, k),
             label: g.placeholder || g.label,
             className: "w-full"
           }
@@ -4639,7 +4639,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
           za,
           {
             selectedDate: c[g.key] ? new Date(c[g.key]) : null,
-            onDateChange: (x) => h(b, x ? x.toISOString().split("T")[0] : ""),
+            onDateChange: (k) => h(b, k ? k.toISOString().split("T")[0] : ""),
             placeholder: g.placeholder || "Select date",
             className: "w-full"
           }
@@ -4650,7 +4650,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
           {
             type: "datetime-local",
             value: c[g.key] || "",
-            onChange: (x) => h(b, x.target.value),
+            onChange: (k) => h(b, k.target.value),
             placeholder: g.placeholder || "Select date and time",
             required: g.required,
             className: "w-full"
@@ -4662,7 +4662,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
           {
             type: "time",
             value: c[g.key] || "",
-            onChange: (x) => h(b, x.target.value),
+            onChange: (k) => h(b, k.target.value),
             placeholder: g.placeholder || "Select time",
             required: g.required,
             className: "w-full"
@@ -4670,10 +4670,10 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
         );
       case "radio":
         return (c, b) => /* @__PURE__ */ e(
-          Pa,
+          Ba,
           {
             selectedValue: c[g.key] || "",
-            onValueChange: (x) => h(b, x),
+            onValueChange: (k) => h(b, k),
             options: g.options || [],
             className: "w-full"
           }
@@ -4683,17 +4683,17 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
           he,
           {
             value: c[g.key] || "",
-            onChange: (x) => h(b, x),
+            onChange: (k) => h(b, k),
             placeholder: g.placeholder || `Search ${g.label}`,
             className: "w-full"
           }
         );
       case "audience":
         return (c, b) => {
-          const x = c[g.key] || { users: [], groups: [], roles: [] }, D = [
-            ...x.users || [],
-            ...x.groups || [],
-            ...x.roles || []
+          const k = c[g.key] || { users: [], groups: [], roles: [] }, D = [
+            ...k.users || [],
+            ...k.groups || [],
+            ...k.roles || []
           ];
           return /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ e(Tn, { children: D.length > 0 ? D.slice(0, 3).map((q, G) => /* @__PURE__ */ e(
@@ -4723,7 +4723,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
           {
             type: "color",
             value: c[g.key] || "#000000",
-            onChange: (x) => h(b, x.target.value),
+            onChange: (k) => h(b, k.target.value),
             className: "w-full h-10"
           }
         );
@@ -4734,7 +4734,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             {
               type: "range",
               value: c[g.key] || g.min || 0,
-              onChange: (x) => h(b, x.target.value),
+              onChange: (k) => h(b, k.target.value),
               min: g.min || 0,
               max: g.max || 100,
               step: g.step || 1,
@@ -4748,8 +4748,8 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
           Y,
           {
             type: "file",
-            onChange: (x) => {
-              const D = x.target.files[0];
+            onChange: (k) => {
+              const D = k.target.files[0];
               h(b, D ? D.name : "");
             },
             accept: g.accept,
@@ -4762,7 +4762,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
           {
             type: "hidden",
             value: c[g.key] || "",
-            onChange: (x) => h(b, x.target.value)
+            onChange: (k) => h(b, k.target.value)
           }
         );
       // Default fallback for unknown field types
@@ -4772,10 +4772,10 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             Y,
             {
               value: c[g.key] || "",
-              onChange: (x) => h(b, x.target.value),
+              onChange: (k) => h(b, k.target.value),
               placeholder: g.placeholder || `Enter ${g.label}`,
               required: g.required,
-              className: `w-full ${N(b) ? "border-red-500" : ""}`
+              className: `w-full ${x(b) ? "border-red-500" : ""}`
             }
           ),
           w(b)
@@ -4791,39 +4791,39 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
       n.fields.forEach((w) => {
         w.fieldtype === "audience" ? h[w.key] = { users: [], groups: [], roles: [] } : h[w.key] = w.default || "";
       }), console.log("[DataTableRenderer] New blank row:", h);
-      const N = [...g, h];
-      return console.log("[DataTableRenderer] Updated data:", N), N;
+      const x = [...g, h];
+      return console.log("[DataTableRenderer] Updated data:", x), x;
     });
   }, [n.fields]), R = ae((g) => {
     a((h) => {
       if (h.length <= 1)
         return h;
-      const N = [...h];
-      return N.splice(g, 1), N;
+      const x = [...h];
+      return x.splice(g, 1), x;
     });
-  }, []), [S, A] = M(null), P = ae((g, h) => {
+  }, []), [S, A] = M(null), B = ae((g, h) => {
     A(h), g.dataTransfer.effectAllowed = "move", g.dataTransfer.setData("text/html", "");
   }, []), I = ae((g) => {
     g.preventDefault(), g.dataTransfer.dropEffect = "move";
   }, []), V = ae((g, h) => {
-    g.preventDefault(), !(S === null || S === h) && (a((N) => {
-      const w = [...N], c = w[S];
+    g.preventDefault(), !(S === null || S === h) && (a((x) => {
+      const w = [...x], c = w[S];
       return w.splice(S, 1), w.splice(h, 0, c), w;
     }), A(null));
   }, [S]), z = ae(() => {
     A(null);
-  }, []), B = ae((g) => {
+  }, []), P = ae((g) => {
     console.log("[DataTableRenderer] handleAddAudience called with:", g), a((h) => {
-      const N = [...h];
-      if (i !== null && y && N[i]) {
-        const w = g.pendingInvites || [], c = w.filter((D) => D.type === "User"), b = w.filter((D) => D.type === "Group"), x = w.filter((D) => D.type === "Role");
-        N[i][y] = {
-          users: [...N[i][y]?.users || [], ...c],
-          groups: [...N[i][y]?.groups || [], ...b],
-          roles: [...N[i][y]?.roles || [], ...x]
-        }, console.log("[DataTableRenderer] Updated audience data:", N[i][y]);
+      const x = [...h];
+      if (i !== null && y && x[i]) {
+        const w = g.pendingInvites || [], c = w.filter((D) => D.type === "User"), b = w.filter((D) => D.type === "Group"), k = w.filter((D) => D.type === "Role");
+        x[i][y] = {
+          users: [...x[i][y]?.users || [], ...c],
+          groups: [...x[i][y]?.groups || [], ...b],
+          roles: [...x[i][y]?.roles || [], ...k]
+        }, console.log("[DataTableRenderer] Updated audience data:", x[i][y]);
       }
-      return N;
+      return x;
     }), u(null), f(null);
   }, [i, y]);
   return /* @__PURE__ */ l("div", { children: [
@@ -4859,13 +4859,13 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
         {
           className: `hover:bg-gray-50 ${S === h ? "opacity-50" : ""}`,
           draggable: !0,
-          onDragStart: (N) => P(N, h),
+          onDragStart: (x) => B(x, h),
           onDragOver: I,
-          onDrop: (N) => V(N, h),
+          onDrop: (x) => V(x, h),
           onDragEnd: z,
           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(ea, { size: 16 }) }) }),
-            n.fields.map((N, w) => /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: T(N)(g, h) }, w)),
+            n.fields.map((x, w) => /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: T(x)(g, h) }, w)),
             /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: /* @__PURE__ */ e(
               "button",
               {
@@ -4893,7 +4893,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
           onClose: () => {
             u(null), f(null);
           },
-          onFinalSubmit: B,
+          onFinalSubmit: P,
           existingShares: g,
           allowedPermissions: ["view", "remove"]
         }
@@ -4901,7 +4901,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
     })()
   ] });
 }
-const Ce = {
+const Se = {
   containerId: "ui-toast",
   position: "bottom-right",
   autoClose: 3500,
@@ -4914,13 +4914,13 @@ const ma = () => {
   typeof document > "u" || (ze += 1, document.body.classList.add("toast-backdrop"));
 }, ha = () => {
   typeof document > "u" || (ze = Math.max(0, ze - 1), ze === 0 && document.body.classList.remove("toast-backdrop"));
-}, De = {
-  success: (t, r) => le.success(t, { ...Ce, ...r }),
-  info: (t, r) => le.info(t, { ...Ce, ...r }),
-  warn: (t, r) => le.warn(t, { ...Ce, ...r }),
+}, ve = {
+  success: (t, r) => le.success(t, { ...Se, ...r }),
+  info: (t, r) => le.info(t, { ...Se, ...r }),
+  warn: (t, r) => le.warn(t, { ...Se, ...r }),
   // Error: no autoClose + modal-like behavior via backdrop
   error: (t, r) => le.error(t, {
-    ...Ce,
+    ...Se,
     autoClose: !1,
     closeOnClick: !1,
     draggable: !1,
@@ -4943,7 +4943,7 @@ const ma = () => {
         onClose: ha
       }
     },
-    { ...Ce, ...s }
+    { ...Se, ...s }
   )
 }, Ee = (t) => {
   try {
@@ -4968,7 +4968,7 @@ const ma = () => {
   initialData: y = null
   // Add prop for initial demo data
 }) => {
-  const [f, v] = M(null), [a, k] = M(""), [d, p] = M(() => Array.isArray(y) ? y : []), [T, L] = M(null), [R, S] = M(null), [A, P] = M(""), I = async () => {
+  const [f, v] = M(null), [a, N] = M(""), [d, p] = M(() => Array.isArray(y) ? y : []), [T, L] = M(null), [R, S] = M(null), [A, B] = M(""), I = async () => {
     try {
       const $ = await Fe(t.collectionList);
       if ($) {
@@ -4988,7 +4988,7 @@ const ma = () => {
     Array.isArray(y) && p(y);
   }, [y]);
   const V = ($) => {
-    m && (v($.id), k($.categoryName || ""));
+    m && (v($.id), N($.categoryName || ""));
   }, z = () => {
     if (!n || f !== null) return;
     const $ = `temp-${Date.now()}`;
@@ -5001,12 +5001,12 @@ const ma = () => {
         order: (O.at(-1)?.order ?? 0) + 1,
         _temp: !0
       }
-    ]), v($), k("");
-  }, B = () => {
+    ]), v($), N("");
+  }, P = () => {
     f != null && (p(($) => {
       const O = $.find((F) => F.id === f), U = O && O._temp ? $.filter((F) => F.id !== f) : $;
       return s?.(U), U;
-    }), v(null), k(""));
+    }), v(null), N(""));
   }, g = async () => {
     if (f == null || !a.trim()) return;
     const $ = typeof f == "string" && f.startsWith("temp-");
@@ -5019,7 +5019,7 @@ const ma = () => {
         O && (p((U) => {
           const F = U.map((C) => C.id === f ? O : C);
           return s?.(F), F;
-        }), De.success("Collection created successfully"));
+        }), ve.success("Collection created successfully"));
       } else {
         const O = await ln(
           `${t.collectionUpdate}/${f}?newName=${a.trim()}`
@@ -5031,7 +5031,7 @@ const ma = () => {
           return s?.(F), F;
         }), le.success("Collection updated successfully");
       }
-      v(null), k("");
+      v(null), N("");
     } catch (O) {
       console.log(O), le.error("Failed to save collection");
     }
@@ -5042,7 +5042,7 @@ const ma = () => {
       } catch (O) {
         console.log(O), le.error("Failed to delete collection");
       }
-  }, N = ($, O, U) => {
+  }, x = ($, O, U) => {
     if (!u || !O || !U || O === U) return $;
     const F = $.findIndex((H) => H.id === O), C = $.findIndex((H) => H.id === U);
     if (F === -1 || C === -1) return $;
@@ -5063,13 +5063,13 @@ const ma = () => {
     u && ($.dataTransfer.effectAllowed = "move", $.dataTransfer.setData("text/plain", String(O)), L(O));
   }, b = ($) => {
     T && $ !== R && S($);
-  }, x = ($) => {
+  }, k = ($) => {
     $.preventDefault();
   }, D = async ($, O) => {
     $.preventDefault();
     const U = $.dataTransfer.getData("text/plain");
     U && (p((F) => {
-      const C = N(F, U, O);
+      const C = x(F, U, O);
       return console.log("Reordered", C), w(C), s?.(C), C;
     }), L(null), S(null));
   }, q = () => {
@@ -5083,7 +5083,7 @@ const ma = () => {
         he,
         {
           value: A,
-          onDebouncedChange: P,
+          onDebouncedChange: B,
           placeholder: "Search Collection",
           customClass: "mr-4 searchmanagecollection"
         }
@@ -5107,7 +5107,7 @@ const ma = () => {
         "div",
         {
           onDragEnter: () => b($.id),
-          onDragOver: x,
+          onDragOver: k,
           onDrop: (E) => D(E, $.id),
           onDragEnd: q,
           className: [
@@ -5124,9 +5124,9 @@ const ma = () => {
                 className: "flex-1 h-10 px-3 max-w-[200px] border border-gray-300 rounded-2xl outline-none focus:ring-2 focus:ring-gray-800/20",
                 value: a,
                 placeholder: $._temp ? "New collection name" : "Edit collection name",
-                onChange: (E) => k(E.target.value),
+                onChange: (E) => N(E.target.value),
                 onKeyDown: (E) => {
-                  E.key === "Enter" && g(), E.key === "Escape" && B();
+                  E.key === "Enter" && g(), E.key === "Escape" && P();
                 },
                 autoFocus: !0
               }
@@ -5136,7 +5136,7 @@ const ma = () => {
                 "button",
                 {
                   className: "cursor-pointer border border-gray-300 p-2 rounded-2xl",
-                  onClick: B,
+                  onClick: P,
                   "aria-label": "Cancel edit",
                   children: /* @__PURE__ */ e(ge, { color: "#767676" })
                 }
@@ -5188,7 +5188,7 @@ const ma = () => {
                   className: U === 0 && !$.protected ? "cursor-pointer" : "cursor-not-allowed",
                   title: U === 0 && !$.protected ? "Delete" : "Cannot delete this collection",
                   onClick: U === 0 ? () => h($) : null,
-                  children: /* @__PURE__ */ e(Be, { color: U === 0 ? "#767676" : "#C2C2C2" })
+                  children: /* @__PURE__ */ e(Pe, { color: U === 0 ? "#767676" : "#C2C2C2" })
                 }
               )
             ] })
@@ -5209,7 +5209,7 @@ const ma = () => {
     allowEdit: f = !0,
     allowDelete: v = !0,
     allowReorder: a = !0,
-    className: k = ""
+    className: N = ""
   } = t, d = r?.[t.key] || i || [], p = Array.isArray(d) ? d : [];
   return /* @__PURE__ */ l("div", { className: "dynamic-config-manage-collection-list", children: [
     (o || n) && /* @__PURE__ */ l("div", { className: "mb-4", children: [
@@ -5221,7 +5221,7 @@ const ma = () => {
       {
         endpoints: m,
         initialData: p,
-        className: k,
+        className: N,
         onCollectionChange: (L) => {
           s && s(t.key, L);
         },
@@ -5237,31 +5237,31 @@ const ma = () => {
   "Unknown type:",
   " ",
   /* @__PURE__ */ e("span", { className: "font-mono", children: String(t?.type ?? "N/A") })
-] }), xe = /* @__PURE__ */ Object.create(null);
-xe.section = $n;
-xe.datatable = An;
-xe.managecollectionlist = Xa;
-xe["manage-collection-list"] = Xa;
+] }), Ne = /* @__PURE__ */ Object.create(null);
+Ne.section = $n;
+Ne.datatable = An;
+Ne.managecollectionlist = Xa;
+Ne["manage-collection-list"] = Xa;
 function In(t) {
   return typeof t == "string" ? t.trim() : t && typeof t == "object" ? String(t.type || "").trim() : "";
 }
 function zn(t) {
   const r = In(t);
-  return xe[r] || xe[r.toLowerCase?.()] || Rn;
+  return Ne[r] || Ne[r.toLowerCase?.()] || Rn;
 }
-function Pn({
+function Bn({
   appid: t,
   configdata: r = null,
   disableApi: s = !1,
   onCancel: o
 }) {
-  const [n, m] = re.useState(r), [i, u] = re.useState(null), [y, f] = M(!1), [v, a] = M(!1), [k, d] = M({}), p = `${be()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, T = p, [L, R] = M(1), S = (h) => {
+  const [n, m] = re.useState(r), [i, u] = re.useState(null), [y, f] = M(!1), [v, a] = M(!1), [N, d] = M({}), p = `${be()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, T = p, [L, R] = M(1), S = (h) => {
     if (!r || !r.configuration)
       return h;
-    const N = {}, w = h?.configuration || {};
+    const x = {}, w = h?.configuration || {};
     return r.configuration.forEach((c) => {
       if (c.key && c.type === "datatable" && c.key === "newsFeeds") {
-        const x = (w.newsFeeds || []).map((D, q) => {
+        const k = (w.newsFeeds || []).map((D, q) => {
           let G = { users: [], groups: [], roles: [] };
           return D.audience && (Array.isArray(D.audience) ? G = { users: [], groups: [], roles: [] } : typeof D.audience == "object" && (G = {
             users: D.audience.users || [],
@@ -5275,32 +5275,32 @@ function Pn({
             audience: G
           };
         });
-        if (x.length === 0) {
+        if (k.length === 0) {
           const D = { id: 0 };
           c.fields && c.fields.forEach((q) => {
             q.fieldtype === "audience" ? D[q.key] = { users: [], groups: [], roles: [] } : D[q.key] = q.default || "";
-          }), x.push(D);
+          }), k.push(D);
         }
-        N[c.key] = x;
-      } else c.key && (N[c.key] = w[c.key] || {});
-    }), N;
+        x[c.key] = k;
+      } else c.key && (x[c.key] = w[c.key] || {});
+    }), x;
   }, A = () => {
     if (r && r.configuration) {
       const h = {};
-      r.configuration.forEach((N) => {
-        if (N.key)
-          if (N.type === "datatable") {
+      r.configuration.forEach((x) => {
+        if (x.key)
+          if (x.type === "datatable") {
             const w = { id: 0 };
-            N.fields && N.fields.forEach((c) => {
+            x.fields && x.fields.forEach((c) => {
               c.fieldtype === "audience" ? w[c.key] = { users: [], groups: [], roles: [] } : w[c.key] = c.default || "";
-            }), h[N.key] = [w];
-          } else if (N.type === "section") {
+            }), h[x.key] = [w];
+          } else if (x.type === "section") {
             const w = {};
-            N.fields && Array.isArray(N.fields) && N.fields.forEach((c) => {
+            x.fields && Array.isArray(x.fields) && x.fields.forEach((c) => {
               c.key && (w[c.key] = c.default || "");
-            }), h[N.key] = w;
+            }), h[x.key] = w;
           } else
-            h[N.key] = {};
+            h[x.key] = {};
       }), u(h);
     }
   };
@@ -5312,51 +5312,51 @@ function Pn({
     const h = async () => {
       try {
         f(!0);
-        let N = await Fe(p);
-        if (N) {
-          const w = S(N);
+        let x = await Fe(p);
+        if (x) {
+          const w = S(x);
           u(w);
         } else
           A();
-      } catch (N) {
-        console.error("Error fetching configuration:", N);
+      } catch (x) {
+        console.error("Error fetching configuration:", x);
         let w = "Failed to load configuration";
-        if (N.response) {
-          const c = N.response.status, b = N.response.data?.message || N.response.data?.error;
+        if (x.response) {
+          const c = x.response.status, b = x.response.data?.message || x.response.data?.error;
           c === 400 ? w = b || "Invalid request. Please check the application ID." : c === 401 ? w = "You are not authorized to access this configuration." : c === 403 ? w = "Access denied. You don't have permission to view this configuration." : c === 404 ? w = "Configuration not found. It may not exist yet or the application ID is incorrect." : c >= 500 ? w = b || "Server error. Please try again later." : w = b || `Failed to load configuration (Error ${c})`;
-        } else N.request ? w = "Network error. Please check your connection and try again." : w = N.message || "An unexpected error occurred while loading configuration.";
-        De.error(w), A();
+        } else x.request ? w = "Network error. Please check your connection and try again." : w = x.message || "An unexpected error occurred while loading configuration.";
+        ve.error(w), A();
       } finally {
         f(!1);
       }
     };
     r && (m(r), t ? h() : A());
   }, [r, L, t, s]);
-  const P = (h, N) => {
+  const B = (h, x) => {
     u((w) => ({
       ...w,
-      [h]: N
+      [h]: x
     })), d((w) => {
       const c = { ...w };
       return c[h] && delete c[h], c;
     });
   }, I = () => {
     const h = {};
-    return !n || !i || n.configuration.forEach((N) => {
-      if (N.type === "section")
-        N.fields.forEach((w) => {
+    return !n || !i || n.configuration.forEach((x) => {
+      if (x.type === "section")
+        x.fields.forEach((w) => {
           if (w.required) {
-            const c = i[N.key]?.[w.key];
-            (!c || typeof c == "string" && c.trim() === "") && (h[N.key] || (h[N.key] = {}), h[N.key][w.key] = `${w.label} is required`);
+            const c = i[x.key]?.[w.key];
+            (!c || typeof c == "string" && c.trim() === "") && (h[x.key] || (h[x.key] = {}), h[x.key][w.key] = `${w.label} is required`);
           }
         });
-      else if (N.type === "datatable") {
-        const w = i[N.key];
+      else if (x.type === "datatable") {
+        const w = i[x.key];
         Array.isArray(w) && w.forEach((c, b) => {
-          N.fields.forEach((x) => {
-            if (x.required) {
-              const D = c[x.key];
-              (!D || typeof D == "string" && D.trim() === "") && (h[N.key] || (h[N.key] = {}), h[N.key][b] || (h[N.key][b] = {}), h[N.key][b][x.key] = `${x.label} is required`);
+          x.fields.forEach((k) => {
+            if (k.required) {
+              const D = c[k.key];
+              (!D || typeof D == "string" && D.trim() === "") && (h[x.key] || (h[x.key] = {}), h[x.key][b] || (h[x.key][b] = {}), h[x.key][b][k.key] = `${k.label} is required`);
             }
           });
         });
@@ -5368,8 +5368,8 @@ function Pn({
       let w = [];
       Object.keys(h).forEach((c) => {
         typeof h[c] == "object" && Object.keys(h[c]).forEach((b) => {
-          typeof h[c][b] == "object" ? Object.keys(h[c][b]).forEach((x) => {
-            w.push(`${c} row ${parseInt(b) + 1}: ${h[c][b][x]}`);
+          typeof h[c][b] == "object" ? Object.keys(h[c][b]).forEach((k) => {
+            w.push(`${c} row ${parseInt(b) + 1}: ${h[c][b][k]}`);
           }) : w.push(`${c}: ${h[c][b]}`);
         });
       });
@@ -5380,47 +5380,42 @@ function Pn({
         a(!0);
         const w = {};
         i && Object.keys(i).forEach((b) => {
-          b === "newsFeeds" && Array.isArray(i[b]) ? w[b] = i[b].map((x) => {
+          b === "newsFeeds" && Array.isArray(i[b]) ? w[b] = i[b].map((k) => {
             let D = { users: [], groups: [], roles: [] };
-            return x.audience && typeof x.audience == "object" && !Array.isArray(x.audience) && (D = {
-              users: x.audience.users || [],
-              groups: x.audience.groups || [],
-              roles: x.audience.roles || []
+            return k.audience && typeof k.audience == "object" && !Array.isArray(k.audience) && (D = {
+              users: k.audience.users || [],
+              groups: k.audience.groups || [],
+              roles: k.audience.roles || []
             }), {
-              id: x.id || 0,
-              category: x.category || "",
-              url: x.url || "",
+              id: k.id || 0,
+              category: k.category || "",
+              url: k.url || "",
               // Keep as 'url' to match API and config
               audience: D
             };
           }) : w[b] = i[b];
         });
         let c = await $e(T, w);
-        if (c && c.data?.status != "fail") {
+        if (console.log(), c && c.status != "fail") {
           d({});
           const b = c.message || "Configuration has been saved successfully";
-          De.success(b);
+          ve.success(b);
         } else
-          throw new Error("No response received from server");
+          throw ve.error(c?.message || "Failed to save configuration"), new Error("No response received from server");
       } catch (w) {
-        let c = "Failed to save configuration";
-        if (w.response) {
-          const b = w.response.status, x = w.response.data?.message || w.response.data?.error;
-          b === 400 ? c = x || "Invalid configuration data. Please check your inputs." : b === 401 ? c = "You are not authorized to save this configuration." : b === 403 ? c = "Access denied. You don't have permission to save this configuration." : b === 404 ? c = "Configuration endpoint not found. Please contact support." : b >= 500 ? c = x || "Server error. Please try again later." : c = x || `Failed to save configuration (Error ${b})`;
-        } else w.request ? c = "Network error. Please check your connection and try again." : c = w.message || "An unexpected error occurred while saving.";
-        De.error(c);
+        console.error("Error saving configuration:", w), ve.error(w?.message || "Failed to save configuration");
       } finally {
         a(!1);
       }
     })();
-  }, B = () => {
+  }, P = () => {
     if (o) {
       o();
       return;
     }
-    k && Object.keys(k).length > 0 && !window.confirm(
+    N && Object.keys(N).length > 0 && !window.confirm(
       "You have validation errors that will be lost. Are you sure you want to cancel?"
-    ) || (d({}), u(null), R((N) => N + 1), De.info("Configuration changes cancelled"));
+    ) || (d({}), u(null), R((x) => x + 1), ve.info("Configuration changes cancelled"));
   };
   if (!n?.configuration && !r?.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" }) });
@@ -5435,7 +5430,7 @@ function Pn({
         style: { padding: "0px 20px 0px 0px" },
         children: [
           y && /* @__PURE__ */ e("div", { className: "flex justify-center items-center h-64", children: /* @__PURE__ */ e(La, { size: "large" }) }),
-          !y && g?.map((h, N) => {
+          !y && g?.map((h, x) => {
             const w = zn(h.type);
             if (w && w !== "UnknownType")
               return /* @__PURE__ */ e(
@@ -5443,10 +5438,10 @@ function Pn({
                 {
                   item: h,
                   data: i,
-                  updateHandler: P,
-                  validationErrors: k
+                  updateHandler: B,
+                  validationErrors: N
                 },
-                N
+                x
               );
           })
         ]
@@ -5457,7 +5452,7 @@ function Pn({
         Z,
         {
           category: "secondary",
-          onClick: B,
+          onClick: P,
           label: "Cancel",
           disabled: v
         }
@@ -5486,21 +5481,21 @@ const is = ({
     breadcrumb: f = [],
     overview: v = {},
     configuration: a = []
-  } = t, k = a.map((z) => {
+  } = t, N = a.map((z) => {
     if (z.type === "section" && z.fields) {
-      const B = [...z.fields], g = B.findIndex((h) => h.key === "appkey");
+      const P = [...z.fields], g = P.findIndex((h) => h.key === "appkey");
       if (g !== -1) {
-        const h = B[g];
-        if (B[g] = {
+        const h = P[g];
+        if (P[g] = {
           ...h,
           default: r,
           value: r,
           disabled: !0,
           placeholder: r
-        }, B.some((w) => w.key === "displayname")) {
-          const w = B.findIndex((c) => c.key === "displayname");
-          B[w] = {
-            ...B[w],
+        }, P.some((w) => w.key === "displayname")) {
+          const w = P.findIndex((c) => c.key === "displayname");
+          P[w] = {
+            ...P[w],
             default: r,
             value: r
           };
@@ -5514,12 +5509,12 @@ const is = ({
             placeholder: "Enter display name",
             required: !1
           };
-          B.splice(g + 1, 0, w);
+          P.splice(g + 1, 0, w);
         }
       }
       return {
         ...z,
-        fields: B
+        fields: P
       };
     }
     return z;
@@ -5538,11 +5533,11 @@ const is = ({
     i(!1), z.primary ? (console.log("User confirmed cancel - navigating back"), window.history.back()) : console.log("User cancelled the cancel action - modal closed, data preserved");
   }, []), S = {
     heading: (() => {
-      for (const z of k)
+      for (const z of N)
         if (z.type === "section" && z.fields) {
-          const B = z.fields.find((g) => g.key === "displayname");
-          if (B)
-            return B.default || B.value || r;
+          const P = z.fields.find((g) => g.key === "displayname");
+          if (P)
+            return P.default || P.value || r;
         }
       return r;
     })(),
@@ -5567,9 +5562,9 @@ const is = ({
       }
     ],
     ...v
-  }, P = [
+  }, B = [
     { label: "Overview", content: V(A) },
-    { label: "Configuration", content: /* @__PURE__ */ e(Pn, { appid: r, configdata: { configuration: k }, disableApi: s, onCancel: T }) }
+    { label: "Configuration", content: /* @__PURE__ */ e(Bn, { appid: r, configdata: { configuration: N }, disableApi: s, onCancel: T }) }
   ];
   function I(z) {
     return z ? z.includes("<svg") ? /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: z } }) : z : "📱";
@@ -5608,10 +5603,10 @@ const is = ({
       ] }),
       /* @__PURE__ */ l("section", { children: [
         /* @__PURE__ */ e("h3", { className: "text-lg font-semibold mb-4", children: "Key Features" }),
-        /* @__PURE__ */ e("ul", { className: "space-y-3", children: z.features.map((B, g) => /* @__PURE__ */ l("li", { children: [
-          /* @__PURE__ */ e("span", { className: "font-semibold", children: B.title }),
+        /* @__PURE__ */ e("ul", { className: "space-y-3", children: z.features.map((P, g) => /* @__PURE__ */ l("li", { children: [
+          /* @__PURE__ */ e("span", { className: "font-semibold", children: P.title }),
           /* @__PURE__ */ e("br", {}),
-          /* @__PURE__ */ e("span", { className: "text-gray-700", children: B.description })
+          /* @__PURE__ */ e("span", { className: "text-gray-700", children: P.description })
         ] }, g)) })
       ] })
     ] });
@@ -5632,27 +5627,27 @@ const is = ({
       /* @__PURE__ */ l("div", { className: "flex flex-col min-w-0", children: [
         /* @__PURE__ */ e("h2", { className: "text-[24px] font-semibold m-0 leading-tight truncate", children: S.heading }),
         /* @__PURE__ */ e("p", { className: "text-[13px] text-[#101112] mt-1 mb-0 max-w-[800px] leading-normal", children: S.subHeading }),
-        /* @__PURE__ */ e("div", { className: "mt-2 flex flex-wrap gap-2", children: S.tags && S.tags.map((z, B) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "mt-2 flex flex-wrap gap-2", children: S.tags && S.tags.map((z, P) => /* @__PURE__ */ e(
           "span",
           {
             className: "pill inline-block px-[10px] py-[6px] rounded-[14px] text-[11px] border border-[#e6e9ee] text-[#767676] font-semibold mt-1",
             children: z
           },
-          B
+          P
         )) })
       ] })
     ] }),
     /* @__PURE__ */ l("div", { className: "bg-white border border-gray-300 rounded-2xl w-full mt-5 ", children: [
-      /* @__PURE__ */ e("div", { className: "border-b border-gray-200", children: /* @__PURE__ */ e("nav", { className: "flex space-x-8", "aria-label": "Tabs", children: P.map((z, B) => /* @__PURE__ */ e(
+      /* @__PURE__ */ e("div", { className: "border-b border-gray-200", children: /* @__PURE__ */ e("nav", { className: "flex space-x-8", "aria-label": "Tabs", children: B.map((z, P) => /* @__PURE__ */ e(
         "button",
         {
-          onClick: () => n(B),
-          className: `${o === B ? "border-black text-black" : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300"} whitespace-nowrap py-3 px-6 border-b-2 font-medium text-sm transition-colors duration-200`,
+          onClick: () => n(P),
+          className: `${o === P ? "border-black text-black" : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300"} whitespace-nowrap py-3 px-6 border-b-2 font-medium text-sm transition-colors duration-200`,
           children: z.label
         },
-        B
+        P
       )) }) }),
-      /* @__PURE__ */ e("div", { className: "p-8 h-full overflow-y-auto", children: P[o].content })
+      /* @__PURE__ */ e("div", { className: "p-8 h-full overflow-y-auto", children: B[o].content })
     ] }),
     /* @__PURE__ */ e(
       Yr,
@@ -5710,7 +5705,7 @@ const ds = ({
   showColumnChooser: f = !0,
   showFilter: v = !1,
   showPrint: a = !1,
-  showExcel: k = !1,
+  showExcel: N = !1,
   showPdf: d = !1,
   showRefresh: p = !1,
   showAdd: T = !1,
@@ -5722,21 +5717,21 @@ const ds = ({
   },
   // Optional: override export file names
   excelFileName: A,
-  pdfFileName: P
+  pdfFileName: B
 }) => {
-  const I = () => n?.current || o?.current, [V, z] = re.useState(""), B = (t || "export").toString().trim() || "export", g = `${A || B}.xlsx`, h = `${P || B}.pdf`, N = (b, x, D) => Math.max(x, Math.min(b, D)), w = ae(
+  const I = () => n?.current || o?.current, [V, z] = re.useState(""), P = (t || "export").toString().trim() || "export", g = `${A || P}.xlsx`, h = `${B || P}.pdf`, x = (b, k, D) => Math.max(k, Math.min(b, D)), w = ae(
     (b) => {
-      const x = I();
-      if (console.log("openColumnChooserNear", x), !!x?.openColumnChooser) {
+      const k = I();
+      if (console.log("openColumnChooserNear", k), !!k?.openColumnChooser) {
         if (typeof window > "u" || !b?.currentTarget) {
-          x.openColumnChooser();
+          k.openColumnChooser();
           return;
         }
         try {
           const D = b.currentTarget.getBoundingClientRect(), q = D.left + window.scrollX, G = D.bottom + window.scrollY;
           let $ = q - 120, O = G - 120;
           const U = window.innerWidth, F = window.innerHeight;
-          $ = N($, window.scrollX + 8, window.scrollX + U - 340), O = N(O, window.scrollY, window.scrollY + F - 120), console.log("openColumnChooserNear", $, O), x.openColumnChooser($, O);
+          $ = x($, window.scrollX + 8, window.scrollX + U - 340), O = x(O, window.scrollY, window.scrollY + F - 120), console.log("openColumnChooserNear", $, O), k.openColumnChooser($, O);
         } catch (D) {
           console.log("coloumn choose error", D);
         }
@@ -5745,18 +5740,18 @@ const ds = ({
     []
     // no external deps; reads ref at call time
   ), c = ae(
-    (b, x) => {
+    (b, k) => {
       const D = I();
       if (D)
         switch (b) {
           case "ColumnChooser":
-            f && (console.log("openColumnChooser", x), x ? w(x) : D.openColumnChooser?.()), console.log("openColumnChooser out", x);
+            f && (console.log("openColumnChooser", k), k ? w(k) : D.openColumnChooser?.()), console.log("openColumnChooser out", k);
             break;
           case "Print":
             a && D.print?.();
             break;
           case "Excel":
-            k && D.excelExport?.({ fileName: g });
+            N && D.excelExport?.({ fileName: g });
             break;
           case "Pdf":
             d && D.pdfExport?.({ fileName: h });
@@ -5766,7 +5761,7 @@ const ds = ({
             break;
         }
     },
-    [f, a, k, d, p, g, h, R, w]
+    [f, a, N, d, p, g, h, R, w]
   );
   return /* @__PURE__ */ l("div", { className: "flex items-center flex-wrap justify-between w-full px-4 py-2 bg-white border border-gray-200 rounded-t-2xl mb-0", children: [
     /* @__PURE__ */ l("div", { className: "flex flex-col", children: [
@@ -5823,7 +5818,7 @@ const ds = ({
               title: "Print Grid"
             }
           ),
-          k && /* @__PURE__ */ e(
+          N && /* @__PURE__ */ e(
             Z,
             {
               icon: Zt,
@@ -5886,7 +5881,7 @@ function us(t) {
     allowGrouping: f = !1,
     allowReordering: v = !0,
     allowResizing: a = !0,
-    allowExcelExport: k = !1,
+    allowExcelExport: N = !1,
     allowPdfExport: d = !1,
     showColumnChooser: p = !1,
     enableSearchApi: T = !1,
@@ -5894,20 +5889,20 @@ function us(t) {
     selectionSettings: R = { type: "Multiple", mode: "Row" },
     enableCheckbox: S = !1,
     columns: A = [],
-    onGridStateChange: P,
+    onGridStateChange: B,
     onRowSelected: I,
     onRowDeselected: V,
     onRowDoubleClick: z,
-    apiRef: B,
+    apiRef: P,
     gridProps: g = {}
   } = t, h = ue(null), {
-    pageSettings: N,
+    pageSettings: x,
     sortSettings: w,
     ...c
   } = g || {}, b = ne(() => {
     const C = [wr];
-    return u && C.push(Cr), y && C.push(Sr), f && C.push(Dr), T && C.push(Fr), k && C.push($r), d && C.push(Tr), p && C.push(Ar), a && C.push(Er), v && C.push(Rr), C.push(Ir), C;
-  }, [u, y, f, T, k, d, p, a, v]), x = ne(() => {
+    return u && C.push(Cr), y && C.push(Sr), f && C.push(Dr), T && C.push(Fr), N && C.push($r), d && C.push(Tr), p && C.push(Ar), a && C.push(Er), v && C.push(Rr), C.push(Ir), C;
+  }, [u, y, f, T, N, d, p, a, v]), k = ne(() => {
     const C = () => h.current, E = (j, H) => {
       !H && process.env.NODE_ENV !== "production" && console.warn(`[CustomDataGrid] ${j} requested but related service/feature is disabled.`);
     };
@@ -5923,7 +5918,7 @@ function us(t) {
       },
       print: () => C()?.print?.(),
       excelExport: (j) => {
-        E("excelExport()", k), C()?.excelExport?.(j);
+        E("excelExport()", N), C()?.excelExport?.(j);
       },
       pdfExport: (j) => {
         E("pdfExport()", d), C()?.pdfExport?.(j);
@@ -5934,9 +5929,9 @@ function us(t) {
     };
   }, []);
   Q(() => {
-    B && (B.current = x);
-  }, [B, x]), Q(() => () => {
-    B && (B.current = null);
+    P && (P.current = k);
+  }, [P, k]), Q(() => () => {
+    P && (P.current = null);
   }, []);
   const D = (C) => {
     const E = String(C || "");
@@ -5946,8 +5941,8 @@ function us(t) {
     currentPage: n,
     totalRecordsCount: s,
     pageSizes: !0,
-    ...N || {}
-  }), [n, m, s, N]), G = ne(() => {
+    ...x || {}
+  }), [n, m, s, x]), G = ne(() => {
     if (!u || !w) return;
     const C = (w.columns || []).map((E) => ({
       ...E,
@@ -5955,9 +5950,9 @@ function us(t) {
     }));
     return { allowUnsort: !0, ...w, columns: C };
   }, [w, u]), $ = (C) => {
-    const E = h.current, j = C?.requestType, H = j === "paging" ? "paging" : j === "sorting" ? "sorting" : j === "searching" ? "searching" : j === "filtering" ? "filtering" : j === "grouping" ? "grouping" : j === "reorder" ? "reorder" : j === "columnstate" ? "columnstate" : "other", ie = C?.pageSize ?? E?.pageSettings?.pageSize ?? m, ce = C?.currentPage ?? E?.pageSettings?.currentPage ?? n, je = C?.columnName && C?.direction ? [{ field: C.columnName, dir: D(C.direction) }] : (E?.sortSettings?.columns || []).map((we) => ({
-      field: we.field,
-      dir: D(we.direction ?? we.dir)
+    const E = h.current, j = C?.requestType, H = j === "paging" ? "paging" : j === "sorting" ? "sorting" : j === "searching" ? "searching" : j === "filtering" ? "filtering" : j === "grouping" ? "grouping" : j === "reorder" ? "reorder" : j === "columnstate" ? "columnstate" : "other", ie = C?.pageSize ?? E?.pageSettings?.pageSize ?? m, ce = C?.currentPage ?? E?.pageSettings?.currentPage ?? n, je = C?.columnName && C?.direction ? [{ field: C.columnName, dir: D(C.direction) }] : (E?.sortSettings?.columns || []).map((Ce) => ({
+      field: Ce.field,
+      dir: D(Ce.direction ?? Ce.dir)
     })), Ge = C?.searchString ?? "", _e = C?.columns ?? E?.filterSettings?.columns ?? [];
     return {
       reason: H,
@@ -5987,9 +5982,9 @@ function us(t) {
       pageSettings: q,
       sortSettings: G,
       actionBegin: (C) => {
-        if (["paging", "sorting", "searching", "filtering", "grouping", "reorder", "columnstate"].includes(C?.requestType) && (C.cancel = !0), typeof P == "function") {
+        if (["paging", "sorting", "searching", "filtering", "grouping", "reorder", "columnstate"].includes(C?.requestType) && (C.cancel = !0), typeof B == "function") {
           const j = $(C);
-          P(j, C);
+          B(j, C);
         }
       },
       rowSelected: I,
@@ -5999,7 +5994,7 @@ function us(t) {
       },
       ...c,
       children: [
-        /* @__PURE__ */ e(Pr, { children: (() => {
+        /* @__PURE__ */ e(Br, { children: (() => {
           const C = [];
           return S && C.push(/* @__PURE__ */ e(ra, { type: "checkbox", width: "50" }, "__checkbox__")), A.forEach((E, j) => {
             const {
@@ -6009,7 +6004,7 @@ function us(t) {
               textAlign: je = "Left",
               template: Ge,
               isPrimaryKey: _e,
-              showInColumnChooser: we = !0,
+              showInColumnChooser: Ce = !0,
               allowFiltering: Za = !0,
               allowSorting: Ha = !0,
               type: Ka,
@@ -6030,7 +6025,7 @@ function us(t) {
                   textAlign: je,
                   template: Ge,
                   isPrimaryKey: _e,
-                  showInColumnChooser: we,
+                  showInColumnChooser: Ce,
                   allowFiltering: Za,
                   allowSorting: Ha,
                   type: Ka,
@@ -6046,7 +6041,7 @@ function us(t) {
             );
           }), C;
         })() }),
-        /* @__PURE__ */ e(Br, { services: b })
+        /* @__PURE__ */ e(Pr, { services: b })
       ]
     }
   );
@@ -6065,7 +6060,7 @@ export {
   os as CustomTab,
   za as DatePicker,
   Gr as DateRangePicker,
-  Pn as DynamicConfig,
+  Bn as DynamicConfig,
   Yn as FileUploadModal,
   is as FullConfigPage,
   Xn as FullScreenLoader,
@@ -6078,7 +6073,7 @@ export {
   Qr as PageHeader,
   Kn as PageLayout,
   Jn as Pagination,
-  Pa as RadioGroup,
+  Ba as RadioGroup,
   he as SearchBar,
   He as Select,
   Qn as Sidebar,
@@ -6107,7 +6102,7 @@ export {
   ns as http,
   Kr as localStore,
   aa as myDriveGatewayBaseV2,
-  De as notify,
+  ve as notify,
   _a as provisioningBase,
   Ya as rbacBase,
   Wa as searchRolesApi,