@blocknote/mantine 0.13.4 → 0.14.0

package/dist/blocknote-mantine.js

@@ -1,11 +1,10 @@
-import M, { forwardRef as T, createContext as wr, useState as Sr, useRef as _r, useCallback as oe, useContext as Pr } from "react";
-import { useBlockNoteContext as Cr, ComponentsContext as Or, BlockNoteViewRaw as Fr } from "@blocknote/react";
-import * as d from "@mantine/core";
-import { MantineProvider as Mr } from "@mantine/core";
-import Dr from "use-prefers-color-scheme";
-import { assertEmpty as R, isSafari as ae } from "@blocknote/core";
-import { useFocusWithin as Nr, useFocusTrap as Ir, mergeRefs as Lr } from "@mantine/hooks";
-var ie = { exports: {} }, B = {};
+import D, { forwardRef as R, createContext as Ir, useState as Lr, useRef as Le, useCallback as le, useContext as Ar } from "react";
+import { useBlockNoteContext as $r, ComponentsContext as zr, BlockNoteViewRaw as Wr } from "@blocknote/react";
+import { TextInput as Ge, Menu as C, CheckIcon as He, Group as N, Tabs as J, LoadingOverlay as Br, Button as V, FileInput as Vr, Popover as Yr, PopoverTarget as Ur, PopoverDropdown as Gr, ActionIcon as Ke, Stack as de, Text as X, Badge as Hr, Loader as Kr, Tooltip as qr, MantineProvider as Jr } from "@mantine/core";
+import Xr from "use-prefers-color-scheme";
+import { assertEmpty as j, isSafari as ue } from "@blocknote/core";
+import { mergeRefs as qe, useFocusWithin as Zr, useFocusTrap as Qr } from "@mantine/hooks";
+var ce = { exports: {} }, W = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -15,25 +14,25 @@ var ie = { exports: {} }, B = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Fe;
-function Ar() {
-  if (Fe)
-    return B;
-  Fe = 1;
-  var r = M, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, s = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function f(u, b, p) {
-    var y, w = {}, P = null, W = null;
-    p !== void 0 && (P = "" + p), b.key !== void 0 && (P = "" + b.key), b.ref !== void 0 && (W = b.ref);
-    for (y in b)
-      o.call(b, y) && !c.hasOwnProperty(y) && (w[y] = b[y]);
+var Ae;
+function et() {
+  if (Ae)
+    return W;
+  Ae = 1;
+  var r = D, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), a = 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 d(u, v, b) {
+    var h, w = {}, k = null, Y = null;
+    b !== void 0 && (k = "" + b), v.key !== void 0 && (k = "" + v.key), v.ref !== void 0 && (Y = v.ref);
+    for (h in v)
+      a.call(v, h) && !c.hasOwnProperty(h) && (w[h] = v[h]);
     if (u && u.defaultProps)
-      for (y in b = u.defaultProps, b)
-        w[y] === void 0 && (w[y] = b[y]);
-    return { $$typeof: t, type: u, key: P, ref: W, props: w, _owner: s.current };
+      for (h in v = u.defaultProps, v)
+        w[h] === void 0 && (w[h] = v[h]);
+    return { $$typeof: t, type: u, key: k, ref: Y, props: w, _owner: s.current };
   }
-  return B.Fragment = n, B.jsx = f, B.jsxs = f, B;
+  return W.Fragment = n, W.jsx = d, W.jsxs = d, W;
 }
-var $ = {};
+var B = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -43,51 +42,51 @@ var $ = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Me;
-function zr() {
-  return Me || (Me = 1, process.env.NODE_ENV !== "production" && function() {
-    var r = M, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), u = Symbol.for("react.context"), b = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), w = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), W = Symbol.for("react.offscreen"), se = Symbol.iterator, Ue = "@@iterator";
-    function Ge(e) {
+var $e;
+function rt() {
+  return $e || ($e = 1, process.env.NODE_ENV !== "production" && function() {
+    var r = D, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), u = Symbol.for("react.context"), v = 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"), Y = Symbol.for("react.offscreen"), fe = Symbol.iterator, rr = "@@iterator";
+    function tr(e) {
       if (e === null || typeof e != "object")
         return null;
-      var a = se && e[se] || e[Ue];
-      return typeof a == "function" ? a : null;
+      var o = fe && e[fe] || e[rr];
+      return typeof o == "function" ? o : null;
     }
-    var N = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var I = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function S(e) {
       {
-        for (var a = arguments.length, i = new Array(a > 1 ? a - 1 : 0), v = 1; v < a; v++)
-          i[v - 1] = arguments[v];
-        He("error", e, i);
+        for (var o = arguments.length, i = new Array(o > 1 ? o - 1 : 0), f = 1; f < o; f++)
+          i[f - 1] = arguments[f];
+        nr("error", e, i);
       }
     }
-    function He(e, a, i) {
+    function nr(e, o, i) {
       {
-        var v = N.ReactDebugCurrentFrame, h = v.getStackAddendum();
-        h !== "" && (a += "%s", i = i.concat([h]));
-        var j = i.map(function(g) {
+        var f = I.ReactDebugCurrentFrame, p = f.getStackAddendum();
+        p !== "" && (o += "%s", i = i.concat([p]));
+        var y = i.map(function(g) {
           return String(g);
         });
-        j.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, j);
+        y.unshift("Warning: " + o), Function.prototype.apply.call(console[e], console, y);
       }
     }
-    var Ke = !1, qe = !1, Je = !1, Xe = !1, Ze = !1, le;
-    le = Symbol.for("react.module.reference");
-    function Qe(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === o || e === c || Ze || e === s || e === p || e === y || Xe || e === W || Ke || qe || Je || typeof e == "object" && e !== null && (e.$$typeof === P || e.$$typeof === w || e.$$typeof === f || e.$$typeof === u || e.$$typeof === b || // This needs to include all possible module reference object
+    var ar = !1, or = !1, ir = !1, sr = !1, lr = !1, ve;
+    ve = Symbol.for("react.module.reference");
+    function ur(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === a || e === c || lr || e === s || e === b || e === h || sr || e === Y || ar || or || ir || typeof e == "object" && e !== null && (e.$$typeof === k || e.$$typeof === w || e.$$typeof === d || e.$$typeof === u || e.$$typeof === v || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      e.$$typeof === le || e.getModuleId !== void 0));
+      e.$$typeof === ve || e.getModuleId !== void 0));
     }
-    function er(e, a, i) {
-      var v = e.displayName;
-      if (v)
-        return v;
-      var h = a.displayName || a.name || "";
-      return h !== "" ? i + "(" + h + ")" : i;
+    function cr(e, o, i) {
+      var f = e.displayName;
+      if (f)
+        return f;
+      var p = o.displayName || o.name || "";
+      return p !== "" ? i + "(" + p + ")" : i;
     }
-    function ue(e) {
+    function be(e) {
       return e.displayName || "Context";
     }
     function O(e) {
@@ -98,7 +97,7 @@ function zr() {
       if (typeof e == "string")
         return e;
       switch (e) {
-        case o:
+        case a:
           return "Fragment";
         case n:
           return "Portal";
@@ -106,28 +105,28 @@ function zr() {
           return "Profiler";
         case s:
           return "StrictMode";
-        case p:
+        case b:
           return "Suspense";
-        case y:
+        case h:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case u:
-            var a = e;
-            return ue(a) + ".Consumer";
-          case f:
+            var o = e;
+            return be(o) + ".Consumer";
+          case d:
             var i = e;
-            return ue(i._context) + ".Provider";
-          case b:
-            return er(e, e.render, "ForwardRef");
+            return be(i._context) + ".Provider";
+          case v:
+            return cr(e, e.render, "ForwardRef");
           case w:
-            var v = e.displayName || null;
-            return v !== null ? v : O(e.type) || "Memo";
-          case P: {
-            var h = e, j = h._payload, g = h._init;
+            var f = e.displayName || null;
+            return f !== null ? f : O(e.type) || "Memo";
+          case k: {
+            var p = e, y = p._payload, g = p._init;
             try {
-              return O(g(j));
+              return O(g(y));
             } catch {
               return null;
             }
@@ -135,18 +134,18 @@ function zr() {
         }
       return null;
     }
-    var D = Object.assign, A = 0, ce, de, fe, ve, be, pe, me;
-    function ge() {
+    var M = Object.assign, $ = 0, me, ge, pe, he, xe, ye, je;
+    function Re() {
     }
-    ge.__reactDisabledLog = !0;
-    function rr() {
+    Re.__reactDisabledLog = !0;
+    function dr() {
       {
-        if (A === 0) {
-          ce = console.log, de = console.info, fe = console.warn, ve = console.error, be = console.group, pe = console.groupCollapsed, me = console.groupEnd;
+        if ($ === 0) {
+          me = console.log, ge = console.info, pe = console.warn, he = console.error, xe = console.group, ye = console.groupCollapsed, je = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: ge,
+            value: Re,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -159,79 +158,79 @@ function zr() {
             groupEnd: e
           });
         }
-        A++;
+        $++;
       }
     }
-    function tr() {
+    function fr() {
       {
-        if (A--, A === 0) {
+        if ($--, $ === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: D({}, e, {
-              value: ce
+            log: M({}, e, {
+              value: me
             }),
-            info: D({}, e, {
-              value: de
+            info: M({}, e, {
+              value: ge
             }),
-            warn: D({}, e, {
-              value: fe
+            warn: M({}, e, {
+              value: pe
             }),
-            error: D({}, e, {
-              value: ve
+            error: M({}, e, {
+              value: he
             }),
-            group: D({}, e, {
-              value: be
+            group: M({}, e, {
+              value: xe
             }),
-            groupCollapsed: D({}, e, {
-              value: pe
+            groupCollapsed: M({}, e, {
+              value: ye
             }),
-            groupEnd: D({}, e, {
-              value: me
+            groupEnd: M({}, e, {
+              value: je
             })
           });
         }
-        A < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        $ < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var J = N.ReactCurrentDispatcher, X;
-    function V(e, a, i) {
+    var ee = I.ReactCurrentDispatcher, re;
+    function U(e, o, i) {
       {
-        if (X === void 0)
+        if (re === void 0)
           try {
             throw Error();
-          } catch (h) {
-            var v = h.stack.trim().match(/\n( *(at )?)/);
-            X = v && v[1] || "";
+          } catch (p) {
+            var f = p.stack.trim().match(/\n( *(at )?)/);
+            re = f && f[1] || "";
           }
         return `
-` + X + e;
+` + re + e;
       }
     }
-    var Z = !1, Y;
+    var te = !1, G;
     {
-      var nr = typeof WeakMap == "function" ? WeakMap : Map;
-      Y = new nr();
+      var vr = typeof WeakMap == "function" ? WeakMap : Map;
+      G = new vr();
     }
-    function he(e, a) {
-      if (!e || Z)
+    function Ee(e, o) {
+      if (!e || te)
         return "";
       {
-        var i = Y.get(e);
+        var i = G.get(e);
         if (i !== void 0)
           return i;
       }
-      var v;
-      Z = !0;
-      var h = Error.prepareStackTrace;
+      var f;
+      te = !0;
+      var p = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var j;
-      j = J.current, J.current = null, rr();
+      var y;
+      y = ee.current, ee.current = null, dr();
       try {
-        if (a) {
+        if (o) {
           var g = function() {
             throw Error();
           };
@@ -243,14 +242,14 @@ function zr() {
             try {
               Reflect.construct(g, []);
             } catch (F) {
-              v = F;
+              f = F;
             }
             Reflect.construct(e, [], g);
           } else {
             try {
               g.call();
             } catch (F) {
-              v = F;
+              f = F;
             }
             e.call(g.prototype);
           }
@@ -258,155 +257,155 @@ function zr() {
           try {
             throw Error();
           } catch (F) {
-            v = F;
+            f = F;
           }
           e();
         }
       } catch (F) {
-        if (F && v && typeof F.stack == "string") {
+        if (F && f && typeof F.stack == "string") {
           for (var m = F.stack.split(`
-`), _ = v.stack.split(`
-`), E = m.length - 1, k = _.length - 1; E >= 1 && k >= 0 && m[E] !== _[k]; )
-            k--;
-          for (; E >= 1 && k >= 0; E--, k--)
-            if (m[E] !== _[k]) {
-              if (E !== 1 || k !== 1)
+`), P = f.stack.split(`
+`), E = m.length - 1, T = P.length - 1; E >= 1 && T >= 0 && m[E] !== P[T]; )
+            T--;
+          for (; E >= 1 && T >= 0; E--, T--)
+            if (m[E] !== P[T]) {
+              if (E !== 1 || T !== 1)
                 do
-                  if (E--, k--, k < 0 || m[E] !== _[k]) {
-                    var C = `
+                  if (E--, T--, T < 0 || m[E] !== P[T]) {
+                    var _ = `
 ` + 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;
+                    return e.displayName && _.includes("<anonymous>") && (_ = _.replace("<anonymous>", e.displayName)), typeof e == "function" && G.set(e, _), _;
                   }
-                while (E >= 1 && k >= 0);
+                while (E >= 1 && T >= 0);
               break;
             }
         }
       } finally {
-        Z = !1, J.current = j, tr(), Error.prepareStackTrace = h;
+        te = !1, ee.current = y, fr(), Error.prepareStackTrace = p;
       }
-      var L = e ? e.displayName || e.name : "", Oe = L ? V(L) : "";
-      return typeof e == "function" && Y.set(e, Oe), Oe;
+      var A = e ? e.displayName || e.name : "", Ie = A ? U(A) : "";
+      return typeof e == "function" && G.set(e, Ie), Ie;
     }
-    function or(e, a, i) {
-      return he(e, !1);
+    function br(e, o, i) {
+      return Ee(e, !1);
     }
-    function ar(e) {
-      var a = e.prototype;
-      return !!(a && a.isReactComponent);
+    function mr(e) {
+      var o = e.prototype;
+      return !!(o && o.isReactComponent);
     }
-    function U(e, a, i) {
+    function H(e, o, i) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return he(e, ar(e));
+        return Ee(e, mr(e));
       if (typeof e == "string")
-        return V(e);
+        return U(e);
       switch (e) {
-        case p:
-          return V("Suspense");
-        case y:
-          return V("SuspenseList");
+        case b:
+          return U("Suspense");
+        case h:
+          return U("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case b:
-            return or(e.render);
+          case v:
+            return br(e.render);
           case w:
-            return U(e.type, a, i);
-          case P: {
-            var v = e, h = v._payload, j = v._init;
+            return H(e.type, o, i);
+          case k: {
+            var f = e, p = f._payload, y = f._init;
             try {
-              return U(j(h), a, i);
+              return H(y(p), o, i);
             } catch {
             }
           }
         }
       return "";
     }
-    var G = Object.prototype.hasOwnProperty, xe = {}, ye = N.ReactDebugCurrentFrame;
-    function H(e) {
+    var K = Object.prototype.hasOwnProperty, Te = {}, we = I.ReactDebugCurrentFrame;
+    function q(e) {
       if (e) {
-        var a = e._owner, i = U(e.type, e._source, a ? a.type : null);
-        ye.setExtraStackFrame(i);
+        var o = e._owner, i = H(e.type, e._source, o ? o.type : null);
+        we.setExtraStackFrame(i);
       } else
-        ye.setExtraStackFrame(null);
+        we.setExtraStackFrame(null);
     }
-    function ir(e, a, i, v, h) {
+    function gr(e, o, i, f, p) {
       {
-        var j = Function.call.bind(G);
+        var y = Function.call.bind(K);
         for (var g in e)
-          if (j(e, g)) {
+          if (y(e, g)) {
             var m = void 0;
             try {
               if (typeof e[g] != "function") {
-                var _ = Error((v || "React class") + ": " + i + " type `" + g + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[g] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw _.name = "Invariant Violation", _;
+                var P = Error((f || "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 P.name = "Invariant Violation", P;
               }
-              m = e[g](a, g, v, i, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              m = e[g](o, g, f, i, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (E) {
               m = E;
             }
-            m && !(m instanceof Error) && (H(h), S("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", v || "React class", i, g, typeof m), H(null)), m instanceof Error && !(m.message in xe) && (xe[m.message] = !0, H(h), S("Failed %s type: %s", i, m.message), H(null));
+            m && !(m 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).", f || "React class", i, g, typeof m), q(null)), m instanceof Error && !(m.message in Te) && (Te[m.message] = !0, q(p), S("Failed %s type: %s", i, m.message), q(null));
           }
       }
     }
-    var sr = Array.isArray;
-    function Q(e) {
-      return sr(e);
+    var pr = Array.isArray;
+    function ne(e) {
+      return pr(e);
     }
-    function lr(e) {
+    function hr(e) {
       {
-        var a = typeof Symbol == "function" && Symbol.toStringTag, i = a && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        var o = typeof Symbol == "function" && Symbol.toStringTag, i = o && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return i;
       }
     }
-    function ur(e) {
+    function xr(e) {
       try {
-        return je(e), !1;
+        return ke(e), !1;
       } catch {
         return !0;
       }
     }
-    function je(e) {
+    function ke(e) {
       return "" + e;
     }
-    function Re(e) {
-      if (ur(e))
-        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", lr(e)), je(e);
+    function Se(e) {
+      if (xr(e))
+        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", hr(e)), ke(e);
     }
-    var z = N.ReactCurrentOwner, cr = {
+    var z = I.ReactCurrentOwner, yr = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Te, Ee, ee;
-    ee = {};
-    function dr(e) {
-      if (G.call(e, "ref")) {
-        var a = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (a && a.isReactWarning)
+    }, Pe, _e, ae;
+    ae = {};
+    function jr(e) {
+      if (K.call(e, "ref")) {
+        var o = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (o && o.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function fr(e) {
-      if (G.call(e, "key")) {
-        var a = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (a && a.isReactWarning)
+    function Rr(e) {
+      if (K.call(e, "key")) {
+        var o = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (o && o.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function vr(e, a) {
-      if (typeof e.ref == "string" && z.current && a && z.current.stateNode !== a) {
+    function Er(e, o) {
+      if (typeof e.ref == "string" && z.current && o && z.current.stateNode !== o) {
         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);
+        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', O(z.current.type), e.ref), ae[i] = !0);
       }
     }
-    function br(e, a) {
+    function Tr(e, o) {
       {
         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));
+          Pe || (Pe = !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)", o));
         };
         i.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: i,
@@ -414,10 +413,10 @@ function zr() {
         });
       }
     }
-    function pr(e, a) {
+    function wr(e, o) {
       {
         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));
+          _e || (_e = !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)", o));
         };
         i.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: i,
@@ -425,17 +424,17 @@ function zr() {
         });
       }
     }
-    var mr = function(e, a, i, v, h, j, g) {
+    var kr = function(e, o, i, f, p, y, g) {
       var m = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
         type: e,
-        key: a,
+        key: o,
         ref: i,
         props: g,
         // Record the component responsible for creating this element.
-        _owner: j
+        _owner: y
       };
       return m._store = {}, Object.defineProperty(m._store, "validated", {
         configurable: !1,
@@ -446,49 +445,49 @@ function zr() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: v
+        value: f
       }), Object.defineProperty(m, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: h
+        value: p
       }), Object.freeze && (Object.freeze(m.props), Object.freeze(m)), m;
     };
-    function gr(e, a, i, v, h) {
+    function Sr(e, o, i, f, p) {
       {
-        var j, g = {}, m = null, _ = null;
-        i !== void 0 && (Re(i), m = "" + i), fr(a) && (Re(a.key), m = "" + a.key), dr(a) && (_ = a.ref, vr(a, h));
-        for (j in a)
-          G.call(a, j) && !cr.hasOwnProperty(j) && (g[j] = a[j]);
+        var y, g = {}, m = null, P = null;
+        i !== void 0 && (Se(i), m = "" + i), Rr(o) && (Se(o.key), m = "" + o.key), jr(o) && (P = o.ref, Er(o, p));
+        for (y in o)
+          K.call(o, y) && !yr.hasOwnProperty(y) && (g[y] = o[y]);
         if (e && e.defaultProps) {
           var E = e.defaultProps;
-          for (j in E)
-            g[j] === void 0 && (g[j] = E[j]);
+          for (y in E)
+            g[y] === void 0 && (g[y] = E[y]);
         }
-        if (m || _) {
-          var k = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          m && br(g, k), _ && pr(g, k);
+        if (m || P) {
+          var T = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          m && Tr(g, T), P && wr(g, T);
         }
-        return mr(e, m, _, h, v, z.current, g);
+        return kr(e, m, P, p, f, z.current, g);
       }
     }
-    var re = N.ReactCurrentOwner, ke = N.ReactDebugCurrentFrame;
-    function I(e) {
+    var oe = I.ReactCurrentOwner, Ce = I.ReactDebugCurrentFrame;
+    function L(e) {
       if (e) {
-        var a = e._owner, i = U(e.type, e._source, a ? a.type : null);
-        ke.setExtraStackFrame(i);
+        var o = e._owner, i = H(e.type, e._source, o ? o.type : null);
+        Ce.setExtraStackFrame(i);
       } else
-        ke.setExtraStackFrame(null);
+        Ce.setExtraStackFrame(null);
     }
-    var te;
-    te = !1;
-    function ne(e) {
+    var ie;
+    ie = !1;
+    function se(e) {
       return typeof e == "object" && e !== null && e.$$typeof === t;
     }
-    function we() {
+    function Oe() {
       {
-        if (re.current) {
-          var e = O(re.current.type);
+        if (oe.current) {
+          var e = O(oe.current.type);
           if (e)
             return `
 
@@ -497,151 +496,151 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function hr(e) {
+    function Pr(e) {
       {
         if (e !== void 0) {
-          var a = e.fileName.replace(/^.*[\\\/]/, ""), i = e.lineNumber;
+          var o = e.fileName.replace(/^.*[\\\/]/, ""), i = e.lineNumber;
           return `
 
-Check your code at ` + a + ":" + i + ".";
+Check your code at ` + o + ":" + i + ".";
         }
         return "";
       }
     }
-    var Se = {};
-    function xr(e) {
+    var Fe = {};
+    function _r(e) {
       {
-        var a = we();
-        if (!a) {
+        var o = Oe();
+        if (!o) {
           var i = typeof e == "string" ? e : e.displayName || e.name;
-          i && (a = `
+          i && (o = `
 
 Check the top-level render call using <` + i + ">.");
         }
-        return a;
+        return o;
       }
     }
-    function _e(e, a) {
+    function De(e, o) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var i = xr(a);
-        if (Se[i])
+        var i = _r(o);
+        if (Fe[i])
           return;
-        Se[i] = !0;
-        var v = "";
-        e && e._owner && e._owner !== re.current && (v = " It was passed a child from " + O(e._owner.type) + "."), I(e), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', i, v), I(null);
+        Fe[i] = !0;
+        var f = "";
+        e && e._owner && e._owner !== oe.current && (f = " It was passed a child from " + O(e._owner.type) + "."), L(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, f), L(null);
       }
     }
-    function Pe(e, a) {
+    function Ne(e, o) {
       {
         if (typeof e != "object")
           return;
-        if (Q(e))
+        if (ne(e))
           for (var i = 0; i < e.length; i++) {
-            var v = e[i];
-            ne(v) && _e(v, a);
+            var f = e[i];
+            se(f) && De(f, o);
           }
-        else if (ne(e))
+        else if (se(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var h = Ge(e);
-          if (typeof h == "function" && h !== e.entries)
-            for (var j = h.call(e), g; !(g = j.next()).done; )
-              ne(g.value) && _e(g.value, a);
+          var p = tr(e);
+          if (typeof p == "function" && p !== e.entries)
+            for (var y = p.call(e), g; !(g = y.next()).done; )
+              se(g.value) && De(g.value, o);
         }
       }
     }
-    function yr(e) {
+    function Cr(e) {
       {
-        var a = e.type;
-        if (a == null || typeof a == "string")
+        var o = e.type;
+        if (o == null || typeof o == "string")
           return;
         var i;
-        if (typeof a == "function")
-          i = a.propTypes;
-        else if (typeof a == "object" && (a.$$typeof === b || // Note: Memo only checks outer props here.
+        if (typeof o == "function")
+          i = o.propTypes;
+        else if (typeof o == "object" && (o.$$typeof === v || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        a.$$typeof === w))
-          i = a.propTypes;
+        o.$$typeof === w))
+          i = o.propTypes;
         else
           return;
         if (i) {
-          var v = O(a);
-          ir(i, e.props, "prop", v, e);
-        } else if (a.PropTypes !== void 0 && !te) {
-          te = !0;
-          var h = O(a);
-          S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", h || "Unknown");
+          var f = O(o);
+          gr(i, e.props, "prop", f, e);
+        } else if (o.PropTypes !== void 0 && !ie) {
+          ie = !0;
+          var p = O(o);
+          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.");
+        typeof o.getDefaultProps == "function" && !o.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function jr(e) {
+    function Or(e) {
       {
-        for (var a = Object.keys(e.props), i = 0; i < a.length; i++) {
-          var v = a[i];
-          if (v !== "children" && v !== "key") {
-            I(e), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), I(null);
+        for (var o = Object.keys(e.props), i = 0; i < o.length; i++) {
+          var f = o[i];
+          if (f !== "children" && f !== "key") {
+            L(e), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", f), L(null);
             break;
           }
         }
-        e.ref !== null && (I(e), S("Invalid attribute `ref` supplied to `React.Fragment`."), I(null));
+        e.ref !== null && (L(e), S("Invalid attribute `ref` supplied to `React.Fragment`."), L(null));
       }
     }
-    function Ce(e, a, i, v, h, j) {
+    function Me(e, o, i, f, p, y) {
       {
-        var g = Qe(e);
+        var g = ur(e);
         if (!g) {
           var m = "";
           (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (m += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var _ = hr(h);
-          _ ? m += _ : m += we();
+          var P = Pr(p);
+          P ? m += P : m += Oe();
           var E;
-          e === null ? E = "null" : Q(e) ? E = "array" : e !== void 0 && e.$$typeof === t ? (E = "<" + (O(e.type) || "Unknown") + " />", m = " Did you accidentally export a JSX literal instead of a component?") : E = typeof e, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", E, m);
+          e === null ? E = "null" : ne(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 k = gr(e, a, i, h, j);
-        if (k == null)
-          return k;
+        var T = Sr(e, o, i, p, y);
+        if (T == null)
+          return T;
         if (g) {
-          var C = a.children;
-          if (C !== void 0)
-            if (v)
-              if (Q(C)) {
-                for (var L = 0; L < C.length; L++)
-                  Pe(C[L], e);
-                Object.freeze && Object.freeze(C);
+          var _ = o.children;
+          if (_ !== void 0)
+            if (f)
+              if (ne(_)) {
+                for (var A = 0; A < _.length; A++)
+                  Ne(_[A], e);
+                Object.freeze && Object.freeze(_);
               } else
                 S("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              Pe(C, e);
+              Ne(_, e);
         }
-        return e === o ? jr(k) : yr(k), k;
+        return e === a ? Or(T) : Cr(T), T;
       }
     }
-    function Rr(e, a, i) {
-      return Ce(e, a, i, !0);
+    function Fr(e, o, i) {
+      return Me(e, o, i, !0);
     }
-    function Tr(e, a, i) {
-      return Ce(e, a, i, !1);
+    function Dr(e, o, i) {
+      return Me(e, o, i, !1);
     }
-    var Er = Tr, kr = Rr;
-    $.Fragment = o, $.jsx = Er, $.jsxs = kr;
-  }()), $;
+    var Nr = Dr, Mr = Fr;
+    B.Fragment = a, B.jsx = Nr, B.jsxs = Mr;
+  }()), B;
 }
-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") {
+process.env.NODE_ENV === "production" ? ce.exports = et() : ce.exports = rt();
+var l = ce.exports;
+const Je = (r, t, n = !1) => {
+  const a = [];
+  function s(c, d = "--bn") {
     for (const u in c) {
-      const b = u.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), p = `${f}-${b}`;
-      typeof c[u] != "object" ? (typeof c[u] == "number" && (c[u] = `${c[u]}px`), n ? t.style.removeProperty(p) : t.style.setProperty(p, c[u].toString())) : s(c[u], p);
+      const v = u.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), b = `${d}-${v}`;
+      typeof c[u] != "object" ? (typeof c[u] == "number" && (c[u] = `${c[u]}px`), n ? t.style.removeProperty(b) : t.style.setProperty(b, c[u].toString())) : s(c[u], b);
     }
   }
-  return s(r), o;
-}, De = (r, t) => Be(r, t), Br = {
+  return s(r), a;
+}, ze = (r, t) => Je(r, t), tt = {
   colors: {
     editor: {
       text: void 0,
@@ -711,198 +710,200 @@ const Be = (r, t, n = !1) => {
   },
   borderRadius: void 0,
   fontFamily: void 0
-}, $r = (r) => Be(Br, r, !0), Wr = T((r, t) => {
+}, nt = (r) => Je(tt, r, !0), at = R((r, t) => {
   const {
     className: n,
-    name: o,
+    name: a,
     label: s,
     icon: c,
-    value: f,
+    value: d,
     autoFocus: u,
-    placeholder: b,
-    onKeyDown: p,
-    onChange: y,
+    placeholder: v,
+    onKeyDown: b,
+    onChange: h,
     onSubmit: w,
-    ...P
+    ...k
   } = r;
-  return R(P), /* @__PURE__ */ l.jsx(
-    d.TextInput,
+  return j(k), /* @__PURE__ */ l.jsx(
+    Ge,
     {
       size: "xs",
       className: n,
       ref: t,
-      name: o,
+      name: a,
       label: s,
       leftSection: c,
-      value: f,
+      value: d,
       autoFocus: u,
       "data-autofocus": u ? "true" : void 0,
-      placeholder: b,
-      onKeyDown: p,
-      onChange: y,
+      placeholder: v,
+      onKeyDown: b,
+      onChange: h,
       onSubmit: w
     }
   );
 });
-var $e = {
+var Xe = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, Ne = M.createContext && /* @__PURE__ */ M.createContext($e), Vr = ["attr", "size", "title"];
-function Yr(r, t) {
+}, We = D.createContext && /* @__PURE__ */ D.createContext(Xe), ot = ["attr", "size", "title"];
+function it(r, t) {
   if (r == null)
     return {};
-  var n = Ur(r, t), o, s;
+  var n = st(r, t), a, 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]);
+      a = c[s], !(t.indexOf(a) >= 0) && Object.prototype.propertyIsEnumerable.call(r, a) && (n[a] = r[a]);
   }
   return n;
 }
-function Ur(r, t) {
+function st(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)
+  for (var a in r)
+    if (Object.prototype.hasOwnProperty.call(r, a)) {
+      if (t.indexOf(a) >= 0)
         continue;
-      n[o] = r[o];
+      n[a] = r[a];
     }
   return n;
 }
-function K() {
-  return K = Object.assign ? Object.assign.bind() : function(r) {
+function Z() {
+  return Z = 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 a in n)
+        Object.prototype.hasOwnProperty.call(n, a) && (r[a] = n[a]);
     }
     return r;
-  }, K.apply(this, arguments);
+  }, Z.apply(this, arguments);
 }
-function Ie(r, t) {
+function Be(r, t) {
   var n = Object.keys(r);
   if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(r);
-    t && (o = o.filter(function(s) {
+    var a = Object.getOwnPropertySymbols(r);
+    t && (a = a.filter(function(s) {
       return Object.getOwnPropertyDescriptor(r, s).enumerable;
-    })), n.push.apply(n, o);
+    })), n.push.apply(n, a);
   }
   return n;
 }
-function q(r) {
+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));
+    t % 2 ? Be(Object(n), !0).forEach(function(a) {
+      lt(r, a, n[a]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(n)) : Be(Object(n)).forEach(function(a) {
+      Object.defineProperty(r, a, Object.getOwnPropertyDescriptor(n, a));
     });
   }
   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 lt(r, t, n) {
+  return t = ut(t), t in r ? Object.defineProperty(r, t, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : r[t] = n, r;
 }
-function Hr(r) {
-  var t = Kr(r, "string");
+function ut(r) {
+  var t = ct(r, "string");
   return typeof t == "symbol" ? t : t + "";
 }
-function Kr(r, t) {
+function ct(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;
+    var a = n.call(r, t || "default");
+    if (typeof a != "object")
+      return a;
     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({
+function Ze(r) {
+  return r && r.map((t, n) => /* @__PURE__ */ D.createElement(t.tag, Q({
     key: n
-  }, t.attr), We(t.child)));
+  }, t.attr), Ze(t.child)));
 }
-function Ve(r) {
-  return (t) => /* @__PURE__ */ M.createElement(qr, K({
-    attr: q({}, r.attr)
-  }, t), We(r.child));
+function Qe(r) {
+  return (t) => /* @__PURE__ */ D.createElement(dt, Z({
+    attr: Q({}, r.attr)
+  }, t), Ze(r.child));
 }
-function qr(r) {
+function dt(r) {
   var t = (n) => {
     var {
-      attr: o,
+      attr: a,
       size: s,
       title: c
-    } = r, f = Yr(r, Vr), u = s || n.size || "1em", b;
-    return n.className && (b = n.className), r.className && (b = (b ? b + " " : "") + r.className), /* @__PURE__ */ M.createElement("svg", K({
+    } = r, d = it(r, ot), u = s || n.size || "1em", v;
+    return n.className && (v = n.className), r.className && (v = (v ? v + " " : "") + r.className), /* @__PURE__ */ D.createElement("svg", Z({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
-    }, n.attr, o, f, {
-      className: b,
-      style: q(q({
+    }, n.attr, a, d, {
+      className: v,
+      style: Q(Q({
         color: r.color || n.color
       }, n.style), r.style),
       height: u,
       width: u,
       xmlns: "http://www.w3.org/2000/svg"
-    }), c && /* @__PURE__ */ M.createElement("title", null, c), r.children);
+    }), c && /* @__PURE__ */ D.createElement("title", null, c), r.children);
   };
-  return Ne !== void 0 ? /* @__PURE__ */ M.createElement(Ne.Consumer, null, (n) => t(n)) : t($e);
+  return We !== void 0 ? /* @__PURE__ */ D.createElement(We.Consumer, null, (n) => t(n)) : t(Xe);
 }
-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 ft(r) {
+  return Qe({ tag: "svg", attr: { viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z", clipRule: "evenodd" }, child: [] }] })(r);
 }
-function Xr(r) {
-  return Ve({ tag: "svg", attr: { viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z", clipRule: "evenodd" }, child: [] }] })(r);
+function vt(r) {
+  return Qe({ tag: "svg", attr: { viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z", clipRule: "evenodd" }, child: [] }] })(r);
 }
-const Ye = wr(void 0), Zr = T((r, t) => {
+const er = Ir(void 0), bt = R((r, t) => {
   const {
     children: n,
-    onOpenChange: o,
+    onOpenChange: a,
     position: s,
     sub: c,
     // not used
-    ...f
+    ...d
   } = r;
-  R(f);
-  const [u, b] = Sr(!1), p = _r(), y = oe(() => {
-    p.current && clearTimeout(p.current), p.current = setTimeout(() => {
-      b(!1);
+  j(d);
+  const [u, v] = Lr(!1), b = Le(null), h = Le(), w = le(() => {
+    h.current && clearTimeout(h.current), h.current = setTimeout(() => {
+      v(!1);
     }, 250);
-  }, []), w = oe(() => {
-    p.current && clearTimeout(p.current), b(!0);
+  }, []), k = le(() => {
+    h.current && clearTimeout(h.current), v(!0);
   }, []);
   return /* @__PURE__ */ l.jsx(
-    Ye.Provider,
+    er.Provider,
     {
       value: {
-        onMenuMouseOver: w,
-        onMenuMouseLeave: y
+        onMenuMouseOver: k,
+        onMenuMouseLeave: w
       },
       children: /* @__PURE__ */ l.jsx(
-        d.Menu.Item,
+        C.Item,
         {
           className: "bn-menu-item bn-mt-sub-menu-item",
-          ref: t,
-          onMouseOver: w,
-          onMouseLeave: y,
+          ref: qe(t, b),
+          onMouseOver: k,
+          onMouseLeave: w,
           children: /* @__PURE__ */ l.jsx(
-            d.Menu,
+            C,
             {
-              withinPortal: !1,
+              portalProps: {
+                target: b.current ? b.current.parentElement : void 0
+              },
               middlewares: { flip: !0, shift: !0, inline: !1, size: !0 },
               trigger: "hover",
               opened: u,
-              onClose: () => o == null ? void 0 : o(!1),
-              onOpen: () => o == null ? void 0 : o(!0),
+              onClose: () => a == null ? void 0 : a(!1),
+              onOpen: () => a == null ? void 0 : a(!0),
               position: s,
               children: n
             }
@@ -911,394 +912,404 @@ const Ye = wr(void 0), Zr = T((r, t) => {
       )
     }
   );
-}), 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,
+}), mt = (r) => {
+  const { children: t, onOpenChange: n, position: a, sub: s, ...c } = r;
+  return j(c), s ? /* @__PURE__ */ l.jsx(bt, { ...r }) : /* @__PURE__ */ l.jsx(
+    C,
     {
       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),
-      position: o,
+      position: a,
       children: t
     }
   );
-}, et = T((r, t) => {
-  const { className: n, children: o, icon: s, checked: c, subTrigger: f, onClick: u, ...b } = r;
-  return R(b, !1), f ? /* @__PURE__ */ l.jsxs("div", { ref: t, ...b, children: [
-    o,
-    /* @__PURE__ */ l.jsx(Xr, { size: 15 })
+}, gt = R((r, t) => {
+  const { className: n, children: a, icon: s, checked: c, subTrigger: d, onClick: u, ...v } = r;
+  return j(v, !1), d ? /* @__PURE__ */ l.jsxs("div", { ref: t, ...v, children: [
+    a,
+    /* @__PURE__ */ l.jsx(vt, { size: 15 })
   ] }) : /* @__PURE__ */ l.jsx(
-    d.Menu.Item,
+    C.Item,
     {
       className: n,
       ref: t,
       leftSection: s,
-      rightSection: c ? /* @__PURE__ */ l.jsx(d.CheckIcon, { size: 10 }) : c === !1 ? /* @__PURE__ */ l.jsx("div", { className: "bn-tick-space" }) : null,
+      rightSection: c ? /* @__PURE__ */ l.jsx(He, { size: 10 }) : c === !1 ? /* @__PURE__ */ l.jsx("div", { className: "bn-tick-space" }) : null,
       onClick: u,
-      ...b,
-      children: o
+      ...v,
+      children: a
     }
   );
-}), rt = (r) => {
+}), pt = (r) => {
   const {
     children: t,
     sub: n,
     // unused
-    ...o
+    ...a
   } = r;
-  return R(o), /* @__PURE__ */ l.jsx(d.Menu.Target, { children: t });
-}, tt = T((r, t) => {
+  return j(a), /* @__PURE__ */ l.jsx(C.Target, { children: t });
+}, ht = R((r, t) => {
   const {
     className: n,
-    children: o,
+    children: a,
     sub: s,
     //unused
     ...c
   } = r;
-  R(c);
-  const f = Pr(Ye);
+  j(c);
+  const d = Ar(er);
   return /* @__PURE__ */ l.jsx(
-    d.Menu.Dropdown,
+    C.Dropdown,
     {
       className: n,
       ref: t,
-      onMouseOver: f == null ? void 0 : f.onMenuMouseOver,
-      onMouseLeave: f == null ? void 0 : f.onMenuMouseLeave,
-      children: o
+      onMouseOver: d == null ? void 0 : d.onMenuMouseOver,
+      onMouseLeave: d == null ? void 0 : d.onMenuMouseLeave,
+      children: a
     }
   );
-}), 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) => {
+}), xt = R((r, t) => {
+  const { className: n, ...a } = r;
+  return j(a), /* @__PURE__ */ l.jsx(C.Divider, { className: n, ref: t });
+}), yt = R((r, t) => {
+  const { className: n, children: a, ...s } = r;
+  return j(s), /* @__PURE__ */ l.jsx(C.Label, { className: n, ref: t, children: a });
+}), jt = R((r, t) => {
   const {
     className: n,
-    tabs: o,
+    tabs: a,
     defaultOpenTab: s,
     openTab: c,
-    setOpenTab: f,
+    setOpenTab: d,
     loading: u,
-    ...b
+    ...v
   } = r;
-  return R(b), /* @__PURE__ */ l.jsx(d.Group, { className: n, ref: t, children: /* @__PURE__ */ l.jsxs(
-    d.Tabs,
+  return j(v), /* @__PURE__ */ l.jsx(N, { className: n, ref: t, children: /* @__PURE__ */ l.jsxs(
+    J,
     {
       value: c,
       defaultValue: s,
-      onChange: f,
+      onChange: d,
       children: [
-        u && /* @__PURE__ */ l.jsx(d.LoadingOverlay, { visible: u }),
-        /* @__PURE__ */ l.jsx(d.Tabs.List, { children: o.map((p) => /* @__PURE__ */ l.jsx(
-          d.Tabs.Tab,
+        u && /* @__PURE__ */ l.jsx(Br, { visible: u }),
+        /* @__PURE__ */ l.jsx(J.List, { children: a.map((b) => /* @__PURE__ */ l.jsx(
+          J.Tab,
           {
-            "data-test": `${p.name.toLowerCase()}-tab`,
-            value: p.name,
-            children: p.name
+            "data-test": `${b.name.toLowerCase()}-tab`,
+            value: b.name,
+            children: b.name
           },
-          p.name
+          b.name
         )) }),
-        o.map((p) => /* @__PURE__ */ l.jsx(d.Tabs.Panel, { value: p.name, children: p.tabPanel }, p.name))
+        a.map((b) => /* @__PURE__ */ l.jsx(J.Panel, { value: b.name, children: b.tabPanel }, b.name))
       ]
     }
   ) });
-}), it = T((r, t) => {
-  const { className: n, children: o, onClick: s, label: c, ...f } = r;
-  return R(f), /* @__PURE__ */ l.jsx(
-    d.Button,
+}), Rt = R((r, t) => {
+  const { className: n, children: a, onClick: s, label: c, ...d } = r;
+  return j(d), /* @__PURE__ */ l.jsx(
+    V,
     {
       size: "xs",
       "aria-label": c,
       className: n,
       ref: t,
       onClick: s,
-      ...f,
-      children: o
+      ...d,
+      children: a
     }
   );
-}), 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,
+}), Et = R((r, t) => {
+  const { className: n, accept: a, value: s, placeholder: c, onChange: d, ...u } = r;
+  return j(u), /* @__PURE__ */ l.jsx(
+    Vr,
     {
       size: "xs",
       className: n,
       ref: t,
-      accept: o,
+      accept: a,
       value: s,
       placeholder: c,
-      onChange: f,
+      onChange: d,
       ...u
     }
   );
-}), 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,
+}), Tt = R((r, t) => {
+  const { className: n, children: a, ...s } = r;
+  return j(s), /* @__PURE__ */ l.jsx("div", { className: n, ref: t, children: a });
+}), wt = R((r, t) => {
+  const { className: n, value: a, placeholder: s, onKeyDown: c, onChange: d, ...u } = r;
+  return j(u), /* @__PURE__ */ l.jsx(
+    Ge,
     {
       size: "xs",
       "data-test": "embed-input",
       className: n,
       ref: t,
-      value: o,
+      value: a,
       placeholder: s,
       onKeyDown: c,
-      onChange: f
+      onChange: d
     }
   );
-}), ct = (r) => {
-  const { children: t, opened: n, position: o, ...s } = r;
-  return R(s), /* @__PURE__ */ l.jsx(
-    d.Popover,
+}), kt = (r) => {
+  const { children: t, opened: n, position: a, ...s } = r;
+  return j(s), /* @__PURE__ */ l.jsx(
+    Yr,
     {
       withinPortal: !1,
       zIndex: 1e4,
       opened: n,
-      position: o,
+      position: a,
       children: t
     }
   );
-}, dt = (r) => {
+}, St = (r) => {
   const { children: t, ...n } = r;
-  return R(n), /* @__PURE__ */ l.jsx(d.PopoverTarget, { children: t });
-}, ft = T((r, t) => {
+  return j(n), /* @__PURE__ */ l.jsx(Ur, { children: t });
+}, Pt = R((r, t) => {
   const {
     className: n,
-    children: o,
+    children: a,
     variant: s,
     // unused
     ...c
   } = r;
-  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) => {
+  return j(c), /* @__PURE__ */ l.jsx(Gr, { className: n, ref: t, children: a });
+}), _t = R((r, t) => {
+  const { className: n, children: a, ...s } = r;
+  return j(s, !1), /* @__PURE__ */ l.jsx(
+    N,
+    {
+      align: "center",
+      gap: 0,
+      className: n,
+      ref: t,
+      ...s,
+      children: a
+    }
+  );
+}), Ct = R((r, t) => {
   const {
     className: n,
-    children: o,
+    children: a,
     icon: s,
     onClick: c,
-    onDragEnd: f,
+    onDragEnd: d,
     onDragStart: u,
-    draggable: b,
-    label: p,
-    ...y
+    draggable: v,
+    label: b,
+    ...h
   } = r;
-  return R(y, !1), s ? /* @__PURE__ */ l.jsx(
-    d.ActionIcon,
+  return j(h, !1), s ? /* @__PURE__ */ l.jsx(
+    Ke,
     {
       size: 24,
       className: n,
       ref: t,
       onClick: c,
-      onDragEnd: f,
+      onDragEnd: d,
       onDragStart: u,
-      draggable: b,
-      "aria-label": p,
-      ...y,
+      draggable: v,
+      "aria-label": b,
+      ...h,
       children: s
     }
   ) : /* @__PURE__ */ l.jsx(
-    d.Button,
+    V,
     {
       className: n,
       ref: t,
       onClick: c,
-      onDragEnd: f,
+      onDragEnd: d,
       onDragStart: u,
-      draggable: b,
-      "aria-label": p,
-      ...y,
-      children: o
+      draggable: v,
+      "aria-label": b,
+      ...h,
+      children: a
     }
   );
-}), pt = T((r, t) => {
-  const { className: n, children: o, id: s, ...c } = r;
-  return R(c), /* @__PURE__ */ l.jsx(
-    d.Stack,
+}), Ot = R((r, t) => {
+  const { className: n, children: a, id: s, ...c } = r;
+  return j(c), /* @__PURE__ */ l.jsx(
+    de,
     {
       gap: 0,
       className: n,
       ref: t,
       id: s,
       role: "listbox",
-      children: o
+      children: a
     }
   );
-}), 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,
+}), Ft = R((r, t) => {
+  const { className: n, children: a, ...s } = r;
+  return j(s), /* @__PURE__ */ l.jsx(N, { className: n, ref: t, children: /* @__PURE__ */ l.jsx(N, { className: "bn-mt-suggestion-menu-item-label", children: a }) });
+}), Dt = R((r, t) => {
+  const { className: n, isSelected: a, onClick: s, item: c, id: d, ...u } = r;
+  return j(u), /* @__PURE__ */ l.jsxs(
+    N,
     {
       gap: 0,
       className: n,
       ref: t,
-      id: f,
+      id: d,
       role: "option",
       onClick: s,
-      "aria-selected": o || void 0,
+      "aria-selected": a || void 0,
       children: [
         c.icon && /* @__PURE__ */ l.jsx(
-          d.Group,
+          N,
           {
             className: "bn-mt-suggestion-menu-item-section",
             "data-position": "left",
             children: c.icon
           }
         ),
-        /* @__PURE__ */ l.jsxs(d.Stack, { gap: 0, className: "bn-mt-suggestion-menu-item-body", children: [
-          /* @__PURE__ */ l.jsx(d.Text, { className: "bn-mt-suggestion-menu-item-title", children: c.title }),
-          /* @__PURE__ */ l.jsx(d.Text, { className: "bn-mt-suggestion-menu-item-subtitle", children: c.subtext })
+        /* @__PURE__ */ l.jsxs(de, { gap: 0, className: "bn-mt-suggestion-menu-item-body", children: [
+          /* @__PURE__ */ l.jsx(X, { className: "bn-mt-suggestion-menu-item-title", children: c.title }),
+          /* @__PURE__ */ l.jsx(X, { className: "bn-mt-suggestion-menu-item-subtitle", children: c.subtext })
         ] }),
         c.badge && /* @__PURE__ */ l.jsx(
-          d.Group,
+          N,
           {
             "data-position": "right",
             className: "bn-mt-suggestion-menu-item-section",
-            children: /* @__PURE__ */ l.jsx(d.Badge, { size: "xs", children: c.badge })
+            children: /* @__PURE__ */ l.jsx(Hr, { size: "xs", children: c.badge })
           }
         )
       ]
     }
   );
-}), 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) => {
+}), Nt = R((r, t) => {
+  const { className: n, children: a, ...s } = r;
+  return j(s), /* @__PURE__ */ l.jsx(N, { className: n, ref: t, children: a });
+}), Mt = R((r, t) => {
   const {
     className: n,
-    children: o,
+    children: a,
     // unused, using "dots" instead
     ...s
   } = r;
-  return R(s), /* @__PURE__ */ l.jsx(d.Loader, { className: n, type: "dots", ref: t });
-}), yt = T((r, t) => {
+  return j(s), /* @__PURE__ */ l.jsx(Kr, { className: n, type: "dots", ref: t });
+}), It = R((r, t) => {
   const {
     className: n,
-    children: o,
+    children: a,
     draggable: s,
     onDragStart: c,
-    onDragEnd: f,
+    onDragEnd: d,
     style: u,
-    label: b,
-    ...p
+    label: v,
+    ...b
   } = r;
-  return R(p, !1), /* @__PURE__ */ l.jsx(
-    "button",
+  return j(b, !1), /* @__PURE__ */ l.jsx(
+    V,
     {
       className: n,
       ref: t,
-      "aria-label": b,
+      "aria-label": v,
       draggable: s,
       onDragStart: c,
-      onDragEnd: f,
+      onDragEnd: d,
       style: u,
-      ...p,
-      children: o
+      ...b,
+      children: a
     }
   );
-}), Le = T(
+}), Ve = R(
   (r, t) => {
-    const { className: n, children: o, onMouseEnter: s, onMouseLeave: c, ...f } = r;
-    R(f);
-    const { ref: u, focused: b } = Nr(), p = Ir(b), y = Lr(t, u, p);
+    const { className: n, children: a, onMouseEnter: s, onMouseLeave: c, ...d } = r;
+    j(d);
+    const { ref: u, focused: v } = Zr(), b = Qr(v), h = qe(t, u, b);
     return /* @__PURE__ */ l.jsx(
-      d.Group,
+      N,
       {
         className: n,
-        ref: y,
+        ref: h,
         role: "toolbar",
         onMouseEnter: s,
         onMouseLeave: c,
-        children: o
+        children: a
       }
     );
   }
-), jt = (r) => /* @__PURE__ */ l.jsxs(d.Stack, { gap: 0, className: "bn-tooltip", children: [
-  /* @__PURE__ */ l.jsx(d.Text, { size: "sm", children: r.mainTooltip }),
-  r.secondaryTooltip && /* @__PURE__ */ l.jsx(d.Text, { size: "xs", children: r.secondaryTooltip })
-] }), Ae = T(
+), Lt = (r) => /* @__PURE__ */ l.jsxs(de, { gap: 0, className: "bn-tooltip", children: [
+  /* @__PURE__ */ l.jsx(X, { size: "sm", children: r.mainTooltip }),
+  r.secondaryTooltip && /* @__PURE__ */ l.jsx(X, { size: "xs", children: r.secondaryTooltip })
+] }), Ye = R(
   (r, t) => {
     const {
       className: n,
-      children: o,
+      children: a,
       mainTooltip: s,
       secondaryTooltip: c,
-      icon: f,
+      icon: d,
       isSelected: u,
-      isDisabled: b,
-      onClick: p,
-      label: y,
+      isDisabled: v,
+      onClick: b,
+      label: h,
       ...w
     } = r;
-    return R(w, !1), /* @__PURE__ */ l.jsx(
-      d.Tooltip,
+    return j(w, !1), /* @__PURE__ */ l.jsx(
+      qr,
       {
         withinPortal: !1,
         label: /* @__PURE__ */ l.jsx(
-          jt,
+          Lt,
           {
             mainTooltip: s,
             secondaryTooltip: c
           }
         ),
-        children: o ? /* @__PURE__ */ l.jsx(
-          d.Button,
+        children: a ? /* @__PURE__ */ l.jsx(
+          V,
           {
-            "aria-label": y,
+            "aria-label": h,
             className: n,
-            onMouseDown: (P) => {
-              ae() && P.currentTarget.focus();
+            onMouseDown: (k) => {
+              ue() && k.currentTarget.focus();
             },
-            onClick: p,
+            onClick: b,
             "aria-pressed": u,
             "data-selected": u || void 0,
             "data-test": s.slice(0, 1).toLowerCase() + s.replace(/\s+/g, "").slice(1),
             size: "xs",
-            disabled: b || !1,
+            disabled: v || !1,
             ref: t,
             ...w,
-            children: o
+            children: a
           }
         ) : /* @__PURE__ */ l.jsx(
-          d.ActionIcon,
+          Ke,
           {
             className: n,
-            "aria-label": y,
-            onMouseDown: (P) => {
-              ae() && P.currentTarget.focus();
+            "aria-label": h,
+            onMouseDown: (k) => {
+              ue() && k.currentTarget.focus();
             },
-            onClick: p,
+            onClick: b,
             "aria-pressed": u,
             "data-selected": u || void 0,
             "data-test": s.slice(0, 1).toLowerCase() + s.replace(/\s+/g, "").slice(1),
             size: 30,
-            disabled: b || !1,
+            disabled: v || !1,
             ref: t,
             ...w,
-            children: f
+            children: d
           }
         )
       }
     );
   }
-), Rt = T((r, t) => {
-  const { className: n, items: o, isDisabled: s, ...c } = r;
-  R(c);
-  const f = o.filter((u) => u.isSelected)[0];
-  return f ? /* @__PURE__ */ l.jsxs(
-    d.Menu,
+), At = R((r, t) => {
+  const { className: n, items: a, isDisabled: s, ...c } = r;
+  j(c);
+  const d = a.filter((u) => u.isSelected)[0];
+  return d ? /* @__PURE__ */ l.jsxs(
+    C,
     {
       withinPortal: !1,
       transitionProps: {
@@ -1307,26 +1318,26 @@ const Ye = wr(void 0), Zr = T((r, t) => {
       disabled: s,
       middlewares: { flip: !0, shift: !0, inline: !1, size: !0 },
       children: [
-        /* @__PURE__ */ l.jsx(d.Menu.Target, { children: /* @__PURE__ */ l.jsx(
-          d.Button,
+        /* @__PURE__ */ l.jsx(C.Target, { children: /* @__PURE__ */ l.jsx(
+          V,
           {
             onMouseDown: (u) => {
-              ae() && u.currentTarget.focus();
+              ue() && u.currentTarget.focus();
             },
-            leftSection: f.icon,
-            rightSection: /* @__PURE__ */ l.jsx(Jr, {}),
+            leftSection: d.icon,
+            rightSection: /* @__PURE__ */ l.jsx(ft, {}),
             size: "xs",
             variant: "subtle",
             disabled: s,
-            children: f.text
+            children: d.text
           }
         ) }),
-        /* @__PURE__ */ l.jsx(d.Menu.Dropdown, { className: n, ref: t, children: o.map((u) => /* @__PURE__ */ l.jsx(
-          d.Menu.Item,
+        /* @__PURE__ */ l.jsx(C.Dropdown, { className: n, ref: t, children: a.map((u) => /* @__PURE__ */ l.jsx(
+          C.Item,
           {
             onClick: u.onClick,
             leftSection: u.icon,
-            rightSection: u.isSelected ? /* @__PURE__ */ l.jsx(d.CheckIcon, { size: 10, className: "bn-tick-icon" }) : (
+            rightSection: u.isSelected ? /* @__PURE__ */ l.jsx(He, { size: 10, className: "bn-tick-icon" }) : (
               // Ensures space for tick even if item isn't currently selected.
               /* @__PURE__ */ l.jsx("div", { className: "bn-tick-space" })
             ),
@@ -1350,7 +1361,7 @@ const x = [
   "#161616",
   "#0F0F0F",
   "#000000"
-], ze = {
+], Ue = {
   colors: {
     editor: {
       text: x[5],
@@ -1420,7 +1431,7 @@ const x = [
   },
   borderRadius: 6,
   fontFamily: '"Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Open Sans", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif'
-}, Ot = {
+}, Ht = {
   colors: {
     editor: {
       text: x[2],
@@ -1488,101 +1499,103 @@ const x = [
       }
     }
   },
-  borderRadius: ze.borderRadius,
-  fontFamily: ze.fontFamily
-}, Tt = {
+  borderRadius: Ue.borderRadius,
+  fontFamily: Ue.fontFamily
+}, $t = {
   FormattingToolbar: {
-    Root: Le,
-    Button: Ae,
-    Select: Rt
+    Root: Ve,
+    Button: Ye,
+    Select: At
   },
   FilePanel: {
-    Root: at,
-    Button: it,
-    FileInput: st,
-    TabPanel: lt,
-    TextInput: ut
+    Root: jt,
+    Button: Rt,
+    FileInput: Et,
+    TabPanel: Tt,
+    TextInput: wt
   },
   LinkToolbar: {
-    Root: Le,
-    Button: Ae
+    Root: Ve,
+    Button: Ye
   },
   SideMenu: {
-    Root: vt,
-    Button: bt
+    Root: _t,
+    Button: Ct
   },
   SuggestionMenu: {
-    Root: pt,
-    Item: gt,
-    EmptyItem: mt,
-    Label: ht,
-    Loader: xt
+    Root: Ot,
+    Item: Dt,
+    EmptyItem: Ft,
+    Label: Nt,
+    Loader: Mt
   },
   TableHandle: {
-    Root: yt
+    Root: It
   },
   Generic: {
     Form: {
       Root: (r) => /* @__PURE__ */ l.jsx("div", { children: r.children }),
-      TextInput: Wr
+      TextInput: at
     },
     Menu: {
-      Root: Qr,
-      Trigger: rt,
-      Dropdown: tt,
-      Divider: nt,
-      Label: ot,
-      Item: et
+      Root: mt,
+      Trigger: pt,
+      Dropdown: ht,
+      Divider: xt,
+      Label: yt,
+      Item: gt
     },
     Popover: {
-      Root: ct,
-      Trigger: dt,
-      Content: ft
+      Root: kt,
+      Trigger: St,
+      Content: Pt
     }
   }
-}, Et = {
+}, zt = {
   // Removes button press effect
   activeClassName: ""
-}, Ft = (r) => {
-  const { theme: t, ...n } = r, o = Cr(), s = Dr(), c = (o == null ? void 0 : o.colorSchemePreference) || s, f = oe(
+}, Kt = (r) => {
+  const { theme: t, ...n } = r, a = $r(), s = Xr(), c = (a == null ? void 0 : a.colorSchemePreference) || s, d = le(
     (u) => {
-      if (u && ($r(u), typeof t == "object")) {
+      if (u && (nt(u), typeof t == "object")) {
         if ("light" in t && "dark" in t) {
-          De(
+          ze(
             t[c === "dark" ? "dark" : "light"],
             u
           );
           return;
         }
-        De(t, u);
+        ze(t, u);
         return;
       }
     },
     [c, t]
   );
-  return /* @__PURE__ */ l.jsx(Or.Provider, { value: Tt, children: /* @__PURE__ */ l.jsx(
-    Mr,
+  return /* @__PURE__ */ l.jsx(zr.Provider, { value: $t, children: /* @__PURE__ */ l.jsx(
+    Jr,
     {
-      theme: Et,
+      theme: zt,
       cssVariablesSelector: ".bn-container",
+      getRootElement: () => {
+      },
       children: /* @__PURE__ */ l.jsx(
-        Fr,
+        Wr,
         {
           theme: typeof t == "object" ? void 0 : t,
           ...n,
-          ref: f
+          ref: d
         }
       )
     }
   ) });
 };
 export {
-  Ft as BlockNoteView,
-  De as applyBlockNoteCSSVariablesFromTheme,
-  Tt as components,
-  Ot as darkDefaultTheme,
+  Kt as BlockNoteView,
+  ze as applyBlockNoteCSSVariablesFromTheme,
+  $t as components,
+  Ht as darkDefaultTheme,
   x as defaultColorScheme,
-  ze as lightDefaultTheme,
-  $r as removeBlockNoteCSSVariables
+  Ue as lightDefaultTheme,
+  nt as removeBlockNoteCSSVariables
 };
 //# sourceMappingURL=blocknote-mantine.js.map