unifyedx-storybook-new 0.1.84 → 0.1.85

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

@@ -1,11 +1,11 @@
-import { jsxs as l, jsx as e, Fragment as H } from "react/jsx-runtime";
-import re, { useState as M, useMemo as ne, useId as Qe, Fragment as Q, useEffect as X, useCallback as ae, useRef as ue } from "react";
-import { a as J, U as lt, X as ge, P as _, L as ot, C as Oe, b as Me, f as Be, d as pa, D as ga, F as it, e as ct, h as dt, T as Pe, u as ut, i as mt, I as ht, j as pt, k as gt, l as yt, m as ft, n as bt, S as ya, o as fa, M as vt, p as xt, q as ba, r as Nt, A as kt, s as wt, E as Ct, t as St, v as Dt, w as Ft, x as $t, y as va, z as Tt, B as xa, G as Na, H as At, J as Et, K as Rt, N as Le, O as Xe, Q as Ze, R as It, V as zt, W as ka, Y as Bt, Z as ea, _ as Pt, $ as Lt, a0 as wa, a1 as Ot, a2 as Mt, a3 as Vt, a4 as Ut, a5 as qt, a6 as jt, a7 as Gt, a8 as le, a9 as _t, aa as Yt, ab as Wt, ac as Jt, ad as Qt, ae as Xt, af as Zt, ag as Ht, ah as Kt, ai as er } from "./vendor-DeQQK_I4.js";
-import { Popover as ar, PopoverButton as tr, PopoverPanel as rr, Transition as oe, Dialog as me, TransitionChild as pe, DialogPanel as Ne, DialogTitle as Ve, TabGroup as nr, TabList as sr, Tab as ee, TabPanels as lr, RadioGroup as Te, Listbox as Z, ListboxButton as or, ListboxOptions as ir, ListboxOption as cr, SwitchGroup as dr, Switch as Ye, Menu as ur, MenuButton as mr, Portal as hr, MenuItems as pr, MenuItem as gr, DialogBackdrop as yr } from "@headlessui/react";
+import { jsxs as l, jsx as e, Fragment as K } from "react/jsx-runtime";
+import re, { useState as M, useMemo as ne, useId as Qe, Fragment as J, useEffect as Q, useCallback as ae, useRef as ue } from "react";
+import { a as W, U as lt, X as ge, P as _, L as ot, C as Oe, b as Me, f as Pe, d as pa, D as ga, F as it, e as ct, h as dt, T as Be, u as ut, i as mt, I as ht, j as pt, k as gt, l as yt, m as ft, n as bt, S as ya, o as fa, M as vt, p as xt, q as ba, r as Nt, A as kt, s as wt, E as Ct, t as St, v as Dt, w as Ft, x as $t, y as va, z as Tt, B as xa, G as Na, H as At, J as Et, K as Rt, N as Le, O as Xe, Q as Ze, R as It, V as zt, W as ka, Y as Pt, Z as ea, _ as Bt, $ as Lt, a0 as wa, a1 as Ot, a2 as Mt, a3 as Vt, a4 as Ut, a5 as qt, a6 as jt, a7 as Gt, a8 as le, a9 as _t, aa as Yt, ab as Wt, ac as Jt, ad as Qt, ae as Xt, af as Zt, ag as Ht, ah as Kt, ai as er } from "./vendor-CugE0rJ9.js";
+import { Popover as ar, PopoverButton as tr, PopoverPanel as rr, Transition as oe, Dialog as me, TransitionChild as pe, DialogPanel as Ne, DialogTitle as Ve, TabGroup as nr, TabList as sr, Tab as ee, TabPanels as lr, RadioGroup as Te, Listbox as X, ListboxButton as or, ListboxOptions as ir, ListboxOption as cr, SwitchGroup as dr, Switch as Ye, Menu as ur, MenuButton as mr, Portal as hr, MenuItems as pr, MenuItem as gr, DialogBackdrop as yr } from "@headlessui/react";
 import { motion as te, AnimatePresence as fe } from "framer-motion";
-import { d as fr, l as br, _ as We } from "./vendor-lodash-DPU6HQ5N.js";
+import { d as fr, l as br, _ as We } from "./vendor-lodash-BvgZjhaA.js";
 import { useFloating as Ca, offset as Sa, flip as Da, shift as Fa, autoUpdate as $a, useClick as vr, useDismiss as xr, useInteractions as Nr, FloatingPortal as kr } from "@floating-ui/react";
-import { P as wr, S as Cr, F as Sr, G as Dr, a as Fr, E as $r, b as Tr, C as Ar, R as Er, c as Rr, d as Ir, e as zr, f as Br, I as Pr, g as ra } from "./vendor-syncfusion-DGcZfoFG.js";
+import { P as wr, S as Cr, F as Sr, G as Dr, a as Fr, E as $r, b as Tr, C as Ar, R as Er, c as Rr, d as Ir, e as zr, f as Pr, I as Br, g as ra } from "./vendor-syncfusion-DGcZfoFG.js";
 const Lr = (t) => {
   let r = 2166136261;
   for (let s = 0; s < t.length; s++)
@@ -26,7 +26,7 @@ const Lr = (t) => {
   className: m,
   ...i
 }) => {
-  const [u, y] = M(!1), f = ne(() => Or(r), []), v = t && !u, a = !v && r, k = !v && !r, d = J(
+  const [u, y] = M(!1), f = ne(() => Or(r), []), v = t && !u, a = !v && r, k = !v && !r, d = W(
     "avatar-container",
     `avatar--size-${s}`,
     m
@@ -71,7 +71,7 @@ const Lr = (t) => {
   className: u,
   ...y
 }) => {
-  const f = J(
+  const f = W(
     "badge",
     `badge--variant-${r}`,
     `badge--size-${s}`,
@@ -134,7 +134,7 @@ const Ur = {
 }, qr = {
   primary: "btn-primary",
   secondary: "btn-secondary"
-}, W = ({
+}, Z = ({
   dataTestId: t,
   title: r,
   type: s = "button",
@@ -153,7 +153,7 @@ const Ur = {
   onClick: k,
   ...d
 }) => {
-  const p = y || m, T = u && !v, L = J(
+  const p = y || m, T = u && !v, L = W(
     "btn-base",
     Ur[f],
     qr[i],
@@ -174,7 +174,7 @@ const Ur = {
       title: r || T && o || (typeof v == "string" ? v : void 0),
       "aria-label": o || T && r || (typeof v == "string" ? v : void 0),
       ...d,
-      children: m ? /* @__PURE__ */ e(ot, { className: "loader-spin", "data-testid": "button-loader" }) : /* @__PURE__ */ l(H, { children: [
+      children: m ? /* @__PURE__ */ e(ot, { className: "loader-spin", "data-testid": "button-loader" }) : /* @__PURE__ */ l(K, { children: [
         u && /* @__PURE__ */ e(u, { size: f === "large" ? 20 : 16 }),
         v,
         a,
@@ -233,7 +233,7 @@ const Ur = {
       /* @__PURE__ */ e(
         "div",
         {
-          className: J("checkbox-box", {
+          className: W("checkbox-box", {
             "checkbox-box--checked": m,
             "checkbox-box--error": !!s
           }),
@@ -259,7 +259,7 @@ const Ur = {
   const f = (v) => {
     v.stopPropagation(), v.preventDefault(), s?.();
   };
-  return /* @__PURE__ */ l("div", { className: J("datepicker-wrapper", u), children: [
+  return /* @__PURE__ */ l("div", { className: W("datepicker-wrapper", u), 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: [
@@ -268,15 +268,15 @@ const Ur = {
           {
             id: "datepicker-input",
             type: "button",
-            className: J("datepicker-trigger", {
+            className: W("datepicker-trigger", {
               "datepicker-trigger--error": !!m,
               "datepicker-trigger--disabled": i
             }),
             disabled: i,
-            "aria-label": t ? `Selected date is ${Be(t, "PPP")}` : o,
+            "aria-label": t ? `Selected date is ${Pe(t, "PPP")}` : o,
             children: [
               /* @__PURE__ */ e(pa, { className: "datepicker-icon" }),
-              t ? /* @__PURE__ */ e("span", { className: "datepicker-value", children: Be(t, "PPP") }) : /* @__PURE__ */ e("span", { className: "datepicker-placeholder", children: o })
+              t ? /* @__PURE__ */ e("span", { className: "datepicker-value", children: Pe(t, "PPP") }) : /* @__PURE__ */ e("span", { className: "datepicker-placeholder", children: o })
             ]
           }
         ),
@@ -318,12 +318,12 @@ const Ur = {
 }) => {
   const f = t?.from, v = t?.to, a = (d) => {
     d.stopPropagation(), d.preventDefault(), s?.();
-  }, k = f && v ? /* @__PURE__ */ l(H, { children: [
-    Be(f, "MMM d, y"),
+  }, k = f && v ? /* @__PURE__ */ l(K, { children: [
+    Pe(f, "MMM d, y"),
     " - ",
-    Be(v, "MMM d, y")
+    Pe(v, "MMM d, y")
   ] }) : /* @__PURE__ */ e("span", { className: "datepicker-placeholder", children: o });
-  return /* @__PURE__ */ l("div", { className: J("datepicker-wrapper", u), children: [
+  return /* @__PURE__ */ l("div", { className: W("datepicker-wrapper", u), 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: [
@@ -332,7 +332,7 @@ const Ur = {
           {
             id: "daterangepicker-input",
             type: "button",
-            className: J("datepicker-trigger", {
+            className: W("datepicker-trigger", {
               "datepicker-trigger--error": !!m,
               "datepicker-trigger--disabled": i
             }),
@@ -633,7 +633,7 @@ const Ur = {
   subHeading: p = "Supports PNG, JPG, PDF. Max size: 50MB."
 }) => {
   const T = i.length > 0 || u.length > 0;
-  return /* @__PURE__ */ e(oe, { appear: !0, show: t, as: Q, children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ e(oe, { appear: !0, show: t, as: J, children: /* @__PURE__ */ l(
     me,
     {
       as: "div",
@@ -644,7 +644,7 @@ const Ur = {
         /* @__PURE__ */ e(
           pe,
           {
-            as: Q,
+            as: J,
             enter: "ease-out duration-300",
             enterFrom: "opacity-0",
             enterTo: "opacity-100",
@@ -657,7 +657,7 @@ const Ur = {
         /* @__PURE__ */ e("div", { className: "dialog-positioner", children: /* @__PURE__ */ e(
           pe,
           {
-            as: Q,
+            as: J,
             enter: "ease-out duration-300",
             enterFrom: "opacity-0 scale-95",
             enterTo: "opacity-100 scale-100",
@@ -734,7 +734,7 @@ const Ur = {
                                     type: "button",
                                     onClick: () => y(R),
                                     className: "remove-file-button",
-                                    children: /* @__PURE__ */ e(Pe, { size: 16 })
+                                    children: /* @__PURE__ */ e(Be, { size: 16 })
                                   }
                                 )
                               ]
@@ -765,7 +765,7 @@ const Ur = {
                                     type: "button",
                                     onClick: () => f(S),
                                     className: "remove-file-button",
-                                    children: /* @__PURE__ */ e(Pe, { size: 16 })
+                                    children: /* @__PURE__ */ e(Be, { size: 16 })
                                   }
                                 )
                               ]
@@ -777,7 +777,7 @@ const Ur = {
                     ] }),
                     /* @__PURE__ */ l("div", { className: "dialog-footer", children: [
                       /* @__PURE__ */ e(
-                        W,
+                        Z,
                         {
                           type: "button",
                           category: "secondary",
@@ -786,7 +786,7 @@ const Ur = {
                         }
                       ),
                       /* @__PURE__ */ e(
-                        W,
+                        Z,
                         {
                           type: "submit",
                           label: a ? "Uploading..." : "Upload Files",
@@ -825,11 +825,11 @@ const Ur = {
     // Deep copy
     onSubmit: (S) => {
       const A = {};
-      Object.keys(S).forEach((B) => {
-        A[B] = {
-          operator: S[B].operator || "in",
-          values: Array.isArray(S[B].values) ? S[B].values : [],
-          range: S[B].range || null
+      Object.keys(S).forEach((P) => {
+        A[P] = {
+          operator: S[P].operator || "in",
+          values: Array.isArray(S[P].values) ? S[P].values : [],
+          range: S[P].range || null
         };
       }), console.log("[storybook filter] Applied Filters:", A), typeof s == "function" && s({
         filters: A,
@@ -838,7 +838,7 @@ const Ur = {
     },
     enableReinitialize: !0
   }), k = ne(() => n.reduce((S, A) => {
-    const B = A.key, I = a.values[B];
+    const P = A.key, I = a.values[P];
     let V = !1;
     if (I)
       switch (A.type) {
@@ -850,26 +850,26 @@ const Ur = {
           (I.range && I.range !== "" || Array.isArray(I.values) && I.values.length > 0) && (V = !0);
           break;
       }
-    return S[B] = V, S;
+    return S[P] = V, S;
   }, {}), [n, a.values]), d = Object.values(k).filter(Boolean).length, p = async (S, A) => {
     try {
       v((I) => ({ ...I, [S]: !0 }));
-      const B = await i(S, A);
-      y((I) => ({ ...I, [S]: B }));
-    } catch (B) {
-      console.error(`Error fetching ${S} users:`, B);
+      const P = await i(S, A);
+      y((I) => ({ ...I, [S]: P }));
+    } catch (P) {
+      console.error(`Error fetching ${S} users:`, P);
     } finally {
-      v((B) => ({ ...B, [S]: !1 }));
+      v((P) => ({ ...P, [S]: !1 }));
     }
   }, T = (S) => {
-    const A = n[S].key, B = n[S].url;
-    n[S].type === "multiselect-users" && u[A].length === 0 && !f[A] && p(A, B);
+    const A = n[S].key, P = n[S].url;
+    n[S].type === "multiselect-users" && u[A].length === 0 && !f[A] && p(A, P);
   }, L = () => {
     a.resetForm(), y({ createdBy: [], updatedBy: [] }), o();
   }, R = (S) => {
     const A = n.find((V) => V.key === S);
     if (!A) return null;
-    const B = a.values[S] || m[S], I = Array.isArray(B.values) ? B.values : [];
+    const P = a.values[S] || m[S], I = Array.isArray(P.values) ? P.values : [];
     switch (A.type) {
       case "multiselect":
         return /* @__PURE__ */ l("div", { className: "filter-panel-content", children: [
@@ -878,7 +878,7 @@ const Ur = {
             /* @__PURE__ */ e(
               "select",
               {
-                value: B.operator || "in",
+                value: P.operator || "in",
                 onChange: (c) => a.setFieldValue(`${S}.operator`, c.target.value),
                 className: "filter-select",
                 children: A.operators.map((c) => /* @__PURE__ */ e("option", { value: c, children: c === "in" ? "Includes" : "Excludes" }, c))
@@ -942,14 +942,14 @@ const Ur = {
             /* @__PURE__ */ e(
               "select",
               {
-                value: B.operator || "in",
+                value: P.operator || "in",
                 onChange: (c) => a.setFieldValue(`${S}.operator`, c.target.value),
                 className: "filter-select",
                 children: A.operators.map((c) => /* @__PURE__ */ e("option", { value: c, children: c === "in" ? "Includes" : "Excludes" }, c))
               }
             )
           ] }),
-          z ? /* @__PURE__ */ e("div", { className: "loading-spinner", children: /* @__PURE__ */ e("div", {}) }) : /* @__PURE__ */ e("div", { className: "filter-checkbox-list", children: V.length > 0 ? /* @__PURE__ */ l(H, { children: [
+          z ? /* @__PURE__ */ e("div", { className: "loading-spinner", children: /* @__PURE__ */ e("div", {}) }) : /* @__PURE__ */ e("div", { className: "filter-checkbox-list", children: V.length > 0 ? /* @__PURE__ */ l(K, { children: [
             /* @__PURE__ */ l("div", { className: "filter-checkbox-item", children: [
               /* @__PURE__ */ e(
                 "input",
@@ -1008,7 +1008,7 @@ const Ur = {
           ] }) : /* @__PURE__ */ e("div", { className: "text-center py-4 text-gray-500 text-sm", children: "No users loaded." }) })
         ] });
       case "date":
-        const P = B.values || [], [g, h] = P, N = g && h, w = {
+        const B = P.values || [], [g, h] = B, N = g && h, w = {
           startDate: g instanceof Date ? g : /* @__PURE__ */ new Date(),
           // Fallback to today
           endDate: h instanceof Date ? h : /* @__PURE__ */ new Date(),
@@ -1021,7 +1021,7 @@ const Ur = {
             /* @__PURE__ */ e(
               "select",
               {
-                value: B.operator,
+                value: P.operator,
                 onChange: (c) => a.setFieldValue(`${S}.operator`, c.target.value),
                 className: "filter-select",
                 children: A.operators.map((c) => /* @__PURE__ */ e("option", { value: c, children: c === "in" ? "Is" : "Is not" }, c))
@@ -1065,11 +1065,11 @@ const Ur = {
         return null;
     }
   };
-  return /* @__PURE__ */ e(oe, { appear: !0, show: t, as: Q, children: /* @__PURE__ */ l(me, { as: "div", className: "relative z-50", onClose: r, children: [
+  return /* @__PURE__ */ e(oe, { appear: !0, show: t, as: J, children: /* @__PURE__ */ l(me, { as: "div", className: "relative z-50", onClose: r, children: [
     /* @__PURE__ */ e(
       pe,
       {
-        as: Q,
+        as: J,
         enter: "ease-out duration-300",
         enterFrom: "opacity-0",
         enterTo: "opacity-100",
@@ -1082,7 +1082,7 @@ const Ur = {
     /* @__PURE__ */ e("div", { className: "filter-modal-container", children: /* @__PURE__ */ e("div", { className: "filter-modal-positioner", children: /* @__PURE__ */ e(
       pe,
       {
-        as: Q,
+        as: J,
         enter: "ease-out duration-300",
         enterFrom: "opacity-0 translate-x-full",
         enterTo: "opacity-100 translate-x-0",
@@ -1146,32 +1146,25 @@ const Ur = {
             ) }),
             /* @__PURE__ */ l("div", { className: "filter-footer", children: [
               /* @__PURE__ */ e(
-                W,
+                "button",
                 {
-                  "data-testid": "cancel-button",
-                  label: "Cancel",
-                  loader: !1,
-                  ariaLabel: "Cancel Button",
+                  type: "button",
                   onClick: r,
-                  category: "secondary"
+                  className: "filter-button cancel",
+                  children: "Cancel"
                 }
               ),
-              /* @__PURE__ */ e(
-                W,
+              /* @__PURE__ */ l(
+                "button",
                 {
-                  label: /* @__PURE__ */ l(H, { children: [
+                  type: "submit",
+                  disabled: !a.dirty,
+                  className: "filter-button apply",
+                  children: [
                     "Apply Filters",
                     " ",
                     d > 0 ? `(${d})` : ""
-                  ] }),
-                  loader: !1,
-                  type: "submit",
-                  ariaLabel: "Apply Filter",
-                  className: "p-3 primaryButton !w-[70px]",
-                  "data-testid": "apply-filter",
-                  onClick: () => primaryAction?.onSubmit(),
-                  category: "primary",
-                  disabled: !a.dirty
+                  ]
                 }
               )
             ] })
@@ -1202,7 +1195,7 @@ const Ur = {
           id: y,
           type: s,
           ref: i,
-          className: J("input-field", {
+          className: W("input-field", {
             "input-field--error": !!n,
             "input-field--with-icon": !!o
           }),
@@ -1214,7 +1207,7 @@ const Ur = {
   ] });
 }, oa = {
   delete: {
-    icon: Pe,
+    icon: Be,
     iconClass: "icon--delete",
     primaryButtonCategory: "danger"
     // Assuming you add a 'danger' category to your Button
@@ -1248,11 +1241,11 @@ const Ur = {
   }, k = () => {
     r({ primary: !1, secondary: !0 });
   };
-  return /* @__PURE__ */ e(oe, { appear: !0, show: t, as: Q, children: /* @__PURE__ */ l(me, { as: "div", className: "modal-dialog", onClose: () => r({}), children: [
+  return /* @__PURE__ */ e(oe, { appear: !0, show: t, as: J, children: /* @__PURE__ */ l(me, { as: "div", className: "modal-dialog", onClose: () => r({}), children: [
     /* @__PURE__ */ e(
       pe,
       {
-        as: Q,
+        as: J,
         enter: "ease-out duration-300",
         enterFrom: "opacity-0",
         enterTo: "opacity-100",
@@ -1265,7 +1258,7 @@ const Ur = {
     /* @__PURE__ */ e("div", { className: "modal-positioner", children: /* @__PURE__ */ e(
       pe,
       {
-        as: Q,
+        as: J,
         enter: "ease-out duration-300",
         enterFrom: "opacity-0 scale-95",
         enterTo: "opacity-100 scale-100",
@@ -1282,7 +1275,7 @@ const Ur = {
           ] }),
           /* @__PURE__ */ l("div", { className: "modal-footer", children: [
             /* @__PURE__ */ e(
-              W,
+              Z,
               {
                 onClick: k,
                 label: m,
@@ -1290,7 +1283,7 @@ const Ur = {
               }
             ),
             /* @__PURE__ */ e(
-              W,
+              Z,
               {
                 onClick: a,
                 label: n,
@@ -1311,7 +1304,7 @@ const Ur = {
   itemsPerPageOptions: m = [10, 15, 20]
 }) => {
   const i = Math.ceil(r / s), [u, y] = M(t);
-  X(() => {
+  Q(() => {
     y(t);
   }, [t]);
   const f = Math.min((t - 1) * s + 1, r), v = Math.min(t * s, r), a = (k) => {
@@ -1398,7 +1391,7 @@ const Ur = {
       )
     ] })
   ] });
-}, Ba = ({
+}, Pa = ({
   label: t,
   value: r,
   // The currently selected option's value (e.g., 'work')
@@ -1419,12 +1412,12 @@ const Ur = {
         Te.Option,
         {
           value: i.value,
-          className: ({ active: u, checked: y }) => J("radiogroup-option", {
+          className: ({ active: u, checked: y }) => W("radiogroup-option", {
             "radiogroup-option--active": u,
             "radiogroup-option--checked": y,
             "radiogroup-option--error": !!n
           }),
-          children: ({ checked: u }) => /* @__PURE__ */ l(H, { children: [
+          children: ({ checked: u }) => /* @__PURE__ */ l(K, { children: [
             /* @__PURE__ */ l("div", { className: "radiogroup-option-content", children: [
               /* @__PURE__ */ e(Te.Label, { as: "p", className: "option-label", children: i.label }),
               i.description && /* @__PURE__ */ e(
@@ -1455,7 +1448,7 @@ const Ur = {
   ...i
 }) => {
   const [u, y] = M(t);
-  X(() => {
+  Q(() => {
     y(t);
   }, [t]);
   const f = ae(
@@ -1464,7 +1457,7 @@ const Ur = {
     }, s),
     [s, r]
   );
-  X(() => (u !== t && f(u), () => {
+  Q(() => (u !== t && f(u), () => {
     f.cancel();
   }), [u, f, t]);
   const v = (a) => {
@@ -1504,13 +1497,13 @@ const Ur = {
   const [f, v] = M(""), a = f === "" ? o : o.filter(
     (d) => d.label.toLowerCase().includes(f.toLowerCase())
   ), k = o.find((d) => r?.id ? d.id === r.id : d.id === r || d.value === r);
-  return /* @__PURE__ */ e(Z, { value: r, onChange: s, disabled: m, children: /* @__PURE__ */ l("div", { className: "select-wrapper", ref: u, children: [
+  return /* @__PURE__ */ e(X, { value: r, onChange: s, disabled: m, children: /* @__PURE__ */ l("div", { className: "select-wrapper", ref: u, children: [
     t && /* @__PURE__ */ e("label", { className: "select-label", children: t }),
     /* @__PURE__ */ l("div", { className: "select-button-container", children: [
       /* @__PURE__ */ l(
         or,
         {
-          className: J("select-button", {
+          className: W("select-button", {
             "select-button--error": !!i
           }),
           children: [
@@ -1539,7 +1532,7 @@ const Ur = {
               {
                 className: ({ active: p }) => `select-option ${p ? "active" : ""}`,
                 value: d,
-                children: ({ selected: p }) => /* @__PURE__ */ l(H, { children: [
+                children: ({ selected: p }) => /* @__PURE__ */ l(K, { children: [
                   /* @__PURE__ */ l("div", { className: "option-content", children: [
                     d.icon && /* @__PURE__ */ e(d.icon, { className: "option-icon" }),
                     /* @__PURE__ */ e(
@@ -1569,7 +1562,7 @@ const Ur = {
   ] }) });
 }, Wr = () => {
   const [t, r] = M(window.location.pathname);
-  return X(() => {
+  return Q(() => {
     const s = () => {
       r(window.location.pathname);
     };
@@ -1582,9 +1575,9 @@ const Ur = {
     if ((s.href || s.url || s.path) === r || s.children && Ke(s.children, r))
       return s;
   return null;
-}, Pa = ({ item: t, isCollapsed: r, level: s = 0 }) => {
+}, Ba = ({ item: t, isCollapsed: r, level: s = 0 }) => {
   const { pathname: o } = Wr(), n = t.href || t.url || t.path, [m, i] = M(!1), u = t.icon;
-  X(() => {
+  Q(() => {
     Ke([t], o) && i(!0);
   }, [t, o]);
   const y = o === n, f = !y && !!Ke([t], o), v = (a) => {
@@ -1593,7 +1586,7 @@ const Ur = {
   return /* @__PURE__ */ l(
     "div",
     {
-      className: J("nav-item-container", {
+      className: W("nav-item-container", {
         "nav-item-container--parent-active": f,
         [`nav-item-container--level-${s}`]: s > 0
       }),
@@ -1604,7 +1597,7 @@ const Ur = {
             href: n,
             target: t.target,
             rel: t.target === "_blank" ? "noopener noreferrer" : void 0,
-            className: J("nav-item", {
+            className: W("nav-item", {
               "nav-item--active": y,
               "nav-item--collapsed": r
             }),
@@ -1622,7 +1615,7 @@ const Ur = {
                   children: /* @__PURE__ */ e(
                     ba,
                     {
-                      className: J("nav-chevron", {
+                      className: W("nav-chevron", {
                         "nav-chevron--open": m
                       })
                     }
@@ -1635,13 +1628,13 @@ const Ur = {
         t.children && /* @__PURE__ */ e(
           "div",
           {
-            className: J("sub-menu", {
+            className: W("sub-menu", {
               "sub-menu--open": m,
               "sub-menu--collapsed": r
             }),
             "aria-hidden": !m || r,
             children: t.children.map((a) => /* @__PURE__ */ e(
-              Pa,
+              Ba,
               {
                 item: a,
                 isCollapsed: r,
@@ -1663,7 +1656,7 @@ const Ur = {
   logoSmall: m,
   logoLarge: i,
   user: u = { name: "", email: "" }
-}) => /* @__PURE__ */ l(H, { children: [
+}) => /* @__PURE__ */ l(K, { children: [
   o && /* @__PURE__ */ e(
     "div",
     {
@@ -1675,7 +1668,7 @@ const Ur = {
   /* @__PURE__ */ l(
     "aside",
     {
-      className: J("sidebar", {
+      className: W("sidebar", {
         "sidebar--collapsed": r,
         "sidebar--mobile-open": o
       }),
@@ -1705,7 +1698,7 @@ const Ur = {
             }
           )
         ] }),
-        /* @__PURE__ */ e("nav", { className: "sidebar-nav", "aria-label": "Primary", children: /* @__PURE__ */ e("ul", { className: "sidebar-nav-list", children: t.map((y) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(Pa, { item: y, isCollapsed: r }) }, y.label || y.name)) }) }),
+        /* @__PURE__ */ e("nav", { className: "sidebar-nav", "aria-label": "Primary", children: /* @__PURE__ */ e("ul", { className: "sidebar-nav-list", children: t.map((y) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(Ba, { item: y, isCollapsed: r }) }, y.label || y.name)) }) }),
         /* @__PURE__ */ l("div", { className: "sidebar-footer", children: [
           /* @__PURE__ */ e(Ta, { src: u.avatar, name: u.name, size: "medium" }),
           /* @__PURE__ */ l("div", { className: "user-info", children: [
@@ -1733,7 +1726,7 @@ const Ur = {
   className: s,
   ...o
 }) => {
-  const n = J(
+  const n = W(
     "spinner",
     `spinner--size-${t}`,
     `spinner--color-${r}`,
@@ -1791,7 +1784,7 @@ const Ur = {
       {
         id: y,
         ref: n,
-        className: J("textarea-field", {
+        className: W("textarea-field", {
           "textarea-field--error": !!s
         }),
         maxLength: m,
@@ -1816,7 +1809,7 @@ const Ur = {
       {
         checked: r,
         onChange: s,
-        className: J("switch-element", {
+        className: W("switch-element", {
           // Renamed from switch-wrapper
           "switch-element--error": !!n
         }),
@@ -1841,7 +1834,7 @@ const Ur = {
   ...i
 }) => {
   const u = re.useId();
-  return /* @__PURE__ */ l(H, { children: [
+  return /* @__PURE__ */ l(K, { children: [
     re.cloneElement(t, { "data-tooltip-id": u }),
     /* @__PURE__ */ e(
       Nt,
@@ -1881,7 +1874,7 @@ const Ur = {
   closeOnOverlayClick: f = !0
 }) => {
   const v = s[o], a = Object.keys(s), k = a.indexOf(o), d = (k + 1) / a.length * 100, p = k > 0 && m.onBack;
-  return /* @__PURE__ */ e(oe, { show: t, as: Q, children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ e(oe, { show: t, as: J, children: /* @__PURE__ */ l(
     me,
     {
       as: "div",
@@ -1892,7 +1885,7 @@ const Ur = {
         /* @__PURE__ */ e(
           pe,
           {
-            as: Q,
+            as: J,
             enter: "ease-out duration-300",
             enterFrom: "opacity-0",
             enterTo: "opacity-100",
@@ -1905,7 +1898,7 @@ const Ur = {
         /* @__PURE__ */ e("div", { className: "wizard-container", children: /* @__PURE__ */ e("div", { className: "wizard-positioner", children: /* @__PURE__ */ e(
           pe,
           {
-            as: Q,
+            as: J,
             enter: "transform transition ease-in-out duration-500",
             enterFrom: "translate-x-full",
             enterTo: "translate-x-0",
@@ -1990,7 +1983,7 @@ const Ur = {
   // A clearer prop name
   ...u
 }) => {
-  const y = J(
+  const y = W(
     "page-layout",
     {
       "page-layout--with-footer": r,
@@ -2002,7 +1995,7 @@ const Ur = {
     /* @__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: [
       m?.show && /* @__PURE__ */ e(
-        W,
+        Z,
         {
           category: "secondary",
           label: m.label || "Tertiary",
@@ -2010,7 +2003,7 @@ const Ur = {
         }
       ),
       n?.show && /* @__PURE__ */ e(
-        W,
+        Z,
         {
           category: "secondary",
           label: n.label || "Cancel",
@@ -2018,7 +2011,7 @@ const Ur = {
         }
       ),
       o?.show && /* @__PURE__ */ e(
-        W,
+        Z,
         {
           category: "primary",
           label: o.label || "Save",
@@ -2064,7 +2057,7 @@ const Ur = {
     /* @__PURE__ */ e(hr, { children: /* @__PURE__ */ e(
       oe,
       {
-        as: Q,
+        as: J,
         enter: "transition ease-out duration-100",
         enterFrom: "transform opacity-0 scale-95",
         enterTo: "transform opacity-100 scale-100",
@@ -2423,7 +2416,7 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
   }
 }, ta = (t, r) => {
   const [s, o] = M(t);
-  return X(
+  return Q(
     () => {
       const n = br.debounce(() => {
         o(t);
@@ -2494,11 +2487,11 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
   },
   isChanged: u = !1
 }) => {
-  const [y, f] = M(da[0]), [v, a] = M(""), k = ta(v, 400), [d, p] = M([]), [T, L] = M(/* @__PURE__ */ new Set()), [R, S] = M(!1), [A, B] = M(ua[0]), {
+  const [y, f] = M(da[0]), [v, a] = M(""), k = ta(v, 400), [d, p] = M([]), [T, L] = M(/* @__PURE__ */ new Set()), [R, S] = M(!1), [A, P] = M(ua[0]), {
     control: I,
     handleSubmit: V,
     watch: z,
-    formState: { errors: P, isSubmitting: g }
+    formState: { errors: B, isSubmitting: g }
   } = At({
     defaultValues: { pendingInvites: [] },
     resolver: It(un)
@@ -2506,7 +2499,7 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
     control: I,
     name: "pendingInvites"
   }), b = z("pendingInvites");
-  X(() => {
+  Q(() => {
     k.length > 1 ? (S(!0), on(y.name, k).then((F) => {
       p(F);
     }).catch((F) => console.error("Search failed:", F)).finally(() => S(!1))) : (p([]), L(/* @__PURE__ */ new Set()));
@@ -2521,7 +2514,7 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
       h.find((C) => C.id === F.id) || N({ ...F, permission: A.name });
     }), L(/* @__PURE__ */ new Set()), a("");
   }, q = (F) => {
-    B(F), h.forEach(
+    P(F), h.forEach(
       (C, E) => c(E, { ...h[E], permission: F.name })
     );
   }, G = async (F) => {
@@ -2609,8 +2602,8 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
         }
       ),
       /* @__PURE__ */ l("div", { className: "relative grid grid-cols-3 gap-2 items-start", children: [
-        /* @__PURE__ */ e("div", { className: "col-span-1", children: /* @__PURE__ */ e(Z, { value: y, onChange: f, children: /* @__PURE__ */ l("div", { className: "relative", children: [
-          /* @__PURE__ */ l(Z.Button, { className: "relative w-full border border-gray-300 rounded-md shadow-sm pl-3 pr-10 py-2 text-left hover:cursor-pointer focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500 sm:text-sm", children: [
+        /* @__PURE__ */ e("div", { className: "col-span-1", children: /* @__PURE__ */ e(X, { value: y, onChange: f, children: /* @__PURE__ */ l("div", { className: "relative", children: [
+          /* @__PURE__ */ l(X.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__ */ l("span", { className: "flex items-center", children: [
               /* @__PURE__ */ e(y.icon, { className: "h-5 w-5 text-gray-400 mr-2" }),
               /* @__PURE__ */ e("span", { className: "truncate", children: y.name })
@@ -2620,16 +2613,16 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
           /* @__PURE__ */ e(
             oe,
             {
-              as: Q,
+              as: J,
               leave: "transition ease-in duration-100",
               leaveFrom: "opacity-100",
               leaveTo: "opacity-0",
-              children: /* @__PURE__ */ e(Z.Options, { className: "absolute z-10 mt-1 w-full bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm", children: da.map((F) => /* @__PURE__ */ e(
-                Z.Option,
+              children: /* @__PURE__ */ e(X.Options, { className: "absolute z-10 mt-1 w-full bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm", children: da.map((F) => /* @__PURE__ */ e(
+                X.Option,
                 {
                   value: F,
                   className: ({ active: C }) => `${C ? "text-white bg-blue-600" : "text-gray-900"} hover:cursor-pointer select-none relative py-2 pl-10`,
-                  children: ({ selected: C }) => /* @__PURE__ */ l(H, { children: [
+                  children: ({ selected: C }) => /* @__PURE__ */ l(K, { children: [
                     /* @__PURE__ */ l(
                       "span",
                       {
@@ -2669,7 +2662,7 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
             exit: { opacity: 0, y: -10 },
             transition: { duration: 0.2 },
             className: "absolute top-full mt-2 w-full col-span-3 bg-white border border-gray-300 rounded-lg shadow-lg z-10",
-            children: R ? /* @__PURE__ */ e("div", { className: "p-4 text-center text-gray-500", children: "Loading..." }) : /* @__PURE__ */ l(H, { children: [
+            children: R ? /* @__PURE__ */ e("div", { className: "p-4 text-center text-gray-500", children: "Loading..." }) : /* @__PURE__ */ l(K, { children: [
               /* @__PURE__ */ e("div", { className: "max-h-60 overflow-y-auto p-2 space-y-1", children: d.map((F) => {
                 const C = $(F);
                 return /* @__PURE__ */ l(
@@ -2697,7 +2690,7 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
                         }
                       ),
                       /* @__PURE__ */ e("span", { className: "text-md font-medium text-gray-800 truncate", children: F.name }),
-                      C ? /* @__PURE__ */ l(H, { children: [
+                      C ? /* @__PURE__ */ l(K, { children: [
                         /* @__PURE__ */ e("span", { className: "text-sm px-[12px] py-[2px] border border-dashed rounded-xl bg-teal-100 text-teal-700", children: C }),
                         /* @__PURE__ */ e("span", { className: "text-sm text-gray-400", children: "Already added" })
                       ] }) : ""
@@ -2743,12 +2736,12 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
                 ")"
               ] }),
               n === se.DRIVE && /* @__PURE__ */ e(
-                Z,
+                X,
                 {
                   value: A,
                   onChange: q,
                   children: /* @__PURE__ */ l("div", { className: "relative", children: [
-                    /* @__PURE__ */ l(Z.Button, { className: "relative w-full border border-gray-300 bg-white 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__ */ l(X.Button, { className: "relative w-full border border-gray-300 bg-white 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__ */ l("span", { className: "flex items-center", children: [
                         /* @__PURE__ */ e(A.icon, { className: "h-5 w-5 text-gray-400 mr-2" }),
                         /* @__PURE__ */ l("span", { className: "truncate", children: [
@@ -2761,16 +2754,16 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
                     /* @__PURE__ */ e(
                       oe,
                       {
-                        as: Q,
+                        as: J,
                         leave: "transition ease-in duration-100",
                         leaveFrom: "opacity-100",
                         leaveTo: "opacity-0",
-                        children: /* @__PURE__ */ e(Z.Options, { className: "absolute z-10 mt-1 w-auto min-w-full bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm", children: ua.map((F) => /* @__PURE__ */ e(
-                          Z.Option,
+                        children: /* @__PURE__ */ e(X.Options, { className: "absolute z-10 mt-1 w-auto min-w-full bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm", children: ua.map((F) => /* @__PURE__ */ e(
+                          X.Option,
                           {
                             value: F,
                             className: ({ active: C }) => `${C ? "text-white bg-blue-600" : "text-gray-900"} hover:cursor-pointer select-none relative py-2 pl-10`,
-                            children: ({ selected: C, active: E }) => /* @__PURE__ */ l(H, { children: [
+                            children: ({ selected: C, active: E }) => /* @__PURE__ */ l(K, { children: [
                               /* @__PURE__ */ l(
                                 "span",
                                 {
@@ -2892,11 +2885,11 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
   return (
     // FIX: The <Listbox> component now wraps both the button and the portal.
     // This provides the necessary context for both children.
-    /* @__PURE__ */ l(Z, { value: k, onChange: (p) => {
+    /* @__PURE__ */ l(X, { value: k, onChange: (p) => {
       s(p), n(!1);
     }, children: [
       /* @__PURE__ */ l(
-        Z.Button,
+        X.Button,
         {
           ref: m.setReference,
           ...v(),
@@ -2910,7 +2903,7 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
       /* @__PURE__ */ e(kr, { children: /* @__PURE__ */ e(
         oe,
         {
-          as: Q,
+          as: J,
           show: o,
           enter: "transition ease-out duration-100",
           enterFrom: "transform opacity-0 scale-95",
@@ -2919,7 +2912,7 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
           leaveFrom: "transform opacity-100 scale-100",
           leaveTo: "transform opacity-0 scale-95",
           children: /* @__PURE__ */ e(
-            Z.Options,
+            X.Options,
             {
               ref: m.setFloating,
               style: i,
@@ -2927,7 +2920,7 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
               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: Je.filter((p) => r.includes(p.value)).map((p) => /* @__PURE__ */ e(
-                Z.Option,
+                X.Option,
                 {
                   className: ({
                     active: T
@@ -2936,7 +2929,7 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
                                             ${p.isDestructive && T ? "bg-red-100 text-red-900" : ""}
                                             ${p.isDestructive && !T ? "text-red-600" : ""}`,
                   value: p,
-                  children: ({ selected: T }) => /* @__PURE__ */ l(H, { children: [
+                  children: ({ selected: T }) => /* @__PURE__ */ l(K, { children: [
                     /* @__PURE__ */ l(
                       "span",
                       {
@@ -2977,7 +2970,7 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
     roles: i.roles.filter(
       (R) => R.name.toLowerCase().includes(k.toLowerCase())
     )
-  }, p = async (R, S, A, B) => {
+  }, p = async (R, S, A, P) => {
     const I = S.value;
     u(I === "Remove" ? (V) => ({
       ...V,
@@ -3044,7 +3037,7 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
             animate: { y: 0, opacity: 1 },
             exit: { y: -10, opacity: 0 },
             transition: { duration: 0.2 },
-            children: /* @__PURE__ */ e(ee.Panels, { as: Q, children: T.map((R) => /* @__PURE__ */ e(
+            children: /* @__PURE__ */ e(ee.Panels, { as: J, children: T.map((R) => /* @__PURE__ */ e(
               ee.Panel,
               {
                 className: "space-y-3 focus:outline-none",
@@ -3167,7 +3160,7 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
       animate: { opacity: 1, scale: 1 },
       className: "flex flex-col items-center justify-center text-center p-8 mt-10",
       children: [
-        /* @__PURE__ */ e(Bt, { className: "h-12 w-12 text-gray-400" }),
+        /* @__PURE__ */ e(Pt, { className: "h-12 w-12 text-gray-400" }),
         /* @__PURE__ */ e("h3", { className: "mt-2 text-sm font-medium text-gray-900", children: "No Users Found" }),
         /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-gray-500", children: y ? `No one found matching "${y}"` : `There are no users in this ${t.type}.` })
       ]
@@ -3264,7 +3257,7 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
   allowedPermissions: u = [],
   ...y
 }) => {
-  const [f, v] = M(de.INVITE), [a, k] = M(t), [d, p] = M(null), [T, L] = M(!1), [R, S] = M([]), [A, B] = M(de.MANAGE), I = () => {
+  const [f, v] = M(de.INVITE), [a, k] = M(t), [d, p] = M(null), [T, L] = M(!1), [R, S] = M([]), [A, P] = M(de.MANAGE), I = () => {
     v(de.INVITE), p(null), m();
   }, V = () => {
     v(de.MANAGE);
@@ -3277,8 +3270,8 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
       }
       S(resp);
     }
-    p({ id: h, type: w, name: N }), B(f), v(de.MEMBERS);
-  }, P = (h) => {
+    p({ id: h, type: w, name: N }), P(f), v(de.MEMBERS);
+  }, B = (h) => {
     console.log("changedExistingShares", h), k(h);
     const N = !We.isEqual(
       We.mapValues(t, (w) => w.map((c) => ({ id: c.id, permission: c.permission }))),
@@ -3286,7 +3279,7 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
     );
     L(N), v(f === de.MEMBERS ? A : de.INVITE);
   };
-  return /* @__PURE__ */ e(oe, { appear: !0, show: r, as: Q, children: /* @__PURE__ */ l(me, { as: "div", className: "relative z-50", onClose: I, children: [
+  return /* @__PURE__ */ e(oe, { appear: !0, show: r, as: J, children: /* @__PURE__ */ l(me, { as: "div", className: "relative z-50", onClose: I, children: [
     /* @__PURE__ */ e("div", { className: "filter-modal-overlay", "aria-hidden": "true" }),
     /* @__PURE__ */ e("div", { className: "filter-modal-container", children: /* @__PURE__ */ e("div", { className: "filter-modal-positioner", children: /* @__PURE__ */ e(Ne, { className: "filter-modal-panel", style: { background: "white" }, children: (() => {
       switch (f) {
@@ -3303,7 +3296,7 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
                 pn,
                 {
                   entity: o,
-                  onBack: P,
+                  onBack: B,
                   onClose: I,
                   onOpenMembers: z,
                   existingShares: a,
@@ -3327,7 +3320,7 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
                 yn,
                 {
                   entity: d,
-                  onBack: P,
+                  onBack: B,
                   onClose: I,
                   calledBy: n,
                   existingShares: a,
@@ -3394,19 +3387,19 @@ function qe({
   getOptionId: d = (T) => String(T.id),
   getOptionLabel: p = (T) => T.name
 }) {
-  const T = Qe(), L = Qe(), [R, S] = M(""), A = ue(""), B = ne(() => {
+  const T = Qe(), L = Qe(), [R, S] = M(""), A = ue(""), P = ne(() => {
     const h = /* @__PURE__ */ new Map();
     for (const N of r) h.set(d(N), N);
     return h;
-  }, [r, d]), I = ne(() => Array.isArray(s) ? s.map((h) => h && typeof h == "object" ? B.get(d(h)) || null : B.get(String(h))).filter(Boolean) : [], [s, B, d]), V = ne(() => {
+  }, [r, d]), I = ne(() => Array.isArray(s) ? s.map((h) => h && typeof h == "object" ? P.get(d(h)) || null : P.get(String(h))).filter(Boolean) : [], [s, P, d]), V = ne(() => {
     if (!R) return r;
     const h = R.toLowerCase();
     return r.filter((N) => p(N).toLowerCase().includes(h));
   }, [r, R, p]);
-  X(() => {
+  Q(() => {
     f === "server" && R.length >= k && R !== A.current && (A.current = R, v && v(R));
   }, [R, f, k, v]);
-  const z = f === "client" ? V : r, P = () => {
+  const z = f === "client" ? V : r, B = () => {
     if (!I.length)
       return /* @__PURE__ */ e("span", { className: "text-gray-500", children: m });
     const h = I.slice(0, u), N = I.length - u;
@@ -3426,12 +3419,12 @@ function qe({
       ] })
     ] });
   };
-  return /* @__PURE__ */ e(Z, { value: I, onChange: (h) => {
+  return /* @__PURE__ */ e(X, { value: I, onChange: (h) => {
     const N = Array.from(new Set(h.map((w) => d(w))));
     y !== -1 && N.length > y || o(N);
   }, multiple: !0, by: "id", children: ({ open: h }) => /* @__PURE__ */ l("div", { children: [
     /* @__PURE__ */ e(
-      Z.Label,
+      X.Label,
       {
         id: T,
         className: "block text-sm font-medium leading-6 text-gray-900",
@@ -3440,7 +3433,7 @@ function qe({
     ),
     /* @__PURE__ */ l("div", { className: "relative mt-2", children: [
       /* @__PURE__ */ l(
-        Z.Button,
+        X.Button,
         {
           "aria-labelledby": T,
           "aria-invalid": !!i,
@@ -3451,7 +3444,7 @@ function qe({
             i ? "ring-red-500" : "ring-gray-300"
           ),
           children: [
-            /* @__PURE__ */ e("span", { className: "block truncate", children: P() }),
+            /* @__PURE__ */ e("span", { className: "block truncate", children: B() }),
             /* @__PURE__ */ e("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ e(fa, { className: "w-5 h-5 text-gray-400", "aria-hidden": "true" }) })
           ]
         }
@@ -3459,12 +3452,12 @@ function qe({
       /* @__PURE__ */ e(
         oe,
         {
-          as: Q,
+          as: J,
           show: h,
           leave: "transition ease-in duration-100",
           leaveFrom: "opacity-100",
           leaveTo: "opacity-0",
-          children: /* @__PURE__ */ l(Z.Options, { className: "absolute z-10 w-full py-1 mt-1 overflow-auto text-base bg-white rounded-md shadow-lg max-h-60 ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm", children: [
+          children: /* @__PURE__ */ l(X.Options, { className: "absolute z-10 w-full py-1 mt-1 overflow-auto text-base bg-white rounded-md shadow-lg max-h-60 ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm", children: [
             /* @__PURE__ */ e("div", { className: "p-2 sticky top-0 bg-white z-20 shadow-sm", children: /* @__PURE__ */ e(
               he,
               {
@@ -3477,7 +3470,7 @@ function qe({
             z.length === 0 && !a ? /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: f === "server" ? R.length < k ? `Type at least ${k} characters to search.` : "No results." : "No options found." }) : z.map((N) => {
               const w = d(N), c = p(N), b = I.some((D) => d(D) === w), x = y !== -1 && I.length >= y && !b;
               return /* @__PURE__ */ e(
-                Z.Option,
+                X.Option,
                 {
                   value: N,
                   disabled: x,
@@ -3485,7 +3478,7 @@ function qe({
                     x ? " text-gray-400  bg-white  cursor-not-allowed" : D ? " bg-gray-200  text-gray-900" : " text-gray-900",
                     " relative  cursor-default  select-none  py-2  pl-3  pr-9"
                   ),
-                  children: ({ selected: D, active: q }) => /* @__PURE__ */ l(H, { children: [
+                  children: ({ selected: D, active: q }) => /* @__PURE__ */ l(K, { children: [
                     /* @__PURE__ */ e(
                       "span",
                       {
@@ -3610,7 +3603,7 @@ const ss = ({
               ),
               n?.show && !n?.customFooter && /* @__PURE__ */ l("div", { className: "border-t flex justify-end border-gray-200 p-6 flex-shrink-0", children: [
                 i?.onCancel && /* @__PURE__ */ e(
-                  W,
+                  Z,
                   {
                     "data-testid": "cancel-button",
                     label: i?.label,
@@ -3622,7 +3615,7 @@ const ss = ({
                   }
                 ),
                 m?.onSubmit && /* @__PURE__ */ e(
-                  W,
+                  Z,
                   {
                     label: m?.label,
                     loader: m?.loader,
@@ -3672,7 +3665,7 @@ function vn({
   dropId: v,
   indent: a = 24
 }) {
-  const { setNodeRef: k, isOver: d } = Pt({ id: v }), { attributes: p, listeners: T, setNodeRef: L, transform: R, isDragging: S } = Lt({ id: f }), A = R ? { transform: `translate3d(${Math.round(R.x)}px, ${Math.round(R.y)}px, 0)` } : void 0, [B, I] = M(!1), [V, z] = M(t.name), P = () => {
+  const { setNodeRef: k, isOver: d } = Bt({ id: v }), { attributes: p, listeners: T, setNodeRef: L, transform: R, isDragging: S } = Lt({ id: f }), A = R ? { transform: `translate3d(${Math.round(R.x)}px, ${Math.round(R.y)}px, 0)` } : void 0, [P, I] = M(!1), [V, z] = M(t.name), B = () => {
     const h = V.trim();
     I(!1), h && h !== t.name ? i?.(t, h) : z(t.name);
   }, g = ne(() => /* @__PURE__ */ e(
@@ -3700,15 +3693,15 @@ function vn({
       children: [
         /* @__PURE__ */ e("button", { className: "tv-toggle", onClick: o, "aria-label": "toggle", children: t.children?.length ? s ? /* @__PURE__ */ e(ba, { size: 16 }) : /* @__PURE__ */ e(Oe, { size: 16 }) : /* @__PURE__ */ e("span", { className: "tv-spacer" }) }),
         /* @__PURE__ */ e(wa, { size: 16, className: "tv-folder-ic" }),
-        /* @__PURE__ */ e("div", { className: "tv-name", ref: L, children: B ? /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "tv-name", ref: L, children: P ? /* @__PURE__ */ e(
           "input",
           {
             className: "tv-input",
             value: V,
             onChange: (h) => z(h.target.value),
-            onBlur: P,
+            onBlur: B,
             onKeyDown: (h) => {
-              h.key === "Enter" && P(), h.key === "Escape" && (I(!1), z(t.name));
+              h.key === "Enter" && B(), h.key === "Escape" && (I(!1), z(t.name));
             },
             autoFocus: !0
           }
@@ -3831,11 +3824,11 @@ function ls({
   const A = ae(
     (x) => R((D) => ({ ...D, [x]: !D[x] })),
     []
-  ), [B, I] = M(() => Se(T));
+  ), [P, I] = M(() => Se(T));
   re.useEffect(() => I(Se(T)), [T]);
   const V = Ot(
     Mt(jt, { activationConstraint: { delay: 250, tolerance: 5 } })
-  ), z = ue(null), [P, g] = M(null), h = ue(0), N = () => {
+  ), z = ue(null), [B, g] = M(null), h = ue(0), N = () => {
   }, w = ({ delta: x }) => {
     h.current = x?.x ?? 0;
   }, c = ae(
@@ -3847,27 +3840,27 @@ function ls({
       let O = $;
       const U = Math.max(0, Math.floor(-q / p));
       if (U > 0) {
-        let K = $;
+        let H = $;
         for (let ie = 0; ie < U; ie++) {
-          const ce = Ja(B, K, null);
+          const ce = Ja(P, H, null);
           if (!ce) break;
           if (!ce.parentId) {
             O = r;
             break;
           }
-          O = ce.parentId, K = ce.parentId;
+          O = ce.parentId, H = ce.parentId;
         }
       }
       if (d && O === r) {
         I(Se(T));
         return;
       }
-      const F = Se(B), { newRoots: C, removed: E } = Dn(F, G);
+      const F = Se(P), { newRoots: C, removed: E } = Dn(F, G);
       if (!E) return;
       const j = Fn(C, O, E);
       I(j), a?.({ sourceId: G, destParentId: O, newTree: j });
     },
-    [B, T, r, d, p, a]
+    [P, T, r, d, p, a]
   ), b = ae(
     (x, D = 0) => x.map((q) => /* @__PURE__ */ l(re.Fragment, { children: [
       /* @__PURE__ */ e(
@@ -3892,8 +3885,8 @@ function ls({
     [L, p, y, v, f, i, k, A]
   );
   return re.useMemo(() => {
-    if (!P) return null;
-    const x = String(P).replace(/^drag-/, "");
+    if (!B) return null;
+    const x = String(B).replace(/^drag-/, "");
     function D(q) {
       for (const G of q) {
         if (G.id === x) return G;
@@ -3902,8 +3895,8 @@ function ls({
       }
       return null;
     }
-    return D(B);
-  }, [P, B]), /* @__PURE__ */ l("div", { className: "tv", children: [
+    return D(P);
+  }, [B, 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: u, children: "+ New folder" })
@@ -3922,7 +3915,7 @@ function ls({
         onDragMove: w,
         onDragEnd: c,
         modifiers: [Ut],
-        children: /* @__PURE__ */ e("div", { ref: z, className: "tv-list", children: b(B, 0) })
+        children: /* @__PURE__ */ e("div", { ref: z, className: "tv-list", children: b(P, 0) })
       }
     )
   ] });
@@ -3951,7 +3944,7 @@ const os = ({
   return /* @__PURE__ */ e(ee.Group, { vertical: y, ...u, children: y ? /* @__PURE__ */ l("div", { className: ye("flex gap-4", o), children: [
     /* @__PURE__ */ e(ee.List, { className: ye("w-[150px] flex flex-col gap-1 border-r border-gray-300 pr-2", n), children: t.map((k) => /* @__PURE__ */ e(ee, { className: a, children: k.label }, k.key)) }),
     /* @__PURE__ */ e(ee.Panels, { unmount: !r, className: ye("flex-1", m), children: t.map((k) => /* @__PURE__ */ e(ee.Panel, { className: "focus:outline-none", children: /* @__PURE__ */ e("div", { className: "[overflow-anchor:none]", children: k.content }) }, k.key)) })
-  ] }) : /* @__PURE__ */ l(H, { children: [
+  ] }) : /* @__PURE__ */ l(K, { children: [
     /* @__PURE__ */ e(ee.List, { className: ye("flex gap-6 border-b border-gray-300 mb-3", n), children: t.map((k) => /* @__PURE__ */ e(ee, { className: a, children: k.label }, k.key)) }),
     /* @__PURE__ */ e(ee.Panels, { unmount: !r, className: ye("mt-2", m), children: t.map((k) => /* @__PURE__ */ e(ee.Panel, { className: "focus:outline-none", children: /* @__PURE__ */ e("div", { className: "[overflow-anchor:none]", children: k.content }) }, k.key)) })
   ] }) });
@@ -3962,7 +3955,7 @@ function $n({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
     const a = r && r[t.key] || {};
     return console.log("Initial Section data for", t.key, a), a;
   }), y = ue(r);
-  X(() => {
+  Q(() => {
     if (y.current !== r) {
       y.current = r;
       const a = r && r[t.key] || {};
@@ -3970,7 +3963,7 @@ function $n({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
     }
   }, [r, t.key]), console.log("Section data", i);
   const f = ue(i);
-  X(() => {
+  Q(() => {
     f.current !== i && s && typeof s == "function" && (f.current = i, s(n.key, i));
   }, [n.key, i, s]);
   const v = (a) => {
@@ -4248,7 +4241,7 @@ function $n({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
       ) }),
       a.fieldtype === "radio" && /* @__PURE__ */ l("div", { children: [
         /* @__PURE__ */ e(
-          Ba,
+          Pa,
           {
             selectedValue: typeof i[a.key] < "u" ? i[a.key] : a.default || "",
             onValueChange: (d) => {
@@ -4443,7 +4436,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
     const g = r && r[n.key] || [], h = g.length > 0 ? g : [{ id: 0 }];
     return console.log(`[DataTableRenderer] ${n.key} - Initial data:`, h), h;
   }), k = ue(r);
-  X(() => {
+  Q(() => {
     if (console.log(`[DataTableRenderer] ${n.key} - Checking for initialData changes`), console.log(`[DataTableRenderer] ${n.key} - Previous:`, k.current), console.log(`[DataTableRenderer] ${n.key} - Current:`, r), k.current !== r) {
       k.current = r;
       const g = r && r[n.key] || [], h = g.length > 0 ? g : [{ id: 0 }];
@@ -4451,11 +4444,11 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
     }
   }, [r, n.key]);
   const d = ue(v), p = ue(null);
-  X(() => {
+  Q(() => {
     d.current !== v && s && typeof s == "function" && (d.current = v, p.current && clearTimeout(p.current), p.current = setTimeout(() => {
       s(n.key, v);
     }, 300));
-  }, [n.key, v, s]), X(() => () => {
+  }, [n.key, v, s]), Q(() => () => {
     p.current && clearTimeout(p.current);
   }, []);
   const T = (g) => {
@@ -4677,7 +4670,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
         );
       case "radio":
         return (c, b) => /* @__PURE__ */ e(
-          Ba,
+          Pa,
           {
             selectedValue: c[g.key] || "",
             onValueChange: (x) => h(b, x),
@@ -4808,7 +4801,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
       const N = [...h];
       return N.splice(g, 1), N;
     });
-  }, []), [S, A] = M(null), B = ae((g, h) => {
+  }, []), [S, A] = M(null), P = ae((g, h) => {
     A(h), g.dataTransfer.effectAllowed = "move", g.dataTransfer.setData("text/html", "");
   }, []), I = ae((g) => {
     g.preventDefault(), g.dataTransfer.dropEffect = "move";
@@ -4819,7 +4812,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
     }), A(null));
   }, [S]), z = ae(() => {
     A(null);
-  }, []), P = ae((g) => {
+  }, []), B = ae((g) => {
     console.log("[DataTableRenderer] handleAddAudience called with:", g), a((h) => {
       const N = [...h];
       if (i !== null && y && N[i]) {
@@ -4866,7 +4859,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
         {
           className: `hover:bg-gray-50 ${S === h ? "opacity-50" : ""}`,
           draggable: !0,
-          onDragStart: (N) => B(N, h),
+          onDragStart: (N) => P(N, h),
           onDragOver: I,
           onDrop: (N) => V(N, h),
           onDragEnd: z,
@@ -4900,7 +4893,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
           onClose: () => {
             u(null), f(null);
           },
-          onFinalSubmit: P,
+          onFinalSubmit: B,
           existingShares: g,
           allowedPermissions: ["view", "remove"]
         }
@@ -4975,7 +4968,7 @@ const ma = () => {
   initialData: y = null
   // Add prop for initial demo data
 }) => {
-  const [f, v] = M(null), [a, k] = M(""), [d, p] = M(() => Array.isArray(y) ? y : []), [T, L] = M(null), [R, S] = M(null), [A, B] = M(""), I = async () => {
+  const [f, v] = M(null), [a, k] = M(""), [d, p] = M(() => Array.isArray(y) ? y : []), [T, L] = M(null), [R, S] = M(null), [A, P] = M(""), I = async () => {
     try {
       const $ = await Fe(t.collectionList);
       if ($) {
@@ -4989,9 +4982,9 @@ const ma = () => {
       console.log("Error loading collections:", $), typeof window < "u" && !window.location.pathname.includes("iframe.html") && le.error("Failed to load collections");
     }
   };
-  X(() => {
+  Q(() => {
     (!y || y.length === 0) && I();
-  }, [y]), X(() => {
+  }, [y]), Q(() => {
     Array.isArray(y) && p(y);
   }, [y]);
   const V = ($) => {
@@ -5009,7 +5002,7 @@ const ma = () => {
         _temp: !0
       }
     ]), v($), k("");
-  }, P = () => {
+  }, B = () => {
     f != null && (p(($) => {
       const O = $.find((F) => F.id === f), U = O && O._temp ? $.filter((F) => F.id !== f) : $;
       return s?.(U), U;
@@ -5051,10 +5044,10 @@ const ma = () => {
       }
   }, N = ($, O, U) => {
     if (!u || !O || !U || O === U) return $;
-    const F = $.findIndex((K) => K.id === O), C = $.findIndex((K) => K.id === U);
+    const F = $.findIndex((H) => H.id === O), C = $.findIndex((H) => H.id === U);
     if (F === -1 || C === -1) return $;
     const E = [...$], [j] = E.splice(F, 1);
-    return E.splice(C, 0, j), E.map((K, ie) => ({ ...K, order: ie + 1 }));
+    return E.splice(C, 0, j), E.map((H, ie) => ({ ...H, order: ie + 1 }));
   }, w = async ($) => {
     const O = $.map((U) => ({
       id: U.id,
@@ -5090,7 +5083,7 @@ const ma = () => {
         he,
         {
           value: A,
-          onDebouncedChange: B,
+          onDebouncedChange: P,
           placeholder: "Search Collection",
           customClass: "mr-4 searchmanagecollection"
         }
@@ -5123,7 +5116,7 @@ const ma = () => {
             C ? "ring-2 ring-gray-800/20" : "",
             F ? "opacity-60" : ""
           ].join(" "),
-          children: O ? /* @__PURE__ */ l(H, { children: [
+          children: O ? /* @__PURE__ */ l(K, { children: [
             /* @__PURE__ */ e("div", { className: "flex items-center gap-2 flex-1", children: /* @__PURE__ */ e(
               "input",
               {
@@ -5133,7 +5126,7 @@ const ma = () => {
                 placeholder: $._temp ? "New collection name" : "Edit collection name",
                 onChange: (E) => k(E.target.value),
                 onKeyDown: (E) => {
-                  E.key === "Enter" && g(), E.key === "Escape" && P();
+                  E.key === "Enter" && g(), E.key === "Escape" && B();
                 },
                 autoFocus: !0
               }
@@ -5143,7 +5136,7 @@ const ma = () => {
                 "button",
                 {
                   className: "cursor-pointer border border-gray-300 p-2 rounded-2xl",
-                  onClick: P,
+                  onClick: B,
                   "aria-label": "Cancel edit",
                   children: /* @__PURE__ */ e(ge, { color: "#767676" })
                 }
@@ -5163,7 +5156,7 @@ const ma = () => {
                 }
               )
             ] })
-          ] }) : /* @__PURE__ */ l(H, { children: [
+          ] }) : /* @__PURE__ */ l(K, { children: [
             /* @__PURE__ */ l("div", { className: "flex gap-2 items-center", children: [
               u && /* @__PURE__ */ e(
                 "span",
@@ -5195,7 +5188,7 @@ const ma = () => {
                   className: U === 0 && !$.protected ? "cursor-pointer" : "cursor-not-allowed",
                   title: U === 0 && !$.protected ? "Delete" : "Cannot delete this collection",
                   onClick: U === 0 ? () => h($) : null,
-                  children: /* @__PURE__ */ e(Pe, { color: U === 0 ? "#767676" : "#C2C2C2" })
+                  children: /* @__PURE__ */ e(Be, { color: U === 0 ? "#767676" : "#C2C2C2" })
                 }
               )
             ] })
@@ -5256,7 +5249,7 @@ function zn(t) {
   const r = In(t);
   return xe[r] || xe[r.toLowerCase?.()] || Rn;
 }
-function Bn({
+function Pn({
   appid: t,
   configdata: r = null,
   disableApi: s = !1,
@@ -5311,7 +5304,7 @@ function Bn({
       }), u(h);
     }
   };
-  X(() => {
+  Q(() => {
     if (s) {
       f(!1);
       return;
@@ -5339,7 +5332,7 @@ function Bn({
     };
     r && (m(r), t ? h() : A());
   }, [r, L, t, s]);
-  const B = (h, N) => {
+  const P = (h, N) => {
     u((w) => ({
       ...w,
       [h]: N
@@ -5420,7 +5413,7 @@ function Bn({
         a(!1);
       }
     })();
-  }, P = () => {
+  }, B = () => {
     if (o) {
       o();
       return;
@@ -5432,7 +5425,7 @@ function Bn({
   if (!n?.configuration && !r?.configuration)
     return /* @__PURE__ */ e("div", { className: "min-h-screen flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "text-gray-500", children: "No configuration available" }) });
   const g = r?.configuration || n?.configuration;
-  return X(() => {
+  return Q(() => {
     s && r ? (!i || Object.keys(i).length === 0) && A() : s && !r && A();
   }, [s, r]), /* @__PURE__ */ l("div", { children: [
     /* @__PURE__ */ l(
@@ -5450,7 +5443,7 @@ function Bn({
                 {
                   item: h,
                   data: i,
-                  updateHandler: B,
+                  updateHandler: P,
                   validationErrors: k
                 },
                 N
@@ -5461,16 +5454,16 @@ function Bn({
     ),
     /* @__PURE__ */ l("div", { className: "w-full gap-5 bg-white flex justify-end py-3 px-7 rounded-t-md rounded-b-2xl border border-gray-300", style: { boxShadow: "0 -2px 10px 0 rgba(0, 0, 0, 0.20)", marginTop: "20px" }, children: [
       /* @__PURE__ */ e(
-        W,
+        Z,
         {
           category: "secondary",
-          onClick: P,
+          onClick: B,
           label: "Cancel",
           disabled: v
         }
       ),
       /* @__PURE__ */ e(
-        W,
+        Z,
         {
           category: "primary",
           onClick: z,
@@ -5495,19 +5488,19 @@ const is = ({
     configuration: a = []
   } = t, k = a.map((z) => {
     if (z.type === "section" && z.fields) {
-      const P = [...z.fields], g = P.findIndex((h) => h.key === "appkey");
+      const B = [...z.fields], g = B.findIndex((h) => h.key === "appkey");
       if (g !== -1) {
-        const h = P[g];
-        if (P[g] = {
+        const h = B[g];
+        if (B[g] = {
           ...h,
           default: r,
           value: r,
           disabled: !0,
           placeholder: r
-        }, P.some((w) => w.key === "displayname")) {
-          const w = P.findIndex((c) => c.key === "displayname");
-          P[w] = {
-            ...P[w],
+        }, B.some((w) => w.key === "displayname")) {
+          const w = B.findIndex((c) => c.key === "displayname");
+          B[w] = {
+            ...B[w],
             default: r,
             value: r
           };
@@ -5521,12 +5514,12 @@ const is = ({
             placeholder: "Enter display name",
             required: !1
           };
-          P.splice(g + 1, 0, w);
+          B.splice(g + 1, 0, w);
         }
       }
       return {
         ...z,
-        fields: P
+        fields: B
       };
     }
     return z;
@@ -5547,9 +5540,9 @@ const is = ({
     heading: (() => {
       for (const z of k)
         if (z.type === "section" && z.fields) {
-          const P = z.fields.find((g) => g.key === "displayname");
-          if (P)
-            return P.default || P.value || r;
+          const B = z.fields.find((g) => g.key === "displayname");
+          if (B)
+            return B.default || B.value || r;
         }
       return r;
     })(),
@@ -5574,9 +5567,9 @@ const is = ({
       }
     ],
     ...v
-  }, B = [
+  }, P = [
     { label: "Overview", content: V(A) },
-    { label: "Configuration", content: /* @__PURE__ */ e(Bn, { appid: r, configdata: { configuration: k }, disableApi: s, onCancel: T }) }
+    { label: "Configuration", content: /* @__PURE__ */ e(Pn, { appid: r, configdata: { configuration: k }, disableApi: s, onCancel: T }) }
   ];
   function I(z) {
     return z ? z.includes("<svg") ? /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: z } }) : z : "📱";
@@ -5615,10 +5608,10 @@ const is = ({
       ] }),
       /* @__PURE__ */ l("section", { children: [
         /* @__PURE__ */ e("h3", { className: "text-lg font-semibold mb-4", children: "Key Features" }),
-        /* @__PURE__ */ e("ul", { className: "space-y-3", children: z.features.map((P, g) => /* @__PURE__ */ l("li", { children: [
-          /* @__PURE__ */ e("span", { className: "font-semibold", children: P.title }),
+        /* @__PURE__ */ e("ul", { className: "space-y-3", children: z.features.map((B, g) => /* @__PURE__ */ l("li", { children: [
+          /* @__PURE__ */ e("span", { className: "font-semibold", children: B.title }),
           /* @__PURE__ */ e("br", {}),
-          /* @__PURE__ */ e("span", { className: "text-gray-700", children: P.description })
+          /* @__PURE__ */ e("span", { className: "text-gray-700", children: B.description })
         ] }, g)) })
       ] })
     ] });
@@ -5639,27 +5632,27 @@ const is = ({
       /* @__PURE__ */ l("div", { className: "flex flex-col min-w-0", children: [
         /* @__PURE__ */ e("h2", { className: "text-[24px] font-semibold m-0 leading-tight truncate", children: S.heading }),
         /* @__PURE__ */ e("p", { className: "text-[13px] text-[#101112] mt-1 mb-0 max-w-[800px] leading-normal", children: S.subHeading }),
-        /* @__PURE__ */ e("div", { className: "mt-2 flex flex-wrap gap-2", children: S.tags && S.tags.map((z, P) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "mt-2 flex flex-wrap gap-2", children: S.tags && S.tags.map((z, B) => /* @__PURE__ */ e(
           "span",
           {
             className: "pill inline-block px-[10px] py-[6px] rounded-[14px] text-[11px] border border-[#e6e9ee] text-[#767676] font-semibold mt-1",
             children: z
           },
-          P
+          B
         )) })
       ] })
     ] }),
     /* @__PURE__ */ l("div", { className: "bg-white border border-gray-300 rounded-2xl w-full mt-5 ", children: [
-      /* @__PURE__ */ e("div", { className: "border-b border-gray-200", children: /* @__PURE__ */ e("nav", { className: "flex space-x-8", "aria-label": "Tabs", children: B.map((z, P) => /* @__PURE__ */ e(
+      /* @__PURE__ */ e("div", { className: "border-b border-gray-200", children: /* @__PURE__ */ e("nav", { className: "flex space-x-8", "aria-label": "Tabs", children: P.map((z, B) => /* @__PURE__ */ e(
         "button",
         {
-          onClick: () => n(P),
-          className: `${o === P ? "border-black text-black" : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300"} whitespace-nowrap py-3 px-6 border-b-2 font-medium text-sm transition-colors duration-200`,
+          onClick: () => n(B),
+          className: `${o === B ? "border-black text-black" : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300"} whitespace-nowrap py-3 px-6 border-b-2 font-medium text-sm transition-colors duration-200`,
           children: z.label
         },
-        P
+        B
       )) }) }),
-      /* @__PURE__ */ e("div", { className: "p-8 h-full overflow-y-auto", children: B[o].content })
+      /* @__PURE__ */ e("div", { className: "p-8 h-full overflow-y-auto", children: P[o].content })
     ] }),
     /* @__PURE__ */ e(
       Yr,
@@ -5676,7 +5669,7 @@ const is = ({
   ] });
 };
 function cs({ children: t }) {
-  return /* @__PURE__ */ l(H, { children: [
+  return /* @__PURE__ */ l(K, { children: [
     t,
     /* @__PURE__ */ e(
       Yt,
@@ -5729,9 +5722,9 @@ const ds = ({
   },
   // Optional: override export file names
   excelFileName: A,
-  pdfFileName: B
+  pdfFileName: P
 }) => {
-  const I = () => n?.current || o?.current, [V, z] = re.useState(""), P = (t || "export").toString().trim() || "export", g = `${A || P}.xlsx`, h = `${B || P}.pdf`, N = (b, x, D) => Math.max(x, Math.min(b, D)), w = ae(
+  const I = () => n?.current || o?.current, [V, z] = re.useState(""), B = (t || "export").toString().trim() || "export", g = `${A || B}.xlsx`, h = `${P || B}.pdf`, N = (b, x, D) => Math.max(x, Math.min(b, D)), w = ae(
     (b) => {
       const x = I();
       if (console.log("openColumnChooserNear", x), !!x?.openColumnChooser) {
@@ -5798,7 +5791,7 @@ const ds = ({
       /* @__PURE__ */ l("div", { className: "flex gap-3", children: [
         /* @__PURE__ */ l("div", { className: "flex items-center gap-1.5", children: [
           f && /* @__PURE__ */ e(
-            W,
+            Z,
             {
               icon: Jt,
               onClick: (b) => c("ColumnChooser", b),
@@ -5809,7 +5802,7 @@ const ds = ({
             }
           ),
           v && /* @__PURE__ */ e(
-            W,
+            Z,
             {
               icon: Qt,
               onClick: i,
@@ -5820,7 +5813,7 @@ const ds = ({
             }
           ),
           a && /* @__PURE__ */ e(
-            W,
+            Z,
             {
               icon: Xt,
               onClick: () => c("Print"),
@@ -5831,7 +5824,7 @@ const ds = ({
             }
           ),
           k && /* @__PURE__ */ e(
-            W,
+            Z,
             {
               icon: Zt,
               onClick: () => c("Excel"),
@@ -5842,7 +5835,7 @@ const ds = ({
             }
           ),
           d && /* @__PURE__ */ e(
-            W,
+            Z,
             {
               icon: Ht,
               onClick: () => c("Pdf"),
@@ -5853,7 +5846,7 @@ const ds = ({
             }
           ),
           p && /* @__PURE__ */ e(
-            W,
+            Z,
             {
               icon: Kt,
               onClick: () => c("Refresh"),
@@ -5865,7 +5858,7 @@ const ds = ({
           )
         ] }),
         T && m && /* @__PURE__ */ e(
-          W,
+          Z,
           {
             label: u,
             icon: er,
@@ -5901,11 +5894,11 @@ function us(t) {
     selectionSettings: R = { type: "Multiple", mode: "Row" },
     enableCheckbox: S = !1,
     columns: A = [],
-    onGridStateChange: B,
+    onGridStateChange: P,
     onRowSelected: I,
     onRowDeselected: V,
     onRowDoubleClick: z,
-    apiRef: P,
+    apiRef: B,
     gridProps: g = {}
   } = t, h = ue(null), {
     pageSettings: N,
@@ -5915,8 +5908,8 @@ function us(t) {
     const C = [wr];
     return u && C.push(Cr), y && C.push(Sr), f && C.push(Dr), T && C.push(Fr), k && C.push($r), d && C.push(Tr), p && C.push(Ar), a && C.push(Er), v && C.push(Rr), C.push(Ir), C;
   }, [u, y, f, T, k, d, p, a, v]), x = ne(() => {
-    const C = () => h.current, E = (j, K) => {
-      !K && process.env.NODE_ENV !== "production" && console.warn(`[CustomDataGrid] ${j} requested but related service/feature is disabled.`);
+    const C = () => h.current, E = (j, H) => {
+      !H && process.env.NODE_ENV !== "production" && console.warn(`[CustomDataGrid] ${j} requested but related service/feature is disabled.`);
     };
     return {
       getInstance: () => C(),
@@ -5935,15 +5928,15 @@ function us(t) {
       pdfExport: (j) => {
         E("pdfExport()", d), C()?.pdfExport?.(j);
       },
-      openColumnChooser: (j, K) => {
-        E("openColumnChooser()", p), C()?.columnChooserModule?.openColumnChooser?.(j, K);
+      openColumnChooser: (j, H) => {
+        E("openColumnChooser()", p), C()?.columnChooserModule?.openColumnChooser?.(j, H);
       }
     };
   }, []);
-  X(() => {
-    P && (P.current = x);
-  }, [P, x]), X(() => () => {
-    P && (P.current = null);
+  Q(() => {
+    B && (B.current = x);
+  }, [B, x]), Q(() => () => {
+    B && (B.current = null);
   }, []);
   const D = (C) => {
     const E = String(C || "");
@@ -5962,12 +5955,12 @@ function us(t) {
     }));
     return { allowUnsort: !0, ...w, columns: C };
   }, [w, u]), $ = (C) => {
-    const E = h.current, j = C?.requestType, K = j === "paging" ? "paging" : j === "sorting" ? "sorting" : j === "searching" ? "searching" : j === "filtering" ? "filtering" : j === "grouping" ? "grouping" : j === "reorder" ? "reorder" : j === "columnstate" ? "columnstate" : "other", ie = C?.pageSize ?? E?.pageSettings?.pageSize ?? m, ce = C?.currentPage ?? E?.pageSettings?.currentPage ?? n, je = C?.columnName && C?.direction ? [{ field: C.columnName, dir: D(C.direction) }] : (E?.sortSettings?.columns || []).map((we) => ({
+    const E = h.current, j = C?.requestType, H = j === "paging" ? "paging" : j === "sorting" ? "sorting" : j === "searching" ? "searching" : j === "filtering" ? "filtering" : j === "grouping" ? "grouping" : j === "reorder" ? "reorder" : j === "columnstate" ? "columnstate" : "other", ie = C?.pageSize ?? E?.pageSettings?.pageSize ?? m, ce = C?.currentPage ?? E?.pageSettings?.currentPage ?? n, je = C?.columnName && C?.direction ? [{ field: C.columnName, dir: D(C.direction) }] : (E?.sortSettings?.columns || []).map((we) => ({
       field: we.field,
       dir: D(we.direction ?? we.dir)
     })), Ge = C?.searchString ?? "", _e = C?.columns ?? E?.filterSettings?.columns ?? [];
     return {
-      reason: K,
+      reason: H,
       page: { index: ce, size: ie, skip: (ce - 1) * ie, take: ie },
       sort: je,
       // [{ field, dir: 'Ascending'|'Descending' }]
@@ -5994,9 +5987,9 @@ function us(t) {
       pageSettings: q,
       sortSettings: G,
       actionBegin: (C) => {
-        if (["paging", "sorting", "searching", "filtering", "grouping", "reorder", "columnstate"].includes(C?.requestType) && (C.cancel = !0), typeof B == "function") {
+        if (["paging", "sorting", "searching", "filtering", "grouping", "reorder", "columnstate"].includes(C?.requestType) && (C.cancel = !0), typeof P == "function") {
           const j = $(C);
-          B(j, C);
+          P(j, C);
         }
       },
       rowSelected: I,
@@ -6006,11 +5999,11 @@ function us(t) {
       },
       ...c,
       children: [
-        /* @__PURE__ */ e(Br, { children: (() => {
+        /* @__PURE__ */ e(Pr, { children: (() => {
           const C = [];
           return S && C.push(/* @__PURE__ */ e(ra, { type: "checkbox", width: "50" }, "__checkbox__")), A.forEach((E, j) => {
             const {
-              field: K,
+              field: H,
               headerText: ie,
               width: ce,
               textAlign: je = "Left",
@@ -6031,7 +6024,7 @@ function us(t) {
               /* @__PURE__ */ e(
                 ra,
                 {
-                  field: K,
+                  field: H,
                   headerText: ie,
                   width: ce,
                   textAlign: je,
@@ -6048,12 +6041,12 @@ function us(t) {
                   customAttributes: nt,
                   ...st
                 },
-                K || `col-${j}`
+                H || `col-${j}`
               )
             );
           }), C;
         })() }),
-        /* @__PURE__ */ e(Pr, { services: b })
+        /* @__PURE__ */ e(Br, { services: b })
       ]
     }
   );
@@ -6072,7 +6065,7 @@ export {
   os as CustomTab,
   za as DatePicker,
   Gr as DateRangePicker,
-  Bn as DynamicConfig,
+  Pn as DynamicConfig,
   Yn as FileUploadModal,
   is as FullConfigPage,
   Xn as FullScreenLoader,
@@ -6085,7 +6078,7 @@ export {
   Qr as PageHeader,
   Kn as PageLayout,
   Jn as Pagination,
-  Ba as RadioGroup,
+  Pa as RadioGroup,
   he as SearchBar,
   He as Select,
   Qn as Sidebar,
@@ -6095,7 +6088,7 @@ export {
   Ma as ToggleSwitch,
   Zn as Tooltip,
   ls as TreeView,
-  W as UnifyedCoreButton,
+  Z as UnifyedCoreButton,
   Hn as WizardModal,
   Ga as adGroupsListSearchApi,
   sn as axiosDelete,