@blocknote/mantine 0.24.2 → 0.25.1

package/dist/blocknote-mantine.js

@@ -1,19 +1,19 @@
-import { jsx as i, jsxs as S } from "react/jsx-runtime";
-import { assertEmpty as d, isSafari as O, mergeCSSClasses as q, COLORS_DEFAULT as Z, COLORS_DARK_MODE_DEFAULT as J } from "@blocknote/core";
-import { elementOverflow as z, useBlockNoteContext as Q, usePrefersColorScheme as X, ComponentsContext as Y, BlockNoteViewRaw as ee } from "@blocknote/react";
-import { TextInput as B, Menu as b, CheckIcon as _, Group as p, Tabs as w, LoadingOverlay as te, Button as x, FileInput as ne, Popover as oe, PopoverTarget as re, PopoverDropdown as se, ActionIcon as $, Loader as V, Stack as R, Text as N, Badge as ie, Tooltip as ae, MantineProvider as le } from "@mantine/core";
-import y, { forwardRef as g, createContext as ce, useState as ue, useRef as C, useCallback as D, useContext as de, useEffect as A } from "react";
-import { mergeRefs as P, useFocusWithin as me, useFocusTrap as ge } from "@mantine/hooks";
-const G = (e, n, t = !1) => {
+import { jsx as s, jsxs as y } from "react/jsx-runtime";
+import { assertEmpty as d, isSafari as D, mergeCSSClasses as re, COLORS_DEFAULT as se, COLORS_DARK_MODE_DEFAULT as ie } from "@blocknote/core";
+import { mergeRefs as ae, FormattingToolbarController as le, getFormattingToolbarItems as ce, FormattingToolbar as ue, elementOverflow as H, useBlockNoteContext as de, usePrefersColorScheme as me, ComponentsContext as fe, BlockNoteViewRaw as ge } from "@blocknote/react";
+import { Button as w, ActionIcon as B, Tooltip as K, Stack as E, Text as N, Group as h, Chip as he, Card as U, Skeleton as $, Avatar as be, TextInput as W, Menu as v, CheckIcon as q, Tabs as k, LoadingOverlay as pe, FileInput as ve, Popover as ye, PopoverTarget as Se, PopoverDropdown as Ce, Badge as xe, Loader as Z, Flex as we, MantineProvider as Te } from "@mantine/core";
+import x, { forwardRef as m, useState as z, createContext as Ne, useRef as P, useCallback as L, useContext as ke, useEffect as J } from "react";
+import { useHover as Pe, useFocusWithin as Q, mergeRefs as O, useFocusTrap as Me } from "@mantine/hooks";
+const X = (e, n, t = !1) => {
   const o = [];
-  function r(s, l = "--bn") {
-    for (const a in s) {
-      const u = a.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), c = `${l}-${u}`;
-      typeof s[a] != "object" ? (typeof s[a] == "number" && (s[a] = `${s[a]}px`), t ? n.style.removeProperty(c) : n.style.setProperty(c, s[a].toString())) : r(s[a], c);
+  function r(i, a = "--bn") {
+    for (const l in i) {
+      const u = l.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), c = `${a}-${u}`;
+      typeof i[l] != "object" ? (typeof i[l] == "number" && (i[l] = `${i[l]}px`), t ? n.style.removeProperty(c) : n.style.setProperty(c, i[l].toString())) : r(i[l], c);
     }
   }
   return r(e), o;
-}, I = (e, n) => G(e, n), fe = {
+}, A = (e, n) => X(e, n), Fe = {
   colors: {
     editor: {
       text: void 0,
@@ -83,57 +83,271 @@ const G = (e, n, t = !1) => {
   },
   borderRadius: void 0,
   fontFamily: void 0
-}, be = (e) => G(fe, e, !0), pe = g((e, n) => {
+}, Oe = (e) => X(Fe, e, !0), Y = (e) => /* @__PURE__ */ y(E, { gap: 0, className: "bn-tooltip", children: [
+  /* @__PURE__ */ s(N, { size: "sm", lineClamp: 5, children: e.mainTooltip }),
+  e.secondaryTooltip && /* @__PURE__ */ s(N, { size: "xs", lineClamp: 5, children: e.secondaryTooltip })
+] }), R = m(
+  (e, n) => {
+    const {
+      className: t,
+      children: o,
+      mainTooltip: r,
+      secondaryTooltip: i,
+      icon: a,
+      isSelected: l,
+      isDisabled: u,
+      onClick: c,
+      label: g,
+      variant: b,
+      ...p
+    } = e;
+    d(p, !1);
+    const [T, S] = z(!1), j = o ? /* @__PURE__ */ s(
+      w,
+      {
+        "aria-label": g,
+        className: t,
+        onMouseDown: (C) => {
+          D() && C.currentTarget.focus();
+        },
+        onClick: (C) => {
+          S(!0), c == null || c(C);
+        },
+        onPointerLeave: () => S(!1),
+        "aria-pressed": l,
+        "data-selected": l || void 0,
+        "data-test": r ? r.slice(0, 1).toLowerCase() + r.replace(/\s+/g, "").slice(1) : void 0,
+        size: b === "compact" ? "compact-xs" : "xs",
+        disabled: u || !1,
+        ref: n,
+        ...p,
+        children: o
+      }
+    ) : /* @__PURE__ */ s(
+      B,
+      {
+        className: t,
+        "aria-label": g,
+        onMouseDown: (C) => {
+          D() && C.currentTarget.focus();
+        },
+        onClick: (C) => {
+          S(!0), c == null || c(C);
+        },
+        onPointerLeave: () => S(!1),
+        "aria-pressed": l,
+        "data-selected": l || void 0,
+        "data-test": r ? r.slice(0, 1).toLowerCase() + r.replace(/\s+/g, "").slice(1) : void 0,
+        size: b === "compact" ? 20 : 30,
+        disabled: u || !1,
+        ref: n,
+        ...p,
+        children: a
+      }
+    );
+    return r ? /* @__PURE__ */ s(
+      K,
+      {
+        disabled: T,
+        withinPortal: !1,
+        label: /* @__PURE__ */ s(
+          Y,
+          {
+            mainTooltip: r,
+            secondaryTooltip: i
+          }
+        ),
+        children: j
+      }
+    ) : j;
+  }
+), Re = m((e, n) => {
+  const {
+    className: t,
+    text: o,
+    icon: r,
+    isSelected: i,
+    mainTooltip: a,
+    secondaryTooltip: l,
+    onClick: u,
+    onMouseEnter: c,
+    ...g
+  } = e;
+  d(g, !1);
+  const [b, p] = z(!1), T = /* @__PURE__ */ y(
+    he,
+    {
+      className: t,
+      checked: i === !0,
+      wrapperProps: {
+        onMouseEnter: c,
+        onMouseLeave: () => p(!1),
+        onClick: (S) => {
+          p(!0), u == null || u(S);
+        }
+      },
+      variant: "light",
+      icon: null,
+      ref: n,
+      children: [
+        /* @__PURE__ */ s("span", { children: r }),
+        /* @__PURE__ */ s("span", { children: o })
+      ]
+    }
+  );
+  return !a || b ? T : /* @__PURE__ */ s(
+    K,
+    {
+      refProp: "rootRef",
+      withinPortal: !1,
+      label: /* @__PURE__ */ s(
+        Y,
+        {
+          mainTooltip: a,
+          secondaryTooltip: l
+        }
+      ),
+      children: T
+    }
+  );
+}), Ie = m((e, n) => {
+  const { className: t, children: o, ...r } = e;
+  return d(r), /* @__PURE__ */ s(h, { className: t, ref: n, children: o });
+}), De = m((e, n) => {
+  const { className: t, children: o, ...r } = e;
+  return d(r, !1), /* @__PURE__ */ s(U, { w: 350, p: "md", className: t, ref: n, children: o });
+}), Le = m((e, n) => {
+  const { className: t, children: o, ...r } = e;
+  return d(r, !1), /* @__PURE__ */ s(U.Section, { p: "md", className: t, ref: n, children: o });
+}), Be = m((e, n) => {
+  const { authorInfo: t, timeString: o, ...r } = e;
+  return d(r, !1), t === "loading" ? /* @__PURE__ */ y(h, { children: [
+    /* @__PURE__ */ s($, { height: 24, width: 24 }),
+    /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s($, { height: 12, width: 100 }) })
+  ] }) : /* @__PURE__ */ y(h, { children: [
+    /* @__PURE__ */ s(
+      be,
+      {
+        src: t.avatarUrl,
+        alt: t.username,
+        radius: "xl",
+        size: "sm",
+        color: "initials"
+      }
+    ),
+    /* @__PURE__ */ y(N, { fz: "sm", fw: "bold", children: [
+      t.username,
+      /* @__PURE__ */ s(N, { fz: "xs", c: "dimmed", span: !0, ml: "xs", children: o })
+    ] })
+  ] });
+}), Ee = m((e, n) => {
+  const {
+    className: t,
+    showActions: o,
+    authorInfo: r,
+    timeString: i,
+    actions: a,
+    children: l,
+    ...u
+  } = e, { hovered: c, ref: g } = Pe(), { focused: b, ref: p } = Q(), T = ae([n, g]);
+  return d(u, !1), /* @__PURE__ */ y(h, { pos: "relative", ref: T, className: t, children: [
+    a && (o === !0 || o === void 0 || o === "hover" && c || b) ? /* @__PURE__ */ s(
+      h,
+      {
+        ref: p,
+        style: {
+          position: "absolute",
+          right: 0,
+          top: 0,
+          zIndex: 10
+        },
+        children: a
+      }
+    ) : null,
+    /* @__PURE__ */ s(Be, { ...e }),
+    l
+  ] });
+}), ze = m((e, n) => {
+  const { className: t, onFocus: o, onBlur: r, editor: i, editable: a, ...l } = e;
+  return d(l, !1), /* @__PURE__ */ s(
+    Pt,
+    {
+      autoFocus: !0,
+      className: t,
+      editor: e.editor,
+      sideMenu: !1,
+      slashMenu: !1,
+      tableHandles: !1,
+      filePanel: !1,
+      formattingToolbar: !1,
+      editable: a,
+      ref: n,
+      onFocus: o,
+      onBlur: r,
+      children: /* @__PURE__ */ s(
+        le,
+        {
+          formattingToolbar: je
+        }
+      )
+    }
+  );
+}), je = () => {
+  const e = ce([]).filter(
+    (n) => n.key !== "nestBlockButton" && n.key !== "unnestBlockButton"
+  );
+  return /* @__PURE__ */ s(ue, { blockTypeSelectItems: [], children: e });
+}, $e = m((e, n) => {
   const {
     className: t,
     name: o,
     label: r,
-    icon: s,
-    value: l,
-    autoFocus: a,
+    icon: i,
+    value: a,
+    autoFocus: l,
     placeholder: u,
     onKeyDown: c,
-    onChange: f,
-    onSubmit: v,
-    ...h
+    onChange: g,
+    onSubmit: b,
+    ...p
   } = e;
-  return d(h), /* @__PURE__ */ i(
-    B,
+  return d(p), /* @__PURE__ */ s(
+    W,
     {
       size: "xs",
       className: t,
       ref: n,
       name: o,
       label: r,
-      leftSection: s,
-      value: l,
-      autoFocus: a,
-      "data-autofocus": a ? "true" : void 0,
+      leftSection: i,
+      value: a,
+      autoFocus: l,
+      "data-autofocus": l ? "true" : void 0,
       placeholder: u,
       onKeyDown: c,
-      onChange: f,
-      onSubmit: v
+      onChange: g,
+      onSubmit: b
     }
   );
 });
-var H = {
+var ee = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, L = y.createContext && /* @__PURE__ */ y.createContext(H), ve = ["attr", "size", "title"];
-function he(e, n) {
+}, _ = x.createContext && /* @__PURE__ */ x.createContext(ee), Ae = ["attr", "size", "title"];
+function _e(e, n) {
   if (e == null) return {};
-  var t = ye(e, n), o, r;
+  var t = Ve(e, n), o, r;
   if (Object.getOwnPropertySymbols) {
-    var s = Object.getOwnPropertySymbols(e);
-    for (r = 0; r < s.length; r++)
-      o = s[r], !(n.indexOf(o) >= 0) && Object.prototype.propertyIsEnumerable.call(e, o) && (t[o] = e[o]);
+    var i = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < i.length; r++)
+      o = i[r], !(n.indexOf(o) >= 0) && Object.prototype.propertyIsEnumerable.call(e, o) && (t[o] = e[o]);
   }
   return t;
 }
-function ye(e, n) {
+function Ve(e, n) {
   if (e == null) return {};
   var t = {};
   for (var o in e)
@@ -143,17 +357,17 @@ function ye(e, n) {
     }
   return t;
 }
-function T() {
-  return T = Object.assign ? Object.assign.bind() : function(e) {
+function M() {
+  return M = 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) && (e[o] = t[o]);
     }
     return e;
-  }, T.apply(this, arguments);
+  }, M.apply(this, arguments);
 }
-function E(e, n) {
+function V(e, n) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var o = Object.getOwnPropertySymbols(e);
@@ -163,25 +377,25 @@ function E(e, n) {
   }
   return t;
 }
-function k(e) {
+function F(e) {
   for (var n = 1; n < arguments.length; n++) {
     var t = arguments[n] != null ? arguments[n] : {};
-    n % 2 ? E(Object(t), !0).forEach(function(o) {
-      Se(e, o, t[o]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : E(Object(t)).forEach(function(o) {
+    n % 2 ? V(Object(t), !0).forEach(function(o) {
+      Ge(e, o, t[o]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : V(Object(t)).forEach(function(o) {
       Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(t, o));
     });
   }
   return e;
 }
-function Se(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 Ge(e, n, t) {
+  return n = He(n), n in e ? Object.defineProperty(e, n, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[n] = t, e;
 }
-function xe(e) {
-  var n = we(e, "string");
+function He(e) {
+  var n = Ke(e, "string");
   return typeof n == "symbol" ? n : n + "";
 }
-function we(e, n) {
+function Ke(e, n) {
   if (typeof e != "object" || !e) return e;
   var t = e[Symbol.toPrimitive];
   if (t !== void 0) {
@@ -191,87 +405,86 @@ function we(e, n) {
   }
   return (n === "string" ? String : Number)(e);
 }
-function K(e) {
-  return e && e.map((n, t) => /* @__PURE__ */ y.createElement(n.tag, k({
+function te(e) {
+  return e && e.map((n, t) => /* @__PURE__ */ x.createElement(n.tag, F({
     key: t
-  }, n.attr), K(n.child)));
+  }, n.attr), te(n.child)));
 }
-function U(e) {
-  return (n) => /* @__PURE__ */ y.createElement(Ne, T({
-    attr: k({}, e.attr)
-  }, n), K(e.child));
+function ne(e) {
+  return (n) => /* @__PURE__ */ x.createElement(Ue, M({
+    attr: F({}, e.attr)
+  }, n), te(e.child));
 }
-function Ne(e) {
+function Ue(e) {
   var n = (t) => {
     var {
       attr: o,
       size: r,
-      title: s
-    } = e, l = he(e, ve), a = r || t.size || "1em", u;
-    return t.className && (u = t.className), e.className && (u = (u ? u + " " : "") + e.className), /* @__PURE__ */ y.createElement("svg", T({
+      title: i
+    } = e, a = _e(e, Ae), l = r || t.size || "1em", u;
+    return t.className && (u = t.className), e.className && (u = (u ? u + " " : "") + e.className), /* @__PURE__ */ x.createElement("svg", M({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
-    }, t.attr, o, l, {
+    }, t.attr, o, a, {
       className: u,
-      style: k(k({
+      style: F(F({
         color: e.color || t.color
       }, t.style), e.style),
-      height: a,
-      width: a,
+      height: l,
+      width: l,
       xmlns: "http://www.w3.org/2000/svg"
-    }), s && /* @__PURE__ */ y.createElement("title", null, s), e.children);
+    }), i && /* @__PURE__ */ x.createElement("title", null, i), e.children);
   };
-  return L !== void 0 ? /* @__PURE__ */ y.createElement(L.Consumer, null, (t) => n(t)) : n(H);
+  return _ !== void 0 ? /* @__PURE__ */ x.createElement(_.Consumer, null, (t) => n(t)) : n(ee);
 }
-function Ce(e) {
-  return U({ 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 We(e) {
+  return ne({ 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 Te(e) {
-  return U({ 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);
+function qe(e) {
+  return ne({ 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 W = ce(void 0), ke = g((e, n) => {
+const oe = Ne(void 0), Ze = m((e, n) => {
   const {
     children: t,
     onOpenChange: o,
     position: r,
-    sub: s,
+    sub: i,
     // not used
-    ...l
+    ...a
   } = e;
-  d(l);
-  const [a, u] = ue(!1), c = C(null), f = C(), v = D(() => {
-    f.current && clearTimeout(f.current), f.current = setTimeout(() => {
+  d(a);
+  const [l, u] = z(!1), c = P(null), g = P(), b = L(() => {
+    g.current && clearTimeout(g.current), g.current = setTimeout(() => {
       u(!1);
     }, 250);
-  }, []), h = D(() => {
-    f.current && clearTimeout(f.current), u(!0);
+  }, []), p = L(() => {
+    g.current && clearTimeout(g.current), u(!0);
   }, []);
-  return /* @__PURE__ */ i(
-    W.Provider,
+  return /* @__PURE__ */ s(
+    oe.Provider,
     {
       value: {
-        onMenuMouseOver: h,
-        onMenuMouseLeave: v
+        onMenuMouseOver: p,
+        onMenuMouseLeave: b
       },
-      children: /* @__PURE__ */ i(
-        b.Item,
+      children: /* @__PURE__ */ s(
+        v.Item,
         {
           className: "bn-menu-item bn-mt-sub-menu-item",
-          ref: P(n, c),
-          onMouseOver: h,
-          onMouseLeave: v,
-          children: /* @__PURE__ */ i(
-            b,
+          ref: O(n, c),
+          onMouseOver: p,
+          onMouseLeave: b,
+          children: /* @__PURE__ */ s(
+            v,
             {
               portalProps: {
                 target: c.current ? c.current.parentElement : void 0
               },
               middlewares: { flip: !0, shift: !0, inline: !1, size: !0 },
               trigger: "hover",
-              opened: a,
-              onClose: () => o == null ? void 0 : o(!1),
-              onOpen: () => o == null ? void 0 : o(!0),
+              opened: l,
+              onChange: o,
               position: r,
               children: t
             }
@@ -280,22 +493,21 @@ const W = ce(void 0), ke = g((e, n) => {
       )
     }
   );
-}), Pe = (e) => {
-  const { children: n, onOpenChange: t, position: o, sub: r, ...s } = e;
-  return d(s), r ? /* @__PURE__ */ i(ke, { ...e }) : /* @__PURE__ */ i(
-    b,
+}), Je = (e) => {
+  const { children: n, onOpenChange: t, position: o, sub: r, ...i } = e;
+  return d(i), r ? /* @__PURE__ */ s(Ze, { ...e }) : /* @__PURE__ */ s(
+    v,
     {
       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),
+      onChange: t,
       position: o,
       children: n
     }
   );
-}, Me = g((e, n) => {
-  const { className: t, children: o, icon: r, checked: s, subTrigger: l, onClick: a, ...u } = e;
-  return d(u, !1), l ? /* @__PURE__ */ S(
+}, Qe = m((e, n) => {
+  const { className: t, children: o, icon: r, checked: i, subTrigger: a, onClick: l, ...u } = e;
+  return d(u, !1), a ? /* @__PURE__ */ y(
     "div",
     {
       onClick: (c) => {
@@ -305,75 +517,115 @@ const W = ce(void 0), ke = g((e, n) => {
       ...u,
       children: [
         o,
-        /* @__PURE__ */ i(Te, { size: 15 })
+        /* @__PURE__ */ s(qe, { size: 15 })
       ]
     }
-  ) : /* @__PURE__ */ i(
-    b.Item,
+  ) : /* @__PURE__ */ s(
+    v.Item,
     {
       className: t,
       ref: n,
       leftSection: r,
-      rightSection: s ? /* @__PURE__ */ i(_, { size: 10 }) : s === !1 ? /* @__PURE__ */ i("div", { className: "bn-tick-space" }) : null,
-      onClick: a,
+      rightSection: i ? /* @__PURE__ */ s(q, { size: 10 }) : i === !1 ? /* @__PURE__ */ s("div", { className: "bn-tick-space" }) : null,
+      onClick: l,
       ...u,
       children: o
     }
   );
-}), Fe = (e) => {
+}), Xe = (e) => {
   const {
     children: n,
     sub: t,
     // unused
     ...o
   } = e;
-  return d(o), /* @__PURE__ */ i(b.Target, { children: n });
-}, Oe = g((e, n) => {
+  return d(o), /* @__PURE__ */ s(v.Target, { children: n });
+}, Ye = m((e, n) => {
   const {
     className: t,
     children: o,
     sub: r,
     //unused
-    ...s
+    ...i
   } = e;
-  d(s);
-  const l = de(W);
-  return /* @__PURE__ */ i(
-    b.Dropdown,
+  d(i);
+  const a = ke(oe);
+  return /* @__PURE__ */ s(
+    v.Dropdown,
     {
       className: t,
       ref: n,
-      onMouseOver: l == null ? void 0 : l.onMenuMouseOver,
-      onMouseLeave: l == null ? void 0 : l.onMenuMouseLeave,
+      onMouseOver: a == null ? void 0 : a.onMenuMouseOver,
+      onMouseLeave: a == null ? void 0 : a.onMenuMouseLeave,
       children: o
     }
   );
-}), De = g((e, n) => {
+}), et = m((e, n) => {
   const { className: t, ...o } = e;
-  return d(o), /* @__PURE__ */ i(b.Divider, { className: t, ref: n });
-}), Re = g((e, n) => {
+  return d(o), /* @__PURE__ */ s(v.Divider, { className: t, ref: n });
+}), tt = m((e, n) => {
   const { className: t, children: o, ...r } = e;
-  return d(r), /* @__PURE__ */ i(b.Label, { className: t, ref: n, children: o });
-}), Ie = g((e, n) => {
+  return d(r), /* @__PURE__ */ s(v.Label, { className: t, ref: n, children: o });
+}), nt = m((e, n) => {
+  const {
+    className: t,
+    children: o,
+    icon: r,
+    onClick: i,
+    onDragEnd: a,
+    onDragStart: l,
+    draggable: u,
+    label: c,
+    ...g
+  } = e;
+  return d(g, !1), r ? /* @__PURE__ */ s(
+    B,
+    {
+      size: 24,
+      className: t,
+      ref: n,
+      onClick: i,
+      onDragEnd: a,
+      onDragStart: l,
+      draggable: u,
+      "aria-label": c,
+      ...g,
+      children: r
+    }
+  ) : /* @__PURE__ */ s(
+    w,
+    {
+      className: t,
+      ref: n,
+      onClick: i,
+      onDragEnd: a,
+      onDragStart: l,
+      draggable: u,
+      "aria-label": c,
+      ...g,
+      children: o
+    }
+  );
+}), ot = m((e, n) => {
   const {
     className: t,
     tabs: o,
     defaultOpenTab: r,
-    openTab: s,
-    setOpenTab: l,
-    loading: a,
+    openTab: i,
+    setOpenTab: a,
+    loading: l,
     ...u
   } = e;
-  return d(u), /* @__PURE__ */ i(p, { className: t, ref: n, children: /* @__PURE__ */ S(
-    w,
+  return d(u), /* @__PURE__ */ s(h, { className: t, ref: n, children: /* @__PURE__ */ y(
+    k,
     {
-      value: s,
+      value: i,
       defaultValue: r,
-      onChange: l,
+      onChange: a,
       children: [
-        a && /* @__PURE__ */ i(te, { visible: a }),
-        /* @__PURE__ */ i(w.List, { children: o.map((c) => /* @__PURE__ */ i(
-          w.Tab,
+        l && /* @__PURE__ */ s(pe, { visible: l }),
+        /* @__PURE__ */ s(k.List, { children: o.map((c) => /* @__PURE__ */ s(
+          k.Tab,
           {
             "data-test": `${c.name.toLowerCase()}-tab`,
             value: c.name,
@@ -381,46 +633,46 @@ const W = ce(void 0), ke = g((e, n) => {
           },
           c.name
         )) }),
-        o.map((c) => /* @__PURE__ */ i(w.Panel, { value: c.name, children: c.tabPanel }, c.name))
+        o.map((c) => /* @__PURE__ */ s(k.Panel, { value: c.name, children: c.tabPanel }, c.name))
       ]
     }
   ) });
-}), Le = g((e, n) => {
-  const { className: t, children: o, onClick: r, label: s, ...l } = e;
-  return d(l), /* @__PURE__ */ i(
-    x,
+}), rt = m((e, n) => {
+  const { className: t, children: o, onClick: r, label: i, ...a } = e;
+  return d(a), /* @__PURE__ */ s(
+    w,
     {
       size: "xs",
-      "aria-label": s,
+      "aria-label": i,
       className: t,
       ref: n,
       onClick: r,
-      ...l,
+      ...a,
       children: o
     }
   );
-}), Ee = g((e, n) => {
-  const { className: t, accept: o, value: r, placeholder: s, onChange: l, ...a } = e;
-  return d(a), /* @__PURE__ */ i(
-    ne,
+}), st = m((e, n) => {
+  const { className: t, accept: o, value: r, placeholder: i, onChange: a, ...l } = e;
+  return d(l), /* @__PURE__ */ s(
+    ve,
     {
       size: "xs",
       className: t,
       ref: n,
       accept: o,
       value: r,
-      placeholder: s,
-      onChange: l,
-      ...a
+      placeholder: i,
+      onChange: a,
+      ...l
     }
   );
-}), je = g((e, n) => {
+}), it = m((e, n) => {
   const { className: t, children: o, ...r } = e;
-  return d(r), /* @__PURE__ */ i("div", { className: t, ref: n, children: o });
-}), ze = g((e, n) => {
-  const { className: t, value: o, placeholder: r, onKeyDown: s, onChange: l, ...a } = e;
-  return d(a), /* @__PURE__ */ i(
-    B,
+  return d(r), /* @__PURE__ */ s("div", { className: t, ref: n, children: o });
+}), at = m((e, n) => {
+  const { className: t, value: o, placeholder: r, onKeyDown: i, onChange: a, ...l } = e;
+  return d(l), /* @__PURE__ */ s(
+    W,
     {
       size: "xs",
       "data-test": "embed-input",
@@ -428,29 +680,29 @@ const W = ce(void 0), ke = g((e, n) => {
       ref: n,
       value: o,
       placeholder: r,
-      onKeyDown: s,
-      onChange: l
+      onKeyDown: i,
+      onChange: a
     }
   );
-}), Be = (e) => {
-  const { children: n, opened: t, position: o, ...r } = e;
-  return d(r), /* @__PURE__ */ i(oe, { withinPortal: !1, opened: t, position: o, children: n });
-}, _e = (e) => {
+}), lt = (e) => {
+  const { opened: n, position: t, children: o, ...r } = e;
+  return d(r), /* @__PURE__ */ s(ye, { withinPortal: !1, opened: n, position: t, children: o });
+}, ct = (e) => {
   const { children: n, ...t } = e;
-  return d(t), /* @__PURE__ */ i(re, { children: n });
-}, $e = g((e, n) => {
+  return d(t), /* @__PURE__ */ s(Se, { children: n });
+}, ut = m((e, n) => {
   const {
     className: t,
     children: o,
     variant: r,
     // unused
-    ...s
+    ...i
   } = e;
-  return d(s), /* @__PURE__ */ i(se, { className: t, ref: n, children: o });
-}), Ve = g((e, n) => {
+  return d(i), /* @__PURE__ */ s(Ce, { className: t, ref: n, children: o });
+}), dt = m((e, n) => {
   const { className: t, children: o, ...r } = e;
-  return d(r, !1), /* @__PURE__ */ i(
-    p,
+  return d(r, !1), /* @__PURE__ */ s(
+    h,
     {
       align: "center",
       gap: 0,
@@ -460,313 +712,253 @@ const W = ce(void 0), ke = g((e, n) => {
       children: o
     }
   );
-}), Ae = g((e, n) => {
+}), mt = m((e, n) => {
   const {
     className: t,
     children: o,
     icon: r,
-    onClick: s,
-    onDragEnd: l,
-    onDragStart: a,
+    onClick: i,
+    onDragEnd: a,
+    onDragStart: l,
     draggable: u,
     label: c,
-    ...f
+    ...g
   } = e;
-  return d(f, !1), r ? /* @__PURE__ */ i(
-    $,
+  return d(g, !1), r ? /* @__PURE__ */ s(
+    B,
     {
       size: 24,
       className: t,
       ref: n,
-      onClick: s,
-      onDragEnd: l,
-      onDragStart: a,
+      onClick: i,
+      onDragEnd: a,
+      onDragStart: l,
       draggable: u,
       "aria-label": c,
-      ...f,
+      ...g,
       children: r
     }
-  ) : /* @__PURE__ */ i(
-    x,
+  ) : /* @__PURE__ */ s(
+    w,
     {
       className: t,
       ref: n,
-      onClick: s,
-      onDragEnd: l,
-      onDragStart: a,
+      onClick: i,
+      onDragEnd: a,
+      onDragStart: l,
       draggable: u,
       "aria-label": c,
-      ...f,
+      ...g,
       children: o
     }
   );
-}), Ge = g((e, n) => {
-  const { className: t, children: o, id: r, columns: s, ...l } = e;
-  return d(l), /* @__PURE__ */ i(
-    "div",
+}), ft = m((e, n) => {
+  const { className: t, children: o, id: r, ...i } = e;
+  return d(i), /* @__PURE__ */ s(
+    E,
     {
+      gap: 0,
       className: t,
-      style: { gridTemplateColumns: `repeat(${s}, 1fr)` },
       ref: n,
       id: r,
-      role: "grid",
+      role: "listbox",
       children: o
     }
   );
-}), He = g((e, n) => {
-  const { className: t, children: o, columns: r, ...s } = e;
-  return d(s), /* @__PURE__ */ i(
-    p,
-    {
-      className: t,
-      style: { gridColumn: `1 / ${r + 1}` },
-      ref: n,
-      children: /* @__PURE__ */ i(p, { className: "bn-mt-suggestion-menu-item-title", children: o })
-    }
-  );
-}), Ke = g((e, n) => {
-  const { className: t, isSelected: o, onClick: r, item: s, id: l, ...a } = e;
-  d(a);
-  const u = C(null);
-  return A(() => {
+}), gt = m((e, n) => {
+  const { className: t, children: o, ...r } = e;
+  return d(r), /* @__PURE__ */ s(h, { className: t, ref: n, children: /* @__PURE__ */ s(h, { className: "bn-mt-suggestion-menu-item-title", children: o }) });
+}), ht = m((e, n) => {
+  const { className: t, isSelected: o, onClick: r, item: i, id: a, ...l } = e;
+  d(l);
+  const u = P(null);
+  return J(() => {
     if (!u.current || !o)
       return;
-    const c = z(
+    const c = H(
       u.current,
-      document.querySelector(".bn-grid-suggestion-menu")
+      document.querySelector(".bn-suggestion-menu")
     );
     c === "top" ? u.current.scrollIntoView(!0) : c === "bottom" && u.current.scrollIntoView(!1);
-  }, [o]), /* @__PURE__ */ i(
-    "div",
+  }, [o]), /* @__PURE__ */ y(
+    h,
     {
+      gap: 0,
       className: t,
-      ref: P(n, u),
-      id: l,
+      ref: O(n, u),
+      id: a,
       role: "option",
       onClick: r,
       "aria-selected": o || void 0,
-      children: s.icon
+      children: [
+        i.icon && /* @__PURE__ */ s(
+          h,
+          {
+            className: "bn-mt-suggestion-menu-item-section",
+            "data-position": "left",
+            children: i.icon
+          }
+        ),
+        /* @__PURE__ */ y(E, { gap: 0, className: "bn-mt-suggestion-menu-item-body", children: [
+          /* @__PURE__ */ s(N, { className: "bn-mt-suggestion-menu-item-title", children: i.title }),
+          /* @__PURE__ */ s(N, { className: "bn-mt-suggestion-menu-item-subtitle", children: i.subtext })
+        ] }),
+        i.badge && /* @__PURE__ */ s(
+          h,
+          {
+            "data-position": "right",
+            className: "bn-mt-suggestion-menu-item-section",
+            children: /* @__PURE__ */ s(xe, { size: "xs", children: i.badge })
+          }
+        )
+      ]
     }
   );
-}), Ue = g((e, n) => {
+}), bt = m((e, n) => {
+  const { className: t, children: o, ...r } = e;
+  return d(r), /* @__PURE__ */ s(h, { className: t, ref: n, children: o });
+}), pt = m((e, n) => {
   const {
     className: t,
     children: o,
     // unused, using "dots" instead
-    columns: r,
-    ...s
+    ...r
   } = e;
-  return d(s), /* @__PURE__ */ i(
-    V,
+  return d(r), /* @__PURE__ */ s(Z, { className: t, type: "dots", ref: n });
+}), vt = m((e, n) => {
+  const { className: t, children: o, id: r, columns: i, ...a } = e;
+  return d(a), /* @__PURE__ */ s(
+    "div",
     {
       className: t,
-      style: { gridColumn: `1 / ${r + 1}` },
-      type: "dots",
-      ref: n
+      style: { gridTemplateColumns: `repeat(${i}, 1fr)` },
+      ref: n,
+      id: r,
+      role: "grid",
+      children: o
     }
   );
-}), We = g((e, n) => {
-  const { className: t, children: o, id: r, ...s } = e;
-  return d(s), /* @__PURE__ */ i(
-    R,
+}), yt = m((e, n) => {
+  const { className: t, children: o, columns: r, ...i } = e;
+  return d(i), /* @__PURE__ */ s(
+    h,
     {
-      gap: 0,
       className: t,
+      style: { gridColumn: `1 / ${r + 1}` },
       ref: n,
-      id: r,
-      role: "listbox",
-      children: o
+      children: /* @__PURE__ */ s(h, { className: "bn-mt-suggestion-menu-item-title", children: o })
     }
   );
-}), qe = g((e, n) => {
-  const { className: t, children: o, ...r } = e;
-  return d(r), /* @__PURE__ */ i(p, { className: t, ref: n, children: /* @__PURE__ */ i(p, { className: "bn-mt-suggestion-menu-item-title", children: o }) });
-}), Ze = g((e, n) => {
-  const { className: t, isSelected: o, onClick: r, item: s, id: l, ...a } = e;
-  d(a);
-  const u = C(null);
-  return A(() => {
+}), St = m((e, n) => {
+  const { className: t, isSelected: o, onClick: r, item: i, id: a, ...l } = e;
+  d(l);
+  const u = P(null);
+  return J(() => {
     if (!u.current || !o)
       return;
-    const c = z(
+    const c = H(
       u.current,
-      document.querySelector(".bn-suggestion-menu")
+      document.querySelector(".bn-grid-suggestion-menu")
     );
     c === "top" ? u.current.scrollIntoView(!0) : c === "bottom" && u.current.scrollIntoView(!1);
-  }, [o]), /* @__PURE__ */ S(
-    p,
+  }, [o]), /* @__PURE__ */ s(
+    "div",
     {
-      gap: 0,
       className: t,
-      ref: P(n, u),
-      id: l,
+      ref: O(n, u),
+      id: a,
       role: "option",
       onClick: r,
       "aria-selected": o || void 0,
-      children: [
-        s.icon && /* @__PURE__ */ i(
-          p,
-          {
-            className: "bn-mt-suggestion-menu-item-section",
-            "data-position": "left",
-            children: s.icon
-          }
-        ),
-        /* @__PURE__ */ S(R, { gap: 0, className: "bn-mt-suggestion-menu-item-body", children: [
-          /* @__PURE__ */ i(N, { className: "bn-mt-suggestion-menu-item-title", children: s.title }),
-          /* @__PURE__ */ i(N, { className: "bn-mt-suggestion-menu-item-subtitle", children: s.subtext })
-        ] }),
-        s.badge && /* @__PURE__ */ i(
-          p,
-          {
-            "data-position": "right",
-            className: "bn-mt-suggestion-menu-item-section",
-            children: /* @__PURE__ */ i(ie, { size: "xs", children: s.badge })
-          }
-        )
-      ]
+      children: i.icon
     }
   );
-}), Je = g((e, n) => {
-  const { className: t, children: o, ...r } = e;
-  return d(r), /* @__PURE__ */ i(p, { className: t, ref: n, children: o });
-}), Qe = g((e, n) => {
+}), Ct = m((e, n) => {
   const {
     className: t,
     children: o,
     // unused, using "dots" instead
-    ...r
+    columns: r,
+    ...i
   } = e;
-  return d(r), /* @__PURE__ */ i(V, { className: t, type: "dots", ref: n });
-}), Xe = g((e, n) => {
-  const { children: t, className: o, onMouseDown: r, onClick: s, ...l } = e;
-  return d(l, !1), /* @__PURE__ */ i(
-    x,
+  return d(i), /* @__PURE__ */ s(
+    Z,
+    {
+      className: t,
+      style: { gridColumn: `1 / ${r + 1}` },
+      type: "dots",
+      ref: n
+    }
+  );
+}), xt = m((e, n) => {
+  const { children: t, className: o, onMouseDown: r, onClick: i, ...a } = e;
+  return d(a, !1), /* @__PURE__ */ s(
+    w,
     {
       className: o,
       ref: n,
       onMouseDown: r,
-      onClick: s,
-      ...l,
+      onClick: i,
+      ...a,
       children: t
     }
   );
-}), Ye = g((e, n) => {
+}), wt = m((e, n) => {
   const {
     className: t,
     children: o,
     draggable: r,
-    onDragStart: s,
-    onDragEnd: l,
-    style: a,
+    onDragStart: i,
+    onDragEnd: a,
+    style: l,
     label: u,
     ...c
   } = e;
-  return d(c, !1), /* @__PURE__ */ i(
-    x,
+  return d(c, !1), /* @__PURE__ */ s(
+    w,
     {
       className: t,
       ref: n,
       "aria-label": u,
       draggable: r,
-      onDragStart: s,
-      onDragEnd: l,
-      style: a,
+      onDragStart: i,
+      onDragEnd: a,
+      style: l,
       ...c,
       children: o
     }
   );
-}), M = g(
+}), I = m(
   (e, n) => {
-    const { className: t, children: o, onMouseEnter: r, onMouseLeave: s, ...l } = e;
+    const {
+      className: t,
+      children: o,
+      onMouseEnter: r,
+      onMouseLeave: i,
+      variant: a,
+      ...l
+    } = e;
     d(l);
-    const { ref: a, focused: u } = me(), c = ge(u), f = P(n, a, c);
-    return /* @__PURE__ */ i(
-      p,
+    const { ref: u, focused: c } = Q(), g = Me(c), b = O(n, u, g);
+    return /* @__PURE__ */ s(
+      we,
       {
         className: t,
-        ref: f,
+        ref: b,
         role: "toolbar",
         onMouseEnter: r,
-        onMouseLeave: s,
+        onMouseLeave: i,
+        gap: a === "action-toolbar" ? 2 : void 0,
         children: o
       }
     );
   }
-), et = (e) => /* @__PURE__ */ S(R, { gap: 0, className: "bn-tooltip", children: [
-  /* @__PURE__ */ i(N, { size: "sm", children: e.mainTooltip }),
-  e.secondaryTooltip && /* @__PURE__ */ i(N, { size: "xs", children: e.secondaryTooltip })
-] }), F = g(
-  (e, n) => {
-    const {
-      className: t,
-      children: o,
-      mainTooltip: r,
-      secondaryTooltip: s,
-      icon: l,
-      isSelected: a,
-      isDisabled: u,
-      onClick: c,
-      label: f,
-      ...v
-    } = e;
-    return d(v, !1), /* @__PURE__ */ i(
-      ae,
-      {
-        withinPortal: !1,
-        label: /* @__PURE__ */ i(
-          et,
-          {
-            mainTooltip: r,
-            secondaryTooltip: s
-          }
-        ),
-        children: o ? /* @__PURE__ */ i(
-          x,
-          {
-            "aria-label": f,
-            className: t,
-            onMouseDown: (h) => {
-              O() && h.currentTarget.focus();
-            },
-            onClick: c,
-            "aria-pressed": a,
-            "data-selected": a || void 0,
-            "data-test": r.slice(0, 1).toLowerCase() + r.replace(/\s+/g, "").slice(1),
-            size: "xs",
-            disabled: u || !1,
-            ref: n,
-            ...v,
-            children: o
-          }
-        ) : /* @__PURE__ */ i(
-          $,
-          {
-            className: t,
-            "aria-label": f,
-            onMouseDown: (h) => {
-              O() && h.currentTarget.focus();
-            },
-            onClick: c,
-            "aria-pressed": a,
-            "data-selected": a || void 0,
-            "data-test": r.slice(0, 1).toLowerCase() + r.replace(/\s+/g, "").slice(1),
-            size: 30,
-            disabled: u || !1,
-            ref: n,
-            ...v,
-            children: l
-          }
-        )
-      }
-    );
-  }
-), tt = g((e, n) => {
-  const { className: t, items: o, isDisabled: r, ...s } = e;
-  d(s);
-  const l = o.filter((a) => a.isSelected)[0];
-  return l ? /* @__PURE__ */ S(
-    b,
+), Tt = m((e, n) => {
+  const { className: t, items: o, isDisabled: r, ...i } = e;
+  d(i);
+  const a = o.filter((l) => l.isSelected)[0];
+  return a ? /* @__PURE__ */ y(
+    v,
     {
       withinPortal: !1,
       transitionProps: {
@@ -775,138 +967,149 @@ const W = ce(void 0), ke = g((e, n) => {
       disabled: r,
       middlewares: { flip: !0, shift: !0, inline: !1, size: !0 },
       children: [
-        /* @__PURE__ */ i(b.Target, { children: /* @__PURE__ */ i(
-          x,
+        /* @__PURE__ */ s(v.Target, { children: /* @__PURE__ */ s(
+          w,
           {
-            onMouseDown: (a) => {
-              O() && a.currentTarget.focus();
+            onMouseDown: (l) => {
+              D() && l.currentTarget.focus();
             },
-            leftSection: l.icon,
-            rightSection: /* @__PURE__ */ i(Ce, {}),
+            leftSection: a.icon,
+            rightSection: /* @__PURE__ */ s(We, {}),
             size: "xs",
             variant: "subtle",
             disabled: r,
-            children: l.text
+            children: a.text
           }
         ) }),
-        /* @__PURE__ */ i(b.Dropdown, { className: t, ref: n, children: o.map((a) => /* @__PURE__ */ i(
-          b.Item,
+        /* @__PURE__ */ s(v.Dropdown, { className: t, ref: n, children: o.map((l) => /* @__PURE__ */ s(
+          v.Item,
           {
-            onClick: a.onClick,
-            leftSection: a.icon,
-            rightSection: a.isSelected ? /* @__PURE__ */ i(_, { size: 10, className: "bn-tick-icon" }) : (
+            onClick: l.onClick,
+            leftSection: l.icon,
+            rightSection: l.isSelected ? /* @__PURE__ */ s(q, { size: 10, className: "bn-tick-icon" }) : (
               // Ensures space for tick even if item isn't currently selected.
-              /* @__PURE__ */ i("div", { className: "bn-tick-space" })
+              /* @__PURE__ */ s("div", { className: "bn-tick-space" })
             ),
-            disabled: a.isDisabled,
-            children: a.text
+            disabled: l.isDisabled,
+            children: l.text
           },
-          a.text
+          l.text
         )) })
       ]
     }
   ) : null;
-}), nt = {
+}), Nt = {
   FormattingToolbar: {
-    Root: M,
-    Button: F,
-    Select: tt
+    Root: I,
+    Button: R,
+    Select: Tt
   },
   FilePanel: {
-    Root: Ie,
-    Button: Le,
-    FileInput: Ee,
-    TabPanel: je,
-    TextInput: ze
+    Root: ot,
+    Button: rt,
+    FileInput: st,
+    TabPanel: it,
+    TextInput: at
   },
   GridSuggestionMenu: {
-    Root: Ge,
-    Item: Ke,
-    EmptyItem: He,
-    Loader: Ue
+    Root: vt,
+    Item: St,
+    EmptyItem: yt,
+    Loader: Ct
   },
   LinkToolbar: {
-    Root: M,
-    Button: F
+    Root: I,
+    Button: R
   },
   SideMenu: {
-    Root: Ve,
-    Button: Ae
+    Root: dt,
+    Button: mt
   },
   SuggestionMenu: {
-    Root: We,
-    Item: Ze,
-    EmptyItem: qe,
-    Label: Je,
-    Loader: Qe
+    Root: ft,
+    Item: ht,
+    EmptyItem: gt,
+    Label: bt,
+    Loader: pt
   },
   TableHandle: {
-    Root: Ye,
-    ExtendButton: Xe
+    Root: wt,
+    ExtendButton: xt
   },
   Generic: {
-    Toolbar: {
-      Root: M,
-      Button: F
+    Badge: {
+      Root: Re,
+      Group: Ie
     },
     Form: {
-      Root: (e) => /* @__PURE__ */ i("div", { children: e.children }),
-      TextInput: pe
+      Root: (e) => /* @__PURE__ */ s("div", { children: e.children }),
+      TextInput: $e
     },
     Menu: {
-      Root: Pe,
-      Trigger: Fe,
-      Dropdown: Oe,
-      Divider: De,
-      Label: Re,
-      Item: Me
+      Root: Je,
+      Trigger: Xe,
+      Dropdown: Ye,
+      Divider: et,
+      Label: tt,
+      Item: Qe,
+      Button: nt
     },
     Popover: {
-      Root: Be,
-      Trigger: _e,
-      Content: $e
+      Root: lt,
+      Trigger: ct,
+      Content: ut
+    },
+    Toolbar: {
+      Root: I,
+      Button: R
     }
+  },
+  Comments: {
+    Comment: Ee,
+    Editor: ze,
+    Card: De,
+    CardSection: Le
   }
-}, ot = {
+}, kt = {
   // Removes button press effect
   activeClassName: ""
-}, ut = (e) => {
-  const { className: n, theme: t, ...o } = e, r = Q(), s = X(), l = (r == null ? void 0 : r.colorSchemePreference) || s, a = D(
+}, Pt = (e) => {
+  const { className: n, theme: t, ...o } = e, r = de(), i = me(), a = (r == null ? void 0 : r.colorSchemePreference) || i, l = L(
     (c) => {
-      if (c && (be(c), typeof t == "object")) {
+      if (c && (Oe(c), typeof t == "object")) {
         if ("light" in t && "dark" in t) {
-          I(
-            t[l === "dark" ? "dark" : "light"],
+          A(
+            t[a === "dark" ? "dark" : "light"],
             c
           );
           return;
         }
-        I(t, c);
+        A(t, c);
         return;
       }
     },
-    [l, t]
-  ), u = typeof t == "string" ? t : l !== "no-preference" ? l : "light";
-  return /* @__PURE__ */ i(Y.Provider, { value: nt, children: /* @__PURE__ */ i(
-    le,
+    [a, t]
+  ), u = typeof t == "string" ? t : a !== "no-preference" ? a : "light";
+  return /* @__PURE__ */ s(fe.Provider, { value: Nt, children: /* @__PURE__ */ s(
+    Te,
     {
-      theme: ot,
+      theme: kt,
       cssVariablesSelector: ".bn-mantine",
       getRootElement: () => {
       },
-      children: /* @__PURE__ */ i(
-        ee,
+      children: /* @__PURE__ */ s(
+        ge,
         {
           "data-mantine-color-scheme": u,
-          className: q("bn-mantine", n || ""),
+          className: re("bn-mantine", n || ""),
           theme: typeof t == "object" ? void 0 : t,
           ...o,
-          ref: a
+          ref: l
         }
       )
     }
   ) });
-}, m = [
+}, f = [
   "#FFFFFF",
   "#EFEFEF",
   "#CFCFCF",
@@ -917,80 +1120,80 @@ const W = ce(void 0), ke = g((e, n) => {
   "#161616",
   "#0F0F0F",
   "#000000"
-], j = {
+], G = {
   colors: {
     editor: {
-      text: m[5],
-      background: m[0]
+      text: f[5],
+      background: f[0]
     },
     menu: {
-      text: m[5],
-      background: m[0]
+      text: f[5],
+      background: f[0]
     },
     tooltip: {
-      text: m[5],
-      background: m[1]
+      text: f[5],
+      background: f[1]
     },
     hovered: {
-      text: m[5],
-      background: m[1]
+      text: f[5],
+      background: f[1]
     },
     selected: {
-      text: m[0],
-      background: m[5]
+      text: f[0],
+      background: f[5]
     },
     disabled: {
-      text: m[3],
-      background: m[1]
+      text: f[3],
+      background: f[1]
     },
-    shadow: m[2],
-    border: m[1],
-    sideMenu: m[2],
-    highlights: Z
+    shadow: f[2],
+    border: f[1],
+    sideMenu: f[2],
+    highlights: se
   },
   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'
-}, dt = {
+}, Lt = {
   colors: {
     editor: {
-      text: m[2],
-      background: m[6]
+      text: f[2],
+      background: f[6]
     },
     menu: {
-      text: m[2],
-      background: m[6]
+      text: f[2],
+      background: f[6]
     },
     tooltip: {
-      text: m[2],
-      background: m[7]
+      text: f[2],
+      background: f[7]
     },
     hovered: {
-      text: m[2],
-      background: m[7]
+      text: f[2],
+      background: f[7]
     },
     selected: {
-      text: m[2],
-      background: m[8]
+      text: f[2],
+      background: f[8]
     },
     disabled: {
-      text: m[5],
-      background: m[7]
+      text: f[5],
+      background: f[7]
     },
-    shadow: m[8],
-    border: m[7],
-    sideMenu: m[4],
-    highlights: J
+    shadow: f[8],
+    border: f[7],
+    sideMenu: f[4],
+    highlights: ie
   },
-  borderRadius: j.borderRadius,
-  fontFamily: j.fontFamily
+  borderRadius: G.borderRadius,
+  fontFamily: G.fontFamily
 };
 export {
-  ut as BlockNoteView,
-  I as applyBlockNoteCSSVariablesFromTheme,
-  nt as components,
-  dt as darkDefaultTheme,
-  m as defaultColorScheme,
-  j as lightDefaultTheme,
-  be as removeBlockNoteCSSVariables
+  Pt as BlockNoteView,
+  A as applyBlockNoteCSSVariablesFromTheme,
+  Nt as components,
+  Lt as darkDefaultTheme,
+  f as defaultColorScheme,
+  G as lightDefaultTheme,
+  Oe as removeBlockNoteCSSVariables
 };
 //# sourceMappingURL=blocknote-mantine.js.map