@blocknote/mantine 0.13.1 → 0.13.3

package/dist/blocknote-mantine.js

@@ -1,11 +1,11 @@
-import M, { forwardRef as k, createContext as jr, useState as Er, useRef as Sr, useCallback as ne, useContext as _r } from "react";
-import { useBlockNoteContext as Cr, ComponentsContext as wr, BlockNoteViewRaw as Pr } from "@blocknote/react";
+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 Or } from "@mantine/core";
-import Fr from "use-prefers-color-scheme";
+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 Mr, useFocusTrap as Nr, mergeRefs as Dr } from "@mantine/hooks";
-var oe = { exports: {} }, $ = {};
+import { useFocusWithin as Nr, useFocusTrap as Ir, mergeRefs as Lr } from "@mantine/hooks";
+var ie = { exports: {} }, B = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -15,25 +15,25 @@ var oe = { exports: {} }, $ = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Oe;
-function Ir() {
-  if (Oe)
-    return $;
-  Oe = 1;
-  var r = M, n = Symbol.for("react.element"), o = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, i = 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, g) {
-    var y, S = {}, w = null, V = null;
-    g !== void 0 && (w = "" + g), b.key !== void 0 && (w = "" + b.key), b.ref !== void 0 && (V = b.ref);
+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)
-      a.call(b, y) && !c.hasOwnProperty(y) && (S[y] = b[y]);
+      o.call(b, y) && !c.hasOwnProperty(y) && (w[y] = b[y]);
     if (u && u.defaultProps)
       for (y in b = u.defaultProps, b)
-        S[y] === void 0 && (S[y] = b[y]);
-    return { $$typeof: n, type: u, key: w, ref: V, props: S, _owner: i.current };
+        w[y] === void 0 && (w[y] = b[y]);
+    return { $$typeof: t, type: u, key: P, ref: W, props: w, _owner: s.current };
   }
-  return $.Fragment = o, $.jsx = f, $.jsxs = f, $;
+  return B.Fragment = n, B.jsx = f, B.jsxs = f, B;
 }
-var W = {};
+var $ = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -43,70 +43,70 @@ var W = {};
  * 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 Lr() {
-  return Fe || (Fe = 1, process.env.NODE_ENV !== "production" && function() {
-    var r = M, n = Symbol.for("react.element"), o = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), i = 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"), g = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), S = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), V = Symbol.for("react.offscreen"), ie = Symbol.iterator, Ve = "@@iterator";
-    function Ye(e) {
+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) {
       if (e === null || typeof e != "object")
         return null;
-      var t = ie && e[ie] || e[Ve];
-      return typeof t == "function" ? t : null;
+      var a = se && e[se] || e[Ue];
+      return typeof a == "function" ? a : null;
     }
-    var I = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function _(e) {
+    var N = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function S(e) {
       {
-        for (var t = arguments.length, s = new Array(t > 1 ? t - 1 : 0), v = 1; v < t; v++)
-          s[v - 1] = arguments[v];
-        Ue("error", e, s);
+        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);
       }
     }
-    function Ue(e, t, s) {
+    function He(e, a, i) {
       {
-        var v = I.ReactDebugCurrentFrame, h = v.getStackAddendum();
-        h !== "" && (t += "%s", s = s.concat([h]));
-        var T = s.map(function(p) {
-          return String(p);
+        var v = N.ReactDebugCurrentFrame, h = v.getStackAddendum();
+        h !== "" && (a += "%s", i = i.concat([h]));
+        var j = i.map(function(g) {
+          return String(g);
         });
-        T.unshift("Warning: " + t), Function.prototype.apply.call(console[e], console, T);
+        j.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, j);
       }
     }
-    var Ge = !1, He = !1, Ke = !1, qe = !1, Je = !1, se;
-    se = Symbol.for("react.module.reference");
-    function Xe(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === a || e === c || Je || e === i || e === g || e === y || qe || e === V || Ge || He || Ke || typeof e == "object" && e !== null && (e.$$typeof === w || e.$$typeof === S || e.$$typeof === f || e.$$typeof === u || e.$$typeof === b || // This needs to include all possible module reference object
+    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
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      e.$$typeof === se || e.getModuleId !== void 0));
+      e.$$typeof === le || e.getModuleId !== void 0));
     }
-    function Ze(e, t, s) {
+    function er(e, a, i) {
       var v = e.displayName;
       if (v)
         return v;
-      var h = t.displayName || t.name || "";
-      return h !== "" ? s + "(" + h + ")" : s;
+      var h = a.displayName || a.name || "";
+      return h !== "" ? i + "(" + h + ")" : i;
     }
-    function le(e) {
+    function ue(e) {
       return e.displayName || "Context";
     }
     function O(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && _("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+      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")
         return e.displayName || e.name || null;
       if (typeof e == "string")
         return e;
       switch (e) {
-        case a:
-          return "Fragment";
         case o:
+          return "Fragment";
+        case n:
           return "Portal";
         case c:
           return "Profiler";
-        case i:
+        case s:
           return "StrictMode";
-        case g:
+        case p:
           return "Suspense";
         case y:
           return "SuspenseList";
@@ -114,20 +114,20 @@ function Lr() {
       if (typeof e == "object")
         switch (e.$$typeof) {
           case u:
-            var t = e;
-            return le(t) + ".Consumer";
+            var a = e;
+            return ue(a) + ".Consumer";
           case f:
-            var s = e;
-            return le(s._context) + ".Provider";
+            var i = e;
+            return ue(i._context) + ".Provider";
           case b:
-            return Ze(e, e.render, "ForwardRef");
-          case S:
+            return er(e, e.render, "ForwardRef");
+          case w:
             var v = e.displayName || null;
             return v !== null ? v : O(e.type) || "Memo";
-          case w: {
-            var h = e, T = h._payload, p = h._init;
+          case P: {
+            var h = e, j = h._payload, g = h._init;
             try {
-              return O(p(T));
+              return O(g(j));
             } catch {
               return null;
             }
@@ -135,18 +135,18 @@ function Lr() {
         }
       return null;
     }
-    var D = Object.assign, z = 0, ue, ce, de, fe, ve, be, ge;
-    function me() {
+    var D = Object.assign, A = 0, ce, de, fe, ve, be, pe, me;
+    function ge() {
     }
-    me.__reactDisabledLog = !0;
-    function Qe() {
+    ge.__reactDisabledLog = !0;
+    function rr() {
       {
-        if (z === 0) {
-          ue = console.log, ce = console.info, de = console.warn, fe = console.error, ve = console.group, be = console.groupCollapsed, ge = console.groupEnd;
+        if (A === 0) {
+          ce = console.log, de = console.info, fe = console.warn, ve = console.error, be = console.group, pe = console.groupCollapsed, me = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: me,
+            value: ge,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -159,12 +159,12 @@ function Lr() {
             groupEnd: e
           });
         }
-        z++;
+        A++;
       }
     }
-    function er() {
+    function tr() {
       {
-        if (z--, z === 0) {
+        if (A--, A === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -172,87 +172,87 @@ function Lr() {
           };
           Object.defineProperties(console, {
             log: D({}, e, {
-              value: ue
+              value: ce
             }),
             info: D({}, e, {
-              value: ce
+              value: de
             }),
             warn: D({}, e, {
-              value: de
+              value: fe
             }),
             error: D({}, e, {
-              value: fe
+              value: ve
             }),
             group: D({}, e, {
-              value: ve
+              value: be
             }),
             groupCollapsed: D({}, e, {
-              value: be
+              value: pe
             }),
             groupEnd: D({}, e, {
-              value: ge
+              value: me
             })
           });
         }
-        z < 0 && _("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        A < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var q = I.ReactCurrentDispatcher, J;
-    function Y(e, t, s) {
+    var J = N.ReactCurrentDispatcher, X;
+    function V(e, a, i) {
       {
-        if (J === void 0)
+        if (X === void 0)
           try {
             throw Error();
           } catch (h) {
             var v = h.stack.trim().match(/\n( *(at )?)/);
-            J = v && v[1] || "";
+            X = v && v[1] || "";
           }
         return `
-` + J + e;
+` + X + e;
       }
     }
-    var X = !1, U;
+    var Z = !1, Y;
     {
-      var rr = typeof WeakMap == "function" ? WeakMap : Map;
-      U = new rr();
+      var nr = typeof WeakMap == "function" ? WeakMap : Map;
+      Y = new nr();
     }
-    function pe(e, t) {
-      if (!e || X)
+    function he(e, a) {
+      if (!e || Z)
         return "";
       {
-        var s = U.get(e);
-        if (s !== void 0)
-          return s;
+        var i = Y.get(e);
+        if (i !== void 0)
+          return i;
       }
       var v;
-      X = !0;
+      Z = !0;
       var h = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var T;
-      T = q.current, q.current = null, Qe();
+      var j;
+      j = J.current, J.current = null, rr();
       try {
-        if (t) {
-          var p = function() {
+        if (a) {
+          var g = function() {
             throw Error();
           };
-          if (Object.defineProperty(p.prototype, "props", {
+          if (Object.defineProperty(g.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(p, []);
+              Reflect.construct(g, []);
             } catch (F) {
               v = F;
             }
-            Reflect.construct(e, [], p);
+            Reflect.construct(e, [], g);
           } else {
             try {
-              p.call();
+              g.call();
             } catch (F) {
               v = F;
             }
-            e.call(p.prototype);
+            e.call(g.prototype);
           }
         } else {
           try {
@@ -265,177 +265,177 @@ function Lr() {
       } catch (F) {
         if (F && v && typeof F.stack == "string") {
           for (var m = F.stack.split(`
-`), C = v.stack.split(`
-`), j = m.length - 1, E = C.length - 1; j >= 1 && E >= 0 && m[j] !== C[E]; )
-            E--;
-          for (; j >= 1 && E >= 0; j--, E--)
-            if (m[j] !== C[E]) {
-              if (j !== 1 || E !== 1)
+`), _ = 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)
                 do
-                  if (j--, E--, E < 0 || m[j] !== C[E]) {
-                    var P = `
-` + m[j].replace(" at new ", " at ");
-                    return e.displayName && P.includes("<anonymous>") && (P = P.replace("<anonymous>", e.displayName)), typeof e == "function" && U.set(e, P), P;
+                  if (E--, k--, k < 0 || m[E] !== _[k]) {
+                    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;
                   }
-                while (j >= 1 && E >= 0);
+                while (E >= 1 && k >= 0);
               break;
             }
         }
       } finally {
-        X = !1, q.current = T, er(), Error.prepareStackTrace = h;
+        Z = !1, J.current = j, tr(), Error.prepareStackTrace = h;
       }
-      var A = e ? e.displayName || e.name : "", Pe = A ? Y(A) : "";
-      return typeof e == "function" && U.set(e, Pe), Pe;
+      var L = e ? e.displayName || e.name : "", Oe = L ? V(L) : "";
+      return typeof e == "function" && Y.set(e, Oe), Oe;
     }
-    function tr(e, t, s) {
-      return pe(e, !1);
+    function or(e, a, i) {
+      return he(e, !1);
     }
-    function nr(e) {
-      var t = e.prototype;
-      return !!(t && t.isReactComponent);
+    function ar(e) {
+      var a = e.prototype;
+      return !!(a && a.isReactComponent);
     }
-    function G(e, t, s) {
+    function U(e, a, i) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return pe(e, nr(e));
+        return he(e, ar(e));
       if (typeof e == "string")
-        return Y(e);
+        return V(e);
       switch (e) {
-        case g:
-          return Y("Suspense");
+        case p:
+          return V("Suspense");
         case y:
-          return Y("SuspenseList");
+          return V("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case b:
-            return tr(e.render);
-          case S:
-            return G(e.type, t, s);
-          case w: {
-            var v = e, h = v._payload, T = v._init;
+            return or(e.render);
+          case w:
+            return U(e.type, a, i);
+          case P: {
+            var v = e, h = v._payload, j = v._init;
             try {
-              return G(T(h), t, s);
+              return U(j(h), a, i);
             } catch {
             }
           }
         }
       return "";
     }
-    var H = Object.prototype.hasOwnProperty, he = {}, xe = I.ReactDebugCurrentFrame;
-    function K(e) {
+    var G = Object.prototype.hasOwnProperty, xe = {}, ye = N.ReactDebugCurrentFrame;
+    function H(e) {
       if (e) {
-        var t = e._owner, s = G(e.type, e._source, t ? t.type : null);
-        xe.setExtraStackFrame(s);
+        var a = e._owner, i = U(e.type, e._source, a ? a.type : null);
+        ye.setExtraStackFrame(i);
       } else
-        xe.setExtraStackFrame(null);
+        ye.setExtraStackFrame(null);
     }
-    function ar(e, t, s, v, h) {
+    function ir(e, a, i, v, h) {
       {
-        var T = Function.call.bind(H);
-        for (var p in e)
-          if (T(e, p)) {
+        var j = Function.call.bind(G);
+        for (var g in e)
+          if (j(e, g)) {
             var m = void 0;
             try {
-              if (typeof e[p] != "function") {
-                var C = Error((v || "React class") + ": " + s + " 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 C.name = "Invariant Violation", C;
+              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", _;
               }
-              m = e[p](t, p, v, s, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (j) {
-              m = j;
+              m = e[g](a, g, v, i, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (E) {
+              m = E;
             }
-            m && !(m instanceof Error) && (K(h), _("%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", s, p, typeof m), K(null)), m instanceof Error && !(m.message in he) && (he[m.message] = !0, K(h), _("Failed %s type: %s", s, m.message), K(null));
+            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));
           }
       }
     }
-    var or = Array.isArray;
-    function Z(e) {
-      return or(e);
+    var sr = Array.isArray;
+    function Q(e) {
+      return sr(e);
     }
-    function ir(e) {
+    function lr(e) {
       {
-        var t = typeof Symbol == "function" && Symbol.toStringTag, s = t && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return s;
+        var a = typeof Symbol == "function" && Symbol.toStringTag, i = a && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return i;
       }
     }
-    function sr(e) {
+    function ur(e) {
       try {
-        return ye(e), !1;
+        return je(e), !1;
       } catch {
         return !0;
       }
     }
-    function ye(e) {
+    function je(e) {
       return "" + e;
     }
-    function Te(e) {
-      if (sr(e))
-        return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ir(e)), ye(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);
     }
-    var B = I.ReactCurrentOwner, lr = {
+    var z = N.ReactCurrentOwner, cr = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Re, ke, Q;
-    Q = {};
-    function ur(e) {
-      if (H.call(e, "ref")) {
-        var t = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (t && t.isReactWarning)
+    }, Te, Ee, ee;
+    ee = {};
+    function dr(e) {
+      if (G.call(e, "ref")) {
+        var a = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (a && a.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function cr(e) {
-      if (H.call(e, "key")) {
-        var t = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (t && t.isReactWarning)
+    function fr(e) {
+      if (G.call(e, "key")) {
+        var a = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (a && a.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function dr(e, t) {
-      if (typeof e.ref == "string" && B.current && t && B.current.stateNode !== t) {
-        var s = O(B.current.type);
-        Q[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(B.current.type), e.ref), Q[s] = !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 fr(e, t) {
+    function br(e, a) {
       {
-        var s = function() {
-          Re || (Re = !0, _("%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)", t));
+        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));
         };
-        s.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: s,
+        i.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: i,
           configurable: !0
         });
       }
     }
-    function vr(e, t) {
+    function pr(e, a) {
       {
-        var s = function() {
-          ke || (ke = !0, _("%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)", t));
+        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));
         };
-        s.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: s,
+        i.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: i,
           configurable: !0
         });
       }
     }
-    var br = function(e, t, s, v, h, T, p) {
+    var mr = function(e, a, i, v, h, j, g) {
       var m = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: n,
+        $$typeof: t,
         // Built-in properties that belong on the element
         type: e,
-        key: t,
-        ref: s,
-        props: p,
+        key: a,
+        ref: i,
+        props: g,
         // Record the component responsible for creating this element.
-        _owner: T
+        _owner: j
       };
       return m._store = {}, Object.defineProperty(m._store, "validated", {
         configurable: !1,
@@ -454,41 +454,41 @@ function Lr() {
         value: h
       }), Object.freeze && (Object.freeze(m.props), Object.freeze(m)), m;
     };
-    function gr(e, t, s, v, h) {
+    function gr(e, a, i, v, h) {
       {
-        var T, p = {}, m = null, C = null;
-        s !== void 0 && (Te(s), m = "" + s), cr(t) && (Te(t.key), m = "" + t.key), ur(t) && (C = t.ref, dr(t, h));
-        for (T in t)
-          H.call(t, T) && !lr.hasOwnProperty(T) && (p[T] = t[T]);
+        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]);
         if (e && e.defaultProps) {
-          var j = e.defaultProps;
-          for (T in j)
-            p[T] === void 0 && (p[T] = j[T]);
+          var E = e.defaultProps;
+          for (j in E)
+            g[j] === void 0 && (g[j] = E[j]);
         }
-        if (m || C) {
-          var E = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          m && fr(p, E), C && vr(p, E);
+        if (m || _) {
+          var k = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          m && br(g, k), _ && pr(g, k);
         }
-        return br(e, m, C, h, v, B.current, p);
+        return mr(e, m, _, h, v, z.current, g);
       }
     }
-    var ee = I.ReactCurrentOwner, je = I.ReactDebugCurrentFrame;
-    function L(e) {
+    var re = N.ReactCurrentOwner, ke = N.ReactDebugCurrentFrame;
+    function I(e) {
       if (e) {
-        var t = e._owner, s = G(e.type, e._source, t ? t.type : null);
-        je.setExtraStackFrame(s);
+        var a = e._owner, i = U(e.type, e._source, a ? a.type : null);
+        ke.setExtraStackFrame(i);
       } else
-        je.setExtraStackFrame(null);
+        ke.setExtraStackFrame(null);
     }
-    var re;
-    re = !1;
-    function te(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === n;
+    var te;
+    te = !1;
+    function ne(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === t;
     }
-    function Ee() {
+    function we() {
       {
-        if (ee.current) {
-          var e = O(ee.current.type);
+        if (re.current) {
+          var e = O(re.current.type);
           if (e)
             return `
 
@@ -497,151 +497,151 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function mr(e) {
+    function hr(e) {
       {
         if (e !== void 0) {
-          var t = e.fileName.replace(/^.*[\\\/]/, ""), s = e.lineNumber;
+          var a = e.fileName.replace(/^.*[\\\/]/, ""), i = e.lineNumber;
           return `
 
-Check your code at ` + t + ":" + s + ".";
+Check your code at ` + a + ":" + i + ".";
         }
         return "";
       }
     }
     var Se = {};
-    function pr(e) {
+    function xr(e) {
       {
-        var t = Ee();
-        if (!t) {
-          var s = typeof e == "string" ? e : e.displayName || e.name;
-          s && (t = `
+        var a = we();
+        if (!a) {
+          var i = typeof e == "string" ? e : e.displayName || e.name;
+          i && (a = `
 
-Check the top-level render call using <` + s + ">.");
+Check the top-level render call using <` + i + ">.");
         }
-        return t;
+        return a;
       }
     }
-    function _e(e, t) {
+    function _e(e, a) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var s = pr(t);
-        if (Se[s])
+        var i = xr(a);
+        if (Se[i])
           return;
-        Se[s] = !0;
+        Se[i] = !0;
         var v = "";
-        e && e._owner && e._owner !== ee.current && (v = " It was passed a child from " + O(e._owner.type) + "."), L(e), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', s, v), L(null);
+        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);
       }
     }
-    function Ce(e, t) {
+    function Pe(e, a) {
       {
         if (typeof e != "object")
           return;
-        if (Z(e))
-          for (var s = 0; s < e.length; s++) {
-            var v = e[s];
-            te(v) && _e(v, t);
+        if (Q(e))
+          for (var i = 0; i < e.length; i++) {
+            var v = e[i];
+            ne(v) && _e(v, a);
           }
-        else if (te(e))
+        else if (ne(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var h = Ye(e);
+          var h = Ge(e);
           if (typeof h == "function" && h !== e.entries)
-            for (var T = h.call(e), p; !(p = T.next()).done; )
-              te(p.value) && _e(p.value, t);
+            for (var j = h.call(e), g; !(g = j.next()).done; )
+              ne(g.value) && _e(g.value, a);
         }
       }
     }
-    function hr(e) {
+    function yr(e) {
       {
-        var t = e.type;
-        if (t == null || typeof t == "string")
+        var a = e.type;
+        if (a == null || typeof a == "string")
           return;
-        var s;
-        if (typeof t == "function")
-          s = t.propTypes;
-        else if (typeof t == "object" && (t.$$typeof === b || // Note: Memo only checks outer props here.
+        var i;
+        if (typeof a == "function")
+          i = a.propTypes;
+        else if (typeof a == "object" && (a.$$typeof === b || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        t.$$typeof === S))
-          s = t.propTypes;
+        a.$$typeof === w))
+          i = a.propTypes;
         else
           return;
-        if (s) {
-          var v = O(t);
-          ar(s, e.props, "prop", v, e);
-        } else if (t.PropTypes !== void 0 && !re) {
-          re = !0;
-          var h = O(t);
-          _("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", h || "Unknown");
+        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");
         }
-        typeof t.getDefaultProps == "function" && !t.getDefaultProps.isReactClassApproved && _("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        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 xr(e) {
+    function jr(e) {
       {
-        for (var t = Object.keys(e.props), s = 0; s < t.length; s++) {
-          var v = t[s];
+        for (var a = Object.keys(e.props), i = 0; i < a.length; i++) {
+          var v = a[i];
           if (v !== "children" && v !== "key") {
-            L(e), _("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), L(null);
+            I(e), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), I(null);
             break;
           }
         }
-        e.ref !== null && (L(e), _("Invalid attribute `ref` supplied to `React.Fragment`."), L(null));
+        e.ref !== null && (I(e), S("Invalid attribute `ref` supplied to `React.Fragment`."), I(null));
       }
     }
-    function we(e, t, s, v, h, T) {
+    function Ce(e, a, i, v, h, j) {
       {
-        var p = Xe(e);
-        if (!p) {
+        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 C = mr(h);
-          C ? m += C : m += Ee();
-          var j;
-          e === null ? j = "null" : Z(e) ? j = "array" : e !== void 0 && e.$$typeof === n ? (j = "<" + (O(e.type) || "Unknown") + " />", m = " Did you accidentally export a JSX literal instead of a component?") : j = typeof e, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", j, m);
+          var _ = hr(h);
+          _ ? m += _ : m += we();
+          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);
         }
-        var E = gr(e, t, s, h, T);
-        if (E == null)
-          return E;
-        if (p) {
-          var P = t.children;
-          if (P !== void 0)
+        var k = gr(e, a, i, h, j);
+        if (k == null)
+          return k;
+        if (g) {
+          var C = a.children;
+          if (C !== void 0)
             if (v)
-              if (Z(P)) {
-                for (var A = 0; A < P.length; A++)
-                  Ce(P[A], e);
-                Object.freeze && Object.freeze(P);
+              if (Q(C)) {
+                for (var L = 0; L < C.length; L++)
+                  Pe(C[L], e);
+                Object.freeze && Object.freeze(C);
               } else
-                _("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                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
-              Ce(P, e);
+              Pe(C, e);
         }
-        return e === a ? xr(E) : hr(E), E;
+        return e === o ? jr(k) : yr(k), k;
       }
     }
-    function yr(e, t, s) {
-      return we(e, t, s, !0);
+    function Rr(e, a, i) {
+      return Ce(e, a, i, !0);
     }
-    function Tr(e, t, s) {
-      return we(e, t, s, !1);
+    function Tr(e, a, i) {
+      return Ce(e, a, i, !1);
     }
-    var Rr = Tr, kr = yr;
-    W.Fragment = a, W.jsx = Rr, W.jsxs = kr;
-  }()), W;
+    var Er = Tr, kr = Rr;
+    $.Fragment = o, $.jsx = Er, $.jsxs = kr;
+  }()), $;
 }
-process.env.NODE_ENV === "production" ? oe.exports = Ir() : oe.exports = Lr();
-var l = oe.exports;
-const Ae = (r, n, o = !1) => {
-  const a = [];
-  function i(c, f = "--bn") {
+process.env.NODE_ENV === "production" ? ie.exports = Ar() : ie.exports = zr();
+var l = ie.exports;
+const Be = (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(), g = `${f}-${b}`;
-      typeof c[u] != "object" ? (typeof c[u] == "number" && (c[u] = `${c[u]}px`), o ? n.style.removeProperty(g) : n.style.setProperty(g, c[u].toString())) : i(c[u], g);
+      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);
     }
   }
-  return i(r), a;
-}, Me = (r, n) => Ae(r, n), Ar = {
+  return s(r), o;
+}, De = (r, t) => Be(r, t), Br = {
   colors: {
     editor: {
       text: void 0,
@@ -711,134 +711,188 @@ const Ae = (r, n, o = !1) => {
   },
   borderRadius: void 0,
   fontFamily: void 0
-}, zr = (r) => Ae(Ar, r, !0), Br = k((r, n) => {
+}, $r = (r) => Be(Br, r, !0), Wr = T((r, t) => {
   const {
-    className: o,
-    name: a,
-    label: i,
+    className: n,
+    name: o,
+    label: s,
     icon: c,
     value: f,
     autoFocus: u,
     placeholder: b,
-    onKeyDown: g,
+    onKeyDown: p,
     onChange: y,
-    onSubmit: S,
-    ...w
+    onSubmit: w,
+    ...P
   } = r;
-  return R(w), /* @__PURE__ */ l.jsx(
+  return R(P), /* @__PURE__ */ l.jsx(
     d.TextInput,
     {
       size: "xs",
-      className: o,
-      ref: n,
-      name: a,
-      label: i,
+      className: n,
+      ref: t,
+      name: o,
+      label: s,
       leftSection: c,
       value: f,
       autoFocus: u,
       "data-autofocus": u ? "true" : void 0,
       placeholder: b,
-      onKeyDown: g,
+      onKeyDown: p,
       onChange: y,
-      onSubmit: S
+      onSubmit: w
     }
   );
 });
-var ze = {
+var $e = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, Ne = M.createContext && M.createContext(ze), N = globalThis && globalThis.__assign || function() {
-  return N = Object.assign || function(r) {
-    for (var n, o = 1, a = arguments.length; o < a; o++) {
-      n = arguments[o];
-      for (var i in n)
-        Object.prototype.hasOwnProperty.call(n, i) && (r[i] = n[i]);
+}, Ne = M.createContext && /* @__PURE__ */ M.createContext($e), Vr = ["attr", "size", "title"];
+function Yr(r, t) {
+  if (r == null)
+    return {};
+  var n = Ur(r, t), o, s;
+  if (Object.getOwnPropertySymbols) {
+    var c = Object.getOwnPropertySymbols(r);
+    for (s = 0; s < c.length; s++)
+      o = c[s], !(t.indexOf(o) >= 0) && Object.prototype.propertyIsEnumerable.call(r, o) && (n[o] = r[o]);
+  }
+  return n;
+}
+function Ur(r, t) {
+  if (r == null)
+    return {};
+  var n = {};
+  for (var o in r)
+    if (Object.prototype.hasOwnProperty.call(r, o)) {
+      if (t.indexOf(o) >= 0)
+        continue;
+      n[o] = r[o];
+    }
+  return n;
+}
+function K() {
+  return K = 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;
-  }, N.apply(this, arguments);
-}, $r = globalThis && globalThis.__rest || function(r, n) {
-  var o = {};
-  for (var a in r)
-    Object.prototype.hasOwnProperty.call(r, a) && n.indexOf(a) < 0 && (o[a] = r[a]);
-  if (r != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var i = 0, a = Object.getOwnPropertySymbols(r); i < a.length; i++)
-      n.indexOf(a[i]) < 0 && Object.prototype.propertyIsEnumerable.call(r, a[i]) && (o[a[i]] = r[a[i]]);
-  return o;
-};
-function Be(r) {
-  return r && r.map(function(n, o) {
-    return M.createElement(n.tag, N({
-      key: o
-    }, n.attr), Be(n.child));
-  });
+  }, K.apply(this, arguments);
 }
-function $e(r) {
-  return function(n) {
-    return M.createElement(Wr, N({
-      attr: N({}, r.attr)
-    }, n), Be(r.child));
-  };
+function Ie(r, t) {
+  var n = Object.keys(r);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(r);
+    t && (o = o.filter(function(s) {
+      return Object.getOwnPropertyDescriptor(r, s).enumerable;
+    })), n.push.apply(n, o);
+  }
+  return n;
+}
+function q(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) {
+      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 Hr(r) {
+  var t = Kr(r, "string");
+  return typeof t == "symbol" ? t : t + "";
+}
+function Kr(r, t) {
+  if (typeof r != "object" || !r)
+    return r;
+  var n = r[Symbol.toPrimitive];
+  if (n !== void 0) {
+    var o = n.call(r, t || "default");
+    if (typeof o != "object")
+      return o;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (t === "string" ? String : Number)(r);
+}
+function We(r) {
+  return r && r.map((t, n) => /* @__PURE__ */ M.createElement(t.tag, q({
+    key: n
+  }, t.attr), We(t.child)));
+}
+function Ve(r) {
+  return (t) => /* @__PURE__ */ M.createElement(qr, K({
+    attr: q({}, r.attr)
+  }, t), We(r.child));
 }
-function Wr(r) {
-  var n = function(o) {
-    var a = r.attr, i = r.size, c = r.title, f = $r(r, ["attr", "size", "title"]), u = i || o.size || "1em", b;
-    return o.className && (b = o.className), r.className && (b = (b ? b + " " : "") + r.className), M.createElement("svg", N({
+function qr(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({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
-    }, o.attr, a, f, {
+    }, n.attr, o, f, {
       className: b,
-      style: N(N({
-        color: r.color || o.color
-      }, o.style), r.style),
+      style: q(q({
+        color: r.color || n.color
+      }, n.style), r.style),
       height: u,
       width: u,
       xmlns: "http://www.w3.org/2000/svg"
-    }), c && M.createElement("title", null, c), r.children);
+    }), c && /* @__PURE__ */ M.createElement("title", null, c), r.children);
   };
-  return Ne !== void 0 ? M.createElement(Ne.Consumer, null, function(o) {
-    return n(o);
-  }) : n(ze);
+  return Ne !== void 0 ? /* @__PURE__ */ M.createElement(Ne.Consumer, null, (n) => t(n)) : t($e);
 }
-function Vr(r) {
-  return $e({ 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" } }] })(r);
+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 Yr(r) {
-  return $e({ 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" } }] })(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);
 }
-const We = jr(void 0), Ur = k((r, n) => {
+const Ye = wr(void 0), Zr = T((r, t) => {
   const {
-    children: o,
-    onOpenChange: a,
-    position: i,
+    children: n,
+    onOpenChange: o,
+    position: s,
     sub: c,
     // not used
     ...f
   } = r;
   R(f);
-  const [u, b] = Er(!1), g = Sr(), y = ne(() => {
-    g.current && clearTimeout(g.current), g.current = setTimeout(() => {
+  const [u, b] = Sr(!1), p = _r(), y = oe(() => {
+    p.current && clearTimeout(p.current), p.current = setTimeout(() => {
       b(!1);
     }, 250);
-  }, []), S = ne(() => {
-    g.current && clearTimeout(g.current), b(!0);
+  }, []), w = oe(() => {
+    p.current && clearTimeout(p.current), b(!0);
   }, []);
   return /* @__PURE__ */ l.jsx(
-    We.Provider,
+    Ye.Provider,
     {
       value: {
-        onMenuMouseOver: S,
+        onMenuMouseOver: w,
         onMenuMouseLeave: y
       },
       children: /* @__PURE__ */ l.jsx(
         d.Menu.Item,
         {
           className: "bn-menu-item bn-mt-sub-menu-item",
-          ref: n,
-          onMouseOver: S,
+          ref: t,
+          onMouseOver: w,
           onMouseLeave: y,
           children: /* @__PURE__ */ l.jsx(
             d.Menu,
@@ -847,252 +901,253 @@ const We = jr(void 0), Ur = k((r, n) => {
               middlewares: { flip: !0, shift: !0, inline: !1, size: !0 },
               trigger: "hover",
               opened: u,
-              onClose: () => a == null ? void 0 : a(!1),
-              onOpen: () => a == null ? void 0 : a(!0),
-              position: i,
-              children: o
+              onClose: () => o == null ? void 0 : o(!1),
+              onOpen: () => o == null ? void 0 : o(!0),
+              position: s,
+              children: n
             }
           )
         }
       )
     }
   );
-}), Gr = (r) => {
-  const { children: n, onOpenChange: o, position: a, sub: i, ...c } = r;
-  return R(c), i ? /* @__PURE__ */ l.jsx(Ur, { ...r }) : /* @__PURE__ */ l.jsx(
+}), Qr = (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,
     {
       withinPortal: !1,
       middlewares: { flip: !0, shift: !0, inline: !1, size: !0 },
-      onClose: () => o == null ? void 0 : o(!1),
-      onOpen: () => o == null ? void 0 : o(!0),
-      position: a,
-      children: n
+      onClose: () => n == null ? void 0 : n(!1),
+      onOpen: () => n == null ? void 0 : n(!0),
+      position: o,
+      children: t
     }
   );
-}, Hr = k((r, n) => {
-  const { className: o, children: a, icon: i, checked: c, subTrigger: f, onClick: u, ...b } = r;
-  return R(b, !1), f ? /* @__PURE__ */ l.jsxs("div", { ref: n, ...b, children: [
-    a,
-    /* @__PURE__ */ l.jsx(Yr, { size: 15 })
+}, 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: [
+    o,
+    /* @__PURE__ */ l.jsx(Xr, { size: 15 })
   ] }) : /* @__PURE__ */ l.jsx(
     d.Menu.Item,
     {
-      className: o,
-      ref: n,
-      leftSection: i,
+      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,
       onClick: u,
       ...b,
-      children: a
+      children: o
     }
   );
-}), Kr = (r) => {
+}), rt = (r) => {
   const {
-    children: n,
-    sub: o,
+    children: t,
+    sub: n,
     // unused
-    ...a
+    ...o
   } = r;
-  return R(a), /* @__PURE__ */ l.jsx(d.Menu.Target, { children: n });
-}, qr = k((r, n) => {
+  return R(o), /* @__PURE__ */ l.jsx(d.Menu.Target, { children: t });
+}, tt = T((r, t) => {
   const {
-    className: o,
-    children: a,
-    sub: i,
+    className: n,
+    children: o,
+    sub: s,
     //unused
     ...c
   } = r;
   R(c);
-  const f = _r(We);
+  const f = Pr(Ye);
   return /* @__PURE__ */ l.jsx(
     d.Menu.Dropdown,
     {
-      className: o,
-      ref: n,
+      className: n,
+      ref: t,
       onMouseOver: f == null ? void 0 : f.onMenuMouseOver,
       onMouseLeave: f == null ? void 0 : f.onMenuMouseLeave,
-      children: a
+      children: o
     }
   );
-}), Jr = k((r, n) => {
-  const { className: o, ...a } = r;
-  return R(a), /* @__PURE__ */ l.jsx(d.Menu.Divider, { className: o, ref: n });
-}), Xr = k((r, n) => {
-  const { className: o, children: a, ...i } = r;
-  return R(i), /* @__PURE__ */ l.jsx(d.Menu.Label, { className: o, ref: n, children: a });
-}), Zr = k((r, n) => {
+}), nt = T((r, t) => {
+  const { className: n, ...o } = r;
+  return R(o), /* @__PURE__ */ l.jsx(d.Menu.Divider, { className: n, ref: t });
+}), ot = T((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) => {
   const {
-    className: o,
-    tabs: a,
-    defaultOpenTab: i,
+    className: n,
+    tabs: o,
+    defaultOpenTab: s,
     openTab: c,
     setOpenTab: f,
     loading: u,
     ...b
   } = r;
-  return R(b), /* @__PURE__ */ l.jsx(d.Group, { className: o, ref: n, children: /* @__PURE__ */ l.jsxs(
+  return R(b), /* @__PURE__ */ l.jsx(d.Group, { className: n, ref: t, children: /* @__PURE__ */ l.jsxs(
     d.Tabs,
     {
       value: c,
-      defaultValue: i,
+      defaultValue: s,
       onChange: f,
       children: [
         u && /* @__PURE__ */ l.jsx(d.LoadingOverlay, { visible: u }),
-        /* @__PURE__ */ l.jsx(d.Tabs.List, { children: a.map((g) => /* @__PURE__ */ l.jsx(
+        /* @__PURE__ */ l.jsx(d.Tabs.List, { children: o.map((p) => /* @__PURE__ */ l.jsx(
           d.Tabs.Tab,
           {
-            "data-test": `${g.name.toLowerCase()}-tab`,
-            value: g.name,
-            children: g.name
+            "data-test": `${p.name.toLowerCase()}-tab`,
+            value: p.name,
+            children: p.name
           },
-          g.name
+          p.name
         )) }),
-        a.map((g) => /* @__PURE__ */ l.jsx(d.Tabs.Panel, { value: g.name, children: g.tabPanel }, g.name))
+        o.map((p) => /* @__PURE__ */ l.jsx(d.Tabs.Panel, { value: p.name, children: p.tabPanel }, p.name))
       ]
     }
   ) });
-}), Qr = k((r, n) => {
-  const { className: o, children: a, onClick: i, label: c, ...f } = r;
+}), it = T((r, t) => {
+  const { className: n, children: o, onClick: s, label: c, ...f } = r;
   return R(f), /* @__PURE__ */ l.jsx(
     d.Button,
     {
       size: "xs",
       "aria-label": c,
-      className: o,
-      ref: n,
-      onClick: i,
+      className: n,
+      ref: t,
+      onClick: s,
       ...f,
-      children: a
+      children: o
     }
   );
-}), et = k((r, n) => {
-  const { className: o, value: a, placeholder: i, onChange: c, ...f } = r;
-  return R(f), /* @__PURE__ */ l.jsx(
+}), st = T((r, t) => {
+  const { className: n, accept: o, value: s, placeholder: c, onChange: f, ...u } = r;
+  return R(u), /* @__PURE__ */ l.jsx(
     d.FileInput,
     {
       size: "xs",
-      className: o,
-      ref: n,
-      value: a,
-      placeholder: i,
-      onChange: c,
-      ...f
+      className: n,
+      ref: t,
+      accept: o,
+      value: s,
+      placeholder: c,
+      onChange: f,
+      ...u
     }
   );
-}), rt = k((r, n) => {
-  const { className: o, children: a, ...i } = r;
-  return R(i), /* @__PURE__ */ l.jsx("div", { className: o, ref: n, children: a });
-}), tt = k((r, n) => {
-  const { className: o, value: a, placeholder: i, onKeyDown: c, onChange: f, ...u } = r;
+}), lt = T((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) => {
+  const { className: n, value: o, placeholder: s, onKeyDown: c, onChange: f, ...u } = r;
   return R(u), /* @__PURE__ */ l.jsx(
     d.TextInput,
     {
       size: "xs",
       "data-test": "embed-input",
-      className: o,
-      ref: n,
-      value: a,
-      placeholder: i,
+      className: n,
+      ref: t,
+      value: o,
+      placeholder: s,
       onKeyDown: c,
       onChange: f
     }
   );
-}), nt = (r) => {
-  const { children: n, opened: o, position: a, ...i } = r;
-  return R(i), /* @__PURE__ */ l.jsx(
+}), ct = (r) => {
+  const { children: t, opened: n, position: o, ...s } = r;
+  return R(s), /* @__PURE__ */ l.jsx(
     d.Popover,
     {
       withinPortal: !1,
       zIndex: 1e4,
-      opened: o,
-      position: a,
-      children: n
+      opened: n,
+      position: o,
+      children: t
     }
   );
-}, at = (r) => {
-  const { children: n, ...o } = r;
-  return R(o), /* @__PURE__ */ l.jsx(d.PopoverTarget, { children: n });
-}, ot = k((r, n) => {
+}, dt = (r) => {
+  const { children: t, ...n } = r;
+  return R(n), /* @__PURE__ */ l.jsx(d.PopoverTarget, { children: t });
+}, ft = T((r, t) => {
   const {
-    className: o,
-    children: a,
-    variant: i,
+    className: n,
+    children: o,
+    variant: s,
     // unused
     ...c
   } = r;
-  return R(c), /* @__PURE__ */ l.jsx(d.PopoverDropdown, { className: o, ref: n, children: a });
-}), it = k((r, n) => {
-  const { className: o, children: a, ...i } = r;
-  return R(i), /* @__PURE__ */ l.jsx(d.Group, { align: "center", gap: 0, className: o, ref: n, children: a });
-}), st = k((r, n) => {
+  return R(c), /* @__PURE__ */ l.jsx(d.PopoverDropdown, { className: n, ref: t, children: o });
+}), vt = T((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) => {
   const {
-    className: o,
-    children: a,
-    icon: i,
+    className: n,
+    children: o,
+    icon: s,
     onClick: c,
     onDragEnd: f,
     onDragStart: u,
     draggable: b,
-    label: g,
+    label: p,
     ...y
   } = r;
-  return R(y, !1), i ? /* @__PURE__ */ l.jsx(
+  return R(y, !1), s ? /* @__PURE__ */ l.jsx(
     d.ActionIcon,
     {
       size: 24,
-      className: o,
-      ref: n,
+      className: n,
+      ref: t,
       onClick: c,
       onDragEnd: f,
       onDragStart: u,
       draggable: b,
-      "aria-label": g,
+      "aria-label": p,
       ...y,
-      children: i
+      children: s
     }
   ) : /* @__PURE__ */ l.jsx(
     d.Button,
     {
-      className: o,
-      ref: n,
+      className: n,
+      ref: t,
       onClick: c,
       onDragEnd: f,
       onDragStart: u,
       draggable: b,
-      "aria-label": g,
+      "aria-label": p,
       ...y,
-      children: a
+      children: o
     }
   );
-}), lt = k((r, n) => {
-  const { className: o, children: a, id: i, ...c } = r;
+}), pt = T((r, t) => {
+  const { className: n, children: o, id: s, ...c } = r;
   return R(c), /* @__PURE__ */ l.jsx(
     d.Stack,
     {
       gap: 0,
-      className: o,
-      ref: n,
-      id: i,
+      className: n,
+      ref: t,
+      id: s,
       role: "listbox",
-      children: a
+      children: o
     }
   );
-}), ut = k((r, n) => {
-  const { className: o, children: a, ...i } = r;
-  return R(i), /* @__PURE__ */ l.jsx(d.Group, { className: o, ref: n, children: /* @__PURE__ */ l.jsx(d.Group, { className: "bn-mt-suggestion-menu-item-label", children: a }) });
-}), ct = k((r, n) => {
-  const { className: o, isSelected: a, onClick: i, item: c, id: f, ...u } = r;
+}), mt = T((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) => {
+  const { className: n, isSelected: o, onClick: s, item: c, id: f, ...u } = r;
   return R(u), /* @__PURE__ */ l.jsxs(
     d.Group,
     {
       gap: 0,
-      className: o,
-      ref: n,
+      className: n,
+      ref: t,
       id: f,
       role: "option",
-      onClick: i,
-      "aria-selected": a || void 0,
+      onClick: s,
+      "aria-selected": o || void 0,
       children: [
         c.icon && /* @__PURE__ */ l.jsx(
           d.Group,
@@ -1117,131 +1172,131 @@ const We = jr(void 0), Ur = k((r, n) => {
       ]
     }
   );
-}), dt = k((r, n) => {
-  const { className: o, children: a, ...i } = r;
-  return R(i), /* @__PURE__ */ l.jsx(d.Group, { className: o, ref: n, children: a });
-}), ft = k((r, n) => {
+}), ht = T((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) => {
   const {
-    className: o,
-    children: a,
+    className: n,
+    children: o,
     // unused, using "dots" instead
-    ...i
+    ...s
   } = r;
-  return R(i), /* @__PURE__ */ l.jsx(d.Loader, { className: o, type: "dots", ref: n });
-}), vt = k((r, n) => {
+  return R(s), /* @__PURE__ */ l.jsx(d.Loader, { className: n, type: "dots", ref: t });
+}), yt = T((r, t) => {
   const {
-    className: o,
-    children: a,
-    draggable: i,
+    className: n,
+    children: o,
+    draggable: s,
     onDragStart: c,
     onDragEnd: f,
     style: u,
     label: b,
-    ...g
+    ...p
   } = r;
-  return R(g, !1), /* @__PURE__ */ l.jsx(
+  return R(p, !1), /* @__PURE__ */ l.jsx(
     "button",
     {
-      className: o,
-      ref: n,
+      className: n,
+      ref: t,
       "aria-label": b,
-      draggable: i,
+      draggable: s,
       onDragStart: c,
       onDragEnd: f,
       style: u,
-      ...g,
-      children: a
+      ...p,
+      children: o
     }
   );
-}), De = k(
-  (r, n) => {
-    const { className: o, children: a, onMouseEnter: i, onMouseLeave: c, ...f } = r;
+}), Le = T(
+  (r, t) => {
+    const { className: n, children: o, onMouseEnter: s, onMouseLeave: c, ...f } = r;
     R(f);
-    const { ref: u, focused: b } = Mr(), g = Nr(b), y = Dr(n, u, g);
+    const { ref: u, focused: b } = Nr(), p = Ir(b), y = Lr(t, u, p);
     return /* @__PURE__ */ l.jsx(
       d.Group,
       {
-        className: o,
+        className: n,
         ref: y,
         role: "toolbar",
-        onMouseEnter: i,
+        onMouseEnter: s,
         onMouseLeave: c,
-        children: a
+        children: o
       }
     );
   }
-), bt = (r) => /* @__PURE__ */ l.jsxs(d.Stack, { gap: 0, className: "bn-tooltip", children: [
+), 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 })
-] }), Ie = k(
-  (r, n) => {
+] }), Ae = T(
+  (r, t) => {
     const {
-      className: o,
-      children: a,
-      mainTooltip: i,
+      className: n,
+      children: o,
+      mainTooltip: s,
       secondaryTooltip: c,
       icon: f,
       isSelected: u,
       isDisabled: b,
-      onClick: g,
+      onClick: p,
       label: y,
-      ...S
+      ...w
     } = r;
-    return R(S, !1), /* @__PURE__ */ l.jsx(
+    return R(w, !1), /* @__PURE__ */ l.jsx(
       d.Tooltip,
       {
         withinPortal: !1,
         label: /* @__PURE__ */ l.jsx(
-          bt,
+          jt,
           {
-            mainTooltip: i,
+            mainTooltip: s,
             secondaryTooltip: c
           }
         ),
-        children: a ? /* @__PURE__ */ l.jsx(
+        children: o ? /* @__PURE__ */ l.jsx(
           d.Button,
           {
             "aria-label": y,
-            className: o,
-            onMouseDown: (w) => {
-              ae() && w.currentTarget.focus();
+            className: n,
+            onMouseDown: (P) => {
+              ae() && P.currentTarget.focus();
             },
-            onClick: g,
+            onClick: p,
             "aria-pressed": u,
             "data-selected": u || void 0,
-            "data-test": i.slice(0, 1).toLowerCase() + i.replace(/\s+/g, "").slice(1),
+            "data-test": s.slice(0, 1).toLowerCase() + s.replace(/\s+/g, "").slice(1),
             size: "xs",
             disabled: b || !1,
-            ref: n,
-            ...S,
-            children: a
+            ref: t,
+            ...w,
+            children: o
           }
         ) : /* @__PURE__ */ l.jsx(
           d.ActionIcon,
           {
-            className: o,
+            className: n,
             "aria-label": y,
-            onMouseDown: (w) => {
-              ae() && w.currentTarget.focus();
+            onMouseDown: (P) => {
+              ae() && P.currentTarget.focus();
             },
-            onClick: g,
+            onClick: p,
             "aria-pressed": u,
             "data-selected": u || void 0,
-            "data-test": i.slice(0, 1).toLowerCase() + i.replace(/\s+/g, "").slice(1),
+            "data-test": s.slice(0, 1).toLowerCase() + s.replace(/\s+/g, "").slice(1),
             size: 30,
             disabled: b || !1,
-            ref: n,
-            ...S,
+            ref: t,
+            ...w,
             children: f
           }
         )
       }
     );
   }
-), gt = k((r, n) => {
-  const { className: o, items: a, isDisabled: i, ...c } = r;
+), Rt = T((r, t) => {
+  const { className: n, items: o, isDisabled: s, ...c } = r;
   R(c);
-  const f = a.filter((u) => u.isSelected)[0];
+  const f = o.filter((u) => u.isSelected)[0];
   return f ? /* @__PURE__ */ l.jsxs(
     d.Menu,
     {
@@ -1249,7 +1304,7 @@ const We = jr(void 0), Ur = k((r, n) => {
       transitionProps: {
         exitDuration: 0
       },
-      disabled: i,
+      disabled: s,
       middlewares: { flip: !0, shift: !0, inline: !1, size: !0 },
       children: [
         /* @__PURE__ */ l.jsx(d.Menu.Target, { children: /* @__PURE__ */ l.jsx(
@@ -1259,14 +1314,14 @@ const We = jr(void 0), Ur = k((r, n) => {
               ae() && u.currentTarget.focus();
             },
             leftSection: f.icon,
-            rightSection: /* @__PURE__ */ l.jsx(Vr, {}),
+            rightSection: /* @__PURE__ */ l.jsx(Jr, {}),
             size: "xs",
             variant: "subtle",
-            disabled: i,
+            disabled: s,
             children: f.text
           }
         ) }),
-        /* @__PURE__ */ l.jsx(d.Menu.Dropdown, { className: o, ref: n, children: a.map((u) => /* @__PURE__ */ l.jsx(
+        /* @__PURE__ */ l.jsx(d.Menu.Dropdown, { className: n, ref: t, children: o.map((u) => /* @__PURE__ */ l.jsx(
           d.Menu.Item,
           {
             onClick: u.onClick,
@@ -1295,7 +1350,7 @@ const x = [
   "#161616",
   "#0F0F0F",
   "#000000"
-], Le = {
+], ze = {
   colors: {
     editor: {
       text: x[5],
@@ -1365,7 +1420,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'
-}, jt = {
+}, Ot = {
   colors: {
     editor: {
       text: x[2],
@@ -1433,88 +1488,88 @@ const x = [
       }
     }
   },
-  borderRadius: Le.borderRadius,
-  fontFamily: Le.fontFamily
-}, mt = {
+  borderRadius: ze.borderRadius,
+  fontFamily: ze.fontFamily
+}, Tt = {
   FormattingToolbar: {
-    Root: De,
-    Button: Ie,
-    Select: gt
+    Root: Le,
+    Button: Ae,
+    Select: Rt
   },
-  ImagePanel: {
-    Root: Zr,
-    Button: Qr,
-    FileInput: et,
-    TabPanel: rt,
-    TextInput: tt
+  FilePanel: {
+    Root: at,
+    Button: it,
+    FileInput: st,
+    TabPanel: lt,
+    TextInput: ut
   },
   LinkToolbar: {
-    Root: De,
-    Button: Ie
+    Root: Le,
+    Button: Ae
   },
   SideMenu: {
-    Root: it,
-    Button: st
+    Root: vt,
+    Button: bt
   },
   SuggestionMenu: {
-    Root: lt,
-    Item: ct,
-    EmptyItem: ut,
-    Label: dt,
-    Loader: ft
+    Root: pt,
+    Item: gt,
+    EmptyItem: mt,
+    Label: ht,
+    Loader: xt
   },
   TableHandle: {
-    Root: vt
+    Root: yt
   },
   Generic: {
     Form: {
       Root: (r) => /* @__PURE__ */ l.jsx("div", { children: r.children }),
-      TextInput: Br
+      TextInput: Wr
     },
     Menu: {
-      Root: Gr,
-      Trigger: Kr,
-      Dropdown: qr,
-      Divider: Jr,
-      Label: Xr,
-      Item: Hr
+      Root: Qr,
+      Trigger: rt,
+      Dropdown: tt,
+      Divider: nt,
+      Label: ot,
+      Item: et
     },
     Popover: {
-      Root: nt,
-      Trigger: at,
-      Content: ot
+      Root: ct,
+      Trigger: dt,
+      Content: ft
     }
   }
-}, pt = {
+}, Et = {
   // Removes button press effect
   activeClassName: ""
-}, Et = (r) => {
-  const { theme: n, ...o } = r, a = Cr(), i = Fr(), c = (a == null ? void 0 : a.colorSchemePreference) || i, f = ne(
+}, Ft = (r) => {
+  const { theme: t, ...n } = r, o = Cr(), s = Dr(), c = (o == null ? void 0 : o.colorSchemePreference) || s, f = oe(
     (u) => {
-      if (u && (zr(u), typeof n == "object")) {
-        if ("light" in n && "dark" in n) {
-          Me(
-            n[c === "dark" ? "dark" : "light"],
+      if (u && ($r(u), typeof t == "object")) {
+        if ("light" in t && "dark" in t) {
+          De(
+            t[c === "dark" ? "dark" : "light"],
             u
           );
           return;
         }
-        Me(n, u);
+        De(t, u);
         return;
       }
     },
-    [c, n]
+    [c, t]
   );
-  return /* @__PURE__ */ l.jsx(wr.Provider, { value: mt, children: /* @__PURE__ */ l.jsx(
-    Or,
+  return /* @__PURE__ */ l.jsx(Or.Provider, { value: Tt, children: /* @__PURE__ */ l.jsx(
+    Mr,
     {
-      theme: pt,
+      theme: Et,
       cssVariablesSelector: ".bn-container",
       children: /* @__PURE__ */ l.jsx(
-        Pr,
+        Fr,
         {
-          theme: typeof n == "object" ? void 0 : n,
-          ...o,
+          theme: typeof t == "object" ? void 0 : t,
+          ...n,
           ref: f
         }
       )
@@ -1522,12 +1577,12 @@ const x = [
   ) });
 };
 export {
-  Et as BlockNoteView,
-  Me as applyBlockNoteCSSVariablesFromTheme,
-  mt as components,
-  jt as darkDefaultTheme,
+  Ft as BlockNoteView,
+  De as applyBlockNoteCSSVariablesFromTheme,
+  Tt as components,
+  Ot as darkDefaultTheme,
   x as defaultColorScheme,
-  Le as lightDefaultTheme,
-  zr as removeBlockNoteCSSVariables
+  ze as lightDefaultTheme,
+  $r as removeBlockNoteCSSVariables
 };
 //# sourceMappingURL=blocknote-mantine.js.map