unifyedx-storybook-new 0.1.97 → 0.2.1

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

@@ -1,23 +1,23 @@
 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 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 re, { useState as O, useMemo as ne, useId as Qe, Fragment as J, useEffect as Q, useCallback as K, useRef as ue } from "react";
+import { a as Y, 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 Nt, q as ba, r as xt, A as kt, E as wt, s as Ct, t as St, v as Dt, w as $t, x as va, y as Ft, z as Na, B as xa, G as Tt, H as At, J as Et, K as Le, N as Xe, O as Ze, Q as Rt, R as It, V as ka, W as zt, Y as ea, Z as Bt, _ as Pt, $ as wa, a0 as Lt, a1 as Ot, a2 as Mt, a3 as Vt, a4 as Ut, a5 as qt, a6 as jt, a7 as Gt, a8 as _t, a9 as Wt, aa as Yt, ab as Jt, ac as Qt, ad as Xt, ae as Zt } from "./vendor-zgKTz69B.js";
+import { Popover as Ht, PopoverButton as Kt, PopoverPanel as er, Transition as oe, Dialog as me, TransitionChild as pe, DialogPanel as ke, DialogTitle as Ve, TabGroup as ar, TabList as tr, Tab as ae, TabPanels as rr, RadioGroup as Te, Listbox as X, ListboxButton as nr, ListboxOptions as sr, ListboxOption as lr, SwitchGroup as or, Switch as We, Menu as ir, MenuButton as cr, Portal as dr, MenuItems as ur, MenuItem as mr, DialogBackdrop as hr } from "@headlessui/react";
 import { motion as te, AnimatePresence as fe } from "framer-motion";
-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";
+import { d as pr } from "./vendor-lodash-BD0xlZyL.js";
+import { useFloating as Ca, offset as Sa, flip as Da, shift as $a, autoUpdate as Fa, useClick as gr, useDismiss as yr, useInteractions as fr, FloatingPortal as br } from "@floating-ui/react";
+import Ye, { debounce as vr } from "lodash";
+import { toast as le, ToastContainer as Nr, Slide as xr } from "react-toastify";
 import "react-toastify/dist/ReactToastify.css";
-import { P as wr, S as Cr, F as Sr, G as Dr, a as $r, E as Fr, b as Tr, C as Ar, R as Er, c as Rr, d as Ir, e as zr, f as Br, I as Pr, g as ra } from "./vendor-syncfusion-DGcZfoFG.js";
-const Or = (t) => {
+import { P as kr, S as wr, F as Cr, G as Sr, a as Dr, E as $r, b as Fr, C as Tr, R as Ar, c as Er, d as Rr, e as Ir, f as zr, I as Br, g as ra } from "./vendor-syncfusion-DGcZfoFG.js";
+const Pr = (t) => {
   let r = 2166136261;
   for (let s = 0; s < t.length; s++)
     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, i = 30 + (o >>> 16) % 10, c = 86 + (o >>> 24) % 8, y = `hsl(${n}, ${u}%, ${c}%)`, b = `hsl(${n}, ${u}%, ${i}%)`;
+  const r = (t ?? "").trim().toLowerCase(), s = parseInt((r.match(/\d+$/) ?? [0])[0], 10) || 0, o = Pr(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 = ({
+}, Or = (t = "") => t.split(" ").map((r) => r[0]).slice(0, 2).join("").toUpperCase(), Ta = ({
   src: t,
   name: r,
   size: s = "medium",
@@ -29,7 +29,7 @@ const Or = (t) => {
   className: u,
   ...i
 }) => {
-  const [c, y] = L(!1), b = ne(() => Lr(r), []), N = t && !c, a = !N && r, w = !N && !r, m = W(
+  const [c, y] = O(!1), b = ne(() => Lr(r), []), N = t && !c, a = !N && r, w = !N && !r, m = Y(
     "avatar-container",
     `avatar--size-${s}`,
     u
@@ -47,10 +47,10 @@ const Or = (t) => {
         onError: () => y(!0)
       }
     ),
-    a && /* @__PURE__ */ e("span", { className: "avatar-initials", "aria-label": r, children: Mr(r) }),
+    a && /* @__PURE__ */ e("span", { className: "avatar-initials", "aria-label": r, children: Or(r) }),
     w && /* @__PURE__ */ e("span", { className: "avatar-icon", children: /* @__PURE__ */ e(lt, {}) })
   ] });
-}, Wn = ({ children: t, max: r = 4, truncatedMessage: s = "Members", ...o }) => {
+}, Yn = ({ children: t, max: r = 4, truncatedMessage: s = "Members", ...o }) => {
   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,
@@ -74,7 +74,7 @@ const Or = (t) => {
   className: c,
   ...y
 }) => {
-  const b = W(
+  const b = Y(
     "badge",
     `badge--variant-${r}`,
     `badge--size-${s}`,
@@ -99,7 +99,7 @@ const Or = (t) => {
       }
     )
   ] });
-}, Vr = ({
+}, Mr = ({
   primary: t = !1,
   backgroundColor: r = null,
   size: s = "medium",
@@ -118,7 +118,7 @@ const Or = (t) => {
     }
   );
 };
-Vr.propTypes = {
+Mr.propTypes = {
   /** Is this the principal call to action on the page? */
   primary: _.bool,
   /** What background color to use */
@@ -130,11 +130,11 @@ Vr.propTypes = {
   /** Optional click handler */
   onClick: _.func
 };
-const Ur = {
+const Vr = {
   small: "btn-sm",
   medium: "btn-md",
   large: "btn-lg"
-}, qr = {
+}, Ur = {
   primary: "btn-primary",
   secondary: "btn-secondary"
 }, Z = ({
@@ -156,10 +156,10 @@ const Ur = {
   onClick: w,
   ...m
 }) => {
-  const g = y || u, $ = c && !N, O = W(
+  const g = y || u, $ = c && !N, L = Y(
     "btn-base",
-    Ur[b],
-    qr[i],
+    Vr[b],
+    Ur[i],
     {
       "is-loading": u,
       "btn-icon-only": $
@@ -171,7 +171,7 @@ const Ur = {
     {
       "data-testid": t,
       type: s,
-      className: O,
+      className: L,
       disabled: g,
       onClick: w,
       title: r || $ && o || (typeof N == "string" ? N : void 0),
@@ -185,7 +185,7 @@ const Ur = {
       ] })
     }
   );
-}, jr = ({ crumbs: t = [], ...r }) => /* @__PURE__ */ e("nav", { "aria-label": "Breadcrumb", className: "breadcrumbs-nav", ...r, children: /* @__PURE__ */ e("ol", { className: "breadcrumbs-list", children: t.map((s, o) => {
+}, qr = ({ crumbs: t = [], ...r }) => /* @__PURE__ */ e("nav", { "aria-label": "Breadcrumb", className: "breadcrumbs-nav", ...r, children: /* @__PURE__ */ e("ol", { className: "breadcrumbs-list", children: t.map((s, o) => {
   const n = o === t.length - 1;
   return /* @__PURE__ */ l("li", { className: "breadcrumb-item", children: [
     /* @__PURE__ */ l(
@@ -201,7 +201,7 @@ const Ur = {
       }
     ),
     !n && /* @__PURE__ */ e(
-      Le,
+      Oe,
       {
         className: "breadcrumb-separator",
         "aria-hidden": "true"
@@ -236,7 +236,7 @@ const Ur = {
       /* @__PURE__ */ e(
         "div",
         {
-          className: W("checkbox-box", {
+          className: Y("checkbox-box", {
             "checkbox-box--checked": u,
             "checkbox-box--error": !!s
           }),
@@ -248,7 +248,7 @@ const Ur = {
     ] }),
     s && /* @__PURE__ */ e("p", { className: "checkbox-error-message", children: s })
   ] });
-}, Ea = ({ children: t }) => /* @__PURE__ */ e(Kt, { className: "popover-container", children: t }), Ra = ({ children: t }) => /* @__PURE__ */ e(er, { as: "div", children: t }), Ia = ({ children: t, className: r }) => /* @__PURE__ */ e(ar, { className: `popover-panel ${r || ""}`, children: t }), za = ({
+}, Ea = ({ children: t }) => /* @__PURE__ */ e(Ht, { className: "popover-container", children: t }), Ra = ({ children: t }) => /* @__PURE__ */ e(Kt, { as: "div", children: t }), Ia = ({ children: t, className: r }) => /* @__PURE__ */ e(er, { className: `popover-panel ${r || ""}`, children: t }), za = ({
   value: t,
   onChange: r,
   onClear: s,
@@ -262,7 +262,7 @@ const Ur = {
   const b = (N) => {
     N.stopPropagation(), N.preventDefault(), s?.();
   };
-  return /* @__PURE__ */ l("div", { className: W("datepicker-wrapper", c), children: [
+  return /* @__PURE__ */ l("div", { className: Y("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: [
@@ -271,7 +271,7 @@ const Ur = {
           {
             id: "datepicker-input",
             type: "button",
-            className: W("datepicker-trigger", {
+            className: Y("datepicker-trigger", {
               "datepicker-trigger--error": !!u,
               "datepicker-trigger--disabled": i
             }),
@@ -308,7 +308,7 @@ const Ur = {
     ] }),
     u && /* @__PURE__ */ e("p", { className: "datepicker-error-message", children: u })
   ] });
-}, Gr = ({
+}, jr = ({
   value: t,
   onChange: r,
   onClear: s,
@@ -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", c), children: [
+  return /* @__PURE__ */ l("div", { className: Y("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: [
@@ -335,7 +335,7 @@ const Ur = {
           {
             id: "daterangepicker-input",
             type: "button",
-            className: W("datepicker-trigger", {
+            className: Y("datepicker-trigger", {
               "datepicker-trigger--error": !!u,
               "datepicker-trigger--disabled": i
             }),
@@ -373,7 +373,7 @@ const Ur = {
     ] }),
     u && /* @__PURE__ */ e("p", { className: "datepicker-error-message", children: u })
   ] });
-}, _r = {
+}, Gr = {
   // Documents
   doc: {
     type: "document",
@@ -589,7 +589,7 @@ const Ur = {
   View: "view",
   Manage: "edit"
 }, sa = ({ extension: t, size: r = 36 }) => {
-  const s = (t || "").toLowerCase(), o = _r[s];
+  const s = (t || "").toLowerCase(), o = Gr[s];
   return o ? /* @__PURE__ */ e("div", { style: { width: r }, className: "flex-shrink-0", children: /* @__PURE__ */ e(
     it,
     {
@@ -610,7 +610,7 @@ const Ur = {
       children: /* @__PURE__ */ e(ct, { className: "text-gray-400", size: r * 0.75 })
     }
   );
-}, la = (t, r = 2) => {
+}, _r = (t) => /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: t.width || 24, height: t.height || 24, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ e("path", { d: "M20 12H4M4 12L10 18M4 12L10 6", stroke: "#767676", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), la = (t, r = 2) => {
   if (!+t) return "0 Bytes";
   const s = 1024, o = r < 0 ? 0 : r, n = ["Bytes", "KB", "MB", "GB", "TB"], u = Math.floor(Math.log(t) / Math.log(s));
   return `${parseFloat((t / Math.pow(s, u)).toFixed(o))} ${n[u]}`;
@@ -671,7 +671,7 @@ const Ur = {
               ke,
               {
                 className: "dialog-panel",
-                onClick: (O) => O.stopPropagation(),
+                onClick: (L) => L.stopPropagation(),
                 children: [
                   /* @__PURE__ */ e("input", { ...o() }),
                   /* @__PURE__ */ l("form", { onSubmit: N, className: "form-wrapper", children: [
@@ -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: [
-                          i.map((O, R) => /* @__PURE__ */ l(
+                          i.map((L, R) => /* @__PURE__ */ l(
                             "li",
                             {
                               className: "file-item",
@@ -723,12 +723,12 @@ const Ur = {
                                   /* @__PURE__ */ e(
                                     sa,
                                     {
-                                      extension: O.name.split(".").pop()
+                                      extension: L.name.split(".").pop()
                                     }
                                   ),
                                   /* @__PURE__ */ l("div", { children: [
-                                    /* @__PURE__ */ e("p", { className: "file-item-name", children: O.name }),
-                                    /* @__PURE__ */ e("p", { className: "file-item-size", children: la(O.size) })
+                                    /* @__PURE__ */ e("p", { className: "file-item-name", children: L.name }),
+                                    /* @__PURE__ */ e("p", { className: "file-item-size", children: la(L.size) })
                                   ] })
                                 ] }),
                                 /* @__PURE__ */ e(
@@ -742,9 +742,9 @@ const Ur = {
                                 )
                               ]
                             },
-                            `${O.name}-${R}`
+                            `${L.name}-${R}`
                           )),
-                          c.map(({ file: O, message: R }, S) => /* @__PURE__ */ l(
+                          c.map(({ file: L, message: R }, S) => /* @__PURE__ */ l(
                             "li",
                             {
                               className: "file-item file-item--rejected",
@@ -753,12 +753,12 @@ const Ur = {
                                   /* @__PURE__ */ e(
                                     sa,
                                     {
-                                      extension: O.name.split(".").pop()
+                                      extension: L.name.split(".").pop()
                                     }
                                   ),
                                   /* @__PURE__ */ l("div", { children: [
-                                    /* @__PURE__ */ e("p", { className: "file-item-name", children: O.name }),
-                                    /* @__PURE__ */ e("p", { className: "file-item-size", children: la(O.size) }),
+                                    /* @__PURE__ */ e("p", { className: "file-item-name", children: L.name }),
+                                    /* @__PURE__ */ e("p", { className: "file-item-size", children: la(L.size) }),
                                     /* @__PURE__ */ e("p", { className: "rejection-reason", children: R })
                                   ] })
                                 ] }),
@@ -773,7 +773,7 @@ const Ur = {
                                 )
                               ]
                             },
-                            `${O.name}-${S}`
+                            `${L.name}-${S}`
                           ))
                         ] })
                       ] })
@@ -817,10 +817,10 @@ const Ur = {
   fetchCreatedOrUpdatedByUsers: i = async () => []
   // Mockable fetcher
 }) => {
-  const [c, y] = L({
+  const [c, y] = O({
     createdBy: [],
     updatedBy: []
-  }), [b, N] = L({
+  }), [b, N] = O({
     createdBy: !1,
     updatedBy: !1
   }), a = ut({
@@ -867,7 +867,7 @@ const Ur = {
   }, $ = (S) => {
     const B = n[S].key, P = n[S].url;
     n[S].type === "multiselect-users" && c[B].length === 0 && !b[B] && g(B, P);
-  }, O = () => {
+  }, L = () => {
     a.resetForm(), y({ createdBy: [], updatedBy: [] }), o();
   }, R = (S) => {
     const B = n.find((V) => V.key === S);
@@ -1099,7 +1099,7 @@ const Ur = {
               "button",
               {
                 type: "button",
-                onClick: O,
+                onClick: L,
                 className: "filter-clear-button",
                 children: "Clear All Filters"
               }
@@ -1107,7 +1107,7 @@ const Ur = {
           ] }),
           /* @__PURE__ */ l("form", { onSubmit: a.handleSubmit, className: "filter-form", children: [
             /* @__PURE__ */ e("div", { className: "filter-content-wrapper", children: /* @__PURE__ */ l(
-              tr,
+              ar,
               {
                 vertical: !0,
                 onChange: $,
@@ -1116,7 +1116,7 @@ const Ur = {
                   flexGrow: 1
                 },
                 children: [
-                  /* @__PURE__ */ e(rr, { className: "filter-tabs-list", children: n.map((S) => /* @__PURE__ */ l(ae, { className: "filter-tab-item", children: [
+                  /* @__PURE__ */ e(tr, { className: "filter-tabs-list", children: n.map((S) => /* @__PURE__ */ l(ae, { className: "filter-tab-item", children: [
                     /* @__PURE__ */ e("div", { className: "filter-selection-horizontal-indicator" }),
                     /* @__PURE__ */ l("div", { className: "filter-lbl-indicator-wrapper", children: [
                       S.label,
@@ -1129,7 +1129,7 @@ const Ur = {
                       )
                     ] })
                   ] }, S.key)) }),
-                  /* @__PURE__ */ e(nr, { className: "filter-tabs-panels", children: n.map((S) => /* @__PURE__ */ e(
+                  /* @__PURE__ */ e(rr, { className: "filter-tabs-panels", children: n.map((S) => /* @__PURE__ */ e(
                     ae.Panel,
                     {
                       className: "filter-tab-panel",
@@ -1179,7 +1179,7 @@ const Ur = {
       }
     ) }) })
   ] }) });
-}, Y = ({
+}, W = ({
   label: t,
   id: r,
   type: s = "text",
@@ -1201,7 +1201,7 @@ const Ur = {
           id: y,
           type: s,
           ref: i,
-          className: W("input-field", {
+          className: Y("input-field", {
             "input-field--error": !!n,
             "input-field--with-icon": !!o
           }),
@@ -1229,7 +1229,7 @@ const Ur = {
     iconClass: "icon--info",
     primaryButtonCategory: "primary"
   }
-}, Yr = ({
+}, Wr = ({
   isOpen: t,
   onClose: r,
   title: s,
@@ -1309,7 +1309,7 @@ const Ur = {
   onItemsPerPageChange: n,
   itemsPerPageOptions: u = [10, 15, 20]
 }) => {
-  const i = Math.ceil(r / s), [c, y] = L(t);
+  const i = Math.ceil(r / s), [c, y] = O(t);
   Q(() => {
     y(t);
   }, [t]);
@@ -1383,7 +1383,7 @@ const Ur = {
           className: "pagination-button",
           onClick: () => o(t + 1),
           disabled: t === i,
-          children: /* @__PURE__ */ e(Le, { size: 16 })
+          children: /* @__PURE__ */ e(Oe, { size: 16 })
         }
       ),
       /* @__PURE__ */ e(
@@ -1418,7 +1418,7 @@ const Ur = {
         Te.Option,
         {
           value: i.value,
-          className: ({ active: c, checked: y }) => W("radiogroup-option", {
+          className: ({ active: c, checked: y }) => Y("radiogroup-option", {
             "radiogroup-option--active": c,
             "radiogroup-option--checked": y,
             "radiogroup-option--error": !!n
@@ -1453,12 +1453,12 @@ const Ur = {
   customClass: u = "",
   ...i
 }) => {
-  const [c, y] = L(t);
+  const [c, y] = O(t);
   Q(() => {
     y(t);
   }, [t]);
   const b = K(
-    gr((a) => {
+    pr((a) => {
       r?.(a);
     }, s),
     [s, r]
@@ -1500,16 +1500,16 @@ const Ur = {
   // From RHF's <Controller>
   showSearch: y = !0
 }) => {
-  const [b, N] = L(""), a = b === "" ? o : o.filter(
+  const [b, N] = O(""), 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: c, children: [
     t && /* @__PURE__ */ e("label", { className: "select-label", children: t }),
     /* @__PURE__ */ l("div", { className: "select-button-container", children: [
       /* @__PURE__ */ l(
-        sr,
+        nr,
         {
-          className: W("select-button", {
+          className: Y("select-button", {
             "select-button--error": !!i
           }),
           children: [
@@ -1524,7 +1524,7 @@ const Ur = {
           leave: "transition ease-in duration-100",
           leaveFrom: "opacity-100",
           leaveTo: "opacity-0",
-          children: /* @__PURE__ */ l(lr, { className: "select-options", children: [
+          children: /* @__PURE__ */ l(sr, { className: "select-options", children: [
             y && /* @__PURE__ */ e("div", { className: "search-input-wrapper", children: /* @__PURE__ */ e(
               he,
               {
@@ -1534,7 +1534,7 @@ const Ur = {
               }
             ) }),
             /* @__PURE__ */ e("div", { className: "select-options-list", children: a.length === 0 && b !== "" ? /* @__PURE__ */ e("div", { className: "no-results", children: "No results found." }) : a.map((m) => /* @__PURE__ */ e(
-              or,
+              lr,
               {
                 className: ({ active: g }) => `select-option ${g ? "active" : ""}`,
                 value: m,
@@ -1566,8 +1566,8 @@ const Ur = {
     ] }),
     i && /* @__PURE__ */ e("p", { className: "select-error-message", children: i })
   ] }) });
-}, Wr = () => {
-  const [t, r] = L(window.location.pathname);
+}, Yr = () => {
+  const [t, r] = O(window.location.pathname);
   return Q(() => {
     const s = () => {
       r(window.location.pathname);
@@ -1582,7 +1582,7 @@ 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, i] = L(!1), c = t.icon;
+  const { pathname: o } = Yr(), n = t.href || t.url || t.path, [u, i] = O(!1), c = t.icon;
   Q(() => {
     Ke([t], o) && i(!0);
   }, [t, o]);
@@ -1592,7 +1592,7 @@ const Ur = {
   return /* @__PURE__ */ l(
     "div",
     {
-      className: W("nav-item-container", {
+      className: Y("nav-item-container", {
         "nav-item-container--parent-active": b,
         [`nav-item-container--level-${s}`]: s > 0
       }),
@@ -1603,7 +1603,7 @@ const Ur = {
             href: n,
             target: t.target,
             rel: t.target === "_blank" ? "noopener noreferrer" : void 0,
-            className: W("nav-item", {
+            className: Y("nav-item", {
               "nav-item--active": y,
               "nav-item--collapsed": r
             }),
@@ -1621,7 +1621,7 @@ const Ur = {
                   children: /* @__PURE__ */ e(
                     ba,
                     {
-                      className: W("nav-chevron", {
+                      className: Y("nav-chevron", {
                         "nav-chevron--open": u
                       })
                     }
@@ -1634,7 +1634,7 @@ const Ur = {
         t.children && /* @__PURE__ */ e(
           "div",
           {
-            className: W("sub-menu", {
+            className: Y("sub-menu", {
               "sub-menu--open": u,
               "sub-menu--collapsed": r
             }),
@@ -1674,7 +1674,7 @@ const Ur = {
   /* @__PURE__ */ l(
     "aside",
     {
-      className: W("sidebar", {
+      className: Y("sidebar", {
         "sidebar--collapsed": r,
         "sidebar--mobile-open": o
       }),
@@ -1724,7 +1724,7 @@ const Ur = {
       ]
     }
   )
-] }), Oa = ({
+] }), La = ({
   size: t = "medium",
   // 'small', 'medium', 'large'
   color: r = "primary",
@@ -1732,7 +1732,7 @@ const Ur = {
   className: s,
   ...o
 }) => {
-  const n = W(
+  const n = Y(
     "spinner",
     `spinner--size-${t}`,
     `spinner--color-${r}`,
@@ -1758,9 +1758,9 @@ const Ur = {
     }
   );
 }, Kn = ({ label: t = "Loading..." }) => /* @__PURE__ */ e("div", { className: "fullscreen-loader-overlay", role: "alert", "aria-busy": "true", children: /* @__PURE__ */ l("div", { className: "loader-content", children: [
-  /* @__PURE__ */ e(Oa, { size: "large" }),
+  /* @__PURE__ */ e(La, { size: "large" }),
   t && /* @__PURE__ */ e("span", { className: "loader-label", children: t })
-] }) }), La = ({
+] }) }), Oa = ({
   label: t,
   id: r,
   error: s,
@@ -1772,7 +1772,7 @@ const Ur = {
   // ✅ New prop to control visibility
   ...c
 }) => {
-  const y = r || c.name, [b, N] = L(
+  const y = r || c.name, [b, N] = O(
     c.value?.length || c.defaultValue?.length || 0
   ), a = (m) => {
     N(m.target.value.length), c.onChange && c.onChange(m);
@@ -1790,7 +1790,7 @@ const Ur = {
       {
         id: y,
         ref: n,
-        className: W("textarea-field", {
+        className: Y("textarea-field", {
           "textarea-field--error": !!s
         }),
         maxLength: u,
@@ -1808,14 +1808,14 @@ const Ur = {
   error: n,
   ...u
 }) => /* @__PURE__ */ l("div", { className: "switch-container", 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__ */ l(or, { as: "div", className: "switch-group", children: [
+    t && o === "left" && /* @__PURE__ */ e(We.Label, { className: "switch-label", passive: !0, children: t }),
     /* @__PURE__ */ e(
-      Ye,
+      We,
       {
         checked: r,
         onChange: s,
-        className: W("switch-element", {
+        className: Y("switch-element", {
           // Renamed from switch-wrapper
           "switch-element--error": !!n
         }),
@@ -1823,7 +1823,7 @@ const Ur = {
         children: /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "switch-thumb" })
       }
     ),
-    t && o === "right" && /* @__PURE__ */ e(Ye.Label, { className: "switch-label", passive: !0, children: t })
+    t && o === "right" && /* @__PURE__ */ e(We.Label, { className: "switch-label", passive: !0, children: t })
   ] }),
   n && /* @__PURE__ */ e("p", { className: "switch-error-message", children: n })
 ] }), es = ({
@@ -1989,7 +1989,7 @@ const Ur = {
   // A clearer prop name
   ...c
 }) => {
-  const y = W(
+  const y = Y(
     "page-layout",
     {
       "page-layout--with-footer": r,
@@ -2042,25 +2042,25 @@ const Ur = {
       className: "page-header-back-button",
       "aria-label": "Go back",
       onClick: n,
-      children: /* @__PURE__ */ e(wt, { size: 30 })
+      children: /* @__PURE__ */ e(_r, { width: 30, height: 30 })
     }
   ),
   /* @__PURE__ */ l("div", { className: "page-header-content", children: [
     /* @__PURE__ */ e("h1", { className: "page-header-heading", children: t }),
-    s.length > 1 ? /* @__PURE__ */ e(jr, { crumbs: s }) : r ? /* @__PURE__ */ e("p", { className: "page-header-subheading", children: r }) : null
+    s.length > 1 ? /* @__PURE__ */ e(qr, { crumbs: s }) : r ? /* @__PURE__ */ e("p", { className: "page-header-subheading", children: r }) : null
   ] })
 ] }), Xr = ({
   options: t = [],
   onSelect: r,
-  triggerIcon: s = Ct
+  triggerIcon: s = wt
 }) => {
   const { refs: o, floatingStyles: n } = Ca({
     whileElementsMounted: Fa,
     middleware: [Sa(5), Da(), $a({ padding: 5 })]
   });
-  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(
+  return /* @__PURE__ */ l(ir, { as: "div", className: "options-menu-wrapper", children: [
+    /* @__PURE__ */ e(cr, { ref: o.setReference, className: "options-menu-trigger", children: /* @__PURE__ */ e(s, { size: 20 }) }),
+    /* @__PURE__ */ e(dr, { children: /* @__PURE__ */ e(
       oe,
       {
         as: J,
@@ -2071,14 +2071,14 @@ const Ur = {
         leaveFrom: "transform opacity-100 scale-100",
         leaveTo: "transform opacity-0 scale-95",
         children: /* @__PURE__ */ e(
-          mr,
+          ur,
           {
             ref: o.setFloating,
             style: n,
             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: i }) => /* @__PURE__ */ l(
+              /* @__PURE__ */ e(mr, { children: ({ active: i }) => /* @__PURE__ */ l(
                 "button",
                 {
                   onClick: () => r(u),
@@ -2201,11 +2201,11 @@ function Ga() {
 function _a() {
   return `${be()}/unifyedusergroupprovisioning/api`;
 }
-function Ya() {
+function Wa() {
   return `${_a()}/v2/roles`;
 }
-function Wa() {
-  return `${Ya()}/search`;
+function Ya() {
+  return `${Wa()}/search`;
 }
 function aa() {
   return `${be()}/unifyed-mydrive/v2`;
@@ -2223,8 +2223,8 @@ function ss() {
     USER_SEARCH_BASE: ja(),
     AD_GROUPS_LIST_SEARCH_API: Ga(),
     PROVISIONING_BASE: _a(),
-    RBAC_BASE: Ya(),
-    SEARCH_ROLES_API: Wa(),
+    RBAC_BASE: Wa(),
+    SEARCH_ROLES_API: Ya(),
     MY_DRIVE_GATEWAY_BASE_v2: aa(),
     DIRECTORY_PERMISSIONS_API: en(),
     FILE_PERMISSIONS_API: an()
@@ -2282,7 +2282,7 @@ function nn({
   enableAuthRedirect: t = !0,
   defaultOpenHeaders: r = {}
 } = {}) {
-  const s = St.create({
+  const s = Ct.create({
     baseURL: Ue()
     // ✅ base URL here
     // You can set general timeouts/etc. here
@@ -2392,7 +2392,7 @@ const we = nn(), $e = we.axiosGet, sn = we.axiosDelete, Fe = we.axiosPost, ln =
       }));
   },
   searchRoles: async (t) => {
-    const { data: r } = await Fe(`${Wa()}`, {
+    const { data: r } = await Fe(`${Ya()}`, {
       page: 0,
       size: 20,
       q: t ?? "",
@@ -2421,10 +2421,10 @@ const we = nn(), $e = we.axiosGet, sn = we.axiosDelete, Fe = we.axiosPost, ln =
     return cn(o);
   }
 }, ta = (t, r) => {
-  const [s, o] = L(t);
+  const [s, o] = O(t);
   return Q(
     () => {
-      const n = Nr(() => {
+      const n = vr(() => {
         o(t);
       }, r);
       return n(), () => {
@@ -2469,19 +2469,19 @@ const we = nn(), $e = we.axiosGet, sn = we.axiosDelete, Fe = we.axiosPost, ln =
           )) }),
           /* @__PURE__ */ e("p", { className: "text-sm font-medium text-gray-800 truncate", children: y })
         ] }),
-        /* @__PURE__ */ e(Le, { size: 20 })
+        /* @__PURE__ */ e(Oe, { size: 20 })
       ]
     }
   );
 }, da = [
-  { id: 1, name: Ne.USER, icon: Ft, code: "users" },
+  { id: 1, name: Ne.USER, icon: $t, code: "users" },
   { id: 2, name: Ne.GROUP, icon: va, code: "groups" },
-  { id: 3, name: Ne.ROLE, icon: Tt, code: "roles" }
+  { id: 3, name: Ne.ROLE, icon: Ft, code: "roles" }
 ], ua = [
   { id: 1, name: na.View, icon: Na },
   { id: 2, name: na.Manage, icon: xa }
-], un = Dt().shape({
-  pendingInvites: $t().min(1, "You must add at least one person to invite.")
+], un = St().shape({
+  pendingInvites: Dt().min(1, "You must add at least one person to invite.")
 }), mn = ({
   entity: t,
   onManage: r,
@@ -2493,32 +2493,32 @@ const we = nn(), $e = we.axiosGet, sn = we.axiosDelete, Fe = we.axiosPost, ln =
   },
   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]), {
+  const [y, b] = O(da[0]), [N, a] = O(""), w = ta(N, 400), [m, g] = O([]), [$, L] = O(/* @__PURE__ */ new Set()), [R, S] = O(!1), [B, P] = O(ua[0]), {
     control: E,
     handleSubmit: V,
     watch: U,
     formState: { errors: j, isSubmitting: v }
-  } = At({
+  } = Tt({
     defaultValues: { pendingInvites: [] },
-    resolver: It(un)
-  }), { fields: p, append: f, remove: k, update: d } = Et({
+    resolver: Rt(un)
+  }), { fields: p, append: f, remove: k, update: d } = At({
     control: E,
     name: "pendingInvites"
   }), h = U("pendingInvites");
   Q(() => {
     w.length > 1 ? (S(!0), on(y.name, w).then((T) => {
       g(T);
-    }).catch((T) => console.error("Search failed:", T)).finally(() => S(!1))) : (g([]), O(/* @__PURE__ */ new Set()));
+    }).catch((T) => console.error("Search failed:", T)).finally(() => S(!1))) : (g([]), L(/* @__PURE__ */ new Set()));
   }, [w, y]);
   const x = (T) => {
-    O((C) => {
+    L((C) => {
       const I = new Set(C);
       return I.has(T) ? I.delete(T) : I.add(T), I;
     });
   }, F = () => {
     m.filter((T) => $.has(T.id)).forEach((T) => {
       p.find((C) => C.id === T.id) || f({ ...T, permission: B.name });
-    }), O(/* @__PURE__ */ new Set()), a("");
+    }), L(/* @__PURE__ */ new Set()), a("");
   }, z = (T) => {
     P(T), p.forEach(
       (C, I) => d(I, { ...p[I], permission: T.name })
@@ -2584,7 +2584,7 @@ const we = nn(), $e = we.axiosGet, sn = we.axiosDelete, Fe = we.axiosPost, ln =
       /* @__PURE__ */ e(me.Title, { className: " text-gray-900 !mb-0 text-lg font-semibold", children: A() }),
       /* @__PURE__ */ l("div", { className: "flex items-center gap-4", children: [
         n === se.DRIVE && /* @__PURE__ */ l("button", { className: "flex items-center gap-2 text-sm text-blue-600 hover:text-blue-800 font-semibold hover:cursor-pointer", children: [
-          /* @__PURE__ */ e(Rt, { className: "h-5 w-5" }),
+          /* @__PURE__ */ e(Et, { className: "h-5 w-5" }),
           " Copy Link"
         ] }),
         /* @__PURE__ */ e(
@@ -2592,7 +2592,7 @@ const we = nn(), $e = we.axiosGet, sn = we.axiosDelete, Fe = we.axiosPost, ln =
           {
             onClick: s,
             className: "text-gray-500 hover:text-gray-800 hover:cursor-pointer",
-            children: /* @__PURE__ */ e(Oe, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ e(Le, { className: "h-6 w-6" })
           }
         )
       ] })
@@ -2833,7 +2833,7 @@ const we = nn(), $e = we.axiosGet, sn = we.axiosDelete, Fe = we.axiosPost, ln =
                       {
                         onClick: () => k(C),
                         className: "text-gray-400 hover:text-red-500 hover:cursor-pointer",
-                        children: /* @__PURE__ */ e(Oe, { className: "h-5 w-5" })
+                        children: /* @__PURE__ */ e(Le, { className: "h-5 w-5" })
                       }
                     )
                   ] })
@@ -2876,15 +2876,15 @@ const we = nn(), $e = we.axiosGet, sn = we.axiosDelete, Fe = we.axiosPost, ln =
 }, Je = [
   { name: "Can view", icon: Na, value: "view" },
   { name: "Can manage", icon: xa, value: "edit" },
-  { name: "Remove", icon: zt, isDestructive: !0, value: "remove" }
+  { name: "Remove", icon: It, isDestructive: !0, value: "remove" }
 ], hn = ({ item: t, allowedPermissions: r, onPermissionChange: s }) => {
-  const [o, n] = L(!1), { refs: u, floatingStyles: i, context: c } = Ca({
+  const [o, n] = O(!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(c), b = fr(c), { getReferenceProps: N, getFloatingProps: a } = br([
+  }), y = gr(c), b = yr(c), { getReferenceProps: N, getFloatingProps: a } = fr([
     y,
     b
   ]), w = Je.find((g) => g.name === t.permission || g.value === t.permission) || Je[0];
@@ -2906,7 +2906,7 @@ const we = nn(), $e = we.axiosGet, sn = we.axiosDelete, Fe = we.axiosPost, ln =
           ]
         }
       ),
-      /* @__PURE__ */ e(vr, { children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e(br, { children: /* @__PURE__ */ e(
         oe,
         {
           as: J,
@@ -2966,7 +2966,7 @@ const we = nn(), $e = we.axiosGet, sn = we.axiosDelete, Fe = we.axiosPost, ln =
   existingShares: n,
   allowedPermissions: u
 }) => {
-  const [i, c] = L(n), [y, b] = L(0), [N, a] = L(""), w = ta(N, 300), m = {
+  const [i, c] = O(n), [y, b] = O(0), [N, a] = O(""), w = ta(N, 300), m = {
     users: i.users.filter(
       (R) => R.name.toLowerCase().includes(w.toLowerCase())
     ),
@@ -2987,7 +2987,7 @@ const we = nn(), $e = we.axiosGet, sn = we.axiosDelete, Fe = we.axiosPost, ln =
         (U) => U.id === R.id ? { ...U, permission: E } : U
       )
     }));
-  }, $ = ["users", "groups", "roles"], O = ["Users", "Groups", "Roles"];
+  }, $ = ["users", "groups", "roles"], L = ["Users", "Groups", "Roles"];
   return (
     // The main structure remains the same...
     /* @__PURE__ */ l("div", { className: "flex flex-col h-full bg-gray-50", children: [
@@ -3009,13 +3009,13 @@ const we = nn(), $e = we.axiosGet, sn = we.axiosDelete, Fe = we.axiosPost, ln =
           {
             onClick: s,
             className: "text-gray-500 hover:text-gray-800 p-2 rounded-full hover:bg-gray-100 hover:cursor-pointer",
-            children: /* @__PURE__ */ e(Oe, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ e(Le, { className: "h-6 w-6" })
           }
         )
       ] }),
       /* @__PURE__ */ e("div", { className: "flex flex-col flex-grow", children: /* @__PURE__ */ l(ae.Group, { selectedIndex: y, onChange: b, children: [
         /* @__PURE__ */ l("div", { className: "p-4 bg-white border-b border-gray-300", children: [
-          /* @__PURE__ */ e(ae.List, { className: "flex space-x-1 bg-gray-100 p-1 rounded-lg", children: O.map((R) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e(ae.List, { className: "flex space-x-1 bg-gray-100 p-1 rounded-lg", children: L.map((R) => /* @__PURE__ */ e(
             ae,
             {
               className: ({
@@ -3032,7 +3032,7 @@ const we = nn(), $e = we.axiosGet, sn = we.axiosDelete, Fe = we.axiosPost, ln =
             {
               onDebouncedChange: a,
               value: N,
-              placeholder: `Search in ${O[y]}...`
+              placeholder: `Search in ${L[y]}...`
             }
           ) })
         ] }),
@@ -3112,10 +3112,10 @@ const we = nn(), $e = we.axiosGet, sn = we.axiosDelete, Fe = we.axiosPost, ln =
                         /* @__PURE__ */ e(va, { className: "h-12 w-12 text-gray-400" }),
                         /* @__PURE__ */ l("h3", { className: "mt-2 text-sm font-medium text-gray-900", children: [
                           "No ",
-                          O[y],
+                          L[y],
                           " Found"
                         ] }),
-                        /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-gray-500", children: N ? `No results for "${N}"` : `There are no ${O[y].toLowerCase()} with access.` })
+                        /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-gray-500", children: N ? `No results for "${N}"` : `There are no ${L[y].toLowerCase()} with access.` })
                       ]
                     }
                   )
@@ -3142,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), [i, c] = L(""), y = ta(i, 300), b = o.filter(
+  const [n, u] = O(!0), [i, c] = O(""), y = ta(i, 300), b = o.filter(
     (m) => m.name.toLowerCase().includes(y.toLowerCase())
   ), N = {
     hidden: { opacity: 0 },
@@ -3166,7 +3166,7 @@ const we = nn(), $e = we.axiosGet, sn = we.axiosDelete, Fe = we.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(zt, { 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}.` })
       ]
@@ -3228,7 +3228,7 @@ const we = nn(), $e = we.axiosGet, sn = we.axiosDelete, Fe = we.axiosPost, ln =
         {
           onClick: s,
           className: "text-gray-500 hover:text-gray-800 p-2 rounded-full hover:bg-gray-100 hover:cursor-pointer",
-          children: /* @__PURE__ */ e(Oe, { className: "h-6 w-6" })
+          children: /* @__PURE__ */ e(Le, { className: "h-6 w-6" })
         }
       )
     ] }),
@@ -3263,7 +3263,7 @@ const we = nn(), $e = we.axiosGet, sn = we.axiosDelete, Fe = we.axiosPost, ln =
   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 = () => {
+  const [b, N] = O(de.INVITE), [a, w] = O(t), [m, g] = O(null), [$, L] = O(!1), [R, S] = O([]), [B, P] = O(de.MANAGE), E = () => {
     N(de.INVITE), g(null), u();
   }, V = () => {
     N(de.MANAGE);
@@ -3279,11 +3279,11 @@ const we = nn(), $e = we.axiosGet, sn = we.axiosDelete, Fe = we.axiosPost, ln =
     g({ id: p, type: k, name: f }), P(b), N(de.MEMBERS);
   }, j = (p) => {
     console.log("changedExistingShares", p), w(p);
-    const f = !We.isEqual(
-      We.mapValues(t, (k) => k.map((d) => ({ id: d.id, permission: d.permission }))),
-      We.mapValues(p, (k) => k.map((d) => ({ id: d.id, permission: d.permission })))
+    const f = !Ye.isEqual(
+      Ye.mapValues(t, (k) => k.map((d) => ({ id: d.id, permission: d.permission }))),
+      Ye.mapValues(p, (k) => k.map((d) => ({ id: d.id, permission: d.permission })))
     );
-    O(f), N(b === de.MEMBERS ? B : de.INVITE);
+    L(f), N(b === de.MEMBERS ? B : de.INVITE);
   };
   return /* @__PURE__ */ e(oe, { appear: !0, show: r, as: J, children: /* @__PURE__ */ l(me, { as: "div", className: "relative z-50", onClose: E, children: [
     /* @__PURE__ */ e("div", { className: "filter-modal-overlay", "aria-hidden": "true" }),
@@ -3393,7 +3393,7 @@ function qe({
   getOptionId: m = ($) => String($.id),
   getOptionLabel: g = ($) => $.name
 }) {
-  const $ = Qe(), O = Qe(), [R, S] = L(""), B = ue(""), P = ne(() => {
+  const $ = Qe(), L = Qe(), [R, S] = O(""), B = ue(""), P = ne(() => {
     const p = /* @__PURE__ */ new Map();
     for (const f of r) p.set(m(f), f);
     return p;
@@ -3443,7 +3443,7 @@ function qe({
         {
           "aria-labelledby": $,
           "aria-invalid": !!i,
-          "aria-describedby": i ? O : void 0,
+          "aria-describedby": i ? L : 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",
@@ -3513,7 +3513,7 @@ function qe({
           ] })
         }
       ),
-      i && /* @__PURE__ */ e("p", { id: O, className: "mt-1 text-sm text-red-600", children: i })
+      i && /* @__PURE__ */ e("p", { id: L, className: "mt-1 text-sm text-red-600", children: i })
     ] })
   ] }) });
 }
@@ -3582,7 +3582,7 @@ const is = ({
       className: "relative z-50 overflow-y-auto",
       children: [
         /* @__PURE__ */ e(
-          pr,
+          hr,
           {
             className: "fixed inset-0 bg-black/30",
             onClick: y
@@ -3671,7 +3671,7 @@ function vn({
   dropId: N,
   indent: a = 24
 }) {
-  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 { setNodeRef: w, isOver: m } = Bt({ id: N }), { attributes: g, listeners: $, setNodeRef: L, transform: R, isDragging: S } = Pt({ id: b }), B = R ? { transform: `translate3d(${Math.round(R.x)}px, ${Math.round(R.y)}px, 0)` } : void 0, [P, E] = O(!1), [V, U] = O(t.name), j = () => {
     const p = V.trim();
     E(!1), p && p !== t.name ? i?.(t, p) : U(t.name);
   }, v = ne(() => /* @__PURE__ */ e(
@@ -3697,9 +3697,9 @@ function vn({
         p.target.closest(".tv-toggle") || p.target.tagName === "INPUT" || n?.(t);
       },
       children: [
-        /* @__PURE__ */ e("button", { className: "tv-toggle", onClick: o, "aria-label": "toggle", children: t.children?.length ? s ? /* @__PURE__ */ e(ba, { size: 16 }) : /* @__PURE__ */ e(Le, { size: 16 }) : /* @__PURE__ */ e("span", { className: "tv-spacer" }) }),
+        /* @__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: O, children: P ? /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "tv-name", ref: L, children: P ? /* @__PURE__ */ e(
           "input",
           {
             className: "tv-input",
@@ -3816,7 +3816,7 @@ function cs({
   const { roots: $ } = ne(() => wn(t) ? Sn(t, { rootId: r, getId: o, getName: u }) : Cn(
     t.map((x) => ({ ...x })),
     { rootId: r, getId: o, getParent: n, getName: u }
-  ), [t, r, o, n, u]), [O, R] = L({}), S = K((x) => {
+  ), [t, r, o, n, u]), [L, R] = O({}), S = K((x) => {
     const F = {};
     return (function z(q) {
       q.forEach((D) => {
@@ -3830,11 +3830,11 @@ function cs({
   const B = K(
     (x) => R((F) => ({ ...F, [x]: !F[x] })),
     []
-  ), [P, E] = L(() => De($));
+  ), [P, E] = O(() => De($));
   re.useEffect(() => E(De($)), [$]);
   const V = Lt(
-    Mt(jt, { activationConstraint: { delay: 250, tolerance: 5 } })
-  ), U = ue(null), [j, v] = L(null), p = ue(0), f = () => {
+    Ot(qt, { activationConstraint: { delay: 250, tolerance: 5 } })
+  ), U = ue(null), [j, v] = O(null), p = ue(0), f = () => {
   }, k = ({ delta: x }) => {
     p.current = x?.x ?? 0;
   }, d = K(
@@ -3874,7 +3874,7 @@ function cs({
         {
           node: z,
           depth: F,
-          expanded: !!O[z.id],
+          expanded: !!L[z.id],
           onToggle: () => B(z.id),
           onSelect: i,
           onCreateChild: y,
@@ -3886,9 +3886,9 @@ function cs({
           indent: g
         }
       ),
-      O[z.id] && z.children?.length > 0 ? h(z.children, F + 1) : null
+      L[z.id] && z.children?.length > 0 ? h(z.children, F + 1) : null
     ] }, z.id)),
-    [O, g, y, N, b, i, w, B]
+    [L, g, y, N, b, i, w, B]
   );
   return re.useMemo(() => {
     if (!j) return null;
@@ -3913,14 +3913,14 @@ function cs({
       /* @__PURE__ */ e("button", { className: "tv-icon", title: "Create top-level", onClick: c, children: "+" })
     ] }),
     /* @__PURE__ */ e(
-      Vt,
+      Mt,
       {
-        collisionDetection: qt,
+        collisionDetection: Ut,
         sensors: V,
         onDragStart: f,
         onDragMove: k,
         onDragEnd: d,
-        modifiers: [Ut],
+        modifiers: [Vt],
         children: /* @__PURE__ */ e("div", { ref: U, className: "tv-list", children: h(P, 0) })
       }
     )
@@ -4027,7 +4027,7 @@ function Fn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
       ),
       a.fieldtype === "text" && /* @__PURE__ */ l("div", { children: [
         /* @__PURE__ */ e(
-          Y,
+          W,
           {
             type: "text",
             name: a.key,
@@ -4047,7 +4047,7 @@ function Fn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
       ] }),
       a.fieldtype === "textarea" && /* @__PURE__ */ l("div", { children: [
         /* @__PURE__ */ e(
-          La,
+          Oa,
           {
             name: a.key,
             defaultValue: a.default,
@@ -4067,7 +4067,7 @@ function Fn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
       ] }),
       a.fieldtype === "number" && /* @__PURE__ */ l("div", { children: [
         /* @__PURE__ */ e(
-          Y,
+          W,
           {
             type: "number",
             name: a.key,
@@ -4124,7 +4124,7 @@ function Fn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
       ] }),
       a.fieldtype === "email" && /* @__PURE__ */ l("div", { children: [
         /* @__PURE__ */ e(
-          Y,
+          W,
           {
             type: "email",
             name: a.key,
@@ -4144,7 +4144,7 @@ function Fn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
       ] }),
       a.fieldtype === "url" && /* @__PURE__ */ l("div", { children: [
         /* @__PURE__ */ e(
-          Y,
+          W,
           {
             type: "url",
             name: a.key,
@@ -4164,7 +4164,7 @@ function Fn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
       ] }),
       a.fieldtype === "password" && /* @__PURE__ */ l("div", { children: [
         /* @__PURE__ */ e(
-          Y,
+          W,
           {
             type: "password",
             name: a.key,
@@ -4231,7 +4231,7 @@ function Fn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
         }
       ) }),
       a.fieldtype === "daterange" && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        Gr,
+        jr,
         {
           label: a.label,
           value: i[a.key] || { from: null, to: null },
@@ -4302,7 +4302,7 @@ function Fn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
       ] }),
       (a.fieldtype === "datetime" || a.fieldtype === "datetime-local") && /* @__PURE__ */ l("div", { children: [
         /* @__PURE__ */ e(
-          Y,
+          W,
           {
             type: "datetime-local",
             name: a.key,
@@ -4321,7 +4321,7 @@ function Fn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
       ] }),
       a.fieldtype === "time" && /* @__PURE__ */ l("div", { children: [
         /* @__PURE__ */ e(
-          Y,
+          W,
           {
             type: "time",
             name: a.key,
@@ -4340,7 +4340,7 @@ function Fn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
       ] }),
       a.fieldtype === "color" && /* @__PURE__ */ l("div", { children: [
         /* @__PURE__ */ e(
-          Y,
+          W,
           {
             type: "color",
             name: a.key,
@@ -4357,7 +4357,7 @@ function Fn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
       ] }),
       a.fieldtype === "range" && /* @__PURE__ */ l("div", { children: [
         /* @__PURE__ */ e(
-          Y,
+          W,
           {
             type: "range",
             name: a.key,
@@ -4385,7 +4385,7 @@ function Fn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
       ] }),
       a.fieldtype === "file" && /* @__PURE__ */ l("div", { children: [
         /* @__PURE__ */ e(
-          Y,
+          W,
           {
             type: "file",
             name: a.key,
@@ -4436,9 +4436,9 @@ 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), [i, c] = L(null), [y, b] = L(null);
+  const [n, u] = O(t), [i, c] = O(null), [y, b] = O(null);
   console.log(`[DataTableRenderer] ${n.key} - Received props:`, { item: t, initialData: r });
-  const [N, a] = L(() => {
+  const [N, a] = O(() => {
     const v = r && r[n.key] || [], p = v.length > 0 ? v : [{ id: 0 }];
     return console.log(`[DataTableRenderer] ${n.key} - Initial data:`, p), p;
   }), w = ue(r);
@@ -4471,7 +4471,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
       case "text":
         return (d, h) => /* @__PURE__ */ l("div", { children: [
           /* @__PURE__ */ e(
-            Y,
+            W,
             {
               value: d[v.key] || "",
               onChange: (x) => p(h, x.target.value),
@@ -4485,7 +4485,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
       case "textarea":
         return (d, h) => /* @__PURE__ */ l("div", { children: [
           /* @__PURE__ */ e(
-            La,
+            Oa,
             {
               value: d[v.key] || "",
               onChange: (x) => p(h, x.target.value),
@@ -4500,7 +4500,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
       case "number":
         return (d, h) => /* @__PURE__ */ l("div", { children: [
           /* @__PURE__ */ e(
-            Y,
+            W,
             {
               type: "number",
               value: d[v.key] || "",
@@ -4515,7 +4515,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
       case "email":
         return (d, h) => /* @__PURE__ */ l("div", { children: [
           /* @__PURE__ */ e(
-            Y,
+            W,
             {
               type: "email",
               value: d[v.key] || "",
@@ -4530,7 +4530,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
       case "url":
         return (d, h) => /* @__PURE__ */ l("div", { children: [
           /* @__PURE__ */ e(
-            Y,
+            W,
             {
               type: "url",
               value: d[v.key] || "",
@@ -4545,7 +4545,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
       case "password":
         return (d, h) => /* @__PURE__ */ l("div", { children: [
           /* @__PURE__ */ e(
-            Y,
+            W,
             {
               type: "password",
               value: d[v.key] || "",
@@ -4652,7 +4652,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
         );
       case "datetime":
         return (d, h) => /* @__PURE__ */ e(
-          Y,
+          W,
           {
             type: "datetime-local",
             value: d[v.key] || "",
@@ -4664,7 +4664,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
         );
       case "time":
         return (d, h) => /* @__PURE__ */ e(
-          Y,
+          W,
           {
             type: "time",
             value: d[v.key] || "",
@@ -4725,7 +4725,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
         };
       case "color":
         return (d, h) => /* @__PURE__ */ e(
-          Y,
+          W,
           {
             type: "color",
             value: d[v.key] || "#000000",
@@ -4736,7 +4736,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
       case "range":
         return (d, h) => /* @__PURE__ */ l("div", { className: "w-full", children: [
           /* @__PURE__ */ e(
-            Y,
+            W,
             {
               type: "range",
               value: d[v.key] || v.min || 0,
@@ -4751,7 +4751,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
         ] });
       case "file":
         return (d, h) => /* @__PURE__ */ e(
-          Y,
+          W,
           {
             type: "file",
             onChange: (x) => {
@@ -4764,7 +4764,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
         );
       case "hidden":
         return (d, h) => /* @__PURE__ */ e(
-          Y,
+          W,
           {
             type: "hidden",
             value: d[v.key] || "",
@@ -4775,7 +4775,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
       default:
         return (d, h) => /* @__PURE__ */ l("div", { children: [
           /* @__PURE__ */ e(
-            Y,
+            W,
             {
               value: d[v.key] || "",
               onChange: (x) => p(h, x.target.value),
@@ -4787,7 +4787,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
           k(h)
         ] });
     }
-  }, O = K(() => {
+  }, L = K(() => {
     console.log("[DataTableRenderer] Adding blank row"), a((v) => {
       console.log("[DataTableRenderer] Current data before add:", v);
       const p = {
@@ -4807,7 +4807,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
       const f = [...p];
       return f.splice(v, 1), f;
     });
-  }, []), [S, B] = L(null), P = K((v, p) => {
+  }, []), [S, B] = O(null), P = K((v, p) => {
     B(p), v.dataTransfer.effectAllowed = "move", v.dataTransfer.setData("text/html", "");
   }, []), E = K((v) => {
     v.preventDefault(), v.dataTransfer.dropEffect = "move";
@@ -4840,7 +4840,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
           "button",
           {
             className: "btn btn-primary text-white px-6 py-2 rounded-2xl cursor-pointer hover:bg-gray-800",
-            onClick: O,
+            onClick: L,
             children: "Add"
           }
         )
@@ -4878,7 +4878,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
                 onClick: () => R(p),
                 className: "text-red-500 hover:text-red-700",
                 title: "Delete row",
-                children: /* @__PURE__ */ e(Gt, { size: 16 })
+                children: /* @__PURE__ */ e(jt, { size: 16 })
               }
             ) })
           ]
@@ -4974,7 +4974,7 @@ const ma = () => {
   initialData: y = null
   // Add prop for initial demo data
 }) => {
-  const [b, N] = L(null), [a, w] = L(""), [m, g] = L(() => Array.isArray(y) ? y : []), [$, O] = L(null), [R, S] = L(null), [B, P] = L(""), E = async () => {
+  const [b, N] = O(null), [a, w] = O(""), [m, g] = O(() => Array.isArray(y) ? y : []), [$, L] = O(null), [R, S] = O(null), [B, P] = O(""), E = async () => {
     try {
       const D = await $e(t.collectionList);
       if (D) {
@@ -5066,7 +5066,7 @@ const ma = () => {
       console.log(M), le.error("Failed to save order", { autoClose: 2500 });
     }
   }, d = (D, A) => {
-    c && (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)), L(A));
   }, h = (D) => {
     $ && D !== R && S(D);
   }, x = (D) => {
@@ -5077,9 +5077,9 @@ const ma = () => {
     M && (g((T) => {
       const C = f(T, M, A);
       return console.log("Reordered", C), k(C), s?.(C), C;
-    }), O(null), S(null));
+    }), L(null), S(null));
   }, z = () => {
-    O(null), S(null);
+    L(null), S(null);
   }, q = Array.isArray(m) ? m.filter(
     (D) => D.categoryName?.toLowerCase().includes(B.toLowerCase())
   ) : [];
@@ -5185,7 +5185,7 @@ const ma = () => {
                   className: "cursor-pointer",
                   onClick: () => V(D),
                   "aria-label": `Edit ${D.categoryName}`,
-                  children: /* @__PURE__ */ e(_t, { color: "#767676" })
+                  children: /* @__PURE__ */ e(Gt, { color: "#767676" })
                 }
               ),
               i && /* @__PURE__ */ e(
@@ -5228,8 +5228,8 @@ const ma = () => {
         endpoints: u,
         initialData: g,
         className: w,
-        onCollectionChange: (O) => {
-          s && s(t.key, O);
+        onCollectionChange: (L) => {
+          s && s(t.key, L);
         },
         showSearch: c,
         allowAdd: y,
@@ -5262,7 +5262,7 @@ function Bn({
   onCancel: o,
   onSave: n
 }) {
-  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) => {
+  const [u, i] = re.useState(r), [c, y] = re.useState(null), [b, N] = O(!1), [a, w] = O(!1), [m, g] = O({}), $ = `${be()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, L = $, [R, S] = O(1), B = (f) => {
     if (!r || !r.configuration)
       return f;
     const k = {}, d = f?.configuration || {};
@@ -5405,7 +5405,7 @@ function Bn({
             }), q;
           }) : d[x] = c[x];
         });
-        let h = await Fe(O, d);
+        let h = await Fe(L, d);
         if (console.log(), h && h.status != "fail") {
           g({});
           const x = h.message || "Configuration has been saved successfully";
@@ -5439,7 +5439,7 @@ function Bn({
         className: "dynamic-config bg-white w-full h-[calc(100vh-350px)] overflow-y-auto",
         style: { padding: "0px 20px 0px 0px" },
         children: [
-          b && /* @__PURE__ */ e("div", { className: "flex justify-center items-center h-64", children: /* @__PURE__ */ e(Oa, { size: "large" }) }),
+          b && /* @__PURE__ */ e("div", { className: "flex justify-center items-center h-64", children: /* @__PURE__ */ e(La, { size: "large" }) }),
           !b && p?.map((f, k) => {
             const d = zn(f.type);
             if (d && d !== "UnknownType")
@@ -5485,7 +5485,7 @@ const us = ({
   appid: r = "Configuration-Page",
   disableApi: s = !1
 }) => {
-  const [o, n] = L(0), [u, i] = L(!1), [c, y] = L(r), {
+  const [o, n] = O(0), [u, i] = O(!1), [c, y] = O(r), {
     pageHeader: b = {},
     appletHeader: N = {},
     breadcrumb: a = [],
@@ -5534,7 +5534,7 @@ const us = ({
     isLeftArrow: !0,
     onBackClick: () => window.history.back(),
     ...b
-  }, O = a.map((p) => ({
+  }, L = a.map((p) => ({
     label: p.text,
     href: p.href || "#"
   })), R = K(() => {
@@ -5636,8 +5636,8 @@ const us = ({
       Qr,
       {
         heading: $.heading,
-        subHeading: O.length > 0 ? void 0 : $.subHeading,
-        breadcrumbItems: O,
+        subHeading: L.length > 0 ? void 0 : $.subHeading,
+        breadcrumbItems: L,
         isLeftArrow: $.isLeftArrow,
         onBackClick: $.onBackClick
       }
@@ -5670,7 +5670,7 @@ const us = ({
       /* @__PURE__ */ e("div", { className: "p-8 h-full overflow-y-auto", children: U[o].content })
     ] }),
     /* @__PURE__ */ e(
-      Yr,
+      Wr,
       {
         isOpen: u,
         onClose: S,
@@ -5687,7 +5687,7 @@ function ms({ children: t }) {
   return /* @__PURE__ */ l(ee, { children: [
     t,
     /* @__PURE__ */ e(
-      xr,
+      Nr,
       {
         position: "bottom-right",
         autoClose: 3500,
@@ -5697,7 +5697,7 @@ function ms({ children: t }) {
         pauseOnFocusLoss: !1,
         draggable: !0,
         pauseOnHover: !0,
-        transition: kr,
+        transition: xr,
         limit: 4,
         closeButton: !0,
         bodyClassName: "ui-toast__body",
@@ -5730,7 +5730,7 @@ const hs = ({
   showRefresh: g = !1,
   showAdd: $ = !1,
   // Additional props
-  searchPlaceholder: O = "Search...",
+  searchPlaceholder: L = "Search...",
   handleRefreshClick: R = () => {
   },
   handleSearchChange: S = () => {
@@ -5796,7 +5796,7 @@ const hs = ({
       y && /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ e(
         he,
         {
-          placeholder: O,
+          placeholder: L,
           value: V,
           onDebouncedChange: (h) => {
             U(h), S(h);
@@ -5808,7 +5808,7 @@ const hs = ({
           b && /* @__PURE__ */ e(
             Z,
             {
-              icon: Yt,
+              icon: _t,
               onClick: (h) => d("ColumnChooser", h),
               size: "small",
               ariaLabel: "Column Chooser",
@@ -5830,7 +5830,7 @@ const hs = ({
           a && /* @__PURE__ */ e(
             Z,
             {
-              icon: Jt,
+              icon: Yt,
               onClick: () => d("Print"),
               ariaLabel: "Print",
               size: "small",
@@ -5841,7 +5841,7 @@ const hs = ({
           w && /* @__PURE__ */ e(
             Z,
             {
-              icon: Qt,
+              icon: Jt,
               onClick: () => d("Excel"),
               ariaLabel: "Excel Download",
               size: "small",
@@ -5852,7 +5852,7 @@ const hs = ({
           m && /* @__PURE__ */ e(
             Z,
             {
-              icon: Xt,
+              icon: Qt,
               onClick: () => d("Pdf"),
               ariaLabel: "PDF Download",
               size: "small",
@@ -5863,7 +5863,7 @@ const hs = ({
           g && /* @__PURE__ */ e(
             Z,
             {
-              icon: Zt,
+              icon: Xt,
               onClick: () => d("Refresh"),
               ariaLabel: "Refresh",
               size: "small",
@@ -5876,7 +5876,7 @@ const hs = ({
           Z,
           {
             label: c,
-            icon: Ht,
+            icon: Zt,
             onClick: u,
             size: "small",
             ariaLabel: "Add New",
@@ -5905,7 +5905,7 @@ function ps(t) {
     allowPdfExport: m = !1,
     showColumnChooser: g = !1,
     enableSearchApi: $ = !1,
-    height: O = "600",
+    height: L = "600",
     selectionSettings: R = { type: "Multiple", mode: "Row" },
     enableCheckbox: S = !1,
     columns: B = [],
@@ -5920,8 +5920,8 @@ function ps(t) {
     sortSettings: k,
     ...d
   } = v || {}, h = ne(() => {
-    const C = [wr];
-    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;
+    const C = [kr];
+    return c && C.push(wr), y && C.push(Cr), b && C.push(Sr), $ && C.push(Dr), w && C.push($r), m && C.push(Fr), g && C.push(Tr), a && C.push(Ar), N && C.push(Er), C.push(Rr), 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.`);
@@ -5985,12 +5985,12 @@ function ps(t) {
     };
   };
   return /* @__PURE__ */ l(
-    zr,
+    Ir,
     {
       id: o,
       ref: p,
       dataSource: r,
-      height: O,
+      height: L,
       allowPaging: i,
       allowSorting: c,
       allowFiltering: y,
@@ -6014,7 +6014,7 @@ function ps(t) {
       },
       ...d,
       children: [
-        /* @__PURE__ */ e(Br, { children: (() => {
+        /* @__PURE__ */ e(zr, { children: (() => {
           const C = [];
           return S && C.push(/* @__PURE__ */ e(ra, { type: "checkbox", width: "50" }, "__checkbox__")), B.forEach((I, G) => {
             const {
@@ -6061,7 +6061,7 @@ function ps(t) {
             );
           }), C;
         })() }),
-        /* @__PURE__ */ e(Pr, { services: h })
+        /* @__PURE__ */ e(Br, { services: h })
       ]
     }
   );
@@ -6069,25 +6069,25 @@ function ps(t) {
 export {
   fn as AddUserGroupsRolesModal,
   Ta as Avatar,
-  Wn as AvatarGroup,
+  Yn as AvatarGroup,
   Jn as Badge,
-  jr as Breadcrumbs,
-  Vr as Button,
+  qr as Breadcrumbs,
+  Mr as Button,
   Aa as Checkbox,
   ps as CustomDataGrid,
   is as CustomDialog,
   hs as CustomGridToolbar,
   ds as CustomTab,
   za as DatePicker,
-  Gr as DateRangePicker,
+  jr as DateRangePicker,
   Bn as DynamicConfig,
   Qn as FileUploadModal,
   us as FullConfigPage,
   Kn as FullScreenLoader,
   Xn as GenericFilter,
-  Y as Input,
+  W as Input,
   Qa as ManageCollectionList,
-  Yr as Modal,
+  Wr as Modal,
   qe as MultiSelect,
   Xr as OptionsMenu,
   Qr as PageHeader,
@@ -6097,8 +6097,8 @@ export {
   he as SearchBar,
   He as Select,
   Hn as Sidebar,
-  Oa as Spinner,
-  La as Textarea,
+  La as Spinner,
+  Oa as Textarea,
   ms as ToastProvider,
   Ma as ToggleSwitch,
   es as Tooltip,
@@ -6124,8 +6124,8 @@ export {
   aa as myDriveGatewayBaseV2,
   ve as notify,
   _a as provisioningBase,
-  Ya as rbacBase,
-  Wa as searchRolesApi,
+  Wa as rbacBase,
+  Ya as searchRolesApi,
   rs as sessionStore,
   ja as userSearchBase
 };