@blocknote/mantine 0.14.1 → 0.14.2

package/dist/blocknote-mantine.js

@@ -1,9 +1,9 @@
 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";
+import { assertEmpty as j, isSafari as fe, mergeCSSClasses as Yr } from "@blocknote/core";
+import { elementOverflow as Ur, useBlockNoteContext as Kr, ComponentsContext as Gr, BlockNoteViewRaw as Hr } from "@blocknote/react";
+import { TextInput as Je, Menu as O, CheckIcon as qe, Group as N, Tabs as X, LoadingOverlay as Jr, Button as U, FileInput as qr, Popover as Xr, PopoverTarget as Zr, PopoverDropdown as Qr, ActionIcon as Xe, Stack as be, Text as Z, Badge as et, Loader as rt, Tooltip as tt, MantineProvider as nt } from "@mantine/core";
+import ot from "use-prefers-color-scheme";
+import { mergeRefs as ge, useFocusWithin as at, useFocusTrap as it } from "@mantine/hooks";
 var ve = { exports: {} }, V = {};
 /**
  * @license React
@@ -15,22 +15,22 @@ var ve = { exports: {} }, V = {};
  * LICENSE file in the root directory of this source tree.
  */
 var We;
-function it() {
+function st() {
   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 r = D, n = Symbol.for("react.element"), t = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, i = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, u = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function f(c, 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 (h in d = u.defaultProps, d)
+      o.call(d, h) && !u.hasOwnProperty(h) && (w[h] = d[h]);
+    if (c && c.defaultProps)
+      for (h in d = c.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 { $$typeof: n, type: c, key: k, ref: K, props: w, _owner: i.current };
   }
-  return V.Fragment = n, V.jsx = f, V.jsxs = f, V;
+  return V.Fragment = t, V.jsx = f, V.jsxs = f, V;
 }
 var Y = {};
 /**
@@ -43,48 +43,48 @@ var Y = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Be;
-function st() {
+function lt() {
   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";
+    var r = D, n = Symbol.for("react.element"), t = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), u = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), c = 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"), me = Symbol.iterator, nr = "@@iterator";
     function or(e) {
       if (e === null || typeof e != "object")
         return null;
-      var a = pe && e[pe] || e[nr];
+      var a = me && e[me] || e[nr];
       return typeof a == "function" ? a : null;
     }
     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];
-        ar("error", e, i);
+        for (var a = arguments.length, s = new Array(a > 1 ? a - 1 : 0), v = 1; v < a; v++)
+          s[v - 1] = arguments[v];
+        ar("error", e, s);
       }
     }
-    function ar(e, a, i) {
+    function ar(e, a, s) {
       {
-        var v = L.ReactDebugCurrentFrame, m = v.getStackAddendum();
-        m !== "" && (a += "%s", i = i.concat([m]));
-        var y = i.map(function(p) {
-          return String(p);
+        var v = L.ReactDebugCurrentFrame, p = v.getStackAddendum();
+        p !== "" && (a += "%s", s = s.concat([p]));
+        var y = s.map(function(m) {
+          return String(m);
         });
         y.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, y);
       }
     }
-    var ir = !1, sr = !1, lr = !1, ur = !1, cr = !1, me;
-    me = Symbol.for("react.module.reference");
+    var ir = !1, sr = !1, lr = !1, ur = !1, cr = !1, pe;
+    pe = 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
+      return !!(typeof e == "string" || typeof e == "function" || e === o || e === u || cr || e === i || 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 === c || 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 === me || e.getModuleId !== void 0));
+      e.$$typeof === pe || e.getModuleId !== void 0));
     }
-    function fr(e, a, i) {
+    function fr(e, a, s) {
       var v = e.displayName;
       if (v)
         return v;
-      var m = a.displayName || a.name || "";
-      return m !== "" ? i + "(" + m + ")" : i;
+      var p = a.displayName || a.name || "";
+      return p !== "" ? s + "(" + p + ")" : s;
     }
     function he(e) {
       return e.displayName || "Context";
@@ -99,11 +99,11 @@ function st() {
       switch (e) {
         case o:
           return "Fragment";
-        case n:
+        case t:
           return "Portal";
-        case c:
+        case u:
           return "Profiler";
-        case s:
+        case i:
           return "StrictMode";
         case b:
           return "Suspense";
@@ -112,21 +112,21 @@ function st() {
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case u:
+          case c:
             var a = e;
             return he(a) + ".Consumer";
           case f:
-            var i = e;
-            return he(i._context) + ".Provider";
+            var s = e;
+            return he(s._context) + ".Provider";
           case d:
             return fr(e, e.render, "ForwardRef");
           case w:
             var v = e.displayName || null;
             return v !== null ? v : F(e.type) || "Memo";
           case k: {
-            var m = e, y = m._payload, p = m._init;
+            var p = e, y = p._payload, m = p._init;
             try {
-              return F(p(y));
+              return F(m(y));
             } catch {
               return null;
             }
@@ -197,13 +197,13 @@ function st() {
       }
     }
     var re = L.ReactCurrentDispatcher, te;
-    function G(e, a, i) {
+    function G(e, a, s) {
       {
         if (te === void 0)
           try {
             throw Error();
-          } catch (m) {
-            var v = m.stack.trim().match(/\n( *(at )?)/);
+          } catch (p) {
+            var v = p.stack.trim().match(/\n( *(at )?)/);
             te = v && v[1] || "";
           }
         return `
@@ -219,39 +219,39 @@ function st() {
       if (!e || ne)
         return "";
       {
-        var i = H.get(e);
-        if (i !== void 0)
-          return i;
+        var s = H.get(e);
+        if (s !== void 0)
+          return s;
       }
       var v;
       ne = !0;
-      var m = Error.prepareStackTrace;
+      var p = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var y;
       y = re.current, re.current = null, vr();
       try {
         if (a) {
-          var p = function() {
+          var m = function() {
             throw Error();
           };
-          if (Object.defineProperty(p.prototype, "props", {
+          if (Object.defineProperty(m.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(p, []);
+              Reflect.construct(m, []);
             } catch (_) {
               v = _;
             }
-            Reflect.construct(e, [], p);
+            Reflect.construct(e, [], m);
           } else {
             try {
-              p.call();
+              m.call();
             } catch (_) {
               v = _;
             }
-            e.call(p.prototype);
+            e.call(m.prototype);
           }
         } else {
           try {
@@ -281,23 +281,23 @@ function st() {
             }
         }
       } finally {
-        ne = !1, re.current = y, br(), Error.prepareStackTrace = m;
+        ne = !1, re.current = y, br(), Error.prepareStackTrace = p;
       }
       var $ = e ? e.displayName || e.name : "", I = $ ? G($) : "";
       return typeof e == "function" && H.set(e, I), I;
     }
-    function pr(e, a, i) {
+    function mr(e, a, s) {
       return Se(e, !1);
     }
-    function mr(e) {
+    function pr(e) {
       var a = e.prototype;
       return !!(a && a.isReactComponent);
     }
-    function J(e, a, i) {
+    function J(e, a, s) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return Se(e, mr(e));
+        return Se(e, pr(e));
       if (typeof e == "string")
         return G(e);
       switch (e) {
@@ -309,13 +309,13 @@ function st() {
       if (typeof e == "object")
         switch (e.$$typeof) {
           case d:
-            return pr(e.render);
+            return mr(e.render);
           case w:
-            return J(e.type, a, i);
+            return J(e.type, a, s);
           case k: {
-            var v = e, m = v._payload, y = v._init;
+            var v = e, p = v._payload, y = v._init;
             try {
-              return J(y(m), a, i);
+              return J(y(p), a, s);
             } catch {
             }
           }
@@ -325,27 +325,27 @@ function st() {
     var W = Object.prototype.hasOwnProperty, Pe = {}, _e = L.ReactDebugCurrentFrame;
     function q(e) {
       if (e) {
-        var a = e._owner, i = J(e.type, e._source, a ? a.type : null);
-        _e.setExtraStackFrame(i);
+        var a = e._owner, s = J(e.type, e._source, a ? a.type : null);
+        _e.setExtraStackFrame(s);
       } else
         _e.setExtraStackFrame(null);
     }
-    function hr(e, a, i, v, m) {
+    function hr(e, a, s, v, p) {
       {
         var y = Function.call.bind(W);
-        for (var p in e)
-          if (y(e, p)) {
+        for (var m in e)
+          if (y(e, m)) {
             var g = void 0;
             try {
-              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`.");
+              if (typeof e[m] != "function") {
+                var P = Error((v || "React class") + ": " + s + " type `" + m + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[m] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw P.name = "Invariant Violation", P;
               }
-              g = e[p](a, p, v, i, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              g = e[m](a, m, v, s, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (E) {
               g = E;
             }
-            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));
+            g && !(g instanceof Error) && (q(p), 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", s, m, typeof g), q(null)), g instanceof Error && !(g.message in Pe) && (Pe[g.message] = !0, q(p), S("Failed %s type: %s", s, g.message), q(null));
           }
       }
     }
@@ -355,8 +355,8 @@ function st() {
     }
     function yr(e) {
       {
-        var a = typeof Symbol == "function" && Symbol.toStringTag, i = a && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return i;
+        var a = typeof Symbol == "function" && Symbol.toStringTag, s = a && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return s;
       }
     }
     function jr(e) {
@@ -398,41 +398,41 @@ function st() {
     }
     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);
+        var s = F(B.current.type);
+        ae[s] || (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[s] = !0);
       }
     }
     function kr(e, a) {
       {
-        var i = function() {
+        var s = function() {
           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,
+        s.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: s,
           configurable: !0
         });
       }
     }
     function Sr(e, a) {
       {
-        var i = function() {
+        var s = function() {
           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,
+        s.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: s,
           configurable: !0
         });
       }
     }
-    var Pr = function(e, a, i, v, m, y, p) {
+    var Pr = function(e, a, s, v, p, y, m) {
       var g = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: t,
+        $$typeof: n,
         // Built-in properties that belong on the element
         type: e,
         key: a,
-        ref: i,
-        props: p,
+        ref: s,
+        props: m,
         // Record the component responsible for creating this element.
         _owner: y
       };
@@ -450,39 +450,39 @@ function st() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: m
+        value: p
       }), Object.freeze && (Object.freeze(g.props), Object.freeze(g)), g;
     };
-    function _r(e, a, i, v, m) {
+    function _r(e, a, s, v, p) {
       {
-        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));
+        var y, m = {}, g = null, P = null;
+        s !== void 0 && (Oe(s), g = "" + s), Tr(a) && (Oe(a.key), g = "" + a.key), Er(a) && (P = a.ref, wr(a, p));
         for (y in a)
-          W.call(a, y) && !Rr.hasOwnProperty(y) && (p[y] = a[y]);
+          W.call(a, y) && !Rr.hasOwnProperty(y) && (m[y] = a[y]);
         if (e && e.defaultProps) {
           var E = e.defaultProps;
           for (y in E)
-            p[y] === void 0 && (p[y] = E[y]);
+            m[y] === void 0 && (m[y] = E[y]);
         }
         if (g || P) {
           var T = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          g && kr(p, T), P && Sr(p, T);
+          g && kr(m, T), P && Sr(m, T);
         }
-        return Pr(e, g, P, m, v, B.current, p);
+        return Pr(e, g, P, p, v, B.current, m);
       }
     }
     var ie = L.ReactCurrentOwner, Ne = L.ReactDebugCurrentFrame;
     function A(e) {
       if (e) {
-        var a = e._owner, i = J(e.type, e._source, a ? a.type : null);
-        Ne.setExtraStackFrame(i);
+        var a = e._owner, s = J(e.type, e._source, a ? a.type : null);
+        Ne.setExtraStackFrame(s);
       } else
         Ne.setExtraStackFrame(null);
     }
     var se;
     se = !1;
     function le(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === t;
+      return typeof e == "object" && e !== null && e.$$typeof === n;
     }
     function Me() {
       {
@@ -499,10 +499,10 @@ Check the render method of \`` + e + "`.";
     function Cr(e) {
       {
         if (e !== void 0) {
-          var a = e.fileName.replace(/^.*[\\\/]/, ""), i = e.lineNumber;
+          var a = e.fileName.replace(/^.*[\\\/]/, ""), s = e.lineNumber;
           return `
 
-Check your code at ` + a + ":" + i + ".";
+Check your code at ` + a + ":" + s + ".";
         }
         return "";
       }
@@ -512,10 +512,10 @@ Check your code at ` + a + ":" + i + ".";
       {
         var a = Me();
         if (!a) {
-          var i = typeof e == "string" ? e : e.displayName || e.name;
-          i && (a = `
+          var s = typeof e == "string" ? e : e.displayName || e.name;
+          s && (a = `
 
-Check the top-level render call using <` + i + ">.");
+Check the top-level render call using <` + s + ">.");
         }
         return a;
       }
@@ -525,12 +525,12 @@ Check the top-level render call using <` + i + ">.");
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var i = Or(a);
-        if (Ie[i])
+        var s = Or(a);
+        if (Ie[s])
           return;
-        Ie[i] = !0;
+        Ie[s] = !0;
         var v = "";
-        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);
+        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.', s, v), A(null);
       }
     }
     function Ae(e, a) {
@@ -538,17 +538,17 @@ Check the top-level render call using <` + i + ">.");
         if (typeof e != "object")
           return;
         if (oe(e))
-          for (var i = 0; i < e.length; i++) {
-            var v = e[i];
+          for (var s = 0; s < e.length; s++) {
+            var v = e[s];
             le(v) && Le(v, a);
           }
         else if (le(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          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);
+          var p = or(e);
+          if (typeof p == "function" && p !== e.entries)
+            for (var y = p.call(e), m; !(m = y.next()).done; )
+              le(m.value) && Le(m.value, a);
         }
       }
     }
@@ -557,30 +557,30 @@ Check the top-level render call using <` + i + ">.");
         var a = e.type;
         if (a == null || typeof a == "string")
           return;
-        var i;
+        var s;
         if (typeof a == "function")
-          i = a.propTypes;
+          s = a.propTypes;
         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;
+          s = a.propTypes;
         else
           return;
-        if (i) {
+        if (s) {
           var v = F(a);
-          hr(i, e.props, "prop", v, e);
+          hr(s, 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");
+          var p = F(a);
+          S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", p || "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 Dr(e) {
       {
-        for (var a = Object.keys(e.props), i = 0; i < a.length; i++) {
-          var v = a[i];
+        for (var a = Object.keys(e.props), s = 0; s < a.length; s++) {
+          var v = a[s];
           if (v !== "children" && v !== "key") {
             A(e), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), A(null);
             break;
@@ -590,21 +590,21 @@ Check the top-level render call using <` + i + ">.");
       }
     }
     var $e = {};
-    function ze(e, a, i, v, m, y) {
+    function ze(e, a, s, v, p, y) {
       {
-        var p = dr(e);
-        if (!p) {
+        var m = dr(e);
+        if (!m) {
           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);
+          var P = Cr(p);
           P ? g += P : g += Me();
           var E;
-          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);
+          e === null ? E = "null" : oe(e) ? E = "array" : e !== void 0 && e.$$typeof === n ? (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 T = _r(e, a, i, m, y);
+        var T = _r(e, a, s, p, y);
         if (T == null)
           return T;
-        if (p) {
+        if (m) {
           var C = a.children;
           if (C !== void 0)
             if (v)
@@ -634,28 +634,28 @@ React keys must be passed directly to JSX without using spread:
         return e === o ? Dr(T) : Fr(T), T;
       }
     }
-    function Nr(e, a, i) {
-      return ze(e, a, i, !0);
+    function Nr(e, a, s) {
+      return ze(e, a, s, !0);
     }
-    function Mr(e, a, i) {
-      return ze(e, a, i, !1);
+    function Mr(e, a, s) {
+      return ze(e, a, s, !1);
     }
     var Ir = Mr, Lr = Nr;
     Y.Fragment = o, Y.jsx = Ir, Y.jsxs = Lr;
   }()), Y;
 }
-process.env.NODE_ENV === "production" ? ve.exports = it() : ve.exports = st();
+process.env.NODE_ENV === "production" ? ve.exports = st() : ve.exports = lt();
 var l = ve.exports;
-const Ze = (r, t, n = !1) => {
+const Ze = (r, n, t = !1) => {
   const o = [];
-  function s(c, f = "--bn") {
-    for (const u in c) {
-      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);
+  function i(u, f = "--bn") {
+    for (const c in u) {
+      const d = c.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), b = `${f}-${d}`;
+      typeof u[c] != "object" ? (typeof u[c] == "number" && (u[c] = `${u[c]}px`), t ? n.style.removeProperty(b) : n.style.setProperty(b, u[c].toString())) : i(u[c], b);
     }
   }
-  return s(r), o;
-}, Ve = (r, t) => Ze(r, t), lt = {
+  return i(r), o;
+}, Ve = (r, n) => Ze(r, n), ut = {
   colors: {
     editor: {
       text: void 0,
@@ -725,14 +725,14 @@ const Ze = (r, t, n = !1) => {
   },
   borderRadius: void 0,
   fontFamily: void 0
-}, ut = (r) => Ze(lt, r, !0), ct = R((r, t) => {
+}, ct = (r) => Ze(ut, r, !0), dt = R((r, n) => {
   const {
-    className: n,
+    className: t,
     name: o,
-    label: s,
-    icon: c,
+    label: i,
+    icon: u,
     value: f,
-    autoFocus: u,
+    autoFocus: c,
     placeholder: d,
     onKeyDown: b,
     onChange: h,
@@ -743,14 +743,14 @@ const Ze = (r, t, n = !1) => {
     Je,
     {
       size: "xs",
-      className: n,
-      ref: t,
+      className: t,
+      ref: n,
       name: o,
-      label: s,
-      leftSection: c,
+      label: i,
+      leftSection: u,
       value: f,
-      autoFocus: u,
-      "data-autofocus": u ? "true" : void 0,
+      autoFocus: c,
+      "data-autofocus": c ? "true" : void 0,
       placeholder: d,
       onKeyDown: b,
       onChange: h,
@@ -764,130 +764,130 @@ var Qe = {
   className: void 0,
   style: void 0,
   attr: void 0
-}, Ye = D.createContext && /* @__PURE__ */ D.createContext(Qe), dt = ["attr", "size", "title"];
-function ft(r, t) {
+}, Ye = D.createContext && /* @__PURE__ */ D.createContext(Qe), ft = ["attr", "size", "title"];
+function vt(r, n) {
   if (r == null)
     return {};
-  var n = vt(r, t), o, s;
+  var t = bt(r, n), o, i;
   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]);
+    var u = Object.getOwnPropertySymbols(r);
+    for (i = 0; i < u.length; i++)
+      o = u[i], !(n.indexOf(o) >= 0) && Object.prototype.propertyIsEnumerable.call(r, o) && (t[o] = r[o]);
   }
-  return n;
+  return t;
 }
-function vt(r, t) {
+function bt(r, n) {
   if (r == null)
     return {};
-  var n = {};
+  var t = {};
   for (var o in r)
     if (Object.prototype.hasOwnProperty.call(r, o)) {
-      if (t.indexOf(o) >= 0)
+      if (n.indexOf(o) >= 0)
         continue;
-      n[o] = r[o];
+      t[o] = r[o];
     }
-  return n;
+  return t;
 }
 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]);
+    for (var n = 1; n < arguments.length; n++) {
+      var t = arguments[n];
+      for (var o in t)
+        Object.prototype.hasOwnProperty.call(t, o) && (r[o] = t[o]);
     }
     return r;
   }, Q.apply(this, arguments);
 }
-function Ue(r, t) {
-  var n = Object.keys(r);
+function Ue(r, n) {
+  var t = 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);
+    n && (o = o.filter(function(i) {
+      return Object.getOwnPropertyDescriptor(r, i).enumerable;
+    })), t.push.apply(t, o);
   }
-  return n;
+  return t;
 }
 function ee(r) {
-  for (var t = 1; t < arguments.length; t++) {
-    var n = arguments[t] != null ? arguments[t] : {};
-    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));
+  for (var n = 1; n < arguments.length; n++) {
+    var t = arguments[n] != null ? arguments[n] : {};
+    n % 2 ? Ue(Object(t), !0).forEach(function(o) {
+      gt(r, o, t[o]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(t)) : Ue(Object(t)).forEach(function(o) {
+      Object.defineProperty(r, o, Object.getOwnPropertyDescriptor(t, o));
     });
   }
   return 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 gt(r, n, t) {
+  return n = mt(n), n in r ? Object.defineProperty(r, n, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : r[n] = t, r;
 }
-function gt(r) {
-  var t = pt(r, "string");
-  return typeof t == "symbol" ? t : t + "";
+function mt(r) {
+  var n = pt(r, "string");
+  return typeof n == "symbol" ? n : n + "";
 }
-function pt(r, t) {
+function pt(r, n) {
   if (typeof r != "object" || !r)
     return r;
-  var n = r[Symbol.toPrimitive];
-  if (n !== void 0) {
-    var o = n.call(r, t || "default");
+  var t = r[Symbol.toPrimitive];
+  if (t !== void 0) {
+    var o = t.call(r, n || "default");
     if (typeof o != "object")
       return o;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (t === "string" ? String : Number)(r);
+  return (n === "string" ? String : Number)(r);
 }
 function er(r) {
-  return r && r.map((t, n) => /* @__PURE__ */ D.createElement(t.tag, ee({
-    key: n
-  }, t.attr), er(t.child)));
+  return r && r.map((n, t) => /* @__PURE__ */ D.createElement(n.tag, ee({
+    key: t
+  }, n.attr), er(n.child)));
 }
 function rr(r) {
-  return (t) => /* @__PURE__ */ D.createElement(mt, Q({
+  return (n) => /* @__PURE__ */ D.createElement(ht, Q({
     attr: ee({}, r.attr)
-  }, t), er(r.child));
+  }, n), er(r.child));
 }
-function mt(r) {
-  var t = (n) => {
+function ht(r) {
+  var n = (t) => {
     var {
       attr: o,
-      size: s,
-      title: c
-    } = 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({
+      size: i,
+      title: u
+    } = r, f = vt(r, ft), c = i || t.size || "1em", d;
+    return t.className && (d = t.className), r.className && (d = (d ? d + " " : "") + r.className), /* @__PURE__ */ D.createElement("svg", Q({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
-    }, n.attr, o, f, {
+    }, t.attr, o, f, {
       className: d,
       style: ee(ee({
-        color: r.color || n.color
-      }, n.style), r.style),
-      height: u,
-      width: u,
+        color: r.color || t.color
+      }, t.style), r.style),
+      height: c,
+      width: c,
       xmlns: "http://www.w3.org/2000/svg"
-    }), c && /* @__PURE__ */ D.createElement("title", null, c), r.children);
+    }), u && /* @__PURE__ */ D.createElement("title", null, u), r.children);
   };
-  return Ye !== void 0 ? /* @__PURE__ */ D.createElement(Ye.Consumer, null, (n) => t(n)) : t(Qe);
+  return Ye !== void 0 ? /* @__PURE__ */ D.createElement(Ye.Consumer, null, (t) => n(t)) : n(Qe);
 }
-function ht(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: "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 xt(r) {
+function yt(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 tr = zr(void 0), yt = R((r, t) => {
+const tr = zr(void 0), jt = R((r, n) => {
   const {
-    children: n,
+    children: t,
     onOpenChange: o,
-    position: s,
-    sub: c,
+    position: i,
+    sub: u,
     // not used
     ...f
   } = r;
   j(f);
-  const [u, d] = Wr(!1), b = ce(null), h = ce(), w = de(() => {
+  const [c, d] = Wr(!1), b = ce(null), h = ce(), w = de(() => {
     h.current && clearTimeout(h.current), h.current = setTimeout(() => {
       d(!1);
     }, 250);
@@ -905,7 +905,7 @@ const tr = zr(void 0), yt = R((r, t) => {
         O.Item,
         {
           className: "bn-menu-item bn-mt-sub-menu-item",
-          ref: ge(t, b),
+          ref: ge(n, b),
           onMouseOver: k,
           onMouseLeave: w,
           children: /* @__PURE__ */ l.jsx(
@@ -916,99 +916,99 @@ const tr = zr(void 0), yt = R((r, t) => {
               },
               middlewares: { flip: !0, shift: !0, inline: !1, size: !0 },
               trigger: "hover",
-              opened: u,
+              opened: c,
               onClose: () => o == null ? void 0 : o(!1),
               onOpen: () => o == null ? void 0 : o(!0),
-              position: s,
-              children: n
+              position: i,
+              children: t
             }
           )
         }
       )
     }
   );
-}), jt = (r) => {
-  const { children: t, onOpenChange: n, position: o, sub: s, ...c } = r;
-  return j(c), s ? /* @__PURE__ */ l.jsx(yt, { ...r }) : /* @__PURE__ */ l.jsx(
+}), Rt = (r) => {
+  const { children: n, onOpenChange: t, position: o, sub: i, ...u } = r;
+  return j(u), i ? /* @__PURE__ */ l.jsx(jt, { ...r }) : /* @__PURE__ */ l.jsx(
     O,
     {
       withinPortal: !1,
       middlewares: { flip: !0, shift: !0, inline: !1, size: !0 },
-      onClose: () => n == null ? void 0 : n(!1),
-      onOpen: () => n == null ? void 0 : n(!0),
+      onClose: () => t == null ? void 0 : t(!1),
+      onOpen: () => t == null ? void 0 : t(!0),
       position: o,
-      children: t
+      children: n
     }
   );
-}, 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: [
+}, Et = R((r, n) => {
+  const { className: t, children: o, icon: i, checked: u, subTrigger: f, onClick: c, ...d } = r;
+  return j(d, !1), f ? /* @__PURE__ */ l.jsxs("div", { ref: n, ...d, children: [
     o,
-    /* @__PURE__ */ l.jsx(xt, { size: 15 })
+    /* @__PURE__ */ l.jsx(yt, { size: 15 })
   ] }) : /* @__PURE__ */ l.jsx(
     O.Item,
     {
-      className: n,
-      ref: t,
-      leftSection: s,
-      rightSection: c ? /* @__PURE__ */ l.jsx(qe, { size: 10 }) : c === !1 ? /* @__PURE__ */ l.jsx("div", { className: "bn-tick-space" }) : null,
-      onClick: u,
+      className: t,
+      ref: n,
+      leftSection: i,
+      rightSection: u ? /* @__PURE__ */ l.jsx(qe, { size: 10 }) : u === !1 ? /* @__PURE__ */ l.jsx("div", { className: "bn-tick-space" }) : null,
+      onClick: c,
       ...d,
       children: o
     }
   );
-}), Et = (r) => {
+}), Tt = (r) => {
   const {
-    children: t,
-    sub: n,
+    children: n,
+    sub: t,
     // unused
     ...o
   } = r;
-  return j(o), /* @__PURE__ */ l.jsx(O.Target, { children: t });
-}, Tt = R((r, t) => {
+  return j(o), /* @__PURE__ */ l.jsx(O.Target, { children: n });
+}, wt = R((r, n) => {
   const {
-    className: n,
+    className: t,
     children: o,
-    sub: s,
+    sub: i,
     //unused
-    ...c
+    ...u
   } = r;
-  j(c);
+  j(u);
   const f = Br(tr);
   return /* @__PURE__ */ l.jsx(
     O.Dropdown,
     {
-      className: n,
-      ref: t,
+      className: t,
+      ref: n,
       onMouseOver: f == null ? void 0 : f.onMenuMouseOver,
       onMouseLeave: f == null ? void 0 : f.onMenuMouseLeave,
       children: o
     }
   );
-}), wt = R((r, t) => {
-  const { className: n, ...o } = r;
-  return j(o), /* @__PURE__ */ l.jsx(O.Divider, { className: n, ref: t });
-}), kt = R((r, t) => {
-  const { className: n, children: o, ...s } = r;
-  return j(s), /* @__PURE__ */ l.jsx(O.Label, { className: n, ref: t, children: o });
-}), St = R((r, t) => {
+}), kt = R((r, n) => {
+  const { className: t, ...o } = r;
+  return j(o), /* @__PURE__ */ l.jsx(O.Divider, { className: t, ref: n });
+}), St = R((r, n) => {
+  const { className: t, children: o, ...i } = r;
+  return j(i), /* @__PURE__ */ l.jsx(O.Label, { className: t, ref: n, children: o });
+}), Pt = R((r, n) => {
   const {
-    className: n,
+    className: t,
     tabs: o,
-    defaultOpenTab: s,
-    openTab: c,
+    defaultOpenTab: i,
+    openTab: u,
     setOpenTab: f,
-    loading: u,
+    loading: c,
     ...d
   } = r;
-  return j(d), /* @__PURE__ */ l.jsx(N, { className: n, ref: t, children: /* @__PURE__ */ l.jsxs(
+  return j(d), /* @__PURE__ */ l.jsx(N, { className: t, ref: n, children: /* @__PURE__ */ l.jsxs(
     X,
     {
-      value: c,
-      defaultValue: s,
+      value: u,
+      defaultValue: i,
       onChange: f,
       children: [
-        u && /* @__PURE__ */ l.jsx(Hr, { visible: u }),
+        c && /* @__PURE__ */ l.jsx(Jr, { visible: c }),
         /* @__PURE__ */ l.jsx(X.List, { children: o.map((b) => /* @__PURE__ */ l.jsx(
           X.Tab,
           {
@@ -1022,303 +1022,303 @@ const tr = zr(void 0), yt = R((r, t) => {
       ]
     }
   ) });
-}), Pt = R((r, t) => {
-  const { className: n, children: o, onClick: s, label: c, ...f } = r;
+}), _t = R((r, n) => {
+  const { className: t, children: o, onClick: i, label: u, ...f } = r;
   return j(f), /* @__PURE__ */ l.jsx(
     U,
     {
       size: "xs",
-      "aria-label": c,
-      className: n,
-      ref: t,
-      onClick: s,
+      "aria-label": u,
+      className: t,
+      ref: n,
+      onClick: i,
       ...f,
       children: o
     }
   );
-}), _t = R((r, t) => {
-  const { className: n, accept: o, value: s, placeholder: c, onChange: f, ...u } = r;
-  return j(u), /* @__PURE__ */ l.jsx(
-    Jr,
+}), Ct = R((r, n) => {
+  const { className: t, accept: o, value: i, placeholder: u, onChange: f, ...c } = r;
+  return j(c), /* @__PURE__ */ l.jsx(
+    qr,
     {
       size: "xs",
-      className: n,
-      ref: t,
+      className: t,
+      ref: n,
       accept: o,
-      value: s,
-      placeholder: c,
+      value: i,
+      placeholder: u,
       onChange: f,
-      ...u
+      ...c
     }
   );
-}), Ct = R((r, t) => {
-  const { className: n, children: o, ...s } = r;
-  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 j(u), /* @__PURE__ */ l.jsx(
+}), Ot = R((r, n) => {
+  const { className: t, children: o, ...i } = r;
+  return j(i), /* @__PURE__ */ l.jsx("div", { className: t, ref: n, children: o });
+}), Ft = R((r, n) => {
+  const { className: t, value: o, placeholder: i, onKeyDown: u, onChange: f, ...c } = r;
+  return j(c), /* @__PURE__ */ l.jsx(
     Je,
     {
       size: "xs",
       "data-test": "embed-input",
-      className: n,
-      ref: t,
+      className: t,
+      ref: n,
       value: o,
-      placeholder: s,
-      onKeyDown: c,
+      placeholder: i,
+      onKeyDown: u,
       onChange: f
     }
   );
-}), Ft = (r) => {
-  const { children: t, opened: n, position: o, ...s } = r;
-  return j(s), /* @__PURE__ */ l.jsx(
-    qr,
+}), Dt = (r) => {
+  const { children: n, opened: t, position: o, ...i } = r;
+  return j(i), /* @__PURE__ */ l.jsx(
+    Xr,
     {
       withinPortal: !1,
       zIndex: 1e4,
-      opened: n,
+      opened: t,
       position: o,
-      children: t
+      children: n
     }
   );
-}, Dt = (r) => {
-  const { children: t, ...n } = r;
-  return j(n), /* @__PURE__ */ l.jsx(Xr, { children: t });
-}, Nt = R((r, t) => {
+}, Nt = (r) => {
+  const { children: n, ...t } = r;
+  return j(t), /* @__PURE__ */ l.jsx(Zr, { children: n });
+}, Mt = R((r, n) => {
   const {
-    className: n,
+    className: t,
     children: o,
-    variant: s,
+    variant: i,
     // unused
-    ...c
+    ...u
   } = r;
-  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 j(s, !1), /* @__PURE__ */ l.jsx(
+  return j(u), /* @__PURE__ */ l.jsx(Qr, { className: t, ref: n, children: o });
+}), It = R((r, n) => {
+  const { className: t, children: o, ...i } = r;
+  return j(i, !1), /* @__PURE__ */ l.jsx(
     N,
     {
       align: "center",
       gap: 0,
-      className: n,
-      ref: t,
-      ...s,
+      className: t,
+      ref: n,
+      ...i,
       children: o
     }
   );
-}), It = R((r, t) => {
+}), Lt = R((r, n) => {
   const {
-    className: n,
+    className: t,
     children: o,
-    icon: s,
-    onClick: c,
+    icon: i,
+    onClick: u,
     onDragEnd: f,
-    onDragStart: u,
+    onDragStart: c,
     draggable: d,
     label: b,
     ...h
   } = r;
-  return j(h, !1), s ? /* @__PURE__ */ l.jsx(
+  return j(h, !1), i ? /* @__PURE__ */ l.jsx(
     Xe,
     {
       size: 24,
-      className: n,
-      ref: t,
-      onClick: c,
+      className: t,
+      ref: n,
+      onClick: u,
       onDragEnd: f,
-      onDragStart: u,
+      onDragStart: c,
       draggable: d,
       "aria-label": b,
       ...h,
-      children: s
+      children: i
     }
   ) : /* @__PURE__ */ l.jsx(
     U,
     {
-      className: n,
-      ref: t,
-      onClick: c,
+      className: t,
+      ref: n,
+      onClick: u,
       onDragEnd: f,
-      onDragStart: u,
+      onDragStart: c,
       draggable: d,
       "aria-label": b,
       ...h,
       children: o
     }
   );
-}), Lt = R((r, t) => {
-  const { className: n, children: o, id: s, ...c } = r;
-  return j(c), /* @__PURE__ */ l.jsx(
+}), At = R((r, n) => {
+  const { className: t, children: o, id: i, ...u } = r;
+  return j(u), /* @__PURE__ */ l.jsx(
     be,
     {
       gap: 0,
-      className: n,
-      ref: t,
-      id: s,
+      className: t,
+      ref: n,
+      id: i,
       role: "listbox",
       children: o
     }
   );
-}), At = R((r, t) => {
-  const { className: n, children: o, ...s } = r;
-  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;
-  j(u);
+}), $t = R((r, n) => {
+  const { className: t, children: o, ...i } = r;
+  return j(i), /* @__PURE__ */ l.jsx(N, { className: t, ref: n, children: /* @__PURE__ */ l.jsx(N, { className: "bn-mt-suggestion-menu-item-title", children: o }) });
+}), zt = R((r, n) => {
+  const { className: t, isSelected: o, onClick: i, item: u, id: f, ...c } = r;
+  j(c);
   const d = ce(null);
   return Vr(() => {
     if (!d.current || !o)
       return;
-    const b = Yr(d.current);
+    const b = Ur(d.current);
     b === "top" ? d.current.scrollIntoView(!0) : b === "bottom" && d.current.scrollIntoView(!1);
   }, [o]), /* @__PURE__ */ l.jsxs(
     N,
     {
       gap: 0,
-      className: n,
-      ref: ge(t, d),
+      className: t,
+      ref: ge(n, d),
       id: f,
       role: "option",
-      onClick: s,
+      onClick: i,
       "aria-selected": o || void 0,
       children: [
-        c.icon && /* @__PURE__ */ l.jsx(
+        u.icon && /* @__PURE__ */ l.jsx(
           N,
           {
             className: "bn-mt-suggestion-menu-item-section",
             "data-position": "left",
-            children: c.icon
+            children: u.icon
           }
         ),
         /* @__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 })
+          /* @__PURE__ */ l.jsx(Z, { className: "bn-mt-suggestion-menu-item-title", children: u.title }),
+          /* @__PURE__ */ l.jsx(Z, { className: "bn-mt-suggestion-menu-item-subtitle", children: u.subtext })
         ] }),
-        c.badge && /* @__PURE__ */ l.jsx(
+        u.badge && /* @__PURE__ */ l.jsx(
           N,
           {
             "data-position": "right",
             className: "bn-mt-suggestion-menu-item-section",
-            children: /* @__PURE__ */ l.jsx(Qr, { size: "xs", children: c.badge })
+            children: /* @__PURE__ */ l.jsx(et, { size: "xs", children: u.badge })
           }
         )
       ]
     }
   );
-}), zt = R((r, t) => {
-  const { className: n, children: o, ...s } = r;
-  return j(s), /* @__PURE__ */ l.jsx(N, { className: n, ref: t, children: o });
-}), Wt = R((r, t) => {
+}), Wt = R((r, n) => {
+  const { className: t, children: o, ...i } = r;
+  return j(i), /* @__PURE__ */ l.jsx(N, { className: t, ref: n, children: o });
+}), Bt = R((r, n) => {
   const {
-    className: n,
+    className: t,
     children: o,
     // unused, using "dots" instead
-    ...s
+    ...i
   } = r;
-  return j(s), /* @__PURE__ */ l.jsx(et, { className: n, type: "dots", ref: t });
-}), Bt = R((r, t) => {
+  return j(i), /* @__PURE__ */ l.jsx(rt, { className: t, type: "dots", ref: n });
+}), Vt = R((r, n) => {
   const {
-    className: n,
+    className: t,
     children: o,
-    draggable: s,
-    onDragStart: c,
+    draggable: i,
+    onDragStart: u,
     onDragEnd: f,
-    style: u,
+    style: c,
     label: d,
     ...b
   } = r;
   return j(b, !1), /* @__PURE__ */ l.jsx(
     U,
     {
-      className: n,
-      ref: t,
+      className: t,
+      ref: n,
       "aria-label": d,
-      draggable: s,
-      onDragStart: c,
+      draggable: i,
+      onDragStart: u,
       onDragEnd: f,
-      style: u,
+      style: c,
       ...b,
       children: o
     }
   );
 }), Ke = R(
-  (r, t) => {
-    const { className: n, children: o, onMouseEnter: s, onMouseLeave: c, ...f } = r;
+  (r, n) => {
+    const { className: t, children: o, onMouseEnter: i, onMouseLeave: u, ...f } = r;
     j(f);
-    const { ref: u, focused: d } = ot(), b = at(d), h = ge(t, u, b);
+    const { ref: c, focused: d } = at(), b = it(d), h = ge(n, c, b);
     return /* @__PURE__ */ l.jsx(
       N,
       {
-        className: n,
+        className: t,
         ref: h,
         role: "toolbar",
-        onMouseEnter: s,
-        onMouseLeave: c,
+        onMouseEnter: i,
+        onMouseLeave: u,
         children: o
       }
     );
   }
-), Vt = (r) => /* @__PURE__ */ l.jsxs(be, { gap: 0, className: "bn-tooltip", children: [
+), Yt = (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) => {
+  (r, n) => {
     const {
-      className: n,
+      className: t,
       children: o,
-      mainTooltip: s,
-      secondaryTooltip: c,
+      mainTooltip: i,
+      secondaryTooltip: u,
       icon: f,
-      isSelected: u,
+      isSelected: c,
       isDisabled: d,
       onClick: b,
       label: h,
       ...w
     } = r;
     return j(w, !1), /* @__PURE__ */ l.jsx(
-      rt,
+      tt,
       {
         withinPortal: !1,
         label: /* @__PURE__ */ l.jsx(
-          Vt,
+          Yt,
           {
-            mainTooltip: s,
-            secondaryTooltip: c
+            mainTooltip: i,
+            secondaryTooltip: u
           }
         ),
         children: o ? /* @__PURE__ */ l.jsx(
           U,
           {
             "aria-label": h,
-            className: n,
+            className: t,
             onMouseDown: (k) => {
               fe() && k.currentTarget.focus();
             },
             onClick: b,
-            "aria-pressed": u,
-            "data-selected": u || void 0,
-            "data-test": s.slice(0, 1).toLowerCase() + s.replace(/\s+/g, "").slice(1),
+            "aria-pressed": c,
+            "data-selected": c || void 0,
+            "data-test": i.slice(0, 1).toLowerCase() + i.replace(/\s+/g, "").slice(1),
             size: "xs",
             disabled: d || !1,
-            ref: t,
+            ref: n,
             ...w,
             children: o
           }
         ) : /* @__PURE__ */ l.jsx(
           Xe,
           {
-            className: n,
+            className: t,
             "aria-label": h,
             onMouseDown: (k) => {
               fe() && k.currentTarget.focus();
             },
             onClick: b,
-            "aria-pressed": u,
-            "data-selected": u || void 0,
-            "data-test": s.slice(0, 1).toLowerCase() + s.replace(/\s+/g, "").slice(1),
+            "aria-pressed": c,
+            "data-selected": c || void 0,
+            "data-test": i.slice(0, 1).toLowerCase() + i.replace(/\s+/g, "").slice(1),
             size: 30,
             disabled: d || !1,
-            ref: t,
+            ref: n,
             ...w,
             children: f
           }
@@ -1326,10 +1326,10 @@ const tr = zr(void 0), yt = R((r, t) => {
       }
     );
   }
-), Yt = R((r, t) => {
-  const { className: n, items: o, isDisabled: s, ...c } = r;
-  j(c);
-  const f = o.filter((u) => u.isSelected)[0];
+), Ut = R((r, n) => {
+  const { className: t, items: o, isDisabled: i, ...u } = r;
+  j(u);
+  const f = o.filter((c) => c.isSelected)[0];
   return f ? /* @__PURE__ */ l.jsxs(
     O,
     {
@@ -1337,36 +1337,36 @@ const tr = zr(void 0), yt = R((r, t) => {
       transitionProps: {
         exitDuration: 0
       },
-      disabled: s,
+      disabled: i,
       middlewares: { flip: !0, shift: !0, inline: !1, size: !0 },
       children: [
         /* @__PURE__ */ l.jsx(O.Target, { children: /* @__PURE__ */ l.jsx(
           U,
           {
-            onMouseDown: (u) => {
-              fe() && u.currentTarget.focus();
+            onMouseDown: (c) => {
+              fe() && c.currentTarget.focus();
             },
             leftSection: f.icon,
-            rightSection: /* @__PURE__ */ l.jsx(ht, {}),
+            rightSection: /* @__PURE__ */ l.jsx(xt, {}),
             size: "xs",
             variant: "subtle",
-            disabled: s,
+            disabled: i,
             children: f.text
           }
         ) }),
-        /* @__PURE__ */ l.jsx(O.Dropdown, { className: n, ref: t, children: o.map((u) => /* @__PURE__ */ l.jsx(
+        /* @__PURE__ */ l.jsx(O.Dropdown, { className: t, ref: n, children: o.map((c) => /* @__PURE__ */ l.jsx(
           O.Item,
           {
-            onClick: u.onClick,
-            leftSection: u.icon,
-            rightSection: u.isSelected ? /* @__PURE__ */ l.jsx(qe, { size: 10, className: "bn-tick-icon" }) : (
+            onClick: c.onClick,
+            leftSection: c.icon,
+            rightSection: c.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" })
             ),
-            disabled: u.isDisabled,
-            children: u.text
+            disabled: c.isDisabled,
+            children: c.text
           },
-          u.text
+          c.text
         )) })
       ]
     }
@@ -1453,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'
-}, Qt = {
+}, en = {
   colors: {
     editor: {
       text: x[2],
@@ -1523,101 +1523,102 @@ const x = [
   },
   borderRadius: He.borderRadius,
   fontFamily: He.fontFamily
-}, Ut = {
+}, Kt = {
   FormattingToolbar: {
     Root: Ke,
     Button: Ge,
-    Select: Yt
+    Select: Ut
   },
   FilePanel: {
-    Root: St,
-    Button: Pt,
-    FileInput: _t,
-    TabPanel: Ct,
-    TextInput: Ot
+    Root: Pt,
+    Button: _t,
+    FileInput: Ct,
+    TabPanel: Ot,
+    TextInput: Ft
   },
   LinkToolbar: {
     Root: Ke,
     Button: Ge
   },
   SideMenu: {
-    Root: Mt,
-    Button: It
+    Root: It,
+    Button: Lt
   },
   SuggestionMenu: {
-    Root: Lt,
-    Item: $t,
-    EmptyItem: At,
-    Label: zt,
-    Loader: Wt
+    Root: At,
+    Item: zt,
+    EmptyItem: $t,
+    Label: Wt,
+    Loader: Bt
   },
   TableHandle: {
-    Root: Bt
+    Root: Vt
   },
   Generic: {
     Form: {
       Root: (r) => /* @__PURE__ */ l.jsx("div", { children: r.children }),
-      TextInput: ct
+      TextInput: dt
     },
     Menu: {
-      Root: jt,
-      Trigger: Et,
-      Dropdown: Tt,
-      Divider: wt,
-      Label: kt,
-      Item: Rt
+      Root: Rt,
+      Trigger: Tt,
+      Dropdown: wt,
+      Divider: kt,
+      Label: St,
+      Item: Et
     },
     Popover: {
-      Root: Ft,
-      Trigger: Dt,
-      Content: Nt
+      Root: Dt,
+      Trigger: Nt,
+      Content: Mt
     }
   }
-}, Kt = {
+}, Gt = {
   // Removes button press effect
   activeClassName: ""
-}, en = (r) => {
-  const { theme: t, ...n } = r, o = Ur(), s = nt(), c = (o == null ? void 0 : o.colorSchemePreference) || s, f = de(
-    (u) => {
-      if (u && (ut(u), typeof t == "object")) {
+}, rn = (r) => {
+  const { className: n, theme: t, ...o } = r, i = Kr(), u = ot(), f = (i == null ? void 0 : i.colorSchemePreference) || u, c = de(
+    (d) => {
+      if (d && (ct(d), typeof t == "object")) {
         if ("light" in t && "dark" in t) {
           Ve(
-            t[c === "dark" ? "dark" : "light"],
-            u
+            t[f === "dark" ? "dark" : "light"],
+            d
           );
           return;
         }
-        Ve(t, u);
+        Ve(t, d);
         return;
       }
     },
-    [c, t]
+    [f, t]
   );
-  return /* @__PURE__ */ l.jsx(Kr.Provider, { value: Ut, children: /* @__PURE__ */ l.jsx(
-    tt,
+  return /* @__PURE__ */ l.jsx(Gr.Provider, { value: Kt, children: /* @__PURE__ */ l.jsx(
+    nt,
     {
-      theme: Kt,
-      cssVariablesSelector: ".bn-container",
+      theme: Gt,
+      cssVariablesSelector: ".bn-mantine",
       getRootElement: () => {
       },
       children: /* @__PURE__ */ l.jsx(
-        Gr,
+        Hr,
         {
+          className: Yr("bn-mantine", n || ""),
           theme: typeof t == "object" ? void 0 : t,
-          ...n,
-          ref: f
+          ...o,
+          ref: c
         }
       )
     }
   ) });
 };
 export {
-  en as BlockNoteView,
+  rn as BlockNoteView,
   Ve as applyBlockNoteCSSVariablesFromTheme,
-  Ut as components,
-  Qt as darkDefaultTheme,
+  Kt as components,
+  en as darkDefaultTheme,
   x as defaultColorScheme,
   He as lightDefaultTheme,
-  ut as removeBlockNoteCSSVariables
+  ct as removeBlockNoteCSSVariables
 };
 //# sourceMappingURL=blocknote-mantine.js.map