@blocknote/mantine 0.23.5 → 0.24.0

package/dist/blocknote-mantine.js

@@ -1,9 +1,9 @@
 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 { assertEmpty as d, isSafari as O, mergeCSSClasses as q, COLORS_DEFAULT as Z, COLORS_DARK_MODE_DEFAULT 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 p, Tabs as w, LoadingOverlay as te, Button as x, FileInput as ne, Popover as oe, PopoverTarget as re, 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 T, useFocusWithin as me, useFocusTrap as ge } from "@mantine/hooks";
+import { TextInput as B, Menu as b, CheckIcon as _, Group as p, Tabs as w, LoadingOverlay as te, Button as x, FileInput as ne, Popover as oe, PopoverTarget as re, PopoverDropdown as se, ActionIcon as $, Loader as V, Stack as R, 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 D, 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 o = [];
   function r(s, l = "--bn") {
@@ -13,7 +13,7 @@ const G = (e, n, t = !1) => {
     }
   }
   return r(e), o;
-}, D = (e, n) => G(e, n), fe = {
+}, I = (e, n) => G(e, n), fe = {
   colors: {
     editor: {
       text: void 0,
@@ -122,7 +122,7 @@ var H = {
   className: void 0,
   style: void 0,
   attr: void 0
-}, R = y.createContext && /* @__PURE__ */ y.createContext(H), ve = ["attr", "size", "title"];
+}, L = y.createContext && /* @__PURE__ */ y.createContext(H), ve = ["attr", "size", "title"];
 function he(e, n) {
   if (e == null) return {};
   var t = ye(e, n), o, r;
@@ -153,7 +153,7 @@ function k() {
     return e;
   }, k.apply(this, arguments);
 }
-function I(e, n) {
+function E(e, n) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var o = Object.getOwnPropertySymbols(e);
@@ -163,12 +163,12 @@ function I(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 ? I(Object(t), !0).forEach(function(o) {
+    n % 2 ? E(Object(t), !0).forEach(function(o) {
       Se(e, o, t[o]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : I(Object(t)).forEach(function(o) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : E(Object(t)).forEach(function(o) {
       Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(t, o));
     });
   }
@@ -192,13 +192,13 @@ function we(e, n) {
   return (n === "string" ? String : Number)(e);
 }
 function K(e) {
-  return e && e.map((n, t) => /* @__PURE__ */ y.createElement(n.tag, P({
+  return e && e.map((n, t) => /* @__PURE__ */ y.createElement(n.tag, T({
     key: t
   }, n.attr), K(n.child)));
 }
 function U(e) {
   return (n) => /* @__PURE__ */ y.createElement(Ne, k({
-    attr: P({}, e.attr)
+    attr: T({}, e.attr)
   }, n), K(e.child));
 }
 function Ne(e) {
@@ -214,7 +214,7 @@ function Ne(e) {
       strokeWidth: "0"
     }, t.attr, o, l, {
       className: c,
-      style: P(P({
+      style: T(T({
         color: e.color || t.color
       }, t.style), e.style),
       height: a,
@@ -222,7 +222,7 @@ function Ne(e) {
       xmlns: "http://www.w3.org/2000/svg"
     }), s && /* @__PURE__ */ y.createElement("title", null, s), e.children);
   };
-  return R !== void 0 ? /* @__PURE__ */ y.createElement(R.Consumer, null, (t) => n(t)) : n(H);
+  return L !== void 0 ? /* @__PURE__ */ y.createElement(L.Consumer, null, (t) => n(t)) : n(H);
 }
 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);
@@ -230,7 +230,7 @@ function Ce(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 W = ce(void 0), Pe = g((e, n) => {
+const W = ce(void 0), Te = g((e, n) => {
   const {
     children: t,
     onOpenChange: o,
@@ -240,11 +240,11 @@ const W = ce(void 0), Pe = g((e, n) => {
     ...l
   } = e;
   d(l);
-  const [a, c] = ue(!1), u = C(null), f = C(), v = F(() => {
+  const [a, c] = ue(!1), u = C(null), f = C(), v = D(() => {
     f.current && clearTimeout(f.current), f.current = setTimeout(() => {
       c(!1);
     }, 250);
-  }, []), h = F(() => {
+  }, []), h = D(() => {
     f.current && clearTimeout(f.current), c(!0);
   }, []);
   return /* @__PURE__ */ i(
@@ -258,7 +258,7 @@ const W = ce(void 0), Pe = g((e, n) => {
         b.Item,
         {
           className: "bn-menu-item bn-mt-sub-menu-item",
-          ref: T(n, u),
+          ref: P(n, u),
           onMouseOver: h,
           onMouseLeave: v,
           children: /* @__PURE__ */ i(
@@ -280,9 +280,9 @@ const W = ce(void 0), Pe = g((e, n) => {
       )
     }
   );
-}), Te = (e) => {
+}), Pe = (e) => {
   const { children: n, onOpenChange: t, position: o, sub: r, ...s } = e;
-  return d(s), r ? /* @__PURE__ */ i(Pe, { ...e }) : /* @__PURE__ */ i(
+  return d(s), r ? /* @__PURE__ */ i(Te, { ...e }) : /* @__PURE__ */ i(
     b,
     {
       withinPortal: !1,
@@ -540,7 +540,7 @@ const W = ce(void 0), Pe = g((e, n) => {
     "div",
     {
       className: t,
-      ref: T(n, c),
+      ref: P(n, c),
       id: l,
       role: "option",
       onClick: r,
@@ -568,7 +568,7 @@ const W = ce(void 0), Pe = g((e, n) => {
 }), We = g((e, n) => {
   const { className: t, children: o, id: r, ...s } = e;
   return d(s), /* @__PURE__ */ i(
-    O,
+    R,
     {
       gap: 0,
       className: t,
@@ -598,7 +598,7 @@ const W = ce(void 0), Pe = g((e, n) => {
     {
       gap: 0,
       className: t,
-      ref: T(n, c),
+      ref: P(n, c),
       id: l,
       role: "option",
       onClick: r,
@@ -612,7 +612,7 @@ const W = ce(void 0), Pe = g((e, n) => {
             children: s.icon
           }
         ),
-        /* @__PURE__ */ S(O, { gap: 0, className: "bn-mt-suggestion-menu-item-body", children: [
+        /* @__PURE__ */ S(R, { 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 })
         ] }),
@@ -676,11 +676,11 @@ const W = ce(void 0), Pe = g((e, n) => {
       children: o
     }
   );
-}), L = g(
+}), M = g(
   (e, n) => {
     const { className: t, children: o, onMouseEnter: r, onMouseLeave: s, ...l } = e;
     d(l);
-    const { ref: a, focused: c } = me(), u = ge(c), f = T(n, a, u);
+    const { ref: a, focused: c } = me(), u = ge(c), f = P(n, a, u);
     return /* @__PURE__ */ i(
       p,
       {
@@ -693,10 +693,10 @@ const W = ce(void 0), Pe = g((e, n) => {
       }
     );
   }
-), et = (e) => /* @__PURE__ */ S(O, { gap: 0, className: "bn-tooltip", children: [
+), et = (e) => /* @__PURE__ */ S(R, { 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(
+] }), F = g(
   (e, n) => {
     const {
       className: t,
@@ -727,7 +727,7 @@ const W = ce(void 0), Pe = g((e, n) => {
             "aria-label": f,
             className: t,
             onMouseDown: (h) => {
-              M() && h.currentTarget.focus();
+              O() && h.currentTarget.focus();
             },
             onClick: u,
             "aria-pressed": a,
@@ -745,7 +745,7 @@ const W = ce(void 0), Pe = g((e, n) => {
             className: t,
             "aria-label": f,
             onMouseDown: (h) => {
-              M() && h.currentTarget.focus();
+              O() && h.currentTarget.focus();
             },
             onClick: u,
             "aria-pressed": a,
@@ -779,7 +779,7 @@ const W = ce(void 0), Pe = g((e, n) => {
           x,
           {
             onMouseDown: (a) => {
-              M() && a.currentTarget.focus();
+              O() && a.currentTarget.focus();
             },
             leftSection: l.icon,
             rightSection: /* @__PURE__ */ i(Ce, {}),
@@ -806,87 +806,10 @@ const W = ce(void 0), Pe = g((e, n) => {
       ]
     }
   ) : null;
-}), m = [
-  "#FFFFFF",
-  "#EFEFEF",
-  "#CFCFCF",
-  "#AFAFAF",
-  "#7F7F7F",
-  "#3F3F3F",
-  "#1F1F1F",
-  "#161616",
-  "#0F0F0F",
-  "#000000"
-], j = {
-  colors: {
-    editor: {
-      text: m[5],
-      background: m[0]
-    },
-    menu: {
-      text: m[5],
-      background: m[0]
-    },
-    tooltip: {
-      text: m[5],
-      background: m[1]
-    },
-    hovered: {
-      text: m[5],
-      background: m[1]
-    },
-    selected: {
-      text: m[0],
-      background: m[5]
-    },
-    disabled: {
-      text: m[3],
-      background: m[1]
-    },
-    shadow: m[2],
-    border: m[1],
-    sideMenu: m[2],
-    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'
-}, ut = {
-  colors: {
-    editor: {
-      text: m[2],
-      background: m[6]
-    },
-    menu: {
-      text: m[2],
-      background: m[6]
-    },
-    tooltip: {
-      text: m[2],
-      background: m[7]
-    },
-    hovered: {
-      text: m[2],
-      background: m[7]
-    },
-    selected: {
-      text: m[2],
-      background: m[8]
-    },
-    disabled: {
-      text: m[5],
-      background: m[7]
-    },
-    shadow: m[8],
-    border: m[7],
-    sideMenu: m[4],
-    highlights: Z
-  },
-  borderRadius: j.borderRadius,
-  fontFamily: j.fontFamily
-}, nt = {
+}), nt = {
   FormattingToolbar: {
-    Root: L,
-    Button: E,
+    Root: M,
+    Button: F,
     Select: tt
   },
   FilePanel: {
@@ -903,8 +826,8 @@ const W = ce(void 0), Pe = g((e, n) => {
     Loader: Ue
   },
   LinkToolbar: {
-    Root: L,
-    Button: E
+    Root: M,
+    Button: F
   },
   SideMenu: {
     Root: Ve,
@@ -922,12 +845,16 @@ const W = ce(void 0), Pe = g((e, n) => {
     ExtendButton: Xe
   },
   Generic: {
+    Toolbar: {
+      Root: M,
+      Button: F
+    },
     Form: {
       Root: (e) => /* @__PURE__ */ i("div", { children: e.children }),
       TextInput: pe
     },
     Menu: {
-      Root: Te,
+      Root: Pe,
       Trigger: Fe,
       Dropdown: Oe,
       Divider: De,
@@ -943,18 +870,18 @@ const W = ce(void 0), Pe = g((e, n) => {
 }, ot = {
   // Removes button press effect
   activeClassName: ""
-}, dt = (e) => {
-  const { className: n, theme: t, ...o } = e, r = Q(), s = X(), l = (r == null ? void 0 : r.colorSchemePreference) || s, a = F(
+}, ut = (e) => {
+  const { className: n, theme: t, ...o } = e, r = Q(), s = X(), l = (r == null ? void 0 : r.colorSchemePreference) || s, a = D(
     (c) => {
       if (c && (be(c), typeof t == "object")) {
         if ("light" in t && "dark" in t) {
-          D(
+          I(
             t[l === "dark" ? "dark" : "light"],
             c
           );
           return;
         }
-        D(t, c);
+        I(t, c);
         return;
       }
     },
@@ -970,7 +897,7 @@ const W = ce(void 0), Pe = g((e, n) => {
       children: /* @__PURE__ */ i(
         ee,
         {
-          className: J("bn-mantine", n || ""),
+          className: q("bn-mantine", n || ""),
           theme: typeof t == "object" ? void 0 : t,
           ...o,
           ref: a
@@ -978,12 +905,89 @@ const W = ce(void 0), Pe = g((e, n) => {
       )
     }
   ) });
+}, m = [
+  "#FFFFFF",
+  "#EFEFEF",
+  "#CFCFCF",
+  "#AFAFAF",
+  "#7F7F7F",
+  "#3F3F3F",
+  "#1F1F1F",
+  "#161616",
+  "#0F0F0F",
+  "#000000"
+], j = {
+  colors: {
+    editor: {
+      text: m[5],
+      background: m[0]
+    },
+    menu: {
+      text: m[5],
+      background: m[0]
+    },
+    tooltip: {
+      text: m[5],
+      background: m[1]
+    },
+    hovered: {
+      text: m[5],
+      background: m[1]
+    },
+    selected: {
+      text: m[0],
+      background: m[5]
+    },
+    disabled: {
+      text: m[3],
+      background: m[1]
+    },
+    shadow: m[2],
+    border: m[1],
+    sideMenu: m[2],
+    highlights: Z
+  },
+  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'
+}, dt = {
+  colors: {
+    editor: {
+      text: m[2],
+      background: m[6]
+    },
+    menu: {
+      text: m[2],
+      background: m[6]
+    },
+    tooltip: {
+      text: m[2],
+      background: m[7]
+    },
+    hovered: {
+      text: m[2],
+      background: m[7]
+    },
+    selected: {
+      text: m[2],
+      background: m[8]
+    },
+    disabled: {
+      text: m[5],
+      background: m[7]
+    },
+    shadow: m[8],
+    border: m[7],
+    sideMenu: m[4],
+    highlights: J
+  },
+  borderRadius: j.borderRadius,
+  fontFamily: j.fontFamily
 };
 export {
-  dt as BlockNoteView,
-  D as applyBlockNoteCSSVariablesFromTheme,
+  ut as BlockNoteView,
+  I as applyBlockNoteCSSVariablesFromTheme,
   nt as components,
-  ut as darkDefaultTheme,
+  dt as darkDefaultTheme,
   m as defaultColorScheme,
   j as lightDefaultTheme,
   be as removeBlockNoteCSSVariables