obeyaka-ui 0.1.22 → 0.1.23

package/dist/index.es.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as x, Fragment as me } from "react/jsx-runtime";
 import be, { useState as O, useCallback as L, useMemo as K, memo as wn, useRef as Z, useEffect as Y, useLayoutEffect as $n, Suspense as Yt, forwardRef as Zt, useImperativeHandle as qt, createContext as Hn, useContext as Vn } from "react";
-import { ActionIcon as se, Tooltip as Fe, Box as b, Skeleton as Xt, Loader as Se, Text as T, Group as A, InputWrapper as _n, Input as Kt, Textarea as bn, TextInput as Mn, useCombobox as rn, Combobox as re, Indicator as Gn, MenuItem as Qn, Menu as pe, Stack as N, Pill as yn, Popover as Le, LoadingOverlay as Jt, Button as le, Table as we, Badge as Ke, Tabs as fe, ScrollArea as ke, Flex as Yn, Avatar as Zn, TagsInput as er, Radio as nr, Space as Ee, Modal as Sn, FocusTrap as qn, Drawer as Xn, Alert as tr, Anchor as Kn, PillsInput as En, Collapse as rr, AppShell as Ue, createTheme as or, MantineProvider as ir } from "@mantine/core";
-import { IconQuestionMark as Ne, IconSearch as kn, IconX as Jn, IconFilter as et, IconFilterOff as ar, IconChevronDown as Ce, IconChevronRight as Je, IconPlus as Te, IconDots as $e, IconCheck as on, IconChevronUp as He, IconClock as nt, IconMoodSmile as qe, IconFlag as cr, IconHeart as sr, IconBulb as lr, IconPlane as Bn, IconBallBasketball as dr, IconApple as ur, IconTrees as tt, IconUser as Cn, IconBriefcase as fr, IconDeviceDesktop as hr, IconCircle as pr, IconTool as mr, IconMessage as gr, IconPhoto as An, IconArchive as vn, IconBell as Ir, IconInbox as yr, IconChecklist as mn, IconChevronsLeft as rt, IconPointFilled as vr, IconPoint as xr, IconChevronLeft as Ln, IconMaximize as ot, IconStar as wr, IconChevronsRight as Ve, IconMoodSmileFilled as it, IconAlignLeft as at, IconUserCircle as ct, IconUsers as st, IconMenu2 as jn } from "@tabler/icons-react";
+import { ActionIcon as se, Tooltip as Fe, Box as b, Skeleton as Xt, Loader as Se, Text as T, Group as A, InputWrapper as _n, Input as Kt, Textarea as bn, TextInput as Mn, useCombobox as rn, Combobox as re, Indicator as Gn, MenuItem as Qn, Menu as pe, Stack as W, Pill as yn, Popover as Le, LoadingOverlay as Jt, Button as le, Table as we, Badge as Ke, Tabs as fe, ScrollArea as ke, Flex as Yn, Avatar as Zn, TagsInput as er, Radio as nr, Space as Ee, Modal as Sn, FocusTrap as qn, Drawer as Xn, Alert as tr, Anchor as Kn, PillsInput as En, Collapse as rr, AppShell as Ue, createTheme as or, MantineProvider as ir } from "@mantine/core";
+import { IconQuestionMark as We, IconSearch as kn, IconX as Jn, IconFilter as et, IconFilterOff as ar, IconChevronDown as Ce, IconChevronRight as Je, IconPlus as Te, IconDots as $e, IconCheck as on, IconChevronUp as He, IconClock as nt, IconMoodSmile as qe, IconFlag as cr, IconHeart as sr, IconBulb as lr, IconPlane as Bn, IconBallBasketball as dr, IconApple as ur, IconTrees as tt, IconUser as Cn, IconBriefcase as fr, IconDeviceDesktop as hr, IconCircle as pr, IconTool as mr, IconMessage as gr, IconPhoto as An, IconArchive as vn, IconBell as Ir, IconInbox as yr, IconChecklist as mn, IconChevronsLeft as rt, IconPointFilled as vr, IconPoint as xr, IconChevronLeft as Ln, IconMaximize as ot, IconStar as wr, IconChevronsRight as Ve, IconMoodSmileFilled as it, IconAlignLeft as at, IconUserCircle as ct, IconUsers as st, IconMenu2 as jn } from "@tabler/icons-react";
 import en from "@emoji-mart/data";
 import { init as br, SearchIndex as Mr } from "emoji-mart";
 import { useDisclosure as Xe, useMediaQuery as Sr } from "@mantine/hooks";
@@ -21,11 +21,11 @@ const he = be.memo(
     disabled: s = !1,
     loading: d = !1,
     tooltip: u,
-    "aria-label": m,
-    className: f,
+    "aria-label": p,
+    className: h,
     style: I,
-    onMouseEnter: h,
-    onMouseLeave: p,
+    onMouseEnter: f,
+    onMouseLeave: m,
     ...g
   }) => {
     const [w, y] = O(!1), S = L(() => {
@@ -44,14 +44,14 @@ const he = be.memo(
       xl: 2.5
     })[a] || 2, [a]), C = L(
       (F) => {
-        y(!0), h == null || h(F);
+        y(!0), f == null || f(F);
       },
-      [h]
+      [f]
     ), k = L(
       (F) => {
-        y(!1), p == null || p(F);
+        y(!1), m == null || m(F);
       },
-      [p]
+      [m]
     ), v = K(() => {
       if (l)
         return l;
@@ -80,8 +80,8 @@ const he = be.memo(
         loading: d,
         onMouseEnter: C,
         onMouseLeave: k,
-        "aria-label": m || u,
-        className: f,
+        "aria-label": p || u,
+        className: h,
         style: I,
         ...g,
         children: j
@@ -227,20 +227,20 @@ const Er = async (n) => {
   if (Me.has(n))
     return Me.get(n);
   try {
-    const o = (await import("@tabler/icons-react"))[n] || Ne;
+    const o = (await import("@tabler/icons-react"))[n] || We;
     return Me.set(n, o), o;
   } catch {
-    return Me.set(n, Ne), Ne;
+    return Me.set(n, We), We;
   }
 }, Br = (n) => n.replace(/^Icon/, "").replace(/([A-Z])/g, " $1").trim().toLowerCase().replace(/^./, (t) => t.toUpperCase()), lt = wn(
   ({ iconName: n, onClick: r, size: t = 20 }) => {
     const [o, i] = O(null), [a, c] = O(!0), l = Z(null), s = Z(!0);
     Y(() => (s.current = !0, (async () => {
       try {
-        const f = (await import("@tabler/icons-react"))[n];
-        s.current && (i(f ? () => f : Ne), c(!1));
+        const h = (await import("@tabler/icons-react"))[n];
+        s.current && (i(h ? () => h : We), c(!1));
       } catch {
-        s.current && (i(() => Ne), c(!1));
+        s.current && (i(() => We), c(!1));
       }
     })(), () => {
       s.current = !1;
@@ -323,34 +323,34 @@ const dt = wn(
     onMouseEnter: c,
     onMouseLeave: l
   }) => {
-    const [s, d] = O(!1), [u, m] = O(() => Me.get(n) || null), f = Re(r), I = Math.round(f * 0.9);
+    const [s, d] = O(!1), [u, p] = O(() => Me.get(n) || null), h = Re(r), I = Math.round(h * 0.9);
     Y(() => {
       if (Me.has(n)) {
-        m(() => Me.get(n));
+        p(() => Me.get(n));
         return;
       }
-      let p = !0;
+      let m = !0;
       return Er(n).then((g) => {
-        p && m(() => g);
+        m && p(() => g);
       }), () => {
-        p = !1;
+        m = !1;
       };
     }, [n]);
-    const h = () => typeof i == "number" ? i : `var(--mantine-radius-${i})`;
+    const f = () => typeof i == "number" ? i : `var(--mantine-radius-${i})`;
     return u ? /* @__PURE__ */ e(
       b,
       {
         style: {
-          width: `${f}px !important`,
-          height: `${f}px !important`,
-          minWidth: `${f}px`,
-          minHeight: `${f}px`,
-          maxWidth: `${f}px`,
-          maxHeight: `${f}px`,
+          width: `${h}px !important`,
+          height: `${h}px !important`,
+          minWidth: `${h}px`,
+          minHeight: `${h}px`,
+          maxWidth: `${h}px`,
+          maxHeight: `${h}px`,
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
-          borderRadius: h(),
+          borderRadius: f(),
           cursor: a ? "pointer" : "default",
           border: o ? "1px solid var(--mantine-color-gray-4)" : "none",
           backgroundColor: s ? "var(--mantine-color-gray-0)" : "transparent",
@@ -360,11 +360,11 @@ const dt = wn(
           ...t
         },
         onClick: a,
-        onMouseEnter: (p) => {
-          d(!0), c == null || c(p);
+        onMouseEnter: (m) => {
+          d(!0), c == null || c(m);
         },
-        onMouseLeave: (p) => {
-          d(!1), l == null || l(p);
+        onMouseLeave: (m) => {
+          d(!1), l == null || l(m);
         },
         children: /* @__PURE__ */ e(u, { size: I, color: "var(--mantine-color-gray-8)" })
       }
@@ -372,16 +372,16 @@ const dt = wn(
       b,
       {
         style: {
-          width: `${f}px !important`,
-          height: `${f}px !important`,
-          minWidth: `${f}px`,
-          minHeight: `${f}px`,
-          maxWidth: `${f}px`,
-          maxHeight: `${f}px`,
+          width: `${h}px !important`,
+          height: `${h}px !important`,
+          minWidth: `${h}px`,
+          minHeight: `${h}px`,
+          maxWidth: `${h}px`,
+          maxHeight: `${h}px`,
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
-          borderRadius: h(),
+          borderRadius: f(),
           cursor: a ? "pointer" : "default",
           border: o ? "1px solid var(--mantine-color-gray-4)" : "none",
           backgroundColor: s ? "var(--mantine-color-gray-0)" : "transparent",
@@ -391,11 +391,11 @@ const dt = wn(
           ...t
         },
         onClick: a,
-        onMouseEnter: (p) => {
-          d(!0), c == null || c(p);
+        onMouseEnter: (m) => {
+          d(!0), c == null || c(m);
         },
-        onMouseLeave: (p) => {
-          d(!1), l == null || l(p);
+        onMouseLeave: (m) => {
+          d(!1), l == null || l(m);
         }
       }
     );
@@ -495,7 +495,7 @@ const Ar = (n) => {
   loading: c = !1,
   alt: l = "Avatar"
 }) => {
-  const [s, d] = O(!1), u = jr(r), m = t && o, f = () => {
+  const [s, d] = O(!1), u = jr(r), p = t && o, h = () => {
     d(!0);
   }, I = () => {
     d(!1);
@@ -508,7 +508,7 @@ const Ar = (n) => {
         ...u,
         borderRadius: "var(--mantine-radius-md)",
         overflow: "hidden",
-        cursor: m ? "pointer" : "default",
+        cursor: p ? "pointer" : "default",
         position: "relative",
         display: "flex",
         alignItems: "center",
@@ -517,12 +517,12 @@ const Ar = (n) => {
         backgroundColor: "transparent",
         ...a
       },
-      onClick: m ? o : void 0,
-      onMouseEnter: (h) => {
-        m && (h.currentTarget.style.backgroundColor = "var(--mantine-color-gray-0)");
+      onClick: p ? o : void 0,
+      onMouseEnter: (f) => {
+        p && (f.currentTarget.style.backgroundColor = "var(--mantine-color-gray-0)");
       },
-      onMouseLeave: (h) => {
-        m && (h.currentTarget.style.backgroundColor = "transparent");
+      onMouseLeave: (f) => {
+        p && (f.currentTarget.style.backgroundColor = "transparent");
       },
       children: c ? /* @__PURE__ */ e(
         Se,
@@ -546,7 +546,7 @@ const Ar = (n) => {
             height: "100%",
             objectFit: "cover"
           },
-          onError: f,
+          onError: h,
           onLoad: I
         }
       )
@@ -635,7 +635,7 @@ const Ar = (n) => {
       )
     }
   );
-}, Wr = (n) => {
+}, Nr = (n) => {
   if (!n)
     return "";
   const r = [
@@ -699,11 +699,11 @@ const Ar = (n) => {
           );
       }
     if (c) {
-      const m = l ? Wr(l) : "?";
+      const p = l ? Nr(l) : "?";
       return /* @__PURE__ */ e(
         xn,
         {
-          text: m,
+          text: p,
           size: r,
           editable: s,
           onClick: o
@@ -749,7 +749,7 @@ const Ar = (n) => {
       children: /* @__PURE__ */ e(T, { fw: 500, fz: "sm", truncate: "end", c: "var(--mantine-color-gray-9)", children: n })
     }
   );
-}, Nr = new URL("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTUiIGhlaWdodD0iNTYiIHZpZXdCb3g9IjAgMCA1NSA1NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMC43NUg1NVY1NS43NUgwVjAuNzVaIiBmaWxsPSIjRjZGNUY0Ii8+CjxwYXRoIGQ9Ik04LjgwMDI5IDM0LjYzQzguODAwMjkgMzQuMTQ0IDkuMTk0MjggMzMuNzUgOS42ODAyOSAzMy43NUgxOC45MjAzQzE5LjQwNjMgMzMuNzUgMTkuODAwMyAzNC4xNDQgMTkuODAwMyAzNC42M1Y0My44N0MxOS44MDAzIDQ0LjM1NiAxOS40MDYzIDQ0Ljc1IDE4LjkyMDMgNDQuNzVIOS42ODAyOUM5LjE5NDI4IDQ0Ljc1IDguODAwMjkgNDQuMzU2IDguODAwMjkgNDMuODdWMzQuNjNaIiBmaWxsPSIjRkZDQTAwIi8+CjxwYXRoIGQ9Ik0yMi4wMDAyIDIzLjYzQzIyLjAwMDIgMjMuMTQ0IDIyLjM5NDIgMjIuNzUgMjIuODgwMiAyMi43NUgzMi4xMjAyQzMyLjYwNjMgMjIuNzUgMzMuMDAwMiAyMy4xNDQgMzMuMDAwMiAyMy42M1Y0My44N0MzMy4wMDAyIDQ0LjM1NiAzMi42MDYzIDQ0Ljc1IDMyLjEyMDIgNDQuNzVIMjIuODgwMkMyMi4zOTQyIDQ0Ljc1IDIyLjAwMDIgNDQuMzU2IDIyLjAwMDIgNDMuODdWMjMuNjNaIiBmaWxsPSIjMzdDRTkxIi8+CjxwYXRoIGQ9Ik0zNS4yMDAyIDEyLjYzQzM1LjIwMDIgMTIuMTQ0IDM1LjU5NDIgMTEuNzUgMzYuMDgwMiAxMS43NUg0NS4zMjAyQzQ1LjgwNjIgMTEuNzUgNDYuMjAwMiAxMi4xNDQgNDYuMjAwMiAxMi42M1Y0My44N0M0Ni4yMDAyIDQ0LjM1NiA0NS44MDYyIDQ0Ljc1IDQ1LjMyMDIgNDQuNzVIMzYuMDgwMkMzNS41OTQyIDQ0Ljc1IDM1LjIwMDIgNDQuMzU2IDM1LjIwMDIgNDMuODdWMTIuNjNaIiBmaWxsPSIjRkIzNzU3Ii8+CjxwYXRoIGQ9Ik04LjgwMDA1IDE3LjI1QzguODAwMDUgMTQuMjEyNCAxMS4yNjI1IDExLjc1IDE0LjMgMTEuNzVDMTcuMzM3NiAxMS43NSAxOS44IDE0LjIxMjQgMTkuOCAxNy4yNUMxOS44IDIwLjI4NzYgMTcuMzM3NiAyMi43NSAxNC4zIDIyLjc1QzExLjI2MjUgMjIuNzUgOC44MDAwNSAyMC4yODc2IDguODAwMDUgMTcuMjVaIiBmaWxsPSIjMDA3MkZGIi8+Cjwvc3ZnPgo=", self.location).href, Pr = ({
+}, Wr = new URL("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTUiIGhlaWdodD0iNTYiIHZpZXdCb3g9IjAgMCA1NSA1NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMC43NUg1NVY1NS43NUgwVjAuNzVaIiBmaWxsPSIjRjZGNUY0Ii8+CjxwYXRoIGQ9Ik04LjgwMDI5IDM0LjYzQzguODAwMjkgMzQuMTQ0IDkuMTk0MjggMzMuNzUgOS42ODAyOSAzMy43NUgxOC45MjAzQzE5LjQwNjMgMzMuNzUgMTkuODAwMyAzNC4xNDQgMTkuODAwMyAzNC42M1Y0My44N0MxOS44MDAzIDQ0LjM1NiAxOS40MDYzIDQ0Ljc1IDE4LjkyMDMgNDQuNzVIOS42ODAyOUM5LjE5NDI4IDQ0Ljc1IDguODAwMjkgNDQuMzU2IDguODAwMjkgNDMuODdWMzQuNjNaIiBmaWxsPSIjRkZDQTAwIi8+CjxwYXRoIGQ9Ik0yMi4wMDAyIDIzLjYzQzIyLjAwMDIgMjMuMTQ0IDIyLjM5NDIgMjIuNzUgMjIuODgwMiAyMi43NUgzMi4xMjAyQzMyLjYwNjMgMjIuNzUgMzMuMDAwMiAyMy4xNDQgMzMuMDAwMiAyMy42M1Y0My44N0MzMy4wMDAyIDQ0LjM1NiAzMi42MDYzIDQ0Ljc1IDMyLjEyMDIgNDQuNzVIMjIuODgwMkMyMi4zOTQyIDQ0Ljc1IDIyLjAwMDIgNDQuMzU2IDIyLjAwMDIgNDMuODdWMjMuNjNaIiBmaWxsPSIjMzdDRTkxIi8+CjxwYXRoIGQ9Ik0zNS4yMDAyIDEyLjYzQzM1LjIwMDIgMTIuMTQ0IDM1LjU5NDIgMTEuNzUgMzYuMDgwMiAxMS43NUg0NS4zMjAyQzQ1LjgwNjIgMTEuNzUgNDYuMjAwMiAxMi4xNDQgNDYuMjAwMiAxMi42M1Y0My44N0M0Ni4yMDAyIDQ0LjM1NiA0NS44MDYyIDQ0Ljc1IDQ1LjMyMDIgNDQuNzVIMzYuMDgwMkMzNS41OTQyIDQ0Ljc1IDM1LjIwMDIgNDQuMzU2IDM1LjIwMDIgNDMuODdWMTIuNjNaIiBmaWxsPSIjRkIzNzU3Ii8+CjxwYXRoIGQ9Ik04LjgwMDA1IDE3LjI1QzguODAwMDUgMTQuMjEyNCAxMS4yNjI1IDExLjc1IDE0LjMgMTEuNzVDMTcuMzM3NiAxMS43NSAxOS44IDE0LjIxMjQgMTkuOCAxNy4yNUMxOS44IDIwLjI4NzYgMTcuMzM3NiAyMi43NSAxNC4zIDIyLjc1QzExLjI2MjUgMjIuNzUgOC44MDAwNSAyMC4yODc2IDguODAwMDUgMTcuMjVaIiBmaWxsPSIjMDA3MkZGIi8+Cjwvc3ZnPgo=", self.location).href, Pr = ({
   appName: n = "Obeyaka",
   size: r = "md",
   showText: t = !0,
@@ -793,7 +793,7 @@ const Ar = (n) => {
       return /* @__PURE__ */ e(
         "img",
         {
-          src: Nr,
+          src: Wr,
           alt: `${n} Logo`,
           width: l,
           height: u,
@@ -830,17 +830,17 @@ const Ar = (n) => {
   className: s = "",
   style: d,
   showEditBorder: u = !0,
-  editBorderColor: m = "#228be6",
-  selectOnFocus: f = !1,
+  editBorderColor: p = "#228be6",
+  selectOnFocus: h = !1,
   pageTitle: I = !1,
-  onHover: h = (g) => {
+  onHover: f = (g) => {
   },
-  ...p
+  ...m
 }) => {
   const [g, w] = O(!1), [y, S] = O(n), [M, D] = O(!1);
   Y(() => {
-    h(M);
-  }, [M, h]);
+    f(M);
+  }, [M, f]);
   const C = Z(null), k = {
     fontSize: "40px",
     fontWeight: 700,
@@ -855,23 +855,23 @@ const Ar = (n) => {
     S(n);
   }, [n]);
   const v = () => {
-    i || (w(!0), f && C.current && C.current.select());
+    i || (w(!0), h && C.current && C.current.select());
   }, B = () => {
     w(!1), y !== n && t(y);
   }, j = (H) => {
     S(H.target.value);
   }, R = (H) => {
-    var W, P;
-    H.key === "Enter" ? (w(!1), t(y), (W = C.current) == null || W.blur()) : H.key === "Escape" && (S(n), w(!1), (P = C.current) == null || P.blur());
+    var N, P;
+    H.key === "Enter" ? (w(!1), t(y), (N = C.current) == null || N.blur()) : H.key === "Escape" && (S(n), w(!1), (P = C.current) == null || P.blur());
   }, F = {
     cursor: i ? "not-allowed" : "text"
-  }, V = {
+  }, _ = {
     backgroundColor: a === "gray" ? "var(--mantine-color-gray-0)" : a === "white" ? "var(--mantine-color-white)" : void 0,
-    borderColor: g && u ? m : void 0,
+    borderColor: g && u ? p : void 0,
     borderWidth: g && u ? "2px" : void 0,
     transition: "border-color 0.2s ease-in-out, border-width 0.2s ease-in-out",
     color: "var(--mantine-color-gray-9)"
-  }, Q = () => I ? { ...V, ...k } : V;
+  }, Q = () => I ? { ..._, ...k } : _;
   return /* @__PURE__ */ e(_n, { label: r, size: c, children: /* @__PURE__ */ e(
     Kt,
     {
@@ -895,7 +895,7 @@ const Ar = (n) => {
           ...Q()
         }
       },
-      ...p
+      ...m
     }
   ) });
 }, $r = ({
@@ -910,11 +910,11 @@ const Ar = (n) => {
   className: s = "",
   style: d,
   showEditBorder: u = !0,
-  editBorderColor: m = "#228be6",
-  selectOnFocus: f = !1,
+  editBorderColor: p = "#228be6",
+  selectOnFocus: h = !1,
   minRows: I = 1,
-  maxRows: h,
-  autosize: p = !0,
+  maxRows: f,
+  autosize: m = !0,
   onHover: g = (S) => {
   },
   pageTitle: w = !1,
@@ -933,25 +933,25 @@ const Ar = (n) => {
     q && (q.style.height = "0px", q.style.minHeight = "0px", q.style.overflowY = "hidden", q.style.height = `${q.scrollHeight}px`);
   };
   Y(() => {
-    p && j();
-  }, [p]), Y(() => {
-    p && j();
-  }, [D, p]);
+    m && j();
+  }, [m]), Y(() => {
+    m && j();
+  }, [D, m]);
   const R = () => {
-    i || (M(!0), p && requestAnimationFrame(() => j()), f && B.current && B.current.select());
+    i || (M(!0), m && requestAnimationFrame(() => j()), h && B.current && B.current.select());
   }, F = () => {
     M(!1), D !== n && t(D);
-  }, V = (q) => {
+  }, _ = (q) => {
     C(q.target.value);
   }, Q = (q) => {
     var ie;
     q.key === "Escape" && (C(n), M(!1), (ie = B.current) == null || ie.blur());
   }, H = {
     cursor: i ? "not-allowed" : "text"
-  }, W = {
+  }, N = {
     borderRadius: "var(--mantine-radius-md)",
     backgroundColor: a === "gray" ? "var(--mantine-color-gray-0)" : a === "white" ? "transparent" : void 0,
-    borderColor: S && u ? m : void 0,
+    borderColor: S && u ? p : void 0,
     borderWidth: S && u ? "1px" : void 0,
     color: "var(--mantine-color-gray-9)",
     width: "100%",
@@ -965,7 +965,7 @@ const Ar = (n) => {
     backgroundColor: "transparent",
     padding: "0",
     lineHeight: "3rem"
-  }, _ = () => w ? { ...W, ...P } : W;
+  }, V = () => w ? { ...N, ...P } : N;
   return /* @__PURE__ */ e(
     _n,
     {
@@ -979,7 +979,7 @@ const Ar = (n) => {
           radius: "var(--mantine-radius-md)",
           ref: B,
           value: D,
-          onChange: V,
+          onChange: _,
           onMouseEnter: () => v(!0),
           onMouseLeave: () => v(!1),
           onFocus: R,
@@ -993,14 +993,14 @@ const Ar = (n) => {
           style: { ...H, ...d },
           styles: {
             input: {
-              ..._(),
-              overflowY: p ? "hidden" : void 0,
-              resize: p ? "none" : void 0
+              ...V(),
+              overflowY: m ? "hidden" : void 0,
+              resize: m ? "none" : void 0
             }
           },
-          autosize: p,
+          autosize: m,
           minRows: I,
-          maxRows: h,
+          maxRows: f,
           ...y
         }
       )
@@ -1017,16 +1017,16 @@ const Ar = (n) => {
     tooltip: c,
     ...l
   }) => {
-    const s = () => i || i === 0 ? `var(--mantine-color-gray-${i})` : "transparent", d = () => i || i === 0 ? `var(--mantine-color-gray-${i + 1})` : "var(--mantine-color-gray-0)", u = (h) => h === "md" ? {
+    const s = () => i || i === 0 ? `var(--mantine-color-gray-${i})` : "transparent", d = () => i || i === 0 ? `var(--mantine-color-gray-${i + 1})` : "var(--mantine-color-gray-0)", u = (f) => f === "md" ? {
       height: 28,
       iconSize: 20
-    } : h === "sm" ? {
+    } : f === "sm" ? {
       height: 24,
       iconSize: 16
     } : {
       height: 28,
       iconSize: 20
-    }, [m, f] = O(!1), I = m && r && !a ? /* @__PURE__ */ e(
+    }, [p, h] = O(!1), I = p && r && !a ? /* @__PURE__ */ e(
       r,
       {
         size: u(t).iconSize,
@@ -1047,9 +1047,9 @@ const Ar = (n) => {
       {
         size: u(t).height,
         radius: "md",
-        onMouseEnter: () => f(!0),
-        onMouseLeave: () => f(!1),
-        bg: m && !a ? d() : s(),
+        onMouseEnter: () => h(!0),
+        onMouseLeave: () => h(!1),
+        bg: p && !a ? d() : s(),
         disabled: a,
         ...l,
         children: [
@@ -1070,11 +1070,11 @@ const Ar = (n) => {
   disabled: l = !1,
   className: s
 }) => {
-  const [d, u] = O(!1), [m, f] = O(!1), [I, h] = O(t), p = Z(null), g = Z(null);
+  const [d, u] = O(!1), [p, h] = O(!1), [I, f] = O(t), m = Z(null), g = Z(null);
   Y(() => {
-    h(t);
+    f(t);
   }, [t]), Y(() => {
-    d && p.current && p.current.focus();
+    d && m.current && m.current.focus();
   }, [d]), Y(() => {
     const v = (B) => {
       g.current && !g.current.contains(B.target) && w();
@@ -1085,18 +1085,18 @@ const Ar = (n) => {
       };
   }, [d]);
   const w = () => {
-    f(!0), setTimeout(() => {
-      u(!1), f(!1);
+    h(!0), setTimeout(() => {
+      u(!1), h(!1);
     }, 200);
   }, y = () => {
     l || u(!0);
   }, S = (v) => {
     const B = v.target.value;
-    h(B), o == null || o(B);
+    f(B), o == null || o(B);
   }, M = (v) => {
     v.key === "Enter" && (i == null || i(I)), v.key === "Escape" && w();
   }, D = () => {
-    h(""), o == null || o(""), a == null || a(), w();
+    f(""), o == null || o(""), a == null || a(), w();
   }, k = (() => {
     switch (c) {
       case "sm":
@@ -1174,7 +1174,7 @@ const Ar = (n) => {
               d && /* @__PURE__ */ e(
                 Mn,
                 {
-                  ref: p,
+                  ref: m,
                   value: I,
                   onChange: S,
                   onKeyDown: M,
@@ -1185,7 +1185,7 @@ const Ar = (n) => {
                   styles: {
                     root: {
                       position: "relative",
-                      animation: m ? `shrink${n === "right" ? "Right" : "Left"} 0.2s ease forwards` : `expand${n === "right" ? "Right" : "Left"} 0.2s ease forwards`
+                      animation: p ? `shrink${n === "right" ? "Right" : "Left"} 0.2s ease forwards` : `expand${n === "right" ? "Right" : "Left"} 0.2s ease forwards`
                     },
                     input: {
                       border: "none",
@@ -1277,12 +1277,12 @@ const Ar = (n) => {
   const a = rn({
     onDropdownClose: () => a.resetSelectedOption(),
     onDropdownOpen: () => a.updateSelectedOptionIndex("active")
-  }), [c, l] = O(!1), s = n.length > 0, d = (p) => {
-    if (p === "remove-filters")
+  }), [c, l] = O(!1), s = n.length > 0, d = (m) => {
+    if (m === "remove-filters")
       r([]);
     else {
       const g = t == null ? void 0 : t.find(
-        (w) => w.value === p
+        (w) => w.value === m
       );
       if (g) {
         const w = {
@@ -1294,10 +1294,10 @@ const Ar = (n) => {
     }
     a.closeDropdown();
   }, u = (t || []).filter(
-    (p) => !n.some(
-      (g) => g.filterOption.value === p.value
+    (m) => !n.some(
+      (g) => g.filterOption.value === m.value
     )
-  ), m = {
+  ), p = {
     borderRadius: "var(--mantine-radius-md)",
     fontSize: "var(--mantine-font-size-sm)",
     color: "var(--mantine-color-gray-7)",
@@ -1323,7 +1323,7 @@ const Ar = (n) => {
           iconSize: 20
         };
     }
-  })(), h = /* @__PURE__ */ e(
+  })(), f = /* @__PURE__ */ e(
     b,
     {
       style: {
@@ -1358,9 +1358,9 @@ const Ar = (n) => {
             offset: 2,
             position: "top-end",
             color: "var(--mantine-color-yellow-7)",
-            children: h
+            children: f
           }
-        ) : h }),
+        ) : f }),
         /* @__PURE__ */ e(
           re.Dropdown,
           {
@@ -1375,25 +1375,25 @@ const Ar = (n) => {
               }
             },
             children: /* @__PURE__ */ x(re.Options, { children: [
-              u.map((p) => /* @__PURE__ */ e(
+              u.map((m) => /* @__PURE__ */ e(
                 re.Option,
                 {
-                  value: p.value,
+                  value: m.value,
                   style: {
-                    ...m
+                    ...p
                   },
                   children: /* @__PURE__ */ x(
                     b,
                     {
                       style: { display: "flex", alignItems: "center", gap: "8px" },
                       children: [
-                        p.icon,
-                        p.label
+                        m.icon,
+                        m.label
                       ]
                     }
                   )
                 },
-                p.value
+                m.value
               )),
               s && /* @__PURE__ */ e(
                 re.Option,
@@ -1430,11 +1430,11 @@ const Ar = (n) => {
   options: o = [],
   filterTagDropdownPosition: i = "bottom-start"
 }) => {
-  var f;
+  var h;
   const a = rn({
     onDropdownClose: () => a.resetSelectedOption(),
     onDropdownOpen: () => a.updateSelectedOptionIndex("active")
-  }), c = !!n.selectedOption, l = c ? `${n.filterOption.label}: ${(f = n.selectedOption) == null ? void 0 : f.label}` : n.filterOption.label, s = o && o.length > 0 ? o : [
+  }), c = !!n.selectedOption, l = c ? `${n.filterOption.label}: ${(h = n.selectedOption) == null ? void 0 : h.label}` : n.filterOption.label, s = o && o.length > 0 ? o : [
     { value: "option-a", label: "TagFilterOptionA" },
     { value: "option-b", label: "TagFilterOptionB" },
     { value: "option-c", label: "TagFilterOptionC" }
@@ -1442,10 +1442,10 @@ const Ar = (n) => {
     if (I === "remove")
       t();
     else {
-      const h = s.find((p) => p.value === I);
-      h && r({
+      const f = s.find((m) => m.value === I);
+      f && r({
         ...n,
-        selectedOption: h
+        selectedOption: f
       });
     }
     a.closeDropdown();
@@ -1454,7 +1454,7 @@ const Ar = (n) => {
     fontSize: "var(--mantine-font-size-sm)",
     color: "var(--mantine-color-gray-7)",
     fontWeight: "500"
-  }, m = {
+  }, p = {
     display: "inline-flex",
     alignItems: "center",
     gap: "4px",
@@ -1481,7 +1481,7 @@ const Ar = (n) => {
           b,
           {
             style: {
-              ...m
+              ...p
             },
             onClick: () => a.toggleDropdown(),
             fw: 500,
@@ -1516,12 +1516,12 @@ const Ar = (n) => {
             },
             children: /* @__PURE__ */ x(re.Options, { children: [
               s.map((I) => {
-                var h;
+                var f;
                 return /* @__PURE__ */ e(
                   re.Option,
                   {
                     value: I.value,
-                    active: ((h = n.selectedOption) == null ? void 0 : h.value) === I.value,
+                    active: ((f = n.selectedOption) == null ? void 0 : f.value) === I.value,
                     style: {
                       ...u
                     },
@@ -1558,21 +1558,21 @@ const Ar = (n) => {
   const i = rn({
     onDropdownClose: () => i.resetSelectedOption(),
     onDropdownOpen: () => i.updateSelectedOptionIndex("active")
-  }), [a, c] = O(!1), l = (f) => {
+  }), [a, c] = O(!1), l = (h) => {
     const I = t == null ? void 0 : t.find(
-      (h) => h.value === f
+      (f) => f.value === h
     );
     if (I) {
-      const h = {
+      const f = {
         id: `${I.value}-${Date.now()}`,
         filterOption: I
       };
-      r([...n, h]);
+      r([...n, f]);
     }
     i.closeDropdown();
   }, s = (t || []).filter(
-    (f) => !n.some(
-      (I) => I.filterOption.value === f.value
+    (h) => !n.some(
+      (I) => I.filterOption.value === h.value
     )
   ), d = {
     display: "inline-flex",
@@ -1594,7 +1594,7 @@ const Ar = (n) => {
       width: "auto",
       minWidth: "120px"
     }
-  }, m = {
+  }, p = {
     borderRadius: "var(--mantine-radius-md)",
     fontSize: "var(--mantine-font-size-sm)",
     color: "var(--mantine-color-gray-7)",
@@ -1636,25 +1636,25 @@ const Ar = (n) => {
             styles: {
               ...u
             },
-            children: /* @__PURE__ */ e(re.Options, { children: s.map((f) => /* @__PURE__ */ e(
+            children: /* @__PURE__ */ e(re.Options, { children: s.map((h) => /* @__PURE__ */ e(
               re.Option,
               {
-                value: f.value,
+                value: h.value,
                 style: {
-                  ...m
+                  ...p
                 },
                 children: /* @__PURE__ */ x(
                   b,
                   {
                     style: { display: "flex", alignItems: "center", gap: "8px" },
                     children: [
-                      f.icon,
-                      f.label
+                      h.icon,
+                      h.label
                     ]
                   }
                 )
               },
-              f.value
+              h.value
             )) })
           }
         )
@@ -1671,12 +1671,12 @@ const Ar = (n) => {
 }) => {
   const c = (d) => {
     const u = (n || []).map(
-      (m) => m.id === d.id ? d : m
+      (p) => p.id === d.id ? d : p
     );
     r(u);
   }, l = (d) => {
     const u = (n || []).filter(
-      (m) => m.id !== d
+      (p) => p.id !== d
     );
     r(u);
   }, s = (t || []).filter(
@@ -1812,7 +1812,7 @@ const Ar = (n) => {
   isActive: s = !1,
   ...d
 }) => {
-  const [u, m] = O(!1);
+  const [u, p] = O(!1);
   return /* @__PURE__ */ e(
     b,
     {
@@ -1828,8 +1828,8 @@ const Ar = (n) => {
       w: l ? "100%" : "auto",
       px: 6,
       h: 40,
-      onMouseEnter: () => !i && m(!0),
-      onMouseLeave: () => m(!1),
+      onMouseEnter: () => !i && p(!0),
+      onMouseLeave: () => p(!1),
       onClick: () => {
         i || t == null || t();
       },
@@ -1837,7 +1837,19 @@ const Ar = (n) => {
       "aria-label": a || `${n} navigation button`,
       ...d,
       children: /* @__PURE__ */ x(A, { w: "100%", wrap: "nowrap", gap: 8, justify: "left", align: "center", children: [
-        r,
+        /* @__PURE__ */ e(
+          b,
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              width: "28px",
+              height: "28px"
+            },
+            children: r
+          }
+        ),
         /* @__PURE__ */ e(
           T,
           {
@@ -1885,31 +1897,34 @@ const Ar = (n) => {
   level: s = 0,
   disabled: d = !1,
   noChild: u = !1,
-  isActive: m = !1,
-  showAvatar: f = !0,
+  isActive: p = !1,
+  showAvatar: h = !0,
   avatar: I,
-  placeholder: h,
-  onClick: p,
+  placeholder: f,
+  onClick: m,
   "aria-label": g,
   ...w
 }) => {
-  const [y, S] = O(!1), [M, D] = O(!1), C = be.Children.count(t) > 0, k = !u && C && (f ? M : !0), v = L(() => {
-    d || p == null || p();
-  }, [p, d]), B = L(
+  const [y, S] = O(!1), [M, D] = O(!1), C = be.Children.count(t) > 0, k = !u && C && (h ? M : !0), v = L(() => {
+    d || m == null || m();
+  }, [m, d]), B = L(
     (P) => {
       P.stopPropagation(), !d && (o == null || o());
     },
     [o, d]
-  ), j = L(() => {
-    d || (C && !u && S(!y), p == null || p());
-  }, [d, C, u, y, p]), R = L(() => {
+  ), j = L(
+    (P) => {
+      P == null || P.stopPropagation(), !d && C && !u && S((V) => !V);
+    },
+    [d, C, u]
+  ), R = L(() => {
     d || o == null || o();
   }, [o, d]), F = L(
     (P) => {
       d || i == null || i(P);
     },
     [i, d, n]
-  ), V = L(() => C ? be.Children.map(t, (P) => be.isValidElement(P) ? be.cloneElement(P, {
+  ), _ = L(() => C ? be.Children.map(t, (P) => be.isValidElement(P) ? be.cloneElement(P, {
     ...P.props,
     level: s + 1
   }) : P) : null, [t, C, s]), Q = (a == null ? void 0 : a.map((P) => ({
@@ -1926,8 +1941,8 @@ const Ar = (n) => {
       ] }),
       onClick: B
     }
-  ], W = Q.length > 0 ? Q : H;
-  return /* @__PURE__ */ x(N, { gap: 0, children: [
+  ], N = Q.length > 0 ? Q : H;
+  return /* @__PURE__ */ x(W, { gap: 0, children: [
     /* @__PURE__ */ e(
       b,
       {
@@ -1947,7 +1962,7 @@ const Ar = (n) => {
         onMouseEnter: () => !d && D(!0),
         onMouseLeave: () => D(!1),
         onClick: v,
-        bg: m || M ? "var(--mantine-color-gray-1)" : "transparent",
+        bg: p || M ? "var(--mantine-color-gray-1)" : "transparent",
         "aria-expanded": y,
         "aria-label": g || `${n} navigation link`,
         ...w,
@@ -1972,13 +1987,13 @@ const Ar = (n) => {
                   onClick: j,
                   disabled: d
                 }
-              ) : f ? /* @__PURE__ */ e(
+              ) : h ? /* @__PURE__ */ e(
                 Oe,
                 {
                   size: "xs",
                   avatar: I,
                   showPlaceholder: !0,
-                  placeholder: h
+                  placeholder: f
                 }
               ) : null,
               /* @__PURE__ */ e(
@@ -2000,7 +2015,7 @@ const Ar = (n) => {
                     Pe,
                     {
                       icon: Te,
-                      grayScaleBaseColor: 1,
+                      grayScaleBaseColor: M ? 1 : 0,
                       onClick: R,
                       color: "var(--mantine-color-gray-7)"
                     }
@@ -2008,7 +2023,7 @@ const Ar = (n) => {
                   (a && a.length > 0 || o) && /* @__PURE__ */ e("div", { onClick: (P) => P.stopPropagation(), children: /* @__PURE__ */ e(
                     nn,
                     {
-                      menuItems: W,
+                      menuItems: N,
                       trigger: /* @__PURE__ */ e(
                         Pe,
                         {
@@ -2028,7 +2043,7 @@ const Ar = (n) => {
         )
       }
     ),
-    y && !u && /* @__PURE__ */ e(N, { gap: 0, style: { width: "100%" }, children: C ? V() : /* @__PURE__ */ e(b, { style: { marginLeft: s > 0 ? `${s * 16}px` : "0px" }, children: /* @__PURE__ */ e(T, { size: "sm", c: "dimmed", ta: "left", p: "sm", fw: 500, children: l }) }) })
+    y && !u && /* @__PURE__ */ e(W, { gap: 0, style: { width: "100%" }, children: C ? _() : /* @__PURE__ */ e(b, { style: { marginLeft: s > 0 ? `${s * 16}px` : "0px" }, children: /* @__PURE__ */ e(T, { size: "sm", c: "dimmed", ta: "left", p: "sm", fw: 500, children: l }) }) })
   ] });
 }, Yr = "userChip-module__pill___DgFME", Zr = {
   pill: Yr
@@ -2110,7 +2125,7 @@ const Ar = (n) => {
                 }
               }
             ),
-            /* @__PURE__ */ x(N, { gap: 0, style: { flex: 1 }, children: [
+            /* @__PURE__ */ x(W, { gap: 0, style: { flex: 1 }, children: [
               /* @__PURE__ */ e(
                 T,
                 {
@@ -2154,10 +2169,10 @@ const Ar = (n) => {
   defaultOption: s,
   popoverStyles: d,
   dropdownStyles: u,
-  triggerStyles: m,
-  textStyles: f
+  triggerStyles: p,
+  textStyles: h
 }) => {
-  const [I, h] = O(!1), p = (t || []).find((v) => v.value === n) || s, [g, w] = O(!1), [y, S] = O(!1), [M, D] = O(!1), C = o ? /* @__PURE__ */ e(
+  const [I, f] = O(!1), m = (t || []).find((v) => v.value === n) || s, [g, w] = O(!1), [y, S] = O(!1), [M, D] = O(!1), C = o ? /* @__PURE__ */ e(
     A,
     {
       p: "sm",
@@ -2183,7 +2198,7 @@ const Ar = (n) => {
       onMouseEnter: () => !l && w(!0),
       onMouseLeave: () => !l && w(!1),
       onClick: () => {
-        l || (h(!0), D(!0));
+        l || (f(!0), D(!0));
       },
       style: {
         height: oo,
@@ -2197,22 +2212,22 @@ const Ar = (n) => {
         gap: ao,
         width: "auto",
         opacity: l ? 0.6 : 1,
-        ...m
+        ...p
       },
       children: [
         /* @__PURE__ */ e(
           T,
           {
             size: "sm",
-            fw: f != null && f.fontWeight ? void 0 : 500,
+            fw: h != null && h.fontWeight ? void 0 : 500,
             c: l ? "var(--mantine-color-gray-4)" : "var(--mantine-color-gray-6)",
             style: {
               color: l ? "var(--mantine-color-gray-4)" : "var(--mantine-color-gray-6)",
               lineHeight: "24px",
               whiteSpace: "nowrap",
-              ...f
+              ...h
             },
-            children: (p == null ? void 0 : p.label) || "Select option"
+            children: (m == null ? void 0 : m.label) || "Select option"
           }
         ),
         /* @__PURE__ */ e(
@@ -2232,7 +2247,7 @@ const Ar = (n) => {
     {
       opened: I,
       onChange: (v) => {
-        h(v), v || D(!1);
+        f(v), v || D(!1);
       },
       position: to,
       shadow: "md",
@@ -2254,7 +2269,7 @@ const Ar = (n) => {
               }
             },
             children: /* @__PURE__ */ x(
-              N,
+              W,
               {
                 gap: 0,
                 onClick: (v) => v.stopPropagation(),
@@ -2270,7 +2285,7 @@ const Ar = (n) => {
                         disabled: B,
                         selected: j,
                         onClick: (R) => {
-                          r == null || r(R), h(!1), D(!1);
+                          r == null || r(R), f(!1), D(!1);
                         }
                       },
                       v.value
@@ -2324,11 +2339,11 @@ const Ar = (n) => {
   searchPlaceholder: s = "Search...",
   enableAutoFilters: d = !0,
   customFilters: u = [],
-  onCustomFilter: m,
-  onSort: f,
+  onCustomFilter: p,
+  onSort: h,
   sortColumn: I,
-  sortDirection: h,
-  onSearch: p,
+  sortDirection: f,
+  onSearch: m,
   onRowClick: g,
   size: w = "md",
   striped: y = !1,
@@ -2344,7 +2359,7 @@ const Ar = (n) => {
     }),
     C,
     D
-  ), V = K(() => [...d ? t.filter((E) => E.type === "select" && E.options).map((E) => ({
+  ), _ = K(() => [...d ? t.filter((E) => E.type === "select" && E.options).map((E) => ({
     value: E.key,
     label: E.label
   })) : [], ...u], [t, d, u]), Q = K(() => {
@@ -2371,13 +2386,13 @@ const Ar = (n) => {
       }
     }), z;
   }, [r, v, j, t]), H = (z) => {
-    B(z), p == null || p(z);
-  }, W = (z) => {
+    B(z), m == null || m(z);
+  }, N = (z) => {
     const E = t.find(($) => $.key === z);
     if (!(E != null && E.sortable))
       return;
-    const U = I === z && h === "asc" ? "desc" : "asc";
-    f == null || f(z, U);
+    const U = I === z && f === "asc" ? "desc" : "asc";
+    h == null || h(z, U);
   }, P = (z) => {
     const E = t.find((U) => U.key === z);
     return (E == null ? void 0 : E.type) === "select" && E.options ? E.options.map((U) => ({
@@ -2394,7 +2409,7 @@ const Ar = (n) => {
       value: String($),
       label: String($).charAt(0).toUpperCase() + String($).slice(1)
     })) : [];
-  }, _ = (z, E) => {
+  }, V = (z, E) => {
     var $, X, de, G, ge;
     const U = E[z.key];
     switch (z.type) {
@@ -2490,7 +2505,7 @@ const Ar = (n) => {
     }
   }, q = (z) => {
     var E;
-    return (E = t.find((U) => U.key === z)) != null && E.sortable ? I === z ? h === "asc" ? /* @__PURE__ */ e(He, { size: 14 }) : /* @__PURE__ */ e(Ce, { size: 14 }) : /* @__PURE__ */ e(He, { size: 14, style: { opacity: 0.3 } }) : null;
+    return (E = t.find((U) => U.key === z)) != null && E.sortable ? I === z ? f === "asc" ? /* @__PURE__ */ e(He, { size: 14 }) : /* @__PURE__ */ e(Ce, { size: 14 }) : /* @__PURE__ */ e(He, { size: 14, style: { opacity: 0.3 } }) : null;
   }, J = (() => {
     switch (w) {
       case "sm":
@@ -2503,7 +2518,7 @@ const Ar = (n) => {
   })();
   return /* @__PURE__ */ x(b, { pos: "relative", children: [
     /* @__PURE__ */ e(Jt, { visible: c }),
-    /* @__PURE__ */ x(N, { gap: "sm", w: "100%", children: [
+    /* @__PURE__ */ x(W, { gap: "sm", w: "100%", children: [
       /* @__PURE__ */ x(A, { gap: "sm", wrap: "nowrap", justify: "space-between", children: [
         /* @__PURE__ */ e(T, { fw: 600, c: "var(--mantine-color-gray-8)", children: n }),
         /* @__PURE__ */ x(A, { gap: "xs", wrap: "nowrap", children: [
@@ -2519,7 +2534,7 @@ const Ar = (n) => {
                 size: J.buttonSize
               }
             ),
-            V.length > 0 && /* @__PURE__ */ e(
+            _.length > 0 && /* @__PURE__ */ e(
               Dn,
               {
                 activeFilters: j.map((z) => z.filterTag),
@@ -2532,9 +2547,9 @@ const Ar = (n) => {
                       onRemove: () => {
                       }
                     }))
-                  ), m == null || m(z);
+                  ), p == null || p(z);
                 },
-                availableFilters: V,
+                availableFilters: _,
                 size: J.buttonSize
               }
             )
@@ -2555,7 +2570,7 @@ const Ar = (n) => {
           )
         ] })
       ] }),
-      V.length > 0 && /* @__PURE__ */ e(
+      _.length > 0 && /* @__PURE__ */ e(
         Rn,
         {
           activeFilters: j.map((z) => z.filterTag),
@@ -2568,9 +2583,9 @@ const Ar = (n) => {
                 onRemove: () => {
                 }
               }))
-            ), m == null || m(z);
+            ), p == null || p(z);
           },
-          availableFilters: V,
+          availableFilters: _,
           size: "md",
           getFilterOptions: P
         }
@@ -2594,7 +2609,7 @@ const Ar = (n) => {
                 textAlign: z.align || "left",
                 cursor: z.sortable ? "pointer" : "default"
               },
-              onClick: () => z.sortable && W(z.key),
+              onClick: () => z.sortable && N(z.key),
               children: /* @__PURE__ */ x(A, { gap: "xs", wrap: "nowrap", children: [
                 z.icon && /* @__PURE__ */ e(b, { style: { display: "flex", alignItems: "center" }, children: z.icon }),
                 /* @__PURE__ */ e(T, { size: J.textSize, fw: 500, children: z.label }),
@@ -2612,7 +2627,7 @@ const Ar = (n) => {
                 we.Td,
                 {
                   style: { textAlign: U.align || "left" },
-                  children: _(U, z)
+                  children: V(U, z)
                 },
                 String(U.key)
               ))
@@ -2652,7 +2667,7 @@ const uo = ({
 } = {}) => {
   const [i, a] = O(
     "emoji"
-  ), [c, l] = O(null), [s, d] = O(null), [u, m] = O(null), [f, I] = O(null), [h, p] = O(null), g = L((v) => {
+  ), [c, l] = O(null), [s, d] = O(null), [u, p] = O(null), [h, I] = O(null), [f, m] = O(null), g = L((v) => {
     a(v);
   }, []), w = L(
     (v) => {
@@ -2660,7 +2675,7 @@ const uo = ({
     },
     []
   ), y = L((v) => {
-    p(v);
+    m(v);
     const B = new FileReader();
     B.onload = (j) => {
       var F;
@@ -2669,34 +2684,34 @@ const uo = ({
     }, B.readAsDataURL(v);
   }, []), S = L(
     (v) => {
-      m(v), d(null), p(null), I(null), n == null || n({ type: "emoji", value: v }), r == null || r(v);
+      p(v), d(null), m(null), I(null), n == null || n({ type: "emoji", value: v }), r == null || r(v);
     },
     [n, r]
   ), M = L(
     (v) => {
-      I(v), d(null), p(null), m(null), n == null || n({ type: "icon", value: v }), o == null || o(v);
+      I(v), d(null), m(null), p(null), n == null || n({ type: "icon", value: v }), o == null || o(v);
     },
     [n, o]
   ), D = L(() => {
-    if (h && s) {
-      const v = URL.createObjectURL(h);
+    if (f && s) {
+      const v = URL.createObjectURL(f);
       n == null || n({
         type: "image",
         value: v
-      }), t == null || t(h);
+      }), t == null || t(f);
     }
-  }, [h, s, n, t]), C = L(() => {
-    d(null), p(null), m(null), I(null);
+  }, [f, s, n, t]), C = L(() => {
+    d(null), m(null), p(null), I(null);
   }, []), k = L(() => {
-    d(null), m(null), I(null), p(null), a("emoji"), l(null);
+    d(null), p(null), I(null), m(null), a("emoji"), l(null);
   }, []);
   return {
     selectedTab: i,
     tabHovered: c,
     previewImage: s,
     selectedEmoji: u,
-    selectedIcon: f,
-    selectedFile: h,
+    selectedIcon: h,
+    selectedFile: f,
     handleTabChange: g,
     handleTabHover: w,
     handleImagePreview: y,
@@ -2887,8 +2902,8 @@ const uo = ({
     }
   );
 };
-let Wn = !1;
-Wn || (br({ data: en }), Wn = !0);
+let Nn = !1;
+Nn || (br({ data: en }), Nn = !0);
 const po = () => {
   const n = [
     {
@@ -2951,9 +2966,9 @@ const po = () => {
       return g ? JSON.parse(g) : [];
     }
     return [];
-  }), [s, d] = O([]), [u, m] = O(!1), f = po();
+  }), [s, d] = O([]), [u, p] = O(!1), h = po();
   Y(() => {
-    t.trim() ? (m(!0), Mr.search(t).then((g) => {
+    t.trim() ? (p(!0), Mr.search(t).then((g) => {
       d(
         g.map((w) => ({
           id: w.id,
@@ -2961,7 +2976,7 @@ const po = () => {
           name: w.name,
           keywords: w.keywords
         }))
-      ), m(!1);
+      ), p(!1);
     })) : d([]);
   }, [t]);
   const I = K(() => {
@@ -2986,14 +3001,14 @@ const po = () => {
         keywords: y.keywords
       };
     }) : [];
-  }, [t, i, c, s]), h = (g) => {
+  }, [t, i, c, s]), f = (g) => {
     n(g), l((w) => {
       const y = w.filter((M) => M !== g), S = [g, ...y].slice(0, 20);
       return typeof window < "u" && localStorage.setItem("emoji-frequent", JSON.stringify(S)), S;
     });
   };
-  return /* @__PURE__ */ x(N, { gap: 0, style: { height: r, width: "100%" }, children: [
-    /* @__PURE__ */ e(b, { p: "sm", pb: "xs", children: /* @__PURE__ */ x(N, { gap: "xs", children: [
+  return /* @__PURE__ */ x(W, { gap: 0, style: { height: r, width: "100%" }, children: [
+    /* @__PURE__ */ e(b, { p: "sm", pb: "xs", children: /* @__PURE__ */ x(W, { gap: "xs", children: [
       /* @__PURE__ */ e(
         Mn,
         {
@@ -3015,7 +3030,7 @@ const po = () => {
       /* @__PURE__ */ e(T, { size: "sm", c: "var(--mantine-color-gray-6)", ta: "left", fw: 500, children: ((g) => {
         if (t.trim())
           return "Results";
-        const w = f.find((y) => y.id === g);
+        const w = h.find((y) => y.id === g);
         return w ? w.name : g.charAt(0).toUpperCase() + g.slice(1);
       })(i) })
     ] }) }),
@@ -3054,7 +3069,7 @@ const po = () => {
                 variant: "subtle",
                 size: "sm",
                 p: 0,
-                onClick: () => h(g.native),
+                onClick: () => f(g.native),
                 style: {
                   width: "40px",
                   height: "40px",
@@ -3096,7 +3111,7 @@ const po = () => {
         px: "sm",
         py: "xs",
         style: { borderTop: "1px solid var(--mantine-color-gray-3)" },
-        children: /* @__PURE__ */ e(Yn, { gap: "0px", justify: "center", wrap: "wrap", children: f.map((g) => /* @__PURE__ */ e(
+        children: /* @__PURE__ */ e(Yn, { gap: "0px", justify: "center", wrap: "wrap", children: h.map((g) => /* @__PURE__ */ e(
           Fe,
           {
             label: g.name,
@@ -4092,7 +4107,7 @@ const po = () => {
   ...yt,
   ...vt
 ];
-const We = [
+const Ne = [
   {
     id: "recent",
     name: "Recently Used",
@@ -4153,7 +4168,7 @@ const We = [
 }, Io = ({
   selectedCategory: n,
   onCategoryChange: r
-}) => /* @__PURE__ */ e(Yn, { gap: "0px", justify: "center", wrap: "wrap", children: We.map((t) => {
+}) => /* @__PURE__ */ e(Yn, { gap: "0px", justify: "center", wrap: "wrap", children: Ne.map((t) => {
   const o = go[t.id];
   return /* @__PURE__ */ e(
     Fe,
@@ -4211,20 +4226,20 @@ const We = [
           }
       }
     }, []);
-    const u = K(() => We.filter(
+    const u = K(() => Ne.filter(
       (y) => y.id !== "recent" && !("isDynamic" in y)
-    ).flatMap((y) => y.icons), []), m = K(() => {
+    ).flatMap((y) => y.icons), []), p = K(() => {
       if (i === "recent") {
         const S = new Set(u);
         return s.filter(
           (M) => S.has(M)
         );
       }
-      const y = We.find(
+      const y = Ne.find(
         (S) => S.id === i
       );
       return (y == null ? void 0 : y.icons) || [];
-    }, [i, s, u]), f = L(
+    }, [i, s, u]), h = L(
       (y, S) => {
         if (!y.trim())
           return S;
@@ -4241,7 +4256,7 @@ const We = [
         });
       },
       []
-    ), I = K(() => t.trim() ? f(t, u) : m, [t, m, u, f]), h = L(
+    ), I = K(() => t.trim() ? h(t, u) : p, [t, p, u, h]), f = L(
       (y) => {
         u.includes(y) && d((M) => {
           const D = [
@@ -4255,7 +4270,7 @@ const We = [
         }), n(y);
       },
       [n, u]
-    ), p = L(
+    ), m = L(
       (y) => {
         i !== y && (o(""), a(y), requestAnimationFrame(() => {
           l(!0), setTimeout(() => l(!1), 100);
@@ -4263,12 +4278,12 @@ const We = [
       },
       [i]
     );
-    return /* @__PURE__ */ x(N, { gap: 0, style: { height: r, width: "100%" }, children: [
-      /* @__PURE__ */ e(b, { p: "sm", pb: "xs", children: /* @__PURE__ */ x(N, { gap: "xs", children: [
+    return /* @__PURE__ */ x(W, { gap: 0, style: { height: r, width: "100%" }, children: [
+      /* @__PURE__ */ e(b, { p: "sm", pb: "xs", children: /* @__PURE__ */ x(W, { gap: "xs", children: [
         /* @__PURE__ */ e(
           Mn,
           {
-            placeholder: t.trim() ? "Search all icons..." : `Search in ${(g = We.find((y) => y.id === i)) == null ? void 0 : g.name}...`,
+            placeholder: t.trim() ? "Search all icons..." : `Search in ${(g = Ne.find((y) => y.id === i)) == null ? void 0 : g.name}...`,
             value: t,
             onChange: (y) => o(y.target.value),
             leftSection: /* @__PURE__ */ e(kn, { size: 16 }),
@@ -4283,7 +4298,7 @@ const We = [
             }
           }
         ),
-        /* @__PURE__ */ e(T, { size: "sm", c: "var(--mantine-color-gray-6)", ta: "left", fw: 500, children: t.trim() ? "Results" : (w = We.find((y) => y.id === i)) == null ? void 0 : w.name })
+        /* @__PURE__ */ e(T, { size: "sm", c: "var(--mantine-color-gray-6)", ta: "left", fw: 500, children: t.trim() ? "Results" : (w = Ne.find((y) => y.id === i)) == null ? void 0 : w.name })
       ] }) }),
       /* @__PURE__ */ e(b, { style: { flex: 1, overflow: "hidden" }, children: /* @__PURE__ */ e(ke, { h: "100%", type: "hover", children: /* @__PURE__ */ e(
         b,
@@ -4300,7 +4315,7 @@ const We = [
             lt,
             {
               iconName: y,
-              onClick: () => h(y),
+              onClick: () => f(y),
               size: 20
             },
             t.trim() ? `search-${y}` : `${i}-${y}`
@@ -4318,7 +4333,7 @@ const We = [
             Io,
             {
               selectedCategory: i,
-              onCategoryChange: p
+              onCategoryChange: m
             }
           )
         }
@@ -4337,7 +4352,7 @@ const yo = ({
   onImageChange: c,
   onImageAccept: l,
   onClearImagePreview: s
-}) => /* @__PURE__ */ e(b, { p: "sm", style: { width: "384px" }, children: /* @__PURE__ */ x(N, { gap: "md", align: "center", children: [
+}) => /* @__PURE__ */ e(b, { p: "sm", style: { width: "384px" }, children: /* @__PURE__ */ x(W, { gap: "md", align: "center", children: [
   n || t ? /* @__PURE__ */ x(b, { children: [
     /* @__PURE__ */ e(T, { size: "sm", fw: 500, mb: "xs", children: "Preview" }),
     /* @__PURE__ */ e(
@@ -4460,7 +4475,7 @@ const yo = ({
       alignItems: "center",
       justifyContent: "center"
     },
-    children: /* @__PURE__ */ x(N, { align: "center", gap: "sm", children: [
+    children: /* @__PURE__ */ x(W, { align: "center", gap: "sm", children: [
       /* @__PURE__ */ e(Se, { size: "sm" }),
       /* @__PURE__ */ e(T, { size: "sm", c: "gray.6", children: "Loading avatar options..." })
     ] })
@@ -4480,11 +4495,11 @@ const yo = ({
   loading: s = !1,
   placeholder: d,
   showPlaceholder: u = !0,
-  position: m = "bottom-start",
-  withinPortal: f = !0,
+  position: p = "bottom-start",
+  withinPortal: h = !0,
   zIndex: I = 1e3
 }) => {
-  const h = Z(null), p = Z(null), g = Z(null), {
+  const f = Z(null), m = Z(null), g = Z(null), {
     selectedTab: w,
     tabHovered: y,
     previewImage: S,
@@ -4497,7 +4512,7 @@ const yo = ({
     handleImageAccept: j,
     handleEmojiSelect: R,
     handleIconSelect: F,
-    clearImagePreview: V,
+    clearImagePreview: _,
     resetState: Q
   } = uo({
     onAvatarSelect: a
@@ -4505,22 +4520,22 @@ const yo = ({
   fo({
     opened: r,
     onClose: o,
-    popoverRef: p
+    popoverRef: m
   }), Y(() => {
     r || Q();
   }, [r, Q]);
   const H = (oe) => {
     console.log("Emoji clicked:", oe), R(oe), o();
-  }, W = (oe) => {
+  }, N = (oe) => {
     console.log("Icon clicked:", oe), F(oe), o();
   }, P = (oe) => {
     oe && B(oe);
-  }, _ = () => {
+  }, V = () => {
     C ? (j(), o()) : (M || D) && o();
   }, q = () => {
-    h.current && h.current.click();
+    f.current && f.current.click();
   }, ie = () => {
-    V();
+    _();
   }, J = () => {
     console.log("Avatar removed"), c == null || c(), o();
   }, z = () => !!i, E = () => s ? /* @__PURE__ */ e(xn, { size: l, loading: !0 }) : /* @__PURE__ */ e(
@@ -4535,7 +4550,7 @@ const yo = ({
         !s && !r && t();
       }
     }
-  ), U = /* @__PURE__ */ e(vo, { onEmojiSelect: H }), $ = /* @__PURE__ */ e(xo, { onIconSelect: W }), X = /* @__PURE__ */ e(
+  ), U = /* @__PURE__ */ e(vo, { onEmojiSelect: H }), $ = /* @__PURE__ */ e(xo, { onIconSelect: N }), X = /* @__PURE__ */ e(
     wo,
     {
       previewImage: S,
@@ -4544,9 +4559,9 @@ const yo = ({
       loading: s,
       onFileInputClick: q,
       onImageChange: P,
-      onImageAccept: _,
+      onImageAccept: V,
       onClearImagePreview: ie,
-      fileInputRef: h
+      fileInputRef: f
     }
   ), de = /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(
     ho,
@@ -4566,8 +4581,8 @@ const yo = ({
       onClose: () => {
         console.log("Popover onClose called"), o();
       },
-      position: m,
-      withinPortal: f,
+      position: p,
+      withinPortal: h,
       withArrow: !0,
       shadow: "md",
       radius: "md",
@@ -4579,7 +4594,7 @@ const yo = ({
         /* @__PURE__ */ e(
           Le.Dropdown,
           {
-            ref: p,
+            ref: m,
             p: 0,
             style: { width: "auto", overflow: "hidden", zIndex: I },
             children: /* @__PURE__ */ e(Yt, { fallback: /* @__PURE__ */ e(bo, {}), children: de })
@@ -4637,23 +4652,23 @@ const yo = ({
 }) => {
   const [a, c] = O(""), [l, s] = O(
     []
-  ), d = Z(null), u = n.map((p) => {
-    if (i[p])
-      return i[p];
-    const g = o.find((w) => w.email === p);
-    return g && g.name ? g.name : p;
+  ), d = Z(null), u = n.map((m) => {
+    if (i[m])
+      return i[m];
+    const g = o.find((w) => w.email === m);
+    return g && g.name ? g.name : m;
   });
   Y(() => {
     t && t(a);
   }, [a, t]), Y(() => {
     if (n.length > 0) {
-      const p = Co(n);
-      s(p.errors);
+      const m = Co(n);
+      s(m.errors);
     } else
       s([]);
   }, [n]), Y(() => {
-    const p = d.current;
-    if (!p)
+    const m = d.current;
+    if (!m)
       return;
     let g;
     const w = (y) => {
@@ -4662,16 +4677,16 @@ const yo = ({
         c(M);
       }, 150);
     };
-    return p.addEventListener("input", w), () => {
-      p.removeEventListener("input", w), clearTimeout(g);
+    return m.addEventListener("input", w), () => {
+      m.removeEventListener("input", w), clearTimeout(g);
     };
   }, []);
-  const m = L(
-    (p) => {
+  const p = L(
+    (m) => {
       const g = o.map((y) => ({
         name: y.name || y.email,
         email: y.email
-      })), w = p.map((y) => {
+      })), w = m.map((y) => {
         const S = g.find(
           (M) => M.name.toLowerCase() === y.toLowerCase()
         );
@@ -4683,11 +4698,11 @@ const yo = ({
       r(w), c("");
     },
     [r, o]
-  ), f = L(() => {
+  ), h = L(() => {
     d.current && (d.current.value = "", c(""));
-  }, []), I = l.length === 0 && n.length > 0, h = L(
-    (p, g, w) => {
-      p && n.length > 0 && g && (p(n, g, w), c(""));
+  }, []), I = l.length === 0 && n.length > 0, f = L(
+    (m, g, w) => {
+      m && n.length > 0 && g && (m(n, g, w), c(""));
     },
     [n]
   );
@@ -4697,9 +4712,9 @@ const yo = ({
     displayValue: u,
     validationErrors: l,
     isValid: I,
-    handleEmailChange: m,
-    clearInput: f,
-    handleInvite: h
+    handleEmailChange: p,
+    clearInput: h,
+    handleInvite: f
   };
 }, bt = ({
   onInvite: n,
@@ -4709,42 +4724,42 @@ const yo = ({
   suggestedUsers: i = [],
   roleOptions: a = []
 }) => {
-  const [c, l] = O([]), [s, d] = O([]), [u, m] = O(""), [f, I] = O(
+  const [c, l] = O([]), [s, d] = O([]), [u, p] = O(""), [h, I] = O(
     {}
-  ), h = a.length > 0 ? a[0].value : void 0, [p, g] = O(
-    h
+  ), f = a.length > 0 ? a[0].value : void 0, [m, g] = O(
+    f
   );
   Y(() => {
-    a.length > 0 && !p && g(a[0].value);
-  }, [a.length, p]), Y(() => {
+    a.length > 0 && !m && g(a[0].value);
+  }, [a.length, m]), Y(() => {
     const R = i.filter((F) => c.includes(F.email)).map((F) => F.id);
     d(
-      (F) => F.filter((V) => R.includes(V))
+      (F) => F.filter((_) => R.includes(_))
     );
   }, [c, i.length]);
   const [w, y] = O(
     "invite"
   ), [S, M] = O(
     null
-  ), D = (R, F, V) => {
-    n && n(R, F, V), l([]), m("");
+  ), D = (R, F, _) => {
+    n && n(R, F, _), l([]), p("");
   }, C = (R, F) => {
     r && r(R, F);
   }, k = (R) => {
     t && t(R);
   }, v = (R) => {
     d(
-      (F) => F.includes(R) ? F.filter((V) => V !== R) : [...F, R]
+      (F) => F.includes(R) ? F.filter((_) => _ !== R) : [...F, R]
     );
   }, B = (R) => {
     c.includes(R.email) || (l([...c, R.email]), I((F) => ({
       ...F,
       [R.email]: R.name || R.email
-    })), s.includes(R.id) || d([...s, R.id]), m(""));
+    })), s.includes(R.id) || d([...s, R.id]), p(""));
   }, j = u.trim() ? i.filter((R) => {
-    var V;
+    var _;
     const F = u.toLowerCase();
-    return R.email.toLowerCase().includes(F) || ((V = R.name) == null ? void 0 : V.toLowerCase().includes(F));
+    return R.email.toLowerCase().includes(F) || ((_ = R.name) == null ? void 0 : _.toLowerCase().includes(F));
   }) : [];
   return {
     emails: c,
@@ -4752,10 +4767,10 @@ const yo = ({
     selectedUsers: s,
     setSelectedUsers: d,
     inputText: u,
-    setInputText: m,
-    tagDisplayMap: f,
+    setInputText: p,
+    tagDisplayMap: h,
     setTagDisplayMap: I,
-    selectedRole: p,
+    selectedRole: m,
     setSelectedRole: g,
     selectedTab: w,
     setSelectedTab: y,
@@ -4781,12 +4796,12 @@ const yo = ({
     suggestedUsers: s = [],
     tagDisplayMap: d = {}
   }, u) => {
-    const [m, f] = O(
+    const [p, h] = O(
       "Hello, I would like to invite you to join my workspace"
     ), {
       tagsInputRef: I,
-      displayValue: h,
-      validationErrors: p,
+      displayValue: f,
+      validationErrors: m,
       isValid: g,
       handleEmailChange: w,
       clearInput: y,
@@ -4798,7 +4813,7 @@ const yo = ({
       suggestedUsers: s,
       tagDisplayMap: d
     }), M = () => {
-      S(o, a, m), f("");
+      S(o, a, p), h("");
     };
     qt(
       u,
@@ -4807,8 +4822,8 @@ const yo = ({
       }),
       [y]
     );
-    const D = h.length > 0, C = c && i.length > 0, k = p.length > 0;
-    return /* @__PURE__ */ x(N, { gap: "md", children: [
+    const D = f.length > 0, C = c && i.length > 0, k = m.length > 0;
+    return /* @__PURE__ */ x(W, { gap: "md", children: [
       /* @__PURE__ */ x(b, { children: [
         /* @__PURE__ */ e(
           b,
@@ -4824,7 +4839,7 @@ const yo = ({
               er,
               {
                 ref: I,
-                value: h,
+                value: f,
                 onChange: w,
                 placeholder: D ? "" : t,
                 radius: "md",
@@ -4889,19 +4904,19 @@ const yo = ({
             )
           }
         ),
-        k && /* @__PURE__ */ e(N, { gap: "xs", mt: "xs", children: p.map((v, B) => /* @__PURE__ */ x(T, { size: "xs", c: "red", children: [
+        k && /* @__PURE__ */ e(W, { gap: "xs", mt: "xs", children: m.map((v, B) => /* @__PURE__ */ x(T, { size: "xs", c: "red", children: [
           v.email,
           ": ",
           v.error
         ] }, B)) })
       ] }),
-      D && /* @__PURE__ */ x(N, { gap: "sm", children: [
+      D && /* @__PURE__ */ x(W, { gap: "sm", children: [
         /* @__PURE__ */ e(
           bn,
           {
             size: "sm",
-            value: m,
-            onChange: (v) => f(v.currentTarget.value),
+            value: p,
+            onChange: (v) => h(v.currentTarget.value),
             minRows: 2,
             maxRows: 4,
             radius: "md"
@@ -4977,7 +4992,7 @@ const yo = ({
       const y = w;
       o(n.id, y);
     }
-  }, m = c === "suggested" || c === "read-only", f = c === "invited" && a.length > 0, [I, h] = O(!1);
+  }, p = c === "suggested" || c === "read-only", h = c === "invited" && a.length > 0, [I, f] = O(!1);
   return /* @__PURE__ */ x(
     A,
     {
@@ -4994,8 +5009,8 @@ const yo = ({
         l == null || l();
       },
       bg: I ? "var(--mantine-color-gray-0)" : "transparent",
-      onMouseEnter: () => h(!0),
-      onMouseLeave: () => h(!1),
+      onMouseEnter: () => f(!0),
+      onMouseLeave: () => f(!1),
       children: [
         /* @__PURE__ */ x(A, { gap: "sm", w: "100%", align: "flex-start", wrap: "nowrap", children: [
           /* @__PURE__ */ e(
@@ -5007,7 +5022,7 @@ const yo = ({
               showPlaceholder: !0
             }
           ),
-          /* @__PURE__ */ x(N, { gap: 0, w: "100%", justify: "flex-start", align: "flex-start", children: [
+          /* @__PURE__ */ x(W, { gap: 0, w: "100%", justify: "flex-start", align: "flex-start", children: [
             /* @__PURE__ */ x(A, { gap: "sm", align: "flex-start", wrap: "nowrap", children: [
               /* @__PURE__ */ x(A, { gap: "sm", align: "flex-start", wrap: "nowrap", children: [
                 /* @__PURE__ */ e(T, { size: "sm", fw: 500, lineClamp: 1, mb: -2, children: s }),
@@ -5028,7 +5043,7 @@ const yo = ({
           ] })
         ] }),
         /* @__PURE__ */ x(A, { gap: "sm", align: "center", children: [
-          m && c !== "read-only" && /* @__PURE__ */ e(
+          p && c !== "read-only" && /* @__PURE__ */ e(
             nr,
             {
               checked: r,
@@ -5038,7 +5053,7 @@ const yo = ({
               pr: 4
             }
           ),
-          f && !n.isCurrentUser && /* @__PURE__ */ e(
+          h && !n.isCurrentUser && /* @__PURE__ */ e(
             Tn,
             {
               value: n.role,
@@ -5067,11 +5082,11 @@ const yo = ({
 }) => {
   const d = Z(null), {
     emails: u,
-    setEmails: m,
-    selectedUsers: f,
+    setEmails: p,
+    selectedUsers: h,
     inputText: I,
-    setInputText: h,
-    tagDisplayMap: p,
+    setInputText: f,
+    tagDisplayMap: m,
     selectedRole: g,
     setSelectedRole: w,
     selectedTab: y,
@@ -5091,40 +5106,40 @@ const yo = ({
     invitedUsers: a,
     suggestedUsers: s,
     roleOptions: l
-  }), F = (W) => {
-    R(W), d.current && d.current.clearInput();
-  }, V = /* @__PURE__ */ x(me, { children: [
+  }), F = (N) => {
+    R(N), d.current && d.current.clearInput();
+  }, _ = /* @__PURE__ */ x(me, { children: [
     /* @__PURE__ */ e(
       Mt,
       {
         ref: d,
         value: u,
-        onChange: m,
+        onChange: p,
         onInvite: k,
         roleOptions: l,
         selectedRole: g,
         onRoleChange: w,
-        onInputChange: h,
+        onInputChange: f,
         suggestedUsers: s,
-        tagDisplayMap: p
+        tagDisplayMap: m
       }
     ),
     /* @__PURE__ */ e(Ee, { h: "sm" }),
     /* @__PURE__ */ e(ke, { mah: 200, type: "auto", style: { overflow: "visible" }, children: /* @__PURE__ */ e(b, { children: a.length > 0 && /* @__PURE__ */ x(me, { children: [
       /* @__PURE__ */ e(T, { size: "sm", fw: 500, children: "Already members" }),
       /* @__PURE__ */ e(Ee, { h: "sm" }),
-      /* @__PURE__ */ e(N, { gap: "sm", children: a.map((W) => /* @__PURE__ */ e(
+      /* @__PURE__ */ e(W, { gap: "sm", children: a.map((N) => /* @__PURE__ */ e(
         tn,
         {
-          user: W,
-          isSelected: f.includes(W.id),
+          user: N,
+          isSelected: h.includes(N.id),
           onToggle: j,
           onUpdateRole: v,
           onRemoveUser: B,
           roleOptions: l,
           variant: "invited"
         },
-        W.id
+        N.id
       )) })
     ] }) }) }),
     C.length > 0 && /* @__PURE__ */ e(
@@ -5140,25 +5155,25 @@ const yo = ({
             I.trim() && `(filtered by "${I}")`
           ] }),
           /* @__PURE__ */ e(Ee, { h: "sm" }),
-          /* @__PURE__ */ e(N, { gap: "sm", children: C.map((W) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e(W, { gap: "sm", children: C.map((N) => /* @__PURE__ */ e(
             tn,
             {
-              user: W,
-              isSelected: f.includes(W.id),
+              user: N,
+              isSelected: h.includes(N.id),
               onToggle: j,
               onUpdateRole: v,
               onRemoveUser: B,
               roleOptions: l,
               variant: "suggested",
-              onClick: () => F(W)
+              onClick: () => F(N)
             },
-            W.id
+            N.id
           )) })
         ] }) : null })
       }
     )
-  ] }), Q = /* @__PURE__ */ e(me, { children: /* @__PURE__ */ x(N, { gap: "md", p: "sm", children: [
-    /* @__PURE__ */ x(N, { gap: 4, align: "center", children: [
+  ] }), Q = /* @__PURE__ */ e(me, { children: /* @__PURE__ */ x(W, { gap: "md", p: "sm", children: [
+    /* @__PURE__ */ x(W, { gap: 4, align: "center", children: [
       /* @__PURE__ */ e(T, { size: "sm", fw: 500, ta: "center", children: "Publish to the web" }),
       /* @__PURE__ */ e(
         T,
@@ -5183,7 +5198,7 @@ const yo = ({
         children: "Publish"
       }
     )
-  ] }) }), H = /* @__PURE__ */ e(b, { style: { width: "400px", maxHeight: "600px", overflow: "visible" }, children: /* @__PURE__ */ e(N, { gap: "lg", children: /* @__PURE__ */ x(
+  ] }) }), H = /* @__PURE__ */ e(b, { style: { width: "400px", maxHeight: "600px", overflow: "visible" }, children: /* @__PURE__ */ e(W, { gap: "lg", children: /* @__PURE__ */ x(
     fe,
     {
       color: "black",
@@ -5268,7 +5283,7 @@ const yo = ({
             }
           )
         ] }),
-        /* @__PURE__ */ e(fe.Panel, { value: "invite", children: /* @__PURE__ */ e(b, { p: "sm", children: V }) }),
+        /* @__PURE__ */ e(fe.Panel, { value: "invite", children: /* @__PURE__ */ e(b, { p: "sm", children: _ }) }),
         /* @__PURE__ */ e(fe.Panel, { value: "publish", children: /* @__PURE__ */ e(b, { p: "sm", children: Q }) })
       ]
     }
@@ -5335,11 +5350,11 @@ const yo = ({
   const s = Z(null), {
     emails: d,
     setEmails: u,
-    selectedUsers: m,
-    inputText: f,
+    selectedUsers: p,
+    inputText: h,
     setInputText: I,
-    tagDisplayMap: h,
-    selectedRole: p,
+    tagDisplayMap: f,
+    selectedRole: m,
     setSelectedRole: g,
     filteredUsers: w,
     handleInvite: y,
@@ -5370,7 +5385,7 @@ const yo = ({
       closeOnEscape: !0,
       trapFocus: !1,
       zIndex: 300,
-      children: /* @__PURE__ */ x(N, { gap: "lg", children: [
+      children: /* @__PURE__ */ x(W, { gap: "lg", children: [
         /* @__PURE__ */ x(A, { justify: "space-between", wrap: "nowrap", children: [
           /* @__PURE__ */ e(T, { size: "md", fw: 500, c: "var(--mantine-color-gray-8)", children: "Share" }),
           /* @__PURE__ */ e(
@@ -5391,11 +5406,11 @@ const yo = ({
             onChange: u,
             onInvite: y,
             roleOptions: c,
-            selectedRole: p,
+            selectedRole: m,
             onRoleChange: g,
             onInputChange: I,
             suggestedUsers: l,
-            tagDisplayMap: h
+            tagDisplayMap: f
           }
         ),
         a.length > 0 && /* @__PURE__ */ x(b, { children: [
@@ -5412,11 +5427,11 @@ const yo = ({
                 paddingRight: "8px",
                 marginRight: "-8px"
               },
-              children: /* @__PURE__ */ e(N, { gap: "sm", children: a.map((v) => /* @__PURE__ */ e(
+              children: /* @__PURE__ */ e(W, { gap: "sm", children: a.map((v) => /* @__PURE__ */ e(
                 tn,
                 {
                   user: v,
-                  isSelected: m.includes(v.id),
+                  isSelected: p.includes(v.id),
                   onToggle: D,
                   onUpdateRole: S,
                   onRemoveUser: M,
@@ -5431,7 +5446,7 @@ const yo = ({
         w.length > 0 && /* @__PURE__ */ x(b, { children: [
           /* @__PURE__ */ x(T, { size: "sm", fw: 500, children: [
             "Suggested ",
-            f.trim() && `(filtered by "${f}")`
+            h.trim() && `(filtered by "${h}")`
           ] }),
           /* @__PURE__ */ e(Ee, { h: "sm" }),
           /* @__PURE__ */ e(
@@ -5445,11 +5460,11 @@ const yo = ({
                 paddingRight: "8px",
                 marginRight: "-8px"
               },
-              children: /* @__PURE__ */ e(N, { gap: "sm", children: w.map((v) => /* @__PURE__ */ e(
+              children: /* @__PURE__ */ e(W, { gap: "sm", children: w.map((v) => /* @__PURE__ */ e(
                 tn,
                 {
                   user: v,
-                  isSelected: m.includes(v.id),
+                  isSelected: p.includes(v.id),
                   onToggle: D,
                   onUpdateRole: S,
                   onRemoveUser: M,
@@ -5482,16 +5497,16 @@ const yo = ({
     o && o(), r();
   }, u = () => {
     i && i(), r();
-  }, m = () => {
+  }, p = () => {
     r();
-  }, f = t.find(
+  }, h = t.find(
     (I) => I.id === l
   );
   return /* @__PURE__ */ x(
     Sn,
     {
       opened: n,
-      onClose: m,
+      onClose: p,
       size: "90%",
       centered: !0,
       closeOnClickOutside: !0,
@@ -5516,28 +5531,28 @@ const yo = ({
                 width: "240px",
                 backgroundColor: "var(--mantine-color-gray-0)"
               },
-              children: /* @__PURE__ */ e(ke, { h: "100%", children: /* @__PURE__ */ e(N, { gap: 0, p: "sm", children: a.map((I) => /* @__PURE__ */ e(b, { mb: "md", children: /* @__PURE__ */ x(be.Fragment, { children: [
+              children: /* @__PURE__ */ e(ke, { h: "100%", children: /* @__PURE__ */ e(W, { gap: 0, p: "sm", children: a.map((I) => /* @__PURE__ */ e(b, { mb: "md", children: /* @__PURE__ */ x(be.Fragment, { children: [
                 /* @__PURE__ */ e(T, { size: "xs", fw: 600, c: "dimmed", m: 4, children: I }),
-                t.filter((h) => h.group === I).map((h) => /* @__PURE__ */ e(
+                t.filter((f) => f.group === I).map((f) => /* @__PURE__ */ e(
                   ut,
                   {
-                    label: h.label,
-                    icon: h.icon,
-                    onClick: () => s(h.id),
-                    isActive: l === h.id
+                    label: f.label,
+                    icon: f.icon,
+                    onClick: () => s(f.id),
+                    isActive: l === f.id
                   },
-                  h.id
+                  f.id
                 ))
               ] }, I) })) }) })
             }
           ),
           /* @__PURE__ */ x(b, { style: { flex: 1, display: "flex", flexDirection: "column" }, children: [
-            f ? /* @__PURE__ */ x(me, { children: [
-              /* @__PURE__ */ e(b, { p: "md", children: /* @__PURE__ */ e(A, { gap: "md", wrap: "nowrap", children: /* @__PURE__ */ x(N, { gap: 4, children: [
-                /* @__PURE__ */ e(T, { size: "md", fw: 600, children: f.alternateLabel || f.label }),
-                f.description && /* @__PURE__ */ e(T, { size: "sm", c: "var(--mantine-color-gray-6)", children: f.description })
+            h ? /* @__PURE__ */ x(me, { children: [
+              /* @__PURE__ */ e(b, { p: "md", children: /* @__PURE__ */ e(A, { gap: "md", wrap: "nowrap", children: /* @__PURE__ */ x(W, { gap: 4, children: [
+                /* @__PURE__ */ e(T, { size: "md", fw: 600, children: h.alternateLabel || h.label }),
+                h.description && /* @__PURE__ */ e(T, { size: "sm", c: "var(--mantine-color-gray-6)", children: h.description })
               ] }) }) }),
-              /* @__PURE__ */ e(ke, { style: { flex: 1 }, children: /* @__PURE__ */ e(b, { px: "md", children: f.content }) })
+              /* @__PURE__ */ e(ke, { style: { flex: 1 }, children: /* @__PURE__ */ e(b, { px: "md", children: h.content }) })
             ] }) : /* @__PURE__ */ e(
               b,
               {
@@ -5550,7 +5565,7 @@ const yo = ({
                 children: /* @__PURE__ */ e(T, { c: "var(--mantine-color-gray-6)", size: "lg", children: "Select an option from the sidebar" })
               }
             ),
-            (f == null ? void 0 : f.saveButton) && /* @__PURE__ */ e(b, { p: "md", children: /* @__PURE__ */ x(A, { justify: "flex-end", gap: "md", children: [
+            (h == null ? void 0 : h.saveButton) && /* @__PURE__ */ e(b, { p: "md", children: /* @__PURE__ */ x(A, { justify: "flex-end", gap: "md", children: [
               /* @__PURE__ */ e(le, { variant: "subtle", onClick: u, color: "gray", children: "Cancel" }),
               /* @__PURE__ */ e(le, { onClick: d, color: "blue", children: "Save Changes" })
             ] }) })
@@ -5614,11 +5629,11 @@ const yo = ({
   const u = Math.floor(d / 7);
   if (u < 4)
     return r === "es" ? `${c.ago} ${u} ${u === 1 ? c.week : c.weeks}` : `${u} ${u === 1 ? c.week : c.weeks} ${c.ago}`;
-  const m = Math.floor(d / 30);
-  if (m < 12)
-    return r === "es" ? `${c.ago} ${m} ${m === 1 ? c.month : c.months}` : `${m} ${m === 1 ? c.month : c.months} ${c.ago}`;
-  const f = Math.floor(d / 365);
-  return r === "es" ? `${c.ago} ${f} ${f === 1 ? c.year : c.years}` : `${f} ${f === 1 ? c.year : c.years} ${c.ago}`;
+  const p = Math.floor(d / 30);
+  if (p < 12)
+    return r === "es" ? `${c.ago} ${p} ${p === 1 ? c.month : c.months}` : `${p} ${p === 1 ? c.month : c.months} ${c.ago}`;
+  const h = Math.floor(d / 365);
+  return r === "es" ? `${c.ago} ${h} ${h === 1 ? c.year : c.years}` : `${h} ${h === 1 ? c.year : c.years} ${c.ago}`;
 }, Bo = (n, r = "es") => {
   const t = typeof n == "string" ? new Date(n) : n, o = {
     es: ["Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Ago", "Sep", "Oct", "Nov", "Dic"],
@@ -5639,7 +5654,7 @@ const yo = ({
   children: i,
   actions: a
 }) => {
-  var u, m, f, I, h;
+  var u, p, h, I, f;
   const c = (/* @__PURE__ */ new Date()).getTime() - new Date(n.timestamp).getTime() < 6048e5 ? jo(n.timestamp, "en") : Bo(n.timestamp, "en"), [l, s] = O(!1), d = /* @__PURE__ */ x(
     A,
     {
@@ -5693,13 +5708,13 @@ const yo = ({
               (u = n.metadata) != null && u.avatar_url ? /* @__PURE__ */ e(
                 Zn,
                 {
-                  name: (m = n.metadata) == null ? void 0 : m.fullname,
+                  name: (p = n.metadata) == null ? void 0 : p.fullname,
                   size: "sm",
                   radius: "md",
-                  src: (f = n.metadata) == null ? void 0 : f.avatar_url
+                  src: (h = n.metadata) == null ? void 0 : h.avatar_url
                 }
               ) : /* @__PURE__ */ e(Pr, { size: "xs", showText: !1, radius: "xs" }),
-              /* @__PURE__ */ x(N, { gap: "xs", justify: "flex-start", w: "100%", children: [
+              /* @__PURE__ */ x(W, { gap: "xs", justify: "flex-start", w: "100%", children: [
                 /* @__PURE__ */ e(
                   b,
                   {
@@ -5721,7 +5736,7 @@ const yo = ({
                   }
                 ),
                 /* @__PURE__ */ x(T, { size: "xs", c: "dimmed", fw: 500, style: { whiteSpace: "nowrap" }, children: [
-                  n.category ? ((I = n.category) == null ? void 0 : I.charAt(0).toUpperCase()) + ((h = n.category) == null ? void 0 : h.slice(1)) : "",
+                  n.category ? ((I = n.category) == null ? void 0 : I.charAt(0).toUpperCase()) + ((f = n.category) == null ? void 0 : f.slice(1)) : "",
                   " ",
                   "• ",
                   c
@@ -5760,21 +5775,21 @@ const yo = ({
     c(n);
   }, [n]);
   const u = L(
-    (f) => {
-      f[0].isIntersecting && o && !i && t && t();
+    (h) => {
+      h[0].isIntersecting && o && !i && t && t();
     },
     [o, i, t]
-  ), m = L(() => {
+  ), p = L(() => {
     if (!(!l.current || !n || !r || !t)) {
       s.current && (s.current.disconnect(), s.current = null);
       try {
-        const f = new IntersectionObserver(u, {
+        const h = new IntersectionObserver(u, {
           threshold: 0.1,
           rootMargin: "50px"
         });
-        f.observe(l.current), s.current = f;
-      } catch (f) {
-        console.error("Failed to setup intersection observer:", f);
+        h.observe(l.current), s.current = h;
+      } catch (h) {
+        console.error("Failed to setup intersection observer:", h);
       }
     }
   }, [n, r, t, u]);
@@ -5785,15 +5800,15 @@ const yo = ({
     }
     if (!l.current) {
       d.current = setTimeout(
-        () => m(),
+        () => p(),
         50
       );
       return;
     }
-    return m(), () => {
+    return p(), () => {
       d.current && (clearTimeout(d.current), d.current = null), s.current && (s.current.disconnect(), s.current = null);
     };
-  }, [n, r, t, m]), Y(() => () => {
+  }, [n, r, t, p]), Y(() => () => {
     d.current && clearTimeout(d.current), s.current && s.current.disconnect();
   }, []), {
     isActive: a,
@@ -5811,12 +5826,12 @@ const yo = ({
   archiveNotification: s,
   loadMore: d,
   onFilterChange: u,
-  currentFilter: m = "all",
-  customRenderer: f,
+  currentFilter: p = "all",
+  customRenderer: h,
   opened: I = !1,
-  onOpen: h = () => {
+  onOpen: f = () => {
   },
-  onClose: p = () => {
+  onClose: m = () => {
   },
   enableInfiniteScroll: g = !0
 }) => {
@@ -5836,21 +5851,21 @@ const yo = ({
       children: "All",
       leftSection: /* @__PURE__ */ e(mn, { size: 16 }),
       onClick: () => u == null ? void 0 : u("all"),
-      active: m === "all"
+      active: p === "all"
     },
     {
       children: "Unread",
       leftSection: /* @__PURE__ */ e(mn, { size: 16 }),
       onClick: () => u == null ? void 0 : u("unread"),
-      active: m === "unread"
+      active: p === "unread"
     },
     {
       children: "Archived",
       leftSection: /* @__PURE__ */ e(vn, { size: 16 }),
       onClick: () => u == null ? void 0 : u("archived"),
-      active: m === "archived"
+      active: p === "archived"
     }
-  ], S = (C) => f && C.category && ["welcome", "upgrade"].includes(C.category) ? f(C, l, s) : /* @__PURE__ */ e(
+  ], S = (C) => h && C.category && ["welcome", "upgrade"].includes(C.category) ? h(C, l, s) : /* @__PURE__ */ e(
     Fo,
     {
       notification: C,
@@ -5882,7 +5897,7 @@ const yo = ({
           }
         ),
         onClick: () => {
-          I ? p() : h();
+          I ? m() : f();
         },
         disabled: !1,
         variant: "subtle",
@@ -5900,7 +5915,7 @@ const yo = ({
       Xn,
       {
         opened: I,
-        onClose: p,
+        onClose: m,
         position: "left",
         size: 400,
         style: {
@@ -5984,7 +5999,7 @@ const yo = ({
                 ),
                 /* @__PURE__ */ x(b, { style: { flex: 1, overflow: "auto" }, children: [
                   r && n.length === 0 ? /* @__PURE__ */ e(
-                    N,
+                    W,
                     {
                       gap: 0,
                       w: "100%",
@@ -5994,10 +6009,10 @@ const yo = ({
                       py: "xl",
                       children: /* @__PURE__ */ e(Se, {})
                     }
-                  ) : n.length > 0 ? /* @__PURE__ */ e(N, { gap: 0, children: n.map(
+                  ) : n.length > 0 ? /* @__PURE__ */ e(W, { gap: 0, children: n.map(
                     (C) => S(C)
                   ) }) : /* @__PURE__ */ x(
-                    N,
+                    W,
                     {
                       gap: 0,
                       w: "100%",
@@ -6052,7 +6067,7 @@ const yo = ({
       }
     )
   ] });
-}, Nn = ({
+}, Wn = ({
   header: n,
   body: r,
   footer: t,
@@ -6062,7 +6077,7 @@ const yo = ({
 }) => {
   const [c, l] = O(!1);
   return /* @__PURE__ */ x(
-    N,
+    W,
     {
       gap: "sm",
       h: "100%",
@@ -6106,7 +6121,7 @@ const yo = ({
   if (n === void 0)
     throw new Error("useNavbar must be used within an NavbarProvider");
   return n;
-}, Wo = ({
+}, No = ({
   workspace: n,
   currentUserId: r,
   currentWorkspaceId: t,
@@ -6177,8 +6192,8 @@ const yo = ({
       ]
     }
   );
-}, No = "workspace-selector-module__menuItem___FSB6P", Po = "workspace-selector-module__workspaceButton___-P6kp", $o = "workspace-selector-module__workspaceText___YDAlj", Ho = "workspace-selector-module__scrollWrapper___MzrJY", In = {
-  menuItem: No,
+}, Wo = "workspace-selector-module__menuItem___FSB6P", Po = "workspace-selector-module__workspaceButton___-P6kp", $o = "workspace-selector-module__workspaceText___YDAlj", Ho = "workspace-selector-module__scrollWrapper___MzrJY", In = {
+  menuItem: Wo,
   workspaceButton: Po,
   workspaceText: $o,
   scrollWrapper: Ho
@@ -6194,12 +6209,12 @@ const yo = ({
   loadingMessage: s = "Loading workspaces...",
   errorMessage: d = "Failed to load workspaces",
   className: u,
-  onCloseSidebar: m,
-  sidebarHovered: f = !1,
+  onCloseSidebar: p,
+  sidebarHovered: h = !1,
   children: I,
-  menuItems: h
+  menuItems: f
 }) => {
-  const [p, g] = O(!1), [w, y] = O(""), S = K(() => w ? n.filter(
+  const [m, g] = O(!1), [w, y] = O(""), S = K(() => w ? n.filter(
     (k) => {
       var v;
       return k.name.toLowerCase().includes(w.toLowerCase()) || ((v = k.ownerEmail) == null ? void 0 : v.toLowerCase().includes(w.toLowerCase()));
@@ -6214,11 +6229,11 @@ const yo = ({
     ] });
   if (i)
     return /* @__PURE__ */ e(tr, { color: "red", title: "Error", children: d });
-  const [D, C] = O(f);
+  const [D, C] = O(h);
   return n.length === 0 && !o && !i ? /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(T, { size: "sm", c: "dimmed", children: l }) }) : /* @__PURE__ */ x(
     pe,
     {
-      opened: p,
+      opened: m,
       onOpen: () => g(!0),
       onClose: () => g(!1),
       position: "bottom-start",
@@ -6234,7 +6249,7 @@ const yo = ({
           b,
           {
             w: "100%",
-            onClick: () => g(!p),
+            onClick: () => g(!m),
             style: {
               padding: "6px",
               display: "flex",
@@ -6243,7 +6258,7 @@ const yo = ({
               cursor: "pointer"
             },
             className: `${In.workspaceButton} ${u || ""}`,
-            bg: D || p ? "var(--mantine-color-gray-1)" : "transparent",
+            bg: D || m ? "var(--mantine-color-gray-1)" : "transparent",
             onMouseEnter: () => C(!0),
             onMouseLeave: () => C(!1),
             children: /* @__PURE__ */ e(
@@ -6280,19 +6295,19 @@ const yo = ({
                       {
                         icon: Ce,
                         size: "md",
-                        onClick: () => g(!p),
-                        grayScaleBaseColor: D || f ? 1 : void 0
+                        onClick: () => g(!m),
+                        grayScaleBaseColor: D ? 1 : 0
                       }
                     ),
-                    (D || f) && /* @__PURE__ */ e(
+                    (D || h) && /* @__PURE__ */ e(
                       Pe,
                       {
                         icon: rt,
                         size: "md",
                         onClick: () => {
-                          m == null || m();
+                          p == null || p();
                         },
-                        grayScaleBaseColor: D || f ? 1 : 0
+                        grayScaleBaseColor: D ? 1 : 0
                       }
                     )
                   ] })
@@ -6308,10 +6323,10 @@ const yo = ({
               borderRadius: "var(--mantine-radius-md)"
             },
             p: 0,
-            children: /* @__PURE__ */ x(N, { gap: 0, children: [
+            children: /* @__PURE__ */ x(W, { gap: 0, children: [
               I,
               /* @__PURE__ */ e(pe.Divider, { style: { margin: "1px 0px" } }),
-              /* @__PURE__ */ e(N, { gap: 0, px: 4, children: S.length === 0 ? /* @__PURE__ */ e(pe.Item, { disabled: !0, children: /* @__PURE__ */ e(T, { size: "sm", c: "dimmed", children: l }) }) : /* @__PURE__ */ x(me, { children: [
+              /* @__PURE__ */ e(W, { gap: 0, px: 4, children: S.length === 0 ? /* @__PURE__ */ e(pe.Item, { disabled: !0, children: /* @__PURE__ */ e(T, { size: "sm", c: "dimmed", children: l }) }) : /* @__PURE__ */ x(me, { children: [
                 /* @__PURE__ */ x(A, { justify: "space-between", align: "center", p: 4, children: [
                   /* @__PURE__ */ e(T, { size: "xs", c: "dimmed", fw: 500, p: 4, truncate: !0, children: "Workspaces" }),
                   c && /* @__PURE__ */ e(
@@ -6334,7 +6349,7 @@ const yo = ({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ e("div", { className: In.scrollWrapper, children: /* @__PURE__ */ e(ke, { mah: 150, scrollbarSize: 6, scrollHideDelay: 0, children: /* @__PURE__ */ e(N, { gap: 0, mb: 6, children: S.map((k) => /* @__PURE__ */ e(
+                /* @__PURE__ */ e("div", { className: In.scrollWrapper, children: /* @__PURE__ */ e(ke, { mah: 150, scrollbarSize: 6, scrollHideDelay: 0, children: /* @__PURE__ */ e(W, { gap: 0, mb: 6, children: S.map((k) => /* @__PURE__ */ e(
                   b,
                   {
                     onClick: () => M(k),
@@ -6352,7 +6367,7 @@ const yo = ({
                       v.currentTarget.style.backgroundColor = "transparent";
                     },
                     children: /* @__PURE__ */ e(
-                      Wo,
+                      No,
                       {
                         workspace: k,
                         currentUserId: t,
@@ -6364,8 +6379,8 @@ const yo = ({
                   k.id
                 )) }) }) })
               ] }) }),
-              h && /* @__PURE__ */ e(pe.Divider, { style: { margin: "1px 0px" } }),
-              h && /* @__PURE__ */ e(b, { p: 4, children: h == null ? void 0 : h.map((k) => /* @__PURE__ */ e(
+              f && /* @__PURE__ */ e(pe.Divider, { style: { margin: "1px 0px" } }),
+              f && /* @__PURE__ */ e(b, { p: 4, children: f == null ? void 0 : f.map((k) => /* @__PURE__ */ e(
                 Qn,
                 {
                   onClick: k.onClick,
@@ -6424,13 +6439,13 @@ const Ct = ({
   interactive: a = !0,
   ...c
 }) => {
-  const [l, s] = O(o), [d, u] = O(!1), m = i ? o : a ? l : o, f = () => {
+  const [l, s] = O(o), [d, u] = O(!1), p = i ? o : a ? l : o, h = () => {
     if (!a)
       return;
-    const p = ["empty", "outline", "filled"], w = (p.indexOf(m) + 1) % p.length, y = p[w];
+    const m = ["empty", "outline", "filled"], w = (m.indexOf(p) + 1) % m.length, y = m[w];
     i ? i(y) : s(y);
   }, I = () => {
-    switch (m) {
+    switch (p) {
       case "empty":
         return null;
       case "outline":
@@ -6462,7 +6477,7 @@ const Ct = ({
         width: t,
         height: t,
         backgroundColor: (() => {
-          switch (m) {
+          switch (p) {
             case "empty":
               return "var(--mantine-color-gray-2)";
             case "outline":
@@ -6481,10 +6496,10 @@ const Ct = ({
         transition: "all 0.2s ease",
         boxShadow: d && a ? "0 2px 8px rgba(0, 0, 0, 0.15)" : "none",
         transform: d && a ? "translateY(-1px)" : "translateY(0)",
-        border: m === "outline" ? "2px solid var(--mantine-color-gray-0)" : "2px solid transparent",
+        border: p === "outline" ? "2px solid var(--mantine-color-gray-0)" : "2px solid transparent",
         ...r
       },
-      onClick: f,
+      onClick: h,
       onMouseEnter: () => u(!0),
       onMouseLeave: () => u(!1),
       ...c,
@@ -6505,14 +6520,14 @@ const Ot = ({
   onBlockPress: s,
   ...d
 }) => {
-  const [u, m] = O(!1), f = Z(null), I = Z(!1), h = () => {
-    !o || !s || (m(!0), I.current = !1, f.current = setTimeout(() => {
+  const [u, p] = O(!1), h = Z(null), I = Z(!1), f = () => {
+    !o || !s || (p(!0), I.current = !1, h.current = setTimeout(() => {
       I.current = !0, s(o);
     }, 500));
-  }, p = () => {
-    o && (m(!1), f.current && (clearTimeout(f.current), f.current = null), !I.current && l && l(o), I.current = !1);
+  }, m = () => {
+    o && (p(!1), h.current && (clearTimeout(h.current), h.current = null), !I.current && l && l(o), I.current = !1);
   }, g = () => {
-    m(!1), f.current && (clearTimeout(f.current), f.current = null), I.current = !1;
+    p(!1), h.current && (clearTimeout(h.current), h.current = null), I.current = !1;
   };
   return /* @__PURE__ */ e(
     b,
@@ -6534,8 +6549,8 @@ const Ot = ({
         cursor: o ? "pointer" : "default",
         ...r
       },
-      onMouseDown: h,
-      onMouseUp: p,
+      onMouseDown: f,
+      onMouseUp: m,
       onMouseLeave: g,
       ...d,
       children: n
@@ -6555,14 +6570,14 @@ const zt = ({
   onBlockPress: s,
   ...d
 }) => {
-  const [u, m] = O(!1), f = Z(null), I = Z(!1), h = () => {
-    !o || !s || (m(!0), I.current = !1, f.current = setTimeout(() => {
+  const [u, p] = O(!1), h = Z(null), I = Z(!1), f = () => {
+    !o || !s || (p(!0), I.current = !1, h.current = setTimeout(() => {
       I.current = !0, s(o);
     }, 500));
-  }, p = () => {
-    o && (m(!1), f.current && (clearTimeout(f.current), f.current = null), !I.current && l && l(o), I.current = !1);
+  }, m = () => {
+    o && (p(!1), h.current && (clearTimeout(h.current), h.current = null), !I.current && l && l(o), I.current = !1);
   }, g = () => {
-    m(!1), f.current && (clearTimeout(f.current), f.current = null), I.current = !1;
+    p(!1), h.current && (clearTimeout(h.current), h.current = null), I.current = !1;
   };
   return /* @__PURE__ */ e(
     b,
@@ -6584,8 +6599,8 @@ const zt = ({
         cursor: o ? "pointer" : "default",
         ...r
       },
-      onMouseDown: h,
-      onMouseUp: p,
+      onMouseDown: f,
+      onMouseUp: m,
       onMouseLeave: g,
       ...d,
       children: n
@@ -6605,14 +6620,14 @@ const Dt = ({
   onBlockPress: s,
   ...d
 }) => {
-  const [u, m] = O(!1), f = Z(null), I = Z(!1), h = () => {
-    !o || !s || (m(!0), I.current = !1, f.current = setTimeout(() => {
+  const [u, p] = O(!1), h = Z(null), I = Z(!1), f = () => {
+    !o || !s || (p(!0), I.current = !1, h.current = setTimeout(() => {
       I.current = !0, s(o);
     }, 500));
-  }, p = () => {
-    o && (m(!1), f.current && (clearTimeout(f.current), f.current = null), !I.current && l && l(o), I.current = !1);
+  }, m = () => {
+    o && (p(!1), h.current && (clearTimeout(h.current), h.current = null), !I.current && l && l(o), I.current = !1);
   }, g = () => {
-    m(!1), f.current && (clearTimeout(f.current), f.current = null), I.current = !1;
+    p(!1), h.current && (clearTimeout(h.current), h.current = null), I.current = !1;
   };
   return /* @__PURE__ */ e(
     b,
@@ -6634,8 +6649,8 @@ const Dt = ({
         cursor: o ? "pointer" : "default",
         ...r
       },
-      onMouseDown: h,
-      onMouseUp: p,
+      onMouseDown: f,
+      onMouseUp: m,
       onMouseLeave: g,
       ...d,
       children: n
@@ -6655,14 +6670,14 @@ const Rt = ({
   onBlockPress: s,
   ...d
 }) => {
-  const [u, m] = O(!1), f = Z(null), I = Z(!1), h = () => {
-    !o || !s || (m(!0), I.current = !1, f.current = setTimeout(() => {
+  const [u, p] = O(!1), h = Z(null), I = Z(!1), f = () => {
+    !o || !s || (p(!0), I.current = !1, h.current = setTimeout(() => {
       I.current = !0, s(o);
     }, 500));
-  }, p = () => {
-    o && (m(!1), f.current && (clearTimeout(f.current), f.current = null), !I.current && l && l(o), I.current = !1);
+  }, m = () => {
+    o && (p(!1), h.current && (clearTimeout(h.current), h.current = null), !I.current && l && l(o), I.current = !1);
   }, g = () => {
-    m(!1), f.current && (clearTimeout(f.current), f.current = null), I.current = !1;
+    p(!1), h.current && (clearTimeout(h.current), h.current = null), I.current = !1;
   };
   return /* @__PURE__ */ e(
     b,
@@ -6684,8 +6699,8 @@ const Rt = ({
         cursor: o ? "pointer" : "default",
         ...r
       },
-      onMouseDown: h,
-      onMouseUp: p,
+      onMouseDown: f,
+      onMouseUp: m,
       onMouseLeave: g,
       ...d,
       children: n
@@ -6703,14 +6718,14 @@ const Tt = ({
   showUpControls: c = !1,
   showDownControls: l = !1
 }) => {
-  const [s, d] = O(!1), [u, m] = O(!1), [f, I] = O(!1), [h, p] = O(!1), g = (M) => {
+  const [s, d] = O(!1), [u, p] = O(!1), [h, I] = O(!1), [f, m] = O(!1), g = (M) => {
     d(M), n == null || n(M);
   }, w = (M) => {
-    m(M), r == null || r(M);
+    p(M), r == null || r(M);
   }, y = (M) => {
     I(M), t == null || t(M);
   }, S = (M) => {
-    p(M), o == null || o(M);
+    m(M), o == null || o(M);
   };
   return /* @__PURE__ */ x(me, { children: [
     i && /* @__PURE__ */ e(
@@ -6800,11 +6815,11 @@ const Et = ({
   onRightNext: s,
   rightCurrentPage: d = 1,
   rightTotalPages: u = 1,
-  rightDisabled: m = !1,
-  rightVisible: f = !1,
+  rightDisabled: p = !1,
+  rightVisible: h = !1,
   onRightHover: I,
-  onUpPrevious: h,
-  onUpNext: p,
+  onUpPrevious: f,
+  onUpNext: m,
   upCurrentPage: g = 1,
   upTotalPages: w = 1,
   upDisabled: y = !1,
@@ -6818,17 +6833,17 @@ const Et = ({
   downVisible: j = !1,
   onDownHover: R,
   onLeftAdd: F,
-  onRightAdd: V,
+  onRightAdd: _,
   onUpAdd: Q,
   onDownAdd: H,
-  size: W = "md",
+  size: N = "md",
   inline: P = !1
 }) => {
-  const _ = () => o <= 1 || i ? null : /* @__PURE__ */ x(N, { gap: "xs", align: "center", children: [
+  const V = () => o <= 1 || i ? null : /* @__PURE__ */ x(W, { gap: "xs", align: "center", children: [
     /* @__PURE__ */ e(
       se,
       {
-        size: W,
+        size: N,
         variant: "subtle",
         onClick: () => n == null ? void 0 : n(),
         disabled: t <= 1,
@@ -6841,7 +6856,7 @@ const Et = ({
     /* @__PURE__ */ e(
       se,
       {
-        size: W,
+        size: N,
         variant: "subtle",
         onClick: F,
         color: "blue",
@@ -6853,7 +6868,7 @@ const Et = ({
     /* @__PURE__ */ e(
       se,
       {
-        size: W,
+        size: N,
         variant: "subtle",
         onClick: r,
         disabled: t >= o,
@@ -6863,11 +6878,11 @@ const Et = ({
         children: /* @__PURE__ */ e(Ln, { size: 16, stroke: 2 })
       }
     )
-  ] }), q = () => u <= 1 || m ? null : /* @__PURE__ */ x(N, { gap: "xs", align: "center", children: [
+  ] }), q = () => u <= 1 || p ? null : /* @__PURE__ */ x(W, { gap: "xs", align: "center", children: [
     /* @__PURE__ */ e(
       se,
       {
-        size: W,
+        size: N,
         variant: "subtle",
         onClick: l,
         disabled: d <= 1,
@@ -6880,9 +6895,9 @@ const Et = ({
     /* @__PURE__ */ e(
       se,
       {
-        size: W,
+        size: N,
         variant: "subtle",
-        onClick: V,
+        onClick: _,
         color: "blue",
         radius: "md",
         "aria-label": "Add right blocks",
@@ -6892,7 +6907,7 @@ const Et = ({
     /* @__PURE__ */ e(
       se,
       {
-        size: W,
+        size: N,
         variant: "subtle",
         onClick: s,
         disabled: d >= u,
@@ -6906,9 +6921,9 @@ const Et = ({
     /* @__PURE__ */ e(
       se,
       {
-        size: W,
+        size: N,
         variant: "subtle",
-        onClick: h,
+        onClick: f,
         disabled: g <= 1,
         color: "gray",
         radius: "md",
@@ -6919,7 +6934,7 @@ const Et = ({
     /* @__PURE__ */ e(
       se,
       {
-        size: W,
+        size: N,
         variant: "subtle",
         onClick: Q,
         color: "blue",
@@ -6931,9 +6946,9 @@ const Et = ({
     /* @__PURE__ */ e(
       se,
       {
-        size: W,
+        size: N,
         variant: "subtle",
-        onClick: p,
+        onClick: m,
         disabled: g >= w,
         color: "gray",
         radius: "md",
@@ -6945,7 +6960,7 @@ const Et = ({
     /* @__PURE__ */ e(
       se,
       {
-        size: W,
+        size: N,
         variant: "subtle",
         onClick: D,
         disabled: k <= 1,
@@ -6958,7 +6973,7 @@ const Et = ({
     /* @__PURE__ */ e(
       se,
       {
-        size: W,
+        size: N,
         variant: "subtle",
         onClick: H,
         color: "blue",
@@ -6970,7 +6985,7 @@ const Et = ({
     /* @__PURE__ */ e(
       se,
       {
-        size: W,
+        size: N,
         variant: "subtle",
         onClick: C,
         disabled: k >= v,
@@ -6980,17 +6995,17 @@ const Et = ({
         children: /* @__PURE__ */ e(He, { size: 16, stroke: 2 })
       }
     )
-  ] }), z = o > 1 && !i, E = u > 1 && !m, U = w > 1 && !y, $ = v > 1 && !B;
+  ] }), z = o > 1 && !i, E = u > 1 && !p, U = w > 1 && !y, $ = v > 1 && !B;
   return !z && !E && !U && !$ ? null : P ? /* @__PURE__ */ x(me, { children: [
     z && a && n && r && /* @__PURE__ */ e(
       "div",
       {
         onMouseEnter: () => c == null ? void 0 : c(!0),
         onMouseLeave: () => c == null ? void 0 : c(!1),
-        children: _()
+        children: V()
       }
     ),
-    E && f && l && s && /* @__PURE__ */ e(
+    E && h && l && s && /* @__PURE__ */ e(
       "div",
       {
         onMouseEnter: () => I == null ? void 0 : I(!0),
@@ -6998,7 +7013,7 @@ const Et = ({
         children: q()
       }
     ),
-    U && S && h && p && /* @__PURE__ */ e(
+    U && S && f && m && /* @__PURE__ */ e(
       "div",
       {
         onMouseEnter: () => M == null ? void 0 : M(!0),
@@ -7030,10 +7045,10 @@ const Et = ({
         },
         onMouseEnter: () => c == null ? void 0 : c(!0),
         onMouseLeave: () => c == null ? void 0 : c(!1),
-        children: _()
+        children: V()
       }
     ),
-    E && f && l && s && /* @__PURE__ */ e(
+    E && h && l && s && /* @__PURE__ */ e(
       b,
       {
         style: {
@@ -7043,7 +7058,7 @@ const Et = ({
           transform: "translateY(-50%)",
           zIndex: 10,
           pointerEvents: "auto",
-          opacity: f ? 1 : 0,
+          opacity: h ? 1 : 0,
           transition: "opacity 0.2s ease"
         },
         onMouseEnter: () => I == null ? void 0 : I(!0),
@@ -7051,7 +7066,7 @@ const Et = ({
         children: q()
       }
     ),
-    U && S && h && p && /* @__PURE__ */ e(
+    U && S && f && m && /* @__PURE__ */ e(
       b,
       {
         style: {
@@ -7224,10 +7239,10 @@ const Ze = ({
     visibleBlocksUp: l = 1,
     visibleBlocksDown: s = 1
   } = n, d = K(() => {
-    const h = Math.max(
+    const f = Math.max(
       1,
       Math.ceil(r / a)
-    ), p = Math.max(
+    ), m = Math.max(
       1,
       Math.ceil(t / c)
     ), g = Math.max(
@@ -7238,8 +7253,8 @@ const Ze = ({
       Math.ceil(i / s)
     );
     return {
-      leftTotalPages: h,
-      rightTotalPages: p,
+      leftTotalPages: f,
+      rightTotalPages: m,
       upTotalPages: g,
       downTotalPages: w,
       leftStartIndex: 0,
@@ -7260,15 +7275,15 @@ const Ze = ({
     c,
     l,
     s
-  ]), [u, m] = O(
+  ]), [u, p] = O(
     {
       leftStartIndex: 0,
       rightStartIndex: 0,
       upStartIndex: 0,
       downStartIndex: 0
     }
-  ), f = K(() => {
-    const { leftTotalPages: h, rightTotalPages: p, upTotalPages: g, downTotalPages: w } = d, y = Math.min(
+  ), h = K(() => {
+    const { leftTotalPages: f, rightTotalPages: m, upTotalPages: g, downTotalPages: w } = d, y = Math.min(
       u.leftStartIndex,
       Math.max(0, r - a)
     ), S = Math.min(
@@ -7291,8 +7306,8 @@ const Ze = ({
       i
     );
     return {
-      leftTotalPages: h,
-      rightTotalPages: p,
+      leftTotalPages: f,
+      rightTotalPages: m,
       upTotalPages: g,
       downTotalPages: w,
       leftStartIndex: y,
@@ -7317,12 +7332,12 @@ const Ze = ({
     i
   ]), I = {
     goToLeftPage: L(
-      (h) => {
-        const p = Math.max(0, (h - 1) * a);
-        m((g) => ({
+      (f) => {
+        const m = Math.max(0, (f - 1) * a);
+        p((g) => ({
           ...g,
           leftStartIndex: Math.min(
-            p,
+            m,
             Math.max(0, r - a)
           )
         }));
@@ -7330,12 +7345,12 @@ const Ze = ({
       [a, r]
     ),
     goToRightPage: L(
-      (h) => {
-        const p = Math.max(0, (h - 1) * c);
-        m((g) => ({
+      (f) => {
+        const m = Math.max(0, (f - 1) * c);
+        p((g) => ({
           ...g,
           rightStartIndex: Math.min(
-            p,
+            m,
             Math.max(0, t - c)
           )
         }));
@@ -7343,12 +7358,12 @@ const Ze = ({
       [c, t]
     ),
     goToUpPage: L(
-      (h) => {
-        const p = Math.max(0, (h - 1) * l);
-        m((g) => ({
+      (f) => {
+        const m = Math.max(0, (f - 1) * l);
+        p((g) => ({
           ...g,
           upStartIndex: Math.min(
-            p,
+            m,
             Math.max(0, o - l)
           )
         }));
@@ -7356,12 +7371,12 @@ const Ze = ({
       [l, o]
     ),
     goToDownPage: L(
-      (h) => {
-        const p = Math.max(0, (h - 1) * s);
-        m((g) => ({
+      (f) => {
+        const m = Math.max(0, (f - 1) * s);
+        p((g) => ({
           ...g,
           downStartIndex: Math.min(
-            p,
+            m,
             Math.max(0, i - s)
           )
         }));
@@ -7370,67 +7385,67 @@ const Ze = ({
     ),
     // Step-by-step navigation - advance by one block
     nextLeftPage: L(() => {
-      m((h) => ({
-        ...h,
+      p((f) => ({
+        ...f,
         leftStartIndex: Math.min(
-          h.leftStartIndex + 1,
+          f.leftStartIndex + 1,
           Math.max(0, r - a)
         )
       }));
     }, [r, a]),
     previousLeftPage: L(() => {
-      m((h) => ({
-        ...h,
-        leftStartIndex: Math.max(h.leftStartIndex - 1, 0)
+      p((f) => ({
+        ...f,
+        leftStartIndex: Math.max(f.leftStartIndex - 1, 0)
       }));
     }, []),
     nextRightPage: L(() => {
-      m((h) => ({
-        ...h,
+      p((f) => ({
+        ...f,
         rightStartIndex: Math.min(
-          h.rightStartIndex + 1,
+          f.rightStartIndex + 1,
           Math.max(0, t - c)
         )
       }));
     }, [t, c]),
     previousRightPage: L(() => {
-      m((h) => ({
-        ...h,
-        rightStartIndex: Math.max(h.rightStartIndex - 1, 0)
+      p((f) => ({
+        ...f,
+        rightStartIndex: Math.max(f.rightStartIndex - 1, 0)
       }));
     }, []),
     nextUpPage: L(() => {
-      m((h) => ({
-        ...h,
+      p((f) => ({
+        ...f,
         upStartIndex: Math.min(
-          h.upStartIndex + 1,
+          f.upStartIndex + 1,
           Math.max(0, o - l)
         )
       }));
     }, [o, l]),
     previousUpPage: L(() => {
-      m((h) => ({
-        ...h,
-        upStartIndex: Math.max(h.upStartIndex - 1, 0)
+      p((f) => ({
+        ...f,
+        upStartIndex: Math.max(f.upStartIndex - 1, 0)
       }));
     }, []),
     nextDownPage: L(() => {
-      m((h) => ({
-        ...h,
+      p((f) => ({
+        ...f,
         downStartIndex: Math.min(
-          h.downStartIndex + 1,
+          f.downStartIndex + 1,
           Math.max(0, i - s)
         )
       }));
     }, [i, s]),
     previousDownPage: L(() => {
-      m((h) => ({
-        ...h,
-        downStartIndex: Math.max(h.downStartIndex - 1, 0)
+      p((f) => ({
+        ...f,
+        downStartIndex: Math.max(f.downStartIndex - 1, 0)
       }));
     }, [])
   };
-  return [u, I, f];
+  return [u, I, h];
 }, _o = (n, r = 0, t = 0, o = 0, i = 0) => {
   const [a, c] = O({
     width: typeof window < "u" ? window.innerWidth : 1920,
@@ -7451,11 +7466,11 @@ const Ze = ({
       gap: s,
       cellSize: d,
       minBlocksPerSide: u = 2,
-      maxBlocksPerSide: m = 15,
-      minBlocksLeft: f = 1,
+      maxBlocksPerSide: p = 15,
+      minBlocksLeft: h = 1,
       maxBlocksLeft: I = 8,
-      minBlocksRight: h = 1,
-      maxBlocksRight: p = 8,
+      minBlocksRight: f = 1,
+      maxBlocksRight: m = 8,
       minBlocksUp: g = 1,
       maxBlocksUp: w = 8,
       minBlocksDown: y = 1,
@@ -7465,15 +7480,15 @@ const Ze = ({
       maxCellSize: C = "80px"
     } = n, k = parseFloat(s.replace("px", "")), v = parseFloat(d.replace("px", "")), B = a.width - k * 4, j = a.height - k * 4, R = v + k, F = Math.floor(
       B / (2 * R)
-    ), V = v + k, Q = Math.floor(j / V) + 2, H = Math.min(F, Q), W = Math.max(
+    ), _ = v + k, Q = Math.floor(j / _) + 2, H = Math.min(F, Q), N = Math.max(
       u,
-      Math.min(m, H)
+      Math.min(p, H)
     ), P = Math.max(
-      f,
-      Math.min(I, Math.floor(H / 2))
-    ), _ = Math.max(
       h,
-      Math.min(p, Math.floor(H / 2))
+      Math.min(I, Math.floor(H / 2))
+    ), V = Math.max(
+      f,
+      Math.min(m, Math.floor(H / 2))
     );
     let q = d;
     if (M) {
@@ -7537,9 +7552,9 @@ const Ze = ({
       availableHeight: j,
       maxBlocksVertical: Q
     }), {
-      blocksPerSide: W,
+      blocksPerSide: N,
       blocksLeft: P,
-      blocksRight: _,
+      blocksRight: V,
       cellSize: q,
       blocksUp: J,
       blocksDown: z
@@ -7557,11 +7572,11 @@ const Ze = ({
   totalBlocksUp: s,
   totalBlocksDown: d,
   responsive: u,
-  minBlocksPerSide: m,
-  maxBlocksPerSide: f,
+  minBlocksPerSide: p,
+  maxBlocksPerSide: h,
   minBlocksLeft: I,
-  maxBlocksLeft: h,
-  minBlocksRight: p,
+  maxBlocksLeft: f,
+  minBlocksRight: m,
   maxBlocksRight: g,
   minBlocksUp: w,
   maxBlocksUp: y,
@@ -7578,11 +7593,11 @@ const Ze = ({
     {
       gap: n,
       cellSize: r,
-      minBlocksPerSide: m,
-      maxBlocksPerSide: f,
+      minBlocksPerSide: p,
+      maxBlocksPerSide: h,
       minBlocksLeft: I,
-      maxBlocksLeft: h,
-      minBlocksRight: p,
+      maxBlocksLeft: f,
+      minBlocksRight: m,
       maxBlocksRight: g,
       minBlocksUp: w,
       maxBlocksUp: y,
@@ -7597,16 +7612,16 @@ const Ze = ({
     i,
     a
   ), j = K(() => {
-    let Q = u ? B.blocksLeft : t ?? 0, H = u ? B.blocksRight : o ?? 0, W = u ? B.blocksUp : i ?? 0, P = u ? B.blocksDown : a ?? 0;
+    let Q = u ? B.blocksLeft : t ?? 0, H = u ? B.blocksRight : o ?? 0, N = u ? B.blocksUp : i ?? 0, P = u ? B.blocksDown : a ?? 0;
     if (!u) {
-      const _ = parseFloat(n.replace("px", "")), q = parseFloat(r.replace("px", "")), ie = typeof window < "u" ? window.innerWidth - _ * 4 : 1920, J = typeof window < "u" ? window.innerHeight - _ * 4 : 1080, z = q + _, E = Math.floor(
+      const V = parseFloat(n.replace("px", "")), q = parseFloat(r.replace("px", "")), ie = typeof window < "u" ? window.innerWidth - V * 4 : 1920, J = typeof window < "u" ? window.innerHeight - V * 4 : 1080, z = q + V, E = Math.floor(
         ie / (2 * z)
       ), U = Math.floor(
         J / (2 * z)
       );
-      Q = Math.min(Q, E), H = Math.min(H, E), W = Math.min(W, U), P = Math.min(P, U);
+      Q = Math.min(Q, E), H = Math.min(H, E), N = Math.min(N, U), P = Math.min(P, U);
     }
-    return { left: Q, right: H, up: W, down: P };
+    return { left: Q, right: H, up: N, down: P };
   }, [
     u,
     B,
@@ -7617,8 +7632,8 @@ const Ze = ({
     n,
     r
   ]), R = K(() => {
-    const Q = v && c ? Math.min(j.left, c) : j.left, H = v && l ? Math.min(j.right, l) : j.right, W = v && s ? Math.min(j.up, s) : j.up, P = v && d ? Math.min(j.down, d) : j.down;
-    return { left: Q, right: H, up: W, down: P };
+    const Q = v && c ? Math.min(j.left, c) : j.left, H = v && l ? Math.min(j.right, l) : j.right, N = v && s ? Math.min(j.up, s) : j.up, P = v && d ? Math.min(j.down, d) : j.down;
+    return { left: Q, right: H, up: N, down: P };
   }, [
     v,
     j,
@@ -7626,12 +7641,12 @@ const Ze = ({
     l,
     s,
     d
-  ]), F = u ? B.cellSize : r, V = K(() => {
-    const Q = (R.left > 0 ? R.left : 0) + 1 + (R.right > 0 ? R.right : 0), H = R.up > 0 || R.down > 0 ? R.up + 1 + R.down : 1, W = `${F} `.repeat(R.left) + "1fr " + `${F} `.repeat(R.right), P = R.up > 0 || R.down > 0 ? `${F} `.repeat(R.up) + "1fr " + `${F} `.repeat(R.down) : "1fr";
+  ]), F = u ? B.cellSize : r, _ = K(() => {
+    const Q = (R.left > 0 ? R.left : 0) + 1 + (R.right > 0 ? R.right : 0), H = R.up > 0 || R.down > 0 ? R.up + 1 + R.down : 1, N = `${F} `.repeat(R.left) + "1fr " + `${F} `.repeat(R.right), P = R.up > 0 || R.down > 0 ? `${F} `.repeat(R.up) + "1fr " + `${F} `.repeat(R.down) : "1fr";
     return {
       totalColumns: Q,
       totalRows: H,
-      gridTemplateColumns: W.trim(),
+      gridTemplateColumns: N.trim(),
       gridTemplateRows: P.trim()
     };
   }, [R, F]);
@@ -7640,7 +7655,7 @@ const Ze = ({
     visibleBlocks: j,
     finalBlocks: R,
     finalCellSize: F,
-    gridDimensions: V
+    gridDimensions: _
   };
 }, Qo = ({
   blockItems: n
@@ -7723,43 +7738,43 @@ const Ze = ({
     right: !1,
     up: !1,
     down: !1
-  }), u = (f, I) => {
-    d((h) => ({ ...h, [f]: I }));
+  }), u = (h, I) => {
+    d((f) => ({ ...f, [h]: I }));
   };
   return {
     hoverStates: s,
     handleHover: u,
-    getNavigationControlProps: (f) => {
+    getNavigationControlProps: (h) => {
       const I = {
         left: r,
         right: t,
         up: o,
         down: i
-      }[f], h = {
+      }[h], f = {
         left: { prev: a.previousLeftPage, next: a.nextLeftPage },
         right: { prev: a.previousRightPage, next: a.nextRightPage },
         up: { prev: a.previousUpPage, next: a.nextUpPage },
         down: { prev: a.previousDownPage, next: a.nextDownPage }
-      }[f], p = {
+      }[h], m = {
         left: c.leftStartIndex,
         right: c.rightStartIndex,
         up: c.upStartIndex,
         down: c.downStartIndex
-      }[f], g = {
+      }[h], g = {
         left: l.leftTotalPages,
         right: l.rightTotalPages,
         up: l.upTotalPages,
         down: l.downTotalPages
-      }[f];
+      }[h];
       return {
         show: n && !!I,
         totalBlocks: I,
-        actions: h,
-        currentPage: p + 1,
+        actions: f,
+        currentPage: m + 1,
         totalPages: g,
         disabled: !I,
-        hoverState: s[f],
-        onHover: (w) => u(f, w)
+        hoverState: s[h],
+        onHover: (w) => u(h, w)
       };
     }
   };
@@ -7768,28 +7783,28 @@ const Ze = ({
   blockConnections: r
 }) => {
   const [t, o] = O(null), [i, a] = O(!1), c = K(() => {
-    const p = /* @__PURE__ */ new Map();
+    const m = /* @__PURE__ */ new Map();
     return r.forEach((g) => {
       const w = `${g.source}-${g.target}`, y = `${g.target}-${g.source}`;
-      p.set(w, g), p.set(y, g);
-    }), p;
+      m.set(w, g), m.set(y, g);
+    }), m;
   }, [r]), l = L(
-    (p) => {
+    (m) => {
       const g = [];
       return n.forEach((w) => {
-        if (w.id !== p) {
-          const y = `${p}-${w.id}`;
+        if (w.id !== m) {
+          const y = `${m}-${w.id}`;
           c.has(y) && g.push(w.id);
         }
       }), g;
     },
     [n, c]
   ), s = L(
-    (p) => {
-      const g = n.find((S) => S.id === p);
+    (m) => {
+      const g = n.find((S) => S.id === m);
       if (!g)
         return [];
-      const w = l(p), y = [p];
+      const w = l(m), y = [m];
       switch (g.type) {
         case "up":
           w.forEach((S) => {
@@ -7831,20 +7846,20 @@ const Ze = ({
       return [...new Set(y)];
     },
     [n, l]
-  ), d = L((p) => !0, []), u = L(
-    (p) => !i || !t ? !1 : !s(t).includes(p),
+  ), d = L((m) => !0, []), u = L(
+    (m) => !i || !t ? !1 : !s(t).includes(m),
     [i, t, s]
-  ), m = L(
-    (p) => !i || !t ? !1 : s(t).includes(p),
+  ), p = L(
+    (m) => !i || !t ? !1 : s(t).includes(m),
     [i, t, s]
-  ), f = L(
-    (p) => {
-      i && t === p ? (a(!1), o(null)) : (o(p), a(!0));
+  ), h = L(
+    (m) => {
+      i && t === m ? (a(!1), o(null)) : (o(m), a(!0));
     },
     [i, t]
-  ), I = L((p) => {
-    console.log(`Block clicked: ${p}`);
-  }, []), h = L(() => {
+  ), I = L((m) => {
+    console.log(`Block clicked: ${m}`);
+  }, []), f = L(() => {
     a(!1), o(null);
   }, []);
   return {
@@ -7852,10 +7867,10 @@ const Ze = ({
     isFiltering: i,
     isBlockVisible: d,
     isBlockDimmed: u,
-    shouldShowBlueBorder: m,
-    handleBlockPress: f,
+    shouldShowBlueBorder: p,
+    handleBlockPress: h,
     handleBlockClick: I,
-    clearFiltering: h,
+    clearFiltering: f,
     getFilteredBlockIds: s
   };
 }, Pn = (n) => parseInt(n.replace(/[^\d]/g, ""), 10) || 0, Xo = (n, r) => {
@@ -7870,21 +7885,21 @@ const Ze = ({
         containerWidth: a,
         containerHeight: c
       };
-    const l = Pn(r.cellSize), s = Pn(r.gap), d = l + s, u = a - s * 2, m = c - s * 2, f = Math.floor(
-      m * r.verticalMaxPercent / 100 / d
+    const l = Pn(r.cellSize), s = Pn(r.gap), d = l + s, u = a - s * 2, p = c - s * 2, h = Math.floor(
+      p * r.verticalMaxPercent / 100 / d
     ), I = Math.floor(
       u * r.horizontalMaxPercent / 100 / d
-    ), h = Math.floor(
-      m * r.verticalMinPercent / 100 / d
-    ), p = Math.floor(
+    ), f = Math.floor(
+      p * r.verticalMinPercent / 100 / d
+    ), m = Math.floor(
       u * r.horizontalMinPercent / 100 / d
     ), g = Math.max(
       r.minVerticalBlocks,
-      h
+      f
     ), w = Math.max(
       r.minHorizontalBlocks,
-      p
-    ), y = Math.max(g, f), S = Math.max(w, I), M = Math.floor(y / 2), D = Math.floor(y / 2), C = Math.floor(S / 2), k = Math.floor(S / 2);
+      m
+    ), y = Math.max(g, h), S = Math.max(w, I), M = Math.floor(y / 2), D = Math.floor(y / 2), C = Math.floor(S / 2), k = Math.floor(S / 2);
     return {
       blocksUp: M,
       blocksDown: D,
@@ -7936,14 +7951,14 @@ const Ze = ({
   blocksLeft: s,
   blocksRight: d,
   blocksUp: u = 0,
-  blocksDown: m = 0,
+  blocksDown: p = 0,
   // Block items prop for custom content
-  blockItems: f = [],
+  blockItems: h = [],
   // Block connections prop for defining relationships between blocks
   blockConnections: I = [],
   // Filtering props
-  enableFiltering: h = !1,
-  onBlockClick: p,
+  enableFiltering: f = !1,
+  onBlockClick: m,
   // Pagination control for hidden blocks
   totalBlocksLeft: g,
   totalBlocksRight: w,
@@ -7960,12 +7975,12 @@ const Ze = ({
   maxBlocksVertical: R = 16,
   // Legacy props (for backward compatibility)
   minBlocksLeft: F = 1,
-  maxBlocksLeft: V = 8,
+  maxBlocksLeft: _ = 8,
   minBlocksRight: Q = 1,
   maxBlocksRight: H = 8,
-  minBlocksUp: W = 1,
+  minBlocksUp: N = 1,
   maxBlocksUp: P = 8,
-  minBlocksDown: _ = 1,
+  minBlocksDown: V = 1,
   maxBlocksDown: q = 8,
   responsiveCellSize: ie = !1,
   minCellSize: J = "30px",
@@ -7979,10 +7994,10 @@ const Ze = ({
     gap: t,
     ...c
   });
-  let de = s, G = d, ge = u, oe = m;
+  let de = s, G = d, ge = u, oe = p;
   l ? (de = Math.floor(X.blocksLeft), G = Math.floor(X.blocksRight), ge = Math.floor(X.blocksUp), oe = Math.floor(X.blocksDown)) : (i !== void 0 || a !== void 0) && (i !== void 0 && (ge = Math.floor(i / 2), oe = Math.floor(i / 2)), a !== void 0 && (de = Math.floor(a / 2), G = Math.floor(a / 2)));
-  const ze = F !== 1 ? F : Math.floor(v / 2), an = V !== 8 ? V : Math.floor(B / 2), cn = Q !== 1 ? Q : Math.ceil(v / 2), Ie = H !== 8 ? H : Math.ceil(B / 2), Ae = W !== 1 ? W : Math.floor(j / 2), _e = P !== 8 ? P : Math.floor(R / 2), Ft = _ !== 1 ? _ : Math.ceil(j / 2), Ut = q !== 8 ? q : Math.ceil(R / 2), {
-    usePagination: Wt,
+  const ze = F !== 1 ? F : Math.floor(v / 2), an = _ !== 8 ? _ : Math.floor(B / 2), cn = Q !== 1 ? Q : Math.ceil(v / 2), Ie = H !== 8 ? H : Math.ceil(B / 2), Ae = N !== 1 ? N : Math.floor(j / 2), _e = P !== 8 ? P : Math.floor(R / 2), Ft = V !== 1 ? V : Math.ceil(j / 2), Ut = q !== 8 ? q : Math.ceil(R / 2), {
+    usePagination: Nt,
     finalBlocks: ee,
     finalCellSize: ye,
     gridDimensions: Ge
@@ -8011,22 +8026,22 @@ const Ze = ({
     responsiveCellSize: ie,
     minCellSize: J,
     maxCellSize: z
-  }), { getBlockContent: Qe, getIntersectionText: Nt } = Qo({
-    blockItems: f
+  }), { getBlockContent: Qe, getIntersectionText: Wt } = Qo({
+    blockItems: h
   }), { getConnectionStateFromText: Pt } = Yo({
     blockConnections: I
   }), ne = qo({
-    blockItems: f,
+    blockItems: h,
     blockConnections: I
   });
   be.useEffect(() => {
-    if (!h)
+    if (!f)
       return;
     const sn = (ae) => {
       ae.key === "Escape" && ne.clearFiltering();
     };
     return window.addEventListener("keydown", sn), () => window.removeEventListener("keydown", sn);
-  }, [h, ne]);
+  }, [f, ne]);
   const [ve, $t, Ht] = Vo({
     totalBlocksLeft: g ?? 0,
     totalBlocksRight: w ?? 0,
@@ -8037,7 +8052,7 @@ const Ze = ({
     visibleBlocksUp: ee.up,
     visibleBlocksDown: ee.down
   }), { getNavigationControlProps: De } = Zo({
-    usePagination: Wt,
+    usePagination: Nt,
     totalBlocksLeft: g,
     totalBlocksRight: w,
     totalBlocksUp: y,
@@ -8138,12 +8153,12 @@ const Ze = ({
                 Ot,
                 {
                   size: ye,
-                  blockId: h ? ce : void 0,
-                  isVisible: h ? ne.isBlockVisible(ce) : !0,
-                  isDimmed: h ? ne.isBlockDimmed(ce) : !1,
-                  shouldShowBlueBorder: h ? ne.shouldShowBlueBorder(ce) : !1,
-                  onBlockClick: h ? ne.handleBlockClick : p,
-                  onBlockPress: h ? ne.handleBlockPress : void 0,
+                  blockId: f ? ce : void 0,
+                  isVisible: f ? ne.isBlockVisible(ce) : !0,
+                  isDimmed: f ? ne.isBlockDimmed(ce) : !1,
+                  shouldShowBlueBorder: f ? ne.shouldShowBlueBorder(ce) : !1,
+                  onBlockClick: f ? ne.handleBlockClick : m,
+                  onBlockPress: f ? ne.handleBlockPress : void 0,
                   children: Qe("left", te)
                 },
                 `left-${ue}`
@@ -8155,12 +8170,12 @@ const Ze = ({
                 zt,
                 {
                   size: ye,
-                  blockId: h ? xe : void 0,
-                  isVisible: h ? ne.isBlockVisible(xe) : !0,
-                  isDimmed: h ? ne.isBlockDimmed(xe) : !1,
-                  shouldShowBlueBorder: h ? ne.shouldShowBlueBorder(xe) : !1,
-                  onBlockClick: h ? ne.handleBlockClick : p,
-                  onBlockPress: h ? ne.handleBlockPress : void 0,
+                  blockId: f ? xe : void 0,
+                  isVisible: f ? ne.isBlockVisible(xe) : !0,
+                  isDimmed: f ? ne.isBlockDimmed(xe) : !1,
+                  shouldShowBlueBorder: f ? ne.shouldShowBlueBorder(xe) : !1,
+                  onBlockClick: f ? ne.handleBlockClick : m,
+                  onBlockPress: f ? ne.handleBlockPress : void 0,
                   children: Qe("right", ce)
                 },
                 `right-${te}`
@@ -8172,12 +8187,12 @@ const Ze = ({
                 Dt,
                 {
                   size: ye,
-                  blockId: h ? ce : void 0,
-                  isVisible: h ? ne.isBlockVisible(ce) : !0,
-                  isDimmed: h ? ne.isBlockDimmed(ce) : !1,
-                  shouldShowBlueBorder: h ? ne.shouldShowBlueBorder(ce) : !1,
-                  onBlockClick: h ? ne.handleBlockClick : p,
-                  onBlockPress: h ? ne.handleBlockPress : void 0,
+                  blockId: f ? ce : void 0,
+                  isVisible: f ? ne.isBlockVisible(ce) : !0,
+                  isDimmed: f ? ne.isBlockDimmed(ce) : !1,
+                  shouldShowBlueBorder: f ? ne.shouldShowBlueBorder(ce) : !1,
+                  onBlockClick: f ? ne.handleBlockClick : m,
+                  onBlockPress: f ? ne.handleBlockPress : void 0,
                   children: Qe("up", te)
                 },
                 `up-${ae}`
@@ -8189,18 +8204,18 @@ const Ze = ({
                 Rt,
                 {
                   size: ye,
-                  blockId: h ? xe : void 0,
-                  isVisible: h ? ne.isBlockVisible(xe) : !0,
-                  isDimmed: h ? ne.isBlockDimmed(xe) : !1,
-                  shouldShowBlueBorder: h ? ne.shouldShowBlueBorder(xe) : !1,
-                  onBlockClick: h ? ne.handleBlockClick : p,
-                  onBlockPress: h ? ne.handleBlockPress : void 0,
+                  blockId: f ? xe : void 0,
+                  isVisible: f ? ne.isBlockVisible(xe) : !0,
+                  isDimmed: f ? ne.isBlockDimmed(xe) : !1,
+                  shouldShowBlueBorder: f ? ne.shouldShowBlueBorder(xe) : !1,
+                  onBlockClick: f ? ne.handleBlockClick : m,
+                  onBlockPress: f ? ne.handleBlockPress : void 0,
                   children: Qe("down", ce)
                 },
                 `down-${te}`
               );
             }
-            const un = ue < ee.left ? ue : null, Ye = ue > ee.left ? ue - ee.left - 1 : null, fn = ae < ee.up ? ae : null, hn = ae > ee.up ? ae - ee.up - 1 : null, Vt = M && g && un !== null ? ve.leftStartIndex + un : un, _t = M && w && Ye !== null ? ve.rightStartIndex + (ee.right - 1 - Ye) : Ye !== null ? ee.right - 1 - Ye : null, Gt = M && y && fn !== null ? ve.upStartIndex + fn : fn, Qt = M && S && hn !== null ? ve.downStartIndex + hn : hn, pn = Nt(
+            const un = ue < ee.left ? ue : null, Ye = ue > ee.left ? ue - ee.left - 1 : null, fn = ae < ee.up ? ae : null, hn = ae > ee.up ? ae - ee.up - 1 : null, Vt = M && g && un !== null ? ve.leftStartIndex + un : un, _t = M && w && Ye !== null ? ve.rightStartIndex + (ee.right - 1 - Ye) : Ye !== null ? ee.right - 1 - Ye : null, Gt = M && y && fn !== null ? ve.upStartIndex + fn : fn, Qt = M && S && hn !== null ? ve.downStartIndex + hn : hn, pn = Wt(
               Vt,
               _t,
               Gt,
@@ -8232,7 +8247,7 @@ const Ze = ({
             );
           }
         )).flat(),
-        h && ne.isFiltering && /* @__PURE__ */ e(
+        f && ne.isFiltering && /* @__PURE__ */ e(
           b,
           {
             style: {
@@ -8273,7 +8288,7 @@ const Be = ({
   };
   return Sr("(max-width: 550px)", !1, {
     getInitialValueInEffect: !0
-  }) ? /* @__PURE__ */ x(N, { gap: 0, w: "100%", ...s, children: [
+  }) ? /* @__PURE__ */ x(W, { gap: 0, w: "100%", ...s, children: [
     /* @__PURE__ */ x(b, { style: { display: "flex", alignItems: "center", gap: 8 }, h: "auto", children: [
       o && /* @__PURE__ */ e(
         o,
@@ -8349,7 +8364,7 @@ const Be = ({
     icon: r,
     value: /* @__PURE__ */ e(T, { size: "sm", c: t ? void 0 : "dimmed", fw: 500, truncate: !0, children: t || a || "—" })
   }
-), Wi = ({
+), Ni = ({
   label: n,
   icon: r,
   href: t,
@@ -8362,7 +8377,7 @@ const Be = ({
     icon: r,
     value: /* @__PURE__ */ e(Kn, { href: t, target: i, size: "sm", underline: "hover", children: o || t })
   }
-), Ni = ({
+), Wi = ({
   label: n,
   icon: r,
   value: t,
@@ -8374,13 +8389,13 @@ const Be = ({
   const l = t ?? null, s = l !== null && a ? a(l) : l !== null ? l.toString() : null, d = (u) => {
     if (!o)
       return;
-    const m = u.trim();
-    if (m === "") {
+    const p = u.trim();
+    if (p === "") {
       o(null);
       return;
     }
-    const f = Number(m);
-    isNaN(f) || o(f);
+    const h = Number(p);
+    isNaN(h) || o(h);
   };
   return i && o ? /* @__PURE__ */ e(
     Be,
@@ -8418,18 +8433,18 @@ const Be = ({
       return;
     }
     if (u.current && clearTimeout(u.current), i.trim()) {
-      const m = async () => {
+      const p = async () => {
         d(!0);
         try {
-          const f = await r(i);
-          l(f);
-        } catch (f) {
-          console.error("Search error:", f);
+          const h = await r(i);
+          l(h);
+        } catch (h) {
+          console.error("Search error:", h);
         } finally {
           d(!1);
         }
       };
-      t ? u.current = setTimeout(m, o) : m();
+      t ? u.current = setTimeout(p, o) : p();
     } else
       l(n), d(!1);
     return () => {
@@ -8457,15 +8472,15 @@ const Be = ({
       return o;
     const u = i.toLowerCase();
     return o.filter(
-      (m) => m.name.toLowerCase().includes(u) || m.email.toLowerCase().includes(u)
+      (p) => p.name.toLowerCase().includes(u) || p.email.toLowerCase().includes(u)
     );
   }, [o, i, a]), d = K(() => {
     const u = s.filter(
       (I) => c.includes(I.id)
-    ), m = s.filter((I) => !c.includes(I.id)), f = l.filter(
-      (I) => !s.some((h) => h.id === I.id)
+    ), p = s.filter((I) => !c.includes(I.id)), h = l.filter(
+      (I) => !s.some((f) => f.id === I.id)
     );
-    return [...u, ...f, ...m];
+    return [...u, ...h, ...p];
   }, [s, c, l]);
   return {
     selectedIds: c,
@@ -8546,8 +8561,8 @@ const Be = ({
   }, [n]), l = L(
     (u) => {
       setTimeout(() => {
-        const m = u == null ? void 0 : u.relatedTarget;
-        m && r.current && r.current.contains(m) || n.dropdownOpened || o(!1);
+        const p = u == null ? void 0 : u.relatedTarget;
+        p && r.current && r.current.contains(p) || n.dropdownOpened || o(!1);
       }, 0);
     },
     [n, r]
@@ -8606,12 +8621,12 @@ const Be = ({
   disabled: s = !1,
   onSearch: d,
   debounceSearch: u = !0,
-  debounceDelay: m = si,
-  onLoadMore: f,
+  debounceDelay: p = si,
+  onLoadMore: h,
   hasMore: I = !1,
-  loading: h = !1
+  loading: f = !1
 }) => {
-  const p = Z(null), g = Z(null), w = Z(null), {
+  const m = Z(null), g = Z(null), w = Z(null), {
     searchQuery: y,
     setSearchQuery: S,
     displayedUsers: M,
@@ -8621,7 +8636,7 @@ const Be = ({
     users: i,
     onSearch: d,
     debounceSearch: u,
-    debounceDelay: m
+    debounceDelay: p
   }), k = rn({
     onDropdownClose: () => {
       k.resetSelectedOption(), S(""), B(!1);
@@ -8635,15 +8650,15 @@ const Be = ({
     isHovered: j,
     handleFocus: R,
     handleBlur: F,
-    handleMouseEnter: V,
+    handleMouseEnter: _,
     handleMouseLeave: Q
   } = ii({
     combobox: k,
     dropdownRef: w
-  }), { placement: H, dropdownRefCallback: W } = ri({
+  }), { placement: H, dropdownRefCallback: N } = ri({
     isFocused: v,
     dropdownRef: w
-  }), { selectedIds: P, selectedUsers: _, sortedUsers: q } = ti({
+  }), { selectedIds: P, selectedUsers: V, sortedUsers: q } = ti({
     value: o,
     multiple: l,
     users: i,
@@ -8651,9 +8666,9 @@ const Be = ({
     searchQuery: y,
     onSearch: d
   }), { loadMoreRef: ie } = oi({
-    onLoadMore: f,
+    onLoadMore: h,
     hasMore: I,
-    loading: h,
+    loading: f,
     setDisplayedUsers: D
   }), { handleSelect: J, handleRemove: z } = ai({
     multiple: l,
@@ -8663,7 +8678,7 @@ const Be = ({
   }), E = () => {
     if (!l)
       return null;
-    const G = 5, ge = _.slice(0, G), oe = _.length - G;
+    const G = 5, ge = V.slice(0, G), oe = V.length - G;
     return /* @__PURE__ */ x(A, { gap: "xs", children: [
       ge.map((ze) => /* @__PURE__ */ e(
         gn,
@@ -8704,7 +8719,7 @@ const Be = ({
   }, U = () => {
     if (l)
       return null;
-    const G = _[0];
+    const G = V[0];
     return G ? /* @__PURE__ */ e(gn, { avatar: G.avatar, name: G.name }) : null;
   }, $ = () => v ? "var(--mantine-color-gray-2)" : "var(--mantine-color-gray-0)", X = () => ({
     input: {
@@ -8747,7 +8762,7 @@ const Be = ({
           w: "100%",
           h: 40,
           p: "14px",
-          children: _.map((G) => /* @__PURE__ */ e(
+          children: V.map((G) => /* @__PURE__ */ e(
             gn,
             {
               avatar: G.avatar,
@@ -8776,7 +8791,7 @@ const Be = ({
                 styles: X,
                 onFocus: R,
                 onBlur: F,
-                onMouseEnter: () => !s && V(),
+                onMouseEnter: () => !s && _(),
                 onMouseLeave: Q,
                 w: "100%",
                 children: /* @__PURE__ */ x(
@@ -8788,10 +8803,10 @@ const Be = ({
                       /* @__PURE__ */ e(re.EventsTarget, { children: /* @__PURE__ */ e(
                         En.Field,
                         {
-                          ref: p,
+                          ref: m,
                           onFocus: R,
                           onBlur: F,
-                          placeholder: _.length === 0 || v || y.length > 0 ? c : "",
+                          placeholder: V.length === 0 || v || y.length > 0 ? c : "",
                           value: y,
                           onChange: (G) => {
                             k.updateSelectedOptionIndex(), S(G.currentTarget.value);
@@ -8800,17 +8815,17 @@ const Be = ({
                             G.stopPropagation();
                           },
                           onKeyDown: (G) => {
-                            G.key === "Backspace" && y.length === 0 && (G.preventDefault(), l && _.length > 0 ? z(
-                              _[_.length - 1].id
-                            ) : !l && _.length > 0 && z(_[0].id));
+                            G.key === "Backspace" && y.length === 0 && (G.preventDefault(), l && V.length > 0 ? z(
+                              V[V.length - 1].id
+                            ) : !l && V.length > 0 && z(V[0].id));
                           },
                           pointer: !0,
                           disabled: s,
                           styles: {
                             field: {
-                              minWidth: v || y.length > 0 || _.length === 0 ? "60px" : "0px",
-                              width: v || y.length > 0 || _.length === 0 ? "auto" : "0px",
-                              flex: v || y.length > 0 || _.length === 0 ? "1" : "0",
+                              minWidth: v || y.length > 0 || V.length === 0 ? "60px" : "0px",
+                              width: v || y.length > 0 || V.length === 0 ? "auto" : "0px",
+                              flex: v || y.length > 0 || V.length === 0 ? "1" : "0",
                               border: "none",
                               outline: "none",
                               background: "transparent",
@@ -8822,11 +8837,11 @@ const Be = ({
                               lineHeight: "24px",
                               display: "flex",
                               alignItems: "center",
-                              height: v || y.length > 0 || _.length === 0 ? "auto" : "0px",
-                              minHeight: v || y.length > 0 || _.length === 0 ? "auto" : "0px",
+                              height: v || y.length > 0 || V.length === 0 ? "auto" : "0px",
+                              minHeight: v || y.length > 0 || V.length === 0 ? "auto" : "0px",
                               "&::placeholder": {
-                                opacity: _.length === 0 || v || y.length > 0 ? 1 : 0,
-                                display: _.length === 0 || v || y.length > 0 ? "block" : "none",
+                                opacity: V.length === 0 || v || y.length > 0 ? 1 : 0,
+                                display: V.length === 0 || v || y.length > 0 ? "block" : "none",
                                 color: "var(--mantine-color-gray-9)",
                                 lineHeight: "24px"
                               }
@@ -8852,14 +8867,14 @@ const Be = ({
                     boxShadow: H === "bottom" ? "0 4px 10px 0 rgba(0, 0, 0, 0.1)" : "0 -4px 10px 0 rgba(0, 0, 0, 0.1)"
                   }
                 },
-                ref: W,
+                ref: N,
                 children: /* @__PURE__ */ e(re.Options, { children: /* @__PURE__ */ e(
                   ke,
                   {
                     ref: g,
                     h: Math.min(q.length * parseFloat(ci), 300),
                     scrollbarSize: 6,
-                    children: /* @__PURE__ */ x(N, { gap: 2, children: [
+                    children: /* @__PURE__ */ x(W, { gap: 2, children: [
                       q.map((G) => {
                         const ge = P.includes(G.id);
                         return /* @__PURE__ */ e(
@@ -8909,7 +8924,7 @@ const Be = ({
                           G.id
                         );
                       }),
-                      (C || h) && /* @__PURE__ */ e(
+                      (C || f) && /* @__PURE__ */ e(
                         b,
                         {
                           style: {
@@ -8920,8 +8935,8 @@ const Be = ({
                           children: /* @__PURE__ */ e(Se, { size: "sm" })
                         }
                       ),
-                      f && I && !h && /* @__PURE__ */ e("div", { ref: ie, style: { height: "20px" } }),
-                      q.length === 0 && !C && !h && /* @__PURE__ */ e(
+                      h && I && !f && /* @__PURE__ */ e("div", { ref: ie, style: { height: "20px" } }),
+                      q.length === 0 && !C && !f && /* @__PURE__ */ e(
                         b,
                         {
                           style: {
@@ -8953,7 +8968,7 @@ const Be = ({
   maxRows: s,
   autosize: d = !0
 }) => {
-  const [u, m] = O(!1), [f, I] = O(!1), h = {
+  const [u, p] = O(!1), [h, I] = O(!1), f = {
     wrapper: {
       ...!d && {
         height: "40px",
@@ -8963,7 +8978,7 @@ const Be = ({
       borderRadius: "var(--mantine-radius-md)"
     },
     input: {
-      backgroundColor: u || f ? "var(--mantine-color-gray-0)" : "transparent",
+      backgroundColor: u || h ? "var(--mantine-color-gray-0)" : "transparent",
       color: "var(--mantine-color-gray-9)",
       border: u ? "1px solid var(--mantine-color-gray-2)" : "1px solid transparent",
       borderRadius: "var(--mantine-radius-md)",
@@ -9016,9 +9031,9 @@ const Be = ({
             bn,
             {
               value: t,
-              onChange: (p) => o == null ? void 0 : o(p.target.value),
-              onFocus: () => m(!0),
-              onBlur: () => m(!1),
+              onChange: (m) => o == null ? void 0 : o(m.target.value),
+              onFocus: () => p(!0),
+              onBlur: () => p(!1),
               onMouseEnter: () => I(!0),
               onMouseLeave: () => I(!1),
               placeholder: a,
@@ -9029,7 +9044,7 @@ const Be = ({
               minRows: u ? 1 : l,
               maxRows: s,
               autosize: d,
-              styles: { ...h }
+              styles: { ...f }
             }
           )
         }
@@ -9086,7 +9101,7 @@ const Be = ({
   propertiesProps: d
 }) => {
   var M, D;
-  const [u, m] = O(!1), f = (d == null ? void 0 : d.hiddenProperties) && d.hiddenProperties.length > 0, [I, h] = O(!1), [p, g] = O(
+  const [u, p] = O(!1), h = (d == null ? void 0 : d.hiddenProperties) && d.hiddenProperties.length > 0, [I, f] = O(!1), [m, g] = O(
     s == null ? void 0 : s.avatar
   ), [w, y] = O(!1);
   return Y(() => {
@@ -9124,13 +9139,13 @@ const Be = ({
             /* @__PURE__ */ e(
               b,
               {
-                onMouseEnter: () => h(!0),
-                onMouseLeave: () => h(!1),
-                children: p ? /* @__PURE__ */ e(
+                onMouseEnter: () => f(!0),
+                onMouseLeave: () => f(!1),
+                children: m ? /* @__PURE__ */ e(
                   wt,
                   {
                     editable: t,
-                    avatar: p,
+                    avatar: m,
                     size: "xl",
                     opened: w,
                     onOpen: () => y(!0),
@@ -9200,8 +9215,8 @@ const Be = ({
               }
             )
           ] }),
-          /* @__PURE__ */ e(N, { gap: "sm", children: (M = d == null ? void 0 : d.visibleProperties) == null ? void 0 : M.map((C, k) => /* @__PURE__ */ e(b, { children: C }, k)) }),
-          f && !u && /* @__PURE__ */ e(b, { w: "100%", style: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ e(
+          /* @__PURE__ */ e(W, { gap: "sm", children: (M = d == null ? void 0 : d.visibleProperties) == null ? void 0 : M.map((C, k) => /* @__PURE__ */ e(b, { children: C }, k)) }),
+          h && !u && /* @__PURE__ */ e(b, { w: "100%", style: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ e(
             le,
             {
               size: "xs",
@@ -9210,7 +9225,7 @@ const Be = ({
               variant: "subtle",
               px: "var(--mantine-spacing-sm)",
               color: "gray.4",
-              onClick: () => m(!0),
+              onClick: () => p(!0),
               children: /* @__PURE__ */ x(
                 b,
                 {
@@ -9234,8 +9249,8 @@ const Be = ({
               )
             }
           ) }),
-          /* @__PURE__ */ e(rr, { in: u, children: /* @__PURE__ */ e(N, { gap: "sm", mt: "sm", children: (D = d == null ? void 0 : d.hiddenProperties) == null ? void 0 : D.map((C, k) => /* @__PURE__ */ e(b, { children: C }, k)) }) }),
-          f && u && /* @__PURE__ */ e(
+          /* @__PURE__ */ e(rr, { in: u, children: /* @__PURE__ */ e(W, { gap: "sm", mt: "sm", children: (D = d == null ? void 0 : d.hiddenProperties) == null ? void 0 : D.map((C, k) => /* @__PURE__ */ e(b, { children: C }, k)) }) }),
+          h && u && /* @__PURE__ */ e(
             b,
             {
               w: "100%",
@@ -9250,7 +9265,7 @@ const Be = ({
                   variant: "subtle",
                   px: "var(--mantine-spacing-sm)",
                   color: "gray.4",
-                  onClick: () => m(!1),
+                  onClick: () => p(!1),
                   children: /* @__PURE__ */ x(
                     b,
                     {
@@ -9299,8 +9314,8 @@ const Be = ({
     { toggle: c, open: l, close: s }
   ] = Xe(!1), [
     d,
-    { open: u, close: m }
-  ] = Xe(!1), [f, I] = O(300), [h, p] = O(500), g = {
+    { open: u, close: p }
+  ] = Xe(!1), [h, I] = O(300), [f, m] = O(500), g = {
     opened: r,
     toggle: t,
     open: o,
@@ -9309,13 +9324,13 @@ const Be = ({
     toggleAside: c,
     openAside: l,
     closeAside: s,
-    sidebarWidth: f,
+    sidebarWidth: h,
     setSidebarWidth: I,
-    asideWidth: h,
-    setAsideWidth: p,
+    asideWidth: f,
+    setAsideWidth: m,
     openedNotificationSidebar: d,
     openNotificationSidebar: u,
-    closeNotificationSidebar: m
+    closeNotificationSidebar: p
   };
   return /* @__PURE__ */ e(At.Provider, { value: g, children: n });
 }, Lt = () => {
@@ -9381,7 +9396,7 @@ const Be = ({
       ]
     }
   );
-}, fi = ({ items: n, selectedId: r, onSelect: t }) => /* @__PURE__ */ e(N, { gap: 0, children: n.map((o) => {
+}, fi = ({ items: n, selectedId: r, onSelect: t }) => /* @__PURE__ */ e(W, { gap: 0, children: n.map((o) => {
   var i;
   return /* @__PURE__ */ e(
     Fn,
@@ -9417,37 +9432,37 @@ const Be = ({
   selectedTopNavId: d,
   onTopNavSelect: u
 }) => {
-  const { opened: m, toggle: f } = Lt(), [I, h] = O(r), p = r ?? I;
+  const { opened: p, toggle: h } = Lt(), [I, f] = O(r), m = r ?? I;
   return /* @__PURE__ */ e(
     ui,
     {
       header: s ? /* @__PURE__ */ e(
-        Nn,
+        Wn,
         {
           withBorder: !0,
           bg: "transparent",
           position: "left",
-          header: /* @__PURE__ */ e(A, { h: 40, w: "100%", justify: "space-between", wrap: "nowrap", children: /* @__PURE__ */ e(A, { gap: "xs", wrap: "nowrap", children: m && /* @__PURE__ */ e(T, { fw: 600, size: "sm", children: l }) }) })
+          header: /* @__PURE__ */ e(A, { h: 40, w: "100%", justify: "space-between", wrap: "nowrap", children: /* @__PURE__ */ e(A, { gap: "xs", wrap: "nowrap", children: p && /* @__PURE__ */ e(T, { fw: 600, size: "sm", children: l }) }) })
         }
       ) : void 0,
       navbar: /* @__PURE__ */ e(
-        Nn,
+        Wn,
         {
           withBorder: !0,
           bg: "transparent",
           position: "left",
           header: /* @__PURE__ */ x(A, { h: 40, w: "100%", justify: "space-between", wrap: "nowrap", children: [
-            /* @__PURE__ */ e(A, { gap: "xs", wrap: "nowrap", children: m && /* @__PURE__ */ e(T, { fw: 600, size: "sm", children: l }) }),
+            /* @__PURE__ */ e(A, { gap: "xs", wrap: "nowrap", children: p && /* @__PURE__ */ e(T, { fw: 600, size: "sm", children: l }) }),
             /* @__PURE__ */ e(
               he,
               {
-                icon: m ? rt : Ve,
+                icon: p ? rt : Ve,
                 size: "md",
-                onClick: f
+                onClick: h
               }
             )
           ] }),
-          body: m && /* @__PURE__ */ e(
+          body: p && /* @__PURE__ */ e(
             ke,
             {
               h: "100%",
@@ -9470,9 +9485,9 @@ const Be = ({
                 fi,
                 {
                   items: n,
-                  selectedId: p,
+                  selectedId: m,
                   onSelect: (w) => {
-                    t == null || t(w), r === void 0 && h(w);
+                    t == null || t(w), r === void 0 && f(w);
                   }
                 }
               )
@@ -9481,7 +9496,7 @@ const Be = ({
           footer: /* @__PURE__ */ e(me, {})
         }
       ),
-      aside: /* @__PURE__ */ e(b, { p: "md", h: "100%", children: c == null ? void 0 : c(p) }),
+      aside: /* @__PURE__ */ e(b, { p: "md", h: "100%", children: c == null ? void 0 : c(m) }),
       children: /* @__PURE__ */ x(
         b,
         {
@@ -9494,20 +9509,20 @@ const Be = ({
           children: [
             /* @__PURE__ */ x(A, { p: "md", justify: "space-between", align: "center", children: [
               /* @__PURE__ */ x(A, { gap: "xs", wrap: "nowrap", children: [
-                !m && /* @__PURE__ */ e(
+                !p && /* @__PURE__ */ e(
                   he,
                   {
                     icon: Ve,
                     size: "md",
                     variant: "subtle",
                     tooltip: "Open sidebar",
-                    onClick: f
+                    onClick: h
                   }
                 ),
                 o ?? /* @__PURE__ */ e(
                   On,
                   {
-                    label: p || "Select a topic",
+                    label: m || "Select a topic",
                     onClick: () => {
                     }
                   }
@@ -9530,7 +9545,7 @@ const Be = ({
                   {
                     p: "xl",
                     style: { borderRadius: "var(--mantine-radius-md)", width: "100%" },
-                    children: a(p)
+                    children: a(m)
                   }
                 )
               }
@@ -9553,13 +9568,13 @@ const Be = ({
         (I) => c.includes(I.id)
       ), s = l.map((I) => I.id), d = c.filter(
         (I) => !s.includes(I)
-      ), m = [
+      ), p = [
         ...r.members,
         ...n.users
       ].filter(
         (I) => d.includes(I.id)
-      ), f = [...l, ...m];
-      r.onMembersChange(f);
+      ), h = [...l, ...p];
+      r.onMembersChange(h);
     },
     [r, n]
   );
@@ -9585,21 +9600,21 @@ const Be = ({
   owner: s,
   responsibleProps: d,
   membersProps: u,
-  descriptionProps: m
+  descriptionProps: p
 }) => {
   const {
-    availableMembersUsers: f,
+    availableMembersUsers: h,
     handleResponsibleChange: I,
-    handleMembersChange: h
-  } = jt(d, u), p = K(
+    handleMembersChange: f
+  } = jt(d, u), m = K(
     () => [
       /* @__PURE__ */ e(
         Bt,
         {
           label: "Description",
           icon: at,
-          value: m.description,
-          onChange: m.onDescriptionChange,
+          value: p.description,
+          onChange: p.onDescriptionChange,
           editable: o
         },
         "description"
@@ -9639,8 +9654,8 @@ const Be = ({
           label: "Team Members",
           icon: st,
           value: u.members.map((g) => g.id),
-          users: f,
-          onChange: h,
+          users: h,
+          onChange: f,
           onSearch: u.handleSearch,
           onLoadMore: u.handleLoadMore,
           hasMore: u.hasMore
@@ -9649,8 +9664,8 @@ const Be = ({
       )
     ],
     [
-      m.description,
-      m.onDescriptionChange,
+      p.description,
+      p.onDescriptionChange,
       o,
       s,
       d.handleLoadMore,
@@ -9663,8 +9678,8 @@ const Be = ({
       u.handleSearch,
       u.hasMore,
       u.members,
-      f,
-      h
+      h,
+      f
     ]
   );
   return /* @__PURE__ */ e(
@@ -9682,7 +9697,7 @@ const Be = ({
         placeholder: "Team name"
       },
       propertiesProps: {
-        visibleProperties: p
+        visibleProperties: m
       }
     }
   );
@@ -9698,31 +9713,31 @@ const Be = ({
 }) => {
   const [s, d] = O(
     i == null ? void 0 : i.avatar
-  ), [u, m] = O(!1), [f, I] = O(!1), h = r ? "0" : {
+  ), [u, p] = O(!1), [h, I] = O(!1), f = r ? "0" : {
     base: "1rem",
     sm: "2rem",
     md: "4rem",
     lg: "8rem",
     xl: "10rem"
-  }, [p, g] = O(n);
+  }, [m, g] = O(n);
   return Y(() => {
     g(n);
-  }, [n]), /* @__PURE__ */ x(N, { gap: "md", p: "md", children: [
+  }, [n]), /* @__PURE__ */ x(W, { gap: "md", p: "md", children: [
     /* @__PURE__ */ x(A, { justify: "space-between", children: [
       /* @__PURE__ */ x(A, { gap: 4, wrap: "nowrap", children: [
         /* @__PURE__ */ e(
           he,
           {
-            icon: p ? Ve : jn,
+            icon: m ? Ve : jn,
             size: "md",
             color: "gray",
             changeIconOnHover: !0,
-            iconHovered: p ? jn : Ve,
+            iconHovered: m ? jn : Ve,
             variant: "subtle",
             onClick: () => {
               g((y) => !y);
             },
-            "aria-pressed": p
+            "aria-pressed": m
           }
         ),
         /* @__PURE__ */ e(On, { label: i.title, onClick: () => {
@@ -9730,8 +9745,8 @@ const Be = ({
       ] }),
       /* @__PURE__ */ e(b, { children: o })
     ] }),
-    /* @__PURE__ */ e(b, { px: h, w: "100%", maw: { base: "100%", md: "80vw" }, mx: "auto", children: /* @__PURE__ */ x(N, { gap: "md", children: [
-      i && /* @__PURE__ */ x(N, { gap: "md", children: [
+    /* @__PURE__ */ e(b, { px: f, w: "100%", maw: { base: "100%", md: "80vw" }, mx: "auto", children: /* @__PURE__ */ x(W, { gap: "md", children: [
+      i && /* @__PURE__ */ x(W, { gap: "md", children: [
         /* @__PURE__ */ e(
           b,
           {
@@ -9745,8 +9760,8 @@ const Be = ({
                 avatar: s,
                 size: 64,
                 opened: u,
-                onOpen: () => m(!0),
-                onClose: () => m(!1),
+                onOpen: () => p(!0),
+                onClose: () => p(!1),
                 onAvatarSelect: (y) => {
                   var S;
                   d(y), (S = i == null ? void 0 : i.onAvatarChange) == null || S.call(i, y);
@@ -9755,7 +9770,7 @@ const Be = ({
                   d(void 0);
                 }
               }
-            ) : /* @__PURE__ */ e(b, { h: 24, children: f && /* @__PURE__ */ e(
+            ) : /* @__PURE__ */ e(b, { h: 24, children: h && /* @__PURE__ */ e(
               le,
               {
                 size: "xs",
@@ -9832,7 +9847,7 @@ const Be = ({
     handleResponsibleChange: c,
     handleMembersChange: l
   } = jt(o, i);
-  return /* @__PURE__ */ x(N, { gap: "sm", children: [
+  return /* @__PURE__ */ x(W, { gap: "sm", children: [
     /* @__PURE__ */ e(
       Bt,
       {
@@ -9910,10 +9925,10 @@ const Be = ({
   title: n,
   properties: r,
   children: t
-}) => /* @__PURE__ */ x(N, { gap: "sm", p: "3rem", children: [
+}) => /* @__PURE__ */ x(W, { gap: "sm", p: "3rem", children: [
   /* @__PURE__ */ e(T, { size: "2.5rem", fw: 600, children: n }),
   /* @__PURE__ */ e(Ee, { h: "md" }),
-  /* @__PURE__ */ e(N, { gap: "xs", children: r }),
+  /* @__PURE__ */ e(W, { gap: "xs", children: r }),
   /* @__PURE__ */ e(Ee, { h: "md" }),
   /* @__PURE__ */ e(b, { children: t })
 ] }), gi = or({
@@ -9925,18 +9940,31 @@ const Be = ({
     fontFamily: "Inter, system-ui, Avenir, Helvetica, Arial, sans-serif"
   },
   colors: {
-    gray: [
-      "#f6f5f4",
-      "#e8e8e8",
-      "#cfcfcf",
-      "#b5b5b5",
-      "#9f9e9d",
-      "#91908c",
-      "#8b8983",
-      "#787670",
-      "#6b6962",
-      "#37352f"
-    ]
+    // gray: [
+    //   '#f6f5f4',
+    //   '#e8e8e8',
+    //   '#cfcfcf',
+    //   '#b5b5b5',
+    //   '#9f9e9d',
+    //   '#91908c',
+    //   '#8b8983',
+    //   '#787670',
+    //   '#6b6962',
+    //   '#37352f',
+    // ],
+    // gray: [
+    //   '#f1f1ef',
+    //   '#e9e9e9',
+    //   '#d0d0d0',
+    //   '#b6b6b5',
+    //   '#a0a09d',
+    //   '#93928d',
+    //   '#8c8c84',
+    //   '#797971',
+    //   '#6b6b63',
+    //   '#37352f',
+    //   // '#5c5c51',
+    // ],
   },
   components: {
     // Override component styles here
@@ -9973,17 +10001,17 @@ export {
   Lr as IconAvatar,
   Fr as ImageAvatar,
   tn as InvitedUserCard,
-  Wi as LinkProperty,
+  Ni as LinkProperty,
   Pr as Logo,
   Jo as Matrix,
   nn as Menu,
   Bi as ModalSettings,
   ut as NavButton,
   Fn as NavLink,
-  Nn as Navbar,
+  Wn as Navbar,
   Li as NavbarProvider,
   Ai as NotificationSidebar,
-  Ni as NumberProperty,
+  Wi as NumberProperty,
   pi as PageLayout,
   Be as PageProperty,
   xn as PlaceholderAvatar,
@@ -10003,8 +10031,8 @@ export {
   Qi as ThemeProvider,
   gn as UserChip,
   Fi as WorkspaceSelector,
-  Wo as WorkspaceSelectorItem,
-  Wr as getInitialsFromName,
+  No as WorkspaceSelectorItem,
+  Nr as getInitialsFromName,
   gi as theme,
   Lt as useAppLayout,
   ji as useNavbar,