@blocknote/ariakit 0.14.1 → 0.14.3

package/dist/blocknote-ariakit.js

@@ -1,7 +1,7 @@
 import Ae, { forwardRef as R, useRef as Tr, useEffect as _r } from "react";
-import { elementOverflow as kr, mergeRefs as Sr, ComponentsContext as Pr, BlockNoteViewRaw as Cr } from "@blocknote/react";
-import { FormProvider as ne, FormLabel as wr, FormInput as ae, Menu as Nr, MenuButton as Le, MenuItem as Ne, MenuButtonArrow as Or, CheckboxCheck as Oe, MenuGroupLabel as Dr, MenuSeparator as Ir, MenuProvider as Fr, TabProvider as Mr, TabList as Ar, Tab as Lr, TabPanel as $r, Button as oe, PopoverDisclosure as Wr, Popover as Yr, PopoverProvider as Vr, Group as $e, Toolbar as Br, TooltipProvider as Ur, TooltipAnchor as Kr, ToolbarItem as We, Tooltip as Gr, SelectProvider as Jr, Select as qr, SelectArrow as Hr, SelectPopover as zr, SelectItem as Xr, SelectItemCheck as Zr } from "@ariakit/react";
-import { assertEmpty as x, mergeCSSClasses as T, isSafari as Qr } from "@blocknote/core";
+import { assertEmpty as x, mergeCSSClasses as T, isSafari as kr } from "@blocknote/core";
+import { elementOverflow as Sr, mergeRefs as Pr, ComponentsContext as Cr, BlockNoteViewRaw as wr } from "@blocknote/react";
+import { FormProvider as ne, FormLabel as Nr, FormInput as ae, Menu as Or, MenuButton as Le, MenuItem as Ne, MenuButtonArrow as Dr, CheckboxCheck as Oe, MenuGroupLabel as Ir, MenuSeparator as Fr, MenuProvider as Mr, TabProvider as Ar, TabList as Lr, Tab as $r, TabPanel as Wr, Button as oe, PopoverDisclosure as Yr, Popover as Vr, PopoverProvider as Br, Group as $e, Toolbar as Ur, TooltipProvider as Kr, TooltipAnchor as Gr, ToolbarItem as We, Tooltip as Jr, SelectProvider as qr, Select as Hr, SelectArrow as zr, SelectPopover as Xr, SelectItem as Zr, SelectItemCheck as Qr } from "@ariakit/react";
 var te = { exports: {} }, W = {};
 /**
  * @license React
@@ -17,7 +17,7 @@ function et() {
   if (De)
     return W;
   De = 1;
-  var a = Ae, s = Symbol.for("react.element"), i = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, l = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, f = { key: !0, ref: !0, __self: !0, __source: !0 };
+  var a = Ae, o = Symbol.for("react.element"), i = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, l = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, f = { key: !0, ref: !0, __self: !0, __source: !0 };
   function v(g, u, p) {
     var y, _ = {}, w = null, V = null;
     p !== void 0 && (w = "" + p), u.key !== void 0 && (w = "" + u.key), u.ref !== void 0 && (V = u.ref);
@@ -26,7 +26,7 @@ function et() {
     if (g && g.defaultProps)
       for (y in u = g.defaultProps, u)
         _[y] === void 0 && (_[y] = u[y]);
-    return { $$typeof: s, type: g, key: w, ref: V, props: _, _owner: l.current };
+    return { $$typeof: o, type: g, key: w, ref: V, props: _, _owner: l.current };
   }
   return W.Fragment = i, W.jsx = v, W.jsxs = v, W;
 }
@@ -43,7 +43,7 @@ var Y = {};
 var Ie;
 function rt() {
   return Ie || (Ie = 1, process.env.NODE_ENV !== "production" && function() {
-    var a = Ae, s = Symbol.for("react.element"), i = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), f = Symbol.for("react.profiler"), v = Symbol.for("react.provider"), g = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), V = Symbol.for("react.offscreen"), se = Symbol.iterator, Ye = "@@iterator";
+    var a = Ae, o = Symbol.for("react.element"), i = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), f = Symbol.for("react.profiler"), v = Symbol.for("react.provider"), g = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), V = Symbol.for("react.offscreen"), se = Symbol.iterator, Ye = "@@iterator";
     function Ve(e) {
       if (e === null || typeof e != "object")
         return null;
@@ -425,7 +425,7 @@ function rt() {
     var dr = function(e, r, t, c, b, h, m) {
       var d = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: s,
+        $$typeof: o,
         // Built-in properties that belong on the element
         type: e,
         key: r,
@@ -480,7 +480,7 @@ function rt() {
     var Q;
     Q = !1;
     function ee(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === s;
+      return typeof e == "object" && e !== null && e.$$typeof === o;
     }
     function _e() {
       {
@@ -597,7 +597,7 @@ Check the top-level render call using <` + t + ">.");
           var S = mr(b);
           S ? d += S : d += _e();
           var j;
-          e === null ? j = "null" : z(e) ? j = "array" : e !== void 0 && e.$$typeof === s ? (j = "<" + (N(e.type) || "Unknown") + " />", d = " Did you accidentally export a JSX literal instead of a component?") : j = typeof e, k("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", j, d);
+          e === null ? j = "null" : z(e) ? j = "array" : e !== void 0 && e.$$typeof === o ? (j = "<" + (N(e.type) || "Unknown") + " />", d = " Did you accidentally export a JSX literal instead of a component?") : j = typeof e, k("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", j, d);
         }
         var E = vr(e, r, t, b, h);
         if (E == null)
@@ -643,11 +643,11 @@ React keys must be passed directly to JSX without using spread:
   }()), Y;
 }
 process.env.NODE_ENV === "production" ? te.exports = et() : te.exports = rt();
-var o = te.exports;
+var s = te.exports;
 const tt = (a) => {
-  const { children: s, ...i } = a;
-  return x(i), /* @__PURE__ */ o.jsx(ne, { children: s });
-}, nt = R((a, s) => {
+  const { children: o, ...i } = a;
+  return x(i), /* @__PURE__ */ s.jsx(ne, { children: o });
+}, nt = R((a, o) => {
   const {
     className: i,
     name: n,
@@ -661,15 +661,15 @@ const tt = (a) => {
     onSubmit: _,
     ...w
   } = a;
-  return x(w), /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    a.label && /* @__PURE__ */ o.jsx(wr, { name: n, children: l }),
-    /* @__PURE__ */ o.jsxs("div", { className: "bn-ak-input-wrapper", children: [
+  return x(w), /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    a.label && /* @__PURE__ */ s.jsx(Nr, { name: n, children: l }),
+    /* @__PURE__ */ s.jsxs("div", { className: "bn-ak-input-wrapper", children: [
       f,
-      /* @__PURE__ */ o.jsx(
+      /* @__PURE__ */ s.jsx(
         ae,
         {
           className: T("bn-ak-input", i || ""),
-          ref: s,
+          ref: o,
           name: n,
           value: v,
           autoFocus: g,
@@ -683,23 +683,23 @@ const tt = (a) => {
   ] });
 }), at = (a) => {
   const {
-    children: s,
+    children: o,
     onOpenChange: i,
     position: n,
     sub: l,
     // unused
     ...f
   } = a;
-  return x(f), /* @__PURE__ */ o.jsx(
-    Fr,
+  return x(f), /* @__PURE__ */ s.jsx(
+    Mr,
     {
       placement: n,
       setOpen: i,
       virtualFocus: !0,
-      children: s
+      children: o
     }
   );
-}, ot = R((a, s) => {
+}, ot = R((a, o) => {
   const {
     className: i,
     children: n,
@@ -707,67 +707,67 @@ const tt = (a) => {
     // unused
     ...f
   } = a;
-  return x(f), /* @__PURE__ */ o.jsx(
-    Nr,
+  return x(f), /* @__PURE__ */ s.jsx(
+    Or,
     {
       unmountOnHide: !0,
       className: T("bn-ak-menu", i || ""),
-      ref: s,
+      ref: o,
       children: n
     }
   );
-}), st = R((a, s) => {
+}), st = R((a, o) => {
   const { className: i, children: n, icon: l, checked: f, subTrigger: v, onClick: g, ...u } = a;
-  return x(u), v ? /* @__PURE__ */ o.jsxs(
+  return x(u), v ? /* @__PURE__ */ s.jsxs(
     Le,
     {
-      render: /* @__PURE__ */ o.jsx(Ne, {}),
+      render: /* @__PURE__ */ s.jsx(Ne, {}),
       className: T("bn-ak-menu-item", i || ""),
-      ref: s,
+      ref: o,
       onClick: g,
       children: [
         l,
         n,
-        /* @__PURE__ */ o.jsx(Or, {}),
-        f !== void 0 && /* @__PURE__ */ o.jsx(Oe, { checked: f })
+        /* @__PURE__ */ s.jsx(Dr, {}),
+        f !== void 0 && /* @__PURE__ */ s.jsx(Oe, { checked: f })
       ]
     }
-  ) : /* @__PURE__ */ o.jsxs(
+  ) : /* @__PURE__ */ s.jsxs(
     Ne,
     {
       className: T("bn-ak-menu-item", i || ""),
-      ref: s,
+      ref: o,
       onClick: g,
       children: [
         l,
         n,
-        f !== void 0 && /* @__PURE__ */ o.jsx(Oe, { checked: f })
+        f !== void 0 && /* @__PURE__ */ s.jsx(Oe, { checked: f })
       ]
     }
   );
-}), it = R((a, s) => {
+}), it = R((a, o) => {
   const { className: i, children: n, ...l } = a;
-  return x(l), /* @__PURE__ */ o.jsx(
-    Dr,
+  return x(l), /* @__PURE__ */ s.jsx(
+    Ir,
     {
       className: T("bn-ak-group-label", i || ""),
-      ref: s,
+      ref: o,
       children: n
     }
   );
 }), lt = (a) => {
-  const { children: s, sub: i, ...n } = a;
-  return x(n), i ? s : /* @__PURE__ */ o.jsx(Le, { render: s });
-}, ct = R((a, s) => {
+  const { children: o, sub: i, ...n } = a;
+  return x(n), i ? o : /* @__PURE__ */ s.jsx(Le, { render: o });
+}, ct = R((a, o) => {
   const { className: i, ...n } = a;
-  return x(n), /* @__PURE__ */ o.jsx(
-    Ir,
+  return x(n), /* @__PURE__ */ s.jsx(
+    Fr,
     {
       className: T("bn-ak-separator", i || ""),
-      ref: s
+      ref: o
     }
   );
-}), ut = R((a, s) => {
+}), ut = R((a, o) => {
   const {
     className: i,
     tabs: n,
@@ -778,13 +778,13 @@ const tt = (a) => {
     // TODO: implement loading
     ...u
   } = a;
-  return x(u), /* @__PURE__ */ o.jsx(
+  return x(u), /* @__PURE__ */ s.jsx(
     "div",
     {
       className: T("bn-ak-wrapper", i || ""),
-      ref: s,
-      children: /* @__PURE__ */ o.jsxs(
-        Mr,
+      ref: o,
+      children: /* @__PURE__ */ s.jsxs(
+        Ar,
         {
           defaultSelectedId: l,
           selectedId: f,
@@ -792,32 +792,32 @@ const tt = (a) => {
             p && v(p);
           },
           children: [
-            /* @__PURE__ */ o.jsx(Ar, { className: "bn-ak-tab-list", children: n.map((p) => /* @__PURE__ */ o.jsx(Lr, { className: "bn-ak-tab", id: p.name, children: p.name }, p.name)) }),
-            /* @__PURE__ */ o.jsx("div", { className: "bn-ak-panels", children: n.map((p) => /* @__PURE__ */ o.jsx($r, { tabId: p.name, children: p.tabPanel }, p.name)) })
+            /* @__PURE__ */ s.jsx(Lr, { className: "bn-ak-tab-list", children: n.map((p) => /* @__PURE__ */ s.jsx($r, { className: "bn-ak-tab", id: p.name, children: p.name }, p.name)) }),
+            /* @__PURE__ */ s.jsx("div", { className: "bn-ak-panels", children: n.map((p) => /* @__PURE__ */ s.jsx(Wr, { tabId: p.name, children: p.tabPanel }, p.name)) })
           ]
         }
       )
     }
   );
-}), ft = R((a, s) => {
+}), ft = R((a, o) => {
   const { className: i, children: n, onClick: l, label: f, ...v } = a;
-  return x(v), /* @__PURE__ */ o.jsx(
+  return x(v), /* @__PURE__ */ s.jsx(
     oe,
     {
       className: T("bn-ak-button", i || ""),
       onClick: l,
       "aria-label": f,
-      ref: s,
+      ref: o,
       children: n
     }
   );
-}), dt = R((a, s) => {
+}), dt = R((a, o) => {
   const { className: i, accept: n, value: l, placeholder: f, onChange: v, ...g } = a;
-  return x(g), /* @__PURE__ */ o.jsx(ne, { children: /* @__PURE__ */ o.jsx(
+  return x(g), /* @__PURE__ */ s.jsx(ne, { children: /* @__PURE__ */ s.jsx(
     ae,
     {
       className: i,
-      ref: s,
+      ref: o,
       name: "panel-input",
       type: "file",
       accept: n,
@@ -826,12 +826,12 @@ const tt = (a) => {
       placeholder: f
     }
   ) });
-}), vt = R((a, s) => {
+}), vt = R((a, o) => {
   const { className: i, children: n, ...l } = a;
-  return x(l), /* @__PURE__ */ o.jsx("div", { className: i, ref: s, children: n });
-}), mt = R((a, s) => {
+  return x(l), /* @__PURE__ */ s.jsx("div", { className: i, ref: o, children: n });
+}), mt = R((a, o) => {
   const { className: i, value: n, placeholder: l, onKeyDown: f, onChange: v, ...g } = a;
-  return x(g), /* @__PURE__ */ o.jsx(ne, { children: /* @__PURE__ */ o.jsx(
+  return x(g), /* @__PURE__ */ s.jsx(ne, { children: /* @__PURE__ */ s.jsx(
     ae,
     {
       className: T("bn-ak-input", i || ""),
@@ -841,29 +841,29 @@ const tt = (a) => {
       onChange: v,
       onKeyDown: f,
       "data-test": "embed-input",
-      ref: s
+      ref: o
     }
   ) });
-}), pt = R((a, s) => {
+}), pt = R((a, o) => {
   const { children: i, ...n } = a;
-  return x(n), /* @__PURE__ */ o.jsx(Wr, { render: i, ref: s });
-}), bt = R((a, s) => {
+  return x(n), /* @__PURE__ */ s.jsx(Yr, { render: i, ref: o });
+}), bt = R((a, o) => {
   const { className: i, children: n, variant: l, ...f } = a;
-  return x(f), /* @__PURE__ */ o.jsx(
-    Yr,
+  return x(f), /* @__PURE__ */ s.jsx(
+    Vr,
     {
       className: T("bn-ak-popover", i || ""),
-      ref: s,
+      ref: o,
       children: n
     }
   );
 }), gt = (a) => {
-  const { children: s, opened: i, position: n, ...l } = a;
-  return x(l), /* @__PURE__ */ o.jsx(Vr, { open: i, placement: n, children: s });
-}, ht = R((a, s) => {
+  const { children: o, opened: i, position: n, ...l } = a;
+  return x(l), /* @__PURE__ */ s.jsx(Br, { open: i, placement: n, children: o });
+}, ht = R((a, o) => {
   const { className: i, children: n, ...l } = a;
-  return x(l, !1), /* @__PURE__ */ o.jsx($e, { className: i, ref: s, ...l, children: n });
-}), xt = R((a, s) => {
+  return x(l, !1), /* @__PURE__ */ s.jsx($e, { className: i, ref: o, ...l, children: n });
+}), xt = R((a, o) => {
   const {
     className: i,
     children: n,
@@ -875,7 +875,7 @@ const tt = (a) => {
     draggable: p,
     ...y
   } = a;
-  return x(y, !1), /* @__PURE__ */ o.jsxs(
+  return x(y, !1), /* @__PURE__ */ s.jsxs(
     oe,
     {
       onDragEnd: g,
@@ -886,7 +886,7 @@ const tt = (a) => {
         "bn-ak-button bn-ak-secondary",
         i || ""
       ),
-      ref: s,
+      ref: o,
       onClick: f,
       ...y,
       children: [
@@ -895,38 +895,38 @@ const tt = (a) => {
       ]
     }
   );
-}), yt = R((a, s) => {
+}), yt = R((a, o) => {
   const { className: i, children: n, id: l, ...f } = a;
-  return x(f), /* @__PURE__ */ o.jsx(
+  return x(f), /* @__PURE__ */ s.jsx(
     $e,
     {
       className: T("bn-ak-menu", i || ""),
       id: l,
       role: "listbox",
-      ref: s,
+      ref: o,
       children: n
     }
   );
-}), Rt = R((a, s) => {
+}), Rt = R((a, o) => {
   const { className: i, item: n, isSelected: l, onClick: f, id: v, ...g } = a;
   x(g);
   const u = Tr(null);
   return _r(() => {
     if (!u.current || !l)
       return;
-    const p = kr(u.current);
+    const p = Sr(u.current);
     p === "top" ? u.current.scrollIntoView(!0) : p === "bottom" && u.current.scrollIntoView(!1);
-  }, [l]), /* @__PURE__ */ o.jsxs(
+  }, [l]), /* @__PURE__ */ s.jsxs(
     "div",
     {
       className: T("bn-ak-menu-item", i || ""),
-      ref: Sr([s, u]),
+      ref: Pr([o, u]),
       id: v,
       onClick: f,
       role: "option",
       "aria-selected": l || void 0,
       children: [
-        n.icon && /* @__PURE__ */ o.jsx(
+        n.icon && /* @__PURE__ */ s.jsx(
           "div",
           {
             className: "bn-ak-suggestion-menu-item-section",
@@ -934,45 +934,45 @@ const tt = (a) => {
             children: n.icon
           }
         ),
-        /* @__PURE__ */ o.jsxs("div", { className: "bn-ak-suggestion-menu-item-body", children: [
-          /* @__PURE__ */ o.jsx("div", { className: "bn-ak-suggestion-menu-item-title", children: n.title }),
-          /* @__PURE__ */ o.jsx("div", { className: "bn-ak-suggestion-menu-item-subtitle", children: n.subtext })
+        /* @__PURE__ */ s.jsxs("div", { className: "bn-ak-suggestion-menu-item-body", children: [
+          /* @__PURE__ */ s.jsx("div", { className: "bn-ak-suggestion-menu-item-title", children: n.title }),
+          /* @__PURE__ */ s.jsx("div", { className: "bn-ak-suggestion-menu-item-subtitle", children: n.subtext })
         ] }),
-        n.badge && /* @__PURE__ */ o.jsx(
+        n.badge && /* @__PURE__ */ s.jsx(
           "div",
           {
             "data-position": "right",
             className: "bn-ak-suggestion-menu-item-section",
-            children: /* @__PURE__ */ o.jsx("div", { children: n.badge })
+            children: /* @__PURE__ */ s.jsx("div", { children: n.badge })
           }
         )
       ]
     }
   );
-}), jt = R((a, s) => {
+}), jt = R((a, o) => {
   const { className: i, children: n, ...l } = a;
-  return x(l), /* @__PURE__ */ o.jsx(
+  return x(l), /* @__PURE__ */ s.jsx(
     "div",
     {
       className: T("bn-ak-menu-item", i || ""),
-      ref: s,
-      children: /* @__PURE__ */ o.jsx("div", { className: "bn-ak-suggestion-menu-item-label", children: n })
+      ref: o,
+      children: /* @__PURE__ */ s.jsx("div", { className: "bn-ak-suggestion-menu-item-label", children: n })
     }
   );
-}), Et = R((a, s) => {
+}), Et = R((a, o) => {
   const { className: i, children: n, ...l } = a;
-  return x(l), /* @__PURE__ */ o.jsx(
+  return x(l), /* @__PURE__ */ s.jsx(
     "div",
     {
       className: T("bn-ak-group-label", i || ""),
-      ref: s,
+      ref: o,
       children: n
     }
   );
-}), Tt = R((a, s) => {
+}), Tt = R((a, o) => {
   const { className: i, children: n, ...l } = a;
-  return x(l), /* @__PURE__ */ o.jsx("div", { className: i, ref: s, children: n });
-}), _t = R((a, s) => {
+  return x(l), /* @__PURE__ */ s.jsx("div", { className: i, ref: o, children: n });
+}), _t = R((a, o) => {
   const {
     className: i,
     children: n,
@@ -983,14 +983,14 @@ const tt = (a) => {
     label: u,
     ...p
   } = a;
-  return x(p, !1), /* @__PURE__ */ o.jsx(
+  return x(p, !1), /* @__PURE__ */ s.jsx(
     oe,
     {
       className: T(
         "bn-ak-button bn-ak-secondary",
         i || ""
       ),
-      ref: s,
+      ref: o,
       "aria-label": u,
       draggable: l,
       onDragStart: f,
@@ -1001,13 +1001,13 @@ const tt = (a) => {
     }
   );
 }), Fe = R(
-  (a, s) => {
+  (a, o) => {
     const { className: i, children: n, onMouseEnter: l, onMouseLeave: f, ...v } = a;
-    return x(v), /* @__PURE__ */ o.jsx(
-      Br,
+    return x(v), /* @__PURE__ */ s.jsx(
+      Ur,
       {
         className: T("bn-ak-toolbar", i || ""),
-        ref: s,
+        ref: o,
         onMouseEnter: l,
         onMouseLeave: f,
         children: n
@@ -1015,7 +1015,7 @@ const tt = (a) => {
     );
   }
 ), Me = R(
-  (a, s) => {
+  (a, o) => {
     const {
       className: i,
       children: n,
@@ -1028,12 +1028,12 @@ const tt = (a) => {
       label: y,
       ..._
     } = a;
-    return x(_, !1), /* @__PURE__ */ o.jsxs(Ur, { children: [
-      /* @__PURE__ */ o.jsx(
-        Kr,
+    return x(_, !1), /* @__PURE__ */ s.jsxs(Kr, { children: [
+      /* @__PURE__ */ s.jsx(
+        Gr,
         {
           className: "link",
-          render: /* @__PURE__ */ o.jsxs(
+          render: /* @__PURE__ */ s.jsxs(
             We,
             {
               "aria-label": y,
@@ -1042,14 +1042,14 @@ const tt = (a) => {
                 i || ""
               ),
               onMouseDown: (w) => {
-                Qr() && w.currentTarget.focus();
+                kr() && w.currentTarget.focus();
               },
               onClick: p,
               "aria-pressed": g,
               "data-selected": g ? "true" : void 0,
               "data-test": a.mainTooltip.slice(0, 1).toLowerCase() + a.mainTooltip.replace(/\s+/g, "").slice(1),
               disabled: u || !1,
-              ref: s,
+              ref: o,
               ..._,
               children: [
                 v,
@@ -1059,51 +1059,51 @@ const tt = (a) => {
           )
         }
       ),
-      /* @__PURE__ */ o.jsxs(Gr, { className: "bn-ak-tooltip", children: [
-        /* @__PURE__ */ o.jsx("span", { children: l }),
-        f && /* @__PURE__ */ o.jsx("span", { children: f })
+      /* @__PURE__ */ s.jsxs(Jr, { className: "bn-ak-tooltip", children: [
+        /* @__PURE__ */ s.jsx("span", { children: l }),
+        f && /* @__PURE__ */ s.jsx("span", { children: f })
       ] })
     ] });
   }
-), kt = R((a, s) => {
+), kt = R((a, o) => {
   const { className: i, items: n, isDisabled: l, ...f } = a;
   x(f);
   const v = a.items.filter((u) => u.isSelected)[0], g = (u) => {
     var p, y;
     (y = (p = n.find((_) => _.text === u)).onClick) == null || y.call(p);
   };
-  return /* @__PURE__ */ o.jsxs(Jr, { value: v.text, setValue: g, children: [
-    /* @__PURE__ */ o.jsxs(
-      qr,
+  return /* @__PURE__ */ s.jsxs(qr, { value: v.text, setValue: g, children: [
+    /* @__PURE__ */ s.jsxs(
+      Hr,
       {
         className: "bn-ak-button bn-ak-secondary",
         disabled: l,
         "aria-label": "Text alignment",
-        render: /* @__PURE__ */ o.jsx(We, {}),
+        render: /* @__PURE__ */ s.jsx(We, {}),
         children: [
           v.icon,
           " ",
           v.text,
           " ",
-          /* @__PURE__ */ o.jsx(Hr, {})
+          /* @__PURE__ */ s.jsx(zr, {})
         ]
       }
     ),
-    /* @__PURE__ */ o.jsx(
-      zr,
+    /* @__PURE__ */ s.jsx(
+      Xr,
       {
         className: T("bn-ak-popover", i || ""),
-        ref: s,
+        ref: o,
         gutter: 4,
-        children: n.map((u) => /* @__PURE__ */ o.jsxs(
-          Xr,
+        children: n.map((u) => /* @__PURE__ */ s.jsxs(
+          Zr,
           {
             className: "bn-ak-select-item",
             value: u.text,
             children: [
               u.icon,
               u.text,
-              u.text === v.text && /* @__PURE__ */ o.jsx(Zr, {})
+              u.text === v.text && /* @__PURE__ */ s.jsx(Qr, {})
             ]
           },
           u.text
@@ -1162,7 +1162,16 @@ const St = {
       Content: bt
     }
   }
-}, Ot = (a) => /* @__PURE__ */ o.jsx(Pr.Provider, { value: St, children: /* @__PURE__ */ o.jsx(Cr, { ...a }) });
+}, Ot = (a) => {
+  const { className: o, ...i } = a;
+  return /* @__PURE__ */ s.jsx(Cr.Provider, { value: St, children: /* @__PURE__ */ s.jsx(
+    wr,
+    {
+      className: T("bn-ariakit", o || ""),
+      ...i
+    }
+  ) });
+};
 export {
   Ot as BlockNoteView,
   St as components