@blocknote/ariakit 0.16.0 → 0.17.1

package/dist/blocknote-ariakit.js

@@ -1,7 +1,7 @@
 import Ae, { forwardRef as y, useRef as Le, useEffect as $e } from "react";
 import { assertEmpty as b, mergeCSSClasses as E, isSafari as Pr } from "@blocknote/core";
 import { elementOverflow as We, mergeRefs as Ve, ComponentsContext as Cr, BlockNoteViewRaw as wr } from "@blocknote/react";
-import { FormProvider as ne, FormLabel as Nr, FormInput as ae, Menu as Or, MenuButton as Ye, MenuItem as Ne, MenuButtonArrow as Ir, CheckboxCheck as Oe, MenuGroupLabel as Dr, MenuSeparator as Mr, MenuProvider as Fr, TabProvider as Ar, TabList as Lr, Tab as $r, TabPanel as Wr, Button as se, PopoverDisclosure as Vr, Popover as Yr, PopoverProvider as Br, Group as Be, Toolbar as Ur, TooltipProvider as Gr, TooltipAnchor as qr, ToolbarItem as Ue, Tooltip as Kr, SelectProvider as Jr, Select as Hr, SelectArrow as zr, SelectPopover as Xr, SelectItem as Zr, SelectItemCheck as Qr } from "@ariakit/react";
+import { FormProvider as ne, FormLabel as Nr, FormInput as ae, MenuProvider as Or, Menu as Ir, MenuButton as Ye, MenuItem as Ne, MenuButtonArrow as Dr, CheckboxCheck as Oe, MenuGroupLabel as Mr, MenuSeparator as Fr, TabProvider as Ar, TabList as Lr, Tab as $r, TabPanel as Wr, Button as se, PopoverDisclosure as Vr, Popover as Yr, PopoverProvider as Br, Group as Be, Toolbar as Ur, TooltipProvider as Gr, TooltipAnchor as qr, ToolbarItem as Ue, Tooltip as Kr, SelectProvider as Jr, Select as Hr, SelectArrow as zr, SelectPopover as Xr, SelectItem as Zr, SelectItemCheck as Qr } from "@ariakit/react";
 var te = { exports: {} }, W = {};
 /**
  * @license React
@@ -636,71 +636,6 @@ const tt = (n) => {
   const { children: a, ...o } = n;
   return b(o), /* @__PURE__ */ i.jsx(ne, { children: a });
 }, nt = y((n, a) => {
-  const { className: o, children: t, id: l, columns: u, ...d } = n;
-  return b(d), /* @__PURE__ */ i.jsx(
-    "div",
-    {
-      className: o,
-      style: { gridTemplateColumns: `repeat(${u}, 1fr)` },
-      ref: a,
-      id: l,
-      role: "grid",
-      children: t
-    }
-  );
-}), at = y((n, a) => {
-  const { className: o, children: t, columns: l, ...u } = n;
-  return b(u), /* @__PURE__ */ i.jsx(
-    "div",
-    {
-      className: E("bn-ak-menu-item", o || ""),
-      style: { gridColumn: `1 / ${l + 1}` },
-      ref: a,
-      children: /* @__PURE__ */ i.jsx("div", { className: "bn-ak-suggestion-menu-item-label", children: t })
-    }
-  );
-}), st = y((n, a) => {
-  const { className: o, isSelected: t, onClick: l, item: u, id: d, ...g } = n;
-  b(g);
-  const c = Le(null);
-  return $e(() => {
-    if (!c.current || !t)
-      return;
-    const v = We(
-      c.current,
-      document.querySelector(".bn-grid-suggestion-menu")
-    );
-    v === "top" ? c.current.scrollIntoView(!0) : v === "bottom" && c.current.scrollIntoView(!1);
-  }, [t]), /* @__PURE__ */ i.jsx(
-    "div",
-    {
-      className: o,
-      ref: Ve([a, c]),
-      id: d,
-      role: "option",
-      onClick: l,
-      "aria-selected": t || void 0,
-      children: u.icon
-    }
-  );
-}), ot = y((n, a) => {
-  const {
-    className: o,
-    children: t,
-    // unused, using "dots" instead
-    columns: l,
-    ...u
-  } = n;
-  return b(u), /* @__PURE__ */ i.jsx(
-    "div",
-    {
-      className: o,
-      style: { gridColumn: `1 / ${l + 1}` },
-      ref: a,
-      children: t
-    }
-  );
-}), it = y((n, a) => {
   const {
     className: o,
     name: t,
@@ -734,7 +669,7 @@ const tt = (n) => {
       )
     ] })
   ] });
-}), lt = (n) => {
+}), at = (n) => {
   const {
     children: a,
     onOpenChange: o,
@@ -744,7 +679,7 @@ const tt = (n) => {
     ...u
   } = n;
   return b(u), /* @__PURE__ */ i.jsx(
-    Fr,
+    Or,
     {
       placement: t,
       setOpen: o,
@@ -752,7 +687,7 @@ const tt = (n) => {
       children: a
     }
   );
-}, ct = y((n, a) => {
+}, st = y((n, a) => {
   const {
     className: o,
     children: t,
@@ -761,7 +696,7 @@ const tt = (n) => {
     ...u
   } = n;
   return b(u), /* @__PURE__ */ i.jsx(
-    Or,
+    Ir,
     {
       unmountOnHide: !0,
       className: E("bn-ak-menu", o || ""),
@@ -769,7 +704,7 @@ const tt = (n) => {
       children: t
     }
   );
-}), ut = y((n, a) => {
+}), ot = y((n, a) => {
   const { className: o, children: t, icon: l, checked: u, subTrigger: d, onClick: g, ...c } = n;
   return b(c), d ? /* @__PURE__ */ i.jsxs(
     Ye,
@@ -781,7 +716,7 @@ const tt = (n) => {
       children: [
         l,
         t,
-        /* @__PURE__ */ i.jsx(Ir, {}),
+        /* @__PURE__ */ i.jsx(Dr, {}),
         u !== void 0 && /* @__PURE__ */ i.jsx(Oe, { checked: u })
       ]
     }
@@ -798,29 +733,29 @@ const tt = (n) => {
       ]
     }
   );
-}), ft = y((n, a) => {
+}), it = y((n, a) => {
   const { className: o, children: t, ...l } = n;
   return b(l), /* @__PURE__ */ i.jsx(
-    Dr,
+    Mr,
     {
       className: E("bn-ak-group-label", o || ""),
       ref: a,
       children: t
     }
   );
-}), dt = (n) => {
+}), lt = (n) => {
   const { children: a, sub: o, ...t } = n;
   return b(t), o ? a : /* @__PURE__ */ i.jsx(Ye, { render: a });
-}, mt = y((n, a) => {
+}, ct = y((n, a) => {
   const { className: o, ...t } = n;
   return b(t), /* @__PURE__ */ i.jsx(
-    Mr,
+    Fr,
     {
       className: E("bn-ak-separator", o || ""),
       ref: a
     }
   );
-}), vt = y((n, a) => {
+}), ut = y((n, a) => {
   const {
     className: o,
     tabs: t,
@@ -852,7 +787,7 @@ const tt = (n) => {
       )
     }
   );
-}), pt = y((n, a) => {
+}), ft = y((n, a) => {
   const { className: o, children: t, onClick: l, label: u, ...d } = n;
   return b(d), /* @__PURE__ */ i.jsx(
     se,
@@ -864,7 +799,7 @@ const tt = (n) => {
       children: t
     }
   );
-}), bt = y((n, a) => {
+}), dt = y((n, a) => {
   const { className: o, accept: t, value: l, placeholder: u, onChange: d, ...g } = n;
   return b(g), /* @__PURE__ */ i.jsx(ne, { children: /* @__PURE__ */ i.jsx(
     ae,
@@ -879,10 +814,10 @@ const tt = (n) => {
       placeholder: u
     }
   ) });
-}), gt = y((n, a) => {
+}), mt = y((n, a) => {
   const { className: o, children: t, ...l } = n;
   return b(l), /* @__PURE__ */ i.jsx("div", { className: o, ref: a, children: t });
-}), ht = y((n, a) => {
+}), vt = y((n, a) => {
   const { className: o, value: t, placeholder: l, onKeyDown: u, onChange: d, ...g } = n;
   return b(g), /* @__PURE__ */ i.jsx(ne, { children: /* @__PURE__ */ i.jsx(
     ae,
@@ -897,10 +832,10 @@ const tt = (n) => {
       ref: a
     }
   ) });
-}), xt = y((n, a) => {
+}), pt = y((n, a) => {
   const { children: o, ...t } = n;
   return b(t), /* @__PURE__ */ i.jsx(Vr, { render: o, ref: a });
-}), yt = y((n, a) => {
+}), bt = y((n, a) => {
   const { className: o, children: t, variant: l, ...u } = n;
   return b(u), /* @__PURE__ */ i.jsx(
     Yr,
@@ -910,13 +845,13 @@ const tt = (n) => {
       children: t
     }
   );
-}), jt = (n) => {
+}), gt = (n) => {
   const { children: a, opened: o, position: t, ...l } = n;
   return b(l), /* @__PURE__ */ i.jsx(Br, { open: o, placement: t, children: a });
-}, Rt = y((n, a) => {
+}, ht = y((n, a) => {
   const { className: o, children: t, ...l } = n;
   return b(l, !1), /* @__PURE__ */ i.jsx(Be, { className: o, ref: a, ...l, children: t });
-}), Et = y((n, a) => {
+}), xt = y((n, a) => {
   const {
     className: o,
     children: t,
@@ -948,6 +883,71 @@ const tt = (n) => {
       ]
     }
   );
+}), yt = y((n, a) => {
+  const { className: o, children: t, id: l, columns: u, ...d } = n;
+  return b(d), /* @__PURE__ */ i.jsx(
+    "div",
+    {
+      className: o,
+      style: { gridTemplateColumns: `repeat(${u}, 1fr)` },
+      ref: a,
+      id: l,
+      role: "grid",
+      children: t
+    }
+  );
+}), jt = y((n, a) => {
+  const { className: o, children: t, columns: l, ...u } = n;
+  return b(u), /* @__PURE__ */ i.jsx(
+    "div",
+    {
+      className: E("bn-ak-menu-item", o || ""),
+      style: { gridColumn: `1 / ${l + 1}` },
+      ref: a,
+      children: /* @__PURE__ */ i.jsx("div", { className: "bn-ak-suggestion-menu-item-label", children: t })
+    }
+  );
+}), Rt = y((n, a) => {
+  const { className: o, isSelected: t, onClick: l, item: u, id: d, ...g } = n;
+  b(g);
+  const c = Le(null);
+  return $e(() => {
+    if (!c.current || !t)
+      return;
+    const v = We(
+      c.current,
+      document.querySelector(".bn-grid-suggestion-menu")
+    );
+    v === "top" ? c.current.scrollIntoView(!0) : v === "bottom" && c.current.scrollIntoView(!1);
+  }, [t]), /* @__PURE__ */ i.jsx(
+    "div",
+    {
+      className: o,
+      ref: Ve([a, c]),
+      id: d,
+      role: "option",
+      onClick: l,
+      "aria-selected": t || void 0,
+      children: u.icon
+    }
+  );
+}), Et = y((n, a) => {
+  const {
+    className: o,
+    children: t,
+    // unused, using "dots" instead
+    columns: l,
+    ...u
+  } = n;
+  return b(u), /* @__PURE__ */ i.jsx(
+    "div",
+    {
+      className: o,
+      style: { gridColumn: `1 / ${l + 1}` },
+      ref: a,
+      children: t
+    }
+  );
 }), Tt = y((n, a) => {
   const { className: o, children: t, id: l, ...u } = n;
   return b(u), /* @__PURE__ */ i.jsx(
@@ -961,6 +961,16 @@ const tt = (n) => {
     }
   );
 }), _t = y((n, a) => {
+  const { className: o, children: t, ...l } = n;
+  return b(l), /* @__PURE__ */ i.jsx(
+    "div",
+    {
+      className: E("bn-ak-menu-item", o || ""),
+      ref: a,
+      children: /* @__PURE__ */ i.jsx("div", { className: "bn-ak-suggestion-menu-item-label", children: t })
+    }
+  );
+}), kt = y((n, a) => {
   const { className: o, item: t, isSelected: l, onClick: u, id: d, ...g } = n;
   b(g);
   const c = Le(null);
@@ -1005,16 +1015,6 @@ const tt = (n) => {
       ]
     }
   );
-}), kt = y((n, a) => {
-  const { className: o, children: t, ...l } = n;
-  return b(l), /* @__PURE__ */ i.jsx(
-    "div",
-    {
-      className: E("bn-ak-menu-item", o || ""),
-      ref: a,
-      children: /* @__PURE__ */ i.jsx("div", { className: "bn-ak-suggestion-menu-item-label", children: t })
-    }
-  );
 }), St = y((n, a) => {
   const { className: o, children: t, ...l } = n;
   return b(l), /* @__PURE__ */ i.jsx(
@@ -1174,30 +1174,30 @@ const tt = (n) => {
     Select: wt
   },
   FilePanel: {
-    Root: vt,
-    Button: pt,
-    FileInput: bt,
-    TabPanel: gt,
-    TextInput: ht
+    Root: ut,
+    Button: ft,
+    FileInput: dt,
+    TabPanel: mt,
+    TextInput: vt
   },
   GridSuggestionMenu: {
-    Root: nt,
-    Item: st,
-    EmptyItem: at,
-    Loader: ot
+    Root: yt,
+    Item: Rt,
+    EmptyItem: jt,
+    Loader: Et
   },
   LinkToolbar: {
     Root: Me,
     Button: Fe
   },
   SideMenu: {
-    Root: Rt,
-    Button: Et
+    Root: ht,
+    Button: xt
   },
   SuggestionMenu: {
     Root: Tt,
-    Item: _t,
-    EmptyItem: kt,
+    Item: kt,
+    EmptyItem: _t,
     Label: St,
     Loader: Pt
   },
@@ -1207,20 +1207,20 @@ const tt = (n) => {
   Generic: {
     Form: {
       Root: tt,
-      TextInput: it
+      TextInput: nt
     },
     Menu: {
-      Root: lt,
-      Trigger: dt,
-      Dropdown: ct,
-      Divider: mt,
-      Label: ft,
-      Item: ut
+      Root: at,
+      Trigger: lt,
+      Dropdown: st,
+      Divider: ct,
+      Label: it,
+      Item: ot
     },
     Popover: {
-      Root: jt,
-      Trigger: xt,
-      Content: yt
+      Root: gt,
+      Trigger: pt,
+      Content: bt
     }
   }
 }, Ft = (n) => {