@blocknote/shadcn 0.42.2 → 0.43.0

package/dist/blocknote-shadcn.js

@@ -17,7 +17,7 @@ import * as x from "@radix-ui/react-select";
 import * as T from "@radix-ui/react-tabs";
 import * as me from "@radix-ui/react-toggle";
 import * as N from "@radix-ui/react-tooltip";
-function i(...e) {
+function d(...e) {
   return ie(se(e));
 }
 function pe({
@@ -28,7 +28,7 @@ function pe({
     D.Root,
     {
       "data-slot": "avatar",
-      className: i(
+      className: d(
         "relative flex size-8 shrink-0 overflow-hidden rounded-full",
         e
       ),
@@ -44,7 +44,7 @@ function ge({
     D.Image,
     {
       "data-slot": "avatar-image",
-      className: i("aspect-square size-full", e),
+      className: d("aspect-square size-full", e),
       ...t
     }
   );
@@ -57,7 +57,7 @@ function ve({
     D.Fallback,
     {
       "data-slot": "avatar-fallback",
-      className: i(
+      className: d(
         "bg-muted flex size-full items-center justify-center rounded-full",
         e
       ),
@@ -91,7 +91,7 @@ function be({
     n ? A : "span",
     {
       "data-slot": "badge",
-      className: i(fe({ variant: t }), e),
+      className: d(fe({ variant: t }), e),
       ...a
     }
   );
@@ -132,7 +132,7 @@ function xe({
     a ? A : "button",
     {
       "data-slot": "button",
-      className: i(he({ variant: t, size: n, className: e })),
+      className: d(he({ variant: t, size: n, className: e })),
       ...r
     }
   );
@@ -142,7 +142,7 @@ function we({ className: e, ...t }) {
     "div",
     {
       "data-slot": "card",
-      className: i(
+      className: d(
         "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
         e
       ),
@@ -155,7 +155,7 @@ function Ce({ className: e, ...t }) {
     "div",
     {
       "data-slot": "card-content",
-      className: i("px-6", e),
+      className: d("px-6", e),
       ...t
     }
   );
@@ -186,7 +186,7 @@ function Te({
     {
       "data-slot": "dropdown-menu-content",
       sideOffset: t,
-      className: i(
+      className: d(
         "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 max-h-(--radix-dropdown-menu-content-available-height) origin-(--radix-dropdown-menu-content-transform-origin) z-50 min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border p-1 shadow-md",
         e
       ),
@@ -206,7 +206,7 @@ function ye({
       "data-slot": "dropdown-menu-item",
       "data-inset": t,
       "data-variant": n,
-      className: i(
+      className: d(
         "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*=text-])]:text-muted-foreground outline-hidden relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm data-[disabled]:pointer-events-none data-[inset]:pl-8 data-[disabled]:opacity-50 [&_svg:not([class*=size-])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
         e
       ),
@@ -224,7 +224,7 @@ function ke({
     w.CheckboxItem,
     {
       "data-slot": "dropdown-menu-checkbox-item",
-      className: i(
+      className: d(
         "focus:bg-accent focus:text-accent-foreground outline-hidden relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pl-8 pr-2 text-sm data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*=size-])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
         e
       ),
@@ -247,7 +247,7 @@ function Me({
     {
       "data-slot": "dropdown-menu-label",
       "data-inset": t,
-      className: i(
+      className: d(
         "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
         e
       ),
@@ -263,7 +263,7 @@ function ze({
     w.Separator,
     {
       "data-slot": "dropdown-menu-separator",
-      className: i("bg-border -mx-1 my-1 h-px", e),
+      className: d("bg-border -mx-1 my-1 h-px", e),
       ...t
     }
   );
@@ -284,7 +284,7 @@ function Ie({
     {
       "data-slot": "dropdown-menu-sub-trigger",
       "data-inset": t,
-      className: i(
+      className: d(
         "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground outline-hidden flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm data-[inset]:pl-8",
         e
       ),
@@ -304,7 +304,7 @@ function Be({
     w.SubContent,
     {
       "data-slot": "dropdown-menu-sub-content",
-      className: i(
+      className: d(
         "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-dropdown-menu-content-transform-origin) z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-lg",
         e
       ),
@@ -320,7 +320,7 @@ function Pe({
     ue.Root,
     {
       "data-slot": "label",
-      className: i(
+      className: d(
         "flex select-none items-center gap-2 text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50 group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50",
         e
       ),
@@ -341,7 +341,7 @@ function Re({ className: e, type: t, ...n }) {
     {
       type: t,
       "data-slot": "input",
-      className: i(
+      className: d(
         "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input shadow-xs flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base outline-none transition-[color,box-shadow] file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
         "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
         "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
@@ -373,7 +373,7 @@ function Ee({
       "data-slot": "popover-content",
       align: t,
       sideOffset: n,
-      className: i(
+      className: d(
         "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-popover-content-transform-origin) outline-hidden z-50 w-72 rounded-md border p-4 shadow-md",
         e
       ),
@@ -402,7 +402,7 @@ function je({
     {
       "data-slot": "select-trigger",
       "data-size": t,
-      className: i(
+      className: d(
         "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*=text-])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 shadow-xs flex w-fit items-center justify-between gap-2 whitespace-nowrap rounded-md border bg-transparent px-3 py-2 text-sm outline-none transition-[color,box-shadow] focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg:not([class*=size-])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
         e
       ),
@@ -424,7 +424,7 @@ function qe({
     x.Content,
     {
       "data-slot": "select-content",
-      className: i(
+      className: d(
         "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 max-h-(--radix-select-content-available-height) origin-(--radix-select-content-transform-origin) relative z-50 min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border shadow-md",
         n === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
         e
@@ -436,7 +436,7 @@ function qe({
         /* @__PURE__ */ o(
           x.Viewport,
           {
-            className: i(
+            className: d(
               "p-1",
               n === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
             ),
@@ -457,7 +457,7 @@ function $e({
     x.Item,
     {
       "data-slot": "select-item",
-      className: i(
+      className: d(
         "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*=text-])]:text-muted-foreground outline-hidden *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 relative flex w-full cursor-default select-none items-center gap-2 rounded-sm py-1.5 pl-2 pr-8 text-sm data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*=size-])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
         e
       ),
@@ -477,7 +477,7 @@ function Ge({
     x.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
-      className: i(
+      className: d(
         "flex cursor-default items-center justify-center py-1",
         e
       ),
@@ -494,7 +494,7 @@ function Oe({
     x.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
-      className: i(
+      className: d(
         "flex cursor-default items-center justify-center py-1",
         e
       ),
@@ -508,7 +508,7 @@ function Ue({ className: e, ...t }) {
     "div",
     {
       "data-slot": "skeleton",
-      className: i("bg-accent animate-pulse rounded-md", e),
+      className: d("bg-accent animate-pulse rounded-md", e),
       ...t
     }
   );
@@ -521,7 +521,7 @@ function He({
     T.Root,
     {
       "data-slot": "tabs",
-      className: i("flex flex-col gap-2", e),
+      className: d("flex flex-col gap-2", e),
       ...t
     }
   );
@@ -534,7 +534,7 @@ function Ke({
     T.List,
     {
       "data-slot": "tabs-list",
-      className: i(
+      className: d(
         "bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",
         e
       ),
@@ -550,7 +550,7 @@ function Qe({
     T.Trigger,
     {
       "data-slot": "tabs-trigger",
-      className: i(
+      className: d(
         "data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 whitespace-nowrap rounded-md border border-transparent px-2 py-1 text-sm font-medium transition-[color,box-shadow] focus-visible:outline-1 focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg:not([class*=size-])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
         e
       ),
@@ -566,7 +566,7 @@ function We({
     T.Content,
     {
       "data-slot": "tabs-content",
-      className: i("flex-1 outline-none", e),
+      className: d("flex-1 outline-none", e),
       ...t
     }
   );
@@ -601,7 +601,7 @@ function Je({
     me.Root,
     {
       "data-slot": "toggle",
-      className: i(Ze({ variant: t, size: n, className: e })),
+      className: d(Ze({ variant: t, size: n, className: e })),
       ...a
     }
   );
@@ -640,7 +640,7 @@ function et({
     {
       "data-slot": "tooltip-content",
       sideOffset: t,
-      className: i(
+      className: d(
         "bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-tooltip-content-transform-origin) z-50 w-fit text-balance rounded-md px-3 py-1.5 text-xs",
         e
       ),
@@ -734,7 +734,7 @@ const nt = (e) => {
     name: a,
     label: r,
     variant: s,
-    icon: d,
+    icon: i,
     // TODO: implement
     value: c,
     autoFocus: u,
@@ -753,19 +753,19 @@ const nt = (e) => {
   return /* @__PURE__ */ v(
     "div",
     {
-      className: i(
+      className: d(
         n,
         "border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring flex h-10 w-full rounded-md border px-3 py-2 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
         "text-foreground items-center gap-2"
       ),
       children: [
-        d,
+        i,
         /* @__PURE__ */ v("div", { className: "flex-1", children: [
           r && /* @__PURE__ */ o(P.Label.Label, { htmlFor: r, children: r }),
           /* @__PURE__ */ o(
             P.Input.Input,
             {
-              className: i(n, "h-auto border-none p-0"),
+              className: d(n, "h-auto border-none p-0"),
               id: r,
               name: a,
               autoFocus: u,
@@ -808,15 +808,15 @@ const nt = (e) => {
     ...s
   } = e;
   m(s);
-  const d = f();
+  const i = f();
   return r ? /* @__PURE__ */ o(
-    d.DropdownMenu.DropdownMenuSub,
+    i.DropdownMenu.DropdownMenuSub,
     {
       onOpenChange: n,
       children: t
     }
   ) : /* @__PURE__ */ o(
-    d.DropdownMenu.DropdownMenu,
+    i.DropdownMenu.DropdownMenu,
     {
       modal: !1,
       onOpenChange: n,
@@ -836,16 +836,16 @@ const nt = (e) => {
 }, it = p((e, t) => {
   const { className: n, children: a, sub: r, ...s } = e;
   m(s);
-  const d = f();
+  const i = f();
   return r ? /* @__PURE__ */ o(
-    d.DropdownMenu.DropdownMenuSubContent,
+    i.DropdownMenu.DropdownMenuSubContent,
     {
       className: n,
       ref: t,
       children: a
     }
   ) : /* @__PURE__ */ o(
-    d.DropdownMenu.DropdownMenuContent,
+    i.DropdownMenu.DropdownMenuContent,
     {
       className: n,
       ref: t,
@@ -853,16 +853,16 @@ const nt = (e) => {
     }
   );
 }), dt = p((e, t) => {
-  const { className: n, children: a, icon: r, checked: s, subTrigger: d, onClick: c, ...u } = e;
+  const { className: n, children: a, icon: r, checked: s, subTrigger: i, onClick: c, ...u } = e;
   m(u);
   const l = f();
-  return d ? /* @__PURE__ */ v(U, { children: [
+  return i ? /* @__PURE__ */ v(U, { children: [
     r,
     a
   ] }) : s !== void 0 ? /* @__PURE__ */ v(
     l.DropdownMenu.DropdownMenuCheckboxItem,
     {
-      className: i(n, "gap-1", s ? "" : "px-2"),
+      className: d(n, "gap-1", s ? "" : "px-2"),
       ref: t,
       checked: s,
       onClick: c,
@@ -882,7 +882,7 @@ const nt = (e) => {
       children: [
         r,
         a,
-        d && /* @__PURE__ */ o(ce, { className: "ml-auto h-4 w-4" })
+        i && /* @__PURE__ */ o(ce, { className: "ml-auto h-4 w-4" })
       ]
     }
   );
@@ -915,7 +915,7 @@ const nt = (e) => {
     children: a,
     icon: r,
     onClick: s,
-    onDragEnd: d,
+    onDragEnd: i,
     onDragStart: c,
     draggable: u,
     label: l,
@@ -927,12 +927,12 @@ const nt = (e) => {
     b.Button.Button,
     {
       variant: "ghost",
-      className: i(n, "text-gray-400"),
+      className: d(n, "text-gray-400"),
       ref: t,
       "aria-label": l,
       onClick: s,
       onDragStart: c,
-      onDragEnd: d,
+      onDragEnd: i,
       draggable: u,
       ...g,
       children: [
@@ -947,7 +947,7 @@ const nt = (e) => {
     tabs: a,
     defaultOpenTab: r,
     openTab: s,
-    setOpenTab: d,
+    setOpenTab: i,
     loading: c,
     // TODO: implement loader
     ...u
@@ -957,11 +957,11 @@ const nt = (e) => {
   return /* @__PURE__ */ v(
     l.Tabs.Tabs,
     {
-      className: i(n, "bg-popover max-w-screen rounded-lg p-2"),
+      className: d(n, "bg-popover max-w-screen rounded-lg p-2"),
       ref: t,
       value: s,
       defaultValue: r,
-      onValueChange: d,
+      onValueChange: i,
       children: [
         /* @__PURE__ */ o(l.Tabs.TabsList, { children: a.map((g) => /* @__PURE__ */ o(l.Tabs.TabsTrigger, { value: g.name, children: g.name }, g.name)) }),
         a.map((g) => /* @__PURE__ */ o(l.Tabs.TabsContent, { value: g.name, children: /* @__PURE__ */ o(l.Card.Card, { children: /* @__PURE__ */ o(l.Card.CardContent, { className: "p-4", children: g.tabPanel }) }) }, g.name))
@@ -973,7 +973,7 @@ const nt = (e) => {
   return m(r), /* @__PURE__ */ o(
     "div",
     {
-      className: i(
+      className: d(
         n,
         "flex flex-col items-start justify-center gap-2"
       ),
@@ -982,32 +982,33 @@ const nt = (e) => {
     }
   );
 }), gt = p((e, t) => {
-  const { className: n, value: a, placeholder: r, onKeyDown: s, onChange: d, ...c } = e;
+  const { className: n, value: a, placeholder: r, onKeyDown: s, onChange: i, ...c } = e;
   m(c);
   const u = f();
   return /* @__PURE__ */ o(
     u.Input.Input,
     {
       "data-test": "embed-input",
-      className: i(n, "w-80 max-w-full"),
+      className: d(n, "w-80 max-w-full"),
       ref: t,
       value: a,
       placeholder: r,
       onKeyDown: s,
-      onChange: d
+      onChange: i
     }
   );
 }), vt = (e) => {
   const {
     children: t,
-    opened: n,
-    position: a,
+    open: n,
+    onOpenChange: a,
+    position: r,
     // unused
-    ...r
+    ...s
   } = e;
-  m(r);
-  const s = f();
-  return /* @__PURE__ */ o(s.Popover.Popover, { open: n, children: t });
+  m(s);
+  const i = f();
+  return /* @__PURE__ */ o(i.Popover.Popover, { open: n, onOpenChange: a, children: t });
 }, ft = p(
   (e, t) => {
     const { children: n, ...a } = e;
@@ -1018,12 +1019,12 @@ const nt = (e) => {
 ), bt = p((e, t) => {
   const { className: n, variant: a, children: r, ...s } = e;
   m(s);
-  const d = f();
+  const i = f();
   return /* @__PURE__ */ o(
-    d.Popover.PopoverContent,
+    i.Popover.PopoverContent,
     {
       sideOffset: 8,
-      className: i(
+      className: d(
         n,
         "z-[10000] flex flex-col gap-2",
         a === "panel-popover" ? "w-fit max-w-none border-none p-0 shadow-none" : ""
@@ -1041,7 +1042,7 @@ const nt = (e) => {
     children: a,
     icon: r,
     onClick: s,
-    onDragEnd: d,
+    onDragEnd: i,
     onDragStart: c,
     draggable: u,
     label: l,
@@ -1053,12 +1054,12 @@ const nt = (e) => {
     b.Button.Button,
     {
       variant: "ghost",
-      className: i(n, "text-gray-400"),
+      className: d(n, "text-gray-400"),
       ref: t,
       "aria-label": l,
       onClick: s,
       onDragStart: c,
-      onDragEnd: d,
+      onDragEnd: i,
       draggable: u,
       ...g,
       children: [
@@ -1068,11 +1069,11 @@ const nt = (e) => {
     }
   );
 }), wt = p((e, t) => {
-  const { className: n, children: a, id: r, columns: s, ...d } = e;
-  return m(d), /* @__PURE__ */ o(
+  const { className: n, children: a, id: r, columns: s, ...i } = e;
+  return m(i), /* @__PURE__ */ o(
     "div",
     {
-      className: i(
+      className: d(
         "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 max-h-(--radix-dropdown-menu-content-available-height) origin-(--radix-dropdown-menu-content-transform-origin) z-50 min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border p-1 shadow-md",
         "grid",
         n
@@ -1102,7 +1103,7 @@ const nt = (e) => {
     {
       id: r,
       role: "listbox",
-      className: i(
+      className: d(
         "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 max-h-(--radix-dropdown-menu-content-available-height) origin-(--radix-dropdown-menu-content-transform-origin) z-50 min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border p-1 shadow-md",
         n
       ),
@@ -1115,7 +1116,7 @@ const nt = (e) => {
   return m(r), /* @__PURE__ */ o(
     "div",
     {
-      className: i(
+      className: d(
         "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*=text-])]:text-muted-foreground outline-hidden relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm data-[disabled]:pointer-events-none data-[inset]:pl-8 data-[disabled]:opacity-50 [&_svg:not([class*=size-])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
         "hover:bg-accent hover:text-accent-foreground data-[variant=destructive]:hover:bg-destructive/10 dark:data-[variant=destructive]:hover:bg-destructive/20 data-[variant=destructive]:hover:text-destructive",
         "aria-selected:bg-accent aria-selected:text-accent-foreground data-[variant=destructive]:aria-selected:bg-destructive/10 dark:data-[variant=destructive]:aria-selected:bg-destructive/20 data-[variant=destructive]:aria-selected:text-destructive",
@@ -1126,7 +1127,7 @@ const nt = (e) => {
     }
   );
 }), Tt = p((e, t) => {
-  const n = f(), { className: a, item: r, isSelected: s, onClick: d, id: c, ...u } = e;
+  const n = f(), { className: a, item: r, isSelected: s, onClick: i, id: c, ...u } = e;
   m(u);
   const l = E(null);
   return V(() => {
@@ -1141,7 +1142,7 @@ const nt = (e) => {
   }, [s]), /* @__PURE__ */ v(
     "div",
     {
-      className: i(
+      className: d(
         "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*=text-])]:text-muted-foreground outline-hidden relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm data-[disabled]:pointer-events-none data-[inset]:pl-8 data-[disabled]:opacity-50 [&_svg:not([class*=size-])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
         "hover:bg-accent hover:text-accent-foreground data-[variant=destructive]:hover:bg-destructive/10 dark:data-[variant=destructive]:hover:bg-destructive/20 data-[variant=destructive]:hover:text-destructive",
         "aria-selected:bg-accent aria-selected:text-accent-foreground data-[variant=destructive]:aria-selected:bg-destructive/10 dark:data-[variant=destructive]:aria-selected:bg-destructive/20 data-[variant=destructive]:aria-selected:text-destructive",
@@ -1152,14 +1153,14 @@ const nt = (e) => {
       ref: R([t, l]),
       id: c,
       onMouseDown: (g) => g.preventDefault(),
-      onClick: d,
+      onClick: i,
       role: "option",
       "aria-selected": s || void 0,
       children: [
         r.icon && /* @__PURE__ */ o(
           "div",
           {
-            className: i(
+            className: d(
               "p-3",
               e.item.size === "small" ? "p-0" : "",
               a
@@ -1172,7 +1173,7 @@ const nt = (e) => {
           /* @__PURE__ */ o(
             "div",
             {
-              className: i(
+              className: d(
                 "text-base",
                 e.item.size === "small" ? "text-sm" : "",
                 a
@@ -1183,7 +1184,7 @@ const nt = (e) => {
           /* @__PURE__ */ o(
             "div",
             {
-              className: i(
+              className: d(
                 "text-xs",
                 e.item.size === "small" ? "hidden" : "",
                 a
@@ -1201,7 +1202,7 @@ const nt = (e) => {
   return m(r), /* @__PURE__ */ o(
     "div",
     {
-      className: i(
+      className: d(
         "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
         n
       ),
@@ -1211,7 +1212,7 @@ const nt = (e) => {
   );
 }), kt = p((e, t) => {
   const { className: n, ...a } = e;
-  return m(a), /* @__PURE__ */ o("div", { className: i(n, "animate-spin"), ref: t, children: /* @__PURE__ */ o(
+  return m(a), /* @__PURE__ */ o("div", { className: d(n, "animate-spin"), ref: t, children: /* @__PURE__ */ o(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1223,14 +1224,14 @@ const nt = (e) => {
     }
   ) });
 }), Mt = p((e, t) => {
-  const { className: n, children: a, onMouseDown: r, onClick: s, ...d } = e;
-  m(d, !1);
+  const { className: n, children: a, onMouseDown: r, onClick: s, ...i } = e;
+  m(i, !1);
   const c = f();
   return /* @__PURE__ */ o(
     c.Button.Button,
     {
       variant: "ghost",
-      className: i(
+      className: d(
         n,
         "h-full w-full p-0 text-gray-400",
         n != null && n.includes("extend-button-add-remove-columns") ? "ml-1" : "mt-1",
@@ -1239,7 +1240,7 @@ const nt = (e) => {
       ref: t,
       onClick: s,
       onMouseDown: r,
-      ...d,
+      ...i,
       children: a
     }
   );
@@ -1249,7 +1250,7 @@ const nt = (e) => {
     children: a,
     draggable: r,
     onDragStart: s,
-    onDragEnd: d,
+    onDragEnd: i,
     style: c,
     label: u,
     ...l
@@ -1260,12 +1261,12 @@ const nt = (e) => {
     g.Button.Button,
     {
       variant: "ghost",
-      className: i(n, "h-fit w-fit p-0 text-gray-400"),
+      className: d(n, "h-fit w-fit p-0 text-gray-400"),
       ref: t,
       "aria-label": u,
       draggable: r,
       onDragStart: s,
-      onDragEnd: d,
+      onDragEnd: i,
       style: c,
       ...l,
       children: a
@@ -1278,7 +1279,7 @@ const nt = (e) => {
       children: a,
       onMouseEnter: r,
       onMouseLeave: s,
-      variant: d,
+      variant: i,
       ...c
     } = e;
     m(c);
@@ -1286,10 +1287,10 @@ const nt = (e) => {
     return /* @__PURE__ */ o(u.Tooltip.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ o(
       "div",
       {
-        className: i(
+        className: d(
           n,
           "bg-popover text-popover-foreground flex h-fit gap-1 rounded-lg border p-1 shadow-md",
-          d === "action-toolbar" ? "w-fit" : ""
+          i === "action-toolbar" ? "w-fit" : ""
         ),
         ref: t,
         onMouseEnter: r,
@@ -1305,7 +1306,7 @@ const nt = (e) => {
       children: a,
       mainTooltip: r,
       secondaryTooltip: s,
-      icon: d,
+      icon: i,
       isSelected: c,
       isDisabled: u,
       onClick: l,
@@ -1317,7 +1318,7 @@ const nt = (e) => {
     const C = f(), S = c === void 0 ? /* @__PURE__ */ v(
       C.Button.Button,
       {
-        className: i(
+        className: d(
           n,
           b === "compact" ? "h-6 min-w-6 p-0" : ""
         ),
@@ -1329,14 +1330,14 @@ const nt = (e) => {
         "aria-label": g,
         ...h,
         children: [
-          d,
+          i,
           a
         ]
       }
     ) : /* @__PURE__ */ v(
       C.Toggle.Toggle,
       {
-        className: i(
+        className: d(
           n,
           "data-[state=open]:bg-accent data-[state=closed]:text-accent-foreground",
           b === "compact" ? "h-6 min-w-6 p-0" : ""
@@ -1351,7 +1352,7 @@ const nt = (e) => {
         ref: t,
         ...h,
         children: [
-          d,
+          i,
           a
         ]
       }
@@ -1373,12 +1374,12 @@ const nt = (e) => {
 ), z = p((e, t) => {
   const { className: n, items: a, isDisabled: r, ...s } = e;
   m(s);
-  const d = f(), c = (l) => /* @__PURE__ */ v("div", { className: "flex items-center gap-1", children: [
+  const i = f(), c = (l) => /* @__PURE__ */ v("div", { className: "flex items-center gap-1", children: [
     l.icon,
     l.text
   ] }), u = a.filter((l) => l.isSelected)[0];
   return u ? /* @__PURE__ */ v(
-    d.Select.Select,
+    i.Select.Select,
     {
       value: u.text,
       onValueChange: (l) => {
@@ -1387,9 +1388,9 @@ const nt = (e) => {
       },
       disabled: r,
       children: [
-        /* @__PURE__ */ o(d.Select.SelectTrigger, { className: "border-none", children: /* @__PURE__ */ o(d.Select.SelectValue, {}) }),
-        /* @__PURE__ */ o(d.Select.SelectContent, { className: n, ref: t, children: a.map((l) => /* @__PURE__ */ o(
-          d.Select.SelectItem,
+        /* @__PURE__ */ o(i.Select.SelectTrigger, { className: "border-none", children: /* @__PURE__ */ o(i.Select.SelectValue, {}) }),
+        /* @__PURE__ */ o(i.Select.SelectContent, { className: n, ref: t, children: a.map((l) => /* @__PURE__ */ o(
+          i.Select.SelectItem,
           {
             disabled: l.isDisabled,
             value: l.text,
@@ -1406,7 +1407,7 @@ const nt = (e) => {
     children: a,
     selected: r,
     headerText: s,
-    onFocus: d,
+    onFocus: i,
     onBlur: c,
     tabIndex: u,
     ...l
@@ -1416,12 +1417,12 @@ const nt = (e) => {
   return /* @__PURE__ */ v(
     g.Card.Card,
     {
-      className: i(
+      className: d(
         n,
         "w-[300px]",
         r ? "bg-accent text-accent-foreground" : ""
       ),
-      onFocus: d,
+      onFocus: i,
       onBlur: c,
       tabIndex: u,
       ref: t,
@@ -1436,7 +1437,7 @@ const nt = (e) => {
   return m(r), /* @__PURE__ */ o(
     "div",
     {
-      className: i(
+      className: d(
         n,
         "p-4",
         n != null && n.includes("thread-comments") ? "flex flex-col gap-6 border-b" : ""
@@ -1452,7 +1453,7 @@ const nt = (e) => {
   return /* @__PURE__ */ o(
     s.Button.Button,
     {
-      className: i(
+      className: d(
         n,
         "text-foreground w-fit bg-transparent p-0 hover:bg-transparent"
       ),
@@ -1461,7 +1462,7 @@ const nt = (e) => {
     }
   );
 }), Pt = p((e, t) => {
-  const { authorInfo: n, timeString: a, edited: r, ...s } = e, d = Q();
+  const { authorInfo: n, timeString: a, edited: r, ...s } = e, i = Q();
   m(s, !1);
   const c = f();
   return n === "loading" ? /* @__PURE__ */ v("div", { className: "flex flex-row flex-nowrap items-center gap-4", children: [
@@ -1494,7 +1495,7 @@ const nt = (e) => {
       /* @__PURE__ */ v("span", { className: "text-xs", children: [
         a,
         " ",
-        r && `(${d.comments.edited})`
+        r && `(${i.comments.edited})`
       ] })
     ] })
   ] });
@@ -1504,7 +1505,7 @@ const nt = (e) => {
     showActions: a,
     authorInfo: r,
     timeString: s,
-    actions: d,
+    actions: i,
     edited: c,
     emojiPickerOpen: u,
     // Unused
@@ -1512,30 +1513,30 @@ const nt = (e) => {
     ...g
   } = e;
   m(g);
-  const [b, h] = oe(!1), { focused: C, ref: S } = K(), y = d && (a === !0 || a === void 0 || a === "hover" && b || C);
+  const [b, h] = oe(!1), { focused: C, ref: S } = K(), y = i && (a === !0 || a === void 0 || a === "hover" && b || C);
   return /* @__PURE__ */ v(
     "div",
     {
       ref: t,
-      className: i(n, "relative flex flex-col gap-2"),
+      className: d(n, "relative flex flex-col gap-2"),
       onMouseEnter: () => h(!0),
       onMouseLeave: () => h(!1),
       children: [
-        y ? /* @__PURE__ */ o("div", { className: "absolute right-0 top-0 z-10", ref: S, children: d }) : null,
+        y ? /* @__PURE__ */ o("div", { className: "absolute right-0 top-0 z-10", ref: S, children: i }) : null,
         /* @__PURE__ */ o(Pt, { ...e }),
         l
       ]
     }
   );
 }), Rt = p((e, t) => {
-  const { className: n, onFocus: a, onBlur: r, autoFocus: s, editor: d, editable: c, ...u } = e;
+  const { className: n, onFocus: a, onBlur: r, autoFocus: s, editor: i, editable: c, ...u } = e;
   m(u);
   const l = W();
   return /* @__PURE__ */ o(
     Gt,
     {
       autoFocus: s,
-      className: i(n, ""),
+      className: d(n, ""),
       theme: l == null ? void 0 : l.colorSchemePreference,
       editor: e.editor,
       sideMenu: !1,
@@ -1566,7 +1567,7 @@ const nt = (e) => {
     text: a,
     icon: r,
     isSelected: s,
-    mainTooltip: d,
+    mainTooltip: i,
     secondaryTooltip: c,
     onClick: u,
     onMouseEnter: l,
@@ -1577,7 +1578,7 @@ const nt = (e) => {
     b.Button.Button,
     {
       variant: s ? "secondary" : "outline",
-      className: i(
+      className: d(
         n,
         "flex h-7 items-center gap-1 rounded-full px-2.5"
       ),
@@ -1590,14 +1591,14 @@ const nt = (e) => {
       ]
     }
   );
-  return d ? /* @__PURE__ */ v(b.Tooltip.Tooltip, { children: [
+  return i ? /* @__PURE__ */ v(b.Tooltip.Tooltip, { children: [
     /* @__PURE__ */ o(b.Tooltip.TooltipTrigger, { asChild: !0, children: h }),
     /* @__PURE__ */ v(
       b.Tooltip.TooltipContent,
       {
         className: "flex flex-col items-center whitespace-pre-wrap",
         children: [
-          /* @__PURE__ */ o("span", { children: d }),
+          /* @__PURE__ */ o("span", { children: i }),
           c && /* @__PURE__ */ o("span", { children: c })
         ]
       }
@@ -1610,14 +1611,14 @@ const nt = (e) => {
   return /* @__PURE__ */ o(s.Tooltip.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ o(
     "div",
     {
-      className: i(n, "flex w-full flex-row flex-wrap gap-1"),
+      className: d(n, "flex w-full flex-row flex-wrap gap-1"),
       ref: t,
       children: a
     }
   ) });
 }), Vt = p((e, t) => {
-  const { className: n, children: a, onClick: r, label: s, ...d } = e;
-  m(d);
+  const { className: n, children: a, onClick: r, label: s, ...i } = e;
+  m(i);
   const c = f();
   return /* @__PURE__ */ o(
     c.Button.Button,
@@ -1631,7 +1632,7 @@ const nt = (e) => {
     }
   );
 }), At = p((e, t) => {
-  const { className: n, accept: a, value: r, placeholder: s, onChange: d, ...c } = e;
+  const { className: n, accept: a, value: r, placeholder: s, onChange: i, ...c } = e;
   m(c);
   const u = f();
   return /* @__PURE__ */ o(
@@ -1642,12 +1643,12 @@ const nt = (e) => {
       ref: t,
       accept: a,
       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
     }
   );
 }), jt = p((e, t) => {
-  const { className: n, isSelected: a, onClick: r, item: s, id: d, ...c } = e;
+  const { className: n, isSelected: a, onClick: r, item: s, id: i, ...c } = e;
   m(c);
   const u = E(null);
   return V(() => {
@@ -1661,7 +1662,7 @@ const nt = (e) => {
   }, [a]), /* @__PURE__ */ o(
     "div",
     {
-      className: i(
+      className: d(
         "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*=text-])]:text-muted-foreground outline-hidden relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm data-[disabled]:pointer-events-none data-[inset]:pl-8 data-[disabled]:opacity-50 [&_svg:not([class*=size-])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
         "hover:bg-accent hover:text-accent-foreground data-[variant=destructive]:hover:bg-destructive/10 dark:data-[variant=destructive]:hover:bg-destructive/20 data-[variant=destructive]:hover:text-destructive",
         "aria-selected:bg-accent aria-selected:text-accent-foreground data-[variant=destructive]:aria-selected:bg-destructive/10 dark:data-[variant=destructive]:aria-selected:bg-destructive/20 data-[variant=destructive]:aria-selected:text-destructive",
@@ -1669,7 +1670,7 @@ const nt = (e) => {
         n
       ),
       ref: R([t, u]),
-      id: d,
+      id: i,
       role: "option",
       onClick: r,
       "aria-selected": a || void 0,