@blocknote/shadcn 0.14.6 → 0.15.0

package/dist/blocknote-shadcn.js

@@ -1,21 +1,21 @@
 import * as p from "react";
-import ze, { createContext as ot, useContext as at, useMemo as We, forwardRef as N, useRef as st, useEffect as it } from "react";
-import { assertEmpty as C, mergeCSSClasses as lt } from "@blocknote/core";
-import { elementOverflow as dt, mergeRefs as ct, ComponentsContext as bt, BlockNoteViewRaw as ut } from "@blocknote/react";
+import ze, { createContext as lt, useContext as dt, forwardRef as C, useRef as We, useEffect as Ye, useMemo as Ue } from "react";
+import { assertEmpty as w, mergeCSSClasses as ct } from "@blocknote/core";
+import { elementOverflow as Ge, mergeRefs as Ke, ComponentsContext as ut, BlockNoteViewRaw as bt } from "@blocknote/react";
 import { cva as Q } from "class-variance-authority";
 import { clsx as ft } from "clsx";
 import { extendTailwindMerge as mt } from "tailwind-merge";
-import { Slot as Ye } from "@radix-ui/react-slot";
-import * as R from "@radix-ui/react-dropdown-menu";
-import { ChevronRight as Ue, Check as Ke, Circle as pt, ChevronDown as Je, ChevronUp as gt } from "lucide-react";
+import { Slot as Je } from "@radix-ui/react-slot";
+import * as T from "@radix-ui/react-dropdown-menu";
+import { ChevronRight as qe, Check as He, Circle as pt, ChevronDown as Xe, ChevronUp as gt } from "lucide-react";
 import { FormProvider as vt, useFormContext as xt, useForm as ht } from "react-hook-form";
-import * as qe from "@radix-ui/react-label";
+import * as Ze from "@radix-ui/react-label";
 import * as ee from "@radix-ui/react-popover";
 import * as D from "@radix-ui/react-select";
 import * as V from "@radix-ui/react-tabs";
-import * as Ge from "@radix-ui/react-toggle";
-import * as q from "@radix-ui/react-tooltip";
-var be = { exports: {} }, K = {};
+import * as Qe from "@radix-ui/react-toggle";
+import * as J from "@radix-ui/react-tooltip";
+var ue = { exports: {} }, G = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -28,22 +28,22 @@ var be = { exports: {} }, K = {};
 var Be;
 function yt() {
   if (Be)
-    return K;
+    return G;
   Be = 1;
-  var r = ze, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, s = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function c(x, m, u) {
+  var r = ze, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, s = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function c(v, f, u) {
     var g, j = {}, _ = null, F = null;
-    u !== void 0 && (_ = "" + u), m.key !== void 0 && (_ = "" + m.key), m.ref !== void 0 && (F = m.ref);
-    for (g in m)
-      a.call(m, g) && !d.hasOwnProperty(g) && (j[g] = m[g]);
-    if (x && x.defaultProps)
-      for (g in m = x.defaultProps, m)
-        j[g] === void 0 && (j[g] = m[g]);
-    return { $$typeof: t, type: x, key: _, ref: F, props: j, _owner: s.current };
+    u !== void 0 && (_ = "" + u), f.key !== void 0 && (_ = "" + f.key), f.ref !== void 0 && (F = f.ref);
+    for (g in f)
+      o.call(f, g) && !d.hasOwnProperty(g) && (j[g] = f[g]);
+    if (v && v.defaultProps)
+      for (g in f = v.defaultProps, f)
+        j[g] === void 0 && (j[g] = f[g]);
+    return { $$typeof: t, type: v, key: _, ref: F, props: j, _owner: s.current };
   }
-  return K.Fragment = n, K.jsx = c, K.jsxs = c, K;
+  return G.Fragment = n, G.jsx = c, G.jsxs = c, G;
 }
-var J = {};
+var K = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -56,44 +56,44 @@ var J = {};
 var Ve;
 function wt() {
   return Ve || (Ve = 1, process.env.NODE_ENV !== "production" && function() {
-    var r = ze, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), s = 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"), u = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), j = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), F = Symbol.for("react.offscreen"), fe = Symbol.iterator, wn = "@@iterator";
-    function Cn(e) {
+    var r = ze, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), v = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), j = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), F = Symbol.for("react.offscreen"), fe = Symbol.iterator, Sn = "@@iterator";
+    function Tn(e) {
       if (e === null || typeof e != "object")
         return null;
-      var i = fe && e[fe] || e[wn];
+      var i = fe && e[fe] || e[Sn];
       return typeof i == "function" ? i : null;
     }
-    var A = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var $ = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function P(e) {
       {
-        for (var i = arguments.length, l = new Array(i > 1 ? i - 1 : 0), f = 1; f < i; f++)
-          l[f - 1] = arguments[f];
-        Nn("error", e, l);
+        for (var i = arguments.length, l = new Array(i > 1 ? i - 1 : 0), m = 1; m < i; m++)
+          l[m - 1] = arguments[m];
+        Rn("error", e, l);
       }
     }
-    function Nn(e, i, l) {
+    function Rn(e, i, l) {
       {
-        var f = A.ReactDebugCurrentFrame, y = f.getStackAddendum();
+        var m = $.ReactDebugCurrentFrame, y = m.getStackAddendum();
         y !== "" && (i += "%s", l = l.concat([y]));
-        var w = l.map(function(h) {
+        var N = l.map(function(h) {
           return String(h);
         });
-        w.unshift("Warning: " + i), Function.prototype.apply.call(console[e], console, w);
+        N.unshift("Warning: " + i), Function.prototype.apply.call(console[e], console, N);
       }
     }
-    var jn = !1, Tn = !1, Rn = !1, Sn = !1, En = !1, me;
+    var En = !1, Dn = !1, _n = !1, Pn = !1, In = !1, me;
     me = Symbol.for("react.module.reference");
-    function Dn(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === a || e === d || En || e === s || e === u || e === g || Sn || e === F || jn || Tn || Rn || typeof e == "object" && e !== null && (e.$$typeof === _ || e.$$typeof === j || e.$$typeof === c || e.$$typeof === x || e.$$typeof === m || // This needs to include all possible module reference object
+    function Mn(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === o || e === d || In || e === s || e === u || e === g || Pn || e === F || En || Dn || _n || typeof e == "object" && e !== null && (e.$$typeof === _ || e.$$typeof === j || e.$$typeof === c || e.$$typeof === v || e.$$typeof === f || // 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 === me || e.getModuleId !== void 0));
     }
-    function _n(e, i, l) {
-      var f = e.displayName;
-      if (f)
-        return f;
+    function kn(e, i, l) {
+      var m = e.displayName;
+      if (m)
+        return m;
       var y = i.displayName || i.name || "";
       return y !== "" ? l + "(" + y + ")" : l;
     }
@@ -108,7 +108,7 @@ function wt() {
       if (typeof e == "string")
         return e;
       switch (e) {
-        case a:
+        case o:
           return "Fragment";
         case n:
           return "Portal";
@@ -123,21 +123,21 @@ function wt() {
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case x:
+          case v:
             var i = e;
             return pe(i) + ".Consumer";
           case c:
             var l = e;
             return pe(l._context) + ".Provider";
-          case m:
-            return _n(e, e.render, "ForwardRef");
+          case f:
+            return kn(e, e.render, "ForwardRef");
           case j:
-            var f = e.displayName || null;
-            return f !== null ? f : O(e.type) || "Memo";
+            var m = e.displayName || null;
+            return m !== null ? m : O(e.type) || "Memo";
           case _: {
-            var y = e, w = y._payload, h = y._init;
+            var y = e, N = y._payload, h = y._init;
             try {
-              return O(h(w));
+              return O(h(N));
             } catch {
               return null;
             }
@@ -149,7 +149,7 @@ function wt() {
     function Ne() {
     }
     Ne.__reactDisabledLog = !0;
-    function Pn() {
+    function Fn() {
       {
         if (W === 0) {
           ge = console.log, ve = console.info, xe = console.warn, he = console.error, ye = console.group, we = console.groupCollapsed, Ce = console.groupEnd;
@@ -172,7 +172,7 @@ function wt() {
         W++;
       }
     }
-    function In() {
+    function On() {
       {
         if (W--, W === 0) {
           var e = {
@@ -207,15 +207,15 @@ function wt() {
         W < 0 && P("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var te = A.ReactCurrentDispatcher, re;
-    function G(e, i, l) {
+    var te = $.ReactCurrentDispatcher, re;
+    function q(e, i, l) {
       {
         if (re === 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 )?)/);
+            re = m && m[1] || "";
           }
         return `
 ` + re + e;
@@ -223,8 +223,8 @@ function wt() {
     }
     var oe = !1, H;
     {
-      var Mn = typeof WeakMap == "function" ? WeakMap : Map;
-      H = new Mn();
+      var Ln = typeof WeakMap == "function" ? WeakMap : Map;
+      H = new Ln();
     }
     function je(e, i) {
       if (!e || oe)
@@ -234,12 +234,12 @@ function wt() {
         if (l !== void 0)
           return l;
       }
-      var f;
+      var m;
       oe = !0;
       var y = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var w;
-      w = te.current, te.current = null, Pn();
+      var N;
+      N = te.current, te.current = null, Fn();
       try {
         if (i) {
           var h = function() {
@@ -253,14 +253,14 @@ function wt() {
             try {
               Reflect.construct(h, []);
             } catch (M) {
-              f = M;
+              m = M;
             }
             Reflect.construct(e, [], h);
           } else {
             try {
               h.call();
             } catch (M) {
-              f = M;
+              m = M;
             }
             e.call(h.prototype);
           }
@@ -268,39 +268,39 @@ function wt() {
           try {
             throw Error();
           } catch (M) {
-            f = M;
+            m = M;
           }
           e();
         }
       } catch (M) {
-        if (M && f && typeof M.stack == "string") {
-          for (var v = M.stack.split(`
-`), I = f.stack.split(`
-`), T = v.length - 1, E = I.length - 1; T >= 1 && E >= 0 && v[T] !== I[E]; )
+        if (M && m && typeof M.stack == "string") {
+          for (var x = M.stack.split(`
+`), I = m.stack.split(`
+`), S = x.length - 1, E = I.length - 1; S >= 1 && E >= 0 && x[S] !== I[E]; )
             E--;
-          for (; T >= 1 && E >= 0; T--, E--)
-            if (v[T] !== I[E]) {
-              if (T !== 1 || E !== 1)
+          for (; S >= 1 && E >= 0; S--, E--)
+            if (x[S] !== I[E]) {
+              if (S !== 1 || E !== 1)
                 do
-                  if (T--, E--, E < 0 || v[T] !== I[E]) {
+                  if (S--, E--, E < 0 || x[S] !== I[E]) {
                     var k = `
-` + v[T].replace(" at new ", " at ");
+` + x[S].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 (T >= 1 && E >= 0);
+                while (S >= 1 && E >= 0);
               break;
             }
         }
       } finally {
-        oe = !1, te.current = w, In(), Error.prepareStackTrace = y;
+        oe = !1, te.current = N, On(), Error.prepareStackTrace = y;
       }
-      var z = e ? e.displayName || e.name : "", B = z ? G(z) : "";
+      var z = e ? e.displayName || e.name : "", B = z ? q(z) : "";
       return typeof e == "function" && H.set(e, B), B;
     }
-    function kn(e, i, l) {
+    function Bn(e, i, l) {
       return je(e, !1);
     }
-    function Fn(e) {
+    function Vn(e) {
       var i = e.prototype;
       return !!(i && i.isReactComponent);
     }
@@ -308,90 +308,90 @@ function wt() {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return je(e, Fn(e));
+        return je(e, Vn(e));
       if (typeof e == "string")
-        return G(e);
+        return q(e);
       switch (e) {
         case u:
-          return G("Suspense");
+          return q("Suspense");
         case g:
-          return G("SuspenseList");
+          return q("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case m:
-            return kn(e.render);
+          case f:
+            return Bn(e.render);
           case j:
             return X(e.type, i, l);
           case _: {
-            var f = e, y = f._payload, w = f._init;
+            var m = e, y = m._payload, N = m._init;
             try {
-              return X(w(y), i, l);
+              return X(N(y), i, l);
             } catch {
             }
           }
         }
       return "";
     }
-    var Y = Object.prototype.hasOwnProperty, Te = {}, Re = A.ReactDebugCurrentFrame;
+    var Y = Object.prototype.hasOwnProperty, Se = {}, Te = $.ReactDebugCurrentFrame;
     function Z(e) {
       if (e) {
         var i = e._owner, l = X(e.type, e._source, i ? i.type : null);
-        Re.setExtraStackFrame(l);
+        Te.setExtraStackFrame(l);
       } else
-        Re.setExtraStackFrame(null);
+        Te.setExtraStackFrame(null);
     }
-    function On(e, i, l, f, y) {
+    function $n(e, i, l, m, y) {
       {
-        var w = Function.call.bind(Y);
+        var N = Function.call.bind(Y);
         for (var h in e)
-          if (w(e, h)) {
-            var v = void 0;
+          if (N(e, h)) {
+            var x = 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](i, h, f, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (T) {
-              v = T;
+              x = e[h](i, h, m, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (S) {
+              x = S;
             }
-            v && !(v 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).", f || "React class", l, h, typeof v), Z(null)), v instanceof Error && !(v.message in Te) && (Te[v.message] = !0, Z(y), P("Failed %s type: %s", l, v.message), Z(null));
+            x && !(x 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 x), Z(null)), x instanceof Error && !(x.message in Se) && (Se[x.message] = !0, Z(y), P("Failed %s type: %s", l, x.message), Z(null));
           }
       }
     }
-    var Ln = Array.isArray;
+    var An = Array.isArray;
     function ae(e) {
-      return Ln(e);
+      return An(e);
     }
-    function Bn(e) {
+    function zn(e) {
       {
         var i = typeof Symbol == "function" && Symbol.toStringTag, l = i && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return l;
       }
     }
-    function Vn(e) {
+    function Wn(e) {
       try {
-        return Se(e), !1;
+        return Re(e), !1;
       } catch {
         return !0;
       }
     }
-    function Se(e) {
+    function Re(e) {
       return "" + e;
     }
     function Ee(e) {
-      if (Vn(e))
-        return P("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Bn(e)), Se(e);
+      if (Wn(e))
+        return P("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", zn(e)), Re(e);
     }
-    var U = A.ReactCurrentOwner, An = {
+    var U = $.ReactCurrentOwner, Yn = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, De, _e, se;
     se = {};
-    function $n(e) {
+    function Un(e) {
       if (Y.call(e, "ref")) {
         var i = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (i && i.isReactWarning)
@@ -399,7 +399,7 @@ function wt() {
       }
       return e.ref !== void 0;
     }
-    function zn(e) {
+    function Gn(e) {
       if (Y.call(e, "key")) {
         var i = Object.getOwnPropertyDescriptor(e, "key").get;
         if (i && i.isReactWarning)
@@ -407,13 +407,13 @@ function wt() {
       }
       return e.key !== void 0;
     }
-    function Wn(e, i) {
+    function Kn(e, i) {
       if (typeof e.ref == "string" && U.current && i && U.current.stateNode !== i) {
         var l = O(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', O(U.current.type), e.ref), se[l] = !0);
       }
     }
-    function Yn(e, i) {
+    function Jn(e, i) {
       {
         var l = function() {
           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)", i));
@@ -424,7 +424,7 @@ function wt() {
         });
       }
     }
-    function Un(e, i) {
+    function qn(e, i) {
       {
         var l = function() {
           _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)", i));
@@ -435,8 +435,8 @@ function wt() {
         });
       }
     }
-    var Kn = function(e, i, l, f, y, w, h) {
-      var v = {
+    var Hn = function(e, i, l, m, y, N, h) {
+      var x = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
@@ -445,45 +445,45 @@ function wt() {
         ref: l,
         props: h,
         // Record the component responsible for creating this element.
-        _owner: w
+        _owner: N
       };
-      return v._store = {}, Object.defineProperty(v._store, "validated", {
+      return x._store = {}, Object.defineProperty(x._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(v, "_self", {
+      }), Object.defineProperty(x, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: f
-      }), Object.defineProperty(v, "_source", {
+        value: m
+      }), Object.defineProperty(x, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: y
-      }), Object.freeze && (Object.freeze(v.props), Object.freeze(v)), v;
+      }), Object.freeze && (Object.freeze(x.props), Object.freeze(x)), x;
     };
-    function Jn(e, i, l, f, y) {
+    function Xn(e, i, l, m, y) {
       {
-        var w, h = {}, v = null, I = null;
-        l !== void 0 && (Ee(l), v = "" + l), zn(i) && (Ee(i.key), v = "" + i.key), $n(i) && (I = i.ref, Wn(i, y));
-        for (w in i)
-          Y.call(i, w) && !An.hasOwnProperty(w) && (h[w] = i[w]);
+        var N, h = {}, x = null, I = null;
+        l !== void 0 && (Ee(l), x = "" + l), Gn(i) && (Ee(i.key), x = "" + i.key), Un(i) && (I = i.ref, Kn(i, y));
+        for (N in i)
+          Y.call(i, N) && !Yn.hasOwnProperty(N) && (h[N] = i[N]);
         if (e && e.defaultProps) {
-          var T = e.defaultProps;
-          for (w in T)
-            h[w] === void 0 && (h[w] = T[w]);
+          var S = e.defaultProps;
+          for (N in S)
+            h[N] === void 0 && (h[N] = S[N]);
         }
-        if (v || I) {
+        if (x || I) {
           var E = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          v && Yn(h, E), I && Un(h, E);
+          x && Jn(h, E), I && qn(h, E);
         }
-        return Kn(e, v, I, y, f, U.current, h);
+        return Hn(e, x, I, y, m, U.current, h);
       }
     }
-    var ie = A.ReactCurrentOwner, Pe = A.ReactDebugCurrentFrame;
-    function $(e) {
+    var ie = $.ReactCurrentOwner, Pe = $.ReactDebugCurrentFrame;
+    function A(e) {
       if (e) {
         var i = e._owner, l = X(e.type, e._source, i ? i.type : null);
         Pe.setExtraStackFrame(l);
@@ -507,7 +507,7 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function qn(e) {
+    function Zn(e) {
       {
         if (e !== void 0) {
           var i = e.fileName.replace(/^.*[\\\/]/, ""), l = e.lineNumber;
@@ -519,7 +519,7 @@ Check your code at ` + i + ":" + l + ".";
       }
     }
     var Me = {};
-    function Gn(e) {
+    function Qn(e) {
       {
         var i = Ie();
         if (!i) {
@@ -536,12 +536,12 @@ Check the top-level render call using <` + l + ">.");
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var l = Gn(i);
+        var l = Qn(i);
         if (Me[l])
           return;
         Me[l] = !0;
-        var f = "";
-        e && e._owner && e._owner !== ie.current && (f = " It was passed a child from " + O(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, f), $(null);
+        var m = "";
+        e && e._owner && e._owner !== ie.current && (m = " It was passed a child from " + O(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, m), A(null);
       }
     }
     function Fe(e, i) {
@@ -550,20 +550,20 @@ Check the top-level render call using <` + l + ">.");
           return;
         if (ae(e))
           for (var l = 0; l < e.length; l++) {
-            var f = e[l];
-            de(f) && ke(f, i);
+            var m = e[l];
+            de(m) && ke(m, i);
           }
         else if (de(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var y = Cn(e);
+          var y = Tn(e);
           if (typeof y == "function" && y !== e.entries)
-            for (var w = y.call(e), h; !(h = w.next()).done; )
+            for (var N = y.call(e), h; !(h = N.next()).done; )
               de(h.value) && ke(h.value, i);
         }
       }
     }
-    function Hn(e) {
+    function et(e) {
       {
         var i = e.type;
         if (i == null || typeof i == "string")
@@ -571,15 +571,15 @@ Check the top-level render call using <` + l + ">.");
         var l;
         if (typeof i == "function")
           l = i.propTypes;
-        else if (typeof i == "object" && (i.$$typeof === m || // Note: Memo only checks outer props here.
+        else if (typeof i == "object" && (i.$$typeof === f || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         i.$$typeof === j))
           l = i.propTypes;
         else
           return;
         if (l) {
-          var f = O(i);
-          On(l, e.props, "prop", f, e);
+          var m = O(i);
+          $n(l, e.props, "prop", m, e);
         } else if (i.PropTypes !== void 0 && !le) {
           le = !0;
           var y = O(i);
@@ -588,37 +588,37 @@ Check the top-level render call using <` + l + ">.");
         typeof i.getDefaultProps == "function" && !i.getDefaultProps.isReactClassApproved && P("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Xn(e) {
+    function nt(e) {
       {
         for (var i = Object.keys(e.props), l = 0; l < i.length; l++) {
-          var f = i[l];
-          if (f !== "children" && f !== "key") {
-            $(e), P("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", f), $(null);
+          var m = i[l];
+          if (m !== "children" && m !== "key") {
+            A(e), P("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", m), A(null);
             break;
           }
         }
-        e.ref !== null && ($(e), P("Invalid attribute `ref` supplied to `React.Fragment`."), $(null));
+        e.ref !== null && (A(e), P("Invalid attribute `ref` supplied to `React.Fragment`."), A(null));
       }
     }
     var Oe = {};
-    function Le(e, i, l, f, y, w) {
+    function Le(e, i, l, m, y, N) {
       {
-        var h = Dn(e);
+        var h = Mn(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 = qn(y);
-          I ? v += I : v += Ie();
-          var T;
-          e === null ? T = "null" : ae(e) ? T = "array" : e !== void 0 && e.$$typeof === t ? (T = "<" + (O(e.type) || "Unknown") + " />", v = " Did you accidentally export a JSX literal instead of a component?") : T = 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", T, v);
+          var x = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (x += " 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 = Zn(y);
+          I ? x += I : x += Ie();
+          var S;
+          e === null ? S = "null" : ae(e) ? S = "array" : e !== void 0 && e.$$typeof === t ? (S = "<" + (O(e.type) || "Unknown") + " />", x = " Did you accidentally export a JSX literal instead of a component?") : S = 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", S, x);
         }
-        var E = Jn(e, i, l, y, w);
+        var E = Xn(e, i, l, y, N);
         if (E == null)
           return E;
         if (h) {
           var k = i.children;
           if (k !== void 0)
-            if (f)
+            if (m)
               if (ae(k)) {
                 for (var z = 0; z < k.length; z++)
                   Fe(k[z], e);
@@ -629,34 +629,34 @@ Check the top-level render call using <` + l + ">.");
               Fe(k, e);
         }
         if (Y.call(i, "key")) {
-          var B = O(e), M = Object.keys(i).filter(function(rt) {
-            return rt !== "key";
+          var B = O(e), M = Object.keys(i).filter(function(it) {
+            return it !== "key";
           }), ce = M.length > 0 ? "{key: someKey, " + M.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!Oe[B + ce]) {
-            var tt = M.length > 0 ? "{" + M.join(": ..., ") + ": ...}" : "{}";
+            var st = 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, B, tt, B), Oe[B + ce] = !0;
+  <%s key={someKey} {...props} />`, ce, B, st, B), Oe[B + ce] = !0;
           }
         }
-        return e === a ? Xn(E) : Hn(E), E;
+        return e === o ? nt(E) : et(E), E;
       }
     }
-    function Zn(e, i, l) {
+    function tt(e, i, l) {
       return Le(e, i, l, !0);
     }
-    function Qn(e, i, l) {
+    function rt(e, i, l) {
       return Le(e, i, l, !1);
     }
-    var et = Qn, nt = Zn;
-    J.Fragment = a, J.jsx = et, J.jsxs = nt;
-  }()), J;
+    var ot = rt, at = tt;
+    K.Fragment = o, K.jsx = ot, K.jsxs = at;
+  }()), K;
 }
-process.env.NODE_ENV === "production" ? be.exports = yt() : be.exports = wt();
-var o = be.exports;
+process.env.NODE_ENV === "production" ? ue.exports = yt() : ue.exports = wt();
+var a = ue.exports;
 const Ct = mt({
   prefix: "bn-"
 });
@@ -680,9 +680,9 @@ const Nt = Q(
   }
 );
 function jt({ className: r, variant: t, ...n }) {
-  return /* @__PURE__ */ o.jsx("div", { className: b(Nt({ variant: t }), r), ...n });
+  return /* @__PURE__ */ a.jsx("div", { className: b(Nt({ variant: t }), r), ...n });
 }
-const Tt = Q(
+const St = Q(
   "bn-inline-flex bn-items-center bn-justify-center bn-whitespace-nowrap bn-rounded-md bn-text-sm bn-font-medium bn-ring-offset-background bn-transition-colors focus-visible:bn-outline-none focus-visible:bn-ring-2 focus-visible:bn-ring-ring focus-visible:bn-ring-offset-2 disabled:bn-pointer-events-none disabled:bn-opacity-50",
   {
     variants: {
@@ -706,21 +706,21 @@ const Tt = Q(
       size: "default"
     }
   }
-), He = p.forwardRef(
-  ({ className: r, variant: t, size: n, asChild: a = !1, ...s }, d) => {
-    const c = a ? Ye : "button";
-    return /* @__PURE__ */ o.jsx(
+), en = p.forwardRef(
+  ({ className: r, variant: t, size: n, asChild: o = !1, ...s }, d) => {
+    const c = o ? Je : "button";
+    return /* @__PURE__ */ a.jsx(
       c,
       {
-        className: b(Tt({ variant: t, size: n, className: r })),
+        className: b(St({ variant: t, size: n, className: r })),
         ref: d,
         ...s
       }
     );
   }
 );
-He.displayName = "Button";
-const Xe = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
+en.displayName = "Button";
+const nn = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ a.jsx(
   "div",
   {
     ref: n,
@@ -731,8 +731,8 @@ const Xe = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
     ...t
   }
 ));
-Xe.displayName = "Card";
-const Rt = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
+nn.displayName = "Card";
+const Tt = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ a.jsx(
   "div",
   {
     ref: n,
@@ -740,8 +740,8 @@ const Rt = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
     ...t
   }
 ));
-Rt.displayName = "CardHeader";
-const St = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
+Tt.displayName = "CardHeader";
+const Rt = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ a.jsx(
   "h3",
   {
     ref: n,
@@ -752,8 +752,8 @@ const St = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
     ...t
   }
 ));
-St.displayName = "CardTitle";
-const Et = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
+Rt.displayName = "CardTitle";
+const Et = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ a.jsx(
   "p",
   {
     ref: n,
@@ -762,9 +762,9 @@ const Et = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
   }
 ));
 Et.displayName = "CardDescription";
-const Ze = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx("div", { ref: n, className: b("bn-p-6 bn-pt-0", r), ...t }));
-Ze.displayName = "CardContent";
-const Dt = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
+const tn = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ a.jsx("div", { ref: n, className: b("bn-p-6 bn-pt-0", r), ...t }));
+tn.displayName = "CardContent";
+const Dt = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ a.jsx(
   "div",
   {
     ref: n,
@@ -773,8 +773,8 @@ const Dt = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
   }
 ));
 Dt.displayName = "CardFooter";
-const _t = R.Root, Pt = R.Trigger, It = R.Sub, Qe = p.forwardRef(({ className: r, inset: t, children: n, ...a }, s) => /* @__PURE__ */ o.jsxs(
-  R.SubTrigger,
+const _t = T.Root, Pt = T.Trigger, It = T.Sub, rn = p.forwardRef(({ className: r, inset: t, children: n, ...o }, s) => /* @__PURE__ */ a.jsxs(
+  T.SubTrigger,
   {
     ref: s,
     className: b(
@@ -782,16 +782,16 @@ const _t = R.Root, Pt = R.Trigger, It = R.Sub, Qe = p.forwardRef(({ className: r
       t && "bn-pl-8",
       r
     ),
-    ...a,
+    ...o,
     children: [
       n,
-      /* @__PURE__ */ o.jsx(Ue, { className: "bn-ml-auto bn-h-4 bn-w-4" })
+      /* @__PURE__ */ a.jsx(qe, { className: "bn-ml-auto bn-h-4 bn-w-4" })
     ]
   }
 ));
-Qe.displayName = R.SubTrigger.displayName;
-const en = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
-  R.SubContent,
+rn.displayName = T.SubTrigger.displayName;
+const on = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ a.jsx(
+  T.SubContent,
   {
     ref: n,
     className: b(
@@ -801,13 +801,13 @@ const en = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
     ...t
   }
 ));
-en.displayName = R.SubContent.displayName;
-const nn = p.forwardRef(({ className: r, sideOffset: t = 4, ...n }, a) => (
+on.displayName = T.SubContent.displayName;
+const an = p.forwardRef(({ className: r, sideOffset: t = 4, ...n }, o) => (
   // <DropdownMenuPrimitive.Portal>
-  /* @__PURE__ */ o.jsx(
-    R.Content,
+  /* @__PURE__ */ a.jsx(
+    T.Content,
     {
-      ref: a,
+      ref: o,
       sideOffset: t,
       className: b(
         "bn-z-50 bn-min-w-[8rem] bn-overflow-hidden bn-rounded-md bn-border bn-bg-popover bn-p-1 bn-text-popover-foreground bn-shadow-md data-[state=open]:bn-animate-in data-[state=closed]:bn-animate-out data-[state=closed]:bn-fade-out-0 data-[state=open]:bn-fade-in-0 data-[state=closed]:bn-zoom-out-95 data-[state=open]:bn-zoom-in-95 data-[side=bottom]:bn-slide-in-from-top-2 data-[side=left]:bn-slide-in-from-right-2 data-[side=right]:bn-slide-in-from-left-2 data-[side=top]:bn-slide-in-from-bottom-2",
@@ -817,11 +817,11 @@ const nn = p.forwardRef(({ className: r, sideOffset: t = 4, ...n }, a) => (
     }
   )
 ));
-nn.displayName = R.Content.displayName;
-const tn = p.forwardRef(({ className: r, inset: t, ...n }, a) => /* @__PURE__ */ o.jsx(
-  R.Item,
+an.displayName = T.Content.displayName;
+const sn = p.forwardRef(({ className: r, inset: t, ...n }, o) => /* @__PURE__ */ a.jsx(
+  T.Item,
   {
-    ref: a,
+    ref: o,
     className: b(
       "bn-relative bn-flex bn-cursor-default bn-select-none bn-items-center bn-rounded-sm bn-px-2 bn-py-1.5 bn-text-sm bn-outline-none bn-transition-colors focus:bn-bg-accent focus:bn-text-accent-foreground data-[disabled]:bn-pointer-events-none data-[disabled]:bn-opacity-50",
       t && "bn-pl-8",
@@ -830,9 +830,9 @@ const tn = p.forwardRef(({ className: r, inset: t, ...n }, a) => /* @__PURE__ */
     ...n
   }
 ));
-tn.displayName = R.Item.displayName;
-const rn = p.forwardRef(({ className: r, children: t, checked: n, ...a }, s) => /* @__PURE__ */ o.jsxs(
-  R.CheckboxItem,
+sn.displayName = T.Item.displayName;
+const ln = p.forwardRef(({ className: r, children: t, checked: n, ...o }, s) => /* @__PURE__ */ a.jsxs(
+  T.CheckboxItem,
   {
     ref: s,
     className: b(
@@ -840,34 +840,34 @@ const rn = p.forwardRef(({ className: r, children: t, checked: n, ...a }, s) =>
       r
     ),
     checked: n,
-    ...a,
+    ...o,
     children: [
-      /* @__PURE__ */ o.jsx("span", { className: "bn-absolute bn-left-2 bn-flex bn-h-3.5 bn-w-3.5 bn-items-center bn-justify-center", children: /* @__PURE__ */ o.jsx(R.ItemIndicator, { children: /* @__PURE__ */ o.jsx(Ke, { className: "bn-h-4 bn-w-4" }) }) }),
+      /* @__PURE__ */ a.jsx("span", { className: "bn-absolute bn-left-2 bn-flex bn-h-3.5 bn-w-3.5 bn-items-center bn-justify-center", children: /* @__PURE__ */ a.jsx(T.ItemIndicator, { children: /* @__PURE__ */ a.jsx(He, { className: "bn-h-4 bn-w-4" }) }) }),
       t
     ]
   }
 ));
-rn.displayName = R.CheckboxItem.displayName;
-const Mt = p.forwardRef(({ className: r, children: t, ...n }, a) => /* @__PURE__ */ o.jsxs(
-  R.RadioItem,
+ln.displayName = T.CheckboxItem.displayName;
+const Mt = p.forwardRef(({ className: r, children: t, ...n }, o) => /* @__PURE__ */ a.jsxs(
+  T.RadioItem,
   {
-    ref: a,
+    ref: o,
     className: b(
       "bn-relative bn-flex bn-cursor-default bn-select-none bn-items-center bn-rounded-sm bn-py-1.5 bn-pl-8 bn-pr-2 bn-text-sm bn-outline-none bn-transition-colors focus:bn-bg-accent focus:bn-text-accent-foreground data-[disabled]:bn-pointer-events-none data-[disabled]:bn-opacity-50",
       r
     ),
     ...n,
     children: [
-      /* @__PURE__ */ o.jsx("span", { className: "bn-absolute bn-left-2 bn-flex bn-h-3.5 bn-w-3.5 bn-items-center bn-justify-center", children: /* @__PURE__ */ o.jsx(R.ItemIndicator, { children: /* @__PURE__ */ o.jsx(pt, { className: "bn-h-2 bn-w-2 bn-fill-current" }) }) }),
+      /* @__PURE__ */ a.jsx("span", { className: "bn-absolute bn-left-2 bn-flex bn-h-3.5 bn-w-3.5 bn-items-center bn-justify-center", children: /* @__PURE__ */ a.jsx(T.ItemIndicator, { children: /* @__PURE__ */ a.jsx(pt, { className: "bn-h-2 bn-w-2 bn-fill-current" }) }) }),
       t
     ]
   }
 ));
-Mt.displayName = R.RadioItem.displayName;
-const on = p.forwardRef(({ className: r, inset: t, ...n }, a) => /* @__PURE__ */ o.jsx(
-  R.Label,
+Mt.displayName = T.RadioItem.displayName;
+const dn = p.forwardRef(({ className: r, inset: t, ...n }, o) => /* @__PURE__ */ a.jsx(
+  T.Label,
   {
-    ref: a,
+    ref: o,
     className: b(
       "bn-px-2 bn-py-1.5 bn-text-sm bn-font-semibold",
       t && "bn-pl-8",
@@ -876,31 +876,31 @@ const on = p.forwardRef(({ className: r, inset: t, ...n }, a) => /* @__PURE__ */
     ...n
   }
 ));
-on.displayName = R.Label.displayName;
-const an = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
-  R.Separator,
+dn.displayName = T.Label.displayName;
+const cn = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ a.jsx(
+  T.Separator,
   {
     ref: n,
     className: b("bn--mx-1 bn-my-1 bn-h-px bn-bg-muted", r),
     ...t
   }
 ));
-an.displayName = R.Separator.displayName;
+cn.displayName = T.Separator.displayName;
 const kt = Q(
   "bn-text-sm bn-font-medium bn-leading-none peer-disabled:bn-cursor-not-allowed peer-disabled:bn-opacity-70"
-), ue = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
-  qe.Root,
+), be = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ a.jsx(
+  Ze.Root,
   {
     ref: n,
     className: b(kt(), r),
     ...t
   }
 ));
-ue.displayName = qe.Root.displayName;
+be.displayName = Ze.Root.displayName;
 const Ft = vt, Ot = p.createContext(
   {}
 ), ne = () => {
-  const r = p.useContext(Ot), t = p.useContext(sn), { getFieldState: n, formState: a } = xt(), s = n(r.name, a);
+  const r = p.useContext(Ot), t = p.useContext(un), { getFieldState: n, formState: o } = xt(), s = n(r.name, o);
   if (!r)
     throw new Error("useFormField should be used within <FormField>");
   const { id: d } = t;
@@ -912,20 +912,20 @@ const Ft = vt, Ot = p.createContext(
     formMessageId: `${d}-form-item-message`,
     ...s
   };
-}, sn = p.createContext(
+}, un = p.createContext(
   {}
 ), Lt = p.forwardRef(({ className: r, ...t }, n) => {
-  const a = p.useId();
-  return /* @__PURE__ */ o.jsx(sn.Provider, { value: { id: a }, children: /* @__PURE__ */ o.jsx("div", { ref: n, className: b("bn-space-y-2", r), ...t }) });
+  const o = p.useId();
+  return /* @__PURE__ */ a.jsx(un.Provider, { value: { id: o }, children: /* @__PURE__ */ a.jsx("div", { ref: n, className: b("bn-space-y-2", r), ...t }) });
 });
 Lt.displayName = "FormItem";
 const Bt = p.forwardRef(({ className: r, ...t }, n) => {
-  const { error: a, formItemId: s } = ne();
-  return /* @__PURE__ */ o.jsx(
-    ue,
+  const { error: o, formItemId: s } = ne();
+  return /* @__PURE__ */ a.jsx(
+    be,
     {
       ref: n,
-      className: b(a && "bn-text-destructive", r),
+      className: b(o && "bn-text-destructive", r),
       htmlFor: s,
       ...t
     }
@@ -933,12 +933,12 @@ const Bt = p.forwardRef(({ className: r, ...t }, n) => {
 });
 Bt.displayName = "FormLabel";
 const Vt = p.forwardRef(({ ...r }, t) => {
-  const { error: n, formItemId: a, formDescriptionId: s, formMessageId: d } = ne();
-  return /* @__PURE__ */ o.jsx(
-    Ye,
+  const { error: n, formItemId: o, formDescriptionId: s, formMessageId: d } = ne();
+  return /* @__PURE__ */ a.jsx(
+    Je,
     {
       ref: t,
-      id: a,
+      id: o,
       "aria-describedby": n ? `${s} ${d}` : `${s}`,
       "aria-invalid": !!n,
       ...r
@@ -946,25 +946,25 @@ const Vt = p.forwardRef(({ ...r }, t) => {
   );
 });
 Vt.displayName = "FormControl";
-const At = p.forwardRef(({ className: r, ...t }, n) => {
-  const { formDescriptionId: a } = ne();
-  return /* @__PURE__ */ o.jsx(
+const $t = p.forwardRef(({ className: r, ...t }, n) => {
+  const { formDescriptionId: o } = ne();
+  return /* @__PURE__ */ a.jsx(
     "p",
     {
       ref: n,
-      id: a,
+      id: o,
       className: b("bn-text-sm bn-text-muted-foreground", r),
       ...t
     }
   );
 });
-At.displayName = "FormDescription";
-const $t = p.forwardRef(({ className: r, children: t, ...n }, a) => {
+$t.displayName = "FormDescription";
+const At = p.forwardRef(({ className: r, children: t, ...n }, o) => {
   const { error: s, formMessageId: d } = ne(), c = s ? String(s == null ? void 0 : s.message) : t;
-  return c ? /* @__PURE__ */ o.jsx(
+  return c ? /* @__PURE__ */ a.jsx(
     "p",
     {
-      ref: a,
+      ref: o,
       id: d,
       className: b("bn-text-sm bn-font-medium bn-text-destructive", r),
       ...n,
@@ -972,9 +972,9 @@ const $t = p.forwardRef(({ className: r, children: t, ...n }, a) => {
     }
   ) : null;
 });
-$t.displayName = "FormMessage";
-const ln = p.forwardRef(
-  ({ className: r, type: t, ...n }, a) => /* @__PURE__ */ o.jsx(
+At.displayName = "FormMessage";
+const bn = p.forwardRef(
+  ({ className: r, type: t, ...n }, o) => /* @__PURE__ */ a.jsx(
     "input",
     {
       type: t,
@@ -982,15 +982,15 @@ const ln = p.forwardRef(
         "bn-flex bn-h-10 bn-w-full bn-rounded-md bn-border bn-border-input bn-bg-background bn-px-3 bn-py-2 bn-text-sm bn-ring-offset-background file:bn-border-0 file:bn-bg-transparent file:bn-text-sm file:bn-font-medium placeholder:bn-text-muted-foreground focus-visible:bn-outline-none focus-visible:bn-ring-2 focus-visible:bn-ring-ring focus-visible:bn-ring-offset-2 disabled:bn-cursor-not-allowed disabled:bn-opacity-50",
         r
       ),
-      ref: a,
+      ref: o,
       ...n
     }
   )
 );
-ln.displayName = "Input";
-const zt = ee.Root, Wt = ee.Trigger, dn = p.forwardRef(({ className: r, align: t = "center", sideOffset: n = 4, ...a }, s) => (
+bn.displayName = "Input";
+const zt = ee.Root, Wt = ee.Trigger, fn = p.forwardRef(({ className: r, align: t = "center", sideOffset: n = 4, ...o }, s) => (
   // <PopoverPrimitive.Portal>
-  /* @__PURE__ */ o.jsx(
+  /* @__PURE__ */ a.jsx(
     ee.Content,
     {
       ref: s,
@@ -1000,15 +1000,15 @@ const zt = ee.Root, Wt = ee.Trigger, dn = p.forwardRef(({ className: r, align: t
         "bn-z-50 bn-w-72 bn-rounded-md bn-border bn-bg-popover bn-p-4 bn-text-popover-foreground bn-shadow-md bn-outline-none data-[state=open]:bn-animate-in data-[state=closed]:bn-animate-out data-[state=closed]:bn-fade-out-0 data-[state=open]:bn-fade-in-0 data-[state=closed]:bn-zoom-out-95 data-[state=open]:bn-zoom-in-95 data-[side=bottom]:bn-slide-in-from-top-2 data-[side=left]:bn-slide-in-from-right-2 data-[side=right]:bn-slide-in-from-left-2 data-[side=top]:bn-slide-in-from-bottom-2",
         r
       ),
-      ...a
+      ...o
     }
   )
 ));
-dn.displayName = ee.Content.displayName;
-const Yt = D.Root, Ut = D.Value, cn = p.forwardRef(({ className: r, children: t, ...n }, a) => /* @__PURE__ */ o.jsxs(
+fn.displayName = ee.Content.displayName;
+const Yt = D.Root, Ut = D.Value, mn = p.forwardRef(({ className: r, children: t, ...n }, o) => /* @__PURE__ */ a.jsxs(
   D.Trigger,
   {
-    ref: a,
+    ref: o,
     className: b(
       "bn-flex bn-h-10 bn-w-full bn-items-center bn-justify-between bn-rounded-md bn-border bn-border-input bn-bg-background bn-px-3 bn-py-2 bn-text-sm bn-ring-offset-background placeholder:bn-text-muted-foreground focus:bn-outline-none focus:bn-ring-2 focus:bn-ring-ring focus:bn-ring-offset-2 disabled:bn-cursor-not-allowed disabled:bn-opacity-50 [&>span]:bn-line-clamp-1",
       r
@@ -1016,12 +1016,12 @@ const Yt = D.Root, Ut = D.Value, cn = p.forwardRef(({ className: r, children: t,
     ...n,
     children: [
       t,
-      /* @__PURE__ */ o.jsx(D.Icon, { asChild: !0, children: /* @__PURE__ */ o.jsx(Je, { className: "bn-h-4 bn-w-4 bn-opacity-50" }) })
+      /* @__PURE__ */ a.jsx(D.Icon, { asChild: !0, children: /* @__PURE__ */ a.jsx(Xe, { className: "bn-h-4 bn-w-4 bn-opacity-50" }) })
     ]
   }
 ));
-cn.displayName = D.Trigger.displayName;
-const bn = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
+mn.displayName = D.Trigger.displayName;
+const pn = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ a.jsx(
   D.ScrollUpButton,
   {
     ref: n,
@@ -1030,11 +1030,11 @@ const bn = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
       r
     ),
     ...t,
-    children: /* @__PURE__ */ o.jsx(gt, { className: "bn-h-4 bn-w-4" })
+    children: /* @__PURE__ */ a.jsx(gt, { className: "bn-h-4 bn-w-4" })
   }
 ));
-bn.displayName = D.ScrollUpButton.displayName;
-const un = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
+pn.displayName = D.ScrollUpButton.displayName;
+const gn = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ a.jsx(
   D.ScrollDownButton,
   {
     ref: n,
@@ -1043,13 +1043,13 @@ const un = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
       r
     ),
     ...t,
-    children: /* @__PURE__ */ o.jsx(Je, { className: "bn-h-4 bn-w-4" })
+    children: /* @__PURE__ */ a.jsx(Xe, { className: "bn-h-4 bn-w-4" })
   }
 ));
-un.displayName = D.ScrollDownButton.displayName;
-const fn = p.forwardRef(({ className: r, children: t, position: n = "popper", ...a }, s) => (
+gn.displayName = D.ScrollDownButton.displayName;
+const vn = p.forwardRef(({ className: r, children: t, position: n = "popper", ...o }, s) => (
   // <SelectPrimitive.Portal>
-  /* @__PURE__ */ o.jsxs(
+  /* @__PURE__ */ a.jsxs(
     D.Content,
     {
       ref: s,
@@ -1059,10 +1059,10 @@ const fn = p.forwardRef(({ className: r, children: t, position: n = "popper", ..
         r
       ),
       position: n,
-      ...a,
+      ...o,
       children: [
-        /* @__PURE__ */ o.jsx(bn, {}),
-        /* @__PURE__ */ o.jsx(
+        /* @__PURE__ */ a.jsx(pn, {}),
+        /* @__PURE__ */ a.jsx(
           D.Viewport,
           {
             className: b(
@@ -1072,13 +1072,13 @@ const fn = p.forwardRef(({ className: r, children: t, position: n = "popper", ..
             children: t
           }
         ),
-        /* @__PURE__ */ o.jsx(un, {})
+        /* @__PURE__ */ a.jsx(gn, {})
       ]
     }
   )
 ));
-fn.displayName = D.Content.displayName;
-const Kt = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
+vn.displayName = D.Content.displayName;
+const Gt = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ a.jsx(
   D.Label,
   {
     ref: n,
@@ -1089,24 +1089,24 @@ const Kt = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
     ...t
   }
 ));
-Kt.displayName = D.Label.displayName;
-const mn = p.forwardRef(({ className: r, children: t, ...n }, a) => /* @__PURE__ */ o.jsxs(
+Gt.displayName = D.Label.displayName;
+const xn = p.forwardRef(({ className: r, children: t, ...n }, o) => /* @__PURE__ */ a.jsxs(
   D.Item,
   {
-    ref: a,
+    ref: o,
     className: b(
       "bn-relative bn-flex bn-w-full bn-cursor-default bn-select-none bn-items-center bn-rounded-sm bn-py-1.5 bn-pl-8 bn-pr-2 bn-text-sm bn-outline-none focus:bn-bg-accent focus:bn-text-accent-foreground data-[disabled]:bn-pointer-events-none data-[disabled]:bn-opacity-50",
       r
     ),
     ...n,
     children: [
-      /* @__PURE__ */ o.jsx("span", { className: "bn-absolute bn-left-2 bn-flex bn-h-3.5 bn-w-3.5 bn-items-center bn-justify-center", children: /* @__PURE__ */ o.jsx(D.ItemIndicator, { children: /* @__PURE__ */ o.jsx(Ke, { className: "bn-h-4 bn-w-4" }) }) }),
-      /* @__PURE__ */ o.jsx(D.ItemText, { children: t })
+      /* @__PURE__ */ a.jsx("span", { className: "bn-absolute bn-left-2 bn-flex bn-h-3.5 bn-w-3.5 bn-items-center bn-justify-center", children: /* @__PURE__ */ a.jsx(D.ItemIndicator, { children: /* @__PURE__ */ a.jsx(He, { className: "bn-h-4 bn-w-4" }) }) }),
+      /* @__PURE__ */ a.jsx(D.ItemText, { children: t })
     ]
   }
 ));
-mn.displayName = D.Item.displayName;
-const Jt = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
+xn.displayName = D.Item.displayName;
+const Kt = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ a.jsx(
   D.Separator,
   {
     ref: n,
@@ -1114,8 +1114,8 @@ const Jt = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
     ...t
   }
 ));
-Jt.displayName = D.Separator.displayName;
-const qt = V.Root, pn = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
+Kt.displayName = D.Separator.displayName;
+const Jt = V.Root, hn = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ a.jsx(
   V.List,
   {
     ref: n,
@@ -1126,8 +1126,8 @@ const qt = V.Root, pn = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__
     ...t
   }
 ));
-pn.displayName = V.List.displayName;
-const gn = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
+hn.displayName = V.List.displayName;
+const yn = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ a.jsx(
   V.Trigger,
   {
     ref: n,
@@ -1138,8 +1138,8 @@ const gn = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
     ...t
   }
 ));
-gn.displayName = V.Trigger.displayName;
-const vn = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
+yn.displayName = V.Trigger.displayName;
+const wn = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ a.jsx(
   V.Content,
   {
     ref: n,
@@ -1150,8 +1150,8 @@ const vn = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
     ...t
   }
 ));
-vn.displayName = V.Content.displayName;
-const Gt = Q(
+wn.displayName = V.Content.displayName;
+const qt = Q(
   "bn-inline-flex bn-items-center bn-justify-center bn-rounded-md bn-text-sm bn-font-medium bn-ring-offset-background bn-transition-colors hover:bn-bg-muted hover:bn-text-muted-foreground focus-visible:bn-outline-none focus-visible:bn-ring-2 focus-visible:bn-ring-ring focus-visible:bn-ring-offset-2 disabled:bn-pointer-events-none disabled:bn-opacity-50 data-[state=on]:bn-bg-accent data-[state=on]:bn-text-accent-foreground",
   {
     variants: {
@@ -1170,19 +1170,19 @@ const Gt = Q(
       size: "default"
     }
   }
-), xn = p.forwardRef(({ className: r, variant: t, size: n, ...a }, s) => /* @__PURE__ */ o.jsx(
-  Ge.Root,
+), Cn = p.forwardRef(({ className: r, variant: t, size: n, ...o }, s) => /* @__PURE__ */ a.jsx(
+  Qe.Root,
   {
     ref: s,
-    className: b(Gt({ variant: t, size: n, className: r })),
-    ...a
+    className: b(qt({ variant: t, size: n, className: r })),
+    ...o
   }
 ));
-xn.displayName = Ge.Root.displayName;
-const Ht = q.Provider, Xt = q.Root, Zt = q.Trigger, hn = p.forwardRef(({ className: r, sideOffset: t = 4, ...n }, a) => /* @__PURE__ */ o.jsx(
-  q.Content,
+Cn.displayName = Qe.Root.displayName;
+const Ht = J.Provider, Xt = J.Root, Zt = J.Trigger, Nn = p.forwardRef(({ className: r, sideOffset: t = 4, ...n }, o) => /* @__PURE__ */ a.jsx(
+  J.Content,
   {
-    ref: a,
+    ref: o,
     sideOffset: t,
     className: b(
       "bn-z-50 bn-overflow-hidden bn-rounded-md bn-border bn-bg-popover bn-px-3 bn-py-1.5 bn-text-sm bn-text-popover-foreground bn-shadow-md bn-animate-in bn-fade-in-0 bn-zoom-in-95 data-[state=closed]:bn-animate-out data-[state=closed]:bn-fade-out-0 data-[state=closed]:bn-zoom-out-95 data-[side=bottom]:bn-slide-in-from-top-2 data-[side=left]:bn-slide-in-from-right-2 data-[side=right]:bn-slide-in-from-left-2 data-[side=top]:bn-slide-in-from-bottom-2",
@@ -1191,208 +1191,270 @@ const Ht = q.Provider, Xt = q.Root, Zt = q.Trigger, hn = p.forwardRef(({ classNa
     ...n
   }
 ));
-hn.displayName = q.Content.displayName;
+Nn.displayName = J.Content.displayName;
 const Qt = {
   Badge: {
     Badge: jt
   },
   Button: {
-    Button: He
+    Button: en
   },
   Card: {
-    Card: Xe,
-    CardContent: Ze
+    Card: nn,
+    CardContent: tn
   },
   DropdownMenu: {
     DropdownMenu: _t,
-    DropdownMenuCheckboxItem: rn,
-    DropdownMenuContent: nn,
-    DropdownMenuItem: tn,
-    DropdownMenuLabel: on,
-    DropdownMenuSeparator: an,
+    DropdownMenuCheckboxItem: ln,
+    DropdownMenuContent: an,
+    DropdownMenuItem: sn,
+    DropdownMenuLabel: dn,
+    DropdownMenuSeparator: cn,
     DropdownMenuSub: It,
-    DropdownMenuSubContent: en,
-    DropdownMenuSubTrigger: Qe,
+    DropdownMenuSubContent: on,
+    DropdownMenuSubTrigger: rn,
     DropdownMenuTrigger: Pt
   },
   Form: {
     Form: Ft
   },
   Input: {
-    Input: ln
+    Input: bn
   },
   Label: {
-    Label: ue
+    Label: be
   },
   Popover: {
     Popover: zt,
-    PopoverContent: dn,
+    PopoverContent: fn,
     PopoverTrigger: Wt
   },
   Select: {
     Select: Yt,
-    SelectContent: fn,
-    SelectItem: mn,
-    SelectTrigger: cn,
+    SelectContent: vn,
+    SelectItem: xn,
+    SelectTrigger: mn,
     SelectValue: Ut
   },
   Tabs: {
-    Tabs: qt,
-    TabsContent: vn,
-    TabsList: pn,
-    TabsTrigger: gn
+    Tabs: Jt,
+    TabsContent: wn,
+    TabsList: hn,
+    TabsTrigger: yn
   },
   Toggle: {
-    Toggle: xn
+    Toggle: Cn
   },
   Tooltip: {
     Tooltip: Xt,
-    TooltipContent: hn,
+    TooltipContent: Nn,
     TooltipProvider: Ht,
     TooltipTrigger: Zt
   }
-}, yn = ot(void 0);
-function S() {
-  return at(yn);
+}, jn = lt(void 0);
+function R() {
+  return dt(jn);
 }
 const er = (r) => {
   const { children: t, ...n } = r;
-  C(n);
-  const a = S(), s = ht();
-  return /* @__PURE__ */ o.jsx(a.Form.Form, { ...s, children: t });
-}, nr = (r) => N(
-  (t, n) => /* @__PURE__ */ o.jsx(
+  w(n);
+  const o = R(), s = ht();
+  return /* @__PURE__ */ a.jsx(o.Form.Form, { ...s, children: t });
+}, nr = C((r, t) => {
+  const { className: n, children: o, id: s, columns: d, ...c } = r;
+  return w(c), /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      className: n,
+      style: { gridTemplateColumns: `repeat(${d}, 1fr)` },
+      ref: t,
+      id: s,
+      role: "grid",
+      children: o
+    }
+  );
+}), tr = C((r, t) => {
+  const { className: n, children: o, columns: s, ...d } = r;
+  return w(d), /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      className: n,
+      style: { gridColumn: `1 / ${s + 1}` },
+      ref: t,
+      children: o
+    }
+  );
+}), rr = C((r, t) => {
+  const { className: n, isSelected: o, onClick: s, item: d, id: c, ...v } = r;
+  w(v);
+  const f = We(null);
+  return Ye(() => {
+    if (!f.current || !o)
+      return;
+    const u = Ge(f.current);
+    u === "top" ? f.current.scrollIntoView(!0) : u === "bottom" && f.current.scrollIntoView(!1);
+  }, [o]), /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      className: n,
+      ref: Ke([t, f]),
+      id: c,
+      role: "option",
+      onClick: s,
+      "aria-selected": o || void 0,
+      children: d.icon
+    }
+  );
+}), or = C((r, t) => {
+  const {
+    className: n,
+    children: o,
+    // unused, using "dots" instead
+    columns: s,
+    ...d
+  } = r;
+  return w(d), /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      className: n,
+      style: { gridColumn: `1 / ${s + 1}` },
+      ref: t,
+      children: o
+    }
+  );
+}), ar = (r) => C(
+  (t, n) => /* @__PURE__ */ a.jsx(
     r,
     {
-      onPointerDown: (a) => {
-        a.nativeEvent.fakeEvent || (a.ctrlKey = !0);
+      onPointerDown: (o) => {
+        o.nativeEvent.fakeEvent || (o.ctrlKey = !0);
       },
-      onPointerUp: (a) => {
-        const s = new PointerEvent("pointerdown", a.nativeEvent);
-        s.fakeEvent = !0, a.target.dispatchEvent(s);
+      onPointerUp: (o) => {
+        const s = new PointerEvent("pointerdown", o.nativeEvent);
+        s.fakeEvent = !0, o.target.dispatchEvent(s);
       },
       ...t,
       ref: n
     }
   )
-), tr = (r) => {
+), sr = (r) => {
   const {
     children: t,
     onOpenChange: n,
-    position: a,
+    position: o,
     // Unused
     sub: s,
     ...d
   } = r;
-  C(d);
-  const c = S();
-  return s ? /* @__PURE__ */ o.jsx(
+  w(d);
+  const c = R();
+  return s ? /* @__PURE__ */ a.jsx(
     c.DropdownMenu.DropdownMenuSub,
     {
       onOpenChange: n,
       children: t
     }
-  ) : /* @__PURE__ */ o.jsx(c.DropdownMenu.DropdownMenu, { onOpenChange: n, children: t });
-}, rr = (r) => {
-  const { children: t, sub: n, ...a } = r;
-  C(a);
-  const s = S(), d = We(
-    () => nr(
+  ) : /* @__PURE__ */ a.jsx(c.DropdownMenu.DropdownMenu, { onOpenChange: n, children: t });
+}, ir = (r) => {
+  const { children: t, sub: n, ...o } = r;
+  w(o);
+  const s = R(), d = Ue(
+    () => ar(
       s.DropdownMenu.DropdownMenuTrigger
     ),
     [s.DropdownMenu.DropdownMenuTrigger]
   );
-  return n ? /* @__PURE__ */ o.jsx(s.DropdownMenu.DropdownMenuSubTrigger, { children: t }) : /* @__PURE__ */ o.jsx(d, { asChild: !0, ...a, children: t });
-}, or = N((r, t) => {
-  const { className: n, children: a, sub: s, ...d } = r;
-  C(d);
-  const c = S();
-  return s ? /* @__PURE__ */ o.jsx(
+  return n ? /* @__PURE__ */ a.jsx(s.DropdownMenu.DropdownMenuSubTrigger, { children: t }) : /* @__PURE__ */ a.jsx(d, { asChild: !0, ...o, children: t });
+}, lr = C((r, t) => {
+  const { className: n, children: o, sub: s, ...d } = r;
+  w(d);
+  const c = R();
+  return s ? /* @__PURE__ */ a.jsx(
     c.DropdownMenu.DropdownMenuSubContent,
     {
       className: n,
       ref: t,
-      children: a
+      children: o
     }
-  ) : /* @__PURE__ */ o.jsx(
+  ) : /* @__PURE__ */ a.jsx(
     c.DropdownMenu.DropdownMenuContent,
     {
       className: n,
       ref: t,
-      children: a
+      children: o
     }
   );
-}), ar = N((r, t) => {
-  const { className: n, children: a, icon: s, checked: d, subTrigger: c, onClick: x, ...m } = r;
-  C(m);
-  const u = S();
-  return c ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+}), dr = C((r, t) => {
+  const { className: n, children: o, icon: s, checked: d, subTrigger: c, onClick: v, ...f } = r;
+  w(f);
+  const u = R();
+  return c ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     s,
-    a
-  ] }) : d !== void 0 ? /* @__PURE__ */ o.jsxs(
+    o
+  ] }) : d !== void 0 ? /* @__PURE__ */ a.jsxs(
     u.DropdownMenu.DropdownMenuCheckboxItem,
     {
       className: b(n, "bn-gap-1"),
       ref: t,
       checked: d,
-      onClick: x,
-      ...m,
+      onClick: v,
+      ...f,
       children: [
         s,
-        a
+        o
       ]
     }
-  ) : /* @__PURE__ */ o.jsxs(
+  ) : /* @__PURE__ */ a.jsxs(
     u.DropdownMenu.DropdownMenuItem,
     {
       className: n,
       ref: t,
-      onClick: x,
-      ...m,
+      onClick: v,
+      ...f,
       children: [
         s,
-        a,
-        c && /* @__PURE__ */ o.jsx(Ue, { className: "bn-ml-auto bn-h-4 bn-w-4" })
+        o,
+        c && /* @__PURE__ */ a.jsx(qe, { className: "bn-ml-auto bn-h-4 bn-w-4" })
       ]
     }
   );
-}), sr = N((r, t) => {
-  const { className: n, ...a } = r;
-  C(a);
-  const s = S();
-  return /* @__PURE__ */ o.jsx(
+}), cr = C((r, t) => {
+  const { className: n, ...o } = r;
+  w(o);
+  const s = R();
+  return /* @__PURE__ */ a.jsx(
     s.DropdownMenu.DropdownMenuSeparator,
     {
       className: n,
       ref: t
     }
   );
-}), ir = N((r, t) => {
-  const { className: n, children: a, ...s } = r;
-  C(s);
-  const d = S();
-  return /* @__PURE__ */ o.jsx(
+}), ur = C((r, t) => {
+  const { className: n, children: o, ...s } = r;
+  w(s);
+  const d = R();
+  return /* @__PURE__ */ a.jsx(
     d.DropdownMenu.DropdownMenuLabel,
     {
       className: n,
       ref: t,
-      children: a
+      children: o
     }
   );
-}), lr = N((r, t) => {
+}), br = C((r, t) => {
   const {
     className: n,
-    tabs: a,
+    tabs: o,
     defaultOpenTab: s,
     openTab: d,
     setOpenTab: c,
-    loading: x,
+    loading: v,
     // TODO: implement loader
-    ...m
+    ...f
   } = r;
-  C(m);
-  const u = S();
-  return /* @__PURE__ */ o.jsxs(
+  w(f);
+  const u = R();
+  return /* @__PURE__ */ a.jsxs(
     u.Tabs.Tabs,
     {
       className: b(n, "bn-bg-popover bn-p-2 bn-rounded-lg"),
@@ -1401,45 +1463,45 @@ const er = (r) => {
       defaultValue: s,
       onValueChange: c,
       children: [
-        /* @__PURE__ */ o.jsx(u.Tabs.TabsList, { children: a.map((g) => /* @__PURE__ */ o.jsx(u.Tabs.TabsTrigger, { value: g.name, children: g.name }, g.name)) }),
-        a.map((g) => /* @__PURE__ */ o.jsx(u.Tabs.TabsContent, { value: g.name, children: /* @__PURE__ */ o.jsx(u.Card.Card, { children: /* @__PURE__ */ o.jsx(u.Card.CardContent, { className: "bn-p-4", children: g.tabPanel }) }) }, g.name))
+        /* @__PURE__ */ a.jsx(u.Tabs.TabsList, { children: o.map((g) => /* @__PURE__ */ a.jsx(u.Tabs.TabsTrigger, { value: g.name, children: g.name }, g.name)) }),
+        o.map((g) => /* @__PURE__ */ a.jsx(u.Tabs.TabsContent, { value: g.name, children: /* @__PURE__ */ a.jsx(u.Card.Card, { children: /* @__PURE__ */ a.jsx(u.Card.CardContent, { className: "bn-p-4", children: g.tabPanel }) }) }, g.name))
       ]
     }
   );
-}), dr = N((r, t) => {
-  const { className: n, children: a, onClick: s, label: d, ...c } = r;
-  C(c);
-  const x = S();
-  return /* @__PURE__ */ o.jsx(
-    x.Button.Button,
+}), fr = C((r, t) => {
+  const { className: n, children: o, onClick: s, label: d, ...c } = r;
+  w(c);
+  const v = R();
+  return /* @__PURE__ */ a.jsx(
+    v.Button.Button,
     {
       type: "submit",
       className: n,
       "aria-label": d,
       ref: t,
       onClick: s,
-      children: a
+      children: o
     }
   );
-}), cr = N((r, t) => {
-  const { className: n, accept: a, value: s, placeholder: d, onChange: c, ...x } = r;
-  C(x);
-  const m = S();
-  return /* @__PURE__ */ o.jsx(
-    m.Input.Input,
+}), mr = C((r, t) => {
+  const { className: n, accept: o, value: s, placeholder: d, onChange: c, ...v } = r;
+  w(v);
+  const f = R();
+  return /* @__PURE__ */ a.jsx(
+    f.Input.Input,
     {
       type: "file",
       className: n,
       ref: t,
-      accept: a,
+      accept: o,
       value: s ? s.name : void 0,
       onChange: async (u) => c == null ? void 0 : c(u.target.files[0]),
       placeholder: d
     }
   );
-}), br = N((r, t) => {
-  const { className: n, children: a, ...s } = r;
-  return C(s), /* @__PURE__ */ o.jsx(
+}), pr = C((r, t) => {
+  const { className: n, children: o, ...s } = r;
+  return w(s), /* @__PURE__ */ a.jsx(
     "div",
     {
       className: b(
@@ -1447,78 +1509,78 @@ const er = (r) => {
         "bn-flex bn-flex-col bn-gap-2 bn-items-start bn-justify-center"
       ),
       ref: t,
-      children: a
+      children: o
     }
   );
-}), ur = N((r, t) => {
-  const { className: n, value: a, placeholder: s, onKeyDown: d, onChange: c, ...x } = r;
-  C(x);
-  const m = S();
-  return /* @__PURE__ */ o.jsx(
-    m.Input.Input,
+}), gr = C((r, t) => {
+  const { className: n, value: o, placeholder: s, onKeyDown: d, onChange: c, ...v } = r;
+  w(v);
+  const f = R();
+  return /* @__PURE__ */ a.jsx(
+    f.Input.Input,
     {
       "data-test": "embed-input",
       className: b(n, "bn-w-80"),
       ref: t,
-      value: a,
+      value: o,
       placeholder: s,
       onKeyDown: d,
       onChange: c
     }
   );
-}), fr = (r) => {
+}), vr = (r) => {
   const {
     children: t,
     opened: n,
-    position: a,
+    position: o,
     // unused
     ...s
   } = r;
-  C(s);
-  const d = S();
-  return /* @__PURE__ */ o.jsx(d.Popover.Popover, { open: n, children: t });
-}, mr = N(
+  w(s);
+  const d = R();
+  return /* @__PURE__ */ a.jsx(d.Popover.Popover, { open: n, children: t });
+}, xr = C(
   (r, t) => {
-    const { children: n, ...a } = r;
-    C(a);
-    const s = S();
-    return /* @__PURE__ */ o.jsx(s.Popover.PopoverTrigger, { ref: t, asChild: !0, children: n });
+    const { children: n, ...o } = r;
+    w(o);
+    const s = R();
+    return /* @__PURE__ */ a.jsx(s.Popover.PopoverTrigger, { ref: t, asChild: !0, children: n });
   }
-), pr = N((r, t) => {
-  const { className: n, variant: a, children: s, ...d } = r;
-  C(d);
-  const c = S();
-  return /* @__PURE__ */ o.jsx(
+), hr = C((r, t) => {
+  const { className: n, variant: o, children: s, ...d } = r;
+  w(d);
+  const c = R();
+  return /* @__PURE__ */ a.jsx(
     c.Popover.PopoverContent,
     {
       sideOffset: 8,
       className: b(
         n,
         "bn-flex bn-flex-col bn-gap-2",
-        a === "panel-popover" ? "bn-p-0 bn-border-none bn-shadow-none bn-max-w-none bn-w-fit" : ""
+        o === "panel-popover" ? "bn-p-0 bn-border-none bn-shadow-none bn-max-w-none bn-w-fit" : ""
       ),
       ref: t,
       children: s
     }
   );
-}), gr = N((r, t) => {
-  const { className: n, children: a, ...s } = r;
-  return C(s, !1), /* @__PURE__ */ o.jsx("div", { className: n, ref: t, ...s, children: a });
-}), vr = N((r, t) => {
+}), yr = C((r, t) => {
+  const { className: n, children: o, ...s } = r;
+  return w(s, !1), /* @__PURE__ */ a.jsx("div", { className: n, ref: t, ...s, children: o });
+}), wr = C((r, t) => {
   const {
     className: n,
-    children: a,
+    children: o,
     icon: s,
     onClick: d,
     onDragEnd: c,
-    onDragStart: x,
-    draggable: m,
+    onDragStart: v,
+    draggable: f,
     label: u,
     ...g
   } = r;
-  C(g, !1);
-  const j = S();
-  return /* @__PURE__ */ o.jsxs(
+  w(g, !1);
+  const j = R();
+  return /* @__PURE__ */ a.jsxs(
     j.Button.Button,
     {
       variant: "ghost",
@@ -1526,19 +1588,19 @@ const er = (r) => {
       ref: t,
       "aria-label": u,
       onClick: d,
-      onDragStart: x,
+      onDragStart: v,
       onDragEnd: c,
-      draggable: m,
+      draggable: f,
       ...g,
       children: [
         s,
-        a
+        o
       ]
     }
   );
-}), xr = N((r, t) => {
-  const { className: n, children: a, id: s, ...d } = r;
-  return C(d), /* @__PURE__ */ o.jsx(
+}), Cr = C((r, t) => {
+  const { className: n, children: o, id: s, ...d } = r;
+  return w(d), /* @__PURE__ */ a.jsx(
     "div",
     {
       id: s,
@@ -1548,12 +1610,12 @@ const er = (r) => {
         n
       ),
       ref: t,
-      children: a
+      children: o
     }
   );
-}), hr = N((r, t) => {
-  const { className: n, children: a, ...s } = r;
-  return C(s), /* @__PURE__ */ o.jsx(
+}), Nr = C((r, t) => {
+  const { className: n, children: o, ...s } = r;
+  return w(s), /* @__PURE__ */ a.jsx(
     "div",
     {
       className: b(
@@ -1561,121 +1623,121 @@ const er = (r) => {
         n
       ),
       ref: t,
-      children: /* @__PURE__ */ o.jsx("div", { children: a })
+      children: /* @__PURE__ */ a.jsx("div", { children: o })
     }
   );
-}), yr = N((r, t) => {
-  const n = S(), { className: a, item: s, isSelected: d, onClick: c, id: x, ...m } = r;
-  C(m);
-  const u = st(null);
-  return it(() => {
+}), jr = C((r, t) => {
+  const n = R(), { className: o, item: s, isSelected: d, onClick: c, id: v, ...f } = r;
+  w(f);
+  const u = We(null);
+  return Ye(() => {
     if (!u.current || !d)
       return;
-    const g = dt(u.current);
+    const g = Ge(u.current);
     g === "top" ? u.current.scrollIntoView(!0) : g === "bottom" && u.current.scrollIntoView(!1);
-  }, [d]), /* @__PURE__ */ o.jsxs(
+  }, [d]), /* @__PURE__ */ a.jsxs(
     "div",
     {
       className: b(
         "bn-relative bn-flex bn-cursor-pointer bn-select-none bn-items-center bn-rounded-sm bn-px-2 bn-py-1.5 bn-text-sm bn-outline-none bn-transition-colors focus:bn-bg-accent focus:bn-text-accent-foreground data-[disabled]:bn-pointer-events-none data-[disabled]:bn-opacity-50",
-        a
+        o
       ),
-      ref: ct([t, u]),
-      id: x,
+      ref: Ke([t, u]),
+      id: v,
       onClick: c,
       role: "option",
       "aria-selected": d || void 0,
       children: [
-        s.icon && /* @__PURE__ */ o.jsx("div", { className: "bn-p-3", "data-position": "left", children: s.icon }),
-        /* @__PURE__ */ o.jsxs("div", { className: "bn-flex-1", children: [
-          /* @__PURE__ */ o.jsx("div", { className: "bn-text-base", children: s.title }),
-          /* @__PURE__ */ o.jsx("div", { className: "bn-text-xs", children: s.subtext })
+        s.icon && /* @__PURE__ */ a.jsx("div", { className: "bn-p-3", "data-position": "left", children: s.icon }),
+        /* @__PURE__ */ a.jsxs("div", { className: "bn-flex-1", children: [
+          /* @__PURE__ */ a.jsx("div", { className: "bn-text-base", children: s.title }),
+          /* @__PURE__ */ a.jsx("div", { className: "bn-text-xs", children: s.subtext })
         ] }),
-        s.badge && /* @__PURE__ */ o.jsx("div", { "data-position": "right", className: "bn-text-xs", children: /* @__PURE__ */ o.jsx(n.Badge.Badge, { variant: "secondary", children: s.badge }) })
+        s.badge && /* @__PURE__ */ a.jsx("div", { "data-position": "right", className: "bn-text-xs", children: /* @__PURE__ */ a.jsx(n.Badge.Badge, { variant: "secondary", children: s.badge }) })
       ]
     }
   );
-}), wr = N((r, t) => {
-  const { className: n, children: a, ...s } = r;
-  return C(s), /* @__PURE__ */ o.jsx(
+}), Sr = C((r, t) => {
+  const { className: n, children: o, ...s } = r;
+  return w(s), /* @__PURE__ */ a.jsx(
     "div",
     {
       className: b("bn-px-2 bn-py-1.5 bn-text-sm bn-font-semibold", n),
       ref: t,
-      children: a
+      children: o
     }
   );
-}), Cr = N((r, t) => {
-  const { className: n, children: a, ...s } = r;
-  return C(s), /* @__PURE__ */ o.jsx("div", { className: n, ref: t, children: a });
-}), Nr = N((r, t) => {
+}), Tr = C((r, t) => {
+  const { className: n, children: o, ...s } = r;
+  return w(s), /* @__PURE__ */ a.jsx("div", { className: n, ref: t, children: o });
+}), Rr = C((r, t) => {
   const {
     className: n,
-    children: a,
+    children: o,
     draggable: s,
     onDragStart: d,
     onDragEnd: c,
-    style: x,
-    label: m,
+    style: v,
+    label: f,
     ...u
   } = r;
-  C(u, !1);
-  const g = S();
-  return /* @__PURE__ */ o.jsx(
+  w(u, !1);
+  const g = R();
+  return /* @__PURE__ */ a.jsx(
     g.Button.Button,
     {
       variant: "ghost",
       className: b(n, "bn-p-0 bn-h-fit bn-w-fit bn-text-gray-400"),
       ref: t,
-      "aria-label": m,
+      "aria-label": f,
       draggable: s,
       onDragStart: d,
       onDragEnd: c,
-      style: x,
+      style: v,
       ...u,
-      children: a
+      children: o
     }
   );
-}), jr = N((r, t) => {
+}), Er = C((r, t) => {
   const {
     className: n,
-    name: a,
+    name: o,
     label: s,
     icon: d,
     // TODO: implement
     value: c,
-    autoFocus: x,
-    placeholder: m,
+    autoFocus: v,
+    placeholder: f,
     onKeyDown: u,
     onChange: g,
     onSubmit: j,
     ..._
   } = r;
-  C(_);
-  const F = S();
-  return s ? /* @__PURE__ */ o.jsxs("div", { children: [
-    /* @__PURE__ */ o.jsx(F.Label.Label, { htmlFor: s, children: s }),
-    /* @__PURE__ */ o.jsx(
+  w(_);
+  const F = R();
+  return s ? /* @__PURE__ */ a.jsxs("div", { children: [
+    /* @__PURE__ */ a.jsx(F.Label.Label, { htmlFor: s, children: s }),
+    /* @__PURE__ */ a.jsx(
       F.Input.Input,
       {
         className: n,
         id: s,
-        name: a,
-        autoFocus: x,
-        placeholder: m,
+        name: o,
+        autoFocus: v,
+        placeholder: f,
         value: c,
         onKeyDown: u,
         onChange: g,
         onSubmit: j
       }
     )
-  ] }) : /* @__PURE__ */ o.jsx(
+  ] }) : /* @__PURE__ */ a.jsx(
     F.Input.Input,
     {
-      "aria-label": a,
-      name: a,
-      autoFocus: x,
-      placeholder: m,
+      "aria-label": o,
+      name: o,
+      autoFocus: v,
+      placeholder: f,
       value: c,
       onKeyDown: u,
       onChange: g,
@@ -1683,12 +1745,12 @@ const er = (r) => {
       ref: t
     }
   );
-}), Ae = N(
+}), $e = C(
   (r, t) => {
-    const { className: n, children: a, onMouseEnter: s, onMouseLeave: d, ...c } = r;
-    C(c);
-    const x = S();
-    return /* @__PURE__ */ o.jsx(x.Tooltip.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ o.jsx(
+    const { className: n, children: o, onMouseEnter: s, onMouseLeave: d, ...c } = r;
+    w(c);
+    const v = R();
+    return /* @__PURE__ */ a.jsx(v.Tooltip.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ a.jsx(
       "div",
       {
         className: b(
@@ -1698,41 +1760,41 @@ const er = (r) => {
         ref: t,
         onMouseEnter: s,
         onMouseLeave: d,
-        children: a
+        children: o
       }
     ) });
   }
-), $e = N(
+), Ae = C(
   (r, t) => {
     const {
       className: n,
-      children: a,
+      children: o,
       mainTooltip: s,
       secondaryTooltip: d,
       icon: c,
-      isSelected: x,
-      isDisabled: m,
+      isSelected: v,
+      isDisabled: f,
       onClick: u,
       label: g,
       ...j
     } = r;
-    C(j, !1);
-    const _ = S(), F = x === void 0 ? /* @__PURE__ */ o.jsxs(
+    w(j, !1);
+    const _ = R(), F = v === void 0 ? /* @__PURE__ */ a.jsxs(
       _.Button.Button,
       {
         className: n,
         variant: "ghost",
-        disabled: m,
+        disabled: f,
         onClick: u,
         ref: t,
         "aria-label": g,
         ...j,
         children: [
           c,
-          a
+          o
         ]
       }
-    ) : /* @__PURE__ */ o.jsxs(
+    ) : /* @__PURE__ */ a.jsxs(
       _.Toggle.Toggle,
       {
         className: b(
@@ -1741,56 +1803,56 @@ const er = (r) => {
         ),
         "aria-label": g,
         onClick: u,
-        pressed: x,
-        disabled: m,
-        "data-state": x ? "on" : "off",
-        "data-disabled": m,
+        pressed: v,
+        disabled: f,
+        "data-state": v ? "on" : "off",
+        "data-disabled": f,
         ref: t,
         ...j,
         children: [
           c,
-          a
+          o
         ]
       }
     );
-    return /* @__PURE__ */ o.jsxs(_.Tooltip.Tooltip, { children: [
-      /* @__PURE__ */ o.jsx(_.Tooltip.TooltipTrigger, { asChild: !0, children: F }),
-      /* @__PURE__ */ o.jsxs(
+    return /* @__PURE__ */ a.jsxs(_.Tooltip.Tooltip, { children: [
+      /* @__PURE__ */ a.jsx(_.Tooltip.TooltipTrigger, { asChild: !0, children: F }),
+      /* @__PURE__ */ a.jsxs(
         _.Tooltip.TooltipContent,
         {
           className: "bn-flex bn-flex-col bn-items-center",
           children: [
-            /* @__PURE__ */ o.jsx("span", { children: s }),
-            d && /* @__PURE__ */ o.jsx("span", { children: d })
+            /* @__PURE__ */ a.jsx("span", { children: s }),
+            d && /* @__PURE__ */ a.jsx("span", { children: d })
           ]
         }
       )
     ] });
   }
-), Tr = N((r, t) => {
-  const { className: n, items: a, isDisabled: s, ...d } = r;
-  C(d);
-  const c = S(), x = (u) => /* @__PURE__ */ o.jsxs("div", { className: "bn-flex bn-gap-1 bn-items-center", children: [
+), Dr = C((r, t) => {
+  const { className: n, items: o, isDisabled: s, ...d } = r;
+  w(d);
+  const c = R(), v = (u) => /* @__PURE__ */ a.jsxs("div", { className: "bn-flex bn-gap-1 bn-items-center", children: [
     u.icon,
     u.text
-  ] }), m = a.filter((u) => u.isSelected)[0];
-  return m ? /* @__PURE__ */ o.jsxs(
+  ] }), f = o.filter((u) => u.isSelected)[0];
+  return f ? /* @__PURE__ */ a.jsxs(
     c.Select.Select,
     {
-      value: m.text,
+      value: f.text,
       onValueChange: (u) => {
         var g, j;
-        return (j = (g = a.find((_) => _.text === u)).onClick) == null ? void 0 : j.call(g);
+        return (j = (g = o.find((_) => _.text === u)).onClick) == null ? void 0 : j.call(g);
       },
       disabled: s,
       children: [
-        /* @__PURE__ */ o.jsx(c.Select.SelectTrigger, { className: "bn-border-none", children: /* @__PURE__ */ o.jsx(c.Select.SelectValue, {}) }),
-        /* @__PURE__ */ o.jsx(c.Select.SelectContent, { className: n, ref: t, children: a.map((u) => /* @__PURE__ */ o.jsx(
+        /* @__PURE__ */ a.jsx(c.Select.SelectTrigger, { className: "bn-border-none", children: /* @__PURE__ */ a.jsx(c.Select.SelectValue, {}) }),
+        /* @__PURE__ */ a.jsx(c.Select.SelectContent, { className: n, ref: t, children: o.map((u) => /* @__PURE__ */ a.jsx(
           c.Select.SelectItem,
           {
             disabled: u.isDisabled,
             value: u.text,
-            children: /* @__PURE__ */ o.jsx(x, { ...u })
+            children: /* @__PURE__ */ a.jsx(v, { ...u })
           },
           u.text
         )) })
@@ -1798,71 +1860,77 @@ const er = (r) => {
     }
   ) : null;
 });
-const Rr = {
+const _r = {
   FormattingToolbar: {
-    Root: Ae,
-    Button: $e,
-    Select: Tr
+    Root: $e,
+    Button: Ae,
+    Select: Dr
   },
   FilePanel: {
-    Root: lr,
-    Button: dr,
-    FileInput: cr,
-    TabPanel: br,
-    TextInput: ur
+    Root: br,
+    Button: fr,
+    FileInput: mr,
+    TabPanel: pr,
+    TextInput: gr
   },
   LinkToolbar: {
-    Root: Ae,
-    Button: $e
+    Root: $e,
+    Button: Ae
   },
   SideMenu: {
-    Root: gr,
-    Button: vr
+    Root: yr,
+    Button: wr
   },
   SuggestionMenu: {
-    Root: xr,
-    Item: yr,
-    EmptyItem: hr,
-    Label: wr,
-    Loader: Cr
+    Root: Cr,
+    Item: jr,
+    EmptyItem: Nr,
+    Label: Sr,
+    Loader: Tr
+  },
+  GridSuggestionMenu: {
+    Root: nr,
+    Item: rr,
+    EmptyItem: tr,
+    Loader: or
   },
   TableHandle: {
-    Root: Nr
+    Root: Rr
   },
   Generic: {
     Form: {
       Root: er,
-      TextInput: jr
+      TextInput: Er
     },
     Menu: {
-      Root: tr,
-      Trigger: rr,
-      Dropdown: or,
-      Divider: sr,
-      Label: ir,
-      Item: ar
+      Root: sr,
+      Trigger: ir,
+      Dropdown: lr,
+      Divider: cr,
+      Label: ur,
+      Item: dr
     },
     Popover: {
-      Root: fr,
-      Trigger: mr,
-      Content: pr
+      Root: vr,
+      Trigger: xr,
+      Content: hr
     }
   }
-}, Or = (r) => {
-  const { className: t, shadCNComponents: n, ...a } = r, s = We(() => ({
+}, $r = (r) => {
+  const { className: t, shadCNComponents: n, ...o } = r, s = Ue(() => ({
     ...Qt,
     ...n
   }), [n]);
-  return /* @__PURE__ */ o.jsx(yn.Provider, { value: s, children: /* @__PURE__ */ o.jsx(bt.Provider, { value: Rr, children: /* @__PURE__ */ o.jsx(
-    ut,
+  return /* @__PURE__ */ a.jsx(jn.Provider, { value: s, children: /* @__PURE__ */ a.jsx(ut.Provider, { value: _r, children: /* @__PURE__ */ a.jsx(
+    bt,
     {
-      className: lt("bn-shadcn", t || ""),
-      ...a
+      className: ct("bn-shadcn", t || ""),
+      ...o
     }
   ) }) });
 };
 export {
-  Or as BlockNoteView,
-  Rr as components
+  $r as BlockNoteView,
+  _r as components
 };
 //# sourceMappingURL=blocknote-shadcn.js.map