@blocknote/ariakit 0.46.2 → 0.47.0

package/dist/blocknote-ariakit.js

@@ -1,33 +1,34 @@
-import { jsx as r, jsxs as h, Fragment as A } from "react/jsx-runtime";
-import { assertEmpty as u, mergeCSSClasses as b, isSafari as V } from "@blocknote/core";
-import { elementOverflow as B, mergeRefs as D, 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 C, FormLabel as _, FormInput as w, MenuButton as F, MenuButtonArrow as J, CheckboxCheck as y, MenuItem as P, 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 k, Toolbar as ie, TooltipProvider as R, TooltipAnchor as E, ToolbarItem as L, Tooltip as q, 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 G, useEffect as O, useState as pe } from "react";
+import { jsx as r, jsxs as h, Fragment as H } from "react/jsx-runtime";
+import { assertEmpty as i, mergeCSSClasses as b, isSafari as V } from "@blocknote/core";
+import { elementOverflow as B, mergeRefs as D, useFocusWithin as j, useDictionary as K, useBlockNoteContext as Q, FormattingToolbarController as z, getFormattingToolbarItems as U, FormattingToolbar as W, ComponentsContext as Z, BlockNoteViewRaw as _ } from "@blocknote/react";
+import { FormProvider as C, FormLabel as J, FormInput as w, MenuButton as F, MenuButtonArrow as X, CheckboxCheck as y, MenuItem as P, MenuGroupLabel as Y, MenuSeparator as ee, Menu as ne, MenuProvider as te, Button as v, TabProvider as ae, TabList as se, Tab as re, TabPanel as oe, Popover as le, PopoverDisclosure as ce, PopoverProvider as ie, Group as N, Toolbar as de, TooltipProvider as R, TooltipAnchor as E, ToolbarItem as L, Tooltip as q, SelectProvider as ue, Select as me, SelectArrow as be, SelectPopover as he, SelectItem as ge, SelectItemCheck as pe } from "@ariakit/react";
+import { forwardRef as u, useRef as G, useEffect as A, useState as ke } from "react";
 const Ne = (n) => {
   const { children: t, ...a } = n;
-  return u(a), /* @__PURE__ */ r(C, { children: t });
-}, ke = d((n, t) => {
+  return i(a), /* @__PURE__ */ r(C, { children: t });
+}, ve = u((n, t) => {
   const {
     className: a,
     name: e,
     label: s,
     variant: o,
-    icon: c,
+    icon: l,
     value: m,
-    autoFocus: l,
-    placeholder: i,
+    autoFocus: c,
+    placeholder: d,
     disabled: g,
     onKeyDown: p,
-    onChange: N,
-    onSubmit: v,
+    onChange: k,
+    onSubmit: f,
     autoComplete: T,
-    rightSection: x,
+    "aria-activedescendant": x,
+    rightSection: O,
     ...$
   } = n;
-  return u($), /* @__PURE__ */ h(A, { children: [
-    n.label && /* @__PURE__ */ r(_, { name: e, children: s }),
+  return i($), /* @__PURE__ */ h(H, { children: [
+    n.label && /* @__PURE__ */ r(J, { name: e, children: s }),
     /* @__PURE__ */ h("div", { className: "bn-ak-input-wrapper", children: [
-      c,
+      l,
       /* @__PURE__ */ r(
         w,
         {
@@ -39,16 +40,17 @@ const Ne = (n) => {
           ref: t,
           name: e,
           value: m,
-          autoFocus: l,
-          placeholder: i,
+          autoFocus: c,
+          placeholder: d,
           disabled: g,
           onKeyDown: p,
-          onChange: N,
-          onSubmit: v,
-          autoComplete: T
+          onChange: k,
+          onSubmit: f,
+          autoComplete: T,
+          "aria-activedescendant": x
         }
       ),
-      x
+      O
     ] })
   ] });
 }), fe = (n) => {
@@ -60,8 +62,8 @@ const Ne = (n) => {
     // unused
     ...o
   } = n;
-  return u(o), /* @__PURE__ */ r(
-    ne,
+  return i(o), /* @__PURE__ */ r(
+    te,
     {
       placement: e,
       setOpen: a,
@@ -69,7 +71,7 @@ const Ne = (n) => {
       children: t
     }
   );
-}, ve = d((n, t) => {
+}, Te = u((n, t) => {
   const {
     className: a,
     children: e,
@@ -77,8 +79,8 @@ const Ne = (n) => {
     // unused
     ...o
   } = n;
-  return u(o), /* @__PURE__ */ r(
-    ee,
+  return i(o), /* @__PURE__ */ r(
+    ne,
     {
       unmountOnHide: !0,
       className: b("bn-ak-menu", a || ""),
@@ -86,9 +88,9 @@ const Ne = (n) => {
       children: e
     }
   );
-}), Te = d((n, t) => {
-  const { className: a, children: e, icon: s, checked: o, subTrigger: c, onClick: m, ...l } = n;
-  return u(l), c ? /* @__PURE__ */ h(
+}), Se = u((n, t) => {
+  const { className: a, children: e, icon: s, checked: o, subTrigger: l, onClick: m, ...c } = n;
+  return i(c), l ? /* @__PURE__ */ h(
     F,
     {
       render: /* @__PURE__ */ r(P, {}),
@@ -98,7 +100,7 @@ const Ne = (n) => {
       children: [
         s,
         e,
-        /* @__PURE__ */ r(J, {}),
+        /* @__PURE__ */ r(X, {}),
         o !== void 0 && /* @__PURE__ */ r(y, { checked: o })
       ]
     }
@@ -115,47 +117,47 @@ const Ne = (n) => {
       ]
     }
   );
-}), Se = d((n, t) => {
+}), Me = u((n, t) => {
   const { className: a, children: e, ...s } = n;
-  return u(s), /* @__PURE__ */ r(
-    X,
+  return i(s), /* @__PURE__ */ r(
+    Y,
     {
       className: b("bn-ak-group-label", a || ""),
       ref: t,
       children: e
     }
   );
-}), Me = (n) => {
+}), Ie = (n) => {
   const { children: t, sub: a, ...e } = n;
-  return u(e), a ? t : /* @__PURE__ */ r(F, { render: t });
-}, Ie = d((n, t) => {
+  return i(e), a ? t : /* @__PURE__ */ r(F, { render: t });
+}, Ce = u((n, t) => {
   const { className: a, ...e } = n;
-  return u(e), /* @__PURE__ */ r(
-    Y,
+  return i(e), /* @__PURE__ */ r(
+    ee,
     {
       className: b("bn-ak-separator", a || ""),
       ref: t
     }
   );
-}), Ce = d((n, t) => {
+}), we = u((n, t) => {
   const {
     className: a,
     children: e,
     icon: s,
     onClick: o,
-    label: c,
+    label: l,
     onDragEnd: m,
-    onDragStart: l,
-    draggable: i,
+    onDragStart: c,
+    draggable: d,
     ...g
   } = n;
-  return u(g, !1), /* @__PURE__ */ h(
-    f,
+  return i(g, !1), /* @__PURE__ */ h(
+    v,
     {
       onDragEnd: m,
-      onDragStart: l,
-      draggable: i,
-      "aria-label": c,
+      onDragStart: c,
+      draggable: d,
+      "aria-label": l,
       className: b(
         "bn-ak-button bn-ak-secondary",
         a || ""
@@ -169,42 +171,42 @@ const Ne = (n) => {
       ]
     }
   );
-}), we = d((n, t) => {
+}), xe = u((n, t) => {
   const {
     className: a,
     tabs: e,
     defaultOpenTab: s,
     openTab: o,
-    setOpenTab: c,
+    setOpenTab: l,
     loading: m,
     // TODO: implement loading
-    ...l
+    ...c
   } = n;
-  return u(l), /* @__PURE__ */ r(
+  return i(c), /* @__PURE__ */ r(
     "div",
     {
       className: b("bn-ak-wrapper", a || ""),
       ref: t,
       children: /* @__PURE__ */ h(
-        te,
+        ae,
         {
           defaultSelectedId: s,
           selectedId: o,
-          setActiveId: (i) => {
-            i && c(i);
+          setActiveId: (d) => {
+            d && l(d);
           },
           children: [
-            /* @__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)) })
+            /* @__PURE__ */ r(se, { className: "bn-ak-tab-list", children: e.map((d) => /* @__PURE__ */ r(re, { className: "bn-ak-tab", id: d.name, children: d.name }, d.name)) }),
+            /* @__PURE__ */ r("div", { className: "bn-ak-panels", children: e.map((d) => /* @__PURE__ */ r(oe, { tabId: d.name, children: d.tabPanel }, d.name)) })
           ]
         }
       )
     }
   );
-}), xe = d((n, t) => {
-  const { className: a, children: e, onClick: s, label: o, ...c } = n;
-  return u(c), /* @__PURE__ */ r(
-    f,
+}), ye = u((n, t) => {
+  const { className: a, children: e, onClick: s, label: o, ...l } = n;
+  return i(l), /* @__PURE__ */ r(
+    v,
     {
       className: b("bn-ak-button", a || ""),
       onClick: s,
@@ -213,9 +215,9 @@ const Ne = (n) => {
       children: e
     }
   );
-}), ye = d((n, t) => {
-  const { className: a, accept: e, value: s, placeholder: o, onChange: c, ...m } = n;
-  return u(m), /* @__PURE__ */ r(C, { children: /* @__PURE__ */ r(
+}), Pe = u((n, t) => {
+  const { className: a, accept: e, value: s, placeholder: o, onChange: l, ...m } = n;
+  return i(m), /* @__PURE__ */ r(C, { children: /* @__PURE__ */ r(
     w,
     {
       className: a,
@@ -224,35 +226,35 @@ const Ne = (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
     }
   ) });
-}), Pe = d((n, t) => {
+}), Be = u((n, t) => {
   const { className: a, children: e, ...s } = n;
-  return u(s), /* @__PURE__ */ r("div", { className: a, ref: t, children: e });
-}), Be = d((n, t) => {
-  const { className: a, value: e, placeholder: s, onKeyDown: o, onChange: c, ...m } = n;
-  return u(m), /* @__PURE__ */ r(C, { children: /* @__PURE__ */ r(
+  return i(s), /* @__PURE__ */ r("div", { className: a, ref: t, children: e });
+}), De = u((n, t) => {
+  const { className: a, value: e, placeholder: s, onKeyDown: o, onChange: l, ...m } = n;
+  return i(m), /* @__PURE__ */ r(C, { children: /* @__PURE__ */ r(
     w,
     {
       className: b("bn-ak-input", a || ""),
       name: "panel-input",
       value: e,
       placeholder: s,
-      onChange: c,
+      onChange: l,
       onKeyDown: o,
       "data-test": "embed-input",
       ref: t
     }
   ) });
-}), De = d((n, t) => {
+}), Fe = u((n, t) => {
   const { children: a, ...e } = n;
-  return u(e), /* @__PURE__ */ r(le, { render: a, ref: t });
-}), Fe = d((n, t) => {
+  return i(e), /* @__PURE__ */ r(ce, { render: a, ref: t });
+}), Re = u((n, t) => {
   const { className: a, children: e, variant: s, ...o } = n;
-  return u(o), /* @__PURE__ */ r(
-    oe,
+  return i(o), /* @__PURE__ */ r(
+    le,
     {
       className: b(
         "bn-ak-popover",
@@ -263,10 +265,10 @@ const Ne = (n) => {
       children: e
     }
   );
-}), Re = (n) => {
+}), Ee = (n) => {
   const { children: t, open: a, onOpenChange: e, position: s, ...o } = n;
-  return u(o), /* @__PURE__ */ r(
-    ce,
+  return i(o), /* @__PURE__ */ r(
+    ie,
     {
       open: a,
       setOpen: e,
@@ -274,28 +276,28 @@ const Ne = (n) => {
       children: t
     }
   );
-}, Ee = d((n, t) => {
+}, Le = u((n, t) => {
   const { className: a, children: e, ...s } = n;
-  return u(s, !1), /* @__PURE__ */ r(k, { className: a, ref: t, ...s, children: e });
-}), Le = d((n, t) => {
+  return i(s, !1), /* @__PURE__ */ r(N, { className: a, ref: t, ...s, children: e });
+}), qe = u((n, t) => {
   const {
     className: a,
     children: e,
     icon: s,
     onClick: o,
-    label: c,
+    label: l,
     onDragEnd: m,
-    onDragStart: l,
-    draggable: i,
+    onDragStart: c,
+    draggable: d,
     ...g
   } = n;
-  return u(g, !1), /* @__PURE__ */ h(
-    f,
+  return i(g, !1), /* @__PURE__ */ h(
+    v,
     {
       onDragEnd: m,
-      onDragStart: l,
-      draggable: i,
-      "aria-label": c,
+      onDragStart: c,
+      draggable: d,
+      "aria-label": l,
       className: b(
         "bn-ak-button bn-ak-secondary",
         a || ""
@@ -309,9 +311,9 @@ const Ne = (n) => {
       ]
     }
   );
-}), qe = d((n, t) => {
-  const { className: a, children: e, id: s, columns: o, ...c } = n;
-  return u(c), /* @__PURE__ */ r(
+}), Ge = u((n, t) => {
+  const { className: a, children: e, id: s, columns: o, ...l } = n;
+  return i(l), /* @__PURE__ */ r(
     "div",
     {
       className: a,
@@ -322,9 +324,9 @@ const Ne = (n) => {
       children: e
     }
   );
-}), Ge = d((n, t) => {
+}), Ae = u((n, t) => {
   const { className: a, children: e, columns: s, ...o } = n;
-  return u(o), /* @__PURE__ */ r(
+  return i(o), /* @__PURE__ */ r(
     "div",
     {
       className: b("bn-ak-menu-item", a || ""),
@@ -333,31 +335,30 @@ const Ne = (n) => {
       children: /* @__PURE__ */ r("div", { className: "bn-ak-suggestion-menu-item-label", children: e })
     }
   );
-}), Oe = d((n, t) => {
-  const { className: a, isSelected: e, onClick: s, item: o, id: c, ...m } = n;
-  u(m);
-  const l = G(null);
-  return O(() => {
-    if (!l.current || !e)
+}), Oe = u((n, t) => {
+  const { className: a, isSelected: e, onClick: s, item: o, id: l, ...m } = n;
+  i(m);
+  const c = G(null);
+  return A(() => {
+    if (!c.current || !e)
       return;
-    const i = B(
-      l.current,
-      l.current.closest(".bn-grid-suggestion-menu")
-    );
-    i === "top" ? l.current.scrollIntoView(!0) : i === "bottom" && l.current.scrollIntoView(!1);
+    B(
+      c.current,
+      c.current.closest(".bn-grid-suggestion-menu")
+    ) !== "none" && c.current.scrollIntoView({ block: "nearest" });
   }, [e]), /* @__PURE__ */ r(
     "div",
     {
       className: a,
-      ref: D([t, l]),
-      id: c,
+      ref: D([t, c]),
+      id: l,
       role: "option",
       onClick: s,
       "aria-selected": e || void 0,
       children: o.icon
     }
   );
-}), $e = d((n, t) => {
+}), $e = u((n, t) => {
   const {
     className: a,
     children: e,
@@ -365,7 +366,7 @@ const Ne = (n) => {
     columns: s,
     ...o
   } = n;
-  return u(o), /* @__PURE__ */ r(
+  return i(o), /* @__PURE__ */ r(
     "div",
     {
       className: a,
@@ -374,10 +375,10 @@ const Ne = (n) => {
       children: e
     }
   );
-}), Ae = d((n, t) => {
+}), He = u((n, t) => {
   const { className: a, children: e, id: s, ...o } = n;
-  return u(o), /* @__PURE__ */ r(
-    k,
+  return i(o), /* @__PURE__ */ r(
+    N,
     {
       className: b("bn-ak-menu", a || ""),
       id: s,
@@ -386,9 +387,9 @@ const Ne = (n) => {
       children: e
     }
   );
-}), Ve = d((n, t) => {
+}), Ve = u((n, t) => {
   const { className: a, children: e, ...s } = n;
-  return u(s), /* @__PURE__ */ r(
+  return i(s), /* @__PURE__ */ r(
     "div",
     {
       className: b("bn-ak-menu-item", a || ""),
@@ -396,25 +397,24 @@ const Ne = (n) => {
       children: /* @__PURE__ */ r("div", { className: "bn-ak-suggestion-menu-item-label", children: e })
     }
   );
-}), He = d((n, t) => {
-  const { className: a, item: e, isSelected: s, onClick: o, id: c, ...m } = n;
-  u(m);
-  const l = G(null);
-  return O(() => {
-    if (!l.current || !s)
+}), je = u((n, t) => {
+  const { className: a, item: e, isSelected: s, onClick: o, id: l, ...m } = n;
+  i(m);
+  const c = G(null);
+  return A(() => {
+    if (!c.current || !s)
       return;
-    const i = B(
-      l.current,
-      l.current.closest(".bn-suggestion-menu, #ai-suggestion-menu")
-    );
-    i === "top" ? l.current.scrollIntoView(!0) : i === "bottom" && l.current.scrollIntoView(!1);
+    B(
+      c.current,
+      c.current.closest(".bn-suggestion-menu, #ai-suggestion-menu")
+    ) !== "none" && c.current.scrollIntoView({ block: "nearest" });
   }, [s]), /* @__PURE__ */ h(
     "div",
     {
       className: b("bn-ak-menu-item", a || ""),
-      ref: D([t, l]),
-      id: c,
-      onMouseDown: (i) => i.preventDefault(),
+      ref: D([t, c]),
+      id: l,
+      onMouseDown: (d) => d.preventDefault(),
       onClick: o,
       role: "option",
       "aria-selected": s || void 0,
@@ -442,9 +442,9 @@ const Ne = (n) => {
       ]
     }
   );
-}), je = d((n, t) => {
+}), Ke = u((n, t) => {
   const { className: a, children: e, ...s } = n;
-  return u(s), /* @__PURE__ */ r(
+  return i(s), /* @__PURE__ */ r(
     "div",
     {
       className: b("bn-ak-group-label", a || ""),
@@ -452,9 +452,9 @@ const Ne = (n) => {
       children: e
     }
   );
-}), Ke = d((n, t) => {
+}), Qe = u((n, t) => {
   const { className: a, ...e } = n;
-  return u(e), /* @__PURE__ */ r("div", { className: a, ref: t, children: /* @__PURE__ */ r(
+  return i(e), /* @__PURE__ */ r("div", { className: a, ref: t, children: /* @__PURE__ */ r(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -465,10 +465,10 @@ const Ne = (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" })
     }
   ) });
-}), Qe = d((n, t) => {
-  const { children: a, className: e, onMouseDown: s, onClick: o, ...c } = n;
-  return u(c, !1), /* @__PURE__ */ r(
-    f,
+}), ze = u((n, t) => {
+  const { children: a, className: e, onMouseDown: s, onClick: o, ...l } = n;
+  return i(l, !1), /* @__PURE__ */ r(
+    v,
     {
       className: b(
         "bn-ak-button bn-ak-secondary",
@@ -477,50 +477,50 @@ const Ne = (n) => {
       ref: t,
       onMouseDown: s,
       onClick: o,
-      ...c,
+      ...l,
       children: a
     }
   );
-}), ze = d((n, t) => {
+}), Ue = u((n, t) => {
   const {
     className: a,
     children: e,
     draggable: s,
     onDragStart: o,
-    onDragEnd: c,
+    onDragEnd: l,
     style: m,
-    label: l,
-    ...i
+    label: c,
+    ...d
   } = n;
-  return u(i, !1), /* @__PURE__ */ r(
-    f,
+  return i(d, !1), /* @__PURE__ */ r(
+    v,
     {
       className: b(
         "bn-ak-button bn-ak-secondary",
         a || ""
       ),
       ref: t,
-      "aria-label": l,
+      "aria-label": c,
       draggable: s,
       onDragStart: o,
-      onDragEnd: c,
+      onDragEnd: l,
       style: m,
-      ...i,
+      ...d,
       children: e
     }
   );
-}), S = d(
+}), S = u(
   (n, t) => {
     const {
       className: a,
       children: e,
       onMouseEnter: s,
       onMouseLeave: o,
-      variant: c,
+      variant: l,
       ...m
     } = n;
-    return u(m), /* @__PURE__ */ r(
-      ie,
+    return i(m), /* @__PURE__ */ r(
+      de,
       {
         className: b("bn-ak-toolbar", a || ""),
         ref: t,
@@ -530,22 +530,22 @@ const Ne = (n) => {
       }
     );
   }
-), M = d(
+), M = u(
   (n, t) => {
     const {
       className: a,
       children: e,
       mainTooltip: s,
       secondaryTooltip: o,
-      icon: c,
+      icon: l,
       isSelected: m,
-      isDisabled: l,
-      onClick: i,
+      isDisabled: c,
+      onClick: d,
       label: g,
       variant: p,
-      ...N
+      ...k
     } = n;
-    return u(N, !1), /* @__PURE__ */ h(R, { children: [
+    return i(k, !1), /* @__PURE__ */ h(R, { children: [
       /* @__PURE__ */ r(
         E,
         {
@@ -557,17 +557,17 @@ const Ne = (n) => {
                 "bn-ak-button bn-ak-secondary",
                 a || ""
               ),
-              onMouseDown: (v) => {
-                V() && v.currentTarget.focus();
+              onMouseDown: (f) => {
+                V() && f.currentTarget.focus();
               },
-              onClick: i,
+              onClick: d,
               "aria-pressed": m,
               "data-selected": m ? "true" : void 0,
-              disabled: l || !1,
+              disabled: c || !1,
               ref: t,
-              ...N,
+              ...k,
               children: [
-                c,
+                l,
                 e
               ]
             }
@@ -580,74 +580,74 @@ const Ne = (n) => {
       ] })
     ] });
   }
-), I = d((n, t) => {
+), I = u((n, t) => {
   const { className: a, items: e, isDisabled: s, ...o } = n;
-  u(o);
-  const c = n.items.filter((l) => l.isSelected)[0], m = (l) => {
-    var i, g;
-    (g = (i = e.find((p) => p.text === l)).onClick) == null || g.call(i);
+  i(o);
+  const l = n.items.filter((c) => c.isSelected)[0], m = (c) => {
+    var d, g;
+    (g = (d = e.find((p) => p.text === c)).onClick) == null || g.call(d);
   };
-  return /* @__PURE__ */ h(ue, { value: c.text, setValue: m, children: [
+  return /* @__PURE__ */ h(ue, { value: l.text, setValue: m, children: [
     /* @__PURE__ */ h(
-      de,
+      me,
       {
         className: "bn-ak-button bn-ak-secondary",
         disabled: s,
         "aria-label": "Text alignment",
         render: /* @__PURE__ */ r(L, {}),
         children: [
-          c.icon,
+          l.icon,
           " ",
-          c.text,
+          l.text,
           " ",
-          /* @__PURE__ */ r(me, {})
+          /* @__PURE__ */ r(be, {})
         ]
       }
     ),
     /* @__PURE__ */ r(
-      be,
+      he,
       {
         className: b("bn-ak-popover", a || ""),
         ref: t,
         gutter: 4,
-        children: e.map((l) => /* @__PURE__ */ h(
-          he,
+        children: e.map((c) => /* @__PURE__ */ h(
+          ge,
           {
             className: "bn-ak-select-item",
-            value: l.text,
+            value: c.text,
             children: [
-              l.icon,
-              l.text,
-              l.text === c.text && /* @__PURE__ */ r(ge, {})
+              c.icon,
+              c.text,
+              c.text === l.text && /* @__PURE__ */ r(pe, {})
             ]
           },
-          l.text
+          c.text
         ))
       }
     )
   ] });
-}), Ue = d((n, t) => {
+}), We = u((n, t) => {
   const {
     className: a,
     children: e,
     selected: s,
     headerText: o,
-    onFocus: c,
+    onFocus: l,
     onBlur: m,
-    tabIndex: l,
-    ...i
+    tabIndex: c,
+    ...d
   } = n;
-  return u(i, !1), /* @__PURE__ */ h(
-    k,
+  return i(d, !1), /* @__PURE__ */ h(
+    N,
     {
       className: b(
         a,
         "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 }),
@@ -655,20 +655,20 @@ const Ne = (n) => {
       ]
     }
   );
-}), We = d((n, t) => {
+}), Ze = u((n, t) => {
   const { className: a, children: e, ...s } = n;
-  return u(s, !1), /* @__PURE__ */ r(
-    k,
+  return i(s, !1), /* @__PURE__ */ r(
+    N,
     {
       className: b(a, "bn-ak-card-section"),
       ref: t,
       children: e
     }
   );
-}), Ze = d((n, t) => {
+}), _e = u((n, t) => {
   const { className: a, children: e, ...s } = n;
-  return u(s, !1), /* @__PURE__ */ r(
-    f,
+  return i(s, !1), /* @__PURE__ */ r(
+    v,
     {
       className: b(
         a,
@@ -678,12 +678,12 @@ const Ne = (n) => {
       children: e
     }
   );
-}), _e = d((n, t) => {
-  const { authorInfo: a, timeString: e, edited: s, ...o } = n, c = j();
-  return u(o, !1), a === "loading" ? /* @__PURE__ */ h(k, { className: "bn-ak-author-info", children: [
+}), Je = u((n, t) => {
+  const { authorInfo: a, timeString: e, edited: s, ...o } = n, l = K();
+  return i(o, !1), a === "loading" ? /* @__PURE__ */ h(N, { className: "bn-ak-author-info", children: [
     /* @__PURE__ */ r("div", { className: "bn-ak-avatar bn-ak-skeleton" }),
     /* @__PURE__ */ r("div", { className: "bn-ak-username bn-ak-skeleton" })
-  ] }) : /* @__PURE__ */ h(k, { className: "bn-ak-author-info", children: [
+  ] }) : /* @__PURE__ */ h(N, { className: "bn-ak-author-info", children: [
     /* @__PURE__ */ r(
       "img",
       {
@@ -697,35 +697,35 @@ const Ne = (n) => {
       /* @__PURE__ */ h("span", { children: [
         e,
         " ",
-        s && `(${c.comments.edited})`
+        s && `(${l.comments.edited})`
       ] })
     ] })
   ] });
-}), Je = d((n, t) => {
+}), Xe = u((n, t) => {
   const {
     className: a,
     showActions: e,
     authorInfo: s,
     timeString: o,
-    actions: c,
+    actions: l,
     children: m,
-    edited: l,
-    emojiPickerOpen: i,
+    edited: c,
+    emojiPickerOpen: d,
     // Unused
     ...g
   } = n;
-  u(g, !1);
-  const [p, N] = pe(!1), { focused: v, ref: T } = H();
+  i(g, !1);
+  const [p, k] = ke(!1), { focused: f, ref: T } = j();
   return /* @__PURE__ */ h(
-    k,
+    N,
     {
       ref: t,
       className: a,
-      onMouseEnter: () => N(!0),
-      onMouseLeave: () => N(!1),
+      onMouseEnter: () => k(!0),
+      onMouseLeave: () => k(!1),
       children: [
-        c && (e === !0 || e === void 0 || e === "hover" && p || v) ? /* @__PURE__ */ r(
-          k,
+        l && (e === !0 || e === void 0 || e === "hover" && p || f) ? /* @__PURE__ */ r(
+          N,
           {
             ref: T,
             style: {
@@ -734,20 +734,20 @@ const Ne = (n) => {
               top: 0,
               zIndex: 10
             },
-            children: c
+            children: l
           }
         ) : null,
-        /* @__PURE__ */ r(_e, { ...n }),
+        /* @__PURE__ */ r(Je, { ...n }),
         m
       ]
     }
   );
-}), Xe = d((n, t) => {
-  const { className: a, onFocus: e, onBlur: s, autoFocus: o, editor: c, editable: m, ...l } = n;
-  u(l, !1);
-  const i = K();
+}), Ye = u((n, t) => {
+  const { className: a, onFocus: e, onBlur: s, autoFocus: o, editor: l, editable: m, ...c } = n;
+  i(c, !1);
+  const d = Q();
   return /* @__PURE__ */ r(
-    an,
+    sn,
     {
       autoFocus: o,
       className: a,
@@ -758,38 +758,38 @@ const Ne = (n) => {
       filePanel: !1,
       formattingToolbar: !1,
       editable: m,
-      theme: i == null ? void 0 : i.colorSchemePreference,
+      theme: d == null ? void 0 : d.colorSchemePreference,
       ref: t,
       onFocus: e,
       onBlur: s,
       children: /* @__PURE__ */ r(
-        Q,
+        z,
         {
-          formattingToolbar: Ye
+          formattingToolbar: en
         }
       )
     }
   );
-}), Ye = () => {
-  const n = z([]).filter(
+}), en = () => {
+  const n = U([]).filter(
     (t) => t.key !== "nestBlockButton" && t.key !== "unnestBlockButton"
   );
-  return /* @__PURE__ */ r(U, { blockTypeSelectItems: [], children: n });
-}, en = d((n, t) => {
+  return /* @__PURE__ */ r(W, { blockTypeSelectItems: [], children: n });
+}, nn = u((n, t) => {
   const {
     className: a,
     text: e,
     icon: s,
     isSelected: o,
-    mainTooltip: c,
+    mainTooltip: l,
     secondaryTooltip: m,
-    onClick: l,
-    onMouseEnter: i,
+    onClick: c,
+    onMouseEnter: d,
     ...g
   } = n;
-  u(g, !1);
+  i(g, !1);
   const p = /* @__PURE__ */ h(
-    f,
+    v,
     {
       className: b(
         a,
@@ -797,8 +797,8 @@ const Ne = (n) => {
         o && "bn-ak-primary"
       ),
       "aria-selected": o === !0,
-      onClick: (N) => l == null ? void 0 : l(N),
-      onMouseEnter: i,
+      onClick: (k) => c == null ? void 0 : c(k),
+      onMouseEnter: d,
       ref: t,
       children: [
         /* @__PURE__ */ r("span", { children: s }),
@@ -806,40 +806,40 @@ const Ne = (n) => {
       ]
     }
   );
-  return c ? /* @__PURE__ */ h(R, { children: [
+  return l ? /* @__PURE__ */ h(R, { children: [
     /* @__PURE__ */ r(E, { render: p }),
     /* @__PURE__ */ h(q, { className: "bn-ak-tooltip", portal: !1, children: [
-      /* @__PURE__ */ r("span", { children: c }),
+      /* @__PURE__ */ r("span", { children: l }),
       m && /* @__PURE__ */ r("span", { children: m })
     ] })
   ] }) : p;
-}), nn = d((n, t) => {
+}), tn = u((n, t) => {
   const { className: a, children: e, ...s } = n;
-  return u(s), /* @__PURE__ */ r(
-    k,
+  return i(s), /* @__PURE__ */ r(
+    N,
     {
       className: b(a, "bn-ak-badge-group"),
       ref: t,
       children: e
     }
   );
-}), tn = {
+}), an = {
   FormattingToolbar: {
     Root: S,
     Button: M,
     Select: I
   },
   FilePanel: {
-    Root: we,
-    Button: xe,
-    FileInput: ye,
-    TabPanel: Pe,
-    TextInput: Be
+    Root: xe,
+    Button: ye,
+    FileInput: Pe,
+    TabPanel: Be,
+    TextInput: De
   },
   GridSuggestionMenu: {
-    Root: qe,
+    Root: Ge,
     Item: Oe,
-    EmptyItem: Ge,
+    EmptyItem: Ae,
     Loader: $e
   },
   LinkToolbar: {
@@ -848,31 +848,31 @@ const Ne = (n) => {
     Select: I
   },
   SideMenu: {
-    Root: Ee,
-    Button: Le
+    Root: Le,
+    Button: qe
   },
   SuggestionMenu: {
-    Root: Ae,
-    Item: He,
+    Root: He,
+    Item: je,
     EmptyItem: Ve,
-    Label: je,
-    Loader: Ke
+    Label: Ke,
+    Loader: Qe
   },
   TableHandle: {
-    Root: ze,
-    ExtendButton: Qe
+    Root: Ue,
+    ExtendButton: ze
   },
   Comments: {
-    Comment: Je,
-    Editor: Xe,
-    Card: Ue,
-    CardSection: We,
-    ExpandSectionsPrompt: Ze
+    Comment: Xe,
+    Editor: Ye,
+    Card: We,
+    CardSection: Ze,
+    ExpandSectionsPrompt: _e
   },
   Generic: {
     Badge: {
-      Root: en,
-      Group: nn
+      Root: nn,
+      Group: tn
     },
     Toolbar: {
       Root: S,
@@ -881,27 +881,27 @@ const Ne = (n) => {
     },
     Form: {
       Root: Ne,
-      TextInput: ke
+      TextInput: ve
     },
     Menu: {
       Root: fe,
-      Trigger: Me,
-      Dropdown: ve,
-      Divider: Ie,
-      Label: Se,
-      Item: Te,
-      Button: Ce
+      Trigger: Ie,
+      Dropdown: Te,
+      Divider: Ce,
+      Label: Me,
+      Item: Se,
+      Button: we
     },
     Popover: {
-      Root: Re,
-      Trigger: De,
-      Content: Fe
+      Root: Ee,
+      Trigger: Fe,
+      Content: Re
     }
   }
-}, an = (n) => {
+}, sn = (n) => {
   const { className: t, ...a } = n;
-  return /* @__PURE__ */ r(W.Provider, { value: tn, children: /* @__PURE__ */ r(
-    Z,
+  return /* @__PURE__ */ r(Z.Provider, { value: an, children: /* @__PURE__ */ r(
+    _,
     {
       className: b("bn-ariakit", t || ""),
       ...a
@@ -909,7 +909,7 @@ const Ne = (n) => {
   ) });
 };
 export {
-  an as BlockNoteView,
-  tn as components
+  sn as BlockNoteView,
+  an as components
 };
 //# sourceMappingURL=blocknote-ariakit.js.map