obeyaka-ui 0.1.37 → 0.1.38

package/dist/index.es.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as w, Fragment as he } from "react/jsx-runtime";
-import Me, { useState as O, useCallback as j, useMemo as Z, memo as Cn, useRef as G, useEffect as _, createContext as kn, useContext as Sn, useLayoutEffect as Jn, Suspense as oo, forwardRef as ro, useImperativeHandle as io } from "react";
-import { ActionIcon as le, Tooltip as Ue, Box as x, Skeleton as xn, Loader as ke, Text as A, Group as F, InputWrapper as et, Input as ao, Textarea as On, TextInput as zn, useCombobox as rn, Combobox as oe, Indicator as nt, MenuItem as tt, Menu as me, UnstyledButton as co, FloatingIndicator as so, Stack as $, Pill as wn, Popover as Fe, LoadingOverlay as lo, Button as ce, Table as be, Badge as Je, Tabs as fe, ScrollArea as Se, Flex as ot, Avatar as rt, TagsInput as uo, Radio as fo, Space as Be, Modal as Rn, FocusTrap as it, Drawer as Dn, Alert as ho, Anchor as at, PillsInput as Hn, Collapse as po, AppShell as He, createTheme as mo, MantineProvider as go } from "@mantine/core";
+import Me, { useState as O, useCallback as L, useMemo as Z, memo as Cn, useRef as Q, useEffect as _, createContext as kn, useContext as Sn, useLayoutEffect as Jn, Suspense as oo, forwardRef as ro, useImperativeHandle as io } from "react";
+import { ActionIcon as le, Tooltip as Ue, Box as x, Skeleton as xn, Loader as ke, Text as E, Group as F, InputWrapper as et, Input as ao, Textarea as On, TextInput as zn, useCombobox as rn, Combobox as oe, Indicator as nt, MenuItem as tt, Menu as me, UnstyledButton as co, FloatingIndicator as so, Stack as $, Pill as wn, Popover as Fe, LoadingOverlay as lo, Button as ce, Table as be, Badge as Je, Tabs as fe, ScrollArea as Se, Flex as ot, Avatar as rt, TagsInput as uo, Radio as fo, Space as Be, Modal as Rn, FocusTrap as it, Drawer as Dn, Alert as ho, Anchor as at, PillsInput as Hn, Collapse as po, AppShell as He, createTheme as mo, MantineProvider as go } from "@mantine/core";
 import { IconQuestionMark as Pe, IconSearch as Tn, IconX as ct, IconFilter as st, IconFilterOff as Io, IconChevronDown as Oe, IconChevronRight as en, IconPlus as Te, IconDots as _e, IconCheck as an, IconChevronUp as Ve, IconClock as lt, IconMoodSmile as Xe, IconFlag as yo, IconHeart as vo, IconBulb as xo, IconPlane as Wn, IconBallBasketball as wo, IconApple as bo, IconTrees as dt, IconUser as Bn, IconBriefcase as Mo, IconDeviceDesktop as Co, IconCircle as ko, IconTool as So, IconMessage as Oo, IconPhoto as Pn, IconArchive as bn, IconBell as zo, IconInbox as Ro, IconChecklist as In, IconChevronsLeft as ut, IconPointFilled as Do, IconPoint as To, IconChevronLeft as _n, IconMaximize as En, IconStar as Bo, IconChevronsRight as $e, IconMoodSmileFilled as An, IconAlignLeft as ft, IconUserCircle as ht, IconUsers as pt, IconMenu2 as Vn } from "@tabler/icons-react";
 import nn from "@emoji-mart/data";
 import { init as Eo, SearchIndex as Ao } from "emoji-mart";
@@ -28,7 +28,7 @@ const pe = Me.memo(
     onMouseLeave: I,
     ...m
   }) => {
-    const [b, v] = O(!1), S = j(() => {
+    const [b, v] = O(!1), S = L(() => {
       l || d || (n == null || n(), console.log("Clicked"));
     }, [l, d, n]), C = Z(() => ({
       xs: 14,
@@ -42,14 +42,14 @@ const pe = Me.memo(
       md: 2,
       lg: 2,
       xl: 2.5
-    })[a] || 2, [a]), k = j(
-      (L) => {
-        v(!0), h == null || h(L);
+    })[a] || 2, [a]), k = L(
+      (j) => {
+        v(!0), h == null || h(j);
       },
       [h]
-    ), M = j(
-      (L) => {
-        v(!1), I == null || I(L);
+    ), M = L(
+      (j) => {
+        v(!1), I == null || I(j);
       },
       [I]
     ), y = Z(() => {
@@ -57,17 +57,17 @@ const pe = Me.memo(
         return c;
       if (s === "transparent")
         return b ? "var(--mantine-color-gray-2)" : "transparent";
-    }, [c, s, b]), T = Z(() => t && o && b ? o : r, [t, o, b, r]), z = Z(
+    }, [c, s, b]), D = Z(() => t && o && b ? o : r, [t, o, b, r]), z = Z(
       () => /* @__PURE__ */ e(
-        T,
+        D,
         {
           size: C,
           strokeWidth: R,
           color: i
         }
       ),
-      [T, C, R, i]
-    ), D = /* @__PURE__ */ e(
+      [D, C, R, i]
+    ), T = /* @__PURE__ */ e(
       le,
       {
         onClick: S,
@@ -87,7 +87,7 @@ const pe = Me.memo(
         children: z
       }
     );
-    return u && !l && !d ? /* @__PURE__ */ e(Ue, { label: u, position: "top", withArrow: !0, children: D }) : D;
+    return u && !l && !d ? /* @__PURE__ */ e(Ue, { label: u, position: "top", withArrow: !0, children: T }) : T;
   }
 );
 pe.displayName = "ActionButton";
@@ -234,7 +234,7 @@ const Po = async (n) => {
   }
 }, _o = (n) => n.replace(/^Icon/, "").replace(/([A-Z])/g, " $1").trim().toLowerCase().replace(/^./, (t) => t.toUpperCase()), mt = Cn(
   ({ iconName: n, onClick: r, size: t = 20 }) => {
-    const [o, i] = O(null), [a, s] = O(!0), c = G(null), l = G(!0);
+    const [o, i] = O(null), [a, s] = O(!0), c = Q(null), l = Q(!0);
     _(() => (l.current = !0, (async () => {
       try {
         const f = (await import("@tabler/icons-react"))[n];
@@ -746,7 +746,7 @@ const Vo = (n) => {
         padding: "0px 10px",
         cursor: "pointer"
       },
-      children: /* @__PURE__ */ e(A, { fw: 500, fz: "sm", truncate: "end", c: "var(--mantine-color-gray-9)", children: n })
+      children: /* @__PURE__ */ e(E, { fw: 500, fz: "sm", truncate: "end", c: "var(--mantine-color-gray-9)", children: n })
     }
   );
 }, Xo = new URL("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTUiIGhlaWdodD0iNTYiIHZpZXdCb3g9IjAgMCA1NSA1NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMC43NUg1NVY1NS43NUgwVjAuNzVaIiBmaWxsPSIjRjZGNUY0Ii8+CjxwYXRoIGQ9Ik04LjgwMDI5IDM0LjYzQzguODAwMjkgMzQuMTQ0IDkuMTk0MjggMzMuNzUgOS42ODAyOSAzMy43NUgxOC45MjAzQzE5LjQwNjMgMzMuNzUgMTkuODAwMyAzNC4xNDQgMTkuODAwMyAzNC42M1Y0My44N0MxOS44MDAzIDQ0LjM1NiAxOS40MDYzIDQ0Ljc1IDE4LjkyMDMgNDQuNzVIOS42ODAyOUM5LjE5NDI4IDQ0Ljc1IDguODAwMjkgNDQuMzU2IDguODAwMjkgNDMuODdWMzQuNjNaIiBmaWxsPSIjRkZDQTAwIi8+CjxwYXRoIGQ9Ik0yMi4wMDAyIDIzLjYzQzIyLjAwMDIgMjMuMTQ0IDIyLjM5NDIgMjIuNzUgMjIuODgwMiAyMi43NUgzMi4xMjAyQzMyLjYwNjMgMjIuNzUgMzMuMDAwMiAyMy4xNDQgMzMuMDAwMiAyMy42M1Y0My44N0MzMy4wMDAyIDQ0LjM1NiAzMi42MDYzIDQ0Ljc1IDMyLjEyMDIgNDQuNzVIMjIuODgwMkMyMi4zOTQyIDQ0Ljc1IDIyLjAwMDIgNDQuMzU2IDIyLjAwMDIgNDMuODdWMjMuNjNaIiBmaWxsPSIjMzdDRTkxIi8+CjxwYXRoIGQ9Ik0zNS4yMDAyIDEyLjYzQzM1LjIwMDIgMTIuMTQ0IDM1LjU5NDIgMTEuNzUgMzYuMDgwMiAxMS43NUg0NS4zMjAyQzQ1LjgwNjIgMTEuNzUgNDYuMjAwMiAxMi4xNDQgNDYuMjAwMiAxMi42M1Y0My44N0M0Ni4yMDAyIDQ0LjM1NiA0NS44MDYyIDQ0Ljc1IDQ1LjMyMDIgNDQuNzVIMzYuMDgwMkMzNS41OTQyIDQ0Ljc1IDM1LjIwMDIgNDQuMzU2IDM1LjIwMDIgNDMuODdWMTIuNjNaIiBmaWxsPSIjRkIzNzU3Ii8+CjxwYXRoIGQ9Ik04LjgwMDA1IDE3LjI1QzguODAwMDUgMTQuMjEyNCAxMS4yNjI1IDExLjc1IDE0LjMgMTEuNzVDMTcuMzM3NiAxMS43NSAxOS44IDE0LjIxMjQgMTkuOCAxNy4yNUMxOS44IDIwLjI4NzYgMTcuMzM3NiAyMi43NSAxNC4zIDIyLjc1QzExLjI2MjUgMjIuNzUgOC44MDAwNSAyMC4yODc2IDguODAwMDUgMTcuMjVaIiBmaWxsPSIjMDA3MkZGIi8+Cjwvc3ZnPgo=", self.location).href, Ko = ({
@@ -806,7 +806,7 @@ const Vo = (n) => {
       );
     })(),
     t && /* @__PURE__ */ e(
-      A,
+      E,
       {
         size: l,
         fw: 700,
@@ -842,7 +842,7 @@ const Vo = (n) => {
   _(() => {
     I(R);
   }, [R, I]);
-  const M = G(null), y = {
+  const M = Q(null), y = {
     fontSize: "40px",
     fontWeight: 700,
     color: "var(--mantine-color-gray-9)",
@@ -855,45 +855,45 @@ const Vo = (n) => {
   _(() => {
     C(n);
   }, [n]);
-  const T = () => {
+  const D = () => {
     a || (v(!0), g && M.current && M.current.select());
   }, z = () => {
     v(!1), S !== n && t(S);
-  }, D = (U) => {
+  }, T = (U) => {
     C(U.target.value), o == null || o(U.target.value);
-  }, L = (U) => {
+  }, j = (U) => {
     var K, W;
     U.key === "Enter" ? (v(!1), t(S), (K = M.current) == null || K.blur()) : U.key === "Escape" && (C(n), v(!1), (W = M.current) == null || W.blur());
-  }, P = {
+  }, V = {
     cursor: a ? "not-allowed" : "text"
-  }, Q = {
+  }, q = {
     backgroundColor: s === "gray" ? "var(--mantine-color-gray-0)" : s === "white" ? "var(--mantine-color-white)" : void 0,
     borderColor: b && p ? f : void 0,
     borderWidth: b && 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 ? { ...Q, ...y } : Q;
+  }, G = () => h ? { ...q, ...y } : q;
   return /* @__PURE__ */ e(et, { label: r, size: c, children: /* @__PURE__ */ e(
     ao,
     {
       ref: M,
       value: S,
-      onChange: D,
+      onChange: T,
       onMouseEnter: () => k(!0),
       onMouseLeave: () => k(!1),
-      onFocus: T,
+      onFocus: D,
       onBlur: z,
-      onKeyDown: L,
+      onKeyDown: j,
       placeholder: i,
       disabled: a,
       size: c,
       fw: 500,
       radius: l,
       className: d,
-      style: { ...P, ...u },
+      style: { ...V, ...u },
       styles: {
         input: {
-          ...V()
+          ...G()
         }
       },
       ...m
@@ -922,32 +922,32 @@ const Vo = (n) => {
   pageTitle: v = !1,
   ...S
 }) => {
-  const [C, R] = O(!1), [k, M] = O(n), [y, T] = O(!1);
+  const [C, R] = O(!1), [k, M] = O(n), [y, D] = O(!1);
   _(() => {
     b(y);
   }, [y, b]);
-  const z = G(null);
+  const z = Q(null);
   _(() => {
     M(n);
   }, [n]);
-  const D = () => {
-    const X = z.current;
-    X && (X.style.height = "0px", X.style.minHeight = "0px", X.style.overflowY = "hidden", X.style.height = `${X.scrollHeight}px`);
+  const T = () => {
+    const H = z.current;
+    H && (H.style.height = "0px", H.style.minHeight = "0px", H.style.overflowY = "hidden", H.style.height = `${H.scrollHeight}px`);
   };
   _(() => {
-    m && D();
+    m && T();
   }, [m]), _(() => {
-    m && D();
+    m && T();
   }, [k, m]);
-  const L = () => {
-    a || (R(!0), m && requestAnimationFrame(() => D()), g && z.current && z.current.select());
-  }, P = () => {
+  const j = () => {
+    a || (R(!0), m && requestAnimationFrame(() => T()), g && z.current && z.current.select());
+  }, V = () => {
     R(!1), k !== n && t(k);
-  }, Q = (X) => {
-    M(X.target.value), o == null || o(X.target.value);
-  }, V = (X) => {
-    var q;
-    X.key === "Escape" && (M(n), R(!1), (q = z.current) == null || q.blur());
+  }, q = (H) => {
+    M(H.target.value), o == null || o(H.target.value);
+  }, G = (H) => {
+    var X;
+    H.key === "Escape" && (M(n), R(!1), (X = z.current) == null || X.blur());
   }, U = {
     cursor: a ? "not-allowed" : "text"
   }, K = {
@@ -981,12 +981,12 @@ const Vo = (n) => {
           radius: "var(--mantine-radius-md)",
           ref: z,
           value: k,
-          onChange: Q,
-          onMouseEnter: () => T(!0),
-          onMouseLeave: () => T(!1),
-          onFocus: L,
-          onBlur: P,
-          onKeyDown: V,
+          onChange: q,
+          onMouseEnter: () => D(!0),
+          onMouseLeave: () => D(!1),
+          onFocus: j,
+          onBlur: V,
+          onKeyDown: G,
           placeholder: i,
           disabled: a,
           size: c,
@@ -1072,14 +1072,14 @@ const Vo = (n) => {
   disabled: c = !1,
   className: l
 }) => {
-  const [d, u] = O(!1), [p, f] = O(!1), [g, h] = O(t), I = G(null), m = G(null);
+  const [d, u] = O(!1), [p, f] = O(!1), [g, h] = O(t), I = Q(null), m = Q(null);
   _(() => {
     h(t);
   }, [t]), _(() => {
     d && I.current && I.current.focus();
   }, [d]), _(() => {
-    const y = (T) => {
-      m.current && !m.current.contains(T.target) && b();
+    const y = (D) => {
+      m.current && !m.current.contains(D.target) && b();
     };
     if (d)
       return document.addEventListener("mousedown", y), () => {
@@ -1093,8 +1093,8 @@ const Vo = (n) => {
   }, v = () => {
     c || u(!0);
   }, S = (y) => {
-    const T = y.target.value;
-    h(T), o == null || o(T);
+    const D = y.target.value;
+    h(D), o == null || o(D);
   }, C = (y) => {
     y.key === "Enter" && (i == null || i(g)), y.key === "Escape" && b();
   }, R = () => {
@@ -1771,7 +1771,7 @@ const Vo = (n) => {
   children: t,
   ...o
 }) => {
-  const i = G(null), [a, s] = O(0);
+  const i = Q(null), [a, s] = O(0);
   return _(() => {
     i.current && s(i.current.offsetWidth);
   }, [n]), /* @__PURE__ */ w(me, { ...o, children: [
@@ -1831,49 +1831,49 @@ const Vo = (n) => {
   children: s
 }) => {
   var M;
-  const [c, l] = O(null), [d, u] = O({}), [p, f] = O(t ?? ((M = n[0]) == null ? void 0 : M.id)), g = r !== void 0, h = G(/* @__PURE__ */ new Map()), I = j(
-    (y, T) => {
+  const [c, l] = O(null), [d, u] = O({}), [p, f] = O(t ?? ((M = n[0]) == null ? void 0 : M.id)), g = r !== void 0, h = Q(/* @__PURE__ */ new Map()), I = L(
+    (y, D) => {
       u((z) => {
-        if (T)
-          return z[y] === T ? z : { ...z, [y]: T };
+        if (D)
+          return z[y] === D ? z : { ...z, [y]: D };
         if (!(y in z))
           return z;
-        const D = { ...z };
-        return delete D[y], D;
+        const T = { ...z };
+        return delete T[y], T;
       });
     },
     []
-  ), m = j(
-    (y) => (h.current.has(y) || h.current.set(y, (T) => {
-      I(y, T);
+  ), m = L(
+    (y) => (h.current.has(y) || h.current.set(y, (D) => {
+      I(y, D);
     }), h.current.get(y)),
     [I]
   );
   _(() => {
-    const y = new Set(n.map((T) => T.id));
-    h.current.forEach((T, z) => {
+    const y = new Set(n.map((D) => D.id));
+    h.current.forEach((D, z) => {
       y.has(z) || h.current.delete(z);
-    }), u((T) => {
-      if (!Object.keys(T).some((L) => !y.has(L)))
-        return T;
-      const D = {};
-      return Object.entries(T).forEach(([L, P]) => {
-        y.has(L) && (D[L] = P);
-      }), D;
+    }), u((D) => {
+      if (!Object.keys(D).some((j) => !y.has(j)))
+        return D;
+      const T = {};
+      return Object.entries(D).forEach(([j, V]) => {
+        y.has(j) && (T[j] = V);
+      }), T;
     });
   }, [n]), _(() => {
-    var T;
+    var D;
     if (g)
       return;
-    const y = t && n.some((z) => z.id === t) && t || ((T = n[0]) == null ? void 0 : T.id);
-    f((z) => z && n.some((D) => D.id === z) ? z : y);
+    const y = t && n.some((z) => z.id === t) && t || ((D = n[0]) == null ? void 0 : D.id);
+    f((z) => z && n.some((T) => T.id === z) ? z : y);
   }, [n, t, g]);
   const b = (g ? r : p) ?? null, v = Z(
     () => n.find((y) => y.id === b),
     [n, b]
-  ), S = j(
-    (y, T) => () => {
-      T || (g || f(y), o == null || o(y));
+  ), S = L(
+    (y, D) => () => {
+      D || (g || f(y), o == null || o(y));
     },
     [g, o]
   ), C = Z(() => {
@@ -1882,8 +1882,8 @@ const Vo = (n) => {
   }, [i == null ? void 0 : i.className]), R = Z(() => {
     if (!i)
       return {};
-    const { className: y, ...T } = i;
-    return T;
+    const { className: y, ...D } = i;
+    return D;
   }, [i]), k = Z(
     () => ({
       items: n,
@@ -2022,7 +2022,7 @@ const Vo = (n) => {
           }
         ),
         /* @__PURE__ */ e(
-          A,
+          E,
           {
             ta: "left",
             size: "sm",
@@ -2075,51 +2075,46 @@ const Vo = (n) => {
   avatar: g,
   placeholder: h,
   onClick: I,
-  onExpand: m,
-  expanded: b,
-  "aria-label": v,
-  ...S
+  "aria-label": m,
+  ...b
 }) => {
-  const [C, R] = O(!1), [k, M] = O(!1), [y, T] = O(!1), z = b ?? C, D = k || y, L = Me.Children.count(t) > 0, P = !u && L && (f ? D : !0), Q = j(() => {
+  const [v, S] = O(!1), [C, R] = O(!1), [k, M] = O(!1), y = C || k, D = Me.Children.count(t) > 0, z = !u && D && (f ? y : !0), T = L(() => {
     d || I == null || I();
-  }, [I, d]), V = j(
-    (E) => {
-      E.stopPropagation(), !d && (o == null || o());
+  }, [I, d]), j = L(
+    (H) => {
+      H.stopPropagation(), !d && (u || S(!0), o == null || o());
     },
-    [o, d]
-  ), U = j(
-    (E) => {
-      E == null || E.stopPropagation(), !d && L && !u && b === void 0 && R((N) => {
-        const H = !N;
-        return H && (m == null || m()), H;
-      });
+    [o, d, u]
+  ), V = L(
+    (H) => {
+      H == null || H.stopPropagation(), !d && D && !u && S((X) => !X);
     },
-    [d, L, u, m, b]
-  ), K = j(() => {
-    d || o == null || o();
-  }, [o, d]), W = j(
-    (E) => {
-      d || i == null || i(E);
+    [d, D, u]
+  ), q = L(() => {
+    d || (u || S(!0), o == null || o());
+  }, [o, d, u]), G = L(
+    (H) => {
+      d || i == null || i(H);
     },
     [i, d, n]
-  ), re = j(() => L ? Me.Children.map(t, (E) => Me.isValidElement(E) ? Me.cloneElement(E, {
-    ...E.props,
+  ), U = L(() => D ? Me.Children.map(t, (H) => Me.isValidElement(H) ? Me.cloneElement(H, {
+    ...H.props,
     level: l + 1
-  }) : E) : null, [t, L, l]), X = (a == null ? void 0 : a.map((E) => ({
+  }) : H) : null, [t, D, l]), K = (a == null ? void 0 : a.map((H) => ({
     children: /* @__PURE__ */ w(F, { gap: "xs", wrap: "nowrap", children: [
-      E.icon && /* @__PURE__ */ e(E.icon, { size: 16 }),
-      /* @__PURE__ */ e(A, { size: "sm", children: E.label })
+      H.icon && /* @__PURE__ */ e(H.icon, { size: 16 }),
+      /* @__PURE__ */ e(E, { size: "sm", children: H.label })
     ] }),
-    onClick: () => W(E.action)
-  }))) || [], q = [
+    onClick: () => G(H.action)
+  }))) || [], W = [
     {
       children: /* @__PURE__ */ w(F, { gap: "xs", wrap: "nowrap", children: [
         /* @__PURE__ */ e(Te, { size: 16 }),
-        /* @__PURE__ */ e(A, { size: "sm", children: "Add child" })
+        /* @__PURE__ */ e(E, { size: "sm", children: "Add child" })
       ] }),
-      onClick: V
+      onClick: j
     }
-  ], B = X.length > 0 ? X : q;
+  ], re = K.length > 0 ? K : W;
   return /* @__PURE__ */ w($, { gap: 0, children: [
     /* @__PURE__ */ e(
       x,
@@ -2136,34 +2131,34 @@ const Vo = (n) => {
         w: "100%",
         px: 6,
         h: 40,
-        onMouseEnter: () => !d && M(!0),
+        onMouseEnter: () => !d && R(!0),
         onMouseLeave: () => {
-          y || M(!1);
+          k || R(!1);
         },
-        onClick: Q,
-        bg: p || D ? "var(--mantine-color-gray-1)" : "transparent",
-        "aria-expanded": z,
-        "aria-label": v || `${n} navigation link`,
-        ...S,
+        onClick: T,
+        bg: p || y ? "var(--mantine-color-gray-1)" : "transparent",
+        "aria-expanded": v,
+        "aria-label": m || `${n} navigation link`,
+        ...b,
         children: /* @__PURE__ */ w(
           F,
           {
             w: "100%",
             wrap: "nowrap",
             gap: 8,
-            onClick: Q,
+            onClick: T,
             style: {
-              paddingLeft: u && !P ? `${(l + 1) * 32}px` : l > 0 ? `${l * 32}px` : "0px"
+              paddingLeft: u && !z ? `${(l + 1) * 32}px` : l > 0 ? `${l * 32}px` : "0px"
             },
             children: [
-              P ? /* @__PURE__ */ e(
+              z ? /* @__PURE__ */ e(
                 Ee,
                 {
-                  icon: z ? Oe : en,
-                  iconOnHover: z ? Oe : en,
-                  grayScaleBaseColor: D ? 1 : 0,
+                  icon: v ? Oe : en,
+                  iconOnHover: v ? Oe : en,
+                  grayScaleBaseColor: y ? 1 : 0,
                   color: "var(--mantine-color-gray-7)",
-                  onClick: U,
+                  onClick: V,
                   disabled: d
                 }
               ) : f ? /* @__PURE__ */ e(
@@ -2176,7 +2171,7 @@ const Vo = (n) => {
                 }
               ) : null,
               /* @__PURE__ */ e(
-                A,
+                E,
                 {
                   size: "sm",
                   fw: 600,
@@ -2188,21 +2183,21 @@ const Vo = (n) => {
                 }
               ),
               /* @__PURE__ */ w(F, { gap: "xs", align: "center", children: [
-                r && /* @__PURE__ */ e(A, { size: "xs", c: "dimmed", children: r }),
-                D && !d && /* @__PURE__ */ w(F, { gap: 4, wrap: "nowrap", children: [
+                r && /* @__PURE__ */ e(E, { size: "xs", c: "dimmed", children: r }),
+                y && !d && /* @__PURE__ */ w(F, { gap: 4, wrap: "nowrap", children: [
                   o && /* @__PURE__ */ e(
                     Ee,
                     {
                       icon: Te,
-                      grayScaleBaseColor: D ? 1 : 0,
-                      onClick: K,
+                      grayScaleBaseColor: y ? 1 : 0,
+                      onClick: q,
                       color: "var(--mantine-color-gray-7)"
                     }
                   ),
-                  (a && a.length > 0 || o) && /* @__PURE__ */ e("div", { onClick: (E) => E.stopPropagation(), children: /* @__PURE__ */ e(
+                  (a && a.length > 0 || o) && /* @__PURE__ */ e("div", { onClick: (H) => H.stopPropagation(), children: /* @__PURE__ */ e(
                     tn,
                     {
-                      menuItems: B,
+                      menuItems: re,
                       trigger: /* @__PURE__ */ e(
                         Ee,
                         {
@@ -2214,10 +2209,10 @@ const Vo = (n) => {
                       position: "bottom-end",
                       shadow: "md",
                       onOpen: () => {
-                        T(!0), M(!0);
+                        M(!0), R(!0);
                       },
                       onClose: () => {
-                        T(!1);
+                        M(!1);
                       }
                     }
                   ) })
@@ -2228,7 +2223,7 @@ const Vo = (n) => {
         )
       }
     ),
-    z && !u && /* @__PURE__ */ e($, { gap: 0, style: { width: "100%" }, children: L ? re() : /* @__PURE__ */ e(x, { style: { marginLeft: l > 0 ? `${l * 16}px` : "0px" }, children: /* @__PURE__ */ e(A, { size: "sm", c: "dimmed", ta: "left", p: "sm", fw: 500, children: c }) }) })
+    v && !u && /* @__PURE__ */ e($, { gap: 0, style: { width: "100%" }, children: D ? U() : /* @__PURE__ */ e(x, { style: { marginLeft: l > 0 ? `${l * 16}px` : "0px" }, children: /* @__PURE__ */ e(E, { size: "sm", c: "dimmed", ta: "left", p: "sm", fw: 500, children: c }) }) })
   ] });
 }, pr = "userChip-module__pill___DgFME", mr = {
   pill: pr
@@ -2257,7 +2252,7 @@ const Vo = (n) => {
           showPlaceholder: !0
         }
       ),
-      /* @__PURE__ */ e(A, { size: "sm", fw: 500, c: "var(--mantine-color-gray-9)", children: r })
+      /* @__PURE__ */ e(E, { size: "sm", fw: 500, c: "var(--mantine-color-gray-9)", children: r })
     ] })
   }
 ), gr = "200px", Ir = "4px 8px", yr = 40, vr = "var(--mantine-radius-md)", xr = 16, wr = ({
@@ -2312,7 +2307,7 @@ const Vo = (n) => {
             ),
             /* @__PURE__ */ w($, { gap: 0, style: { flex: 1 }, children: [
               /* @__PURE__ */ e(
-                A,
+                E,
                 {
                   size: "sm",
                   fw: 500,
@@ -2322,7 +2317,7 @@ const Vo = (n) => {
                 }
               ),
               /* @__PURE__ */ e(
-                A,
+                E,
                 {
                   size: "xs",
                   c: t ? "var(--mantine-color-gray-4)" : "dimmed",
@@ -2376,9 +2371,9 @@ const Vo = (n) => {
       },
       onMouseEnter: () => C(!0),
       onMouseLeave: () => C(!1),
-      children: /* @__PURE__ */ e(A, { size: "sm", c: "var(--mantine-color-red-6)", fw: 500, children: "Remove user" })
+      children: /* @__PURE__ */ e(E, { size: "sm", c: "var(--mantine-color-red-6)", fw: 500, children: "Remove user" })
     }
-  ) : null, y = (z) => z > 0 ? /* @__PURE__ */ e(A, { size: "sm", c: "var(--mantine-color-gray-7)", fw: 600, children: z }) : null, T = /* @__PURE__ */ w(
+  ) : null, y = (z) => z > 0 ? /* @__PURE__ */ e(E, { size: "sm", c: "var(--mantine-color-gray-7)", fw: 600, children: z }) : null, D = /* @__PURE__ */ w(
     x,
     {
       onMouseEnter: () => !c && v(!0),
@@ -2402,7 +2397,7 @@ const Vo = (n) => {
       },
       children: [
         /* @__PURE__ */ e(
-          A,
+          E,
           {
             size: "sm",
             fw: f != null && f.fontWeight ? void 0 : 500,
@@ -2442,7 +2437,7 @@ const Vo = (n) => {
       zIndex: Mr,
       styles: d,
       children: [
-        /* @__PURE__ */ e(Fe.Target, { children: T }),
+        /* @__PURE__ */ e(Fe.Target, { children: D }),
         /* @__PURE__ */ e(
           Fe.Dropdown,
           {
@@ -2463,16 +2458,16 @@ const Vo = (n) => {
                 onMouseDown: (z) => z.stopPropagation(),
                 children: [
                   (t || []).map((z) => {
-                    const D = s.includes(z.value), L = z.value === n;
+                    const T = s.includes(z.value), j = z.value === n;
                     return /* @__PURE__ */ e(
                       wr,
                       {
                         item: z,
                         withAvatars: i,
-                        disabled: D,
-                        selected: L,
-                        onClick: (P) => {
-                          r == null || r(P), I(!1), k(!1);
+                        disabled: T,
+                        selected: j,
+                        onClick: (V) => {
+                          r == null || r(V), I(!1), k(!1);
                         }
                       },
                       z.value
@@ -2488,12 +2483,12 @@ const Vo = (n) => {
     }
   );
 }, zr = (n, r, t, o) => {
-  const i = G(null), a = G(null), s = j(
+  const i = Q(null), a = Q(null), s = L(
     (l) => {
       l[0].isIntersecting && t && !o && r && r();
     },
     [t, o, r]
-  ), c = j(() => {
+  ), c = L(() => {
     if (!(!i.current || !n || !r)) {
       a.current && (a.current.disconnect(), a.current = null);
       try {
@@ -2540,77 +2535,77 @@ const Vo = (n) => {
   hasMore: k = !1,
   onLoadMore: M
 }) => {
-  const [y, T] = O(""), [z, D] = O([]), { loadMoreRef: L } = zr(
+  const [y, D] = O(""), [z, T] = O([]), { loadMoreRef: j } = zr(
     C,
     M || (() => {
     }),
     k,
     R
-  ), P = Z(() => [...d ? t.filter((E) => E.type === "select" && E.options).map((E) => ({
-    value: E.key,
-    label: E.label
-  })) : [], ...u], [t, d, u]), Q = Z(() => {
+  ), V = Z(() => [...d ? t.filter((A) => A.type === "select" && A.options).map((A) => ({
+    value: A.key,
+    label: A.label
+  })) : [], ...u], [t, d, u]), q = Z(() => {
     let B = r || [];
     if (y) {
-      const E = y.toLowerCase();
-      B = B.filter((N) => t.some((H) => {
-        if (!H.searchable)
+      const A = y.toLowerCase();
+      B = B.filter((N) => t.some((P) => {
+        if (!P.searchable)
           return !1;
-        const J = N[H.key];
-        return J == null ? !1 : String(J).toLowerCase().includes(E);
+        const J = N[P.key];
+        return J == null ? !1 : String(J).toLowerCase().includes(A);
       }));
     }
-    return z.forEach((E) => {
-      if (E.filterTag.selectedOption) {
+    return z.forEach((A) => {
+      if (A.filterTag.selectedOption) {
         const N = t.find(
-          (H) => H.key === E.filterTag.filterOption.value
+          (P) => P.key === A.filterTag.filterOption.value
         );
-        N && (B = B.filter((H) => {
+        N && (B = B.filter((P) => {
           var de;
-          const J = H[N.key];
-          return String(J) === ((de = E.filterTag.selectedOption) == null ? void 0 : de.value);
+          const J = P[N.key];
+          return String(J) === ((de = A.filterTag.selectedOption) == null ? void 0 : de.value);
         }));
       }
     }), B;
-  }, [r, y, z, t]), V = (B) => {
-    T(B), I == null || I(B);
+  }, [r, y, z, t]), G = (B) => {
+    D(B), I == null || I(B);
   }, U = (B) => {
-    const E = t.find((H) => H.key === B);
-    if (!(E != null && E.sortable))
+    const A = t.find((P) => P.key === B);
+    if (!(A != null && A.sortable))
       return;
     const N = g === B && h === "asc" ? "desc" : "asc";
     f == null || f(B, N);
   }, K = (B) => {
-    const E = t.find((N) => N.key === B);
-    return (E == null ? void 0 : E.type) === "select" && E.options ? E.options.map((N) => ({
+    const A = t.find((N) => N.key === B);
+    return (A == null ? void 0 : A.type) === "select" && A.options ? A.options.map((N) => ({
       value: N.value,
       label: N.label
-    })) : (E == null ? void 0 : E.type) === "badge" ? [
-      ...new Set(r.map((H) => H[E.key]).filter(Boolean))
-    ].map((H) => ({
-      value: String(H),
-      label: String(H).charAt(0).toUpperCase() + String(H).slice(1)
-    })) : E ? [
-      ...new Set(r.map((H) => H[E.key]).filter(Boolean))
-    ].map((H) => ({
-      value: String(H),
-      label: String(H).charAt(0).toUpperCase() + String(H).slice(1)
+    })) : (A == null ? void 0 : A.type) === "badge" ? [
+      ...new Set(r.map((P) => P[A.key]).filter(Boolean))
+    ].map((P) => ({
+      value: String(P),
+      label: String(P).charAt(0).toUpperCase() + String(P).slice(1)
+    })) : A ? [
+      ...new Set(r.map((P) => P[A.key]).filter(Boolean))
+    ].map((P) => ({
+      value: String(P),
+      label: String(P).charAt(0).toUpperCase() + String(P).slice(1)
     })) : [];
-  }, W = (B, E) => {
-    var H, J, de, Y, ge;
-    const N = E[B.key];
+  }, W = (B, A) => {
+    var P, J, de, Y, ge;
+    const N = A[B.key];
     switch (B.type) {
       case "text":
-        return /* @__PURE__ */ e(A, { size: "sm", c: N ? void 0 : "dimmed", children: N || "—" });
+        return /* @__PURE__ */ e(E, { size: "sm", c: N ? void 0 : "dimmed", children: N || "—" });
       case "date":
         if (!N)
-          return /* @__PURE__ */ e(A, { size: "sm", c: "dimmed", children: "—" });
+          return /* @__PURE__ */ e(E, { size: "sm", c: "dimmed", children: "—" });
         const ie = new Date(N), ze = B.format ? ie.toLocaleDateString("en-US", {
           year: "numeric",
           month: "2-digit",
           day: "2-digit"
         }) : ie.toLocaleDateString();
-        return /* @__PURE__ */ e(A, { size: "sm", c: "dimmed", children: ze });
+        return /* @__PURE__ */ e(E, { size: "sm", c: "dimmed", children: ze });
       case "select":
         return B.options ? /* @__PURE__ */ e(
           Un,
@@ -2620,11 +2615,11 @@ const Vo = (n) => {
             placeholder: B.label,
             onChange: (Ie) => {
               var Le;
-              return (Le = B.onSelectChange) == null ? void 0 : Le.call(B, Ie, E);
+              return (Le = B.onSelectChange) == null ? void 0 : Le.call(B, Ie, A);
             },
-            disabled: (H = B.disabled) == null ? void 0 : H.call(B, E)
+            disabled: (P = B.disabled) == null ? void 0 : P.call(B, A)
           }
-        ) : /* @__PURE__ */ e(A, { size: "sm", c: "dimmed", children: "—" });
+        ) : /* @__PURE__ */ e(E, { size: "sm", c: "dimmed", children: "—" });
       case "badge":
         const sn = ((J = B.badgeColors) == null ? void 0 : J[N]) || "gray";
         return /* @__PURE__ */ e(
@@ -2639,7 +2634,7 @@ const Vo = (n) => {
           }
         );
       case "avatar":
-        const ln = ((de = B.fallbackText) == null ? void 0 : de.call(B, E)) || String(N).charAt(0).toUpperCase();
+        const ln = ((de = B.fallbackText) == null ? void 0 : de.call(B, A)) || String(N).charAt(0).toUpperCase();
         return /* @__PURE__ */ e(
           ye,
           {
@@ -2650,7 +2645,7 @@ const Vo = (n) => {
           }
         );
       case "custom":
-        return ((Y = B.render) == null ? void 0 : Y.call(B, N, E)) || /* @__PURE__ */ e(A, { size: "sm", c: "dimmed", children: "—" });
+        return ((Y = B.render) == null ? void 0 : Y.call(B, N, A)) || /* @__PURE__ */ e(E, { size: "sm", c: "dimmed", children: "—" });
       case "actions":
         return (ge = B.actions) != null && ge.length ? /* @__PURE__ */ w(
           me,
@@ -2672,8 +2667,8 @@ const Vo = (n) => {
                   {
                     color: Ie.color,
                     leftSection: Ie.icon,
-                    disabled: (Ge = Ie.disabled) == null ? void 0 : Ge.call(Ie, E),
-                    onClick: () => Ie.onClick(E),
+                    disabled: (Ge = Ie.disabled) == null ? void 0 : Ge.call(Ie, A),
+                    onClick: () => Ie.onClick(A),
                     styles: {
                       item: {
                         borderRadius: "var(--mantine-radius-md)"
@@ -2688,12 +2683,12 @@ const Vo = (n) => {
           }
         ) : null;
       default:
-        return /* @__PURE__ */ e(A, { size: "sm", c: "dimmed", children: "—" });
+        return /* @__PURE__ */ e(E, { size: "sm", c: "dimmed", children: "—" });
     }
   }, re = (B) => {
-    var E;
-    return (E = t.find((N) => N.key === B)) != null && E.sortable ? g === B ? h === "asc" ? /* @__PURE__ */ e(Ve, { size: 14 }) : /* @__PURE__ */ e(Oe, { size: 14 }) : /* @__PURE__ */ e(Ve, { size: 14, style: { opacity: 0.3 } }) : null;
-  }, q = (() => {
+    var A;
+    return (A = t.find((N) => N.key === B)) != null && A.sortable ? g === B ? h === "asc" ? /* @__PURE__ */ e(Ve, { size: 14 }) : /* @__PURE__ */ e(Oe, { size: 14 }) : /* @__PURE__ */ e(Ve, { size: 14, style: { opacity: 0.3 } }) : null;
+  }, X = (() => {
     switch (b) {
       case "sm":
         return { buttonSize: "xs", textSize: "sm" };
@@ -2707,7 +2702,7 @@ const Vo = (n) => {
     /* @__PURE__ */ e(lo, { visible: s }),
     /* @__PURE__ */ w($, { gap: "sm", w: "100%", children: [
       /* @__PURE__ */ w(F, { gap: "sm", wrap: "nowrap", justify: "space-between", children: [
-        /* @__PURE__ */ e(A, { fw: 600, c: "var(--mantine-color-gray-8)", children: n }),
+        /* @__PURE__ */ e(E, { fw: 600, c: "var(--mantine-color-gray-8)", children: n }),
         /* @__PURE__ */ w(F, { gap: "xs", wrap: "nowrap", children: [
           /* @__PURE__ */ w(F, { gap: 4, wrap: "nowrap", children: [
             /* @__PURE__ */ e(
@@ -2715,20 +2710,20 @@ const Vo = (n) => {
               {
                 placeholder: l,
                 value: y,
-                onChange: V,
-                onSearch: V,
+                onChange: G,
+                onSearch: G,
                 expandDirection: "right",
-                size: q.buttonSize
+                size: X.buttonSize
               }
             ),
-            P.length > 0 && /* @__PURE__ */ e(
+            V.length > 0 && /* @__PURE__ */ e(
               jn,
               {
                 activeFilters: z.map((B) => B.filterTag),
                 onFiltersChange: (B) => {
-                  D(
-                    B.map((E) => ({
-                      filterTag: E,
+                  T(
+                    B.map((A) => ({
+                      filterTag: A,
                       onUpdate: () => {
                       },
                       onRemove: () => {
@@ -2736,8 +2731,8 @@ const Vo = (n) => {
                     }))
                   ), p == null || p(B);
                 },
-                availableFilters: P,
-                size: q.buttonSize
+                availableFilters: V,
+                size: X.buttonSize
               }
             )
           ] }),
@@ -2747,7 +2742,7 @@ const Vo = (n) => {
               size: "compact-md",
               h: 32,
               style: {
-                fontSize: `var(--mantine-font-size-${q.textSize})`,
+                fontSize: `var(--mantine-font-size-${X.textSize})`,
                 border: "none"
               },
               radius: "md",
@@ -2757,14 +2752,14 @@ const Vo = (n) => {
           )
         ] })
       ] }),
-      P.length > 0 && /* @__PURE__ */ e(
+      V.length > 0 && /* @__PURE__ */ e(
         Fn,
         {
           activeFilters: z.map((B) => B.filterTag),
           onFiltersChange: (B) => {
-            D(
-              B.map((E) => ({
-                filterTag: E,
+            T(
+              B.map((A) => ({
+                filterTag: A,
                 onUpdate: () => {
                 },
                 onRemove: () => {
@@ -2772,7 +2767,7 @@ const Vo = (n) => {
               }))
             ), p == null || p(B);
           },
-          availableFilters: P,
+          availableFilters: V,
           size: "md",
           getFilterOptions: K
         }
@@ -2799,13 +2794,13 @@ const Vo = (n) => {
               onClick: () => B.sortable && U(B.key),
               children: /* @__PURE__ */ w(F, { gap: "xs", wrap: "nowrap", children: [
                 B.icon && /* @__PURE__ */ e(x, { style: { display: "flex", alignItems: "center" }, children: B.icon }),
-                /* @__PURE__ */ e(A, { size: q.textSize, fw: 500, children: B.label }),
+                /* @__PURE__ */ e(E, { size: X.textSize, fw: 500, children: B.label }),
                 re(B.key)
               ] })
             },
             String(B.key)
           )) }) }),
-          /* @__PURE__ */ e(be.Tbody, { children: Q.length === 0 ? /* @__PURE__ */ e(be.Tr, { children: /* @__PURE__ */ e(be.Td, { colSpan: t.length, ta: "center", py: "xl", children: /* @__PURE__ */ e(A, { c: "dimmed", children: c }) }) }) : Q.map((B, E) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e(be.Tbody, { children: q.length === 0 ? /* @__PURE__ */ e(be.Tr, { children: /* @__PURE__ */ e(be.Td, { colSpan: t.length, ta: "center", py: "xl", children: /* @__PURE__ */ e(E, { c: "dimmed", children: c }) }) }) : q.map((B, A) => /* @__PURE__ */ e(
             be.Tr,
             {
               style: { cursor: m ? "pointer" : "default" },
@@ -2819,7 +2814,7 @@ const Vo = (n) => {
                 String(N.key)
               ))
             },
-            B.id || E
+            B.id || A
           )) })
         ]
       }
@@ -2827,7 +2822,7 @@ const Vo = (n) => {
     C && /* @__PURE__ */ e(
       x,
       {
-        ref: L,
+        ref: j,
         style: {
           padding: "16px",
           display: "flex",
@@ -2837,7 +2832,7 @@ const Vo = (n) => {
         },
         children: R && /* @__PURE__ */ w(F, { display: "flex", ta: "center", gap: "xs", children: [
           /* @__PURE__ */ e(ke, { size: "sm", color: "gray.5" }),
-          /* @__PURE__ */ e(A, { size: "sm", c: "dimmed", fw: 500, children: "Loading more..." })
+          /* @__PURE__ */ e(E, { size: "sm", c: "dimmed", fw: 500, children: "Loading more..." })
         ] })
       }
     )
@@ -2854,32 +2849,32 @@ const Dr = ({
 } = {}) => {
   const [i, a] = O(
     "emoji"
-  ), [s, c] = O(null), [l, d] = O(null), [u, p] = O(null), [f, g] = O(null), [h, I] = O(null), m = j((y) => {
+  ), [s, c] = O(null), [l, d] = O(null), [u, p] = O(null), [f, g] = O(null), [h, I] = O(null), m = L((y) => {
     a(y);
-  }, []), b = j(
+  }, []), b = L(
     (y) => {
       c(y);
     },
     []
-  ), v = j((y) => {
+  ), v = L((y) => {
     I(y);
-    const T = new FileReader();
-    T.onload = (z) => {
-      var L;
-      const D = (L = z.target) == null ? void 0 : L.result;
-      d(D);
-    }, T.readAsDataURL(y);
-  }, []), S = j(
+    const D = new FileReader();
+    D.onload = (z) => {
+      var j;
+      const T = (j = z.target) == null ? void 0 : j.result;
+      d(T);
+    }, D.readAsDataURL(y);
+  }, []), S = L(
     (y) => {
       p(y), d(null), I(null), g(null), n == null || n({ type: "emoji", value: y }), r == null || r(y);
     },
     [n, r]
-  ), C = j(
+  ), C = L(
     (y) => {
       g(y), d(null), I(null), p(null), n == null || n({ type: "icon", value: y }), o == null || o(y);
     },
     [n, o]
-  ), R = j(() => {
+  ), R = L(() => {
     if (h && l) {
       const y = URL.createObjectURL(h);
       n == null || n({
@@ -2887,9 +2882,9 @@ const Dr = ({
         value: y
       }), t == null || t(h);
     }
-  }, [h, l, n, t]), k = j(() => {
+  }, [h, l, n, t]), k = L(() => {
     d(null), I(null), p(null), g(null);
-  }, []), M = j(() => {
+  }, []), M = L(() => {
     d(null), p(null), g(null), I(null), a("emoji"), c(null);
   }, []);
   return {
@@ -2913,12 +2908,12 @@ const Dr = ({
   onClose: r,
   popoverRef: t
 }) => {
-  const o = j(
+  const o = L(
     (a) => {
       n && t.current && !t.current.contains(a.target) && (console.log("Click outside detected, closing popover"), r());
     },
     [n, r, t]
-  ), i = j(
+  ), i = L(
     (a) => {
       a.key === "Escape" && n && (console.log("Escape key pressed, closing popover"), r());
     },
@@ -3214,7 +3209,7 @@ const Er = () => {
           }
         }
       ),
-      /* @__PURE__ */ e(A, { size: "sm", c: "var(--mantine-color-gray-6)", ta: "left", fw: 500, children: ((m) => {
+      /* @__PURE__ */ e(E, { size: "sm", c: "var(--mantine-color-gray-6)", ta: "left", fw: 500, children: ((m) => {
         if (t.trim())
           return "Results";
         const b = f.find((v) => v.id === m);
@@ -3231,7 +3226,7 @@ const Er = () => {
           padding: "0px 12px 12px 12px"
         },
         children: u ? /* @__PURE__ */ e(
-          A,
+          E,
           {
             size: "sm",
             c: "dimmed",
@@ -3280,7 +3275,7 @@ const Er = () => {
           },
           m.id
         )) : /* @__PURE__ */ e(
-          A,
+          E,
           {
             size: "sm",
             c: "dimmed",
@@ -4426,24 +4421,24 @@ const We = [
         (S) => S.id === i
       );
       return (v == null ? void 0 : v.icons) || [];
-    }, [i, l, u]), f = j(
+    }, [i, l, u]), f = L(
       (v, S) => {
         if (!v.trim())
           return S;
         const C = v.toLowerCase().trim(), R = C.split(/\s+/);
         return S.filter((k) => {
-          const y = k.replace(/^Icon/, "").split(/(?=[A-Z])/).map((T) => T.toLowerCase().trim()).filter((T) => T.length > 0);
-          return !!(y.some((T) => R.some((z) => T === z)) || C.length > 2 && y.some(
-            (T) => R.some((z) => T.startsWith(z))
+          const y = k.replace(/^Icon/, "").split(/(?=[A-Z])/).map((D) => D.toLowerCase().trim()).filter((D) => D.length > 0);
+          return !!(y.some((D) => R.some((z) => D === z)) || C.length > 2 && y.some(
+            (D) => R.some((z) => D.startsWith(z))
           ) || C.length <= 2 && y.some(
-            (T) => R.some((z) => T.includes(z))
+            (D) => R.some((z) => D.includes(z))
           ) || R.length > 1 && R.every(
-            (T) => y.some((z) => z === T || z.startsWith(T))
+            (D) => y.some((z) => z === D || z.startsWith(D))
           ));
         });
       },
       []
-    ), g = Z(() => t.trim() ? f(t, u) : p, [t, p, u, f]), h = j(
+    ), g = Z(() => t.trim() ? f(t, u) : p, [t, p, u, f]), h = L(
       (v) => {
         u.includes(v) && d((C) => {
           const R = [
@@ -4457,7 +4452,7 @@ const We = [
         }), n(v);
       },
       [n, u]
-    ), I = j(
+    ), I = L(
       (v) => {
         i !== v && (o(""), a(v), requestAnimationFrame(() => {
           c(!0), setTimeout(() => c(!1), 100);
@@ -4485,7 +4480,7 @@ const We = [
             }
           }
         ),
-        /* @__PURE__ */ e(A, { size: "sm", c: "var(--mantine-color-gray-6)", ta: "left", fw: 500, children: t.trim() ? "Results" : (b = We.find((v) => v.id === i)) == null ? void 0 : b.name })
+        /* @__PURE__ */ e(E, { size: "sm", c: "var(--mantine-color-gray-6)", ta: "left", fw: 500, children: t.trim() ? "Results" : (b = We.find((v) => v.id === i)) == null ? void 0 : b.name })
       ] }) }),
       /* @__PURE__ */ e(x, { style: { flex: 1, overflow: "hidden" }, children: /* @__PURE__ */ e(Se, { h: "100%", type: "hover", children: /* @__PURE__ */ e(
         x,
@@ -4541,7 +4536,7 @@ const Fr = ({
   onClearImagePreview: l
 }) => /* @__PURE__ */ e(x, { p: "sm", style: { width: "384px" }, children: /* @__PURE__ */ w($, { gap: "md", align: "center", children: [
   n || t ? /* @__PURE__ */ w(x, { children: [
-    /* @__PURE__ */ e(A, { size: "sm", fw: 500, mb: "xs", children: "Preview" }),
+    /* @__PURE__ */ e(E, { size: "sm", fw: 500, mb: "xs", children: "Preview" }),
     /* @__PURE__ */ e(
       rt,
       {
@@ -4628,7 +4623,7 @@ const Fr = ({
       }
     )
   ] }),
-  /* @__PURE__ */ e(A, { size: "xs", c: "var(--mantine-color-gray-6)", ta: "center", children: "Supported formats: JPG, PNG, GIF, WebP" })
+  /* @__PURE__ */ e(E, { size: "xs", c: "var(--mantine-color-gray-6)", ta: "center", children: "Supported formats: JPG, PNG, GIF, WebP" })
 ] }) }), Nr = ({ onEmojiSelect: n }) => /* @__PURE__ */ e(Ar, { onEmojiSelect: n, height: 358 }), Ur = ({ onIconSelect: n }) => /* @__PURE__ */ e(Dt, { onIconSelect: n, height: 358 }), $r = ({
   previewImage: n,
   selectedEmoji: r,
@@ -4664,7 +4659,7 @@ const Fr = ({
     },
     children: /* @__PURE__ */ w($, { align: "center", gap: "sm", children: [
       /* @__PURE__ */ e(ke, { size: "sm" }),
-      /* @__PURE__ */ e(A, { size: "sm", c: "gray.6", children: "Loading avatar options..." })
+      /* @__PURE__ */ e(E, { size: "sm", c: "gray.6", children: "Loading avatar options..." })
     ] })
   }
 ), $n = ({
@@ -4686,7 +4681,7 @@ const Fr = ({
   withinPortal: f = !0,
   zIndex: g = 1e3
 }) => {
-  const h = G(null), I = G(null), m = G(null), {
+  const h = Q(null), I = Q(null), m = Q(null), {
     selectedTab: b,
     tabHovered: v,
     previewImage: S,
@@ -4695,12 +4690,12 @@ const Fr = ({
     selectedFile: k,
     handleTabChange: M,
     handleTabHover: y,
-    handleImagePreview: T,
+    handleImagePreview: D,
     handleImageAccept: z,
-    handleEmojiSelect: D,
-    handleIconSelect: L,
-    clearImagePreview: P,
-    resetState: Q
+    handleEmojiSelect: T,
+    handleIconSelect: j,
+    clearImagePreview: V,
+    resetState: q
   } = Dr({
     onAvatarSelect: a
   });
@@ -4709,23 +4704,23 @@ const Fr = ({
     onClose: o,
     popoverRef: I
   }), _(() => {
-    r || Q();
-  }, [r, Q]);
-  const V = (ie) => {
-    console.log("Emoji clicked:", ie), D(ie), o();
+    r || q();
+  }, [r, q]);
+  const G = (ie) => {
+    console.log("Emoji clicked:", ie), T(ie), o();
   }, U = (ie) => {
-    console.log("Icon clicked:", ie), L(ie), o();
+    console.log("Icon clicked:", ie), j(ie), o();
   }, K = (ie) => {
-    ie && T(ie);
+    ie && D(ie);
   }, W = () => {
     k ? (z(), o()) : (C || R) && o();
   }, re = () => {
     h.current && h.current.click();
+  }, H = () => {
+    V();
   }, X = () => {
-    P();
-  }, q = () => {
     console.log("Avatar removed"), s == null || s(), o();
-  }, B = () => !!i, E = () => l ? /* @__PURE__ */ e(Mn, { size: c, loading: !0 }) : /* @__PURE__ */ e(
+  }, B = () => !!i, A = () => l ? /* @__PURE__ */ e(Mn, { size: c, loading: !0 }) : /* @__PURE__ */ e(
     ye,
     {
       avatar: i,
@@ -4737,7 +4732,7 @@ const Fr = ({
         !l && !r && t();
       }
     }
-  ), N = /* @__PURE__ */ e(Nr, { onEmojiSelect: V }), H = /* @__PURE__ */ e(Ur, { onIconSelect: U }), J = /* @__PURE__ */ e(
+  ), N = /* @__PURE__ */ e(Nr, { onEmojiSelect: G }), P = /* @__PURE__ */ e(Ur, { onIconSelect: U }), J = /* @__PURE__ */ e(
     $r,
     {
       previewImage: S,
@@ -4747,7 +4742,7 @@ const Fr = ({
       onFileInputClick: re,
       onImageChange: K,
       onImageAccept: W,
-      onClearImagePreview: X,
+      onClearImagePreview: H,
       fileInputRef: h
     }
   ), de = /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(
@@ -4757,9 +4752,9 @@ const Fr = ({
       tabHovered: v,
       onTabChange: M,
       onTabHover: y,
-      onRemove: q,
+      onRemove: X,
       hasAvatar: B(),
-      children: b === "emoji" ? N : b === "icons" ? H : J
+      children: b === "emoji" ? N : b === "icons" ? P : J
     }
   ) }), Y = /* @__PURE__ */ e("div", { style: { position: "relative", display: "inline-block" }, children: /* @__PURE__ */ w(
     Fe,
@@ -4777,7 +4772,7 @@ const Fr = ({
       closeOnEscape: !1,
       offset: 8,
       children: [
-        /* @__PURE__ */ e(Fe.Target, { children: /* @__PURE__ */ e("div", { ref: m, style: { position: "relative" }, children: E() }) }),
+        /* @__PURE__ */ e(Fe.Target, { children: /* @__PURE__ */ e("div", { ref: m, style: { position: "relative" }, children: A() }) }),
         /* @__PURE__ */ e(
           Fe.Dropdown,
           {
@@ -4839,7 +4834,7 @@ const Fr = ({
 }) => {
   const [a, s] = O(""), [c, l] = O(
     []
-  ), d = G(null), u = n.map((I) => {
+  ), d = Q(null), u = n.map((I) => {
     if (i[I])
       return i[I];
     const m = o.find((b) => b.email === I);
@@ -4868,7 +4863,7 @@ const Fr = ({
       I.removeEventListener("input", b), clearTimeout(m);
     };
   }, []);
-  const p = j(
+  const p = L(
     (I) => {
       const m = o.map((v) => ({
         name: v.name || v.email,
@@ -4885,9 +4880,9 @@ const Fr = ({
       r(b), s("");
     },
     [r, o]
-  ), f = j(() => {
+  ), f = L(() => {
     d.current && (d.current.value = "", s(""));
-  }, []), g = c.length === 0 && n.length > 0, h = j(
+  }, []), g = c.length === 0 && n.length > 0, h = L(
     (I, m, b) => {
       I && n.length > 0 && m && (I(n, m, b), s(""));
     },
@@ -4919,34 +4914,34 @@ const Fr = ({
   _(() => {
     a.length > 0 && !I && m(a[0].value);
   }, [a.length, I]), _(() => {
-    const D = i.filter((L) => s.includes(L.email)).map((L) => L.id);
+    const T = i.filter((j) => s.includes(j.email)).map((j) => j.id);
     d(
-      (L) => L.filter((P) => D.includes(P))
+      (j) => j.filter((V) => T.includes(V))
     );
   }, [s, i.length]);
   const [b, v] = O(
     "invite"
   ), [S, C] = O(
     null
-  ), R = (D, L, P) => {
-    n && n(D, L, P), c([]), p("");
-  }, k = (D, L) => {
-    r && r(D, L);
-  }, M = (D) => {
-    t && t(D);
-  }, y = (D) => {
+  ), R = (T, j, V) => {
+    n && n(T, j, V), c([]), p("");
+  }, k = (T, j) => {
+    r && r(T, j);
+  }, M = (T) => {
+    t && t(T);
+  }, y = (T) => {
     d(
-      (L) => L.includes(D) ? L.filter((P) => P !== D) : [...L, D]
+      (j) => j.includes(T) ? j.filter((V) => V !== T) : [...j, T]
     );
-  }, T = (D) => {
-    s.includes(D.email) || (c([...s, D.email]), g((L) => ({
-      ...L,
-      [D.email]: D.name || D.email
-    })), l.includes(D.id) || d([...l, D.id]), p(""));
-  }, z = u.trim() ? i.filter((D) => {
-    var P;
-    const L = u.toLowerCase();
-    return D.email.toLowerCase().includes(L) || ((P = D.name) == null ? void 0 : P.toLowerCase().includes(L));
+  }, D = (T) => {
+    s.includes(T.email) || (c([...s, T.email]), g((j) => ({
+      ...j,
+      [T.email]: T.name || T.email
+    })), l.includes(T.id) || d([...l, T.id]), p(""));
+  }, z = u.trim() ? i.filter((T) => {
+    var V;
+    const j = u.toLowerCase();
+    return T.email.toLowerCase().includes(j) || ((V = T.name) == null ? void 0 : V.toLowerCase().includes(j));
   }) : [];
   return {
     emails: s,
@@ -4968,7 +4963,7 @@ const Fr = ({
     handleUpdateRole: k,
     handleRemoveUser: M,
     handleToggleUser: y,
-    handleAddSuggestedUser: T
+    handleAddSuggestedUser: D
   };
 }, Bt = ro(
   ({
@@ -5091,11 +5086,11 @@ const Fr = ({
             )
           }
         ),
-        M && /* @__PURE__ */ e($, { gap: "xs", mt: "xs", children: I.map((y, T) => /* @__PURE__ */ w(A, { size: "xs", c: "red", children: [
+        M && /* @__PURE__ */ e($, { gap: "xs", mt: "xs", children: I.map((y, D) => /* @__PURE__ */ w(E, { size: "xs", c: "red", children: [
           y.email,
           ": ",
           y.error
-        ] }, T)) })
+        ] }, D)) })
       ] }),
       R && /* @__PURE__ */ w($, { gap: "sm", children: [
         /* @__PURE__ */ e(
@@ -5212,7 +5207,7 @@ const Fr = ({
           /* @__PURE__ */ w($, { gap: 0, w: "100%", justify: "flex-start", align: "flex-start", children: [
             /* @__PURE__ */ w(F, { gap: "sm", align: "flex-start", wrap: "nowrap", children: [
               /* @__PURE__ */ w(F, { gap: "sm", align: "flex-start", wrap: "nowrap", children: [
-                /* @__PURE__ */ e(A, { size: "sm", fw: 500, lineClamp: 1, mb: -2, children: l }),
+                /* @__PURE__ */ e(E, { size: "sm", fw: 500, lineClamp: 1, mb: -2, children: l }),
                 n.isCurrentUser && /* @__PURE__ */ e(Je, { size: "xs", variant: "light", color: "gray", radius: "sm", children: "Owner" })
               ] }),
               n.status !== "member" && /* @__PURE__ */ e(
@@ -5226,7 +5221,7 @@ const Fr = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ e(A, { size: "xs", c: "dimmed", lineClamp: 1, children: n.email })
+            /* @__PURE__ */ e(E, { size: "xs", c: "dimmed", lineClamp: 1, children: n.email })
           ] })
         ] }),
         /* @__PURE__ */ w(F, { gap: "sm", align: "center", children: [
@@ -5267,7 +5262,7 @@ const Fr = ({
   roleOptions: c = [],
   suggestedUsers: l = []
 }) => {
-  const d = G(null), {
+  const d = Q(null), {
     emails: u,
     setEmails: p,
     selectedUsers: f,
@@ -5283,9 +5278,9 @@ const Fr = ({
     filteredUsers: k,
     handleInvite: M,
     handleUpdateRole: y,
-    handleRemoveUser: T,
+    handleRemoveUser: D,
     handleToggleUser: z,
-    handleAddSuggestedUser: D
+    handleAddSuggestedUser: T
   } = Tt({
     onInvite: t,
     onUpdateRole: o,
@@ -5293,9 +5288,9 @@ const Fr = ({
     invitedUsers: a,
     suggestedUsers: l,
     roleOptions: c
-  }), L = (U) => {
-    D(U), d.current && d.current.clearInput();
-  }, P = /* @__PURE__ */ w(he, { children: [
+  }), j = (U) => {
+    T(U), d.current && d.current.clearInput();
+  }, V = /* @__PURE__ */ w(he, { children: [
     /* @__PURE__ */ e(
       Bt,
       {
@@ -5313,7 +5308,7 @@ const Fr = ({
     ),
     /* @__PURE__ */ e(Be, { h: "sm" }),
     /* @__PURE__ */ e(Se, { mah: 200, type: "auto", style: { overflow: "visible" }, children: /* @__PURE__ */ e(x, { children: a.length > 0 && /* @__PURE__ */ w(he, { children: [
-      /* @__PURE__ */ e(A, { size: "sm", fw: 500, children: "Already members" }),
+      /* @__PURE__ */ e(E, { size: "sm", fw: 500, children: "Already members" }),
       /* @__PURE__ */ e(Be, { h: "sm" }),
       /* @__PURE__ */ e($, { gap: "sm", children: a.map((U) => /* @__PURE__ */ e(
         on,
@@ -5322,7 +5317,7 @@ const Fr = ({
           isSelected: f.includes(U.id),
           onToggle: z,
           onUpdateRole: y,
-          onRemoveUser: T,
+          onRemoveUser: D,
           roleOptions: c,
           variant: "invited"
         },
@@ -5337,7 +5332,7 @@ const Fr = ({
         type: "auto",
         style: { overflow: "visible" },
         children: /* @__PURE__ */ e(x, { children: k.length > 0 ? /* @__PURE__ */ w(he, { children: [
-          /* @__PURE__ */ w(A, { size: "sm", fw: 500, children: [
+          /* @__PURE__ */ w(E, { size: "sm", fw: 500, children: [
             "Suggested ",
             g.trim() && `(filtered by "${g}")`
           ] }),
@@ -5349,21 +5344,21 @@ const Fr = ({
               isSelected: f.includes(U.id),
               onToggle: z,
               onUpdateRole: y,
-              onRemoveUser: T,
+              onRemoveUser: D,
               roleOptions: c,
               variant: "suggested",
-              onClick: () => L(U)
+              onClick: () => j(U)
             },
             U.id
           )) })
         ] }) : null })
       }
     )
-  ] }), Q = /* @__PURE__ */ e(he, { children: /* @__PURE__ */ w($, { gap: "md", p: "sm", children: [
+  ] }), q = /* @__PURE__ */ e(he, { children: /* @__PURE__ */ w($, { gap: "md", p: "sm", children: [
     /* @__PURE__ */ w($, { gap: 4, align: "center", children: [
-      /* @__PURE__ */ e(A, { size: "sm", fw: 500, ta: "center", children: "Publish to the web" }),
+      /* @__PURE__ */ e(E, { size: "sm", fw: 500, ta: "center", children: "Publish to the web" }),
       /* @__PURE__ */ e(
-        A,
+        E,
         {
           size: "sm",
           fw: 500,
@@ -5385,7 +5380,7 @@ const Fr = ({
         children: "Publish"
       }
     )
-  ] }) }), V = /* @__PURE__ */ e(x, { style: { width: "400px", maxHeight: "600px", overflow: "visible" }, children: /* @__PURE__ */ e($, { gap: "lg", children: /* @__PURE__ */ w(
+  ] }) }), G = /* @__PURE__ */ e(x, { style: { width: "400px", maxHeight: "600px", overflow: "visible" }, children: /* @__PURE__ */ e($, { gap: "lg", children: /* @__PURE__ */ w(
     fe,
     {
       color: "black",
@@ -5470,8 +5465,8 @@ const Fr = ({
             }
           )
         ] }),
-        /* @__PURE__ */ e(fe.Panel, { value: "invite", children: /* @__PURE__ */ e(x, { p: "sm", children: P }) }),
-        /* @__PURE__ */ e(fe.Panel, { value: "publish", children: /* @__PURE__ */ e(x, { p: "sm", children: Q }) })
+        /* @__PURE__ */ e(fe.Panel, { value: "invite", children: /* @__PURE__ */ e(x, { p: "sm", children: V }) }),
+        /* @__PURE__ */ e(fe.Panel, { value: "publish", children: /* @__PURE__ */ e(x, { p: "sm", children: q }) })
       ]
     }
   ) }) });
@@ -5488,7 +5483,7 @@ const Fr = ({
           borderRadius: "var(--mantine-radius-md)"
         }
       },
-      children: V
+      children: G
     }
   );
 }, ea = ({
@@ -5534,7 +5529,7 @@ const Fr = ({
   roleOptions: s = [],
   suggestedUsers: c = []
 }) => {
-  const l = G(null), {
+  const l = Q(null), {
     emails: d,
     setEmails: u,
     selectedUsers: p,
@@ -5574,7 +5569,7 @@ const Fr = ({
       zIndex: 300,
       children: /* @__PURE__ */ w($, { gap: "lg", children: [
         /* @__PURE__ */ w(F, { justify: "space-between", wrap: "nowrap", children: [
-          /* @__PURE__ */ e(A, { size: "md", fw: 500, c: "var(--mantine-color-gray-8)", children: "Share" }),
+          /* @__PURE__ */ e(E, { size: "md", fw: 500, c: "var(--mantine-color-gray-8)", children: "Share" }),
           /* @__PURE__ */ e(
             pe,
             {
@@ -5601,7 +5596,7 @@ const Fr = ({
           }
         ),
         a.length > 0 && /* @__PURE__ */ w(x, { children: [
-          /* @__PURE__ */ e(A, { size: "sm", fw: 500, children: "Already members" }),
+          /* @__PURE__ */ e(E, { size: "sm", fw: 500, children: "Already members" }),
           /* @__PURE__ */ e(Be, { h: "sm" }),
           /* @__PURE__ */ e(
             x,
@@ -5631,7 +5626,7 @@ const Fr = ({
           )
         ] }),
         b.length > 0 && /* @__PURE__ */ w(x, { children: [
-          /* @__PURE__ */ w(A, { size: "sm", fw: 500, children: [
+          /* @__PURE__ */ w(E, { size: "sm", fw: 500, children: [
             "Suggested ",
             f.trim() && `(filtered by "${f}")`
           ] }),
@@ -5719,7 +5714,7 @@ const Fr = ({
                 backgroundColor: "var(--mantine-color-gray-0)"
               },
               children: /* @__PURE__ */ e(Se, { h: "100%", children: /* @__PURE__ */ e($, { gap: 0, p: "sm", children: a.map((g) => /* @__PURE__ */ e(x, { mb: "md", children: /* @__PURE__ */ w(Me.Fragment, { children: [
-                /* @__PURE__ */ e(A, { size: "xs", fw: 600, c: "dimmed", m: 4, children: g }),
+                /* @__PURE__ */ e(E, { size: "xs", fw: 600, c: "dimmed", m: 4, children: g }),
                 t.filter((h) => h.group === g).map((h) => /* @__PURE__ */ e(
                   wt,
                   {
@@ -5736,8 +5731,8 @@ const Fr = ({
           /* @__PURE__ */ w(x, { style: { flex: 1, display: "flex", flexDirection: "column" }, children: [
             f ? /* @__PURE__ */ w(he, { children: [
               /* @__PURE__ */ e(x, { p: "md", children: /* @__PURE__ */ e(F, { gap: "md", wrap: "nowrap", children: /* @__PURE__ */ w($, { gap: 4, children: [
-                /* @__PURE__ */ e(A, { size: "md", fw: 600, children: f.alternateLabel || f.label }),
-                f.description && /* @__PURE__ */ e(A, { size: "sm", c: "var(--mantine-color-gray-6)", children: f.description })
+                /* @__PURE__ */ e(E, { size: "md", fw: 600, children: f.alternateLabel || f.label }),
+                f.description && /* @__PURE__ */ e(E, { size: "sm", c: "var(--mantine-color-gray-6)", children: f.description })
               ] }) }) }),
               /* @__PURE__ */ e(Se, { style: { flex: 1 }, children: /* @__PURE__ */ e(x, { px: "md", children: f.content }) })
             ] }) : /* @__PURE__ */ e(
@@ -5749,7 +5744,7 @@ const Fr = ({
                   justifyContent: "center",
                   height: "100%"
                 },
-                children: /* @__PURE__ */ e(A, { c: "var(--mantine-color-gray-6)", size: "lg", children: "Select an option from the sidebar" })
+                children: /* @__PURE__ */ e(E, { c: "var(--mantine-color-gray-6)", size: "lg", children: "Select an option from the sidebar" })
               }
             ),
             (f == null ? void 0 : f.saveButton) && /* @__PURE__ */ e(x, { p: "md", children: /* @__PURE__ */ w(F, { justify: "flex-end", gap: "md", children: [
@@ -5922,7 +5917,7 @@ const Fr = ({
                     children: r
                   }
                 ),
-                /* @__PURE__ */ w(A, { size: "xs", c: "dimmed", fw: 500, style: { whiteSpace: "nowrap" }, children: [
+                /* @__PURE__ */ w(E, { size: "xs", c: "dimmed", fw: 500, style: { whiteSpace: "nowrap" }, children: [
                   n.category ? ((g = n.category) == null ? void 0 : g.charAt(0).toUpperCase()) + ((h = n.category) == null ? void 0 : h.slice(1)) : "",
                   " ",
                   "• ",
@@ -5957,16 +5952,16 @@ const Fr = ({
     }
   );
 }, oi = (n, r, t, o, i) => {
-  const [a, s] = O(!1), c = G(null), l = G(null), d = G(null);
+  const [a, s] = O(!1), c = Q(null), l = Q(null), d = Q(null);
   _(() => {
     s(n);
   }, [n]);
-  const u = j(
+  const u = L(
     (f) => {
       f[0].isIntersecting && o && !i && t && t();
     },
     [o, i, t]
-  ), p = j(() => {
+  ), p = L(() => {
     if (!(!c.current || !n || !r || !t)) {
       l.current && (l.current.disconnect(), l.current = null);
       try {
@@ -6151,7 +6146,7 @@ const Fr = ({
                         px: "sm",
                         py: "md",
                         children: [
-                          /* @__PURE__ */ e(A, { size: "sm", fw: 500, children: "Inbox" }),
+                          /* @__PURE__ */ e(E, { size: "sm", fw: 500, children: "Inbox" }),
                           /* @__PURE__ */ w(F, { gap: "xs", children: [
                             /* @__PURE__ */ e(
                               tn,
@@ -6209,7 +6204,7 @@ const Fr = ({
                       py: "xl",
                       children: [
                         /* @__PURE__ */ e(Ro, { size: 24, color: "var(--mantine-color-gray-6)" }),
-                        /* @__PURE__ */ e(A, { size: "sm", fw: 500, c: "dimmed", ta: "center", mt: "sm", children: "No new updates" })
+                        /* @__PURE__ */ e(E, { size: "sm", fw: 500, c: "dimmed", ta: "center", mt: "sm", children: "No new updates" })
                       ]
                     }
                   ),
@@ -6226,13 +6221,13 @@ const Fr = ({
                       },
                       children: t && /* @__PURE__ */ w(F, { display: "flex", ta: "center", gap: "xs", children: [
                         /* @__PURE__ */ e(ke, { size: "sm", color: "gray.5" }),
-                        /* @__PURE__ */ e(A, { size: "sm", c: "dimmed", fw: 500, children: "Loading more ..." })
+                        /* @__PURE__ */ e(E, { size: "sm", c: "dimmed", fw: 500, children: "Loading more ..." })
                       ] })
                     }
                   ),
                   t && !m && /* @__PURE__ */ w(F, { display: "flex", ta: "center", gap: "xs", children: [
                     /* @__PURE__ */ e(ke, { size: "sm", color: "gray.5" }),
-                    /* @__PURE__ */ e(A, { size: "sm", c: "dimmed", fw: 500, children: "Loading more ..." })
+                    /* @__PURE__ */ e(E, { size: "sm", c: "dimmed", fw: 500, children: "Loading more ..." })
                   ] }),
                   !m && o && d && /* @__PURE__ */ e(
                     ce,
@@ -6347,7 +6342,7 @@ const Fr = ({
           }
         ),
         /* @__PURE__ */ e(
-          A,
+          E,
           {
             size: "sm",
             fw: 500,
@@ -6412,12 +6407,12 @@ const Fr = ({
   if (o)
     return /* @__PURE__ */ w(F, { gap: "xs", children: [
       /* @__PURE__ */ e(ke, { size: "sm" }),
-      /* @__PURE__ */ e(A, { size: "sm", c: "dimmed", children: l })
+      /* @__PURE__ */ e(E, { size: "sm", c: "dimmed", children: l })
     ] });
   if (i)
     return /* @__PURE__ */ e(ho, { color: "red", title: "Error", children: d });
   const [R, k] = O(f);
-  return n.length === 0 && !o && !i ? /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(A, { size: "sm", c: "dimmed", children: c }) }) : /* @__PURE__ */ w(
+  return n.length === 0 && !o && !i ? /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(E, { size: "sm", c: "dimmed", children: c }) }) : /* @__PURE__ */ w(
     me,
     {
       opened: I,
@@ -6466,7 +6461,7 @@ const Fr = ({
                     }
                   ),
                   /* @__PURE__ */ e(
-                    A,
+                    E,
                     {
                       size: "sm",
                       fw: 550,
@@ -6498,7 +6493,7 @@ const Fr = ({
                       }
                     )
                   ] })
-                ] }) : /* @__PURE__ */ e(A, { size: "sm", c: "dimmed", children: "Select workspace" })
+                ] }) : /* @__PURE__ */ e(E, { size: "sm", c: "dimmed", children: "Select workspace" })
               }
             )
           }
@@ -6514,9 +6509,9 @@ const Fr = ({
             children: /* @__PURE__ */ w($, { gap: 0, children: [
               g,
               /* @__PURE__ */ e(me.Divider, { style: { margin: "1px 0px" } }),
-              /* @__PURE__ */ e($, { gap: 0, px: 4, children: S.length === 0 ? /* @__PURE__ */ e(me.Item, { disabled: !0, children: /* @__PURE__ */ e(A, { size: "sm", c: "dimmed", children: c }) }) : /* @__PURE__ */ w(he, { children: [
+              /* @__PURE__ */ e($, { gap: 0, px: 4, children: S.length === 0 ? /* @__PURE__ */ e(me.Item, { disabled: !0, children: /* @__PURE__ */ e(E, { size: "sm", c: "dimmed", children: c }) }) : /* @__PURE__ */ w(he, { children: [
                 /* @__PURE__ */ w(F, { justify: "space-between", align: "center", p: 4, children: [
-                  /* @__PURE__ */ e(A, { size: "xs", c: "dimmed", fw: 500, p: 4, truncate: !0, children: "Workspaces" }),
+                  /* @__PURE__ */ e(E, { size: "xs", c: "dimmed", fw: 500, p: 4, truncate: !0, children: "Workspaces" }),
                   s && /* @__PURE__ */ e(
                     at,
                     {
@@ -6708,7 +6703,7 @@ const jt = ({
   onBlockPress: l,
   ...d
 }) => {
-  const [u, p] = O(!1), f = G(null), g = G(!1), h = () => {
+  const [u, p] = O(!1), f = Q(null), g = Q(!1), h = () => {
     !o || !l || (p(!0), g.current = !1, f.current = setTimeout(() => {
       g.current = !0, l(o);
     }, 500));
@@ -6758,7 +6753,7 @@ const Ft = ({
   onBlockPress: l,
   ...d
 }) => {
-  const [u, p] = O(!1), f = G(null), g = G(!1), h = () => {
+  const [u, p] = O(!1), f = Q(null), g = Q(!1), h = () => {
     !o || !l || (p(!0), g.current = !1, f.current = setTimeout(() => {
       g.current = !0, l(o);
     }, 500));
@@ -6808,7 +6803,7 @@ const Nt = ({
   onBlockPress: l,
   ...d
 }) => {
-  const [u, p] = O(!1), f = G(null), g = G(!1), h = () => {
+  const [u, p] = O(!1), f = Q(null), g = Q(!1), h = () => {
     !o || !l || (p(!0), g.current = !1, f.current = setTimeout(() => {
       g.current = !0, l(o);
     }, 500));
@@ -6858,7 +6853,7 @@ const Ut = ({
   onBlockPress: l,
   ...d
 }) => {
-  const [u, p] = O(!1), f = G(null), g = G(!1), h = () => {
+  const [u, p] = O(!1), f = Q(null), g = Q(!1), h = () => {
     !o || !l || (p(!0), g.current = !1, f.current = setTimeout(() => {
       g.current = !0, l(o);
     }, 500));
@@ -7017,13 +7012,13 @@ const Ht = ({
   onDownNext: k,
   downCurrentPage: M = 1,
   downTotalPages: y = 1,
-  downDisabled: T = !1,
+  downDisabled: D = !1,
   downVisible: z = !1,
-  onDownHover: D,
-  onLeftAdd: L,
-  onRightAdd: P,
-  onUpAdd: Q,
-  onDownAdd: V,
+  onDownHover: T,
+  onLeftAdd: j,
+  onRightAdd: V,
+  onUpAdd: q,
+  onDownAdd: G,
   size: U = "md",
   inline: K = !1
 }) => {
@@ -7046,7 +7041,7 @@ const Ht = ({
       {
         size: U,
         variant: "subtle",
-        onClick: L,
+        onClick: j,
         color: "blue",
         radius: "md",
         "aria-label": "Add left blocks",
@@ -7085,7 +7080,7 @@ const Ht = ({
       {
         size: U,
         variant: "subtle",
-        onClick: P,
+        onClick: V,
         color: "blue",
         radius: "md",
         "aria-label": "Add right blocks",
@@ -7105,7 +7100,7 @@ const Ht = ({
         children: /* @__PURE__ */ e(en, { size: 16, stroke: 2 })
       }
     )
-  ] }), X = () => b <= 1 || v ? null : /* @__PURE__ */ w(F, { gap: "xs", align: "center", wrap: "nowrap", children: [
+  ] }), H = () => b <= 1 || v ? null : /* @__PURE__ */ w(F, { gap: "xs", align: "center", wrap: "nowrap", children: [
     /* @__PURE__ */ e(
       le,
       {
@@ -7124,7 +7119,7 @@ const Ht = ({
       {
         size: U,
         variant: "subtle",
-        onClick: Q,
+        onClick: q,
         color: "blue",
         radius: "md",
         "aria-label": "Add up blocks",
@@ -7144,7 +7139,7 @@ const Ht = ({
         children: /* @__PURE__ */ e(Ve, { size: 16, stroke: 2 })
       }
     )
-  ] }), q = () => y <= 1 || T ? null : /* @__PURE__ */ w(F, { gap: "xs", align: "center", wrap: "nowrap", children: [
+  ] }), X = () => y <= 1 || D ? null : /* @__PURE__ */ w(F, { gap: "xs", align: "center", wrap: "nowrap", children: [
     /* @__PURE__ */ e(
       le,
       {
@@ -7163,7 +7158,7 @@ const Ht = ({
       {
         size: U,
         variant: "subtle",
-        onClick: V,
+        onClick: G,
         color: "blue",
         radius: "md",
         "aria-label": "Add down blocks",
@@ -7183,8 +7178,8 @@ const Ht = ({
         children: /* @__PURE__ */ e(Ve, { size: 16, stroke: 2 })
       }
     )
-  ] }), B = o > 1 && !i, E = u > 1 && !p, N = b > 1 && !v, H = y > 1 && !T;
-  return !B && !E && !N && !H ? null : K ? /* @__PURE__ */ w(he, { children: [
+  ] }), B = o > 1 && !i, A = u > 1 && !p, N = b > 1 && !v, P = y > 1 && !D;
+  return !B && !A && !N && !P ? null : K ? /* @__PURE__ */ w(he, { children: [
     B && a && n && r && /* @__PURE__ */ e(
       "div",
       {
@@ -7193,7 +7188,7 @@ const Ht = ({
         children: W()
       }
     ),
-    E && f && c && l && /* @__PURE__ */ e(
+    A && f && c && l && /* @__PURE__ */ e(
       "div",
       {
         onMouseEnter: () => g == null ? void 0 : g(!0),
@@ -7206,15 +7201,15 @@ const Ht = ({
       {
         onMouseEnter: () => C == null ? void 0 : C(!0),
         onMouseLeave: () => C == null ? void 0 : C(!1),
-        children: X()
+        children: H()
       }
     ),
-    H && z && R && k && /* @__PURE__ */ e(
+    P && z && R && k && /* @__PURE__ */ e(
       "div",
       {
-        onMouseEnter: () => D == null ? void 0 : D(!0),
-        onMouseLeave: () => D == null ? void 0 : D(!1),
-        children: q()
+        onMouseEnter: () => T == null ? void 0 : T(!0),
+        onMouseLeave: () => T == null ? void 0 : T(!1),
+        children: X()
       }
     )
   ] }) : /* @__PURE__ */ w(he, { children: [
@@ -7236,7 +7231,7 @@ const Ht = ({
         children: W()
       }
     ),
-    E && f && c && l && /* @__PURE__ */ e(
+    A && f && c && l && /* @__PURE__ */ e(
       x,
       {
         style: {
@@ -7269,7 +7264,7 @@ const Ht = ({
         },
         onMouseEnter: () => C == null ? void 0 : C(!0),
         onMouseLeave: () => C == null ? void 0 : C(!1),
-        children: X()
+        children: H()
       }
     ),
     /* @__PURE__ */ e(
@@ -7285,9 +7280,9 @@ const Ht = ({
           opacity: z ? 1 : 0,
           transition: "opacity 0.2s ease"
         },
-        onMouseEnter: () => D == null ? void 0 : D(!0),
-        onMouseLeave: () => D == null ? void 0 : D(!1),
-        children: H && z && R && k && q()
+        onMouseEnter: () => T == null ? void 0 : T(!0),
+        onMouseLeave: () => T == null ? void 0 : T(!1),
+        children: P && z && R && k && X()
       }
     )
   ] });
@@ -7489,7 +7484,7 @@ const qe = ({
     ), M = Math.min(k + c, o), y = Math.min(
       u.downStartIndex,
       Math.max(0, i - l)
-    ), T = Math.min(
+    ), D = Math.min(
       y + l,
       i
     );
@@ -7505,7 +7500,7 @@ const qe = ({
       upStartIndex: k,
       upEndIndex: M,
       downStartIndex: y,
-      downEndIndex: T
+      downEndIndex: D
     };
   }, [
     u,
@@ -7519,7 +7514,7 @@ const qe = ({
     o,
     i
   ]), g = {
-    goToLeftPage: j(
+    goToLeftPage: L(
       (h) => {
         const I = Math.max(0, (h - 1) * a);
         p((m) => ({
@@ -7532,7 +7527,7 @@ const qe = ({
       },
       [a, r]
     ),
-    goToRightPage: j(
+    goToRightPage: L(
       (h) => {
         const I = Math.max(0, (h - 1) * s);
         p((m) => ({
@@ -7545,7 +7540,7 @@ const qe = ({
       },
       [s, t]
     ),
-    goToUpPage: j(
+    goToUpPage: L(
       (h) => {
         const I = Math.max(0, (h - 1) * c);
         p((m) => ({
@@ -7558,7 +7553,7 @@ const qe = ({
       },
       [c, o]
     ),
-    goToDownPage: j(
+    goToDownPage: L(
       (h) => {
         const I = Math.max(0, (h - 1) * l);
         p((m) => ({
@@ -7572,7 +7567,7 @@ const qe = ({
       [l, i]
     ),
     // Step-by-step navigation - advance by one block
-    nextLeftPage: j(() => {
+    nextLeftPage: L(() => {
       p((h) => ({
         ...h,
         leftStartIndex: Math.min(
@@ -7581,13 +7576,13 @@ const qe = ({
         )
       }));
     }, [r, a]),
-    previousLeftPage: j(() => {
+    previousLeftPage: L(() => {
       p((h) => ({
         ...h,
         leftStartIndex: Math.max(h.leftStartIndex - 1, 0)
       }));
     }, []),
-    nextRightPage: j(() => {
+    nextRightPage: L(() => {
       p((h) => ({
         ...h,
         rightStartIndex: Math.min(
@@ -7596,13 +7591,13 @@ const qe = ({
         )
       }));
     }, [t, s]),
-    previousRightPage: j(() => {
+    previousRightPage: L(() => {
       p((h) => ({
         ...h,
         rightStartIndex: Math.max(h.rightStartIndex - 1, 0)
       }));
     }, []),
-    nextUpPage: j(() => {
+    nextUpPage: L(() => {
       p((h) => ({
         ...h,
         upStartIndex: Math.min(
@@ -7611,13 +7606,13 @@ const qe = ({
         )
       }));
     }, [o, c]),
-    previousUpPage: j(() => {
+    previousUpPage: L(() => {
       p((h) => ({
         ...h,
         upStartIndex: Math.max(h.upStartIndex - 1, 0)
       }));
     }, []),
-    nextDownPage: j(() => {
+    nextDownPage: L(() => {
       p((h) => ({
         ...h,
         downStartIndex: Math.min(
@@ -7626,7 +7621,7 @@ const qe = ({
         )
       }));
     }, [i, l]),
-    previousDownPage: j(() => {
+    previousDownPage: L(() => {
       p((h) => ({
         ...h,
         downStartIndex: Math.max(h.downStartIndex - 1, 0)
@@ -7666,85 +7661,85 @@ const qe = ({
       responsiveCellSize: C = !1,
       minCellSize: R = "30px",
       maxCellSize: k = "80px"
-    } = n, M = parseFloat(l.replace("px", "")), y = parseFloat(d.replace("px", "")), T = a.width - M * 4, z = a.height - M * 4, D = y + M, L = Math.floor(
-      T / (2 * D)
-    ), P = y + M, Q = Math.floor(z / P) + 2, V = Math.min(L, Q), U = Math.max(
+    } = n, M = parseFloat(l.replace("px", "")), y = parseFloat(d.replace("px", "")), D = a.width - M * 4, z = a.height - M * 4, T = y + M, j = Math.floor(
+      D / (2 * T)
+    ), V = y + M, q = Math.floor(z / V) + 2, G = Math.min(j, q), U = Math.max(
       u,
-      Math.min(p, V)
+      Math.min(p, G)
     ), K = Math.max(
       f,
-      Math.min(g, Math.floor(V / 2))
+      Math.min(g, Math.floor(G / 2))
     ), W = Math.max(
       h,
-      Math.min(I, Math.floor(V / 2))
+      Math.min(I, Math.floor(G / 2))
     );
     let re = d;
     if (C) {
-      const N = parseFloat(R.replace("px", "")), H = parseFloat(k.replace("px", "")), J = Math.min(
-        T / (a.width * 0.8),
+      const N = parseFloat(R.replace("px", "")), P = parseFloat(k.replace("px", "")), J = Math.min(
+        D / (a.width * 0.8),
         // Max 80% of screen width
         z / (a.height * 0.8)
         // Max 80% of screen height
       );
       re = `${Math.max(
         N,
-        Math.min(H, y * J)
+        Math.min(P, y * J)
       )}px`;
     }
-    const X = Math.min(
+    const H = Math.min(
       a.width / 1920,
       a.height / 1080
     );
-    let q, B;
+    let X, B;
     if (o > 0 && i > 0) {
       const N = Math.max(o, i);
-      q = Math.max(
+      X = Math.max(
         m,
         Math.min(b, N)
-      ), B = q;
+      ), B = X;
     } else {
-      const N = Math.max(m, v), H = Math.min(b, S), J = Math.max(
+      const N = Math.max(m, v), P = Math.min(b, S), J = Math.max(
         N,
         Math.min(
-          H,
+          P,
           Math.ceil(
-            N + (H - N) * X
+            N + (P - N) * H
           )
         )
       );
-      q = J, B = J;
+      X = J, B = J;
     }
-    if (q + B + 1 > Q) {
-      const N = Math.max(2, Q - 1);
+    if (X + B + 1 > q) {
+      const N = Math.max(2, q - 1);
       if (Math.max(m, v) * 2 > N) {
         const J = Math.max(1, Math.floor(N / 2));
-        q = J, B = J;
+        X = J, B = J;
       } else {
         const J = Math.max(m, v);
-        q = J, B = J;
+        X = J, B = J;
       }
     }
     return console.log("Responsive Matrix Debug:", {
       windowSize: a,
-      screenSizeRatio: X,
+      screenSizeRatio: H,
       minBlocksUp: m,
       minBlocksDown: v,
       maxBlocksUp: b,
       maxBlocksDown: S,
       blocksUp: o,
       blocksDown: i,
-      calculatedBlocksUp: q,
+      calculatedBlocksUp: X,
       calculatedBlocksDown: B,
-      totalVerticalBlocks: q + B + 1,
-      isSymmetric: q === B,
+      totalVerticalBlocks: X + B + 1,
+      isSymmetric: X === B,
       availableHeight: z,
-      maxBlocksVertical: Q
+      maxBlocksVertical: q
     }), {
       blocksPerSide: U,
       blocksLeft: K,
       blocksRight: W,
       cellSize: re,
-      blocksUp: q,
+      blocksUp: X,
       blocksDown: B
     };
   }, [a, n, r, t, o, i]);
@@ -7777,7 +7772,7 @@ const qe = ({
   const y = Z(
     () => s !== void 0 || c !== void 0 || l !== void 0 || d !== void 0,
     [s, c, l, d]
-  ), T = di(
+  ), D = di(
     {
       gap: n,
       cellSize: r,
@@ -7800,28 +7795,28 @@ const qe = ({
     i,
     a
   ), z = Z(() => {
-    let Q = u ? T.blocksLeft : t ?? 0, V = u ? T.blocksRight : o ?? 0, U = u ? T.blocksUp : i ?? 0, K = u ? T.blocksDown : a ?? 0;
+    let q = u ? D.blocksLeft : t ?? 0, G = u ? D.blocksRight : o ?? 0, U = u ? D.blocksUp : i ?? 0, K = u ? D.blocksDown : a ?? 0;
     if (!u) {
-      const W = parseFloat(n.replace("px", "")), re = parseFloat(r.replace("px", "")), X = typeof window < "u" ? window.innerWidth - W * 4 : 1920, q = typeof window < "u" ? window.innerHeight - W * 4 : 1080, B = re + W, E = Math.floor(
-        X / (2 * B)
+      const W = parseFloat(n.replace("px", "")), re = parseFloat(r.replace("px", "")), H = typeof window < "u" ? window.innerWidth - W * 4 : 1920, X = typeof window < "u" ? window.innerHeight - W * 4 : 1080, B = re + W, A = Math.floor(
+        H / (2 * B)
       ), N = Math.floor(
-        q / (2 * B)
+        X / (2 * B)
       );
-      Q = Math.min(Q, E), V = Math.min(V, E), U = Math.min(U, N), K = Math.min(K, N);
+      q = Math.min(q, A), G = Math.min(G, A), U = Math.min(U, N), K = Math.min(K, N);
     }
-    return { left: Q, right: V, up: U, down: K };
+    return { left: q, right: G, up: U, down: K };
   }, [
     u,
-    T,
+    D,
     t,
     o,
     i,
     a,
     n,
     r
-  ]), D = Z(() => {
-    const Q = y && s ? Math.min(z.left, s) : z.left, V = y && c ? Math.min(z.right, c) : z.right, U = y && l ? Math.min(z.up, l) : z.up, K = y && d ? Math.min(z.down, d) : z.down;
-    return { left: Q, right: V, up: U, down: K };
+  ]), T = Z(() => {
+    const q = y && s ? Math.min(z.left, s) : z.left, G = y && c ? Math.min(z.right, c) : z.right, U = y && l ? Math.min(z.up, l) : z.up, K = y && d ? Math.min(z.down, d) : z.down;
+    return { left: q, right: G, up: U, down: K };
   }, [
     y,
     z,
@@ -7829,21 +7824,21 @@ const qe = ({
     c,
     l,
     d
-  ]), L = u ? T.cellSize : r, P = Z(() => {
-    const Q = (D.left > 0 ? D.left : 0) + 1 + (D.right > 0 ? D.right : 0), V = D.up > 0 || D.down > 0 ? D.up + 1 + D.down : 1, U = `${L} `.repeat(D.left) + "1fr " + `${L} `.repeat(D.right), K = D.up > 0 || D.down > 0 ? `${L} `.repeat(D.up) + "1fr " + `${L} `.repeat(D.down) : "1fr";
+  ]), j = u ? D.cellSize : r, V = Z(() => {
+    const q = (T.left > 0 ? T.left : 0) + 1 + (T.right > 0 ? T.right : 0), G = T.up > 0 || T.down > 0 ? T.up + 1 + T.down : 1, U = `${j} `.repeat(T.left) + "1fr " + `${j} `.repeat(T.right), K = T.up > 0 || T.down > 0 ? `${j} `.repeat(T.up) + "1fr " + `${j} `.repeat(T.down) : "1fr";
     return {
-      totalColumns: Q,
-      totalRows: V,
+      totalColumns: q,
+      totalRows: G,
       gridTemplateColumns: U.trim(),
       gridTemplateRows: K.trim()
     };
-  }, [D, L]);
+  }, [T, j]);
   return {
     usePagination: y,
     visibleBlocks: z,
-    finalBlocks: D,
-    finalCellSize: L,
-    gridDimensions: P
+    finalBlocks: T,
+    finalCellSize: j,
+    gridDimensions: V
   };
 }, fi = ({
   blockItems: n
@@ -7976,7 +7971,7 @@ const qe = ({
       const b = `${m.source}-${m.target}`, v = `${m.target}-${m.source}`;
       I.set(b, m), I.set(v, m);
     }), I;
-  }, [r]), c = j(
+  }, [r]), c = L(
     (I) => {
       const m = [];
       return n.forEach((b) => {
@@ -7987,7 +7982,7 @@ const qe = ({
       }), m;
     },
     [n, s]
-  ), l = j(
+  ), l = L(
     (I) => {
       const m = n.find((S) => S.id === I);
       if (!m)
@@ -8034,20 +8029,20 @@ const qe = ({
       return [...new Set(v)];
     },
     [n, c]
-  ), d = j((I) => !0, []), u = j(
+  ), d = L((I) => !0, []), u = L(
     (I) => !i || !t ? !1 : !l(t).includes(I),
     [i, t, l]
-  ), p = j(
+  ), p = L(
     (I) => !i || !t ? !1 : l(t).includes(I),
     [i, t, l]
-  ), f = j(
+  ), f = L(
     (I) => {
       i && t === I ? (a(!1), o(null)) : (o(I), a(!0));
     },
     [i, t]
-  ), g = j((I) => {
+  ), g = L((I) => {
     console.log(`Block clicked: ${I}`);
-  }, []), h = j(() => {
+  }, []), h = L(() => {
     a(!1), o(null);
   }, []);
   return {
@@ -8062,7 +8057,7 @@ const qe = ({
     getFilteredBlockIds: l
   };
 }, qn = (n) => parseInt(n.replace(/[^\d]/g, ""), 10) || 0, gi = (n, r) => {
-  const [t, o] = O({ width: 0, height: 0 }), i = j(() => {
+  const [t, o] = O({ width: 0, height: 0 }), i = L(() => {
     const { width: a, height: s } = t;
     if (a === 0 || s === 0)
       return {
@@ -8158,25 +8153,25 @@ const qe = ({
   minBlocksPerSide: k = 2,
   maxBlocksPerSide: M = 15,
   minBlocksHorizontal: y = 2,
-  maxBlocksHorizontal: T = 16,
+  maxBlocksHorizontal: D = 16,
   minBlocksVertical: z = 2,
-  maxBlocksVertical: D = 16,
+  maxBlocksVertical: T = 16,
   // Legacy props (for backward compatibility)
-  minBlocksLeft: L = 1,
-  maxBlocksLeft: P = 8,
-  minBlocksRight: Q = 1,
-  maxBlocksRight: V = 8,
+  minBlocksLeft: j = 1,
+  maxBlocksLeft: V = 8,
+  minBlocksRight: q = 1,
+  maxBlocksRight: G = 8,
   minBlocksUp: U = 1,
   maxBlocksUp: K = 8,
   minBlocksDown: W = 1,
   maxBlocksDown: re = 8,
-  responsiveCellSize: X = !1,
-  minCellSize: q = "30px",
+  responsiveCellSize: H = !1,
+  minCellSize: X = "30px",
   maxCellSize: B = "80px",
-  directionTexts: E,
+  directionTexts: A,
   ...N
 }) => {
-  const H = G(null), J = gi(H, {
+  const P = Q(null), J = gi(P, {
     ...Ii,
     cellSize: o,
     gap: t,
@@ -8184,7 +8179,7 @@ const qe = ({
   });
   let de = l, Y = d, ge = u, ie = p;
   c ? (de = Math.floor(J.blocksLeft), Y = Math.floor(J.blocksRight), ge = Math.floor(J.blocksUp), ie = Math.floor(J.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), Y = Math.floor(a / 2)));
-  const ze = L !== 1 ? L : Math.floor(y / 2), sn = P !== 8 ? P : Math.floor(T / 2), ln = Q !== 1 ? Q : Math.ceil(y / 2), Ie = V !== 8 ? V : Math.ceil(T / 2), Le = U !== 1 ? U : Math.floor(z / 2), Ge = K !== 8 ? K : Math.floor(D / 2), Gt = W !== 1 ? W : Math.ceil(z / 2), Qt = re !== 8 ? re : Math.ceil(D / 2), {
+  const ze = j !== 1 ? j : Math.floor(y / 2), sn = V !== 8 ? V : Math.floor(D / 2), ln = q !== 1 ? q : Math.ceil(y / 2), Ie = G !== 8 ? G : Math.ceil(D / 2), Le = U !== 1 ? U : Math.floor(z / 2), Ge = K !== 8 ? K : Math.floor(T / 2), Gt = W !== 1 ? W : Math.ceil(z / 2), Qt = re !== 8 ? re : Math.ceil(T / 2), {
     usePagination: Yt,
     finalBlocks: ee,
     finalCellSize: ve,
@@ -8211,8 +8206,8 @@ const qe = ({
     maxBlocksUp: Ge,
     minBlocksDown: Gt,
     maxBlocksDown: Qt,
-    responsiveCellSize: X,
-    minCellSize: q,
+    responsiveCellSize: H,
+    minCellSize: X,
     maxCellSize: B
   }), { getBlockContent: Ye, getIntersectionText: Zt } = fi({
     blockItems: f
@@ -8252,7 +8247,7 @@ const qe = ({
   return /* @__PURE__ */ w(
     x,
     {
-      ref: H,
+      ref: P,
       style: {
         display: "grid",
         gridTemplateColumns: Qe.gridTemplateColumns,
@@ -8290,7 +8285,7 @@ const qe = ({
                       qe,
                       {
                         direction: "left",
-                        text: E == null ? void 0 : E.left,
+                        text: A == null ? void 0 : A.left,
                         ...Re("left")
                       }
                     ),
@@ -8298,7 +8293,7 @@ const qe = ({
                       qe,
                       {
                         direction: "right",
-                        text: E == null ? void 0 : E.right,
+                        text: A == null ? void 0 : A.right,
                         ...Re("right")
                       }
                     ),
@@ -8306,7 +8301,7 @@ const qe = ({
                       qe,
                       {
                         direction: "up",
-                        text: E == null ? void 0 : E.up,
+                        text: A == null ? void 0 : A.up,
                         ...Re("up")
                       }
                     ),
@@ -8314,7 +8309,7 @@ const qe = ({
                       qe,
                       {
                         direction: "down",
-                        text: E == null ? void 0 : E.down,
+                        text: A == null ? void 0 : A.down,
                         ...Re("down")
                       }
                     ),
@@ -8487,7 +8482,7 @@ const Ae = ({
           strokeWidth: 2
         }
       ),
-      /* @__PURE__ */ e(A, { size: "sm", fw: 500, c: "gray.6", children: t })
+      /* @__PURE__ */ e(E, { size: "sm", fw: 500, c: "gray.6", children: t })
     ] }),
     /* @__PURE__ */ e(x, { style: { display: "flex", alignItems: "flex-start" }, w: "100%", children: n && r ? r : i })
   ] }) : /* @__PURE__ */ w(F, { align: "flex-start", gap: 0, w: "100%", ...c, ...l, children: [
@@ -8507,7 +8502,7 @@ const Ae = ({
               strokeWidth: 2
             }
           ),
-          /* @__PURE__ */ e(A, { size: "sm", fw: 500, truncate: !0, c: "gray.6", children: t })
+          /* @__PURE__ */ e(E, { size: "sm", fw: 500, truncate: !0, c: "gray.6", children: t })
         ]
       }
     ),
@@ -8550,7 +8545,7 @@ const Ae = ({
   {
     label: n,
     icon: r,
-    value: /* @__PURE__ */ e(A, { size: "sm", c: t ? void 0 : "dimmed", fw: 500, truncate: !0, children: t || a || "—" })
+    value: /* @__PURE__ */ e(E, { size: "sm", c: t ? void 0 : "dimmed", fw: 500, truncate: !0, children: t || a || "—" })
   }
 ), sa = ({
   label: n,
@@ -8605,7 +8600,7 @@ const Ae = ({
     {
       label: n,
       icon: r,
-      value: /* @__PURE__ */ e(A, { size: "sm", c: c !== null ? void 0 : "dimmed", children: l || s || "—" })
+      value: /* @__PURE__ */ e(E, { size: "sm", c: c !== null ? void 0 : "dimmed", children: l || s || "—" })
     }
   );
 }, vi = 300, xi = ({
@@ -8614,7 +8609,7 @@ const Ae = ({
   debounceSearch: t = !0,
   debounceDelay: o = vi
 }) => {
-  const [i, a] = O(""), [s, c] = O(n), [l, d] = O(!1), u = G(null);
+  const [i, a] = O(""), [s, c] = O(n), [l, d] = O(!1), u = Q(null);
   return _(() => {
     if (!r) {
       c(n);
@@ -8679,7 +8674,7 @@ const Ae = ({
   isFocused: n,
   dropdownRef: r
 }) => {
-  const [t, o] = O("bottom"), i = j(
+  const [t, o] = O("bottom"), i = L(
     (a) => {
       if (r.current = a, a) {
         const s = a.dataset.position;
@@ -8722,7 +8717,7 @@ const Ae = ({
   loading: t,
   setDisplayedUsers: o
 }) => {
-  const i = G(null);
+  const i = Q(null);
   return _(() => {
     if (!n || !r || t)
       return;
@@ -8744,9 +8739,9 @@ const Ae = ({
   combobox: n,
   dropdownRef: r
 }) => {
-  const [t, o] = O(!1), [i, a] = O(!1), s = j(() => {
+  const [t, o] = O(!1), [i, a] = O(!1), s = L(() => {
     o(!0), n.openDropdown();
-  }, [n]), c = j(
+  }, [n]), c = L(
     (u) => {
       setTimeout(() => {
         const p = u == null ? void 0 : u.relatedTarget;
@@ -8754,9 +8749,9 @@ const Ae = ({
       }, 0);
     },
     [n, r]
-  ), l = j(() => {
+  ), l = L(() => {
     a(!0);
-  }, []), d = j(() => {
+  }, []), d = L(() => {
     a(!1);
   }, []);
   return {
@@ -8774,7 +8769,7 @@ const Ae = ({
   onChange: t,
   combobox: o
 }) => {
-  const i = j(
+  const i = L(
     (s) => {
       if (n) {
         const c = Array.isArray(r) ? r : [], l = c.includes(s) ? c.filter((d) => d !== s) : [...c, s];
@@ -8783,7 +8778,7 @@ const Ae = ({
         t == null || t(s), o.closeDropdown();
     },
     [n, r, t, o]
-  ), a = j(
+  ), a = L(
     (s) => {
       if (n) {
         const c = Array.isArray(r) ? r : [];
@@ -8814,7 +8809,7 @@ const Ae = ({
   hasMore: g = !1,
   loading: h = !1
 }) => {
-  const I = G(null), m = G(null), b = G(null), {
+  const I = Q(null), m = Q(null), b = Q(null), {
     searchQuery: v,
     setSearchQuery: S,
     displayedUsers: C,
@@ -8827,23 +8822,23 @@ const Ae = ({
     debounceDelay: p
   }), M = rn({
     onDropdownClose: () => {
-      M.resetSelectedOption(), S(""), T(!1);
+      M.resetSelectedOption(), S(""), D(!1);
     },
     onDropdownOpen: () => {
-      M.updateSelectedOptionIndex("active"), T(!0);
+      M.updateSelectedOptionIndex("active"), D(!0);
     }
   }), {
     isFocused: y,
-    setIsFocused: T,
+    setIsFocused: D,
     isHovered: z,
-    handleFocus: D,
-    handleBlur: L,
-    handleMouseEnter: P,
-    handleMouseLeave: Q
+    handleFocus: T,
+    handleBlur: j,
+    handleMouseEnter: V,
+    handleMouseLeave: q
   } = Ci({
     combobox: M,
     dropdownRef: b
-  }), { placement: V, dropdownRefCallback: U } = bi({
+  }), { placement: G, dropdownRefCallback: U } = bi({
     isFocused: y,
     dropdownRef: b
   }), { selectedIds: K, selectedUsers: W, sortedUsers: re } = wi({
@@ -8853,17 +8848,17 @@ const Ae = ({
     displayedUsers: C,
     searchQuery: v,
     onSearch: d
-  }), { loadMoreRef: X } = Mi({
+  }), { loadMoreRef: H } = Mi({
     onLoadMore: f,
     hasMore: g,
     loading: h,
     setDisplayedUsers: R
-  }), { handleSelect: q, handleRemove: B } = ki({
+  }), { handleSelect: X, handleRemove: B } = ki({
     multiple: c,
     value: o,
     onChange: a,
     combobox: M
-  }), E = () => {
+  }), A = () => {
     if (!c)
       return null;
     const Y = 5, ge = W.slice(0, Y), ie = W.length - Y;
@@ -8896,7 +8891,7 @@ const Ae = ({
                 style: { color: "var(--mantine-color-blue-5)" }
               }
             ),
-            /* @__PURE__ */ w(A, { size: "sm", fw: 400, c: "var(--mantine-color-blue-5)", children: [
+            /* @__PURE__ */ w(E, { size: "sm", fw: 400, c: "var(--mantine-color-blue-5)", children: [
               ie,
               " more"
             ] })
@@ -8909,7 +8904,7 @@ const Ae = ({
       return null;
     const Y = W[0];
     return Y ? /* @__PURE__ */ e(yn, { avatar: Y.avatar, name: Y.name }) : null;
-  }, H = () => y ? "var(--mantine-color-gray-2)" : "var(--mantine-color-gray-0)", J = () => ({
+  }, P = () => y ? "var(--mantine-color-gray-2)" : "var(--mantine-color-gray-0)", J = () => ({
     input: {
       position: y ? "absolute" : "relative",
       zIndex: y ? 1e3 : 1,
@@ -8918,14 +8913,14 @@ const Ae = ({
       cursor: l ? "not-allowed" : "pointer",
       backgroundColor: y || z ? "var(--mantine-color-gray-0)" : "transparent",
       border: y ? "1px solid var(--mantine-color-gray-2)" : "1px solid transparent",
-      borderRadius: y && V === "bottom" ? "var(--mantine-radius-md) var(--mantine-radius-md) 0 0" : y && V === "top" ? "0 0 var(--mantine-radius-md) var(--mantine-radius-md)" : "var(--mantine-radius-md)",
+      borderRadius: y && G === "bottom" ? "var(--mantine-radius-md) var(--mantine-radius-md) 0 0" : y && G === "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: c ? "wrap" : "nowrap",
-      boxShadow: y && V === "bottom" ? "0 -4px 10px 0 rgba(0, 0, 0, 0.1)" : y && V === "top" ? "0 4px 10px 0 rgba(0, 0, 0, 0.1)" : "none"
+      boxShadow: y && G === "bottom" ? "0 -4px 10px 0 rgba(0, 0, 0, 0.1)" : y && G === "top" ? "0 4px 10px 0 rgba(0, 0, 0, 0.1)" : "none"
     }
   }), de = {
     group: {
@@ -8966,7 +8961,7 @@ const Ae = ({
         oe,
         {
           store: M,
-          onOptionSubmit: q,
+          onOptionSubmit: X,
           withinPortal: !1,
           offset: -2,
           children: [
@@ -8977,23 +8972,23 @@ const Ae = ({
                 radius: "md",
                 disabled: l,
                 styles: J,
-                onFocus: D,
-                onBlur: L,
-                onMouseEnter: () => !l && P(),
-                onMouseLeave: Q,
+                onFocus: T,
+                onBlur: j,
+                onMouseEnter: () => !l && V(),
+                onMouseLeave: q,
                 w: "100%",
                 children: /* @__PURE__ */ w(
                   wn.Group,
                   {
                     styles: de,
                     children: [
-                      c ? E() : N(),
+                      c ? A() : N(),
                       /* @__PURE__ */ e(oe.EventsTarget, { children: /* @__PURE__ */ e(
                         Hn.Field,
                         {
                           ref: I,
-                          onFocus: D,
-                          onBlur: L,
+                          onFocus: T,
+                          onBlur: j,
                           placeholder: W.length === 0 || y || v.length > 0 ? s : "",
                           value: v,
                           onChange: (Y) => {
@@ -9047,12 +9042,12 @@ const Ae = ({
               {
                 styles: {
                   dropdown: {
-                    borderRadius: V === "bottom" ? "0 0 var(--mantine-radius-md) var(--mantine-radius-md)" : "var(--mantine-radius-md) var(--mantine-radius-md) 0 0",
+                    borderRadius: G === "bottom" ? "0 0 var(--mantine-radius-md) var(--mantine-radius-md)" : "var(--mantine-radius-md) var(--mantine-radius-md) 0 0",
                     borderTop: "none",
-                    border: `1px solid ${H()}`,
+                    border: `1px solid ${P()}`,
                     marginTop: "0",
                     padding: "4px",
-                    boxShadow: V === "bottom" ? "0 4px 10px 0 rgba(0, 0, 0, 0.1)" : "0 -4px 10px 0 rgba(0, 0, 0, 0.1)"
+                    boxShadow: G === "bottom" ? "0 4px 10px 0 rgba(0, 0, 0, 0.1)" : "0 -4px 10px 0 rgba(0, 0, 0, 0.1)"
                   }
                 },
                 ref: U,
@@ -9071,7 +9066,7 @@ const Ae = ({
                             value: Y.id,
                             active: ge,
                             onMouseDown: (ie) => {
-                              ie.preventDefault(), q(Y.id);
+                              ie.preventDefault(), X(Y.id);
                             },
                             style: {
                               borderRadius: "var(--mantine-radius-md)",
@@ -9097,7 +9092,7 @@ const Ae = ({
                                       showPlaceholder: !0
                                     }
                                   ),
-                                  /* @__PURE__ */ e(A, { size: "sm", fw: 400, truncate: !0, children: Y.name }),
+                                  /* @__PURE__ */ e(E, { size: "sm", fw: 400, truncate: !0, children: Y.name }),
                                   ge && /* @__PURE__ */ e(
                                     an,
                                     {
@@ -9123,7 +9118,7 @@ const Ae = ({
                           children: /* @__PURE__ */ e(ke, { size: "sm" })
                         }
                       ),
-                      f && g && !h && /* @__PURE__ */ e("div", { ref: X, style: { height: "20px" } }),
+                      f && g && !h && /* @__PURE__ */ e("div", { ref: H, style: { height: "20px" } }),
                       re.length === 0 && !k && !h && /* @__PURE__ */ e(
                         x,
                         {
@@ -9131,7 +9126,7 @@ const Ae = ({
                             padding: "24px",
                             textAlign: "center"
                           },
-                          children: /* @__PURE__ */ e(A, { size: "sm", c: "dimmed", children: "No users found" })
+                          children: /* @__PURE__ */ e(E, { size: "sm", c: "dimmed", children: "No users found" })
                         }
                       )
                     ] })
@@ -9198,7 +9193,7 @@ const Ae = ({
           p: "xs",
           h: 40,
           children: /* @__PURE__ */ e(
-            A,
+            E,
             {
               size: "sm",
               c: t ? void 0 : "dimmed",
@@ -9385,7 +9380,7 @@ const Ae = ({
                         },
                         children: [
                           /* @__PURE__ */ e(An, { size: 16 }),
-                          /* @__PURE__ */ e(A, { size: "sm", fw: 500, children: "Add avatar" })
+                          /* @__PURE__ */ e(E, { size: "sm", fw: 500, children: "Add avatar" })
                         ]
                       }
                     )
@@ -9413,7 +9408,7 @@ const Ae = ({
                   display: "flex",
                   alignItems: "center"
                 },
-                children: /* @__PURE__ */ e(A, { size: "2.5rem", fw: 700, children: l.title })
+                children: /* @__PURE__ */ e(E, { size: "2.5rem", fw: 700, children: l.title })
               }
             )
           ] }),
@@ -9438,7 +9433,7 @@ const Ae = ({
                     gap: 6
                   },
                   children: [
-                    /* @__PURE__ */ e(A, { size: "sm", fw: 500, c: "var(--mantine-color-blue-5)", children: "Show" }),
+                    /* @__PURE__ */ e(E, { size: "sm", fw: 500, c: "var(--mantine-color-blue-5)", children: "Show" }),
                     /* @__PURE__ */ e(
                       Oe,
                       {
@@ -9478,7 +9473,7 @@ const Ae = ({
                         gap: 6
                       },
                       children: [
-                        /* @__PURE__ */ e(A, { size: "sm", fw: 500, c: "var(--mantine-color-blue-5)", children: "Hide" }),
+                        /* @__PURE__ */ e(E, { size: "sm", fw: 500, c: "var(--mantine-color-blue-5)", children: "Hide" }),
                         /* @__PURE__ */ e(Ve, { size: 16, color: "var(--mantine-color-blue-5)" })
                       ]
                     }
@@ -9644,7 +9639,7 @@ const Ae = ({
           withBorder: !0,
           bg: "transparent",
           position: "left",
-          header: /* @__PURE__ */ e(F, { h: 40, w: "100%", justify: "space-between", wrap: "nowrap", children: /* @__PURE__ */ e(F, { gap: "xs", wrap: "nowrap", children: p && /* @__PURE__ */ e(A, { fw: 600, size: "sm", children: c }) }) })
+          header: /* @__PURE__ */ e(F, { h: 40, w: "100%", justify: "space-between", wrap: "nowrap", children: /* @__PURE__ */ e(F, { gap: "xs", wrap: "nowrap", children: p && /* @__PURE__ */ e(E, { fw: 600, size: "sm", children: c }) }) })
         }
       ) : void 0,
       navbar: /* @__PURE__ */ e(
@@ -9654,7 +9649,7 @@ const Ae = ({
           bg: "transparent",
           position: "left",
           header: /* @__PURE__ */ w(F, { h: 40, w: "100%", justify: "space-between", wrap: "nowrap", children: [
-            /* @__PURE__ */ e(F, { gap: "xs", wrap: "nowrap", children: p && /* @__PURE__ */ e(A, { fw: 600, size: "sm", children: c }) }),
+            /* @__PURE__ */ e(F, { gap: "xs", wrap: "nowrap", children: p && /* @__PURE__ */ e(E, { fw: 600, size: "sm", children: c }) }),
             /* @__PURE__ */ e(
               pe,
               {
@@ -9758,13 +9753,13 @@ const Ae = ({
     }
   );
 }, fa = (n) => /* @__PURE__ */ e(Ri, { children: /* @__PURE__ */ e(Bi, { ...n }) }), Vt = (n, r) => {
-  const t = j(
+  const t = L(
     (a) => {
       const s = Array.isArray(a) ? a : [a];
       n.onUserIdsChange(s);
     },
     [n]
-  ), o = j(
+  ), o = L(
     (a) => {
       const s = Array.isArray(a) ? a : [a], c = r.members.filter(
         (g) => s.includes(g.id)
@@ -10001,7 +9996,7 @@ const Ae = ({
                     },
                     children: [
                       /* @__PURE__ */ e(An, { size: 16 }),
-                      /* @__PURE__ */ e(A, { size: "sm", fw: 500, children: "Add avatar" })
+                      /* @__PURE__ */ e(E, { size: "sm", fw: 500, children: "Add avatar" })
                     ]
                   }
                 )
@@ -10028,7 +10023,7 @@ const Ae = ({
               display: "flex",
               alignItems: "center"
             },
-            children: /* @__PURE__ */ e(A, { size: "2.5rem", fw: 700, children: i.title })
+            children: /* @__PURE__ */ e(E, { size: "2.5rem", fw: 700, children: i.title })
           }
         ) })
       ] }),
@@ -10128,7 +10123,7 @@ const Ae = ({
   properties: r,
   children: t
 }) => /* @__PURE__ */ w($, { gap: "sm", p: "3rem", children: [
-  /* @__PURE__ */ e(A, { size: "2.5rem", fw: 600, children: n }),
+  /* @__PURE__ */ e(E, { size: "2.5rem", fw: 600, children: n }),
   /* @__PURE__ */ e(Be, { h: "md" }),
   /* @__PURE__ */ e($, { gap: "xs", children: r }),
   /* @__PURE__ */ e(Be, { h: "md" }),
@@ -10232,7 +10227,7 @@ const Ae = ({
                         },
                         children: [
                           /* @__PURE__ */ e(An, { size: 16 }),
-                          /* @__PURE__ */ e(A, { size: "sm", fw: 500, children: "Add avatar" })
+                          /* @__PURE__ */ e(E, { size: "sm", fw: 500, children: "Add avatar" })
                         ]
                       }
                     )
@@ -10260,7 +10255,7 @@ const Ae = ({
                   display: "flex",
                   alignItems: "center"
                 },
-                children: /* @__PURE__ */ e(A, { size: "2.5rem", fw: 700, children: c.title })
+                children: /* @__PURE__ */ e(E, { size: "2.5rem", fw: 700, children: c.title })
               }
             )
           ] }),
@@ -10295,7 +10290,7 @@ const Ae = ({
       )
     }
   ),
-  /* @__PURE__ */ e(A, { size: "sm", fw: 500, truncate: !0, c: "var(--mantine-color-gray-9)", children: t }),
+  /* @__PURE__ */ e(E, { size: "sm", fw: 500, truncate: !0, c: "var(--mantine-color-gray-9)", children: t }),
   /* @__PURE__ */ e(x, { w: "10px", h: "10px", mt: "xs", children: ((a) => /* @__PURE__ */ e(
     x,
     {
@@ -10420,53 +10415,53 @@ const Ae = ({
       height: "100%"
     }),
     []
-  ), l = G(null), [d, u] = O(n), p = j(
+  ), l = Q(null), [d, u] = O(n), p = L(
     () => Array.from({ length: t }, () => d),
     [d, t]
-  ), [f, g] = O(p), h = G(f), I = G(null);
+  ), [f, g] = O(p), h = Q(f), I = Q(null);
   _(() => {
     h.current = f;
   }, [f]), _(() => {
-    g((k) => Array.from({ length: t }, (y, T) => {
-      const z = k[T];
+    g((k) => Array.from({ length: t }, (y, D) => {
+      const z = k[D];
       return z === void 0 ? d : Math.max(z, d);
     }));
   }, [t, d]);
-  const m = j(
+  const m = L(
     (k) => (M) => {
       M.preventDefault(), M.stopPropagation();
-      const y = M.pointerId, T = h.current[k] ?? d;
+      const y = M.pointerId, D = h.current[k] ?? d;
       I.current = {
         index: k,
         pointerId: y,
         startY: M.clientY,
-        startHeight: T
+        startHeight: D
       }, M.currentTarget.setPointerCapture(y);
     },
     [d]
-  ), b = j(
+  ), b = L(
     (k) => {
       const M = I.current;
       if (!M || k.pointerId !== M.pointerId)
         return;
       k.preventDefault();
-      const y = k.clientY - M.startY, T = Math.max(d, M.startHeight + y);
+      const y = k.clientY - M.startY, D = Math.max(d, M.startHeight + y);
       g((z) => {
-        if (z[M.index] === T)
+        if (z[M.index] === D)
           return z;
-        const L = [...z];
-        return L[M.index] = T, L;
+        const j = [...z];
+        return j[M.index] = D, j;
       });
     },
     [d]
-  ), v = j((k) => {
+  ), v = L((k) => {
     const M = I.current;
     !M || k.pointerId !== M.pointerId || (k.preventDefault(), k.stopPropagation(), k.currentTarget.releasePointerCapture(k.pointerId), I.current = null);
-  }, []), S = j(
+  }, []), S = L(
     (k) => (M) => {
       M.preventDefault(), M.stopPropagation(), g((y) => {
-        const T = d, z = y[k] ?? T, D = [...y];
-        return z === T ? D[k] = window.innerHeight : D[k] = T, D;
+        const D = d, z = y[k] ?? D, T = [...y];
+        return z === D ? T[k] = window.innerHeight : T[k] = D, T;
       });
     },
     [d]