unifyedx-storybook-new 0.2.56 → 0.2.57

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

@@ -15,8 +15,8 @@ const pn = (t) => {
     a ^= t.charCodeAt(s), a += (a << 1) + (a << 4) + (a << 7) + (a << 8) + (a << 24);
   return a >>> 0;
 }, gn = (t) => {
-  const a = (t ?? "").trim().toLowerCase(), s = parseInt((a.match(/\d+$/) ?? [0])[0], 10) || 0, i = pn(a), l = (i % 360 + 37 * s) % 360, m = 55 + (i >>> 8) % 20, o = 30 + (i >>> 16) % 10, p = 86 + (i >>> 24) % 8, u = `hsl(${l}, ${m}%, ${p}%)`, v = `hsl(${l}, ${m}%, ${o}%)`;
-  return { bg: u, text: v };
+  const a = (t ?? "").trim().toLowerCase(), s = parseInt((a.match(/\d+$/) ?? [0])[0], 10) || 0, i = pn(a), l = (i % 360 + 37 * s) % 360, m = 55 + (i >>> 8) % 20, o = 30 + (i >>> 16) % 10, h = 86 + (i >>> 24) % 8, u = `hsl(${l}, ${m}%, ${h}%)`, w = `hsl(${l}, ${m}%, ${o}%)`;
+  return { bg: u, text: w };
 }, bn = (t = "") => t.split(" ").map((a) => a[0]).slice(0, 2).join("").toUpperCase(), Ce = ({
   src: t,
   name: a,
@@ -29,11 +29,11 @@ const pn = (t) => {
   className: m,
   ...o
 }) => {
-  const [p, u] = L(!1), v = le(() => gn(a), []), y = t && !p, r = !y && a, w = !y && !a, d = H(
+  const [h, u] = L(!1), w = le(() => gn(a), []), y = t && !h, r = !y && a, v = !y && !a, d = H(
     "avatar-container",
     `avatar--size-${s}`,
     m
-  ), g = y ? "transparent" : i || v.bg, z = l || v.text;
+  ), g = y ? "transparent" : i || w.bg, z = l || w.text;
   return /* @__PURE__ */ n("div", { className: d, style: {
     backgroundColor: g,
     color: z
@@ -48,7 +48,7 @@ const pn = (t) => {
       }
     ),
     r && /* @__PURE__ */ e("span", { className: "avatar-initials", "aria-label": a, children: bn(a) }),
-    w && /* @__PURE__ */ e("span", { className: "avatar-icon", children: /* @__PURE__ */ e(it, {}) })
+    v && /* @__PURE__ */ e("span", { className: "avatar-icon", children: /* @__PURE__ */ e(it, {}) })
   ] });
 }, fn = ({ children: t, max: a = 4, truncatedMessage: s = "Members", ...i }) => {
   const l = ae.Children.toArray(t), m = l.slice(0, a), o = l.length - a;
@@ -71,17 +71,17 @@ const pn = (t) => {
   onRemove: l,
   bgColor: m,
   textColor: o,
-  className: p,
+  className: h,
   ...u
 }) => {
-  const v = H(
+  const w = H(
     "badge",
     `badge--variant-${a}`,
     `badge--size-${s}`,
     { "badge--with-remove": !!l },
-    p
+    h
   );
-  return /* @__PURE__ */ n("span", { className: v, style: m && o ? {
+  return /* @__PURE__ */ n("span", { className: w, style: m && o ? {
     backgroundColor: m,
     color: o,
     borderColor: "#ff0000"
@@ -146,19 +146,19 @@ const xn = {
   // ✅ Default is now empty
   loader: m = !1,
   category: o = "primary",
-  icon: p,
+  icon: h,
   // Renamed for clarity, expecting a component type e.g., CheckCircle
   disabled: u = !1,
-  size: v = "medium",
+  size: w = "medium",
   label: y,
   children: r,
   // ✅ Add children to the props list
-  onClick: w,
+  onClick: v,
   ...d
 }) => {
-  const g = u || m, z = p && !y, A = H(
+  const g = u || m, z = h && !y, A = H(
     "btn-base",
-    xn[v],
+    xn[w],
     vn[o],
     {
       "is-loading": m,
@@ -173,12 +173,12 @@ const xn = {
       type: s,
       className: A,
       disabled: g,
-      onClick: w,
+      onClick: v,
       title: a || z && i || (typeof y == "string" ? y : void 0),
       "aria-label": i || z && a || (typeof y == "string" ? y : void 0),
       ...d,
       children: m ? /* @__PURE__ */ e(Pa, { className: "loader-spin", "data-testid": "button-loader" }) : /* @__PURE__ */ n(ee, { children: [
-        p && /* @__PURE__ */ e(p, { size: v === "large" ? 20 : 16 }),
+        h && /* @__PURE__ */ e(h, { size: w === "large" ? 20 : 16 }),
         y,
         r,
         " "
@@ -216,21 +216,21 @@ const xn = {
   ref: l,
   checked: m,
   onChange: o,
-  ...p
+  ...h
 }) => {
-  const u = We(), v = a || u;
+  const u = We(), w = a || u;
   return /* @__PURE__ */ n("div", { className: `checkbox-container ${i || ""}`, children: [
-    /* @__PURE__ */ n("label", { htmlFor: v, className: "checkbox-wrapper", children: [
+    /* @__PURE__ */ n("label", { htmlFor: w, className: "checkbox-wrapper", children: [
       /* @__PURE__ */ e(
         "input",
         {
-          id: v,
+          id: w,
           type: "checkbox",
           ref: l,
           className: "checkbox-input",
           checked: m,
           onChange: o,
-          ...p
+          ...h
         }
       ),
       /* @__PURE__ */ e(
@@ -256,9 +256,9 @@ const xn = {
   label: l,
   error: m,
   disabled: o = !1,
-  className: p,
+  className: h,
   ...u
-}) => /* @__PURE__ */ n("div", { className: H("datepicker-wrapper", p), children: [
+}) => /* @__PURE__ */ n("div", { className: H("datepicker-wrapper", h), children: [
   l && /* @__PURE__ */ e("label", { className: "datepicker-label", htmlFor: "datepicker-input", children: l }),
   /* @__PURE__ */ e(
     da,
@@ -284,17 +284,17 @@ const xn = {
   label: l,
   error: m,
   disabled: o = !1,
-  className: p,
+  className: h,
   ...u
 }) => {
-  const v = t?.from, y = t?.to, r = (d) => {
+  const w = t?.from, y = t?.to, r = (d) => {
     d.stopPropagation(), d.preventDefault(), s?.();
-  }, w = v && y ? /* @__PURE__ */ n(ee, { children: [
-    Ct(v, "MMM d, y"),
+  }, v = w && y ? /* @__PURE__ */ n(ee, { children: [
+    Ct(w, "MMM d, y"),
     " - ",
     Ct(y, "MMM d, y")
   ] }) : /* @__PURE__ */ e("span", { className: "datepicker-placeholder", children: i });
-  return /* @__PURE__ */ n("div", { className: H("datepicker-wrapper", p), children: [
+  return /* @__PURE__ */ n("div", { className: H("datepicker-wrapper", h), children: [
     l && /* @__PURE__ */ e("label", { className: "datepicker-label", htmlFor: "daterangepicker-input", children: l }),
     /* @__PURE__ */ n(Nn, { children: [
       /* @__PURE__ */ e(kn, { asChild: !0, children: /* @__PURE__ */ n("div", { className: "datepicker-input-container", children: [
@@ -308,14 +308,14 @@ const xn = {
               "datepicker-trigger--disabled": o
             }),
             disabled: o,
-            "aria-label": v && y ? `Selected range is ${w}` : i,
+            "aria-label": w && y ? `Selected range is ${v}` : i,
             children: [
               /* @__PURE__ */ e(qt, { className: "datepicker-icon" }),
-              /* @__PURE__ */ e("span", { className: "datepicker-value", children: w })
+              /* @__PURE__ */ e("span", { className: "datepicker-value", children: v })
             ]
           }
         ),
-        v && s && !o && /* @__PURE__ */ e(
+        w && s && !o && /* @__PURE__ */ e(
           "button",
           {
             type: "button",
@@ -621,17 +621,17 @@ const xn = {
   open: m,
   // --- Form and File State ---
   validFiles: o = [],
-  rejectedFiles: p = [],
+  rejectedFiles: h = [],
   handleRemoveValidFile: u,
-  handleRemoveRejectedFile: v,
+  handleRemoveRejectedFile: w,
   handleSubmit: y,
   isSubmitting: r,
-  formErrors: w,
+  formErrors: v,
   // --- UI Text ---
   title: d = "Upload Files",
   subHeading: g = "Supports PNG, JPG, PDF. Max size: 50MB."
 }) => {
-  const z = o.length > 0 || p.length > 0;
+  const z = o.length > 0 || h.length > 0;
   return /* @__PURE__ */ e(ue, { appear: !0, show: t, as: Q, children: /* @__PURE__ */ n(
     be,
     {
@@ -706,7 +706,7 @@ const xn = {
                           ]
                         }
                       ),
-                      w.filesToUpload && /* @__PURE__ */ e("p", { className: "form-error-message", children: w.filesToUpload.message }),
+                      v.filesToUpload && /* @__PURE__ */ e("p", { className: "form-error-message", children: v.filesToUpload.message }),
                       z && /* @__PURE__ */ n("div", { className: "file-list-container", children: [
                         /* @__PURE__ */ e("h3", { children: "Upload Queue" }),
                         /* @__PURE__ */ n("ul", { className: "file-list", children: [
@@ -740,7 +740,7 @@ const xn = {
                             },
                             `${A.name}-${F}`
                           )),
-                          p.map(({ file: A, message: F }, O) => /* @__PURE__ */ n(
+                          h.map(({ file: A, message: F }, O) => /* @__PURE__ */ n(
                             "li",
                             {
                               className: "file-item file-item--rejected",
@@ -762,7 +762,7 @@ const xn = {
                                   "button",
                                   {
                                     type: "button",
-                                    onClick: () => v(O),
+                                    onClick: () => w(O),
                                     className: "remove-file-button",
                                     children: /* @__PURE__ */ e(Je, { size: 16 })
                                   }
@@ -851,16 +851,16 @@ const xn = {
   filterConfig: l = [],
   initialFormikValues: m,
   customStyles: o = "",
-  fetchCreatedOrUpdatedByUsers: p = async () => []
+  fetchCreatedOrUpdatedByUsers: h = async () => []
   // Mockable fetcher
 }) => {
-  const [u, v] = L({
+  const [u, w] = L({
     createdBy: [],
     updatedBy: []
   }), [y, r] = L({
     createdBy: !1,
     updatedBy: !1
-  }), [w, d] = L({
+  }), [v, d] = L({
     startDate: null
   }), [g, z] = L({
     endDate: null
@@ -906,8 +906,8 @@ const xn = {
   }), [l, A.values]), _ = async (T, x) => {
     try {
       r((C) => ({ ...C, [T]: !0 }));
-      const f = await p(T, x);
-      v((C) => ({ ...C, [T]: f }));
+      const f = await h(T, x);
+      w((C) => ({ ...C, [T]: f }));
     } catch (f) {
       console.error(`Error fetching ${T} users:`, f);
     } finally {
@@ -917,7 +917,7 @@ const xn = {
     const x = l[T].key, f = l[T].url;
     l[T].type === "multiselect-users" && u[x].length === 0 && !y[x] && _(x, f);
   }, Y = () => {
-    A.resetForm(), v({ createdBy: [], updatedBy: [] }), i();
+    A.resetForm(), w({ createdBy: [], updatedBy: [] }), i();
   }, G = (T) => {
     const x = l.find((I) => I.key === T);
     if (!x) return null;
@@ -1060,7 +1060,7 @@ const xn = {
           ] }) : /* @__PURE__ */ e("div", { className: "text-center py-4 text-gray-500 text-sm", children: "No users loaded." }) })
         ] });
       case "date":
-        const D = f.values || [], [b, h] = D, N = b && h, k = D[0] || null, $ = D[1] || null, M = {
+        const D = f.values || [], [b, p] = D, N = b && p, k = D[0] || null, $ = D[1] || null, M = {
           startDate: k instanceof Date ? k.toISOString().slice(0, 10) : null,
           endDate: k instanceof Date ? k.toISOString().slice(0, 10) : null
         }, S = {
@@ -1313,9 +1313,9 @@ const xn = {
   className: m,
   ref: o,
   // ✅ 'ref' is now received directly as a prop
-  ...p
+  ...h
 }) => {
-  const u = a || p.name;
+  const u = a || h.name;
   return /* @__PURE__ */ n("div", { className: `input-wrapper ${m || ""}`, children: [
     t && /* @__PURE__ */ e("label", { htmlFor: u, className: "input-label", children: t }),
     /* @__PURE__ */ n("div", { className: "input-field-container", children: [
@@ -1330,7 +1330,7 @@ const xn = {
             "input-field--error": !!l,
             "input-field--with-icon": !!i
           }),
-          ...p
+          ...h
         }
       )
     ] }),
@@ -1366,12 +1366,12 @@ const xn = {
   // No default
   variant: o = "info",
   // 'info', 'warning', 'delete'
-  loading: p = !1,
+  loading: h = !1,
   buttonProps: u = {},
-  size: v
+  size: w
   // Add size prop
 }) => {
-  const y = Et[o] || Et.info, r = y.icon, w = () => {
+  const y = Et[o] || Et.info, r = y.icon, v = () => {
     a({ primary: !0, secondary: !1 });
   }, d = () => {
     a({ primary: !1, secondary: !0 });
@@ -1400,7 +1400,7 @@ const xn = {
         leave: "ease-in duration-200",
         leaveFrom: "opacity-100 scale-100",
         leaveTo: "opacity-0 scale-95",
-        children: /* @__PURE__ */ n(Te, { className: v === "large" ? "modal-panel modal-panel--large" : "modal-panel", children: [
+        children: /* @__PURE__ */ n(Te, { className: w === "large" ? "modal-panel modal-panel--large" : "modal-panel", children: [
           /* @__PURE__ */ n("div", { className: "modal-content-wrapper", children: [
             /* @__PURE__ */ e("div", { className: `modal-icon-container ${y.iconClass}`, children: /* @__PURE__ */ e(r, { size: 24, "aria-hidden": "true" }) }),
             /* @__PURE__ */ n("div", { className: "modal-text-content", children: [
@@ -1422,7 +1422,7 @@ const xn = {
               se,
               {
                 type: "button",
-                onClick: w,
+                onClick: v,
                 label: l,
                 ...u
               }
@@ -1440,13 +1440,13 @@ const xn = {
   onItemsPerPageChange: l,
   itemsPerPageOptions: m = [10, 15, 20]
 }) => {
-  const o = Math.ceil(a / s), [p, u] = L(t);
+  const o = Math.ceil(a / s), [h, u] = L(t);
   te(() => {
     u(t);
   }, [t]);
-  const v = Math.min((t - 1) * s + 1, a), y = Math.min(t * s, a), r = (w) => {
-    w.preventDefault();
-    let d = parseInt(p, 10);
+  const w = Math.min((t - 1) * s + 1, a), y = Math.min(t * s, a), r = (v) => {
+    v.preventDefault();
+    let d = parseInt(h, 10);
     isNaN(d) || d < 1 ? d = 1 : d > o && (d = o), u(d), d !== t && i(d);
   };
   return /* @__PURE__ */ n("div", { className: "pagination-container", children: [
@@ -1458,12 +1458,12 @@ const xn = {
           id: "items-per-page",
           className: "pagination-select",
           value: s,
-          onChange: (w) => l(Number(w.target.value)),
-          children: m.map((w) => /* @__PURE__ */ e("option", { value: w, children: w }, w))
+          onChange: (v) => l(Number(v.target.value)),
+          children: m.map((v) => /* @__PURE__ */ e("option", { value: v, children: v }, v))
         }
       ),
       /* @__PURE__ */ n("span", { className: "pagination-info", children: [
-        v,
+        w,
         "-",
         y,
         " of ",
@@ -1497,8 +1497,8 @@ const xn = {
           {
             type: "number",
             className: "page-input",
-            value: p,
-            onChange: (w) => u(w.target.value),
+            value: h,
+            onChange: (v) => u(v.target.value),
             onBlur: r,
             "aria-label": `Current page, Page ${t}`
           }
@@ -1549,12 +1549,12 @@ const xn = {
         Ve.Option,
         {
           value: o.value,
-          className: ({ active: p, checked: u }) => H("radiogroup-option", {
-            "radiogroup-option--active": p,
+          className: ({ active: h, checked: u }) => H("radiogroup-option", {
+            "radiogroup-option--active": h,
             "radiogroup-option--checked": u,
             "radiogroup-option--error": !!l
           }),
-          children: ({ checked: p }) => /* @__PURE__ */ n(ee, { children: [
+          children: ({ checked: h }) => /* @__PURE__ */ n(ee, { children: [
             /* @__PURE__ */ n("div", { className: "radiogroup-option-content", children: [
               /* @__PURE__ */ e(Ve.Label, { as: "p", className: "option-label", children: o.label }),
               o.description && /* @__PURE__ */ e(
@@ -1566,7 +1566,7 @@ const xn = {
                 }
               )
             ] }),
-            p && /* @__PURE__ */ e("div", { className: "option-checkmark", children: /* @__PURE__ */ e(Jt, { size: 20 }) })
+            h && /* @__PURE__ */ e("div", { className: "option-checkmark", children: /* @__PURE__ */ e(Jt, { size: 20 }) })
           ] })
         },
         o.value
@@ -1583,14 +1583,14 @@ const xn = {
   // Added a default label for accessibility
   customClass: m = "",
   inputStyle: o = {},
-  placeholderClass: p = "",
+  placeholderClass: h = "",
   searchIconSize: u = 16,
-  searchIconClass: v = "",
+  searchIconClass: w = "",
   ...y
 }) => {
-  const [r, w] = L(t);
+  const [r, v] = L(t);
   te(() => {
-    w(t);
+    v(t);
   }, [t]);
   const d = K(
     qr((z) => {
@@ -1602,16 +1602,16 @@ const xn = {
     d.cancel();
   }), [r, d, t]);
   const g = (z) => {
-    w(z.target.value);
+    v(z.target.value);
   };
   return /* @__PURE__ */ n("div", { className: `search-bar-wrapper ${m}`, children: [
     l && /* @__PURE__ */ e("label", { htmlFor: "search-field", className: "sr-only", children: l }),
-    /* @__PURE__ */ e("div", { className: "search-bar-icon-wrapper", children: /* @__PURE__ */ e(yt, { size: u || 16, className: `search-bar-icon   ${v}`, "aria-hidden": "true" }) }),
+    /* @__PURE__ */ e("div", { className: "search-bar-icon-wrapper", children: /* @__PURE__ */ e(yt, { size: u || 16, className: `search-bar-icon   ${w}`, "aria-hidden": "true" }) }),
     /* @__PURE__ */ e(
       "input",
       {
         id: "search-field",
-        className: `search-bar-input ${p}`,
+        className: `search-bar-input ${h}`,
         placeholder: i,
         type: "search",
         name: "search",
@@ -1632,15 +1632,15 @@ const xn = {
   placeholder: l = "Select an option...",
   disabled: m = !1,
   error: o,
-  ref: p,
+  ref: h,
   // From RHF's <Controller>
   showSearch: u = !0
 }) => {
-  const [v, y] = L("");
+  const [w, y] = L("");
   console.log("Select component - value:", a, "type:", typeof a), console.log("Select component - options:", i);
-  const r = v === "" ? i : i.filter(
-    (d) => d.label.toLowerCase().includes(v.toLowerCase())
-  ), w = i.find((d) => {
+  const r = w === "" ? i : i.filter(
+    (d) => d.label.toLowerCase().includes(w.toLowerCase())
+  ), v = i.find((d) => {
     if (typeof a == "object" && a !== null) {
       if (a === d) return !0;
       if (a.id && d.id) return d.id === a.id;
@@ -1649,7 +1649,7 @@ const xn = {
     }
     return d.id === a || d.value === a || d.label === a;
   });
-  return /* @__PURE__ */ e(Z, { value: a, onChange: s, disabled: m, children: /* @__PURE__ */ n("div", { className: "select-wrapper", ref: p, children: [
+  return /* @__PURE__ */ e(Z, { value: a, onChange: s, disabled: m, children: /* @__PURE__ */ n("div", { className: "select-wrapper", ref: h, children: [
     t && /* @__PURE__ */ e("label", { className: "select-label", children: t }),
     /* @__PURE__ */ n("div", { className: "select-button-container", children: [
       /* @__PURE__ */ n(
@@ -1659,7 +1659,7 @@ const xn = {
             "select-button--error": !!o
           }),
           children: [
-            /* @__PURE__ */ e("span", { className: "select-value-display", children: w ? w.label : /* @__PURE__ */ e("span", { className: "placeholder", children: l }) }),
+            /* @__PURE__ */ e("span", { className: "select-value-display", children: v ? v.label : /* @__PURE__ */ e("span", { className: "placeholder", children: l }) }),
             /* @__PURE__ */ e(Ht, { className: "select-chevron", "aria-hidden": "true" })
           ]
         }
@@ -1674,12 +1674,12 @@ const xn = {
             u && /* @__PURE__ */ e("div", { className: "search-input-wrapper", children: /* @__PURE__ */ e(
               he,
               {
-                value: v,
+                value: w,
                 onDebouncedChange: y,
                 placeholder: "Search..."
               }
             ) }),
-            /* @__PURE__ */ e("div", { className: "select-options-list", children: r.length === 0 && v !== "" ? /* @__PURE__ */ e("div", { className: "no-results", children: "No results found." }) : r.map((d) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e("div", { className: "select-options-list", children: r.length === 0 && w !== "" ? /* @__PURE__ */ e("div", { className: "no-results", children: "No results found." }) : r.map((d) => /* @__PURE__ */ e(
               Mr,
               {
                 className: ({ active: g }) => `select-option ${g ? "active" : ""}`,
@@ -1728,18 +1728,18 @@ const xn = {
       return s;
   return null;
 }, ha = ({ item: t, isCollapsed: a, level: s = 0 }) => {
-  const { pathname: i } = Rn(), l = t.href || t.url || t.path, [m, o] = L(!1), p = t.icon;
+  const { pathname: i } = Rn(), l = t.href || t.url || t.path, [m, o] = L(!1), h = t.icon;
   te(() => {
     bt([t], i) && o(!0);
   }, [t, i]);
-  const u = i === l, v = !u && !!bt([t], i), y = (r) => {
+  const u = i === l, w = !u && !!bt([t], i), y = (r) => {
     r.preventDefault(), o(!m);
   };
   return /* @__PURE__ */ n(
     "div",
     {
       className: H("nav-item-container", {
-        "nav-item-container--parent-active": v,
+        "nav-item-container--parent-active": w,
         [`nav-item-container--level-${s}`]: s > 0
       }),
       children: [
@@ -1755,7 +1755,7 @@ const xn = {
             }),
             "aria-current": u ? "page" : void 0,
             children: [
-              p && /* @__PURE__ */ e(p, { className: "nav-icon", "aria-hidden": "true" }),
+              h && /* @__PURE__ */ e(h, { className: "nav-icon", "aria-hidden": "true" }),
               /* @__PURE__ */ e("span", { className: "nav-label", children: t.label || t.name }),
               t.children && /* @__PURE__ */ e(
                 "button",
@@ -1807,7 +1807,7 @@ const xn = {
   onToggleMobile: l,
   logoSmall: m,
   logoLarge: o,
-  user: p = { name: "", email: "" }
+  user: h = { name: "", email: "" }
 }) => /* @__PURE__ */ n(ee, { children: [
   i && /* @__PURE__ */ e(
     "div",
@@ -1852,10 +1852,10 @@ const xn = {
         ] }),
         /* @__PURE__ */ e("nav", { className: "sidebar-nav", "aria-label": "Primary", children: /* @__PURE__ */ e("ul", { className: "sidebar-nav-list", children: t.map((u) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(ha, { item: u, isCollapsed: a }) }, u.label || u.name)) }) }),
         /* @__PURE__ */ n("div", { className: "sidebar-footer", children: [
-          /* @__PURE__ */ e(Ce, { src: p.avatar, name: p.name, size: "medium" }),
+          /* @__PURE__ */ e(Ce, { src: h.avatar, name: h.name, size: "medium" }),
           /* @__PURE__ */ n("div", { className: "user-info", children: [
-            /* @__PURE__ */ e("span", { className: "user-name", children: p.name }),
-            /* @__PURE__ */ e("span", { className: "user-email", children: p.email })
+            /* @__PURE__ */ e("span", { className: "user-name", children: h.name }),
+            /* @__PURE__ */ e("span", { className: "user-email", children: h.email })
           ] }),
           /* @__PURE__ */ e(
             "button",
@@ -1916,18 +1916,18 @@ const xn = {
   // ✅ New prop for max length
   showCharCount: o = !1,
   // ✅ New prop to control visibility
-  ...p
+  ...h
 }) => {
-  const u = a || p.name, [v, y] = L(
-    p.value?.length || p.defaultValue?.length || 0
+  const u = a || h.name, [w, y] = L(
+    h.value?.length || h.defaultValue?.length || 0
   ), r = (d) => {
-    y(d.target.value.length), p.onChange && p.onChange(d);
-  }, w = m - v;
+    y(d.target.value.length), h.onChange && h.onChange(d);
+  }, v = m - w;
   return /* @__PURE__ */ n("div", { className: `textarea-wrapper ${i || ""}`, children: [
     /* @__PURE__ */ n("div", { className: "textarea-header", children: [
       t && /* @__PURE__ */ e("label", { htmlFor: u, className: "textarea-label", children: t }),
       o && m && /* @__PURE__ */ n("span", { className: "char-counter", children: [
-        w,
+        v,
         " characters remaining"
       ] })
     ] }),
@@ -1941,7 +1941,7 @@ const xn = {
         }),
         maxLength: m,
         onChange: r,
-        ...p
+        ...h
       }
     ),
     s && /* @__PURE__ */ e("p", { className: "textarea-error-message", children: s })
@@ -1985,13 +1985,13 @@ const xn = {
   // For external styling of the tooltip itself
   ...o
 }) => {
-  const p = ae.useId();
+  const h = ae.useId();
   return /* @__PURE__ */ n(ee, { children: [
-    ae.cloneElement(t, { "data-tooltip-id": p }),
+    ae.cloneElement(t, { "data-tooltip-id": h }),
     /* @__PURE__ */ e(
       Ya,
       {
-        id: p,
+        id: h,
         content: a,
         place: l,
         variant: s,
@@ -2021,17 +2021,17 @@ const xn = {
   direction: l = 1,
   stepProps: m = {},
   title: o,
-  description: p,
+  description: h,
   showProgress: u = !0,
-  closeOnOverlayClick: v = !0
+  closeOnOverlayClick: w = !0
 }) => {
-  const y = s[i], r = Object.keys(s), w = r.indexOf(i), d = (w + 1) / r.length * 100, g = w > 0 && m.onBack;
+  const y = s[i], r = Object.keys(s), v = r.indexOf(i), d = (v + 1) / r.length * 100, g = v > 0 && m.onBack;
   return /* @__PURE__ */ e(ue, { show: t, as: Q, children: /* @__PURE__ */ n(
     be,
     {
       as: "div",
       className: "wizard-dialog",
-      onClose: v ? a : () => {
+      onClose: w ? a : () => {
       },
       children: [
         /* @__PURE__ */ e(
@@ -2071,7 +2071,7 @@ const xn = {
                   ),
                   /* @__PURE__ */ n("div", { className: "wizard-header-text", children: [
                     /* @__PURE__ */ e(be.Title, { as: "h3", className: "wizard-title", children: o }),
-                    p && /* @__PURE__ */ e(be.Description, { className: "wizard-description", children: p })
+                    h && /* @__PURE__ */ e(be.Description, { className: "wizard-description", children: h })
                   ] })
                 ] }),
                 /* @__PURE__ */ e(
@@ -2141,15 +2141,15 @@ const xn = {
   category: m = "secondary",
   icon: o,
   // Renamed for clarity, expecting a component type e.g., CheckCircle
-  disabled: p = !1,
+  disabled: h = !1,
   size: u = "small",
-  label: v,
+  label: w,
   children: y,
   // ✅ Add children to the props list
   onClick: r,
-  ...w
+  ...v
 }) => {
-  const d = p, g = H(
+  const d = h, g = H(
     "btn-base-icon",
     "btn-icon-only",
     In[u],
@@ -2166,7 +2166,7 @@ const xn = {
       onClick: r,
       title: i,
       "aria-label": i,
-      ...w,
+      ...v,
       children: o && /* @__PURE__ */ e(o, { size: u === "large" ? 20 : 16 })
     }
   );
@@ -2179,7 +2179,7 @@ const xn = {
   tertiary: m,
   fullHeight: o = !1,
   // A clearer prop name
-  ...p
+  ...h
 }) => {
   const u = H(
     "page-layout",
@@ -2187,9 +2187,9 @@ const xn = {
       "page-layout--with-footer": a,
       "page-layout--full-height": o
     },
-    p.className
+    h.className
   );
-  return /* @__PURE__ */ n("div", { className: u, ...p, children: [
+  return /* @__PURE__ */ n("div", { className: u, ...h, children: [
     /* @__PURE__ */ e("div", { className: "page-layout-content", children: t }),
     a && /* @__PURE__ */ e("footer", { className: "page-layout-footer", children: s || /* @__PURE__ */ n("div", { className: "footer-actions", children: [
       m?.show && /* @__PURE__ */ e(
@@ -2444,13 +2444,13 @@ function Rt() {
 }
 function Yn(t) {
   if (t && t.isAxiosError) {
-    const { response: a, config: s, message: i } = t, l = a?.status ?? null, m = a?.statusText ?? null, o = a?.data ?? null, p = typeof o == "string" && o || o?.message || o?.msg || o?.error || o?.errors?.[0]?.message || null;
+    const { response: a, config: s, message: i } = t, l = a?.status ?? null, m = a?.statusText ?? null, o = a?.data ?? null, h = typeof o == "string" && o || o?.message || o?.msg || o?.error || o?.errors?.[0]?.message || null;
     return {
       ok: !1,
       status: l,
       statusText: m,
       code: o?.code || null,
-      message: p || i || "Request failed",
+      message: h || i || "Request failed",
       details: o || null,
       request: {
         url: s?.url || null,
@@ -2481,41 +2481,41 @@ function Wn({
     // timeout: 20000,
   });
   s.interceptors.response.use(
-    (v) => v?.data ?? {
-      message: v?.statusText || "Request succeeded"
+    (w) => w?.data ?? {
+      message: w?.statusText || "Request succeeded"
     },
-    (v) => {
-      const y = Yn(v), r = y.status;
+    (w) => {
+      const y = Yn(w), r = y.status;
       return t && (r === 401 || r === 403) && (window.location.href.includes("/login") || (window.historyPath = window.location.pathname, localStorage.clear(), sessionStorage.clear(), window.location.href = "/login")), Promise.reject(y);
     }
   );
-  function i({ open: v = !1, customHeader: y = {} } = {}) {
-    if (v) {
-      const { Authorization: r, ...w } = Rt();
+  function i({ open: w = !1, customHeader: y = {} } = {}) {
+    if (w) {
+      const { Authorization: r, ...v } = Rt();
       return {
-        headers: { ...w, ...a, ...y }
+        headers: { ...v, ...a, ...y }
       };
     }
     return { headers: { ...Rt(), ...y } };
   }
-  async function l(v, y, r = !1, w = {}) {
-    return s.get(v, {
+  async function l(w, y, r = !1, v = {}) {
+    return s.get(w, {
       params: y,
-      ...i({ open: r, customHeader: w })
+      ...i({ open: r, customHeader: v })
     });
   }
-  async function m(v, y, r = !1, w = {}) {
-    const d = { ...i({ open: r, customHeader: w }) };
-    return y !== void 0 && (d.data = y), s.delete(v, d);
+  async function m(w, y, r = !1, v = {}) {
+    const d = { ...i({ open: r, customHeader: v }) };
+    return y !== void 0 && (d.data = y), s.delete(w, d);
   }
-  async function o(v, y = {}, r = !1, w = {}) {
-    return s.post(v, y, i({ open: r, customHeader: w }));
+  async function o(w, y = {}, r = !1, v = {}) {
+    return s.post(w, y, i({ open: r, customHeader: v }));
   }
-  async function p(v, y = {}, r = !1, w = {}) {
-    return s.put(v, y, i({ open: r, customHeader: w }));
+  async function h(w, y = {}, r = !1, v = {}) {
+    return s.put(w, y, i({ open: r, customHeader: v }));
   }
-  async function u(v, y = {}, r = !1, w = {}) {
-    return s.patch(v, y, i({ open: r, customHeader: w }));
+  async function u(w, y = {}, r = !1, v = {}) {
+    return s.patch(w, y, i({ open: r, customHeader: v }));
   }
   return {
     instance: s,
@@ -2523,7 +2523,7 @@ function Wn({
     axiosGet: l,
     axiosDelete: m,
     axiosPost: o,
-    axiosPut: p,
+    axiosPut: h,
     axiosPatch: u
   };
 }
@@ -2634,9 +2634,9 @@ const Ae = Wn(), Xe = Ae.axiosGet, Vl = Ae.axiosDelete, ft = Ae.axiosPost, jl =
 }) => {
   const l = t.slice(0, 2), m = [];
   t.length > 0 && m.push(t[0].name), a.length > 0 && m.push(a[0].name), s.length > 0 && m.length < 2 && m.push(s[0].name);
-  const o = t.length + a.length + s.length, p = o - m.length;
+  const o = t.length + a.length + s.length, h = o - m.length;
   let u = m.join(", ");
-  return p > 0 && (u += ` and ${p} others`), o === 0 ? /* @__PURE__ */ e(
+  return h > 0 && (u += ` and ${h} others`), o === 0 ? /* @__PURE__ */ e(
     "div",
     {
       className: "flex items-center justify-between p-3 border border-dashed border-gray-400 rounded-lg hover:bg-gray-50",
@@ -2649,15 +2649,15 @@ const Ae = Wn(), Xe = Ae.axiosGet, Vl = Ae.axiosDelete, ft = Ae.axiosPost, jl =
       className: "flex items-center justify-between p-3 border border-gray-300 rounded-lg hover:bg-gray-50 hover:cursor-pointer transition-colors duration-150",
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-center gap-3 overflow-hidden", children: [
-          /* @__PURE__ */ e("div", { className: "flex items-center", children: l.map((v, y) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "flex items-center", children: l.map((w, y) => /* @__PURE__ */ e(
             "img",
             {
-              src: v.avatarUrl || `https://avatar.vercel.sh/${v.name}.svg?text=${v?.name?.charAt(0) || "U"}`,
-              alt: v.name,
+              src: w.avatarUrl || `https://avatar.vercel.sh/${w.name}.svg?text=${w?.name?.charAt(0) || "U"}`,
+              alt: w.name,
               className: `w-10 h-10 rounded-full border-2 border-white ${y > 0 ? "-ml-4" : ""}`,
               style: { zIndex: y }
             },
-            v.id || y
+            w.id || y
           )) }),
           /* @__PURE__ */ e("p", { className: "text-sm font-medium text-gray-800 truncate", children: u })
         ] }),
@@ -2683,9 +2683,9 @@ const Ae = Wn(), Xe = Ae.axiosGet, Vl = Ae.axiosDelete, ft = Ae.axiosPost, jl =
   showExistingShares: m = !1,
   onFinalSubmit: o = () => {
   },
-  isChanged: p = !1
+  isChanged: h = !1
 }) => {
-  const [u, v] = L(It[0]), [y, r] = L(""), w = kt(y, 400), [d, g] = L([]), [z, A] = L(/* @__PURE__ */ new Set()), [F, O] = L(!1), [P, _] = L(Pt[0]), {
+  const [u, w] = L(It[0]), [y, r] = L(""), v = kt(y, 400), [d, g] = L([]), [z, A] = L(/* @__PURE__ */ new Set()), [F, O] = L(!1), [P, _] = L(Pt[0]), {
     control: U,
     handleSubmit: Y,
     watch: G,
@@ -2698,16 +2698,16 @@ const Ae = Wn(), Xe = Ae.axiosGet, Vl = Ae.axiosDelete, ft = Ae.axiosPost, jl =
     name: "pendingInvites"
   }), D = G("pendingInvites");
   te(() => {
-    w.length > 1 ? (O(!0), Jn(u.name, w).then((S) => {
+    v.length > 1 ? (O(!0), Jn(u.name, v).then((S) => {
       g(S);
     }).catch((S) => console.error("Search failed:", S)).finally(() => O(!1))) : (g([]), A(/* @__PURE__ */ new Set()));
-  }, [w, u]);
+  }, [v, u]);
   const b = (S) => {
     A((B) => {
       const j = new Set(B);
       return j.has(S) ? j.delete(S) : j.add(S), j;
     });
-  }, h = () => {
+  }, p = () => {
     d.filter((S) => z.has(S.id)).forEach((S) => {
       f.find((B) => B.id === S.id) || C({ ...S, permission: P.name });
     }), A(/* @__PURE__ */ new Set()), r("");
@@ -2774,7 +2774,7 @@ const Ae = Wn(), Xe = Ae.axiosGet, Vl = Ae.axiosDelete, ft = Ae.axiosPost, jl =
         return "Add User, Groups or Roles test";
     }
   };
-  return le(() => (console.log("InviteFlow - isChanged:", p, "pendingInvites.length:", D.length), D.length === 0 && !p), [D.length, p]), /* @__PURE__ */ n("div", { className: "flex flex-col h-full bg-white", children: [
+  return le(() => (console.log("InviteFlow - isChanged:", h, "pendingInvites.length:", D.length), D.length === 0 && !h), [D.length, h]), /* @__PURE__ */ n("div", { className: "flex flex-col h-full bg-white", children: [
     /* @__PURE__ */ n("header", { className: "flex items-center justify-between p-4 border-b border-gray-300 flex-shrink-0", children: [
       /* @__PURE__ */ e(be.Title, { className: " text-gray-900 !mb-0 text-lg font-semibold", children: M() }),
       /* @__PURE__ */ n("div", { className: "flex items-center gap-4", children: [
@@ -2803,7 +2803,7 @@ const Ae = Wn(), Xe = Ae.axiosGet, Vl = Ae.axiosDelete, ft = Ae.axiosPost, jl =
         }
       ),
       /* @__PURE__ */ n("div", { className: "relative grid grid-cols-3 gap-2 items-start", children: [
-        /* @__PURE__ */ e("div", { className: "col-span-1", children: /* @__PURE__ */ e(Z, { value: u, onChange: v, children: /* @__PURE__ */ n("div", { className: "relative", children: [
+        /* @__PURE__ */ e("div", { className: "col-span-1", children: /* @__PURE__ */ e(Z, { value: u, onChange: w, children: /* @__PURE__ */ n("div", { className: "relative", children: [
           /* @__PURE__ */ n(Z.Button, { className: "relative w-full border border-gray-300 rounded-md shadow-sm pl-3 pr-10 py-2 text-left hover:cursor-pointer focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500 sm:text-sm", children: [
             /* @__PURE__ */ n("span", { className: "flex items-center", children: [
               /* @__PURE__ */ e(u.icon, { className: "h-5 w-5 text-gray-400 mr-2" }),
@@ -2912,7 +2912,7 @@ const Ae = Wn(), Xe = Ae.axiosGet, Vl = Ae.axiosDelete, ft = Ae.axiosPost, jl =
                 /* @__PURE__ */ e(
                   "button",
                   {
-                    onClick: h,
+                    onClick: p,
                     disabled: z.size === 0,
                     className: "px-3 py-1 text-sm text-white bg-blue-600 rounded-md hover:bg-blue-700 disabled:bg-blue-300 disabled:cursor-not-allowed hover:cursor-pointer",
                     children: "Add"
@@ -3060,7 +3060,7 @@ const Ae = Wn(), Xe = Ae.axiosGet, Vl = Ae.axiosDelete, ft = Ae.axiosPost, jl =
           "button",
           {
             onClick: () => Y(k)(),
-            disabled: x || D.length === 0 && !p,
+            disabled: x || D.length === 0 && !h,
             className: "px-4 py-2 text-sm font-medium text-white bg-blue-600 border border-transparent rounded-md shadow-sm hover:bg-blue-700 hover:cursor-pointer focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:bg-blue-300 disabled:cursor-not-allowed",
             children: x ? "Inviting..." : l === me.DRIVE ? "Send Invites" : "Add"
           }
@@ -3073,20 +3073,20 @@ const Ae = Wn(), Xe = Ae.axiosGet, Vl = Ae.axiosDelete, ft = Ae.axiosPost, jl =
   { name: "Can manage", icon: Kt, value: "edit" },
   { name: "Remove", icon: rr, isDestructive: !0, value: "remove" }
 ], Kn = ({ item: t, allowedPermissions: a, onPermissionChange: s }) => {
-  const [i, l] = L(!1), { refs: m, floatingStyles: o, context: p } = sa({
+  const [i, l] = L(!1), { refs: m, floatingStyles: o, context: h } = sa({
     open: i,
     onOpenChange: l,
     middleware: [la(8), ia(), oa({ padding: 8 })],
     whileElementsMounted: ca,
     placement: "bottom-end"
-  }), u = Yr(p), v = Wr(p), { getReferenceProps: y, getFloatingProps: r } = Jr([
+  }), u = Yr(h), w = Wr(h), { getReferenceProps: y, getFloatingProps: r } = Jr([
     u,
-    v
-  ]), w = lt.find((g) => g.name === t.permission || g.value === t.permission) || lt[0];
+    w
+  ]), v = lt.find((g) => g.name === t.permission || g.value === t.permission) || lt[0];
   return (
     // FIX: The <Listbox> component now wraps both the button and the portal.
     // This provides the necessary context for both children.
-    /* @__PURE__ */ n(Z, { value: w, onChange: (g) => {
+    /* @__PURE__ */ n(Z, { value: v, onChange: (g) => {
       s(g), l(!1);
     }, children: [
       /* @__PURE__ */ n(
@@ -3161,19 +3161,19 @@ const Ae = Wn(), Xe = Ae.axiosGet, Vl = Ae.axiosDelete, ft = Ae.axiosPost, jl =
   existingShares: l,
   allowedPermissions: m
 }) => {
-  const [o, p] = L(l), [u, v] = L(0), [y, r] = L(""), w = kt(y, 300), d = {
+  const [o, h] = L(l), [u, w] = L(0), [y, r] = L(""), v = kt(y, 300), d = {
     users: o.users.filter(
-      (O) => O.name.toLowerCase().includes(w.toLowerCase())
+      (O) => O.name.toLowerCase().includes(v.toLowerCase())
     ),
     groups: o.groups.filter(
-      (O) => O.name.toLowerCase().includes(w.toLowerCase())
+      (O) => O.name.toLowerCase().includes(v.toLowerCase())
     ),
     roles: o.roles.filter(
-      (O) => O.name.toLowerCase().includes(w.toLowerCase())
+      (O) => O.name.toLowerCase().includes(v.toLowerCase())
     )
   }, g = async (O, P, _, U) => {
     const Y = P.value;
-    p((G) => ({
+    h((G) => ({
       ...G,
       [_]: G[_].map(
         (T) => T.id === O.id ? { ...T, permission: Y } : T
@@ -3213,7 +3213,7 @@ const Ae = Wn(), Xe = Ae.axiosGet, Vl = Ae.axiosDelete, ft = Ae.axiosPost, jl =
         )
       ] }),
       /* @__PURE__ */ n("div", { className: "flex flex-col flex-grow", children: [
-        /* @__PURE__ */ n(ne.Group, { selectedIndex: u, onChange: v, children: [
+        /* @__PURE__ */ n(ne.Group, { selectedIndex: u, onChange: w, children: [
           /* @__PURE__ */ n("div", { className: "p-4 bg-white border-b border-gray-300", children: [
             /* @__PURE__ */ e(ne.List, { className: "flex space-x-1 bg-gray-100 p-1 rounded-lg", children: F.map((O) => /* @__PURE__ */ e(
               ne,
@@ -3351,7 +3351,7 @@ const Ae = Wn(), Xe = Ae.axiosGet, Vl = Ae.axiosDelete, ft = Ae.axiosPost, jl =
   onClose: s,
   members: i
 }) => {
-  const [l, m] = L(!0), [o, p] = L(""), u = kt(o, 300), v = i.filter(
+  const [l, m] = L(!0), [o, h] = L(""), u = kt(o, 300), w = i.filter(
     (d) => d.name.toLowerCase().includes(u.toLowerCase())
   ), y = {
     hidden: { opacity: 0 },
@@ -3365,10 +3365,10 @@ const Ae = Wn(), Xe = Ae.axiosGet, Vl = Ae.axiosDelete, ft = Ae.axiosPost, jl =
     hidden: { y: 20, opacity: 0 },
     visible: { y: 0, opacity: 1 },
     exit: { opacity: 0, x: -20 }
-  }, w = () => l ? (
+  }, v = () => l ? (
     // Show 5 skeleton items while loading
     /* @__PURE__ */ e("div", { children: Array.from({ length: 5 }).map((d, g) => /* @__PURE__ */ e(ts, {}, g)) })
-  ) : v.length === 0 ? /* @__PURE__ */ n(
+  ) : w.length === 0 ? /* @__PURE__ */ n(
     ie.div,
     {
       initial: { opacity: 0, scale: 0.95 },
@@ -3387,7 +3387,7 @@ const Ae = Wn(), Xe = Ae.axiosGet, Vl = Ae.axiosDelete, ft = Ae.axiosPost, jl =
       initial: "hidden",
       animate: "visible",
       className: "divide-y divide-gray-200",
-      children: /* @__PURE__ */ e(ke, { children: v.map((d) => /* @__PURE__ */ n(
+      children: /* @__PURE__ */ e(ke, { children: w.map((d) => /* @__PURE__ */ n(
         ie.li,
         {
           layout: !0,
@@ -3444,12 +3444,12 @@ const Ae = Wn(), Xe = Ae.axiosGet, Vl = Ae.axiosDelete, ft = Ae.axiosPost, jl =
     /* @__PURE__ */ e("div", { className: "p-4 border-b border-gray-200 flex-shrink-0", children: /* @__PURE__ */ e(
       he,
       {
-        onDebouncedChange: p,
+        onDebouncedChange: h,
         value: o,
         placeholder: "Search members..."
       }
     ) }),
-    /* @__PURE__ */ e("div", { className: "flex-grow overflow-y-auto", children: w() })
+    /* @__PURE__ */ e("div", { className: "flex-grow overflow-y-auto", children: v() })
   ] });
 }, pe = {
   INVITE: "invite",
@@ -3469,10 +3469,10 @@ const Ae = Wn(), Xe = Ae.axiosGet, Vl = Ae.axiosDelete, ft = Ae.axiosPost, jl =
   onClose: m = () => {
   },
   showExistingShares: o = !0,
-  allowedPermissions: p = [],
+  allowedPermissions: h = [],
   ...u
 }) => {
-  const [v, y] = L(pe.INVITE), [r, w] = L(t), [d, g] = L(null), [z, A] = L(!1), [F, O] = L([]), [P, _] = L(pe.MANAGE), U = () => {
+  const [w, y] = L(pe.INVITE), [r, v] = L(t), [d, g] = L(null), [z, A] = L(!1), [F, O] = L([]), [P, _] = L(pe.MANAGE), U = () => {
     y(pe.INVITE), g(null), m();
   }, Y = () => {
     y(pe.MANAGE);
@@ -3485,18 +3485,18 @@ const Ae = Wn(), Xe = Ae.axiosGet, Vl = Ae.axiosDelete, ft = Ae.axiosPost, jl =
       }
       O(resp);
     }
-    g({ id: f, type: I, name: C }), _(v), y(pe.MEMBERS);
+    g({ id: f, type: I, name: C }), _(w), y(pe.MEMBERS);
   }, T = (f) => {
-    console.log("changedExistingShares", f), w(f);
-    const C = st.mapValues(t, (D) => D.map((b) => ({ id: b.id, permission: b.permission })).sort((b, h) => b.id - h.id)), I = st.mapValues(f, (D) => D.map((b) => ({ id: b.id, permission: b.permission })).sort((b, h) => b.id - h.id));
+    console.log("changedExistingShares", f), v(f);
+    const C = st.mapValues(t, (D) => D.map((b) => ({ id: b.id, permission: b.permission })).sort((b, p) => b.id - p.id)), I = st.mapValues(f, (D) => D.map((b) => ({ id: b.id, permission: b.permission })).sort((b, p) => b.id - p.id));
     console.log("Existing data:", C), console.log("Changed data:", I);
     const E = !st.isEqual(C, I);
-    console.log("hasPermissionChanged:", E), A(E), y(v === pe.MEMBERS ? P : pe.INVITE);
+    console.log("hasPermissionChanged:", E), A(E), y(w === pe.MEMBERS ? P : pe.INVITE);
   };
   return /* @__PURE__ */ e(ue, { appear: !0, show: a, as: Q, children: /* @__PURE__ */ n(be, { as: "div", className: "relative z-50", onClose: U, children: [
     /* @__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(Te, { className: "filter-modal-panel", style: { background: "white" }, children: (() => {
-      switch (v) {
+      switch (w) {
         case pe.MANAGE:
           return /* @__PURE__ */ e(
             ie.div,
@@ -3515,7 +3515,7 @@ const Ae = Wn(), Xe = Ae.axiosGet, Vl = Ae.axiosDelete, ft = Ae.axiosPost, jl =
                   onOpenMembers: G,
                   existingShares: r,
                   calledBy: l,
-                  allowedPermissions: p
+                  allowedPermissions: h
                 }
               )
             },
@@ -3588,15 +3588,15 @@ function et({
   },
   placeholder: m = "Select options",
   error: o = null,
-  displayLimit: p = 3,
+  displayLimit: h = 3,
   selectionLimit: u = -1,
   // NEW: search behavior
-  searchMode: v = "client",
+  searchMode: w = "client",
   // "client" | "server"
   onSearch: y,
   // (query: string) => void (required if searchMode==="server")
   serverLoading: r = !1,
-  minSearchChars: w = 2,
+  minSearchChars: v = 2,
   // NEW: mappers (id/label keys)
   getOptionId: d = (z) => String(z.id),
   getOptionLabel: g = (z) => z.name
@@ -3611,12 +3611,12 @@ function et({
     return a.filter((C) => g(C).toLowerCase().includes(f));
   }, [a, F, g]);
   te(() => {
-    v === "server" && F.length >= w && F !== P.current && (P.current = F, y && y(F));
-  }, [F, v, w, y]);
-  const G = v === "client" ? Y : a, T = () => {
+    w === "server" && F.length >= v && F !== P.current && (P.current = F, y && y(F));
+  }, [F, w, v, y]);
+  const G = w === "client" ? Y : a, T = () => {
     if (!U.length)
       return /* @__PURE__ */ e("span", { className: "text-gray-500", children: m });
-    const f = U.slice(0, p), C = U.length - p;
+    const f = U.slice(0, h), C = U.length - h;
     return /* @__PURE__ */ n("div", { className: "flex flex-wrap gap-2", children: [
       f.map((I) => /* @__PURE__ */ e(
         "span",
@@ -3677,33 +3677,33 @@ function et({
               {
                 value: F,
                 onDebouncedChange: O,
-                placeholder: v === "server" ? `Search (min ${w})…` : "Search options…"
+                placeholder: w === "server" ? `Search (min ${v})…` : "Search options…"
               }
             ) }),
-            v === "server" && r && /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: "Loading…" }),
-            G.length === 0 && !r ? /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: v === "server" ? F.length < w ? `Type at least ${w} characters to search.` : "No results." : "No options found." }) : G.map((C) => {
-              const I = d(C), E = g(C), D = U.some((h) => d(h) === I), b = u !== -1 && U.length >= u && !D;
+            w === "server" && r && /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: "Loading…" }),
+            G.length === 0 && !r ? /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: w === "server" ? F.length < v ? `Type at least ${v} characters to search.` : "No results." : "No options found." }) : G.map((C) => {
+              const I = d(C), E = g(C), D = U.some((p) => d(p) === I), b = u !== -1 && U.length >= u && !D;
               return /* @__PURE__ */ e(
                 Z.Option,
                 {
                   value: C,
                   disabled: b,
-                  className: ({ active: h }) => je(
-                    b ? " text-gray-400  bg-white  cursor-not-allowed" : h ? " bg-gray-200  text-gray-900" : " text-gray-900",
+                  className: ({ active: p }) => je(
+                    b ? " text-gray-400  bg-white  cursor-not-allowed" : p ? " bg-gray-200  text-gray-900" : " text-gray-900",
                     " relative  cursor-default  select-none  py-2  pl-3  pr-9"
                   ),
-                  children: ({ selected: h, active: N }) => /* @__PURE__ */ n(ee, { children: [
+                  children: ({ selected: p, active: N }) => /* @__PURE__ */ n(ee, { children: [
                     /* @__PURE__ */ e(
                       "span",
                       {
                         className: je(
-                          h ? "font-semibold" : "font-normal",
+                          p ? "font-semibold" : "font-normal",
                           "block truncate"
                         ),
                         children: E
                       }
                     ),
-                    h && /* @__PURE__ */ e(
+                    p && /* @__PURE__ */ e(
                       "span",
                       {
                         className: je(
@@ -3775,11 +3775,11 @@ const Gl = ({
   footer: l = { show: !0, customFooter: null },
   primaryAction: m = { onSubmit: null, label: "Save", loader: !1, disabled: !1 },
   secondaryAction: o = { onCancel: null, label: "Cancel" },
-  dialogPanelClass: p = ""
+  dialogPanelClass: h = ""
 }) => {
   const u = (y) => {
     y.target === y.currentTarget && a(!1);
-  }, v = (y) => {
+  }, w = (y) => {
     y.stopPropagation();
   };
   return /* @__PURE__ */ n(
@@ -3799,8 +3799,8 @@ const Gl = ({
         /* @__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__ */ n(
           Te,
           {
-            className: `${p} 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: v,
+            className: `${h} 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: w,
             children: [
               /* @__PURE__ */ n("div", { className: "flex justify-between items-center border-b border-gray-200 p-6 flex-shrink-0", children: [
                 i?.customHeader && i.customHeader,
@@ -3811,7 +3811,7 @@ const Gl = ({
                 "div",
                 {
                   className: "px-5 mb-5",
-                  onClick: v,
+                  onClick: w,
                   children: s
                 }
               ),
@@ -3872,14 +3872,14 @@ function ss({
   onSelect: l,
   onCreateChild: m,
   onRename: o,
-  onDelete: p,
+  onDelete: h,
   renderActions: u,
   // optional override
-  dragId: v,
+  dragId: w,
   dropId: y,
   indent: r = 24
 }) {
-  const { setNodeRef: w, isOver: d } = sr({ id: y }), { attributes: g, listeners: z, setNodeRef: A, transform: F, isDragging: O } = lr({ id: v }), P = F ? { transform: `translate3d(${Math.round(F.x)}px, ${Math.round(F.y)}px, 0)` } : void 0, [_, U] = L(!1), [Y, G] = L(t.name), T = () => {
+  const { setNodeRef: v, isOver: d } = sr({ id: y }), { attributes: g, listeners: z, setNodeRef: A, transform: F, isDragging: O } = lr({ id: w }), P = F ? { transform: `translate3d(${Math.round(F.x)}px, ${Math.round(F.y)}px, 0)` } : void 0, [_, U] = L(!1), [Y, G] = L(t.name), T = () => {
     const f = Y.trim();
     U(!1), f && f !== t.name ? o?.(t, f) : G(t.name);
   }, x = le(() => /* @__PURE__ */ e(
@@ -3891,14 +3891,14 @@ function ss({
         { action: "delete", label: "Delete" }
       ],
       onSelect: (C) => {
-        C.action === "create" ? m?.(t) : C.action === "rename" ? U(!0) : C.action === "delete" && p?.(t);
+        C.action === "create" ? m?.(t) : C.action === "rename" ? U(!0) : C.action === "delete" && h?.(t);
       }
     }
-  ), [t, m, p]);
+  ), [t, m, h]);
   return /* @__PURE__ */ n(
     "div",
     {
-      ref: w,
+      ref: v,
       className: `tv-row ${d ? "tv-drop-over" : ""} ${O ? "dragging" : ""}`,
       style: { ...P, paddingLeft: 8 + a * r },
       onClick: (f) => {
@@ -3924,7 +3924,7 @@ function ss({
         /* @__PURE__ */ e("div", { className: "tv-actions", children: u ? u(t, {
           onCreateChild: () => m?.(t),
           onRename: () => U(!0),
-          onDelete: () => p?.(t)
+          onDelete: () => h?.(t)
         }) : x })
       ]
     }
@@ -3933,35 +3933,35 @@ function ss({
 const ls = (t) => String(t.id ?? t._id), is = (t) => t.parent !== void 0 ? String(t.parent) : t.parentId != null ? String(t.parentId) : "root", os = (t) => t.name ?? t.label ?? "", cs = (t) => Array.isArray(t) && t.some((a) => Array.isArray(a.children));
 function ds(t, { rootId: a, getId: s, getParent: i, getName: l }) {
   const m = /* @__PURE__ */ new Map();
-  t.forEach((p) => {
-    const u = s(p);
+  t.forEach((h) => {
+    const u = s(h);
     m.set(u, {
-      ...p,
+      ...h,
       id: u,
-      name: l(p),
-      parentId: i(p) || a,
+      name: l(h),
+      parentId: i(h) || a,
       children: []
     });
   });
   const o = [];
-  return m.forEach((p) => {
-    const u = p.parentId || a;
-    u !== a && m.has(u) ? m.get(u).children.push(p) : o.push(p);
+  return m.forEach((h) => {
+    const u = h.parentId || a;
+    u !== a && m.has(u) ? m.get(u).children.push(h) : o.push(h);
   }), { roots: o, byId: m };
 }
 function ms(t, { rootId: a, getId: s, getName: i }) {
   const l = /* @__PURE__ */ new Map();
-  function m(p, u) {
-    const v = s(p), y = {
-      ...p,
-      id: v,
-      name: i(p),
+  function m(h, u) {
+    const w = s(h), y = {
+      ...h,
+      id: w,
+      name: i(h),
       parentId: u || a,
-      children: (p.children || []).map((r) => m(r, v))
+      children: (h.children || []).map((r) => m(r, w))
     };
-    return l.set(v, y), y;
+    return l.set(w, y), y;
   }
-  return { roots: t.map((p) => m(p, null)), byId: l };
+  return { roots: t.map((h) => m(h, null)), byId: l };
 }
 const Ie = (t) => t.map((a) => ({ ...a, children: Ie(a.children || []) }));
 function us(t, a) {
@@ -3971,8 +3971,8 @@ function us(t, a) {
       if (o.id === a)
         return s = o, null;
       if (o.children?.length) {
-        const p = i(o.children);
-        if (p !== o.children) return { ...o, children: p };
+        const h = i(o.children);
+        if (h !== o.children) return { ...o, children: h };
       }
       return o;
     }).filter(Boolean);
@@ -4011,12 +4011,12 @@ function ql({
   getParent: l = is,
   getName: m = os,
   onSelect: o,
-  onCreateRoot: p,
+  onCreateRoot: h,
   onCreateChild: u,
-  onRename: v,
+  onRename: w,
   onDelete: y,
   onMove: r,
-  renderActions: w,
+  renderActions: v,
   disableMoveToRoot: d = !1,
   // ← allow root moves by default now
   indentUnit: g = 24
@@ -4025,18 +4025,18 @@ function ql({
     t.map((b) => ({ ...b })),
     { rootId: a, getId: i, getParent: l, getName: m }
   ), [t, a, i, l, m]), [A, F] = L({}), O = K((b) => {
-    const h = {};
+    const p = {};
     return (function N(k) {
       k.forEach(($) => {
-        h[$.id] = !0, $.children?.length && N($.children);
+        p[$.id] = !0, $.children?.length && N($.children);
       });
-    })(b), h;
+    })(b), p;
   }, []);
   ae.useEffect(() => {
     F(O(z));
   }, [z, O]);
   const P = K(
-    (b) => F((h) => ({ ...h, [b]: !h[b] })),
+    (b) => F((p) => ({ ...p, [b]: !p[b] })),
     []
   ), [_, U] = L(() => Ie(z));
   ae.useEffect(() => U(Ie(z)), [z]);
@@ -4046,10 +4046,10 @@ function ql({
   }, I = ({ delta: b }) => {
     f.current = b?.x ?? 0;
   }, E = K(
-    ({ active: b, over: h }) => {
+    ({ active: b, over: p }) => {
       const N = f.current;
-      if (f.current = 0, x(null), !b || !h) return;
-      const k = String(b.id).replace(/^drag-/, ""), $ = String(h.id).replace(/^drop-/, "");
+      if (f.current = 0, x(null), !b || !p) return;
+      const k = String(b.id).replace(/^drag-/, ""), $ = String(p.id).replace(/^drop-/, "");
       if (!k || !$ || k === $) return;
       let M = $;
       const S = Math.max(0, Math.floor(-N / g));
@@ -4076,49 +4076,49 @@ function ql({
     },
     [_, z, a, d, g, r]
   ), D = K(
-    (b, h = 0) => b.map((N) => /* @__PURE__ */ n(ae.Fragment, { children: [
+    (b, p = 0) => b.map((N) => /* @__PURE__ */ n(ae.Fragment, { children: [
       /* @__PURE__ */ e(
         ss,
         {
           node: N,
-          depth: h,
+          depth: p,
           expanded: !!A[N.id],
           onToggle: () => P(N.id),
           onSelect: o,
           onCreateChild: u,
-          onRename: v,
+          onRename: w,
           onDelete: y,
-          renderActions: w,
+          renderActions: v,
           dragId: `drag-${N.id}`,
           dropId: `drop-${N.id}`,
           indent: g
         }
       ),
-      A[N.id] && N.children?.length > 0 ? D(N.children, h + 1) : null
+      A[N.id] && N.children?.length > 0 ? D(N.children, p + 1) : null
     ] }, N.id)),
-    [A, g, u, y, v, o, w, P]
+    [A, g, u, y, w, o, v, P]
   );
   return ae.useMemo(() => {
     if (!T) return null;
     const b = String(T).replace(/^drag-/, "");
-    function h(N) {
+    function p(N) {
       for (const k of N) {
         if (k.id === b) return k;
-        const $ = k.children?.length ? h(k.children) : null;
+        const $ = k.children?.length ? p(k.children) : null;
         if ($) return $;
       }
       return null;
     }
-    return h(_);
+    return p(_);
   }, [T, _]), /* @__PURE__ */ n("div", { className: "tv", children: [
     s !== !1 && /* @__PURE__ */ n("div", { className: "tv-header", children: [
       /* @__PURE__ */ e("div", { className: "tv-title", children: s }),
-      /* @__PURE__ */ e("button", { className: "tv-btn", onClick: p, children: "+ New folder" })
+      /* @__PURE__ */ e("button", { className: "tv-btn", onClick: h, children: "+ New folder" })
     ] }),
     /* @__PURE__ */ n("div", { className: "tv-root-row", children: [
       /* @__PURE__ */ e(Pe, { size: 16, className: "tv-folder-ic" }),
       /* @__PURE__ */ e("strong", { children: "ROOT" }),
-      /* @__PURE__ */ e("button", { className: "tv-icon", title: "Create top-level", onClick: p, children: "+" })
+      /* @__PURE__ */ e("button", { className: "tv-icon", title: "Create top-level", onClick: h, children: "+" })
     ] }),
     /* @__PURE__ */ e(
       cr,
@@ -4145,24 +4145,24 @@ const Yl = ({
   listClassName: l = "",
   panelClassName: m = "",
   tabClassName: o,
-  ...p
+  ...h
   // Pass remaining props to Tab.Group
 }) => {
-  const u = s === "vertical", v = (w) => Ne(
+  const u = s === "vertical", w = (v) => Ne(
     "py-2 -mb-px text-sm font-medium focus:outline-none border-b-2",
-    w ? "border-primaryX text-textX" : "border-transparent text-slate-600 hover:text-indigo-700"
-  ), y = (w) => Ne(
+    v ? "border-primaryX text-textX" : "border-transparent text-slate-600 hover:text-indigo-700"
+  ), y = (v) => Ne(
     "text-left text-sm rounded-md px-2 py-1.5 focus:outline-none",
-    w ? "bg-primaryX text-white" : "text-textX hover:bg-lightgray-100 hover:text-primaryX"
-  ), r = ({ selected: w }) => o ? typeof o == "function" ? o(w) : o : u ? y(w) : v(w);
-  return /* @__PURE__ */ e(ne.Group, { vertical: u, ...p, children: u ? /* @__PURE__ */ n("div", { className: Ne("flex gap-4", i), children: [
-    /* @__PURE__ */ e(ne.List, { className: Ne("w-[150px] flex flex-col gap-1 border-r border-gray-300 pr-2", l), children: t.map((w) => /* @__PURE__ */ e(ne, { className: r, children: w.label }, w.key)) }),
-    /* @__PURE__ */ e(ne.Panels, { unmount: !a, className: Ne("flex-1", m), children: t.map((w) => /* @__PURE__ */ e(ne.Panel, { className: "focus:outline-none", children: /* @__PURE__ */ e("div", { className: "[overflow-anchor:none]", children: w.content }) }, w.key)) })
+    v ? "bg-primaryX text-white" : "text-textX hover:bg-lightgray-100 hover:text-primaryX"
+  ), r = ({ selected: v }) => o ? typeof o == "function" ? o(v) : o : u ? y(v) : w(v);
+  return /* @__PURE__ */ e(ne.Group, { vertical: u, ...h, children: u ? /* @__PURE__ */ n("div", { className: Ne("flex gap-4", i), children: [
+    /* @__PURE__ */ e(ne.List, { className: Ne("w-[150px] flex flex-col gap-1 border-r border-gray-300 pr-2", l), children: t.map((v) => /* @__PURE__ */ e(ne, { className: r, children: v.label }, v.key)) }),
+    /* @__PURE__ */ e(ne.Panels, { unmount: !a, className: Ne("flex-1", m), children: t.map((v) => /* @__PURE__ */ e(ne.Panel, { className: "focus:outline-none", children: /* @__PURE__ */ e("div", { className: "[overflow-anchor:none]", children: v.content }) }, v.key)) })
   ] }) : (
     // mostly this part is used :  horizontal
     /* @__PURE__ */ n(ee, { children: [
-      /* @__PURE__ */ e(ne.List, { className: Ne("flex gap-6 border rounded-t-2xl px-1.5 border-gray-300 mb-3 ", l), children: t.map((w) => /* @__PURE__ */ e(ne, { className: r, children: w.label }, w.key)) }),
-      /* @__PURE__ */ e(ne.Panels, { unmount: !a, className: Ne("mt-2", m), children: t.map((w) => /* @__PURE__ */ e(ne.Panel, { className: "focus:outline-none", children: /* @__PURE__ */ e("div", { className: "[overflow-anchor:none]", children: w.content }) }, w.key)) })
+      /* @__PURE__ */ e(ne.List, { className: Ne("flex gap-6 border rounded-t-2xl px-1.5 border-gray-300 mb-3 ", l), children: t.map((v) => /* @__PURE__ */ e(ne, { className: r, children: v.label }, v.key)) }),
+      /* @__PURE__ */ e(ne.Panels, { unmount: !a, className: Ne("mt-2", m), children: t.map((v) => /* @__PURE__ */ e(ne.Panel, { className: "focus:outline-none", children: /* @__PURE__ */ e("div", { className: "[overflow-anchor:none]", children: v.content }) }, v.key)) })
     ] })
   ) });
 };
@@ -4172,7 +4172,7 @@ function Wl(t, a = "YYYY-MM-DD HH:mm:ss") {
 c.string;
 function ps({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
   console.log(t);
-  const [l, m] = ae.useState(t), [o, p] = ae.useState(() => {
+  const [l, m] = ae.useState(t), [o, h] = ae.useState(() => {
     const r = a && a[t.key] || {};
     return console.log("Initial Section data for", t.key, r), r;
   }), u = ge(a);
@@ -4180,16 +4180,16 @@ function ps({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
     if (u.current !== a) {
       u.current = a;
       const r = a && a[t.key] || {};
-      console.log("Updated Section data for", t.key, r), p(r);
+      console.log("Updated Section data for", t.key, r), h(r);
     }
   }, [a, t.key]), console.log("Section data", o);
-  const v = ge(o);
+  const w = ge(o);
   te(() => {
-    v.current !== o && s && typeof s == "function" && (v.current = o, s(l.key, o));
+    w.current !== o && s && typeof s == "function" && (w.current = o, s(l.key, o));
   }, [l.key, o, s]);
   const y = (r) => {
     if (!r.dependsOn) return !0;
-    const { field: w, value: d, operator: g = "equals" } = r.dependsOn, z = o[w];
+    const { field: v, value: d, operator: g = "equals" } = r.dependsOn, z = o[v];
     switch (g) {
       case "equals":
         return z === d;
@@ -4225,7 +4225,7 @@ function ps({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
     ),
     /* @__PURE__ */ e("p", { style: { fontSize: "14px", marginBottom: "10px" }, children: l.description }),
     l.layout === "inline-checkboxes" ? /* @__PURE__ */ n("div", { style: { marginBottom: "20px" }, children: [
-      /* @__PURE__ */ e("div", { style: { display: "flex", flexWrap: "wrap", gap: "20px", alignItems: "center" }, children: l.fields.map((r, w) => y(r) && r.fieldtype === "checkbox" && /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center" }, children: [
+      /* @__PURE__ */ e("div", { style: { display: "flex", flexWrap: "wrap", gap: "20px", alignItems: "center" }, children: l.fields.map((r, v) => y(r) && r.fieldtype === "checkbox" && /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center" }, children: [
         /* @__PURE__ */ e(
           ut,
           {
@@ -4233,7 +4233,7 @@ function ps({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             checked: !!(o[r.key] || r.default),
             onChange: (d) => {
               const g = d.target ? d.target.checked : d, z = { ...o, [r.key]: g };
-              p(z), s && s(l.key, z);
+              h(z), s && s(l.key, z);
             },
             label: r.label,
             disabled: r.disabled ? r.disabled : !1
@@ -4251,17 +4251,17 @@ function ps({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             children: "ℹ️"
           }
         )
-      ] }, w)) }),
+      ] }, v)) }),
       l.fields.some(
         (r) => r.fieldtype === "checkbox" && i[l.key]?.[r.key]
       ) && /* @__PURE__ */ e("div", { style: { marginTop: "10px" }, children: l.fields.map(
-        (r, w) => r.fieldtype === "checkbox" && i[l.key]?.[r.key] && /* @__PURE__ */ n("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: [
+        (r, v) => r.fieldtype === "checkbox" && i[l.key]?.[r.key] && /* @__PURE__ */ n("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: [
           r.label,
           ": ",
           i[l.key][r.key]
-        ] }, w)
+        ] }, v)
       ) })
-    ] }) : /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: l.fields.map((r, w) => y(r) && /* @__PURE__ */ n("div", { className: r.fullWidth ? "col-span-full" : "", style: { marginBottom: "10px" }, children: [
+    ] }) : /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: l.fields.map((r, v) => y(r) && /* @__PURE__ */ n("div", { className: r.fullWidth ? "col-span-full" : "", style: { marginBottom: "10px" }, children: [
       r.fieldtype !== "checkbox" && /* @__PURE__ */ n(
         "label",
         {
@@ -4288,7 +4288,7 @@ function ps({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             value: o[r.key] || "",
             onChange: (d) => {
               const g = { ...o, [r.key]: d.target.value };
-              p(g), s && s(l.key, g);
+              h(g), s && s(l.key, g);
             },
             required: r.required,
             disabled: r.disabled ? r.disabled : !1,
@@ -4308,7 +4308,7 @@ function ps({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             value: o[r.key] || "",
             onChange: (d) => {
               const g = { ...o, [r.key]: d.target.value };
-              p(g), s && s(l.key, g);
+              h(g), s && s(l.key, g);
             },
             rows: 3,
             required: r.required,
@@ -4333,7 +4333,7 @@ function ps({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             step: r.step,
             onChange: (d) => {
               const g = d.target.value, z = { ...o, [r.key]: g };
-              p(z), s && s(l.key, z);
+              h(z), s && s(l.key, z);
             },
             onBlur: (d) => {
               const g = d.target.value;
@@ -4365,7 +4365,7 @@ function ps({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             checked: !!(o[r.key] || r.default),
             onChange: (d) => {
               const g = d.target ? d.target.checked : d, z = { ...o, [r.key]: g };
-              p(z), s && s(l.key, z);
+              h(z), s && s(l.key, z);
             },
             label: r.placeholder || r.label,
             disabled: r.disabled ? r.disabled : !1,
@@ -4383,7 +4383,7 @@ function ps({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             value: o[r.key] || "",
             onChange: (d) => {
               const g = { ...o, [r.key]: d };
-              p(g);
+              h(g);
             },
             options: r.options || [],
             placeholder: r.placeholder || `Select ${r.label}`,
@@ -4405,7 +4405,7 @@ function ps({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             value: o[r.key] || "",
             onChange: (d) => {
               const g = { ...o, [r.key]: d.target.value };
-              p(g), s && s(l.key, g);
+              h(g), s && s(l.key, g);
             },
             required: r.required,
             disabled: r.disabled ? r.disabled : !1,
@@ -4425,7 +4425,7 @@ function ps({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             value: o[r.key] || "",
             onChange: (d) => {
               const g = { ...o, [r.key]: d.target.value };
-              p(g), s && s(l.key, g);
+              h(g), s && s(l.key, g);
             },
             required: r.required,
             disabled: r.disabled ? r.disabled : !1,
@@ -4445,7 +4445,7 @@ function ps({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             value: o[r.key] || "",
             onChange: (d) => {
               const g = { ...o, [r.key]: d.target.value };
-              p(g), s && s(l.key, g);
+              h(g), s && s(l.key, g);
             },
             required: r.required,
             disabled: r.disabled ? r.disabled : !1,
@@ -4461,7 +4461,7 @@ function ps({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             selectedItems: o[r.key] || [],
             onSelectionChange: (d) => {
               const g = { ...o, [r.key]: d };
-              p(g), s && s(l.key, g);
+              h(g), s && s(l.key, g);
             },
             options: r.options || [],
             placeholder: r.placeholder || `Select ${r.label}`,
@@ -4479,7 +4479,7 @@ function ps({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             onChange: (d) => {
               console.log("Toggle changed:", r.key, d);
               const g = { ...o, [r.key]: d };
-              p(g), s && s(l.key, g);
+              h(g), s && s(l.key, g);
             },
             disabled: r.disabled ? r.disabled : !1
           }
@@ -4493,7 +4493,7 @@ function ps({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           value: o[r.key] ? new Date(o[r.key]) : null,
           onChange: (d) => {
             const g = { ...o, [r.key]: d ? d.toISOString().split("T")[0] : "" };
-            p(g), s && s(l.key, g);
+            h(g), s && s(l.key, g);
           },
           placeholder: r.placeholder || "Select date",
           disabled: r.disabled ? r.disabled : !1,
@@ -4508,7 +4508,7 @@ function ps({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           value: o[r.key] || { from: null, to: null },
           onChange: (d) => {
             const g = { ...o, [r.key]: d };
-            p(g), s && s(l.key, g);
+            h(g), s && s(l.key, g);
           },
           placeholder: r.placeholder || "Select date range",
           disabled: r.disabled ? r.disabled : !1,
@@ -4523,7 +4523,7 @@ function ps({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             selectedValue: typeof o[r.key] < "u" ? o[r.key] : r.default || "",
             onValueChange: (d) => {
               const g = { ...o, [r.key]: d };
-              p(g), s && s(l.key, g);
+              h(g), s && s(l.key, g);
             },
             options: r.options || [],
             disabled: r.disabled ? r.disabled : !1,
@@ -4544,7 +4544,7 @@ function ps({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               checked: o[r.key] === d.value,
               onChange: (g) => {
                 const z = { ...o, [r.key]: g.target.value };
-                p(z), s && s(l.key, z);
+                h(z), s && s(l.key, z);
               },
               disabled: r.disabled
             }
@@ -4563,7 +4563,7 @@ function ps({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             value: o[r.key] || "",
             onChange: (d) => {
               const g = { ...o, [r.key]: d };
-              p(g), s && s(l.key, g);
+              h(g), s && s(l.key, g);
             },
             placeholder: r.placeholder || `Search ${r.label}`,
             className: `w-full ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
@@ -4582,7 +4582,7 @@ function ps({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             value: o[r.key] || "",
             onChange: (d) => {
               const g = { ...o, [r.key]: d.target.value };
-              p(g), s && s(l.key, g);
+              h(g), s && s(l.key, g);
             },
             required: r.required,
             className: `w-full ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
@@ -4601,7 +4601,7 @@ function ps({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             value: o[r.key] || "",
             onChange: (d) => {
               const g = { ...o, [r.key]: d.target.value };
-              p(g), s && s(l.key, g);
+              h(g), s && s(l.key, g);
             },
             required: r.required,
             className: `w-full ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
@@ -4619,7 +4619,7 @@ function ps({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             value: o[r.key] || "#000000",
             onChange: (d) => {
               const g = { ...o, [r.key]: d.target.value };
-              p(g), s && s(l.key, g);
+              h(g), s && s(l.key, g);
             },
             className: `w-full h-10 ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
           }
@@ -4636,7 +4636,7 @@ function ps({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             value: o[r.key] || r.min || 0,
             onChange: (d) => {
               const g = { ...o, [r.key]: d.target.value };
-              p(g), s && s(l.key, g);
+              h(g), s && s(l.key, g);
             },
             min: r.min || 0,
             max: r.max || 100,
@@ -4662,7 +4662,7 @@ function ps({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             name: r.key,
             onChange: (d) => {
               const g = d.target.files[0], z = { ...o, [r.key]: g ? g.name : "" };
-              p(z), s && s(l.key, z);
+              h(z), s && s(l.key, z);
             },
             accept: r.accept,
             className: `w-full ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
@@ -4679,7 +4679,7 @@ function ps({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             className: r.className || "",
             onCollectionChange: (d) => {
               const g = { ...o, [r.key]: d };
-              p(g), s && s(l.key, g);
+              h(g), s && s(l.key, g);
             },
             showSearch: r.showSearch !== !1,
             allowAdd: r.allowAdd !== !1,
@@ -4701,21 +4701,21 @@ function ps({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           children: r.info
         }
       )
-    ] }, w)) })
+    ] }, v)) })
   ] }) });
 }
 const gs = ({ children: t }) => /* @__PURE__ */ e("div", { className: "flex -space-x-2", children: t });
 function bs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
   console.log(`[DynamicConfig/DataTableRenderer] Component loaded for section: ${t.key}`);
-  const [l, m] = L(t), [o, p] = L(null), [u, v] = L(null);
+  const [l, m] = L(t), [o, h] = L(null), [u, w] = L(null);
   console.log(`[DataTableRenderer] ${l.key} - Received props:`, { item: t, initialData: a });
   const [y, r] = L(() => {
     const x = a && a[l.key] || [], f = x.length > 0 ? x : [{ id: 0 }];
     return console.log(`[DataTableRenderer] ${l.key} - Initial data:`, f), f;
-  }), w = ge(a);
+  }), v = ge(a);
   te(() => {
-    if (console.log(`[DataTableRenderer] ${l.key} - Checking for initialData changes`), console.log(`[DataTableRenderer] ${l.key} - Previous:`, w.current), console.log(`[DataTableRenderer] ${l.key} - Current:`, a), w.current !== a) {
-      w.current = a;
+    if (console.log(`[DataTableRenderer] ${l.key} - Checking for initialData changes`), console.log(`[DataTableRenderer] ${l.key} - Previous:`, v.current), console.log(`[DataTableRenderer] ${l.key} - Current:`, a), v.current !== a) {
+      v.current = a;
       const x = a && a[l.key] || [], f = x.length > 0 ? x : [{ id: 0 }];
       console.log(`[DataTableRenderer] ${l.key} - Setting new data:`, f), r(f);
     }
@@ -4731,8 +4731,8 @@ function bs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
   const z = (x) => {
     const f = (E, D) => {
       console.log("[DataTableRenderer] updateFieldValue called with:", { rowIndex: E, value: D, type: typeof D }), r((b) => {
-        const h = [...b];
-        return h[E][x.key] = D, h;
+        const p = [...b];
+        return p[E][x.key] = D, p;
       });
     }, C = (E) => i[l.key]?.[E]?.[x.key], I = (E) => {
       const D = C(E);
@@ -4780,9 +4780,9 @@ function bs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               step: x.step,
               onChange: (b) => f(D, b.target.value),
               onBlur: (b) => {
-                const h = b.target.value;
-                if (h !== "" && h !== null && h !== void 0) {
-                  const N = Number(h);
+                const p = b.target.value;
+                if (p !== "" && p !== null && p !== void 0) {
+                  const N = Number(p);
                   isNaN(N) || (x.min !== void 0 && N < x.min ? (b.target.setCustomValidity(`${x.label} must be at least ${x.min}`), b.target.reportValidity()) : x.max !== void 0 && N > x.max ? (b.target.setCustomValidity(`${x.label} must not exceed ${x.max}`), b.target.reportValidity()) : b.target.setCustomValidity(""));
                 }
               },
@@ -4866,7 +4866,7 @@ function bs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         return (E, D) => {
           const b = () => {
             if (x.optionsFrom && a) {
-              const { config: h, valueField: N, labelField: k } = x.optionsFrom, $ = a[h] || [];
+              const { config: p, valueField: N, labelField: k } = x.optionsFrom, $ = a[p] || [];
               if (Array.isArray($))
                 return $.map((M) => ({
                   id: M[N] || "",
@@ -4882,7 +4882,7 @@ function bs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               {
                 index: D,
                 value: E[x.key] || "",
-                onChange: (h) => f(D, h),
+                onChange: (p) => f(D, p),
                 options: b(),
                 placeholder: x.placeholder || `Select ${x.label}`,
                 required: x.required,
@@ -4900,7 +4900,7 @@ function bs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             et,
             {
               selectedItems: b,
-              onSelectionChange: (h) => f(D, h),
+              onSelectionChange: (p) => f(D, p),
               options: x.options || [],
               placeholder: x.placeholder || `Select ${x.label}`,
               className: "w-full"
@@ -4985,13 +4985,13 @@ function bs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         );
       case "audience":
         return (E, D) => {
-          const b = E[x.key] || { users: [], groups: [], roles: [] }, h = [
+          const b = E[x.key] || { users: [], groups: [], roles: [] }, p = [
             ...b.users || [],
             ...b.groups || [],
             ...b.roles || []
           ];
           return /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ e(gs, { children: h.length > 0 ? h.slice(0, 3).map((N, k) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e(gs, { children: p.length > 0 ? p.slice(0, 3).map((N, k) => /* @__PURE__ */ e(
               Ce,
               {
                 size: "small",
@@ -5005,9 +5005,9 @@ function bs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               {
                 className: "text-blue-600 font-semibold hover:text-blue-800",
                 onClick: () => {
-                  v(x.key), p(D);
+                  w(x.key), h(D);
                 },
-                children: h.length > 0 ? "Edit" : "Assign"
+                children: p.length > 0 ? "Edit" : "Assign"
               }
             )
           ] });
@@ -5044,8 +5044,8 @@ function bs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           {
             type: "file",
             onChange: (b) => {
-              const h = b.target.files[0];
-              f(D, h ? h.name : "");
+              const p = b.target.files[0];
+              f(D, p ? p.name : "");
             },
             accept: x.accept,
             className: "w-full"
@@ -5111,7 +5111,7 @@ function bs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
     console.log("[DataTableRenderer] handleAddAudience called with:", x), r((f) => {
       const C = [...f];
       if (o !== null && u && C[o]) {
-        const I = x.pendingInvites || [], E = I.filter((h) => h.type === "User"), D = I.filter((h) => h.type === "Group"), b = I.filter((h) => h.type === "Role");
+        const I = x.pendingInvites || [], E = I.filter((p) => p.type === "User"), D = I.filter((p) => p.type === "Group"), b = I.filter((p) => p.type === "Role");
         C[o][u] = {
           users: [...C[o][u]?.users || [], ...E],
           groups: [...C[o][u]?.groups || [], ...D],
@@ -5119,7 +5119,7 @@ function bs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         }, console.log("[DataTableRenderer] Updated audience data:", C[o][u]);
       }
       return C;
-    }), p(null), v(null);
+    }), h(null), w(null);
   }, [o, u]);
   return /* @__PURE__ */ n("div", { children: [
     /* @__PURE__ */ n("div", { style: { marginBottom: "20px" }, children: [
@@ -5186,7 +5186,7 @@ function bs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         {
           isOpen: !0,
           onClose: () => {
-            p(null), v(null);
+            h(null), w(null);
           },
           onFinalSubmit: T,
           existingShares: x,
@@ -5218,7 +5218,7 @@ function vs({
   onShowCancelModal: l,
   onCancel: m
 }) {
-  const [o, p] = ae.useState(a), [u, v] = ae.useState(null), [y, r] = ae.useState(null), [w, d] = L(!1), [g, z] = L(!1), [A, F] = L({}), O = `${ze()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, P = O, [_, U] = L(1), Y = () => {
+  const [o, h] = ae.useState(a), [u, w] = ae.useState(null), [y, r] = ae.useState(null), [v, d] = L(!1), [g, z] = L(!1), [A, F] = L({}), O = `${ze()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, P = O, [_, U] = L(1), Y = () => {
     if (!y || !u)
       return console.log("[DynamicConfig] hasUnsavedChanges: false (no data)", { originalData: y, data: u }), !1;
     const b = ($) => {
@@ -5228,9 +5228,9 @@ function vs({
       return Object.keys($).sort().forEach((S) => {
         M[S] = b($[S]);
       }), M;
-    }, h = b(y), N = b(u), k = JSON.stringify(h) !== JSON.stringify(N);
+    }, p = b(y), N = b(u), k = JSON.stringify(p) !== JSON.stringify(N);
     return console.log("[DynamicConfig] hasUnsavedChanges:", k, {
-      originalData: h,
+      originalData: p,
       currentData: N,
       originalRaw: y,
       currentRaw: u
@@ -5238,7 +5238,7 @@ function vs({
   }, G = (b) => {
     if (!a || !a.configuration)
       return b;
-    const h = {}, N = b?.configuration || {};
+    const p = {}, N = b?.configuration || {};
     return a.configuration.forEach((k) => {
       if (k.key && k.type === "datatable") {
         const M = (N[k.key] || []).map((S, B) => {
@@ -5261,32 +5261,32 @@ function vs({
             B.fieldtype === "audience" ? S[B.key] = { users: [], groups: [], roles: [] } : S[B.key] = B.default || "";
           }), M.push(S);
         }
-        h[k.key] = M;
+        p[k.key] = M;
       } else if (k.key) {
         const $ = N[k.key] || {};
         k.type === "section" && k.fields && k.fields.forEach((M) => {
           M.fieldtype === "managecollectionlist" && M.key && (!$[M.key] || !Array.isArray($[M.key])) && ($[M.key] = M.initialData || []);
-        }), h[k.key] = $;
+        }), p[k.key] = $;
       }
-    }), h;
+    }), p;
   }, T = () => {
     if (a && a.configuration) {
       const b = {};
-      a.configuration.forEach((h) => {
-        if (h.key)
-          if (h.type === "datatable") {
+      a.configuration.forEach((p) => {
+        if (p.key)
+          if (p.type === "datatable") {
             const N = { id: 0 };
-            h.fields && h.fields.forEach((k) => {
+            p.fields && p.fields.forEach((k) => {
               k.fieldtype === "audience" ? N[k.key] = { users: [], groups: [], roles: [] } : N[k.key] = k.default || "";
-            }), b[h.key] = [N];
-          } else if (h.type === "section") {
+            }), b[p.key] = [N];
+          } else if (p.type === "section") {
             const N = {};
-            h.fields && Array.isArray(h.fields) && h.fields.forEach((k) => {
+            p.fields && Array.isArray(p.fields) && p.fields.forEach((k) => {
               k.key && (k.fieldtype === "managecollectionlist" ? N[k.key] = k.initialData || [] : N[k.key] = k.default || "");
-            }), b[h.key] = N;
+            }), b[p.key] = N;
           } else
-            b[h.key] = {};
-      }), v(b), r(b);
+            b[p.key] = {};
+      }), w(b), r(b);
     }
   };
   te(() => {
@@ -5297,31 +5297,31 @@ function vs({
     const b = async () => {
       try {
         d(!0);
-        let h = await Xe(O);
-        if (h) {
-          const N = G(h);
-          v(N), r(N);
+        let p = await Xe(O);
+        if (p) {
+          const N = G(p);
+          w(N), r(N);
         } else
           T();
-      } catch (h) {
-        console.error("Error fetching configuration:", h);
+      } catch (p) {
+        console.error("Error fetching configuration:", p);
         let N = "Failed to load configuration";
-        if (h.response) {
-          const k = h.response.status, $ = h.response.data?.message || h.response.data?.error;
+        if (p.response) {
+          const k = p.response.status, $ = p.response.data?.message || p.response.data?.error;
           k === 400 ? N = $ || "Invalid request. Please check the application ID." : k === 401 ? N = "You are not authorized to access this configuration." : k === 403 ? N = "Access denied. You don't have permission to view this configuration." : k === 404 ? N = "Configuration not found. It may not exist yet or the application ID is incorrect." : k >= 500 ? N = $ || "Server error. Please try again later." : N = $ || `Failed to load configuration (Error ${k})`;
-        } else h.request ? N = "Network error. Please check your connection and try again." : N = h.message || "An unexpected error occurred while loading configuration.";
+        } else p.request ? N = "Network error. Please check your connection and try again." : N = p.message || "An unexpected error occurred while loading configuration.";
         _e.error(N), T();
       } finally {
         d(!1);
       }
     };
-    a && (p(a), t ? b() : T());
+    a && (h(a), t ? b() : T());
   }, [a, _, t, s]);
-  const x = (b, h) => {
-    console.log(`[DynamicConfig] handleSectionChange called for ${b}:`, h), v((N) => {
+  const x = (b, p) => {
+    console.log(`[DynamicConfig] handleSectionChange called for ${b}:`, p), w((N) => {
       const k = {
         ...N,
-        [b]: h
+        [b]: p
       };
       return console.log("[DynamicConfig] Updated data state:", k), k;
     }), F((N) => {
@@ -5330,31 +5330,31 @@ function vs({
     });
   }, f = () => {
     const b = {};
-    return !o || !u || o.configuration.forEach((h) => {
-      if (h.type === "section")
-        h.fields.forEach((N) => {
-          const k = u[h.key]?.[N.key];
+    return !o || !u || o.configuration.forEach((p) => {
+      if (p.type === "section")
+        p.fields.forEach((N) => {
+          const k = u[p.key]?.[N.key];
           if (N.required && (!k || typeof k == "string" && k.trim() === "")) {
-            b[h.key] || (b[h.key] = {}), b[h.key][N.key] = `${N.label} is required`;
+            b[p.key] || (b[p.key] = {}), b[p.key][N.key] = `${N.label} is required`;
             return;
           }
           if (N.fieldtype === "number" && k !== "" && k !== null && k !== void 0) {
             const $ = Number(k);
-            isNaN($) ? (b[h.key] || (b[h.key] = {}), b[h.key][N.key] = `${N.label} must be a valid number`) : (N.min !== void 0 && $ < N.min && (b[h.key] || (b[h.key] = {}), b[h.key][N.key] = `${N.label} must be at least ${N.min}`), N.max !== void 0 && $ > N.max && (b[h.key] || (b[h.key] = {}), b[h.key][N.key] = `${N.label} must not exceed ${N.max}`));
+            isNaN($) ? (b[p.key] || (b[p.key] = {}), b[p.key][N.key] = `${N.label} must be a valid number`) : (N.min !== void 0 && $ < N.min && (b[p.key] || (b[p.key] = {}), b[p.key][N.key] = `${N.label} must be at least ${N.min}`), N.max !== void 0 && $ > N.max && (b[p.key] || (b[p.key] = {}), b[p.key][N.key] = `${N.label} must not exceed ${N.max}`));
           }
         });
-      else if (h.type === "datatable") {
-        const N = u[h.key];
+      else if (p.type === "datatable") {
+        const N = u[p.key];
         Array.isArray(N) && N.forEach((k, $) => {
-          h.fields.forEach((M) => {
+          p.fields.forEach((M) => {
             const S = k[M.key];
             if (M.required && (!S || typeof S == "string" && S.trim() === "")) {
-              b[h.key] || (b[h.key] = {}), b[h.key][$] || (b[h.key][$] = {}), b[h.key][$][M.key] = `${M.label} is required`;
+              b[p.key] || (b[p.key] = {}), b[p.key][$] || (b[p.key][$] = {}), b[p.key][$][M.key] = `${M.label} is required`;
               return;
             }
             if (M.fieldtype === "number" && S !== "" && S !== null && S !== void 0) {
               const B = Number(S);
-              isNaN(B) ? (b[h.key] || (b[h.key] = {}), b[h.key][$] || (b[h.key][$] = {}), b[h.key][$][M.key] = `${M.label} must be a valid number`) : (M.min !== void 0 && B < M.min && (b[h.key] || (b[h.key] = {}), b[h.key][$] || (b[h.key][$] = {}), b[h.key][$][M.key] = `${M.label} must be at least ${M.min}`), M.max !== void 0 && B > M.max && (b[h.key] || (b[h.key] = {}), b[h.key][$] || (b[h.key][$] = {}), b[h.key][$][M.key] = `${M.label} must not exceed ${M.max}`));
+              isNaN(B) ? (b[p.key] || (b[p.key] = {}), b[p.key][$] || (b[p.key][$] = {}), b[p.key][$][M.key] = `${M.label} must be a valid number`) : (M.min !== void 0 && B < M.min && (b[p.key] || (b[p.key] = {}), b[p.key][$] || (b[p.key][$] = {}), b[p.key][$][M.key] = `${M.label} must be at least ${M.min}`), M.max !== void 0 && B > M.max && (b[p.key] || (b[p.key] = {}), b[p.key][$] || (b[p.key][$] = {}), b[p.key][$][M.key] = `${M.label} must not exceed ${M.max}`));
             }
           });
         });
@@ -5429,8 +5429,8 @@ function vs({
         className: "dynamic-config bg-white w-full h-[calc(100vh-450px)] overflow-y-auto",
         style: { padding: "0px 20px 0px 0px" },
         children: [
-          w && /* @__PURE__ */ e("div", { className: "flex justify-center items-center h-64", children: /* @__PURE__ */ e(pa, { size: "large" }) }),
-          !w && D?.map((b, h) => {
+          v && /* @__PURE__ */ e("div", { className: "flex justify-center items-center h-64", children: /* @__PURE__ */ e(pa, { size: "large" }) }),
+          !v && D?.map((b, p) => {
             const N = xs(b.type);
             if (N && N !== "UnknownType")
               return /* @__PURE__ */ e(
@@ -5441,7 +5441,7 @@ function vs({
                   updateHandler: x,
                   validationErrors: A
                 },
-                h
+                p
               );
           })
         ]
@@ -5477,12 +5477,12 @@ const Jl = ({
   disableApi: s = !1
 }) => {
   const [i, l] = L(0), [m, o] = L(!1), {
-    pageHeader: p = {},
+    pageHeader: h = {},
     appletHeader: u = {},
-    breadcrumb: v = [],
+    breadcrumb: w = [],
     overview: y = {},
     configuration: r = []
-  } = t, w = le(() => r.map((f) => {
+  } = t, v = le(() => r.map((f) => {
     if (f.type === "section" && f.fields) {
       const C = [...f.fields], I = C.findIndex((E) => E && E.key === "appkey");
       if (I !== -1) {
@@ -5495,11 +5495,11 @@ const Jl = ({
           placeholder: a,
           disabled: !1
         }, C.some((b) => b.key === "displayname")) {
-          const b = C.findIndex((N) => N.key === "displayname"), h = C[b] || {};
+          const b = C.findIndex((N) => N.key === "displayname"), p = C[b] || {};
           C[b] = {
-            ...h,
-            default: h.default || h.value || a,
-            placeholder: h.placeholder || "Enter display name"
+            ...p,
+            default: p.default || p.value || a,
+            placeholder: p.placeholder || "Enter display name"
           };
         } else {
           const b = {
@@ -5525,8 +5525,8 @@ const Jl = ({
     subHeading: "View app details and customize configurations to align with institutional requirements.",
     isLeftArrow: !0,
     onBackClick: () => window.history.back(),
-    ...p
-  }, g = v.map((f) => ({
+    ...h
+  }, g = w.map((f) => ({
     label: f.text,
     href: f.href || "#"
   })), z = K(() => {
@@ -5579,8 +5579,8 @@ const Jl = ({
     ],
     ...y
   }, Y = le(() => ({
-    configuration: w
-  }), [w]), G = le(() => [
+    configuration: v
+  }), [v]), G = le(() => [
     { label: "Overview", content: x(U) },
     { label: "Configuration", content: /* @__PURE__ */ e(vs, { appid: a, configdata: Y, disableApi: s, onSave: F, onShowCancelModal: z, onCancel: O }) }
   ], [a, Y, s, F, z, O, U]);
@@ -5680,67 +5680,69 @@ const Jl = ({
   allowEdit: l = !0,
   allowDelete: m = !0,
   allowReorder: o = !0,
-  initialData: p = null
+  initialData: h = null
 }) => {
-  const [u, v] = L(null), [y, r] = L(""), [w, d] = L(() => Array.isArray(p) ? p : []), [g, z] = L(null), [A, F] = L(null), [O, P] = L("");
+  const [u, w] = L(null), [y, r] = L(""), [v, d] = L(() => Array.isArray(h) ? h : []), [g, z] = L(null), [A, F] = L(null), [O, P] = L("");
   te(() => {
-    Array.isArray(p) && d(p);
-  }, [p]);
-  const _ = (h) => {
-    l && (v(h.id), r(h.categoryName || ""));
+    Array.isArray(h) && d(h);
+  }, [h]);
+  const _ = (p) => {
+    l && (w(p.id), r(p.categoryName || ""));
   }, U = () => {
     if (!i || u !== null) return;
-    const h = -Date.now();
-    d((N) => [
-      ...N,
+    const N = (v.length > 0 ? Math.max(...v.map((k) => k.id)) : 0) + 1;
+    d((k) => [
+      ...k,
       {
-        id: h,
+        _id: { $oid: N },
         categoryName: "",
         links: [],
-        order: (N.at(-1)?.order ?? 0) + 1
+        order: (k.at(-1)?.order ?? 0) + 1,
+        isProtected: !1,
+        _class: "com.unifyed.model.Collection"
       }
-    ]), v(h), r("");
+    ]), w(N), r("");
   }, Y = () => {
-    u != null && (d((h) => {
-      const N = u < 0 ? h.filter((k) => k.id !== u) : h;
-      return a?.(N), N;
-    }), v(null), r(""));
+    u != null && (d((p) => {
+      const k = !collections.some(($) => $.id === u) ? p.filter(($) => $.id !== u) : p;
+      return a?.(k), k;
+    }), w(null), r(""));
   }, G = () => {
-    u == null || !y.trim() || (d((h) => {
-      const N = h.map((k) => k.id === u ? {
+    u == null || !y.trim() || (d((p) => {
+      const N = p.map((k) => k.id === u ? {
         ...k,
         categoryName: y.trim()
       } : k);
       return a?.(N), N;
-    }), v(null), r(""));
-  }, T = (h) => {
+    }), w(null), r(""));
+  }, T = (p) => {
     m && d((N) => {
-      const k = N.filter(($) => $.id !== h.id);
+      const k = N.filter(($) => $.id !== p.id);
       return a?.(k), k;
     });
-  }, x = (h, N, k) => {
-    if (!o || !N || !k || N === k) return h;
-    const $ = h.findIndex((j) => j.id === N), M = h.findIndex((j) => j.id === k);
-    if ($ === -1 || M === -1) return h;
-    const S = [...h], [B] = S.splice($, 1);
+  }, x = (p, N, k) => {
+    if (!o || !N || !k || N === k) return p;
+    const $ = p.findIndex((j) => j.id === N), M = p.findIndex((j) => j.id === k);
+    if ($ === -1 || M === -1) return p;
+    const S = [...p], [B] = S.splice($, 1);
     return S.splice(M, 0, B), S.map((j, R) => ({ ...j, order: R + 1 }));
-  }, f = (h, N) => {
-    o && (h.dataTransfer.effectAllowed = "move", h.dataTransfer.setData("text/plain", String(N)), z(N));
-  }, C = (h) => {
-    g && h !== A && F(h);
-  }, I = (h) => {
-    h.preventDefault();
-  }, E = (h, N) => {
-    h.preventDefault();
-    const k = h.dataTransfer.getData("text/plain");
+  }, f = (p, N) => {
+    o && (p.dataTransfer.effectAllowed = "move", p.dataTransfer.setData("text/plain", String(N)), z(N));
+  }, C = (p) => {
+    g && p !== A && F(p);
+  }, I = (p) => {
+    p.preventDefault();
+  }, E = (p, N) => {
+    p.preventDefault();
+    const k = p.dataTransfer.getData("text/plain");
     k && (d(($) => {
       const M = x($, k, N);
       return console.log("Reordered", M), a?.(M), M;
     }), z(null), F(null));
   }, D = () => {
     z(null), F(null);
-  }, b = Array.isArray(w) ? w.filter(
-    (h) => h.categoryName?.toLowerCase().includes(O.toLowerCase())
+  }, b = Array.isArray(v) ? v.filter(
+    (p) => p.categoryName?.toLowerCase().includes(O.toLowerCase())
   ) : [];
   return /* @__PURE__ */ n("div", { className: `manage-collection-list ${t}`, children: [
     /* @__PURE__ */ e("div", { className: "flex justify-end", children: /* @__PURE__ */ n("div", { className: "w-1/2 flex justify-end", children: [
@@ -5766,14 +5768,14 @@ const Jl = ({
         }
       )
     ] }) }),
-    /* @__PURE__ */ e("div", { className: "mt-5 flex flex-col", children: b.map((h) => {
-      const N = u === h.id, k = h?.links?.length ?? 0, $ = g === h.id, M = A === h.id && g !== h.id;
+    /* @__PURE__ */ e("div", { className: "mt-5 flex flex-col", children: b.map((p) => {
+      const N = u === p.id, k = p?.links?.length ?? 0, $ = g === p.id, M = A === p.id && g !== p.id;
       return /* @__PURE__ */ e(
         "div",
         {
-          onDragEnter: () => C(h.id),
+          onDragEnter: () => C(p.id),
           onDragOver: I,
-          onDrop: (S) => E(S, h.id),
+          onDrop: (S) => E(S, p.id),
           className: [
             "flex items-center justify-between p-3 border rounded-2xl mb-3",
             "border-gray-300",
@@ -5787,7 +5789,7 @@ const Jl = ({
                 type: "text",
                 className: "flex-1 h-10 px-3 max-w-[200px] border border-gray-300 rounded-2xl outline-none focus:ring-2 focus:ring-gray-800/20",
                 value: y,
-                placeholder: h.id < 0 ? "New collection name" : "Edit collection name",
+                placeholder: collections.some((S) => S.id === p.id) ? "Edit collection name" : "New collection name",
                 onChange: (S) => r(S.target.value),
                 onKeyDown: (S) => {
                   S.key === "Enter" && G(), S.key === "Escape" && Y();
@@ -5829,37 +5831,37 @@ const Jl = ({
                   "aria-label": "Drag to reorder",
                   className: "cursor-grab active:cursor-grabbing p-1 -m-1 rounded-md hover:bg-gray-50",
                   draggable: !0,
-                  onDragStart: (S) => f(S, h.id),
+                  onDragStart: (S) => f(S, p.id),
                   onDragEnd: D,
                   children: /* @__PURE__ */ e(vt, {})
                 }
               ),
-              /* @__PURE__ */ e("span", { children: h.categoryName })
+              /* @__PURE__ */ e("span", { children: p.categoryName })
             ] }),
             /* @__PURE__ */ n("div", { className: "flex gap-2 items-center", children: [
-              h.protected ? /* @__PURE__ */ e("span", { className: "text-sm text-gray-600 cursor-default", children: h.qlAppName }) : /* @__PURE__ */ e("span", { className: "text-sm text-blue-600 cursor-default", children: `${k} ${k === 1 ? "link" : "links"}` }),
+              p.protected ? /* @__PURE__ */ e("span", { className: "text-sm text-gray-600 cursor-default", children: p.qlAppName }) : /* @__PURE__ */ e("span", { className: "text-sm text-blue-600 cursor-default", children: `${k} ${k === 1 ? "link" : "links"}` }),
               l && /* @__PURE__ */ e(
                 "button",
                 {
                   className: "cursor-pointer",
-                  onClick: () => _(h),
-                  "aria-label": `Edit ${h.categoryName}`,
+                  onClick: () => _(p),
+                  "aria-label": `Edit ${p.categoryName}`,
                   children: /* @__PURE__ */ e(pr, { color: "#767676" })
                 }
               ),
               m && /* @__PURE__ */ e(
                 "span",
                 {
-                  className: k === 0 && !h.protected ? "cursor-pointer" : "cursor-not-allowed",
-                  title: k === 0 && !h.protected ? "Delete" : "Cannot delete this collection",
-                  onClick: k === 0 ? () => T(h) : null,
+                  className: k === 0 && !p.protected ? "cursor-pointer" : "cursor-not-allowed",
+                  title: k === 0 && !p.protected ? "Delete" : "Cannot delete this collection",
+                  onClick: k === 0 ? () => T(p) : null,
                   children: /* @__PURE__ */ e(Je, { color: k === 0 ? "#767676" : "#C2C2C2" })
                 }
               )
             ] })
           ] })
         },
-        h.id
+        p.id
       );
     }) })
   ] });
@@ -5944,13 +5946,13 @@ const Mt = () => {
   // preferred
   onAdd: m,
   onFilterOpen: o,
-  addBtnText: p = "Add",
+  addBtnText: h = "Add",
   // Feature toggles
   showSearch: u = !0,
-  showColumnChooser: v = !0,
+  showColumnChooser: w = !0,
   showFilter: y = !1,
   showPrint: r = !1,
-  showExcel: w = !1,
+  showExcel: v = !1,
   showPdf: d = !1,
   showRefresh: g = !1,
   showAdd: z = !1,
@@ -5987,19 +5989,19 @@ const Mt = () => {
     },
     []
     // no external deps; reads ref at call time
-  ), h = K(
+  ), p = K(
     (N, k) => {
       const $ = T();
       if ($)
         switch (N) {
           case "ColumnChooser":
-            v && (console.log("openColumnChooser", k), k ? b(k) : $.openColumnChooser?.()), console.log("openColumnChooser out", k);
+            w && (console.log("openColumnChooser", k), k ? b(k) : $.openColumnChooser?.()), console.log("openColumnChooser out", k);
             break;
           case "Print":
             r && $.print?.();
             break;
           case "Excel":
-            w && $.excelExport?.({ fileName: I });
+            v && $.excelExport?.({ fileName: I });
             break;
           case "Pdf":
             d && $.pdfExport?.({ fileName: E });
@@ -6009,7 +6011,7 @@ const Mt = () => {
             break;
         }
     },
-    [v, r, w, d, g, I, E, F, b]
+    [w, r, v, d, g, I, E, F, b]
   );
   return /* @__PURE__ */ n("div", { className: "flex items-center flex-wrap justify-between w-full px-4 py-2 bg-white border border-gray-200 rounded-t-2xl mb-0", children: [
     /* @__PURE__ */ n("div", { className: "flex flex-col", children: [
@@ -6036,7 +6038,7 @@ const Mt = () => {
       ) }),
       /* @__PURE__ */ n("div", { className: "flex gap-3", children: [
         /* @__PURE__ */ n("div", { className: "flex items-center gap-1.5", children: [
-          v && // <UnifyedCoreButton
+          w && // <UnifyedCoreButton
           //     icon={<Columns03IconSvg width={20} height={20} color="red" strokeWidth={2} />}
           //     onClick={(e) => handleAction("ColumnChooser", e)}
           //     size="small"
@@ -6048,7 +6050,7 @@ const Mt = () => {
             "button",
             {
               "aria-label": "Column Chooser",
-              onClick: (N) => h("ColumnChooser", N),
+              onClick: (N) => p("ColumnChooser", N),
               title: "Choose Columns",
               className: "p-1.5 text-gray-500 rounded-md border border-[#1e1e1e]  hover:text-gray-600",
               children: /* @__PURE__ */ e($n, { width: 16, height: 16, color: "#767676" })
@@ -6076,18 +6078,18 @@ const Mt = () => {
             se,
             {
               icon: gr,
-              onClick: () => h("Print"),
+              onClick: () => p("Print"),
               ariaLabel: "Print",
               size: "small",
               category: "secondary",
               title: "Print Grid"
             }
           ),
-          w && /* @__PURE__ */ e(
+          v && /* @__PURE__ */ e(
             se,
             {
               icon: br,
-              onClick: () => h("Excel"),
+              onClick: () => p("Excel"),
               ariaLabel: "Excel Download",
               size: "small",
               category: "secondary",
@@ -6098,7 +6100,7 @@ const Mt = () => {
             se,
             {
               icon: fr,
-              onClick: () => h("Pdf"),
+              onClick: () => p("Pdf"),
               ariaLabel: "PDF Download",
               size: "small",
               category: "secondary",
@@ -6109,7 +6111,7 @@ const Mt = () => {
             se,
             {
               icon: yr,
-              onClick: () => h("Refresh"),
+              onClick: () => p("Refresh"),
               ariaLabel: "Refresh",
               size: "small",
               category: "secondary",
@@ -6120,12 +6122,12 @@ const Mt = () => {
         z && m && /* @__PURE__ */ e(
           se,
           {
-            label: p,
+            label: h,
             icon: xr,
             onClick: m,
             size: "small",
             ariaLabel: "Add New",
-            title: p
+            title: h
           }
         )
       ] })
@@ -6142,12 +6144,12 @@ function Ql(t) {
     // pageSize = 10,
     allowPaging: m = !0,
     allowSorting: o = !0,
-    allowFiltering: p = !1,
+    allowFiltering: h = !1,
     allowGrouping: u = !1,
-    allowReordering: v = !0,
+    allowReordering: w = !0,
     allowResizing: y = !0,
     allowExcelExport: r = !1,
-    allowPdfExport: w = !1,
+    allowPdfExport: v = !1,
     showColumnChooser: d = !1,
     enableSearchApi: g = !1,
     height: z = "600",
@@ -6164,10 +6166,10 @@ function Ql(t) {
     pageSettings: f,
     sortSettings: C,
     ...I
-  } = T || {}, [E, D] = ae.useState(f?.page || 1), [b, h] = ae.useState(C?.pageSize || 20), [N, k] = ae.useState(C?.sortKey || "updatedDate"), [$, M] = ae.useState(C?.direction || "Descending"), S = le(() => {
+  } = T || {}, [E, D] = ae.useState(f?.page || 1), [b, p] = ae.useState(C?.pageSize || 20), [N, k] = ae.useState(C?.sortKey || "updatedDate"), [$, M] = ae.useState(C?.direction || "Descending"), S = le(() => {
     const V = [Kr];
-    return o && V.push(en), p && V.push(tn), u && V.push(an), g && V.push(rn), r && V.push(nn), w && V.push(sn), d && V.push(ln), y && V.push(on), v && V.push(cn), V.push(dn), V;
-  }, [o, p, u, g, r, w, d, y, v]), B = le(() => {
+    return o && V.push(en), h && V.push(tn), u && V.push(an), g && V.push(rn), r && V.push(nn), v && V.push(sn), d && V.push(ln), y && V.push(on), w && V.push(cn), V.push(dn), V;
+  }, [o, h, u, g, r, v, d, y, w]), B = le(() => {
     const V = () => x.current, re = (W, ve) => {
       !ve && process.env.NODE_ENV !== "production" && console.warn(`[CustomDataGrid] ${W} requested but related service/feature is disabled.`);
     };
@@ -6186,7 +6188,7 @@ function Ql(t) {
         re("excelExport()", r), V()?.excelExport?.(W);
       },
       pdfExport: (W) => {
-        re("pdfExport()", w), V()?.pdfExport?.(W);
+        re("pdfExport()", v), V()?.pdfExport?.(W);
       },
       openColumnChooser: (W, ve) => {
         re("openColumnChooser()", d), V()?.columnChooserModule?.openColumnChooser?.(W, ve);
@@ -6218,7 +6220,7 @@ function Ql(t) {
   }, q = (V) => {
     setTimeout(() => {
       x?.current?.hideSpinner();
-    }, 1e3), V.requestType === "paging" && (D(V.currentPage), h(V.pageSize)), V.requestType === "sorting" && (k(V.columnName || "updatedDate"), M(V.direction === "Ascending" ? "ASC" : "DESC")), P && P(R(V), V);
+    }, 1e3), V.requestType === "paging" && (D(V.currentPage), p(V.pageSize)), V.requestType === "sorting" && (k(V.columnName || "updatedDate"), M(V.direction === "Ascending" ? "ASC" : "DESC")), P && P(R(V), V);
   }, X = (V) => {
     typeof Y == "function" && Y(V?.rowData, V);
   }, xe = () => {
@@ -6280,9 +6282,9 @@ function Ql(t) {
       height: z,
       allowPaging: m,
       allowSorting: o,
-      allowFiltering: p,
+      allowFiltering: h,
       allowGrouping: u,
-      allowReordering: v,
+      allowReordering: w,
       allowResizing: y,
       showColumnChooser: d,
       selectionSettings: A,
@@ -6335,14 +6337,14 @@ function oe({
   onSelect: l,
   identity: m = "_id",
   details: o = {},
-  ...p
+  ...h
 }) {
-  const u = We(), v = Ns(p, m), y = (w) => {
+  const u = We(), w = Ns(h, m), y = (v) => {
     l?.({
-      key: v,
-      checked: w.target.checked,
+      key: w,
+      checked: v.target.checked,
       details: o,
-      props: p
+      props: h
     });
   }, r = i === "top-right" ? "top-3 right-3" : "top-3 left-3";
   return /* @__PURE__ */ n(
@@ -6382,13 +6384,13 @@ function ks({
   // content
   title: m = "Activity",
   group: o = "Global",
-  moreGroupsLabel: p = "+ 5 more",
+  moreGroupsLabel: h = "+ 5 more",
   author: u = "Judith Black",
-  timeLabel: v = "Just now",
+  timeLabel: w = "Just now",
   imageUrl: y = "https://images.unsplash.com/photo-1469980098053-382eb10ba017?q=80&w=1200&auto=format&fit=crop",
   description: r = "Columbia University is a prestigious Ivy League institution located in the heart of New York City.",
   // spread remaining props (_id, instanceId, etc.)
-  ...w
+  ...v
 }) {
   const d = ce(t), g = de[d];
   return /* @__PURE__ */ n(
@@ -6400,31 +6402,31 @@ function ks({
       onSelect: i,
       identity: l,
       details: { type: "activity", title: m, group: o, author: u },
-      ...w,
+      ...v,
       children: [
         /* @__PURE__ */ e("div", { className: "flex items-start justify-between", children: /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${g.title} ml-3`, children: m }) }),
         /* @__PURE__ */ n("div", { className: `text-zinc-500 dark:text-zinc-400 ${g.meta}`, children: [
           "Posted in ",
           /* @__PURE__ */ e("span", { className: "font-medium", children: "Global" }),
-          p ? /* @__PURE__ */ n(ee, { children: [
+          h ? /* @__PURE__ */ n(ee, { children: [
             ",",
             " ",
             /* @__PURE__ */ e(
               "span",
               {
                 className: "font-medium text-indigo-700",
-                children: p
+                children: h
               }
             )
           ] }) : null,
           /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "px-2", children: "•" }),
-          /* @__PURE__ */ e("span", { children: v })
+          /* @__PURE__ */ e("span", { children: w })
         ] }),
         /* @__PURE__ */ n("div", { className: "mt-2 flex items-center gap-3", children: [
           /* @__PURE__ */ e(Ce, { name: "John", size: "medium" }),
           /* @__PURE__ */ n("div", { className: "leading-tight", children: [
             /* @__PURE__ */ e("div", { className: "text-sm font-medium text-zinc-800 dark:text-zinc-100", children: u }),
-            /* @__PURE__ */ e("div", { className: `text-zinc-500 dark:text-zinc-400 ${g.meta}`, children: v })
+            /* @__PURE__ */ e("div", { className: `text-zinc-500 dark:text-zinc-400 ${g.meta}`, children: w })
           ] })
         ] }),
         /* @__PURE__ */ n("p", { className: "mt-2 text-zinc-700 dark:text-zinc-300", children: [
@@ -6505,11 +6507,11 @@ function $s({
   title: m = "Communities",
   activeTab: o = "joined",
   // "joined" | "suggested"
-  items: p = Ss,
+  items: h = Ss,
   // spread for identity (_id/instanceId/etc)
   ...u
 }) {
-  const v = ce(t), y = de[v], r = Ds[v], w = (d) => `px-1 pb-2 text-sm font-medium ${d === o ? "text-zinc-900 dark:text-zinc-100 border-b-2" : "text-zinc-500 dark:text-zinc-400"}`;
+  const w = ce(t), y = de[w], r = Ds[w], v = (d) => `px-1 pb-2 text-sm font-medium ${d === o ? "text-zinc-900 dark:text-zinc-100 border-b-2" : "text-zinc-500 dark:text-zinc-400"}`;
   return /* @__PURE__ */ n(
     oe,
     {
@@ -6518,7 +6520,7 @@ function $s({
       checkboxPosition: s,
       onSelect: i,
       identity: l,
-      details: { type: "communities", title: m, activeTab: o, count: p?.length ?? 0 },
+      details: { type: "communities", title: m, activeTab: o, count: h?.length ?? 0 },
       ...u,
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-start justify-between", children: [
@@ -6536,19 +6538,19 @@ function $s({
           /* @__PURE__ */ e(
             "span",
             {
-              className: `${w("joined")} ${o === "joined" ? "border-[var(--primaryColor)]" : "border-transparent"}`,
+              className: `${v("joined")} ${o === "joined" ? "border-[var(--primaryColor)]" : "border-transparent"}`,
               children: "Joined"
             }
           ),
           /* @__PURE__ */ e(
             "span",
             {
-              className: `${w("suggested")} ${o === "suggested" ? "border-[var(--primaryColor)]" : "border-transparent"}`,
+              className: `${v("suggested")} ${o === "suggested" ? "border-[var(--primaryColor)]" : "border-transparent"}`,
               children: "Suggested"
             }
           )
         ] }),
-        /* @__PURE__ */ e("div", { className: "grid gap-4 md:gap-5", children: p.map((d) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "grid gap-4 md:gap-5", children: h.map((d) => /* @__PURE__ */ e(
           "div",
           {
             className: "rounded-2xl border border-zinc-200 dark:border-zinc-800 p-3 md:p-4",
@@ -6691,22 +6693,22 @@ function Fs({
   title: m = "News",
   items: o = Ts,
   // spread for identity fields: _id / id / instanceId etc.
-  ...p
+  ...h
 }) {
-  const u = ce(t), v = de[u], y = As[u];
+  const u = ce(t), w = de[u], y = As[u];
   return /* @__PURE__ */ n(
     oe,
     {
-      className: `flex flex-col ${v.card} ${y.wrap || ""}`,
+      className: `flex flex-col ${w.card} ${y.wrap || ""}`,
       showCheckbox: a,
       checkboxPosition: s,
       onSelect: i,
       identity: l,
       details: { type: "news", title: m, count: o?.length ?? 0 },
-      ...p,
+      ...h,
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-start justify-between", children: [
-          /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${v.title}`, children: m }),
+          /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${w.title}`, children: m }),
           /* @__PURE__ */ e("span", { className: "text-sm text-indigo-700 cursor-default select-none", children: "View All" })
         ] }),
         u === "lg" ? (
@@ -6806,16 +6808,16 @@ function Ps({
   identity: l = "_id",
   title: m = "Campus Map",
   campusName: o = "Morningside Heights Campus",
-  filters: p = Es,
+  filters: h = Es,
   activeFilter: u = "All",
   // NEW: iframe controls
-  mapQuery: v = "Florida",
+  mapQuery: w = "Florida",
   zoom: y = 12,
   mapUrl: r,
   // optional full embed URL override
-  ...w
+  ...v
 }) {
-  const d = ce(t), g = de[d], z = Rs[d], A = r || Is(v, y);
+  const d = ce(t), g = de[d], z = Rs[d], A = r || Is(w, y);
   return /* @__PURE__ */ e(
     oe,
     {
@@ -6824,8 +6826,8 @@ function Ps({
       checkboxPosition: s,
       onSelect: i,
       identity: l,
-      details: { type: "campus-map", title: m, campusName: o, activeFilter: u, mapQuery: v, zoom: y },
-      ...w,
+      details: { type: "campus-map", title: m, campusName: o, activeFilter: u, mapQuery: w, zoom: y },
+      ...v,
       children: /* @__PURE__ */ n("div", { className: `relative mt-3 overflow-hidden rounded-2xl border border-zinc-200 dark:border-zinc-800 ${z.mapH}`, children: [
         /* @__PURE__ */ e(
           "iframe",
@@ -6849,7 +6851,7 @@ function Ps({
             /* @__PURE__ */ e("div", { className: "h-8 w-8 rounded-full bg-white/90 border border-zinc-300 flex items-center justify-center", children: "›" })
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { className: "absolute left-4 right-4 top-14 md:top-12 pointer-events-none mt-2", children: /* @__PURE__ */ e("div", { className: `flex ${z.chipGap} overflow-x-auto scrollbar-none`, children: p.map((F) => /* @__PURE__ */ e(Os, { label: F, active: F === u, size: d }, F)) }) }),
+        /* @__PURE__ */ e("div", { className: "absolute left-4 right-4 top-14 md:top-12 pointer-events-none mt-2", children: /* @__PURE__ */ e("div", { className: `flex ${z.chipGap} overflow-x-auto scrollbar-none`, children: h.map((F) => /* @__PURE__ */ e(Os, { label: F, active: F === u, size: d }, F)) }) }),
         /* @__PURE__ */ e("div", { className: "absolute left-4 right-4 top-28 md:top-24 pointer-events-none", children: /* @__PURE__ */ n("div", { className: `flex items-center rounded-full bg-white dark:bg-zinc-900 shadow border border-zinc-200 dark:border-zinc-700 px-4 ${z.searchH}`, children: [
           /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 24 24", "aria-hidden": "true", className: "opacity-60", children: /* @__PURE__ */ e("path", { fill: "currentColor", d: "M15.5 14h-.79l-.28-.27a6.471 6.471 0 001.48-4.23C15.91 6.01 13.4 3.5 10.45 3.5S5 6.01 5 9.5 7.5 15.5 10.45 15.5c1.61 0 3.09-.59 4.23-1.48l.27.28v.79l4.25 4.25c.41.41 1.07.41 1.48 0s.41-1.07 0-1.48L15.5 14Zm-5.05 0C8.01 14 6 11.99 6 9.5S8.01 5 10.45 5s4.45 2.01 4.45 4.5-2.01 4.5-4.45 4.5Z" }) }),
           /* @__PURE__ */ e("span", { className: "ml-2 text-zinc-500 dark:text-zinc-400", children: "Search places" })
@@ -7018,16 +7020,16 @@ function js({
   identity: l = "_id",
   title: m = "Upcoming Events",
   events: o = Ms,
-  selectedIndex: p = 0,
+  selectedIndex: h = 0,
   ...u
 }) {
-  const [v, y] = L(p), r = ce(t), w = de[r], d = Ls[r], g = o[v] || o[0], z = (F, O) => {
+  const [w, y] = L(h), r = ce(t), v = de[r], d = Ls[r], g = o[w] || o[0], z = (F, O) => {
     y(O), i?.(F);
   }, A = r === "lg";
   return /* @__PURE__ */ n(
     oe,
     {
-      className: `flex flex-col ${w.card} ${d.wrap}`,
+      className: `flex flex-col ${v.card} ${d.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
       onSelect: i,
@@ -7036,7 +7038,7 @@ function js({
       ...u,
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-center justify-between mb-4", children: [
-          /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${w.title}`, children: m }),
+          /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${v.title}`, children: m }),
           /* @__PURE__ */ e("button", { className: "text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 text-sm font-medium transition-colors duration-200", children: "View All" })
         ] }),
         A ? (
@@ -7047,7 +7049,7 @@ function js({
               {
                 ev: F,
                 sizeMeta: d,
-                isSelected: O === v,
+                isSelected: O === w,
                 onClick: (P) => z(P, O)
               },
               F._id || F.id || O
@@ -7061,7 +7063,7 @@ function js({
             {
               ev: F,
               sizeMeta: d,
-              isSelected: O === v,
+              isSelected: O === w,
               onClick: (P) => z(P, O)
             },
             F._id || F.id || O
@@ -7179,7 +7181,7 @@ const _s = [
 function Gs({ email: t, sizeMeta: a, isSelected: s, onClick: i, onStar: l, onPin: m }) {
   const o = (u) => {
     u.stopPropagation(), l?.(t);
-  }, p = (u) => {
+  }, h = (u) => {
     u.stopPropagation(), m?.(t);
   };
   return /* @__PURE__ */ n(
@@ -7200,7 +7202,7 @@ function Gs({ email: t, sizeMeta: a, isSelected: s, onClick: i, onStar: l, onPin
           /* @__PURE__ */ e(
             "button",
             {
-              onClick: p,
+              onClick: h,
               className: "p-1 rounded hover:bg-zinc-200 dark:hover:bg-zinc-700 transition-colors duration-200",
               children: t.pinned ? /* @__PURE__ */ e(kr, { className: "h-4 w-4 fill-blue-500 text-blue-500" }) : /* @__PURE__ */ e(Cr, { className: "h-4 w-4 text-zinc-400 group-hover:text-blue-500" })
             }
@@ -7233,19 +7235,19 @@ function qs({
   identity: l = "_id",
   title: m = "0365 Mails",
   emails: o = _s,
-  selectedIndex: p = 0,
+  selectedIndex: h = 0,
   onStar: u,
-  onPin: v,
+  onPin: w,
   ...y
 }) {
-  const [r, w] = L(p), d = ce(t), g = de[d], z = Us[d], A = (P, _) => {
-    w(_), i?.(P);
+  const [r, v] = L(h), d = ce(t), g = de[d], z = Us[d], A = (P, _) => {
+    v(_), i?.(P);
   }, F = (P) => {
     const _ = { ...P, starred: !P.starred };
     u?.(_);
   }, O = (P) => {
     const _ = { ...P, pinned: !P.pinned };
-    v?.(_);
+    w?.(_);
   };
   return /* @__PURE__ */ n(
     oe,
@@ -7487,16 +7489,16 @@ function Xs({
   identity: l = "_id",
   title: m = "Directory",
   contacts: o = Ys,
-  selectedIndex: p = 0,
+  selectedIndex: h = 0,
   ...u
 }) {
-  const [v, y] = L(p), r = ce(t), w = de[r], d = Ws[r], g = (F, O) => {
+  const [w, y] = L(h), r = ce(t), v = de[r], d = Ws[r], g = (F, O) => {
     y(O), i?.(F);
-  }, z = o[v] || o[0], A = d.layout === "split";
+  }, z = o[w] || o[0], A = d.layout === "split";
   return /* @__PURE__ */ n(
     oe,
     {
-      className: `flex flex-col ${w.card} ${d.wrap}`,
+      className: `flex flex-col ${v.card} ${d.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
       onSelect: i,
@@ -7504,7 +7506,7 @@ function Xs({
       details: { type: "directory", title: m, count: o?.length ?? 0 },
       ...u,
       children: [
-        /* @__PURE__ */ e("div", { className: "flex items-center justify-between mb-4", children: /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${w.title}`, children: m }) }),
+        /* @__PURE__ */ e("div", { className: "flex items-center justify-between mb-4", children: /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${v.title}`, children: m }) }),
         /* @__PURE__ */ e(Hs, { sizeMeta: d }),
         A ? /* @__PURE__ */ n("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6 min-h-0", children: [
           /* @__PURE__ */ e("div", { className: "space-y-3", children: o.map((F, O) => /* @__PURE__ */ e(
@@ -7512,7 +7514,7 @@ function Xs({
             {
               contact: F,
               sizeMeta: d,
-              isSelected: O === v,
+              isSelected: O === w,
               onClick: (P) => g(P, O)
             },
             F._id || F.id || O
@@ -7531,7 +7533,7 @@ function Xs({
             {
               contact: F,
               sizeMeta: d,
-              isSelected: O === v,
+              isSelected: O === w,
               onClick: (P) => g(P, O)
             },
             F._id || F.id || O
@@ -7621,9 +7623,9 @@ function Ks({
   // content
   title: m = "Account Summary",
   termLabel: o = "Spring 2024",
-  balance: p = 3e3,
+  balance: h = 3e3,
   totalCharges: u = 4440,
-  totalPayments: v = 1568,
+  totalPayments: w = 1568,
   transactions: y = [
     {
       id: "t1",
@@ -7642,7 +7644,7 @@ function Ks({
   ],
   ...r
 }) {
-  const w = ce(t), d = de[w], g = Zs[w];
+  const v = ce(t), d = de[v], g = Zs[v];
   return /* @__PURE__ */ n(
     oe,
     {
@@ -7651,7 +7653,7 @@ function Ks({
       checkboxPosition: s,
       onSelect: i,
       identity: l,
-      details: { type: "account-summary", termLabel: o, balance: p, totalCharges: u, totalPayments: v },
+      details: { type: "account-summary", termLabel: o, balance: h, totalCharges: u, totalPayments: w },
       ...r,
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
@@ -7664,7 +7666,7 @@ function Ks({
         /* @__PURE__ */ n("div", { className: g.topGrid || g.grid, children: [
           /* @__PURE__ */ n("div", { className: "space-y-4", children: [
             /* @__PURE__ */ e("div", { className: "text-sm text-zinc-600 dark:text-zinc-400", children: "Account Balance" }),
-            /* @__PURE__ */ e("div", { className: g.balance, children: Se(p) }),
+            /* @__PURE__ */ e("div", { className: g.balance, children: Se(h) }),
             !g.showTxns && /* @__PURE__ */ n("div", { className: g.totalsRow, children: [
               /* @__PURE__ */ n("div", { children: [
                 /* @__PURE__ */ e("div", { className: "text-sm text-zinc-600 dark:text-zinc-400", children: "Total Charges" }),
@@ -7672,7 +7674,7 @@ function Ks({
               ] }),
               /* @__PURE__ */ n("div", { children: [
                 /* @__PURE__ */ e("div", { className: "text-sm text-zinc-600 dark:text-zinc-400", children: "Total Payments" }),
-                /* @__PURE__ */ e("div", { className: "mt-1 font-semibold text-green-600", children: Se(v) })
+                /* @__PURE__ */ e("div", { className: "mt-1 font-semibold text-green-600", children: Se(w) })
               ] })
             ] })
           ] }),
@@ -7684,7 +7686,7 @@ function Ks({
               ] }),
               /* @__PURE__ */ n("div", { children: [
                 /* @__PURE__ */ e("div", { className: "text-sm text-zinc-600 dark:text-zinc-400", children: "Total Payments" }),
-                /* @__PURE__ */ e("div", { className: "mt-1 font-semibold text-green-600", children: Se(v) })
+                /* @__PURE__ */ e("div", { className: "mt-1 font-semibold text-green-600", children: Se(w) })
               ] })
             ] }),
             /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: y.slice(0, 2).map((z, A) => /* @__PURE__ */ e(
@@ -7813,9 +7815,9 @@ function tl({
   identity: l = "_id",
   title: m = "Pay Stub and Leave Balance",
   term: o = "Fall 2025",
-  ...p
+  ...h
 }) {
-  const [u, v] = L("vacation"), [y, r] = L(!1), w = ce(t), d = de[w], g = el[w], z = Ue.find((A) => A.id === u) || Ue[0];
+  const [u, w] = L("vacation"), [y, r] = L(!1), v = ce(t), d = de[v], g = el[v], z = Ue.find((A) => A.id === u) || Ue[0];
   return /* @__PURE__ */ n(
     oe,
     {
@@ -7825,7 +7827,7 @@ function tl({
       onSelect: i,
       identity: l,
       details: { type: "leave-balance", title: m },
-      ...p,
+      ...h,
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ n("div", { children: [
@@ -7855,7 +7857,7 @@ function tl({
           "button",
           {
             className: `flex-1 py-2 px-4 text-center ${g.tab} font-medium border-b-2 transition-colors duration-200 ${u === A.id ? "border-blue-500 text-blue-600 dark:text-blue-400" : "border-transparent text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100"}`,
-            onClick: () => v(A.id),
+            onClick: () => w(A.id),
             children: A.name.split(" ")[0]
           },
           A.id
@@ -8004,23 +8006,23 @@ function sl({
   identity: l = "_id",
   title: m = "Drive",
   subtitle: o = "Drive Shared",
-  ...p
+  ...h
 }) {
-  const [u, v] = L(!1), y = ce(t), r = de[y], w = nl[y];
+  const [u, w] = L(!1), y = ce(t), r = de[y], v = nl[y];
   return /* @__PURE__ */ n(
     oe,
     {
-      className: `flex flex-col ${r.card} ${w.wrap}`,
+      className: `flex flex-col ${r.card} ${v.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
       onSelect: i,
       identity: l,
       details: { type: "drive", title: m },
-      ...p,
+      ...h,
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ n("div", { children: [
-            /* @__PURE__ */ e("h3", { className: `text-zinc-900 dark:text-zinc-100 ${w.title} mb-1`, children: m }),
+            /* @__PURE__ */ e("h3", { className: `text-zinc-900 dark:text-zinc-100 ${v.title} mb-1`, children: m }),
             /* @__PURE__ */ e("div", { className: "text-zinc-600 dark:text-zinc-400 text-sm", children: o })
           ] }),
           /* @__PURE__ */ n("div", { className: "relative", children: [
@@ -8028,7 +8030,7 @@ function sl({
               "button",
               {
                 className: "flex items-center gap-1 p-2 text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100 hover:bg-zinc-100 dark:hover:bg-zinc-800 rounded-md transition-colors duration-200",
-                onClick: () => v(!u),
+                onClick: () => w(!u),
                 children: /* @__PURE__ */ e(Xt, { className: "h-4 w-4" })
               }
             ),
@@ -8044,21 +8046,21 @@ function sl({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { className: `grid ${w.gridCols} gap-3 `, children: al.map((d) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: `grid ${v.gridCols} gap-3 `, children: al.map((d) => /* @__PURE__ */ e(
           Ut,
           {
             item: d,
-            sizeMeta: w
+            sizeMeta: v
           },
           d.id
         )) }),
-        w.showRecent && /* @__PURE__ */ n("div", { className: "", children: [
-          /* @__PURE__ */ e("h4", { className: `font-semibold text-zinc-900 dark:text-zinc-100 mb-3 ${w.item}`, children: "Recent Files" }),
+        v.showRecent && /* @__PURE__ */ n("div", { className: "", children: [
+          /* @__PURE__ */ e("h4", { className: `font-semibold text-zinc-900 dark:text-zinc-100 mb-3 ${v.item}`, children: "Recent Files" }),
           /* @__PURE__ */ e("div", { className: "space-y-2", children: rl.map((d) => /* @__PURE__ */ e(
             Ut,
             {
               item: d,
-              sizeMeta: w,
+              sizeMeta: v,
               showDate: !0
             },
             d.id
@@ -8198,7 +8200,7 @@ const ll = [
   }
 };
 function cl({ alert: t, sizeMeta: a, onDismiss: s, onMarkRead: i }) {
-  const [l, m] = L(!1), o = Sa(t.type), p = ol(t.type);
+  const [l, m] = L(!1), o = Sa(t.type), h = ol(t.type);
   return l ? null : /* @__PURE__ */ n("div", { className: `relative rounded-lg border-l-4 p-4 transition-all duration-200 ${o.bg} ${o.border} ${t.read ? "border-l-2 opacity-80" : "border-l-4"}`, style: { borderLeftColor: o.accent }, children: [
     /* @__PURE__ */ e(
       "button",
@@ -8208,7 +8210,7 @@ function cl({ alert: t, sizeMeta: a, onDismiss: s, onMarkRead: i }) {
       }
     ),
     /* @__PURE__ */ n("div", { className: "flex gap-3 pr-6", children: [
-      /* @__PURE__ */ e("div", { className: "flex-shrink-0 mt-0.5", children: /* @__PURE__ */ e(p, { className: `h-4 w-4 ${o.icon}` }) }),
+      /* @__PURE__ */ e("div", { className: "flex-shrink-0 mt-0.5", children: /* @__PURE__ */ e(h, { className: `h-4 w-4 ${o.icon}` }) }),
       /* @__PURE__ */ n("div", { className: "flex-grow min-w-0", children: [
         /* @__PURE__ */ e("div", { className: `${a.title} text-zinc-900 dark:text-zinc-100 mb-1 ${t.read ? "font-medium" : "font-semibold"}`, children: Gt(t.title, a.maxTitleWords) }),
         a.showMessage && t.message && /* @__PURE__ */ e("div", { className: `${a.message} text-zinc-600 dark:text-zinc-400 mb-2 leading-relaxed`, children: Gt(t.message, a.maxMessageWords) }),
@@ -8249,25 +8251,25 @@ function ml({
   identity: l = "_id",
   title: m = "Alerts",
   alerts: o = ll,
-  showBanner: p = !0,
+  showBanner: h = !0,
   ...u
 }) {
-  const [v, y] = L(o), r = ce(t), w = de[r], d = il[r], g = (F) => {
+  const [w, y] = L(o), r = ce(t), v = de[r], d = il[r], g = (F) => {
     y((O) => O.filter((P) => P.id !== F.id));
-  }, z = v.find((F) => F.type === "banner"), A = v.filter((F) => F.type !== "banner");
+  }, z = w.find((F) => F.type === "banner"), A = w.filter((F) => F.type !== "banner");
   return /* @__PURE__ */ n(
     oe,
     {
-      className: `flex flex-col ${w.card} ${d.wrap}`,
+      className: `flex flex-col ${v.card} ${d.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
       onSelect: i,
       identity: l,
-      details: { type: "alerts", title: m, count: v.length },
+      details: { type: "alerts", title: m, count: w.length },
       ...u,
       children: [
-        /* @__PURE__ */ e("div", { className: "flex items-center justify-between ", children: /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${w.title}`, children: m }) }),
-        p && z && t !== "sm" && /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "flex items-center justify-between ", children: /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${v.title}`, children: m }) }),
+        h && z && t !== "sm" && /* @__PURE__ */ e(
           dl,
           {
             alert: z,
@@ -8426,19 +8428,19 @@ function gl({
   identity: l = "_id",
   title: m = "Videos",
   videos: o = ul,
-  ...p
+  ...h
 }) {
-  const [u, v] = L(!1), y = ce(t), r = de[y], w = hl[y];
+  const [u, w] = L(!1), y = ce(t), r = de[y], v = hl[y];
   return /* @__PURE__ */ n(
     oe,
     {
-      className: `flex flex-col ${r.card} ${w.wrap}`,
+      className: `flex flex-col ${r.card} ${v.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
       onSelect: i,
       identity: l,
       details: { type: "videos", title: m, count: o.length },
-      ...p,
+      ...h,
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-center justify-between ", children: [
           /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${r.title}`, children: m }),
@@ -8447,7 +8449,7 @@ function gl({
               "button",
               {
                 className: "flex items-center gap-1 px-3 py-1.5 text-sm text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100 border border-zinc-300 dark:border-zinc-600 rounded-md transition-colors duration-200",
-                onClick: () => v(!u),
+                onClick: () => w(!u),
                 children: [
                   "Filter",
                   /* @__PURE__ */ e(fe, { className: "h-4 w-4 transform rotate-90" })
@@ -8462,11 +8464,11 @@ function gl({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { className: `grid ${w.gridCols} gap-4 `, children: o.slice(0, w.gridCols === "grid-cols-3" ? 6 : 4).map((d) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: `grid ${v.gridCols} gap-4 `, children: o.slice(0, v.gridCols === "grid-cols-3" ? 6 : 4).map((d) => /* @__PURE__ */ e(
           pl,
           {
             video: d,
-            sizeMeta: w
+            sizeMeta: v
           },
           d.id
         )) }),