unifyedx-storybook-new 0.2.77 → 0.2.78

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

@@ -15,8 +15,8 @@ const wn = (t) => {
     a ^= t.charCodeAt(s), a += (a << 1) + (a << 4) + (a << 7) + (a << 8) + (a << 24);
   return a >>> 0;
 }, kn = (t) => {
-  const a = (t ?? "").trim().toLowerCase(), s = parseInt((a.match(/\d+$/) ?? [0])[0], 10) || 0, i = wn(a), l = (i % 360 + 37 * s) % 360, m = 55 + (i >>> 8) % 20, o = 30 + (i >>> 16) % 10, u = 86 + (i >>> 24) % 8, h = `hsl(${l}, ${m}%, ${u}%)`, N = `hsl(${l}, ${m}%, ${o}%)`;
-  return { bg: h, text: N };
+  const a = (t ?? "").trim().toLowerCase(), s = parseInt((a.match(/\d+$/) ?? [0])[0], 10) || 0, i = wn(a), l = (i % 360 + 37 * s) % 360, m = 55 + (i >>> 8) % 20, o = 30 + (i >>> 16) % 10, h = 86 + (i >>> 24) % 8, u = `hsl(${l}, ${m}%, ${h}%)`, N = `hsl(${l}, ${m}%, ${o}%)`;
+  return { bg: u, text: N };
 }, Cn = (t = "") => t.split(" ").map((a) => a[0]).slice(0, 2).join("").toUpperCase(), we = ({
   src: t,
   name: a,
@@ -29,14 +29,14 @@ const wn = (t) => {
   className: m,
   ...o
 }) => {
-  const [u, h] = B(!1), N = ae(() => kn(a), []), y = t && !u, r = !y && a, v = !y && !a, d = H(
+  const [h, u] = B(!1), N = ae(() => kn(a), []), y = t && !h, r = !y && a, v = !y && !a, d = H(
     "avatar-container",
     `avatar--size-${s}`,
     m
-  ), p = y ? "transparent" : i || N.bg, z = l || N.text;
+  ), g = y ? "transparent" : i || N.bg, D = l || N.text;
   return /* @__PURE__ */ n("div", { className: d, style: {
-    backgroundColor: p,
-    color: z
+    backgroundColor: g,
+    color: D
   }, ...o, children: [
     y && /* @__PURE__ */ e(
       "img",
@@ -44,7 +44,7 @@ const wn = (t) => {
         src: t,
         alt: a || "User avatar",
         className: "avatar-image",
-        onError: () => h(!0)
+        onError: () => u(!0)
       }
     ),
     r && /* @__PURE__ */ e("span", { className: "avatar-initials", "aria-label": a, children: Cn(a) }),
@@ -71,21 +71,21 @@ const wn = (t) => {
   onRemove: l,
   bgColor: m,
   textColor: o,
-  className: u,
-  ...h
+  className: h,
+  ...u
 }) => {
   const N = H(
     "badge",
     `badge--variant-${a}`,
     `badge--size-${s}`,
     { "badge--with-remove": !!l },
-    u
+    h
   );
   return /* @__PURE__ */ n("span", { className: N, style: m && o ? {
     backgroundColor: m,
     color: o,
     borderColor: "#ff0000"
-  } : {}, ...h, children: [
+  } : {}, ...u, children: [
     i && /* @__PURE__ */ e(i, { className: "badge-icon" }),
     /* @__PURE__ */ e("span", { className: "badge-label", children: t }),
     l && /* @__PURE__ */ e(
@@ -146,21 +146,21 @@ const Dn = {
   // ✅ Default is now empty
   loader: m = !1,
   category: o = "primary",
-  icon: u,
+  icon: h,
   // Renamed for clarity, expecting a component type e.g., CheckCircle
-  disabled: h = !1,
+  disabled: u = !1,
   size: N = "medium",
   label: y,
   children: r,
   // ✅ Add children to the props list
   iconWidth: v,
   iconHeight: d,
-  iconColor: p,
-  strokeWidth: z,
+  iconColor: g,
+  strokeWidth: D,
   onClick: F,
   ...E
 }) => {
-  const R = h || m, P = u && !y, j = H(
+  const I = u || m, P = h && !y, _ = H(
     "btn-base",
     Dn[N],
     $n[o],
@@ -175,14 +175,14 @@ const Dn = {
     {
       "data-testid": t,
       type: s,
-      className: j,
-      disabled: R,
+      className: _,
+      disabled: I,
       onClick: F,
       title: a || P && i || (typeof y == "string" ? y : void 0),
       "aria-label": i || P && a || (typeof y == "string" ? y : void 0),
       ...E,
       children: m ? /* @__PURE__ */ e(ja, { className: "loader-spin", "data-testid": "button-loader" }) : /* @__PURE__ */ n(te, { children: [
-        u && /* @__PURE__ */ e(u, { size: N === "large" ? 20 : 16, width: v || 16, height: d || 16, color: p || "#767676", strokeWidth: z || 2 }),
+        h && /* @__PURE__ */ e(h, { size: N === "large" ? 20 : 16, width: v || 16, height: d || 16, color: g || "#767676", strokeWidth: D || 2 }),
         y,
         r,
         " "
@@ -220,9 +220,9 @@ const Dn = {
   ref: l,
   checked: m,
   onChange: o,
-  ...u
+  ...h
 }) => {
-  const h = He(), N = a || h;
+  const u = He(), N = a || u;
   return /* @__PURE__ */ n("div", { className: `checkbox-container ${i || ""}`, children: [
     /* @__PURE__ */ n("label", { htmlFor: N, className: "checkbox-wrapper", children: [
       /* @__PURE__ */ e(
@@ -234,7 +234,7 @@ const Dn = {
           className: "checkbox-input",
           checked: m,
           onChange: o,
-          ...u
+          ...h
         }
       ),
       /* @__PURE__ */ e(
@@ -260,9 +260,9 @@ const Dn = {
   label: l,
   error: m,
   disabled: o = !1,
-  className: u,
-  ...h
-}) => /* @__PURE__ */ n("div", { className: H("datepicker-wrapper", u), children: [
+  className: h,
+  ...u
+}) => /* @__PURE__ */ n("div", { className: H("datepicker-wrapper", h), children: [
   l && /* @__PURE__ */ e("label", { className: "datepicker-label", htmlFor: "datepicker-input", children: l }),
   /* @__PURE__ */ e(
     ua,
@@ -288,8 +288,8 @@ const Dn = {
   label: l,
   error: m,
   disabled: o = !1,
-  className: u,
-  ...h
+  className: h,
+  ...u
 }) => {
   const N = t?.from, y = t?.to, r = (d) => {
     d.stopPropagation(), d.preventDefault(), s?.();
@@ -298,7 +298,7 @@ const Dn = {
     " - ",
     St(y, "MMM d, y")
   ] }) : /* @__PURE__ */ e("span", { className: "datepicker-placeholder", children: i });
-  return /* @__PURE__ */ n("div", { className: H("datepicker-wrapper", u), 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(An, { children: [
       /* @__PURE__ */ e(Fn, { asChild: !0, children: /* @__PURE__ */ n("div", { className: "datepicker-input-container", children: [
@@ -599,17 +599,17 @@ const Dn = {
   open: m,
   // --- Form and File State ---
   validFiles: o = [],
-  rejectedFiles: u = [],
-  handleRemoveValidFile: h,
+  rejectedFiles: h = [],
+  handleRemoveValidFile: u,
   handleRemoveRejectedFile: N,
   handleSubmit: y,
   isSubmitting: r,
   formErrors: v,
   // --- UI Text ---
   title: d = "Upload Files",
-  subHeading: p = "Supports PNG, JPG, PDF. Max size: 50MB."
+  subHeading: g = "Supports PNG, JPG, PDF. Max size: 50MB."
 }) => {
-  const z = o.length > 0 || u.length > 0;
+  const D = o.length > 0 || h.length > 0;
   return /* @__PURE__ */ e(he, { appear: !0, show: t, as: Q, children: /* @__PURE__ */ n(
     ye,
     {
@@ -669,7 +669,7 @@ const Dn = {
                           children: [
                             /* @__PURE__ */ e(Ga, { size: 48, className: "text-gray-400" }),
                             /* @__PURE__ */ e("p", { children: "Drag and drop files here" }),
-                            /* @__PURE__ */ e("p", { className: "sub-heading", children: p }),
+                            /* @__PURE__ */ e("p", { className: "sub-heading", children: g }),
                             /* @__PURE__ */ e("hr", {}),
                             /* @__PURE__ */ e("p", { children: "OR" }),
                             /* @__PURE__ */ e(
@@ -685,7 +685,7 @@ const Dn = {
                         }
                       ),
                       v.filesToUpload && /* @__PURE__ */ e("p", { className: "form-error-message", children: v.filesToUpload.message }),
-                      z && /* @__PURE__ */ n("div", { className: "file-list-container", children: [
+                      D && /* @__PURE__ */ n("div", { className: "file-list-container", children: [
                         /* @__PURE__ */ e("h3", { children: "Upload Queue" }),
                         /* @__PURE__ */ n("ul", { className: "file-list", children: [
                           o.map((F, E) => /* @__PURE__ */ n(
@@ -709,7 +709,7 @@ const Dn = {
                                   "button",
                                   {
                                     type: "button",
-                                    onClick: () => h(E),
+                                    onClick: () => u(E),
                                     className: "remove-file-button",
                                     children: /* @__PURE__ */ e(Le, { size: 16 })
                                   }
@@ -718,7 +718,7 @@ const Dn = {
                             },
                             `${F.name}-${E}`
                           )),
-                          u.map(({ file: F, message: E }, R) => /* @__PURE__ */ n(
+                          h.map(({ file: F, message: E }, I) => /* @__PURE__ */ n(
                             "li",
                             {
                               className: "file-item file-item--rejected",
@@ -740,14 +740,14 @@ const Dn = {
                                   "button",
                                   {
                                     type: "button",
-                                    onClick: () => N(R),
+                                    onClick: () => N(I),
                                     className: "remove-file-button",
                                     children: /* @__PURE__ */ e(Le, { size: 16 })
                                   }
                                 )
                               ]
                             },
-                            `${F.name}-${R}`
+                            `${F.name}-${I}`
                           ))
                         ] })
                       ] })
@@ -829,10 +829,10 @@ const Dn = {
   filterConfig: l = [],
   initialFormikValues: m,
   customStyles: o = "",
-  fetchCreatedOrUpdatedByUsers: u = async () => []
+  fetchCreatedOrUpdatedByUsers: h = async () => []
   // Mockable fetcher
 }) => {
-  const [h, N] = B({
+  const [u, N] = B({
     createdBy: [],
     updatedBy: []
   }), [y, r] = B({
@@ -840,7 +840,7 @@ const Dn = {
     updatedBy: !1
   }), [v, d] = B({
     startDate: null
-  }), [p, z] = B({
+  }), [g, D] = B({
     endDate: null
   }), F = qa({
     initialValues: JSON.parse(JSON.stringify(m)),
@@ -855,7 +855,7 @@ const Dn = {
         };
       }), console.log("[storybook filter] Applied Filters:", x), typeof s == "function" && s({
         filters: x,
-        activeCount: R
+        activeCount: I
       }), a();
     },
     enableReinitialize: !0
@@ -873,18 +873,18 @@ const Dn = {
           break;
       }
     return $[b] = O, $;
-  }, {}), [l, F.values]), R = Object.values(E).filter(Boolean).length, P = ae(() => l.some(($) => {
+  }, {}), [l, F.values]), I = Object.values(E).filter(Boolean).length, P = ae(() => l.some(($) => {
     if ($.type !== "date") return !1;
     const x = F.values?.[$.key]?.values;
     if (!Array.isArray(x) || x.length < 2) return !1;
     const [b, S] = x;
     if (!b || !S) return !1;
-    const O = b instanceof Date ? b : new Date(b), I = S instanceof Date ? S : new Date(S);
-    return O > I;
-  }), [l, F.values]), j = async ($, x) => {
+    const O = b instanceof Date ? b : new Date(b), R = S instanceof Date ? S : new Date(S);
+    return O > R;
+  }), [l, F.values]), _ = async ($, x) => {
     try {
       r((S) => ({ ...S, [$]: !0 }));
-      const b = await u($, x);
+      const b = await h($, x);
       N((S) => ({ ...S, [$]: b }));
     } catch (b) {
       console.error(`Error fetching ${$} users:`, b);
@@ -893,7 +893,7 @@ const Dn = {
     }
   }, U = ($) => {
     const x = l[$].key, b = l[$].url;
-    l[$].type === "multiselect-users" && h[x].length === 0 && !y[x] && j(x, b);
+    l[$].type === "multiselect-users" && u[x].length === 0 && !y[x] && _(x, b);
   }, Y = () => {
     F.resetForm(), N({ createdBy: [], updatedBy: [] }), i();
   }, q = ($) => {
@@ -965,7 +965,7 @@ const Dn = {
           ] })
         ] });
       case "multiselect-users":
-        const O = h[$] || [], I = y[$];
+        const O = u[$] || [], R = y[$];
         return /* @__PURE__ */ n("div", { className: "filter-panel-content", children: [
           /* @__PURE__ */ n("div", { className: "filter-operator-group", children: [
             /* @__PURE__ */ e("label", { className: "filter-label", children: "Operator:" }),
@@ -979,7 +979,7 @@ const Dn = {
               }
             )
           ] }),
-          I ? /* @__PURE__ */ e("div", { className: "loading-spinner", children: /* @__PURE__ */ e("div", {}) }) : /* @__PURE__ */ e("div", { className: "filter-checkbox-list", children: O.length > 0 ? /* @__PURE__ */ n(te, { children: [
+          R ? /* @__PURE__ */ e("div", { className: "loading-spinner", children: /* @__PURE__ */ e("div", {}) }) : /* @__PURE__ */ e("div", { className: "filter-checkbox-list", children: O.length > 0 ? /* @__PURE__ */ n(te, { children: [
             /* @__PURE__ */ n("div", { className: "filter-checkbox-item", children: [
               /* @__PURE__ */ e(
                 "input",
@@ -1038,7 +1038,7 @@ const Dn = {
           ] }) : /* @__PURE__ */ e("div", { className: "text-center py-4 text-gray-500 text-sm", children: "No users loaded." }) })
         ] });
       case "date":
-        const D = b.values || [], [f, g] = D, k = f && g, w = D[0] || null, T = D[1] || null, L = {
+        const z = b.values || [], [f, p] = z, k = f && p, w = z[0] || null, T = z[1] || null, L = {
           startDate: w instanceof Date ? w.toISOString().slice(0, 10) : null,
           endDate: w instanceof Date ? w.toISOString().slice(0, 10) : null
         }, C = {
@@ -1052,7 +1052,7 @@ const Dn = {
           { key: "this_month", label: "This Month" },
           { key: "last_month", label: "Last Month" },
           { key: "custom", label: "Custom" }
-        ], _ = (A) => {
+        ], V = (A) => {
           if (A === "anytime") {
             F.setFieldValue(`${$}.values`, []), F.setFieldValue(`${$}.range`, "anytime");
             return;
@@ -1104,7 +1104,7 @@ const Dn = {
                       type: "radio",
                       name: `preset-${$}`,
                       checked: G,
-                      onChange: () => _(A.key),
+                      onChange: () => V(A.key),
                       className: "h-4 w-4"
                     }
                   ),
@@ -1126,7 +1126,7 @@ const Dn = {
                   useRange: !1,
                   value: L,
                   onChange: (A) => {
-                    const G = A?.startDate ? Ve(new Date(A.startDate)) : null, W = D[1] || null;
+                    const G = A?.startDate ? Ve(new Date(A.startDate)) : null, W = z[1] || null;
                     G && (F.setFieldValue(`${$}.values`, [G, W]), F.setFieldValue(`${$}.range`, "custom"));
                   },
                   inputClassName: "w-full rounded-xl border border-[#767676] px-4 py-2 text-sm font-normal text-[#101112] focus:border-violet-500 focus:outline-none focus:ring-1 focus:ring-violet-500",
@@ -1150,7 +1150,7 @@ const Dn = {
                   useRange: !1,
                   value: C,
                   onChange: (A) => {
-                    const G = A?.startDate ? je(new Date(A.startDate)) : null, W = D[0] || null;
+                    const G = A?.startDate ? je(new Date(A.startDate)) : null, W = z[0] || null;
                     G && (F.setFieldValue(`${$}.values`, [W, G]), F.setFieldValue(`${$}.range`, "custom"));
                   },
                   inputClassName: "w-full rounded-xl border border-[#767676] px-4 py-2 text-sm font-normal text-[#101112] focus:border-violet-500 focus:outline-none focus:ring-1 focus:ring-violet-500",
@@ -1272,7 +1272,7 @@ const Dn = {
                   children: [
                     "Apply Filters",
                     " ",
-                    R > 0 ? `(${R})` : ""
+                    I > 0 ? `(${I})` : ""
                   ]
                 }
               )
@@ -1291,24 +1291,24 @@ const Dn = {
   className: m,
   ref: o,
   // ✅ 'ref' is now received directly as a prop
-  ...u
+  ...h
 }) => {
-  const h = a || u.name;
+  const u = a || h.name;
   return /* @__PURE__ */ n("div", { className: `input-wrapper ${m || ""}`, children: [
-    t && /* @__PURE__ */ e("label", { htmlFor: h, className: "input-label", children: t }),
+    t && /* @__PURE__ */ e("label", { htmlFor: u, className: "input-label", children: t }),
     /* @__PURE__ */ n("div", { className: "input-field-container", children: [
       i && /* @__PURE__ */ e(i, { className: "input-icon", size: 20 }),
       /* @__PURE__ */ e(
         "input",
         {
-          id: h,
+          id: u,
           type: s,
           ref: o,
           className: H("input-field", {
             "input-field--error": !!l,
             "input-field--with-icon": !!i
           }),
-          ...u
+          ...h
         }
       )
     ] }),
@@ -1344,8 +1344,8 @@ const Dn = {
   // No default
   variant: o = "info",
   // 'info', 'warning', 'delete'
-  loading: u = !1,
-  buttonProps: h = {},
+  loading: h = !1,
+  buttonProps: u = {},
   size: N
   // Add size prop
 }) => {
@@ -1402,7 +1402,7 @@ const Dn = {
                 type: "button",
                 onClick: v,
                 label: l,
-                ...h
+                ...u
               }
             )
           ] })
@@ -1418,14 +1418,14 @@ const Dn = {
   onItemsPerPageChange: l,
   itemsPerPageOptions: m = [10, 15, 20]
 }) => {
-  const o = Math.ceil(a / s), [u, h] = B(t);
+  const o = Math.ceil(a / s), [h, u] = B(t);
   Z(() => {
-    h(t);
+    u(t);
   }, [t]);
   const N = Math.min((t - 1) * s + 1, a), y = Math.min(t * s, a), r = (v) => {
     v.preventDefault();
-    let d = parseInt(u, 10);
-    isNaN(d) || d < 1 ? d = 1 : d > o && (d = o), h(d), d !== t && i(d);
+    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: [
     /* @__PURE__ */ n("div", { className: "pagination-left", children: [
@@ -1475,8 +1475,8 @@ const Dn = {
           {
             type: "number",
             className: "page-input",
-            value: u,
-            onChange: (v) => h(v.target.value),
+            value: h,
+            onChange: (v) => u(v.target.value),
             onBlur: r,
             "aria-label": `Current page, Page ${t}`
           }
@@ -1527,12 +1527,12 @@ const Dn = {
         Ue.Option,
         {
           value: o.value,
-          className: ({ active: u, checked: h }) => H("radiogroup-option", {
-            "radiogroup-option--active": u,
-            "radiogroup-option--checked": h,
+          className: ({ active: h, checked: u }) => H("radiogroup-option", {
+            "radiogroup-option--active": h,
+            "radiogroup-option--checked": u,
             "radiogroup-option--error": !!l
           }),
-          children: ({ checked: u }) => /* @__PURE__ */ n(te, { children: [
+          children: ({ checked: h }) => /* @__PURE__ */ n(te, { children: [
             /* @__PURE__ */ n("div", { className: "radiogroup-option-content", children: [
               /* @__PURE__ */ e(Ue.Label, { as: "p", className: "option-label", children: o.label }),
               o.description && /* @__PURE__ */ e(
@@ -1544,7 +1544,7 @@ const Dn = {
                 }
               )
             ] }),
-            u && /* @__PURE__ */ e("div", { className: "option-checkmark", children: /* @__PURE__ */ e(Ht, { size: 20 }) })
+            h && /* @__PURE__ */ e("div", { className: "option-checkmark", children: /* @__PURE__ */ e(Ht, { size: 20 }) })
           ] })
         },
         o.value
@@ -1561,8 +1561,8 @@ const Dn = {
   // Added a default label for accessibility
   customClass: m = "",
   inputStyle: o = {},
-  placeholderClass: u = "",
-  searchIconSize: h = 16,
+  placeholderClass: h = "",
+  searchIconSize: u = 16,
   searchIconClass: N = "",
   ...y
 }) => {
@@ -1571,30 +1571,30 @@ const Dn = {
     v(t);
   }, [t]);
   const d = ee(
-    Zr((z) => {
-      a?.(z);
+    Zr((D) => {
+      a?.(D);
     }, s),
     [s, a]
   );
   Z(() => (r !== t && d(r), () => {
     d.cancel();
   }), [r, d, t]);
-  const p = (z) => {
-    v(z.target.value);
+  const g = (D) => {
+    v(D.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(vt, { size: h || 16, className: `search-bar-icon   ${N}`, "aria-hidden": "true" }) }),
+    /* @__PURE__ */ e("div", { className: "search-bar-icon-wrapper", children: /* @__PURE__ */ e(vt, { size: u || 16, className: `search-bar-icon   ${N}`, "aria-hidden": "true" }) }),
     /* @__PURE__ */ e(
       "input",
       {
         id: "search-field",
-        className: `search-bar-input ${u}`,
+        className: `search-bar-input ${h}`,
         placeholder: i,
         type: "search",
         name: "search",
         value: r,
-        onChange: p,
+        onChange: g,
         style: o,
         ...y
       }
@@ -1610,9 +1610,9 @@ const Dn = {
   placeholder: l = "Select an option...",
   disabled: m = !1,
   error: o,
-  ref: u,
+  ref: h,
   // From RHF's <Controller>
-  showSearch: h = !0
+  showSearch: u = !0
 }) => {
   const [N, y] = B("");
   console.log("Select component - value:", a, "type:", typeof a), console.log("Select component - options:", i);
@@ -1627,7 +1627,7 @@ const Dn = {
     }
     return d.id === a || d.value === a || d.label === a;
   });
-  return /* @__PURE__ */ e(K, { value: a, onChange: s, disabled: m, children: /* @__PURE__ */ n("div", { className: "select-wrapper", ref: u, children: [
+  return /* @__PURE__ */ e(K, { 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(
@@ -1649,7 +1649,7 @@ const Dn = {
           leaveFrom: "opacity-100",
           leaveTo: "opacity-0",
           children: /* @__PURE__ */ n(Ur, { className: "select-options", children: [
-            h && /* @__PURE__ */ e("div", { className: "search-input-wrapper", children: /* @__PURE__ */ e(
+            u && /* @__PURE__ */ e("div", { className: "search-input-wrapper", children: /* @__PURE__ */ e(
               ge,
               {
                 onKeyDown: (d) => {
@@ -1663,20 +1663,20 @@ const Dn = {
             /* @__PURE__ */ e("div", { className: "select-options-list", children: r.length === 0 && N !== "" ? /* @__PURE__ */ e("div", { className: "no-results", children: "No results found." }) : r.map((d) => /* @__PURE__ */ e(
               Gr,
               {
-                className: ({ active: p }) => `select-option ${p ? "active" : ""}`,
+                className: ({ active: g }) => `select-option ${g ? "active" : ""}`,
                 value: d,
-                children: ({ selected: p }) => /* @__PURE__ */ n(te, { children: [
+                children: ({ selected: g }) => /* @__PURE__ */ n(te, { children: [
                   /* @__PURE__ */ n("div", { className: "option-content", children: [
                     d.icon && /* @__PURE__ */ e(d.icon, { className: "option-icon" }),
                     /* @__PURE__ */ e(
                       "span",
                       {
-                        className: `option-label ${p ? "selected" : ""}`,
+                        className: `option-label ${g ? "selected" : ""}`,
                         children: d.label
                       }
                     )
                   ] }),
-                  p ? /* @__PURE__ */ e(
+                  g ? /* @__PURE__ */ e(
                     et,
                     {
                       className: "option-check-icon",
@@ -1709,11 +1709,11 @@ const Dn = {
       return s;
   return null;
 }, ga = ({ item: t, isCollapsed: a, level: s = 0 }) => {
-  const { pathname: i } = Bn(), l = t.href || t.url || t.path, [m, o] = B(!1), u = t.icon;
+  const { pathname: i } = Bn(), l = t.href || t.url || t.path, [m, o] = B(!1), h = t.icon;
   Z(() => {
     yt([t], i) && o(!0);
   }, [t, i]);
-  const h = i === l, N = !h && !!yt([t], i), y = (r) => {
+  const u = i === l, N = !u && !!yt([t], i), y = (r) => {
     r.preventDefault(), o(!m);
   };
   return /* @__PURE__ */ n(
@@ -1731,12 +1731,12 @@ const Dn = {
             target: t.target,
             rel: t.target === "_blank" ? "noopener noreferrer" : void 0,
             className: H("nav-item", {
-              "nav-item--active": h,
+              "nav-item--active": u,
               "nav-item--collapsed": a
             }),
-            "aria-current": h ? "page" : void 0,
+            "aria-current": u ? "page" : void 0,
             children: [
-              u && /* @__PURE__ */ e(u, { 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",
@@ -1788,7 +1788,7 @@ const Dn = {
   onToggleMobile: l,
   logoSmall: m,
   logoLarge: o,
-  user: u = { name: "", email: "" }
+  user: h = { name: "", email: "" }
 }) => /* @__PURE__ */ n(te, { children: [
   i && /* @__PURE__ */ e(
     "div",
@@ -1831,12 +1831,12 @@ const Dn = {
             }
           )
         ] }),
-        /* @__PURE__ */ e("nav", { className: "sidebar-nav", "aria-label": "Primary", children: /* @__PURE__ */ e("ul", { className: "sidebar-nav-list", children: t.map((h) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(ga, { item: h, isCollapsed: a }) }, h.label || h.name)) }) }),
+        /* @__PURE__ */ 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(ga, { item: u, isCollapsed: a }) }, u.label || u.name)) }) }),
         /* @__PURE__ */ n("div", { className: "sidebar-footer", children: [
-          /* @__PURE__ */ e(we, { src: u.avatar, name: u.name, size: "medium" }),
+          /* @__PURE__ */ e(we, { src: h.avatar, name: h.name, size: "medium" }),
           /* @__PURE__ */ n("div", { className: "user-info", children: [
-            /* @__PURE__ */ e("span", { className: "user-name", children: u.name }),
-            /* @__PURE__ */ e("span", { className: "user-email", children: u.email })
+            /* @__PURE__ */ e("span", { className: "user-name", children: h.name }),
+            /* @__PURE__ */ e("span", { className: "user-email", children: h.email })
           ] }),
           /* @__PURE__ */ e(
             "button",
@@ -1897,16 +1897,16 @@ const Dn = {
   // ✅ New prop for max length
   showCharCount: o = !1,
   // ✅ New prop to control visibility
-  ...u
+  ...h
 }) => {
-  const h = a || u.name, [N, y] = B(
-    u.value?.length || u.defaultValue?.length || 0
+  const u = a || h.name, [N, y] = B(
+    h.value?.length || h.defaultValue?.length || 0
   ), r = (d) => {
-    y(d.target.value.length), u.onChange && u.onChange(d);
+    y(d.target.value.length), h.onChange && h.onChange(d);
   }, v = m - N;
   return /* @__PURE__ */ n("div", { className: `textarea-wrapper ${i || ""}`, children: [
     /* @__PURE__ */ n("div", { className: "textarea-header", children: [
-      t && /* @__PURE__ */ e("label", { htmlFor: h, className: "textarea-label", children: t }),
+      t && /* @__PURE__ */ e("label", { htmlFor: u, className: "textarea-label", children: t }),
       o && m && /* @__PURE__ */ n("span", { className: "char-counter", children: [
         v,
         " characters remaining"
@@ -1915,14 +1915,14 @@ const Dn = {
     /* @__PURE__ */ e(
       "textarea",
       {
-        id: h,
+        id: u,
         ref: l,
         className: H("textarea-field", {
           "textarea-field--error": !!s
         }),
         maxLength: m,
         onChange: r,
-        ...u
+        ...h
       }
     ),
     s && /* @__PURE__ */ e("p", { className: "textarea-error-message", children: s })
@@ -1967,13 +1967,13 @@ const Dn = {
   // For external styling of the tooltip itself
   ...o
 }) => {
-  const u = re.useId();
+  const h = re.useId();
   return /* @__PURE__ */ n(te, { children: [
-    re.cloneElement(t, { "data-tooltip-id": u }),
+    re.cloneElement(t, { "data-tooltip-id": h }),
     /* @__PURE__ */ e(
       Qa,
       {
-        id: u,
+        id: h,
         content: a,
         place: l,
         variant: s,
@@ -2003,11 +2003,11 @@ const Dn = {
   direction: l = 1,
   stepProps: m = {},
   title: o,
-  description: u,
-  showProgress: h = !0,
+  description: h,
+  showProgress: u = !0,
   closeOnOverlayClick: N = !0
 }) => {
-  const y = s[i], r = Object.keys(s), v = r.indexOf(i), d = (v + 1) / r.length * 100, p = v > 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(he, { show: t, as: Q, children: /* @__PURE__ */ n(
     ye,
     {
@@ -2042,7 +2042,7 @@ const Dn = {
             children: /* @__PURE__ */ n(Fe, { className: "wizard-panel", children: [
               /* @__PURE__ */ n("header", { className: "wizard-header", children: [
                 /* @__PURE__ */ n("div", { className: "wizard-header-content", children: [
-                  p && /* @__PURE__ */ e(
+                  g && /* @__PURE__ */ e(
                     "button",
                     {
                       onClick: m.onBack,
@@ -2053,7 +2053,7 @@ const Dn = {
                   ),
                   /* @__PURE__ */ n("div", { className: "wizard-header-text", children: [
                     /* @__PURE__ */ e(ye.Title, { as: "h3", className: "wizard-title", children: o }),
-                    u && /* @__PURE__ */ e(ye.Description, { className: "wizard-description", children: u })
+                    h && /* @__PURE__ */ e(ye.Description, { className: "wizard-description", children: h })
                   ] })
                 ] }),
                 /* @__PURE__ */ e(
@@ -2066,7 +2066,7 @@ const Dn = {
                   }
                 )
               ] }),
-              h && /* @__PURE__ */ e("div", { className: "wizard-progress-container", children: /* @__PURE__ */ e(
+              u && /* @__PURE__ */ e("div", { className: "wizard-progress-container", children: /* @__PURE__ */ e(
                 "div",
                 {
                   className: "wizard-progress-bar",
@@ -2123,18 +2123,18 @@ const Dn = {
   category: m = "secondary",
   icon: o,
   // Renamed for clarity, expecting a component type e.g., CheckCircle
-  disabled: u = !1,
-  size: h = "small",
+  disabled: h = !1,
+  size: u = "small",
   label: N,
   children: y,
   // ✅ Add children to the props list
   onClick: r,
   ...v
 }) => {
-  const d = u, p = H(
+  const d = h, g = H(
     "btn-base-icon",
     "btn-icon-only",
-    jn[h],
+    jn[u],
     _n[m],
     l
   );
@@ -2143,13 +2143,13 @@ const Dn = {
     {
       "data-testid": t,
       type: s,
-      className: p,
+      className: g,
       disabled: d,
       onClick: r,
       title: i,
       "aria-label": i,
       ...v,
-      children: o && /* @__PURE__ */ e(o, { size: h === "large" ? 20 : 16 })
+      children: o && /* @__PURE__ */ e(o, { size: u === "large" ? 20 : 16 })
     }
   );
 }, jl = ({
@@ -2162,7 +2162,7 @@ const Dn = {
   // fullHeight = false, 
   ...o
 }) => {
-  const u = H(
+  const h = H(
     "page-layout",
     {
       "page-layout--with-footer": a
@@ -2170,7 +2170,7 @@ const Dn = {
     },
     o.className
   );
-  return /* @__PURE__ */ n("div", { className: u, ...o, children: [
+  return /* @__PURE__ */ n("div", { className: h, ...o, 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(
@@ -2425,13 +2425,13 @@ function Ot() {
 }
 function Zn(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, u = 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: u || i || "Request failed",
+      message: h || i || "Request failed",
       details: o || null,
       request: {
         url: s?.url || null,
@@ -2492,10 +2492,10 @@ function Kn({
   async function o(N, y = {}, r = !1, v = {}) {
     return s.post(N, y, i({ open: r, customHeader: v }));
   }
-  async function u(N, y = {}, r = !1, v = {}) {
+  async function h(N, y = {}, r = !1, v = {}) {
     return s.put(N, y, i({ open: r, customHeader: v }));
   }
-  async function h(N, y = {}, r = !1, v = {}) {
+  async function u(N, y = {}, r = !1, v = {}) {
     return s.patch(N, y, i({ open: r, customHeader: v }));
   }
   return {
@@ -2504,8 +2504,8 @@ function Kn({
     axiosGet: l,
     axiosDelete: m,
     axiosPost: o,
-    axiosPut: u,
-    axiosPatch: h
+    axiosPut: h,
+    axiosPatch: u
   };
 }
 const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl = Ee.axiosPut, Wl = Ee.axiosPatch, Jl = Ee.instance, es = async (t, a) => {
@@ -2615,9 +2615,9 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
 }) => {
   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, u = o - m.length;
-  let h = m.join(", ");
-  return u > 0 && (h += ` and ${u} others`), o === 0 ? /* @__PURE__ */ e(
+  const o = t.length + a.length + s.length, h = o - m.length;
+  let u = m.join(", ");
+  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",
@@ -2640,7 +2640,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
             },
             N.id || y
           )) }),
-          /* @__PURE__ */ e("p", { className: "text-sm font-medium text-gray-800 truncate", children: h })
+          /* @__PURE__ */ e("p", { className: "text-sm font-medium text-gray-800 truncate", children: u })
         ] }),
         /* @__PURE__ */ e(xe, { size: 20 })
       ]
@@ -2664,9 +2664,9 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
   showExistingShares: m = !1,
   onFinalSubmit: o = () => {
   },
-  isChanged: u = !1
+  isChanged: h = !1
 }) => {
-  const [h, N] = B(Mt[0]), [y, r] = B(""), v = zt(y, 400), [d, p] = B([]), [z, F] = B(/* @__PURE__ */ new Set()), [E, R] = B(!1), [P, j] = B(Lt[0]), {
+  const [u, N] = B(Mt[0]), [y, r] = B(""), v = zt(y, 400), [d, g] = B([]), [D, F] = B(/* @__PURE__ */ new Set()), [E, I] = B(!1), [P, _] = B(Lt[0]), {
     control: U,
     handleSubmit: Y,
     watch: q,
@@ -2674,27 +2674,27 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
   } = nr({
     defaultValues: { pendingInvites: [] },
     resolver: ir(rs)
-  }), { fields: b, append: S, remove: O, update: I } = sr({
+  }), { fields: b, append: S, remove: O, update: R } = sr({
     control: U,
     name: "pendingInvites"
-  }), D = q("pendingInvites");
+  }), z = q("pendingInvites");
   Z(() => {
-    v.length > 1 ? (R(!0), es(h.name, v).then((C) => {
-      p(C);
-    }).catch((C) => console.error("Search failed:", C)).finally(() => R(!1))) : (p([]), F(/* @__PURE__ */ new Set()));
-  }, [v, h]);
+    v.length > 1 ? (I(!0), es(u.name, v).then((C) => {
+      g(C);
+    }).catch((C) => console.error("Search failed:", C)).finally(() => I(!1))) : (g([]), F(/* @__PURE__ */ new Set()));
+  }, [v, u]);
   const f = (C) => {
     F((M) => {
-      const _ = new Set(M);
-      return _.has(C) ? _.delete(C) : _.add(C), _;
+      const V = new Set(M);
+      return V.has(C) ? V.delete(C) : V.add(C), V;
     });
-  }, g = () => {
-    d.filter((C) => z.has(C.id)).forEach((C) => {
+  }, p = () => {
+    d.filter((C) => D.has(C.id)).forEach((C) => {
       b.find((M) => M.id === C.id) || S({ ...C, permission: P.name });
     }), F(/* @__PURE__ */ new Set()), r("");
   }, k = (C) => {
-    j(C), b.forEach(
-      (M, _) => I(_, { ...b[_], permission: C.name })
+    _(C), b.forEach(
+      (M, V) => R(V, { ...b[V], permission: C.name })
     );
   }, w = async (C) => {
     try {
@@ -2711,13 +2711,13 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
           // Always send updated existing shares
         }, i);
       } else if (l === ue.INTEREST) {
-        const M = C.pendingInvites.map((_) => ({
-          identity: _.id,
-          type: _.type.toLowerCase(),
+        const M = C.pendingInvites.map((V) => ({
+          identity: V.id,
+          type: V.type.toLowerCase(),
           opt: !0,
           lock: !1,
           moderator: !1,
-          userName: _.name,
+          userName: V.name,
           interestId: t?.data?.id
         }));
         o(M, i);
@@ -2741,7 +2741,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
       throw console.error("Failed to submit invites:", M), M;
     }
   }, T = (C) => {
-    const M = i[h.code].find((_) => _.name === C.name && _.permission !== "remove") || D.find((_) => _.name === C.name);
+    const M = i[u.code].find((V) => V.name === C.name && V.permission !== "remove") || z.find((V) => V.name === C.name);
     return M ? `${M.permission}` : "";
   }, L = () => {
     switch (l) {
@@ -2755,9 +2755,9 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
         return "Add User, Groups or Roles test";
     }
   };
-  return ae(() => (console.log("InviteFlow - isChanged:", u, "pendingInvites.length:", D.length), D.length === 0 && !u), [D.length, u]), Z(() => {
-    typeof o == "function" && o({ pendingInvites: D }, i);
-  }, [D]), /* @__PURE__ */ n("div", { className: "flex flex-col h-full bg-white", children: [
+  return ae(() => (console.log("InviteFlow - isChanged:", h, "pendingInvites.length:", z.length), z.length === 0 && !h), [z.length, h]), Z(() => {
+    typeof o == "function" && o({ pendingInvites: z }, i);
+  }, [z]), /* @__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(ye.Title, { className: " text-gray-900 !mb-0 text-lg font-semibold", children: L() }),
       /* @__PURE__ */ n("div", { className: "flex items-center gap-4", children: [
@@ -2786,11 +2786,11 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
         }
       ),
       /* @__PURE__ */ n("div", { className: "relative grid grid-cols-3 gap-2 items-start", children: [
-        /* @__PURE__ */ e("div", { className: "col-span-1", children: /* @__PURE__ */ e(K, { value: h, onChange: N, children: /* @__PURE__ */ n("div", { className: "relative", children: [
+        /* @__PURE__ */ e("div", { className: "col-span-1", children: /* @__PURE__ */ e(K, { value: u, onChange: N, children: /* @__PURE__ */ n("div", { className: "relative", children: [
           /* @__PURE__ */ n(K.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(h.icon, { className: "h-5 w-5 text-gray-400 mr-2" }),
-              /* @__PURE__ */ e("span", { className: "truncate", children: h.name })
+              /* @__PURE__ */ e(u.icon, { className: "h-5 w-5 text-gray-400 mr-2" }),
+              /* @__PURE__ */ e("span", { className: "truncate", children: u.name })
             ] }),
             /* @__PURE__ */ e("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ e(mt, { className: "h-5 w-5 text-gray-400" }) })
           ] }),
@@ -2833,7 +2833,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
         /* @__PURE__ */ e("div", { className: "col-span-2", children: /* @__PURE__ */ e(
           ge,
           {
-            placeholder: `Search by ${h.name.toLowerCase()}...`,
+            placeholder: `Search by ${u.name.toLowerCase()}...`,
             onDebouncedChange: (C) => r(C),
             value: y
           }
@@ -2859,7 +2859,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
                         "input",
                         {
                           type: "checkbox",
-                          checked: z.has(C.id),
+                          checked: D.has(C.id),
                           readOnly: !0,
                           className: "h-4 w-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500",
                           disabled: !!M
@@ -2868,7 +2868,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
                       /* @__PURE__ */ e(we, { src: C.avatarUrl, name: C.name, size: "small" }),
                       /* @__PURE__ */ n("div", { className: "flex flex-col", children: [
                         /* @__PURE__ */ e("span", { className: "text-md font-medium text-gray-800 truncate", children: C.name }),
-                        h.name === De.USER && /* @__PURE__ */ e("span", { className: "text-sm text-gray-500", children: C.id })
+                        u.name === De.USER && /* @__PURE__ */ e("span", { className: "text-sm text-gray-500", children: C.id })
                       ] }),
                       M ? /* @__PURE__ */ n(te, { children: [
                         /* @__PURE__ */ e("span", { className: "text-sm px-3 py-0.5 border border-dashed rounded-xl bg-teal-100 text-teal-700", children: M }),
@@ -2892,7 +2892,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
                 /* @__PURE__ */ e(
                   le,
                   {
-                    onClick: g,
+                    onClick: p,
                     size: "small",
                     label: "Add"
                   }
@@ -2943,7 +2943,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
                           {
                             value: C,
                             className: ({ active: M }) => `${M ? "text-white bg-blue-600" : "text-gray-900"} hover:cursor-pointer select-none relative py-2 pl-10`,
-                            children: ({ selected: M, active: _ }) => /* @__PURE__ */ n(te, { children: [
+                            children: ({ selected: M, active: V }) => /* @__PURE__ */ n(te, { children: [
                               /* @__PURE__ */ n(
                                 "span",
                                 {
@@ -2952,7 +2952,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
                                     /* @__PURE__ */ e(
                                       C.icon,
                                       {
-                                        className: `h-5 w-5 mr-2 ${_ ? "text-white" : "text-gray-400"}`
+                                        className: `h-5 w-5 mr-2 ${V ? "text-white" : "text-gray-400"}`
                                       }
                                     ),
                                     "Can ",
@@ -3021,9 +3021,9 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
     ] }),
     /* @__PURE__ */ e("footer", { className: "p-4 border-t border-gray-300 shrink-0", children: /* @__PURE__ */ n("div", { className: "flex justify-between items-center", children: [
       /* @__PURE__ */ n("p", { className: "text-sm text-gray-600", children: [
-        D.length,
+        z.length,
         " invitation",
-        D.length !== 1 ? "s" : "",
+        z.length !== 1 ? "s" : "",
         " selected"
       ] }),
       /* @__PURE__ */ n("div", { className: "flex gap-2", children: [
@@ -3039,7 +3039,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
           le,
           {
             onClick: () => Y(w)(),
-            disabled: x || D.length === 0 && !u,
+            disabled: x || z.length === 0 && !h,
             label: x ? "Inviting..." : l === ue.DRIVE ? "Send Invites" : "Add"
           }
         )
@@ -3051,21 +3051,21 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
   { name: "Can manage", icon: ta, value: "edit" },
   { name: "Remove", icon: or, isDestructive: !0, value: "remove" }
 ], ss = ({ item: t, allowedPermissions: a, onPermissionChange: s }) => {
-  const [i, l] = B(!1), { refs: m, floatingStyles: o, context: u } = ia({
+  const [i, l] = B(!1), { refs: m, floatingStyles: o, context: h } = ia({
     open: i,
     onOpenChange: l,
     middleware: [oa(8), ca(), da({ padding: 8 })],
     whileElementsMounted: ma,
     placement: "bottom-end"
-  }), h = Kr(u), N = en(u), { getReferenceProps: y, getFloatingProps: r } = tn([
-    h,
+  }), u = Kr(h), N = en(h), { getReferenceProps: y, getFloatingProps: r } = tn([
+    u,
     N
-  ]), v = ot.find((p) => p.name === t.permission || p.value === t.permission) || ot[0];
+  ]), v = ot.find((g) => g.name === t.permission || g.value === t.permission) || ot[0];
   return (
     // FIX: The <Listbox> component now wraps both the button and the portal.
     // This provides the necessary context for both children.
-    /* @__PURE__ */ n(K, { value: v, onChange: (p) => {
-      s(p), l(!1);
+    /* @__PURE__ */ n(K, { value: v, onChange: (g) => {
+      s(g), l(!1);
     }, children: [
       /* @__PURE__ */ n(
         K.Button,
@@ -3098,31 +3098,31 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
               ...r(),
               static: !0,
               className: "z-50 w-48 bg-white shadow-lg rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-none sm:text-sm",
-              children: ot.filter((p) => a.includes(p.value)).map((p) => /* @__PURE__ */ e(
+              children: ot.filter((g) => a.includes(g.value)).map((g) => /* @__PURE__ */ e(
                 K.Option,
                 {
                   className: ({
-                    active: z
+                    active: D
                   }) => `relative select-none py-2 pl-10 pr-4 hover:cursor-pointer
-                                            ${z ? "bg-blue-100 text-blue-900" : "text-gray-900"}
-                                            ${p.isDestructive && z ? "bg-red-100 text-red-900" : ""}
-                                            ${p.isDestructive && !z ? "text-red-600" : ""}`,
-                  value: p,
-                  children: ({ selected: z }) => /* @__PURE__ */ n(te, { children: [
+                                            ${D ? "bg-blue-100 text-blue-900" : "text-gray-900"}
+                                            ${g.isDestructive && D ? "bg-red-100 text-red-900" : ""}
+                                            ${g.isDestructive && !D ? "text-red-600" : ""}`,
+                  value: g,
+                  children: ({ selected: D }) => /* @__PURE__ */ n(te, { children: [
                     /* @__PURE__ */ n(
                       "span",
                       {
-                        className: `flex items-center gap-2 truncate ${z ? "font-medium" : "font-normal"}`,
+                        className: `flex items-center gap-2 truncate ${D ? "font-medium" : "font-normal"}`,
                         children: [
-                          /* @__PURE__ */ e(p.icon, { className: "h-5 w-5", "aria-hidden": "true" }),
-                          p.name
+                          /* @__PURE__ */ e(g.icon, { className: "h-5 w-5", "aria-hidden": "true" }),
+                          g.name
                         ]
                       }
                     ),
-                    z && /* @__PURE__ */ e("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-blue-600", children: /* @__PURE__ */ e(ut, { className: "h-5 w-5", "aria-hidden": "true" }) })
+                    D && /* @__PURE__ */ e("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-blue-600", children: /* @__PURE__ */ e(ut, { className: "h-5 w-5", "aria-hidden": "true" }) })
                   ] })
                 },
-                p.name
+                g.name
               ))
             }
           )
@@ -3139,31 +3139,31 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
   existingShares: l,
   allowedPermissions: m
 }) => {
-  const [o, u] = B(l), [h, N] = B(0), [y, r] = B(""), v = zt(y, 300), d = {
+  const [o, h] = B(l), [u, N] = B(0), [y, r] = B(""), v = zt(y, 300), d = {
     users: o.users.filter(
-      (R) => R.name.toLowerCase().includes(v.toLowerCase())
+      (I) => I.name.toLowerCase().includes(v.toLowerCase())
     ),
     groups: o.groups.filter(
-      (R) => R.name.toLowerCase().includes(v.toLowerCase())
+      (I) => I.name.toLowerCase().includes(v.toLowerCase())
     ),
     roles: o.roles.filter(
-      (R) => R.name.toLowerCase().includes(v.toLowerCase())
+      (I) => I.name.toLowerCase().includes(v.toLowerCase())
     )
-  }, p = async (R, P, j, U) => {
+  }, g = async (I, P, _, U) => {
     const Y = P.value;
-    u((q) => ({
+    h((q) => ({
       ...q,
-      [j]: q[j].map(
-        ($) => $.id === R.id ? { ...$, permission: Y } : $
+      [_]: q[_].map(
+        ($) => $.id === I.id ? { ...$, permission: Y } : $
       )
     }));
-  }, z = () => {
-    const R = {
+  }, D = () => {
+    const I = {
       users: o.users.filter((P) => P.permission !== "remove"),
       groups: o.groups.filter((P) => P.permission !== "remove"),
       roles: o.roles.filter((P) => P.permission !== "remove")
     };
-    a(R);
+    a(I);
   }, F = ["users", "groups", "roles"], E = ["Users", "Groups", "Roles"];
   return (
     // The main structure remains the same...
@@ -3191,9 +3191,9 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
         )
       ] }),
       /* @__PURE__ */ n("div", { className: "flex flex-col flex-grow", children: [
-        /* @__PURE__ */ n(se.Group, { selectedIndex: h, onChange: N, children: [
+        /* @__PURE__ */ n(se.Group, { selectedIndex: u, onChange: N, children: [
           /* @__PURE__ */ n("div", { className: "p-4 bg-white border-b border-gray-300", children: [
-            /* @__PURE__ */ e(se.List, { className: "flex space-x-1 bg-gray-100 p-1 rounded-lg", children: E.map((R) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e(se.List, { className: "flex space-x-1 bg-gray-100 p-1 rounded-lg", children: E.map((I) => /* @__PURE__ */ e(
               se,
               {
                 className: ({
@@ -3201,16 +3201,16 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
                 }) => `w-full py-2 text-sm font-medium leading-5 rounded-md
                                        focus:outline-none focus:ring-2 ring-offset-2 ring-offset-blue-400 ring-white ring-opacity-60
                                        ${P ? "bg-white shadow text-blue-700" : "text-gray-600 hover:bg-white/[0.6]"}`,
-                children: R
+                children: I
               },
-              R
+              I
             )) }),
             /* @__PURE__ */ e("div", { className: "mt-4", children: /* @__PURE__ */ e(
               ge,
               {
                 onDebouncedChange: r,
                 value: y,
-                placeholder: `Search in ${E[h]}...`
+                placeholder: `Search in ${E[u]}...`
               }
             ) })
           ] }),
@@ -3221,11 +3221,11 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
               animate: { y: 0, opacity: 1 },
               exit: { y: -10, opacity: 0 },
               transition: { duration: 0.2 },
-              children: /* @__PURE__ */ e(se.Panels, { as: Q, children: F.map((R) => /* @__PURE__ */ e(
+              children: /* @__PURE__ */ e(se.Panels, { as: Q, children: F.map((I) => /* @__PURE__ */ e(
                 se.Panel,
                 {
                   className: "space-y-3 focus:outline-none",
-                  children: /* @__PURE__ */ e(Se, { children: d[R].length > 0 ? d[R].map((P) => /* @__PURE__ */ n(
+                  children: /* @__PURE__ */ e(Se, { children: d[I].length > 0 ? d[I].map((P) => /* @__PURE__ */ n(
                     ie.div,
                     {
                       layout: !0,
@@ -3249,12 +3249,12 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
                           ),
                           /* @__PURE__ */ n("div", { className: "overflow-hidden", children: [
                             /* @__PURE__ */ e("p", { className: "font-medium text-gray-900 truncate", children: P.name }),
-                            R !== "users" && /* @__PURE__ */ e(
+                            I !== "users" && /* @__PURE__ */ e(
                               "button",
                               {
                                 onClick: () => i({
                                   id: P.id,
-                                  type: R,
+                                  type: I,
                                   name: P.name
                                 }),
                                 className: "text-sm text-blue-600 hover:underline hover:cursor-pointer",
@@ -3268,10 +3268,10 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
                           {
                             item: P,
                             allowedPermissions: m,
-                            onPermissionChange: (j) => p(
+                            onPermissionChange: (_) => g(
                               P,
-                              j,
-                              R
+                              _,
+                              I
                             )
                           }
                         )
@@ -3290,25 +3290,25 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
                           /* @__PURE__ */ e(Kt, { className: "h-12 w-12 text-gray-400" }),
                           /* @__PURE__ */ n("h3", { className: "mt-2 text-sm font-medium text-gray-900", children: [
                             "No ",
-                            E[h],
+                            E[u],
                             " Found"
                           ] }),
-                          /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-gray-500", children: y ? `No results for "${y}"` : `There are no ${E[h].toLowerCase()} with access.` })
+                          /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-gray-500", children: y ? `No results for "${y}"` : `There are no ${E[u].toLowerCase()} with access.` })
                         ]
                       }
                     )
                   ) })
                 },
-                R
+                I
               )) })
             },
-            h
+            u
           ) }) })
         ] }),
         /* @__PURE__ */ e("div", { className: "p-4 bg-white border-t border-gray-300 flex justify-end", children: /* @__PURE__ */ e(
           "button",
           {
-            onClick: z,
+            onClick: D,
             className: "px-4 py-2 bg-blue-600 text-white rounded-md shadow hover:bg-blue-700",
             children: "Update"
           }
@@ -3329,8 +3329,8 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
   onClose: s,
   members: i
 }) => {
-  const [l, m] = B(!0), [o, u] = B(""), h = zt(o, 300), N = i.filter(
-    (d) => d.name.toLowerCase().includes(h.toLowerCase())
+  const [l, m] = B(!0), [o, h] = B(""), u = zt(o, 300), N = i.filter(
+    (d) => d.name.toLowerCase().includes(u.toLowerCase())
   ), y = {
     hidden: { opacity: 0 },
     visible: {
@@ -3345,7 +3345,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
     exit: { opacity: 0, x: -20 }
   }, v = () => l ? (
     // Show 5 skeleton items while loading
-    /* @__PURE__ */ e("div", { children: Array.from({ length: 5 }).map((d, p) => /* @__PURE__ */ e(is, {}, p)) })
+    /* @__PURE__ */ e("div", { children: Array.from({ length: 5 }).map((d, g) => /* @__PURE__ */ e(is, {}, g)) })
   ) : N.length === 0 ? /* @__PURE__ */ n(
     ie.div,
     {
@@ -3355,7 +3355,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
       children: [
         /* @__PURE__ */ e(cr, { className: "h-12 w-12 text-gray-400" }),
         /* @__PURE__ */ e("h3", { className: "mt-2 text-sm font-medium text-gray-900", children: "No Users Found" }),
-        /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-gray-500", children: h ? `No one found matching "${h}"` : `There are no users in this ${t.type}.` })
+        /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-gray-500", children: u ? `No one found matching "${u}"` : `There are no users in this ${t.type}.` })
       ]
     }
   ) : /* @__PURE__ */ e(
@@ -3422,7 +3422,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
     /* @__PURE__ */ e("div", { className: "p-4 border-b border-gray-200 flex-shrink-0", children: /* @__PURE__ */ e(
       ge,
       {
-        onDebouncedChange: u,
+        onDebouncedChange: h,
         value: o,
         placeholder: "Search members..."
       }
@@ -3447,29 +3447,29 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
   onClose: m = () => {
   },
   showExistingShares: o = !0,
-  allowedPermissions: u = [],
-  ...h
+  allowedPermissions: h = [],
+  ...u
 }) => {
-  const [N, y] = B(be.INVITE), [r, v] = B(t), [d, p] = B(null), [z, F] = B(!1), [E, R] = B([]), [P, j] = B(be.MANAGE), U = () => {
-    y(be.INVITE), p(null), m();
+  const [N, y] = B(be.INVITE), [r, v] = B(t), [d, g] = B(null), [D, F] = B(!1), [E, I] = B([]), [P, _] = B(be.MANAGE), U = () => {
+    y(be.INVITE), g(null), m();
   }, Y = () => {
     y(be.MANAGE);
   }, q = async ({ id: b, name: S, type: O }) => {
     if (O === "groups") {
       try {
-        const I = await Ze(`${Je.getMembersForGroup(S)}`);
-      } catch (I) {
-        console.log("Error searching entities:", I);
+        const R = await Ze(`${Je.getMembersForGroup(S)}`);
+      } catch (R) {
+        console.log("Error searching entities:", R);
       }
-      R(resp);
+      I(resp);
     }
-    p({ id: b, type: O, name: S }), j(N), y(be.MEMBERS);
+    g({ id: b, type: O, name: S }), _(N), y(be.MEMBERS);
   }, $ = (b) => {
     console.log("changedExistingShares", b), v(b);
-    const S = it.mapValues(t, (D) => D.map((f) => ({ id: f.id, permission: f.permission })).sort((f, g) => f.id - g.id)), O = it.mapValues(b, (D) => D.map((f) => ({ id: f.id, permission: f.permission })).sort((f, g) => f.id - g.id));
+    const S = it.mapValues(t, (z) => z.map((f) => ({ id: f.id, permission: f.permission })).sort((f, p) => f.id - p.id)), O = it.mapValues(b, (z) => z.map((f) => ({ id: f.id, permission: f.permission })).sort((f, p) => f.id - p.id));
     console.log("Existing data:", S), console.log("Changed data:", O);
-    const I = !it.isEqual(S, O);
-    console.log("hasPermissionChanged:", I), F(I), y(N === be.MEMBERS ? P : be.INVITE);
+    const R = !it.isEqual(S, O);
+    console.log("hasPermissionChanged:", R), F(R), y(N === be.MEMBERS ? P : be.INVITE);
   };
   return /* @__PURE__ */ e(he, { appear: !0, show: a, as: Q, children: /* @__PURE__ */ n(ye, { as: "div", className: "relative z-50", onClose: U, children: [
     /* @__PURE__ */ e("div", { className: "filter-modal-overlay", "aria-hidden": "true" }),
@@ -3493,7 +3493,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
                   onOpenMembers: q,
                   existingShares: r,
                   calledBy: l,
-                  allowedPermissions: u
+                  allowedPermissions: h
                 }
               )
             },
@@ -3543,7 +3543,7 @@ const Ee = Kn(), Ze = Ee.axiosGet, ql = Ee.axiosDelete, xt = Ee.axiosPost, Yl =
                   onFinalSubmit: (b) => {
                     s(b, r);
                   },
-                  isChanged: z
+                  isChanged: D
                 }
               )
             },
@@ -3566,8 +3566,8 @@ function at({
   },
   placeholder: m = "Select options",
   error: o = null,
-  displayLimit: u = 3,
-  selectionLimit: h = -1,
+  displayLimit: h = 3,
+  selectionLimit: u = -1,
   // NEW: search behavior
   searchMode: N = "client",
   // "client" | "server"
@@ -3576,31 +3576,31 @@ function at({
   serverLoading: r = !1,
   minSearchChars: v = 2,
   // NEW: mappers (id/label keys)
-  getOptionId: d = (z) => String(z.id),
-  getOptionLabel: p = (z) => z.name
+  getOptionId: d = (D) => String(D.id),
+  getOptionLabel: g = (D) => D.name
 }) {
-  const z = He(), F = He(), [E, R] = B(""), P = fe(""), j = ae(() => {
+  const D = He(), F = He(), [E, I] = B(""), P = fe(""), _ = ae(() => {
     const b = /* @__PURE__ */ new Map();
     for (const S of a) b.set(d(S), S);
     return b;
-  }, [a, d]), U = ae(() => Array.isArray(s) ? s.map((b) => b && typeof b == "object" ? j.get(d(b)) || null : j.get(String(b))).filter(Boolean) : [], [s, j, d]), Y = ae(() => {
+  }, [a, d]), U = ae(() => Array.isArray(s) ? s.map((b) => b && typeof b == "object" ? _.get(d(b)) || null : _.get(String(b))).filter(Boolean) : [], [s, _, d]), Y = ae(() => {
     if (!E) return a;
     const b = E.toLowerCase();
-    return a.filter((S) => p(S).toLowerCase().includes(b));
-  }, [a, E, p]);
+    return a.filter((S) => g(S).toLowerCase().includes(b));
+  }, [a, E, g]);
   Z(() => {
     N === "server" && E.length >= v && E !== P.current && (P.current = E, y && y(E));
   }, [E, N, v, y]);
   const q = N === "client" ? Y : a, $ = () => {
     if (!U.length)
       return /* @__PURE__ */ e("span", { className: "text-gray-500", children: m });
-    const b = U.slice(0, u), S = U.length - u;
+    const b = U.slice(0, h), S = U.length - h;
     return /* @__PURE__ */ n("div", { className: "flex flex-wrap gap-2", children: [
       b.map((O) => /* @__PURE__ */ e(
         "span",
         {
           className: "px-2 py-1 text-xs font-medium text-white bg-gray-800 rounded-full",
-          children: p(O)
+          children: g(O)
         },
         d(O)
       )),
@@ -3613,12 +3613,12 @@ function at({
   };
   return /* @__PURE__ */ e(K, { value: U, onChange: (b) => {
     const S = Array.from(new Set(b.map((O) => d(O))));
-    h !== -1 && S.length > h || i(S);
+    u !== -1 && S.length > u || i(S);
   }, multiple: !0, by: "id", children: ({ open: b }) => /* @__PURE__ */ n("div", { children: [
     /* @__PURE__ */ e(
       K.Label,
       {
-        id: z,
+        id: D,
         className: "block text-sm font-medium leading-6 text-gray-900",
         children: t
       }
@@ -3627,7 +3627,7 @@ function at({
       /* @__PURE__ */ n(
         K.Button,
         {
-          "aria-labelledby": z,
+          "aria-labelledby": D,
           "aria-invalid": !!o,
           "aria-describedby": o ? F : void 0,
           onBlur: l,
@@ -3654,34 +3654,34 @@ function at({
               ge,
               {
                 value: E,
-                onDebouncedChange: R,
+                onDebouncedChange: I,
                 placeholder: N === "server" ? `Search (min ${v})…` : "Search options…"
               }
             ) }),
             N === "server" && r && /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: "Loading…" }),
             q.length === 0 && !r ? /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: N === "server" ? E.length < v ? `Type at least ${v} characters to search.` : "No results." : "No options found." }) : q.map((S) => {
-              const O = d(S), I = p(S), D = U.some((g) => d(g) === O), f = h !== -1 && U.length >= h && !D;
+              const O = d(S), R = g(S), z = U.some((p) => d(p) === O), f = u !== -1 && U.length >= u && !z;
               return /* @__PURE__ */ e(
                 K.Option,
                 {
                   value: S,
                   disabled: f,
-                  className: ({ active: g }) => Ge(
-                    f ? " text-gray-400  bg-white  cursor-not-allowed" : g ? " bg-gray-200  text-gray-900" : " text-gray-900",
+                  className: ({ active: p }) => Ge(
+                    f ? " 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: g, active: k }) => /* @__PURE__ */ n(te, { children: [
+                  children: ({ selected: p, active: k }) => /* @__PURE__ */ n(te, { children: [
                     /* @__PURE__ */ e(
                       "span",
                       {
                         className: Ge(
-                          g ? "font-semibold" : "font-normal",
+                          p ? "font-semibold" : "font-normal",
                           "block truncate"
                         ),
-                        children: I
+                        children: R
                       }
                     ),
-                    g && /* @__PURE__ */ e(
+                    p && /* @__PURE__ */ e(
                       "span",
                       {
                         className: Ge(
@@ -3753,9 +3753,9 @@ const Xl = ({
   footer: l = { show: !0, customFooter: null },
   primaryAction: m = { onSubmit: null, label: "Save", loader: !1, disabled: !1 },
   secondaryAction: o = { onCancel: null, label: "Cancel" },
-  dialogPanelClass: u = ""
+  dialogPanelClass: h = ""
 }) => {
-  const h = (y) => {
+  const u = (y) => {
     y.target === y.currentTarget && a(!1);
   }, N = (y) => {
     y.stopPropagation();
@@ -3771,13 +3771,13 @@ const Xl = ({
           Qr,
           {
             className: "fixed inset-0 bg-black/30",
-            onClick: h
+            onClick: u
           }
         ),
         /* @__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(
           Fe,
           {
-            className: `${u} relative bg-white align-middle w-full lg:w-[36rem] mx-5 lg:mx-0 transform overflow-hidden rounded-2xl text-left shadow-xl lg:min-w-[36rem] md:min-w-96 transition-all`,
+            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: N,
             children: [
               /* @__PURE__ */ n("div", { className: "flex justify-between items-center border-b border-gray-200 p-6 flex-shrink-0", children: [
@@ -3850,14 +3850,14 @@ function ms({
   onSelect: l,
   onCreateChild: m,
   onRename: o,
-  onDelete: u,
-  renderActions: h,
+  onDelete: h,
+  renderActions: u,
   // optional override
   dragId: N,
   dropId: y,
   indent: r = 24
 }) {
-  const { setNodeRef: v, isOver: d } = dr({ id: y }), { attributes: p, listeners: z, setNodeRef: F, transform: E, isDragging: R } = mr({ id: N }), P = E ? { transform: `translate3d(${Math.round(E.x)}px, ${Math.round(E.y)}px, 0)` } : void 0, [j, U] = B(!1), [Y, q] = B(t.name), $ = () => {
+  const { setNodeRef: v, isOver: d } = dr({ id: y }), { attributes: g, listeners: D, setNodeRef: F, transform: E, isDragging: I } = mr({ id: N }), P = E ? { transform: `translate3d(${Math.round(E.x)}px, ${Math.round(E.y)}px, 0)` } : void 0, [_, U] = B(!1), [Y, q] = B(t.name), $ = () => {
     const b = Y.trim();
     U(!1), b && b !== t.name ? o?.(t, b) : q(t.name);
   }, x = ae(() => /* @__PURE__ */ e(
@@ -3869,15 +3869,15 @@ function ms({
         { action: "delete", label: "Delete" }
       ],
       onSelect: (S) => {
-        S.action === "create" ? m?.(t) : S.action === "rename" ? U(!0) : S.action === "delete" && u?.(t);
+        S.action === "create" ? m?.(t) : S.action === "rename" ? U(!0) : S.action === "delete" && h?.(t);
       }
     }
-  ), [t, m, u]);
+  ), [t, m, h]);
   return /* @__PURE__ */ n(
     "div",
     {
       ref: v,
-      className: `tv-row ${d ? "tv-drop-over" : ""} ${R ? "dragging" : ""}`,
+      className: `tv-row ${d ? "tv-drop-over" : ""} ${I ? "dragging" : ""}`,
       style: { ...P, paddingLeft: 8 + a * r },
       onClick: (b) => {
         b.target.closest(".tv-toggle") || b.target.tagName === "INPUT" || l?.(t);
@@ -3885,7 +3885,7 @@ function ms({
       children: [
         /* @__PURE__ */ e("button", { className: "tv-toggle", onClick: i, "aria-label": "toggle", children: t.children?.length ? s ? /* @__PURE__ */ e(Nt, { size: 16 }) : /* @__PURE__ */ e(xe, { size: 16 }) : /* @__PURE__ */ e("span", { className: "tv-spacer" }) }),
         /* @__PURE__ */ e(Be, { size: 16, className: "tv-folder-ic" }),
-        /* @__PURE__ */ e("div", { className: "tv-name", ref: F, children: j ? /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "tv-name", ref: F, children: _ ? /* @__PURE__ */ e(
           "input",
           {
             className: "tv-input",
@@ -3898,11 +3898,11 @@ function ms({
             autoFocus: !0
           }
         ) : /* @__PURE__ */ e("span", { onDoubleClick: () => U(!0), children: t.name }) }),
-        /* @__PURE__ */ e(ds, { listeners: z, attributes: p }),
-        /* @__PURE__ */ e("div", { className: "tv-actions", children: h ? h(t, {
+        /* @__PURE__ */ e(ds, { listeners: D, attributes: g }),
+        /* @__PURE__ */ e("div", { className: "tv-actions", children: u ? u(t, {
           onCreateChild: () => m?.(t),
           onRename: () => U(!0),
-          onDelete: () => u?.(t)
+          onDelete: () => h?.(t)
         }) : x })
       ]
     }
@@ -3911,35 +3911,35 @@ function ms({
 const us = (t) => String(t.id ?? t._id), hs = (t) => t.parent !== void 0 ? String(t.parent) : t.parentId != null ? String(t.parentId) : "root", ps = (t) => t.name ?? t.label ?? "", gs = (t) => Array.isArray(t) && t.some((a) => Array.isArray(a.children));
 function bs(t, { rootId: a, getId: s, getParent: i, getName: l }) {
   const m = /* @__PURE__ */ new Map();
-  t.forEach((u) => {
-    const h = s(u);
-    m.set(h, {
-      ...u,
-      id: h,
-      name: l(u),
-      parentId: i(u) || a,
+  t.forEach((h) => {
+    const u = s(h);
+    m.set(u, {
+      ...h,
+      id: u,
+      name: l(h),
+      parentId: i(h) || a,
       children: []
     });
   });
   const o = [];
-  return m.forEach((u) => {
-    const h = u.parentId || a;
-    h !== a && m.has(h) ? m.get(h).children.push(u) : o.push(u);
+  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 fs(t, { rootId: a, getId: s, getName: i }) {
   const l = /* @__PURE__ */ new Map();
-  function m(u, h) {
-    const N = s(u), y = {
-      ...u,
+  function m(h, u) {
+    const N = s(h), y = {
+      ...h,
       id: N,
-      name: i(u),
-      parentId: h || a,
-      children: (u.children || []).map((r) => m(r, N))
+      name: i(h),
+      parentId: u || a,
+      children: (h.children || []).map((r) => m(r, N))
     };
     return l.set(N, y), y;
   }
-  return { roots: t.map((u) => m(u, null)), byId: l };
+  return { roots: t.map((h) => m(h, null)), byId: l };
 }
 const Me = (t) => t.map((a) => ({ ...a, children: Me(a.children || []) }));
 function ys(t, a) {
@@ -3949,8 +3949,8 @@ function ys(t, a) {
       if (o.id === a)
         return s = o, null;
       if (o.children?.length) {
-        const u = i(o.children);
-        if (u !== o.children) return { ...o, children: u };
+        const h = i(o.children);
+        if (h !== o.children) return { ...o, children: h };
       }
       return o;
     }).filter(Boolean);
@@ -3989,52 +3989,52 @@ function Hl({
   getParent: l = hs,
   getName: m = ps,
   onSelect: o,
-  onCreateRoot: u,
-  onCreateChild: h,
+  onCreateRoot: h,
+  onCreateChild: u,
   onRename: N,
   onDelete: y,
   onMove: r,
   renderActions: v,
   disableMoveToRoot: d = !1,
   // ← allow root moves by default now
-  indentUnit: p = 24
+  indentUnit: g = 24
 }) {
-  const { roots: z } = ae(() => gs(t) ? fs(t, { rootId: a, getId: i, getName: m }) : bs(
+  const { roots: D } = ae(() => gs(t) ? fs(t, { rootId: a, getId: i, getName: m }) : bs(
     t.map((f) => ({ ...f })),
     { rootId: a, getId: i, getParent: l, getName: m }
-  ), [t, a, i, l, m]), [F, E] = B({}), R = ee((f) => {
-    const g = {};
+  ), [t, a, i, l, m]), [F, E] = B({}), I = ee((f) => {
+    const p = {};
     return (function k(w) {
       w.forEach((T) => {
-        g[T.id] = !0, T.children?.length && k(T.children);
+        p[T.id] = !0, T.children?.length && k(T.children);
       });
-    })(f), g;
+    })(f), p;
   }, []);
   re.useEffect(() => {
-    E(R(z));
-  }, [z, R]);
+    E(I(D));
+  }, [D, I]);
   const P = ee(
-    (f) => E((g) => ({ ...g, [f]: !g[f] })),
+    (f) => E((p) => ({ ...p, [f]: !p[f] })),
     []
-  ), [j, U] = B(() => Me(z));
-  re.useEffect(() => U(Me(z)), [z]);
+  ), [_, U] = B(() => Me(D));
+  re.useEffect(() => U(Me(D)), [D]);
   const Y = ur(
     hr(fr, { activationConstraint: { delay: 250, tolerance: 5 } })
   ), q = fe(null), [$, x] = B(null), b = fe(0), S = () => {
   }, O = ({ delta: f }) => {
     b.current = f?.x ?? 0;
-  }, I = ee(
-    ({ active: f, over: g }) => {
+  }, R = ee(
+    ({ active: f, over: p }) => {
       const k = b.current;
-      if (b.current = 0, x(null), !f || !g) return;
-      const w = String(f.id).replace(/^drag-/, ""), T = String(g.id).replace(/^drop-/, "");
+      if (b.current = 0, x(null), !f || !p) return;
+      const w = String(f.id).replace(/^drag-/, ""), T = String(p.id).replace(/^drop-/, "");
       if (!w || !T || w === T) return;
       let L = T;
-      const C = Math.max(0, Math.floor(-k / p));
+      const C = Math.max(0, Math.floor(-k / g));
       if (C > 0) {
         let W = T;
         for (let pe = 0; pe < C; pe++) {
-          const Ne = Sa(j, W, null);
+          const Ne = Sa(_, W, null);
           if (!Ne) break;
           if (!Ne.parentId) {
             L = a;
@@ -4044,59 +4044,59 @@ function Hl({
         }
       }
       if (d && L === a) {
-        U(Me(z));
+        U(Me(D));
         return;
       }
-      const M = Me(j), { newRoots: _, removed: A } = ys(M, w);
+      const M = Me(_), { newRoots: V, removed: A } = ys(M, w);
       if (!A) return;
-      const G = xs(_, L, A);
+      const G = xs(V, L, A);
       U(G), r?.({ sourceId: w, destParentId: L, newTree: G });
     },
-    [j, z, a, d, p, r]
-  ), D = ee(
-    (f, g = 0) => f.map((k) => /* @__PURE__ */ n(re.Fragment, { children: [
+    [_, D, a, d, g, r]
+  ), z = ee(
+    (f, p = 0) => f.map((k) => /* @__PURE__ */ n(re.Fragment, { children: [
       /* @__PURE__ */ e(
         ms,
         {
           node: k,
-          depth: g,
+          depth: p,
           expanded: !!F[k.id],
           onToggle: () => P(k.id),
           onSelect: o,
-          onCreateChild: h,
+          onCreateChild: u,
           onRename: N,
           onDelete: y,
           renderActions: v,
           dragId: `drag-${k.id}`,
           dropId: `drop-${k.id}`,
-          indent: p
+          indent: g
         }
       ),
-      F[k.id] && k.children?.length > 0 ? D(k.children, g + 1) : null
+      F[k.id] && k.children?.length > 0 ? z(k.children, p + 1) : null
     ] }, k.id)),
-    [F, p, h, y, N, o, v, P]
+    [F, g, u, y, N, o, v, P]
   );
   return re.useMemo(() => {
     if (!$) return null;
     const f = String($).replace(/^drag-/, "");
-    function g(k) {
+    function p(k) {
       for (const w of k) {
         if (w.id === f) return w;
-        const T = w.children?.length ? g(w.children) : null;
+        const T = w.children?.length ? p(w.children) : null;
         if (T) return T;
       }
       return null;
     }
-    return g(j);
-  }, [$, j]), /* @__PURE__ */ n("div", { className: "tv", children: [
+    return p(_);
+  }, [$, _]), /* @__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: u, children: "+ New folder" })
+      /* @__PURE__ */ e("button", { className: "tv-btn", onClick: h, children: "+ New folder" })
     ] }),
     /* @__PURE__ */ n("div", { className: "tv-root-row", children: [
       /* @__PURE__ */ e(Be, { size: 16, className: "tv-folder-ic" }),
       /* @__PURE__ */ e("strong", { children: "ROOT" }),
-      /* @__PURE__ */ e("button", { className: "tv-icon", title: "Create top-level", onClick: u, children: "+" })
+      /* @__PURE__ */ e("button", { className: "tv-icon", title: "Create top-level", onClick: h, children: "+" })
     ] }),
     /* @__PURE__ */ e(
       pr,
@@ -4105,9 +4105,9 @@ function Hl({
         sensors: Y,
         onDragStart: S,
         onDragMove: O,
-        onDragEnd: I,
+        onDragEnd: R,
         modifiers: [gr],
-        children: /* @__PURE__ */ e("div", { ref: q, className: "tv-list", children: D(j, 0) })
+        children: /* @__PURE__ */ e("div", { ref: q, className: "tv-list", children: z(_, 0) })
       }
     )
   ] });
@@ -4123,17 +4123,17 @@ const Ql = ({
   listClassName: l = "",
   panelClassName: m = "",
   tabClassName: o,
-  ...u
+  ...h
   // Pass remaining props to Tab.Group
 }) => {
-  const h = s === "vertical", N = (v) => ze(
+  const u = s === "vertical", N = (v) => ze(
     "py-2 -mb-px text-sm font-medium focus:outline-none border-b-2",
     v ? "border-primaryX text-textX" : "border-transparent text-slate-600 hover:text-indigo-700"
   ), y = (v) => ze(
     "text-left text-sm rounded-md px-2 py-1.5 focus:outline-none",
     v ? "bg-primaryX text-white" : "text-textX hover:bg-lightgray-100 hover:text-primaryX"
-  ), r = ({ selected: v }) => o ? typeof o == "function" ? o(v) : o : h ? y(v) : N(v);
-  return /* @__PURE__ */ e(se.Group, { vertical: h, ...u, children: h ? /* @__PURE__ */ n("div", { className: ze("flex gap-4", i), children: [
+  ), r = ({ selected: v }) => o ? typeof o == "function" ? o(v) : o : u ? y(v) : N(v);
+  return /* @__PURE__ */ e(se.Group, { vertical: u, ...h, children: u ? /* @__PURE__ */ n("div", { className: ze("flex gap-4", i), children: [
     /* @__PURE__ */ e(se.List, { className: ze("w-[150px] flex flex-col gap-1 border-r border-gray-300 pr-2", l), children: t.map((v) => /* @__PURE__ */ e(se, { className: r, children: v.label }, v.key)) }),
     /* @__PURE__ */ e(se.Panels, { unmount: !a, className: ze("flex-1", m), children: t.map((v) => /* @__PURE__ */ e(se.Panel, { className: "focus:outline-none", children: /* @__PURE__ */ e("div", { className: "[overflow-anchor:none]", children: v.content }) }, v.key)) })
   ] }) : (
@@ -4150,15 +4150,15 @@ function Zl(t, a = "YYYY-MM-DD HH:mm:ss") {
 c.string;
 function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
   console.log(t);
-  const [l, m] = re.useState(t), [o, u] = re.useState(() => {
+  const [l, m] = re.useState(t), [o, h] = re.useState(() => {
     const r = a && a[t.key] || {};
     return console.log("Initial Section data for", t.key, r), r;
-  }), h = fe(a);
+  }), u = fe(a);
   Z(() => {
-    if (h.current !== a) {
-      h.current = a;
+    if (u.current !== a) {
+      u.current = a;
       const r = a && a[t.key] || {};
-      console.log("Updated Section data for", t.key, r), u(r);
+      console.log("Updated Section data for", t.key, r), h(r);
     }
   }, [a, t.key]), console.log("Section data", o);
   const N = fe(o);
@@ -4167,24 +4167,24 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
   }, [l.key, o, s]);
   const y = (r) => {
     if (!r.dependsOn) return !0;
-    const { field: v, value: d, operator: p = "equals" } = r.dependsOn, z = o[v];
-    switch (p) {
+    const { field: v, value: d, operator: g = "equals" } = r.dependsOn, D = o[v];
+    switch (g) {
       case "equals":
-        return z === d;
+        return D === d;
       case "notEquals":
-        return z !== d;
+        return D !== d;
       case "contains":
-        return Array.isArray(z) && z.includes(d);
+        return Array.isArray(D) && D.includes(d);
       case "notContains":
-        return !Array.isArray(z) || !z.includes(d);
+        return !Array.isArray(D) || !D.includes(d);
       case "greaterThan":
-        return Number(z) > Number(d);
+        return Number(D) > Number(d);
       case "lessThan":
-        return Number(z) < Number(d);
+        return Number(D) < Number(d);
       case "isEmpty":
-        return !z || Array.isArray(z) && z.length === 0;
+        return !D || Array.isArray(D) && D.length === 0;
       case "isNotEmpty":
-        return z && (!Array.isArray(z) || z.length > 0);
+        return D && (!Array.isArray(D) || D.length > 0);
       default:
         return !0;
     }
@@ -4210,8 +4210,8 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             name: r.key,
             checked: !!(o[r.key] || r.default),
             onChange: (d) => {
-              const p = d.target ? d.target.checked : d, z = { ...o, [r.key]: p };
-              u(z), s && s(l.key, z);
+              const g = d.target ? d.target.checked : d, D = { ...o, [r.key]: g };
+              h(D), s && s(l.key, D);
             },
             label: r.label,
             disabled: r.disabled ? r.disabled : !1
@@ -4265,8 +4265,8 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             placeholder: r.placeholder,
             value: o[r.key] || "",
             onChange: (d) => {
-              const p = { ...o, [r.key]: d.target.value };
-              u(p), s && s(l.key, p);
+              const g = { ...o, [r.key]: d.target.value };
+              h(g), s && s(l.key, g);
             },
             required: r.required,
             disabled: r.disabled ? r.disabled : !1,
@@ -4285,8 +4285,8 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             placeholder: r.placeholder,
             value: o[r.key] || "",
             onChange: (d) => {
-              const p = { ...o, [r.key]: d.target.value };
-              u(p), s && s(l.key, p);
+              const g = { ...o, [r.key]: d.target.value };
+              h(g), s && s(l.key, g);
             },
             rows: 3,
             required: r.required,
@@ -4310,14 +4310,14 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             max: r.max,
             step: r.step,
             onChange: (d) => {
-              const p = d.target.value, z = { ...o, [r.key]: p };
-              u(z), s && s(l.key, z);
+              const g = d.target.value, D = { ...o, [r.key]: g };
+              h(D), s && s(l.key, D);
             },
             onBlur: (d) => {
-              const p = d.target.value;
-              if (p !== "" && p !== null && p !== void 0) {
-                const z = Number(p);
-                isNaN(z) || (r.min !== void 0 && z < r.min ? (d.target.setCustomValidity(`${r.label} must be at least ${r.min}`), d.target.reportValidity()) : r.max !== void 0 && z > r.max ? (d.target.setCustomValidity(`${r.label} must not exceed ${r.max}`), d.target.reportValidity()) : d.target.setCustomValidity(""));
+              const g = d.target.value;
+              if (g !== "" && g !== null && g !== void 0) {
+                const D = Number(g);
+                isNaN(D) || (r.min !== void 0 && D < r.min ? (d.target.setCustomValidity(`${r.label} must be at least ${r.min}`), d.target.reportValidity()) : r.max !== void 0 && D > r.max ? (d.target.setCustomValidity(`${r.label} must not exceed ${r.max}`), d.target.reportValidity()) : d.target.setCustomValidity(""));
               }
             },
             required: r.required,
@@ -4342,8 +4342,8 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             name: r.key,
             checked: !!(o[r.key] || r.default),
             onChange: (d) => {
-              const p = d.target ? d.target.checked : d, z = { ...o, [r.key]: p };
-              u(z), s && s(l.key, z);
+              const g = d.target ? d.target.checked : d, D = { ...o, [r.key]: g };
+              h(D), s && s(l.key, D);
             },
             label: r.placeholder || r.label,
             disabled: r.disabled ? r.disabled : !1,
@@ -4360,8 +4360,8 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             defaultValue: r.default,
             value: o[r.key] || "",
             onChange: (d) => {
-              const p = { ...o, [r.key]: d };
-              u(p);
+              const g = { ...o, [r.key]: d };
+              h(g);
             },
             options: r.options || [],
             placeholder: r.placeholder || `Select ${r.label}`,
@@ -4382,8 +4382,8 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             placeholder: r.placeholder || "Enter email address",
             value: o[r.key] || "",
             onChange: (d) => {
-              const p = { ...o, [r.key]: d.target.value };
-              u(p), s && s(l.key, p);
+              const g = { ...o, [r.key]: d.target.value };
+              h(g), s && s(l.key, g);
             },
             required: r.required,
             disabled: r.disabled ? r.disabled : !1,
@@ -4402,8 +4402,8 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             placeholder: r.placeholder || "Enter URL",
             value: o[r.key] || "",
             onChange: (d) => {
-              const p = { ...o, [r.key]: d.target.value };
-              u(p), s && s(l.key, p);
+              const g = { ...o, [r.key]: d.target.value };
+              h(g), s && s(l.key, g);
             },
             required: r.required,
             disabled: r.disabled ? r.disabled : !1,
@@ -4422,8 +4422,8 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             placeholder: r.placeholder || "Enter password",
             value: o[r.key] || "",
             onChange: (d) => {
-              const p = { ...o, [r.key]: d.target.value };
-              u(p), s && s(l.key, p);
+              const g = { ...o, [r.key]: d.target.value };
+              h(g), s && s(l.key, g);
             },
             required: r.required,
             disabled: r.disabled ? r.disabled : !1,
@@ -4438,8 +4438,8 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           {
             selectedItems: o[r.key] || [],
             onSelectionChange: (d) => {
-              const p = { ...o, [r.key]: d };
-              u(p), s && s(l.key, p);
+              const g = { ...o, [r.key]: d };
+              h(g), s && s(l.key, g);
             },
             options: r.options || [],
             placeholder: r.placeholder || `Select ${r.label}`,
@@ -4456,8 +4456,8 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             checked: typeof o[r.key] == "boolean" ? o[r.key] : r.default,
             onChange: (d) => {
               console.log("Toggle changed:", r.key, d);
-              const p = { ...o, [r.key]: d };
-              u(p), s && s(l.key, p);
+              const g = { ...o, [r.key]: d };
+              h(g), s && s(l.key, g);
             },
             disabled: r.disabled ? r.disabled : !1
           }
@@ -4470,8 +4470,8 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           label: r.label,
           value: o[r.key] ? new Date(o[r.key]) : null,
           onChange: (d) => {
-            const p = { ...o, [r.key]: d ? d.toISOString().split("T")[0] : "" };
-            u(p), s && s(l.key, p);
+            const g = { ...o, [r.key]: d ? d.toISOString().split("T")[0] : "" };
+            h(g), s && s(l.key, g);
           },
           placeholder: r.placeholder || "Select date",
           disabled: r.disabled ? r.disabled : !1,
@@ -4485,8 +4485,8 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           label: r.label,
           value: o[r.key] || { from: null, to: null },
           onChange: (d) => {
-            const p = { ...o, [r.key]: d };
-            u(p), s && s(l.key, p);
+            const g = { ...o, [r.key]: d };
+            h(g), s && s(l.key, g);
           },
           placeholder: r.placeholder || "Select date range",
           disabled: r.disabled ? r.disabled : !1,
@@ -4500,8 +4500,8 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           {
             selectedValue: typeof o[r.key] < "u" ? o[r.key] : r.default || "",
             onValueChange: (d) => {
-              const p = { ...o, [r.key]: d };
-              u(p), s && s(l.key, p);
+              const g = { ...o, [r.key]: d };
+              h(g), s && s(l.key, g);
             },
             options: r.options || [],
             disabled: r.disabled ? r.disabled : !1,
@@ -4520,9 +4520,9 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               name: r.key,
               value: d.value,
               checked: o[r.key] === d.value,
-              onChange: (p) => {
-                const z = { ...o, [r.key]: p.target.value };
-                u(z), s && s(l.key, z);
+              onChange: (g) => {
+                const D = { ...o, [r.key]: g.target.value };
+                h(D), s && s(l.key, D);
               },
               disabled: r.disabled
             }
@@ -4540,8 +4540,8 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
           {
             value: o[r.key] || "",
             onChange: (d) => {
-              const p = { ...o, [r.key]: d };
-              u(p), s && s(l.key, p);
+              const g = { ...o, [r.key]: d };
+              h(g), s && s(l.key, g);
             },
             placeholder: r.placeholder || `Search ${r.label}`,
             className: `w-full ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
@@ -4559,8 +4559,8 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             placeholder: r.placeholder || "Select date and time",
             value: o[r.key] || "",
             onChange: (d) => {
-              const p = { ...o, [r.key]: d.target.value };
-              u(p), s && s(l.key, p);
+              const g = { ...o, [r.key]: d.target.value };
+              h(g), s && s(l.key, g);
             },
             required: r.required,
             className: `w-full ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
@@ -4578,8 +4578,8 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             placeholder: r.placeholder || "Select time",
             value: o[r.key] || "",
             onChange: (d) => {
-              const p = { ...o, [r.key]: d.target.value };
-              u(p), s && s(l.key, p);
+              const g = { ...o, [r.key]: d.target.value };
+              h(g), s && s(l.key, g);
             },
             required: r.required,
             className: `w-full ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
@@ -4596,8 +4596,8 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             defaultValue: r.default || "#000000",
             value: o[r.key] || "#000000",
             onChange: (d) => {
-              const p = { ...o, [r.key]: d.target.value };
-              u(p), s && s(l.key, p);
+              const g = { ...o, [r.key]: d.target.value };
+              h(g), s && s(l.key, g);
             },
             className: `w-full h-10 ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
           }
@@ -4613,8 +4613,8 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             defaultValue: r.default || r.min || 0,
             value: o[r.key] || r.min || 0,
             onChange: (d) => {
-              const p = { ...o, [r.key]: d.target.value };
-              u(p), s && s(l.key, p);
+              const g = { ...o, [r.key]: d.target.value };
+              h(g), s && s(l.key, g);
             },
             min: r.min || 0,
             max: r.max || 100,
@@ -4639,8 +4639,8 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             type: "file",
             name: r.key,
             onChange: (d) => {
-              const p = d.target.files[0], z = { ...o, [r.key]: p ? p.name : "" };
-              u(z), s && s(l.key, z);
+              const g = d.target.files[0], D = { ...o, [r.key]: g ? g.name : "" };
+              h(D), s && s(l.key, D);
             },
             accept: r.accept,
             className: `w-full ${i[l.key]?.[r.key] ? "border-red-500" : ""}`
@@ -4656,8 +4656,8 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             initialData: o[r.key] || r.initialData || [],
             className: r.className || "",
             onCollectionChange: (d) => {
-              const p = { ...o, [r.key]: d };
-              u(p), s && s(l.key, p);
+              const g = { ...o, [r.key]: d };
+              h(g), s && s(l.key, g);
             },
             showSearch: r.showSearch !== !1,
             allowAdd: r.allowAdd !== !1,
@@ -4685,7 +4685,7 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
 const Ns = ({ children: t }) => /* @__PURE__ */ e("div", { className: "flex -space-x-2", children: t });
 function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
   console.log(`[DynamicConfig/DataTableRenderer] Component loaded for section: ${t.key}`);
-  const [l, m] = B(t), [o, u] = B(null), [h, N] = B(null);
+  const [l, m] = B(t), [o, h] = B(null), [u, N] = B(null);
   console.log(`[DataTableRenderer] ${l.key} - Received props:`, { item: t, initialData: a });
   const [y, r] = B(() => {
     const x = a && a[l.key] || [], b = x.length > 0 ? x : [{ id: 0 }];
@@ -4698,75 +4698,75 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       console.log(`[DataTableRenderer] ${l.key} - Setting new data:`, b), r(b);
     }
   }, [a, l.key]);
-  const d = fe(y), p = fe(null);
+  const d = fe(y), g = fe(null);
   Z(() => {
-    d.current !== y && s && typeof s == "function" && (d.current = y, p.current && clearTimeout(p.current), p.current = setTimeout(() => {
+    d.current !== y && s && typeof s == "function" && (d.current = y, g.current && clearTimeout(g.current), g.current = setTimeout(() => {
       s(l.key, y);
     }, 300));
   }, [l.key, y, s]), Z(() => () => {
-    p.current && clearTimeout(p.current);
+    g.current && clearTimeout(g.current);
   }, []);
-  const z = (x) => {
-    const b = (I, D) => {
-      console.log("[DataTableRenderer] updateFieldValue called with:", { rowIndex: I, value: D, type: typeof D }), r((f) => {
-        const g = [...f];
-        return g[I][x.key] = D, g;
+  const D = (x) => {
+    const b = (R, z) => {
+      console.log("[DataTableRenderer] updateFieldValue called with:", { rowIndex: R, value: z, type: typeof z }), r((f) => {
+        const p = [...f];
+        return p[R][x.key] = z, p;
       });
-    }, S = (I) => i[l.key]?.[I]?.[x.key], O = (I) => {
-      const D = S(I);
-      return D ? /* @__PURE__ */ e("div", { className: "text-red-500 text-xs mt-1", children: D }) : null;
+    }, S = (R) => i[l.key]?.[R]?.[x.key], O = (R) => {
+      const z = S(R);
+      return z ? /* @__PURE__ */ e("div", { className: "text-red-500 text-xs mt-1", children: z }) : null;
     };
     switch (x.fieldtype) {
       case "text":
-        return (I, D) => /* @__PURE__ */ n("div", { children: [
+        return (R, z) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             X,
             {
-              value: I[x.key] || "",
-              onChange: (f) => b(D, f.target.value),
+              value: R[x.key] || "",
+              onChange: (f) => b(z, f.target.value),
               placeholder: x.placeholder || `Enter ${x.label}`,
               required: x.required,
-              className: `w-full ${S(D) ? "border-red-500" : ""}`
+              className: `w-full ${S(z) ? "border-red-500" : ""}`
             }
           ),
-          O(D)
+          O(z)
         ] });
       case "textarea":
-        return (I, D) => /* @__PURE__ */ n("div", { children: [
+        return (R, z) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             fa,
             {
-              value: I[x.key] || "",
-              onChange: (f) => b(D, f.target.value),
+              value: R[x.key] || "",
+              onChange: (f) => b(z, f.target.value),
               placeholder: x.placeholder || `Enter ${x.label}`,
               required: x.required,
-              className: `w-full ${S(D) ? "border-red-500" : ""}`,
+              className: `w-full ${S(z) ? "border-red-500" : ""}`,
               rows: 3
             }
           ),
-          O(D)
+          O(z)
         ] });
       case "number":
-        return (I, D) => /* @__PURE__ */ n("div", { children: [
+        return (R, z) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             X,
             {
               type: "number",
-              value: I[x.key] || "",
+              value: R[x.key] || "",
               min: x.min,
               max: x.max,
               step: x.step,
-              onChange: (f) => b(D, f.target.value),
+              onChange: (f) => b(z, f.target.value),
               onBlur: (f) => {
-                const g = f.target.value;
-                if (g !== "" && g !== null && g !== void 0) {
-                  const k = Number(g);
+                const p = f.target.value;
+                if (p !== "" && p !== null && p !== void 0) {
+                  const k = Number(p);
                   isNaN(k) || (x.min !== void 0 && k < x.min ? (f.target.setCustomValidity(`${x.label} must be at least ${x.min}`), f.target.reportValidity()) : x.max !== void 0 && k > x.max ? (f.target.setCustomValidity(`${x.label} must not exceed ${x.max}`), f.target.reportValidity()) : f.target.setCustomValidity(""));
                 }
               },
               placeholder: x.placeholder || `Enter ${x.label}`,
               required: x.required,
-              className: `w-full ${S(D) ? "border-red-500" : ""}`
+              className: `w-full ${S(z) ? "border-red-500" : ""}`
             }
           ),
           x.min !== void 0 && /* @__PURE__ */ n("div", { style: { color: "#6b7280", fontSize: "11px", marginTop: "2px" }, children: [
@@ -4777,74 +4777,74 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             "Max: ",
             x.max
           ] }),
-          O(D)
+          O(z)
         ] });
       case "email":
-        return (I, D) => /* @__PURE__ */ n("div", { children: [
+        return (R, z) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             X,
             {
               type: "email",
-              value: I[x.key] || "",
-              onChange: (f) => b(D, f.target.value),
+              value: R[x.key] || "",
+              onChange: (f) => b(z, f.target.value),
               placeholder: x.placeholder || "Enter email address",
               required: x.required,
-              className: `w-full ${S(D) ? "border-red-500" : ""}`
+              className: `w-full ${S(z) ? "border-red-500" : ""}`
             }
           ),
-          O(D)
+          O(z)
         ] });
       case "url":
-        return (I, D) => /* @__PURE__ */ n("div", { children: [
+        return (R, z) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             X,
             {
               type: "url",
-              value: I[x.key] || "",
-              onChange: (f) => b(D, f.target.value),
+              value: R[x.key] || "",
+              onChange: (f) => b(z, f.target.value),
               placeholder: x.placeholder || "Enter URL",
               required: x.required,
-              className: `w-full ${S(D) ? "border-red-500" : ""}`
+              className: `w-full ${S(z) ? "border-red-500" : ""}`
             }
           ),
-          O(D)
+          O(z)
         ] });
       case "password":
-        return (I, D) => /* @__PURE__ */ n("div", { children: [
+        return (R, z) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             X,
             {
               type: "password",
-              value: I[x.key] || "",
-              onChange: (f) => b(D, f.target.value),
+              value: R[x.key] || "",
+              onChange: (f) => b(z, f.target.value),
               placeholder: x.placeholder || "Enter password",
               required: x.required,
-              className: `w-full ${S(D) ? "border-red-500" : ""}`
+              className: `w-full ${S(z) ? "border-red-500" : ""}`
             }
           ),
-          O(D)
+          O(z)
         ] });
       case "select":
       case "dropdown":
-        return (I, D) => /* @__PURE__ */ n("div", { children: [
+        return (R, z) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             ft,
             {
-              value: I[x.key] || "",
-              onChange: (f) => b(D, f),
+              value: R[x.key] || "",
+              onChange: (f) => b(z, f),
               options: x.options || [],
               placeholder: x.placeholder || `Select ${x.label}`,
               required: x.required,
-              className: `w-full ${S(D) ? "border-red-500" : ""}`
+              className: `w-full ${S(z) ? "border-red-500" : ""}`
             }
           ),
-          O(D)
+          O(z)
         ] });
       case "selectDynamic":
-        return (I, D) => {
+        return (R, z) => {
           const f = () => {
             if (x.optionsFrom && a) {
-              const { config: g, valueField: k, labelField: w } = x.optionsFrom, T = a[g] || [];
+              const { config: p, valueField: k, labelField: w } = x.optionsFrom, T = a[p] || [];
               if (Array.isArray(T))
                 return T.map((L) => ({
                   id: L[k] || "",
@@ -4858,27 +4858,27 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             /* @__PURE__ */ e(
               ft,
               {
-                index: D,
-                value: I[x.key] || "",
-                onChange: (g) => b(D, g),
+                index: z,
+                value: R[x.key] || "",
+                onChange: (p) => b(z, p),
                 options: f(),
                 placeholder: x.placeholder || `Select ${x.label}`,
                 required: x.required,
-                className: `w-full ${S(D) ? "border-red-500" : ""}`
+                className: `w-full ${S(z) ? "border-red-500" : ""}`
               },
               Math.random()
             ),
-            O(D)
+            O(z)
           ] });
         };
       case "multiselect":
-        return (I, D) => {
-          const f = I[x.key] || [];
+        return (R, z) => {
+          const f = R[x.key] || [];
           return /* @__PURE__ */ e(
             at,
             {
               selectedItems: f,
-              onSelectionChange: (g) => b(D, g),
+              onSelectionChange: (p) => b(z, p),
               options: x.options || [],
               placeholder: x.placeholder || `Select ${x.label}`,
               className: "w-full"
@@ -4887,89 +4887,89 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         };
       case "checkbox":
       case "boolean":
-        return (I, D) => /* @__PURE__ */ e(
+        return (R, z) => /* @__PURE__ */ e(
           pt,
           {
-            checked: !!I[x.key],
-            onChange: (f) => b(D, f),
+            checked: !!R[x.key],
+            onChange: (f) => b(z, f),
             label: x.placeholder || x.label,
             className: "w-full"
           }
         );
       case "toggle":
       case "switch":
-        return (I, D) => /* @__PURE__ */ e(
+        return (R, z) => /* @__PURE__ */ e(
           ya,
           {
-            isOn: !!I[x.key],
-            onToggle: (f) => b(D, f),
+            isOn: !!R[x.key],
+            onToggle: (f) => b(z, f),
             label: x.placeholder || x.label,
             className: "w-full"
           }
         );
       case "date":
-        return (I, D) => /* @__PURE__ */ e(
+        return (R, z) => /* @__PURE__ */ e(
           ha,
           {
-            selectedDate: I[x.key] ? new Date(I[x.key]) : null,
-            onDateChange: (f) => b(D, f ? f.toISOString().split("T")[0] : ""),
+            selectedDate: R[x.key] ? new Date(R[x.key]) : null,
+            onDateChange: (f) => b(z, f ? f.toISOString().split("T")[0] : ""),
             placeholder: x.placeholder || "Select date",
             className: "w-full"
           }
         );
       case "datetime":
-        return (I, D) => /* @__PURE__ */ e(
+        return (R, z) => /* @__PURE__ */ e(
           X,
           {
             type: "datetime-local",
-            value: I[x.key] || "",
-            onChange: (f) => b(D, f.target.value),
+            value: R[x.key] || "",
+            onChange: (f) => b(z, f.target.value),
             placeholder: x.placeholder || "Select date and time",
             required: x.required,
             className: "w-full"
           }
         );
       case "time":
-        return (I, D) => /* @__PURE__ */ e(
+        return (R, z) => /* @__PURE__ */ e(
           X,
           {
             type: "time",
-            value: I[x.key] || "",
-            onChange: (f) => b(D, f.target.value),
+            value: R[x.key] || "",
+            onChange: (f) => b(z, f.target.value),
             placeholder: x.placeholder || "Select time",
             required: x.required,
             className: "w-full"
           }
         );
       case "radio":
-        return (I, D) => /* @__PURE__ */ e(
+        return (R, z) => /* @__PURE__ */ e(
           pa,
           {
-            selectedValue: I[x.key] || "",
-            onValueChange: (f) => b(D, f),
+            selectedValue: R[x.key] || "",
+            onValueChange: (f) => b(z, f),
             options: x.options || [],
             className: "w-full"
           }
         );
       case "search":
-        return (I, D) => /* @__PURE__ */ e(
+        return (R, z) => /* @__PURE__ */ e(
           ge,
           {
-            value: I[x.key] || "",
-            onChange: (f) => b(D, f),
+            value: R[x.key] || "",
+            onChange: (f) => b(z, f),
             placeholder: x.placeholder || `Search ${x.label}`,
             className: "w-full"
           }
         );
       case "audience":
-        return (I, D) => {
-          const f = I[x.key] || { users: [], groups: [], roles: [] }, g = [
+        return (R, z) => {
+          const f = R[x.key] || { users: [], groups: [], roles: [] }, p = [
             ...f.users || [],
             ...f.groups || [],
             ...f.roles || []
           ];
           return /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ e(Ns, { children: g.length > 0 ? g.slice(0, 3).map((k, w) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e(Ns, { children: p.length > 0 ? p.slice(0, 3).map((k, w) => /* @__PURE__ */ e(
               we,
               {
                 size: "small",
@@ -4983,75 +4983,82 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
               {
                 className: "text-blue-600 font-semibold hover:text-blue-800",
                 onClick: () => {
-                  N(x.key), u(D);
+                  console.log("[DataTableRenderer] Button clicked:", {
+                    fieldKey: x.key,
+                    rowIndex: z,
+                    buttonText: p.length > 0 ? "Edit" : "Assign",
+                    currentAudienceRowId: o,
+                    currentAudienceFieldName: u,
+                    allAudience: p
+                  }), N(x.key), h(z);
                 },
-                children: g.length > 0 ? "Edit" : "Assign"
+                children: p.length > 0 ? "Edit" : "Assign"
               }
             )
           ] });
         };
       case "color":
-        return (I, D) => /* @__PURE__ */ e(
+        return (R, z) => /* @__PURE__ */ e(
           X,
           {
             type: "color",
-            value: I[x.key] || "#000000",
-            onChange: (f) => b(D, f.target.value),
+            value: R[x.key] || "#000000",
+            onChange: (f) => b(z, f.target.value),
             className: "w-full h-10"
           }
         );
       case "range":
-        return (I, D) => /* @__PURE__ */ n("div", { className: "w-full", children: [
+        return (R, z) => /* @__PURE__ */ n("div", { className: "w-full", children: [
           /* @__PURE__ */ e(
             X,
             {
               type: "range",
-              value: I[x.key] || x.min || 0,
-              onChange: (f) => b(D, f.target.value),
+              value: R[x.key] || x.min || 0,
+              onChange: (f) => b(z, f.target.value),
               min: x.min || 0,
               max: x.max || 100,
               step: x.step || 1,
               className: "w-full"
             }
           ),
-          /* @__PURE__ */ e("span", { className: "text-sm text-gray-500", children: I[x.key] || x.min || 0 })
+          /* @__PURE__ */ e("span", { className: "text-sm text-gray-500", children: R[x.key] || x.min || 0 })
         ] });
       case "file":
-        return (I, D) => /* @__PURE__ */ e(
+        return (R, z) => /* @__PURE__ */ e(
           X,
           {
             type: "file",
             onChange: (f) => {
-              const g = f.target.files[0];
-              b(D, g ? g.name : "");
+              const p = f.target.files[0];
+              b(z, p ? p.name : "");
             },
             accept: x.accept,
             className: "w-full"
           }
         );
       case "hidden":
-        return (I, D) => /* @__PURE__ */ e(
+        return (R, z) => /* @__PURE__ */ e(
           X,
           {
             type: "hidden",
-            value: I[x.key] || "",
-            onChange: (f) => b(D, f.target.value)
+            value: R[x.key] || "",
+            onChange: (f) => b(z, f.target.value)
           }
         );
       // Default fallback for unknown field types
       default:
-        return (I, D) => /* @__PURE__ */ n("div", { children: [
+        return (R, z) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
             X,
             {
-              value: I[x.key] || "",
-              onChange: (f) => b(D, f.target.value),
+              value: R[x.key] || "",
+              onChange: (f) => b(z, f.target.value),
               placeholder: x.placeholder || `Enter ${x.label}`,
               required: x.required,
-              className: `w-full ${S(D) ? "border-red-500" : ""}`
+              className: `w-full ${S(z) ? "border-red-500" : ""}`
             }
           ),
-          O(D)
+          O(z)
         ] });
     }
   }, F = ee(() => {
@@ -5074,16 +5081,16 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       const S = [...b];
       return S.splice(x, 1), S;
     });
-  }, []), [R, P] = B(null), j = ee((x, b) => {
+  }, []), [I, P] = B(null), _ = ee((x, b) => {
     P(b), x.dataTransfer.effectAllowed = "move", x.dataTransfer.setData("text/html", "");
   }, []), U = ee((x) => {
     x.preventDefault(), x.dataTransfer.dropEffect = "move";
   }, []), Y = ee((x, b) => {
-    x.preventDefault(), !(R === null || R === b) && (r((S) => {
-      const O = [...S], I = O[R];
-      return O.splice(R, 1), O.splice(b, 0, I), O;
+    x.preventDefault(), !(I === null || I === b) && (r((S) => {
+      const O = [...S], R = O[I];
+      return O.splice(I, 1), O.splice(b, 0, R), O;
     }), P(null));
-  }, [R]), q = ee(() => {
+  }, [I]), q = ee(() => {
     P(null);
   }, []), $ = ee((x, b) => {
     console.log("[DataTableRenderer] handleAddAudience called with:", { selectedEntities: x, existingShares: b });
@@ -5092,26 +5099,35 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       console.log("[DataTableRenderer] Ignoring empty initial call from InviteFlow useEffect");
       return;
     }
-    r((I) => {
-      const D = [...I];
-      if (o !== null && h && D[o]) {
+    if (S.length === 0 && !O && o !== null && u) {
+      console.log("[DataTableRenderer] Edit mode - no pending invites, checking if this is initial call");
+      const R = y[o] && y[o][u] ? y[o][u] : { users: [], groups: [], roles: [] }, z = (b.users || []).map((V) => V.id).sort(), f = (b.groups || []).map((V) => V.id).sort(), p = (b.roles || []).map((V) => V.id).sort(), k = (R.users || []).map((V) => V.id).sort(), w = (R.groups || []).map((V) => V.id).sort(), T = (R.roles || []).map((V) => V.id).sort(), L = JSON.stringify(z) === JSON.stringify(k), C = JSON.stringify(f) === JSON.stringify(w), M = JSON.stringify(p) === JSON.stringify(T);
+      if (L && C && M) {
+        console.log("[DataTableRenderer] Ignoring initial Edit call - existing shares match current data exactly");
+        return;
+      }
+      console.log("[DataTableRenderer] Data has changed, processing update");
+    }
+    r((R) => {
+      const z = [...R];
+      if (o !== null && u && z[o]) {
         if (S.length > 0) {
-          const f = S.filter((w) => w.type === "User"), g = S.filter((w) => w.type === "Group"), k = S.filter((w) => w.type === "Role");
-          D[o][h] = {
-            users: [...D[o][h]?.users || [], ...f],
-            groups: [...D[o][h]?.groups || [], ...g],
-            roles: [...D[o][h]?.roles || [], ...k]
+          const f = S.filter((w) => w.type === "User"), p = S.filter((w) => w.type === "Group"), k = S.filter((w) => w.type === "Role");
+          z[o][u] = {
+            users: [...z[o][u]?.users || [], ...f],
+            groups: [...z[o][u]?.groups || [], ...p],
+            roles: [...z[o][u]?.roles || [], ...k]
           };
-        } else b && !O && (D[o][h] = {
+        } else b && !O && (z[o][u] = {
           users: b.users || [],
           groups: b.groups || [],
           roles: b.roles || []
         });
-        console.log("[DataTableRenderer] Updated audience data:", D[o][h]);
+        console.log("[DataTableRenderer] Updated audience data:", z[o][u]);
       }
-      return D;
-    }), console.log("[DataTableRenderer] Closing modal after update"), u(null), N(null);
-  }, [o, h]);
+      return z;
+    }), console.log("[DataTableRenderer] Closing modal after update"), h(null), N(null);
+  }, [o, u]);
   return /* @__PURE__ */ n("div", { children: [
     /* @__PURE__ */ n("div", { style: { marginBottom: "20px" }, children: [
       /* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
@@ -5143,15 +5159,15 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       /* @__PURE__ */ e("tbody", { children: y.map((x, b) => /* @__PURE__ */ n(
         "tr",
         {
-          className: `hover:bg-gray-50 ${R === b ? "opacity-50" : ""}`,
+          className: `hover:bg-gray-50 ${I === b ? "opacity-50" : ""}`,
           draggable: !0,
-          onDragStart: (S) => j(S, b),
+          onDragStart: (S) => _(S, b),
           onDragOver: U,
           onDrop: (S) => Y(S, b),
           onDragEnd: q,
           children: [
             /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: /* @__PURE__ */ e("div", { className: "cursor-move text-gray-400 hover:text-gray-600", children: /* @__PURE__ */ e(wt, { size: 16 }) }) }),
-            l.fields.map((S, O) => /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: z(S)(x, b) }, O)),
+            l.fields.map((S, O) => /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: D(S)(x, b) }, O)),
             /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: /* @__PURE__ */ e(
               "button",
               {
@@ -5166,18 +5182,23 @@ function ws({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         b
       )) })
     ] }) }),
-    o !== null && (() => {
-      const x = y[o] && y[o][h] ? {
-        users: y[o][h].users || [],
-        groups: y[o][h].groups || [],
-        roles: y[o][h].roles || []
+    (() => {
+      if (console.log("[DataTableRenderer] Modal condition check:", {
+        audienceRowId: o,
+        audienceFieldName: u,
+        shouldRender: o !== null
+      }), o === null) return null;
+      const x = y[o] && y[o][u] ? {
+        users: y[o][u].users || [],
+        groups: y[o][u].groups || [],
+        roles: y[o][u].roles || []
       } : { users: [], groups: [], roles: [] };
-      return console.log("[DataTableRenderer] Opening modal with existing data:", x), console.log("[DataTableRenderer] Row data:", y[o]), console.log("[DataTableRenderer] Field name:", h), /* @__PURE__ */ e(
+      return console.log("[DataTableRenderer] Opening modal with existing data:", x), console.log("[DataTableRenderer] Row data:", y[o]), console.log("[DataTableRenderer] Field name:", u), /* @__PURE__ */ e(
         cs,
         {
           isOpen: !0,
           onClose: () => {
-            u(null), N(null);
+            h(null), N(null);
           },
           onFinalSubmit: $,
           existingShares: x,
@@ -5209,9 +5230,9 @@ function Ss({
   onShowCancelModal: l,
   onCancel: m
 }) {
-  const [o, u] = re.useState(a), [h, N] = re.useState(null), [y, r] = re.useState(null), [v, d] = B(!1), [p, z] = B(!1), [F, E] = B({}), R = `${$e()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, P = R, [j, U] = B(1), Y = () => {
-    if (!y || !h)
-      return console.log("[DynamicConfig] hasUnsavedChanges: false (no data)", { originalData: y, data: h }), !1;
+  const [o, h] = re.useState(a), [u, N] = re.useState(null), [y, r] = re.useState(null), [v, d] = B(!1), [g, D] = B(!1), [F, E] = B({}), I = `${$e()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, P = I, [_, U] = B(1), Y = () => {
+    if (!y || !u)
+      return console.log("[DynamicConfig] hasUnsavedChanges: false (no data)", { originalData: y, data: u }), !1;
     const f = (T) => {
       if (T == null || typeof T != "object") return T;
       if (Array.isArray(T)) return T.map(f);
@@ -5219,21 +5240,21 @@ function Ss({
       return Object.keys(T).sort().forEach((C) => {
         L[C] = f(T[C]);
       }), L;
-    }, g = f(y), k = f(h), w = JSON.stringify(g) !== JSON.stringify(k);
+    }, p = f(y), k = f(u), w = JSON.stringify(p) !== JSON.stringify(k);
     return console.log("[DynamicConfig] hasUnsavedChanges:", w, {
-      originalData: g,
+      originalData: p,
       currentData: k,
       originalRaw: y,
-      currentRaw: h
+      currentRaw: u
     }), w;
   }, q = (f) => {
     if (!a || !a.configuration)
       return f;
-    const g = {}, k = f?.configuration || {};
+    const p = {}, k = f?.configuration || {};
     return a.configuration.forEach((w) => {
       if (w.key && w.type === "datatable") {
         const L = (k[w.key] || []).map((C, M) => {
-          const _ = { id: C.id || 0 };
+          const V = { id: C.id || 0 };
           return w.fields && w.fields.forEach((A) => {
             if (A.fieldtype === "audience") {
               let G = { users: [], groups: [], roles: [] };
@@ -5241,9 +5262,9 @@ function Ss({
                 users: C[A.key].users || [],
                 groups: C[A.key].groups || [],
                 roles: C[A.key].roles || []
-              })), _[A.key] = G;
-            } else A.fieldtype === "select" ? _[A.key] = C[A.key] !== void 0 && C[A.key] !== "" ? C[A.key] : A.default || "" : _[A.key] = C[A.key] || A.default || "";
-          }), _;
+              })), V[A.key] = G;
+            } else A.fieldtype === "select" ? V[A.key] = C[A.key] !== void 0 && C[A.key] !== "" ? C[A.key] : A.default || "" : V[A.key] = C[A.key] || A.default || "";
+          }), V;
         });
         if (L.length === 0) {
           const C = { id: 0 };
@@ -5251,31 +5272,31 @@ function Ss({
             M.fieldtype === "audience" ? C[M.key] = { users: [], groups: [], roles: [] } : C[M.key] = M.default || "";
           }), L.push(C);
         }
-        g[w.key] = L;
+        p[w.key] = L;
       } else if (w.key) {
         const T = k[w.key] || {};
         w.type === "section" && w.fields && w.fields.forEach((L) => {
           L.fieldtype === "managecollectionlist" && L.key && (!T[L.key] || !Array.isArray(T[L.key])) && (T[L.key] = L.initialData || []);
-        }), g[w.key] = T;
+        }), p[w.key] = T;
       }
-    }), g;
+    }), p;
   }, $ = () => {
     if (a && a.configuration) {
       const f = {};
-      a.configuration.forEach((g) => {
-        if (g.key)
-          if (g.type === "datatable") {
+      a.configuration.forEach((p) => {
+        if (p.key)
+          if (p.type === "datatable") {
             const k = { id: 0 };
-            g.fields && g.fields.forEach((w) => {
+            p.fields && p.fields.forEach((w) => {
               w.fieldtype === "audience" ? k[w.key] = { users: [], groups: [], roles: [] } : (w.fieldtype, k[w.key] = w.default || "");
-            }), f[g.key] = [k];
-          } else if (g.type === "section") {
+            }), f[p.key] = [k];
+          } else if (p.type === "section") {
             const k = {};
-            g.fields && Array.isArray(g.fields) && g.fields.forEach((w) => {
+            p.fields && Array.isArray(p.fields) && p.fields.forEach((w) => {
               w.key && (w.fieldtype === "managecollectionlist" ? k[w.key] = w.initialData || [] : k[w.key] = w.default || "");
-            }), f[g.key] = k;
+            }), f[p.key] = k;
           } else
-            f[g.key] = {};
+            f[p.key] = {};
       }), N(f), r(f);
     }
   };
@@ -5287,31 +5308,31 @@ function Ss({
     const f = async () => {
       try {
         d(!0);
-        let g = await Ze(R);
-        if (g) {
-          const k = q(g);
+        let p = await Ze(I);
+        if (p) {
+          const k = q(p);
           N(k), r(k);
         } else
           $();
-      } catch (g) {
-        console.error("Error fetching configuration:", g);
+      } catch (p) {
+        console.error("Error fetching configuration:", p);
         let k = "Failed to load configuration";
-        if (g.response) {
-          const w = g.response.status, T = g.response.data?.message || g.response.data?.error;
+        if (p.response) {
+          const w = p.response.status, T = p.response.data?.message || p.response.data?.error;
           w === 400 ? k = T || "Invalid request. Please check the application ID." : w === 401 ? k = "You are not authorized to access this configuration." : w === 403 ? k = "Access denied. You don't have permission to view this configuration." : w === 404 ? k = "Configuration not found. It may not exist yet or the application ID is incorrect." : w >= 500 ? k = T || "Server error. Please try again later." : k = T || `Failed to load configuration (Error ${w})`;
-        } else g.request ? k = "Network error. Please check your connection and try again." : k = g.message || "An unexpected error occurred while loading configuration.";
+        } else p.request ? k = "Network error. Please check your connection and try again." : k = p.message || "An unexpected error occurred while loading configuration.";
         qe.error(k), $();
       } finally {
         d(!1);
       }
     };
-    a && (u(a), t ? f() : $());
-  }, [a, j, t, s]);
-  const x = (f, g) => {
-    console.log(`[DynamicConfig] handleSectionChange called for ${f}:`, g), N((k) => {
+    a && (h(a), t ? f() : $());
+  }, [a, _, t, s]);
+  const x = (f, p) => {
+    console.log(`[DynamicConfig] handleSectionChange called for ${f}:`, p), N((k) => {
       const w = {
         ...k,
-        [f]: g
+        [f]: p
       };
       return console.log("[DynamicConfig] Updated data state:", w), w;
     }), E((k) => {
@@ -5320,38 +5341,38 @@ function Ss({
     });
   }, b = () => {
     const f = {};
-    return !o || !h || o.configuration.forEach((g) => {
-      if (g.type === "section")
-        g.fields.forEach((k) => {
-          const w = h[g.key]?.[k.key];
+    return !o || !u || o.configuration.forEach((p) => {
+      if (p.type === "section")
+        p.fields.forEach((k) => {
+          const w = u[p.key]?.[k.key];
           if (k.required && (!w || typeof w == "string" && w.trim() === "")) {
-            f[g.key] || (f[g.key] = {}), f[g.key][k.key] = `${k.label} is required`;
+            f[p.key] || (f[p.key] = {}), f[p.key][k.key] = `${k.label} is required`;
             return;
           }
           if (k.fieldtype === "number" && w !== "" && w !== null && w !== void 0) {
             const T = Number(w);
-            isNaN(T) ? (f[g.key] || (f[g.key] = {}), f[g.key][k.key] = `${k.label} must be a valid number`) : (k.min !== void 0 && T < k.min && (f[g.key] || (f[g.key] = {}), f[g.key][k.key] = `${k.label} must be at least ${k.min}`), k.max !== void 0 && T > k.max && (f[g.key] || (f[g.key] = {}), f[g.key][k.key] = `${k.label} must not exceed ${k.max}`));
+            isNaN(T) ? (f[p.key] || (f[p.key] = {}), f[p.key][k.key] = `${k.label} must be a valid number`) : (k.min !== void 0 && T < k.min && (f[p.key] || (f[p.key] = {}), f[p.key][k.key] = `${k.label} must be at least ${k.min}`), k.max !== void 0 && T > k.max && (f[p.key] || (f[p.key] = {}), f[p.key][k.key] = `${k.label} must not exceed ${k.max}`));
           }
         });
-      else if (g.type === "datatable") {
-        const k = h[g.key];
+      else if (p.type === "datatable") {
+        const k = u[p.key];
         Array.isArray(k) && k.forEach((w, T) => {
-          g.fields.forEach((L) => {
+          p.fields.forEach((L) => {
             const C = w[L.key];
             if (L.required && (!C || typeof C == "string" && C.trim() === "")) {
-              f[g.key] || (f[g.key] = {}), f[g.key][T] || (f[g.key][T] = {}), f[g.key][T][L.key] = `${L.label} is required`;
+              f[p.key] || (f[p.key] = {}), f[p.key][T] || (f[p.key][T] = {}), f[p.key][T][L.key] = `${L.label} is required`;
               return;
             }
             if (L.fieldtype === "number" && C !== "" && C !== null && C !== void 0) {
               const M = Number(C);
-              isNaN(M) ? (f[g.key] || (f[g.key] = {}), f[g.key][T] || (f[g.key][T] = {}), f[g.key][T][L.key] = `${L.label} must be a valid number`) : (L.min !== void 0 && M < L.min && (f[g.key] || (f[g.key] = {}), f[g.key][T] || (f[g.key][T] = {}), f[g.key][T][L.key] = `${L.label} must be at least ${L.min}`), L.max !== void 0 && M > L.max && (f[g.key] || (f[g.key] = {}), f[g.key][T] || (f[g.key][T] = {}), f[g.key][T][L.key] = `${L.label} must not exceed ${L.max}`));
+              isNaN(M) ? (f[p.key] || (f[p.key] = {}), f[p.key][T] || (f[p.key][T] = {}), f[p.key][T][L.key] = `${L.label} must be a valid number`) : (L.min !== void 0 && M < L.min && (f[p.key] || (f[p.key] = {}), f[p.key][T] || (f[p.key][T] = {}), f[p.key][T][L.key] = `${L.label} must be at least ${L.min}`), L.max !== void 0 && M > L.max && (f[p.key] || (f[p.key] = {}), f[p.key][T] || (f[p.key][T] = {}), f[p.key][T][L.key] = `${L.label} must not exceed ${L.max}`));
             }
           });
         });
       }
     }), f;
   }, S = (f) => Object.keys(f).length > 0, O = () => {
-    if (p) {
+    if (g) {
       console.log("[handleSave] Already saving, ignoring duplicate call");
       return;
     }
@@ -5370,48 +5391,48 @@ function Ss({
     }
     (async () => {
       try {
-        z(!0);
+        D(!0);
         const k = {};
-        h && Object.keys(h).forEach((T) => {
+        u && Object.keys(u).forEach((T) => {
           const L = a?.configuration?.find(
             (C) => C.key === T && C.type === "datatable"
           );
-          L && Array.isArray(h[T]) ? k[T] = h[T].map((C) => {
+          L && Array.isArray(u[T]) ? k[T] = u[T].map((C) => {
             const M = { id: C.id || 0 };
-            return L.fields && L.fields.forEach((_) => {
-              if (_.fieldtype === "audience") {
+            return L.fields && L.fields.forEach((V) => {
+              if (V.fieldtype === "audience") {
                 let A = { users: [], groups: [], roles: [] };
-                C[_.key] && typeof C[_.key] == "object" && !Array.isArray(C[_.key]) && (A = {
-                  users: C[_.key].users || [],
-                  groups: C[_.key].groups || [],
-                  roles: C[_.key].roles || []
-                }), M[_.key] = A;
+                C[V.key] && typeof C[V.key] == "object" && !Array.isArray(C[V.key]) && (A = {
+                  users: C[V.key].users || [],
+                  groups: C[V.key].groups || [],
+                  roles: C[V.key].roles || []
+                }), M[V.key] = A;
               } else
-                M[_.key] = C[_.key] || "";
+                M[V.key] = C[V.key] || "";
             }), M;
-          }) : k[T] = h[T];
+          }) : k[T] = u[T];
         }), (!k.appkey || k.appkey === "") && (k.appkey = t);
         let w = await xt(P, k);
         if (w && w.status != "fail") {
-          E({}), r(JSON.parse(JSON.stringify(h)));
+          E({}), r(JSON.parse(JSON.stringify(u)));
           const T = w.message || "Configuration has been saved successfully";
-          qe.success(T), i && typeof i == "function" && i(h);
+          qe.success(T), i && typeof i == "function" && i(u);
         } else
           throw qe.error(w?.message || "Failed to save configuration"), new Error("No response received from server");
       } catch (k) {
         console.error("Error saving configuration:", k), qe.error(k?.message || "Failed to save configuration");
       } finally {
-        z(!1);
+        D(!1);
       }
     })();
-  }, I = () => {
+  }, R = () => {
     console.log("[DynamicConfig] handleCancel called"), Y() ? (console.log("[DynamicConfig] Unsaved changes detected - showing modal"), l ? l() : console.warn("[DynamicConfig] onShowCancelModal not provided, cannot show modal")) : (console.log("[DynamicConfig] No unsaved changes - going back directly"), m ? m() : (console.log("[DynamicConfig] Using fallback window.history.back()"), window.history.back()));
   };
   if (!o?.configuration && !a?.configuration)
     return /* @__PURE__ */ e("div", { className: "min-h-screen flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "text-gray-500", children: "No configuration available" }) });
-  const D = a?.configuration || o?.configuration;
+  const z = a?.configuration || o?.configuration;
   return Z(() => {
-    s && a ? (!h || Object.keys(h).length === 0) && $() : s && !a && $();
+    s && a ? (!u || Object.keys(u).length === 0) && $() : s && !a && $();
   }, [s, a]), /* @__PURE__ */ n("div", { children: [
     /* @__PURE__ */ n(
       "div",
@@ -5420,18 +5441,18 @@ function Ss({
         style: { padding: "0px 20px 0px 0px" },
         children: [
           v && /* @__PURE__ */ e("div", { className: "flex justify-center items-center h-64", children: /* @__PURE__ */ e(ba, { size: "large" }) }),
-          !v && D?.map((f, g) => {
+          !v && z?.map((f, p) => {
             const k = zs(f.type);
             if (k && k !== "UnknownType")
               return /* @__PURE__ */ e(
                 k,
                 {
                   item: f,
-                  data: h,
+                  data: u,
                   updateHandler: x,
                   validationErrors: F
                 },
-                g
+                p
               );
           })
         ]
@@ -5442,9 +5463,9 @@ function Ss({
         le,
         {
           category: "secondary",
-          onClick: I,
+          onClick: R,
           label: "Cancel",
-          disabled: p,
+          disabled: g,
           type: "button"
         }
       ),
@@ -5453,8 +5474,8 @@ function Ss({
         {
           category: "primary",
           onClick: O,
-          disabled: p,
-          label: p ? "Saving..." : "Save",
+          disabled: g,
+          label: g ? "Saving..." : "Save",
           type: "submit"
         }
       )
@@ -5467,29 +5488,29 @@ const Kl = ({
   disableApi: s = !1
 }) => {
   const [i, l] = B(0), [m, o] = B(!1), {
-    pageHeader: u = {},
-    appletHeader: h = {},
+    pageHeader: h = {},
+    appletHeader: u = {},
     breadcrumb: N = [],
     overview: y = {},
     configuration: r = []
   } = t, v = ae(() => r.map((b) => {
     if (b.type === "section" && b.fields) {
-      const S = [...b.fields], O = S.findIndex((I) => I && I.key === "appkey");
+      const S = [...b.fields], O = S.findIndex((R) => R && R.key === "appkey");
       if (O !== -1) {
-        const I = S[O];
+        const R = S[O];
         if (S[O] = {
-          ...I,
+          ...R,
           default: a,
           value: a,
           readonly: !0,
           placeholder: a,
           disabled: !1
         }, S.some((f) => f.key === "displayname")) {
-          const f = S.findIndex((k) => k.key === "displayname"), g = S[f] || {};
+          const f = S.findIndex((k) => k.key === "displayname"), p = S[f] || {};
           S[f] = {
-            ...g,
-            default: g.default || g.value || a,
-            placeholder: g.placeholder || "Enter display name"
+            ...p,
+            default: p.default || p.value || a,
+            placeholder: p.placeholder || "Enter display name"
           };
         } else {
           const f = {
@@ -5515,25 +5536,25 @@ const Kl = ({
     subHeading: "View app details and customize configurations to align with institutional requirements.",
     isLeftArrow: !0,
     onBackClick: () => window.history.back(),
-    ...u
-  }, p = N.map((b) => ({
+    ...h
+  }, g = N.map((b) => ({
     label: b.text,
     href: b.href || "#"
-  })), z = ee(() => {
+  })), D = ee(() => {
     o(!0);
   }, []), F = ee((b) => {
     o(!1), b.primary && window.history.back();
   }, []), E = ee((b) => {
     console.log("Configuration changed:", b);
-  }, []), R = ee(() => {
+  }, []), I = ee(() => {
     window.history.back();
   }, []), P = (() => {
-    if (h.headingKey && Array.isArray(r)) {
-      const b = h.headingKey.split("."), S = b[0], O = b[1], I = r.find((D) => D && D.key === S);
-      if (I && I.fields) {
-        const D = I.fields.find((f) => f && f.key === O);
-        if (D)
-          return D.default ?? D.value ?? h.heading ?? a;
+    if (u.headingKey && Array.isArray(r)) {
+      const b = u.headingKey.split("."), S = b[0], O = b[1], R = r.find((z) => z && z.key === S);
+      if (R && R.fields) {
+        const z = R.fields.find((f) => f && f.key === O);
+        if (z)
+          return z.default ?? z.value ?? u.heading ?? a;
       }
     }
     if (Array.isArray(r)) {
@@ -5543,11 +5564,11 @@ const Kl = ({
           if (S) return S.default ?? S.value ?? a;
         }
     }
-    return h.heading || a;
-  })(), j = {
+    return u.heading || a;
+  })(), _ = {
     subHeading: "Application configuration and details",
     tags: [],
-    ...h,
+    ...u,
     heading: P
     // Use resolvedDisplayName only
   }, U = {
@@ -5572,8 +5593,8 @@ const Kl = ({
     configuration: v
   }), [v]), q = ae(() => [
     { label: "Overview", content: x(U) },
-    { label: "Configuration", content: /* @__PURE__ */ e(Ss, { appid: a, configdata: Y, disableApi: s, onSave: E, onShowCancelModal: z, onCancel: R }) }
-  ], [a, Y, s, E, z, R, U]);
+    { label: "Configuration", content: /* @__PURE__ */ e(Ss, { appid: a, configdata: Y, disableApi: s, onSave: E, onShowCancelModal: D, onCancel: I }) }
+  ], [a, Y, s, E, D, I, U]);
   function $(b) {
     return b ? b.includes("<svg") ? /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: b } }) : b : "📱";
   }
@@ -5616,18 +5637,18 @@ const Kl = ({
       Un,
       {
         heading: d.heading,
-        subHeading: p.length > 0 ? void 0 : d.subHeading,
-        breadcrumbItems: p,
+        subHeading: g.length > 0 ? void 0 : d.subHeading,
+        breadcrumbItems: g,
         isLeftArrow: d.isLeftArrow,
         onBackClick: d.onBackClick
       }
     ),
     /* @__PURE__ */ n("div", { className: "bg-[#ffffff] border border-[#eef2f6] rounded-[12px] px-6 py-5 flex gap-4 items-start mb-4 shadow-sm", children: [
-      /* @__PURE__ */ e("div", { className: "icon w-[72px] h-[72px] rounded-full flex items-center justify-center bg-[#F5F5F6] text-[#1C274C] font-bold text-[18px]", children: $(j.icon) }),
+      /* @__PURE__ */ e("div", { className: "icon w-[72px] h-[72px] rounded-full flex items-center justify-center bg-[#F5F5F6] text-[#1C274C] font-bold text-[18px]", children: $(_.icon) }),
       /* @__PURE__ */ n("div", { className: "flex flex-col min-w-0", children: [
-        /* @__PURE__ */ e("h2", { className: "text-[24px] font-semibold m-0 leading-tight truncate", children: j.heading }),
-        /* @__PURE__ */ e("p", { className: "text-[13px] text-[#101112] mt-1 mb-0 max-w-[800px] leading-normal", children: j.subHeading }),
-        /* @__PURE__ */ e("div", { className: "mt-2 flex flex-wrap gap-2", children: j.tags && j.tags.map((b, S) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("h2", { className: "text-[24px] font-semibold m-0 leading-tight truncate", children: _.heading }),
+        /* @__PURE__ */ e("p", { className: "text-[13px] text-[#101112] mt-1 mb-0 max-w-[800px] leading-normal", children: _.subHeading }),
+        /* @__PURE__ */ e("div", { className: "mt-2 flex flex-wrap gap-2", children: _.tags && _.tags.map((b, S) => /* @__PURE__ */ e(
           "span",
           {
             className: "pill inline-block px-[10px] py-[6px] rounded-[14px] text-[11px] border border-[#e6e9ee] text-[#767676] font-semibold mt-1",
@@ -5670,16 +5691,16 @@ const Kl = ({
   allowEdit: l = !0,
   allowDelete: m = !0,
   allowReorder: o = !0,
-  initialData: u = null
+  initialData: h = null
 }) => {
-  const [h, N] = B(null), [y, r] = B(""), [v, d] = B(() => Array.isArray(u) ? u : []), [p, z] = B(null), [F, E] = B(null), [R, P] = B("");
+  const [u, N] = B(null), [y, r] = B(""), [v, d] = B(() => Array.isArray(h) ? h : []), [g, D] = B(null), [F, E] = B(null), [I, P] = B("");
   Z(() => {
-    Array.isArray(u) && d(u);
-  }, [u]);
-  const j = (g) => {
-    l && (N(g._id), r(g.categoryName || ""));
+    Array.isArray(h) && d(h);
+  }, [h]);
+  const _ = (p) => {
+    l && (N(p._id), r(p.categoryName || ""));
   }, U = () => {
-    if (!i || h !== null) return;
+    if (!i || u !== null) return;
     const k = (v.length > 0 ? Math.max(...v.map((w) => typeof w._id == "number" ? w._id : 0)) : 0) + 1;
     d((w) => [
       ...w,
@@ -5693,54 +5714,54 @@ const Kl = ({
       }
     ]), N(k), r("");
   }, Y = () => {
-    h != null && (d((g) => {
-      const w = !Array.isArray(u) || !u.some((T) => T._id === h) ? g.filter((T) => T._id !== h) : g;
+    u != null && (d((p) => {
+      const w = !Array.isArray(h) || !h.some((T) => T._id === u) ? p.filter((T) => T._id !== u) : p;
       return a?.(w), w;
     }), N(null), r(""));
   }, q = () => {
-    h == null || !y.trim() || (d((g) => {
-      const k = g.map((w) => w._id === h ? {
+    u == null || !y.trim() || (d((p) => {
+      const k = p.map((w) => w._id === u ? {
         ...w,
         categoryName: y.trim()
       } : w);
       return a?.(k), k;
     }), N(null), r(""));
-  }, $ = (g) => {
+  }, $ = (p) => {
     m && d((k) => {
-      const w = k.filter((T) => T._id !== g._id);
+      const w = k.filter((T) => T._id !== p._id);
       return a?.(w), w;
     });
-  }, x = (g, k, w) => {
+  }, x = (p, k, w) => {
     const T = Number(k), L = Number(w);
-    if (!o || T === L) return g;
-    const C = g.findIndex((G) => Number(G._id) === T), M = g.findIndex((G) => Number(G._id) === L);
-    if (C === -1 || M === -1) return g;
-    const _ = [...g], [A] = _.splice(C, 1);
-    return _.splice(M, 0, A), _.map((G, W) => ({ ...G, order: W + 1 }));
-  }, b = (g, k) => {
-    o && (g.dataTransfer.effectAllowed = "move", g.dataTransfer.setData("text/plain", String(k)), z(Number(k)));
-  }, S = (g) => {
-    p && g !== F && E(g);
-  }, O = (g) => {
-    g.preventDefault();
-  }, I = (g, k) => {
-    g.preventDefault();
-    const w = g.dataTransfer.getData("text/plain"), T = w === "0" ? 0 : Number(w), L = k === "0" ? 0 : Number(k);
+    if (!o || T === L) return p;
+    const C = p.findIndex((G) => Number(G._id) === T), M = p.findIndex((G) => Number(G._id) === L);
+    if (C === -1 || M === -1) return p;
+    const V = [...p], [A] = V.splice(C, 1);
+    return V.splice(M, 0, A), V.map((G, W) => ({ ...G, order: W + 1 }));
+  }, b = (p, k) => {
+    o && (p.dataTransfer.effectAllowed = "move", p.dataTransfer.setData("text/plain", String(k)), D(Number(k)));
+  }, S = (p) => {
+    g && p !== F && E(p);
+  }, O = (p) => {
+    p.preventDefault();
+  }, R = (p, k) => {
+    p.preventDefault();
+    const w = p.dataTransfer.getData("text/plain"), T = w === "0" ? 0 : Number(w), L = k === "0" ? 0 : Number(k);
     T === void 0 || L === void 0 || (d((C) => {
       const M = x(C, T, L);
       return a?.(M), M;
-    }), z(null), E(null));
-  }, D = () => {
-    z(null), E(null);
+    }), D(null), E(null));
+  }, z = () => {
+    D(null), E(null);
   }, f = Array.isArray(v) ? v.filter(
-    (g) => g.categoryName?.toLowerCase().includes(R.toLowerCase())
+    (p) => p.categoryName?.toLowerCase().includes(I.toLowerCase())
   ) : [];
   return /* @__PURE__ */ n("div", { className: `manage-collection-list ${t}`, children: [
     /* @__PURE__ */ e("div", { className: "flex justify-end", children: /* @__PURE__ */ n("div", { className: "w-1/2 flex justify-end", children: [
       s && /* @__PURE__ */ e(
         ge,
         {
-          value: R,
+          value: I,
           onDebouncedChange: P,
           placeholder: "Search Collection",
           customClass: "mr-4 searchmanagecollection"
@@ -5751,23 +5772,23 @@ const Kl = ({
         {
           className: [
             "px-4 py-3 bg-black text-white rounded-2xl ml-4",
-            h !== null ? "opacity-60 cursor-not-allowed" : "cursor-pointer"
+            u !== null ? "opacity-60 cursor-not-allowed" : "cursor-pointer"
           ].join(" "),
           onClick: U,
-          disabled: h !== null,
+          disabled: u !== null,
           children: "Add a Collection"
         }
       )
     ] }) }),
-    /* @__PURE__ */ e("div", { className: "mt-5 flex flex-col", children: f.map((g) => {
-      const k = h === g._id, w = g?.links?.length ?? 0, T = p === g._id, L = F === g._id && p !== g._id;
+    /* @__PURE__ */ e("div", { className: "mt-5 flex flex-col", children: f.map((p) => {
+      const k = u === p._id, w = p?.links?.length ?? 0, T = g === p._id, L = F === p._id && g !== p._id;
       return /* @__PURE__ */ e(
         "div",
         {
-          onDragEnter: () => S(g._id),
+          onDragEnter: () => S(p._id),
           onDragOver: O,
-          onDrop: (C) => I(C, g._id),
-          onDragEnd: D,
+          onDrop: (C) => R(C, p._id),
+          onDragEnd: z,
           className: [
             "flex items-center justify-between p-3 border rounded-2xl mb-3",
             "border-gray-300",
@@ -5781,7 +5802,7 @@ const Kl = ({
                 type: "text",
                 className: "flex-1 h-10 px-3 max-w-[200px] border border-gray-300 rounded-2xl outline-none focus:ring-2 focus:ring-gray-800/20",
                 value: y,
-                placeholder: !Array.isArray(u) || !u.some((C) => C._id === g._id) ? "New collection name" : "Edit collection name",
+                placeholder: !Array.isArray(h) || !h.some((C) => C._id === p._id) ? "New collection name" : "Edit collection name",
                 onChange: (C) => r(C.target.value),
                 onKeyDown: (C) => {
                   C.key === "Enter" && q(), C.key === "Escape" && Y();
@@ -5823,36 +5844,36 @@ const Kl = ({
                   "aria-label": "Drag to reorder",
                   className: "cursor-grab active:cursor-grabbing p-1 -m-1 rounded-md hover:bg-gray-50",
                   draggable: !0,
-                  onDragStart: (C) => b(C, g._id),
+                  onDragStart: (C) => b(C, p._id),
                   children: /* @__PURE__ */ e(wt, {})
                 }
               ),
-              /* @__PURE__ */ e("span", { children: g.categoryName })
+              /* @__PURE__ */ e("span", { children: p.categoryName })
             ] }),
             /* @__PURE__ */ n("div", { className: "flex gap-2 items-center", children: [
-              g.protected ? /* @__PURE__ */ e("span", { className: "text-sm text-gray-600 cursor-default", children: g.qlAppName }) : /* @__PURE__ */ e("span", { className: "text-sm text-blue-600 cursor-default", children: `${w} ${w === 1 ? "link" : "links"}` }),
+              p.protected ? /* @__PURE__ */ e("span", { className: "text-sm text-gray-600 cursor-default", children: p.qlAppName }) : /* @__PURE__ */ e("span", { className: "text-sm text-blue-600 cursor-default", children: `${w} ${w === 1 ? "link" : "links"}` }),
               l && /* @__PURE__ */ e(
                 "button",
                 {
                   className: "cursor-pointer",
-                  onClick: () => j(g),
-                  "aria-label": `Edit ${g.categoryName}`,
+                  onClick: () => _(p),
+                  "aria-label": `Edit ${p.categoryName}`,
                   children: /* @__PURE__ */ e(xr, { color: "#767676" })
                 }
               ),
               m && /* @__PURE__ */ e(
                 "span",
                 {
-                  className: w === 0 && !g.protected ? "cursor-pointer" : "cursor-not-allowed",
-                  title: w === 0 && !g.protected ? "Delete" : "Cannot delete a collection with linked items",
-                  onClick: w === 0 ? () => $(g) : null,
+                  className: w === 0 && !p.protected ? "cursor-pointer" : "cursor-not-allowed",
+                  title: w === 0 && !p.protected ? "Delete" : "Cannot delete a collection with linked items",
+                  onClick: w === 0 ? () => $(p) : null,
                   children: /* @__PURE__ */ e(Le, { color: w === 0 ? "#767676" : "#C2C2C2" })
                 }
               )
             ] })
           ] })
         },
-        g._id
+        p._id
       );
     }) })
   ] });
@@ -5937,23 +5958,23 @@ const Bt = () => {
   // preferred
   onAdd: m,
   onFilterOpen: o,
-  addBtnText: u = "Add",
+  addBtnText: h = "Add",
   // Feature toggles
-  showSearch: h = !0,
+  showSearch: u = !0,
   showDelete: N = !0,
   showColumnChooser: y = !0,
   showFilter: r = !1,
   showPrint: v = !1,
   showExcel: d = !1,
-  showPdf: p = !1,
-  showRefresh: z = !1,
+  showPdf: g = !1,
+  showRefresh: D = !1,
   showAdd: F = !1,
   iSelectedRecords: E = 0,
   // Additional props
-  searchPlaceholder: R = "Search...",
+  searchPlaceholder: I = "Search...",
   handleRefreshClick: P = () => {
   },
-  handleSearchChange: j = () => {
+  handleSearchChange: _ = () => {
   },
   handleDeleteClick: U = () => {
   },
@@ -5964,7 +5985,7 @@ const Bt = () => {
   searchIconClass: x,
   inputStyle: b
 }) => {
-  const S = () => l?.current || i?.current, [O, I] = re.useState(""), D = (t || "export").toString().trim() || "export", f = `${Y || D}.xlsx`, g = `${q || D}.pdf`, k = (L, C, M) => Math.max(C, Math.min(L, M)), w = ee(
+  const S = () => l?.current || i?.current, [O, R] = re.useState(""), z = (t || "export").toString().trim() || "export", f = `${Y || z}.xlsx`, p = `${q || z}.pdf`, k = (L, C, M) => Math.max(C, Math.min(L, M)), w = ee(
     (L) => {
       const C = S();
       if (C?.openColumnChooser) {
@@ -5973,8 +5994,8 @@ const Bt = () => {
           return;
         }
         try {
-          const M = L.currentTarget.getBoundingClientRect(), _ = M.left + window.scrollX, A = M.bottom + window.scrollY;
-          let G = _ - 120, W = A - 120;
+          const M = L.currentTarget.getBoundingClientRect(), V = M.left + window.scrollX, A = M.bottom + window.scrollY;
+          let G = V - 120, W = A - 120;
           const pe = window.innerWidth, Ne = window.innerHeight;
           G = k(G, window.scrollX + 8, window.scrollX + pe - 340), W = k(W, window.scrollY, window.scrollY + Ne - 120), C.openColumnChooser(G, W);
         } catch (M) {
@@ -5991,8 +6012,8 @@ const Bt = () => {
         switch (L) {
           case "Delete": {
             if (N) {
-              const _ = M.getSelectedRecords();
-              return U(_);
+              const V = M.getSelectedRecords();
+              return U(V);
             }
             break;
           }
@@ -6006,14 +6027,14 @@ const Bt = () => {
             d && M.excelExport?.({ fileName: f });
             break;
           case "Pdf":
-            p && M.pdfExport?.({ fileName: g });
+            g && M.pdfExport?.({ fileName: p });
             break;
           case "Refresh":
-            z && P();
+            D && P();
             break;
         }
     },
-    [y, v, d, p, z, f, g, P, w]
+    [y, v, d, g, D, f, p, P, w]
   );
   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: [
@@ -6025,13 +6046,13 @@ const Bt = () => {
       a ? /* @__PURE__ */ e("div", { className: "text-sm text-gray-500", children: a }) : null
     ] }),
     /* @__PURE__ */ n("div", { className: "flex items-center gap-3", children: [
-      h && /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ e(
+      u && /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ e(
         ge,
         {
-          placeholder: R,
+          placeholder: I,
           value: O,
           onDebouncedChange: (L) => {
-            I(L), j(L);
+            R(L), _(L);
           },
           searchIconSize: $ || 16,
           searchIconClass: x || "",
@@ -6081,7 +6102,7 @@ const Bt = () => {
               ariaLabel: "Excel Download"
             }
           ),
-          p && /* @__PURE__ */ e(
+          g && /* @__PURE__ */ e(
             Ce,
             {
               icon: Cr,
@@ -6089,7 +6110,7 @@ const Bt = () => {
               ariaLabel: "PDF Download"
             }
           ),
-          z && /* @__PURE__ */ e(
+          D && /* @__PURE__ */ e(
             Ce,
             {
               icon: zr,
@@ -6101,12 +6122,12 @@ const Bt = () => {
         F && m && /* @__PURE__ */ e(
           le,
           {
-            label: u,
+            label: h,
             icon: Sr,
             onClick: m,
             size: "small",
             ariaLabel: "Add New",
-            title: u
+            title: h
           }
         )
       ] })
@@ -6122,20 +6143,20 @@ function ai(t) {
     // 1-based
     pageSize: m = 20,
     allowPaging: o = !0,
-    allowSorting: u = !0,
-    allowFiltering: h = !1,
+    allowSorting: h = !0,
+    allowFiltering: u = !1,
     allowGrouping: N = !1,
     allowReordering: y = !0,
     allowResizing: r = !0,
     allowExcelExport: v = !1,
     allowPdfExport: d = !1,
-    showColumnChooser: p = !1,
-    enableSearchApi: z = !1,
+    showColumnChooser: g = !1,
+    enableSearchApi: D = !1,
     height: F = "600",
     selectionSettings: E,
-    enableCheckbox: R = !1,
+    enableCheckbox: I = !1,
     columns: P = [],
-    onGridStateChange: j,
+    onGridStateChange: _,
     onRowSelected: U,
     onRowDeselected: Y,
     onRowDoubleClick: q,
@@ -6144,79 +6165,79 @@ function ai(t) {
   } = t, b = fe(null), {
     pageSettings: S,
     sortSettings: O,
-    ...I
-  } = x || {}, [D, f] = re.useState(S?.page || l), [g, k] = re.useState(S?.pageSize || m), [w, T] = re.useState(O?.sortKey || "updatedDate"), [L, C] = re.useState(O?.direction || "Descending"), M = ae(() => {
-    const V = E || {
+    ...R
+  } = x || {}, [z, f] = re.useState(S?.page || l), [p, k] = re.useState(S?.pageSize || m), [w, T] = re.useState(O?.sortKey || "updatedDate"), [L, C] = re.useState(O?.direction || "Descending"), M = ae(() => {
+    const j = E || {
       type: "Multiple",
       mode: "Row"
     };
-    return R ? {
-      ...V,
+    return I ? {
+      ...j,
       // These are important for checkbox selection
       enableToggle: !0,
       persistSelection: !0,
       // Enable checkbox specific settings
       checkboxOnly: !1,
       enableSimpleMultiRowSelection: !0
-    } : V;
-  }, [E, R]), _ = ae(() => {
-    const V = [ln];
-    return (R || E) && V.push(on), u && V.push(cn), h && V.push(dn), N && V.push(mn), z && V.push(un), v && V.push(hn), d && V.push(pn), p && V.push(gn), r && V.push(bn), y && V.push(fn), V.push(yn), V;
+    } : j;
+  }, [E, I]), V = ae(() => {
+    const j = [ln];
+    return (I || E) && j.push(on), h && j.push(cn), u && j.push(dn), N && j.push(mn), D && j.push(un), v && j.push(hn), d && j.push(pn), g && j.push(gn), r && j.push(bn), y && j.push(fn), j.push(yn), j;
   }, [
-    u,
     h,
+    u,
     N,
-    z,
+    D,
     v,
     d,
-    p,
+    g,
     r,
     y,
-    R,
+    I,
     E
   ]), A = ae(() => {
-    const V = () => b.current, ne = (J, ce) => {
+    const j = () => b.current, ne = (J, ce) => {
       !ce && process.env.NODE_ENV !== "production" && console.warn(`[CustomDataGrid] ${J} requested but related service/feature is disabled.`);
     };
     return {
-      getInstance: () => V(),
-      refresh: () => V()?.refresh?.(),
-      getSelectedRecords: () => V()?.getSelectedRecords?.() ?? [],
-      clearSelection: () => V()?.clearSelection?.(),
-      selectRow: (J, ce = !1) => V()?.selectRow?.(J, ce),
-      selectRows: (J, ce = !1) => V()?.selectRows?.(J, ce),
+      getInstance: () => j(),
+      refresh: () => j()?.refresh?.(),
+      getSelectedRecords: () => j()?.getSelectedRecords?.() ?? [],
+      clearSelection: () => j()?.clearSelection?.(),
+      selectRow: (J, ce = !1) => j()?.selectRow?.(J, ce),
+      selectRows: (J, ce = !1) => j()?.selectRows?.(J, ce),
       search: (J) => {
-        ne("search()", z), V()?.search?.(J);
+        ne("search()", D), j()?.search?.(J);
       },
-      print: () => V()?.print?.(),
+      print: () => j()?.print?.(),
       excelExport: (J) => {
-        ne("excelExport()", v), V()?.excelExport?.(J);
+        ne("excelExport()", v), j()?.excelExport?.(J);
       },
       pdfExport: (J) => {
-        ne("pdfExport()", d), V()?.pdfExport?.(J);
+        ne("pdfExport()", d), j()?.pdfExport?.(J);
       },
       openColumnChooser: (J, ce) => {
-        ne("openColumnChooser()", p), V()?.columnChooserModule?.openColumnChooser?.(J, ce);
+        ne("openColumnChooser()", g), j()?.columnChooserModule?.openColumnChooser?.(J, ce);
       },
       // Additional useful methods
-      getColumns: () => V()?.getColumns?.(),
-      getFilteredRecords: () => V()?.getFilteredRecords?.(),
-      autoFitColumns: (J) => V()?.autoFitColumns?.(J)
+      getColumns: () => j()?.getColumns?.(),
+      getFilteredRecords: () => j()?.getFilteredRecords?.(),
+      autoFitColumns: (J) => j()?.autoFitColumns?.(J)
     };
-  }, [z, v, d, p]);
+  }, [D, v, d, g]);
   Z(() => {
     $ && ($.current = A);
   }, [$, A]), Z(() => () => {
     $ && ($.current = null);
   }, [$]);
-  const G = (V) => {
-    const ne = String(V || "");
+  const G = (j) => {
+    const ne = String(j || "");
     return ne === "Ascending" || ne === "Descending" ? ne : ne.toLowerCase() === "ascending" ? "Ascending" : "Descending";
-  }, W = (V) => {
-    const ne = b.current, J = V?.requestType, ce = J === "paging" ? "paging" : J === "sorting" ? "sorting" : J === "searching" ? "searching" : J === "filtering" ? "filtering" : J === "grouping" ? "grouping" : J === "reorder" ? "reorder" : J === "columnstate" ? "columnstate" : "other", Re = V?.pageSize ?? ne?.pageSettings?.pageSize ?? g, _e = V?.currentPage ?? ne?.pageSettings?.currentPage ?? l, rt = V?.columnName && V?.direction ? [{ field: V.columnName, dir: G(V.direction) }] : (ne?.sortSettings?.columns || []).map((Ie) => ({
+  }, W = (j) => {
+    const ne = b.current, J = j?.requestType, ce = J === "paging" ? "paging" : J === "sorting" ? "sorting" : J === "searching" ? "searching" : J === "filtering" ? "filtering" : J === "grouping" ? "grouping" : J === "reorder" ? "reorder" : J === "columnstate" ? "columnstate" : "other", Re = j?.pageSize ?? ne?.pageSettings?.pageSize ?? p, _e = j?.currentPage ?? ne?.pageSettings?.currentPage ?? l, rt = j?.columnName && j?.direction ? [{ field: j.columnName, dir: G(j.direction) }] : (ne?.sortSettings?.columns || []).map((Ie) => ({
       field: Ie.field,
       dir: G(Ie.direction ?? Ie.dir)
-    })), nt = V?.searchString ?? "", st = V?.columns ?? ne?.filterSettings?.columns ?? [];
+    })), nt = j?.searchString ?? "", st = j?.columns ?? ne?.filterSettings?.columns ?? [];
     return {
       reason: ce,
       page: {
@@ -6228,17 +6249,17 @@ function ai(t) {
       sort: rt,
       search: nt,
       filters: st,
-      rawEvent: V
+      rawEvent: j
     };
-  }, pe = (V) => {
+  }, pe = (j) => {
     setTimeout(() => {
       b?.current?.hideSpinner();
-    }, 1e3), V.requestType === "paging" && (f(V.currentPage), k(V.pageSize)), V.requestType === "sorting" && (T(V.columnName || "updatedDate"), C(V.direction)), j?.(W(V), V);
-  }, Ne = (V) => {
-    q?.(V?.rowData, V);
+    }, 1e3), j.requestType === "paging" && (f(j.currentPage), k(j.pageSize)), j.requestType === "sorting" && (T(j.columnName || "updatedDate"), C(j.direction)), _?.(W(j), j);
+  }, Ne = (j) => {
+    q?.(j?.rowData, j);
   }, Ta = () => {
-    const V = [];
-    return R && V.push(
+    const j = [];
+    return I && j.push(
       /* @__PURE__ */ e(
         $t,
         {
@@ -6270,7 +6291,7 @@ function ai(t) {
         customAttributes: Ba,
         ...Va
       } = ne || {};
-      V.push(
+      j.push(
         /* @__PURE__ */ e(
           $t,
           {
@@ -6294,13 +6315,13 @@ function ai(t) {
           ce || `col-${J}`
         )
       );
-    }), V;
+    }), j;
   }, Aa = ae(() => ({
-    currentPage: D,
-    pageSize: g,
+    currentPage: z,
+    pageSize: p,
     pageSizes: S?.pageSizes ?? [10, 20, 40, 60, 80, 100],
     totalCount: s
-  }), [D, g, S?.pageSizes, s]), Fa = ae(() => O ?? {
+  }), [z, p, S?.pageSizes, s]), Fa = ae(() => O ?? {
     columns: [{ field: w, direction: G(L) }],
     allowUnsort: !1
   }, [O, w, L]);
@@ -6315,12 +6336,12 @@ function ai(t) {
       },
       height: F,
       allowPaging: o,
-      allowSorting: u,
-      allowFiltering: h,
+      allowSorting: h,
+      allowFiltering: u,
       allowGrouping: N,
       allowReordering: y,
       allowResizing: r,
-      showColumnChooser: p,
+      showColumnChooser: g,
       selectionSettings: M,
       pageSettings: Aa,
       sortSettings: Fa,
@@ -6329,10 +6350,10 @@ function ai(t) {
       rowDeselected: Y,
       recordDoubleClick: Ne,
       cssClass: "custom-grid-padding",
-      ...I,
+      ...R,
       children: [
         /* @__PURE__ */ e(vn, { children: Ta() }),
-        /* @__PURE__ */ e(Nn, { services: _ })
+        /* @__PURE__ */ e(Nn, { services: V })
       ]
     }
   );
@@ -6369,14 +6390,14 @@ function oe({
   onSelect: l,
   identity: m = "_id",
   details: o = {},
-  ...u
+  ...h
 }) {
-  const h = He(), N = $s(u, m), y = (v) => {
+  const u = He(), N = $s(h, m), y = (v) => {
     l?.({
       key: N,
       checked: v.target.checked,
       details: o,
-      props: u
+      props: h
     });
   }, r = i === "top-right" ? "top-3 right-3" : "top-3 left-3";
   return /* @__PURE__ */ n(
@@ -6388,7 +6409,7 @@ function oe({
         s && /* @__PURE__ */ e("div", { className: `absolute ${r} z-10`, children: /* @__PURE__ */ e(
           "input",
           {
-            id: h,
+            id: u,
             type: "checkbox",
             className: "h-4 w-4 rounded border-zinc-300 focus:ring-[var(--primaryColor)]",
             onChange: y,
@@ -6416,38 +6437,38 @@ function Ts({
   // content
   title: m = "Activity",
   group: o = "Global",
-  moreGroupsLabel: u = "+ 5 more",
-  author: h = "Judith Black",
+  moreGroupsLabel: h = "+ 5 more",
+  author: u = "Judith Black",
   timeLabel: N = "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.)
   ...v
 }) {
-  const d = de(t), p = me[d];
+  const d = de(t), g = me[d];
   return /* @__PURE__ */ n(
     oe,
     {
-      className: `flex flex-col ${p.card}`,
+      className: `flex flex-col ${g.card}`,
       showCheckbox: a,
       checkboxPosition: s,
       onSelect: i,
       identity: l,
-      details: { type: "activity", title: m, group: o, author: h },
+      details: { type: "activity", title: m, group: o, author: u },
       ...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 ${p.title} ml-3`, children: m }) }),
-        /* @__PURE__ */ n("div", { className: `text-zinc-500 dark:text-zinc-400 ${p.meta}`, 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" }),
-          u ? /* @__PURE__ */ n(te, { children: [
+          h ? /* @__PURE__ */ n(te, { children: [
             ",",
             " ",
             /* @__PURE__ */ e(
               "span",
               {
                 className: "font-medium text-indigo-700",
-                children: u
+                children: h
               }
             )
           ] }) : null,
@@ -6457,8 +6478,8 @@ function Ts({
         /* @__PURE__ */ n("div", { className: "mt-2 flex items-center gap-3", children: [
           /* @__PURE__ */ e(we, { name: "John", size: "medium" }),
           /* @__PURE__ */ n("div", { className: "leading-tight", children: [
-            /* @__PURE__ */ e("div", { className: "text-sm font-medium text-zinc-800 dark:text-zinc-100", children: h }),
-            /* @__PURE__ */ e("div", { className: `text-zinc-500 dark:text-zinc-400 ${p.meta}`, children: N })
+            /* @__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: N })
           ] })
         ] }),
         /* @__PURE__ */ n("p", { className: "mt-2 text-zinc-700 dark:text-zinc-300", children: [
@@ -6475,7 +6496,7 @@ function Ts({
         /* @__PURE__ */ e(
           "div",
           {
-            className: `mt-3 overflow-hidden rounded-lg border border-zinc-200 dark:border-zinc-800 ${p.media}`,
+            className: `mt-3 overflow-hidden rounded-lg border border-zinc-200 dark:border-zinc-800 ${g.media}`,
             children: /* @__PURE__ */ e("img", { src: y, alt: "", className: "h-full w-full object-cover" })
           }
         ),
@@ -6539,9 +6560,9 @@ function Is({
   title: m = "Communities",
   activeTab: o = "joined",
   // "joined" | "suggested"
-  items: u = Es,
+  items: h = Es,
   // spread for identity (_id/instanceId/etc)
-  ...h
+  ...u
 }) {
   const N = de(t), y = me[N], r = Rs[N], 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(
@@ -6552,8 +6573,8 @@ function Is({
       checkboxPosition: s,
       onSelect: i,
       identity: l,
-      details: { type: "communities", title: m, activeTab: o, count: u?.length ?? 0 },
-      ...h,
+      details: { type: "communities", title: m, activeTab: o, count: h?.length ?? 0 },
+      ...u,
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-start justify-between", children: [
           /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${y.title}`, children: m }),
@@ -6582,7 +6603,7 @@ function Is({
             }
           )
         ] }),
-        /* @__PURE__ */ e("div", { className: "grid gap-4 md:gap-5", children: u.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",
@@ -6725,9 +6746,9 @@ function Ms({
   title: m = "News",
   items: o = Os,
   // spread for identity fields: _id / id / instanceId etc.
-  ...u
+  ...h
 }) {
-  const h = de(t), N = me[h], y = Ps[h];
+  const u = de(t), N = me[u], y = Ps[u];
   return /* @__PURE__ */ n(
     oe,
     {
@@ -6737,13 +6758,13 @@ function Ms({
       onSelect: i,
       identity: l,
       details: { type: "news", title: m, count: o?.length ?? 0 },
-      ...u,
+      ...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 ${N.title}`, children: m }),
           /* @__PURE__ */ e("span", { className: "text-sm text-indigo-700 cursor-default select-none", children: "View All" })
         ] }),
-        h === "lg" ? (
+        u === "lg" ? (
           // Large: 3-up grid of image cards
           /* @__PURE__ */ e("div", { className: `mt-4 ${y.grid}`, children: o.slice(0, 3).map((r) => /* @__PURE__ */ n("article", { children: [
             /* @__PURE__ */ e("img", { src: r.thumb, alt: "", className: y.cardImg }),
@@ -6840,8 +6861,8 @@ function _s({
   identity: l = "_id",
   title: m = "Campus Map",
   campusName: o = "Morningside Heights Campus",
-  filters: u = Ls,
-  activeFilter: h = "All",
+  filters: h = Ls,
+  activeFilter: u = "All",
   // NEW: iframe controls
   mapQuery: N = "Florida",
   zoom: y = 12,
@@ -6849,18 +6870,18 @@ function _s({
   // optional full embed URL override
   ...v
 }) {
-  const d = de(t), p = me[d], z = Bs[d], F = r || js(N, y);
+  const d = de(t), g = me[d], D = Bs[d], F = r || js(N, y);
   return /* @__PURE__ */ e(
     oe,
     {
-      className: `flex flex-col ${p.card} ${z.wrap}`,
+      className: `flex flex-col ${g.card} ${D.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
       onSelect: i,
       identity: l,
-      details: { type: "campus-map", title: m, campusName: o, activeFilter: h, mapQuery: N, zoom: y },
+      details: { type: "campus-map", title: m, campusName: o, activeFilter: u, mapQuery: N, zoom: y },
       ...v,
-      children: /* @__PURE__ */ n("div", { className: `relative mt-3 overflow-hidden rounded-2xl border border-zinc-200 dark:border-zinc-800 ${z.mapH}`, children: [
+      children: /* @__PURE__ */ n("div", { className: `relative mt-3 overflow-hidden rounded-2xl border border-zinc-200 dark:border-zinc-800 ${D.mapH}`, children: [
         /* @__PURE__ */ e(
           "iframe",
           {
@@ -6874,7 +6895,7 @@ function _s({
           }
         ),
         /* @__PURE__ */ n("div", { className: "absolute left-4 right-4 top-3 flex items-center justify-between pointer-events-none", children: [
-          /* @__PURE__ */ n("div", { className: `flex items-center rounded-full bg-white dark:bg-zinc-900 shadow border border-zinc-200 dark:border-zinc-700 ${z.campusPill}`, children: [
+          /* @__PURE__ */ n("div", { className: `flex items-center rounded-full bg-white dark:bg-zinc-900 shadow border border-zinc-200 dark:border-zinc-700 ${D.campusPill}`, children: [
             /* @__PURE__ */ e("span", { className: "truncate max-w-[60vw]", children: o }),
             /* @__PURE__ */ e("span", { className: "ml-2 text-zinc-400", children: "▾" })
           ] }),
@@ -6883,8 +6904,8 @@ function _s({
             /* @__PURE__ */ e("div", { className: "h-8 w-8 rounded-full bg-white/90 border border-zinc-300 flex items-center justify-center", children: "›" })
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { className: "absolute left-4 right-4 top-14 md:top-12 pointer-events-none mt-2", children: /* @__PURE__ */ e("div", { className: `flex ${z.chipGap} overflow-x-auto scrollbar-none`, children: u.map((E) => /* @__PURE__ */ e(Vs, { label: E, active: E === h, size: d }, E)) }) }),
-        /* @__PURE__ */ e("div", { className: "absolute left-4 right-4 top-28 md:top-24 pointer-events-none", children: /* @__PURE__ */ n("div", { className: `flex items-center rounded-full bg-white dark:bg-zinc-900 shadow border border-zinc-200 dark:border-zinc-700 px-4 ${z.searchH}`, children: [
+        /* @__PURE__ */ e("div", { className: "absolute left-4 right-4 top-14 md:top-12 pointer-events-none mt-2", children: /* @__PURE__ */ e("div", { className: `flex ${D.chipGap} overflow-x-auto scrollbar-none`, children: h.map((E) => /* @__PURE__ */ e(Vs, { label: E, active: E === u, size: d }, E)) }) }),
+        /* @__PURE__ */ e("div", { className: "absolute left-4 right-4 top-28 md:top-24 pointer-events-none", children: /* @__PURE__ */ n("div", { className: `flex items-center rounded-full bg-white dark:bg-zinc-900 shadow border border-zinc-200 dark:border-zinc-700 px-4 ${D.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" })
         ] }) })
@@ -7052,11 +7073,11 @@ function Ws({
   identity: l = "_id",
   title: m = "Upcoming Events",
   events: o = Us,
-  selectedIndex: u = 0,
-  ...h
+  selectedIndex: h = 0,
+  ...u
 }) {
-  const [N, y] = B(u), r = de(t), v = me[r], d = Gs[r], p = o[N] || o[0], z = (E, R) => {
-    y(R), i?.(E);
+  const [N, y] = B(h), r = de(t), v = me[r], d = Gs[r], g = o[N] || o[0], D = (E, I) => {
+    y(I), i?.(E);
   }, F = r === "lg";
   return /* @__PURE__ */ n(
     oe,
@@ -7067,7 +7088,7 @@ function Ws({
       onSelect: i,
       identity: l,
       details: { type: "events", title: m, count: o?.length ?? 0 },
-      ...h,
+      ...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 ${v.title}`, children: m }),
@@ -7076,29 +7097,29 @@ function Ws({
         F ? (
           // Large: Two-column layout
           /* @__PURE__ */ n("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [
-            /* @__PURE__ */ e("div", { className: "space-y-1", children: o.map((E, R) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e("div", { className: "space-y-1", children: o.map((E, I) => /* @__PURE__ */ e(
               _t,
               {
                 ev: E,
                 sizeMeta: d,
-                isSelected: R === N,
-                onClick: (P) => z(P, R)
+                isSelected: I === N,
+                onClick: (P) => D(P, I)
               },
-              E._id || E.id || R
+              E._id || E.id || I
             )) }),
-            /* @__PURE__ */ e(Ys, { ev: p, sizeMeta: d })
+            /* @__PURE__ */ e(Ys, { ev: g, sizeMeta: d })
           ] })
         ) : (
           // Small/Medium: Simple list only
-          /* @__PURE__ */ e("div", { className: "space-y-1", children: o.map((E, R) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "space-y-1", children: o.map((E, I) => /* @__PURE__ */ e(
             _t,
             {
               ev: E,
               sizeMeta: d,
-              isSelected: R === N,
-              onClick: (P) => z(P, R)
+              isSelected: I === N,
+              onClick: (P) => D(P, I)
             },
-            E._id || E.id || R
+            E._id || E.id || I
           )) })
         ),
         !F && /* @__PURE__ */ e("div", { className: "mt-4 pt-3 border-t border-zinc-200 dark:border-zinc-800", children: /* @__PURE__ */ e("button", { className: "w-full text-center text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 text-sm font-medium transition-colors duration-200", children: "View All" }) })
@@ -7211,10 +7232,10 @@ const Js = [
   }
 };
 function Hs({ email: t, sizeMeta: a, isSelected: s, onClick: i, onStar: l, onPin: m }) {
-  const o = (h) => {
-    h.stopPropagation(), l?.(t);
-  }, u = (h) => {
-    h.stopPropagation(), m?.(t);
+  const o = (u) => {
+    u.stopPropagation(), l?.(t);
+  }, h = (u) => {
+    u.stopPropagation(), m?.(t);
   };
   return /* @__PURE__ */ n(
     "div",
@@ -7234,7 +7255,7 @@ function Hs({ email: t, sizeMeta: a, isSelected: s, onClick: i, onStar: l, onPin
           /* @__PURE__ */ e(
             "button",
             {
-              onClick: u,
+              onClick: h,
               className: "p-1 rounded hover:bg-zinc-200 dark:hover:bg-zinc-700 transition-colors duration-200",
               children: t.pinned ? /* @__PURE__ */ e(Ar, { className: "h-4 w-4 fill-blue-500 text-blue-500" }) : /* @__PURE__ */ e(Fr, { className: "h-4 w-4 text-zinc-400 group-hover:text-blue-500" })
             }
@@ -7267,24 +7288,24 @@ function Qs({
   identity: l = "_id",
   title: m = "0365 Mails",
   emails: o = Js,
-  selectedIndex: u = 0,
-  onStar: h,
+  selectedIndex: h = 0,
+  onStar: u,
   onPin: N,
   ...y
 }) {
-  const [r, v] = B(u), d = de(t), p = me[d], z = Xs[d], F = (P, j) => {
-    v(j), i?.(P);
+  const [r, v] = B(h), d = de(t), g = me[d], D = Xs[d], F = (P, _) => {
+    v(_), i?.(P);
   }, E = (P) => {
-    const j = { ...P, starred: !P.starred };
-    h?.(j);
-  }, R = (P) => {
-    const j = { ...P, pinned: !P.pinned };
-    N?.(j);
+    const _ = { ...P, starred: !P.starred };
+    u?.(_);
+  }, I = (P) => {
+    const _ = { ...P, pinned: !P.pinned };
+    N?.(_);
   };
   return /* @__PURE__ */ n(
     oe,
     {
-      className: `flex flex-col ${p.card} ${z.wrap}`,
+      className: `flex flex-col ${g.card} ${D.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
       onSelect: i,
@@ -7292,19 +7313,19 @@ function Qs({
       details: { type: "emails", title: m, count: o?.length ?? 0 },
       ...y,
       children: [
-        /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${p.title}`, children: m }) }),
+        /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${g.title}`, children: m }) }),
         /* @__PURE__ */ e(ge, { placeholder: "Type to search..." }),
-        /* @__PURE__ */ e("div", { className: "space-y-0", children: o.map((P, j) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "space-y-0", children: o.map((P, _) => /* @__PURE__ */ e(
           Hs,
           {
             email: P,
-            sizeMeta: z,
-            isSelected: j === r,
-            onClick: (U) => F(U, j),
+            sizeMeta: D,
+            isSelected: _ === r,
+            onClick: (U) => F(U, _),
             onStar: E,
-            onPin: R
+            onPin: I
           },
-          P._id || P.id || j
+          P._id || P.id || _
         )) }),
         /* @__PURE__ */ e("div", { className: "mt-4 pt-3 border-t border-zinc-200 dark:border-zinc-800", children: /* @__PURE__ */ e("button", { className: "w-full text-center text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 text-sm font-medium transition-colors duration-200", children: "View All" }) })
       ]
@@ -7521,12 +7542,12 @@ function al({
   identity: l = "_id",
   title: m = "Directory",
   contacts: o = Zs,
-  selectedIndex: u = 0,
-  ...h
+  selectedIndex: h = 0,
+  ...u
 }) {
-  const [N, y] = B(u), r = de(t), v = me[r], d = Ks[r], p = (E, R) => {
-    y(R), i?.(E);
-  }, z = o[N] || o[0], F = d.layout === "split";
+  const [N, y] = B(h), r = de(t), v = me[r], d = Ks[r], g = (E, I) => {
+    y(I), i?.(E);
+  }, D = o[N] || o[0], F = d.layout === "split";
   return /* @__PURE__ */ n(
     oe,
     {
@@ -7536,39 +7557,39 @@ function al({
       onSelect: i,
       identity: l,
       details: { type: "directory", title: m, count: o?.length ?? 0 },
-      ...h,
+      ...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 ${v.title}`, children: m }) }),
         /* @__PURE__ */ e(tl, { sizeMeta: d }),
         F ? /* @__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((E, R) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "space-y-3", children: o.map((E, I) => /* @__PURE__ */ e(
             Ut,
             {
               contact: E,
               sizeMeta: d,
-              isSelected: R === N,
-              onClick: (P) => p(P, R)
+              isSelected: I === N,
+              onClick: (P) => g(P, I)
             },
-            E._id || E.id || R
+            E._id || E.id || I
           )) }),
           /* @__PURE__ */ e(
             el,
             {
-              contact: z,
+              contact: D,
               sizeMeta: d
             }
           )
         ] }) : (
           // Single column layout for small screens
-          /* @__PURE__ */ e("div", { className: "space-y-3", children: o.map((E, R) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "space-y-3", children: o.map((E, I) => /* @__PURE__ */ e(
             Ut,
             {
               contact: E,
               sizeMeta: d,
-              isSelected: R === N,
-              onClick: (P) => p(P, R)
+              isSelected: I === N,
+              onClick: (P) => g(P, I)
             },
-            E._id || E.id || R
+            E._id || E.id || I
           )) })
         ),
         /* @__PURE__ */ e("div", { className: "mt-4 pt-3 border-t border-zinc-200 dark:border-zinc-800", children: /* @__PURE__ */ e("button", { className: "w-full text-center text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 text-sm font-medium transition-colors duration-200", children: "View All" }) })
@@ -7655,8 +7676,8 @@ function sl({
   // content
   title: m = "Account Summary",
   termLabel: o = "Spring 2024",
-  balance: u = 3e3,
-  totalCharges: h = 4440,
+  balance: h = 3e3,
+  totalCharges: u = 4440,
   totalPayments: N = 1568,
   transactions: y = [
     {
@@ -7676,16 +7697,16 @@ function sl({
   ],
   ...r
 }) {
-  const v = de(t), d = me[v], p = nl[v];
+  const v = de(t), d = me[v], g = nl[v];
   return /* @__PURE__ */ n(
     oe,
     {
-      className: `flex flex-col ${d.card} ${p.wrap}`,
+      className: `flex flex-col ${d.card} ${g.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
       onSelect: i,
       identity: l,
-      details: { type: "account-summary", termLabel: o, balance: u, totalCharges: h, totalPayments: N },
+      details: { type: "account-summary", termLabel: o, balance: h, totalCharges: u, totalPayments: N },
       ...r,
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
@@ -7695,14 +7716,14 @@ function sl({
             /* @__PURE__ */ e(Nt, { className: "h-4 w-4 opacity-70" })
           ] })
         ] }),
-        /* @__PURE__ */ n("div", { className: p.topGrid || p.grid, children: [
+        /* @__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: p.balance, children: Te(u) }),
-            !p.showTxns && /* @__PURE__ */ n("div", { className: p.totalsRow, children: [
+            /* @__PURE__ */ e("div", { className: g.balance, children: Te(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" }),
-                /* @__PURE__ */ e("div", { className: "mt-1 font-semibold text-rose-600", children: Te(h) })
+                /* @__PURE__ */ e("div", { className: "mt-1 font-semibold text-rose-600", children: Te(u) })
               ] }),
               /* @__PURE__ */ n("div", { children: [
                 /* @__PURE__ */ e("div", { className: "text-sm text-zinc-600 dark:text-zinc-400", children: "Total Payments" }),
@@ -7710,27 +7731,27 @@ function sl({
               ] })
             ] })
           ] }),
-          p.showTxns && /* @__PURE__ */ n("div", { className: "space-y-4", children: [
-            /* @__PURE__ */ n("div", { className: p.totalsRow, children: [
+          g.showTxns && /* @__PURE__ */ n("div", { className: "space-y-4", children: [
+            /* @__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" }),
-                /* @__PURE__ */ e("div", { className: "mt-1 font-semibold text-rose-600", children: Te(h) })
+                /* @__PURE__ */ e("div", { className: "mt-1 font-semibold text-rose-600", children: Te(u) })
               ] }),
               /* @__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: Te(N) })
               ] })
             ] }),
-            /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: y.slice(0, 2).map((z, F) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: y.slice(0, 2).map((D, F) => /* @__PURE__ */ e(
               rl,
               {
                 side: F === 0 ? "left" : "right",
-                date: z.date,
-                title: z.title,
-                amount: z.amount,
-                kind: z.kind
+                date: D.date,
+                title: D.title,
+                amount: D.amount,
+                kind: D.kind
               },
-              z.id || F
+              D.id || F
             )) })
           ] })
         ] }),
@@ -7738,7 +7759,7 @@ function sl({
           "button",
           {
             type: "button",
-            className: `mt-4 w-full inline-flex items-center justify-center gap-2 rounded-xl border text-sm ${p.buttonPad}
+            className: `mt-4 w-full inline-flex items-center justify-center gap-2 rounded-xl border text-sm ${g.buttonPad}
                     border-orange-400 text-zinc-900 dark:text-zinc-100 bg-white dark:bg-zinc-900`,
             "aria-label": "View Transactions (mock)",
             children: [
@@ -7847,24 +7868,24 @@ function il({
   identity: l = "_id",
   title: m = "Pay Stub and Leave Balance",
   term: o = "Fall 2025",
-  ...u
+  ...h
 }) {
-  const [h, N] = B("vacation"), [y, r] = B(!1), v = de(t), d = me[v], p = ll[v], z = Ye.find((F) => F.id === h) || Ye[0];
+  const [u, N] = B("vacation"), [y, r] = B(!1), v = de(t), d = me[v], g = ll[v], D = Ye.find((F) => F.id === u) || Ye[0];
   return /* @__PURE__ */ n(
     oe,
     {
-      className: `flex flex-col ${d.card} ${p.wrap}`,
+      className: `flex flex-col ${d.card} ${g.wrap}`,
       showCheckbox: a,
       checkboxPosition: s,
       onSelect: i,
       identity: l,
       details: { type: "leave-balance", title: m },
-      ...u,
+      ...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 ${p.title} mb-1`, children: m }),
-            /* @__PURE__ */ n("div", { className: `text-zinc-600 dark:text-zinc-400 ${p.term} flex items-center gap-2`, children: [
+            /* @__PURE__ */ e("h3", { className: `text-zinc-900 dark:text-zinc-100 ${g.title} mb-1`, children: m }),
+            /* @__PURE__ */ n("div", { className: `text-zinc-600 dark:text-zinc-400 ${g.term} flex items-center gap-2`, children: [
               /* @__PURE__ */ e(Wt, { className: "h-4 w-4" }),
               "Term - ",
               o
@@ -7885,28 +7906,28 @@ function il({
             ] })
           ] })
         ] }),
-        p.showTabs && /* @__PURE__ */ e("div", { className: "flex border-b border-zinc-200 dark:border-zinc-800", children: Ye.map((F) => /* @__PURE__ */ e(
+        g.showTabs && /* @__PURE__ */ e("div", { className: "flex border-b border-zinc-200 dark:border-zinc-800", children: Ye.map((F) => /* @__PURE__ */ e(
           "button",
           {
-            className: `flex-1 py-2 px-4 text-center ${p.tab} font-medium border-b-2 transition-colors duration-200 ${h === F.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"}`,
+            className: `flex-1 py-2 px-4 text-center ${g.tab} font-medium border-b-2 transition-colors duration-200 ${u === F.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: () => N(F.id),
             children: F.name.split(" ")[0]
           },
           F.id
         )) }),
-        /* @__PURE__ */ e("div", { className: "space-y-4 mb-6", children: p.showAllLeave ? (
+        /* @__PURE__ */ e("div", { className: "space-y-4 mb-6", children: g.showAllLeave ? (
           // LG: Show all leave types
-          Ye.map((F) => /* @__PURE__ */ e(Gt, { leave: F, sizeMeta: p }, F.id))
-        ) : p.showSingleLeave ? (
+          Ye.map((F) => /* @__PURE__ */ e(Gt, { leave: F, sizeMeta: g }, F.id))
+        ) : g.showSingleLeave ? (
           // MD: Show active tab leave type
-          /* @__PURE__ */ e(Gt, { leave: z, sizeMeta: p })
+          /* @__PURE__ */ e(Gt, { leave: D, sizeMeta: g })
         ) : (
           // SM: Show only available hours
           /* @__PURE__ */ e("div", { className: "bg-white dark:bg-zinc-900 rounded-lg border border-zinc-200 dark:border-zinc-800 p-4", children: /* @__PURE__ */ n("div", { className: "flex items-center gap-3 mb-3", children: [
             /* @__PURE__ */ e(Ae, { className: "h-5 w-5 text-blue-600 dark:text-blue-400" }),
             /* @__PURE__ */ n("div", { children: [
-              /* @__PURE__ */ e("div", { className: `font-medium text-zinc-900 dark:text-zinc-100 ${p.table}`, children: "Available Leave" }),
-              /* @__PURE__ */ e("div", { className: `text-zinc-600 dark:text-zinc-400 ${p.table}`, children: z.available })
+              /* @__PURE__ */ e("div", { className: `font-medium text-zinc-900 dark:text-zinc-100 ${g.table}`, children: "Available Leave" }),
+              /* @__PURE__ */ e("div", { className: `text-zinc-600 dark:text-zinc-400 ${g.table}`, children: D.available })
             ] })
           ] }) })
         ) }),
@@ -8038,9 +8059,9 @@ function ml({
   identity: l = "_id",
   title: m = "Drive",
   subtitle: o = "Drive Shared",
-  ...u
+  ...h
 }) {
-  const [h, N] = B(!1), y = de(t), r = me[y], v = dl[y];
+  const [u, N] = B(!1), y = de(t), r = me[y], v = dl[y];
   return /* @__PURE__ */ n(
     oe,
     {
@@ -8050,7 +8071,7 @@ function ml({
       onSelect: i,
       identity: l,
       details: { type: "drive", title: m },
-      ...u,
+      ...h,
       children: [
         /* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ n("div", { children: [
@@ -8062,11 +8083,11 @@ function ml({
               "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: () => N(!h),
+                onClick: () => N(!u),
                 children: /* @__PURE__ */ e(Zt, { className: "h-4 w-4" })
               }
             ),
-            h && /* @__PURE__ */ n("div", { className: "absolute right-0 top-full mt-1 w-48 bg-white dark:bg-zinc-800 border border-zinc-200 dark:border-zinc-700 rounded-md shadow-lg z-10 py-1", children: [
+            u && /* @__PURE__ */ n("div", { className: "absolute right-0 top-full mt-1 w-48 bg-white dark:bg-zinc-800 border border-zinc-200 dark:border-zinc-700 rounded-md shadow-lg z-10 py-1", children: [
               /* @__PURE__ */ n("button", { className: "w-full px-4 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-zinc-700 text-left flex items-center gap-2", children: [
                 /* @__PURE__ */ e(sa, { className: "h-4 w-4" }),
                 "Download All"
@@ -8232,7 +8253,7 @@ const ul = [
   }
 };
 function gl({ alert: t, sizeMeta: a, onDismiss: s, onMarkRead: i }) {
-  const [l, m] = B(!1), o = $a(t.type), u = pl(t.type);
+  const [l, m] = B(!1), o = $a(t.type), h = pl(t.type);
   return l ? null : /* @__PURE__ */ n("div", { className: `relative rounded-lg border-l-4 p-4 transition-all duration-200 ${o.bg} ${o.border} ${t.read ? "border-l-2 opacity-80" : "border-l-4"}`, style: { borderLeftColor: o.accent }, children: [
     /* @__PURE__ */ e(
       "button",
@@ -8242,7 +8263,7 @@ function gl({ 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(u, { 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: Yt(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: Yt(t.message, a.maxMessageWords) }),
@@ -8283,12 +8304,12 @@ function fl({
   identity: l = "_id",
   title: m = "Alerts",
   alerts: o = ul,
-  showBanner: u = !0,
-  ...h
+  showBanner: h = !0,
+  ...u
 }) {
-  const [N, y] = B(o), r = de(t), v = me[r], d = hl[r], p = (E) => {
-    y((R) => R.filter((P) => P.id !== E.id));
-  }, z = N.find((E) => E.type === "banner"), F = N.filter((E) => E.type !== "banner");
+  const [N, y] = B(o), r = de(t), v = me[r], d = hl[r], g = (E) => {
+    y((I) => I.filter((P) => P.id !== E.id));
+  }, D = N.find((E) => E.type === "banner"), F = N.filter((E) => E.type !== "banner");
   return /* @__PURE__ */ n(
     oe,
     {
@@ -8298,14 +8319,14 @@ function fl({
       onSelect: i,
       identity: l,
       details: { type: "alerts", title: m, count: N.length },
-      ...h,
+      ...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 ${v.title}`, children: m }) }),
-        u && z && t !== "sm" && /* @__PURE__ */ e(
+        h && D && t !== "sm" && /* @__PURE__ */ e(
           bl,
           {
-            alert: z,
-            onDismiss: p
+            alert: D,
+            onDismiss: g
           }
         ),
         /* @__PURE__ */ e("div", { className: "space-y-0.5", children: F.slice(0, 3).map((E) => /* @__PURE__ */ e(
@@ -8313,7 +8334,7 @@ function fl({
           {
             alert: E,
             sizeMeta: d,
-            onDismiss: p
+            onDismiss: g
           },
           E.id
         )) }),
@@ -8460,9 +8481,9 @@ function Nl({
   identity: l = "_id",
   title: m = "Videos",
   videos: o = yl,
-  ...u
+  ...h
 }) {
-  const [h, N] = B(!1), y = de(t), r = me[y], v = xl[y];
+  const [u, N] = B(!1), y = de(t), r = me[y], v = xl[y];
   return /* @__PURE__ */ n(
     oe,
     {
@@ -8472,7 +8493,7 @@ function Nl({
       onSelect: i,
       identity: l,
       details: { type: "videos", title: m, count: o.length },
-      ...u,
+      ...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 }),
@@ -8481,14 +8502,14 @@ function Nl({
               "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: () => N(!h),
+                onClick: () => N(!u),
                 children: [
                   "Filter",
                   /* @__PURE__ */ e(xe, { className: "h-4 w-4 transform rotate-90" })
                 ]
               }
             ),
-            h && /* @__PURE__ */ n("div", { className: "absolute right-0 top-full mt-1 w-48 bg-white dark:bg-zinc-800 border border-zinc-200 dark:border-zinc-700 rounded-md shadow-lg z-10 py-1", children: [
+            u && /* @__PURE__ */ n("div", { className: "absolute right-0 top-full mt-1 w-48 bg-white dark:bg-zinc-800 border border-zinc-200 dark:border-zinc-700 rounded-md shadow-lg z-10 py-1", children: [
               /* @__PURE__ */ e("button", { className: "w-full px-4 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-zinc-700 text-left", children: "All Videos" }),
               /* @__PURE__ */ e("button", { className: "w-full px-4 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-zinc-700 text-left", children: "Campus Life" }),
               /* @__PURE__ */ e("button", { className: "w-full px-4 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-zinc-700 text-left", children: "Academic" }),