@blocknote/ariakit 0.34.0 → 0.36.0

package/dist/blocknote-ariakit.js

@@ -1,12 +1,12 @@
 import { jsx as r, jsxs as h, Fragment as V } from "react/jsx-runtime";
-import { assertEmpty as i, mergeCSSClasses as b, isSafari as O } from "@blocknote/core";
-import { elementOverflow as B, mergeRefs as P, useFocusWithin as H, useDictionary as j, FormattingToolbarController as K, getFormattingToolbarItems as Q, FormattingToolbar as z, ComponentsContext as U, BlockNoteViewRaw as W } from "@blocknote/react";
-import { FormProvider as I, FormLabel as Z, FormInput as w, MenuButton as D, MenuButtonArrow as _, CheckboxCheck as C, MenuItem as x, MenuGroupLabel as J, MenuSeparator as X, Menu as Y, MenuProvider as ee, Button as f, TabProvider as ne, TabList as te, Tab as ae, TabPanel as se, Popover as re, PopoverDisclosure as oe, PopoverProvider as le, Group as N, Toolbar as ce, TooltipProvider as F, TooltipAnchor as R, ToolbarItem as E, Tooltip as L, SelectProvider as ie, Select as ue, SelectArrow as de, SelectPopover as me, SelectItem as be, SelectItemCheck as he } from "@ariakit/react";
-import { forwardRef as d, useRef as q, useEffect as G, useState as ge } from "react";
-const pe = (n) => {
+import { assertEmpty as u, mergeCSSClasses as b, isSafari as O } from "@blocknote/core";
+import { elementOverflow as B, mergeRefs as P, useFocusWithin as H, useDictionary as j, useBlockNoteContext as K, FormattingToolbarController as Q, getFormattingToolbarItems as z, FormattingToolbar as U, ComponentsContext as W, BlockNoteViewRaw as Z } from "@blocknote/react";
+import { FormProvider as I, FormLabel as _, FormInput as w, MenuButton as D, MenuButtonArrow as J, CheckboxCheck as C, MenuItem as x, MenuGroupLabel as X, MenuSeparator as Y, Menu as ee, MenuProvider as ne, Button as f, TabProvider as te, TabList as ae, Tab as se, TabPanel as re, Popover as oe, PopoverDisclosure as le, PopoverProvider as ce, Group as N, Toolbar as ie, TooltipProvider as F, TooltipAnchor as R, ToolbarItem as E, Tooltip as L, SelectProvider as ue, Select as de, SelectArrow as me, SelectPopover as be, SelectItem as he, SelectItemCheck as ge } from "@ariakit/react";
+import { forwardRef as d, useRef as q, useEffect as G, useState as pe } from "react";
+const Ne = (n) => {
   const { children: t, ...a } = n;
-  return i(a), /* @__PURE__ */ r(I, { children: t });
-}, Ne = d((n, t) => {
+  return u(a), /* @__PURE__ */ r(I, { children: t });
+}, ke = d((n, t) => {
   const {
     className: a,
     name: e,
@@ -15,7 +15,7 @@ const pe = (n) => {
     icon: l,
     value: m,
     autoFocus: c,
-    placeholder: u,
+    placeholder: i,
     disabled: g,
     onKeyDown: p,
     onChange: k,
@@ -24,8 +24,8 @@ const pe = (n) => {
     rightSection: $,
     ...A
   } = n;
-  return i(A), /* @__PURE__ */ h(V, { children: [
-    n.label && /* @__PURE__ */ r(Z, { name: e, children: s }),
+  return u(A), /* @__PURE__ */ h(V, { children: [
+    n.label && /* @__PURE__ */ r(_, { name: e, children: s }),
     /* @__PURE__ */ h("div", { className: "bn-ak-input-wrapper", children: [
       l,
       /* @__PURE__ */ r(
@@ -40,7 +40,7 @@ const pe = (n) => {
           name: e,
           value: m,
           autoFocus: c,
-          placeholder: u,
+          placeholder: i,
           disabled: g,
           onKeyDown: p,
           onChange: k,
@@ -51,7 +51,7 @@ const pe = (n) => {
       $
     ] })
   ] });
-}), ke = (n) => {
+}), fe = (n) => {
   const {
     children: t,
     onOpenChange: a,
@@ -60,8 +60,8 @@ const pe = (n) => {
     // unused
     ...o
   } = n;
-  return i(o), /* @__PURE__ */ r(
-    ee,
+  return u(o), /* @__PURE__ */ r(
+    ne,
     {
       placement: e,
       setOpen: a,
@@ -69,7 +69,7 @@ const pe = (n) => {
       children: t
     }
   );
-}, fe = d((n, t) => {
+}, ve = d((n, t) => {
   const {
     className: a,
     children: e,
@@ -77,8 +77,8 @@ const pe = (n) => {
     // unused
     ...o
   } = n;
-  return i(o), /* @__PURE__ */ r(
-    Y,
+  return u(o), /* @__PURE__ */ r(
+    ee,
     {
       unmountOnHide: !0,
       className: b("bn-ak-menu", a || ""),
@@ -86,9 +86,9 @@ const pe = (n) => {
       children: e
     }
   );
-}), ve = d((n, t) => {
+}), Te = d((n, t) => {
   const { className: a, children: e, icon: s, checked: o, subTrigger: l, onClick: m, ...c } = n;
-  return i(c), l ? /* @__PURE__ */ h(
+  return u(c), l ? /* @__PURE__ */ h(
     D,
     {
       render: /* @__PURE__ */ r(x, {}),
@@ -98,7 +98,7 @@ const pe = (n) => {
       children: [
         s,
         e,
-        /* @__PURE__ */ r(_, {}),
+        /* @__PURE__ */ r(J, {}),
         o !== void 0 && /* @__PURE__ */ r(C, { checked: o })
       ]
     }
@@ -115,29 +115,29 @@ const pe = (n) => {
       ]
     }
   );
-}), Te = d((n, t) => {
+}), Se = d((n, t) => {
   const { className: a, children: e, ...s } = n;
-  return i(s), /* @__PURE__ */ r(
-    J,
+  return u(s), /* @__PURE__ */ r(
+    X,
     {
       className: b("bn-ak-group-label", a || ""),
       ref: t,
       children: e
     }
   );
-}), Se = (n) => {
+}), Me = (n) => {
   const { children: t, sub: a, ...e } = n;
-  return i(e), a ? t : /* @__PURE__ */ r(D, { render: t });
-}, Me = d((n, t) => {
+  return u(e), a ? t : /* @__PURE__ */ r(D, { render: t });
+}, Ie = d((n, t) => {
   const { className: a, ...e } = n;
-  return i(e), /* @__PURE__ */ r(
-    X,
+  return u(e), /* @__PURE__ */ r(
+    Y,
     {
       className: b("bn-ak-separator", a || ""),
       ref: t
     }
   );
-}), Ie = d((n, t) => {
+}), we = d((n, t) => {
   const {
     className: a,
     children: e,
@@ -146,15 +146,15 @@ const pe = (n) => {
     label: l,
     onDragEnd: m,
     onDragStart: c,
-    draggable: u,
+    draggable: i,
     ...g
   } = n;
-  return i(g, !1), /* @__PURE__ */ h(
+  return u(g, !1), /* @__PURE__ */ h(
     f,
     {
       onDragEnd: m,
       onDragStart: c,
-      draggable: u,
+      draggable: i,
       "aria-label": l,
       className: b(
         "bn-ak-button bn-ak-secondary",
@@ -169,7 +169,7 @@ const pe = (n) => {
       ]
     }
   );
-}), we = d((n, t) => {
+}), ye = d((n, t) => {
   const {
     className: a,
     tabs: e,
@@ -180,30 +180,30 @@ const pe = (n) => {
     // TODO: implement loading
     ...c
   } = n;
-  return i(c), /* @__PURE__ */ r(
+  return u(c), /* @__PURE__ */ r(
     "div",
     {
       className: b("bn-ak-wrapper", a || ""),
       ref: t,
       children: /* @__PURE__ */ h(
-        ne,
+        te,
         {
           defaultSelectedId: s,
           selectedId: o,
-          setActiveId: (u) => {
-            u && l(u);
+          setActiveId: (i) => {
+            i && l(i);
           },
           children: [
-            /* @__PURE__ */ r(te, { className: "bn-ak-tab-list", children: e.map((u) => /* @__PURE__ */ r(ae, { className: "bn-ak-tab", id: u.name, children: u.name }, u.name)) }),
-            /* @__PURE__ */ r("div", { className: "bn-ak-panels", children: e.map((u) => /* @__PURE__ */ r(se, { tabId: u.name, children: u.tabPanel }, u.name)) })
+            /* @__PURE__ */ r(ae, { className: "bn-ak-tab-list", children: e.map((i) => /* @__PURE__ */ r(se, { className: "bn-ak-tab", id: i.name, children: i.name }, i.name)) }),
+            /* @__PURE__ */ r("div", { className: "bn-ak-panels", children: e.map((i) => /* @__PURE__ */ r(re, { tabId: i.name, children: i.tabPanel }, i.name)) })
           ]
         }
       )
     }
   );
-}), ye = d((n, t) => {
+}), Ce = d((n, t) => {
   const { className: a, children: e, onClick: s, label: o, ...l } = n;
-  return i(l), /* @__PURE__ */ r(
+  return u(l), /* @__PURE__ */ r(
     f,
     {
       className: b("bn-ak-button", a || ""),
@@ -213,9 +213,9 @@ const pe = (n) => {
       children: e
     }
   );
-}), Ce = d((n, t) => {
+}), xe = d((n, t) => {
   const { className: a, accept: e, value: s, placeholder: o, onChange: l, ...m } = n;
-  return i(m), /* @__PURE__ */ r(I, { children: /* @__PURE__ */ r(
+  return u(m), /* @__PURE__ */ r(I, { children: /* @__PURE__ */ r(
     w,
     {
       className: a,
@@ -228,12 +228,12 @@ const pe = (n) => {
       placeholder: o
     }
   ) });
-}), xe = d((n, t) => {
-  const { className: a, children: e, ...s } = n;
-  return i(s), /* @__PURE__ */ r("div", { className: a, ref: t, children: e });
 }), Be = d((n, t) => {
+  const { className: a, children: e, ...s } = n;
+  return u(s), /* @__PURE__ */ r("div", { className: a, ref: t, children: e });
+}), Pe = d((n, t) => {
   const { className: a, value: e, placeholder: s, onKeyDown: o, onChange: l, ...m } = n;
-  return i(m), /* @__PURE__ */ r(I, { children: /* @__PURE__ */ r(
+  return u(m), /* @__PURE__ */ r(I, { children: /* @__PURE__ */ r(
     w,
     {
       className: b("bn-ak-input", a || ""),
@@ -246,13 +246,13 @@ const pe = (n) => {
       ref: t
     }
   ) });
-}), Pe = d((n, t) => {
-  const { children: a, ...e } = n;
-  return i(e), /* @__PURE__ */ r(oe, { render: a, ref: t });
 }), De = d((n, t) => {
+  const { children: a, ...e } = n;
+  return u(e), /* @__PURE__ */ r(le, { render: a, ref: t });
+}), Fe = d((n, t) => {
   const { className: a, children: e, variant: s, ...o } = n;
-  return i(o), /* @__PURE__ */ r(
-    re,
+  return u(o), /* @__PURE__ */ r(
+    oe,
     {
       className: b(
         "bn-ak-popover",
@@ -263,13 +263,13 @@ const pe = (n) => {
       children: e
     }
   );
-}), Fe = (n) => {
+}), Re = (n) => {
   const { children: t, opened: a, position: e, ...s } = n;
-  return i(s), /* @__PURE__ */ r(le, { open: a, placement: e, children: t });
-}, Re = d((n, t) => {
+  return u(s), /* @__PURE__ */ r(ce, { open: a, placement: e, children: t });
+}, Ee = d((n, t) => {
   const { className: a, children: e, ...s } = n;
-  return i(s, !1), /* @__PURE__ */ r(N, { className: a, ref: t, ...s, children: e });
-}), Ee = d((n, t) => {
+  return u(s, !1), /* @__PURE__ */ r(N, { className: a, ref: t, ...s, children: e });
+}), Le = d((n, t) => {
   const {
     className: a,
     children: e,
@@ -278,15 +278,15 @@ const pe = (n) => {
     label: l,
     onDragEnd: m,
     onDragStart: c,
-    draggable: u,
+    draggable: i,
     ...g
   } = n;
-  return i(g, !1), /* @__PURE__ */ h(
+  return u(g, !1), /* @__PURE__ */ h(
     f,
     {
       onDragEnd: m,
       onDragStart: c,
-      draggable: u,
+      draggable: i,
       "aria-label": l,
       className: b(
         "bn-ak-button bn-ak-secondary",
@@ -301,9 +301,9 @@ const pe = (n) => {
       ]
     }
   );
-}), Le = d((n, t) => {
+}), qe = d((n, t) => {
   const { className: a, children: e, id: s, columns: o, ...l } = n;
-  return i(l), /* @__PURE__ */ r(
+  return u(l), /* @__PURE__ */ r(
     "div",
     {
       className: a,
@@ -314,9 +314,9 @@ const pe = (n) => {
       children: e
     }
   );
-}), qe = d((n, t) => {
+}), Ge = d((n, t) => {
   const { className: a, children: e, columns: s, ...o } = n;
-  return i(o), /* @__PURE__ */ r(
+  return u(o), /* @__PURE__ */ r(
     "div",
     {
       className: b("bn-ak-menu-item", a || ""),
@@ -325,18 +325,18 @@ const pe = (n) => {
       children: /* @__PURE__ */ r("div", { className: "bn-ak-suggestion-menu-item-label", children: e })
     }
   );
-}), Ge = d((n, t) => {
+}), $e = d((n, t) => {
   const { className: a, isSelected: e, onClick: s, item: o, id: l, ...m } = n;
-  i(m);
+  u(m);
   const c = q(null);
   return G(() => {
     if (!c.current || !e)
       return;
-    const u = B(
+    const i = B(
       c.current,
       document.querySelector(".bn-grid-suggestion-menu")
     );
-    u === "top" ? c.current.scrollIntoView(!0) : u === "bottom" && c.current.scrollIntoView(!1);
+    i === "top" ? c.current.scrollIntoView(!0) : i === "bottom" && c.current.scrollIntoView(!1);
   }, [e]), /* @__PURE__ */ r(
     "div",
     {
@@ -349,7 +349,7 @@ const pe = (n) => {
       children: o.icon
     }
   );
-}), $e = d((n, t) => {
+}), Ae = d((n, t) => {
   const {
     className: a,
     children: e,
@@ -357,7 +357,7 @@ const pe = (n) => {
     columns: s,
     ...o
   } = n;
-  return i(o), /* @__PURE__ */ r(
+  return u(o), /* @__PURE__ */ r(
     "div",
     {
       className: a,
@@ -366,9 +366,9 @@ const pe = (n) => {
       children: e
     }
   );
-}), Ae = d((n, t) => {
+}), Ve = d((n, t) => {
   const { className: a, children: e, id: s, ...o } = n;
-  return i(o), /* @__PURE__ */ r(
+  return u(o), /* @__PURE__ */ r(
     N,
     {
       className: b("bn-ak-menu", a || ""),
@@ -378,9 +378,9 @@ const pe = (n) => {
       children: e
     }
   );
-}), Ve = d((n, t) => {
+}), Oe = d((n, t) => {
   const { className: a, children: e, ...s } = n;
-  return i(s), /* @__PURE__ */ r(
+  return u(s), /* @__PURE__ */ r(
     "div",
     {
       className: b("bn-ak-menu-item", a || ""),
@@ -388,26 +388,26 @@ const pe = (n) => {
       children: /* @__PURE__ */ r("div", { className: "bn-ak-suggestion-menu-item-label", children: e })
     }
   );
-}), Oe = d((n, t) => {
+}), He = d((n, t) => {
   const { className: a, item: e, isSelected: s, onClick: o, id: l, ...m } = n;
-  i(m);
+  u(m);
   const c = q(null);
   return G(() => {
     if (!c.current || !s)
       return;
-    const u = B(
+    const i = B(
       c.current,
       document.querySelector(".bn-suggestion-menu, #ai-suggestion-menu")
       // TODO
     );
-    u === "top" ? c.current.scrollIntoView(!0) : u === "bottom" && c.current.scrollIntoView(!1);
+    i === "top" ? c.current.scrollIntoView(!0) : i === "bottom" && c.current.scrollIntoView(!1);
   }, [s]), /* @__PURE__ */ h(
     "div",
     {
       className: b("bn-ak-menu-item", a || ""),
       ref: P([t, c]),
       id: l,
-      onMouseDown: (u) => u.preventDefault(),
+      onMouseDown: (i) => i.preventDefault(),
       onClick: o,
       role: "option",
       "aria-selected": s || void 0,
@@ -435,9 +435,9 @@ const pe = (n) => {
       ]
     }
   );
-}), He = d((n, t) => {
+}), je = d((n, t) => {
   const { className: a, children: e, ...s } = n;
-  return i(s), /* @__PURE__ */ r(
+  return u(s), /* @__PURE__ */ r(
     "div",
     {
       className: b("bn-ak-group-label", a || ""),
@@ -445,9 +445,9 @@ const pe = (n) => {
       children: e
     }
   );
-}), je = d((n, t) => {
+}), Ke = d((n, t) => {
   const { className: a, ...e } = n;
-  return i(e), /* @__PURE__ */ r("div", { className: a, ref: t, children: /* @__PURE__ */ r(
+  return u(e), /* @__PURE__ */ r("div", { className: a, ref: t, children: /* @__PURE__ */ r(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -458,9 +458,9 @@ const pe = (n) => {
       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" })
     }
   ) });
-}), Ke = d((n, t) => {
+}), Qe = d((n, t) => {
   const { children: a, className: e, onMouseDown: s, onClick: o, ...l } = n;
-  return i(l, !1), /* @__PURE__ */ r(
+  return u(l, !1), /* @__PURE__ */ r(
     f,
     {
       className: b(
@@ -474,7 +474,7 @@ const pe = (n) => {
       children: a
     }
   );
-}), Qe = d((n, t) => {
+}), ze = d((n, t) => {
   const {
     className: a,
     children: e,
@@ -483,9 +483,9 @@ const pe = (n) => {
     onDragEnd: l,
     style: m,
     label: c,
-    ...u
+    ...i
   } = n;
-  return i(u, !1), /* @__PURE__ */ r(
+  return u(i, !1), /* @__PURE__ */ r(
     f,
     {
       className: b(
@@ -498,7 +498,7 @@ const pe = (n) => {
       onDragStart: o,
       onDragEnd: l,
       style: m,
-      ...u,
+      ...i,
       children: e
     }
   );
@@ -512,8 +512,8 @@ const pe = (n) => {
       variant: l,
       ...m
     } = n;
-    return i(m), /* @__PURE__ */ r(
-      ce,
+    return u(m), /* @__PURE__ */ r(
+      ie,
       {
         className: b("bn-ak-toolbar", a || ""),
         ref: t,
@@ -533,12 +533,12 @@ const pe = (n) => {
       icon: l,
       isSelected: m,
       isDisabled: c,
-      onClick: u,
+      onClick: i,
       label: g,
       variant: p,
       ...k
     } = n;
-    return i(k, !1), /* @__PURE__ */ h(F, { children: [
+    return u(k, !1), /* @__PURE__ */ h(F, { children: [
       /* @__PURE__ */ r(
         R,
         {
@@ -553,7 +553,7 @@ const pe = (n) => {
               onMouseDown: (v) => {
                 O() && v.currentTarget.focus();
               },
-              onClick: u,
+              onClick: i,
               "aria-pressed": m,
               "data-selected": m ? "true" : void 0,
               disabled: c || !1,
@@ -575,14 +575,14 @@ const pe = (n) => {
   }
 ), M = d((n, t) => {
   const { className: a, items: e, isDisabled: s, ...o } = n;
-  i(o);
+  u(o);
   const l = n.items.filter((c) => c.isSelected)[0], m = (c) => {
-    var u, g;
-    (g = (u = e.find((p) => p.text === c)).onClick) == null || g.call(u);
+    var i, g;
+    (g = (i = e.find((p) => p.text === c)).onClick) == null || g.call(i);
   };
-  return /* @__PURE__ */ h(ie, { value: l.text, setValue: m, children: [
+  return /* @__PURE__ */ h(ue, { value: l.text, setValue: m, children: [
     /* @__PURE__ */ h(
-      ue,
+      de,
       {
         className: "bn-ak-button bn-ak-secondary",
         disabled: s,
@@ -593,25 +593,25 @@ const pe = (n) => {
           " ",
           l.text,
           " ",
-          /* @__PURE__ */ r(de, {})
+          /* @__PURE__ */ r(me, {})
         ]
       }
     ),
     /* @__PURE__ */ r(
-      me,
+      be,
       {
         className: b("bn-ak-popover", a || ""),
         ref: t,
         gutter: 4,
         children: e.map((c) => /* @__PURE__ */ h(
-          be,
+          he,
           {
             className: "bn-ak-select-item",
             value: c.text,
             children: [
               c.icon,
               c.text,
-              c.text === l.text && /* @__PURE__ */ r(he, {})
+              c.text === l.text && /* @__PURE__ */ r(ge, {})
             ]
           },
           c.text
@@ -619,7 +619,7 @@ const pe = (n) => {
       }
     )
   ] });
-}), ze = d((n, t) => {
+}), Ue = d((n, t) => {
   const {
     className: a,
     children: e,
@@ -628,9 +628,9 @@ const pe = (n) => {
     onFocus: l,
     onBlur: m,
     tabIndex: c,
-    ...u
+    ...i
   } = n;
-  return i(u, !1), /* @__PURE__ */ h(
+  return u(i, !1), /* @__PURE__ */ h(
     N,
     {
       className: b(
@@ -648,9 +648,9 @@ const pe = (n) => {
       ]
     }
   );
-}), Ue = d((n, t) => {
+}), We = d((n, t) => {
   const { className: a, children: e, ...s } = n;
-  return i(s, !1), /* @__PURE__ */ r(
+  return u(s, !1), /* @__PURE__ */ r(
     N,
     {
       className: b(a, "bn-ak-card-section"),
@@ -658,9 +658,9 @@ const pe = (n) => {
       children: e
     }
   );
-}), We = d((n, t) => {
+}), Ze = d((n, t) => {
   const { className: a, children: e, ...s } = n;
-  return i(s, !1), /* @__PURE__ */ r(
+  return u(s, !1), /* @__PURE__ */ r(
     f,
     {
       className: b(
@@ -671,9 +671,9 @@ const pe = (n) => {
       children: e
     }
   );
-}), Ze = d((n, t) => {
+}), _e = d((n, t) => {
   const { authorInfo: a, timeString: e, edited: s, ...o } = n, l = j();
-  return i(o, !1), a === "loading" ? /* @__PURE__ */ h(N, { className: "bn-ak-author-info", children: [
+  return u(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: [
@@ -694,7 +694,7 @@ const pe = (n) => {
       ] })
     ] })
   ] });
-}), _e = d((n, t) => {
+}), Je = d((n, t) => {
   const {
     className: a,
     showActions: e,
@@ -703,10 +703,10 @@ const pe = (n) => {
     actions: l,
     children: m,
     edited: c,
-    ...u
+    ...i
   } = n;
-  i(u, !1);
-  const [g, p] = ge(!1), { focused: k, ref: v } = H();
+  u(i, !1);
+  const [g, p] = pe(!1), { focused: k, ref: v } = H();
   return /* @__PURE__ */ h(
     N,
     {
@@ -728,15 +728,17 @@ const pe = (n) => {
             children: l
           }
         ) : null,
-        /* @__PURE__ */ r(Ze, { ...n }),
+        /* @__PURE__ */ r(_e, { ...n }),
         m
       ]
     }
   );
-}), Je = d((n, t) => {
+}), Xe = d((n, t) => {
   const { className: a, onFocus: e, onBlur: s, autoFocus: o, editor: l, editable: m, ...c } = n;
-  return i(c, !1), /* @__PURE__ */ r(
-    tn,
+  u(c, !1);
+  const i = K();
+  return /* @__PURE__ */ r(
+    an,
     {
       autoFocus: o,
       className: a,
@@ -747,23 +749,24 @@ const pe = (n) => {
       filePanel: !1,
       formattingToolbar: !1,
       editable: m,
+      theme: i == null ? void 0 : i.colorSchemePreference,
       ref: t,
       onFocus: e,
       onBlur: s,
       children: /* @__PURE__ */ r(
-        K,
+        Q,
         {
-          formattingToolbar: Xe
+          formattingToolbar: Ye
         }
       )
     }
   );
-}), Xe = () => {
-  const n = Q([]).filter(
+}), Ye = () => {
+  const n = z([]).filter(
     (t) => t.key !== "nestBlockButton" && t.key !== "unnestBlockButton"
   );
-  return /* @__PURE__ */ r(z, { blockTypeSelectItems: [], children: n });
-}, Ye = d((n, t) => {
+  return /* @__PURE__ */ r(U, { blockTypeSelectItems: [], children: n });
+}, en = d((n, t) => {
   const {
     className: a,
     text: e,
@@ -772,10 +775,10 @@ const pe = (n) => {
     mainTooltip: l,
     secondaryTooltip: m,
     onClick: c,
-    onMouseEnter: u,
+    onMouseEnter: i,
     ...g
   } = n;
-  i(g, !1);
+  u(g, !1);
   const p = /* @__PURE__ */ h(
     f,
     {
@@ -786,7 +789,7 @@ const pe = (n) => {
       ),
       "aria-selected": o === !0,
       onClick: (k) => c == null ? void 0 : c(k),
-      onMouseEnter: u,
+      onMouseEnter: i,
       ref: t,
       children: [
         /* @__PURE__ */ r("span", { children: s }),
@@ -801,9 +804,9 @@ const pe = (n) => {
       m && /* @__PURE__ */ r("span", { children: m })
     ] })
   ] }) : p;
-}), en = d((n, t) => {
+}), nn = d((n, t) => {
   const { className: a, children: e, ...s } = n;
-  return i(s), /* @__PURE__ */ r(
+  return u(s), /* @__PURE__ */ r(
     N,
     {
       className: b(a, "bn-ak-badge-group"),
@@ -811,24 +814,24 @@ const pe = (n) => {
       children: e
     }
   );
-}), nn = {
+}), tn = {
   FormattingToolbar: {
     Root: T,
     Button: S,
     Select: M
   },
   FilePanel: {
-    Root: we,
-    Button: ye,
-    FileInput: Ce,
-    TabPanel: xe,
-    TextInput: Be
+    Root: ye,
+    Button: Ce,
+    FileInput: xe,
+    TabPanel: Be,
+    TextInput: Pe
   },
   GridSuggestionMenu: {
-    Root: Le,
-    Item: Ge,
-    EmptyItem: qe,
-    Loader: $e
+    Root: qe,
+    Item: $e,
+    EmptyItem: Ge,
+    Loader: Ae
   },
   LinkToolbar: {
     Root: T,
@@ -836,31 +839,31 @@ const pe = (n) => {
     Select: M
   },
   SideMenu: {
-    Root: Re,
-    Button: Ee
+    Root: Ee,
+    Button: Le
   },
   SuggestionMenu: {
-    Root: Ae,
-    Item: Oe,
-    EmptyItem: Ve,
-    Label: He,
-    Loader: je
+    Root: Ve,
+    Item: He,
+    EmptyItem: Oe,
+    Label: je,
+    Loader: Ke
   },
   TableHandle: {
-    Root: Qe,
-    ExtendButton: Ke
+    Root: ze,
+    ExtendButton: Qe
   },
   Comments: {
-    Comment: _e,
-    Editor: Je,
-    Card: ze,
-    CardSection: Ue,
-    ExpandSectionsPrompt: We
+    Comment: Je,
+    Editor: Xe,
+    Card: Ue,
+    CardSection: We,
+    ExpandSectionsPrompt: Ze
   },
   Generic: {
     Badge: {
-      Root: Ye,
-      Group: en
+      Root: en,
+      Group: nn
     },
     Toolbar: {
       Root: T,
@@ -868,28 +871,28 @@ const pe = (n) => {
       Select: M
     },
     Form: {
-      Root: pe,
-      TextInput: Ne
+      Root: Ne,
+      TextInput: ke
     },
     Menu: {
-      Root: ke,
-      Trigger: Se,
-      Dropdown: fe,
-      Divider: Me,
-      Label: Te,
-      Item: ve,
-      Button: Ie
+      Root: fe,
+      Trigger: Me,
+      Dropdown: ve,
+      Divider: Ie,
+      Label: Se,
+      Item: Te,
+      Button: we
     },
     Popover: {
-      Root: Fe,
-      Trigger: Pe,
-      Content: De
+      Root: Re,
+      Trigger: De,
+      Content: Fe
     }
   }
-}, tn = (n) => {
+}, an = (n) => {
   const { className: t, ...a } = n;
-  return /* @__PURE__ */ r(U.Provider, { value: nn, children: /* @__PURE__ */ r(
-    W,
+  return /* @__PURE__ */ r(W.Provider, { value: tn, children: /* @__PURE__ */ r(
+    Z,
     {
       className: b("bn-ariakit", t || ""),
       ...a
@@ -897,7 +900,7 @@ const pe = (n) => {
   ) });
 };
 export {
-  tn as BlockNoteView,
-  nn as components
+  an as BlockNoteView,
+  tn as components
 };
 //# sourceMappingURL=blocknote-ariakit.js.map