obeyaka-ui 0.1.28 → 0.1.30

package/dist/index.es.js

@@ -1,5 +1,5 @@
-import { jsx as e, jsxs as v, Fragment as me } from "react/jsx-runtime";
-import be, { useState as O, useCallback as j, useMemo as K, memo as Mn, useRef as Z, useEffect as Y, useLayoutEffect as Qn, Suspense as Zt, forwardRef as qt, useImperativeHandle as Xt, createContext as Yn, useContext as Zn } from "react";
+import { jsx as e, jsxs as x, Fragment as me } from "react/jsx-runtime";
+import be, { useState as C, useCallback as j, useMemo as J, memo as Mn, useRef as q, useEffect as Y, useLayoutEffect as Qn, Suspense as Zt, forwardRef as qt, useImperativeHandle as Xt, createContext as Yn, useContext as Zn } from "react";
 import { ActionIcon as le, Tooltip as Ue, Box as b, Skeleton as vn, Loader as Se, Text as T, Group as A, InputWrapper as qn, Input as Kt, Textarea as Sn, TextInput as kn, useCombobox as rn, Combobox as re, Indicator as Xn, MenuItem as Kn, Menu as pe, Stack as W, Pill as xn, Popover as je, LoadingOverlay as Jt, Button as ce, Table as we, Badge as Ke, Tabs as fe, ScrollArea as ke, Flex as Jn, Avatar as et, TagsInput as er, Radio as nr, Space as Ee, Modal as Cn, FocusTrap as nt, Drawer as On, Alert as tr, Anchor as tt, PillsInput as Fn, Collapse as rr, AppShell as We, createTheme as or, MantineProvider as ir } from "@mantine/core";
 import { IconQuestionMark as He, IconSearch as zn, IconX as rt, IconFilter as ot, IconFilterOff as ar, IconChevronDown as Ce, IconChevronRight as Je, IconPlus as Te, IconDots as Pe, IconCheck as on, IconChevronUp as Ve, IconClock as it, IconMoodSmile as qe, IconFlag as cr, IconHeart as sr, IconBulb as lr, IconPlane as Un, IconBallBasketball as dr, IconApple as ur, IconTrees as at, IconUser as Dn, IconBriefcase as fr, IconDeviceDesktop as hr, IconCircle as pr, IconTool as mr, IconMessage as gr, IconPhoto as Nn, IconArchive as wn, IconBell as Ir, IconInbox as yr, IconChecklist as gn, IconChevronsLeft as ct, IconPointFilled as vr, IconPoint as xr, IconChevronLeft as Wn, IconMaximize as Rn, IconStar as wr, IconChevronsRight as Ne, IconMoodSmileFilled as Tn, IconAlignLeft as st, IconUserCircle as lt, IconUsers as dt, IconMenu2 as $n } from "@tabler/icons-react";
 import en from "@emoji-mart/data";
@@ -28,58 +28,58 @@ const he = be.memo(
     onMouseLeave: g,
     ...m
   }) => {
-    const [w, y] = O(!1), S = j(() => {
+    const [w, y] = C(!1), S = j(() => {
       l || d || (n == null || n(), console.log("Clicked"));
-    }, [l, d, n]), M = K(() => ({
+    }, [l, d, n]), M = J(() => ({
       xs: 14,
       sm: 16,
       md: 20,
       lg: 24,
       xl: 28
-    })[a] || 20, [a]), z = K(() => ({
+    })[a] || 20, [a]), z = J(() => ({
       xs: 2,
       sm: 2,
       md: 2,
       lg: 2,
       xl: 2.5
-    })[a] || 2, [a]), k = j(
+    })[a] || 2, [a]), O = j(
       (F) => {
         y(!0), h == null || h(F);
       },
       [h]
-    ), C = j(
+    ), k = j(
       (F) => {
         y(!1), g == null || g(F);
       },
       [g]
-    ), x = K(() => {
+    ), v = J(() => {
       if (s)
         return s;
       if (c === "transparent")
         return w ? "var(--mantine-color-gray-2)" : "transparent";
-    }, [s, c, w]), B = K(() => t && r && w ? r : o, [t, r, w, o]), L = K(
+    }, [s, c, w]), E = J(() => t && r && w ? r : o, [t, r, w, o]), L = J(
       () => /* @__PURE__ */ e(
-        B,
+        E,
         {
           size: M,
           strokeWidth: z,
           color: i
         }
       ),
-      [B, M, z, i]
+      [E, M, z, i]
     ), R = /* @__PURE__ */ e(
       le,
       {
         onClick: S,
-        bg: x,
+        bg: v,
         color: i,
         radius: "md",
         variant: c === "transparent" ? "transparent" : c,
         size: a,
         disabled: l || d,
         loading: d,
-        onMouseEnter: k,
-        onMouseLeave: C,
+        onMouseEnter: O,
+        onMouseLeave: k,
         "aria-label": p || u,
         className: f,
         style: I,
@@ -234,7 +234,7 @@ const Er = async (n) => {
   }
 }, Br = (n) => n.replace(/^Icon/, "").replace(/([A-Z])/g, " $1").trim().toLowerCase().replace(/^./, (t) => t.toUpperCase()), ut = Mn(
   ({ iconName: n, onClick: o, size: t = 20 }) => {
-    const [r, i] = O(null), [a, c] = O(!0), s = Z(null), l = Z(!0);
+    const [r, i] = C(null), [a, c] = C(!0), s = q(null), l = q(!0);
     Y(() => (l.current = !0, (async () => {
       try {
         const f = (await import("@tabler/icons-react"))[n];
@@ -323,7 +323,7 @@ const ft = Mn(
     onMouseEnter: c,
     onMouseLeave: s
   }) => {
-    const [l, d] = O(!1), [u, p] = O(() => Me.get(n) || null), f = Re(o), I = Math.round(f * 0.9);
+    const [l, d] = C(!1), [u, p] = C(() => Me.get(n) || null), f = Re(o), I = Math.round(f * 0.9);
     Y(() => {
       if (Me.has(n)) {
         p(() => Me.get(n));
@@ -495,7 +495,7 @@ const Ar = (n) => {
   loading: c = !1,
   alt: s = "Avatar"
 }) => {
-  const [l, d] = O(!1), u = jr(o), p = t && r, f = () => {
+  const [l, d] = C(!1), u = jr(o), p = t && r, f = () => {
     d(!0);
   }, I = () => {
     d(!1);
@@ -729,7 +729,7 @@ const Ar = (n) => {
   onClick: o,
   isActive: t = !1
 }) => {
-  const [r, i] = O(!1);
+  const [r, i] = C(!1);
   return /* @__PURE__ */ e(
     b,
     {
@@ -787,7 +787,7 @@ const Ar = (n) => {
         return 0;
     }
   }, { icon: s, text: l } = a();
-  return /* @__PURE__ */ v(A, { gap: "xs", align: "center", wrap: "nowrap", children: [
+  return /* @__PURE__ */ x(A, { gap: "xs", align: "center", wrap: "nowrap", children: [
     (() => {
       const u = s * 56 / 55;
       return /* @__PURE__ */ e(
@@ -838,11 +838,11 @@ const Ar = (n) => {
   },
   ...m
 }) => {
-  const [w, y] = O(!1), [S, M] = O(n), [z, k] = O(!1);
+  const [w, y] = C(!1), [S, M] = C(n), [z, O] = C(!1);
   Y(() => {
     g(z);
   }, [z, g]);
-  const C = Z(null), x = {
+  const k = q(null), v = {
     fontSize: "40px",
     fontWeight: 700,
     color: "var(--mantine-color-gray-9)",
@@ -855,33 +855,33 @@ const Ar = (n) => {
   Y(() => {
     M(n);
   }, [n]);
-  const B = () => {
-    a || (y(!0), I && C.current && C.current.select());
+  const E = () => {
+    a || (y(!0), I && k.current && k.current.select());
   }, L = () => {
     y(!1), S !== n && t(S);
   }, R = (N) => {
     M(N.target.value), r == null || r(N.target.value);
   }, F = (N) => {
-    var $, H;
-    N.key === "Enter" ? (y(!1), t(S), ($ = C.current) == null || $.blur()) : N.key === "Escape" && (M(n), y(!1), (H = C.current) == null || H.blur());
-  }, Q = {
+    var X, H;
+    N.key === "Enter" ? (y(!1), t(S), (X = k.current) == null || X.blur()) : N.key === "Escape" && (M(n), y(!1), (H = k.current) == null || H.blur());
+  }, G = {
     cursor: a ? "not-allowed" : "text"
-  }, _ = {
+  }, Q = {
     backgroundColor: c === "gray" ? "var(--mantine-color-gray-0)" : c === "white" ? "var(--mantine-color-white)" : void 0,
     borderColor: w && p ? f : void 0,
     borderWidth: w && p ? "2px" : void 0,
     transition: "border-color 0.2s ease-in-out, border-width 0.2s ease-in-out",
     color: "var(--mantine-color-gray-9)"
-  }, V = () => h ? { ..._, ...x } : _;
+  }, V = () => h ? { ...Q, ...v } : Q;
   return /* @__PURE__ */ e(qn, { label: o, size: s, children: /* @__PURE__ */ e(
     Kt,
     {
-      ref: C,
+      ref: k,
       value: S,
       onChange: R,
-      onMouseEnter: () => k(!0),
-      onMouseLeave: () => k(!1),
-      onFocus: B,
+      onMouseEnter: () => O(!0),
+      onMouseLeave: () => O(!1),
+      onFocus: E,
       onBlur: L,
       onKeyDown: F,
       placeholder: i,
@@ -890,7 +890,7 @@ const Ar = (n) => {
       fw: 500,
       radius: l,
       className: d,
-      style: { ...Q, ...u },
+      style: { ...G, ...u },
       styles: {
         input: {
           ...V()
@@ -922,35 +922,35 @@ const Ar = (n) => {
   pageTitle: y = !1,
   ...S
 }) => {
-  const [M, z] = O(!1), [k, C] = O(n), [x, B] = O(!1);
+  const [M, z] = C(!1), [O, k] = C(n), [v, E] = C(!1);
   Y(() => {
-    w(x);
-  }, [x, w]);
-  const L = Z(null);
+    w(v);
+  }, [v, w]);
+  const L = q(null);
   Y(() => {
-    C(n);
+    k(n);
   }, [n]);
   const R = () => {
-    const J = L.current;
-    J && (J.style.height = "0px", J.style.minHeight = "0px", J.style.overflowY = "hidden", J.style.height = `${J.scrollHeight}px`);
+    const $ = L.current;
+    $ && ($.style.height = "0px", $.style.minHeight = "0px", $.style.overflowY = "hidden", $.style.height = `${$.scrollHeight}px`);
   };
   Y(() => {
     m && R();
   }, [m]), Y(() => {
     m && R();
-  }, [k, m]);
+  }, [O, m]);
   const F = () => {
     a || (z(!0), m && requestAnimationFrame(() => R()), I && L.current && L.current.select());
-  }, Q = () => {
-    z(!1), k !== n && t(k);
-  }, _ = (J) => {
-    C(J.target.value), r == null || r(J.target.value);
-  }, V = (J) => {
-    var q;
-    J.key === "Escape" && (C(n), z(!1), (q = L.current) == null || q.blur());
+  }, G = () => {
+    z(!1), O !== n && t(O);
+  }, Q = ($) => {
+    k($.target.value), r == null || r($.target.value);
+  }, V = ($) => {
+    var Z;
+    $.key === "Escape" && (k(n), z(!1), (Z = L.current) == null || Z.blur());
   }, N = {
     cursor: a ? "not-allowed" : "text"
-  }, $ = {
+  }, X = {
     borderRadius: "var(--mantine-radius-md)",
     backgroundColor: c === "gray" ? "var(--mantine-color-gray-0)" : c === "white" ? "transparent" : void 0,
     borderColor: M && p ? f : void 0,
@@ -967,7 +967,7 @@ const Ar = (n) => {
     backgroundColor: "transparent",
     padding: "0",
     lineHeight: "3rem"
-  }, oe = () => y ? { ...$, ...H } : $;
+  }, oe = () => y ? { ...X, ...H } : X;
   return /* @__PURE__ */ e(
     qn,
     {
@@ -980,12 +980,12 @@ const Ar = (n) => {
           w: "100%",
           radius: "var(--mantine-radius-md)",
           ref: L,
-          value: k,
-          onChange: _,
-          onMouseEnter: () => B(!0),
-          onMouseLeave: () => B(!1),
+          value: O,
+          onChange: Q,
+          onMouseEnter: () => E(!0),
+          onMouseLeave: () => E(!1),
           onFocus: F,
-          onBlur: Q,
+          onBlur: G,
           onKeyDown: V,
           placeholder: i,
           disabled: a,
@@ -1028,7 +1028,7 @@ const Ar = (n) => {
     } : {
       height: 28,
       iconSize: 20
-    }, [p, f] = O(!1), I = p && o && !a ? /* @__PURE__ */ e(
+    }, [p, f] = C(!1), I = p && o && !a ? /* @__PURE__ */ e(
       o,
       {
         size: u(t).iconSize,
@@ -1044,7 +1044,7 @@ const Ar = (n) => {
         opacity: a ? 0.5 : 1
       }
     );
-    return /* @__PURE__ */ v(
+    return /* @__PURE__ */ x(
       le,
       {
         size: u(t).height,
@@ -1072,18 +1072,18 @@ const Ar = (n) => {
   disabled: s = !1,
   className: l
 }) => {
-  const [d, u] = O(!1), [p, f] = O(!1), [I, h] = O(t), g = Z(null), m = Z(null);
+  const [d, u] = C(!1), [p, f] = C(!1), [I, h] = C(t), g = q(null), m = q(null);
   Y(() => {
     h(t);
   }, [t]), Y(() => {
     d && g.current && g.current.focus();
   }, [d]), Y(() => {
-    const x = (B) => {
-      m.current && !m.current.contains(B.target) && w();
+    const v = (E) => {
+      m.current && !m.current.contains(E.target) && w();
     };
     if (d)
-      return document.addEventListener("mousedown", x), () => {
-        document.removeEventListener("mousedown", x);
+      return document.addEventListener("mousedown", v), () => {
+        document.removeEventListener("mousedown", v);
       };
   }, [d]);
   const w = () => {
@@ -1092,14 +1092,14 @@ const Ar = (n) => {
     }, 200);
   }, y = () => {
     s || u(!0);
-  }, S = (x) => {
-    const B = x.target.value;
-    h(B), r == null || r(B);
-  }, M = (x) => {
-    x.key === "Enter" && (i == null || i(I)), x.key === "Escape" && w();
+  }, S = (v) => {
+    const E = v.target.value;
+    h(E), r == null || r(E);
+  }, M = (v) => {
+    v.key === "Enter" && (i == null || i(I)), v.key === "Escape" && w();
   }, z = () => {
     h(""), r == null || r(""), a == null || a(), w();
-  }, C = (() => {
+  }, k = (() => {
     switch (c) {
       case "sm":
         return {
@@ -1121,7 +1121,7 @@ const Ar = (n) => {
         };
     }
   })();
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ x(
     b,
     {
       ref: m,
@@ -1132,7 +1132,7 @@ const Ar = (n) => {
         alignItems: "center"
       },
       children: [
-        /* @__PURE__ */ v(
+        /* @__PURE__ */ x(
           A,
           {
             gap: 0,
@@ -1150,23 +1150,23 @@ const Ar = (n) => {
                     display: "flex",
                     alignItems: "center",
                     justifyContent: "center",
-                    width: C.inputHeight,
-                    height: C.inputHeight,
+                    width: k.inputHeight,
+                    height: k.inputHeight,
                     cursor: s ? "not-allowed" : "pointer",
                     borderRadius: "var(--mantine-radius-md)",
                     transition: "background-color 0.2s ease",
                     opacity: s ? 0.5 : 1
                   },
-                  onMouseEnter: (x) => {
-                    s || (x.currentTarget.style.backgroundColor = "var(--mantine-color-gray-0)");
+                  onMouseEnter: (v) => {
+                    s || (v.currentTarget.style.backgroundColor = "var(--mantine-color-gray-0)");
                   },
-                  onMouseLeave: (x) => {
-                    x.currentTarget.style.backgroundColor = "transparent";
+                  onMouseLeave: (v) => {
+                    v.currentTarget.style.backgroundColor = "transparent";
                   },
                   children: /* @__PURE__ */ e(
                     zn,
                     {
-                      size: C.iconSize,
+                      size: k.iconSize,
                       color: "var(--mantine-color-gray-6)",
                       strokeWidth: 2.3
                     }
@@ -1182,7 +1182,7 @@ const Ar = (n) => {
                   onKeyDown: M,
                   placeholder: o,
                   disabled: s,
-                  height: C.inputHeight,
+                  height: k.inputHeight,
                   fw: 500,
                   styles: {
                     root: {
@@ -1194,9 +1194,9 @@ const Ar = (n) => {
                       outline: "none",
                       backgroundColor: "transparent",
                       padding: "0 8px",
-                      height: C.inputHeight,
-                      minHeight: C.inputHeight,
-                      fontSize: C.fontSize,
+                      height: k.inputHeight,
+                      minHeight: k.inputHeight,
+                      fontSize: k.fontSize,
                       color: "var(--mantine-color-gray-8)",
                       borderRadius: "var(--mantine-radius-md)",
                       transition: "background-color 0.2s ease",
@@ -1226,11 +1226,11 @@ const Ar = (n) => {
                         borderRadius: "var(--mantine-radius-xl)",
                         transition: "background-color 0.2s ease"
                       },
-                      onMouseEnter: (x) => {
-                        x.currentTarget.style.backgroundColor = "var(--mantine-color-gray-2)";
+                      onMouseEnter: (v) => {
+                        v.currentTarget.style.backgroundColor = "var(--mantine-color-gray-2)";
                       },
-                      onMouseLeave: (x) => {
-                        x.currentTarget.style.backgroundColor = "transparent";
+                      onMouseLeave: (v) => {
+                        v.currentTarget.style.backgroundColor = "transparent";
                       },
                       children: /* @__PURE__ */ e(
                         rt,
@@ -1279,7 +1279,7 @@ const Ar = (n) => {
   const a = rn({
     onDropdownClose: () => a.resetSelectedOption(),
     onDropdownOpen: () => a.updateSelectedOptionIndex("active")
-  }), [c, s] = O(!1), l = n.length > 0, d = (g) => {
+  }), [c, s] = C(!1), l = n.length > 0, d = (g) => {
     if (g === "remove-filters")
       o([]);
     else {
@@ -1345,7 +1345,7 @@ const Ar = (n) => {
       children: /* @__PURE__ */ e(ot, { size: 20, stroke: 2.3 })
     }
   );
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ x(
     re,
     {
       store: a,
@@ -1376,7 +1376,7 @@ const Ar = (n) => {
                 minWidth: "160px"
               }
             },
-            children: /* @__PURE__ */ v(re.Options, { children: [
+            children: /* @__PURE__ */ x(re.Options, { children: [
               u.map((g) => /* @__PURE__ */ e(
                 re.Option,
                 {
@@ -1384,7 +1384,7 @@ const Ar = (n) => {
                   style: {
                     ...p
                   },
-                  children: /* @__PURE__ */ v(
+                  children: /* @__PURE__ */ x(
                     b,
                     {
                       style: { display: "flex", alignItems: "center", gap: "8px" },
@@ -1407,7 +1407,7 @@ const Ar = (n) => {
                     fontWeight: "500",
                     color: "var(--mantine-color-red-6)"
                   },
-                  children: /* @__PURE__ */ v(
+                  children: /* @__PURE__ */ x(
                     b,
                     {
                       style: { display: "flex", alignItems: "center", gap: "8px" },
@@ -1469,7 +1469,7 @@ const Ar = (n) => {
     fontSize: "var(--mantine-font-size-sm)",
     padding: "0 12px"
   };
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ x(
     re,
     {
       store: a,
@@ -1479,7 +1479,7 @@ const Ar = (n) => {
       position: i,
       middlewares: { flip: !1, shift: !0 },
       children: [
-        /* @__PURE__ */ e(re.Target, { children: /* @__PURE__ */ v(
+        /* @__PURE__ */ e(re.Target, { children: /* @__PURE__ */ x(
           b,
           {
             style: {
@@ -1489,7 +1489,7 @@ const Ar = (n) => {
             fw: 500,
             pl: "sm",
             children: [
-              /* @__PURE__ */ v(b, { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
+              /* @__PURE__ */ x(b, { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
                 n.filterOption.icon,
                 s
               ] }),
@@ -1516,7 +1516,7 @@ const Ar = (n) => {
                 minWidth: "150px"
               }
             },
-            children: /* @__PURE__ */ v(re.Options, { children: [
+            children: /* @__PURE__ */ x(re.Options, { children: [
               l.map((I) => {
                 var h;
                 return /* @__PURE__ */ e(
@@ -1560,7 +1560,7 @@ const Ar = (n) => {
   const i = rn({
     onDropdownClose: () => i.resetSelectedOption(),
     onDropdownOpen: () => i.updateSelectedOptionIndex("active")
-  }), [a, c] = O(!1), s = (f) => {
+  }), [a, c] = C(!1), s = (f) => {
     const I = t == null ? void 0 : t.find(
       (h) => h.value === f
     );
@@ -1602,7 +1602,7 @@ const Ar = (n) => {
     color: "var(--mantine-color-gray-7)",
     fontWeight: "500"
   };
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ x(
     re,
     {
       store: i,
@@ -1645,7 +1645,7 @@ const Ar = (n) => {
                 style: {
                   ...p
                 },
-                children: /* @__PURE__ */ v(
+                children: /* @__PURE__ */ x(
                   b,
                   {
                     style: { display: "flex", alignItems: "center", gap: "8px" },
@@ -1686,7 +1686,7 @@ const Ar = (n) => {
       (u) => u.filterOption.value === d.value
     )
   );
-  return !n || n.length === 0 ? null : /* @__PURE__ */ e("div", { style: { width: "100%" }, children: /* @__PURE__ */ v(A, { gap: "sm", align: "center", wrap: "wrap", children: [
+  return !n || n.length === 0 ? null : /* @__PURE__ */ e("div", { style: { width: "100%" }, children: /* @__PURE__ */ x(A, { gap: "sm", align: "center", wrap: "wrap", children: [
     (n || []).map((d) => {
       const u = i ? i(d.filterOption.value) || [] : [];
       return /* @__PURE__ */ e(
@@ -1719,7 +1719,7 @@ const Ar = (n) => {
   size: r = "md",
   getFilterOptions: i,
   filterTagDropdownPosition: a = "bottom-start"
-}) => /* @__PURE__ */ v("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
+}) => /* @__PURE__ */ x("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
   /* @__PURE__ */ e(
     Bn,
     {
@@ -1748,28 +1748,33 @@ const Ar = (n) => {
   danger: o,
   active: t,
   ...r
-}) => /* @__PURE__ */ e(
-  Kn,
-  {
-    ...r,
-    style: {
-      borderRadius: "8px",
-      color: t ? "var(--mantine-color-blue-7)" : o ? "var(--mantine-color-red-9)" : "var(--mantine-color-gray-9)",
-      backgroundColor: t ? "var(--mantine-color-blue-0)" : "transparent",
-      ...r.style
-    },
-    children: n
-  }
-), nn = ({
+}) => {
+  const [i, a] = C(!1);
+  return /* @__PURE__ */ e(
+    Kn,
+    {
+      ...r,
+      onMouseEnter: () => a(!0),
+      onMouseLeave: () => a(!1),
+      style: {
+        borderRadius: "8px",
+        color: t ? "var(--mantine-color-blue-7)" : o ? "var(--mantine-color-red-9)" : "var(--mantine-color-gray-9)",
+        backgroundColor: i || t ? "var(--mantine-color-gray-1)" : "transparent",
+        ...r.style
+      },
+      children: n
+    }
+  );
+}, nn = ({
   trigger: n,
   menuItems: o,
   children: t,
   ...r
 }) => {
-  const i = Z(null), [a, c] = O(0);
+  const i = q(null), [a, c] = C(0);
   return Y(() => {
     i.current && c(i.current.offsetWidth);
-  }, [n]), /* @__PURE__ */ v(pe, { ...r, children: [
+  }, [n]), /* @__PURE__ */ x(pe, { ...r, children: [
     /* @__PURE__ */ e(pe.Target, { children: /* @__PURE__ */ e(
       "div",
       {
@@ -1785,7 +1790,7 @@ const Ar = (n) => {
         children: n
       }
     ) }),
-    /* @__PURE__ */ v(
+    /* @__PURE__ */ x(
       pe.Dropdown,
       {
         styles: {
@@ -1814,7 +1819,7 @@ const Ar = (n) => {
   isActive: l = !1,
   ...d
 }) => {
-  const [u, p] = O(!1);
+  const [u, p] = C(!1);
   return /* @__PURE__ */ e(
     b,
     {
@@ -1838,7 +1843,7 @@ const Ar = (n) => {
       bg: u || l ? "gray.1" : "transparent",
       "aria-label": a || `${n} navigation button`,
       ...d,
-      children: /* @__PURE__ */ v(A, { w: "100%", wrap: "nowrap", gap: 8, justify: "left", align: "center", children: [
+      children: /* @__PURE__ */ x(A, { w: "100%", wrap: "nowrap", gap: 8, justify: "left", align: "center", children: [
         /* @__PURE__ */ e(
           b,
           {
@@ -1907,44 +1912,44 @@ const Ar = (n) => {
   "aria-label": m,
   ...w
 }) => {
-  const [y, S] = O(!1), [M, z] = O(!1), k = be.Children.count(t) > 0, C = !u && k && (f ? M : !0), x = j(() => {
+  const [y, S] = C(!1), [M, z] = C(!1), [O, k] = C(!1), v = M || O, E = be.Children.count(t) > 0, L = !u && E && (f ? v : !0), R = j(() => {
     d || g == null || g();
-  }, [g, d]), B = j(
+  }, [g, d]), F = j(
     ($) => {
       $.stopPropagation(), !d && (r == null || r());
     },
     [r, d]
-  ), L = j(
+  ), G = j(
     ($) => {
-      $ == null || $.stopPropagation(), !d && k && !u && S((H) => !H);
+      $ == null || $.stopPropagation(), !d && E && !u && S((Z) => !Z);
     },
-    [d, k, u]
-  ), R = j(() => {
+    [d, E, u]
+  ), Q = j(() => {
     d || r == null || r();
-  }, [r, d]), F = j(
+  }, [r, d]), V = j(
     ($) => {
       d || i == null || i($);
     },
     [i, d, n]
-  ), Q = j(() => k ? be.Children.map(t, ($) => be.isValidElement($) ? be.cloneElement($, {
+  ), N = j(() => E ? be.Children.map(t, ($) => be.isValidElement($) ? be.cloneElement($, {
     ...$.props,
     level: l + 1
-  }) : $) : null, [t, k, l]), _ = (a == null ? void 0 : a.map(($) => ({
-    children: /* @__PURE__ */ v(A, { gap: "xs", wrap: "nowrap", children: [
+  }) : $) : null, [t, E, l]), X = (a == null ? void 0 : a.map(($) => ({
+    children: /* @__PURE__ */ x(A, { gap: "xs", wrap: "nowrap", children: [
       $.icon && /* @__PURE__ */ e($.icon, { size: 16 }),
       /* @__PURE__ */ e(T, { size: "sm", children: $.label })
     ] }),
-    onClick: () => F($.action)
-  }))) || [], V = [
+    onClick: () => V($.action)
+  }))) || [], H = [
     {
-      children: /* @__PURE__ */ v(A, { gap: "xs", wrap: "nowrap", children: [
+      children: /* @__PURE__ */ x(A, { gap: "xs", wrap: "nowrap", children: [
         /* @__PURE__ */ e(Te, { size: 16 }),
         /* @__PURE__ */ e(T, { size: "sm", children: "Add child" })
       ] }),
-      onClick: B
+      onClick: F
     }
-  ], N = _.length > 0 ? _ : V;
-  return /* @__PURE__ */ v(W, { gap: 0, children: [
+  ], oe = X.length > 0 ? X : H;
+  return /* @__PURE__ */ x(W, { gap: 0, children: [
     /* @__PURE__ */ e(
       b,
       {
@@ -1962,31 +1967,33 @@ const Ar = (n) => {
         px: 6,
         h: 40,
         onMouseEnter: () => !d && z(!0),
-        onMouseLeave: () => z(!1),
-        onClick: x,
-        bg: p || M ? "var(--mantine-color-gray-1)" : "transparent",
+        onMouseLeave: () => {
+          O || z(!1);
+        },
+        onClick: R,
+        bg: p || v ? "var(--mantine-color-gray-1)" : "transparent",
         "aria-expanded": y,
         "aria-label": m || `${n} navigation link`,
         ...w,
-        children: /* @__PURE__ */ v(
+        children: /* @__PURE__ */ x(
           A,
           {
             w: "100%",
             wrap: "nowrap",
             gap: 8,
-            onClick: x,
+            onClick: R,
             style: {
-              paddingLeft: u && !C ? `${(l + 1) * 32}px` : l > 0 ? `${l * 32}px` : "0px"
+              paddingLeft: u && !L ? `${(l + 1) * 32}px` : l > 0 ? `${l * 32}px` : "0px"
             },
             children: [
-              C ? /* @__PURE__ */ e(
+              L ? /* @__PURE__ */ e(
                 Be,
                 {
                   icon: y ? Ce : Je,
                   iconOnHover: y ? Ce : Je,
-                  grayScaleBaseColor: M ? 1 : 0,
+                  grayScaleBaseColor: v ? 1 : 0,
                   color: "var(--mantine-color-gray-7)",
-                  onClick: L,
+                  onClick: G,
                   disabled: d
                 }
               ) : f ? /* @__PURE__ */ e(
@@ -2010,22 +2017,22 @@ const Ar = (n) => {
                   children: n
                 }
               ),
-              /* @__PURE__ */ v(A, { gap: "xs", align: "center", children: [
+              /* @__PURE__ */ x(A, { gap: "xs", align: "center", children: [
                 o && /* @__PURE__ */ e(T, { size: "xs", c: "dimmed", children: o }),
-                M && !d && /* @__PURE__ */ v(A, { gap: 4, wrap: "nowrap", children: [
+                v && !d && /* @__PURE__ */ x(A, { gap: 4, wrap: "nowrap", children: [
                   r && /* @__PURE__ */ e(
                     Be,
                     {
                       icon: Te,
-                      grayScaleBaseColor: M ? 1 : 0,
-                      onClick: R,
+                      grayScaleBaseColor: v ? 1 : 0,
+                      onClick: Q,
                       color: "var(--mantine-color-gray-7)"
                     }
                   ),
                   (a && a.length > 0 || r) && /* @__PURE__ */ e("div", { onClick: ($) => $.stopPropagation(), children: /* @__PURE__ */ e(
                     nn,
                     {
-                      menuItems: N,
+                      menuItems: oe,
                       trigger: /* @__PURE__ */ e(
                         Be,
                         {
@@ -2035,7 +2042,13 @@ const Ar = (n) => {
                         }
                       ),
                       position: "bottom-end",
-                      shadow: "md"
+                      shadow: "md",
+                      onOpen: () => {
+                        k(!0), z(!0);
+                      },
+                      onClose: () => {
+                        k(!1);
+                      }
                     }
                   ) })
                 ] })
@@ -2045,7 +2058,7 @@ const Ar = (n) => {
         )
       }
     ),
-    y && !u && /* @__PURE__ */ e(W, { gap: 0, style: { width: "100%" }, children: k ? Q() : /* @__PURE__ */ e(b, { style: { marginLeft: l > 0 ? `${l * 16}px` : "0px" }, children: /* @__PURE__ */ e(T, { size: "sm", c: "dimmed", ta: "left", p: "sm", fw: 500, children: s }) }) })
+    y && !u && /* @__PURE__ */ e(W, { gap: 0, style: { width: "100%" }, children: E ? N() : /* @__PURE__ */ e(b, { style: { marginLeft: l > 0 ? `${l * 16}px` : "0px" }, children: /* @__PURE__ */ e(T, { size: "sm", c: "dimmed", ta: "left", p: "sm", fw: 500, children: s }) }) })
   ] });
 }, Yr = "userChip-module__pill___DgFME", Zr = {
   pill: Yr
@@ -2064,7 +2077,7 @@ const Ar = (n) => {
     size: "md",
     className: Zr.pill,
     bg: "transparent",
-    children: /* @__PURE__ */ v(A, { gap: 4, wrap: "nowrap", style: { alignItems: "center" }, children: [
+    children: /* @__PURE__ */ x(A, { gap: 4, wrap: "nowrap", style: { alignItems: "center" }, children: [
       /* @__PURE__ */ e(
         Oe,
         {
@@ -2084,7 +2097,7 @@ const Ar = (n) => {
   onClick: r,
   selected: i = !1
 }) => {
-  const [a, c] = O(!1);
+  const [a, c] = C(!1);
   return /* @__PURE__ */ e(
     b,
     {
@@ -2105,7 +2118,7 @@ const Ar = (n) => {
         transition: "background-color 0.2s ease",
         opacity: t ? 0.5 : 1
       },
-      children: /* @__PURE__ */ v(
+      children: /* @__PURE__ */ x(
         A,
         {
           gap: "sm",
@@ -2127,7 +2140,7 @@ const Ar = (n) => {
                 }
               }
             ),
-            /* @__PURE__ */ v(W, { gap: 0, style: { flex: 1 }, children: [
+            /* @__PURE__ */ x(W, { gap: 0, style: { flex: 1 }, children: [
               /* @__PURE__ */ e(
                 T,
                 {
@@ -2174,12 +2187,12 @@ const Ar = (n) => {
   triggerStyles: p,
   textStyles: f
 }) => {
-  const [I, h] = O(!1), g = (t || []).find((x) => x.value === n) || l, [m, w] = O(!1), [y, S] = O(!1), [M, z] = O(!1), k = r ? /* @__PURE__ */ e(
+  const [I, h] = C(!1), g = (t || []).find((v) => v.value === n) || l, [m, w] = C(!1), [y, S] = C(!1), [M, z] = C(!1), O = r ? /* @__PURE__ */ e(
     A,
     {
       p: "sm",
-      onClick: (x) => {
-        x.stopPropagation(), a == null || a(n);
+      onClick: (v) => {
+        v.stopPropagation(), a == null || a(n);
       },
       style: {
         cursor: "pointer",
@@ -2194,7 +2207,7 @@ const Ar = (n) => {
       onMouseLeave: () => S(!1),
       children: /* @__PURE__ */ e(T, { size: "sm", c: "var(--mantine-color-red-6)", fw: 500, children: "Remove user" })
     }
-  ) : null, C = /* @__PURE__ */ v(
+  ) : null, k = /* @__PURE__ */ x(
     b,
     {
       onMouseEnter: () => !s && w(!0),
@@ -2244,12 +2257,12 @@ const Ar = (n) => {
       ]
     }
   );
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ x(
     je,
     {
       opened: I,
-      onChange: (x) => {
-        h(x), x || z(!1);
+      onChange: (v) => {
+        h(v), v || z(!1);
       },
       position: to,
       shadow: "md",
@@ -2257,12 +2270,12 @@ const Ar = (n) => {
       zIndex: ro,
       styles: d,
       children: [
-        /* @__PURE__ */ e(je.Target, { children: C }),
+        /* @__PURE__ */ e(je.Target, { children: k }),
         /* @__PURE__ */ e(
           je.Dropdown,
           {
-            onClick: (x) => x.stopPropagation(),
-            onMouseDown: (x) => x.stopPropagation(),
+            onClick: (v) => v.stopPropagation(),
+            onMouseDown: (v) => v.stopPropagation(),
             styles: {
               dropdown: {
                 borderRadius: "var(--mantine-radius-md)",
@@ -2270,30 +2283,30 @@ const Ar = (n) => {
                 ...u
               }
             },
-            children: /* @__PURE__ */ v(
+            children: /* @__PURE__ */ x(
               W,
               {
                 gap: 0,
-                onClick: (x) => x.stopPropagation(),
-                onMouseDown: (x) => x.stopPropagation(),
+                onClick: (v) => v.stopPropagation(),
+                onMouseDown: (v) => v.stopPropagation(),
                 children: [
-                  (t || []).map((x) => {
-                    const B = c.includes(x.value), L = x.value === n;
+                  (t || []).map((v) => {
+                    const E = c.includes(v.value), L = v.value === n;
                     return /* @__PURE__ */ e(
                       no,
                       {
-                        item: x,
+                        item: v,
                         withAvatars: i,
-                        disabled: B,
+                        disabled: E,
                         selected: L,
                         onClick: (R) => {
                           o == null || o(R), h(!1), z(!1);
                         }
                       },
-                      x.value
+                      v.value
                     );
                   }),
-                  k
+                  O
                 ]
               }
             )
@@ -2303,7 +2316,7 @@ const Ar = (n) => {
     }
   );
 }, so = (n, o, t, r) => {
-  const i = Z(null), a = Z(null), c = j(
+  const i = q(null), a = q(null), c = j(
     (l) => {
       l[0].isIntersecting && t && !r && o && o();
     },
@@ -2352,68 +2365,68 @@ const Ar = (n) => {
   highlightOnHover: S = !0,
   enableInfiniteScroll: M = !1,
   isLoadingMore: z = !1,
-  hasMore: k = !1,
-  onLoadMore: C
+  hasMore: O = !1,
+  onLoadMore: k
 }) => {
-  const [x, B] = O(""), [L, R] = O([]), { loadMoreRef: F } = so(
+  const [v, E] = C(""), [L, R] = C([]), { loadMoreRef: F } = so(
     M,
-    C || (() => {
+    k || (() => {
     }),
-    k,
+    O,
     z
-  ), Q = K(() => [...d ? t.filter((E) => E.type === "select" && E.options).map((E) => ({
-    value: E.key,
-    label: E.label
-  })) : [], ...u], [t, d, u]), _ = K(() => {
+  ), G = J(() => [...d ? t.filter((B) => B.type === "select" && B.options).map((B) => ({
+    value: B.key,
+    label: B.label
+  })) : [], ...u], [t, d, u]), Q = J(() => {
     let D = o || [];
-    if (x) {
-      const E = x.toLowerCase();
+    if (v) {
+      const B = v.toLowerCase();
       D = D.filter((U) => t.some((P) => {
         if (!P.searchable)
           return !1;
-        const X = U[P.key];
-        return X == null ? !1 : String(X).toLowerCase().includes(E);
+        const K = U[P.key];
+        return K == null ? !1 : String(K).toLowerCase().includes(B);
       }));
     }
-    return L.forEach((E) => {
-      if (E.filterTag.selectedOption) {
+    return L.forEach((B) => {
+      if (B.filterTag.selectedOption) {
         const U = t.find(
-          (P) => P.key === E.filterTag.filterOption.value
+          (P) => P.key === B.filterTag.filterOption.value
         );
         U && (D = D.filter((P) => {
           var de;
-          const X = P[U.key];
-          return String(X) === ((de = E.filterTag.selectedOption) == null ? void 0 : de.value);
+          const K = P[U.key];
+          return String(K) === ((de = B.filterTag.selectedOption) == null ? void 0 : de.value);
         }));
       }
     }), D;
-  }, [o, x, L, t]), V = (D) => {
-    B(D), g == null || g(D);
+  }, [o, v, L, t]), V = (D) => {
+    E(D), g == null || g(D);
   }, N = (D) => {
-    const E = t.find((P) => P.key === D);
-    if (!(E != null && E.sortable))
+    const B = t.find((P) => P.key === D);
+    if (!(B != null && B.sortable))
       return;
     const U = I === D && h === "asc" ? "desc" : "asc";
     f == null || f(D, U);
-  }, $ = (D) => {
-    const E = t.find((U) => U.key === D);
-    return (E == null ? void 0 : E.type) === "select" && E.options ? E.options.map((U) => ({
+  }, X = (D) => {
+    const B = t.find((U) => U.key === D);
+    return (B == null ? void 0 : B.type) === "select" && B.options ? B.options.map((U) => ({
       value: U.value,
       label: U.label
-    })) : (E == null ? void 0 : E.type) === "badge" ? [
-      ...new Set(o.map((P) => P[E.key]).filter(Boolean))
+    })) : (B == null ? void 0 : B.type) === "badge" ? [
+      ...new Set(o.map((P) => P[B.key]).filter(Boolean))
     ].map((P) => ({
       value: String(P),
       label: String(P).charAt(0).toUpperCase() + String(P).slice(1)
-    })) : E ? [
-      ...new Set(o.map((P) => P[E.key]).filter(Boolean))
+    })) : B ? [
+      ...new Set(o.map((P) => P[B.key]).filter(Boolean))
     ].map((P) => ({
       value: String(P),
       label: String(P).charAt(0).toUpperCase() + String(P).slice(1)
     })) : [];
-  }, H = (D, E) => {
-    var P, X, de, G, ge;
-    const U = E[D.key];
+  }, H = (D, B) => {
+    var P, K, de, _, ge;
+    const U = B[D.key];
     switch (D.type) {
       case "text":
         return /* @__PURE__ */ e(T, { size: "sm", c: U ? void 0 : "dimmed", children: U || "—" });
@@ -2435,13 +2448,13 @@ const Ar = (n) => {
             placeholder: D.label,
             onChange: (Ie) => {
               var Le;
-              return (Le = D.onSelectChange) == null ? void 0 : Le.call(D, Ie, E);
+              return (Le = D.onSelectChange) == null ? void 0 : Le.call(D, Ie, B);
             },
-            disabled: (P = D.disabled) == null ? void 0 : P.call(D, E)
+            disabled: (P = D.disabled) == null ? void 0 : P.call(D, B)
           }
         ) : /* @__PURE__ */ e(T, { size: "sm", c: "dimmed", children: "—" });
       case "badge":
-        const cn = ((X = D.badgeColors) == null ? void 0 : X[U]) || "gray";
+        const cn = ((K = D.badgeColors) == null ? void 0 : K[U]) || "gray";
         return /* @__PURE__ */ e(
           Ke,
           {
@@ -2454,7 +2467,7 @@ const Ar = (n) => {
           }
         );
       case "avatar":
-        const sn = ((de = D.fallbackText) == null ? void 0 : de.call(D, E)) || String(U).charAt(0).toUpperCase();
+        const sn = ((de = D.fallbackText) == null ? void 0 : de.call(D, B)) || String(U).charAt(0).toUpperCase();
         return /* @__PURE__ */ e(
           Oe,
           {
@@ -2465,9 +2478,9 @@ const Ar = (n) => {
           }
         );
       case "custom":
-        return ((G = D.render) == null ? void 0 : G.call(D, U, E)) || /* @__PURE__ */ e(T, { size: "sm", c: "dimmed", children: "—" });
+        return ((_ = D.render) == null ? void 0 : _.call(D, U, B)) || /* @__PURE__ */ e(T, { size: "sm", c: "dimmed", children: "—" });
       case "actions":
-        return (ge = D.actions) != null && ge.length ? /* @__PURE__ */ v(
+        return (ge = D.actions) != null && ge.length ? /* @__PURE__ */ x(
           pe,
           {
             shadow: "md",
@@ -2487,8 +2500,8 @@ const Ar = (n) => {
                   {
                     color: Ie.color,
                     leftSection: Ie.icon,
-                    disabled: (_e = Ie.disabled) == null ? void 0 : _e.call(Ie, E),
-                    onClick: () => Ie.onClick(E),
+                    disabled: (_e = Ie.disabled) == null ? void 0 : _e.call(Ie, B),
+                    onClick: () => Ie.onClick(B),
                     styles: {
                       item: {
                         borderRadius: "var(--mantine-radius-md)"
@@ -2506,9 +2519,9 @@ const Ar = (n) => {
         return /* @__PURE__ */ e(T, { size: "sm", c: "dimmed", children: "—" });
     }
   }, oe = (D) => {
-    var E;
-    return (E = t.find((U) => U.key === D)) != null && E.sortable ? I === D ? h === "asc" ? /* @__PURE__ */ e(Ve, { size: 14 }) : /* @__PURE__ */ e(Ce, { size: 14 }) : /* @__PURE__ */ e(Ve, { size: 14, style: { opacity: 0.3 } }) : null;
-  }, q = (() => {
+    var B;
+    return (B = t.find((U) => U.key === D)) != null && B.sortable ? I === D ? h === "asc" ? /* @__PURE__ */ e(Ve, { size: 14 }) : /* @__PURE__ */ e(Ce, { size: 14 }) : /* @__PURE__ */ e(Ve, { size: 14, style: { opacity: 0.3 } }) : null;
+  }, Z = (() => {
     switch (w) {
       case "sm":
         return { buttonSize: "xs", textSize: "sm" };
@@ -2518,32 +2531,32 @@ const Ar = (n) => {
         return { buttonSize: "sm", textSize: "sm" };
     }
   })();
-  return /* @__PURE__ */ v(b, { pos: "relative", children: [
+  return /* @__PURE__ */ x(b, { pos: "relative", children: [
     /* @__PURE__ */ e(Jt, { visible: c }),
-    /* @__PURE__ */ v(W, { gap: "sm", w: "100%", children: [
-      /* @__PURE__ */ v(A, { gap: "sm", wrap: "nowrap", justify: "space-between", children: [
+    /* @__PURE__ */ x(W, { gap: "sm", w: "100%", children: [
+      /* @__PURE__ */ x(A, { gap: "sm", wrap: "nowrap", justify: "space-between", children: [
         /* @__PURE__ */ e(T, { fw: 600, c: "var(--mantine-color-gray-8)", children: n }),
-        /* @__PURE__ */ v(A, { gap: "xs", wrap: "nowrap", children: [
-          /* @__PURE__ */ v(A, { gap: 4, wrap: "nowrap", children: [
+        /* @__PURE__ */ x(A, { gap: "xs", wrap: "nowrap", children: [
+          /* @__PURE__ */ x(A, { gap: 4, wrap: "nowrap", children: [
             /* @__PURE__ */ e(
               Pr,
               {
                 placeholder: l,
-                value: x,
+                value: v,
                 onChange: V,
                 onSearch: V,
                 expandDirection: "right",
-                size: q.buttonSize
+                size: Z.buttonSize
               }
             ),
-            Q.length > 0 && /* @__PURE__ */ e(
+            G.length > 0 && /* @__PURE__ */ e(
               Bn,
               {
                 activeFilters: L.map((D) => D.filterTag),
                 onFiltersChange: (D) => {
                   R(
-                    D.map((E) => ({
-                      filterTag: E,
+                    D.map((B) => ({
+                      filterTag: B,
                       onUpdate: () => {
                       },
                       onRemove: () => {
@@ -2551,8 +2564,8 @@ const Ar = (n) => {
                     }))
                   ), p == null || p(D);
                 },
-                availableFilters: Q,
-                size: q.buttonSize
+                availableFilters: G,
+                size: Z.buttonSize
               }
             )
           ] }),
@@ -2562,7 +2575,7 @@ const Ar = (n) => {
               size: "compact-md",
               h: 32,
               style: {
-                fontSize: `var(--mantine-font-size-${q.textSize})`,
+                fontSize: `var(--mantine-font-size-${Z.textSize})`,
                 border: "none"
               },
               radius: "md",
@@ -2572,14 +2585,14 @@ const Ar = (n) => {
           )
         ] })
       ] }),
-      Q.length > 0 && /* @__PURE__ */ e(
+      G.length > 0 && /* @__PURE__ */ e(
         An,
         {
           activeFilters: L.map((D) => D.filterTag),
           onFiltersChange: (D) => {
             R(
-              D.map((E) => ({
-                filterTag: E,
+              D.map((B) => ({
+                filterTag: B,
                 onUpdate: () => {
                 },
                 onRemove: () => {
@@ -2587,14 +2600,14 @@ const Ar = (n) => {
               }))
             ), p == null || p(D);
           },
-          availableFilters: Q,
+          availableFilters: G,
           size: "md",
-          getFilterOptions: $
+          getFilterOptions: X
         }
       )
     ] }),
     i,
-    /* @__PURE__ */ v(
+    /* @__PURE__ */ x(
       we,
       {
         striped: y,
@@ -2612,15 +2625,15 @@ const Ar = (n) => {
                 cursor: D.sortable ? "pointer" : "default"
               },
               onClick: () => D.sortable && N(D.key),
-              children: /* @__PURE__ */ v(A, { gap: "xs", wrap: "nowrap", children: [
+              children: /* @__PURE__ */ x(A, { gap: "xs", wrap: "nowrap", children: [
                 D.icon && /* @__PURE__ */ e(b, { style: { display: "flex", alignItems: "center" }, children: D.icon }),
-                /* @__PURE__ */ e(T, { size: q.textSize, fw: 500, children: D.label }),
+                /* @__PURE__ */ e(T, { size: Z.textSize, fw: 500, children: D.label }),
                 oe(D.key)
               ] })
             },
             String(D.key)
           )) }) }),
-          /* @__PURE__ */ e(we.Tbody, { children: _.length === 0 ? /* @__PURE__ */ e(we.Tr, { children: /* @__PURE__ */ e(we.Td, { colSpan: t.length, ta: "center", py: "xl", children: /* @__PURE__ */ e(T, { c: "dimmed", children: s }) }) }) : _.map((D, E) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e(we.Tbody, { children: Q.length === 0 ? /* @__PURE__ */ e(we.Tr, { children: /* @__PURE__ */ e(we.Td, { colSpan: t.length, ta: "center", py: "xl", children: /* @__PURE__ */ e(T, { c: "dimmed", children: s }) }) }) : Q.map((D, B) => /* @__PURE__ */ e(
             we.Tr,
             {
               style: { cursor: m ? "pointer" : "default" },
@@ -2634,7 +2647,7 @@ const Ar = (n) => {
                 String(U.key)
               ))
             },
-            D.id || E
+            D.id || B
           )) })
         ]
       }
@@ -2650,7 +2663,7 @@ const Ar = (n) => {
           alignItems: "center",
           minHeight: "60px"
         },
-        children: z && /* @__PURE__ */ v(A, { display: "flex", ta: "center", gap: "xs", children: [
+        children: z && /* @__PURE__ */ x(A, { display: "flex", ta: "center", gap: "xs", children: [
           /* @__PURE__ */ e(Se, { size: "sm", color: "gray.5" }),
           /* @__PURE__ */ e(T, { size: "sm", c: "dimmed", fw: 500, children: "Loading more..." })
         ] })
@@ -2667,44 +2680,44 @@ const uo = ({
   onImageSelect: t,
   onIconSelect: r
 } = {}) => {
-  const [i, a] = O(
+  const [i, a] = C(
     "emoji"
-  ), [c, s] = O(null), [l, d] = O(null), [u, p] = O(null), [f, I] = O(null), [h, g] = O(null), m = j((x) => {
-    a(x);
+  ), [c, s] = C(null), [l, d] = C(null), [u, p] = C(null), [f, I] = C(null), [h, g] = C(null), m = j((v) => {
+    a(v);
   }, []), w = j(
-    (x) => {
-      s(x);
+    (v) => {
+      s(v);
     },
     []
-  ), y = j((x) => {
-    g(x);
-    const B = new FileReader();
-    B.onload = (L) => {
+  ), y = j((v) => {
+    g(v);
+    const E = new FileReader();
+    E.onload = (L) => {
       var F;
       const R = (F = L.target) == null ? void 0 : F.result;
       d(R);
-    }, B.readAsDataURL(x);
+    }, E.readAsDataURL(v);
   }, []), S = j(
-    (x) => {
-      p(x), d(null), g(null), I(null), n == null || n({ type: "emoji", value: x }), o == null || o(x);
+    (v) => {
+      p(v), d(null), g(null), I(null), n == null || n({ type: "emoji", value: v }), o == null || o(v);
     },
     [n, o]
   ), M = j(
-    (x) => {
-      I(x), d(null), g(null), p(null), n == null || n({ type: "icon", value: x }), r == null || r(x);
+    (v) => {
+      I(v), d(null), g(null), p(null), n == null || n({ type: "icon", value: v }), r == null || r(v);
     },
     [n, r]
   ), z = j(() => {
     if (h && l) {
-      const x = URL.createObjectURL(h);
+      const v = URL.createObjectURL(h);
       n == null || n({
         type: "image",
-        value: x
+        value: v
       }), t == null || t(h);
     }
-  }, [h, l, n, t]), k = j(() => {
+  }, [h, l, n, t]), O = j(() => {
     d(null), g(null), p(null), I(null);
-  }, []), C = j(() => {
+  }, []), k = j(() => {
     d(null), p(null), I(null), g(null), a("emoji"), s(null);
   }, []);
   return {
@@ -2720,8 +2733,8 @@ const uo = ({
     handleImageAccept: z,
     handleEmojiSelect: S,
     handleIconSelect: M,
-    clearImagePreview: k,
-    resetState: C
+    clearImagePreview: O,
+    resetState: k
   };
 }, fo = ({
   opened: n,
@@ -2757,8 +2770,8 @@ const uo = ({
   hasAvatar: a = !1,
   children: c
 }) => {
-  const [s, l] = O(!1);
-  return /* @__PURE__ */ v(
+  const [s, l] = C(!1);
+  return /* @__PURE__ */ x(
     fe,
     {
       color: "black",
@@ -2769,7 +2782,7 @@ const uo = ({
         }
       },
       children: [
-        /* @__PURE__ */ v(fe.List, { px: "var(--mantine-spacing-sm)", pt: "xs", w: "100%", children: [
+        /* @__PURE__ */ x(fe.List, { px: "var(--mantine-spacing-sm)", pt: "xs", w: "100%", children: [
           /* @__PURE__ */ e(
             fe.Tab,
             {
@@ -2962,13 +2975,13 @@ const po = () => {
   onEmojiSelect: n,
   height: o = 200
 }) => {
-  const [t, r] = O(""), [i, a] = O("people"), [c, s] = O(() => {
+  const [t, r] = C(""), [i, a] = C("people"), [c, s] = C(() => {
     if (typeof window < "u") {
       const m = localStorage.getItem("emoji-frequent");
       return m ? JSON.parse(m) : [];
     }
     return [];
-  }), [l, d] = O([]), [u, p] = O(!1), f = po();
+  }), [l, d] = C([]), [u, p] = C(!1), f = po();
   Y(() => {
     t.trim() ? (p(!0), Mr.search(t).then((m) => {
       d(
@@ -2981,7 +2994,7 @@ const po = () => {
       ), p(!1);
     })) : d([]);
   }, [t]);
-  const I = K(() => {
+  const I = J(() => {
     if (t.trim())
       return l;
     if (i === "frequent")
@@ -3009,8 +3022,8 @@ const po = () => {
       return typeof window < "u" && localStorage.setItem("emoji-frequent", JSON.stringify(S)), S;
     });
   };
-  return /* @__PURE__ */ v(W, { gap: 0, style: { height: o, width: "100%" }, children: [
-    /* @__PURE__ */ e(b, { p: "sm", pb: "xs", children: /* @__PURE__ */ v(W, { gap: "xs", children: [
+  return /* @__PURE__ */ x(W, { gap: 0, style: { height: o, width: "100%" }, children: [
+    /* @__PURE__ */ e(b, { p: "sm", pb: "xs", children: /* @__PURE__ */ x(W, { gap: "xs", children: [
       /* @__PURE__ */ e(
         kn,
         {
@@ -4213,7 +4226,7 @@ const $e = [
 }) }), bt = Mn(
   ({ onIconSelect: n, height: o = 358 }) => {
     var m, w;
-    const [t, r] = O(""), [i, a] = O("recent"), [c, s] = O(!1), [l, d] = O([]);
+    const [t, r] = C(""), [i, a] = C("recent"), [c, s] = C(!1), [l, d] = C([]);
     Qn(() => {
       if (typeof window < "u") {
         const y = localStorage.getItem("avatar-icon-recent");
@@ -4228,9 +4241,9 @@ const $e = [
           }
       }
     }, []);
-    const u = K(() => $e.filter(
+    const u = J(() => $e.filter(
       (y) => y.id !== "recent" && !("isDynamic" in y)
-    ).flatMap((y) => y.icons), []), p = K(() => {
+    ).flatMap((y) => y.icons), []), p = J(() => {
       if (i === "recent") {
         const S = new Set(u);
         return l.filter(
@@ -4246,24 +4259,24 @@ const $e = [
         if (!y.trim())
           return S;
         const M = y.toLowerCase().trim(), z = M.split(/\s+/);
-        return S.filter((k) => {
-          const x = k.replace(/^Icon/, "").split(/(?=[A-Z])/).map((B) => B.toLowerCase().trim()).filter((B) => B.length > 0);
-          return !!(x.some((B) => z.some((L) => B === L)) || M.length > 2 && x.some(
-            (B) => z.some((L) => B.startsWith(L))
-          ) || M.length <= 2 && x.some(
-            (B) => z.some((L) => B.includes(L))
+        return S.filter((O) => {
+          const v = O.replace(/^Icon/, "").split(/(?=[A-Z])/).map((E) => E.toLowerCase().trim()).filter((E) => E.length > 0);
+          return !!(v.some((E) => z.some((L) => E === L)) || M.length > 2 && v.some(
+            (E) => z.some((L) => E.startsWith(L))
+          ) || M.length <= 2 && v.some(
+            (E) => z.some((L) => E.includes(L))
           ) || z.length > 1 && z.every(
-            (B) => x.some((L) => L === B || L.startsWith(B))
+            (E) => v.some((L) => L === E || L.startsWith(E))
           ));
         });
       },
       []
-    ), I = K(() => t.trim() ? f(t, u) : p, [t, p, u, f]), h = j(
+    ), I = J(() => t.trim() ? f(t, u) : p, [t, p, u, f]), h = j(
       (y) => {
         u.includes(y) && d((M) => {
           const z = [
             y,
-            ...M.filter((k) => k !== y)
+            ...M.filter((O) => O !== y)
           ].slice(0, 20);
           return typeof window < "u" && localStorage.setItem(
             "avatar-icon-recent",
@@ -4280,8 +4293,8 @@ const $e = [
       },
       [i]
     );
-    return /* @__PURE__ */ v(W, { gap: 0, style: { height: o, width: "100%" }, children: [
-      /* @__PURE__ */ e(b, { p: "sm", pb: "xs", children: /* @__PURE__ */ v(W, { gap: "xs", children: [
+    return /* @__PURE__ */ x(W, { gap: 0, style: { height: o, width: "100%" }, children: [
+      /* @__PURE__ */ e(b, { p: "sm", pb: "xs", children: /* @__PURE__ */ x(W, { gap: "xs", children: [
         /* @__PURE__ */ e(
           kn,
           {
@@ -4354,8 +4367,8 @@ const yo = ({
   onImageChange: c,
   onImageAccept: s,
   onClearImagePreview: l
-}) => /* @__PURE__ */ e(b, { p: "sm", style: { width: "384px" }, children: /* @__PURE__ */ v(W, { gap: "md", align: "center", children: [
-  n || t ? /* @__PURE__ */ v(b, { children: [
+}) => /* @__PURE__ */ e(b, { p: "sm", style: { width: "384px" }, children: /* @__PURE__ */ x(W, { gap: "md", align: "center", children: [
+  n || t ? /* @__PURE__ */ x(b, { children: [
     /* @__PURE__ */ e(T, { size: "sm", fw: 500, mb: "xs", children: "Preview" }),
     /* @__PURE__ */ e(
       et,
@@ -4420,7 +4433,7 @@ const yo = ({
       disabled: i
     }
   ),
-  (n || t) && /* @__PURE__ */ v(A, { gap: "sm", w: "100%", children: [
+  (n || t) && /* @__PURE__ */ x(A, { gap: "sm", w: "100%", children: [
     /* @__PURE__ */ e(
       ce,
       {
@@ -4477,7 +4490,7 @@ const yo = ({
       alignItems: "center",
       justifyContent: "center"
     },
-    children: /* @__PURE__ */ v(W, { align: "center", gap: "sm", children: [
+    children: /* @__PURE__ */ x(W, { align: "center", gap: "sm", children: [
       /* @__PURE__ */ e(Se, { size: "sm" }),
       /* @__PURE__ */ e(T, { size: "sm", c: "gray.6", children: "Loading avatar options..." })
     ] })
@@ -4501,21 +4514,21 @@ const yo = ({
   withinPortal: f = !0,
   zIndex: I = 1e3
 }) => {
-  const h = Z(null), g = Z(null), m = Z(null), {
+  const h = q(null), g = q(null), m = q(null), {
     selectedTab: w,
     tabHovered: y,
     previewImage: S,
     selectedEmoji: M,
     selectedIcon: z,
-    selectedFile: k,
-    handleTabChange: C,
-    handleTabHover: x,
-    handleImagePreview: B,
+    selectedFile: O,
+    handleTabChange: k,
+    handleTabHover: v,
+    handleImagePreview: E,
     handleImageAccept: L,
     handleEmojiSelect: R,
     handleIconSelect: F,
-    clearImagePreview: Q,
-    resetState: _
+    clearImagePreview: G,
+    resetState: Q
   } = uo({
     onAvatarSelect: a
   });
@@ -4524,23 +4537,23 @@ const yo = ({
     onClose: r,
     popoverRef: g
   }), Y(() => {
-    o || _();
-  }, [o, _]);
+    o || Q();
+  }, [o, Q]);
   const V = (ie) => {
     console.log("Emoji clicked:", ie), R(ie), r();
   }, N = (ie) => {
     console.log("Icon clicked:", ie), F(ie), r();
-  }, $ = (ie) => {
-    ie && B(ie);
+  }, X = (ie) => {
+    ie && E(ie);
   }, H = () => {
-    k ? (L(), r()) : (M || z) && r();
+    O ? (L(), r()) : (M || z) && r();
   }, oe = () => {
     h.current && h.current.click();
-  }, J = () => {
-    Q();
-  }, q = () => {
+  }, $ = () => {
+    G();
+  }, Z = () => {
     console.log("Avatar removed"), c == null || c(), r();
-  }, D = () => !!i, E = () => l ? /* @__PURE__ */ e(bn, { size: s, loading: !0 }) : /* @__PURE__ */ e(
+  }, D = () => !!i, B = () => l ? /* @__PURE__ */ e(bn, { size: s, loading: !0 }) : /* @__PURE__ */ e(
     Oe,
     {
       avatar: i,
@@ -4552,7 +4565,7 @@ const yo = ({
         !l && !o && t();
       }
     }
-  ), U = /* @__PURE__ */ e(vo, { onEmojiSelect: V }), P = /* @__PURE__ */ e(xo, { onIconSelect: N }), X = /* @__PURE__ */ e(
+  ), U = /* @__PURE__ */ e(vo, { onEmojiSelect: V }), P = /* @__PURE__ */ e(xo, { onIconSelect: N }), K = /* @__PURE__ */ e(
     wo,
     {
       previewImage: S,
@@ -4560,9 +4573,9 @@ const yo = ({
       size: s,
       loading: l,
       onFileInputClick: oe,
-      onImageChange: $,
+      onImageChange: X,
       onImageAccept: H,
-      onClearImagePreview: J,
+      onClearImagePreview: $,
       fileInputRef: h
     }
   ), de = /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(
@@ -4570,13 +4583,13 @@ const yo = ({
     {
       selectedTab: w,
       tabHovered: y,
-      onTabChange: C,
-      onTabHover: x,
-      onRemove: q,
+      onTabChange: k,
+      onTabHover: v,
+      onRemove: Z,
       hasAvatar: D(),
-      children: w === "emoji" ? U : w === "icons" ? P : X
+      children: w === "emoji" ? U : w === "icons" ? P : K
     }
-  ) }), G = /* @__PURE__ */ e("div", { style: { position: "relative", display: "inline-block" }, children: /* @__PURE__ */ v(
+  ) }), _ = /* @__PURE__ */ e("div", { style: { position: "relative", display: "inline-block" }, children: /* @__PURE__ */ x(
     je,
     {
       opened: o,
@@ -4592,7 +4605,7 @@ const yo = ({
       closeOnEscape: !1,
       offset: 8,
       children: [
-        /* @__PURE__ */ e(je.Target, { children: /* @__PURE__ */ e("div", { ref: m, style: { position: "relative" }, children: E() }) }),
+        /* @__PURE__ */ e(je.Target, { children: /* @__PURE__ */ e("div", { ref: m, style: { position: "relative" }, children: B() }) }),
         /* @__PURE__ */ e(
           je.Dropdown,
           {
@@ -4605,7 +4618,7 @@ const yo = ({
       ]
     }
   ) });
-  return /* @__PURE__ */ e(me, { children: n ? G : /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(me, { children: n ? _ : /* @__PURE__ */ e(
     Oe,
     {
       avatar: i,
@@ -4652,9 +4665,9 @@ const yo = ({
   suggestedUsers: r = [],
   tagDisplayMap: i = {}
 }) => {
-  const [a, c] = O(""), [s, l] = O(
+  const [a, c] = C(""), [s, l] = C(
     []
-  ), d = Z(null), u = n.map((g) => {
+  ), d = q(null), u = n.map((g) => {
     if (i[g])
       return i[g];
     const m = r.find((w) => w.email === g);
@@ -4694,8 +4707,8 @@ const yo = ({
         );
         return S ? S.email : y;
       }).filter((y) => y.includes("@") ? !0 : !m.some((M) => {
-        const z = M.name.toLowerCase(), k = y.toLowerCase();
-        return z.startsWith(k) && k !== z;
+        const z = M.name.toLowerCase(), O = y.toLowerCase();
+        return z.startsWith(O) && O !== z;
       }));
       o(w), c("");
     },
@@ -4726,9 +4739,9 @@ const yo = ({
   suggestedUsers: i = [],
   roleOptions: a = []
 }) => {
-  const [c, s] = O([]), [l, d] = O([]), [u, p] = O(""), [f, I] = O(
+  const [c, s] = C([]), [l, d] = C([]), [u, p] = C(""), [f, I] = C(
     {}
-  ), h = a.length > 0 ? a[0].value : void 0, [g, m] = O(
+  ), h = a.length > 0 ? a[0].value : void 0, [g, m] = C(
     h
   );
   Y(() => {
@@ -4736,32 +4749,32 @@ const yo = ({
   }, [a.length, g]), Y(() => {
     const R = i.filter((F) => c.includes(F.email)).map((F) => F.id);
     d(
-      (F) => F.filter((Q) => R.includes(Q))
+      (F) => F.filter((G) => R.includes(G))
     );
   }, [c, i.length]);
-  const [w, y] = O(
+  const [w, y] = C(
     "invite"
-  ), [S, M] = O(
+  ), [S, M] = C(
     null
-  ), z = (R, F, Q) => {
-    n && n(R, F, Q), s([]), p("");
-  }, k = (R, F) => {
+  ), z = (R, F, G) => {
+    n && n(R, F, G), s([]), p("");
+  }, O = (R, F) => {
     o && o(R, F);
-  }, C = (R) => {
+  }, k = (R) => {
     t && t(R);
-  }, x = (R) => {
+  }, v = (R) => {
     d(
-      (F) => F.includes(R) ? F.filter((Q) => Q !== R) : [...F, R]
+      (F) => F.includes(R) ? F.filter((G) => G !== R) : [...F, R]
     );
-  }, B = (R) => {
+  }, E = (R) => {
     c.includes(R.email) || (s([...c, R.email]), I((F) => ({
       ...F,
       [R.email]: R.name || R.email
     })), l.includes(R.id) || d([...l, R.id]), p(""));
   }, L = u.trim() ? i.filter((R) => {
-    var Q;
+    var G;
     const F = u.toLowerCase();
-    return R.email.toLowerCase().includes(F) || ((Q = R.name) == null ? void 0 : Q.toLowerCase().includes(F));
+    return R.email.toLowerCase().includes(F) || ((G = R.name) == null ? void 0 : G.toLowerCase().includes(F));
   }) : [];
   return {
     emails: c,
@@ -4780,10 +4793,10 @@ const yo = ({
     setTabHovered: M,
     filteredUsers: L,
     handleInvite: z,
-    handleUpdateRole: k,
-    handleRemoveUser: C,
-    handleToggleUser: x,
-    handleAddSuggestedUser: B
+    handleUpdateRole: O,
+    handleRemoveUser: k,
+    handleToggleUser: v,
+    handleAddSuggestedUser: E
   };
 }, St = qt(
   ({
@@ -4798,7 +4811,7 @@ const yo = ({
     suggestedUsers: l = [],
     tagDisplayMap: d = {}
   }, u) => {
-    const [p, f] = O(
+    const [p, f] = C(
       "Hello, I would like to invite you to join my workspace"
     ), {
       tagsInputRef: I,
@@ -4824,9 +4837,9 @@ const yo = ({
       }),
       [y]
     );
-    const z = h.length > 0, k = c && i.length > 0, C = g.length > 0;
-    return /* @__PURE__ */ v(W, { gap: "md", children: [
-      /* @__PURE__ */ v(b, { children: [
+    const z = h.length > 0, O = c && i.length > 0, k = g.length > 0;
+    return /* @__PURE__ */ x(W, { gap: "md", children: [
+      /* @__PURE__ */ x(b, { children: [
         /* @__PURE__ */ e(
           b,
           {
@@ -4845,7 +4858,7 @@ const yo = ({
                 onChange: w,
                 placeholder: z ? "" : t,
                 radius: "md",
-                rightSection: k ? /* @__PURE__ */ e(
+                rightSection: O ? /* @__PURE__ */ e(
                   b,
                   {
                     style: {
@@ -4861,7 +4874,7 @@ const yo = ({
                       Ln,
                       {
                         value: a || "",
-                        onChange: (x) => c(x),
+                        onChange: (v) => c(v),
                         data: i,
                         placeholder: "Select role",
                         defaultOption: i[i.length - 1],
@@ -4872,7 +4885,7 @@ const yo = ({
                 ) : null,
                 rightSectionProps: {
                   style: {
-                    width: k ? "120px" : "0px",
+                    width: O ? "120px" : "0px",
                     position: "absolute",
                     height: "32px",
                     right: "8px"
@@ -4880,14 +4893,14 @@ const yo = ({
                 },
                 styles: {
                   input: {
-                    paddingRight: k ? "130px" : "12px",
+                    paddingRight: O ? "130px" : "12px",
                     minHeight: "36px",
                     display: "flex",
                     flexWrap: "wrap",
                     alignItems: "center",
                     gap: "4px",
                     borderRadius: "var(--mantine-radius-md)",
-                    border: C ? "2px solid var(--mantine-color-red-6)" : "2px solid var(--mantine-color-blue-7)",
+                    border: k ? "2px solid var(--mantine-color-red-6)" : "2px solid var(--mantine-color-blue-7)",
                     backgroundColor: "var(--mantine-color-gray-0)"
                   },
                   pillsList: {
@@ -4897,8 +4910,8 @@ const yo = ({
                   pill: {
                     height: "24px !important",
                     borderRadius: "var(--mantine-radius-md) !important",
-                    backgroundColor: C ? "var(--mantine-color-red-1) !important" : "var(--mantine-color-orange-1) !important",
-                    color: C ? "var(--mantine-color-red-7) !important" : "var(--mantine-color-gray-7) !important",
+                    backgroundColor: k ? "var(--mantine-color-red-1) !important" : "var(--mantine-color-orange-1) !important",
+                    color: k ? "var(--mantine-color-red-7) !important" : "var(--mantine-color-gray-7) !important",
                     fontSize: "var(--mantine-font-size-sm)"
                   }
                 }
@@ -4906,19 +4919,19 @@ const yo = ({
             )
           }
         ),
-        C && /* @__PURE__ */ e(W, { gap: "xs", mt: "xs", children: g.map((x, B) => /* @__PURE__ */ v(T, { size: "xs", c: "red", children: [
-          x.email,
+        k && /* @__PURE__ */ e(W, { gap: "xs", mt: "xs", children: g.map((v, E) => /* @__PURE__ */ x(T, { size: "xs", c: "red", children: [
+          v.email,
           ": ",
-          x.error
-        ] }, B)) })
+          v.error
+        ] }, E)) })
       ] }),
-      z && /* @__PURE__ */ v(W, { gap: "sm", children: [
+      z && /* @__PURE__ */ x(W, { gap: "sm", children: [
         /* @__PURE__ */ e(
           Sn,
           {
             size: "sm",
             value: p,
-            onChange: (x) => f(x.currentTarget.value),
+            onChange: (v) => f(v.currentTarget.value),
             minRows: 2,
             maxRows: 4,
             radius: "md"
@@ -4994,8 +5007,8 @@ const yo = ({
       const y = w;
       r(n.id, y);
     }
-  }, p = c === "suggested" || c === "read-only", f = c === "invited" && a.length > 0, [I, h] = O(!1);
-  return /* @__PURE__ */ v(
+  }, p = c === "suggested" || c === "read-only", f = c === "invited" && a.length > 0, [I, h] = C(!1);
+  return /* @__PURE__ */ x(
     A,
     {
       justify: "space-between",
@@ -5014,7 +5027,7 @@ const yo = ({
       onMouseEnter: () => h(!0),
       onMouseLeave: () => h(!1),
       children: [
-        /* @__PURE__ */ v(A, { gap: "sm", w: "100%", align: "flex-start", wrap: "nowrap", children: [
+        /* @__PURE__ */ x(A, { gap: "sm", w: "100%", align: "flex-start", wrap: "nowrap", children: [
           /* @__PURE__ */ e(
             Oe,
             {
@@ -5024,9 +5037,9 @@ const yo = ({
               showPlaceholder: !0
             }
           ),
-          /* @__PURE__ */ v(W, { gap: 0, w: "100%", justify: "flex-start", align: "flex-start", children: [
-            /* @__PURE__ */ v(A, { gap: "sm", align: "flex-start", wrap: "nowrap", children: [
-              /* @__PURE__ */ v(A, { gap: "sm", align: "flex-start", wrap: "nowrap", children: [
+          /* @__PURE__ */ x(W, { gap: 0, w: "100%", justify: "flex-start", align: "flex-start", children: [
+            /* @__PURE__ */ x(A, { gap: "sm", align: "flex-start", wrap: "nowrap", children: [
+              /* @__PURE__ */ x(A, { gap: "sm", align: "flex-start", wrap: "nowrap", children: [
                 /* @__PURE__ */ e(T, { size: "sm", fw: 500, lineClamp: 1, mb: -2, children: l }),
                 n.isCurrentUser && /* @__PURE__ */ e(Ke, { size: "xs", variant: "light", color: "gray", radius: "sm", children: "Owner" })
               ] }),
@@ -5044,7 +5057,7 @@ const yo = ({
             /* @__PURE__ */ e(T, { size: "xs", c: "dimmed", lineClamp: 1, children: n.email })
           ] })
         ] }),
-        /* @__PURE__ */ v(A, { gap: "sm", align: "center", children: [
+        /* @__PURE__ */ x(A, { gap: "sm", align: "center", children: [
           p && c !== "read-only" && /* @__PURE__ */ e(
             nr,
             {
@@ -5082,7 +5095,7 @@ const yo = ({
   roleOptions: s = [],
   suggestedUsers: l = []
 }) => {
-  const d = Z(null), {
+  const d = q(null), {
     emails: u,
     setEmails: p,
     selectedUsers: f,
@@ -5095,10 +5108,10 @@ const yo = ({
     setSelectedTab: S,
     tabHovered: M,
     setTabHovered: z,
-    filteredUsers: k,
-    handleInvite: C,
-    handleUpdateRole: x,
-    handleRemoveUser: B,
+    filteredUsers: O,
+    handleInvite: k,
+    handleUpdateRole: v,
+    handleRemoveUser: E,
     handleToggleUser: L,
     handleAddSuggestedUser: R
   } = Mt({
@@ -5110,14 +5123,14 @@ const yo = ({
     roleOptions: s
   }), F = (N) => {
     R(N), d.current && d.current.clearInput();
-  }, Q = /* @__PURE__ */ v(me, { children: [
+  }, G = /* @__PURE__ */ x(me, { children: [
     /* @__PURE__ */ e(
       St,
       {
         ref: d,
         value: u,
         onChange: p,
-        onInvite: C,
+        onInvite: k,
         roleOptions: s,
         selectedRole: m,
         onRoleChange: w,
@@ -5127,7 +5140,7 @@ const yo = ({
       }
     ),
     /* @__PURE__ */ e(Ee, { h: "sm" }),
-    /* @__PURE__ */ e(ke, { mah: 200, type: "auto", style: { overflow: "visible" }, children: /* @__PURE__ */ e(b, { children: a.length > 0 && /* @__PURE__ */ v(me, { children: [
+    /* @__PURE__ */ e(ke, { mah: 200, type: "auto", style: { overflow: "visible" }, children: /* @__PURE__ */ e(b, { children: a.length > 0 && /* @__PURE__ */ x(me, { children: [
       /* @__PURE__ */ e(T, { size: "sm", fw: 500, children: "Already members" }),
       /* @__PURE__ */ e(Ee, { h: "sm" }),
       /* @__PURE__ */ e(W, { gap: "sm", children: a.map((N) => /* @__PURE__ */ e(
@@ -5136,35 +5149,35 @@ const yo = ({
           user: N,
           isSelected: f.includes(N.id),
           onToggle: L,
-          onUpdateRole: x,
-          onRemoveUser: B,
+          onUpdateRole: v,
+          onRemoveUser: E,
           roleOptions: s,
           variant: "invited"
         },
         N.id
       )) })
     ] }) }) }),
-    k.length > 0 && /* @__PURE__ */ e(
+    O.length > 0 && /* @__PURE__ */ e(
       ke,
       {
         pt: "sm",
         mah: 200,
         type: "auto",
         style: { overflow: "visible" },
-        children: /* @__PURE__ */ e(b, { children: k.length > 0 ? /* @__PURE__ */ v(me, { children: [
-          /* @__PURE__ */ v(T, { size: "sm", fw: 500, children: [
+        children: /* @__PURE__ */ e(b, { children: O.length > 0 ? /* @__PURE__ */ x(me, { children: [
+          /* @__PURE__ */ x(T, { size: "sm", fw: 500, children: [
             "Suggested ",
             I.trim() && `(filtered by "${I}")`
           ] }),
           /* @__PURE__ */ e(Ee, { h: "sm" }),
-          /* @__PURE__ */ e(W, { gap: "sm", children: k.map((N) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e(W, { gap: "sm", children: O.map((N) => /* @__PURE__ */ e(
             tn,
             {
               user: N,
               isSelected: f.includes(N.id),
               onToggle: L,
-              onUpdateRole: x,
-              onRemoveUser: B,
+              onUpdateRole: v,
+              onRemoveUser: E,
               roleOptions: s,
               variant: "suggested",
               onClick: () => F(N)
@@ -5174,8 +5187,8 @@ const yo = ({
         ] }) : null })
       }
     )
-  ] }), _ = /* @__PURE__ */ e(me, { children: /* @__PURE__ */ v(W, { gap: "md", p: "sm", children: [
-    /* @__PURE__ */ v(W, { gap: 4, align: "center", children: [
+  ] }), Q = /* @__PURE__ */ e(me, { children: /* @__PURE__ */ x(W, { gap: "md", p: "sm", children: [
+    /* @__PURE__ */ x(W, { gap: 4, align: "center", children: [
       /* @__PURE__ */ e(T, { size: "sm", fw: 500, ta: "center", children: "Publish to the web" }),
       /* @__PURE__ */ e(
         T,
@@ -5200,7 +5213,7 @@ const yo = ({
         children: "Publish"
       }
     )
-  ] }) }), V = /* @__PURE__ */ e(b, { style: { width: "400px", maxHeight: "600px", overflow: "visible" }, children: /* @__PURE__ */ e(W, { gap: "lg", children: /* @__PURE__ */ v(
+  ] }) }), V = /* @__PURE__ */ e(b, { style: { width: "400px", maxHeight: "600px", overflow: "visible" }, children: /* @__PURE__ */ e(W, { gap: "lg", children: /* @__PURE__ */ x(
     fe,
     {
       color: "black",
@@ -5211,7 +5224,7 @@ const yo = ({
         }
       },
       children: [
-        /* @__PURE__ */ v(fe.List, { px: "var(--mantine-spacing-sm)", pt: "xs", children: [
+        /* @__PURE__ */ x(fe.List, { px: "var(--mantine-spacing-sm)", pt: "xs", children: [
           /* @__PURE__ */ e(
             fe.Tab,
             {
@@ -5285,8 +5298,8 @@ const yo = ({
             }
           )
         ] }),
-        /* @__PURE__ */ e(fe.Panel, { value: "invite", children: /* @__PURE__ */ e(b, { p: "sm", children: Q }) }),
-        /* @__PURE__ */ e(fe.Panel, { value: "publish", children: /* @__PURE__ */ e(b, { p: "sm", children: _ }) })
+        /* @__PURE__ */ e(fe.Panel, { value: "invite", children: /* @__PURE__ */ e(b, { p: "sm", children: G }) }),
+        /* @__PURE__ */ e(fe.Panel, { value: "publish", children: /* @__PURE__ */ e(b, { p: "sm", children: Q }) })
       ]
     }
   ) }) });
@@ -5316,7 +5329,7 @@ const yo = ({
   suggestedUsers: c,
   label: s = "Share"
 }) => {
-  const [l, d] = O(!1);
+  const [l, d] = C(!1);
   return /* @__PURE__ */ e(
     To,
     {
@@ -5349,7 +5362,7 @@ const yo = ({
   roleOptions: c = [],
   suggestedUsers: s = []
 }) => {
-  const l = Z(null), {
+  const l = q(null), {
     emails: d,
     setEmails: u,
     selectedUsers: p,
@@ -5363,7 +5376,7 @@ const yo = ({
     handleUpdateRole: S,
     handleRemoveUser: M,
     handleToggleUser: z,
-    handleAddSuggestedUser: k
+    handleAddSuggestedUser: O
   } = Mt({
     onInvite: t,
     onUpdateRole: r,
@@ -5371,8 +5384,8 @@ const yo = ({
     invitedUsers: a,
     suggestedUsers: s,
     roleOptions: c
-  }), C = (x) => {
-    k(x), l.current && l.current.clearInput();
+  }), k = (v) => {
+    O(v), l.current && l.current.clearInput();
   };
   return /* @__PURE__ */ e(
     Cn,
@@ -5387,8 +5400,8 @@ const yo = ({
       closeOnEscape: !0,
       trapFocus: !1,
       zIndex: 300,
-      children: /* @__PURE__ */ v(W, { gap: "lg", children: [
-        /* @__PURE__ */ v(A, { justify: "space-between", wrap: "nowrap", children: [
+      children: /* @__PURE__ */ x(W, { gap: "lg", children: [
+        /* @__PURE__ */ x(A, { justify: "space-between", wrap: "nowrap", children: [
           /* @__PURE__ */ e(T, { size: "md", fw: 500, c: "var(--mantine-color-gray-8)", children: "Share" }),
           /* @__PURE__ */ e(
             he,
@@ -5415,7 +5428,7 @@ const yo = ({
             tagDisplayMap: h
           }
         ),
-        a.length > 0 && /* @__PURE__ */ v(b, { children: [
+        a.length > 0 && /* @__PURE__ */ x(b, { children: [
           /* @__PURE__ */ e(T, { size: "sm", fw: 500, children: "Already members" }),
           /* @__PURE__ */ e(Ee, { h: "sm" }),
           /* @__PURE__ */ e(
@@ -5429,24 +5442,24 @@ const yo = ({
                 paddingRight: "8px",
                 marginRight: "-8px"
               },
-              children: /* @__PURE__ */ e(W, { gap: "sm", children: a.map((x) => /* @__PURE__ */ e(
+              children: /* @__PURE__ */ e(W, { gap: "sm", children: a.map((v) => /* @__PURE__ */ e(
                 tn,
                 {
-                  user: x,
-                  isSelected: p.includes(x.id),
+                  user: v,
+                  isSelected: p.includes(v.id),
                   onToggle: z,
                   onUpdateRole: S,
                   onRemoveUser: M,
                   roleOptions: c,
                   variant: "invited"
                 },
-                x.id
+                v.id
               )) })
             }
           )
         ] }),
-        w.length > 0 && /* @__PURE__ */ v(b, { children: [
-          /* @__PURE__ */ v(T, { size: "sm", fw: 500, children: [
+        w.length > 0 && /* @__PURE__ */ x(b, { children: [
+          /* @__PURE__ */ x(T, { size: "sm", fw: 500, children: [
             "Suggested ",
             f.trim() && `(filtered by "${f}")`
           ] }),
@@ -5462,19 +5475,19 @@ const yo = ({
                 paddingRight: "8px",
                 marginRight: "-8px"
               },
-              children: /* @__PURE__ */ e(W, { gap: "sm", children: w.map((x) => /* @__PURE__ */ e(
+              children: /* @__PURE__ */ e(W, { gap: "sm", children: w.map((v) => /* @__PURE__ */ e(
                 tn,
                 {
-                  user: x,
-                  isSelected: p.includes(x.id),
+                  user: v,
+                  isSelected: p.includes(v.id),
                   onToggle: z,
                   onUpdateRole: S,
                   onRemoveUser: M,
                   roleOptions: c,
                   variant: "suggested",
-                  onClick: () => C(x)
+                  onClick: () => k(v)
                 },
-                x.id
+                v.id
               )) })
             }
           )
@@ -5491,7 +5504,7 @@ const yo = ({
   groups: a = [],
   styles: c
 }) => {
-  const [s, l] = O("");
+  const [s, l] = C("");
   Y(() => {
     n && t.length > 0 ? l(t[0].id) : n || l("");
   }, [n, t]);
@@ -5504,7 +5517,7 @@ const yo = ({
   }, f = t.find(
     (I) => I.id === s
   );
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ x(
     Cn,
     {
       opened: n,
@@ -5525,7 +5538,7 @@ const yo = ({
       radius: "md",
       children: [
         /* @__PURE__ */ e(nt.InitialFocus, {}),
-        /* @__PURE__ */ v(b, { style: { display: "flex", height: "100%", ...c == null ? void 0 : c.body }, children: [
+        /* @__PURE__ */ x(b, { style: { display: "flex", height: "100%", ...c == null ? void 0 : c.body }, children: [
           /* @__PURE__ */ e(
             b,
             {
@@ -5533,7 +5546,7 @@ const yo = ({
                 width: "240px",
                 backgroundColor: "var(--mantine-color-gray-0)"
               },
-              children: /* @__PURE__ */ e(ke, { h: "100%", children: /* @__PURE__ */ e(W, { gap: 0, p: "sm", children: a.map((I) => /* @__PURE__ */ e(b, { mb: "md", children: /* @__PURE__ */ v(be.Fragment, { children: [
+              children: /* @__PURE__ */ e(ke, { h: "100%", children: /* @__PURE__ */ e(W, { gap: 0, p: "sm", children: a.map((I) => /* @__PURE__ */ e(b, { mb: "md", children: /* @__PURE__ */ x(be.Fragment, { children: [
                 /* @__PURE__ */ e(T, { size: "xs", fw: 600, c: "dimmed", m: 4, children: I }),
                 t.filter((h) => h.group === I).map((h) => /* @__PURE__ */ e(
                   ht,
@@ -5548,9 +5561,9 @@ const yo = ({
               ] }, I) })) }) })
             }
           ),
-          /* @__PURE__ */ v(b, { style: { flex: 1, display: "flex", flexDirection: "column" }, children: [
-            f ? /* @__PURE__ */ v(me, { children: [
-              /* @__PURE__ */ e(b, { p: "md", children: /* @__PURE__ */ e(A, { gap: "md", wrap: "nowrap", children: /* @__PURE__ */ v(W, { gap: 4, children: [
+          /* @__PURE__ */ x(b, { style: { flex: 1, display: "flex", flexDirection: "column" }, children: [
+            f ? /* @__PURE__ */ x(me, { children: [
+              /* @__PURE__ */ e(b, { p: "md", children: /* @__PURE__ */ e(A, { gap: "md", wrap: "nowrap", children: /* @__PURE__ */ x(W, { gap: 4, children: [
                 /* @__PURE__ */ e(T, { size: "md", fw: 600, children: f.alternateLabel || f.label }),
                 f.description && /* @__PURE__ */ e(T, { size: "sm", c: "var(--mantine-color-gray-6)", children: f.description })
               ] }) }) }),
@@ -5567,7 +5580,7 @@ const yo = ({
                 children: /* @__PURE__ */ e(T, { c: "var(--mantine-color-gray-6)", size: "lg", children: "Select an option from the sidebar" })
               }
             ),
-            (f == null ? void 0 : f.saveButton) && /* @__PURE__ */ e(b, { p: "md", children: /* @__PURE__ */ v(A, { justify: "flex-end", gap: "md", children: [
+            (f == null ? void 0 : f.saveButton) && /* @__PURE__ */ e(b, { p: "md", children: /* @__PURE__ */ x(A, { justify: "flex-end", gap: "md", children: [
               /* @__PURE__ */ e(ce, { variant: "subtle", onClick: u, color: "gray", children: "Cancel" }),
               /* @__PURE__ */ e(ce, { onClick: d, color: "blue", children: "Save Changes" })
             ] }) })
@@ -5657,7 +5670,7 @@ const yo = ({
   actions: a
 }) => {
   var u, p, f, I, h;
-  const c = (/* @__PURE__ */ new Date()).getTime() - new Date(n.timestamp).getTime() < 6048e5 ? jo(n.timestamp, "en") : Bo(n.timestamp, "en"), [s, l] = O(!1), d = /* @__PURE__ */ v(
+  const c = (/* @__PURE__ */ new Date()).getTime() - new Date(n.timestamp).getTime() < 6048e5 ? jo(n.timestamp, "en") : Bo(n.timestamp, "en"), [s, l] = C(!1), d = /* @__PURE__ */ x(
     A,
     {
       bg: "var(--mantine-color-gray-1)",
@@ -5684,7 +5697,7 @@ const yo = ({
       ]
     }
   );
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ x(
     b,
     {
       p: "sm",
@@ -5696,7 +5709,7 @@ const yo = ({
       onMouseEnter: () => l(!0),
       onMouseLeave: () => l(!1),
       children: [
-        /* @__PURE__ */ v(
+        /* @__PURE__ */ x(
           A,
           {
             justify: "space-between",
@@ -5716,7 +5729,7 @@ const yo = ({
                   src: (f = n.metadata) == null ? void 0 : f.avatar_url
                 }
               ) : /* @__PURE__ */ e($r, { size: "xs", showText: !1, radius: "xs" }),
-              /* @__PURE__ */ v(W, { gap: "xs", justify: "flex-start", w: "100%", children: [
+              /* @__PURE__ */ x(W, { gap: "xs", justify: "flex-start", w: "100%", children: [
                 /* @__PURE__ */ e(
                   b,
                   {
@@ -5737,7 +5750,7 @@ const yo = ({
                     children: o
                   }
                 ),
-                /* @__PURE__ */ v(T, { size: "xs", c: "dimmed", fw: 500, style: { whiteSpace: "nowrap" }, children: [
+                /* @__PURE__ */ x(T, { size: "xs", c: "dimmed", fw: 500, style: { whiteSpace: "nowrap" }, children: [
                   n.category ? ((I = n.category) == null ? void 0 : I.charAt(0).toUpperCase()) + ((h = n.category) == null ? void 0 : h.slice(1)) : "",
                   " ",
                   "• ",
@@ -5772,7 +5785,7 @@ const yo = ({
     }
   );
 }, Uo = (n, o, t, r, i) => {
-  const [a, c] = O(!1), s = Z(null), l = Z(null), d = Z(null);
+  const [a, c] = C(!1), s = q(null), l = q(null), d = q(null);
   Y(() => {
     c(n);
   }, [n]);
@@ -5867,16 +5880,16 @@ const yo = ({
       onClick: () => u == null ? void 0 : u("archived"),
       active: p === "archived"
     }
-  ], S = (k) => f && k.category && ["welcome", "upgrade"].includes(k.category) ? f(k, s, l) : /* @__PURE__ */ e(
+  ], S = (O) => f && O.category && ["welcome", "upgrade"].includes(O.category) ? f(O, s, l) : /* @__PURE__ */ e(
     Fo,
     {
-      notification: k,
+      notification: O,
       markAsRead: s,
       archiveNotification: l,
-      message: k.message,
-      actions: k.actions
+      message: O.message,
+      actions: O.actions
     },
-    k.id
+    O.id
   ), { isActive: M, loadMoreRef: z } = Uo(
     I,
     m,
@@ -5885,7 +5898,7 @@ const yo = ({
     r,
     t
   );
-  return /* @__PURE__ */ v(me, { children: [
+  return /* @__PURE__ */ x(me, { children: [
     /* @__PURE__ */ e(
       ht,
       {
@@ -5913,7 +5926,7 @@ const yo = ({
         indicator: i > 0 ? i > 99 ? "99+" : i : void 0
       }
     ),
-    /* @__PURE__ */ v(
+    /* @__PURE__ */ x(
       On,
       {
         opened: I,
@@ -5937,7 +5950,7 @@ const yo = ({
         },
         children: [
           /* @__PURE__ */ e(nt.InitialFocus, {}),
-          /* @__PURE__ */ v(
+          /* @__PURE__ */ x(
             b,
             {
               p: 0,
@@ -5956,7 +5969,7 @@ const yo = ({
                       zIndex: 10,
                       backgroundColor: "var(--mantine-color-white)"
                     },
-                    children: /* @__PURE__ */ v(
+                    children: /* @__PURE__ */ x(
                       A,
                       {
                         justify: "space-between",
@@ -5967,7 +5980,7 @@ const yo = ({
                         py: "md",
                         children: [
                           /* @__PURE__ */ e(T, { size: "sm", fw: 500, children: "Inbox" }),
-                          /* @__PURE__ */ v(A, { gap: "xs", children: [
+                          /* @__PURE__ */ x(A, { gap: "xs", children: [
                             /* @__PURE__ */ e(
                               nn,
                               {
@@ -5999,7 +6012,7 @@ const yo = ({
                     )
                   }
                 ),
-                /* @__PURE__ */ v(b, { style: { flex: 1, overflow: "auto" }, children: [
+                /* @__PURE__ */ x(b, { style: { flex: 1, overflow: "auto" }, children: [
                   o && n.length === 0 ? /* @__PURE__ */ e(
                     W,
                     {
@@ -6012,8 +6025,8 @@ const yo = ({
                       children: /* @__PURE__ */ e(Se, {})
                     }
                   ) : n.length > 0 ? /* @__PURE__ */ e(W, { gap: 0, children: n.map(
-                    (k) => S(k)
-                  ) }) : /* @__PURE__ */ v(
+                    (O) => S(O)
+                  ) }) : /* @__PURE__ */ x(
                     W,
                     {
                       gap: 0,
@@ -6039,13 +6052,13 @@ const yo = ({
                         alignItems: "center",
                         minHeight: "60px"
                       },
-                      children: t && /* @__PURE__ */ v(A, { display: "flex", ta: "center", gap: "xs", children: [
+                      children: t && /* @__PURE__ */ x(A, { display: "flex", ta: "center", gap: "xs", children: [
                         /* @__PURE__ */ e(Se, { size: "sm", color: "gray.5" }),
                         /* @__PURE__ */ e(T, { size: "sm", c: "dimmed", fw: 500, children: "Loading more ..." })
                       ] })
                     }
                   ),
-                  t && !m && /* @__PURE__ */ v(A, { display: "flex", ta: "center", gap: "xs", children: [
+                  t && !m && /* @__PURE__ */ x(A, { display: "flex", ta: "center", gap: "xs", children: [
                     /* @__PURE__ */ e(Se, { size: "sm", color: "gray.5" }),
                     /* @__PURE__ */ e(T, { size: "sm", c: "dimmed", fw: 500, children: "Loading more ..." })
                   ] }),
@@ -6077,8 +6090,8 @@ const yo = ({
   position: i = "left",
   bg: a = "var(--mantine-color-gray-0)"
 }) => {
-  const [c, s] = O(!1);
-  return /* @__PURE__ */ v(
+  const [c, s] = C(!1);
+  return /* @__PURE__ */ x(
     W,
     {
       gap: "sm",
@@ -6130,7 +6143,7 @@ const yo = ({
   onClick: r
 }) => {
   const i = t === n.id, a = o && n.ownerId === o;
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ x(
     b,
     {
       onClick: r,
@@ -6175,7 +6188,7 @@ const yo = ({
             children: n.name
           }
         ),
-        /* @__PURE__ */ v(
+        /* @__PURE__ */ x(
           b,
           {
             style: {
@@ -6216,23 +6229,23 @@ const yo = ({
   children: I,
   menuItems: h
 }) => {
-  const [g, m] = O(!1), [w, y] = O(""), S = K(() => w ? n.filter(
-    (C) => {
-      var x;
-      return C.name.toLowerCase().includes(w.toLowerCase()) || ((x = C.ownerEmail) == null ? void 0 : x.toLowerCase().includes(w.toLowerCase()));
+  const [g, m] = C(!1), [w, y] = C(""), S = J(() => w ? n.filter(
+    (k) => {
+      var v;
+      return k.name.toLowerCase().includes(w.toLowerCase()) || ((v = k.ownerEmail) == null ? void 0 : v.toLowerCase().includes(w.toLowerCase()));
     }
-  ) : n, [n, w]), M = (C) => {
-    a == null || a(C.id), m(!1), y("");
+  ) : n, [n, w]), M = (k) => {
+    a == null || a(k.id), m(!1), y("");
   };
   if (r)
-    return /* @__PURE__ */ v(A, { gap: "xs", children: [
+    return /* @__PURE__ */ x(A, { gap: "xs", children: [
       /* @__PURE__ */ e(Se, { size: "sm" }),
       /* @__PURE__ */ e(T, { size: "sm", c: "dimmed", children: l })
     ] });
   if (i)
     return /* @__PURE__ */ e(tr, { color: "red", title: "Error", children: d });
-  const [z, k] = O(f);
-  return n.length === 0 && !r && !i ? /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(T, { size: "sm", c: "dimmed", children: s }) }) : /* @__PURE__ */ v(
+  const [z, O] = C(f);
+  return n.length === 0 && !r && !i ? /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(T, { size: "sm", c: "dimmed", children: s }) }) : /* @__PURE__ */ x(
     pe,
     {
       opened: g,
@@ -6261,15 +6274,15 @@ const yo = ({
             },
             className: `${yn.workspaceButton} ${u || ""}`,
             bg: z || g ? "var(--mantine-color-gray-1)" : "transparent",
-            onMouseEnter: () => k(!0),
-            onMouseLeave: () => k(!1),
+            onMouseEnter: () => O(!0),
+            onMouseLeave: () => O(!1),
             children: /* @__PURE__ */ e(
               A,
               {
                 gap: "xs",
                 wrap: "nowrap",
                 style: { width: "100%", overflow: "hidden" },
-                children: o ? /* @__PURE__ */ v(me, { children: [
+                children: o ? /* @__PURE__ */ x(me, { children: [
                   /* @__PURE__ */ e(
                     Oe,
                     {
@@ -6291,7 +6304,7 @@ const yo = ({
                       children: o.name
                     }
                   ),
-                  /* @__PURE__ */ v(A, { gap: 4, wrap: "nowrap", style: { flexShrink: 0 }, children: [
+                  /* @__PURE__ */ x(A, { gap: 4, wrap: "nowrap", style: { flexShrink: 0 }, children: [
                     /* @__PURE__ */ e(
                       Be,
                       {
@@ -6325,11 +6338,11 @@ const yo = ({
               borderRadius: "var(--mantine-radius-md)"
             },
             p: 0,
-            children: /* @__PURE__ */ v(W, { gap: 0, children: [
+            children: /* @__PURE__ */ x(W, { gap: 0, children: [
               I,
               /* @__PURE__ */ e(pe.Divider, { style: { margin: "1px 0px" } }),
-              /* @__PURE__ */ e(W, { gap: 0, px: 4, children: S.length === 0 ? /* @__PURE__ */ e(pe.Item, { disabled: !0, children: /* @__PURE__ */ e(T, { size: "sm", c: "dimmed", children: s }) }) : /* @__PURE__ */ v(me, { children: [
-                /* @__PURE__ */ v(A, { justify: "space-between", align: "center", p: 4, children: [
+              /* @__PURE__ */ e(W, { gap: 0, px: 4, children: S.length === 0 ? /* @__PURE__ */ e(pe.Item, { disabled: !0, children: /* @__PURE__ */ e(T, { size: "sm", c: "dimmed", children: s }) }) : /* @__PURE__ */ x(me, { children: [
+                /* @__PURE__ */ x(A, { justify: "space-between", align: "center", p: 4, children: [
                   /* @__PURE__ */ e(T, { size: "xs", c: "dimmed", fw: 500, p: 4, truncate: !0, children: "Workspaces" }),
                   c && /* @__PURE__ */ e(
                     tt,
@@ -6351,10 +6364,10 @@ const yo = ({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ e("div", { className: yn.scrollWrapper, children: /* @__PURE__ */ e(ke, { mah: 150, scrollbarSize: 6, scrollHideDelay: 0, children: /* @__PURE__ */ e(W, { gap: 0, mb: 6, children: S.map((C) => /* @__PURE__ */ e(
+                /* @__PURE__ */ e("div", { className: yn.scrollWrapper, children: /* @__PURE__ */ e(ke, { mah: 150, scrollbarSize: 6, scrollHideDelay: 0, children: /* @__PURE__ */ e(W, { gap: 0, mb: 6, children: S.map((k) => /* @__PURE__ */ e(
                   b,
                   {
-                    onClick: () => M(C),
+                    onClick: () => M(k),
                     className: yn.menuItem,
                     style: {
                       padding: 0,
@@ -6362,34 +6375,34 @@ const yo = ({
                       cursor: "pointer",
                       overflow: "hidden"
                     },
-                    onMouseEnter: (x) => {
-                      x.currentTarget.style.backgroundColor = "var(--mantine-color-gray-1)";
+                    onMouseEnter: (v) => {
+                      v.currentTarget.style.backgroundColor = "var(--mantine-color-gray-1)";
                     },
-                    onMouseLeave: (x) => {
-                      x.currentTarget.style.backgroundColor = "transparent";
+                    onMouseLeave: (v) => {
+                      v.currentTarget.style.backgroundColor = "transparent";
                     },
                     children: /* @__PURE__ */ e(
                       No,
                       {
-                        workspace: C,
+                        workspace: k,
                         currentUserId: t,
                         currentWorkspaceId: o == null ? void 0 : o.id,
-                        onClick: () => M(C)
+                        onClick: () => M(k)
                       }
                     )
                   },
-                  C.id
+                  k.id
                 )) }) }) })
               ] }) }),
               h && /* @__PURE__ */ e(pe.Divider, { style: { margin: "1px 0px" } }),
-              h && /* @__PURE__ */ e(b, { p: 4, children: h == null ? void 0 : h.map((C) => /* @__PURE__ */ e(
+              h && /* @__PURE__ */ e(b, { p: 4, children: h == null ? void 0 : h.map((k) => /* @__PURE__ */ e(
                 Kn,
                 {
-                  onClick: C.onClick,
-                  leftSection: C.icon,
-                  children: C.label,
-                  color: C.color,
-                  "data-danger": C.color,
+                  onClick: k.onClick,
+                  leftSection: k.icon,
+                  children: k.label,
+                  color: k.color,
+                  "data-danger": k.color,
                   fw: 500,
                   style: {
                     height: "40px",
@@ -6397,7 +6410,7 @@ const yo = ({
                     padding: "6px"
                   }
                 },
-                C.label
+                k.label
               )) })
             ] })
           }
@@ -6441,7 +6454,7 @@ const Ot = ({
   interactive: a = !0,
   ...c
 }) => {
-  const [s, l] = O(r), [d, u] = O(!1), p = i ? r : a ? s : r, f = () => {
+  const [s, l] = C(r), [d, u] = C(!1), p = i ? r : a ? s : r, f = () => {
     if (!a)
       return;
     const g = ["empty", "outline", "filled"], w = (g.indexOf(p) + 1) % g.length, y = g[w];
@@ -6522,7 +6535,7 @@ const zt = ({
   onBlockPress: l,
   ...d
 }) => {
-  const [u, p] = O(!1), f = Z(null), I = Z(!1), h = () => {
+  const [u, p] = C(!1), f = q(null), I = q(!1), h = () => {
     !r || !l || (p(!0), I.current = !1, f.current = setTimeout(() => {
       I.current = !0, l(r);
     }, 500));
@@ -6572,7 +6585,7 @@ const Dt = ({
   onBlockPress: l,
   ...d
 }) => {
-  const [u, p] = O(!1), f = Z(null), I = Z(!1), h = () => {
+  const [u, p] = C(!1), f = q(null), I = q(!1), h = () => {
     !r || !l || (p(!0), I.current = !1, f.current = setTimeout(() => {
       I.current = !0, l(r);
     }, 500));
@@ -6622,7 +6635,7 @@ const Rt = ({
   onBlockPress: l,
   ...d
 }) => {
-  const [u, p] = O(!1), f = Z(null), I = Z(!1), h = () => {
+  const [u, p] = C(!1), f = q(null), I = q(!1), h = () => {
     !r || !l || (p(!0), I.current = !1, f.current = setTimeout(() => {
       I.current = !0, l(r);
     }, 500));
@@ -6672,7 +6685,7 @@ const Tt = ({
   onBlockPress: l,
   ...d
 }) => {
-  const [u, p] = O(!1), f = Z(null), I = Z(!1), h = () => {
+  const [u, p] = C(!1), f = q(null), I = q(!1), h = () => {
     !r || !l || (p(!0), I.current = !1, f.current = setTimeout(() => {
       I.current = !0, l(r);
     }, 500));
@@ -6720,7 +6733,7 @@ const Et = ({
   showUpControls: c = !1,
   showDownControls: s = !1
 }) => {
-  const [l, d] = O(!1), [u, p] = O(!1), [f, I] = O(!1), [h, g] = O(!1), m = (M) => {
+  const [l, d] = C(!1), [u, p] = C(!1), [f, I] = C(!1), [h, g] = C(!1), m = (M) => {
     d(M), n == null || n(M);
   }, w = (M) => {
     p(M), o == null || o(M);
@@ -6729,7 +6742,7 @@ const Et = ({
   }, S = (M) => {
     g(M), r == null || r(M);
   };
-  return /* @__PURE__ */ v(me, { children: [
+  return /* @__PURE__ */ x(me, { children: [
     i && /* @__PURE__ */ e(
       b,
       {
@@ -6828,20 +6841,20 @@ const Bt = ({
   upVisible: S = !1,
   onUpHover: M,
   onDownPrevious: z,
-  onDownNext: k,
-  downCurrentPage: C = 1,
-  downTotalPages: x = 1,
-  downDisabled: B = !1,
+  onDownNext: O,
+  downCurrentPage: k = 1,
+  downTotalPages: v = 1,
+  downDisabled: E = !1,
   downVisible: L = !1,
   onDownHover: R,
   onLeftAdd: F,
-  onRightAdd: Q,
-  onUpAdd: _,
+  onRightAdd: G,
+  onUpAdd: Q,
   onDownAdd: V,
   size: N = "md",
-  inline: $ = !1
+  inline: X = !1
 }) => {
-  const H = () => r <= 1 || i ? null : /* @__PURE__ */ v(W, { gap: "xs", align: "center", children: [
+  const H = () => r <= 1 || i ? null : /* @__PURE__ */ x(W, { gap: "xs", align: "center", children: [
     /* @__PURE__ */ e(
       le,
       {
@@ -6880,7 +6893,7 @@ const Bt = ({
         children: /* @__PURE__ */ e(Wn, { size: 16, stroke: 2 })
       }
     )
-  ] }), oe = () => u <= 1 || p ? null : /* @__PURE__ */ v(W, { gap: "xs", align: "center", children: [
+  ] }), oe = () => u <= 1 || p ? null : /* @__PURE__ */ x(W, { gap: "xs", align: "center", children: [
     /* @__PURE__ */ e(
       le,
       {
@@ -6899,7 +6912,7 @@ const Bt = ({
       {
         size: N,
         variant: "subtle",
-        onClick: Q,
+        onClick: G,
         color: "blue",
         radius: "md",
         "aria-label": "Add right blocks",
@@ -6919,7 +6932,7 @@ const Bt = ({
         children: /* @__PURE__ */ e(Je, { size: 16, stroke: 2 })
       }
     )
-  ] }), J = () => w <= 1 || y ? null : /* @__PURE__ */ v(A, { gap: "xs", align: "center", wrap: "nowrap", children: [
+  ] }), $ = () => w <= 1 || y ? null : /* @__PURE__ */ x(A, { gap: "xs", align: "center", wrap: "nowrap", children: [
     /* @__PURE__ */ e(
       le,
       {
@@ -6938,7 +6951,7 @@ const Bt = ({
       {
         size: N,
         variant: "subtle",
-        onClick: _,
+        onClick: Q,
         color: "blue",
         radius: "md",
         "aria-label": "Add up blocks",
@@ -6958,14 +6971,14 @@ const Bt = ({
         children: /* @__PURE__ */ e(Ve, { size: 16, stroke: 2 })
       }
     )
-  ] }), q = () => x <= 1 || B ? null : /* @__PURE__ */ v(A, { gap: "xs", align: "center", wrap: "nowrap", children: [
+  ] }), Z = () => v <= 1 || E ? null : /* @__PURE__ */ x(A, { gap: "xs", align: "center", wrap: "nowrap", children: [
     /* @__PURE__ */ e(
       le,
       {
         size: N,
         variant: "subtle",
         onClick: z,
-        disabled: C <= 1,
+        disabled: k <= 1,
         color: "gray",
         radius: "md",
         "aria-label": "Previous down blocks",
@@ -6989,16 +7002,16 @@ const Bt = ({
       {
         size: N,
         variant: "subtle",
-        onClick: k,
-        disabled: C >= x,
+        onClick: O,
+        disabled: k >= v,
         color: "gray",
         radius: "md",
         "aria-label": "Next down blocks",
         children: /* @__PURE__ */ e(Ve, { size: 16, stroke: 2 })
       }
     )
-  ] }), D = r > 1 && !i, E = u > 1 && !p, U = w > 1 && !y, P = x > 1 && !B;
-  return !D && !E && !U && !P ? null : $ ? /* @__PURE__ */ v(me, { children: [
+  ] }), D = r > 1 && !i, B = u > 1 && !p, U = w > 1 && !y, P = v > 1 && !E;
+  return !D && !B && !U && !P ? null : X ? /* @__PURE__ */ x(me, { children: [
     D && a && n && o && /* @__PURE__ */ e(
       "div",
       {
@@ -7007,7 +7020,7 @@ const Bt = ({
         children: H()
       }
     ),
-    E && f && s && l && /* @__PURE__ */ e(
+    B && f && s && l && /* @__PURE__ */ e(
       "div",
       {
         onMouseEnter: () => I == null ? void 0 : I(!0),
@@ -7020,18 +7033,18 @@ const Bt = ({
       {
         onMouseEnter: () => M == null ? void 0 : M(!0),
         onMouseLeave: () => M == null ? void 0 : M(!1),
-        children: J()
+        children: $()
       }
     ),
-    P && L && z && k && /* @__PURE__ */ e(
+    P && L && z && O && /* @__PURE__ */ e(
       "div",
       {
         onMouseEnter: () => R == null ? void 0 : R(!0),
         onMouseLeave: () => R == null ? void 0 : R(!1),
-        children: q()
+        children: Z()
       }
     )
-  ] }) : /* @__PURE__ */ v(me, { children: [
+  ] }) : /* @__PURE__ */ x(me, { children: [
     D && a && n && o && /* @__PURE__ */ e(
       b,
       {
@@ -7050,7 +7063,7 @@ const Bt = ({
         children: H()
       }
     ),
-    E && f && s && l && /* @__PURE__ */ e(
+    B && f && s && l && /* @__PURE__ */ e(
       b,
       {
         style: {
@@ -7083,7 +7096,7 @@ const Bt = ({
         },
         onMouseEnter: () => M == null ? void 0 : M(!0),
         onMouseLeave: () => M == null ? void 0 : M(!1),
-        children: J()
+        children: $()
       }
     ),
     /* @__PURE__ */ e(
@@ -7101,7 +7114,7 @@ const Bt = ({
         },
         onMouseEnter: () => R == null ? void 0 : R(!0),
         onMouseLeave: () => R == null ? void 0 : R(!1),
-        children: P && L && z && k && q()
+        children: P && L && z && O && Z()
       }
     )
   ] });
@@ -7179,7 +7192,7 @@ const Ze = ({
       downVisible: !0
     }
   };
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ x(
     "div",
     {
       style: {
@@ -7240,7 +7253,7 @@ const Ze = ({
     visibleBlocksRight: c = 1,
     visibleBlocksUp: s = 1,
     visibleBlocksDown: l = 1
-  } = n, d = K(() => {
+  } = n, d = J(() => {
     const h = Math.max(
       1,
       Math.ceil(o / a)
@@ -7277,14 +7290,14 @@ const Ze = ({
     c,
     s,
     l
-  ]), [u, p] = O(
+  ]), [u, p] = C(
     {
       leftStartIndex: 0,
       rightStartIndex: 0,
       upStartIndex: 0,
       downStartIndex: 0
     }
-  ), f = K(() => {
+  ), f = J(() => {
     const { leftTotalPages: h, rightTotalPages: g, upTotalPages: m, downTotalPages: w } = d, y = Math.min(
       u.leftStartIndex,
       Math.max(0, o - a)
@@ -7297,14 +7310,14 @@ const Ze = ({
     ), z = Math.min(
       M + c,
       t
-    ), k = Math.min(
+    ), O = Math.min(
       u.upStartIndex,
       Math.max(0, r - s)
-    ), C = Math.min(k + s, r), x = Math.min(
+    ), k = Math.min(O + s, r), v = Math.min(
       u.downStartIndex,
       Math.max(0, i - l)
-    ), B = Math.min(
-      x + l,
+    ), E = Math.min(
+      v + l,
       i
     );
     return {
@@ -7316,10 +7329,10 @@ const Ze = ({
       leftEndIndex: S,
       rightStartIndex: M,
       rightEndIndex: z,
-      upStartIndex: k,
-      upEndIndex: C,
-      downStartIndex: x,
-      downEndIndex: B
+      upStartIndex: O,
+      upEndIndex: k,
+      downStartIndex: v,
+      downEndIndex: E
     };
   }, [
     u,
@@ -7449,7 +7462,7 @@ const Ze = ({
   };
   return [u, I, f];
 }, _o = (n, o = 0, t = 0, r = 0, i = 0) => {
-  const [a, c] = O({
+  const [a, c] = C({
     width: typeof window < "u" ? window.innerWidth : 1920,
     height: typeof window < "u" ? window.innerHeight : 1080
   });
@@ -7463,7 +7476,7 @@ const Ze = ({
       });
     };
     return window.addEventListener("resize", l), () => window.removeEventListener("resize", l);
-  }, []), K(() => {
+  }, []), J(() => {
     const {
       gap: l,
       cellSize: d,
@@ -7479,13 +7492,13 @@ const Ze = ({
       maxBlocksDown: S = 8,
       responsiveCellSize: M = !1,
       minCellSize: z = "30px",
-      maxCellSize: k = "80px"
-    } = n, C = parseFloat(l.replace("px", "")), x = parseFloat(d.replace("px", "")), B = a.width - C * 4, L = a.height - C * 4, R = x + C, F = Math.floor(
-      B / (2 * R)
-    ), Q = x + C, _ = Math.floor(L / Q) + 2, V = Math.min(F, _), N = Math.max(
+      maxCellSize: O = "80px"
+    } = n, k = parseFloat(l.replace("px", "")), v = parseFloat(d.replace("px", "")), E = a.width - k * 4, L = a.height - k * 4, R = v + k, F = Math.floor(
+      E / (2 * R)
+    ), G = v + k, Q = Math.floor(L / G) + 2, V = Math.min(F, Q), N = Math.max(
       u,
       Math.min(p, V)
-    ), $ = Math.max(
+    ), X = Math.max(
       f,
       Math.min(I, Math.floor(V / 2))
     ), H = Math.max(
@@ -7494,71 +7507,71 @@ const Ze = ({
     );
     let oe = d;
     if (M) {
-      const U = parseFloat(z.replace("px", "")), P = parseFloat(k.replace("px", "")), X = Math.min(
-        B / (a.width * 0.8),
+      const U = parseFloat(z.replace("px", "")), P = parseFloat(O.replace("px", "")), K = Math.min(
+        E / (a.width * 0.8),
         // Max 80% of screen width
         L / (a.height * 0.8)
         // Max 80% of screen height
       );
       oe = `${Math.max(
         U,
-        Math.min(P, x * X)
+        Math.min(P, v * K)
       )}px`;
     }
-    const J = Math.min(
+    const $ = Math.min(
       a.width / 1920,
       a.height / 1080
     );
-    let q, D;
+    let Z, D;
     if (r > 0 && i > 0) {
       const U = Math.max(r, i);
-      q = Math.max(
+      Z = Math.max(
         m,
         Math.min(w, U)
-      ), D = q;
+      ), D = Z;
     } else {
-      const U = Math.max(m, y), P = Math.min(w, S), X = Math.max(
+      const U = Math.max(m, y), P = Math.min(w, S), K = Math.max(
         U,
         Math.min(
           P,
           Math.ceil(
-            U + (P - U) * J
+            U + (P - U) * $
           )
         )
       );
-      q = X, D = X;
+      Z = K, D = K;
     }
-    if (q + D + 1 > _) {
-      const U = Math.max(2, _ - 1);
+    if (Z + D + 1 > Q) {
+      const U = Math.max(2, Q - 1);
       if (Math.max(m, y) * 2 > U) {
-        const X = Math.max(1, Math.floor(U / 2));
-        q = X, D = X;
+        const K = Math.max(1, Math.floor(U / 2));
+        Z = K, D = K;
       } else {
-        const X = Math.max(m, y);
-        q = X, D = X;
+        const K = Math.max(m, y);
+        Z = K, D = K;
       }
     }
     return console.log("Responsive Matrix Debug:", {
       windowSize: a,
-      screenSizeRatio: J,
+      screenSizeRatio: $,
       minBlocksUp: m,
       minBlocksDown: y,
       maxBlocksUp: w,
       maxBlocksDown: S,
       blocksUp: r,
       blocksDown: i,
-      calculatedBlocksUp: q,
+      calculatedBlocksUp: Z,
       calculatedBlocksDown: D,
-      totalVerticalBlocks: q + D + 1,
-      isSymmetric: q === D,
+      totalVerticalBlocks: Z + D + 1,
+      isSymmetric: Z === D,
       availableHeight: L,
-      maxBlocksVertical: _
+      maxBlocksVertical: Q
     }), {
       blocksPerSide: N,
-      blocksLeft: $,
+      blocksLeft: X,
       blocksRight: H,
       cellSize: oe,
-      blocksUp: q,
+      blocksUp: Z,
       blocksDown: D
     };
   }, [a, n, o, t, r, i]);
@@ -7585,13 +7598,13 @@ const Ze = ({
   minBlocksDown: S,
   maxBlocksDown: M,
   responsiveCellSize: z,
-  minCellSize: k,
-  maxCellSize: C
+  minCellSize: O,
+  maxCellSize: k
 }) => {
-  const x = K(
+  const v = J(
     () => c !== void 0 || s !== void 0 || l !== void 0 || d !== void 0,
     [c, s, l, d]
-  ), B = _o(
+  ), E = _o(
     {
       gap: n,
       cellSize: o,
@@ -7606,63 +7619,63 @@ const Ze = ({
       minBlocksDown: S,
       maxBlocksDown: M,
       responsiveCellSize: z,
-      minCellSize: k,
-      maxCellSize: C
+      minCellSize: O,
+      maxCellSize: k
     },
     t ?? 0,
     r ?? 0,
     i,
     a
-  ), L = K(() => {
-    let _ = u ? B.blocksLeft : t ?? 0, V = u ? B.blocksRight : r ?? 0, N = u ? B.blocksUp : i ?? 0, $ = u ? B.blocksDown : a ?? 0;
+  ), L = J(() => {
+    let Q = u ? E.blocksLeft : t ?? 0, V = u ? E.blocksRight : r ?? 0, N = u ? E.blocksUp : i ?? 0, X = u ? E.blocksDown : a ?? 0;
     if (!u) {
-      const H = parseFloat(n.replace("px", "")), oe = parseFloat(o.replace("px", "")), J = typeof window < "u" ? window.innerWidth - H * 4 : 1920, q = typeof window < "u" ? window.innerHeight - H * 4 : 1080, D = oe + H, E = Math.floor(
-        J / (2 * D)
+      const H = parseFloat(n.replace("px", "")), oe = parseFloat(o.replace("px", "")), $ = typeof window < "u" ? window.innerWidth - H * 4 : 1920, Z = typeof window < "u" ? window.innerHeight - H * 4 : 1080, D = oe + H, B = Math.floor(
+        $ / (2 * D)
       ), U = Math.floor(
-        q / (2 * D)
+        Z / (2 * D)
       );
-      _ = Math.min(_, E), V = Math.min(V, E), N = Math.min(N, U), $ = Math.min($, U);
+      Q = Math.min(Q, B), V = Math.min(V, B), N = Math.min(N, U), X = Math.min(X, U);
     }
-    return { left: _, right: V, up: N, down: $ };
+    return { left: Q, right: V, up: N, down: X };
   }, [
     u,
-    B,
+    E,
     t,
     r,
     i,
     a,
     n,
     o
-  ]), R = K(() => {
-    const _ = x && c ? Math.min(L.left, c) : L.left, V = x && s ? Math.min(L.right, s) : L.right, N = x && l ? Math.min(L.up, l) : L.up, $ = x && d ? Math.min(L.down, d) : L.down;
-    return { left: _, right: V, up: N, down: $ };
+  ]), R = J(() => {
+    const Q = v && c ? Math.min(L.left, c) : L.left, V = v && s ? Math.min(L.right, s) : L.right, N = v && l ? Math.min(L.up, l) : L.up, X = v && d ? Math.min(L.down, d) : L.down;
+    return { left: Q, right: V, up: N, down: X };
   }, [
-    x,
+    v,
     L,
     c,
     s,
     l,
     d
-  ]), F = u ? B.cellSize : o, Q = K(() => {
-    const _ = (R.left > 0 ? R.left : 0) + 1 + (R.right > 0 ? R.right : 0), V = R.up > 0 || R.down > 0 ? R.up + 1 + R.down : 1, N = `${F} `.repeat(R.left) + "1fr " + `${F} `.repeat(R.right), $ = R.up > 0 || R.down > 0 ? `${F} `.repeat(R.up) + "1fr " + `${F} `.repeat(R.down) : "1fr";
+  ]), F = u ? E.cellSize : o, G = J(() => {
+    const Q = (R.left > 0 ? R.left : 0) + 1 + (R.right > 0 ? R.right : 0), V = R.up > 0 || R.down > 0 ? R.up + 1 + R.down : 1, N = `${F} `.repeat(R.left) + "1fr " + `${F} `.repeat(R.right), X = R.up > 0 || R.down > 0 ? `${F} `.repeat(R.up) + "1fr " + `${F} `.repeat(R.down) : "1fr";
     return {
-      totalColumns: _,
+      totalColumns: Q,
       totalRows: V,
       gridTemplateColumns: N.trim(),
-      gridTemplateRows: $.trim()
+      gridTemplateRows: X.trim()
     };
   }, [R, F]);
   return {
-    usePagination: x,
+    usePagination: v,
     visibleBlocks: L,
     finalBlocks: R,
     finalCellSize: F,
-    gridDimensions: Q
+    gridDimensions: G
   };
 }, Qo = ({
   blockItems: n
 }) => {
-  const o = K(() => n.reduce((i, a) => (i[a.id] = a, i), {}), [n]);
+  const o = J(() => n.reduce((i, a) => (i[a.id] = a, i), {}), [n]);
   return {
     getBlockContent: (i, a) => {
       const c = `${i}-${a}`, s = o[c];
@@ -7706,7 +7719,7 @@ const Ze = ({
     }
   };
 }, Yo = ({ blockConnections: n }) => {
-  const o = K(() => {
+  const o = J(() => {
     const r = /* @__PURE__ */ new Map();
     return n.forEach((i) => {
       const a = `${i.source}-${i.target}`, c = `${i.target}-${i.source}`;
@@ -7735,7 +7748,7 @@ const Ze = ({
   paginationState: c,
   paginationInfo: s
 }) => {
-  const [l, d] = O({
+  const [l, d] = C({
     left: !1,
     right: !1,
     up: !1,
@@ -7784,7 +7797,7 @@ const Ze = ({
   blockItems: n,
   blockConnections: o
 }) => {
-  const [t, r] = O(null), [i, a] = O(!1), c = K(() => {
+  const [t, r] = C(null), [i, a] = C(!1), c = J(() => {
     const g = /* @__PURE__ */ new Map();
     return o.forEach((m) => {
       const w = `${m.source}-${m.target}`, y = `${m.target}-${m.source}`;
@@ -7811,36 +7824,36 @@ const Ze = ({
         case "up":
           w.forEach((S) => {
             const M = n.find((z) => z.id === S);
-            M && (M.type === "left" || M.type === "right") && (y.push(S), s(S).forEach((k) => {
-              const C = n.find((x) => x.id === k);
-              C && C.type === "down" && y.push(k);
+            M && (M.type === "left" || M.type === "right") && (y.push(S), s(S).forEach((O) => {
+              const k = n.find((v) => v.id === O);
+              k && k.type === "down" && y.push(O);
             }));
           });
           break;
         case "down":
           w.forEach((S) => {
             const M = n.find((z) => z.id === S);
-            M && (M.type === "left" || M.type === "right") && (y.push(S), s(S).forEach((k) => {
-              const C = n.find((x) => x.id === k);
-              C && C.type === "up" && y.push(k);
+            M && (M.type === "left" || M.type === "right") && (y.push(S), s(S).forEach((O) => {
+              const k = n.find((v) => v.id === O);
+              k && k.type === "up" && y.push(O);
             }));
           });
           break;
         case "left":
           w.forEach((S) => {
             const M = n.find((z) => z.id === S);
-            M && (M.type === "up" || M.type === "down") && (y.push(S), s(S).forEach((k) => {
-              const C = n.find((x) => x.id === k);
-              C && C.type === "right" && y.push(k);
+            M && (M.type === "up" || M.type === "down") && (y.push(S), s(S).forEach((O) => {
+              const k = n.find((v) => v.id === O);
+              k && k.type === "right" && y.push(O);
             }));
           });
           break;
         case "right":
           w.forEach((S) => {
             const M = n.find((z) => z.id === S);
-            M && (M.type === "up" || M.type === "down") && (y.push(S), s(S).forEach((k) => {
-              const C = n.find((x) => x.id === k);
-              C && C.type === "left" && y.push(k);
+            M && (M.type === "up" || M.type === "down") && (y.push(S), s(S).forEach((O) => {
+              const k = n.find((v) => v.id === O);
+              k && k.type === "left" && y.push(O);
             }));
           });
           break;
@@ -7876,7 +7889,7 @@ const Ze = ({
     getFilteredBlockIds: l
   };
 }, Gn = (n) => parseInt(n.replace(/[^\d]/g, ""), 10) || 0, Xo = (n, o) => {
-  const [t, r] = O({ width: 0, height: 0 }), i = j(() => {
+  const [t, r] = C({ width: 0, height: 0 }), i = j(() => {
     const { width: a, height: c } = t;
     if (a === 0 || c === 0)
       return {
@@ -7901,12 +7914,12 @@ const Ze = ({
     ), w = Math.max(
       o.minHorizontalBlocks,
       g
-    ), y = Math.max(m, f), S = Math.max(w, I), M = Math.floor(y / 2), z = Math.floor(y / 2), k = Math.floor(S / 2), C = Math.floor(S / 2);
+    ), y = Math.max(m, f), S = Math.max(w, I), M = Math.floor(y / 2), z = Math.floor(y / 2), O = Math.floor(S / 2), k = Math.floor(S / 2);
     return {
       blocksUp: M,
       blocksDown: z,
-      blocksLeft: k,
-      blocksRight: C,
+      blocksLeft: O,
+      blocksRight: k,
       containerWidth: a,
       containerHeight: c
     };
@@ -7969,36 +7982,36 @@ const Ze = ({
   usePagination: M = !1,
   // DEPRECATED RESPONSIVE PROPS - Keep for backward compatibility
   responsive: z = !1,
-  minBlocksPerSide: k = 2,
-  maxBlocksPerSide: C = 15,
-  minBlocksHorizontal: x = 2,
-  maxBlocksHorizontal: B = 16,
+  minBlocksPerSide: O = 2,
+  maxBlocksPerSide: k = 15,
+  minBlocksHorizontal: v = 2,
+  maxBlocksHorizontal: E = 16,
   minBlocksVertical: L = 2,
   maxBlocksVertical: R = 16,
   // Legacy props (for backward compatibility)
   minBlocksLeft: F = 1,
-  maxBlocksLeft: Q = 8,
-  minBlocksRight: _ = 1,
+  maxBlocksLeft: G = 8,
+  minBlocksRight: Q = 1,
   maxBlocksRight: V = 8,
   minBlocksUp: N = 1,
-  maxBlocksUp: $ = 8,
+  maxBlocksUp: X = 8,
   minBlocksDown: H = 1,
   maxBlocksDown: oe = 8,
-  responsiveCellSize: J = !1,
-  minCellSize: q = "30px",
+  responsiveCellSize: $ = !1,
+  minCellSize: Z = "30px",
   maxCellSize: D = "80px",
-  directionTexts: E,
+  directionTexts: B,
   ...U
 }) => {
-  const P = Z(null), X = Xo(P, {
+  const P = q(null), K = Xo(P, {
     ...Ko,
     cellSize: r,
     gap: t,
     ...c
   });
-  let de = l, G = d, ge = u, ie = p;
-  s ? (de = Math.floor(X.blocksLeft), G = Math.floor(X.blocksRight), ge = Math.floor(X.blocksUp), ie = Math.floor(X.blocksDown)) : (i !== void 0 || a !== void 0) && (i !== void 0 && (ge = Math.floor(i / 2), ie = Math.floor(i / 2)), a !== void 0 && (de = Math.floor(a / 2), G = Math.floor(a / 2)));
-  const ze = F !== 1 ? F : Math.floor(x / 2), cn = Q !== 8 ? Q : Math.floor(B / 2), sn = _ !== 1 ? _ : Math.ceil(x / 2), Ie = V !== 8 ? V : Math.ceil(B / 2), Le = N !== 1 ? N : Math.floor(L / 2), _e = $ !== 8 ? $ : Math.floor(R / 2), Ut = H !== 1 ? H : Math.ceil(L / 2), Nt = oe !== 8 ? oe : Math.ceil(R / 2), {
+  let de = l, _ = d, ge = u, ie = p;
+  s ? (de = Math.floor(K.blocksLeft), _ = Math.floor(K.blocksRight), ge = Math.floor(K.blocksUp), ie = Math.floor(K.blocksDown)) : (i !== void 0 || a !== void 0) && (i !== void 0 && (ge = Math.floor(i / 2), ie = Math.floor(i / 2)), a !== void 0 && (de = Math.floor(a / 2), _ = Math.floor(a / 2)));
+  const ze = F !== 1 ? F : Math.floor(v / 2), cn = G !== 8 ? G : Math.floor(E / 2), sn = Q !== 1 ? Q : Math.ceil(v / 2), Ie = V !== 8 ? V : Math.ceil(E / 2), Le = N !== 1 ? N : Math.floor(L / 2), _e = X !== 8 ? X : Math.floor(R / 2), Ut = H !== 1 ? H : Math.ceil(L / 2), Nt = oe !== 8 ? oe : Math.ceil(R / 2), {
     usePagination: Wt,
     finalBlocks: ee,
     finalCellSize: ye,
@@ -8007,7 +8020,7 @@ const Ze = ({
     gap: t,
     cellSize: r,
     blocksLeft: de,
-    blocksRight: G,
+    blocksRight: _,
     blocksUp: ge,
     blocksDown: ie,
     totalBlocksLeft: m,
@@ -8015,8 +8028,8 @@ const Ze = ({
     totalBlocksUp: y,
     totalBlocksDown: S,
     responsive: z,
-    minBlocksPerSide: k,
-    maxBlocksPerSide: C,
+    minBlocksPerSide: O,
+    maxBlocksPerSide: k,
     minBlocksLeft: ze,
     maxBlocksLeft: cn,
     minBlocksRight: sn,
@@ -8025,8 +8038,8 @@ const Ze = ({
     maxBlocksUp: _e,
     minBlocksDown: Ut,
     maxBlocksDown: Nt,
-    responsiveCellSize: J,
-    minCellSize: q,
+    responsiveCellSize: $,
+    minCellSize: Z,
     maxCellSize: D
   }), { getBlockContent: Qe, getIntersectionText: $t } = Qo({
     blockItems: f
@@ -8063,7 +8076,7 @@ const Ze = ({
     paginationState: ve,
     paginationInfo: Vt
   });
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ x(
     b,
     {
       ref: P,
@@ -8088,7 +8101,7 @@ const Ze = ({
           (Ii, ue) => {
             const dn = ee.up > 0 ? ae === ee.up : ae === 0, un = ue === ee.left;
             if (dn && un)
-              return /* @__PURE__ */ v(
+              return /* @__PURE__ */ x(
                 Ct,
                 {
                   style: {
@@ -8104,7 +8117,7 @@ const Ze = ({
                       Ze,
                       {
                         direction: "left",
-                        text: E == null ? void 0 : E.left,
+                        text: B == null ? void 0 : B.left,
                         ...De("left")
                       }
                     ),
@@ -8112,7 +8125,7 @@ const Ze = ({
                       Ze,
                       {
                         direction: "right",
-                        text: E == null ? void 0 : E.right,
+                        text: B == null ? void 0 : B.right,
                         ...De("right")
                       }
                     ),
@@ -8120,7 +8133,7 @@ const Ze = ({
                       Ze,
                       {
                         direction: "up",
-                        text: E == null ? void 0 : E.up,
+                        text: B == null ? void 0 : B.up,
                         ...De("up")
                       }
                     ),
@@ -8128,7 +8141,7 @@ const Ze = ({
                       Ze,
                       {
                         direction: "down",
-                        text: E == null ? void 0 : E.down,
+                        text: B == null ? void 0 : B.down,
                         ...De("down")
                       }
                     ),
@@ -8290,8 +8303,8 @@ const Ae = ({
   };
   return Sr("(max-width: 550px)", !1, {
     getInitialValueInEffect: !0
-  }) ? /* @__PURE__ */ v(W, { gap: 0, w: "100%", ...l, children: [
-    /* @__PURE__ */ v(b, { style: { display: "flex", alignItems: "center", gap: 8 }, h: "auto", children: [
+  }) ? /* @__PURE__ */ x(W, { gap: 0, w: "100%", ...l, children: [
+    /* @__PURE__ */ x(b, { style: { display: "flex", alignItems: "center", gap: 8 }, h: "auto", children: [
       r && /* @__PURE__ */ e(
         r,
         {
@@ -8304,8 +8317,8 @@ const Ae = ({
       /* @__PURE__ */ e(T, { size: "sm", fw: 500, c: "gray.6", children: t })
     ] }),
     /* @__PURE__ */ e(b, { style: { display: "flex", alignItems: "flex-start" }, w: "100%", children: n && o ? o : i })
-  ] }) : /* @__PURE__ */ v(A, { align: "flex-start", gap: 0, w: "100%", ...s, ...l, children: [
-    /* @__PURE__ */ v(
+  ] }) : /* @__PURE__ */ x(A, { align: "flex-start", gap: 0, w: "100%", ...s, ...l, children: [
+    /* @__PURE__ */ x(
       b,
       {
         w: "30%",
@@ -8428,7 +8441,7 @@ const Ae = ({
   debounceSearch: t = !0,
   debounceDelay: r = ei
 }) => {
-  const [i, a] = O(""), [c, s] = O(n), [l, d] = O(!1), u = Z(null);
+  const [i, a] = C(""), [c, s] = C(n), [l, d] = C(!1), u = q(null);
   return Y(() => {
     if (!o) {
       s(n);
@@ -8469,14 +8482,14 @@ const Ae = ({
   searchQuery: i,
   onSearch: a
 }) => {
-  const c = K(() => o ? Array.isArray(n) ? n : [] : n ? [n] : [], [n, o]), s = K(() => t.filter((u) => c.includes(u.id)), [t, c]), l = K(() => {
+  const c = J(() => o ? Array.isArray(n) ? n : [] : n ? [n] : [], [n, o]), s = J(() => t.filter((u) => c.includes(u.id)), [t, c]), l = J(() => {
     if (!i.trim() || a)
       return r;
     const u = i.toLowerCase();
     return r.filter(
       (p) => p.name.toLowerCase().includes(u) || p.email.toLowerCase().includes(u)
     );
-  }, [r, i, a]), d = K(() => {
+  }, [r, i, a]), d = J(() => {
     const u = l.filter(
       (I) => c.includes(I.id)
     ), p = l.filter((I) => !c.includes(I.id)), f = s.filter(
@@ -8493,7 +8506,7 @@ const Ae = ({
   isFocused: n,
   dropdownRef: o
 }) => {
-  const [t, r] = O("bottom"), i = j(
+  const [t, r] = C("bottom"), i = j(
     (a) => {
       if (o.current = a, a) {
         const c = a.dataset.position;
@@ -8536,7 +8549,7 @@ const Ae = ({
   loading: t,
   setDisplayedUsers: r
 }) => {
-  const i = Z(null);
+  const i = q(null);
   return Y(() => {
     if (!n || !o || t)
       return;
@@ -8558,7 +8571,7 @@ const Ae = ({
   combobox: n,
   dropdownRef: o
 }) => {
-  const [t, r] = O(!1), [i, a] = O(!1), c = j(() => {
+  const [t, r] = C(!1), [i, a] = C(!1), c = j(() => {
     r(!0), n.openDropdown();
   }, [n]), s = j(
     (u) => {
@@ -8628,71 +8641,71 @@ const Ae = ({
   hasMore: I = !1,
   loading: h = !1
 }) => {
-  const g = Z(null), m = Z(null), w = Z(null), {
+  const g = q(null), m = q(null), w = q(null), {
     searchQuery: y,
     setSearchQuery: S,
     displayedUsers: M,
     setDisplayedUsers: z,
-    isSearching: k
+    isSearching: O
   } = ni({
     users: i,
     onSearch: d,
     debounceSearch: u,
     debounceDelay: p
-  }), C = rn({
+  }), k = rn({
     onDropdownClose: () => {
-      C.resetSelectedOption(), S(""), B(!1);
+      k.resetSelectedOption(), S(""), E(!1);
     },
     onDropdownOpen: () => {
-      C.updateSelectedOptionIndex("active"), B(!0);
+      k.updateSelectedOptionIndex("active"), E(!0);
     }
   }), {
-    isFocused: x,
-    setIsFocused: B,
+    isFocused: v,
+    setIsFocused: E,
     isHovered: L,
     handleFocus: R,
     handleBlur: F,
-    handleMouseEnter: Q,
-    handleMouseLeave: _
+    handleMouseEnter: G,
+    handleMouseLeave: Q
   } = ii({
-    combobox: C,
+    combobox: k,
     dropdownRef: w
   }), { placement: V, dropdownRefCallback: N } = ri({
-    isFocused: x,
+    isFocused: v,
     dropdownRef: w
-  }), { selectedIds: $, selectedUsers: H, sortedUsers: oe } = ti({
+  }), { selectedIds: X, selectedUsers: H, sortedUsers: oe } = ti({
     value: r,
     multiple: s,
     users: i,
     displayedUsers: M,
     searchQuery: y,
     onSearch: d
-  }), { loadMoreRef: J } = oi({
+  }), { loadMoreRef: $ } = oi({
     onLoadMore: f,
     hasMore: I,
     loading: h,
     setDisplayedUsers: z
-  }), { handleSelect: q, handleRemove: D } = ai({
+  }), { handleSelect: Z, handleRemove: D } = ai({
     multiple: s,
     value: r,
     onChange: a,
-    combobox: C
-  }), E = () => {
+    combobox: k
+  }), B = () => {
     if (!s)
       return null;
-    const G = 5, ge = H.slice(0, G), ie = H.length - G;
-    return /* @__PURE__ */ v(A, { gap: "xs", children: [
+    const _ = 5, ge = H.slice(0, _), ie = H.length - _;
+    return /* @__PURE__ */ x(A, { gap: "xs", children: [
       ge.map((ze) => /* @__PURE__ */ e(
         In,
         {
           avatar: ze.avatar,
           name: ze.name,
-          withRemoveButton: x,
+          withRemoveButton: v,
           onRemove: () => D(ze.id)
         },
         ze.id
       )),
-      ie > 0 && /* @__PURE__ */ e(xn, { ml: "xs", radius: "md", size: "md", bg: "transparent", children: /* @__PURE__ */ v(
+      ie > 0 && /* @__PURE__ */ e(xn, { ml: "xs", radius: "md", size: "md", bg: "transparent", children: /* @__PURE__ */ x(
         A,
         {
           gap: "2px",
@@ -8710,7 +8723,7 @@ const Ae = ({
                 style: { color: "var(--mantine-color-blue-5)" }
               }
             ),
-            /* @__PURE__ */ v(T, { size: "sm", fw: 400, c: "var(--mantine-color-blue-5)", children: [
+            /* @__PURE__ */ x(T, { size: "sm", fw: 400, c: "var(--mantine-color-blue-5)", children: [
               ie,
               " more"
             ] })
@@ -8721,25 +8734,25 @@ const Ae = ({
   }, U = () => {
     if (s)
       return null;
-    const G = H[0];
-    return G ? /* @__PURE__ */ e(In, { avatar: G.avatar, name: G.name }) : null;
-  }, P = () => x ? "var(--mantine-color-gray-2)" : "var(--mantine-color-gray-0)", X = () => ({
+    const _ = H[0];
+    return _ ? /* @__PURE__ */ e(In, { avatar: _.avatar, name: _.name }) : null;
+  }, P = () => v ? "var(--mantine-color-gray-2)" : "var(--mantine-color-gray-0)", K = () => ({
     input: {
-      position: x ? "absolute" : "relative",
-      zIndex: x ? 1e3 : 1,
+      position: v ? "absolute" : "relative",
+      zIndex: v ? 1e3 : 1,
       fontWeight: "400",
       color: "var(--mantine-color-gray-9)",
       cursor: l ? "not-allowed" : "pointer",
-      backgroundColor: x || L ? "var(--mantine-color-gray-0)" : "transparent",
-      border: x ? "1px solid var(--mantine-color-gray-2)" : "1px solid transparent",
-      borderRadius: x && V === "bottom" ? "var(--mantine-radius-md) var(--mantine-radius-md) 0 0" : x && V === "top" ? "0 0 var(--mantine-radius-md) var(--mantine-radius-md)" : "var(--mantine-radius-md)",
+      backgroundColor: v || L ? "var(--mantine-color-gray-0)" : "transparent",
+      border: v ? "1px solid var(--mantine-color-gray-2)" : "1px solid transparent",
+      borderRadius: v && V === "bottom" ? "var(--mantine-radius-md) var(--mantine-radius-md) 0 0" : v && V === "top" ? "0 0 var(--mantine-radius-md) var(--mantine-radius-md)" : "var(--mantine-radius-md)",
       paddingY: "6px",
       display: "flex",
       alignItems: "center",
       padding: "6px 14px",
       minHeight: "40px",
       flexWrap: s ? "wrap" : "nowrap",
-      boxShadow: x && V === "bottom" ? "0 -4px 10px 0 rgba(0, 0, 0, 0.1)" : x && V === "top" ? "0 4px 10px 0 rgba(0, 0, 0, 0.1)" : "none"
+      boxShadow: v && V === "bottom" ? "0 -4px 10px 0 rgba(0, 0, 0, 0.1)" : v && V === "top" ? "0 4px 10px 0 rgba(0, 0, 0, 0.1)" : "none"
     }
   }), de = {
     group: {
@@ -8764,60 +8777,60 @@ const Ae = ({
           w: "100%",
           h: 40,
           p: "14px",
-          children: H.map((G) => /* @__PURE__ */ e(
+          children: H.map((_) => /* @__PURE__ */ e(
             In,
             {
-              avatar: G.avatar,
-              name: G.name,
-              withRemoveButton: x,
-              onRemove: () => D(G.id)
+              avatar: _.avatar,
+              name: _.name,
+              withRemoveButton: v,
+              onRemove: () => D(_.id)
             },
-            G.id
+            _.id
           ))
         }
       ),
-      children: /* @__PURE__ */ v(
+      children: /* @__PURE__ */ x(
         re,
         {
-          store: C,
-          onOptionSubmit: q,
+          store: k,
+          onOptionSubmit: Z,
           withinPortal: !1,
           offset: -2,
           children: [
             /* @__PURE__ */ e(re.DropdownTarget, { children: /* @__PURE__ */ e(
               Fn,
               {
-                onClick: () => !l && C.openDropdown(),
+                onClick: () => !l && k.openDropdown(),
                 radius: "md",
                 disabled: l,
-                styles: X,
+                styles: K,
                 onFocus: R,
                 onBlur: F,
-                onMouseEnter: () => !l && Q(),
-                onMouseLeave: _,
+                onMouseEnter: () => !l && G(),
+                onMouseLeave: Q,
                 w: "100%",
-                children: /* @__PURE__ */ v(
+                children: /* @__PURE__ */ x(
                   xn.Group,
                   {
                     styles: de,
                     children: [
-                      s ? E() : U(),
+                      s ? B() : U(),
                       /* @__PURE__ */ e(re.EventsTarget, { children: /* @__PURE__ */ e(
                         Fn.Field,
                         {
                           ref: g,
                           onFocus: R,
                           onBlur: F,
-                          placeholder: H.length === 0 || x || y.length > 0 ? c : "",
+                          placeholder: H.length === 0 || v || y.length > 0 ? c : "",
                           value: y,
-                          onChange: (G) => {
-                            C.updateSelectedOptionIndex(), S(G.currentTarget.value);
+                          onChange: (_) => {
+                            k.updateSelectedOptionIndex(), S(_.currentTarget.value);
                           },
-                          onMouseDown: (G) => {
-                            G.stopPropagation();
+                          onMouseDown: (_) => {
+                            _.stopPropagation();
                           },
-                          onKeyDown: (G) => {
-                            G.key === "Backspace" && y.length === 0 && (G.preventDefault(), s && H.length > 0 ? D(
+                          onKeyDown: (_) => {
+                            _.key === "Backspace" && y.length === 0 && (_.preventDefault(), s && H.length > 0 ? D(
                               H[H.length - 1].id
                             ) : !s && H.length > 0 && D(H[0].id));
                           },
@@ -8825,9 +8838,9 @@ const Ae = ({
                           disabled: l,
                           styles: {
                             field: {
-                              minWidth: x || y.length > 0 || H.length === 0 ? "60px" : "0px",
-                              width: x || y.length > 0 || H.length === 0 ? "auto" : "0px",
-                              flex: x || y.length > 0 || H.length === 0 ? "1" : "0",
+                              minWidth: v || y.length > 0 || H.length === 0 ? "60px" : "0px",
+                              width: v || y.length > 0 || H.length === 0 ? "auto" : "0px",
+                              flex: v || y.length > 0 || H.length === 0 ? "1" : "0",
                               border: "none",
                               outline: "none",
                               background: "transparent",
@@ -8839,11 +8852,11 @@ const Ae = ({
                               lineHeight: "24px",
                               display: "flex",
                               alignItems: "center",
-                              height: x || y.length > 0 || H.length === 0 ? "auto" : "0px",
-                              minHeight: x || y.length > 0 || H.length === 0 ? "auto" : "0px",
+                              height: v || y.length > 0 || H.length === 0 ? "auto" : "0px",
+                              minHeight: v || y.length > 0 || H.length === 0 ? "auto" : "0px",
                               "&::placeholder": {
-                                opacity: H.length === 0 || x || y.length > 0 ? 1 : 0,
-                                display: H.length === 0 || x || y.length > 0 ? "block" : "none",
+                                opacity: H.length === 0 || v || y.length > 0 ? 1 : 0,
+                                display: H.length === 0 || v || y.length > 0 ? "block" : "none",
                                 color: "var(--mantine-color-gray-9)",
                                 lineHeight: "24px"
                               }
@@ -8876,22 +8889,22 @@ const Ae = ({
                     ref: m,
                     h: Math.min(oe.length * parseFloat(ci), 300),
                     scrollbarSize: 6,
-                    children: /* @__PURE__ */ v(W, { gap: 2, children: [
-                      oe.map((G) => {
-                        const ge = $.includes(G.id);
+                    children: /* @__PURE__ */ x(W, { gap: 2, children: [
+                      oe.map((_) => {
+                        const ge = X.includes(_.id);
                         return /* @__PURE__ */ e(
                           re.Option,
                           {
-                            value: G.id,
+                            value: _.id,
                             active: ge,
                             onMouseDown: (ie) => {
-                              ie.preventDefault(), q(G.id);
+                              ie.preventDefault(), Z(_.id);
                             },
                             style: {
                               borderRadius: "var(--mantine-radius-md)",
                               height: "40px"
                             },
-                            children: /* @__PURE__ */ v(
+                            children: /* @__PURE__ */ x(
                               A,
                               {
                                 gap: "sm",
@@ -8905,13 +8918,13 @@ const Ae = ({
                                   /* @__PURE__ */ e(
                                     Oe,
                                     {
-                                      avatar: G.avatar,
+                                      avatar: _.avatar,
                                       size: 24,
-                                      placeholder: G.name,
+                                      placeholder: _.name,
                                       showPlaceholder: !0
                                     }
                                   ),
-                                  /* @__PURE__ */ e(T, { size: "sm", fw: 400, truncate: !0, children: G.name }),
+                                  /* @__PURE__ */ e(T, { size: "sm", fw: 400, truncate: !0, children: _.name }),
                                   ge && /* @__PURE__ */ e(
                                     on,
                                     {
@@ -8923,10 +8936,10 @@ const Ae = ({
                               }
                             )
                           },
-                          G.id
+                          _.id
                         );
                       }),
-                      (k || h) && /* @__PURE__ */ e(
+                      (O || h) && /* @__PURE__ */ e(
                         b,
                         {
                           style: {
@@ -8937,8 +8950,8 @@ const Ae = ({
                           children: /* @__PURE__ */ e(Se, { size: "sm" })
                         }
                       ),
-                      f && I && !h && /* @__PURE__ */ e("div", { ref: J, style: { height: "20px" } }),
-                      oe.length === 0 && !k && !h && /* @__PURE__ */ e(
+                      f && I && !h && /* @__PURE__ */ e("div", { ref: $, style: { height: "20px" } }),
+                      oe.length === 0 && !O && !h && /* @__PURE__ */ e(
                         b,
                         {
                           style: {
@@ -8972,7 +8985,7 @@ const Ae = ({
   maxRows: u,
   autosize: p = !0
 }) => {
-  const [f, I] = O(!1), [h, g] = O(!1), m = {
+  const [f, I] = C(!1), [h, g] = C(!1), m = {
     wrapper: {
       ...!p && {
         height: "40px",
@@ -9036,7 +9049,12 @@ const Ae = ({
             {
               value: t,
               onChange: (M) => {
-                i == null || i(M.target.value);
+                const z = M.target.value;
+                if (i) {
+                  i(z);
+                  return;
+                }
+                r == null || r(z);
               },
               onFocus: () => {
                 I(!0), a == null || a(!0);
@@ -9066,7 +9084,7 @@ const Ae = ({
   onClose: o,
   children: t,
   ...r
-}) => /* @__PURE__ */ v(
+}) => /* @__PURE__ */ x(
   Cn,
   {
     withCloseButton: !1,
@@ -9085,10 +9103,10 @@ const Ae = ({
     padding: "md",
     ...r,
     children: [
-      /* @__PURE__ */ v(A, { justify: "space-between", wrap: "nowrap", children: [
+      /* @__PURE__ */ x(A, { justify: "space-between", wrap: "nowrap", children: [
         /* @__PURE__ */ e(A, { justify: "space-between", wrap: "nowrap", gap: "xs", children: /* @__PURE__ */ e(he, { icon: Rn, size: "md", onClick: () => {
         } }) }),
-        /* @__PURE__ */ v(A, { justify: "space-between", gap: "xs", children: [
+        /* @__PURE__ */ x(A, { justify: "space-between", gap: "xs", children: [
           /* @__PURE__ */ e(he, { icon: wr, size: "md", onClick: () => {
           } }),
           /* @__PURE__ */ e(he, { icon: Pe, size: "md", onClick: () => {
@@ -9111,12 +9129,12 @@ const Ae = ({
   propertiesProps: d
 }) => {
   var M, z;
-  const [u, p] = O(!1), f = (d == null ? void 0 : d.hiddenProperties) && d.hiddenProperties.length > 0, [I, h] = O(!1), [g, m] = O(
+  const [u, p] = C(!1), f = (d == null ? void 0 : d.hiddenProperties) && d.hiddenProperties.length > 0, [I, h] = C(!1), [g, m] = C(
     l == null ? void 0 : l.avatar
-  ), [w, y] = O(!1);
+  ), [w, y] = C(!1);
   return Y(() => {
     m(l == null ? void 0 : l.avatar);
-  }, [l == null ? void 0 : l.avatar]), /* @__PURE__ */ v(
+  }, [l == null ? void 0 : l.avatar]), /* @__PURE__ */ x(
     On,
     {
       opened: n,
@@ -9130,8 +9148,8 @@ const Ae = ({
       },
       shadow: "none",
       children: [
-        /* @__PURE__ */ v(A, { justify: "space-between", wrap: "nowrap", children: [
-          /* @__PURE__ */ v(A, { justify: "space-between", wrap: "nowrap", gap: "xs", children: [
+        /* @__PURE__ */ x(A, { justify: "space-between", wrap: "nowrap", children: [
+          /* @__PURE__ */ x(A, { justify: "space-between", wrap: "nowrap", gap: "xs", children: [
             /* @__PURE__ */ e(he, { icon: Ne, size: "md", onClick: o }),
             /* @__PURE__ */ e(
               he,
@@ -9144,8 +9162,8 @@ const Ae = ({
           ] }),
           /* @__PURE__ */ e(A, { justify: "space-between", gap: "xs", children: s })
         ] }),
-        /* @__PURE__ */ v(b, { p: "3rem", children: [
-          l && /* @__PURE__ */ v(b, { children: [
+        /* @__PURE__ */ x(b, { p: "3rem", children: [
+          l && /* @__PURE__ */ x(b, { children: [
             /* @__PURE__ */ e(
               b,
               {
@@ -9160,9 +9178,9 @@ const Ae = ({
                     opened: w,
                     onOpen: () => y(!0),
                     onClose: () => y(!1),
-                    onAvatarSelect: (k) => {
-                      var C;
-                      m(k), (C = l == null ? void 0 : l.onAvatarChange) == null || C.call(l, k);
+                    onAvatarSelect: (O) => {
+                      var k;
+                      m(O), (k = l == null ? void 0 : l.onAvatarChange) == null || k.call(l, O);
                     },
                     onRemove: () => {
                       m(void 0);
@@ -9179,11 +9197,11 @@ const Ae = ({
                     color: "gray",
                     mb: "md",
                     onClick: () => {
-                      var C;
-                      const k = { type: "emoji", value: "😊" };
-                      m(k), (C = l == null ? void 0 : l.onAvatarChange) == null || C.call(l, k);
+                      var k;
+                      const O = { type: "emoji", value: "😊" };
+                      m(O), (k = l == null ? void 0 : l.onAvatarChange) == null || k.call(l, O);
                     },
-                    children: /* @__PURE__ */ v(
+                    children: /* @__PURE__ */ x(
                       b,
                       {
                         style: {
@@ -9206,9 +9224,9 @@ const Ae = ({
               an,
               {
                 value: l.title || "",
-                onChange: (k) => {
-                  var C;
-                  return (C = l.onTitleChange) == null ? void 0 : C.call(l, k);
+                onChange: (O) => {
+                  var k;
+                  return (k = l.onTitleChange) == null ? void 0 : k.call(l, O);
                 },
                 onDraftChange: l.onTitleDraftChange,
                 pageTitle: !0,
@@ -9226,7 +9244,7 @@ const Ae = ({
               }
             )
           ] }),
-          /* @__PURE__ */ e(W, { gap: "sm", children: (M = d == null ? void 0 : d.visibleProperties) == null ? void 0 : M.map((k, C) => /* @__PURE__ */ e(b, { children: k }, C)) }),
+          /* @__PURE__ */ e(W, { gap: "sm", children: (M = d == null ? void 0 : d.visibleProperties) == null ? void 0 : M.map((O, k) => /* @__PURE__ */ e(b, { children: O }, k)) }),
           f && !u && /* @__PURE__ */ e(b, { w: "100%", style: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ e(
             ce,
             {
@@ -9237,7 +9255,7 @@ const Ae = ({
               px: "var(--mantine-spacing-sm)",
               color: "gray.4",
               onClick: () => p(!0),
-              children: /* @__PURE__ */ v(
+              children: /* @__PURE__ */ x(
                 b,
                 {
                   style: {
@@ -9260,7 +9278,7 @@ const Ae = ({
               )
             }
           ) }),
-          /* @__PURE__ */ e(rr, { in: u, children: /* @__PURE__ */ e(W, { gap: "sm", mt: "sm", children: (z = d == null ? void 0 : d.hiddenProperties) == null ? void 0 : z.map((k, C) => /* @__PURE__ */ e(b, { children: k }, C)) }) }),
+          /* @__PURE__ */ e(rr, { in: u, children: /* @__PURE__ */ e(W, { gap: "sm", mt: "sm", children: (z = d == null ? void 0 : d.hiddenProperties) == null ? void 0 : z.map((O, k) => /* @__PURE__ */ e(b, { children: O }, k)) }) }),
           f && u && /* @__PURE__ */ e(
             b,
             {
@@ -9277,7 +9295,7 @@ const Ae = ({
                   px: "var(--mantine-spacing-sm)",
                   color: "gray.4",
                   onClick: () => p(!1),
-                  children: /* @__PURE__ */ v(
+                  children: /* @__PURE__ */ x(
                     b,
                     {
                       style: {
@@ -9326,7 +9344,7 @@ const Ae = ({
   ] = Xe(!1), [
     d,
     { open: u, close: p }
-  ] = Xe(!1), [f, I] = O(300), [h, g] = O(500), m = {
+  ] = Xe(!1), [f, I] = C(300), [h, g] = C(500), m = {
     opened: o,
     toggle: t,
     open: r,
@@ -9362,7 +9380,7 @@ const Ae = ({
     sidebarWidth: s,
     asideWidth: l
   } = jt();
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ x(
     We,
     {
       header: {
@@ -9443,7 +9461,7 @@ const Ae = ({
   selectedTopNavId: d,
   onTopNavSelect: u
 }) => {
-  const { opened: p, toggle: f } = jt(), [I, h] = O(o), g = o ?? I;
+  const { opened: p, toggle: f } = jt(), [I, h] = C(o), g = o ?? I;
   return /* @__PURE__ */ e(
     ui,
     {
@@ -9462,7 +9480,7 @@ const Ae = ({
           withBorder: !0,
           bg: "transparent",
           position: "left",
-          header: /* @__PURE__ */ v(A, { h: 40, w: "100%", justify: "space-between", wrap: "nowrap", children: [
+          header: /* @__PURE__ */ x(A, { h: 40, w: "100%", justify: "space-between", wrap: "nowrap", children: [
             /* @__PURE__ */ e(A, { gap: "xs", wrap: "nowrap", children: p && /* @__PURE__ */ e(T, { fw: 600, size: "sm", children: s }) }),
             /* @__PURE__ */ e(
               he,
@@ -9508,7 +9526,7 @@ const Ae = ({
         }
       ),
       aside: /* @__PURE__ */ e(b, { p: "md", h: "100%", children: c == null ? void 0 : c(g) }),
-      children: /* @__PURE__ */ v(
+      children: /* @__PURE__ */ x(
         b,
         {
           style: {
@@ -9518,8 +9536,8 @@ const Ae = ({
             background: "var(--mantine-color-body)"
           },
           children: [
-            /* @__PURE__ */ v(A, { p: "md", justify: "space-between", align: "center", children: [
-              /* @__PURE__ */ v(A, { gap: "xs", wrap: "nowrap", children: [
+            /* @__PURE__ */ x(A, { p: "md", justify: "space-between", align: "center", children: [
+              /* @__PURE__ */ x(A, { gap: "xs", wrap: "nowrap", children: [
                 !p && /* @__PURE__ */ e(
                   he,
                   {
@@ -9590,7 +9608,7 @@ const Ae = ({
     [o, n]
   );
   return {
-    availableMembersUsers: K(() => {
+    availableMembersUsers: J(() => {
       const a = [...o.members];
       return n.users.forEach((c) => {
         a.find((s) => s.id === c.id) || a.push(c);
@@ -9617,7 +9635,7 @@ const Ae = ({
     availableMembersUsers: f,
     handleResponsibleChange: I,
     handleMembersChange: h
-  } = Ft(d, u), g = K(
+  } = Ft(d, u), g = J(
     () => [
       /* @__PURE__ */ e(
         At,
@@ -9722,20 +9740,20 @@ const Ae = ({
   children: c,
   footer: s
 }) => {
-  const [l, d] = O(
+  const [l, d] = C(
     i == null ? void 0 : i.avatar
-  ), [u, p] = O(!1), [f, I] = O(!1), h = o ? "0" : {
+  ), [u, p] = C(!1), [f, I] = C(!1), h = o ? "0" : {
     base: "1rem",
     sm: "2rem",
     md: "4rem",
     lg: "8rem",
     xl: "10rem"
-  }, [g, m] = O(n);
+  }, [g, m] = C(n);
   return Y(() => {
     m(n);
-  }, [n]), /* @__PURE__ */ v(W, { gap: "md", p: "md", children: [
-    /* @__PURE__ */ v(A, { justify: "space-between", children: [
-      /* @__PURE__ */ v(A, { gap: 4, wrap: "nowrap", children: [
+  }, [n]), /* @__PURE__ */ x(W, { gap: "md", p: "md", children: [
+    /* @__PURE__ */ x(A, { justify: "space-between", children: [
+      /* @__PURE__ */ x(A, { gap: 4, wrap: "nowrap", children: [
         /* @__PURE__ */ e(
           he,
           {
@@ -9756,8 +9774,8 @@ const Ae = ({
       ] }),
       /* @__PURE__ */ e(b, { children: r })
     ] }),
-    /* @__PURE__ */ e(b, { px: h, w: "100%", maw: { base: "100%", md: "80vw" }, mx: "auto", children: /* @__PURE__ */ v(W, { gap: "md", children: [
-      i && /* @__PURE__ */ v(W, { gap: "md", children: [
+    /* @__PURE__ */ e(b, { px: h, w: "100%", maw: { base: "100%", md: "80vw" }, mx: "auto", children: /* @__PURE__ */ x(W, { gap: "md", children: [
+      i && /* @__PURE__ */ x(W, { gap: "md", children: [
         /* @__PURE__ */ e(
           b,
           {
@@ -9799,7 +9817,7 @@ const Ae = ({
                   };
                   d(y), (S = i == null ? void 0 : i.onAvatarChange) == null || S.call(i, y);
                 },
-                children: /* @__PURE__ */ v(
+                children: /* @__PURE__ */ x(
                   b,
                   {
                     style: {
@@ -9858,7 +9876,7 @@ const Ae = ({
     handleResponsibleChange: c,
     handleMembersChange: s
   } = Ft(r, i);
-  return /* @__PURE__ */ v(W, { gap: "sm", children: [
+  return /* @__PURE__ */ x(W, { gap: "sm", children: [
     /* @__PURE__ */ e(
       At,
       {
@@ -9936,7 +9954,7 @@ const Ae = ({
   title: n,
   properties: o,
   children: t
-}) => /* @__PURE__ */ v(W, { gap: "sm", p: "3rem", children: [
+}) => /* @__PURE__ */ x(W, { gap: "sm", p: "3rem", children: [
   /* @__PURE__ */ e(T, { size: "2.5rem", fw: 600, children: n }),
   /* @__PURE__ */ e(Ee, { h: "md" }),
   /* @__PURE__ */ e(W, { gap: "xs", children: o }),
@@ -9956,9 +9974,9 @@ const Ae = ({
   footer: u
 }) => {
   var S, M;
-  const [p, f] = O(
+  const [p, f] = C(
     s == null ? void 0 : s.avatar
-  ), [I, h] = O(!1), [g, m] = O(!1);
+  ), [I, h] = C(!1), [g, m] = C(!1);
   Y(() => {
     f(s == null ? void 0 : s.avatar);
   }, [s == null ? void 0 : s.avatar]);
@@ -9977,17 +9995,17 @@ const Ae = ({
       },
       shadow: "none",
       trapFocus: !1,
-      children: /* @__PURE__ */ v(W, { gap: "md", children: [
-        /* @__PURE__ */ v(A, { justify: "space-between", children: [
-          /* @__PURE__ */ v(A, { gap: "xs", wrap: "nowrap", children: [
+      children: /* @__PURE__ */ x(W, { gap: "md", children: [
+        /* @__PURE__ */ x(A, { justify: "space-between", children: [
+          /* @__PURE__ */ x(A, { gap: "xs", wrap: "nowrap", children: [
             /* @__PURE__ */ e(Be, { icon: Ne, onClick: o }),
             /* @__PURE__ */ e(Be, { icon: Rn, onClick: () => i() })
           ] }),
           " ",
           /* @__PURE__ */ e(b, { children: c })
         ] }),
-        /* @__PURE__ */ e(b, { p: "3rem", w: "100%", children: /* @__PURE__ */ v(W, { gap: "md", children: [
-          s && /* @__PURE__ */ v(b, { children: [
+        /* @__PURE__ */ e(b, { p: "3rem", w: "100%", children: /* @__PURE__ */ x(W, { gap: "md", children: [
+          s && /* @__PURE__ */ x(b, { children: [
             " ",
             /* @__PURE__ */ e(
               b,
@@ -10005,8 +10023,8 @@ const Ae = ({
                     onOpen: () => h(!0),
                     onClose: () => h(!1),
                     onAvatarSelect: (z) => {
-                      var k;
-                      f(z), (k = s == null ? void 0 : s.onAvatarChange) == null || k.call(s, z);
+                      var O;
+                      f(z), (O = s == null ? void 0 : s.onAvatarChange) == null || O.call(s, z);
                     },
                     onRemove: () => {
                       f(void 0);
@@ -10023,14 +10041,14 @@ const Ae = ({
                     color: "gray",
                     mb: "md",
                     onClick: () => {
-                      var k;
+                      var O;
                       const z = {
                         type: "emoji",
                         value: "😊"
                       };
-                      f(z), (k = s == null ? void 0 : s.onAvatarChange) == null || k.call(s, z);
+                      f(z), (O = s == null ? void 0 : s.onAvatarChange) == null || O.call(s, z);
                     },
-                    children: /* @__PURE__ */ v(
+                    children: /* @__PURE__ */ x(
                       b,
                       {
                         style: {
@@ -10054,8 +10072,8 @@ const Ae = ({
               {
                 value: s.title || "",
                 onChange: (z) => {
-                  var k;
-                  return (k = s.onTitleChange) == null ? void 0 : k.call(s, z);
+                  var O;
+                  return (O = s.onTitleChange) == null ? void 0 : O.call(s, z);
                 },
                 onDraftChange: s.onTitleDraftChange,
                 pageTitle: !0,
@@ -10123,7 +10141,7 @@ function Yi({
   children: n,
   theme: o
 }) {
-  return /* @__PURE__ */ v(ir, { theme: o || gi, children: [
+  return /* @__PURE__ */ x(ir, { theme: o || gi, children: [
     /* @__PURE__ */ e(kr, {}),
     /* @__PURE__ */ e(Cr, { children: /* @__PURE__ */ e(Or, { settings: { firstDayOfWeek: 0 }, children: n }) })
   ] });