unifyedx-storybook-new 0.2.24 → 0.2.25

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

@@ -1,9 +1,9 @@
 import { jsxs as n, jsx as e, Fragment as te } from "react/jsx-runtime";
 import re, { useState as L, useMemo as ue, useId as He, Fragment as H, useEffect as Z, useCallback as ae, useRef as xe } from "react";
-import { a as Q, U as mt, X as ge, P as c, L as _a, C as ve, b as tt, f as Ze, d as yt, D as Gt, F as Ua, e as qa, h as Ga, T as Ke, u as Ya, i as zt, I as Yt, j as Wt, k as Wa, l as Ja, m as Xa, n as Jt, S as vt, o as Xt, M as Qa, p as Ha, q as wt, r as Za, A as Ka, E as Qt, s as er, t as tr, v as ar, w as rr, x as Ht, y as nr, z as Zt, B as Kt, G as sr, H as lr, J as ir, K as et, N as ut, O as ht, Q as or, R as cr, V as ea, W as dr, Y as Nt, Z as mr, _ as ur, $ as Me, a0 as hr, a1 as pr, a2 as gr, a3 as br, a4 as fr, a5 as xr, a6 as yr, a7 as vr, a8 as wr, a9 as Nr, aa as kr, ab as Cr, ac as zr, ad as Sr, ae as Dr, af as Fe, ag as ta, ah as $r, ai as Tr, aj as Ar, ak as Fr, al as Er, am as aa, an as Rr, ao as Or, ap as ra, aq as Ir, ar as pt, as as na, at as Pr } from "./vendor-D6FgPLRJ.js";
+import { a as Q, U as mt, X as ge, P as c, L as _a, C as ve, b as tt, f as Ze, d as yt, D as Gt, F as Ua, e as qa, h as Ga, T as Ke, u as Ya, i as zt, I as Yt, j as Wt, k as Wa, l as Ja, m as Xa, n as Jt, S as vt, o as Xt, M as Qa, p as Ha, q as wt, r as Za, A as Ka, E as Qt, s as er, t as tr, v as ar, w as rr, x as Ht, y as nr, z as Zt, B as Kt, G as sr, H as lr, J as ir, K as et, N as ut, O as ht, Q as or, R as cr, V as ea, W as dr, Y as Nt, Z as mr, _ as ur, $ as Me, a0 as hr, a1 as pr, a2 as gr, a3 as br, a4 as fr, a5 as xr, a6 as yr, a7 as vr, a8 as wr, a9 as Nr, aa as kr, ab as Cr, ac as zr, ad as Sr, ae as Dr, af as Fe, ag as ta, ah as $r, ai as Tr, aj as Ar, ak as Fr, al as Er, am as aa, an as Rr, ao as Ir, ap as ra, aq as Or, ar as pt, as as na, at as Pr } from "./vendor-dMueD5G_.js";
 import { Popover as Lr, PopoverButton as Mr, PopoverPanel as Br, Transition as he, Dialog as ye, TransitionChild as Ne, DialogPanel as Ee, DialogTitle as at, TabGroup as jr, TabList as Vr, Tab as se, TabPanels as _r, RadioGroup as qe, Listbox as K, ListboxButton as Ur, ListboxOptions as qr, ListboxOption as Gr, SwitchGroup as Yr, Switch as ot, Menu as Wr, MenuButton as Jr, Portal as Xr, MenuItems as Qr, MenuItem as Hr, DialogBackdrop as Zr } from "@headlessui/react";
 import { motion as le, AnimatePresence as Ce } from "framer-motion";
-import { d as Kr } from "./vendor-lodash-CWJBBGzd.js";
+import { d as Kr } from "./vendor-lodash-bQ1isuSp.js";
 import { useFloating as sa, offset as la, flip as ia, shift as oa, autoUpdate as ca, useClick as en, useDismiss as tn, useInteractions as an, FloatingPortal as rn } from "@floating-ui/react";
 import ct, { debounce as nn } from "lodash";
 import { toast as me, ToastContainer as sn, Slide as ln } from "react-toastify";
@@ -825,7 +825,7 @@ const Dn = {
 }, Ft = (t) => {
   const a = new Date(t);
   return je(new Date(a.getFullYear(), a.getMonth() + 1, 0));
-}, On = (t) => {
+}, In = (t) => {
   const a = /* @__PURE__ */ new Date();
   switch (t) {
     case "anytime":
@@ -899,7 +899,7 @@ const Dn = {
           break;
       }
     return T[g] = C, T;
-  }, {}), [l, $.values]), E = Object.values(A).filter(Boolean).length, O = ue(() => l.some((T) => {
+  }, {}), [l, $.values]), E = Object.values(A).filter(Boolean).length, I = ue(() => l.some((T) => {
     if (T.type !== "date") return !1;
     const v = $.values?.[T.key]?.values;
     if (!Array.isArray(v) || v.length < 2) return !1;
@@ -1064,7 +1064,7 @@ const Dn = {
           ] }) : /* @__PURE__ */ e("div", { className: "text-center py-4 text-gray-500 text-sm", children: "No users loaded." }) })
         ] });
       case "date":
-        const y = g.values || [], [k, F] = y, M = k && F, U = y[0] || null, S = y[1] || null, I = {
+        const y = g.values || [], [k, F] = y, M = k && F, U = y[0] || null, S = y[1] || null, O = {
           startDate: U instanceof Date ? U.toISOString().slice(0, 10) : null,
           endDate: U instanceof Date ? U.toISOString().slice(0, 10) : null
         }, D = {
@@ -1087,7 +1087,7 @@ const Dn = {
             $.setFieldValue(`${T}.range`, "custom");
             return;
           }
-          const [Y, W] = On(R);
+          const [Y, W] = In(R);
           $.setFieldValue(`${T}.values`, Y && W ? [Y, W] : []), $.setFieldValue(`${T}.range`, R);
         };
         return /* @__PURE__ */ n("div", { className: "filter-panel-content", children: [
@@ -1150,7 +1150,7 @@ const Dn = {
                 {
                   asSingle: !0,
                   useRange: !1,
-                  value: I,
+                  value: O,
                   onChange: (R) => {
                     const Y = R?.startDate ? Be(new Date(R.startDate)) : null, W = y[1] || null;
                     Y && ($.setFieldValue(`${T}.values`, [Y, W]), $.setFieldValue(`${T}.range`, "custom"));
@@ -1293,7 +1293,7 @@ const Dn = {
                 "button",
                 {
                   type: "submit",
-                  disabled: !$.dirty || O,
+                  disabled: !$.dirty || I,
                   className: "filter-button apply",
                   children: [
                     "Apply Filters",
@@ -1358,7 +1358,7 @@ const Dn = {
     iconClass: "icon--info",
     primaryButtonCategory: "primary"
   }
-}, In = ({
+}, On = ({
   isOpen: t,
   onClose: a,
   title: s,
@@ -1434,7 +1434,7 @@ const Dn = {
       }
     ) })
   ] }) });
-}, Ol = ({
+}, Il = ({
   currentPage: t,
   totalItems: a,
   itemsPerPage: s,
@@ -1786,7 +1786,7 @@ const Dn = {
       ]
     }
   );
-}, Il = ({
+}, Ol = ({
   navItems: t = [],
   isCollapsed: a = !1,
   onToggleCollapse: s,
@@ -2541,7 +2541,7 @@ const Re = Xn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Hn =
     type: "User",
     avatarUrl: a?.profileImage || Je(l)
   };
-}), Ot = (t) => {
+}), It = (t) => {
   try {
     const a = JSON.parse(t);
     return Array.isArray(a) ? a : [];
@@ -2592,10 +2592,10 @@ const Re = Xn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Hn =
     if (Array.isArray(s))
       i = s;
     else if (typeof s == "string")
-      i = Ot(s.trim());
+      i = It(s.trim());
     else if (s && typeof s == "object") {
       const l = s.data;
-      Array.isArray(l) ? i = l : typeof l == "string" && (i = Ot(l.trim()));
+      Array.isArray(l) ? i = l : typeof l == "string" && (i = It(l.trim()));
     }
     return Kn(i);
   }
@@ -2652,7 +2652,7 @@ const Re = Xn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Hn =
       ]
     }
   );
-}, It = [
+}, Ot = [
   { id: 1, name: Te.USER, icon: rr, code: "users" },
   { id: 2, name: Te.GROUP, icon: Ht, code: "groups" },
   { id: 3, name: Te.ROLE, icon: nr, code: "roles" }
@@ -2672,7 +2672,7 @@ const Re = Xn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Hn =
   },
   isChanged: u = !1
 }) => {
-  const [p, b] = L(It[0]), [f, r] = L(""), w = Ct(f, 400), [d, h] = L([]), [z, $] = L(/* @__PURE__ */ new Set()), [A, E] = L(!1), [O, j] = L(Pt[0]), {
+  const [p, b] = L(Ot[0]), [f, r] = L(""), w = Ct(f, 400), [d, h] = L([]), [z, $] = L(/* @__PURE__ */ new Set()), [A, E] = L(!1), [I, j] = L(Pt[0]), {
     control: V,
     handleSubmit: G,
     watch: q,
@@ -2696,7 +2696,7 @@ const Re = Xn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Hn =
     });
   }, F = () => {
     d.filter((D) => z.has(D.id)).forEach((D) => {
-      g.find((P) => P.id === D.id) || x({ ...D, permission: O.name });
+      g.find((P) => P.id === D.id) || x({ ...D, permission: I.name });
     }), $(/* @__PURE__ */ new Set()), r("");
   }, M = (D) => {
     j(D), g.forEach(
@@ -2749,7 +2749,7 @@ const Re = Xn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Hn =
   }, S = (D) => {
     const P = i[p.code].find((_) => _.name === D.name && _.permission !== "remove") || y.find((_) => _.name === D.name);
     return P ? `${P.permission}` : "";
-  }, I = () => {
+  }, O = () => {
     switch (l) {
       case de.DRIVE:
         return "Share with others";
@@ -2763,7 +2763,7 @@ const Re = Xn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Hn =
   };
   return ue(() => (console.log("InviteFlow - isChanged:", u, "pendingInvites.length:", y.length), y.length === 0 && !u), [y.length, u]), /* @__PURE__ */ n("div", { className: "flex flex-col h-full bg-white", children: [
     /* @__PURE__ */ n("header", { className: "flex items-center justify-between p-4 border-b border-gray-300 flex-shrink-0", children: [
-      /* @__PURE__ */ e(ye.Title, { className: " text-gray-900 !mb-0 text-lg font-semibold", children: I() }),
+      /* @__PURE__ */ e(ye.Title, { className: " text-gray-900 !mb-0 text-lg font-semibold", children: O() }),
       /* @__PURE__ */ n("div", { className: "flex items-center gap-4", children: [
         l === de.DRIVE && /* @__PURE__ */ n("button", { className: "flex items-center gap-2 text-sm text-blue-600 hover:text-blue-800 font-semibold hover:cursor-pointer", children: [
           /* @__PURE__ */ e(ir, { className: "h-5 w-5" }),
@@ -2805,7 +2805,7 @@ const Re = Xn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Hn =
               leave: "transition ease-in duration-100",
               leaveFrom: "opacity-100",
               leaveTo: "opacity-0",
-              children: /* @__PURE__ */ e(K.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: It.map((D) => /* @__PURE__ */ e(
+              children: /* @__PURE__ */ e(K.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: Ot.map((D) => /* @__PURE__ */ e(
                 K.Option,
                 {
                   value: D,
@@ -2926,15 +2926,15 @@ const Re = Xn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Hn =
               l === de.DRIVE && /* @__PURE__ */ e(
                 K,
                 {
-                  value: O,
+                  value: I,
                   onChange: M,
                   children: /* @__PURE__ */ n("div", { className: "relative", children: [
                     /* @__PURE__ */ n(K.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__ */ n("span", { className: "flex items-center", children: [
-                        /* @__PURE__ */ e(O.icon, { className: "h-5 w-5 text-gray-400 mr-2" }),
+                        /* @__PURE__ */ e(I.icon, { className: "h-5 w-5 text-gray-400 mr-2" }),
                         /* @__PURE__ */ n("span", { className: "truncate", children: [
                           "Can ",
-                          O.name
+                          I.name
                         ] })
                       ] }),
                       /* @__PURE__ */ e("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ e(ut, { className: "h-5 w-5 text-gray-400" }) })
@@ -3158,8 +3158,8 @@ const Re = Xn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Hn =
     roles: o.roles.filter(
       (E) => E.name.toLowerCase().includes(w.toLowerCase())
     )
-  }, h = async (E, O, j, V) => {
-    const G = O.value;
+  }, h = async (E, I, j, V) => {
+    const G = I.value;
     u((q) => ({
       ...q,
       [j]: q[j].map(
@@ -3168,9 +3168,9 @@ const Re = Xn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Hn =
     }));
   }, z = () => {
     const E = {
-      users: o.users.filter((O) => O.permission !== "remove"),
-      groups: o.groups.filter((O) => O.permission !== "remove"),
-      roles: o.roles.filter((O) => O.permission !== "remove")
+      users: o.users.filter((I) => I.permission !== "remove"),
+      groups: o.groups.filter((I) => I.permission !== "remove"),
+      roles: o.roles.filter((I) => I.permission !== "remove")
     };
     a(E);
   }, $ = ["users", "groups", "roles"], A = ["Users", "Groups", "Roles"];
@@ -3206,10 +3206,10 @@ const Re = Xn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Hn =
               se,
               {
                 className: ({
-                  selected: O
+                  selected: I
                 }) => `w-full py-2 text-sm font-medium leading-5 rounded-md
                                        focus:outline-none focus:ring-2 ring-offset-2 ring-offset-blue-400 ring-white ring-opacity-60
-                                       ${O ? "bg-white shadow text-blue-700" : "text-gray-600 hover:bg-white/[0.6]"}`,
+                                       ${I ? "bg-white shadow text-blue-700" : "text-gray-600 hover:bg-white/[0.6]"}`,
                 children: E
               },
               E
@@ -3234,7 +3234,7 @@ const Re = Xn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Hn =
                 se.Panel,
                 {
                   className: "space-y-3 focus:outline-none",
-                  children: /* @__PURE__ */ e(Ce, { children: d[E].length > 0 ? d[E].map((O) => /* @__PURE__ */ n(
+                  children: /* @__PURE__ */ e(Ce, { children: d[E].length > 0 ? d[E].map((I) => /* @__PURE__ */ n(
                     le.div,
                     {
                       layout: !0,
@@ -3251,20 +3251,20 @@ const Re = Xn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Hn =
                           /* @__PURE__ */ e(
                             "img",
                             {
-                              src: O.avatarUrl || `https://avatar.vercel.sh/${O.name}.svg?text=${O.name.charAt(0)}`,
-                              alt: O.name,
+                              src: I.avatarUrl || `https://avatar.vercel.sh/${I.name}.svg?text=${I.name.charAt(0)}`,
+                              alt: I.name,
                               className: "w-10 h-10 rounded-full flex-shrink-0"
                             }
                           ),
                           /* @__PURE__ */ n("div", { className: "overflow-hidden", children: [
-                            /* @__PURE__ */ e("p", { className: "font-medium text-gray-900 truncate", children: O.name }),
+                            /* @__PURE__ */ e("p", { className: "font-medium text-gray-900 truncate", children: I.name }),
                             E !== "users" && /* @__PURE__ */ e(
                               "button",
                               {
                                 onClick: () => i({
-                                  id: O.id,
+                                  id: I.id,
                                   type: E,
-                                  name: O.name
+                                  name: I.name
                                 }),
                                 className: "text-sm text-blue-600 hover:underline hover:cursor-pointer",
                                 children: "View Members"
@@ -3275,10 +3275,10 @@ const Re = Xn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Hn =
                         /* @__PURE__ */ e(
                           rs,
                           {
-                            item: O,
+                            item: I,
                             allowedPermissions: m,
                             onPermissionChange: (j) => h(
-                              O,
+                              I,
                               j,
                               E
                             )
@@ -3286,7 +3286,7 @@ const Re = Xn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Hn =
                         )
                       ]
                     },
-                    O.id
+                    I.id
                   )) : (
                     // Empty state is unchanged
                     /* @__PURE__ */ n(
@@ -3459,7 +3459,7 @@ const Re = Xn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Hn =
   allowedPermissions: u = [],
   ...p
 }) => {
-  const [b, f] = L(fe.INVITE), [r, w] = L(t), [d, h] = L(null), [z, $] = L(!1), [A, E] = L([]), [O, j] = L(fe.MANAGE), V = () => {
+  const [b, f] = L(fe.INVITE), [r, w] = L(t), [d, h] = L(null), [z, $] = L(!1), [A, E] = L([]), [I, j] = L(fe.MANAGE), V = () => {
     f(fe.INVITE), h(null), m();
   }, G = () => {
     f(fe.MANAGE);
@@ -3478,7 +3478,7 @@ const Re = Xn(), Ve = Re.axiosGet, Qn = Re.axiosDelete, _e = Re.axiosPost, Hn =
     const x = ct.mapValues(t, (y) => y.map((k) => ({ id: k.id, permission: k.permission })).sort((k, F) => k.id - F.id)), C = ct.mapValues(g, (y) => y.map((k) => ({ id: k.id, permission: k.permission })).sort((k, F) => k.id - F.id));
     console.log("Existing data:", x), console.log("Changed data:", C);
     const N = !ct.isEqual(x, C);
-    console.log("hasPermissionChanged:", N), $(N), f(b === fe.MEMBERS ? O : fe.INVITE);
+    console.log("hasPermissionChanged:", N), $(N), f(b === fe.MEMBERS ? I : fe.INVITE);
   };
   return /* @__PURE__ */ e(he, { appear: !0, show: a, as: H, children: /* @__PURE__ */ n(ye, { as: "div", className: "relative z-50", onClose: V, children: [
     /* @__PURE__ */ e("div", { className: "filter-modal-overlay", "aria-hidden": "true" }),
@@ -3588,7 +3588,7 @@ function nt({
   getOptionId: d = (z) => String(z.id),
   getOptionLabel: h = (z) => z.name
 }) {
-  const z = He(), $ = He(), [A, E] = L(""), O = xe(""), j = ue(() => {
+  const z = He(), $ = He(), [A, E] = L(""), I = xe(""), j = ue(() => {
     const g = /* @__PURE__ */ new Map();
     for (const x of a) g.set(d(x), x);
     return g;
@@ -3598,7 +3598,7 @@ function nt({
     return a.filter((x) => h(x).toLowerCase().includes(g));
   }, [a, A, h]);
   Z(() => {
-    b === "server" && A.length >= w && A !== O.current && (O.current = A, f && f(A));
+    b === "server" && A.length >= w && A !== I.current && (I.current = A, f && f(A));
   }, [A, b, w, f]);
   const q = b === "client" ? G : a, T = () => {
     if (!V.length)
@@ -3866,7 +3866,7 @@ function cs({
   dropId: f,
   indent: r = 24
 }) {
-  const { setNodeRef: w, isOver: d } = mr({ id: f }), { attributes: h, listeners: z, setNodeRef: $, transform: A, isDragging: E } = ur({ id: b }), O = A ? { transform: `translate3d(${Math.round(A.x)}px, ${Math.round(A.y)}px, 0)` } : void 0, [j, V] = L(!1), [G, q] = L(t.name), T = () => {
+  const { setNodeRef: w, isOver: d } = mr({ id: f }), { attributes: h, listeners: z, setNodeRef: $, transform: A, isDragging: E } = ur({ id: b }), I = A ? { transform: `translate3d(${Math.round(A.x)}px, ${Math.round(A.y)}px, 0)` } : void 0, [j, V] = L(!1), [G, q] = L(t.name), T = () => {
     const g = G.trim();
     V(!1), g && g !== t.name ? o?.(t, g) : q(t.name);
   }, v = ue(() => /* @__PURE__ */ e(
@@ -3887,7 +3887,7 @@ function cs({
     {
       ref: w,
       className: `tv-row ${d ? "tv-drop-over" : ""} ${E ? "dragging" : ""}`,
-      style: { ...O, paddingLeft: 8 + a * r },
+      style: { ...I, paddingLeft: 8 + a * r },
       onClick: (g) => {
         g.target.closest(".tv-toggle") || g.target.tagName === "INPUT" || l?.(t);
       },
@@ -4022,7 +4022,7 @@ function Wl({
   re.useEffect(() => {
     A(E(z));
   }, [z, E]);
-  const O = ae(
+  const I = ae(
     (k) => A((F) => ({ ...F, [k]: !F[k] })),
     []
   ), [j, V] = L(() => Le(z));
@@ -4038,7 +4038,7 @@ function Wl({
       if (g.current = 0, v(null), !k || !F) return;
       const U = String(k.id).replace(/^drag-/, ""), S = String(F.id).replace(/^drop-/, "");
       if (!U || !S || U === S) return;
-      let I = S;
+      let O = S;
       const D = Math.max(0, Math.floor(-M / h));
       if (D > 0) {
         let W = S;
@@ -4046,20 +4046,20 @@ function Wl({
           const B = $a(j, W, null);
           if (!B) break;
           if (!B.parentId) {
-            I = a;
+            O = a;
             break;
           }
-          I = B.parentId, W = B.parentId;
+          O = B.parentId, W = B.parentId;
         }
       }
-      if (d && I === a) {
+      if (d && O === a) {
         V(Le(z));
         return;
       }
       const P = Le(j), { newRoots: _, removed: R } = bs(P, U);
       if (!R) return;
-      const Y = fs(_, I, R);
-      V(Y), r?.({ sourceId: U, destParentId: I, newTree: Y });
+      const Y = fs(_, O, R);
+      V(Y), r?.({ sourceId: U, destParentId: O, newTree: Y });
     },
     [j, z, a, d, h, r]
   ), y = ae(
@@ -4070,7 +4070,7 @@ function Wl({
           node: M,
           depth: F,
           expanded: !!$[M.id],
-          onToggle: () => O(M.id),
+          onToggle: () => I(M.id),
           onSelect: o,
           onCreateChild: p,
           onRename: b,
@@ -4083,7 +4083,7 @@ function Wl({
       ),
       $[M.id] && M.children?.length > 0 ? y(M.children, F + 1) : null
     ] }, M.id)),
-    [$, h, p, f, b, o, w, O]
+    [$, h, p, f, b, o, w, I]
   );
   return re.useMemo(() => {
     if (!T) return null;
@@ -4153,6 +4153,7 @@ const Jl = ({
     ] })
   ) });
 };
+c.string;
 function xs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
   console.log(t);
   const [l, m] = re.useState(t), [o, u] = re.useState(() => {
@@ -4777,10 +4778,10 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
             if (v.optionsFrom && a) {
               const { config: F, valueField: M, labelField: U } = v.optionsFrom, S = a[F] || [];
               if (Array.isArray(S))
-                return S.map((I) => ({
-                  id: I[M] || "",
-                  value: I[M] || "",
-                  label: I[U] || ""
+                return S.map((O) => ({
+                  id: O[M] || "",
+                  value: O[M] || "",
+                  label: O[U] || ""
                 }));
             }
             return v.options || [];
@@ -5005,17 +5006,17 @@ function vs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       const x = [...g];
       return x.splice(v, 1), x;
     });
-  }, []), [E, O] = L(null), j = ae((v, g) => {
-    O(g), v.dataTransfer.effectAllowed = "move", v.dataTransfer.setData("text/html", "");
+  }, []), [E, I] = L(null), j = ae((v, g) => {
+    I(g), v.dataTransfer.effectAllowed = "move", v.dataTransfer.setData("text/html", "");
   }, []), V = ae((v) => {
     v.preventDefault(), v.dataTransfer.dropEffect = "move";
   }, []), G = ae((v, g) => {
     v.preventDefault(), !(E === null || E === g) && (r((x) => {
       const C = [...x], N = C[E];
       return C.splice(E, 1), C.splice(g, 0, N), C;
-    }), O(null));
+    }), I(null));
   }, [E]), q = ae(() => {
-    O(null);
+    I(null);
   }, []), T = ae((v) => {
     console.log("[DataTableRenderer] handleAddAudience called with:", v), r((g) => {
       const x = [...g];
@@ -5172,15 +5173,15 @@ const Lt = () => {
   initialData: p = null
   // Add prop for initial demo data
 }) => {
-  const [b, f] = L(null), [r, w] = L(""), [d, h] = L(() => Array.isArray(p) ? p : []), [z, $] = L(null), [A, E] = L(null), [O, j] = L(""), V = async () => {
+  const [b, f] = L(null), [r, w] = L(""), [d, h] = L(() => Array.isArray(p) ? p : []), [z, $] = L(null), [A, E] = L(null), [I, j] = L(""), V = async () => {
     try {
       const S = await Ve(t.collectionList);
       if (S) {
-        const I = S.map((D, P) => ({
+        const O = S.map((D, P) => ({
           ...D,
           order: typeof D.order == "number" ? D.order : P + 1
         }));
-        I.sort((D, P) => (D.order ?? 0) - (P.order ?? 0)), h(I), s?.(I);
+        O.sort((D, P) => (D.order ?? 0) - (P.order ?? 0)), h(O), s?.(O);
       }
     } catch (S) {
       console.log("Error loading collections:", S), typeof window < "u" && !window.location.pathname.includes("iframe.html") && me.error("Failed to load collections");
@@ -5196,19 +5197,19 @@ const Lt = () => {
   }, q = () => {
     if (!l || b !== null) return;
     const S = `temp-${Date.now()}`;
-    h((I) => [
-      ...I,
+    h((O) => [
+      ...O,
       {
         id: S,
         categoryName: "",
         links: [],
-        order: (I.at(-1)?.order ?? 0) + 1,
+        order: (O.at(-1)?.order ?? 0) + 1,
         _temp: !0
       }
     ]), f(S), w("");
   }, T = () => {
     b != null && (h((S) => {
-      const I = S.find((P) => P.id === b), D = I && I._temp ? S.filter((P) => P.id !== b) : S;
+      const O = S.find((P) => P.id === b), D = O && O._temp ? S.filter((P) => P.id !== b) : S;
       return s?.(D), D;
     }), f(null), w(""));
   }, v = async () => {
@@ -5216,77 +5217,77 @@ const Lt = () => {
     const S = typeof b == "string" && b.startsWith("temp-");
     try {
       if (S) {
-        const I = await _e(t.collectionCreate, {
+        const O = await _e(t.collectionCreate, {
           categoryName: r.trim(),
           order: (Array.isArray(d) && d.length > 0 ? d.at(-1)?.order ?? 0 : 0) + 1
         });
-        I && (h((D) => {
-          const P = D.map((_) => _.id === b ? I : _);
+        O && (h((D) => {
+          const P = D.map((_) => _.id === b ? O : _);
           return s?.(P), P;
         }), De.success("Collection created successfully"));
       } else {
-        const I = await Hn(
+        const O = await Hn(
           `${t.collectionUpdate}/${b}?newName=${r.trim()}`
         );
         h((D) => {
           const P = D.map(
-            (_) => _.id === b ? I && I.id ? { ..._, ...I } : { ..._, categoryName: r.trim() } : _
+            (_) => _.id === b ? O && O.id ? { ..._, ...O } : { ..._, categoryName: r.trim() } : _
           );
           return s?.(P), P;
         }), me.success("Collection updated successfully");
       }
       f(null), w("");
-    } catch (I) {
-      console.log(I), me.error("Failed to save collection");
+    } catch (O) {
+      console.log(O), me.error("Failed to save collection");
     }
   }, g = async (S) => {
     if (o)
       try {
         await Qn(`${t.collectionUpdate}/${S.id}`) && (me.success("Deleted successfully", { autoClose: 3e3 }), V());
-      } catch (I) {
-        console.log(I), me.error("Failed to delete collection");
+      } catch (O) {
+        console.log(O), me.error("Failed to delete collection");
       }
-  }, x = (S, I, D) => {
-    if (!u || !I || !D || I === D) return S;
-    const P = S.findIndex((W) => W.id === I), _ = S.findIndex((W) => W.id === D);
+  }, x = (S, O, D) => {
+    if (!u || !O || !D || O === D) return S;
+    const P = S.findIndex((W) => W.id === O), _ = S.findIndex((W) => W.id === D);
     if (P === -1 || _ === -1) return S;
     const R = [...S], [Y] = R.splice(P, 1);
     return R.splice(_, 0, Y), R.map((W, pe) => ({ ...W, order: pe + 1 }));
   }, C = async (S) => {
-    const I = S.map((D) => ({
+    const O = S.map((D) => ({
       id: D.id,
       order: D.order,
       categoryName: D.categoryName
     }));
     try {
-      await _e(t.updateCollection, I);
+      await _e(t.updateCollection, O);
     } catch (D) {
       console.log(D), me.error("Failed to save order", { autoClose: 2500 });
     }
-  }, N = (S, I) => {
-    u && (S.dataTransfer.effectAllowed = "move", S.dataTransfer.setData("text/plain", String(I)), $(I));
+  }, N = (S, O) => {
+    u && (S.dataTransfer.effectAllowed = "move", S.dataTransfer.setData("text/plain", String(O)), $(O));
   }, y = (S) => {
     z && S !== A && E(S);
   }, k = (S) => {
     S.preventDefault();
-  }, F = async (S, I) => {
+  }, F = async (S, O) => {
     S.preventDefault();
     const D = S.dataTransfer.getData("text/plain");
     D && (h((P) => {
-      const _ = x(P, D, I);
+      const _ = x(P, D, O);
       return console.log("Reordered", _), C(_), s?.(_), _;
     }), $(null), E(null));
   }, M = () => {
     $(null), E(null);
   }, U = Array.isArray(d) ? d.filter(
-    (S) => S.categoryName?.toLowerCase().includes(O.toLowerCase())
+    (S) => S.categoryName?.toLowerCase().includes(I.toLowerCase())
   ) : [];
   return /* @__PURE__ */ n("div", { className: `manage-collection-list ${a}`, children: [
     /* @__PURE__ */ e("div", { className: "flex justify-end", children: /* @__PURE__ */ n("div", { className: "w-1/2 flex justify-end", children: [
       i && /* @__PURE__ */ e(
         be,
         {
-          value: O,
+          value: I,
           onDebouncedChange: j,
           placeholder: "Search Collection",
           customClass: "mr-4 searchmanagecollection"
@@ -5306,7 +5307,7 @@ const Lt = () => {
       )
     ] }) }),
     /* @__PURE__ */ e("div", { className: "mt-5 flex flex-col", children: U.map((S) => {
-      const I = b === S.id, D = S?.links?.length ?? 0, P = z === S.id, _ = A === S.id && z !== S.id;
+      const O = b === S.id, D = S?.links?.length ?? 0, P = z === S.id, _ = A === S.id && z !== S.id;
       return /* @__PURE__ */ e(
         "div",
         {
@@ -5320,7 +5321,7 @@ const Lt = () => {
             _ ? "ring-2 ring-gray-800/20" : "",
             P ? "opacity-60" : ""
           ].join(" "),
-          children: I ? /* @__PURE__ */ n(te, { children: [
+          children: O ? /* @__PURE__ */ n(te, { children: [
             /* @__PURE__ */ e("div", { className: "flex items-center gap-2 flex-1", children: /* @__PURE__ */ e(
               "input",
               {
@@ -5460,7 +5461,7 @@ function zs({
   onCancel: i,
   onSave: l
 }) {
-  const [m, o] = re.useState(a), [u, p] = re.useState(null), [b, f] = L(!1), [r, w] = L(!1), [d, h] = L({}), z = `${Se()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, $ = z, [A, E] = L(1), O = (x) => {
+  const [m, o] = re.useState(a), [u, p] = re.useState(null), [b, f] = L(!1), [r, w] = L(!1), [d, h] = L({}), z = `${Se()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, $ = z, [A, E] = L(1), I = (x) => {
     if (!a || !a.configuration)
       return x;
     const C = {}, N = x?.configuration || {};
@@ -5468,16 +5469,16 @@ function zs({
       if (y.key && y.type === "datatable") {
         const F = (N[y.key] || []).map((M, U) => {
           const S = { id: M.id || 0 };
-          return y.fields && y.fields.forEach((I) => {
-            if (I.fieldtype === "audience") {
+          return y.fields && y.fields.forEach((O) => {
+            if (O.fieldtype === "audience") {
               let D = { users: [], groups: [], roles: [] };
-              M[I.key] && (Array.isArray(M[I.key]) ? D = { users: [], groups: [], roles: [] } : typeof M[I.key] == "object" && (D = {
-                users: M[I.key].users || [],
-                groups: M[I.key].groups || [],
-                roles: M[I.key].roles || []
-              })), S[I.key] = D;
+              M[O.key] && (Array.isArray(M[O.key]) ? D = { users: [], groups: [], roles: [] } : typeof M[O.key] == "object" && (D = {
+                users: M[O.key].users || [],
+                groups: M[O.key].groups || [],
+                roles: M[O.key].roles || []
+              })), S[O.key] = D;
             } else
-              S[I.key] = M[I.key] || I.default || "";
+              S[O.key] = M[O.key] || O.default || "";
           }), S;
         });
         if (F.length === 0) {
@@ -5519,7 +5520,7 @@ function zs({
         f(!0);
         let C = await Ve(z);
         if (C) {
-          const N = O(C);
+          const N = I(C);
           p(N);
         } else
           j();
@@ -5592,12 +5593,12 @@ function zs({
             const U = { id: M.id || 0 };
             return F.fields && F.fields.forEach((S) => {
               if (S.fieldtype === "audience") {
-                let I = { users: [], groups: [], roles: [] };
-                M[S.key] && typeof M[S.key] == "object" && !Array.isArray(M[S.key]) && (I = {
+                let O = { users: [], groups: [], roles: [] };
+                M[S.key] && typeof M[S.key] == "object" && !Array.isArray(M[S.key]) && (O = {
                   users: M[S.key].users || [],
                   groups: M[S.key].groups || [],
                   roles: M[S.key].roles || []
-                }), U[S.key] = I;
+                }), U[S.key] = O;
               } else
                 U[S.key] = M[S.key] || "";
             }), U;
@@ -5739,7 +5740,7 @@ const Xl = ({
     console.log("handleCancelRequest called - showing modal"), o(!0);
   }, []), E = ae((g) => {
     o(!1), g.primary ? (console.log("User confirmed cancel - navigating back"), window.history.back()) : console.log("User cancelled the cancel action - modal closed, data preserved");
-  }, []), O = () => {
+  }, []), I = () => {
     for (const g of h)
       if (g.type === "section" && g.fields) {
         const x = g.fields.find((C) => C.key === "displayname");
@@ -5749,7 +5750,7 @@ const Xl = ({
     return a;
   };
   re.useEffect(() => {
-    p(O());
+    p(I());
   }, [h]);
   const j = ae((g) => {
     console.log("Config saved with data:", g), Object.keys(g).forEach((x) => {
@@ -5868,7 +5869,7 @@ const Xl = ({
       /* @__PURE__ */ e("div", { className: "p-8 h-full overflow-y-auto", children: q[i].content })
     ] }),
     /* @__PURE__ */ e(
-      In,
+      On,
       {
         isOpen: m,
         onClose: E,
@@ -5934,10 +5935,10 @@ const Hl = ({
   handleSearchChange: E = () => {
   },
   // Optional: override export file names
-  excelFileName: O,
+  excelFileName: I,
   pdfFileName: j
 }) => {
-  const V = () => l?.current || i?.current, [G, q] = re.useState(""), T = (t || "export").toString().trim() || "export", v = `${O || T}.xlsx`, g = `${j || T}.pdf`, x = (y, k, F) => Math.max(k, Math.min(y, F)), C = ae(
+  const V = () => l?.current || i?.current, [G, q] = re.useState(""), T = (t || "export").toString().trim() || "export", v = `${I || T}.xlsx`, g = `${j || T}.pdf`, x = (y, k, F) => Math.max(k, Math.min(y, F)), C = ae(
     (y) => {
       const k = V();
       if (console.log("openColumnChooserNear", k), !!k?.openColumnChooser) {
@@ -5947,9 +5948,9 @@ const Hl = ({
         }
         try {
           const F = y.currentTarget.getBoundingClientRect(), M = F.left + window.scrollX, U = F.bottom + window.scrollY;
-          let S = M - 120, I = U - 120;
+          let S = M - 120, O = U - 120;
           const D = window.innerWidth, P = window.innerHeight;
-          S = x(S, window.scrollX + 8, window.scrollX + D - 340), I = x(I, window.scrollY, window.scrollY + P - 120), console.log("openColumnChooserNear", S, I), k.openColumnChooser(S, I);
+          S = x(S, window.scrollX + 8, window.scrollX + D - 340), O = x(O, window.scrollY, window.scrollY + P - 120), console.log("openColumnChooserNear", S, O), k.openColumnChooser(S, O);
         } catch (F) {
           console.log("coloumn choose error", F);
         }
@@ -6107,7 +6108,7 @@ function Zl(t) {
     selectionSettings: $ = { type: "Multiple", mode: "Row" },
     enableCheckbox: A = !1,
     columns: E = [],
-    onGridStateChange: O,
+    onGridStateChange: I,
     onRowSelected: j,
     onRowDeselected: V,
     onRowDoubleClick: G,
@@ -6117,7 +6118,7 @@ function Zl(t) {
     pageSettings: g,
     sortSettings: x,
     ...C
-  } = T || {}, [N, y] = re.useState(g?.page || 1), [k, F] = re.useState(x?.pageSize || 20), [M, U] = re.useState(x?.sortKey || "updatedDate"), [S, I] = re.useState(x?.direction || "Descending"), D = ue(() => {
+  } = T || {}, [N, y] = re.useState(g?.page || 1), [k, F] = re.useState(x?.pageSize || 20), [M, U] = re.useState(x?.sortKey || "updatedDate"), [S, O] = re.useState(x?.direction || "Descending"), D = ue(() => {
     const B = [on];
     return o && B.push(cn), u && B.push(dn), p && B.push(mn), h && B.push(un), r && B.push(hn), w && B.push(pn), d && B.push(gn), f && B.push(bn), b && B.push(fn), B.push(xn), B;
   }, [o, u, p, h, r, w, d, f, b]), P = ue(() => {
@@ -6155,13 +6156,13 @@ function Zl(t) {
     const ne = String(B || "");
     return ne === "Ascending" || ne === "Descending" ? ne : ne.toLowerCase() === "ascending" ? "Ascending" : "Descending";
   }, R = (B) => {
-    const ne = v.current, J = B?.requestType, we = J === "paging" ? "paging" : J === "sorting" ? "sorting" : J === "searching" ? "searching" : J === "filtering" ? "filtering" : J === "grouping" ? "grouping" : J === "reorder" ? "reorder" : J === "columnstate" ? "columnstate" : "other", Oe = B?.pageSize ?? ne?.pageSettings?.pageSize ?? k, Ue = B?.currentPage ?? ne?.pageSettings?.currentPage ?? l, st = B?.columnName && B?.direction ? [{ field: B.columnName, dir: _(B.direction) }] : (ne?.sortSettings?.columns || []).map((Ie) => ({
-      field: Ie.field,
-      dir: _(Ie.direction ?? Ie.dir)
+    const ne = v.current, J = B?.requestType, we = J === "paging" ? "paging" : J === "sorting" ? "sorting" : J === "searching" ? "searching" : J === "filtering" ? "filtering" : J === "grouping" ? "grouping" : J === "reorder" ? "reorder" : J === "columnstate" ? "columnstate" : "other", Ie = B?.pageSize ?? ne?.pageSettings?.pageSize ?? k, Ue = B?.currentPage ?? ne?.pageSettings?.currentPage ?? l, st = B?.columnName && B?.direction ? [{ field: B.columnName, dir: _(B.direction) }] : (ne?.sortSettings?.columns || []).map((Oe) => ({
+      field: Oe.field,
+      dir: _(Oe.direction ?? Oe.dir)
     })), lt = B?.searchString ?? "", it = B?.columns ?? ne?.filterSettings?.columns ?? [];
     return {
       reason: we,
-      page: { index: Ue, size: Oe, skip: (Ue - 1) * Oe, take: Oe },
+      page: { index: Ue, size: Ie, skip: (Ue - 1) * Ie, take: Ie },
       sort: st,
       // [{ field, dir: 'Ascending'|'Descending' }]
       search: lt,
@@ -6171,7 +6172,7 @@ function Zl(t) {
   }, Y = (B) => {
     setTimeout(() => {
       v?.current?.hideSpinner();
-    }, 1e3), B.requestType === "paging" && (y(B.currentPage), F(B.pageSize)), B.requestType === "sorting" && (U(B.columnName || "updatedDate"), I(B.direction === "Ascending" ? "ASC" : "DESC")), O && O(R(B), B);
+    }, 1e3), B.requestType === "paging" && (y(B.currentPage), F(B.pageSize)), B.requestType === "sorting" && (U(B.columnName || "updatedDate"), O(B.direction === "Ascending" ? "ASC" : "DESC")), I && I(R(B), B);
   }, W = (B) => {
     typeof G == "function" && G(B?.rowData, B);
   }, pe = () => {
@@ -6179,15 +6180,15 @@ function Zl(t) {
     return A && B.push(/* @__PURE__ */ e(St, { type: "checkbox", width: "50" }, "__checkbox__")), E.forEach((ne, J) => {
       const {
         field: we,
-        headerText: Oe,
+        headerText: Ie,
         width: Ue,
         textAlign: st = "Left",
         template: lt,
         isPrimaryKey: it,
-        showInColumnChooser: Ie = !0,
+        showInColumnChooser: Oe = !0,
         allowFiltering: Ra = !0,
-        allowSorting: Oa = !0,
-        type: Ia,
+        allowSorting: Ia = !0,
+        type: Oa,
         format: Pa,
         visible: La = !0,
         minWidth: Ma,
@@ -6200,15 +6201,15 @@ function Zl(t) {
           St,
           {
             field: we,
-            headerText: Oe,
+            headerText: Ie,
             width: Ue,
             textAlign: st,
             template: lt,
             isPrimaryKey: it,
-            showInColumnChooser: Ie,
+            showInColumnChooser: Oe,
             allowFiltering: Ra,
-            allowSorting: Oa,
-            type: Ia,
+            allowSorting: Ia,
+            type: Oa,
             format: Pa,
             visible: La,
             minWidth: Ma,
@@ -6610,7 +6611,7 @@ const Rs = [
     thumb: "https://images.unsplash.com/photo-1522202176988-66273c2fd55f?q=80&w=640&auto=format&fit=crop",
     excerpt: "Community and business partners joined KCC leadership to recognize outstanding collaborations and celebrate student success…"
   }
-], Os = {
+], Is = {
   sm: {
     wrap: "max-w-md",
     itemThumb: "h-14 w-20",
@@ -6635,7 +6636,7 @@ const Rs = [
     excerpt: "text-sm text-zinc-600 dark:text-zinc-300 line-clamp-2"
   }
 }, Bt = ({ label: t }) => /* @__PURE__ */ e("span", { className: "mt-1 inline-flex items-center rounded-full border border-zinc-300 dark:border-zinc-700 bg-white dark:bg-zinc-900 px-2 py-0.5 text-[11px] font-semibold tracking-wide", children: t });
-function Is({
+function Os({
   size: t = "md",
   showCheckbox: a = !1,
   checkboxPosition: s = "top-left",
@@ -6646,7 +6647,7 @@ function Is({
   // spread for identity fields: _id / id / instanceId etc.
   ...u
 }) {
-  const p = oe(t), b = ce[p], f = Os[p];
+  const p = oe(t), b = ce[p], f = Is[p];
   return /* @__PURE__ */ n(
     ie,
     {
@@ -6703,7 +6704,7 @@ function Is({
     }
   );
 }
-Is.propTypes = {
+Os.propTypes = {
   size: c.string,
   showCheckbox: c.bool,
   checkboxPosition: c.oneOf(["top-left", "top-right"]),
@@ -7001,7 +7002,7 @@ function Gs({
                 ev: A,
                 sizeMeta: d,
                 isSelected: E === b,
-                onClick: (O) => z(O, E)
+                onClick: (I) => z(I, E)
               },
               A._id || A.id || E
             )) }),
@@ -7015,7 +7016,7 @@ function Gs({
               ev: A,
               sizeMeta: d,
               isSelected: E === b,
-              onClick: (O) => z(O, E)
+              onClick: (I) => z(I, E)
             },
             A._id || A.id || E
           )) })
@@ -7191,13 +7192,13 @@ function Xs({
   onPin: b,
   ...f
 }) {
-  const [r, w] = L(u), d = oe(t), h = ce[d], z = Ws[d], $ = (O, j) => {
-    w(j), i?.(O);
-  }, A = (O) => {
-    const j = { ...O, starred: !O.starred };
+  const [r, w] = L(u), d = oe(t), h = ce[d], z = Ws[d], $ = (I, j) => {
+    w(j), i?.(I);
+  }, A = (I) => {
+    const j = { ...I, starred: !I.starred };
     p?.(j);
-  }, E = (O) => {
-    const j = { ...O, pinned: !O.pinned };
+  }, E = (I) => {
+    const j = { ...I, pinned: !I.pinned };
     b?.(j);
   };
   return /* @__PURE__ */ n(
@@ -7213,17 +7214,17 @@ function Xs({
       children: [
         /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ e("h3", { className: `font-semibold text-zinc-900 dark:text-zinc-100 ${h.title}`, children: m }) }),
         /* @__PURE__ */ e(be, { placeholder: "Type to search..." }),
-        /* @__PURE__ */ e("div", { className: "space-y-0", children: o.map((O, j) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "space-y-0", children: o.map((I, j) => /* @__PURE__ */ e(
           Js,
           {
-            email: O,
+            email: I,
             sizeMeta: z,
             isSelected: j === r,
             onClick: (V) => $(V, j),
             onStar: A,
             onPin: E
           },
-          O._id || O.id || j
+          I._id || I.id || j
         )) }),
         /* @__PURE__ */ e("div", { className: "mt-4 pt-3 border-t border-zinc-200 dark:border-zinc-800", children: /* @__PURE__ */ e("button", { className: "w-full text-center text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 text-sm font-medium transition-colors duration-200", children: "View All" }) })
       ]
@@ -7466,7 +7467,7 @@ function el({
               contact: A,
               sizeMeta: d,
               isSelected: E === b,
-              onClick: (O) => h(O, E)
+              onClick: (I) => h(I, E)
             },
             A._id || A.id || E
           )) }),
@@ -7485,7 +7486,7 @@ function el({
               contact: A,
               sizeMeta: d,
               isSelected: E === b,
-              onClick: (O) => h(O, E)
+              onClick: (I) => h(I, E)
             },
             A._id || A.id || E
           )) })
@@ -7662,7 +7663,7 @@ function rl({
             "aria-label": "View Transactions (mock)",
             children: [
               "View Transactions",
-              /* @__PURE__ */ e(Or, { className: "h-4 w-4" })
+              /* @__PURE__ */ e(Ir, { className: "h-4 w-4" })
             ]
           }
         )
@@ -7991,7 +7992,7 @@ function cl({
                 "Download All"
               ] }),
               /* @__PURE__ */ n("button", { className: "w-full px-4 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-zinc-700 text-left flex items-center gap-2", children: [
-                /* @__PURE__ */ e(Ir, { className: "h-4 w-4" }),
+                /* @__PURE__ */ e(Or, { className: "h-4 w-4" }),
                 "Share Drive"
               ] })
             ] })
@@ -8206,7 +8207,7 @@ function gl({
   ...p
 }) {
   const [b, f] = L(o), r = oe(t), w = ce[r], d = ml[r], h = (A) => {
-    f((E) => E.filter((O) => O.id !== A.id));
+    f((E) => E.filter((I) => I.id !== A.id));
   }, z = b.find((A) => A.type === "banner"), $ = b.filter((A) => A.type !== "banner");
   return /* @__PURE__ */ n(
     ie,
@@ -8480,19 +8481,19 @@ export {
   X as Input,
   sl as LeaveBalanceMock,
   Ta as ManageCollectionList,
-  In as Modal,
+  On as Modal,
   nt as MultiSelect,
-  Is as NewsMock,
+  Os as NewsMock,
   Xs as O365MailsMock,
   Vn as OptionsMenu,
   jn as PageHeader,
   jl as PageLayout,
-  Ol as Pagination,
+  Il as Pagination,
   ga as RadioGroup,
   be as SearchBar,
   ft as Select,
   ie as SelectableCard,
-  Il as Sidebar,
+  Ol as Sidebar,
   fa as Spinner,
   xa as Textarea,
   Ql as ToastProvider,