@blocknote/mantine 0.42.2 → 0.43.0

package/dist/blocknote-mantine.js

@@ -1,7 +1,7 @@
 import { jsx as s, jsxs as v } from "react/jsx-runtime";
 import { assertEmpty as u, isSafari as R, mergeCSSClasses as B, COLORS_DEFAULT as re, COLORS_DARK_MODE_DEFAULT as se } from "@blocknote/core";
 import { mergeRefs as ie, useDictionary as ae, useBlockNoteContext as H, FormattingToolbarController as le, getFormattingToolbarItems as ce, FormattingToolbar as de, elementOverflow as K, usePrefersColorScheme as ue, ComponentsContext as me, BlockNoteViewRaw as ge } from "@blocknote/react";
-import { Button as T, ActionIcon as E, Tooltip as U, Stack as L, Text as C, Group as h, Chip as fe, Divider as be, Card as W, Skeleton as $, Avatar as he, TextInput as q, Menu as p, CheckIcon as z, Tabs as k, LoadingOverlay as pe, FileInput as ve, PopoverDropdown as Se, PopoverTarget as ye, Popover as we, Badge as xe, Loader as Z, Flex as Ce, MantineContext as Ne, MantineProvider as Te } from "@mantine/core";
+import { Button as T, ActionIcon as E, Tooltip as U, Stack as L, Text as C, Group as b, Chip as fe, Divider as he, Card as W, Skeleton as $, Avatar as be, TextInput as q, Menu as p, CheckIcon as z, Tabs as k, LoadingOverlay as pe, FileInput as ve, PopoverDropdown as Se, PopoverTarget as ye, Popover as we, Badge as xe, Loader as Z, Flex as Ce, MantineContext as Ne, MantineProvider as Te } from "@mantine/core";
 import N, { forwardRef as m, useState as J, useContext as Q, createContext as Pe, useRef as X, useEffect as Y, useCallback as ke } from "react";
 import { useHover as Fe, mergeRefs as j, useFocusWithin as Me, useFocusTrap as Oe } from "@mantine/hooks";
 const ee = (e, n, t = !1) => {
@@ -98,7 +98,7 @@ const ee = (e, n, t = !1) => {
       isDisabled: c,
       onClick: d,
       label: f,
-      variant: b,
+      variant: h,
       ...S
     } = e;
     u(S, !1);
@@ -117,7 +117,7 @@ const ee = (e, n, t = !1) => {
         "aria-pressed": l,
         "data-selected": l || void 0,
         "data-test": r ? r.slice(0, 1).toLowerCase() + r.replace(/\s+/g, "").slice(1) : void 0,
-        size: b === "compact" ? "compact-xs" : "xs",
+        size: h === "compact" ? "compact-xs" : "xs",
         disabled: c || !1,
         ref: n,
         ...S,
@@ -138,7 +138,7 @@ const ee = (e, n, t = !1) => {
         "aria-pressed": l,
         "data-selected": l || void 0,
         "data-test": r ? r.slice(0, 1).toLowerCase() + r.replace(/\s+/g, "").slice(1) : void 0,
-        size: b === "compact" ? 20 : 30,
+        size: h === "compact" ? 20 : 30,
         disabled: c || !1,
         ref: n,
         ...S,
@@ -174,7 +174,7 @@ const ee = (e, n, t = !1) => {
     ...f
   } = e;
   u(f, !1);
-  const [b, S] = J(!1), x = /* @__PURE__ */ v(
+  const [h, S] = J(!1), x = /* @__PURE__ */ v(
     fe,
     {
       className: t,
@@ -195,7 +195,7 @@ const ee = (e, n, t = !1) => {
       ]
     }
   );
-  return !a || b ? x : /* @__PURE__ */ s(
+  return !a || h ? x : /* @__PURE__ */ s(
     U,
     {
       refProp: "rootRef",
@@ -212,7 +212,7 @@ const ee = (e, n, t = !1) => {
   );
 }), ze = m((e, n) => {
   const { className: t, children: o, ...r } = e;
-  return u(r), /* @__PURE__ */ s(h, { className: t, ref: n, children: o });
+  return u(r), /* @__PURE__ */ s(b, { className: t, ref: n, children: o });
 }), Be = m((e, n) => {
   const {
     className: t,
@@ -244,7 +244,7 @@ const ee = (e, n, t = !1) => {
 }), Le = m((e, n) => {
   const { className: t, children: o, ...r } = e;
   return u(r, !1), /* @__PURE__ */ s(
-    be,
+    he,
     {
       className: t,
       label: /* @__PURE__ */ s(C, { children: o }),
@@ -253,12 +253,12 @@ const ee = (e, n, t = !1) => {
   );
 }), je = m((e, n) => {
   const { authorInfo: t, timeString: o, edited: r, ...i } = e, a = ae();
-  return u(i, !1), t === "loading" ? /* @__PURE__ */ v(h, { children: [
+  return u(i, !1), t === "loading" ? /* @__PURE__ */ v(b, { children: [
     /* @__PURE__ */ s($, { height: 24, width: 24 }),
     /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s($, { height: 12, width: 100 }) })
-  ] }) : /* @__PURE__ */ v(h, { children: [
+  ] }) : /* @__PURE__ */ v(b, { children: [
     /* @__PURE__ */ s(
-      he,
+      be,
       {
         src: t.avatarUrl,
         alt: t.username,
@@ -287,10 +287,10 @@ const ee = (e, n, t = !1) => {
     emojiPickerOpen: c,
     children: d,
     ...f
-  } = e, { hovered: b, ref: S } = Fe(), x = ie([n, S]);
-  return u(f, !1), /* @__PURE__ */ v(h, { pos: "relative", ref: x, className: t, children: [
-    l && (o === !0 || o === void 0 || o === "hover" && b || c) ? /* @__PURE__ */ s(
-      h,
+  } = e, { hovered: h, ref: S } = Fe(), x = ie([n, S]);
+  return u(f, !1), /* @__PURE__ */ v(b, { pos: "relative", ref: x, className: t, children: [
+    l && (o === !0 || o === void 0 || o === "hover" && h || c) ? /* @__PURE__ */ s(
+      b,
       {
         style: {
           position: "absolute",
@@ -348,7 +348,7 @@ const ee = (e, n, t = !1) => {
     autoFocus: c,
     placeholder: d,
     disabled: f,
-    onKeyDown: b,
+    onKeyDown: h,
     onChange: S,
     onSubmit: x,
     autoComplete: y,
@@ -373,7 +373,7 @@ const ee = (e, n, t = !1) => {
       rightSection: P,
       placeholder: d,
       disabled: f,
-      onKeyDown: b,
+      onKeyDown: h,
       onChange: S,
       onSubmit: x,
       autoComplete: y
@@ -519,7 +519,7 @@ const ee = (e, n, t = !1) => {
     loading: l,
     ...c
   } = e;
-  return u(c), /* @__PURE__ */ s(h, { className: t, ref: n, children: /* @__PURE__ */ v(
+  return u(c), /* @__PURE__ */ s(b, { className: t, ref: n, children: /* @__PURE__ */ v(
     k,
     {
       value: i,
@@ -588,16 +588,17 @@ const ee = (e, n, t = !1) => {
     }
   );
 }), nt = (e) => {
-  const { opened: n, position: t, children: o, ...r } = e;
-  return u(r), /* @__PURE__ */ s(
+  const { open: n, onOpenChange: t, position: o, children: r, ...i } = e;
+  return u(i), /* @__PURE__ */ s(
     we,
     {
       middlewares: { size: { padding: 20 } },
       withinPortal: !1,
       opened: n,
-      position: t,
+      onChange: t,
+      position: o,
       zIndex: 1e4,
-      children: o
+      children: r
     }
   );
 }, ot = (e) => {
@@ -615,7 +616,7 @@ const ee = (e, n, t = !1) => {
 }), st = m((e, n) => {
   const { className: t, children: o, ...r } = e;
   return u(r, !1), /* @__PURE__ */ s(
-    h,
+    b,
     {
       align: "center",
       gap: 0,
@@ -680,7 +681,7 @@ const ee = (e, n, t = !1) => {
   );
 }), lt = m((e, n) => {
   const { className: t, children: o, ...r } = e;
-  return u(r), /* @__PURE__ */ s(h, { className: t, ref: n, children: /* @__PURE__ */ s(h, { className: "bn-mt-suggestion-menu-item-title", children: o }) });
+  return u(r), /* @__PURE__ */ s(b, { className: t, ref: n, children: /* @__PURE__ */ s(b, { className: "bn-mt-suggestion-menu-item-title", children: o }) });
 }), ct = m((e, n) => {
   const { className: t, isSelected: o, onClick: r, item: i, id: a, ...l } = e;
   u(l);
@@ -695,7 +696,7 @@ const ee = (e, n, t = !1) => {
     );
     d === "top" ? c.current.scrollIntoView(!0) : d === "bottom" && c.current.scrollIntoView(!1);
   }, [o]), /* @__PURE__ */ v(
-    h,
+    b,
     {
       gap: 0,
       className: t,
@@ -707,7 +708,7 @@ const ee = (e, n, t = !1) => {
       "aria-selected": o || void 0,
       children: [
         i.icon && /* @__PURE__ */ s(
-          h,
+          b,
           {
             className: "bn-mt-suggestion-menu-item-section",
             "data-position": "left",
@@ -719,7 +720,7 @@ const ee = (e, n, t = !1) => {
           /* @__PURE__ */ s(C, { className: "bn-mt-suggestion-menu-item-subtitle", children: i.subtext })
         ] }),
         i.badge && /* @__PURE__ */ s(
-          h,
+          b,
           {
             "data-position": "right",
             className: "bn-mt-suggestion-menu-item-section",
@@ -731,7 +732,7 @@ const ee = (e, n, t = !1) => {
   );
 }), dt = m((e, n) => {
   const { className: t, children: o, ...r } = e;
-  return u(r), /* @__PURE__ */ s(h, { className: t, ref: n, children: o });
+  return u(r), /* @__PURE__ */ s(b, { className: t, ref: n, children: o });
 }), ut = m((e, n) => {
   const { className: t, ...o } = e;
   return u(o), /* @__PURE__ */ s(Z, { className: t, type: "dots", size: 16, ref: n });
@@ -751,12 +752,12 @@ const ee = (e, n, t = !1) => {
 }), gt = m((e, n) => {
   const { className: t, children: o, columns: r, ...i } = e;
   return u(i), /* @__PURE__ */ s(
-    h,
+    b,
     {
       className: t,
       style: { gridColumn: `1 / ${r + 1}` },
       ref: n,
-      children: /* @__PURE__ */ s(h, { className: "bn-mt-suggestion-menu-item-title", children: o })
+      children: /* @__PURE__ */ s(b, { className: "bn-mt-suggestion-menu-item-title", children: o })
     }
   );
 }), ft = m((e, n) => {
@@ -783,7 +784,7 @@ const ee = (e, n, t = !1) => {
       children: i.icon
     }
   );
-}), bt = m((e, n) => {
+}), ht = m((e, n) => {
   const {
     className: t,
     children: o,
@@ -800,7 +801,7 @@ const ee = (e, n, t = !1) => {
       ref: n
     }
   );
-}), ht = m((e, n) => {
+}), bt = m((e, n) => {
   const { children: t, className: o, onMouseDown: r, onClick: i, ...a } = e;
   return u(a, !1), /* @__PURE__ */ s(
     T,
@@ -849,12 +850,12 @@ const ee = (e, n, t = !1) => {
       ...l
     } = e;
     u(l);
-    const { ref: c, focused: d } = Me(), f = Oe(d), b = j(n, c, f);
+    const { ref: c, focused: d } = Me(), f = Oe(d), h = j(n, c, f);
     return /* @__PURE__ */ s(
       Ce,
       {
         className: t,
-        ref: b,
+        ref: h,
         role: "toolbar",
         onMouseEnter: r,
         onMouseLeave: i,
@@ -1037,7 +1038,7 @@ const I = m((e, n) => {
     Root: mt,
     Item: ft,
     EmptyItem: gt,
-    Loader: bt
+    Loader: ht
   },
   LinkToolbar: {
     Root: D,
@@ -1057,7 +1058,7 @@ const I = m((e, n) => {
   },
   TableHandle: {
     Root: pt,
-    ExtendButton: ht
+    ExtendButton: bt
   },
   Generic: {
     Badge: {
@@ -1097,16 +1098,16 @@ const I = m((e, n) => {
   }
 }, Ft = (e) => {
   const { className: n, theme: t, ...o } = e, r = H(), i = ue(), a = (r == null ? void 0 : r.colorSchemePreference) || i, l = ke(
-    (b) => {
-      if (b && (Ie(b), typeof t == "object")) {
+    (h) => {
+      if (h && (Ie(h), typeof t == "object")) {
         if ("light" in t && "dark" in t) {
           A(
             t[a === "dark" ? "dark" : "light"],
-            b
+            h
           );
           return;
         }
-        A(t, b);
+        A(t, h);
         return;
       }
     },