@blocknote/mantine 0.14.0 → 0.14.2

package/dist/blocknote-mantine.js

@@ -1,10 +1,10 @@
-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 = {};
+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 { 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
  * react-jsx-runtime.production.min.js
@@ -14,25 +14,25 @@ var ce = { exports: {} }, W = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-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 (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 };
+var We;
+function st() {
+  if (We)
+    return V;
+  We = 1;
+  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) && !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: n, type: c, key: k, ref: K, props: w, _owner: i.current };
   }
-  return W.Fragment = n, W.jsx = d, W.jsxs = d, W;
+  return V.Fragment = t, V.jsx = f, V.jsxs = f, V;
 }
-var B = {};
+var Y = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -42,54 +42,54 @@ var B = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-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) {
+var Be;
+function lt() {
+  return Be || (Be = 1, process.env.NODE_ENV !== "production" && function() {
+    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 o = fe && e[fe] || e[rr];
-      return typeof o == "function" ? o : null;
+      var a = me && e[me] || e[nr];
+      return typeof a == "function" ? a : null;
     }
-    var I = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var L = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function S(e) {
       {
-        for (var 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);
+        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 nr(e, o, i) {
+    function ar(e, a, s) {
       {
-        var f = I.ReactDebugCurrentFrame, p = f.getStackAddendum();
-        p !== "" && (o += "%s", i = i.concat([p]));
-        var y = i.map(function(g) {
-          return String(g);
+        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: " + o), Function.prototype.apply.call(console[e], console, y);
+        y.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, y);
       }
     }
-    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
+    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 === 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 === ve || e.getModuleId !== void 0));
+      e.$$typeof === pe || e.getModuleId !== void 0));
     }
-    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 fr(e, a, s) {
+      var v = e.displayName;
+      if (v)
+        return v;
+      var p = a.displayName || a.name || "";
+      return p !== "" ? s + "(" + p + ")" : s;
     }
-    function be(e) {
+    function he(e) {
       return e.displayName || "Context";
     }
-    function O(e) {
+    function F(e) {
       if (e == null)
         return null;
       if (typeof e.tag == "number" && S("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
@@ -97,13 +97,13 @@ function rt() {
       if (typeof e == "string")
         return e;
       switch (e) {
-        case a:
+        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 rt() {
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case u:
-            var o = e;
-            return be(o) + ".Consumer";
+          case c:
+            var a = e;
+            return he(a) + ".Consumer";
+          case f:
+            var s = e;
+            return he(s._context) + ".Provider";
           case d:
-            var i = e;
-            return be(i._context) + ".Provider";
-          case v:
-            return cr(e, e.render, "ForwardRef");
+            return fr(e, e.render, "ForwardRef");
           case w:
-            var f = e.displayName || null;
-            return f !== null ? f : O(e.type) || "Memo";
+            var v = e.displayName || null;
+            return v !== null ? v : F(e.type) || "Memo";
           case k: {
-            var p = e, y = p._payload, g = p._init;
+            var p = e, y = p._payload, m = p._init;
             try {
-              return O(g(y));
+              return F(m(y));
             } catch {
               return null;
             }
@@ -134,18 +134,18 @@ function rt() {
         }
       return null;
     }
-    var M = Object.assign, $ = 0, me, ge, pe, he, xe, ye, je;
-    function Re() {
+    var M = Object.assign, z = 0, xe, ye, je, Re, Ee, Te, we;
+    function ke() {
     }
-    Re.__reactDisabledLog = !0;
-    function dr() {
+    ke.__reactDisabledLog = !0;
+    function vr() {
       {
-        if ($ === 0) {
-          me = console.log, ge = console.info, pe = console.warn, he = console.error, xe = console.group, ye = console.groupCollapsed, je = console.groupEnd;
+        if (z === 0) {
+          xe = console.log, ye = console.info, je = console.warn, Re = console.error, Ee = console.group, Te = console.groupCollapsed, we = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: Re,
+            value: ke,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -158,12 +158,12 @@ function rt() {
             groupEnd: e
           });
         }
-        $++;
+        z++;
       }
     }
-    function fr() {
+    function br() {
       {
-        if ($--, $ === 0) {
+        if (z--, z === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -171,323 +171,323 @@ function rt() {
           };
           Object.defineProperties(console, {
             log: M({}, e, {
-              value: me
+              value: xe
             }),
             info: M({}, e, {
-              value: ge
+              value: ye
             }),
             warn: M({}, e, {
-              value: pe
+              value: je
             }),
             error: M({}, e, {
-              value: he
+              value: Re
             }),
             group: M({}, e, {
-              value: xe
+              value: Ee
             }),
             groupCollapsed: M({}, e, {
-              value: ye
+              value: Te
             }),
             groupEnd: M({}, e, {
-              value: je
+              value: we
             })
           });
         }
-        $ < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        z < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var ee = I.ReactCurrentDispatcher, re;
-    function U(e, o, i) {
+    var re = L.ReactCurrentDispatcher, te;
+    function G(e, a, s) {
       {
-        if (re === void 0)
+        if (te === void 0)
           try {
             throw Error();
           } catch (p) {
-            var f = p.stack.trim().match(/\n( *(at )?)/);
-            re = f && f[1] || "";
+            var v = p.stack.trim().match(/\n( *(at )?)/);
+            te = v && v[1] || "";
           }
         return `
-` + re + e;
+` + te + e;
       }
     }
-    var te = !1, G;
+    var ne = !1, H;
     {
-      var vr = typeof WeakMap == "function" ? WeakMap : Map;
-      G = new vr();
+      var gr = typeof WeakMap == "function" ? WeakMap : Map;
+      H = new gr();
     }
-    function Ee(e, o) {
-      if (!e || te)
+    function Se(e, a) {
+      if (!e || ne)
         return "";
       {
-        var i = G.get(e);
-        if (i !== void 0)
-          return i;
+        var s = H.get(e);
+        if (s !== void 0)
+          return s;
       }
-      var f;
-      te = !0;
+      var v;
+      ne = !0;
       var p = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var y;
-      y = ee.current, ee.current = null, dr();
+      y = re.current, re.current = null, vr();
       try {
-        if (o) {
-          var g = function() {
+        if (a) {
+          var m = function() {
             throw Error();
           };
-          if (Object.defineProperty(g.prototype, "props", {
+          if (Object.defineProperty(m.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(g, []);
-            } catch (F) {
-              f = F;
+              Reflect.construct(m, []);
+            } catch (_) {
+              v = _;
             }
-            Reflect.construct(e, [], g);
+            Reflect.construct(e, [], m);
           } else {
             try {
-              g.call();
-            } catch (F) {
-              f = F;
+              m.call();
+            } catch (_) {
+              v = _;
             }
-            e.call(g.prototype);
+            e.call(m.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (F) {
-            f = F;
+          } catch (_) {
+            v = _;
           }
           e();
         }
-      } catch (F) {
-        if (F && f && typeof F.stack == "string") {
-          for (var m = F.stack.split(`
-`), P = f.stack.split(`
-`), E = m.length - 1, T = P.length - 1; E >= 1 && T >= 0 && m[E] !== P[T]; )
+      } catch (_) {
+        if (_ && v && typeof _.stack == "string") {
+          for (var g = _.stack.split(`
+`), P = v.stack.split(`
+`), E = g.length - 1, T = P.length - 1; E >= 1 && T >= 0 && g[E] !== P[T]; )
             T--;
           for (; E >= 1 && T >= 0; E--, T--)
-            if (m[E] !== P[T]) {
+            if (g[E] !== P[T]) {
               if (E !== 1 || T !== 1)
                 do
-                  if (E--, T--, T < 0 || m[E] !== P[T]) {
-                    var _ = `
-` + m[E].replace(" at new ", " at ");
-                    return e.displayName && _.includes("<anonymous>") && (_ = _.replace("<anonymous>", e.displayName)), typeof e == "function" && G.set(e, _), _;
+                  if (E--, T--, T < 0 || g[E] !== P[T]) {
+                    var C = `
+` + g[E].replace(" at new ", " at ");
+                    return e.displayName && C.includes("<anonymous>") && (C = C.replace("<anonymous>", e.displayName)), typeof e == "function" && H.set(e, C), C;
                   }
                 while (E >= 1 && T >= 0);
               break;
             }
         }
       } finally {
-        te = !1, ee.current = y, fr(), Error.prepareStackTrace = p;
+        ne = !1, re.current = y, br(), Error.prepareStackTrace = p;
       }
-      var A = e ? e.displayName || e.name : "", Ie = A ? U(A) : "";
-      return typeof e == "function" && G.set(e, Ie), Ie;
+      var $ = e ? e.displayName || e.name : "", I = $ ? G($) : "";
+      return typeof e == "function" && H.set(e, I), I;
     }
-    function br(e, o, i) {
-      return Ee(e, !1);
+    function mr(e, a, s) {
+      return Se(e, !1);
     }
-    function mr(e) {
-      var o = e.prototype;
-      return !!(o && o.isReactComponent);
+    function pr(e) {
+      var a = e.prototype;
+      return !!(a && a.isReactComponent);
     }
-    function H(e, o, i) {
+    function J(e, a, s) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return Ee(e, mr(e));
+        return Se(e, pr(e));
       if (typeof e == "string")
-        return U(e);
+        return G(e);
       switch (e) {
         case b:
-          return U("Suspense");
+          return G("Suspense");
         case h:
-          return U("SuspenseList");
+          return G("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case v:
-            return br(e.render);
+          case d:
+            return mr(e.render);
           case w:
-            return H(e.type, o, i);
+            return J(e.type, a, s);
           case k: {
-            var f = e, p = f._payload, y = f._init;
+            var v = e, p = v._payload, y = v._init;
             try {
-              return H(y(p), o, i);
+              return J(y(p), a, s);
             } catch {
             }
           }
         }
       return "";
     }
-    var K = Object.prototype.hasOwnProperty, Te = {}, we = I.ReactDebugCurrentFrame;
+    var W = Object.prototype.hasOwnProperty, Pe = {}, _e = L.ReactDebugCurrentFrame;
     function q(e) {
       if (e) {
-        var o = e._owner, i = H(e.type, e._source, o ? o.type : null);
-        we.setExtraStackFrame(i);
+        var a = e._owner, s = J(e.type, e._source, a ? a.type : null);
+        _e.setExtraStackFrame(s);
       } else
-        we.setExtraStackFrame(null);
+        _e.setExtraStackFrame(null);
     }
-    function gr(e, o, i, f, p) {
+    function hr(e, a, s, v, p) {
       {
-        var y = Function.call.bind(K);
-        for (var g in e)
-          if (y(e, g)) {
-            var m = void 0;
+        var y = Function.call.bind(W);
+        for (var m in e)
+          if (y(e, m)) {
+            var g = void 0;
             try {
-              if (typeof e[g] != "function") {
-                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`.");
+              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;
               }
-              m = e[g](o, g, f, 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) {
-              m = E;
+              g = E;
             }
-            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));
+            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));
           }
       }
     }
-    var pr = Array.isArray;
-    function ne(e) {
-      return pr(e);
+    var xr = Array.isArray;
+    function oe(e) {
+      return xr(e);
     }
-    function hr(e) {
+    function yr(e) {
       {
-        var o = typeof Symbol == "function" && Symbol.toStringTag, i = o && 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 xr(e) {
+    function jr(e) {
       try {
-        return ke(e), !1;
+        return Ce(e), !1;
       } catch {
         return !0;
       }
     }
-    function ke(e) {
+    function Ce(e) {
       return "" + 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);
+    function Oe(e) {
+      if (jr(e))
+        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", yr(e)), Ce(e);
     }
-    var z = I.ReactCurrentOwner, yr = {
+    var B = L.ReactCurrentOwner, Rr = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Pe, _e, ae;
+    }, Fe, De, ae;
     ae = {};
-    function jr(e) {
-      if (K.call(e, "ref")) {
-        var o = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (o && o.isReactWarning)
+    function Er(e) {
+      if (W.call(e, "ref")) {
+        var a = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (a && a.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function Rr(e) {
-      if (K.call(e, "key")) {
-        var o = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (o && o.isReactWarning)
+    function Tr(e) {
+      if (W.call(e, "key")) {
+        var a = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (a && a.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function Er(e, o) {
-      if (typeof e.ref == "string" && z.current && o && z.current.stateNode !== o) {
-        var i = O(z.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', O(z.current.type), e.ref), ae[i] = !0);
+    function wr(e, a) {
+      if (typeof e.ref == "string" && B.current && a && B.current.stateNode !== a) {
+        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 Tr(e, o) {
+    function kr(e, a) {
       {
-        var i = function() {
-          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));
+        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 wr(e, o) {
+    function Sr(e, a) {
       {
-        var i = function() {
-          _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));
+        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 kr = function(e, o, i, f, p, y, g) {
-      var m = {
+    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: o,
-        ref: i,
-        props: g,
+        key: a,
+        ref: s,
+        props: m,
         // Record the component responsible for creating this element.
         _owner: y
       };
-      return m._store = {}, Object.defineProperty(m._store, "validated", {
+      return g._store = {}, Object.defineProperty(g._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(m, "_self", {
+      }), Object.defineProperty(g, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: f
-      }), Object.defineProperty(m, "_source", {
+        value: v
+      }), Object.defineProperty(g, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: p
-      }), Object.freeze && (Object.freeze(m.props), Object.freeze(m)), m;
+      }), Object.freeze && (Object.freeze(g.props), Object.freeze(g)), g;
     };
-    function Sr(e, o, i, f, p) {
+    function _r(e, a, s, v, p) {
       {
-        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]);
+        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) && (m[y] = a[y]);
         if (e && e.defaultProps) {
           var E = e.defaultProps;
           for (y in E)
-            g[y] === void 0 && (g[y] = E[y]);
+            m[y] === void 0 && (m[y] = E[y]);
         }
-        if (m || P) {
+        if (g || P) {
           var T = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          m && Tr(g, T), P && wr(g, T);
+          g && kr(m, T), P && Sr(m, T);
         }
-        return kr(e, m, P, p, f, z.current, g);
+        return Pr(e, g, P, p, v, B.current, m);
       }
     }
-    var oe = I.ReactCurrentOwner, Ce = I.ReactDebugCurrentFrame;
-    function L(e) {
+    var ie = L.ReactCurrentOwner, Ne = L.ReactDebugCurrentFrame;
+    function A(e) {
       if (e) {
-        var o = e._owner, i = H(e.type, e._source, o ? o.type : null);
-        Ce.setExtraStackFrame(i);
+        var a = e._owner, s = J(e.type, e._source, a ? a.type : null);
+        Ne.setExtraStackFrame(s);
       } else
-        Ce.setExtraStackFrame(null);
+        Ne.setExtraStackFrame(null);
     }
-    var ie;
-    ie = !1;
-    function se(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === t;
+    var se;
+    se = !1;
+    function le(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === n;
     }
-    function Oe() {
+    function Me() {
       {
-        if (oe.current) {
-          var e = O(oe.current.type);
+        if (ie.current) {
+          var e = F(ie.current.type);
           if (e)
             return `
 
@@ -496,151 +496,166 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function Pr(e) {
+    function Cr(e) {
       {
         if (e !== void 0) {
-          var o = e.fileName.replace(/^.*[\\\/]/, ""), i = e.lineNumber;
+          var a = e.fileName.replace(/^.*[\\\/]/, ""), s = e.lineNumber;
           return `
 
-Check your code at ` + o + ":" + i + ".";
+Check your code at ` + a + ":" + s + ".";
         }
         return "";
       }
     }
-    var Fe = {};
-    function _r(e) {
+    var Ie = {};
+    function Or(e) {
       {
-        var o = Oe();
-        if (!o) {
-          var i = typeof e == "string" ? e : e.displayName || e.name;
-          i && (o = `
+        var a = Me();
+        if (!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 o;
+        return a;
       }
     }
-    function De(e, o) {
+    function Le(e, a) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var i = _r(o);
-        if (Fe[i])
+        var s = Or(a);
+        if (Ie[s])
           return;
-        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);
+        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.', s, v), A(null);
       }
     }
-    function Ne(e, o) {
+    function Ae(e, a) {
       {
         if (typeof e != "object")
           return;
-        if (ne(e))
-          for (var i = 0; i < e.length; i++) {
-            var f = e[i];
-            se(f) && De(f, o);
+        if (oe(e))
+          for (var s = 0; s < e.length; s++) {
+            var v = e[s];
+            le(v) && Le(v, a);
           }
-        else if (se(e))
+        else if (le(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var p = tr(e);
+          var p = or(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);
+            for (var y = p.call(e), m; !(m = y.next()).done; )
+              le(m.value) && Le(m.value, a);
         }
       }
     }
-    function Cr(e) {
+    function Fr(e) {
       {
-        var o = e.type;
-        if (o == null || typeof o == "string")
+        var a = e.type;
+        if (a == null || typeof a == "string")
           return;
-        var i;
-        if (typeof o == "function")
-          i = o.propTypes;
-        else if (typeof o == "object" && (o.$$typeof === v || // Note: Memo only checks outer props here.
+        var s;
+        if (typeof a == "function")
+          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.
-        o.$$typeof === w))
-          i = o.propTypes;
+        a.$$typeof === w))
+          s = a.propTypes;
         else
           return;
-        if (i) {
-          var f = O(o);
-          gr(i, e.props, "prop", f, e);
-        } else if (o.PropTypes !== void 0 && !ie) {
-          ie = !0;
-          var p = O(o);
+        if (s) {
+          var v = F(a);
+          hr(s, e.props, "prop", v, e);
+        } else if (a.PropTypes !== void 0 && !se) {
+          se = !0;
+          var p = F(a);
           S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", p || "Unknown");
         }
-        typeof o.getDefaultProps == "function" && !o.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof a.getDefaultProps == "function" && !a.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Or(e) {
+    function Dr(e) {
       {
-        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);
+        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;
           }
         }
-        e.ref !== null && (L(e), S("Invalid attribute `ref` supplied to `React.Fragment`."), L(null));
+        e.ref !== null && (A(e), S("Invalid attribute `ref` supplied to `React.Fragment`."), A(null));
       }
     }
-    function Me(e, o, i, f, p, y) {
+    var $e = {};
+    function ze(e, a, s, v, p, y) {
       {
-        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 P = Pr(p);
-          P ? m += P : m += Oe();
+        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(p);
+          P ? g += P : g += Me();
           var E;
-          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);
+          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 = Sr(e, o, i, p, y);
+        var T = _r(e, a, s, p, y);
         if (T == null)
           return T;
-        if (g) {
-          var _ = o.children;
-          if (_ !== void 0)
-            if (f)
-              if (ne(_)) {
-                for (var A = 0; A < _.length; A++)
-                  Ne(_[A], e);
-                Object.freeze && Object.freeze(_);
+        if (m) {
+          var C = a.children;
+          if (C !== void 0)
+            if (v)
+              if (oe(C)) {
+                for (var $ = 0; $ < C.length; $++)
+                  Ae(C[$], e);
+                Object.freeze && Object.freeze(C);
               } else
                 S("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              Ne(_, e);
+              Ae(C, e);
+        }
+        if (W.call(a, "key")) {
+          var I = F(e), _ = Object.keys(a).filter(function($r) {
+            return $r !== "key";
+          }), ue = _.length > 0 ? "{key: someKey, " + _.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!$e[I + ue]) {
+            var Ar = _.length > 0 ? "{" + _.join(": ..., ") + ": ...}" : "{}";
+            S(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`, ue, I, Ar, I), $e[I + ue] = !0;
+          }
         }
-        return e === a ? Or(T) : Cr(T), T;
+        return e === o ? Dr(T) : Fr(T), T;
       }
     }
-    function Fr(e, o, i) {
-      return Me(e, o, i, !0);
+    function Nr(e, a, s) {
+      return ze(e, a, s, !0);
     }
-    function Dr(e, o, i) {
-      return Me(e, o, i, !1);
+    function Mr(e, a, s) {
+      return ze(e, a, s, !1);
     }
-    var Nr = Dr, Mr = Fr;
-    B.Fragment = a, B.jsx = Nr, B.jsxs = Mr;
-  }()), B;
+    var Ir = Mr, Lr = Nr;
+    Y.Fragment = o, Y.jsx = Ir, Y.jsxs = Lr;
+  }()), Y;
 }
-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 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);
+process.env.NODE_ENV === "production" ? ve.exports = st() : ve.exports = lt();
+var l = ve.exports;
+const Ze = (r, n, t = !1) => {
+  const o = [];
+  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), a;
-}, ze = (r, t) => Je(r, t), tt = {
+  return i(r), o;
+}, Ve = (r, n) => Ze(r, n), ut = {
   colors: {
     editor: {
       text: void 0,
@@ -710,292 +725,292 @@ const Je = (r, t, n = !1) => {
   },
   borderRadius: void 0,
   fontFamily: void 0
-}, nt = (r) => Je(tt, r, !0), at = R((r, t) => {
+}, ct = (r) => Ze(ut, r, !0), dt = R((r, n) => {
   const {
-    className: n,
-    name: a,
-    label: s,
-    icon: c,
-    value: d,
-    autoFocus: u,
-    placeholder: v,
+    className: t,
+    name: o,
+    label: i,
+    icon: u,
+    value: f,
+    autoFocus: c,
+    placeholder: d,
     onKeyDown: b,
     onChange: h,
     onSubmit: w,
     ...k
   } = r;
   return j(k), /* @__PURE__ */ l.jsx(
-    Ge,
+    Je,
     {
       size: "xs",
-      className: n,
-      ref: t,
-      name: a,
-      label: s,
-      leftSection: c,
-      value: d,
-      autoFocus: u,
-      "data-autofocus": u ? "true" : void 0,
-      placeholder: v,
+      className: t,
+      ref: n,
+      name: o,
+      label: i,
+      leftSection: u,
+      value: f,
+      autoFocus: c,
+      "data-autofocus": c ? "true" : void 0,
+      placeholder: d,
       onKeyDown: b,
       onChange: h,
       onSubmit: w
     }
   );
 });
-var Xe = {
+var Qe = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, We = D.createContext && /* @__PURE__ */ D.createContext(Xe), ot = ["attr", "size", "title"];
-function it(r, t) {
+}, Ye = D.createContext && /* @__PURE__ */ D.createContext(Qe), ft = ["attr", "size", "title"];
+function vt(r, n) {
   if (r == null)
     return {};
-  var n = st(r, t), a, s;
+  var t = bt(r, n), o, i;
   if (Object.getOwnPropertySymbols) {
-    var c = Object.getOwnPropertySymbols(r);
-    for (s = 0; s < c.length; s++)
-      a = c[s], !(t.indexOf(a) >= 0) && Object.prototype.propertyIsEnumerable.call(r, a) && (n[a] = r[a]);
+    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 st(r, t) {
+function bt(r, n) {
   if (r == null)
     return {};
-  var n = {};
-  for (var a in r)
-    if (Object.prototype.hasOwnProperty.call(r, a)) {
-      if (t.indexOf(a) >= 0)
+  var t = {};
+  for (var o in r)
+    if (Object.prototype.hasOwnProperty.call(r, o)) {
+      if (n.indexOf(o) >= 0)
         continue;
-      n[a] = r[a];
+      t[o] = r[o];
     }
-  return n;
+  return t;
 }
-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 a in n)
-        Object.prototype.hasOwnProperty.call(n, a) && (r[a] = n[a]);
+function Q() {
+  return Q = Object.assign ? Object.assign.bind() : function(r) {
+    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;
-  }, Z.apply(this, arguments);
+  }, Q.apply(this, arguments);
 }
-function Be(r, t) {
-  var n = Object.keys(r);
+function Ue(r, n) {
+  var t = Object.keys(r);
   if (Object.getOwnPropertySymbols) {
-    var a = Object.getOwnPropertySymbols(r);
-    t && (a = a.filter(function(s) {
-      return Object.getOwnPropertyDescriptor(r, s).enumerable;
-    })), n.push.apply(n, a);
+    var o = Object.getOwnPropertySymbols(r);
+    n && (o = o.filter(function(i) {
+      return Object.getOwnPropertyDescriptor(r, i).enumerable;
+    })), t.push.apply(t, o);
   }
-  return n;
+  return t;
 }
-function Q(r) {
-  for (var t = 1; t < arguments.length; t++) {
-    var n = arguments[t] != null ? arguments[t] : {};
-    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));
+function ee(r) {
+  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 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 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 ut(r) {
-  var t = ct(r, "string");
-  return typeof t == "symbol" ? t : t + "";
+function mt(r) {
+  var n = pt(r, "string");
+  return typeof n == "symbol" ? n : n + "";
 }
-function ct(r, t) {
+function pt(r, n) {
   if (typeof r != "object" || !r)
     return r;
-  var n = r[Symbol.toPrimitive];
-  if (n !== void 0) {
-    var a = n.call(r, t || "default");
-    if (typeof a != "object")
-      return a;
+  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 Ze(r) {
-  return r && r.map((t, n) => /* @__PURE__ */ D.createElement(t.tag, Q({
-    key: n
-  }, t.attr), Ze(t.child)));
+function er(r) {
+  return r && r.map((n, t) => /* @__PURE__ */ D.createElement(n.tag, ee({
+    key: t
+  }, n.attr), er(n.child)));
 }
-function Qe(r) {
-  return (t) => /* @__PURE__ */ D.createElement(dt, Z({
-    attr: Q({}, r.attr)
-  }, t), Ze(r.child));
+function rr(r) {
+  return (n) => /* @__PURE__ */ D.createElement(ht, Q({
+    attr: ee({}, r.attr)
+  }, n), er(r.child));
 }
-function dt(r) {
-  var t = (n) => {
+function ht(r) {
+  var n = (t) => {
     var {
-      attr: a,
-      size: s,
-      title: c
-    } = 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({
+      attr: o,
+      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, a, d, {
-      className: v,
-      style: Q(Q({
-        color: r.color || n.color
-      }, n.style), r.style),
-      height: u,
-      width: u,
+    }, t.attr, o, f, {
+      className: d,
+      style: ee(ee({
+        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 We !== void 0 ? /* @__PURE__ */ D.createElement(We.Consumer, null, (n) => t(n)) : t(Xe);
+  return Ye !== void 0 ? /* @__PURE__ */ D.createElement(Ye.Consumer, null, (t) => n(t)) : n(Qe);
 }
-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 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 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);
+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 er = Ir(void 0), bt = R((r, t) => {
+const tr = zr(void 0), jt = R((r, n) => {
   const {
-    children: n,
-    onOpenChange: a,
-    position: s,
-    sub: c,
+    children: t,
+    onOpenChange: o,
+    position: i,
+    sub: u,
     // not used
-    ...d
+    ...f
   } = r;
-  j(d);
-  const [u, v] = Lr(!1), b = Le(null), h = Le(), w = le(() => {
+  j(f);
+  const [c, d] = Wr(!1), b = ce(null), h = ce(), w = de(() => {
     h.current && clearTimeout(h.current), h.current = setTimeout(() => {
-      v(!1);
+      d(!1);
     }, 250);
-  }, []), k = le(() => {
-    h.current && clearTimeout(h.current), v(!0);
+  }, []), k = de(() => {
+    h.current && clearTimeout(h.current), d(!0);
   }, []);
   return /* @__PURE__ */ l.jsx(
-    er.Provider,
+    tr.Provider,
     {
       value: {
         onMenuMouseOver: k,
         onMenuMouseLeave: w
       },
       children: /* @__PURE__ */ l.jsx(
-        C.Item,
+        O.Item,
         {
           className: "bn-menu-item bn-mt-sub-menu-item",
-          ref: qe(t, b),
+          ref: ge(n, b),
           onMouseOver: k,
           onMouseLeave: w,
           children: /* @__PURE__ */ l.jsx(
-            C,
+            O,
             {
               portalProps: {
                 target: b.current ? b.current.parentElement : void 0
               },
               middlewares: { flip: !0, shift: !0, inline: !1, size: !0 },
               trigger: "hover",
-              opened: u,
-              onClose: () => a == null ? void 0 : a(!1),
-              onOpen: () => a == null ? void 0 : a(!0),
-              position: s,
-              children: n
+              opened: c,
+              onClose: () => o == null ? void 0 : o(!1),
+              onOpen: () => o == null ? void 0 : o(!0),
+              position: i,
+              children: t
             }
           )
         }
       )
     }
   );
-}), 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,
+}), 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),
-      position: a,
-      children: t
+      onClose: () => t == null ? void 0 : t(!1),
+      onOpen: () => t == null ? void 0 : t(!0),
+      position: o,
+      children: n
     }
   );
-}, 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 })
+}, 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(yt, { size: 15 })
   ] }) : /* @__PURE__ */ l.jsx(
-    C.Item,
+    O.Item,
     {
-      className: n,
-      ref: t,
-      leftSection: s,
-      rightSection: c ? /* @__PURE__ */ l.jsx(He, { size: 10 }) : c === !1 ? /* @__PURE__ */ l.jsx("div", { className: "bn-tick-space" }) : null,
-      onClick: u,
-      ...v,
-      children: a
+      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
     }
   );
-}), pt = (r) => {
+}), Tt = (r) => {
   const {
-    children: t,
-    sub: n,
+    children: n,
+    sub: t,
     // unused
-    ...a
+    ...o
   } = r;
-  return j(a), /* @__PURE__ */ l.jsx(C.Target, { children: t });
-}, ht = R((r, t) => {
+  return j(o), /* @__PURE__ */ l.jsx(O.Target, { children: n });
+}, wt = R((r, n) => {
   const {
-    className: n,
-    children: a,
-    sub: s,
+    className: t,
+    children: o,
+    sub: i,
     //unused
-    ...c
+    ...u
   } = r;
-  j(c);
-  const d = Ar(er);
+  j(u);
+  const f = Br(tr);
   return /* @__PURE__ */ l.jsx(
-    C.Dropdown,
+    O.Dropdown,
     {
-      className: n,
-      ref: t,
-      onMouseOver: d == null ? void 0 : d.onMenuMouseOver,
-      onMouseLeave: d == null ? void 0 : d.onMenuMouseLeave,
-      children: a
+      className: t,
+      ref: n,
+      onMouseOver: f == null ? void 0 : f.onMenuMouseOver,
+      onMouseLeave: f == null ? void 0 : f.onMenuMouseLeave,
+      children: o
     }
   );
-}), 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) => {
+}), 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,
-    tabs: a,
-    defaultOpenTab: s,
-    openTab: c,
-    setOpenTab: d,
-    loading: u,
-    ...v
+    className: t,
+    tabs: o,
+    defaultOpenTab: i,
+    openTab: u,
+    setOpenTab: f,
+    loading: c,
+    ...d
   } = r;
-  return j(v), /* @__PURE__ */ l.jsx(N, { className: n, ref: t, children: /* @__PURE__ */ l.jsxs(
-    J,
+  return j(d), /* @__PURE__ */ l.jsx(N, { className: t, ref: n, children: /* @__PURE__ */ l.jsxs(
+    X,
     {
-      value: c,
-      defaultValue: s,
-      onChange: d,
+      value: u,
+      defaultValue: i,
+      onChange: f,
       children: [
-        u && /* @__PURE__ */ l.jsx(Br, { visible: u }),
-        /* @__PURE__ */ l.jsx(J.List, { children: a.map((b) => /* @__PURE__ */ l.jsx(
-          J.Tab,
+        c && /* @__PURE__ */ l.jsx(Jr, { visible: c }),
+        /* @__PURE__ */ l.jsx(X.List, { children: o.map((b) => /* @__PURE__ */ l.jsx(
+          X.Tab,
           {
             "data-test": `${b.name.toLowerCase()}-tab`,
             value: b.name,
@@ -1003,348 +1018,355 @@ const er = Ir(void 0), bt = R((r, t) => {
           },
           b.name
         )) }),
-        a.map((b) => /* @__PURE__ */ l.jsx(J.Panel, { value: b.name, children: b.tabPanel }, b.name))
+        o.map((b) => /* @__PURE__ */ l.jsx(X.Panel, { value: b.name, children: b.tabPanel }, b.name))
       ]
     }
   ) });
-}), Rt = R((r, t) => {
-  const { className: n, children: a, onClick: s, label: c, ...d } = r;
-  return j(d), /* @__PURE__ */ l.jsx(
-    V,
+}), _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,
-      ...d,
-      children: a
+      "aria-label": u,
+      className: t,
+      ref: n,
+      onClick: i,
+      ...f,
+      children: o
     }
   );
-}), Et = R((r, t) => {
-  const { className: n, accept: a, value: s, placeholder: c, onChange: d, ...u } = r;
-  return j(u), /* @__PURE__ */ l.jsx(
-    Vr,
+}), 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,
-      accept: a,
-      value: s,
-      placeholder: c,
-      onChange: d,
-      ...u
+      className: t,
+      ref: n,
+      accept: o,
+      value: i,
+      placeholder: u,
+      onChange: f,
+      ...c
     }
   );
-}), 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,
+}), 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,
-      value: a,
-      placeholder: s,
-      onKeyDown: c,
-      onChange: d
+      className: t,
+      ref: n,
+      value: o,
+      placeholder: i,
+      onKeyDown: u,
+      onChange: f
     }
   );
-}), kt = (r) => {
-  const { children: t, opened: n, position: a, ...s } = r;
-  return j(s), /* @__PURE__ */ l.jsx(
-    Yr,
+}), Dt = (r) => {
+  const { children: n, opened: t, position: o, ...i } = r;
+  return j(i), /* @__PURE__ */ l.jsx(
+    Xr,
     {
       withinPortal: !1,
       zIndex: 1e4,
-      opened: n,
-      position: a,
-      children: t
+      opened: t,
+      position: o,
+      children: n
     }
   );
-}, St = (r) => {
-  const { children: t, ...n } = r;
-  return j(n), /* @__PURE__ */ l.jsx(Ur, { children: t });
-}, Pt = 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,
-    children: a,
-    variant: s,
+    className: t,
+    children: o,
+    variant: i,
     // unused
-    ...c
+    ...u
   } = r;
-  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(
+  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,
-      children: a
+      className: t,
+      ref: n,
+      ...i,
+      children: o
     }
   );
-}), Ct = R((r, t) => {
+}), Lt = R((r, n) => {
   const {
-    className: n,
-    children: a,
-    icon: s,
-    onClick: c,
-    onDragEnd: d,
-    onDragStart: u,
-    draggable: v,
+    className: t,
+    children: o,
+    icon: i,
+    onClick: u,
+    onDragEnd: f,
+    onDragStart: c,
+    draggable: d,
     label: b,
     ...h
   } = r;
-  return j(h, !1), s ? /* @__PURE__ */ l.jsx(
-    Ke,
+  return j(h, !1), i ? /* @__PURE__ */ l.jsx(
+    Xe,
     {
       size: 24,
-      className: n,
-      ref: t,
-      onClick: c,
-      onDragEnd: d,
-      onDragStart: u,
-      draggable: v,
+      className: t,
+      ref: n,
+      onClick: u,
+      onDragEnd: f,
+      onDragStart: c,
+      draggable: d,
       "aria-label": b,
       ...h,
-      children: s
+      children: i
     }
   ) : /* @__PURE__ */ l.jsx(
-    V,
+    U,
     {
-      className: n,
-      ref: t,
-      onClick: c,
-      onDragEnd: d,
-      onDragStart: u,
-      draggable: v,
+      className: t,
+      ref: n,
+      onClick: u,
+      onDragEnd: f,
+      onDragStart: c,
+      draggable: d,
       "aria-label": b,
       ...h,
-      children: a
+      children: o
     }
   );
-}), Ot = R((r, t) => {
-  const { className: n, children: a, id: s, ...c } = r;
-  return j(c), /* @__PURE__ */ l.jsx(
-    de,
+}), 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: a
+      children: o
     }
   );
-}), 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(
+}), $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 = 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: t,
-      id: d,
+      className: t,
+      ref: ge(n, d),
+      id: f,
       role: "option",
-      onClick: s,
-      "aria-selected": a || void 0,
+      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(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 })
+        /* @__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: 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(Hr, { size: "xs", children: c.badge })
+            children: /* @__PURE__ */ l.jsx(et, { size: "xs", children: u.badge })
           }
         )
       ]
     }
   );
-}), 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) => {
+}), 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,
-    children: a,
+    className: t,
+    children: o,
     // unused, using "dots" instead
-    ...s
+    ...i
   } = r;
-  return j(s), /* @__PURE__ */ l.jsx(Kr, { className: n, type: "dots", ref: t });
-}), It = R((r, t) => {
+  return j(i), /* @__PURE__ */ l.jsx(rt, { className: t, type: "dots", ref: n });
+}), Vt = R((r, n) => {
   const {
-    className: n,
-    children: a,
-    draggable: s,
-    onDragStart: c,
-    onDragEnd: d,
-    style: u,
-    label: v,
+    className: t,
+    children: o,
+    draggable: i,
+    onDragStart: u,
+    onDragEnd: f,
+    style: c,
+    label: d,
     ...b
   } = r;
   return j(b, !1), /* @__PURE__ */ l.jsx(
-    V,
+    U,
     {
-      className: n,
-      ref: t,
-      "aria-label": v,
-      draggable: s,
-      onDragStart: c,
-      onDragEnd: d,
-      style: u,
+      className: t,
+      ref: n,
+      "aria-label": d,
+      draggable: i,
+      onDragStart: u,
+      onDragEnd: f,
+      style: c,
       ...b,
-      children: a
+      children: o
     }
   );
-}), Ve = R(
-  (r, t) => {
-    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);
+}), Ke = R(
+  (r, n) => {
+    const { className: t, children: o, onMouseEnter: i, onMouseLeave: u, ...f } = r;
+    j(f);
+    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,
-        children: a
+        onMouseEnter: i,
+        onMouseLeave: u,
+        children: o
       }
     );
   }
-), 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) => {
+), 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, n) => {
     const {
-      className: n,
-      children: a,
-      mainTooltip: s,
-      secondaryTooltip: c,
-      icon: d,
-      isSelected: u,
-      isDisabled: v,
+      className: t,
+      children: o,
+      mainTooltip: i,
+      secondaryTooltip: u,
+      icon: f,
+      isSelected: c,
+      isDisabled: d,
       onClick: b,
       label: h,
       ...w
     } = r;
     return j(w, !1), /* @__PURE__ */ l.jsx(
-      qr,
+      tt,
       {
         withinPortal: !1,
         label: /* @__PURE__ */ l.jsx(
-          Lt,
+          Yt,
           {
-            mainTooltip: s,
-            secondaryTooltip: c
+            mainTooltip: i,
+            secondaryTooltip: u
           }
         ),
-        children: a ? /* @__PURE__ */ l.jsx(
-          V,
+        children: o ? /* @__PURE__ */ l.jsx(
+          U,
           {
             "aria-label": h,
-            className: n,
+            className: t,
             onMouseDown: (k) => {
-              ue() && k.currentTarget.focus();
+              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: v || !1,
-            ref: t,
+            disabled: d || !1,
+            ref: n,
             ...w,
-            children: a
+            children: o
           }
         ) : /* @__PURE__ */ l.jsx(
-          Ke,
+          Xe,
           {
-            className: n,
+            className: t,
             "aria-label": h,
             onMouseDown: (k) => {
-              ue() && k.currentTarget.focus();
+              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: v || !1,
-            ref: t,
+            disabled: d || !1,
+            ref: n,
             ...w,
-            children: d
+            children: f
           }
         )
       }
     );
   }
-), 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,
+), 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,
     {
       withinPortal: !1,
       transitionProps: {
         exitDuration: 0
       },
-      disabled: s,
+      disabled: i,
       middlewares: { flip: !0, shift: !0, inline: !1, size: !0 },
       children: [
-        /* @__PURE__ */ l.jsx(C.Target, { children: /* @__PURE__ */ l.jsx(
-          V,
+        /* @__PURE__ */ l.jsx(O.Target, { children: /* @__PURE__ */ l.jsx(
+          U,
           {
-            onMouseDown: (u) => {
-              ue() && u.currentTarget.focus();
+            onMouseDown: (c) => {
+              fe() && c.currentTarget.focus();
             },
-            leftSection: d.icon,
-            rightSection: /* @__PURE__ */ l.jsx(ft, {}),
+            leftSection: f.icon,
+            rightSection: /* @__PURE__ */ l.jsx(xt, {}),
             size: "xs",
             variant: "subtle",
-            disabled: s,
-            children: d.text
+            disabled: i,
+            children: f.text
           }
         ) }),
-        /* @__PURE__ */ l.jsx(C.Dropdown, { className: n, ref: t, children: a.map((u) => /* @__PURE__ */ l.jsx(
-          C.Item,
+        /* @__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(He, { 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
         )) })
       ]
     }
@@ -1361,7 +1383,7 @@ const x = [
   "#161616",
   "#0F0F0F",
   "#000000"
-], Ue = {
+], He = {
   colors: {
     editor: {
       text: x[5],
@@ -1431,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'
-}, Ht = {
+}, en = {
   colors: {
     editor: {
       text: x[2],
@@ -1499,103 +1521,104 @@ const x = [
       }
     }
   },
-  borderRadius: Ue.borderRadius,
-  fontFamily: Ue.fontFamily
-}, $t = {
+  borderRadius: He.borderRadius,
+  fontFamily: He.fontFamily
+}, Kt = {
   FormattingToolbar: {
-    Root: Ve,
-    Button: Ye,
-    Select: At
+    Root: Ke,
+    Button: Ge,
+    Select: Ut
   },
   FilePanel: {
-    Root: jt,
-    Button: Rt,
-    FileInput: Et,
-    TabPanel: Tt,
-    TextInput: wt
+    Root: Pt,
+    Button: _t,
+    FileInput: Ct,
+    TabPanel: Ot,
+    TextInput: Ft
   },
   LinkToolbar: {
-    Root: Ve,
-    Button: Ye
+    Root: Ke,
+    Button: Ge
   },
   SideMenu: {
-    Root: _t,
-    Button: Ct
+    Root: It,
+    Button: Lt
   },
   SuggestionMenu: {
-    Root: Ot,
-    Item: Dt,
-    EmptyItem: Ft,
-    Label: Nt,
-    Loader: Mt
+    Root: At,
+    Item: zt,
+    EmptyItem: $t,
+    Label: Wt,
+    Loader: Bt
   },
   TableHandle: {
-    Root: It
+    Root: Vt
   },
   Generic: {
     Form: {
       Root: (r) => /* @__PURE__ */ l.jsx("div", { children: r.children }),
-      TextInput: at
+      TextInput: dt
     },
     Menu: {
-      Root: mt,
-      Trigger: pt,
-      Dropdown: ht,
-      Divider: xt,
-      Label: yt,
-      Item: gt
+      Root: Rt,
+      Trigger: Tt,
+      Dropdown: wt,
+      Divider: kt,
+      Label: St,
+      Item: Et
     },
     Popover: {
-      Root: kt,
-      Trigger: St,
-      Content: Pt
+      Root: Dt,
+      Trigger: Nt,
+      Content: Mt
     }
   }
-}, zt = {
+}, Gt = {
   // Removes button press effect
   activeClassName: ""
-}, Kt = (r) => {
-  const { theme: t, ...n } = r, a = $r(), s = Xr(), c = (a == null ? void 0 : a.colorSchemePreference) || s, d = le(
-    (u) => {
-      if (u && (nt(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) {
-          ze(
-            t[c === "dark" ? "dark" : "light"],
-            u
+          Ve(
+            t[f === "dark" ? "dark" : "light"],
+            d
           );
           return;
         }
-        ze(t, u);
+        Ve(t, d);
         return;
       }
     },
-    [c, t]
+    [f, t]
   );
-  return /* @__PURE__ */ l.jsx(zr.Provider, { value: $t, children: /* @__PURE__ */ l.jsx(
-    Jr,
+  return /* @__PURE__ */ l.jsx(Gr.Provider, { value: Kt, children: /* @__PURE__ */ l.jsx(
+    nt,
     {
-      theme: zt,
-      cssVariablesSelector: ".bn-container",
+      theme: Gt,
+      cssVariablesSelector: ".bn-mantine",
       getRootElement: () => {
       },
       children: /* @__PURE__ */ l.jsx(
-        Wr,
+        Hr,
         {
+          className: Yr("bn-mantine", n || ""),
           theme: typeof t == "object" ? void 0 : t,
-          ...n,
-          ref: d
+          ...o,
+          ref: c
         }
       )
     }
   ) });
 };
 export {
-  Kt as BlockNoteView,
-  ze as applyBlockNoteCSSVariablesFromTheme,
-  $t as components,
-  Ht as darkDefaultTheme,
+  rn as BlockNoteView,
+  Ve as applyBlockNoteCSSVariablesFromTheme,
+  Kt as components,
+  en as darkDefaultTheme,
   x as defaultColorScheme,
-  Ue as lightDefaultTheme,
-  nt as removeBlockNoteCSSVariables
+  He as lightDefaultTheme,
+  ct as removeBlockNoteCSSVariables
 };
 //# sourceMappingURL=blocknote-mantine.js.map