@blocknote/shadcn 0.14.2 → 0.14.4

package/dist/blocknote-shadcn.js

@@ -6,13 +6,13 @@ import { cva as Q } from "class-variance-authority";
 import { clsx as ft } from "clsx";
 import { extendTailwindMerge as mt } from "tailwind-merge";
 import { Slot as Ye } from "@radix-ui/react-slot";
-import * as T from "@radix-ui/react-dropdown-menu";
+import * 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";
 var be = { exports: {} }, K = {};
@@ -30,16 +30,16 @@ function yt() {
   if (Be)
     return K;
   Be = 1;
-  var r = ze, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, i = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
+  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, S = {}, _ = null, V = null;
-    u !== void 0 && (_ = "" + u), m.key !== void 0 && (_ = "" + m.key), m.ref !== void 0 && (V = m.ref);
+    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) && (S[g] = m[g]);
+      a.call(m, g) && !d.hasOwnProperty(g) && (j[g] = m[g]);
     if (x && x.defaultProps)
       for (g in m = x.defaultProps, m)
-        S[g] === void 0 && (S[g] = m[g]);
-    return { $$typeof: t, type: x, key: _, ref: V, props: S, _owner: i.current };
+        j[g] === void 0 && (j[g] = m[g]);
+    return { $$typeof: t, type: x, key: _, ref: F, props: j, _owner: s.current };
   }
   return K.Fragment = n, K.jsx = c, K.jsxs = c, K;
 }
@@ -56,51 +56,51 @@ var J = {};
 var Ve;
 function wt() {
   return Ve || (Ve = 1, process.env.NODE_ENV !== "production" && function() {
-    var r = ze, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), x = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), S = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), V = Symbol.for("react.offscreen"), fe = Symbol.iterator, wn = "@@iterator";
+    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 = fe && e[fe] || e[wn];
-      return typeof s == "function" ? s : null;
+      var i = fe && e[fe] || e[wn];
+      return typeof i == "function" ? i : null;
     }
     var A = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function P(e) {
       {
-        for (var s = arguments.length, l = new Array(s > 1 ? s - 1 : 0), f = 1; f < s; f++)
+        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 Nn(e, s, l) {
+    function Nn(e, i, l) {
       {
         var f = A.ReactDebugCurrentFrame, y = f.getStackAddendum();
-        y !== "" && (s += "%s", l = l.concat([y]));
+        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 jn = !1, Tn = !1, Rn = !1, Sn = !1, En = !1, me;
     me = Symbol.for("react.module.reference");
     function Dn(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === a || e === d || En || e === i || e === u || e === g || Sn || e === V || jn || Tn || Rn || typeof e == "object" && e !== null && (e.$$typeof === _ || e.$$typeof === S || e.$$typeof === c || e.$$typeof === x || e.$$typeof === m || // This needs to include all possible module reference object
+      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 === me || e.getModuleId !== void 0));
     }
-    function _n(e, s, l) {
+    function _n(e, i, l) {
       var f = e.displayName;
       if (f)
         return f;
-      var y = s.displayName || s.name || "";
+      var y = i.displayName || i.name || "";
       return y !== "" ? l + "(" + y + ")" : l;
     }
     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")
@@ -114,7 +114,7 @@ function wt() {
           return "Portal";
         case d:
           return "Profiler";
-        case i:
+        case s:
           return "StrictMode";
         case u:
           return "Suspense";
@@ -124,20 +124,20 @@ function wt() {
       if (typeof e == "object")
         switch (e.$$typeof) {
           case x:
-            var s = e;
-            return pe(s) + ".Consumer";
+            var i = e;
+            return pe(i) + ".Consumer";
           case c:
             var l = e;
             return pe(l._context) + ".Provider";
           case m:
             return _n(e, e.render, "ForwardRef");
-          case S:
+          case j:
             var f = e.displayName || null;
-            return f !== null ? f : F(e.type) || "Memo";
+            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,7 +145,7 @@ function wt() {
         }
       return null;
     }
-    var O = Object.assign, W = 0, ge, ve, xe, he, ye, we, Ce;
+    var L = Object.assign, W = 0, ge, ve, xe, he, ye, we, Ce;
     function Ne() {
     }
     Ne.__reactDisabledLog = !0;
@@ -181,25 +181,25 @@ function wt() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: O({}, e, {
+            log: L({}, e, {
               value: ge
             }),
-            info: O({}, e, {
+            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
             })
           });
@@ -208,7 +208,7 @@ function wt() {
       }
     }
     var te = A.ReactCurrentDispatcher, re;
-    function G(e, s, l) {
+    function G(e, i, l) {
       {
         if (re === void 0)
           try {
@@ -226,7 +226,7 @@ function wt() {
       var Mn = typeof WeakMap == "function" ? WeakMap : Map;
       H = new Mn();
     }
-    function je(e, s) {
+    function je(e, i) {
       if (!e || oe)
         return "";
       {
@@ -241,7 +241,7 @@ function wt() {
       var w;
       w = te.current, te.current = null, Pn();
       try {
-        if (s) {
+        if (i) {
           var h = function() {
             throw Error();
           };
@@ -276,35 +276,35 @@ function wt() {
         if (M && f && typeof M.stack == "string") {
           for (var v = M.stack.split(`
 `), I = f.stack.split(`
-`), j = v.length - 1, E = I.length - 1; j >= 1 && E >= 0 && v[j] !== I[E]; )
+`), 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 (v[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 || v[j] !== I[E]) {
+                  if (T--, E--, E < 0 || v[T] !== I[E]) {
                     var k = `
-` + v[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 {
         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 kn(e, s, l) {
+    function kn(e, i, l) {
       return je(e, !1);
     }
     function Fn(e) {
-      var s = e.prototype;
-      return !!(s && s.isReactComponent);
+      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")
@@ -321,12 +321,12 @@ function wt() {
         switch (e.$$typeof) {
           case m:
             return kn(e.render);
-          case S:
-            return X(e.type, s, l);
+          case j:
+            return X(e.type, i, l);
           case _: {
             var f = e, y = f._payload, w = f._init;
             try {
-              return X(w(y), s, l);
+              return X(w(y), i, l);
             } catch {
             }
           }
@@ -336,12 +336,12 @@ function wt() {
     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 On(e, s, l, f, y) {
+    function On(e, i, l, f, y) {
       {
         var w = Function.call.bind(Y);
         for (var h in e)
@@ -352,9 +352,9 @@ function wt() {
                 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;
               }
-              v = e[h](s, h, f, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (j) {
-              v = j;
+              v = e[h](i, h, f, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (T) {
+              v = T;
             }
             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));
           }
@@ -366,7 +366,7 @@ function wt() {
     }
     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;
       }
     }
@@ -393,30 +393,30 @@ function wt() {
     se = {};
     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 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 Wn(e, s) {
-      if (typeof e.ref == "string" && U.current && s && U.current.stateNode !== s) {
-        var l = F(U.current.type);
-        se[l] || (P('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', F(U.current.type), e.ref), se[l] = !0);
+    function 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 Yn(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 wt() {
         });
       }
     }
-    function Un(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,13 +435,13 @@ function wt() {
         });
       }
     }
-    var Kn = function(e, s, l, f, y, w, h) {
+    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: 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.
@@ -464,16 +464,16 @@ function wt() {
         value: y
       }), Object.freeze && (Object.freeze(v.props), Object.freeze(v)), v;
     };
-    function Jn(e, s, l, f, y) {
+    function Jn(e, i, l, f, y) {
       {
         var w, h = {}, v = null, I = null;
-        l !== void 0 && (Ee(l), v = "" + l), zn(s) && (Ee(s.key), v = "" + s.key), $n(s) && (I = s.ref, Wn(s, y));
-        for (w in s)
-          Y.call(s, w) && !An.hasOwnProperty(w) && (h[w] = s[w]);
+        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 (v || I) {
           var E = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
@@ -485,7 +485,7 @@ function wt() {
     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);
@@ -498,7 +498,7 @@ function wt() {
     function Ie() {
       {
         if (ie.current) {
-          var e = F(ie.current.type);
+          var e = O(ie.current.type);
           if (e)
             return `
 
@@ -510,10 +510,10 @@ Check the render method of \`` + 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 "";
       }
@@ -521,37 +521,37 @@ Check your code at ` + s + ":" + l + ".";
     var Me = {};
     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 = Gn(s);
+        var l = Gn(i);
         if (Me[l])
           return;
         Me[l] = !0;
         var f = "";
-        e && e._owner && e._owner !== ie.current && (f = " It was passed a child from " + F(e._owner.type) + "."), $(e), P('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', l, f), $(null);
+        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 f = e[l];
-            de(f) && ke(f, s);
+            de(f) && ke(f, i);
           }
         else if (de(e))
           e._store && (e._store.validated = !0);
@@ -559,39 +559,39 @@ Check the top-level render call using <` + l + ">.");
           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 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 === m || // 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 f = F(s);
+          var f = O(i);
           On(l, e.props, "prop", f, e);
-        } else if (s.PropTypes !== void 0 && !le) {
+        } 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 Xn(e) {
       {
-        for (var s = Object.keys(e.props), l = 0; l < s.length; l++) {
-          var f = s[l];
+        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,7 +601,7 @@ Check the top-level render call using <` + l + ">.");
       }
     }
     var Oe = {};
-    function Le(e, s, l, f, y, w) {
+    function Le(e, i, l, f, y, w) {
       {
         var h = Dn(e);
         if (!h) {
@@ -609,14 +609,14 @@ Check the top-level render call using <` + l + ">.");
           (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 j;
-          e === null ? j = "null" : ae(e) ? j = "array" : e !== void 0 && e.$$typeof === t ? (j = "<" + (F(e.type) || "Unknown") + " />", v = " Did you accidentally export a JSX literal instead of a component?") : j = typeof e, P("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", j, v);
+          var 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 = Jn(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 (f)
               if (ae(k)) {
@@ -628,28 +628,28 @@ 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(rt) {
+        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]) {
+          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, tt, L), Oe[L + ce] = !0;
+  <%s key={someKey} {...props} />`, ce, B, tt, B), Oe[B + ce] = !0;
           }
         }
         return e === a ? Xn(E) : Hn(E), E;
       }
     }
-    function Zn(e, s, l) {
-      return Le(e, s, l, !0);
+    function Zn(e, i, l) {
+      return Le(e, i, l, !0);
     }
-    function Qn(e, s, l) {
-      return Le(e, s, l, !1);
+    function Qn(e, i, l) {
+      return Le(e, i, l, !1);
     }
     var et = Qn, nt = Zn;
     J.Fragment = a, J.jsx = et, J.jsxs = nt;
@@ -707,14 +707,14 @@ const Tt = Q(
     }
   }
 ), He = p.forwardRef(
-  ({ className: r, variant: t, size: n, asChild: a = !1, ...i }, d) => {
+  ({ className: r, variant: t, size: n, asChild: a = !1, ...s }, d) => {
     const c = a ? Ye : "button";
     return /* @__PURE__ */ o.jsx(
       c,
       {
         className: b(Tt({ variant: t, size: n, className: r })),
         ref: d,
-        ...i
+        ...s
       }
     );
   }
@@ -773,10 +773,10 @@ const Dt = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
   }
 ));
 Dt.displayName = "CardFooter";
-const _t = T.Root, Pt = T.Trigger, It = T.Sub, Qe = p.forwardRef(({ className: r, inset: t, children: n, ...a }, i) => /* @__PURE__ */ o.jsxs(
-  T.SubTrigger,
+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,
+    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",
@@ -789,9 +789,9 @@ const _t = T.Root, Pt = T.Trigger, It = T.Sub, Qe = p.forwardRef(({ className: r
     ]
   }
 ));
-Qe.displayName = T.SubTrigger.displayName;
+Qe.displayName = R.SubTrigger.displayName;
 const en = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
-  T.SubContent,
+  R.SubContent,
   {
     ref: n,
     className: b(
@@ -801,11 +801,11 @@ const en = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
     ...t
   }
 ));
-en.displayName = T.SubContent.displayName;
+en.displayName = R.SubContent.displayName;
 const nn = p.forwardRef(({ className: r, sideOffset: t = 4, ...n }, a) => (
   // <DropdownMenuPrimitive.Portal>
   /* @__PURE__ */ o.jsx(
-    T.Content,
+    R.Content,
     {
       ref: a,
       sideOffset: t,
@@ -817,9 +817,9 @@ const nn = p.forwardRef(({ className: r, sideOffset: t = 4, ...n }, a) => (
     }
   )
 ));
-nn.displayName = T.Content.displayName;
+nn.displayName = R.Content.displayName;
 const tn = p.forwardRef(({ className: r, inset: t, ...n }, a) => /* @__PURE__ */ o.jsx(
-  T.Item,
+  R.Item,
   {
     ref: a,
     className: b(
@@ -830,11 +830,11 @@ const tn = p.forwardRef(({ className: r, inset: t, ...n }, a) => /* @__PURE__ */
     ...n
   }
 ));
-tn.displayName = T.Item.displayName;
-const rn = p.forwardRef(({ className: r, children: t, checked: n, ...a }, i) => /* @__PURE__ */ o.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,
+    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
@@ -842,14 +842,14 @@ const rn = p.forwardRef(({ className: r, children: t, checked: n, ...a }, i) =>
     checked: n,
     ...a,
     children: [
-      /* @__PURE__ */ o.jsx("span", { className: "bn-absolute bn-left-2 bn-flex bn-h-3.5 bn-w-3.5 bn-items-center bn-justify-center", children: /* @__PURE__ */ o.jsx(T.ItemIndicator, { children: /* @__PURE__ */ o.jsx(Ke, { className: "bn-h-4 bn-w-4" }) }) }),
+      /* @__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
     ]
   }
 ));
-rn.displayName = T.CheckboxItem.displayName;
+rn.displayName = R.CheckboxItem.displayName;
 const Mt = p.forwardRef(({ className: r, children: t, ...n }, a) => /* @__PURE__ */ o.jsxs(
-  T.RadioItem,
+  R.RadioItem,
   {
     ref: a,
     className: b(
@@ -858,14 +858,14 @@ const Mt = p.forwardRef(({ className: r, children: t, ...n }, a) => /* @__PURE__
     ),
     ...n,
     children: [
-      /* @__PURE__ */ o.jsx("span", { className: "bn-absolute bn-left-2 bn-flex bn-h-3.5 bn-w-3.5 bn-items-center bn-justify-center", children: /* @__PURE__ */ o.jsx(T.ItemIndicator, { children: /* @__PURE__ */ o.jsx(pt, { className: "bn-h-2 bn-w-2 bn-fill-current" }) }) }),
+      /* @__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
     ]
   }
 ));
-Mt.displayName = T.RadioItem.displayName;
+Mt.displayName = R.RadioItem.displayName;
 const on = p.forwardRef(({ className: r, inset: t, ...n }, a) => /* @__PURE__ */ o.jsx(
-  T.Label,
+  R.Label,
   {
     ref: a,
     className: b(
@@ -876,16 +876,16 @@ const on = p.forwardRef(({ className: r, inset: t, ...n }, a) => /* @__PURE__ */
     ...n
   }
 ));
-on.displayName = T.Label.displayName;
+on.displayName = R.Label.displayName;
 const an = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
-  T.Separator,
+  R.Separator,
   {
     ref: n,
     className: b("bn--mx-1 bn-my-1 bn-h-px bn-bg-muted", r),
     ...t
   }
 ));
-an.displayName = T.Separator.displayName;
+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(
@@ -900,7 +900,7 @@ ue.displayName = qe.Root.displayName;
 const Ft = vt, Ot = p.createContext(
   {}
 ), ne = () => {
-  const r = p.useContext(Ot), t = p.useContext(sn), { getFieldState: n, formState: a } = xt(), i = n(r.name, a);
+  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 } = t;
@@ -910,7 +910,7 @@ const Ft = vt, Ot = p.createContext(
     formItemId: `${d}-form-item`,
     formDescriptionId: `${d}-form-item-description`,
     formMessageId: `${d}-form-item-message`,
-    ...i
+    ...s
   };
 }, sn = p.createContext(
   {}
@@ -920,26 +920,26 @@ const Ft = vt, Ot = p.createContext(
 });
 Lt.displayName = "FormItem";
 const Bt = p.forwardRef(({ className: r, ...t }, n) => {
-  const { error: a, formItemId: i } = ne();
+  const { error: a, formItemId: s } = ne();
   return /* @__PURE__ */ o.jsx(
     ue,
     {
       ref: n,
       className: b(a && "bn-text-destructive", r),
-      htmlFor: i,
+      htmlFor: s,
       ...t
     }
   );
 });
 Bt.displayName = "FormLabel";
 const Vt = p.forwardRef(({ ...r }, t) => {
-  const { error: n, formItemId: a, formDescriptionId: i, formMessageId: d } = ne();
+  const { error: n, formItemId: a, formDescriptionId: s, formMessageId: d } = ne();
   return /* @__PURE__ */ o.jsx(
     Ye,
     {
       ref: t,
       id: a,
-      "aria-describedby": n ? `${i} ${d}` : `${i}`,
+      "aria-describedby": n ? `${s} ${d}` : `${s}`,
       "aria-invalid": !!n,
       ...r
     }
@@ -960,7 +960,7 @@ const At = p.forwardRef(({ className: r, ...t }, n) => {
 });
 At.displayName = "FormDescription";
 const $t = p.forwardRef(({ className: r, children: t, ...n }, a) => {
-  const { error: i, formMessageId: d } = ne(), c = i ? String(i == null ? void 0 : i.message) : t;
+  const { error: s, formMessageId: d } = ne(), c = s ? String(s == null ? void 0 : s.message) : t;
   return c ? /* @__PURE__ */ o.jsx(
     "p",
     {
@@ -988,12 +988,12 @@ const ln = p.forwardRef(
   )
 );
 ln.displayName = "Input";
-const zt = ee.Root, Wt = ee.Trigger, dn = p.forwardRef(({ className: r, align: t = "center", sideOffset: n = 4, ...a }, i) => (
+const zt = ee.Root, Wt = ee.Trigger, dn = p.forwardRef(({ className: r, align: t = "center", sideOffset: n = 4, ...a }, s) => (
   // <PopoverPrimitive.Portal>
   /* @__PURE__ */ o.jsx(
     ee.Content,
     {
-      ref: i,
+      ref: s,
       align: t,
       sideOffset: n,
       className: b(
@@ -1047,12 +1047,12 @@ const un = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
   }
 ));
 un.displayName = D.ScrollDownButton.displayName;
-const fn = p.forwardRef(({ className: r, children: t, position: n = "popper", ...a }, i) => (
+const fn = p.forwardRef(({ className: r, children: t, position: n = "popper", ...a }, s) => (
   // <SelectPrimitive.Portal>
   /* @__PURE__ */ o.jsxs(
     D.Content,
     {
-      ref: i,
+      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",
@@ -1115,8 +1115,8 @@ const Jt = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
   }
 ));
 Jt.displayName = D.Separator.displayName;
-const qt = B.Root, pn = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
-  B.List,
+const qt = V.Root, pn = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
+  V.List,
   {
     ref: n,
     className: b(
@@ -1126,9 +1126,9 @@ const qt = B.Root, pn = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__
     ...t
   }
 ));
-pn.displayName = B.List.displayName;
+pn.displayName = V.List.displayName;
 const gn = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
-  B.Trigger,
+  V.Trigger,
   {
     ref: n,
     className: b(
@@ -1138,9 +1138,9 @@ const gn = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
     ...t
   }
 ));
-gn.displayName = B.Trigger.displayName;
+gn.displayName = V.Trigger.displayName;
 const vn = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
-  B.Content,
+  V.Content,
   {
     ref: n,
     className: b(
@@ -1150,7 +1150,7 @@ const vn = p.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ o.jsx(
     ...t
   }
 ));
-vn.displayName = B.Content.displayName;
+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",
   {
@@ -1170,10 +1170,10 @@ const Gt = Q(
       size: "default"
     }
   }
-), xn = p.forwardRef(({ className: r, variant: t, size: n, ...a }, i) => /* @__PURE__ */ o.jsx(
+), xn = p.forwardRef(({ className: r, variant: t, size: n, ...a }, s) => /* @__PURE__ */ o.jsx(
   Ge.Root,
   {
-    ref: i,
+    ref: s,
     className: b(Gt({ variant: t, size: n, className: r })),
     ...a
   }
@@ -1252,14 +1252,14 @@ const Qt = {
     TooltipTrigger: Zt
   }
 }, yn = ot(void 0);
-function R() {
+function S() {
   return at(yn);
 }
 const er = (r) => {
   const { children: t, ...n } = r;
   C(n);
-  const a = R(), i = ht();
-  return /* @__PURE__ */ o.jsx(a.Form.Form, { ...i, children: t });
+  const a = S(), s = ht();
+  return /* @__PURE__ */ o.jsx(a.Form.Form, { ...s, children: t });
 }, nr = (r) => N(
   (t, n) => /* @__PURE__ */ o.jsx(
     r,
@@ -1268,8 +1268,8 @@ const er = (r) => {
         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);
       },
       ...t,
       ref: n
@@ -1281,12 +1281,12 @@ const er = (r) => {
     onOpenChange: n,
     position: a,
     // Unused
-    sub: i,
+    sub: s,
     ...d
   } = r;
   C(d);
-  const c = R();
-  return i ? /* @__PURE__ */ o.jsx(
+  const c = S();
+  return s ? /* @__PURE__ */ o.jsx(
     c.DropdownMenu.DropdownMenuSub,
     {
       onOpenChange: n,
@@ -1296,18 +1296,18 @@ const er = (r) => {
 }, rr = (r) => {
   const { children: t, sub: n, ...a } = r;
   C(a);
-  const i = R(), d = We(
+  const s = S(), d = We(
     () => nr(
-      i.DropdownMenu.DropdownMenuTrigger
+      s.DropdownMenu.DropdownMenuTrigger
     ),
-    [i.DropdownMenu.DropdownMenuTrigger]
+    [s.DropdownMenu.DropdownMenuTrigger]
   );
-  return n ? /* @__PURE__ */ o.jsx(i.DropdownMenu.DropdownMenuSubTrigger, { children: t }) : /* @__PURE__ */ o.jsx(d, { asChild: !0, ...a, children: t });
+  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: i, ...d } = r;
+  const { className: n, children: a, sub: s, ...d } = r;
   C(d);
-  const c = R();
-  return i ? /* @__PURE__ */ o.jsx(
+  const c = S();
+  return s ? /* @__PURE__ */ o.jsx(
     c.DropdownMenu.DropdownMenuSubContent,
     {
       className: n,
@@ -1323,11 +1323,11 @@ const er = (r) => {
     }
   );
 }), ar = N((r, t) => {
-  const { className: n, children: a, icon: i, checked: d, subTrigger: c, onClick: x, ...m } = r;
+  const { className: n, children: a, icon: s, checked: d, subTrigger: c, onClick: x, ...m } = r;
   C(m);
-  const u = R();
+  const u = S();
   return c ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    i,
+    s,
     a
   ] }) : d !== void 0 ? /* @__PURE__ */ o.jsxs(
     u.DropdownMenu.DropdownMenuCheckboxItem,
@@ -1338,7 +1338,7 @@ const er = (r) => {
       onClick: x,
       ...m,
       children: [
-        i,
+        s,
         a
       ]
     }
@@ -1350,7 +1350,7 @@ const er = (r) => {
       onClick: x,
       ...m,
       children: [
-        i,
+        s,
         a,
         c && /* @__PURE__ */ o.jsx(Ue, { className: "bn-ml-auto bn-h-4 bn-w-4" })
       ]
@@ -1359,18 +1359,18 @@ const er = (r) => {
 }), sr = N((r, t) => {
   const { className: n, ...a } = r;
   C(a);
-  const i = R();
+  const s = S();
   return /* @__PURE__ */ o.jsx(
-    i.DropdownMenu.DropdownMenuSeparator,
+    s.DropdownMenu.DropdownMenuSeparator,
     {
       className: n,
       ref: t
     }
   );
 }), ir = N((r, t) => {
-  const { className: n, children: a, ...i } = r;
-  C(i);
-  const d = R();
+  const { className: n, children: a, ...s } = r;
+  C(s);
+  const d = S();
   return /* @__PURE__ */ o.jsx(
     d.DropdownMenu.DropdownMenuLabel,
     {
@@ -1383,7 +1383,7 @@ const er = (r) => {
   const {
     className: n,
     tabs: a,
-    defaultOpenTab: i,
+    defaultOpenTab: s,
     openTab: d,
     setOpenTab: c,
     loading: x,
@@ -1391,14 +1391,14 @@ const er = (r) => {
     ...m
   } = r;
   C(m);
-  const u = R();
+  const u = S();
   return /* @__PURE__ */ o.jsxs(
     u.Tabs.Tabs,
     {
       className: b(n, "bn-bg-popover bn-p-2 bn-rounded-lg"),
       ref: t,
       value: d,
-      defaultValue: i,
+      defaultValue: s,
       onValueChange: c,
       children: [
         /* @__PURE__ */ o.jsx(u.Tabs.TabsList, { children: a.map((g) => /* @__PURE__ */ o.jsx(u.Tabs.TabsTrigger, { value: g.name, children: g.name }, g.name)) }),
@@ -1407,9 +1407,9 @@ const er = (r) => {
     }
   );
 }), dr = N((r, t) => {
-  const { className: n, children: a, onClick: i, label: d, ...c } = r;
+  const { className: n, children: a, onClick: s, label: d, ...c } = r;
   C(c);
-  const x = R();
+  const x = S();
   return /* @__PURE__ */ o.jsx(
     x.Button.Button,
     {
@@ -1417,14 +1417,14 @@ const er = (r) => {
       className: n,
       "aria-label": d,
       ref: t,
-      onClick: i,
+      onClick: s,
       children: a
     }
   );
 }), cr = N((r, t) => {
-  const { className: n, accept: a, value: i, placeholder: d, onChange: c, ...x } = r;
+  const { className: n, accept: a, value: s, placeholder: d, onChange: c, ...x } = r;
   C(x);
-  const m = R();
+  const m = S();
   return /* @__PURE__ */ o.jsx(
     m.Input.Input,
     {
@@ -1432,14 +1432,14 @@ const er = (r) => {
       className: n,
       ref: t,
       accept: a,
-      value: i ? i.name : void 0,
+      value: s ? s.name : void 0,
       onChange: async (u) => c == null ? void 0 : c(u.target.files[0]),
       placeholder: d
     }
   );
 }), br = N((r, t) => {
-  const { className: n, children: a, ...i } = r;
-  return C(i), /* @__PURE__ */ o.jsx(
+  const { className: n, children: a, ...s } = r;
+  return C(s), /* @__PURE__ */ o.jsx(
     "div",
     {
       className: b(
@@ -1451,9 +1451,9 @@ const er = (r) => {
     }
   );
 }), ur = N((r, t) => {
-  const { className: n, value: a, placeholder: i, onKeyDown: d, onChange: c, ...x } = r;
+  const { className: n, value: a, placeholder: s, onKeyDown: d, onChange: c, ...x } = r;
   C(x);
-  const m = R();
+  const m = S();
   return /* @__PURE__ */ o.jsx(
     m.Input.Input,
     {
@@ -1461,7 +1461,7 @@ const er = (r) => {
       className: b(n, "bn-w-80"),
       ref: t,
       value: a,
-      placeholder: i,
+      placeholder: s,
       onKeyDown: d,
       onChange: c
     }
@@ -1472,22 +1472,22 @@ const er = (r) => {
     opened: n,
     position: a,
     // unused
-    ...i
+    ...s
   } = r;
-  C(i);
-  const d = 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__ */ o.jsx(i.Popover.PopoverTrigger, { ref: t, asChild: !0, children: n });
+    const s = S();
+    return /* @__PURE__ */ o.jsx(s.Popover.PopoverTrigger, { ref: t, asChild: !0, children: n });
   }
 ), pr = N((r, t) => {
-  const { className: n, variant: a, children: i, ...d } = r;
+  const { className: n, variant: a, children: s, ...d } = r;
   C(d);
-  const c = R();
+  const c = S();
   return /* @__PURE__ */ o.jsx(
     c.Popover.PopoverContent,
     {
@@ -1498,17 +1498,17 @@ const er = (r) => {
         a === "panel-popover" ? "bn-p-0 bn-border-none bn-shadow-none bn-max-w-none bn-w-fit" : ""
       ),
       ref: t,
-      children: i
+      children: s
     }
   );
 }), gr = N((r, t) => {
-  const { className: n, children: a, ...i } = r;
-  return C(i, !1), /* @__PURE__ */ o.jsx("div", { className: n, ref: t, ...i, children: a });
+  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: n,
     children: a,
-    icon: i,
+    icon: s,
     onClick: d,
     onDragEnd: c,
     onDragStart: x,
@@ -1517,9 +1517,9 @@ const er = (r) => {
     ...g
   } = r;
   C(g, !1);
-  const S = R();
+  const j = S();
   return /* @__PURE__ */ o.jsxs(
-    S.Button.Button,
+    j.Button.Button,
     {
       variant: "ghost",
       className: b(n, "bn-text-gray-400"),
@@ -1531,17 +1531,17 @@ const er = (r) => {
       draggable: m,
       ...g,
       children: [
-        i,
+        s,
         a
       ]
     }
   );
 }), xr = N((r, t) => {
-  const { className: n, children: a, id: i, ...d } = r;
+  const { className: n, children: a, id: s, ...d } = r;
   return C(d), /* @__PURE__ */ o.jsx(
     "div",
     {
-      id: i,
+      id: s,
       role: "listbox",
       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",
@@ -1552,8 +1552,8 @@ const er = (r) => {
     }
   );
 }), hr = N((r, t) => {
-  const { className: n, children: a, ...i } = r;
-  return C(i), /* @__PURE__ */ o.jsx(
+  const { className: n, children: a, ...s } = r;
+  return C(s), /* @__PURE__ */ o.jsx(
     "div",
     {
       className: b(
@@ -1565,7 +1565,7 @@ const er = (r) => {
     }
   );
 }), yr = N((r, t) => {
-  const n = R(), { className: a, item: i, isSelected: d, onClick: c, id: x, ...m } = r;
+  const n = S(), { className: a, item: s, isSelected: d, onClick: c, id: x, ...m } = r;
   C(m);
   const u = st(null);
   return it(() => {
@@ -1586,18 +1586,18 @@ const er = (r) => {
       role: "option",
       "aria-selected": d || void 0,
       children: [
-        i.icon && /* @__PURE__ */ o.jsx("div", { className: "bn-p-3", "data-position": "left", children: i.icon }),
+        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: i.title }),
-          /* @__PURE__ */ o.jsx("div", { className: "bn-text-xs", children: i.subtext })
+          /* @__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__ */ o.jsx("div", { "data-position": "right", className: "bn-text-xs", children: /* @__PURE__ */ o.jsx(n.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 }) })
       ]
     }
   );
 }), wr = N((r, t) => {
-  const { className: n, children: a, ...i } = r;
-  return C(i), /* @__PURE__ */ o.jsx(
+  const { className: n, children: a, ...s } = r;
+  return C(s), /* @__PURE__ */ o.jsx(
     "div",
     {
       className: b("bn-px-2 bn-py-1.5 bn-text-sm bn-font-semibold", n),
@@ -1606,13 +1606,13 @@ const er = (r) => {
     }
   );
 }), Cr = N((r, t) => {
-  const { className: n, children: a, ...i } = r;
-  return C(i), /* @__PURE__ */ o.jsx("div", { className: n, ref: t, children: a });
+  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: n,
     children: a,
-    draggable: i,
+    draggable: s,
     onDragStart: d,
     onDragEnd: c,
     style: x,
@@ -1620,7 +1620,7 @@ const er = (r) => {
     ...u
   } = r;
   C(u, !1);
-  const g = R();
+  const g = S();
   return /* @__PURE__ */ o.jsx(
     g.Button.Button,
     {
@@ -1628,7 +1628,7 @@ const er = (r) => {
       className: b(n, "bn-p-0 bn-h-fit bn-w-fit bn-text-gray-400"),
       ref: t,
       "aria-label": m,
-      draggable: i,
+      draggable: s,
       onDragStart: d,
       onDragEnd: c,
       style: x,
@@ -1636,59 +1636,58 @@ const er = (r) => {
       children: a
     }
   );
-}), jr = N(
-  (r) => {
-    const {
-      className: t,
-      name: n,
-      label: a,
-      icon: i,
-      // TODO: implement
-      value: d,
-      autoFocus: c,
-      placeholder: x,
-      onKeyDown: m,
-      onChange: u,
-      onSubmit: g,
-      ...S
-    } = r;
-    C(S);
-    const _ = R();
-    return a ? /* @__PURE__ */ o.jsxs("div", { children: [
-      /* @__PURE__ */ o.jsx(_.Label.Label, { htmlFor: a, children: a }),
-      /* @__PURE__ */ o.jsx(
-        _.Input.Input,
-        {
-          className: t,
-          id: a,
-          name: n,
-          autoFocus: c,
-          placeholder: x,
-          value: d,
-          onKeyDown: m,
-          onChange: u,
-          onSubmit: g
-        }
-      )
-    ] }) : /* @__PURE__ */ o.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": n,
-        name: n,
-        autoFocus: c,
-        placeholder: x,
-        value: d,
-        onKeyDown: m,
-        onChange: u,
-        onSubmit: g
+        className: n,
+        id: s,
+        name: a,
+        autoFocus: x,
+        placeholder: m,
+        value: c,
+        onKeyDown: u,
+        onChange: g,
+        onSubmit: j
       }
-    );
-  }
-), Ae = N(
+    )
+  ] }) : /* @__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: i, onMouseLeave: d, ...c } = r;
+    const { className: n, children: a, onMouseEnter: s, onMouseLeave: d, ...c } = r;
     C(c);
-    const x = R();
+    const x = S();
     return /* @__PURE__ */ o.jsx(x.Tooltip.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ o.jsx(
       "div",
       {
@@ -1697,7 +1696,7 @@ const er = (r) => {
           "bn-flex bn-gap-1 bn-p-1 bn-bg-popover bn-text-popover-foreground bn-border bn-rounded-lg bn-shadow-md"
         ),
         ref: t,
-        onMouseEnter: i,
+        onMouseEnter: s,
         onMouseLeave: d,
         children: a
       }
@@ -1708,17 +1707,17 @@ const er = (r) => {
     const {
       className: n,
       children: a,
-      mainTooltip: i,
+      mainTooltip: s,
       secondaryTooltip: d,
       icon: c,
       isSelected: x,
       isDisabled: m,
       onClick: u,
       label: g,
-      ...S
+      ...j
     } = r;
-    C(S, !1);
-    const _ = R(), V = x === void 0 ? /* @__PURE__ */ o.jsxs(
+    C(j, !1);
+    const _ = S(), F = x === void 0 ? /* @__PURE__ */ o.jsxs(
       _.Button.Button,
       {
         className: n,
@@ -1727,7 +1726,7 @@ const er = (r) => {
         onClick: u,
         ref: t,
         "aria-label": g,
-        ...S,
+        ...j,
         children: [
           c,
           a
@@ -1747,7 +1746,7 @@ const er = (r) => {
         "data-state": x ? "on" : "off",
         "data-disabled": m,
         ref: t,
-        ...S,
+        ...j,
         children: [
           c,
           a
@@ -1755,13 +1754,13 @@ const er = (r) => {
       }
     );
     return /* @__PURE__ */ o.jsxs(_.Tooltip.Tooltip, { children: [
-      /* @__PURE__ */ o.jsx(_.Tooltip.TooltipTrigger, { asChild: !0, children: V }),
+      /* @__PURE__ */ o.jsx(_.Tooltip.TooltipTrigger, { asChild: !0, children: F }),
       /* @__PURE__ */ o.jsxs(
         _.Tooltip.TooltipContent,
         {
           className: "bn-flex bn-flex-col bn-items-center",
           children: [
-            /* @__PURE__ */ o.jsx("span", { children: i }),
+            /* @__PURE__ */ o.jsx("span", { children: s }),
             d && /* @__PURE__ */ o.jsx("span", { children: d })
           ]
         }
@@ -1769,9 +1768,9 @@ const er = (r) => {
     ] });
   }
 ), Tr = N((r, t) => {
-  const { className: n, items: a, isDisabled: i, ...d } = r;
+  const { className: n, items: a, isDisabled: s, ...d } = r;
   C(d);
-  const c = R(), x = (u) => /* @__PURE__ */ o.jsxs("div", { className: "bn-flex bn-gap-1 bn-items-center", children: [
+  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];
@@ -1780,10 +1779,10 @@ const er = (r) => {
     {
       value: m.text,
       onValueChange: (u) => {
-        var g, S;
-        return (S = (g = a.find((_) => _.text === u)).onClick) == null ? void 0 : S.call(g);
+        var g, j;
+        return (j = (g = a.find((_) => _.text === u)).onClick) == null ? void 0 : j.call(g);
       },
-      disabled: i,
+      disabled: s,
       children: [
         /* @__PURE__ */ o.jsx(c.Select.SelectTrigger, { className: "bn-border-none", children: /* @__PURE__ */ o.jsx(c.Select.SelectValue, {}) }),
         /* @__PURE__ */ o.jsx(c.Select.SelectContent, { className: n, ref: t, children: a.map((u) => /* @__PURE__ */ o.jsx(
@@ -1850,11 +1849,11 @@ const Rr = {
     }
   }
 }, Or = (r) => {
-  const { className: t, shadCNComponents: n, ...a } = r, i = We(() => ({
+  const { className: t, shadCNComponents: n, ...a } = r, s = We(() => ({
     ...Qt,
     ...n
   }), [n]);
-  return /* @__PURE__ */ o.jsx(yn.Provider, { value: i, children: /* @__PURE__ */ o.jsx(bt.Provider, { value: Rr, children: /* @__PURE__ */ o.jsx(
+  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 || ""),