@blocknote/mantine 0.31.2 → 0.31.3

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 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 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";
+import { mergeRefs as W, useDictionary as ce, FormattingToolbarController as ue, getFormattingToolbarItems as de, FormattingToolbar as me, elementOverflow as q, useBlockNoteContext as fe, usePrefersColorScheme as ge, ComponentsContext as he, BlockNoteViewRaw as be } from "@blocknote/react";
+import { Button as N, ActionIcon as j, Tooltip as Z, Stack as $, Text as w, Group as b, Chip as pe, Divider as ve, Card as J, Skeleton as V, Avatar as Se, TextInput as Q, Menu as S, CheckIcon as X, Tabs as M, LoadingOverlay as ye, FileInput as xe, PopoverDropdown as Ce, PopoverTarget as we, Popover as Te, Badge as Ne, Loader as Y, Flex as ke, MantineProvider as Pe } from "@mantine/core";
+import T, { forwardRef as m, useState as A, useRef as P, useEffect as _, useContext as Me, createContext as Fe, useCallback as E } from "react";
+import { useHover as Oe, useFocusWithin as ee, mergeRefs as R, useFocusTrap as Re } 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;
-}, G = (e, n) => te(e, n), Re = {
+}, G = (e, n) => te(e, n), De = {
   colors: {
     editor: {
       text: void 0,
@@ -83,10 +83,10 @@ const te = (e, n, t = !1) => {
   },
   borderRadius: void 0,
   fontFamily: void 0
-}, Ie = (e) => te(Re, e, !0), ne = (e) => /* @__PURE__ */ v($, { gap: 0, className: "bn-tooltip", children: [
+}, Ie = (e) => te(De, 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(
+] }), D = m(
   (e, n) => {
     const {
       className: t,
@@ -161,7 +161,7 @@ const te = (e, n, t = !1) => {
       }
     ) : k;
   }
-), De = m((e, n) => {
+), Le = m((e, n) => {
   const {
     className: t,
     text: o,
@@ -175,7 +175,7 @@ const te = (e, n, t = !1) => {
   } = e;
   d(g, !1);
   const [h, p] = A(!1), C = /* @__PURE__ */ v(
-    be,
+    pe,
     {
       className: t,
       checked: i === !0,
@@ -210,10 +210,10 @@ const te = (e, n, t = !1) => {
       children: C
     }
   );
-}), Le = m((e, n) => {
+}), Be = m((e, n) => {
   const { className: t, children: o, ...r } = e;
   return d(r), /* @__PURE__ */ s(b, { className: t, ref: n, children: o });
-}), Be = m((e, n) => {
+}), Ee = m((e, n) => {
   const {
     className: t,
     children: o,
@@ -246,27 +246,27 @@ const te = (e, n, t = !1) => {
       ]
     }
   );
-}), Ee = m((e, n) => {
+}), ze = m((e, n) => {
   const { className: t, children: o, ...r } = e;
   return d(r, !1), /* @__PURE__ */ s(J.Section, { className: t, ref: n, children: o });
-}), ze = m((e, n) => {
+}), je = m((e, n) => {
   const { className: t, children: o, ...r } = e;
   return d(r, !1), /* @__PURE__ */ s(
-    pe,
+    ve,
     {
       className: t,
       label: /* @__PURE__ */ s(w, { children: o }),
       ref: n
     }
   );
-}), je = m((e, n) => {
-  const { authorInfo: t, timeString: o, edited: r, ...i } = e;
+}), $e = m((e, n) => {
+  const { authorInfo: t, timeString: o, edited: r, ...i } = e, l = ce();
   return d(i, !1), t === "loading" ? /* @__PURE__ */ v(b, { children: [
     /* @__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,
+      Se,
       {
         src: t.avatarUrl,
         alt: t.username,
@@ -280,11 +280,11 @@ const te = (e, n, t = !1) => {
       /* @__PURE__ */ v(w, { fz: "xs", c: "dimmed", span: !0, ml: "xs", children: [
         o,
         " ",
-        r && "(edited)"
+        r && `(${l.comments.edited})`
       ] })
     ] })
   ] });
-}), $e = m((e, n) => {
+}), Ae = m((e, n) => {
   const {
     className: t,
     showActions: o,
@@ -294,7 +294,7 @@ const te = (e, n, t = !1) => {
     actions: a,
     children: u,
     ...c
-  } = e, { hovered: g, ref: h } = Fe(), { focused: p, ref: C } = ee(), y = W([n, h]);
+  } = e, { hovered: g, ref: h } = Oe(), { 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,
@@ -309,13 +309,13 @@ const te = (e, n, t = !1) => {
         children: a
       }
     ) : null,
-    /* @__PURE__ */ s(je, { ...e }),
+    /* @__PURE__ */ s($e, { ...e }),
     u
   ] });
-}), Ae = m((e, n) => {
+}), _e = m((e, n) => {
   const { className: t, autoFocus: o, onFocus: r, onBlur: i, editor: l, editable: a, ...u } = e;
   return d(u, !1), /* @__PURE__ */ s(
-    Ft,
+    Ot,
     {
       autoFocus: o,
       className: t,
@@ -330,19 +330,19 @@ const te = (e, n, t = !1) => {
       onFocus: r,
       onBlur: i,
       children: /* @__PURE__ */ s(
-        ce,
+        ue,
         {
-          formattingToolbar: _e
+          formattingToolbar: Ve
         }
       )
     }
   );
-}), _e = () => {
-  const e = ue([]).filter(
+}), Ve = () => {
+  const e = de([]).filter(
     (n) => n.key !== "nestBlockButton" && n.key !== "unnestBlockButton"
   );
-  return /* @__PURE__ */ s(de, { blockTypeSelectItems: [], children: e });
-}, Ve = m((e, n) => {
+  return /* @__PURE__ */ s(me, { blockTypeSelectItems: [], children: e });
+}, Ge = m((e, n) => {
   const {
     className: t,
     name: o,
@@ -391,10 +391,10 @@ var oe = {
   className: void 0,
   style: void 0,
   attr: void 0
-}, H = T.createContext && /* @__PURE__ */ T.createContext(oe), Ge = ["attr", "size", "title"];
-function He(e, n) {
+}, H = T.createContext && /* @__PURE__ */ T.createContext(oe), He = ["attr", "size", "title"];
+function Ke(e, n) {
   if (e == null) return {};
-  var t = Ke(e, n), o, r;
+  var t = Ue(e, n), o, r;
   if (Object.getOwnPropertySymbols) {
     var i = Object.getOwnPropertySymbols(e);
     for (r = 0; r < i.length; r++)
@@ -402,7 +402,7 @@ function He(e, n) {
   }
   return t;
 }
-function Ke(e, n) {
+function Ue(e, n) {
   if (e == null) return {};
   var t = {};
   for (var o in e)
@@ -436,21 +436,21 @@ function O(e) {
   for (var n = 1; n < arguments.length; n++) {
     var t = arguments[n] != null ? arguments[n] : {};
     n % 2 ? K(Object(t), !0).forEach(function(o) {
-      Ue(e, o, t[o]);
+      We(e, o, t[o]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : K(Object(t)).forEach(function(o) {
       Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(t, o));
     });
   }
   return e;
 }
-function Ue(e, n, t) {
-  return n = We(n), n in e ? Object.defineProperty(e, n, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[n] = t, e;
+function We(e, n, t) {
+  return n = qe(n), n in e ? Object.defineProperty(e, n, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[n] = t, e;
 }
-function We(e) {
-  var n = qe(e, "string");
+function qe(e) {
+  var n = Ze(e, "string");
   return typeof n == "symbol" ? n : n + "";
 }
-function qe(e, n) {
+function Ze(e, n) {
   if (typeof e != "object" || !e) return e;
   var t = e[Symbol.toPrimitive];
   if (t !== void 0) {
@@ -466,17 +466,17 @@ function re(e) {
   }, n.attr), re(n.child)));
 }
 function se(e) {
-  return (n) => /* @__PURE__ */ T.createElement(Ze, F({
+  return (n) => /* @__PURE__ */ T.createElement(Je, F({
     attr: O({}, e.attr)
   }, n), re(e.child));
 }
-function Ze(e) {
+function Je(e) {
   var n = (t) => {
     var {
       attr: o,
       size: r,
       title: i
-    } = e, l = He(e, Ge), a = r || t.size || "1em", u;
+    } = e, l = Ke(e, He), a = r || t.size || "1em", u;
     return t.className && (u = t.className), e.className && (u = (u ? u + " " : "") + e.className), /* @__PURE__ */ T.createElement("svg", F({
       stroke: "currentColor",
       fill: "currentColor",
@@ -493,13 +493,13 @@ function Ze(e) {
   };
   return H !== void 0 ? /* @__PURE__ */ T.createElement(H.Consumer, null, (t) => n(t)) : n(oe);
 }
-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: "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 Qe(e) {
+function Xe(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 = Me(void 0), Xe = m((e, n) => {
+const ie = Fe(void 0), Ye = m((e, n) => {
   const {
     children: t,
     onOpenChange: o,
@@ -548,9 +548,9 @@ const ie = Me(void 0), Xe = m((e, n) => {
       )
     }
   );
-}), Ye = (e) => {
+}), et = (e) => {
   const { children: n, onOpenChange: t, position: o, sub: r, ...i } = e;
-  return d(i), r ? /* @__PURE__ */ s(Xe, { ...e }) : /* @__PURE__ */ s(
+  return d(i), r ? /* @__PURE__ */ s(Ye, { ...e }) : /* @__PURE__ */ s(
     S,
     {
       withinPortal: !1,
@@ -560,7 +560,7 @@ const ie = Me(void 0), Xe = m((e, n) => {
       children: n
     }
   );
-}, et = m((e, n) => {
+}, tt = m((e, n) => {
   const { className: t, children: o, icon: r, checked: i, subTrigger: l, onClick: a, ...u } = e;
   return d(u, !1), l ? /* @__PURE__ */ v(
     "div",
@@ -572,7 +572,7 @@ const ie = Me(void 0), Xe = m((e, n) => {
       ...u,
       children: [
         o,
-        /* @__PURE__ */ s(Qe, { size: 15 })
+        /* @__PURE__ */ s(Xe, { size: 15 })
       ]
     }
   ) : /* @__PURE__ */ s(
@@ -587,7 +587,7 @@ const ie = Me(void 0), Xe = m((e, n) => {
       children: o
     }
   );
-}), tt = (e) => {
+}), nt = (e) => {
   const {
     children: n,
     sub: t,
@@ -595,7 +595,7 @@ const ie = Me(void 0), Xe = m((e, n) => {
     ...o
   } = e;
   return d(o), /* @__PURE__ */ s(S.Target, { children: n });
-}, nt = m((e, n) => {
+}, ot = m((e, n) => {
   const {
     className: t,
     children: o,
@@ -604,7 +604,7 @@ const ie = Me(void 0), Xe = m((e, n) => {
     ...i
   } = e;
   d(i);
-  const l = Pe(ie);
+  const l = Me(ie);
   return /* @__PURE__ */ s(
     S.Dropdown,
     {
@@ -615,13 +615,13 @@ const ie = Me(void 0), Xe = m((e, n) => {
       children: o
     }
   );
-}), ot = m((e, n) => {
+}), rt = m((e, n) => {
   const { className: t, ...o } = e;
   return d(o), /* @__PURE__ */ s(S.Divider, { className: t, ref: n });
-}), rt = m((e, n) => {
+}), st = m((e, n) => {
   const { className: t, children: o, ...r } = e;
   return d(r), /* @__PURE__ */ s(S.Label, { className: t, ref: n, children: o });
-}), st = m((e, n) => {
+}), it = m((e, n) => {
   const {
     className: t,
     children: o,
@@ -661,7 +661,7 @@ const ie = Me(void 0), Xe = m((e, n) => {
       children: o
     }
   );
-}), it = m((e, n) => {
+}), at = m((e, n) => {
   const {
     className: t,
     tabs: o,
@@ -678,7 +678,7 @@ const ie = Me(void 0), Xe = m((e, n) => {
       defaultValue: r,
       onChange: l,
       children: [
-        a && /* @__PURE__ */ s(Se, { visible: a }),
+        a && /* @__PURE__ */ s(ye, { visible: a }),
         /* @__PURE__ */ s(M.List, { children: o.map((c) => /* @__PURE__ */ s(
           M.Tab,
           {
@@ -692,7 +692,7 @@ const ie = Me(void 0), Xe = m((e, n) => {
       ]
     }
   ) });
-}), at = m((e, n) => {
+}), lt = m((e, n) => {
   const { className: t, children: o, onClick: r, label: i, ...l } = e;
   return d(l), /* @__PURE__ */ s(
     N,
@@ -706,10 +706,10 @@ const ie = Me(void 0), Xe = m((e, n) => {
       children: o
     }
   );
-}), lt = m((e, n) => {
+}), ct = m((e, n) => {
   const { className: t, accept: o, value: r, placeholder: i, onChange: l, ...a } = e;
   return d(a), /* @__PURE__ */ s(
-    ye,
+    xe,
     {
       size: "xs",
       className: t,
@@ -721,10 +721,10 @@ const ie = Me(void 0), Xe = m((e, n) => {
       ...a
     }
   );
-}), ct = m((e, n) => {
+}), ut = m((e, n) => {
   const { className: t, children: o, ...r } = e;
   return d(r), /* @__PURE__ */ s("div", { className: t, ref: n, children: o });
-}), ut = m((e, n) => {
+}), dt = m((e, n) => {
   const { className: t, value: o, placeholder: r, onKeyDown: i, onChange: l, ...a } = e;
   return d(a), /* @__PURE__ */ s(
     Q,
@@ -739,13 +739,13 @@ const ie = Me(void 0), Xe = m((e, n) => {
       onChange: l
     }
   );
-}), dt = (e) => {
+}), mt = (e) => {
   const { opened: n, position: t, children: o, ...r } = e;
-  return d(r), /* @__PURE__ */ s(we, { withinPortal: !1, opened: n, position: t, children: o });
-}, mt = (e) => {
+  return d(r), /* @__PURE__ */ s(Te, { withinPortal: !1, opened: n, position: t, children: o });
+}, ft = (e) => {
   const { children: n, ...t } = e;
-  return d(t), /* @__PURE__ */ s(Ce, { children: n });
-}, ft = m((e, n) => {
+  return d(t), /* @__PURE__ */ s(we, { children: n });
+}, gt = m((e, n) => {
   const {
     className: t,
     children: o,
@@ -753,8 +753,8 @@ const ie = Me(void 0), Xe = m((e, n) => {
     // unused
     ...i
   } = e;
-  return d(i), /* @__PURE__ */ s(xe, { className: t, ref: n, children: o });
-}), gt = m((e, n) => {
+  return d(i), /* @__PURE__ */ s(Ce, { className: t, ref: n, children: o });
+}), ht = m((e, n) => {
   const { className: t, children: o, ...r } = e;
   return d(r, !1), /* @__PURE__ */ s(
     b,
@@ -767,7 +767,7 @@ const ie = Me(void 0), Xe = m((e, n) => {
       children: o
     }
   );
-}), ht = m((e, n) => {
+}), bt = m((e, n) => {
   const {
     className: t,
     children: o,
@@ -807,7 +807,7 @@ const ie = Me(void 0), Xe = m((e, n) => {
       children: o
     }
   );
-}), bt = m((e, n) => {
+}), pt = m((e, n) => {
   const { className: t, children: o, id: r, ...i } = e;
   return d(i), /* @__PURE__ */ s(
     $,
@@ -820,10 +820,10 @@ const ie = Me(void 0), Xe = m((e, n) => {
       children: o
     }
   );
-}), pt = m((e, n) => {
+}), vt = m((e, n) => {
   const { className: t, children: o, ...r } = e;
   return d(r), /* @__PURE__ */ s(b, { className: t, ref: n, children: /* @__PURE__ */ s(b, { className: "bn-mt-suggestion-menu-item-title", children: o }) });
-}), vt = m((e, n) => {
+}), St = m((e, n) => {
   const { className: t, isSelected: o, onClick: r, item: i, id: l, ...a } = e;
   d(a);
   const u = P(null);
@@ -865,19 +865,19 @@ const ie = Me(void 0), Xe = m((e, n) => {
           {
             "data-position": "right",
             className: "bn-mt-suggestion-menu-item-section",
-            children: /* @__PURE__ */ s(Te, { size: "xs", children: i.badge })
+            children: /* @__PURE__ */ s(Ne, { size: "xs", children: i.badge })
           }
         )
       ]
     }
   );
-}), St = m((e, n) => {
+}), yt = 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) => {
+}), xt = m((e, n) => {
   const { className: t, ...o } = e;
   return d(o), /* @__PURE__ */ s(Y, { className: t, type: "dots", size: 16, ref: n });
-}), xt = m((e, n) => {
+}), Ct = m((e, n) => {
   const { className: t, children: o, id: r, columns: i, ...l } = e;
   return d(l), /* @__PURE__ */ s(
     "div",
@@ -890,7 +890,7 @@ const ie = Me(void 0), Xe = m((e, n) => {
       children: o
     }
   );
-}), Ct = m((e, n) => {
+}), wt = m((e, n) => {
   const { className: t, children: o, columns: r, ...i } = e;
   return d(i), /* @__PURE__ */ s(
     b,
@@ -901,7 +901,7 @@ const ie = Me(void 0), Xe = m((e, n) => {
       children: /* @__PURE__ */ s(b, { className: "bn-mt-suggestion-menu-item-title", children: o })
     }
   );
-}), wt = m((e, n) => {
+}), Tt = m((e, n) => {
   const { className: t, isSelected: o, onClick: r, item: i, id: l, ...a } = e;
   d(a);
   const u = P(null);
@@ -925,7 +925,7 @@ const ie = Me(void 0), Xe = m((e, n) => {
       children: i.icon
     }
   );
-}), Tt = m((e, n) => {
+}), Nt = m((e, n) => {
   const {
     className: t,
     children: o,
@@ -942,7 +942,7 @@ const ie = Me(void 0), Xe = m((e, n) => {
       ref: n
     }
   );
-}), Nt = m((e, n) => {
+}), kt = m((e, n) => {
   const { children: t, className: o, onMouseDown: r, onClick: i, ...l } = e;
   return d(l, !1), /* @__PURE__ */ s(
     N,
@@ -955,7 +955,7 @@ const ie = Me(void 0), Xe = m((e, n) => {
       children: t
     }
   );
-}), kt = m((e, n) => {
+}), Pt = m((e, n) => {
   const {
     className: t,
     children: o,
@@ -980,7 +980,7 @@ const ie = Me(void 0), Xe = m((e, n) => {
       children: o
     }
   );
-}), D = m(
+}), I = m(
   (e, n) => {
     const {
       className: t,
@@ -991,9 +991,9 @@ const ie = Me(void 0), Xe = m((e, n) => {
       ...a
     } = e;
     d(a);
-    const { ref: u, focused: c } = ee(), g = Oe(c), h = R(n, u, g);
+    const { ref: u, focused: c } = ee(), g = Re(c), h = R(n, u, g);
     return /* @__PURE__ */ s(
-      Ne,
+      ke,
       {
         className: t,
         ref: h,
@@ -1026,7 +1026,7 @@ const ie = Me(void 0), Xe = m((e, n) => {
               B() && a.currentTarget.focus();
             },
             leftSection: l.icon,
-            rightSection: /* @__PURE__ */ s(Je, {}),
+            rightSection: /* @__PURE__ */ s(Qe, {}),
             size: "xs",
             variant: "subtle",
             disabled: r,
@@ -1050,86 +1050,86 @@ const ie = Me(void 0), Xe = m((e, n) => {
       ]
     }
   ) : null;
-}), Pt = {
+}), Mt = {
   FormattingToolbar: {
-    Root: D,
-    Button: I,
+    Root: I,
+    Button: D,
     Select: L
   },
   FilePanel: {
-    Root: it,
-    Button: at,
-    FileInput: lt,
-    TabPanel: ct,
-    TextInput: ut
+    Root: at,
+    Button: lt,
+    FileInput: ct,
+    TabPanel: ut,
+    TextInput: dt
   },
   GridSuggestionMenu: {
-    Root: xt,
-    Item: wt,
-    EmptyItem: Ct,
-    Loader: Tt
+    Root: Ct,
+    Item: Tt,
+    EmptyItem: wt,
+    Loader: Nt
   },
   LinkToolbar: {
-    Root: D,
-    Button: I,
+    Root: I,
+    Button: D,
     Select: L
   },
   SideMenu: {
-    Root: gt,
-    Button: ht
+    Root: ht,
+    Button: bt
   },
   SuggestionMenu: {
-    Root: bt,
-    Item: vt,
-    EmptyItem: pt,
-    Label: St,
-    Loader: yt
+    Root: pt,
+    Item: St,
+    EmptyItem: vt,
+    Label: yt,
+    Loader: xt
   },
   TableHandle: {
-    Root: kt,
-    ExtendButton: Nt
+    Root: Pt,
+    ExtendButton: kt
   },
   Generic: {
     Badge: {
-      Root: De,
-      Group: Le
+      Root: Le,
+      Group: Be
     },
     Form: {
       Root: (e) => /* @__PURE__ */ s("div", { children: e.children }),
-      TextInput: Ve
+      TextInput: Ge
     },
     Menu: {
-      Root: Ye,
-      Trigger: tt,
-      Dropdown: nt,
-      Divider: ot,
-      Label: rt,
-      Item: et,
-      Button: st
+      Root: et,
+      Trigger: nt,
+      Dropdown: ot,
+      Divider: rt,
+      Label: st,
+      Item: tt,
+      Button: it
     },
     Popover: {
-      Root: dt,
-      Trigger: mt,
-      Content: ft
+      Root: mt,
+      Trigger: ft,
+      Content: gt
     },
     Toolbar: {
-      Root: D,
-      Button: I,
+      Root: I,
+      Button: D,
       Select: L
     }
   },
   Comments: {
-    Comment: $e,
-    Editor: Ae,
-    Card: Be,
-    CardSection: Ee,
-    ExpandSectionsPrompt: ze
+    Comment: Ae,
+    Editor: _e,
+    Card: Ee,
+    CardSection: ze,
+    ExpandSectionsPrompt: je
   }
-}, Mt = {
+}, Ft = {
   // Removes button press effect
   activeClassName: ""
-}, Ft = (e) => {
-  const { className: n, theme: t, ...o } = e, r = me(), i = fe(), l = (r == null ? void 0 : r.colorSchemePreference) || i, a = E(
+}, Ot = (e) => {
+  const { className: n, theme: t, ...o } = e, r = fe(), i = ge(), 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) {
@@ -1145,15 +1145,15 @@ const ie = Me(void 0), Xe = m((e, n) => {
     },
     [l, t]
   ), u = typeof t == "string" ? t : l !== "no-preference" ? l : "light";
-  return /* @__PURE__ */ s(ge.Provider, { value: Pt, children: /* @__PURE__ */ s(
-    ke,
+  return /* @__PURE__ */ s(he.Provider, { value: Mt, children: /* @__PURE__ */ s(
+    Pe,
     {
-      theme: Mt,
+      theme: Ft,
       cssVariablesSelector: ".bn-mantine",
       getRootElement: () => {
       },
       children: /* @__PURE__ */ s(
-        he,
+        be,
         {
           "data-mantine-color-scheme": u,
           className: z("bn-mantine", n || ""),
@@ -1208,7 +1208,7 @@ const ie = Me(void 0), Xe = m((e, n) => {
   },
   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'
-}, Et = {
+}, zt = {
   colors: {
     editor: {
       text: f[2],
@@ -1243,10 +1243,10 @@ const ie = Me(void 0), Xe = m((e, n) => {
   fontFamily: U.fontFamily
 };
 export {
-  Ft as BlockNoteView,
+  Ot as BlockNoteView,
   G as applyBlockNoteCSSVariablesFromTheme,
-  Pt as components,
-  Et as darkDefaultTheme,
+  Mt as components,
+  zt as darkDefaultTheme,
   f as defaultColorScheme,
   U as lightDefaultTheme,
   Ie as removeBlockNoteCSSVariables