@blocknote/ariakit 0.47.3 → 0.48.1

package/dist/blocknote-ariakit.js

@@ -1,915 +1,633 @@
-import { jsx as r, jsxs as h, Fragment as H } from "react/jsx-runtime";
-import { assertEmpty as i, mergeCSSClasses as b, isSafari as V } from "@blocknote/core";
-import { elementOverflow as B, mergeRefs as D, useFocusWithin as j, useDictionary as K, useBlockNoteContext as Q, FormattingToolbarController as z, getFormattingToolbarItems as U, FormattingToolbar as W, ComponentsContext as Z, BlockNoteViewRaw as _ } from "@blocknote/react";
-import { FormProvider as C, FormLabel as J, FormInput as w, MenuButton as F, MenuButtonArrow as X, CheckboxCheck as y, MenuItem as P, MenuGroupLabel as Y, MenuSeparator as ee, Menu as ne, MenuProvider as te, Button as v, TabProvider as ae, TabList as se, Tab as re, TabPanel as oe, Popover as le, PopoverDisclosure as ce, PopoverProvider as ie, Group as N, Toolbar as de, TooltipProvider as R, TooltipAnchor as E, ToolbarItem as L, Tooltip as q, SelectProvider as ue, Select as me, SelectArrow as be, SelectPopover as he, SelectItem as ge, SelectItemCheck as pe } from "@ariakit/react";
-import { forwardRef as u, useRef as G, useEffect as A, useState as ke } from "react";
-const Ne = (n) => {
-  const { children: t, ...a } = n;
-  return i(a), /* @__PURE__ */ r(C, { children: t });
-}, ve = u((n, t) => {
-  const {
-    className: a,
-    name: e,
-    label: s,
-    variant: o,
-    icon: l,
-    value: m,
-    autoFocus: c,
-    placeholder: d,
-    disabled: g,
-    onKeyDown: p,
-    onChange: k,
-    onSubmit: f,
-    autoComplete: T,
-    "aria-activedescendant": x,
-    rightSection: O,
-    ...$
-  } = n;
-  return i($), /* @__PURE__ */ h(H, { children: [
-    n.label && /* @__PURE__ */ r(J, { name: e, children: s }),
-    /* @__PURE__ */ h("div", { className: "bn-ak-input-wrapper", children: [
-      l,
-      /* @__PURE__ */ r(
-        w,
-        {
-          className: b(
-            "bn-ak-input",
-            a || "",
-            o === "large" ? "bn-ak-input-large" : ""
-          ),
-          ref: t,
-          name: e,
-          value: m,
-          autoFocus: c,
-          placeholder: d,
-          disabled: g,
-          onKeyDown: p,
-          onChange: k,
-          onSubmit: f,
-          autoComplete: T,
-          "aria-activedescendant": x
-        }
-      ),
-      O
-    ] })
-  ] });
-}), fe = (n) => {
-  const {
-    children: t,
-    onOpenChange: a,
-    position: e,
-    sub: s,
-    // unused
-    ...o
-  } = n;
-  return i(o), /* @__PURE__ */ r(
-    te,
-    {
-      placement: e,
-      setOpen: a,
-      virtualFocus: !0,
-      children: t
-    }
-  );
-}, Te = u((n, t) => {
-  const {
-    className: a,
-    children: e,
-    sub: s,
-    // unused
-    ...o
-  } = n;
-  return i(o), /* @__PURE__ */ r(
-    ne,
-    {
-      unmountOnHide: !0,
-      className: b("bn-ak-menu", a || ""),
-      ref: t,
-      children: e
-    }
-  );
-}), Se = u((n, t) => {
-  const { className: a, children: e, icon: s, checked: o, subTrigger: l, onClick: m, ...c } = n;
-  return i(c), l ? /* @__PURE__ */ h(
-    F,
-    {
-      render: /* @__PURE__ */ r(P, {}),
-      className: b("bn-ak-menu-item", a || ""),
-      ref: t,
-      onClick: m,
-      children: [
-        s,
-        e,
-        /* @__PURE__ */ r(X, {}),
-        o !== void 0 && /* @__PURE__ */ r(y, { checked: o })
-      ]
-    }
-  ) : /* @__PURE__ */ h(
-    P,
-    {
-      className: b("bn-ak-menu-item", a || ""),
-      ref: t,
-      onClick: m,
-      children: [
-        s,
-        e,
-        o !== void 0 && /* @__PURE__ */ r(y, { checked: o })
-      ]
-    }
-  );
-}), Me = u((n, t) => {
-  const { className: a, children: e, ...s } = n;
-  return i(s), /* @__PURE__ */ r(
-    Y,
-    {
-      className: b("bn-ak-group-label", a || ""),
-      ref: t,
-      children: e
-    }
-  );
-}), Ie = (n) => {
-  const { children: t, sub: a, ...e } = n;
-  return i(e), a ? t : /* @__PURE__ */ r(F, { render: t });
-}, Ce = u((n, t) => {
-  const { className: a, ...e } = n;
-  return i(e), /* @__PURE__ */ r(
-    ee,
-    {
-      className: b("bn-ak-separator", a || ""),
-      ref: t
-    }
-  );
-}), we = u((n, t) => {
-  const {
-    className: a,
-    children: e,
-    icon: s,
-    onClick: o,
-    label: l,
-    onDragEnd: m,
-    onDragStart: c,
-    draggable: d,
-    ...g
-  } = n;
-  return i(g, !1), /* @__PURE__ */ h(
-    v,
-    {
-      onDragEnd: m,
-      onDragStart: c,
-      draggable: d,
-      "aria-label": l,
-      className: b(
-        "bn-ak-button bn-ak-secondary",
-        a || ""
-      ),
-      ref: t,
-      onClick: o,
-      ...g,
-      children: [
-        s,
-        e
-      ]
-    }
-  );
-}), xe = u((n, t) => {
-  const {
-    className: a,
-    tabs: e,
-    defaultOpenTab: s,
-    openTab: o,
-    setOpenTab: l,
-    loading: m,
-    // TODO: implement loading
-    ...c
-  } = n;
-  return i(c), /* @__PURE__ */ r(
-    "div",
-    {
-      className: b("bn-ak-wrapper", a || ""),
-      ref: t,
-      children: /* @__PURE__ */ h(
-        ae,
-        {
-          defaultSelectedId: s,
-          selectedId: o,
-          setActiveId: (d) => {
-            d && l(d);
-          },
-          children: [
-            /* @__PURE__ */ r(se, { className: "bn-ak-tab-list", children: e.map((d) => /* @__PURE__ */ r(re, { className: "bn-ak-tab", id: d.name, children: d.name }, d.name)) }),
-            /* @__PURE__ */ r("div", { className: "bn-ak-panels", children: e.map((d) => /* @__PURE__ */ r(oe, { tabId: d.name, children: d.tabPanel }, d.name)) })
-          ]
-        }
-      )
-    }
-  );
-}), ye = u((n, t) => {
-  const { className: a, children: e, onClick: s, label: o, ...l } = n;
-  return i(l), /* @__PURE__ */ r(
-    v,
-    {
-      className: b("bn-ak-button", a || ""),
-      onClick: s,
-      "aria-label": o,
-      ref: t,
-      children: e
-    }
-  );
-}), Pe = u((n, t) => {
-  const { className: a, accept: e, value: s, placeholder: o, onChange: l, ...m } = n;
-  return i(m), /* @__PURE__ */ r(C, { children: /* @__PURE__ */ r(
-    w,
-    {
-      className: a,
-      ref: t,
-      name: "panel-input",
-      type: "file",
-      accept: e,
-      value: s ? s.name : void 0,
-      onChange: async (c) => l == null ? void 0 : l(c.target.files[0]),
-      placeholder: o
-    }
-  ) });
-}), Be = u((n, t) => {
-  const { className: a, children: e, ...s } = n;
-  return i(s), /* @__PURE__ */ r("div", { className: a, ref: t, children: e });
-}), De = u((n, t) => {
-  const { className: a, value: e, placeholder: s, onKeyDown: o, onChange: l, ...m } = n;
-  return i(m), /* @__PURE__ */ r(C, { children: /* @__PURE__ */ r(
-    w,
-    {
-      className: b("bn-ak-input", a || ""),
-      name: "panel-input",
-      value: e,
-      placeholder: s,
-      onChange: l,
-      onKeyDown: o,
-      "data-test": "embed-input",
-      ref: t
-    }
-  ) });
-}), Fe = u((n, t) => {
-  const { children: a, ...e } = n;
-  return i(e), /* @__PURE__ */ r(ce, { render: a, ref: t });
-}), Re = u((n, t) => {
-  const { className: a, children: e, variant: s, ...o } = n;
-  return i(o), /* @__PURE__ */ r(
-    le,
-    {
-      className: b(
-        "bn-ak-popover",
-        a || "",
-        s === "panel-popover" ? "bn-ak-panel-popover" : ""
-      ),
-      ref: t,
-      children: e
-    }
-  );
-}), Ee = (n) => {
-  const { children: t, open: a, onOpenChange: e, position: s, ...o } = n;
-  return i(o), /* @__PURE__ */ r(
-    ie,
-    {
-      open: a,
-      setOpen: e,
-      placement: s,
-      children: t
-    }
-  );
-}, Le = u((n, t) => {
-  const { className: a, children: e, ...s } = n;
-  return i(s, !1), /* @__PURE__ */ r(N, { className: a, ref: t, ...s, children: e });
-}), qe = u((n, t) => {
-  const {
-    className: a,
-    children: e,
-    icon: s,
-    onClick: o,
-    label: l,
-    onDragEnd: m,
-    onDragStart: c,
-    draggable: d,
-    ...g
-  } = n;
-  return i(g, !1), /* @__PURE__ */ h(
-    v,
-    {
-      onDragEnd: m,
-      onDragStart: c,
-      draggable: d,
-      "aria-label": l,
-      className: b(
-        "bn-ak-button bn-ak-secondary",
-        a || ""
-      ),
-      ref: t,
-      onClick: o,
-      ...g,
-      children: [
-        s,
-        e
-      ]
-    }
-  );
-}), Ge = u((n, t) => {
-  const { className: a, children: e, id: s, columns: o, ...l } = n;
-  return i(l), /* @__PURE__ */ r(
-    "div",
-    {
-      className: a,
-      style: { gridTemplateColumns: `repeat(${o}, 1fr)` },
-      ref: t,
-      id: s,
-      role: "grid",
-      children: e
-    }
-  );
-}), Ae = u((n, t) => {
-  const { className: a, children: e, columns: s, ...o } = n;
-  return i(o), /* @__PURE__ */ r(
-    "div",
-    {
-      className: b("bn-ak-menu-item", a || ""),
-      style: { gridColumn: `1 / ${s + 1}` },
-      ref: t,
-      children: /* @__PURE__ */ r("div", { className: "bn-ak-suggestion-menu-item-label", children: e })
-    }
-  );
-}), Oe = u((n, t) => {
-  const { className: a, isSelected: e, onClick: s, item: o, id: l, ...m } = n;
-  i(m);
-  const c = G(null);
-  return A(() => {
-    if (!c.current || !e)
-      return;
-    B(
-      c.current,
-      c.current.closest(".bn-grid-suggestion-menu")
-    ) !== "none" && c.current.scrollIntoView({ block: "nearest" });
-  }, [e]), /* @__PURE__ */ r(
-    "div",
-    {
-      className: a,
-      ref: D([t, c]),
-      id: l,
-      role: "option",
-      onClick: s,
-      "aria-selected": e || void 0,
-      children: o.icon
-    }
-  );
-}), $e = u((n, t) => {
-  const {
-    className: a,
-    children: e,
-    // unused, using "dots" instead
-    columns: s,
-    ...o
-  } = n;
-  return i(o), /* @__PURE__ */ r(
-    "div",
-    {
-      className: a,
-      style: { gridColumn: `1 / ${s + 1}` },
-      ref: t,
-      children: e
-    }
-  );
-}), He = u((n, t) => {
-  const { className: a, children: e, id: s, ...o } = n;
-  return i(o), /* @__PURE__ */ r(
-    N,
-    {
-      className: b("bn-ak-menu", a || ""),
-      id: s,
-      role: "listbox",
-      ref: t,
-      children: e
-    }
-  );
-}), Ve = u((n, t) => {
-  const { className: a, children: e, ...s } = n;
-  return i(s), /* @__PURE__ */ r(
-    "div",
-    {
-      className: b("bn-ak-menu-item", a || ""),
-      ref: t,
-      children: /* @__PURE__ */ r("div", { className: "bn-ak-suggestion-menu-item-label", children: e })
-    }
-  );
-}), je = u((n, t) => {
-  const { className: a, item: e, isSelected: s, onClick: o, id: l, ...m } = n;
-  i(m);
-  const c = G(null);
-  return A(() => {
-    if (!c.current || !s)
-      return;
-    B(
-      c.current,
-      c.current.closest(".bn-suggestion-menu, #ai-suggestion-menu")
-    ) !== "none" && c.current.scrollIntoView({ block: "nearest" });
-  }, [s]), /* @__PURE__ */ h(
-    "div",
-    {
-      className: b("bn-ak-menu-item", a || ""),
-      ref: D([t, c]),
-      id: l,
-      onMouseDown: (d) => d.preventDefault(),
-      onClick: o,
-      role: "option",
-      "aria-selected": s || void 0,
-      children: [
-        e.icon && /* @__PURE__ */ r(
-          "div",
-          {
-            className: "bn-ak-suggestion-menu-item-section",
-            "data-position": "left",
-            children: e.icon
-          }
-        ),
-        /* @__PURE__ */ h("div", { className: "bn-ak-suggestion-menu-item-body", children: [
-          /* @__PURE__ */ r("div", { className: "bn-ak-suggestion-menu-item-title", children: e.title }),
-          /* @__PURE__ */ r("div", { className: "bn-ak-suggestion-menu-item-subtitle", children: e.subtext })
-        ] }),
-        e.badge && /* @__PURE__ */ r(
-          "div",
-          {
-            "data-position": "right",
-            className: "bn-ak-suggestion-menu-item-section",
-            children: /* @__PURE__ */ r("div", { children: e.badge })
-          }
-        )
-      ]
-    }
-  );
-}), Ke = u((n, t) => {
-  const { className: a, children: e, ...s } = n;
-  return i(s), /* @__PURE__ */ r(
-    "div",
-    {
-      className: b("bn-ak-group-label", a || ""),
-      ref: t,
-      children: e
-    }
-  );
-}), Qe = u((n, t) => {
-  const { className: a, ...e } = n;
-  return i(e), /* @__PURE__ */ r("div", { className: a, ref: t, children: /* @__PURE__ */ r(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      height: "1em",
-      viewBox: "0 -960 960 960",
-      width: "1em",
-      fill: "#e8eaed",
-      children: /* @__PURE__ */ r("path", { d: "M480-80q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-155.5t86-127Q252-817 325-848.5T480-880q17 0 28.5 11.5T520-840q0 17-11.5 28.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160q133 0 226.5-93.5T800-480q0-17 11.5-28.5T840-520q17 0 28.5 11.5T880-480q0 82-31.5 155t-86 127.5q-54.5 54.5-127 86T480-80Z" })
-    }
-  ) });
-}), ze = u((n, t) => {
-  const { children: a, className: e, onMouseDown: s, onClick: o, ...l } = n;
-  return i(l, !1), /* @__PURE__ */ r(
-    v,
-    {
-      className: b(
-        "bn-ak-button bn-ak-secondary",
-        e || ""
-      ),
-      ref: t,
-      onMouseDown: s,
-      onClick: o,
-      ...l,
-      children: a
-    }
-  );
-}), Ue = u((n, t) => {
-  const {
-    className: a,
-    children: e,
-    draggable: s,
-    onDragStart: o,
-    onDragEnd: l,
-    style: m,
-    label: c,
-    ...d
-  } = n;
-  return i(d, !1), /* @__PURE__ */ r(
-    v,
-    {
-      className: b(
-        "bn-ak-button bn-ak-secondary",
-        a || ""
-      ),
-      ref: t,
-      "aria-label": c,
-      draggable: s,
-      onDragStart: o,
-      onDragEnd: l,
-      style: m,
-      ...d,
-      children: e
-    }
-  );
-}), S = u(
-  (n, t) => {
-    const {
-      className: a,
-      children: e,
-      onMouseEnter: s,
-      onMouseLeave: o,
-      variant: l,
-      ...m
-    } = n;
-    return i(m), /* @__PURE__ */ r(
-      de,
-      {
-        className: b("bn-ak-toolbar", a || ""),
-        ref: t,
-        onMouseEnter: s,
-        onMouseLeave: o,
-        children: e
-      }
-    );
-  }
-), M = u(
-  (n, t) => {
-    const {
-      className: a,
-      children: e,
-      mainTooltip: s,
-      secondaryTooltip: o,
-      icon: l,
-      isSelected: m,
-      isDisabled: c,
-      onClick: d,
-      label: g,
-      variant: p,
-      ...k
-    } = n;
-    return i(k, !1), /* @__PURE__ */ h(R, { children: [
-      /* @__PURE__ */ r(
-        E,
-        {
-          render: /* @__PURE__ */ h(
-            L,
-            {
-              "aria-label": g,
-              className: b(
-                "bn-ak-button bn-ak-secondary",
-                a || ""
-              ),
-              onMouseDown: (f) => {
-                V() && f.currentTarget.focus();
-              },
-              onClick: d,
-              "aria-pressed": m,
-              "data-selected": m ? "true" : void 0,
-              disabled: c || !1,
-              ref: t,
-              ...k,
-              children: [
-                l,
-                e
-              ]
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ h(q, { className: "bn-ak-tooltip", portal: !1, children: [
-        /* @__PURE__ */ r("span", { children: s }),
-        o && /* @__PURE__ */ r("span", { children: o })
-      ] })
-    ] });
-  }
-), I = u((n, t) => {
-  const { className: a, items: e, isDisabled: s, ...o } = n;
-  i(o);
-  const l = n.items.filter((c) => c.isSelected)[0], m = (c) => {
-    var d, g;
-    (g = (d = e.find((p) => p.text === c)).onClick) == null || g.call(d);
-  };
-  return /* @__PURE__ */ h(ue, { value: l.text, setValue: m, children: [
-    /* @__PURE__ */ h(
-      me,
-      {
-        className: "bn-ak-button bn-ak-secondary",
-        disabled: s,
-        "aria-label": "Text alignment",
-        render: /* @__PURE__ */ r(L, {}),
-        children: [
-          l.icon,
-          " ",
-          l.text,
-          " ",
-          /* @__PURE__ */ r(be, {})
-        ]
-      }
-    ),
-    /* @__PURE__ */ r(
-      he,
-      {
-        className: b("bn-ak-popover", a || ""),
-        ref: t,
-        gutter: 4,
-        children: e.map((c) => /* @__PURE__ */ h(
-          ge,
-          {
-            className: "bn-ak-select-item",
-            value: c.text,
-            children: [
-              c.icon,
-              c.text,
-              c.text === l.text && /* @__PURE__ */ r(pe, {})
-            ]
-          },
-          c.text
-        ))
-      }
-    )
-  ] });
-}), We = u((n, t) => {
-  const {
-    className: a,
-    children: e,
-    selected: s,
-    headerText: o,
-    onFocus: l,
-    onBlur: m,
-    tabIndex: c,
-    ...d
-  } = n;
-  return i(d, !1), /* @__PURE__ */ h(
-    N,
-    {
-      className: b(
-        a,
-        "bn-ak-hovercard",
-        s && "selected"
-      ),
-      onFocus: l,
-      onBlur: m,
-      tabIndex: c,
-      ref: t,
-      children: [
-        o && /* @__PURE__ */ r("div", { className: "bn-header-text", children: o }),
-        e
-      ]
-    }
-  );
-}), Ze = u((n, t) => {
-  const { className: a, children: e, ...s } = n;
-  return i(s, !1), /* @__PURE__ */ r(
-    N,
-    {
-      className: b(a, "bn-ak-card-section"),
-      ref: t,
-      children: e
-    }
-  );
-}), _e = u((n, t) => {
-  const { className: a, children: e, ...s } = n;
-  return i(s, !1), /* @__PURE__ */ r(
-    v,
-    {
-      className: b(
-        a,
-        "bn-ak-button bn-ak-secondary bn-ak-expand-sections-prompt"
-      ),
-      ref: t,
-      children: e
-    }
-  );
-}), Je = u((n, t) => {
-  const { authorInfo: a, timeString: e, edited: s, ...o } = n, l = K();
-  return i(o, !1), a === "loading" ? /* @__PURE__ */ h(N, { className: "bn-ak-author-info", children: [
-    /* @__PURE__ */ r("div", { className: "bn-ak-avatar bn-ak-skeleton" }),
-    /* @__PURE__ */ r("div", { className: "bn-ak-username bn-ak-skeleton" })
-  ] }) : /* @__PURE__ */ h(N, { className: "bn-ak-author-info", children: [
-    /* @__PURE__ */ r(
-      "img",
-      {
-        src: a.avatarUrl,
-        alt: a.username,
-        className: "bn-ak-avatar"
-      }
-    ),
-    /* @__PURE__ */ h("div", { className: "bn-ak-username", children: [
-      a.username,
-      /* @__PURE__ */ h("span", { children: [
-        e,
-        " ",
-        s && `(${l.comments.edited})`
-      ] })
-    ] })
-  ] });
-}), Xe = u((n, t) => {
-  const {
-    className: a,
-    showActions: e,
-    authorInfo: s,
-    timeString: o,
-    actions: l,
-    children: m,
-    edited: c,
-    emojiPickerOpen: d,
-    // Unused
-    ...g
-  } = n;
-  i(g, !1);
-  const [p, k] = ke(!1), { focused: f, ref: T } = j();
-  return /* @__PURE__ */ h(
-    N,
-    {
-      ref: t,
-      className: a,
-      onMouseEnter: () => k(!0),
-      onMouseLeave: () => k(!1),
-      children: [
-        l && (e === !0 || e === void 0 || e === "hover" && p || f) ? /* @__PURE__ */ r(
-          N,
-          {
-            ref: T,
-            style: {
-              position: "absolute",
-              right: 0,
-              top: 0,
-              zIndex: 10
-            },
-            children: l
-          }
-        ) : null,
-        /* @__PURE__ */ r(Je, { ...n }),
-        m
-      ]
-    }
-  );
-}), Ye = u((n, t) => {
-  const { className: a, onFocus: e, onBlur: s, autoFocus: o, editor: l, editable: m, ...c } = n;
-  i(c, !1);
-  const d = Q();
-  return /* @__PURE__ */ r(
-    sn,
-    {
-      autoFocus: o,
-      className: a,
-      editor: n.editor,
-      sideMenu: !1,
-      slashMenu: !1,
-      tableHandles: !1,
-      filePanel: !1,
-      formattingToolbar: !1,
-      editable: m,
-      theme: d == null ? void 0 : d.colorSchemePreference,
-      ref: t,
-      onFocus: e,
-      onBlur: s,
-      children: /* @__PURE__ */ r(
-        z,
-        {
-          formattingToolbar: en
-        }
-      )
-    }
-  );
-}), en = () => {
-  const n = U([]).filter(
-    (t) => t.key !== "nestBlockButton" && t.key !== "unnestBlockButton"
-  );
-  return /* @__PURE__ */ r(W, { blockTypeSelectItems: [], children: n });
-}, nn = u((n, t) => {
-  const {
-    className: a,
-    text: e,
-    icon: s,
-    isSelected: o,
-    mainTooltip: l,
-    secondaryTooltip: m,
-    onClick: c,
-    onMouseEnter: d,
-    ...g
-  } = n;
-  i(g, !1);
-  const p = /* @__PURE__ */ h(
-    v,
-    {
-      className: b(
-        a,
-        "bn-ak-badge bn-ak-button",
-        o && "bn-ak-primary"
-      ),
-      "aria-selected": o === !0,
-      onClick: (k) => c == null ? void 0 : c(k),
-      onMouseEnter: d,
-      ref: t,
-      children: [
-        /* @__PURE__ */ r("span", { children: s }),
-        /* @__PURE__ */ r("span", { children: e })
-      ]
-    }
-  );
-  return l ? /* @__PURE__ */ h(R, { children: [
-    /* @__PURE__ */ r(E, { render: p }),
-    /* @__PURE__ */ h(q, { className: "bn-ak-tooltip", portal: !1, children: [
-      /* @__PURE__ */ r("span", { children: l }),
-      m && /* @__PURE__ */ r("span", { children: m })
-    ] })
-  ] }) : p;
-}), tn = u((n, t) => {
-  const { className: a, children: e, ...s } = n;
-  return i(s), /* @__PURE__ */ r(
-    N,
-    {
-      className: b(a, "bn-ak-badge-group"),
-      ref: t,
-      children: e
-    }
-  );
-}), an = {
-  FormattingToolbar: {
-    Root: S,
-    Button: M,
-    Select: I
-  },
-  FilePanel: {
-    Root: xe,
-    Button: ye,
-    FileInput: Pe,
-    TabPanel: Be,
-    TextInput: De
-  },
-  GridSuggestionMenu: {
-    Root: Ge,
-    Item: Oe,
-    EmptyItem: Ae,
-    Loader: $e
-  },
-  LinkToolbar: {
-    Root: S,
-    Button: M,
-    Select: I
-  },
-  SideMenu: {
-    Root: Le,
-    Button: qe
-  },
-  SuggestionMenu: {
-    Root: He,
-    Item: je,
-    EmptyItem: Ve,
-    Label: Ke,
-    Loader: Qe
-  },
-  TableHandle: {
-    Root: Ue,
-    ExtendButton: ze
-  },
-  Comments: {
-    Comment: Xe,
-    Editor: Ye,
-    Card: We,
-    CardSection: Ze,
-    ExpandSectionsPrompt: _e
-  },
-  Generic: {
-    Badge: {
-      Root: nn,
-      Group: tn
-    },
-    Toolbar: {
-      Root: S,
-      Button: M,
-      Select: I
-    },
-    Form: {
-      Root: Ne,
-      TextInput: ve
-    },
-    Menu: {
-      Root: fe,
-      Trigger: Ie,
-      Dropdown: Te,
-      Divider: Ce,
-      Label: Me,
-      Item: Se,
-      Button: we
-    },
-    Popover: {
-      Root: Ee,
-      Trigger: Fe,
-      Content: Re
-    }
-  }
-}, sn = (n) => {
-  const { className: t, ...a } = n;
-  return /* @__PURE__ */ r(Z.Provider, { value: an, children: /* @__PURE__ */ r(
-    _,
-    {
-      className: b("bn-ariakit", t || ""),
-      ...a
-    }
-  ) });
+import { assertEmpty as e, isSafari as t, mergeCSSClasses as n } from "@blocknote/core";
+import { BlockNoteViewRaw as r, ComponentsContext as i, FormattingToolbar as a, FormattingToolbarController as o, elementOverflow as s, getFormattingToolbarItems as c, mergeRefs as l, useBlockNoteContext as u, useDictionary as d, useFocusWithin as f } from "@blocknote/react";
+import { Button as p, CheckboxCheck as m, FormInput as h, FormLabel as g, FormProvider as _, Group as v, Menu as y, MenuButton as b, MenuButtonArrow as x, MenuGroupLabel as S, MenuItem as C, MenuProvider as w, MenuSeparator as T, Popover as E, PopoverDisclosure as D, PopoverProvider as O, Select as k, SelectArrow as A, SelectItem as j, SelectItemCheck as ee, SelectPopover as te, SelectProvider as ne, Tab as re, TabList as ie, TabPanel as ae, TabProvider as oe, Toolbar as se, ToolbarItem as M, Tooltip as N, TooltipAnchor as P, TooltipProvider as F } from "@ariakit/react";
+import { Fragment as I, jsx as L, jsxs as R } from "react/jsx-runtime";
+import { createContext as z, forwardRef as B, useContext as V, useEffect as H, useRef as U, useState as W } from "react";
+//#region src/input/Form.tsx
+var G = (t) => {
+	let { children: n, ...r } = t;
+	return e(r), /* @__PURE__ */ L(_, { children: n });
+}, K = B((t, r) => {
+	let { className: i, name: a, label: o, variant: s, icon: c, value: l, autoFocus: u, placeholder: d, disabled: f, onKeyDown: p, onChange: m, onSubmit: _, autoComplete: v, "aria-activedescendant": y, rightSection: b, ...x } = t;
+	return e(x), /* @__PURE__ */ R(I, { children: [t.label && /* @__PURE__ */ L(g, {
+		name: a,
+		children: o
+	}), /* @__PURE__ */ R("div", {
+		className: "bn-ak-input-wrapper",
+		children: [
+			c,
+			/* @__PURE__ */ L(h, {
+				className: n("bn-ak-input", i || "", s === "large" ? "bn-ak-input-large" : ""),
+				ref: r,
+				name: a,
+				value: l,
+				autoFocus: u,
+				placeholder: d,
+				disabled: f,
+				onKeyDown: p,
+				onChange: m,
+				onSubmit: _,
+				autoComplete: v,
+				"aria-activedescendant": y
+			}),
+			b
+		]
+	})] });
+}), ce = (t) => {
+	let { children: n, onOpenChange: r, position: i, sub: a, ...o } = t;
+	return e(o), /* @__PURE__ */ L(w, {
+		placement: i,
+		setOpen: r,
+		virtualFocus: !0,
+		children: n
+	});
+}, le = B((t, r) => {
+	let { className: i, children: a, sub: o, ...s } = t;
+	return e(s), /* @__PURE__ */ L(y, {
+		unmountOnHide: !0,
+		className: n("bn-ak-menu", i || ""),
+		ref: r,
+		children: a
+	});
+}), ue = B((t, r) => {
+	let { className: i, children: a, icon: o, checked: s, subTrigger: c, onClick: l, ...u } = t;
+	return e(u), c ? /* @__PURE__ */ R(b, {
+		render: /* @__PURE__ */ L(C, {}),
+		className: n("bn-ak-menu-item", i || ""),
+		ref: r,
+		onClick: l,
+		children: [
+			o,
+			a,
+			/* @__PURE__ */ L(x, {}),
+			s !== void 0 && /* @__PURE__ */ L(m, { checked: s })
+		]
+	}) : /* @__PURE__ */ R(C, {
+		className: n("bn-ak-menu-item", i || ""),
+		ref: r,
+		onClick: l,
+		children: [
+			o,
+			a,
+			s !== void 0 && /* @__PURE__ */ L(m, { checked: s })
+		]
+	});
+}), de = B((t, r) => {
+	let { className: i, children: a, ...o } = t;
+	return e(o), /* @__PURE__ */ L(S, {
+		className: n("bn-ak-group-label", i || ""),
+		ref: r,
+		children: a
+	});
+}), fe = (t) => {
+	let { children: n, sub: r, ...i } = t;
+	return e(i), r ? n : /* @__PURE__ */ L(b, { render: n });
+}, pe = B((t, r) => {
+	let { className: i, ...a } = t;
+	return e(a), /* @__PURE__ */ L(T, {
+		className: n("bn-ak-separator", i || ""),
+		ref: r
+	});
+}), me = B((t, r) => {
+	let { className: i, children: a, icon: o, onClick: s, label: c, onDragEnd: l, onDragStart: u, draggable: d, ...f } = t;
+	return e(f, !1), /* @__PURE__ */ R(p, {
+		onDragEnd: l,
+		onDragStart: u,
+		draggable: d,
+		"aria-label": c,
+		className: n("bn-ak-button bn-ak-secondary", i || ""),
+		ref: r,
+		onClick: s,
+		...f,
+		children: [o, a]
+	});
+}), he = B((t, r) => {
+	let { className: i, tabs: a, defaultOpenTab: o, openTab: s, setOpenTab: c, loading: l, ...u } = t;
+	return e(u), /* @__PURE__ */ L("div", {
+		className: n("bn-ak-wrapper", i || ""),
+		ref: r,
+		children: /* @__PURE__ */ R(oe, {
+			defaultSelectedId: o,
+			selectedId: s,
+			setActiveId: (e) => {
+				e && c(e);
+			},
+			children: [/* @__PURE__ */ L(ie, {
+				className: "bn-ak-tab-list",
+				children: a.map((e) => /* @__PURE__ */ L(re, {
+					className: "bn-ak-tab",
+					id: e.name,
+					children: e.name
+				}, e.name))
+			}), /* @__PURE__ */ L("div", {
+				className: "bn-ak-panels",
+				children: a.map((e) => /* @__PURE__ */ L(ae, {
+					tabId: e.name,
+					children: e.tabPanel
+				}, e.name))
+			})]
+		})
+	});
+}), ge = B((t, r) => {
+	let { className: i, children: a, onClick: o, label: s, ...c } = t;
+	return e(c), /* @__PURE__ */ L(p, {
+		className: n("bn-ak-button", i || ""),
+		onClick: o,
+		"aria-label": s,
+		ref: r,
+		children: a
+	});
+}), _e = B((t, n) => {
+	let { className: r, accept: i, value: a, placeholder: o, onChange: s, ...c } = t;
+	return e(c), /* @__PURE__ */ L(_, { children: /* @__PURE__ */ L(h, {
+		className: r,
+		ref: n,
+		name: "panel-input",
+		type: "file",
+		accept: i,
+		value: a ? a.name : void 0,
+		onChange: async (e) => s?.(e.target.files[0]),
+		placeholder: o
+	}) });
+}), ve = B((t, n) => {
+	let { className: r, children: i, ...a } = t;
+	return e(a), /* @__PURE__ */ L("div", {
+		className: r,
+		ref: n,
+		children: i
+	});
+}), ye = B((t, r) => {
+	let { className: i, value: a, placeholder: o, onKeyDown: s, onChange: c, ...l } = t;
+	return e(l), /* @__PURE__ */ L(_, { children: /* @__PURE__ */ L(h, {
+		className: n("bn-ak-input", i || ""),
+		name: "panel-input",
+		value: a,
+		placeholder: o,
+		onChange: c,
+		onKeyDown: s,
+		"data-test": "embed-input",
+		ref: r
+	}) });
+}), q = z(void 0), be = B((t, n) => {
+	let { children: r, ...i } = t;
+	return e(i), /* @__PURE__ */ L(D, {
+		render: r,
+		ref: n
+	});
+}), xe = B((t, r) => {
+	let { className: i, children: a, variant: o, ...s } = t;
+	e(s);
+	let c = V(q);
+	return /* @__PURE__ */ L(E, {
+		className: n("bn-ak-popover", i || "", o === "panel-popover" ? "bn-ak-panel-popover" : ""),
+		portalElement: c ?? void 0,
+		ref: r,
+		children: a
+	});
+}), Se = (t) => {
+	let { children: n, open: r, onOpenChange: i, position: a, portalRoot: o, ...s } = t;
+	return e(s), /* @__PURE__ */ L(O, {
+		open: r,
+		setOpen: i,
+		placement: a,
+		children: /* @__PURE__ */ L(q.Provider, {
+			value: o,
+			children: n
+		})
+	});
+}, Ce = B((t, n) => {
+	let { className: r, children: i, ...a } = t;
+	return e(a, !1), /* @__PURE__ */ L(v, {
+		className: r,
+		ref: n,
+		...a,
+		children: i
+	});
+}), we = B((t, r) => {
+	let { className: i, children: a, icon: o, onClick: s, label: c, onDragEnd: l, onDragStart: u, draggable: d, ...f } = t;
+	return e(f, !1), /* @__PURE__ */ R(p, {
+		onDragEnd: l,
+		onDragStart: u,
+		draggable: d,
+		"aria-label": c,
+		className: n("bn-ak-button bn-ak-secondary", i || ""),
+		ref: r,
+		onClick: s,
+		...f,
+		children: [o, a]
+	});
+}), Te = B((t, n) => {
+	let { className: r, children: i, id: a, columns: o, ...s } = t;
+	return e(s), /* @__PURE__ */ L("div", {
+		className: r,
+		style: { gridTemplateColumns: `repeat(${o}, 1fr)` },
+		ref: n,
+		id: a,
+		role: "grid",
+		children: i
+	});
+}), Ee = B((t, r) => {
+	let { className: i, children: a, columns: o, ...s } = t;
+	return e(s), /* @__PURE__ */ L("div", {
+		className: n("bn-ak-menu-item", i || ""),
+		style: { gridColumn: `1 / ${o + 1}` },
+		ref: r,
+		children: /* @__PURE__ */ L("div", {
+			className: "bn-ak-suggestion-menu-item-label",
+			children: a
+		})
+	});
+}), De = B((t, n) => {
+	let { className: r, isSelected: i, onClick: a, item: o, id: c, ...u } = t;
+	e(u);
+	let d = U(null);
+	return H(() => {
+		!d.current || !i || s(d.current, d.current.closest(".bn-grid-suggestion-menu")) !== "none" && d.current.scrollIntoView({ block: "nearest" });
+	}, [i]), /* @__PURE__ */ L("div", {
+		className: r,
+		ref: l([n, d]),
+		id: c,
+		role: "option",
+		onClick: a,
+		"aria-selected": i || void 0,
+		children: o.icon
+	});
+}), Oe = B((t, n) => {
+	let { className: r, children: i, columns: a, ...o } = t;
+	return e(o), /* @__PURE__ */ L("div", {
+		className: r,
+		style: { gridColumn: `1 / ${a + 1}` },
+		ref: n,
+		children: i
+	});
+}), ke = B((t, r) => {
+	let { className: i, children: a, id: o, ...s } = t;
+	return e(s), /* @__PURE__ */ L(v, {
+		className: n("bn-ak-menu", i || ""),
+		id: o,
+		role: "listbox",
+		ref: r,
+		children: a
+	});
+}), Ae = B((t, r) => {
+	let { className: i, children: a, ...o } = t;
+	return e(o), /* @__PURE__ */ L("div", {
+		className: n("bn-ak-menu-item", i || ""),
+		ref: r,
+		children: /* @__PURE__ */ L("div", {
+			className: "bn-ak-suggestion-menu-item-label",
+			children: a
+		})
+	});
+}), je = B((t, r) => {
+	let { className: i, item: a, isSelected: o, onClick: c, id: u, ...d } = t;
+	e(d);
+	let f = U(null);
+	return H(() => {
+		!f.current || !o || s(f.current, f.current.closest(".bn-suggestion-menu, #ai-suggestion-menu")) !== "none" && f.current.scrollIntoView({ block: "nearest" });
+	}, [o]), /* @__PURE__ */ R("div", {
+		className: n("bn-ak-menu-item", i || ""),
+		ref: l([r, f]),
+		id: u,
+		onMouseDown: (e) => e.preventDefault(),
+		onClick: c,
+		role: "option",
+		"aria-selected": o || void 0,
+		children: [
+			a.icon && /* @__PURE__ */ L("div", {
+				className: "bn-ak-suggestion-menu-item-section",
+				"data-position": "left",
+				children: a.icon
+			}),
+			/* @__PURE__ */ R("div", {
+				className: "bn-ak-suggestion-menu-item-body",
+				children: [/* @__PURE__ */ L("div", {
+					className: "bn-ak-suggestion-menu-item-title",
+					children: a.title
+				}), /* @__PURE__ */ L("div", {
+					className: "bn-ak-suggestion-menu-item-subtitle",
+					children: a.subtext
+				})]
+			}),
+			a.badge && /* @__PURE__ */ L("div", {
+				"data-position": "right",
+				className: "bn-ak-suggestion-menu-item-section",
+				children: /* @__PURE__ */ L("div", { children: a.badge })
+			})
+		]
+	});
+}), Me = B((t, r) => {
+	let { className: i, children: a, ...o } = t;
+	return e(o), /* @__PURE__ */ L("div", {
+		className: n("bn-ak-group-label", i || ""),
+		ref: r,
+		children: a
+	});
+}), Ne = B((t, n) => {
+	let { className: r, ...i } = t;
+	return e(i), /* @__PURE__ */ L("div", {
+		className: r,
+		ref: n,
+		children: /* @__PURE__ */ L("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			height: "1em",
+			viewBox: "0 -960 960 960",
+			width: "1em",
+			fill: "#e8eaed",
+			children: /* @__PURE__ */ L("path", { d: "M480-80q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-155.5t86-127Q252-817 325-848.5T480-880q17 0 28.5 11.5T520-840q0 17-11.5 28.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160q133 0 226.5-93.5T800-480q0-17 11.5-28.5T840-520q17 0 28.5 11.5T880-480q0 82-31.5 155t-86 127.5q-54.5 54.5-127 86T480-80Z" })
+		})
+	});
+}), Pe = B((t, r) => {
+	let { children: i, className: a, onMouseDown: o, onClick: s, ...c } = t;
+	return e(c, !1), /* @__PURE__ */ L(p, {
+		className: n("bn-ak-button bn-ak-secondary", a || ""),
+		ref: r,
+		onMouseDown: o,
+		onClick: s,
+		...c,
+		children: i
+	});
+}), Fe = B((t, r) => {
+	let { className: i, children: a, draggable: o, onDragStart: s, onDragEnd: c, style: l, label: u, ...d } = t;
+	return e(d, !1), /* @__PURE__ */ L(p, {
+		className: n("bn-ak-button bn-ak-secondary", i || ""),
+		ref: r,
+		"aria-label": u,
+		draggable: o,
+		onDragStart: s,
+		onDragEnd: c,
+		style: l,
+		...d,
+		children: a
+	});
+}), J = B((t, r) => {
+	let { className: i, children: a, onMouseEnter: o, onMouseLeave: s, variant: c, ...l } = t;
+	return e(l), /* @__PURE__ */ L(se, {
+		className: n("bn-ak-toolbar", i || ""),
+		ref: r,
+		onMouseEnter: o,
+		onMouseLeave: s,
+		children: a
+	});
+}), Y = B((r, i) => {
+	let { className: a, children: o, mainTooltip: s, secondaryTooltip: c, icon: l, isSelected: u, isDisabled: d, onClick: f, label: p, variant: m, ...h } = r;
+	return e(h, !1), /* @__PURE__ */ R(F, { children: [/* @__PURE__ */ L(P, { render: /* @__PURE__ */ R(M, {
+		"aria-label": p,
+		className: n("bn-ak-button bn-ak-secondary", a || ""),
+		onMouseDown: (e) => {
+			t() && e.currentTarget.focus();
+		},
+		onClick: f,
+		"aria-pressed": u,
+		"data-selected": u ? "true" : void 0,
+		disabled: d || !1,
+		ref: i,
+		...h,
+		children: [l, o]
+	}) }), /* @__PURE__ */ R(N, {
+		className: "bn-ak-tooltip",
+		portal: !1,
+		children: [/* @__PURE__ */ L("span", { children: s }), c && /* @__PURE__ */ L("span", { children: c })]
+	})] });
+}), X = B((t, r) => {
+	let { className: i, items: a, isDisabled: o, ...s } = t;
+	e(s);
+	let c = t.items.filter((e) => e.isSelected)[0];
+	return /* @__PURE__ */ R(ne, {
+		value: c.text,
+		setValue: (e) => {
+			a.find((t) => t.text === e).onClick?.();
+		},
+		children: [/* @__PURE__ */ R(k, {
+			className: "bn-ak-button bn-ak-secondary",
+			disabled: o,
+			"aria-label": "Text alignment",
+			render: /* @__PURE__ */ L(M, {}),
+			children: [
+				c.icon,
+				" ",
+				c.text,
+				" ",
+				/* @__PURE__ */ L(A, {})
+			]
+		}), /* @__PURE__ */ L(te, {
+			className: n("bn-ak-popover", i || ""),
+			ref: r,
+			gutter: 4,
+			children: a.map((e) => /* @__PURE__ */ R(j, {
+				className: "bn-ak-select-item",
+				value: e.text,
+				children: [
+					e.icon,
+					e.text,
+					e.text === c.text && /* @__PURE__ */ L(ee, {})
+				]
+			}, e.text))
+		})]
+	});
+}), Ie = B((t, r) => {
+	let { className: i, children: a, selected: o, headerText: s, onFocus: c, onBlur: l, tabIndex: u, ...d } = t;
+	return e(d, !1), /* @__PURE__ */ R(v, {
+		className: n(i, "bn-ak-hovercard", o && "selected"),
+		onFocus: c,
+		onBlur: l,
+		tabIndex: u,
+		ref: r,
+		children: [s && /* @__PURE__ */ L("div", {
+			className: "bn-header-text",
+			children: s
+		}), a]
+	});
+}), Le = B((t, r) => {
+	let { className: i, children: a, ...o } = t;
+	return e(o, !1), /* @__PURE__ */ L(v, {
+		className: n(i, "bn-ak-card-section"),
+		ref: r,
+		children: a
+	});
+}), Re = B((t, r) => {
+	let { className: i, children: a, ...o } = t;
+	return e(o, !1), /* @__PURE__ */ L(p, {
+		className: n(i, "bn-ak-button bn-ak-secondary bn-ak-expand-sections-prompt"),
+		ref: r,
+		children: a
+	});
+}), ze = B((t, n) => {
+	let { authorInfo: r, timeString: i, edited: a, ...o } = t, s = d();
+	return e(o, !1), r === "loading" ? /* @__PURE__ */ R(v, {
+		className: "bn-ak-author-info",
+		children: [/* @__PURE__ */ L("div", { className: "bn-ak-avatar bn-ak-skeleton" }), /* @__PURE__ */ L("div", { className: "bn-ak-username bn-ak-skeleton" })]
+	}) : /* @__PURE__ */ R(v, {
+		className: "bn-ak-author-info",
+		children: [/* @__PURE__ */ L("img", {
+			src: r.avatarUrl,
+			alt: r.username,
+			className: "bn-ak-avatar"
+		}), /* @__PURE__ */ R("div", {
+			className: "bn-ak-username",
+			children: [r.username, /* @__PURE__ */ R("span", { children: [
+				i,
+				" ",
+				a && `(${s.comments.edited})`
+			] })]
+		})]
+	});
+}), Z = B((t, n) => {
+	let { className: r, showActions: i, authorInfo: a, timeString: o, actions: s, children: c, edited: l, emojiPickerOpen: u, ...d } = t;
+	e(d, !1);
+	let [p, m] = W(!1), { focused: h, ref: g } = f();
+	return /* @__PURE__ */ R(v, {
+		ref: n,
+		className: r,
+		onMouseEnter: () => m(!0),
+		onMouseLeave: () => m(!1),
+		children: [
+			s && (i === !0 || i === void 0 || i === "hover" && p || h || u) ? /* @__PURE__ */ L(v, {
+				ref: g,
+				style: {
+					position: "absolute",
+					right: 0,
+					top: 0,
+					zIndex: 10
+				},
+				children: s
+			}) : null,
+			/* @__PURE__ */ L(ze, { ...t }),
+			c
+		]
+	});
+}), Be = B((t, n) => {
+	let { className: r, onFocus: i, onBlur: a, autoFocus: s, editor: c, editable: l, ...d } = t;
+	e(d, !1);
+	let f = u();
+	return /* @__PURE__ */ L($, {
+		autoFocus: s,
+		className: r,
+		editor: t.editor,
+		sideMenu: !1,
+		slashMenu: !1,
+		tableHandles: !1,
+		filePanel: !1,
+		formattingToolbar: !1,
+		editable: l,
+		theme: f?.colorSchemePreference,
+		ref: n,
+		onFocus: i,
+		onBlur: a,
+		children: /* @__PURE__ */ L(o, { formattingToolbar: Ve })
+	});
+}), Ve = () => /* @__PURE__ */ L(a, {
+	blockTypeSelectItems: [],
+	children: c([]).filter((e) => e.key !== "nestBlockButton" && e.key !== "unnestBlockButton")
+}), He = B((t, r) => {
+	let { className: i, text: a, icon: o, isSelected: s, mainTooltip: c, secondaryTooltip: l, onClick: u, onMouseEnter: d, ...f } = t;
+	e(f, !1);
+	let m = /* @__PURE__ */ R(p, {
+		className: n(i, "bn-ak-badge bn-ak-button", s && "bn-ak-primary"),
+		"aria-selected": s === !0,
+		onClick: (e) => u?.(e),
+		onMouseEnter: d,
+		ref: r,
+		children: [/* @__PURE__ */ L("span", { children: o }), /* @__PURE__ */ L("span", { children: a })]
+	});
+	return c ? /* @__PURE__ */ R(F, { children: [/* @__PURE__ */ L(P, { render: m }), /* @__PURE__ */ R(N, {
+		className: "bn-ak-tooltip",
+		portal: !1,
+		children: [/* @__PURE__ */ L("span", { children: c }), l && /* @__PURE__ */ L("span", { children: l })]
+	})] }) : m;
+}), Ue = B((t, r) => {
+	let { className: i, children: a, ...o } = t;
+	return e(o), /* @__PURE__ */ L(v, {
+		className: n(i, "bn-ak-badge-group"),
+		ref: r,
+		children: a
+	});
+}), Q = {
+	FormattingToolbar: {
+		Root: J,
+		Button: Y,
+		Select: X
+	},
+	FilePanel: {
+		Root: he,
+		Button: ge,
+		FileInput: _e,
+		TabPanel: ve,
+		TextInput: ye
+	},
+	GridSuggestionMenu: {
+		Root: Te,
+		Item: De,
+		EmptyItem: Ee,
+		Loader: Oe
+	},
+	LinkToolbar: {
+		Root: J,
+		Button: Y,
+		Select: X
+	},
+	SideMenu: {
+		Root: Ce,
+		Button: we
+	},
+	SuggestionMenu: {
+		Root: ke,
+		Item: je,
+		EmptyItem: Ae,
+		Label: Me,
+		Loader: Ne
+	},
+	TableHandle: {
+		Root: Fe,
+		ExtendButton: Pe
+	},
+	Comments: {
+		Comment: Z,
+		Editor: Be,
+		Card: Ie,
+		CardSection: Le,
+		ExpandSectionsPrompt: Re
+	},
+	Generic: {
+		Badge: {
+			Root: He,
+			Group: Ue
+		},
+		Toolbar: {
+			Root: J,
+			Button: Y,
+			Select: X
+		},
+		Form: {
+			Root: G,
+			TextInput: K
+		},
+		Menu: {
+			Root: ce,
+			Trigger: fe,
+			Dropdown: le,
+			Divider: pe,
+			Label: de,
+			Item: ue,
+			Button: me
+		},
+		Popover: {
+			Root: Se,
+			Trigger: be,
+			Content: xe
+		}
+	}
+}, $ = (e) => {
+	let { className: t, ...a } = e;
+	return /* @__PURE__ */ L(i.Provider, {
+		value: Q,
+		children: /* @__PURE__ */ L(r, {
+			className: n("bn-ariakit", t || ""),
+			...a
+		})
+	});
 };
-export {
-  sn as BlockNoteView,
-  an as components
-};
-//# sourceMappingURL=blocknote-ariakit.js.map
+//#endregion
+export { $ as BlockNoteView, Q as components };
+
+//# sourceMappingURL=blocknote-ariakit.js.map