obeyaka-ui 0.1.32 → 0.1.34

package/dist/index.es.js

@@ -960,7 +960,7 @@ const Po = (n) => {
     fontWeight: 450
   }, H = {
     fontSize: "40px",
-    fontWeight: 700,
+    fontWeight: 750,
     color: "var(--mantine-color-gray-9)",
     border: "none",
     outline: "none",
@@ -1740,7 +1740,7 @@ const Po = (n) => {
       filterTagDropdownPosition: a
     }
   )
-] }), Vi = Object.assign(nr, {
+] }), Qi = Object.assign(nr, {
   Button: jn,
   Filters: Fn
 }), tr = ({
@@ -1967,7 +1967,7 @@ const Po = (n) => {
 }) => /* @__PURE__ */ e(gt, { ...t, children: /* @__PURE__ */ x(W, { gap: "sm", className: n, style: r, children: [
   /* @__PURE__ */ e(It, {}),
   /* @__PURE__ */ e(yt, {})
-] }) }), Gi = Nn, Qi = Object.assign(lr, {
+] }) }), Yi = Nn, Zi = Object.assign(lr, {
   Provider: gt,
   Triggers: It,
   Content: yt
@@ -2056,6 +2056,8 @@ const Po = (n) => {
       ] })
     }
   );
+}, dr = "navlink-module__navlink___nc4pR", ur = {
+  navlink: dr
 }, Gn = ({
   label: n,
   rightLabel: r,
@@ -2063,7 +2065,7 @@ const Po = (n) => {
   onAddChild: o,
   onMenuAction: i,
   menuItems: a,
-  color: c = "gray",
+  color: c = "var(--mantine-color-gray-7)",
   defaultText: s = "No items",
   level: l = 0,
   disabled: d = !1,
@@ -2117,10 +2119,9 @@ const Po = (n) => {
     /* @__PURE__ */ e(
       b,
       {
-        style: {
-          cursor: d ? "not-allowed" : "pointer",
-          borderRadius: "8px"
-        },
+        className: ur.navlink,
+        "data-disabled": d,
+        "data-active": p,
         variant: "transparent",
         justify: "space-between",
         display: "flex",
@@ -2174,7 +2175,7 @@ const Po = (n) => {
                 {
                   size: "sm",
                   fw: 600,
-                  c: "var(--mantine-color-gray-7)",
+                  c,
                   truncate: !0,
                   w: "100%",
                   style: { opacity: d ? 0.5 : 1 },
@@ -2224,8 +2225,8 @@ const Po = (n) => {
     ),
     v && !u && /* @__PURE__ */ e(W, { gap: 0, style: { width: "100%" }, children: T ? U() : /* @__PURE__ */ e(b, { style: { marginLeft: l > 0 ? `${l * 16}px` : "0px" }, children: /* @__PURE__ */ e(E, { size: "sm", c: "dimmed", ta: "left", p: "sm", fw: 500, children: s }) }) })
   ] });
-}, dr = "userChip-module__pill___DgFME", ur = {
-  pill: dr
+}, fr = "userChip-module__pill___DgFME", hr = {
+  pill: fr
 }, yn = ({
   avatar: n,
   name: r,
@@ -2239,7 +2240,7 @@ const Po = (n) => {
     radius: "md",
     p: "0px",
     size: "md",
-    className: ur.pill,
+    className: hr.pill,
     bg: "transparent",
     children: /* @__PURE__ */ x(L, { gap: 4, wrap: "nowrap", style: { alignItems: "center" }, children: [
       /* @__PURE__ */ e(
@@ -2254,7 +2255,7 @@ const Po = (n) => {
       /* @__PURE__ */ e(E, { size: "sm", fw: 450, c: "var(--mantine-color-gray-9)", children: r })
     ] })
   }
-), fr = "200px", hr = "4px 8px", pr = 40, mr = "var(--mantine-radius-md)", gr = 16, Ir = ({
+), pr = "200px", mr = "4px 8px", gr = 40, Ir = "var(--mantine-radius-md)", yr = 16, vr = ({
   item: n,
   withAvatars: r,
   disabled: t = !1,
@@ -2274,11 +2275,11 @@ const Po = (n) => {
         s.stopPropagation();
       },
       style: {
-        minWidth: fr,
+        minWidth: pr,
         backgroundColor: t ? "transparent" : a ? "var(--mantine-color-gray-1)" : "transparent",
         cursor: t ? "default" : "pointer",
-        borderRadius: mr,
-        padding: hr,
+        borderRadius: Ir,
+        padding: mr,
         transition: "background-color 0.2s ease",
         opacity: t ? 0.5 : 1
       },
@@ -2289,7 +2290,7 @@ const Po = (n) => {
           wrap: "nowrap",
           align: "flex-start",
           style: { alignItems: "center" },
-          h: pr,
+          h: gr,
           children: [
             r && n.avatar && /* @__PURE__ */ e(
               "img",
@@ -2327,7 +2328,7 @@ const Po = (n) => {
             i && /* @__PURE__ */ e(
               an,
               {
-                size: gr,
+                size: yr,
                 color: "var(--mantine-color-gray-9)"
               }
             )
@@ -2336,7 +2337,7 @@ const Po = (n) => {
       )
     }
   );
-}, yr = "bottom-end", vr = 1e4, xr = "24px", wr = "0 8px", br = "6px", Qn = "var(--mantine-radius-md)", Mr = "46px", Un = ({
+}, xr = "bottom-end", wr = 1e4, br = "24px", Mr = "0 8px", kr = "6px", Qn = "var(--mantine-radius-md)", Sr = "46px", Un = ({
   value: n,
   onChange: r,
   data: t,
@@ -2360,7 +2361,7 @@ const Po = (n) => {
       },
       style: {
         cursor: "pointer",
-        height: Mr,
+        height: Sr,
         display: "flex",
         alignItems: "center",
         borderRadius: Qn,
@@ -2380,15 +2381,15 @@ const Po = (n) => {
         s || (h(!0), z(!0));
       },
       style: {
-        height: xr,
+        height: br,
         cursor: s ? "not-allowed" : "pointer",
         display: "inline-flex",
         alignItems: "center",
         borderRadius: Qn,
         backgroundColor: s ? "transparent" : m || M ? "var(--mantine-color-gray-1)" : "transparent",
         transition: "background-color 0.2s ease",
-        padding: wr,
-        gap: br,
+        padding: Mr,
+        gap: kr,
         width: "auto",
         opacity: s ? 0.6 : 1,
         ...p
@@ -2428,10 +2429,10 @@ const Po = (n) => {
       onChange: (y) => {
         h(y), y || z(!1);
       },
-      position: yr,
+      position: xr,
       shadow: "md",
       withinPortal: !0,
-      zIndex: vr,
+      zIndex: wr,
       styles: d,
       children: [
         /* @__PURE__ */ e(Fe.Target, { children: S }),
@@ -2457,7 +2458,7 @@ const Po = (n) => {
                   (t || []).map((y) => {
                     const T = c.includes(y.value), B = y.value === n;
                     return /* @__PURE__ */ e(
-                      Ir,
+                      vr,
                       {
                         item: y,
                         withAvatars: i,
@@ -2479,7 +2480,7 @@ const Po = (n) => {
       ]
     }
   );
-}, kr = (n, r, t, o) => {
+}, Cr = (n, r, t, o) => {
   const i = Z(null), a = Z(null), c = j(
     (l) => {
       l[0].isIntersecting && t && !o && r && r();
@@ -2506,7 +2507,7 @@ const Po = (n) => {
   }, []), {
     loadMoreRef: i
   };
-}, Sr = ({
+}, Or = ({
   tableName: n,
   data: r,
   columns: t,
@@ -2532,7 +2533,7 @@ const Po = (n) => {
   hasMore: O = !1,
   onLoadMore: S
 }) => {
-  const [y, T] = C(""), [B, R] = C([]), { loadMoreRef: F } = kr(
+  const [y, T] = C(""), [B, R] = C([]), { loadMoreRef: F } = Cr(
     M,
     S || (() => {
     }),
@@ -2835,10 +2836,10 @@ const Po = (n) => {
     )
   ] });
 };
-Object.assign(Sr, {
+Object.assign(Or, {
   // Future static methods or sub-components can be added here
 });
-const Cr = ({
+const zr = ({
   onAvatarSelect: n,
   onEmojiSelect: r,
   onImageSelect: t,
@@ -2900,7 +2901,7 @@ const Cr = ({
     clearImagePreview: O,
     resetState: S
   };
-}, Or = ({
+}, Rr = ({
   opened: n,
   onClose: r,
   popoverRef: t
@@ -2925,7 +2926,7 @@ const Cr = ({
     handleClickOutside: o,
     handleEscape: i
   };
-}, zr = ({
+}, Dr = ({
   selectedTab: n,
   tabHovered: r,
   onTabChange: t,
@@ -3083,7 +3084,7 @@ const Cr = ({
 };
 let Yn = !1;
 Yn || (To({ data: nn }), Yn = !0);
-const Rr = () => {
+const Tr = () => {
   const n = [
     {
       id: "frequent",
@@ -3135,7 +3136,7 @@ const Rr = () => {
       });
     }
   }), n;
-}, Dr = ({
+}, Br = ({
   onEmojiSelect: n,
   height: r = 200
 }) => {
@@ -3145,7 +3146,7 @@ const Rr = () => {
       return m ? JSON.parse(m) : [];
     }
     return [];
-  }), [l, d] = C([]), [u, p] = C(!1), f = Rr();
+  }), [l, d] = C([]), [u, p] = C(!1), f = Tr();
   G(() => {
     t.trim() ? (p(!0), Bo.search(t).then((m) => {
       d(
@@ -4334,7 +4335,7 @@ const He = [
     name: "Communication",
     icons: Ot
   }
-], Tr = {
+], Er = {
   recent: /* @__PURE__ */ e(ct, { size: 20, strokeWidth: 2.5 }),
   user: /* @__PURE__ */ e(Bn, { size: 20, strokeWidth: 2.5 }),
   business: /* @__PURE__ */ e(wo, { size: 20, strokeWidth: 2.5 }),
@@ -4344,11 +4345,11 @@ const He = [
   shapes: /* @__PURE__ */ e(Mo, { size: 20, strokeWidth: 2.5 }),
   actions: /* @__PURE__ */ e(ko, { size: 20, strokeWidth: 2.5 }),
   communication: /* @__PURE__ */ e(So, { size: 20, strokeWidth: 2.5 })
-}, Br = ({
+}, Ar = ({
   selectedCategory: n,
   onCategoryChange: r
 }) => /* @__PURE__ */ e(nt, { gap: "0px", justify: "center", wrap: "wrap", children: He.map((t) => {
-  const o = Tr[t.id];
+  const o = Er[t.id];
   return /* @__PURE__ */ e(
     Ue,
     {
@@ -4509,7 +4510,7 @@ const He = [
           py: "xs",
           style: { borderTop: "1px solid var(--mantine-color-gray-3)" },
           children: /* @__PURE__ */ e(
-            Br,
+            Ar,
             {
               selectedCategory: i,
               onCategoryChange: g
@@ -4521,7 +4522,7 @@ const He = [
   }
 );
 zt.displayName = "IconGrid";
-const Er = ({
+const Lr = ({
   previewImage: n,
   fileInputRef: r,
   selectedEmoji: t,
@@ -4621,7 +4622,7 @@ const Er = ({
     )
   ] }),
   /* @__PURE__ */ e(E, { size: "xs", c: "var(--mantine-color-gray-6)", ta: "center", children: "Supported formats: JPG, PNG, GIF, WebP" })
-] }) }), Ar = ({ onEmojiSelect: n }) => /* @__PURE__ */ e(Dr, { onEmojiSelect: n, height: 358 }), Lr = ({ onIconSelect: n }) => /* @__PURE__ */ e(zt, { onIconSelect: n, height: 358 }), jr = ({
+] }) }), jr = ({ onEmojiSelect: n }) => /* @__PURE__ */ e(Br, { onEmojiSelect: n, height: 358 }), Fr = ({ onIconSelect: n }) => /* @__PURE__ */ e(zt, { onIconSelect: n, height: 358 }), Nr = ({
   previewImage: n,
   selectedEmoji: r,
   size: t,
@@ -4632,7 +4633,7 @@ const Er = ({
   onClearImagePreview: s,
   fileInputRef: l
 }) => /* @__PURE__ */ e(
-  Er,
+  Lr,
   {
     previewImage: n,
     fileInputRef: l,
@@ -4644,7 +4645,7 @@ const Er = ({
     onImageAccept: c,
     onClearImagePreview: s
   }
-), Fr = () => /* @__PURE__ */ e(
+), Ur = () => /* @__PURE__ */ e(
   b,
   {
     style: {
@@ -4693,10 +4694,10 @@ const Er = ({
     handleIconSelect: F,
     clearImagePreview: _,
     resetState: Y
-  } = Cr({
+  } = zr({
     onAvatarSelect: a
   });
-  Or({
+  Rr({
     opened: r,
     onClose: o,
     popoverRef: g
@@ -4729,8 +4730,8 @@ const Er = ({
         !l && !r && t();
       }
     }
-  ), N = /* @__PURE__ */ e(Ar, { onEmojiSelect: V }), P = /* @__PURE__ */ e(Lr, { onIconSelect: U }), J = /* @__PURE__ */ e(
-    jr,
+  ), N = /* @__PURE__ */ e(jr, { onEmojiSelect: V }), P = /* @__PURE__ */ e(Fr, { onIconSelect: U }), J = /* @__PURE__ */ e(
+    Nr,
     {
       previewImage: k,
       selectedEmoji: M,
@@ -4743,7 +4744,7 @@ const Er = ({
       fileInputRef: h
     }
   ), de = /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(
-    zr,
+    Dr,
     {
       selectedTab: w,
       tabHovered: v,
@@ -4776,7 +4777,7 @@ const Er = ({
             ref: g,
             p: 0,
             style: { width: "auto", overflow: "hidden", zIndex: I },
-            children: /* @__PURE__ */ e(no, { fallback: /* @__PURE__ */ e(Fr, {}), children: de })
+            children: /* @__PURE__ */ e(no, { fallback: /* @__PURE__ */ e(Ur, {}), children: de })
           }
         )
       ]
@@ -4791,15 +4792,15 @@ const Er = ({
       showPlaceholder: u
     }
   ) });
-}, Nr = (n) => {
+}, Wr = (n) => {
   if (!n || typeof n != "string")
     return !1;
   const r = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
   return n.length < 5 || n.length > 254 ? !1 : r.test(n.trim());
-}, Ur = (n) => {
+}, $r = (n) => {
   const r = [];
   return n.forEach((t) => {
-    Nr(t) || r.push({
+    Wr(t) || r.push({
       email: t,
       error: "Please enter a valid email address"
     });
@@ -4807,7 +4808,7 @@ const Er = ({
     isValid: r.length === 0,
     errors: r
   };
-}, Wr = (n) => {
+}, Hr = (n) => {
   const r = [], t = /* @__PURE__ */ new Set();
   return n.forEach((o) => {
     const i = o.toLowerCase().trim();
@@ -4816,13 +4817,13 @@ const Er = ({
       error: "This email has already been added"
     }) : t.add(i);
   }), r;
-}, $r = (n) => {
-  const r = Ur(n), t = Wr(n), o = [...r.errors, ...t];
+}, Pr = (n) => {
+  const r = $r(n), t = Hr(n), o = [...r.errors, ...t];
   return {
     isValid: o.length === 0,
     errors: o
   };
-}, Hr = ({
+}, _r = ({
   value: n,
   onChange: r,
   onInputChange: t,
@@ -4841,7 +4842,7 @@ const Er = ({
     t && t(a);
   }, [a, t]), G(() => {
     if (n.length > 0) {
-      const g = $r(n);
+      const g = Pr(n);
       l(g.errors);
     } else
       l([]);
@@ -4985,7 +4986,7 @@ const Er = ({
       handleEmailChange: w,
       clearInput: v,
       handleInvite: k
-    } = Hr({
+    } = _r({
       value: n,
       onChange: r,
       onInputChange: s,
@@ -5116,7 +5117,7 @@ const Er = ({
       ] })
     ] });
   }
-), Pr = (n) => {
+), Vr = (n) => {
   switch (n) {
     case "member":
       return "green";
@@ -5131,7 +5132,7 @@ const Er = ({
     default:
       return "gray";
   }
-}, _r = (n) => {
+}, Gr = (n) => {
   switch (n) {
     case "member":
       return "Member";
@@ -5146,7 +5147,7 @@ const Er = ({
     default:
       return "Unknown";
   }
-}, Vr = (n) => {
+}, Qr = (n) => {
   if (n) {
     if (typeof n == "object" && "type" in n)
       return n;
@@ -5195,7 +5196,7 @@ const Er = ({
           /* @__PURE__ */ e(
             Oe,
             {
-              avatar: Vr(n.avatar),
+              avatar: Qr(n.avatar),
               size: "md",
               placeholder: l,
               showPlaceholder: !0
@@ -5212,9 +5213,9 @@ const Er = ({
                 {
                   size: "xs",
                   variant: "light",
-                  color: Pr(n.status),
+                  color: Vr(n.status),
                   radius: "sm",
-                  children: _r(n.status)
+                  children: Gr(n.status)
                 }
               )
             ] }),
@@ -5248,7 +5249,7 @@ const Er = ({
       ]
     }
   );
-}, Gr = ({
+}, Yr = ({
   opened: n,
   onClose: r,
   onInvite: t,
@@ -5483,7 +5484,7 @@ const Er = ({
       children: V
     }
   );
-}, Yi = ({
+}, qi = ({
   onInvite: n,
   onUpdateRole: r,
   onRemoveUser: t,
@@ -5495,7 +5496,7 @@ const Er = ({
 }) => {
   const [l, d] = C(!1);
   return /* @__PURE__ */ e(
-    Gr,
+    Yr,
     {
       opened: l,
       onClose: () => d(!1),
@@ -5516,7 +5517,7 @@ const Er = ({
       )
     }
   );
-}, Zi = ({
+}, Xi = ({
   opened: n,
   onClose: r,
   onInvite: t,
@@ -5659,7 +5660,7 @@ const Er = ({
       ] })
     }
   );
-}, qi = ({
+}, Ki = ({
   opened: n,
   onClose: r,
   options: t = [],
@@ -5753,7 +5754,7 @@ const Er = ({
       ]
     }
   );
-}, Qr = (n, r = "es") => {
+}, Zr = (n, r = "es") => {
   const t = /* @__PURE__ */ new Date(), o = typeof n == "string" ? new Date(n) : n, i = Math.floor((t.getTime() - o.getTime()) / 1e3), a = {
     es: {
       now: "ahora",
@@ -5813,19 +5814,19 @@ const Er = ({
     return r === "es" ? `${c.ago} ${p} ${p === 1 ? c.month : c.months}` : `${p} ${p === 1 ? c.month : c.months} ${c.ago}`;
   const f = Math.floor(d / 365);
   return r === "es" ? `${c.ago} ${f} ${f === 1 ? c.year : c.years}` : `${f} ${f === 1 ? c.year : c.years} ${c.ago}`;
-}, Yr = (n, r = "es") => {
+}, qr = (n, r = "es") => {
   const t = typeof n == "string" ? new Date(n) : n, o = {
     es: ["Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Ago", "Sep", "Oct", "Nov", "Dic"],
     en: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
   }, a = (o[r] || o.en)[t.getMonth()], c = t.getDate();
   return r === "es" ? `${c} ${a}` : `${a} ${c}`;
-}, Zr = (n) => {
+}, Xr = (n) => {
   const r = typeof n == "string" ? new Date(n) : n, t = /* @__PURE__ */ new Date();
   return r.toDateString() === t.toDateString();
-}, qr = (n) => {
+}, Kr = (n) => {
   const r = typeof n == "string" ? new Date(n) : n, t = /* @__PURE__ */ new Date();
   return t.setDate(t.getDate() - 1), r.toDateString() === t.toDateString();
-}, Xr = (n, r = "es") => Zr(n) ? r === "es" ? "Hoy" : "Today" : qr(n) ? r === "es" ? "Ayer" : "Yesterday" : Qr(n, r), Kr = ({
+}, Jr = (n, r = "es") => Xr(n) ? r === "es" ? "Hoy" : "Today" : Kr(n) ? r === "es" ? "Ayer" : "Yesterday" : Zr(n, r), ei = ({
   notification: n,
   message: r,
   markAsRead: t,
@@ -5834,7 +5835,7 @@ const Er = ({
   actions: a
 }) => {
   var u, p, f, I, h;
-  const c = (/* @__PURE__ */ new Date()).getTime() - new Date(n.timestamp).getTime() < 6048e5 ? Xr(n.timestamp, "en") : Yr(n.timestamp, "en"), [s, l] = C(!1), d = /* @__PURE__ */ x(
+  const c = (/* @__PURE__ */ new Date()).getTime() - new Date(n.timestamp).getTime() < 6048e5 ? Jr(n.timestamp, "en") : qr(n.timestamp, "en"), [s, l] = C(!1), d = /* @__PURE__ */ x(
     L,
     {
       bg: "var(--mantine-color-gray-1)",
@@ -5948,7 +5949,7 @@ const Er = ({
       ]
     }
   );
-}, Jr = (n, r, t, o, i) => {
+}, ni = (n, r, t, o, i) => {
   const [a, c] = C(!1), s = Z(null), l = Z(null), d = Z(null);
   G(() => {
     c(n);
@@ -5993,7 +5994,7 @@ const Er = ({
     isActive: a,
     loadMoreRef: s
   };
-}, Xi = ({
+}, Ji = ({
   notifications: n,
   isLoading: r = !1,
   isLoadingMore: t = !1,
@@ -6045,7 +6046,7 @@ const Er = ({
       active: p === "archived"
     }
   ], k = (O) => f && O.category && ["welcome", "upgrade"].includes(O.category) ? f(O, s, l) : /* @__PURE__ */ e(
-    Kr,
+    ei,
     {
       notification: O,
       markAsRead: s,
@@ -6054,7 +6055,7 @@ const Er = ({
       actions: O.actions
     },
     O.id
-  ), { isActive: M, loadMoreRef: z } = Jr(
+  ), { isActive: M, loadMoreRef: z } = ni(
     I,
     m,
     d || (() => {
@@ -6071,7 +6072,7 @@ const Er = ({
           Co,
           {
             strokeWidth: 2,
-            size: 20,
+            size: 24,
             color: "var(--mantine-color-gray-7)"
           }
         ),
@@ -6283,7 +6284,7 @@ const Er = ({
       ]
     }
   );
-}, Tt = Sn(void 0), Ki = ({
+}, Tt = Sn(void 0), ea = ({
   children: n
 }) => {
   const [
@@ -6295,12 +6296,12 @@ const Er = ({
     closeNotificationSidebar: o
   };
   return /* @__PURE__ */ e(Tt.Provider, { value: i, children: n });
-}, Ji = () => {
+}, na = () => {
   const n = Cn(Tt);
   if (n === void 0)
     throw new Error("useNavbar must be used within an NavbarProvider");
   return n;
-}, ei = ({
+}, ti = ({
   workspace: n,
   currentUserId: r,
   currentWorkspaceId: t,
@@ -6371,12 +6372,12 @@ const Er = ({
       ]
     }
   );
-}, ni = "workspace-selector-module__menuItem___FSB6P", ti = "workspace-selector-module__workspaceButton___-P6kp", oi = "workspace-selector-module__workspaceText___YDAlj", ri = "workspace-selector-module__scrollWrapper___MzrJY", vn = {
-  menuItem: ni,
-  workspaceButton: ti,
-  workspaceText: oi,
-  scrollWrapper: ri
-}, ea = ({
+}, oi = "workspace-selector-module__menuItem___FSB6P", ri = "workspace-selector-module__workspaceButton___-P6kp", ii = "workspace-selector-module__workspaceText___YDAlj", ai = "workspace-selector-module__scrollWrapper___MzrJY", vn = {
+  menuItem: oi,
+  workspaceButton: ri,
+  workspaceText: ii,
+  scrollWrapper: ai
+}, ta = ({
   workspaces: n = [],
   currentWorkspace: r,
   currentUserId: t,
@@ -6461,8 +6462,8 @@ const Er = ({
                     E,
                     {
                       size: "sm",
-                      fw: 500,
-                      c: "gray.9",
+                      fw: 550,
+                      c: "var(--mantine-color-gray-9)",
                       truncate: !0,
                       style: { flex: 1, minWidth: 0 },
                       children: r.name
@@ -6499,7 +6500,8 @@ const Er = ({
           pe.Dropdown,
           {
             style: {
-              borderRadius: "var(--mantine-radius-md)"
+              borderRadius: "var(--mantine-radius-md)",
+              boxShadow: "var(--mantine-shadow-md)"
             },
             p: 0,
             children: /* @__PURE__ */ x(W, { gap: 0, children: [
@@ -6546,7 +6548,7 @@ const Er = ({
                       y.currentTarget.style.backgroundColor = "transparent";
                     },
                     children: /* @__PURE__ */ e(
-                      ei,
+                      ti,
                       {
                         workspace: S,
                         currentUserId: t,
@@ -7407,7 +7409,7 @@ const qe = ({
       ]
     }
   );
-}, ii = (n) => {
+}, ci = (n) => {
   const {
     totalBlocksLeft: r = 0,
     totalBlocksRight: t = 0,
@@ -7625,7 +7627,7 @@ const qe = ({
     }, [])
   };
   return [u, I, f];
-}, ai = (n, r = 0, t = 0, o = 0, i = 0) => {
+}, si = (n, r = 0, t = 0, o = 0, i = 0) => {
   const [a, c] = C({
     width: typeof window < "u" ? window.innerWidth : 1920,
     height: typeof window < "u" ? window.innerHeight : 1080
@@ -7739,7 +7741,7 @@ const qe = ({
       blocksDown: D
     };
   }, [a, n, r, t, o, i]);
-}, ci = ({
+}, li = ({
   gap: n,
   cellSize: r,
   blocksLeft: t,
@@ -7768,7 +7770,7 @@ const qe = ({
   const y = X(
     () => c !== void 0 || s !== void 0 || l !== void 0 || d !== void 0,
     [c, s, l, d]
-  ), T = ai(
+  ), T = si(
     {
       gap: n,
       cellSize: r,
@@ -7836,7 +7838,7 @@ const qe = ({
     finalCellSize: F,
     gridDimensions: _
   };
-}, si = ({
+}, di = ({
   blockItems: n
 }) => {
   const r = X(() => n.reduce((i, a) => (i[a.id] = a, i), {}), [n]);
@@ -7882,7 +7884,7 @@ const qe = ({
       return l.join(", ");
     }
   };
-}, li = ({ blockConnections: n }) => {
+}, ui = ({ blockConnections: n }) => {
   const r = X(() => {
     const o = /* @__PURE__ */ new Map();
     return n.forEach((i) => {
@@ -7902,7 +7904,7 @@ const qe = ({
       return "empty";
     }
   };
-}, di = ({
+}, fi = ({
   usePagination: n,
   totalBlocksLeft: r,
   totalBlocksRight: t,
@@ -7957,7 +7959,7 @@ const qe = ({
       };
     }
   };
-}, ui = ({
+}, hi = ({
   blockItems: n,
   blockConnections: r
 }) => {
@@ -8052,7 +8054,7 @@ const qe = ({
     clearFiltering: h,
     getFilteredBlockIds: l
   };
-}, qn = (n) => parseInt(n.replace(/[^\d]/g, ""), 10) || 0, fi = (n, r) => {
+}, qn = (n) => parseInt(n.replace(/[^\d]/g, ""), 10) || 0, pi = (n, r) => {
   const [t, o] = C({ width: 0, height: 0 }), i = j(() => {
     const { width: a, height: c } = t;
     if (a === 0 || c === 0)
@@ -8101,7 +8103,7 @@ const qe = ({
       c.disconnect();
     };
   }, [n]), i();
-}, hi = {
+}, mi = {
   verticalMinPercent: 20,
   // Minimum 20% of height for vertical blocks
   verticalMaxPercent: 50,
@@ -8116,7 +8118,7 @@ const qe = ({
   // Minimum 4 total horizontal blocks (2 left + 2 right)
   cellSize: "50px",
   gap: "8px"
-}, pi = ({
+}, gi = ({
   children: n,
   style: r,
   gap: t = "8px",
@@ -8167,8 +8169,8 @@ const qe = ({
   directionTexts: A,
   ...N
 }) => {
-  const P = Z(null), J = fi(P, {
-    ...hi,
+  const P = Z(null), J = pi(P, {
+    ...mi,
     cellSize: o,
     gap: t,
     ...c
@@ -8180,7 +8182,7 @@ const qe = ({
     finalBlocks: ee,
     finalCellSize: ye,
     gridDimensions: Qe
-  } = ci({
+  } = li({
     gap: t,
     cellSize: o,
     blocksLeft: de,
@@ -8205,11 +8207,11 @@ const qe = ({
     responsiveCellSize: $,
     minCellSize: q,
     maxCellSize: D
-  }), { getBlockContent: Ye, getIntersectionText: Qt } = si({
+  }), { getBlockContent: Ye, getIntersectionText: Qt } = di({
     blockItems: f
-  }), { getConnectionStateFromText: Yt } = li({
+  }), { getConnectionStateFromText: Yt } = ui({
     blockConnections: I
-  }), ne = ui({
+  }), ne = hi({
     blockItems: f,
     blockConnections: I
   });
@@ -8221,7 +8223,7 @@ const qe = ({
     };
     return window.addEventListener("keydown", dn), () => window.removeEventListener("keydown", dn);
   }, [h, ne]);
-  const [ve, Zt, qt] = ii({
+  const [ve, Zt, qt] = ci({
     totalBlocksLeft: m ?? 0,
     totalBlocksRight: w ?? 0,
     totalBlocksUp: v ?? 0,
@@ -8230,7 +8232,7 @@ const qe = ({
     visibleBlocksRight: ee.right,
     visibleBlocksUp: ee.up,
     visibleBlocksDown: ee.down
-  }), { getNavigationControlProps: Re } = di({
+  }), { getNavigationControlProps: Re } = fi({
     usePagination: Gt,
     totalBlocksLeft: m,
     totalBlocksRight: w,
@@ -8262,7 +8264,7 @@ const qe = ({
       children: [
         Array.from({ length: Qe.totalRows }, (dn, ae) => Array.from(
           { length: Qe.totalColumns },
-          (Bi, ue) => {
+          (Ai, ue) => {
             const un = ee.up > 0 ? ae === ee.up : ae === 0, fn = ue === ee.left;
             if (un && fn)
               return /* @__PURE__ */ x(
@@ -8450,7 +8452,7 @@ const qe = ({
     }
   );
 };
-pi.displayName = "Matrix";
+gi.displayName = "Matrix";
 const Ae = ({
   editable: n = !1,
   children: r,
@@ -8512,7 +8514,7 @@ const Ae = ({
       }
     )
   ] });
-}, na = ({
+}, oa = ({
   label: n,
   icon: r,
   value: t,
@@ -8543,7 +8545,7 @@ const Ae = ({
     icon: r,
     value: /* @__PURE__ */ e(E, { size: "sm", c: t ? void 0 : "dimmed", fw: 500, truncate: !0, children: t || a || "—" })
   }
-), ta = ({
+), ra = ({
   label: n,
   icon: r,
   href: t,
@@ -8556,7 +8558,7 @@ const Ae = ({
     icon: r,
     value: /* @__PURE__ */ e(rt, { href: t, target: i, size: "sm", underline: "hover", children: o || t })
   }
-), oa = ({
+), ia = ({
   label: n,
   icon: r,
   value: t,
@@ -8599,11 +8601,11 @@ const Ae = ({
       value: /* @__PURE__ */ e(E, { size: "sm", c: s !== null ? void 0 : "dimmed", children: l || c || "—" })
     }
   );
-}, mi = 300, gi = ({
+}, Ii = 300, yi = ({
   users: n,
   onSearch: r,
   debounceSearch: t = !0,
-  debounceDelay: o = mi
+  debounceDelay: o = Ii
 }) => {
   const [i, a] = C(""), [c, s] = C(n), [l, d] = C(!1), u = Z(null);
   return G(() => {
@@ -8638,7 +8640,7 @@ const Ae = ({
     setDisplayedUsers: s,
     isSearching: l
   };
-}, Ii = ({
+}, vi = ({
   value: n,
   multiple: r,
   users: t,
@@ -8666,7 +8668,7 @@ const Ae = ({
     selectedUsers: s,
     sortedUsers: d
   };
-}, yi = ({
+}, xi = ({
   isFocused: n,
   dropdownRef: r
 }) => {
@@ -8707,7 +8709,7 @@ const Ae = ({
     placement: t,
     dropdownRefCallback: i
   };
-}, vi = ({
+}, wi = ({
   onLoadMore: n,
   hasMore: r,
   loading: t,
@@ -8731,7 +8733,7 @@ const Ae = ({
   }, [n, r, t, o]), {
     loadMoreRef: i
   };
-}, xi = ({
+}, bi = ({
   combobox: n,
   dropdownRef: r
 }) => {
@@ -8759,7 +8761,7 @@ const Ae = ({
     handleMouseEnter: l,
     handleMouseLeave: d
   };
-}, wi = ({
+}, Mi = ({
   multiple: n,
   value: r,
   onChange: t,
@@ -8788,7 +8790,7 @@ const Ae = ({
     handleSelect: i,
     handleRemove: a
   };
-}, bi = "40px", Mi = 300, Ne = ({
+}, ki = "40px", Si = 300, Ne = ({
   editable: n = !1,
   label: r,
   icon: t,
@@ -8800,7 +8802,7 @@ const Ae = ({
   disabled: l = !1,
   onSearch: d,
   debounceSearch: u = !0,
-  debounceDelay: p = Mi,
+  debounceDelay: p = Si,
   onLoadMore: f,
   hasMore: I = !1,
   loading: h = !1
@@ -8811,7 +8813,7 @@ const Ae = ({
     displayedUsers: M,
     setDisplayedUsers: z,
     isSearching: O
-  } = gi({
+  } = yi({
     users: i,
     onSearch: d,
     debounceSearch: u,
@@ -8831,25 +8833,25 @@ const Ae = ({
     handleBlur: F,
     handleMouseEnter: _,
     handleMouseLeave: Y
-  } = xi({
+  } = bi({
     combobox: S,
     dropdownRef: w
-  }), { placement: V, dropdownRefCallback: U } = yi({
+  }), { placement: V, dropdownRefCallback: U } = xi({
     isFocused: y,
     dropdownRef: w
-  }), { selectedIds: K, selectedUsers: H, sortedUsers: re } = Ii({
+  }), { selectedIds: K, selectedUsers: H, sortedUsers: re } = vi({
     value: o,
     multiple: s,
     users: i,
     displayedUsers: M,
     searchQuery: v,
     onSearch: d
-  }), { loadMoreRef: $ } = vi({
+  }), { loadMoreRef: $ } = wi({
     onLoadMore: f,
     hasMore: I,
     loading: h,
     setDisplayedUsers: z
-  }), { handleSelect: q, handleRemove: D } = wi({
+  }), { handleSelect: q, handleRemove: D } = Mi({
     multiple: s,
     value: o,
     onChange: a,
@@ -9051,7 +9053,7 @@ const Ae = ({
                   Se,
                   {
                     ref: m,
-                    h: Math.min(re.length * parseFloat(bi), 300),
+                    h: Math.min(re.length * parseFloat(ki), 300),
                     scrollbarSize: 6,
                     children: /* @__PURE__ */ x(W, { gap: 2, children: [
                       re.map((Q) => {
@@ -9243,7 +9245,7 @@ const Ae = ({
       )
     }
   );
-}, ra = ({
+}, aa = ({
   opened: n,
   onClose: r,
   children: t,
@@ -9280,7 +9282,7 @@ const Ae = ({
       t
     ]
   }
-), ki = ({
+), Ci = ({
   opened: n,
   onClose: r,
   editable: t,
@@ -9483,7 +9485,7 @@ const Ae = ({
       ]
     }
   );
-}, ia = ({
+}, ca = ({
   children: n
 }) => /* @__PURE__ */ e(
   b,
@@ -9499,7 +9501,7 @@ const Ae = ({
   }
 ), $t = Sn(
   void 0
-), Si = ({
+), Oi = ({
   children: n
 }) => {
   const [r, { toggle: t, open: o, close: i }] = Ke(!0), [
@@ -9531,7 +9533,7 @@ const Ae = ({
   if (n === void 0)
     throw new Error("useAppLayout must be used within an AppLayoutProvider");
   return n;
-}, Ci = ({
+}, zi = ({
   header: n,
   navbar: r,
   aside: t,
@@ -9589,7 +9591,7 @@ const Ae = ({
       ]
     }
   );
-}, Oi = ({ items: n, selectedId: r, onSelect: t }) => /* @__PURE__ */ e(W, { gap: 0, children: n.map((o) => {
+}, Ri = ({ items: n, selectedId: r, onSelect: t }) => /* @__PURE__ */ e(W, { gap: 0, children: n.map((o) => {
   var i;
   return /* @__PURE__ */ e(
     Gn,
@@ -9612,7 +9614,7 @@ const Ae = ({
     },
     o.id
   );
-}) }), zi = ({
+}) }), Di = ({
   items: n,
   selectedId: r,
   onSelect: t,
@@ -9627,7 +9629,7 @@ const Ae = ({
 }) => {
   const { opened: p, toggle: f } = Ht(), [I, h] = C(r), g = r ?? I;
   return /* @__PURE__ */ e(
-    Ci,
+    zi,
     {
       header: l ? /* @__PURE__ */ e(
         Zn,
@@ -9675,7 +9677,7 @@ const Ae = ({
                 }
               },
               children: /* @__PURE__ */ e(
-                Oi,
+                Ri,
                 {
                   items: n,
                   selectedId: g,
@@ -9748,7 +9750,7 @@ const Ae = ({
       )
     }
   );
-}, aa = (n) => /* @__PURE__ */ e(Si, { children: /* @__PURE__ */ e(zi, { ...n }) }), Pt = (n, r) => {
+}, sa = (n) => /* @__PURE__ */ e(Oi, { children: /* @__PURE__ */ e(Di, { ...n }) }), Pt = (n, r) => {
   const t = j(
     (a) => {
       const c = Array.isArray(a) ? a : [a];
@@ -9781,7 +9783,7 @@ const Ae = ({
     handleResponsibleChange: t,
     handleMembersChange: o
   };
-}, ca = ({
+}, la = ({
   opened: n,
   onClose: r,
   onMaximize: t,
@@ -9876,7 +9878,7 @@ const Ae = ({
     ]
   );
   return /* @__PURE__ */ e(
-    ki,
+    Ci,
     {
       opened: n,
       onClose: r,
@@ -9894,7 +9896,7 @@ const Ae = ({
       }
     }
   );
-}, Ri = ({
+}, Ti = ({
   isSidebarOpen: n,
   fullWidth: r = !1,
   editable: t,
@@ -10028,7 +10030,7 @@ const Ae = ({
       s
     ] }) })
   ] });
-}, Di = ({
+}, Bi = ({
   editable: n,
   owner: r,
   descriptionProps: t,
@@ -10096,7 +10098,7 @@ const Ae = ({
       "members"
     )
   ] });
-}, sa = ({
+}, da = ({
   editable: n,
   headerProps: r,
   rightNavigation: t,
@@ -10104,17 +10106,17 @@ const Ae = ({
   children: i,
   footer: a
 }) => /* @__PURE__ */ e(
-  Ri,
+  Ti,
   {
     isSidebarOpen: !0,
     editable: n,
     rightNavigation: t,
     headerProps: r,
-    properties: /* @__PURE__ */ e(Di, { ...o }),
+    properties: /* @__PURE__ */ e(Bi, { ...o }),
     children: i,
     footer: a
   }
-), la = ({
+), ua = ({
   title: n,
   properties: r,
   children: t
@@ -10124,7 +10126,7 @@ const Ae = ({
   /* @__PURE__ */ e(W, { gap: "xs", children: r }),
   /* @__PURE__ */ e(Be, { h: "md" }),
   /* @__PURE__ */ e(b, { children: t })
-] }), da = ({
+] }), fa = ({
   opened: n,
   onClose: r,
   position: t,
@@ -10262,27 +10264,29 @@ const Ae = ({
       ] })
     }
   );
-}, Ti = ho({
+}, Ei = ho({
   /** Put your mantine theme override here */
   primaryColor: "blue",
-  fontFamily: "Inter, system-ui, Avenir, Helvetica, Arial, sans-serif",
+  fontFamily: '"Inter Variable", Inter, system-ui, Avenir, Helvetica, Arial, sans-serif',
   fontFamilyMonospace: "Monaco, Courier, monospace",
   headings: {
-    fontFamily: "Inter, system-ui, Avenir, Helvetica, Arial, sans-serif"
+    fontFamily: '"Inter Variable", Inter, system-ui, Avenir, Helvetica, Arial, sans-serif'
   },
   colors: {
-    // gray: [
-    //   '#f6f5f4',
-    //   '#e8e8e8',
-    //   '#cfcfcf',
-    //   '#b5b5b5',
-    //   '#9f9e9d',
-    //   '#91908c',
-    //   '#8b8983',
-    //   '#787670',
-    //   '#6b6962',
-    //   '#37352f',
-    // ],
+    gray: [
+      "#f9f8f7",
+      "#f1f0ef",
+      //'#e8e8e8',
+      "#dfdedd",
+      //'#cfcfcf',
+      "#b5b5b5",
+      "#9f9e9d",
+      "#91908c",
+      "#8b8983",
+      "#787670",
+      "#6b6962",
+      "#37352f"
+    ]
     // gray: [
     //   '#f1f1ef',
     //   '#e9e9e9',
@@ -10301,11 +10305,11 @@ const Ae = ({
     // Override component styles here
   }
 });
-function ua({
+function ha({
   children: n,
   theme: r
 }) {
-  return /* @__PURE__ */ x(po, { theme: r || Ti, children: [
+  return /* @__PURE__ */ x(po, { theme: r || Ei, children: [
     /* @__PURE__ */ e(Ao, {}),
     /* @__PURE__ */ e(Lo, { children: /* @__PURE__ */ e(jo, { settings: { firstDayOfWeek: 0 }, children: n }) })
   ] });
@@ -10313,65 +10317,65 @@ function ua({
 export {
   he as ActionButton,
   Ee as ActionIcon,
-  Ci as AppLayout,
-  Si as AppLayoutProvider,
+  zi as AppLayout,
+  Oi as AppLayoutProvider,
   Wn as AvatarSelector,
-  la as BaseLayout,
+  ua as BaseLayout,
   Oe as BoxAvatar,
-  ra as CenterPeek,
-  aa as DocsTemplate,
+  aa as CenterPeek,
+  sa as DocsTemplate,
   cn as EditableText,
   Xo as EditableTextarea,
   No as EmojiAvatar,
   Ko as ExpandableSearch,
-  Vi as FilterDropdown,
+  Qi as FilterDropdown,
   jn as FilterDropdownButton,
   Fn as FilterDropdownFilters,
-  Qi as FloatingIndicator,
+  Zi as FloatingIndicator,
   yt as FloatingIndicatorContent,
   gt as FloatingIndicatorProvider,
   It as FloatingIndicatorTriggers,
-  ia as FullPage,
-  Sr as GenericTable,
+  ca as FullPage,
+  Or as GenericTable,
   _o as IconAvatar,
   Go as ImageAvatar,
   on as InvitedUserCard,
-  ta as LinkProperty,
+  ra as LinkProperty,
   qo as Logo,
-  pi as Matrix,
+  gi as Matrix,
   tn as Menu,
-  qi as ModalSettings,
+  Ki as ModalSettings,
   vt as NavButton,
   Gn as NavLink,
   Zn as Navbar,
-  Ki as NavbarProvider,
-  Xi as NotificationSidebar,
-  oa as NumberProperty,
-  Ri as PageLayout,
+  ea as NavbarProvider,
+  Ji as NotificationSidebar,
+  ia as NumberProperty,
+  Ti as PageLayout,
   Ae as PageProperty,
   Mn as PlaceholderAvatar,
-  Ir as PopoverItem,
+  vr as PopoverItem,
   Un as PopoverSelector,
   Ne as SelectUserProperty,
-  Yi as ShareButton,
-  Gr as ShareMenu,
-  Zi as ShareModal,
-  ki as SidePeek,
-  da as SidePeekLayout,
-  sa as TeamPage,
-  Di as TeamProperties,
-  ca as TeamSidePeek,
+  qi as ShareButton,
+  Yr as ShareMenu,
+  Xi as ShareModal,
+  Ci as SidePeek,
+  fa as SidePeekLayout,
+  da as TeamPage,
+  Bi as TeamProperties,
+  la as TeamSidePeek,
   Ln as TextButton,
-  na as TextProperty,
+  oa as TextProperty,
   Wt as TextareaProperty,
-  ua as ThemeProvider,
+  ha as ThemeProvider,
   yn as UserChip,
-  ea as WorkspaceSelector,
-  ei as WorkspaceSelectorItem,
+  ta as WorkspaceSelector,
+  ti as WorkspaceSelectorItem,
   Yo as getInitialsFromName,
-  Ti as theme,
+  Ei as theme,
   Ht as useAppLayout,
-  Gi as useFloatingIndicator,
-  Ji as useNavbar,
+  Yi as useFloatingIndicator,
+  na as useNavbar,
   Pt as useTeamProperties
 };