@blocknote/mantine 0.18.0 → 0.19.0

package/dist/blocknote-mantine.js

@@ -1,10 +1,10 @@
-import { jsx as i, jsxs as y } from "react/jsx-runtime";
-import { assertEmpty as d, isSafari as M, mergeCSSClasses as U } from "@blocknote/core";
-import { elementOverflow as E, useBlockNoteContext as Z, usePrefersColorScheme as J, ComponentsContext as Q, BlockNoteViewRaw as X } from "@blocknote/react";
-import { TextInput as B, Menu as f, CheckIcon as $, Group as p, Tabs as w, LoadingOverlay as Y, Button as k, FileInput as ee, Popover as te, PopoverTarget as ne, PopoverDropdown as re, ActionIcon as V, Loader as G, Stack as O, Text as S, Badge as oe, Tooltip as se, MantineProvider as ie } from "@mantine/core";
-import x, { forwardRef as b, createContext as ae, useState as le, useRef as N, useCallback as F, useContext as ce, useEffect as _ } from "react";
-import { mergeRefs as T, useFocusWithin as ue, useFocusTrap as de } from "@mantine/hooks";
-const H = (e, n, t = !1) => {
+import { jsx as i, jsxs as S } from "react/jsx-runtime";
+import { assertEmpty as d, isSafari as M, COLORS_DEFAULT as q, COLORS_DARK_MODE_DEFAULT as Z, mergeCSSClasses as J } from "@blocknote/core";
+import { elementOverflow as z, useBlockNoteContext as Q, usePrefersColorScheme as X, ComponentsContext as Y, BlockNoteViewRaw as ee } from "@blocknote/react";
+import { TextInput as B, Menu as b, CheckIcon as _, Group as v, Tabs as w, LoadingOverlay as te, Button as x, FileInput as ne, Popover as re, PopoverTarget as oe, PopoverDropdown as se, ActionIcon as $, Loader as V, Stack as O, Text as N, Badge as ie, Tooltip as ae, MantineProvider as le } from "@mantine/core";
+import y, { forwardRef as g, createContext as ce, useState as ue, useRef as C, useCallback as F, useContext as de, useEffect as A } from "react";
+import { mergeRefs as P, useFocusWithin as me, useFocusTrap as ge } from "@mantine/hooks";
+const G = (e, n, t = !1) => {
   const r = [];
   function o(s, l = "--bn") {
     for (const a in s) {
@@ -13,7 +13,7 @@ const H = (e, n, t = !1) => {
     }
   }
   return o(e), r;
-}, I = (e, n) => H(e, n), me = {
+}, D = (e, n) => G(e, n), fe = {
   colors: {
     editor: {
       text: void 0,
@@ -83,7 +83,7 @@ const H = (e, n, t = !1) => {
   },
   borderRadius: void 0,
   fontFamily: void 0
-}, be = (e) => H(me, e, !0), ge = b((e, n) => {
+}, be = (e) => G(fe, e, !0), ve = g((e, n) => {
   const {
     className: t,
     name: r,
@@ -93,8 +93,8 @@ const H = (e, n, t = !1) => {
     autoFocus: a,
     placeholder: c,
     onKeyDown: u,
-    onChange: g,
-    onSubmit: v,
+    onChange: f,
+    onSubmit: p,
     ...h
   } = e;
   return d(h), /* @__PURE__ */ i(
@@ -111,21 +111,21 @@ const H = (e, n, t = !1) => {
       "data-autofocus": a ? "true" : void 0,
       placeholder: c,
       onKeyDown: u,
-      onChange: g,
-      onSubmit: v
+      onChange: f,
+      onSubmit: p
     }
   );
 });
-var A = {
+var H = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, R = x.createContext && /* @__PURE__ */ x.createContext(A), fe = ["attr", "size", "title"];
-function pe(e, n) {
+}, I = y.createContext && /* @__PURE__ */ y.createContext(H), pe = ["attr", "size", "title"];
+function he(e, n) {
   if (e == null) return {};
-  var t = ve(e, n), r, o;
+  var t = ye(e, n), r, o;
   if (Object.getOwnPropertySymbols) {
     var s = Object.getOwnPropertySymbols(e);
     for (o = 0; o < s.length; o++)
@@ -133,7 +133,7 @@ function pe(e, n) {
   }
   return t;
 }
-function ve(e, n) {
+function ye(e, n) {
   if (e == null) return {};
   var t = {};
   for (var r in e)
@@ -143,17 +143,17 @@ function ve(e, n) {
     }
   return t;
 }
-function C() {
-  return C = Object.assign ? Object.assign.bind() : function(e) {
+function k() {
+  return k = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
       var t = arguments[n];
       for (var r in t)
         Object.prototype.hasOwnProperty.call(t, r) && (e[r] = t[r]);
     }
     return e;
-  }, C.apply(this, arguments);
+  }, k.apply(this, arguments);
 }
-function D(e, n) {
+function R(e, n) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var r = Object.getOwnPropertySymbols(e);
@@ -163,25 +163,25 @@ function D(e, n) {
   }
   return t;
 }
-function P(e) {
+function T(e) {
   for (var n = 1; n < arguments.length; n++) {
     var t = arguments[n] != null ? arguments[n] : {};
-    n % 2 ? D(Object(t), !0).forEach(function(r) {
-      he(e, r, t[r]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : D(Object(t)).forEach(function(r) {
+    n % 2 ? R(Object(t), !0).forEach(function(r) {
+      Se(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : R(Object(t)).forEach(function(r) {
       Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
     });
   }
   return e;
 }
-function he(e, n, t) {
+function Se(e, n, t) {
   return n = xe(n), n in e ? Object.defineProperty(e, n, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[n] = t, e;
 }
 function xe(e) {
-  var n = ye(e, "string");
+  var n = we(e, "string");
   return typeof n == "symbol" ? n : n + "";
 }
-function ye(e, n) {
+function we(e, n) {
   if (typeof e != "object" || !e) return e;
   var t = e[Symbol.toPrimitive];
   if (t !== void 0) {
@@ -192,45 +192,45 @@ function ye(e, n) {
   return (n === "string" ? String : Number)(e);
 }
 function K(e) {
-  return e && e.map((n, t) => /* @__PURE__ */ x.createElement(n.tag, P({
+  return e && e.map((n, t) => /* @__PURE__ */ y.createElement(n.tag, T({
     key: t
   }, n.attr), K(n.child)));
 }
-function W(e) {
-  return (n) => /* @__PURE__ */ x.createElement(ke, C({
-    attr: P({}, e.attr)
+function U(e) {
+  return (n) => /* @__PURE__ */ y.createElement(Ne, k({
+    attr: T({}, e.attr)
   }, n), K(e.child));
 }
-function ke(e) {
+function Ne(e) {
   var n = (t) => {
     var {
       attr: r,
       size: o,
       title: s
-    } = e, l = pe(e, fe), a = o || t.size || "1em", c;
-    return t.className && (c = t.className), e.className && (c = (c ? c + " " : "") + e.className), /* @__PURE__ */ x.createElement("svg", C({
+    } = e, l = he(e, pe), a = o || t.size || "1em", c;
+    return t.className && (c = t.className), e.className && (c = (c ? c + " " : "") + e.className), /* @__PURE__ */ y.createElement("svg", k({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
     }, t.attr, r, l, {
       className: c,
-      style: P(P({
+      style: T(T({
         color: e.color || t.color
       }, t.style), e.style),
       height: a,
       width: a,
       xmlns: "http://www.w3.org/2000/svg"
-    }), s && /* @__PURE__ */ x.createElement("title", null, s), e.children);
+    }), s && /* @__PURE__ */ y.createElement("title", null, s), e.children);
   };
-  return R !== void 0 ? /* @__PURE__ */ x.createElement(R.Consumer, null, (t) => n(t)) : n(A);
+  return I !== void 0 ? /* @__PURE__ */ y.createElement(I.Consumer, null, (t) => n(t)) : n(H);
 }
-function we(e) {
-  return W({ 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: [] }] })(e);
+function Ce(e) {
+  return U({ 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: [] }] })(e);
 }
-function Se(e) {
-  return W({ 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: [] }] })(e);
+function ke(e) {
+  return U({ 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: [] }] })(e);
 }
-const q = ae(void 0), Ne = b((e, n) => {
+const W = ce(void 0), Te = g((e, n) => {
   const {
     children: t,
     onOpenChange: r,
@@ -240,29 +240,29 @@ const q = ae(void 0), Ne = b((e, n) => {
     ...l
   } = e;
   d(l);
-  const [a, c] = le(!1), u = N(null), g = N(), v = F(() => {
-    g.current && clearTimeout(g.current), g.current = setTimeout(() => {
+  const [a, c] = ue(!1), u = C(null), f = C(), p = F(() => {
+    f.current && clearTimeout(f.current), f.current = setTimeout(() => {
       c(!1);
     }, 250);
   }, []), h = F(() => {
-    g.current && clearTimeout(g.current), c(!0);
+    f.current && clearTimeout(f.current), c(!0);
   }, []);
   return /* @__PURE__ */ i(
-    q.Provider,
+    W.Provider,
     {
       value: {
         onMenuMouseOver: h,
-        onMenuMouseLeave: v
+        onMenuMouseLeave: p
       },
       children: /* @__PURE__ */ i(
-        f.Item,
+        b.Item,
         {
           className: "bn-menu-item bn-mt-sub-menu-item",
-          ref: T(n, u),
+          ref: P(n, u),
           onMouseOver: h,
-          onMouseLeave: v,
+          onMouseLeave: p,
           children: /* @__PURE__ */ i(
-            f,
+            b,
             {
               portalProps: {
                 target: u.current ? u.current.parentElement : void 0
@@ -280,10 +280,10 @@ const q = ae(void 0), Ne = b((e, n) => {
       )
     }
   );
-}), Ce = (e) => {
+}), Pe = (e) => {
   const { children: n, onOpenChange: t, position: r, sub: o, ...s } = e;
-  return d(s), o ? /* @__PURE__ */ i(Ne, { ...e }) : /* @__PURE__ */ i(
-    f,
+  return d(s), o ? /* @__PURE__ */ i(Te, { ...e }) : /* @__PURE__ */ i(
+    b,
     {
       withinPortal: !1,
       middlewares: { flip: !0, shift: !0, inline: !1, size: !0 },
@@ -293,32 +293,32 @@ const q = ae(void 0), Ne = b((e, n) => {
       children: n
     }
   );
-}, Pe = b((e, n) => {
+}, Me = g((e, n) => {
   const { className: t, children: r, icon: o, checked: s, subTrigger: l, onClick: a, ...c } = e;
-  return d(c, !1), l ? /* @__PURE__ */ y("div", { ref: n, ...c, children: [
+  return d(c, !1), l ? /* @__PURE__ */ S("div", { ref: n, ...c, children: [
     r,
-    /* @__PURE__ */ i(Se, { size: 15 })
+    /* @__PURE__ */ i(ke, { size: 15 })
   ] }) : /* @__PURE__ */ i(
-    f.Item,
+    b.Item,
     {
       className: t,
       ref: n,
       leftSection: o,
-      rightSection: s ? /* @__PURE__ */ i($, { size: 10 }) : s === !1 ? /* @__PURE__ */ i("div", { className: "bn-tick-space" }) : null,
+      rightSection: s ? /* @__PURE__ */ i(_, { size: 10 }) : s === !1 ? /* @__PURE__ */ i("div", { className: "bn-tick-space" }) : null,
       onClick: a,
       ...c,
       children: r
     }
   );
-}), Te = (e) => {
+}), Fe = (e) => {
   const {
     children: n,
     sub: t,
     // unused
     ...r
   } = e;
-  return d(r), /* @__PURE__ */ i(f.Target, { children: n });
-}, Me = b((e, n) => {
+  return d(r), /* @__PURE__ */ i(b.Target, { children: n });
+}, Oe = g((e, n) => {
   const {
     className: t,
     children: r,
@@ -327,9 +327,9 @@ const q = ae(void 0), Ne = b((e, n) => {
     ...s
   } = e;
   d(s);
-  const l = ce(q);
+  const l = de(W);
   return /* @__PURE__ */ i(
-    f.Dropdown,
+    b.Dropdown,
     {
       className: t,
       ref: n,
@@ -338,13 +338,13 @@ const q = ae(void 0), Ne = b((e, n) => {
       children: r
     }
   );
-}), Fe = b((e, n) => {
+}), De = g((e, n) => {
   const { className: t, ...r } = e;
-  return d(r), /* @__PURE__ */ i(f.Divider, { className: t, ref: n });
-}), Oe = b((e, n) => {
+  return d(r), /* @__PURE__ */ i(b.Divider, { className: t, ref: n });
+}), Ie = g((e, n) => {
   const { className: t, children: r, ...o } = e;
-  return d(o), /* @__PURE__ */ i(f.Label, { className: t, ref: n, children: r });
-}), Ie = b((e, n) => {
+  return d(o), /* @__PURE__ */ i(b.Label, { className: t, ref: n, children: r });
+}), Re = g((e, n) => {
   const {
     className: t,
     tabs: r,
@@ -354,14 +354,14 @@ const q = ae(void 0), Ne = b((e, n) => {
     loading: a,
     ...c
   } = e;
-  return d(c), /* @__PURE__ */ i(p, { className: t, ref: n, children: /* @__PURE__ */ y(
+  return d(c), /* @__PURE__ */ i(v, { className: t, ref: n, children: /* @__PURE__ */ S(
     w,
     {
       value: s,
       defaultValue: o,
       onChange: l,
       children: [
-        a && /* @__PURE__ */ i(Y, { visible: a }),
+        a && /* @__PURE__ */ i(te, { visible: a }),
         /* @__PURE__ */ i(w.List, { children: r.map((u) => /* @__PURE__ */ i(
           w.Tab,
           {
@@ -375,10 +375,10 @@ const q = ae(void 0), Ne = b((e, n) => {
       ]
     }
   ) });
-}), Re = b((e, n) => {
+}), Le = g((e, n) => {
   const { className: t, children: r, onClick: o, label: s, ...l } = e;
   return d(l), /* @__PURE__ */ i(
-    k,
+    x,
     {
       size: "xs",
       "aria-label": s,
@@ -389,10 +389,10 @@ const q = ae(void 0), Ne = b((e, n) => {
       children: r
     }
   );
-}), De = b((e, n) => {
+}), Ee = g((e, n) => {
   const { className: t, accept: r, value: o, placeholder: s, onChange: l, ...a } = e;
   return d(a), /* @__PURE__ */ i(
-    ee,
+    ne,
     {
       size: "xs",
       className: t,
@@ -404,10 +404,10 @@ const q = ae(void 0), Ne = b((e, n) => {
       ...a
     }
   );
-}), je = b((e, n) => {
+}), je = g((e, n) => {
   const { className: t, children: r, ...o } = e;
   return d(o), /* @__PURE__ */ i("div", { className: t, ref: n, children: r });
-}), ze = b((e, n) => {
+}), ze = g((e, n) => {
   const { className: t, value: r, placeholder: o, onKeyDown: s, onChange: l, ...a } = e;
   return d(a), /* @__PURE__ */ i(
     B,
@@ -422,10 +422,10 @@ const q = ae(void 0), Ne = b((e, n) => {
       onChange: l
     }
   );
-}), Le = (e) => {
+}), Be = (e) => {
   const { children: n, opened: t, position: r, ...o } = e;
   return d(o), /* @__PURE__ */ i(
-    te,
+    re,
     {
       withinPortal: !1,
       zIndex: 1e4,
@@ -434,10 +434,10 @@ const q = ae(void 0), Ne = b((e, n) => {
       children: n
     }
   );
-}, Ee = (e) => {
+}, _e = (e) => {
   const { children: n, ...t } = e;
-  return d(t), /* @__PURE__ */ i(ne, { children: n });
-}, Be = b((e, n) => {
+  return d(t), /* @__PURE__ */ i(oe, { children: n });
+}, $e = g((e, n) => {
   const {
     className: t,
     children: r,
@@ -445,11 +445,11 @@ const q = ae(void 0), Ne = b((e, n) => {
     // unused
     ...s
   } = e;
-  return d(s), /* @__PURE__ */ i(re, { className: t, ref: n, children: r });
-}), $e = b((e, n) => {
+  return d(s), /* @__PURE__ */ i(se, { className: t, ref: n, children: r });
+}), Ve = g((e, n) => {
   const { className: t, children: r, ...o } = e;
   return d(o, !1), /* @__PURE__ */ i(
-    p,
+    v,
     {
       align: "center",
       gap: 0,
@@ -459,7 +459,7 @@ const q = ae(void 0), Ne = b((e, n) => {
       children: r
     }
   );
-}), Ve = b((e, n) => {
+}), Ae = g((e, n) => {
   const {
     className: t,
     children: r,
@@ -469,10 +469,10 @@ const q = ae(void 0), Ne = b((e, n) => {
     onDragStart: a,
     draggable: c,
     label: u,
-    ...g
+    ...f
   } = e;
-  return d(g, !1), o ? /* @__PURE__ */ i(
-    V,
+  return d(f, !1), o ? /* @__PURE__ */ i(
+    $,
     {
       size: 24,
       className: t,
@@ -482,11 +482,11 @@ const q = ae(void 0), Ne = b((e, n) => {
       onDragStart: a,
       draggable: c,
       "aria-label": u,
-      ...g,
+      ...f,
       children: o
     }
   ) : /* @__PURE__ */ i(
-    k,
+    x,
     {
       className: t,
       ref: n,
@@ -495,11 +495,11 @@ const q = ae(void 0), Ne = b((e, n) => {
       onDragStart: a,
       draggable: c,
       "aria-label": u,
-      ...g,
+      ...f,
       children: r
     }
   );
-}), Ge = b((e, n) => {
+}), Ge = g((e, n) => {
   const { className: t, children: r, id: o, columns: s, ...l } = e;
   return d(l), /* @__PURE__ */ i(
     "div",
@@ -512,25 +512,25 @@ const q = ae(void 0), Ne = b((e, n) => {
       children: r
     }
   );
-}), _e = b((e, n) => {
+}), He = g((e, n) => {
   const { className: t, children: r, columns: o, ...s } = e;
   return d(s), /* @__PURE__ */ i(
-    p,
+    v,
     {
       className: t,
       style: { gridColumn: `1 / ${o + 1}` },
       ref: n,
-      children: /* @__PURE__ */ i(p, { className: "bn-mt-suggestion-menu-item-title", children: r })
+      children: /* @__PURE__ */ i(v, { className: "bn-mt-suggestion-menu-item-title", children: r })
     }
   );
-}), He = b((e, n) => {
+}), Ke = g((e, n) => {
   const { className: t, isSelected: r, onClick: o, item: s, id: l, ...a } = e;
   d(a);
-  const c = N(null);
-  return _(() => {
+  const c = C(null);
+  return A(() => {
     if (!c.current || !r)
       return;
-    const u = E(
+    const u = z(
       c.current,
       document.querySelector(".bn-grid-suggestion-menu")
     );
@@ -539,7 +539,7 @@ const q = ae(void 0), Ne = b((e, n) => {
     "div",
     {
       className: t,
-      ref: T(n, c),
+      ref: P(n, c),
       id: l,
       role: "option",
       onClick: o,
@@ -547,7 +547,7 @@ const q = ae(void 0), Ne = b((e, n) => {
       children: s.icon
     }
   );
-}), Ae = b((e, n) => {
+}), Ue = g((e, n) => {
   const {
     className: t,
     children: r,
@@ -556,7 +556,7 @@ const q = ae(void 0), Ne = b((e, n) => {
     ...s
   } = e;
   return d(s), /* @__PURE__ */ i(
-    G,
+    V,
     {
       className: t,
       style: { gridColumn: `1 / ${o + 1}` },
@@ -564,7 +564,7 @@ const q = ae(void 0), Ne = b((e, n) => {
       ref: n
     }
   );
-}), Ke = b((e, n) => {
+}), We = g((e, n) => {
   const { className: t, children: r, id: o, ...s } = e;
   return d(s), /* @__PURE__ */ i(
     O,
@@ -577,67 +577,67 @@ const q = ae(void 0), Ne = b((e, n) => {
       children: r
     }
   );
-}), We = b((e, n) => {
+}), qe = g((e, n) => {
   const { className: t, children: r, ...o } = e;
-  return d(o), /* @__PURE__ */ i(p, { className: t, ref: n, children: /* @__PURE__ */ i(p, { className: "bn-mt-suggestion-menu-item-title", children: r }) });
-}), qe = b((e, n) => {
+  return d(o), /* @__PURE__ */ i(v, { className: t, ref: n, children: /* @__PURE__ */ i(v, { className: "bn-mt-suggestion-menu-item-title", children: r }) });
+}), Ze = g((e, n) => {
   const { className: t, isSelected: r, onClick: o, item: s, id: l, ...a } = e;
   d(a);
-  const c = N(null);
-  return _(() => {
+  const c = C(null);
+  return A(() => {
     if (!c.current || !r)
       return;
-    const u = E(
+    const u = z(
       c.current,
       document.querySelector(".bn-suggestion-menu")
     );
     u === "top" ? c.current.scrollIntoView(!0) : u === "bottom" && c.current.scrollIntoView(!1);
-  }, [r]), /* @__PURE__ */ y(
-    p,
+  }, [r]), /* @__PURE__ */ S(
+    v,
     {
       gap: 0,
       className: t,
-      ref: T(n, c),
+      ref: P(n, c),
       id: l,
       role: "option",
       onClick: o,
       "aria-selected": r || void 0,
       children: [
         s.icon && /* @__PURE__ */ i(
-          p,
+          v,
           {
             className: "bn-mt-suggestion-menu-item-section",
             "data-position": "left",
             children: s.icon
           }
         ),
-        /* @__PURE__ */ y(O, { gap: 0, className: "bn-mt-suggestion-menu-item-body", children: [
-          /* @__PURE__ */ i(S, { className: "bn-mt-suggestion-menu-item-title", children: s.title }),
-          /* @__PURE__ */ i(S, { className: "bn-mt-suggestion-menu-item-subtitle", children: s.subtext })
+        /* @__PURE__ */ S(O, { gap: 0, className: "bn-mt-suggestion-menu-item-body", children: [
+          /* @__PURE__ */ i(N, { className: "bn-mt-suggestion-menu-item-title", children: s.title }),
+          /* @__PURE__ */ i(N, { className: "bn-mt-suggestion-menu-item-subtitle", children: s.subtext })
         ] }),
         s.badge && /* @__PURE__ */ i(
-          p,
+          v,
           {
             "data-position": "right",
             className: "bn-mt-suggestion-menu-item-section",
-            children: /* @__PURE__ */ i(oe, { size: "xs", children: s.badge })
+            children: /* @__PURE__ */ i(ie, { size: "xs", children: s.badge })
           }
         )
       ]
     }
   );
-}), Ue = b((e, n) => {
+}), Je = g((e, n) => {
   const { className: t, children: r, ...o } = e;
-  return d(o), /* @__PURE__ */ i(p, { className: t, ref: n, children: r });
-}), Ze = b((e, n) => {
+  return d(o), /* @__PURE__ */ i(v, { className: t, ref: n, children: r });
+}), Qe = g((e, n) => {
   const {
     className: t,
     children: r,
     // unused, using "dots" instead
     ...o
   } = e;
-  return d(o), /* @__PURE__ */ i(G, { className: t, type: "dots", ref: n });
-}), Je = b((e, n) => {
+  return d(o), /* @__PURE__ */ i(V, { className: t, type: "dots", ref: n });
+}), Xe = g((e, n) => {
   const {
     className: t,
     children: r,
@@ -649,7 +649,7 @@ const q = ae(void 0), Ne = b((e, n) => {
     ...u
   } = e;
   return d(u, !1), /* @__PURE__ */ i(
-    k,
+    x,
     {
       className: t,
       ref: n,
@@ -662,10 +662,10 @@ const q = ae(void 0), Ne = b((e, n) => {
       children: r
     }
   );
-}), Qe = b((e, n) => {
+}), Ye = g((e, n) => {
   const { children: t, className: r, onMouseDown: o, onClick: s, ...l } = e;
   return d(l, !1), /* @__PURE__ */ i(
-    k,
+    x,
     {
       className: r,
       ref: n,
@@ -675,16 +675,16 @@ const q = ae(void 0), Ne = b((e, n) => {
       children: t
     }
   );
-}), j = b(
+}), L = g(
   (e, n) => {
     const { className: t, children: r, onMouseEnter: o, onMouseLeave: s, ...l } = e;
     d(l);
-    const { ref: a, focused: c } = ue(), u = de(c), g = T(n, a, u);
+    const { ref: a, focused: c } = me(), u = ge(c), f = P(n, a, u);
     return /* @__PURE__ */ i(
-      p,
+      v,
       {
         className: t,
-        ref: g,
+        ref: f,
         role: "toolbar",
         onMouseEnter: o,
         onMouseLeave: s,
@@ -692,10 +692,10 @@ const q = ae(void 0), Ne = b((e, n) => {
       }
     );
   }
-), Xe = (e) => /* @__PURE__ */ y(O, { gap: 0, className: "bn-tooltip", children: [
-  /* @__PURE__ */ i(S, { size: "sm", children: e.mainTooltip }),
-  e.secondaryTooltip && /* @__PURE__ */ i(S, { size: "xs", children: e.secondaryTooltip })
-] }), z = b(
+), et = (e) => /* @__PURE__ */ S(O, { gap: 0, className: "bn-tooltip", children: [
+  /* @__PURE__ */ i(N, { size: "sm", children: e.mainTooltip }),
+  e.secondaryTooltip && /* @__PURE__ */ i(N, { size: "xs", children: e.secondaryTooltip })
+] }), E = g(
   (e, n) => {
     const {
       className: t,
@@ -706,24 +706,24 @@ const q = ae(void 0), Ne = b((e, n) => {
       isSelected: a,
       isDisabled: c,
       onClick: u,
-      label: g,
-      ...v
+      label: f,
+      ...p
     } = e;
-    return d(v, !1), /* @__PURE__ */ i(
-      se,
+    return d(p, !1), /* @__PURE__ */ i(
+      ae,
       {
         withinPortal: !1,
         label: /* @__PURE__ */ i(
-          Xe,
+          et,
           {
             mainTooltip: o,
             secondaryTooltip: s
           }
         ),
         children: r ? /* @__PURE__ */ i(
-          k,
+          x,
           {
-            "aria-label": g,
+            "aria-label": f,
             className: t,
             onMouseDown: (h) => {
               M() && h.currentTarget.focus();
@@ -735,14 +735,14 @@ const q = ae(void 0), Ne = b((e, n) => {
             size: "xs",
             disabled: c || !1,
             ref: n,
-            ...v,
+            ...p,
             children: r
           }
         ) : /* @__PURE__ */ i(
-          V,
+          $,
           {
             className: t,
-            "aria-label": g,
+            "aria-label": f,
             onMouseDown: (h) => {
               M() && h.currentTarget.focus();
             },
@@ -753,19 +753,19 @@ const q = ae(void 0), Ne = b((e, n) => {
             size: 30,
             disabled: c || !1,
             ref: n,
-            ...v,
+            ...p,
             children: l
           }
         )
       }
     );
   }
-), Ye = b((e, n) => {
+), tt = g((e, n) => {
   const { className: t, items: r, isDisabled: o, ...s } = e;
   d(s);
   const l = r.filter((a) => a.isSelected)[0];
-  return l ? /* @__PURE__ */ y(
-    f,
+  return l ? /* @__PURE__ */ S(
+    b,
     {
       withinPortal: !1,
       transitionProps: {
@@ -774,26 +774,26 @@ const q = ae(void 0), Ne = b((e, n) => {
       disabled: o,
       middlewares: { flip: !0, shift: !0, inline: !1, size: !0 },
       children: [
-        /* @__PURE__ */ i(f.Target, { children: /* @__PURE__ */ i(
-          k,
+        /* @__PURE__ */ i(b.Target, { children: /* @__PURE__ */ i(
+          x,
           {
             onMouseDown: (a) => {
               M() && a.currentTarget.focus();
             },
             leftSection: l.icon,
-            rightSection: /* @__PURE__ */ i(we, {}),
+            rightSection: /* @__PURE__ */ i(Ce, {}),
             size: "xs",
             variant: "subtle",
             disabled: o,
             children: l.text
           }
         ) }),
-        /* @__PURE__ */ i(f.Dropdown, { className: t, ref: n, children: r.map((a) => /* @__PURE__ */ i(
-          f.Item,
+        /* @__PURE__ */ i(b.Dropdown, { className: t, ref: n, children: r.map((a) => /* @__PURE__ */ i(
+          b.Item,
           {
             onClick: a.onClick,
             leftSection: a.icon,
-            rightSection: a.isSelected ? /* @__PURE__ */ i($, { size: 10, className: "bn-tick-icon" }) : (
+            rightSection: a.isSelected ? /* @__PURE__ */ i(_, { size: 10, className: "bn-tick-icon" }) : (
               // Ensures space for tick even if item isn't currently selected.
               /* @__PURE__ */ i("div", { className: "bn-tick-space" })
             ),
@@ -816,7 +816,7 @@ const q = ae(void 0), Ne = b((e, n) => {
   "#161616",
   "#0F0F0F",
   "#000000"
-], L = {
+], j = {
   colors: {
     editor: {
       text: m[5],
@@ -845,48 +845,11 @@ const q = ae(void 0), Ne = b((e, n) => {
     shadow: m[2],
     border: m[1],
     sideMenu: m[2],
-    highlights: {
-      gray: {
-        text: "#9b9a97",
-        background: "#ebeced"
-      },
-      brown: {
-        text: "#64473a",
-        background: "#e9e5e3"
-      },
-      red: {
-        text: "#e03e3e",
-        background: "#fbe4e4"
-      },
-      orange: {
-        text: "#d9730d",
-        background: "#f6e9d9"
-      },
-      yellow: {
-        text: "#dfab01",
-        background: "#fbf3db"
-      },
-      green: {
-        text: "#4d6461",
-        background: "#ddedea"
-      },
-      blue: {
-        text: "#0b6e99",
-        background: "#ddebf1"
-      },
-      purple: {
-        text: "#6940a5",
-        background: "#eae4f2"
-      },
-      pink: {
-        text: "#ad1a72",
-        background: "#f4dfeb"
-      }
-    }
+    highlights: q
   },
   borderRadius: 6,
   fontFamily: '"Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Open Sans", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif'
-}, lt = {
+}, ut = {
   colors: {
     editor: {
       text: m[2],
@@ -915,135 +878,98 @@ const q = ae(void 0), Ne = b((e, n) => {
     shadow: m[8],
     border: m[7],
     sideMenu: m[4],
-    highlights: {
-      gray: {
-        text: "#bebdb8",
-        background: "#9b9a97"
-      },
-      brown: {
-        text: "#8e6552",
-        background: "#64473a"
-      },
-      red: {
-        text: "#ec4040",
-        background: "#be3434"
-      },
-      orange: {
-        text: "#e3790d",
-        background: "#b7600a"
-      },
-      yellow: {
-        text: "#dfab01",
-        background: "#b58b00"
-      },
-      green: {
-        text: "#6b8b87",
-        background: "#4d6461"
-      },
-      blue: {
-        text: "#0e87bc",
-        background: "#0b6e99"
-      },
-      purple: {
-        text: "#8552d7",
-        background: "#6940a5"
-      },
-      pink: {
-        text: "#da208f",
-        background: "#ad1a72"
-      }
-    }
+    highlights: Z
   },
-  borderRadius: L.borderRadius,
-  fontFamily: L.fontFamily
-}, et = {
+  borderRadius: j.borderRadius,
+  fontFamily: j.fontFamily
+}, nt = {
   FormattingToolbar: {
-    Root: j,
-    Button: z,
-    Select: Ye
+    Root: L,
+    Button: E,
+    Select: tt
   },
   FilePanel: {
-    Root: Ie,
-    Button: Re,
-    FileInput: De,
+    Root: Re,
+    Button: Le,
+    FileInput: Ee,
     TabPanel: je,
     TextInput: ze
   },
   GridSuggestionMenu: {
     Root: Ge,
-    Item: He,
-    EmptyItem: _e,
-    Loader: Ae
+    Item: Ke,
+    EmptyItem: He,
+    Loader: Ue
   },
   LinkToolbar: {
-    Root: j,
-    Button: z
+    Root: L,
+    Button: E
   },
   SideMenu: {
-    Root: $e,
-    Button: Ve
+    Root: Ve,
+    Button: Ae
   },
   SuggestionMenu: {
-    Root: Ke,
-    Item: qe,
-    EmptyItem: We,
-    Label: Ue,
-    Loader: Ze
+    Root: We,
+    Item: Ze,
+    EmptyItem: qe,
+    Label: Je,
+    Loader: Qe
   },
   TableHandle: {
-    Root: Je,
-    ExtendButton: Qe
+    Root: Xe,
+    ExtendButton: Ye
   },
   Generic: {
     Form: {
       Root: (e) => /* @__PURE__ */ i("div", { children: e.children }),
-      TextInput: ge
+      TextInput: ve
     },
     Menu: {
-      Root: Ce,
-      Trigger: Te,
-      Dropdown: Me,
-      Divider: Fe,
-      Label: Oe,
-      Item: Pe
+      Root: Pe,
+      Trigger: Fe,
+      Dropdown: Oe,
+      Divider: De,
+      Label: Ie,
+      Item: Me
     },
     Popover: {
-      Root: Le,
-      Trigger: Ee,
-      Content: Be
+      Root: Be,
+      Trigger: _e,
+      Content: $e
     }
   }
-}, tt = {
+}, rt = {
   // Removes button press effect
   activeClassName: ""
-}, ct = (e) => {
-  const { className: n, theme: t, ...r } = e, o = Z(), s = J(), l = (o == null ? void 0 : o.colorSchemePreference) || s, a = F(
+}, dt = (e) => {
+  const { className: n, theme: t, ...r } = e, o = Q(), s = X(), l = (o == null ? void 0 : o.colorSchemePreference) || s, a = F(
     (c) => {
       if (c && (be(c), typeof t == "object")) {
         if ("light" in t && "dark" in t) {
-          I(
+          D(
             t[l === "dark" ? "dark" : "light"],
             c
           );
           return;
         }
-        I(t, c);
+        D(t, c);
         return;
       }
     },
     [l, t]
   );
-  return /* @__PURE__ */ i(Q.Provider, { value: et, children: /* @__PURE__ */ i(
-    ie,
+  return /* @__PURE__ */ i(Y.Provider, { value: nt, children: /* @__PURE__ */ i(
+    le,
     {
-      theme: tt,
+      theme: rt,
       cssVariablesSelector: ".bn-mantine",
       getRootElement: () => {
       },
       children: /* @__PURE__ */ i(
-        X,
+        ee,
         {
-          className: U("bn-mantine", n || ""),
+          className: J("bn-mantine", n || ""),
           theme: typeof t == "object" ? void 0 : t,
           ...r,
           ref: a
@@ -1053,12 +979,12 @@ const q = ae(void 0), Ne = b((e, n) => {
   ) });
 };
 export {
-  ct as BlockNoteView,
-  I as applyBlockNoteCSSVariablesFromTheme,
-  et as components,
-  lt as darkDefaultTheme,
+  dt as BlockNoteView,
+  D as applyBlockNoteCSSVariablesFromTheme,
+  nt as components,
+  ut as darkDefaultTheme,
   m as defaultColorScheme,
-  L as lightDefaultTheme,
+  j as lightDefaultTheme,
   be as removeBlockNoteCSSVariables
 };
 //# sourceMappingURL=blocknote-mantine.js.map