@blocknote/shadcn 0.14.0 → 0.14.1

package/dist/blocknote-shadcn.js

@@ -1,21 +1,21 @@
 import * as g from "react";
-import Ae, { createContext as Qt, useContext as er, useMemo as $e, forwardRef as N } from "react";
-import { ComponentsContext as tr, BlockNoteViewRaw as rr } from "@blocknote/react";
-import { cva as Z } from "class-variance-authority";
-import { clsx as or } from "clsx";
-import { twMerge as nr } from "tailwind-merge";
-import { Slot as ze } from "@radix-ui/react-slot";
+import ze, { createContext as or, useContext as nr, useMemo as We, forwardRef as N, useRef as ar, useEffect as sr } from "react";
+import { elementOverflow as ir, mergeRefs as lr, ComponentsContext as dr, BlockNoteViewRaw as cr } from "@blocknote/react";
+import { cva as Q } from "class-variance-authority";
+import { clsx as ur } from "clsx";
+import { twMerge as fr } from "tailwind-merge";
+import { Slot as Ye } from "@radix-ui/react-slot";
 import * as T from "@radix-ui/react-dropdown-menu";
-import { ChevronRight as We, Check as Ye, Circle as ar, ChevronDown as Ue, ChevronUp as sr } from "lucide-react";
-import { FormProvider as ir, useFormContext as lr, useForm as dr } from "react-hook-form";
+import { ChevronRight as Ue, Check as Ke, Circle as mr, ChevronDown as Je, ChevronUp as pr } from "lucide-react";
+import { FormProvider as gr, useFormContext as vr, useForm as br } from "react-hook-form";
 import * as qe from "@radix-ui/react-label";
-import * as Q from "@radix-ui/react-popover";
+import * as ee from "@radix-ui/react-popover";
 import * as D from "@radix-ui/react-select";
-import * as L from "@radix-ui/react-tabs";
+import * as B from "@radix-ui/react-tabs";
 import * as Ge from "@radix-ui/react-toggle";
 import * as q from "@radix-ui/react-tooltip";
 import { assertEmpty as C } from "@blocknote/core";
-var de = { exports: {} }, Y = {};
+var ue = { exports: {} }, K = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -25,25 +25,25 @@ var de = { exports: {} }, Y = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Oe;
-function cr() {
-  if (Oe)
-    return Y;
-  Oe = 1;
-  var o = Ae, r = Symbol.for("react.element"), t = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, i = o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function c(x, m, p) {
-    var b, S = {}, _ = null, B = null;
-    p !== void 0 && (_ = "" + p), m.key !== void 0 && (_ = "" + m.key), m.ref !== void 0 && (B = m.ref);
-    for (b in m)
-      a.call(m, b) && !d.hasOwnProperty(b) && (S[b] = m[b]);
+var Be;
+function xr() {
+  if (Be)
+    return K;
+  Be = 1;
+  var o = ze, r = Symbol.for("react.element"), t = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, i = o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function c(x, p, f) {
+    var v, S = {}, _ = null, V = null;
+    f !== void 0 && (_ = "" + f), p.key !== void 0 && (_ = "" + p.key), p.ref !== void 0 && (V = p.ref);
+    for (v in p)
+      a.call(p, v) && !d.hasOwnProperty(v) && (S[v] = p[v]);
     if (x && x.defaultProps)
-      for (b in m = x.defaultProps, m)
-        S[b] === void 0 && (S[b] = m[b]);
-    return { $$typeof: r, type: x, key: _, ref: B, props: S, _owner: i.current };
+      for (v in p = x.defaultProps, p)
+        S[v] === void 0 && (S[v] = p[v]);
+    return { $$typeof: r, type: x, key: _, ref: V, props: S, _owner: i.current };
   }
-  return Y.Fragment = t, Y.jsx = c, Y.jsxs = c, Y;
+  return K.Fragment = t, K.jsx = c, K.jsxs = c, K;
 }
-var U = {};
+var J = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -53,27 +53,27 @@ var U = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Le;
-function ur() {
-  return Le || (Le = 1, process.env.NODE_ENV !== "production" && function() {
-    var o = Ae, r = Symbol.for("react.element"), t = 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"), S = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), B = Symbol.for("react.offscreen"), ue = Symbol.iterator, xt = "@@iterator";
-    function ht(e) {
+var Ve;
+function hr() {
+  return Ve || (Ve = 1, process.env.NODE_ENV !== "production" && function() {
+    var o = ze, r = Symbol.for("react.element"), t = 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"), p = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), S = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), V = Symbol.for("react.offscreen"), me = Symbol.iterator, yt = "@@iterator";
+    function wt(e) {
       if (e === null || typeof e != "object")
         return null;
-      var s = ue && e[ue] || e[xt];
+      var s = me && e[me] || e[yt];
       return typeof s == "function" ? s : null;
     }
-    var V = o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var A = o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function P(e) {
       {
-        for (var s = arguments.length, l = new Array(s > 1 ? s - 1 : 0), f = 1; f < s; f++)
-          l[f - 1] = arguments[f];
-        yt("error", e, l);
+        for (var s = arguments.length, l = new Array(s > 1 ? s - 1 : 0), m = 1; m < s; m++)
+          l[m - 1] = arguments[m];
+        Ct("error", e, l);
       }
     }
-    function yt(e, s, l) {
+    function Ct(e, s, l) {
       {
-        var f = V.ReactDebugCurrentFrame, y = f.getStackAddendum();
+        var m = A.ReactDebugCurrentFrame, y = m.getStackAddendum();
         y !== "" && (s += "%s", l = l.concat([y]));
         var w = l.map(function(h) {
           return String(h);
@@ -81,23 +81,23 @@ function ur() {
         w.unshift("Warning: " + s), Function.prototype.apply.call(console[e], console, w);
       }
     }
-    var wt = !1, Ct = !1, Nt = !1, jt = !1, Tt = !1, fe;
-    fe = Symbol.for("react.module.reference");
-    function Rt(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === a || e === d || Tt || e === i || e === p || e === b || jt || e === B || wt || Ct || Nt || typeof e == "object" && e !== null && (e.$$typeof === _ || e.$$typeof === S || e.$$typeof === c || e.$$typeof === x || e.$$typeof === m || // This needs to include all possible module reference object
+    var Nt = !1, jt = !1, Tt = !1, Rt = !1, St = !1, pe;
+    pe = Symbol.for("react.module.reference");
+    function Et(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === a || e === d || St || e === i || e === f || e === v || Rt || e === V || Nt || jt || Tt || typeof e == "object" && e !== null && (e.$$typeof === _ || e.$$typeof === S || e.$$typeof === c || e.$$typeof === x || e.$$typeof === p || // 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.
-      e.$$typeof === fe || e.getModuleId !== void 0));
+      e.$$typeof === pe || e.getModuleId !== void 0));
     }
-    function St(e, s, l) {
-      var f = e.displayName;
-      if (f)
-        return f;
+    function Dt(e, s, l) {
+      var m = e.displayName;
+      if (m)
+        return m;
       var y = s.displayName || s.name || "";
       return y !== "" ? l + "(" + y + ")" : l;
     }
-    function me(e) {
+    function ge(e) {
       return e.displayName || "Context";
     }
     function F(e) {
@@ -116,24 +116,24 @@ function ur() {
           return "Profiler";
         case i:
           return "StrictMode";
-        case p:
+        case f:
           return "Suspense";
-        case b:
+        case v:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case x:
             var s = e;
-            return me(s) + ".Consumer";
+            return ge(s) + ".Consumer";
           case c:
             var l = e;
-            return me(l._context) + ".Provider";
-          case m:
-            return St(e, e.render, "ForwardRef");
+            return ge(l._context) + ".Provider";
+          case p:
+            return Dt(e, e.render, "ForwardRef");
           case S:
-            var f = e.displayName || null;
-            return f !== null ? f : F(e.type) || "Memo";
+            var m = e.displayName || null;
+            return m !== null ? m : F(e.type) || "Memo";
           case _: {
             var y = e, w = y._payload, h = y._init;
             try {
@@ -145,18 +145,18 @@ function ur() {
         }
       return null;
     }
-    var O = Object.assign, z = 0, pe, ge, ve, be, xe, he, ye;
-    function we() {
+    var O = Object.assign, W = 0, ve, be, xe, he, ye, we, Ce;
+    function Ne() {
     }
-    we.__reactDisabledLog = !0;
-    function Et() {
+    Ne.__reactDisabledLog = !0;
+    function _t() {
       {
-        if (z === 0) {
-          pe = console.log, ge = console.info, ve = console.warn, be = console.error, xe = console.group, he = console.groupCollapsed, ye = console.groupEnd;
+        if (W === 0) {
+          ve = console.log, be = console.info, xe = console.warn, he = console.error, ye = console.group, we = console.groupCollapsed, Ce = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: we,
+            value: Ne,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -169,12 +169,12 @@ function ur() {
             groupEnd: e
           });
         }
-        z++;
+        W++;
       }
     }
-    function Dt() {
+    function Pt() {
       {
-        if (z--, z === 0) {
+        if (W--, W === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -182,64 +182,64 @@ function ur() {
           };
           Object.defineProperties(console, {
             log: O({}, e, {
-              value: pe
+              value: ve
             }),
             info: O({}, e, {
-              value: ge
+              value: be
             }),
             warn: O({}, e, {
-              value: ve
+              value: xe
             }),
             error: O({}, e, {
-              value: be
+              value: he
             }),
             group: O({}, e, {
-              value: xe
+              value: ye
             }),
             groupCollapsed: O({}, e, {
-              value: he
+              value: we
             }),
             groupEnd: O({}, e, {
-              value: ye
+              value: Ce
             })
           });
         }
-        z < 0 && P("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        W < 0 && P("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var te = V.ReactCurrentDispatcher, re;
+    var re = A.ReactCurrentDispatcher, oe;
     function G(e, s, l) {
       {
-        if (re === void 0)
+        if (oe === void 0)
           try {
             throw Error();
           } catch (y) {
-            var f = y.stack.trim().match(/\n( *(at )?)/);
-            re = f && f[1] || "";
+            var m = y.stack.trim().match(/\n( *(at )?)/);
+            oe = m && m[1] || "";
           }
         return `
-` + re + e;
+` + oe + e;
       }
     }
-    var oe = !1, H;
+    var ne = !1, H;
     {
-      var _t = typeof WeakMap == "function" ? WeakMap : Map;
-      H = new _t();
+      var It = typeof WeakMap == "function" ? WeakMap : Map;
+      H = new It();
     }
-    function Ce(e, s) {
-      if (!e || oe)
+    function je(e, s) {
+      if (!e || ne)
         return "";
       {
         var l = H.get(e);
         if (l !== void 0)
           return l;
       }
-      var f;
-      oe = !0;
+      var m;
+      ne = !0;
       var y = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var w;
-      w = te.current, te.current = null, Et();
+      w = re.current, re.current = null, _t();
       try {
         if (s) {
           var h = function() {
@@ -252,171 +252,171 @@ function ur() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(h, []);
-            } catch (k) {
-              f = k;
+            } catch (M) {
+              m = M;
             }
             Reflect.construct(e, [], h);
           } else {
             try {
               h.call();
-            } catch (k) {
-              f = k;
+            } catch (M) {
+              m = M;
             }
             e.call(h.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (k) {
-            f = k;
+          } catch (M) {
+            m = M;
           }
           e();
         }
-      } catch (k) {
-        if (k && f && typeof k.stack == "string") {
-          for (var v = k.stack.split(`
-`), I = f.stack.split(`
-`), j = v.length - 1, E = I.length - 1; j >= 1 && E >= 0 && v[j] !== I[E]; )
+      } catch (M) {
+        if (M && m && typeof M.stack == "string") {
+          for (var b = M.stack.split(`
+`), I = m.stack.split(`
+`), j = b.length - 1, E = I.length - 1; j >= 1 && E >= 0 && b[j] !== I[E]; )
             E--;
           for (; j >= 1 && E >= 0; j--, E--)
-            if (v[j] !== I[E]) {
+            if (b[j] !== I[E]) {
               if (j !== 1 || E !== 1)
                 do
-                  if (j--, E--, E < 0 || v[j] !== I[E]) {
-                    var M = `
-` + v[j].replace(" at new ", " at ");
-                    return e.displayName && M.includes("<anonymous>") && (M = M.replace("<anonymous>", e.displayName)), typeof e == "function" && H.set(e, M), M;
+                  if (j--, E--, E < 0 || b[j] !== I[E]) {
+                    var k = `
+` + b[j].replace(" at new ", " at ");
+                    return e.displayName && k.includes("<anonymous>") && (k = k.replace("<anonymous>", e.displayName)), typeof e == "function" && H.set(e, k), k;
                   }
                 while (j >= 1 && E >= 0);
               break;
             }
         }
       } finally {
-        oe = !1, te.current = w, Dt(), Error.prepareStackTrace = y;
+        ne = !1, re.current = w, Pt(), Error.prepareStackTrace = y;
       }
-      var $ = e ? e.displayName || e.name : "", ke = $ ? G($) : "";
-      return typeof e == "function" && H.set(e, ke), ke;
+      var z = e ? e.displayName || e.name : "", L = z ? G(z) : "";
+      return typeof e == "function" && H.set(e, L), L;
     }
-    function Pt(e, s, l) {
-      return Ce(e, !1);
+    function Mt(e, s, l) {
+      return je(e, !1);
     }
-    function It(e) {
+    function kt(e) {
       var s = e.prototype;
       return !!(s && s.isReactComponent);
     }
-    function J(e, s, l) {
+    function X(e, s, l) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return Ce(e, It(e));
+        return je(e, kt(e));
       if (typeof e == "string")
         return G(e);
       switch (e) {
-        case p:
+        case f:
           return G("Suspense");
-        case b:
+        case v:
           return G("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case m:
-            return Pt(e.render);
+          case p:
+            return Mt(e.render);
           case S:
-            return J(e.type, s, l);
+            return X(e.type, s, l);
           case _: {
-            var f = e, y = f._payload, w = f._init;
+            var m = e, y = m._payload, w = m._init;
             try {
-              return J(w(y), s, l);
+              return X(w(y), s, l);
             } catch {
             }
           }
         }
       return "";
     }
-    var K = Object.prototype.hasOwnProperty, Ne = {}, je = V.ReactDebugCurrentFrame;
-    function X(e) {
+    var Y = Object.prototype.hasOwnProperty, Te = {}, Re = A.ReactDebugCurrentFrame;
+    function Z(e) {
       if (e) {
-        var s = e._owner, l = J(e.type, e._source, s ? s.type : null);
-        je.setExtraStackFrame(l);
+        var s = e._owner, l = X(e.type, e._source, s ? s.type : null);
+        Re.setExtraStackFrame(l);
       } else
-        je.setExtraStackFrame(null);
+        Re.setExtraStackFrame(null);
     }
-    function Mt(e, s, l, f, y) {
+    function Ft(e, s, l, m, y) {
       {
-        var w = Function.call.bind(K);
+        var w = Function.call.bind(Y);
         for (var h in e)
           if (w(e, h)) {
-            var v = void 0;
+            var b = void 0;
             try {
               if (typeof e[h] != "function") {
-                var I = Error((f || "React class") + ": " + l + " type `" + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[h] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var I = Error((m || "React class") + ": " + l + " type `" + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[h] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw I.name = "Invariant Violation", I;
               }
-              v = e[h](s, h, f, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              b = e[h](s, h, m, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (j) {
-              v = j;
+              b = j;
             }
-            v && !(v instanceof Error) && (X(y), P("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", f || "React class", l, h, typeof v), X(null)), v instanceof Error && !(v.message in Ne) && (Ne[v.message] = !0, X(y), P("Failed %s type: %s", l, v.message), X(null));
+            b && !(b instanceof Error) && (Z(y), P("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", m || "React class", l, h, typeof b), Z(null)), b instanceof Error && !(b.message in Te) && (Te[b.message] = !0, Z(y), P("Failed %s type: %s", l, b.message), Z(null));
           }
       }
     }
-    var Ft = Array.isArray;
-    function ne(e) {
-      return Ft(e);
+    var Ot = Array.isArray;
+    function ae(e) {
+      return Ot(e);
     }
-    function kt(e) {
+    function Lt(e) {
       {
         var s = typeof Symbol == "function" && Symbol.toStringTag, l = s && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return l;
       }
     }
-    function Ot(e) {
+    function Bt(e) {
       try {
-        return Te(e), !1;
+        return Se(e), !1;
       } catch {
         return !0;
       }
     }
-    function Te(e) {
+    function Se(e) {
       return "" + e;
     }
-    function Re(e) {
-      if (Ot(e))
-        return P("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", kt(e)), Te(e);
+    function Ee(e) {
+      if (Bt(e))
+        return P("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Lt(e)), Se(e);
     }
-    var W = V.ReactCurrentOwner, Lt = {
+    var U = A.ReactCurrentOwner, Vt = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Se, Ee, ae;
-    ae = {};
-    function Bt(e) {
-      if (K.call(e, "ref")) {
+    }, De, _e, se;
+    se = {};
+    function At(e) {
+      if (Y.call(e, "ref")) {
         var s = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (s && s.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function Vt(e) {
-      if (K.call(e, "key")) {
+    function $t(e) {
+      if (Y.call(e, "key")) {
         var s = Object.getOwnPropertyDescriptor(e, "key").get;
         if (s && s.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function At(e, s) {
-      if (typeof e.ref == "string" && W.current && s && W.current.stateNode !== s) {
-        var l = F(W.current.type);
-        ae[l] || (P('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', F(W.current.type), e.ref), ae[l] = !0);
+    function zt(e, s) {
+      if (typeof e.ref == "string" && U.current && s && U.current.stateNode !== s) {
+        var l = F(U.current.type);
+        se[l] || (P('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', F(U.current.type), e.ref), se[l] = !0);
       }
     }
-    function $t(e, s) {
+    function Wt(e, s) {
       {
         var l = function() {
-          Se || (Se = !0, P("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", s));
+          De || (De = !0, P("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", s));
         };
         l.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: l,
@@ -424,10 +424,10 @@ function ur() {
         });
       }
     }
-    function zt(e, s) {
+    function Yt(e, s) {
       {
         var l = function() {
-          Ee || (Ee = !0, P("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", s));
+          _e || (_e = !0, P("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", s));
         };
         l.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: l,
@@ -435,8 +435,8 @@ function ur() {
         });
       }
     }
-    var Wt = function(e, s, l, f, y, w, h) {
-      var v = {
+    var Ut = function(e, s, l, m, y, w, h) {
+      var b = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: r,
         // Built-in properties that belong on the element
@@ -447,58 +447,58 @@ function ur() {
         // Record the component responsible for creating this element.
         _owner: w
       };
-      return v._store = {}, Object.defineProperty(v._store, "validated", {
+      return b._store = {}, Object.defineProperty(b._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(v, "_self", {
+      }), Object.defineProperty(b, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: f
-      }), Object.defineProperty(v, "_source", {
+        value: m
+      }), Object.defineProperty(b, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: y
-      }), Object.freeze && (Object.freeze(v.props), Object.freeze(v)), v;
+      }), Object.freeze && (Object.freeze(b.props), Object.freeze(b)), b;
     };
-    function Yt(e, s, l, f, y) {
+    function Kt(e, s, l, m, y) {
       {
-        var w, h = {}, v = null, I = null;
-        l !== void 0 && (Re(l), v = "" + l), Vt(s) && (Re(s.key), v = "" + s.key), Bt(s) && (I = s.ref, At(s, y));
+        var w, h = {}, b = null, I = null;
+        l !== void 0 && (Ee(l), b = "" + l), $t(s) && (Ee(s.key), b = "" + s.key), At(s) && (I = s.ref, zt(s, y));
         for (w in s)
-          K.call(s, w) && !Lt.hasOwnProperty(w) && (h[w] = s[w]);
+          Y.call(s, w) && !Vt.hasOwnProperty(w) && (h[w] = s[w]);
         if (e && e.defaultProps) {
           var j = e.defaultProps;
           for (w in j)
             h[w] === void 0 && (h[w] = j[w]);
         }
-        if (v || I) {
+        if (b || I) {
           var E = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          v && $t(h, E), I && zt(h, E);
+          b && Wt(h, E), I && Yt(h, E);
         }
-        return Wt(e, v, I, y, f, W.current, h);
+        return Ut(e, b, I, y, m, U.current, h);
       }
     }
-    var se = V.ReactCurrentOwner, De = V.ReactDebugCurrentFrame;
-    function A(e) {
+    var ie = A.ReactCurrentOwner, Pe = A.ReactDebugCurrentFrame;
+    function $(e) {
       if (e) {
-        var s = e._owner, l = J(e.type, e._source, s ? s.type : null);
-        De.setExtraStackFrame(l);
+        var s = e._owner, l = X(e.type, e._source, s ? s.type : null);
+        Pe.setExtraStackFrame(l);
       } else
-        De.setExtraStackFrame(null);
+        Pe.setExtraStackFrame(null);
     }
-    var ie;
-    ie = !1;
-    function le(e) {
+    var le;
+    le = !1;
+    function de(e) {
       return typeof e == "object" && e !== null && e.$$typeof === r;
     }
-    function _e() {
+    function Ie() {
       {
-        if (se.current) {
-          var e = F(se.current.type);
+        if (ie.current) {
+          var e = F(ie.current.type);
           if (e)
             return `
 
@@ -507,7 +507,7 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function Ut(e) {
+    function Jt(e) {
       {
         if (e !== void 0) {
           var s = e.fileName.replace(/^.*[\\\/]/, ""), l = e.lineNumber;
@@ -518,10 +518,10 @@ Check your code at ` + s + ":" + l + ".";
         return "";
       }
     }
-    var Pe = {};
+    var Me = {};
     function qt(e) {
       {
-        var s = _e();
+        var s = Ie();
         if (!s) {
           var l = typeof e == "string" ? e : e.displayName || e.name;
           l && (s = `
@@ -531,35 +531,35 @@ Check the top-level render call using <` + l + ">.");
         return s;
       }
     }
-    function Ie(e, s) {
+    function ke(e, s) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
         var l = qt(s);
-        if (Pe[l])
+        if (Me[l])
           return;
-        Pe[l] = !0;
-        var f = "";
-        e && e._owner && e._owner !== se.current && (f = " It was passed a child from " + F(e._owner.type) + "."), A(e), P('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', l, f), A(null);
+        Me[l] = !0;
+        var m = "";
+        e && e._owner && e._owner !== ie.current && (m = " It was passed a child from " + F(e._owner.type) + "."), $(e), P('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', l, m), $(null);
       }
     }
-    function Me(e, s) {
+    function Fe(e, s) {
       {
         if (typeof e != "object")
           return;
-        if (ne(e))
+        if (ae(e))
           for (var l = 0; l < e.length; l++) {
-            var f = e[l];
-            le(f) && Ie(f, s);
+            var m = e[l];
+            de(m) && ke(m, s);
           }
-        else if (le(e))
+        else if (de(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var y = ht(e);
+          var y = wt(e);
           if (typeof y == "function" && y !== e.entries)
             for (var w = y.call(e), h; !(h = w.next()).done; )
-              le(h.value) && Ie(h.value, s);
+              de(h.value) && ke(h.value, s);
         }
       }
     }
@@ -571,17 +571,17 @@ Check the top-level render call using <` + l + ">.");
         var l;
         if (typeof s == "function")
           l = s.propTypes;
-        else if (typeof s == "object" && (s.$$typeof === m || // Note: Memo only checks outer props here.
+        else if (typeof s == "object" && (s.$$typeof === p || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         s.$$typeof === S))
           l = s.propTypes;
         else
           return;
         if (l) {
-          var f = F(s);
-          Mt(l, e.props, "prop", f, e);
-        } else if (s.PropTypes !== void 0 && !ie) {
-          ie = !0;
+          var m = F(s);
+          Ft(l, e.props, "prop", m, e);
+        } else if (s.PropTypes !== void 0 && !le) {
+          le = !0;
           var y = F(s);
           P("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", y || "Unknown");
         }
@@ -591,61 +591,76 @@ Check the top-level render call using <` + l + ">.");
     function Ht(e) {
       {
         for (var s = Object.keys(e.props), l = 0; l < s.length; l++) {
-          var f = s[l];
-          if (f !== "children" && f !== "key") {
-            A(e), P("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", f), A(null);
+          var m = s[l];
+          if (m !== "children" && m !== "key") {
+            $(e), P("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", m), $(null);
             break;
           }
         }
-        e.ref !== null && (A(e), P("Invalid attribute `ref` supplied to `React.Fragment`."), A(null));
+        e.ref !== null && ($(e), P("Invalid attribute `ref` supplied to `React.Fragment`."), $(null));
       }
     }
-    function Fe(e, s, l, f, y, w) {
+    var Oe = {};
+    function Le(e, s, l, m, y, w) {
       {
-        var h = Rt(e);
+        var h = Et(e);
         if (!h) {
-          var v = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (v += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var I = Ut(y);
-          I ? v += I : v += _e();
+          var b = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (b += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var I = Jt(y);
+          I ? b += I : b += Ie();
           var j;
-          e === null ? j = "null" : ne(e) ? j = "array" : e !== void 0 && e.$$typeof === r ? (j = "<" + (F(e.type) || "Unknown") + " />", v = " Did you accidentally export a JSX literal instead of a component?") : j = typeof e, P("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", j, v);
+          e === null ? j = "null" : ae(e) ? j = "array" : e !== void 0 && e.$$typeof === r ? (j = "<" + (F(e.type) || "Unknown") + " />", b = " Did you accidentally export a JSX literal instead of a component?") : j = typeof e, P("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", j, b);
         }
-        var E = Yt(e, s, l, y, w);
+        var E = Kt(e, s, l, y, w);
         if (E == null)
           return E;
         if (h) {
-          var M = s.children;
-          if (M !== void 0)
-            if (f)
-              if (ne(M)) {
-                for (var $ = 0; $ < M.length; $++)
-                  Me(M[$], e);
-                Object.freeze && Object.freeze(M);
+          var k = s.children;
+          if (k !== void 0)
+            if (m)
+              if (ae(k)) {
+                for (var z = 0; z < k.length; z++)
+                  Fe(k[z], e);
+                Object.freeze && Object.freeze(k);
               } else
                 P("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              Me(M, e);
+              Fe(k, e);
+        }
+        if (Y.call(s, "key")) {
+          var L = F(e), M = Object.keys(s).filter(function(rr) {
+            return rr !== "key";
+          }), ce = M.length > 0 ? "{key: someKey, " + M.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Oe[L + ce]) {
+            var tr = M.length > 0 ? "{" + M.join(": ..., ") + ": ...}" : "{}";
+            P(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`, ce, L, tr, L), Oe[L + ce] = !0;
+          }
         }
         return e === a ? Ht(E) : Gt(E), E;
       }
     }
-    function Jt(e, s, l) {
-      return Fe(e, s, l, !0);
+    function Xt(e, s, l) {
+      return Le(e, s, l, !0);
     }
-    function Kt(e, s, l) {
-      return Fe(e, s, l, !1);
+    function Zt(e, s, l) {
+      return Le(e, s, l, !1);
     }
-    var Xt = Kt, Zt = Jt;
-    U.Fragment = a, U.jsx = Xt, U.jsxs = Zt;
-  }()), U;
+    var Qt = Zt, er = Xt;
+    J.Fragment = a, J.jsx = Qt, J.jsxs = er;
+  }()), J;
 }
-process.env.NODE_ENV === "production" ? de.exports = cr() : de.exports = ur();
-var n = de.exports;
+process.env.NODE_ENV === "production" ? ue.exports = xr() : ue.exports = hr();
+var n = ue.exports;
 function u(...o) {
-  return nr(or(o));
+  return fr(ur(o));
 }
-const fr = Z(
+const yr = Q(
   "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
   {
     variants: {
@@ -661,10 +676,10 @@ const fr = Z(
     }
   }
 );
-function mr({ className: o, variant: r, ...t }) {
-  return /* @__PURE__ */ n.jsx("div", { className: u(fr({ variant: r }), o), ...t });
+function wr({ className: o, variant: r, ...t }) {
+  return /* @__PURE__ */ n.jsx("div", { className: u(yr({ variant: r }), o), ...t });
 }
-const pr = Z(
+const Cr = Q(
   "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
@@ -690,11 +705,11 @@ const pr = Z(
   }
 ), He = g.forwardRef(
   ({ className: o, variant: r, size: t, asChild: a = !1, ...i }, d) => {
-    const c = a ? ze : "button";
+    const c = a ? Ye : "button";
     return /* @__PURE__ */ n.jsx(
       c,
       {
-        className: u(pr({ variant: r, size: t, className: o })),
+        className: u(Cr({ variant: r, size: t, className: o })),
         ref: d,
         ...i
       }
@@ -702,7 +717,7 @@ const pr = Z(
   }
 );
 He.displayName = "Button";
-const Je = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
+const Xe = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
   "div",
   {
     ref: t,
@@ -713,8 +728,8 @@ const Je = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
     ...r
   }
 ));
-Je.displayName = "Card";
-const gr = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
+Xe.displayName = "Card";
+const Nr = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
   "div",
   {
     ref: t,
@@ -722,8 +737,8 @@ const gr = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
     ...r
   }
 ));
-gr.displayName = "CardHeader";
-const vr = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
+Nr.displayName = "CardHeader";
+const jr = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
   "h3",
   {
     ref: t,
@@ -734,8 +749,8 @@ const vr = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
     ...r
   }
 ));
-vr.displayName = "CardTitle";
-const br = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
+jr.displayName = "CardTitle";
+const Tr = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
   "p",
   {
     ref: t,
@@ -743,10 +758,10 @@ const br = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
     ...r
   }
 ));
-br.displayName = "CardDescription";
-const Ke = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx("div", { ref: t, className: u("p-6 pt-0", o), ...r }));
-Ke.displayName = "CardContent";
-const xr = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
+Tr.displayName = "CardDescription";
+const Ze = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx("div", { ref: t, className: u("p-6 pt-0", o), ...r }));
+Ze.displayName = "CardContent";
+const Rr = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
   "div",
   {
     ref: t,
@@ -754,8 +769,8 @@ const xr = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
     ...r
   }
 ));
-xr.displayName = "CardFooter";
-const hr = T.Root, yr = T.Trigger, wr = T.Sub, Xe = g.forwardRef(({ className: o, inset: r, children: t, ...a }, i) => /* @__PURE__ */ n.jsxs(
+Rr.displayName = "CardFooter";
+const Sr = T.Root, Er = T.Trigger, Dr = T.Sub, Qe = g.forwardRef(({ className: o, inset: r, children: t, ...a }, i) => /* @__PURE__ */ n.jsxs(
   T.SubTrigger,
   {
     ref: i,
@@ -767,12 +782,12 @@ const hr = T.Root, yr = T.Trigger, wr = T.Sub, Xe = g.forwardRef(({ className: o
     ...a,
     children: [
       t,
-      /* @__PURE__ */ n.jsx(We, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ n.jsx(Ue, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
-Xe.displayName = T.SubTrigger.displayName;
-const Ze = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
+Qe.displayName = T.SubTrigger.displayName;
+const et = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
   T.SubContent,
   {
     ref: t,
@@ -783,8 +798,8 @@ const Ze = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
     ...r
   }
 ));
-Ze.displayName = T.SubContent.displayName;
-const Qe = g.forwardRef(({ className: o, sideOffset: r = 4, ...t }, a) => (
+et.displayName = T.SubContent.displayName;
+const tt = g.forwardRef(({ className: o, sideOffset: r = 4, ...t }, a) => (
   // <DropdownMenuPrimitive.Portal>
   /* @__PURE__ */ n.jsx(
     T.Content,
@@ -799,8 +814,8 @@ const Qe = g.forwardRef(({ className: o, sideOffset: r = 4, ...t }, a) => (
     }
   )
 ));
-Qe.displayName = T.Content.displayName;
-const et = g.forwardRef(({ className: o, inset: r, ...t }, a) => /* @__PURE__ */ n.jsx(
+tt.displayName = T.Content.displayName;
+const rt = g.forwardRef(({ className: o, inset: r, ...t }, a) => /* @__PURE__ */ n.jsx(
   T.Item,
   {
     ref: a,
@@ -812,8 +827,8 @@ const et = g.forwardRef(({ className: o, inset: r, ...t }, a) => /* @__PURE__ */
     ...t
   }
 ));
-et.displayName = T.Item.displayName;
-const tt = g.forwardRef(({ className: o, children: r, checked: t, ...a }, i) => /* @__PURE__ */ n.jsxs(
+rt.displayName = T.Item.displayName;
+const ot = g.forwardRef(({ className: o, children: r, checked: t, ...a }, i) => /* @__PURE__ */ n.jsxs(
   T.CheckboxItem,
   {
     ref: i,
@@ -824,13 +839,13 @@ const tt = g.forwardRef(({ className: o, children: r, checked: t, ...a }, i) =>
     checked: t,
     ...a,
     children: [
-      /* @__PURE__ */ n.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ n.jsx(T.ItemIndicator, { children: /* @__PURE__ */ n.jsx(Ye, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ n.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ n.jsx(T.ItemIndicator, { children: /* @__PURE__ */ n.jsx(Ke, { className: "h-4 w-4" }) }) }),
       r
     ]
   }
 ));
-tt.displayName = T.CheckboxItem.displayName;
-const Cr = g.forwardRef(({ className: o, children: r, ...t }, a) => /* @__PURE__ */ n.jsxs(
+ot.displayName = T.CheckboxItem.displayName;
+const _r = g.forwardRef(({ className: o, children: r, ...t }, a) => /* @__PURE__ */ n.jsxs(
   T.RadioItem,
   {
     ref: a,
@@ -840,13 +855,13 @@ const Cr = g.forwardRef(({ className: o, children: r, ...t }, a) => /* @__PURE__
     ),
     ...t,
     children: [
-      /* @__PURE__ */ n.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ n.jsx(T.ItemIndicator, { children: /* @__PURE__ */ n.jsx(ar, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ n.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ n.jsx(T.ItemIndicator, { children: /* @__PURE__ */ n.jsx(mr, { className: "h-2 w-2 fill-current" }) }) }),
       r
     ]
   }
 ));
-Cr.displayName = T.RadioItem.displayName;
-const rt = g.forwardRef(({ className: o, inset: r, ...t }, a) => /* @__PURE__ */ n.jsx(
+_r.displayName = T.RadioItem.displayName;
+const nt = g.forwardRef(({ className: o, inset: r, ...t }, a) => /* @__PURE__ */ n.jsx(
   T.Label,
   {
     ref: a,
@@ -858,8 +873,8 @@ const rt = g.forwardRef(({ className: o, inset: r, ...t }, a) => /* @__PURE__ */
     ...t
   }
 ));
-rt.displayName = T.Label.displayName;
-const ot = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
+nt.displayName = T.Label.displayName;
+const at = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
   T.Separator,
   {
     ref: t,
@@ -867,22 +882,22 @@ const ot = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
     ...r
   }
 ));
-ot.displayName = T.Separator.displayName;
-const Nr = Z(
+at.displayName = T.Separator.displayName;
+const Pr = Q(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-), ce = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
+), fe = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
   qe.Root,
   {
     ref: t,
-    className: u(Nr(), o),
+    className: u(Pr(), o),
     ...r
   }
 ));
-ce.displayName = qe.Root.displayName;
-const jr = ir, Tr = g.createContext(
+fe.displayName = qe.Root.displayName;
+const Ir = gr, Mr = g.createContext(
   {}
-), ee = () => {
-  const o = g.useContext(Tr), r = g.useContext(nt), { getFieldState: t, formState: a } = lr(), i = t(o.name, a);
+), te = () => {
+  const o = g.useContext(Mr), r = g.useContext(st), { getFieldState: t, formState: a } = vr(), i = t(o.name, a);
   if (!o)
     throw new Error("useFormField should be used within <FormField>");
   const { id: d } = r;
@@ -894,17 +909,17 @@ const jr = ir, Tr = g.createContext(
     formMessageId: `${d}-form-item-message`,
     ...i
   };
-}, nt = g.createContext(
+}, st = g.createContext(
   {}
-), Rr = g.forwardRef(({ className: o, ...r }, t) => {
+), kr = g.forwardRef(({ className: o, ...r }, t) => {
   const a = g.useId();
-  return /* @__PURE__ */ n.jsx(nt.Provider, { value: { id: a }, children: /* @__PURE__ */ n.jsx("div", { ref: t, className: u("space-y-2", o), ...r }) });
+  return /* @__PURE__ */ n.jsx(st.Provider, { value: { id: a }, children: /* @__PURE__ */ n.jsx("div", { ref: t, className: u("space-y-2", o), ...r }) });
 });
-Rr.displayName = "FormItem";
-const Sr = g.forwardRef(({ className: o, ...r }, t) => {
-  const { error: a, formItemId: i } = ee();
+kr.displayName = "FormItem";
+const Fr = g.forwardRef(({ className: o, ...r }, t) => {
+  const { error: a, formItemId: i } = te();
   return /* @__PURE__ */ n.jsx(
-    ce,
+    fe,
     {
       ref: t,
       className: u(a && "text-destructive", o),
@@ -913,11 +928,11 @@ const Sr = g.forwardRef(({ className: o, ...r }, t) => {
     }
   );
 });
-Sr.displayName = "FormLabel";
-const Er = g.forwardRef(({ ...o }, r) => {
-  const { error: t, formItemId: a, formDescriptionId: i, formMessageId: d } = ee();
+Fr.displayName = "FormLabel";
+const Or = g.forwardRef(({ ...o }, r) => {
+  const { error: t, formItemId: a, formDescriptionId: i, formMessageId: d } = te();
   return /* @__PURE__ */ n.jsx(
-    ze,
+    Ye,
     {
       ref: r,
       id: a,
@@ -927,9 +942,9 @@ const Er = g.forwardRef(({ ...o }, r) => {
     }
   );
 });
-Er.displayName = "FormControl";
-const Dr = g.forwardRef(({ className: o, ...r }, t) => {
-  const { formDescriptionId: a } = ee();
+Or.displayName = "FormControl";
+const Lr = g.forwardRef(({ className: o, ...r }, t) => {
+  const { formDescriptionId: a } = te();
   return /* @__PURE__ */ n.jsx(
     "p",
     {
@@ -940,9 +955,9 @@ const Dr = g.forwardRef(({ className: o, ...r }, t) => {
     }
   );
 });
-Dr.displayName = "FormDescription";
-const _r = g.forwardRef(({ className: o, children: r, ...t }, a) => {
-  const { error: i, formMessageId: d } = ee(), c = i ? String(i == null ? void 0 : i.message) : r;
+Lr.displayName = "FormDescription";
+const Br = g.forwardRef(({ className: o, children: r, ...t }, a) => {
+  const { error: i, formMessageId: d } = te(), c = i ? String(i == null ? void 0 : i.message) : r;
   return c ? /* @__PURE__ */ n.jsx(
     "p",
     {
@@ -954,8 +969,8 @@ const _r = g.forwardRef(({ className: o, children: r, ...t }, a) => {
     }
   ) : null;
 });
-_r.displayName = "FormMessage";
-const at = g.forwardRef(
+Br.displayName = "FormMessage";
+const it = g.forwardRef(
   ({ className: o, type: r, ...t }, a) => /* @__PURE__ */ n.jsx(
     "input",
     {
@@ -969,11 +984,11 @@ const at = g.forwardRef(
     }
   )
 );
-at.displayName = "Input";
-const Pr = Q.Root, Ir = Q.Trigger, st = g.forwardRef(({ className: o, align: r = "center", sideOffset: t = 4, ...a }, i) => (
+it.displayName = "Input";
+const Vr = ee.Root, Ar = ee.Trigger, lt = g.forwardRef(({ className: o, align: r = "center", sideOffset: t = 4, ...a }, i) => (
   // <PopoverPrimitive.Portal>
   /* @__PURE__ */ n.jsx(
-    Q.Content,
+    ee.Content,
     {
       ref: i,
       align: r,
@@ -986,8 +1001,8 @@ const Pr = Q.Root, Ir = Q.Trigger, st = g.forwardRef(({ className: o, align: r =
     }
   )
 ));
-st.displayName = Q.Content.displayName;
-const Mr = D.Root, Fr = D.Value, it = g.forwardRef(({ className: o, children: r, ...t }, a) => /* @__PURE__ */ n.jsxs(
+lt.displayName = ee.Content.displayName;
+const $r = D.Root, zr = D.Value, dt = g.forwardRef(({ className: o, children: r, ...t }, a) => /* @__PURE__ */ n.jsxs(
   D.Trigger,
   {
     ref: a,
@@ -998,12 +1013,12 @@ const Mr = D.Root, Fr = D.Value, it = g.forwardRef(({ className: o, children: r,
     ...t,
     children: [
       r,
-      /* @__PURE__ */ n.jsx(D.Icon, { asChild: !0, children: /* @__PURE__ */ n.jsx(Ue, { className: "h-4 w-4 opacity-50" }) })
+      /* @__PURE__ */ n.jsx(D.Icon, { asChild: !0, children: /* @__PURE__ */ n.jsx(Je, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
-it.displayName = D.Trigger.displayName;
-const lt = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
+dt.displayName = D.Trigger.displayName;
+const ct = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
   D.ScrollUpButton,
   {
     ref: t,
@@ -1012,11 +1027,11 @@ const lt = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
       o
     ),
     ...r,
-    children: /* @__PURE__ */ n.jsx(sr, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ n.jsx(pr, { className: "h-4 w-4" })
   }
 ));
-lt.displayName = D.ScrollUpButton.displayName;
-const dt = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
+ct.displayName = D.ScrollUpButton.displayName;
+const ut = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
   D.ScrollDownButton,
   {
     ref: t,
@@ -1025,11 +1040,11 @@ const dt = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
       o
     ),
     ...r,
-    children: /* @__PURE__ */ n.jsx(Ue, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ n.jsx(Je, { className: "h-4 w-4" })
   }
 ));
-dt.displayName = D.ScrollDownButton.displayName;
-const ct = g.forwardRef(({ className: o, children: r, position: t = "popper", ...a }, i) => (
+ut.displayName = D.ScrollDownButton.displayName;
+const ft = g.forwardRef(({ className: o, children: r, position: t = "popper", ...a }, i) => (
   // <SelectPrimitive.Portal>
   /* @__PURE__ */ n.jsxs(
     D.Content,
@@ -1043,7 +1058,7 @@ const ct = g.forwardRef(({ className: o, children: r, position: t = "popper", ..
       position: t,
       ...a,
       children: [
-        /* @__PURE__ */ n.jsx(lt, {}),
+        /* @__PURE__ */ n.jsx(ct, {}),
         /* @__PURE__ */ n.jsx(
           D.Viewport,
           {
@@ -1054,13 +1069,13 @@ const ct = g.forwardRef(({ className: o, children: r, position: t = "popper", ..
             children: r
           }
         ),
-        /* @__PURE__ */ n.jsx(dt, {})
+        /* @__PURE__ */ n.jsx(ut, {})
       ]
     }
   )
 ));
-ct.displayName = D.Content.displayName;
-const kr = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
+ft.displayName = D.Content.displayName;
+const Wr = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
   D.Label,
   {
     ref: t,
@@ -1068,8 +1083,8 @@ const kr = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
     ...r
   }
 ));
-kr.displayName = D.Label.displayName;
-const ut = g.forwardRef(({ className: o, children: r, ...t }, a) => /* @__PURE__ */ n.jsxs(
+Wr.displayName = D.Label.displayName;
+const mt = g.forwardRef(({ className: o, children: r, ...t }, a) => /* @__PURE__ */ n.jsxs(
   D.Item,
   {
     ref: a,
@@ -1079,13 +1094,13 @@ const ut = g.forwardRef(({ className: o, children: r, ...t }, a) => /* @__PURE__
     ),
     ...t,
     children: [
-      /* @__PURE__ */ n.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ n.jsx(D.ItemIndicator, { children: /* @__PURE__ */ n.jsx(Ye, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ n.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ n.jsx(D.ItemIndicator, { children: /* @__PURE__ */ n.jsx(Ke, { className: "h-4 w-4" }) }) }),
       /* @__PURE__ */ n.jsx(D.ItemText, { children: r })
     ]
   }
 ));
-ut.displayName = D.Item.displayName;
-const Or = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
+mt.displayName = D.Item.displayName;
+const Yr = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
   D.Separator,
   {
     ref: t,
@@ -1093,9 +1108,9 @@ const Or = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
     ...r
   }
 ));
-Or.displayName = D.Separator.displayName;
-const Lr = L.Root, ft = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
-  L.List,
+Yr.displayName = D.Separator.displayName;
+const Ur = B.Root, pt = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
+  B.List,
   {
     ref: t,
     className: u(
@@ -1105,9 +1120,9 @@ const Lr = L.Root, ft = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__
     ...r
   }
 ));
-ft.displayName = L.List.displayName;
-const mt = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
-  L.Trigger,
+pt.displayName = B.List.displayName;
+const gt = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
+  B.Trigger,
   {
     ref: t,
     className: u(
@@ -1117,9 +1132,9 @@ const mt = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
     ...r
   }
 ));
-mt.displayName = L.Trigger.displayName;
-const pt = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
-  L.Content,
+gt.displayName = B.Trigger.displayName;
+const vt = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
+  B.Content,
   {
     ref: t,
     className: u(
@@ -1129,8 +1144,8 @@ const pt = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
     ...r
   }
 ));
-pt.displayName = L.Content.displayName;
-const Br = Z(
+vt.displayName = B.Content.displayName;
+const Kr = Q(
   "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground 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=on]:bg-accent data-[state=on]:text-accent-foreground",
   {
     variants: {
@@ -1149,16 +1164,16 @@ const Br = Z(
       size: "default"
     }
   }
-), gt = g.forwardRef(({ className: o, variant: r, size: t, ...a }, i) => /* @__PURE__ */ n.jsx(
+), bt = g.forwardRef(({ className: o, variant: r, size: t, ...a }, i) => /* @__PURE__ */ n.jsx(
   Ge.Root,
   {
     ref: i,
-    className: u(Br({ variant: r, size: t, className: o })),
+    className: u(Kr({ variant: r, size: t, className: o })),
     ...a
   }
 ));
-gt.displayName = Ge.Root.displayName;
-const Vr = q.Provider, Ar = q.Root, $r = q.Trigger, vt = g.forwardRef(({ className: o, sideOffset: r = 4, ...t }, a) => /* @__PURE__ */ n.jsx(
+bt.displayName = Ge.Root.displayName;
+const Jr = q.Provider, qr = q.Root, Gr = q.Trigger, xt = g.forwardRef(({ className: o, sideOffset: r = 4, ...t }, a) => /* @__PURE__ */ n.jsx(
   q.Content,
   {
     ref: a,
@@ -1170,76 +1185,76 @@ const Vr = q.Provider, Ar = q.Root, $r = q.Trigger, vt = g.forwardRef(({ classNa
     ...t
   }
 ));
-vt.displayName = q.Content.displayName;
-const zr = {
+xt.displayName = q.Content.displayName;
+const Hr = {
   Badge: {
-    Badge: mr
+    Badge: wr
   },
   Button: {
     Button: He
   },
   Card: {
-    Card: Je,
-    CardContent: Ke
+    Card: Xe,
+    CardContent: Ze
   },
   DropdownMenu: {
-    DropdownMenu: hr,
-    DropdownMenuCheckboxItem: tt,
-    DropdownMenuContent: Qe,
-    DropdownMenuItem: et,
-    DropdownMenuLabel: rt,
-    DropdownMenuSeparator: ot,
-    DropdownMenuSub: wr,
-    DropdownMenuSubContent: Ze,
-    DropdownMenuSubTrigger: Xe,
-    DropdownMenuTrigger: yr
+    DropdownMenu: Sr,
+    DropdownMenuCheckboxItem: ot,
+    DropdownMenuContent: tt,
+    DropdownMenuItem: rt,
+    DropdownMenuLabel: nt,
+    DropdownMenuSeparator: at,
+    DropdownMenuSub: Dr,
+    DropdownMenuSubContent: et,
+    DropdownMenuSubTrigger: Qe,
+    DropdownMenuTrigger: Er
   },
   Form: {
-    Form: jr
+    Form: Ir
   },
   Input: {
-    Input: at
+    Input: it
   },
   Label: {
-    Label: ce
+    Label: fe
   },
   Popover: {
-    Popover: Pr,
-    PopoverContent: st,
-    PopoverTrigger: Ir
+    Popover: Vr,
+    PopoverContent: lt,
+    PopoverTrigger: Ar
   },
   Select: {
-    Select: Mr,
-    SelectContent: ct,
-    SelectItem: ut,
-    SelectTrigger: it,
-    SelectValue: Fr
+    Select: $r,
+    SelectContent: ft,
+    SelectItem: mt,
+    SelectTrigger: dt,
+    SelectValue: zr
   },
   Tabs: {
-    Tabs: Lr,
-    TabsContent: pt,
-    TabsList: ft,
-    TabsTrigger: mt
+    Tabs: Ur,
+    TabsContent: vt,
+    TabsList: pt,
+    TabsTrigger: gt
   },
   Toggle: {
-    Toggle: gt
+    Toggle: bt
   },
   Tooltip: {
-    Tooltip: Ar,
-    TooltipContent: vt,
-    TooltipProvider: Vr,
-    TooltipTrigger: $r
+    Tooltip: qr,
+    TooltipContent: xt,
+    TooltipProvider: Jr,
+    TooltipTrigger: Gr
   }
-}, bt = Qt(void 0);
+}, ht = or(void 0);
 function R() {
-  return er(bt);
+  return nr(ht);
 }
-const Wr = (o) => {
+const Xr = (o) => {
   const { children: r, ...t } = o;
   C(t);
-  const a = R(), i = dr();
+  const a = R(), i = br();
   return /* @__PURE__ */ n.jsx(a.Form.Form, { ...i, children: r });
-}, Yr = (o) => N(
+}, Zr = (o) => N(
   (r, t) => /* @__PURE__ */ n.jsx(
     o,
     {
@@ -1254,7 +1269,7 @@ const Wr = (o) => {
       ref: t
     }
   )
-), Ur = (o) => {
+), Qr = (o) => {
   const {
     children: r,
     onOpenChange: t,
@@ -1272,17 +1287,17 @@ const Wr = (o) => {
       children: r
     }
   ) : /* @__PURE__ */ n.jsx(c.DropdownMenu.DropdownMenu, { onOpenChange: t, children: r });
-}, qr = (o) => {
+}, eo = (o) => {
   const { children: r, sub: t, ...a } = o;
   C(a);
-  const i = R(), d = $e(
-    () => Yr(
+  const i = R(), d = We(
+    () => Zr(
       i.DropdownMenu.DropdownMenuTrigger
     ),
     [i.DropdownMenu.DropdownMenuTrigger]
   );
   return t ? /* @__PURE__ */ n.jsx(i.DropdownMenu.DropdownMenuSubTrigger, { children: r }) : /* @__PURE__ */ n.jsx(d, { asChild: !0, ...a, children: r });
-}, Gr = N((o, r) => {
+}, to = N((o, r) => {
   const { className: t, children: a, sub: i, ...d } = o;
   C(d);
   const c = R();
@@ -1301,41 +1316,41 @@ const Wr = (o) => {
       children: a
     }
   );
-}), Hr = N((o, r) => {
-  const { className: t, children: a, icon: i, checked: d, subTrigger: c, onClick: x, ...m } = o;
-  C(m);
-  const p = R();
+}), ro = N((o, r) => {
+  const { className: t, children: a, icon: i, checked: d, subTrigger: c, onClick: x, ...p } = o;
+  C(p);
+  const f = R();
   return c ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     i,
     a
   ] }) : d !== void 0 ? /* @__PURE__ */ n.jsxs(
-    p.DropdownMenu.DropdownMenuCheckboxItem,
+    f.DropdownMenu.DropdownMenuCheckboxItem,
     {
       className: u(t, "gap-1"),
       ref: r,
       checked: d,
       onClick: x,
-      ...m,
+      ...p,
       children: [
         i,
         a
       ]
     }
   ) : /* @__PURE__ */ n.jsxs(
-    p.DropdownMenu.DropdownMenuItem,
+    f.DropdownMenu.DropdownMenuItem,
     {
       className: t,
       ref: r,
       onClick: x,
-      ...m,
+      ...p,
       children: [
         i,
         a,
-        c && /* @__PURE__ */ n.jsx(We, { className: "ml-auto h-4 w-4" })
+        c && /* @__PURE__ */ n.jsx(Ue, { className: "ml-auto h-4 w-4" })
       ]
     }
   );
-}), Jr = N((o, r) => {
+}), oo = N((o, r) => {
   const { className: t, ...a } = o;
   C(a);
   const i = R();
@@ -1346,7 +1361,7 @@ const Wr = (o) => {
       ref: r
     }
   );
-}), Kr = N((o, r) => {
+}), no = N((o, r) => {
   const { className: t, children: a, ...i } = o;
   C(i);
   const d = R();
@@ -1358,7 +1373,7 @@ const Wr = (o) => {
       children: a
     }
   );
-}), Xr = N((o, r) => {
+}), ao = N((o, r) => {
   const {
     className: t,
     tabs: a,
@@ -1367,12 +1382,12 @@ const Wr = (o) => {
     setOpenTab: c,
     loading: x,
     // TODO: implement loader
-    ...m
+    ...p
   } = o;
-  C(m);
-  const p = R();
+  C(p);
+  const f = R();
   return /* @__PURE__ */ n.jsxs(
-    p.Tabs.Tabs,
+    f.Tabs.Tabs,
     {
       className: u(t, "bg-popover p-2 rounded-lg"),
       ref: r,
@@ -1380,12 +1395,12 @@ const Wr = (o) => {
       defaultValue: i,
       onValueChange: c,
       children: [
-        /* @__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))
+        /* @__PURE__ */ n.jsx(f.Tabs.TabsList, { children: a.map((v) => /* @__PURE__ */ n.jsx(f.Tabs.TabsTrigger, { value: v.name, children: v.name }, v.name)) }),
+        a.map((v) => /* @__PURE__ */ n.jsx(f.Tabs.TabsContent, { value: v.name, children: /* @__PURE__ */ n.jsx(f.Card.Card, { children: /* @__PURE__ */ n.jsx(f.Card.CardContent, { className: "p-4", children: v.tabPanel }) }) }, v.name))
       ]
     }
   );
-}), Zr = N((o, r) => {
+}), so = N((o, r) => {
   const { className: t, children: a, onClick: i, label: d, ...c } = o;
   C(c);
   const x = R();
@@ -1400,23 +1415,23 @@ const Wr = (o) => {
       children: a
     }
   );
-}), Qr = N((o, r) => {
+}), io = N((o, r) => {
   const { className: t, accept: a, value: i, placeholder: d, onChange: c, ...x } = o;
   C(x);
-  const m = R();
+  const p = R();
   return /* @__PURE__ */ n.jsx(
-    m.Input.Input,
+    p.Input.Input,
     {
       type: "file",
       className: t,
       ref: r,
       accept: a,
       value: i ? i.name : void 0,
-      onChange: async (p) => c == null ? void 0 : c(p.target.files[0]),
+      onChange: async (f) => c == null ? void 0 : c(f.target.files[0]),
       placeholder: d
     }
   );
-}), eo = N((o, r) => {
+}), lo = N((o, r) => {
   const { className: t, children: a, ...i } = o;
   return C(i), /* @__PURE__ */ n.jsx(
     "div",
@@ -1429,12 +1444,12 @@ const Wr = (o) => {
       children: a
     }
   );
-}), to = N((o, r) => {
+}), co = N((o, r) => {
   const { className: t, value: a, placeholder: i, onKeyDown: d, onChange: c, ...x } = o;
   C(x);
-  const m = R();
+  const p = R();
   return /* @__PURE__ */ n.jsx(
-    m.Input.Input,
+    p.Input.Input,
     {
       "data-test": "embed-input",
       className: u(t, "w-80"),
@@ -1445,7 +1460,7 @@ const Wr = (o) => {
       onChange: c
     }
   );
-}), ro = (o) => {
+}), uo = (o) => {
   const {
     children: r,
     opened: t,
@@ -1456,14 +1471,14 @@ const Wr = (o) => {
   C(i);
   const d = R();
   return /* @__PURE__ */ n.jsx(d.Popover.Popover, { open: t, children: r });
-}, oo = N(
+}, fo = N(
   (o, r) => {
     const { children: t, ...a } = o;
     C(a);
     const i = R();
     return /* @__PURE__ */ n.jsx(i.Popover.PopoverTrigger, { ref: r, asChild: !0, children: t });
   }
-), no = N((o, r) => {
+), mo = N((o, r) => {
   const { className: t, variant: a, children: i, ...d } = o;
   C(d);
   const c = R();
@@ -1480,10 +1495,10 @@ const Wr = (o) => {
       children: i
     }
   );
-}), ao = N((o, r) => {
+}), po = N((o, r) => {
   const { className: t, children: a, ...i } = o;
   return C(i, !1), /* @__PURE__ */ n.jsx("div", { className: t, ref: r, ...i, children: a });
-}), so = N((o, r) => {
+}), go = N((o, r) => {
   const {
     className: t,
     children: a,
@@ -1491,11 +1506,11 @@ const Wr = (o) => {
     onClick: d,
     onDragEnd: c,
     onDragStart: x,
-    draggable: m,
-    label: p,
-    ...b
+    draggable: p,
+    label: f,
+    ...v
   } = o;
-  C(b, !1);
+  C(v, !1);
   const S = R();
   return /* @__PURE__ */ n.jsxs(
     S.Button.Button,
@@ -1503,19 +1518,19 @@ const Wr = (o) => {
       variant: "ghost",
       className: u(t, "text-gray-400"),
       ref: r,
-      "aria-label": p,
+      "aria-label": f,
       onClick: d,
       onDragStart: x,
       onDragEnd: c,
-      draggable: m,
-      ...b,
+      draggable: p,
+      ...v,
       children: [
         i,
         a
       ]
     }
   );
-}), io = N((o, r) => {
+}), vo = N((o, r) => {
   const { className: t, children: a, id: i, ...d } = o;
   return C(d), /* @__PURE__ */ n.jsx(
     "div",
@@ -1530,7 +1545,7 @@ const Wr = (o) => {
       children: a
     }
   );
-}), lo = N((o, r) => {
+}), bo = N((o, r) => {
   const { className: t, children: a, ...i } = o;
   return C(i), /* @__PURE__ */ n.jsx(
     "div",
@@ -1543,16 +1558,23 @@ const Wr = (o) => {
       children: /* @__PURE__ */ n.jsx("div", { children: a })
     }
   );
-}), co = N((o, r) => {
-  const t = R(), { className: a, item: i, isSelected: d, onClick: c, id: x, ...m } = o;
-  return C(m), /* @__PURE__ */ n.jsxs(
+}), xo = N((o, r) => {
+  const t = R(), { className: a, item: i, isSelected: d, onClick: c, id: x, ...p } = o;
+  C(p);
+  const f = ar(null);
+  return sr(() => {
+    if (!f.current || !d)
+      return;
+    const v = ir(f.current);
+    v === "top" ? f.current.scrollIntoView(!0) : v === "bottom" && f.current.scrollIntoView(!1);
+  }, [d]), /* @__PURE__ */ n.jsxs(
     "div",
     {
       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: r,
+      ref: lr([r, f]),
       id: x,
       onClick: c,
       role: "option",
@@ -1567,7 +1589,7 @@ const Wr = (o) => {
       ]
     }
   );
-}), uo = N((o, r) => {
+}), ho = N((o, r) => {
   const { className: t, children: a, ...i } = o;
   return C(i), /* @__PURE__ */ n.jsx(
     "div",
@@ -1577,10 +1599,10 @@ const Wr = (o) => {
       children: a
     }
   );
-}), fo = N((o, r) => {
+}), yo = N((o, r) => {
   const { className: t, children: a, ...i } = o;
   return C(i), /* @__PURE__ */ n.jsx("div", { className: t, ref: r, children: a });
-}), mo = N((o, r) => {
+}), wo = N((o, r) => {
   const {
     className: t,
     children: a,
@@ -1588,27 +1610,27 @@ const Wr = (o) => {
     onDragStart: d,
     onDragEnd: c,
     style: x,
-    label: m,
-    ...p
+    label: p,
+    ...f
   } = o;
-  C(p, !1);
-  const b = R();
+  C(f, !1);
+  const v = R();
   return /* @__PURE__ */ n.jsx(
-    b.Button.Button,
+    v.Button.Button,
     {
       variant: "ghost",
       className: u(t, "p-0 h-fit w-fit text-gray-400"),
       ref: r,
-      "aria-label": m,
+      "aria-label": p,
       draggable: i,
       onDragStart: d,
       onDragEnd: c,
       style: x,
-      ...p,
+      ...f,
       children: a
     }
   );
-}), po = N(
+}), Co = N(
   (o) => {
     const {
       className: r,
@@ -1619,9 +1641,9 @@ const Wr = (o) => {
       value: d,
       autoFocus: c,
       placeholder: x,
-      onKeyDown: m,
-      onChange: p,
-      onSubmit: b,
+      onKeyDown: p,
+      onChange: f,
+      onSubmit: v,
       ...S
     } = o;
     C(S);
@@ -1637,9 +1659,9 @@ const Wr = (o) => {
           autoFocus: c,
           placeholder: x,
           value: d,
-          onKeyDown: m,
-          onChange: p,
-          onSubmit: b
+          onKeyDown: p,
+          onChange: f,
+          onSubmit: v
         }
       )
     ] }) : /* @__PURE__ */ n.jsx(
@@ -1650,13 +1672,13 @@ const Wr = (o) => {
         autoFocus: c,
         placeholder: x,
         value: d,
-        onKeyDown: m,
-        onChange: p,
-        onSubmit: b
+        onKeyDown: p,
+        onChange: f,
+        onSubmit: v
       }
     );
   }
-), Be = N(
+), Ae = N(
   (o, r) => {
     const { className: t, children: a, onMouseEnter: i, onMouseLeave: d, ...c } = o;
     C(c);
@@ -1675,7 +1697,7 @@ const Wr = (o) => {
       }
     ) });
   }
-), Ve = N(
+), $e = N(
   (o, r) => {
     const {
       className: t,
@@ -1684,21 +1706,21 @@ const Wr = (o) => {
       secondaryTooltip: d,
       icon: c,
       isSelected: x,
-      isDisabled: m,
-      onClick: p,
-      label: b,
+      isDisabled: p,
+      onClick: f,
+      label: v,
       ...S
     } = o;
     C(S, !1);
-    const _ = R(), B = x === void 0 ? /* @__PURE__ */ n.jsxs(
+    const _ = R(), V = x === void 0 ? /* @__PURE__ */ n.jsxs(
       _.Button.Button,
       {
         className: t,
         variant: "ghost",
-        disabled: m,
-        onClick: p,
+        disabled: p,
+        onClick: f,
         ref: r,
-        "aria-label": b,
+        "aria-label": v,
         ...S,
         children: [
           c,
@@ -1712,12 +1734,12 @@ const Wr = (o) => {
           t,
           "data-[state=open]:bg-accent data-[state=closed]:text-accent-foreground"
         ),
-        "aria-label": b,
-        onClick: p,
+        "aria-label": v,
+        onClick: f,
         pressed: x,
-        disabled: m,
+        disabled: p,
         "data-state": x ? "on" : "off",
-        "data-disabled": m,
+        "data-disabled": p,
         ref: r,
         ...S,
         children: [
@@ -1727,7 +1749,7 @@ const Wr = (o) => {
       }
     );
     return /* @__PURE__ */ n.jsxs(_.Tooltip.Tooltip, { children: [
-      /* @__PURE__ */ n.jsx(_.Tooltip.TooltipTrigger, { asChild: !0, children: B }),
+      /* @__PURE__ */ n.jsx(_.Tooltip.TooltipTrigger, { asChild: !0, children: V }),
       /* @__PURE__ */ n.jsxs(
         _.Tooltip.TooltipContent,
         {
@@ -1740,96 +1762,96 @@ const Wr = (o) => {
       )
     ] });
   }
-), go = N((o, r) => {
+), No = N((o, r) => {
   const { className: t, items: a, isDisabled: i, ...d } = o;
   C(d);
-  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(
+  const c = R(), x = (f) => /* @__PURE__ */ n.jsxs("div", { className: "flex gap-1 items-center", children: [
+    f.icon,
+    f.text
+  ] }), p = a.filter((f) => f.isSelected)[0];
+  return p ? /* @__PURE__ */ n.jsxs(
     c.Select.Select,
     {
-      value: m.text,
-      onValueChange: (p) => {
-        var b, S;
-        return (S = (b = a.find((_) => _.text === p)).onClick) == null ? void 0 : S.call(b);
+      value: p.text,
+      onValueChange: (f) => {
+        var v, S;
+        return (S = (v = a.find((_) => _.text === f)).onClick) == null ? void 0 : S.call(v);
       },
       disabled: i,
       children: [
         /* @__PURE__ */ n.jsx(c.Select.SelectTrigger, { className: "border-none", children: /* @__PURE__ */ n.jsx(c.Select.SelectValue, {}) }),
-        /* @__PURE__ */ n.jsx(c.Select.SelectContent, { className: t, ref: r, children: a.map((p) => /* @__PURE__ */ n.jsx(
+        /* @__PURE__ */ n.jsx(c.Select.SelectContent, { className: t, ref: r, children: a.map((f) => /* @__PURE__ */ n.jsx(
           c.Select.SelectItem,
           {
-            disabled: p.isDisabled,
-            value: p.text,
-            children: /* @__PURE__ */ n.jsx(x, { ...p })
+            disabled: f.isDisabled,
+            value: f.text,
+            children: /* @__PURE__ */ n.jsx(x, { ...f })
           },
-          p.text
+          f.text
         )) })
       ]
     }
   ) : null;
 });
-const vo = {
+const jo = {
   FormattingToolbar: {
-    Root: Be,
-    Button: Ve,
-    Select: go
+    Root: Ae,
+    Button: $e,
+    Select: No
   },
   FilePanel: {
-    Root: Xr,
-    Button: Zr,
-    FileInput: Qr,
-    TabPanel: eo,
-    TextInput: to
+    Root: ao,
+    Button: so,
+    FileInput: io,
+    TabPanel: lo,
+    TextInput: co
   },
   LinkToolbar: {
-    Root: Be,
-    Button: Ve
+    Root: Ae,
+    Button: $e
   },
   SideMenu: {
-    Root: ao,
-    Button: so
+    Root: po,
+    Button: go
   },
   SuggestionMenu: {
-    Root: io,
-    Item: co,
-    EmptyItem: lo,
-    Label: uo,
-    Loader: fo
+    Root: vo,
+    Item: xo,
+    EmptyItem: bo,
+    Label: ho,
+    Loader: yo
   },
   TableHandle: {
-    Root: mo
+    Root: wo
   },
   Generic: {
     Form: {
-      Root: Wr,
-      TextInput: po
+      Root: Xr,
+      TextInput: Co
     },
     Menu: {
-      Root: Ur,
-      Trigger: qr,
-      Dropdown: Gr,
-      Divider: Jr,
-      Label: Kr,
-      Item: Hr
+      Root: Qr,
+      Trigger: eo,
+      Dropdown: to,
+      Divider: oo,
+      Label: no,
+      Item: ro
     },
     Popover: {
-      Root: ro,
-      Trigger: oo,
-      Content: no
+      Root: uo,
+      Trigger: fo,
+      Content: mo
     }
   }
-}, Ro = (o) => {
-  const { shadCNComponents: r, ...t } = o, a = $e(() => ({
+}, ko = (o) => {
+  const { shadCNComponents: r, ...t } = o, a = We(() => ({
     ...r,
-    ...zr
+    ...Hr
   }), [r]);
-  return /* @__PURE__ */ n.jsx(bt.Provider, { value: a, children: /* @__PURE__ */ n.jsx(tr.Provider, { value: vo, children: /* @__PURE__ */ n.jsx(rr, { ...t }) }) });
+  return /* @__PURE__ */ n.jsx(ht.Provider, { value: a, children: /* @__PURE__ */ n.jsx(dr.Provider, { value: jo, children: /* @__PURE__ */ n.jsx(cr, { ...t }) }) });
 };
 export {
-  Ro as BlockNoteView,
-  vo as components
+  ko as BlockNoteView,
+  jo as components
 };
 //# sourceMappingURL=blocknote-shadcn.js.map