@blocknote/shadcn 0.15.3 → 0.15.5

package/dist/blocknote-shadcn.js

@@ -5,16 +5,16 @@ import { elementOverflow as Ge, mergeRefs as Ke, ComponentsContext as ut, BlockN
 import { cva as Q } from "class-variance-authority";
 import { clsx as ft } from "clsx";
 import { extendTailwindMerge as mt } from "tailwind-merge";
-import { Slot as Je } from "@radix-ui/react-slot";
+import { Slot as qe } from "@radix-ui/react-slot";
 import * as T from "@radix-ui/react-dropdown-menu";
-import { ChevronRight as qe, Check as He, Circle as pt, ChevronDown as Xe, ChevronUp as gt } from "lucide-react";
+import { ChevronRight as Je, Check as He, Circle as pt, ChevronDown as Xe, ChevronUp as gt } from "lucide-react";
 import { FormProvider as vt, useFormContext as xt, useForm as ht } from "react-hook-form";
 import * as Ze from "@radix-ui/react-label";
 import * as ee from "@radix-ui/react-popover";
 import * as D from "@radix-ui/react-select";
 import * as V from "@radix-ui/react-tabs";
 import * as Qe from "@radix-ui/react-toggle";
-import * as J from "@radix-ui/react-tooltip";
+import * as q from "@radix-ui/react-tooltip";
 var ue = { exports: {} }, G = {};
 /**
  * @license React
@@ -204,7 +204,7 @@ function wt() {
       }
     }
     var te = $.ReactCurrentDispatcher, re;
-    function q(e, i, l) {
+    function J(e, i, l) {
       {
         if (re === void 0)
           try {
@@ -290,7 +290,7 @@ function wt() {
       } finally {
         oe = !1, te.current = N, On(), Error.prepareStackTrace = w;
       }
-      var z = e ? e.displayName || e.name : "", B = z ? q(z) : "";
+      var z = e ? e.displayName || e.name : "", B = z ? J(z) : "";
       return typeof e == "function" && H.set(e, B), B;
     }
     function Bn(e, i, l) {
@@ -306,12 +306,12 @@ function wt() {
       if (typeof e == "function")
         return je(e, Vn(e));
       if (typeof e == "string")
-        return q(e);
+        return J(e);
       switch (e) {
         case u:
-          return q("Suspense");
+          return J("Suspense");
         case g:
-          return q("SuspenseList");
+          return J("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
@@ -409,7 +409,7 @@ function wt() {
         se[l] || (P('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', O(U.current.type), e.ref), se[l] = !0);
       }
     }
-    function Jn(e, i) {
+    function qn(e, i) {
       {
         var l = function() {
           De || (De = !0, P("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", i));
@@ -420,7 +420,7 @@ function wt() {
         });
       }
     }
-    function qn(e, i) {
+    function Jn(e, i) {
       {
         var l = function() {
           _e || (_e = !0, P("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", i));
@@ -473,7 +473,7 @@ function wt() {
         }
         if (x || I) {
           var E = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          x && Jn(h, E), I && qn(h, E);
+          x && qn(h, E), I && Jn(h, E);
         }
         return Hn(e, x, I, w, m, U.current, h);
       }
@@ -696,7 +696,7 @@ const St = Q(
   }
 ), en = p.forwardRef(
   ({ className: r, variant: t, size: n, asChild: o = !1, ...s }, d) => {
-    const c = o ? Je : "button";
+    const c = o ? qe : "button";
     return /* @__PURE__ */ a.jsx(
       c,
       {
@@ -773,7 +773,7 @@ const _t = T.Root, Pt = T.Trigger, It = T.Sub, rn = p.forwardRef(({ className: r
     ...o,
     children: [
       n,
-      /* @__PURE__ */ a.jsx(qe, { className: "bn-ml-auto bn-h-4 bn-w-4" })
+      /* @__PURE__ */ a.jsx(Je, { className: "bn-ml-auto bn-h-4 bn-w-4" })
     ]
   }
 ));
@@ -923,7 +923,7 @@ Bt.displayName = "FormLabel";
 const Vt = p.forwardRef(({ ...r }, t) => {
   const { error: n, formItemId: o, formDescriptionId: s, formMessageId: d } = ne();
   return /* @__PURE__ */ a.jsx(
-    Je,
+    qe,
     {
       ref: t,
       id: o,
@@ -1103,7 +1103,7 @@ const Kt = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ a.jsx(
   }
 ));
 Kt.displayName = D.Separator.displayName;
-const Jt = V.Root, hn = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ a.jsx(
+const qt = V.Root, hn = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ a.jsx(
   V.List,
   {
     ref: n,
@@ -1139,7 +1139,7 @@ const wn = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ a.jsx(
   }
 ));
 wn.displayName = V.Content.displayName;
-const qt = Q(
+const Jt = Q(
   "bn-inline-flex bn-items-center bn-justify-center bn-rounded-md bn-text-sm bn-font-medium bn-ring-offset-background bn-transition-colors hover:bn-bg-muted hover:bn-text-muted-foreground focus-visible:bn-outline-none focus-visible:bn-ring-2 focus-visible:bn-ring-ring focus-visible:bn-ring-offset-2 disabled:bn-pointer-events-none disabled:bn-opacity-50 data-[state=on]:bn-bg-accent data-[state=on]:bn-text-accent-foreground",
   {
     variants: {
@@ -1162,13 +1162,13 @@ const qt = Q(
   Qe.Root,
   {
     ref: s,
-    className: b(qt({ variant: t, size: n, className: r })),
+    className: b(Jt({ variant: t, size: n, className: r })),
     ...o
   }
 ));
 Cn.displayName = Qe.Root.displayName;
-const Ht = J.Provider, Xt = J.Root, Zt = J.Trigger, Nn = p.forwardRef(({ className: r, sideOffset: t = 4, ...n }, o) => /* @__PURE__ */ a.jsx(
-  J.Content,
+const Ht = q.Provider, Xt = q.Root, Zt = q.Trigger, Nn = p.forwardRef(({ className: r, sideOffset: t = 4, ...n }, o) => /* @__PURE__ */ a.jsx(
+  q.Content,
   {
     ref: o,
     sideOffset: t,
@@ -1179,7 +1179,7 @@ const Ht = J.Provider, Xt = J.Root, Zt = J.Trigger, Nn = p.forwardRef(({ classNa
     ...n
   }
 ));
-Nn.displayName = J.Content.displayName;
+Nn.displayName = q.Content.displayName;
 const Qt = {
   Badge: {
     Badge: jt
@@ -1225,7 +1225,7 @@ const Qt = {
     SelectValue: Ut
   },
   Tabs: {
-    Tabs: Jt,
+    Tabs: qt,
     TabsContent: wn,
     TabsList: hn,
     TabsTrigger: yn
@@ -1279,7 +1279,10 @@ const er = (r) => {
   return Ye(() => {
     if (!f.current || !o)
       return;
-    const u = Ge(f.current);
+    const u = Ge(
+      f.current,
+      document.querySelector(".bn-grid-suggestion-menu")
+    );
     u === "top" ? f.current.scrollIntoView(!0) : u === "bottom" && f.current.scrollIntoView(!1);
   }, [o]), /* @__PURE__ */ a.jsx(
     "div",
@@ -1402,7 +1405,7 @@ const er = (r) => {
       children: [
         s,
         o,
-        c && /* @__PURE__ */ a.jsx(qe, { className: "bn-ml-auto bn-h-4 bn-w-4" })
+        c && /* @__PURE__ */ a.jsx(Je, { className: "bn-ml-auto bn-h-4 bn-w-4" })
       ]
     }
   );
@@ -1621,7 +1624,10 @@ const er = (r) => {
   return Ye(() => {
     if (!u.current || !d)
       return;
-    const g = Ge(u.current);
+    const g = Ge(
+      u.current,
+      document.querySelector(".bn-suggestion-menu")
+    );
     g === "top" ? u.current.scrollIntoView(!0) : g === "bottom" && u.current.scrollIntoView(!1);
   }, [d]), /* @__PURE__ */ a.jsxs(
     "div",