@blocknote/ariakit 0.30.0 → 0.31.0

package/dist/blocknote-ariakit.js

@@ -1,46 +1,57 @@
-import { jsx as r, jsxs as h, Fragment as A } from "react/jsx-runtime";
-import { assertEmpty as i, mergeCSSClasses as b, isSafari as $ } from "@blocknote/core";
-import { elementOverflow as P, mergeRefs as B, useFocusWithin as V, FormattingToolbarController as O, getFormattingToolbarItems as H, FormattingToolbar as j, ComponentsContext as q, BlockNoteViewRaw as K } from "@blocknote/react";
-import { FormProvider as I, FormLabel as z, FormInput as y, MenuButton as w, MenuButtonArrow as U, CheckboxCheck as C, MenuItem as x, MenuGroupLabel as W, MenuSeparator as _, Menu as J, MenuProvider as Q, Button as f, TabProvider as X, TabList as Y, Tab as Z, TabPanel as ee, Popover as ne, PopoverDisclosure as te, PopoverProvider as ae, Group as N, Toolbar as se, TooltipProvider as F, TooltipAnchor as R, ToolbarItem as D, Tooltip as E, SelectProvider as re, Select as oe, SelectArrow as le, SelectPopover as ce, SelectItem as ie, SelectItemCheck as ue } from "@ariakit/react";
-import { forwardRef as u, useRef as L, useEffect as G, useState as de } from "react";
-const me = (n) => {
+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, FormattingToolbarController as j, getFormattingToolbarItems as K, FormattingToolbar as Q, ComponentsContext as z, BlockNoteViewRaw as U } from "@blocknote/react";
+import { FormProvider as I, FormLabel as W, FormInput as w, MenuButton as F, MenuButtonArrow as Z, CheckboxCheck as y, MenuItem as x, MenuGroupLabel as _, MenuSeparator as J, Menu as X, MenuProvider as Y, Button as f, TabProvider as ee, TabList as ne, Tab as te, TabPanel as ae, Popover as se, PopoverDisclosure as re, PopoverProvider as oe, Group as N, Toolbar as le, TooltipProvider as D, TooltipAnchor as R, ToolbarItem as E, Tooltip as L, SelectProvider as ce, Select as ie, SelectArrow as ue, SelectPopover as de, SelectItem as me, SelectItemCheck as be } from "@ariakit/react";
+import { forwardRef as d, useRef as q, useEffect as G, useState as he } from "react";
+const ge = (n) => {
   const { children: t, ...a } = n;
   return i(a), /* @__PURE__ */ r(I, { children: t });
-}, be = u((n, t) => {
+}, pe = d((n, t) => {
   const {
     className: a,
     name: e,
     label: s,
-    icon: o,
-    value: c,
-    autoFocus: m,
-    placeholder: l,
-    onKeyDown: d,
-    onChange: p,
-    onSubmit: g,
-    ...k
+    variant: o,
+    icon: c,
+    value: m,
+    autoFocus: l,
+    placeholder: u,
+    disabled: g,
+    onKeyDown: p,
+    onChange: k,
+    onSubmit: v,
+    autoComplete: C,
+    rightSection: A,
+    ...$
   } = n;
-  return i(k), /* @__PURE__ */ h(A, { children: [
-    n.label && /* @__PURE__ */ r(z, { name: e, children: s }),
+  return i($), /* @__PURE__ */ h(V, { children: [
+    n.label && /* @__PURE__ */ r(W, { name: e, children: s }),
     /* @__PURE__ */ h("div", { className: "bn-ak-input-wrapper", children: [
-      o,
+      c,
       /* @__PURE__ */ r(
-        y,
+        w,
         {
-          className: b("bn-ak-input", a || ""),
+          className: b(
+            "bn-ak-input",
+            a || "",
+            o === "large" ? "bn-ak-input-large" : ""
+          ),
           ref: t,
           name: e,
-          value: c,
-          autoFocus: m,
-          placeholder: l,
-          onKeyDown: d,
-          onChange: p,
-          onSubmit: g
+          value: m,
+          autoFocus: l,
+          placeholder: u,
+          disabled: g,
+          onKeyDown: p,
+          onChange: k,
+          onSubmit: v,
+          autoComplete: C
         }
-      )
+      ),
+      A
     ] })
   ] });
-}), he = (n) => {
+}), Ne = (n) => {
   const {
     children: t,
     onOpenChange: a,
@@ -50,7 +61,7 @@ const me = (n) => {
     ...o
   } = n;
   return i(o), /* @__PURE__ */ r(
-    Q,
+    Y,
     {
       placement: e,
       setOpen: a,
@@ -58,7 +69,7 @@ const me = (n) => {
       children: t
     }
   );
-}, pe = u((n, t) => {
+}, ke = d((n, t) => {
   const {
     className: a,
     children: e,
@@ -67,7 +78,7 @@ const me = (n) => {
     ...o
   } = n;
   return i(o), /* @__PURE__ */ r(
-    J,
+    X,
     {
       unmountOnHide: !0,
       className: b("bn-ak-menu", a || ""),
@@ -75,10 +86,10 @@ const me = (n) => {
       children: e
     }
   );
-}), ge = u((n, t) => {
+}), fe = d((n, t) => {
   const { className: a, children: e, icon: s, checked: o, subTrigger: c, onClick: m, ...l } = n;
   return i(l), c ? /* @__PURE__ */ h(
-    w,
+    F,
     {
       render: /* @__PURE__ */ r(x, {}),
       className: b("bn-ak-menu-item", a || ""),
@@ -87,8 +98,8 @@ const me = (n) => {
       children: [
         s,
         e,
-        /* @__PURE__ */ r(U, {}),
-        o !== void 0 && /* @__PURE__ */ r(C, { checked: o })
+        /* @__PURE__ */ r(Z, {}),
+        o !== void 0 && /* @__PURE__ */ r(y, { checked: o })
       ]
     }
   ) : /* @__PURE__ */ h(
@@ -100,33 +111,33 @@ const me = (n) => {
       children: [
         s,
         e,
-        o !== void 0 && /* @__PURE__ */ r(C, { checked: o })
+        o !== void 0 && /* @__PURE__ */ r(y, { checked: o })
       ]
     }
   );
-}), Ne = u((n, t) => {
+}), ve = d((n, t) => {
   const { className: a, children: e, ...s } = n;
   return i(s), /* @__PURE__ */ r(
-    W,
+    _,
     {
       className: b("bn-ak-group-label", a || ""),
       ref: t,
       children: e
     }
   );
-}), ke = (n) => {
+}), Te = (n) => {
   const { children: t, sub: a, ...e } = n;
-  return i(e), a ? t : /* @__PURE__ */ r(w, { render: t });
-}, fe = u((n, t) => {
+  return i(e), a ? t : /* @__PURE__ */ r(F, { render: t });
+}, Se = d((n, t) => {
   const { className: a, ...e } = n;
   return i(e), /* @__PURE__ */ r(
-    _,
+    J,
     {
       className: b("bn-ak-separator", a || ""),
       ref: t
     }
   );
-}), ve = u((n, t) => {
+}), Me = d((n, t) => {
   const {
     className: a,
     children: e,
@@ -135,15 +146,15 @@ const me = (n) => {
     label: c,
     onDragEnd: m,
     onDragStart: l,
-    draggable: d,
-    ...p
+    draggable: u,
+    ...g
   } = n;
-  return i(p, !1), /* @__PURE__ */ h(
+  return i(g, !1), /* @__PURE__ */ h(
     f,
     {
       onDragEnd: m,
       onDragStart: l,
-      draggable: d,
+      draggable: u,
       "aria-label": c,
       className: b(
         "bn-ak-button bn-ak-secondary",
@@ -151,14 +162,14 @@ const me = (n) => {
       ),
       ref: t,
       onClick: o,
-      ...p,
+      ...g,
       children: [
         s,
         e
       ]
     }
   );
-}), Se = u((n, t) => {
+}), Ie = d((n, t) => {
   const {
     className: a,
     tabs: e,
@@ -175,22 +186,22 @@ const me = (n) => {
       className: b("bn-ak-wrapper", a || ""),
       ref: t,
       children: /* @__PURE__ */ h(
-        X,
+        ee,
         {
           defaultSelectedId: s,
           selectedId: o,
-          setActiveId: (d) => {
-            d && c(d);
+          setActiveId: (u) => {
+            u && c(u);
           },
           children: [
-            /* @__PURE__ */ r(Y, { className: "bn-ak-tab-list", children: e.map((d) => /* @__PURE__ */ r(Z, { 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(ee, { tabId: d.name, children: d.tabPanel }, d.name)) })
+            /* @__PURE__ */ r(ne, { className: "bn-ak-tab-list", children: e.map((u) => /* @__PURE__ */ r(te, { 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(ae, { tabId: u.name, children: u.tabPanel }, u.name)) })
           ]
         }
       )
     }
   );
-}), Te = u((n, t) => {
+}), we = d((n, t) => {
   const { className: a, children: e, onClick: s, label: o, ...c } = n;
   return i(c), /* @__PURE__ */ r(
     f,
@@ -202,10 +213,10 @@ const me = (n) => {
       children: e
     }
   );
-}), Me = u((n, t) => {
+}), Ce = d((n, t) => {
   const { className: a, accept: e, value: s, placeholder: o, onChange: c, ...m } = n;
   return i(m), /* @__PURE__ */ r(I, { children: /* @__PURE__ */ r(
-    y,
+    w,
     {
       className: a,
       ref: t,
@@ -217,13 +228,13 @@ const me = (n) => {
       placeholder: o
     }
   ) });
-}), Ie = u((n, t) => {
+}), ye = d((n, t) => {
   const { className: a, children: e, ...s } = n;
   return i(s), /* @__PURE__ */ r("div", { className: a, ref: t, children: e });
-}), ye = u((n, t) => {
+}), xe = d((n, t) => {
   const { className: a, value: e, placeholder: s, onKeyDown: o, onChange: c, ...m } = n;
   return i(m), /* @__PURE__ */ r(I, { children: /* @__PURE__ */ r(
-    y,
+    w,
     {
       className: b("bn-ak-input", a || ""),
       name: "panel-input",
@@ -235,13 +246,13 @@ const me = (n) => {
       ref: t
     }
   ) });
-}), Ce = u((n, t) => {
+}), Be = d((n, t) => {
   const { children: a, ...e } = n;
-  return i(e), /* @__PURE__ */ r(te, { render: a, ref: t });
-}), xe = u((n, t) => {
+  return i(e), /* @__PURE__ */ r(re, { render: a, ref: t });
+}), Pe = d((n, t) => {
   const { className: a, children: e, variant: s, ...o } = n;
   return i(o), /* @__PURE__ */ r(
-    ne,
+    se,
     {
       className: b(
         "bn-ak-popover",
@@ -252,13 +263,13 @@ const me = (n) => {
       children: e
     }
   );
-}), Pe = (n) => {
+}), Fe = (n) => {
   const { children: t, opened: a, position: e, ...s } = n;
-  return i(s), /* @__PURE__ */ r(ae, { open: a, placement: e, children: t });
-}, Be = u((n, t) => {
+  return i(s), /* @__PURE__ */ r(oe, { open: a, placement: e, children: t });
+}, De = d((n, t) => {
   const { className: a, children: e, ...s } = n;
   return i(s, !1), /* @__PURE__ */ r(N, { className: a, ref: t, ...s, children: e });
-}), we = u((n, t) => {
+}), Re = d((n, t) => {
   const {
     className: a,
     children: e,
@@ -267,15 +278,15 @@ const me = (n) => {
     label: c,
     onDragEnd: m,
     onDragStart: l,
-    draggable: d,
-    ...p
+    draggable: u,
+    ...g
   } = n;
-  return i(p, !1), /* @__PURE__ */ h(
+  return i(g, !1), /* @__PURE__ */ h(
     f,
     {
       onDragEnd: m,
       onDragStart: l,
-      draggable: d,
+      draggable: u,
       "aria-label": c,
       className: b(
         "bn-ak-button bn-ak-secondary",
@@ -283,14 +294,14 @@ const me = (n) => {
       ),
       ref: t,
       onClick: o,
-      ...p,
+      ...g,
       children: [
         s,
         e
       ]
     }
   );
-}), Fe = u((n, t) => {
+}), Ee = d((n, t) => {
   const { className: a, children: e, id: s, columns: o, ...c } = n;
   return i(c), /* @__PURE__ */ r(
     "div",
@@ -303,7 +314,7 @@ const me = (n) => {
       children: e
     }
   );
-}), Re = u((n, t) => {
+}), Le = d((n, t) => {
   const { className: a, children: e, columns: s, ...o } = n;
   return i(o), /* @__PURE__ */ r(
     "div",
@@ -314,23 +325,23 @@ const me = (n) => {
       children: /* @__PURE__ */ r("div", { className: "bn-ak-suggestion-menu-item-label", children: e })
     }
   );
-}), De = u((n, t) => {
+}), qe = d((n, t) => {
   const { className: a, isSelected: e, onClick: s, item: o, id: c, ...m } = n;
   i(m);
-  const l = L(null);
+  const l = q(null);
   return G(() => {
     if (!l.current || !e)
       return;
-    const d = P(
+    const u = B(
       l.current,
       document.querySelector(".bn-grid-suggestion-menu")
     );
-    d === "top" ? l.current.scrollIntoView(!0) : d === "bottom" && l.current.scrollIntoView(!1);
+    u === "top" ? l.current.scrollIntoView(!0) : u === "bottom" && l.current.scrollIntoView(!1);
   }, [e]), /* @__PURE__ */ r(
     "div",
     {
       className: a,
-      ref: B([t, l]),
+      ref: P([t, l]),
       id: c,
       role: "option",
       onClick: s,
@@ -338,7 +349,7 @@ const me = (n) => {
       children: o.icon
     }
   );
-}), Ee = u((n, t) => {
+}), Ge = d((n, t) => {
   const {
     className: a,
     children: e,
@@ -355,7 +366,7 @@ const me = (n) => {
       children: e
     }
   );
-}), Le = u((n, t) => {
+}), Ae = d((n, t) => {
   const { className: a, children: e, id: s, ...o } = n;
   return i(o), /* @__PURE__ */ r(
     N,
@@ -367,7 +378,7 @@ const me = (n) => {
       children: e
     }
   );
-}), Ge = u((n, t) => {
+}), $e = d((n, t) => {
   const { className: a, children: e, ...s } = n;
   return i(s), /* @__PURE__ */ r(
     "div",
@@ -377,24 +388,26 @@ const me = (n) => {
       children: /* @__PURE__ */ r("div", { className: "bn-ak-suggestion-menu-item-label", children: e })
     }
   );
-}), Ae = u((n, t) => {
+}), Ve = d((n, t) => {
   const { className: a, item: e, isSelected: s, onClick: o, id: c, ...m } = n;
   i(m);
-  const l = L(null);
+  const l = q(null);
   return G(() => {
     if (!l.current || !s)
       return;
-    const d = P(
+    const u = B(
       l.current,
-      document.querySelector(".bn-suggestion-menu")
+      document.querySelector(".bn-suggestion-menu, #ai-suggestion-menu")
+      // TODO
     );
-    d === "top" ? l.current.scrollIntoView(!0) : d === "bottom" && l.current.scrollIntoView(!1);
+    u === "top" ? l.current.scrollIntoView(!0) : u === "bottom" && l.current.scrollIntoView(!1);
   }, [s]), /* @__PURE__ */ h(
     "div",
     {
       className: b("bn-ak-menu-item", a || ""),
-      ref: B([t, l]),
+      ref: P([t, l]),
       id: c,
+      onMouseDown: (u) => u.preventDefault(),
       onClick: o,
       role: "option",
       "aria-selected": s || void 0,
@@ -422,7 +435,7 @@ const me = (n) => {
       ]
     }
   );
-}), $e = u((n, t) => {
+}), Oe = d((n, t) => {
   const { className: a, children: e, ...s } = n;
   return i(s), /* @__PURE__ */ r(
     "div",
@@ -432,10 +445,20 @@ const me = (n) => {
       children: e
     }
   );
-}), Ve = u((n, t) => {
-  const { className: a, children: e, ...s } = n;
-  return i(s), /* @__PURE__ */ r("div", { className: a, ref: t, children: e });
-}), Oe = u((n, t) => {
+}), He = d((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" })
+    }
+  ) });
+}), je = d((n, t) => {
   const { children: a, className: e, onMouseDown: s, onClick: o, ...c } = n;
   return i(c, !1), /* @__PURE__ */ r(
     f,
@@ -451,7 +474,7 @@ const me = (n) => {
       children: a
     }
   );
-}), He = u((n, t) => {
+}), Ke = d((n, t) => {
   const {
     className: a,
     children: e,
@@ -460,9 +483,9 @@ const me = (n) => {
     onDragEnd: c,
     style: m,
     label: l,
-    ...d
+    ...u
   } = n;
-  return i(d, !1), /* @__PURE__ */ r(
+  return i(u, !1), /* @__PURE__ */ r(
     f,
     {
       className: b(
@@ -475,11 +498,11 @@ const me = (n) => {
       onDragStart: o,
       onDragEnd: c,
       style: m,
-      ...d,
+      ...u,
       children: e
     }
   );
-}), S = u(
+}), T = d(
   (n, t) => {
     const {
       className: a,
@@ -490,7 +513,7 @@ const me = (n) => {
       ...m
     } = n;
     return i(m), /* @__PURE__ */ r(
-      se,
+      le,
       {
         className: b("bn-ak-toolbar", a || ""),
         ref: t,
@@ -500,7 +523,7 @@ const me = (n) => {
       }
     );
   }
-), T = u(
+), S = d(
   (n, t) => {
     const {
       className: a,
@@ -510,27 +533,27 @@ const me = (n) => {
       icon: c,
       isSelected: m,
       isDisabled: l,
-      onClick: d,
-      label: p,
-      variant: g,
+      onClick: u,
+      label: g,
+      variant: p,
       ...k
     } = n;
-    return i(k, !1), /* @__PURE__ */ h(F, { children: [
+    return i(k, !1), /* @__PURE__ */ h(D, { children: [
       /* @__PURE__ */ r(
         R,
         {
           render: /* @__PURE__ */ h(
-            D,
+            E,
             {
-              "aria-label": p,
+              "aria-label": g,
               className: b(
                 "bn-ak-button bn-ak-secondary",
                 a || ""
               ),
               onMouseDown: (v) => {
-                $() && v.currentTarget.focus();
+                O() && v.currentTarget.focus();
               },
-              onClick: d,
+              onClick: u,
               "aria-pressed": m,
               "data-selected": m ? "true" : void 0,
               disabled: l || !1,
@@ -544,51 +567,51 @@ const me = (n) => {
           )
         }
       ),
-      /* @__PURE__ */ h(E, { className: "bn-ak-tooltip", portal: !1, children: [
+      /* @__PURE__ */ h(L, { className: "bn-ak-tooltip", portal: !1, children: [
         /* @__PURE__ */ r("span", { children: s }),
         o && /* @__PURE__ */ r("span", { children: o })
       ] })
     ] });
   }
-), M = u((n, t) => {
+), M = d((n, t) => {
   const { className: a, items: e, isDisabled: s, ...o } = n;
   i(o);
   const c = n.items.filter((l) => l.isSelected)[0], m = (l) => {
-    var d, p;
-    (p = (d = e.find((g) => g.text === l)).onClick) == null || p.call(d);
+    var u, g;
+    (g = (u = e.find((p) => p.text === l)).onClick) == null || g.call(u);
   };
-  return /* @__PURE__ */ h(re, { value: c.text, setValue: m, children: [
+  return /* @__PURE__ */ h(ce, { value: c.text, setValue: m, children: [
     /* @__PURE__ */ h(
-      oe,
+      ie,
       {
         className: "bn-ak-button bn-ak-secondary",
         disabled: s,
         "aria-label": "Text alignment",
-        render: /* @__PURE__ */ r(D, {}),
+        render: /* @__PURE__ */ r(E, {}),
         children: [
           c.icon,
           " ",
           c.text,
           " ",
-          /* @__PURE__ */ r(le, {})
+          /* @__PURE__ */ r(ue, {})
         ]
       }
     ),
     /* @__PURE__ */ r(
-      ce,
+      de,
       {
         className: b("bn-ak-popover", a || ""),
         ref: t,
         gutter: 4,
         children: e.map((l) => /* @__PURE__ */ h(
-          ie,
+          me,
           {
             className: "bn-ak-select-item",
             value: l.text,
             children: [
               l.icon,
               l.text,
-              l.text === c.text && /* @__PURE__ */ r(ue, {})
+              l.text === c.text && /* @__PURE__ */ r(be, {})
             ]
           },
           l.text
@@ -596,7 +619,7 @@ const me = (n) => {
       }
     )
   ] });
-}), je = u((n, t) => {
+}), Qe = d((n, t) => {
   const {
     className: a,
     children: e,
@@ -605,9 +628,9 @@ const me = (n) => {
     onFocus: c,
     onBlur: m,
     tabIndex: l,
-    ...d
+    ...u
   } = n;
-  return i(d, !1), /* @__PURE__ */ h(
+  return i(u, !1), /* @__PURE__ */ h(
     N,
     {
       className: b(
@@ -625,7 +648,7 @@ const me = (n) => {
       ]
     }
   );
-}), qe = u((n, t) => {
+}), ze = d((n, t) => {
   const { className: a, children: e, ...s } = n;
   return i(s, !1), /* @__PURE__ */ r(
     N,
@@ -635,7 +658,7 @@ const me = (n) => {
       children: e
     }
   );
-}), Ke = u((n, t) => {
+}), Ue = d((n, t) => {
   const { className: a, children: e, ...s } = n;
   return i(s, !1), /* @__PURE__ */ r(
     f,
@@ -648,7 +671,7 @@ const me = (n) => {
       children: e
     }
   );
-}), ze = u((n, t) => {
+}), We = d((n, t) => {
   const { authorInfo: a, timeString: e, edited: s, ...o } = n;
   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" }),
@@ -671,7 +694,7 @@ const me = (n) => {
       ] })
     ] })
   ] });
-}), Ue = u((n, t) => {
+}), Ze = d((n, t) => {
   const {
     className: a,
     showActions: e,
@@ -680,19 +703,19 @@ const me = (n) => {
     actions: c,
     children: m,
     edited: l,
-    ...d
+    ...u
   } = n;
-  i(d, !1);
-  const [p, g] = de(!1), { focused: k, ref: v } = V();
+  i(u, !1);
+  const [g, p] = he(!1), { focused: k, ref: v } = H();
   return /* @__PURE__ */ h(
     N,
     {
       ref: t,
       className: a,
-      onMouseEnter: () => g(!0),
-      onMouseLeave: () => g(!1),
+      onMouseEnter: () => p(!0),
+      onMouseLeave: () => p(!1),
       children: [
-        c && (e === !0 || e === void 0 || e === "hover" && p || k) ? /* @__PURE__ */ r(
+        c && (e === !0 || e === void 0 || e === "hover" && g || k) ? /* @__PURE__ */ r(
           N,
           {
             ref: v,
@@ -705,15 +728,15 @@ const me = (n) => {
             children: c
           }
         ) : null,
-        /* @__PURE__ */ r(ze, { ...n }),
+        /* @__PURE__ */ r(We, { ...n }),
         m
       ]
     }
   );
-}), We = u((n, t) => {
+}), _e = d((n, t) => {
   const { className: a, onFocus: e, onBlur: s, autoFocus: o, editor: c, editable: m, ...l } = n;
   return i(l, !1), /* @__PURE__ */ r(
-    Ye,
+    nn,
     {
       autoFocus: o,
       className: a,
@@ -728,19 +751,19 @@ const me = (n) => {
       onFocus: e,
       onBlur: s,
       children: /* @__PURE__ */ r(
-        O,
+        j,
         {
-          formattingToolbar: _e
+          formattingToolbar: Je
         }
       )
     }
   );
-}), _e = () => {
-  const n = H([]).filter(
+}), Je = () => {
+  const n = K([]).filter(
     (t) => t.key !== "nestBlockButton" && t.key !== "unnestBlockButton"
   );
-  return /* @__PURE__ */ r(j, { blockTypeSelectItems: [], children: n });
-}, Je = u((n, t) => {
+  return /* @__PURE__ */ r(Q, { blockTypeSelectItems: [], children: n });
+}, Xe = d((n, t) => {
   const {
     className: a,
     text: e,
@@ -749,11 +772,11 @@ const me = (n) => {
     mainTooltip: c,
     secondaryTooltip: m,
     onClick: l,
-    onMouseEnter: d,
-    ...p
+    onMouseEnter: u,
+    ...g
   } = n;
-  i(p, !1);
-  const g = /* @__PURE__ */ h(
+  i(g, !1);
+  const p = /* @__PURE__ */ h(
     f,
     {
       className: b(
@@ -763,7 +786,7 @@ const me = (n) => {
       ),
       "aria-selected": o === !0,
       onClick: (k) => l == null ? void 0 : l(k),
-      onMouseEnter: d,
+      onMouseEnter: u,
       ref: t,
       children: [
         /* @__PURE__ */ r("span", { children: s }),
@@ -771,14 +794,14 @@ const me = (n) => {
       ]
     }
   );
-  return c ? /* @__PURE__ */ h(F, { children: [
-    /* @__PURE__ */ r(R, { render: g }),
-    /* @__PURE__ */ h(E, { className: "bn-ak-tooltip", portal: !1, children: [
+  return c ? /* @__PURE__ */ h(D, { children: [
+    /* @__PURE__ */ r(R, { render: p }),
+    /* @__PURE__ */ h(L, { className: "bn-ak-tooltip", portal: !1, children: [
       /* @__PURE__ */ r("span", { children: c }),
       m && /* @__PURE__ */ r("span", { children: m })
     ] })
-  ] }) : g;
-}), Qe = u((n, t) => {
+  ] }) : p;
+}), Ye = d((n, t) => {
   const { className: a, children: e, ...s } = n;
   return i(s), /* @__PURE__ */ r(
     N,
@@ -788,85 +811,85 @@ const me = (n) => {
       children: e
     }
   );
-}), Xe = {
+}), en = {
   FormattingToolbar: {
-    Root: S,
-    Button: T,
+    Root: T,
+    Button: S,
     Select: M
   },
   FilePanel: {
-    Root: Se,
-    Button: Te,
-    FileInput: Me,
-    TabPanel: Ie,
-    TextInput: ye
+    Root: Ie,
+    Button: we,
+    FileInput: Ce,
+    TabPanel: ye,
+    TextInput: xe
   },
   GridSuggestionMenu: {
-    Root: Fe,
-    Item: De,
-    EmptyItem: Re,
-    Loader: Ee
+    Root: Ee,
+    Item: qe,
+    EmptyItem: Le,
+    Loader: Ge
   },
   LinkToolbar: {
-    Root: S,
-    Button: T,
+    Root: T,
+    Button: S,
     Select: M
   },
   SideMenu: {
-    Root: Be,
-    Button: we
+    Root: De,
+    Button: Re
   },
   SuggestionMenu: {
-    Root: Le,
-    Item: Ae,
-    EmptyItem: Ge,
-    Label: $e,
-    Loader: Ve
+    Root: Ae,
+    Item: Ve,
+    EmptyItem: $e,
+    Label: Oe,
+    Loader: He
   },
   TableHandle: {
-    Root: He,
-    ExtendButton: Oe
+    Root: Ke,
+    ExtendButton: je
   },
   Comments: {
-    Comment: Ue,
-    Editor: We,
-    Card: je,
-    CardSection: qe,
-    ExpandSectionsPrompt: Ke
+    Comment: Ze,
+    Editor: _e,
+    Card: Qe,
+    CardSection: ze,
+    ExpandSectionsPrompt: Ue
   },
   Generic: {
     Badge: {
-      Root: Je,
-      Group: Qe
+      Root: Xe,
+      Group: Ye
     },
     Toolbar: {
-      Root: S,
-      Button: T,
+      Root: T,
+      Button: S,
       Select: M
     },
     Form: {
-      Root: me,
-      TextInput: be
+      Root: ge,
+      TextInput: pe
     },
     Menu: {
-      Root: he,
-      Trigger: ke,
-      Dropdown: pe,
-      Divider: fe,
-      Label: Ne,
-      Item: ge,
-      Button: ve
+      Root: Ne,
+      Trigger: Te,
+      Dropdown: ke,
+      Divider: Se,
+      Label: ve,
+      Item: fe,
+      Button: Me
     },
     Popover: {
-      Root: Pe,
-      Trigger: Ce,
-      Content: xe
+      Root: Fe,
+      Trigger: Be,
+      Content: Pe
     }
   }
-}, Ye = (n) => {
+}, nn = (n) => {
   const { className: t, ...a } = n;
-  return /* @__PURE__ */ r(q.Provider, { value: Xe, children: /* @__PURE__ */ r(
-    K,
+  return /* @__PURE__ */ r(z.Provider, { value: en, children: /* @__PURE__ */ r(
+    U,
     {
       className: b("bn-ariakit", t || ""),
       ...a
@@ -874,7 +897,7 @@ const me = (n) => {
   ) });
 };
 export {
-  Ye as BlockNoteView,
-  Xe as components
+  nn as BlockNoteView,
+  en as components
 };
 //# sourceMappingURL=blocknote-ariakit.js.map