@blocknote/shadcn 0.25.1 → 0.26.0

package/dist/blocknote-shadcn.js

@@ -1,61 +1,61 @@
-import { jsx as a, jsxs as g, Fragment as he } from "react/jsx-runtime";
-import { assertEmpty as c, mergeCSSClasses as ve } from "@blocknote/core";
-import { elementOverflow as B, mergeRefs as P, useFocusWithin as Ne, FormattingToolbarController as xe, getFormattingToolbarItems as we, FormattingToolbar as Ce, ComponentsContext as ye, BlockNoteViewRaw as Se } from "@blocknote/react";
-import * as b from "react";
-import { createContext as Te, useContext as Ie, forwardRef as p, useMemo as L, useRef as z, useEffect as V, useState as Me } from "react";
-import { FormProvider as De, useFormContext as Re, useForm as ke } from "react-hook-form";
+import { jsx as a, jsxs as g, Fragment as ve } from "react/jsx-runtime";
+import { assertEmpty as m, mergeCSSClasses as Ne } from "@blocknote/core";
+import { elementOverflow as L, mergeRefs as z, useFocusWithin as xe, FormattingToolbarController as we, getFormattingToolbarItems as Ce, FormattingToolbar as ye, ComponentsContext as Se, BlockNoteViewRaw as Te } from "@blocknote/react";
+import * as c from "react";
+import { createContext as Ie, useContext as Me, forwardRef as p, useMemo as E, useRef as V, useEffect as A, useState as De } from "react";
+import { FormProvider as Re, useFormContext as Be, useForm as Fe } from "react-hook-form";
 import * as S from "@radix-ui/react-avatar";
-import { clsx as Fe } from "clsx";
-import { extendTailwindMerge as Be } from "tailwind-merge";
+import { clsx as ke } from "clsx";
+import { extendTailwindMerge as Pe } from "tailwind-merge";
 import { cva as I } from "class-variance-authority";
-import { Slot as E } from "@radix-ui/react-slot";
+import { Slot as $ } from "@radix-ui/react-slot";
 import * as N from "@radix-ui/react-dropdown-menu";
-import { ChevronRight as A, Check as $, Circle as Pe, ChevronDown as j, ChevronUp as Le } from "lucide-react";
-import * as G from "@radix-ui/react-label";
+import { ChevronRight as j, Check as G, Circle as Le, ChevronDown as U, ChevronUp as ze } from "lucide-react";
+import * as H from "@radix-ui/react-label";
 import * as M from "@radix-ui/react-popover";
 import * as x from "@radix-ui/react-select";
 import * as y from "@radix-ui/react-tabs";
-import * as U from "@radix-ui/react-toggle";
+import * as O from "@radix-ui/react-toggle";
 import * as T from "@radix-ui/react-tooltip";
-const ze = Be({
+const Ee = Pe({
   prefix: "bn-"
 });
-function i(...n) {
-  return ze(Fe(n));
+function d(...n) {
+  return Ee(ke(n));
 }
-const H = b.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
+const q = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
   S.Root,
   {
     ref: e,
-    className: i(
+    className: d(
       "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
       n
     ),
     ...t
   }
 ));
-H.displayName = S.Root.displayName;
-const O = b.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
+q.displayName = S.Root.displayName;
+const K = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
   S.Image,
   {
     ref: e,
-    className: i("aspect-square h-full w-full", n),
+    className: d("aspect-square h-full w-full", n),
     ...t
   }
 ));
-O.displayName = S.Image.displayName;
-const q = b.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
+K.displayName = S.Image.displayName;
+const W = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
   S.Fallback,
   {
     ref: e,
-    className: i(
+    className: d(
       "flex h-full w-full items-center justify-center rounded-full bg-muted",
       n
     ),
     ...t
   }
 ));
-q.displayName = S.Fallback.displayName;
+W.displayName = S.Fallback.displayName;
 const Ve = 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",
   {
@@ -72,10 +72,10 @@ const Ve = I(
     }
   }
 );
-function Ee({ className: n, variant: t, ...e }) {
-  return /* @__PURE__ */ a("div", { className: i(Ve({ variant: t }), n), ...e });
+function Ae({ className: n, variant: t, ...e }) {
+  return /* @__PURE__ */ a("div", { className: d(Ve({ variant: t }), n), ...e });
 }
-const Ae = I(
+const $e = 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: {
@@ -99,76 +99,76 @@ const Ae = I(
       size: "default"
     }
   }
-), K = b.forwardRef(
+), _ = c.forwardRef(
   ({ className: n, variant: t, size: e, asChild: o = !1, ...r }, s) => /* @__PURE__ */ a(
-    o ? E : "button",
+    o ? $ : "button",
     {
-      className: i(Ae({ variant: t, size: e, className: n })),
+      className: d($e({ variant: t, size: e, className: n })),
       ref: s,
       type: "button",
       ...r
     }
   )
 );
-K.displayName = "Button";
-const W = b.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
+_.displayName = "Button";
+const J = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
   "div",
   {
     ref: e,
-    className: i(
+    className: d(
       "bn-rounded-lg bn-border bn-bg-card bn-text-card-foreground bn-shadow-sm",
       n
     ),
     ...t
   }
 ));
-W.displayName = "Card";
-const $e = b.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
+J.displayName = "Card";
+const je = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
   "div",
   {
     ref: e,
-    className: i("bn-flex bn-flex-col bn-space-y-1.5 bn-p-6", n),
+    className: d("bn-flex bn-flex-col bn-space-y-1.5 bn-p-6", n),
     ...t
   }
 ));
-$e.displayName = "CardHeader";
-const je = b.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
+je.displayName = "CardHeader";
+const Ge = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
   "h3",
   {
     ref: e,
-    className: i(
+    className: d(
       "bn-text-2xl bn-font-semibold bn-leading-none bn-tracking-tight",
       n
     ),
     ...t
   }
 ));
-je.displayName = "CardTitle";
-const Ge = b.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
+Ge.displayName = "CardTitle";
+const Ue = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
   "p",
   {
     ref: e,
-    className: i("bn-text-sm bn-text-muted-foreground", n),
+    className: d("bn-text-sm bn-text-muted-foreground", n),
     ...t
   }
 ));
-Ge.displayName = "CardDescription";
-const _ = b.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a("div", { ref: e, className: i("bn-p-6 bn-pt-0", n), ...t }));
-_.displayName = "CardContent";
-const Ue = b.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
+Ue.displayName = "CardDescription";
+const Q = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a("div", { ref: e, className: d("bn-p-6 bn-pt-0", n), ...t }));
+Q.displayName = "CardContent";
+const He = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
   "div",
   {
     ref: e,
-    className: i("bn-flex bn-items-center bn-p-6 bn-pt-0", n),
+    className: d("bn-flex bn-items-center bn-p-6 bn-pt-0", n),
     ...t
   }
 ));
-Ue.displayName = "CardFooter";
-const He = N.Root, Oe = N.Trigger, qe = N.Sub, J = b.forwardRef(({ className: n, inset: t, children: e, ...o }, r) => /* @__PURE__ */ g(
+He.displayName = "CardFooter";
+const Oe = N.Root, qe = N.Trigger, Ke = N.Sub, X = c.forwardRef(({ className: n, inset: t, children: e, ...o }, r) => /* @__PURE__ */ g(
   N.SubTrigger,
   {
     ref: r,
-    className: i(
+    className: d(
       "bn-flex bn-cursor-default bn-select-none bn-items-center bn-rounded-sm bn-px-2 bn-py-1.5 bn-text-sm bn-outline-none focus:bn-bg-accent data-[state=open]:bn-bg-accent",
       t && "bn-pl-8",
       n
@@ -176,31 +176,31 @@ const He = N.Root, Oe = N.Trigger, qe = N.Sub, J = b.forwardRef(({ className: n,
     ...o,
     children: [
       e,
-      /* @__PURE__ */ a(A, { className: "bn-ml-auto bn-h-4 bn-w-4" })
+      /* @__PURE__ */ a(j, { className: "bn-ml-auto bn-h-4 bn-w-4" })
     ]
   }
 ));
-J.displayName = N.SubTrigger.displayName;
-const Q = b.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
+X.displayName = N.SubTrigger.displayName;
+const Y = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
   N.SubContent,
   {
     ref: e,
-    className: i(
+    className: d(
       "bn-z-50 bn-min-w-[8rem] bn-overflow-hidden bn-rounded-md bn-border bn-bg-popover bn-p-1 bn-text-popover-foreground bn-shadow-lg data-[state=open]:bn-animate-in data-[state=closed]:bn-animate-out data-[state=closed]:bn-fade-out-0 data-[state=open]:bn-fade-in-0 data-[state=closed]:bn-zoom-out-95 data-[state=open]:bn-zoom-in-95 data-[side=bottom]:bn-slide-in-from-top-2 data-[side=left]:bn-slide-in-from-right-2 data-[side=right]:bn-slide-in-from-left-2 data-[side=top]:bn-slide-in-from-bottom-2",
       n
     ),
     ...t
   }
 ));
-Q.displayName = N.SubContent.displayName;
-const X = b.forwardRef(({ className: n, sideOffset: t = 4, ...e }, o) => (
+Y.displayName = N.SubContent.displayName;
+const Z = c.forwardRef(({ className: n, sideOffset: t = 4, ...e }, o) => (
   // <DropdownMenuPrimitive.Portal>
   /* @__PURE__ */ a(
     N.Content,
     {
       ref: o,
       sideOffset: t,
-      className: i(
+      className: d(
         "bn-z-50 bn-min-w-[8rem] bn-overflow-hidden bn-rounded-md bn-border bn-bg-popover bn-p-1 bn-text-popover-foreground bn-shadow-md data-[state=open]:bn-animate-in data-[state=closed]:bn-animate-out data-[state=closed]:bn-fade-out-0 data-[state=open]:bn-fade-in-0 data-[state=closed]:bn-zoom-out-95 data-[state=open]:bn-zoom-in-95 data-[side=bottom]:bn-slide-in-from-top-2 data-[side=left]:bn-slide-in-from-right-2 data-[side=right]:bn-slide-in-from-left-2 data-[side=top]:bn-slide-in-from-bottom-2",
         n
       ),
@@ -208,12 +208,12 @@ const X = b.forwardRef(({ className: n, sideOffset: t = 4, ...e }, o) => (
     }
   )
 ));
-X.displayName = N.Content.displayName;
-const Y = b.forwardRef(({ className: n, inset: t, ...e }, o) => /* @__PURE__ */ a(
+Z.displayName = N.Content.displayName;
+const ee = c.forwardRef(({ className: n, inset: t, ...e }, o) => /* @__PURE__ */ a(
   N.Item,
   {
     ref: o,
-    className: i(
+    className: d(
       "bn-relative bn-flex bn-cursor-default bn-select-none bn-items-center bn-rounded-sm bn-px-2 bn-py-1.5 bn-text-sm bn-outline-none bn-transition-colors focus:bn-bg-accent focus:bn-text-accent-foreground data-[disabled]:bn-pointer-events-none data-[disabled]:bn-opacity-50",
       t && "bn-pl-8",
       n
@@ -221,45 +221,45 @@ const Y = b.forwardRef(({ className: n, inset: t, ...e }, o) => /* @__PURE__ */
     ...e
   }
 ));
-Y.displayName = N.Item.displayName;
-const Z = b.forwardRef(({ className: n, children: t, checked: e, ...o }, r) => /* @__PURE__ */ g(
+ee.displayName = N.Item.displayName;
+const ne = c.forwardRef(({ className: n, children: t, checked: e, ...o }, r) => /* @__PURE__ */ g(
   N.CheckboxItem,
   {
     ref: r,
-    className: i(
+    className: d(
       "bn-relative bn-flex bn-cursor-default bn-select-none bn-items-center bn-rounded-sm bn-py-1.5 bn-pl-8 bn-pr-2 bn-text-sm bn-outline-none bn-transition-colors focus:bn-bg-accent focus:bn-text-accent-foreground data-[disabled]:bn-pointer-events-none data-[disabled]:bn-opacity-50",
       n
     ),
     checked: e,
     ...o,
     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($, { className: "bn-h-4 bn-w-4" }) }) }),
+      /* @__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(G, { className: "bn-h-4 bn-w-4" }) }) }),
       t
     ]
   }
 ));
-Z.displayName = N.CheckboxItem.displayName;
-const Ke = b.forwardRef(({ className: n, children: t, ...e }, o) => /* @__PURE__ */ g(
+ne.displayName = N.CheckboxItem.displayName;
+const We = c.forwardRef(({ className: n, children: t, ...e }, o) => /* @__PURE__ */ g(
   N.RadioItem,
   {
     ref: o,
-    className: i(
+    className: d(
       "bn-relative bn-flex bn-cursor-default bn-select-none bn-items-center bn-rounded-sm bn-py-1.5 bn-pl-8 bn-pr-2 bn-text-sm bn-outline-none bn-transition-colors focus:bn-bg-accent focus:bn-text-accent-foreground data-[disabled]:bn-pointer-events-none data-[disabled]:bn-opacity-50",
       n
     ),
     ...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(Pe, { 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(Le, { className: "bn-h-2 bn-w-2 bn-fill-current" }) }) }),
       t
     ]
   }
 ));
-Ke.displayName = N.RadioItem.displayName;
-const ee = b.forwardRef(({ className: n, inset: t, ...e }, o) => /* @__PURE__ */ a(
+We.displayName = N.RadioItem.displayName;
+const te = c.forwardRef(({ className: n, inset: t, ...e }, o) => /* @__PURE__ */ a(
   N.Label,
   {
     ref: o,
-    className: i(
+    className: d(
       "bn-px-2 bn-py-1.5 bn-text-sm bn-font-semibold",
       t && "bn-pl-8",
       n
@@ -267,31 +267,31 @@ const ee = b.forwardRef(({ className: n, inset: t, ...e }, o) => /* @__PURE__ */
     ...e
   }
 ));
-ee.displayName = N.Label.displayName;
-const ne = b.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
+te.displayName = N.Label.displayName;
+const oe = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
   N.Separator,
   {
     ref: e,
-    className: i("bn--mx-1 bn-my-1 bn-h-px bn-bg-muted", n),
+    className: d("bn--mx-1 bn-my-1 bn-h-px bn-bg-muted", n),
     ...t
   }
 ));
-ne.displayName = N.Separator.displayName;
-const We = I(
+oe.displayName = N.Separator.displayName;
+const _e = I(
   "bn-text-sm bn-font-medium bn-leading-none peer-disabled:bn-cursor-not-allowed peer-disabled:bn-opacity-70"
-), F = b.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
-  G.Root,
+), P = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
+  H.Root,
   {
     ref: e,
-    className: i(We(), n),
+    className: d(_e(), n),
     ...t
   }
 ));
-F.displayName = G.Root.displayName;
-const _e = De, Je = b.createContext(
+P.displayName = H.Root.displayName;
+const Je = Re, Qe = c.createContext(
   {}
 ), D = () => {
-  const n = b.useContext(Je), t = b.useContext(te), { getFieldState: e, formState: o } = Re(), r = e(n.name, o);
+  const n = c.useContext(Qe), t = c.useContext(ae), { getFieldState: e, formState: o } = Be(), r = e(n.name, o);
   if (!n)
     throw new Error("useFormField should be used within <FormField>");
   const { id: s } = t;
@@ -303,30 +303,30 @@ const _e = De, Je = b.createContext(
     formMessageId: `${s}-form-item-message`,
     ...r
   };
-}, te = b.createContext(
+}, ae = c.createContext(
   {}
-), Qe = b.forwardRef(({ className: n, ...t }, e) => {
-  const o = b.useId();
-  return /* @__PURE__ */ a(te.Provider, { value: { id: o }, children: /* @__PURE__ */ a("div", { ref: e, className: i("bn-space-y-2", n), ...t }) });
+), Xe = c.forwardRef(({ className: n, ...t }, e) => {
+  const o = c.useId();
+  return /* @__PURE__ */ a(ae.Provider, { value: { id: o }, children: /* @__PURE__ */ a("div", { ref: e, className: d("bn-space-y-2", n), ...t }) });
 });
-Qe.displayName = "FormItem";
-const Xe = b.forwardRef(({ className: n, ...t }, e) => {
+Xe.displayName = "FormItem";
+const Ye = c.forwardRef(({ className: n, ...t }, e) => {
   const { error: o, formItemId: r } = D();
   return /* @__PURE__ */ a(
-    F,
+    P,
     {
       ref: e,
-      className: i(o && "bn-text-destructive", n),
+      className: d(o && "bn-text-destructive", n),
       htmlFor: r,
       ...t
     }
   );
 });
-Xe.displayName = "FormLabel";
-const Ye = b.forwardRef(({ ...n }, t) => {
+Ye.displayName = "FormLabel";
+const Ze = c.forwardRef(({ ...n }, t) => {
   const { error: e, formItemId: o, formDescriptionId: r, formMessageId: s } = D();
   return /* @__PURE__ */ a(
-    E,
+    $,
     {
       ref: t,
       id: o,
@@ -336,40 +336,40 @@ const Ye = b.forwardRef(({ ...n }, t) => {
     }
   );
 });
-Ye.displayName = "FormControl";
-const Ze = b.forwardRef(({ className: n, ...t }, e) => {
+Ze.displayName = "FormControl";
+const en = c.forwardRef(({ className: n, ...t }, e) => {
   const { formDescriptionId: o } = D();
   return /* @__PURE__ */ a(
     "p",
     {
       ref: e,
       id: o,
-      className: i("bn-text-sm bn-text-muted-foreground", n),
+      className: d("bn-text-sm bn-text-muted-foreground", n),
       ...t
     }
   );
 });
-Ze.displayName = "FormDescription";
-const en = b.forwardRef(({ className: n, children: t, ...e }, o) => {
-  const { error: r, formMessageId: s } = D(), d = r ? String(r == null ? void 0 : r.message) : t;
-  return d ? /* @__PURE__ */ a(
+en.displayName = "FormDescription";
+const nn = c.forwardRef(({ className: n, children: t, ...e }, o) => {
+  const { error: r, formMessageId: s } = D(), i = r ? String(r == null ? void 0 : r.message) : t;
+  return i ? /* @__PURE__ */ a(
     "p",
     {
       ref: o,
       id: s,
-      className: i("bn-text-sm bn-font-medium bn-text-destructive", n),
+      className: d("bn-text-sm bn-font-medium bn-text-destructive", n),
       ...e,
-      children: d
+      children: i
     }
   ) : null;
 });
-en.displayName = "FormMessage";
-const oe = b.forwardRef(
+nn.displayName = "FormMessage";
+const re = c.forwardRef(
   ({ className: n, type: t, ...e }, o) => /* @__PURE__ */ a(
     "input",
     {
       type: t,
-      className: i(
+      className: d(
         "bn-flex bn-h-10 bn-w-full bn-rounded-md bn-border bn-border-input bn-bg-background bn-px-3 bn-py-2 bn-text-sm bn-ring-offset-background file:bn-border-0 file:bn-bg-transparent file:bn-text-sm file:bn-font-medium placeholder: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-cursor-not-allowed disabled:bn-opacity-50",
         n
       ),
@@ -378,8 +378,8 @@ const oe = b.forwardRef(
     }
   )
 );
-oe.displayName = "Input";
-const nn = M.Root, tn = M.Trigger, ae = b.forwardRef(({ className: n, align: t = "center", sideOffset: e = 4, ...o }, r) => (
+re.displayName = "Input";
+const tn = M.Root, on = M.Trigger, se = c.forwardRef(({ className: n, align: t = "center", sideOffset: e = 4, ...o }, r) => (
   // <PopoverPrimitive.Portal>
   /* @__PURE__ */ a(
     M.Content,
@@ -387,7 +387,7 @@ const nn = M.Root, tn = M.Trigger, ae = b.forwardRef(({ className: n, align: t =
       ref: r,
       align: t,
       sideOffset: e,
-      className: i(
+      className: d(
         "bn-z-50 bn-w-72 bn-rounded-md bn-border bn-bg-popover bn-p-4 bn-text-popover-foreground bn-shadow-md bn-outline-none data-[state=open]:bn-animate-in data-[state=closed]:bn-animate-out data-[state=closed]:bn-fade-out-0 data-[state=open]:bn-fade-in-0 data-[state=closed]:bn-zoom-out-95 data-[state=open]:bn-zoom-in-95 data-[side=bottom]:bn-slide-in-from-top-2 data-[side=left]:bn-slide-in-from-right-2 data-[side=right]:bn-slide-in-from-left-2 data-[side=top]:bn-slide-in-from-bottom-2",
         n
       ),
@@ -395,56 +395,56 @@ const nn = M.Root, tn = M.Trigger, ae = b.forwardRef(({ className: n, align: t =
     }
   )
 ));
-ae.displayName = M.Content.displayName;
-const on = x.Root, an = x.Value, re = b.forwardRef(({ className: n, children: t, ...e }, o) => /* @__PURE__ */ g(
+se.displayName = M.Content.displayName;
+const an = x.Root, rn = x.Value, ie = c.forwardRef(({ className: n, children: t, ...e }, o) => /* @__PURE__ */ g(
   x.Trigger,
   {
     ref: o,
-    className: i(
+    className: d(
       "bn-flex bn-h-10 bn-w-full bn-items-center bn-justify-between bn-rounded-md bn-border bn-border-input bn-bg-background bn-px-3 bn-py-2 bn-text-sm bn-ring-offset-background placeholder:bn-text-muted-foreground focus:bn-outline-none focus:bn-ring-2 focus:bn-ring-ring focus:bn-ring-offset-2 disabled:bn-cursor-not-allowed disabled:bn-opacity-50 [&>span]:bn-line-clamp-1",
       n
     ),
     ...e,
     children: [
       t,
-      /* @__PURE__ */ a(x.Icon, { asChild: !0, children: /* @__PURE__ */ a(j, { className: "bn-h-4 bn-w-4 bn-opacity-50" }) })
+      /* @__PURE__ */ a(x.Icon, { asChild: !0, children: /* @__PURE__ */ a(U, { className: "bn-h-4 bn-w-4 bn-opacity-50" }) })
     ]
   }
 ));
-re.displayName = x.Trigger.displayName;
-const se = b.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
+ie.displayName = x.Trigger.displayName;
+const de = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
   x.ScrollUpButton,
   {
     ref: e,
-    className: i(
+    className: d(
       "bn-flex bn-cursor-default bn-items-center bn-justify-center bn-py-1",
       n
     ),
     ...t,
-    children: /* @__PURE__ */ a(Le, { className: "bn-h-4 bn-w-4" })
+    children: /* @__PURE__ */ a(ze, { className: "bn-h-4 bn-w-4" })
   }
 ));
-se.displayName = x.ScrollUpButton.displayName;
-const ie = b.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
+de.displayName = x.ScrollUpButton.displayName;
+const le = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
   x.ScrollDownButton,
   {
     ref: e,
-    className: i(
+    className: d(
       "bn-flex bn-cursor-default bn-items-center bn-justify-center bn-py-1",
       n
     ),
     ...t,
-    children: /* @__PURE__ */ a(j, { className: "bn-h-4 bn-w-4" })
+    children: /* @__PURE__ */ a(U, { className: "bn-h-4 bn-w-4" })
   }
 ));
-ie.displayName = x.ScrollDownButton.displayName;
-const de = b.forwardRef(({ className: n, children: t, position: e = "popper", ...o }, r) => (
+le.displayName = x.ScrollDownButton.displayName;
+const be = c.forwardRef(({ className: n, children: t, position: e = "popper", ...o }, r) => (
   // <SelectPrimitive.Portal>
   /* @__PURE__ */ g(
     x.Content,
     {
       ref: r,
-      className: i(
+      className: d(
         "bn-relative bn-z-50 bn-max-h-96 bn-min-w-[8rem] bn-overflow-hidden bn-rounded-md bn-border bn-bg-popover bn-text-popover-foreground bn-shadow-md data-[state=open]:bn-animate-in data-[state=closed]:bn-animate-out data-[state=closed]:bn-fade-out-0 data-[state=open]:bn-fade-in-0 data-[state=closed]:bn-zoom-out-95 data-[state=open]:bn-zoom-in-95 data-[side=bottom]:bn-slide-in-from-top-2 data-[side=left]:bn-slide-in-from-right-2 data-[side=right]:bn-slide-in-from-left-2 data-[side=top]:bn-slide-in-from-bottom-2",
         e === "popper" && "data-[side=bottom]:bn-translate-y-1 data-[side=left]:bn--translate-x-1 data-[side=right]:bn-translate-x-1 data-[side=top]:bn--translate-y-1",
         n
@@ -452,109 +452,109 @@ const de = b.forwardRef(({ className: n, children: t, position: e = "popper", ..
       position: e,
       ...o,
       children: [
-        /* @__PURE__ */ a(se, {}),
+        /* @__PURE__ */ a(de, {}),
         /* @__PURE__ */ a(
           x.Viewport,
           {
-            className: i(
+            className: d(
               "bn-p-1",
               e === "popper" && "bn-h-[var(--radix-select-trigger-height)] bn-w-full bn-min-w-[var(--radix-select-trigger-width)]"
             ),
             children: t
           }
         ),
-        /* @__PURE__ */ a(ie, {})
+        /* @__PURE__ */ a(le, {})
       ]
     }
   )
 ));
-de.displayName = x.Content.displayName;
-const rn = b.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
+be.displayName = x.Content.displayName;
+const sn = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
   x.Label,
   {
     ref: e,
-    className: i(
+    className: d(
       "bn-py-1.5 bn-pl-8 bn-pr-2 bn-text-sm bn-font-semibold",
       n
     ),
     ...t
   }
 ));
-rn.displayName = x.Label.displayName;
-const le = b.forwardRef(({ className: n, children: t, ...e }, o) => /* @__PURE__ */ g(
+sn.displayName = x.Label.displayName;
+const ce = c.forwardRef(({ className: n, children: t, ...e }, o) => /* @__PURE__ */ g(
   x.Item,
   {
     ref: o,
-    className: i(
+    className: d(
       "bn-relative bn-flex bn-w-full bn-cursor-default bn-select-none bn-items-center bn-rounded-sm bn-py-1.5 bn-pl-8 bn-pr-2 bn-text-sm bn-outline-none focus:bn-bg-accent focus:bn-text-accent-foreground data-[disabled]:bn-pointer-events-none data-[disabled]:bn-opacity-50",
       n
     ),
     ...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(x.ItemIndicator, { children: /* @__PURE__ */ a($, { className: "bn-h-4 bn-w-4" }) }) }),
+      /* @__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(x.ItemIndicator, { children: /* @__PURE__ */ a(G, { className: "bn-h-4 bn-w-4" }) }) }),
       /* @__PURE__ */ a(x.ItemText, { children: t })
     ]
   }
 ));
-le.displayName = x.Item.displayName;
-const sn = b.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
+ce.displayName = x.Item.displayName;
+const dn = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
   x.Separator,
   {
     ref: e,
-    className: i("bn--mx-1 bn-my-1 bn-h-px bn-bg-muted", n),
+    className: d("bn--mx-1 bn-my-1 bn-h-px bn-bg-muted", n),
     ...t
   }
 ));
-sn.displayName = x.Separator.displayName;
-function dn({
+dn.displayName = x.Separator.displayName;
+function ln({
   className: n,
   ...t
 }) {
   return /* @__PURE__ */ a(
     "div",
     {
-      className: i("animate-pulse rounded-md bg-primary/10", n),
+      className: d("animate-pulse rounded-md bg-primary/10", n),
       ...t
     }
   );
 }
-const ln = y.Root, be = b.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
+const bn = y.Root, me = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
   y.List,
   {
     ref: e,
-    className: i(
+    className: d(
       "bn-inline-flex bn-h-10 bn-items-center bn-justify-center bn-rounded-md bn-bg-muted bn-p-1 bn-text-muted-foreground",
       n
     ),
     ...t
   }
 ));
-be.displayName = y.List.displayName;
-const ce = b.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
+me.displayName = y.List.displayName;
+const ue = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
   y.Trigger,
   {
     ref: e,
-    className: i(
+    className: d(
       "bn-inline-flex bn-items-center bn-justify-center bn-whitespace-nowrap bn-rounded-sm bn-px-3 bn-py-1.5 bn-text-sm bn-font-medium bn-ring-offset-background bn-transition-all 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=active]:bn-bg-background data-[state=active]:bn-text-foreground data-[state=active]:bn-shadow-sm",
       n
     ),
     ...t
   }
 ));
-ce.displayName = y.Trigger.displayName;
-const me = b.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
+ue.displayName = y.Trigger.displayName;
+const pe = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
   y.Content,
   {
     ref: e,
-    className: i(
+    className: d(
       "bn-mt-2 bn-ring-offset-background focus-visible:bn-outline-none focus-visible:bn-ring-2 focus-visible:bn-ring-ring focus-visible:bn-ring-offset-2",
       n
     ),
     ...t
   }
 ));
-me.displayName = y.Content.displayName;
-const bn = I(
+pe.displayName = y.Content.displayName;
+const cn = 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: {
@@ -573,120 +573,120 @@ const bn = I(
       size: "default"
     }
   }
-), ue = b.forwardRef(({ className: n, variant: t, size: e, ...o }, r) => /* @__PURE__ */ a(
-  U.Root,
+), fe = c.forwardRef(({ className: n, variant: t, size: e, ...o }, r) => /* @__PURE__ */ a(
+  O.Root,
   {
     ref: r,
-    className: i(bn({ variant: t, size: e, className: n })),
+    className: d(cn({ variant: t, size: e, className: n })),
     ...o
   }
 ));
-ue.displayName = U.Root.displayName;
-const cn = T.Provider, mn = T.Root, un = T.Trigger, pe = b.forwardRef(({ className: n, sideOffset: t = 4, ...e }, o) => /* @__PURE__ */ a(
+fe.displayName = O.Root.displayName;
+const mn = T.Provider, un = T.Root, pn = T.Trigger, ge = c.forwardRef(({ className: n, sideOffset: t = 4, ...e }, o) => /* @__PURE__ */ a(
   T.Content,
   {
     ref: o,
     sideOffset: t,
-    className: i(
+    className: d(
       "bn-z-50 bn-overflow-hidden bn-rounded-md bn-border bn-bg-popover bn-px-3 bn-py-1.5 bn-text-sm bn-text-popover-foreground bn-shadow-md bn-animate-in bn-fade-in-0 bn-zoom-in-95 data-[state=closed]:bn-animate-out data-[state=closed]:bn-fade-out-0 data-[state=closed]:bn-zoom-out-95 data-[side=bottom]:bn-slide-in-from-top-2 data-[side=left]:bn-slide-in-from-right-2 data-[side=right]:bn-slide-in-from-left-2 data-[side=top]:bn-slide-in-from-bottom-2",
       n
     ),
     ...e
   }
 ));
-pe.displayName = T.Content.displayName;
-const pn = {
+ge.displayName = T.Content.displayName;
+const fn = {
   Avatar: {
-    Avatar: H,
-    AvatarFallback: q,
-    AvatarImage: O
+    Avatar: q,
+    AvatarFallback: W,
+    AvatarImage: K
   },
   Badge: {
-    Badge: Ee
+    Badge: Ae
   },
   Button: {
-    Button: K
+    Button: _
   },
   Card: {
-    Card: W,
-    CardContent: _
+    Card: J,
+    CardContent: Q
   },
   DropdownMenu: {
-    DropdownMenu: He,
-    DropdownMenuCheckboxItem: Z,
-    DropdownMenuContent: X,
-    DropdownMenuItem: Y,
-    DropdownMenuLabel: ee,
-    DropdownMenuSeparator: ne,
-    DropdownMenuSub: qe,
-    DropdownMenuSubContent: Q,
-    DropdownMenuSubTrigger: J,
-    DropdownMenuTrigger: Oe
+    DropdownMenu: Oe,
+    DropdownMenuCheckboxItem: ne,
+    DropdownMenuContent: Z,
+    DropdownMenuItem: ee,
+    DropdownMenuLabel: te,
+    DropdownMenuSeparator: oe,
+    DropdownMenuSub: Ke,
+    DropdownMenuSubContent: Y,
+    DropdownMenuSubTrigger: X,
+    DropdownMenuTrigger: qe
   },
   Form: {
-    Form: _e
+    Form: Je
   },
   Input: {
-    Input: oe
+    Input: re
   },
   Label: {
-    Label: F
+    Label: P
   },
   Popover: {
-    Popover: nn,
-    PopoverContent: ae,
-    PopoverTrigger: tn
+    Popover: tn,
+    PopoverContent: se,
+    PopoverTrigger: on
   },
   Select: {
-    Select: on,
-    SelectContent: de,
-    SelectItem: le,
-    SelectTrigger: re,
-    SelectValue: an
+    Select: an,
+    SelectContent: be,
+    SelectItem: ce,
+    SelectTrigger: ie,
+    SelectValue: rn
   },
   Skeleton: {
-    Skeleton: dn
+    Skeleton: ln
   },
   Tabs: {
-    Tabs: ln,
-    TabsContent: me,
-    TabsList: be,
-    TabsTrigger: ce
+    Tabs: bn,
+    TabsContent: pe,
+    TabsList: me,
+    TabsTrigger: ue
   },
   Toggle: {
-    Toggle: ue
+    Toggle: fe
   },
   Tooltip: {
-    Tooltip: mn,
-    TooltipContent: pe,
-    TooltipProvider: cn,
-    TooltipTrigger: un
+    Tooltip: un,
+    TooltipContent: ge,
+    TooltipProvider: mn,
+    TooltipTrigger: pn
   }
-}, fe = Te(void 0);
+}, he = Ie(void 0);
 function h() {
-  return Ie(fe);
+  return Me(he);
 }
-const fn = (n) => {
+const gn = (n) => {
   const { children: t, ...e } = n;
-  c(e);
-  const o = h(), r = ke();
+  m(e);
+  const o = h(), r = Fe();
   return /* @__PURE__ */ a(o.Form.Form, { ...r, children: t });
-}, gn = p((n, t) => {
+}, hn = p((n, t) => {
   const {
     className: e,
     name: o,
     label: r,
     icon: s,
     // TODO: implement
-    value: d,
-    autoFocus: m,
-    placeholder: u,
+    value: i,
+    autoFocus: u,
+    placeholder: b,
     onKeyDown: l,
     onChange: f,
     onSubmit: v,
     ...w
   } = n;
-  c(w);
+  m(w);
   const C = h();
   return r ? /* @__PURE__ */ g("div", { children: [
     /* @__PURE__ */ a(C.Label.Label, { htmlFor: r, children: r }),
@@ -696,9 +696,9 @@ const fn = (n) => {
         className: e,
         id: r,
         name: o,
-        autoFocus: m,
-        placeholder: u,
-        value: d,
+        autoFocus: u,
+        placeholder: b,
+        value: i,
         onKeyDown: l,
         onChange: f,
         onSubmit: v
@@ -709,16 +709,16 @@ const fn = (n) => {
     {
       "aria-label": o,
       name: o,
-      autoFocus: m,
-      placeholder: u,
-      value: d,
+      autoFocus: u,
+      placeholder: b,
+      value: i,
       onKeyDown: l,
       onChange: f,
       onSubmit: v,
       ref: t
     }
   );
-}), hn = (n) => p(
+}), vn = (n) => p(
   (t, e) => /* @__PURE__ */ a(
     n,
     {
@@ -733,7 +733,7 @@ const fn = (n) => {
       ref: e
     }
   )
-), vn = (n) => {
+), Nn = (n) => {
   const {
     children: t,
     onOpenChange: e,
@@ -742,66 +742,66 @@ const fn = (n) => {
     sub: r,
     ...s
   } = n;
-  c(s);
-  const d = h();
+  m(s);
+  const i = h();
   return r ? /* @__PURE__ */ a(
-    d.DropdownMenu.DropdownMenuSub,
+    i.DropdownMenu.DropdownMenuSub,
     {
       onOpenChange: e,
       children: t
     }
   ) : /* @__PURE__ */ a(
-    d.DropdownMenu.DropdownMenu,
+    i.DropdownMenu.DropdownMenu,
     {
       modal: !1,
       onOpenChange: e,
       children: t
     }
   );
-}, Nn = (n) => {
+}, xn = (n) => {
   const { children: t, sub: e, ...o } = n;
-  c(o);
-  const r = h(), s = L(
-    () => hn(
+  m(o);
+  const r = h(), s = E(
+    () => vn(
       r.DropdownMenu.DropdownMenuTrigger
     ),
     [r.DropdownMenu.DropdownMenuTrigger]
   );
   return e ? /* @__PURE__ */ a(r.DropdownMenu.DropdownMenuSubTrigger, { children: t }) : /* @__PURE__ */ a(s, { asChild: !0, ...o, children: t });
-}, xn = p((n, t) => {
+}, wn = p((n, t) => {
   const { className: e, children: o, sub: r, ...s } = n;
-  c(s);
-  const d = h();
+  m(s);
+  const i = h();
   return r ? /* @__PURE__ */ a(
-    d.DropdownMenu.DropdownMenuSubContent,
+    i.DropdownMenu.DropdownMenuSubContent,
     {
       className: e,
       ref: t,
       children: o
     }
   ) : /* @__PURE__ */ a(
-    d.DropdownMenu.DropdownMenuContent,
+    i.DropdownMenu.DropdownMenuContent,
     {
       className: e,
       ref: t,
       children: o
     }
   );
-}), wn = p((n, t) => {
-  const { className: e, children: o, icon: r, checked: s, subTrigger: d, onClick: m, ...u } = n;
-  c(u);
+}), Cn = p((n, t) => {
+  const { className: e, children: o, icon: r, checked: s, subTrigger: i, onClick: u, ...b } = n;
+  m(b);
   const l = h();
-  return d ? /* @__PURE__ */ g(he, { children: [
+  return i ? /* @__PURE__ */ g(ve, { children: [
     r,
     o
   ] }) : s !== void 0 ? /* @__PURE__ */ g(
     l.DropdownMenu.DropdownMenuCheckboxItem,
     {
-      className: i(e, "bn-gap-1", s ? "" : "bn-px-2"),
+      className: d(e, "bn-gap-1", s ? "" : "bn-px-2"),
       ref: t,
       checked: s,
-      onClick: m,
-      ...u,
+      onClick: u,
+      ...b,
       children: [
         r,
         o
@@ -812,18 +812,18 @@ const fn = (n) => {
     {
       className: e,
       ref: t,
-      onClick: m,
-      ...u,
+      onClick: u,
+      ...b,
       children: [
         r,
         o,
-        d && /* @__PURE__ */ a(A, { className: "bn-ml-auto bn-h-4 bn-w-4" })
+        i && /* @__PURE__ */ a(j, { className: "bn-ml-auto bn-h-4 bn-w-4" })
       ]
     }
   );
-}), Cn = p((n, t) => {
+}), yn = p((n, t) => {
   const { className: e, ...o } = n;
-  c(o);
+  m(o);
   const r = h();
   return /* @__PURE__ */ a(
     r.DropdownMenu.DropdownMenuSeparator,
@@ -832,9 +832,9 @@ const fn = (n) => {
       ref: t
     }
   );
-}), yn = p((n, t) => {
+}), Sn = p((n, t) => {
   const { className: e, children: o, ...r } = n;
-  c(r);
+  m(r);
   const s = h();
   return /* @__PURE__ */ a(
     s.DropdownMenu.DropdownMenuLabel,
@@ -844,31 +844,31 @@ const fn = (n) => {
       children: o
     }
   );
-}), Sn = p((n, t) => {
+}), Tn = p((n, t) => {
   const {
     className: e,
     children: o,
     icon: r,
     onClick: s,
-    onDragEnd: d,
-    onDragStart: m,
-    draggable: u,
+    onDragEnd: i,
+    onDragStart: u,
+    draggable: b,
     label: l,
     ...f
   } = n;
-  c(f, !1);
+  m(f, !1);
   const v = h();
   return /* @__PURE__ */ g(
     v.Button.Button,
     {
       variant: "ghost",
-      className: i(e, "bn-text-gray-400"),
+      className: d(e, "bn-text-gray-400"),
       ref: t,
       "aria-label": l,
       onClick: s,
-      onDragStart: m,
-      onDragEnd: d,
-      draggable: u,
+      onDragStart: u,
+      onDragEnd: i,
+      draggable: b,
       ...f,
       children: [
         r,
@@ -876,39 +876,39 @@ const fn = (n) => {
       ]
     }
   );
-}), Tn = p((n, t) => {
+}), In = p((n, t) => {
   const {
     className: e,
     tabs: o,
     defaultOpenTab: r,
     openTab: s,
-    setOpenTab: d,
-    loading: m,
+    setOpenTab: i,
+    loading: u,
     // TODO: implement loader
-    ...u
+    ...b
   } = n;
-  c(u);
+  m(b);
   const l = h();
   return /* @__PURE__ */ g(
     l.Tabs.Tabs,
     {
-      className: i(e, "bn-bg-popover bn-p-2 bn-rounded-lg"),
+      className: d(e, "bn-bg-popover bn-p-2 bn-rounded-lg"),
       ref: t,
       value: s,
       defaultValue: r,
-      onValueChange: d,
+      onValueChange: i,
       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))
       ]
     }
   );
-}), In = p((n, t) => {
+}), Mn = p((n, t) => {
   const { className: e, children: o, ...r } = n;
-  return c(r), /* @__PURE__ */ a(
+  return m(r), /* @__PURE__ */ a(
     "div",
     {
-      className: i(
+      className: d(
         e,
         "bn-flex bn-flex-col bn-gap-2 bn-items-start bn-justify-center"
       ),
@@ -916,23 +916,23 @@ const fn = (n) => {
       children: o
     }
   );
-}), Mn = p((n, t) => {
-  const { className: e, value: o, placeholder: r, onKeyDown: s, onChange: d, ...m } = n;
-  c(m);
-  const u = h();
+}), Dn = p((n, t) => {
+  const { className: e, value: o, placeholder: r, onKeyDown: s, onChange: i, ...u } = n;
+  m(u);
+  const b = h();
   return /* @__PURE__ */ a(
-    u.Input.Input,
+    b.Input.Input,
     {
       "data-test": "embed-input",
-      className: i(e, "bn-w-80"),
+      className: d(e, "bn-w-80"),
       ref: t,
       value: o,
       placeholder: r,
       onKeyDown: s,
-      onChange: d
+      onChange: i
     }
   );
-}), Dn = (n) => {
+}), Rn = (n) => {
   const {
     children: t,
     opened: e,
@@ -940,25 +940,25 @@ const fn = (n) => {
     // unused
     ...r
   } = n;
-  c(r);
+  m(r);
   const s = h();
   return /* @__PURE__ */ a(s.Popover.Popover, { open: e, children: t });
-}, Rn = p(
+}, Bn = p(
   (n, t) => {
     const { children: e, ...o } = n;
-    c(o);
+    m(o);
     const r = h();
     return /* @__PURE__ */ a(r.Popover.PopoverTrigger, { ref: t, asChild: !0, children: e });
   }
-), kn = p((n, t) => {
+), Fn = p((n, t) => {
   const { className: e, variant: o, children: r, ...s } = n;
-  c(s);
-  const d = h();
+  m(s);
+  const i = h();
   return /* @__PURE__ */ a(
-    d.Popover.PopoverContent,
+    i.Popover.PopoverContent,
     {
       sideOffset: 8,
-      className: i(
+      className: d(
         e,
         "bn-flex bn-flex-col bn-gap-2",
         o === "panel-popover" ? "bn-p-0 bn-border-none bn-shadow-none bn-max-w-none bn-w-fit" : ""
@@ -967,34 +967,34 @@ const fn = (n) => {
       children: r
     }
   );
-}), Fn = p((n, t) => {
+}), kn = p((n, t) => {
   const { className: e, children: o, ...r } = n;
-  return c(r, !1), /* @__PURE__ */ a("div", { className: e, ref: t, ...r, children: o });
-}), Bn = p((n, t) => {
+  return m(r, !1), /* @__PURE__ */ a("div", { className: e, ref: t, ...r, children: o });
+}), Pn = p((n, t) => {
   const {
     className: e,
     children: o,
     icon: r,
     onClick: s,
-    onDragEnd: d,
-    onDragStart: m,
-    draggable: u,
+    onDragEnd: i,
+    onDragStart: u,
+    draggable: b,
     label: l,
     ...f
   } = n;
-  c(f, !1);
+  m(f, !1);
   const v = h();
   return /* @__PURE__ */ g(
     v.Button.Button,
     {
       variant: "ghost",
-      className: i(e, "bn-text-gray-400"),
+      className: d(e, "bn-text-gray-400"),
       ref: t,
       "aria-label": l,
       onClick: s,
-      onDragStart: m,
-      onDragEnd: d,
-      draggable: u,
+      onDragStart: u,
+      onDragEnd: i,
+      draggable: b,
       ...f,
       children: [
         r,
@@ -1002,9 +1002,9 @@ const fn = (n) => {
       ]
     }
   );
-}), Pn = p((n, t) => {
-  const { className: e, children: o, id: r, columns: s, ...d } = n;
-  return c(d), /* @__PURE__ */ a(
+}), Ln = p((n, t) => {
+  const { className: e, children: o, id: r, columns: s, ...i } = n;
+  return m(i), /* @__PURE__ */ a(
     "div",
     {
       className: e,
@@ -1015,9 +1015,9 @@ const fn = (n) => {
       children: o
     }
   );
-}), Ln = p((n, t) => {
+}), zn = p((n, t) => {
   const { className: e, children: o, columns: r, ...s } = n;
-  return c(s), /* @__PURE__ */ a(
+  return m(s), /* @__PURE__ */ a(
     "div",
     {
       className: e,
@@ -1026,14 +1026,14 @@ const fn = (n) => {
       children: o
     }
   );
-}), zn = p((n, t) => {
+}), En = p((n, t) => {
   const { className: e, children: o, id: r, ...s } = n;
-  return c(s), /* @__PURE__ */ a(
+  return m(s), /* @__PURE__ */ a(
     "div",
     {
       id: r,
       role: "listbox",
-      className: i(
+      className: d(
         "bn-z-50 bn-min-w-[8rem] bn-overflow-auto bn-rounded-md bn-border bn-bg-popover bn-p-1 bn-text-popover-foreground bn-shadow-md data-[state=open]:bn-animate-in data-[state=closed]:bn-animate-out data-[state=closed]:bn-fade-out-0 data-[state=open]:bn-fade-in-0 data-[state=closed]:bn-zoom-out-95 data-[state=open]:bn-zoom-in-95 data-[side=bottom]:bn-slide-in-from-top-2 data-[side=left]:bn-slide-in-from-right-2 data-[side=right]:bn-slide-in-from-left-2 data-[side=top]:bn-slide-in-from-bottom-2",
         e
       ),
@@ -1043,10 +1043,10 @@ const fn = (n) => {
   );
 }), Vn = p((n, t) => {
   const { className: e, children: o, ...r } = n;
-  return c(r), /* @__PURE__ */ a(
+  return m(r), /* @__PURE__ */ a(
     "div",
     {
-      className: i(
+      className: d(
         "bn-relative bn-flex bn-cursor-default bn-select-none bn-items-center bn-rounded-sm bn-px-2 bn-py-1.5 bn-text-sm bn-outline-none bn-transition-colors focus:bn-bg-accent focus:bn-text-accent-foreground data-[disabled]:bn-pointer-events-none data-[disabled]:bn-opacity-50",
         e
       ),
@@ -1054,14 +1054,14 @@ const fn = (n) => {
       children: /* @__PURE__ */ a("div", { children: o })
     }
   );
-}), En = p((n, t) => {
-  const e = h(), { className: o, item: r, isSelected: s, onClick: d, id: m, ...u } = n;
-  c(u);
-  const l = z(null);
-  return V(() => {
+}), An = p((n, t) => {
+  const e = h(), { className: o, item: r, isSelected: s, onClick: i, id: u, ...b } = n;
+  m(b);
+  const l = V(null);
+  return A(() => {
     if (!l.current || !s)
       return;
-    const f = B(
+    const f = L(
       l.current,
       document.querySelector(".bn-suggestion-menu")
     );
@@ -1069,13 +1069,13 @@ const fn = (n) => {
   }, [s]), /* @__PURE__ */ g(
     "div",
     {
-      className: i(
+      className: d(
         "bn-relative bn-flex bn-cursor-pointer bn-select-none bn-items-center bn-rounded-sm bn-px-2 bn-py-1.5 bn-text-sm bn-outline-none bn-transition-colors focus:bn-bg-accent focus:bn-text-accent-foreground data-[disabled]:bn-pointer-events-none data-[disabled]:bn-opacity-50",
         o
       ),
-      ref: P([t, l]),
-      id: m,
-      onClick: d,
+      ref: z([t, l]),
+      id: u,
+      onClick: i,
       role: "option",
       "aria-selected": s || void 0,
       children: [
@@ -1088,28 +1088,28 @@ const fn = (n) => {
       ]
     }
   );
-}), An = p((n, t) => {
+}), $n = p((n, t) => {
   const { className: e, children: o, ...r } = n;
-  return c(r), /* @__PURE__ */ a(
+  return m(r), /* @__PURE__ */ a(
     "div",
     {
-      className: i("bn-px-2 bn-py-1.5 bn-text-sm bn-font-semibold", e),
+      className: d("bn-px-2 bn-py-1.5 bn-text-sm bn-font-semibold", e),
       ref: t,
       children: o
     }
   );
-}), $n = p((n, t) => {
-  const { className: e, children: o, ...r } = n;
-  return c(r), /* @__PURE__ */ a("div", { className: e, ref: t, children: o });
 }), jn = p((n, t) => {
-  const { className: e, children: o, onMouseDown: r, onClick: s, ...d } = n;
-  c(d, !1);
-  const m = h();
+  const { className: e, children: o, ...r } = n;
+  return m(r), /* @__PURE__ */ a("div", { className: e, ref: t, children: o });
+}), Gn = p((n, t) => {
+  const { className: e, children: o, onMouseDown: r, onClick: s, ...i } = n;
+  m(i, !1);
+  const u = h();
   return /* @__PURE__ */ a(
-    m.Button.Button,
+    u.Button.Button,
     {
       variant: "ghost",
-      className: i(
+      className: d(
         e,
         "bn-p-0 bn-h-full bn-w-full bn-text-gray-400",
         e != null && e.includes("bn-extend-button-add-remove-columns") ? "bn-ml-1" : "bn-mt-1",
@@ -1118,57 +1118,57 @@ const fn = (n) => {
       ref: t,
       onClick: s,
       onMouseDown: r,
-      ...d,
+      ...i,
       children: o
     }
   );
-}), Gn = p((n, t) => {
+}), Un = p((n, t) => {
   const {
     className: e,
     children: o,
     draggable: r,
     onDragStart: s,
-    onDragEnd: d,
-    style: m,
-    label: u,
+    onDragEnd: i,
+    style: u,
+    label: b,
     ...l
   } = n;
-  c(l, !1);
+  m(l, !1);
   const f = h();
   return /* @__PURE__ */ a(
     f.Button.Button,
     {
       variant: "ghost",
-      className: i(e, "bn-p-0 bn-h-fit bn-w-fit bn-text-gray-400"),
+      className: d(e, "bn-p-0 bn-h-fit bn-w-fit bn-text-gray-400"),
       ref: t,
-      "aria-label": u,
+      "aria-label": b,
       draggable: r,
       onDragStart: s,
-      onDragEnd: d,
-      style: m,
+      onDragEnd: i,
+      style: u,
       ...l,
       children: o
     }
   );
-}), R = p(
+}), B = p(
   (n, t) => {
     const {
       className: e,
       children: o,
       onMouseEnter: r,
       onMouseLeave: s,
-      variant: d,
-      ...m
+      variant: i,
+      ...u
     } = n;
-    c(m);
-    const u = h();
-    return /* @__PURE__ */ a(u.Tooltip.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ a(
+    m(u);
+    const b = h();
+    return /* @__PURE__ */ a(b.Tooltip.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ a(
       "div",
       {
-        className: i(
+        className: d(
           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" : ""
+          i === "action-toolbar" ? "bn-w-fit" : ""
         ),
         ref: t,
         onMouseEnter: r,
@@ -1177,45 +1177,45 @@ const fn = (n) => {
       }
     ) });
   }
-), k = p(
+), F = p(
   (n, t) => {
     const {
       className: e,
       children: o,
       mainTooltip: r,
       secondaryTooltip: s,
-      icon: d,
-      isSelected: m,
-      isDisabled: u,
+      icon: i,
+      isSelected: u,
+      isDisabled: b,
       onClick: l,
       label: f,
       variant: v,
       ...w
     } = n;
-    c(w, !1);
-    const C = h(), ge = m === void 0 ? /* @__PURE__ */ g(
+    m(w, !1);
+    const C = h(), R = u === void 0 ? /* @__PURE__ */ g(
       C.Button.Button,
       {
-        className: i(
+        className: d(
           e,
           v === "compact" ? "bn-h-6 bn-min-w-6 bn-p-0" : ""
         ),
         variant: "ghost",
         size: v === "compact" ? "sm" : "default",
-        disabled: u,
+        disabled: b,
         onClick: l,
         ref: t,
         "aria-label": f,
         ...w,
         children: [
-          d,
+          i,
           o
         ]
       }
     ) : /* @__PURE__ */ g(
       C.Toggle.Toggle,
       {
-        className: i(
+        className: d(
           e,
           "data-[state=open]:bg-accent data-[state=closed]:text-accent-foreground",
           v === "compact" ? "bn-h-6 bn-min-w-6 bn-p-0" : ""
@@ -1223,20 +1223,20 @@ const fn = (n) => {
         size: v === "compact" ? "sm" : "default",
         "aria-label": f,
         onClick: l,
-        pressed: m,
-        disabled: u,
-        "data-state": m ? "on" : "off",
-        "data-disabled": u,
+        pressed: u,
+        disabled: b,
+        "data-state": u ? "on" : "off",
+        "data-disabled": b,
         ref: t,
         ...w,
         children: [
-          d,
+          i,
           o
         ]
       }
     );
     return /* @__PURE__ */ g(C.Tooltip.Tooltip, { children: [
-      /* @__PURE__ */ a(C.Tooltip.TooltipTrigger, { asChild: !0, children: ge }),
+      /* @__PURE__ */ a(C.Tooltip.TooltipTrigger, { asChild: !0, children: R }),
       /* @__PURE__ */ g(
         C.Tooltip.TooltipContent,
         {
@@ -1249,30 +1249,30 @@ const fn = (n) => {
       )
     ] });
   }
-), Un = p((n, t) => {
+), k = p((n, t) => {
   const { className: e, items: o, isDisabled: r, ...s } = n;
-  c(s);
-  const d = h(), m = (l) => /* @__PURE__ */ g("div", { className: "bn-flex bn-gap-1 bn-items-center", children: [
+  m(s);
+  const i = h(), u = (l) => /* @__PURE__ */ g("div", { className: "bn-flex bn-gap-1 bn-items-center", children: [
     l.icon,
     l.text
-  ] }), u = o.filter((l) => l.isSelected)[0];
-  return u ? /* @__PURE__ */ g(
-    d.Select.Select,
+  ] }), b = o.filter((l) => l.isSelected)[0];
+  return b ? /* @__PURE__ */ g(
+    i.Select.Select,
     {
-      value: u.text,
+      value: b.text,
       onValueChange: (l) => {
         var f, v;
         return (v = (f = o.find((w) => w.text === l)).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(i.Select.SelectTrigger, { className: "bn-border-none", children: /* @__PURE__ */ a(i.Select.SelectValue, {}) }),
+        /* @__PURE__ */ a(i.Select.SelectContent, { className: e, ref: t, children: o.map((l) => /* @__PURE__ */ a(
+          i.Select.SelectItem,
           {
             disabled: l.isDisabled,
             value: l.text,
-            children: /* @__PURE__ */ a(m, { ...l })
+            children: /* @__PURE__ */ a(u, { ...l })
           },
           l.text
         )) })
@@ -1280,23 +1280,42 @@ const fn = (n) => {
     }
   ) : null;
 }), Hn = p((n, t) => {
-  const { className: e, children: o, ...r } = n;
-  c(r);
-  const s = h();
-  return /* @__PURE__ */ a(
-    s.Card.Card,
+  const {
+    className: e,
+    children: o,
+    selected: r,
+    headerText: s,
+    onFocus: i,
+    onBlur: u,
+    tabIndex: b,
+    ...l
+  } = n;
+  m(l);
+  const f = h();
+  return /* @__PURE__ */ g(
+    f.Card.Card,
     {
-      className: i(e, "bn-w-[300px]"),
+      className: d(
+        e,
+        "bn-w-[300px]",
+        r ? "bn-bg-accent bn-text-accent-foreground" : ""
+      ),
+      onFocus: i,
+      onBlur: u,
+      tabIndex: b,
       ref: t,
-      children: o
+      children: [
+        s && /* @__PURE__ */ a("div", { className: "bn-px-4 bn-pt-4 bn-italic bn-text-sm", children: s }),
+        o
+      ]
     }
   );
 }), On = p((n, t) => {
   const { className: e, children: o, ...r } = n;
-  return c(r), /* @__PURE__ */ a(
+  return m(r), /* @__PURE__ */ a(
     "div",
     {
-      className: i(
+      className: d(
         e,
         "bn-p-4",
         e != null && e.includes("bn-thread-comments") ? "bn-flex bn-flex-col bn-gap-6 bn-border-b" : ""
@@ -1306,22 +1325,37 @@ const fn = (n) => {
     }
   );
 }), qn = p((n, t) => {
-  const { authorInfo: e, timeString: o, ...r } = n;
-  c(r, !1);
+  const { className: e, children: o, ...r } = n;
+  m(r, !1);
   const s = h();
+  return /* @__PURE__ */ a(
+    s.Button.Button,
+    {
+      className: d(
+        e,
+        "bn-p-0 bn-w-fit bn-text-foreground bn-bg-transparent hover:bn-bg-transparent"
+      ),
+      ref: t,
+      children: o
+    }
+  );
+}), Kn = p((n, t) => {
+  const { authorInfo: e, timeString: o, edited: r, ...s } = n;
+  m(s, !1);
+  const i = h();
   return e === "loading" ? /* @__PURE__ */ g(
     "div",
     {
       className: "bn-flex bn-flex-row bn-flex-nowrap bn-items-center bn-gap-4",
       children: [
         /* @__PURE__ */ a(
-          s.Skeleton.Skeleton,
+          i.Skeleton.Skeleton,
           {
             className: "bn-size-7 bn-rounded-full bn-bg-neutral-400 bn-animate-pulse"
           }
         ),
         /* @__PURE__ */ a(
-          s.Skeleton.Skeleton,
+          i.Skeleton.Skeleton,
           {
             className: "bn-h-3 bn-w-32 bn-rounded-full bn-bg-neutral-400 bn-animate-pulse"
           }
@@ -1333,16 +1367,16 @@ const fn = (n) => {
     {
       className: "bn-flex bn-flex-row bn-flex-nowrap bn-items-center bn-gap-4",
       children: [
-        /* @__PURE__ */ g(s.Avatar.Avatar, { children: [
+        /* @__PURE__ */ g(i.Avatar.Avatar, { children: [
           /* @__PURE__ */ a(
-            s.Avatar.AvatarImage,
+            i.Avatar.AvatarImage,
             {
               src: e.avatarUrl,
               alt: e.username,
               className: "bn-h-7 bn-rounded-full"
             }
           ),
-          /* @__PURE__ */ a(s.Avatar.AvatarFallback, { children: e.username[0] })
+          /* @__PURE__ */ a(i.Avatar.AvatarFallback, { children: e.username[0] })
         ] }),
         /* @__PURE__ */ g(
           "div",
@@ -1350,100 +1384,103 @@ const fn = (n) => {
             className: "bn-flex bn-flex-row bn-flex-nowrap bn-items-center bn-gap-2",
             children: [
               /* @__PURE__ */ a("span", { className: "bn-text-sm bn-font-bold", children: e.username }),
-              /* @__PURE__ */ a("span", { className: "bn-text-xs", children: o })
+              /* @__PURE__ */ g("span", { className: "bn-text-xs", children: [
+                o,
+                " ",
+                r && "(edited)"
+              ] })
             ]
           }
         )
       ]
     }
   );
-}), Kn = p((n, t) => {
+}), Wn = p((n, t) => {
   const {
     className: e,
     showActions: o,
     authorInfo: r,
     timeString: s,
-    actions: d,
-    children: m,
-    ...u
+    actions: i,
+    edited: u,
+    children: b,
+    ...l
   } = n;
-  c(u);
-  const [l, f] = Me(!1), { focused: v, ref: w } = Ne(), C = d && (o === !0 || o === void 0 || o === "hover" && l || v);
+  m(l);
+  const [f, v] = De(!1), { focused: w, ref: C } = xe(), R = i && (o === !0 || o === void 0 || o === "hover" && f || w);
   return /* @__PURE__ */ g(
     "div",
     {
       ref: t,
-      className: i(e, "bn-relative bn-flex bn-flex-col bn-gap-2"),
-      onMouseEnter: () => f(!0),
-      onMouseLeave: () => {
-        f(!1);
-      },
+      className: d(e, "bn-relative bn-flex bn-flex-col bn-gap-2"),
+      onMouseEnter: () => v(!0),
+      onMouseLeave: () => v(!1),
       children: [
-        C ? /* @__PURE__ */ a(
+        R ? /* @__PURE__ */ a(
           "div",
           {
             className: "bn-absolute bn-right-0 bn-top-0 bn-z-10",
-            ref: w,
-            children: d
+            ref: C,
+            children: i
           }
         ) : null,
-        /* @__PURE__ */ a(qn, { ...n }),
-        m
+        /* @__PURE__ */ a(Kn, { ...n }),
+        b
       ]
     }
   );
-}), Wn = p((n, t) => {
-  const { className: e, onFocus: o, onBlur: r, editor: s, editable: d, ...m } = n;
-  return c(m), /* @__PURE__ */ a(
-    tt,
+}), _n = p((n, t) => {
+  const { className: e, onFocus: o, onBlur: r, autoFocus: s, editor: i, editable: u, ...b } = n;
+  return m(b), /* @__PURE__ */ a(
+    ot,
     {
-      autoFocus: !0,
-      className: i(e, ""),
+      autoFocus: s,
+      className: d(e, ""),
       editor: n.editor,
       sideMenu: !1,
       slashMenu: !1,
       tableHandles: !1,
       filePanel: !1,
       formattingToolbar: !1,
-      editable: d,
+      editable: u,
       ref: t,
       onFocus: o,
       onBlur: r,
       children: /* @__PURE__ */ a(
-        xe,
+        we,
         {
-          formattingToolbar: _n
+          formattingToolbar: Jn
         }
       )
     }
   );
-}), _n = () => {
-  const n = we([]).filter(
+}), Jn = () => {
+  const n = Ce([]).filter(
     (t) => t.key !== "nestBlockButton" && t.key !== "unnestBlockButton"
   );
-  return /* @__PURE__ */ a(Ce, { blockTypeSelectItems: [], children: n });
-}, Jn = p((n, t) => {
+  return /* @__PURE__ */ a(ye, { blockTypeSelectItems: [], children: n });
+}, Qn = p((n, t) => {
   const {
     className: e,
     text: o,
     icon: r,
     isSelected: s,
-    mainTooltip: d,
-    secondaryTooltip: m,
-    onClick: u,
+    mainTooltip: i,
+    secondaryTooltip: u,
+    onClick: b,
     onMouseEnter: l,
     ...f
   } = n;
-  c(f, !1);
+  m(f, !1);
   const v = h(), w = /* @__PURE__ */ g(
     v.Button.Button,
     {
       variant: s ? "secondary" : "outline",
-      className: i(
+      className: d(
         e,
         "bn-flex bn-items-center bn-gap-1 bn-rounded-full bn-h-7 bn-px-2.5"
       ),
-      onClick: u,
+      onClick: b,
       onMouseEnter: l,
       ref: t,
       children: [
@@ -1452,27 +1489,27 @@ const fn = (n) => {
       ]
     }
   );
-  return d ? /* @__PURE__ */ g(v.Tooltip.Tooltip, { children: [
+  return i ? /* @__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 }),
-          m && /* @__PURE__ */ a("span", { children: m })
+          /* @__PURE__ */ a("span", { children: i }),
+          u && /* @__PURE__ */ a("span", { children: u })
         ]
       }
     )
   ] }) : w;
-}), Qn = p((n, t) => {
+}), Xn = p((n, t) => {
   const { className: e, children: o, ...r } = n;
-  c(r);
+  m(r);
   const s = h();
   return /* @__PURE__ */ a(s.Tooltip.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ a(
     "div",
     {
-      className: i(
+      className: d(
         e,
         "bn-flex bn-flex-row bn-flex-wrap bn-gap-1 bn-w-full"
       ),
@@ -1480,12 +1517,12 @@ const fn = (n) => {
       children: o
     }
   ) });
-}), Xn = p((n, t) => {
-  const { className: e, children: o, onClick: r, label: s, ...d } = n;
-  c(d);
-  const m = h();
+}), Yn = p((n, t) => {
+  const { className: e, children: o, onClick: r, label: s, ...i } = n;
+  m(i);
+  const u = h();
   return /* @__PURE__ */ a(
-    m.Button.Button,
+    u.Button.Button,
     {
       type: "submit",
       className: e,
@@ -1495,47 +1532,47 @@ const fn = (n) => {
       children: o
     }
   );
-}), Yn = p((n, t) => {
-  const { className: e, accept: o, value: r, placeholder: s, onChange: d, ...m } = n;
-  c(m);
-  const u = h();
+}), Zn = p((n, t) => {
+  const { className: e, accept: o, value: r, placeholder: s, onChange: i, ...u } = n;
+  m(u);
+  const b = h();
   return /* @__PURE__ */ a(
-    u.Input.Input,
+    b.Input.Input,
     {
       type: "file",
       className: e,
       ref: t,
       accept: o,
       value: r ? r.name : void 0,
-      onChange: async (l) => d == null ? void 0 : d(l.target.files[0]),
+      onChange: async (l) => i == null ? void 0 : i(l.target.files[0]),
       placeholder: s
     }
   );
-}), Zn = p((n, t) => {
-  const { className: e, isSelected: o, onClick: r, item: s, id: d, ...m } = n;
-  c(m);
-  const u = z(null);
-  return V(() => {
-    if (!u.current || !o)
+}), et = p((n, t) => {
+  const { className: e, isSelected: o, onClick: r, item: s, id: i, ...u } = n;
+  m(u);
+  const b = V(null);
+  return A(() => {
+    if (!b.current || !o)
       return;
-    const l = B(
-      u.current,
+    const l = L(
+      b.current,
       document.querySelector(".bn-grid-suggestion-menu")
     );
-    l === "top" ? u.current.scrollIntoView(!0) : l === "bottom" && u.current.scrollIntoView(!1);
+    l === "top" ? b.current.scrollIntoView(!0) : l === "bottom" && b.current.scrollIntoView(!1);
   }, [o]), /* @__PURE__ */ a(
     "div",
     {
       className: e,
-      ref: P([t, u]),
-      id: d,
+      ref: z([t, b]),
+      id: i,
       role: "option",
       onClick: r,
       "aria-selected": o || void 0,
       children: s.icon
     }
   );
-}), et = p((n, t) => {
+}), nt = p((n, t) => {
   const {
     className: e,
     children: o,
@@ -1543,7 +1580,7 @@ const fn = (n) => {
     columns: r,
     ...s
   } = n;
-  return c(s), /* @__PURE__ */ a(
+  return m(s), /* @__PURE__ */ a(
     "div",
     {
       className: e,
@@ -1552,93 +1589,96 @@ const fn = (n) => {
       children: o
     }
   );
-}), nt = {
+}), tt = {
   FormattingToolbar: {
-    Root: R,
-    Button: k,
-    Select: Un
+    Root: B,
+    Button: F,
+    Select: k
   },
   FilePanel: {
-    Root: Tn,
-    Button: Xn,
-    FileInput: Yn,
-    TabPanel: In,
-    TextInput: Mn
+    Root: In,
+    Button: Yn,
+    FileInput: Zn,
+    TabPanel: Mn,
+    TextInput: Dn
   },
   LinkToolbar: {
-    Root: R,
-    Button: k
+    Root: B,
+    Button: F,
+    Select: k
   },
   SideMenu: {
-    Root: Fn,
-    Button: Bn
+    Root: kn,
+    Button: Pn
   },
   SuggestionMenu: {
-    Root: zn,
-    Item: En,
+    Root: En,
+    Item: An,
     EmptyItem: Vn,
-    Label: An,
-    Loader: $n
+    Label: $n,
+    Loader: jn
   },
   GridSuggestionMenu: {
-    Root: Pn,
-    Item: Zn,
-    EmptyItem: Ln,
-    Loader: et
+    Root: Ln,
+    Item: et,
+    EmptyItem: zn,
+    Loader: nt
   },
   TableHandle: {
-    Root: Gn,
-    ExtendButton: jn
+    Root: Un,
+    ExtendButton: Gn
   },
   Comments: {
-    Comment: Kn,
-    Editor: Wn,
+    Comment: Wn,
+    Editor: _n,
     Card: Hn,
-    CardSection: On
+    CardSection: On,
+    ExpandSectionsPrompt: qn
   },
   Generic: {
     Badge: {
-      Root: Jn,
-      Group: Qn
+      Root: Qn,
+      Group: Xn
     },
     Toolbar: {
-      Root: R,
-      Button: k
+      Root: B,
+      Button: F,
+      Select: k
     },
     Form: {
-      Root: fn,
-      TextInput: gn
+      Root: gn,
+      TextInput: hn
     },
     Menu: {
-      Root: vn,
-      Trigger: Nn,
-      Dropdown: xn,
-      Divider: Cn,
-      Label: yn,
-      Item: wn,
-      Button: Sn
+      Root: Nn,
+      Trigger: xn,
+      Dropdown: wn,
+      Divider: yn,
+      Label: Sn,
+      Item: Cn,
+      Button: Tn
     },
     Popover: {
-      Root: Dn,
-      Trigger: Rn,
-      Content: kn
+      Root: Rn,
+      Trigger: Bn,
+      Content: Fn
     }
   }
-}, tt = (n) => {
-  const { className: t, shadCNComponents: e, ...o } = n, r = L(() => ({
-    ...pn,
+}, ot = (n) => {
+  const { className: t, shadCNComponents: e, ...o } = n, r = E(() => ({
+    ...fn,
     ...e
   }), [e]);
-  return /* @__PURE__ */ a(fe.Provider, { value: r, children: /* @__PURE__ */ a(ye.Provider, { value: nt, children: /* @__PURE__ */ a(
-    Se,
+  return /* @__PURE__ */ a(he.Provider, { value: r, children: /* @__PURE__ */ a(Se.Provider, { value: tt, children: /* @__PURE__ */ a(
+    Te,
     {
-      className: ve("bn-shadcn", t || ""),
+      className: Ne("bn-shadcn", t || ""),
       ...o
     }
   ) }) });
 };
 export {
-  tt as BlockNoteView,
-  nt as components
+  ot as BlockNoteView,
+  tt as components
 };
 //# sourceMappingURL=blocknote-shadcn.js.map