@blocknote/mantine 0.13.5 → 0.14.1

package/dist/blocknote-mantine.js

@@ -1,11 +1,10 @@
-import M, { forwardRef as T, createContext as wr, useState as Sr, useRef as _r, useCallback as oe, useContext as Pr } from "react";
-import { useBlockNoteContext as Cr, ComponentsContext as Or, BlockNoteViewRaw as Fr } from "@blocknote/react";
-import * as d from "@mantine/core";
-import { MantineProvider as Mr } from "@mantine/core";
-import Dr from "use-prefers-color-scheme";
-import { assertEmpty as R, isSafari as ae } from "@blocknote/core";
-import { useFocusWithin as Nr, useFocusTrap as Ir, mergeRefs as Lr } from "@mantine/hooks";
-var ie = { exports: {} }, B = {};
+import D, { forwardRef as R, createContext as zr, useState as Wr, useRef as ce, useCallback as de, useContext as Br, useEffect as Vr } from "react";
+import { elementOverflow as Yr, useBlockNoteContext as Ur, ComponentsContext as Kr, BlockNoteViewRaw as Gr } from "@blocknote/react";
+import { TextInput as Je, Menu as O, CheckIcon as qe, Group as N, Tabs as X, LoadingOverlay as Hr, Button as U, FileInput as Jr, Popover as qr, PopoverTarget as Xr, PopoverDropdown as Zr, ActionIcon as Xe, Stack as be, Text as Z, Badge as Qr, Loader as et, Tooltip as rt, MantineProvider as tt } from "@mantine/core";
+import nt from "use-prefers-color-scheme";
+import { assertEmpty as j, isSafari as fe } from "@blocknote/core";
+import { mergeRefs as ge, useFocusWithin as ot, useFocusTrap as at } from "@mantine/hooks";
+var ve = { exports: {} }, V = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -15,25 +14,25 @@ var ie = { exports: {} }, B = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Fe;
-function Ar() {
-  if (Fe)
-    return B;
-  Fe = 1;
-  var r = M, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, s = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function f(u, b, p) {
-    var y, w = {}, P = null, W = null;
-    p !== void 0 && (P = "" + p), b.key !== void 0 && (P = "" + b.key), b.ref !== void 0 && (W = b.ref);
-    for (y in b)
-      o.call(b, y) && !c.hasOwnProperty(y) && (w[y] = b[y]);
+var We;
+function it() {
+  if (We)
+    return V;
+  We = 1;
+  var r = D, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, s = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function f(u, d, b) {
+    var h, w = {}, k = null, K = null;
+    b !== void 0 && (k = "" + b), d.key !== void 0 && (k = "" + d.key), d.ref !== void 0 && (K = d.ref);
+    for (h in d)
+      o.call(d, h) && !c.hasOwnProperty(h) && (w[h] = d[h]);
     if (u && u.defaultProps)
-      for (y in b = u.defaultProps, b)
-        w[y] === void 0 && (w[y] = b[y]);
-    return { $$typeof: t, type: u, key: P, ref: W, props: w, _owner: s.current };
+      for (h in d = u.defaultProps, d)
+        w[h] === void 0 && (w[h] = d[h]);
+    return { $$typeof: t, type: u, key: k, ref: K, props: w, _owner: s.current };
   }
-  return B.Fragment = n, B.jsx = f, B.jsxs = f, B;
+  return V.Fragment = n, V.jsx = f, V.jsxs = f, V;
 }
-var $ = {};
+var Y = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -43,54 +42,54 @@ var $ = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Me;
-function zr() {
-  return Me || (Me = 1, process.env.NODE_ENV !== "production" && function() {
-    var r = M, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), u = Symbol.for("react.context"), b = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), w = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), W = Symbol.for("react.offscreen"), se = Symbol.iterator, Ue = "@@iterator";
-    function Ge(e) {
+var Be;
+function st() {
+  return Be || (Be = 1, process.env.NODE_ENV !== "production" && function() {
+    var r = D, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), u = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), w = Symbol.for("react.memo"), k = Symbol.for("react.lazy"), K = Symbol.for("react.offscreen"), pe = Symbol.iterator, nr = "@@iterator";
+    function or(e) {
       if (e === null || typeof e != "object")
         return null;
-      var a = se && e[se] || e[Ue];
+      var a = pe && e[pe] || e[nr];
       return typeof a == "function" ? a : null;
     }
-    var N = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var L = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function S(e) {
       {
         for (var a = arguments.length, i = new Array(a > 1 ? a - 1 : 0), v = 1; v < a; v++)
           i[v - 1] = arguments[v];
-        He("error", e, i);
+        ar("error", e, i);
       }
     }
-    function He(e, a, i) {
+    function ar(e, a, i) {
       {
-        var v = N.ReactDebugCurrentFrame, h = v.getStackAddendum();
-        h !== "" && (a += "%s", i = i.concat([h]));
-        var j = i.map(function(g) {
-          return String(g);
+        var v = L.ReactDebugCurrentFrame, m = v.getStackAddendum();
+        m !== "" && (a += "%s", i = i.concat([m]));
+        var y = i.map(function(p) {
+          return String(p);
         });
-        j.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, j);
+        y.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, y);
       }
     }
-    var Ke = !1, qe = !1, Je = !1, Xe = !1, Ze = !1, le;
-    le = Symbol.for("react.module.reference");
-    function Qe(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === o || e === c || Ze || e === s || e === p || e === y || Xe || e === W || Ke || qe || Je || typeof e == "object" && e !== null && (e.$$typeof === P || e.$$typeof === w || e.$$typeof === f || e.$$typeof === u || e.$$typeof === b || // This needs to include all possible module reference object
+    var ir = !1, sr = !1, lr = !1, ur = !1, cr = !1, me;
+    me = Symbol.for("react.module.reference");
+    function dr(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === o || e === c || cr || e === s || e === b || e === h || ur || e === K || ir || sr || lr || typeof e == "object" && e !== null && (e.$$typeof === k || e.$$typeof === w || e.$$typeof === f || e.$$typeof === u || e.$$typeof === d || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      e.$$typeof === le || e.getModuleId !== void 0));
+      e.$$typeof === me || e.getModuleId !== void 0));
     }
-    function er(e, a, i) {
+    function fr(e, a, i) {
       var v = e.displayName;
       if (v)
         return v;
-      var h = a.displayName || a.name || "";
-      return h !== "" ? i + "(" + h + ")" : i;
+      var m = a.displayName || a.name || "";
+      return m !== "" ? i + "(" + m + ")" : i;
     }
-    function ue(e) {
+    function he(e) {
       return e.displayName || "Context";
     }
-    function O(e) {
+    function F(e) {
       if (e == null)
         return null;
       if (typeof e.tag == "number" && S("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
@@ -106,28 +105,28 @@ function zr() {
           return "Profiler";
         case s:
           return "StrictMode";
-        case p:
+        case b:
           return "Suspense";
-        case y:
+        case h:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case u:
             var a = e;
-            return ue(a) + ".Consumer";
+            return he(a) + ".Consumer";
           case f:
             var i = e;
-            return ue(i._context) + ".Provider";
-          case b:
-            return er(e, e.render, "ForwardRef");
+            return he(i._context) + ".Provider";
+          case d:
+            return fr(e, e.render, "ForwardRef");
           case w:
             var v = e.displayName || null;
-            return v !== null ? v : O(e.type) || "Memo";
-          case P: {
-            var h = e, j = h._payload, g = h._init;
+            return v !== null ? v : F(e.type) || "Memo";
+          case k: {
+            var m = e, y = m._payload, p = m._init;
             try {
-              return O(g(j));
+              return F(p(y));
             } catch {
               return null;
             }
@@ -135,18 +134,18 @@ function zr() {
         }
       return null;
     }
-    var D = Object.assign, A = 0, ce, de, fe, ve, be, pe, me;
-    function ge() {
+    var M = Object.assign, z = 0, xe, ye, je, Re, Ee, Te, we;
+    function ke() {
     }
-    ge.__reactDisabledLog = !0;
-    function rr() {
+    ke.__reactDisabledLog = !0;
+    function vr() {
       {
-        if (A === 0) {
-          ce = console.log, de = console.info, fe = console.warn, ve = console.error, be = console.group, pe = console.groupCollapsed, me = console.groupEnd;
+        if (z === 0) {
+          xe = console.log, ye = console.info, je = console.warn, Re = console.error, Ee = console.group, Te = console.groupCollapsed, we = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: ge,
+            value: ke,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -159,254 +158,254 @@ function zr() {
             groupEnd: e
           });
         }
-        A++;
+        z++;
       }
     }
-    function tr() {
+    function br() {
       {
-        if (A--, A === 0) {
+        if (z--, z === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: D({}, e, {
-              value: ce
+            log: M({}, e, {
+              value: xe
             }),
-            info: D({}, e, {
-              value: de
+            info: M({}, e, {
+              value: ye
             }),
-            warn: D({}, e, {
-              value: fe
+            warn: M({}, e, {
+              value: je
             }),
-            error: D({}, e, {
-              value: ve
+            error: M({}, e, {
+              value: Re
             }),
-            group: D({}, e, {
-              value: be
+            group: M({}, e, {
+              value: Ee
             }),
-            groupCollapsed: D({}, e, {
-              value: pe
+            groupCollapsed: M({}, e, {
+              value: Te
             }),
-            groupEnd: D({}, e, {
-              value: me
+            groupEnd: M({}, e, {
+              value: we
             })
           });
         }
-        A < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        z < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var J = N.ReactCurrentDispatcher, X;
-    function V(e, a, i) {
+    var re = L.ReactCurrentDispatcher, te;
+    function G(e, a, i) {
       {
-        if (X === void 0)
+        if (te === void 0)
           try {
             throw Error();
-          } catch (h) {
-            var v = h.stack.trim().match(/\n( *(at )?)/);
-            X = v && v[1] || "";
+          } catch (m) {
+            var v = m.stack.trim().match(/\n( *(at )?)/);
+            te = v && v[1] || "";
           }
         return `
-` + X + e;
+` + te + e;
       }
     }
-    var Z = !1, Y;
+    var ne = !1, H;
     {
-      var nr = typeof WeakMap == "function" ? WeakMap : Map;
-      Y = new nr();
+      var gr = typeof WeakMap == "function" ? WeakMap : Map;
+      H = new gr();
     }
-    function he(e, a) {
-      if (!e || Z)
+    function Se(e, a) {
+      if (!e || ne)
         return "";
       {
-        var i = Y.get(e);
+        var i = H.get(e);
         if (i !== void 0)
           return i;
       }
       var v;
-      Z = !0;
-      var h = Error.prepareStackTrace;
+      ne = !0;
+      var m = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var j;
-      j = J.current, J.current = null, rr();
+      var y;
+      y = re.current, re.current = null, vr();
       try {
         if (a) {
-          var g = function() {
+          var p = function() {
             throw Error();
           };
-          if (Object.defineProperty(g.prototype, "props", {
+          if (Object.defineProperty(p.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(g, []);
-            } catch (F) {
-              v = F;
+              Reflect.construct(p, []);
+            } catch (_) {
+              v = _;
             }
-            Reflect.construct(e, [], g);
+            Reflect.construct(e, [], p);
           } else {
             try {
-              g.call();
-            } catch (F) {
-              v = F;
+              p.call();
+            } catch (_) {
+              v = _;
             }
-            e.call(g.prototype);
+            e.call(p.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (F) {
-            v = F;
+          } catch (_) {
+            v = _;
           }
           e();
         }
-      } catch (F) {
-        if (F && v && typeof F.stack == "string") {
-          for (var m = F.stack.split(`
-`), _ = v.stack.split(`
-`), E = m.length - 1, k = _.length - 1; E >= 1 && k >= 0 && m[E] !== _[k]; )
-            k--;
-          for (; E >= 1 && k >= 0; E--, k--)
-            if (m[E] !== _[k]) {
-              if (E !== 1 || k !== 1)
+      } catch (_) {
+        if (_ && v && typeof _.stack == "string") {
+          for (var g = _.stack.split(`
+`), P = v.stack.split(`
+`), E = g.length - 1, T = P.length - 1; E >= 1 && T >= 0 && g[E] !== P[T]; )
+            T--;
+          for (; E >= 1 && T >= 0; E--, T--)
+            if (g[E] !== P[T]) {
+              if (E !== 1 || T !== 1)
                 do
-                  if (E--, k--, k < 0 || m[E] !== _[k]) {
+                  if (E--, T--, T < 0 || g[E] !== P[T]) {
                     var C = `
-` + m[E].replace(" at new ", " at ");
-                    return e.displayName && C.includes("<anonymous>") && (C = C.replace("<anonymous>", e.displayName)), typeof e == "function" && Y.set(e, C), C;
+` + g[E].replace(" at new ", " at ");
+                    return e.displayName && C.includes("<anonymous>") && (C = C.replace("<anonymous>", e.displayName)), typeof e == "function" && H.set(e, C), C;
                   }
-                while (E >= 1 && k >= 0);
+                while (E >= 1 && T >= 0);
               break;
             }
         }
       } finally {
-        Z = !1, J.current = j, tr(), Error.prepareStackTrace = h;
+        ne = !1, re.current = y, br(), Error.prepareStackTrace = m;
       }
-      var L = e ? e.displayName || e.name : "", Oe = L ? V(L) : "";
-      return typeof e == "function" && Y.set(e, Oe), Oe;
+      var $ = e ? e.displayName || e.name : "", I = $ ? G($) : "";
+      return typeof e == "function" && H.set(e, I), I;
     }
-    function or(e, a, i) {
-      return he(e, !1);
+    function pr(e, a, i) {
+      return Se(e, !1);
     }
-    function ar(e) {
+    function mr(e) {
       var a = e.prototype;
       return !!(a && a.isReactComponent);
     }
-    function U(e, a, i) {
+    function J(e, a, i) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return he(e, ar(e));
+        return Se(e, mr(e));
       if (typeof e == "string")
-        return V(e);
+        return G(e);
       switch (e) {
-        case p:
-          return V("Suspense");
-        case y:
-          return V("SuspenseList");
+        case b:
+          return G("Suspense");
+        case h:
+          return G("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case b:
-            return or(e.render);
+          case d:
+            return pr(e.render);
           case w:
-            return U(e.type, a, i);
-          case P: {
-            var v = e, h = v._payload, j = v._init;
+            return J(e.type, a, i);
+          case k: {
+            var v = e, m = v._payload, y = v._init;
             try {
-              return U(j(h), a, i);
+              return J(y(m), a, i);
             } catch {
             }
           }
         }
       return "";
     }
-    var G = Object.prototype.hasOwnProperty, xe = {}, ye = N.ReactDebugCurrentFrame;
-    function H(e) {
+    var W = Object.prototype.hasOwnProperty, Pe = {}, _e = L.ReactDebugCurrentFrame;
+    function q(e) {
       if (e) {
-        var a = e._owner, i = U(e.type, e._source, a ? a.type : null);
-        ye.setExtraStackFrame(i);
+        var a = e._owner, i = J(e.type, e._source, a ? a.type : null);
+        _e.setExtraStackFrame(i);
       } else
-        ye.setExtraStackFrame(null);
+        _e.setExtraStackFrame(null);
     }
-    function ir(e, a, i, v, h) {
+    function hr(e, a, i, v, m) {
       {
-        var j = Function.call.bind(G);
-        for (var g in e)
-          if (j(e, g)) {
-            var m = void 0;
+        var y = Function.call.bind(W);
+        for (var p in e)
+          if (y(e, p)) {
+            var g = void 0;
             try {
-              if (typeof e[g] != "function") {
-                var _ = Error((v || "React class") + ": " + i + " type `" + g + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[g] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw _.name = "Invariant Violation", _;
+              if (typeof e[p] != "function") {
+                var P = Error((v || "React class") + ": " + i + " type `" + p + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[p] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw P.name = "Invariant Violation", P;
               }
-              m = e[g](a, g, v, i, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              g = e[p](a, p, v, i, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (E) {
-              m = E;
+              g = E;
             }
-            m && !(m instanceof Error) && (H(h), S("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", v || "React class", i, g, typeof m), H(null)), m instanceof Error && !(m.message in xe) && (xe[m.message] = !0, H(h), S("Failed %s type: %s", i, m.message), H(null));
+            g && !(g instanceof Error) && (q(m), S("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", v || "React class", i, p, typeof g), q(null)), g instanceof Error && !(g.message in Pe) && (Pe[g.message] = !0, q(m), S("Failed %s type: %s", i, g.message), q(null));
           }
       }
     }
-    var sr = Array.isArray;
-    function Q(e) {
-      return sr(e);
+    var xr = Array.isArray;
+    function oe(e) {
+      return xr(e);
     }
-    function lr(e) {
+    function yr(e) {
       {
         var a = typeof Symbol == "function" && Symbol.toStringTag, i = a && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return i;
       }
     }
-    function ur(e) {
+    function jr(e) {
       try {
-        return je(e), !1;
+        return Ce(e), !1;
       } catch {
         return !0;
       }
     }
-    function je(e) {
+    function Ce(e) {
       return "" + e;
     }
-    function Re(e) {
-      if (ur(e))
-        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", lr(e)), je(e);
+    function Oe(e) {
+      if (jr(e))
+        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", yr(e)), Ce(e);
     }
-    var z = N.ReactCurrentOwner, cr = {
+    var B = L.ReactCurrentOwner, Rr = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Te, Ee, ee;
-    ee = {};
-    function dr(e) {
-      if (G.call(e, "ref")) {
+    }, Fe, De, ae;
+    ae = {};
+    function Er(e) {
+      if (W.call(e, "ref")) {
         var a = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (a && a.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function fr(e) {
-      if (G.call(e, "key")) {
+    function Tr(e) {
+      if (W.call(e, "key")) {
         var a = Object.getOwnPropertyDescriptor(e, "key").get;
         if (a && a.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function vr(e, a) {
-      if (typeof e.ref == "string" && z.current && a && z.current.stateNode !== a) {
-        var i = O(z.current.type);
-        ee[i] || (S('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', O(z.current.type), e.ref), ee[i] = !0);
+    function wr(e, a) {
+      if (typeof e.ref == "string" && B.current && a && B.current.stateNode !== a) {
+        var i = F(B.current.type);
+        ae[i] || (S('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', F(B.current.type), e.ref), ae[i] = !0);
       }
     }
-    function br(e, a) {
+    function kr(e, a) {
       {
         var i = function() {
-          Te || (Te = !0, S("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", a));
+          Fe || (Fe = !0, S("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", a));
         };
         i.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: i,
@@ -414,10 +413,10 @@ function zr() {
         });
       }
     }
-    function pr(e, a) {
+    function Sr(e, a) {
       {
         var i = function() {
-          Ee || (Ee = !0, S("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", a));
+          De || (De = !0, S("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", a));
         };
         i.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: i,
@@ -425,70 +424,70 @@ function zr() {
         });
       }
     }
-    var mr = function(e, a, i, v, h, j, g) {
-      var m = {
+    var Pr = function(e, a, i, v, m, y, p) {
+      var g = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
         type: e,
         key: a,
         ref: i,
-        props: g,
+        props: p,
         // Record the component responsible for creating this element.
-        _owner: j
+        _owner: y
       };
-      return m._store = {}, Object.defineProperty(m._store, "validated", {
+      return g._store = {}, Object.defineProperty(g._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(m, "_self", {
+      }), Object.defineProperty(g, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: v
-      }), Object.defineProperty(m, "_source", {
+      }), Object.defineProperty(g, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: h
-      }), Object.freeze && (Object.freeze(m.props), Object.freeze(m)), m;
+        value: m
+      }), Object.freeze && (Object.freeze(g.props), Object.freeze(g)), g;
     };
-    function gr(e, a, i, v, h) {
+    function _r(e, a, i, v, m) {
       {
-        var j, g = {}, m = null, _ = null;
-        i !== void 0 && (Re(i), m = "" + i), fr(a) && (Re(a.key), m = "" + a.key), dr(a) && (_ = a.ref, vr(a, h));
-        for (j in a)
-          G.call(a, j) && !cr.hasOwnProperty(j) && (g[j] = a[j]);
+        var y, p = {}, g = null, P = null;
+        i !== void 0 && (Oe(i), g = "" + i), Tr(a) && (Oe(a.key), g = "" + a.key), Er(a) && (P = a.ref, wr(a, m));
+        for (y in a)
+          W.call(a, y) && !Rr.hasOwnProperty(y) && (p[y] = a[y]);
         if (e && e.defaultProps) {
           var E = e.defaultProps;
-          for (j in E)
-            g[j] === void 0 && (g[j] = E[j]);
+          for (y in E)
+            p[y] === void 0 && (p[y] = E[y]);
         }
-        if (m || _) {
-          var k = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          m && br(g, k), _ && pr(g, k);
+        if (g || P) {
+          var T = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          g && kr(p, T), P && Sr(p, T);
         }
-        return mr(e, m, _, h, v, z.current, g);
+        return Pr(e, g, P, m, v, B.current, p);
       }
     }
-    var re = N.ReactCurrentOwner, ke = N.ReactDebugCurrentFrame;
-    function I(e) {
+    var ie = L.ReactCurrentOwner, Ne = L.ReactDebugCurrentFrame;
+    function A(e) {
       if (e) {
-        var a = e._owner, i = U(e.type, e._source, a ? a.type : null);
-        ke.setExtraStackFrame(i);
+        var a = e._owner, i = J(e.type, e._source, a ? a.type : null);
+        Ne.setExtraStackFrame(i);
       } else
-        ke.setExtraStackFrame(null);
+        Ne.setExtraStackFrame(null);
     }
-    var te;
-    te = !1;
-    function ne(e) {
+    var se;
+    se = !1;
+    function le(e) {
       return typeof e == "object" && e !== null && e.$$typeof === t;
     }
-    function we() {
+    function Me() {
       {
-        if (re.current) {
-          var e = O(re.current.type);
+        if (ie.current) {
+          var e = F(ie.current.type);
           if (e)
             return `
 
@@ -497,7 +496,7 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function hr(e) {
+    function Cr(e) {
       {
         if (e !== void 0) {
           var a = e.fileName.replace(/^.*[\\\/]/, ""), i = e.lineNumber;
@@ -508,10 +507,10 @@ Check your code at ` + a + ":" + i + ".";
         return "";
       }
     }
-    var Se = {};
-    function xr(e) {
+    var Ie = {};
+    function Or(e) {
       {
-        var a = we();
+        var a = Me();
         if (!a) {
           var i = typeof e == "string" ? e : e.displayName || e.name;
           i && (a = `
@@ -521,39 +520,39 @@ Check the top-level render call using <` + i + ">.");
         return a;
       }
     }
-    function _e(e, a) {
+    function Le(e, a) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var i = xr(a);
-        if (Se[i])
+        var i = Or(a);
+        if (Ie[i])
           return;
-        Se[i] = !0;
+        Ie[i] = !0;
         var v = "";
-        e && e._owner && e._owner !== re.current && (v = " It was passed a child from " + O(e._owner.type) + "."), I(e), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', i, v), I(null);
+        e && e._owner && e._owner !== ie.current && (v = " It was passed a child from " + F(e._owner.type) + "."), A(e), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', i, v), A(null);
       }
     }
-    function Pe(e, a) {
+    function Ae(e, a) {
       {
         if (typeof e != "object")
           return;
-        if (Q(e))
+        if (oe(e))
           for (var i = 0; i < e.length; i++) {
             var v = e[i];
-            ne(v) && _e(v, a);
+            le(v) && Le(v, a);
           }
-        else if (ne(e))
+        else if (le(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var h = Ge(e);
-          if (typeof h == "function" && h !== e.entries)
-            for (var j = h.call(e), g; !(g = j.next()).done; )
-              ne(g.value) && _e(g.value, a);
+          var m = or(e);
+          if (typeof m == "function" && m !== e.entries)
+            for (var y = m.call(e), p; !(p = y.next()).done; )
+              le(p.value) && Le(p.value, a);
         }
       }
     }
-    function yr(e) {
+    function Fr(e) {
       {
         var a = e.type;
         if (a == null || typeof a == "string")
@@ -561,87 +560,102 @@ Check the top-level render call using <` + i + ">.");
         var i;
         if (typeof a == "function")
           i = a.propTypes;
-        else if (typeof a == "object" && (a.$$typeof === b || // Note: Memo only checks outer props here.
+        else if (typeof a == "object" && (a.$$typeof === d || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         a.$$typeof === w))
           i = a.propTypes;
         else
           return;
         if (i) {
-          var v = O(a);
-          ir(i, e.props, "prop", v, e);
-        } else if (a.PropTypes !== void 0 && !te) {
-          te = !0;
-          var h = O(a);
-          S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", h || "Unknown");
+          var v = F(a);
+          hr(i, e.props, "prop", v, e);
+        } else if (a.PropTypes !== void 0 && !se) {
+          se = !0;
+          var m = F(a);
+          S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", m || "Unknown");
         }
         typeof a.getDefaultProps == "function" && !a.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function jr(e) {
+    function Dr(e) {
       {
         for (var a = Object.keys(e.props), i = 0; i < a.length; i++) {
           var v = a[i];
           if (v !== "children" && v !== "key") {
-            I(e), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), I(null);
+            A(e), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), A(null);
             break;
           }
         }
-        e.ref !== null && (I(e), S("Invalid attribute `ref` supplied to `React.Fragment`."), I(null));
+        e.ref !== null && (A(e), S("Invalid attribute `ref` supplied to `React.Fragment`."), A(null));
       }
     }
-    function Ce(e, a, i, v, h, j) {
+    var $e = {};
+    function ze(e, a, i, v, m, y) {
       {
-        var g = Qe(e);
-        if (!g) {
-          var m = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (m += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var _ = hr(h);
-          _ ? m += _ : m += we();
+        var p = dr(e);
+        if (!p) {
+          var g = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (g += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var P = Cr(m);
+          P ? g += P : g += Me();
           var E;
-          e === null ? E = "null" : Q(e) ? E = "array" : e !== void 0 && e.$$typeof === t ? (E = "<" + (O(e.type) || "Unknown") + " />", m = " Did you accidentally export a JSX literal instead of a component?") : E = typeof e, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", E, m);
+          e === null ? E = "null" : oe(e) ? E = "array" : e !== void 0 && e.$$typeof === t ? (E = "<" + (F(e.type) || "Unknown") + " />", g = " Did you accidentally export a JSX literal instead of a component?") : E = typeof e, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", E, g);
         }
-        var k = gr(e, a, i, h, j);
-        if (k == null)
-          return k;
-        if (g) {
+        var T = _r(e, a, i, m, y);
+        if (T == null)
+          return T;
+        if (p) {
           var C = a.children;
           if (C !== void 0)
             if (v)
-              if (Q(C)) {
-                for (var L = 0; L < C.length; L++)
-                  Pe(C[L], e);
+              if (oe(C)) {
+                for (var $ = 0; $ < C.length; $++)
+                  Ae(C[$], e);
                 Object.freeze && Object.freeze(C);
               } else
                 S("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              Pe(C, e);
+              Ae(C, e);
         }
-        return e === o ? jr(k) : yr(k), k;
+        if (W.call(a, "key")) {
+          var I = F(e), _ = Object.keys(a).filter(function($r) {
+            return $r !== "key";
+          }), ue = _.length > 0 ? "{key: someKey, " + _.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!$e[I + ue]) {
+            var Ar = _.length > 0 ? "{" + _.join(": ..., ") + ": ...}" : "{}";
+            S(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`, ue, I, Ar, I), $e[I + ue] = !0;
+          }
+        }
+        return e === o ? Dr(T) : Fr(T), T;
       }
     }
-    function Rr(e, a, i) {
-      return Ce(e, a, i, !0);
+    function Nr(e, a, i) {
+      return ze(e, a, i, !0);
     }
-    function Tr(e, a, i) {
-      return Ce(e, a, i, !1);
+    function Mr(e, a, i) {
+      return ze(e, a, i, !1);
     }
-    var Er = Tr, kr = Rr;
-    $.Fragment = o, $.jsx = Er, $.jsxs = kr;
-  }()), $;
+    var Ir = Mr, Lr = Nr;
+    Y.Fragment = o, Y.jsx = Ir, Y.jsxs = Lr;
+  }()), Y;
 }
-process.env.NODE_ENV === "production" ? ie.exports = Ar() : ie.exports = zr();
-var l = ie.exports;
-const Be = (r, t, n = !1) => {
+process.env.NODE_ENV === "production" ? ve.exports = it() : ve.exports = st();
+var l = ve.exports;
+const Ze = (r, t, n = !1) => {
   const o = [];
   function s(c, f = "--bn") {
     for (const u in c) {
-      const b = u.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), p = `${f}-${b}`;
-      typeof c[u] != "object" ? (typeof c[u] == "number" && (c[u] = `${c[u]}px`), n ? t.style.removeProperty(p) : t.style.setProperty(p, c[u].toString())) : s(c[u], p);
+      const d = u.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), b = `${f}-${d}`;
+      typeof c[u] != "object" ? (typeof c[u] == "number" && (c[u] = `${c[u]}px`), n ? t.style.removeProperty(b) : t.style.setProperty(b, c[u].toString())) : s(c[u], b);
     }
   }
   return s(r), o;
-}, De = (r, t) => Be(r, t), Br = {
+}, Ve = (r, t) => Ze(r, t), lt = {
   colors: {
     editor: {
       text: void 0,
@@ -711,7 +725,7 @@ const Be = (r, t, n = !1) => {
   },
   borderRadius: void 0,
   fontFamily: void 0
-}, $r = (r) => Be(Br, r, !0), Wr = T((r, t) => {
+}, ut = (r) => Ze(lt, r, !0), ct = R((r, t) => {
   const {
     className: n,
     name: o,
@@ -719,14 +733,14 @@ const Be = (r, t, n = !1) => {
     icon: c,
     value: f,
     autoFocus: u,
-    placeholder: b,
-    onKeyDown: p,
-    onChange: y,
+    placeholder: d,
+    onKeyDown: b,
+    onChange: h,
     onSubmit: w,
-    ...P
+    ...k
   } = r;
-  return R(P), /* @__PURE__ */ l.jsx(
-    d.TextInput,
+  return j(k), /* @__PURE__ */ l.jsx(
+    Je,
     {
       size: "xs",
       className: n,
@@ -737,24 +751,24 @@ const Be = (r, t, n = !1) => {
       value: f,
       autoFocus: u,
       "data-autofocus": u ? "true" : void 0,
-      placeholder: b,
-      onKeyDown: p,
-      onChange: y,
+      placeholder: d,
+      onKeyDown: b,
+      onChange: h,
       onSubmit: w
     }
   );
 });
-var $e = {
+var Qe = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, Ne = M.createContext && /* @__PURE__ */ M.createContext($e), Vr = ["attr", "size", "title"];
-function Yr(r, t) {
+}, Ye = D.createContext && /* @__PURE__ */ D.createContext(Qe), dt = ["attr", "size", "title"];
+function ft(r, t) {
   if (r == null)
     return {};
-  var n = Ur(r, t), o, s;
+  var n = vt(r, t), o, s;
   if (Object.getOwnPropertySymbols) {
     var c = Object.getOwnPropertySymbols(r);
     for (s = 0; s < c.length; s++)
@@ -762,7 +776,7 @@ function Yr(r, t) {
   }
   return n;
 }
-function Ur(r, t) {
+function vt(r, t) {
   if (r == null)
     return {};
   var n = {};
@@ -774,17 +788,17 @@ function Ur(r, t) {
     }
   return n;
 }
-function K() {
-  return K = Object.assign ? Object.assign.bind() : function(r) {
+function Q() {
+  return Q = Object.assign ? Object.assign.bind() : function(r) {
     for (var t = 1; t < arguments.length; t++) {
       var n = arguments[t];
       for (var o in n)
         Object.prototype.hasOwnProperty.call(n, o) && (r[o] = n[o]);
     }
     return r;
-  }, K.apply(this, arguments);
+  }, Q.apply(this, arguments);
 }
-function Ie(r, t) {
+function Ue(r, t) {
   var n = Object.keys(r);
   if (Object.getOwnPropertySymbols) {
     var o = Object.getOwnPropertySymbols(r);
@@ -794,25 +808,25 @@ function Ie(r, t) {
   }
   return n;
 }
-function q(r) {
+function ee(r) {
   for (var t = 1; t < arguments.length; t++) {
     var n = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? Ie(Object(n), !0).forEach(function(o) {
-      Gr(r, o, n[o]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(n)) : Ie(Object(n)).forEach(function(o) {
+    t % 2 ? Ue(Object(n), !0).forEach(function(o) {
+      bt(r, o, n[o]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(n)) : Ue(Object(n)).forEach(function(o) {
       Object.defineProperty(r, o, Object.getOwnPropertyDescriptor(n, o));
     });
   }
   return r;
 }
-function Gr(r, t, n) {
-  return t = Hr(t), t in r ? Object.defineProperty(r, t, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : r[t] = n, r;
+function bt(r, t, n) {
+  return t = gt(t), t in r ? Object.defineProperty(r, t, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : r[t] = n, r;
 }
-function Hr(r) {
-  var t = Kr(r, "string");
+function gt(r) {
+  var t = pt(r, "string");
   return typeof t == "symbol" ? t : t + "";
 }
-function Kr(r, t) {
+function pt(r, t) {
   if (typeof r != "object" || !r)
     return r;
   var n = r[Symbol.toPrimitive];
@@ -824,46 +838,46 @@ function Kr(r, t) {
   }
   return (t === "string" ? String : Number)(r);
 }
-function We(r) {
-  return r && r.map((t, n) => /* @__PURE__ */ M.createElement(t.tag, q({
+function er(r) {
+  return r && r.map((t, n) => /* @__PURE__ */ D.createElement(t.tag, ee({
     key: n
-  }, t.attr), We(t.child)));
+  }, t.attr), er(t.child)));
 }
-function Ve(r) {
-  return (t) => /* @__PURE__ */ M.createElement(qr, K({
-    attr: q({}, r.attr)
-  }, t), We(r.child));
+function rr(r) {
+  return (t) => /* @__PURE__ */ D.createElement(mt, Q({
+    attr: ee({}, r.attr)
+  }, t), er(r.child));
 }
-function qr(r) {
+function mt(r) {
   var t = (n) => {
     var {
       attr: o,
       size: s,
       title: c
-    } = r, f = Yr(r, Vr), u = s || n.size || "1em", b;
-    return n.className && (b = n.className), r.className && (b = (b ? b + " " : "") + r.className), /* @__PURE__ */ M.createElement("svg", K({
+    } = r, f = ft(r, dt), u = s || n.size || "1em", d;
+    return n.className && (d = n.className), r.className && (d = (d ? d + " " : "") + r.className), /* @__PURE__ */ D.createElement("svg", Q({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
     }, n.attr, o, f, {
-      className: b,
-      style: q(q({
+      className: d,
+      style: ee(ee({
         color: r.color || n.color
       }, n.style), r.style),
       height: u,
       width: u,
       xmlns: "http://www.w3.org/2000/svg"
-    }), c && /* @__PURE__ */ M.createElement("title", null, c), r.children);
+    }), c && /* @__PURE__ */ D.createElement("title", null, c), r.children);
   };
-  return Ne !== void 0 ? /* @__PURE__ */ M.createElement(Ne.Consumer, null, (n) => t(n)) : t($e);
+  return Ye !== void 0 ? /* @__PURE__ */ D.createElement(Ye.Consumer, null, (n) => t(n)) : t(Qe);
 }
-function Jr(r) {
-  return Ve({ 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 ht(r) {
+  return rr({ 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 Xr(r) {
-  return Ve({ 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);
+function xt(r) {
+  return rr({ 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 Ye = wr(void 0), Zr = T((r, t) => {
+const tr = zr(void 0), yt = R((r, t) => {
   const {
     children: n,
     onOpenChange: o,
@@ -872,32 +886,34 @@ const Ye = wr(void 0), Zr = T((r, t) => {
     // not used
     ...f
   } = r;
-  R(f);
-  const [u, b] = Sr(!1), p = _r(), y = oe(() => {
-    p.current && clearTimeout(p.current), p.current = setTimeout(() => {
-      b(!1);
+  j(f);
+  const [u, d] = Wr(!1), b = ce(null), h = ce(), w = de(() => {
+    h.current && clearTimeout(h.current), h.current = setTimeout(() => {
+      d(!1);
     }, 250);
-  }, []), w = oe(() => {
-    p.current && clearTimeout(p.current), b(!0);
+  }, []), k = de(() => {
+    h.current && clearTimeout(h.current), d(!0);
   }, []);
   return /* @__PURE__ */ l.jsx(
-    Ye.Provider,
+    tr.Provider,
     {
       value: {
-        onMenuMouseOver: w,
-        onMenuMouseLeave: y
+        onMenuMouseOver: k,
+        onMenuMouseLeave: w
       },
       children: /* @__PURE__ */ l.jsx(
-        d.Menu.Item,
+        O.Item,
         {
           className: "bn-menu-item bn-mt-sub-menu-item",
-          ref: t,
-          onMouseOver: w,
-          onMouseLeave: y,
+          ref: ge(t, b),
+          onMouseOver: k,
+          onMouseLeave: w,
           children: /* @__PURE__ */ l.jsx(
-            d.Menu,
+            O,
             {
-              withinPortal: !1,
+              portalProps: {
+                target: b.current ? b.current.parentElement : void 0
+              },
               middlewares: { flip: !0, shift: !0, inline: !1, size: !0 },
               trigger: "hover",
               opened: u,
@@ -911,10 +927,10 @@ const Ye = wr(void 0), Zr = T((r, t) => {
       )
     }
   );
-}), Qr = (r) => {
+}), jt = (r) => {
   const { children: t, onOpenChange: n, position: o, sub: s, ...c } = r;
-  return R(c), s ? /* @__PURE__ */ l.jsx(Zr, { ...r }) : /* @__PURE__ */ l.jsx(
-    d.Menu,
+  return j(c), s ? /* @__PURE__ */ l.jsx(yt, { ...r }) : /* @__PURE__ */ l.jsx(
+    O,
     {
       withinPortal: !1,
       middlewares: { flip: !0, shift: !0, inline: !1, size: !0 },
@@ -924,32 +940,32 @@ const Ye = wr(void 0), Zr = T((r, t) => {
       children: t
     }
   );
-}, et = T((r, t) => {
-  const { className: n, children: o, icon: s, checked: c, subTrigger: f, onClick: u, ...b } = r;
-  return R(b, !1), f ? /* @__PURE__ */ l.jsxs("div", { ref: t, ...b, children: [
+}, Rt = R((r, t) => {
+  const { className: n, children: o, icon: s, checked: c, subTrigger: f, onClick: u, ...d } = r;
+  return j(d, !1), f ? /* @__PURE__ */ l.jsxs("div", { ref: t, ...d, children: [
     o,
-    /* @__PURE__ */ l.jsx(Xr, { size: 15 })
+    /* @__PURE__ */ l.jsx(xt, { size: 15 })
   ] }) : /* @__PURE__ */ l.jsx(
-    d.Menu.Item,
+    O.Item,
     {
       className: n,
       ref: t,
       leftSection: s,
-      rightSection: c ? /* @__PURE__ */ l.jsx(d.CheckIcon, { size: 10 }) : c === !1 ? /* @__PURE__ */ l.jsx("div", { className: "bn-tick-space" }) : null,
+      rightSection: c ? /* @__PURE__ */ l.jsx(qe, { size: 10 }) : c === !1 ? /* @__PURE__ */ l.jsx("div", { className: "bn-tick-space" }) : null,
       onClick: u,
-      ...b,
+      ...d,
       children: o
     }
   );
-}), rt = (r) => {
+}), Et = (r) => {
   const {
     children: t,
     sub: n,
     // unused
     ...o
   } = r;
-  return R(o), /* @__PURE__ */ l.jsx(d.Menu.Target, { children: t });
-}, tt = T((r, t) => {
+  return j(o), /* @__PURE__ */ l.jsx(O.Target, { children: t });
+}, Tt = R((r, t) => {
   const {
     className: n,
     children: o,
@@ -957,10 +973,10 @@ const Ye = wr(void 0), Zr = T((r, t) => {
     //unused
     ...c
   } = r;
-  R(c);
-  const f = Pr(Ye);
+  j(c);
+  const f = Br(tr);
   return /* @__PURE__ */ l.jsx(
-    d.Menu.Dropdown,
+    O.Dropdown,
     {
       className: n,
       ref: t,
@@ -969,13 +985,13 @@ const Ye = wr(void 0), Zr = T((r, t) => {
       children: o
     }
   );
-}), nt = T((r, t) => {
+}), wt = R((r, t) => {
   const { className: n, ...o } = r;
-  return R(o), /* @__PURE__ */ l.jsx(d.Menu.Divider, { className: n, ref: t });
-}), ot = T((r, t) => {
+  return j(o), /* @__PURE__ */ l.jsx(O.Divider, { className: n, ref: t });
+}), kt = R((r, t) => {
   const { className: n, children: o, ...s } = r;
-  return R(s), /* @__PURE__ */ l.jsx(d.Menu.Label, { className: n, ref: t, children: o });
-}), at = T((r, t) => {
+  return j(s), /* @__PURE__ */ l.jsx(O.Label, { className: n, ref: t, children: o });
+}), St = R((r, t) => {
   const {
     className: n,
     tabs: o,
@@ -983,33 +999,33 @@ const Ye = wr(void 0), Zr = T((r, t) => {
     openTab: c,
     setOpenTab: f,
     loading: u,
-    ...b
+    ...d
   } = r;
-  return R(b), /* @__PURE__ */ l.jsx(d.Group, { className: n, ref: t, children: /* @__PURE__ */ l.jsxs(
-    d.Tabs,
+  return j(d), /* @__PURE__ */ l.jsx(N, { className: n, ref: t, children: /* @__PURE__ */ l.jsxs(
+    X,
     {
       value: c,
       defaultValue: s,
       onChange: f,
       children: [
-        u && /* @__PURE__ */ l.jsx(d.LoadingOverlay, { visible: u }),
-        /* @__PURE__ */ l.jsx(d.Tabs.List, { children: o.map((p) => /* @__PURE__ */ l.jsx(
-          d.Tabs.Tab,
+        u && /* @__PURE__ */ l.jsx(Hr, { visible: u }),
+        /* @__PURE__ */ l.jsx(X.List, { children: o.map((b) => /* @__PURE__ */ l.jsx(
+          X.Tab,
           {
-            "data-test": `${p.name.toLowerCase()}-tab`,
-            value: p.name,
-            children: p.name
+            "data-test": `${b.name.toLowerCase()}-tab`,
+            value: b.name,
+            children: b.name
           },
-          p.name
+          b.name
         )) }),
-        o.map((p) => /* @__PURE__ */ l.jsx(d.Tabs.Panel, { value: p.name, children: p.tabPanel }, p.name))
+        o.map((b) => /* @__PURE__ */ l.jsx(X.Panel, { value: b.name, children: b.tabPanel }, b.name))
       ]
     }
   ) });
-}), it = T((r, t) => {
+}), Pt = R((r, t) => {
   const { className: n, children: o, onClick: s, label: c, ...f } = r;
-  return R(f), /* @__PURE__ */ l.jsx(
-    d.Button,
+  return j(f), /* @__PURE__ */ l.jsx(
+    U,
     {
       size: "xs",
       "aria-label": c,
@@ -1020,10 +1036,10 @@ const Ye = wr(void 0), Zr = T((r, t) => {
       children: o
     }
   );
-}), st = T((r, t) => {
+}), _t = R((r, t) => {
   const { className: n, accept: o, value: s, placeholder: c, onChange: f, ...u } = r;
-  return R(u), /* @__PURE__ */ l.jsx(
-    d.FileInput,
+  return j(u), /* @__PURE__ */ l.jsx(
+    Jr,
     {
       size: "xs",
       className: n,
@@ -1035,13 +1051,13 @@ const Ye = wr(void 0), Zr = T((r, t) => {
       ...u
     }
   );
-}), lt = T((r, t) => {
+}), Ct = R((r, t) => {
   const { className: n, children: o, ...s } = r;
-  return R(s), /* @__PURE__ */ l.jsx("div", { className: n, ref: t, children: o });
-}), ut = T((r, t) => {
+  return j(s), /* @__PURE__ */ l.jsx("div", { className: n, ref: t, children: o });
+}), Ot = R((r, t) => {
   const { className: n, value: o, placeholder: s, onKeyDown: c, onChange: f, ...u } = r;
-  return R(u), /* @__PURE__ */ l.jsx(
-    d.TextInput,
+  return j(u), /* @__PURE__ */ l.jsx(
+    Je,
     {
       size: "xs",
       "data-test": "embed-input",
@@ -1053,10 +1069,10 @@ const Ye = wr(void 0), Zr = T((r, t) => {
       onChange: f
     }
   );
-}), ct = (r) => {
+}), Ft = (r) => {
   const { children: t, opened: n, position: o, ...s } = r;
-  return R(s), /* @__PURE__ */ l.jsx(
-    d.Popover,
+  return j(s), /* @__PURE__ */ l.jsx(
+    qr,
     {
       withinPortal: !1,
       zIndex: 1e4,
@@ -1065,10 +1081,10 @@ const Ye = wr(void 0), Zr = T((r, t) => {
       children: t
     }
   );
-}, dt = (r) => {
+}, Dt = (r) => {
   const { children: t, ...n } = r;
-  return R(n), /* @__PURE__ */ l.jsx(d.PopoverTarget, { children: t });
-}, ft = T((r, t) => {
+  return j(n), /* @__PURE__ */ l.jsx(Xr, { children: t });
+}, Nt = R((r, t) => {
   const {
     className: n,
     children: o,
@@ -1076,11 +1092,21 @@ const Ye = wr(void 0), Zr = T((r, t) => {
     // unused
     ...c
   } = r;
-  return R(c), /* @__PURE__ */ l.jsx(d.PopoverDropdown, { className: n, ref: t, children: o });
-}), vt = T((r, t) => {
+  return j(c), /* @__PURE__ */ l.jsx(Zr, { className: n, ref: t, children: o });
+}), Mt = R((r, t) => {
   const { className: n, children: o, ...s } = r;
-  return R(s), /* @__PURE__ */ l.jsx(d.Group, { align: "center", gap: 0, className: n, ref: t, children: o });
-}), bt = T((r, t) => {
+  return j(s, !1), /* @__PURE__ */ l.jsx(
+    N,
+    {
+      align: "center",
+      gap: 0,
+      className: n,
+      ref: t,
+      ...s,
+      children: o
+    }
+  );
+}), It = R((r, t) => {
   const {
     className: n,
     children: o,
@@ -1088,12 +1114,12 @@ const Ye = wr(void 0), Zr = T((r, t) => {
     onClick: c,
     onDragEnd: f,
     onDragStart: u,
-    draggable: b,
-    label: p,
-    ...y
+    draggable: d,
+    label: b,
+    ...h
   } = r;
-  return R(y, !1), s ? /* @__PURE__ */ l.jsx(
-    d.ActionIcon,
+  return j(h, !1), s ? /* @__PURE__ */ l.jsx(
+    Xe,
     {
       size: 24,
       className: n,
@@ -1101,29 +1127,29 @@ const Ye = wr(void 0), Zr = T((r, t) => {
       onClick: c,
       onDragEnd: f,
       onDragStart: u,
-      draggable: b,
-      "aria-label": p,
-      ...y,
+      draggable: d,
+      "aria-label": b,
+      ...h,
       children: s
     }
   ) : /* @__PURE__ */ l.jsx(
-    d.Button,
+    U,
     {
       className: n,
       ref: t,
       onClick: c,
       onDragEnd: f,
       onDragStart: u,
-      draggable: b,
-      "aria-label": p,
-      ...y,
+      draggable: d,
+      "aria-label": b,
+      ...h,
       children: o
     }
   );
-}), pt = T((r, t) => {
+}), Lt = R((r, t) => {
   const { className: n, children: o, id: s, ...c } = r;
-  return R(c), /* @__PURE__ */ l.jsx(
-    d.Stack,
+  return j(c), /* @__PURE__ */ l.jsx(
+    be,
     {
       gap: 0,
       className: n,
@@ -1133,57 +1159,64 @@ const Ye = wr(void 0), Zr = T((r, t) => {
       children: o
     }
   );
-}), mt = T((r, t) => {
+}), At = R((r, t) => {
   const { className: n, children: o, ...s } = r;
-  return R(s), /* @__PURE__ */ l.jsx(d.Group, { className: n, ref: t, children: /* @__PURE__ */ l.jsx(d.Group, { className: "bn-mt-suggestion-menu-item-label", children: o }) });
-}), gt = T((r, t) => {
+  return j(s), /* @__PURE__ */ l.jsx(N, { className: n, ref: t, children: /* @__PURE__ */ l.jsx(N, { className: "bn-mt-suggestion-menu-item-title", children: o }) });
+}), $t = R((r, t) => {
   const { className: n, isSelected: o, onClick: s, item: c, id: f, ...u } = r;
-  return R(u), /* @__PURE__ */ l.jsxs(
-    d.Group,
+  j(u);
+  const d = ce(null);
+  return Vr(() => {
+    if (!d.current || !o)
+      return;
+    const b = Yr(d.current);
+    b === "top" ? d.current.scrollIntoView(!0) : b === "bottom" && d.current.scrollIntoView(!1);
+  }, [o]), /* @__PURE__ */ l.jsxs(
+    N,
     {
       gap: 0,
       className: n,
-      ref: t,
+      ref: ge(t, d),
       id: f,
       role: "option",
       onClick: s,
       "aria-selected": o || void 0,
       children: [
         c.icon && /* @__PURE__ */ l.jsx(
-          d.Group,
+          N,
           {
             className: "bn-mt-suggestion-menu-item-section",
             "data-position": "left",
             children: c.icon
           }
         ),
-        /* @__PURE__ */ l.jsxs(d.Stack, { gap: 0, className: "bn-mt-suggestion-menu-item-body", children: [
-          /* @__PURE__ */ l.jsx(d.Text, { className: "bn-mt-suggestion-menu-item-title", children: c.title }),
-          /* @__PURE__ */ l.jsx(d.Text, { className: "bn-mt-suggestion-menu-item-subtitle", children: c.subtext })
+        /* @__PURE__ */ l.jsxs(be, { gap: 0, className: "bn-mt-suggestion-menu-item-body", children: [
+          /* @__PURE__ */ l.jsx(Z, { className: "bn-mt-suggestion-menu-item-title", children: c.title }),
+          /* @__PURE__ */ l.jsx(Z, { className: "bn-mt-suggestion-menu-item-subtitle", children: c.subtext })
         ] }),
         c.badge && /* @__PURE__ */ l.jsx(
-          d.Group,
+          N,
           {
             "data-position": "right",
             className: "bn-mt-suggestion-menu-item-section",
-            children: /* @__PURE__ */ l.jsx(d.Badge, { size: "xs", children: c.badge })
+            children: /* @__PURE__ */ l.jsx(Qr, { size: "xs", children: c.badge })
           }
         )
       ]
     }
   );
-}), ht = T((r, t) => {
+}), zt = R((r, t) => {
   const { className: n, children: o, ...s } = r;
-  return R(s), /* @__PURE__ */ l.jsx(d.Group, { className: n, ref: t, children: o });
-}), xt = T((r, t) => {
+  return j(s), /* @__PURE__ */ l.jsx(N, { className: n, ref: t, children: o });
+}), Wt = R((r, t) => {
   const {
     className: n,
     children: o,
     // unused, using "dots" instead
     ...s
   } = r;
-  return R(s), /* @__PURE__ */ l.jsx(d.Loader, { className: n, type: "dots", ref: t });
-}), yt = T((r, t) => {
+  return j(s), /* @__PURE__ */ l.jsx(et, { className: n, type: "dots", ref: t });
+}), Bt = R((r, t) => {
   const {
     className: n,
     children: o,
@@ -1191,33 +1224,33 @@ const Ye = wr(void 0), Zr = T((r, t) => {
     onDragStart: c,
     onDragEnd: f,
     style: u,
-    label: b,
-    ...p
+    label: d,
+    ...b
   } = r;
-  return R(p, !1), /* @__PURE__ */ l.jsx(
-    "button",
+  return j(b, !1), /* @__PURE__ */ l.jsx(
+    U,
     {
       className: n,
       ref: t,
-      "aria-label": b,
+      "aria-label": d,
       draggable: s,
       onDragStart: c,
       onDragEnd: f,
       style: u,
-      ...p,
+      ...b,
       children: o
     }
   );
-}), Le = T(
+}), Ke = R(
   (r, t) => {
     const { className: n, children: o, onMouseEnter: s, onMouseLeave: c, ...f } = r;
-    R(f);
-    const { ref: u, focused: b } = Nr(), p = Ir(b), y = Lr(t, u, p);
+    j(f);
+    const { ref: u, focused: d } = ot(), b = at(d), h = ge(t, u, b);
     return /* @__PURE__ */ l.jsx(
-      d.Group,
+      N,
       {
         className: n,
-        ref: y,
+        ref: h,
         role: "toolbar",
         onMouseEnter: s,
         onMouseLeave: c,
@@ -1225,10 +1258,10 @@ const Ye = wr(void 0), Zr = T((r, t) => {
       }
     );
   }
-), jt = (r) => /* @__PURE__ */ l.jsxs(d.Stack, { gap: 0, className: "bn-tooltip", children: [
-  /* @__PURE__ */ l.jsx(d.Text, { size: "sm", children: r.mainTooltip }),
-  r.secondaryTooltip && /* @__PURE__ */ l.jsx(d.Text, { size: "xs", children: r.secondaryTooltip })
-] }), Ae = T(
+), Vt = (r) => /* @__PURE__ */ l.jsxs(be, { gap: 0, className: "bn-tooltip", children: [
+  /* @__PURE__ */ l.jsx(Z, { size: "sm", children: r.mainTooltip }),
+  r.secondaryTooltip && /* @__PURE__ */ l.jsx(Z, { size: "xs", children: r.secondaryTooltip })
+] }), Ge = R(
   (r, t) => {
     const {
       className: n,
@@ -1237,54 +1270,54 @@ const Ye = wr(void 0), Zr = T((r, t) => {
       secondaryTooltip: c,
       icon: f,
       isSelected: u,
-      isDisabled: b,
-      onClick: p,
-      label: y,
+      isDisabled: d,
+      onClick: b,
+      label: h,
       ...w
     } = r;
-    return R(w, !1), /* @__PURE__ */ l.jsx(
-      d.Tooltip,
+    return j(w, !1), /* @__PURE__ */ l.jsx(
+      rt,
       {
         withinPortal: !1,
         label: /* @__PURE__ */ l.jsx(
-          jt,
+          Vt,
           {
             mainTooltip: s,
             secondaryTooltip: c
           }
         ),
         children: o ? /* @__PURE__ */ l.jsx(
-          d.Button,
+          U,
           {
-            "aria-label": y,
+            "aria-label": h,
             className: n,
-            onMouseDown: (P) => {
-              ae() && P.currentTarget.focus();
+            onMouseDown: (k) => {
+              fe() && k.currentTarget.focus();
             },
-            onClick: p,
+            onClick: b,
             "aria-pressed": u,
             "data-selected": u || void 0,
             "data-test": s.slice(0, 1).toLowerCase() + s.replace(/\s+/g, "").slice(1),
             size: "xs",
-            disabled: b || !1,
+            disabled: d || !1,
             ref: t,
             ...w,
             children: o
           }
         ) : /* @__PURE__ */ l.jsx(
-          d.ActionIcon,
+          Xe,
           {
             className: n,
-            "aria-label": y,
-            onMouseDown: (P) => {
-              ae() && P.currentTarget.focus();
+            "aria-label": h,
+            onMouseDown: (k) => {
+              fe() && k.currentTarget.focus();
             },
-            onClick: p,
+            onClick: b,
             "aria-pressed": u,
             "data-selected": u || void 0,
             "data-test": s.slice(0, 1).toLowerCase() + s.replace(/\s+/g, "").slice(1),
             size: 30,
-            disabled: b || !1,
+            disabled: d || !1,
             ref: t,
             ...w,
             children: f
@@ -1293,12 +1326,12 @@ const Ye = wr(void 0), Zr = T((r, t) => {
       }
     );
   }
-), Rt = T((r, t) => {
+), Yt = R((r, t) => {
   const { className: n, items: o, isDisabled: s, ...c } = r;
-  R(c);
+  j(c);
   const f = o.filter((u) => u.isSelected)[0];
   return f ? /* @__PURE__ */ l.jsxs(
-    d.Menu,
+    O,
     {
       withinPortal: !1,
       transitionProps: {
@@ -1307,26 +1340,26 @@ const Ye = wr(void 0), Zr = T((r, t) => {
       disabled: s,
       middlewares: { flip: !0, shift: !0, inline: !1, size: !0 },
       children: [
-        /* @__PURE__ */ l.jsx(d.Menu.Target, { children: /* @__PURE__ */ l.jsx(
-          d.Button,
+        /* @__PURE__ */ l.jsx(O.Target, { children: /* @__PURE__ */ l.jsx(
+          U,
           {
             onMouseDown: (u) => {
-              ae() && u.currentTarget.focus();
+              fe() && u.currentTarget.focus();
             },
             leftSection: f.icon,
-            rightSection: /* @__PURE__ */ l.jsx(Jr, {}),
+            rightSection: /* @__PURE__ */ l.jsx(ht, {}),
             size: "xs",
             variant: "subtle",
             disabled: s,
             children: f.text
           }
         ) }),
-        /* @__PURE__ */ l.jsx(d.Menu.Dropdown, { className: n, ref: t, children: o.map((u) => /* @__PURE__ */ l.jsx(
-          d.Menu.Item,
+        /* @__PURE__ */ l.jsx(O.Dropdown, { className: n, ref: t, children: o.map((u) => /* @__PURE__ */ l.jsx(
+          O.Item,
           {
             onClick: u.onClick,
             leftSection: u.icon,
-            rightSection: u.isSelected ? /* @__PURE__ */ l.jsx(d.CheckIcon, { size: 10, className: "bn-tick-icon" }) : (
+            rightSection: u.isSelected ? /* @__PURE__ */ l.jsx(qe, { size: 10, className: "bn-tick-icon" }) : (
               // Ensures space for tick even if item isn't currently selected.
               /* @__PURE__ */ l.jsx("div", { className: "bn-tick-space" })
             ),
@@ -1350,7 +1383,7 @@ const x = [
   "#161616",
   "#0F0F0F",
   "#000000"
-], ze = {
+], He = {
   colors: {
     editor: {
       text: x[5],
@@ -1420,7 +1453,7 @@ const x = [
   },
   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'
-}, Ot = {
+}, Qt = {
   colors: {
     editor: {
       text: x[2],
@@ -1488,85 +1521,87 @@ const x = [
       }
     }
   },
-  borderRadius: ze.borderRadius,
-  fontFamily: ze.fontFamily
-}, Tt = {
+  borderRadius: He.borderRadius,
+  fontFamily: He.fontFamily
+}, Ut = {
   FormattingToolbar: {
-    Root: Le,
-    Button: Ae,
-    Select: Rt
+    Root: Ke,
+    Button: Ge,
+    Select: Yt
   },
   FilePanel: {
-    Root: at,
-    Button: it,
-    FileInput: st,
-    TabPanel: lt,
-    TextInput: ut
+    Root: St,
+    Button: Pt,
+    FileInput: _t,
+    TabPanel: Ct,
+    TextInput: Ot
   },
   LinkToolbar: {
-    Root: Le,
-    Button: Ae
+    Root: Ke,
+    Button: Ge
   },
   SideMenu: {
-    Root: vt,
-    Button: bt
+    Root: Mt,
+    Button: It
   },
   SuggestionMenu: {
-    Root: pt,
-    Item: gt,
-    EmptyItem: mt,
-    Label: ht,
-    Loader: xt
+    Root: Lt,
+    Item: $t,
+    EmptyItem: At,
+    Label: zt,
+    Loader: Wt
   },
   TableHandle: {
-    Root: yt
+    Root: Bt
   },
   Generic: {
     Form: {
       Root: (r) => /* @__PURE__ */ l.jsx("div", { children: r.children }),
-      TextInput: Wr
+      TextInput: ct
     },
     Menu: {
-      Root: Qr,
-      Trigger: rt,
-      Dropdown: tt,
-      Divider: nt,
-      Label: ot,
-      Item: et
+      Root: jt,
+      Trigger: Et,
+      Dropdown: Tt,
+      Divider: wt,
+      Label: kt,
+      Item: Rt
     },
     Popover: {
-      Root: ct,
-      Trigger: dt,
-      Content: ft
+      Root: Ft,
+      Trigger: Dt,
+      Content: Nt
     }
   }
-}, Et = {
+}, Kt = {
   // Removes button press effect
   activeClassName: ""
-}, Ft = (r) => {
-  const { theme: t, ...n } = r, o = Cr(), s = Dr(), c = (o == null ? void 0 : o.colorSchemePreference) || s, f = oe(
+}, en = (r) => {
+  const { theme: t, ...n } = r, o = Ur(), s = nt(), c = (o == null ? void 0 : o.colorSchemePreference) || s, f = de(
     (u) => {
-      if (u && ($r(u), typeof t == "object")) {
+      if (u && (ut(u), typeof t == "object")) {
         if ("light" in t && "dark" in t) {
-          De(
+          Ve(
             t[c === "dark" ? "dark" : "light"],
             u
           );
           return;
         }
-        De(t, u);
+        Ve(t, u);
         return;
       }
     },
     [c, t]
   );
-  return /* @__PURE__ */ l.jsx(Or.Provider, { value: Tt, children: /* @__PURE__ */ l.jsx(
-    Mr,
+  return /* @__PURE__ */ l.jsx(Kr.Provider, { value: Ut, children: /* @__PURE__ */ l.jsx(
+    tt,
     {
-      theme: Et,
+      theme: Kt,
       cssVariablesSelector: ".bn-container",
+      getRootElement: () => {
+      },
       children: /* @__PURE__ */ l.jsx(
-        Fr,
+        Gr,
         {
           theme: typeof t == "object" ? void 0 : t,
           ...n,
@@ -1577,12 +1612,12 @@ const x = [
   ) });
 };
 export {
-  Ft as BlockNoteView,
-  De as applyBlockNoteCSSVariablesFromTheme,
-  Tt as components,
-  Ot as darkDefaultTheme,
+  en as BlockNoteView,
+  Ve as applyBlockNoteCSSVariablesFromTheme,
+  Ut as components,
+  Qt as darkDefaultTheme,
   x as defaultColorScheme,
-  ze as lightDefaultTheme,
-  $r as removeBlockNoteCSSVariables
+  He as lightDefaultTheme,
+  ut as removeBlockNoteCSSVariables
 };
 //# sourceMappingURL=blocknote-mantine.js.map