obeyaka-ui 0.1.27 → 0.1.28

package/dist/index.es.js

@@ -1,19 +1,19 @@
 import { jsx as e, jsxs as v, Fragment as me } from "react/jsx-runtime";
 import be, { useState as O, useCallback as j, useMemo as K, memo as Mn, useRef as Z, useEffect as Y, useLayoutEffect as Qn, Suspense as Zt, forwardRef as qt, useImperativeHandle as Xt, createContext as Yn, useContext as Zn } from "react";
-import { ActionIcon as le, Tooltip as Ue, Box as b, Skeleton as vn, Loader as Se, Text as T, Group as A, InputWrapper as qn, Input as Kt, Textarea as Sn, TextInput as kn, useCombobox as on, Combobox as oe, Indicator as Xn, MenuItem as Kn, Menu as pe, Stack as W, Pill as xn, Popover as je, LoadingOverlay as Jt, Button as ce, Table as we, Badge as Ke, Tabs as fe, ScrollArea as ke, Flex as Jn, Avatar as et, TagsInput as eo, Radio as no, Space as Ee, Modal as Cn, FocusTrap as nt, Drawer as On, Alert as to, Anchor as tt, PillsInput as Fn, Collapse as oo, AppShell as We, createTheme as ro, MantineProvider as io } from "@mantine/core";
-import { IconQuestionMark as He, IconSearch as zn, IconX as ot, IconFilter as rt, IconFilterOff as ao, IconChevronDown as Ce, IconChevronRight as Je, IconPlus as Te, IconDots as Pe, IconCheck as rn, IconChevronUp as Ve, IconClock as it, IconMoodSmile as qe, IconFlag as co, IconHeart as so, IconBulb as lo, IconPlane as Un, IconBallBasketball as uo, IconApple as fo, IconTrees as at, IconUser as Dn, IconBriefcase as ho, IconDeviceDesktop as po, IconCircle as mo, IconTool as go, IconMessage as Io, IconPhoto as Nn, IconArchive as wn, IconBell as yo, IconInbox as vo, IconChecklist as gn, IconChevronsLeft as ct, IconPointFilled as xo, IconPoint as wo, IconChevronLeft as Wn, IconMaximize as Rn, IconStar as bo, IconChevronsRight as Ne, IconMoodSmileFilled as Tn, IconAlignLeft as st, IconUserCircle as lt, IconUsers as dt, IconMenu2 as $n } from "@tabler/icons-react";
+import { ActionIcon as le, Tooltip as Ue, Box as b, Skeleton as vn, Loader as Se, Text as T, Group as A, InputWrapper as qn, Input as Kt, Textarea as Sn, TextInput as kn, useCombobox as rn, Combobox as re, Indicator as Xn, MenuItem as Kn, Menu as pe, Stack as W, Pill as xn, Popover as je, LoadingOverlay as Jt, Button as ce, Table as we, Badge as Ke, Tabs as fe, ScrollArea as ke, Flex as Jn, Avatar as et, TagsInput as er, Radio as nr, Space as Ee, Modal as Cn, FocusTrap as nt, Drawer as On, Alert as tr, Anchor as tt, PillsInput as Fn, Collapse as rr, AppShell as We, createTheme as or, MantineProvider as ir } from "@mantine/core";
+import { IconQuestionMark as He, IconSearch as zn, IconX as rt, IconFilter as ot, IconFilterOff as ar, IconChevronDown as Ce, IconChevronRight as Je, IconPlus as Te, IconDots as Pe, IconCheck as on, IconChevronUp as Ve, IconClock as it, IconMoodSmile as qe, IconFlag as cr, IconHeart as sr, IconBulb as lr, IconPlane as Un, IconBallBasketball as dr, IconApple as ur, IconTrees as at, IconUser as Dn, IconBriefcase as fr, IconDeviceDesktop as hr, IconCircle as pr, IconTool as mr, IconMessage as gr, IconPhoto as Nn, IconArchive as wn, IconBell as Ir, IconInbox as yr, IconChecklist as gn, IconChevronsLeft as ct, IconPointFilled as vr, IconPoint as xr, IconChevronLeft as Wn, IconMaximize as Rn, IconStar as wr, IconChevronsRight as Ne, IconMoodSmileFilled as Tn, IconAlignLeft as st, IconUserCircle as lt, IconUsers as dt, IconMenu2 as $n } from "@tabler/icons-react";
 import en from "@emoji-mart/data";
-import { init as Mo, SearchIndex as So } from "emoji-mart";
-import { useDisclosure as Xe, useMediaQuery as ko } from "@mantine/hooks";
-import { Notifications as Co } from "@mantine/notifications";
-import { ModalsProvider as Oo } from "@mantine/modals";
-import { DatesProvider as zo } from "@mantine/dates";
+import { init as br, SearchIndex as Mr } from "emoji-mart";
+import { useDisclosure as Xe, useMediaQuery as Sr } from "@mantine/hooks";
+import { Notifications as kr } from "@mantine/notifications";
+import { ModalsProvider as Cr } from "@mantine/modals";
+import { DatesProvider as Or } from "@mantine/dates";
 const he = be.memo(
   ({
     onClick: n,
-    icon: r,
+    icon: o,
     changeIconOnHover: t = !1,
-    iconHovered: o,
+    iconHovered: r,
     iconColor: i = "var(--mantine-color-gray-7)",
     size: a = "md",
     variant: c = "transparent",
@@ -57,7 +57,7 @@ const he = be.memo(
         return s;
       if (c === "transparent")
         return w ? "var(--mantine-color-gray-2)" : "transparent";
-    }, [s, c, w]), B = K(() => t && o && w ? o : r, [t, o, w, r]), L = K(
+    }, [s, c, w]), B = K(() => t && r && w ? r : o, [t, r, w, o]), L = K(
       () => /* @__PURE__ */ e(
         B,
         {
@@ -91,8 +91,8 @@ const he = be.memo(
   }
 );
 he.displayName = "ActionButton";
-const Do = (n) => {
-  const r = {
+const zr = (n) => {
+  const o = {
     xs: { width: 28, height: 28, fontSize: 16 },
     // Emoji size
     sm: { width: 32, height: 32, fontSize: 24 },
@@ -110,16 +110,16 @@ const Do = (n) => {
     width: n,
     height: n,
     fontSize: n - 8
-  } : r[n];
-}, Ro = ({
+  } : o[n];
+}, Dr = ({
   emoji: n,
-  size: r = "lg",
+  size: o = "lg",
   editable: t = !1,
-  onClick: o,
+  onClick: r,
   className: i,
   style: a
 }) => {
-  const c = Do(r), s = t && o;
+  const c = zr(o), s = t && r;
   return /* @__PURE__ */ e(
     b,
     {
@@ -137,7 +137,7 @@ const Do = (n) => {
         backgroundColor: "transparent",
         ...a
       },
-      onClick: s ? o : void 0,
+      onClick: s ? r : void 0,
       onMouseEnter: (l) => {
         s && (l.currentTarget.style.backgroundColor = "var(--mantine-color-gray-0)");
       },
@@ -176,7 +176,7 @@ const Do = (n) => {
     default:
       return 64;
   }
-}, Me = /* @__PURE__ */ new Map(), To = [
+}, Me = /* @__PURE__ */ new Map(), Rr = [
   "IconUser",
   "IconHeart",
   "IconStar",
@@ -209,32 +209,32 @@ const Do = (n) => {
   "IconShare",
   "IconThumbUp",
   "IconTrash"
-], Eo = async () => {
+], Tr = async () => {
   try {
     const n = await import("@tabler/icons-react");
-    To.forEach((r) => {
-      if (!Me.has(r)) {
-        const t = n[r];
-        t && Me.set(r, t);
+    Rr.forEach((o) => {
+      if (!Me.has(o)) {
+        const t = n[o];
+        t && Me.set(o, t);
       }
     });
   } catch (n) {
     console.warn("Error preloading common icons:", n);
   }
 };
-Eo();
-const Bo = async (n) => {
+Tr();
+const Er = async (n) => {
   if (Me.has(n))
     return Me.get(n);
   try {
-    const o = (await import("@tabler/icons-react"))[n] || He;
-    return Me.set(n, o), o;
+    const r = (await import("@tabler/icons-react"))[n] || He;
+    return Me.set(n, r), r;
   } catch {
     return Me.set(n, He), He;
   }
-}, Ao = (n) => n.replace(/^Icon/, "").replace(/([A-Z])/g, " $1").trim().toLowerCase().replace(/^./, (t) => t.toUpperCase()), ut = Mn(
-  ({ iconName: n, onClick: r, size: t = 20 }) => {
-    const [o, i] = O(null), [a, c] = O(!0), s = Z(null), l = Z(!0);
+}, Br = (n) => n.replace(/^Icon/, "").replace(/([A-Z])/g, " $1").trim().toLowerCase().replace(/^./, (t) => t.toUpperCase()), ut = Mn(
+  ({ iconName: n, onClick: o, size: t = 20 }) => {
+    const [r, i] = O(null), [a, c] = O(!0), s = Z(null), l = Z(!0);
     Y(() => (l.current = !0, (async () => {
       try {
         const f = (await import("@tabler/icons-react"))[n];
@@ -246,7 +246,7 @@ const Bo = async (n) => {
       l.current = !1;
     }), [n]);
     const d = () => {
-      a || r();
+      a || o();
     };
     return a ? /* @__PURE__ */ e(
       b,
@@ -267,7 +267,7 @@ const Bo = async (n) => {
     ) : /* @__PURE__ */ e(
       Ue,
       {
-        label: Ao(n),
+        label: Br(n),
         position: "top",
         withArrow: !0,
         openDelay: 300,
@@ -304,7 +304,7 @@ const Bo = async (n) => {
             onMouseUp: (u) => {
               a || (u.currentTarget.style.backgroundColor = "var(--mantine-color-gray-1)", u.currentTarget.style.transform = "scale(1.05)");
             },
-            children: o && /* @__PURE__ */ e(o, { size: t, color: "var(--mantine-color-gray-7)" })
+            children: r && /* @__PURE__ */ e(r, { size: t, color: "var(--mantine-color-gray-7)" })
           }
         )
       }
@@ -315,22 +315,22 @@ ut.displayName = "IconButton";
 const ft = Mn(
   ({
     iconName: n,
-    size: r = "lg",
+    size: o = "lg",
     style: t,
-    withBorder: o = !1,
+    withBorder: r = !1,
     radius: i = "md",
     onClick: a,
     onMouseEnter: c,
     onMouseLeave: s
   }) => {
-    const [l, d] = O(!1), [u, p] = O(() => Me.get(n) || null), f = Re(r), I = Math.round(f * 0.9);
+    const [l, d] = O(!1), [u, p] = O(() => Me.get(n) || null), f = Re(o), I = Math.round(f * 0.9);
     Y(() => {
       if (Me.has(n)) {
         p(() => Me.get(n));
         return;
       }
       let g = !0;
-      return Bo(n).then((m) => {
+      return Er(n).then((m) => {
         g && p(() => m);
       }), () => {
         g = !1;
@@ -352,7 +352,7 @@ const ft = Mn(
           justifyContent: "center",
           borderRadius: h(),
           cursor: a ? "pointer" : "default",
-          border: o ? "1px solid var(--mantine-color-gray-4)" : "none",
+          border: r ? "1px solid var(--mantine-color-gray-4)" : "none",
           backgroundColor: l ? "var(--mantine-color-gray-0)" : "transparent",
           flexShrink: 0,
           boxSizing: "border-box",
@@ -383,7 +383,7 @@ const ft = Mn(
           justifyContent: "center",
           borderRadius: h(),
           cursor: a ? "pointer" : "default",
-          border: o ? "1px solid var(--mantine-color-gray-4)" : "none",
+          border: r ? "1px solid var(--mantine-color-gray-4)" : "none",
           backgroundColor: l ? "var(--mantine-color-gray-0)" : "transparent",
           flexShrink: 0,
           boxSizing: "border-box",
@@ -402,8 +402,8 @@ const ft = Mn(
   }
 );
 ft.displayName = "IconAvatar";
-const Lo = (n) => {
-  const r = {
+const Ar = (n) => {
+  const o = {
     xs: { width: 28, height: 28 },
     sm: { width: 32, height: 32 },
     md: { width: 36, height: 36 },
@@ -414,16 +414,16 @@ const Lo = (n) => {
   return typeof n == "number" ? {
     width: n,
     height: n
-  } : r[n];
-}, jo = ({
+  } : o[n];
+}, Lr = ({
   iconName: n,
-  size: r = "lg",
+  size: o = "lg",
   editable: t = !1,
-  onClick: o,
+  onClick: r,
   className: i,
   style: a
 }) => {
-  const c = Lo(r), s = t && o;
+  const c = Ar(o), s = t && r;
   return /* @__PURE__ */ e(
     b,
     {
@@ -441,7 +441,7 @@ const Lo = (n) => {
         backgroundColor: "transparent",
         ...a
       },
-      onClick: s ? o : void 0,
+      onClick: s ? r : void 0,
       onMouseEnter: (l) => {
         s && (l.currentTarget.style.backgroundColor = "var(--mantine-color-gray-0)");
       },
@@ -472,8 +472,8 @@ const Lo = (n) => {
       )
     }
   );
-}, Fo = (n) => {
-  const r = {
+}, jr = (n) => {
+  const o = {
     xs: { width: 28, height: 28 },
     sm: { width: 32, height: 32 },
     md: { width: 36, height: 36 },
@@ -484,18 +484,18 @@ const Lo = (n) => {
   return typeof n == "number" ? {
     width: n,
     height: n
-  } : r[n];
-}, Uo = ({
+  } : o[n];
+}, Fr = ({
   src: n,
-  size: r = "lg",
+  size: o = "lg",
   editable: t = !1,
-  onClick: o,
+  onClick: r,
   className: i,
   style: a,
   loading: c = !1,
   alt: s = "Avatar"
 }) => {
-  const [l, d] = O(!1), u = Fo(r), p = t && o, f = () => {
+  const [l, d] = O(!1), u = jr(o), p = t && r, f = () => {
     d(!0);
   }, I = () => {
     d(!1);
@@ -517,7 +517,7 @@ const Lo = (n) => {
         backgroundColor: "transparent",
         ...a
       },
-      onClick: p ? o : void 0,
+      onClick: p ? r : void 0,
       onMouseEnter: (h) => {
         p && (h.currentTarget.style.backgroundColor = "var(--mantine-color-gray-0)");
       },
@@ -552,8 +552,8 @@ const Lo = (n) => {
       )
     }
   );
-}, No = (n) => {
-  const r = {
+}, Ur = (n) => {
+  const o = {
     xs: { width: 28, height: 28, fontSize: 14 },
     // Text size
     sm: { width: 32, height: 32, fontSize: 16 },
@@ -571,17 +571,17 @@ const Lo = (n) => {
     width: n,
     height: n,
     fontSize: n * 0.5
-  } : r[n];
+  } : o[n];
 }, bn = ({
   text: n = "?",
-  size: r = "lg",
+  size: o = "lg",
   editable: t = !1,
-  onClick: o,
+  onClick: r,
   className: i,
   style: a,
   loading: c = !1
 }) => {
-  const s = No(r), l = t && o;
+  const s = Ur(o), l = t && r;
   return /* @__PURE__ */ e(
     b,
     {
@@ -599,7 +599,7 @@ const Lo = (n) => {
         backgroundColor: "var(--mantine-color-gray-1)",
         ...a
       },
-      onClick: l ? o : void 0,
+      onClick: l ? r : void 0,
       onMouseEnter: (d) => {
         l && (d.currentTarget.style.backgroundColor = "var(--mantine-color-gray-3)");
       },
@@ -635,10 +635,10 @@ const Lo = (n) => {
       )
     }
   );
-}, Wo = (n) => {
+}, Nr = (n) => {
   if (!n)
     return "";
-  const r = [
+  const o = [
     "de",
     "del",
     "la",
@@ -648,16 +648,16 @@ const Lo = (n) => {
     "el",
     "en",
     "con"
-  ], o = n.trim().split(/\s+/).filter((i) => !r.includes(i.toLowerCase())).map((i) => {
+  ], r = n.trim().split(/\s+/).filter((i) => !o.includes(i.toLowerCase())).map((i) => {
     var a;
     return ((a = i[0]) == null ? void 0 : a.toUpperCase()) || "";
   }).filter(Boolean).slice(0, 2).join("");
-  return o.length === 1 ? o + o : o.length === 0 ? n.slice(0, 2).toUpperCase() : o;
+  return r.length === 1 ? r + r : r.length === 0 ? n.slice(0, 2).toUpperCase() : r;
 }, Oe = ({
   avatar: n,
-  size: r = "lg",
+  size: o = "lg",
   loading: t = !1,
-  onClick: o,
+  onClick: r,
   className: i,
   style: a,
   showPlaceholder: c = !0,
@@ -669,44 +669,44 @@ const Lo = (n) => {
       switch (n.type) {
         case "emoji":
           return /* @__PURE__ */ e(
-            Ro,
+            Dr,
             {
               emoji: n.value,
-              size: r,
+              size: o,
               editable: l,
-              onClick: o
+              onClick: r
             }
           );
         case "icon":
           return /* @__PURE__ */ e(
-            jo,
+            Lr,
             {
               iconName: n.value,
-              size: r,
+              size: o,
               editable: l,
-              onClick: o
+              onClick: r
             }
           );
         case "image":
           return /* @__PURE__ */ e(
-            Uo,
+            Fr,
             {
               src: n.value,
-              size: r,
+              size: o,
               editable: l,
-              onClick: o
+              onClick: r
             }
           );
       }
     if (c) {
-      const p = s ? Wo(s) : "?";
+      const p = s ? Nr(s) : "?";
       return /* @__PURE__ */ e(
         bn,
         {
           text: p,
-          size: r,
+          size: o,
           editable: l,
-          onClick: o
+          onClick: r
         }
       );
     }
@@ -716,7 +716,7 @@ const Lo = (n) => {
     return /* @__PURE__ */ e(
       bn,
       {
-        size: r,
+        size: o,
         loading: !0,
         className: i,
         style: a
@@ -726,15 +726,15 @@ const Lo = (n) => {
   return u ? /* @__PURE__ */ e("div", { className: i, style: a, children: u }) : null;
 }, En = ({
   label: n,
-  onClick: r,
+  onClick: o,
   isActive: t = !1
 }) => {
-  const [o, i] = O(!1);
+  const [r, i] = O(!1);
   return /* @__PURE__ */ e(
     b,
     {
-      onClick: r,
-      bg: o || t ? "var(--mantine-color-gray-0)" : "transparent",
+      onClick: o,
+      bg: r || t ? "var(--mantine-color-gray-0)" : "transparent",
       onMouseEnter: () => i(!0),
       onMouseLeave: () => i(!1),
       h: 28,
@@ -749,15 +749,15 @@ const Lo = (n) => {
       children: /* @__PURE__ */ e(T, { fw: 500, fz: "sm", truncate: "end", c: "var(--mantine-color-gray-9)", children: n })
     }
   );
-}, $o = new URL("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTUiIGhlaWdodD0iNTYiIHZpZXdCb3g9IjAgMCA1NSA1NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMC43NUg1NVY1NS43NUgwVjAuNzVaIiBmaWxsPSIjRjZGNUY0Ii8+CjxwYXRoIGQ9Ik04LjgwMDI5IDM0LjYzQzguODAwMjkgMzQuMTQ0IDkuMTk0MjggMzMuNzUgOS42ODAyOSAzMy43NUgxOC45MjAzQzE5LjQwNjMgMzMuNzUgMTkuODAwMyAzNC4xNDQgMTkuODAwMyAzNC42M1Y0My44N0MxOS44MDAzIDQ0LjM1NiAxOS40MDYzIDQ0Ljc1IDE4LjkyMDMgNDQuNzVIOS42ODAyOUM5LjE5NDI4IDQ0Ljc1IDguODAwMjkgNDQuMzU2IDguODAwMjkgNDMuODdWMzQuNjNaIiBmaWxsPSIjRkZDQTAwIi8+CjxwYXRoIGQ9Ik0yMi4wMDAyIDIzLjYzQzIyLjAwMDIgMjMuMTQ0IDIyLjM5NDIgMjIuNzUgMjIuODgwMiAyMi43NUgzMi4xMjAyQzMyLjYwNjMgMjIuNzUgMzMuMDAwMiAyMy4xNDQgMzMuMDAwMiAyMy42M1Y0My44N0MzMy4wMDAyIDQ0LjM1NiAzMi42MDYzIDQ0Ljc1IDMyLjEyMDIgNDQuNzVIMjIuODgwMkMyMi4zOTQyIDQ0Ljc1IDIyLjAwMDIgNDQuMzU2IDIyLjAwMDIgNDMuODdWMjMuNjNaIiBmaWxsPSIjMzdDRTkxIi8+CjxwYXRoIGQ9Ik0zNS4yMDAyIDEyLjYzQzM1LjIwMDIgMTIuMTQ0IDM1LjU5NDIgMTEuNzUgMzYuMDgwMiAxMS43NUg0NS4zMjAyQzQ1LjgwNjIgMTEuNzUgNDYuMjAwMiAxMi4xNDQgNDYuMjAwMiAxMi42M1Y0My44N0M0Ni4yMDAyIDQ0LjM1NiA0NS44MDYyIDQ0Ljc1IDQ1LjMyMDIgNDQuNzVIMzYuMDgwMkMzNS41OTQyIDQ0Ljc1IDM1LjIwMDIgNDQuMzU2IDM1LjIwMDIgNDMuODdWMTIuNjNaIiBmaWxsPSIjRkIzNzU3Ii8+CjxwYXRoIGQ9Ik04LjgwMDA1IDE3LjI1QzguODAwMDUgMTQuMjEyNCAxMS4yNjI1IDExLjc1IDE0LjMgMTEuNzVDMTcuMzM3NiAxMS43NSAxOS44IDE0LjIxMjQgMTkuOCAxNy4yNUMxOS44IDIwLjI4NzYgMTcuMzM3NiAyMi43NSAxNC4zIDIyLjc1QzExLjI2MjUgMjIuNzUgOC44MDAwNSAyMC4yODc2IDguODAwMDUgMTcuMjVaIiBmaWxsPSIjMDA3MkZGIi8+Cjwvc3ZnPgo=", self.location).href, Ho = ({
+}, Wr = new URL("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTUiIGhlaWdodD0iNTYiIHZpZXdCb3g9IjAgMCA1NSA1NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMC43NUg1NVY1NS43NUgwVjAuNzVaIiBmaWxsPSIjRjZGNUY0Ii8+CjxwYXRoIGQ9Ik04LjgwMDI5IDM0LjYzQzguODAwMjkgMzQuMTQ0IDkuMTk0MjggMzMuNzUgOS42ODAyOSAzMy43NUgxOC45MjAzQzE5LjQwNjMgMzMuNzUgMTkuODAwMyAzNC4xNDQgMTkuODAwMyAzNC42M1Y0My44N0MxOS44MDAzIDQ0LjM1NiAxOS40MDYzIDQ0Ljc1IDE4LjkyMDMgNDQuNzVIOS42ODAyOUM5LjE5NDI4IDQ0Ljc1IDguODAwMjkgNDQuMzU2IDguODAwMjkgNDMuODdWMzQuNjNaIiBmaWxsPSIjRkZDQTAwIi8+CjxwYXRoIGQ9Ik0yMi4wMDAyIDIzLjYzQzIyLjAwMDIgMjMuMTQ0IDIyLjM5NDIgMjIuNzUgMjIuODgwMiAyMi43NUgzMi4xMjAyQzMyLjYwNjMgMjIuNzUgMzMuMDAwMiAyMy4xNDQgMzMuMDAwMiAyMy42M1Y0My44N0MzMy4wMDAyIDQ0LjM1NiAzMi42MDYzIDQ0Ljc1IDMyLjEyMDIgNDQuNzVIMjIuODgwMkMyMi4zOTQyIDQ0Ljc1IDIyLjAwMDIgNDQuMzU2IDIyLjAwMDIgNDMuODdWMjMuNjNaIiBmaWxsPSIjMzdDRTkxIi8+CjxwYXRoIGQ9Ik0zNS4yMDAyIDEyLjYzQzM1LjIwMDIgMTIuMTQ0IDM1LjU5NDIgMTEuNzUgMzYuMDgwMiAxMS43NUg0NS4zMjAyQzQ1LjgwNjIgMTEuNzUgNDYuMjAwMiAxMi4xNDQgNDYuMjAwMiAxMi42M1Y0My44N0M0Ni4yMDAyIDQ0LjM1NiA0NS44MDYyIDQ0Ljc1IDQ1LjMyMDIgNDQuNzVIMzYuMDgwMkMzNS41OTQyIDQ0Ljc1IDM1LjIwMDIgNDQuMzU2IDM1LjIwMDIgNDMuODdWMTIuNjNaIiBmaWxsPSIjRkIzNzU3Ii8+CjxwYXRoIGQ9Ik04LjgwMDA1IDE3LjI1QzguODAwMDUgMTQuMjEyNCAxMS4yNjI1IDExLjc1IDE0LjMgMTEuNzVDMTcuMzM3NiAxMS43NSAxOS44IDE0LjIxMjQgMTkuOCAxNy4yNUMxOS44IDIwLjI4NzYgMTcuMzM3NiAyMi43NSAxNC4zIDIyLjc1QzExLjI2MjUgMjIuNzUgOC44MDAwNSAyMC4yODc2IDguODAwMDUgMTcuMjVaIiBmaWxsPSIjMDA3MkZGIi8+Cjwvc3ZnPgo=", self.location).href, $r = ({
   appName: n = "Obeyaka",
-  size: r = "md",
+  size: o = "md",
   showText: t = !0,
-  color: o = "var(--mantine-color-dark-6)",
+  color: r = "var(--mantine-color-dark-6)",
   radius: i
 }) => {
   const a = () => {
-    switch (r) {
+    switch (o) {
       case "xs":
         return { icon: 24, text: "xs" };
       case "sm":
@@ -793,7 +793,7 @@ const Lo = (n) => {
       return /* @__PURE__ */ e(
         "img",
         {
-          src: $o,
+          src: Wr,
           alt: `${n} Logo`,
           width: s,
           height: u,
@@ -810,7 +810,7 @@ const Lo = (n) => {
       {
         size: l,
         fw: 700,
-        c: o === "white" ? "white" : o,
+        c: r === "white" ? "white" : r,
         style: {
           fontFamily: "Inter, -apple-system, BlinkMacSystemFont, sans-serif"
         },
@@ -820,9 +820,9 @@ const Lo = (n) => {
   ] });
 }, an = ({
   value: n,
-  label: r,
+  label: o,
   onChange: t,
-  onDraftChange: o,
+  onDraftChange: r,
   placeholder: i = "Click to edit...",
   disabled: a = !1,
   bgColor: c = "gray",
@@ -860,7 +860,7 @@ const Lo = (n) => {
   }, L = () => {
     y(!1), S !== n && t(S);
   }, R = (N) => {
-    M(N.target.value), o == null || o(N.target.value);
+    M(N.target.value), r == null || r(N.target.value);
   }, F = (N) => {
     var $, H;
     N.key === "Enter" ? (y(!1), t(S), ($ = C.current) == null || $.blur()) : N.key === "Escape" && (M(n), y(!1), (H = C.current) == null || H.blur());
@@ -873,7 +873,7 @@ const Lo = (n) => {
     transition: "border-color 0.2s ease-in-out, border-width 0.2s ease-in-out",
     color: "var(--mantine-color-gray-9)"
   }, V = () => h ? { ..._, ...x } : _;
-  return /* @__PURE__ */ e(qn, { label: r, size: s, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(qn, { label: o, size: s, children: /* @__PURE__ */ e(
     Kt,
     {
       ref: C,
@@ -899,11 +899,11 @@ const Lo = (n) => {
       ...m
     }
   ) });
-}, Po = ({
+}, Hr = ({
   value: n,
-  label: r,
+  label: o,
   onChange: t,
-  onDraftChange: o,
+  onDraftChange: r,
   placeholder: i = "Click to edit...",
   disabled: a = !1,
   bgColor: c = "gray",
@@ -944,7 +944,7 @@ const Lo = (n) => {
   }, Q = () => {
     z(!1), k !== n && t(k);
   }, _ = (J) => {
-    C(J.target.value), o == null || o(J.target.value);
+    C(J.target.value), r == null || r(J.target.value);
   }, V = (J) => {
     var q;
     J.key === "Escape" && (C(n), z(!1), (q = L.current) == null || q.blur());
@@ -967,11 +967,11 @@ const Lo = (n) => {
     backgroundColor: "transparent",
     padding: "0",
     lineHeight: "3rem"
-  }, re = () => y ? { ...$, ...H } : $;
+  }, oe = () => y ? { ...$, ...H } : $;
   return /* @__PURE__ */ e(
     qn,
     {
-      label: r,
+      label: o,
       c: "var(--mantine-color-gray-9)",
       size: s,
       children: /* @__PURE__ */ e(
@@ -995,7 +995,7 @@ const Lo = (n) => {
           style: { ...N, ...u },
           styles: {
             input: {
-              ...re(),
+              ...oe(),
               overflowY: m ? "hidden" : void 0,
               resize: m ? "none" : void 0
             }
@@ -1011,9 +1011,9 @@ const Lo = (n) => {
 }, Be = be.memo(
   ({
     icon: n,
-    iconOnHover: r,
+    iconOnHover: o,
     size: t = "md",
-    color: o = "var(--mantine-color-gray-9)",
+    color: r = "var(--mantine-color-gray-9)",
     grayScaleBaseColor: i,
     disabled: a = !1,
     tooltip: c,
@@ -1028,19 +1028,19 @@ const Lo = (n) => {
     } : {
       height: 28,
       iconSize: 20
-    }, [p, f] = O(!1), I = p && r && !a ? /* @__PURE__ */ e(
-      r,
+    }, [p, f] = O(!1), I = p && o && !a ? /* @__PURE__ */ e(
+      o,
       {
         size: u(t).iconSize,
         strokeWidth: 2,
-        color: o
+        color: r
       }
     ) : /* @__PURE__ */ e(
       n,
       {
         size: u(t).iconSize,
         strokeWidth: 2,
-        color: o,
+        color: r,
         opacity: a ? 0.5 : 1
       }
     );
@@ -1061,11 +1061,11 @@ const Lo = (n) => {
       }
     );
   }
-), Vo = ({
+), Pr = ({
   expandDirection: n = "right",
-  placeholder: r = "Type to search",
+  placeholder: o = "Type to search",
   value: t = "",
-  onChange: o,
+  onChange: r,
   onSearch: i,
   onClear: a,
   size: c = "md",
@@ -1094,11 +1094,11 @@ const Lo = (n) => {
     s || u(!0);
   }, S = (x) => {
     const B = x.target.value;
-    h(B), o == null || o(B);
+    h(B), r == null || r(B);
   }, M = (x) => {
     x.key === "Enter" && (i == null || i(I)), x.key === "Escape" && w();
   }, z = () => {
-    h(""), o == null || o(""), a == null || a(), w();
+    h(""), r == null || r(""), a == null || a(), w();
   }, C = (() => {
     switch (c) {
       case "sm":
@@ -1180,7 +1180,7 @@ const Lo = (n) => {
                   value: I,
                   onChange: S,
                   onKeyDown: M,
-                  placeholder: r,
+                  placeholder: o,
                   disabled: s,
                   height: C.inputHeight,
                   fw: 500,
@@ -1233,7 +1233,7 @@ const Lo = (n) => {
                         x.currentTarget.style.backgroundColor = "transparent";
                       },
                       children: /* @__PURE__ */ e(
-                        ot,
+                        rt,
                         {
                           size: 14,
                           color: "var(--mantine-color-gray-6)",
@@ -1271,17 +1271,17 @@ const Lo = (n) => {
   );
 }, Bn = ({
   activeFilters: n,
-  onFiltersChange: r,
+  onFiltersChange: o,
   availableFilters: t,
-  size: o = "md",
+  size: r = "md",
   filterButtonDropdownPosition: i = "bottom-end"
 }) => {
-  const a = on({
+  const a = rn({
     onDropdownClose: () => a.resetSelectedOption(),
     onDropdownOpen: () => a.updateSelectedOptionIndex("active")
   }), [c, s] = O(!1), l = n.length > 0, d = (g) => {
     if (g === "remove-filters")
-      r([]);
+      o([]);
     else {
       const m = t == null ? void 0 : t.find(
         (w) => w.value === g
@@ -1291,7 +1291,7 @@ const Lo = (n) => {
           id: `${m.value}-${Date.now()}`,
           filterOption: m
         };
-        r([...n, w]);
+        o([...n, w]);
       }
     }
     a.closeDropdown();
@@ -1305,7 +1305,7 @@ const Lo = (n) => {
     color: "var(--mantine-color-gray-7)",
     fontWeight: "500"
   }, I = (() => {
-    switch (o) {
+    switch (r) {
       case "sm":
         return {
           height: "32px",
@@ -1342,11 +1342,11 @@ const Lo = (n) => {
       onMouseEnter: () => s(!0),
       onMouseLeave: () => s(!1),
       onClick: () => a.toggleDropdown(),
-      children: /* @__PURE__ */ e(rt, { size: 20, stroke: 2.3 })
+      children: /* @__PURE__ */ e(ot, { size: 20, stroke: 2.3 })
     }
   );
   return /* @__PURE__ */ v(
-    oe,
+    re,
     {
       store: a,
       onOptionSubmit: d,
@@ -1354,7 +1354,7 @@ const Lo = (n) => {
       offset: 4,
       position: i,
       children: [
-        /* @__PURE__ */ e(oe.Target, { children: l ? /* @__PURE__ */ e(
+        /* @__PURE__ */ e(re.Target, { children: l ? /* @__PURE__ */ e(
           Xn,
           {
             offset: 2,
@@ -1364,7 +1364,7 @@ const Lo = (n) => {
           }
         ) : h }),
         /* @__PURE__ */ e(
-          oe.Dropdown,
+          re.Dropdown,
           {
             styles: {
               dropdown: {
@@ -1376,9 +1376,9 @@ const Lo = (n) => {
                 minWidth: "160px"
               }
             },
-            children: /* @__PURE__ */ v(oe.Options, { children: [
+            children: /* @__PURE__ */ v(re.Options, { children: [
               u.map((g) => /* @__PURE__ */ e(
-                oe.Option,
+                re.Option,
                 {
                   value: g.value,
                   style: {
@@ -1398,7 +1398,7 @@ const Lo = (n) => {
                 g.value
               )),
               l && /* @__PURE__ */ e(
-                oe.Option,
+                re.Option,
                 {
                   value: "remove-filters",
                   style: {
@@ -1412,7 +1412,7 @@ const Lo = (n) => {
                     {
                       style: { display: "flex", alignItems: "center", gap: "8px" },
                       children: [
-                        /* @__PURE__ */ e(ao, { size: 16, stroke: 2 }),
+                        /* @__PURE__ */ e(ar, { size: 16, stroke: 2 }),
                         "Remove filters"
                       ]
                     }
@@ -1425,18 +1425,18 @@ const Lo = (n) => {
       ]
     }
   );
-}, _o = ({
+}, Vr = ({
   filterTag: n,
-  onUpdate: r,
+  onUpdate: o,
   onRemove: t,
-  options: o = [],
+  options: r = [],
   filterTagDropdownPosition: i = "bottom-start"
 }) => {
   var f;
-  const a = on({
+  const a = rn({
     onDropdownClose: () => a.resetSelectedOption(),
     onDropdownOpen: () => a.updateSelectedOptionIndex("active")
-  }), c = !!n.selectedOption, s = c ? `${n.filterOption.label}: ${(f = n.selectedOption) == null ? void 0 : f.label}` : n.filterOption.label, l = o && o.length > 0 ? o : [
+  }), c = !!n.selectedOption, s = c ? `${n.filterOption.label}: ${(f = n.selectedOption) == null ? void 0 : f.label}` : n.filterOption.label, l = r && r.length > 0 ? r : [
     { value: "option-a", label: "TagFilterOptionA" },
     { value: "option-b", label: "TagFilterOptionB" },
     { value: "option-c", label: "TagFilterOptionC" }
@@ -1445,7 +1445,7 @@ const Lo = (n) => {
       t();
     else {
       const h = l.find((g) => g.value === I);
-      h && r({
+      h && o({
         ...n,
         selectedOption: h
       });
@@ -1470,7 +1470,7 @@ const Lo = (n) => {
     padding: "0 12px"
   };
   return /* @__PURE__ */ v(
-    oe,
+    re,
     {
       store: a,
       onOptionSubmit: d,
@@ -1479,7 +1479,7 @@ const Lo = (n) => {
       position: i,
       middlewares: { flip: !1, shift: !0 },
       children: [
-        /* @__PURE__ */ e(oe.Target, { children: /* @__PURE__ */ v(
+        /* @__PURE__ */ e(re.Target, { children: /* @__PURE__ */ v(
           b,
           {
             style: {
@@ -1505,7 +1505,7 @@ const Lo = (n) => {
           }
         ) }),
         /* @__PURE__ */ e(
-          oe.Dropdown,
+          re.Dropdown,
           {
             styles: {
               dropdown: {
@@ -1516,11 +1516,11 @@ const Lo = (n) => {
                 minWidth: "150px"
               }
             },
-            children: /* @__PURE__ */ v(oe.Options, { children: [
+            children: /* @__PURE__ */ v(re.Options, { children: [
               l.map((I) => {
                 var h;
                 return /* @__PURE__ */ e(
-                  oe.Option,
+                  re.Option,
                   {
                     value: I.value,
                     active: ((h = n.selectedOption) == null ? void 0 : h.value) === I.value,
@@ -1533,7 +1533,7 @@ const Lo = (n) => {
                 );
               }),
               /* @__PURE__ */ e(
-                oe.Option,
+                re.Option,
                 {
                   value: "remove",
                   style: {
@@ -1551,13 +1551,13 @@ const Lo = (n) => {
       ]
     }
   );
-}, Go = ({
+}, _r = ({
   activeFilters: n,
-  onFiltersChange: r,
+  onFiltersChange: o,
   availableFilters: t,
-  addFilterButtonDropdownPosition: o = "bottom-start"
+  addFilterButtonDropdownPosition: r = "bottom-start"
 }) => {
-  const i = on({
+  const i = rn({
     onDropdownClose: () => i.resetSelectedOption(),
     onDropdownOpen: () => i.updateSelectedOptionIndex("active")
   }), [a, c] = O(!1), s = (f) => {
@@ -1569,7 +1569,7 @@ const Lo = (n) => {
         id: `${I.value}-${Date.now()}`,
         filterOption: I
       };
-      r([...n, h]);
+      o([...n, h]);
     }
     i.closeDropdown();
   }, l = (t || []).filter(
@@ -1603,15 +1603,15 @@ const Lo = (n) => {
     fontWeight: "500"
   };
   return /* @__PURE__ */ v(
-    oe,
+    re,
     {
       store: i,
       onOptionSubmit: s,
       withinPortal: !1,
       offset: 4,
-      position: o,
+      position: r,
       children: [
-        /* @__PURE__ */ e(oe.Target, { children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e(re.Target, { children: /* @__PURE__ */ e(
           b,
           {
             style: {
@@ -1633,13 +1633,13 @@ const Lo = (n) => {
           }
         ) }),
         /* @__PURE__ */ e(
-          oe.Dropdown,
+          re.Dropdown,
           {
             styles: {
               ...u
             },
-            children: /* @__PURE__ */ e(oe.Options, { children: l.map((f) => /* @__PURE__ */ e(
-              oe.Option,
+            children: /* @__PURE__ */ e(re.Options, { children: l.map((f) => /* @__PURE__ */ e(
+              re.Option,
               {
                 value: f.value,
                 style: {
@@ -1665,9 +1665,9 @@ const Lo = (n) => {
   );
 }, An = ({
   activeFilters: n,
-  onFiltersChange: r,
+  onFiltersChange: o,
   availableFilters: t,
-  size: o = "sm",
+  size: r = "sm",
   getFilterOptions: i,
   filterTagDropdownPosition: a = "bottom-start"
 }) => {
@@ -1675,12 +1675,12 @@ const Lo = (n) => {
     const u = (n || []).map(
       (p) => p.id === d.id ? d : p
     );
-    r(u);
+    o(u);
   }, s = (d) => {
     const u = (n || []).filter(
       (p) => p.id !== d
     );
-    r(u);
+    o(u);
   }, l = (t || []).filter(
     (d) => !n.some(
       (u) => u.filterOption.value === d.value
@@ -1690,12 +1690,12 @@ const Lo = (n) => {
     (n || []).map((d) => {
       const u = i ? i(d.filterOption.value) || [] : [];
       return /* @__PURE__ */ e(
-        _o,
+        Vr,
         {
           filterTag: d,
           onUpdate: c,
           onRemove: () => s(d.id),
-          size: o,
+          size: r,
           options: u,
           filterTagDropdownPosition: a
         },
@@ -1703,20 +1703,20 @@ const Lo = (n) => {
       );
     }),
     l.length > 0 && /* @__PURE__ */ e(
-      Go,
+      _r,
       {
         activeFilters: n,
-        onFiltersChange: r,
+        onFiltersChange: o,
         availableFilters: l,
-        size: o
+        size: r
       }
     )
   ] }) });
-}, Qo = ({
+}, Gr = ({
   activeFilters: n,
-  onFiltersChange: r,
+  onFiltersChange: o,
   availableFilters: t,
-  size: o = "md",
+  size: r = "md",
   getFilterOptions: i,
   filterTagDropdownPosition: a = "bottom-start"
 }) => /* @__PURE__ */ v("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
@@ -1724,52 +1724,52 @@ const Lo = (n) => {
     Bn,
     {
       activeFilters: n,
-      onFiltersChange: r,
+      onFiltersChange: o,
       availableFilters: t,
-      size: o
+      size: r
     }
   ),
   /* @__PURE__ */ e(
     An,
     {
       activeFilters: n,
-      onFiltersChange: r,
+      onFiltersChange: o,
       availableFilters: t,
       size: "sm",
       getFilterOptions: i,
       filterTagDropdownPosition: a
     }
   )
-] }), Ri = Object.assign(Qo, {
+] }), Ri = Object.assign(Gr, {
   Button: Bn,
   Filters: An
-}), Yo = ({
+}), Qr = ({
   children: n,
-  danger: r,
+  danger: o,
   active: t,
-  ...o
+  ...r
 }) => /* @__PURE__ */ e(
   Kn,
   {
-    ...o,
+    ...r,
     style: {
       borderRadius: "8px",
-      color: t ? "var(--mantine-color-blue-7)" : r ? "var(--mantine-color-red-9)" : "var(--mantine-color-gray-9)",
+      color: t ? "var(--mantine-color-blue-7)" : o ? "var(--mantine-color-red-9)" : "var(--mantine-color-gray-9)",
       backgroundColor: t ? "var(--mantine-color-blue-0)" : "transparent",
-      ...o.style
+      ...r.style
     },
     children: n
   }
 ), nn = ({
   trigger: n,
-  menuItems: r,
+  menuItems: o,
   children: t,
-  ...o
+  ...r
 }) => {
   const i = Z(null), [a, c] = O(0);
   return Y(() => {
     i.current && c(i.current.offsetWidth);
-  }, [n]), /* @__PURE__ */ v(pe, { ...o, children: [
+  }, [n]), /* @__PURE__ */ v(pe, { ...r, children: [
     /* @__PURE__ */ e(pe.Target, { children: /* @__PURE__ */ e(
       "div",
       {
@@ -1797,16 +1797,16 @@ const Lo = (n) => {
         },
         children: [
           t,
-          r == null ? void 0 : r.map((s, l) => /* @__PURE__ */ e(Yo, { ...s }, l))
+          o == null ? void 0 : o.map((s, l) => /* @__PURE__ */ e(Qr, { ...s }, l))
         ]
       }
     )
   ] });
 }, ht = ({
   label: n,
-  icon: r,
+  icon: o,
   onClick: t,
-  color: o = "gray",
+  color: r = "gray",
   disabled: i = !1,
   "aria-label": a,
   indicator: c,
@@ -1825,7 +1825,7 @@ const Lo = (n) => {
       variant: "transparent",
       justify: "flex-start",
       display: "flex",
-      color: o,
+      color: r,
       radius: "md",
       w: s ? "100%" : "auto",
       px: 6,
@@ -1849,7 +1849,7 @@ const Lo = (n) => {
               width: "28px",
               height: "28px"
             },
-            children: r
+            children: o
           }
         ),
         /* @__PURE__ */ e(
@@ -1889,9 +1889,9 @@ const Lo = (n) => {
   );
 }, Hn = ({
   label: n,
-  rightLabel: r,
+  rightLabel: o,
   children: t,
-  onAddChild: o,
+  onAddChild: r,
   onMenuAction: i,
   menuItems: a,
   color: c = "gray",
@@ -1911,17 +1911,17 @@ const Lo = (n) => {
     d || g == null || g();
   }, [g, d]), B = j(
     ($) => {
-      $.stopPropagation(), !d && (o == null || o());
+      $.stopPropagation(), !d && (r == null || r());
     },
-    [o, d]
+    [r, d]
   ), L = j(
     ($) => {
       $ == null || $.stopPropagation(), !d && k && !u && S((H) => !H);
     },
     [d, k, u]
   ), R = j(() => {
-    d || o == null || o();
-  }, [o, d]), F = j(
+    d || r == null || r();
+  }, [r, d]), F = j(
     ($) => {
       d || i == null || i($);
     },
@@ -2011,9 +2011,9 @@ const Lo = (n) => {
                 }
               ),
               /* @__PURE__ */ v(A, { gap: "xs", align: "center", children: [
-                r && /* @__PURE__ */ e(T, { size: "xs", c: "dimmed", children: r }),
+                o && /* @__PURE__ */ e(T, { size: "xs", c: "dimmed", children: o }),
                 M && !d && /* @__PURE__ */ v(A, { gap: 4, wrap: "nowrap", children: [
-                  o && /* @__PURE__ */ e(
+                  r && /* @__PURE__ */ e(
                     Be,
                     {
                       icon: Te,
@@ -2022,7 +2022,7 @@ const Lo = (n) => {
                       color: "var(--mantine-color-gray-7)"
                     }
                   ),
-                  (a && a.length > 0 || o) && /* @__PURE__ */ e("div", { onClick: ($) => $.stopPropagation(), children: /* @__PURE__ */ e(
+                  (a && a.length > 0 || r) && /* @__PURE__ */ e("div", { onClick: ($) => $.stopPropagation(), children: /* @__PURE__ */ e(
                     nn,
                     {
                       menuItems: N,
@@ -2047,22 +2047,22 @@ const Lo = (n) => {
     ),
     y && !u && /* @__PURE__ */ e(W, { gap: 0, style: { width: "100%" }, children: k ? Q() : /* @__PURE__ */ e(b, { style: { marginLeft: l > 0 ? `${l * 16}px` : "0px" }, children: /* @__PURE__ */ e(T, { size: "sm", c: "dimmed", ta: "left", p: "sm", fw: 500, children: s }) }) })
   ] });
-}, Zo = "userChip-module__pill___DgFME", qo = {
-  pill: Zo
+}, Yr = "userChip-module__pill___DgFME", Zr = {
+  pill: Yr
 }, In = ({
   avatar: n,
-  name: r,
+  name: o,
   withRemoveButton: t = !1,
-  onRemove: o
+  onRemove: r
 }) => /* @__PURE__ */ e(
   xn,
   {
     withRemoveButton: t,
-    onRemove: o,
+    onRemove: r,
     radius: "md",
     p: "0px",
     size: "md",
-    className: qo.pill,
+    className: Zr.pill,
     bg: "transparent",
     children: /* @__PURE__ */ v(A, { gap: 4, wrap: "nowrap", style: { alignItems: "center" }, children: [
       /* @__PURE__ */ e(
@@ -2070,18 +2070,18 @@ const Lo = (n) => {
         {
           avatar: n,
           size: 24,
-          placeholder: r,
+          placeholder: o,
           showPlaceholder: !0
         }
       ),
-      /* @__PURE__ */ e(T, { size: "sm", fw: 450, c: "var(--mantine-color-gray-9)", children: r })
+      /* @__PURE__ */ e(T, { size: "sm", fw: 450, c: "var(--mantine-color-gray-9)", children: o })
     ] })
   }
-), Xo = "200px", Ko = "4px 8px", Jo = 40, er = "var(--mantine-radius-md)", nr = 16, tr = ({
+), qr = "200px", Xr = "4px 8px", Kr = 40, Jr = "var(--mantine-radius-md)", eo = 16, no = ({
   item: n,
-  withAvatars: r,
+  withAvatars: o,
   disabled: t = !1,
-  onClick: o,
+  onClick: r,
   selected: i = !1
 }) => {
   const [a, c] = O(!1);
@@ -2091,17 +2091,17 @@ const Lo = (n) => {
       onMouseEnter: () => !t && c(!0),
       onMouseLeave: () => !t && c(!1),
       onClick: (s) => {
-        s.preventDefault(), s.stopPropagation(), t || o == null || o(n.value);
+        s.preventDefault(), s.stopPropagation(), t || r == null || r(n.value);
       },
       onMouseDown: (s) => {
         s.stopPropagation();
       },
       style: {
-        minWidth: Xo,
+        minWidth: qr,
         backgroundColor: t ? "transparent" : a ? "var(--mantine-color-gray-1)" : "transparent",
         cursor: t ? "default" : "pointer",
-        borderRadius: er,
-        padding: Ko,
+        borderRadius: Jr,
+        padding: Xr,
         transition: "background-color 0.2s ease",
         opacity: t ? 0.5 : 1
       },
@@ -2112,9 +2112,9 @@ const Lo = (n) => {
           wrap: "nowrap",
           align: "flex-start",
           style: { alignItems: "center" },
-          h: Jo,
+          h: Kr,
           children: [
-            r && n.avatar && /* @__PURE__ */ e(
+            o && n.avatar && /* @__PURE__ */ e(
               "img",
               {
                 src: n.avatar,
@@ -2148,9 +2148,9 @@ const Lo = (n) => {
               )
             ] }),
             i && /* @__PURE__ */ e(
-              rn,
+              on,
               {
-                size: nr,
+                size: eo,
                 color: "var(--mantine-color-gray-9)"
               }
             )
@@ -2159,11 +2159,11 @@ const Lo = (n) => {
       )
     }
   );
-}, or = "bottom-end", rr = 1e4, ir = "24px", ar = "0 8px", cr = "6px", Pn = "var(--mantine-radius-md)", sr = "46px", Ln = ({
+}, to = "bottom-end", ro = 1e4, oo = "24px", io = "0 8px", ao = "6px", Pn = "var(--mantine-radius-md)", co = "46px", Ln = ({
   value: n,
-  onChange: r,
+  onChange: o,
   data: t,
-  withRemove: o = !1,
+  withRemove: r = !1,
   withAvatars: i = !1,
   onRemove: a,
   disabledOptions: c = [],
@@ -2174,7 +2174,7 @@ const Lo = (n) => {
   triggerStyles: p,
   textStyles: f
 }) => {
-  const [I, h] = O(!1), g = (t || []).find((x) => x.value === n) || l, [m, w] = O(!1), [y, S] = O(!1), [M, z] = O(!1), k = o ? /* @__PURE__ */ e(
+  const [I, h] = O(!1), g = (t || []).find((x) => x.value === n) || l, [m, w] = O(!1), [y, S] = O(!1), [M, z] = O(!1), k = r ? /* @__PURE__ */ e(
     A,
     {
       p: "sm",
@@ -2183,7 +2183,7 @@ const Lo = (n) => {
       },
       style: {
         cursor: "pointer",
-        height: sr,
+        height: co,
         display: "flex",
         alignItems: "center",
         borderRadius: Pn,
@@ -2203,15 +2203,15 @@ const Lo = (n) => {
         s || (h(!0), z(!0));
       },
       style: {
-        height: ir,
+        height: oo,
         cursor: s ? "not-allowed" : "pointer",
         display: "inline-flex",
         alignItems: "center",
         borderRadius: Pn,
         backgroundColor: s ? "transparent" : m || M ? "var(--mantine-color-gray-1)" : "transparent",
         transition: "background-color 0.2s ease",
-        padding: ar,
-        gap: cr,
+        padding: io,
+        gap: ao,
         width: "auto",
         opacity: s ? 0.6 : 1,
         ...p
@@ -2251,10 +2251,10 @@ const Lo = (n) => {
       onChange: (x) => {
         h(x), x || z(!1);
       },
-      position: or,
+      position: to,
       shadow: "md",
       withinPortal: !0,
-      zIndex: rr,
+      zIndex: ro,
       styles: d,
       children: [
         /* @__PURE__ */ e(je.Target, { children: C }),
@@ -2280,14 +2280,14 @@ const Lo = (n) => {
                   (t || []).map((x) => {
                     const B = c.includes(x.value), L = x.value === n;
                     return /* @__PURE__ */ e(
-                      tr,
+                      no,
                       {
                         item: x,
                         withAvatars: i,
                         disabled: B,
                         selected: L,
                         onClick: (R) => {
-                          r == null || r(R), h(!1), z(!1);
+                          o == null || o(R), h(!1), z(!1);
                         }
                       },
                       x.value
@@ -2302,14 +2302,14 @@ const Lo = (n) => {
       ]
     }
   );
-}, lr = (n, r, t, o) => {
+}, so = (n, o, t, r) => {
   const i = Z(null), a = Z(null), c = j(
     (l) => {
-      l[0].isIntersecting && t && !o && r && r();
+      l[0].isIntersecting && t && !r && o && o();
     },
-    [t, o, r]
+    [t, r, o]
   ), s = j(() => {
-    if (!(!i.current || !n || !r)) {
+    if (!(!i.current || !n || !o)) {
       a.current && (a.current.disconnect(), a.current = null);
       try {
         const l = new IntersectionObserver(c, {
@@ -2321,7 +2321,7 @@ const Lo = (n) => {
         console.error("Failed to setup intersection observer:", l);
       }
     }
-  }, [n, r, c]);
+  }, [n, o, c]);
   return Y(() => (s(), () => {
     a.current && (a.current.disconnect(), a.current = null);
   }), [s]), Y(() => () => {
@@ -2329,11 +2329,11 @@ const Lo = (n) => {
   }, []), {
     loadMoreRef: i
   };
-}, dr = ({
+}, lo = ({
   tableName: n,
-  data: r,
+  data: o,
   columns: t,
-  onAddItem: o,
+  onAddItem: r,
   addItemComponent: i,
   addItemLabel: a = "Add item",
   loading: c = !1,
@@ -2355,7 +2355,7 @@ const Lo = (n) => {
   hasMore: k = !1,
   onLoadMore: C
 }) => {
-  const [x, B] = O(""), [L, R] = O([]), { loadMoreRef: F } = lr(
+  const [x, B] = O(""), [L, R] = O([]), { loadMoreRef: F } = so(
     M,
     C || (() => {
     }),
@@ -2365,7 +2365,7 @@ const Lo = (n) => {
     value: E.key,
     label: E.label
   })) : [], ...u], [t, d, u]), _ = K(() => {
-    let D = r || [];
+    let D = o || [];
     if (x) {
       const E = x.toLowerCase();
       D = D.filter((U) => t.some((P) => {
@@ -2387,7 +2387,7 @@ const Lo = (n) => {
         }));
       }
     }), D;
-  }, [r, x, L, t]), V = (D) => {
+  }, [o, x, L, t]), V = (D) => {
     B(D), g == null || g(D);
   }, N = (D) => {
     const E = t.find((P) => P.key === D);
@@ -2401,12 +2401,12 @@ const Lo = (n) => {
       value: U.value,
       label: U.label
     })) : (E == null ? void 0 : E.type) === "badge" ? [
-      ...new Set(r.map((P) => P[E.key]).filter(Boolean))
+      ...new Set(o.map((P) => P[E.key]).filter(Boolean))
     ].map((P) => ({
       value: String(P),
       label: String(P).charAt(0).toUpperCase() + String(P).slice(1)
     })) : E ? [
-      ...new Set(r.map((P) => P[E.key]).filter(Boolean))
+      ...new Set(o.map((P) => P[E.key]).filter(Boolean))
     ].map((P) => ({
       value: String(P),
       label: String(P).charAt(0).toUpperCase() + String(P).slice(1)
@@ -2505,7 +2505,7 @@ const Lo = (n) => {
       default:
         return /* @__PURE__ */ e(T, { size: "sm", c: "dimmed", children: "—" });
     }
-  }, re = (D) => {
+  }, oe = (D) => {
     var E;
     return (E = t.find((U) => U.key === D)) != null && E.sortable ? I === D ? h === "asc" ? /* @__PURE__ */ e(Ve, { size: 14 }) : /* @__PURE__ */ e(Ce, { size: 14 }) : /* @__PURE__ */ e(Ve, { size: 14, style: { opacity: 0.3 } }) : null;
   }, q = (() => {
@@ -2526,7 +2526,7 @@ const Lo = (n) => {
         /* @__PURE__ */ v(A, { gap: "xs", wrap: "nowrap", children: [
           /* @__PURE__ */ v(A, { gap: 4, wrap: "nowrap", children: [
             /* @__PURE__ */ e(
-              Vo,
+              Pr,
               {
                 placeholder: l,
                 value: x,
@@ -2556,7 +2556,7 @@ const Lo = (n) => {
               }
             )
           ] }),
-          o && /* @__PURE__ */ e(
+          r && /* @__PURE__ */ e(
             ce,
             {
               size: "compact-md",
@@ -2566,7 +2566,7 @@ const Lo = (n) => {
                 border: "none"
               },
               radius: "md",
-              onClick: o,
+              onClick: r,
               children: a
             }
           )
@@ -2615,7 +2615,7 @@ const Lo = (n) => {
               children: /* @__PURE__ */ v(A, { gap: "xs", wrap: "nowrap", children: [
                 D.icon && /* @__PURE__ */ e(b, { style: { display: "flex", alignItems: "center" }, children: D.icon }),
                 /* @__PURE__ */ e(T, { size: q.textSize, fw: 500, children: D.label }),
-                re(D.key)
+                oe(D.key)
               ] })
             },
             String(D.key)
@@ -2658,14 +2658,14 @@ const Lo = (n) => {
     )
   ] });
 };
-Object.assign(dr, {
+Object.assign(lo, {
   // Future static methods or sub-components can be added here
 });
-const ur = ({
+const uo = ({
   onAvatarSelect: n,
-  onEmojiSelect: r,
+  onEmojiSelect: o,
   onImageSelect: t,
-  onIconSelect: o
+  onIconSelect: r
 } = {}) => {
   const [i, a] = O(
     "emoji"
@@ -2686,14 +2686,14 @@ const ur = ({
     }, B.readAsDataURL(x);
   }, []), S = j(
     (x) => {
-      p(x), d(null), g(null), I(null), n == null || n({ type: "emoji", value: x }), r == null || r(x);
+      p(x), d(null), g(null), I(null), n == null || n({ type: "emoji", value: x }), o == null || o(x);
     },
-    [n, r]
+    [n, o]
   ), M = j(
     (x) => {
-      I(x), d(null), g(null), p(null), n == null || n({ type: "icon", value: x }), o == null || o(x);
+      I(x), d(null), g(null), p(null), n == null || n({ type: "icon", value: x }), r == null || r(x);
     },
-    [n, o]
+    [n, r]
   ), z = j(() => {
     if (h && l) {
       const x = URL.createObjectURL(h);
@@ -2723,36 +2723,36 @@ const ur = ({
     clearImagePreview: k,
     resetState: C
   };
-}, fr = ({
+}, fo = ({
   opened: n,
-  onClose: r,
+  onClose: o,
   popoverRef: t
 }) => {
-  const o = j(
+  const r = j(
     (a) => {
-      n && t.current && !t.current.contains(a.target) && (console.log("Click outside detected, closing popover"), r());
+      n && t.current && !t.current.contains(a.target) && (console.log("Click outside detected, closing popover"), o());
     },
-    [n, r, t]
+    [n, o, t]
   ), i = j(
     (a) => {
-      a.key === "Escape" && n && (console.log("Escape key pressed, closing popover"), r());
+      a.key === "Escape" && n && (console.log("Escape key pressed, closing popover"), o());
     },
-    [n, r]
+    [n, o]
   );
   return Y(() => {
     if (n)
-      return document.addEventListener("mousedown", o), document.addEventListener("keydown", i), () => {
-        document.removeEventListener("mousedown", o), document.removeEventListener("keydown", i);
+      return document.addEventListener("mousedown", r), document.addEventListener("keydown", i), () => {
+        document.removeEventListener("mousedown", r), document.removeEventListener("keydown", i);
       };
-  }, [n, o, i]), {
-    handleClickOutside: o,
+  }, [n, r, i]), {
+    handleClickOutside: r,
     handleEscape: i
   };
-}, hr = ({
+}, ho = ({
   selectedTab: n,
-  tabHovered: r,
+  tabHovered: o,
   onTabChange: t,
-  onTabHover: o,
+  onTabHover: r,
   onRemove: i,
   hasAvatar: a = !1,
   children: c
@@ -2777,8 +2777,8 @@ const ur = ({
               p: 0,
               pb: "xs",
               onClick: () => t("emoji"),
-              onMouseEnter: () => o("emoji"),
-              onMouseLeave: () => o(null),
+              onMouseEnter: () => r("emoji"),
+              onMouseLeave: () => r(null),
               style: {
                 backgroundColor: "transparent"
               },
@@ -2793,7 +2793,7 @@ const ur = ({
                     justifyContent: "center",
                     padding: "0 8px",
                     border: "none",
-                    backgroundColor: r === "emoji" ? "var(--mantine-color-gray-1)" : "transparent",
+                    backgroundColor: o === "emoji" ? "var(--mantine-color-gray-1)" : "transparent",
                     color: n === "emoji" ? "var(--mantine-color-gray-9)" : "var(--mantine-color-gray-6)",
                     cursor: "pointer"
                   },
@@ -2811,8 +2811,8 @@ const ur = ({
               p: 0,
               pb: "xs",
               onClick: () => t("icons"),
-              onMouseEnter: () => o("icons"),
-              onMouseLeave: () => o(null),
+              onMouseEnter: () => r("icons"),
+              onMouseLeave: () => r(null),
               style: {
                 backgroundColor: "transparent"
               },
@@ -2827,7 +2827,7 @@ const ur = ({
                     padding: "0 8px",
                     borderRadius: "var(--mantine-radius-md)",
                     border: "none",
-                    backgroundColor: r === "icons" ? "var(--mantine-color-gray-1)" : "transparent",
+                    backgroundColor: o === "icons" ? "var(--mantine-color-gray-1)" : "transparent",
                     color: n === "icons" ? "var(--mantine-color-gray-9)" : "var(--mantine-color-gray-6)",
                     cursor: "pointer"
                   },
@@ -2845,8 +2845,8 @@ const ur = ({
               p: 0,
               pb: "xs",
               onClick: () => t("image"),
-              onMouseEnter: () => o("image"),
-              onMouseLeave: () => o(null),
+              onMouseEnter: () => r("image"),
+              onMouseLeave: () => r(null),
               style: {
                 backgroundColor: "transparent"
               },
@@ -2861,7 +2861,7 @@ const ur = ({
                     padding: "0 8px",
                     borderRadius: "var(--mantine-radius-md)",
                     border: "none",
-                    backgroundColor: r === "image" ? "var(--mantine-color-gray-1)" : "transparent",
+                    backgroundColor: o === "image" ? "var(--mantine-color-gray-1)" : "transparent",
                     color: n === "image" ? "var(--mantine-color-gray-9)" : "var(--mantine-color-gray-6)",
                     cursor: "pointer"
                   },
@@ -2905,8 +2905,8 @@ const ur = ({
   );
 };
 let Vn = !1;
-Vn || (Mo({ data: en }), Vn = !0);
-const pr = () => {
+Vn || (br({ data: en }), Vn = !0);
+const po = () => {
   const n = [
     {
       id: "frequent",
@@ -2914,63 +2914,63 @@ const pr = () => {
       icon: /* @__PURE__ */ e(it, { size: 20, strokeWidth: 2.5 })
     }
   ];
-  return en.categories.forEach((r) => {
-    if (r.emojis && r.emojis.length > 0) {
-      let t = /* @__PURE__ */ e(qe, { size: 20, strokeWidth: 2 }), o = r.name;
-      switch (r.id) {
+  return en.categories.forEach((o) => {
+    if (o.emojis && o.emojis.length > 0) {
+      let t = /* @__PURE__ */ e(qe, { size: 20, strokeWidth: 2 }), r = o.name;
+      switch (o.id) {
         case "people":
-          t = /* @__PURE__ */ e(qe, { size: 20, strokeWidth: 2 }), o = "Smileys & People";
+          t = /* @__PURE__ */ e(qe, { size: 20, strokeWidth: 2 }), r = "Smileys & People";
           break;
         case "nature":
-          t = /* @__PURE__ */ e(at, { size: 20, strokeWidth: 2 }), o = "Animals & Nature";
+          t = /* @__PURE__ */ e(at, { size: 20, strokeWidth: 2 }), r = "Animals & Nature";
           break;
         case "foods":
-          t = /* @__PURE__ */ e(fo, { size: 20, strokeWidth: 2 }), o = "Food & Drink";
+          t = /* @__PURE__ */ e(ur, { size: 20, strokeWidth: 2 }), r = "Food & Drink";
           break;
         case "activity":
-          t = /* @__PURE__ */ e(uo, { size: 20, strokeWidth: 2 }), o = "Activities";
+          t = /* @__PURE__ */ e(dr, { size: 20, strokeWidth: 2 }), r = "Activities";
           break;
         case "travel":
-          t = /* @__PURE__ */ e(Un, { size: 20, strokeWidth: 2 }), o = "Travel & Places";
+          t = /* @__PURE__ */ e(Un, { size: 20, strokeWidth: 2 }), r = "Travel & Places";
           break;
         case "places":
-          t = /* @__PURE__ */ e(Un, { size: 20, strokeWidth: 2 }), o = "Travel & Places";
+          t = /* @__PURE__ */ e(Un, { size: 20, strokeWidth: 2 }), r = "Travel & Places";
           break;
         case "objects":
-          t = /* @__PURE__ */ e(lo, { size: 20, strokeWidth: 2 }), o = "Objects";
+          t = /* @__PURE__ */ e(lr, { size: 20, strokeWidth: 2 }), r = "Objects";
           break;
         case "symbols":
-          t = /* @__PURE__ */ e(so, { size: 20, strokeWidth: 2 }), o = "Symbols";
+          t = /* @__PURE__ */ e(sr, { size: 20, strokeWidth: 2 }), r = "Symbols";
           break;
         case "flags":
-          t = /* @__PURE__ */ e(co, { size: 20, strokeWidth: 2 }), o = "Flags";
+          t = /* @__PURE__ */ e(cr, { size: 20, strokeWidth: 2 }), r = "Flags";
           break;
         case "frequent":
           return;
         default:
-          t = /* @__PURE__ */ e(qe, { size: 20, strokeWidth: 2 }), o = `Category: ${r.id}`;
+          t = /* @__PURE__ */ e(qe, { size: 20, strokeWidth: 2 }), r = `Category: ${o.id}`;
           break;
       }
       n.push({
-        id: r.id,
-        name: o,
+        id: o.id,
+        name: r,
         icon: t
       });
     }
   }), n;
-}, mr = ({
+}, mo = ({
   onEmojiSelect: n,
-  height: r = 200
+  height: o = 200
 }) => {
-  const [t, o] = O(""), [i, a] = O("people"), [c, s] = O(() => {
+  const [t, r] = O(""), [i, a] = O("people"), [c, s] = O(() => {
     if (typeof window < "u") {
       const m = localStorage.getItem("emoji-frequent");
       return m ? JSON.parse(m) : [];
     }
     return [];
-  }), [l, d] = O([]), [u, p] = O(!1), f = pr();
+  }), [l, d] = O([]), [u, p] = O(!1), f = po();
   Y(() => {
-    t.trim() ? (p(!0), So.search(t).then((m) => {
+    t.trim() ? (p(!0), Mr.search(t).then((m) => {
       d(
         m.map((w) => ({
           id: w.id,
@@ -3009,14 +3009,14 @@ const pr = () => {
       return typeof window < "u" && localStorage.setItem("emoji-frequent", JSON.stringify(S)), S;
     });
   };
-  return /* @__PURE__ */ v(W, { gap: 0, style: { height: r, width: "100%" }, children: [
+  return /* @__PURE__ */ v(W, { gap: 0, style: { height: o, width: "100%" }, children: [
     /* @__PURE__ */ e(b, { p: "sm", pb: "xs", children: /* @__PURE__ */ v(W, { gap: "xs", children: [
       /* @__PURE__ */ e(
         kn,
         {
           placeholder: "Search emojis...",
           value: t,
-          onChange: (m) => o(m.target.value),
+          onChange: (m) => r(m.target.value),
           leftSection: /* @__PURE__ */ e(zn, { size: 16, strokeWidth: 2.5 }),
           fw: 500,
           size: "sm",
@@ -3127,7 +3127,7 @@ const pr = () => {
               b,
               {
                 onClick: () => {
-                  a(m.id), o("");
+                  a(m.id), r("");
                 },
                 style: {
                   width: "40px",
@@ -4157,21 +4157,21 @@ const $e = [
     name: "Communication",
     icons: wt
   }
-], gr = {
+], go = {
   recent: /* @__PURE__ */ e(it, { size: 20, strokeWidth: 2.5 }),
   user: /* @__PURE__ */ e(Dn, { size: 20, strokeWidth: 2.5 }),
-  business: /* @__PURE__ */ e(ho, { size: 20, strokeWidth: 2.5 }),
-  tech: /* @__PURE__ */ e(po, { size: 20, strokeWidth: 2.5 }),
+  business: /* @__PURE__ */ e(fr, { size: 20, strokeWidth: 2.5 }),
+  tech: /* @__PURE__ */ e(hr, { size: 20, strokeWidth: 2.5 }),
   expressions: /* @__PURE__ */ e(qe, { size: 20, strokeWidth: 2.5 }),
   nature: /* @__PURE__ */ e(at, { size: 20, strokeWidth: 2.5 }),
-  shapes: /* @__PURE__ */ e(mo, { size: 20, strokeWidth: 2.5 }),
-  actions: /* @__PURE__ */ e(go, { size: 20, strokeWidth: 2.5 }),
-  communication: /* @__PURE__ */ e(Io, { size: 20, strokeWidth: 2.5 })
-}, Ir = ({
+  shapes: /* @__PURE__ */ e(pr, { size: 20, strokeWidth: 2.5 }),
+  actions: /* @__PURE__ */ e(mr, { size: 20, strokeWidth: 2.5 }),
+  communication: /* @__PURE__ */ e(gr, { size: 20, strokeWidth: 2.5 })
+}, Io = ({
   selectedCategory: n,
-  onCategoryChange: r
+  onCategoryChange: o
 }) => /* @__PURE__ */ e(Jn, { gap: "0px", justify: "center", wrap: "wrap", children: $e.map((t) => {
-  const o = gr[t.id];
+  const r = go[t.id];
   return /* @__PURE__ */ e(
     Ue,
     {
@@ -4185,7 +4185,7 @@ const $e = [
       children: /* @__PURE__ */ e(
         b,
         {
-          onClick: () => r(t.id),
+          onClick: () => o(t.id),
           style: {
             width: "40px",
             height: "40px",
@@ -4204,16 +4204,16 @@ const $e = [
           onMouseLeave: (i) => {
             i.currentTarget.style.backgroundColor = n === t.id ? "var(--mantine-color-gray-0)" : "transparent";
           },
-          children: o
+          children: r
         }
       )
     },
     t.id
   );
 }) }), bt = Mn(
-  ({ onIconSelect: n, height: r = 358 }) => {
+  ({ onIconSelect: n, height: o = 358 }) => {
     var m, w;
-    const [t, o] = O(""), [i, a] = O("recent"), [c, s] = O(!1), [l, d] = O([]);
+    const [t, r] = O(""), [i, a] = O("recent"), [c, s] = O(!1), [l, d] = O([]);
     Qn(() => {
       if (typeof window < "u") {
         const y = localStorage.getItem("avatar-icon-recent");
@@ -4274,20 +4274,20 @@ const $e = [
       [n, u]
     ), g = j(
       (y) => {
-        i !== y && (o(""), a(y), requestAnimationFrame(() => {
+        i !== y && (r(""), a(y), requestAnimationFrame(() => {
           s(!0), setTimeout(() => s(!1), 100);
         }));
       },
       [i]
     );
-    return /* @__PURE__ */ v(W, { gap: 0, style: { height: r, width: "100%" }, children: [
+    return /* @__PURE__ */ v(W, { gap: 0, style: { height: o, width: "100%" }, children: [
       /* @__PURE__ */ e(b, { p: "sm", pb: "xs", children: /* @__PURE__ */ v(W, { gap: "xs", children: [
         /* @__PURE__ */ e(
           kn,
           {
             placeholder: t.trim() ? "Search all icons..." : `Search in ${(m = $e.find((y) => y.id === i)) == null ? void 0 : m.name}...`,
             value: t,
-            onChange: (y) => o(y.target.value),
+            onChange: (y) => r(y.target.value),
             leftSection: /* @__PURE__ */ e(zn, { size: 16 }),
             fw: 500,
             size: "sm",
@@ -4332,7 +4332,7 @@ const $e = [
           py: "xs",
           style: { borderTop: "1px solid var(--mantine-color-gray-3)" },
           children: /* @__PURE__ */ e(
-            Ir,
+            Io,
             {
               selectedCategory: i,
               onCategoryChange: g
@@ -4344,11 +4344,11 @@ const $e = [
   }
 );
 bt.displayName = "IconGrid";
-const yr = ({
+const yo = ({
   previewImage: n,
-  fileInputRef: r,
+  fileInputRef: o,
   selectedEmoji: t,
-  size: o,
+  size: r,
   loading: i,
   onFileInputClick: a,
   onImageChange: c,
@@ -4363,12 +4363,12 @@ const yr = ({
         src: n,
         radius: "md",
         style: {
-          width: `${Re(o)}px !important`,
-          height: `${Re(o)}px !important`,
-          minWidth: `${Re(o)}px`,
-          minHeight: `${Re(o)}px`,
-          maxWidth: `${Re(o)}px`,
-          maxHeight: `${Re(o)}px`,
+          width: `${Re(r)}px !important`,
+          height: `${Re(r)}px !important`,
+          minWidth: `${Re(r)}px`,
+          minHeight: `${Re(r)}px`,
+          maxWidth: `${Re(r)}px`,
+          maxHeight: `${Re(r)}px`,
           border: "1px solid var(--mantine-color-gray-4)",
           objectFit: "cover",
           boxSizing: "border-box"
@@ -4409,7 +4409,7 @@ const yr = ({
   /* @__PURE__ */ e(
     "input",
     {
-      ref: r,
+      ref: o,
       type: "file",
       accept: "image/jpeg,image/jpg,image/png,image/gif,image/webp",
       onChange: (d) => {
@@ -4444,30 +4444,30 @@ const yr = ({
     )
   ] }),
   /* @__PURE__ */ e(T, { size: "xs", c: "var(--mantine-color-gray-6)", ta: "center", children: "Supported formats: JPG, PNG, GIF, WebP" })
-] }) }), vr = ({ onEmojiSelect: n }) => /* @__PURE__ */ e(mr, { onEmojiSelect: n, height: 358 }), xr = ({ onIconSelect: n }) => /* @__PURE__ */ e(bt, { onIconSelect: n, height: 358 }), wr = ({
+] }) }), vo = ({ onEmojiSelect: n }) => /* @__PURE__ */ e(mo, { onEmojiSelect: n, height: 358 }), xo = ({ onIconSelect: n }) => /* @__PURE__ */ e(bt, { onIconSelect: n, height: 358 }), wo = ({
   previewImage: n,
-  selectedEmoji: r,
+  selectedEmoji: o,
   size: t,
-  loading: o,
+  loading: r,
   onFileInputClick: i,
   onImageChange: a,
   onImageAccept: c,
   onClearImagePreview: s,
   fileInputRef: l
 }) => /* @__PURE__ */ e(
-  yr,
+  yo,
   {
     previewImage: n,
     fileInputRef: l,
-    selectedEmoji: r,
+    selectedEmoji: o,
     size: t,
-    loading: o,
+    loading: r,
     onFileInputClick: i,
     onImageChange: a,
     onImageAccept: c,
     onClearImagePreview: s
   }
-), br = () => /* @__PURE__ */ e(
+), bo = () => /* @__PURE__ */ e(
   b,
   {
     style: {
@@ -4484,9 +4484,9 @@ const yr = ({
   }
 ), jn = ({
   editable: n = !0,
-  opened: r,
+  opened: o,
   onOpen: t,
-  onClose: o,
+  onClose: r,
   // New props
   avatar: i,
   onAvatarSelect: a,
@@ -4516,30 +4516,30 @@ const yr = ({
     handleIconSelect: F,
     clearImagePreview: Q,
     resetState: _
-  } = ur({
+  } = uo({
     onAvatarSelect: a
   });
-  fr({
-    opened: r,
-    onClose: o,
+  fo({
+    opened: o,
+    onClose: r,
     popoverRef: g
   }), Y(() => {
-    r || _();
-  }, [r, _]);
+    o || _();
+  }, [o, _]);
   const V = (ie) => {
-    console.log("Emoji clicked:", ie), R(ie), o();
+    console.log("Emoji clicked:", ie), R(ie), r();
   }, N = (ie) => {
-    console.log("Icon clicked:", ie), F(ie), o();
+    console.log("Icon clicked:", ie), F(ie), r();
   }, $ = (ie) => {
     ie && B(ie);
   }, H = () => {
-    k ? (L(), o()) : (M || z) && o();
-  }, re = () => {
+    k ? (L(), r()) : (M || z) && r();
+  }, oe = () => {
     h.current && h.current.click();
   }, J = () => {
     Q();
   }, q = () => {
-    console.log("Avatar removed"), c == null || c(), o();
+    console.log("Avatar removed"), c == null || c(), r();
   }, D = () => !!i, E = () => l ? /* @__PURE__ */ e(bn, { size: s, loading: !0 }) : /* @__PURE__ */ e(
     Oe,
     {
@@ -4549,24 +4549,24 @@ const yr = ({
       showPlaceholder: u,
       editable: !0,
       onClick: () => {
-        !l && !r && t();
+        !l && !o && t();
       }
     }
-  ), U = /* @__PURE__ */ e(vr, { onEmojiSelect: V }), P = /* @__PURE__ */ e(xr, { onIconSelect: N }), X = /* @__PURE__ */ e(
-    wr,
+  ), U = /* @__PURE__ */ e(vo, { onEmojiSelect: V }), P = /* @__PURE__ */ e(xo, { onIconSelect: N }), X = /* @__PURE__ */ e(
+    wo,
     {
       previewImage: S,
       selectedEmoji: M,
       size: s,
       loading: l,
-      onFileInputClick: re,
+      onFileInputClick: oe,
       onImageChange: $,
       onImageAccept: H,
       onClearImagePreview: J,
       fileInputRef: h
     }
   ), de = /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(
-    hr,
+    ho,
     {
       selectedTab: w,
       tabHovered: y,
@@ -4579,9 +4579,9 @@ const yr = ({
   ) }), G = /* @__PURE__ */ e("div", { style: { position: "relative", display: "inline-block" }, children: /* @__PURE__ */ v(
     je,
     {
-      opened: r,
+      opened: o,
       onClose: () => {
-        console.log("Popover onClose called"), o();
+        console.log("Popover onClose called"), r();
       },
       position: p,
       withinPortal: f,
@@ -4599,7 +4599,7 @@ const yr = ({
             ref: g,
             p: 0,
             style: { width: "auto", overflow: "hidden", zIndex: I },
-            children: /* @__PURE__ */ e(Zt, { fallback: /* @__PURE__ */ e(br, {}), children: de })
+            children: /* @__PURE__ */ e(Zt, { fallback: /* @__PURE__ */ e(bo, {}), children: de })
           }
         )
       ]
@@ -4614,42 +4614,42 @@ const yr = ({
       showPlaceholder: u
     }
   ) });
-}, Mr = (n) => {
+}, Mo = (n) => {
   if (!n || typeof n != "string")
     return !1;
-  const r = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-  return n.length < 5 || n.length > 254 ? !1 : r.test(n.trim());
-}, Sr = (n) => {
-  const r = [];
+  const o = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+  return n.length < 5 || n.length > 254 ? !1 : o.test(n.trim());
+}, So = (n) => {
+  const o = [];
   return n.forEach((t) => {
-    Mr(t) || r.push({
+    Mo(t) || o.push({
       email: t,
       error: "Please enter a valid email address"
     });
   }), {
-    isValid: r.length === 0,
-    errors: r
+    isValid: o.length === 0,
+    errors: o
   };
-}, kr = (n) => {
-  const r = [], t = /* @__PURE__ */ new Set();
-  return n.forEach((o) => {
-    const i = o.toLowerCase().trim();
-    t.has(i) ? r.push({
-      email: o,
+}, ko = (n) => {
+  const o = [], t = /* @__PURE__ */ new Set();
+  return n.forEach((r) => {
+    const i = r.toLowerCase().trim();
+    t.has(i) ? o.push({
+      email: r,
       error: "This email has already been added"
     }) : t.add(i);
-  }), r;
-}, Cr = (n) => {
-  const r = Sr(n), t = kr(n), o = [...r.errors, ...t];
+  }), o;
+}, Co = (n) => {
+  const o = So(n), t = ko(n), r = [...o.errors, ...t];
   return {
-    isValid: o.length === 0,
-    errors: o
+    isValid: r.length === 0,
+    errors: r
   };
-}, Or = ({
+}, Oo = ({
   value: n,
-  onChange: r,
+  onChange: o,
   onInputChange: t,
-  suggestedUsers: o = [],
+  suggestedUsers: r = [],
   tagDisplayMap: i = {}
 }) => {
   const [a, c] = O(""), [s, l] = O(
@@ -4657,14 +4657,14 @@ const yr = ({
   ), d = Z(null), u = n.map((g) => {
     if (i[g])
       return i[g];
-    const m = o.find((w) => w.email === g);
+    const m = r.find((w) => w.email === g);
     return m && m.name ? m.name : g;
   });
   Y(() => {
     t && t(a);
   }, [a, t]), Y(() => {
     if (n.length > 0) {
-      const g = Cr(n);
+      const g = Co(n);
       l(g.errors);
     } else
       l([]);
@@ -4685,7 +4685,7 @@ const yr = ({
   }, []);
   const p = j(
     (g) => {
-      const m = o.map((y) => ({
+      const m = r.map((y) => ({
         name: y.name || y.email,
         email: y.email
       })), w = g.map((y) => {
@@ -4697,9 +4697,9 @@ const yr = ({
         const z = M.name.toLowerCase(), k = y.toLowerCase();
         return z.startsWith(k) && k !== z;
       }));
-      r(w), c("");
+      o(w), c("");
     },
-    [r, o]
+    [o, r]
   ), f = j(() => {
     d.current && (d.current.value = "", c(""));
   }, []), I = s.length === 0 && n.length > 0, h = j(
@@ -4720,9 +4720,9 @@ const yr = ({
   };
 }, Mt = ({
   onInvite: n,
-  onUpdateRole: r,
+  onUpdateRole: o,
   onRemoveUser: t,
-  invitedUsers: o = [],
+  invitedUsers: r = [],
   suggestedUsers: i = [],
   roleOptions: a = []
 }) => {
@@ -4746,7 +4746,7 @@ const yr = ({
   ), z = (R, F, Q) => {
     n && n(R, F, Q), s([]), p("");
   }, k = (R, F) => {
-    r && r(R, F);
+    o && o(R, F);
   }, C = (R) => {
     t && t(R);
   }, x = (R) => {
@@ -4788,9 +4788,9 @@ const yr = ({
 }, St = qt(
   ({
     value: n,
-    onChange: r,
+    onChange: o,
     placeholder: t = "Add one or more emails",
-    onInvite: o,
+    onInvite: r,
     roleOptions: i = [],
     selectedRole: a,
     onRoleChange: c,
@@ -4808,14 +4808,14 @@ const yr = ({
       handleEmailChange: w,
       clearInput: y,
       handleInvite: S
-    } = Or({
+    } = Oo({
       value: n,
-      onChange: r,
+      onChange: o,
       onInputChange: s,
       suggestedUsers: l,
       tagDisplayMap: d
     }), M = () => {
-      S(o, a, p), f("");
+      S(r, a, p), f("");
     };
     Xt(
       u,
@@ -4838,7 +4838,7 @@ const yr = ({
               marginRight: "-8px"
             },
             children: /* @__PURE__ */ e(
-              eo,
+              er,
               {
                 ref: I,
                 value: h,
@@ -4939,7 +4939,7 @@ const yr = ({
       ] })
     ] });
   }
-), zr = (n) => {
+), zo = (n) => {
   switch (n) {
     case "member":
       return "green";
@@ -4954,7 +4954,7 @@ const yr = ({
     default:
       return "gray";
   }
-}, Dr = (n) => {
+}, Do = (n) => {
   switch (n) {
     case "member":
       return "Member";
@@ -4969,7 +4969,7 @@ const yr = ({
     default:
       return "Unknown";
   }
-}, Rr = (n) => {
+}, Ro = (n) => {
   if (n) {
     if (typeof n == "object" && "type" in n)
       return n;
@@ -4978,9 +4978,9 @@ const yr = ({
   }
 }, tn = ({
   user: n,
-  isSelected: r = !1,
+  isSelected: o = !1,
   onToggle: t,
-  onUpdateRole: o,
+  onUpdateRole: r,
   onRemoveUser: i,
   roleOptions: a = [],
   variant: c = "invited",
@@ -4990,9 +4990,9 @@ const yr = ({
   const l = ((m = n.name) == null ? void 0 : m.trim()) || n.email, d = () => {
     t && t(n.id);
   }, u = (w) => {
-    if (o) {
+    if (r) {
       const y = w;
-      o(n.id, y);
+      r(n.id, y);
     }
   }, p = c === "suggested" || c === "read-only", f = c === "invited" && a.length > 0, [I, h] = O(!1);
   return /* @__PURE__ */ v(
@@ -5018,7 +5018,7 @@ const yr = ({
           /* @__PURE__ */ e(
             Oe,
             {
-              avatar: Rr(n.avatar),
+              avatar: Ro(n.avatar),
               size: "md",
               placeholder: l,
               showPlaceholder: !0
@@ -5035,9 +5035,9 @@ const yr = ({
                 {
                   size: "xs",
                   variant: "light",
-                  color: zr(n.status),
+                  color: zo(n.status),
                   radius: "sm",
-                  children: Dr(n.status)
+                  children: Do(n.status)
                 }
               )
             ] }),
@@ -5046,9 +5046,9 @@ const yr = ({
         ] }),
         /* @__PURE__ */ v(A, { gap: "sm", align: "center", children: [
           p && c !== "read-only" && /* @__PURE__ */ e(
-            no,
+            nr,
             {
-              checked: r,
+              checked: o,
               onChange: d,
               size: "sm",
               onClick: (w) => w.stopPropagation(),
@@ -5071,11 +5071,11 @@ const yr = ({
       ]
     }
   );
-}, Tr = ({
+}, To = ({
   opened: n,
-  onClose: r,
+  onClose: o,
   onInvite: t,
-  onUpdateRole: o,
+  onUpdateRole: r,
   onRemoveUser: i,
   invitedUsers: a = [],
   children: c,
@@ -5103,7 +5103,7 @@ const yr = ({
     handleAddSuggestedUser: R
   } = Mt({
     onInvite: t,
-    onUpdateRole: o,
+    onUpdateRole: r,
     onRemoveUser: i,
     invitedUsers: a,
     suggestedUsers: l,
@@ -5296,7 +5296,7 @@ const yr = ({
       trigger: c,
       menuItems: [],
       opened: n,
-      onClose: r,
+      onClose: o,
       styles: {
         dropdown: {
           padding: "0",
@@ -5308,9 +5308,9 @@ const yr = ({
   );
 }, Ti = ({
   onInvite: n,
-  onUpdateRole: r,
+  onUpdateRole: o,
   onRemoveUser: t,
-  invitedUsers: o,
+  invitedUsers: r,
   currentUser: i,
   roleOptions: a,
   suggestedUsers: c,
@@ -5318,14 +5318,14 @@ const yr = ({
 }) => {
   const [l, d] = O(!1);
   return /* @__PURE__ */ e(
-    Tr,
+    To,
     {
       opened: l,
       onClose: () => d(!1),
       onInvite: n,
-      onUpdateRole: r,
+      onUpdateRole: o,
       onRemoveUser: t,
-      invitedUsers: o,
+      invitedUsers: r,
       currentUser: i,
       roleOptions: a,
       suggestedUsers: c,
@@ -5341,9 +5341,9 @@ const yr = ({
   );
 }, Ei = ({
   opened: n,
-  onClose: r,
+  onClose: o,
   onInvite: t,
-  onUpdateRole: o,
+  onUpdateRole: r,
   onRemoveUser: i,
   invitedUsers: a = [],
   roleOptions: c = [],
@@ -5366,7 +5366,7 @@ const yr = ({
     handleAddSuggestedUser: k
   } = Mt({
     onInvite: t,
-    onUpdateRole: o,
+    onUpdateRole: r,
     onRemoveUser: i,
     invitedUsers: a,
     suggestedUsers: s,
@@ -5378,7 +5378,7 @@ const yr = ({
     Cn,
     {
       opened: n,
-      onClose: r,
+      onClose: o,
       size: "md",
       withCloseButton: !1,
       radius: "md",
@@ -5393,9 +5393,9 @@ const yr = ({
           /* @__PURE__ */ e(
             he,
             {
-              icon: ot,
+              icon: rt,
               size: "md",
-              onClick: r,
+              onClick: o,
               color: "var(--mantine-color-gray-8)"
             }
           )
@@ -5484,9 +5484,9 @@ const yr = ({
   );
 }, Bi = ({
   opened: n,
-  onClose: r,
+  onClose: o,
   options: t = [],
-  onSave: o,
+  onSave: r,
   onCancel: i,
   groups: a = [],
   styles: c
@@ -5496,11 +5496,11 @@ const yr = ({
     n && t.length > 0 ? l(t[0].id) : n || l("");
   }, [n, t]);
   const d = () => {
-    o && o(), r();
+    r && r(), o();
   }, u = () => {
-    i && i(), r();
+    i && i(), o();
   }, p = () => {
-    r();
+    o();
   }, f = t.find(
     (I) => I.id === s
   );
@@ -5576,8 +5576,8 @@ const yr = ({
       ]
     }
   );
-}, Er = (n, r = "es") => {
-  const t = /* @__PURE__ */ new Date(), o = typeof n == "string" ? new Date(n) : n, i = Math.floor((t.getTime() - o.getTime()) / 1e3), a = {
+}, Eo = (n, o = "es") => {
+  const t = /* @__PURE__ */ new Date(), r = typeof n == "string" ? new Date(n) : n, i = Math.floor((t.getTime() - r.getTime()) / 1e3), a = {
     es: {
       now: "ahora",
       seconds: "segundos",
@@ -5614,50 +5614,50 @@ const yr = ({
       year: "year",
       ago: "ago"
     }
-  }, c = a[r] || a.en;
+  }, c = a[o] || a.en;
   if (i < 5)
     return c.now;
   if (i < 60)
-    return r === "es" ? `${c.ago} ${i} ${i === 1 ? c.second : c.seconds}` : `${i} ${i === 1 ? c.second : c.seconds} ${c.ago}`;
+    return o === "es" ? `${c.ago} ${i} ${i === 1 ? c.second : c.seconds}` : `${i} ${i === 1 ? c.second : c.seconds} ${c.ago}`;
   const s = Math.floor(i / 60);
   if (s < 60)
-    return r === "es" ? `${c.ago} ${s} ${s === 1 ? c.minute : c.minutes}` : `${s} ${s === 1 ? c.minute : c.minutes} ${c.ago}`;
+    return o === "es" ? `${c.ago} ${s} ${s === 1 ? c.minute : c.minutes}` : `${s} ${s === 1 ? c.minute : c.minutes} ${c.ago}`;
   const l = Math.floor(s / 60);
   if (l < 24)
-    return r === "es" ? `${c.ago} ${l} ${l === 1 ? c.hour : c.hours}` : `${l} ${l === 1 ? c.hour : c.hours} ${c.ago}`;
+    return o === "es" ? `${c.ago} ${l} ${l === 1 ? c.hour : c.hours}` : `${l} ${l === 1 ? c.hour : c.hours} ${c.ago}`;
   const d = Math.floor(l / 24);
   if (d < 7)
-    return r === "es" ? `${c.ago} ${d} ${d === 1 ? c.day : c.days}` : `${d} ${d === 1 ? c.day : c.days} ${c.ago}`;
+    return o === "es" ? `${c.ago} ${d} ${d === 1 ? c.day : c.days}` : `${d} ${d === 1 ? c.day : c.days} ${c.ago}`;
   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}`;
+    return o === "es" ? `${c.ago} ${u} ${u === 1 ? c.week : c.weeks}` : `${u} ${u === 1 ? c.week : c.weeks} ${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}`;
+    return o === "es" ? `${c.ago} ${p} ${p === 1 ? c.month : c.months}` : `${p} ${p === 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}`;
-}, Br = (n, r = "es") => {
-  const t = typeof n == "string" ? new Date(n) : n, o = {
+  return o === "es" ? `${c.ago} ${f} ${f === 1 ? c.year : c.years}` : `${f} ${f === 1 ? c.year : c.years} ${c.ago}`;
+}, Bo = (n, o = "es") => {
+  const t = typeof n == "string" ? new Date(n) : n, r = {
     es: ["Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Ago", "Sep", "Oct", "Nov", "Dic"],
     en: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
-  }, a = (o[r] || o.en)[t.getMonth()], c = t.getDate();
-  return r === "es" ? `${c} ${a}` : `${a} ${c}`;
-}, Ar = (n) => {
-  const r = typeof n == "string" ? new Date(n) : n, t = /* @__PURE__ */ new Date();
-  return r.toDateString() === t.toDateString();
-}, Lr = (n) => {
-  const r = typeof n == "string" ? new Date(n) : n, t = /* @__PURE__ */ new Date();
-  return t.setDate(t.getDate() - 1), r.toDateString() === t.toDateString();
-}, jr = (n, r = "es") => Ar(n) ? r === "es" ? "Hoy" : "Today" : Lr(n) ? r === "es" ? "Ayer" : "Yesterday" : Er(n, r), Fr = ({
+  }, a = (r[o] || r.en)[t.getMonth()], c = t.getDate();
+  return o === "es" ? `${c} ${a}` : `${a} ${c}`;
+}, Ao = (n) => {
+  const o = typeof n == "string" ? new Date(n) : n, t = /* @__PURE__ */ new Date();
+  return o.toDateString() === t.toDateString();
+}, Lo = (n) => {
+  const o = typeof n == "string" ? new Date(n) : n, t = /* @__PURE__ */ new Date();
+  return t.setDate(t.getDate() - 1), o.toDateString() === t.toDateString();
+}, jo = (n, o = "es") => Ao(n) ? o === "es" ? "Hoy" : "Today" : Lo(n) ? o === "es" ? "Ayer" : "Yesterday" : Eo(n, o), Fo = ({
   notification: n,
-  message: r,
+  message: o,
   markAsRead: t,
-  archiveNotification: o,
+  archiveNotification: r,
   children: i,
   actions: a
 }) => {
   var u, p, f, I, h;
-  const c = (/* @__PURE__ */ new Date()).getTime() - new Date(n.timestamp).getTime() < 6048e5 ? jr(n.timestamp, "en") : Br(n.timestamp, "en"), [s, l] = O(!1), d = /* @__PURE__ */ v(
+  const c = (/* @__PURE__ */ new Date()).getTime() - new Date(n.timestamp).getTime() < 6048e5 ? jo(n.timestamp, "en") : Bo(n.timestamp, "en"), [s, l] = O(!1), d = /* @__PURE__ */ v(
     A,
     {
       bg: "var(--mantine-color-gray-1)",
@@ -5671,13 +5671,13 @@ const yr = ({
           he,
           {
             onClick: () => t(n.id),
-            icon: rn
+            icon: on
           }
         ),
         !n.isArchived && /* @__PURE__ */ e(
           he,
           {
-            onClick: () => o(n.id),
+            onClick: () => r(n.id),
             icon: wn
           }
         )
@@ -5715,7 +5715,7 @@ const yr = ({
                   radius: "md",
                   src: (f = n.metadata) == null ? void 0 : f.avatar_url
                 }
-              ) : /* @__PURE__ */ e(Ho, { size: "xs", showText: !1, radius: "xs" }),
+              ) : /* @__PURE__ */ e($r, { size: "xs", showText: !1, radius: "xs" }),
               /* @__PURE__ */ v(W, { gap: "xs", justify: "flex-start", w: "100%", children: [
                 /* @__PURE__ */ e(
                   b,
@@ -5734,7 +5734,7 @@ const yr = ({
                       whiteSpace: "normal",
                       wordBreak: "break-word"
                     },
-                    children: r
+                    children: o
                   }
                 ),
                 /* @__PURE__ */ v(T, { size: "xs", c: "dimmed", fw: 500, style: { whiteSpace: "nowrap" }, children: [
@@ -5771,18 +5771,18 @@ const yr = ({
       ]
     }
   );
-}, Ur = (n, r, t, o, i) => {
+}, Uo = (n, o, t, r, i) => {
   const [a, c] = O(!1), s = Z(null), l = Z(null), d = Z(null);
   Y(() => {
     c(n);
   }, [n]);
   const u = j(
     (f) => {
-      f[0].isIntersecting && o && !i && t && t();
+      f[0].isIntersecting && r && !i && t && t();
     },
-    [o, i, t]
+    [r, i, t]
   ), p = j(() => {
-    if (!(!s.current || !n || !r || !t)) {
+    if (!(!s.current || !n || !o || !t)) {
       l.current && (l.current.disconnect(), l.current = null);
       try {
         const f = new IntersectionObserver(u, {
@@ -5794,9 +5794,9 @@ const yr = ({
         console.error("Failed to setup intersection observer:", f);
       }
     }
-  }, [n, r, t, u]);
+  }, [n, o, t, u]);
   return Y(() => {
-    if (d.current && (clearTimeout(d.current), d.current = null), !n || !r || !t) {
+    if (d.current && (clearTimeout(d.current), d.current = null), !n || !o || !t) {
       l.current && (l.current.disconnect(), l.current = null);
       return;
     }
@@ -5810,7 +5810,7 @@ const yr = ({
     return p(), () => {
       d.current && (clearTimeout(d.current), d.current = null), l.current && (l.current.disconnect(), l.current = null);
     };
-  }, [n, r, t, p]), Y(() => () => {
+  }, [n, o, t, p]), Y(() => () => {
     d.current && clearTimeout(d.current), l.current && l.current.disconnect();
   }, []), {
     isActive: a,
@@ -5818,9 +5818,9 @@ const yr = ({
   };
 }, Ai = ({
   notifications: n,
-  isLoading: r = !1,
+  isLoading: o = !1,
   isLoadingMore: t = !1,
-  hasMore: o = !1,
+  hasMore: r = !1,
   unreadCount: i = 0,
   markAllAsRead: a,
   archiveAllNotifications: c,
@@ -5868,7 +5868,7 @@ const yr = ({
       active: p === "archived"
     }
   ], S = (k) => f && k.category && ["welcome", "upgrade"].includes(k.category) ? f(k, s, l) : /* @__PURE__ */ e(
-    Fr,
+    Fo,
     {
       notification: k,
       markAsRead: s,
@@ -5877,12 +5877,12 @@ const yr = ({
       actions: k.actions
     },
     k.id
-  ), { isActive: M, loadMoreRef: z } = Ur(
+  ), { isActive: M, loadMoreRef: z } = Uo(
     I,
     m,
     d || (() => {
     }),
-    o,
+    r,
     t
   );
   return /* @__PURE__ */ v(me, { children: [
@@ -5891,7 +5891,7 @@ const yr = ({
       {
         isActive: M,
         icon: /* @__PURE__ */ e(
-          yo,
+          Ir,
           {
             strokeWidth: 2,
             size: 20,
@@ -5973,7 +5973,7 @@ const yr = ({
                               {
                                 position: "bottom-end",
                                 menuItems: y,
-                                trigger: /* @__PURE__ */ e(he, { icon: rt })
+                                trigger: /* @__PURE__ */ e(he, { icon: ot })
                               }
                             ),
                             /* @__PURE__ */ e(
@@ -6000,7 +6000,7 @@ const yr = ({
                   }
                 ),
                 /* @__PURE__ */ v(b, { style: { flex: 1, overflow: "auto" }, children: [
-                  r && n.length === 0 ? /* @__PURE__ */ e(
+                  o && n.length === 0 ? /* @__PURE__ */ e(
                     W,
                     {
                       gap: 0,
@@ -6023,7 +6023,7 @@ const yr = ({
                       align: "center",
                       py: "xl",
                       children: [
-                        /* @__PURE__ */ e(vo, { size: 24, color: "var(--mantine-color-gray-6)" }),
+                        /* @__PURE__ */ e(yr, { size: 24, color: "var(--mantine-color-gray-6)" }),
                         /* @__PURE__ */ e(T, { size: "sm", fw: 500, c: "dimmed", ta: "center", mt: "sm", children: "No new updates" })
                       ]
                     }
@@ -6049,7 +6049,7 @@ const yr = ({
                     /* @__PURE__ */ e(Se, { size: "sm", color: "gray.5" }),
                     /* @__PURE__ */ e(T, { size: "sm", c: "dimmed", fw: 500, children: "Loading more ..." })
                   ] }),
-                  !m && o && d && /* @__PURE__ */ e(
+                  !m && r && d && /* @__PURE__ */ e(
                     ce,
                     {
                       color: "var(--mantine-color-gray-3)",
@@ -6071,9 +6071,9 @@ const yr = ({
   ] });
 }, _n = ({
   header: n,
-  body: r,
+  body: o,
   footer: t,
-  withBorder: o = !0,
+  withBorder: r = !0,
   position: i = "left",
   bg: a = "var(--mantine-color-gray-0)"
 }) => {
@@ -6086,7 +6086,7 @@ const yr = ({
       p: "sm",
       bg: a,
       style: (() => {
-        if (!o)
+        if (!r)
           return {};
         const d = "var(--mantine-color-gray-3)", u = "1px";
         return i === "left" ? { borderRight: `${u} solid ${d}` } : i === "right" ? { borderLeft: `${u} solid ${d}` } : {};
@@ -6095,11 +6095,11 @@ const yr = ({
       onMouseLeave: () => s(!1),
       children: [
         n && /* @__PURE__ */ e(b, { children: typeof n == "function" ? n({ hovered: c }) : n }),
-        r && /* @__PURE__ */ e(
+        o && /* @__PURE__ */ e(
           b,
           {
             style: { flex: 1, minHeight: 0, width: "100%", overflow: "hidden" },
-            children: typeof r == "function" ? r({ hovered: c }) : r
+            children: typeof o == "function" ? o({ hovered: c }) : o
           }
         ),
         t && /* @__PURE__ */ e(b, { children: typeof t == "function" ? t({ hovered: c }) : t })
@@ -6110,12 +6110,12 @@ const yr = ({
   children: n
 }) => {
   const [
-    r,
-    { open: t, close: o }
+    o,
+    { open: t, close: r }
   ] = Xe(!1), i = {
-    openedNotificationSidebar: r,
+    openedNotificationSidebar: o,
     openNotificationSidebar: t,
-    closeNotificationSidebar: o
+    closeNotificationSidebar: r
   };
   return /* @__PURE__ */ e(kt.Provider, { value: i, children: n });
 }, ji = () => {
@@ -6123,17 +6123,17 @@ const yr = ({
   if (n === void 0)
     throw new Error("useNavbar must be used within an NavbarProvider");
   return n;
-}, Nr = ({
+}, No = ({
   workspace: n,
-  currentUserId: r,
+  currentUserId: o,
   currentWorkspaceId: t,
-  onClick: o
+  onClick: r
 }) => {
-  const i = t === n.id, a = r && n.ownerId === r;
+  const i = t === n.id, a = o && n.ownerId === o;
   return /* @__PURE__ */ v(
     b,
     {
-      onClick: o,
+      onClick: r,
       style: {
         display: "flex",
         alignItems: "center",
@@ -6186,7 +6186,7 @@ const yr = ({
               paddingLeft: "8px"
             },
             children: [
-              i && /* @__PURE__ */ e(rn, { size: 16, color: "var(--mantine-color-blue-6)" }),
+              i && /* @__PURE__ */ e(on, { size: 16, color: "var(--mantine-color-blue-6)" }),
               a && /* @__PURE__ */ e(Ke, { size: "xs", variant: "light", color: "yellow", radius: "sm", children: "Owner" })
             ]
           }
@@ -6194,16 +6194,16 @@ const yr = ({
       ]
     }
   );
-}, Wr = "workspace-selector-module__menuItem___FSB6P", $r = "workspace-selector-module__workspaceButton___-P6kp", Hr = "workspace-selector-module__workspaceText___YDAlj", Pr = "workspace-selector-module__scrollWrapper___MzrJY", yn = {
-  menuItem: Wr,
-  workspaceButton: $r,
-  workspaceText: Hr,
-  scrollWrapper: Pr
+}, Wo = "workspace-selector-module__menuItem___FSB6P", $o = "workspace-selector-module__workspaceButton___-P6kp", Ho = "workspace-selector-module__workspaceText___YDAlj", Po = "workspace-selector-module__scrollWrapper___MzrJY", yn = {
+  menuItem: Wo,
+  workspaceButton: $o,
+  workspaceText: Ho,
+  scrollWrapper: Po
 }, Fi = ({
   workspaces: n = [],
-  currentWorkspace: r,
+  currentWorkspace: o,
   currentUserId: t,
-  isLoading: o = !1,
+  isLoading: r = !1,
   error: i = null,
   onWorkspaceSelect: a,
   onCreateWorkspace: c,
@@ -6224,15 +6224,15 @@ const yr = ({
   ) : n, [n, w]), M = (C) => {
     a == null || a(C.id), m(!1), y("");
   };
-  if (o)
+  if (r)
     return /* @__PURE__ */ v(A, { gap: "xs", children: [
       /* @__PURE__ */ e(Se, { size: "sm" }),
       /* @__PURE__ */ e(T, { size: "sm", c: "dimmed", children: l })
     ] });
   if (i)
-    return /* @__PURE__ */ e(to, { color: "red", title: "Error", children: d });
+    return /* @__PURE__ */ e(tr, { color: "red", title: "Error", children: d });
   const [z, k] = O(f);
-  return n.length === 0 && !o && !i ? /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(T, { size: "sm", c: "dimmed", children: s }) }) : /* @__PURE__ */ v(
+  return n.length === 0 && !r && !i ? /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(T, { size: "sm", c: "dimmed", children: s }) }) : /* @__PURE__ */ v(
     pe,
     {
       opened: g,
@@ -6269,13 +6269,13 @@ const yr = ({
                 gap: "xs",
                 wrap: "nowrap",
                 style: { width: "100%", overflow: "hidden" },
-                children: r ? /* @__PURE__ */ v(me, { children: [
+                children: o ? /* @__PURE__ */ v(me, { children: [
                   /* @__PURE__ */ e(
                     Oe,
                     {
                       size: "xs",
-                      avatar: typeof r.avatar == "string" ? { type: "image", value: r.avatar } : r.avatar,
-                      placeholder: r.name,
+                      avatar: typeof o.avatar == "string" ? { type: "image", value: o.avatar } : o.avatar,
+                      placeholder: o.name,
                       showPlaceholder: !0,
                       style: { flexShrink: 0 }
                     }
@@ -6288,7 +6288,7 @@ const yr = ({
                       c: "gray.9",
                       truncate: !0,
                       style: { flex: 1, minWidth: 0 },
-                      children: r.name
+                      children: o.name
                     }
                   ),
                   /* @__PURE__ */ v(A, { gap: 4, wrap: "nowrap", style: { flexShrink: 0 }, children: [
@@ -6369,11 +6369,11 @@ const yr = ({
                       x.currentTarget.style.backgroundColor = "transparent";
                     },
                     children: /* @__PURE__ */ e(
-                      Nr,
+                      No,
                       {
                         workspace: C,
                         currentUserId: t,
-                        currentWorkspaceId: r == null ? void 0 : r.id,
+                        currentWorkspaceId: o == null ? void 0 : o.id,
                         onClick: () => M(C)
                       }
                     )
@@ -6407,7 +6407,7 @@ const yr = ({
   );
 }, Ct = ({
   children: n,
-  style: r,
+  style: o,
   ...t
 }) => /* @__PURE__ */ e(
   b,
@@ -6425,7 +6425,7 @@ const yr = ({
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      ...r
+      ...o
     },
     ...t,
     children: n
@@ -6434,14 +6434,14 @@ const yr = ({
 Ct.displayName = "MatrixCenter";
 const Ot = ({
   children: n,
-  style: r,
+  style: o,
   size: t = "50px",
-  state: o = "empty",
+  state: r = "empty",
   onStateChange: i,
   interactive: a = !0,
   ...c
 }) => {
-  const [s, l] = O(o), [d, u] = O(!1), p = i ? o : a ? s : o, f = () => {
+  const [s, l] = O(r), [d, u] = O(!1), p = i ? r : a ? s : r, f = () => {
     if (!a)
       return;
     const g = ["empty", "outline", "filled"], w = (g.indexOf(p) + 1) % g.length, y = g[w];
@@ -6452,7 +6452,7 @@ const Ot = ({
         return null;
       case "outline":
         return /* @__PURE__ */ e(
-          wo,
+          xr,
           {
             size: 16,
             color: "var(--mantine-color-gray-8)",
@@ -6461,7 +6461,7 @@ const Ot = ({
         );
       case "filled":
         return /* @__PURE__ */ e(
-          xo,
+          vr,
           {
             size: 16,
             color: "var(--mantine-color-gray-8)",
@@ -6499,7 +6499,7 @@ const Ot = ({
         boxShadow: d && a ? "0 2px 8px rgba(0, 0, 0, 0.15)" : "none",
         transform: d && a ? "translateY(-1px)" : "translateY(0)",
         border: p === "outline" ? "2px solid var(--mantine-color-gray-0)" : "2px solid transparent",
-        ...r
+        ...o
       },
       onClick: f,
       onMouseEnter: () => u(!0),
@@ -6512,9 +6512,9 @@ const Ot = ({
 Ot.displayName = "MatrixCell";
 const zt = ({
   children: n,
-  style: r,
+  style: o,
   size: t = "50px",
-  blockId: o,
+  blockId: r,
   isVisible: i = !0,
   isDimmed: a = !1,
   shouldShowBlueBorder: c = !1,
@@ -6523,11 +6523,11 @@ const zt = ({
   ...d
 }) => {
   const [u, p] = O(!1), f = Z(null), I = Z(!1), h = () => {
-    !o || !l || (p(!0), I.current = !1, f.current = setTimeout(() => {
-      I.current = !0, l(o);
+    !r || !l || (p(!0), I.current = !1, f.current = setTimeout(() => {
+      I.current = !0, l(r);
     }, 500));
   }, g = () => {
-    o && (p(!1), f.current && (clearTimeout(f.current), f.current = null), !I.current && s && s(o), I.current = !1);
+    r && (p(!1), f.current && (clearTimeout(f.current), f.current = null), !I.current && s && s(r), I.current = !1);
   }, m = () => {
     p(!1), f.current && (clearTimeout(f.current), f.current = null), I.current = !1;
   };
@@ -6548,8 +6548,8 @@ const zt = ({
         border: c ? "2px solid var(--mantine-color-blue-5)" : "2px solid transparent",
         opacity: u ? 0.8 : a ? 0.3 : 1,
         transition: "all 0.2s ease",
-        cursor: o ? "pointer" : "default",
-        ...r
+        cursor: r ? "pointer" : "default",
+        ...o
       },
       onMouseDown: h,
       onMouseUp: g,
@@ -6562,9 +6562,9 @@ const zt = ({
 zt.displayName = "MatrixBlockLeft";
 const Dt = ({
   children: n,
-  style: r,
+  style: o,
   size: t = "50px",
-  blockId: o,
+  blockId: r,
   isVisible: i = !0,
   isDimmed: a = !1,
   shouldShowBlueBorder: c = !1,
@@ -6573,11 +6573,11 @@ const Dt = ({
   ...d
 }) => {
   const [u, p] = O(!1), f = Z(null), I = Z(!1), h = () => {
-    !o || !l || (p(!0), I.current = !1, f.current = setTimeout(() => {
-      I.current = !0, l(o);
+    !r || !l || (p(!0), I.current = !1, f.current = setTimeout(() => {
+      I.current = !0, l(r);
     }, 500));
   }, g = () => {
-    o && (p(!1), f.current && (clearTimeout(f.current), f.current = null), !I.current && s && s(o), I.current = !1);
+    r && (p(!1), f.current && (clearTimeout(f.current), f.current = null), !I.current && s && s(r), I.current = !1);
   }, m = () => {
     p(!1), f.current && (clearTimeout(f.current), f.current = null), I.current = !1;
   };
@@ -6598,8 +6598,8 @@ const Dt = ({
         border: c ? "2px solid var(--mantine-color-blue-5)" : "2px solid transparent",
         opacity: u ? 0.8 : a ? 0.3 : 1,
         transition: "all 0.2s ease",
-        cursor: o ? "pointer" : "default",
-        ...r
+        cursor: r ? "pointer" : "default",
+        ...o
       },
       onMouseDown: h,
       onMouseUp: g,
@@ -6612,9 +6612,9 @@ const Dt = ({
 Dt.displayName = "MatrixBlockRight";
 const Rt = ({
   children: n,
-  style: r,
+  style: o,
   size: t = "50px",
-  blockId: o,
+  blockId: r,
   isVisible: i = !0,
   isDimmed: a = !1,
   shouldShowBlueBorder: c = !1,
@@ -6623,11 +6623,11 @@ const Rt = ({
   ...d
 }) => {
   const [u, p] = O(!1), f = Z(null), I = Z(!1), h = () => {
-    !o || !l || (p(!0), I.current = !1, f.current = setTimeout(() => {
-      I.current = !0, l(o);
+    !r || !l || (p(!0), I.current = !1, f.current = setTimeout(() => {
+      I.current = !0, l(r);
     }, 500));
   }, g = () => {
-    o && (p(!1), f.current && (clearTimeout(f.current), f.current = null), !I.current && s && s(o), I.current = !1);
+    r && (p(!1), f.current && (clearTimeout(f.current), f.current = null), !I.current && s && s(r), I.current = !1);
   }, m = () => {
     p(!1), f.current && (clearTimeout(f.current), f.current = null), I.current = !1;
   };
@@ -6648,8 +6648,8 @@ const Rt = ({
         border: c ? "2px solid var(--mantine-color-blue-5)" : "2px solid transparent",
         opacity: u ? 0.8 : a ? 0.3 : 1,
         transition: "all 0.2s ease",
-        cursor: o ? "pointer" : "default",
-        ...r
+        cursor: r ? "pointer" : "default",
+        ...o
       },
       onMouseDown: h,
       onMouseUp: g,
@@ -6662,9 +6662,9 @@ const Rt = ({
 Rt.displayName = "MatrixBlockUp";
 const Tt = ({
   children: n,
-  style: r,
+  style: o,
   size: t = "50px",
-  blockId: o,
+  blockId: r,
   isVisible: i = !0,
   isDimmed: a = !1,
   shouldShowBlueBorder: c = !1,
@@ -6673,11 +6673,11 @@ const Tt = ({
   ...d
 }) => {
   const [u, p] = O(!1), f = Z(null), I = Z(!1), h = () => {
-    !o || !l || (p(!0), I.current = !1, f.current = setTimeout(() => {
-      I.current = !0, l(o);
+    !r || !l || (p(!0), I.current = !1, f.current = setTimeout(() => {
+      I.current = !0, l(r);
     }, 500));
   }, g = () => {
-    o && (p(!1), f.current && (clearTimeout(f.current), f.current = null), !I.current && s && s(o), I.current = !1);
+    r && (p(!1), f.current && (clearTimeout(f.current), f.current = null), !I.current && s && s(r), I.current = !1);
   }, m = () => {
     p(!1), f.current && (clearTimeout(f.current), f.current = null), I.current = !1;
   };
@@ -6698,8 +6698,8 @@ const Tt = ({
         border: c ? "2px solid var(--mantine-color-blue-5)" : "2px solid transparent",
         opacity: u ? 0.8 : a ? 0.3 : 1,
         transition: "all 0.2s ease",
-        cursor: o ? "pointer" : "default",
-        ...r
+        cursor: r ? "pointer" : "default",
+        ...o
       },
       onMouseDown: h,
       onMouseUp: g,
@@ -6712,9 +6712,9 @@ const Tt = ({
 Tt.displayName = "MatrixBlockDown";
 const Et = ({
   onLeftHover: n,
-  onRightHover: r,
+  onRightHover: o,
   onUpHover: t,
-  onDownHover: o,
+  onDownHover: r,
   showLeftControls: i = !1,
   showRightControls: a = !1,
   showUpControls: c = !1,
@@ -6723,11 +6723,11 @@ const Et = ({
   const [l, d] = O(!1), [u, p] = O(!1), [f, I] = O(!1), [h, g] = O(!1), m = (M) => {
     d(M), n == null || n(M);
   }, w = (M) => {
-    p(M), r == null || r(M);
+    p(M), o == null || o(M);
   }, y = (M) => {
     I(M), t == null || t(M);
   }, S = (M) => {
-    g(M), o == null || o(M);
+    g(M), r == null || r(M);
   };
   return /* @__PURE__ */ v(me, { children: [
     i && /* @__PURE__ */ e(
@@ -6807,9 +6807,9 @@ const Et = ({
 Et.displayName = "HoverZones";
 const Bt = ({
   onLeftPrevious: n,
-  onLeftNext: r,
+  onLeftNext: o,
   leftCurrentPage: t = 1,
-  leftTotalPages: o = 1,
+  leftTotalPages: r = 1,
   leftDisabled: i = !1,
   leftVisible: a = !1,
   onLeftHover: c,
@@ -6841,7 +6841,7 @@ const Bt = ({
   size: N = "md",
   inline: $ = !1
 }) => {
-  const H = () => o <= 1 || i ? null : /* @__PURE__ */ v(W, { gap: "xs", align: "center", children: [
+  const H = () => r <= 1 || i ? null : /* @__PURE__ */ v(W, { gap: "xs", align: "center", children: [
     /* @__PURE__ */ e(
       le,
       {
@@ -6872,15 +6872,15 @@ const Bt = ({
       {
         size: N,
         variant: "subtle",
-        onClick: r,
-        disabled: t >= o,
+        onClick: o,
+        disabled: t >= r,
         color: "gray",
         radius: "md",
         "aria-label": "Next left blocks",
         children: /* @__PURE__ */ e(Wn, { size: 16, stroke: 2 })
       }
     )
-  ] }), re = () => u <= 1 || p ? null : /* @__PURE__ */ v(W, { gap: "xs", align: "center", children: [
+  ] }), oe = () => u <= 1 || p ? null : /* @__PURE__ */ v(W, { gap: "xs", align: "center", children: [
     /* @__PURE__ */ e(
       le,
       {
@@ -6997,9 +6997,9 @@ const Bt = ({
         children: /* @__PURE__ */ e(Ve, { size: 16, stroke: 2 })
       }
     )
-  ] }), D = o > 1 && !i, E = u > 1 && !p, U = w > 1 && !y, P = x > 1 && !B;
+  ] }), D = r > 1 && !i, E = u > 1 && !p, U = w > 1 && !y, P = x > 1 && !B;
   return !D && !E && !U && !P ? null : $ ? /* @__PURE__ */ v(me, { children: [
-    D && a && n && r && /* @__PURE__ */ e(
+    D && a && n && o && /* @__PURE__ */ e(
       "div",
       {
         onMouseEnter: () => c == null ? void 0 : c(!0),
@@ -7012,7 +7012,7 @@ const Bt = ({
       {
         onMouseEnter: () => I == null ? void 0 : I(!0),
         onMouseLeave: () => I == null ? void 0 : I(!1),
-        children: re()
+        children: oe()
       }
     ),
     U && S && h && g && /* @__PURE__ */ e(
@@ -7032,7 +7032,7 @@ const Bt = ({
       }
     )
   ] }) : /* @__PURE__ */ v(me, { children: [
-    D && a && n && r && /* @__PURE__ */ e(
+    D && a && n && o && /* @__PURE__ */ e(
       b,
       {
         style: {
@@ -7065,7 +7065,7 @@ const Bt = ({
         },
         onMouseEnter: () => I == null ? void 0 : I(!0),
         onMouseLeave: () => I == null ? void 0 : I(!1),
-        children: re()
+        children: oe()
       }
     ),
     U && S && h && g && /* @__PURE__ */ e(
@@ -7109,16 +7109,16 @@ const Bt = ({
 Bt.displayName = "NavigationControls";
 const Ze = ({
   direction: n,
-  text: r,
+  text: o,
   show: t,
-  actions: o,
+  actions: r,
   currentPage: i,
   totalPages: a,
   disabled: c,
   hoverState: s,
   onHover: l
 }) => {
-  if (!r)
+  if (!o)
     return null;
   const d = {
     left: {
@@ -7147,32 +7147,32 @@ const Ze = ({
     }
   }, u = {
     left: {
-      onLeftPrevious: o.prev,
-      onLeftNext: o.next,
+      onLeftPrevious: r.prev,
+      onLeftNext: r.next,
       leftCurrentPage: i,
       leftTotalPages: a,
       leftDisabled: c,
       leftVisible: !0
     },
     right: {
-      onRightPrevious: o.prev,
-      onRightNext: o.next,
+      onRightPrevious: r.prev,
+      onRightNext: r.next,
       rightCurrentPage: i,
       rightTotalPages: a,
       rightDisabled: c,
       rightVisible: !0
     },
     up: {
-      onUpPrevious: o.prev,
-      onUpNext: o.next,
+      onUpPrevious: r.prev,
+      onUpNext: r.next,
       upCurrentPage: i,
       upTotalPages: a,
       upDisabled: c,
       upVisible: !0
     },
     down: {
-      onDownPrevious: o.prev,
-      onDownNext: o.next,
+      onDownPrevious: r.prev,
+      onDownNext: r.next,
       downCurrentPage: i,
       downTotalPages: a,
       downDisabled: c,
@@ -7203,7 +7203,7 @@ const Ze = ({
               transition: "opacity 0.2s ease",
               position: "absolute"
             },
-            children: r
+            children: o
           }
         ),
         t && /* @__PURE__ */ e(
@@ -7230,11 +7230,11 @@ const Ze = ({
       ]
     }
   );
-}, Vr = (n) => {
+}, Vo = (n) => {
   const {
-    totalBlocksLeft: r = 0,
+    totalBlocksLeft: o = 0,
     totalBlocksRight: t = 0,
-    totalBlocksUp: o = 0,
+    totalBlocksUp: r = 0,
     totalBlocksDown: i = 0,
     visibleBlocksLeft: a = 1,
     visibleBlocksRight: c = 1,
@@ -7243,13 +7243,13 @@ const Ze = ({
   } = n, d = K(() => {
     const h = Math.max(
       1,
-      Math.ceil(r / a)
+      Math.ceil(o / a)
     ), g = Math.max(
       1,
       Math.ceil(t / c)
     ), m = Math.max(
       1,
-      Math.ceil(o / s)
+      Math.ceil(r / s)
     ), w = Math.max(
       1,
       Math.ceil(i / l)
@@ -7269,9 +7269,9 @@ const Ze = ({
       downEndIndex: 0
     };
   }, [
-    r,
-    t,
     o,
+    t,
+    r,
     i,
     a,
     c,
@@ -7287,10 +7287,10 @@ const Ze = ({
   ), f = K(() => {
     const { leftTotalPages: h, rightTotalPages: g, upTotalPages: m, downTotalPages: w } = d, y = Math.min(
       u.leftStartIndex,
-      Math.max(0, r - a)
+      Math.max(0, o - a)
     ), S = Math.min(
       y + a,
-      r
+      o
     ), M = Math.min(
       u.rightStartIndex,
       Math.max(0, t - c)
@@ -7299,8 +7299,8 @@ const Ze = ({
       t
     ), k = Math.min(
       u.upStartIndex,
-      Math.max(0, o - s)
-    ), C = Math.min(k + s, o), x = Math.min(
+      Math.max(0, r - s)
+    ), C = Math.min(k + s, r), x = Math.min(
       u.downStartIndex,
       Math.max(0, i - l)
     ), B = Math.min(
@@ -7328,9 +7328,9 @@ const Ze = ({
     c,
     s,
     l,
-    r,
-    t,
     o,
+    t,
+    r,
     i
   ]), I = {
     goToLeftPage: j(
@@ -7340,11 +7340,11 @@ const Ze = ({
           ...m,
           leftStartIndex: Math.min(
             g,
-            Math.max(0, r - a)
+            Math.max(0, o - a)
           )
         }));
       },
-      [a, r]
+      [a, o]
     ),
     goToRightPage: j(
       (h) => {
@@ -7366,11 +7366,11 @@ const Ze = ({
           ...m,
           upStartIndex: Math.min(
             g,
-            Math.max(0, o - s)
+            Math.max(0, r - s)
           )
         }));
       },
-      [s, o]
+      [s, r]
     ),
     goToDownPage: j(
       (h) => {
@@ -7391,10 +7391,10 @@ const Ze = ({
         ...h,
         leftStartIndex: Math.min(
           h.leftStartIndex + 1,
-          Math.max(0, r - a)
+          Math.max(0, o - a)
         )
       }));
-    }, [r, a]),
+    }, [o, a]),
     previousLeftPage: j(() => {
       p((h) => ({
         ...h,
@@ -7421,10 +7421,10 @@ const Ze = ({
         ...h,
         upStartIndex: Math.min(
           h.upStartIndex + 1,
-          Math.max(0, o - s)
+          Math.max(0, r - s)
         )
       }));
-    }, [o, s]),
+    }, [r, s]),
     previousUpPage: j(() => {
       p((h) => ({
         ...h,
@@ -7448,7 +7448,7 @@ const Ze = ({
     }, [])
   };
   return [u, I, f];
-}, _r = (n, r = 0, t = 0, o = 0, i = 0) => {
+}, _o = (n, o = 0, t = 0, r = 0, i = 0) => {
   const [a, c] = O({
     width: typeof window < "u" ? window.innerWidth : 1920,
     height: typeof window < "u" ? window.innerHeight : 1080
@@ -7492,7 +7492,7 @@ const Ze = ({
       h,
       Math.min(g, Math.floor(V / 2))
     );
-    let re = d;
+    let oe = d;
     if (M) {
       const U = parseFloat(z.replace("px", "")), P = parseFloat(k.replace("px", "")), X = Math.min(
         B / (a.width * 0.8),
@@ -7500,7 +7500,7 @@ const Ze = ({
         L / (a.height * 0.8)
         // Max 80% of screen height
       );
-      re = `${Math.max(
+      oe = `${Math.max(
         U,
         Math.min(P, x * X)
       )}px`;
@@ -7510,8 +7510,8 @@ const Ze = ({
       a.height / 1080
     );
     let q, D;
-    if (o > 0 && i > 0) {
-      const U = Math.max(o, i);
+    if (r > 0 && i > 0) {
+      const U = Math.max(r, i);
       q = Math.max(
         m,
         Math.min(w, U)
@@ -7545,7 +7545,7 @@ const Ze = ({
       minBlocksDown: y,
       maxBlocksUp: w,
       maxBlocksDown: S,
-      blocksUp: o,
+      blocksUp: r,
       blocksDown: i,
       calculatedBlocksUp: q,
       calculatedBlocksDown: D,
@@ -7557,16 +7557,16 @@ const Ze = ({
       blocksPerSide: N,
       blocksLeft: $,
       blocksRight: H,
-      cellSize: re,
+      cellSize: oe,
       blocksUp: q,
       blocksDown: D
     };
-  }, [a, n, r, t, o, i]);
-}, Gr = ({
+  }, [a, n, o, t, r, i]);
+}, Go = ({
   gap: n,
-  cellSize: r,
+  cellSize: o,
   blocksLeft: t,
-  blocksRight: o,
+  blocksRight: r,
   blocksUp: i,
   blocksDown: a,
   totalBlocksLeft: c,
@@ -7591,10 +7591,10 @@ const Ze = ({
   const x = K(
     () => c !== void 0 || s !== void 0 || l !== void 0 || d !== void 0,
     [c, s, l, d]
-  ), B = _r(
+  ), B = _o(
     {
       gap: n,
-      cellSize: r,
+      cellSize: o,
       minBlocksPerSide: p,
       maxBlocksPerSide: f,
       minBlocksLeft: I,
@@ -7610,13 +7610,13 @@ const Ze = ({
       maxCellSize: C
     },
     t ?? 0,
-    o ?? 0,
+    r ?? 0,
     i,
     a
   ), L = K(() => {
-    let _ = u ? B.blocksLeft : t ?? 0, V = u ? B.blocksRight : o ?? 0, N = u ? B.blocksUp : i ?? 0, $ = u ? B.blocksDown : a ?? 0;
+    let _ = u ? B.blocksLeft : t ?? 0, V = u ? B.blocksRight : r ?? 0, N = u ? B.blocksUp : i ?? 0, $ = u ? B.blocksDown : a ?? 0;
     if (!u) {
-      const H = parseFloat(n.replace("px", "")), re = parseFloat(r.replace("px", "")), J = typeof window < "u" ? window.innerWidth - H * 4 : 1920, q = typeof window < "u" ? window.innerHeight - H * 4 : 1080, D = re + H, E = Math.floor(
+      const H = parseFloat(n.replace("px", "")), oe = parseFloat(o.replace("px", "")), J = typeof window < "u" ? window.innerWidth - H * 4 : 1920, q = typeof window < "u" ? window.innerHeight - H * 4 : 1080, D = oe + H, E = Math.floor(
         J / (2 * D)
       ), U = Math.floor(
         q / (2 * D)
@@ -7628,11 +7628,11 @@ const Ze = ({
     u,
     B,
     t,
-    o,
+    r,
     i,
     a,
     n,
-    r
+    o
   ]), R = K(() => {
     const _ = x && c ? Math.min(L.left, c) : L.left, V = x && s ? Math.min(L.right, s) : L.right, N = x && l ? Math.min(L.up, l) : L.up, $ = x && d ? Math.min(L.down, d) : L.down;
     return { left: _, right: V, up: N, down: $ };
@@ -7643,7 +7643,7 @@ const Ze = ({
     s,
     l,
     d
-  ]), F = u ? B.cellSize : r, Q = K(() => {
+  ]), F = u ? B.cellSize : o, Q = K(() => {
     const _ = (R.left > 0 ? R.left : 0) + 1 + (R.right > 0 ? R.right : 0), V = R.up > 0 || R.down > 0 ? R.up + 1 + R.down : 1, N = `${F} `.repeat(R.left) + "1fr " + `${F} `.repeat(R.right), $ = R.up > 0 || R.down > 0 ? `${F} `.repeat(R.up) + "1fr " + `${F} `.repeat(R.down) : "1fr";
     return {
       totalColumns: _,
@@ -7659,13 +7659,13 @@ const Ze = ({
     finalCellSize: F,
     gridDimensions: Q
   };
-}, Qr = ({
+}, Qo = ({
   blockItems: n
 }) => {
-  const r = K(() => n.reduce((i, a) => (i[a.id] = a, i), {}), [n]);
+  const o = K(() => n.reduce((i, a) => (i[a.id] = a, i), {}), [n]);
   return {
     getBlockContent: (i, a) => {
-      const c = `${i}-${a}`, s = r[c];
+      const c = `${i}-${a}`, s = o[c];
       return s ? s.content : be.createElement("div", {
         style: {
           padding: "4px",
@@ -7685,51 +7685,51 @@ const Ze = ({
     getIntersectionText: (i, a, c, s) => {
       const l = [];
       if (i !== null) {
-        const d = r[`left-${i}`];
+        const d = o[`left-${i}`];
         l.push(d ? `left-${i}` : `left${i + 1}`);
       }
       if (a !== null) {
-        const d = r[`right-${a}`];
+        const d = o[`right-${a}`];
         l.push(
           d ? `right-${a}` : `right${a + 1}`
         );
       }
       if (c !== null) {
-        const d = r[`up-${c}`];
+        const d = o[`up-${c}`];
         l.push(d ? `up-${c}` : `up${c + 1}`);
       }
       if (s !== null) {
-        const d = r[`down-${s}`];
+        const d = o[`down-${s}`];
         l.push(d ? `down-${s}` : `down${s + 1}`);
       }
       return l.join(", ");
     }
   };
-}, Yr = ({ blockConnections: n }) => {
-  const r = K(() => {
-    const o = /* @__PURE__ */ new Map();
+}, Yo = ({ blockConnections: n }) => {
+  const o = K(() => {
+    const r = /* @__PURE__ */ new Map();
     return n.forEach((i) => {
       const a = `${i.source}-${i.target}`, c = `${i.target}-${i.source}`;
-      o.set(a, i), o.set(c, i);
-    }), o;
+      r.set(a, i), r.set(c, i);
+    }), r;
   }, [n]);
   return {
-    getConnectionStateFromText: (o) => {
-      const i = o.split(", ").map((a) => a.trim());
+    getConnectionStateFromText: (r) => {
+      const i = r.split(", ").map((a) => a.trim());
       for (let a = 0; a < i.length; a++)
         for (let c = a + 1; c < i.length; c++) {
-          const s = i[a], l = i[c], d = `${s}-${l}`, u = r.get(d);
+          const s = i[a], l = i[c], d = `${s}-${l}`, u = o.get(d);
           if (u)
             return u.type;
         }
       return "empty";
     }
   };
-}, Zr = ({
+}, Zo = ({
   usePagination: n,
-  totalBlocksLeft: r,
+  totalBlocksLeft: o,
   totalBlocksRight: t,
-  totalBlocksUp: o,
+  totalBlocksUp: r,
   totalBlocksDown: i,
   paginationActions: a,
   paginationState: c,
@@ -7748,9 +7748,9 @@ const Ze = ({
     handleHover: u,
     getNavigationControlProps: (f) => {
       const I = {
-        left: r,
+        left: o,
         right: t,
-        up: o,
+        up: r,
         down: i
       }[f], h = {
         left: { prev: a.previousLeftPage, next: a.nextLeftPage },
@@ -7780,17 +7780,17 @@ const Ze = ({
       };
     }
   };
-}, qr = ({
+}, qo = ({
   blockItems: n,
-  blockConnections: r
+  blockConnections: o
 }) => {
-  const [t, o] = O(null), [i, a] = O(!1), c = K(() => {
+  const [t, r] = O(null), [i, a] = O(!1), c = K(() => {
     const g = /* @__PURE__ */ new Map();
-    return r.forEach((m) => {
+    return o.forEach((m) => {
       const w = `${m.source}-${m.target}`, y = `${m.target}-${m.source}`;
       g.set(w, m), g.set(y, m);
     }), g;
-  }, [r]), s = j(
+  }, [o]), s = j(
     (g) => {
       const m = [];
       return n.forEach((w) => {
@@ -7856,13 +7856,13 @@ const Ze = ({
     [i, t, l]
   ), f = j(
     (g) => {
-      i && t === g ? (a(!1), o(null)) : (o(g), a(!0));
+      i && t === g ? (a(!1), r(null)) : (r(g), a(!0));
     },
     [i, t]
   ), I = j((g) => {
     console.log(`Block clicked: ${g}`);
   }, []), h = j(() => {
-    a(!1), o(null);
+    a(!1), r(null);
   }, []);
   return {
     selectedBlockId: t,
@@ -7875,31 +7875,31 @@ const Ze = ({
     clearFiltering: h,
     getFilteredBlockIds: l
   };
-}, Gn = (n) => parseInt(n.replace(/[^\d]/g, ""), 10) || 0, Xr = (n, r) => {
-  const [t, o] = O({ width: 0, height: 0 }), i = j(() => {
+}, Gn = (n) => parseInt(n.replace(/[^\d]/g, ""), 10) || 0, Xo = (n, o) => {
+  const [t, r] = O({ width: 0, height: 0 }), i = j(() => {
     const { width: a, height: c } = t;
     if (a === 0 || c === 0)
       return {
-        blocksUp: r.minVerticalBlocks / 2,
-        blocksDown: r.minVerticalBlocks / 2,
-        blocksLeft: r.minHorizontalBlocks / 2,
-        blocksRight: r.minHorizontalBlocks / 2,
+        blocksUp: o.minVerticalBlocks / 2,
+        blocksDown: o.minVerticalBlocks / 2,
+        blocksLeft: o.minHorizontalBlocks / 2,
+        blocksRight: o.minHorizontalBlocks / 2,
         containerWidth: a,
         containerHeight: c
       };
-    const s = Gn(r.cellSize), l = Gn(r.gap), d = s + l, u = a - l * 2, p = c - l * 2, f = Math.floor(
-      p * r.verticalMaxPercent / 100 / d
+    const s = Gn(o.cellSize), l = Gn(o.gap), d = s + l, u = a - l * 2, p = c - l * 2, f = Math.floor(
+      p * o.verticalMaxPercent / 100 / d
     ), I = Math.floor(
-      u * r.horizontalMaxPercent / 100 / d
+      u * o.horizontalMaxPercent / 100 / d
     ), h = Math.floor(
-      p * r.verticalMinPercent / 100 / d
+      p * o.verticalMinPercent / 100 / d
     ), g = Math.floor(
-      u * r.horizontalMinPercent / 100 / d
+      u * o.horizontalMinPercent / 100 / d
     ), m = Math.max(
-      r.minVerticalBlocks,
+      o.minVerticalBlocks,
       h
     ), w = Math.max(
-      r.minHorizontalBlocks,
+      o.minHorizontalBlocks,
       g
     ), y = Math.max(m, f), S = Math.max(w, I), M = Math.floor(y / 2), z = Math.floor(y / 2), k = Math.floor(S / 2), C = Math.floor(S / 2);
     return {
@@ -7910,12 +7910,12 @@ const Ze = ({
       containerWidth: a,
       containerHeight: c
     };
-  }, [t, r]);
+  }, [t, o]);
   return Y(() => {
     const a = () => {
       if (n.current) {
         const s = n.current.getBoundingClientRect();
-        o({ width: s.width, height: s.height });
+        r({ width: s.width, height: s.height });
       }
     };
     a();
@@ -7924,7 +7924,7 @@ const Ze = ({
       c.disconnect();
     };
   }, [n]), i();
-}, Kr = {
+}, Ko = {
   verticalMinPercent: 20,
   // Minimum 20% of height for vertical blocks
   verticalMaxPercent: 50,
@@ -7939,11 +7939,11 @@ const Ze = ({
   // Minimum 4 total horizontal blocks (2 left + 2 right)
   cellSize: "50px",
   gap: "8px"
-}, Jr = ({
+}, Jo = ({
   children: n,
-  style: r,
+  style: o,
   gap: t = "8px",
-  cellSize: o = "50px",
+  cellSize: r = "50px",
   // NEW SIMPLIFIED API
   verticalBlocks: i,
   horizontalBlocks: a,
@@ -7983,29 +7983,29 @@ const Ze = ({
   minBlocksUp: N = 1,
   maxBlocksUp: $ = 8,
   minBlocksDown: H = 1,
-  maxBlocksDown: re = 8,
+  maxBlocksDown: oe = 8,
   responsiveCellSize: J = !1,
   minCellSize: q = "30px",
   maxCellSize: D = "80px",
   directionTexts: E,
   ...U
 }) => {
-  const P = Z(null), X = Xr(P, {
-    ...Kr,
-    cellSize: o,
+  const P = Z(null), X = Xo(P, {
+    ...Ko,
+    cellSize: r,
     gap: t,
     ...c
   });
   let de = l, G = d, ge = u, ie = p;
   s ? (de = Math.floor(X.blocksLeft), G = Math.floor(X.blocksRight), ge = Math.floor(X.blocksUp), ie = Math.floor(X.blocksDown)) : (i !== void 0 || a !== void 0) && (i !== void 0 && (ge = Math.floor(i / 2), ie = Math.floor(i / 2)), a !== void 0 && (de = Math.floor(a / 2), G = Math.floor(a / 2)));
-  const ze = F !== 1 ? F : Math.floor(x / 2), cn = Q !== 8 ? Q : Math.floor(B / 2), sn = _ !== 1 ? _ : Math.ceil(x / 2), Ie = V !== 8 ? V : Math.ceil(B / 2), Le = N !== 1 ? N : Math.floor(L / 2), _e = $ !== 8 ? $ : Math.floor(R / 2), Ut = H !== 1 ? H : Math.ceil(L / 2), Nt = re !== 8 ? re : Math.ceil(R / 2), {
+  const ze = F !== 1 ? F : Math.floor(x / 2), cn = Q !== 8 ? Q : Math.floor(B / 2), sn = _ !== 1 ? _ : Math.ceil(x / 2), Ie = V !== 8 ? V : Math.ceil(B / 2), Le = N !== 1 ? N : Math.floor(L / 2), _e = $ !== 8 ? $ : Math.floor(R / 2), Ut = H !== 1 ? H : Math.ceil(L / 2), Nt = oe !== 8 ? oe : Math.ceil(R / 2), {
     usePagination: Wt,
     finalBlocks: ee,
     finalCellSize: ye,
     gridDimensions: Ge
-  } = Gr({
+  } = Go({
     gap: t,
-    cellSize: o,
+    cellSize: r,
     blocksLeft: de,
     blocksRight: G,
     blocksUp: ge,
@@ -8028,11 +8028,11 @@ const Ze = ({
     responsiveCellSize: J,
     minCellSize: q,
     maxCellSize: D
-  }), { getBlockContent: Qe, getIntersectionText: $t } = Qr({
+  }), { getBlockContent: Qe, getIntersectionText: $t } = Qo({
     blockItems: f
-  }), { getConnectionStateFromText: Ht } = Yr({
+  }), { getConnectionStateFromText: Ht } = Yo({
     blockConnections: I
-  }), ne = qr({
+  }), ne = qo({
     blockItems: f,
     blockConnections: I
   });
@@ -8044,7 +8044,7 @@ const Ze = ({
     };
     return window.addEventListener("keydown", ln), () => window.removeEventListener("keydown", ln);
   }, [h, ne]);
-  const [ve, Pt, Vt] = Vr({
+  const [ve, Pt, Vt] = Vo({
     totalBlocksLeft: m ?? 0,
     totalBlocksRight: w ?? 0,
     totalBlocksUp: y ?? 0,
@@ -8053,7 +8053,7 @@ const Ze = ({
     visibleBlocksRight: ee.right,
     visibleBlocksUp: ee.up,
     visibleBlocksDown: ee.down
-  }), { getNavigationControlProps: De } = Zr({
+  }), { getNavigationControlProps: De } = Zo({
     usePagination: Wt,
     totalBlocksLeft: m,
     totalBlocksRight: w,
@@ -8079,7 +8079,7 @@ const Ze = ({
         boxSizing: "border-box",
         gap: t,
         overflow: "hidden",
-        ...r
+        ...o
       },
       ...U,
       children: [
@@ -8273,12 +8273,12 @@ const Ze = ({
     }
   );
 };
-Jr.displayName = "Matrix";
+Jo.displayName = "Matrix";
 const Ae = ({
   editable: n = !1,
-  children: r,
+  children: o,
   label: t,
-  icon: o,
+  icon: r,
   value: i,
   className: a,
   style: c,
@@ -8288,12 +8288,12 @@ const Ae = ({
     className: a,
     style: c
   };
-  return ko("(max-width: 550px)", !1, {
+  return Sr("(max-width: 550px)", !1, {
     getInitialValueInEffect: !0
   }) ? /* @__PURE__ */ v(W, { gap: 0, w: "100%", ...l, children: [
     /* @__PURE__ */ v(b, { style: { display: "flex", alignItems: "center", gap: 8 }, h: "auto", children: [
-      o && /* @__PURE__ */ e(
-        o,
+      r && /* @__PURE__ */ e(
+        r,
         {
           size: 20,
           style: { flexShrink: 0 },
@@ -8303,7 +8303,7 @@ const Ae = ({
       ),
       /* @__PURE__ */ e(T, { size: "sm", fw: 500, c: "gray.6", children: t })
     ] }),
-    /* @__PURE__ */ e(b, { style: { display: "flex", alignItems: "flex-start" }, w: "100%", children: n && r ? r : i })
+    /* @__PURE__ */ e(b, { style: { display: "flex", alignItems: "flex-start" }, w: "100%", children: n && o ? o : i })
   ] }) : /* @__PURE__ */ v(A, { align: "flex-start", gap: 0, w: "100%", ...s, ...l, children: [
     /* @__PURE__ */ v(
       b,
@@ -8312,8 +8312,8 @@ const Ae = ({
         style: { display: "flex", alignItems: "center", gap: 8 },
         h: "40px",
         children: [
-          o && /* @__PURE__ */ e(
-            o,
+          r && /* @__PURE__ */ e(
+            r,
             {
               size: 20,
               style: { flexShrink: 0 },
@@ -8331,28 +8331,28 @@ const Ae = ({
         w: "70%",
         style: { display: "flex", alignItems: "flex-start" },
         mih: 40,
-        children: n && r ? r : i
+        children: n && o ? o : i
       }
     )
   ] });
 }, Ui = ({
   label: n,
-  icon: r,
+  icon: o,
   value: t,
-  onChange: o,
+  onChange: r,
   editable: i = !1,
   placeholder: a,
   disabled: c = !1
-}) => i && o ? /* @__PURE__ */ e(
+}) => i && r ? /* @__PURE__ */ e(
   Ae,
   {
     label: n,
-    icon: r,
+    icon: o,
     value: /* @__PURE__ */ e(
       an,
       {
         value: t,
-        onChange: o,
+        onChange: r,
         placeholder: a,
         disabled: c,
         size: "sm"
@@ -8363,47 +8363,47 @@ const Ae = ({
   Ae,
   {
     label: n,
-    icon: r,
+    icon: o,
     value: /* @__PURE__ */ e(T, { size: "sm", c: t ? void 0 : "dimmed", fw: 500, truncate: !0, children: t || a || "—" })
   }
 ), Ni = ({
   label: n,
-  icon: r,
+  icon: o,
   href: t,
-  text: o,
+  text: r,
   target: i = "_blank"
 }) => /* @__PURE__ */ e(
   Ae,
   {
     label: n,
-    icon: r,
-    value: /* @__PURE__ */ e(tt, { href: t, target: i, size: "sm", underline: "hover", children: o || t })
+    icon: o,
+    value: /* @__PURE__ */ e(tt, { href: t, target: i, size: "sm", underline: "hover", children: r || t })
   }
 ), Wi = ({
   label: n,
-  icon: r,
+  icon: o,
   value: t,
-  onChange: o,
+  onChange: r,
   editable: i = !1,
   format: a,
   placeholder: c
 }) => {
   const s = t ?? null, l = s !== null && a ? a(s) : s !== null ? s.toString() : null, d = (u) => {
-    if (!o)
+    if (!r)
       return;
     const p = u.trim();
     if (p === "") {
-      o(null);
+      r(null);
       return;
     }
     const f = Number(p);
-    isNaN(f) || o(f);
+    isNaN(f) || r(f);
   };
-  return i && o ? /* @__PURE__ */ e(
+  return i && r ? /* @__PURE__ */ e(
     Ae,
     {
       label: n,
-      icon: r,
+      icon: o,
       value: /* @__PURE__ */ e(
         an,
         {
@@ -8418,19 +8418,19 @@ const Ae = ({
     Ae,
     {
       label: n,
-      icon: r,
+      icon: o,
       value: /* @__PURE__ */ e(T, { size: "sm", c: s !== null ? void 0 : "dimmed", children: l || c || "—" })
     }
   );
 }, ei = 300, ni = ({
   users: n,
-  onSearch: r,
+  onSearch: o,
   debounceSearch: t = !0,
-  debounceDelay: o = ei
+  debounceDelay: r = ei
 }) => {
   const [i, a] = O(""), [c, s] = O(n), [l, d] = O(!1), u = Z(null);
   return Y(() => {
-    if (!r) {
+    if (!o) {
       s(n);
       return;
     }
@@ -8438,7 +8438,7 @@ const Ae = ({
       const p = async () => {
         d(!0);
         try {
-          const f = await r(i);
+          const f = await o(i);
           s(f);
         } catch (f) {
           console.error("Search error:", f);
@@ -8446,15 +8446,15 @@ const Ae = ({
           d(!1);
         }
       };
-      t ? u.current = setTimeout(p, o) : p();
+      t ? u.current = setTimeout(p, r) : p();
     } else
       s(n), d(!1);
     return () => {
       u.current && clearTimeout(u.current);
     };
-  }, [i, r, t, o, n]), Y(() => {
-    (!i.trim() || !r) && s(n);
-  }, [n, i, r]), {
+  }, [i, o, t, r, n]), Y(() => {
+    (!i.trim() || !o) && s(n);
+  }, [n, i, o]), {
     searchQuery: i,
     setSearchQuery: a,
     displayedUsers: c,
@@ -8463,20 +8463,20 @@ const Ae = ({
   };
 }, ti = ({
   value: n,
-  multiple: r,
+  multiple: o,
   users: t,
-  displayedUsers: o,
+  displayedUsers: r,
   searchQuery: i,
   onSearch: a
 }) => {
-  const c = K(() => r ? Array.isArray(n) ? n : [] : n ? [n] : [], [n, r]), s = K(() => t.filter((u) => c.includes(u.id)), [t, c]), l = K(() => {
+  const c = K(() => o ? Array.isArray(n) ? n : [] : n ? [n] : [], [n, o]), s = K(() => t.filter((u) => c.includes(u.id)), [t, c]), l = K(() => {
     if (!i.trim() || a)
-      return o;
+      return r;
     const u = i.toLowerCase();
-    return o.filter(
+    return r.filter(
       (p) => p.name.toLowerCase().includes(u) || p.email.toLowerCase().includes(u)
     );
-  }, [o, i, a]), d = K(() => {
+  }, [r, i, a]), d = K(() => {
     const u = l.filter(
       (I) => c.includes(I.id)
     ), p = l.filter((I) => !c.includes(I.id)), f = s.filter(
@@ -8489,61 +8489,61 @@ const Ae = ({
     selectedUsers: s,
     sortedUsers: d
   };
-}, oi = ({
+}, ri = ({
   isFocused: n,
-  dropdownRef: r
+  dropdownRef: o
 }) => {
-  const [t, o] = O("bottom"), i = j(
+  const [t, r] = O("bottom"), i = j(
     (a) => {
-      if (r.current = a, a) {
+      if (o.current = a, a) {
         const c = a.dataset.position;
-        c === "top" || c === "bottom" ? o(c) : requestAnimationFrame(() => {
+        c === "top" || c === "bottom" ? r(c) : requestAnimationFrame(() => {
           if (a.dataset.position) {
             const s = a.dataset.position;
-            (s === "top" || s === "bottom") && o(s);
+            (s === "top" || s === "bottom") && r(s);
           }
         });
       }
     },
-    [r]
+    [o]
   );
   return Qn(() => {
-    if (!n || !r.current)
+    if (!n || !o.current)
       return;
     const a = () => {
-      if (r.current) {
-        const l = r.current.dataset.position;
-        (l === "top" || l === "bottom") && o(l);
+      if (o.current) {
+        const l = o.current.dataset.position;
+        (l === "top" || l === "bottom") && r(l);
       }
     };
     a();
     const c = requestAnimationFrame(a), s = new MutationObserver(() => {
       a();
     });
-    return r.current && s.observe(r.current, {
+    return o.current && s.observe(o.current, {
       attributes: !0,
       attributeFilter: ["data-position"]
     }), () => {
       cancelAnimationFrame(c), s.disconnect();
     };
-  }, [n, r]), {
+  }, [n, o]), {
     placement: t,
     dropdownRefCallback: i
   };
-}, ri = ({
+}, oi = ({
   onLoadMore: n,
-  hasMore: r,
+  hasMore: o,
   loading: t,
-  setDisplayedUsers: o
+  setDisplayedUsers: r
 }) => {
   const i = Z(null);
   return Y(() => {
-    if (!n || !r || t)
+    if (!n || !o || t)
       return;
     const a = new IntersectionObserver(
       (c) => {
-        c[0].isIntersecting && r && !t && n().then((s) => {
-          o((l) => [...l, ...s]);
+        c[0].isIntersecting && o && !t && n().then((s) => {
+          r((l) => [...l, ...s]);
         });
       },
       { threshold: 0.1 }
@@ -8551,23 +8551,23 @@ const Ae = ({
     return i.current && a.observe(i.current), () => {
       a.disconnect();
     };
-  }, [n, r, t, o]), {
+  }, [n, o, t, r]), {
     loadMoreRef: i
   };
 }, ii = ({
   combobox: n,
-  dropdownRef: r
+  dropdownRef: o
 }) => {
-  const [t, o] = O(!1), [i, a] = O(!1), c = j(() => {
-    o(!0), n.openDropdown();
+  const [t, r] = O(!1), [i, a] = O(!1), c = j(() => {
+    r(!0), n.openDropdown();
   }, [n]), s = j(
     (u) => {
       setTimeout(() => {
         const p = u == null ? void 0 : u.relatedTarget;
-        p && r.current && r.current.contains(p) || n.dropdownOpened || o(!1);
+        p && o.current && o.current.contains(p) || n.dropdownOpened || r(!1);
       }, 0);
     },
-    [n, r]
+    [n, o]
   ), l = j(() => {
     a(!0);
   }, []), d = j(() => {
@@ -8575,7 +8575,7 @@ const Ae = ({
   }, []);
   return {
     isFocused: t,
-    setIsFocused: o,
+    setIsFocused: r,
     isHovered: i,
     handleFocus: c,
     handleBlur: s,
@@ -8584,28 +8584,28 @@ const Ae = ({
   };
 }, ai = ({
   multiple: n,
-  value: r,
+  value: o,
   onChange: t,
-  combobox: o
+  combobox: r
 }) => {
   const i = j(
     (c) => {
       if (n) {
-        const s = Array.isArray(r) ? r : [], l = s.includes(c) ? s.filter((d) => d !== c) : [...s, c];
+        const s = Array.isArray(o) ? o : [], l = s.includes(c) ? s.filter((d) => d !== c) : [...s, c];
         t == null || t(l);
       } else
-        t == null || t(c), o.closeDropdown();
+        t == null || t(c), r.closeDropdown();
     },
-    [n, r, t, o]
+    [n, o, t, r]
   ), a = j(
     (c) => {
       if (n) {
-        const s = Array.isArray(r) ? r : [];
+        const s = Array.isArray(o) ? o : [];
         t == null || t(s.filter((l) => l !== c));
       } else
         t == null || t("");
     },
-    [n, r, t]
+    [n, o, t]
   );
   return {
     handleSelect: i,
@@ -8613,9 +8613,9 @@ const Ae = ({
   };
 }, ci = "40px", si = 300, Fe = ({
   editable: n = !1,
-  label: r,
+  label: o,
   icon: t,
-  value: o,
+  value: r,
   users: i = [],
   onChange: a,
   placeholder: c = "Select users",
@@ -8639,7 +8639,7 @@ const Ae = ({
     onSearch: d,
     debounceSearch: u,
     debounceDelay: p
-  }), C = on({
+  }), C = rn({
     onDropdownClose: () => {
       C.resetSelectedOption(), S(""), B(!1);
     },
@@ -8657,24 +8657,24 @@ const Ae = ({
   } = ii({
     combobox: C,
     dropdownRef: w
-  }), { placement: V, dropdownRefCallback: N } = oi({
+  }), { placement: V, dropdownRefCallback: N } = ri({
     isFocused: x,
     dropdownRef: w
-  }), { selectedIds: $, selectedUsers: H, sortedUsers: re } = ti({
-    value: o,
+  }), { selectedIds: $, selectedUsers: H, sortedUsers: oe } = ti({
+    value: r,
     multiple: s,
     users: i,
     displayedUsers: M,
     searchQuery: y,
     onSearch: d
-  }), { loadMoreRef: J } = ri({
+  }), { loadMoreRef: J } = oi({
     onLoadMore: f,
     hasMore: I,
     loading: h,
     setDisplayedUsers: z
   }), { handleSelect: q, handleRemove: D } = ai({
     multiple: s,
-    value: o,
+    value: r,
     onChange: a,
     combobox: C
   }), E = () => {
@@ -8753,7 +8753,7 @@ const Ae = ({
     Ae,
     {
       editable: n,
-      label: r,
+      label: o,
       icon: t,
       value: /* @__PURE__ */ e(
         A,
@@ -8777,14 +8777,14 @@ const Ae = ({
         }
       ),
       children: /* @__PURE__ */ v(
-        oe,
+        re,
         {
           store: C,
           onOptionSubmit: q,
           withinPortal: !1,
           offset: -2,
           children: [
-            /* @__PURE__ */ e(oe.DropdownTarget, { children: /* @__PURE__ */ e(
+            /* @__PURE__ */ e(re.DropdownTarget, { children: /* @__PURE__ */ e(
               Fn,
               {
                 onClick: () => !l && C.openDropdown(),
@@ -8802,7 +8802,7 @@ const Ae = ({
                     styles: de,
                     children: [
                       s ? E() : U(),
-                      /* @__PURE__ */ e(oe.EventsTarget, { children: /* @__PURE__ */ e(
+                      /* @__PURE__ */ e(re.EventsTarget, { children: /* @__PURE__ */ e(
                         Fn.Field,
                         {
                           ref: g,
@@ -8857,7 +8857,7 @@ const Ae = ({
               }
             ) }),
             /* @__PURE__ */ e(
-              oe.Dropdown,
+              re.Dropdown,
               {
                 styles: {
                   dropdown: {
@@ -8870,17 +8870,17 @@ const Ae = ({
                   }
                 },
                 ref: N,
-                children: /* @__PURE__ */ e(oe.Options, { children: /* @__PURE__ */ e(
+                children: /* @__PURE__ */ e(re.Options, { children: /* @__PURE__ */ e(
                   ke,
                   {
                     ref: m,
-                    h: Math.min(re.length * parseFloat(ci), 300),
+                    h: Math.min(oe.length * parseFloat(ci), 300),
                     scrollbarSize: 6,
                     children: /* @__PURE__ */ v(W, { gap: 2, children: [
-                      re.map((G) => {
+                      oe.map((G) => {
                         const ge = $.includes(G.id);
                         return /* @__PURE__ */ e(
-                          oe.Option,
+                          re.Option,
                           {
                             value: G.id,
                             active: ge,
@@ -8913,7 +8913,7 @@ const Ae = ({
                                   ),
                                   /* @__PURE__ */ e(T, { size: "sm", fw: 400, truncate: !0, children: G.name }),
                                   ge && /* @__PURE__ */ e(
-                                    rn,
+                                    on,
                                     {
                                       size: 16,
                                       color: "var(--mantine-color-blue-6)"
@@ -8938,7 +8938,7 @@ const Ae = ({
                         }
                       ),
                       f && I && !h && /* @__PURE__ */ e("div", { ref: J, style: { height: "20px" } }),
-                      re.length === 0 && !k && !h && /* @__PURE__ */ e(
+                      oe.length === 0 && !k && !h && /* @__PURE__ */ e(
                         b,
                         {
                           style: {
@@ -8960,19 +8960,21 @@ const Ae = ({
   );
 }, At = ({
   label: n,
-  icon: r,
+  icon: o,
   value: t,
-  onChange: o,
-  editable: i = !1,
-  placeholder: a,
-  disabled: c = !1,
-  minRows: s = 1,
-  maxRows: l,
-  autosize: d = !0
+  onChange: r,
+  onDraftChange: i,
+  onFocusChange: a,
+  editable: c = !1,
+  placeholder: s,
+  disabled: l = !1,
+  minRows: d = 1,
+  maxRows: u,
+  autosize: p = !0
 }) => {
-  const [u, p] = O(!1), [f, I] = O(!1), h = {
+  const [f, I] = O(!1), [h, g] = O(!1), m = {
     wrapper: {
-      ...!d && {
+      ...!p && {
         height: "40px",
         minHeight: "40px",
         boxSizing: "border-box"
@@ -8980,28 +8982,28 @@ const Ae = ({
       borderRadius: "var(--mantine-radius-md)"
     },
     input: {
-      backgroundColor: u || f ? "var(--mantine-color-gray-0)" : "transparent",
+      backgroundColor: f || 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",
+      border: f ? "1px solid var(--mantine-color-gray-2)" : "1px solid transparent",
       borderRadius: "var(--mantine-radius-md)",
       width: "100%",
       cursor: "pointer",
-      ...!d && {
+      ...!p && {
         height: "40px",
         minHeight: "40px",
         boxSizing: "border-box"
       },
       padding: "8px 14px",
-      lineHeight: d ? "1.5" : "24px",
+      lineHeight: p ? "1.5" : "24px",
       fontWeight: 450
     }
   };
   return /* @__PURE__ */ e(
     Ae,
     {
-      editable: i,
+      editable: c,
       label: n,
-      icon: r,
+      icon: o,
       value: /* @__PURE__ */ e(
         b,
         {
@@ -9016,7 +9018,7 @@ const Ae = ({
               c: t ? void 0 : "dimmed",
               fw: 400,
               style: { whiteSpace: "pre-wrap", wordBreak: "break-word" },
-              children: t || a || "—"
+              children: t || s || "—"
             }
           )
         }
@@ -9026,27 +9028,33 @@ const Ae = ({
         {
           w: "100%",
           style: {
-            boxShadow: u ? "var(--mantine-shadow-sm)" : "none",
+            boxShadow: f ? "var(--mantine-shadow-sm)" : "none",
             borderRadius: "var(--mantine-radius-md)"
           },
           children: /* @__PURE__ */ e(
             Sn,
             {
               value: t,
-              onChange: (g) => o == null ? void 0 : o(g.target.value),
-              onFocus: () => p(!0),
-              onBlur: () => p(!1),
-              onMouseEnter: () => I(!0),
-              onMouseLeave: () => I(!1),
-              placeholder: a,
-              disabled: c,
+              onChange: (M) => {
+                i == null || i(M.target.value);
+              },
+              onFocus: () => {
+                I(!0), a == null || a(!0);
+              },
+              onBlur: (M) => {
+                I(!1), a == null || a(!1), r == null || r(M.target.value);
+              },
+              onMouseEnter: () => g(!0),
+              onMouseLeave: () => g(!1),
+              placeholder: s,
+              disabled: l,
               size: "sm",
               radius: "md",
               fw: 400,
-              minRows: u ? 1 : s,
-              maxRows: l,
-              autosize: d,
-              styles: { ...h }
+              minRows: f ? 1 : d,
+              maxRows: u,
+              autosize: p,
+              styles: { ...m }
             }
           )
         }
@@ -9055,15 +9063,15 @@ const Ae = ({
   );
 }, $i = ({
   opened: n,
-  onClose: r,
+  onClose: o,
   children: t,
-  ...o
+  ...r
 }) => /* @__PURE__ */ v(
   Cn,
   {
     withCloseButton: !1,
     opened: n,
-    onClose: r,
+    onClose: o,
     size: "70%",
     centered: !0,
     overlayProps: {
@@ -9075,13 +9083,13 @@ const Ae = ({
       }
     },
     padding: "md",
-    ...o,
+    ...r,
     children: [
       /* @__PURE__ */ v(A, { justify: "space-between", wrap: "nowrap", children: [
         /* @__PURE__ */ e(A, { justify: "space-between", wrap: "nowrap", gap: "xs", children: /* @__PURE__ */ e(he, { icon: Rn, size: "md", onClick: () => {
         } }) }),
         /* @__PURE__ */ v(A, { justify: "space-between", gap: "xs", children: [
-          /* @__PURE__ */ e(he, { icon: bo, size: "md", onClick: () => {
+          /* @__PURE__ */ e(he, { icon: wr, size: "md", onClick: () => {
           } }),
           /* @__PURE__ */ e(he, { icon: Pe, size: "md", onClick: () => {
           } })
@@ -9092,9 +9100,9 @@ const Ae = ({
   }
 ), li = ({
   opened: n,
-  onClose: r,
+  onClose: o,
   editable: t,
-  content: o,
+  content: r,
   position: i = "right",
   size: a = "xl",
   onMaximize: c,
@@ -9112,7 +9120,7 @@ const Ae = ({
     On,
     {
       opened: n,
-      onClose: r,
+      onClose: o,
       position: i,
       size: a,
       padding: "md",
@@ -9124,7 +9132,7 @@ const Ae = ({
       children: [
         /* @__PURE__ */ v(A, { justify: "space-between", wrap: "nowrap", children: [
           /* @__PURE__ */ v(A, { justify: "space-between", wrap: "nowrap", gap: "xs", children: [
-            /* @__PURE__ */ e(he, { icon: Ne, size: "md", onClick: r }),
+            /* @__PURE__ */ e(he, { icon: Ne, size: "md", onClick: o }),
             /* @__PURE__ */ e(
               he,
               {
@@ -9252,7 +9260,7 @@ const Ae = ({
               )
             }
           ) }),
-          /* @__PURE__ */ e(oo, { in: u, children: /* @__PURE__ */ e(W, { gap: "sm", mt: "sm", children: (z = d == null ? void 0 : d.hiddenProperties) == null ? void 0 : z.map((k, C) => /* @__PURE__ */ e(b, { children: k }, C)) }) }),
+          /* @__PURE__ */ e(rr, { in: u, children: /* @__PURE__ */ e(W, { gap: "sm", mt: "sm", children: (z = d == null ? void 0 : d.hiddenProperties) == null ? void 0 : z.map((k, C) => /* @__PURE__ */ e(b, { children: k }, C)) }) }),
           f && u && /* @__PURE__ */ e(
             b,
             {
@@ -9288,7 +9296,7 @@ const Ae = ({
               )
             }
           ),
-          o
+          r
         ] })
       ]
     }
@@ -9312,16 +9320,16 @@ const Ae = ({
 ), di = ({
   children: n
 }) => {
-  const [r, { toggle: t, open: o, close: i }] = Xe(!0), [
+  const [o, { toggle: t, open: r, close: i }] = Xe(!0), [
     a,
     { toggle: c, open: s, close: l }
   ] = Xe(!1), [
     d,
     { open: u, close: p }
   ] = Xe(!1), [f, I] = O(300), [h, g] = O(500), m = {
-    opened: r,
+    opened: o,
     toggle: t,
-    open: o,
+    open: r,
     close: i,
     asideOpened: a,
     toggleAside: c,
@@ -9343,9 +9351,9 @@ const Ae = ({
   return n;
 }, ui = ({
   header: n,
-  navbar: r,
+  navbar: o,
   aside: t,
-  children: o,
+  children: r,
   ...i
 }) => {
   const {
@@ -9382,7 +9390,7 @@ const Ae = ({
               width: a ? s : 0,
               border: "none"
             },
-            children: r
+            children: o
           }
         ),
         /* @__PURE__ */ e(
@@ -9395,38 +9403,38 @@ const Ae = ({
             children: t
           }
         ),
-        /* @__PURE__ */ e(We.Main, { children: o })
+        /* @__PURE__ */ e(We.Main, { children: r })
       ]
     }
   );
-}, fi = ({ items: n, selectedId: r, onSelect: t }) => /* @__PURE__ */ e(W, { gap: 0, children: n.map((o) => {
+}, fi = ({ items: n, selectedId: o, onSelect: t }) => /* @__PURE__ */ e(W, { gap: 0, children: n.map((r) => {
   var i;
   return /* @__PURE__ */ e(
     Hn,
     {
-      label: o.label,
-      isActive: r === o.id,
-      noChild: !o.children || o.children.length === 0,
-      onClick: () => (!o.children || o.children.length === 0) && (t == null ? void 0 : t(o.id)),
-      children: (i = o.children) == null ? void 0 : i.map((a) => /* @__PURE__ */ e(
+      label: r.label,
+      isActive: o === r.id,
+      noChild: !r.children || r.children.length === 0,
+      onClick: () => (!r.children || r.children.length === 0) && (t == null ? void 0 : t(r.id)),
+      children: (i = r.children) == null ? void 0 : i.map((a) => /* @__PURE__ */ e(
         Hn,
         {
           label: a.label,
           noChild: !0,
           level: 4,
-          isActive: r === a.id,
+          isActive: o === a.id,
           onClick: () => t == null ? void 0 : t(a.id)
         },
         a.id
       ))
     },
-    o.id
+    r.id
   );
 }) }), hi = ({
   items: n,
-  selectedId: r,
+  selectedId: o,
   onSelect: t,
-  headerLeft: o,
+  headerLeft: r,
   headerRight: i,
   renderPreview: a,
   renderAside: c,
@@ -9435,7 +9443,7 @@ const Ae = ({
   selectedTopNavId: d,
   onTopNavSelect: u
 }) => {
-  const { opened: p, toggle: f } = jt(), [I, h] = O(r), g = r ?? I;
+  const { opened: p, toggle: f } = jt(), [I, h] = O(o), g = o ?? I;
   return /* @__PURE__ */ e(
     ui,
     {
@@ -9490,7 +9498,7 @@ const Ae = ({
                   items: n,
                   selectedId: g,
                   onSelect: (w) => {
-                    t == null || t(w), r === void 0 && h(w);
+                    t == null || t(w), o === void 0 && h(w);
                   }
                 }
               )
@@ -9522,7 +9530,7 @@ const Ae = ({
                     onClick: f
                   }
                 ),
-                o ?? /* @__PURE__ */ e(
+                r ?? /* @__PURE__ */ e(
                   En,
                   {
                     label: g || "Select a topic",
@@ -9558,44 +9566,44 @@ const Ae = ({
       )
     }
   );
-}, Pi = (n) => /* @__PURE__ */ e(di, { children: /* @__PURE__ */ e(hi, { ...n }) }), Ft = (n, r) => {
+}, Pi = (n) => /* @__PURE__ */ e(di, { children: /* @__PURE__ */ e(hi, { ...n }) }), Ft = (n, o) => {
   const t = j(
     (a) => {
       const c = Array.isArray(a) ? a : [a];
       n.onUserIdsChange(c);
     },
     [n]
-  ), o = j(
+  ), r = j(
     (a) => {
-      const c = Array.isArray(a) ? a : [a], s = r.members.filter(
+      const c = Array.isArray(a) ? a : [a], s = o.members.filter(
         (I) => c.includes(I.id)
       ), l = s.map((I) => I.id), d = c.filter(
         (I) => !l.includes(I)
       ), p = [
-        ...r.members,
+        ...o.members,
         ...n.users
       ].filter(
         (I) => d.includes(I.id)
       ), f = [...s, ...p];
-      r.onMembersChange(f);
+      o.onMembersChange(f);
     },
-    [r, n]
+    [o, n]
   );
   return {
     availableMembersUsers: K(() => {
-      const a = [...r.members];
+      const a = [...o.members];
       return n.users.forEach((c) => {
         a.find((s) => s.id === c.id) || a.push(c);
       }), a;
-    }, [r.members, n.users]),
+    }, [o.members, n.users]),
     handleResponsibleChange: t,
-    handleMembersChange: o
+    handleMembersChange: r
   };
 }, Vi = ({
   opened: n,
-  onClose: r,
+  onClose: o,
   onMaximize: t,
-  editable: o,
+  editable: r,
   name: i,
   onNameChange: a,
   avatar: c,
@@ -9618,7 +9626,7 @@ const Ae = ({
           icon: st,
           value: p.description,
           onChange: p.onDescriptionChange,
-          editable: o
+          editable: r
         },
         "description"
       ),
@@ -9637,7 +9645,7 @@ const Ae = ({
         Fe,
         {
           multiple: !1,
-          editable: o,
+          editable: r,
           label: "Team Leader",
           icon: Dn,
           value: d.userIds.length > 0 ? d.userIds[0] : void 0,
@@ -9653,7 +9661,7 @@ const Ae = ({
         Fe,
         {
           multiple: !0,
-          editable: o,
+          editable: r,
           label: "Team Members",
           icon: dt,
           value: u.members.map((m) => m.id),
@@ -9669,7 +9677,7 @@ const Ae = ({
     [
       p.description,
       p.onDescriptionChange,
-      o,
+      r,
       l,
       d.handleLoadMore,
       d.handleSearch,
@@ -9689,9 +9697,9 @@ const Ae = ({
     li,
     {
       opened: n,
-      onClose: r,
+      onClose: o,
       onMaximize: t,
-      editable: o,
+      editable: r,
       headerProps: {
         avatar: c,
         onAvatarChange: (m) => s == null ? void 0 : s(m),
@@ -9706,9 +9714,9 @@ const Ae = ({
   );
 }, pi = ({
   isSidebarOpen: n,
-  fullWidth: r = !1,
+  fullWidth: o = !1,
   editable: t,
-  rightNavigation: o,
+  rightNavigation: r,
   headerProps: i,
   properties: a,
   children: c,
@@ -9716,7 +9724,7 @@ const Ae = ({
 }) => {
   const [l, d] = O(
     i == null ? void 0 : i.avatar
-  ), [u, p] = O(!1), [f, I] = O(!1), h = r ? "0" : {
+  ), [u, p] = O(!1), [f, I] = O(!1), h = o ? "0" : {
     base: "1rem",
     sm: "2rem",
     md: "4rem",
@@ -9746,7 +9754,7 @@ const Ae = ({
         /* @__PURE__ */ e(En, { label: i.title, onClick: () => {
         } })
       ] }),
-      /* @__PURE__ */ e(b, { children: o })
+      /* @__PURE__ */ e(b, { children: r })
     ] }),
     /* @__PURE__ */ e(b, { px: h, w: "100%", maw: { base: "100%", md: "80vw" }, mx: "auto", children: /* @__PURE__ */ v(W, { gap: "md", children: [
       i && /* @__PURE__ */ v(W, { gap: "md", children: [
@@ -9811,7 +9819,7 @@ const Ae = ({
           }
         ),
         /* @__PURE__ */ e(b, { children: t ? /* @__PURE__ */ e(
-          Po,
+          Hr,
           {
             value: i.title || "",
             onChange: (y) => {
@@ -9840,16 +9848,16 @@ const Ae = ({
   ] });
 }, mi = ({
   editable: n,
-  owner: r,
+  owner: o,
   descriptionProps: t,
-  responsibleProps: o,
+  responsibleProps: r,
   membersProps: i
 }) => {
   const {
     availableMembersUsers: a,
     handleResponsibleChange: c,
     handleMembersChange: s
-  } = Ft(o, i);
+  } = Ft(r, i);
   return /* @__PURE__ */ v(W, { gap: "sm", children: [
     /* @__PURE__ */ e(
       At,
@@ -9868,8 +9876,8 @@ const Ae = ({
         editable: !1,
         label: "Team Owner",
         icon: lt,
-        value: r.id,
-        users: [r]
+        value: o.id,
+        users: [o]
       },
       "owner"
     ),
@@ -9880,12 +9888,12 @@ const Ae = ({
         editable: n,
         label: "Team Leader",
         icon: Dn,
-        value: o.userIds.length > 0 ? o.userIds[0] : void 0,
-        users: o.users,
+        value: r.userIds.length > 0 ? r.userIds[0] : void 0,
+        users: r.users,
         onChange: c,
-        onSearch: o.handleSearch,
-        onLoadMore: o.handleLoadMore,
-        hasMore: o.hasMore
+        onSearch: r.handleSearch,
+        onLoadMore: r.handleLoadMore,
+        hasMore: r.hasMore
       },
       "leader"
     ),
@@ -9908,9 +9916,9 @@ const Ae = ({
   ] });
 }, _i = ({
   editable: n,
-  headerProps: r,
+  headerProps: o,
   rightNavigation: t,
-  properties: o,
+  properties: r,
   children: i,
   footer: a
 }) => /* @__PURE__ */ e(
@@ -9919,26 +9927,26 @@ const Ae = ({
     isSidebarOpen: !0,
     editable: n,
     rightNavigation: t,
-    headerProps: r,
-    properties: /* @__PURE__ */ e(mi, { ...o }),
+    headerProps: o,
+    properties: /* @__PURE__ */ e(mi, { ...r }),
     children: i,
     footer: a
   }
 ), Gi = ({
   title: n,
-  properties: r,
+  properties: o,
   children: t
 }) => /* @__PURE__ */ v(W, { gap: "sm", p: "3rem", children: [
   /* @__PURE__ */ e(T, { size: "2.5rem", fw: 600, children: n }),
   /* @__PURE__ */ e(Ee, { h: "md" }),
-  /* @__PURE__ */ e(W, { gap: "xs", children: r }),
+  /* @__PURE__ */ e(W, { gap: "xs", children: o }),
   /* @__PURE__ */ e(Ee, { h: "md" }),
   /* @__PURE__ */ e(b, { children: t })
 ] }), Qi = ({
   opened: n,
-  onClose: r,
+  onClose: o,
   position: t,
-  size: o,
+  size: r,
   onMaximize: i,
   editable: a,
   rightNavigation: c,
@@ -9959,9 +9967,9 @@ const Ae = ({
     On,
     {
       opened: n,
-      onClose: r,
+      onClose: o,
       position: t,
-      size: o,
+      size: r,
       padding: "md",
       withCloseButton: !1,
       overlayProps: {
@@ -9972,7 +9980,7 @@ const Ae = ({
       children: /* @__PURE__ */ v(W, { gap: "md", children: [
         /* @__PURE__ */ v(A, { justify: "space-between", children: [
           /* @__PURE__ */ v(A, { gap: "xs", wrap: "nowrap", children: [
-            /* @__PURE__ */ e(Be, { icon: Ne, onClick: r }),
+            /* @__PURE__ */ e(Be, { icon: Ne, onClick: o }),
             /* @__PURE__ */ e(Be, { icon: Rn, onClick: () => i() })
           ] }),
           " ",
@@ -10072,7 +10080,7 @@ const Ae = ({
       ] })
     }
   );
-}, gi = ro({
+}, gi = or({
   /** Put your mantine theme override here */
   primaryColor: "blue",
   fontFamily: "Inter, system-ui, Avenir, Helvetica, Arial, sans-serif",
@@ -10113,11 +10121,11 @@ const Ae = ({
 });
 function Yi({
   children: n,
-  theme: r
+  theme: o
 }) {
-  return /* @__PURE__ */ v(io, { theme: r || gi, children: [
-    /* @__PURE__ */ e(Co, {}),
-    /* @__PURE__ */ e(Oo, { children: /* @__PURE__ */ e(zo, { settings: { firstDayOfWeek: 0 }, children: n }) })
+  return /* @__PURE__ */ v(ir, { theme: o || gi, children: [
+    /* @__PURE__ */ e(kr, {}),
+    /* @__PURE__ */ e(Cr, { children: /* @__PURE__ */ e(Or, { settings: { firstDayOfWeek: 0 }, children: n }) })
   ] });
 }
 export {
@@ -10131,20 +10139,20 @@ export {
   $i as CenterPeek,
   Pi as DocsTemplate,
   an as EditableText,
-  Po as EditableTextarea,
-  Ro as EmojiAvatar,
-  Vo as ExpandableSearch,
+  Hr as EditableTextarea,
+  Dr as EmojiAvatar,
+  Pr as ExpandableSearch,
   Ri as FilterDropdown,
   Bn as FilterDropdownButton,
   An as FilterDropdownFilters,
   Hi as FullPage,
-  dr as GenericTable,
-  jo as IconAvatar,
-  Uo as ImageAvatar,
+  lo as GenericTable,
+  Lr as IconAvatar,
+  Fr as ImageAvatar,
   tn as InvitedUserCard,
   Ni as LinkProperty,
-  Ho as Logo,
-  Jr as Matrix,
+  $r as Logo,
+  Jo as Matrix,
   nn as Menu,
   Bi as ModalSettings,
   ht as NavButton,
@@ -10156,11 +10164,11 @@ export {
   pi as PageLayout,
   Ae as PageProperty,
   bn as PlaceholderAvatar,
-  tr as PopoverItem,
+  no as PopoverItem,
   Ln as PopoverSelector,
   Fe as SelectUserProperty,
   Ti as ShareButton,
-  Tr as ShareMenu,
+  To as ShareMenu,
   Ei as ShareModal,
   li as SidePeek,
   Qi as SidePeekLayout,
@@ -10173,8 +10181,8 @@ export {
   Yi as ThemeProvider,
   In as UserChip,
   Fi as WorkspaceSelector,
-  Nr as WorkspaceSelectorItem,
-  Wo as getInitialsFromName,
+  No as WorkspaceSelectorItem,
+  Nr as getInitialsFromName,
   gi as theme,
   jt as useAppLayout,
   ji as useNavbar,