@blocknote/ariakit 0.31.2 → 0.31.3

package/dist/blocknote-ariakit.js

@@ -1,33 +1,33 @@
 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) => {
+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) => {
   const { children: t, ...a } = n;
   return i(a), /* @__PURE__ */ r(I, { children: t });
-}, pe = d((n, t) => {
+}, Ne = d((n, t) => {
   const {
     className: a,
     name: e,
     label: s,
     variant: o,
-    icon: c,
+    icon: l,
     value: m,
-    autoFocus: l,
+    autoFocus: c,
     placeholder: u,
     disabled: g,
     onKeyDown: p,
     onChange: k,
     onSubmit: v,
-    autoComplete: C,
-    rightSection: A,
-    ...$
+    autoComplete: y,
+    rightSection: $,
+    ...A
   } = n;
-  return i($), /* @__PURE__ */ h(V, { children: [
-    n.label && /* @__PURE__ */ r(W, { name: e, children: s }),
+  return i(A), /* @__PURE__ */ h(V, { children: [
+    n.label && /* @__PURE__ */ r(Z, { name: e, children: s }),
     /* @__PURE__ */ h("div", { className: "bn-ak-input-wrapper", children: [
-      c,
+      l,
       /* @__PURE__ */ r(
         w,
         {
@@ -39,19 +39,19 @@ const ge = (n) => {
           ref: t,
           name: e,
           value: m,
-          autoFocus: l,
+          autoFocus: c,
           placeholder: u,
           disabled: g,
           onKeyDown: p,
           onChange: k,
           onSubmit: v,
-          autoComplete: C
+          autoComplete: y
         }
       ),
-      A
+      $
     ] })
   ] });
-}), Ne = (n) => {
+}), ke = (n) => {
   const {
     children: t,
     onOpenChange: a,
@@ -61,7 +61,7 @@ const ge = (n) => {
     ...o
   } = n;
   return i(o), /* @__PURE__ */ r(
-    Y,
+    ee,
     {
       placement: e,
       setOpen: a,
@@ -69,7 +69,7 @@ const ge = (n) => {
       children: t
     }
   );
-}, ke = d((n, t) => {
+}, fe = d((n, t) => {
   const {
     className: a,
     children: e,
@@ -78,7 +78,7 @@ const ge = (n) => {
     ...o
   } = n;
   return i(o), /* @__PURE__ */ r(
-    X,
+    Y,
     {
       unmountOnHide: !0,
       className: b("bn-ak-menu", a || ""),
@@ -86,10 +86,10 @@ const ge = (n) => {
       children: e
     }
   );
-}), 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(
-    F,
+}), ve = d((n, t) => {
+  const { className: a, children: e, icon: s, checked: o, subTrigger: l, onClick: m, ...c } = n;
+  return i(c), l ? /* @__PURE__ */ h(
+    D,
     {
       render: /* @__PURE__ */ r(x, {}),
       className: b("bn-ak-menu-item", a || ""),
@@ -98,8 +98,8 @@ const ge = (n) => {
       children: [
         s,
         e,
-        /* @__PURE__ */ r(Z, {}),
-        o !== void 0 && /* @__PURE__ */ r(y, { checked: o })
+        /* @__PURE__ */ r(_, {}),
+        o !== void 0 && /* @__PURE__ */ r(C, { checked: o })
       ]
     }
   ) : /* @__PURE__ */ h(
@@ -111,41 +111,41 @@ const ge = (n) => {
       children: [
         s,
         e,
-        o !== void 0 && /* @__PURE__ */ r(y, { checked: o })
+        o !== void 0 && /* @__PURE__ */ r(C, { checked: o })
       ]
     }
   );
-}), ve = d((n, t) => {
+}), Te = d((n, t) => {
   const { className: a, children: e, ...s } = n;
   return i(s), /* @__PURE__ */ r(
-    _,
+    J,
     {
       className: b("bn-ak-group-label", a || ""),
       ref: t,
       children: e
     }
   );
-}), Te = (n) => {
+}), Se = (n) => {
   const { children: t, sub: a, ...e } = n;
-  return i(e), a ? t : /* @__PURE__ */ r(F, { render: t });
-}, Se = d((n, t) => {
+  return i(e), a ? t : /* @__PURE__ */ r(D, { render: t });
+}, Me = d((n, t) => {
   const { className: a, ...e } = n;
   return i(e), /* @__PURE__ */ r(
-    J,
+    X,
     {
       className: b("bn-ak-separator", a || ""),
       ref: t
     }
   );
-}), Me = d((n, t) => {
+}), Ie = d((n, t) => {
   const {
     className: a,
     children: e,
     icon: s,
     onClick: o,
-    label: c,
+    label: l,
     onDragEnd: m,
-    onDragStart: l,
+    onDragStart: c,
     draggable: u,
     ...g
   } = n;
@@ -153,9 +153,9 @@ const ge = (n) => {
     f,
     {
       onDragEnd: m,
-      onDragStart: l,
+      onDragStart: c,
       draggable: u,
-      "aria-label": c,
+      "aria-label": l,
       className: b(
         "bn-ak-button bn-ak-secondary",
         a || ""
@@ -169,41 +169,41 @@ const ge = (n) => {
       ]
     }
   );
-}), Ie = d((n, t) => {
+}), we = d((n, t) => {
   const {
     className: a,
     tabs: e,
     defaultOpenTab: s,
     openTab: o,
-    setOpenTab: c,
+    setOpenTab: l,
     loading: m,
     // TODO: implement loading
-    ...l
+    ...c
   } = n;
-  return i(l), /* @__PURE__ */ r(
+  return i(c), /* @__PURE__ */ r(
     "div",
     {
       className: b("bn-ak-wrapper", a || ""),
       ref: t,
       children: /* @__PURE__ */ h(
-        ee,
+        ne,
         {
           defaultSelectedId: s,
           selectedId: o,
           setActiveId: (u) => {
-            u && c(u);
+            u && l(u);
           },
           children: [
-            /* @__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)) })
+            /* @__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)) })
           ]
         }
       )
     }
   );
-}), we = d((n, t) => {
-  const { className: a, children: e, onClick: s, label: o, ...c } = n;
-  return i(c), /* @__PURE__ */ r(
+}), ye = d((n, t) => {
+  const { className: a, children: e, onClick: s, label: o, ...l } = n;
+  return i(l), /* @__PURE__ */ r(
     f,
     {
       className: b("bn-ak-button", a || ""),
@@ -214,7 +214,7 @@ const ge = (n) => {
     }
   );
 }), Ce = d((n, t) => {
-  const { className: a, accept: e, value: s, placeholder: o, onChange: c, ...m } = n;
+  const { className: a, accept: e, value: s, placeholder: o, onChange: l, ...m } = n;
   return i(m), /* @__PURE__ */ r(I, { children: /* @__PURE__ */ r(
     w,
     {
@@ -224,15 +224,15 @@ const ge = (n) => {
       type: "file",
       accept: e,
       value: s ? s.name : void 0,
-      onChange: async (l) => c == null ? void 0 : c(l.target.files[0]),
+      onChange: async (c) => l == null ? void 0 : l(c.target.files[0]),
       placeholder: o
     }
   ) });
-}), ye = d((n, t) => {
+}), xe = d((n, t) => {
   const { className: a, children: e, ...s } = n;
   return i(s), /* @__PURE__ */ r("div", { className: a, ref: t, children: e });
-}), xe = d((n, t) => {
-  const { className: a, value: e, placeholder: s, onKeyDown: o, onChange: c, ...m } = n;
+}), Be = 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(
     w,
     {
@@ -240,19 +240,19 @@ const ge = (n) => {
       name: "panel-input",
       value: e,
       placeholder: s,
-      onChange: c,
+      onChange: l,
       onKeyDown: o,
       "data-test": "embed-input",
       ref: t
     }
   ) });
-}), Be = d((n, t) => {
-  const { children: a, ...e } = n;
-  return i(e), /* @__PURE__ */ r(re, { render: a, 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 { className: a, children: e, variant: s, ...o } = n;
   return i(o), /* @__PURE__ */ r(
-    se,
+    re,
     {
       className: b(
         "bn-ak-popover",
@@ -265,19 +265,19 @@ const ge = (n) => {
   );
 }), Fe = (n) => {
   const { children: t, opened: a, position: e, ...s } = n;
-  return i(s), /* @__PURE__ */ r(oe, { open: a, placement: e, children: t });
-}, De = d((n, t) => {
+  return i(s), /* @__PURE__ */ r(le, { open: a, placement: e, children: t });
+}, Re = d((n, t) => {
   const { className: a, children: e, ...s } = n;
   return i(s, !1), /* @__PURE__ */ r(N, { className: a, ref: t, ...s, children: e });
-}), Re = d((n, t) => {
+}), Ee = d((n, t) => {
   const {
     className: a,
     children: e,
     icon: s,
     onClick: o,
-    label: c,
+    label: l,
     onDragEnd: m,
-    onDragStart: l,
+    onDragStart: c,
     draggable: u,
     ...g
   } = n;
@@ -285,9 +285,9 @@ const ge = (n) => {
     f,
     {
       onDragEnd: m,
-      onDragStart: l,
+      onDragStart: c,
       draggable: u,
-      "aria-label": c,
+      "aria-label": l,
       className: b(
         "bn-ak-button bn-ak-secondary",
         a || ""
@@ -301,9 +301,9 @@ const ge = (n) => {
       ]
     }
   );
-}), Ee = d((n, t) => {
-  const { className: a, children: e, id: s, columns: o, ...c } = n;
-  return i(c), /* @__PURE__ */ r(
+}), Le = d((n, t) => {
+  const { className: a, children: e, id: s, columns: o, ...l } = n;
+  return i(l), /* @__PURE__ */ r(
     "div",
     {
       className: a,
@@ -314,7 +314,7 @@ const ge = (n) => {
       children: e
     }
   );
-}), Le = d((n, t) => {
+}), qe = d((n, t) => {
   const { className: a, children: e, columns: s, ...o } = n;
   return i(o), /* @__PURE__ */ r(
     "div",
@@ -325,31 +325,31 @@ const ge = (n) => {
       children: /* @__PURE__ */ r("div", { className: "bn-ak-suggestion-menu-item-label", children: e })
     }
   );
-}), qe = d((n, t) => {
-  const { className: a, isSelected: e, onClick: s, item: o, id: c, ...m } = n;
+}), Ge = d((n, t) => {
+  const { className: a, isSelected: e, onClick: s, item: o, id: l, ...m } = n;
   i(m);
-  const l = q(null);
+  const c = q(null);
   return G(() => {
-    if (!l.current || !e)
+    if (!c.current || !e)
       return;
     const u = B(
-      l.current,
+      c.current,
       document.querySelector(".bn-grid-suggestion-menu")
     );
-    u === "top" ? l.current.scrollIntoView(!0) : u === "bottom" && l.current.scrollIntoView(!1);
+    u === "top" ? c.current.scrollIntoView(!0) : u === "bottom" && c.current.scrollIntoView(!1);
   }, [e]), /* @__PURE__ */ r(
     "div",
     {
       className: a,
-      ref: P([t, l]),
-      id: c,
+      ref: P([t, c]),
+      id: l,
       role: "option",
       onClick: s,
       "aria-selected": e || void 0,
       children: o.icon
     }
   );
-}), Ge = d((n, t) => {
+}), $e = d((n, t) => {
   const {
     className: a,
     children: e,
@@ -378,7 +378,7 @@ const ge = (n) => {
       children: e
     }
   );
-}), $e = d((n, t) => {
+}), Ve = d((n, t) => {
   const { className: a, children: e, ...s } = n;
   return i(s), /* @__PURE__ */ r(
     "div",
@@ -388,25 +388,25 @@ const ge = (n) => {
       children: /* @__PURE__ */ r("div", { className: "bn-ak-suggestion-menu-item-label", children: e })
     }
   );
-}), Ve = d((n, t) => {
-  const { className: a, item: e, isSelected: s, onClick: o, id: c, ...m } = n;
+}), Oe = d((n, t) => {
+  const { className: a, item: e, isSelected: s, onClick: o, id: l, ...m } = n;
   i(m);
-  const l = q(null);
+  const c = q(null);
   return G(() => {
-    if (!l.current || !s)
+    if (!c.current || !s)
       return;
     const u = B(
-      l.current,
+      c.current,
       document.querySelector(".bn-suggestion-menu, #ai-suggestion-menu")
       // TODO
     );
-    u === "top" ? l.current.scrollIntoView(!0) : u === "bottom" && l.current.scrollIntoView(!1);
+    u === "top" ? c.current.scrollIntoView(!0) : u === "bottom" && c.current.scrollIntoView(!1);
   }, [s]), /* @__PURE__ */ h(
     "div",
     {
       className: b("bn-ak-menu-item", a || ""),
-      ref: P([t, l]),
-      id: c,
+      ref: P([t, c]),
+      id: l,
       onMouseDown: (u) => u.preventDefault(),
       onClick: o,
       role: "option",
@@ -435,7 +435,7 @@ const ge = (n) => {
       ]
     }
   );
-}), Oe = d((n, t) => {
+}), He = d((n, t) => {
   const { className: a, children: e, ...s } = n;
   return i(s), /* @__PURE__ */ r(
     "div",
@@ -445,7 +445,7 @@ const ge = (n) => {
       children: e
     }
   );
-}), He = d((n, t) => {
+}), je = d((n, t) => {
   const { className: a, ...e } = n;
   return i(e), /* @__PURE__ */ r("div", { className: a, ref: t, children: /* @__PURE__ */ r(
     "svg",
@@ -458,9 +458,9 @@ const ge = (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" })
     }
   ) });
-}), je = d((n, t) => {
-  const { children: a, className: e, onMouseDown: s, onClick: o, ...c } = n;
-  return i(c, !1), /* @__PURE__ */ r(
+}), Ke = d((n, t) => {
+  const { children: a, className: e, onMouseDown: s, onClick: o, ...l } = n;
+  return i(l, !1), /* @__PURE__ */ r(
     f,
     {
       className: b(
@@ -470,19 +470,19 @@ const ge = (n) => {
       ref: t,
       onMouseDown: s,
       onClick: o,
-      ...c,
+      ...l,
       children: a
     }
   );
-}), Ke = d((n, t) => {
+}), Qe = d((n, t) => {
   const {
     className: a,
     children: e,
     draggable: s,
     onDragStart: o,
-    onDragEnd: c,
+    onDragEnd: l,
     style: m,
-    label: l,
+    label: c,
     ...u
   } = n;
   return i(u, !1), /* @__PURE__ */ r(
@@ -493,10 +493,10 @@ const ge = (n) => {
         a || ""
       ),
       ref: t,
-      "aria-label": l,
+      "aria-label": c,
       draggable: s,
       onDragStart: o,
-      onDragEnd: c,
+      onDragEnd: l,
       style: m,
       ...u,
       children: e
@@ -509,11 +509,11 @@ const ge = (n) => {
       children: e,
       onMouseEnter: s,
       onMouseLeave: o,
-      variant: c,
+      variant: l,
       ...m
     } = n;
     return i(m), /* @__PURE__ */ r(
-      le,
+      ce,
       {
         className: b("bn-ak-toolbar", a || ""),
         ref: t,
@@ -530,15 +530,15 @@ const ge = (n) => {
       children: e,
       mainTooltip: s,
       secondaryTooltip: o,
-      icon: c,
+      icon: l,
       isSelected: m,
-      isDisabled: l,
+      isDisabled: c,
       onClick: u,
       label: g,
       variant: p,
       ...k
     } = n;
-    return i(k, !1), /* @__PURE__ */ h(D, { children: [
+    return i(k, !1), /* @__PURE__ */ h(F, { children: [
       /* @__PURE__ */ r(
         R,
         {
@@ -556,11 +556,11 @@ const ge = (n) => {
               onClick: u,
               "aria-pressed": m,
               "data-selected": m ? "true" : void 0,
-              disabled: l || !1,
+              disabled: c || !1,
               ref: t,
               ...k,
               children: [
-                c,
+                l,
                 e
               ]
             }
@@ -576,58 +576,58 @@ const ge = (n) => {
 ), 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) => {
+  const l = n.items.filter((c) => c.isSelected)[0], m = (c) => {
     var u, g;
-    (g = (u = e.find((p) => p.text === l)).onClick) == null || g.call(u);
+    (g = (u = e.find((p) => p.text === c)).onClick) == null || g.call(u);
   };
-  return /* @__PURE__ */ h(ce, { value: c.text, setValue: m, children: [
+  return /* @__PURE__ */ h(ie, { value: l.text, setValue: m, children: [
     /* @__PURE__ */ h(
-      ie,
+      ue,
       {
         className: "bn-ak-button bn-ak-secondary",
         disabled: s,
         "aria-label": "Text alignment",
         render: /* @__PURE__ */ r(E, {}),
         children: [
-          c.icon,
+          l.icon,
           " ",
-          c.text,
+          l.text,
           " ",
-          /* @__PURE__ */ r(ue, {})
+          /* @__PURE__ */ r(de, {})
         ]
       }
     ),
     /* @__PURE__ */ r(
-      de,
+      me,
       {
         className: b("bn-ak-popover", a || ""),
         ref: t,
         gutter: 4,
-        children: e.map((l) => /* @__PURE__ */ h(
-          me,
+        children: e.map((c) => /* @__PURE__ */ h(
+          be,
           {
             className: "bn-ak-select-item",
-            value: l.text,
+            value: c.text,
             children: [
-              l.icon,
-              l.text,
-              l.text === c.text && /* @__PURE__ */ r(be, {})
+              c.icon,
+              c.text,
+              c.text === l.text && /* @__PURE__ */ r(he, {})
             ]
           },
-          l.text
+          c.text
         ))
       }
     )
   ] });
-}), Qe = d((n, t) => {
+}), ze = d((n, t) => {
   const {
     className: a,
     children: e,
     selected: s,
     headerText: o,
-    onFocus: c,
+    onFocus: l,
     onBlur: m,
-    tabIndex: l,
+    tabIndex: c,
     ...u
   } = n;
   return i(u, !1), /* @__PURE__ */ h(
@@ -638,9 +638,9 @@ const ge = (n) => {
         "bn-ak-hovercard",
         s && "selected"
       ),
-      onFocus: c,
+      onFocus: l,
       onBlur: m,
-      tabIndex: l,
+      tabIndex: c,
       ref: t,
       children: [
         o && /* @__PURE__ */ r("div", { className: "bn-header-text", children: o }),
@@ -648,7 +648,7 @@ const ge = (n) => {
       ]
     }
   );
-}), ze = d((n, t) => {
+}), Ue = d((n, t) => {
   const { className: a, children: e, ...s } = n;
   return i(s, !1), /* @__PURE__ */ r(
     N,
@@ -658,7 +658,7 @@ const ge = (n) => {
       children: e
     }
   );
-}), Ue = d((n, t) => {
+}), We = d((n, t) => {
   const { className: a, children: e, ...s } = n;
   return i(s, !1), /* @__PURE__ */ r(
     f,
@@ -671,8 +671,8 @@ const ge = (n) => {
       children: e
     }
   );
-}), We = d((n, t) => {
-  const { authorInfo: a, timeString: e, edited: s, ...o } = n;
+}), Ze = 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: [
     /* @__PURE__ */ r("div", { className: "bn-ak-avatar bn-ak-skeleton" }),
     /* @__PURE__ */ r("div", { className: "bn-ak-username bn-ak-skeleton" })
@@ -690,23 +690,23 @@ const ge = (n) => {
       /* @__PURE__ */ h("span", { children: [
         e,
         " ",
-        s && "(edited)"
+        s && `(${l.comments.edited})`
       ] })
     ] })
   ] });
-}), Ze = d((n, t) => {
+}), _e = d((n, t) => {
   const {
     className: a,
     showActions: e,
     authorInfo: s,
     timeString: o,
-    actions: c,
+    actions: l,
     children: m,
-    edited: l,
+    edited: c,
     ...u
   } = n;
   i(u, !1);
-  const [g, p] = he(!1), { focused: k, ref: v } = H();
+  const [g, p] = ge(!1), { focused: k, ref: v } = H();
   return /* @__PURE__ */ h(
     N,
     {
@@ -715,7 +715,7 @@ const ge = (n) => {
       onMouseEnter: () => p(!0),
       onMouseLeave: () => p(!1),
       children: [
-        c && (e === !0 || e === void 0 || e === "hover" && g || k) ? /* @__PURE__ */ r(
+        l && (e === !0 || e === void 0 || e === "hover" && g || k) ? /* @__PURE__ */ r(
           N,
           {
             ref: v,
@@ -725,18 +725,18 @@ const ge = (n) => {
               top: 0,
               zIndex: 10
             },
-            children: c
+            children: l
           }
         ) : null,
-        /* @__PURE__ */ r(We, { ...n }),
+        /* @__PURE__ */ r(Ze, { ...n }),
         m
       ]
     }
   );
-}), _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(
-    nn,
+}), Je = 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,
     {
       autoFocus: o,
       className: a,
@@ -751,27 +751,27 @@ const ge = (n) => {
       onFocus: e,
       onBlur: s,
       children: /* @__PURE__ */ r(
-        j,
+        K,
         {
-          formattingToolbar: Je
+          formattingToolbar: Xe
         }
       )
     }
   );
-}), Je = () => {
-  const n = K([]).filter(
+}), Xe = () => {
+  const n = Q([]).filter(
     (t) => t.key !== "nestBlockButton" && t.key !== "unnestBlockButton"
   );
-  return /* @__PURE__ */ r(Q, { blockTypeSelectItems: [], children: n });
-}, Xe = d((n, t) => {
+  return /* @__PURE__ */ r(z, { blockTypeSelectItems: [], children: n });
+}, Ye = d((n, t) => {
   const {
     className: a,
     text: e,
     icon: s,
     isSelected: o,
-    mainTooltip: c,
+    mainTooltip: l,
     secondaryTooltip: m,
-    onClick: l,
+    onClick: c,
     onMouseEnter: u,
     ...g
   } = n;
@@ -785,7 +785,7 @@ const ge = (n) => {
         o && "bn-ak-primary"
       ),
       "aria-selected": o === !0,
-      onClick: (k) => l == null ? void 0 : l(k),
+      onClick: (k) => c == null ? void 0 : c(k),
       onMouseEnter: u,
       ref: t,
       children: [
@@ -794,14 +794,14 @@ const ge = (n) => {
       ]
     }
   );
-  return c ? /* @__PURE__ */ h(D, { children: [
+  return l ? /* @__PURE__ */ h(F, { children: [
     /* @__PURE__ */ r(R, { render: p }),
     /* @__PURE__ */ h(L, { className: "bn-ak-tooltip", portal: !1, children: [
-      /* @__PURE__ */ r("span", { children: c }),
+      /* @__PURE__ */ r("span", { children: l }),
       m && /* @__PURE__ */ r("span", { children: m })
     ] })
   ] }) : p;
-}), Ye = d((n, t) => {
+}), en = d((n, t) => {
   const { className: a, children: e, ...s } = n;
   return i(s), /* @__PURE__ */ r(
     N,
@@ -811,24 +811,24 @@ const ge = (n) => {
       children: e
     }
   );
-}), en = {
+}), nn = {
   FormattingToolbar: {
     Root: T,
     Button: S,
     Select: M
   },
   FilePanel: {
-    Root: Ie,
-    Button: we,
+    Root: we,
+    Button: ye,
     FileInput: Ce,
-    TabPanel: ye,
-    TextInput: xe
+    TabPanel: xe,
+    TextInput: Be
   },
   GridSuggestionMenu: {
-    Root: Ee,
-    Item: qe,
-    EmptyItem: Le,
-    Loader: Ge
+    Root: Le,
+    Item: Ge,
+    EmptyItem: qe,
+    Loader: $e
   },
   LinkToolbar: {
     Root: T,
@@ -836,31 +836,31 @@ const ge = (n) => {
     Select: M
   },
   SideMenu: {
-    Root: De,
-    Button: Re
+    Root: Re,
+    Button: Ee
   },
   SuggestionMenu: {
     Root: Ae,
-    Item: Ve,
-    EmptyItem: $e,
-    Label: Oe,
-    Loader: He
+    Item: Oe,
+    EmptyItem: Ve,
+    Label: He,
+    Loader: je
   },
   TableHandle: {
-    Root: Ke,
-    ExtendButton: je
+    Root: Qe,
+    ExtendButton: Ke
   },
   Comments: {
-    Comment: Ze,
-    Editor: _e,
-    Card: Qe,
-    CardSection: ze,
-    ExpandSectionsPrompt: Ue
+    Comment: _e,
+    Editor: Je,
+    Card: ze,
+    CardSection: Ue,
+    ExpandSectionsPrompt: We
   },
   Generic: {
     Badge: {
-      Root: Xe,
-      Group: Ye
+      Root: Ye,
+      Group: en
     },
     Toolbar: {
       Root: T,
@@ -868,28 +868,28 @@ const ge = (n) => {
       Select: M
     },
     Form: {
-      Root: ge,
-      TextInput: pe
+      Root: pe,
+      TextInput: Ne
     },
     Menu: {
-      Root: Ne,
-      Trigger: Te,
-      Dropdown: ke,
-      Divider: Se,
-      Label: ve,
-      Item: fe,
-      Button: Me
+      Root: ke,
+      Trigger: Se,
+      Dropdown: fe,
+      Divider: Me,
+      Label: Te,
+      Item: ve,
+      Button: Ie
     },
     Popover: {
       Root: Fe,
-      Trigger: Be,
-      Content: Pe
+      Trigger: Pe,
+      Content: De
     }
   }
-}, nn = (n) => {
+}, tn = (n) => {
   const { className: t, ...a } = n;
-  return /* @__PURE__ */ r(z.Provider, { value: en, children: /* @__PURE__ */ r(
-    U,
+  return /* @__PURE__ */ r(U.Provider, { value: nn, children: /* @__PURE__ */ r(
+    W,
     {
       className: b("bn-ariakit", t || ""),
       ...a
@@ -897,7 +897,7 @@ const ge = (n) => {
   ) });
 };
 export {
-  nn as BlockNoteView,
-  en as components
+  tn as BlockNoteView,
+  nn as components
 };
 //# sourceMappingURL=blocknote-ariakit.js.map