unifyedx-storybook-new 0.1.91 → 0.1.95

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

@@ -1,9 +1,9 @@
 import { jsxs as l, jsx as e, Fragment as ee } from "react/jsx-runtime";
 import re, { useState as L, useMemo as ne, useId as Qe, Fragment as J, useEffect as Q, useCallback as K, useRef as ue } from "react";
-import { a as W, U as lt, X as ge, P as _, L as ot, C as Le, b as Me, f as Be, d as pa, D as ga, F as ct, e as it, h as dt, T as Pe, u as ut, i as mt, I as ht, j as pt, k as gt, l as yt, m as ft, n as bt, S as ya, o as fa, M as vt, p as Nt, q as ba, r as xt, A as kt, s as wt, E as Ct, t as St, v as Dt, w as $t, x as Ft, y as va, z as Tt, B as Na, G as xa, H as At, J as Et, K as Rt, N as Oe, O as Xe, Q as Ze, R as It, V as zt, W as ka, Y as Bt, Z as ea, _ as Pt, $ as Ot, a0 as wa, a1 as Lt, a2 as Mt, a3 as Vt, a4 as Ut, a5 as qt, a6 as jt, a7 as Gt, a8 as _t, a9 as Yt, aa as Wt, ab as Jt, ac as Qt, ad as Xt, ae as Zt, af as Ht } from "./vendor-C8vzJvk7.js";
-import { Popover as Kt, PopoverButton as er, PopoverPanel as ar, Transition as oe, Dialog as me, TransitionChild as pe, DialogPanel as ke, DialogTitle as Ve, TabGroup as tr, TabList as rr, Tab as ae, TabPanels as nr, RadioGroup as Te, Listbox as X, ListboxButton as sr, ListboxOptions as lr, ListboxOption as or, SwitchGroup as cr, Switch as Ye, Menu as ir, MenuButton as dr, Portal as ur, MenuItems as mr, MenuItem as hr, DialogBackdrop as pr } from "@headlessui/react";
+import { a as W, U as lt, X as ge, P as _, L as ot, C as Le, b as Me, f as Be, d as pa, D as ga, F as it, e as ct, h as dt, T as Pe, u as ut, i as mt, I as ht, j as pt, k as gt, l as yt, m as ft, n as bt, S as ya, o as fa, M as vt, p as Nt, q as ba, r as xt, A as kt, s as wt, E as Ct, t as St, v as Dt, w as $t, x as Ft, y as va, z as Tt, B as Na, G as xa, H as At, J as Et, K as Rt, N as Oe, O as Xe, Q as Ze, R as It, V as zt, W as ka, Y as Bt, Z as ea, _ as Pt, $ as Ot, a0 as wa, a1 as Lt, a2 as Mt, a3 as Vt, a4 as Ut, a5 as qt, a6 as jt, a7 as Gt, a8 as _t, a9 as Yt, aa as Wt, ab as Jt, ac as Qt, ad as Xt, ae as Zt, af as Ht } from "./vendor-YVj7HSWs.js";
+import { Popover as Kt, PopoverButton as er, PopoverPanel as ar, Transition as oe, Dialog as me, TransitionChild as pe, DialogPanel as ke, DialogTitle as Ve, TabGroup as tr, TabList as rr, Tab as ae, TabPanels as nr, RadioGroup as Te, Listbox as X, ListboxButton as sr, ListboxOptions as lr, ListboxOption as or, SwitchGroup as ir, Switch as Ye, Menu as cr, MenuButton as dr, Portal as ur, MenuItems as mr, MenuItem as hr, DialogBackdrop as pr } from "@headlessui/react";
 import { motion as te, AnimatePresence as fe } from "framer-motion";
-import { d as gr } from "./vendor-lodash-CvM7_34d.js";
+import { d as gr } from "./vendor-lodash-DkNZMlHW.js";
 import { useFloating as Ca, offset as Sa, flip as Da, shift as $a, autoUpdate as Fa, useClick as yr, useDismiss as fr, useInteractions as br, FloatingPortal as vr } from "@floating-ui/react";
 import We, { debounce as Nr } from "lodash";
 import { toast as le, ToastContainer as xr, Slide as kr } from "react-toastify";
@@ -15,7 +15,7 @@ const Or = (t) => {
     r ^= t.charCodeAt(s), r += (r << 1) + (r << 4) + (r << 7) + (r << 8) + (r << 24);
   return r >>> 0;
 }, Lr = (t) => {
-  const r = (t ?? "").trim().toLowerCase(), s = parseInt((r.match(/\d+$/) ?? [0])[0], 10) || 0, o = Or(r), n = (o % 360 + 37 * s) % 360, u = 55 + (o >>> 8) % 20, c = 30 + (o >>> 16) % 10, i = 86 + (o >>> 24) % 8, y = `hsl(${n}, ${u}%, ${i}%)`, b = `hsl(${n}, ${u}%, ${c}%)`;
+  const r = (t ?? "").trim().toLowerCase(), s = parseInt((r.match(/\d+$/) ?? [0])[0], 10) || 0, o = Or(r), n = (o % 360 + 37 * s) % 360, u = 55 + (o >>> 8) % 20, i = 30 + (o >>> 16) % 10, c = 86 + (o >>> 24) % 8, y = `hsl(${n}, ${u}%, ${c}%)`, b = `hsl(${n}, ${u}%, ${i}%)`;
   return { bg: y, text: b };
 }, Mr = (t = "") => t.split(" ").map((r) => r[0]).slice(0, 2).join("").toUpperCase(), Ta = ({
   src: t,
@@ -27,9 +27,9 @@ const Or = (t) => {
   textColor: n,
   // ✅ New prop for text/icon color
   className: u,
-  ...c
+  ...i
 }) => {
-  const [i, y] = L(!1), b = ne(() => Lr(r), []), N = t && !i, a = !N && r, w = !N && !r, m = W(
+  const [c, y] = L(!1), b = ne(() => Lr(r), []), N = t && !c, a = !N && r, w = !N && !r, m = W(
     "avatar-container",
     `avatar--size-${s}`,
     u
@@ -37,7 +37,7 @@ const Or = (t) => {
   return /* @__PURE__ */ l("div", { className: m, style: {
     backgroundColor: g,
     color: $
-  }, ...c, children: [
+  }, ...i, children: [
     N && /* @__PURE__ */ e(
       "img",
       {
@@ -51,12 +51,12 @@ const Or = (t) => {
     w && /* @__PURE__ */ e("span", { className: "avatar-icon", children: /* @__PURE__ */ e(lt, {}) })
   ] });
 }, Wn = ({ children: t, max: r = 4, truncatedMessage: s = "Members", ...o }) => {
-  const n = re.Children.toArray(t), u = n.slice(0, r), c = n.length - r;
+  const n = re.Children.toArray(t), u = n.slice(0, r), i = n.length - r;
   return /* @__PURE__ */ l("div", { className: "avatar-group-container", ...o, children: [
     u,
-    c > 0 && /* @__PURE__ */ l("div", { className: "avatar-container avatar--size-medium avatar-excess", children: [
+    i > 0 && /* @__PURE__ */ l("div", { className: "avatar-container avatar--size-medium avatar-excess", children: [
       "+",
-      c,
+      i,
       " ",
       s
     ] })
@@ -70,8 +70,8 @@ const Or = (t) => {
   icon: o,
   onRemove: n,
   bgColor: u,
-  textColor: c,
-  className: i,
+  textColor: i,
+  className: c,
   ...y
 }) => {
   const b = W(
@@ -79,11 +79,11 @@ const Or = (t) => {
     `badge--variant-${r}`,
     `badge--size-${s}`,
     { "badge--with-remove": !!n },
-    i
+    c
   );
-  return /* @__PURE__ */ l("span", { className: b, style: u && c ? {
+  return /* @__PURE__ */ l("span", { className: b, style: u && i ? {
     backgroundColor: u,
-    color: c,
+    color: i,
     borderColor: "#ff0000"
   } : {}, ...y, children: [
     o && /* @__PURE__ */ e(o, { className: "badge-icon" }),
@@ -145,8 +145,8 @@ const Ur = {
   className: n = "",
   // ✅ Default is now empty
   loader: u = !1,
-  category: c = "primary",
-  icon: i,
+  category: i = "primary",
+  icon: c,
   // Renamed for clarity, expecting a component type e.g., CheckCircle
   disabled: y = !1,
   size: b = "medium",
@@ -156,10 +156,10 @@ const Ur = {
   onClick: w,
   ...m
 }) => {
-  const g = y || u, $ = i && !N, O = W(
+  const g = y || u, $ = c && !N, O = W(
     "btn-base",
     Ur[b],
-    qr[c],
+    qr[i],
     {
       "is-loading": u,
       "btn-icon-only": $
@@ -178,7 +178,7 @@ const Ur = {
       "aria-label": o || $ && r || (typeof N == "string" ? N : void 0),
       ...m,
       children: u ? /* @__PURE__ */ e(ot, { className: "loader-spin", "data-testid": "button-loader" }) : /* @__PURE__ */ l(ee, { children: [
-        i && /* @__PURE__ */ e(i, { size: b === "large" ? 20 : 16 }),
+        c && /* @__PURE__ */ e(c, { size: b === "large" ? 20 : 16 }),
         N,
         a,
         " "
@@ -215,8 +215,8 @@ const Ur = {
   className: o,
   ref: n,
   checked: u,
-  onChange: c,
-  ...i
+  onChange: i,
+  ...c
 }) => {
   const y = Qe(), b = r || y;
   return /* @__PURE__ */ l("div", { className: `checkbox-container ${o || ""}`, children: [
@@ -229,8 +229,8 @@ const Ur = {
           ref: n,
           className: "checkbox-input",
           checked: u,
-          onChange: c,
-          ...i
+          onChange: i,
+          ...c
         }
       ),
       /* @__PURE__ */ e(
@@ -255,14 +255,14 @@ const Ur = {
   placeholder: o = "Select a date",
   label: n,
   error: u,
-  disabled: c = !1,
-  className: i,
+  disabled: i = !1,
+  className: c,
   ...y
 }) => {
   const b = (N) => {
     N.stopPropagation(), N.preventDefault(), s?.();
   };
-  return /* @__PURE__ */ l("div", { className: W("datepicker-wrapper", i), children: [
+  return /* @__PURE__ */ l("div", { className: W("datepicker-wrapper", c), children: [
     n && /* @__PURE__ */ e("label", { className: "datepicker-label", htmlFor: "datepicker-input", children: n }),
     /* @__PURE__ */ l(Ea, { children: [
       /* @__PURE__ */ e(Ra, { asChild: !0, children: /* @__PURE__ */ l("div", { className: "datepicker-input-container", children: [
@@ -273,9 +273,9 @@ const Ur = {
             type: "button",
             className: W("datepicker-trigger", {
               "datepicker-trigger--error": !!u,
-              "datepicker-trigger--disabled": c
+              "datepicker-trigger--disabled": i
             }),
-            disabled: c,
+            disabled: i,
             "aria-label": t ? `Selected date is ${Be(t, "PPP")}` : o,
             children: [
               /* @__PURE__ */ e(pa, { className: "datepicker-icon" }),
@@ -283,7 +283,7 @@ const Ur = {
             ]
           }
         ),
-        t && s && !c && /* @__PURE__ */ e(
+        t && s && !i && /* @__PURE__ */ e(
           "button",
           {
             type: "button",
@@ -301,7 +301,7 @@ const Ur = {
           selected: t,
           onSelect: r,
           initialFocus: !0,
-          disabled: c,
+          disabled: i,
           ...y
         }
       ) })
@@ -315,8 +315,8 @@ const Ur = {
   placeholder: o = "Select a date range",
   label: n,
   error: u,
-  disabled: c = !1,
-  className: i,
+  disabled: i = !1,
+  className: c,
   ...y
 }) => {
   const b = t?.from, N = t?.to, a = (m) => {
@@ -326,7 +326,7 @@ const Ur = {
     " - ",
     Be(N, "MMM d, y")
   ] }) : /* @__PURE__ */ e("span", { className: "datepicker-placeholder", children: o });
-  return /* @__PURE__ */ l("div", { className: W("datepicker-wrapper", i), children: [
+  return /* @__PURE__ */ l("div", { className: W("datepicker-wrapper", c), children: [
     n && /* @__PURE__ */ e("label", { className: "datepicker-label", htmlFor: "daterangepicker-input", children: n }),
     /* @__PURE__ */ l(Ea, { children: [
       /* @__PURE__ */ e(Ra, { asChild: !0, children: /* @__PURE__ */ l("div", { className: "datepicker-input-container", children: [
@@ -337,9 +337,9 @@ const Ur = {
             type: "button",
             className: W("datepicker-trigger", {
               "datepicker-trigger--error": !!u,
-              "datepicker-trigger--disabled": c
+              "datepicker-trigger--disabled": i
             }),
-            disabled: c,
+            disabled: i,
             "aria-label": b && N ? `Selected range is ${w}` : o,
             children: [
               /* @__PURE__ */ e(pa, { className: "datepicker-icon" }),
@@ -347,7 +347,7 @@ const Ur = {
             ]
           }
         ),
-        b && s && !c && /* @__PURE__ */ e(
+        b && s && !i && /* @__PURE__ */ e(
           "button",
           {
             type: "button",
@@ -366,7 +366,7 @@ const Ur = {
           onSelect: r,
           numberOfMonths: 2,
           initialFocus: !0,
-          disabled: c,
+          disabled: i,
           ...y
         }
       ) })
@@ -591,7 +591,7 @@ const Ur = {
 }, sa = ({ extension: t, size: r = 36 }) => {
   const s = (t || "").toLowerCase(), o = _r[s];
   return o ? /* @__PURE__ */ e("div", { style: { width: r }, className: "flex-shrink-0", children: /* @__PURE__ */ e(
-    ct,
+    it,
     {
       extension: s,
       ...o,
@@ -607,7 +607,7 @@ const Ur = {
     {
       style: { width: r, height: r },
       className: "flex items-center justify-center bg-gray-100 rounded-sm border border-gray-300",
-      children: /* @__PURE__ */ e(it, { className: "text-gray-400", size: r * 0.75 })
+      children: /* @__PURE__ */ e(ct, { className: "text-gray-400", size: r * 0.75 })
     }
   );
 }, la = (t, r = 2) => {
@@ -624,8 +624,8 @@ const Ur = {
   isDragActive: n,
   open: u,
   // --- Form and File State ---
-  validFiles: c = [],
-  rejectedFiles: i = [],
+  validFiles: i = [],
+  rejectedFiles: c = [],
   handleRemoveValidFile: y,
   handleRemoveRejectedFile: b,
   handleSubmit: N,
@@ -635,7 +635,7 @@ const Ur = {
   title: m = "Upload Files",
   subHeading: g = "Supports PNG, JPG, PDF. Max size: 50MB."
 }) => {
-  const $ = c.length > 0 || i.length > 0;
+  const $ = i.length > 0 || c.length > 0;
   return /* @__PURE__ */ e(oe, { appear: !0, show: t, as: J, children: /* @__PURE__ */ l(
     me,
     {
@@ -714,7 +714,7 @@ const Ur = {
                       $ && /* @__PURE__ */ l("div", { className: "file-list-container", children: [
                         /* @__PURE__ */ e("h3", { children: "Upload Queue" }),
                         /* @__PURE__ */ l("ul", { className: "file-list", children: [
-                          c.map((O, R) => /* @__PURE__ */ l(
+                          i.map((O, R) => /* @__PURE__ */ l(
                             "li",
                             {
                               className: "file-item",
@@ -744,7 +744,7 @@ const Ur = {
                             },
                             `${O.name}-${R}`
                           )),
-                          i.map(({ file: O, message: R }, S) => /* @__PURE__ */ l(
+                          c.map(({ file: O, message: R }, S) => /* @__PURE__ */ l(
                             "li",
                             {
                               className: "file-item file-item--rejected",
@@ -794,7 +794,7 @@ const Ur = {
                           type: "submit",
                           label: a ? "Uploading..." : "Upload Files",
                           loader: a,
-                          disabled: c.length === 0 || a
+                          disabled: i.length === 0 || a
                         }
                       )
                     ] })
@@ -814,10 +814,10 @@ const Ur = {
   resetFilters: o,
   filterConfig: n = [],
   initialFormikValues: u,
-  fetchCreatedOrUpdatedByUsers: c = async () => []
+  fetchCreatedOrUpdatedByUsers: i = async () => []
   // Mockable fetcher
 }) => {
-  const [i, y] = L({
+  const [c, y] = L({
     createdBy: [],
     updatedBy: []
   }), [b, N] = L({
@@ -857,7 +857,7 @@ const Ur = {
   }, {}), [n, a.values]), m = Object.values(w).filter(Boolean).length, g = async (S, B) => {
     try {
       N((E) => ({ ...E, [S]: !0 }));
-      const P = await c(S, B);
+      const P = await i(S, B);
       y((E) => ({ ...E, [S]: P }));
     } catch (P) {
       console.error(`Error fetching ${S} users:`, P);
@@ -866,7 +866,7 @@ const Ur = {
     }
   }, $ = (S) => {
     const B = n[S].key, P = n[S].url;
-    n[S].type === "multiselect-users" && i[B].length === 0 && !b[B] && g(B, P);
+    n[S].type === "multiselect-users" && c[B].length === 0 && !b[B] && g(B, P);
   }, O = () => {
     a.resetForm(), y({ createdBy: [], updatedBy: [] }), o();
   }, R = (S) => {
@@ -938,7 +938,7 @@ const Ur = {
           ] })
         ] });
       case "multiselect-users":
-        const V = i[S] || [], U = b[S];
+        const V = c[S] || [], U = b[S];
         return /* @__PURE__ */ l("div", { className: "filter-panel-content", children: [
           /* @__PURE__ */ l("div", { className: "filter-operator-group", children: [
             /* @__PURE__ */ e("label", { className: "filter-label", children: "Operator:" }),
@@ -979,7 +979,7 @@ const Ur = {
                 }
               )
             ] }),
-            V.map((d) => /* @__PURE__ */ l("div", { className: "filter-checkbox-item", children: [
+            V.map((d) => /* @__PURE__ */ l("div", { className: "filter-checkbox-item createdby", children: [
               /* @__PURE__ */ e(
                 "input",
                 {
@@ -1117,14 +1117,17 @@ const Ur = {
                 },
                 children: [
                   /* @__PURE__ */ e(rr, { className: "filter-tabs-list", children: n.map((S) => /* @__PURE__ */ l(ae, { className: "filter-tab-item", children: [
-                    S.label,
-                    w[S.key] && /* @__PURE__ */ e(
-                      "span",
-                      {
-                        className: "filter-active-indicator",
-                        title: "Filter active"
-                      }
-                    )
+                    /* @__PURE__ */ e("div", { className: "filter-selection-horizontal-indicator" }),
+                    /* @__PURE__ */ l("div", { className: "filter-lbl-indicator-wrapper", children: [
+                      S.label,
+                      w[S.key] && /* @__PURE__ */ e(
+                        "span",
+                        {
+                          className: "filter-active-indicator",
+                          title: "Filter active"
+                        }
+                      )
+                    ] })
                   ] }, S.key)) }),
                   /* @__PURE__ */ e(nr, { className: "filter-tabs-panels", children: n.map((S) => /* @__PURE__ */ e(
                     ae.Panel,
@@ -1183,11 +1186,11 @@ const Ur = {
   icon: o,
   error: n,
   className: u,
-  ref: c,
+  ref: i,
   // ✅ 'ref' is now received directly as a prop
-  ...i
+  ...c
 }) => {
-  const y = r || i.name;
+  const y = r || c.name;
   return /* @__PURE__ */ l("div", { className: `input-wrapper ${u || ""}`, children: [
     t && /* @__PURE__ */ e("label", { htmlFor: y, className: "input-label", children: t }),
     /* @__PURE__ */ l("div", { className: "input-field-container", children: [
@@ -1197,12 +1200,12 @@ const Ur = {
         {
           id: y,
           type: s,
-          ref: c,
+          ref: i,
           className: W("input-field", {
             "input-field--error": !!n,
             "input-field--with-icon": !!o
           }),
-          ...i
+          ...c
         }
       )
     ] }),
@@ -1234,12 +1237,12 @@ const Ur = {
   // For the description/body content
   primaryButtonText: n = "Confirm",
   secondaryButtonText: u = "Cancel",
-  variant: c = "info",
+  variant: i = "info",
   // 'info', 'warning', 'delete'
-  loading: i = !1,
+  loading: c = !1,
   buttonProps: y = {}
 }) => {
-  const b = oa[c] || oa.info, N = b.icon, a = () => {
+  const b = oa[i] || oa.info, N = b.icon, a = () => {
     r({ primary: !0, secondary: !1 });
   }, w = () => {
     r({ primary: !1, secondary: !0 });
@@ -1306,14 +1309,14 @@ const Ur = {
   onItemsPerPageChange: n,
   itemsPerPageOptions: u = [10, 15, 20]
 }) => {
-  const c = Math.ceil(r / s), [i, y] = L(t);
+  const i = Math.ceil(r / s), [c, y] = L(t);
   Q(() => {
     y(t);
   }, [t]);
   const b = Math.min((t - 1) * s + 1, r), N = Math.min(t * s, r), a = (w) => {
     w.preventDefault();
-    let m = parseInt(i, 10);
-    isNaN(m) || m < 1 ? m = 1 : m > c && (m = c), y(m), m !== t && o(m);
+    let m = parseInt(c, 10);
+    isNaN(m) || m < 1 ? m = 1 : m > i && (m = i), y(m), m !== t && o(m);
   };
   return /* @__PURE__ */ l("div", { className: "pagination-container", children: [
     /* @__PURE__ */ l("div", { className: "pagination-left", children: [
@@ -1363,7 +1366,7 @@ const Ur = {
           {
             type: "number",
             className: "page-input",
-            value: i,
+            value: c,
             onChange: (w) => y(w.target.value),
             onBlur: a,
             "aria-label": `Current page, Page ${t}`
@@ -1371,7 +1374,7 @@ const Ur = {
         ),
         /* @__PURE__ */ l("span", { className: "page-input-total", children: [
           "of ",
-          c
+          i
         ] })
       ] }),
       /* @__PURE__ */ e(
@@ -1379,7 +1382,7 @@ const Ur = {
         {
           className: "pagination-button",
           onClick: () => o(t + 1),
-          disabled: t === c,
+          disabled: t === i,
           children: /* @__PURE__ */ e(Le, { size: 16 })
         }
       ),
@@ -1387,8 +1390,8 @@ const Ur = {
         "button",
         {
           className: "pagination-button",
-          onClick: () => o(c),
-          disabled: t === c,
+          onClick: () => o(i),
+          disabled: t === i,
           children: /* @__PURE__ */ e(ft, { size: 16 })
         }
       )
@@ -1411,31 +1414,31 @@ const Ur = {
       onChange: s,
       className: "radiogroup-container",
       ...u,
-      children: o.map((c) => /* @__PURE__ */ e(
+      children: o.map((i) => /* @__PURE__ */ e(
         Te.Option,
         {
-          value: c.value,
-          className: ({ active: i, checked: y }) => W("radiogroup-option", {
-            "radiogroup-option--active": i,
+          value: i.value,
+          className: ({ active: c, checked: y }) => W("radiogroup-option", {
+            "radiogroup-option--active": c,
             "radiogroup-option--checked": y,
             "radiogroup-option--error": !!n
           }),
-          children: ({ checked: i }) => /* @__PURE__ */ l(ee, { children: [
+          children: ({ checked: c }) => /* @__PURE__ */ l(ee, { children: [
             /* @__PURE__ */ l("div", { className: "radiogroup-option-content", children: [
-              /* @__PURE__ */ e(Te.Label, { as: "p", className: "option-label", children: c.label }),
-              c.description && /* @__PURE__ */ e(
+              /* @__PURE__ */ e(Te.Label, { as: "p", className: "option-label", children: i.label }),
+              i.description && /* @__PURE__ */ e(
                 Te.Description,
                 {
                   as: "span",
                   className: "option-description",
-                  children: c.description
+                  children: i.description
                 }
               )
             ] }),
-            i && /* @__PURE__ */ e("div", { className: "option-checkmark", children: /* @__PURE__ */ e(bt, { size: 20 }) })
+            c && /* @__PURE__ */ e("div", { className: "option-checkmark", children: /* @__PURE__ */ e(bt, { size: 20 }) })
           ] })
         },
-        c.value
+        i.value
       ))
     }
   ),
@@ -1448,9 +1451,9 @@ const Ur = {
   label: n = "Search",
   // Added a default label for accessibility
   customClass: u = "",
-  ...c
+  ...i
 }) => {
-  const [i, y] = L(t);
+  const [c, y] = L(t);
   Q(() => {
     y(t);
   }, [t]);
@@ -1460,9 +1463,9 @@ const Ur = {
     }, s),
     [s, r]
   );
-  Q(() => (i !== t && b(i), () => {
+  Q(() => (c !== t && b(c), () => {
     b.cancel();
-  }), [i, b, t]);
+  }), [c, b, t]);
   const N = (a) => {
     y(a.target.value);
   };
@@ -1477,9 +1480,9 @@ const Ur = {
         placeholder: o,
         type: "search",
         name: "search",
-        value: i,
+        value: c,
         onChange: N,
-        ...c
+        ...i
       }
     )
   ] });
@@ -1492,22 +1495,22 @@ const Ur = {
   options: o = [],
   placeholder: n = "Select an option...",
   disabled: u = !1,
-  error: c,
-  ref: i,
+  error: i,
+  ref: c,
   // From RHF's <Controller>
   showSearch: y = !0
 }) => {
   const [b, N] = L(""), a = b === "" ? o : o.filter(
     (m) => m.label.toLowerCase().includes(b.toLowerCase())
   ), w = o.find((m) => r?.id ? m.id === r.id : m.id === r || m.value === r);
-  return /* @__PURE__ */ e(X, { value: r, onChange: s, disabled: u, children: /* @__PURE__ */ l("div", { className: "select-wrapper", ref: i, children: [
+  return /* @__PURE__ */ e(X, { value: r, onChange: s, disabled: u, children: /* @__PURE__ */ l("div", { className: "select-wrapper", ref: c, children: [
     t && /* @__PURE__ */ e("label", { className: "select-label", children: t }),
     /* @__PURE__ */ l("div", { className: "select-button-container", children: [
       /* @__PURE__ */ l(
         sr,
         {
           className: W("select-button", {
-            "select-button--error": !!c
+            "select-button--error": !!i
           }),
           children: [
             /* @__PURE__ */ e("span", { className: "select-value-display", children: w ? w.label : /* @__PURE__ */ e("span", { className: "placeholder", children: n }) }),
@@ -1561,7 +1564,7 @@ const Ur = {
         }
       )
     ] }),
-    c && /* @__PURE__ */ e("p", { className: "select-error-message", children: c })
+    i && /* @__PURE__ */ e("p", { className: "select-error-message", children: i })
   ] }) });
 }, Wr = () => {
   const [t, r] = L(window.location.pathname);
@@ -1579,12 +1582,12 @@ const Ur = {
       return s;
   return null;
 }, Pa = ({ item: t, isCollapsed: r, level: s = 0 }) => {
-  const { pathname: o } = Wr(), n = t.href || t.url || t.path, [u, c] = L(!1), i = t.icon;
+  const { pathname: o } = Wr(), n = t.href || t.url || t.path, [u, i] = L(!1), c = t.icon;
   Q(() => {
-    Ke([t], o) && c(!0);
+    Ke([t], o) && i(!0);
   }, [t, o]);
   const y = o === n, b = !y && !!Ke([t], o), N = (a) => {
-    a.preventDefault(), c(!u);
+    a.preventDefault(), i(!u);
   };
   return /* @__PURE__ */ l(
     "div",
@@ -1606,7 +1609,7 @@ const Ur = {
             }),
             "aria-current": y ? "page" : void 0,
             children: [
-              i && /* @__PURE__ */ e(i, { className: "nav-icon", "aria-hidden": "true" }),
+              c && /* @__PURE__ */ e(c, { className: "nav-icon", "aria-hidden": "true" }),
               /* @__PURE__ */ e("span", { className: "nav-label", children: t.label || t.name }),
               t.children && /* @__PURE__ */ e(
                 "button",
@@ -1657,8 +1660,8 @@ const Ur = {
   isMobileOpen: o = !1,
   onToggleMobile: n,
   logoSmall: u,
-  logoLarge: c,
-  user: i = { name: "", email: "" }
+  logoLarge: i,
+  user: c = { name: "", email: "" }
 }) => /* @__PURE__ */ l(ee, { children: [
   o && /* @__PURE__ */ e(
     "div",
@@ -1678,7 +1681,7 @@ const Ur = {
       "aria-label": "Main navigation",
       children: [
         /* @__PURE__ */ l("div", { className: "sidebar-header", children: [
-          /* @__PURE__ */ e("div", { className: "sidebar-logo", children: r ? u : c }),
+          /* @__PURE__ */ e("div", { className: "sidebar-logo", children: r ? u : i }),
           !r && /* @__PURE__ */ l("div", { className: "sidebar-search-container", children: [
             /* @__PURE__ */ e(ya, { className: "sidebar-search-icon" }),
             /* @__PURE__ */ e(
@@ -1703,10 +1706,10 @@ const Ur = {
         ] }),
         /* @__PURE__ */ e("nav", { className: "sidebar-nav", "aria-label": "Primary", children: /* @__PURE__ */ e("ul", { className: "sidebar-nav-list", children: t.map((y) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(Pa, { item: y, isCollapsed: r }) }, y.label || y.name)) }) }),
         /* @__PURE__ */ l("div", { className: "sidebar-footer", children: [
-          /* @__PURE__ */ e(Ta, { src: i.avatar, name: i.name, size: "medium" }),
+          /* @__PURE__ */ e(Ta, { src: c.avatar, name: c.name, size: "medium" }),
           /* @__PURE__ */ l("div", { className: "user-info", children: [
-            /* @__PURE__ */ e("span", { className: "user-name", children: i.name }),
-            /* @__PURE__ */ e("span", { className: "user-email", children: i.email })
+            /* @__PURE__ */ e("span", { className: "user-name", children: c.name }),
+            /* @__PURE__ */ e("span", { className: "user-email", children: c.email })
           ] }),
           /* @__PURE__ */ e(
             "button",
@@ -1765,19 +1768,19 @@ const Ur = {
   ref: n,
   maxLength: u,
   // ✅ New prop for max length
-  showCharCount: c = !1,
+  showCharCount: i = !1,
   // ✅ New prop to control visibility
-  ...i
+  ...c
 }) => {
-  const y = r || i.name, [b, N] = L(
-    i.value?.length || i.defaultValue?.length || 0
+  const y = r || c.name, [b, N] = L(
+    c.value?.length || c.defaultValue?.length || 0
   ), a = (m) => {
-    N(m.target.value.length), i.onChange && i.onChange(m);
+    N(m.target.value.length), c.onChange && c.onChange(m);
   }, w = u - b;
   return /* @__PURE__ */ l("div", { className: `textarea-wrapper ${o || ""}`, children: [
     /* @__PURE__ */ l("div", { className: "textarea-header", children: [
       t && /* @__PURE__ */ e("label", { htmlFor: y, className: "textarea-label", children: t }),
-      c && u && /* @__PURE__ */ l("span", { className: "char-counter", children: [
+      i && u && /* @__PURE__ */ l("span", { className: "char-counter", children: [
         w,
         " characters remaining"
       ] })
@@ -1792,7 +1795,7 @@ const Ur = {
         }),
         maxLength: u,
         onChange: a,
-        ...i
+        ...c
       }
     ),
     s && /* @__PURE__ */ e("p", { className: "textarea-error-message", children: s })
@@ -1805,7 +1808,7 @@ const Ur = {
   error: n,
   ...u
 }) => /* @__PURE__ */ l("div", { className: "switch-container", children: [
-  /* @__PURE__ */ l(cr, { as: "div", className: "switch-group", children: [
+  /* @__PURE__ */ l(ir, { as: "div", className: "switch-group", children: [
     t && o === "left" && /* @__PURE__ */ e(Ye.Label, { className: "switch-label", passive: !0, children: t }),
     /* @__PURE__ */ e(
       Ye,
@@ -1834,20 +1837,20 @@ const Ur = {
   // 'top', 'bottom', 'left', 'right'
   className: u,
   // For external styling of the tooltip itself
-  ...c
+  ...i
 }) => {
-  const i = re.useId();
+  const c = re.useId();
   return /* @__PURE__ */ l(ee, { children: [
-    re.cloneElement(t, { "data-tooltip-id": i }),
+    re.cloneElement(t, { "data-tooltip-id": c }),
     /* @__PURE__ */ e(
       xt,
       {
-        id: i,
+        id: c,
         content: r,
         place: n,
         variant: s,
         className: `custom-tooltip custom-tooltip--size-${o} ${u || ""}`,
-        ...c
+        ...i
       }
     )
   ] });
@@ -1871,8 +1874,8 @@ const Ur = {
   currentStep: o,
   direction: n = 1,
   stepProps: u = {},
-  title: c,
-  description: i,
+  title: i,
+  description: c,
   showProgress: y = !0,
   closeOnOverlayClick: b = !0
 }) => {
@@ -1921,8 +1924,8 @@ const Ur = {
                     }
                   ),
                   /* @__PURE__ */ l("div", { className: "wizard-header-text", children: [
-                    /* @__PURE__ */ e(me.Title, { as: "h3", className: "wizard-title", children: c }),
-                    i && /* @__PURE__ */ e(me.Description, { className: "wizard-description", children: i })
+                    /* @__PURE__ */ e(me.Title, { as: "h3", className: "wizard-title", children: i }),
+                    c && /* @__PURE__ */ e(me.Description, { className: "wizard-description", children: c })
                   ] })
                 ] }),
                 /* @__PURE__ */ e(
@@ -1982,19 +1985,19 @@ const Ur = {
   save: o,
   cancel: n,
   tertiary: u,
-  fullHeight: c = !1,
+  fullHeight: i = !1,
   // A clearer prop name
-  ...i
+  ...c
 }) => {
   const y = W(
     "page-layout",
     {
       "page-layout--with-footer": r,
-      "page-layout--full-height": c
+      "page-layout--full-height": i
     },
-    i.className
+    c.className
   );
-  return /* @__PURE__ */ l("div", { className: y, ...i, children: [
+  return /* @__PURE__ */ l("div", { className: y, ...c, children: [
     /* @__PURE__ */ e("div", { className: "page-layout-content", children: t }),
     r && /* @__PURE__ */ e("footer", { className: "page-layout-footer", children: s || /* @__PURE__ */ l("div", { className: "footer-actions", children: [
       u?.show && /* @__PURE__ */ e(
@@ -2055,7 +2058,7 @@ const Ur = {
     whileElementsMounted: Fa,
     middleware: [Sa(5), Da(), $a({ padding: 5 })]
   });
-  return /* @__PURE__ */ l(ir, { as: "div", className: "options-menu-wrapper", children: [
+  return /* @__PURE__ */ l(cr, { as: "div", className: "options-menu-wrapper", children: [
     /* @__PURE__ */ e(dr, { ref: o.setReference, className: "options-menu-trigger", children: /* @__PURE__ */ e(s, { size: 20 }) }),
     /* @__PURE__ */ e(ur, { children: /* @__PURE__ */ e(
       oe,
@@ -2075,11 +2078,11 @@ const Ur = {
             className: "options-menu-panel",
             children: t.map((u) => /* @__PURE__ */ l("div", { className: "options-menu-item-wrapper", children: [
               u.dividerBefore && /* @__PURE__ */ e("div", { className: "menu-divider" }),
-              /* @__PURE__ */ e(hr, { children: ({ active: c }) => /* @__PURE__ */ l(
+              /* @__PURE__ */ e(hr, { children: ({ active: i }) => /* @__PURE__ */ l(
                 "button",
                 {
                   onClick: () => r(u),
-                  className: `options-menu-item ${c ? "active bg-gray-200 text-gray-900" : ""}`,
+                  className: `options-menu-item ${i ? "active bg-gray-200 text-gray-900" : ""}`,
                   disabled: u.disabled,
                   children: [
                     u.icon && /* @__PURE__ */ e("span", { className: "item-icon", children: u.icon }),
@@ -2235,8 +2238,8 @@ function tn(t) {
     return console.log("Error reading JSON from localStorage"), null;
   }
 }
-function ca() {
-  const t = tn("userProfile") || {}, r = localStorage.getItem("access_token") || t.accessToken || "", s = localStorage.getItem("siteId") || t.siteId || "", o = t.tenant || "", n = t.tenantdomain || "", u = t.username || t.displayName || "", c = t.email || "";
+function ia() {
+  const t = tn("userProfile") || {}, r = localStorage.getItem("access_token") || t.accessToken || "", s = localStorage.getItem("siteId") || t.siteId || "", o = t.tenant || "", n = t.tenantdomain || "", u = t.username || t.displayName || "", i = t.email || "";
   return {
     Authorization: r ? `Bearer ${r}` : void 0,
     "x-tenant-id": o || void 0,
@@ -2244,19 +2247,19 @@ function ca() {
     "site-id": s || void 0,
     "Content-Type": "application/json",
     "principal-user": u || void 0,
-    "x-user-email": c || void 0
+    "x-user-email": i || void 0
   };
 }
 function rn(t) {
   if (t && t.isAxiosError) {
-    const { response: r, config: s, message: o } = t, n = r?.status ?? null, u = r?.statusText ?? null, c = r?.data ?? null, i = typeof c == "string" && c || c?.message || c?.msg || c?.error || c?.errors?.[0]?.message || null;
+    const { response: r, config: s, message: o } = t, n = r?.status ?? null, u = r?.statusText ?? null, i = r?.data ?? null, c = typeof i == "string" && i || i?.message || i?.msg || i?.error || i?.errors?.[0]?.message || null;
     return {
       ok: !1,
       status: n,
       statusText: u,
-      code: c?.code || null,
-      message: i || o || "Request failed",
-      details: c || null,
+      code: i?.code || null,
+      message: c || o || "Request failed",
+      details: i || null,
       request: {
         url: s?.url || null,
         method: s?.method || null,
@@ -2296,12 +2299,12 @@ function nn({
   );
   function o({ open: b = !1, customHeader: N = {} } = {}) {
     if (b) {
-      const { Authorization: a, ...w } = ca();
+      const { Authorization: a, ...w } = ia();
       return {
         headers: { ...w, ...r, ...N }
       };
     }
-    return { headers: { ...ca(), ...N } };
+    return { headers: { ...ia(), ...N } };
   }
   async function n(b, N, a = !1, w = {}) {
     return s.get(b, {
@@ -2313,10 +2316,10 @@ function nn({
     const m = { ...o({ open: a, customHeader: w }) };
     return N !== void 0 && (m.data = N), s.delete(b, m);
   }
-  async function c(b, N = {}, a = !1, w = {}) {
+  async function i(b, N = {}, a = !1, w = {}) {
     return s.post(b, N, o({ open: a, customHeader: w }));
   }
-  async function i(b, N = {}, a = !1, w = {}) {
+  async function c(b, N = {}, a = !1, w = {}) {
     return s.put(b, N, o({ open: a, customHeader: w }));
   }
   async function y(b, N = {}, a = !1, w = {}) {
@@ -2327,8 +2330,8 @@ function nn({
     // exported in case you want advanced usage
     axiosGet: n,
     axiosDelete: u,
-    axiosPost: c,
-    axiosPut: i,
+    axiosPost: i,
+    axiosPut: c,
     axiosPatch: y
   };
 }
@@ -2359,7 +2362,7 @@ const we = nn(), $e = we.axiosGet, sn = we.axiosDelete, Fe = we.axiosPost, ln =
     type: "User",
     avatarUrl: r?.profileImage || Re(n)
   };
-}), ia = (t) => {
+}), ca = (t) => {
   try {
     const r = JSON.parse(t);
     return Array.isArray(r) ? r : [];
@@ -2410,10 +2413,10 @@ const we = nn(), $e = we.axiosGet, sn = we.axiosDelete, Fe = we.axiosPost, ln =
     if (Array.isArray(s))
       o = s;
     else if (typeof s == "string")
-      o = ia(s.trim());
+      o = ca(s.trim());
     else if (s && typeof s == "object") {
       const n = s.data;
-      Array.isArray(n) ? o = n : typeof n == "string" && (o = ia(n.trim()));
+      Array.isArray(n) ? o = n : typeof n == "string" && (o = ca(n.trim()));
     }
     return cn(o);
   }
@@ -2439,9 +2442,9 @@ const we = nn(), $e = we.axiosGet, sn = we.axiosDelete, Fe = we.axiosPost, ln =
 }) => {
   const n = t.slice(0, 2), u = [];
   t.length > 0 && u.push(t[0].name), r.length > 0 && u.push(r[0].name), s.length > 0 && u.length < 2 && u.push(s[0].name);
-  const c = t.length + r.length + s.length, i = c - u.length;
+  const i = t.length + r.length + s.length, c = i - u.length;
   let y = u.join(", ");
-  return i > 0 && (y += ` and ${i} others`), c === 0 ? /* @__PURE__ */ e(
+  return c > 0 && (y += ` and ${c} others`), i === 0 ? /* @__PURE__ */ e(
     "div",
     {
       className: "flex items-center justify-between p-3 border border-dashed border-gray-400 rounded-lg hover:bg-gray-50",
@@ -2486,9 +2489,9 @@ const we = nn(), $e = we.axiosGet, sn = we.axiosDelete, Fe = we.axiosPost, ln =
   existingShares: o = { users: [], groups: [], roles: [] },
   calledBy: n,
   showExistingShares: u = !1,
-  onFinalSubmit: c = () => {
+  onFinalSubmit: i = () => {
   },
-  isChanged: i = !1
+  isChanged: c = !1
 }) => {
   const [y, b] = L(da[0]), [N, a] = L(""), w = ta(N, 400), [m, g] = L([]), [$, O] = L(/* @__PURE__ */ new Set()), [R, S] = L(!1), [B, P] = L(ua[0]), {
     control: E,
@@ -2531,7 +2534,7 @@ const we = nn(), $e = we.axiosGet, sn = we.axiosDelete, Fe = we.axiosPost, ln =
             type: I.type.toLowerCase()
           }))
         };
-        c(C, o);
+        i(C, o);
       } else if (n === se.INTEREST) {
         const C = T.pendingInvites.map((I) => ({
           identity: I.id,
@@ -2542,7 +2545,7 @@ const we = nn(), $e = we.axiosGet, sn = we.axiosDelete, Fe = we.axiosPost, ln =
           userName: I.name,
           interestId: t?.data?.id
         }));
-        c(C, o);
+        i(C, o);
       } else if (n === se.ARTICLE) {
         const C = {
           entity: t,
@@ -2552,9 +2555,9 @@ const we = nn(), $e = we.axiosGet, sn = we.axiosDelete, Fe = we.axiosPost, ln =
             type: I.type.toLowerCase()
           }))
         };
-        c(C, o);
+        i(C, o);
       } else
-        c(T, o);
+        i(T, o);
       setTimeout(() => {
         s();
       }, 1e3);
@@ -2575,7 +2578,7 @@ const we = nn(), $e = we.axiosGet, sn = we.axiosDelete, Fe = we.axiosPost, ln =
       default:
         return "Add User, Groups or Roles test";
     }
-  }, M = ne(() => $.size === 0 && !i, [$, i]);
+  }, M = ne(() => $.size === 0 && !c, [$, c]);
   return /* @__PURE__ */ l("div", { className: "flex flex-col h-full bg-white", children: [
     /* @__PURE__ */ l("header", { className: "flex items-center justify-between p-4 border-b border-gray-300 flex-shrink-0", children: [
       /* @__PURE__ */ e(me.Title, { className: " text-gray-900 !mb-0 text-lg font-semibold", children: A() }),
@@ -2875,13 +2878,13 @@ const we = nn(), $e = we.axiosGet, sn = we.axiosDelete, Fe = we.axiosPost, ln =
   { name: "Can manage", icon: xa, value: "edit" },
   { name: "Remove", icon: zt, isDestructive: !0, value: "remove" }
 ], hn = ({ item: t, allowedPermissions: r, onPermissionChange: s }) => {
-  const [o, n] = L(!1), { refs: u, floatingStyles: c, context: i } = Ca({
+  const [o, n] = L(!1), { refs: u, floatingStyles: i, context: c } = Ca({
     open: o,
     onOpenChange: n,
     middleware: [Sa(8), Da(), $a({ padding: 8 })],
     whileElementsMounted: Fa,
     placement: "bottom-end"
-  }), y = yr(i), b = fr(i), { getReferenceProps: N, getFloatingProps: a } = br([
+  }), y = yr(c), b = fr(c), { getReferenceProps: N, getFloatingProps: a } = br([
     y,
     b
   ]), w = Je.find((g) => g.name === t.permission || g.value === t.permission) || Je[0];
@@ -2918,7 +2921,7 @@ const we = nn(), $e = we.axiosGet, sn = we.axiosDelete, Fe = we.axiosPost, ln =
             X.Options,
             {
               ref: u.setFloating,
-              style: c,
+              style: i,
               ...a(),
               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",
@@ -2963,19 +2966,19 @@ const we = nn(), $e = we.axiosGet, sn = we.axiosDelete, Fe = we.axiosPost, ln =
   existingShares: n,
   allowedPermissions: u
 }) => {
-  const [c, i] = L(n), [y, b] = L(0), [N, a] = L(""), w = ta(N, 300), m = {
-    users: c.users.filter(
+  const [i, c] = L(n), [y, b] = L(0), [N, a] = L(""), w = ta(N, 300), m = {
+    users: i.users.filter(
       (R) => R.name.toLowerCase().includes(w.toLowerCase())
     ),
-    groups: c.groups.filter(
+    groups: i.groups.filter(
       (R) => R.name.toLowerCase().includes(w.toLowerCase())
     ),
-    roles: c.roles.filter(
+    roles: i.roles.filter(
       (R) => R.name.toLowerCase().includes(w.toLowerCase())
     )
   }, g = async (R, S, B, P) => {
     const E = S.value;
-    i(E === "Remove" ? (V) => ({
+    c(E === "Remove" ? (V) => ({
       ...V,
       [B]: V[B].filter((U) => U.id !== R.id)
     }) : (V) => ({
@@ -2992,7 +2995,7 @@ const we = nn(), $e = we.axiosGet, sn = we.axiosDelete, Fe = we.axiosPost, ln =
         /* @__PURE__ */ l(
           "button",
           {
-            onClick: () => r(c),
+            onClick: () => r(i),
             className: "flex items-center gap-1 text-sm font-medium text-gray-600 hover:text-gray-900 hover:cursor-pointer p-2 rounded-md hover:bg-gray-100",
             children: [
               /* @__PURE__ */ e(ka, { className: "h-5 w-5" }),
@@ -3139,7 +3142,7 @@ const we = nn(), $e = we.axiosGet, sn = we.axiosDelete, Fe = we.axiosPost, ln =
   onClose: s,
   members: o
 }) => {
-  const [n, u] = L(!0), [c, i] = L(""), y = ta(c, 300), b = o.filter(
+  const [n, u] = L(!0), [i, c] = L(""), y = ta(i, 300), b = o.filter(
     (m) => m.name.toLowerCase().includes(y.toLowerCase())
   ), N = {
     hidden: { opacity: 0 },
@@ -3232,8 +3235,8 @@ const we = nn(), $e = we.axiosGet, sn = we.axiosDelete, Fe = we.axiosPost, ln =
     /* @__PURE__ */ e("div", { className: "p-4 border-b border-gray-200 flex-shrink-0", children: /* @__PURE__ */ e(
       he,
       {
-        onDebouncedChange: i,
-        value: c,
+        onDebouncedChange: c,
+        value: i,
         placeholder: "Search members..."
       }
     ) }),
@@ -3256,8 +3259,8 @@ const we = nn(), $e = we.axiosGet, sn = we.axiosDelete, Fe = we.axiosPost, ln =
   calledBy: n,
   onClose: u = () => {
   },
-  showExistingShares: c = !0,
-  allowedPermissions: i = [],
+  showExistingShares: i = !0,
+  allowedPermissions: c = [],
   ...y
 }) => {
   const [b, N] = L(de.INVITE), [a, w] = L(t), [m, g] = L(null), [$, O] = L(!1), [R, S] = L([]), [B, P] = L(de.MANAGE), E = () => {
@@ -3304,7 +3307,7 @@ const we = nn(), $e = we.axiosGet, sn = we.axiosDelete, Fe = we.axiosPost, ln =
                   onOpenMembers: U,
                   existingShares: a,
                   calledBy: n,
-                  allowedPermissions: i
+                  allowedPermissions: c
                 }
               )
             },
@@ -3350,7 +3353,7 @@ const we = nn(), $e = we.axiosGet, sn = we.axiosDelete, Fe = we.axiosPost, ln =
                   onClose: E,
                   existingShares: a,
                   calledBy: n,
-                  showExistingShares: c,
+                  showExistingShares: i,
                   onFinalSubmit: (p) => {
                     s(p, a);
                   },
@@ -3376,8 +3379,8 @@ function qe({
   onBlur: n = () => {
   },
   placeholder: u = "Select options",
-  error: c = null,
-  displayLimit: i = 3,
+  error: i = null,
+  displayLimit: c = 3,
   selectionLimit: y = -1,
   // NEW: search behavior
   searchMode: b = "client",
@@ -3405,7 +3408,7 @@ function qe({
   const U = b === "client" ? V : r, j = () => {
     if (!E.length)
       return /* @__PURE__ */ e("span", { className: "text-gray-500", children: u });
-    const p = E.slice(0, i), f = E.length - i;
+    const p = E.slice(0, c), f = E.length - c;
     return /* @__PURE__ */ l("div", { className: "flex flex-wrap gap-2", children: [
       p.map((k) => /* @__PURE__ */ e(
         "span",
@@ -3439,12 +3442,12 @@ function qe({
         X.Button,
         {
           "aria-labelledby": $,
-          "aria-invalid": !!c,
-          "aria-describedby": c ? O : void 0,
+          "aria-invalid": !!i,
+          "aria-describedby": i ? O : void 0,
           onBlur: n,
           className: Ae(
             "relative w-full min-h-[38px] cursor-default rounded-md bg-white py-1.5 pl-3 pr-10 text-left text-gray-900 shadow-sm ring-1 ring-inset focus:outline-none focus:ring-2 focus:ring-gray-600 sm:text-sm sm:leading-6",
-            c ? "ring-red-500" : "ring-gray-300"
+            i ? "ring-red-500" : "ring-gray-300"
           ),
           children: [
             /* @__PURE__ */ e("span", { className: "block truncate", children: j() }),
@@ -3510,7 +3513,7 @@ function qe({
           ] })
         }
       ),
-      c && /* @__PURE__ */ e("p", { id: O, className: "mt-1 text-sm text-red-600", children: c })
+      i && /* @__PURE__ */ e("p", { id: O, className: "mt-1 text-sm text-red-600", children: i })
     ] })
   ] }) });
 }
@@ -3556,15 +3559,15 @@ qe.defaultProps = {
   getOptionId: (t) => String(t.id),
   getOptionLabel: (t) => t.name
 };
-const cs = ({
+const is = ({
   isOpen: t = !1,
   setIsOpen: r,
   content: s,
   header: o = { title: "", customHeader: null, isCrossShow: !0 },
   footer: n = { show: !0, customFooter: null },
   primaryAction: u = { onSubmit: null, label: "Save", loader: !1, disabled: !1 },
-  secondaryAction: c = { onCancel: null, label: "Cancel" },
-  dialogPanelClass: i = ""
+  secondaryAction: i = { onCancel: null, label: "Cancel" },
+  dialogPanelClass: c = ""
 }) => {
   const y = (N) => {
     N.target === N.currentTarget && r(!1);
@@ -3588,7 +3591,7 @@ const cs = ({
         /* @__PURE__ */ e("div", { className: "fixed inset-0 overflow-y-auto", children: /* @__PURE__ */ e("div", { className: "flex min-h-full items-center justify-center p-4", children: /* @__PURE__ */ l(
           ke,
           {
-            className: `${i} 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: `${c} 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: b,
             children: [
               /* @__PURE__ */ l("div", { className: "flex justify-between items-center border-b border-gray-200 p-6 flex-shrink-0", children: [
@@ -3605,15 +3608,15 @@ const cs = ({
                 }
               ),
               n?.show && !n?.customFooter && /* @__PURE__ */ l("div", { className: "border-t flex justify-end border-gray-200 p-6 flex-shrink-0", children: [
-                c?.onCancel && /* @__PURE__ */ e(
+                i?.onCancel && /* @__PURE__ */ e(
                   Z,
                   {
                     "data-testid": "cancel-button",
-                    label: c?.label,
+                    label: i?.label,
                     loader: !1,
                     ariaLabel: "Cancel Button",
                     className: "p-3 mr-3 secondaryButton !w-[70px]",
-                    onClick: () => c?.onCancel(),
+                    onClick: () => i?.onCancel(),
                     category: "secondary"
                   }
                 ),
@@ -3660,8 +3663,8 @@ function vn({
   onToggle: o,
   onSelect: n,
   onCreateChild: u,
-  onRename: c,
-  onDelete: i,
+  onRename: i,
+  onDelete: c,
   renderActions: y,
   // optional override
   dragId: b,
@@ -3670,7 +3673,7 @@ function vn({
 }) {
   const { setNodeRef: w, isOver: m } = Pt({ id: N }), { attributes: g, listeners: $, setNodeRef: O, transform: R, isDragging: S } = Ot({ id: b }), B = R ? { transform: `translate3d(${Math.round(R.x)}px, ${Math.round(R.y)}px, 0)` } : void 0, [P, E] = L(!1), [V, U] = L(t.name), j = () => {
     const p = V.trim();
-    E(!1), p && p !== t.name ? c?.(t, p) : U(t.name);
+    E(!1), p && p !== t.name ? i?.(t, p) : U(t.name);
   }, v = ne(() => /* @__PURE__ */ e(
     Xr,
     {
@@ -3680,10 +3683,10 @@ function vn({
         { action: "delete", label: "Delete" }
       ],
       onSelect: (f) => {
-        f.action === "create" ? u?.(t) : f.action === "rename" ? E(!0) : f.action === "delete" && i?.(t);
+        f.action === "create" ? u?.(t) : f.action === "rename" ? E(!0) : f.action === "delete" && c?.(t);
       }
     }
-  ), [t, u, i]);
+  ), [t, u, c]);
   return /* @__PURE__ */ l(
     "div",
     {
@@ -3713,7 +3716,7 @@ function vn({
         /* @__PURE__ */ e("div", { className: "tv-actions", children: y ? y(t, {
           onCreateChild: () => u?.(t),
           onRename: () => E(!0),
-          onDelete: () => i?.(t)
+          onDelete: () => c?.(t)
         }) : v })
       ]
     }
@@ -3722,48 +3725,48 @@ function vn({
 const Nn = (t) => String(t.id ?? t._id), xn = (t) => t.parent !== void 0 ? String(t.parent) : t.parentId != null ? String(t.parentId) : "root", kn = (t) => t.name ?? t.label ?? "", wn = (t) => Array.isArray(t) && t.some((r) => Array.isArray(r.children));
 function Cn(t, { rootId: r, getId: s, getParent: o, getName: n }) {
   const u = /* @__PURE__ */ new Map();
-  t.forEach((i) => {
-    const y = s(i);
+  t.forEach((c) => {
+    const y = s(c);
     u.set(y, {
-      ...i,
+      ...c,
       id: y,
-      name: n(i),
-      parentId: o(i) || r,
+      name: n(c),
+      parentId: o(c) || r,
       children: []
     });
   });
-  const c = [];
-  return u.forEach((i) => {
-    const y = i.parentId || r;
-    y !== r && u.has(y) ? u.get(y).children.push(i) : c.push(i);
-  }), { roots: c, byId: u };
+  const i = [];
+  return u.forEach((c) => {
+    const y = c.parentId || r;
+    y !== r && u.has(y) ? u.get(y).children.push(c) : i.push(c);
+  }), { roots: i, byId: u };
 }
 function Sn(t, { rootId: r, getId: s, getName: o }) {
   const n = /* @__PURE__ */ new Map();
-  function u(i, y) {
-    const b = s(i), N = {
-      ...i,
+  function u(c, y) {
+    const b = s(c), N = {
+      ...c,
       id: b,
-      name: o(i),
+      name: o(c),
       parentId: y || r,
-      children: (i.children || []).map((a) => u(a, b))
+      children: (c.children || []).map((a) => u(a, b))
     };
     return n.set(b, N), N;
   }
-  return { roots: t.map((i) => u(i, null)), byId: n };
+  return { roots: t.map((c) => u(c, null)), byId: n };
 }
 const De = (t) => t.map((r) => ({ ...r, children: De(r.children || []) }));
 function Dn(t, r) {
   let s = null;
   function o(u) {
-    return u.map((c) => {
-      if (c.id === r)
-        return s = c, null;
-      if (c.children?.length) {
-        const i = o(c.children);
-        if (i !== c.children) return { ...c, children: i };
+    return u.map((i) => {
+      if (i.id === r)
+        return s = i, null;
+      if (i.children?.length) {
+        const c = o(i.children);
+        if (c !== i.children) return { ...i, children: c };
       }
-      return c;
+      return i;
     }).filter(Boolean);
   }
   return { newRoots: o(t), removed: s };
@@ -3774,8 +3777,8 @@ function $n(t, r, s) {
       if (u.id === r)
         return { ...u, children: [...u.children || [], { ...s, parentId: r }] };
       if (u.children?.length) {
-        const c = o(u.children);
-        if (c !== u.children) return { ...u, children: c };
+        const i = o(u.children);
+        if (i !== u.children) return { ...u, children: i };
       }
       return u;
     });
@@ -3792,15 +3795,15 @@ function Ja(t, r, s = null) {
   }
   return null;
 }
-function is({
+function cs({
   data: t = [],
   rootId: r = "root",
   title: s = "Folders",
   getId: o = Nn,
   getParent: n = xn,
   getName: u = kn,
-  onSelect: c,
-  onCreateRoot: i,
+  onSelect: i,
+  onCreateRoot: c,
   onCreateChild: y,
   onRename: b,
   onDelete: N,
@@ -3844,14 +3847,14 @@ function is({
       const M = Math.max(0, Math.floor(-z / g));
       if (M > 0) {
         let H = D;
-        for (let ce = 0; ce < M; ce++) {
-          const ie = Ja(P, H, null);
-          if (!ie) break;
-          if (!ie.parentId) {
+        for (let ie = 0; ie < M; ie++) {
+          const ce = Ja(P, H, null);
+          if (!ce) break;
+          if (!ce.parentId) {
             A = r;
             break;
           }
-          A = ie.parentId, H = ie.parentId;
+          A = ce.parentId, H = ce.parentId;
         }
       }
       if (m && A === r) {
@@ -3873,7 +3876,7 @@ function is({
           depth: F,
           expanded: !!O[z.id],
           onToggle: () => B(z.id),
-          onSelect: c,
+          onSelect: i,
           onCreateChild: y,
           onRename: b,
           onDelete: N,
@@ -3885,7 +3888,7 @@ function is({
       ),
       O[z.id] && z.children?.length > 0 ? h(z.children, F + 1) : null
     ] }, z.id)),
-    [O, g, y, N, b, c, w, B]
+    [O, g, y, N, b, i, w, B]
   );
   return re.useMemo(() => {
     if (!j) return null;
@@ -3902,12 +3905,12 @@ function is({
   }, [j, P]), /* @__PURE__ */ l("div", { className: "tv", children: [
     s !== !1 && /* @__PURE__ */ l("div", { className: "tv-header", children: [
       /* @__PURE__ */ e("div", { className: "tv-title", children: s }),
-      /* @__PURE__ */ e("button", { className: "tv-btn", onClick: i, children: "+ New folder" })
+      /* @__PURE__ */ e("button", { className: "tv-btn", onClick: c, children: "+ New folder" })
     ] }),
     /* @__PURE__ */ l("div", { className: "tv-root-row", children: [
       /* @__PURE__ */ e(wa, { size: 16, className: "tv-folder-ic" }),
       /* @__PURE__ */ e("strong", { children: "ROOT" }),
-      /* @__PURE__ */ e("button", { className: "tv-icon", title: "Create top-level", onClick: i, children: "+" })
+      /* @__PURE__ */ e("button", { className: "tv-icon", title: "Create top-level", onClick: c, children: "+" })
     ] }),
     /* @__PURE__ */ e(
       Vt,
@@ -3933,8 +3936,8 @@ const ds = ({
   containerClassName: o = "",
   listClassName: n = "",
   panelClassName: u = "",
-  tabClassName: c,
-  ...i
+  tabClassName: i,
+  ...c
   // Pass remaining props to Tab.Group
 }) => {
   const y = s === "vertical", b = (w) => ye(
@@ -3943,8 +3946,8 @@ const ds = ({
   ), N = (w) => ye(
     "py-2 -mb-px text-sm font-medium focus:outline-none border-b-2",
     w ? "border-indigo-600 text-indigo-700" : "border-transparent text-slate-600 hover:text-indigo-700"
-  ), a = ({ selected: w }) => c ? typeof c == "function" ? c(w) : c : y ? b(w) : N(w);
-  return /* @__PURE__ */ e(ae.Group, { vertical: y, ...i, children: y ? /* @__PURE__ */ l("div", { className: ye("flex gap-4", o), children: [
+  ), a = ({ selected: w }) => i ? typeof i == "function" ? i(w) : i : y ? b(w) : N(w);
+  return /* @__PURE__ */ e(ae.Group, { vertical: y, ...c, children: y ? /* @__PURE__ */ l("div", { className: ye("flex gap-4", o), children: [
     /* @__PURE__ */ e(ae.List, { className: ye("w-[150px] flex flex-col gap-1 border-r border-gray-300 pr-2", n), children: t.map((w) => /* @__PURE__ */ e(ae, { className: a, children: w.label }, w.key)) }),
     /* @__PURE__ */ e(ae.Panels, { unmount: !r, className: ye("flex-1", u), children: t.map((w) => /* @__PURE__ */ e(ae.Panel, { className: "focus:outline-none", children: /* @__PURE__ */ e("div", { className: "[overflow-anchor:none]", children: w.content }) }, w.key)) })
   ] }) : /* @__PURE__ */ l(ee, { children: [
@@ -3954,7 +3957,7 @@ const ds = ({
 };
 function Fn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
   console.log(t);
-  const [n, u] = re.useState(t), [c, i] = re.useState(() => {
+  const [n, u] = re.useState(t), [i, c] = re.useState(() => {
     const a = r && r[t.key] || {};
     return console.log("Initial Section data for", t.key, a), a;
   }), y = ue(r);
@@ -3962,16 +3965,16 @@ function Fn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
     if (y.current !== r) {
       y.current = r;
       const a = r && r[t.key] || {};
-      console.log("Updated Section data for", t.key, a), i(a);
+      console.log("Updated Section data for", t.key, a), c(a);
     }
-  }, [r, t.key]), console.log("Section data", c);
-  const b = ue(c);
+  }, [r, t.key]), console.log("Section data", i);
+  const b = ue(i);
   Q(() => {
-    b.current !== c && s && typeof s == "function" && (b.current = c, s(n.key, c));
-  }, [n.key, c, s]);
+    b.current !== i && s && typeof s == "function" && (b.current = i, s(n.key, i));
+  }, [n.key, i, s]);
   const N = (a) => {
     if (!a.dependsOn) return !0;
-    const { field: w, value: m, operator: g = "equals" } = a.dependsOn, $ = c[w];
+    const { field: w, value: m, operator: g = "equals" } = a.dependsOn, $ = i[w];
     switch (g) {
       case "equals":
         return $ === m;
@@ -4030,10 +4033,10 @@ function Fn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             name: a.key,
             defaultValue: a.default,
             placeholder: a.placeholder,
-            value: c[a.key] || "",
+            value: i[a.key] || "",
             onChange: (m) => {
-              const g = { ...c, [a.key]: m.target.value };
-              i(g), s && s(n.key, g);
+              const g = { ...i, [a.key]: m.target.value };
+              c(g), s && s(n.key, g);
             },
             required: a.required,
             disabled: a.disabled ? a.disabled : !1,
@@ -4049,10 +4052,10 @@ function Fn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             name: a.key,
             defaultValue: a.default,
             placeholder: a.placeholder,
-            value: c[a.key] || "",
+            value: i[a.key] || "",
             onChange: (m) => {
-              const g = { ...c, [a.key]: m.target.value };
-              i(g), s && s(n.key, g);
+              const g = { ...i, [a.key]: m.target.value };
+              c(g), s && s(n.key, g);
             },
             rows: 3,
             required: a.required,
@@ -4070,10 +4073,10 @@ function Fn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             name: a.key,
             defaultValue: a.default,
             placeholder: a.placeholder,
-            value: c[a.key] || "",
+            value: i[a.key] || "",
             onChange: (m) => {
-              const g = { ...c, [a.key]: m.target.value };
-              i(g), s && s(n.key, g);
+              const g = { ...i, [a.key]: m.target.value };
+              c(g), s && s(n.key, g);
             },
             required: a.required,
             disabled: a.disabled ? a.disabled : !1,
@@ -4087,10 +4090,10 @@ function Fn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
           Aa,
           {
             name: a.key,
-            checked: !!(c[a.key] || a.default),
+            checked: !!(i[a.key] || a.default),
             onChange: (m) => {
-              const g = { ...c, [a.key]: m };
-              i(g), s && s(n.key, g);
+              const g = { ...i, [a.key]: m };
+              c(g), s && s(n.key, g);
             },
             label: a.placeholder || a.label,
             disabled: a.disabled ? a.disabled : !1,
@@ -4105,10 +4108,10 @@ function Fn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
           {
             name: a.key,
             defaultValue: a.default,
-            value: c[a.key] || "",
+            value: i[a.key] || "",
             onChange: (m) => {
-              const g = { ...c, [a.key]: m };
-              i(g);
+              const g = { ...i, [a.key]: m };
+              c(g);
             },
             options: a.options || [],
             placeholder: a.placeholder || `Select ${a.label}`,
@@ -4127,10 +4130,10 @@ function Fn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             name: a.key,
             defaultValue: a.default,
             placeholder: a.placeholder || "Enter email address",
-            value: c[a.key] || "",
+            value: i[a.key] || "",
             onChange: (m) => {
-              const g = { ...c, [a.key]: m.target.value };
-              i(g), s && s(n.key, g);
+              const g = { ...i, [a.key]: m.target.value };
+              c(g), s && s(n.key, g);
             },
             required: a.required,
             disabled: a.disabled ? a.disabled : !1,
@@ -4147,10 +4150,10 @@ function Fn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             name: a.key,
             defaultValue: a.default,
             placeholder: a.placeholder || "Enter URL",
-            value: c[a.key] || "",
+            value: i[a.key] || "",
             onChange: (m) => {
-              const g = { ...c, [a.key]: m.target.value };
-              i(g), s && s(n.key, g);
+              const g = { ...i, [a.key]: m.target.value };
+              c(g), s && s(n.key, g);
             },
             required: a.required,
             disabled: a.disabled ? a.disabled : !1,
@@ -4167,10 +4170,10 @@ function Fn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             name: a.key,
             defaultValue: a.default,
             placeholder: a.placeholder || "Enter password",
-            value: c[a.key] || "",
+            value: i[a.key] || "",
             onChange: (m) => {
-              const g = { ...c, [a.key]: m.target.value };
-              i(g), s && s(n.key, g);
+              const g = { ...i, [a.key]: m.target.value };
+              c(g), s && s(n.key, g);
             },
             required: a.required,
             disabled: a.disabled ? a.disabled : !1,
@@ -4183,10 +4186,10 @@ function Fn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
         /* @__PURE__ */ e(
           qe,
           {
-            selectedItems: c[a.key] || [],
+            selectedItems: i[a.key] || [],
             onSelectionChange: (m) => {
-              const g = { ...c, [a.key]: m };
-              i(g), s && s(n.key, g);
+              const g = { ...i, [a.key]: m };
+              c(g), s && s(n.key, g);
             },
             options: a.options || [],
             placeholder: a.placeholder || `Select ${a.label}`,
@@ -4200,11 +4203,11 @@ function Fn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
         /* @__PURE__ */ e(
           Ma,
           {
-            checked: typeof c[a.key] == "boolean" ? c[a.key] : a.default,
+            checked: typeof i[a.key] == "boolean" ? i[a.key] : a.default,
             onChange: (m) => {
               console.log("Toggle changed:", a.key, m);
-              const g = { ...c, [a.key]: m };
-              i(g), s && s(n.key, g);
+              const g = { ...i, [a.key]: m };
+              c(g), s && s(n.key, g);
             },
             label: a.placeholder || a.label,
             disabled: a.disabled ? a.disabled : !1
@@ -4216,10 +4219,10 @@ function Fn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
         za,
         {
           label: a.label,
-          value: c[a.key] ? new Date(c[a.key]) : null,
+          value: i[a.key] ? new Date(i[a.key]) : null,
           onChange: (m) => {
-            const g = { ...c, [a.key]: m ? m.toISOString().split("T")[0] : "" };
-            i(g), s && s(n.key, g);
+            const g = { ...i, [a.key]: m ? m.toISOString().split("T")[0] : "" };
+            c(g), s && s(n.key, g);
           },
           placeholder: a.placeholder || "Select date",
           disabled: a.disabled ? a.disabled : !1,
@@ -4231,10 +4234,10 @@ function Fn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
         Gr,
         {
           label: a.label,
-          value: c[a.key] || { from: null, to: null },
+          value: i[a.key] || { from: null, to: null },
           onChange: (m) => {
-            const g = { ...c, [a.key]: m };
-            i(g), s && s(n.key, g);
+            const g = { ...i, [a.key]: m };
+            c(g), s && s(n.key, g);
           },
           placeholder: a.placeholder || "Select date range",
           disabled: a.disabled ? a.disabled : !1,
@@ -4246,10 +4249,10 @@ function Fn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
         /* @__PURE__ */ e(
           Ba,
           {
-            selectedValue: typeof c[a.key] < "u" ? c[a.key] : a.default || "",
+            selectedValue: typeof i[a.key] < "u" ? i[a.key] : a.default || "",
             onValueChange: (m) => {
-              const g = { ...c, [a.key]: m };
-              i(g), s && s(n.key, g);
+              const g = { ...i, [a.key]: m };
+              c(g), s && s(n.key, g);
             },
             options: a.options || [],
             disabled: a.disabled ? a.disabled : !1,
@@ -4267,10 +4270,10 @@ function Fn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
               id: `${a.key}-${m.value}`,
               name: a.key,
               value: m.value,
-              checked: c[a.key] === m.value,
+              checked: i[a.key] === m.value,
               onChange: (g) => {
-                const $ = { ...c, [a.key]: g.target.value };
-                i($), s && s(n.key, $);
+                const $ = { ...i, [a.key]: g.target.value };
+                c($), s && s(n.key, $);
               },
               disabled: a.disabled
             }
@@ -4286,10 +4289,10 @@ function Fn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
         /* @__PURE__ */ e(
           he,
           {
-            value: c[a.key] || "",
+            value: i[a.key] || "",
             onChange: (m) => {
-              const g = { ...c, [a.key]: m };
-              i(g), s && s(n.key, g);
+              const g = { ...i, [a.key]: m };
+              c(g), s && s(n.key, g);
             },
             placeholder: a.placeholder || `Search ${a.label}`,
             className: `w-full ${o[n.key]?.[a.key] ? "border-red-500" : ""}`
@@ -4305,10 +4308,10 @@ function Fn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             name: a.key,
             defaultValue: a.default,
             placeholder: a.placeholder || "Select date and time",
-            value: c[a.key] || "",
+            value: i[a.key] || "",
             onChange: (m) => {
-              const g = { ...c, [a.key]: m.target.value };
-              i(g), s && s(n.key, g);
+              const g = { ...i, [a.key]: m.target.value };
+              c(g), s && s(n.key, g);
             },
             required: a.required,
             className: `w-full ${o[n.key]?.[a.key] ? "border-red-500" : ""}`
@@ -4324,10 +4327,10 @@ function Fn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             name: a.key,
             defaultValue: a.default,
             placeholder: a.placeholder || "Select time",
-            value: c[a.key] || "",
+            value: i[a.key] || "",
             onChange: (m) => {
-              const g = { ...c, [a.key]: m.target.value };
-              i(g), s && s(n.key, g);
+              const g = { ...i, [a.key]: m.target.value };
+              c(g), s && s(n.key, g);
             },
             required: a.required,
             className: `w-full ${o[n.key]?.[a.key] ? "border-red-500" : ""}`
@@ -4342,10 +4345,10 @@ function Fn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             type: "color",
             name: a.key,
             defaultValue: a.default || "#000000",
-            value: c[a.key] || "#000000",
+            value: i[a.key] || "#000000",
             onChange: (m) => {
-              const g = { ...c, [a.key]: m.target.value };
-              i(g), s && s(n.key, g);
+              const g = { ...i, [a.key]: m.target.value };
+              c(g), s && s(n.key, g);
             },
             className: `w-full h-10 ${o[n.key]?.[a.key] ? "border-red-500" : ""}`
           }
@@ -4359,10 +4362,10 @@ function Fn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             type: "range",
             name: a.key,
             defaultValue: a.default || a.min || 0,
-            value: c[a.key] || a.min || 0,
+            value: i[a.key] || a.min || 0,
             onChange: (m) => {
-              const g = { ...c, [a.key]: m.target.value };
-              i(g), s && s(n.key, g);
+              const g = { ...i, [a.key]: m.target.value };
+              c(g), s && s(n.key, g);
             },
             min: a.min || 0,
             max: a.max || 100,
@@ -4374,7 +4377,7 @@ function Fn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
           /* @__PURE__ */ e("span", { children: a.min || 0 }),
           /* @__PURE__ */ l("span", { children: [
             "Current: ",
-            c[a.key] || a.min || 0
+            i[a.key] || a.min || 0
           ] }),
           /* @__PURE__ */ e("span", { children: a.max || 100 })
         ] }),
@@ -4387,8 +4390,8 @@ function Fn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             type: "file",
             name: a.key,
             onChange: (m) => {
-              const g = m.target.files[0], $ = { ...c, [a.key]: g ? g.name : "" };
-              i($), s && s(n.key, $);
+              const g = m.target.files[0], $ = { ...i, [a.key]: g ? g.name : "" };
+              c($), s && s(n.key, $);
             },
             accept: a.accept,
             className: `w-full ${o[n.key]?.[a.key] ? "border-red-500" : ""}`
@@ -4401,11 +4404,11 @@ function Fn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
           Qa,
           {
             endpoints: a.endpoints || {},
-            initialData: c[a.key] || a.initialData || [],
+            initialData: i[a.key] || a.initialData || [],
             className: a.className || "",
             onCollectionChange: (m) => {
-              const g = { ...c, [a.key]: m };
-              i(g), s && s(n.key, g);
+              const g = { ...i, [a.key]: m };
+              c(g), s && s(n.key, g);
             },
             showSearch: a.showSearch !== !1,
             allowAdd: a.allowAdd !== !1,
@@ -4433,7 +4436,7 @@ function Fn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
 const Tn = ({ children: t }) => /* @__PURE__ */ e("div", { className: "flex -space-x-2", children: t });
 function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
   console.log(`[DynamicConfig/DataTableRenderer] Component loaded for section: ${t.key}`);
-  const [n, u] = L(t), [c, i] = L(null), [y, b] = L(null);
+  const [n, u] = L(t), [i, c] = L(null), [y, b] = L(null);
   console.log(`[DataTableRenderer] ${n.key} - Received props:`, { item: t, initialData: r });
   const [N, a] = L(() => {
     const v = r && r[n.key] || [], p = v.length > 0 ? v : [{ id: 0 }];
@@ -4713,7 +4716,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
               {
                 className: "text-blue-600 font-semibold hover:text-blue-800",
                 onClick: () => {
-                  b(v.key), i(h);
+                  b(v.key), c(h);
                 },
                 children: F.length > 0 ? "Edit" : "Assign"
               }
@@ -4818,17 +4821,17 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
   }, []), j = K((v) => {
     console.log("[DataTableRenderer] handleAddAudience called with:", v), a((p) => {
       const f = [...p];
-      if (c !== null && y && f[c]) {
+      if (i !== null && y && f[i]) {
         const k = v.pendingInvites || [], d = k.filter((F) => F.type === "User"), h = k.filter((F) => F.type === "Group"), x = k.filter((F) => F.type === "Role");
-        f[c][y] = {
-          users: [...f[c][y]?.users || [], ...d],
-          groups: [...f[c][y]?.groups || [], ...h],
-          roles: [...f[c][y]?.roles || [], ...x]
-        }, console.log("[DataTableRenderer] Updated audience data:", f[c][y]);
+        f[i][y] = {
+          users: [...f[i][y]?.users || [], ...d],
+          groups: [...f[i][y]?.groups || [], ...h],
+          roles: [...f[i][y]?.roles || [], ...x]
+        }, console.log("[DataTableRenderer] Updated audience data:", f[i][y]);
       }
       return f;
-    }), i(null), b(null);
-  }, [c, y]);
+    }), c(null), b(null);
+  }, [i, y]);
   return /* @__PURE__ */ l("div", { children: [
     /* @__PURE__ */ l("div", { style: { marginBottom: "20px" }, children: [
       /* @__PURE__ */ l("div", { className: "flex items-center justify-between", children: [
@@ -4883,18 +4886,18 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
         p
       )) })
     ] }) }),
-    c !== null && (() => {
-      const v = N[c] && N[c][y] ? {
-        users: N[c][y].users || [],
-        groups: N[c][y].groups || [],
-        roles: N[c][y].roles || []
+    i !== null && (() => {
+      const v = N[i] && N[i][y] ? {
+        users: N[i][y].users || [],
+        groups: N[i][y].groups || [],
+        roles: N[i][y].roles || []
       } : { users: [], groups: [], roles: [] };
-      return console.log("[DataTableRenderer] Opening modal with existing data:", v), console.log("[DataTableRenderer] Row data:", N[c]), console.log("[DataTableRenderer] Field name:", y), /* @__PURE__ */ e(
+      return console.log("[DataTableRenderer] Opening modal with existing data:", v), console.log("[DataTableRenderer] Row data:", N[i]), console.log("[DataTableRenderer] Field name:", y), /* @__PURE__ */ e(
         fn,
         {
           isOpen: !0,
           onClose: () => {
-            i(null), b(null);
+            c(null), b(null);
           },
           onFinalSubmit: j,
           existingShares: v,
@@ -4966,8 +4969,8 @@ const ma = () => {
   showSearch: o = !0,
   allowAdd: n = !0,
   allowEdit: u = !0,
-  allowDelete: c = !0,
-  allowReorder: i = !0,
+  allowDelete: i = !0,
+  allowReorder: c = !0,
   initialData: y = null
   // Add prop for initial demo data
 }) => {
@@ -5039,18 +5042,18 @@ const ma = () => {
       console.log(A), le.error("Failed to save collection");
     }
   }, p = async (D) => {
-    if (c)
+    if (i)
       try {
         await sn(`${t.collectionUpdate}/${D.id}`) && (le.success("Deleted successfully", { autoClose: 3e3 }), E());
       } catch (A) {
         console.log(A), le.error("Failed to delete collection");
       }
   }, f = (D, A, M) => {
-    if (!i || !A || !M || A === M) return D;
+    if (!c || !A || !M || A === M) return D;
     const T = D.findIndex((H) => H.id === A), C = D.findIndex((H) => H.id === M);
     if (T === -1 || C === -1) return D;
     const I = [...D], [G] = I.splice(T, 1);
-    return I.splice(C, 0, G), I.map((H, ce) => ({ ...H, order: ce + 1 }));
+    return I.splice(C, 0, G), I.map((H, ie) => ({ ...H, order: ie + 1 }));
   }, k = async (D) => {
     const A = D.map((M) => ({
       id: M.id,
@@ -5063,7 +5066,7 @@ const ma = () => {
       console.log(M), le.error("Failed to save order", { autoClose: 2500 });
     }
   }, d = (D, A) => {
-    i && (D.dataTransfer.effectAllowed = "move", D.dataTransfer.setData("text/plain", String(A)), O(A));
+    c && (D.dataTransfer.effectAllowed = "move", D.dataTransfer.setData("text/plain", String(A)), O(A));
   }, h = (D) => {
     $ && D !== R && S(D);
   }, x = (D) => {
@@ -5161,7 +5164,7 @@ const ma = () => {
             ] })
           ] }) : /* @__PURE__ */ l(ee, { children: [
             /* @__PURE__ */ l("div", { className: "flex gap-2 items-center", children: [
-              i && /* @__PURE__ */ e(
+              c && /* @__PURE__ */ e(
                 "span",
                 {
                   role: "button",
@@ -5185,7 +5188,7 @@ const ma = () => {
                   children: /* @__PURE__ */ e(_t, { color: "#767676" })
                 }
               ),
-              c && /* @__PURE__ */ e(
+              i && /* @__PURE__ */ e(
                 "span",
                 {
                   className: M === 0 && !D.protected ? "cursor-pointer" : "cursor-not-allowed",
@@ -5206,14 +5209,14 @@ const ma = () => {
     label: o = "Manage Collections",
     description: n = "",
     endpoints: u = {},
-    initialData: c = null,
-    showSearch: i = !0,
+    initialData: i = null,
+    showSearch: c = !0,
     allowAdd: y = !0,
     allowEdit: b = !0,
     allowDelete: N = !0,
     allowReorder: a = !0,
     className: w = ""
-  } = t, m = r?.[t.key] || c || [], g = Array.isArray(m) ? m : [];
+  } = t, m = r?.[t.key] || i || [], g = Array.isArray(m) ? m : [];
   return /* @__PURE__ */ l("div", { className: "dynamic-config-manage-collection-list", children: [
     (o || n) && /* @__PURE__ */ l("div", { className: "mb-4", children: [
       o && /* @__PURE__ */ e("h3", { className: "text-lg font-medium text-gray-900 mb-1", children: o }),
@@ -5228,7 +5231,7 @@ const ma = () => {
         onCollectionChange: (O) => {
           s && s(t.key, O);
         },
-        showSearch: i,
+        showSearch: c,
         allowAdd: y,
         allowEdit: b,
         allowDelete: N,
@@ -5259,7 +5262,7 @@ function Bn({
   onCancel: o,
   onSave: n
 }) {
-  const [u, c] = re.useState(r), [i, y] = re.useState(null), [b, N] = L(!1), [a, w] = L(!1), [m, g] = L({}), $ = `${be()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, O = $, [R, S] = L(1), B = (f) => {
+  const [u, i] = re.useState(r), [c, y] = re.useState(null), [b, N] = L(!1), [a, w] = L(!1), [m, g] = L({}), $ = `${be()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, O = $, [R, S] = L(1), B = (f) => {
     if (!r || !r.configuration)
       return f;
     const k = {}, d = f?.configuration || {};
@@ -5334,7 +5337,7 @@ function Bn({
         N(!1);
       }
     };
-    r && (c(r), t ? f() : P());
+    r && (i(r), t ? f() : P());
   }, [r, R, t, s]);
   const E = (f, k) => {
     y((d) => ({
@@ -5346,16 +5349,16 @@ function Bn({
     });
   }, V = () => {
     const f = {};
-    return !u || !i || u.configuration.forEach((k) => {
+    return !u || !c || u.configuration.forEach((k) => {
       if (k.type === "section")
         k.fields.forEach((d) => {
           if (d.required) {
-            const h = i[k.key]?.[d.key];
+            const h = c[k.key]?.[d.key];
             (!h || typeof h == "string" && h.trim() === "") && (f[k.key] || (f[k.key] = {}), f[k.key][d.key] = `${d.label} is required`);
           }
         });
       else if (k.type === "datatable") {
-        const d = i[k.key];
+        const d = c[k.key];
         Array.isArray(d) && d.forEach((h, x) => {
           k.fields.forEach((F) => {
             if (F.required) {
@@ -5383,11 +5386,11 @@ function Bn({
       try {
         w(!0);
         const d = {};
-        i && Object.keys(i).forEach((x) => {
+        c && Object.keys(c).forEach((x) => {
           const F = r?.configuration?.find(
             (z) => z.key === x && z.type === "datatable"
           );
-          F && Array.isArray(i[x]) ? d[x] = i[x].map((z) => {
+          F && Array.isArray(c[x]) ? d[x] = c[x].map((z) => {
             const q = { id: z.id || 0 };
             return F.fields && F.fields.forEach((D) => {
               if (D.fieldtype === "audience") {
@@ -5400,13 +5403,13 @@ function Bn({
               } else
                 q[D.key] = z[D.key] || "";
             }), q;
-          }) : d[x] = i[x];
+          }) : d[x] = c[x];
         });
         let h = await Fe(O, d);
         if (console.log(), h && h.status != "fail") {
           g({});
           const x = h.message || "Configuration has been saved successfully";
-          ve.success(x), n && typeof n == "function" && n(i);
+          ve.success(x), n && typeof n == "function" && n(c);
         } else
           throw ve.error(h?.message || "Failed to save configuration"), new Error("No response received from server");
       } catch (d) {
@@ -5428,7 +5431,7 @@ function Bn({
     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 p = r?.configuration || u?.configuration;
   return Q(() => {
-    s && r ? (!i || Object.keys(i).length === 0) && P() : s && !r && P();
+    s && r ? (!c || Object.keys(c).length === 0) && P() : s && !r && P();
   }, [s, r]), /* @__PURE__ */ l("div", { children: [
     /* @__PURE__ */ l(
       "div",
@@ -5444,7 +5447,7 @@ function Bn({
                 d,
                 {
                   item: f,
-                  data: i,
+                  data: c,
                   updateHandler: E,
                   validationErrors: m
                 },
@@ -5482,7 +5485,7 @@ const us = ({
   appid: r = "Configuration-Page",
   disableApi: s = !1
 }) => {
-  const [o, n] = L(0), [u, c] = L(!1), [i, y] = L(r), {
+  const [o, n] = L(0), [u, i] = L(!1), [c, y] = L(r), {
     pageHeader: b = {},
     appletHeader: N = {},
     breadcrumb: a = [],
@@ -5535,9 +5538,9 @@ const us = ({
     label: p.text,
     href: p.href || "#"
   })), R = K(() => {
-    console.log("handleCancelRequest called - showing modal"), c(!0);
+    console.log("handleCancelRequest called - showing modal"), i(!0);
   }, []), S = K((p) => {
-    c(!1), p.primary ? (console.log("User confirmed cancel - navigating back"), window.history.back()) : console.log("User cancelled the cancel action - modal closed, data preserved");
+    i(!1), p.primary ? (console.log("User confirmed cancel - navigating back"), window.history.back()) : console.log("User cancelled the cancel action - modal closed, data preserved");
   }, []), B = () => {
     for (const p of g)
       if (p.type === "section" && p.fields) {
@@ -5559,7 +5562,7 @@ const us = ({
     subHeading: "Application configuration and details",
     tags: [],
     ...N,
-    heading: i
+    heading: c
     // Ensure displayname always overrides config heading
   }, V = {
     about: "This application provides comprehensive functionality for your organization.",
@@ -5715,8 +5718,8 @@ const hs = ({
   apiRef: n,
   // preferred
   onAdd: u,
-  onFilterOpen: c,
-  addBtnText: i = "Add",
+  onFilterOpen: i,
+  addBtnText: c = "Add",
   // Feature toggles
   showSearch: y = !0,
   showColumnChooser: b = !0,
@@ -5817,7 +5820,7 @@ const hs = ({
             Z,
             {
               icon: Wt,
-              onClick: c,
+              onClick: i,
               size: "small",
               ariaLabel: "Filters",
               category: "secondary",
@@ -5872,12 +5875,12 @@ const hs = ({
         $ && u && /* @__PURE__ */ e(
           Z,
           {
-            label: i,
+            label: c,
             icon: Ht,
             onClick: u,
             size: "small",
             ariaLabel: "Add New",
-            title: i
+            title: c
           }
         )
       ] })
@@ -5892,8 +5895,8 @@ function ps(t) {
     pageIndex: n = 1,
     // 1-based
     pageSize: u = 10,
-    allowPaging: c = !0,
-    allowSorting: i = !0,
+    allowPaging: i = !0,
+    allowSorting: c = !0,
     allowFiltering: y = !1,
     allowGrouping: b = !1,
     allowReordering: N = !0,
@@ -5918,8 +5921,8 @@ function ps(t) {
     ...d
   } = v || {}, h = ne(() => {
     const C = [wr];
-    return i && C.push(Cr), y && C.push(Sr), b && C.push(Dr), $ && C.push($r), w && C.push(Fr), m && C.push(Tr), g && C.push(Ar), a && C.push(Er), N && C.push(Rr), C.push(Ir), C;
-  }, [i, y, b, $, w, m, g, a, N]), x = ne(() => {
+    return c && C.push(Cr), y && C.push(Sr), b && C.push(Dr), $ && C.push($r), w && C.push(Fr), m && C.push(Tr), g && C.push(Ar), a && C.push(Er), N && C.push(Rr), C.push(Ir), C;
+  }, [c, y, b, $, w, m, g, a, N]), x = ne(() => {
     const C = () => p.current, I = (G, H) => {
       !H && process.env.NODE_ENV !== "production" && console.warn(`[CustomDataGrid] ${G} requested but related service/feature is disabled.`);
     };
@@ -5960,20 +5963,20 @@ function ps(t) {
     pageSizes: !0,
     ...f || {}
   }), [n, u, s, f]), q = ne(() => {
-    if (!i || !k) return;
+    if (!c || !k) return;
     const C = (k.columns || []).map((I) => ({
       ...I,
       direction: F(I.direction || I.dir)
     }));
     return { allowUnsort: !0, ...k, columns: C };
-  }, [k, i]), D = (C) => {
-    const I = p.current, G = C?.requestType, H = G === "paging" ? "paging" : G === "sorting" ? "sorting" : G === "searching" ? "searching" : G === "filtering" ? "filtering" : G === "grouping" ? "grouping" : G === "reorder" ? "reorder" : G === "columnstate" ? "columnstate" : "other", ce = C?.pageSize ?? I?.pageSettings?.pageSize ?? u, ie = C?.currentPage ?? I?.pageSettings?.currentPage ?? n, je = C?.columnName && C?.direction ? [{ field: C.columnName, dir: F(C.direction) }] : (I?.sortSettings?.columns || []).map((Ce) => ({
+  }, [k, c]), D = (C) => {
+    const I = p.current, G = C?.requestType, H = G === "paging" ? "paging" : G === "sorting" ? "sorting" : G === "searching" ? "searching" : G === "filtering" ? "filtering" : G === "grouping" ? "grouping" : G === "reorder" ? "reorder" : G === "columnstate" ? "columnstate" : "other", ie = C?.pageSize ?? I?.pageSettings?.pageSize ?? u, ce = C?.currentPage ?? I?.pageSettings?.currentPage ?? n, je = C?.columnName && C?.direction ? [{ field: C.columnName, dir: F(C.direction) }] : (I?.sortSettings?.columns || []).map((Ce) => ({
       field: Ce.field,
       dir: F(Ce.direction ?? Ce.dir)
     })), Ge = C?.searchString ?? "", _e = C?.columns ?? I?.filterSettings?.columns ?? [];
     return {
       reason: H,
-      page: { index: ie, size: ce, skip: (ie - 1) * ce, take: ce },
+      page: { index: ce, size: ie, skip: (ce - 1) * ie, take: ie },
       sort: je,
       // [{ field, dir: 'Ascending'|'Descending' }]
       search: Ge,
@@ -5988,8 +5991,8 @@ function ps(t) {
       ref: p,
       dataSource: r,
       height: O,
-      allowPaging: c,
-      allowSorting: i,
+      allowPaging: i,
+      allowSorting: c,
       allowFiltering: y,
       allowGrouping: b,
       allowReordering: N,
@@ -6016,8 +6019,8 @@ function ps(t) {
           return S && C.push(/* @__PURE__ */ e(ra, { type: "checkbox", width: "50" }, "__checkbox__")), B.forEach((I, G) => {
             const {
               field: H,
-              headerText: ce,
-              width: ie,
+              headerText: ie,
+              width: ce,
               textAlign: je = "Left",
               template: Ge,
               isPrimaryKey: _e,
@@ -6037,8 +6040,8 @@ function ps(t) {
                 ra,
                 {
                   field: H,
-                  headerText: ce,
-                  width: ie,
+                  headerText: ie,
+                  width: ce,
                   textAlign: je,
                   template: Ge,
                   isPrimaryKey: _e,
@@ -6072,7 +6075,7 @@ export {
   Vr as Button,
   Aa as Checkbox,
   ps as CustomDataGrid,
-  cs as CustomDialog,
+  is as CustomDialog,
   hs as CustomGridToolbar,
   ds as CustomTab,
   za as DatePicker,
@@ -6099,7 +6102,7 @@ export {
   ms as ToastProvider,
   Ma as ToggleSwitch,
   es as Tooltip,
-  is as TreeView,
+  cs as TreeView,
   Z as UnifyedCoreButton,
   as as WizardModal,
   Ga as adGroupsListSearchApi,