@blocknote/shadcn 0.36.1 → 0.37.0

package/dist/blocknote-shadcn.js

@@ -1,70 +1,79 @@
-import { jsx as a, jsxs as g, Fragment as we } from "react/jsx-runtime";
-import { assertEmpty as u, mergeCSSClasses as Ce } from "@blocknote/core";
-import { elementOverflow as z, mergeRefs as E, useFocusWithin as ye, useDictionary as Se, useBlockNoteContext as Te, FormattingToolbarController as Me, getFormattingToolbarItems as Ie, FormattingToolbar as De, ComponentsContext as Re, BlockNoteViewRaw as Be } from "@blocknote/react";
-import * as c from "react";
-import { createContext as ke, useContext as Fe, forwardRef as p, useMemo as V, useRef as A, useEffect as $, useState as Pe } from "react";
-import { FormProvider as Le, useFormContext as ze, useForm as Ee } from "react-hook-form";
-import * as S from "@radix-ui/react-avatar";
-import { clsx as Ve } from "clsx";
-import { extendTailwindMerge as Ae } from "tailwind-merge";
-import { cva as I } from "class-variance-authority";
-import { Slot as j } from "@radix-ui/react-slot";
-import * as N from "@radix-ui/react-dropdown-menu";
-import { ChevronRight as q, Check as G, Circle as $e, ChevronDown as U, ChevronUp as je } from "lucide-react";
-import * as H from "@radix-ui/react-label";
-import * as D from "@radix-ui/react-popover";
+import { jsx as o, jsxs as v, Fragment as O } from "react/jsx-runtime";
+import { assertEmpty as m, mergeCSSClasses as H } from "@blocknote/core";
+import { elementOverflow as P, mergeRefs as _, useFocusWithin as K, useDictionary as Q, useBlockNoteContext as W, FormattingToolbarController as Z, getFormattingToolbarItems as J, FormattingToolbar as X, ComponentsContext as Y, BlockNoteViewRaw as ee } from "@blocknote/react";
+import * as R from "react";
+import { createContext as te, useContext as ne, forwardRef as p, useMemo as F, useRef as L, useEffect as E, useState as oe } from "react";
+import { FormProvider as ae, useForm as re } from "react-hook-form";
+import * as z from "@radix-ui/react-avatar";
+import { clsx as se } from "clsx";
+import { twMerge as ie } from "tailwind-merge";
+import { Slot as V } from "@radix-ui/react-slot";
+import { cva as D } from "class-variance-authority";
+import * as w from "@radix-ui/react-dropdown-menu";
+import { ChevronRightIcon as de, CheckIcon as A, ChevronDownIcon as j, ChevronUpIcon as le, ChevronRight as ce } from "lucide-react";
+import * as ue from "@radix-ui/react-label";
+import * as I 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 qe = Ae({
-  prefix: "bn-"
-});
-function i(...n) {
-  return qe(Ve(n));
+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) {
+  return ie(se(e));
 }
-const K = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
-  S.Root,
-  {
-    ref: e,
-    className: i(
-      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
-      n
-    ),
-    ...t
-  }
-));
-K.displayName = S.Root.displayName;
-const Q = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
-  S.Image,
-  {
-    ref: e,
-    className: i("aspect-square h-full w-full", n),
-    ...t
-  }
-));
-Q.displayName = S.Image.displayName;
-const W = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
-  S.Fallback,
-  {
-    ref: e,
-    className: i(
-      "bg-muted flex h-full w-full items-center justify-center rounded-full",
-      n
-    ),
-    ...t
-  }
-));
-W.displayName = S.Fallback.displayName;
-const Ge = I(
-  "bn-inline-flex bn-items-center bn-rounded-full bn-border bn-px-2.5 bn-py-0.5 bn-text-xs bn-font-semibold bn-transition-colors focus:bn-outline-none focus:bn-ring-2 focus:bn-ring-ring focus:bn-ring-offset-2",
+function pe({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ o(
+    z.Root,
+    {
+      "data-slot": "avatar",
+      className: i(
+        "relative flex size-8 shrink-0 overflow-hidden rounded-full",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function ge({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ o(
+    z.Image,
+    {
+      "data-slot": "avatar-image",
+      className: i("aspect-square size-full", e),
+      ...t
+    }
+  );
+}
+function ve({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ o(
+    z.Fallback,
+    {
+      "data-slot": "avatar-fallback",
+      className: i(
+        "bg-muted flex size-full items-center justify-center rounded-full",
+        e
+      ),
+      ...t
+    }
+  );
+}
+const fe = D(
+  "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
   {
     variants: {
       variant: {
-        default: "bn-border-transparent bn-bg-primary bn-text-primary-foreground hover:bn-bg-primary/80",
-        secondary: "bn-border-transparent bn-bg-secondary bn-text-secondary-foreground hover:bn-bg-secondary/80",
-        destructive: "bn-border-transparent bn-bg-destructive bn-text-destructive-foreground hover:bn-bg-destructive/80",
-        outline: "bn-text-foreground"
+        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
       }
     },
     defaultVariants: {
@@ -72,26 +81,38 @@ const Ge = I(
     }
   }
 );
-function Ue({ className: n, variant: t, ...e }) {
-  return /* @__PURE__ */ a("div", { className: i(Ge({ variant: t }), n), ...e });
+function be({
+  className: e,
+  variant: t,
+  asChild: n = !1,
+  ...a
+}) {
+  return /* @__PURE__ */ o(
+    n ? V : "span",
+    {
+      "data-slot": "badge",
+      className: i(fe({ variant: t }), e),
+      ...a
+    }
+  );
 }
-const He = I(
-  "bn-inline-flex bn-items-center bn-justify-center bn-whitespace-nowrap bn-rounded-md bn-text-sm bn-font-medium bn-ring-offset-background bn-transition-colors focus-visible:bn-outline-none focus-visible:bn-ring-2 focus-visible:bn-ring-ring focus-visible:bn-ring-offset-2 disabled:bn-pointer-events-none disabled:bn-opacity-50",
+const he = D(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*=size-])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
   {
     variants: {
       variant: {
-        default: "bn-bg-primary bn-text-primary-foreground hover:bn-bg-primary/90",
-        destructive: "bn-bg-destructive bn-text-destructive-foreground hover:bn-bg-destructive/90",
-        outline: "bn-border bn-border-input bn-bg-background hover:bn-bg-accent hover:bn-text-accent-foreground",
-        secondary: "bn-bg-secondary bn-text-secondary-foreground hover:bn-bg-secondary/80",
-        ghost: "hover:bn-bg-accent hover:bn-text-accent-foreground",
-        link: "bn-text-primary bn-underline-offset-4 hover:bn-underline"
+        default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
+        destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline"
       },
       size: {
-        default: "bn-h-10 bn-px-4 bn-py-2",
-        sm: "bn-h-9 bn-rounded-md bn-px-3",
-        lg: "bn-h-11 bn-rounded-md bn-px-8",
-        icon: "bn-h-10 bn-w-10"
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9"
       }
     },
     defaultVariants: {
@@ -99,473 +120,469 @@ const He = I(
       size: "default"
     }
   }
-), Z = c.forwardRef(
-  ({ className: n, variant: t, size: e, asChild: o = !1, ...r }, s) => /* @__PURE__ */ a(
-    o ? j : "button",
+);
+function xe({
+  className: e,
+  variant: t,
+  size: n,
+  asChild: a = !1,
+  ...r
+}) {
+  return /* @__PURE__ */ o(
+    a ? V : "button",
     {
-      className: i(He({ variant: t, size: e, className: n })),
-      ref: s,
-      type: "button",
+      "data-slot": "button",
+      className: i(he({ variant: t, size: n, className: e })),
       ...r
     }
-  )
-);
-Z.displayName = "Button";
-const _ = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
-  "div",
-  {
-    ref: e,
-    className: i(
-      "bn-rounded-lg bn-border bn-bg-card bn-text-card-foreground bn-shadow-sm",
-      n
-    ),
-    ...t
-  }
-));
-_.displayName = "Card";
-const Oe = 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),
-    ...t
-  }
-));
-Oe.displayName = "CardHeader";
-const Ke = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
-  "h3",
-  {
-    ref: e,
-    className: i(
-      "bn-text-2xl bn-font-semibold bn-leading-none bn-tracking-tight",
-      n
-    ),
-    ...t
-  }
-));
-Ke.displayName = "CardTitle";
-const Qe = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
-  "p",
-  {
-    ref: e,
-    className: i("bn-text-sm bn-text-muted-foreground", n),
-    ...t
-  }
-));
-Qe.displayName = "CardDescription";
-const J = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a("div", { ref: e, className: i("bn-p-6 bn-pt-0", n), ...t }));
-J.displayName = "CardContent";
-const We = 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),
-    ...t
-  }
-));
-We.displayName = "CardFooter";
-const Ze = N.Root, _e = N.Trigger, Je = N.Sub, X = c.forwardRef(({ className: n, inset: t, children: e, ...o }, r) => /* @__PURE__ */ g(
-  N.SubTrigger,
-  {
-    ref: r,
-    className: i(
-      "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
-    ),
-    ...o,
-    children: [
-      e,
-      /* @__PURE__ */ a(q, { className: "bn-ml-auto bn-h-4 bn-w-4" })
-    ]
-  }
-));
-X.displayName = N.SubTrigger.displayName;
-const Y = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
-  N.SubContent,
-  {
-    ref: e,
-    className: i(
-      "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
-  }
-));
-Y.displayName = N.SubContent.displayName;
-const ee = c.forwardRef(({ className: n, sideOffset: t = 4, ...e }, o) => (
-  // <DropdownMenuPrimitive.Portal>
-  /* @__PURE__ */ a(
-    N.Content,
+  );
+}
+function we({ className: e, ...t }) {
+  return /* @__PURE__ */ o(
+    "div",
     {
-      ref: o,
-      sideOffset: t,
+      "data-slot": "card",
       className: i(
-        "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
+        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
+        e
       ),
-      ...e
+      ...t
     }
-  )
-));
-ee.displayName = N.Content.displayName;
-const ne = c.forwardRef(({ className: n, inset: t, ...e }, o) => /* @__PURE__ */ a(
-  N.Item,
-  {
-    ref: o,
-    className: i(
-      "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
-    ),
-    ...e
-  }
-));
-ne.displayName = N.Item.displayName;
-const te = c.forwardRef(({ className: n, children: t, checked: e, ...o }, r) => /* @__PURE__ */ g(
-  N.CheckboxItem,
-  {
-    ref: r,
-    className: i(
-      "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(G, { className: "bn-h-4 bn-w-4" }) }) }),
-      t
-    ]
-  }
-));
-te.displayName = N.CheckboxItem.displayName;
-const Xe = c.forwardRef(({ className: n, children: t, ...e }, o) => /* @__PURE__ */ g(
-  N.RadioItem,
-  {
-    ref: o,
-    className: i(
-      "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($e, { className: "bn-h-2 bn-w-2 bn-fill-current" }) }) }),
-      t
-    ]
-  }
-));
-Xe.displayName = N.RadioItem.displayName;
-const oe = c.forwardRef(({ className: n, inset: t, ...e }, o) => /* @__PURE__ */ a(
-  N.Label,
-  {
-    ref: o,
-    className: i(
-      "bn-px-2 bn-py-1.5 bn-text-sm bn-font-semibold",
-      t && "bn-pl-8",
-      n
-    ),
-    ...e
-  }
-));
-oe.displayName = N.Label.displayName;
-const ae = 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),
-    ...t
-  }
-));
-ae.displayName = N.Separator.displayName;
-const Ye = I(
-  "bn-text-sm bn-font-medium bn-leading-none peer-disabled:bn-cursor-not-allowed peer-disabled:bn-opacity-70"
-), P = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
-  H.Root,
-  {
-    ref: e,
-    className: i(Ye(), n),
-    ...t
-  }
-));
-P.displayName = H.Root.displayName;
-const en = Le, nn = c.createContext(
-  {}
-), R = () => {
-  const n = c.useContext(nn), t = c.useContext(re), { getFieldState: e, formState: o } = ze(), r = e(n.name, o);
-  if (!n)
-    throw new Error("useFormField should be used within <FormField>");
-  const { id: s } = t;
-  return {
-    id: s,
-    name: n.name,
-    formItemId: `${s}-form-item`,
-    formDescriptionId: `${s}-form-item-description`,
-    formMessageId: `${s}-form-item-message`,
-    ...r
-  };
-}, re = c.createContext(
-  {}
-), tn = c.forwardRef(({ className: n, ...t }, e) => {
-  const o = c.useId();
-  return /* @__PURE__ */ a(re.Provider, { value: { id: o }, children: /* @__PURE__ */ a("div", { ref: e, className: i("bn-space-y-2", n), ...t }) });
-});
-tn.displayName = "FormItem";
-const on = c.forwardRef(({ className: n, ...t }, e) => {
-  const { error: o, formItemId: r } = R();
-  return /* @__PURE__ */ a(
-    P,
-    {
-      ref: e,
-      className: i(o && "bn-text-destructive", n),
-      htmlFor: r,
+  );
+}
+function Ce({ className: e, ...t }) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: i("px-6", e),
       ...t
     }
   );
-});
-on.displayName = "FormLabel";
-const an = c.forwardRef(({ ...n }, t) => {
-  const { error: e, formItemId: o, formDescriptionId: r, formMessageId: s } = R();
-  return /* @__PURE__ */ a(
-    j,
+}
+function Ne({
+  ...e
+}) {
+  return /* @__PURE__ */ o(w.Root, { "data-slot": "dropdown-menu", ...e });
+}
+function Se({
+  ...e
+}) {
+  return /* @__PURE__ */ o(
+    w.Trigger,
     {
-      ref: t,
-      id: o,
-      "aria-describedby": e ? `${r} ${s}` : `${r}`,
-      "aria-invalid": !!e,
+      "data-slot": "dropdown-menu-trigger",
+      ...e
+    }
+  );
+}
+function Te({
+  className: e,
+  sideOffset: t = 4,
+  ...n
+}) {
+  return /* @__PURE__ */ o(
+    w.Content,
+    {
+      "data-slot": "dropdown-menu-content",
+      sideOffset: t,
+      className: i(
+        "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
+      ),
       ...n
     }
   );
-});
-an.displayName = "FormControl";
-const rn = c.forwardRef(({ className: n, ...t }, e) => {
-  const { formDescriptionId: o } = R();
-  return /* @__PURE__ */ a(
-    "p",
-    {
-      ref: e,
-      id: o,
-      className: i("bn-text-sm bn-text-muted-foreground", n),
+}
+function ye({
+  className: e,
+  inset: t,
+  variant: n = "default",
+  ...a
+}) {
+  return /* @__PURE__ */ o(
+    w.Item,
+    {
+      "data-slot": "dropdown-menu-item",
+      "data-inset": t,
+      "data-variant": n,
+      className: i(
+        "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
+      ),
+      ...a
+    }
+  );
+}
+function ke({
+  className: e,
+  children: t,
+  checked: n,
+  ...a
+}) {
+  return /* @__PURE__ */ v(
+    w.CheckboxItem,
+    {
+      "data-slot": "dropdown-menu-checkbox-item",
+      className: i(
+        "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
+      ),
+      checked: n,
+      ...a,
+      children: [
+        /* @__PURE__ */ o("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ o(w.ItemIndicator, { children: /* @__PURE__ */ o(A, { className: "size-4" }) }) }),
+        t
+      ]
+    }
+  );
+}
+function Me({
+  className: e,
+  inset: t,
+  ...n
+}) {
+  return /* @__PURE__ */ o(
+    w.Label,
+    {
+      "data-slot": "dropdown-menu-label",
+      "data-inset": t,
+      className: i(
+        "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
+        e
+      ),
+      ...n
+    }
+  );
+}
+function ze({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ o(
+    w.Separator,
+    {
+      "data-slot": "dropdown-menu-separator",
+      className: i("bg-border -mx-1 my-1 h-px", e),
       ...t
     }
   );
-});
-rn.displayName = "FormDescription";
-const sn = c.forwardRef(({ className: n, children: t, ...e }, o) => {
-  const { error: r, formMessageId: s } = R(), l = r ? String(r == null ? void 0 : r.message) : t;
-  return l ? /* @__PURE__ */ a(
-    "p",
-    {
-      ref: o,
-      id: s,
-      className: i("bn-text-sm bn-font-medium bn-text-destructive", n),
-      ...e,
-      children: l
+}
+function De({
+  ...e
+}) {
+  return /* @__PURE__ */ o(w.Sub, { "data-slot": "dropdown-menu-sub", ...e });
+}
+function Ie({
+  className: e,
+  inset: t,
+  children: n,
+  ...a
+}) {
+  return /* @__PURE__ */ v(
+    w.SubTrigger,
+    {
+      "data-slot": "dropdown-menu-sub-trigger",
+      "data-inset": t,
+      className: i(
+        "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
+      ),
+      ...a,
+      children: [
+        n,
+        /* @__PURE__ */ o(de, { className: "ml-auto size-4" })
+      ]
     }
-  ) : null;
-});
-sn.displayName = "FormMessage";
-const se = c.forwardRef(
-  ({ className: n, type: t, ...e }, o) => /* @__PURE__ */ a(
+  );
+}
+function Be({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ o(
+    w.SubContent,
+    {
+      "data-slot": "dropdown-menu-sub-content",
+      className: i(
+        "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
+      ),
+      ...t
+    }
+  );
+}
+function Pe({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ o(
+    ue.Root,
+    {
+      "data-slot": "label",
+      className: i(
+        "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
+      ),
+      ...t
+    }
+  );
+}
+const _e = ae;
+R.createContext(
+  {}
+);
+R.createContext(
+  {}
+);
+function Re({ className: e, type: t, ...n }) {
+  return /* @__PURE__ */ o(
     "input",
     {
       type: t,
+      "data-slot": "input",
       className: i(
-        "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
+        "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",
+        e
       ),
-      ref: o,
-      ...e
+      ...n
     }
-  )
-);
-se.displayName = "Input";
-const ln = D.Root, dn = D.Trigger, ie = c.forwardRef(({ className: n, align: t = "center", sideOffset: e = 4, ...o }, r) => (
-  // <PopoverPrimitive.Portal>
-  /* @__PURE__ */ a(
-    D.Content,
+  );
+}
+function Fe({
+  ...e
+}) {
+  return /* @__PURE__ */ o(I.Root, { "data-slot": "popover", ...e });
+}
+function Le({
+  ...e
+}) {
+  return /* @__PURE__ */ o(I.Trigger, { "data-slot": "popover-trigger", ...e });
+}
+function Ee({
+  className: e,
+  align: t = "center",
+  sideOffset: n = 4,
+  ...a
+}) {
+  return /* @__PURE__ */ o(
+    I.Content,
     {
-      ref: r,
+      "data-slot": "popover-content",
       align: t,
-      sideOffset: e,
+      sideOffset: n,
       className: i(
-        "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
+        "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
       ),
-      ...o
+      ...a
     }
-  )
-));
-ie.displayName = D.Content.displayName;
-const bn = x.Root, cn = x.Value, le = c.forwardRef(({ className: n, children: t, ...e }, o) => /* @__PURE__ */ g(
-  x.Trigger,
-  {
-    ref: o,
-    className: i(
-      "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(U, { className: "bn-h-4 bn-w-4 bn-opacity-50" }) })
-    ]
-  }
-));
-le.displayName = x.Trigger.displayName;
-const de = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
-  x.ScrollUpButton,
-  {
-    ref: e,
-    className: i(
-      "bn-flex bn-cursor-default bn-items-center bn-justify-center bn-py-1",
-      n
-    ),
-    ...t,
-    children: /* @__PURE__ */ a(je, { className: "bn-h-4 bn-w-4" })
-  }
-));
-de.displayName = x.ScrollUpButton.displayName;
-const be = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
-  x.ScrollDownButton,
-  {
-    ref: e,
-    className: i(
-      "bn-flex bn-cursor-default bn-items-center bn-justify-center bn-py-1",
-      n
-    ),
-    ...t,
-    children: /* @__PURE__ */ a(U, { className: "bn-h-4 bn-w-4" })
-  }
-));
-be.displayName = x.ScrollDownButton.displayName;
-const ce = c.forwardRef(({ className: n, children: t, position: e = "popper", ...o }, r) => (
-  // <SelectPrimitive.Portal>
-  /* @__PURE__ */ g(
+  );
+}
+function Ve({
+  ...e
+}) {
+  return /* @__PURE__ */ o(x.Root, { "data-slot": "select", ...e });
+}
+function Ae({
+  ...e
+}) {
+  return /* @__PURE__ */ o(x.Value, { "data-slot": "select-value", ...e });
+}
+function je({
+  className: e,
+  size: t = "default",
+  children: n,
+  ...a
+}) {
+  return /* @__PURE__ */ v(
+    x.Trigger,
+    {
+      "data-slot": "select-trigger",
+      "data-size": t,
+      className: i(
+        "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
+      ),
+      ...a,
+      children: [
+        n,
+        /* @__PURE__ */ o(x.Icon, { asChild: !0, children: /* @__PURE__ */ o(j, { className: "size-4 opacity-50" }) })
+      ]
+    }
+  );
+}
+function qe({
+  className: e,
+  children: t,
+  position: n = "popper",
+  ...a
+}) {
+  return /* @__PURE__ */ v(
     x.Content,
     {
-      ref: r,
+      "data-slot": "select-content",
       className: i(
-        "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
+        "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
       ),
-      position: e,
-      ...o,
+      position: n,
+      ...a,
       children: [
-        /* @__PURE__ */ a(de, {}),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ o(Ge, {}),
+        /* @__PURE__ */ o(
           x.Viewport,
           {
             className: i(
-              "bn-p-1",
-              e === "popper" && "bn-h-[var(--radix-select-trigger-height)] bn-w-full bn-min-w-[var(--radix-select-trigger-width)]"
+              "p-1",
+              n === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
             ),
             children: t
           }
         ),
-        /* @__PURE__ */ a(be, {})
+        /* @__PURE__ */ o(Ue, {})
       ]
     }
-  )
-));
-ce.displayName = x.Content.displayName;
-const mn = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
-  x.Label,
-  {
-    ref: e,
-    className: i(
-      "bn-py-1.5 bn-pl-8 bn-pr-2 bn-text-sm bn-font-semibold",
-      n
-    ),
-    ...t
-  }
-));
-mn.displayName = x.Label.displayName;
-const me = c.forwardRef(({ className: n, children: t, ...e }, o) => /* @__PURE__ */ g(
-  x.Item,
-  {
-    ref: o,
-    className: i(
-      "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(G, { className: "bn-h-4 bn-w-4" }) }) }),
-      /* @__PURE__ */ a(x.ItemText, { children: t })
-    ]
-  }
-));
-me.displayName = x.Item.displayName;
-const un = 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),
-    ...t
-  }
-));
-un.displayName = x.Separator.displayName;
-function pn({
-  className: n,
+  );
+}
+function $e({
+  className: e,
+  children: t,
+  ...n
+}) {
+  return /* @__PURE__ */ v(
+    x.Item,
+    {
+      "data-slot": "select-item",
+      className: i(
+        "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
+      ),
+      ...n,
+      children: [
+        /* @__PURE__ */ o("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ o(x.ItemIndicator, { children: /* @__PURE__ */ o(A, { className: "size-4" }) }) }),
+        /* @__PURE__ */ o(x.ItemText, { children: t })
+      ]
+    }
+  );
+}
+function Ge({
+  className: e,
   ...t
 }) {
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ o(
+    x.ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: i(
+        "flex cursor-default items-center justify-center py-1",
+        e
+      ),
+      ...t,
+      children: /* @__PURE__ */ o(le, { className: "size-4" })
+    }
+  );
+}
+function Ue({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ o(
+    x.ScrollDownButton,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: i(
+        "flex cursor-default items-center justify-center py-1",
+        e
+      ),
+      ...t,
+      children: /* @__PURE__ */ o(j, { className: "size-4" })
+    }
+  );
+}
+function Oe({ className: e, ...t }) {
+  return /* @__PURE__ */ o(
     "div",
     {
-      className: i("bg-primary/10 animate-pulse rounded-md", n),
+      "data-slot": "skeleton",
+      className: i("bg-accent animate-pulse rounded-md", e),
       ...t
     }
   );
 }
-const fn = y.Root, ue = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
-  y.List,
-  {
-    ref: e,
-    className: i(
-      "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
-  }
-));
-ue.displayName = y.List.displayName;
-const pe = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
-  y.Trigger,
-  {
-    ref: e,
-    className: i(
-      "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
-  }
-));
-pe.displayName = y.Trigger.displayName;
-const fe = c.forwardRef(({ className: n, ...t }, e) => /* @__PURE__ */ a(
-  y.Content,
-  {
-    ref: e,
-    className: i(
-      "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
-  }
-));
-fe.displayName = y.Content.displayName;
-const gn = I(
-  "bn-inline-flex bn-items-center bn-justify-center bn-rounded-md bn-text-sm bn-font-medium bn-ring-offset-background bn-transition-colors hover:bn-bg-muted hover:bn-text-muted-foreground focus-visible:bn-outline-none focus-visible:bn-ring-2 focus-visible:bn-ring-ring focus-visible:bn-ring-offset-2 disabled:bn-pointer-events-none disabled:bn-opacity-50 data-[state=on]:bn-bg-accent data-[state=on]:bn-text-accent-foreground",
+function He({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ o(
+    T.Root,
+    {
+      "data-slot": "tabs",
+      className: i("flex flex-col gap-2", e),
+      ...t
+    }
+  );
+}
+function Ke({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ o(
+    T.List,
+    {
+      "data-slot": "tabs-list",
+      className: i(
+        "bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function Qe({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ o(
+    T.Trigger,
+    {
+      "data-slot": "tabs-trigger",
+      className: i(
+        "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
+      ),
+      ...t
+    }
+  );
+}
+function We({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ o(
+    T.Content,
+    {
+      "data-slot": "tabs-content",
+      className: i("flex-1 outline-none", e),
+      ...t
+    }
+  );
+}
+const Ze = D(
+  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*=size-])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
   {
     variants: {
       variant: {
-        default: "bn-bg-transparent",
-        outline: "bn-border bn-border-input bn-bg-transparent hover:bn-bg-accent hover:bn-text-accent-foreground"
+        default: "bg-transparent",
+        outline: "border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground"
       },
       size: {
-        default: "bn-h-10 bn-px-3",
-        sm: "bn-h-9 bn-px-2.5",
-        lg: "bn-h-11 bn-px-5"
+        default: "h-9 px-2 min-w-9",
+        sm: "h-8 px-1.5 min-w-8",
+        lg: "h-10 px-2.5 min-w-10"
       }
     },
     defaultVariants: {
@@ -573,576 +590,628 @@ const gn = I(
       size: "default"
     }
   }
-), ge = c.forwardRef(({ className: n, variant: t, size: e, ...o }, r) => /* @__PURE__ */ a(
-  O.Root,
-  {
-    ref: r,
-    className: i(gn({ variant: t, size: e, className: n })),
-    ...o
-  }
-));
-ge.displayName = O.Root.displayName;
-const hn = T.Provider, vn = T.Root, Nn = T.Trigger, he = c.forwardRef(({ className: n, sideOffset: t = 4, ...e }, o) => /* @__PURE__ */ a(
-  T.Content,
-  {
-    ref: o,
-    sideOffset: t,
-    className: i(
-      "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
-  }
-));
-he.displayName = T.Content.displayName;
-const xn = {
+);
+function Je({
+  className: e,
+  variant: t,
+  size: n,
+  ...a
+}) {
+  return /* @__PURE__ */ o(
+    me.Root,
+    {
+      "data-slot": "toggle",
+      className: i(Ze({ variant: t, size: n, className: e })),
+      ...a
+    }
+  );
+}
+function q({
+  delayDuration: e = 0,
+  ...t
+}) {
+  return /* @__PURE__ */ o(
+    N.Provider,
+    {
+      "data-slot": "tooltip-provider",
+      delayDuration: e,
+      ...t
+    }
+  );
+}
+function Xe({
+  ...e
+}) {
+  return /* @__PURE__ */ o(q, { children: /* @__PURE__ */ o(N.Root, { "data-slot": "tooltip", ...e }) });
+}
+function Ye({
+  ...e
+}) {
+  return /* @__PURE__ */ o(N.Trigger, { "data-slot": "tooltip-trigger", ...e });
+}
+function et({
+  className: e,
+  sideOffset: t = 0,
+  children: n,
+  ...a
+}) {
+  return /* @__PURE__ */ v(
+    N.Content,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset: t,
+      className: i(
+        "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
+      ),
+      ...a,
+      children: [
+        n,
+        /* @__PURE__ */ o(N.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+      ]
+    }
+  );
+}
+const tt = {
   Avatar: {
-    Avatar: K,
-    AvatarFallback: W,
-    AvatarImage: Q
+    Avatar: pe,
+    AvatarFallback: ve,
+    AvatarImage: ge
   },
   Badge: {
-    Badge: Ue
+    Badge: be
   },
   Button: {
-    Button: Z
+    Button: xe
   },
   Card: {
-    Card: _,
-    CardContent: J
+    Card: we,
+    CardContent: Ce
   },
   DropdownMenu: {
-    DropdownMenu: Ze,
-    DropdownMenuCheckboxItem: te,
-    DropdownMenuContent: ee,
-    DropdownMenuItem: ne,
-    DropdownMenuLabel: oe,
-    DropdownMenuSeparator: ae,
-    DropdownMenuSub: Je,
-    DropdownMenuSubContent: Y,
-    DropdownMenuSubTrigger: X,
-    DropdownMenuTrigger: _e
+    DropdownMenu: Ne,
+    DropdownMenuCheckboxItem: ke,
+    DropdownMenuContent: Te,
+    DropdownMenuItem: ye,
+    DropdownMenuLabel: Me,
+    DropdownMenuSeparator: ze,
+    DropdownMenuSub: De,
+    DropdownMenuSubContent: Be,
+    DropdownMenuSubTrigger: Ie,
+    DropdownMenuTrigger: Se
   },
   Form: {
-    Form: en
+    Form: _e
   },
   Input: {
-    Input: se
+    Input: Re
   },
   Label: {
-    Label: P
+    Label: Pe
   },
   Popover: {
-    Popover: ln,
-    PopoverContent: ie,
-    PopoverTrigger: dn
+    Popover: Fe,
+    PopoverContent: Ee,
+    PopoverTrigger: Le
   },
   Select: {
-    Select: bn,
-    SelectContent: ce,
-    SelectItem: me,
-    SelectTrigger: le,
-    SelectValue: cn
+    Select: Ve,
+    SelectContent: qe,
+    SelectItem: $e,
+    SelectTrigger: je,
+    SelectValue: Ae
   },
   Skeleton: {
-    Skeleton: pn
+    Skeleton: Oe
   },
   Tabs: {
-    Tabs: fn,
-    TabsContent: fe,
-    TabsList: ue,
-    TabsTrigger: pe
+    Tabs: He,
+    TabsContent: We,
+    TabsList: Ke,
+    TabsTrigger: Qe
   },
   Toggle: {
-    Toggle: ge
+    Toggle: Je
   },
   Tooltip: {
-    Tooltip: vn,
-    TooltipContent: he,
-    TooltipProvider: hn,
-    TooltipTrigger: Nn
+    Tooltip: Xe,
+    TooltipContent: et,
+    TooltipProvider: q,
+    TooltipTrigger: Ye
   }
-}, ve = ke(void 0);
-function h() {
-  return Fe(ve);
+}, $ = te(void 0);
+function f() {
+  return ne($);
 }
-const wn = (n) => {
-  const { children: t, ...e } = n;
-  u(e);
-  const o = h(), r = Ee();
-  return /* @__PURE__ */ a(o.Form.Form, { ...r, children: t });
-}, Cn = p((n, t) => {
+const nt = (e) => {
+  const { children: t, ...n } = e;
+  m(n);
+  const a = f(), r = re();
+  return /* @__PURE__ */ o(a.Form.Form, { ...r, children: t });
+}, ot = p((e, t) => {
   const {
-    className: e,
-    name: o,
+    className: n,
+    name: a,
     label: r,
     variant: s,
-    icon: l,
+    icon: d,
     // TODO: implement
-    value: b,
-    autoFocus: m,
-    placeholder: d,
-    disabled: f,
-    onKeyDown: v,
-    onChange: w,
+    value: c,
+    autoFocus: u,
+    placeholder: l,
+    disabled: g,
+    onKeyDown: b,
+    onChange: h,
     onSubmit: C,
-    autoComplete: M,
-    rightSection: Ne,
+    autoComplete: S,
+    rightSection: G,
     // TODO: add rightSection
-    ...xe
-  } = n;
-  u(xe);
-  const L = h();
-  return /* @__PURE__ */ g(
+    ...U
+  } = e;
+  m(U);
+  const B = f();
+  return /* @__PURE__ */ v(
     "div",
     {
       className: i(
-        e,
-        "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",
-        "bn-items-center bn-gap-2 bn-text-foreground"
+        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: [
-        l,
-        /* @__PURE__ */ g("div", { className: "bn-flex-1", children: [
-          r && /* @__PURE__ */ a(L.Label.Label, { htmlFor: r, children: r }),
-          /* @__PURE__ */ a(
-            L.Input.Input,
+        d,
+        /* @__PURE__ */ v("div", { className: "flex-1", children: [
+          r && /* @__PURE__ */ o(B.Label.Label, { htmlFor: r, children: r }),
+          /* @__PURE__ */ o(
+            B.Input.Input,
             {
-              className: i(e, "bn-border-none bn-p-0 bn-h-auto"),
+              className: i(n, "h-auto border-none p-0"),
               id: r,
-              name: o,
-              autoFocus: m,
-              placeholder: d,
-              disabled: f,
-              value: b,
-              onKeyDown: v,
-              onChange: w,
+              name: a,
+              autoFocus: u,
+              placeholder: l,
+              disabled: g,
+              value: c,
+              onKeyDown: b,
+              onChange: h,
               onSubmit: C,
               ref: t
             }
           )
         ] }),
-        Ne
+        G
       ]
     }
   );
-}), yn = (n) => p(
-  (t, e) => /* @__PURE__ */ a(
-    n,
+}), at = (e) => p(
+  (t, n) => /* @__PURE__ */ o(
+    e,
     {
-      onPointerDown: (o) => {
-        o.nativeEvent.fakeEvent || (o.ctrlKey = !0);
+      onPointerDown: (a) => {
+        a.nativeEvent.fakeEvent || (a.ctrlKey = !0);
       },
-      onPointerUp: (o) => {
-        const r = new PointerEvent("pointerdown", o.nativeEvent);
-        r.fakeEvent = !0, o.target.dispatchEvent(r);
+      onPointerUp: (a) => {
+        const r = new PointerEvent("pointerdown", a.nativeEvent);
+        r.fakeEvent = !0, a.target.dispatchEvent(r);
       },
       ...t,
-      ref: e
+      ref: n
     }
   )
-), Sn = (n) => {
+), rt = (e) => {
   const {
     children: t,
-    onOpenChange: e,
-    position: o,
+    onOpenChange: n,
+    position: a,
     // Unused
     sub: r,
     ...s
-  } = n;
-  u(s);
-  const l = h();
-  return r ? /* @__PURE__ */ a(
-    l.DropdownMenu.DropdownMenuSub,
+  } = e;
+  m(s);
+  const d = f();
+  return r ? /* @__PURE__ */ o(
+    d.DropdownMenu.DropdownMenuSub,
     {
-      onOpenChange: e,
+      onOpenChange: n,
       children: t
     }
-  ) : /* @__PURE__ */ a(
-    l.DropdownMenu.DropdownMenu,
+  ) : /* @__PURE__ */ o(
+    d.DropdownMenu.DropdownMenu,
     {
       modal: !1,
-      onOpenChange: e,
+      onOpenChange: n,
       children: t
     }
   );
-}, Tn = (n) => {
-  const { children: t, sub: e, ...o } = n;
-  u(o);
-  const r = h(), s = V(
-    () => yn(
+}, st = (e) => {
+  const { children: t, sub: n, ...a } = e;
+  m(a);
+  const r = f(), s = F(
+    () => at(
       r.DropdownMenu.DropdownMenuTrigger
     ),
     [r.DropdownMenu.DropdownMenuTrigger]
   );
-  return e ? /* @__PURE__ */ a(r.DropdownMenu.DropdownMenuSubTrigger, { children: t }) : /* @__PURE__ */ a(s, { asChild: !0, ...o, children: t });
-}, Mn = p((n, t) => {
-  const { className: e, children: o, sub: r, ...s } = n;
-  u(s);
-  const l = h();
-  return r ? /* @__PURE__ */ a(
-    l.DropdownMenu.DropdownMenuSubContent,
-    {
-      className: e,
+  return n ? /* @__PURE__ */ o(r.DropdownMenu.DropdownMenuSubTrigger, { children: t }) : /* @__PURE__ */ o(s, { asChild: !0, ...a, children: t });
+}, it = p((e, t) => {
+  const { className: n, children: a, sub: r, ...s } = e;
+  m(s);
+  const d = f();
+  return r ? /* @__PURE__ */ o(
+    d.DropdownMenu.DropdownMenuSubContent,
+    {
+      className: n,
       ref: t,
-      children: o
+      children: a
     }
-  ) : /* @__PURE__ */ a(
-    l.DropdownMenu.DropdownMenuContent,
+  ) : /* @__PURE__ */ o(
+    d.DropdownMenu.DropdownMenuContent,
     {
-      className: e,
+      className: n,
       ref: t,
-      children: o
+      children: a
     }
   );
-}), In = p((n, t) => {
-  const { className: e, children: o, icon: r, checked: s, subTrigger: l, onClick: b, ...m } = n;
-  u(m);
-  const d = h();
-  return l ? /* @__PURE__ */ g(we, { children: [
+}), dt = p((e, t) => {
+  const { className: n, children: a, icon: r, checked: s, subTrigger: d, onClick: c, ...u } = e;
+  m(u);
+  const l = f();
+  return d ? /* @__PURE__ */ v(O, { children: [
     r,
-    o
-  ] }) : s !== void 0 ? /* @__PURE__ */ g(
-    d.DropdownMenu.DropdownMenuCheckboxItem,
+    a
+  ] }) : s !== void 0 ? /* @__PURE__ */ v(
+    l.DropdownMenu.DropdownMenuCheckboxItem,
     {
-      className: i(e, "bn-gap-1", s ? "" : "bn-px-2"),
+      className: i(n, "gap-1", s ? "" : "px-2"),
       ref: t,
       checked: s,
-      onClick: b,
-      ...m,
+      onClick: c,
+      ...u,
       children: [
         r,
-        o
+        a
       ]
     }
-  ) : /* @__PURE__ */ g(
-    d.DropdownMenu.DropdownMenuItem,
+  ) : /* @__PURE__ */ v(
+    l.DropdownMenu.DropdownMenuItem,
     {
-      className: e,
+      className: n,
       ref: t,
-      onClick: b,
-      ...m,
+      onClick: c,
+      ...u,
       children: [
         r,
-        o,
-        l && /* @__PURE__ */ a(q, { className: "bn-ml-auto bn-h-4 bn-w-4" })
+        a,
+        d && /* @__PURE__ */ o(ce, { className: "ml-auto h-4 w-4" })
       ]
     }
   );
-}), Dn = p((n, t) => {
-  const { className: e, ...o } = n;
-  u(o);
-  const r = h();
-  return /* @__PURE__ */ a(
+}), lt = p((e, t) => {
+  const { className: n, ...a } = e;
+  m(a);
+  const r = f();
+  return /* @__PURE__ */ o(
     r.DropdownMenu.DropdownMenuSeparator,
     {
-      className: e,
+      className: n,
       ref: t
     }
   );
-}), Rn = p((n, t) => {
-  const { className: e, children: o, ...r } = n;
-  u(r);
-  const s = h();
-  return /* @__PURE__ */ a(
+}), ct = p((e, t) => {
+  const { className: n, children: a, ...r } = e;
+  m(r);
+  const s = f();
+  return /* @__PURE__ */ o(
     s.DropdownMenu.DropdownMenuLabel,
     {
-      className: e,
+      className: n,
       ref: t,
-      children: o
+      children: a
     }
   );
-}), Bn = p((n, t) => {
+}), ut = p((e, t) => {
   const {
-    className: e,
-    children: o,
+    className: n,
+    children: a,
     icon: r,
     onClick: s,
-    onDragEnd: l,
-    onDragStart: b,
-    draggable: m,
-    label: d,
-    ...f
-  } = n;
-  u(f, !1);
-  const v = h();
-  return /* @__PURE__ */ g(
-    v.Button.Button,
+    onDragEnd: d,
+    onDragStart: c,
+    draggable: u,
+    label: l,
+    ...g
+  } = e;
+  m(g, !1);
+  const b = f();
+  return /* @__PURE__ */ v(
+    b.Button.Button,
     {
       variant: "ghost",
-      className: i(e, "bn-text-gray-400"),
+      className: i(n, "text-gray-400"),
       ref: t,
-      "aria-label": d,
+      "aria-label": l,
       onClick: s,
-      onDragStart: b,
-      onDragEnd: l,
-      draggable: m,
-      ...f,
+      onDragStart: c,
+      onDragEnd: d,
+      draggable: u,
+      ...g,
       children: [
         r,
-        o
+        a
       ]
     }
   );
-}), kn = p((n, t) => {
+}), mt = p((e, t) => {
   const {
-    className: e,
-    tabs: o,
+    className: n,
+    tabs: a,
     defaultOpenTab: r,
     openTab: s,
-    setOpenTab: l,
-    loading: b,
+    setOpenTab: d,
+    loading: c,
     // TODO: implement loader
-    ...m
-  } = n;
-  u(m);
-  const d = h();
-  return /* @__PURE__ */ g(
-    d.Tabs.Tabs,
-    {
-      className: i(e, "bn-bg-popover bn-p-2 bn-rounded-lg"),
+    ...u
+  } = e;
+  m(u);
+  const l = f();
+  return /* @__PURE__ */ v(
+    l.Tabs.Tabs,
+    {
+      className: i(n, "bg-popover rounded-lg p-2"),
       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__ */ 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))
       ]
     }
   );
-}), Fn = p((n, t) => {
-  const { className: e, children: o, ...r } = n;
-  return u(r), /* @__PURE__ */ a(
+}), pt = p((e, t) => {
+  const { className: n, children: a, ...r } = e;
+  return m(r), /* @__PURE__ */ o(
     "div",
     {
       className: i(
-        e,
-        "bn-flex bn-flex-col bn-gap-2 bn-items-start bn-justify-center"
+        n,
+        "flex flex-col items-start justify-center gap-2"
       ),
       ref: t,
-      children: o
+      children: a
     }
   );
-}), Pn = p((n, t) => {
-  const { className: e, value: o, placeholder: r, onKeyDown: s, onChange: l, ...b } = n;
-  u(b);
-  const m = h();
-  return /* @__PURE__ */ a(
-    m.Input.Input,
+}), gt = p((e, t) => {
+  const { className: n, value: a, placeholder: r, onKeyDown: s, onChange: d, ...c } = e;
+  m(c);
+  const u = f();
+  return /* @__PURE__ */ o(
+    u.Input.Input,
     {
       "data-test": "embed-input",
-      className: i(e, "bn-w-80"),
+      className: i(n, "w-80"),
       ref: t,
-      value: o,
+      value: a,
       placeholder: r,
       onKeyDown: s,
-      onChange: l
+      onChange: d
     }
   );
-}), Ln = (n) => {
+}), vt = (e) => {
   const {
     children: t,
-    opened: e,
-    position: o,
+    opened: n,
+    position: a,
     // unused
     ...r
-  } = n;
-  u(r);
-  const s = h();
-  return /* @__PURE__ */ a(s.Popover.Popover, { open: e, children: t });
-}, zn = p(
-  (n, t) => {
-    const { children: e, ...o } = n;
-    u(o);
-    const r = h();
-    return /* @__PURE__ */ a(r.Popover.PopoverTrigger, { ref: t, asChild: !0, children: e });
+  } = e;
+  m(r);
+  const s = f();
+  return /* @__PURE__ */ o(s.Popover.Popover, { open: n, children: t });
+}, ft = p(
+  (e, t) => {
+    const { children: n, ...a } = e;
+    m(a);
+    const r = f();
+    return /* @__PURE__ */ o(r.Popover.PopoverTrigger, { ref: t, asChild: !0, children: n });
   }
-), En = p((n, t) => {
-  const { className: e, variant: o, children: r, ...s } = n;
-  u(s);
-  const l = h();
-  return /* @__PURE__ */ a(
-    l.Popover.PopoverContent,
+), bt = p((e, t) => {
+  const { className: n, variant: a, children: r, ...s } = e;
+  m(s);
+  const d = f();
+  return /* @__PURE__ */ o(
+    d.Popover.PopoverContent,
     {
       sideOffset: 8,
       className: i(
-        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" : ""
+        n,
+        "flex flex-col gap-2",
+        a === "panel-popover" ? "w-fit max-w-none border-none p-0 shadow-none" : ""
       ),
       ref: t,
       children: r
     }
   );
-}), Vn = p((n, t) => {
-  const { className: e, children: o, ...r } = n;
-  return u(r, !1), /* @__PURE__ */ a("div", { className: e, ref: t, ...r, children: o });
-}), An = p((n, t) => {
+}), ht = p((e, t) => {
+  const { className: n, children: a, ...r } = e;
+  return m(r, !1), /* @__PURE__ */ o("div", { className: n, ref: t, ...r, children: a });
+}), xt = p((e, t) => {
   const {
-    className: e,
-    children: o,
+    className: n,
+    children: a,
     icon: r,
     onClick: s,
-    onDragEnd: l,
-    onDragStart: b,
-    draggable: m,
-    label: d,
-    ...f
-  } = n;
-  u(f, !1);
-  const v = h();
-  return /* @__PURE__ */ g(
-    v.Button.Button,
+    onDragEnd: d,
+    onDragStart: c,
+    draggable: u,
+    label: l,
+    ...g
+  } = e;
+  m(g, !1);
+  const b = f();
+  return /* @__PURE__ */ v(
+    b.Button.Button,
     {
       variant: "ghost",
-      className: i(e, "bn-text-gray-400"),
+      className: i(n, "text-gray-400"),
       ref: t,
-      "aria-label": d,
+      "aria-label": l,
       onClick: s,
-      onDragStart: b,
-      onDragEnd: l,
-      draggable: m,
-      ...f,
+      onDragStart: c,
+      onDragEnd: d,
+      draggable: u,
+      ...g,
       children: [
         r,
-        o
+        a
       ]
     }
   );
-}), $n = p((n, t) => {
-  const { className: e, children: o, id: r, columns: s, ...l } = n;
-  return u(l), /* @__PURE__ */ a(
+}), wt = p((e, t) => {
+  const { className: n, children: a, id: r, columns: s, ...d } = e;
+  return m(d), /* @__PURE__ */ o(
     "div",
     {
-      className: e,
+      className: i(
+        "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
+      ),
       style: { gridTemplateColumns: `repeat(${s}, 1fr)` },
       ref: t,
       id: r,
       role: "grid",
-      children: o
+      children: a
     }
   );
-}), jn = p((n, t) => {
-  const { className: e, children: o, columns: r, ...s } = n;
-  return u(s), /* @__PURE__ */ a(
+}), Ct = p((e, t) => {
+  const { className: n, children: a, columns: r, ...s } = e;
+  return m(s), /* @__PURE__ */ o(
     "div",
     {
-      className: e,
+      className: n,
       style: { gridColumn: `1 / ${r + 1}` },
       ref: t,
-      children: o
+      children: a
     }
   );
-}), qn = p((n, t) => {
-  const { className: e, children: o, id: r, ...s } = n;
-  return u(s), /* @__PURE__ */ a(
+}), Nt = p((e, t) => {
+  const { className: n, children: a, id: r, ...s } = e;
+  return m(s), /* @__PURE__ */ o(
     "div",
     {
       id: r,
       role: "listbox",
       className: i(
-        "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
+        "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
       ),
       ref: t,
-      children: o
+      children: a
     }
   );
-}), Gn = p((n, t) => {
-  const { className: e, children: o, ...r } = n;
-  return u(r), /* @__PURE__ */ a(
+}), St = p((e, t) => {
+  const { className: n, children: a, ...r } = e;
+  return m(r), /* @__PURE__ */ o(
     "div",
     {
       className: i(
-        "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
+        "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",
+        n
       ),
       ref: t,
-      children: /* @__PURE__ */ a("div", { children: o })
+      children: /* @__PURE__ */ o("div", { children: a })
     }
   );
-}), Un = p((n, t) => {
-  const e = h(), { className: o, item: r, isSelected: s, onClick: l, id: b, ...m } = n;
-  u(m);
-  const d = A(null);
-  return $(() => {
-    if (!d.current || !s)
+}), Tt = p((e, t) => {
+  const n = f(), { className: a, item: r, isSelected: s, onClick: d, id: c, ...u } = e;
+  m(u);
+  const l = L(null);
+  return E(() => {
+    if (!l.current || !s)
       return;
-    const f = z(
-      d.current,
+    const g = P(
+      l.current,
       document.querySelector(".bn-suggestion-menu, #ai-suggestion-menu")
       // TODO
     );
-    f === "top" ? d.current.scrollIntoView(!0) : f === "bottom" && d.current.scrollIntoView(!1);
-  }, [s]), /* @__PURE__ */ g(
+    g === "top" ? l.current.scrollIntoView(!0) : g === "bottom" && l.current.scrollIntoView(!1);
+  }, [s]), /* @__PURE__ */ v(
     "div",
     {
       className: i(
-        "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",
-        n.item.size === "small" ? "bn-gap-3 bn-py-1" : "",
-        o
+        "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",
+        e.item.size === "small" ? "gap-3 py-1" : "",
+        a
       ),
-      ref: E([t, d]),
-      id: b,
-      onMouseDown: (f) => f.preventDefault(),
-      onClick: l,
+      "data-highlighted": !0,
+      ref: _([t, l]),
+      id: c,
+      onMouseDown: (g) => g.preventDefault(),
+      onClick: d,
       role: "option",
       "aria-selected": s || void 0,
       children: [
-        r.icon && /* @__PURE__ */ a(
+        r.icon && /* @__PURE__ */ o(
           "div",
           {
             className: i(
-              "bn-p-3",
-              n.item.size === "small" ? "bn-p-0" : "",
-              o
+              "p-3",
+              e.item.size === "small" ? "p-0" : "",
+              a
             ),
             "data-position": "left",
             children: r.icon
           }
         ),
-        /* @__PURE__ */ g("div", { className: "bn-flex-1", children: [
-          /* @__PURE__ */ a(
+        /* @__PURE__ */ v("div", { className: "flex-1", children: [
+          /* @__PURE__ */ o(
             "div",
             {
               className: i(
-                "bn-text-base",
-                n.item.size === "small" ? "bn-text-sm" : "",
-                o
+                "text-base",
+                e.item.size === "small" ? "text-sm" : "",
+                a
               ),
               children: r.title
             }
           ),
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ o(
             "div",
             {
               className: i(
-                "bn-text-xs",
-                n.item.size === "small" ? "bn-hidden" : "",
-                o
+                "text-xs",
+                e.item.size === "small" ? "hidden" : "",
+                a
               ),
               children: r.subtext
             }
           )
         ] }),
-        r.badge && /* @__PURE__ */ a("div", { "data-position": "right", className: "bn-text-xs", children: /* @__PURE__ */ a(e.Badge.Badge, { variant: "secondary", children: r.badge }) })
+        r.badge && /* @__PURE__ */ o("div", { "data-position": "right", className: "text-xs", children: /* @__PURE__ */ o(n.Badge.Badge, { variant: "secondary", children: r.badge }) })
       ]
     }
   );
-}), Hn = p((n, t) => {
-  const { className: e, children: o, ...r } = n;
-  return u(r), /* @__PURE__ */ a(
+}), yt = p((e, t) => {
+  const { className: n, children: a, ...r } = e;
+  return m(r), /* @__PURE__ */ o(
     "div",
     {
-      className: i("bn-px-2 bn-py-1.5 bn-text-sm bn-font-semibold", e),
+      className: i(
+        "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
+        n
+      ),
       ref: t,
-      children: o
+      children: a
     }
   );
-}), On = p((n, t) => {
-  const { className: e, ...o } = n;
-  return u(o), /* @__PURE__ */ a("div", { className: i(e, "bn-animate-spin"), ref: t, children: /* @__PURE__ */ a(
+}), 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(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1150,590 +1219,571 @@ const wn = (n) => {
       viewBox: "0 -960 960 960",
       width: "1em",
       fill: "#e8eaed",
-      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" })
+      children: /* @__PURE__ */ o("path", { d: "M480-80q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-155.5t86-127Q252-817 325-848.5T480-880q17 0 28.5 11.5T520-840q0 17-11.5 28.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160q133 0 226.5-93.5T800-480q0-17 11.5-28.5T840-520q17 0 28.5 11.5T880-480q0 82-31.5 155t-86 127.5q-54.5 54.5-127 86T480-80Z" })
     }
   ) });
-}), Kn = p((n, t) => {
-  const { className: e, children: o, onMouseDown: r, onClick: s, ...l } = n;
-  u(l, !1);
-  const b = h();
-  return /* @__PURE__ */ a(
-    b.Button.Button,
+}), Mt = p((e, t) => {
+  const { className: n, children: a, onMouseDown: r, onClick: s, ...d } = e;
+  m(d, !1);
+  const c = f();
+  return /* @__PURE__ */ o(
+    c.Button.Button,
     {
       variant: "ghost",
       className: i(
-        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",
-        e != null && e.includes("bn-extend-button-editing") ? "bn-bg-accent bn-text-accent-foreground" : ""
+        n,
+        "h-full w-full p-0 text-gray-400",
+        n != null && n.includes("extend-button-add-remove-columns") ? "ml-1" : "mt-1",
+        n != null && n.includes("extend-button-editing") ? "bg-accent text-accent-foreground" : ""
       ),
       ref: t,
       onClick: s,
       onMouseDown: r,
-      ...l,
-      children: o
+      ...d,
+      children: a
     }
   );
-}), Qn = p((n, t) => {
+}), zt = p((e, t) => {
   const {
-    className: e,
-    children: o,
+    className: n,
+    children: a,
     draggable: r,
     onDragStart: s,
-    onDragEnd: l,
-    style: b,
-    label: m,
-    ...d
-  } = n;
-  u(d, !1);
-  const f = h();
-  return /* @__PURE__ */ a(
-    f.Button.Button,
+    onDragEnd: d,
+    style: c,
+    label: u,
+    ...l
+  } = e;
+  m(l, !1);
+  const g = f();
+  return /* @__PURE__ */ o(
+    g.Button.Button,
     {
       variant: "ghost",
-      className: i(e, "bn-p-0 bn-h-fit bn-w-fit bn-text-gray-400"),
+      className: i(n, "h-fit w-fit p-0 text-gray-400"),
       ref: t,
-      "aria-label": m,
+      "aria-label": u,
       draggable: r,
       onDragStart: s,
-      onDragEnd: l,
-      style: b,
-      ...d,
-      children: o
+      onDragEnd: d,
+      style: c,
+      ...l,
+      children: a
     }
   );
-}), B = p(
-  (n, t) => {
+}), y = p(
+  (e, t) => {
     const {
-      className: e,
-      children: o,
+      className: n,
+      children: a,
       onMouseEnter: r,
       onMouseLeave: s,
-      variant: l,
-      ...b
-    } = n;
-    u(b);
-    const m = h();
-    return /* @__PURE__ */ a(m.Tooltip.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ a(
+      variant: d,
+      ...c
+    } = e;
+    m(c);
+    const u = f();
+    return /* @__PURE__ */ o(u.Tooltip.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ o(
       "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" : ""
+          n,
+          "bg-popover text-popover-foreground flex h-fit gap-1 rounded-lg border p-1 shadow-md",
+          d === "action-toolbar" ? "w-fit" : ""
         ),
         ref: t,
         onMouseEnter: r,
         onMouseLeave: s,
-        children: o
+        children: a
       }
     ) });
   }
 ), k = p(
-  (n, t) => {
+  (e, t) => {
     const {
-      className: e,
-      children: o,
+      className: n,
+      children: a,
       mainTooltip: r,
       secondaryTooltip: s,
-      icon: l,
-      isSelected: b,
-      isDisabled: m,
-      onClick: d,
-      label: f,
-      variant: v,
-      ...w
-    } = n;
-    u(w, !1);
-    const C = h(), M = b === void 0 ? /* @__PURE__ */ g(
+      icon: d,
+      isSelected: c,
+      isDisabled: u,
+      onClick: l,
+      label: g,
+      variant: b,
+      ...h
+    } = e;
+    m(h, !1);
+    const C = f(), S = c === void 0 ? /* @__PURE__ */ v(
       C.Button.Button,
       {
         className: i(
-          e,
-          v === "compact" ? "bn-h-6 bn-min-w-6 bn-p-0" : ""
+          n,
+          b === "compact" ? "h-6 min-w-6 p-0" : ""
         ),
         variant: "ghost",
-        size: v === "compact" ? "sm" : "default",
-        disabled: m,
-        onClick: d,
+        size: b === "compact" ? "sm" : "default",
+        disabled: u,
+        onClick: l,
         ref: t,
-        "aria-label": f,
-        ...w,
+        "aria-label": g,
+        ...h,
         children: [
-          l,
-          o
+          d,
+          a
         ]
       }
-    ) : /* @__PURE__ */ g(
+    ) : /* @__PURE__ */ v(
       C.Toggle.Toggle,
       {
         className: i(
-          e,
+          n,
           "data-[state=open]:bg-accent data-[state=closed]:text-accent-foreground",
-          v === "compact" ? "bn-h-6 bn-min-w-6 bn-p-0" : ""
+          b === "compact" ? "h-6 min-w-6 p-0" : ""
         ),
-        size: v === "compact" ? "sm" : "default",
-        "aria-label": f,
-        onClick: d,
-        pressed: b,
-        disabled: m,
-        "data-state": b ? "on" : "off",
-        "data-disabled": m,
+        size: b === "compact" ? "sm" : "default",
+        "aria-label": g,
+        onClick: l,
+        pressed: c,
+        disabled: u,
+        "data-state": c ? "on" : "off",
+        "data-disabled": u,
         ref: t,
-        ...w,
+        ...h,
         children: [
-          l,
-          o
+          d,
+          a
         ]
       }
     );
-    return /* @__PURE__ */ g(C.Tooltip.Tooltip, { children: [
-      /* @__PURE__ */ a(C.Tooltip.TooltipTrigger, { asChild: !0, children: M }),
-      /* @__PURE__ */ g(
+    return /* @__PURE__ */ v(C.Tooltip.Tooltip, { children: [
+      /* @__PURE__ */ o(C.Tooltip.TooltipTrigger, { asChild: !0, children: S }),
+      /* @__PURE__ */ v(
         C.Tooltip.TooltipContent,
         {
-          className: "bn-flex bn-flex-col bn-items-center bn-whitespace-pre-wrap",
+          className: "flex flex-col items-center whitespace-pre-wrap",
           children: [
-            /* @__PURE__ */ a("span", { children: r }),
-            s && /* @__PURE__ */ a("span", { children: s })
+            /* @__PURE__ */ o("span", { children: r }),
+            s && /* @__PURE__ */ o("span", { children: s })
           ]
         }
       )
     ] });
   }
-), F = p((n, t) => {
-  const { className: e, items: o, isDisabled: r, ...s } = n;
-  u(s);
-  const l = h(), b = (d) => /* @__PURE__ */ g("div", { className: "bn-flex bn-gap-1 bn-items-center", children: [
-    d.icon,
-    d.text
-  ] }), m = o.filter((d) => d.isSelected)[0];
-  return m ? /* @__PURE__ */ g(
-    l.Select.Select,
-    {
-      value: m.text,
-      onValueChange: (d) => {
-        var f, v;
-        return (v = (f = o.find((w) => w.text === d)).onClick) == null ? void 0 : v.call(f);
+), M = 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: [
+    l.icon,
+    l.text
+  ] }), u = a.filter((l) => l.isSelected)[0];
+  return u ? /* @__PURE__ */ v(
+    d.Select.Select,
+    {
+      value: u.text,
+      onValueChange: (l) => {
+        var g, b;
+        return (b = (g = a.find((h) => h.text === l)).onClick) == null ? void 0 : b.call(g);
       },
       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__ */ 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,
           {
-            disabled: d.isDisabled,
-            value: d.text,
-            children: /* @__PURE__ */ a(b, { ...d })
+            disabled: l.isDisabled,
+            value: l.text,
+            children: /* @__PURE__ */ o(c, { ...l })
           },
-          d.text
+          l.text
         )) })
       ]
     }
   ) : null;
-}), Wn = p((n, t) => {
+}), Dt = p((e, t) => {
   const {
-    className: e,
-    children: o,
+    className: n,
+    children: a,
     selected: r,
     headerText: s,
-    onFocus: l,
-    onBlur: b,
-    tabIndex: m,
-    ...d
-  } = n;
-  u(d);
-  const f = h();
-  return /* @__PURE__ */ g(
-    f.Card.Card,
+    onFocus: d,
+    onBlur: c,
+    tabIndex: u,
+    ...l
+  } = e;
+  m(l);
+  const g = f();
+  return /* @__PURE__ */ v(
+    g.Card.Card,
     {
       className: i(
-        e,
-        "bn-w-[300px]",
-        r ? "bn-bg-accent bn-text-accent-foreground" : ""
+        n,
+        "w-[300px]",
+        r ? "bg-accent text-accent-foreground" : ""
       ),
-      onFocus: l,
-      onBlur: b,
-      tabIndex: m,
+      onFocus: d,
+      onBlur: c,
+      tabIndex: u,
       ref: t,
       children: [
-        s && /* @__PURE__ */ a("div", { className: "bn-px-4 bn-pt-4 bn-italic bn-text-sm", children: s }),
-        o
+        s && /* @__PURE__ */ o("div", { className: "px-4 pt-4 text-sm italic", children: s }),
+        a
       ]
     }
   );
-}), Zn = p((n, t) => {
-  const { className: e, children: o, ...r } = n;
-  return u(r), /* @__PURE__ */ a(
+}), It = p((e, t) => {
+  const { className: n, children: a, ...r } = e;
+  return m(r), /* @__PURE__ */ o(
     "div",
     {
       className: i(
-        e,
-        "bn-p-4",
-        e != null && e.includes("bn-thread-comments") ? "bn-flex bn-flex-col bn-gap-6 bn-border-b" : ""
+        n,
+        "p-4",
+        n != null && n.includes("thread-comments") ? "flex flex-col gap-6 border-b" : ""
       ),
       ref: t,
-      children: o
+      children: a
     }
   );
-}), _n = p((n, t) => {
-  const { className: e, children: o, ...r } = n;
-  u(r, !1);
-  const s = h();
-  return /* @__PURE__ */ a(
+}), Bt = p((e, t) => {
+  const { className: n, children: a, ...r } = e;
+  m(r, !1);
+  const s = f();
+  return /* @__PURE__ */ o(
     s.Button.Button,
     {
       className: i(
-        e,
-        "bn-p-0 bn-w-fit bn-text-foreground bn-bg-transparent hover:bn-bg-transparent"
+        n,
+        "text-foreground w-fit bg-transparent p-0 hover:bg-transparent"
       ),
       ref: t,
-      children: o
-    }
-  );
-}), Jn = p((n, t) => {
-  const { authorInfo: e, timeString: o, edited: r, ...s } = n, l = Se();
-  u(s, !1);
-  const b = h();
-  return e === "loading" ? /* @__PURE__ */ g(
-    "div",
-    {
-      className: "bn-flex bn-flex-row bn-flex-nowrap bn-items-center bn-gap-4",
-      children: [
-        /* @__PURE__ */ a(
-          b.Skeleton.Skeleton,
-          {
-            className: "bn-size-7 bn-rounded-full bn-bg-neutral-400 bn-animate-pulse"
-          }
-        ),
-        /* @__PURE__ */ a(
-          b.Skeleton.Skeleton,
-          {
-            className: "bn-h-3 bn-w-32 bn-rounded-full bn-bg-neutral-400 bn-animate-pulse"
-          }
-        )
-      ]
-    }
-  ) : /* @__PURE__ */ g(
-    "div",
-    {
-      className: "bn-flex bn-flex-row bn-flex-nowrap bn-items-center bn-gap-4",
-      children: [
-        /* @__PURE__ */ g(b.Avatar.Avatar, { children: [
-          /* @__PURE__ */ a(
-            b.Avatar.AvatarImage,
-            {
-              src: e.avatarUrl,
-              alt: e.username,
-              className: "bn-h-7 bn-rounded-full"
-            }
-          ),
-          /* @__PURE__ */ a(b.Avatar.AvatarFallback, { children: e.username[0] })
-        ] }),
-        /* @__PURE__ */ g(
-          "div",
-          {
-            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__ */ g("span", { className: "bn-text-xs", children: [
-                o,
-                " ",
-                r && `(${l.comments.edited})`
-              ] })
-            ]
-          }
-        )
-      ]
+      children: a
     }
   );
-}), Xn = p((n, t) => {
+}), Pt = p((e, t) => {
+  const { authorInfo: n, timeString: a, edited: r, ...s } = e, d = Q();
+  m(s, !1);
+  const c = f();
+  return n === "loading" ? /* @__PURE__ */ v("div", { className: "flex flex-row flex-nowrap items-center gap-4", children: [
+    /* @__PURE__ */ o(
+      c.Skeleton.Skeleton,
+      {
+        className: "size-7 animate-pulse rounded-full bg-neutral-400"
+      }
+    ),
+    /* @__PURE__ */ o(
+      c.Skeleton.Skeleton,
+      {
+        className: "h-3 w-32 animate-pulse rounded-full bg-neutral-400"
+      }
+    )
+  ] }) : /* @__PURE__ */ v("div", { className: "flex flex-row flex-nowrap items-center gap-4", children: [
+    /* @__PURE__ */ v(c.Avatar.Avatar, { children: [
+      /* @__PURE__ */ o(
+        c.Avatar.AvatarImage,
+        {
+          src: n.avatarUrl,
+          alt: n.username,
+          className: "h-7 rounded-full"
+        }
+      ),
+      /* @__PURE__ */ o(c.Avatar.AvatarFallback, { children: n.username[0] })
+    ] }),
+    /* @__PURE__ */ v("div", { className: "flex flex-row flex-nowrap items-center gap-2", children: [
+      /* @__PURE__ */ o("span", { className: "text-sm font-bold", children: n.username }),
+      /* @__PURE__ */ v("span", { className: "text-xs", children: [
+        a,
+        " ",
+        r && `(${d.comments.edited})`
+      ] })
+    ] })
+  ] });
+}), _t = p((e, t) => {
   const {
-    className: e,
-    showActions: o,
+    className: n,
+    showActions: a,
     authorInfo: r,
     timeString: s,
-    actions: l,
-    edited: b,
-    children: m,
-    ...d
-  } = n;
-  u(d);
-  const [f, v] = Pe(!1), { focused: w, ref: C } = ye(), M = l && (o === !0 || o === void 0 || o === "hover" && f || w);
-  return /* @__PURE__ */ g(
+    actions: d,
+    edited: c,
+    children: u,
+    ...l
+  } = e;
+  m(l);
+  const [g, b] = oe(!1), { focused: h, ref: C } = K(), S = d && (a === !0 || a === void 0 || a === "hover" && g || h);
+  return /* @__PURE__ */ v(
     "div",
     {
       ref: t,
-      className: i(e, "bn-relative bn-flex bn-flex-col bn-gap-2"),
-      onMouseEnter: () => v(!0),
-      onMouseLeave: () => v(!1),
+      className: i(n, "relative flex flex-col gap-2"),
+      onMouseEnter: () => b(!0),
+      onMouseLeave: () => b(!1),
       children: [
-        M ? /* @__PURE__ */ a(
-          "div",
-          {
-            className: "bn-absolute bn-right-0 bn-top-0 bn-z-10",
-            ref: C,
-            children: l
-          }
-        ) : null,
-        /* @__PURE__ */ a(Jn, { ...n }),
-        m
+        S ? /* @__PURE__ */ o("div", { className: "absolute right-0 top-0 z-10", ref: C, children: d }) : null,
+        /* @__PURE__ */ o(Pt, { ...e }),
+        u
       ]
     }
   );
-}), Yn = p((n, t) => {
-  const { className: e, onFocus: o, onBlur: r, autoFocus: s, editor: l, editable: b, ...m } = n;
-  u(m);
-  const d = Te();
-  return /* @__PURE__ */ a(
-    lt,
+}), Rt = p((e, t) => {
+  const { className: n, onFocus: a, onBlur: r, autoFocus: s, editor: d, editable: c, ...u } = e;
+  m(u);
+  const l = W();
+  return /* @__PURE__ */ o(
+    Gt,
     {
       autoFocus: s,
-      className: i(e, ""),
-      theme: d == null ? void 0 : d.colorSchemePreference,
-      editor: n.editor,
+      className: i(n, ""),
+      theme: l == null ? void 0 : l.colorSchemePreference,
+      editor: e.editor,
       sideMenu: !1,
       slashMenu: !1,
       tableHandles: !1,
       filePanel: !1,
       formattingToolbar: !1,
-      editable: b,
+      editable: c,
       ref: t,
-      onFocus: o,
+      onFocus: a,
       onBlur: r,
-      children: /* @__PURE__ */ a(
-        Me,
+      children: /* @__PURE__ */ o(
+        Z,
         {
-          formattingToolbar: et
+          formattingToolbar: Ft
         }
       )
     }
   );
-}), et = () => {
-  const n = Ie([]).filter(
+}), Ft = () => {
+  const e = J([]).filter(
     (t) => t.key !== "nestBlockButton" && t.key !== "unnestBlockButton"
   );
-  return /* @__PURE__ */ a(De, { blockTypeSelectItems: [], children: n });
-}, nt = p((n, t) => {
+  return /* @__PURE__ */ o(X, { blockTypeSelectItems: [], children: e });
+}, Lt = p((e, t) => {
   const {
-    className: e,
-    text: o,
+    className: n,
+    text: a,
     icon: r,
     isSelected: s,
-    mainTooltip: l,
-    secondaryTooltip: b,
-    onClick: m,
-    onMouseEnter: d,
-    ...f
-  } = n;
-  u(f, !1);
-  const v = h(), w = /* @__PURE__ */ g(
-    v.Button.Button,
+    mainTooltip: d,
+    secondaryTooltip: c,
+    onClick: u,
+    onMouseEnter: l,
+    ...g
+  } = e;
+  m(g, !1);
+  const b = f(), h = /* @__PURE__ */ v(
+    b.Button.Button,
     {
       variant: s ? "secondary" : "outline",
       className: i(
-        e,
-        "bn-flex bn-items-center bn-gap-1 bn-rounded-full bn-h-7 bn-px-2.5"
+        n,
+        "flex h-7 items-center gap-1 rounded-full px-2.5"
       ),
-      onClick: m,
-      onMouseEnter: d,
+      onClick: u,
+      onMouseEnter: l,
       ref: t,
       children: [
-        /* @__PURE__ */ a("span", { children: r }),
-        /* @__PURE__ */ a("span", { children: o })
+        /* @__PURE__ */ o("span", { children: r }),
+        /* @__PURE__ */ o("span", { children: a })
       ]
     }
   );
-  return l ? /* @__PURE__ */ g(v.Tooltip.Tooltip, { children: [
-    /* @__PURE__ */ a(v.Tooltip.TooltipTrigger, { asChild: !0, children: w }),
-    /* @__PURE__ */ g(
-      v.Tooltip.TooltipContent,
+  return d ? /* @__PURE__ */ v(b.Tooltip.Tooltip, { children: [
+    /* @__PURE__ */ o(b.Tooltip.TooltipTrigger, { asChild: !0, children: h }),
+    /* @__PURE__ */ v(
+      b.Tooltip.TooltipContent,
       {
-        className: "bn-flex bn-flex-col bn-items-center bn-whitespace-pre-wrap",
+        className: "flex flex-col items-center whitespace-pre-wrap",
         children: [
-          /* @__PURE__ */ a("span", { children: l }),
-          b && /* @__PURE__ */ a("span", { children: b })
+          /* @__PURE__ */ o("span", { children: d }),
+          c && /* @__PURE__ */ o("span", { children: c })
         ]
       }
     )
-  ] }) : w;
-}), tt = p((n, t) => {
-  const { className: e, children: o, ...r } = n;
-  u(r);
-  const s = h();
-  return /* @__PURE__ */ a(s.Tooltip.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ a(
+  ] }) : h;
+}), Et = p((e, t) => {
+  const { className: n, children: a, ...r } = e;
+  m(r);
+  const s = f();
+  return /* @__PURE__ */ o(s.Tooltip.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ o(
     "div",
     {
-      className: i(
-        e,
-        "bn-flex bn-flex-row bn-flex-wrap bn-gap-1 bn-w-full"
-      ),
+      className: i(n, "flex w-full flex-row flex-wrap gap-1"),
       ref: t,
-      children: o
+      children: a
     }
   ) });
-}), ot = p((n, t) => {
-  const { className: e, children: o, onClick: r, label: s, ...l } = n;
-  u(l);
-  const b = h();
-  return /* @__PURE__ */ a(
-    b.Button.Button,
+}), Vt = p((e, t) => {
+  const { className: n, children: a, onClick: r, label: s, ...d } = e;
+  m(d);
+  const c = f();
+  return /* @__PURE__ */ o(
+    c.Button.Button,
     {
       type: "submit",
-      className: e,
+      className: n,
       "aria-label": s,
       ref: t,
       onClick: r,
-      children: o
+      children: a
     }
   );
-}), at = p((n, t) => {
-  const { className: e, accept: o, value: r, placeholder: s, onChange: l, ...b } = n;
-  u(b);
-  const m = h();
-  return /* @__PURE__ */ a(
-    m.Input.Input,
+}), At = p((e, t) => {
+  const { className: n, accept: a, value: r, placeholder: s, onChange: d, ...c } = e;
+  m(c);
+  const u = f();
+  return /* @__PURE__ */ o(
+    u.Input.Input,
     {
       type: "file",
-      className: e,
+      className: n,
       ref: t,
-      accept: o,
+      accept: a,
       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
     }
   );
-}), rt = p((n, t) => {
-  const { className: e, isSelected: o, onClick: r, item: s, id: l, ...b } = n;
-  u(b);
-  const m = A(null);
-  return $(() => {
-    if (!m.current || !o)
+}), jt = p((e, t) => {
+  const { className: n, isSelected: a, onClick: r, item: s, id: d, ...c } = e;
+  m(c);
+  const u = L(null);
+  return E(() => {
+    if (!u.current || !a)
       return;
-    const d = z(
-      m.current,
+    const l = P(
+      u.current,
       document.querySelector(".bn-grid-suggestion-menu")
     );
-    d === "top" ? m.current.scrollIntoView(!0) : d === "bottom" && m.current.scrollIntoView(!1);
-  }, [o]), /* @__PURE__ */ a(
+    l === "top" ? u.current.scrollIntoView(!0) : l === "bottom" && u.current.scrollIntoView(!1);
+  }, [a]), /* @__PURE__ */ o(
     "div",
     {
-      className: e,
-      ref: E([t, m]),
-      id: l,
+      className: i(
+        "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",
+        "text-lg!",
+        n
+      ),
+      ref: _([t, u]),
+      id: d,
       role: "option",
       onClick: r,
-      "aria-selected": o || void 0,
+      "aria-selected": a || void 0,
       children: s.icon
     }
   );
-}), st = p((n, t) => {
+}), qt = p((e, t) => {
   const {
-    className: e,
-    children: o,
+    className: n,
+    children: a,
     // unused, using "dots" instead
     columns: r,
     ...s
-  } = n;
-  return u(s), /* @__PURE__ */ a(
+  } = e;
+  return m(s), /* @__PURE__ */ o(
     "div",
     {
-      className: e,
+      className: n,
       style: { gridColumn: `1 / ${r + 1}` },
       ref: t,
-      children: o
+      children: a
     }
   );
-}), it = {
+}), $t = {
   FormattingToolbar: {
-    Root: B,
+    Root: y,
     Button: k,
-    Select: F
+    Select: M
   },
   FilePanel: {
-    Root: kn,
-    Button: ot,
-    FileInput: at,
-    TabPanel: Fn,
-    TextInput: Pn
+    Root: mt,
+    Button: Vt,
+    FileInput: At,
+    TabPanel: pt,
+    TextInput: gt
   },
   LinkToolbar: {
-    Root: B,
+    Root: y,
     Button: k,
-    Select: F
+    Select: M
   },
   SideMenu: {
-    Root: Vn,
-    Button: An
+    Root: ht,
+    Button: xt
   },
   SuggestionMenu: {
-    Root: qn,
-    Item: Un,
-    EmptyItem: Gn,
-    Label: Hn,
-    Loader: On
+    Root: Nt,
+    Item: Tt,
+    EmptyItem: St,
+    Label: yt,
+    Loader: kt
   },
   GridSuggestionMenu: {
-    Root: $n,
-    Item: rt,
-    EmptyItem: jn,
-    Loader: st
+    Root: wt,
+    Item: jt,
+    EmptyItem: Ct,
+    Loader: qt
   },
   TableHandle: {
-    Root: Qn,
-    ExtendButton: Kn
+    Root: zt,
+    ExtendButton: Mt
   },
   Comments: {
-    Comment: Xn,
-    Editor: Yn,
-    Card: Wn,
-    CardSection: Zn,
-    ExpandSectionsPrompt: _n
+    Comment: _t,
+    Editor: Rt,
+    Card: Dt,
+    CardSection: It,
+    ExpandSectionsPrompt: Bt
   },
   Generic: {
     Badge: {
-      Root: nt,
-      Group: tt
+      Root: Lt,
+      Group: Et
     },
     Toolbar: {
-      Root: B,
+      Root: y,
       Button: k,
-      Select: F
+      Select: M
     },
     Form: {
-      Root: wn,
-      TextInput: Cn
+      Root: nt,
+      TextInput: ot
     },
     Menu: {
-      Root: Sn,
-      Trigger: Tn,
-      Dropdown: Mn,
-      Divider: Dn,
-      Label: Rn,
-      Item: In,
-      Button: Bn
+      Root: rt,
+      Trigger: st,
+      Dropdown: it,
+      Divider: lt,
+      Label: ct,
+      Item: dt,
+      Button: ut
     },
     Popover: {
-      Root: Ln,
-      Trigger: zn,
-      Content: En
+      Root: vt,
+      Trigger: ft,
+      Content: bt
     }
   }
-}, lt = (n) => {
-  const { className: t, shadCNComponents: e, ...o } = n, r = V(() => ({
-    ...xn,
-    ...e
-  }), [e]);
-  return /* @__PURE__ */ a(ve.Provider, { value: r, children: /* @__PURE__ */ a(Re.Provider, { value: it, children: /* @__PURE__ */ a(
-    Be,
+}, Gt = (e) => {
+  const { className: t, shadCNComponents: n, ...a } = e, r = F(() => ({
+    ...tt,
+    ...n
+  }), [n]);
+  return /* @__PURE__ */ o($.Provider, { value: r, children: /* @__PURE__ */ o(Y.Provider, { value: $t, children: /* @__PURE__ */ o(
+    ee,
     {
-      className: Ce("bn-shadcn", t || ""),
-      ...o
+      className: H("bn-shadcn", t || ""),
+      ...a
     }
   ) }) });
 };
 export {
-  lt as BlockNoteView,
-  it as components
+  Gt as BlockNoteView,
+  $ as ShadCNComponentsContext,
+  tt as ShadCNDefaultComponents,
+  $t as components,
+  f as useShadCNComponentsContext
 };
 //# sourceMappingURL=blocknote-shadcn.js.map