@blocknote/shadcn 0.35.0 → 0.36.1

package/dist/blocknote-shadcn.js

@@ -1,27 +1,27 @@
 import { jsx as a, jsxs as g, Fragment as we } from "react/jsx-runtime";
 import { assertEmpty as u, mergeCSSClasses as Ce } from "@blocknote/core";
-import { elementOverflow as z, mergeRefs as E, useFocusWithin as ye, useDictionary as Se, FormattingToolbarController as Te, getFormattingToolbarItems as Me, FormattingToolbar as Ie, ComponentsContext as De, BlockNoteViewRaw as Re } from "@blocknote/react";
+import { elementOverflow as z, mergeRefs as E, useFocusWithin as ye, useDictionary as Se, useBlockNoteContext as Te, FormattingToolbarController as Me, getFormattingToolbarItems as Ie, FormattingToolbar as De, ComponentsContext as Re, BlockNoteViewRaw as Be } from "@blocknote/react";
 import * as c from "react";
-import { createContext as ke, useContext as Be, forwardRef as p, useMemo as V, useRef as A, useEffect as $, useState as Fe } from "react";
-import { FormProvider as Pe, useFormContext as Le, useForm as ze } from "react-hook-form";
+import { createContext as ke, useContext as Fe, forwardRef as p, useMemo as V, useRef as A, useEffect as $, useState as Pe } from "react";
+import { FormProvider as Le, useFormContext as ze, useForm as Ee } from "react-hook-form";
 import * as S from "@radix-ui/react-avatar";
-import { clsx as Ee } from "clsx";
-import { extendTailwindMerge as Ve } from "tailwind-merge";
+import { clsx as Ve } from "clsx";
+import { extendTailwindMerge as Ae } from "tailwind-merge";
 import { cva as I } from "class-variance-authority";
 import { Slot as j } from "@radix-ui/react-slot";
 import * as N from "@radix-ui/react-dropdown-menu";
-import { ChevronRight as q, Check as G, Circle as Ae, ChevronDown as U, ChevronUp as $e } from "lucide-react";
+import { ChevronRight as q, Check as G, Circle as $e, ChevronDown as U, ChevronUp as je } from "lucide-react";
 import * as H from "@radix-ui/react-label";
 import * as D from "@radix-ui/react-popover";
 import * as x from "@radix-ui/react-select";
 import * as y from "@radix-ui/react-tabs";
 import * as O from "@radix-ui/react-toggle";
 import * as T from "@radix-ui/react-tooltip";
-const je = Ve({
+const qe = Ae({
   prefix: "bn-"
 });
 function i(...n) {
-  return je(Ee(n));
+  return qe(Ve(n));
 }
 const K = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
   S.Root,
@@ -56,7 +56,7 @@ const W = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
   }
 ));
 W.displayName = S.Fallback.displayName;
-const qe = I(
+const Ge = I(
   "bn-inline-flex bn-items-center bn-rounded-full bn-border bn-px-2.5 bn-py-0.5 bn-text-xs bn-font-semibold bn-transition-colors focus:bn-outline-none focus:bn-ring-2 focus:bn-ring-ring focus:bn-ring-offset-2",
   {
     variants: {
@@ -72,10 +72,10 @@ const qe = I(
     }
   }
 );
-function Ge({ className: n, variant: t, ...e }) {
-  return /* @__PURE__ */ a("div", { className: i(qe({ variant: t }), n), ...e });
+function Ue({ className: n, variant: t, ...e }) {
+  return /* @__PURE__ */ a("div", { className: i(Ge({ variant: t }), n), ...e });
 }
-const Ue = I(
+const He = I(
   "bn-inline-flex bn-items-center bn-justify-center bn-whitespace-nowrap bn-rounded-md bn-text-sm bn-font-medium bn-ring-offset-background bn-transition-colors 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",
   {
     variants: {
@@ -103,7 +103,7 @@ const Ue = I(
   ({ className: n, variant: t, size: e, asChild: o = !1, ...r }, s) => /* @__PURE__ */ a(
     o ? j : "button",
     {
-      className: i(Ue({ variant: t, size: e, className: n })),
+      className: i(He({ variant: t, size: e, className: n })),
       ref: s,
       type: "button",
       ...r
@@ -123,7 +123,7 @@ const _ = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
   }
 ));
 _.displayName = "Card";
-const He = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
+const Oe = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
   "div",
   {
     ref: e,
@@ -131,8 +131,8 @@ const He = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
     ...t
   }
 ));
-He.displayName = "CardHeader";
-const Oe = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
+Oe.displayName = "CardHeader";
+const Ke = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
   "h3",
   {
     ref: e,
@@ -143,8 +143,8 @@ const Oe = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
     ...t
   }
 ));
-Oe.displayName = "CardTitle";
-const Ke = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
+Ke.displayName = "CardTitle";
+const Qe = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
   "p",
   {
     ref: e,
@@ -152,10 +152,10 @@ const Ke = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
     ...t
   }
 ));
-Ke.displayName = "CardDescription";
+Qe.displayName = "CardDescription";
 const J = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a("div", { ref: e, className: i("bn-p-6 bn-pt-0", n), ...t }));
 J.displayName = "CardContent";
-const Qe = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
+const We = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
   "div",
   {
     ref: e,
@@ -163,8 +163,8 @@ const Qe = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
     ...t
   }
 ));
-Qe.displayName = "CardFooter";
-const We = N.Root, Ze = N.Trigger, _e = N.Sub, X = c.forwardRef(({ className: n, inset: t, children: e, ...o }, r) => /* @__PURE__ */ g(
+We.displayName = "CardFooter";
+const Ze = N.Root, _e = N.Trigger, Je = N.Sub, X = c.forwardRef(({ className: n, inset: t, children: e, ...o }, r) => /* @__PURE__ */ g(
   N.SubTrigger,
   {
     ref: r,
@@ -239,7 +239,7 @@ const te = c.forwardRef(({ className: n, children: t, checked: e, ...o }, r) =>
   }
 ));
 te.displayName = N.CheckboxItem.displayName;
-const Je = c.forwardRef(({ className: n, children: t, ...e }, o) => /* @__PURE__ */ g(
+const Xe = c.forwardRef(({ className: n, children: t, ...e }, o) => /* @__PURE__ */ g(
   N.RadioItem,
   {
     ref: o,
@@ -249,12 +249,12 @@ const Je = c.forwardRef(({ className: n, children: t, ...e }, o) => /* @__PURE__
     ),
     ...e,
     children: [
-      /* @__PURE__ */ a("span", { className: "bn-absolute bn-left-2 bn-flex bn-h-3.5 bn-w-3.5 bn-items-center bn-justify-center", children: /* @__PURE__ */ a(N.ItemIndicator, { children: /* @__PURE__ */ a(Ae, { className: "bn-h-2 bn-w-2 bn-fill-current" }) }) }),
+      /* @__PURE__ */ a("span", { className: "bn-absolute bn-left-2 bn-flex bn-h-3.5 bn-w-3.5 bn-items-center bn-justify-center", children: /* @__PURE__ */ a(N.ItemIndicator, { children: /* @__PURE__ */ a($e, { className: "bn-h-2 bn-w-2 bn-fill-current" }) }) }),
       t
     ]
   }
 ));
-Je.displayName = N.RadioItem.displayName;
+Xe.displayName = N.RadioItem.displayName;
 const oe = c.forwardRef(({ className: n, inset: t, ...e }, o) => /* @__PURE__ */ a(
   N.Label,
   {
@@ -277,21 +277,21 @@ const ae = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
   }
 ));
 ae.displayName = N.Separator.displayName;
-const Xe = I(
+const Ye = I(
   "bn-text-sm bn-font-medium bn-leading-none peer-disabled:bn-cursor-not-allowed peer-disabled:bn-opacity-70"
 ), P = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
   H.Root,
   {
     ref: e,
-    className: i(Xe(), n),
+    className: i(Ye(), n),
     ...t
   }
 ));
 P.displayName = H.Root.displayName;
-const Ye = Pe, en = c.createContext(
+const en = Le, nn = c.createContext(
   {}
 ), R = () => {
-  const n = c.useContext(en), t = c.useContext(re), { getFieldState: e, formState: o } = Le(), r = e(n.name, o);
+  const n = c.useContext(nn), t = c.useContext(re), { getFieldState: e, formState: o } = ze(), r = e(n.name, o);
   if (!n)
     throw new Error("useFormField should be used within <FormField>");
   const { id: s } = t;
@@ -305,12 +305,12 @@ const Ye = Pe, en = c.createContext(
   };
 }, re = c.createContext(
   {}
-), nn = c.forwardRef(({ className: n, ...t }, e) => {
+), tn = c.forwardRef(({ className: n, ...t }, e) => {
   const o = c.useId();
   return /* @__PURE__ */ a(re.Provider, { value: { id: o }, children: /* @__PURE__ */ a("div", { ref: e, className: i("bn-space-y-2", n), ...t }) });
 });
-nn.displayName = "FormItem";
-const tn = c.forwardRef(({ className: n, ...t }, e) => {
+tn.displayName = "FormItem";
+const on = c.forwardRef(({ className: n, ...t }, e) => {
   const { error: o, formItemId: r } = R();
   return /* @__PURE__ */ a(
     P,
@@ -322,8 +322,8 @@ const tn = c.forwardRef(({ className: n, ...t }, e) => {
     }
   );
 });
-tn.displayName = "FormLabel";
-const on = c.forwardRef(({ ...n }, t) => {
+on.displayName = "FormLabel";
+const an = c.forwardRef(({ ...n }, t) => {
   const { error: e, formItemId: o, formDescriptionId: r, formMessageId: s } = R();
   return /* @__PURE__ */ a(
     j,
@@ -336,8 +336,8 @@ const on = c.forwardRef(({ ...n }, t) => {
     }
   );
 });
-on.displayName = "FormControl";
-const an = c.forwardRef(({ className: n, ...t }, e) => {
+an.displayName = "FormControl";
+const rn = c.forwardRef(({ className: n, ...t }, e) => {
   const { formDescriptionId: o } = R();
   return /* @__PURE__ */ a(
     "p",
@@ -349,21 +349,21 @@ const an = c.forwardRef(({ className: n, ...t }, e) => {
     }
   );
 });
-an.displayName = "FormDescription";
-const rn = c.forwardRef(({ className: n, children: t, ...e }, o) => {
-  const { error: r, formMessageId: s } = R(), d = r ? String(r == null ? void 0 : r.message) : t;
-  return d ? /* @__PURE__ */ a(
+rn.displayName = "FormDescription";
+const sn = c.forwardRef(({ className: n, children: t, ...e }, o) => {
+  const { error: r, formMessageId: s } = R(), l = r ? String(r == null ? void 0 : r.message) : t;
+  return l ? /* @__PURE__ */ a(
     "p",
     {
       ref: o,
       id: s,
       className: i("bn-text-sm bn-font-medium bn-text-destructive", n),
       ...e,
-      children: d
+      children: l
     }
   ) : null;
 });
-rn.displayName = "FormMessage";
+sn.displayName = "FormMessage";
 const se = c.forwardRef(
   ({ className: n, type: t, ...e }, o) => /* @__PURE__ */ a(
     "input",
@@ -379,7 +379,7 @@ const se = c.forwardRef(
   )
 );
 se.displayName = "Input";
-const sn = D.Root, dn = D.Trigger, ie = c.forwardRef(({ className: n, align: t = "center", sideOffset: e = 4, ...o }, r) => (
+const ln = D.Root, dn = D.Trigger, ie = c.forwardRef(({ className: n, align: t = "center", sideOffset: e = 4, ...o }, r) => (
   // <PopoverPrimitive.Portal>
   /* @__PURE__ */ a(
     D.Content,
@@ -396,7 +396,7 @@ const sn = D.Root, dn = D.Trigger, ie = c.forwardRef(({ className: n, align: t =
   )
 ));
 ie.displayName = D.Content.displayName;
-const ln = x.Root, bn = x.Value, de = c.forwardRef(({ className: n, children: t, ...e }, o) => /* @__PURE__ */ g(
+const bn = x.Root, cn = x.Value, le = c.forwardRef(({ className: n, children: t, ...e }, o) => /* @__PURE__ */ g(
   x.Trigger,
   {
     ref: o,
@@ -411,8 +411,8 @@ const ln = x.Root, bn = x.Value, de = c.forwardRef(({ className: n, children: t,
     ]
   }
 ));
-de.displayName = x.Trigger.displayName;
-const le = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
+le.displayName = x.Trigger.displayName;
+const de = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
   x.ScrollUpButton,
   {
     ref: e,
@@ -421,10 +421,10 @@ const le = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
       n
     ),
     ...t,
-    children: /* @__PURE__ */ a($e, { className: "bn-h-4 bn-w-4" })
+    children: /* @__PURE__ */ a(je, { className: "bn-h-4 bn-w-4" })
   }
 ));
-le.displayName = x.ScrollUpButton.displayName;
+de.displayName = x.ScrollUpButton.displayName;
 const be = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
   x.ScrollDownButton,
   {
@@ -452,7 +452,7 @@ const ce = c.forwardRef(({ className: n, children: t, position: e = "popper", ..
       position: e,
       ...o,
       children: [
-        /* @__PURE__ */ a(le, {}),
+        /* @__PURE__ */ a(de, {}),
         /* @__PURE__ */ a(
           x.Viewport,
           {
@@ -469,7 +469,7 @@ const ce = c.forwardRef(({ className: n, children: t, position: e = "popper", ..
   )
 ));
 ce.displayName = x.Content.displayName;
-const cn = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
+const mn = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
   x.Label,
   {
     ref: e,
@@ -480,7 +480,7 @@ const cn = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
     ...t
   }
 ));
-cn.displayName = x.Label.displayName;
+mn.displayName = x.Label.displayName;
 const me = c.forwardRef(({ className: n, children: t, ...e }, o) => /* @__PURE__ */ g(
   x.Item,
   {
@@ -497,7 +497,7 @@ const me = c.forwardRef(({ className: n, children: t, ...e }, o) => /* @__PURE__
   }
 ));
 me.displayName = x.Item.displayName;
-const mn = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
+const un = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
   x.Separator,
   {
     ref: e,
@@ -505,8 +505,8 @@ const mn = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
     ...t
   }
 ));
-mn.displayName = x.Separator.displayName;
-function un({
+un.displayName = x.Separator.displayName;
+function pn({
   className: n,
   ...t
 }) {
@@ -518,7 +518,7 @@ function un({
     }
   );
 }
-const pn = y.Root, ue = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
+const fn = y.Root, ue = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
   y.List,
   {
     ref: e,
@@ -554,7 +554,7 @@ const fe = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
   }
 ));
 fe.displayName = y.Content.displayName;
-const fn = I(
+const gn = I(
   "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: {
@@ -577,12 +577,12 @@ const fn = I(
   O.Root,
   {
     ref: r,
-    className: i(fn({ variant: t, size: e, className: n })),
+    className: i(gn({ variant: t, size: e, className: n })),
     ...o
   }
 ));
 ge.displayName = O.Root.displayName;
-const gn = T.Provider, hn = T.Root, vn = T.Trigger, he = c.forwardRef(({ className: n, sideOffset: t = 4, ...e }, o) => /* @__PURE__ */ a(
+const hn = T.Provider, vn = T.Root, Nn = T.Trigger, he = c.forwardRef(({ className: n, sideOffset: t = 4, ...e }, o) => /* @__PURE__ */ a(
   T.Content,
   {
     ref: o,
@@ -595,14 +595,14 @@ const gn = T.Provider, hn = T.Root, vn = T.Trigger, he = c.forwardRef(({ classNa
   }
 ));
 he.displayName = T.Content.displayName;
-const Nn = {
+const xn = {
   Avatar: {
     Avatar: K,
     AvatarFallback: W,
     AvatarImage: Q
   },
   Badge: {
-    Badge: Ge
+    Badge: Ue
   },
   Button: {
     Button: Z
@@ -612,19 +612,19 @@ const Nn = {
     CardContent: J
   },
   DropdownMenu: {
-    DropdownMenu: We,
+    DropdownMenu: Ze,
     DropdownMenuCheckboxItem: te,
     DropdownMenuContent: ee,
     DropdownMenuItem: ne,
     DropdownMenuLabel: oe,
     DropdownMenuSeparator: ae,
-    DropdownMenuSub: _e,
+    DropdownMenuSub: Je,
     DropdownMenuSubContent: Y,
     DropdownMenuSubTrigger: X,
-    DropdownMenuTrigger: Ze
+    DropdownMenuTrigger: _e
   },
   Form: {
-    Form: Ye
+    Form: en
   },
   Input: {
     Input: se
@@ -633,22 +633,22 @@ const Nn = {
     Label: P
   },
   Popover: {
-    Popover: sn,
+    Popover: ln,
     PopoverContent: ie,
     PopoverTrigger: dn
   },
   Select: {
-    Select: ln,
+    Select: bn,
     SelectContent: ce,
     SelectItem: me,
-    SelectTrigger: de,
-    SelectValue: bn
+    SelectTrigger: le,
+    SelectValue: cn
   },
   Skeleton: {
-    Skeleton: un
+    Skeleton: pn
   },
   Tabs: {
-    Tabs: pn,
+    Tabs: fn,
     TabsContent: fe,
     TabsList: ue,
     TabsTrigger: pe
@@ -657,31 +657,31 @@ const Nn = {
     Toggle: ge
   },
   Tooltip: {
-    Tooltip: hn,
+    Tooltip: vn,
     TooltipContent: he,
-    TooltipProvider: gn,
-    TooltipTrigger: vn
+    TooltipProvider: hn,
+    TooltipTrigger: Nn
   }
 }, ve = ke(void 0);
 function h() {
-  return Be(ve);
+  return Fe(ve);
 }
-const xn = (n) => {
+const wn = (n) => {
   const { children: t, ...e } = n;
   u(e);
-  const o = h(), r = ze();
+  const o = h(), r = Ee();
   return /* @__PURE__ */ a(o.Form.Form, { ...r, children: t });
-}, wn = p((n, t) => {
+}, Cn = p((n, t) => {
   const {
     className: e,
     name: o,
     label: r,
     variant: s,
-    icon: d,
+    icon: l,
     // TODO: implement
     value: b,
     autoFocus: m,
-    placeholder: l,
+    placeholder: d,
     disabled: f,
     onKeyDown: v,
     onChange: w,
@@ -702,7 +702,7 @@ const xn = (n) => {
         "bn-items-center bn-gap-2 bn-text-foreground"
       ),
       children: [
-        d,
+        l,
         /* @__PURE__ */ g("div", { className: "bn-flex-1", children: [
           r && /* @__PURE__ */ a(L.Label.Label, { htmlFor: r, children: r }),
           /* @__PURE__ */ a(
@@ -712,7 +712,7 @@ const xn = (n) => {
               id: r,
               name: o,
               autoFocus: m,
-              placeholder: l,
+              placeholder: d,
               disabled: f,
               value: b,
               onKeyDown: v,
@@ -726,7 +726,7 @@ const xn = (n) => {
       ]
     }
   );
-}), Cn = (n) => p(
+}), yn = (n) => p(
   (t, e) => /* @__PURE__ */ a(
     n,
     {
@@ -741,7 +741,7 @@ const xn = (n) => {
       ref: e
     }
   )
-), yn = (n) => {
+), Sn = (n) => {
   const {
     children: t,
     onOpenChange: e,
@@ -751,59 +751,59 @@ const xn = (n) => {
     ...s
   } = n;
   u(s);
-  const d = h();
+  const l = h();
   return r ? /* @__PURE__ */ a(
-    d.DropdownMenu.DropdownMenuSub,
+    l.DropdownMenu.DropdownMenuSub,
     {
       onOpenChange: e,
       children: t
     }
   ) : /* @__PURE__ */ a(
-    d.DropdownMenu.DropdownMenu,
+    l.DropdownMenu.DropdownMenu,
     {
       modal: !1,
       onOpenChange: e,
       children: t
     }
   );
-}, Sn = (n) => {
+}, Tn = (n) => {
   const { children: t, sub: e, ...o } = n;
   u(o);
   const r = h(), s = V(
-    () => Cn(
+    () => yn(
       r.DropdownMenu.DropdownMenuTrigger
     ),
     [r.DropdownMenu.DropdownMenuTrigger]
   );
   return e ? /* @__PURE__ */ a(r.DropdownMenu.DropdownMenuSubTrigger, { children: t }) : /* @__PURE__ */ a(s, { asChild: !0, ...o, children: t });
-}, Tn = p((n, t) => {
+}, Mn = p((n, t) => {
   const { className: e, children: o, sub: r, ...s } = n;
   u(s);
-  const d = h();
+  const l = h();
   return r ? /* @__PURE__ */ a(
-    d.DropdownMenu.DropdownMenuSubContent,
+    l.DropdownMenu.DropdownMenuSubContent,
     {
       className: e,
       ref: t,
       children: o
     }
   ) : /* @__PURE__ */ a(
-    d.DropdownMenu.DropdownMenuContent,
+    l.DropdownMenu.DropdownMenuContent,
     {
       className: e,
       ref: t,
       children: o
     }
   );
-}), Mn = p((n, t) => {
-  const { className: e, children: o, icon: r, checked: s, subTrigger: d, onClick: b, ...m } = n;
+}), In = p((n, t) => {
+  const { className: e, children: o, icon: r, checked: s, subTrigger: l, onClick: b, ...m } = n;
   u(m);
-  const l = h();
-  return d ? /* @__PURE__ */ g(we, { children: [
+  const d = h();
+  return l ? /* @__PURE__ */ g(we, { children: [
     r,
     o
   ] }) : s !== void 0 ? /* @__PURE__ */ g(
-    l.DropdownMenu.DropdownMenuCheckboxItem,
+    d.DropdownMenu.DropdownMenuCheckboxItem,
     {
       className: i(e, "bn-gap-1", s ? "" : "bn-px-2"),
       ref: t,
@@ -816,7 +816,7 @@ const xn = (n) => {
       ]
     }
   ) : /* @__PURE__ */ g(
-    l.DropdownMenu.DropdownMenuItem,
+    d.DropdownMenu.DropdownMenuItem,
     {
       className: e,
       ref: t,
@@ -825,11 +825,11 @@ const xn = (n) => {
       children: [
         r,
         o,
-        d && /* @__PURE__ */ a(q, { className: "bn-ml-auto bn-h-4 bn-w-4" })
+        l && /* @__PURE__ */ a(q, { className: "bn-ml-auto bn-h-4 bn-w-4" })
       ]
     }
   );
-}), In = p((n, t) => {
+}), Dn = p((n, t) => {
   const { className: e, ...o } = n;
   u(o);
   const r = h();
@@ -840,7 +840,7 @@ const xn = (n) => {
       ref: t
     }
   );
-}), Dn = p((n, t) => {
+}), Rn = p((n, t) => {
   const { className: e, children: o, ...r } = n;
   u(r);
   const s = h();
@@ -852,16 +852,16 @@ const xn = (n) => {
       children: o
     }
   );
-}), Rn = p((n, t) => {
+}), Bn = p((n, t) => {
   const {
     className: e,
     children: o,
     icon: r,
     onClick: s,
-    onDragEnd: d,
+    onDragEnd: l,
     onDragStart: b,
     draggable: m,
-    label: l,
+    label: d,
     ...f
   } = n;
   u(f, !1);
@@ -872,10 +872,10 @@ const xn = (n) => {
       variant: "ghost",
       className: i(e, "bn-text-gray-400"),
       ref: t,
-      "aria-label": l,
+      "aria-label": d,
       onClick: s,
       onDragStart: b,
-      onDragEnd: d,
+      onDragEnd: l,
       draggable: m,
       ...f,
       children: [
@@ -890,28 +890,28 @@ const xn = (n) => {
     tabs: o,
     defaultOpenTab: r,
     openTab: s,
-    setOpenTab: d,
+    setOpenTab: l,
     loading: b,
     // TODO: implement loader
     ...m
   } = n;
   u(m);
-  const l = h();
+  const d = h();
   return /* @__PURE__ */ g(
-    l.Tabs.Tabs,
+    d.Tabs.Tabs,
     {
       className: i(e, "bn-bg-popover bn-p-2 bn-rounded-lg"),
       ref: t,
       value: s,
       defaultValue: r,
-      onValueChange: d,
+      onValueChange: l,
       children: [
-        /* @__PURE__ */ a(l.Tabs.TabsList, { children: o.map((f) => /* @__PURE__ */ a(l.Tabs.TabsTrigger, { value: f.name, children: f.name }, f.name)) }),
-        o.map((f) => /* @__PURE__ */ a(l.Tabs.TabsContent, { value: f.name, children: /* @__PURE__ */ a(l.Card.Card, { children: /* @__PURE__ */ a(l.Card.CardContent, { className: "bn-p-4", children: f.tabPanel }) }) }, f.name))
+        /* @__PURE__ */ a(d.Tabs.TabsList, { children: o.map((f) => /* @__PURE__ */ a(d.Tabs.TabsTrigger, { value: f.name, children: f.name }, f.name)) }),
+        o.map((f) => /* @__PURE__ */ a(d.Tabs.TabsContent, { value: f.name, children: /* @__PURE__ */ a(d.Card.Card, { children: /* @__PURE__ */ a(d.Card.CardContent, { className: "bn-p-4", children: f.tabPanel }) }) }, f.name))
       ]
     }
   );
-}), Bn = p((n, t) => {
+}), Fn = p((n, t) => {
   const { className: e, children: o, ...r } = n;
   return u(r), /* @__PURE__ */ a(
     "div",
@@ -924,8 +924,8 @@ const xn = (n) => {
       children: o
     }
   );
-}), Fn = p((n, t) => {
-  const { className: e, value: o, placeholder: r, onKeyDown: s, onChange: d, ...b } = n;
+}), Pn = p((n, t) => {
+  const { className: e, value: o, placeholder: r, onKeyDown: s, onChange: l, ...b } = n;
   u(b);
   const m = h();
   return /* @__PURE__ */ a(
@@ -937,10 +937,10 @@ const xn = (n) => {
       value: o,
       placeholder: r,
       onKeyDown: s,
-      onChange: d
+      onChange: l
     }
   );
-}), Pn = (n) => {
+}), Ln = (n) => {
   const {
     children: t,
     opened: e,
@@ -951,19 +951,19 @@ const xn = (n) => {
   u(r);
   const s = h();
   return /* @__PURE__ */ a(s.Popover.Popover, { open: e, children: t });
-}, Ln = p(
+}, zn = p(
   (n, t) => {
     const { children: e, ...o } = n;
     u(o);
     const r = h();
     return /* @__PURE__ */ a(r.Popover.PopoverTrigger, { ref: t, asChild: !0, children: e });
   }
-), zn = p((n, t) => {
+), En = p((n, t) => {
   const { className: e, variant: o, children: r, ...s } = n;
   u(s);
-  const d = h();
+  const l = h();
   return /* @__PURE__ */ a(
-    d.Popover.PopoverContent,
+    l.Popover.PopoverContent,
     {
       sideOffset: 8,
       className: i(
@@ -975,19 +975,19 @@ const xn = (n) => {
       children: r
     }
   );
-}), En = p((n, t) => {
+}), Vn = p((n, t) => {
   const { className: e, children: o, ...r } = n;
   return u(r, !1), /* @__PURE__ */ a("div", { className: e, ref: t, ...r, children: o });
-}), Vn = p((n, t) => {
+}), An = p((n, t) => {
   const {
     className: e,
     children: o,
     icon: r,
     onClick: s,
-    onDragEnd: d,
+    onDragEnd: l,
     onDragStart: b,
     draggable: m,
-    label: l,
+    label: d,
     ...f
   } = n;
   u(f, !1);
@@ -998,10 +998,10 @@ const xn = (n) => {
       variant: "ghost",
       className: i(e, "bn-text-gray-400"),
       ref: t,
-      "aria-label": l,
+      "aria-label": d,
       onClick: s,
       onDragStart: b,
-      onDragEnd: d,
+      onDragEnd: l,
       draggable: m,
       ...f,
       children: [
@@ -1010,9 +1010,9 @@ const xn = (n) => {
       ]
     }
   );
-}), An = p((n, t) => {
-  const { className: e, children: o, id: r, columns: s, ...d } = n;
-  return u(d), /* @__PURE__ */ a(
+}), $n = p((n, t) => {
+  const { className: e, children: o, id: r, columns: s, ...l } = n;
+  return u(l), /* @__PURE__ */ a(
     "div",
     {
       className: e,
@@ -1023,7 +1023,7 @@ const xn = (n) => {
       children: o
     }
   );
-}), $n = p((n, t) => {
+}), jn = p((n, t) => {
   const { className: e, children: o, columns: r, ...s } = n;
   return u(s), /* @__PURE__ */ a(
     "div",
@@ -1034,7 +1034,7 @@ const xn = (n) => {
       children: o
     }
   );
-}), jn = p((n, t) => {
+}), qn = p((n, t) => {
   const { className: e, children: o, id: r, ...s } = n;
   return u(s), /* @__PURE__ */ a(
     "div",
@@ -1049,7 +1049,7 @@ const xn = (n) => {
       children: o
     }
   );
-}), qn = p((n, t) => {
+}), Gn = p((n, t) => {
   const { className: e, children: o, ...r } = n;
   return u(r), /* @__PURE__ */ a(
     "div",
@@ -1062,19 +1062,19 @@ const xn = (n) => {
       children: /* @__PURE__ */ a("div", { children: o })
     }
   );
-}), Gn = p((n, t) => {
-  const e = h(), { className: o, item: r, isSelected: s, onClick: d, id: b, ...m } = n;
+}), Un = p((n, t) => {
+  const e = h(), { className: o, item: r, isSelected: s, onClick: l, id: b, ...m } = n;
   u(m);
-  const l = A(null);
+  const d = A(null);
   return $(() => {
-    if (!l.current || !s)
+    if (!d.current || !s)
       return;
     const f = z(
-      l.current,
+      d.current,
       document.querySelector(".bn-suggestion-menu, #ai-suggestion-menu")
       // TODO
     );
-    f === "top" ? l.current.scrollIntoView(!0) : f === "bottom" && l.current.scrollIntoView(!1);
+    f === "top" ? d.current.scrollIntoView(!0) : f === "bottom" && d.current.scrollIntoView(!1);
   }, [s]), /* @__PURE__ */ g(
     "div",
     {
@@ -1083,10 +1083,10 @@ const xn = (n) => {
         n.item.size === "small" ? "bn-gap-3 bn-py-1" : "",
         o
       ),
-      ref: E([t, l]),
+      ref: E([t, d]),
       id: b,
       onMouseDown: (f) => f.preventDefault(),
-      onClick: d,
+      onClick: l,
       role: "option",
       "aria-selected": s || void 0,
       children: [
@@ -1130,7 +1130,7 @@ const xn = (n) => {
       ]
     }
   );
-}), Un = p((n, t) => {
+}), Hn = p((n, t) => {
   const { className: e, children: o, ...r } = n;
   return u(r), /* @__PURE__ */ a(
     "div",
@@ -1140,7 +1140,7 @@ const xn = (n) => {
       children: o
     }
   );
-}), Hn = p((n, t) => {
+}), On = p((n, t) => {
   const { className: e, ...o } = n;
   return u(o), /* @__PURE__ */ a("div", { className: i(e, "bn-animate-spin"), ref: t, children: /* @__PURE__ */ a(
     "svg",
@@ -1153,9 +1153,9 @@ const xn = (n) => {
       children: /* @__PURE__ */ a("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" })
     }
   ) });
-}), On = p((n, t) => {
-  const { className: e, children: o, onMouseDown: r, onClick: s, ...d } = n;
-  u(d, !1);
+}), Kn = p((n, t) => {
+  const { className: e, children: o, onMouseDown: r, onClick: s, ...l } = n;
+  u(l, !1);
   const b = h();
   return /* @__PURE__ */ a(
     b.Button.Button,
@@ -1170,22 +1170,22 @@ const xn = (n) => {
       ref: t,
       onClick: s,
       onMouseDown: r,
-      ...d,
+      ...l,
       children: o
     }
   );
-}), Kn = p((n, t) => {
+}), Qn = p((n, t) => {
   const {
     className: e,
     children: o,
     draggable: r,
     onDragStart: s,
-    onDragEnd: d,
+    onDragEnd: l,
     style: b,
     label: m,
-    ...l
+    ...d
   } = n;
-  u(l, !1);
+  u(d, !1);
   const f = h();
   return /* @__PURE__ */ a(
     f.Button.Button,
@@ -1196,20 +1196,20 @@ const xn = (n) => {
       "aria-label": m,
       draggable: r,
       onDragStart: s,
-      onDragEnd: d,
+      onDragEnd: l,
       style: b,
-      ...l,
+      ...d,
       children: o
     }
   );
-}), k = p(
+}), B = p(
   (n, t) => {
     const {
       className: e,
       children: o,
       onMouseEnter: r,
       onMouseLeave: s,
-      variant: d,
+      variant: l,
       ...b
     } = n;
     u(b);
@@ -1220,7 +1220,7 @@ const xn = (n) => {
         className: i(
           e,
           "bn-flex bn-gap-1 bn-p-1 bn-bg-popover bn-text-popover-foreground bn-border bn-rounded-lg bn-shadow-md bn-h-fit",
-          d === "action-toolbar" ? "bn-w-fit" : ""
+          l === "action-toolbar" ? "bn-w-fit" : ""
         ),
         ref: t,
         onMouseEnter: r,
@@ -1229,17 +1229,17 @@ const xn = (n) => {
       }
     ) });
   }
-), B = p(
+), k = p(
   (n, t) => {
     const {
       className: e,
       children: o,
       mainTooltip: r,
       secondaryTooltip: s,
-      icon: d,
+      icon: l,
       isSelected: b,
       isDisabled: m,
-      onClick: l,
+      onClick: d,
       label: f,
       variant: v,
       ...w
@@ -1255,12 +1255,12 @@ const xn = (n) => {
         variant: "ghost",
         size: v === "compact" ? "sm" : "default",
         disabled: m,
-        onClick: l,
+        onClick: d,
         ref: t,
         "aria-label": f,
         ...w,
         children: [
-          d,
+          l,
           o
         ]
       }
@@ -1274,7 +1274,7 @@ const xn = (n) => {
         ),
         size: v === "compact" ? "sm" : "default",
         "aria-label": f,
-        onClick: l,
+        onClick: d,
         pressed: b,
         disabled: m,
         "data-state": b ? "on" : "off",
@@ -1282,7 +1282,7 @@ const xn = (n) => {
         ref: t,
         ...w,
         children: [
-          d,
+          l,
           o
         ]
       }
@@ -1304,45 +1304,45 @@ const xn = (n) => {
 ), F = p((n, t) => {
   const { className: e, items: o, isDisabled: r, ...s } = n;
   u(s);
-  const d = h(), b = (l) => /* @__PURE__ */ g("div", { className: "bn-flex bn-gap-1 bn-items-center", children: [
-    l.icon,
-    l.text
-  ] }), m = o.filter((l) => l.isSelected)[0];
+  const l = h(), b = (d) => /* @__PURE__ */ g("div", { className: "bn-flex bn-gap-1 bn-items-center", children: [
+    d.icon,
+    d.text
+  ] }), m = o.filter((d) => d.isSelected)[0];
   return m ? /* @__PURE__ */ g(
-    d.Select.Select,
+    l.Select.Select,
     {
       value: m.text,
-      onValueChange: (l) => {
+      onValueChange: (d) => {
         var f, v;
-        return (v = (f = o.find((w) => w.text === l)).onClick) == null ? void 0 : v.call(f);
+        return (v = (f = o.find((w) => w.text === d)).onClick) == null ? void 0 : v.call(f);
       },
       disabled: r,
       children: [
-        /* @__PURE__ */ a(d.Select.SelectTrigger, { className: "bn-border-none", children: /* @__PURE__ */ a(d.Select.SelectValue, {}) }),
-        /* @__PURE__ */ a(d.Select.SelectContent, { className: e, ref: t, children: o.map((l) => /* @__PURE__ */ a(
-          d.Select.SelectItem,
+        /* @__PURE__ */ a(l.Select.SelectTrigger, { className: "bn-border-none", children: /* @__PURE__ */ a(l.Select.SelectValue, {}) }),
+        /* @__PURE__ */ a(l.Select.SelectContent, { className: e, ref: t, children: o.map((d) => /* @__PURE__ */ a(
+          l.Select.SelectItem,
           {
-            disabled: l.isDisabled,
-            value: l.text,
-            children: /* @__PURE__ */ a(b, { ...l })
+            disabled: d.isDisabled,
+            value: d.text,
+            children: /* @__PURE__ */ a(b, { ...d })
           },
-          l.text
+          d.text
         )) })
       ]
     }
   ) : null;
-}), Qn = p((n, t) => {
+}), Wn = p((n, t) => {
   const {
     className: e,
     children: o,
     selected: r,
     headerText: s,
-    onFocus: d,
+    onFocus: l,
     onBlur: b,
     tabIndex: m,
-    ...l
+    ...d
   } = n;
-  u(l);
+  u(d);
   const f = h();
   return /* @__PURE__ */ g(
     f.Card.Card,
@@ -1352,7 +1352,7 @@ const xn = (n) => {
         "bn-w-[300px]",
         r ? "bn-bg-accent bn-text-accent-foreground" : ""
       ),
-      onFocus: d,
+      onFocus: l,
       onBlur: b,
       tabIndex: m,
       ref: t,
@@ -1362,7 +1362,7 @@ const xn = (n) => {
       ]
     }
   );
-}), Wn = p((n, t) => {
+}), Zn = p((n, t) => {
   const { className: e, children: o, ...r } = n;
   return u(r), /* @__PURE__ */ a(
     "div",
@@ -1376,7 +1376,7 @@ const xn = (n) => {
       children: o
     }
   );
-}), Zn = p((n, t) => {
+}), _n = p((n, t) => {
   const { className: e, children: o, ...r } = n;
   u(r, !1);
   const s = h();
@@ -1391,8 +1391,8 @@ const xn = (n) => {
       children: o
     }
   );
-}), _n = p((n, t) => {
-  const { authorInfo: e, timeString: o, edited: r, ...s } = n, d = Se();
+}), Jn = p((n, t) => {
+  const { authorInfo: e, timeString: o, edited: r, ...s } = n, l = Se();
   u(s, !1);
   const b = h();
   return e === "loading" ? /* @__PURE__ */ g(
@@ -1439,7 +1439,7 @@ const xn = (n) => {
               /* @__PURE__ */ g("span", { className: "bn-text-xs", children: [
                 o,
                 " ",
-                r && `(${d.comments.edited})`
+                r && `(${l.comments.edited})`
               ] })
             ]
           }
@@ -1447,19 +1447,19 @@ const xn = (n) => {
       ]
     }
   );
-}), Jn = p((n, t) => {
+}), Xn = p((n, t) => {
   const {
     className: e,
     showActions: o,
     authorInfo: r,
     timeString: s,
-    actions: d,
+    actions: l,
     edited: b,
     children: m,
-    ...l
+    ...d
   } = n;
-  u(l);
-  const [f, v] = Fe(!1), { focused: w, ref: C } = ye(), M = d && (o === !0 || o === void 0 || o === "hover" && f || w);
+  u(d);
+  const [f, v] = Pe(!1), { focused: w, ref: C } = ye(), M = l && (o === !0 || o === void 0 || o === "hover" && f || w);
   return /* @__PURE__ */ g(
     "div",
     {
@@ -1473,21 +1473,24 @@ const xn = (n) => {
           {
             className: "bn-absolute bn-right-0 bn-top-0 bn-z-10",
             ref: C,
-            children: d
+            children: l
           }
         ) : null,
-        /* @__PURE__ */ a(_n, { ...n }),
+        /* @__PURE__ */ a(Jn, { ...n }),
         m
       ]
     }
   );
-}), Xn = p((n, t) => {
-  const { className: e, onFocus: o, onBlur: r, autoFocus: s, editor: d, editable: b, ...m } = n;
-  return u(m), /* @__PURE__ */ a(
-    it,
+}), Yn = p((n, t) => {
+  const { className: e, onFocus: o, onBlur: r, autoFocus: s, editor: l, editable: b, ...m } = n;
+  u(m);
+  const d = Te();
+  return /* @__PURE__ */ a(
+    lt,
     {
       autoFocus: s,
       className: i(e, ""),
+      theme: d == null ? void 0 : d.colorSchemePreference,
       editor: n.editor,
       sideMenu: !1,
       slashMenu: !1,
@@ -1499,28 +1502,28 @@ const xn = (n) => {
       onFocus: o,
       onBlur: r,
       children: /* @__PURE__ */ a(
-        Te,
+        Me,
         {
-          formattingToolbar: Yn
+          formattingToolbar: et
         }
       )
     }
   );
-}), Yn = () => {
-  const n = Me([]).filter(
+}), et = () => {
+  const n = Ie([]).filter(
     (t) => t.key !== "nestBlockButton" && t.key !== "unnestBlockButton"
   );
-  return /* @__PURE__ */ a(Ie, { blockTypeSelectItems: [], children: n });
-}, et = p((n, t) => {
+  return /* @__PURE__ */ a(De, { blockTypeSelectItems: [], children: n });
+}, nt = p((n, t) => {
   const {
     className: e,
     text: o,
     icon: r,
     isSelected: s,
-    mainTooltip: d,
+    mainTooltip: l,
     secondaryTooltip: b,
     onClick: m,
-    onMouseEnter: l,
+    onMouseEnter: d,
     ...f
   } = n;
   u(f, !1);
@@ -1533,7 +1536,7 @@ const xn = (n) => {
         "bn-flex bn-items-center bn-gap-1 bn-rounded-full bn-h-7 bn-px-2.5"
       ),
       onClick: m,
-      onMouseEnter: l,
+      onMouseEnter: d,
       ref: t,
       children: [
         /* @__PURE__ */ a("span", { children: r }),
@@ -1541,20 +1544,20 @@ const xn = (n) => {
       ]
     }
   );
-  return d ? /* @__PURE__ */ g(v.Tooltip.Tooltip, { children: [
+  return l ? /* @__PURE__ */ g(v.Tooltip.Tooltip, { children: [
     /* @__PURE__ */ a(v.Tooltip.TooltipTrigger, { asChild: !0, children: w }),
     /* @__PURE__ */ g(
       v.Tooltip.TooltipContent,
       {
         className: "bn-flex bn-flex-col bn-items-center bn-whitespace-pre-wrap",
         children: [
-          /* @__PURE__ */ a("span", { children: d }),
+          /* @__PURE__ */ a("span", { children: l }),
           b && /* @__PURE__ */ a("span", { children: b })
         ]
       }
     )
   ] }) : w;
-}), nt = p((n, t) => {
+}), tt = p((n, t) => {
   const { className: e, children: o, ...r } = n;
   u(r);
   const s = h();
@@ -1569,9 +1572,9 @@ const xn = (n) => {
       children: o
     }
   ) });
-}), tt = p((n, t) => {
-  const { className: e, children: o, onClick: r, label: s, ...d } = n;
-  u(d);
+}), ot = p((n, t) => {
+  const { className: e, children: o, onClick: r, label: s, ...l } = n;
+  u(l);
   const b = h();
   return /* @__PURE__ */ a(
     b.Button.Button,
@@ -1584,8 +1587,8 @@ const xn = (n) => {
       children: o
     }
   );
-}), ot = p((n, t) => {
-  const { className: e, accept: o, value: r, placeholder: s, onChange: d, ...b } = n;
+}), at = p((n, t) => {
+  const { className: e, accept: o, value: r, placeholder: s, onChange: l, ...b } = n;
   u(b);
   const m = h();
   return /* @__PURE__ */ a(
@@ -1596,35 +1599,35 @@ const xn = (n) => {
       ref: t,
       accept: o,
       value: r ? r.name : void 0,
-      onChange: async (l) => d == null ? void 0 : d(l.target.files[0]),
+      onChange: async (d) => l == null ? void 0 : l(d.target.files[0]),
       placeholder: s
     }
   );
-}), at = p((n, t) => {
-  const { className: e, isSelected: o, onClick: r, item: s, id: d, ...b } = n;
+}), rt = p((n, t) => {
+  const { className: e, isSelected: o, onClick: r, item: s, id: l, ...b } = n;
   u(b);
   const m = A(null);
   return $(() => {
     if (!m.current || !o)
       return;
-    const l = z(
+    const d = z(
       m.current,
       document.querySelector(".bn-grid-suggestion-menu")
     );
-    l === "top" ? m.current.scrollIntoView(!0) : l === "bottom" && m.current.scrollIntoView(!1);
+    d === "top" ? m.current.scrollIntoView(!0) : d === "bottom" && m.current.scrollIntoView(!1);
   }, [o]), /* @__PURE__ */ a(
     "div",
     {
       className: e,
       ref: E([t, m]),
-      id: d,
+      id: l,
       role: "option",
       onClick: r,
       "aria-selected": o || void 0,
       children: s.icon
     }
   );
-}), rt = p((n, t) => {
+}), st = p((n, t) => {
   const {
     className: e,
     children: o,
@@ -1641,88 +1644,88 @@ const xn = (n) => {
       children: o
     }
   );
-}), st = {
+}), it = {
   FormattingToolbar: {
-    Root: k,
-    Button: B,
+    Root: B,
+    Button: k,
     Select: F
   },
   FilePanel: {
     Root: kn,
-    Button: tt,
-    FileInput: ot,
-    TabPanel: Bn,
-    TextInput: Fn
+    Button: ot,
+    FileInput: at,
+    TabPanel: Fn,
+    TextInput: Pn
   },
   LinkToolbar: {
-    Root: k,
-    Button: B,
+    Root: B,
+    Button: k,
     Select: F
   },
   SideMenu: {
-    Root: En,
-    Button: Vn
+    Root: Vn,
+    Button: An
   },
   SuggestionMenu: {
-    Root: jn,
-    Item: Gn,
-    EmptyItem: qn,
-    Label: Un,
-    Loader: Hn
+    Root: qn,
+    Item: Un,
+    EmptyItem: Gn,
+    Label: Hn,
+    Loader: On
   },
   GridSuggestionMenu: {
-    Root: An,
-    Item: at,
-    EmptyItem: $n,
-    Loader: rt
+    Root: $n,
+    Item: rt,
+    EmptyItem: jn,
+    Loader: st
   },
   TableHandle: {
-    Root: Kn,
-    ExtendButton: On
+    Root: Qn,
+    ExtendButton: Kn
   },
   Comments: {
-    Comment: Jn,
-    Editor: Xn,
-    Card: Qn,
-    CardSection: Wn,
-    ExpandSectionsPrompt: Zn
+    Comment: Xn,
+    Editor: Yn,
+    Card: Wn,
+    CardSection: Zn,
+    ExpandSectionsPrompt: _n
   },
   Generic: {
     Badge: {
-      Root: et,
-      Group: nt
+      Root: nt,
+      Group: tt
     },
     Toolbar: {
-      Root: k,
-      Button: B,
+      Root: B,
+      Button: k,
       Select: F
     },
     Form: {
-      Root: xn,
-      TextInput: wn
+      Root: wn,
+      TextInput: Cn
     },
     Menu: {
-      Root: yn,
-      Trigger: Sn,
-      Dropdown: Tn,
-      Divider: In,
-      Label: Dn,
-      Item: Mn,
-      Button: Rn
+      Root: Sn,
+      Trigger: Tn,
+      Dropdown: Mn,
+      Divider: Dn,
+      Label: Rn,
+      Item: In,
+      Button: Bn
     },
     Popover: {
-      Root: Pn,
-      Trigger: Ln,
-      Content: zn
+      Root: Ln,
+      Trigger: zn,
+      Content: En
     }
   }
-}, it = (n) => {
+}, lt = (n) => {
   const { className: t, shadCNComponents: e, ...o } = n, r = V(() => ({
-    ...Nn,
+    ...xn,
     ...e
   }), [e]);
-  return /* @__PURE__ */ a(ve.Provider, { value: r, children: /* @__PURE__ */ a(De.Provider, { value: st, children: /* @__PURE__ */ a(
-    Re,
+  return /* @__PURE__ */ a(ve.Provider, { value: r, children: /* @__PURE__ */ a(Re.Provider, { value: it, children: /* @__PURE__ */ a(
+    Be,
     {
       className: Ce("bn-shadcn", t || ""),
       ...o
@@ -1730,7 +1733,7 @@ const xn = (n) => {
   ) }) });
 };
 export {
-  it as BlockNoteView,
-  st as components
+  lt as BlockNoteView,
+  it as components
 };
 //# sourceMappingURL=blocknote-shadcn.js.map