@blocknote/ariakit 0.25.1 → 0.26.0

package/dist/blocknote-ariakit.js

@@ -1,46 +1,46 @@
-import { jsx as r, jsxs as h, Fragment as G } from "react/jsx-runtime";
-import { assertEmpty as i, mergeCSSClasses as b, isSafari as A } from "@blocknote/core";
-import { elementOverflow as P, mergeRefs as B, useFocusWithin as $, FormattingToolbarController as V, getFormattingToolbarItems as O, FormattingToolbar as H, ComponentsContext as j, BlockNoteViewRaw as q } from "@blocknote/react";
-import { FormProvider as T, FormLabel as K, FormInput as M, MenuProvider as z, Menu as U, MenuButton as w, MenuItem as C, MenuButtonArrow as W, CheckboxCheck as y, MenuGroupLabel as _, MenuSeparator as J, Button as f, TabProvider as Q, TabList as X, Tab as Y, TabPanel as Z, PopoverDisclosure as ee, Popover as ne, PopoverProvider as te, Group as N, Toolbar as ae, TooltipProvider as x, TooltipAnchor as F, ToolbarItem as R, Tooltip as D, SelectProvider as se, Select as re, SelectArrow as oe, SelectPopover as le, SelectItem as ce, SelectItemCheck as ie } from "@ariakit/react";
-import { forwardRef as u, useRef as E, useEffect as L, useState as ue } from "react";
-const de = (n) => {
+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, MenuProvider as U, Menu as W, MenuButton as w, MenuItem as C, MenuButtonArrow as _, CheckboxCheck as x, MenuGroupLabel as J, MenuSeparator as Q, Button as f, TabProvider as X, TabList as Y, Tab as Z, TabPanel as ee, PopoverDisclosure as ne, Popover 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) => {
   const { children: t, ...a } = n;
-  return i(a), /* @__PURE__ */ r(T, { children: t });
-}, me = u((n, t) => {
+  return i(a), /* @__PURE__ */ r(I, { children: t });
+}, be = u((n, t) => {
   const {
     className: a,
     name: e,
     label: s,
     icon: o,
-    value: l,
+    value: c,
     autoFocus: m,
-    placeholder: c,
+    placeholder: l,
     onKeyDown: d,
-    onChange: g,
-    onSubmit: p,
+    onChange: p,
+    onSubmit: g,
     ...k
   } = n;
-  return i(k), /* @__PURE__ */ h(G, { children: [
-    n.label && /* @__PURE__ */ r(K, { name: e, children: s }),
+  return i(k), /* @__PURE__ */ h(A, { children: [
+    n.label && /* @__PURE__ */ r(z, { name: e, children: s }),
     /* @__PURE__ */ h("div", { className: "bn-ak-input-wrapper", children: [
       o,
       /* @__PURE__ */ r(
-        M,
+        y,
         {
           className: b("bn-ak-input", a || ""),
           ref: t,
           name: e,
-          value: l,
+          value: c,
           autoFocus: m,
-          placeholder: c,
+          placeholder: l,
           onKeyDown: d,
-          onChange: g,
-          onSubmit: p
+          onChange: p,
+          onSubmit: g
         }
       )
     ] })
   ] });
-}), be = (n) => {
+}), he = (n) => {
   const {
     children: t,
     onOpenChange: a,
@@ -50,7 +50,7 @@ const de = (n) => {
     ...o
   } = n;
   return i(o), /* @__PURE__ */ r(
-    z,
+    U,
     {
       placement: e,
       setOpen: a,
@@ -58,7 +58,7 @@ const de = (n) => {
       children: t
     }
   );
-}, he = u((n, t) => {
+}, pe = u((n, t) => {
   const {
     className: a,
     children: e,
@@ -67,7 +67,7 @@ const de = (n) => {
     ...o
   } = n;
   return i(o), /* @__PURE__ */ r(
-    U,
+    W,
     {
       unmountOnHide: !0,
       className: b("bn-ak-menu", a || ""),
@@ -76,8 +76,8 @@ const de = (n) => {
     }
   );
 }), ge = u((n, t) => {
-  const { className: a, children: e, icon: s, checked: o, subTrigger: l, onClick: m, ...c } = n;
-  return i(c), l ? /* @__PURE__ */ h(
+  const { className: a, children: e, icon: s, checked: o, subTrigger: c, onClick: m, ...l } = n;
+  return i(l), c ? /* @__PURE__ */ h(
     w,
     {
       render: /* @__PURE__ */ r(C, {}),
@@ -87,8 +87,8 @@ const de = (n) => {
       children: [
         s,
         e,
-        /* @__PURE__ */ r(W, {}),
-        o !== void 0 && /* @__PURE__ */ r(y, { checked: o })
+        /* @__PURE__ */ r(_, {}),
+        o !== void 0 && /* @__PURE__ */ r(x, { checked: o })
       ]
     }
   ) : /* @__PURE__ */ h(
@@ -100,99 +100,99 @@ const de = (n) => {
       children: [
         s,
         e,
-        o !== void 0 && /* @__PURE__ */ r(y, { checked: o })
+        o !== void 0 && /* @__PURE__ */ r(x, { checked: o })
       ]
     }
   );
-}), pe = u((n, t) => {
+}), Ne = u((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
     }
   );
-}), Ne = (n) => {
+}), ke = (n) => {
   const { children: t, sub: a, ...e } = n;
   return i(e), a ? t : /* @__PURE__ */ r(w, { render: t });
-}, ke = u((n, t) => {
+}, fe = u((n, t) => {
   const { className: a, ...e } = n;
   return i(e), /* @__PURE__ */ r(
-    J,
+    Q,
     {
       className: b("bn-ak-separator", a || ""),
       ref: t
     }
   );
-}), fe = u((n, t) => {
+}), ve = u((n, t) => {
   const {
     className: a,
     children: e,
     icon: s,
     onClick: o,
-    label: l,
+    label: c,
     onDragEnd: m,
-    onDragStart: c,
+    onDragStart: l,
     draggable: d,
-    ...g
+    ...p
   } = n;
-  return i(g, !1), /* @__PURE__ */ h(
+  return i(p, !1), /* @__PURE__ */ h(
     f,
     {
       onDragEnd: m,
-      onDragStart: c,
+      onDragStart: l,
       draggable: d,
-      "aria-label": l,
+      "aria-label": c,
       className: b(
         "bn-ak-button bn-ak-secondary",
         a || ""
       ),
       ref: t,
       onClick: o,
-      ...g,
+      ...p,
       children: [
         s,
         e
       ]
     }
   );
-}), ve = u((n, t) => {
+}), Se = u((n, t) => {
   const {
     className: a,
     tabs: e,
     defaultOpenTab: s,
     openTab: o,
-    setOpenTab: l,
+    setOpenTab: c,
     loading: m,
     // TODO: implement loading
-    ...c
+    ...l
   } = n;
-  return i(c), /* @__PURE__ */ r(
+  return i(l), /* @__PURE__ */ r(
     "div",
     {
       className: b("bn-ak-wrapper", a || ""),
       ref: t,
       children: /* @__PURE__ */ h(
-        Q,
+        X,
         {
           defaultSelectedId: s,
           selectedId: o,
           setActiveId: (d) => {
-            d && l(d);
+            d && c(d);
           },
           children: [
-            /* @__PURE__ */ r(X, { className: "bn-ak-tab-list", children: e.map((d) => /* @__PURE__ */ r(Y, { 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(Z, { tabId: d.name, children: d.tabPanel }, d.name)) })
+            /* @__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)) })
           ]
         }
       )
     }
   );
-}), Se = u((n, t) => {
-  const { className: a, children: e, onClick: s, label: o, ...l } = n;
-  return i(l), /* @__PURE__ */ r(
+}), Te = u((n, t) => {
+  const { className: a, children: e, onClick: s, label: o, ...c } = n;
+  return i(c), /* @__PURE__ */ r(
     f,
     {
       className: b("bn-ak-button", a || ""),
@@ -202,10 +202,10 @@ const de = (n) => {
       children: e
     }
   );
-}), Te = u((n, t) => {
-  const { className: a, accept: e, value: s, placeholder: o, onChange: l, ...m } = n;
-  return i(m), /* @__PURE__ */ r(T, { children: /* @__PURE__ */ r(
-    M,
+}), Me = u((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,
     {
       className: a,
       ref: t,
@@ -213,23 +213,23 @@ const de = (n) => {
       type: "file",
       accept: e,
       value: s ? s.name : void 0,
-      onChange: async (c) => l == null ? void 0 : l(c.target.files[0]),
+      onChange: async (l) => c == null ? void 0 : c(l.target.files[0]),
       placeholder: o
     }
   ) });
-}), Me = u((n, t) => {
+}), Ie = u((n, t) => {
   const { className: a, children: e, ...s } = n;
   return i(s), /* @__PURE__ */ r("div", { className: a, ref: t, children: e });
-}), Ie = u((n, t) => {
-  const { className: a, value: e, placeholder: s, onKeyDown: o, onChange: l, ...m } = n;
-  return i(m), /* @__PURE__ */ r(T, { children: /* @__PURE__ */ r(
-    M,
+}), ye = u((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,
     {
       className: b("bn-ak-input", a || ""),
       name: "panel-input",
       value: e,
       placeholder: s,
-      onChange: l,
+      onChange: c,
       onKeyDown: o,
       "data-test": "embed-input",
       ref: t
@@ -237,11 +237,11 @@ const de = (n) => {
   ) });
 }), Ce = u((n, t) => {
   const { children: a, ...e } = n;
-  return i(e), /* @__PURE__ */ r(ee, { render: a, ref: t });
-}), ye = u((n, t) => {
+  return i(e), /* @__PURE__ */ r(ne, { render: a, ref: t });
+}), xe = u((n, t) => {
   const { className: a, children: e, variant: s, ...o } = n;
   return i(o), /* @__PURE__ */ r(
-    ne,
+    te,
     {
       className: b(
         "bn-ak-popover",
@@ -254,7 +254,7 @@ const de = (n) => {
   );
 }), Pe = (n) => {
   const { children: t, opened: a, position: e, ...s } = n;
-  return i(s), /* @__PURE__ */ r(te, { open: a, placement: e, children: t });
+  return i(s), /* @__PURE__ */ r(ae, { open: a, placement: e, children: t });
 }, Be = u((n, t) => {
   const { className: a, children: e, ...s } = n;
   return i(s, !1), /* @__PURE__ */ r(N, { className: a, ref: t, ...s, children: e });
@@ -264,35 +264,35 @@ const de = (n) => {
     children: e,
     icon: s,
     onClick: o,
-    label: l,
+    label: c,
     onDragEnd: m,
-    onDragStart: c,
+    onDragStart: l,
     draggable: d,
-    ...g
+    ...p
   } = n;
-  return i(g, !1), /* @__PURE__ */ h(
+  return i(p, !1), /* @__PURE__ */ h(
     f,
     {
       onDragEnd: m,
-      onDragStart: c,
+      onDragStart: l,
       draggable: d,
-      "aria-label": l,
+      "aria-label": c,
       className: b(
         "bn-ak-button bn-ak-secondary",
         a || ""
       ),
       ref: t,
       onClick: o,
-      ...g,
+      ...p,
       children: [
         s,
         e
       ]
     }
   );
-}), xe = u((n, t) => {
-  const { className: a, children: e, id: s, columns: o, ...l } = n;
-  return i(l), /* @__PURE__ */ r(
+}), Fe = u((n, t) => {
+  const { className: a, children: e, id: s, columns: o, ...c } = n;
+  return i(c), /* @__PURE__ */ r(
     "div",
     {
       className: a,
@@ -303,7 +303,7 @@ const de = (n) => {
       children: e
     }
   );
-}), Fe = u((n, t) => {
+}), Re = u((n, t) => {
   const { className: a, children: e, columns: s, ...o } = n;
   return i(o), /* @__PURE__ */ r(
     "div",
@@ -314,31 +314,31 @@ const de = (n) => {
       children: /* @__PURE__ */ r("div", { className: "bn-ak-suggestion-menu-item-label", children: e })
     }
   );
-}), Re = u((n, t) => {
-  const { className: a, isSelected: e, onClick: s, item: o, id: l, ...m } = n;
+}), De = u((n, t) => {
+  const { className: a, isSelected: e, onClick: s, item: o, id: c, ...m } = n;
   i(m);
-  const c = E(null);
-  return L(() => {
-    if (!c.current || !e)
+  const l = L(null);
+  return G(() => {
+    if (!l.current || !e)
       return;
     const d = P(
-      c.current,
+      l.current,
       document.querySelector(".bn-grid-suggestion-menu")
     );
-    d === "top" ? c.current.scrollIntoView(!0) : d === "bottom" && c.current.scrollIntoView(!1);
+    d === "top" ? l.current.scrollIntoView(!0) : d === "bottom" && l.current.scrollIntoView(!1);
   }, [e]), /* @__PURE__ */ r(
     "div",
     {
       className: a,
-      ref: B([t, c]),
-      id: l,
+      ref: B([t, l]),
+      id: c,
       role: "option",
       onClick: s,
       "aria-selected": e || void 0,
       children: o.icon
     }
   );
-}), De = u((n, t) => {
+}), Ee = u((n, t) => {
   const {
     className: a,
     children: e,
@@ -355,7 +355,7 @@ const de = (n) => {
       children: e
     }
   );
-}), Ee = u((n, t) => {
+}), Le = u((n, t) => {
   const { className: a, children: e, id: s, ...o } = n;
   return i(o), /* @__PURE__ */ r(
     N,
@@ -367,7 +367,7 @@ const de = (n) => {
       children: e
     }
   );
-}), Le = u((n, t) => {
+}), Ge = u((n, t) => {
   const { className: a, children: e, ...s } = n;
   return i(s), /* @__PURE__ */ r(
     "div",
@@ -377,24 +377,24 @@ const de = (n) => {
       children: /* @__PURE__ */ r("div", { className: "bn-ak-suggestion-menu-item-label", children: e })
     }
   );
-}), Ge = u((n, t) => {
-  const { className: a, item: e, isSelected: s, onClick: o, id: l, ...m } = n;
+}), Ae = u((n, t) => {
+  const { className: a, item: e, isSelected: s, onClick: o, id: c, ...m } = n;
   i(m);
-  const c = E(null);
-  return L(() => {
-    if (!c.current || !s)
+  const l = L(null);
+  return G(() => {
+    if (!l.current || !s)
       return;
     const d = P(
-      c.current,
+      l.current,
       document.querySelector(".bn-suggestion-menu")
     );
-    d === "top" ? c.current.scrollIntoView(!0) : d === "bottom" && c.current.scrollIntoView(!1);
+    d === "top" ? l.current.scrollIntoView(!0) : d === "bottom" && l.current.scrollIntoView(!1);
   }, [s]), /* @__PURE__ */ h(
     "div",
     {
       className: b("bn-ak-menu-item", a || ""),
-      ref: B([t, c]),
-      id: l,
+      ref: B([t, l]),
+      id: c,
       onClick: o,
       role: "option",
       "aria-selected": s || void 0,
@@ -422,7 +422,7 @@ const de = (n) => {
       ]
     }
   );
-}), Ae = u((n, t) => {
+}), $e = u((n, t) => {
   const { className: a, children: e, ...s } = n;
   return i(s), /* @__PURE__ */ r(
     "div",
@@ -432,12 +432,12 @@ const de = (n) => {
       children: e
     }
   );
-}), $e = u((n, t) => {
+}), Ve = u((n, t) => {
   const { className: a, children: e, ...s } = n;
   return i(s), /* @__PURE__ */ r("div", { className: a, ref: t, children: e });
-}), Ve = u((n, t) => {
-  const { children: a, className: e, onMouseDown: s, onClick: o, ...l } = n;
-  return i(l, !1), /* @__PURE__ */ r(
+}), Oe = u((n, t) => {
+  const { children: a, className: e, onMouseDown: s, onClick: o, ...c } = n;
+  return i(c, !1), /* @__PURE__ */ r(
     f,
     {
       className: b(
@@ -447,19 +447,19 @@ const de = (n) => {
       ref: t,
       onMouseDown: s,
       onClick: o,
-      ...l,
+      ...c,
       children: a
     }
   );
-}), Oe = u((n, t) => {
+}), He = u((n, t) => {
   const {
     className: a,
     children: e,
     draggable: s,
     onDragStart: o,
-    onDragEnd: l,
+    onDragEnd: c,
     style: m,
-    label: c,
+    label: l,
     ...d
   } = n;
   return i(d, !1), /* @__PURE__ */ r(
@@ -470,27 +470,27 @@ const de = (n) => {
         a || ""
       ),
       ref: t,
-      "aria-label": c,
+      "aria-label": l,
       draggable: s,
       onDragStart: o,
-      onDragEnd: l,
+      onDragEnd: c,
       style: m,
       ...d,
       children: e
     }
   );
-}), v = u(
+}), S = u(
   (n, t) => {
     const {
       className: a,
       children: e,
       onMouseEnter: s,
       onMouseLeave: o,
-      variant: l,
+      variant: c,
       ...m
     } = n;
     return i(m), /* @__PURE__ */ r(
-      ae,
+      se,
       {
         className: b("bn-ak-toolbar", a || ""),
         ref: t,
@@ -500,110 +500,129 @@ const de = (n) => {
       }
     );
   }
-), S = u(
+), T = u(
   (n, t) => {
     const {
       className: a,
       children: e,
       mainTooltip: s,
       secondaryTooltip: o,
-      icon: l,
+      icon: c,
       isSelected: m,
-      isDisabled: c,
+      isDisabled: l,
       onClick: d,
-      label: g,
-      variant: p,
+      label: p,
+      variant: g,
       ...k
     } = n;
-    return i(k, !1), /* @__PURE__ */ h(x, { children: [
+    return i(k, !1), /* @__PURE__ */ h(F, { children: [
       /* @__PURE__ */ r(
-        F,
+        R,
         {
           render: /* @__PURE__ */ h(
-            R,
+            D,
             {
-              "aria-label": g,
+              "aria-label": p,
               className: b(
                 "bn-ak-button bn-ak-secondary",
                 a || ""
               ),
-              onMouseDown: (I) => {
-                A() && I.currentTarget.focus();
+              onMouseDown: (v) => {
+                $() && v.currentTarget.focus();
               },
               onClick: d,
               "aria-pressed": m,
               "data-selected": m ? "true" : void 0,
-              disabled: c || !1,
+              disabled: l || !1,
               ref: t,
               ...k,
               children: [
-                l,
+                c,
                 e
               ]
             }
           )
         }
       ),
-      /* @__PURE__ */ h(D, { className: "bn-ak-tooltip", portal: !1, children: [
+      /* @__PURE__ */ h(E, { className: "bn-ak-tooltip", portal: !1, children: [
         /* @__PURE__ */ r("span", { children: s }),
         o && /* @__PURE__ */ r("span", { children: o })
       ] })
     ] });
   }
-), He = u((n, t) => {
+), M = 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);
+  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);
   };
-  return /* @__PURE__ */ h(se, { value: l.text, setValue: m, children: [
+  return /* @__PURE__ */ h(re, { value: c.text, setValue: m, children: [
     /* @__PURE__ */ h(
-      re,
+      oe,
       {
         className: "bn-ak-button bn-ak-secondary",
         disabled: s,
         "aria-label": "Text alignment",
-        render: /* @__PURE__ */ r(R, {}),
+        render: /* @__PURE__ */ r(D, {}),
         children: [
-          l.icon,
+          c.icon,
           " ",
-          l.text,
+          c.text,
           " ",
-          /* @__PURE__ */ r(oe, {})
+          /* @__PURE__ */ r(le, {})
         ]
       }
     ),
     /* @__PURE__ */ r(
-      le,
+      ce,
       {
         className: b("bn-ak-popover", a || ""),
         ref: t,
         gutter: 4,
-        children: e.map((c) => /* @__PURE__ */ h(
-          ce,
+        children: e.map((l) => /* @__PURE__ */ h(
+          ie,
           {
             className: "bn-ak-select-item",
-            value: c.text,
+            value: l.text,
             children: [
-              c.icon,
-              c.text,
-              c.text === l.text && /* @__PURE__ */ r(ie, {})
+              l.icon,
+              l.text,
+              l.text === c.text && /* @__PURE__ */ r(ue, {})
             ]
           },
-          c.text
+          l.text
         ))
       }
     )
   ] });
 }), je = u((n, t) => {
-  const { className: a, children: e, ...s } = n;
-  return i(s, !1), /* @__PURE__ */ r(
+  const {
+    className: a,
+    children: e,
+    selected: s,
+    headerText: o,
+    onFocus: c,
+    onBlur: m,
+    tabIndex: l,
+    ...d
+  } = n;
+  return i(d, !1), /* @__PURE__ */ h(
     N,
     {
-      className: b(a, "bn-ak-hovercard"),
+      className: b(
+        a,
+        "bn-ak-hovercard",
+        s && "selected"
+      ),
+      onFocus: c,
+      onBlur: m,
+      tabIndex: l,
       ref: t,
-      children: e
+      children: [
+        o && /* @__PURE__ */ r("div", { className: "bn-header-text", children: o }),
+        e
+      ]
     }
   );
 }), qe = u((n, t) => {
@@ -617,8 +636,21 @@ const de = (n) => {
     }
   );
 }), Ke = u((n, t) => {
-  const { authorInfo: a, timeString: e, ...s } = n;
-  return i(s, !1), a === "loading" ? /* @__PURE__ */ h(N, { className: "bn-ak-author-info", children: [
+  const { className: a, children: e, ...s } = n;
+  return i(s, !1), /* @__PURE__ */ r(
+    f,
+    {
+      className: b(
+        a,
+        "bn-ak-button bn-ak-secondary bn-ak-expand-sections-prompt"
+      ),
+      ref: t,
+      children: e
+    }
+  );
+}), ze = u((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" }),
     /* @__PURE__ */ r("div", { className: "bn-ak-username bn-ak-skeleton" })
   ] }) : /* @__PURE__ */ h(N, { className: "bn-ak-author-info", children: [
@@ -632,21 +664,26 @@ const de = (n) => {
     ),
     /* @__PURE__ */ h("div", { className: "bn-ak-username", children: [
       a.username,
-      /* @__PURE__ */ r("span", { children: e })
+      /* @__PURE__ */ h("span", { children: [
+        e,
+        " ",
+        s && "(edited)"
+      ] })
     ] })
   ] });
-}), ze = u((n, t) => {
+}), Ue = u((n, t) => {
   const {
     className: a,
     showActions: e,
     authorInfo: s,
     timeString: o,
-    actions: l,
+    actions: c,
     children: m,
-    ...c
+    edited: l,
+    ...d
   } = n;
-  i(c, !1);
-  const [d, g] = ue(!1), { focused: p, ref: k } = $();
+  i(d, !1);
+  const [p, g] = de(!1), { focused: k, ref: v } = V();
   return /* @__PURE__ */ h(
     N,
     {
@@ -655,30 +692,30 @@ const de = (n) => {
       onMouseEnter: () => g(!0),
       onMouseLeave: () => g(!1),
       children: [
-        l && (e === !0 || e === void 0 || e === "hover" && d || p) ? /* @__PURE__ */ r(
+        c && (e === !0 || e === void 0 || e === "hover" && p || k) ? /* @__PURE__ */ r(
           N,
           {
-            ref: k,
+            ref: v,
             style: {
               position: "absolute",
               right: 0,
               top: 0,
               zIndex: 10
             },
-            children: l
+            children: c
           }
         ) : null,
-        /* @__PURE__ */ r(Ke, { ...n }),
+        /* @__PURE__ */ r(ze, { ...n }),
         m
       ]
     }
   );
-}), Ue = u((n, t) => {
-  const { className: a, onFocus: e, onBlur: s, editor: o, editable: l, ...m } = n;
-  return i(m, !1), /* @__PURE__ */ r(
-    Xe,
+}), We = u((n, t) => {
+  const { className: a, onFocus: e, onBlur: s, autoFocus: o, editor: c, editable: m, ...l } = n;
+  return i(l, !1), /* @__PURE__ */ r(
+    Ye,
     {
-      autoFocus: !0,
+      autoFocus: o,
       className: a,
       editor: n.editor,
       sideMenu: !1,
@@ -686,37 +723,37 @@ const de = (n) => {
       tableHandles: !1,
       filePanel: !1,
       formattingToolbar: !1,
-      editable: l,
+      editable: m,
       ref: t,
       onFocus: e,
       onBlur: s,
       children: /* @__PURE__ */ r(
-        V,
+        O,
         {
-          formattingToolbar: We
+          formattingToolbar: _e
         }
       )
     }
   );
-}), We = () => {
-  const n = O([]).filter(
+}), _e = () => {
+  const n = H([]).filter(
     (t) => t.key !== "nestBlockButton" && t.key !== "unnestBlockButton"
   );
-  return /* @__PURE__ */ r(H, { blockTypeSelectItems: [], children: n });
-}, _e = u((n, t) => {
+  return /* @__PURE__ */ r(j, { blockTypeSelectItems: [], children: n });
+}, Je = u((n, t) => {
   const {
     className: a,
     text: e,
     icon: s,
     isSelected: o,
-    mainTooltip: l,
+    mainTooltip: c,
     secondaryTooltip: m,
-    onClick: c,
+    onClick: l,
     onMouseEnter: d,
-    ...g
+    ...p
   } = n;
-  i(g, !1);
-  const p = /* @__PURE__ */ h(
+  i(p, !1);
+  const g = /* @__PURE__ */ h(
     f,
     {
       className: b(
@@ -725,7 +762,7 @@ const de = (n) => {
         o && "bn-ak-primary"
       ),
       "aria-selected": o === !0,
-      onClick: (k) => c == null ? void 0 : c(k),
+      onClick: (k) => l == null ? void 0 : l(k),
       onMouseEnter: d,
       ref: t,
       children: [
@@ -734,14 +771,14 @@ const de = (n) => {
       ]
     }
   );
-  return l ? /* @__PURE__ */ h(x, { children: [
-    /* @__PURE__ */ r(F, { render: p }),
-    /* @__PURE__ */ h(D, { className: "bn-ak-tooltip", portal: !1, children: [
-      /* @__PURE__ */ r("span", { children: l }),
+  return c ? /* @__PURE__ */ h(F, { children: [
+    /* @__PURE__ */ r(R, { render: g }),
+    /* @__PURE__ */ h(E, { className: "bn-ak-tooltip", portal: !1, children: [
+      /* @__PURE__ */ r("span", { children: c }),
       m && /* @__PURE__ */ r("span", { children: m })
     ] })
-  ] }) : p;
-}), Je = u((n, t) => {
+  ] }) : g;
+}), Qe = u((n, t) => {
   const { className: a, children: e, ...s } = n;
   return i(s), /* @__PURE__ */ r(
     N,
@@ -751,82 +788,85 @@ const de = (n) => {
       children: e
     }
   );
-}), Qe = {
+}), Xe = {
   FormattingToolbar: {
-    Root: v,
-    Button: S,
-    Select: He
+    Root: S,
+    Button: T,
+    Select: M
   },
   FilePanel: {
-    Root: ve,
-    Button: Se,
-    FileInput: Te,
-    TabPanel: Me,
-    TextInput: Ie
+    Root: Se,
+    Button: Te,
+    FileInput: Me,
+    TabPanel: Ie,
+    TextInput: ye
   },
   GridSuggestionMenu: {
-    Root: xe,
-    Item: Re,
-    EmptyItem: Fe,
-    Loader: De
+    Root: Fe,
+    Item: De,
+    EmptyItem: Re,
+    Loader: Ee
   },
   LinkToolbar: {
-    Root: v,
-    Button: S
+    Root: S,
+    Button: T,
+    Select: M
   },
   SideMenu: {
     Root: Be,
     Button: we
   },
   SuggestionMenu: {
-    Root: Ee,
-    Item: Ge,
-    EmptyItem: Le,
-    Label: Ae,
-    Loader: $e
+    Root: Le,
+    Item: Ae,
+    EmptyItem: Ge,
+    Label: $e,
+    Loader: Ve
   },
   TableHandle: {
-    Root: Oe,
-    ExtendButton: Ve
+    Root: He,
+    ExtendButton: Oe
   },
   Comments: {
-    Comment: ze,
-    Editor: Ue,
+    Comment: Ue,
+    Editor: We,
     Card: je,
-    CardSection: qe
+    CardSection: qe,
+    ExpandSectionsPrompt: Ke
   },
   Generic: {
     Badge: {
-      Root: _e,
-      Group: Je
+      Root: Je,
+      Group: Qe
     },
     Toolbar: {
-      Root: v,
-      Button: S
+      Root: S,
+      Button: T,
+      Select: M
     },
     Form: {
-      Root: de,
-      TextInput: me
+      Root: me,
+      TextInput: be
     },
     Menu: {
-      Root: be,
-      Trigger: Ne,
-      Dropdown: he,
-      Divider: ke,
-      Label: pe,
+      Root: he,
+      Trigger: ke,
+      Dropdown: pe,
+      Divider: fe,
+      Label: Ne,
       Item: ge,
-      Button: fe
+      Button: ve
     },
     Popover: {
       Root: Pe,
       Trigger: Ce,
-      Content: ye
+      Content: xe
     }
   }
-}, Xe = (n) => {
+}, Ye = (n) => {
   const { className: t, ...a } = n;
-  return /* @__PURE__ */ r(j.Provider, { value: Qe, children: /* @__PURE__ */ r(
-    q,
+  return /* @__PURE__ */ r(q.Provider, { value: Xe, children: /* @__PURE__ */ r(
+    K,
     {
       className: b("bn-ariakit", t || ""),
       ...a
@@ -834,7 +874,7 @@ const de = (n) => {
   ) });
 };
 export {
-  Xe as BlockNoteView,
-  Qe as components
+  Ye as BlockNoteView,
+  Xe as components
 };
 //# sourceMappingURL=blocknote-ariakit.js.map