@blocknote/shadcn 0.13.2 → 0.13.4

package/dist/blocknote-shadcn.js

@@ -1,4 +1,4 @@
-import * as p from "react";
+import * as g from "react";
 import $e, { createContext as vr, useContext as br, forwardRef as N, useMemo as We } from "react";
 import { ComponentsContext as xr, BlockNoteViewRaw as hr } from "@blocknote/react";
 import { cva as Q } from "class-variance-authority";
@@ -31,9 +31,9 @@ function _r() {
     return Y;
   Be = 1;
   var r = $e, t = Symbol.for("react.element"), o = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, i = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function u(x, m, g) {
+  function c(x, m, p) {
     var b, _ = {}, P = null, B = null;
-    g !== void 0 && (P = "" + g), m.key !== void 0 && (P = "" + m.key), m.ref !== void 0 && (B = m.ref);
+    p !== void 0 && (P = "" + p), m.key !== void 0 && (P = "" + m.key), m.ref !== void 0 && (B = m.ref);
     for (b in m)
       a.call(m, b) && !d.hasOwnProperty(b) && (_[b] = m[b]);
     if (x && x.defaultProps)
@@ -41,7 +41,7 @@ function _r() {
         _[b] === void 0 && (_[b] = m[b]);
     return { $$typeof: t, type: x, key: P, ref: B, props: _, _owner: i.current };
   }
-  return Y.Fragment = o, Y.jsx = u, Y.jsxs = u, Y;
+  return Y.Fragment = o, Y.jsx = c, Y.jsxs = c, Y;
 }
 var U = {};
 /**
@@ -56,7 +56,7 @@ var U = {};
 var ze;
 function Er() {
   return ze || (ze = 1, process.env.NODE_ENV !== "production" && function() {
-    var r = $e, t = Symbol.for("react.element"), o = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), x = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), g = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), B = Symbol.for("react.offscreen"), me = Symbol.iterator, Ft = "@@iterator";
+    var r = $e, t = Symbol.for("react.element"), o = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), x = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), B = Symbol.for("react.offscreen"), me = Symbol.iterator, Ft = "@@iterator";
     function kt(e) {
       if (e === null || typeof e != "object")
         return null;
@@ -84,7 +84,7 @@ function Er() {
     var Bt = !1, zt = !1, Vt = !1, At = !1, $t = !1, pe;
     pe = Symbol.for("react.module.reference");
     function Wt(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === a || e === d || $t || e === i || e === g || e === b || At || e === B || Bt || zt || Vt || typeof e == "object" && e !== null && (e.$$typeof === P || e.$$typeof === _ || e.$$typeof === u || e.$$typeof === x || e.$$typeof === m || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === a || e === d || $t || e === i || e === p || e === b || At || e === B || Bt || zt || Vt || typeof e == "object" && e !== null && (e.$$typeof === P || e.$$typeof === _ || e.$$typeof === c || e.$$typeof === x || e.$$typeof === m || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -116,7 +116,7 @@ function Er() {
           return "Profiler";
         case i:
           return "StrictMode";
-        case g:
+        case p:
           return "Suspense";
         case b:
           return "SuspenseList";
@@ -126,7 +126,7 @@ function Er() {
           case x:
             var s = e;
             return ge(s) + ".Consumer";
-          case u:
+          case c:
             var l = e;
             return ge(l._context) + ".Provider";
           case m:
@@ -312,7 +312,7 @@ function Er() {
       if (typeof e == "string")
         return H(e);
       switch (e) {
-        case g:
+        case p:
           return H("Suspense");
         case b:
           return H("SuspenseList");
@@ -642,7 +642,7 @@ Check the top-level render call using <` + l + ">.");
 }
 process.env.NODE_ENV === "production" ? de.exports = _r() : de.exports = Er();
 var n = de.exports;
-function c(...r) {
+function u(...r) {
   return Cr(yr(r));
 }
 const Ke = Q(
@@ -662,7 +662,7 @@ const Ke = Q(
   }
 );
 function Pr({ className: r, variant: t, ...o }) {
-  return /* @__PURE__ */ n.jsx("div", { className: c(Ke({ variant: t }), r), ...o });
+  return /* @__PURE__ */ n.jsx("div", { className: u(Ke({ variant: t }), r), ...o });
 }
 const Dr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -692,13 +692,13 @@ const Dr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       size: "default"
     }
   }
-), Ze = p.forwardRef(
+), Ze = g.forwardRef(
   ({ className: r, variant: t, size: o, asChild: a = !1, ...i }, d) => {
-    const u = a ? Ye : "button";
+    const c = a ? Ye : "button";
     return /* @__PURE__ */ n.jsx(
-      u,
+      c,
       {
-        className: c(Xe({ variant: t, size: o, className: r })),
+        className: u(Xe({ variant: t, size: o, className: r })),
         ref: d,
         ...i
       }
@@ -710,11 +710,11 @@ const Mr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Button: Ze,
   buttonVariants: Xe
-}, Symbol.toStringTag, { value: "Module" })), Qe = p.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
+}, Symbol.toStringTag, { value: "Module" })), Qe = g.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
   "div",
   {
     ref: o,
-    className: c(
+    className: u(
       "rounded-lg border bg-card text-card-foreground shadow-sm",
       r
     ),
@@ -722,20 +722,20 @@ const Mr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   }
 ));
 Qe.displayName = "Card";
-const et = p.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
+const et = g.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
   "div",
   {
     ref: o,
-    className: c("flex flex-col space-y-1.5 p-6", r),
+    className: u("flex flex-col space-y-1.5 p-6", r),
     ...t
   }
 ));
 et.displayName = "CardHeader";
-const tt = p.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
+const tt = g.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
   "h3",
   {
     ref: o,
-    className: c(
+    className: u(
       "text-2xl font-semibold leading-none tracking-tight",
       r
     ),
@@ -743,22 +743,22 @@ const tt = p.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
   }
 ));
 tt.displayName = "CardTitle";
-const rt = p.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
+const rt = g.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
   "p",
   {
     ref: o,
-    className: c("text-sm text-muted-foreground", r),
+    className: u("text-sm text-muted-foreground", r),
     ...t
   }
 ));
 rt.displayName = "CardDescription";
-const ot = p.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx("div", { ref: o, className: c("p-6 pt-0", r), ...t }));
+const ot = g.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx("div", { ref: o, className: u("p-6 pt-0", r), ...t }));
 ot.displayName = "CardContent";
-const nt = p.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
+const nt = g.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
   "div",
   {
     ref: o,
-    className: c("flex items-center p-6 pt-0", r),
+    className: u("flex items-center p-6 pt-0", r),
     ...t
   }
 ));
@@ -771,11 +771,11 @@ const Or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   CardFooter: nt,
   CardHeader: et,
   CardTitle: tt
-}, Symbol.toStringTag, { value: "Module" })), Ir = w.Root, Fr = w.Trigger, kr = w.Group, Lr = w.Portal, Br = w.Sub, zr = w.RadioGroup, at = p.forwardRef(({ className: r, inset: t, children: o, ...a }, i) => /* @__PURE__ */ n.jsxs(
+}, Symbol.toStringTag, { value: "Module" })), Ir = w.Root, Fr = w.Trigger, kr = w.Group, Lr = w.Portal, Br = w.Sub, zr = w.RadioGroup, at = g.forwardRef(({ className: r, inset: t, children: o, ...a }, i) => /* @__PURE__ */ n.jsxs(
   w.SubTrigger,
   {
     ref: i,
-    className: c(
+    className: u(
       "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
       t && "pl-8",
       r
@@ -788,11 +788,11 @@ const Or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   }
 ));
 at.displayName = w.SubTrigger.displayName;
-const st = p.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
+const st = g.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
   w.SubContent,
   {
     ref: o,
-    className: c(
+    className: u(
       "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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",
       r
     ),
@@ -800,14 +800,14 @@ const st = p.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
   }
 ));
 st.displayName = w.SubContent.displayName;
-const it = p.forwardRef(({ className: r, sideOffset: t = 4, ...o }, a) => (
+const it = g.forwardRef(({ className: r, sideOffset: t = 4, ...o }, a) => (
   // <DropdownMenuPrimitive.Portal>
   /* @__PURE__ */ n.jsx(
     w.Content,
     {
       ref: a,
       sideOffset: t,
-      className: c(
+      className: u(
         "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md 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",
         r
       ),
@@ -816,11 +816,11 @@ const it = p.forwardRef(({ className: r, sideOffset: t = 4, ...o }, a) => (
   )
 ));
 it.displayName = w.Content.displayName;
-const lt = p.forwardRef(({ className: r, inset: t, ...o }, a) => /* @__PURE__ */ n.jsx(
+const lt = g.forwardRef(({ className: r, inset: t, ...o }, a) => /* @__PURE__ */ n.jsx(
   w.Item,
   {
     ref: a,
-    className: c(
+    className: u(
       "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       t && "pl-8",
       r
@@ -829,11 +829,11 @@ const lt = p.forwardRef(({ className: r, inset: t, ...o }, a) => /* @__PURE__ */
   }
 ));
 lt.displayName = w.Item.displayName;
-const dt = p.forwardRef(({ className: r, children: t, checked: o, ...a }, i) => /* @__PURE__ */ n.jsxs(
+const dt = g.forwardRef(({ className: r, children: t, checked: o, ...a }, i) => /* @__PURE__ */ n.jsxs(
   w.CheckboxItem,
   {
     ref: i,
-    className: c(
+    className: u(
       "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       r
     ),
@@ -846,11 +846,11 @@ const dt = p.forwardRef(({ className: r, children: t, checked: o, ...a }, i) =>
   }
 ));
 dt.displayName = w.CheckboxItem.displayName;
-const ct = p.forwardRef(({ className: r, children: t, ...o }, a) => /* @__PURE__ */ n.jsxs(
+const ct = g.forwardRef(({ className: r, children: t, ...o }, a) => /* @__PURE__ */ n.jsxs(
   w.RadioItem,
   {
     ref: a,
-    className: c(
+    className: u(
       "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       r
     ),
@@ -862,11 +862,11 @@ const ct = p.forwardRef(({ className: r, children: t, ...o }, a) => /* @__PURE__
   }
 ));
 ct.displayName = w.RadioItem.displayName;
-const ut = p.forwardRef(({ className: r, inset: t, ...o }, a) => /* @__PURE__ */ n.jsx(
+const ut = g.forwardRef(({ className: r, inset: t, ...o }, a) => /* @__PURE__ */ n.jsx(
   w.Label,
   {
     ref: a,
-    className: c(
+    className: u(
       "px-2 py-1.5 text-sm font-semibold",
       t && "pl-8",
       r
@@ -875,11 +875,11 @@ const ut = p.forwardRef(({ className: r, inset: t, ...o }, a) => /* @__PURE__ */
   }
 ));
 ut.displayName = w.Label.displayName;
-const ft = p.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
+const ft = g.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
   w.Separator,
   {
     ref: o,
-    className: c("-mx-1 my-1 h-px bg-muted", r),
+    className: u("-mx-1 my-1 h-px bg-muted", r),
     ...t
   }
 ));
@@ -890,7 +890,7 @@ const mt = ({
 }) => /* @__PURE__ */ n.jsx(
   "span",
   {
-    className: c("ml-auto text-xs tracking-widest opacity-60", r),
+    className: u("ml-auto text-xs tracking-widest opacity-60", r),
     ...t
   }
 );
@@ -914,11 +914,11 @@ const Vr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   DropdownMenuTrigger: Fr
 }, Symbol.toStringTag, { value: "Module" })), Ar = Q(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-), ce = p.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
+), ce = g.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
   He.Root,
   {
     ref: o,
-    className: c(Ar(), r),
+    className: u(Ar(), r),
     ...t
   }
 ));
@@ -926,12 +926,12 @@ ce.displayName = He.Root.displayName;
 const $r = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Label: ce
-}, Symbol.toStringTag, { value: "Module" })), Wr = Sr, pt = p.createContext(
+}, Symbol.toStringTag, { value: "Module" })), Wr = Sr, pt = g.createContext(
   {}
 ), Yr = ({
   ...r
 }) => /* @__PURE__ */ n.jsx(pt.Provider, { value: { name: r.name }, children: /* @__PURE__ */ n.jsx(Tr, { ...r }) }), q = () => {
-  const r = p.useContext(pt), t = p.useContext(gt), { getFieldState: o, formState: a } = Nr(), i = o(r.name, a);
+  const r = g.useContext(pt), t = g.useContext(gt), { getFieldState: o, formState: a } = Nr(), i = o(r.name, a);
   if (!r)
     throw new Error("useFormField should be used within <FormField>");
   const { id: d } = t;
@@ -943,27 +943,27 @@ const $r = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     formMessageId: `${d}-form-item-message`,
     ...i
   };
-}, gt = p.createContext(
+}, gt = g.createContext(
   {}
-), vt = p.forwardRef(({ className: r, ...t }, o) => {
-  const a = p.useId();
-  return /* @__PURE__ */ n.jsx(gt.Provider, { value: { id: a }, children: /* @__PURE__ */ n.jsx("div", { ref: o, className: c("space-y-2", r), ...t }) });
+), vt = g.forwardRef(({ className: r, ...t }, o) => {
+  const a = g.useId();
+  return /* @__PURE__ */ n.jsx(gt.Provider, { value: { id: a }, children: /* @__PURE__ */ n.jsx("div", { ref: o, className: u("space-y-2", r), ...t }) });
 });
 vt.displayName = "FormItem";
-const bt = p.forwardRef(({ className: r, ...t }, o) => {
+const bt = g.forwardRef(({ className: r, ...t }, o) => {
   const { error: a, formItemId: i } = q();
   return /* @__PURE__ */ n.jsx(
     ce,
     {
       ref: o,
-      className: c(a && "text-destructive", r),
+      className: u(a && "text-destructive", r),
       htmlFor: i,
       ...t
     }
   );
 });
 bt.displayName = "FormLabel";
-const xt = p.forwardRef(({ ...r }, t) => {
+const xt = g.forwardRef(({ ...r }, t) => {
   const { error: o, formItemId: a, formDescriptionId: i, formMessageId: d } = q();
   return /* @__PURE__ */ n.jsx(
     Ye,
@@ -977,29 +977,29 @@ const xt = p.forwardRef(({ ...r }, t) => {
   );
 });
 xt.displayName = "FormControl";
-const ht = p.forwardRef(({ className: r, ...t }, o) => {
+const ht = g.forwardRef(({ className: r, ...t }, o) => {
   const { formDescriptionId: a } = q();
   return /* @__PURE__ */ n.jsx(
     "p",
     {
       ref: o,
       id: a,
-      className: c("text-sm text-muted-foreground", r),
+      className: u("text-sm text-muted-foreground", r),
       ...t
     }
   );
 });
 ht.displayName = "FormDescription";
-const yt = p.forwardRef(({ className: r, children: t, ...o }, a) => {
-  const { error: i, formMessageId: d } = q(), u = i ? String(i == null ? void 0 : i.message) : t;
-  return u ? /* @__PURE__ */ n.jsx(
+const yt = g.forwardRef(({ className: r, children: t, ...o }, a) => {
+  const { error: i, formMessageId: d } = q(), c = i ? String(i == null ? void 0 : i.message) : t;
+  return c ? /* @__PURE__ */ n.jsx(
     "p",
     {
       ref: a,
       id: d,
-      className: c("text-sm font-medium text-destructive", r),
+      className: u("text-sm font-medium text-destructive", r),
       ...o,
-      children: u
+      children: c
     }
   ) : null;
 });
@@ -1014,12 +1014,12 @@ const Ur = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   FormLabel: bt,
   FormMessage: yt,
   useFormField: q
-}, Symbol.toStringTag, { value: "Module" })), Ct = p.forwardRef(
+}, Symbol.toStringTag, { value: "Module" })), Ct = g.forwardRef(
   ({ className: r, type: t, ...o }, a) => /* @__PURE__ */ n.jsx(
     "input",
     {
       type: t,
-      className: c(
+      className: u(
         "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
         r
       ),
@@ -1032,7 +1032,7 @@ Ct.displayName = "Input";
 const Gr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Input: Ct
-}, Symbol.toStringTag, { value: "Module" })), qr = ee.Root, Hr = ee.Trigger, jt = p.forwardRef(({ className: r, align: t = "center", sideOffset: o = 4, ...a }, i) => (
+}, Symbol.toStringTag, { value: "Module" })), qr = ee.Root, Hr = ee.Trigger, jt = g.forwardRef(({ className: r, align: t = "center", sideOffset: o = 4, ...a }, i) => (
   // <PopoverPrimitive.Portal>
   /* @__PURE__ */ n.jsx(
     ee.Content,
@@ -1040,7 +1040,7 @@ const Gr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       ref: i,
       align: t,
       sideOffset: o,
-      className: c(
+      className: u(
         "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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",
         r
       ),
@@ -1054,11 +1054,11 @@ const Jr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Popover: qr,
   PopoverContent: jt,
   PopoverTrigger: Hr
-}, Symbol.toStringTag, { value: "Module" })), Kr = T.Root, Xr = T.Group, Zr = T.Value, wt = p.forwardRef(({ className: r, children: t, ...o }, a) => /* @__PURE__ */ n.jsxs(
+}, Symbol.toStringTag, { value: "Module" })), Kr = T.Root, Xr = T.Group, Zr = T.Value, wt = g.forwardRef(({ className: r, children: t, ...o }, a) => /* @__PURE__ */ n.jsxs(
   T.Trigger,
   {
     ref: a,
-    className: c(
+    className: u(
       "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
       r
     ),
@@ -1070,11 +1070,11 @@ const Jr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   }
 ));
 wt.displayName = T.Trigger.displayName;
-const ue = p.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
+const ue = g.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
   T.ScrollUpButton,
   {
     ref: o,
-    className: c(
+    className: u(
       "flex cursor-default items-center justify-center py-1",
       r
     ),
@@ -1083,11 +1083,11 @@ const ue = p.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
   }
 ));
 ue.displayName = T.ScrollUpButton.displayName;
-const fe = p.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
+const fe = g.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
   T.ScrollDownButton,
   {
     ref: o,
-    className: c(
+    className: u(
       "flex cursor-default items-center justify-center py-1",
       r
     ),
@@ -1096,13 +1096,13 @@ const fe = p.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
   }
 ));
 fe.displayName = T.ScrollDownButton.displayName;
-const Nt = p.forwardRef(({ className: r, children: t, position: o = "popper", ...a }, i) => (
+const Nt = g.forwardRef(({ className: r, children: t, position: o = "popper", ...a }, i) => (
   // <SelectPrimitive.Portal>
   /* @__PURE__ */ n.jsxs(
     T.Content,
     {
       ref: i,
-      className: c(
+      className: u(
         "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md 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",
         o === "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",
         r
@@ -1114,7 +1114,7 @@ const Nt = p.forwardRef(({ className: r, children: t, position: o = "popper", ..
         /* @__PURE__ */ n.jsx(
           T.Viewport,
           {
-            className: c(
+            className: u(
               "p-1",
               o === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
             ),
@@ -1127,20 +1127,20 @@ const Nt = p.forwardRef(({ className: r, children: t, position: o = "popper", ..
   )
 ));
 Nt.displayName = T.Content.displayName;
-const St = p.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
+const St = g.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
   T.Label,
   {
     ref: o,
-    className: c("py-1.5 pl-8 pr-2 text-sm font-semibold", r),
+    className: u("py-1.5 pl-8 pr-2 text-sm font-semibold", r),
     ...t
   }
 ));
 St.displayName = T.Label.displayName;
-const Tt = p.forwardRef(({ className: r, children: t, ...o }, a) => /* @__PURE__ */ n.jsxs(
+const Tt = g.forwardRef(({ className: r, children: t, ...o }, a) => /* @__PURE__ */ n.jsxs(
   T.Item,
   {
     ref: a,
-    className: c(
+    className: u(
       "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       r
     ),
@@ -1152,11 +1152,11 @@ const Tt = p.forwardRef(({ className: r, children: t, ...o }, a) => /* @__PURE__
   }
 ));
 Tt.displayName = T.Item.displayName;
-const Rt = p.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
+const Rt = g.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
   T.Separator,
   {
     ref: o,
-    className: c("-mx-1 my-1 h-px bg-muted", r),
+    className: u("-mx-1 my-1 h-px bg-muted", r),
     ...t
   }
 ));
@@ -1173,11 +1173,11 @@ const Qr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   SelectSeparator: Rt,
   SelectTrigger: wt,
   SelectValue: Zr
-}, Symbol.toStringTag, { value: "Module" })), eo = L.Root, _t = p.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
+}, Symbol.toStringTag, { value: "Module" })), eo = L.Root, _t = g.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
   L.List,
   {
     ref: o,
-    className: c(
+    className: u(
       "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
       r
     ),
@@ -1185,11 +1185,11 @@ const Qr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   }
 ));
 _t.displayName = L.List.displayName;
-const Et = p.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
+const Et = g.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
   L.Trigger,
   {
     ref: o,
-    className: c(
+    className: u(
       "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
       r
     ),
@@ -1197,11 +1197,11 @@ const Et = p.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
   }
 ));
 Et.displayName = L.Trigger.displayName;
-const Pt = p.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
+const Pt = g.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
   L.Content,
   {
     ref: o,
-    className: c(
+    className: u(
       "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
       r
     ),
@@ -1234,11 +1234,11 @@ const to = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       size: "default"
     }
   }
-), Mt = p.forwardRef(({ className: r, variant: t, size: o, ...a }, i) => /* @__PURE__ */ n.jsx(
+), Mt = g.forwardRef(({ className: r, variant: t, size: o, ...a }, i) => /* @__PURE__ */ n.jsx(
   Je.Root,
   {
     ref: i,
-    className: c(Dt({ variant: t, size: o, className: r })),
+    className: u(Dt({ variant: t, size: o, className: r })),
     ...a
   }
 ));
@@ -1247,12 +1247,12 @@ const ro = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Toggle: Mt,
   toggleVariants: Dt
-}, Symbol.toStringTag, { value: "Module" })), oo = G.Provider, no = G.Root, ao = G.Trigger, Ot = p.forwardRef(({ className: r, sideOffset: t = 4, ...o }, a) => /* @__PURE__ */ n.jsx(
+}, Symbol.toStringTag, { value: "Module" })), oo = G.Provider, no = G.Root, ao = G.Trigger, Ot = g.forwardRef(({ className: r, sideOffset: t = 4, ...o }, a) => /* @__PURE__ */ n.jsx(
   G.Content,
   {
     ref: a,
     sideOffset: t,
-    className: c(
+    className: u(
       "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md 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",
       r
     ),
@@ -1311,14 +1311,14 @@ const lo = (r) => {
     ...d
   } = r;
   j(d);
-  const u = R();
+  const c = R();
   return i ? /* @__PURE__ */ n.jsx(
-    u.DropdownMenu.DropdownMenuSub,
+    c.DropdownMenu.DropdownMenuSub,
     {
       onOpenChange: o,
       children: t
     }
-  ) : /* @__PURE__ */ n.jsx(u.DropdownMenu.DropdownMenu, { onOpenChange: o, children: t });
+  ) : /* @__PURE__ */ n.jsx(c.DropdownMenu.DropdownMenu, { onOpenChange: o, children: t });
 }, fo = (r) => {
   const { children: t, sub: o, ...a } = r;
   j(a);
@@ -1332,16 +1332,16 @@ const lo = (r) => {
 }, mo = N((r, t) => {
   const { className: o, children: a, sub: i, ...d } = r;
   j(d);
-  const u = R();
+  const c = R();
   return i ? /* @__PURE__ */ n.jsx(
-    u.DropdownMenu.DropdownMenuSubContent,
+    c.DropdownMenu.DropdownMenuSubContent,
     {
       className: o,
       ref: t,
       children: a
     }
   ) : /* @__PURE__ */ n.jsx(
-    u.DropdownMenu.DropdownMenuContent,
+    c.DropdownMenu.DropdownMenuContent,
     {
       className: o,
       ref: t,
@@ -1349,16 +1349,16 @@ const lo = (r) => {
     }
   );
 }), po = N((r, t) => {
-  const { className: o, children: a, icon: i, checked: d, subTrigger: u, onClick: x, ...m } = r;
+  const { className: o, children: a, icon: i, checked: d, subTrigger: c, onClick: x, ...m } = r;
   j(m);
-  const g = R();
-  return u ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+  const p = R();
+  return c ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     i,
     a
   ] }) : d !== void 0 ? /* @__PURE__ */ n.jsxs(
-    g.DropdownMenu.DropdownMenuCheckboxItem,
+    p.DropdownMenu.DropdownMenuCheckboxItem,
     {
-      className: c(o, "gap-1"),
+      className: u(o, "gap-1"),
       ref: t,
       checked: d,
       onClick: x,
@@ -1369,7 +1369,7 @@ const lo = (r) => {
       ]
     }
   ) : /* @__PURE__ */ n.jsxs(
-    g.DropdownMenu.DropdownMenuItem,
+    p.DropdownMenu.DropdownMenuItem,
     {
       className: o,
       ref: t,
@@ -1378,7 +1378,7 @@ const lo = (r) => {
       children: [
         i,
         a,
-        u && /* @__PURE__ */ n.jsx(Ue, { className: "ml-auto h-4 w-4" })
+        c && /* @__PURE__ */ n.jsx(Ue, { className: "ml-auto h-4 w-4" })
       ]
     }
   );
@@ -1411,30 +1411,30 @@ const lo = (r) => {
     tabs: a,
     defaultOpenTab: i,
     openTab: d,
-    setOpenTab: u,
+    setOpenTab: c,
     loading: x,
     // TODO: implement loader
     ...m
   } = r;
   j(m);
-  const g = R();
+  const p = R();
   return /* @__PURE__ */ n.jsxs(
-    g.Tabs.Tabs,
+    p.Tabs.Tabs,
     {
-      className: c(o, "bg-popover p-2 rounded-lg"),
+      className: u(o, "bg-popover p-2 rounded-lg"),
       ref: t,
       value: d,
       defaultValue: i,
-      onValueChange: u,
+      onValueChange: c,
       children: [
-        /* @__PURE__ */ n.jsx(g.Tabs.TabsList, { children: a.map((b) => /* @__PURE__ */ n.jsx(g.Tabs.TabsTrigger, { value: b.name, children: b.name }, b.name)) }),
-        a.map((b) => /* @__PURE__ */ n.jsx(g.Tabs.TabsContent, { value: b.name, children: /* @__PURE__ */ n.jsx(g.Card.Card, { children: /* @__PURE__ */ n.jsx(g.Card.CardContent, { className: "p-4", children: b.tabPanel }) }) }, b.name))
+        /* @__PURE__ */ n.jsx(p.Tabs.TabsList, { children: a.map((b) => /* @__PURE__ */ n.jsx(p.Tabs.TabsTrigger, { value: b.name, children: b.name }, b.name)) }),
+        a.map((b) => /* @__PURE__ */ n.jsx(p.Tabs.TabsContent, { value: b.name, children: /* @__PURE__ */ n.jsx(p.Card.Card, { children: /* @__PURE__ */ n.jsx(p.Card.CardContent, { className: "p-4", children: b.tabPanel }) }) }, b.name))
       ]
     }
   );
 }), xo = N((r, t) => {
-  const { className: o, children: a, onClick: i, label: d, ...u } = r;
-  j(u);
+  const { className: o, children: a, onClick: i, label: d, ...c } = r;
+  j(c);
   const x = R();
   return /* @__PURE__ */ n.jsx(
     x.Button.Button,
@@ -1448,18 +1448,19 @@ const lo = (r) => {
     }
   );
 }), ho = N((r, t) => {
-  const { className: o, value: a, placeholder: i, onChange: d, ...u } = r;
-  j(u);
-  const x = R();
+  const { className: o, accept: a, value: i, placeholder: d, onChange: c, ...x } = r;
+  j(x);
+  const m = R();
   return /* @__PURE__ */ n.jsx(
-    x.Input.Input,
+    m.Input.Input,
     {
       type: "file",
       className: o,
       ref: t,
-      value: a ? a.name : void 0,
-      onChange: async (m) => d == null ? void 0 : d(m.target.files[0]),
-      placeholder: i
+      accept: a,
+      value: i ? i.name : void 0,
+      onChange: async (p) => c == null ? void 0 : c(p.target.files[0]),
+      placeholder: d
     }
   );
 }), yo = N((r, t) => {
@@ -1467,7 +1468,7 @@ const lo = (r) => {
   return j(i), /* @__PURE__ */ n.jsx(
     "div",
     {
-      className: c(
+      className: u(
         o,
         "flex flex-col gap-2 items-start justify-center"
       ),
@@ -1476,19 +1477,19 @@ const lo = (r) => {
     }
   );
 }), Co = N((r, t) => {
-  const { className: o, value: a, placeholder: i, onKeyDown: d, onChange: u, ...x } = r;
+  const { className: o, value: a, placeholder: i, onKeyDown: d, onChange: c, ...x } = r;
   j(x);
   const m = R();
   return /* @__PURE__ */ n.jsx(
     m.Input.Input,
     {
       "data-test": "embed-input",
-      className: c(o, "w-80"),
+      className: u(o, "w-80"),
       ref: t,
       value: a,
       placeholder: i,
       onKeyDown: d,
-      onChange: u
+      onChange: c
     }
   );
 }), jo = (r) => {
@@ -1512,12 +1513,12 @@ const lo = (r) => {
 ), No = N((r, t) => {
   const { className: o, variant: a, children: i, ...d } = r;
   j(d);
-  const u = R();
+  const c = R();
   return /* @__PURE__ */ n.jsx(
-    u.Popover.PopoverContent,
+    c.Popover.PopoverContent,
     {
       sideOffset: 8,
-      className: c(
+      className: u(
         o,
         "flex flex-col gap-2",
         a === "panel-popover" ? "p-0 border-none shadow-none max-w-none w-fit" : ""
@@ -1535,10 +1536,10 @@ const lo = (r) => {
     children: a,
     icon: i,
     onClick: d,
-    onDragEnd: u,
+    onDragEnd: c,
     onDragStart: x,
     draggable: m,
-    label: g,
+    label: p,
     ...b
   } = r;
   j(b, !1);
@@ -1547,12 +1548,12 @@ const lo = (r) => {
     _.Button.Button,
     {
       variant: "ghost",
-      className: c(o, "text-gray-400"),
+      className: u(o, "text-gray-400"),
       ref: t,
-      "aria-label": g,
+      "aria-label": p,
       onClick: d,
       onDragStart: x,
-      onDragEnd: u,
+      onDragEnd: c,
       draggable: m,
       ...b,
       children: [
@@ -1568,7 +1569,7 @@ const lo = (r) => {
     {
       id: i,
       role: "listbox",
-      className: c(
+      className: u(
         "z-50 min-w-[8rem] overflow-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md 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",
         o
       ),
@@ -1581,7 +1582,7 @@ const lo = (r) => {
   return j(i), /* @__PURE__ */ n.jsx(
     "div",
     {
-      className: c(
+      className: u(
         "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
         o
       ),
@@ -1590,17 +1591,17 @@ const lo = (r) => {
     }
   );
 }), Eo = N((r, t) => {
-  const o = R(), { className: a, item: i, isSelected: d, onClick: u, id: x, ...m } = r;
+  const o = R(), { className: a, item: i, isSelected: d, onClick: c, id: x, ...m } = r;
   return j(m), /* @__PURE__ */ n.jsxs(
     "div",
     {
-      className: c(
+      className: u(
         "relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
         a
       ),
       ref: t,
       id: x,
-      onClick: u,
+      onClick: c,
       role: "option",
       "aria-selected": d || void 0,
       children: [
@@ -1618,7 +1619,7 @@ const lo = (r) => {
   return j(i), /* @__PURE__ */ n.jsx(
     "div",
     {
-      className: c("px-2 py-1.5 text-sm font-semibold", o),
+      className: u("px-2 py-1.5 text-sm font-semibold", o),
       ref: t,
       children: a
     }
@@ -1632,25 +1633,25 @@ const lo = (r) => {
     children: a,
     draggable: i,
     onDragStart: d,
-    onDragEnd: u,
+    onDragEnd: c,
     style: x,
     label: m,
-    ...g
+    ...p
   } = r;
-  j(g, !1);
+  j(p, !1);
   const b = R();
   return /* @__PURE__ */ n.jsx(
     b.Button.Button,
     {
       variant: "ghost",
-      className: c(o, "p-0 h-fit w-fit text-gray-400"),
+      className: u(o, "p-0 h-fit w-fit text-gray-400"),
       ref: t,
       "aria-label": m,
       draggable: i,
       onDragStart: d,
-      onDragEnd: u,
+      onDragEnd: c,
       style: x,
-      ...g,
+      ...p,
       children: a
     }
   );
@@ -1663,10 +1664,10 @@ const lo = (r) => {
       icon: i,
       // TODO: implement
       value: d,
-      autoFocus: u,
+      autoFocus: c,
       placeholder: x,
       onKeyDown: m,
-      onChange: g,
+      onChange: p,
       onSubmit: b,
       ..._
     } = r;
@@ -1680,11 +1681,11 @@ const lo = (r) => {
           className: t,
           id: a,
           name: o,
-          autoFocus: u,
+          autoFocus: c,
           placeholder: x,
           value: d,
           onKeyDown: m,
-          onChange: g,
+          onChange: p,
           onSubmit: b
         }
       )
@@ -1693,24 +1694,24 @@ const lo = (r) => {
       {
         "aria-label": o,
         name: o,
-        autoFocus: u,
+        autoFocus: c,
         placeholder: x,
         value: d,
         onKeyDown: m,
-        onChange: g,
+        onChange: p,
         onSubmit: b
       }
     );
   }
 ), Ve = N(
   (r, t) => {
-    const { className: o, children: a, onMouseEnter: i, onMouseLeave: d, ...u } = r;
-    j(u);
+    const { className: o, children: a, onMouseEnter: i, onMouseLeave: d, ...c } = r;
+    j(c);
     const x = R();
     return /* @__PURE__ */ n.jsx(x.Tooltip.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ n.jsx(
       "div",
       {
-        className: c(
+        className: u(
           o,
           "flex gap-1 p-1 bg-popover text-popover-foreground border rounded-lg shadow-md"
         ),
@@ -1728,10 +1729,10 @@ const lo = (r) => {
       children: a,
       mainTooltip: i,
       secondaryTooltip: d,
-      icon: u,
+      icon: c,
       isSelected: x,
       isDisabled: m,
-      onClick: g,
+      onClick: p,
       label: b,
       ..._
     } = r;
@@ -1742,24 +1743,24 @@ const lo = (r) => {
         className: o,
         variant: "ghost",
         disabled: m,
-        onClick: g,
+        onClick: p,
         ref: t,
         "aria-label": b,
         ..._,
         children: [
-          u,
+          c,
           a
         ]
       }
     ) : /* @__PURE__ */ n.jsxs(
       P.Toggle.Toggle,
       {
-        className: c(
+        className: u(
           o,
           "data-[state=open]:bg-accent data-[state=closed]:text-accent-foreground"
         ),
         "aria-label": b,
-        onClick: g,
+        onClick: p,
         pressed: x,
         disabled: m,
         "data-state": x ? "on" : "off",
@@ -1767,7 +1768,7 @@ const lo = (r) => {
         ref: t,
         ..._,
         children: [
-          u,
+          c,
           a
         ]
       }
@@ -1789,29 +1790,29 @@ const lo = (r) => {
 ), Io = N((r, t) => {
   const { className: o, items: a, isDisabled: i, ...d } = r;
   j(d);
-  const u = R(), x = (g) => /* @__PURE__ */ n.jsxs("div", { className: "flex gap-1 items-center", children: [
-    g.icon,
-    g.text
-  ] }), m = a.filter((g) => g.isSelected)[0];
+  const c = R(), x = (p) => /* @__PURE__ */ n.jsxs("div", { className: "flex gap-1 items-center", children: [
+    p.icon,
+    p.text
+  ] }), m = a.filter((p) => p.isSelected)[0];
   return m ? /* @__PURE__ */ n.jsxs(
-    u.Select.Select,
+    c.Select.Select,
     {
       value: m.text,
-      onValueChange: (g) => {
+      onValueChange: (p) => {
         var b, _;
-        return (_ = (b = a.find((P) => P.text === g)).onClick) == null ? void 0 : _.call(b);
+        return (_ = (b = a.find((P) => P.text === p)).onClick) == null ? void 0 : _.call(b);
       },
       disabled: i,
       children: [
-        /* @__PURE__ */ n.jsx(u.Select.SelectTrigger, { className: "border-none", children: /* @__PURE__ */ n.jsx(u.Select.SelectValue, {}) }),
-        /* @__PURE__ */ n.jsx(u.Select.SelectContent, { className: o, ref: t, children: a.map((g) => /* @__PURE__ */ n.jsx(
-          u.Select.SelectItem,
+        /* @__PURE__ */ n.jsx(c.Select.SelectTrigger, { className: "border-none", children: /* @__PURE__ */ n.jsx(c.Select.SelectValue, {}) }),
+        /* @__PURE__ */ n.jsx(c.Select.SelectContent, { className: o, ref: t, children: a.map((p) => /* @__PURE__ */ n.jsx(
+          c.Select.SelectItem,
           {
-            disabled: g.isDisabled,
-            value: g.text,
-            children: /* @__PURE__ */ n.jsx(x, { ...g })
+            disabled: p.isDisabled,
+            value: p.text,
+            children: /* @__PURE__ */ n.jsx(x, { ...p })
           },
-          g.text
+          p.text
         )) })
       ]
     }
@@ -1823,7 +1824,7 @@ const Fo = {
     Button: Ae,
     Select: Io
   },
-  ImagePanel: {
+  FilePanel: {
     Root: bo,
     Button: xo,
     FileInput: ho,