obeyaka-ui 0.1.10 → 0.1.11

package/dist/index.es.js

@@ -1,13 +1,13 @@
 import { jsx as e, jsxs as f, Fragment as ie } from "react/jsx-runtime";
 import fe, { useState as S, useCallback as U, useMemo as q, memo as je, useRef as _, useEffect as B, useLayoutEffect as Dn, Suspense as Rn, forwardRef as Tn, useImperativeHandle as Pn, createContext as En, useContext as An } from "react";
-import { ActionIcon as Le, Tooltip as xe, Box as v, Skeleton as jn, Loader as ae, Text as k, Group as T, TextInput as Fe, useCombobox as He, Combobox as G, Indicator as Ke, MenuItem as Je, Menu as Y, Stack as L, Popover as Ie, LoadingOverlay as Ln, Button as K, Table as ne, Badge as Me, Tabs as Z, ScrollArea as le, Flex as en, Avatar as nn, TagsInput as Fn, Textarea as Hn, Radio as Un, Space as ve, Modal as Ue, FocusTrap as on, Drawer as rn, Alert as Nn, Anchor as Bn, createTheme as Wn, MantineProvider as $n } from "@mantine/core";
-import { IconQuestionMark as we, IconSearch as Ne, IconX as tn, IconFilter as an, IconFilterOff as Qn, IconChevronDown as be, IconPlus as Ve, IconDots as pe, IconChevronRight as Gn, IconCheck as Be, IconChevronUp as _e, IconClock as cn, IconMoodSmile as Oe, IconFlag as Vn, IconHeart as _n, IconBulb as Zn, IconPlane as Ze, IconBallBasketball as Yn, IconApple as qn, IconTrees as sn, IconUser as Xn, IconBriefcase as Kn, IconDeviceDesktop as Jn, IconCircle as eo, IconTool as no, IconMessage as oo, IconPhoto as Ye, IconArchive as Ee, IconBell as ro, IconInbox as to, IconChecklist as Te, IconChevronsLeft as io, IconMaximize as ln, IconStar as dn, IconChevronsRight as ao } from "@tabler/icons-react";
+import { ActionIcon as Le, Tooltip as xe, Box as v, Skeleton as jn, Loader as ae, Text as k, Group as P, InputWrapper as Ln, Input as Fn, TextInput as Fe, useCombobox as He, Combobox as G, Indicator as Ke, MenuItem as Je, Menu as Y, Stack as L, Popover as Ie, LoadingOverlay as Hn, Button as K, Table as ne, Badge as Me, Tabs as Z, ScrollArea as le, Flex as en, Avatar as nn, TagsInput as Un, Textarea as Nn, Radio as Bn, Space as ve, Modal as Ue, FocusTrap as on, Drawer as rn, Alert as Wn, Anchor as $n, createTheme as Qn, MantineProvider as Gn } from "@mantine/core";
+import { IconQuestionMark as we, IconSearch as Ne, IconX as tn, IconFilter as an, IconFilterOff as Vn, IconChevronDown as be, IconPlus as Ve, IconDots as pe, IconChevronRight as _n, IconCheck as Be, IconChevronUp as _e, IconClock as cn, IconMoodSmile as Oe, IconFlag as Zn, IconHeart as Yn, IconBulb as qn, IconPlane as Ze, IconBallBasketball as Xn, IconApple as Kn, IconTrees as sn, IconUser as Jn, IconBriefcase as eo, IconDeviceDesktop as no, IconCircle as oo, IconTool as ro, IconMessage as to, IconPhoto as Ye, IconArchive as Ee, IconBell as io, IconInbox as ao, IconChecklist as Te, IconChevronsLeft as co, IconMaximize as ln, IconStar as dn, IconChevronsRight as so } from "@tabler/icons-react";
 import ze from "@emoji-mart/data";
-import { init as co, SearchIndex as so } from "emoji-mart";
-import { useDisclosure as lo } from "@mantine/hooks";
-import { Notifications as uo } from "@mantine/notifications";
-import { ModalsProvider as fo } from "@mantine/modals";
-import { DatesProvider as Io } from "@mantine/dates";
+import { init as lo, SearchIndex as uo } from "emoji-mart";
+import { useDisclosure as fo } from "@mantine/hooks";
+import { Notifications as Io } from "@mantine/notifications";
+import { ModalsProvider as po } from "@mantine/modals";
+import { DatesProvider as ho } from "@mantine/dates";
 const V = fe.memo(
   ({
     onClick: n,
@@ -21,14 +21,14 @@ const V = fe.memo(
     disabled: s = !1,
     loading: d = !1,
     tooltip: u,
-    "aria-label": m,
+    "aria-label": y,
     className: p,
     style: b,
     onMouseEnter: x,
     onMouseLeave: g,
     ...h
   }) => {
-    const [w, y] = S(!1), O = U(() => {
+    const [w, m] = S(!1), O = U(() => {
       s || d || (n == null || n(), console.log("Clicked"));
     }, [s, d, n]), M = q(() => ({
       xs: 14,
@@ -42,14 +42,14 @@ const V = fe.memo(
       md: 2,
       lg: 2,
       xl: 2.5
-    })[c] || 2, [c]), P = U(
+    })[c] || 2, [c]), R = U(
       (j) => {
-        y(!0), x == null || x(j);
+        m(!0), x == null || x(j);
       },
       [x]
     ), z = U(
       (j) => {
-        y(!1), g == null || g(j);
+        m(!1), g == null || g(j);
       },
       [g]
     ), I = q(() => {
@@ -57,17 +57,17 @@ const V = fe.memo(
         return l;
       if (a === "transparent")
         return w ? "var(--mantine-color-gray-2)" : "transparent";
-    }, [l, a, w]), A = q(() => o && t && w ? t : r, [o, t, w, r]), H = q(
+    }, [l, a, w]), E = q(() => o && t && w ? t : r, [o, t, w, r]), F = q(
       () => /* @__PURE__ */ e(
-        A,
+        E,
         {
           size: M,
           strokeWidth: D,
           color: i
         }
       ),
-      [A, M, D, i]
-    ), E = /* @__PURE__ */ e(
+      [E, M, D, i]
+    ), A = /* @__PURE__ */ e(
       Le,
       {
         onClick: O,
@@ -78,20 +78,20 @@ const V = fe.memo(
         size: c,
         disabled: s || d,
         loading: d,
-        onMouseEnter: P,
+        onMouseEnter: R,
         onMouseLeave: z,
-        "aria-label": m || u,
+        "aria-label": y || u,
         className: p,
         style: b,
         ...h,
-        children: H
+        children: F
       }
     );
-    return u && !s && !d ? /* @__PURE__ */ e(xe, { label: u, position: "top", withArrow: !0, children: E }) : E;
+    return u && !s && !d ? /* @__PURE__ */ e(xe, { label: u, position: "top", withArrow: !0, children: A }) : A;
   }
 );
 V.displayName = "ActionButton";
-const po = (n) => {
+const go = (n) => {
   const r = {
     xs: { width: 28, height: 28, fontSize: 16 },
     // Emoji size
@@ -109,7 +109,7 @@ const po = (n) => {
     height: n,
     fontSize: n - 8
   } : r[n];
-}, ho = ({
+}, mo = ({
   emoji: n,
   size: r = "lg",
   editable: o = !1,
@@ -117,7 +117,7 @@ const po = (n) => {
   className: i,
   style: c
 }) => {
-  const a = po(r), l = o && t;
+  const a = go(r), l = o && t;
   return /* @__PURE__ */ e(
     v,
     {
@@ -174,7 +174,7 @@ const po = (n) => {
     default:
       return 64;
   }
-}, oe = /* @__PURE__ */ new Map(), go = [
+}, oe = /* @__PURE__ */ new Map(), yo = [
   "IconUser",
   "IconHeart",
   "IconStar",
@@ -207,10 +207,10 @@ const po = (n) => {
   "IconShare",
   "IconThumbUp",
   "IconTrash"
-], mo = async () => {
+], vo = async () => {
   try {
     const n = await import("@tabler/icons-react");
-    go.forEach((r) => {
+    yo.forEach((r) => {
       if (!oe.has(r)) {
         const o = n[r];
         o && oe.set(r, o);
@@ -220,8 +220,8 @@ const po = (n) => {
     console.warn("Error preloading common icons:", n);
   }
 };
-mo();
-const yo = async (n) => {
+vo();
+const wo = async (n) => {
   if (oe.has(n))
     return oe.get(n);
   try {
@@ -230,7 +230,7 @@ const yo = async (n) => {
   } catch {
     return oe.set(n, we), we;
   }
-}, vo = (n) => n.replace(/^Icon/, "").replace(/([A-Z])/g, " $1").trim().toLowerCase().replace(/^./, (o) => o.toUpperCase()), un = je(
+}, xo = (n) => n.replace(/^Icon/, "").replace(/([A-Z])/g, " $1").trim().toLowerCase().replace(/^./, (o) => o.toUpperCase()), un = je(
   ({ iconName: n, onClick: r, size: o = 20 }) => {
     const [t, i] = S(null), [c, a] = S(!0), l = _(null), s = _(!0);
     B(() => (s.current = !0, (async () => {
@@ -265,7 +265,7 @@ const yo = async (n) => {
     ) : /* @__PURE__ */ e(
       xe,
       {
-        label: vo(n),
+        label: xo(n),
         position: "top",
         withArrow: !0,
         openDelay: 300,
@@ -321,15 +321,15 @@ const fn = je(
     onMouseEnter: a,
     onMouseLeave: l
   }) => {
-    const [s, d] = S(!1), [u, m] = S(() => oe.get(n) || null), p = se(r), b = Math.round(p * 0.9);
+    const [s, d] = S(!1), [u, y] = S(() => oe.get(n) || null), p = se(r), b = Math.round(p * 0.9);
     B(() => {
       if (oe.has(n)) {
-        m(() => oe.get(n));
+        y(() => oe.get(n));
         return;
       }
       let g = !0;
-      return yo(n).then((h) => {
-        g && m(() => h);
+      return wo(n).then((h) => {
+        g && y(() => h);
       }), () => {
         g = !1;
       };
@@ -400,7 +400,7 @@ const fn = je(
   }
 );
 fn.displayName = "IconAvatar";
-const wo = (n) => {
+const bo = (n) => {
   const r = {
     xs: { width: 28, height: 28 },
     sm: { width: 32, height: 32 },
@@ -412,7 +412,7 @@ const wo = (n) => {
     width: n,
     height: n
   } : r[n];
-}, xo = ({
+}, Co = ({
   iconName: n,
   size: r = "lg",
   editable: o = !1,
@@ -420,7 +420,7 @@ const wo = (n) => {
   className: i,
   style: c
 }) => {
-  const a = wo(r), l = o && t;
+  const a = bo(r), l = o && t;
   return /* @__PURE__ */ e(
     v,
     {
@@ -469,7 +469,7 @@ const wo = (n) => {
       )
     }
   );
-}, bo = (n) => {
+}, So = (n) => {
   const r = {
     xs: { width: 28, height: 28 },
     sm: { width: 32, height: 32 },
@@ -481,7 +481,7 @@ const wo = (n) => {
     width: n,
     height: n
   } : r[n];
-}, Co = ({
+}, ko = ({
   src: n,
   size: r = "lg",
   editable: o = !1,
@@ -491,7 +491,7 @@ const wo = (n) => {
   loading: a = !1,
   alt: l = "Avatar"
 }) => {
-  const [s, d] = S(!1), u = bo(r), m = o && t, p = () => {
+  const [s, d] = S(!1), u = So(r), y = o && t, p = () => {
     d(!0);
   }, b = () => {
     d(!1);
@@ -504,7 +504,7 @@ const wo = (n) => {
         ...u,
         borderRadius: "var(--mantine-radius-md)",
         overflow: "hidden",
-        cursor: m ? "pointer" : "default",
+        cursor: y ? "pointer" : "default",
         position: "relative",
         display: "flex",
         alignItems: "center",
@@ -513,12 +513,12 @@ const wo = (n) => {
         backgroundColor: "transparent",
         ...c
       },
-      onClick: m ? t : void 0,
+      onClick: y ? t : void 0,
       onMouseEnter: (x) => {
-        m && (x.currentTarget.style.backgroundColor = "var(--mantine-color-gray-0)");
+        y && (x.currentTarget.style.backgroundColor = "var(--mantine-color-gray-0)");
       },
       onMouseLeave: (x) => {
-        m && (x.currentTarget.style.backgroundColor = "transparent");
+        y && (x.currentTarget.style.backgroundColor = "transparent");
       },
       children: a ? /* @__PURE__ */ e(
         ae,
@@ -548,7 +548,7 @@ const wo = (n) => {
       )
     }
   );
-}, So = (n) => {
+}, Oo = (n) => {
   const r = {
     xs: { width: 28, height: 28, fontSize: 14 },
     // Text size
@@ -575,7 +575,7 @@ const wo = (n) => {
   style: c,
   loading: a = !1
 }) => {
-  const l = So(r), s = o && t;
+  const l = Oo(r), s = o && t;
   return /* @__PURE__ */ e(
     v,
     {
@@ -629,7 +629,7 @@ const wo = (n) => {
       )
     }
   );
-}, ko = (n) => {
+}, Mo = (n) => {
   if (!n)
     return "";
   const r = [
@@ -663,7 +663,7 @@ const wo = (n) => {
       switch (n.type) {
         case "emoji":
           return /* @__PURE__ */ e(
-            ho,
+            mo,
             {
               emoji: n.value,
               size: r,
@@ -673,7 +673,7 @@ const wo = (n) => {
           );
         case "icon":
           return /* @__PURE__ */ e(
-            xo,
+            Co,
             {
               iconName: n.value,
               size: r,
@@ -683,7 +683,7 @@ const wo = (n) => {
           );
         case "image":
           return /* @__PURE__ */ e(
-            Co,
+            ko,
             {
               src: n.value,
               size: r,
@@ -693,11 +693,11 @@ const wo = (n) => {
           );
       }
     if (a) {
-      const m = l ? ko(l) : "?";
+      const y = l ? Mo(l) : "?";
       return /* @__PURE__ */ e(
         Ae,
         {
-          text: m,
+          text: y,
           size: r,
           editable: s,
           onClick: t
@@ -718,7 +718,7 @@ const wo = (n) => {
     );
   const u = d();
   return u ? /* @__PURE__ */ e("div", { className: i, style: c, children: u }) : null;
-}, Oo = ({
+}, zo = ({
   label: n,
   onClick: r,
   isActive: o = !1
@@ -743,7 +743,7 @@ const wo = (n) => {
       children: /* @__PURE__ */ e(k, { fw: 500, fz: "sm", truncate: "end", c: "var(--mantine-color-gray-9)", children: n })
     }
   );
-}, Mo = new URL("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTUiIGhlaWdodD0iNTYiIHZpZXdCb3g9IjAgMCA1NSA1NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMC43NUg1NVY1NS43NUgwVjAuNzVaIiBmaWxsPSIjRjZGNUY0Ii8+CjxwYXRoIGQ9Ik04LjgwMDI5IDM0LjYzQzguODAwMjkgMzQuMTQ0IDkuMTk0MjggMzMuNzUgOS42ODAyOSAzMy43NUgxOC45MjAzQzE5LjQwNjMgMzMuNzUgMTkuODAwMyAzNC4xNDQgMTkuODAwMyAzNC42M1Y0My44N0MxOS44MDAzIDQ0LjM1NiAxOS40MDYzIDQ0Ljc1IDE4LjkyMDMgNDQuNzVIOS42ODAyOUM5LjE5NDI4IDQ0Ljc1IDguODAwMjkgNDQuMzU2IDguODAwMjkgNDMuODdWMzQuNjNaIiBmaWxsPSIjRkZDQTAwIi8+CjxwYXRoIGQ9Ik0yMi4wMDAyIDIzLjYzQzIyLjAwMDIgMjMuMTQ0IDIyLjM5NDIgMjIuNzUgMjIuODgwMiAyMi43NUgzMi4xMjAyQzMyLjYwNjMgMjIuNzUgMzMuMDAwMiAyMy4xNDQgMzMuMDAwMiAyMy42M1Y0My44N0MzMy4wMDAyIDQ0LjM1NiAzMi42MDYzIDQ0Ljc1IDMyLjEyMDIgNDQuNzVIMjIuODgwMkMyMi4zOTQyIDQ0Ljc1IDIyLjAwMDIgNDQuMzU2IDIyLjAwMDIgNDMuODdWMjMuNjNaIiBmaWxsPSIjMzdDRTkxIi8+CjxwYXRoIGQ9Ik0zNS4yMDAyIDEyLjYzQzM1LjIwMDIgMTIuMTQ0IDM1LjU5NDIgMTEuNzUgMzYuMDgwMiAxMS43NUg0NS4zMjAyQzQ1LjgwNjIgMTEuNzUgNDYuMjAwMiAxMi4xNDQgNDYuMjAwMiAxMi42M1Y0My44N0M0Ni4yMDAyIDQ0LjM1NiA0NS44MDYyIDQ0Ljc1IDQ1LjMyMDIgNDQuNzVIMzYuMDgwMkMzNS41OTQyIDQ0Ljc1IDM1LjIwMDIgNDQuMzU2IDM1LjIwMDIgNDMuODdWMTIuNjNaIiBmaWxsPSIjRkIzNzU3Ii8+CjxwYXRoIGQ9Ik04LjgwMDA1IDE3LjI1QzguODAwMDUgMTQuMjEyNCAxMS4yNjI1IDExLjc1IDE0LjMgMTEuNzVDMTcuMzM3NiAxMS43NSAxOS44IDE0LjIxMjQgMTkuOCAxNy4yNUMxOS44IDIwLjI4NzYgMTcuMzM3NiAyMi43NSAxNC4zIDIyLjc1QzExLjI2MjUgMjIuNzUgOC44MDAwNSAyMC4yODc2IDguODAwMDUgMTcuMjVaIiBmaWxsPSIjMDA3MkZGIi8+Cjwvc3ZnPgo=", self.location).href, zo = ({
+}, Do = new URL("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTUiIGhlaWdodD0iNTYiIHZpZXdCb3g9IjAgMCA1NSA1NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMC43NUg1NVY1NS43NUgwVjAuNzVaIiBmaWxsPSIjRjZGNUY0Ii8+CjxwYXRoIGQ9Ik04LjgwMDI5IDM0LjYzQzguODAwMjkgMzQuMTQ0IDkuMTk0MjggMzMuNzUgOS42ODAyOSAzMy43NUgxOC45MjAzQzE5LjQwNjMgMzMuNzUgMTkuODAwMyAzNC4xNDQgMTkuODAwMyAzNC42M1Y0My44N0MxOS44MDAzIDQ0LjM1NiAxOS40MDYzIDQ0Ljc1IDE4LjkyMDMgNDQuNzVIOS42ODAyOUM5LjE5NDI4IDQ0Ljc1IDguODAwMjkgNDQuMzU2IDguODAwMjkgNDMuODdWMzQuNjNaIiBmaWxsPSIjRkZDQTAwIi8+CjxwYXRoIGQ9Ik0yMi4wMDAyIDIzLjYzQzIyLjAwMDIgMjMuMTQ0IDIyLjM5NDIgMjIuNzUgMjIuODgwMiAyMi43NUgzMi4xMjAyQzMyLjYwNjMgMjIuNzUgMzMuMDAwMiAyMy4xNDQgMzMuMDAwMiAyMy42M1Y0My44N0MzMy4wMDAyIDQ0LjM1NiAzMi42MDYzIDQ0Ljc1IDMyLjEyMDIgNDQuNzVIMjIuODgwMkMyMi4zOTQyIDQ0Ljc1IDIyLjAwMDIgNDQuMzU2IDIyLjAwMDIgNDMuODdWMjMuNjNaIiBmaWxsPSIjMzdDRTkxIi8+CjxwYXRoIGQ9Ik0zNS4yMDAyIDEyLjYzQzM1LjIwMDIgMTIuMTQ0IDM1LjU5NDIgMTEuNzUgMzYuMDgwMiAxMS43NUg0NS4zMjAyQzQ1LjgwNjIgMTEuNzUgNDYuMjAwMiAxMi4xNDQgNDYuMjAwMiAxMi42M1Y0My44N0M0Ni4yMDAyIDQ0LjM1NiA0NS44MDYyIDQ0Ljc1IDQ1LjMyMDIgNDQuNzVIMzYuMDgwMkMzNS41OTQyIDQ0Ljc1IDM1LjIwMDIgNDQuMzU2IDM1LjIwMDIgNDMuODdWMTIuNjNaIiBmaWxsPSIjRkIzNzU3Ii8+CjxwYXRoIGQ9Ik04LjgwMDA1IDE3LjI1QzguODAwMDUgMTQuMjEyNCAxMS4yNjI1IDExLjc1IDE0LjMgMTEuNzVDMTcuMzM3NiAxMS43NSAxOS44IDE0LjIxMjQgMTkuOCAxNy4yNUMxOS44IDIwLjI4NzYgMTcuMzM3NiAyMi43NSAxNC4zIDIyLjc1QzExLjI2MjUgMjIuNzUgOC44MDAwNSAyMC4yODc2IDguODAwMDUgMTcuMjVaIiBmaWxsPSIjMDA3MkZGIi8+Cjwvc3ZnPgo=", self.location).href, Ro = ({
   appName: n = "Obeyaka",
   size: r = "md",
   showText: o = !0,
@@ -781,13 +781,13 @@ const wo = (n) => {
         return 0;
     }
   }, { icon: l, text: s } = c();
-  return /* @__PURE__ */ f(T, { gap: "xs", align: "center", wrap: "nowrap", children: [
+  return /* @__PURE__ */ f(P, { gap: "xs", align: "center", wrap: "nowrap", children: [
     (() => {
       const u = l * 56 / 55;
       return /* @__PURE__ */ e(
         "img",
         {
-          src: Mo,
+          src: Do,
           alt: `${n} Logo`,
           width: l,
           height: u,
@@ -812,7 +812,73 @@ const wo = (n) => {
       }
     )
   ] });
-}, Do = ({
+}, Nr = ({
+  value: n,
+  label: r,
+  onChange: o,
+  placeholder: t = "Click to edit...",
+  disabled: i = !1,
+  bgColor: c = "gray",
+  size: a = "md",
+  radius: l = "sm",
+  className: s = "",
+  style: d,
+  showEditBorder: u = !0,
+  editBorderColor: y = "#228be6",
+  selectOnFocus: p = !1,
+  ...b
+}) => {
+  const [x, g] = S(!1), [h, w] = S(n), m = _(null);
+  B(() => {
+    w(n);
+  }, [n]);
+  const O = () => {
+    i || (g(!0), p && m.current && m.current.select());
+  }, M = () => {
+    g(!1), h !== n && o(h);
+  }, D = (E) => {
+    w(E.target.value);
+  }, R = (E) => {
+    var F, A;
+    E.key === "Enter" ? (g(!1), o(h), (F = m.current) == null || F.blur()) : E.key === "Escape" && (w(n), g(!1), (A = m.current) == null || A.blur());
+  }, z = {
+    cursor: i ? "not-allowed" : "text"
+  }, I = {
+    backgroundColor: c === "gray" ? "var(--mantine-color-gray-0)" : c === "white" ? "var(--mantine-color-white)" : void 0,
+    borderColor: x && u ? y : void 0,
+    borderWidth: x && u ? "2px" : void 0,
+    transition: "border-color 0.2s ease-in-out, border-width 0.2s ease-in-out",
+    color: "var(--mantine-color-gray-9)"
+  };
+  return /* @__PURE__ */ e(
+    Ln,
+    {
+      label: r,
+      c: "var(--mantine-color-gray-6)",
+      size: a,
+      children: /* @__PURE__ */ e(
+        Fn,
+        {
+          ref: m,
+          value: h,
+          onChange: D,
+          onFocus: O,
+          onBlur: M,
+          onKeyDown: R,
+          placeholder: t,
+          disabled: i,
+          size: a,
+          fw: 500,
+          radius: l,
+          className: s,
+          style: { ...z, ...d },
+          styles: { input: { ...I } },
+          ...b
+        }
+      )
+    }
+  );
+}, To = ({
   expandDirection: n = "right",
   placeholder: r = "Type to search",
   value: o = "",
@@ -823,14 +889,14 @@ const wo = (n) => {
   disabled: l = !1,
   className: s
 }) => {
-  const [d, u] = S(!1), [m, p] = S(!1), [b, x] = S(o), g = _(null), h = _(null);
+  const [d, u] = S(!1), [y, p] = S(!1), [b, x] = S(o), g = _(null), h = _(null);
   B(() => {
     x(o);
   }, [o]), B(() => {
     d && g.current && g.current.focus();
   }, [d]), B(() => {
-    const I = (A) => {
-      h.current && !h.current.contains(A.target) && w();
+    const I = (E) => {
+      h.current && !h.current.contains(E.target) && w();
     };
     if (d)
       return document.addEventListener("mousedown", I), () => {
@@ -841,11 +907,11 @@ const wo = (n) => {
     p(!0), setTimeout(() => {
       u(!1), p(!1);
     }, 200);
-  }, y = () => {
+  }, m = () => {
     l || u(!0);
   }, O = (I) => {
-    const A = I.target.value;
-    x(A), t == null || t(A);
+    const E = I.target.value;
+    x(E), t == null || t(E);
   }, M = (I) => {
     I.key === "Enter" && (i == null || i(b)), I.key === "Escape" && w();
   }, D = () => {
@@ -884,7 +950,7 @@ const wo = (n) => {
       },
       children: [
         /* @__PURE__ */ f(
-          T,
+          P,
           {
             gap: 0,
             style: {
@@ -896,7 +962,7 @@ const wo = (n) => {
               /* @__PURE__ */ e(
                 v,
                 {
-                  onClick: y,
+                  onClick: m,
                   style: {
                     display: "flex",
                     alignItems: "center",
@@ -938,7 +1004,7 @@ const wo = (n) => {
                   styles: {
                     root: {
                       position: "relative",
-                      animation: m ? `shrink${n === "right" ? "Right" : "Left"} 0.2s ease forwards` : `expand${n === "right" ? "Right" : "Left"} 0.2s ease forwards`
+                      animation: y ? `shrink${n === "right" ? "Right" : "Left"} 0.2s ease forwards` : `expand${n === "right" ? "Right" : "Left"} 0.2s ease forwards`
                     },
                     input: {
                       border: "none",
@@ -1050,7 +1116,7 @@ const wo = (n) => {
     (g) => !n.some(
       (h) => h.filterOption.value === g.value
     )
-  ), m = {
+  ), y = {
     borderRadius: "var(--mantine-radius-md)",
     fontSize: "var(--mantine-font-size-sm)",
     color: "var(--mantine-color-gray-7)",
@@ -1133,7 +1199,7 @@ const wo = (n) => {
                 {
                   value: g.value,
                   style: {
-                    ...m
+                    ...y
                   },
                   children: /* @__PURE__ */ f(
                     v,
@@ -1163,7 +1229,7 @@ const wo = (n) => {
                     {
                       style: { display: "flex", alignItems: "center", gap: "8px" },
                       children: [
-                        /* @__PURE__ */ e(Qn, { size: 16, stroke: 2 }),
+                        /* @__PURE__ */ e(Vn, { size: 16, stroke: 2 }),
                         "Remove filters"
                       ]
                     }
@@ -1176,7 +1242,7 @@ const wo = (n) => {
       ]
     }
   );
-}, Ro = ({
+}, Po = ({
   filterTag: n,
   onUpdate: r,
   onRemove: o,
@@ -1207,7 +1273,7 @@ const wo = (n) => {
     fontSize: "var(--mantine-font-size-sm)",
     color: "var(--mantine-color-gray-7)",
     fontWeight: "500"
-  }, m = {
+  }, y = {
     display: "inline-flex",
     alignItems: "center",
     gap: "4px",
@@ -1234,7 +1300,7 @@ const wo = (n) => {
           v,
           {
             style: {
-              ...m
+              ...y
             },
             onClick: () => c.toggleDropdown(),
             fw: 500,
@@ -1302,7 +1368,7 @@ const wo = (n) => {
       ]
     }
   );
-}, To = ({
+}, Eo = ({
   activeFilters: n,
   onFiltersChange: r,
   availableFilters: o,
@@ -1347,7 +1413,7 @@ const wo = (n) => {
       width: "auto",
       minWidth: "120px"
     }
-  }, m = {
+  }, y = {
     borderRadius: "var(--mantine-radius-md)",
     fontSize: "var(--mantine-font-size-sm)",
     color: "var(--mantine-color-gray-7)",
@@ -1394,7 +1460,7 @@ const wo = (n) => {
               {
                 value: p.value,
                 style: {
-                  ...m
+                  ...y
                 },
                 children: /* @__PURE__ */ f(
                   v,
@@ -1424,12 +1490,12 @@ const wo = (n) => {
 }) => {
   const a = (d) => {
     const u = (n || []).map(
-      (m) => m.id === d.id ? d : m
+      (y) => y.id === d.id ? d : y
     );
     r(u);
   }, l = (d) => {
     const u = (n || []).filter(
-      (m) => m.id !== d
+      (y) => y.id !== d
     );
     r(u);
   }, s = (o || []).filter(
@@ -1437,11 +1503,11 @@ const wo = (n) => {
       (u) => u.filterOption.value === d.value
     )
   );
-  return !n || n.length === 0 ? null : /* @__PURE__ */ e("div", { style: { width: "100%" }, children: /* @__PURE__ */ f(T, { gap: "sm", align: "center", wrap: "wrap", children: [
+  return !n || n.length === 0 ? null : /* @__PURE__ */ e("div", { style: { width: "100%" }, children: /* @__PURE__ */ f(P, { gap: "sm", align: "center", wrap: "wrap", children: [
     (n || []).map((d) => {
       const u = i ? i(d.filterOption.value) || [] : [];
       return /* @__PURE__ */ e(
-        Ro,
+        Po,
         {
           filterTag: d,
           onUpdate: a,
@@ -1454,7 +1520,7 @@ const wo = (n) => {
       );
     }),
     s.length > 0 && /* @__PURE__ */ e(
-      To,
+      Eo,
       {
         activeFilters: n,
         onFiltersChange: r,
@@ -1463,7 +1529,7 @@ const wo = (n) => {
       }
     )
   ] }) });
-}, Po = ({
+}, Ao = ({
   activeFilters: n,
   onFiltersChange: r,
   availableFilters: o,
@@ -1491,10 +1557,10 @@ const wo = (n) => {
       filterTagDropdownPosition: c
     }
   )
-] }), Hr = Object.assign(Po, {
+] }), Br = Object.assign(Ao, {
   Button: We,
   Filters: $e
-}), Eo = ({
+}), jo = ({
   children: n,
   danger: r,
   active: o,
@@ -1548,7 +1614,7 @@ const wo = (n) => {
         },
         children: [
           o,
-          r == null ? void 0 : r.map((l, s) => /* @__PURE__ */ e(Eo, { ...l }, s))
+          r == null ? void 0 : r.map((l, s) => /* @__PURE__ */ e(jo, { ...l }, s))
         ]
       }
     )
@@ -1565,7 +1631,7 @@ const wo = (n) => {
   isActive: s = !1,
   ...d
 }) => {
-  const [u, m] = S(!1);
+  const [u, y] = S(!1);
   return /* @__PURE__ */ e(
     v,
     {
@@ -1581,15 +1647,15 @@ const wo = (n) => {
       w: l ? "100%" : "auto",
       px: 6,
       h: 40,
-      onMouseEnter: () => !i && m(!0),
-      onMouseLeave: () => m(!1),
+      onMouseEnter: () => !i && y(!0),
+      onMouseLeave: () => y(!1),
       onClick: () => {
         i || o == null || o();
       },
       bg: u || s ? "gray.1" : "transparent",
       "aria-label": c || `${n} navigation button`,
       ...d,
-      children: /* @__PURE__ */ f(T, { w: "100%", wrap: "nowrap", gap: 8, justify: "left", align: "center", children: [
+      children: /* @__PURE__ */ f(P, { w: "100%", wrap: "nowrap", gap: 8, justify: "left", align: "center", children: [
         r,
         /* @__PURE__ */ e(
           k,
@@ -1626,7 +1692,7 @@ const wo = (n) => {
       ] })
     }
   );
-}, Ur = ({
+}, Wr = ({
   label: n,
   rightLabel: r,
   children: o,
@@ -1638,7 +1704,7 @@ const wo = (n) => {
   level: s = 0,
   disabled: d = !1,
   noChild: u = !1,
-  isActive: m = !1,
+  isActive: y = !1,
   showAvatar: p = !1,
   avatar: b,
   placeholder: x,
@@ -1646,19 +1712,19 @@ const wo = (n) => {
   "aria-label": h,
   ...w
 }) => {
-  const [y, O] = S(!1), [M, D] = S(!1), [P, z] = S(!1), I = fe.Children.count(o) > 0, A = P ? be : Gn, H = !u && I && (p ? M : !0), E = U(
+  const [m, O] = S(!1), [M, D] = S(!1), [R, z] = S(!1), I = fe.Children.count(o) > 0, E = R ? be : _n, F = !u && I && (p ? M : !0), A = U(
     ($) => {
-      d || (console.log("NavLink clicked", { hasChildren: I, noChild: u, isExpanded: y }), I && !u && (console.log("Toggling expansion"), O(!y)), g == null || g());
+      d || (console.log("NavLink clicked", { hasChildren: I, noChild: u, isExpanded: m }), I && !u && (console.log("Toggling expansion"), O(!m)), g == null || g());
     },
-    [g, d, I, u, y]
+    [g, d, I, u, m]
   ), j = U(
     ($) => {
       $.stopPropagation(), !d && (t == null || t());
     },
     [t, d]
   ), W = U(() => {
-    d || (I && !u && O(!y), g == null || g());
-  }, [d, I, u, y, g]), re = U(() => {
+    d || (I && !u && O(!m), g == null || g());
+  }, [d, I, u, m, g]), re = U(() => {
     d || t == null || t();
   }, [t, d]), te = U(
     ($) => {
@@ -1669,14 +1735,14 @@ const wo = (n) => {
     ...$.props,
     level: s + 1
   }) : $) : null, [o, I, s]), de = (c == null ? void 0 : c.map(($) => ({
-    children: /* @__PURE__ */ f(T, { gap: "xs", wrap: "nowrap", children: [
+    children: /* @__PURE__ */ f(P, { gap: "xs", wrap: "nowrap", children: [
       $.icon && /* @__PURE__ */ e($.icon, { size: 16 }),
       /* @__PURE__ */ e(k, { size: "sm", children: $.label })
     ] }),
     onClick: () => te($.action)
   }))) || [], ge = [
     {
-      children: /* @__PURE__ */ f(T, { gap: "xs", wrap: "nowrap", children: [
+      children: /* @__PURE__ */ f(P, { gap: "xs", wrap: "nowrap", children: [
         /* @__PURE__ */ e(Ve, { size: 16 }),
         /* @__PURE__ */ e(k, { size: "sm", children: "Add child" })
       ] }),
@@ -1702,33 +1768,33 @@ const wo = (n) => {
         h: 40,
         onMouseEnter: () => !d && D(!0),
         onMouseLeave: () => D(!1),
-        onClick: E,
-        bg: m || M ? "var(--mantine-color-gray-1)" : "transparent",
-        "aria-expanded": y,
+        onClick: A,
+        bg: y || M ? "var(--mantine-color-gray-1)" : "transparent",
+        "aria-expanded": m,
         "aria-label": h || `${n} navigation link`,
         ...w,
         children: /* @__PURE__ */ f(
-          T,
+          P,
           {
             w: "100%",
             wrap: "nowrap",
             gap: 8,
-            onClick: E,
+            onClick: A,
             style: {
-              paddingLeft: u && !H ? `${(s + 1) * 16}px` : s > 0 ? `${s * 16}px` : "0px"
+              paddingLeft: u && !F ? `${(s + 1) * 16}px` : s > 0 ? `${s * 16}px` : "0px"
             },
             children: [
-              H ? /* @__PURE__ */ e(
+              F ? /* @__PURE__ */ e(
                 V,
                 {
-                  icon: A,
+                  icon: E,
                   size: "md",
                   color: a,
                   onClick: W,
                   disabled: d,
                   onMouseEnter: () => z(!0),
                   onMouseLeave: () => z(!1),
-                  "aria-label": I ? `${y ? "Collapse" : "Expand"} ${n}` : void 0
+                  "aria-label": I ? `${m ? "Collapse" : "Expand"} ${n}` : void 0
                 }
               ) : p ? /* @__PURE__ */ e(
                 he,
@@ -1744,16 +1810,16 @@ const wo = (n) => {
                 {
                   size: "sm",
                   fw: 500,
-                  c: m ? "black" : M ? "gray.9" : "gray.8",
+                  c: y ? "black" : M ? "gray.9" : "gray.8",
                   truncate: !0,
                   w: "100%",
                   style: { opacity: d ? 0.5 : 1 },
                   children: n
                 }
               ),
-              /* @__PURE__ */ f(T, { gap: "xs", align: "center", children: [
+              /* @__PURE__ */ f(P, { gap: "xs", align: "center", children: [
                 r && /* @__PURE__ */ e(k, { size: "xs", c: "dimmed", children: r }),
-                M && !d && /* @__PURE__ */ f(T, { gap: 4, wrap: "nowrap", children: [
+                M && !d && /* @__PURE__ */ f(P, { gap: 4, wrap: "nowrap", children: [
                   t && /* @__PURE__ */ e(
                     V,
                     {
@@ -1785,9 +1851,9 @@ const wo = (n) => {
         )
       }
     ),
-    y && !u && /* @__PURE__ */ e(L, { gap: 0, style: { width: "100%" }, children: I ? Q() : /* @__PURE__ */ e(v, { style: { marginLeft: s > 0 ? `${s * 16}px` : "0px" }, children: /* @__PURE__ */ e(k, { size: "sm", c: "dimmed", ta: "left", p: "sm", fw: 500, children: l }) }) })
+    m && !u && /* @__PURE__ */ e(L, { gap: 0, style: { width: "100%" }, children: I ? Q() : /* @__PURE__ */ e(v, { style: { marginLeft: s > 0 ? `${s * 16}px` : "0px" }, children: /* @__PURE__ */ e(k, { size: "sm", c: "dimmed", ta: "left", p: "sm", fw: 500, children: l }) }) })
   ] });
-}, Ao = "200px", jo = "4px 8px", Lo = 40, Fo = "var(--mantine-radius-md)", Ho = 16, Uo = ({
+}, Lo = "200px", Fo = "4px 8px", Ho = 40, Uo = "var(--mantine-radius-md)", No = 16, Bo = ({
   item: n,
   withAvatars: r,
   disabled: o = !1,
@@ -1807,22 +1873,22 @@ const wo = (n) => {
         l.stopPropagation();
       },
       style: {
-        minWidth: Ao,
+        minWidth: Lo,
         backgroundColor: o ? "transparent" : c ? "var(--mantine-color-gray-1)" : "transparent",
         cursor: o ? "default" : "pointer",
-        borderRadius: Fo,
-        padding: jo,
+        borderRadius: Uo,
+        padding: Fo,
         transition: "background-color 0.2s ease",
         opacity: o ? 0.5 : 1
       },
       children: /* @__PURE__ */ f(
-        T,
+        P,
         {
           gap: "sm",
           wrap: "nowrap",
           align: "flex-start",
           style: { alignItems: "center" },
-          h: Lo,
+          h: Ho,
           children: [
             r && n.avatar && /* @__PURE__ */ e(
               "img",
@@ -1860,7 +1926,7 @@ const wo = (n) => {
             i && /* @__PURE__ */ e(
               Be,
               {
-                size: Ho,
+                size: No,
                 color: "var(--mantine-color-gray-9)"
               }
             )
@@ -1869,7 +1935,7 @@ const wo = (n) => {
       )
     }
   );
-}, No = "bottom-end", Bo = 1e4, Wo = "24px", $o = "0 8px", Qo = "6px", qe = "var(--mantine-radius-md)", Go = "46px", Qe = ({
+}, Wo = "bottom-end", $o = 1e4, Qo = "24px", Go = "0 8px", Vo = "6px", qe = "var(--mantine-radius-md)", _o = "46px", Qe = ({
   value: n,
   onChange: r,
   data: o,
@@ -1881,11 +1947,11 @@ const wo = (n) => {
   defaultOption: s,
   popoverStyles: d,
   dropdownStyles: u,
-  triggerStyles: m,
+  triggerStyles: y,
   textStyles: p
 }) => {
-  const [b, x] = S(!1), g = (o || []).find((I) => I.value === n) || s, [h, w] = S(!1), [y, O] = S(!1), [M, D] = S(!1), P = t ? /* @__PURE__ */ e(
-    T,
+  const [b, x] = S(!1), g = (o || []).find((I) => I.value === n) || s, [h, w] = S(!1), [m, O] = S(!1), [M, D] = S(!1), R = t ? /* @__PURE__ */ e(
+    P,
     {
       p: "sm",
       onClick: (I) => {
@@ -1893,11 +1959,11 @@ const wo = (n) => {
       },
       style: {
         cursor: "pointer",
-        height: Go,
+        height: _o,
         display: "flex",
         alignItems: "center",
         borderRadius: qe,
-        backgroundColor: y ? "var(--mantine-color-red-0)" : "transparent",
+        backgroundColor: m ? "var(--mantine-color-red-0)" : "transparent",
         transition: "background-color 0.2s ease"
       },
       onMouseEnter: () => O(!0),
@@ -1913,18 +1979,18 @@ const wo = (n) => {
         l || (x(!0), D(!0));
       },
       style: {
-        height: Wo,
+        height: Qo,
         cursor: l ? "not-allowed" : "pointer",
         display: "inline-flex",
         alignItems: "center",
         borderRadius: qe,
         backgroundColor: l ? "transparent" : h || M ? "var(--mantine-color-gray-1)" : "transparent",
         transition: "background-color 0.2s ease",
-        padding: $o,
-        gap: Qo,
+        padding: Go,
+        gap: Vo,
         width: "auto",
         opacity: l ? 0.6 : 1,
-        ...m
+        ...y
       },
       children: [
         /* @__PURE__ */ e(
@@ -1961,10 +2027,10 @@ const wo = (n) => {
       onChange: (I) => {
         x(I), I || D(!1);
       },
-      position: No,
+      position: Wo,
       shadow: "md",
       withinPortal: !0,
-      zIndex: Bo,
+      zIndex: $o,
       styles: d,
       children: [
         /* @__PURE__ */ e(Ie.Target, { children: z }),
@@ -1988,22 +2054,22 @@ const wo = (n) => {
                 onMouseDown: (I) => I.stopPropagation(),
                 children: [
                   (o || []).map((I) => {
-                    const A = a.includes(I.value), H = I.value === n;
+                    const E = a.includes(I.value), F = I.value === n;
                     return /* @__PURE__ */ e(
-                      Uo,
+                      Bo,
                       {
                         item: I,
                         withAvatars: i,
-                        disabled: A,
-                        selected: H,
-                        onClick: (E) => {
-                          r == null || r(E), x(!1), D(!1);
+                        disabled: E,
+                        selected: F,
+                        onClick: (A) => {
+                          r == null || r(A), x(!1), D(!1);
                         }
                       },
                       I.value
                     );
                   }),
-                  P
+                  R
                 ]
               }
             )
@@ -2012,7 +2078,7 @@ const wo = (n) => {
       ]
     }
   );
-}, Vo = (n, r, o, t) => {
+}, Zo = (n, r, o, t) => {
   const i = _(null), c = _(null), a = U(
     (s) => {
       s[0].isIntersecting && o && !t && r && r();
@@ -2039,7 +2105,7 @@ const wo = (n) => {
   }, []), {
     loadMoreRef: i
   };
-}, _o = ({
+}, Yo = ({
   tableName: n,
   data: r,
   columns: o,
@@ -2051,86 +2117,86 @@ const wo = (n) => {
   searchPlaceholder: s = "Search...",
   enableAutoFilters: d = !0,
   customFilters: u = [],
-  onCustomFilter: m,
+  onCustomFilter: y,
   onSort: p,
   sortColumn: b,
   sortDirection: x,
   onSearch: g,
   onRowClick: h,
   size: w = "md",
-  striped: y = !1,
+  striped: m = !1,
   highlightOnHover: O = !0,
   enableInfiniteScroll: M = !1,
   isLoadingMore: D = !1,
-  hasMore: P = !1,
+  hasMore: R = !1,
   onLoadMore: z
 }) => {
-  const [I, A] = S(""), [H, E] = S([]), { loadMoreRef: j } = Vo(
+  const [I, E] = S(""), [F, A] = S([]), { loadMoreRef: j } = Zo(
     M,
     z || (() => {
     }),
-    P,
+    R,
     D
-  ), W = q(() => [...d ? o.filter((R) => R.type === "select" && R.options).map((R) => ({
-    value: R.key,
-    label: R.label
+  ), W = q(() => [...d ? o.filter((T) => T.type === "select" && T.options).map((T) => ({
+    value: T.key,
+    label: T.label
   })) : [], ...u], [o, d, u]), re = q(() => {
     let C = r || [];
     if (I) {
-      const R = I.toLowerCase();
-      C = C.filter((F) => o.some((N) => {
+      const T = I.toLowerCase();
+      C = C.filter((H) => o.some((N) => {
         if (!N.searchable)
           return !1;
-        const J = F[N.key];
-        return J == null ? !1 : String(J).toLowerCase().includes(R);
+        const J = H[N.key];
+        return J == null ? !1 : String(J).toLowerCase().includes(T);
       }));
     }
-    return H.forEach((R) => {
-      if (R.filterTag.selectedOption) {
-        const F = o.find(
-          (N) => N.key === R.filterTag.filterOption.value
+    return F.forEach((T) => {
+      if (T.filterTag.selectedOption) {
+        const H = o.find(
+          (N) => N.key === T.filterTag.filterOption.value
         );
-        F && (C = C.filter((N) => {
+        H && (C = C.filter((N) => {
           var ce;
-          const J = N[F.key];
-          return String(J) === ((ce = R.filterTag.selectedOption) == null ? void 0 : ce.value);
+          const J = N[H.key];
+          return String(J) === ((ce = T.filterTag.selectedOption) == null ? void 0 : ce.value);
         }));
       }
     }), C;
-  }, [r, I, H, o]), te = (C) => {
-    A(C), g == null || g(C);
+  }, [r, I, F, o]), te = (C) => {
+    E(C), g == null || g(C);
   }, Q = (C) => {
-    const R = o.find((N) => N.key === C);
-    if (!(R != null && R.sortable))
+    const T = o.find((N) => N.key === C);
+    if (!(T != null && T.sortable))
       return;
-    const F = b === C && x === "asc" ? "desc" : "asc";
-    p == null || p(C, F);
+    const H = b === C && x === "asc" ? "desc" : "asc";
+    p == null || p(C, H);
   }, de = (C) => {
-    const R = o.find((F) => F.key === C);
-    return (R == null ? void 0 : R.type) === "select" && R.options ? R.options.map((F) => ({
-      value: F.value,
-      label: F.label
-    })) : (R == null ? void 0 : R.type) === "badge" ? [
-      ...new Set(r.map((N) => N[R.key]).filter(Boolean))
+    const T = o.find((H) => H.key === C);
+    return (T == null ? void 0 : T.type) === "select" && T.options ? T.options.map((H) => ({
+      value: H.value,
+      label: H.label
+    })) : (T == null ? void 0 : T.type) === "badge" ? [
+      ...new Set(r.map((N) => N[T.key]).filter(Boolean))
     ].map((N) => ({
       value: String(N),
       label: String(N).charAt(0).toUpperCase() + String(N).slice(1)
-    })) : R ? [
-      ...new Set(r.map((N) => N[R.key]).filter(Boolean))
+    })) : T ? [
+      ...new Set(r.map((N) => N[T.key]).filter(Boolean))
     ].map((N) => ({
       value: String(N),
       label: String(N).charAt(0).toUpperCase() + String(N).slice(1)
     })) : [];
-  }, ge = (C, R) => {
+  }, ge = (C, T) => {
     var N, J, ce, Ce, Se;
-    const F = R[C.key];
+    const H = T[C.key];
     switch (C.type) {
       case "text":
-        return /* @__PURE__ */ e(k, { size: "sm", c: F ? void 0 : "dimmed", children: F || "—" });
+        return /* @__PURE__ */ e(k, { size: "sm", c: H ? void 0 : "dimmed", children: H || "—" });
       case "date":
-        if (!F)
+        if (!H)
           return /* @__PURE__ */ e(k, { size: "sm", c: "dimmed", children: "—" });
-        const X = new Date(F), On = C.format ? X.toLocaleDateString("en-US", {
+        const X = new Date(H), On = C.format ? X.toLocaleDateString("en-US", {
           year: "numeric",
           month: "2-digit",
           day: "2-digit"
@@ -2140,18 +2206,18 @@ const wo = (n) => {
         return C.options ? /* @__PURE__ */ e(
           Qe,
           {
-            value: F,
+            value: H,
             data: C.options,
             placeholder: C.label,
             onChange: (ee) => {
               var ke;
-              return (ke = C.onSelectChange) == null ? void 0 : ke.call(C, ee, R);
+              return (ke = C.onSelectChange) == null ? void 0 : ke.call(C, ee, T);
             },
-            disabled: (N = C.disabled) == null ? void 0 : N.call(C, R)
+            disabled: (N = C.disabled) == null ? void 0 : N.call(C, T)
           }
         ) : /* @__PURE__ */ e(k, { size: "sm", c: "dimmed", children: "—" });
       case "badge":
-        const Mn = ((J = C.badgeColors) == null ? void 0 : J[F]) || "gray";
+        const Mn = ((J = C.badgeColors) == null ? void 0 : J[H]) || "gray";
         return /* @__PURE__ */ e(
           Me,
           {
@@ -2160,22 +2226,22 @@ const wo = (n) => {
             size: "sm",
             radius: "md",
             fw: 600,
-            children: F || "Unknown"
+            children: H || "Unknown"
           }
         );
       case "avatar":
-        const zn = ((ce = C.fallbackText) == null ? void 0 : ce.call(C, R)) || String(F).charAt(0).toUpperCase();
+        const zn = ((ce = C.fallbackText) == null ? void 0 : ce.call(C, T)) || String(H).charAt(0).toUpperCase();
         return /* @__PURE__ */ e(
           he,
           {
-            avatar: F,
+            avatar: H,
             size: "xs",
             placeholder: zn,
             showPlaceholder: !0
           }
         );
       case "custom":
-        return ((Ce = C.render) == null ? void 0 : Ce.call(C, F, R)) || /* @__PURE__ */ e(k, { size: "sm", c: "dimmed", children: "—" });
+        return ((Ce = C.render) == null ? void 0 : Ce.call(C, H, T)) || /* @__PURE__ */ e(k, { size: "sm", c: "dimmed", children: "—" });
       case "actions":
         return (Se = C.actions) != null && Se.length ? /* @__PURE__ */ f(
           Y,
@@ -2197,8 +2263,8 @@ const wo = (n) => {
                   {
                     color: ee.color,
                     leftSection: ee.icon,
-                    disabled: (Ge = ee.disabled) == null ? void 0 : Ge.call(ee, R),
-                    onClick: () => ee.onClick(R),
+                    disabled: (Ge = ee.disabled) == null ? void 0 : Ge.call(ee, T),
+                    onClick: () => ee.onClick(T),
                     styles: {
                       item: {
                         borderRadius: "var(--mantine-radius-md)"
@@ -2216,8 +2282,8 @@ const wo = (n) => {
         return /* @__PURE__ */ e(k, { size: "sm", c: "dimmed", children: "—" });
     }
   }, me = (C) => {
-    var R;
-    return (R = o.find((F) => F.key === C)) != null && R.sortable ? b === C ? x === "asc" ? /* @__PURE__ */ e(_e, { size: 14 }) : /* @__PURE__ */ e(be, { size: 14 }) : /* @__PURE__ */ e(_e, { size: 14, style: { opacity: 0.3 } }) : null;
+    var T;
+    return (T = o.find((H) => H.key === C)) != null && T.sortable ? b === C ? x === "asc" ? /* @__PURE__ */ e(_e, { size: 14 }) : /* @__PURE__ */ e(be, { size: 14 }) : /* @__PURE__ */ e(_e, { size: 14, style: { opacity: 0.3 } }) : null;
   }, ue = (() => {
     switch (w) {
       case "sm":
@@ -2229,14 +2295,14 @@ const wo = (n) => {
     }
   })();
   return /* @__PURE__ */ f(v, { pos: "relative", children: [
-    /* @__PURE__ */ e(Ln, { visible: a }),
+    /* @__PURE__ */ e(Hn, { visible: a }),
     /* @__PURE__ */ f(L, { gap: "sm", w: "100%", children: [
-      /* @__PURE__ */ f(T, { gap: "sm", wrap: "nowrap", justify: "space-between", children: [
+      /* @__PURE__ */ f(P, { gap: "sm", wrap: "nowrap", justify: "space-between", children: [
         /* @__PURE__ */ e(k, { fw: 600, c: "var(--mantine-color-gray-8)", children: n }),
-        /* @__PURE__ */ f(T, { gap: "xs", wrap: "nowrap", children: [
-          /* @__PURE__ */ f(T, { gap: 4, wrap: "nowrap", children: [
+        /* @__PURE__ */ f(P, { gap: "xs", wrap: "nowrap", children: [
+          /* @__PURE__ */ f(P, { gap: 4, wrap: "nowrap", children: [
             /* @__PURE__ */ e(
-              Do,
+              To,
               {
                 placeholder: s,
                 value: I,
@@ -2249,17 +2315,17 @@ const wo = (n) => {
             W.length > 0 && /* @__PURE__ */ e(
               We,
               {
-                activeFilters: H.map((C) => C.filterTag),
+                activeFilters: F.map((C) => C.filterTag),
                 onFiltersChange: (C) => {
-                  E(
-                    C.map((R) => ({
-                      filterTag: R,
+                  A(
+                    C.map((T) => ({
+                      filterTag: T,
                       onUpdate: () => {
                       },
                       onRemove: () => {
                       }
                     }))
-                  ), m == null || m(C);
+                  ), y == null || y(C);
                 },
                 availableFilters: W,
                 size: ue.buttonSize
@@ -2285,17 +2351,17 @@ const wo = (n) => {
       W.length > 0 && /* @__PURE__ */ e(
         $e,
         {
-          activeFilters: H.map((C) => C.filterTag),
+          activeFilters: F.map((C) => C.filterTag),
           onFiltersChange: (C) => {
-            E(
-              C.map((R) => ({
-                filterTag: R,
+            A(
+              C.map((T) => ({
+                filterTag: T,
                 onUpdate: () => {
                 },
                 onRemove: () => {
                 }
               }))
-            ), m == null || m(C);
+            ), y == null || y(C);
           },
           availableFilters: W,
           size: "md",
@@ -2307,7 +2373,7 @@ const wo = (n) => {
     /* @__PURE__ */ f(
       ne,
       {
-        striped: y,
+        striped: m,
         highlightOnHover: O,
         highlightOnHoverColor: "var(--mantine-color-gray-0)",
         mt: "xs",
@@ -2322,7 +2388,7 @@ const wo = (n) => {
                 cursor: C.sortable ? "pointer" : "default"
               },
               onClick: () => C.sortable && Q(C.key),
-              children: /* @__PURE__ */ f(T, { gap: "xs", wrap: "nowrap", children: [
+              children: /* @__PURE__ */ f(P, { gap: "xs", wrap: "nowrap", children: [
                 C.icon && /* @__PURE__ */ e(v, { style: { display: "flex", alignItems: "center" }, children: C.icon }),
                 /* @__PURE__ */ e(k, { size: ue.textSize, fw: 500, children: C.label }),
                 me(C.key)
@@ -2330,21 +2396,21 @@ const wo = (n) => {
             },
             String(C.key)
           )) }) }),
-          /* @__PURE__ */ e(ne.Tbody, { children: re.length === 0 ? /* @__PURE__ */ e(ne.Tr, { children: /* @__PURE__ */ e(ne.Td, { colSpan: o.length, ta: "center", py: "xl", children: /* @__PURE__ */ e(k, { c: "dimmed", children: l }) }) }) : re.map((C, R) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e(ne.Tbody, { children: re.length === 0 ? /* @__PURE__ */ e(ne.Tr, { children: /* @__PURE__ */ e(ne.Td, { colSpan: o.length, ta: "center", py: "xl", children: /* @__PURE__ */ e(k, { c: "dimmed", children: l }) }) }) : re.map((C, T) => /* @__PURE__ */ e(
             ne.Tr,
             {
               style: { cursor: h ? "pointer" : "default" },
               onClick: () => h == null ? void 0 : h(C),
-              children: o.map((F) => /* @__PURE__ */ e(
+              children: o.map((H) => /* @__PURE__ */ e(
                 ne.Td,
                 {
-                  style: { textAlign: F.align || "left" },
-                  children: ge(F, C)
+                  style: { textAlign: H.align || "left" },
+                  children: ge(H, C)
                 },
-                String(F.key)
+                String(H.key)
               ))
             },
-            C.id || R
+            C.id || T
           )) })
         ]
       }
@@ -2360,7 +2426,7 @@ const wo = (n) => {
           alignItems: "center",
           minHeight: "60px"
         },
-        children: D && /* @__PURE__ */ f(T, { display: "flex", ta: "center", gap: "xs", children: [
+        children: D && /* @__PURE__ */ f(P, { display: "flex", ta: "center", gap: "xs", children: [
           /* @__PURE__ */ e(ae, { size: "sm", color: "gray.5" }),
           /* @__PURE__ */ e(k, { size: "sm", c: "dimmed", fw: 500, children: "Loading more..." })
         ] })
@@ -2368,10 +2434,10 @@ const wo = (n) => {
     )
   ] });
 };
-Object.assign(_o, {
+Object.assign(Yo, {
   // Future static methods or sub-components can be added here
 });
-const Zo = ({
+const qo = ({
   onAvatarSelect: n,
   onEmojiSelect: r,
   onImageSelect: o,
@@ -2379,29 +2445,29 @@ const Zo = ({
 } = {}) => {
   const [i, c] = S(
     "emoji"
-  ), [a, l] = S(null), [s, d] = S(null), [u, m] = S(null), [p, b] = S(null), [x, g] = S(null), h = U((I) => {
+  ), [a, l] = S(null), [s, d] = S(null), [u, y] = S(null), [p, b] = S(null), [x, g] = S(null), h = U((I) => {
     c(I);
   }, []), w = U(
     (I) => {
       l(I);
     },
     []
-  ), y = U((I) => {
+  ), m = U((I) => {
     g(I);
-    const A = new FileReader();
-    A.onload = (H) => {
+    const E = new FileReader();
+    E.onload = (F) => {
       var j;
-      const E = (j = H.target) == null ? void 0 : j.result;
-      d(E);
-    }, A.readAsDataURL(I);
+      const A = (j = F.target) == null ? void 0 : j.result;
+      d(A);
+    }, E.readAsDataURL(I);
   }, []), O = U(
     (I) => {
-      m(I), d(null), g(null), b(null), n == null || n({ type: "emoji", value: I }), r == null || r(I);
+      y(I), d(null), g(null), b(null), n == null || n({ type: "emoji", value: I }), r == null || r(I);
     },
     [n, r]
   ), M = U(
     (I) => {
-      b(I), d(null), g(null), m(null), n == null || n({ type: "icon", value: I }), t == null || t(I);
+      b(I), d(null), g(null), y(null), n == null || n({ type: "icon", value: I }), t == null || t(I);
     },
     [n, t]
   ), D = U(() => {
@@ -2412,10 +2478,10 @@ const Zo = ({
         value: I
       }), o == null || o(x);
     }
-  }, [x, s, n, o]), P = U(() => {
-    d(null), g(null), m(null), b(null);
+  }, [x, s, n, o]), R = U(() => {
+    d(null), g(null), y(null), b(null);
   }, []), z = U(() => {
-    d(null), m(null), b(null), g(null), c("emoji"), l(null);
+    d(null), y(null), b(null), g(null), c("emoji"), l(null);
   }, []);
   return {
     selectedTab: i,
@@ -2426,14 +2492,14 @@ const Zo = ({
     selectedFile: x,
     handleTabChange: h,
     handleTabHover: w,
-    handleImagePreview: y,
+    handleImagePreview: m,
     handleImageAccept: D,
     handleEmojiSelect: O,
     handleIconSelect: M,
-    clearImagePreview: P,
+    clearImagePreview: R,
     resetState: z
   };
-}, Yo = ({
+}, Xo = ({
   opened: n,
   onClose: r,
   popoverRef: o
@@ -2458,7 +2524,7 @@ const Zo = ({
     handleClickOutside: t,
     handleEscape: i
   };
-}, qo = ({
+}, Ko = ({
   selectedTab: n,
   tabHovered: r,
   onTabChange: o,
@@ -2509,7 +2575,7 @@ const Zo = ({
                   },
                   fw: 500,
                   fz: "var(--mantine-font-size-sm)",
-                  children: /* @__PURE__ */ e(T, { gap: 4, children: "Emoji" })
+                  children: /* @__PURE__ */ e(P, { gap: 4, children: "Emoji" })
                 }
               )
             }
@@ -2543,7 +2609,7 @@ const Zo = ({
                   },
                   fw: 500,
                   fz: "var(--mantine-font-size-sm)",
-                  children: /* @__PURE__ */ e(T, { gap: 4, children: "Icons" })
+                  children: /* @__PURE__ */ e(P, { gap: 4, children: "Icons" })
                 }
               )
             }
@@ -2577,12 +2643,12 @@ const Zo = ({
                   },
                   fw: 500,
                   fz: "var(--mantine-font-size-sm)",
-                  children: /* @__PURE__ */ e(T, { gap: 4, children: "Image" })
+                  children: /* @__PURE__ */ e(P, { gap: 4, children: "Image" })
                 }
               )
             }
           ),
-          i && c && /* @__PURE__ */ e(T, { justify: "flex-end", display: "flex", flex: 1, pb: "xs", children: /* @__PURE__ */ e(
+          i && c && /* @__PURE__ */ e(P, { justify: "flex-end", display: "flex", flex: 1, pb: "xs", children: /* @__PURE__ */ e(
             v,
             {
               style: {
@@ -2615,8 +2681,8 @@ const Zo = ({
   );
 };
 let Xe = !1;
-Xe || (co({ data: ze }), Xe = !0);
-const Xo = () => {
+Xe || (lo({ data: ze }), Xe = !0);
+const Jo = () => {
   const n = [
     {
       id: "frequent",
@@ -2635,10 +2701,10 @@ const Xo = () => {
           o = /* @__PURE__ */ e(sn, { size: 20, strokeWidth: 2 }), t = "Animals & Nature";
           break;
         case "foods":
-          o = /* @__PURE__ */ e(qn, { size: 20, strokeWidth: 2 }), t = "Food & Drink";
+          o = /* @__PURE__ */ e(Kn, { size: 20, strokeWidth: 2 }), t = "Food & Drink";
           break;
         case "activity":
-          o = /* @__PURE__ */ e(Yn, { size: 20, strokeWidth: 2 }), t = "Activities";
+          o = /* @__PURE__ */ e(Xn, { size: 20, strokeWidth: 2 }), t = "Activities";
           break;
         case "travel":
           o = /* @__PURE__ */ e(Ze, { size: 20, strokeWidth: 2 }), t = "Travel & Places";
@@ -2647,13 +2713,13 @@ const Xo = () => {
           o = /* @__PURE__ */ e(Ze, { size: 20, strokeWidth: 2 }), t = "Travel & Places";
           break;
         case "objects":
-          o = /* @__PURE__ */ e(Zn, { size: 20, strokeWidth: 2 }), t = "Objects";
+          o = /* @__PURE__ */ e(qn, { size: 20, strokeWidth: 2 }), t = "Objects";
           break;
         case "symbols":
-          o = /* @__PURE__ */ e(_n, { size: 20, strokeWidth: 2 }), t = "Symbols";
+          o = /* @__PURE__ */ e(Yn, { size: 20, strokeWidth: 2 }), t = "Symbols";
           break;
         case "flags":
-          o = /* @__PURE__ */ e(Vn, { size: 20, strokeWidth: 2 }), t = "Flags";
+          o = /* @__PURE__ */ e(Zn, { size: 20, strokeWidth: 2 }), t = "Flags";
           break;
         case "frequent":
           return;
@@ -2668,7 +2734,7 @@ const Xo = () => {
       });
     }
   }), n;
-}, Ko = ({
+}, er = ({
   onEmojiSelect: n,
   height: r = 200
 }) => {
@@ -2678,9 +2744,9 @@ const Xo = () => {
       return h ? JSON.parse(h) : [];
     }
     return [];
-  }), [s, d] = S([]), [u, m] = S(!1), p = Xo();
+  }), [s, d] = S([]), [u, y] = S(!1), p = Jo();
   B(() => {
-    o.trim() ? (m(!0), so.search(o).then((h) => {
+    o.trim() ? (y(!0), uo.search(o).then((h) => {
       d(
         h.map((w) => ({
           id: w.id,
@@ -2688,7 +2754,7 @@ const Xo = () => {
           name: w.name,
           keywords: w.keywords
         }))
-      ), m(!1);
+      ), y(!1);
     })) : d([]);
   }, [o]);
   const b = q(() => {
@@ -2705,17 +2771,17 @@ const Xo = () => {
       (w) => w.id === i
     );
     return h ? h.emojis.map((w) => {
-      const y = ze.emojis[w];
+      const m = ze.emojis[w];
       return {
-        id: y.id,
-        native: y.skins[0].native,
-        name: y.name,
-        keywords: y.keywords
+        id: m.id,
+        native: m.skins[0].native,
+        name: m.name,
+        keywords: m.keywords
       };
     }) : [];
   }, [o, i, a, s]), x = (h) => {
     n(h), l((w) => {
-      const y = w.filter((M) => M !== h), O = [h, ...y].slice(0, 20);
+      const m = w.filter((M) => M !== h), O = [h, ...m].slice(0, 20);
       return typeof window < "u" && localStorage.setItem("emoji-frequent", JSON.stringify(O)), O;
     });
   };
@@ -2742,7 +2808,7 @@ const Xo = () => {
       /* @__PURE__ */ e(k, { size: "sm", c: "var(--mantine-color-gray-6)", ta: "left", fw: 500, children: ((h) => {
         if (o.trim())
           return "Results";
-        const w = p.find((y) => y.id === h);
+        const w = p.find((m) => m.id === h);
         return w ? w.name : h.charAt(0).toUpperCase() + h.slice(1);
       })(i) })
     ] }) }),
@@ -3867,21 +3933,21 @@ const ye = [
     name: "Communication",
     icons: xn
   }
-], Jo = {
+], nr = {
   recent: /* @__PURE__ */ e(cn, { size: 20, strokeWidth: 2.5 }),
-  user: /* @__PURE__ */ e(Xn, { size: 20, strokeWidth: 2.5 }),
-  business: /* @__PURE__ */ e(Kn, { size: 20, strokeWidth: 2.5 }),
-  tech: /* @__PURE__ */ e(Jn, { size: 20, strokeWidth: 2.5 }),
+  user: /* @__PURE__ */ e(Jn, { size: 20, strokeWidth: 2.5 }),
+  business: /* @__PURE__ */ e(eo, { size: 20, strokeWidth: 2.5 }),
+  tech: /* @__PURE__ */ e(no, { size: 20, strokeWidth: 2.5 }),
   expressions: /* @__PURE__ */ e(Oe, { size: 20, strokeWidth: 2.5 }),
   nature: /* @__PURE__ */ e(sn, { size: 20, strokeWidth: 2.5 }),
-  shapes: /* @__PURE__ */ e(eo, { size: 20, strokeWidth: 2.5 }),
-  actions: /* @__PURE__ */ e(no, { size: 20, strokeWidth: 2.5 }),
-  communication: /* @__PURE__ */ e(oo, { size: 20, strokeWidth: 2.5 })
-}, er = ({
+  shapes: /* @__PURE__ */ e(oo, { size: 20, strokeWidth: 2.5 }),
+  actions: /* @__PURE__ */ e(ro, { size: 20, strokeWidth: 2.5 }),
+  communication: /* @__PURE__ */ e(to, { size: 20, strokeWidth: 2.5 })
+}, or = ({
   selectedCategory: n,
   onCategoryChange: r
 }) => /* @__PURE__ */ e(en, { gap: "0px", justify: "center", wrap: "wrap", children: ye.map((o) => {
-  const t = Jo[o.id];
+  const t = nr[o.id];
   return /* @__PURE__ */ e(
     xe,
     {
@@ -3926,10 +3992,10 @@ const ye = [
     const [o, t] = S(""), [i, c] = S("recent"), [a, l] = S(!1), [s, d] = S([]);
     Dn(() => {
       if (typeof window < "u") {
-        const y = localStorage.getItem("avatar-icon-recent");
-        if (y)
+        const m = localStorage.getItem("avatar-icon-recent");
+        if (m)
           try {
-            d(JSON.parse(y));
+            d(JSON.parse(m));
           } catch (O) {
             console.warn(
               "Error parsing recent icons from localStorage:",
@@ -3939,52 +4005,52 @@ const ye = [
       }
     }, []);
     const u = q(() => ye.filter(
-      (y) => y.id !== "recent" && !("isDynamic" in y)
-    ).flatMap((y) => y.icons), []), m = q(() => {
+      (m) => m.id !== "recent" && !("isDynamic" in m)
+    ).flatMap((m) => m.icons), []), y = q(() => {
       if (i === "recent") {
         const O = new Set(u);
         return s.filter(
           (M) => O.has(M)
         );
       }
-      const y = ye.find(
+      const m = ye.find(
         (O) => O.id === i
       );
-      return (y == null ? void 0 : y.icons) || [];
+      return (m == null ? void 0 : m.icons) || [];
     }, [i, s, u]), p = U(
-      (y, O) => {
-        if (!y.trim())
+      (m, O) => {
+        if (!m.trim())
           return O;
-        const M = y.toLowerCase().trim(), D = M.split(/\s+/);
-        return O.filter((P) => {
-          const I = P.replace(/^Icon/, "").split(/(?=[A-Z])/).map((A) => A.toLowerCase().trim()).filter((A) => A.length > 0);
-          return !!(I.some((A) => D.some((H) => A === H)) || M.length > 2 && I.some(
-            (A) => D.some((H) => A.startsWith(H))
+        const M = m.toLowerCase().trim(), D = M.split(/\s+/);
+        return O.filter((R) => {
+          const I = R.replace(/^Icon/, "").split(/(?=[A-Z])/).map((E) => E.toLowerCase().trim()).filter((E) => E.length > 0);
+          return !!(I.some((E) => D.some((F) => E === F)) || M.length > 2 && I.some(
+            (E) => D.some((F) => E.startsWith(F))
           ) || M.length <= 2 && I.some(
-            (A) => D.some((H) => A.includes(H))
+            (E) => D.some((F) => E.includes(F))
           ) || D.length > 1 && D.every(
-            (A) => I.some((H) => H === A || H.startsWith(A))
+            (E) => I.some((F) => F === E || F.startsWith(E))
           ));
         });
       },
       []
-    ), b = q(() => o.trim() ? p(o, u) : m, [o, m, u, p]), x = U(
-      (y) => {
-        u.includes(y) && d((M) => {
+    ), b = q(() => o.trim() ? p(o, u) : y, [o, y, u, p]), x = U(
+      (m) => {
+        u.includes(m) && d((M) => {
           const D = [
-            y,
-            ...M.filter((P) => P !== y)
+            m,
+            ...M.filter((R) => R !== m)
           ].slice(0, 20);
           return typeof window < "u" && localStorage.setItem(
             "avatar-icon-recent",
             JSON.stringify(D)
           ), D;
-        }), n(y);
+        }), n(m);
       },
       [n, u]
     ), g = U(
-      (y) => {
-        i !== y && (t(""), c(y), requestAnimationFrame(() => {
+      (m) => {
+        i !== m && (t(""), c(m), requestAnimationFrame(() => {
           l(!0), setTimeout(() => l(!1), 100);
         }));
       },
@@ -3995,9 +4061,9 @@ const ye = [
         /* @__PURE__ */ e(
           Fe,
           {
-            placeholder: o.trim() ? "Search all icons..." : `Search in ${(h = ye.find((y) => y.id === i)) == null ? void 0 : h.name}...`,
+            placeholder: o.trim() ? "Search all icons..." : `Search in ${(h = ye.find((m) => m.id === i)) == null ? void 0 : h.name}...`,
             value: o,
-            onChange: (y) => t(y.target.value),
+            onChange: (m) => t(m.target.value),
             leftSection: /* @__PURE__ */ e(Ne, { size: 16 }),
             fw: 500,
             size: "sm",
@@ -4010,7 +4076,7 @@ const ye = [
             }
           }
         ),
-        /* @__PURE__ */ e(k, { size: "sm", c: "var(--mantine-color-gray-6)", ta: "left", fw: 500, children: o.trim() ? "Results" : (w = ye.find((y) => y.id === i)) == null ? void 0 : w.name })
+        /* @__PURE__ */ e(k, { size: "sm", c: "var(--mantine-color-gray-6)", ta: "left", fw: 500, children: o.trim() ? "Results" : (w = ye.find((m) => m.id === i)) == null ? void 0 : w.name })
       ] }) }),
       /* @__PURE__ */ e(v, { style: { flex: 1, overflow: "hidden" }, children: /* @__PURE__ */ e(le, { h: "100%", type: "hover", children: /* @__PURE__ */ e(
         v,
@@ -4023,14 +4089,14 @@ const ye = [
             opacity: a ? 0.7 : 1,
             transition: "opacity 0.05s ease"
           },
-          children: b.map((y) => /* @__PURE__ */ e(
+          children: b.map((m) => /* @__PURE__ */ e(
             un,
             {
-              iconName: y,
-              onClick: () => x(y),
+              iconName: m,
+              onClick: () => x(m),
               size: 20
             },
-            o.trim() ? `search-${y}` : `${i}-${y}`
+            o.trim() ? `search-${m}` : `${i}-${m}`
           ))
         },
         `${i}-${o}`
@@ -4042,7 +4108,7 @@ const ye = [
           py: "xs",
           style: { borderTop: "1px solid var(--mantine-color-gray-3)" },
           children: /* @__PURE__ */ e(
-            er,
+            or,
             {
               selectedCategory: i,
               onCategoryChange: g
@@ -4054,7 +4120,7 @@ const ye = [
   }
 );
 bn.displayName = "IconGrid";
-const nr = ({
+const rr = ({
   previewImage: n,
   fileInputRef: r,
   selectedEmoji: o,
@@ -4130,7 +4196,7 @@ const nr = ({
       disabled: i
     }
   ),
-  (n || o) && /* @__PURE__ */ f(T, { gap: "sm", w: "100%", children: [
+  (n || o) && /* @__PURE__ */ f(P, { gap: "sm", w: "100%", children: [
     /* @__PURE__ */ e(
       K,
       {
@@ -4154,7 +4220,7 @@ const nr = ({
     )
   ] }),
   /* @__PURE__ */ e(k, { size: "xs", c: "var(--mantine-color-gray-6)", ta: "center", children: "Supported formats: JPG, PNG, GIF, WebP" })
-] }) }), or = ({ onEmojiSelect: n }) => /* @__PURE__ */ e(Ko, { onEmojiSelect: n, height: 358 }), rr = ({ onIconSelect: n }) => /* @__PURE__ */ e(bn, { onIconSelect: n, height: 358 }), tr = ({
+] }) }), tr = ({ onEmojiSelect: n }) => /* @__PURE__ */ e(er, { onEmojiSelect: n, height: 358 }), ir = ({ onIconSelect: n }) => /* @__PURE__ */ e(bn, { onIconSelect: n, height: 358 }), ar = ({
   previewImage: n,
   selectedEmoji: r,
   size: o,
@@ -4165,7 +4231,7 @@ const nr = ({
   onClearImagePreview: l,
   fileInputRef: s
 }) => /* @__PURE__ */ e(
-  nr,
+  rr,
   {
     previewImage: n,
     fileInputRef: s,
@@ -4177,7 +4243,7 @@ const nr = ({
     onImageAccept: a,
     onClearImagePreview: l
   }
-), ir = () => /* @__PURE__ */ e(
+), cr = () => /* @__PURE__ */ e(
   v,
   {
     style: {
@@ -4192,7 +4258,7 @@ const nr = ({
       /* @__PURE__ */ e(k, { size: "sm", c: "gray.6", children: "Loading avatar options..." })
     ] })
   }
-), Nr = ({
+), $r = ({
   opened: n,
   onOpen: r,
   onClose: o,
@@ -4207,34 +4273,34 @@ const nr = ({
   onIconSelect: s,
   size: d = "lg",
   loading: u = !1,
-  placeholder: m,
+  placeholder: y,
   showPlaceholder: p = !0,
   position: b = "bottom-start",
   withinPortal: x = !0,
   zIndex: g = 1e3
 }) => {
-  const h = _(null), w = _(null), y = _(null), {
+  const h = _(null), w = _(null), m = _(null), {
     selectedTab: O,
     tabHovered: M,
     previewImage: D,
-    selectedEmoji: P,
+    selectedEmoji: R,
     selectedIcon: z,
     selectedFile: I,
-    handleTabChange: A,
-    handleTabHover: H,
-    handleImagePreview: E,
+    handleTabChange: E,
+    handleTabHover: F,
+    handleImagePreview: A,
     handleImageAccept: j,
     handleEmojiSelect: W,
     handleIconSelect: re,
     clearImagePreview: te,
     resetState: Q
-  } = Zo({
+  } = qo({
     onAvatarSelect: i,
     onEmojiSelect: a,
     onImageSelect: l,
     onIconSelect: s
   });
-  Yo({
+  Xo({
     opened: n,
     onClose: o,
     popoverRef: w
@@ -4246,32 +4312,32 @@ const nr = ({
   }, ge = (X) => {
     console.log("Icon clicked:", X), re(X), o();
   }, me = (X) => {
-    X && E(X);
+    X && A(X);
   }, $ = () => {
-    I ? (j(), o()) : (P || z) && o();
+    I ? (j(), o()) : (R || z) && o();
   }, ue = () => {
     h.current && h.current.click();
   }, C = () => {
     te();
-  }, R = () => {
+  }, T = () => {
     console.log("Avatar removed"), c == null || c(), o();
-  }, F = () => !!t, N = () => u ? /* @__PURE__ */ e(Ae, { size: d, loading: !0 }) : /* @__PURE__ */ e(
+  }, H = () => !!t, N = () => u ? /* @__PURE__ */ e(Ae, { size: d, loading: !0 }) : /* @__PURE__ */ e(
     he,
     {
       avatar: t,
       size: d,
-      placeholder: m,
+      placeholder: y,
       showPlaceholder: p,
       editable: !0,
       onClick: () => {
         !u && !n && r();
       }
     }
-  ), J = /* @__PURE__ */ e(or, { onEmojiSelect: de }), ce = /* @__PURE__ */ e(rr, { onIconSelect: ge }), Ce = /* @__PURE__ */ e(
-    tr,
+  ), J = /* @__PURE__ */ e(tr, { onEmojiSelect: de }), ce = /* @__PURE__ */ e(ir, { onIconSelect: ge }), Ce = /* @__PURE__ */ e(
+    ar,
     {
       previewImage: D,
-      selectedEmoji: P,
+      selectedEmoji: R,
       size: d,
       loading: u,
       onFileInputClick: ue,
@@ -4281,14 +4347,14 @@ const nr = ({
       fileInputRef: h
     }
   ), Se = /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
-    qo,
+    Ko,
     {
       selectedTab: O,
       tabHovered: M,
-      onTabChange: A,
-      onTabHover: H,
-      onRemove: R,
-      hasAvatar: F(),
+      onTabChange: E,
+      onTabHover: F,
+      onRemove: T,
+      hasAvatar: H(),
       children: O === "emoji" ? J : O === "icons" ? ce : Ce
     }
   ) });
@@ -4312,28 +4378,28 @@ const nr = ({
         duration: 150
       },
       children: [
-        /* @__PURE__ */ e(Ie.Target, { children: /* @__PURE__ */ e("div", { ref: y, style: { position: "relative" }, children: N() }) }),
+        /* @__PURE__ */ e(Ie.Target, { children: /* @__PURE__ */ e("div", { ref: m, style: { position: "relative" }, children: N() }) }),
         /* @__PURE__ */ e(
           Ie.Dropdown,
           {
             ref: w,
             p: 0,
             style: { width: "auto", overflow: "hidden", zIndex: g },
-            children: /* @__PURE__ */ e(Rn, { fallback: /* @__PURE__ */ e(ir, {}), children: Se })
+            children: /* @__PURE__ */ e(Rn, { fallback: /* @__PURE__ */ e(cr, {}), children: Se })
           }
         )
       ]
     }
   ) });
-}, ar = (n) => {
+}, sr = (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());
-}, cr = (n) => {
+}, lr = (n) => {
   const r = [];
   return n.forEach((o) => {
-    ar(o) || r.push({
+    sr(o) || r.push({
       email: o,
       error: "Please enter a valid email address"
     });
@@ -4341,7 +4407,7 @@ const nr = ({
     isValid: r.length === 0,
     errors: r
   };
-}, sr = (n) => {
+}, dr = (n) => {
   const r = [], o = /* @__PURE__ */ new Set();
   return n.forEach((t) => {
     const i = t.toLowerCase().trim();
@@ -4350,13 +4416,13 @@ const nr = ({
       error: "This email has already been added"
     }) : o.add(i);
   }), r;
-}, lr = (n) => {
-  const r = cr(n), o = sr(n), t = [...r.errors, ...o];
+}, ur = (n) => {
+  const r = lr(n), o = dr(n), t = [...r.errors, ...o];
   return {
     isValid: t.length === 0,
     errors: t
   };
-}, dr = ({
+}, fr = ({
   value: n,
   onChange: r,
   onInputChange: o,
@@ -4375,7 +4441,7 @@ const nr = ({
     o && o(c);
   }, [c, o]), B(() => {
     if (n.length > 0) {
-      const g = lr(n);
+      const g = ur(n);
       s(g.errors);
     } else
       s([]);
@@ -4384,8 +4450,8 @@ const nr = ({
     if (!g)
       return;
     let h;
-    const w = (y) => {
-      const M = y.target.value || "";
+    const w = (m) => {
+      const M = m.target.value || "";
       clearTimeout(h), h = setTimeout(() => {
         a(M);
       }, 150);
@@ -4394,19 +4460,19 @@ const nr = ({
       g.removeEventListener("input", w), clearTimeout(h);
     };
   }, []);
-  const m = U(
+  const y = U(
     (g) => {
-      const h = t.map((y) => ({
-        name: y.name || y.email,
-        email: y.email
-      })), w = g.map((y) => {
+      const h = t.map((m) => ({
+        name: m.name || m.email,
+        email: m.email
+      })), w = g.map((m) => {
         const O = h.find(
-          (M) => M.name.toLowerCase() === y.toLowerCase()
+          (M) => M.name.toLowerCase() === m.toLowerCase()
         );
-        return O ? O.email : y;
-      }).filter((y) => y.includes("@") ? !0 : !h.some((M) => {
-        const D = M.name.toLowerCase(), P = y.toLowerCase();
-        return D.startsWith(P) && P !== D;
+        return O ? O.email : m;
+      }).filter((m) => m.includes("@") ? !0 : !h.some((M) => {
+        const D = M.name.toLowerCase(), R = m.toLowerCase();
+        return D.startsWith(R) && R !== D;
       }));
       r(w), a("");
     },
@@ -4425,7 +4491,7 @@ const nr = ({
     displayValue: u,
     validationErrors: l,
     isValid: b,
-    handleEmailChange: m,
+    handleEmailChange: y,
     clearInput: p,
     handleInvite: x
   };
@@ -4437,7 +4503,7 @@ const nr = ({
   suggestedUsers: i = [],
   roleOptions: c = []
 }) => {
-  const [a, l] = S([]), [s, d] = S([]), [u, m] = S(""), [p, b] = S(
+  const [a, l] = S([]), [s, d] = S([]), [u, y] = S(""), [p, b] = S(
     {}
   ), x = c.length > 0 ? c[0].value : void 0, [g, h] = S(
     x
@@ -4445,34 +4511,34 @@ const nr = ({
   B(() => {
     c.length > 0 && !g && h(c[0].value);
   }, [c.length, g]), B(() => {
-    const E = i.filter((j) => a.includes(j.email)).map((j) => j.id);
+    const A = i.filter((j) => a.includes(j.email)).map((j) => j.id);
     d(
-      (j) => j.filter((W) => E.includes(W))
+      (j) => j.filter((W) => A.includes(W))
     );
   }, [a, i.length]);
-  const [w, y] = S(
+  const [w, m] = S(
     "invite"
   ), [O, M] = S(
     null
-  ), D = (E, j, W) => {
-    n && n(E, j, W), l([]), m("");
-  }, P = (E, j) => {
-    r && r(E, j);
-  }, z = (E) => {
-    o && o(E);
-  }, I = (E) => {
+  ), D = (A, j, W) => {
+    n && n(A, j, W), l([]), y("");
+  }, R = (A, j) => {
+    r && r(A, j);
+  }, z = (A) => {
+    o && o(A);
+  }, I = (A) => {
     d(
-      (j) => j.includes(E) ? j.filter((W) => W !== E) : [...j, E]
+      (j) => j.includes(A) ? j.filter((W) => W !== A) : [...j, A]
     );
-  }, A = (E) => {
-    a.includes(E.email) || (l([...a, E.email]), b((j) => ({
+  }, E = (A) => {
+    a.includes(A.email) || (l([...a, A.email]), b((j) => ({
       ...j,
-      [E.email]: E.name || E.email
-    })), s.includes(E.id) || d([...s, E.id]), m(""));
-  }, H = u.trim() ? i.filter((E) => {
+      [A.email]: A.name || A.email
+    })), s.includes(A.id) || d([...s, A.id]), y(""));
+  }, F = u.trim() ? i.filter((A) => {
     var W;
     const j = u.toLowerCase();
-    return E.email.toLowerCase().includes(j) || ((W = E.name) == null ? void 0 : W.toLowerCase().includes(j));
+    return A.email.toLowerCase().includes(j) || ((W = A.name) == null ? void 0 : W.toLowerCase().includes(j));
   }) : [];
   return {
     emails: a,
@@ -4480,21 +4546,21 @@ const nr = ({
     selectedUsers: s,
     setSelectedUsers: d,
     inputText: u,
-    setInputText: m,
+    setInputText: y,
     tagDisplayMap: p,
     setTagDisplayMap: b,
     selectedRole: g,
     setSelectedRole: h,
     selectedTab: w,
-    setSelectedTab: y,
+    setSelectedTab: m,
     tabHovered: O,
     setTabHovered: M,
-    filteredUsers: H,
+    filteredUsers: F,
     handleInvite: D,
-    handleUpdateRole: P,
+    handleUpdateRole: R,
     handleRemoveUser: z,
     handleToggleUser: I,
-    handleAddSuggestedUser: A
+    handleAddSuggestedUser: E
   };
 }, Sn = Tn(
   ({
@@ -4509,7 +4575,7 @@ const nr = ({
     suggestedUsers: s = [],
     tagDisplayMap: d = {}
   }, u) => {
-    const [m, p] = S(
+    const [y, p] = S(
       "Hello, I would like to invite you to join my workspace"
     ), {
       tagsInputRef: b,
@@ -4517,25 +4583,25 @@ const nr = ({
       validationErrors: g,
       isValid: h,
       handleEmailChange: w,
-      clearInput: y,
+      clearInput: m,
       handleInvite: O
-    } = dr({
+    } = fr({
       value: n,
       onChange: r,
       onInputChange: l,
       suggestedUsers: s,
       tagDisplayMap: d
     }), M = () => {
-      O(t, c, m), p("");
+      O(t, c, y), p("");
     };
     Pn(
       u,
       () => ({
-        clearInput: y
+        clearInput: m
       }),
-      [y]
+      [m]
     );
-    const D = x.length > 0, P = a && i.length > 0, z = g.length > 0;
+    const D = x.length > 0, R = a && i.length > 0, z = g.length > 0;
     return /* @__PURE__ */ f(L, { gap: "md", children: [
       /* @__PURE__ */ f(v, { children: [
         /* @__PURE__ */ e(
@@ -4549,14 +4615,14 @@ const nr = ({
               marginRight: "-8px"
             },
             children: /* @__PURE__ */ e(
-              Fn,
+              Un,
               {
                 ref: b,
                 value: x,
                 onChange: w,
                 placeholder: D ? "" : o,
                 radius: "md",
-                rightSection: P ? /* @__PURE__ */ e(
+                rightSection: R ? /* @__PURE__ */ e(
                   v,
                   {
                     style: {
@@ -4583,7 +4649,7 @@ const nr = ({
                 ) : null,
                 rightSectionProps: {
                   style: {
-                    width: P ? "120px" : "0px",
+                    width: R ? "120px" : "0px",
                     position: "absolute",
                     height: "32px",
                     right: "8px"
@@ -4591,7 +4657,7 @@ const nr = ({
                 },
                 styles: {
                   input: {
-                    paddingRight: P ? "130px" : "12px",
+                    paddingRight: R ? "130px" : "12px",
                     minHeight: "36px",
                     display: "flex",
                     flexWrap: "wrap",
@@ -4617,18 +4683,18 @@ const nr = ({
             )
           }
         ),
-        z && /* @__PURE__ */ e(L, { gap: "xs", mt: "xs", children: g.map((I, A) => /* @__PURE__ */ f(k, { size: "xs", c: "red", children: [
+        z && /* @__PURE__ */ e(L, { gap: "xs", mt: "xs", children: g.map((I, E) => /* @__PURE__ */ f(k, { size: "xs", c: "red", children: [
           I.email,
           ": ",
           I.error
-        ] }, A)) })
+        ] }, E)) })
       ] }),
       D && /* @__PURE__ */ f(L, { gap: "sm", children: [
         /* @__PURE__ */ e(
-          Hn,
+          Nn,
           {
             size: "sm",
-            value: m,
+            value: y,
             onChange: (I) => p(I.currentTarget.value),
             minRows: 2,
             maxRows: 4,
@@ -4650,7 +4716,7 @@ const nr = ({
       ] })
     ] });
   }
-), ur = (n) => {
+), Ir = (n) => {
   switch (n) {
     case "member":
       return "green";
@@ -4665,7 +4731,7 @@ const nr = ({
     default:
       return "gray";
   }
-}, fr = (n) => {
+}, pr = (n) => {
   switch (n) {
     case "member":
       return "Member";
@@ -4680,7 +4746,7 @@ const nr = ({
     default:
       return "Unknown";
   }
-}, Ir = (n) => {
+}, hr = (n) => {
   if (n) {
     if (typeof n == "object" && "type" in n)
       return n;
@@ -4702,12 +4768,12 @@ const nr = ({
     o && o(n.id);
   }, u = (w) => {
     if (t) {
-      const y = w;
-      t(n.id, y);
+      const m = w;
+      t(n.id, m);
     }
-  }, m = a === "suggested" || a === "read-only", p = a === "invited" && c.length > 0, [b, x] = S(!1);
+  }, y = a === "suggested" || a === "read-only", p = a === "invited" && c.length > 0, [b, x] = S(!1);
   return /* @__PURE__ */ f(
-    T,
+    P,
     {
       justify: "space-between",
       align: "center",
@@ -4725,19 +4791,19 @@ const nr = ({
       onMouseEnter: () => x(!0),
       onMouseLeave: () => x(!1),
       children: [
-        /* @__PURE__ */ f(T, { gap: "sm", w: "100%", align: "flex-start", wrap: "nowrap", children: [
+        /* @__PURE__ */ f(P, { gap: "sm", w: "100%", align: "flex-start", wrap: "nowrap", children: [
           /* @__PURE__ */ e(
             he,
             {
-              avatar: Ir(n.avatar),
+              avatar: hr(n.avatar),
               size: "md",
               placeholder: s,
               showPlaceholder: !0
             }
           ),
           /* @__PURE__ */ f(L, { gap: 0, w: "100%", justify: "flex-start", align: "flex-start", children: [
-            /* @__PURE__ */ f(T, { gap: "sm", align: "flex-start", wrap: "nowrap", children: [
-              /* @__PURE__ */ f(T, { gap: "sm", align: "flex-start", wrap: "nowrap", children: [
+            /* @__PURE__ */ f(P, { gap: "sm", align: "flex-start", wrap: "nowrap", children: [
+              /* @__PURE__ */ f(P, { gap: "sm", align: "flex-start", wrap: "nowrap", children: [
                 /* @__PURE__ */ e(k, { size: "sm", fw: 500, lineClamp: 1, mb: -2, children: s }),
                 n.isCurrentUser && /* @__PURE__ */ e(Me, { size: "xs", variant: "light", color: "gray", radius: "sm", children: "Owner" })
               ] }),
@@ -4746,18 +4812,18 @@ const nr = ({
                 {
                   size: "xs",
                   variant: "light",
-                  color: ur(n.status),
+                  color: Ir(n.status),
                   radius: "sm",
-                  children: fr(n.status)
+                  children: pr(n.status)
                 }
               )
             ] }),
             /* @__PURE__ */ e(k, { size: "xs", c: "dimmed", lineClamp: 1, children: n.email })
           ] })
         ] }),
-        /* @__PURE__ */ f(T, { gap: "sm", align: "center", children: [
-          m && a !== "read-only" && /* @__PURE__ */ e(
-            Un,
+        /* @__PURE__ */ f(P, { gap: "sm", align: "center", children: [
+          y && a !== "read-only" && /* @__PURE__ */ e(
+            Bn,
             {
               checked: r,
               onChange: d,
@@ -4782,7 +4848,7 @@ const nr = ({
       ]
     }
   );
-}, pr = ({
+}, gr = ({
   opened: n,
   onClose: r,
   onInvite: o,
@@ -4795,23 +4861,23 @@ const nr = ({
 }) => {
   const d = _(null), {
     emails: u,
-    setEmails: m,
+    setEmails: y,
     selectedUsers: p,
     inputText: b,
     setInputText: x,
     tagDisplayMap: g,
     selectedRole: h,
     setSelectedRole: w,
-    selectedTab: y,
+    selectedTab: m,
     setSelectedTab: O,
     tabHovered: M,
     setTabHovered: D,
-    filteredUsers: P,
+    filteredUsers: R,
     handleInvite: z,
     handleUpdateRole: I,
-    handleRemoveUser: A,
-    handleToggleUser: H,
-    handleAddSuggestedUser: E
+    handleRemoveUser: E,
+    handleToggleUser: F,
+    handleAddSuggestedUser: A
   } = Cn({
     onInvite: o,
     onUpdateRole: t,
@@ -4820,14 +4886,14 @@ const nr = ({
     suggestedUsers: s,
     roleOptions: l
   }), j = (Q) => {
-    E(Q), d.current && d.current.clearInput();
+    A(Q), d.current && d.current.clearInput();
   }, W = /* @__PURE__ */ f(ie, { children: [
     /* @__PURE__ */ e(
       Sn,
       {
         ref: d,
         value: u,
-        onChange: m,
+        onChange: y,
         onInvite: z,
         roleOptions: l,
         selectedRole: h,
@@ -4846,36 +4912,36 @@ const nr = ({
         {
           user: Q,
           isSelected: p.includes(Q.id),
-          onToggle: H,
+          onToggle: F,
           onUpdateRole: I,
-          onRemoveUser: A,
+          onRemoveUser: E,
           roleOptions: l,
           variant: "invited"
         },
         Q.id
       )) })
     ] }) }) }),
-    P.length > 0 && /* @__PURE__ */ e(
+    R.length > 0 && /* @__PURE__ */ e(
       le,
       {
         pt: "sm",
         mah: 200,
         type: "auto",
         style: { overflow: "visible" },
-        children: /* @__PURE__ */ e(v, { children: P.length > 0 ? /* @__PURE__ */ f(ie, { children: [
+        children: /* @__PURE__ */ e(v, { children: R.length > 0 ? /* @__PURE__ */ f(ie, { children: [
           /* @__PURE__ */ f(k, { size: "sm", fw: 500, children: [
             "Suggested ",
             b.trim() && `(filtered by "${b}")`
           ] }),
           /* @__PURE__ */ e(ve, { h: "sm" }),
-          /* @__PURE__ */ e(L, { gap: "sm", children: P.map((Q) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e(L, { gap: "sm", children: R.map((Q) => /* @__PURE__ */ e(
             Re,
             {
               user: Q,
               isSelected: p.includes(Q.id),
-              onToggle: H,
+              onToggle: F,
               onUpdateRole: I,
-              onRemoveUser: A,
+              onRemoveUser: E,
               roleOptions: l,
               variant: "suggested",
               onClick: () => j(Q)
@@ -4949,7 +5015,7 @@ const nr = ({
                     padding: "0 8px",
                     border: "none",
                     backgroundColor: M === "invite" ? "var(--mantine-color-gray-1)" : "transparent",
-                    color: y === "invite" ? "var(--mantine-color-gray-9)" : "var(--mantine-color-gray-6)",
+                    color: m === "invite" ? "var(--mantine-color-gray-9)" : "var(--mantine-color-gray-6)",
                     cursor: "pointer"
                   },
                   fw: 500,
@@ -4985,7 +5051,7 @@ const nr = ({
                     borderRadius: "var(--mantine-radius-md)",
                     border: "none",
                     backgroundColor: M === "publish" ? "var(--mantine-color-gray-1)" : "transparent",
-                    color: y === "publish" ? "var(--mantine-color-gray-9)" : "var(--mantine-color-gray-6)",
+                    color: m === "publish" ? "var(--mantine-color-gray-9)" : "var(--mantine-color-gray-6)",
                     cursor: "pointer"
                   },
                   fw: 500,
@@ -5017,7 +5083,7 @@ const nr = ({
       children: te
     }
   );
-}, Br = ({
+}, Qr = ({
   onInvite: n,
   onUpdateRole: r,
   onRemoveUser: o,
@@ -5029,7 +5095,7 @@ const nr = ({
 }) => {
   const [s, d] = S(!1);
   return /* @__PURE__ */ e(
-    pr,
+    gr,
     {
       opened: s,
       onClose: () => d(!1),
@@ -5041,7 +5107,7 @@ const nr = ({
       roleOptions: c,
       suggestedUsers: a,
       children: /* @__PURE__ */ e(
-        Oo,
+        zo,
         {
           label: l,
           onClick: () => d(!0),
@@ -5050,7 +5116,7 @@ const nr = ({
       )
     }
   );
-}, Wr = ({
+}, Gr = ({
   opened: n,
   onClose: r,
   onInvite: o,
@@ -5063,18 +5129,18 @@ const nr = ({
   const s = _(null), {
     emails: d,
     setEmails: u,
-    selectedUsers: m,
+    selectedUsers: y,
     inputText: p,
     setInputText: b,
     tagDisplayMap: x,
     selectedRole: g,
     setSelectedRole: h,
     filteredUsers: w,
-    handleInvite: y,
+    handleInvite: m,
     handleUpdateRole: O,
     handleRemoveUser: M,
     handleToggleUser: D,
-    handleAddSuggestedUser: P
+    handleAddSuggestedUser: R
   } = Cn({
     onInvite: o,
     onUpdateRole: t,
@@ -5083,7 +5149,7 @@ const nr = ({
     suggestedUsers: l,
     roleOptions: a
   }), z = (I) => {
-    P(I), s.current && s.current.clearInput();
+    R(I), s.current && s.current.clearInput();
   };
   return /* @__PURE__ */ e(
     Ue,
@@ -5099,7 +5165,7 @@ const nr = ({
       trapFocus: !1,
       zIndex: 300,
       children: /* @__PURE__ */ f(L, { gap: "lg", children: [
-        /* @__PURE__ */ f(T, { justify: "space-between", wrap: "nowrap", children: [
+        /* @__PURE__ */ f(P, { justify: "space-between", wrap: "nowrap", children: [
           /* @__PURE__ */ e(k, { size: "md", fw: 500, c: "var(--mantine-color-gray-8)", children: "Share" }),
           /* @__PURE__ */ e(
             V,
@@ -5117,7 +5183,7 @@ const nr = ({
             ref: s,
             value: d,
             onChange: u,
-            onInvite: y,
+            onInvite: m,
             roleOptions: a,
             selectedRole: g,
             onRoleChange: h,
@@ -5144,7 +5210,7 @@ const nr = ({
                 Re,
                 {
                   user: I,
-                  isSelected: m.includes(I.id),
+                  isSelected: y.includes(I.id),
                   onToggle: D,
                   onUpdateRole: O,
                   onRemoveUser: M,
@@ -5177,7 +5243,7 @@ const nr = ({
                 Re,
                 {
                   user: I,
-                  isSelected: m.includes(I.id),
+                  isSelected: y.includes(I.id),
                   onToggle: D,
                   onUpdateRole: O,
                   onRemoveUser: M,
@@ -5193,7 +5259,7 @@ const nr = ({
       ] })
     }
   );
-}, $r = ({
+}, Vr = ({
   opened: n,
   onClose: r,
   options: o = [],
@@ -5210,7 +5276,7 @@ const nr = ({
     t && t(), r();
   }, u = () => {
     i && i(), r();
-  }, m = () => {
+  }, y = () => {
     r();
   }, p = o.find(
     (b) => b.id === l
@@ -5219,7 +5285,7 @@ const nr = ({
     Ue,
     {
       opened: n,
-      onClose: m,
+      onClose: y,
       size: "90%",
       centered: !0,
       closeOnClickOutside: !0,
@@ -5261,7 +5327,7 @@ const nr = ({
           ),
           /* @__PURE__ */ f(v, { style: { flex: 1, display: "flex", flexDirection: "column" }, children: [
             p ? /* @__PURE__ */ f(ie, { children: [
-              /* @__PURE__ */ e(v, { p: "md", children: /* @__PURE__ */ e(T, { gap: "md", wrap: "nowrap", children: /* @__PURE__ */ f(L, { gap: 4, children: [
+              /* @__PURE__ */ e(v, { p: "md", children: /* @__PURE__ */ e(P, { gap: "md", wrap: "nowrap", children: /* @__PURE__ */ f(L, { gap: 4, children: [
                 /* @__PURE__ */ e(k, { size: "md", fw: 600, children: p.alternateLabel || p.label }),
                 p.description && /* @__PURE__ */ e(k, { size: "sm", c: "var(--mantine-color-gray-6)", children: p.description })
               ] }) }) }),
@@ -5278,7 +5344,7 @@ const nr = ({
                 children: /* @__PURE__ */ e(k, { c: "var(--mantine-color-gray-6)", size: "lg", children: "Select an option from the sidebar" })
               }
             ),
-            (p == null ? void 0 : p.saveButton) && /* @__PURE__ */ e(v, { p: "md", children: /* @__PURE__ */ f(T, { justify: "flex-end", gap: "md", children: [
+            (p == null ? void 0 : p.saveButton) && /* @__PURE__ */ e(v, { p: "md", children: /* @__PURE__ */ f(P, { justify: "flex-end", gap: "md", children: [
               /* @__PURE__ */ e(K, { variant: "subtle", onClick: u, color: "gray", children: "Cancel" }),
               /* @__PURE__ */ e(K, { onClick: d, color: "blue", children: "Save Changes" })
             ] }) })
@@ -5287,7 +5353,7 @@ const nr = ({
       ]
     }
   );
-}, hr = (n, r = "es") => {
+}, mr = (n, r = "es") => {
   const o = /* @__PURE__ */ new Date(), t = typeof n == "string" ? new Date(n) : n, i = Math.floor((o.getTime() - t.getTime()) / 1e3), c = {
     es: {
       now: "ahora",
@@ -5342,24 +5408,24 @@ const nr = ({
   const u = Math.floor(d / 7);
   if (u < 4)
     return r === "es" ? `${a.ago} ${u} ${u === 1 ? a.week : a.weeks}` : `${u} ${u === 1 ? a.week : a.weeks} ${a.ago}`;
-  const m = Math.floor(d / 30);
-  if (m < 12)
-    return r === "es" ? `${a.ago} ${m} ${m === 1 ? a.month : a.months}` : `${m} ${m === 1 ? a.month : a.months} ${a.ago}`;
+  const y = Math.floor(d / 30);
+  if (y < 12)
+    return r === "es" ? `${a.ago} ${y} ${y === 1 ? a.month : a.months}` : `${y} ${y === 1 ? a.month : a.months} ${a.ago}`;
   const p = Math.floor(d / 365);
   return r === "es" ? `${a.ago} ${p} ${p === 1 ? a.year : a.years}` : `${p} ${p === 1 ? a.year : a.years} ${a.ago}`;
-}, gr = (n, r = "es") => {
+}, yr = (n, r = "es") => {
   const o = typeof n == "string" ? new Date(n) : n, t = {
     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"]
   }, c = (t[r] || t.en)[o.getMonth()], a = o.getDate();
   return r === "es" ? `${a} ${c}` : `${c} ${a}`;
-}, mr = (n) => {
+}, vr = (n) => {
   const r = typeof n == "string" ? new Date(n) : n, o = /* @__PURE__ */ new Date();
   return r.toDateString() === o.toDateString();
-}, yr = (n) => {
+}, wr = (n) => {
   const r = typeof n == "string" ? new Date(n) : n, o = /* @__PURE__ */ new Date();
   return o.setDate(o.getDate() - 1), r.toDateString() === o.toDateString();
-}, vr = (n, r = "es") => mr(n) ? r === "es" ? "Hoy" : "Today" : yr(n) ? r === "es" ? "Ayer" : "Yesterday" : hr(n, r), wr = ({
+}, xr = (n, r = "es") => vr(n) ? r === "es" ? "Hoy" : "Today" : wr(n) ? r === "es" ? "Ayer" : "Yesterday" : mr(n, r), br = ({
   notification: n,
   message: r,
   markAsRead: o,
@@ -5367,9 +5433,9 @@ const nr = ({
   children: i,
   actions: c
 }) => {
-  var u, m, p, b, x;
-  const a = (/* @__PURE__ */ new Date()).getTime() - new Date(n.timestamp).getTime() < 6048e5 ? vr(n.timestamp, "en") : gr(n.timestamp, "en"), [l, s] = S(!1), d = /* @__PURE__ */ f(
-    T,
+  var u, y, p, b, x;
+  const a = (/* @__PURE__ */ new Date()).getTime() - new Date(n.timestamp).getTime() < 6048e5 ? xr(n.timestamp, "en") : yr(n.timestamp, "en"), [l, s] = S(!1), d = /* @__PURE__ */ f(
+    P,
     {
       bg: "var(--mantine-color-gray-1)",
       p: 4,
@@ -5408,7 +5474,7 @@ const nr = ({
       onMouseLeave: () => s(!1),
       children: [
         /* @__PURE__ */ f(
-          T,
+          P,
           {
             justify: "space-between",
             align: "flex-start",
@@ -5421,12 +5487,12 @@ const nr = ({
               (u = n.metadata) != null && u.avatar_url ? /* @__PURE__ */ e(
                 nn,
                 {
-                  name: (m = n.metadata) == null ? void 0 : m.fullname,
+                  name: (y = n.metadata) == null ? void 0 : y.fullname,
                   size: "sm",
                   radius: "md",
                   src: (p = n.metadata) == null ? void 0 : p.avatar_url
                 }
-              ) : /* @__PURE__ */ e(zo, { size: "xs", showText: !1, radius: "xs" }),
+              ) : /* @__PURE__ */ e(Ro, { size: "xs", showText: !1, radius: "xs" }),
               /* @__PURE__ */ f(L, { gap: "xs", justify: "flex-start", w: "100%", children: [
                 /* @__PURE__ */ e(
                   v,
@@ -5468,7 +5534,7 @@ const nr = ({
         ),
         i,
         c && /* @__PURE__ */ e(
-          T,
+          P,
           {
             justify: "flex-start",
             align: "flex-start",
@@ -5482,7 +5548,7 @@ const nr = ({
       ]
     }
   );
-}, xr = (n, r, o, t, i) => {
+}, Cr = (n, r, o, t, i) => {
   const [c, a] = S(!1), l = _(null), s = _(null), d = _(null);
   B(() => {
     a(n);
@@ -5492,7 +5558,7 @@ const nr = ({
       p[0].isIntersecting && t && !i && o && o();
     },
     [t, i, o]
-  ), m = U(() => {
+  ), y = U(() => {
     if (!(!l.current || !n || !r || !o)) {
       s.current && (s.current.disconnect(), s.current = null);
       try {
@@ -5513,21 +5579,21 @@ const nr = ({
     }
     if (!l.current) {
       d.current = setTimeout(
-        () => m(),
+        () => y(),
         50
       );
       return;
     }
-    return m(), () => {
+    return y(), () => {
       d.current && (clearTimeout(d.current), d.current = null), s.current && (s.current.disconnect(), s.current = null);
     };
-  }, [n, r, o, m]), B(() => () => {
+  }, [n, r, o, y]), B(() => () => {
     d.current && clearTimeout(d.current), s.current && s.current.disconnect();
   }, []), {
     isActive: c,
     loadMoreRef: l
   };
-}, Qr = ({
+}, _r = ({
   notifications: n,
   isLoading: r = !1,
   isLoadingMore: o = !1,
@@ -5539,7 +5605,7 @@ const nr = ({
   archiveNotification: s,
   loadMore: d,
   onFilterChange: u,
-  currentFilter: m = "all",
+  currentFilter: y = "all",
   customRenderer: p,
   opened: b = !1,
   onOpen: x = () => {
@@ -5559,36 +5625,36 @@ const nr = ({
       leftSection: /* @__PURE__ */ e(Ee, { size: 16 }),
       onClick: () => a()
     }
-  ], y = [
+  ], m = [
     {
       children: "All",
       leftSection: /* @__PURE__ */ e(Te, { size: 16 }),
       onClick: () => u == null ? void 0 : u("all"),
-      active: m === "all"
+      active: y === "all"
     },
     {
       children: "Unread",
       leftSection: /* @__PURE__ */ e(Te, { size: 16 }),
       onClick: () => u == null ? void 0 : u("unread"),
-      active: m === "unread"
+      active: y === "unread"
     },
     {
       children: "Archived",
       leftSection: /* @__PURE__ */ e(Ee, { size: 16 }),
       onClick: () => u == null ? void 0 : u("archived"),
-      active: m === "archived"
+      active: y === "archived"
     }
-  ], O = (P) => p && P.category && ["welcome", "upgrade"].includes(P.category) ? p(P, l, s) : /* @__PURE__ */ e(
-    wr,
+  ], O = (R) => p && R.category && ["welcome", "upgrade"].includes(R.category) ? p(R, l, s) : /* @__PURE__ */ e(
+    br,
     {
-      notification: P,
+      notification: R,
       markAsRead: l,
       archiveNotification: s,
-      message: P.message,
-      actions: P.actions
+      message: R.message,
+      actions: R.actions
     },
-    P.id
-  ), { isActive: M, loadMoreRef: D } = xr(
+    R.id
+  ), { isActive: M, loadMoreRef: D } = Cr(
     b,
     h,
     d || (() => {
@@ -5601,7 +5667,7 @@ const nr = ({
       In,
       {
         isActive: M,
-        icon: /* @__PURE__ */ e(ro, { strokeWidth: 2, color: "var(--mantine-color-gray-7)" }),
+        icon: /* @__PURE__ */ e(io, { strokeWidth: 2, color: "var(--mantine-color-gray-7)" }),
         onClick: () => {
           b ? g() : x();
         },
@@ -5661,7 +5727,7 @@ const nr = ({
                       backgroundColor: "var(--mantine-color-white)"
                     },
                     children: /* @__PURE__ */ f(
-                      T,
+                      P,
                       {
                         justify: "space-between",
                         align: "center",
@@ -5671,12 +5737,12 @@ const nr = ({
                         py: "md",
                         children: [
                           /* @__PURE__ */ e(k, { size: "sm", fw: 500, children: "Inbox" }),
-                          /* @__PURE__ */ f(T, { gap: "xs", children: [
+                          /* @__PURE__ */ f(P, { gap: "xs", children: [
                             /* @__PURE__ */ e(
                               De,
                               {
                                 position: "bottom-end",
-                                menuItems: y,
+                                menuItems: m,
                                 trigger: /* @__PURE__ */ e(V, { icon: an })
                               }
                             ),
@@ -5716,7 +5782,7 @@ const nr = ({
                       children: /* @__PURE__ */ e(ae, {})
                     }
                   ) : n.length > 0 ? /* @__PURE__ */ e(L, { gap: 0, children: n.map(
-                    (P) => O(P)
+                    (R) => O(R)
                   ) }) : /* @__PURE__ */ f(
                     L,
                     {
@@ -5727,7 +5793,7 @@ const nr = ({
                       align: "center",
                       py: "xl",
                       children: [
-                        /* @__PURE__ */ e(to, { size: 24, color: "var(--mantine-color-gray-6)" }),
+                        /* @__PURE__ */ e(ao, { size: 24, color: "var(--mantine-color-gray-6)" }),
                         /* @__PURE__ */ e(k, { size: "sm", fw: 500, c: "dimmed", ta: "center", mt: "sm", children: "No new updates" })
                       ]
                     }
@@ -5743,13 +5809,13 @@ const nr = ({
                         alignItems: "center",
                         minHeight: "60px"
                       },
-                      children: o && /* @__PURE__ */ f(T, { display: "flex", ta: "center", gap: "xs", children: [
+                      children: o && /* @__PURE__ */ f(P, { display: "flex", ta: "center", gap: "xs", children: [
                         /* @__PURE__ */ e(ae, { size: "sm", color: "gray.5" }),
                         /* @__PURE__ */ e(k, { size: "sm", c: "dimmed", fw: 500, children: "Loading more ..." })
                       ] })
                     }
                   ),
-                  o && !h && /* @__PURE__ */ f(T, { display: "flex", ta: "center", gap: "xs", children: [
+                  o && !h && /* @__PURE__ */ f(P, { display: "flex", ta: "center", gap: "xs", children: [
                     /* @__PURE__ */ e(ae, { size: "sm", color: "gray.5" }),
                     /* @__PURE__ */ e(k, { size: "sm", c: "dimmed", fw: 500, children: "Loading more ..." })
                   ] }),
@@ -5773,7 +5839,7 @@ const nr = ({
       }
     )
   ] });
-}, Gr = ({
+}, Zr = ({
   header: n,
   body: r,
   footer: o,
@@ -5810,24 +5876,24 @@ const nr = ({
       ]
     }
   );
-}, kn = En(void 0), Vr = ({
+}, kn = En(void 0), Yr = ({
   children: n
 }) => {
   const [
     r,
     { open: o, close: t }
-  ] = lo(!1), i = {
+  ] = fo(!1), i = {
     openedNotificationSidebar: r,
     openNotificationSidebar: o,
     closeNotificationSidebar: t
   };
   return /* @__PURE__ */ e(kn.Provider, { value: i, children: n });
-}, _r = () => {
+}, qr = () => {
   const n = An(kn);
   if (n === void 0)
     throw new Error("useNavbar must be used within an NavbarProvider");
   return n;
-}, br = ({
+}, Sr = ({
   workspace: n,
   currentUserId: r,
   currentWorkspaceId: o,
@@ -5898,12 +5964,12 @@ const nr = ({
       ]
     }
   );
-}, Cr = "_menuItem_3gic2_1", Sr = "_workspaceButton_3gic2_14", kr = "_workspaceText_3gic2_24", Or = "_scrollWrapper_3gic2_30", Pe = {
-  menuItem: Cr,
-  workspaceButton: Sr,
-  workspaceText: kr,
-  scrollWrapper: Or
-}, Zr = ({
+}, kr = "_menuItem_3gic2_1", Or = "_workspaceButton_3gic2_14", Mr = "_workspaceText_3gic2_24", zr = "_scrollWrapper_3gic2_30", Pe = {
+  menuItem: kr,
+  workspaceButton: Or,
+  workspaceText: Mr,
+  scrollWrapper: zr
+}, Xr = ({
   workspaces: n = [],
   currentWorkspace: r,
   currentUserId: o,
@@ -5915,27 +5981,27 @@ const nr = ({
   loadingMessage: s = "Loading workspaces...",
   errorMessage: d = "Failed to load workspaces",
   className: u,
-  onCloseSidebar: m,
+  onCloseSidebar: y,
   sidebarHovered: p = !1,
   children: b,
   menuItems: x
 }) => {
-  const [g, h] = S(!1), [w, y] = S(""), O = q(() => w ? n.filter(
+  const [g, h] = S(!1), [w, m] = S(""), O = q(() => w ? n.filter(
     (z) => {
       var I;
       return z.name.toLowerCase().includes(w.toLowerCase()) || ((I = z.ownerEmail) == null ? void 0 : I.toLowerCase().includes(w.toLowerCase()));
     }
   ) : n, [n, w]), M = (z) => {
-    c == null || c(z.id), h(!1), y("");
+    c == null || c(z.id), h(!1), m("");
   };
   if (t)
-    return /* @__PURE__ */ f(T, { gap: "xs", children: [
+    return /* @__PURE__ */ f(P, { gap: "xs", children: [
       /* @__PURE__ */ e(ae, { size: "sm" }),
       /* @__PURE__ */ e(k, { size: "sm", c: "dimmed", children: s })
     ] });
   if (i)
-    return /* @__PURE__ */ e(Nn, { color: "red", title: "Error", children: d });
-  const [D, P] = S(p);
+    return /* @__PURE__ */ e(Wn, { color: "red", title: "Error", children: d });
+  const [D, R] = S(p);
   return n.length === 0 && !t && !i ? /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(k, { size: "sm", c: "dimmed", children: l }) }) : /* @__PURE__ */ f(
     Y,
     {
@@ -5965,10 +6031,10 @@ const nr = ({
             },
             className: `${Pe.workspaceButton} ${u || ""}`,
             bg: D || g ? "var(--mantine-color-gray-1)" : "transparent",
-            onMouseEnter: () => P(!0),
-            onMouseLeave: () => P(!1),
+            onMouseEnter: () => R(!0),
+            onMouseLeave: () => R(!1),
             children: /* @__PURE__ */ e(
-              T,
+              P,
               {
                 gap: "xs",
                 wrap: "nowrap",
@@ -5995,7 +6061,7 @@ const nr = ({
                       children: r.name
                     }
                   ),
-                  /* @__PURE__ */ f(T, { gap: 4, wrap: "nowrap", style: { flexShrink: 0 }, children: [
+                  /* @__PURE__ */ f(P, { gap: 4, wrap: "nowrap", style: { flexShrink: 0 }, children: [
                     /* @__PURE__ */ e(
                       Le,
                       {
@@ -6017,12 +6083,12 @@ const nr = ({
                     (D || p) && /* @__PURE__ */ e(
                       V,
                       {
-                        icon: io,
+                        icon: co,
                         size: "md",
                         color: "gray",
                         variant: "subtle",
                         onClick: () => {
-                          m == null || m();
+                          y == null || y();
                         }
                       }
                     )
@@ -6043,10 +6109,10 @@ const nr = ({
               b,
               /* @__PURE__ */ e(Y.Divider, { style: { margin: "1px 0px" } }),
               /* @__PURE__ */ e(L, { gap: 0, px: 4, children: O.length === 0 ? /* @__PURE__ */ e(Y.Item, { disabled: !0, children: /* @__PURE__ */ e(k, { size: "sm", c: "dimmed", children: l }) }) : /* @__PURE__ */ f(ie, { children: [
-                /* @__PURE__ */ f(T, { justify: "space-between", align: "center", p: 4, children: [
+                /* @__PURE__ */ f(P, { justify: "space-between", align: "center", p: 4, children: [
                   /* @__PURE__ */ e(k, { size: "xs", c: "dimmed", fw: 500, p: 4, truncate: !0, children: "Workspaces" }),
                   a && /* @__PURE__ */ e(
-                    Bn,
+                    $n,
                     {
                       onClick: () => {
                         a(), h(!1);
@@ -6083,7 +6149,7 @@ const nr = ({
                       I.currentTarget.style.backgroundColor = "transparent";
                     },
                     children: /* @__PURE__ */ e(
-                      br,
+                      Sr,
                       {
                         workspace: z,
                         currentUserId: o,
@@ -6119,7 +6185,7 @@ const nr = ({
       ]
     }
   );
-}, Yr = ({
+}, Kr = ({
   opened: n,
   onClose: r,
   children: o,
@@ -6143,10 +6209,10 @@ const nr = ({
     padding: "md",
     ...t,
     children: [
-      /* @__PURE__ */ f(T, { justify: "space-between", wrap: "nowrap", children: [
-        /* @__PURE__ */ e(T, { justify: "space-between", wrap: "nowrap", gap: "xs", children: /* @__PURE__ */ e(V, { icon: ln, size: "md", onClick: () => {
+      /* @__PURE__ */ f(P, { justify: "space-between", wrap: "nowrap", children: [
+        /* @__PURE__ */ e(P, { justify: "space-between", wrap: "nowrap", gap: "xs", children: /* @__PURE__ */ e(V, { icon: ln, size: "md", onClick: () => {
         } }) }),
-        /* @__PURE__ */ f(T, { justify: "space-between", gap: "xs", children: [
+        /* @__PURE__ */ f(P, { justify: "space-between", gap: "xs", children: [
           /* @__PURE__ */ e(V, { icon: dn, size: "md", onClick: () => {
           } }),
           /* @__PURE__ */ e(V, { icon: pe, size: "md", onClick: () => {
@@ -6156,7 +6222,7 @@ const nr = ({
       o
     ]
   }
-), qr = ({
+), Jr = ({
   opened: n,
   onClose: r,
   content: o,
@@ -6172,13 +6238,13 @@ const nr = ({
     padding: "md",
     withCloseButton: !1,
     children: [
-      /* @__PURE__ */ f(T, { justify: "space-between", wrap: "nowrap", children: [
-        /* @__PURE__ */ f(T, { justify: "space-between", wrap: "nowrap", gap: "xs", children: [
-          /* @__PURE__ */ e(V, { icon: ao, size: "md", onClick: r }),
+      /* @__PURE__ */ f(P, { justify: "space-between", wrap: "nowrap", children: [
+        /* @__PURE__ */ f(P, { justify: "space-between", wrap: "nowrap", gap: "xs", children: [
+          /* @__PURE__ */ e(V, { icon: so, size: "md", onClick: r }),
           /* @__PURE__ */ e(V, { icon: ln, size: "md", onClick: () => {
           } })
         ] }),
-        /* @__PURE__ */ f(T, { justify: "space-between", gap: "xs", children: [
+        /* @__PURE__ */ f(P, { justify: "space-between", gap: "xs", children: [
           /* @__PURE__ */ e(V, { icon: dn, size: "md", onClick: () => {
           } }),
           /* @__PURE__ */ e(V, { icon: pe, size: "md", onClick: () => {
@@ -6188,7 +6254,7 @@ const nr = ({
       o
     ]
   }
-), Xr = ({
+), et = ({
   children: n
 }) => /* @__PURE__ */ e(
   v,
@@ -6202,7 +6268,7 @@ const nr = ({
     id: "full-page",
     children: n
   }
-), Mr = Wn({
+), Dr = Qn({
   /** Put your mantine theme override here */
   primaryColor: "blue",
   fontFamily: "Inter, system-ui, Avenir, Helvetica, Arial, sans-serif",
@@ -6217,48 +6283,49 @@ const nr = ({
     // Override component styles here
   }
 });
-function Kr({
+function nt({
   children: n,
   theme: r
 }) {
-  return /* @__PURE__ */ f($n, { theme: r || Mr, children: [
-    /* @__PURE__ */ e(uo, {}),
-    /* @__PURE__ */ e(fo, { children: /* @__PURE__ */ e(Io, { settings: { firstDayOfWeek: 0 }, children: n }) })
+  return /* @__PURE__ */ f(Gn, { theme: r || Dr, children: [
+    /* @__PURE__ */ e(Io, {}),
+    /* @__PURE__ */ e(po, { children: /* @__PURE__ */ e(ho, { settings: { firstDayOfWeek: 0 }, children: n }) })
   ] });
 }
 export {
   V as ActionButton,
-  Nr as AvatarSelector,
+  $r as AvatarSelector,
   he as BoxAvatar,
-  Yr as CenterPeek,
-  ho as EmojiAvatar,
-  Do as ExpandableSearch,
-  Hr as FilterDropdown,
-  Xr as FullPage,
-  _o as GenericTable,
-  xo as IconAvatar,
-  Co as ImageAvatar,
+  Kr as CenterPeek,
+  Nr as EditableText,
+  mo as EmojiAvatar,
+  To as ExpandableSearch,
+  Br as FilterDropdown,
+  et as FullPage,
+  Yo as GenericTable,
+  Co as IconAvatar,
+  ko as ImageAvatar,
   Re as InvitedUserCard,
-  zo as Logo,
+  Ro as Logo,
   De as Menu,
-  $r as ModalSettings,
+  Vr as ModalSettings,
   In as NavButton,
-  Ur as NavLink,
-  Gr as Navbar,
-  Vr as NavbarProvider,
-  Qr as NotificationSidebar,
+  Wr as NavLink,
+  Zr as Navbar,
+  Yr as NavbarProvider,
+  _r as NotificationSidebar,
   Ae as PlaceholderAvatar,
-  Uo as PopoverItem,
+  Bo as PopoverItem,
   Qe as PopoverSelector,
-  Br as ShareButton,
-  pr as ShareMenu,
-  Wr as ShareModal,
-  qr as SidePeek,
-  Oo as TextButton,
-  Kr as ThemeProvider,
-  Zr as WorkspaceSelector,
-  br as WorkspaceSelectorItem,
-  ko as getInitialsFromName,
-  Mr as theme,
-  _r as useNavbar
+  Qr as ShareButton,
+  gr as ShareMenu,
+  Gr as ShareModal,
+  Jr as SidePeek,
+  zo as TextButton,
+  nt as ThemeProvider,
+  Xr as WorkspaceSelector,
+  Sr as WorkspaceSelectorItem,
+  Mo as getInitialsFromName,
+  Dr as theme,
+  qr as useNavbar
 };