@blocknote/mantine 0.13.0

package/dist/blocknote-mantine.js

@@ -0,0 +1,1532 @@
+import M, { forwardRef as k, createContext as jr, useState as Er, useRef as Sr, useCallback as ne, useContext as _r } from "react";
+import { useBlockNoteContext as Cr, ComponentsContext as wr, BlockNoteViewRaw as Pr } from "@blocknote/react";
+import * as d from "@mantine/core";
+import { MantineProvider as Or } from "@mantine/core";
+import Fr from "use-prefers-color-scheme";
+import { assertEmpty as R, isSafari as ae } from "@blocknote/core";
+import { useFocusWithin as Mr, useFocusTrap as Nr, mergeRefs as Dr } from "@mantine/hooks";
+var oe = { exports: {} }, $ = {};
+/**
+ * @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 Oe;
+function Ir() {
+  if (Oe)
+    return $;
+  Oe = 1;
+  var r = M, n = Symbol.for("react.element"), o = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, i = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function f(u, b, g) {
+    var y, S = {}, w = null, V = null;
+    g !== void 0 && (w = "" + g), b.key !== void 0 && (w = "" + b.key), b.ref !== void 0 && (V = b.ref);
+    for (y in b)
+      a.call(b, y) && !c.hasOwnProperty(y) && (S[y] = b[y]);
+    if (u && u.defaultProps)
+      for (y in b = u.defaultProps, b)
+        S[y] === void 0 && (S[y] = b[y]);
+    return { $$typeof: n, type: u, key: w, ref: V, props: S, _owner: i.current };
+  }
+  return $.Fragment = o, $.jsx = f, $.jsxs = f, $;
+}
+var W = {};
+/**
+ * @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 Fe;
+function Lr() {
+  return Fe || (Fe = 1, process.env.NODE_ENV !== "production" && function() {
+    var r = M, n = Symbol.for("react.element"), o = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), u = Symbol.for("react.context"), b = Symbol.for("react.forward_ref"), g = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), S = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), V = Symbol.for("react.offscreen"), ie = Symbol.iterator, Ve = "@@iterator";
+    function Ye(e) {
+      if (e === null || typeof e != "object")
+        return null;
+      var t = ie && e[ie] || e[Ve];
+      return typeof t == "function" ? t : null;
+    }
+    var I = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function _(e) {
+      {
+        for (var t = arguments.length, s = new Array(t > 1 ? t - 1 : 0), v = 1; v < t; v++)
+          s[v - 1] = arguments[v];
+        Ue("error", e, s);
+      }
+    }
+    function Ue(e, t, s) {
+      {
+        var v = I.ReactDebugCurrentFrame, h = v.getStackAddendum();
+        h !== "" && (t += "%s", s = s.concat([h]));
+        var T = s.map(function(p) {
+          return String(p);
+        });
+        T.unshift("Warning: " + t), Function.prototype.apply.call(console[e], console, T);
+      }
+    }
+    var Ge = !1, He = !1, Ke = !1, qe = !1, Je = !1, se;
+    se = Symbol.for("react.module.reference");
+    function Xe(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === a || e === c || Je || e === i || e === g || e === y || qe || e === V || Ge || He || Ke || typeof e == "object" && e !== null && (e.$$typeof === w || e.$$typeof === S || e.$$typeof === f || e.$$typeof === u || e.$$typeof === b || // This needs to include all possible module reference object
+      // types supported by any Flight configuration anywhere since
+      // we don't know which Flight build this will end up being used
+      // with.
+      e.$$typeof === se || e.getModuleId !== void 0));
+    }
+    function Ze(e, t, s) {
+      var v = e.displayName;
+      if (v)
+        return v;
+      var h = t.displayName || t.name || "";
+      return h !== "" ? s + "(" + h + ")" : s;
+    }
+    function le(e) {
+      return e.displayName || "Context";
+    }
+    function O(e) {
+      if (e == null)
+        return null;
+      if (typeof e.tag == "number" && _("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+        return e.displayName || e.name || null;
+      if (typeof e == "string")
+        return e;
+      switch (e) {
+        case a:
+          return "Fragment";
+        case o:
+          return "Portal";
+        case c:
+          return "Profiler";
+        case i:
+          return "StrictMode";
+        case g:
+          return "Suspense";
+        case y:
+          return "SuspenseList";
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case u:
+            var t = e;
+            return le(t) + ".Consumer";
+          case f:
+            var s = e;
+            return le(s._context) + ".Provider";
+          case b:
+            return Ze(e, e.render, "ForwardRef");
+          case S:
+            var v = e.displayName || null;
+            return v !== null ? v : O(e.type) || "Memo";
+          case w: {
+            var h = e, T = h._payload, p = h._init;
+            try {
+              return O(p(T));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var D = Object.assign, z = 0, ue, ce, de, fe, ve, be, ge;
+    function me() {
+    }
+    me.__reactDisabledLog = !0;
+    function Qe() {
+      {
+        if (z === 0) {
+          ue = console.log, ce = console.info, de = console.warn, fe = console.error, ve = console.group, be = console.groupCollapsed, ge = console.groupEnd;
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            value: me,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: e,
+            log: e,
+            warn: e,
+            error: e,
+            group: e,
+            groupCollapsed: e,
+            groupEnd: e
+          });
+        }
+        z++;
+      }
+    }
+    function er() {
+      {
+        if (z--, z === 0) {
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: D({}, e, {
+              value: ue
+            }),
+            info: D({}, e, {
+              value: ce
+            }),
+            warn: D({}, e, {
+              value: de
+            }),
+            error: D({}, e, {
+              value: fe
+            }),
+            group: D({}, e, {
+              value: ve
+            }),
+            groupCollapsed: D({}, e, {
+              value: be
+            }),
+            groupEnd: D({}, e, {
+              value: ge
+            })
+          });
+        }
+        z < 0 && _("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var q = I.ReactCurrentDispatcher, J;
+    function Y(e, t, s) {
+      {
+        if (J === void 0)
+          try {
+            throw Error();
+          } catch (h) {
+            var v = h.stack.trim().match(/\n( *(at )?)/);
+            J = v && v[1] || "";
+          }
+        return `
+` + J + e;
+      }
+    }
+    var X = !1, U;
+    {
+      var rr = typeof WeakMap == "function" ? WeakMap : Map;
+      U = new rr();
+    }
+    function pe(e, t) {
+      if (!e || X)
+        return "";
+      {
+        var s = U.get(e);
+        if (s !== void 0)
+          return s;
+      }
+      var v;
+      X = !0;
+      var h = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var T;
+      T = q.current, q.current = null, Qe();
+      try {
+        if (t) {
+          var p = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(p.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(p, []);
+            } catch (F) {
+              v = F;
+            }
+            Reflect.construct(e, [], p);
+          } else {
+            try {
+              p.call();
+            } catch (F) {
+              v = F;
+            }
+            e.call(p.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (F) {
+            v = F;
+          }
+          e();
+        }
+      } catch (F) {
+        if (F && v && typeof F.stack == "string") {
+          for (var m = F.stack.split(`
+`), C = v.stack.split(`
+`), j = m.length - 1, E = C.length - 1; j >= 1 && E >= 0 && m[j] !== C[E]; )
+            E--;
+          for (; j >= 1 && E >= 0; j--, E--)
+            if (m[j] !== C[E]) {
+              if (j !== 1 || E !== 1)
+                do
+                  if (j--, E--, E < 0 || m[j] !== C[E]) {
+                    var P = `
+` + m[j].replace(" at new ", " at ");
+                    return e.displayName && P.includes("<anonymous>") && (P = P.replace("<anonymous>", e.displayName)), typeof e == "function" && U.set(e, P), P;
+                  }
+                while (j >= 1 && E >= 0);
+              break;
+            }
+        }
+      } finally {
+        X = !1, q.current = T, er(), Error.prepareStackTrace = h;
+      }
+      var A = e ? e.displayName || e.name : "", Pe = A ? Y(A) : "";
+      return typeof e == "function" && U.set(e, Pe), Pe;
+    }
+    function tr(e, t, s) {
+      return pe(e, !1);
+    }
+    function nr(e) {
+      var t = e.prototype;
+      return !!(t && t.isReactComponent);
+    }
+    function G(e, t, s) {
+      if (e == null)
+        return "";
+      if (typeof e == "function")
+        return pe(e, nr(e));
+      if (typeof e == "string")
+        return Y(e);
+      switch (e) {
+        case g:
+          return Y("Suspense");
+        case y:
+          return Y("SuspenseList");
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case b:
+            return tr(e.render);
+          case S:
+            return G(e.type, t, s);
+          case w: {
+            var v = e, h = v._payload, T = v._init;
+            try {
+              return G(T(h), t, s);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var H = Object.prototype.hasOwnProperty, he = {}, xe = I.ReactDebugCurrentFrame;
+    function K(e) {
+      if (e) {
+        var t = e._owner, s = G(e.type, e._source, t ? t.type : null);
+        xe.setExtraStackFrame(s);
+      } else
+        xe.setExtraStackFrame(null);
+    }
+    function ar(e, t, s, v, h) {
+      {
+        var T = Function.call.bind(H);
+        for (var p in e)
+          if (T(e, p)) {
+            var m = void 0;
+            try {
+              if (typeof e[p] != "function") {
+                var C = Error((v || "React class") + ": " + s + " type `" + p + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[p] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw C.name = "Invariant Violation", C;
+              }
+              m = e[p](t, p, v, s, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (j) {
+              m = j;
+            }
+            m && !(m instanceof Error) && (K(h), _("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", v || "React class", s, p, typeof m), K(null)), m instanceof Error && !(m.message in he) && (he[m.message] = !0, K(h), _("Failed %s type: %s", s, m.message), K(null));
+          }
+      }
+    }
+    var or = Array.isArray;
+    function Z(e) {
+      return or(e);
+    }
+    function ir(e) {
+      {
+        var t = typeof Symbol == "function" && Symbol.toStringTag, s = t && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return s;
+      }
+    }
+    function sr(e) {
+      try {
+        return ye(e), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function ye(e) {
+      return "" + e;
+    }
+    function Te(e) {
+      if (sr(e))
+        return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ir(e)), ye(e);
+    }
+    var B = I.ReactCurrentOwner, lr = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, Re, ke, Q;
+    Q = {};
+    function ur(e) {
+      if (H.call(e, "ref")) {
+        var t = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (t && t.isReactWarning)
+          return !1;
+      }
+      return e.ref !== void 0;
+    }
+    function cr(e) {
+      if (H.call(e, "key")) {
+        var t = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (t && t.isReactWarning)
+          return !1;
+      }
+      return e.key !== void 0;
+    }
+    function dr(e, t) {
+      if (typeof e.ref == "string" && B.current && t && B.current.stateNode !== t) {
+        var s = O(B.current.type);
+        Q[s] || (_('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', O(B.current.type), e.ref), Q[s] = !0);
+      }
+    }
+    function fr(e, t) {
+      {
+        var s = function() {
+          Re || (Re = !0, _("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", t));
+        };
+        s.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: s,
+          configurable: !0
+        });
+      }
+    }
+    function vr(e, t) {
+      {
+        var s = function() {
+          ke || (ke = !0, _("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", t));
+        };
+        s.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: s,
+          configurable: !0
+        });
+      }
+    }
+    var br = function(e, t, s, v, h, T, p) {
+      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: t,
+        ref: s,
+        props: p,
+        // Record the component responsible for creating this element.
+        _owner: T
+      };
+      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: h
+      }), Object.freeze && (Object.freeze(m.props), Object.freeze(m)), m;
+    };
+    function gr(e, t, s, v, h) {
+      {
+        var T, p = {}, m = null, C = null;
+        s !== void 0 && (Te(s), m = "" + s), cr(t) && (Te(t.key), m = "" + t.key), ur(t) && (C = t.ref, dr(t, h));
+        for (T in t)
+          H.call(t, T) && !lr.hasOwnProperty(T) && (p[T] = t[T]);
+        if (e && e.defaultProps) {
+          var j = e.defaultProps;
+          for (T in j)
+            p[T] === void 0 && (p[T] = j[T]);
+        }
+        if (m || C) {
+          var E = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          m && fr(p, E), C && vr(p, E);
+        }
+        return br(e, m, C, h, v, B.current, p);
+      }
+    }
+    var ee = I.ReactCurrentOwner, je = I.ReactDebugCurrentFrame;
+    function L(e) {
+      if (e) {
+        var t = e._owner, s = G(e.type, e._source, t ? t.type : null);
+        je.setExtraStackFrame(s);
+      } else
+        je.setExtraStackFrame(null);
+    }
+    var re;
+    re = !1;
+    function te(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === n;
+    }
+    function Ee() {
+      {
+        if (ee.current) {
+          var e = O(ee.current.type);
+          if (e)
+            return `
+
+Check the render method of \`` + e + "`.";
+        }
+        return "";
+      }
+    }
+    function mr(e) {
+      {
+        if (e !== void 0) {
+          var t = e.fileName.replace(/^.*[\\\/]/, ""), s = e.lineNumber;
+          return `
+
+Check your code at ` + t + ":" + s + ".";
+        }
+        return "";
+      }
+    }
+    var Se = {};
+    function pr(e) {
+      {
+        var t = Ee();
+        if (!t) {
+          var s = typeof e == "string" ? e : e.displayName || e.name;
+          s && (t = `
+
+Check the top-level render call using <` + s + ">.");
+        }
+        return t;
+      }
+    }
+    function _e(e, t) {
+      {
+        if (!e._store || e._store.validated || e.key != null)
+          return;
+        e._store.validated = !0;
+        var s = pr(t);
+        if (Se[s])
+          return;
+        Se[s] = !0;
+        var v = "";
+        e && e._owner && e._owner !== ee.current && (v = " It was passed a child from " + O(e._owner.type) + "."), L(e), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', s, v), L(null);
+      }
+    }
+    function Ce(e, t) {
+      {
+        if (typeof e != "object")
+          return;
+        if (Z(e))
+          for (var s = 0; s < e.length; s++) {
+            var v = e[s];
+            te(v) && _e(v, t);
+          }
+        else if (te(e))
+          e._store && (e._store.validated = !0);
+        else if (e) {
+          var h = Ye(e);
+          if (typeof h == "function" && h !== e.entries)
+            for (var T = h.call(e), p; !(p = T.next()).done; )
+              te(p.value) && _e(p.value, t);
+        }
+      }
+    }
+    function hr(e) {
+      {
+        var t = e.type;
+        if (t == null || typeof t == "string")
+          return;
+        var s;
+        if (typeof t == "function")
+          s = t.propTypes;
+        else if (typeof t == "object" && (t.$$typeof === b || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        t.$$typeof === S))
+          s = t.propTypes;
+        else
+          return;
+        if (s) {
+          var v = O(t);
+          ar(s, e.props, "prop", v, e);
+        } else if (t.PropTypes !== void 0 && !re) {
+          re = !0;
+          var h = O(t);
+          _("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", h || "Unknown");
+        }
+        typeof t.getDefaultProps == "function" && !t.getDefaultProps.isReactClassApproved && _("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function xr(e) {
+      {
+        for (var t = Object.keys(e.props), s = 0; s < t.length; s++) {
+          var v = t[s];
+          if (v !== "children" && v !== "key") {
+            L(e), _("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), L(null);
+            break;
+          }
+        }
+        e.ref !== null && (L(e), _("Invalid attribute `ref` supplied to `React.Fragment`."), L(null));
+      }
+    }
+    function we(e, t, s, v, h, T) {
+      {
+        var p = Xe(e);
+        if (!p) {
+          var m = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (m += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var C = mr(h);
+          C ? m += C : m += Ee();
+          var j;
+          e === null ? j = "null" : Z(e) ? j = "array" : e !== void 0 && e.$$typeof === n ? (j = "<" + (O(e.type) || "Unknown") + " />", m = " Did you accidentally export a JSX literal instead of a component?") : j = typeof e, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", j, m);
+        }
+        var E = gr(e, t, s, h, T);
+        if (E == null)
+          return E;
+        if (p) {
+          var P = t.children;
+          if (P !== void 0)
+            if (v)
+              if (Z(P)) {
+                for (var A = 0; A < P.length; A++)
+                  Ce(P[A], e);
+                Object.freeze && Object.freeze(P);
+              } else
+                _("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+            else
+              Ce(P, e);
+        }
+        return e === a ? xr(E) : hr(E), E;
+      }
+    }
+    function yr(e, t, s) {
+      return we(e, t, s, !0);
+    }
+    function Tr(e, t, s) {
+      return we(e, t, s, !1);
+    }
+    var Rr = Tr, kr = yr;
+    W.Fragment = a, W.jsx = Rr, W.jsxs = kr;
+  }()), W;
+}
+process.env.NODE_ENV === "production" ? oe.exports = Ir() : oe.exports = Lr();
+var l = oe.exports;
+const Ae = (r, n, o = !1) => {
+  const a = [];
+  function i(c, f = "--bn") {
+    for (const u in c) {
+      const b = u.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), g = `${f}-${b}`;
+      typeof c[u] != "object" ? (typeof c[u] == "number" && (c[u] = `${c[u]}px`), o ? n.style.removeProperty(g) : n.style.setProperty(g, c[u].toString())) : i(c[u], g);
+    }
+  }
+  return i(r), a;
+}, Me = (r, n) => Ae(r, n), Ar = {
+  colors: {
+    editor: {
+      text: void 0,
+      background: void 0
+    },
+    menu: {
+      text: void 0,
+      background: void 0
+    },
+    tooltip: {
+      text: void 0,
+      background: void 0
+    },
+    hovered: {
+      text: void 0,
+      background: void 0
+    },
+    selected: {
+      text: void 0,
+      background: void 0
+    },
+    disabled: {
+      text: void 0,
+      background: void 0
+    },
+    shadow: void 0,
+    border: void 0,
+    sideMenu: void 0,
+    highlights: {
+      gray: {
+        text: void 0,
+        background: void 0
+      },
+      brown: {
+        text: void 0,
+        background: void 0
+      },
+      red: {
+        text: void 0,
+        background: void 0
+      },
+      orange: {
+        text: void 0,
+        background: void 0
+      },
+      yellow: {
+        text: void 0,
+        background: void 0
+      },
+      green: {
+        text: void 0,
+        background: void 0
+      },
+      blue: {
+        text: void 0,
+        background: void 0
+      },
+      purple: {
+        text: void 0,
+        background: void 0
+      },
+      pink: {
+        text: void 0,
+        background: void 0
+      }
+    }
+  },
+  borderRadius: void 0,
+  fontFamily: void 0
+}, zr = (r) => Ae(Ar, r, !0), Br = k((r, n) => {
+  const {
+    className: o,
+    name: a,
+    label: i,
+    icon: c,
+    value: f,
+    autoFocus: u,
+    placeholder: b,
+    onKeyDown: g,
+    onChange: y,
+    onSubmit: S,
+    ...w
+  } = r;
+  return R(w), /* @__PURE__ */ l.jsx(
+    d.TextInput,
+    {
+      size: "xs",
+      className: o,
+      ref: n,
+      name: a,
+      label: i,
+      leftSection: c,
+      value: f,
+      autoFocus: u,
+      "data-autofocus": u ? "true" : void 0,
+      placeholder: b,
+      onKeyDown: g,
+      onChange: y,
+      onSubmit: S
+    }
+  );
+});
+var ze = {
+  color: void 0,
+  size: void 0,
+  className: void 0,
+  style: void 0,
+  attr: void 0
+}, Ne = M.createContext && M.createContext(ze), N = globalThis && globalThis.__assign || function() {
+  return N = Object.assign || function(r) {
+    for (var n, o = 1, a = arguments.length; o < a; o++) {
+      n = arguments[o];
+      for (var i in n)
+        Object.prototype.hasOwnProperty.call(n, i) && (r[i] = n[i]);
+    }
+    return r;
+  }, N.apply(this, arguments);
+}, $r = globalThis && globalThis.__rest || function(r, n) {
+  var o = {};
+  for (var a in r)
+    Object.prototype.hasOwnProperty.call(r, a) && n.indexOf(a) < 0 && (o[a] = r[a]);
+  if (r != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var i = 0, a = Object.getOwnPropertySymbols(r); i < a.length; i++)
+      n.indexOf(a[i]) < 0 && Object.prototype.propertyIsEnumerable.call(r, a[i]) && (o[a[i]] = r[a[i]]);
+  return o;
+};
+function Be(r) {
+  return r && r.map(function(n, o) {
+    return M.createElement(n.tag, N({
+      key: o
+    }, n.attr), Be(n.child));
+  });
+}
+function $e(r) {
+  return function(n) {
+    return M.createElement(Wr, N({
+      attr: N({}, r.attr)
+    }, n), Be(r.child));
+  };
+}
+function Wr(r) {
+  var n = function(o) {
+    var a = r.attr, i = r.size, c = r.title, f = $r(r, ["attr", "size", "title"]), u = i || o.size || "1em", b;
+    return o.className && (b = o.className), r.className && (b = (b ? b + " " : "") + r.className), M.createElement("svg", N({
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: "0"
+    }, o.attr, a, f, {
+      className: b,
+      style: N(N({
+        color: r.color || o.color
+      }, o.style), r.style),
+      height: u,
+      width: u,
+      xmlns: "http://www.w3.org/2000/svg"
+    }), c && M.createElement("title", null, c), r.children);
+  };
+  return Ne !== void 0 ? M.createElement(Ne.Consumer, null, function(o) {
+    return n(o);
+  }) : n(ze);
+}
+function Vr(r) {
+  return $e({ tag: "svg", attr: { viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z", clipRule: "evenodd" } }] })(r);
+}
+function Yr(r) {
+  return $e({ tag: "svg", attr: { viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z", clipRule: "evenodd" } }] })(r);
+}
+const We = jr(void 0), Ur = k((r, n) => {
+  const {
+    children: o,
+    onOpenChange: a,
+    position: i,
+    sub: c,
+    // not used
+    ...f
+  } = r;
+  R(f);
+  const [u, b] = Er(!1), g = Sr(), y = ne(() => {
+    g.current && clearTimeout(g.current), g.current = setTimeout(() => {
+      b(!1);
+    }, 250);
+  }, []), S = ne(() => {
+    g.current && clearTimeout(g.current), b(!0);
+  }, []);
+  return /* @__PURE__ */ l.jsx(
+    We.Provider,
+    {
+      value: {
+        onMenuMouseOver: S,
+        onMenuMouseLeave: y
+      },
+      children: /* @__PURE__ */ l.jsx(
+        d.Menu.Item,
+        {
+          className: "bn-menu-item bn-mt-sub-menu-item",
+          ref: n,
+          onMouseOver: S,
+          onMouseLeave: y,
+          children: /* @__PURE__ */ l.jsx(
+            d.Menu,
+            {
+              withinPortal: !1,
+              middlewares: { flip: !0, shift: !0, inline: !1, size: !0 },
+              trigger: "hover",
+              opened: u,
+              onClose: () => a == null ? void 0 : a(!1),
+              onOpen: () => a == null ? void 0 : a(!0),
+              position: i,
+              children: o
+            }
+          )
+        }
+      )
+    }
+  );
+}), Gr = (r) => {
+  const { children: n, onOpenChange: o, position: a, sub: i, ...c } = r;
+  return R(c), i ? /* @__PURE__ */ l.jsx(Ur, { ...r }) : /* @__PURE__ */ l.jsx(
+    d.Menu,
+    {
+      withinPortal: !1,
+      middlewares: { flip: !0, shift: !0, inline: !1, size: !0 },
+      onClose: () => o == null ? void 0 : o(!1),
+      onOpen: () => o == null ? void 0 : o(!0),
+      position: a,
+      children: n
+    }
+  );
+}, Hr = k((r, n) => {
+  const { className: o, children: a, icon: i, checked: c, subTrigger: f, onClick: u, ...b } = r;
+  return R(b, !1), f ? /* @__PURE__ */ l.jsxs("div", { ref: n, ...b, children: [
+    a,
+    /* @__PURE__ */ l.jsx(Yr, { size: 15 })
+  ] }) : /* @__PURE__ */ l.jsx(
+    d.Menu.Item,
+    {
+      className: o,
+      ref: n,
+      leftSection: i,
+      rightSection: c ? /* @__PURE__ */ l.jsx(d.CheckIcon, { size: 10 }) : c === !1 ? /* @__PURE__ */ l.jsx("div", { className: "bn-tick-space" }) : null,
+      onClick: u,
+      ...b,
+      children: a
+    }
+  );
+}), Kr = (r) => {
+  const {
+    children: n,
+    sub: o,
+    // unused
+    ...a
+  } = r;
+  return R(a), /* @__PURE__ */ l.jsx(d.Menu.Target, { children: n });
+}, qr = k((r, n) => {
+  const {
+    className: o,
+    children: a,
+    sub: i,
+    //unused
+    ...c
+  } = r;
+  R(c);
+  const f = _r(We);
+  return /* @__PURE__ */ l.jsx(
+    d.Menu.Dropdown,
+    {
+      className: o,
+      ref: n,
+      onMouseOver: f == null ? void 0 : f.onMenuMouseOver,
+      onMouseLeave: f == null ? void 0 : f.onMenuMouseLeave,
+      children: a
+    }
+  );
+}), Jr = k((r, n) => {
+  const { className: o, ...a } = r;
+  return R(a), /* @__PURE__ */ l.jsx(d.Menu.Divider, { className: o, ref: n });
+}), Xr = k((r, n) => {
+  const { className: o, children: a, ...i } = r;
+  return R(i), /* @__PURE__ */ l.jsx(d.Menu.Label, { className: o, ref: n, children: a });
+}), Zr = k((r, n) => {
+  const {
+    className: o,
+    tabs: a,
+    defaultOpenTab: i,
+    openTab: c,
+    setOpenTab: f,
+    loading: u,
+    ...b
+  } = r;
+  return R(b), /* @__PURE__ */ l.jsx(d.Group, { className: o, ref: n, children: /* @__PURE__ */ l.jsxs(
+    d.Tabs,
+    {
+      value: c,
+      defaultValue: i,
+      onChange: f,
+      children: [
+        u && /* @__PURE__ */ l.jsx(d.LoadingOverlay, { visible: u }),
+        /* @__PURE__ */ l.jsx(d.Tabs.List, { children: a.map((g) => /* @__PURE__ */ l.jsx(
+          d.Tabs.Tab,
+          {
+            "data-test": `${g.name.toLowerCase()}-tab`,
+            value: g.name,
+            children: g.name
+          },
+          g.name
+        )) }),
+        a.map((g) => /* @__PURE__ */ l.jsx(d.Tabs.Panel, { value: g.name, children: g.tabPanel }, g.name))
+      ]
+    }
+  ) });
+}), Qr = k((r, n) => {
+  const { className: o, children: a, onClick: i, label: c, ...f } = r;
+  return R(f), /* @__PURE__ */ l.jsx(
+    d.Button,
+    {
+      size: "xs",
+      "aria-label": c,
+      className: o,
+      ref: n,
+      onClick: i,
+      ...f,
+      children: a
+    }
+  );
+}), et = k((r, n) => {
+  const { className: o, value: a, placeholder: i, onChange: c, ...f } = r;
+  return R(f), /* @__PURE__ */ l.jsx(
+    d.FileInput,
+    {
+      size: "xs",
+      className: o,
+      ref: n,
+      value: a,
+      placeholder: i,
+      onChange: c,
+      ...f
+    }
+  );
+}), rt = k((r, n) => {
+  const { className: o, children: a, ...i } = r;
+  return R(i), /* @__PURE__ */ l.jsx("div", { className: o, ref: n, children: a });
+}), tt = k((r, n) => {
+  const { className: o, value: a, placeholder: i, onKeyDown: c, onChange: f, ...u } = r;
+  return R(u), /* @__PURE__ */ l.jsx(
+    d.TextInput,
+    {
+      size: "xs",
+      "data-test": "embed-input",
+      className: o,
+      ref: n,
+      value: a,
+      placeholder: i,
+      onKeyDown: c,
+      onChange: f
+    }
+  );
+}), nt = (r) => {
+  const { children: n, opened: o, position: a, ...i } = r;
+  return R(i), /* @__PURE__ */ l.jsx(
+    d.Popover,
+    {
+      withinPortal: !1,
+      zIndex: 1e4,
+      opened: o,
+      position: a,
+      children: n
+    }
+  );
+}, at = (r) => {
+  const { children: n, ...o } = r;
+  return R(o), /* @__PURE__ */ l.jsx(d.PopoverTarget, { children: n });
+}, ot = k((r, n) => {
+  const {
+    className: o,
+    children: a,
+    variant: i,
+    // unused
+    ...c
+  } = r;
+  return R(c), /* @__PURE__ */ l.jsx(d.PopoverDropdown, { className: o, ref: n, children: a });
+}), it = k((r, n) => {
+  const { className: o, children: a, ...i } = r;
+  return R(i), /* @__PURE__ */ l.jsx(d.Group, { align: "center", gap: 0, className: o, ref: n, children: a });
+}), st = k((r, n) => {
+  const {
+    className: o,
+    children: a,
+    icon: i,
+    onClick: c,
+    onDragEnd: f,
+    onDragStart: u,
+    draggable: b,
+    label: g,
+    ...y
+  } = r;
+  return R(y, !1), i ? /* @__PURE__ */ l.jsx(
+    d.ActionIcon,
+    {
+      size: 24,
+      className: o,
+      ref: n,
+      onClick: c,
+      onDragEnd: f,
+      onDragStart: u,
+      draggable: b,
+      "aria-label": g,
+      ...y,
+      children: i
+    }
+  ) : /* @__PURE__ */ l.jsx(
+    d.Button,
+    {
+      className: o,
+      ref: n,
+      onClick: c,
+      onDragEnd: f,
+      onDragStart: u,
+      draggable: b,
+      "aria-label": g,
+      ...y,
+      children: a
+    }
+  );
+}), lt = k((r, n) => {
+  const { className: o, children: a, id: i, ...c } = r;
+  return R(c), /* @__PURE__ */ l.jsx(
+    d.Stack,
+    {
+      gap: 0,
+      className: o,
+      ref: n,
+      id: i,
+      role: "listbox",
+      children: a
+    }
+  );
+}), ut = k((r, n) => {
+  const { className: o, children: a, ...i } = r;
+  return R(i), /* @__PURE__ */ l.jsx(d.Group, { className: o, ref: n, children: /* @__PURE__ */ l.jsx(d.Group, { className: "bn-mt-suggestion-menu-item-label", children: a }) });
+}), ct = k((r, n) => {
+  const { className: o, isSelected: a, onClick: i, item: c, id: f, ...u } = r;
+  return R(u), /* @__PURE__ */ l.jsxs(
+    d.Group,
+    {
+      gap: 0,
+      className: o,
+      ref: n,
+      id: f,
+      role: "option",
+      "aria-selected": a || void 0,
+      children: [
+        c.icon && /* @__PURE__ */ l.jsx(
+          d.Group,
+          {
+            className: "bn-mt-suggestion-menu-item-section",
+            "data-position": "left",
+            children: c.icon
+          }
+        ),
+        /* @__PURE__ */ l.jsxs(d.Stack, { gap: 0, className: "bn-mt-suggestion-menu-item-body", children: [
+          /* @__PURE__ */ l.jsx(d.Text, { className: "bn-mt-suggestion-menu-item-title", children: c.title }),
+          /* @__PURE__ */ l.jsx(d.Text, { className: "bn-mt-suggestion-menu-item-subtitle", children: c.subtext })
+        ] }),
+        c.badge && /* @__PURE__ */ l.jsx(
+          d.Group,
+          {
+            "data-position": "right",
+            className: "bn-mt-suggestion-menu-item-section",
+            children: /* @__PURE__ */ l.jsx(d.Badge, { size: "xs", children: c.badge })
+          }
+        )
+      ]
+    }
+  );
+}), dt = k((r, n) => {
+  const { className: o, children: a, ...i } = r;
+  return R(i), /* @__PURE__ */ l.jsx(d.Group, { className: o, ref: n, children: a });
+}), ft = k((r, n) => {
+  const {
+    className: o,
+    children: a,
+    // unused, using "dots" instead
+    ...i
+  } = r;
+  return R(i), /* @__PURE__ */ l.jsx(d.Loader, { className: o, type: "dots", ref: n });
+}), vt = k((r, n) => {
+  const {
+    className: o,
+    children: a,
+    draggable: i,
+    onDragStart: c,
+    onDragEnd: f,
+    style: u,
+    label: b,
+    ...g
+  } = r;
+  return R(g, !1), /* @__PURE__ */ l.jsx(
+    "button",
+    {
+      className: o,
+      ref: n,
+      "aria-label": b,
+      draggable: i,
+      onDragStart: c,
+      onDragEnd: f,
+      style: u,
+      ...g,
+      children: a
+    }
+  );
+}), De = k(
+  (r, n) => {
+    const { className: o, children: a, onMouseEnter: i, onMouseLeave: c, ...f } = r;
+    R(f);
+    const { ref: u, focused: b } = Mr(), g = Nr(b), y = Dr(n, u, g);
+    return /* @__PURE__ */ l.jsx(
+      d.Group,
+      {
+        className: o,
+        ref: y,
+        role: "toolbar",
+        onMouseEnter: i,
+        onMouseLeave: c,
+        children: a
+      }
+    );
+  }
+), bt = (r) => /* @__PURE__ */ l.jsxs(d.Stack, { gap: 0, className: "bn-tooltip", children: [
+  /* @__PURE__ */ l.jsx(d.Text, { size: "sm", children: r.mainTooltip }),
+  r.secondaryTooltip && /* @__PURE__ */ l.jsx(d.Text, { size: "xs", children: r.secondaryTooltip })
+] }), Ie = k(
+  (r, n) => {
+    const {
+      className: o,
+      children: a,
+      mainTooltip: i,
+      secondaryTooltip: c,
+      icon: f,
+      isSelected: u,
+      isDisabled: b,
+      onClick: g,
+      label: y,
+      ...S
+    } = r;
+    return R(S, !1), /* @__PURE__ */ l.jsx(
+      d.Tooltip,
+      {
+        withinPortal: !1,
+        label: /* @__PURE__ */ l.jsx(
+          bt,
+          {
+            mainTooltip: i,
+            secondaryTooltip: c
+          }
+        ),
+        children: a ? /* @__PURE__ */ l.jsx(
+          d.Button,
+          {
+            "aria-label": y,
+            className: o,
+            onMouseDown: (w) => {
+              ae() && w.currentTarget.focus();
+            },
+            onClick: g,
+            "aria-pressed": u,
+            "data-selected": u || void 0,
+            "data-test": i.slice(0, 1).toLowerCase() + i.replace(/\s+/g, "").slice(1),
+            size: "xs",
+            disabled: b || !1,
+            ref: n,
+            ...S,
+            children: a
+          }
+        ) : /* @__PURE__ */ l.jsx(
+          d.ActionIcon,
+          {
+            className: o,
+            "aria-label": y,
+            onMouseDown: (w) => {
+              ae() && w.currentTarget.focus();
+            },
+            onClick: g,
+            "aria-pressed": u,
+            "data-selected": u || void 0,
+            "data-test": i.slice(0, 1).toLowerCase() + i.replace(/\s+/g, "").slice(1),
+            size: 30,
+            disabled: b || !1,
+            ref: n,
+            ...S,
+            children: f
+          }
+        )
+      }
+    );
+  }
+), gt = k((r, n) => {
+  const { className: o, items: a, isDisabled: i, ...c } = r;
+  R(c);
+  const f = a.filter((u) => u.isSelected)[0];
+  return f ? /* @__PURE__ */ l.jsxs(
+    d.Menu,
+    {
+      withinPortal: !1,
+      transitionProps: {
+        exitDuration: 0
+      },
+      disabled: i,
+      middlewares: { flip: !0, shift: !0, inline: !1, size: !0 },
+      children: [
+        /* @__PURE__ */ l.jsx(d.Menu.Target, { children: /* @__PURE__ */ l.jsx(
+          d.Button,
+          {
+            onMouseDown: (u) => {
+              ae() && u.currentTarget.focus();
+            },
+            leftSection: f.icon,
+            rightSection: /* @__PURE__ */ l.jsx(Vr, {}),
+            size: "xs",
+            variant: "subtle",
+            disabled: i,
+            children: f.text
+          }
+        ) }),
+        /* @__PURE__ */ l.jsx(d.Menu.Dropdown, { className: o, ref: n, children: a.map((u) => /* @__PURE__ */ l.jsx(
+          d.Menu.Item,
+          {
+            onClick: u.onClick,
+            leftSection: u.icon,
+            rightSection: u.isSelected ? /* @__PURE__ */ l.jsx(d.CheckIcon, { 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
+          },
+          u.text
+        )) })
+      ]
+    }
+  ) : null;
+});
+const x = [
+  "#FFFFFF",
+  "#EFEFEF",
+  "#CFCFCF",
+  "#AFAFAF",
+  "#7F7F7F",
+  "#3F3F3F",
+  "#1F1F1F",
+  "#161616",
+  "#0F0F0F",
+  "#000000"
+], Le = {
+  colors: {
+    editor: {
+      text: x[5],
+      background: x[0]
+    },
+    menu: {
+      text: x[5],
+      background: x[0]
+    },
+    tooltip: {
+      text: x[5],
+      background: x[1]
+    },
+    hovered: {
+      text: x[5],
+      background: x[1]
+    },
+    selected: {
+      text: x[0],
+      background: x[5]
+    },
+    disabled: {
+      text: x[3],
+      background: x[1]
+    },
+    shadow: x[2],
+    border: x[1],
+    sideMenu: x[2],
+    highlights: {
+      gray: {
+        text: "#9b9a97",
+        background: "#ebeced"
+      },
+      brown: {
+        text: "#64473a",
+        background: "#e9e5e3"
+      },
+      red: {
+        text: "#e03e3e",
+        background: "#fbe4e4"
+      },
+      orange: {
+        text: "#d9730d",
+        background: "#f6e9d9"
+      },
+      yellow: {
+        text: "#dfab01",
+        background: "#fbf3db"
+      },
+      green: {
+        text: "#4d6461",
+        background: "#ddedea"
+      },
+      blue: {
+        text: "#0b6e99",
+        background: "#ddebf1"
+      },
+      purple: {
+        text: "#6940a5",
+        background: "#eae4f2"
+      },
+      pink: {
+        text: "#ad1a72",
+        background: "#f4dfeb"
+      }
+    }
+  },
+  borderRadius: 6,
+  fontFamily: '"Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Open Sans", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif'
+}, jt = {
+  colors: {
+    editor: {
+      text: x[2],
+      background: x[6]
+    },
+    menu: {
+      text: x[2],
+      background: x[6]
+    },
+    tooltip: {
+      text: x[2],
+      background: x[7]
+    },
+    hovered: {
+      text: x[2],
+      background: x[7]
+    },
+    selected: {
+      text: x[2],
+      background: x[8]
+    },
+    disabled: {
+      text: x[5],
+      background: x[7]
+    },
+    shadow: x[8],
+    border: x[7],
+    sideMenu: x[4],
+    highlights: {
+      gray: {
+        text: "#bebdb8",
+        background: "#9b9a97"
+      },
+      brown: {
+        text: "#8e6552",
+        background: "#64473a"
+      },
+      red: {
+        text: "#ec4040",
+        background: "#be3434"
+      },
+      orange: {
+        text: "#e3790d",
+        background: "#b7600a"
+      },
+      yellow: {
+        text: "#dfab01",
+        background: "#b58b00"
+      },
+      green: {
+        text: "#6b8b87",
+        background: "#4d6461"
+      },
+      blue: {
+        text: "#0e87bc",
+        background: "#0b6e99"
+      },
+      purple: {
+        text: "#8552d7",
+        background: "#6940a5"
+      },
+      pink: {
+        text: "#da208f",
+        background: "#ad1a72"
+      }
+    }
+  },
+  borderRadius: Le.borderRadius,
+  fontFamily: Le.fontFamily
+}, mt = {
+  FormattingToolbar: {
+    Root: De,
+    Button: Ie,
+    Select: gt
+  },
+  ImagePanel: {
+    Root: Zr,
+    Button: Qr,
+    FileInput: et,
+    TabPanel: rt,
+    TextInput: tt
+  },
+  LinkToolbar: {
+    Root: De,
+    Button: Ie
+  },
+  SideMenu: {
+    Root: it,
+    Button: st
+  },
+  SuggestionMenu: {
+    Root: lt,
+    Item: ct,
+    EmptyItem: ut,
+    Label: dt,
+    Loader: ft
+  },
+  TableHandle: {
+    Root: vt
+  },
+  Generic: {
+    Form: {
+      Root: (r) => /* @__PURE__ */ l.jsx("div", { children: r.children }),
+      TextInput: Br
+    },
+    Menu: {
+      Root: Gr,
+      Trigger: Kr,
+      Dropdown: qr,
+      Divider: Jr,
+      Label: Xr,
+      Item: Hr
+    },
+    Popover: {
+      Root: nt,
+      Trigger: at,
+      Content: ot
+    }
+  }
+}, pt = {
+  // Removes button press effect
+  activeClassName: ""
+}, Et = (r) => {
+  const { theme: n, ...o } = r, a = Cr(), i = Fr(), c = (a == null ? void 0 : a.colorSchemePreference) || i, f = ne(
+    (u) => {
+      if (u && (zr(u), typeof n == "object")) {
+        if ("light" in n && "dark" in n) {
+          Me(
+            n[c === "dark" ? "dark" : "light"],
+            u
+          );
+          return;
+        }
+        Me(n, u);
+        return;
+      }
+    },
+    [c, n]
+  );
+  return /* @__PURE__ */ l.jsx(wr.Provider, { value: mt, children: /* @__PURE__ */ l.jsx(
+    Or,
+    {
+      theme: pt,
+      cssVariablesSelector: ".bn-container",
+      children: /* @__PURE__ */ l.jsx(
+        Pr,
+        {
+          theme: typeof n == "object" ? void 0 : n,
+          ...o,
+          ref: f
+        }
+      )
+    }
+  ) });
+};
+export {
+  Et as BlockNoteView,
+  Me as applyBlockNoteCSSVariablesFromTheme,
+  mt as components,
+  jt as darkDefaultTheme,
+  x as defaultColorScheme,
+  Le as lightDefaultTheme,
+  zr as removeBlockNoteCSSVariables
+};
+//# sourceMappingURL=blocknote-mantine.js.map