@blocknote/shadcn 0.46.1 → 0.47.0

package/dist/blocknote-shadcn.js

@@ -1,26 +1,26 @@
-import { jsx as o, jsxs as v, Fragment as U } from "react/jsx-runtime";
-import { assertEmpty as m, mergeCSSClasses as H } from "@blocknote/core";
-import { elementOverflow as _, mergeRefs as R, useFocusWithin as K, useDictionary as Q, useBlockNoteContext as W, FormattingToolbarController as Z, getFormattingToolbarItems as J, FormattingToolbar as X, ComponentsContext as Y, BlockNoteViewRaw as ee } from "@blocknote/react";
+import { jsx as o, jsxs as v, Fragment as H } from "react/jsx-runtime";
+import { assertEmpty as m, mergeCSSClasses as K } from "@blocknote/core";
+import { elementOverflow as _, mergeRefs as R, useFocusWithin as Q, useDictionary as W, useBlockNoteContext as Z, FormattingToolbarController as J, getFormattingToolbarItems as X, FormattingToolbar as Y, ComponentsContext as ee, BlockNoteViewRaw as te } from "@blocknote/react";
 import * as F from "react";
-import { createContext as te, useContext as ne, forwardRef as p, useMemo as L, useRef as E, useEffect as V, useState as oe } from "react";
-import { FormProvider as ae, useForm as re } from "react-hook-form";
+import { createContext as ne, useContext as oe, forwardRef as p, useMemo as L, useRef as E, useEffect as A, useState as ae } from "react";
+import { FormProvider as re, useForm as se } from "react-hook-form";
 import * as D from "@radix-ui/react-avatar";
-import { clsx as se } from "clsx";
-import { twMerge as ie } from "tailwind-merge";
-import { Slot as A } from "@radix-ui/react-slot";
+import { clsx as ie } from "clsx";
+import { twMerge as de } from "tailwind-merge";
+import { Slot as V } from "@radix-ui/react-slot";
 import { cva as I } from "class-variance-authority";
 import * as w from "@radix-ui/react-dropdown-menu";
-import { ChevronRightIcon as de, CheckIcon as j, ChevronDownIcon as q, ChevronUpIcon as le, ChevronRight as ce } from "lucide-react";
-import * as ue from "@radix-ui/react-label";
+import { ChevronRightIcon as le, CheckIcon as j, ChevronDownIcon as q, ChevronUpIcon as ce, ChevronRight as ue } from "lucide-react";
+import * as me from "@radix-ui/react-label";
 import * as B from "@radix-ui/react-popover";
 import * as x from "@radix-ui/react-select";
 import * as S from "@radix-ui/react-tabs";
-import * as me from "@radix-ui/react-toggle";
+import * as pe from "@radix-ui/react-toggle";
 import * as N from "@radix-ui/react-tooltip";
 function d(...e) {
-  return ie(se(e));
+  return de(ie(e));
 }
-function pe({
+function ge({
   className: e,
   ...t
 }) {
@@ -36,7 +36,7 @@ function pe({
     }
   );
 }
-function ge({
+function ve({
   className: e,
   ...t
 }) {
@@ -49,7 +49,7 @@ function ge({
     }
   );
 }
-function ve({
+function fe({
   className: e,
   ...t
 }) {
@@ -65,7 +65,7 @@ function ve({
     }
   );
 }
-const fe = I(
+const be = I(
   "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
   {
     variants: {
@@ -81,22 +81,22 @@ const fe = I(
     }
   }
 );
-function be({
+function he({
   className: e,
   variant: t,
   asChild: n = !1,
   ...a
 }) {
   return /* @__PURE__ */ o(
-    n ? A : "span",
+    n ? V : "span",
     {
       "data-slot": "badge",
-      className: d(fe({ variant: t }), e),
+      className: d(be({ variant: t }), e),
       ...a
     }
   );
 }
-const he = I(
+const xe = I(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*=size-])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
   {
     variants: {
@@ -121,7 +121,7 @@ const he = I(
     }
   }
 );
-function xe({
+function we({
   className: e,
   variant: t,
   size: n,
@@ -129,15 +129,15 @@ function xe({
   ...r
 }) {
   return /* @__PURE__ */ o(
-    a ? A : "button",
+    a ? V : "button",
     {
       "data-slot": "button",
-      className: d(he({ variant: t, size: n, className: e })),
+      className: d(xe({ variant: t, size: n, className: e })),
       ...r
     }
   );
 }
-function we({ className: e, ...t }) {
+function Ce({ className: e, ...t }) {
   return /* @__PURE__ */ o(
     "div",
     {
@@ -150,7 +150,7 @@ function we({ className: e, ...t }) {
     }
   );
 }
-function Ce({ className: e, ...t }) {
+function Ne({ className: e, ...t }) {
   return /* @__PURE__ */ o(
     "div",
     {
@@ -160,12 +160,12 @@ function Ce({ className: e, ...t }) {
     }
   );
 }
-function Ne({
+function Te({
   ...e
 }) {
   return /* @__PURE__ */ o(w.Root, { "data-slot": "dropdown-menu", ...e });
 }
-function Te({
+function Se({
   ...e
 }) {
   return /* @__PURE__ */ o(
@@ -176,7 +176,7 @@ function Te({
     }
   );
 }
-function Se({
+function ye({
   className: e,
   sideOffset: t = 4,
   ...n
@@ -194,7 +194,7 @@ function Se({
     }
   );
 }
-function ye({
+function ke({
   className: e,
   inset: t,
   variant: n = "default",
@@ -214,7 +214,7 @@ function ye({
     }
   );
 }
-function ke({
+function Me({
   className: e,
   children: t,
   checked: n,
@@ -237,7 +237,7 @@ function ke({
     }
   );
 }
-function Me({
+function ze({
   className: e,
   inset: t,
   ...n
@@ -255,7 +255,7 @@ function Me({
     }
   );
 }
-function ze({
+function De({
   className: e,
   ...t
 }) {
@@ -268,12 +268,12 @@ function ze({
     }
   );
 }
-function De({
+function Ie({
   ...e
 }) {
   return /* @__PURE__ */ o(w.Sub, { "data-slot": "dropdown-menu-sub", ...e });
 }
-function Ie({
+function Be({
   className: e,
   inset: t,
   children: n,
@@ -291,12 +291,12 @@ function Ie({
       ...a,
       children: [
         n,
-        /* @__PURE__ */ o(de, { className: "ml-auto size-4" })
+        /* @__PURE__ */ o(le, { className: "ml-auto size-4" })
       ]
     }
   );
 }
-function Be({
+function Pe({
   className: e,
   ...t
 }) {
@@ -312,12 +312,12 @@ function Be({
     }
   );
 }
-function Pe({
+function _e({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ o(
-    ue.Root,
+    me.Root,
     {
       "data-slot": "label",
       className: d(
@@ -328,14 +328,14 @@ function Pe({
     }
   );
 }
-const _e = ae;
+const Re = re;
 F.createContext(
   {}
 );
 F.createContext(
   {}
 );
-function Re({ className: e, type: t, ...n }) {
+function Fe({ className: e, type: t, ...n }) {
   return /* @__PURE__ */ o(
     "input",
     {
@@ -351,17 +351,17 @@ function Re({ className: e, type: t, ...n }) {
     }
   );
 }
-function Fe({
+function Le({
   ...e
 }) {
   return /* @__PURE__ */ o(B.Root, { "data-slot": "popover", ...e });
 }
-function Le({
+function Ee({
   ...e
 }) {
   return /* @__PURE__ */ o(B.Trigger, { "data-slot": "popover-trigger", ...e });
 }
-function Ee({
+function Ae({
   className: e,
   align: t = "center",
   sideOffset: n = 4,
@@ -386,12 +386,12 @@ function Ve({
 }) {
   return /* @__PURE__ */ o(x.Root, { "data-slot": "select", ...e });
 }
-function Ae({
+function je({
   ...e
 }) {
   return /* @__PURE__ */ o(x.Value, { "data-slot": "select-value", ...e });
 }
-function je({
+function qe({
   className: e,
   size: t = "default",
   children: n,
@@ -414,7 +414,7 @@ function je({
     }
   );
 }
-function qe({
+function $e({
   className: e,
   children: t,
   position: n = "popper",
@@ -432,7 +432,7 @@ function qe({
       position: n,
       ...a,
       children: [
-        /* @__PURE__ */ o(Ge, {}),
+        /* @__PURE__ */ o(Oe, {}),
         /* @__PURE__ */ o(
           x.Viewport,
           {
@@ -443,12 +443,12 @@ function qe({
             children: t
           }
         ),
-        /* @__PURE__ */ o(Oe, {})
+        /* @__PURE__ */ o(Ue, {})
       ]
     }
   );
 }
-function $e({
+function Ge({
   className: e,
   children: t,
   ...n
@@ -469,7 +469,7 @@ function $e({
     }
   );
 }
-function Ge({
+function Oe({
   className: e,
   ...t
 }) {
@@ -482,11 +482,11 @@ function Ge({
         e
       ),
       ...t,
-      children: /* @__PURE__ */ o(le, { className: "size-4" })
+      children: /* @__PURE__ */ o(ce, { className: "size-4" })
     }
   );
 }
-function Oe({
+function Ue({
   className: e,
   ...t
 }) {
@@ -503,7 +503,7 @@ function Oe({
     }
   );
 }
-function Ue({ className: e, ...t }) {
+function He({ className: e, ...t }) {
   return /* @__PURE__ */ o(
     "div",
     {
@@ -513,7 +513,7 @@ function Ue({ className: e, ...t }) {
     }
   );
 }
-function He({
+function Ke({
   className: e,
   ...t
 }) {
@@ -526,7 +526,7 @@ function He({
     }
   );
 }
-function Ke({
+function Qe({
   className: e,
   ...t
 }) {
@@ -542,7 +542,7 @@ function Ke({
     }
   );
 }
-function Qe({
+function We({
   className: e,
   ...t
 }) {
@@ -558,7 +558,7 @@ function Qe({
     }
   );
 }
-function We({
+function Ze({
   className: e,
   ...t
 }) {
@@ -571,7 +571,7 @@ function We({
     }
   );
 }
-const Ze = I(
+const Je = I(
   "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*=size-])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
   {
     variants: {
@@ -591,17 +591,17 @@ const Ze = I(
     }
   }
 );
-function Je({
+function Xe({
   className: e,
   variant: t,
   size: n,
   ...a
 }) {
   return /* @__PURE__ */ o(
-    me.Root,
+    pe.Root,
     {
       "data-slot": "toggle",
-      className: d(Ze({ variant: t, size: n, className: e })),
+      className: d(Je({ variant: t, size: n, className: e })),
       ...a
     }
   );
@@ -619,17 +619,17 @@ function $({
     }
   );
 }
-function Xe({
+function Ye({
   ...e
 }) {
   return /* @__PURE__ */ o($, { children: /* @__PURE__ */ o(N.Root, { "data-slot": "tooltip", ...e }) });
 }
-function Ye({
+function et({
   ...e
 }) {
   return /* @__PURE__ */ o(N.Trigger, { "data-slot": "tooltip-trigger", ...e });
 }
-function et({
+function tt({
   className: e,
   sideOffset: t = 0,
   children: n,
@@ -652,83 +652,83 @@ function et({
     }
   );
 }
-const tt = {
+const nt = {
   Avatar: {
-    Avatar: pe,
-    AvatarFallback: ve,
-    AvatarImage: ge
+    Avatar: ge,
+    AvatarFallback: fe,
+    AvatarImage: ve
   },
   Badge: {
-    Badge: be
+    Badge: he
   },
   Button: {
-    Button: xe
+    Button: we
   },
   Card: {
-    Card: we,
-    CardContent: Ce
+    Card: Ce,
+    CardContent: Ne
   },
   DropdownMenu: {
-    DropdownMenu: Ne,
-    DropdownMenuCheckboxItem: ke,
-    DropdownMenuContent: Se,
-    DropdownMenuItem: ye,
-    DropdownMenuLabel: Me,
-    DropdownMenuSeparator: ze,
-    DropdownMenuSub: De,
-    DropdownMenuSubContent: Be,
-    DropdownMenuSubTrigger: Ie,
-    DropdownMenuTrigger: Te
+    DropdownMenu: Te,
+    DropdownMenuCheckboxItem: Me,
+    DropdownMenuContent: ye,
+    DropdownMenuItem: ke,
+    DropdownMenuLabel: ze,
+    DropdownMenuSeparator: De,
+    DropdownMenuSub: Ie,
+    DropdownMenuSubContent: Pe,
+    DropdownMenuSubTrigger: Be,
+    DropdownMenuTrigger: Se
   },
   Form: {
-    Form: _e
+    Form: Re
   },
   Input: {
-    Input: Re
+    Input: Fe
   },
   Label: {
-    Label: Pe
+    Label: _e
   },
   Popover: {
-    Popover: Fe,
-    PopoverContent: Ee,
-    PopoverTrigger: Le
+    Popover: Le,
+    PopoverContent: Ae,
+    PopoverTrigger: Ee
   },
   Select: {
     Select: Ve,
-    SelectContent: qe,
-    SelectItem: $e,
-    SelectTrigger: je,
-    SelectValue: Ae
+    SelectContent: $e,
+    SelectItem: Ge,
+    SelectTrigger: qe,
+    SelectValue: je
   },
   Skeleton: {
-    Skeleton: Ue
+    Skeleton: He
   },
   Tabs: {
-    Tabs: He,
-    TabsContent: We,
-    TabsList: Ke,
-    TabsTrigger: Qe
+    Tabs: Ke,
+    TabsContent: Ze,
+    TabsList: Qe,
+    TabsTrigger: We
   },
   Toggle: {
-    Toggle: Je
+    Toggle: Xe
   },
   Tooltip: {
-    Tooltip: Xe,
-    TooltipContent: et,
+    Tooltip: Ye,
+    TooltipContent: tt,
     TooltipProvider: $,
-    TooltipTrigger: Ye
+    TooltipTrigger: et
   }
-}, G = te(void 0);
+}, G = ne(void 0);
 function f() {
-  return ne(G);
+  return oe(G);
 }
-const nt = (e) => {
+const ot = (e) => {
   const { children: t, ...n } = e;
   m(n);
-  const a = f(), r = re();
+  const a = f(), r = se();
   return /* @__PURE__ */ o(a.Form.Form, { ...r, children: t });
-}, ot = p((e, t) => {
+}, at = p((e, t) => {
   const {
     className: n,
     name: a,
@@ -744,11 +744,12 @@ const nt = (e) => {
     onChange: h,
     onSubmit: C,
     autoComplete: T,
-    rightSection: y,
+    "aria-activedescendant": y,
+    rightSection: O,
     // TODO: add rightSection
-    ...O
+    ...U
   } = e;
-  m(O);
+  m(U);
   const P = f();
   return /* @__PURE__ */ v(
     "div",
@@ -775,15 +776,16 @@ const nt = (e) => {
               onKeyDown: b,
               onChange: h,
               onSubmit: C,
-              ref: t
+              ref: t,
+              "aria-activedescendant": y
             }
           )
         ] }),
-        y
+        O
       ]
     }
   );
-}), at = (e) => p(
+}), rt = (e) => p(
   (t, n) => /* @__PURE__ */ o(
     e,
     {
@@ -798,7 +800,7 @@ const nt = (e) => {
       ref: n
     }
   )
-), rt = (e) => {
+), st = (e) => {
   const {
     children: t,
     onOpenChange: n,
@@ -823,17 +825,17 @@ const nt = (e) => {
       children: t
     }
   );
-}, st = (e) => {
+}, it = (e) => {
   const { children: t, sub: n, ...a } = e;
   m(a);
   const r = f(), s = L(
-    () => at(
+    () => rt(
       r.DropdownMenu.DropdownMenuTrigger
     ),
     [r.DropdownMenu.DropdownMenuTrigger]
   );
   return n ? /* @__PURE__ */ o(r.DropdownMenu.DropdownMenuSubTrigger, { children: t }) : /* @__PURE__ */ o(s, { asChild: !0, ...a, children: t });
-}, it = p((e, t) => {
+}, dt = p((e, t) => {
   const { className: n, children: a, sub: r, ...s } = e;
   m(s);
   const i = f();
@@ -852,11 +854,11 @@ const nt = (e) => {
       children: a
     }
   );
-}), dt = p((e, t) => {
+}), lt = p((e, t) => {
   const { className: n, children: a, icon: r, checked: s, subTrigger: i, onClick: c, ...u } = e;
   m(u);
   const l = f();
-  return i ? /* @__PURE__ */ v(U, { children: [
+  return i ? /* @__PURE__ */ v(H, { children: [
     r,
     a
   ] }) : s !== void 0 ? /* @__PURE__ */ v(
@@ -882,11 +884,11 @@ const nt = (e) => {
       children: [
         r,
         a,
-        i && /* @__PURE__ */ o(ce, { className: "ml-auto h-4 w-4" })
+        i && /* @__PURE__ */ o(ue, { className: "ml-auto h-4 w-4" })
       ]
     }
   );
-}), lt = p((e, t) => {
+}), ct = p((e, t) => {
   const { className: n, ...a } = e;
   m(a);
   const r = f();
@@ -897,7 +899,7 @@ const nt = (e) => {
       ref: t
     }
   );
-}), ct = p((e, t) => {
+}), ut = p((e, t) => {
   const { className: n, children: a, ...r } = e;
   m(r);
   const s = f();
@@ -909,7 +911,7 @@ const nt = (e) => {
       children: a
     }
   );
-}), ut = p((e, t) => {
+}), mt = p((e, t) => {
   const {
     className: n,
     children: a,
@@ -941,7 +943,7 @@ const nt = (e) => {
       ]
     }
   );
-}), mt = p((e, t) => {
+}), pt = p((e, t) => {
   const {
     className: n,
     tabs: a,
@@ -968,7 +970,7 @@ const nt = (e) => {
       ]
     }
   );
-}), pt = p((e, t) => {
+}), gt = p((e, t) => {
   const { className: n, children: a, ...r } = e;
   return m(r), /* @__PURE__ */ o(
     "div",
@@ -981,7 +983,7 @@ const nt = (e) => {
       children: a
     }
   );
-}), gt = p((e, t) => {
+}), vt = p((e, t) => {
   const { className: n, value: a, placeholder: r, onKeyDown: s, onChange: i, ...c } = e;
   m(c);
   const u = f();
@@ -997,7 +999,7 @@ const nt = (e) => {
       onChange: i
     }
   );
-}), vt = (e) => {
+}), ft = (e) => {
   const {
     children: t,
     open: n,
@@ -1009,14 +1011,14 @@ const nt = (e) => {
   m(s);
   const i = f();
   return /* @__PURE__ */ o(i.Popover.Popover, { open: n, onOpenChange: a, children: t });
-}, ft = p(
+}, bt = p(
   (e, t) => {
     const { children: n, ...a } = e;
     m(a);
     const r = f();
     return /* @__PURE__ */ o(r.Popover.PopoverTrigger, { ref: t, asChild: !0, children: n });
   }
-), bt = p((e, t) => {
+), ht = p((e, t) => {
   const { className: n, variant: a, children: r, ...s } = e;
   m(s);
   const i = f();
@@ -1033,10 +1035,10 @@ const nt = (e) => {
       children: r
     }
   );
-}), ht = p((e, t) => {
+}), xt = p((e, t) => {
   const { className: n, children: a, ...r } = e;
   return m(r, !1), /* @__PURE__ */ o("div", { className: n, ref: t, ...r, children: a });
-}), xt = p((e, t) => {
+}), wt = p((e, t) => {
   const {
     className: n,
     children: a,
@@ -1068,7 +1070,7 @@ const nt = (e) => {
       ]
     }
   );
-}), wt = p((e, t) => {
+}), Ct = p((e, t) => {
   const { className: n, children: a, id: r, columns: s, ...i } = e;
   return m(i), /* @__PURE__ */ o(
     "div",
@@ -1085,7 +1087,7 @@ const nt = (e) => {
       children: a
     }
   );
-}), Ct = p((e, t) => {
+}), Nt = p((e, t) => {
   const { className: n, children: a, columns: r, ...s } = e;
   return m(s), /* @__PURE__ */ o(
     "div",
@@ -1096,7 +1098,7 @@ const nt = (e) => {
       children: a
     }
   );
-}), Nt = p((e, t) => {
+}), Tt = p((e, t) => {
   const { className: n, children: a, id: r, ...s } = e;
   return m(s), /* @__PURE__ */ o(
     "div",
@@ -1111,7 +1113,7 @@ const nt = (e) => {
       children: a
     }
   );
-}), Tt = p((e, t) => {
+}), St = p((e, t) => {
   const { className: n, children: a, ...r } = e;
   return m(r), /* @__PURE__ */ o(
     "div",
@@ -1126,18 +1128,17 @@ const nt = (e) => {
       children: /* @__PURE__ */ o("div", { children: a })
     }
   );
-}), St = p((e, t) => {
+}), yt = p((e, t) => {
   const n = f(), { className: a, item: r, isSelected: s, onClick: i, id: c, ...u } = e;
   m(u);
   const l = E(null);
-  return V(() => {
+  return A(() => {
     if (!l.current || !s)
       return;
-    const g = _(
+    _(
       l.current,
       l.current.closest(".bn-suggestion-menu, #ai-suggestion-menu")
-    );
-    g === "top" ? l.current.scrollIntoView(!0) : g === "bottom" && l.current.scrollIntoView(!1);
+    ) !== "none" && l.current.scrollIntoView({ block: "nearest" });
   }, [s]), /* @__PURE__ */ v(
     "div",
     {
@@ -1196,7 +1197,7 @@ const nt = (e) => {
       ]
     }
   );
-}), yt = p((e, t) => {
+}), kt = p((e, t) => {
   const { className: n, children: a, ...r } = e;
   return m(r), /* @__PURE__ */ o(
     "div",
@@ -1209,7 +1210,7 @@ const nt = (e) => {
       children: a
     }
   );
-}), kt = p((e, t) => {
+}), Mt = p((e, t) => {
   const { className: n, ...a } = e;
   return m(a), /* @__PURE__ */ o("div", { className: d(n, "animate-spin"), ref: t, children: /* @__PURE__ */ o(
     "svg",
@@ -1222,7 +1223,7 @@ const nt = (e) => {
       children: /* @__PURE__ */ o("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" })
     }
   ) });
-}), Mt = p((e, t) => {
+}), zt = p((e, t) => {
   const { className: n, children: a, onMouseDown: r, onClick: s, ...i } = e;
   m(i, !1);
   const c = f();
@@ -1243,7 +1244,7 @@ const nt = (e) => {
       children: a
     }
   );
-}), zt = p((e, t) => {
+}), Dt = p((e, t) => {
   const {
     className: n,
     children: a,
@@ -1400,7 +1401,7 @@ const nt = (e) => {
       ]
     }
   ) : null;
-}), Dt = p((e, t) => {
+}), It = p((e, t) => {
   const {
     className: n,
     children: a,
@@ -1431,7 +1432,7 @@ const nt = (e) => {
       ]
     }
   );
-}), It = p((e, t) => {
+}), Bt = p((e, t) => {
   const { className: n, children: a, ...r } = e;
   return m(r), /* @__PURE__ */ o(
     "div",
@@ -1445,7 +1446,7 @@ const nt = (e) => {
       children: a
     }
   );
-}), Bt = p((e, t) => {
+}), Pt = p((e, t) => {
   const { className: n, children: a, ...r } = e;
   m(r, !1);
   const s = f();
@@ -1460,8 +1461,8 @@ const nt = (e) => {
       children: a
     }
   );
-}), Pt = p((e, t) => {
-  const { authorInfo: n, timeString: a, edited: r, ...s } = e, i = Q();
+}), _t = p((e, t) => {
+  const { authorInfo: n, timeString: a, edited: r, ...s } = e, i = W();
   m(s, !1);
   const c = f();
   return n === "loading" ? /* @__PURE__ */ v("div", { className: "flex flex-row flex-nowrap items-center gap-4", children: [
@@ -1498,7 +1499,7 @@ const nt = (e) => {
       ] })
     ] })
   ] });
-}), _t = p((e, t) => {
+}), Rt = p((e, t) => {
   const {
     className: n,
     showActions: a,
@@ -1512,7 +1513,7 @@ const nt = (e) => {
     ...g
   } = e;
   m(g);
-  const [b, h] = oe(!1), { focused: C, ref: T } = K(), y = i && (a === !0 || a === void 0 || a === "hover" && b || C);
+  const [b, h] = ae(!1), { focused: C, ref: T } = Q(), y = i && (a === !0 || a === void 0 || a === "hover" && b || C);
   return /* @__PURE__ */ v(
     "div",
     {
@@ -1522,17 +1523,17 @@ const nt = (e) => {
       onMouseLeave: () => h(!1),
       children: [
         y ? /* @__PURE__ */ o("div", { className: "absolute right-0 top-0 z-10", ref: T, children: i }) : null,
-        /* @__PURE__ */ o(Pt, { ...e }),
+        /* @__PURE__ */ o(_t, { ...e }),
         l
       ]
     }
   );
-}), Rt = p((e, t) => {
+}), Ft = p((e, t) => {
   const { className: n, onFocus: a, onBlur: r, autoFocus: s, editor: i, editable: c, ...u } = e;
   m(u);
-  const l = W();
+  const l = Z();
   return /* @__PURE__ */ o(
-    Gt,
+    Ot,
     {
       autoFocus: s,
       className: d(n, ""),
@@ -1548,19 +1549,19 @@ const nt = (e) => {
       onFocus: a,
       onBlur: r,
       children: /* @__PURE__ */ o(
-        Z,
+        J,
         {
-          formattingToolbar: Ft
+          formattingToolbar: Lt
         }
       )
     }
   );
-}), Ft = () => {
-  const e = J([]).filter(
+}), Lt = () => {
+  const e = X([]).filter(
     (t) => t.key !== "nestBlockButton" && t.key !== "unnestBlockButton"
   );
-  return /* @__PURE__ */ o(X, { blockTypeSelectItems: [], children: e });
-}, Lt = p((e, t) => {
+  return /* @__PURE__ */ o(Y, { blockTypeSelectItems: [], children: e });
+}, Et = p((e, t) => {
   const {
     className: n,
     text: a,
@@ -1603,7 +1604,7 @@ const nt = (e) => {
       }
     )
   ] }) : h;
-}), Et = p((e, t) => {
+}), At = p((e, t) => {
   const { className: n, children: a, ...r } = e;
   m(r);
   const s = f();
@@ -1630,7 +1631,7 @@ const nt = (e) => {
       children: a
     }
   );
-}), At = p((e, t) => {
+}), jt = p((e, t) => {
   const { className: n, accept: a, value: r, placeholder: s, onChange: i, ...c } = e;
   m(c);
   const u = f();
@@ -1646,18 +1647,17 @@ const nt = (e) => {
       placeholder: s
     }
   );
-}), jt = p((e, t) => {
+}), qt = p((e, t) => {
   const { className: n, isSelected: a, onClick: r, item: s, id: i, ...c } = e;
   m(c);
   const u = E(null);
-  return V(() => {
+  return A(() => {
     if (!u.current || !a)
       return;
-    const l = _(
+    _(
       u.current,
       u.current.closest(".bn-grid-suggestion-menu")
-    );
-    l === "top" ? u.current.scrollIntoView(!0) : l === "bottom" && u.current.scrollIntoView(!1);
+    ) !== "none" && u.current.scrollIntoView({ block: "nearest" });
   }, [a]), /* @__PURE__ */ o(
     "div",
     {
@@ -1676,7 +1676,7 @@ const nt = (e) => {
       children: s.icon
     }
   );
-}), qt = p((e, t) => {
+}), $t = p((e, t) => {
   const {
     className: n,
     children: a,
@@ -1693,18 +1693,18 @@ const nt = (e) => {
       children: a
     }
   );
-}), $t = {
+}), Gt = {
   FormattingToolbar: {
     Root: k,
     Button: M,
     Select: z
   },
   FilePanel: {
-    Root: mt,
+    Root: pt,
     Button: Vt,
-    FileInput: At,
-    TabPanel: pt,
-    TextInput: gt
+    FileInput: jt,
+    TabPanel: gt,
+    TextInput: vt
   },
   LinkToolbar: {
     Root: k,
@@ -1712,37 +1712,37 @@ const nt = (e) => {
     Select: z
   },
   SideMenu: {
-    Root: ht,
-    Button: xt
+    Root: xt,
+    Button: wt
   },
   SuggestionMenu: {
-    Root: Nt,
-    Item: St,
-    EmptyItem: Tt,
-    Label: yt,
-    Loader: kt
+    Root: Tt,
+    Item: yt,
+    EmptyItem: St,
+    Label: kt,
+    Loader: Mt
   },
   GridSuggestionMenu: {
-    Root: wt,
-    Item: jt,
-    EmptyItem: Ct,
-    Loader: qt
+    Root: Ct,
+    Item: qt,
+    EmptyItem: Nt,
+    Loader: $t
   },
   TableHandle: {
-    Root: zt,
-    ExtendButton: Mt
+    Root: Dt,
+    ExtendButton: zt
   },
   Comments: {
-    Comment: _t,
-    Editor: Rt,
-    Card: Dt,
-    CardSection: It,
-    ExpandSectionsPrompt: Bt
+    Comment: Rt,
+    Editor: Ft,
+    Card: It,
+    CardSection: Bt,
+    ExpandSectionsPrompt: Pt
   },
   Generic: {
     Badge: {
-      Root: Lt,
-      Group: Et
+      Root: Et,
+      Group: At
     },
     Toolbar: {
       Root: k,
@@ -1750,42 +1750,42 @@ const nt = (e) => {
       Select: z
     },
     Form: {
-      Root: nt,
-      TextInput: ot
+      Root: ot,
+      TextInput: at
     },
     Menu: {
-      Root: rt,
-      Trigger: st,
-      Dropdown: it,
-      Divider: lt,
-      Label: ct,
-      Item: dt,
-      Button: ut
+      Root: st,
+      Trigger: it,
+      Dropdown: dt,
+      Divider: ct,
+      Label: ut,
+      Item: lt,
+      Button: mt
     },
     Popover: {
-      Root: vt,
-      Trigger: ft,
-      Content: bt
+      Root: ft,
+      Trigger: bt,
+      Content: ht
     }
   }
-}, Gt = (e) => {
+}, Ot = (e) => {
   const { className: t, shadCNComponents: n, ...a } = e, r = L(() => ({
-    ...tt,
+    ...nt,
     ...n
   }), [n]);
-  return /* @__PURE__ */ o(G.Provider, { value: r, children: /* @__PURE__ */ o(Y.Provider, { value: $t, children: /* @__PURE__ */ o(
-    ee,
+  return /* @__PURE__ */ o(G.Provider, { value: r, children: /* @__PURE__ */ o(ee.Provider, { value: Gt, children: /* @__PURE__ */ o(
+    te,
     {
-      className: H("bn-shadcn", t || ""),
+      className: K("bn-shadcn", t || ""),
       ...a
     }
   ) }) });
 };
 export {
-  Gt as BlockNoteView,
+  Ot as BlockNoteView,
   G as ShadCNComponentsContext,
-  tt as ShadCNDefaultComponents,
-  $t as components,
+  nt as ShadCNDefaultComponents,
+  Gt as components,
   f as useShadCNComponentsContext
 };
 //# sourceMappingURL=blocknote-shadcn.js.map