@blocknote/mantine 0.47.3 → 0.48.1

package/dist/blocknote-mantine.js

@@ -1,1221 +1,902 @@
-import { jsx as s, jsxs as v } from "react/jsx-runtime";
-import { assertEmpty as u, isSafari as R, mergeCSSClasses as B, COLORS_DEFAULT as se, COLORS_DARK_MODE_DEFAULT as ae } from "@blocknote/core";
-import { mergeRefs as ie, useDictionary as le, useBlockNoteContext as V, FormattingToolbarController as ce, getFormattingToolbarItems as de, FormattingToolbar as ue, elementOverflow as K, usePrefersColorScheme as me, ComponentsContext as ge, BlockNoteViewRaw as fe } from "@blocknote/react";
-import { Button as T, ActionIcon as E, Tooltip as U, Stack as L, Text as C, Group as b, Chip as he, Divider as be, Card as W, Skeleton as $, Avatar as pe, TextInput as Z, Menu as p, CheckIcon as z, Tabs as P, LoadingOverlay as ve, FileInput as Se, PopoverDropdown as ye, PopoverTarget as we, Popover as xe, Badge as Ce, Loader as q, Flex as Ne, MantineContext as Te, MantineProvider as ke } from "@mantine/core";
-import N, { forwardRef as m, useState as J, useContext as Q, createContext as Pe, useRef as X, useEffect as Y, useCallback as Fe } from "react";
-import { useHover as Me, mergeRefs as j, useFocusWithin as Oe, useFocusTrap as De } from "@mantine/hooks";
-const ee = (e, n, t = !1) => {
-  const o = [];
-  function r(a, i = "--bn") {
-    for (const l in a) {
-      const c = l.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), d = `${i}-${c}`;
-      typeof a[l] != "object" ? (typeof a[l] == "number" && (a[l] = `${a[l]}px`), t ? n.style.removeProperty(d) : n.style.setProperty(d, a[l].toString())) : r(a[l], d);
-    }
-  }
-  return r(e), o;
-}, A = (e, n) => ee(e, n), Ie = {
-  colors: {
-    editor: {
-      text: void 0,
-      background: void 0
-    },
-    menu: {
-      text: void 0,
-      background: void 0
-    },
-    tooltip: {
-      text: void 0,
-      background: void 0
-    },
-    hovered: {
-      text: void 0,
-      background: void 0
-    },
-    selected: {
-      text: void 0,
-      background: void 0
-    },
-    disabled: {
-      text: void 0,
-      background: void 0
-    },
-    shadow: void 0,
-    border: void 0,
-    sideMenu: void 0,
-    highlights: {
-      gray: {
-        text: void 0,
-        background: void 0
-      },
-      brown: {
-        text: void 0,
-        background: void 0
-      },
-      red: {
-        text: void 0,
-        background: void 0
-      },
-      orange: {
-        text: void 0,
-        background: void 0
-      },
-      yellow: {
-        text: void 0,
-        background: void 0
-      },
-      green: {
-        text: void 0,
-        background: void 0
-      },
-      blue: {
-        text: void 0,
-        background: void 0
-      },
-      purple: {
-        text: void 0,
-        background: void 0
-      },
-      pink: {
-        text: void 0,
-        background: void 0
-      }
-    }
-  },
-  borderRadius: void 0,
-  fontFamily: void 0
-}, Re = (e) => ee(Ie, e, !0), te = (e) => /* @__PURE__ */ v(L, { 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: a,
-      icon: i,
-      isSelected: l,
-      isDisabled: c,
-      onClick: d,
-      label: f,
-      variant: h,
-      ...S
-    } = e;
-    u(S, !1);
-    const [x, y] = J(!1), k = o ? /* @__PURE__ */ s(
-      T,
-      {
-        "aria-label": f,
-        className: t,
-        onMouseDown: (w) => {
-          R() && w.currentTarget.focus();
-        },
-        onClick: (w) => {
-          y(!0), d == null || d(w);
-        },
-        onPointerLeave: () => y(!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: h === "compact" ? "compact-xs" : "xs",
-        disabled: c || !1,
-        ref: n,
-        ...S,
-        children: o
-      }
-    ) : /* @__PURE__ */ s(
-      E,
-      {
-        className: t,
-        "aria-label": f,
-        onMouseDown: (w) => {
-          R() && w.currentTarget.focus();
-        },
-        onClick: (w) => {
-          y(!0), d == null || d(w);
-        },
-        onPointerLeave: () => y(!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: h === "compact" ? 20 : 30,
-        disabled: c || !1,
-        ref: n,
-        ...S,
-        children: i
-      }
-    );
-    return r ? /* @__PURE__ */ s(
-      U,
-      {
-        disabled: x,
-        withinPortal: !1,
-        label: /* @__PURE__ */ s(
-          te,
-          {
-            mainTooltip: r,
-            secondaryTooltip: a
-          }
-        ),
-        children: k
-      }
-    ) : k;
-  }
-), ze = m((e, n) => {
-  const {
-    className: t,
-    text: o,
-    icon: r,
-    isSelected: a,
-    mainTooltip: i,
-    secondaryTooltip: l,
-    onClick: c,
-    onMouseEnter: d,
-    ...f
-  } = e;
-  u(f, !1);
-  const [h, S] = J(!1), x = /* @__PURE__ */ v(
-    he,
-    {
-      className: t,
-      checked: a === !0,
-      wrapperProps: {
-        onMouseEnter: d,
-        onMouseLeave: () => S(!1),
-        onClick: (y) => {
-          S(!0), c == null || c(y);
-        }
-      },
-      variant: "light",
-      icon: null,
-      ref: n,
-      children: [
-        /* @__PURE__ */ s("span", { children: r }),
-        /* @__PURE__ */ s("span", { children: o })
-      ]
-    }
-  );
-  return !i || h ? x : /* @__PURE__ */ s(
-    U,
-    {
-      refProp: "rootRef",
-      withinPortal: !1,
-      label: /* @__PURE__ */ s(
-        te,
-        {
-          mainTooltip: i,
-          secondaryTooltip: l
-        }
-      ),
-      children: x
-    }
-  );
-}), Be = m((e, n) => {
-  const { className: t, children: o, ...r } = e;
-  return u(r), /* @__PURE__ */ s(b, { className: t, ref: n, children: o });
-}), Ee = m((e, n) => {
-  const {
-    className: t,
-    children: o,
-    headerText: r,
-    selected: a,
-    onFocus: i,
-    onBlur: l,
-    tabIndex: c,
-    ...d
-  } = e;
-  return u(d, !1), /* @__PURE__ */ v(
-    W,
-    {
-      className: B(t, a ? "selected" : ""),
-      onFocus: i,
-      onBlur: l,
-      tabIndex: c,
-      ref: n,
-      children: [
-        r && /* @__PURE__ */ s(C, { className: "bn-header-text", children: r }),
-        o
-      ]
-    }
-  );
-}), Le = m((e, n) => {
-  const { className: t, children: o, ...r } = e;
-  return u(r, !1), /* @__PURE__ */ s(W.Section, { className: t, ref: n, children: o });
-}), je = m((e, n) => {
-  const { className: t, children: o, ...r } = e;
-  return u(r, !1), /* @__PURE__ */ s(
-    be,
-    {
-      className: t,
-      label: /* @__PURE__ */ s(C, { children: o }),
-      ref: n
-    }
-  );
-}), $e = m((e, n) => {
-  const { authorInfo: t, timeString: o, edited: r, ...a } = e, i = le();
-  return u(a, !1), t === "loading" ? /* @__PURE__ */ v(b, { children: [
-    /* @__PURE__ */ s($, { height: 24, width: 24 }),
-    /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s($, { height: 12, width: 100 }) })
-  ] }) : /* @__PURE__ */ v(b, { children: [
-    /* @__PURE__ */ s(
-      pe,
-      {
-        src: t.avatarUrl,
-        alt: t.username,
-        radius: "xl",
-        size: "sm",
-        color: "initials"
-      }
-    ),
-    /* @__PURE__ */ v(C, { fz: "sm", fw: "bold", children: [
-      t.username,
-      /* @__PURE__ */ v(C, { fz: "xs", c: "dimmed", span: !0, ml: "xs", children: [
-        o,
-        " ",
-        r && `(${i.comments.edited})`
-      ] })
-    ] })
-  ] });
-}), Ae = m((e, n) => {
-  const {
-    className: t,
-    showActions: o,
-    authorInfo: r,
-    timeString: a,
-    edited: i,
-    actions: l,
-    emojiPickerOpen: c,
-    children: d,
-    ...f
-  } = e, { hovered: h, ref: S } = Me(), x = ie([n, S]);
-  return u(f, !1), /* @__PURE__ */ v(b, { pos: "relative", ref: x, className: t, children: [
-    l && (o === !0 || o === void 0 || o === "hover" && h || c) ? /* @__PURE__ */ s(
-      b,
-      {
-        style: {
-          position: "absolute",
-          right: 0,
-          top: 0,
-          zIndex: 10
-        },
-        children: l
-      }
-    ) : null,
-    /* @__PURE__ */ s($e, { ...e }),
-    d
-  ] });
-}), _e = m((e, n) => {
-  const { className: t, autoFocus: o, onFocus: r, onBlur: a, editor: i, editable: l, ...c } = e;
-  u(c, !1);
-  const d = V();
-  return /* @__PURE__ */ s(
-    Mt,
-    {
-      autoFocus: o,
-      className: t,
-      editor: e.editor,
-      sideMenu: !1,
-      slashMenu: !1,
-      tableHandles: !1,
-      filePanel: !1,
-      formattingToolbar: !1,
-      editable: l,
-      theme: d == null ? void 0 : d.colorSchemePreference,
-      ref: n,
-      onFocus: r,
-      onBlur: a,
-      children: /* @__PURE__ */ s(
-        ce,
-        {
-          formattingToolbar: Ge
-        }
-      )
-    }
-  );
-}), Ge = () => {
-  const e = de([]).filter(
-    (n) => n.key !== "nestBlockButton" && n.key !== "unnestBlockButton"
-  );
-  return /* @__PURE__ */ s(ue, { blockTypeSelectItems: [], children: e });
-}, He = m((e, n) => {
-  const {
-    className: t,
-    name: o,
-    label: r,
-    variant: a,
-    icon: i,
-    value: l,
-    autoFocus: c,
-    placeholder: d,
-    disabled: f,
-    onKeyDown: h,
-    onChange: S,
-    onSubmit: x,
-    autoComplete: y,
-    "aria-activedescendant": k,
-    rightSection: w,
-    ...re
-  } = e;
-  return u(re), /* @__PURE__ */ s(
-    Z,
-    {
-      size: "xs",
-      className: B(
-        t || "",
-        a === "large" ? "bn-mt-input-large" : ""
-      ),
-      ref: n,
-      name: o,
-      label: r,
-      leftSection: i,
-      value: l,
-      autoFocus: c,
-      "data-autofocus": c ? "true" : void 0,
-      rightSection: w,
-      placeholder: d,
-      disabled: f,
-      onKeyDown: h,
-      onChange: S,
-      onSubmit: x,
-      autoComplete: y,
-      "aria-activedescendant": k
-    }
-  );
-}), Ve = Pe(void 0), Ke = (e) => {
-  const { children: n, onOpenChange: t, position: o, sub: r, ...a } = e;
-  return u(a), r ? /* @__PURE__ */ s(
-    p.Sub,
-    {
-      transitionProps: { duration: 250, exitDelay: 250 },
-      withinPortal: !1,
-      middlewares: { flip: !0, shift: !0, inline: !1, size: !0 },
-      onChange: t,
-      position: o,
-      children: n
-    }
-  ) : /* @__PURE__ */ s(
-    p,
-    {
-      withinPortal: !1,
-      middlewares: { flip: !0, shift: !0, inline: !1, size: !0 },
-      onChange: t,
-      position: o,
-      returnFocus: !1,
-      children: n
-    }
-  );
-}, Ue = m((e, n) => {
-  const { className: t, children: o, icon: r, checked: a, subTrigger: i, onClick: l, ...c } = e;
-  return u(c, !1), i ? /* @__PURE__ */ s(
-    p.Sub.Item,
-    {
-      className: t,
-      ref: n,
-      leftSection: r,
-      rightSection: a ? /* @__PURE__ */ s(z, { size: 10 }) : a === !1 ? /* @__PURE__ */ s("div", { className: "bn-tick-space" }) : null,
-      onClick: l,
-      ...c,
-      children: o
-    }
-  ) : /* @__PURE__ */ s(
-    p.Item,
-    {
-      className: t,
-      ref: n,
-      leftSection: r,
-      rightSection: a ? /* @__PURE__ */ s(z, { size: 10 }) : a === !1 ? /* @__PURE__ */ s("div", { className: "bn-tick-space" }) : null,
-      onClick: l,
-      ...c,
-      children: o
-    }
-  );
-}), We = (e) => {
-  const {
-    children: n,
-    sub: t,
-    // unused
-    ...o
-  } = e;
-  return u(o), t ? /* @__PURE__ */ s(p.Sub.Target, { children: n }) : /* @__PURE__ */ s(p.Target, { children: n });
-}, Ze = m((e, n) => {
-  const {
-    className: t,
-    children: o,
-    sub: r,
-    //unused
-    ...a
-  } = e;
-  u(a);
-  const i = Q(Ve);
-  return r ? /* @__PURE__ */ s(
-    p.Sub.Dropdown,
-    {
-      className: t,
-      ref: n,
-      onMouseOver: i == null ? void 0 : i.onMenuMouseOver,
-      onMouseLeave: i == null ? void 0 : i.onMenuMouseLeave,
-      children: o
-    }
-  ) : /* @__PURE__ */ s(
-    p.Dropdown,
-    {
-      className: t,
-      ref: n,
-      onMouseOver: i == null ? void 0 : i.onMenuMouseOver,
-      onMouseLeave: i == null ? void 0 : i.onMenuMouseLeave,
-      children: o
-    }
-  );
-}), qe = m((e, n) => {
-  const { className: t, ...o } = e;
-  return u(o), /* @__PURE__ */ s(p.Divider, { className: t, ref: n });
-}), Je = m((e, n) => {
-  const { className: t, children: o, ...r } = e;
-  return u(r), /* @__PURE__ */ s(p.Label, { className: t, ref: n, children: o });
-}), Qe = m((e, n) => {
-  const {
-    className: t,
-    children: o,
-    icon: r,
-    onClick: a,
-    onDragEnd: i,
-    onDragStart: l,
-    draggable: c,
-    label: d,
-    ...f
-  } = e;
-  return u(f, !1), r ? /* @__PURE__ */ s(
-    E,
-    {
-      size: 24,
-      className: t,
-      ref: n,
-      onClick: a,
-      onDragEnd: i,
-      onDragStart: l,
-      draggable: c,
-      "aria-label": d,
-      ...f,
-      children: r
-    }
-  ) : /* @__PURE__ */ s(
-    T,
-    {
-      className: t,
-      ref: n,
-      onClick: a,
-      onDragEnd: i,
-      onDragStart: l,
-      draggable: c,
-      "aria-label": d,
-      ...f,
-      children: o
-    }
-  );
-}), Xe = m((e, n) => {
-  const {
-    className: t,
-    tabs: o,
-    defaultOpenTab: r,
-    openTab: a,
-    setOpenTab: i,
-    loading: l,
-    ...c
-  } = e;
-  return u(c), /* @__PURE__ */ s(b, { className: t, ref: n, children: /* @__PURE__ */ v(
-    P,
-    {
-      value: a,
-      defaultValue: r,
-      onChange: i,
-      children: [
-        l && /* @__PURE__ */ s(ve, { visible: l }),
-        /* @__PURE__ */ s(P.List, { children: o.map((d) => /* @__PURE__ */ s(
-          P.Tab,
-          {
-            "data-test": `${d.name.toLowerCase()}-tab`,
-            value: d.name,
-            children: d.name
-          },
-          d.name
-        )) }),
-        o.map((d) => /* @__PURE__ */ s(P.Panel, { value: d.name, children: d.tabPanel }, d.name))
-      ]
-    }
-  ) });
-}), Ye = m((e, n) => {
-  const { className: t, children: o, onClick: r, label: a, ...i } = e;
-  return u(i), /* @__PURE__ */ s(
-    T,
-    {
-      size: "xs",
-      "aria-label": a,
-      className: t,
-      ref: n,
-      onClick: r,
-      ...i,
-      children: o
-    }
-  );
-}), et = m((e, n) => {
-  const { className: t, accept: o, value: r, placeholder: a, onChange: i, ...l } = e;
-  return u(l), /* @__PURE__ */ s(
-    Se,
-    {
-      size: "xs",
-      className: t,
-      ref: n,
-      accept: o,
-      value: r,
-      placeholder: a,
-      onChange: i,
-      ...l
-    }
-  );
-}), tt = m((e, n) => {
-  const { className: t, children: o, ...r } = e;
-  return u(r), /* @__PURE__ */ s("div", { className: t, ref: n, children: o });
-}), nt = m((e, n) => {
-  const { className: t, value: o, placeholder: r, onKeyDown: a, onChange: i, ...l } = e;
-  return u(l), /* @__PURE__ */ s(
-    Z,
-    {
-      size: "xs",
-      "data-test": "embed-input",
-      className: t,
-      ref: n,
-      value: o,
-      placeholder: r,
-      onKeyDown: a,
-      onChange: i
-    }
-  );
-}), ot = (e) => {
-  const { open: n, onOpenChange: t, position: o, children: r, ...a } = e;
-  return u(a), /* @__PURE__ */ s(
-    xe,
-    {
-      middlewares: { size: { padding: 20 } },
-      withinPortal: !1,
-      opened: n,
-      onChange: t,
-      position: o,
-      zIndex: 1e4,
-      children: r
-    }
-  );
-}, rt = (e) => {
-  const { children: n, ...t } = e;
-  return u(t), /* @__PURE__ */ s(we, { children: n });
-}, st = m((e, n) => {
-  const {
-    className: t,
-    children: o,
-    variant: r,
-    // unused
-    ...a
-  } = e;
-  return u(a), /* @__PURE__ */ s(ye, { className: t, ref: n, children: o });
-}), at = m((e, n) => {
-  const { className: t, children: o, ...r } = e;
-  return u(r, !1), /* @__PURE__ */ s(
-    b,
-    {
-      align: "center",
-      gap: 0,
-      className: t,
-      ref: n,
-      ...r,
-      children: o
-    }
-  );
-}), it = m((e, n) => {
-  const {
-    className: t,
-    children: o,
-    icon: r,
-    onClick: a,
-    onDragEnd: i,
-    onDragStart: l,
-    draggable: c,
-    label: d,
-    ...f
-  } = e;
-  return u(f, !1), r ? /* @__PURE__ */ s(
-    E,
-    {
-      size: 24,
-      className: t,
-      ref: n,
-      onClick: a,
-      onDragEnd: i,
-      onDragStart: l,
-      draggable: c,
-      "aria-label": d,
-      ...f,
-      children: r
-    }
-  ) : /* @__PURE__ */ s(
-    T,
-    {
-      className: t,
-      ref: n,
-      onClick: a,
-      onDragEnd: i,
-      onDragStart: l,
-      draggable: c,
-      "aria-label": d,
-      ...f,
-      children: o
-    }
-  );
-}), lt = m((e, n) => {
-  const { className: t, children: o, id: r, ...a } = e;
-  return u(a), /* @__PURE__ */ s(
-    L,
-    {
-      gap: 0,
-      className: t,
-      ref: n,
-      id: r,
-      role: "listbox",
-      children: o
-    }
-  );
-}), ct = m((e, n) => {
-  const { className: t, children: o, ...r } = e;
-  return u(r), /* @__PURE__ */ s(b, { className: t, ref: n, children: /* @__PURE__ */ s(b, { className: "bn-mt-suggestion-menu-item-title", children: o }) });
-}), dt = m((e, n) => {
-  const { className: t, isSelected: o, onClick: r, item: a, id: i, ...l } = e;
-  u(l);
-  const c = X(null);
-  return Y(() => {
-    if (!c.current || !o)
-      return;
-    K(
-      c.current,
-      c.current.closest(".bn-suggestion-menu, #ai-suggestion-menu")
-    ) !== "none" && c.current.scrollIntoView({ block: "nearest" });
-  }, [o]), /* @__PURE__ */ v(
-    b,
-    {
-      gap: 0,
-      className: t,
-      ref: j(n, c),
-      id: i,
-      role: "option",
-      onMouseDown: (d) => d.preventDefault(),
-      onClick: r,
-      "aria-selected": o || void 0,
-      children: [
-        a.icon && /* @__PURE__ */ s(
-          b,
-          {
-            className: "bn-mt-suggestion-menu-item-section",
-            "data-position": "left",
-            children: a.icon
-          }
-        ),
-        /* @__PURE__ */ v(L, { gap: 0, className: "bn-mt-suggestion-menu-item-body", children: [
-          /* @__PURE__ */ s(C, { className: "bn-mt-suggestion-menu-item-title", children: a.title }),
-          /* @__PURE__ */ s(C, { className: "bn-mt-suggestion-menu-item-subtitle", children: a.subtext })
-        ] }),
-        a.badge && /* @__PURE__ */ s(
-          b,
-          {
-            "data-position": "right",
-            className: "bn-mt-suggestion-menu-item-section",
-            children: /* @__PURE__ */ s(Ce, { size: "xs", children: a.badge })
-          }
-        )
-      ]
-    }
-  );
-}), ut = m((e, n) => {
-  const { className: t, children: o, ...r } = e;
-  return u(r), /* @__PURE__ */ s(b, { className: t, ref: n, children: o });
-}), mt = m((e, n) => {
-  const { className: t, ...o } = e;
-  return u(o), /* @__PURE__ */ s(q, { className: t, type: "dots", size: 16, ref: n });
-}), gt = m((e, n) => {
-  const { className: t, children: o, id: r, columns: a, ...i } = e;
-  return u(i), /* @__PURE__ */ s(
-    "div",
-    {
-      className: t,
-      style: { gridTemplateColumns: `repeat(${a}, 1fr)` },
-      ref: n,
-      id: r,
-      role: "grid",
-      children: o
-    }
-  );
-}), ft = m((e, n) => {
-  const { className: t, children: o, columns: r, ...a } = e;
-  return u(a), /* @__PURE__ */ s(
-    b,
-    {
-      className: t,
-      style: { gridColumn: `1 / ${r + 1}` },
-      ref: n,
-      children: /* @__PURE__ */ s(b, { className: "bn-mt-suggestion-menu-item-title", children: o })
-    }
-  );
-}), ht = m((e, n) => {
-  const { className: t, isSelected: o, onClick: r, item: a, id: i, ...l } = e;
-  u(l);
-  const c = X(null);
-  return Y(() => {
-    if (!c.current || !o)
-      return;
-    K(
-      c.current,
-      c.current.closest(".bn-grid-suggestion-menu")
-    ) !== "none" && c.current.scrollIntoView({ block: "nearest" });
-  }, [o]), /* @__PURE__ */ s(
-    "div",
-    {
-      className: t,
-      ref: j(n, c),
-      id: i,
-      role: "option",
-      onClick: r,
-      "aria-selected": o || void 0,
-      children: a.icon
-    }
-  );
-}), bt = m((e, n) => {
-  const {
-    className: t,
-    children: o,
-    // unused, using "dots" instead
-    columns: r,
-    ...a
-  } = e;
-  return u(a), /* @__PURE__ */ s(
-    q,
-    {
-      className: t,
-      style: { gridColumn: `1 / ${r + 1}` },
-      type: "dots",
-      ref: n
-    }
-  );
-}), pt = m((e, n) => {
-  const { children: t, className: o, onMouseDown: r, onClick: a, ...i } = e;
-  return u(i, !1), /* @__PURE__ */ s(
-    T,
-    {
-      className: o,
-      ref: n,
-      onMouseDown: r,
-      onClick: a,
-      ...i,
-      children: t
-    }
-  );
-}), vt = m((e, n) => {
-  const {
-    className: t,
-    children: o,
-    draggable: r,
-    onDragStart: a,
-    onDragEnd: i,
-    style: l,
-    label: c,
-    ...d
-  } = e;
-  return u(d, !1), /* @__PURE__ */ s(
-    T,
-    {
-      className: t,
-      ref: n,
-      "aria-label": c,
-      draggable: r,
-      onDragStart: a,
-      onDragEnd: i,
-      style: l,
-      ...d,
-      children: o
-    }
-  );
-}), D = m(
-  (e, n) => {
-    const {
-      className: t,
-      children: o,
-      onMouseEnter: r,
-      onMouseLeave: a,
-      variant: i,
-      ...l
-    } = e;
-    u(l);
-    const { ref: c, focused: d } = Oe(), f = De(d), h = j(n, c, f);
-    return /* @__PURE__ */ s(
-      Ne,
-      {
-        className: t,
-        ref: h,
-        role: "toolbar",
-        onMouseEnter: r,
-        onMouseLeave: a,
-        gap: i === "action-toolbar" ? 2 : void 0,
-        children: o
-      }
-    );
-  }
-);
-var ne = {
-  color: void 0,
-  size: void 0,
-  className: void 0,
-  style: void 0,
-  attr: void 0
-}, _ = N.createContext && /* @__PURE__ */ N.createContext(ne), St = ["attr", "size", "title"];
-function yt(e, n) {
-  if (e == null) return {};
-  var t = wt(e, n), o, r;
-  if (Object.getOwnPropertySymbols) {
-    var a = Object.getOwnPropertySymbols(e);
-    for (r = 0; r < a.length; r++)
-      o = a[r], !(n.indexOf(o) >= 0) && Object.prototype.propertyIsEnumerable.call(e, o) && (t[o] = e[o]);
-  }
-  return t;
-}
-function wt(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 G(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 ? G(Object(t), !0).forEach(function(o) {
-      xt(e, o, t[o]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : G(Object(t)).forEach(function(o) {
-      Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(t, o));
-    });
-  }
-  return e;
-}
-function xt(e, n, t) {
-  return n = Ct(n), n in e ? Object.defineProperty(e, n, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[n] = t, e;
-}
-function Ct(e) {
-  var n = Nt(e, "string");
-  return typeof n == "symbol" ? n : n + "";
-}
-function Nt(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 oe(e) {
-  return e && e.map((n, t) => /* @__PURE__ */ N.createElement(n.tag, M({
-    key: t
-  }, n.attr), oe(n.child)));
-}
-function Tt(e) {
-  return (n) => /* @__PURE__ */ N.createElement(kt, F({
-    attr: M({}, e.attr)
-  }, n), oe(e.child));
-}
-function kt(e) {
-  var n = (t) => {
-    var {
-      attr: o,
-      size: r,
-      title: a
-    } = e, i = yt(e, St), 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, i, {
-      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"
-    }), a && /* @__PURE__ */ N.createElement("title", null, a), e.children);
-  };
-  return _ !== void 0 ? /* @__PURE__ */ N.createElement(_.Consumer, null, (t) => n(t)) : n(ne);
-}
-function Pt(e) {
-  return Tt({ 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, ...a } = e;
-  u(a);
-  const i = o.filter((l) => l.isSelected)[0];
-  return i ? /* @__PURE__ */ v(
-    p,
-    {
-      withinPortal: !1,
-      transitionProps: {
-        exitDuration: 0
-      },
-      disabled: r,
-      middlewares: { flip: !0, shift: !0, inline: !1, size: !0 },
-      children: [
-        /* @__PURE__ */ s(p.Target, { children: /* @__PURE__ */ s(
-          T,
-          {
-            onMouseDown: (l) => {
-              R() && l.currentTarget.focus();
-            },
-            leftSection: i.icon,
-            rightSection: /* @__PURE__ */ s(Pt, {}),
-            size: "xs",
-            variant: "subtle",
-            disabled: r,
-            children: i.text
-          }
-        ) }),
-        /* @__PURE__ */ s(p.Dropdown, { className: t, ref: n, children: o.map((l) => /* @__PURE__ */ s(
-          p.Item,
-          {
-            onClick: l.onClick,
-            leftSection: l.icon,
-            rightSection: l.isSelected ? /* @__PURE__ */ s(z, { 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: l.isDisabled,
-            children: l.text
-          },
-          l.text
-        )) })
-      ]
-    }
-  ) : null;
-}), Ft = {
-  FormattingToolbar: {
-    Root: D,
-    Button: O,
-    Select: I
-  },
-  FilePanel: {
-    Root: Xe,
-    Button: Ye,
-    FileInput: et,
-    TabPanel: tt,
-    TextInput: nt
-  },
-  GridSuggestionMenu: {
-    Root: gt,
-    Item: ht,
-    EmptyItem: ft,
-    Loader: bt
-  },
-  LinkToolbar: {
-    Root: D,
-    Button: O,
-    Select: I
-  },
-  SideMenu: {
-    Root: at,
-    Button: it
-  },
-  SuggestionMenu: {
-    Root: lt,
-    Item: dt,
-    EmptyItem: ct,
-    Label: ut,
-    Loader: mt
-  },
-  TableHandle: {
-    Root: vt,
-    ExtendButton: pt
-  },
-  Generic: {
-    Badge: {
-      Root: ze,
-      Group: Be
-    },
-    Form: {
-      Root: (e) => /* @__PURE__ */ s("div", { children: e.children }),
-      TextInput: He
-    },
-    Menu: {
-      Root: Ke,
-      Trigger: We,
-      Dropdown: Ze,
-      Divider: qe,
-      Label: Je,
-      Item: Ue,
-      Button: Qe
-    },
-    Popover: {
-      Root: ot,
-      Trigger: rt,
-      Content: st
-    },
-    Toolbar: {
-      Root: D,
-      Button: O,
-      Select: I
-    }
-  },
-  Comments: {
-    Comment: Ae,
-    Editor: _e,
-    Card: Ee,
-    CardSection: Le,
-    ExpandSectionsPrompt: je
-  }
-}, Mt = (e) => {
-  const { className: n, theme: t, ...o } = e, r = V(), a = me(), i = (r == null ? void 0 : r.colorSchemePreference) || a, l = Fe(
-    (h) => {
-      if (h && (Re(h), typeof t == "object")) {
-        if ("light" in t && "dark" in t) {
-          A(
-            t[i === "dark" ? "dark" : "light"],
-            h
-          );
-          return;
-        }
-        A(t, h);
-        return;
-      }
-    },
-    [i, t]
-  ), c = Q(Te), d = typeof t == "string" ? t : i !== "no-preference" ? i : "light", f = /* @__PURE__ */ s(ge.Provider, { value: Ft, children: /* @__PURE__ */ s(
-    fe,
-    {
-      "data-mantine-color-scheme": d,
-      className: B("bn-mantine", n || ""),
-      theme: typeof t == "object" ? void 0 : t,
-      ...o,
-      ref: l
-    }
-  ) });
-  return c ? f : /* @__PURE__ */ s(
-    ke,
-    {
-      withCssVariables: !1,
-      getRootElement: () => {
-      },
-      children: f
-    }
-  );
-}, g = [
-  "#FFFFFF",
-  "#EFEFEF",
-  "#CFCFCF",
-  "#AFAFAF",
-  "#7F7F7F",
-  "#3F3F3F",
-  "#1F1F1F",
-  "#161616",
-  "#0F0F0F",
-  "#000000"
-], H = {
-  colors: {
-    editor: {
-      text: g[5],
-      background: g[0]
-    },
-    menu: {
-      text: g[5],
-      background: g[0]
-    },
-    tooltip: {
-      text: g[5],
-      background: g[1]
-    },
-    hovered: {
-      text: g[5],
-      background: g[1]
-    },
-    selected: {
-      text: g[0],
-      background: g[5]
-    },
-    disabled: {
-      text: g[3],
-      background: g[1]
-    },
-    shadow: g[2],
-    border: g[1],
-    sideMenu: g[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'
-}, Et = {
-  colors: {
-    editor: {
-      text: g[2],
-      background: g[6]
-    },
-    menu: {
-      text: g[2],
-      background: g[6]
-    },
-    tooltip: {
-      text: g[2],
-      background: g[7]
-    },
-    hovered: {
-      text: g[2],
-      background: g[7]
-    },
-    selected: {
-      text: g[2],
-      background: g[8]
-    },
-    disabled: {
-      text: g[5],
-      background: g[7]
-    },
-    shadow: g[8],
-    border: g[7],
-    sideMenu: g[4],
-    highlights: ae
-  },
-  borderRadius: H.borderRadius,
-  fontFamily: H.fontFamily
+import { COLORS_DARK_MODE_DEFAULT as e, COLORS_DEFAULT as t, assertEmpty as n, isSafari as r, mergeCSSClasses as i } from "@blocknote/core";
+import { BlockNoteViewRaw as a, ComponentsContext as o, FormattingToolbar as s, FormattingToolbarController as c, elementOverflow as l, getFormattingToolbarItems as u, mergeRefs as d, useBlockNoteContext as f, useDictionary as p, usePrefersColorScheme as m } from "@blocknote/react";
+import { ActionIcon as h, Avatar as g, Badge as _, Button as v, Card as y, CheckIcon as b, Chip as ee, Divider as te, FileInput as ne, Flex as re, Group as x, Loader as S, LoadingOverlay as ie, MantineContext as C, MantineProvider as ae, Menu as w, Popover as oe, PopoverDropdown as se, PopoverTarget as ce, Skeleton as T, Stack as E, Tabs as D, Text as O, TextInput as k, Tooltip as A } from "@mantine/core";
+import { createContext as le, forwardRef as j, useCallback as ue, useContext as M, useEffect as N, useRef as P, useState as F } from "react";
+import { jsx as I, jsxs as L } from "react/jsx-runtime";
+import { mergeRefs as R, useFocusTrap as de, useFocusWithin as z, useHover as B } from "@mantine/hooks";
+import { HiChevronDown as V } from "react-icons/hi";
+//#region src/BlockNoteTheme.ts
+var H = (e, t, n = !1) => {
+	let r = [];
+	function i(e, r = "--bn") {
+		for (let a in e) {
+			let o = `${r}-${a.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase()}`;
+			typeof e[a] == "object" ? i(e[a], o) : (typeof e[a] == "number" && (e[a] = `${e[a]}px`), n ? t.style.removeProperty(o) : t.style.setProperty(o, e[a].toString()));
+		}
+	}
+	return i(e), r;
+}, U = (e, t) => H(e, t), fe = {
+	colors: {
+		editor: {
+			text: void 0,
+			background: void 0
+		},
+		menu: {
+			text: void 0,
+			background: void 0
+		},
+		tooltip: {
+			text: void 0,
+			background: void 0
+		},
+		hovered: {
+			text: void 0,
+			background: void 0
+		},
+		selected: {
+			text: void 0,
+			background: void 0
+		},
+		disabled: {
+			text: void 0,
+			background: void 0
+		},
+		shadow: void 0,
+		border: void 0,
+		sideMenu: void 0,
+		highlights: {
+			gray: {
+				text: void 0,
+				background: void 0
+			},
+			brown: {
+				text: void 0,
+				background: void 0
+			},
+			red: {
+				text: void 0,
+				background: void 0
+			},
+			orange: {
+				text: void 0,
+				background: void 0
+			},
+			yellow: {
+				text: void 0,
+				background: void 0
+			},
+			green: {
+				text: void 0,
+				background: void 0
+			},
+			blue: {
+				text: void 0,
+				background: void 0
+			},
+			purple: {
+				text: void 0,
+				background: void 0
+			},
+			pink: {
+				text: void 0,
+				background: void 0
+			}
+		}
+	},
+	borderRadius: void 0,
+	fontFamily: void 0
+}, W = (e) => H(fe, e, !0), G = (e) => /* @__PURE__ */ L(E, {
+	gap: 0,
+	className: "bn-tooltip",
+	children: [/* @__PURE__ */ I(O, {
+		size: "sm",
+		lineClamp: 5,
+		children: e.mainTooltip
+	}), e.secondaryTooltip && /* @__PURE__ */ I(O, {
+		size: "xs",
+		lineClamp: 5,
+		children: e.secondaryTooltip
+	})]
+}), K = j((e, t) => {
+	let { className: i, children: a, mainTooltip: o, secondaryTooltip: s, icon: c, isSelected: l, isDisabled: u, onClick: d, label: f, variant: p, ...m } = e;
+	n(m, !1);
+	let [g, _] = F(!1), y = a ? /* @__PURE__ */ I(v, {
+		"aria-label": f,
+		className: i,
+		onMouseDown: (e) => {
+			r() && e.currentTarget.focus();
+		},
+		onClick: (e) => {
+			_(!0), d?.(e);
+		},
+		onPointerLeave: () => _(!1),
+		"aria-pressed": l,
+		"data-selected": l || void 0,
+		"data-test": o ? o.slice(0, 1).toLowerCase() + o.replace(/\s+/g, "").slice(1) : void 0,
+		size: p === "compact" ? "compact-xs" : "xs",
+		disabled: u || !1,
+		ref: t,
+		...m,
+		children: a
+	}) : /* @__PURE__ */ I(h, {
+		className: i,
+		"aria-label": f,
+		onMouseDown: (e) => {
+			r() && e.currentTarget.focus();
+		},
+		onClick: (e) => {
+			_(!0), d?.(e);
+		},
+		onPointerLeave: () => _(!1),
+		"aria-pressed": l,
+		"data-selected": l || void 0,
+		"data-test": o ? o.slice(0, 1).toLowerCase() + o.replace(/\s+/g, "").slice(1) : void 0,
+		size: p === "compact" ? 20 : 30,
+		disabled: u || !1,
+		ref: t,
+		...m,
+		children: c
+	});
+	return o ? /* @__PURE__ */ I(A, {
+		disabled: g,
+		withinPortal: !1,
+		label: /* @__PURE__ */ I(G, {
+			mainTooltip: o,
+			secondaryTooltip: s
+		}),
+		children: y
+	}) : y;
+}), pe = j((e, t) => {
+	let { className: r, text: i, icon: a, isSelected: o, mainTooltip: s, secondaryTooltip: c, onClick: l, onMouseEnter: u, ...d } = e;
+	n(d, !1);
+	let [f, p] = F(!1), m = /* @__PURE__ */ L(ee, {
+		className: r,
+		checked: o === !0,
+		wrapperProps: {
+			onMouseEnter: u,
+			onMouseLeave: () => p(!1),
+			onClick: (e) => {
+				p(!0), l?.(e);
+			}
+		},
+		variant: "light",
+		icon: null,
+		ref: t,
+		children: [/* @__PURE__ */ I("span", { children: a }), /* @__PURE__ */ I("span", { children: i })]
+	});
+	return !s || f ? m : /* @__PURE__ */ I(A, {
+		refProp: "rootRef",
+		withinPortal: !1,
+		label: /* @__PURE__ */ I(G, {
+			mainTooltip: s,
+			secondaryTooltip: c
+		}),
+		children: m
+	});
+}), me = j((e, t) => {
+	let { className: r, children: i, ...a } = e;
+	return n(a), /* @__PURE__ */ I(x, {
+		className: r,
+		ref: t,
+		children: i
+	});
+}), he = j((e, t) => {
+	let { className: r, children: a, headerText: o, selected: s, onFocus: c, onBlur: l, tabIndex: u, ...d } = e;
+	return n(d, !1), /* @__PURE__ */ L(y, {
+		className: i(r, s ? "selected" : ""),
+		onFocus: c,
+		onBlur: l,
+		tabIndex: u,
+		ref: t,
+		children: [o && /* @__PURE__ */ I(O, {
+			className: "bn-header-text",
+			children: o
+		}), a]
+	});
+}), ge = j((e, t) => {
+	let { className: r, children: i, ...a } = e;
+	return n(a, !1), /* @__PURE__ */ I(y.Section, {
+		className: r,
+		ref: t,
+		children: i
+	});
+}), _e = j((e, t) => {
+	let { className: r, children: i, ...a } = e;
+	return n(a, !1), /* @__PURE__ */ I(te, {
+		className: r,
+		label: /* @__PURE__ */ I(O, { children: i }),
+		ref: t
+	});
+}), ve = j((e, t) => {
+	let { authorInfo: r, timeString: i, edited: a, ...o } = e, s = p();
+	return n(o, !1), r === "loading" ? /* @__PURE__ */ L(x, { children: [/* @__PURE__ */ I(T, {
+		height: 24,
+		width: 24
+	}), /* @__PURE__ */ I("div", { children: /* @__PURE__ */ I(T, {
+		height: 12,
+		width: 100
+	}) })] }) : /* @__PURE__ */ L(x, { children: [/* @__PURE__ */ I(g, {
+		src: r.avatarUrl,
+		alt: r.username,
+		radius: "xl",
+		size: "sm",
+		color: "initials"
+	}), /* @__PURE__ */ L(O, {
+		fz: "sm",
+		fw: "bold",
+		children: [r.username, /* @__PURE__ */ L(O, {
+			fz: "xs",
+			c: "dimmed",
+			span: !0,
+			ml: "xs",
+			children: [
+				i,
+				" ",
+				a && `(${s.comments.edited})`
+			]
+		})]
+	})] });
+}), ye = j((e, t) => {
+	let { className: r, showActions: i, authorInfo: a, timeString: o, edited: s, actions: c, emojiPickerOpen: l, children: u, ...f } = e, { hovered: p, ref: m } = B(), h = d([t, m]);
+	return n(f, !1), /* @__PURE__ */ L(x, {
+		pos: "relative",
+		ref: h,
+		className: r,
+		children: [
+			c && (i === !0 || i === void 0 || i === "hover" && p || l) ? /* @__PURE__ */ I(x, {
+				style: {
+					position: "absolute",
+					right: 0,
+					top: 0,
+					zIndex: 10
+				},
+				children: c
+			}) : null,
+			/* @__PURE__ */ I(ve, { ...e }),
+			u
+		]
+	});
+}), be = j((e, t) => {
+	let { className: r, autoFocus: i, onFocus: a, onBlur: o, editor: s, editable: l, ...u } = e;
+	n(u, !1);
+	let d = f();
+	return /* @__PURE__ */ I(Z, {
+		autoFocus: i,
+		className: r,
+		editor: e.editor,
+		sideMenu: !1,
+		slashMenu: !1,
+		tableHandles: !1,
+		filePanel: !1,
+		formattingToolbar: !1,
+		editable: l,
+		theme: d?.colorSchemePreference,
+		ref: t,
+		onFocus: a,
+		onBlur: o,
+		children: /* @__PURE__ */ I(c, { formattingToolbar: xe })
+	});
+}), xe = () => /* @__PURE__ */ I(s, {
+	blockTypeSelectItems: [],
+	children: u([]).filter((e) => e.key !== "nestBlockButton" && e.key !== "unnestBlockButton")
+}), Se = j((e, t) => {
+	let { className: r, name: a, label: o, variant: s, icon: c, value: l, autoFocus: u, placeholder: d, disabled: f, onKeyDown: p, onChange: m, onSubmit: h, autoComplete: g, "aria-activedescendant": _, rightSection: v, ...y } = e;
+	return n(y), /* @__PURE__ */ I(k, {
+		size: "xs",
+		className: i(r || "", s === "large" ? "bn-mt-input-large" : ""),
+		ref: t,
+		name: a,
+		label: o,
+		leftSection: c,
+		value: l,
+		autoFocus: u,
+		"data-autofocus": u ? "true" : void 0,
+		rightSection: v,
+		placeholder: d,
+		disabled: f,
+		onKeyDown: p,
+		onChange: m,
+		onSubmit: h,
+		autoComplete: g,
+		"aria-activedescendant": _
+	});
+}), Ce = le(void 0), we = (e) => {
+	let { children: t, onOpenChange: r, position: i, sub: a, ...o } = e;
+	return n(o), a ? /* @__PURE__ */ I(w.Sub, {
+		transitionProps: {
+			duration: 250,
+			exitDelay: 250
+		},
+		withinPortal: !1,
+		middlewares: {
+			flip: !0,
+			shift: !0,
+			inline: !1,
+			size: !0
+		},
+		onChange: r,
+		position: i,
+		children: t
+	}) : /* @__PURE__ */ I(w, {
+		withinPortal: !1,
+		middlewares: {
+			flip: !0,
+			shift: !0,
+			inline: !1,
+			size: !0
+		},
+		onChange: r,
+		position: i,
+		returnFocus: !1,
+		children: t
+	});
+}, Te = j((e, t) => {
+	let { className: r, children: i, icon: a, checked: o, subTrigger: s, onClick: c, ...l } = e;
+	return n(l, !1), I(s ? w.Sub.Item : w.Item, {
+		className: r,
+		ref: t,
+		leftSection: a,
+		rightSection: o ? /* @__PURE__ */ I(b, { size: 10 }) : o === !1 ? /* @__PURE__ */ I("div", { className: "bn-tick-space" }) : null,
+		onClick: c,
+		...l,
+		children: i
+	});
+}), Ee = (e) => {
+	let { children: t, sub: r, ...i } = e;
+	return n(i), I(r ? w.Sub.Target : w.Target, { children: t });
+}, De = j((e, t) => {
+	let { className: r, children: i, sub: a, ...o } = e;
+	n(o);
+	let s = M(Ce);
+	return I(a ? w.Sub.Dropdown : w.Dropdown, {
+		className: r,
+		ref: t,
+		onMouseOver: s?.onMenuMouseOver,
+		onMouseLeave: s?.onMenuMouseLeave,
+		children: i
+	});
+}), Oe = j((e, t) => {
+	let { className: r, ...i } = e;
+	return n(i), /* @__PURE__ */ I(w.Divider, {
+		className: r,
+		ref: t
+	});
+}), ke = j((e, t) => {
+	let { className: r, children: i, ...a } = e;
+	return n(a), /* @__PURE__ */ I(w.Label, {
+		className: r,
+		ref: t,
+		children: i
+	});
+}), Ae = j((e, t) => {
+	let { className: r, children: i, icon: a, onClick: o, onDragEnd: s, onDragStart: c, draggable: l, label: u, ...d } = e;
+	return n(d, !1), a ? /* @__PURE__ */ I(h, {
+		size: 24,
+		className: r,
+		ref: t,
+		onClick: o,
+		onDragEnd: s,
+		onDragStart: c,
+		draggable: l,
+		"aria-label": u,
+		...d,
+		children: a
+	}) : /* @__PURE__ */ I(v, {
+		className: r,
+		ref: t,
+		onClick: o,
+		onDragEnd: s,
+		onDragStart: c,
+		draggable: l,
+		"aria-label": u,
+		...d,
+		children: i
+	});
+}), je = j((e, t) => {
+	let { className: r, tabs: i, defaultOpenTab: a, openTab: o, setOpenTab: s, loading: c, ...l } = e;
+	return n(l), /* @__PURE__ */ I(x, {
+		className: r,
+		ref: t,
+		children: /* @__PURE__ */ L(D, {
+			value: o,
+			defaultValue: a,
+			onChange: s,
+			children: [
+				c && /* @__PURE__ */ I(ie, { visible: c }),
+				/* @__PURE__ */ I(D.List, { children: i.map((e) => /* @__PURE__ */ I(D.Tab, {
+					"data-test": `${e.name.toLowerCase()}-tab`,
+					value: e.name,
+					children: e.name
+				}, e.name)) }),
+				i.map((e) => /* @__PURE__ */ I(D.Panel, {
+					value: e.name,
+					children: e.tabPanel
+				}, e.name))
+			]
+		})
+	});
+}), Me = j((e, t) => {
+	let { className: r, children: i, onClick: a, label: o, ...s } = e;
+	return n(s), /* @__PURE__ */ I(v, {
+		size: "xs",
+		"aria-label": o,
+		className: r,
+		ref: t,
+		onClick: a,
+		...s,
+		children: i
+	});
+}), Ne = j((e, t) => {
+	let { className: r, accept: i, value: a, placeholder: o, onChange: s, ...c } = e;
+	return n(c), /* @__PURE__ */ I(ne, {
+		size: "xs",
+		className: r,
+		ref: t,
+		accept: i,
+		value: a,
+		placeholder: o,
+		onChange: s,
+		...c
+	});
+}), Pe = j((e, t) => {
+	let { className: r, children: i, ...a } = e;
+	return n(a), /* @__PURE__ */ I("div", {
+		className: r,
+		ref: t,
+		children: i
+	});
+}), Fe = j((e, t) => {
+	let { className: r, value: i, placeholder: a, onKeyDown: o, onChange: s, ...c } = e;
+	return n(c), /* @__PURE__ */ I(k, {
+		size: "xs",
+		"data-test": "embed-input",
+		className: r,
+		ref: t,
+		value: i,
+		placeholder: a,
+		onKeyDown: o,
+		onChange: s
+	});
+}), Ie = (e) => {
+	let { open: t, onOpenChange: r, position: i, portalRoot: a, children: o, ...s } = e;
+	return n(s), /* @__PURE__ */ I(oe, {
+		middlewares: { size: { padding: 20 } },
+		withinPortal: !!a,
+		portalProps: a ? { target: a } : void 0,
+		opened: t,
+		onChange: r,
+		position: i,
+		children: o
+	});
+}, Le = (e) => {
+	let { children: t, ...r } = e;
+	return n(r), /* @__PURE__ */ I(ce, { children: t });
+}, Re = j((e, t) => {
+	let { className: r, children: i, variant: a, ...o } = e;
+	return n(o), /* @__PURE__ */ I(se, {
+		className: r,
+		ref: t,
+		children: i
+	});
+}), ze = j((e, t) => {
+	let { className: r, children: i, ...a } = e;
+	return n(a, !1), /* @__PURE__ */ I(x, {
+		align: "center",
+		gap: 0,
+		className: r,
+		ref: t,
+		...a,
+		children: i
+	});
+}), Be = j((e, t) => {
+	let { className: r, children: i, icon: a, onClick: o, onDragEnd: s, onDragStart: c, draggable: l, label: u, ...d } = e;
+	return n(d, !1), a ? /* @__PURE__ */ I(h, {
+		size: 24,
+		className: r,
+		ref: t,
+		onClick: o,
+		onDragEnd: s,
+		onDragStart: c,
+		draggable: l,
+		"aria-label": u,
+		...d,
+		children: a
+	}) : /* @__PURE__ */ I(v, {
+		className: r,
+		ref: t,
+		onClick: o,
+		onDragEnd: s,
+		onDragStart: c,
+		draggable: l,
+		"aria-label": u,
+		...d,
+		children: i
+	});
+}), Ve = j((e, t) => {
+	let { className: r, children: i, id: a, ...o } = e;
+	return n(o), /* @__PURE__ */ I(E, {
+		gap: 0,
+		className: r,
+		ref: t,
+		id: a,
+		role: "listbox",
+		children: i
+	});
+}), He = j((e, t) => {
+	let { className: r, children: i, ...a } = e;
+	return n(a), /* @__PURE__ */ I(x, {
+		className: r,
+		ref: t,
+		children: /* @__PURE__ */ I(x, {
+			className: "bn-mt-suggestion-menu-item-title",
+			children: i
+		})
+	});
+}), Ue = j((e, t) => {
+	let { className: r, isSelected: i, onClick: a, item: o, id: s, ...c } = e;
+	n(c);
+	let u = P(null);
+	return N(() => {
+		!u.current || !i || l(u.current, u.current.closest(".bn-suggestion-menu, #ai-suggestion-menu")) !== "none" && u.current.scrollIntoView({ block: "nearest" });
+	}, [i]), /* @__PURE__ */ L(x, {
+		gap: 0,
+		className: r,
+		ref: R(t, u),
+		id: s,
+		role: "option",
+		onMouseDown: (e) => e.preventDefault(),
+		onClick: a,
+		"aria-selected": i || void 0,
+		children: [
+			o.icon && /* @__PURE__ */ I(x, {
+				className: "bn-mt-suggestion-menu-item-section",
+				"data-position": "left",
+				children: o.icon
+			}),
+			/* @__PURE__ */ L(E, {
+				gap: 0,
+				className: "bn-mt-suggestion-menu-item-body",
+				children: [/* @__PURE__ */ I(O, {
+					className: "bn-mt-suggestion-menu-item-title",
+					children: o.title
+				}), /* @__PURE__ */ I(O, {
+					className: "bn-mt-suggestion-menu-item-subtitle",
+					children: o.subtext
+				})]
+			}),
+			o.badge && /* @__PURE__ */ I(x, {
+				"data-position": "right",
+				className: "bn-mt-suggestion-menu-item-section",
+				children: /* @__PURE__ */ I(_, {
+					size: "xs",
+					children: o.badge
+				})
+			})
+		]
+	});
+}), We = j((e, t) => {
+	let { className: r, children: i, ...a } = e;
+	return n(a), /* @__PURE__ */ I(x, {
+		className: r,
+		ref: t,
+		children: i
+	});
+}), Ge = j((e, t) => {
+	let { className: r, ...i } = e;
+	return n(i), /* @__PURE__ */ I(S, {
+		className: r,
+		type: "dots",
+		size: 16,
+		ref: t
+	});
+}), Ke = j((e, t) => {
+	let { className: r, children: i, id: a, columns: o, ...s } = e;
+	return n(s), /* @__PURE__ */ I("div", {
+		className: r,
+		style: { gridTemplateColumns: `repeat(${o}, 1fr)` },
+		ref: t,
+		id: a,
+		role: "grid",
+		children: i
+	});
+}), qe = j((e, t) => {
+	let { className: r, children: i, columns: a, ...o } = e;
+	return n(o), /* @__PURE__ */ I(x, {
+		className: r,
+		style: { gridColumn: `1 / ${a + 1}` },
+		ref: t,
+		children: /* @__PURE__ */ I(x, {
+			className: "bn-mt-suggestion-menu-item-title",
+			children: i
+		})
+	});
+}), q = j((e, t) => {
+	let { className: r, isSelected: i, onClick: a, item: o, id: s, ...c } = e;
+	n(c);
+	let u = P(null);
+	return N(() => {
+		!u.current || !i || l(u.current, u.current.closest(".bn-grid-suggestion-menu")) !== "none" && u.current.scrollIntoView({ block: "nearest" });
+	}, [i]), /* @__PURE__ */ I("div", {
+		className: r,
+		ref: R(t, u),
+		id: s,
+		role: "option",
+		onClick: a,
+		"aria-selected": i || void 0,
+		children: o.icon
+	});
+}), Je = j((e, t) => {
+	let { className: r, children: i, columns: a, ...o } = e;
+	return n(o), /* @__PURE__ */ I(S, {
+		className: r,
+		style: { gridColumn: `1 / ${a + 1}` },
+		type: "dots",
+		ref: t
+	});
+}), Ye = j((e, t) => {
+	let { children: r, className: i, onMouseDown: a, onClick: o, ...s } = e;
+	return n(s, !1), /* @__PURE__ */ I(v, {
+		className: i,
+		ref: t,
+		onMouseDown: a,
+		onClick: o,
+		...s,
+		children: r
+	});
+}), Xe = j((e, t) => {
+	let { className: r, children: i, draggable: a, onDragStart: o, onDragEnd: s, style: c, label: l, ...u } = e;
+	return n(u, !1), /* @__PURE__ */ I(v, {
+		className: r,
+		ref: t,
+		"aria-label": l,
+		draggable: a,
+		onDragStart: o,
+		onDragEnd: s,
+		style: c,
+		...u,
+		children: i
+	});
+}), J = j((e, t) => {
+	let { className: r, children: i, onMouseEnter: a, onMouseLeave: o, variant: s, ...c } = e;
+	n(c);
+	let { ref: l, focused: u } = z();
+	return /* @__PURE__ */ I(re, {
+		className: r,
+		ref: R(t, l, de(u)),
+		role: "toolbar",
+		onMouseEnter: a,
+		onMouseLeave: o,
+		gap: s === "action-toolbar" ? 2 : void 0,
+		children: i
+	});
+}), Y = j((e, t) => {
+	let { className: i, items: a, isDisabled: o, ...s } = e;
+	n(s);
+	let c = a.filter((e) => e.isSelected)[0];
+	return c ? /* @__PURE__ */ L(w, {
+		withinPortal: !1,
+		transitionProps: { exitDuration: 0 },
+		disabled: o,
+		middlewares: {
+			flip: !0,
+			shift: !0,
+			inline: !1,
+			size: !0
+		},
+		children: [/* @__PURE__ */ I(w.Target, { children: /* @__PURE__ */ I(v, {
+			onMouseDown: (e) => {
+				r() && e.currentTarget.focus();
+			},
+			leftSection: c.icon,
+			rightSection: /* @__PURE__ */ I(V, {}),
+			size: "xs",
+			variant: "subtle",
+			disabled: o,
+			children: c.text
+		}) }), /* @__PURE__ */ I(w.Dropdown, {
+			className: i,
+			ref: t,
+			children: a.map((e) => /* @__PURE__ */ I(w.Item, {
+				onClick: e.onClick,
+				leftSection: e.icon,
+				rightSection: e.isSelected ? /* @__PURE__ */ I(b, {
+					size: 10,
+					className: "bn-tick-icon"
+				}) : /* @__PURE__ */ I("div", { className: "bn-tick-space" }),
+				disabled: e.isDisabled,
+				children: e.text
+			}, e.text))
+		})]
+	}) : null;
+}), X = {
+	FormattingToolbar: {
+		Root: J,
+		Button: K,
+		Select: Y
+	},
+	FilePanel: {
+		Root: je,
+		Button: Me,
+		FileInput: Ne,
+		TabPanel: Pe,
+		TextInput: Fe
+	},
+	GridSuggestionMenu: {
+		Root: Ke,
+		Item: q,
+		EmptyItem: qe,
+		Loader: Je
+	},
+	LinkToolbar: {
+		Root: J,
+		Button: K,
+		Select: Y
+	},
+	SideMenu: {
+		Root: ze,
+		Button: Be
+	},
+	SuggestionMenu: {
+		Root: Ve,
+		Item: Ue,
+		EmptyItem: He,
+		Label: We,
+		Loader: Ge
+	},
+	TableHandle: {
+		Root: Xe,
+		ExtendButton: Ye
+	},
+	Generic: {
+		Badge: {
+			Root: pe,
+			Group: me
+		},
+		Form: {
+			Root: (e) => /* @__PURE__ */ I("div", { children: e.children }),
+			TextInput: Se
+		},
+		Menu: {
+			Root: we,
+			Trigger: Ee,
+			Dropdown: De,
+			Divider: Oe,
+			Label: ke,
+			Item: Te,
+			Button: Ae
+		},
+		Popover: {
+			Root: Ie,
+			Trigger: Le,
+			Content: Re
+		},
+		Toolbar: {
+			Root: J,
+			Button: K,
+			Select: Y
+		}
+	},
+	Comments: {
+		Comment: ye,
+		Editor: be,
+		Card: he,
+		CardSection: ge,
+		ExpandSectionsPrompt: _e
+	}
+}, Z = (e) => {
+	let { className: t, theme: n, editor: r, ...s } = e, c = f(), l = m(), u = c?.colorSchemePreference || l, d = typeof n == "string" ? n : u === "no-preference" ? "light" : u, p = ue((e) => {
+		if (e && (W(e), typeof n == "object")) {
+			if ("light" in n && "dark" in n) {
+				U(n[u === "dark" ? "dark" : "light"], e);
+				return;
+			}
+			U(n, e);
+			return;
+		}
+	}, [u, n]);
+	N(() => {
+		if (!r.portalElement) throw Error("Portal element not found");
+		r.portalElement.setAttribute("data-mantine-color-scheme", d), p(r.portalElement);
+	}, [
+		r,
+		p,
+		d
+	]);
+	let h = M(C), g = /* @__PURE__ */ I(o.Provider, {
+		value: X,
+		children: /* @__PURE__ */ I(a, {
+			"data-mantine-color-scheme": d,
+			className: i("bn-mantine", t || ""),
+			theme: typeof n == "object" ? void 0 : n,
+			editor: r,
+			...s,
+			ref: p
+		})
+	});
+	return h ? g : /* @__PURE__ */ I(ae, {
+		withCssVariables: !1,
+		getRootElement: () => void 0,
+		children: g
+	});
+}, Q = [
+	"#FFFFFF",
+	"#EFEFEF",
+	"#CFCFCF",
+	"#AFAFAF",
+	"#7F7F7F",
+	"#3F3F3F",
+	"#1F1F1F",
+	"#161616",
+	"#0F0F0F",
+	"#000000"
+], $ = {
+	colors: {
+		editor: {
+			text: Q[5],
+			background: Q[0]
+		},
+		menu: {
+			text: Q[5],
+			background: Q[0]
+		},
+		tooltip: {
+			text: Q[5],
+			background: Q[1]
+		},
+		hovered: {
+			text: Q[5],
+			background: Q[1]
+		},
+		selected: {
+			text: Q[0],
+			background: Q[5]
+		},
+		disabled: {
+			text: Q[3],
+			background: Q[1]
+		},
+		shadow: Q[2],
+		border: Q[1],
+		sideMenu: Q[2],
+		highlights: t
+	},
+	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"
+}, Ze = {
+	colors: {
+		editor: {
+			text: Q[2],
+			background: Q[6]
+		},
+		menu: {
+			text: Q[2],
+			background: Q[6]
+		},
+		tooltip: {
+			text: Q[2],
+			background: Q[7]
+		},
+		hovered: {
+			text: Q[2],
+			background: Q[7]
+		},
+		selected: {
+			text: Q[2],
+			background: Q[8]
+		},
+		disabled: {
+			text: Q[5],
+			background: Q[7]
+		},
+		shadow: Q[8],
+		border: Q[7],
+		sideMenu: Q[4],
+		highlights: e
+	},
+	borderRadius: $.borderRadius,
+	fontFamily: $.fontFamily
 };
-export {
-  Mt as BlockNoteView,
-  A as applyBlockNoteCSSVariablesFromTheme,
-  Ft as components,
-  Et as darkDefaultTheme,
-  g as defaultColorScheme,
-  H as lightDefaultTheme,
-  Re as removeBlockNoteCSSVariables
-};
-//# sourceMappingURL=blocknote-mantine.js.map
+//#endregion
+export { Z as BlockNoteView, U as applyBlockNoteCSSVariablesFromTheme, X as components, Ze as darkDefaultTheme, Q as defaultColorScheme, $ as lightDefaultTheme, W as removeBlockNoteCSSVariables };
+
+//# sourceMappingURL=blocknote-mantine.js.map