@blocknote/shadcn 0.14.0 → 0.14.2

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 * 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 { 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 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 pt, ChevronDown as Je, 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 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 be = { 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 yt() {
+  if (Be)
+    return K;
+  Be = 1;
+  var r = ze, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, i = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function c(x, m, u) {
+    var g, S = {}, _ = null, V = null;
+    u !== void 0 && (_ = "" + u), m.key !== void 0 && (_ = "" + m.key), m.ref !== void 0 && (V = m.ref);
+    for (g in m)
+      a.call(m, g) && !d.hasOwnProperty(g) && (S[g] = m[g]);
     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 (g in m = x.defaultProps, m)
+        S[g] === void 0 && (S[g] = m[g]);
+    return { $$typeof: t, type: x, key: _, ref: V, props: S, _owner: i.current };
   }
-  return Y.Fragment = t, Y.jsx = c, Y.jsxs = c, Y;
+  return K.Fragment = n, 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 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"), 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"), u = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), S = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), V = Symbol.for("react.offscreen"), fe = Symbol.iterator, wn = "@@iterator";
+    function Cn(e) {
       if (e === null || typeof e != "object")
         return null;
-      var s = ue && e[ue] || e[xt];
+      var s = fe && e[fe] || e[wn];
       return typeof s == "function" ? s : null;
     }
-    var V = o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var A = r.__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);
+        Nn("error", e, l);
       }
     }
-    function yt(e, s, l) {
+    function Nn(e, s, l) {
       {
-        var f = V.ReactDebugCurrentFrame, y = f.getStackAddendum();
+        var f = A.ReactDebugCurrentFrame, y = f.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 jn = !1, Tn = !1, Rn = !1, Sn = !1, En = !1, me;
+    me = Symbol.for("react.module.reference");
+    function Dn(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === a || e === d || En || e === i || e === u || e === g || Sn || e === V || jn || Tn || Rn || 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
       // 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 === me || e.getModuleId !== void 0));
     }
-    function St(e, s, l) {
+    function _n(e, s, l) {
       var f = e.displayName;
       if (f)
         return f;
       var y = s.displayName || s.name || "";
       return y !== "" ? l + "(" + y + ")" : l;
     }
-    function me(e) {
+    function pe(e) {
       return e.displayName || "Context";
     }
     function F(e) {
@@ -110,27 +110,27 @@ function ur() {
       switch (e) {
         case a:
           return "Fragment";
-        case t:
+        case n:
           return "Portal";
         case d:
           return "Profiler";
         case i:
           return "StrictMode";
-        case p:
+        case u:
           return "Suspense";
-        case b:
+        case g:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case x:
             var s = e;
-            return me(s) + ".Consumer";
+            return pe(s) + ".Consumer";
           case c:
             var l = e;
-            return me(l._context) + ".Provider";
+            return pe(l._context) + ".Provider";
           case m:
-            return St(e, e.render, "ForwardRef");
+            return _n(e, e.render, "ForwardRef");
           case S:
             var f = e.displayName || null;
             return f !== null ? f : F(e.type) || "Memo";
@@ -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, ge, ve, xe, he, ye, we, Ce;
+    function Ne() {
     }
-    we.__reactDisabledLog = !0;
-    function Et() {
+    Ne.__reactDisabledLog = !0;
+    function Pn() {
       {
-        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) {
+          ge = console.log, ve = 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 In() {
       {
-        if (z--, z === 0) {
+        if (W--, W === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -182,32 +182,32 @@ function ur() {
           };
           Object.defineProperties(console, {
             log: O({}, e, {
-              value: pe
+              value: ge
             }),
             info: O({}, e, {
-              value: ge
+              value: ve
             }),
             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 te = A.ReactCurrentDispatcher, re;
     function G(e, s, l) {
       {
         if (re === void 0)
@@ -223,10 +223,10 @@ function ur() {
     }
     var oe = !1, H;
     {
-      var _t = typeof WeakMap == "function" ? WeakMap : Map;
-      H = new _t();
+      var Mn = typeof WeakMap == "function" ? WeakMap : Map;
+      H = new Mn();
     }
-    function Ce(e, s) {
+    function je(e, s) {
       if (!e || oe)
         return "";
       {
@@ -239,7 +239,7 @@ function ur() {
       var y = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var w;
-      w = te.current, te.current = null, Et();
+      w = te.current, te.current = null, Pn();
       try {
         if (s) {
           var h = function() {
@@ -252,29 +252,29 @@ function ur() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(h, []);
-            } catch (k) {
-              f = k;
+            } catch (M) {
+              f = M;
             }
             Reflect.construct(e, [], h);
           } else {
             try {
               h.call();
-            } catch (k) {
-              f = k;
+            } catch (M) {
+              f = M;
             }
             e.call(h.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (k) {
-            f = k;
+          } catch (M) {
+            f = M;
           }
           e();
         }
-      } catch (k) {
-        if (k && f && typeof k.stack == "string") {
-          for (var v = k.stack.split(`
+      } catch (M) {
+        if (M && f && typeof M.stack == "string") {
+          for (var v = M.stack.split(`
 `), I = f.stack.split(`
 `), j = v.length - 1, E = I.length - 1; j >= 1 && E >= 0 && v[j] !== I[E]; )
             E--;
@@ -283,67 +283,67 @@ function ur() {
               if (j !== 1 || E !== 1)
                 do
                   if (j--, E--, E < 0 || v[j] !== I[E]) {
-                    var M = `
+                    var k = `
 ` + 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;
+                    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;
+        oe = !1, te.current = w, In(), 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 kn(e, s, l) {
+      return je(e, !1);
     }
-    function It(e) {
+    function Fn(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, Fn(e));
       if (typeof e == "string")
         return G(e);
       switch (e) {
-        case p:
+        case u:
           return G("Suspense");
-        case b:
+        case g:
           return G("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case m:
-            return Pt(e.render);
+            return kn(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;
             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 On(e, s, l, f, 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;
@@ -356,67 +356,67 @@ function ur() {
             } catch (j) {
               v = 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));
+            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));
           }
       }
     }
-    var Ft = Array.isArray;
-    function ne(e) {
-      return Ft(e);
+    var Ln = Array.isArray;
+    function ae(e) {
+      return Ln(e);
     }
-    function kt(e) {
+    function Bn(e) {
       {
         var s = typeof Symbol == "function" && Symbol.toStringTag, l = s && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return l;
       }
     }
-    function Ot(e) {
+    function Vn(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 (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);
     }
-    var W = V.ReactCurrentOwner, Lt = {
+    var U = A.ReactCurrentOwner, An = {
       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 $n(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 zn(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 Wn(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 Yn(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 Un(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,10 +435,10 @@ function ur() {
         });
       }
     }
-    var Wt = function(e, s, l, f, y, w, h) {
+    var Kn = function(e, s, l, f, y, w, h) {
       var v = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: r,
+        $$typeof: t,
         // Built-in properties that belong on the element
         type: e,
         key: s,
@@ -464,12 +464,12 @@ function ur() {
         value: y
       }), Object.freeze && (Object.freeze(v.props), Object.freeze(v)), v;
     };
-    function Yt(e, s, l, f, y) {
+    function Jn(e, s, l, f, 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));
+        l !== void 0 && (Ee(l), v = "" + l), zn(s) && (Ee(s.key), v = "" + s.key), $n(s) && (I = s.ref, Wn(s, y));
         for (w in s)
-          K.call(s, w) && !Lt.hasOwnProperty(w) && (h[w] = s[w]);
+          Y.call(s, w) && !An.hasOwnProperty(w) && (h[w] = s[w]);
         if (e && e.defaultProps) {
           var j = e.defaultProps;
           for (w in j)
@@ -477,28 +477,28 @@ function ur() {
         }
         if (v || I) {
           var E = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          v && $t(h, E), I && zt(h, E);
+          v && Yn(h, E), I && Un(h, E);
         }
-        return Wt(e, v, I, y, f, W.current, h);
+        return Kn(e, v, I, y, f, 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) {
-      return typeof e == "object" && e !== null && e.$$typeof === r;
+    var le;
+    le = !1;
+    function de(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === t;
     }
-    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 qn(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 = {};
-    function qt(e) {
+    var Me = {};
+    function Gn(e) {
       {
-        var s = _e();
+        var s = Ie();
         if (!s) {
           var l = typeof e == "string" ? e : e.displayName || e.name;
           l && (s = `
@@ -531,39 +531,39 @@ 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])
+        var l = Gn(s);
+        if (Me[l])
           return;
-        Pe[l] = !0;
+        Me[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);
+        e && e._owner && e._owner !== ie.current && (f = " 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, f), $(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);
+            de(f) && ke(f, s);
           }
-        else if (le(e))
+        else if (de(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var y = ht(e);
+          var y = Cn(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);
         }
       }
     }
-    function Gt(e) {
+    function Hn(e) {
       {
         var s = e.type;
         if (s == null || typeof s == "string")
@@ -579,81 +579,99 @@ Check the top-level render call using <` + l + ">.");
           return;
         if (l) {
           var f = F(s);
-          Mt(l, e.props, "prop", f, e);
-        } else if (s.PropTypes !== void 0 && !ie) {
-          ie = !0;
+          On(l, e.props, "prop", f, 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");
         }
         typeof s.getDefaultProps == "function" && !s.getDefaultProps.isReactClassApproved && P("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Ht(e) {
+    function Xn(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);
+            $(e), P("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", f), $(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, f, y, w) {
       {
-        var h = Rt(e);
+        var h = Dn(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 I = qn(y);
+          I ? v += I : v += 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 === t ? (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);
         }
-        var E = Yt(e, s, l, y, w);
+        var E = Jn(e, s, l, y, w);
         if (E == null)
           return E;
         if (h) {
-          var M = s.children;
-          if (M !== void 0)
+          var k = s.children;
+          if (k !== void 0)
             if (f)
-              if (ne(M)) {
-                for (var $ = 0; $ < M.length; $++)
-                  Me(M[$], e);
-                Object.freeze && Object.freeze(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);
         }
-        return e === a ? Ht(E) : Gt(E), E;
+        if (Y.call(s, "key")) {
+          var L = F(e), M = Object.keys(s).filter(function(rt) {
+            return rt !== "key";
+          }), ce = M.length > 0 ? "{key: someKey, " + M.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Oe[L + ce]) {
+            var tt = 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, tt, L), Oe[L + ce] = !0;
+          }
+        }
+        return e === a ? Xn(E) : Hn(E), E;
       }
     }
-    function Jt(e, s, l) {
-      return Fe(e, s, l, !0);
+    function Zn(e, s, l) {
+      return Le(e, s, l, !0);
     }
-    function Kt(e, s, l) {
-      return Fe(e, s, l, !1);
+    function Qn(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 et = Qn, nt = Zn;
+    J.Fragment = a, J.jsx = et, J.jsxs = nt;
+  }()), J;
 }
-process.env.NODE_ENV === "production" ? de.exports = cr() : de.exports = ur();
-var n = de.exports;
-function u(...o) {
-  return nr(or(o));
+process.env.NODE_ENV === "production" ? be.exports = yt() : be.exports = wt();
+var o = be.exports;
+const Ct = mt({
+  prefix: "bn-"
+});
+function b(...r) {
+  return Ct(ft(r));
 }
-const fr = Z(
-  "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",
+const Nt = Q(
+  "bn-inline-flex bn-items-center bn-rounded-full bn-border bn-px-2.5 bn-py-0.5 bn-text-xs bn-font-semibold bn-transition-colors focus:bn-outline-none focus:bn-ring-2 focus:bn-ring-ring focus:bn-ring-offset-2",
   {
     variants: {
       variant: {
-        default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
-        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
-        outline: "text-foreground"
+        default: "bn-border-transparent bn-bg-primary bn-text-primary-foreground hover:bn-bg-primary/80",
+        secondary: "bn-border-transparent bn-bg-secondary bn-text-secondary-foreground hover:bn-bg-secondary/80",
+        destructive: "bn-border-transparent bn-bg-destructive bn-text-destructive-foreground hover:bn-bg-destructive/80",
+        outline: "bn-text-foreground"
       }
     },
     defaultVariants: {
@@ -661,26 +679,26 @@ const fr = Z(
     }
   }
 );
-function mr({ className: o, variant: r, ...t }) {
-  return /* @__PURE__ */ n.jsx("div", { className: u(fr({ variant: r }), o), ...t });
+function jt({ className: r, variant: t, ...n }) {
+  return /* @__PURE__ */ o.jsx("div", { className: b(Nt({ variant: t }), r), ...n });
 }
-const pr = Z(
-  "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",
+const Tt = 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: {
       variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline"
+        default: "bn-bg-primary bn-text-primary-foreground hover:bn-bg-primary/90",
+        destructive: "bn-bg-destructive bn-text-destructive-foreground hover:bn-bg-destructive/90",
+        outline: "bn-border bn-border-input bn-bg-background hover:bn-bg-accent hover:bn-text-accent-foreground",
+        secondary: "bn-bg-secondary bn-text-secondary-foreground hover:bn-bg-secondary/80",
+        ghost: "hover:bn-bg-accent hover:bn-text-accent-foreground",
+        link: "bn-text-primary bn-underline-offset-4 hover:bn-underline"
       },
       size: {
-        default: "h-10 px-4 py-2",
-        sm: "h-9 rounded-md px-3",
-        lg: "h-11 rounded-md px-8",
-        icon: "h-10 w-10"
+        default: "bn-h-10 bn-px-4 bn-py-2",
+        sm: "bn-h-9 bn-rounded-md bn-px-3",
+        lg: "bn-h-11 bn-rounded-md bn-px-8",
+        icon: "bn-h-10 bn-w-10"
       }
     },
     defaultVariants: {
@@ -688,13 +706,13 @@ const pr = Z(
       size: "default"
     }
   }
-), He = g.forwardRef(
-  ({ className: o, variant: r, size: t, asChild: a = !1, ...i }, d) => {
-    const c = a ? ze : "button";
-    return /* @__PURE__ */ n.jsx(
+), He = p.forwardRef(
+  ({ className: r, variant: t, size: n, asChild: a = !1, ...i }, d) => {
+    const c = a ? Ye : "button";
+    return /* @__PURE__ */ o.jsx(
       c,
       {
-        className: u(pr({ variant: r, size: t, className: o })),
+        className: b(Tt({ variant: t, size: n, className: r })),
         ref: d,
         ...i
       }
@@ -702,446 +720,449 @@ const pr = Z(
   }
 );
 He.displayName = "Button";
-const Je = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
+const Xe = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
   "div",
   {
-    ref: t,
-    className: u(
-      "rounded-lg border bg-card text-card-foreground shadow-sm",
-      o
+    ref: n,
+    className: b(
+      "bn-rounded-lg bn-border bn-bg-card bn-text-card-foreground bn-shadow-sm",
+      r
     ),
-    ...r
+    ...t
   }
 ));
-Je.displayName = "Card";
-const gr = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
+Xe.displayName = "Card";
+const Rt = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
   "div",
   {
-    ref: t,
-    className: u("flex flex-col space-y-1.5 p-6", o),
-    ...r
+    ref: n,
+    className: b("bn-flex bn-flex-col bn-space-y-1.5 bn-p-6", r),
+    ...t
   }
 ));
-gr.displayName = "CardHeader";
-const vr = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
+Rt.displayName = "CardHeader";
+const St = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
   "h3",
   {
-    ref: t,
-    className: u(
-      "text-2xl font-semibold leading-none tracking-tight",
-      o
+    ref: n,
+    className: b(
+      "bn-text-2xl bn-font-semibold bn-leading-none bn-tracking-tight",
+      r
     ),
-    ...r
+    ...t
   }
 ));
-vr.displayName = "CardTitle";
-const br = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
+St.displayName = "CardTitle";
+const Et = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
   "p",
   {
-    ref: t,
-    className: u("text-sm text-muted-foreground", o),
-    ...r
+    ref: n,
+    className: b("bn-text-sm bn-text-muted-foreground", r),
+    ...t
   }
 ));
-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(
+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(
   "div",
   {
-    ref: t,
-    className: u("flex items-center p-6 pt-0", o),
-    ...r
+    ref: n,
+    className: b("bn-flex bn-items-center bn-p-6 bn-pt-0", r),
+    ...t
   }
 ));
-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(
+Dt.displayName = "CardFooter";
+const _t = T.Root, Pt = T.Trigger, It = T.Sub, Qe = p.forwardRef(({ className: r, inset: t, children: n, ...a }, i) => /* @__PURE__ */ o.jsxs(
   T.SubTrigger,
   {
     ref: i,
-    className: u(
-      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
-      r && "pl-8",
-      o
+    className: b(
+      "bn-flex bn-cursor-default bn-select-none bn-items-center bn-rounded-sm bn-px-2 bn-py-1.5 bn-text-sm bn-outline-none focus:bn-bg-accent data-[state=open]:bn-bg-accent",
+      t && "bn-pl-8",
+      r
     ),
     ...a,
     children: [
-      t,
-      /* @__PURE__ */ n.jsx(We, { className: "ml-auto h-4 w-4" })
+      n,
+      /* @__PURE__ */ o.jsx(Ue, { className: "bn-ml-auto bn-h-4 bn-w-4" })
     ]
   }
 ));
-Xe.displayName = T.SubTrigger.displayName;
-const Ze = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
+Qe.displayName = T.SubTrigger.displayName;
+const en = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
   T.SubContent,
   {
-    ref: t,
-    className: u(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      o
+    ref: n,
+    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-lg data-[state=open]:bn-animate-in data-[state=closed]:bn-animate-out data-[state=closed]:bn-fade-out-0 data-[state=open]:bn-fade-in-0 data-[state=closed]:bn-zoom-out-95 data-[state=open]:bn-zoom-in-95 data-[side=bottom]:bn-slide-in-from-top-2 data-[side=left]:bn-slide-in-from-right-2 data-[side=right]:bn-slide-in-from-left-2 data-[side=top]:bn-slide-in-from-bottom-2",
+      r
     ),
-    ...r
+    ...t
   }
 ));
-Ze.displayName = T.SubContent.displayName;
-const Qe = g.forwardRef(({ className: o, sideOffset: r = 4, ...t }, a) => (
+en.displayName = T.SubContent.displayName;
+const nn = p.forwardRef(({ className: r, sideOffset: t = 4, ...n }, a) => (
   // <DropdownMenuPrimitive.Portal>
-  /* @__PURE__ */ n.jsx(
+  /* @__PURE__ */ o.jsx(
     T.Content,
     {
       ref: a,
-      sideOffset: r,
-      className: u(
-        "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-        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",
+        r
       ),
-      ...t
+      ...n
     }
   )
 ));
-Qe.displayName = T.Content.displayName;
-const et = g.forwardRef(({ className: o, inset: r, ...t }, a) => /* @__PURE__ */ n.jsx(
+nn.displayName = T.Content.displayName;
+const tn = p.forwardRef(({ className: r, inset: t, ...n }, a) => /* @__PURE__ */ o.jsx(
   T.Item,
   {
     ref: a,
-    className: u(
-      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      r && "pl-8",
-      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",
+      r
     ),
-    ...t
+    ...n
   }
 ));
-et.displayName = T.Item.displayName;
-const tt = g.forwardRef(({ className: o, children: r, checked: t, ...a }, i) => /* @__PURE__ */ n.jsxs(
+tn.displayName = T.Item.displayName;
+const rn = p.forwardRef(({ className: r, children: t, checked: n, ...a }, i) => /* @__PURE__ */ o.jsxs(
   T.CheckboxItem,
   {
     ref: i,
-    className: u(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      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
     ),
-    checked: t,
+    checked: n,
     ...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" }) }) }),
-      r
+      /* @__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(T.ItemIndicator, { children: /* @__PURE__ */ o.jsx(Ke, { className: "bn-h-4 bn-w-4" }) }) }),
+      t
     ]
   }
 ));
-tt.displayName = T.CheckboxItem.displayName;
-const Cr = g.forwardRef(({ className: o, children: r, ...t }, a) => /* @__PURE__ */ n.jsxs(
+rn.displayName = T.CheckboxItem.displayName;
+const Mt = p.forwardRef(({ className: r, children: t, ...n }, a) => /* @__PURE__ */ o.jsxs(
   T.RadioItem,
   {
     ref: a,
-    className: u(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      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
     ),
-    ...t,
+    ...n,
     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" }) }) }),
-      r
+      /* @__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(T.ItemIndicator, { children: /* @__PURE__ */ o.jsx(pt, { className: "bn-h-2 bn-w-2 bn-fill-current" }) }) }),
+      t
     ]
   }
 ));
-Cr.displayName = T.RadioItem.displayName;
-const rt = g.forwardRef(({ className: o, inset: r, ...t }, a) => /* @__PURE__ */ n.jsx(
+Mt.displayName = T.RadioItem.displayName;
+const on = p.forwardRef(({ className: r, inset: t, ...n }, a) => /* @__PURE__ */ o.jsx(
   T.Label,
   {
     ref: a,
-    className: u(
-      "px-2 py-1.5 text-sm font-semibold",
-      r && "pl-8",
-      o
+    className: b(
+      "bn-px-2 bn-py-1.5 bn-text-sm bn-font-semibold",
+      t && "bn-pl-8",
+      r
     ),
-    ...t
+    ...n
   }
 ));
-rt.displayName = T.Label.displayName;
-const ot = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
+on.displayName = T.Label.displayName;
+const an = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
   T.Separator,
   {
-    ref: t,
-    className: u("-mx-1 my-1 h-px bg-muted", o),
-    ...r
+    ref: n,
+    className: b("bn--mx-1 bn-my-1 bn-h-px bn-bg-muted", r),
+    ...t
   }
 ));
-ot.displayName = T.Separator.displayName;
-const Nr = Z(
-  "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(
+an.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,
   {
-    ref: t,
-    className: u(Nr(), o),
-    ...r
+    ref: n,
+    className: b(kt(), r),
+    ...t
   }
 ));
-ce.displayName = qe.Root.displayName;
-const jr = ir, Tr = g.createContext(
+ue.displayName = qe.Root.displayName;
+const Ft = vt, Ot = p.createContext(
   {}
-), ee = () => {
-  const o = g.useContext(Tr), r = g.useContext(nt), { getFieldState: t, formState: a } = lr(), i = t(o.name, a);
-  if (!o)
+), ne = () => {
+  const r = p.useContext(Ot), t = p.useContext(sn), { getFieldState: n, formState: a } = xt(), i = n(r.name, a);
+  if (!r)
     throw new Error("useFormField should be used within <FormField>");
-  const { id: d } = r;
+  const { id: d } = t;
   return {
     id: d,
-    name: o.name,
+    name: r.name,
     formItemId: `${d}-form-item`,
     formDescriptionId: `${d}-form-item-description`,
     formMessageId: `${d}-form-item-message`,
     ...i
   };
-}, nt = g.createContext(
+}, sn = p.createContext(
   {}
-), Rr = 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 }) });
+), 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 }) });
 });
-Rr.displayName = "FormItem";
-const Sr = g.forwardRef(({ className: o, ...r }, t) => {
-  const { error: a, formItemId: i } = ee();
-  return /* @__PURE__ */ n.jsx(
-    ce,
+Lt.displayName = "FormItem";
+const Bt = p.forwardRef(({ className: r, ...t }, n) => {
+  const { error: a, formItemId: i } = ne();
+  return /* @__PURE__ */ o.jsx(
+    ue,
     {
-      ref: t,
-      className: u(a && "text-destructive", o),
+      ref: n,
+      className: b(a && "bn-text-destructive", r),
       htmlFor: i,
-      ...r
+      ...t
     }
   );
 });
-Sr.displayName = "FormLabel";
-const Er = g.forwardRef(({ ...o }, r) => {
-  const { error: t, formItemId: a, formDescriptionId: i, formMessageId: d } = ee();
-  return /* @__PURE__ */ n.jsx(
-    ze,
+Bt.displayName = "FormLabel";
+const Vt = p.forwardRef(({ ...r }, t) => {
+  const { error: n, formItemId: a, formDescriptionId: i, formMessageId: d } = ne();
+  return /* @__PURE__ */ o.jsx(
+    Ye,
     {
-      ref: r,
+      ref: t,
       id: a,
-      "aria-describedby": t ? `${i} ${d}` : `${i}`,
-      "aria-invalid": !!t,
-      ...o
+      "aria-describedby": n ? `${i} ${d}` : `${i}`,
+      "aria-invalid": !!n,
+      ...r
     }
   );
 });
-Er.displayName = "FormControl";
-const Dr = g.forwardRef(({ className: o, ...r }, t) => {
-  const { formDescriptionId: a } = ee();
-  return /* @__PURE__ */ n.jsx(
+Vt.displayName = "FormControl";
+const At = p.forwardRef(({ className: r, ...t }, n) => {
+  const { formDescriptionId: a } = ne();
+  return /* @__PURE__ */ o.jsx(
     "p",
     {
-      ref: t,
+      ref: n,
       id: a,
-      className: u("text-sm text-muted-foreground", o),
-      ...r
+      className: b("bn-text-sm bn-text-muted-foreground", 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;
-  return c ? /* @__PURE__ */ n.jsx(
+At.displayName = "FormDescription";
+const $t = p.forwardRef(({ className: r, children: t, ...n }, a) => {
+  const { error: i, formMessageId: d } = ne(), c = i ? String(i == null ? void 0 : i.message) : t;
+  return c ? /* @__PURE__ */ o.jsx(
     "p",
     {
       ref: a,
       id: d,
-      className: u("text-sm font-medium text-destructive", o),
-      ...t,
+      className: b("bn-text-sm bn-font-medium bn-text-destructive", r),
+      ...n,
       children: c
     }
   ) : null;
 });
-_r.displayName = "FormMessage";
-const at = g.forwardRef(
-  ({ className: o, type: r, ...t }, a) => /* @__PURE__ */ n.jsx(
+$t.displayName = "FormMessage";
+const ln = p.forwardRef(
+  ({ className: r, type: t, ...n }, a) => /* @__PURE__ */ o.jsx(
     "input",
     {
-      type: r,
-      className: u(
-        "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-        o
+      type: t,
+      className: b(
+        "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,
-      ...t
+      ...n
     }
   )
 );
-at.displayName = "Input";
-const Pr = Q.Root, Ir = Q.Trigger, st = g.forwardRef(({ className: o, align: r = "center", sideOffset: t = 4, ...a }, i) => (
+ln.displayName = "Input";
+const zt = ee.Root, Wt = ee.Trigger, dn = p.forwardRef(({ className: r, align: t = "center", sideOffset: n = 4, ...a }, i) => (
   // <PopoverPrimitive.Portal>
-  /* @__PURE__ */ n.jsx(
-    Q.Content,
+  /* @__PURE__ */ o.jsx(
+    ee.Content,
     {
       ref: i,
-      align: r,
-      sideOffset: t,
-      className: u(
-        "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-        o
+      align: t,
+      sideOffset: n,
+      className: b(
+        "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
     }
   )
 ));
-st.displayName = Q.Content.displayName;
-const Mr = D.Root, Fr = D.Value, it = g.forwardRef(({ className: o, children: r, ...t }, a) => /* @__PURE__ */ n.jsxs(
+dn.displayName = ee.Content.displayName;
+const Yt = D.Root, Ut = D.Value, cn = p.forwardRef(({ className: r, children: t, ...n }, a) => /* @__PURE__ */ o.jsxs(
   D.Trigger,
   {
     ref: a,
-    className: u(
-      "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
-      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
     ),
-    ...t,
+    ...n,
     children: [
-      r,
-      /* @__PURE__ */ n.jsx(D.Icon, { asChild: !0, children: /* @__PURE__ */ n.jsx(Ue, { className: "h-4 w-4 opacity-50" }) })
+      t,
+      /* @__PURE__ */ o.jsx(D.Icon, { asChild: !0, children: /* @__PURE__ */ o.jsx(Je, { className: "bn-h-4 bn-w-4 bn-opacity-50" }) })
     ]
   }
 ));
-it.displayName = D.Trigger.displayName;
-const lt = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
+cn.displayName = D.Trigger.displayName;
+const bn = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
   D.ScrollUpButton,
   {
-    ref: t,
-    className: u(
-      "flex cursor-default items-center justify-center py-1",
-      o
+    ref: n,
+    className: b(
+      "bn-flex bn-cursor-default bn-items-center bn-justify-center bn-py-1",
+      r
     ),
-    ...r,
-    children: /* @__PURE__ */ n.jsx(sr, { className: "h-4 w-4" })
+    ...t,
+    children: /* @__PURE__ */ o.jsx(gt, { className: "bn-h-4 bn-w-4" })
   }
 ));
-lt.displayName = D.ScrollUpButton.displayName;
-const dt = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
+bn.displayName = D.ScrollUpButton.displayName;
+const un = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
   D.ScrollDownButton,
   {
-    ref: t,
-    className: u(
-      "flex cursor-default items-center justify-center py-1",
-      o
+    ref: n,
+    className: b(
+      "bn-flex bn-cursor-default bn-items-center bn-justify-center bn-py-1",
+      r
     ),
-    ...r,
-    children: /* @__PURE__ */ n.jsx(Ue, { className: "h-4 w-4" })
+    ...t,
+    children: /* @__PURE__ */ o.jsx(Je, { className: "bn-h-4 bn-w-4" })
   }
 ));
-dt.displayName = D.ScrollDownButton.displayName;
-const ct = g.forwardRef(({ className: o, children: r, position: t = "popper", ...a }, i) => (
+un.displayName = D.ScrollDownButton.displayName;
+const fn = p.forwardRef(({ className: r, children: t, position: n = "popper", ...a }, i) => (
   // <SelectPrimitive.Portal>
-  /* @__PURE__ */ n.jsxs(
+  /* @__PURE__ */ o.jsxs(
     D.Content,
     {
       ref: i,
-      className: u(
-        "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-        t === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-        o
+      className: b(
+        "bn-relative bn-z-50 bn-max-h-96 bn-min-w-[8rem] bn-overflow-hidden bn-rounded-md bn-border bn-bg-popover bn-text-popover-foreground bn-shadow-md data-[state=open]:bn-animate-in data-[state=closed]:bn-animate-out data-[state=closed]:bn-fade-out-0 data-[state=open]:bn-fade-in-0 data-[state=closed]:bn-zoom-out-95 data-[state=open]:bn-zoom-in-95 data-[side=bottom]:bn-slide-in-from-top-2 data-[side=left]:bn-slide-in-from-right-2 data-[side=right]:bn-slide-in-from-left-2 data-[side=top]:bn-slide-in-from-bottom-2",
+        n === "popper" && "data-[side=bottom]:bn-translate-y-1 data-[side=left]:bn--translate-x-1 data-[side=right]:bn-translate-x-1 data-[side=top]:bn--translate-y-1",
+        r
       ),
-      position: t,
+      position: n,
       ...a,
       children: [
-        /* @__PURE__ */ n.jsx(lt, {}),
-        /* @__PURE__ */ n.jsx(
+        /* @__PURE__ */ o.jsx(bn, {}),
+        /* @__PURE__ */ o.jsx(
           D.Viewport,
           {
-            className: u(
-              "p-1",
-              t === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+            className: b(
+              "bn-p-1",
+              n === "popper" && "bn-h-[var(--radix-select-trigger-height)] bn-w-full bn-min-w-[var(--radix-select-trigger-width)]"
             ),
-            children: r
+            children: t
           }
         ),
-        /* @__PURE__ */ n.jsx(dt, {})
+        /* @__PURE__ */ o.jsx(un, {})
       ]
     }
   )
 ));
-ct.displayName = D.Content.displayName;
-const kr = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
+fn.displayName = D.Content.displayName;
+const Kt = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
   D.Label,
   {
-    ref: t,
-    className: u("py-1.5 pl-8 pr-2 text-sm font-semibold", o),
-    ...r
+    ref: n,
+    className: b(
+      "bn-py-1.5 bn-pl-8 bn-pr-2 bn-text-sm bn-font-semibold",
+      r
+    ),
+    ...t
   }
 ));
-kr.displayName = D.Label.displayName;
-const ut = g.forwardRef(({ className: o, children: r, ...t }, a) => /* @__PURE__ */ n.jsxs(
+Kt.displayName = D.Label.displayName;
+const mn = p.forwardRef(({ className: r, children: t, ...n }, a) => /* @__PURE__ */ o.jsxs(
   D.Item,
   {
     ref: a,
-    className: u(
-      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      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
     ),
-    ...t,
+    ...n,
     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(D.ItemText, { children: r })
+      /* @__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 })
     ]
   }
 ));
-ut.displayName = D.Item.displayName;
-const Or = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
+mn.displayName = D.Item.displayName;
+const Jt = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
   D.Separator,
   {
-    ref: t,
-    className: u("-mx-1 my-1 h-px bg-muted", o),
-    ...r
+    ref: n,
+    className: b("bn--mx-1 bn-my-1 bn-h-px bn-bg-muted", r),
+    ...t
   }
 ));
-Or.displayName = D.Separator.displayName;
-const Lr = L.Root, ft = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
-  L.List,
+Jt.displayName = D.Separator.displayName;
+const qt = B.Root, pn = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
+  B.List,
   {
-    ref: t,
-    className: u(
-      "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
-      o
+    ref: n,
+    className: b(
+      "bn-inline-flex bn-h-10 bn-items-center bn-justify-center bn-rounded-md bn-bg-muted bn-p-1 bn-text-muted-foreground",
+      r
     ),
-    ...r
+    ...t
   }
 ));
-ft.displayName = L.List.displayName;
-const mt = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
-  L.Trigger,
+pn.displayName = B.List.displayName;
+const gn = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
+  B.Trigger,
   {
-    ref: t,
-    className: u(
-      "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
-      o
+    ref: n,
+    className: b(
+      "bn-inline-flex bn-items-center bn-justify-center bn-whitespace-nowrap bn-rounded-sm bn-px-3 bn-py-1.5 bn-text-sm bn-font-medium bn-ring-offset-background bn-transition-all focus-visible:bn-outline-none focus-visible:bn-ring-2 focus-visible:bn-ring-ring focus-visible:bn-ring-offset-2 disabled:bn-pointer-events-none disabled:bn-opacity-50 data-[state=active]:bn-bg-background data-[state=active]:bn-text-foreground data-[state=active]:bn-shadow-sm",
+      r
     ),
-    ...r
+    ...t
   }
 ));
-mt.displayName = L.Trigger.displayName;
-const pt = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
-  L.Content,
+gn.displayName = B.Trigger.displayName;
+const vn = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
+  B.Content,
   {
-    ref: t,
-    className: u(
-      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-      o
+    ref: n,
+    className: b(
+      "bn-mt-2 bn-ring-offset-background focus-visible:bn-outline-none focus-visible:bn-ring-2 focus-visible:bn-ring-ring focus-visible:bn-ring-offset-2",
+      r
     ),
-    ...r
+    ...t
   }
 ));
-pt.displayName = L.Content.displayName;
-const Br = Z(
-  "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",
+vn.displayName = B.Content.displayName;
+const Gt = 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: {
       variant: {
-        default: "bg-transparent",
-        outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"
+        default: "bn-bg-transparent",
+        outline: "bn-border bn-border-input bn-bg-transparent hover:bn-bg-accent hover:bn-text-accent-foreground"
       },
       size: {
-        default: "h-10 px-3",
-        sm: "h-9 px-2.5",
-        lg: "h-11 px-5"
+        default: "bn-h-10 bn-px-3",
+        sm: "bn-h-9 bn-px-2.5",
+        lg: "bn-h-11 bn-px-5"
       }
     },
     defaultVariants: {
@@ -1149,99 +1170,99 @@ const Br = Z(
       size: "default"
     }
   }
-), gt = g.forwardRef(({ className: o, variant: r, size: t, ...a }, i) => /* @__PURE__ */ n.jsx(
+), xn = p.forwardRef(({ className: r, variant: t, size: n, ...a }, i) => /* @__PURE__ */ o.jsx(
   Ge.Root,
   {
     ref: i,
-    className: u(Br({ variant: r, size: t, className: o })),
+    className: b(Gt({ variant: t, size: n, className: r })),
     ...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(
+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,
   {
     ref: a,
-    sideOffset: r,
-    className: u(
-      "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      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",
+      r
     ),
-    ...t
+    ...n
   }
 ));
-vt.displayName = q.Content.displayName;
-const zr = {
+hn.displayName = q.Content.displayName;
+const Qt = {
   Badge: {
-    Badge: mr
+    Badge: jt
   },
   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: _t,
+    DropdownMenuCheckboxItem: rn,
+    DropdownMenuContent: nn,
+    DropdownMenuItem: tn,
+    DropdownMenuLabel: on,
+    DropdownMenuSeparator: an,
+    DropdownMenuSub: It,
+    DropdownMenuSubContent: en,
+    DropdownMenuSubTrigger: Qe,
+    DropdownMenuTrigger: Pt
   },
   Form: {
-    Form: jr
+    Form: Ft
   },
   Input: {
-    Input: at
+    Input: ln
   },
   Label: {
-    Label: ce
+    Label: ue
   },
   Popover: {
-    Popover: Pr,
-    PopoverContent: st,
-    PopoverTrigger: Ir
+    Popover: zt,
+    PopoverContent: dn,
+    PopoverTrigger: Wt
   },
   Select: {
-    Select: Mr,
-    SelectContent: ct,
-    SelectItem: ut,
-    SelectTrigger: it,
-    SelectValue: Fr
+    Select: Yt,
+    SelectContent: fn,
+    SelectItem: mn,
+    SelectTrigger: cn,
+    SelectValue: Ut
   },
   Tabs: {
-    Tabs: Lr,
-    TabsContent: pt,
-    TabsList: ft,
-    TabsTrigger: mt
+    Tabs: qt,
+    TabsContent: vn,
+    TabsList: pn,
+    TabsTrigger: gn
   },
   Toggle: {
-    Toggle: gt
+    Toggle: xn
   },
   Tooltip: {
-    Tooltip: Ar,
-    TooltipContent: vt,
-    TooltipProvider: Vr,
-    TooltipTrigger: $r
+    Tooltip: Xt,
+    TooltipContent: hn,
+    TooltipProvider: Ht,
+    TooltipTrigger: Zt
   }
-}, bt = Qt(void 0);
+}, yn = ot(void 0);
 function R() {
-  return er(bt);
+  return at(yn);
 }
-const Wr = (o) => {
-  const { children: r, ...t } = o;
-  C(t);
-  const a = R(), i = dr();
-  return /* @__PURE__ */ n.jsx(a.Form.Form, { ...i, children: r });
-}, Yr = (o) => N(
-  (r, t) => /* @__PURE__ */ n.jsx(
-    o,
+const er = (r) => {
+  const { children: t, ...n } = r;
+  C(n);
+  const a = R(), i = ht();
+  return /* @__PURE__ */ o.jsx(a.Form.Form, { ...i, children: t });
+}, nr = (r) => N(
+  (t, n) => /* @__PURE__ */ o.jsx(
+    r,
     {
       onPointerDown: (a) => {
         a.nativeEvent.fakeEvent || (a.ctrlKey = !0);
@@ -1250,69 +1271,69 @@ const Wr = (o) => {
         const i = new PointerEvent("pointerdown", a.nativeEvent);
         i.fakeEvent = !0, a.target.dispatchEvent(i);
       },
-      ...r,
-      ref: t
+      ...t,
+      ref: n
     }
   )
-), Ur = (o) => {
+), tr = (r) => {
   const {
-    children: r,
-    onOpenChange: t,
+    children: t,
+    onOpenChange: n,
     position: a,
     // Unused
     sub: i,
     ...d
-  } = o;
+  } = r;
   C(d);
   const c = R();
-  return i ? /* @__PURE__ */ n.jsx(
+  return i ? /* @__PURE__ */ o.jsx(
     c.DropdownMenu.DropdownMenuSub,
     {
-      onOpenChange: t,
-      children: r
+      onOpenChange: n,
+      children: t
     }
-  ) : /* @__PURE__ */ n.jsx(c.DropdownMenu.DropdownMenu, { onOpenChange: t, children: r });
-}, qr = (o) => {
-  const { children: r, sub: t, ...a } = o;
+  ) : /* @__PURE__ */ o.jsx(c.DropdownMenu.DropdownMenu, { onOpenChange: n, children: t });
+}, rr = (r) => {
+  const { children: t, sub: n, ...a } = r;
   C(a);
-  const i = R(), d = $e(
-    () => Yr(
+  const i = R(), d = We(
+    () => nr(
       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) => {
-  const { className: t, children: a, sub: i, ...d } = o;
+  return n ? /* @__PURE__ */ o.jsx(i.DropdownMenu.DropdownMenuSubTrigger, { children: t }) : /* @__PURE__ */ o.jsx(d, { asChild: !0, ...a, children: t });
+}, or = N((r, t) => {
+  const { className: n, children: a, sub: i, ...d } = r;
   C(d);
   const c = R();
-  return i ? /* @__PURE__ */ n.jsx(
+  return i ? /* @__PURE__ */ o.jsx(
     c.DropdownMenu.DropdownMenuSubContent,
     {
-      className: t,
-      ref: r,
+      className: n,
+      ref: t,
       children: a
     }
-  ) : /* @__PURE__ */ n.jsx(
+  ) : /* @__PURE__ */ o.jsx(
     c.DropdownMenu.DropdownMenuContent,
     {
-      className: t,
-      ref: r,
+      className: n,
+      ref: t,
       children: a
     }
   );
-}), Hr = N((o, r) => {
-  const { className: t, children: a, icon: i, checked: d, subTrigger: c, onClick: x, ...m } = o;
+}), ar = N((r, t) => {
+  const { className: n, children: a, icon: i, checked: d, subTrigger: c, onClick: x, ...m } = r;
   C(m);
-  const p = R();
-  return c ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+  const u = R();
+  return c ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
     i,
     a
-  ] }) : d !== void 0 ? /* @__PURE__ */ n.jsxs(
-    p.DropdownMenu.DropdownMenuCheckboxItem,
+  ] }) : d !== void 0 ? /* @__PURE__ */ o.jsxs(
+    u.DropdownMenu.DropdownMenuCheckboxItem,
     {
-      className: u(t, "gap-1"),
-      ref: r,
+      className: b(n, "bn-gap-1"),
+      ref: t,
       checked: d,
       onClick: x,
       ...m,
@@ -1321,46 +1342,46 @@ const Wr = (o) => {
         a
       ]
     }
-  ) : /* @__PURE__ */ n.jsxs(
-    p.DropdownMenu.DropdownMenuItem,
+  ) : /* @__PURE__ */ o.jsxs(
+    u.DropdownMenu.DropdownMenuItem,
     {
-      className: t,
-      ref: r,
+      className: n,
+      ref: t,
       onClick: x,
       ...m,
       children: [
         i,
         a,
-        c && /* @__PURE__ */ n.jsx(We, { className: "ml-auto h-4 w-4" })
+        c && /* @__PURE__ */ o.jsx(Ue, { className: "bn-ml-auto bn-h-4 bn-w-4" })
       ]
     }
   );
-}), Jr = N((o, r) => {
-  const { className: t, ...a } = o;
+}), sr = N((r, t) => {
+  const { className: n, ...a } = r;
   C(a);
   const i = R();
-  return /* @__PURE__ */ n.jsx(
+  return /* @__PURE__ */ o.jsx(
     i.DropdownMenu.DropdownMenuSeparator,
     {
-      className: t,
-      ref: r
+      className: n,
+      ref: t
     }
   );
-}), Kr = N((o, r) => {
-  const { className: t, children: a, ...i } = o;
+}), ir = N((r, t) => {
+  const { className: n, children: a, ...i } = r;
   C(i);
   const d = R();
-  return /* @__PURE__ */ n.jsx(
+  return /* @__PURE__ */ o.jsx(
     d.DropdownMenu.DropdownMenuLabel,
     {
-      className: t,
-      ref: r,
+      className: n,
+      ref: t,
       children: a
     }
   );
-}), Xr = N((o, r) => {
+}), lr = N((r, t) => {
   const {
-    className: t,
+    className: n,
     tabs: a,
     defaultOpenTab: i,
     openTab: d,
@@ -1368,251 +1389,258 @@ const Wr = (o) => {
     loading: x,
     // TODO: implement loader
     ...m
-  } = o;
+  } = r;
   C(m);
-  const p = R();
-  return /* @__PURE__ */ n.jsxs(
-    p.Tabs.Tabs,
+  const u = R();
+  return /* @__PURE__ */ o.jsxs(
+    u.Tabs.Tabs,
     {
-      className: u(t, "bg-popover p-2 rounded-lg"),
-      ref: r,
+      className: b(n, "bn-bg-popover bn-p-2 bn-rounded-lg"),
+      ref: t,
       value: d,
       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__ */ 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))
       ]
     }
   );
-}), Zr = N((o, r) => {
-  const { className: t, children: a, onClick: i, label: d, ...c } = o;
+}), dr = N((r, t) => {
+  const { className: n, children: a, onClick: i, label: d, ...c } = r;
   C(c);
   const x = R();
-  return /* @__PURE__ */ n.jsx(
+  return /* @__PURE__ */ o.jsx(
     x.Button.Button,
     {
       type: "submit",
-      className: t,
+      className: n,
       "aria-label": d,
-      ref: r,
+      ref: t,
       onClick: i,
       children: a
     }
   );
-}), Qr = N((o, r) => {
-  const { className: t, accept: a, value: i, placeholder: d, onChange: c, ...x } = o;
+}), cr = N((r, t) => {
+  const { className: n, accept: a, value: i, placeholder: d, onChange: c, ...x } = r;
   C(x);
   const m = R();
-  return /* @__PURE__ */ n.jsx(
+  return /* @__PURE__ */ o.jsx(
     m.Input.Input,
     {
       type: "file",
-      className: t,
-      ref: r,
+      className: n,
+      ref: t,
       accept: a,
       value: i ? i.name : void 0,
-      onChange: async (p) => c == null ? void 0 : c(p.target.files[0]),
+      onChange: async (u) => c == null ? void 0 : c(u.target.files[0]),
       placeholder: d
     }
   );
-}), eo = N((o, r) => {
-  const { className: t, children: a, ...i } = o;
-  return C(i), /* @__PURE__ */ n.jsx(
+}), br = N((r, t) => {
+  const { className: n, children: a, ...i } = r;
+  return C(i), /* @__PURE__ */ o.jsx(
     "div",
     {
-      className: u(
-        t,
-        "flex flex-col gap-2 items-start justify-center"
+      className: b(
+        n,
+        "bn-flex bn-flex-col bn-gap-2 bn-items-start bn-justify-center"
       ),
-      ref: r,
+      ref: t,
       children: a
     }
   );
-}), to = N((o, r) => {
-  const { className: t, value: a, placeholder: i, onKeyDown: d, onChange: c, ...x } = o;
+}), ur = N((r, t) => {
+  const { className: n, value: a, placeholder: i, onKeyDown: d, onChange: c, ...x } = r;
   C(x);
   const m = R();
-  return /* @__PURE__ */ n.jsx(
+  return /* @__PURE__ */ o.jsx(
     m.Input.Input,
     {
       "data-test": "embed-input",
-      className: u(t, "w-80"),
-      ref: r,
+      className: b(n, "bn-w-80"),
+      ref: t,
       value: a,
       placeholder: i,
       onKeyDown: d,
       onChange: c
     }
   );
-}), ro = (o) => {
+}), fr = (r) => {
   const {
-    children: r,
-    opened: t,
+    children: t,
+    opened: n,
     position: a,
     // unused
     ...i
-  } = o;
+  } = r;
   C(i);
   const d = R();
-  return /* @__PURE__ */ n.jsx(d.Popover.Popover, { open: t, children: r });
-}, oo = N(
-  (o, r) => {
-    const { children: t, ...a } = o;
+  return /* @__PURE__ */ o.jsx(d.Popover.Popover, { open: n, children: t });
+}, mr = N(
+  (r, t) => {
+    const { children: n, ...a } = r;
     C(a);
     const i = R();
-    return /* @__PURE__ */ n.jsx(i.Popover.PopoverTrigger, { ref: r, asChild: !0, children: t });
+    return /* @__PURE__ */ o.jsx(i.Popover.PopoverTrigger, { ref: t, asChild: !0, children: n });
   }
-), no = N((o, r) => {
-  const { className: t, variant: a, children: i, ...d } = o;
+), pr = N((r, t) => {
+  const { className: n, variant: a, children: i, ...d } = r;
   C(d);
   const c = R();
-  return /* @__PURE__ */ n.jsx(
+  return /* @__PURE__ */ o.jsx(
     c.Popover.PopoverContent,
     {
       sideOffset: 8,
-      className: u(
-        t,
-        "flex flex-col gap-2",
-        a === "panel-popover" ? "p-0 border-none shadow-none max-w-none w-fit" : ""
+      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" : ""
       ),
-      ref: r,
+      ref: t,
       children: i
     }
   );
-}), ao = 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) => {
+}), gr = N((r, t) => {
+  const { className: n, children: a, ...i } = r;
+  return C(i, !1), /* @__PURE__ */ o.jsx("div", { className: n, ref: t, ...i, children: a });
+}), vr = N((r, t) => {
   const {
-    className: t,
+    className: n,
     children: a,
     icon: i,
     onClick: d,
     onDragEnd: c,
     onDragStart: x,
     draggable: m,
-    label: p,
-    ...b
-  } = o;
-  C(b, !1);
+    label: u,
+    ...g
+  } = r;
+  C(g, !1);
   const S = R();
-  return /* @__PURE__ */ n.jsxs(
+  return /* @__PURE__ */ o.jsxs(
     S.Button.Button,
     {
       variant: "ghost",
-      className: u(t, "text-gray-400"),
-      ref: r,
-      "aria-label": p,
+      className: b(n, "bn-text-gray-400"),
+      ref: t,
+      "aria-label": u,
       onClick: d,
       onDragStart: x,
       onDragEnd: c,
       draggable: m,
-      ...b,
+      ...g,
       children: [
         i,
         a
       ]
     }
   );
-}), io = N((o, r) => {
-  const { className: t, children: a, id: i, ...d } = o;
-  return C(d), /* @__PURE__ */ n.jsx(
+}), xr = N((r, t) => {
+  const { className: n, children: a, id: i, ...d } = r;
+  return C(d), /* @__PURE__ */ o.jsx(
     "div",
     {
       id: i,
       role: "listbox",
-      className: u(
-        "z-50 min-w-[8rem] overflow-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-        t
+      className: b(
+        "bn-z-50 bn-min-w-[8rem] bn-overflow-auto bn-rounded-md bn-border bn-bg-popover bn-p-1 bn-text-popover-foreground bn-shadow-md data-[state=open]:bn-animate-in data-[state=closed]:bn-animate-out data-[state=closed]:bn-fade-out-0 data-[state=open]:bn-fade-in-0 data-[state=closed]:bn-zoom-out-95 data-[state=open]:bn-zoom-in-95 data-[side=bottom]:bn-slide-in-from-top-2 data-[side=left]:bn-slide-in-from-right-2 data-[side=right]:bn-slide-in-from-left-2 data-[side=top]:bn-slide-in-from-bottom-2",
+        n
       ),
-      ref: r,
+      ref: t,
       children: a
     }
   );
-}), lo = N((o, r) => {
-  const { className: t, children: a, ...i } = o;
-  return C(i), /* @__PURE__ */ n.jsx(
+}), hr = N((r, t) => {
+  const { className: n, children: a, ...i } = r;
+  return C(i), /* @__PURE__ */ o.jsx(
     "div",
     {
-      className: u(
-        "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-        t
+      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",
+        n
       ),
-      ref: r,
-      children: /* @__PURE__ */ n.jsx("div", { children: a })
+      ref: t,
+      children: /* @__PURE__ */ o.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(
+}), yr = N((r, t) => {
+  const n = R(), { className: a, item: i, isSelected: d, onClick: c, id: x, ...m } = r;
+  C(m);
+  const u = st(null);
+  return it(() => {
+    if (!u.current || !d)
+      return;
+    const g = dt(u.current);
+    g === "top" ? u.current.scrollIntoView(!0) : g === "bottom" && u.current.scrollIntoView(!1);
+  }, [d]), /* @__PURE__ */ o.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",
+      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
       ),
-      ref: r,
+      ref: ct([t, u]),
       id: x,
       onClick: c,
       role: "option",
       "aria-selected": d || void 0,
       children: [
-        i.icon && /* @__PURE__ */ n.jsx("div", { className: "p-3", "data-position": "left", children: i.icon }),
-        /* @__PURE__ */ n.jsxs("div", { className: "flex-1", children: [
-          /* @__PURE__ */ n.jsx("div", { className: "text-base", children: i.title }),
-          /* @__PURE__ */ n.jsx("div", { className: "text-xs", children: i.subtext })
+        i.icon && /* @__PURE__ */ o.jsx("div", { className: "bn-p-3", "data-position": "left", children: i.icon }),
+        /* @__PURE__ */ o.jsxs("div", { className: "bn-flex-1", children: [
+          /* @__PURE__ */ o.jsx("div", { className: "bn-text-base", children: i.title }),
+          /* @__PURE__ */ o.jsx("div", { className: "bn-text-xs", children: i.subtext })
         ] }),
-        i.badge && /* @__PURE__ */ n.jsx("div", { "data-position": "right", className: "text-xs", children: /* @__PURE__ */ n.jsx(t.Badge.Badge, { variant: "secondary", children: i.badge }) })
+        i.badge && /* @__PURE__ */ o.jsx("div", { "data-position": "right", className: "bn-text-xs", children: /* @__PURE__ */ o.jsx(n.Badge.Badge, { variant: "secondary", children: i.badge }) })
       ]
     }
   );
-}), uo = N((o, r) => {
-  const { className: t, children: a, ...i } = o;
-  return C(i), /* @__PURE__ */ n.jsx(
+}), wr = N((r, t) => {
+  const { className: n, children: a, ...i } = r;
+  return C(i), /* @__PURE__ */ o.jsx(
     "div",
     {
-      className: u("px-2 py-1.5 text-sm font-semibold", t),
-      ref: r,
+      className: b("bn-px-2 bn-py-1.5 bn-text-sm bn-font-semibold", n),
+      ref: t,
       children: a
     }
   );
-}), fo = 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) => {
+}), Cr = N((r, t) => {
+  const { className: n, children: a, ...i } = r;
+  return C(i), /* @__PURE__ */ o.jsx("div", { className: n, ref: t, children: a });
+}), Nr = N((r, t) => {
   const {
-    className: t,
+    className: n,
     children: a,
     draggable: i,
     onDragStart: d,
     onDragEnd: c,
     style: x,
     label: m,
-    ...p
-  } = o;
-  C(p, !1);
-  const b = R();
-  return /* @__PURE__ */ n.jsx(
-    b.Button.Button,
+    ...u
+  } = r;
+  C(u, !1);
+  const g = R();
+  return /* @__PURE__ */ o.jsx(
+    g.Button.Button,
     {
       variant: "ghost",
-      className: u(t, "p-0 h-fit w-fit text-gray-400"),
-      ref: r,
+      className: b(n, "bn-p-0 bn-h-fit bn-w-fit bn-text-gray-400"),
+      ref: t,
       "aria-label": m,
       draggable: i,
       onDragStart: d,
       onDragEnd: c,
       style: x,
-      ...p,
+      ...u,
       children: a
     }
   );
-}), po = N(
-  (o) => {
+}), jr = N(
+  (r) => {
     const {
-      className: r,
-      name: t,
+      className: t,
+      name: n,
       label: a,
       icon: i,
       // TODO: implement
@@ -1620,105 +1648,105 @@ const Wr = (o) => {
       autoFocus: c,
       placeholder: x,
       onKeyDown: m,
-      onChange: p,
-      onSubmit: b,
+      onChange: u,
+      onSubmit: g,
       ...S
-    } = o;
+    } = r;
     C(S);
     const _ = R();
-    return a ? /* @__PURE__ */ n.jsxs("div", { children: [
-      /* @__PURE__ */ n.jsx(_.Label.Label, { htmlFor: a, children: a }),
-      /* @__PURE__ */ n.jsx(
+    return a ? /* @__PURE__ */ o.jsxs("div", { children: [
+      /* @__PURE__ */ o.jsx(_.Label.Label, { htmlFor: a, children: a }),
+      /* @__PURE__ */ o.jsx(
         _.Input.Input,
         {
-          className: r,
+          className: t,
           id: a,
-          name: t,
+          name: n,
           autoFocus: c,
           placeholder: x,
           value: d,
           onKeyDown: m,
-          onChange: p,
-          onSubmit: b
+          onChange: u,
+          onSubmit: g
         }
       )
-    ] }) : /* @__PURE__ */ n.jsx(
+    ] }) : /* @__PURE__ */ o.jsx(
       _.Input.Input,
       {
-        "aria-label": t,
-        name: t,
+        "aria-label": n,
+        name: n,
         autoFocus: c,
         placeholder: x,
         value: d,
         onKeyDown: m,
-        onChange: p,
-        onSubmit: b
+        onChange: u,
+        onSubmit: g
       }
     );
   }
-), Be = N(
-  (o, r) => {
-    const { className: t, children: a, onMouseEnter: i, onMouseLeave: d, ...c } = o;
+), Ae = N(
+  (r, t) => {
+    const { className: n, children: a, onMouseEnter: i, onMouseLeave: d, ...c } = r;
     C(c);
     const x = R();
-    return /* @__PURE__ */ n.jsx(x.Tooltip.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ n.jsx(
+    return /* @__PURE__ */ o.jsx(x.Tooltip.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ o.jsx(
       "div",
       {
-        className: u(
-          t,
-          "flex gap-1 p-1 bg-popover text-popover-foreground border rounded-lg shadow-md"
+        className: b(
+          n,
+          "bn-flex bn-gap-1 bn-p-1 bn-bg-popover bn-text-popover-foreground bn-border bn-rounded-lg bn-shadow-md"
         ),
-        ref: r,
+        ref: t,
         onMouseEnter: i,
         onMouseLeave: d,
         children: a
       }
     ) });
   }
-), Ve = N(
-  (o, r) => {
+), $e = N(
+  (r, t) => {
     const {
-      className: t,
+      className: n,
       children: a,
       mainTooltip: i,
       secondaryTooltip: d,
       icon: c,
       isSelected: x,
       isDisabled: m,
-      onClick: p,
-      label: b,
+      onClick: u,
+      label: g,
       ...S
-    } = o;
+    } = r;
     C(S, !1);
-    const _ = R(), B = x === void 0 ? /* @__PURE__ */ n.jsxs(
+    const _ = R(), V = x === void 0 ? /* @__PURE__ */ o.jsxs(
       _.Button.Button,
       {
-        className: t,
+        className: n,
         variant: "ghost",
         disabled: m,
-        onClick: p,
-        ref: r,
-        "aria-label": b,
+        onClick: u,
+        ref: t,
+        "aria-label": g,
         ...S,
         children: [
           c,
           a
         ]
       }
-    ) : /* @__PURE__ */ n.jsxs(
+    ) : /* @__PURE__ */ o.jsxs(
       _.Toggle.Toggle,
       {
-        className: u(
-          t,
+        className: b(
+          n,
           "data-[state=open]:bg-accent data-[state=closed]:text-accent-foreground"
         ),
-        "aria-label": b,
-        onClick: p,
+        "aria-label": g,
+        onClick: u,
         pressed: x,
         disabled: m,
         "data-state": x ? "on" : "off",
         "data-disabled": m,
-        ref: r,
+        ref: t,
         ...S,
         children: [
           c,
@@ -1726,110 +1754,116 @@ const Wr = (o) => {
         ]
       }
     );
-    return /* @__PURE__ */ n.jsxs(_.Tooltip.Tooltip, { children: [
-      /* @__PURE__ */ n.jsx(_.Tooltip.TooltipTrigger, { asChild: !0, children: B }),
-      /* @__PURE__ */ n.jsxs(
+    return /* @__PURE__ */ o.jsxs(_.Tooltip.Tooltip, { children: [
+      /* @__PURE__ */ o.jsx(_.Tooltip.TooltipTrigger, { asChild: !0, children: V }),
+      /* @__PURE__ */ o.jsxs(
         _.Tooltip.TooltipContent,
         {
-          className: "flex flex-col items-center",
+          className: "bn-flex bn-flex-col bn-items-center",
           children: [
-            /* @__PURE__ */ n.jsx("span", { children: i }),
-            d && /* @__PURE__ */ n.jsx("span", { children: d })
+            /* @__PURE__ */ o.jsx("span", { children: i }),
+            d && /* @__PURE__ */ o.jsx("span", { children: d })
           ]
         }
       )
     ] });
   }
-), go = N((o, r) => {
-  const { className: t, items: a, isDisabled: i, ...d } = o;
+), Tr = N((r, t) => {
+  const { className: n, items: a, isDisabled: i, ...d } = r;
   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 = (u) => /* @__PURE__ */ o.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(
     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);
+      onValueChange: (u) => {
+        var g, S;
+        return (S = (g = a.find((_) => _.text === u)).onClick) == null ? void 0 : S.call(g);
       },
       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__ */ 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(
           c.Select.SelectItem,
           {
-            disabled: p.isDisabled,
-            value: p.text,
-            children: /* @__PURE__ */ n.jsx(x, { ...p })
+            disabled: u.isDisabled,
+            value: u.text,
+            children: /* @__PURE__ */ o.jsx(x, { ...u })
           },
-          p.text
+          u.text
         )) })
       ]
     }
   ) : null;
 });
-const vo = {
+const Rr = {
   FormattingToolbar: {
-    Root: Be,
-    Button: Ve,
-    Select: go
+    Root: Ae,
+    Button: $e,
+    Select: Tr
   },
   FilePanel: {
-    Root: Xr,
-    Button: Zr,
-    FileInput: Qr,
-    TabPanel: eo,
-    TextInput: to
+    Root: lr,
+    Button: dr,
+    FileInput: cr,
+    TabPanel: br,
+    TextInput: ur
   },
   LinkToolbar: {
-    Root: Be,
-    Button: Ve
+    Root: Ae,
+    Button: $e
   },
   SideMenu: {
-    Root: ao,
-    Button: so
+    Root: gr,
+    Button: vr
   },
   SuggestionMenu: {
-    Root: io,
-    Item: co,
-    EmptyItem: lo,
-    Label: uo,
-    Loader: fo
+    Root: xr,
+    Item: yr,
+    EmptyItem: hr,
+    Label: wr,
+    Loader: Cr
   },
   TableHandle: {
-    Root: mo
+    Root: Nr
   },
   Generic: {
     Form: {
-      Root: Wr,
-      TextInput: po
+      Root: er,
+      TextInput: jr
     },
     Menu: {
-      Root: Ur,
-      Trigger: qr,
-      Dropdown: Gr,
-      Divider: Jr,
-      Label: Kr,
-      Item: Hr
+      Root: tr,
+      Trigger: rr,
+      Dropdown: or,
+      Divider: sr,
+      Label: ir,
+      Item: ar
     },
     Popover: {
-      Root: ro,
-      Trigger: oo,
-      Content: no
+      Root: fr,
+      Trigger: mr,
+      Content: pr
     }
   }
-}, Ro = (o) => {
-  const { shadCNComponents: r, ...t } = o, a = $e(() => ({
-    ...r,
-    ...zr
-  }), [r]);
-  return /* @__PURE__ */ n.jsx(bt.Provider, { value: a, children: /* @__PURE__ */ n.jsx(tr.Provider, { value: vo, children: /* @__PURE__ */ n.jsx(rr, { ...t }) }) });
+}, Or = (r) => {
+  const { className: t, shadCNComponents: n, ...a } = r, i = We(() => ({
+    ...Qt,
+    ...n
+  }), [n]);
+  return /* @__PURE__ */ o.jsx(yn.Provider, { value: i, children: /* @__PURE__ */ o.jsx(bt.Provider, { value: Rr, children: /* @__PURE__ */ o.jsx(
+    ut,
+    {
+      className: lt("bn-shadcn", t || ""),
+      ...a
+    }
+  ) }) });
 };
 export {
-  Ro as BlockNoteView,
-  vo as components
+  Or as BlockNoteView,
+  Rr as components
 };
 //# sourceMappingURL=blocknote-shadcn.js.map