@blocknote/mantine 0.15.11 → 0.17.0

package/dist/blocknote-mantine.js

@@ -1,7 +1,7 @@
-import D, { forwardRef as R, useRef as Z, useEffect as He, createContext as Br, useState as Yr, useCallback as fe, useContext as Ur } from "react";
+import D, { forwardRef as R, createContext as Br, useState as Yr, useRef as Z, useCallback as fe, useContext as Ur, useEffect as He } from "react";
 import { assertEmpty as p, isSafari as ve, mergeCSSClasses as Gr } from "@blocknote/core";
 import { elementOverflow as Je, useBlockNoteContext as Kr, usePrefersColorScheme as qr, ComponentsContext as Hr, BlockNoteViewRaw as Jr } from "@blocknote/react";
-import { Group as F, Loader as Xe, Menu as O, CheckIcon as Ze, Tabs as X, LoadingOverlay as Xr, Button as U, FileInput as Zr, TextInput as Qe, Popover as Qr, PopoverTarget as et, PopoverDropdown as rt, ActionIcon as er, Stack as me, Text as Q, Badge as tt, Tooltip as nt, MantineProvider as ot } from "@mantine/core";
+import { TextInput as Xe, Menu as O, CheckIcon as Ze, Group as F, Tabs as X, LoadingOverlay as Xr, Button as U, FileInput as Zr, Popover as Qr, PopoverTarget as et, PopoverDropdown as rt, ActionIcon as Qe, Loader as er, Stack as me, Text as Q, Badge as tt, Tooltip as nt, MantineProvider as ot } from "@mantine/core";
 import { mergeRefs as te, useFocusWithin as at, useFocusTrap as it } from "@mantine/hooks";
 var be = { exports: {} }, B = {};
 /**
@@ -713,68 +713,35 @@ const rr = (r, n, t = !1) => {
   borderRadius: void 0,
   fontFamily: void 0
 }, ct = (r) => rr(ut, r, !0), dt = R((r, n) => {
-  const { className: t, children: o, id: i, columns: u, ...f } = r;
-  return p(f), /* @__PURE__ */ l.jsx(
-    "div",
-    {
-      className: t,
-      style: { gridTemplateColumns: `repeat(${u}, 1fr)` },
-      ref: n,
-      id: i,
-      role: "grid",
-      children: o
-    }
-  );
-}), ft = R((r, n) => {
-  const { className: t, children: o, columns: i, ...u } = r;
-  return p(u), /* @__PURE__ */ l.jsx(
-    F,
-    {
-      className: t,
-      style: { gridColumn: `1 / ${i + 1}` },
-      ref: n,
-      children: /* @__PURE__ */ l.jsx(F, { className: "bn-mt-suggestion-menu-item-title", children: o })
-    }
-  );
-}), vt = R((r, n) => {
-  const { className: t, isSelected: o, onClick: i, item: u, id: f, ...c } = r;
-  p(c);
-  const d = Z(null);
-  return He(() => {
-    if (!d.current || !o)
-      return;
-    const b = Je(
-      d.current,
-      document.querySelector(".bn-grid-suggestion-menu")
-    );
-    b === "top" ? d.current.scrollIntoView(!0) : b === "bottom" && d.current.scrollIntoView(!1);
-  }, [o]), /* @__PURE__ */ l.jsx(
-    "div",
-    {
-      className: t,
-      ref: te(n, d),
-      id: f,
-      role: "option",
-      onClick: i,
-      "aria-selected": o || void 0,
-      children: u.icon
-    }
-  );
-}), bt = R((r, n) => {
   const {
     className: t,
-    children: o,
-    // unused, using "dots" instead
-    columns: i,
-    ...u
+    name: o,
+    label: i,
+    icon: u,
+    value: f,
+    autoFocus: c,
+    placeholder: d,
+    onKeyDown: b,
+    onChange: h,
+    onSubmit: w,
+    ...T
   } = r;
-  return p(u), /* @__PURE__ */ l.jsx(
+  return p(T), /* @__PURE__ */ l.jsx(
     Xe,
     {
+      size: "xs",
       className: t,
-      style: { gridColumn: `1 / ${i + 1}` },
-      type: "dots",
-      ref: n
+      ref: n,
+      name: o,
+      label: i,
+      leftSection: u,
+      value: f,
+      autoFocus: c,
+      "data-autofocus": c ? "true" : void 0,
+      placeholder: d,
+      onKeyDown: b,
+      onChange: h,
+      onSubmit: w
     }
   );
 });
@@ -784,10 +751,10 @@ var tr = {
   className: void 0,
   style: void 0,
   attr: void 0
-}, Ye = D.createContext && /* @__PURE__ */ D.createContext(tr), mt = ["attr", "size", "title"];
-function gt(r, n) {
+}, Ye = D.createContext && /* @__PURE__ */ D.createContext(tr), ft = ["attr", "size", "title"];
+function vt(r, n) {
   if (r == null) return {};
-  var t = pt(r, n), o, i;
+  var t = bt(r, n), o, i;
   if (Object.getOwnPropertySymbols) {
     var u = Object.getOwnPropertySymbols(r);
     for (i = 0; i < u.length; i++)
@@ -795,7 +762,7 @@ function gt(r, n) {
   }
   return t;
 }
-function pt(r, n) {
+function bt(r, n) {
   if (r == null) return {};
   var t = {};
   for (var o in r)
@@ -829,21 +796,21 @@ function re(r) {
   for (var n = 1; n < arguments.length; n++) {
     var t = arguments[n] != null ? arguments[n] : {};
     n % 2 ? Ue(Object(t), !0).forEach(function(o) {
-      ht(r, o, t[o]);
+      mt(r, o, t[o]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(t)) : Ue(Object(t)).forEach(function(o) {
       Object.defineProperty(r, o, Object.getOwnPropertyDescriptor(t, o));
     });
   }
   return r;
 }
-function ht(r, n, t) {
-  return n = xt(n), n in r ? Object.defineProperty(r, n, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : r[n] = t, r;
+function mt(r, n, t) {
+  return n = gt(n), n in r ? Object.defineProperty(r, n, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : r[n] = t, r;
 }
-function xt(r) {
-  var n = yt(r, "string");
+function gt(r) {
+  var n = pt(r, "string");
   return typeof n == "symbol" ? n : n + "";
 }
-function yt(r, n) {
+function pt(r, n) {
   if (typeof r != "object" || !r) return r;
   var t = r[Symbol.toPrimitive];
   if (t !== void 0) {
@@ -859,17 +826,17 @@ function nr(r) {
   }, n.attr), nr(n.child)));
 }
 function or(r) {
-  return (n) => /* @__PURE__ */ D.createElement(jt, ee({
+  return (n) => /* @__PURE__ */ D.createElement(ht, ee({
     attr: re({}, r.attr)
   }, n), nr(r.child));
 }
-function jt(r) {
+function ht(r) {
   var n = (t) => {
     var {
       attr: o,
       size: i,
       title: u
-    } = r, f = gt(r, mt), c = i || t.size || "1em", d;
+    } = r, f = vt(r, ft), c = i || t.size || "1em", d;
     return t.className && (d = t.className), r.className && (d = (d ? d + " " : "") + r.className), /* @__PURE__ */ D.createElement("svg", ee({
       stroke: "currentColor",
       fill: "currentColor",
@@ -886,13 +853,13 @@ function jt(r) {
   };
   return Ye !== void 0 ? /* @__PURE__ */ D.createElement(Ye.Consumer, null, (t) => n(t)) : n(tr);
 }
-function Rt(r) {
+function xt(r) {
   return or({ tag: "svg", attr: { viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z", clipRule: "evenodd" }, child: [] }] })(r);
 }
-function Et(r) {
+function yt(r) {
   return or({ tag: "svg", attr: { viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z", clipRule: "evenodd" }, child: [] }] })(r);
 }
-const ar = Br(void 0), St = R((r, n) => {
+const ar = Br(void 0), jt = R((r, n) => {
   const {
     children: t,
     onOpenChange: o,
@@ -942,9 +909,9 @@ const ar = Br(void 0), St = R((r, n) => {
       )
     }
   );
-}), wt = (r) => {
+}), Rt = (r) => {
   const { children: n, onOpenChange: t, position: o, sub: i, ...u } = r;
-  return p(u), i ? /* @__PURE__ */ l.jsx(St, { ...r }) : /* @__PURE__ */ l.jsx(
+  return p(u), i ? /* @__PURE__ */ l.jsx(jt, { ...r }) : /* @__PURE__ */ l.jsx(
     O,
     {
       withinPortal: !1,
@@ -955,11 +922,11 @@ const ar = Br(void 0), St = R((r, n) => {
       children: n
     }
   );
-}, Tt = R((r, n) => {
+}, Et = R((r, n) => {
   const { className: t, children: o, icon: i, checked: u, subTrigger: f, onClick: c, ...d } = r;
   return p(d, !1), f ? /* @__PURE__ */ l.jsxs("div", { ref: n, ...d, children: [
     o,
-    /* @__PURE__ */ l.jsx(Et, { size: 15 })
+    /* @__PURE__ */ l.jsx(yt, { size: 15 })
   ] }) : /* @__PURE__ */ l.jsx(
     O.Item,
     {
@@ -972,7 +939,7 @@ const ar = Br(void 0), St = R((r, n) => {
       children: o
     }
   );
-}), kt = (r) => {
+}), St = (r) => {
   const {
     children: n,
     sub: t,
@@ -980,7 +947,7 @@ const ar = Br(void 0), St = R((r, n) => {
     ...o
   } = r;
   return p(o), /* @__PURE__ */ l.jsx(O.Target, { children: n });
-}, Pt = R((r, n) => {
+}, wt = R((r, n) => {
   const {
     className: t,
     children: o,
@@ -1000,13 +967,13 @@ const ar = Br(void 0), St = R((r, n) => {
       children: o
     }
   );
-}), _t = R((r, n) => {
+}), Tt = R((r, n) => {
   const { className: t, ...o } = r;
   return p(o), /* @__PURE__ */ l.jsx(O.Divider, { className: t, ref: n });
-}), Ct = R((r, n) => {
+}), kt = R((r, n) => {
   const { className: t, children: o, ...i } = r;
   return p(i), /* @__PURE__ */ l.jsx(O.Label, { className: t, ref: n, children: o });
-}), Ot = R((r, n) => {
+}), Pt = R((r, n) => {
   const {
     className: t,
     tabs: o,
@@ -1037,7 +1004,7 @@ const ar = Br(void 0), St = R((r, n) => {
       ]
     }
   ) });
-}), Ft = R((r, n) => {
+}), _t = R((r, n) => {
   const { className: t, children: o, onClick: i, label: u, ...f } = r;
   return p(f), /* @__PURE__ */ l.jsx(
     U,
@@ -1051,7 +1018,7 @@ const ar = Br(void 0), St = R((r, n) => {
       children: o
     }
   );
-}), Nt = R((r, n) => {
+}), Ct = R((r, n) => {
   const { className: t, accept: o, value: i, placeholder: u, onChange: f, ...c } = r;
   return p(c), /* @__PURE__ */ l.jsx(
     Zr,
@@ -1066,13 +1033,13 @@ const ar = Br(void 0), St = R((r, n) => {
       ...c
     }
   );
-}), Dt = R((r, n) => {
+}), Ot = R((r, n) => {
   const { className: t, children: o, ...i } = r;
   return p(i), /* @__PURE__ */ l.jsx("div", { className: t, ref: n, children: o });
-}), Mt = R((r, n) => {
+}), Ft = R((r, n) => {
   const { className: t, value: o, placeholder: i, onKeyDown: u, onChange: f, ...c } = r;
   return p(c), /* @__PURE__ */ l.jsx(
-    Qe,
+    Xe,
     {
       size: "xs",
       "data-test": "embed-input",
@@ -1084,7 +1051,7 @@ const ar = Br(void 0), St = R((r, n) => {
       onChange: f
     }
   );
-}), It = (r) => {
+}), Nt = (r) => {
   const { children: n, opened: t, position: o, ...i } = r;
   return p(i), /* @__PURE__ */ l.jsx(
     Qr,
@@ -1096,10 +1063,10 @@ const ar = Br(void 0), St = R((r, n) => {
       children: n
     }
   );
-}, Lt = (r) => {
+}, Dt = (r) => {
   const { children: n, ...t } = r;
   return p(t), /* @__PURE__ */ l.jsx(et, { children: n });
-}, At = R((r, n) => {
+}, Mt = R((r, n) => {
   const {
     className: t,
     children: o,
@@ -1108,7 +1075,7 @@ const ar = Br(void 0), St = R((r, n) => {
     ...u
   } = r;
   return p(u), /* @__PURE__ */ l.jsx(rt, { className: t, ref: n, children: o });
-}), $t = R((r, n) => {
+}), It = R((r, n) => {
   const { className: t, children: o, ...i } = r;
   return p(i, !1), /* @__PURE__ */ l.jsx(
     F,
@@ -1121,7 +1088,7 @@ const ar = Br(void 0), St = R((r, n) => {
       children: o
     }
   );
-}), zt = R((r, n) => {
+}), Lt = R((r, n) => {
   const {
     className: t,
     children: o,
@@ -1134,7 +1101,7 @@ const ar = Br(void 0), St = R((r, n) => {
     ...h
   } = r;
   return p(h, !1), i ? /* @__PURE__ */ l.jsx(
-    er,
+    Qe,
     {
       size: 24,
       className: t,
@@ -1161,7 +1128,72 @@ const ar = Br(void 0), St = R((r, n) => {
       children: o
     }
   );
+}), At = R((r, n) => {
+  const { className: t, children: o, id: i, columns: u, ...f } = r;
+  return p(f), /* @__PURE__ */ l.jsx(
+    "div",
+    {
+      className: t,
+      style: { gridTemplateColumns: `repeat(${u}, 1fr)` },
+      ref: n,
+      id: i,
+      role: "grid",
+      children: o
+    }
+  );
+}), $t = R((r, n) => {
+  const { className: t, children: o, columns: i, ...u } = r;
+  return p(u), /* @__PURE__ */ l.jsx(
+    F,
+    {
+      className: t,
+      style: { gridColumn: `1 / ${i + 1}` },
+      ref: n,
+      children: /* @__PURE__ */ l.jsx(F, { className: "bn-mt-suggestion-menu-item-title", children: o })
+    }
+  );
+}), zt = R((r, n) => {
+  const { className: t, isSelected: o, onClick: i, item: u, id: f, ...c } = r;
+  p(c);
+  const d = Z(null);
+  return He(() => {
+    if (!d.current || !o)
+      return;
+    const b = Je(
+      d.current,
+      document.querySelector(".bn-grid-suggestion-menu")
+    );
+    b === "top" ? d.current.scrollIntoView(!0) : b === "bottom" && d.current.scrollIntoView(!1);
+  }, [o]), /* @__PURE__ */ l.jsx(
+    "div",
+    {
+      className: t,
+      ref: te(n, d),
+      id: f,
+      role: "option",
+      onClick: i,
+      "aria-selected": o || void 0,
+      children: u.icon
+    }
+  );
 }), Wt = R((r, n) => {
+  const {
+    className: t,
+    children: o,
+    // unused, using "dots" instead
+    columns: i,
+    ...u
+  } = r;
+  return p(u), /* @__PURE__ */ l.jsx(
+    er,
+    {
+      className: t,
+      style: { gridColumn: `1 / ${i + 1}` },
+      type: "dots",
+      ref: n
+    }
+  );
+}), Vt = R((r, n) => {
   const { className: t, children: o, id: i, ...u } = r;
   return p(u), /* @__PURE__ */ l.jsx(
     me,
@@ -1174,10 +1206,10 @@ const ar = Br(void 0), St = R((r, n) => {
       children: o
     }
   );
-}), Vt = R((r, n) => {
+}), Bt = R((r, n) => {
   const { className: t, children: o, ...i } = r;
   return p(i), /* @__PURE__ */ l.jsx(F, { className: t, ref: n, children: /* @__PURE__ */ l.jsx(F, { className: "bn-mt-suggestion-menu-item-title", children: o }) });
-}), Bt = R((r, n) => {
+}), Yt = R((r, n) => {
   const { className: t, isSelected: o, onClick: i, item: u, id: f, ...c } = r;
   p(c);
   const d = Z(null);
@@ -1223,18 +1255,18 @@ const ar = Br(void 0), St = R((r, n) => {
       ]
     }
   );
-}), Yt = R((r, n) => {
+}), Ut = R((r, n) => {
   const { className: t, children: o, ...i } = r;
   return p(i), /* @__PURE__ */ l.jsx(F, { className: t, ref: n, children: o });
-}), Ut = R((r, n) => {
+}), Gt = R((r, n) => {
   const {
     className: t,
     children: o,
     // unused, using "dots" instead
     ...i
   } = r;
-  return p(i), /* @__PURE__ */ l.jsx(Xe, { className: t, type: "dots", ref: n });
-}), Gt = R((r, n) => {
+  return p(i), /* @__PURE__ */ l.jsx(er, { className: t, type: "dots", ref: n });
+}), Kt = R((r, n) => {
   const {
     className: t,
     children: o,
@@ -1259,38 +1291,6 @@ const ar = Br(void 0), St = R((r, n) => {
       children: o
     }
   );
-}), Kt = R((r, n) => {
-  const {
-    className: t,
-    name: o,
-    label: i,
-    icon: u,
-    value: f,
-    autoFocus: c,
-    placeholder: d,
-    onKeyDown: b,
-    onChange: h,
-    onSubmit: w,
-    ...T
-  } = r;
-  return p(T), /* @__PURE__ */ l.jsx(
-    Qe,
-    {
-      size: "xs",
-      className: t,
-      ref: n,
-      name: o,
-      label: i,
-      leftSection: u,
-      value: f,
-      autoFocus: c,
-      "data-autofocus": c ? "true" : void 0,
-      placeholder: d,
-      onKeyDown: b,
-      onChange: h,
-      onSubmit: w
-    }
-  );
 }), Ge = R(
   (r, n) => {
     const { className: t, children: o, onMouseEnter: i, onMouseLeave: u, ...f } = r;
@@ -1355,7 +1355,7 @@ const ar = Br(void 0), St = R((r, n) => {
             children: o
           }
         ) : /* @__PURE__ */ l.jsx(
-          er,
+          Qe,
           {
             className: t,
             "aria-label": h,
@@ -1397,7 +1397,7 @@ const ar = Br(void 0), St = R((r, n) => {
               ve() && c.currentTarget.focus();
             },
             leftSection: f.icon,
-            rightSection: /* @__PURE__ */ l.jsx(Rt, {}),
+            rightSection: /* @__PURE__ */ l.jsx(xt, {}),
             size: "xs",
             variant: "subtle",
             disabled: i,
@@ -1579,53 +1579,53 @@ const ar = Br(void 0), St = R((r, n) => {
     Select: Ht
   },
   FilePanel: {
-    Root: Ot,
-    Button: Ft,
-    FileInput: Nt,
-    TabPanel: Dt,
-    TextInput: Mt
+    Root: Pt,
+    Button: _t,
+    FileInput: Ct,
+    TabPanel: Ot,
+    TextInput: Ft
   },
   GridSuggestionMenu: {
-    Root: dt,
-    Item: vt,
-    EmptyItem: ft,
-    Loader: bt
+    Root: At,
+    Item: zt,
+    EmptyItem: $t,
+    Loader: Wt
   },
   LinkToolbar: {
     Root: Ge,
     Button: Ke
   },
   SideMenu: {
-    Root: $t,
-    Button: zt
+    Root: It,
+    Button: Lt
   },
   SuggestionMenu: {
-    Root: Wt,
-    Item: Bt,
-    EmptyItem: Vt,
-    Label: Yt,
-    Loader: Ut
+    Root: Vt,
+    Item: Yt,
+    EmptyItem: Bt,
+    Label: Ut,
+    Loader: Gt
   },
   TableHandle: {
-    Root: Gt
+    Root: Kt
   },
   Generic: {
     Form: {
       Root: (r) => /* @__PURE__ */ l.jsx("div", { children: r.children }),
-      TextInput: Kt
+      TextInput: dt
     },
     Menu: {
-      Root: wt,
-      Trigger: kt,
-      Dropdown: Pt,
-      Divider: _t,
-      Label: Ct,
-      Item: Tt
+      Root: Rt,
+      Trigger: St,
+      Dropdown: wt,
+      Divider: Tt,
+      Label: kt,
+      Item: Et
     },
     Popover: {
-      Root: It,
-      Trigger: Lt,
-      Content: At
+      Root: Nt,
+      Trigger: Dt,
+      Content: Mt
     }
   }
 }, Xt = {