@blocknote/shadcn 0.31.2 → 0.31.3

package/dist/blocknote-shadcn.js

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