@blocknote/shadcn 0.13.0

package/dist/blocknote-shadcn.js

@@ -0,0 +1,1881 @@
+import * as p from "react";
+import $e, { createContext as vr, useContext as br, forwardRef as N, useMemo as We } from "react";
+import { ComponentsContext as xr, BlockNoteViewRaw as hr } from "@blocknote/react";
+import { cva as Q } from "class-variance-authority";
+import { clsx as yr } from "clsx";
+import { twMerge as Cr } from "tailwind-merge";
+import { Slot as Ye } from "@radix-ui/react-slot";
+import * as w from "@radix-ui/react-dropdown-menu";
+import { ChevronRight as Ue, Check as Ge, Circle as jr, ChevronDown as qe, ChevronUp as wr } from "lucide-react";
+import { useFormContext as Nr, FormProvider as Sr, Controller as Tr, useForm as Rr } from "react-hook-form";
+import * as He from "@radix-ui/react-label";
+import * as ee from "@radix-ui/react-popover";
+import * as T from "@radix-ui/react-select";
+import * as L from "@radix-ui/react-tabs";
+import * as Je from "@radix-ui/react-toggle";
+import * as G from "@radix-ui/react-tooltip";
+import { assertEmpty as j } from "@blocknote/core";
+var de = { exports: {} }, Y = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Be;
+function _r() {
+  if (Be)
+    return Y;
+  Be = 1;
+  var r = $e, t = Symbol.for("react.element"), o = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, i = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function u(x, m, g) {
+    var b, _ = {}, P = null, B = null;
+    g !== void 0 && (P = "" + g), m.key !== void 0 && (P = "" + m.key), m.ref !== void 0 && (B = m.ref);
+    for (b in m)
+      a.call(m, b) && !d.hasOwnProperty(b) && (_[b] = m[b]);
+    if (x && x.defaultProps)
+      for (b in m = x.defaultProps, m)
+        _[b] === void 0 && (_[b] = m[b]);
+    return { $$typeof: t, type: x, key: P, ref: B, props: _, _owner: i.current };
+  }
+  return Y.Fragment = o, Y.jsx = u, Y.jsxs = u, Y;
+}
+var U = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var ze;
+function Er() {
+  return ze || (ze = 1, process.env.NODE_ENV !== "production" && function() {
+    var r = $e, t = Symbol.for("react.element"), o = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), x = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), g = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), B = Symbol.for("react.offscreen"), me = Symbol.iterator, Ft = "@@iterator";
+    function kt(e) {
+      if (e === null || typeof e != "object")
+        return null;
+      var s = me && e[me] || e[Ft];
+      return typeof s == "function" ? s : null;
+    }
+    var z = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function D(e) {
+      {
+        for (var s = arguments.length, l = new Array(s > 1 ? s - 1 : 0), f = 1; f < s; f++)
+          l[f - 1] = arguments[f];
+        Lt("error", e, l);
+      }
+    }
+    function Lt(e, s, l) {
+      {
+        var f = z.ReactDebugCurrentFrame, y = f.getStackAddendum();
+        y !== "" && (s += "%s", l = l.concat([y]));
+        var C = l.map(function(h) {
+          return String(h);
+        });
+        C.unshift("Warning: " + s), Function.prototype.apply.call(console[e], console, C);
+      }
+    }
+    var Bt = !1, zt = !1, Vt = !1, At = !1, $t = !1, pe;
+    pe = Symbol.for("react.module.reference");
+    function Wt(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === a || e === d || $t || e === i || e === g || e === b || At || e === B || Bt || zt || Vt || typeof e == "object" && e !== null && (e.$$typeof === P || e.$$typeof === _ || e.$$typeof === u || 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));
+    }
+    function Yt(e, s, l) {
+      var f = e.displayName;
+      if (f)
+        return f;
+      var y = s.displayName || s.name || "";
+      return y !== "" ? l + "(" + y + ")" : l;
+    }
+    function ge(e) {
+      return e.displayName || "Context";
+    }
+    function I(e) {
+      if (e == null)
+        return null;
+      if (typeof e.tag == "number" && D("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+        return e.displayName || e.name || null;
+      if (typeof e == "string")
+        return e;
+      switch (e) {
+        case a:
+          return "Fragment";
+        case o:
+          return "Portal";
+        case d:
+          return "Profiler";
+        case i:
+          return "StrictMode";
+        case g:
+          return "Suspense";
+        case b:
+          return "SuspenseList";
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case x:
+            var s = e;
+            return ge(s) + ".Consumer";
+          case u:
+            var l = e;
+            return ge(l._context) + ".Provider";
+          case m:
+            return Yt(e, e.render, "ForwardRef");
+          case _:
+            var f = e.displayName || null;
+            return f !== null ? f : I(e.type) || "Memo";
+          case P: {
+            var y = e, C = y._payload, h = y._init;
+            try {
+              return I(h(C));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var k = Object.assign, $ = 0, ve, be, xe, he, ye, Ce, je;
+    function we() {
+    }
+    we.__reactDisabledLog = !0;
+    function Ut() {
+      {
+        if ($ === 0) {
+          ve = console.log, be = console.info, xe = console.warn, he = console.error, ye = console.group, Ce = console.groupCollapsed, je = console.groupEnd;
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            value: we,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: e,
+            log: e,
+            warn: e,
+            error: e,
+            group: e,
+            groupCollapsed: e,
+            groupEnd: e
+          });
+        }
+        $++;
+      }
+    }
+    function Gt() {
+      {
+        if ($--, $ === 0) {
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: k({}, e, {
+              value: ve
+            }),
+            info: k({}, e, {
+              value: be
+            }),
+            warn: k({}, e, {
+              value: xe
+            }),
+            error: k({}, e, {
+              value: he
+            }),
+            group: k({}, e, {
+              value: ye
+            }),
+            groupCollapsed: k({}, e, {
+              value: Ce
+            }),
+            groupEnd: k({}, e, {
+              value: je
+            })
+          });
+        }
+        $ < 0 && D("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var te = z.ReactCurrentDispatcher, re;
+    function H(e, s, l) {
+      {
+        if (re === void 0)
+          try {
+            throw Error();
+          } catch (y) {
+            var f = y.stack.trim().match(/\n( *(at )?)/);
+            re = f && f[1] || "";
+          }
+        return `
+` + re + e;
+      }
+    }
+    var oe = !1, J;
+    {
+      var qt = typeof WeakMap == "function" ? WeakMap : Map;
+      J = new qt();
+    }
+    function Ne(e, s) {
+      if (!e || oe)
+        return "";
+      {
+        var l = J.get(e);
+        if (l !== void 0)
+          return l;
+      }
+      var f;
+      oe = !0;
+      var y = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var C;
+      C = te.current, te.current = null, Ut();
+      try {
+        if (s) {
+          var h = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(h.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(h, []);
+            } catch (F) {
+              f = F;
+            }
+            Reflect.construct(e, [], h);
+          } else {
+            try {
+              h.call();
+            } catch (F) {
+              f = F;
+            }
+            e.call(h.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (F) {
+            f = F;
+          }
+          e();
+        }
+      } catch (F) {
+        if (F && f && typeof F.stack == "string") {
+          for (var v = F.stack.split(`
+`), M = f.stack.split(`
+`), S = v.length - 1, E = M.length - 1; S >= 1 && E >= 0 && v[S] !== M[E]; )
+            E--;
+          for (; S >= 1 && E >= 0; S--, E--)
+            if (v[S] !== M[E]) {
+              if (S !== 1 || E !== 1)
+                do
+                  if (S--, E--, E < 0 || v[S] !== M[E]) {
+                    var O = `
+` + v[S].replace(" at new ", " at ");
+                    return e.displayName && O.includes("<anonymous>") && (O = O.replace("<anonymous>", e.displayName)), typeof e == "function" && J.set(e, O), O;
+                  }
+                while (S >= 1 && E >= 0);
+              break;
+            }
+        }
+      } finally {
+        oe = !1, te.current = C, Gt(), Error.prepareStackTrace = y;
+      }
+      var A = e ? e.displayName || e.name : "", Le = A ? H(A) : "";
+      return typeof e == "function" && J.set(e, Le), Le;
+    }
+    function Ht(e, s, l) {
+      return Ne(e, !1);
+    }
+    function Jt(e) {
+      var s = e.prototype;
+      return !!(s && s.isReactComponent);
+    }
+    function K(e, s, l) {
+      if (e == null)
+        return "";
+      if (typeof e == "function")
+        return Ne(e, Jt(e));
+      if (typeof e == "string")
+        return H(e);
+      switch (e) {
+        case g:
+          return H("Suspense");
+        case b:
+          return H("SuspenseList");
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case m:
+            return Ht(e.render);
+          case _:
+            return K(e.type, s, l);
+          case P: {
+            var f = e, y = f._payload, C = f._init;
+            try {
+              return K(C(y), s, l);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var X = Object.prototype.hasOwnProperty, Se = {}, Te = z.ReactDebugCurrentFrame;
+    function Z(e) {
+      if (e) {
+        var s = e._owner, l = K(e.type, e._source, s ? s.type : null);
+        Te.setExtraStackFrame(l);
+      } else
+        Te.setExtraStackFrame(null);
+    }
+    function Kt(e, s, l, f, y) {
+      {
+        var C = Function.call.bind(X);
+        for (var h in e)
+          if (C(e, h)) {
+            var v = void 0;
+            try {
+              if (typeof e[h] != "function") {
+                var M = 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 M.name = "Invariant Violation", M;
+              }
+              v = e[h](s, h, f, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (S) {
+              v = S;
+            }
+            v && !(v instanceof Error) && (Z(y), D("%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 Se) && (Se[v.message] = !0, Z(y), D("Failed %s type: %s", l, v.message), Z(null));
+          }
+      }
+    }
+    var Xt = Array.isArray;
+    function ne(e) {
+      return Xt(e);
+    }
+    function Zt(e) {
+      {
+        var s = typeof Symbol == "function" && Symbol.toStringTag, l = s && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return l;
+      }
+    }
+    function Qt(e) {
+      try {
+        return Re(e), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function Re(e) {
+      return "" + e;
+    }
+    function _e(e) {
+      if (Qt(e))
+        return D("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Zt(e)), Re(e);
+    }
+    var W = z.ReactCurrentOwner, er = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, Ee, Pe, ae;
+    ae = {};
+    function tr(e) {
+      if (X.call(e, "ref")) {
+        var s = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (s && s.isReactWarning)
+          return !1;
+      }
+      return e.ref !== void 0;
+    }
+    function rr(e) {
+      if (X.call(e, "key")) {
+        var s = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (s && s.isReactWarning)
+          return !1;
+      }
+      return e.key !== void 0;
+    }
+    function or(e, s) {
+      if (typeof e.ref == "string" && W.current && s && W.current.stateNode !== s) {
+        var l = I(W.current.type);
+        ae[l] || (D('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', I(W.current.type), e.ref), ae[l] = !0);
+      }
+    }
+    function nr(e, s) {
+      {
+        var l = function() {
+          Ee || (Ee = !0, D("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", s));
+        };
+        l.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: l,
+          configurable: !0
+        });
+      }
+    }
+    function ar(e, s) {
+      {
+        var l = function() {
+          Pe || (Pe = !0, D("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", s));
+        };
+        l.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: l,
+          configurable: !0
+        });
+      }
+    }
+    var sr = function(e, s, l, f, y, C, 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,
+        ref: l,
+        props: h,
+        // Record the component responsible for creating this element.
+        _owner: C
+      };
+      return v._store = {}, Object.defineProperty(v._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(v, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: f
+      }), Object.defineProperty(v, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: y
+      }), Object.freeze && (Object.freeze(v.props), Object.freeze(v)), v;
+    };
+    function ir(e, s, l, f, y) {
+      {
+        var C, h = {}, v = null, M = null;
+        l !== void 0 && (_e(l), v = "" + l), rr(s) && (_e(s.key), v = "" + s.key), tr(s) && (M = s.ref, or(s, y));
+        for (C in s)
+          X.call(s, C) && !er.hasOwnProperty(C) && (h[C] = s[C]);
+        if (e && e.defaultProps) {
+          var S = e.defaultProps;
+          for (C in S)
+            h[C] === void 0 && (h[C] = S[C]);
+        }
+        if (v || M) {
+          var E = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          v && nr(h, E), M && ar(h, E);
+        }
+        return sr(e, v, M, y, f, W.current, h);
+      }
+    }
+    var se = z.ReactCurrentOwner, De = z.ReactDebugCurrentFrame;
+    function V(e) {
+      if (e) {
+        var s = e._owner, l = K(e.type, e._source, s ? s.type : null);
+        De.setExtraStackFrame(l);
+      } else
+        De.setExtraStackFrame(null);
+    }
+    var ie;
+    ie = !1;
+    function le(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === t;
+    }
+    function Me() {
+      {
+        if (se.current) {
+          var e = I(se.current.type);
+          if (e)
+            return `
+
+Check the render method of \`` + e + "`.";
+        }
+        return "";
+      }
+    }
+    function lr(e) {
+      {
+        if (e !== void 0) {
+          var s = e.fileName.replace(/^.*[\\\/]/, ""), l = e.lineNumber;
+          return `
+
+Check your code at ` + s + ":" + l + ".";
+        }
+        return "";
+      }
+    }
+    var Oe = {};
+    function dr(e) {
+      {
+        var s = Me();
+        if (!s) {
+          var l = typeof e == "string" ? e : e.displayName || e.name;
+          l && (s = `
+
+Check the top-level render call using <` + l + ">.");
+        }
+        return s;
+      }
+    }
+    function Ie(e, s) {
+      {
+        if (!e._store || e._store.validated || e.key != null)
+          return;
+        e._store.validated = !0;
+        var l = dr(s);
+        if (Oe[l])
+          return;
+        Oe[l] = !0;
+        var f = "";
+        e && e._owner && e._owner !== se.current && (f = " It was passed a child from " + I(e._owner.type) + "."), V(e), D('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), V(null);
+      }
+    }
+    function Fe(e, s) {
+      {
+        if (typeof e != "object")
+          return;
+        if (ne(e))
+          for (var l = 0; l < e.length; l++) {
+            var f = e[l];
+            le(f) && Ie(f, s);
+          }
+        else if (le(e))
+          e._store && (e._store.validated = !0);
+        else if (e) {
+          var y = kt(e);
+          if (typeof y == "function" && y !== e.entries)
+            for (var C = y.call(e), h; !(h = C.next()).done; )
+              le(h.value) && Ie(h.value, s);
+        }
+      }
+    }
+    function cr(e) {
+      {
+        var s = e.type;
+        if (s == null || typeof s == "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.
+        // Inner props are checked in the reconciler.
+        s.$$typeof === _))
+          l = s.propTypes;
+        else
+          return;
+        if (l) {
+          var f = I(s);
+          Kt(l, e.props, "prop", f, e);
+        } else if (s.PropTypes !== void 0 && !ie) {
+          ie = !0;
+          var y = I(s);
+          D("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", y || "Unknown");
+        }
+        typeof s.getDefaultProps == "function" && !s.getDefaultProps.isReactClassApproved && D("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function ur(e) {
+      {
+        for (var s = Object.keys(e.props), l = 0; l < s.length; l++) {
+          var f = s[l];
+          if (f !== "children" && f !== "key") {
+            V(e), D("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", f), V(null);
+            break;
+          }
+        }
+        e.ref !== null && (V(e), D("Invalid attribute `ref` supplied to `React.Fragment`."), V(null));
+      }
+    }
+    function ke(e, s, l, f, y, C) {
+      {
+        var h = Wt(e);
+        if (!h) {
+          var v = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (v += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var M = lr(y);
+          M ? v += M : v += Me();
+          var S;
+          e === null ? S = "null" : ne(e) ? S = "array" : e !== void 0 && e.$$typeof === t ? (S = "<" + (I(e.type) || "Unknown") + " />", v = " Did you accidentally export a JSX literal instead of a component?") : S = typeof e, D("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", S, v);
+        }
+        var E = ir(e, s, l, y, C);
+        if (E == null)
+          return E;
+        if (h) {
+          var O = s.children;
+          if (O !== void 0)
+            if (f)
+              if (ne(O)) {
+                for (var A = 0; A < O.length; A++)
+                  Fe(O[A], e);
+                Object.freeze && Object.freeze(O);
+              } else
+                D("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+            else
+              Fe(O, e);
+        }
+        return e === a ? ur(E) : cr(E), E;
+      }
+    }
+    function fr(e, s, l) {
+      return ke(e, s, l, !0);
+    }
+    function mr(e, s, l) {
+      return ke(e, s, l, !1);
+    }
+    var pr = mr, gr = fr;
+    U.Fragment = a, U.jsx = pr, U.jsxs = gr;
+  }()), U;
+}
+process.env.NODE_ENV === "production" ? de.exports = _r() : de.exports = Er();
+var n = de.exports;
+function c(...r) {
+  return Cr(yr(r));
+}
+const Ke = Q(
+  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      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"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Pr({ className: r, variant: t, ...o }) {
+  return /* @__PURE__ */ n.jsx("div", { className: c(Ke({ variant: t }), r), ...o });
+}
+const Dr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Badge: Pr,
+  badgeVariants: Ke
+}, Symbol.toStringTag, { value: "Module" })), Xe = Q(
+  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      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"
+      },
+      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"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), Ze = p.forwardRef(
+  ({ className: r, variant: t, size: o, asChild: a = !1, ...i }, d) => {
+    const u = a ? Ye : "button";
+    return /* @__PURE__ */ n.jsx(
+      u,
+      {
+        className: c(Xe({ variant: t, size: o, className: r })),
+        ref: d,
+        ...i
+      }
+    );
+  }
+);
+Ze.displayName = "Button";
+const Mr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Button: Ze,
+  buttonVariants: Xe
+}, Symbol.toStringTag, { value: "Module" })), Qe = p.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
+  "div",
+  {
+    ref: o,
+    className: c(
+      "rounded-lg border bg-card text-card-foreground shadow-sm",
+      r
+    ),
+    ...t
+  }
+));
+Qe.displayName = "Card";
+const et = p.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
+  "div",
+  {
+    ref: o,
+    className: c("flex flex-col space-y-1.5 p-6", r),
+    ...t
+  }
+));
+et.displayName = "CardHeader";
+const tt = p.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
+  "h3",
+  {
+    ref: o,
+    className: c(
+      "text-2xl font-semibold leading-none tracking-tight",
+      r
+    ),
+    ...t
+  }
+));
+tt.displayName = "CardTitle";
+const rt = p.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
+  "p",
+  {
+    ref: o,
+    className: c("text-sm text-muted-foreground", r),
+    ...t
+  }
+));
+rt.displayName = "CardDescription";
+const ot = p.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx("div", { ref: o, className: c("p-6 pt-0", r), ...t }));
+ot.displayName = "CardContent";
+const nt = p.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
+  "div",
+  {
+    ref: o,
+    className: c("flex items-center p-6 pt-0", r),
+    ...t
+  }
+));
+nt.displayName = "CardFooter";
+const Or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Card: Qe,
+  CardContent: ot,
+  CardDescription: rt,
+  CardFooter: nt,
+  CardHeader: et,
+  CardTitle: tt
+}, Symbol.toStringTag, { value: "Module" })), Ir = w.Root, Fr = w.Trigger, kr = w.Group, Lr = w.Portal, Br = w.Sub, zr = w.RadioGroup, at = p.forwardRef(({ className: r, inset: t, children: o, ...a }, i) => /* @__PURE__ */ n.jsxs(
+  w.SubTrigger,
+  {
+    ref: i,
+    className: c(
+      "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",
+      t && "pl-8",
+      r
+    ),
+    ...a,
+    children: [
+      o,
+      /* @__PURE__ */ n.jsx(Ue, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+));
+at.displayName = w.SubTrigger.displayName;
+const st = p.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
+  w.SubContent,
+  {
+    ref: o,
+    className: c(
+      "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",
+      r
+    ),
+    ...t
+  }
+));
+st.displayName = w.SubContent.displayName;
+const it = p.forwardRef(({ className: r, sideOffset: t = 4, ...o }, a) => (
+  // <DropdownMenuPrimitive.Portal>
+  /* @__PURE__ */ n.jsx(
+    w.Content,
+    {
+      ref: a,
+      sideOffset: t,
+      className: c(
+        "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",
+        r
+      ),
+      ...o
+    }
+  )
+));
+it.displayName = w.Content.displayName;
+const lt = p.forwardRef(({ className: r, inset: t, ...o }, a) => /* @__PURE__ */ n.jsx(
+  w.Item,
+  {
+    ref: a,
+    className: c(
+      "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 && "pl-8",
+      r
+    ),
+    ...o
+  }
+));
+lt.displayName = w.Item.displayName;
+const dt = p.forwardRef(({ className: r, children: t, checked: o, ...a }, i) => /* @__PURE__ */ n.jsxs(
+  w.CheckboxItem,
+  {
+    ref: i,
+    className: c(
+      "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",
+      r
+    ),
+    checked: o,
+    ...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(w.ItemIndicator, { children: /* @__PURE__ */ n.jsx(Ge, { className: "h-4 w-4" }) }) }),
+      t
+    ]
+  }
+));
+dt.displayName = w.CheckboxItem.displayName;
+const ct = p.forwardRef(({ className: r, children: t, ...o }, a) => /* @__PURE__ */ n.jsxs(
+  w.RadioItem,
+  {
+    ref: a,
+    className: c(
+      "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",
+      r
+    ),
+    ...o,
+    children: [
+      /* @__PURE__ */ n.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ n.jsx(w.ItemIndicator, { children: /* @__PURE__ */ n.jsx(jr, { className: "h-2 w-2 fill-current" }) }) }),
+      t
+    ]
+  }
+));
+ct.displayName = w.RadioItem.displayName;
+const ut = p.forwardRef(({ className: r, inset: t, ...o }, a) => /* @__PURE__ */ n.jsx(
+  w.Label,
+  {
+    ref: a,
+    className: c(
+      "px-2 py-1.5 text-sm font-semibold",
+      t && "pl-8",
+      r
+    ),
+    ...o
+  }
+));
+ut.displayName = w.Label.displayName;
+const ft = p.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
+  w.Separator,
+  {
+    ref: o,
+    className: c("-mx-1 my-1 h-px bg-muted", r),
+    ...t
+  }
+));
+ft.displayName = w.Separator.displayName;
+const mt = ({
+  className: r,
+  ...t
+}) => /* @__PURE__ */ n.jsx(
+  "span",
+  {
+    className: c("ml-auto text-xs tracking-widest opacity-60", r),
+    ...t
+  }
+);
+mt.displayName = "DropdownMenuShortcut";
+const Vr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  DropdownMenu: Ir,
+  DropdownMenuCheckboxItem: dt,
+  DropdownMenuContent: it,
+  DropdownMenuGroup: kr,
+  DropdownMenuItem: lt,
+  DropdownMenuLabel: ut,
+  DropdownMenuPortal: Lr,
+  DropdownMenuRadioGroup: zr,
+  DropdownMenuRadioItem: ct,
+  DropdownMenuSeparator: ft,
+  DropdownMenuShortcut: mt,
+  DropdownMenuSub: Br,
+  DropdownMenuSubContent: st,
+  DropdownMenuSubTrigger: at,
+  DropdownMenuTrigger: Fr
+}, Symbol.toStringTag, { value: "Module" })), Ar = Q(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+), ce = p.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
+  He.Root,
+  {
+    ref: o,
+    className: c(Ar(), r),
+    ...t
+  }
+));
+ce.displayName = He.Root.displayName;
+const $r = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Label: ce
+}, Symbol.toStringTag, { value: "Module" })), Wr = Sr, pt = p.createContext(
+  {}
+), Yr = ({
+  ...r
+}) => /* @__PURE__ */ n.jsx(pt.Provider, { value: { name: r.name }, children: /* @__PURE__ */ n.jsx(Tr, { ...r }) }), q = () => {
+  const r = p.useContext(pt), t = p.useContext(gt), { getFieldState: o, formState: a } = Nr(), i = o(r.name, a);
+  if (!r)
+    throw new Error("useFormField should be used within <FormField>");
+  const { id: d } = t;
+  return {
+    id: d,
+    name: r.name,
+    formItemId: `${d}-form-item`,
+    formDescriptionId: `${d}-form-item-description`,
+    formMessageId: `${d}-form-item-message`,
+    ...i
+  };
+}, gt = p.createContext(
+  {}
+), vt = p.forwardRef(({ className: r, ...t }, o) => {
+  const a = p.useId();
+  return /* @__PURE__ */ n.jsx(gt.Provider, { value: { id: a }, children: /* @__PURE__ */ n.jsx("div", { ref: o, className: c("space-y-2", r), ...t }) });
+});
+vt.displayName = "FormItem";
+const bt = p.forwardRef(({ className: r, ...t }, o) => {
+  const { error: a, formItemId: i } = q();
+  return /* @__PURE__ */ n.jsx(
+    ce,
+    {
+      ref: o,
+      className: c(a && "text-destructive", r),
+      htmlFor: i,
+      ...t
+    }
+  );
+});
+bt.displayName = "FormLabel";
+const xt = p.forwardRef(({ ...r }, t) => {
+  const { error: o, formItemId: a, formDescriptionId: i, formMessageId: d } = q();
+  return /* @__PURE__ */ n.jsx(
+    Ye,
+    {
+      ref: t,
+      id: a,
+      "aria-describedby": o ? `${i} ${d}` : `${i}`,
+      "aria-invalid": !!o,
+      ...r
+    }
+  );
+});
+xt.displayName = "FormControl";
+const ht = p.forwardRef(({ className: r, ...t }, o) => {
+  const { formDescriptionId: a } = q();
+  return /* @__PURE__ */ n.jsx(
+    "p",
+    {
+      ref: o,
+      id: a,
+      className: c("text-sm text-muted-foreground", r),
+      ...t
+    }
+  );
+});
+ht.displayName = "FormDescription";
+const yt = p.forwardRef(({ className: r, children: t, ...o }, a) => {
+  const { error: i, formMessageId: d } = q(), u = i ? String(i == null ? void 0 : i.message) : t;
+  return u ? /* @__PURE__ */ n.jsx(
+    "p",
+    {
+      ref: a,
+      id: d,
+      className: c("text-sm font-medium text-destructive", r),
+      ...o,
+      children: u
+    }
+  ) : null;
+});
+yt.displayName = "FormMessage";
+const Ur = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Form: Wr,
+  FormControl: xt,
+  FormDescription: ht,
+  FormField: Yr,
+  FormItem: vt,
+  FormLabel: bt,
+  FormMessage: yt,
+  useFormField: q
+}, Symbol.toStringTag, { value: "Module" })), Ct = p.forwardRef(
+  ({ className: r, type: t, ...o }, a) => /* @__PURE__ */ n.jsx(
+    "input",
+    {
+      type: t,
+      className: c(
+        "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",
+        r
+      ),
+      ref: a,
+      ...o
+    }
+  )
+);
+Ct.displayName = "Input";
+const Gr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Input: Ct
+}, Symbol.toStringTag, { value: "Module" })), qr = ee.Root, Hr = ee.Trigger, jt = p.forwardRef(({ className: r, align: t = "center", sideOffset: o = 4, ...a }, i) => (
+  // <PopoverPrimitive.Portal>
+  /* @__PURE__ */ n.jsx(
+    ee.Content,
+    {
+      ref: i,
+      align: t,
+      sideOffset: o,
+      className: c(
+        "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",
+        r
+      ),
+      ...a
+    }
+  )
+));
+jt.displayName = ee.Content.displayName;
+const Jr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Popover: qr,
+  PopoverContent: jt,
+  PopoverTrigger: Hr
+}, Symbol.toStringTag, { value: "Module" })), Kr = T.Root, Xr = T.Group, Zr = T.Value, wt = p.forwardRef(({ className: r, children: t, ...o }, a) => /* @__PURE__ */ n.jsxs(
+  T.Trigger,
+  {
+    ref: a,
+    className: c(
+      "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",
+      r
+    ),
+    ...o,
+    children: [
+      t,
+      /* @__PURE__ */ n.jsx(T.Icon, { asChild: !0, children: /* @__PURE__ */ n.jsx(qe, { className: "h-4 w-4 opacity-50" }) })
+    ]
+  }
+));
+wt.displayName = T.Trigger.displayName;
+const ue = p.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
+  T.ScrollUpButton,
+  {
+    ref: o,
+    className: c(
+      "flex cursor-default items-center justify-center py-1",
+      r
+    ),
+    ...t,
+    children: /* @__PURE__ */ n.jsx(wr, { className: "h-4 w-4" })
+  }
+));
+ue.displayName = T.ScrollUpButton.displayName;
+const fe = p.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
+  T.ScrollDownButton,
+  {
+    ref: o,
+    className: c(
+      "flex cursor-default items-center justify-center py-1",
+      r
+    ),
+    ...t,
+    children: /* @__PURE__ */ n.jsx(qe, { className: "h-4 w-4" })
+  }
+));
+fe.displayName = T.ScrollDownButton.displayName;
+const Nt = p.forwardRef(({ className: r, children: t, position: o = "popper", ...a }, i) => (
+  // <SelectPrimitive.Portal>
+  /* @__PURE__ */ n.jsxs(
+    T.Content,
+    {
+      ref: i,
+      className: c(
+        "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",
+        o === "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",
+        r
+      ),
+      position: o,
+      ...a,
+      children: [
+        /* @__PURE__ */ n.jsx(ue, {}),
+        /* @__PURE__ */ n.jsx(
+          T.Viewport,
+          {
+            className: c(
+              "p-1",
+              o === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+            ),
+            children: t
+          }
+        ),
+        /* @__PURE__ */ n.jsx(fe, {})
+      ]
+    }
+  )
+));
+Nt.displayName = T.Content.displayName;
+const St = p.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
+  T.Label,
+  {
+    ref: o,
+    className: c("py-1.5 pl-8 pr-2 text-sm font-semibold", r),
+    ...t
+  }
+));
+St.displayName = T.Label.displayName;
+const Tt = p.forwardRef(({ className: r, children: t, ...o }, a) => /* @__PURE__ */ n.jsxs(
+  T.Item,
+  {
+    ref: a,
+    className: c(
+      "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",
+      r
+    ),
+    ...o,
+    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(Ge, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ n.jsx(T.ItemText, { children: t })
+    ]
+  }
+));
+Tt.displayName = T.Item.displayName;
+const Rt = p.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
+  T.Separator,
+  {
+    ref: o,
+    className: c("-mx-1 my-1 h-px bg-muted", r),
+    ...t
+  }
+));
+Rt.displayName = T.Separator.displayName;
+const Qr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Select: Kr,
+  SelectContent: Nt,
+  SelectGroup: Xr,
+  SelectItem: Tt,
+  SelectLabel: St,
+  SelectScrollDownButton: fe,
+  SelectScrollUpButton: ue,
+  SelectSeparator: Rt,
+  SelectTrigger: wt,
+  SelectValue: Zr
+}, Symbol.toStringTag, { value: "Module" })), eo = L.Root, _t = p.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
+  L.List,
+  {
+    ref: o,
+    className: c(
+      "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
+      r
+    ),
+    ...t
+  }
+));
+_t.displayName = L.List.displayName;
+const Et = p.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
+  L.Trigger,
+  {
+    ref: o,
+    className: c(
+      "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",
+      r
+    ),
+    ...t
+  }
+));
+Et.displayName = L.Trigger.displayName;
+const Pt = p.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ n.jsx(
+  L.Content,
+  {
+    ref: o,
+    className: c(
+      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      r
+    ),
+    ...t
+  }
+));
+Pt.displayName = L.Content.displayName;
+const to = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Tabs: eo,
+  TabsContent: Pt,
+  TabsList: _t,
+  TabsTrigger: Et
+}, Symbol.toStringTag, { value: "Module" })), Dt = Q(
+  "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"
+      },
+      size: {
+        default: "h-10 px-3",
+        sm: "h-9 px-2.5",
+        lg: "h-11 px-5"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), Mt = p.forwardRef(({ className: r, variant: t, size: o, ...a }, i) => /* @__PURE__ */ n.jsx(
+  Je.Root,
+  {
+    ref: i,
+    className: c(Dt({ variant: t, size: o, className: r })),
+    ...a
+  }
+));
+Mt.displayName = Je.Root.displayName;
+const ro = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Toggle: Mt,
+  toggleVariants: Dt
+}, Symbol.toStringTag, { value: "Module" })), oo = G.Provider, no = G.Root, ao = G.Trigger, Ot = p.forwardRef(({ className: r, sideOffset: t = 4, ...o }, a) => /* @__PURE__ */ n.jsx(
+  G.Content,
+  {
+    ref: a,
+    sideOffset: t,
+    className: c(
+      "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",
+      r
+    ),
+    ...o
+  }
+));
+Ot.displayName = G.Content.displayName;
+const so = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Tooltip: no,
+  TooltipContent: Ot,
+  TooltipProvider: oo,
+  TooltipTrigger: ao
+}, Symbol.toStringTag, { value: "Module" })), io = {
+  Badge: Dr,
+  Button: Mr,
+  Card: Or,
+  DropdownMenu: Vr,
+  Form: Ur,
+  Input: Gr,
+  Label: $r,
+  Popover: Jr,
+  Select: Qr,
+  Tabs: to,
+  Toggle: ro,
+  Tooltip: so
+}, It = vr(void 0);
+function R() {
+  return br(It);
+}
+const lo = (r) => {
+  const { children: t, ...o } = r;
+  j(o);
+  const a = R(), i = Rr();
+  return /* @__PURE__ */ n.jsx(a.Form.Form, { ...i, children: t });
+}, co = (r) => N((t, o) => /* @__PURE__ */ n.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);
+    },
+    ...t,
+    ref: o
+  }
+)), uo = (r) => {
+  const {
+    children: t,
+    onOpenChange: o,
+    position: a,
+    // Unused
+    sub: i,
+    ...d
+  } = r;
+  j(d);
+  const u = R();
+  return i ? /* @__PURE__ */ n.jsx(
+    u.DropdownMenu.DropdownMenuSub,
+    {
+      onOpenChange: o,
+      children: t
+    }
+  ) : /* @__PURE__ */ n.jsx(u.DropdownMenu.DropdownMenu, { onOpenChange: o, children: t });
+}, fo = (r) => {
+  const { children: t, sub: o, ...a } = r;
+  j(a);
+  const i = R(), d = We(
+    () => co(
+      i.DropdownMenu.DropdownMenuTrigger
+    ),
+    [i.DropdownMenu.DropdownMenuTrigger]
+  );
+  return o ? /* @__PURE__ */ n.jsx(i.DropdownMenu.DropdownMenuSubTrigger, { children: t }) : /* @__PURE__ */ n.jsx(d, { asChild: !0, ...a, children: t });
+}, mo = N((r, t) => {
+  const { className: o, children: a, sub: i, ...d } = r;
+  j(d);
+  const u = R();
+  return i ? /* @__PURE__ */ n.jsx(
+    u.DropdownMenu.DropdownMenuSubContent,
+    {
+      className: o,
+      ref: t,
+      children: a
+    }
+  ) : /* @__PURE__ */ n.jsx(
+    u.DropdownMenu.DropdownMenuContent,
+    {
+      className: o,
+      ref: t,
+      children: a
+    }
+  );
+}), po = N((r, t) => {
+  const { className: o, children: a, icon: i, checked: d, subTrigger: u, onClick: x, ...m } = r;
+  j(m);
+  const g = R();
+  return u ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    i,
+    a
+  ] }) : d !== void 0 ? /* @__PURE__ */ n.jsxs(
+    g.DropdownMenu.DropdownMenuCheckboxItem,
+    {
+      className: c(o, "gap-1"),
+      ref: t,
+      checked: d,
+      onClick: x,
+      ...m,
+      children: [
+        i,
+        a
+      ]
+    }
+  ) : /* @__PURE__ */ n.jsxs(
+    g.DropdownMenu.DropdownMenuItem,
+    {
+      className: o,
+      ref: t,
+      onClick: x,
+      ...m,
+      children: [
+        i,
+        a,
+        u && /* @__PURE__ */ n.jsx(Ue, { className: "ml-auto h-4 w-4" })
+      ]
+    }
+  );
+}), go = N((r, t) => {
+  const { className: o, ...a } = r;
+  j(a);
+  const i = R();
+  return /* @__PURE__ */ n.jsx(
+    i.DropdownMenu.DropdownMenuSeparator,
+    {
+      className: o,
+      ref: t
+    }
+  );
+}), vo = N((r, t) => {
+  const { className: o, children: a, ...i } = r;
+  j(i);
+  const d = R();
+  return /* @__PURE__ */ n.jsx(
+    d.DropdownMenu.DropdownMenuLabel,
+    {
+      className: o,
+      ref: t,
+      children: a
+    }
+  );
+}), bo = N((r, t) => {
+  const {
+    className: o,
+    tabs: a,
+    defaultOpenTab: i,
+    openTab: d,
+    setOpenTab: u,
+    loading: x,
+    // TODO: implement loader
+    ...m
+  } = r;
+  j(m);
+  const g = R();
+  return /* @__PURE__ */ n.jsxs(
+    g.Tabs.Tabs,
+    {
+      className: c(o, "bg-popover p-2 rounded-lg"),
+      ref: t,
+      value: d,
+      defaultValue: i,
+      onValueChange: u,
+      children: [
+        /* @__PURE__ */ n.jsx(g.Tabs.TabsList, { children: a.map((b) => /* @__PURE__ */ n.jsx(g.Tabs.TabsTrigger, { value: b.name, children: b.name }, b.name)) }),
+        a.map((b) => /* @__PURE__ */ n.jsx(g.Tabs.TabsContent, { value: b.name, children: /* @__PURE__ */ n.jsx(g.Card.Card, { children: /* @__PURE__ */ n.jsx(g.Card.CardContent, { className: "p-4", children: b.tabPanel }) }) }, b.name))
+      ]
+    }
+  );
+}), xo = N((r, t) => {
+  const { className: o, children: a, onClick: i, label: d, ...u } = r;
+  j(u);
+  const x = R();
+  return /* @__PURE__ */ n.jsx(
+    x.Button.Button,
+    {
+      type: "submit",
+      className: o,
+      "aria-label": d,
+      ref: t,
+      onClick: i,
+      children: a
+    }
+  );
+}), ho = N((r, t) => {
+  const { className: o, value: a, placeholder: i, onChange: d, ...u } = r;
+  j(u);
+  const x = R();
+  return /* @__PURE__ */ n.jsx(
+    x.Input.Input,
+    {
+      type: "file",
+      className: o,
+      ref: t,
+      value: a ? a.name : void 0,
+      onChange: async (m) => d == null ? void 0 : d(m.target.files[0]),
+      placeholder: i
+    }
+  );
+}), yo = N((r, t) => {
+  const { className: o, children: a, ...i } = r;
+  return j(i), /* @__PURE__ */ n.jsx(
+    "div",
+    {
+      className: c(
+        o,
+        "flex flex-col gap-2 items-start justify-center"
+      ),
+      ref: t,
+      children: a
+    }
+  );
+}), Co = N((r, t) => {
+  const { className: o, value: a, placeholder: i, onKeyDown: d, onChange: u, ...x } = r;
+  j(x);
+  const m = R();
+  return /* @__PURE__ */ n.jsx(
+    m.Input.Input,
+    {
+      "data-test": "embed-input",
+      className: c(o, "w-80"),
+      ref: t,
+      value: a,
+      placeholder: i,
+      onKeyDown: d,
+      onChange: u
+    }
+  );
+}), jo = (r) => {
+  const {
+    children: t,
+    opened: o,
+    position: a,
+    // unused
+    ...i
+  } = r;
+  j(i);
+  const d = R();
+  return /* @__PURE__ */ n.jsx(d.Popover.Popover, { open: o, children: t });
+}, wo = N(
+  (r, t) => {
+    const { children: o, ...a } = r;
+    j(a);
+    const i = R();
+    return /* @__PURE__ */ n.jsx(i.Popover.PopoverTrigger, { ref: t, asChild: !0, children: o });
+  }
+), No = N((r, t) => {
+  const { className: o, variant: a, children: i, ...d } = r;
+  j(d);
+  const u = R();
+  return /* @__PURE__ */ n.jsx(
+    u.Popover.PopoverContent,
+    {
+      sideOffset: 8,
+      className: c(
+        o,
+        "flex flex-col gap-2",
+        a === "panel-popover" ? "p-0 border-none shadow-none max-w-none w-fit" : ""
+      ),
+      ref: t,
+      children: i
+    }
+  );
+}), So = N((r, t) => {
+  const { className: o, children: a, ...i } = r;
+  return j(i), /* @__PURE__ */ n.jsx("div", { className: o, ref: t, children: a });
+}), To = N((r, t) => {
+  const {
+    className: o,
+    children: a,
+    icon: i,
+    onClick: d,
+    onDragEnd: u,
+    onDragStart: x,
+    draggable: m,
+    label: g,
+    ...b
+  } = r;
+  j(b, !1);
+  const _ = R();
+  return /* @__PURE__ */ n.jsxs(
+    _.Button.Button,
+    {
+      variant: "ghost",
+      className: c(o, "text-gray-400"),
+      ref: t,
+      "aria-label": g,
+      onClick: d,
+      onDragStart: x,
+      onDragEnd: u,
+      draggable: m,
+      ...b,
+      children: [
+        i,
+        a
+      ]
+    }
+  );
+}), Ro = N((r, t) => {
+  const { className: o, children: a, id: i, ...d } = r;
+  return j(d), /* @__PURE__ */ n.jsx(
+    "div",
+    {
+      id: i,
+      role: "listbox",
+      className: c(
+        "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",
+        o
+      ),
+      ref: t,
+      children: a
+    }
+  );
+}), _o = N((r, t) => {
+  const { className: o, children: a, ...i } = r;
+  return j(i), /* @__PURE__ */ n.jsx(
+    "div",
+    {
+      className: c(
+        "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",
+        o
+      ),
+      ref: t,
+      children: /* @__PURE__ */ n.jsx("div", { children: a })
+    }
+  );
+}), Eo = N((r, t) => {
+  const o = R(), { className: a, item: i, isSelected: d, onClick: u, id: x, ...m } = r;
+  return j(m), /* @__PURE__ */ n.jsxs(
+    "div",
+    {
+      className: c(
+        "relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        a
+      ),
+      ref: t,
+      id: x,
+      onClick: u,
+      role: "option",
+      "aria-selected": d || void 0,
+      children: [
+        i.icon && /* @__PURE__ */ n.jsx("div", { className: "p-3", "data-position": "left", children: i.icon }),
+        /* @__PURE__ */ n.jsxs("div", { className: "flex-1", children: [
+          /* @__PURE__ */ n.jsx("div", { className: "text-base", children: i.title }),
+          /* @__PURE__ */ n.jsx("div", { className: "text-xs", children: i.subtext })
+        ] }),
+        i.badge && /* @__PURE__ */ n.jsx("div", { "data-position": "right", className: "text-xs", children: /* @__PURE__ */ n.jsx(o.Badge.Badge, { variant: "secondary", children: i.badge }) })
+      ]
+    }
+  );
+}), Po = N((r, t) => {
+  const { className: o, children: a, ...i } = r;
+  return j(i), /* @__PURE__ */ n.jsx(
+    "div",
+    {
+      className: c("px-2 py-1.5 text-sm font-semibold", o),
+      ref: t,
+      children: a
+    }
+  );
+}), Do = N((r, t) => {
+  const { className: o, children: a, ...i } = r;
+  return j(i), /* @__PURE__ */ n.jsx("div", { className: o, ref: t, children: a });
+}), Mo = N((r, t) => {
+  const {
+    className: o,
+    children: a,
+    draggable: i,
+    onDragStart: d,
+    onDragEnd: u,
+    style: x,
+    label: m,
+    ...g
+  } = r;
+  j(g, !1);
+  const b = R();
+  return /* @__PURE__ */ n.jsx(
+    b.Button.Button,
+    {
+      variant: "ghost",
+      className: c(o, "p-0 h-fit w-fit text-gray-400"),
+      ref: t,
+      "aria-label": m,
+      draggable: i,
+      onDragStart: d,
+      onDragEnd: u,
+      style: x,
+      ...g,
+      children: a
+    }
+  );
+}), Oo = N(
+  (r) => {
+    const {
+      className: t,
+      name: o,
+      label: a,
+      icon: i,
+      // TODO: implement
+      value: d,
+      autoFocus: u,
+      placeholder: x,
+      onKeyDown: m,
+      onChange: g,
+      onSubmit: b,
+      ..._
+    } = r;
+    j(_);
+    const P = R();
+    return a ? /* @__PURE__ */ n.jsxs("div", { children: [
+      /* @__PURE__ */ n.jsx(P.Label.Label, { htmlFor: a, children: a }),
+      /* @__PURE__ */ n.jsx(
+        P.Input.Input,
+        {
+          className: t,
+          id: a,
+          name: o,
+          autoFocus: u,
+          placeholder: x,
+          value: d,
+          onKeyDown: m,
+          onChange: g,
+          onSubmit: b
+        }
+      )
+    ] }) : /* @__PURE__ */ n.jsx(
+      P.Input.Input,
+      {
+        "aria-label": o,
+        name: o,
+        autoFocus: u,
+        placeholder: x,
+        value: d,
+        onKeyDown: m,
+        onChange: g,
+        onSubmit: b
+      }
+    );
+  }
+), Ve = N(
+  (r, t) => {
+    const { className: o, children: a, onMouseEnter: i, onMouseLeave: d, ...u } = r;
+    j(u);
+    const x = R();
+    return /* @__PURE__ */ n.jsx(x.Tooltip.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ n.jsx(
+      "div",
+      {
+        className: c(
+          o,
+          "flex gap-1 p-1 bg-popover text-popover-foreground border rounded-lg shadow-md"
+        ),
+        ref: t,
+        onMouseEnter: i,
+        onMouseLeave: d,
+        children: a
+      }
+    ) });
+  }
+), Ae = N(
+  (r, t) => {
+    const {
+      className: o,
+      children: a,
+      mainTooltip: i,
+      secondaryTooltip: d,
+      icon: u,
+      isSelected: x,
+      isDisabled: m,
+      onClick: g,
+      label: b,
+      ..._
+    } = r;
+    j(_, !1);
+    const P = R(), B = x === void 0 ? /* @__PURE__ */ n.jsxs(
+      P.Button.Button,
+      {
+        className: o,
+        variant: "ghost",
+        disabled: m,
+        onClick: g,
+        ref: t,
+        "aria-label": b,
+        ..._,
+        children: [
+          u,
+          a
+        ]
+      }
+    ) : /* @__PURE__ */ n.jsxs(
+      P.Toggle.Toggle,
+      {
+        className: c(
+          o,
+          "data-[state=open]:bg-accent data-[state=closed]:text-accent-foreground"
+        ),
+        "aria-label": b,
+        onClick: g,
+        pressed: x,
+        disabled: m,
+        "data-state": x ? "on" : "off",
+        "data-disabled": m,
+        ref: t,
+        ..._,
+        children: [
+          u,
+          a
+        ]
+      }
+    );
+    return /* @__PURE__ */ n.jsxs(P.Tooltip.Tooltip, { children: [
+      /* @__PURE__ */ n.jsx(P.Tooltip.TooltipTrigger, { asChild: !0, children: B }),
+      /* @__PURE__ */ n.jsxs(
+        P.Tooltip.TooltipContent,
+        {
+          className: "flex flex-col items-center",
+          children: [
+            /* @__PURE__ */ n.jsx("span", { children: i }),
+            d && /* @__PURE__ */ n.jsx("span", { children: d })
+          ]
+        }
+      )
+    ] });
+  }
+), Io = N((r, t) => {
+  const { className: o, items: a, isDisabled: i, ...d } = r;
+  j(d);
+  const u = R(), x = (g) => /* @__PURE__ */ n.jsxs("div", { className: "flex gap-1 items-center", children: [
+    g.icon,
+    g.text
+  ] }), m = a.filter((g) => g.isSelected)[0];
+  return m ? /* @__PURE__ */ n.jsxs(
+    u.Select.Select,
+    {
+      value: m.text,
+      onValueChange: (g) => {
+        var b, _;
+        return (_ = (b = a.find((P) => P.text === g)).onClick) == null ? void 0 : _.call(b);
+      },
+      disabled: i,
+      children: [
+        /* @__PURE__ */ n.jsx(u.Select.SelectTrigger, { className: "border-none", children: /* @__PURE__ */ n.jsx(u.Select.SelectValue, {}) }),
+        /* @__PURE__ */ n.jsx(u.Select.SelectContent, { className: o, ref: t, children: a.map((g) => /* @__PURE__ */ n.jsx(
+          u.Select.SelectItem,
+          {
+            disabled: g.isDisabled,
+            value: g.text,
+            children: /* @__PURE__ */ n.jsx(x, { ...g })
+          },
+          g.text
+        )) })
+      ]
+    }
+  ) : null;
+});
+const Fo = {
+  FormattingToolbar: {
+    Root: Ve,
+    Button: Ae,
+    Select: Io
+  },
+  ImagePanel: {
+    Root: bo,
+    Button: xo,
+    FileInput: ho,
+    TabPanel: yo,
+    TextInput: Co
+  },
+  LinkToolbar: {
+    Root: Ve,
+    Button: Ae
+  },
+  SideMenu: {
+    Root: So,
+    Button: To
+  },
+  SuggestionMenu: {
+    Root: Ro,
+    Item: Eo,
+    EmptyItem: _o,
+    Label: Po,
+    Loader: Do
+  },
+  TableHandle: {
+    Root: Mo
+  },
+  Generic: {
+    Form: {
+      Root: lo,
+      TextInput: Oo
+    },
+    Menu: {
+      Root: uo,
+      Trigger: fo,
+      Dropdown: mo,
+      Divider: go,
+      Label: vo,
+      Item: po
+    },
+    Popover: {
+      Root: jo,
+      Trigger: wo,
+      Content: No
+    }
+  }
+}, Uo = (r) => {
+  const { shadCNComponents: t, ...o } = r, a = We(() => ({
+    ...t,
+    ...io
+  }), [t]);
+  return /* @__PURE__ */ n.jsx(It.Provider, { value: a, children: /* @__PURE__ */ n.jsx(xr.Provider, { value: Fo, children: /* @__PURE__ */ n.jsx(hr, { ...o }) }) });
+};
+export {
+  Uo as BlockNoteView,
+  Fo as components
+};
+//# sourceMappingURL=blocknote-shadcn.js.map