@blocknote/shadcn 0.14.1 → 0.14.3

package/dist/blocknote-shadcn.js

@@ -1,21 +1,21 @@
-import * as g from "react";
-import ze, { createContext as or, useContext as nr, useMemo as We, forwardRef as N, useRef as ar, useEffect as sr } from "react";
-import { elementOverflow as ir, mergeRefs as lr, ComponentsContext as dr, BlockNoteViewRaw as cr } from "@blocknote/react";
+import * 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 ur } from "clsx";
-import { twMerge as fr } from "tailwind-merge";
+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 Ue, Check as Ke, Circle as mr, ChevronDown as Je, ChevronUp as pr } from "lucide-react";
-import { FormProvider as gr, useFormContext as vr, useForm as br } from "react-hook-form";
+import * as R from "@radix-ui/react-dropdown-menu";
+import { ChevronRight as Ue, Check as Ke, Circle as pt, ChevronDown as Je, ChevronUp as gt } from "lucide-react";
+import { FormProvider as vt, useFormContext as xt, useForm as ht } from "react-hook-form";
 import * as qe from "@radix-ui/react-label";
 import * as ee from "@radix-ui/react-popover";
 import * as D from "@radix-ui/react-select";
-import * as B from "@radix-ui/react-tabs";
+import * as V 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 ue = { exports: {} }, K = {};
+var be = { exports: {} }, K = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -26,22 +26,22 @@ var ue = { exports: {} }, K = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Be;
-function xr() {
+function yt() {
   if (Be)
     return K;
   Be = 1;
-  var o = ze, r = Symbol.for("react.element"), t = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, i = o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function c(x, p, f) {
-    var v, S = {}, _ = null, V = null;
-    f !== void 0 && (_ = "" + f), p.key !== void 0 && (_ = "" + p.key), p.ref !== void 0 && (V = p.ref);
-    for (v in p)
-      a.call(p, v) && !d.hasOwnProperty(v) && (S[v] = p[v]);
+  var r = ze, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, s = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function c(x, m, u) {
+    var g, j = {}, _ = null, F = null;
+    u !== void 0 && (_ = "" + u), m.key !== void 0 && (_ = "" + m.key), m.ref !== void 0 && (F = m.ref);
+    for (g in m)
+      a.call(m, g) && !d.hasOwnProperty(g) && (j[g] = m[g]);
     if (x && x.defaultProps)
-      for (v in p = x.defaultProps, p)
-        S[v] === void 0 && (S[v] = p[v]);
-    return { $$typeof: r, type: x, key: _, ref: V, props: S, _owner: i.current };
+      for (g in m = x.defaultProps, m)
+        j[g] === void 0 && (j[g] = m[g]);
+    return { $$typeof: t, type: x, key: _, ref: F, props: j, _owner: s.current };
   }
-  return K.Fragment = t, K.jsx = c, K.jsxs = c, K;
+  return K.Fragment = n, K.jsx = c, K.jsxs = c, K;
 }
 var J = {};
 /**
@@ -54,53 +54,53 @@ var J = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Ve;
-function hr() {
+function wt() {
   return Ve || (Ve = 1, process.env.NODE_ENV !== "production" && function() {
-    var o = ze, r = Symbol.for("react.element"), t = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), x = Symbol.for("react.context"), p = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), S = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), V = Symbol.for("react.offscreen"), me = Symbol.iterator, yt = "@@iterator";
-    function wt(e) {
+    var r = ze, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), x = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), j = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), F = Symbol.for("react.offscreen"), fe = Symbol.iterator, wn = "@@iterator";
+    function Cn(e) {
       if (e === null || typeof e != "object")
         return null;
-      var s = me && e[me] || e[yt];
-      return typeof s == "function" ? s : null;
+      var i = fe && e[fe] || e[wn];
+      return typeof i == "function" ? i : null;
     }
-    var A = 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), m = 1; m < s; m++)
-          l[m - 1] = arguments[m];
-        Ct("error", e, l);
+        for (var i = arguments.length, l = new Array(i > 1 ? i - 1 : 0), f = 1; f < i; f++)
+          l[f - 1] = arguments[f];
+        Nn("error", e, l);
       }
     }
-    function Ct(e, s, l) {
+    function Nn(e, i, l) {
       {
-        var m = A.ReactDebugCurrentFrame, y = m.getStackAddendum();
-        y !== "" && (s += "%s", l = l.concat([y]));
+        var f = A.ReactDebugCurrentFrame, y = f.getStackAddendum();
+        y !== "" && (i += "%s", l = l.concat([y]));
         var w = l.map(function(h) {
           return String(h);
         });
-        w.unshift("Warning: " + s), Function.prototype.apply.call(console[e], console, w);
+        w.unshift("Warning: " + i), Function.prototype.apply.call(console[e], console, w);
       }
     }
-    var Nt = !1, jt = !1, Tt = !1, Rt = !1, St = !1, pe;
-    pe = Symbol.for("react.module.reference");
-    function Et(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === a || e === d || St || e === i || e === f || e === v || Rt || e === V || Nt || jt || Tt || typeof e == "object" && e !== null && (e.$$typeof === _ || e.$$typeof === S || e.$$typeof === c || e.$$typeof === x || e.$$typeof === p || // This needs to include all possible module reference object
+    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 === s || e === u || e === g || Sn || e === F || jn || Tn || Rn || typeof e == "object" && e !== null && (e.$$typeof === _ || e.$$typeof === j || e.$$typeof === c || e.$$typeof === x || e.$$typeof === m || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      e.$$typeof === pe || e.getModuleId !== void 0));
+      e.$$typeof === me || e.getModuleId !== void 0));
     }
-    function Dt(e, s, l) {
-      var m = e.displayName;
-      if (m)
-        return m;
-      var y = s.displayName || s.name || "";
+    function _n(e, i, l) {
+      var f = e.displayName;
+      if (f)
+        return f;
+      var y = i.displayName || i.name || "";
       return y !== "" ? l + "(" + y + ")" : l;
     }
-    function ge(e) {
+    function pe(e) {
       return e.displayName || "Context";
     }
-    function F(e) {
+    function O(e) {
       if (e == null)
         return null;
       if (typeof e.tag == "number" && P("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
@@ -110,34 +110,34 @@ function hr() {
       switch (e) {
         case a:
           return "Fragment";
-        case t:
+        case n:
           return "Portal";
         case d:
           return "Profiler";
-        case i:
+        case s:
           return "StrictMode";
-        case f:
+        case u:
           return "Suspense";
-        case v:
+        case g:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case x:
-            var s = e;
-            return ge(s) + ".Consumer";
+            var i = e;
+            return pe(i) + ".Consumer";
           case c:
             var l = e;
-            return ge(l._context) + ".Provider";
-          case p:
-            return Dt(e, e.render, "ForwardRef");
-          case S:
-            var m = e.displayName || null;
-            return m !== null ? m : F(e.type) || "Memo";
+            return pe(l._context) + ".Provider";
+          case m:
+            return _n(e, e.render, "ForwardRef");
+          case j:
+            var f = e.displayName || null;
+            return f !== null ? f : O(e.type) || "Memo";
           case _: {
             var y = e, w = y._payload, h = y._init;
             try {
-              return F(h(w));
+              return O(h(w));
             } catch {
               return null;
             }
@@ -145,14 +145,14 @@ function hr() {
         }
       return null;
     }
-    var O = Object.assign, W = 0, ve, be, xe, he, ye, we, Ce;
+    var L = Object.assign, W = 0, ge, ve, xe, he, ye, we, Ce;
     function Ne() {
     }
     Ne.__reactDisabledLog = !0;
-    function _t() {
+    function Pn() {
       {
         if (W === 0) {
-          ve = console.log, be = console.info, xe = console.warn, he = console.error, ye = console.group, we = console.groupCollapsed, Ce = console.groupEnd;
+          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,
@@ -172,7 +172,7 @@ function hr() {
         W++;
       }
     }
-    function Pt() {
+    function In() {
       {
         if (W--, W === 0) {
           var e = {
@@ -181,25 +181,25 @@ function hr() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: O({}, e, {
-              value: ve
+            log: L({}, e, {
+              value: ge
             }),
-            info: O({}, e, {
-              value: be
+            info: L({}, e, {
+              value: ve
             }),
-            warn: O({}, e, {
+            warn: L({}, e, {
               value: xe
             }),
-            error: O({}, e, {
+            error: L({}, e, {
               value: he
             }),
-            group: O({}, e, {
+            group: L({}, e, {
               value: ye
             }),
-            groupCollapsed: O({}, e, {
+            groupCollapsed: L({}, e, {
               value: we
             }),
-            groupEnd: O({}, e, {
+            groupEnd: L({}, e, {
               value: Ce
             })
           });
@@ -207,41 +207,41 @@ function hr() {
         W < 0 && P("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var re = A.ReactCurrentDispatcher, oe;
-    function G(e, s, l) {
+    var te = A.ReactCurrentDispatcher, re;
+    function G(e, i, l) {
       {
-        if (oe === void 0)
+        if (re === void 0)
           try {
             throw Error();
           } catch (y) {
-            var m = y.stack.trim().match(/\n( *(at )?)/);
-            oe = m && m[1] || "";
+            var f = y.stack.trim().match(/\n( *(at )?)/);
+            re = f && f[1] || "";
           }
         return `
-` + oe + e;
+` + re + e;
       }
     }
-    var ne = !1, H;
+    var oe = !1, H;
     {
-      var It = typeof WeakMap == "function" ? WeakMap : Map;
-      H = new It();
+      var Mn = typeof WeakMap == "function" ? WeakMap : Map;
+      H = new Mn();
     }
-    function je(e, s) {
-      if (!e || ne)
+    function je(e, i) {
+      if (!e || oe)
         return "";
       {
         var l = H.get(e);
         if (l !== void 0)
           return l;
       }
-      var m;
-      ne = !0;
+      var f;
+      oe = !0;
       var y = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var w;
-      w = re.current, re.current = null, _t();
+      w = te.current, te.current = null, Pn();
       try {
-        if (s) {
+        if (i) {
           var h = function() {
             throw Error();
           };
@@ -253,14 +253,14 @@ function hr() {
             try {
               Reflect.construct(h, []);
             } catch (M) {
-              m = M;
+              f = M;
             }
             Reflect.construct(e, [], h);
           } else {
             try {
               h.call();
             } catch (M) {
-              m = M;
+              f = M;
             }
             e.call(h.prototype);
           }
@@ -268,65 +268,65 @@ function hr() {
           try {
             throw Error();
           } catch (M) {
-            m = M;
+            f = M;
           }
           e();
         }
       } catch (M) {
-        if (M && m && typeof M.stack == "string") {
-          for (var b = M.stack.split(`
-`), I = m.stack.split(`
-`), j = b.length - 1, E = I.length - 1; j >= 1 && E >= 0 && b[j] !== I[E]; )
+        if (M && f && typeof M.stack == "string") {
+          for (var v = M.stack.split(`
+`), I = f.stack.split(`
+`), T = v.length - 1, E = I.length - 1; T >= 1 && E >= 0 && v[T] !== I[E]; )
             E--;
-          for (; j >= 1 && E >= 0; j--, E--)
-            if (b[j] !== I[E]) {
-              if (j !== 1 || E !== 1)
+          for (; T >= 1 && E >= 0; T--, E--)
+            if (v[T] !== I[E]) {
+              if (T !== 1 || E !== 1)
                 do
-                  if (j--, E--, E < 0 || b[j] !== I[E]) {
+                  if (T--, E--, E < 0 || v[T] !== I[E]) {
                     var k = `
-` + b[j].replace(" at new ", " at ");
+` + v[T].replace(" at new ", " at ");
                     return e.displayName && k.includes("<anonymous>") && (k = k.replace("<anonymous>", e.displayName)), typeof e == "function" && H.set(e, k), k;
                   }
-                while (j >= 1 && E >= 0);
+                while (T >= 1 && E >= 0);
               break;
             }
         }
       } finally {
-        ne = !1, re.current = w, Pt(), Error.prepareStackTrace = y;
+        oe = !1, te.current = w, In(), Error.prepareStackTrace = y;
       }
-      var z = e ? e.displayName || e.name : "", L = z ? G(z) : "";
-      return typeof e == "function" && H.set(e, L), L;
+      var z = e ? e.displayName || e.name : "", B = z ? G(z) : "";
+      return typeof e == "function" && H.set(e, B), B;
     }
-    function Mt(e, s, l) {
+    function kn(e, i, l) {
       return je(e, !1);
     }
-    function kt(e) {
-      var s = e.prototype;
-      return !!(s && s.isReactComponent);
+    function Fn(e) {
+      var i = e.prototype;
+      return !!(i && i.isReactComponent);
     }
-    function X(e, s, l) {
+    function X(e, i, l) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return je(e, kt(e));
+        return je(e, Fn(e));
       if (typeof e == "string")
         return G(e);
       switch (e) {
-        case f:
+        case u:
           return G("Suspense");
-        case v:
+        case g:
           return G("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case p:
-            return Mt(e.render);
-          case S:
-            return X(e.type, s, l);
+          case m:
+            return kn(e.render);
+          case j:
+            return X(e.type, i, l);
           case _: {
-            var m = e, y = m._payload, w = m._init;
+            var f = e, y = f._payload, w = f._init;
             try {
-              return X(w(y), s, l);
+              return X(w(y), i, l);
             } catch {
             }
           }
@@ -336,41 +336,41 @@ function hr() {
     var Y = Object.prototype.hasOwnProperty, Te = {}, Re = A.ReactDebugCurrentFrame;
     function Z(e) {
       if (e) {
-        var s = e._owner, l = X(e.type, e._source, s ? s.type : null);
+        var i = e._owner, l = X(e.type, e._source, i ? i.type : null);
         Re.setExtraStackFrame(l);
       } else
         Re.setExtraStackFrame(null);
     }
-    function Ft(e, s, l, m, y) {
+    function On(e, i, l, f, y) {
       {
         var w = Function.call.bind(Y);
         for (var h in e)
           if (w(e, h)) {
-            var b = void 0;
+            var v = void 0;
             try {
               if (typeof e[h] != "function") {
-                var I = Error((m || "React class") + ": " + l + " type `" + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[h] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var I = Error((f || "React class") + ": " + l + " type `" + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[h] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw I.name = "Invariant Violation", I;
               }
-              b = e[h](s, h, m, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (j) {
-              b = j;
+              v = e[h](i, h, f, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (T) {
+              v = T;
             }
-            b && !(b instanceof Error) && (Z(y), P("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", m || "React class", l, h, typeof b), Z(null)), b instanceof Error && !(b.message in Te) && (Te[b.message] = !0, Z(y), P("Failed %s type: %s", l, b.message), Z(null));
+            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 Ot = Array.isArray;
+    var Ln = Array.isArray;
     function ae(e) {
-      return Ot(e);
+      return Ln(e);
     }
-    function Lt(e) {
+    function Bn(e) {
       {
-        var s = typeof Symbol == "function" && Symbol.toStringTag, l = s && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        var i = typeof Symbol == "function" && Symbol.toStringTag, l = i && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return l;
       }
     }
-    function Bt(e) {
+    function Vn(e) {
       try {
         return Se(e), !1;
       } catch {
@@ -381,42 +381,42 @@ function hr() {
       return "" + e;
     }
     function Ee(e) {
-      if (Bt(e))
-        return P("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Lt(e)), Se(e);
+      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 U = A.ReactCurrentOwner, Vt = {
+    var U = A.ReactCurrentOwner, An = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, De, _e, se;
     se = {};
-    function At(e) {
+    function $n(e) {
       if (Y.call(e, "ref")) {
-        var s = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (s && s.isReactWarning)
+        var i = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (i && i.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function $t(e) {
+    function zn(e) {
       if (Y.call(e, "key")) {
-        var s = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (s && s.isReactWarning)
+        var i = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (i && i.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function zt(e, s) {
-      if (typeof e.ref == "string" && U.current && s && U.current.stateNode !== s) {
-        var l = F(U.current.type);
-        se[l] || (P('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', F(U.current.type), e.ref), se[l] = !0);
+    function Wn(e, i) {
+      if (typeof e.ref == "string" && U.current && i && U.current.stateNode !== i) {
+        var l = O(U.current.type);
+        se[l] || (P('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', O(U.current.type), e.ref), se[l] = !0);
       }
     }
-    function Wt(e, s) {
+    function Yn(e, i) {
       {
         var l = function() {
-          De || (De = !0, P("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", 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)", i));
         };
         l.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: l,
@@ -424,10 +424,10 @@ function hr() {
         });
       }
     }
-    function Yt(e, s) {
+    function Un(e, i) {
       {
         var l = function() {
-          _e || (_e = !0, P("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", 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)", i));
         };
         l.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: l,
@@ -435,57 +435,57 @@ function hr() {
         });
       }
     }
-    var Ut = function(e, s, l, m, y, w, h) {
-      var b = {
+    var Kn = function(e, i, 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,
+        key: i,
         ref: l,
         props: h,
         // Record the component responsible for creating this element.
         _owner: w
       };
-      return b._store = {}, Object.defineProperty(b._store, "validated", {
+      return v._store = {}, Object.defineProperty(v._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(b, "_self", {
+      }), Object.defineProperty(v, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: m
-      }), Object.defineProperty(b, "_source", {
+        value: f
+      }), Object.defineProperty(v, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: y
-      }), Object.freeze && (Object.freeze(b.props), Object.freeze(b)), b;
+      }), Object.freeze && (Object.freeze(v.props), Object.freeze(v)), v;
     };
-    function Kt(e, s, l, m, y) {
+    function Jn(e, i, l, f, y) {
       {
-        var w, h = {}, b = null, I = null;
-        l !== void 0 && (Ee(l), b = "" + l), $t(s) && (Ee(s.key), b = "" + s.key), At(s) && (I = s.ref, zt(s, y));
-        for (w in s)
-          Y.call(s, w) && !Vt.hasOwnProperty(w) && (h[w] = s[w]);
+        var w, h = {}, v = null, I = null;
+        l !== void 0 && (Ee(l), v = "" + l), zn(i) && (Ee(i.key), v = "" + i.key), $n(i) && (I = i.ref, Wn(i, y));
+        for (w in i)
+          Y.call(i, w) && !An.hasOwnProperty(w) && (h[w] = i[w]);
         if (e && e.defaultProps) {
-          var j = e.defaultProps;
-          for (w in j)
-            h[w] === void 0 && (h[w] = j[w]);
+          var T = e.defaultProps;
+          for (w in T)
+            h[w] === void 0 && (h[w] = T[w]);
         }
-        if (b || I) {
+        if (v || I) {
           var E = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          b && Wt(h, E), I && Yt(h, E);
+          v && Yn(h, E), I && Un(h, E);
         }
-        return Ut(e, b, I, y, m, U.current, h);
+        return Kn(e, v, I, y, f, U.current, h);
       }
     }
     var ie = A.ReactCurrentOwner, Pe = A.ReactDebugCurrentFrame;
     function $(e) {
       if (e) {
-        var s = e._owner, l = X(e.type, e._source, s ? s.type : null);
+        var i = e._owner, l = X(e.type, e._source, i ? i.type : null);
         Pe.setExtraStackFrame(l);
       } else
         Pe.setExtraStackFrame(null);
@@ -493,12 +493,12 @@ function hr() {
     var le;
     le = !1;
     function de(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === r;
+      return typeof e == "object" && e !== null && e.$$typeof === t;
     }
     function Ie() {
       {
         if (ie.current) {
-          var e = F(ie.current.type);
+          var e = O(ie.current.type);
           if (e)
             return `
 
@@ -507,93 +507,93 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function Jt(e) {
+    function qn(e) {
       {
         if (e !== void 0) {
-          var s = e.fileName.replace(/^.*[\\\/]/, ""), l = e.lineNumber;
+          var i = e.fileName.replace(/^.*[\\\/]/, ""), l = e.lineNumber;
           return `
 
-Check your code at ` + s + ":" + l + ".";
+Check your code at ` + i + ":" + l + ".";
         }
         return "";
       }
     }
     var Me = {};
-    function qt(e) {
+    function Gn(e) {
       {
-        var s = Ie();
-        if (!s) {
+        var i = Ie();
+        if (!i) {
           var l = typeof e == "string" ? e : e.displayName || e.name;
-          l && (s = `
+          l && (i = `
 
 Check the top-level render call using <` + l + ">.");
         }
-        return s;
+        return i;
       }
     }
-    function ke(e, s) {
+    function ke(e, i) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var l = qt(s);
+        var l = Gn(i);
         if (Me[l])
           return;
         Me[l] = !0;
-        var m = "";
-        e && e._owner && e._owner !== ie.current && (m = " It was passed a child from " + F(e._owner.type) + "."), $(e), P('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', l, m), $(null);
+        var f = "";
+        e && e._owner && e._owner !== ie.current && (f = " It was passed a child from " + O(e._owner.type) + "."), $(e), P('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', l, f), $(null);
       }
     }
-    function Fe(e, s) {
+    function Fe(e, i) {
       {
         if (typeof e != "object")
           return;
         if (ae(e))
           for (var l = 0; l < e.length; l++) {
-            var m = e[l];
-            de(m) && ke(m, s);
+            var f = e[l];
+            de(f) && ke(f, i);
           }
         else if (de(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var y = wt(e);
+          var y = Cn(e);
           if (typeof y == "function" && y !== e.entries)
             for (var w = y.call(e), h; !(h = w.next()).done; )
-              de(h.value) && ke(h.value, s);
+              de(h.value) && ke(h.value, i);
         }
       }
     }
-    function Gt(e) {
+    function Hn(e) {
       {
-        var s = e.type;
-        if (s == null || typeof s == "string")
+        var i = e.type;
+        if (i == null || typeof i == "string")
           return;
         var l;
-        if (typeof s == "function")
-          l = s.propTypes;
-        else if (typeof s == "object" && (s.$$typeof === p || // Note: Memo only checks outer props here.
+        if (typeof i == "function")
+          l = i.propTypes;
+        else if (typeof i == "object" && (i.$$typeof === m || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        s.$$typeof === S))
-          l = s.propTypes;
+        i.$$typeof === j))
+          l = i.propTypes;
         else
           return;
         if (l) {
-          var m = F(s);
-          Ft(l, e.props, "prop", m, e);
-        } else if (s.PropTypes !== void 0 && !le) {
+          var f = O(i);
+          On(l, e.props, "prop", f, e);
+        } else if (i.PropTypes !== void 0 && !le) {
           le = !0;
-          var y = F(s);
+          var y = O(i);
           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.");
+        typeof i.getDefaultProps == "function" && !i.getDefaultProps.isReactClassApproved && P("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Ht(e) {
+    function Xn(e) {
       {
-        for (var s = Object.keys(e.props), l = 0; l < s.length; l++) {
-          var m = s[l];
-          if (m !== "children" && m !== "key") {
-            $(e), P("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", m), $(null);
+        for (var i = Object.keys(e.props), l = 0; l < i.length; l++) {
+          var f = i[l];
+          if (f !== "children" && f !== "key") {
+            $(e), P("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", f), $(null);
             break;
           }
         }
@@ -601,24 +601,24 @@ Check the top-level render call using <` + l + ">.");
       }
     }
     var Oe = {};
-    function Le(e, s, l, m, y, w) {
+    function Le(e, i, l, f, y, w) {
       {
-        var h = Et(e);
+        var h = Dn(e);
         if (!h) {
-          var b = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (b += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var I = Jt(y);
-          I ? b += I : b += Ie();
-          var j;
-          e === null ? j = "null" : ae(e) ? j = "array" : e !== void 0 && e.$$typeof === r ? (j = "<" + (F(e.type) || "Unknown") + " />", b = " Did you accidentally export a JSX literal instead of a component?") : j = typeof e, P("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", j, b);
+          var v = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (v += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var I = qn(y);
+          I ? v += I : v += Ie();
+          var T;
+          e === null ? T = "null" : ae(e) ? T = "array" : e !== void 0 && e.$$typeof === t ? (T = "<" + (O(e.type) || "Unknown") + " />", v = " Did you accidentally export a JSX literal instead of a component?") : T = typeof e, P("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", T, v);
         }
-        var E = Kt(e, s, l, y, w);
+        var E = Jn(e, i, l, y, w);
         if (E == null)
           return E;
         if (h) {
-          var k = s.children;
+          var k = i.children;
           if (k !== void 0)
-            if (m)
+            if (f)
               if (ae(k)) {
                 for (var z = 0; z < k.length; z++)
                   Fe(k[z], e);
@@ -628,47 +628,50 @@ Check the top-level render call using <` + l + ">.");
             else
               Fe(k, e);
         }
-        if (Y.call(s, "key")) {
-          var L = F(e), M = Object.keys(s).filter(function(rr) {
-            return rr !== "key";
+        if (Y.call(i, "key")) {
+          var B = O(e), M = Object.keys(i).filter(function(rt) {
+            return rt !== "key";
           }), ce = M.length > 0 ? "{key: someKey, " + M.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Oe[L + ce]) {
-            var tr = M.length > 0 ? "{" + M.join(": ..., ") + ": ...}" : "{}";
+          if (!Oe[B + 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, tr, L), Oe[L + ce] = !0;
+  <%s key={someKey} {...props} />`, ce, B, tt, B), Oe[B + ce] = !0;
           }
         }
-        return e === a ? Ht(E) : Gt(E), E;
+        return e === a ? Xn(E) : Hn(E), E;
       }
     }
-    function Xt(e, s, l) {
-      return Le(e, s, l, !0);
+    function Zn(e, i, l) {
+      return Le(e, i, l, !0);
     }
-    function Zt(e, s, l) {
-      return Le(e, s, l, !1);
+    function Qn(e, i, l) {
+      return Le(e, i, l, !1);
     }
-    var Qt = Zt, er = Xt;
-    J.Fragment = a, J.jsx = Qt, J.jsxs = er;
+    var et = Qn, nt = Zn;
+    J.Fragment = a, J.jsx = et, J.jsxs = nt;
   }()), J;
 }
-process.env.NODE_ENV === "production" ? ue.exports = xr() : ue.exports = hr();
-var n = ue.exports;
-function u(...o) {
-  return fr(ur(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 yr = Q(
-  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+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: {
@@ -676,26 +679,26 @@ const yr = Q(
     }
   }
 );
-function wr({ className: o, variant: r, ...t }) {
-  return /* @__PURE__ */ n.jsx("div", { className: u(yr({ variant: r }), o), ...t });
+function jt({ className: r, variant: t, ...n }) {
+  return /* @__PURE__ */ o.jsx("div", { className: b(Nt({ variant: t }), r), ...n });
 }
-const Cr = Q(
-  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+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: {
@@ -703,460 +706,463 @@ const Cr = Q(
       size: "default"
     }
   }
-), He = g.forwardRef(
-  ({ className: o, variant: r, size: t, asChild: a = !1, ...i }, d) => {
+), He = p.forwardRef(
+  ({ className: r, variant: t, size: n, asChild: a = !1, ...s }, d) => {
     const c = a ? Ye : "button";
-    return /* @__PURE__ */ n.jsx(
+    return /* @__PURE__ */ o.jsx(
       c,
       {
-        className: u(Cr({ variant: r, size: t, className: o })),
+        className: b(Tt({ variant: t, size: n, className: r })),
         ref: d,
-        ...i
+        ...s
       }
     );
   }
 );
 He.displayName = "Button";
-const Xe = 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
   }
 ));
 Xe.displayName = "Card";
-const Nr = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
+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
   }
 ));
-Nr.displayName = "CardHeader";
-const jr = 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
   }
 ));
-jr.displayName = "CardTitle";
-const Tr = 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
   }
 ));
-Tr.displayName = "CardDescription";
-const Ze = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx("div", { ref: t, className: u("p-6 pt-0", o), ...r }));
+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 Rr = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
+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
   }
 ));
-Rr.displayName = "CardFooter";
-const Sr = T.Root, Er = T.Trigger, Dr = T.Sub, Qe = g.forwardRef(({ className: o, inset: r, children: t, ...a }, i) => /* @__PURE__ */ n.jsxs(
-  T.SubTrigger,
+Dt.displayName = "CardFooter";
+const _t = R.Root, Pt = R.Trigger, It = R.Sub, Qe = p.forwardRef(({ className: r, inset: t, children: n, ...a }, s) => /* @__PURE__ */ o.jsxs(
+  R.SubTrigger,
   {
-    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
+    ref: s,
+    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(Ue, { className: "ml-auto h-4 w-4" })
+      n,
+      /* @__PURE__ */ o.jsx(Ue, { className: "bn-ml-auto bn-h-4 bn-w-4" })
     ]
   }
 ));
-Qe.displayName = T.SubTrigger.displayName;
-const et = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
-  T.SubContent,
+Qe.displayName = R.SubTrigger.displayName;
+const en = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
+  R.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
   }
 ));
-et.displayName = T.SubContent.displayName;
-const tt = g.forwardRef(({ className: o, sideOffset: r = 4, ...t }, a) => (
+en.displayName = R.SubContent.displayName;
+const nn = p.forwardRef(({ className: r, sideOffset: t = 4, ...n }, a) => (
   // <DropdownMenuPrimitive.Portal>
-  /* @__PURE__ */ n.jsx(
-    T.Content,
+  /* @__PURE__ */ o.jsx(
+    R.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
     }
   )
 ));
-tt.displayName = T.Content.displayName;
-const rt = g.forwardRef(({ className: o, inset: r, ...t }, a) => /* @__PURE__ */ n.jsx(
-  T.Item,
+nn.displayName = R.Content.displayName;
+const tn = p.forwardRef(({ className: r, inset: t, ...n }, a) => /* @__PURE__ */ o.jsx(
+  R.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
   }
 ));
-rt.displayName = T.Item.displayName;
-const ot = g.forwardRef(({ className: o, children: r, checked: t, ...a }, i) => /* @__PURE__ */ n.jsxs(
-  T.CheckboxItem,
+tn.displayName = R.Item.displayName;
+const rn = p.forwardRef(({ className: r, children: t, checked: n, ...a }, s) => /* @__PURE__ */ o.jsxs(
+  R.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
+    ref: s,
+    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(Ke, { 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(R.ItemIndicator, { children: /* @__PURE__ */ o.jsx(Ke, { className: "bn-h-4 bn-w-4" }) }) }),
+      t
     ]
   }
 ));
-ot.displayName = T.CheckboxItem.displayName;
-const _r = g.forwardRef(({ className: o, children: r, ...t }, a) => /* @__PURE__ */ n.jsxs(
-  T.RadioItem,
+rn.displayName = R.CheckboxItem.displayName;
+const Mt = p.forwardRef(({ className: r, children: t, ...n }, a) => /* @__PURE__ */ o.jsxs(
+  R.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(mr, { 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(R.ItemIndicator, { children: /* @__PURE__ */ o.jsx(pt, { className: "bn-h-2 bn-w-2 bn-fill-current" }) }) }),
+      t
     ]
   }
 ));
-_r.displayName = T.RadioItem.displayName;
-const nt = g.forwardRef(({ className: o, inset: r, ...t }, a) => /* @__PURE__ */ n.jsx(
-  T.Label,
+Mt.displayName = R.RadioItem.displayName;
+const on = p.forwardRef(({ className: r, inset: t, ...n }, a) => /* @__PURE__ */ o.jsx(
+  R.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
   }
 ));
-nt.displayName = T.Label.displayName;
-const at = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
-  T.Separator,
+on.displayName = R.Label.displayName;
+const an = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
+  R.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
   }
 ));
-at.displayName = T.Separator.displayName;
-const Pr = Q(
-  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-), fe = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
+an.displayName = R.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(Pr(), o),
-    ...r
+    ref: n,
+    className: b(kt(), r),
+    ...t
   }
 ));
-fe.displayName = qe.Root.displayName;
-const Ir = gr, Mr = g.createContext(
+ue.displayName = qe.Root.displayName;
+const Ft = vt, Ot = p.createContext(
   {}
-), te = () => {
-  const o = g.useContext(Mr), r = g.useContext(st), { getFieldState: t, formState: a } = vr(), i = t(o.name, a);
-  if (!o)
+), ne = () => {
+  const r = p.useContext(Ot), t = p.useContext(sn), { getFieldState: n, formState: a } = xt(), s = 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
+    ...s
   };
-}, st = g.createContext(
+}, sn = p.createContext(
   {}
-), kr = g.forwardRef(({ className: o, ...r }, t) => {
-  const a = g.useId();
-  return /* @__PURE__ */ n.jsx(st.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 }) });
 });
-kr.displayName = "FormItem";
-const Fr = g.forwardRef(({ className: o, ...r }, t) => {
-  const { error: a, formItemId: i } = te();
-  return /* @__PURE__ */ n.jsx(
-    fe,
+Lt.displayName = "FormItem";
+const Bt = p.forwardRef(({ className: r, ...t }, n) => {
+  const { error: a, formItemId: s } = ne();
+  return /* @__PURE__ */ o.jsx(
+    ue,
     {
-      ref: t,
-      className: u(a && "text-destructive", o),
-      htmlFor: i,
-      ...r
+      ref: n,
+      className: b(a && "bn-text-destructive", r),
+      htmlFor: s,
+      ...t
     }
   );
 });
-Fr.displayName = "FormLabel";
-const Or = g.forwardRef(({ ...o }, r) => {
-  const { error: t, formItemId: a, formDescriptionId: i, formMessageId: d } = te();
-  return /* @__PURE__ */ n.jsx(
+Bt.displayName = "FormLabel";
+const Vt = p.forwardRef(({ ...r }, t) => {
+  const { error: n, formItemId: a, formDescriptionId: s, 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 ? `${s} ${d}` : `${s}`,
+      "aria-invalid": !!n,
+      ...r
     }
   );
 });
-Or.displayName = "FormControl";
-const Lr = g.forwardRef(({ className: o, ...r }, t) => {
-  const { formDescriptionId: a } = te();
-  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
     }
   );
 });
-Lr.displayName = "FormDescription";
-const Br = g.forwardRef(({ className: o, children: r, ...t }, a) => {
-  const { error: i, formMessageId: d } = te(), c = i ? String(i == null ? void 0 : i.message) : r;
-  return c ? /* @__PURE__ */ n.jsx(
+At.displayName = "FormDescription";
+const $t = p.forwardRef(({ className: r, children: t, ...n }, a) => {
+  const { error: s, formMessageId: d } = ne(), c = s ? String(s == null ? void 0 : s.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;
 });
-Br.displayName = "FormMessage";
-const it = 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
     }
   )
 );
-it.displayName = "Input";
-const Vr = ee.Root, Ar = ee.Trigger, lt = 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 }, s) => (
   // <PopoverPrimitive.Portal>
-  /* @__PURE__ */ n.jsx(
+  /* @__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
+      ref: s,
+      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
     }
   )
 ));
-lt.displayName = ee.Content.displayName;
-const $r = D.Root, zr = D.Value, dt = 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(Je, { 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" }) })
     ]
   }
 ));
-dt.displayName = D.Trigger.displayName;
-const ct = 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(pr, { className: "h-4 w-4" })
+    ...t,
+    children: /* @__PURE__ */ o.jsx(gt, { className: "bn-h-4 bn-w-4" })
   }
 ));
-ct.displayName = D.ScrollUpButton.displayName;
-const ut = 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(Je, { className: "h-4 w-4" })
+    ...t,
+    children: /* @__PURE__ */ o.jsx(Je, { className: "bn-h-4 bn-w-4" })
   }
 ));
-ut.displayName = D.ScrollDownButton.displayName;
-const ft = 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 }, s) => (
   // <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
+      ref: s,
+      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(ct, {}),
-        /* @__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(ut, {})
+        /* @__PURE__ */ o.jsx(un, {})
       ]
     }
   )
 ));
-ft.displayName = D.Content.displayName;
-const Wr = 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
   }
 ));
-Wr.displayName = D.Label.displayName;
-const mt = 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(Ke, { 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 })
     ]
   }
 ));
-mt.displayName = D.Item.displayName;
-const Yr = 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
   }
 ));
-Yr.displayName = D.Separator.displayName;
-const Ur = B.Root, pt = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
-  B.List,
+Jt.displayName = D.Separator.displayName;
+const qt = V.Root, pn = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
+  V.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
   }
 ));
-pt.displayName = B.List.displayName;
-const gt = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
-  B.Trigger,
+pn.displayName = V.List.displayName;
+const gn = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
+  V.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
   }
 ));
-gt.displayName = B.Trigger.displayName;
-const vt = g.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ n.jsx(
-  B.Content,
+gn.displayName = V.Trigger.displayName;
+const vn = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
+  V.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
   }
 ));
-vt.displayName = B.Content.displayName;
-const Kr = Q(
-  "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
+vn.displayName = V.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: {
@@ -1164,31 +1170,31 @@ const Kr = Q(
       size: "default"
     }
   }
-), bt = g.forwardRef(({ className: o, variant: r, size: t, ...a }, i) => /* @__PURE__ */ n.jsx(
+), xn = p.forwardRef(({ className: r, variant: t, size: n, ...a }, s) => /* @__PURE__ */ o.jsx(
   Ge.Root,
   {
-    ref: i,
-    className: u(Kr({ variant: r, size: t, className: o })),
+    ref: s,
+    className: b(Gt({ variant: t, size: n, className: r })),
     ...a
   }
 ));
-bt.displayName = Ge.Root.displayName;
-const Jr = q.Provider, qr = q.Root, Gr = q.Trigger, xt = g.forwardRef(({ className: o, sideOffset: r = 4, ...t }, a) => /* @__PURE__ */ n.jsx(
+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
   }
 ));
-xt.displayName = q.Content.displayName;
-const Hr = {
+hn.displayName = q.Content.displayName;
+const Qt = {
   Badge: {
-    Badge: wr
+    Badge: jt
   },
   Button: {
     Button: He
@@ -1198,660 +1204,665 @@ const Hr = {
     CardContent: Ze
   },
   DropdownMenu: {
-    DropdownMenu: Sr,
-    DropdownMenuCheckboxItem: ot,
-    DropdownMenuContent: tt,
-    DropdownMenuItem: rt,
-    DropdownMenuLabel: nt,
-    DropdownMenuSeparator: at,
-    DropdownMenuSub: Dr,
-    DropdownMenuSubContent: et,
+    DropdownMenu: _t,
+    DropdownMenuCheckboxItem: rn,
+    DropdownMenuContent: nn,
+    DropdownMenuItem: tn,
+    DropdownMenuLabel: on,
+    DropdownMenuSeparator: an,
+    DropdownMenuSub: It,
+    DropdownMenuSubContent: en,
     DropdownMenuSubTrigger: Qe,
-    DropdownMenuTrigger: Er
+    DropdownMenuTrigger: Pt
   },
   Form: {
-    Form: Ir
+    Form: Ft
   },
   Input: {
-    Input: it
+    Input: ln
   },
   Label: {
-    Label: fe
+    Label: ue
   },
   Popover: {
-    Popover: Vr,
-    PopoverContent: lt,
-    PopoverTrigger: Ar
+    Popover: zt,
+    PopoverContent: dn,
+    PopoverTrigger: Wt
   },
   Select: {
-    Select: $r,
-    SelectContent: ft,
-    SelectItem: mt,
-    SelectTrigger: dt,
-    SelectValue: zr
+    Select: Yt,
+    SelectContent: fn,
+    SelectItem: mn,
+    SelectTrigger: cn,
+    SelectValue: Ut
   },
   Tabs: {
-    Tabs: Ur,
-    TabsContent: vt,
-    TabsList: pt,
-    TabsTrigger: gt
+    Tabs: qt,
+    TabsContent: vn,
+    TabsList: pn,
+    TabsTrigger: gn
   },
   Toggle: {
-    Toggle: bt
+    Toggle: xn
   },
   Tooltip: {
-    Tooltip: qr,
-    TooltipContent: xt,
-    TooltipProvider: Jr,
-    TooltipTrigger: Gr
+    Tooltip: Xt,
+    TooltipContent: hn,
+    TooltipProvider: Ht,
+    TooltipTrigger: Zt
   }
-}, ht = or(void 0);
-function R() {
-  return nr(ht);
+}, yn = ot(void 0);
+function S() {
+  return at(yn);
 }
-const Xr = (o) => {
-  const { children: r, ...t } = o;
-  C(t);
-  const a = R(), i = br();
-  return /* @__PURE__ */ n.jsx(a.Form.Form, { ...i, children: r });
-}, Zr = (o) => N(
-  (r, t) => /* @__PURE__ */ n.jsx(
-    o,
+const er = (r) => {
+  const { children: t, ...n } = r;
+  C(n);
+  const a = S(), s = ht();
+  return /* @__PURE__ */ o.jsx(a.Form.Form, { ...s, children: t });
+}, nr = (r) => N(
+  (t, n) => /* @__PURE__ */ o.jsx(
+    r,
     {
       onPointerDown: (a) => {
         a.nativeEvent.fakeEvent || (a.ctrlKey = !0);
       },
       onPointerUp: (a) => {
-        const i = new PointerEvent("pointerdown", a.nativeEvent);
-        i.fakeEvent = !0, a.target.dispatchEvent(i);
+        const s = new PointerEvent("pointerdown", a.nativeEvent);
+        s.fakeEvent = !0, a.target.dispatchEvent(s);
       },
-      ...r,
-      ref: t
+      ...t,
+      ref: n
     }
   )
-), Qr = (o) => {
+), tr = (r) => {
   const {
-    children: r,
-    onOpenChange: t,
+    children: t,
+    onOpenChange: n,
     position: a,
     // Unused
-    sub: i,
+    sub: s,
     ...d
-  } = o;
+  } = r;
   C(d);
-  const c = R();
-  return i ? /* @__PURE__ */ n.jsx(
+  const c = S();
+  return s ? /* @__PURE__ */ o.jsx(
     c.DropdownMenu.DropdownMenuSub,
     {
-      onOpenChange: t,
-      children: r
+      onOpenChange: n,
+      children: t
     }
-  ) : /* @__PURE__ */ n.jsx(c.DropdownMenu.DropdownMenu, { onOpenChange: t, children: r });
-}, eo = (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 = We(
-    () => Zr(
-      i.DropdownMenu.DropdownMenuTrigger
+  const s = S(), d = We(
+    () => nr(
+      s.DropdownMenu.DropdownMenuTrigger
     ),
-    [i.DropdownMenu.DropdownMenuTrigger]
+    [s.DropdownMenu.DropdownMenuTrigger]
   );
-  return t ? /* @__PURE__ */ n.jsx(i.DropdownMenu.DropdownMenuSubTrigger, { children: r }) : /* @__PURE__ */ n.jsx(d, { asChild: !0, ...a, children: r });
-}, to = N((o, r) => {
-  const { className: t, children: a, sub: i, ...d } = o;
+  return n ? /* @__PURE__ */ o.jsx(s.DropdownMenu.DropdownMenuSubTrigger, { children: t }) : /* @__PURE__ */ o.jsx(d, { asChild: !0, ...a, children: t });
+}, or = N((r, t) => {
+  const { className: n, children: a, sub: s, ...d } = r;
   C(d);
-  const c = R();
-  return i ? /* @__PURE__ */ n.jsx(
+  const c = S();
+  return s ? /* @__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
     }
   );
-}), ro = N((o, r) => {
-  const { className: t, children: a, icon: i, checked: d, subTrigger: c, onClick: x, ...p } = o;
-  C(p);
-  const f = R();
-  return c ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    i,
+}), ar = N((r, t) => {
+  const { className: n, children: a, icon: s, checked: d, subTrigger: c, onClick: x, ...m } = r;
+  C(m);
+  const u = S();
+  return c ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+    s,
     a
-  ] }) : d !== void 0 ? /* @__PURE__ */ n.jsxs(
-    f.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,
-      ...p,
+      ...m,
       children: [
-        i,
+        s,
         a
       ]
     }
-  ) : /* @__PURE__ */ n.jsxs(
-    f.DropdownMenu.DropdownMenuItem,
+  ) : /* @__PURE__ */ o.jsxs(
+    u.DropdownMenu.DropdownMenuItem,
     {
-      className: t,
-      ref: r,
+      className: n,
+      ref: t,
       onClick: x,
-      ...p,
+      ...m,
       children: [
-        i,
+        s,
         a,
-        c && /* @__PURE__ */ n.jsx(Ue, { className: "ml-auto h-4 w-4" })
+        c && /* @__PURE__ */ o.jsx(Ue, { className: "bn-ml-auto bn-h-4 bn-w-4" })
       ]
     }
   );
-}), oo = 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(
-    i.DropdownMenu.DropdownMenuSeparator,
+  const s = S();
+  return /* @__PURE__ */ o.jsx(
+    s.DropdownMenu.DropdownMenuSeparator,
     {
-      className: t,
-      ref: r
+      className: n,
+      ref: t
     }
   );
-}), no = N((o, r) => {
-  const { className: t, children: a, ...i } = o;
-  C(i);
-  const d = R();
-  return /* @__PURE__ */ n.jsx(
+}), ir = N((r, t) => {
+  const { className: n, children: a, ...s } = r;
+  C(s);
+  const d = S();
+  return /* @__PURE__ */ o.jsx(
     d.DropdownMenu.DropdownMenuLabel,
     {
-      className: t,
-      ref: r,
+      className: n,
+      ref: t,
       children: a
     }
   );
-}), ao = N((o, r) => {
+}), lr = N((r, t) => {
   const {
-    className: t,
+    className: n,
     tabs: a,
-    defaultOpenTab: i,
+    defaultOpenTab: s,
     openTab: d,
     setOpenTab: c,
     loading: x,
     // TODO: implement loader
-    ...p
-  } = o;
-  C(p);
-  const f = R();
-  return /* @__PURE__ */ n.jsxs(
-    f.Tabs.Tabs,
+    ...m
+  } = r;
+  C(m);
+  const u = S();
+  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,
+      defaultValue: s,
       onValueChange: c,
       children: [
-        /* @__PURE__ */ n.jsx(f.Tabs.TabsList, { children: a.map((v) => /* @__PURE__ */ n.jsx(f.Tabs.TabsTrigger, { value: v.name, children: v.name }, v.name)) }),
-        a.map((v) => /* @__PURE__ */ n.jsx(f.Tabs.TabsContent, { value: v.name, children: /* @__PURE__ */ n.jsx(f.Card.Card, { children: /* @__PURE__ */ n.jsx(f.Card.CardContent, { className: "p-4", children: v.tabPanel }) }) }, v.name))
+        /* @__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))
       ]
     }
   );
-}), so = N((o, r) => {
-  const { className: t, children: a, onClick: i, label: d, ...c } = o;
+}), dr = N((r, t) => {
+  const { className: n, children: a, onClick: s, label: d, ...c } = r;
   C(c);
-  const x = R();
-  return /* @__PURE__ */ n.jsx(
+  const x = S();
+  return /* @__PURE__ */ o.jsx(
     x.Button.Button,
     {
       type: "submit",
-      className: t,
+      className: n,
       "aria-label": d,
-      ref: r,
-      onClick: i,
+      ref: t,
+      onClick: s,
       children: a
     }
   );
-}), io = 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: s, placeholder: d, onChange: c, ...x } = r;
   C(x);
-  const p = R();
-  return /* @__PURE__ */ n.jsx(
-    p.Input.Input,
+  const m = S();
+  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 (f) => c == null ? void 0 : c(f.target.files[0]),
+      value: s ? s.name : void 0,
+      onChange: async (u) => c == null ? void 0 : c(u.target.files[0]),
       placeholder: d
     }
   );
-}), lo = 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, ...s } = r;
+  return C(s), /* @__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
     }
   );
-}), co = 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: s, onKeyDown: d, onChange: c, ...x } = r;
   C(x);
-  const p = R();
-  return /* @__PURE__ */ n.jsx(
-    p.Input.Input,
+  const m = S();
+  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,
+      placeholder: s,
       onKeyDown: d,
       onChange: c
     }
   );
-}), uo = (o) => {
+}), fr = (r) => {
   const {
-    children: r,
-    opened: t,
+    children: t,
+    opened: n,
     position: a,
     // unused
-    ...i
-  } = o;
-  C(i);
-  const d = R();
-  return /* @__PURE__ */ n.jsx(d.Popover.Popover, { open: t, children: r });
-}, fo = N(
-  (o, r) => {
-    const { children: t, ...a } = o;
+    ...s
+  } = r;
+  C(s);
+  const d = S();
+  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 });
+    const s = S();
+    return /* @__PURE__ */ o.jsx(s.Popover.PopoverTrigger, { ref: t, asChild: !0, children: n });
   }
-), mo = N((o, r) => {
-  const { className: t, variant: a, children: i, ...d } = o;
+), pr = N((r, t) => {
+  const { className: n, variant: a, children: s, ...d } = r;
   C(d);
-  const c = R();
-  return /* @__PURE__ */ n.jsx(
+  const c = S();
+  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,
-      children: i
+      ref: t,
+      children: s
     }
   );
-}), po = N((o, r) => {
-  const { className: t, children: a, ...i } = o;
-  return C(i, !1), /* @__PURE__ */ n.jsx("div", { className: t, ref: r, ...i, children: a });
-}), go = N((o, r) => {
+}), gr = N((r, t) => {
+  const { className: n, children: a, ...s } = r;
+  return C(s, !1), /* @__PURE__ */ o.jsx("div", { className: n, ref: t, ...s, children: a });
+}), vr = N((r, t) => {
   const {
-    className: t,
+    className: n,
     children: a,
-    icon: i,
+    icon: s,
     onClick: d,
     onDragEnd: c,
     onDragStart: x,
-    draggable: p,
-    label: f,
-    ...v
-  } = o;
-  C(v, !1);
-  const S = R();
-  return /* @__PURE__ */ n.jsxs(
-    S.Button.Button,
+    draggable: m,
+    label: u,
+    ...g
+  } = r;
+  C(g, !1);
+  const j = S();
+  return /* @__PURE__ */ o.jsxs(
+    j.Button.Button,
     {
       variant: "ghost",
-      className: u(t, "text-gray-400"),
-      ref: r,
-      "aria-label": f,
+      className: b(n, "bn-text-gray-400"),
+      ref: t,
+      "aria-label": u,
       onClick: d,
       onDragStart: x,
       onDragEnd: c,
-      draggable: p,
-      ...v,
+      draggable: m,
+      ...g,
       children: [
-        i,
+        s,
         a
       ]
     }
   );
-}), vo = 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: s, ...d } = r;
+  return C(d), /* @__PURE__ */ o.jsx(
     "div",
     {
-      id: i,
+      id: s,
       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
     }
   );
-}), bo = 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, ...s } = r;
+  return C(s), /* @__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 })
     }
   );
-}), xo = N((o, r) => {
-  const t = R(), { className: a, item: i, isSelected: d, onClick: c, id: x, ...p } = o;
-  C(p);
-  const f = ar(null);
-  return sr(() => {
-    if (!f.current || !d)
+}), yr = N((r, t) => {
+  const n = S(), { className: a, item: s, isSelected: d, onClick: c, id: x, ...m } = r;
+  C(m);
+  const u = st(null);
+  return it(() => {
+    if (!u.current || !d)
       return;
-    const v = ir(f.current);
-    v === "top" ? f.current.scrollIntoView(!0) : v === "bottom" && f.current.scrollIntoView(!1);
-  }, [d]), /* @__PURE__ */ n.jsxs(
+    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: lr([r, f]),
+      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 })
+        s.icon && /* @__PURE__ */ o.jsx("div", { className: "bn-p-3", "data-position": "left", children: s.icon }),
+        /* @__PURE__ */ o.jsxs("div", { className: "bn-flex-1", children: [
+          /* @__PURE__ */ o.jsx("div", { className: "bn-text-base", children: s.title }),
+          /* @__PURE__ */ o.jsx("div", { className: "bn-text-xs", children: s.subtext })
         ] }),
-        i.badge && /* @__PURE__ */ n.jsx("div", { "data-position": "right", className: "text-xs", children: /* @__PURE__ */ n.jsx(t.Badge.Badge, { variant: "secondary", children: i.badge }) })
+        s.badge && /* @__PURE__ */ o.jsx("div", { "data-position": "right", className: "bn-text-xs", children: /* @__PURE__ */ o.jsx(n.Badge.Badge, { variant: "secondary", children: s.badge }) })
       ]
     }
   );
-}), ho = 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, ...s } = r;
+  return C(s), /* @__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
     }
   );
-}), yo = N((o, r) => {
-  const { className: t, children: a, ...i } = o;
-  return C(i), /* @__PURE__ */ n.jsx("div", { className: t, ref: r, children: a });
-}), wo = N((o, r) => {
+}), Cr = N((r, t) => {
+  const { className: n, children: a, ...s } = r;
+  return C(s), /* @__PURE__ */ o.jsx("div", { className: n, ref: t, children: a });
+}), Nr = N((r, t) => {
   const {
-    className: t,
+    className: n,
     children: a,
-    draggable: i,
+    draggable: s,
     onDragStart: d,
     onDragEnd: c,
     style: x,
-    label: p,
-    ...f
-  } = o;
-  C(f, !1);
-  const v = R();
-  return /* @__PURE__ */ n.jsx(
-    v.Button.Button,
+    label: m,
+    ...u
+  } = r;
+  C(u, !1);
+  const g = S();
+  return /* @__PURE__ */ o.jsx(
+    g.Button.Button,
     {
       variant: "ghost",
-      className: u(t, "p-0 h-fit w-fit text-gray-400"),
-      ref: r,
-      "aria-label": p,
-      draggable: i,
+      className: b(n, "bn-p-0 bn-h-fit bn-w-fit bn-text-gray-400"),
+      ref: t,
+      "aria-label": m,
+      draggable: s,
       onDragStart: d,
       onDragEnd: c,
       style: x,
-      ...f,
+      ...u,
       children: a
     }
   );
-}), Co = N(
-  (o) => {
-    const {
-      className: r,
-      name: t,
-      label: a,
-      icon: i,
-      // TODO: implement
-      value: d,
-      autoFocus: c,
-      placeholder: x,
-      onKeyDown: p,
-      onChange: f,
-      onSubmit: v,
-      ...S
-    } = o;
-    C(S);
-    const _ = R();
-    return a ? /* @__PURE__ */ n.jsxs("div", { children: [
-      /* @__PURE__ */ n.jsx(_.Label.Label, { htmlFor: a, children: a }),
-      /* @__PURE__ */ n.jsx(
-        _.Input.Input,
-        {
-          className: r,
-          id: a,
-          name: t,
-          autoFocus: c,
-          placeholder: x,
-          value: d,
-          onKeyDown: p,
-          onChange: f,
-          onSubmit: v
-        }
-      )
-    ] }) : /* @__PURE__ */ n.jsx(
-      _.Input.Input,
+}), jr = N((r, t) => {
+  const {
+    className: n,
+    name: a,
+    label: s,
+    icon: d,
+    // TODO: implement
+    value: c,
+    autoFocus: x,
+    placeholder: m,
+    onKeyDown: u,
+    onChange: g,
+    onSubmit: j,
+    ..._
+  } = r;
+  C(_);
+  const F = S();
+  return s ? /* @__PURE__ */ o.jsxs("div", { children: [
+    /* @__PURE__ */ o.jsx(F.Label.Label, { htmlFor: s, children: s }),
+    /* @__PURE__ */ o.jsx(
+      F.Input.Input,
       {
-        "aria-label": t,
-        name: t,
-        autoFocus: c,
-        placeholder: x,
-        value: d,
-        onKeyDown: p,
-        onChange: f,
-        onSubmit: v
+        className: n,
+        id: s,
+        name: a,
+        autoFocus: x,
+        placeholder: m,
+        value: c,
+        onKeyDown: u,
+        onChange: g,
+        onSubmit: j
       }
-    );
-  }
-), Ae = N(
-  (o, r) => {
-    const { className: t, children: a, onMouseEnter: i, onMouseLeave: d, ...c } = o;
+    )
+  ] }) : /* @__PURE__ */ o.jsx(
+    F.Input.Input,
+    {
+      "aria-label": a,
+      name: a,
+      autoFocus: x,
+      placeholder: m,
+      value: c,
+      onKeyDown: u,
+      onChange: g,
+      onSubmit: j,
+      ref: t
+    }
+  );
+}), Ae = N(
+  (r, t) => {
+    const { className: n, children: a, onMouseEnter: s, onMouseLeave: d, ...c } = r;
     C(c);
-    const x = R();
-    return /* @__PURE__ */ n.jsx(x.Tooltip.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ n.jsx(
+    const x = S();
+    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,
-        onMouseEnter: i,
+        ref: t,
+        onMouseEnter: s,
         onMouseLeave: d,
         children: a
       }
     ) });
   }
 ), $e = N(
-  (o, r) => {
+  (r, t) => {
     const {
-      className: t,
+      className: n,
       children: a,
-      mainTooltip: i,
+      mainTooltip: s,
       secondaryTooltip: d,
       icon: c,
       isSelected: x,
-      isDisabled: p,
-      onClick: f,
-      label: v,
-      ...S
-    } = o;
-    C(S, !1);
-    const _ = R(), V = x === void 0 ? /* @__PURE__ */ n.jsxs(
+      isDisabled: m,
+      onClick: u,
+      label: g,
+      ...j
+    } = r;
+    C(j, !1);
+    const _ = S(), F = x === void 0 ? /* @__PURE__ */ o.jsxs(
       _.Button.Button,
       {
-        className: t,
+        className: n,
         variant: "ghost",
-        disabled: p,
-        onClick: f,
-        ref: r,
-        "aria-label": v,
-        ...S,
+        disabled: m,
+        onClick: u,
+        ref: t,
+        "aria-label": g,
+        ...j,
         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": v,
-        onClick: f,
+        "aria-label": g,
+        onClick: u,
         pressed: x,
-        disabled: p,
+        disabled: m,
         "data-state": x ? "on" : "off",
-        "data-disabled": p,
-        ref: r,
-        ...S,
+        "data-disabled": m,
+        ref: t,
+        ...j,
         children: [
           c,
           a
         ]
       }
     );
-    return /* @__PURE__ */ n.jsxs(_.Tooltip.Tooltip, { children: [
-      /* @__PURE__ */ n.jsx(_.Tooltip.TooltipTrigger, { asChild: !0, children: V }),
-      /* @__PURE__ */ n.jsxs(
+    return /* @__PURE__ */ o.jsxs(_.Tooltip.Tooltip, { children: [
+      /* @__PURE__ */ o.jsx(_.Tooltip.TooltipTrigger, { asChild: !0, children: F }),
+      /* @__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: s }),
+            d && /* @__PURE__ */ o.jsx("span", { children: d })
           ]
         }
       )
     ] });
   }
-), No = N((o, r) => {
-  const { className: t, items: a, isDisabled: i, ...d } = o;
+), Tr = N((r, t) => {
+  const { className: n, items: a, isDisabled: s, ...d } = r;
   C(d);
-  const c = R(), x = (f) => /* @__PURE__ */ n.jsxs("div", { className: "flex gap-1 items-center", children: [
-    f.icon,
-    f.text
-  ] }), p = a.filter((f) => f.isSelected)[0];
-  return p ? /* @__PURE__ */ n.jsxs(
+  const c = S(), 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: p.text,
-      onValueChange: (f) => {
-        var v, S;
-        return (S = (v = a.find((_) => _.text === f)).onClick) == null ? void 0 : S.call(v);
+      value: m.text,
+      onValueChange: (u) => {
+        var g, j;
+        return (j = (g = a.find((_) => _.text === u)).onClick) == null ? void 0 : j.call(g);
       },
-      disabled: i,
+      disabled: s,
       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((f) => /* @__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: f.isDisabled,
-            value: f.text,
-            children: /* @__PURE__ */ n.jsx(x, { ...f })
+            disabled: u.isDisabled,
+            value: u.text,
+            children: /* @__PURE__ */ o.jsx(x, { ...u })
           },
-          f.text
+          u.text
         )) })
       ]
     }
   ) : null;
 });
-const jo = {
+const Rr = {
   FormattingToolbar: {
     Root: Ae,
     Button: $e,
-    Select: No
+    Select: Tr
   },
   FilePanel: {
-    Root: ao,
-    Button: so,
-    FileInput: io,
-    TabPanel: lo,
-    TextInput: co
+    Root: lr,
+    Button: dr,
+    FileInput: cr,
+    TabPanel: br,
+    TextInput: ur
   },
   LinkToolbar: {
     Root: Ae,
     Button: $e
   },
   SideMenu: {
-    Root: po,
-    Button: go
+    Root: gr,
+    Button: vr
   },
   SuggestionMenu: {
-    Root: vo,
-    Item: xo,
-    EmptyItem: bo,
-    Label: ho,
-    Loader: yo
+    Root: xr,
+    Item: yr,
+    EmptyItem: hr,
+    Label: wr,
+    Loader: Cr
   },
   TableHandle: {
-    Root: wo
+    Root: Nr
   },
   Generic: {
     Form: {
-      Root: Xr,
-      TextInput: Co
+      Root: er,
+      TextInput: jr
     },
     Menu: {
-      Root: Qr,
-      Trigger: eo,
-      Dropdown: to,
-      Divider: oo,
-      Label: no,
-      Item: ro
+      Root: tr,
+      Trigger: rr,
+      Dropdown: or,
+      Divider: sr,
+      Label: ir,
+      Item: ar
     },
     Popover: {
-      Root: uo,
-      Trigger: fo,
-      Content: mo
+      Root: fr,
+      Trigger: mr,
+      Content: pr
     }
   }
-}, ko = (o) => {
-  const { shadCNComponents: r, ...t } = o, a = We(() => ({
-    ...r,
-    ...Hr
-  }), [r]);
-  return /* @__PURE__ */ n.jsx(ht.Provider, { value: a, children: /* @__PURE__ */ n.jsx(dr.Provider, { value: jo, children: /* @__PURE__ */ n.jsx(cr, { ...t }) }) });
+}, Or = (r) => {
+  const { className: t, shadCNComponents: n, ...a } = r, s = We(() => ({
+    ...Qt,
+    ...n
+  }), [n]);
+  return /* @__PURE__ */ o.jsx(yn.Provider, { value: s, children: /* @__PURE__ */ o.jsx(bt.Provider, { value: Rr, children: /* @__PURE__ */ o.jsx(
+    ut,
+    {
+      className: lt("bn-shadcn", t || ""),
+      ...a
+    }
+  ) }) });
 };
 export {
-  ko as BlockNoteView,
-  jo as components
+  Or as BlockNoteView,
+  Rr as components
 };
 //# sourceMappingURL=blocknote-shadcn.js.map