@blocknote/mantine 0.39.0 → 0.40.0

package/dist/blocknote-mantine.js

@@ -1,19 +1,19 @@
 import { jsx as s, jsxs as v } from "react/jsx-runtime";
-import { assertEmpty as d, isSafari as B, mergeCSSClasses as z, COLORS_DEFAULT as le, COLORS_DARK_MODE_DEFAULT as ce } from "@blocknote/core";
-import { mergeRefs as W, useDictionary as ue, useBlockNoteContext as q, FormattingToolbarController as de, getFormattingToolbarItems as me, FormattingToolbar as fe, elementOverflow as Z, usePrefersColorScheme as ge, ComponentsContext as he, BlockNoteViewRaw as be } from "@blocknote/react";
-import { Button as N, ActionIcon as j, Tooltip as J, Stack as $, Text as w, Group as b, Chip as pe, Divider as ve, Card as Q, Skeleton as V, Avatar as Se, TextInput as X, Menu as S, CheckIcon as Y, Tabs as M, LoadingOverlay as ye, FileInput as xe, PopoverDropdown as Ce, PopoverTarget as we, Popover as Te, Badge as Ne, Loader as ee, Flex as Pe, MantineProvider as ke } from "@mantine/core";
-import T, { forwardRef as m, useState as A, useRef as k, useEffect as _, useContext as Me, createContext as Fe, useCallback as E } from "react";
-import { useHover as Oe, useFocusWithin as te, mergeRefs as R, useFocusTrap as Re } from "@mantine/hooks";
+import { assertEmpty as d, isSafari as R, mergeCSSClasses as E, COLORS_DEFAULT as ie, COLORS_DARK_MODE_DEFAULT as ae } from "@blocknote/core";
+import { mergeRefs as U, useDictionary as le, useBlockNoteContext as W, FormattingToolbarController as ce, getFormattingToolbarItems as ue, FormattingToolbar as de, elementOverflow as q, usePrefersColorScheme as me, ComponentsContext as fe, BlockNoteViewRaw as ge } from "@blocknote/react";
+import { Button as T, ActionIcon as L, Tooltip as Z, Stack as z, Text as C, Group as h, Chip as be, Divider as he, Card as J, Skeleton as _, Avatar as pe, TextInput as Q, Menu as p, CheckIcon as B, Tabs as P, LoadingOverlay as ve, FileInput as Se, PopoverDropdown as ye, PopoverTarget as we, Popover as xe, Badge as Ce, Loader as X, Flex as Ne, MantineContext as Te, MantineProvider as ke } from "@mantine/core";
+import N, { forwardRef as m, useState as Y, useRef as j, useEffect as $, useContext as ee, createContext as Pe, useCallback as Fe } from "react";
+import { useHover as Me, useFocusWithin as te, mergeRefs as A, useFocusTrap as Oe } from "@mantine/hooks";
 const ne = (e, n, t = !1) => {
   const o = [];
-  function r(i, l = "--bn") {
-    for (const a in i) {
-      const u = a.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), c = `${l}-${u}`;
-      typeof i[a] != "object" ? (typeof i[a] == "number" && (i[a] = `${i[a]}px`), t ? n.style.removeProperty(c) : n.style.setProperty(c, i[a].toString())) : r(i[a], c);
+  function r(i, a = "--bn") {
+    for (const l in i) {
+      const c = l.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), u = `${a}-${c}`;
+      typeof i[l] != "object" ? (typeof i[l] == "number" && (i[l] = `${i[l]}px`), t ? n.style.removeProperty(u) : n.style.setProperty(u, i[l].toString())) : r(i[l], u);
     }
   }
   return r(e), o;
-}, G = (e, n) => ne(e, n), De = {
+}, V = (e, n) => ne(e, n), De = {
   colors: {
     editor: {
       text: void 0,
@@ -83,72 +83,72 @@ const ne = (e, n, t = !1) => {
   },
   borderRadius: void 0,
   fontFamily: void 0
-}, Ie = (e) => ne(De, e, !0), oe = (e) => /* @__PURE__ */ v($, { gap: 0, className: "bn-tooltip", children: [
-  /* @__PURE__ */ s(w, { size: "sm", lineClamp: 5, children: e.mainTooltip }),
-  e.secondaryTooltip && /* @__PURE__ */ s(w, { size: "xs", lineClamp: 5, children: e.secondaryTooltip })
-] }), D = m(
+}, Ie = (e) => ne(De, e, !0), oe = (e) => /* @__PURE__ */ v(z, { gap: 0, className: "bn-tooltip", children: [
+  /* @__PURE__ */ s(C, { size: "sm", lineClamp: 5, children: e.mainTooltip }),
+  e.secondaryTooltip && /* @__PURE__ */ s(C, { size: "xs", lineClamp: 5, children: e.secondaryTooltip })
+] }), O = m(
   (e, n) => {
     const {
       className: t,
       children: o,
       mainTooltip: r,
       secondaryTooltip: i,
-      icon: l,
-      isSelected: a,
-      isDisabled: u,
-      onClick: c,
+      icon: a,
+      isSelected: l,
+      isDisabled: c,
+      onClick: u,
       label: g,
-      variant: h,
-      ...p
+      variant: b,
+      ...S
     } = e;
-    d(p, !1);
-    const [C, y] = A(!1), P = o ? /* @__PURE__ */ s(
-      N,
+    d(S, !1);
+    const [x, y] = Y(!1), k = o ? /* @__PURE__ */ s(
+      T,
       {
         "aria-label": g,
         className: t,
-        onMouseDown: (x) => {
-          B() && x.currentTarget.focus();
+        onMouseDown: (w) => {
+          R() && w.currentTarget.focus();
         },
-        onClick: (x) => {
-          y(!0), c == null || c(x);
+        onClick: (w) => {
+          y(!0), u == null || u(w);
         },
         onPointerLeave: () => y(!1),
-        "aria-pressed": a,
-        "data-selected": a || void 0,
+        "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: h === "compact" ? "compact-xs" : "xs",
-        disabled: u || !1,
+        size: b === "compact" ? "compact-xs" : "xs",
+        disabled: c || !1,
         ref: n,
-        ...p,
+        ...S,
         children: o
       }
     ) : /* @__PURE__ */ s(
-      j,
+      L,
       {
         className: t,
         "aria-label": g,
-        onMouseDown: (x) => {
-          B() && x.currentTarget.focus();
+        onMouseDown: (w) => {
+          R() && w.currentTarget.focus();
         },
-        onClick: (x) => {
-          y(!0), c == null || c(x);
+        onClick: (w) => {
+          y(!0), u == null || u(w);
         },
         onPointerLeave: () => y(!1),
-        "aria-pressed": a,
-        "data-selected": a || void 0,
+        "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: h === "compact" ? 20 : 30,
-        disabled: u || !1,
+        size: b === "compact" ? 20 : 30,
+        disabled: c || !1,
         ref: n,
-        ...p,
-        children: l
+        ...S,
+        children: a
       }
     );
     return r ? /* @__PURE__ */ s(
-      J,
+      Z,
       {
-        disabled: C,
+        disabled: x,
         withinPortal: !1,
         label: /* @__PURE__ */ s(
           oe,
@@ -157,33 +157,33 @@ const ne = (e, n, t = !1) => {
             secondaryTooltip: i
           }
         ),
-        children: P
+        children: k
       }
-    ) : P;
+    ) : k;
   }
-), Le = m((e, n) => {
+), Re = m((e, n) => {
   const {
     className: t,
     text: o,
     icon: r,
     isSelected: i,
-    mainTooltip: l,
-    secondaryTooltip: a,
-    onClick: u,
-    onMouseEnter: c,
+    mainTooltip: a,
+    secondaryTooltip: l,
+    onClick: c,
+    onMouseEnter: u,
     ...g
   } = e;
   d(g, !1);
-  const [h, p] = A(!1), C = /* @__PURE__ */ v(
-    pe,
+  const [b, S] = Y(!1), x = /* @__PURE__ */ v(
+    be,
     {
       className: t,
       checked: i === !0,
       wrapperProps: {
-        onMouseEnter: c,
-        onMouseLeave: () => p(!1),
+        onMouseEnter: u,
+        onMouseLeave: () => S(!1),
         onClick: (y) => {
-          p(!0), u == null || u(y);
+          S(!0), c == null || c(y);
         }
       },
       variant: "light",
@@ -195,78 +195,78 @@ const ne = (e, n, t = !1) => {
       ]
     }
   );
-  return !l || h ? C : /* @__PURE__ */ s(
-    J,
+  return !a || b ? x : /* @__PURE__ */ s(
+    Z,
     {
       refProp: "rootRef",
       withinPortal: !1,
       label: /* @__PURE__ */ s(
         oe,
         {
-          mainTooltip: l,
-          secondaryTooltip: a
+          mainTooltip: a,
+          secondaryTooltip: l
         }
       ),
-      children: C
+      children: x
     }
   );
 }), Be = m((e, n) => {
   const { className: t, children: o, ...r } = e;
-  return d(r), /* @__PURE__ */ s(b, { className: t, ref: n, children: o });
+  return d(r), /* @__PURE__ */ s(h, { className: t, ref: n, children: o });
 }), Ee = m((e, n) => {
   const {
     className: t,
     children: o,
     headerText: r,
     selected: i,
-    onFocus: l,
-    onBlur: a,
-    tabIndex: u,
-    ...c
+    onFocus: a,
+    onBlur: l,
+    tabIndex: c,
+    ...u
   } = e;
-  d(c, !1);
-  const g = k(null);
-  return _(() => {
-    var h;
-    i && ((h = g.current) == null || h.scrollIntoView({
+  d(u, !1);
+  const g = j(null);
+  return $(() => {
+    var b;
+    i && ((b = g.current) == null || b.scrollIntoView({
       behavior: "smooth",
       block: "center"
     }));
   }, [i]), /* @__PURE__ */ v(
-    Q,
+    J,
     {
-      className: z(t, i ? "selected" : ""),
-      onFocus: l,
-      onBlur: a,
-      tabIndex: u,
-      ref: W([n, g]),
+      className: E(t, i ? "selected" : ""),
+      onFocus: a,
+      onBlur: l,
+      tabIndex: c,
+      ref: U([n, g]),
       children: [
-        r && /* @__PURE__ */ s(w, { className: "bn-header-text", children: r }),
+        r && /* @__PURE__ */ s(C, { className: "bn-header-text", children: r }),
         o
       ]
     }
   );
-}), ze = m((e, n) => {
+}), Le = m((e, n) => {
   const { className: t, children: o, ...r } = e;
-  return d(r, !1), /* @__PURE__ */ s(Q.Section, { className: t, ref: n, children: o });
-}), je = m((e, n) => {
+  return d(r, !1), /* @__PURE__ */ s(J.Section, { className: t, ref: n, children: o });
+}), ze = m((e, n) => {
   const { className: t, children: o, ...r } = e;
   return d(r, !1), /* @__PURE__ */ s(
-    ve,
+    he,
     {
       className: t,
-      label: /* @__PURE__ */ s(w, { children: o }),
+      label: /* @__PURE__ */ s(C, { children: o }),
       ref: n
     }
   );
-}), $e = m((e, n) => {
-  const { authorInfo: t, timeString: o, edited: r, ...i } = e, l = ue();
-  return d(i, !1), t === "loading" ? /* @__PURE__ */ v(b, { children: [
-    /* @__PURE__ */ s(V, { height: 24, width: 24 }),
-    /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(V, { height: 12, width: 100 }) })
-  ] }) : /* @__PURE__ */ v(b, { children: [
+}), je = m((e, n) => {
+  const { authorInfo: t, timeString: o, edited: r, ...i } = e, a = le();
+  return d(i, !1), t === "loading" ? /* @__PURE__ */ v(h, { children: [
+    /* @__PURE__ */ s(_, { height: 24, width: 24 }),
+    /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(_, { height: 12, width: 100 }) })
+  ] }) : /* @__PURE__ */ v(h, { children: [
     /* @__PURE__ */ s(
-      Se,
+      pe,
       {
         src: t.avatarUrl,
         alt: t.username,
@@ -275,49 +275,49 @@ const ne = (e, n, t = !1) => {
         color: "initials"
       }
     ),
-    /* @__PURE__ */ v(w, { fz: "sm", fw: "bold", children: [
+    /* @__PURE__ */ v(C, { fz: "sm", fw: "bold", children: [
       t.username,
-      /* @__PURE__ */ v(w, { fz: "xs", c: "dimmed", span: !0, ml: "xs", children: [
+      /* @__PURE__ */ v(C, { fz: "xs", c: "dimmed", span: !0, ml: "xs", children: [
         o,
         " ",
-        r && `(${l.comments.edited})`
+        r && `(${a.comments.edited})`
       ] })
     ] })
   ] });
-}), Ae = m((e, n) => {
+}), $e = m((e, n) => {
   const {
     className: t,
     showActions: o,
     authorInfo: r,
     timeString: i,
-    edited: l,
-    actions: a,
-    children: u,
-    ...c
-  } = e, { hovered: g, ref: h } = Oe(), { focused: p, ref: C } = te(), y = W([n, h]);
-  return d(c, !1), /* @__PURE__ */ v(b, { pos: "relative", ref: y, className: t, children: [
-    a && (o === !0 || o === void 0 || o === "hover" && g || p) ? /* @__PURE__ */ s(
-      b,
+    edited: a,
+    actions: l,
+    children: c,
+    ...u
+  } = e, { hovered: g, ref: b } = Me(), { focused: S, ref: x } = te(), y = U([n, b]);
+  return d(u, !1), /* @__PURE__ */ v(h, { pos: "relative", ref: y, className: t, children: [
+    l && (o === !0 || o === void 0 || o === "hover" && g || S) ? /* @__PURE__ */ s(
+      h,
       {
-        ref: C,
+        ref: x,
         style: {
           position: "absolute",
           right: 0,
           top: 0,
           zIndex: 10
         },
-        children: a
+        children: l
       }
     ) : null,
-    /* @__PURE__ */ s($e, { ...e }),
-    u
+    /* @__PURE__ */ s(je, { ...e }),
+    c
   ] });
-}), _e = m((e, n) => {
-  const { className: t, autoFocus: o, onFocus: r, onBlur: i, editor: l, editable: a, ...u } = e;
-  d(u, !1);
-  const c = q();
+}), Ae = m((e, n) => {
+  const { className: t, autoFocus: o, onFocus: r, onBlur: i, editor: a, editable: l, ...c } = e;
+  d(c, !1);
+  const u = W();
   return /* @__PURE__ */ s(
-    Ot,
+    Ft,
     {
       autoFocus: o,
       className: t,
@@ -327,236 +327,80 @@ const ne = (e, n, t = !1) => {
       tableHandles: !1,
       filePanel: !1,
       formattingToolbar: !1,
-      editable: a,
-      theme: c == null ? void 0 : c.colorSchemePreference,
+      editable: l,
+      theme: u == null ? void 0 : u.colorSchemePreference,
       ref: n,
       onFocus: r,
       onBlur: i,
       children: /* @__PURE__ */ s(
-        de,
+        ce,
         {
-          formattingToolbar: Ve
+          formattingToolbar: _e
         }
       )
     }
   );
-}), Ve = () => {
-  const e = me([]).filter(
+}), _e = () => {
+  const e = ue([]).filter(
     (n) => n.key !== "nestBlockButton" && n.key !== "unnestBlockButton"
   );
-  return /* @__PURE__ */ s(fe, { blockTypeSelectItems: [], children: e });
-}, Ge = m((e, n) => {
+  return /* @__PURE__ */ s(de, { blockTypeSelectItems: [], children: e });
+}, Ve = m((e, n) => {
   const {
     className: t,
     name: o,
     label: r,
     variant: i,
-    icon: l,
-    value: a,
-    autoFocus: u,
-    placeholder: c,
+    icon: a,
+    value: l,
+    autoFocus: c,
+    placeholder: u,
     disabled: g,
-    onKeyDown: h,
-    onChange: p,
-    onSubmit: C,
+    onKeyDown: b,
+    onChange: S,
+    onSubmit: x,
     autoComplete: y,
-    rightSection: P,
-    ...x
+    rightSection: k,
+    ...w
   } = e;
-  return d(x), /* @__PURE__ */ s(
-    X,
+  return d(w), /* @__PURE__ */ s(
+    Q,
     {
       size: "xs",
-      className: z(
+      className: E(
         t || "",
         i === "large" ? "bn-mt-input-large" : ""
       ),
       ref: n,
       name: o,
       label: r,
-      leftSection: l,
-      value: a,
-      autoFocus: u,
-      "data-autofocus": u ? "true" : void 0,
-      rightSection: P,
-      placeholder: c,
+      leftSection: a,
+      value: l,
+      autoFocus: c,
+      "data-autofocus": c ? "true" : void 0,
+      rightSection: k,
+      placeholder: u,
       disabled: g,
-      onKeyDown: h,
-      onChange: p,
-      onSubmit: C,
+      onKeyDown: b,
+      onChange: S,
+      onSubmit: x,
       autoComplete: y
     }
   );
-});
-var re = {
-  color: void 0,
-  size: void 0,
-  className: void 0,
-  style: void 0,
-  attr: void 0
-}, H = T.createContext && /* @__PURE__ */ T.createContext(re), He = ["attr", "size", "title"];
-function Ke(e, n) {
-  if (e == null) return {};
-  var t = Ue(e, n), o, r;
-  if (Object.getOwnPropertySymbols) {
-    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 Ue(e, n) {
-  if (e == null) return {};
-  var t = {};
-  for (var o in e)
-    if (Object.prototype.hasOwnProperty.call(e, o)) {
-      if (n.indexOf(o) >= 0) continue;
-      t[o] = e[o];
-    }
-  return t;
-}
-function F() {
-  return F = 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;
-  }, F.apply(this, arguments);
-}
-function K(e, n) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    n && (o = o.filter(function(r) {
-      return Object.getOwnPropertyDescriptor(e, r).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function O(e) {
-  for (var n = 1; n < arguments.length; n++) {
-    var t = arguments[n] != null ? arguments[n] : {};
-    n % 2 ? K(Object(t), !0).forEach(function(o) {
-      We(e, o, t[o]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : K(Object(t)).forEach(function(o) {
-      Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(t, o));
-    });
-  }
-  return e;
-}
-function We(e, n, t) {
-  return n = qe(n), n in e ? Object.defineProperty(e, n, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[n] = t, e;
-}
-function qe(e) {
-  var n = Ze(e, "string");
-  return typeof n == "symbol" ? n : n + "";
-}
-function Ze(e, n) {
-  if (typeof e != "object" || !e) return e;
-  var t = e[Symbol.toPrimitive];
-  if (t !== void 0) {
-    var o = t.call(e, n);
-    if (typeof o != "object") return o;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (n === "string" ? String : Number)(e);
-}
-function se(e) {
-  return e && e.map((n, t) => /* @__PURE__ */ T.createElement(n.tag, O({
-    key: t
-  }, n.attr), se(n.child)));
-}
-function ie(e) {
-  return (n) => /* @__PURE__ */ T.createElement(Je, F({
-    attr: O({}, e.attr)
-  }, n), se(e.child));
-}
-function Je(e) {
-  var n = (t) => {
-    var {
-      attr: o,
-      size: r,
-      title: i
-    } = e, l = Ke(e, He), a = r || t.size || "1em", u;
-    return t.className && (u = t.className), e.className && (u = (u ? u + " " : "") + e.className), /* @__PURE__ */ T.createElement("svg", F({
-      stroke: "currentColor",
-      fill: "currentColor",
-      strokeWidth: "0"
-    }, t.attr, o, l, {
-      className: u,
-      style: O(O({
-        color: e.color || t.color
-      }, t.style), e.style),
-      height: a,
-      width: a,
-      xmlns: "http://www.w3.org/2000/svg"
-    }), i && /* @__PURE__ */ T.createElement("title", null, i), e.children);
-  };
-  return H !== void 0 ? /* @__PURE__ */ T.createElement(H.Consumer, null, (t) => n(t)) : n(re);
-}
-function Qe(e) {
-  return ie({ 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 Xe(e) {
-  return ie({ 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 ae = Fe(void 0), Ye = m((e, n) => {
-  const {
-    children: t,
-    onOpenChange: o,
-    position: r,
-    sub: i,
-    // not used
-    ...l
-  } = e;
-  d(l);
-  const [a, u] = A(!1), c = k(null), g = k(
-    void 0
-  ), h = E(() => {
-    g.current && clearTimeout(g.current), g.current = setTimeout(() => {
-      u(!1);
-    }, 250);
-  }, []), p = E(() => {
-    g.current && clearTimeout(g.current), u(!0);
-  }, []);
-  return /* @__PURE__ */ s(
-    ae.Provider,
+}), Ge = Pe(void 0), He = (e) => {
+  const { children: n, onOpenChange: t, position: o, sub: r, ...i } = e;
+  return d(i), r ? /* @__PURE__ */ s(
+    p.Sub,
     {
-      value: {
-        onMenuMouseOver: p,
-        onMenuMouseLeave: h
-      },
-      children: /* @__PURE__ */ s(
-        S.Item,
-        {
-          className: "bn-menu-item bn-mt-sub-menu-item",
-          ref: R(n, c),
-          onMouseOver: p,
-          onMouseLeave: h,
-          children: /* @__PURE__ */ s(
-            S,
-            {
-              portalProps: {
-                target: c.current ? c.current.parentElement : void 0
-              },
-              middlewares: { flip: !0, shift: !0, inline: !1, size: !0 },
-              trigger: "hover",
-              opened: a,
-              onChange: o,
-              position: r,
-              children: t
-            }
-          )
-        }
-      )
+      transitionProps: { duration: 250, exitDelay: 250 },
+      withinPortal: !1,
+      middlewares: { flip: !0, shift: !0, inline: !1, size: !0 },
+      onChange: t,
+      position: o,
+      children: n
     }
-  );
-}), et = (e) => {
-  const { children: n, onOpenChange: t, position: o, sub: r, ...i } = e;
-  return d(i), r ? /* @__PURE__ */ s(Ye, { ...e }) : /* @__PURE__ */ s(
-    S,
+  ) : /* @__PURE__ */ s(
+    p,
     {
       withinPortal: !1,
       middlewares: { flip: !0, shift: !0, inline: !1, size: !0 },
@@ -565,42 +409,40 @@ const ae = Fe(void 0), Ye = m((e, n) => {
       children: n
     }
   );
-}, tt = m((e, n) => {
-  const { className: t, children: o, icon: r, checked: i, subTrigger: l, onClick: a, ...u } = e;
-  return d(u, !1), l ? /* @__PURE__ */ v(
-    "div",
+}, Ke = m((e, n) => {
+  const { className: t, children: o, icon: r, checked: i, subTrigger: a, onClick: l, ...c } = e;
+  return d(c, !1), a ? /* @__PURE__ */ s(
+    p.Sub.Item,
     {
-      onClick: (c) => {
-        c.preventDefault(), c.stopPropagation();
-      },
+      className: t,
       ref: n,
-      ...u,
-      children: [
-        o,
-        /* @__PURE__ */ s(Xe, { size: 15 })
-      ]
+      leftSection: r,
+      rightSection: i ? /* @__PURE__ */ s(B, { size: 10 }) : i === !1 ? /* @__PURE__ */ s("div", { className: "bn-tick-space" }) : null,
+      onClick: l,
+      ...c,
+      children: o
     }
   ) : /* @__PURE__ */ s(
-    S.Item,
+    p.Item,
     {
       className: t,
       ref: n,
       leftSection: r,
-      rightSection: i ? /* @__PURE__ */ s(Y, { size: 10 }) : i === !1 ? /* @__PURE__ */ s("div", { className: "bn-tick-space" }) : null,
-      onClick: a,
-      ...u,
+      rightSection: i ? /* @__PURE__ */ s(B, { size: 10 }) : i === !1 ? /* @__PURE__ */ s("div", { className: "bn-tick-space" }) : null,
+      onClick: l,
+      ...c,
       children: o
     }
   );
-}), nt = (e) => {
+}), Ue = (e) => {
   const {
     children: n,
     sub: t,
     // unused
     ...o
   } = e;
-  return d(o), /* @__PURE__ */ s(S.Target, { children: n });
-}, ot = m((e, n) => {
+  return d(o), t ? /* @__PURE__ */ s(p.Sub.Target, { children: n }) : /* @__PURE__ */ s(p.Target, { children: n });
+}, We = m((e, n) => {
   const {
     className: t,
     children: o,
@@ -609,112 +451,121 @@ const ae = Fe(void 0), Ye = m((e, n) => {
     ...i
   } = e;
   d(i);
-  const l = Me(ae);
-  return /* @__PURE__ */ s(
-    S.Dropdown,
+  const a = ee(Ge);
+  return r ? /* @__PURE__ */ s(
+    p.Sub.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
+    }
+  ) : /* @__PURE__ */ s(
+    p.Dropdown,
+    {
+      className: t,
+      ref: n,
+      onMouseOver: a == null ? void 0 : a.onMenuMouseOver,
+      onMouseLeave: a == null ? void 0 : a.onMenuMouseLeave,
       children: o
     }
   );
-}), rt = m((e, n) => {
+}), qe = m((e, n) => {
   const { className: t, ...o } = e;
-  return d(o), /* @__PURE__ */ s(S.Divider, { className: t, ref: n });
-}), st = m((e, n) => {
+  return d(o), /* @__PURE__ */ s(p.Divider, { className: t, ref: n });
+}), Ze = m((e, n) => {
   const { className: t, children: o, ...r } = e;
-  return d(r), /* @__PURE__ */ s(S.Label, { className: t, ref: n, children: o });
-}), it = m((e, n) => {
+  return d(r), /* @__PURE__ */ s(p.Label, { className: t, ref: n, children: o });
+}), Je = m((e, n) => {
   const {
     className: t,
     children: o,
     icon: r,
     onClick: i,
-    onDragEnd: l,
-    onDragStart: a,
-    draggable: u,
-    label: c,
+    onDragEnd: a,
+    onDragStart: l,
+    draggable: c,
+    label: u,
     ...g
   } = e;
   return d(g, !1), r ? /* @__PURE__ */ s(
-    j,
+    L,
     {
       size: 24,
       className: t,
       ref: n,
       onClick: i,
-      onDragEnd: l,
-      onDragStart: a,
-      draggable: u,
-      "aria-label": c,
+      onDragEnd: a,
+      onDragStart: l,
+      draggable: c,
+      "aria-label": u,
       ...g,
       children: r
     }
   ) : /* @__PURE__ */ s(
-    N,
+    T,
     {
       className: t,
       ref: n,
       onClick: i,
-      onDragEnd: l,
-      onDragStart: a,
-      draggable: u,
-      "aria-label": c,
+      onDragEnd: a,
+      onDragStart: l,
+      draggable: c,
+      "aria-label": u,
       ...g,
       children: o
     }
   );
-}), at = m((e, n) => {
+}), Qe = m((e, n) => {
   const {
     className: t,
     tabs: o,
     defaultOpenTab: r,
     openTab: i,
-    setOpenTab: l,
-    loading: a,
-    ...u
+    setOpenTab: a,
+    loading: l,
+    ...c
   } = e;
-  return d(u), /* @__PURE__ */ s(b, { className: t, ref: n, children: /* @__PURE__ */ v(
-    M,
+  return d(c), /* @__PURE__ */ s(h, { className: t, ref: n, children: /* @__PURE__ */ v(
+    P,
     {
       value: i,
       defaultValue: r,
-      onChange: l,
+      onChange: a,
       children: [
-        a && /* @__PURE__ */ s(ye, { visible: a }),
-        /* @__PURE__ */ s(M.List, { children: o.map((c) => /* @__PURE__ */ s(
-          M.Tab,
+        l && /* @__PURE__ */ s(ve, { visible: l }),
+        /* @__PURE__ */ s(P.List, { children: o.map((u) => /* @__PURE__ */ s(
+          P.Tab,
           {
-            "data-test": `${c.name.toLowerCase()}-tab`,
-            value: c.name,
-            children: c.name
+            "data-test": `${u.name.toLowerCase()}-tab`,
+            value: u.name,
+            children: u.name
           },
-          c.name
+          u.name
         )) }),
-        o.map((c) => /* @__PURE__ */ s(M.Panel, { value: c.name, children: c.tabPanel }, c.name))
+        o.map((u) => /* @__PURE__ */ s(P.Panel, { value: u.name, children: u.tabPanel }, u.name))
       ]
     }
   ) });
-}), lt = m((e, n) => {
-  const { className: t, children: o, onClick: r, label: i, ...l } = e;
-  return d(l), /* @__PURE__ */ s(
-    N,
+}), Xe = m((e, n) => {
+  const { className: t, children: o, onClick: r, label: i, ...a } = e;
+  return d(a), /* @__PURE__ */ s(
+    T,
     {
       size: "xs",
       "aria-label": i,
       className: t,
       ref: n,
       onClick: r,
-      ...l,
+      ...a,
       children: o
     }
   );
-}), ct = m((e, n) => {
-  const { className: t, accept: o, value: r, placeholder: i, onChange: l, ...a } = e;
-  return d(a), /* @__PURE__ */ s(
-    xe,
+}), Ye = m((e, n) => {
+  const { className: t, accept: o, value: r, placeholder: i, onChange: a, ...l } = e;
+  return d(l), /* @__PURE__ */ s(
+    Se,
     {
       size: "xs",
       className: t,
@@ -722,17 +573,17 @@ const ae = Fe(void 0), Ye = m((e, n) => {
       accept: o,
       value: r,
       placeholder: i,
-      onChange: l,
-      ...a
+      onChange: a,
+      ...l
     }
   );
-}), ut = m((e, n) => {
+}), et = m((e, n) => {
   const { className: t, children: o, ...r } = e;
   return d(r), /* @__PURE__ */ s("div", { className: t, ref: n, children: o });
-}), dt = m((e, n) => {
-  const { className: t, value: o, placeholder: r, onKeyDown: i, onChange: l, ...a } = e;
-  return d(a), /* @__PURE__ */ s(
-    X,
+}), tt = m((e, n) => {
+  const { className: t, value: o, placeholder: r, onKeyDown: i, onChange: a, ...l } = e;
+  return d(l), /* @__PURE__ */ s(
+    Q,
     {
       size: "xs",
       "data-test": "embed-input",
@@ -741,16 +592,16 @@ const ae = Fe(void 0), Ye = m((e, n) => {
       value: o,
       placeholder: r,
       onKeyDown: i,
-      onChange: l
+      onChange: a
     }
   );
-}), mt = (e) => {
+}), nt = (e) => {
   const { opened: n, position: t, children: o, ...r } = e;
-  return d(r), /* @__PURE__ */ s(Te, { withinPortal: !1, opened: n, position: t, children: o });
-}, ft = (e) => {
+  return d(r), /* @__PURE__ */ s(xe, { withinPortal: !1, opened: n, position: t, children: o });
+}, ot = (e) => {
   const { children: n, ...t } = e;
   return d(t), /* @__PURE__ */ s(we, { children: n });
-}, gt = m((e, n) => {
+}, rt = m((e, n) => {
   const {
     className: t,
     children: o,
@@ -758,11 +609,11 @@ const ae = Fe(void 0), Ye = m((e, n) => {
     // unused
     ...i
   } = e;
-  return d(i), /* @__PURE__ */ s(Ce, { className: t, ref: n, children: o });
-}), ht = m((e, n) => {
+  return d(i), /* @__PURE__ */ s(ye, { className: t, ref: n, children: o });
+}), st = m((e, n) => {
   const { className: t, children: o, ...r } = e;
   return d(r, !1), /* @__PURE__ */ s(
-    b,
+    h,
     {
       align: "center",
       gap: 0,
@@ -772,50 +623,50 @@ const ae = Fe(void 0), Ye = m((e, n) => {
       children: o
     }
   );
-}), bt = m((e, n) => {
+}), it = m((e, n) => {
   const {
     className: t,
     children: o,
     icon: r,
     onClick: i,
-    onDragEnd: l,
-    onDragStart: a,
-    draggable: u,
-    label: c,
+    onDragEnd: a,
+    onDragStart: l,
+    draggable: c,
+    label: u,
     ...g
   } = e;
   return d(g, !1), r ? /* @__PURE__ */ s(
-    j,
+    L,
     {
       size: 24,
       className: t,
       ref: n,
       onClick: i,
-      onDragEnd: l,
-      onDragStart: a,
-      draggable: u,
-      "aria-label": c,
+      onDragEnd: a,
+      onDragStart: l,
+      draggable: c,
+      "aria-label": u,
       ...g,
       children: r
     }
   ) : /* @__PURE__ */ s(
-    N,
+    T,
     {
       className: t,
       ref: n,
       onClick: i,
-      onDragEnd: l,
-      onDragStart: a,
-      draggable: u,
-      "aria-label": c,
+      onDragEnd: a,
+      onDragStart: l,
+      draggable: c,
+      "aria-label": u,
       ...g,
       children: o
     }
   );
-}), pt = m((e, n) => {
+}), at = m((e, n) => {
   const { className: t, children: o, id: r, ...i } = e;
   return d(i), /* @__PURE__ */ s(
-    $,
+    z,
     {
       gap: 0,
       className: t,
@@ -825,66 +676,66 @@ const ae = Fe(void 0), Ye = m((e, n) => {
       children: o
     }
   );
-}), vt = m((e, n) => {
+}), lt = m((e, n) => {
   const { className: t, children: o, ...r } = e;
-  return d(r), /* @__PURE__ */ s(b, { className: t, ref: n, children: /* @__PURE__ */ s(b, { className: "bn-mt-suggestion-menu-item-title", children: o }) });
-}), St = m((e, n) => {
-  const { className: t, isSelected: o, onClick: r, item: i, id: l, ...a } = e;
-  d(a);
-  const u = k(null);
-  return _(() => {
-    if (!u.current || !o)
+  return d(r), /* @__PURE__ */ s(h, { className: t, ref: n, children: /* @__PURE__ */ s(h, { className: "bn-mt-suggestion-menu-item-title", children: o }) });
+}), ct = m((e, n) => {
+  const { className: t, isSelected: o, onClick: r, item: i, id: a, ...l } = e;
+  d(l);
+  const c = j(null);
+  return $(() => {
+    if (!c.current || !o)
       return;
-    const c = Z(
-      u.current,
+    const u = q(
+      c.current,
       document.querySelector(".bn-suggestion-menu, #ai-suggestion-menu")
       // TODO
     );
-    c === "top" ? u.current.scrollIntoView(!0) : c === "bottom" && u.current.scrollIntoView(!1);
+    u === "top" ? c.current.scrollIntoView(!0) : u === "bottom" && c.current.scrollIntoView(!1);
   }, [o]), /* @__PURE__ */ v(
-    b,
+    h,
     {
       gap: 0,
       className: t,
-      ref: R(n, u),
-      id: l,
+      ref: A(n, c),
+      id: a,
       role: "option",
-      onMouseDown: (c) => c.preventDefault(),
+      onMouseDown: (u) => u.preventDefault(),
       onClick: r,
       "aria-selected": o || void 0,
       children: [
         i.icon && /* @__PURE__ */ s(
-          b,
+          h,
           {
             className: "bn-mt-suggestion-menu-item-section",
             "data-position": "left",
             children: i.icon
           }
         ),
-        /* @__PURE__ */ v($, { gap: 0, className: "bn-mt-suggestion-menu-item-body", children: [
-          /* @__PURE__ */ s(w, { className: "bn-mt-suggestion-menu-item-title", children: i.title }),
-          /* @__PURE__ */ s(w, { className: "bn-mt-suggestion-menu-item-subtitle", children: i.subtext })
+        /* @__PURE__ */ v(z, { gap: 0, className: "bn-mt-suggestion-menu-item-body", children: [
+          /* @__PURE__ */ s(C, { className: "bn-mt-suggestion-menu-item-title", children: i.title }),
+          /* @__PURE__ */ s(C, { className: "bn-mt-suggestion-menu-item-subtitle", children: i.subtext })
         ] }),
         i.badge && /* @__PURE__ */ s(
-          b,
+          h,
           {
             "data-position": "right",
             className: "bn-mt-suggestion-menu-item-section",
-            children: /* @__PURE__ */ s(Ne, { size: "xs", children: i.badge })
+            children: /* @__PURE__ */ s(Ce, { size: "xs", children: i.badge })
           }
         )
       ]
     }
   );
-}), yt = m((e, n) => {
+}), ut = m((e, n) => {
   const { className: t, children: o, ...r } = e;
-  return d(r), /* @__PURE__ */ s(b, { className: t, ref: n, children: o });
-}), xt = m((e, n) => {
+  return d(r), /* @__PURE__ */ s(h, { className: t, ref: n, children: o });
+}), dt = m((e, n) => {
   const { className: t, ...o } = e;
-  return d(o), /* @__PURE__ */ s(ee, { className: t, type: "dots", size: 16, ref: n });
-}), Ct = m((e, n) => {
-  const { className: t, children: o, id: r, columns: i, ...l } = e;
-  return d(l), /* @__PURE__ */ s(
+  return d(o), /* @__PURE__ */ s(X, { className: t, type: "dots", size: 16, ref: n });
+}), mt = m((e, n) => {
+  const { className: t, children: o, id: r, columns: i, ...a } = e;
+  return d(a), /* @__PURE__ */ s(
     "div",
     {
       className: t,
@@ -895,42 +746,42 @@ const ae = Fe(void 0), Ye = m((e, n) => {
       children: o
     }
   );
-}), wt = m((e, n) => {
+}), ft = m((e, n) => {
   const { className: t, children: o, columns: r, ...i } = e;
   return d(i), /* @__PURE__ */ s(
-    b,
+    h,
     {
       className: t,
       style: { gridColumn: `1 / ${r + 1}` },
       ref: n,
-      children: /* @__PURE__ */ s(b, { className: "bn-mt-suggestion-menu-item-title", children: o })
+      children: /* @__PURE__ */ s(h, { className: "bn-mt-suggestion-menu-item-title", children: o })
     }
   );
-}), Tt = m((e, n) => {
-  const { className: t, isSelected: o, onClick: r, item: i, id: l, ...a } = e;
-  d(a);
-  const u = k(null);
-  return _(() => {
-    if (!u.current || !o)
+}), gt = m((e, n) => {
+  const { className: t, isSelected: o, onClick: r, item: i, id: a, ...l } = e;
+  d(l);
+  const c = j(null);
+  return $(() => {
+    if (!c.current || !o)
       return;
-    const c = Z(
-      u.current,
+    const u = q(
+      c.current,
       document.querySelector(".bn-grid-suggestion-menu")
     );
-    c === "top" ? u.current.scrollIntoView(!0) : c === "bottom" && u.current.scrollIntoView(!1);
+    u === "top" ? c.current.scrollIntoView(!0) : u === "bottom" && c.current.scrollIntoView(!1);
   }, [o]), /* @__PURE__ */ s(
     "div",
     {
       className: t,
-      ref: R(n, u),
-      id: l,
+      ref: A(n, c),
+      id: a,
       role: "option",
       onClick: r,
       "aria-selected": o || void 0,
       children: i.icon
     }
   );
-}), Nt = m((e, n) => {
+}), bt = m((e, n) => {
   const {
     className: t,
     children: o,
@@ -939,7 +790,7 @@ const ae = Fe(void 0), Ye = m((e, n) => {
     ...i
   } = e;
   return d(i), /* @__PURE__ */ s(
-    ee,
+    X,
     {
       className: t,
       style: { gridColumn: `1 / ${r + 1}` },
@@ -947,75 +798,187 @@ const ae = Fe(void 0), Ye = m((e, n) => {
       ref: n
     }
   );
-}), Pt = m((e, n) => {
-  const { children: t, className: o, onMouseDown: r, onClick: i, ...l } = e;
-  return d(l, !1), /* @__PURE__ */ s(
-    N,
+}), ht = m((e, n) => {
+  const { children: t, className: o, onMouseDown: r, onClick: i, ...a } = e;
+  return d(a, !1), /* @__PURE__ */ s(
+    T,
     {
       className: o,
       ref: n,
       onMouseDown: r,
       onClick: i,
-      ...l,
+      ...a,
       children: t
     }
   );
-}), kt = m((e, n) => {
+}), pt = m((e, n) => {
   const {
     className: t,
     children: o,
     draggable: r,
     onDragStart: i,
-    onDragEnd: l,
-    style: a,
-    label: u,
-    ...c
+    onDragEnd: a,
+    style: l,
+    label: c,
+    ...u
   } = e;
-  return d(c, !1), /* @__PURE__ */ s(
-    N,
+  return d(u, !1), /* @__PURE__ */ s(
+    T,
     {
       className: t,
       ref: n,
-      "aria-label": u,
+      "aria-label": c,
       draggable: r,
       onDragStart: i,
-      onDragEnd: l,
-      style: a,
-      ...c,
+      onDragEnd: a,
+      style: l,
+      ...u,
       children: o
     }
   );
-}), I = m(
+}), D = m(
   (e, n) => {
     const {
       className: t,
       children: o,
       onMouseEnter: r,
       onMouseLeave: i,
-      variant: l,
-      ...a
+      variant: a,
+      ...l
     } = e;
-    d(a);
-    const { ref: u, focused: c } = te(), g = Re(c), h = R(n, u, g);
+    d(l);
+    const { ref: c, focused: u } = te(), g = Oe(u), b = A(n, c, g);
     return /* @__PURE__ */ s(
-      Pe,
+      Ne,
       {
         className: t,
-        ref: h,
+        ref: b,
         role: "toolbar",
         onMouseEnter: r,
         onMouseLeave: i,
-        gap: l === "action-toolbar" ? 2 : void 0,
+        gap: a === "action-toolbar" ? 2 : void 0,
         children: o
       }
     );
   }
-), L = m((e, n) => {
+);
+var re = {
+  color: void 0,
+  size: void 0,
+  className: void 0,
+  style: void 0,
+  attr: void 0
+}, G = N.createContext && /* @__PURE__ */ N.createContext(re), vt = ["attr", "size", "title"];
+function St(e, n) {
+  if (e == null) return {};
+  var t = yt(e, n), o, r;
+  if (Object.getOwnPropertySymbols) {
+    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 yt(e, n) {
+  if (e == null) return {};
+  var t = {};
+  for (var o in e)
+    if (Object.prototype.hasOwnProperty.call(e, o)) {
+      if (n.indexOf(o) >= 0) continue;
+      t[o] = e[o];
+    }
+  return t;
+}
+function F() {
+  return F = 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;
+  }, F.apply(this, arguments);
+}
+function H(e, n) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    n && (o = o.filter(function(r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function M(e) {
+  for (var n = 1; n < arguments.length; n++) {
+    var t = arguments[n] != null ? arguments[n] : {};
+    n % 2 ? H(Object(t), !0).forEach(function(o) {
+      wt(e, o, t[o]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : H(Object(t)).forEach(function(o) {
+      Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(t, o));
+    });
+  }
+  return e;
+}
+function wt(e, n, t) {
+  return n = xt(n), n in e ? Object.defineProperty(e, n, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[n] = t, e;
+}
+function xt(e) {
+  var n = Ct(e, "string");
+  return typeof n == "symbol" ? n : n + "";
+}
+function Ct(e, n) {
+  if (typeof e != "object" || !e) return e;
+  var t = e[Symbol.toPrimitive];
+  if (t !== void 0) {
+    var o = t.call(e, n);
+    if (typeof o != "object") return o;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (n === "string" ? String : Number)(e);
+}
+function se(e) {
+  return e && e.map((n, t) => /* @__PURE__ */ N.createElement(n.tag, M({
+    key: t
+  }, n.attr), se(n.child)));
+}
+function Nt(e) {
+  return (n) => /* @__PURE__ */ N.createElement(Tt, F({
+    attr: M({}, e.attr)
+  }, n), se(e.child));
+}
+function Tt(e) {
+  var n = (t) => {
+    var {
+      attr: o,
+      size: r,
+      title: i
+    } = e, a = St(e, vt), l = r || t.size || "1em", c;
+    return t.className && (c = t.className), e.className && (c = (c ? c + " " : "") + e.className), /* @__PURE__ */ N.createElement("svg", F({
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: "0"
+    }, t.attr, o, a, {
+      className: c,
+      style: M(M({
+        color: e.color || t.color
+      }, t.style), e.style),
+      height: l,
+      width: l,
+      xmlns: "http://www.w3.org/2000/svg"
+    }), i && /* @__PURE__ */ N.createElement("title", null, i), e.children);
+  };
+  return G !== void 0 ? /* @__PURE__ */ N.createElement(G.Consumer, null, (t) => n(t)) : n(re);
+}
+function kt(e) {
+  return Nt({ 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);
+}
+const I = m((e, n) => {
   const { className: t, items: o, isDisabled: r, ...i } = e;
   d(i);
-  const l = o.filter((a) => a.isSelected)[0];
-  return l ? /* @__PURE__ */ v(
-    S,
+  const a = o.filter((l) => l.isSelected)[0];
+  return a ? /* @__PURE__ */ v(
+    p,
     {
       withinPortal: !1,
       transitionProps: {
@@ -1024,151 +987,147 @@ const ae = Fe(void 0), Ye = m((e, n) => {
       disabled: r,
       middlewares: { flip: !0, shift: !0, inline: !1, size: !0 },
       children: [
-        /* @__PURE__ */ s(S.Target, { children: /* @__PURE__ */ s(
-          N,
+        /* @__PURE__ */ s(p.Target, { children: /* @__PURE__ */ s(
+          T,
           {
-            onMouseDown: (a) => {
-              B() && a.currentTarget.focus();
+            onMouseDown: (l) => {
+              R() && l.currentTarget.focus();
             },
-            leftSection: l.icon,
-            rightSection: /* @__PURE__ */ s(Qe, {}),
+            leftSection: a.icon,
+            rightSection: /* @__PURE__ */ s(kt, {}),
             size: "xs",
             variant: "subtle",
             disabled: r,
-            children: l.text
+            children: a.text
           }
         ) }),
-        /* @__PURE__ */ s(S.Dropdown, { className: t, ref: n, children: o.map((a) => /* @__PURE__ */ s(
-          S.Item,
+        /* @__PURE__ */ s(p.Dropdown, { className: t, ref: n, children: o.map((l) => /* @__PURE__ */ s(
+          p.Item,
           {
-            onClick: a.onClick,
-            leftSection: a.icon,
-            rightSection: a.isSelected ? /* @__PURE__ */ s(Y, { size: 10, className: "bn-tick-icon" }) : (
+            onClick: l.onClick,
+            leftSection: l.icon,
+            rightSection: l.isSelected ? /* @__PURE__ */ s(B, { size: 10, className: "bn-tick-icon" }) : (
               // Ensures space for tick even if item isn't currently selected.
               /* @__PURE__ */ s("div", { className: "bn-tick-space" })
             ),
-            disabled: a.isDisabled,
-            children: a.text
+            disabled: l.isDisabled,
+            children: l.text
           },
-          a.text
+          l.text
         )) })
       ]
     }
   ) : null;
-}), Mt = {
+}), Pt = {
   FormattingToolbar: {
-    Root: I,
-    Button: D,
-    Select: L
+    Root: D,
+    Button: O,
+    Select: I
   },
   FilePanel: {
-    Root: at,
-    Button: lt,
-    FileInput: ct,
-    TabPanel: ut,
-    TextInput: dt
+    Root: Qe,
+    Button: Xe,
+    FileInput: Ye,
+    TabPanel: et,
+    TextInput: tt
   },
   GridSuggestionMenu: {
-    Root: Ct,
-    Item: Tt,
-    EmptyItem: wt,
-    Loader: Nt
+    Root: mt,
+    Item: gt,
+    EmptyItem: ft,
+    Loader: bt
   },
   LinkToolbar: {
-    Root: I,
-    Button: D,
-    Select: L
+    Root: D,
+    Button: O,
+    Select: I
   },
   SideMenu: {
-    Root: ht,
-    Button: bt
+    Root: st,
+    Button: it
   },
   SuggestionMenu: {
-    Root: pt,
-    Item: St,
-    EmptyItem: vt,
-    Label: yt,
-    Loader: xt
+    Root: at,
+    Item: ct,
+    EmptyItem: lt,
+    Label: ut,
+    Loader: dt
   },
   TableHandle: {
-    Root: kt,
-    ExtendButton: Pt
+    Root: pt,
+    ExtendButton: ht
   },
   Generic: {
     Badge: {
-      Root: Le,
+      Root: Re,
       Group: Be
     },
     Form: {
       Root: (e) => /* @__PURE__ */ s("div", { children: e.children }),
-      TextInput: Ge
+      TextInput: Ve
     },
     Menu: {
-      Root: et,
-      Trigger: nt,
-      Dropdown: ot,
-      Divider: rt,
-      Label: st,
-      Item: tt,
-      Button: it
+      Root: He,
+      Trigger: Ue,
+      Dropdown: We,
+      Divider: qe,
+      Label: Ze,
+      Item: Ke,
+      Button: Je
     },
     Popover: {
-      Root: mt,
-      Trigger: ft,
-      Content: gt
+      Root: nt,
+      Trigger: ot,
+      Content: rt
     },
     Toolbar: {
-      Root: I,
-      Button: D,
-      Select: L
+      Root: D,
+      Button: O,
+      Select: I
     }
   },
   Comments: {
-    Comment: Ae,
-    Editor: _e,
+    Comment: $e,
+    Editor: Ae,
     Card: Ee,
-    CardSection: ze,
-    ExpandSectionsPrompt: je
+    CardSection: Le,
+    ExpandSectionsPrompt: ze
   }
-}, Ft = {
-  // Removes button press effect
-  activeClassName: ""
-}, Ot = (e) => {
-  const { className: n, theme: t, ...o } = e, r = q(), i = ge(), l = (r == null ? void 0 : r.colorSchemePreference) || i, a = E(
-    (c) => {
-      if (c && (Ie(c), typeof t == "object")) {
+}, Ft = (e) => {
+  const { className: n, theme: t, ...o } = e, r = W(), i = me(), a = (r == null ? void 0 : r.colorSchemePreference) || i, l = Fe(
+    (b) => {
+      if (b && (Ie(b), typeof t == "object")) {
         if ("light" in t && "dark" in t) {
-          G(
-            t[l === "dark" ? "dark" : "light"],
-            c
+          V(
+            t[a === "dark" ? "dark" : "light"],
+            b
           );
           return;
         }
-        G(t, c);
+        V(t, b);
         return;
       }
     },
-    [l, t]
-  ), u = typeof t == "string" ? t : l !== "no-preference" ? l : "light";
-  return /* @__PURE__ */ s(he.Provider, { value: Mt, children: /* @__PURE__ */ s(
+    [a, t]
+  ), c = ee(Te), u = typeof t == "string" ? t : a !== "no-preference" ? a : "light", g = /* @__PURE__ */ s(fe.Provider, { value: Pt, children: /* @__PURE__ */ s(
+    ge,
+    {
+      "data-mantine-color-scheme": u,
+      className: E("bn-mantine", n || ""),
+      theme: typeof t == "object" ? void 0 : t,
+      ...o,
+      ref: l
+    }
+  ) });
+  return c ? g : /* @__PURE__ */ s(
     ke,
     {
-      theme: Ft,
-      cssVariablesSelector: ".bn-mantine",
+      withCssVariables: !1,
       getRootElement: () => {
       },
-      children: /* @__PURE__ */ s(
-        be,
-        {
-          "data-mantine-color-scheme": u,
-          className: z("bn-mantine", n || ""),
-          theme: typeof t == "object" ? void 0 : t,
-          ...o,
-          ref: a
-        }
-      )
+      children: g
     }
-  ) });
+  );
 }, f = [
   "#FFFFFF",
   "#EFEFEF",
@@ -1180,7 +1139,7 @@ const ae = Fe(void 0), Ye = m((e, n) => {
   "#161616",
   "#0F0F0F",
   "#000000"
-], U = {
+], K = {
   colors: {
     editor: {
       text: f[5],
@@ -1209,11 +1168,11 @@ const ae = Fe(void 0), Ye = m((e, n) => {
     shadow: f[2],
     border: f[1],
     sideMenu: f[2],
-    highlights: le
+    highlights: ie
   },
   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'
-}, zt = {
+}, Et = {
   colors: {
     editor: {
       text: f[2],
@@ -1242,18 +1201,18 @@ const ae = Fe(void 0), Ye = m((e, n) => {
     shadow: f[8],
     border: f[7],
     sideMenu: f[4],
-    highlights: ce
+    highlights: ae
   },
-  borderRadius: U.borderRadius,
-  fontFamily: U.fontFamily
+  borderRadius: K.borderRadius,
+  fontFamily: K.fontFamily
 };
 export {
-  Ot as BlockNoteView,
-  G as applyBlockNoteCSSVariablesFromTheme,
-  Mt as components,
-  zt as darkDefaultTheme,
+  Ft as BlockNoteView,
+  V as applyBlockNoteCSSVariablesFromTheme,
+  Pt as components,
+  Et as darkDefaultTheme,
   f as defaultColorScheme,
-  U as lightDefaultTheme,
+  K as lightDefaultTheme,
   Ie as removeBlockNoteCSSVariables
 };
 //# sourceMappingURL=blocknote-mantine.js.map