@blocknote/mantine 0.17.1 → 0.18.1

package/dist/blocknote-mantine.js

@@ -1,648 +1,19 @@
-import D, { forwardRef as R, createContext as Br, useState as Yr, useRef as Z, useCallback as fe, useContext as Ur, useEffect as He } from "react";
-import { assertEmpty as p, isSafari as ve, mergeCSSClasses as Gr } from "@blocknote/core";
-import { elementOverflow as Je, useBlockNoteContext as Kr, usePrefersColorScheme as qr, ComponentsContext as Hr, BlockNoteViewRaw as Jr } from "@blocknote/react";
-import { TextInput as Xe, Menu as O, CheckIcon as Ze, Group as F, Tabs as X, LoadingOverlay as Xr, Button as U, FileInput as Zr, Popover as Qr, PopoverTarget as et, PopoverDropdown as rt, ActionIcon as Qe, Loader as er, Stack as me, Text as Q, Badge as tt, Tooltip as nt, MantineProvider as ot } from "@mantine/core";
-import { mergeRefs as te, useFocusWithin as at, useFocusTrap as it } from "@mantine/hooks";
-var be = { exports: {} }, B = {};
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var We;
-function st() {
-  if (We) return B;
-  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 = {}, T = null, G = null;
-    b !== void 0 && (T = "" + b), d.key !== void 0 && (T = "" + d.key), d.ref !== void 0 && (G = 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: T, ref: G, props: w, _owner: i.current };
-  }
-  return B.Fragment = t, B.jsx = f, B.jsxs = f, B;
-}
-var Y = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Ve;
-function lt() {
-  return Ve || (Ve = 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"), T = Symbol.for("react.lazy"), G = Symbol.for("react.offscreen"), ge = Symbol.iterator, ir = "@@iterator";
-    function sr(e) {
-      if (e === null || typeof e != "object")
-        return null;
-      var a = ge && e[ge] || e[ir];
-      return typeof a == "function" ? a : null;
-    }
-    var L = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function k(e) {
-      {
-        for (var a = arguments.length, s = new Array(a > 1 ? a - 1 : 0), v = 1; v < a; v++)
-          s[v - 1] = arguments[v];
-        lr("error", e, s);
-      }
-    }
-    function lr(e, a, s) {
-      {
-        var v = L.ReactDebugCurrentFrame, x = v.getStackAddendum();
-        x !== "" && (a += "%s", s = s.concat([x]));
-        var j = s.map(function(g) {
-          return String(g);
-        });
-        j.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, j);
-      }
-    }
-    var ur = !1, cr = !1, dr = !1, fr = !1, vr = !1, pe;
-    pe = Symbol.for("react.module.reference");
-    function br(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === o || e === u || vr || e === i || e === b || e === h || fr || e === G || ur || cr || dr || typeof e == "object" && e !== null && (e.$$typeof === T || 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 === pe || e.getModuleId !== void 0));
-    }
-    function mr(e, a, s) {
-      var v = e.displayName;
-      if (v)
-        return v;
-      var x = a.displayName || a.name || "";
-      return x !== "" ? s + "(" + x + ")" : s;
-    }
-    function he(e) {
-      return e.displayName || "Context";
-    }
-    function N(e) {
-      if (e == null)
-        return null;
-      if (typeof e.tag == "number" && k("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
-        return e.displayName || e.name || null;
-      if (typeof e == "string")
-        return e;
-      switch (e) {
-        case o:
-          return "Fragment";
-        case t:
-          return "Portal";
-        case u:
-          return "Profiler";
-        case i:
-          return "StrictMode";
-        case b:
-          return "Suspense";
-        case h:
-          return "SuspenseList";
-      }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case c:
-            var a = e;
-            return he(a) + ".Consumer";
-          case f:
-            var s = e;
-            return he(s._context) + ".Provider";
-          case d:
-            return mr(e, e.render, "ForwardRef");
-          case w:
-            var v = e.displayName || null;
-            return v !== null ? v : N(e.type) || "Memo";
-          case T: {
-            var x = e, j = x._payload, g = x._init;
-            try {
-              return N(g(j));
-            } catch {
-              return null;
-            }
-          }
-        }
-      return null;
-    }
-    var M = Object.assign, z = 0, xe, ye, je, Re, Ee, Se, we;
-    function Te() {
-    }
-    Te.__reactDisabledLog = !0;
-    function gr() {
-      {
-        if (z === 0) {
-          xe = console.log, ye = console.info, je = console.warn, Re = console.error, Ee = console.group, Se = console.groupCollapsed, we = console.groupEnd;
-          var e = {
-            configurable: !0,
-            enumerable: !0,
-            value: Te,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            info: e,
-            log: e,
-            warn: e,
-            error: e,
-            group: e,
-            groupCollapsed: e,
-            groupEnd: e
-          });
-        }
-        z++;
-      }
-    }
-    function pr() {
-      {
-        if (z--, z === 0) {
-          var e = {
-            configurable: !0,
-            enumerable: !0,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            log: M({}, e, {
-              value: xe
-            }),
-            info: M({}, e, {
-              value: ye
-            }),
-            warn: M({}, e, {
-              value: je
-            }),
-            error: M({}, e, {
-              value: Re
-            }),
-            group: M({}, e, {
-              value: Ee
-            }),
-            groupCollapsed: M({}, e, {
-              value: Se
-            }),
-            groupEnd: M({}, e, {
-              value: we
-            })
-          });
-        }
-        z < 0 && k("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
-      }
-    }
-    var ne = L.ReactCurrentDispatcher, oe;
-    function K(e, a, s) {
-      {
-        if (oe === void 0)
-          try {
-            throw Error();
-          } catch (x) {
-            var v = x.stack.trim().match(/\n( *(at )?)/);
-            oe = v && v[1] || "";
-          }
-        return `
-` + oe + e;
-      }
-    }
-    var ae = !1, q;
-    {
-      var hr = typeof WeakMap == "function" ? WeakMap : Map;
-      q = new hr();
-    }
-    function ke(e, a) {
-      if (!e || ae)
-        return "";
-      {
-        var s = q.get(e);
-        if (s !== void 0)
-          return s;
-      }
-      var v;
-      ae = !0;
-      var x = Error.prepareStackTrace;
-      Error.prepareStackTrace = void 0;
-      var j;
-      j = ne.current, ne.current = null, gr();
-      try {
-        if (a) {
-          var g = function() {
-            throw Error();
-          };
-          if (Object.defineProperty(g.prototype, "props", {
-            set: function() {
-              throw Error();
-            }
-          }), typeof Reflect == "object" && Reflect.construct) {
-            try {
-              Reflect.construct(g, []);
-            } catch (_) {
-              v = _;
-            }
-            Reflect.construct(e, [], g);
-          } else {
-            try {
-              g.call();
-            } catch (_) {
-              v = _;
-            }
-            e.call(g.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (_) {
-            v = _;
-          }
-          e();
-        }
-      } catch (_) {
-        if (_ && v && typeof _.stack == "string") {
-          for (var m = _.stack.split(`
-`), P = v.stack.split(`
-`), E = m.length - 1, S = P.length - 1; E >= 1 && S >= 0 && m[E] !== P[S]; )
-            S--;
-          for (; E >= 1 && S >= 0; E--, S--)
-            if (m[E] !== P[S]) {
-              if (E !== 1 || S !== 1)
-                do
-                  if (E--, S--, S < 0 || m[E] !== P[S]) {
-                    var C = `
-` + m[E].replace(" at new ", " at ");
-                    return e.displayName && C.includes("<anonymous>") && (C = C.replace("<anonymous>", e.displayName)), typeof e == "function" && q.set(e, C), C;
-                  }
-                while (E >= 1 && S >= 0);
-              break;
-            }
-        }
-      } finally {
-        ae = !1, ne.current = j, pr(), Error.prepareStackTrace = x;
-      }
-      var $ = e ? e.displayName || e.name : "", I = $ ? K($) : "";
-      return typeof e == "function" && q.set(e, I), I;
-    }
-    function xr(e, a, s) {
-      return ke(e, !1);
-    }
-    function yr(e) {
-      var a = e.prototype;
-      return !!(a && a.isReactComponent);
-    }
-    function H(e, a, s) {
-      if (e == null)
-        return "";
-      if (typeof e == "function")
-        return ke(e, yr(e));
-      if (typeof e == "string")
-        return K(e);
-      switch (e) {
-        case b:
-          return K("Suspense");
-        case h:
-          return K("SuspenseList");
-      }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case d:
-            return xr(e.render);
-          case w:
-            return H(e.type, a, s);
-          case T: {
-            var v = e, x = v._payload, j = v._init;
-            try {
-              return H(j(x), a, s);
-            } catch {
-            }
-          }
-        }
-      return "";
-    }
-    var W = Object.prototype.hasOwnProperty, Pe = {}, _e = L.ReactDebugCurrentFrame;
-    function J(e) {
-      if (e) {
-        var a = e._owner, s = H(e.type, e._source, a ? a.type : null);
-        _e.setExtraStackFrame(s);
-      } else
-        _e.setExtraStackFrame(null);
-    }
-    function jr(e, a, s, v, x) {
-      {
-        var j = Function.call.bind(W);
-        for (var g in e)
-          if (j(e, g)) {
-            var m = void 0;
-            try {
-              if (typeof e[g] != "function") {
-                var P = Error((v || "React class") + ": " + s + " 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, s, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (E) {
-              m = E;
-            }
-            m && !(m instanceof Error) && (J(x), k("%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, g, typeof m), J(null)), m instanceof Error && !(m.message in Pe) && (Pe[m.message] = !0, J(x), k("Failed %s type: %s", s, m.message), J(null));
-          }
-      }
-    }
-    var Rr = Array.isArray;
-    function ie(e) {
-      return Rr(e);
-    }
-    function Er(e) {
-      {
-        var a = typeof Symbol == "function" && Symbol.toStringTag, s = a && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return s;
-      }
-    }
-    function Sr(e) {
-      try {
-        return Ce(e), !1;
-      } catch {
-        return !0;
-      }
-    }
-    function Ce(e) {
-      return "" + e;
-    }
-    function Oe(e) {
-      if (Sr(e))
-        return k("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Er(e)), Ce(e);
-    }
-    var V = L.ReactCurrentOwner, wr = {
-      key: !0,
-      ref: !0,
-      __self: !0,
-      __source: !0
-    }, Fe, Ne, se;
-    se = {};
-    function Tr(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 kr(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 Pr(e, a) {
-      if (typeof e.ref == "string" && V.current && a && V.current.stateNode !== a) {
-        var s = N(V.current.type);
-        se[s] || (k('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', N(V.current.type), e.ref), se[s] = !0);
-      }
-    }
-    function _r(e, a) {
-      {
-        var s = function() {
-          Fe || (Fe = !0, k("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", a));
-        };
-        s.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: s,
-          configurable: !0
-        });
-      }
-    }
-    function Cr(e, a) {
-      {
-        var s = function() {
-          Ne || (Ne = !0, k("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", a));
-        };
-        s.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: s,
-          configurable: !0
-        });
-      }
-    }
-    var Or = function(e, a, s, v, x, j, g) {
-      var m = {
-        // This tag allows us to uniquely identify this as a React Element
-        $$typeof: n,
-        // Built-in properties that belong on the element
-        type: e,
-        key: a,
-        ref: s,
-        props: g,
-        // Record the component responsible for creating this element.
-        _owner: j
-      };
-      return m._store = {}, Object.defineProperty(m._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: !1
-      }), Object.defineProperty(m, "_self", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: v
-      }), Object.defineProperty(m, "_source", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: x
-      }), Object.freeze && (Object.freeze(m.props), Object.freeze(m)), m;
-    };
-    function Fr(e, a, s, v, x) {
-      {
-        var j, g = {}, m = null, P = null;
-        s !== void 0 && (Oe(s), m = "" + s), kr(a) && (Oe(a.key), m = "" + a.key), Tr(a) && (P = a.ref, Pr(a, x));
-        for (j in a)
-          W.call(a, j) && !wr.hasOwnProperty(j) && (g[j] = a[j]);
-        if (e && e.defaultProps) {
-          var E = e.defaultProps;
-          for (j in E)
-            g[j] === void 0 && (g[j] = E[j]);
-        }
-        if (m || P) {
-          var S = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          m && _r(g, S), P && Cr(g, S);
-        }
-        return Or(e, m, P, x, v, V.current, g);
-      }
-    }
-    var le = L.ReactCurrentOwner, De = L.ReactDebugCurrentFrame;
-    function A(e) {
-      if (e) {
-        var a = e._owner, s = H(e.type, e._source, a ? a.type : null);
-        De.setExtraStackFrame(s);
-      } else
-        De.setExtraStackFrame(null);
-    }
-    var ue;
-    ue = !1;
-    function ce(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === n;
-    }
-    function Me() {
-      {
-        if (le.current) {
-          var e = N(le.current.type);
-          if (e)
-            return `
-
-Check the render method of \`` + e + "`.";
-        }
-        return "";
-      }
-    }
-    function Nr(e) {
-      return "";
-    }
-    var Ie = {};
-    function Dr(e) {
-      {
-        var a = Me();
-        if (!a) {
-          var s = typeof e == "string" ? e : e.displayName || e.name;
-          s && (a = `
-
-Check the top-level render call using <` + s + ">.");
-        }
-        return a;
-      }
-    }
-    function Le(e, a) {
-      {
-        if (!e._store || e._store.validated || e.key != null)
-          return;
-        e._store.validated = !0;
-        var s = Dr(a);
-        if (Ie[s])
-          return;
-        Ie[s] = !0;
-        var v = "";
-        e && e._owner && e._owner !== le.current && (v = " It was passed a child from " + N(e._owner.type) + "."), A(e), k('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', s, v), A(null);
-      }
-    }
-    function Ae(e, a) {
-      {
-        if (typeof e != "object")
-          return;
-        if (ie(e))
-          for (var s = 0; s < e.length; s++) {
-            var v = e[s];
-            ce(v) && Le(v, a);
-          }
-        else if (ce(e))
-          e._store && (e._store.validated = !0);
-        else if (e) {
-          var x = sr(e);
-          if (typeof x == "function" && x !== e.entries)
-            for (var j = x.call(e), g; !(g = j.next()).done; )
-              ce(g.value) && Le(g.value, a);
-        }
-      }
-    }
-    function Mr(e) {
-      {
-        var a = e.type;
-        if (a == null || typeof a == "string")
-          return;
-        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.
-        a.$$typeof === w))
-          s = a.propTypes;
-        else
-          return;
-        if (s) {
-          var v = N(a);
-          jr(s, e.props, "prop", v, e);
-        } else if (a.PropTypes !== void 0 && !ue) {
-          ue = !0;
-          var x = N(a);
-          k("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", x || "Unknown");
-        }
-        typeof a.getDefaultProps == "function" && !a.getDefaultProps.isReactClassApproved && k("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
-      }
-    }
-    function Ir(e) {
-      {
-        for (var a = Object.keys(e.props), s = 0; s < a.length; s++) {
-          var v = a[s];
-          if (v !== "children" && v !== "key") {
-            A(e), k("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), A(null);
-            break;
-          }
-        }
-        e.ref !== null && (A(e), k("Invalid attribute `ref` supplied to `React.Fragment`."), A(null));
-      }
-    }
-    var $e = {};
-    function ze(e, a, s, v, x, j) {
-      {
-        var g = br(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 = Nr();
-          P ? m += P : m += Me();
-          var E;
-          e === null ? E = "null" : ie(e) ? E = "array" : e !== void 0 && e.$$typeof === n ? (E = "<" + (N(e.type) || "Unknown") + " />", m = " Did you accidentally export a JSX literal instead of a component?") : E = typeof e, k("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 S = Fr(e, a, s, x, j);
-        if (S == null)
-          return S;
-        if (g) {
-          var C = a.children;
-          if (C !== void 0)
-            if (v)
-              if (ie(C)) {
-                for (var $ = 0; $ < C.length; $++)
-                  Ae(C[$], e);
-                Object.freeze && Object.freeze(C);
-              } else
-                k("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
-              Ae(C, e);
-        }
-        if (W.call(a, "key")) {
-          var I = N(e), _ = Object.keys(a).filter(function(Vr) {
-            return Vr !== "key";
-          }), de = _.length > 0 ? "{key: someKey, " + _.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!$e[I + de]) {
-            var Wr = _.length > 0 ? "{" + _.join(": ..., ") + ": ...}" : "{}";
-            k(`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} />`, de, I, Wr, I), $e[I + de] = !0;
-          }
-        }
-        return e === o ? Ir(S) : Mr(S), S;
-      }
-    }
-    function Lr(e, a, s) {
-      return ze(e, a, s, !0);
-    }
-    function Ar(e, a, s) {
-      return ze(e, a, s, !1);
-    }
-    var $r = Ar, zr = Lr;
-    Y.Fragment = o, Y.jsx = $r, Y.jsxs = zr;
-  }()), Y;
-}
-process.env.NODE_ENV === "production" ? be.exports = st() : be.exports = lt();
-var l = be.exports;
-const rr = (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);
+import { jsx as i, jsxs as y } from "react/jsx-runtime";
+import { assertEmpty as d, isSafari as M, mergeCSSClasses as U } from "@blocknote/core";
+import { elementOverflow as E, useBlockNoteContext as Z, usePrefersColorScheme as J, ComponentsContext as Q, BlockNoteViewRaw as X } from "@blocknote/react";
+import { TextInput as B, Menu as f, CheckIcon as $, Group as p, Tabs as w, LoadingOverlay as Y, Button as k, FileInput as ee, Popover as te, PopoverTarget as ne, PopoverDropdown as re, ActionIcon as V, Loader as G, Stack as O, Text as S, Badge as oe, Tooltip as se, MantineProvider as ie } from "@mantine/core";
+import x, { forwardRef as b, createContext as ae, useState as le, useRef as N, useCallback as F, useContext as ce, useEffect as _ } from "react";
+import { mergeRefs as T, useFocusWithin as ue, useFocusTrap as de } from "@mantine/hooks";
+const H = (e, n, t = !1) => {
+  const r = [];
+  function o(s, l = "--bn") {
+    for (const a in s) {
+      const c = a.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), u = `${l}-${c}`;
+      typeof s[a] != "object" ? (typeof s[a] == "number" && (s[a] = `${s[a]}px`), t ? n.style.removeProperty(u) : n.style.setProperty(u, s[a].toString())) : o(s[a], u);
     }
   }
-  return i(r), o;
-}, Be = (r, n) => rr(r, n), ut = {
+  return o(e), r;
+}, I = (e, n) => H(e, n), me = {
   colors: {
     editor: {
       text: void 0,
@@ -712,196 +83,196 @@ const rr = (r, n, t = !1) => {
   },
   borderRadius: void 0,
   fontFamily: void 0
-}, ct = (r) => rr(ut, r, !0), dt = R((r, n) => {
+}, be = (e) => H(me, e, !0), ge = b((e, n) => {
   const {
     className: t,
-    name: o,
-    label: i,
-    icon: u,
-    value: f,
-    autoFocus: c,
-    placeholder: d,
-    onKeyDown: b,
-    onChange: h,
-    onSubmit: w,
-    ...T
-  } = r;
-  return p(T), /* @__PURE__ */ l.jsx(
-    Xe,
+    name: r,
+    label: o,
+    icon: s,
+    value: l,
+    autoFocus: a,
+    placeholder: c,
+    onKeyDown: u,
+    onChange: g,
+    onSubmit: v,
+    ...h
+  } = e;
+  return d(h), /* @__PURE__ */ i(
+    B,
     {
       size: "xs",
       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
+      name: r,
+      label: o,
+      leftSection: s,
+      value: l,
+      autoFocus: a,
+      "data-autofocus": a ? "true" : void 0,
+      placeholder: c,
+      onKeyDown: u,
+      onChange: g,
+      onSubmit: v
     }
   );
 });
-var tr = {
+var A = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, Ye = D.createContext && /* @__PURE__ */ D.createContext(tr), ft = ["attr", "size", "title"];
-function vt(r, n) {
-  if (r == null) return {};
-  var t = bt(r, n), o, i;
+}, R = x.createContext && /* @__PURE__ */ x.createContext(A), fe = ["attr", "size", "title"];
+function pe(e, n) {
+  if (e == null) return {};
+  var t = ve(e, n), r, o;
   if (Object.getOwnPropertySymbols) {
-    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]);
+    var s = Object.getOwnPropertySymbols(e);
+    for (o = 0; o < s.length; o++)
+      r = s[o], !(n.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(e, r) && (t[r] = e[r]);
   }
   return t;
 }
-function bt(r, n) {
-  if (r == null) return {};
+function ve(e, n) {
+  if (e == null) return {};
   var t = {};
-  for (var o in r)
-    if (Object.prototype.hasOwnProperty.call(r, o)) {
-      if (n.indexOf(o) >= 0) continue;
-      t[o] = r[o];
+  for (var r in e)
+    if (Object.prototype.hasOwnProperty.call(e, r)) {
+      if (n.indexOf(r) >= 0) continue;
+      t[r] = e[r];
     }
   return t;
 }
-function ee() {
-  return ee = Object.assign ? Object.assign.bind() : function(r) {
+function C() {
+  return C = Object.assign ? Object.assign.bind() : function(e) {
     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]);
+      for (var r in t)
+        Object.prototype.hasOwnProperty.call(t, r) && (e[r] = t[r]);
     }
-    return r;
-  }, ee.apply(this, arguments);
+    return e;
+  }, C.apply(this, arguments);
 }
-function Ue(r, n) {
-  var t = Object.keys(r);
+function D(e, n) {
+  var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(r);
-    n && (o = o.filter(function(i) {
-      return Object.getOwnPropertyDescriptor(r, i).enumerable;
-    })), t.push.apply(t, o);
+    var r = Object.getOwnPropertySymbols(e);
+    n && (r = r.filter(function(o) {
+      return Object.getOwnPropertyDescriptor(e, o).enumerable;
+    })), t.push.apply(t, r);
   }
   return t;
 }
-function re(r) {
+function P(e) {
   for (var n = 1; n < arguments.length; n++) {
     var t = arguments[n] != null ? arguments[n] : {};
-    n % 2 ? Ue(Object(t), !0).forEach(function(o) {
-      mt(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));
+    n % 2 ? D(Object(t), !0).forEach(function(r) {
+      he(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : D(Object(t)).forEach(function(r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
     });
   }
-  return r;
+  return e;
 }
-function mt(r, n, t) {
-  return n = gt(n), n in r ? Object.defineProperty(r, n, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : r[n] = t, r;
+function he(e, n, t) {
+  return n = xe(n), n in e ? Object.defineProperty(e, n, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[n] = t, e;
 }
-function gt(r) {
-  var n = pt(r, "string");
+function xe(e) {
+  var n = ye(e, "string");
   return typeof n == "symbol" ? n : n + "";
 }
-function pt(r, n) {
-  if (typeof r != "object" || !r) return r;
-  var t = r[Symbol.toPrimitive];
+function ye(e, n) {
+  if (typeof e != "object" || !e) return e;
+  var t = e[Symbol.toPrimitive];
   if (t !== void 0) {
-    var o = t.call(r, n || "default");
-    if (typeof o != "object") return o;
+    var r = t.call(e, n || "default");
+    if (typeof r != "object") return r;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (n === "string" ? String : Number)(r);
+  return (n === "string" ? String : Number)(e);
 }
-function nr(r) {
-  return r && r.map((n, t) => /* @__PURE__ */ D.createElement(n.tag, re({
+function K(e) {
+  return e && e.map((n, t) => /* @__PURE__ */ x.createElement(n.tag, P({
     key: t
-  }, n.attr), nr(n.child)));
+  }, n.attr), K(n.child)));
 }
-function or(r) {
-  return (n) => /* @__PURE__ */ D.createElement(ht, ee({
-    attr: re({}, r.attr)
-  }, n), nr(r.child));
+function W(e) {
+  return (n) => /* @__PURE__ */ x.createElement(ke, C({
+    attr: P({}, e.attr)
+  }, n), K(e.child));
 }
-function ht(r) {
+function ke(e) {
   var n = (t) => {
     var {
-      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", ee({
+      attr: r,
+      size: o,
+      title: s
+    } = e, l = pe(e, fe), a = o || t.size || "1em", c;
+    return t.className && (c = t.className), e.className && (c = (c ? c + " " : "") + e.className), /* @__PURE__ */ x.createElement("svg", C({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
-    }, t.attr, o, f, {
-      className: d,
-      style: re(re({
-        color: r.color || t.color
-      }, t.style), r.style),
-      height: c,
-      width: c,
+    }, t.attr, r, l, {
+      className: c,
+      style: P(P({
+        color: e.color || t.color
+      }, t.style), e.style),
+      height: a,
+      width: a,
       xmlns: "http://www.w3.org/2000/svg"
-    }), u && /* @__PURE__ */ D.createElement("title", null, u), r.children);
+    }), s && /* @__PURE__ */ x.createElement("title", null, s), e.children);
   };
-  return Ye !== void 0 ? /* @__PURE__ */ D.createElement(Ye.Consumer, null, (t) => n(t)) : n(tr);
+  return R !== void 0 ? /* @__PURE__ */ x.createElement(R.Consumer, null, (t) => n(t)) : n(A);
 }
-function xt(r) {
-  return or({ 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 we(e) {
+  return W({ 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: [] }] })(e);
 }
-function yt(r) {
-  return or({ 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 Se(e) {
+  return W({ 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: [] }] })(e);
 }
-const ar = Br(void 0), jt = R((r, n) => {
+const q = ae(void 0), Ne = b((e, n) => {
   const {
     children: t,
-    onOpenChange: o,
-    position: i,
-    sub: u,
+    onOpenChange: r,
+    position: o,
+    sub: s,
     // not used
-    ...f
-  } = r;
-  p(f);
-  const [c, d] = Yr(!1), b = Z(null), h = Z(), w = fe(() => {
-    h.current && clearTimeout(h.current), h.current = setTimeout(() => {
-      d(!1);
+    ...l
+  } = e;
+  d(l);
+  const [a, c] = le(!1), u = N(null), g = N(), v = F(() => {
+    g.current && clearTimeout(g.current), g.current = setTimeout(() => {
+      c(!1);
     }, 250);
-  }, []), T = fe(() => {
-    h.current && clearTimeout(h.current), d(!0);
+  }, []), h = F(() => {
+    g.current && clearTimeout(g.current), c(!0);
   }, []);
-  return /* @__PURE__ */ l.jsx(
-    ar.Provider,
+  return /* @__PURE__ */ i(
+    q.Provider,
     {
       value: {
-        onMenuMouseOver: T,
-        onMenuMouseLeave: w
+        onMenuMouseOver: h,
+        onMenuMouseLeave: v
       },
-      children: /* @__PURE__ */ l.jsx(
-        O.Item,
+      children: /* @__PURE__ */ i(
+        f.Item,
         {
           className: "bn-menu-item bn-mt-sub-menu-item",
-          ref: te(n, b),
-          onMouseOver: T,
-          onMouseLeave: w,
-          children: /* @__PURE__ */ l.jsx(
-            O,
+          ref: T(n, u),
+          onMouseOver: h,
+          onMouseLeave: v,
+          children: /* @__PURE__ */ i(
+            f,
             {
               portalProps: {
-                target: b.current ? b.current.parentElement : void 0
+                target: u.current ? u.current.parentElement : void 0
               },
               middlewares: { flip: !0, shift: !0, inline: !1, size: !0 },
               trigger: "hover",
-              opened: c,
-              onClose: () => o == null ? void 0 : o(!1),
-              onOpen: () => o == null ? void 0 : o(!0),
-              position: i,
+              opened: a,
+              onClose: () => r == null ? void 0 : r(!1),
+              onOpen: () => r == null ? void 0 : r(!0),
+              position: o,
               children: t
             }
           )
@@ -909,519 +280,532 @@ const ar = Br(void 0), jt = R((r, n) => {
       )
     }
   );
-}), Rt = (r) => {
-  const { children: n, onOpenChange: t, position: o, sub: i, ...u } = r;
-  return p(u), i ? /* @__PURE__ */ l.jsx(jt, { ...r }) : /* @__PURE__ */ l.jsx(
-    O,
+}), Ce = (e) => {
+  const { children: n, onOpenChange: t, position: r, sub: o, ...s } = e;
+  return d(s), o ? /* @__PURE__ */ i(Ne, { ...e }) : /* @__PURE__ */ i(
+    f,
     {
       withinPortal: !1,
       middlewares: { flip: !0, shift: !0, inline: !1, size: !0 },
       onClose: () => t == null ? void 0 : t(!1),
       onOpen: () => t == null ? void 0 : t(!0),
-      position: o,
+      position: r,
       children: n
     }
   );
-}, Et = R((r, n) => {
-  const { className: t, children: o, icon: i, checked: u, subTrigger: f, onClick: c, ...d } = r;
-  return p(d, !1), f ? /* @__PURE__ */ l.jsxs("div", { ref: n, ...d, children: [
-    o,
-    /* @__PURE__ */ l.jsx(yt, { size: 15 })
-  ] }) : /* @__PURE__ */ l.jsx(
-    O.Item,
+}, Pe = b((e, n) => {
+  const { className: t, children: r, icon: o, checked: s, subTrigger: l, onClick: a, ...c } = e;
+  return d(c, !1), l ? /* @__PURE__ */ y("div", { ref: n, ...c, children: [
+    r,
+    /* @__PURE__ */ i(Se, { size: 15 })
+  ] }) : /* @__PURE__ */ i(
+    f.Item,
     {
       className: t,
       ref: n,
-      leftSection: i,
-      rightSection: u ? /* @__PURE__ */ l.jsx(Ze, { size: 10 }) : u === !1 ? /* @__PURE__ */ l.jsx("div", { className: "bn-tick-space" }) : null,
-      onClick: c,
-      ...d,
-      children: o
+      leftSection: o,
+      rightSection: s ? /* @__PURE__ */ i($, { size: 10 }) : s === !1 ? /* @__PURE__ */ i("div", { className: "bn-tick-space" }) : null,
+      onClick: a,
+      ...c,
+      children: r
     }
   );
-}), St = (r) => {
+}), Te = (e) => {
   const {
     children: n,
     sub: t,
     // unused
-    ...o
-  } = r;
-  return p(o), /* @__PURE__ */ l.jsx(O.Target, { children: n });
-}, wt = R((r, n) => {
+    ...r
+  } = e;
+  return d(r), /* @__PURE__ */ i(f.Target, { children: n });
+}, Me = b((e, n) => {
   const {
     className: t,
-    children: o,
-    sub: i,
+    children: r,
+    sub: o,
     //unused
-    ...u
-  } = r;
-  p(u);
-  const f = Ur(ar);
-  return /* @__PURE__ */ l.jsx(
-    O.Dropdown,
+    ...s
+  } = e;
+  d(s);
+  const l = ce(q);
+  return /* @__PURE__ */ i(
+    f.Dropdown,
     {
       className: t,
       ref: n,
-      onMouseOver: f == null ? void 0 : f.onMenuMouseOver,
-      onMouseLeave: f == null ? void 0 : f.onMenuMouseLeave,
-      children: o
+      onMouseOver: l == null ? void 0 : l.onMenuMouseOver,
+      onMouseLeave: l == null ? void 0 : l.onMenuMouseLeave,
+      children: r
     }
   );
-}), Tt = R((r, n) => {
-  const { className: t, ...o } = r;
-  return p(o), /* @__PURE__ */ l.jsx(O.Divider, { className: t, ref: n });
-}), kt = R((r, n) => {
-  const { className: t, children: o, ...i } = r;
-  return p(i), /* @__PURE__ */ l.jsx(O.Label, { className: t, ref: n, children: o });
-}), Pt = R((r, n) => {
+}), Fe = b((e, n) => {
+  const { className: t, ...r } = e;
+  return d(r), /* @__PURE__ */ i(f.Divider, { className: t, ref: n });
+}), Oe = b((e, n) => {
+  const { className: t, children: r, ...o } = e;
+  return d(o), /* @__PURE__ */ i(f.Label, { className: t, ref: n, children: r });
+}), Ie = b((e, n) => {
   const {
     className: t,
-    tabs: o,
-    defaultOpenTab: i,
-    openTab: u,
-    setOpenTab: f,
-    loading: c,
-    ...d
-  } = r;
-  return p(d), /* @__PURE__ */ l.jsx(F, { className: t, ref: n, children: /* @__PURE__ */ l.jsxs(
-    X,
+    tabs: r,
+    defaultOpenTab: o,
+    openTab: s,
+    setOpenTab: l,
+    loading: a,
+    ...c
+  } = e;
+  return d(c), /* @__PURE__ */ i(p, { className: t, ref: n, children: /* @__PURE__ */ y(
+    w,
     {
-      value: u,
-      defaultValue: i,
-      onChange: f,
+      value: s,
+      defaultValue: o,
+      onChange: l,
       children: [
-        c && /* @__PURE__ */ l.jsx(Xr, { visible: c }),
-        /* @__PURE__ */ l.jsx(X.List, { children: o.map((b) => /* @__PURE__ */ l.jsx(
-          X.Tab,
+        a && /* @__PURE__ */ i(Y, { visible: a }),
+        /* @__PURE__ */ i(w.List, { children: r.map((u) => /* @__PURE__ */ i(
+          w.Tab,
           {
-            "data-test": `${b.name.toLowerCase()}-tab`,
-            value: b.name,
-            children: b.name
+            "data-test": `${u.name.toLowerCase()}-tab`,
+            value: u.name,
+            children: u.name
           },
-          b.name
+          u.name
         )) }),
-        o.map((b) => /* @__PURE__ */ l.jsx(X.Panel, { value: b.name, children: b.tabPanel }, b.name))
+        r.map((u) => /* @__PURE__ */ i(w.Panel, { value: u.name, children: u.tabPanel }, u.name))
       ]
     }
   ) });
-}), _t = R((r, n) => {
-  const { className: t, children: o, onClick: i, label: u, ...f } = r;
-  return p(f), /* @__PURE__ */ l.jsx(
-    U,
+}), Re = b((e, n) => {
+  const { className: t, children: r, onClick: o, label: s, ...l } = e;
+  return d(l), /* @__PURE__ */ i(
+    k,
     {
       size: "xs",
-      "aria-label": u,
+      "aria-label": s,
       className: t,
       ref: n,
-      onClick: i,
-      ...f,
-      children: o
+      onClick: o,
+      ...l,
+      children: r
     }
   );
-}), Ct = R((r, n) => {
-  const { className: t, accept: o, value: i, placeholder: u, onChange: f, ...c } = r;
-  return p(c), /* @__PURE__ */ l.jsx(
-    Zr,
+}), De = b((e, n) => {
+  const { className: t, accept: r, value: o, placeholder: s, onChange: l, ...a } = e;
+  return d(a), /* @__PURE__ */ i(
+    ee,
     {
       size: "xs",
       className: t,
       ref: n,
-      accept: o,
-      value: i,
-      placeholder: u,
-      onChange: f,
-      ...c
+      accept: r,
+      value: o,
+      placeholder: s,
+      onChange: l,
+      ...a
     }
   );
-}), Ot = R((r, n) => {
-  const { className: t, children: o, ...i } = r;
-  return p(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 p(c), /* @__PURE__ */ l.jsx(
-    Xe,
+}), je = b((e, n) => {
+  const { className: t, children: r, ...o } = e;
+  return d(o), /* @__PURE__ */ i("div", { className: t, ref: n, children: r });
+}), ze = b((e, n) => {
+  const { className: t, value: r, placeholder: o, onKeyDown: s, onChange: l, ...a } = e;
+  return d(a), /* @__PURE__ */ i(
+    B,
     {
       size: "xs",
       "data-test": "embed-input",
       className: t,
       ref: n,
-      value: o,
-      placeholder: i,
-      onKeyDown: u,
-      onChange: f
+      value: r,
+      placeholder: o,
+      onKeyDown: s,
+      onChange: l
     }
   );
-}), Nt = (r) => {
-  const { children: n, opened: t, position: o, ...i } = r;
-  return p(i), /* @__PURE__ */ l.jsx(
-    Qr,
+}), Le = (e) => {
+  const { children: n, opened: t, position: r, ...o } = e;
+  return d(o), /* @__PURE__ */ i(
+    te,
     {
       withinPortal: !1,
       zIndex: 1e4,
       opened: t,
-      position: o,
+      position: r,
       children: n
     }
   );
-}, Dt = (r) => {
-  const { children: n, ...t } = r;
-  return p(t), /* @__PURE__ */ l.jsx(et, { children: n });
-}, Mt = R((r, n) => {
+}, Ee = (e) => {
+  const { children: n, ...t } = e;
+  return d(t), /* @__PURE__ */ i(ne, { children: n });
+}, Be = b((e, n) => {
   const {
     className: t,
-    children: o,
-    variant: i,
+    children: r,
+    variant: o,
     // unused
-    ...u
-  } = r;
-  return p(u), /* @__PURE__ */ l.jsx(rt, { className: t, ref: n, children: o });
-}), It = R((r, n) => {
-  const { className: t, children: o, ...i } = r;
-  return p(i, !1), /* @__PURE__ */ l.jsx(
-    F,
+    ...s
+  } = e;
+  return d(s), /* @__PURE__ */ i(re, { className: t, ref: n, children: r });
+}), $e = b((e, n) => {
+  const { className: t, children: r, ...o } = e;
+  return d(o, !1), /* @__PURE__ */ i(
+    p,
     {
       align: "center",
       gap: 0,
       className: t,
       ref: n,
-      ...i,
-      children: o
+      ...o,
+      children: r
     }
   );
-}), Lt = R((r, n) => {
+}), Ve = b((e, n) => {
   const {
     className: t,
-    children: o,
-    icon: i,
-    onClick: u,
-    onDragEnd: f,
-    onDragStart: c,
-    draggable: d,
-    label: b,
-    ...h
-  } = r;
-  return p(h, !1), i ? /* @__PURE__ */ l.jsx(
-    Qe,
+    children: r,
+    icon: o,
+    onClick: s,
+    onDragEnd: l,
+    onDragStart: a,
+    draggable: c,
+    label: u,
+    ...g
+  } = e;
+  return d(g, !1), o ? /* @__PURE__ */ i(
+    V,
     {
       size: 24,
       className: t,
       ref: n,
-      onClick: u,
-      onDragEnd: f,
-      onDragStart: c,
-      draggable: d,
-      "aria-label": b,
-      ...h,
-      children: i
+      onClick: s,
+      onDragEnd: l,
+      onDragStart: a,
+      draggable: c,
+      "aria-label": u,
+      ...g,
+      children: o
     }
-  ) : /* @__PURE__ */ l.jsx(
-    U,
+  ) : /* @__PURE__ */ i(
+    k,
     {
       className: t,
       ref: n,
-      onClick: u,
-      onDragEnd: f,
-      onDragStart: c,
-      draggable: d,
-      "aria-label": b,
-      ...h,
-      children: o
+      onClick: s,
+      onDragEnd: l,
+      onDragStart: a,
+      draggable: c,
+      "aria-label": u,
+      ...g,
+      children: r
     }
   );
-}), At = R((r, n) => {
-  const { className: t, children: o, id: i, columns: u, ...f } = r;
-  return p(f), /* @__PURE__ */ l.jsx(
+}), Ge = b((e, n) => {
+  const { className: t, children: r, id: o, columns: s, ...l } = e;
+  return d(l), /* @__PURE__ */ i(
     "div",
     {
       className: t,
-      style: { gridTemplateColumns: `repeat(${u}, 1fr)` },
+      style: { gridTemplateColumns: `repeat(${s}, 1fr)` },
       ref: n,
-      id: i,
+      id: o,
       role: "grid",
-      children: o
+      children: r
     }
   );
-}), $t = R((r, n) => {
-  const { className: t, children: o, columns: i, ...u } = r;
-  return p(u), /* @__PURE__ */ l.jsx(
-    F,
+}), _e = b((e, n) => {
+  const { className: t, children: r, columns: o, ...s } = e;
+  return d(s), /* @__PURE__ */ i(
+    p,
     {
       className: t,
-      style: { gridColumn: `1 / ${i + 1}` },
+      style: { gridColumn: `1 / ${o + 1}` },
       ref: n,
-      children: /* @__PURE__ */ l.jsx(F, { className: "bn-mt-suggestion-menu-item-title", children: o })
+      children: /* @__PURE__ */ i(p, { className: "bn-mt-suggestion-menu-item-title", children: r })
     }
   );
-}), zt = R((r, n) => {
-  const { className: t, isSelected: o, onClick: i, item: u, id: f, ...c } = r;
-  p(c);
-  const d = Z(null);
-  return He(() => {
-    if (!d.current || !o)
+}), He = b((e, n) => {
+  const { className: t, isSelected: r, onClick: o, item: s, id: l, ...a } = e;
+  d(a);
+  const c = N(null);
+  return _(() => {
+    if (!c.current || !r)
       return;
-    const b = Je(
-      d.current,
+    const u = E(
+      c.current,
       document.querySelector(".bn-grid-suggestion-menu")
     );
-    b === "top" ? d.current.scrollIntoView(!0) : b === "bottom" && d.current.scrollIntoView(!1);
-  }, [o]), /* @__PURE__ */ l.jsx(
+    u === "top" ? c.current.scrollIntoView(!0) : u === "bottom" && c.current.scrollIntoView(!1);
+  }, [r]), /* @__PURE__ */ i(
     "div",
     {
       className: t,
-      ref: te(n, d),
-      id: f,
+      ref: T(n, c),
+      id: l,
       role: "option",
-      onClick: i,
-      "aria-selected": o || void 0,
-      children: u.icon
+      onClick: o,
+      "aria-selected": r || void 0,
+      children: s.icon
     }
   );
-}), Wt = R((r, n) => {
+}), Ae = b((e, n) => {
   const {
     className: t,
-    children: o,
+    children: r,
     // unused, using "dots" instead
-    columns: i,
-    ...u
-  } = r;
-  return p(u), /* @__PURE__ */ l.jsx(
-    er,
+    columns: o,
+    ...s
+  } = e;
+  return d(s), /* @__PURE__ */ i(
+    G,
     {
       className: t,
-      style: { gridColumn: `1 / ${i + 1}` },
+      style: { gridColumn: `1 / ${o + 1}` },
       type: "dots",
       ref: n
     }
   );
-}), Vt = R((r, n) => {
-  const { className: t, children: o, id: i, ...u } = r;
-  return p(u), /* @__PURE__ */ l.jsx(
-    me,
+}), Ke = b((e, n) => {
+  const { className: t, children: r, id: o, ...s } = e;
+  return d(s), /* @__PURE__ */ i(
+    O,
     {
       gap: 0,
       className: t,
       ref: n,
-      id: i,
+      id: o,
       role: "listbox",
-      children: o
+      children: r
     }
   );
-}), Bt = R((r, n) => {
-  const { className: t, children: o, ...i } = r;
-  return p(i), /* @__PURE__ */ l.jsx(F, { className: t, ref: n, children: /* @__PURE__ */ l.jsx(F, { className: "bn-mt-suggestion-menu-item-title", children: o }) });
-}), Yt = R((r, n) => {
-  const { className: t, isSelected: o, onClick: i, item: u, id: f, ...c } = r;
-  p(c);
-  const d = Z(null);
-  return He(() => {
-    if (!d.current || !o)
+}), We = b((e, n) => {
+  const { className: t, children: r, ...o } = e;
+  return d(o), /* @__PURE__ */ i(p, { className: t, ref: n, children: /* @__PURE__ */ i(p, { className: "bn-mt-suggestion-menu-item-title", children: r }) });
+}), qe = b((e, n) => {
+  const { className: t, isSelected: r, onClick: o, item: s, id: l, ...a } = e;
+  d(a);
+  const c = N(null);
+  return _(() => {
+    if (!c.current || !r)
       return;
-    const b = Je(
-      d.current,
+    const u = E(
+      c.current,
       document.querySelector(".bn-suggestion-menu")
     );
-    b === "top" ? d.current.scrollIntoView(!0) : b === "bottom" && d.current.scrollIntoView(!1);
-  }, [o]), /* @__PURE__ */ l.jsxs(
-    F,
+    u === "top" ? c.current.scrollIntoView(!0) : u === "bottom" && c.current.scrollIntoView(!1);
+  }, [r]), /* @__PURE__ */ y(
+    p,
     {
       gap: 0,
       className: t,
-      ref: te(n, d),
-      id: f,
+      ref: T(n, c),
+      id: l,
       role: "option",
-      onClick: i,
-      "aria-selected": o || void 0,
+      onClick: o,
+      "aria-selected": r || void 0,
       children: [
-        u.icon && /* @__PURE__ */ l.jsx(
-          F,
+        s.icon && /* @__PURE__ */ i(
+          p,
           {
             className: "bn-mt-suggestion-menu-item-section",
             "data-position": "left",
-            children: u.icon
+            children: s.icon
           }
         ),
-        /* @__PURE__ */ l.jsxs(me, { gap: 0, className: "bn-mt-suggestion-menu-item-body", children: [
-          /* @__PURE__ */ l.jsx(Q, { className: "bn-mt-suggestion-menu-item-title", children: u.title }),
-          /* @__PURE__ */ l.jsx(Q, { className: "bn-mt-suggestion-menu-item-subtitle", children: u.subtext })
+        /* @__PURE__ */ y(O, { gap: 0, className: "bn-mt-suggestion-menu-item-body", children: [
+          /* @__PURE__ */ i(S, { className: "bn-mt-suggestion-menu-item-title", children: s.title }),
+          /* @__PURE__ */ i(S, { className: "bn-mt-suggestion-menu-item-subtitle", children: s.subtext })
         ] }),
-        u.badge && /* @__PURE__ */ l.jsx(
-          F,
+        s.badge && /* @__PURE__ */ i(
+          p,
           {
             "data-position": "right",
             className: "bn-mt-suggestion-menu-item-section",
-            children: /* @__PURE__ */ l.jsx(tt, { size: "xs", children: u.badge })
+            children: /* @__PURE__ */ i(oe, { size: "xs", children: s.badge })
           }
         )
       ]
     }
   );
-}), Ut = R((r, n) => {
-  const { className: t, children: o, ...i } = r;
-  return p(i), /* @__PURE__ */ l.jsx(F, { className: t, ref: n, children: o });
-}), Gt = R((r, n) => {
+}), Ue = b((e, n) => {
+  const { className: t, children: r, ...o } = e;
+  return d(o), /* @__PURE__ */ i(p, { className: t, ref: n, children: r });
+}), Ze = b((e, n) => {
   const {
     className: t,
-    children: o,
+    children: r,
     // unused, using "dots" instead
-    ...i
-  } = r;
-  return p(i), /* @__PURE__ */ l.jsx(er, { className: t, type: "dots", ref: n });
-}), Kt = R((r, n) => {
+    ...o
+  } = e;
+  return d(o), /* @__PURE__ */ i(G, { className: t, type: "dots", ref: n });
+}), Je = b((e, n) => {
   const {
     className: t,
-    children: o,
-    draggable: i,
-    onDragStart: u,
-    onDragEnd: f,
-    style: c,
-    label: d,
-    ...b
-  } = r;
-  return p(b, !1), /* @__PURE__ */ l.jsx(
-    U,
+    children: r,
+    draggable: o,
+    onDragStart: s,
+    onDragEnd: l,
+    style: a,
+    label: c,
+    ...u
+  } = e;
+  return d(u, !1), /* @__PURE__ */ i(
+    k,
     {
       className: t,
       ref: n,
-      "aria-label": d,
-      draggable: i,
-      onDragStart: u,
-      onDragEnd: f,
-      style: c,
-      ...b,
-      children: o
+      "aria-label": c,
+      draggable: o,
+      onDragStart: s,
+      onDragEnd: l,
+      style: a,
+      ...u,
+      children: r
+    }
+  );
+}), Qe = b((e, n) => {
+  const { children: t, className: r, onMouseDown: o, onClick: s, ...l } = e;
+  return d(l, !1), /* @__PURE__ */ i(
+    k,
+    {
+      className: r,
+      ref: n,
+      onMouseDown: o,
+      onClick: s,
+      ...l,
+      children: t
     }
   );
-}), Ge = R(
-  (r, n) => {
-    const { className: t, children: o, onMouseEnter: i, onMouseLeave: u, ...f } = r;
-    p(f);
-    const { ref: c, focused: d } = at(), b = it(d), h = te(n, c, b);
-    return /* @__PURE__ */ l.jsx(
-      F,
+}), j = b(
+  (e, n) => {
+    const { className: t, children: r, onMouseEnter: o, onMouseLeave: s, ...l } = e;
+    d(l);
+    const { ref: a, focused: c } = ue(), u = de(c), g = T(n, a, u);
+    return /* @__PURE__ */ i(
+      p,
       {
         className: t,
-        ref: h,
+        ref: g,
         role: "toolbar",
-        onMouseEnter: i,
-        onMouseLeave: u,
-        children: o
+        onMouseEnter: o,
+        onMouseLeave: s,
+        children: r
       }
     );
   }
-), qt = (r) => /* @__PURE__ */ l.jsxs(me, { gap: 0, className: "bn-tooltip", children: [
-  /* @__PURE__ */ l.jsx(Q, { size: "sm", children: r.mainTooltip }),
-  r.secondaryTooltip && /* @__PURE__ */ l.jsx(Q, { size: "xs", children: r.secondaryTooltip })
-] }), Ke = R(
-  (r, n) => {
+), Xe = (e) => /* @__PURE__ */ y(O, { gap: 0, className: "bn-tooltip", children: [
+  /* @__PURE__ */ i(S, { size: "sm", children: e.mainTooltip }),
+  e.secondaryTooltip && /* @__PURE__ */ i(S, { size: "xs", children: e.secondaryTooltip })
+] }), z = b(
+  (e, n) => {
     const {
       className: t,
-      children: o,
-      mainTooltip: i,
-      secondaryTooltip: u,
-      icon: f,
-      isSelected: c,
-      isDisabled: d,
-      onClick: b,
-      label: h,
-      ...w
-    } = r;
-    return p(w, !1), /* @__PURE__ */ l.jsx(
-      nt,
+      children: r,
+      mainTooltip: o,
+      secondaryTooltip: s,
+      icon: l,
+      isSelected: a,
+      isDisabled: c,
+      onClick: u,
+      label: g,
+      ...v
+    } = e;
+    return d(v, !1), /* @__PURE__ */ i(
+      se,
       {
         withinPortal: !1,
-        label: /* @__PURE__ */ l.jsx(
-          qt,
+        label: /* @__PURE__ */ i(
+          Xe,
           {
-            mainTooltip: i,
-            secondaryTooltip: u
+            mainTooltip: o,
+            secondaryTooltip: s
           }
         ),
-        children: o ? /* @__PURE__ */ l.jsx(
-          U,
+        children: r ? /* @__PURE__ */ i(
+          k,
           {
-            "aria-label": h,
+            "aria-label": g,
             className: t,
-            onMouseDown: (T) => {
-              ve() && T.currentTarget.focus();
+            onMouseDown: (h) => {
+              M() && h.currentTarget.focus();
             },
-            onClick: b,
-            "aria-pressed": c,
-            "data-selected": c || void 0,
-            "data-test": i.slice(0, 1).toLowerCase() + i.replace(/\s+/g, "").slice(1),
+            onClick: u,
+            "aria-pressed": a,
+            "data-selected": a || void 0,
+            "data-test": o.slice(0, 1).toLowerCase() + o.replace(/\s+/g, "").slice(1),
             size: "xs",
-            disabled: d || !1,
+            disabled: c || !1,
             ref: n,
-            ...w,
-            children: o
+            ...v,
+            children: r
           }
-        ) : /* @__PURE__ */ l.jsx(
-          Qe,
+        ) : /* @__PURE__ */ i(
+          V,
           {
             className: t,
-            "aria-label": h,
-            onMouseDown: (T) => {
-              ve() && T.currentTarget.focus();
+            "aria-label": g,
+            onMouseDown: (h) => {
+              M() && h.currentTarget.focus();
             },
-            onClick: b,
-            "aria-pressed": c,
-            "data-selected": c || void 0,
-            "data-test": i.slice(0, 1).toLowerCase() + i.replace(/\s+/g, "").slice(1),
+            onClick: u,
+            "aria-pressed": a,
+            "data-selected": a || void 0,
+            "data-test": o.slice(0, 1).toLowerCase() + o.replace(/\s+/g, "").slice(1),
             size: 30,
-            disabled: d || !1,
+            disabled: c || !1,
             ref: n,
-            ...w,
-            children: f
+            ...v,
+            children: l
           }
         )
       }
     );
   }
-), Ht = R((r, n) => {
-  const { className: t, items: o, isDisabled: i, ...u } = r;
-  p(u);
-  const f = o.filter((c) => c.isSelected)[0];
-  return f ? /* @__PURE__ */ l.jsxs(
-    O,
+), Ye = b((e, n) => {
+  const { className: t, items: r, isDisabled: o, ...s } = e;
+  d(s);
+  const l = r.filter((a) => a.isSelected)[0];
+  return l ? /* @__PURE__ */ y(
+    f,
     {
       withinPortal: !1,
       transitionProps: {
         exitDuration: 0
       },
-      disabled: i,
+      disabled: o,
       middlewares: { flip: !0, shift: !0, inline: !1, size: !0 },
       children: [
-        /* @__PURE__ */ l.jsx(O.Target, { children: /* @__PURE__ */ l.jsx(
-          U,
+        /* @__PURE__ */ i(f.Target, { children: /* @__PURE__ */ i(
+          k,
           {
-            onMouseDown: (c) => {
-              ve() && c.currentTarget.focus();
+            onMouseDown: (a) => {
+              M() && a.currentTarget.focus();
             },
-            leftSection: f.icon,
-            rightSection: /* @__PURE__ */ l.jsx(xt, {}),
+            leftSection: l.icon,
+            rightSection: /* @__PURE__ */ i(we, {}),
             size: "xs",
             variant: "subtle",
-            disabled: i,
-            children: f.text
+            disabled: o,
+            children: l.text
           }
         ) }),
-        /* @__PURE__ */ l.jsx(O.Dropdown, { className: t, ref: n, children: o.map((c) => /* @__PURE__ */ l.jsx(
-          O.Item,
+        /* @__PURE__ */ i(f.Dropdown, { className: t, ref: n, children: r.map((a) => /* @__PURE__ */ i(
+          f.Item,
           {
-            onClick: c.onClick,
-            leftSection: c.icon,
-            rightSection: c.isSelected ? /* @__PURE__ */ l.jsx(Ze, { size: 10, className: "bn-tick-icon" }) : (
+            onClick: a.onClick,
+            leftSection: a.icon,
+            rightSection: a.isSelected ? /* @__PURE__ */ i($, { 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" })
+              /* @__PURE__ */ i("div", { className: "bn-tick-space" })
             ),
-            disabled: c.isDisabled,
-            children: c.text
+            disabled: a.isDisabled,
+            children: a.text
           },
-          c.text
+          a.text
         )) })
       ]
     }
   ) : null;
-}), y = [
+}), m = [
   "#FFFFFF",
   "#EFEFEF",
   "#CFCFCF",
@@ -1432,35 +816,35 @@ const ar = Br(void 0), jt = R((r, n) => {
   "#161616",
   "#0F0F0F",
   "#000000"
-], qe = {
+], L = {
   colors: {
     editor: {
-      text: y[5],
-      background: y[0]
+      text: m[5],
+      background: m[0]
     },
     menu: {
-      text: y[5],
-      background: y[0]
+      text: m[5],
+      background: m[0]
     },
     tooltip: {
-      text: y[5],
-      background: y[1]
+      text: m[5],
+      background: m[1]
     },
     hovered: {
-      text: y[5],
-      background: y[1]
+      text: m[5],
+      background: m[1]
     },
     selected: {
-      text: y[0],
-      background: y[5]
+      text: m[0],
+      background: m[5]
     },
     disabled: {
-      text: y[3],
-      background: y[1]
+      text: m[3],
+      background: m[1]
     },
-    shadow: y[2],
-    border: y[1],
-    sideMenu: y[2],
+    shadow: m[2],
+    border: m[1],
+    sideMenu: m[2],
     highlights: {
       gray: {
         text: "#9b9a97",
@@ -1502,35 +886,35 @@ const ar = Br(void 0), jt = R((r, n) => {
   },
   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'
-}, nn = {
+}, lt = {
   colors: {
     editor: {
-      text: y[2],
-      background: y[6]
+      text: m[2],
+      background: m[6]
     },
     menu: {
-      text: y[2],
-      background: y[6]
+      text: m[2],
+      background: m[6]
     },
     tooltip: {
-      text: y[2],
-      background: y[7]
+      text: m[2],
+      background: m[7]
     },
     hovered: {
-      text: y[2],
-      background: y[7]
+      text: m[2],
+      background: m[7]
     },
     selected: {
-      text: y[2],
-      background: y[8]
+      text: m[2],
+      background: m[8]
     },
     disabled: {
-      text: y[5],
-      background: y[7]
+      text: m[5],
+      background: m[7]
     },
-    shadow: y[8],
-    border: y[7],
-    sideMenu: y[4],
+    shadow: m[8],
+    border: m[7],
+    sideMenu: m[4],
     highlights: {
       gray: {
         text: "#bebdb8",
@@ -1570,110 +954,111 @@ const ar = Br(void 0), jt = R((r, n) => {
       }
     }
   },
-  borderRadius: qe.borderRadius,
-  fontFamily: qe.fontFamily
-}, Jt = {
+  borderRadius: L.borderRadius,
+  fontFamily: L.fontFamily
+}, et = {
   FormattingToolbar: {
-    Root: Ge,
-    Button: Ke,
-    Select: Ht
+    Root: j,
+    Button: z,
+    Select: Ye
   },
   FilePanel: {
-    Root: Pt,
-    Button: _t,
-    FileInput: Ct,
-    TabPanel: Ot,
-    TextInput: Ft
+    Root: Ie,
+    Button: Re,
+    FileInput: De,
+    TabPanel: je,
+    TextInput: ze
   },
   GridSuggestionMenu: {
-    Root: At,
-    Item: zt,
-    EmptyItem: $t,
-    Loader: Wt
+    Root: Ge,
+    Item: He,
+    EmptyItem: _e,
+    Loader: Ae
   },
   LinkToolbar: {
-    Root: Ge,
-    Button: Ke
+    Root: j,
+    Button: z
   },
   SideMenu: {
-    Root: It,
-    Button: Lt
+    Root: $e,
+    Button: Ve
   },
   SuggestionMenu: {
-    Root: Vt,
-    Item: Yt,
-    EmptyItem: Bt,
-    Label: Ut,
-    Loader: Gt
+    Root: Ke,
+    Item: qe,
+    EmptyItem: We,
+    Label: Ue,
+    Loader: Ze
   },
   TableHandle: {
-    Root: Kt
+    Root: Je,
+    ExtendButton: Qe
   },
   Generic: {
     Form: {
-      Root: (r) => /* @__PURE__ */ l.jsx("div", { children: r.children }),
-      TextInput: dt
+      Root: (e) => /* @__PURE__ */ i("div", { children: e.children }),
+      TextInput: ge
     },
     Menu: {
-      Root: Rt,
-      Trigger: St,
-      Dropdown: wt,
-      Divider: Tt,
-      Label: kt,
-      Item: Et
+      Root: Ce,
+      Trigger: Te,
+      Dropdown: Me,
+      Divider: Fe,
+      Label: Oe,
+      Item: Pe
     },
     Popover: {
-      Root: Nt,
-      Trigger: Dt,
-      Content: Mt
+      Root: Le,
+      Trigger: Ee,
+      Content: Be
     }
   }
-}, Xt = {
+}, tt = {
   // Removes button press effect
   activeClassName: ""
-}, on = (r) => {
-  const { className: n, theme: t, ...o } = r, i = Kr(), u = qr(), f = (i == null ? void 0 : i.colorSchemePreference) || u, c = fe(
-    (d) => {
-      if (d && (ct(d), typeof t == "object")) {
+}, ct = (e) => {
+  const { className: n, theme: t, ...r } = e, o = Z(), s = J(), l = (o == null ? void 0 : o.colorSchemePreference) || s, a = F(
+    (c) => {
+      if (c && (be(c), typeof t == "object")) {
         if ("light" in t && "dark" in t) {
-          Be(
-            t[f === "dark" ? "dark" : "light"],
-            d
+          I(
+            t[l === "dark" ? "dark" : "light"],
+            c
           );
           return;
         }
-        Be(t, d);
+        I(t, c);
         return;
       }
     },
-    [f, t]
+    [l, t]
   );
-  return /* @__PURE__ */ l.jsx(Hr.Provider, { value: Jt, children: /* @__PURE__ */ l.jsx(
-    ot,
+  return /* @__PURE__ */ i(Q.Provider, { value: et, children: /* @__PURE__ */ i(
+    ie,
     {
-      theme: Xt,
+      theme: tt,
       cssVariablesSelector: ".bn-mantine",
       getRootElement: () => {
       },
-      children: /* @__PURE__ */ l.jsx(
-        Jr,
+      children: /* @__PURE__ */ i(
+        X,
         {
-          className: Gr("bn-mantine", n || ""),
+          className: U("bn-mantine", n || ""),
           theme: typeof t == "object" ? void 0 : t,
-          ...o,
-          ref: c
+          ...r,
+          ref: a
         }
       )
     }
   ) });
 };
 export {
-  on as BlockNoteView,
-  Be as applyBlockNoteCSSVariablesFromTheme,
-  Jt as components,
-  nn as darkDefaultTheme,
-  y as defaultColorScheme,
-  qe as lightDefaultTheme,
-  ct as removeBlockNoteCSSVariables
+  ct as BlockNoteView,
+  I as applyBlockNoteCSSVariablesFromTheme,
+  et as components,
+  lt as darkDefaultTheme,
+  m as defaultColorScheme,
+  L as lightDefaultTheme,
+  be as removeBlockNoteCSSVariables
 };
 //# sourceMappingURL=blocknote-mantine.js.map