@blocknote/mantine 0.30.1 → 0.31.1

package/dist/blocknote-mantine.js

@@ -1,9 +1,9 @@
 import { jsx as s, jsxs as v } from "react/jsx-runtime";
-import { assertEmpty as d, isSafari as B, mergeCSSClasses as U, COLORS_DEFAULT as ae, COLORS_DARK_MODE_DEFAULT as le } from "@blocknote/core";
+import { assertEmpty as d, isSafari as B, mergeCSSClasses as z, COLORS_DEFAULT as ae, COLORS_DARK_MODE_DEFAULT as le } from "@blocknote/core";
 import { mergeRefs as W, FormattingToolbarController as ce, getFormattingToolbarItems as ue, FormattingToolbar as de, elementOverflow as q, useBlockNoteContext as me, usePrefersColorScheme as fe, ComponentsContext as ge, BlockNoteViewRaw as he } from "@blocknote/react";
-import { Button as T, ActionIcon as z, Tooltip as Z, Stack as j, Text as x, Group as b, Chip as be, Divider as pe, Card as J, Skeleton as _, Avatar as ve, TextInput as Q, Menu as S, CheckIcon as X, Tabs as P, LoadingOverlay as Se, FileInput as ye, PopoverDropdown as xe, PopoverTarget as Ce, Popover as we, Badge as Te, Loader as Y, Flex as Ne, MantineProvider as ke } from "@mantine/core";
-import w, { forwardRef as m, useState as $, useRef as k, useEffect as A, useContext as Pe, createContext as Fe, useCallback as E } from "react";
-import { useHover as Me, useFocusWithin as ee, mergeRefs as O, useFocusTrap as Oe } from "@mantine/hooks";
+import { Button as N, ActionIcon as j, Tooltip as Z, Stack as $, Text as w, Group as b, Chip as be, Divider as pe, Card as J, Skeleton as V, Avatar as ve, TextInput as Q, Menu as S, CheckIcon as X, Tabs as M, LoadingOverlay as Se, FileInput as ye, PopoverDropdown as xe, PopoverTarget as Ce, Popover as we, Badge as Te, Loader as Y, Flex as Ne, MantineProvider as ke } from "@mantine/core";
+import T, { forwardRef as m, useState as A, useRef as P, useEffect as _, useContext as Pe, createContext as Me, useCallback as E } from "react";
+import { useHover as Fe, useFocusWithin as ee, mergeRefs as R, useFocusTrap as Oe } from "@mantine/hooks";
 const te = (e, n, t = !1) => {
   const o = [];
   function r(i, l = "--bn") {
@@ -13,7 +13,7 @@ const te = (e, n, t = !1) => {
     }
   }
   return r(e), o;
-}, V = (e, n) => te(e, n), Re = {
+}, G = (e, n) => te(e, n), Re = {
   colors: {
     editor: {
       text: void 0,
@@ -83,9 +83,9 @@ const te = (e, n, t = !1) => {
   },
   borderRadius: void 0,
   fontFamily: void 0
-}, Ie = (e) => te(Re, e, !0), ne = (e) => /* @__PURE__ */ v(j, { gap: 0, className: "bn-tooltip", children: [
-  /* @__PURE__ */ s(x, { size: "sm", lineClamp: 5, children: e.mainTooltip }),
-  e.secondaryTooltip && /* @__PURE__ */ s(x, { size: "xs", lineClamp: 5, children: e.secondaryTooltip })
+}, Ie = (e) => te(Re, e, !0), ne = (e) => /* @__PURE__ */ v($, { gap: 0, className: "bn-tooltip", children: [
+  /* @__PURE__ */ s(w, { size: "sm", lineClamp: 5, children: e.mainTooltip }),
+  e.secondaryTooltip && /* @__PURE__ */ s(w, { size: "xs", lineClamp: 5, children: e.secondaryTooltip })
 ] }), I = m(
   (e, n) => {
     const {
@@ -102,16 +102,16 @@ const te = (e, n, t = !1) => {
       ...p
     } = e;
     d(p, !1);
-    const [N, y] = $(!1), R = o ? /* @__PURE__ */ s(
-      T,
+    const [C, y] = A(!1), k = o ? /* @__PURE__ */ s(
+      N,
       {
         "aria-label": g,
         className: t,
-        onMouseDown: (C) => {
-          B() && C.currentTarget.focus();
+        onMouseDown: (x) => {
+          B() && x.currentTarget.focus();
         },
-        onClick: (C) => {
-          y(!0), c == null || c(C);
+        onClick: (x) => {
+          y(!0), c == null || c(x);
         },
         onPointerLeave: () => y(!1),
         "aria-pressed": a,
@@ -124,15 +124,15 @@ const te = (e, n, t = !1) => {
         children: o
       }
     ) : /* @__PURE__ */ s(
-      z,
+      j,
       {
         className: t,
         "aria-label": g,
-        onMouseDown: (C) => {
-          B() && C.currentTarget.focus();
+        onMouseDown: (x) => {
+          B() && x.currentTarget.focus();
         },
-        onClick: (C) => {
-          y(!0), c == null || c(C);
+        onClick: (x) => {
+          y(!0), c == null || c(x);
         },
         onPointerLeave: () => y(!1),
         "aria-pressed": a,
@@ -148,7 +148,7 @@ const te = (e, n, t = !1) => {
     return r ? /* @__PURE__ */ s(
       Z,
       {
-        disabled: N,
+        disabled: C,
         withinPortal: !1,
         label: /* @__PURE__ */ s(
           ne,
@@ -157,9 +157,9 @@ const te = (e, n, t = !1) => {
             secondaryTooltip: i
           }
         ),
-        children: R
+        children: k
       }
-    ) : R;
+    ) : k;
   }
 ), De = m((e, n) => {
   const {
@@ -174,7 +174,7 @@ const te = (e, n, t = !1) => {
     ...g
   } = e;
   d(g, !1);
-  const [h, p] = $(!1), N = /* @__PURE__ */ v(
+  const [h, p] = A(!1), C = /* @__PURE__ */ v(
     be,
     {
       className: t,
@@ -195,7 +195,7 @@ const te = (e, n, t = !1) => {
       ]
     }
   );
-  return !l || h ? N : /* @__PURE__ */ s(
+  return !l || h ? C : /* @__PURE__ */ s(
     Z,
     {
       refProp: "rootRef",
@@ -207,7 +207,7 @@ const te = (e, n, t = !1) => {
           secondaryTooltip: a
         }
       ),
-      children: N
+      children: C
     }
   );
 }), Le = m((e, n) => {
@@ -225,8 +225,8 @@ const te = (e, n, t = !1) => {
     ...c
   } = e;
   d(c, !1);
-  const g = k(null);
-  return A(() => {
+  const g = P(null);
+  return _(() => {
     var h;
     i && ((h = g.current) == null || h.scrollIntoView({
       behavior: "smooth",
@@ -235,13 +235,13 @@ const te = (e, n, t = !1) => {
   }, [i]), /* @__PURE__ */ v(
     J,
     {
-      className: U(t, i ? "selected" : ""),
+      className: z(t, i ? "selected" : ""),
       onFocus: l,
       onBlur: a,
       tabIndex: u,
       ref: W([n, g]),
       children: [
-        r && /* @__PURE__ */ s(x, { className: "bn-header-text", children: r }),
+        r && /* @__PURE__ */ s(w, { className: "bn-header-text", children: r }),
         o
       ]
     }
@@ -255,15 +255,15 @@ const te = (e, n, t = !1) => {
     pe,
     {
       className: t,
-      label: /* @__PURE__ */ s(x, { children: o }),
+      label: /* @__PURE__ */ s(w, { children: o }),
       ref: n
     }
   );
 }), je = m((e, n) => {
   const { authorInfo: t, timeString: o, edited: r, ...i } = e;
   return d(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__ */ s(V, { height: 24, width: 24 }),
+    /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(V, { height: 12, width: 100 }) })
   ] }) : /* @__PURE__ */ v(b, { children: [
     /* @__PURE__ */ s(
       ve,
@@ -275,9 +275,9 @@ const te = (e, n, t = !1) => {
         color: "initials"
       }
     ),
-    /* @__PURE__ */ v(x, { fz: "sm", fw: "bold", children: [
+    /* @__PURE__ */ v(w, { fz: "sm", fw: "bold", children: [
       t.username,
-      /* @__PURE__ */ v(x, { fz: "xs", c: "dimmed", span: !0, ml: "xs", children: [
+      /* @__PURE__ */ v(w, { fz: "xs", c: "dimmed", span: !0, ml: "xs", children: [
         o,
         " ",
         r && "(edited)"
@@ -294,12 +294,12 @@ const te = (e, n, t = !1) => {
     actions: a,
     children: u,
     ...c
-  } = e, { hovered: g, ref: h } = Me(), { focused: p, ref: N } = ee(), y = W([n, h]);
+  } = e, { hovered: g, ref: h } = Fe(), { focused: p, ref: C } = ee(), y = W([n, h]);
   return d(c, !1), /* @__PURE__ */ v(b, { pos: "relative", ref: y, className: t, children: [
     a && (o === !0 || o === void 0 || o === "hover" && g || p) ? /* @__PURE__ */ s(
       b,
       {
-        ref: N,
+        ref: C,
         style: {
           position: "absolute",
           right: 0,
@@ -315,7 +315,7 @@ const te = (e, n, t = !1) => {
 }), Ae = m((e, n) => {
   const { className: t, autoFocus: o, onFocus: r, onBlur: i, editor: l, editable: a, ...u } = e;
   return d(u, !1), /* @__PURE__ */ s(
-    Mt,
+    Ft,
     {
       autoFocus: o,
       className: t,
@@ -347,31 +347,41 @@ const te = (e, n, t = !1) => {
     className: t,
     name: o,
     label: r,
-    icon: i,
-    value: l,
-    autoFocus: a,
-    placeholder: u,
-    onKeyDown: c,
-    onChange: g,
-    onSubmit: h,
-    ...p
+    variant: i,
+    icon: l,
+    value: a,
+    autoFocus: u,
+    placeholder: c,
+    disabled: g,
+    onKeyDown: h,
+    onChange: p,
+    onSubmit: C,
+    autoComplete: y,
+    rightSection: k,
+    ...x
   } = e;
-  return d(p), /* @__PURE__ */ s(
+  return d(x), /* @__PURE__ */ s(
     Q,
     {
       size: "xs",
-      className: t,
+      className: z(
+        t || "",
+        i === "large" ? "bn-mt-input-large" : ""
+      ),
       ref: n,
       name: o,
       label: r,
-      leftSection: i,
-      value: l,
-      autoFocus: a,
-      "data-autofocus": a ? "true" : void 0,
-      placeholder: u,
-      onKeyDown: c,
-      onChange: g,
-      onSubmit: h
+      leftSection: l,
+      value: a,
+      autoFocus: u,
+      "data-autofocus": u ? "true" : void 0,
+      rightSection: k,
+      placeholder: c,
+      disabled: g,
+      onKeyDown: h,
+      onChange: p,
+      onSubmit: C,
+      autoComplete: y
     }
   );
 });
@@ -381,7 +391,7 @@ var oe = {
   className: void 0,
   style: void 0,
   attr: void 0
-}, G = w.createContext && /* @__PURE__ */ w.createContext(oe), Ge = ["attr", "size", "title"];
+}, H = T.createContext && /* @__PURE__ */ T.createContext(oe), Ge = ["attr", "size", "title"];
 function He(e, n) {
   if (e == null) return {};
   var t = Ke(e, n), o, r;
@@ -412,7 +422,7 @@ function F() {
     return e;
   }, F.apply(this, arguments);
 }
-function H(e, n) {
+function K(e, n) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var o = Object.getOwnPropertySymbols(e);
@@ -422,12 +432,12 @@ function H(e, n) {
   }
   return t;
 }
-function M(e) {
+function O(e) {
   for (var n = 1; n < arguments.length; n++) {
     var t = arguments[n] != null ? arguments[n] : {};
-    n % 2 ? H(Object(t), !0).forEach(function(o) {
+    n % 2 ? K(Object(t), !0).forEach(function(o) {
       Ue(e, o, t[o]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : H(Object(t)).forEach(function(o) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : K(Object(t)).forEach(function(o) {
       Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(t, o));
     });
   }
@@ -451,13 +461,13 @@ function qe(e, n) {
   return (n === "string" ? String : Number)(e);
 }
 function re(e) {
-  return e && e.map((n, t) => /* @__PURE__ */ w.createElement(n.tag, M({
+  return e && e.map((n, t) => /* @__PURE__ */ T.createElement(n.tag, O({
     key: t
   }, n.attr), re(n.child)));
 }
 function se(e) {
-  return (n) => /* @__PURE__ */ w.createElement(Ze, F({
-    attr: M({}, e.attr)
+  return (n) => /* @__PURE__ */ T.createElement(Ze, F({
+    attr: O({}, e.attr)
   }, n), re(e.child));
 }
 function Ze(e) {
@@ -467,21 +477,21 @@ function Ze(e) {
       size: r,
       title: i
     } = e, l = He(e, Ge), a = r || t.size || "1em", u;
-    return t.className && (u = t.className), e.className && (u = (u ? u + " " : "") + e.className), /* @__PURE__ */ w.createElement("svg", F({
+    return t.className && (u = t.className), e.className && (u = (u ? u + " " : "") + e.className), /* @__PURE__ */ T.createElement("svg", F({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
     }, t.attr, o, l, {
       className: u,
-      style: M(M({
+      style: O(O({
         color: e.color || t.color
       }, t.style), e.style),
       height: a,
       width: a,
       xmlns: "http://www.w3.org/2000/svg"
-    }), i && /* @__PURE__ */ w.createElement("title", null, i), e.children);
+    }), i && /* @__PURE__ */ T.createElement("title", null, i), e.children);
   };
-  return G !== void 0 ? /* @__PURE__ */ w.createElement(G.Consumer, null, (t) => n(t)) : n(oe);
+  return H !== void 0 ? /* @__PURE__ */ T.createElement(H.Consumer, null, (t) => n(t)) : n(oe);
 }
 function Je(e) {
   return se({ 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);
@@ -489,7 +499,7 @@ function Je(e) {
 function Qe(e) {
   return se({ 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 ie = Fe(void 0), Xe = m((e, n) => {
+const ie = Me(void 0), Xe = m((e, n) => {
   const {
     children: t,
     onOpenChange: o,
@@ -499,7 +509,7 @@ const ie = Fe(void 0), Xe = m((e, n) => {
     ...l
   } = e;
   d(l);
-  const [a, u] = $(!1), c = k(null), g = k(), h = E(() => {
+  const [a, u] = A(!1), c = P(null), g = P(), h = E(() => {
     g.current && clearTimeout(g.current), g.current = setTimeout(() => {
       u(!1);
     }, 250);
@@ -517,7 +527,7 @@ const ie = Fe(void 0), Xe = m((e, n) => {
         S.Item,
         {
           className: "bn-menu-item bn-mt-sub-menu-item",
-          ref: O(n, c),
+          ref: R(n, c),
           onMouseOver: p,
           onMouseLeave: h,
           children: /* @__PURE__ */ s(
@@ -624,7 +634,7 @@ const ie = Fe(void 0), Xe = m((e, n) => {
     ...g
   } = e;
   return d(g, !1), r ? /* @__PURE__ */ s(
-    z,
+    j,
     {
       size: 24,
       className: t,
@@ -638,7 +648,7 @@ const ie = Fe(void 0), Xe = m((e, n) => {
       children: r
     }
   ) : /* @__PURE__ */ s(
-    T,
+    N,
     {
       className: t,
       ref: n,
@@ -662,15 +672,15 @@ const ie = Fe(void 0), Xe = m((e, n) => {
     ...u
   } = e;
   return d(u), /* @__PURE__ */ s(b, { className: t, ref: n, children: /* @__PURE__ */ v(
-    P,
+    M,
     {
       value: i,
       defaultValue: r,
       onChange: l,
       children: [
         a && /* @__PURE__ */ s(Se, { visible: a }),
-        /* @__PURE__ */ s(P.List, { children: o.map((c) => /* @__PURE__ */ s(
-          P.Tab,
+        /* @__PURE__ */ s(M.List, { children: o.map((c) => /* @__PURE__ */ s(
+          M.Tab,
           {
             "data-test": `${c.name.toLowerCase()}-tab`,
             value: c.name,
@@ -678,14 +688,14 @@ const ie = Fe(void 0), Xe = m((e, n) => {
           },
           c.name
         )) }),
-        o.map((c) => /* @__PURE__ */ s(P.Panel, { value: c.name, children: c.tabPanel }, c.name))
+        o.map((c) => /* @__PURE__ */ s(M.Panel, { value: c.name, children: c.tabPanel }, c.name))
       ]
     }
   ) });
 }), at = m((e, n) => {
   const { className: t, children: o, onClick: r, label: i, ...l } = e;
   return d(l), /* @__PURE__ */ s(
-    T,
+    N,
     {
       size: "xs",
       "aria-label": i,
@@ -770,7 +780,7 @@ const ie = Fe(void 0), Xe = m((e, n) => {
     ...g
   } = e;
   return d(g, !1), r ? /* @__PURE__ */ s(
-    z,
+    j,
     {
       size: 24,
       className: t,
@@ -784,7 +794,7 @@ const ie = Fe(void 0), Xe = m((e, n) => {
       children: r
     }
   ) : /* @__PURE__ */ s(
-    T,
+    N,
     {
       className: t,
       ref: n,
@@ -800,7 +810,7 @@ const ie = Fe(void 0), Xe = m((e, n) => {
 }), bt = m((e, n) => {
   const { className: t, children: o, id: r, ...i } = e;
   return d(i), /* @__PURE__ */ s(
-    j,
+    $,
     {
       gap: 0,
       className: t,
@@ -816,13 +826,14 @@ const ie = Fe(void 0), Xe = m((e, n) => {
 }), vt = m((e, n) => {
   const { className: t, isSelected: o, onClick: r, item: i, id: l, ...a } = e;
   d(a);
-  const u = k(null);
-  return A(() => {
+  const u = P(null);
+  return _(() => {
     if (!u.current || !o)
       return;
     const c = q(
       u.current,
-      document.querySelector(".bn-suggestion-menu")
+      document.querySelector(".bn-suggestion-menu, #ai-suggestion-menu")
+      // TODO
     );
     c === "top" ? u.current.scrollIntoView(!0) : c === "bottom" && u.current.scrollIntoView(!1);
   }, [o]), /* @__PURE__ */ v(
@@ -830,9 +841,10 @@ const ie = Fe(void 0), Xe = m((e, n) => {
     {
       gap: 0,
       className: t,
-      ref: O(n, u),
+      ref: R(n, u),
       id: l,
       role: "option",
+      onMouseDown: (c) => c.preventDefault(),
       onClick: r,
       "aria-selected": o || void 0,
       children: [
@@ -844,9 +856,9 @@ const ie = Fe(void 0), Xe = m((e, n) => {
             children: i.icon
           }
         ),
-        /* @__PURE__ */ v(j, { gap: 0, className: "bn-mt-suggestion-menu-item-body", children: [
-          /* @__PURE__ */ s(x, { className: "bn-mt-suggestion-menu-item-title", children: i.title }),
-          /* @__PURE__ */ s(x, { className: "bn-mt-suggestion-menu-item-subtitle", children: i.subtext })
+        /* @__PURE__ */ v($, { gap: 0, className: "bn-mt-suggestion-menu-item-body", children: [
+          /* @__PURE__ */ s(w, { className: "bn-mt-suggestion-menu-item-title", children: i.title }),
+          /* @__PURE__ */ s(w, { className: "bn-mt-suggestion-menu-item-subtitle", children: i.subtext })
         ] }),
         i.badge && /* @__PURE__ */ s(
           b,
@@ -863,13 +875,8 @@ const ie = Fe(void 0), Xe = m((e, n) => {
   const { className: t, children: o, ...r } = e;
   return d(r), /* @__PURE__ */ s(b, { className: t, ref: n, children: o });
 }), yt = m((e, n) => {
-  const {
-    className: t,
-    children: o,
-    // unused, using "dots" instead
-    ...r
-  } = e;
-  return d(r), /* @__PURE__ */ s(Y, { className: t, type: "dots", ref: n });
+  const { className: t, ...o } = e;
+  return d(o), /* @__PURE__ */ s(Y, { className: t, type: "dots", size: 16, ref: n });
 }), xt = m((e, n) => {
   const { className: t, children: o, id: r, columns: i, ...l } = e;
   return d(l), /* @__PURE__ */ s(
@@ -897,8 +904,8 @@ const ie = Fe(void 0), Xe = m((e, n) => {
 }), wt = m((e, n) => {
   const { className: t, isSelected: o, onClick: r, item: i, id: l, ...a } = e;
   d(a);
-  const u = k(null);
-  return A(() => {
+  const u = P(null);
+  return _(() => {
     if (!u.current || !o)
       return;
     const c = q(
@@ -910,7 +917,7 @@ const ie = Fe(void 0), Xe = m((e, n) => {
     "div",
     {
       className: t,
-      ref: O(n, u),
+      ref: R(n, u),
       id: l,
       role: "option",
       onClick: r,
@@ -938,7 +945,7 @@ const ie = Fe(void 0), Xe = m((e, n) => {
 }), Nt = m((e, n) => {
   const { children: t, className: o, onMouseDown: r, onClick: i, ...l } = e;
   return d(l, !1), /* @__PURE__ */ s(
-    T,
+    N,
     {
       className: o,
       ref: n,
@@ -960,7 +967,7 @@ const ie = Fe(void 0), Xe = m((e, n) => {
     ...c
   } = e;
   return d(c, !1), /* @__PURE__ */ s(
-    T,
+    N,
     {
       className: t,
       ref: n,
@@ -984,7 +991,7 @@ const ie = Fe(void 0), Xe = m((e, n) => {
       ...a
     } = e;
     d(a);
-    const { ref: u, focused: c } = ee(), g = Oe(c), h = O(n, u, g);
+    const { ref: u, focused: c } = ee(), g = Oe(c), h = R(n, u, g);
     return /* @__PURE__ */ s(
       Ne,
       {
@@ -1013,7 +1020,7 @@ const ie = Fe(void 0), Xe = m((e, n) => {
       middlewares: { flip: !0, shift: !0, inline: !1, size: !0 },
       children: [
         /* @__PURE__ */ s(S.Target, { children: /* @__PURE__ */ s(
-          T,
+          N,
           {
             onMouseDown: (a) => {
               B() && a.currentTarget.focus();
@@ -1118,21 +1125,21 @@ const ie = Fe(void 0), Xe = m((e, n) => {
     CardSection: Ee,
     ExpandSectionsPrompt: ze
   }
-}, Ft = {
+}, Mt = {
   // Removes button press effect
   activeClassName: ""
-}, Mt = (e) => {
+}, Ft = (e) => {
   const { className: n, theme: t, ...o } = e, r = me(), i = fe(), l = (r == null ? void 0 : r.colorSchemePreference) || i, a = E(
     (c) => {
       if (c && (Ie(c), typeof t == "object")) {
         if ("light" in t && "dark" in t) {
-          V(
+          G(
             t[l === "dark" ? "dark" : "light"],
             c
           );
           return;
         }
-        V(t, c);
+        G(t, c);
         return;
       }
     },
@@ -1141,7 +1148,7 @@ const ie = Fe(void 0), Xe = m((e, n) => {
   return /* @__PURE__ */ s(ge.Provider, { value: Pt, children: /* @__PURE__ */ s(
     ke,
     {
-      theme: Ft,
+      theme: Mt,
       cssVariablesSelector: ".bn-mantine",
       getRootElement: () => {
       },
@@ -1149,7 +1156,7 @@ const ie = Fe(void 0), Xe = m((e, n) => {
         he,
         {
           "data-mantine-color-scheme": u,
-          className: U("bn-mantine", n || ""),
+          className: z("bn-mantine", n || ""),
           theme: typeof t == "object" ? void 0 : t,
           ...o,
           ref: a
@@ -1168,7 +1175,7 @@ const ie = Fe(void 0), Xe = m((e, n) => {
   "#161616",
   "#0F0F0F",
   "#000000"
-], K = {
+], U = {
   colors: {
     editor: {
       text: f[5],
@@ -1232,16 +1239,16 @@ const ie = Fe(void 0), Xe = m((e, n) => {
     sideMenu: f[4],
     highlights: le
   },
-  borderRadius: K.borderRadius,
-  fontFamily: K.fontFamily
+  borderRadius: U.borderRadius,
+  fontFamily: U.fontFamily
 };
 export {
-  Mt as BlockNoteView,
-  V as applyBlockNoteCSSVariablesFromTheme,
+  Ft as BlockNoteView,
+  G as applyBlockNoteCSSVariablesFromTheme,
   Pt as components,
   Et as darkDefaultTheme,
   f as defaultColorScheme,
-  K as lightDefaultTheme,
+  U as lightDefaultTheme,
   Ie as removeBlockNoteCSSVariables
 };
 //# sourceMappingURL=blocknote-mantine.js.map