import { twMerge as T } from "tailwind-merge";
import S, { forwardRef as te, createElement as Sr, useState as Ze, useEffect as qe } from "react";
import { Transition as D, Dialog as z, Tab as H, Listbox as ee, Switch as kr } from "@headlessui/react";
import jr from "react-use-clipboard";
import Pr, { defaultProps as Ar } from "prism-react-renderer";
import { Provider as Ir, Root as Lr, TooltipTrigger as Dr, Content as zr, TooltipArrow as Fr } from "@radix-ui/react-tooltip";
import Yr from "@unlock-protocol/unlock-assets";
import { networks as $r } from "@unlock-protocol/networks";
import { ethers as Mr } from "ethers";
const pe = te(({
  as: r = "div",
  ...i
}, n) => Sr(r, {
  ...i,
  ref: n
}));
pe.displayName = "Box";
var he = { exports: {} }, V = {};
/*
object-assign
(c) Sindre Sorhus
@license MIT
*/
var de, $e;
function Ge() {
  if ($e)
    return de;
  $e = 1;
  var r = Object.getOwnPropertySymbols, i = Object.prototype.hasOwnProperty, n = Object.prototype.propertyIsEnumerable;
  function l(d) {
    if (d == null)
      throw new TypeError("Object.assign cannot be called with null or undefined");
    return Object(d);
  }
  function s() {
    try {
      if (!Object.assign)
        return !1;
      var d = new String("abc");
      if (d[5] = "de", Object.getOwnPropertyNames(d)[0] === "5")
        return !1;
      for (var y = {}, m = 0; m < 10; m++)
        y["_" + String.fromCharCode(m)] = m;
      var f = Object.getOwnPropertyNames(y).map(function(u) {
        return y[u];
      });
      if (f.join("") !== "0123456789")
        return !1;
      var h = {};
      return "abcdefghijklmnopqrst".split("").forEach(function(u) {
        h[u] = u;
      }), Object.keys(Object.assign({}, h)).join("") === "abcdefghijklmnopqrst";
    } catch {
      return !1;
    }
  }
  return de = s() ? Object.assign : function(d, y) {
    for (var m, f = l(d), h, u = 1; u < arguments.length; u++) {
      m = Object(arguments[u]);
      for (var g in m)
        i.call(m, g) && (f[g] = m[g]);
      if (r) {
        h = r(m);
        for (var _ = 0; _ < h.length; _++)
          n.call(m, h[_]) && (f[h[_]] = m[h[_]]);
      }
    }
    return f;
  }, de;
}
/** @license React v17.0.2
 * 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 Me;
function Br() {
  if (Me)
    return V;
  Me = 1, Ge();
  var r = S, i = 60103;
  if (V.Fragment = 60107, typeof Symbol == "function" && Symbol.for) {
    var n = Symbol.for;
    i = n("react.element"), V.Fragment = n("react.fragment");
  }
  var l = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = Object.prototype.hasOwnProperty, d = { key: !0, ref: !0, __self: !0, __source: !0 };
  function y(m, f, h) {
    var u, g = {}, _ = null, j = null;
    h !== void 0 && (_ = "" + h), f.key !== void 0 && (_ = "" + f.key), f.ref !== void 0 && (j = f.ref);
    for (u in f)
      s.call(f, u) && !d.hasOwnProperty(u) && (g[u] = f[u]);
    if (m && m.defaultProps)
      for (u in f = m.defaultProps, f)
        g[u] === void 0 && (g[u] = f[u]);
    return { $$typeof: i, type: m, key: _, ref: j, props: g, _owner: l.current };
  }
  return V.jsx = y, V.jsxs = y, V;
}
var fe = {};
/** @license React v17.0.2
 * 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 Be;
function Vr() {
  return Be || (Be = 1, function(r) {
    process.env.NODE_ENV !== "production" && function() {
      var i = S, n = Ge(), l = 60103, s = 60106;
      r.Fragment = 60107;
      var d = 60108, y = 60114, m = 60109, f = 60110, h = 60112, u = 60113, g = 60120, _ = 60115, j = 60116, F = 60121, Z = 60122, Y = 60117, q = 60129, G = 60131;
      if (typeof Symbol == "function" && Symbol.for) {
        var C = Symbol.for;
        l = C("react.element"), s = C("react.portal"), r.Fragment = C("react.fragment"), d = C("react.strict_mode"), y = C("react.profiler"), m = C("react.provider"), f = C("react.context"), h = C("react.forward_ref"), u = C("react.suspense"), g = C("react.suspense_list"), _ = C("react.memo"), j = C("react.lazy"), F = C("react.block"), Z = C("react.server.block"), Y = C("react.fundamental"), C("react.scope"), C("react.opaque.id"), q = C("react.debug_trace_mode"), C("react.offscreen"), G = C("react.legacy_hidden");
      }
      var ge = typeof Symbol == "function" && Symbol.iterator, tr = "@@iterator";
      function ar(e) {
        if (e === null || typeof e != "object")
          return null;
        var a = ge && e[ge] || e[tr];
        return typeof a == "function" ? a : null;
      }
      var $ = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
      function O(e) {
        {
          for (var a = arguments.length, o = new Array(a > 1 ? a - 1 : 0), c = 1; c < a; c++)
            o[c - 1] = arguments[c];
          nr("error", e, o);
        }
      }
      function nr(e, a, o) {
        {
          var c = $.ReactDebugCurrentFrame, x = c.getStackAddendum();
          x !== "" && (a += "%s", o = o.concat([x]));
          var w = o.map(function(b) {
            return "" + b;
          });
          w.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, w);
        }
      }
      var ir = !1;
      function or(e) {
        return !!(typeof e == "string" || typeof e == "function" || e === r.Fragment || e === y || e === q || e === d || e === u || e === g || e === G || ir || typeof e == "object" && e !== null && (e.$$typeof === j || e.$$typeof === _ || e.$$typeof === m || e.$$typeof === f || e.$$typeof === h || e.$$typeof === Y || e.$$typeof === F || e[0] === Z));
      }
      function lr(e, a, o) {
        var c = a.displayName || a.name || "";
        return e.displayName || (c !== "" ? o + "(" + c + ")" : o);
      }
      function be(e) {
        return e.displayName || "Context";
      }
      function k(e) {
        if (e == null)
          return null;
        if (typeof e.tag == "number" && O("Received an unexpected object in getComponentName(). 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 r.Fragment:
            return "Fragment";
          case s:
            return "Portal";
          case y:
            return "Profiler";
          case d:
            return "StrictMode";
          case u:
            return "Suspense";
          case g:
            return "SuspenseList";
        }
        if (typeof e == "object")
          switch (e.$$typeof) {
            case f:
              var a = e;
              return be(a) + ".Consumer";
            case m:
              var o = e;
              return be(o._context) + ".Provider";
            case h:
              return lr(e, e.render, "ForwardRef");
            case _:
              return k(e.type);
            case F:
              return k(e._render);
            case j: {
              var c = e, x = c._payload, w = c._init;
              try {
                return k(w(x));
              } catch {
                return null;
              }
            }
          }
        return null;
      }
      var W = 0, ye, xe, we, _e, Ee, Ce, Ne;
      function Re() {
      }
      Re.__reactDisabledLog = !0;
      function sr() {
        {
          if (W === 0) {
            ye = console.log, xe = console.info, we = console.warn, _e = console.error, Ee = console.group, Ce = console.groupCollapsed, Ne = console.groupEnd;
            var e = {
              configurable: !0,
              enumerable: !0,
              value: Re,
              writable: !0
            };
            Object.defineProperties(console, {
              info: e,
              log: e,
              warn: e,
              error: e,
              group: e,
              groupCollapsed: e,
              groupEnd: e
            });
          }
          W++;
        }
      }
      function cr() {
        {
          if (W--, W === 0) {
            var e = {
              configurable: !0,
              enumerable: !0,
              writable: !0
            };
            Object.defineProperties(console, {
              log: n({}, e, {
                value: ye
              }),
              info: n({}, e, {
                value: xe
              }),
              warn: n({}, e, {
                value: we
              }),
              error: n({}, e, {
                value: _e
              }),
              group: n({}, e, {
                value: Ee
              }),
              groupCollapsed: n({}, e, {
                value: Ce
              }),
              groupEnd: n({}, e, {
                value: Ne
              })
            });
          }
          W < 0 && O("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
        }
      }
      var ae = $.ReactCurrentDispatcher, ne;
      function J(e, a, o) {
        {
          if (ne === void 0)
            try {
              throw Error();
            } catch (x) {
              var c = x.stack.trim().match(/\n( *(at )?)/);
              ne = c && c[1] || "";
            }
          return `
` + ne + e;
        }
      }
      var ie = !1, K;
      {
        var ur = typeof WeakMap == "function" ? WeakMap : Map;
        K = new ur();
      }
      function Te(e, a) {
        if (!e || ie)
          return "";
        {
          var o = K.get(e);
          if (o !== void 0)
            return o;
        }
        var c;
        ie = !0;
        var x = Error.prepareStackTrace;
        Error.prepareStackTrace = void 0;
        var w;
        w = ae.current, ae.current = null, sr();
        try {
          if (a) {
            var b = function() {
              throw Error();
            };
            if (Object.defineProperty(b.prototype, "props", {
              set: function() {
                throw Error();
              }
            }), typeof Reflect == "object" && Reflect.construct) {
              try {
                Reflect.construct(b, []);
              } catch (A) {
                c = A;
              }
              Reflect.construct(e, [], b);
            } else {
              try {
                b.call();
              } catch (A) {
                c = A;
              }
              e.call(b.prototype);
            }
          } else {
            try {
              throw Error();
            } catch (A) {
              c = A;
            }
            e();
          }
        } catch (A) {
          if (A && c && typeof A.stack == "string") {
            for (var p = A.stack.split(`
`), R = c.stack.split(`
`), E = p.length - 1, N = R.length - 1; E >= 1 && N >= 0 && p[E] !== R[N]; )
              N--;
            for (; E >= 1 && N >= 0; E--, N--)
              if (p[E] !== R[N]) {
                if (E !== 1 || N !== 1)
                  do
                    if (E--, N--, N < 0 || p[E] !== R[N]) {
                      var P = `
` + p[E].replace(" at new ", " at ");
                      return typeof e == "function" && K.set(e, P), P;
                    }
                  while (E >= 1 && N >= 0);
                break;
              }
          }
        } finally {
          ie = !1, ae.current = w, cr(), Error.prepareStackTrace = x;
        }
        var B = e ? e.displayName || e.name : "", Ye = B ? J(B) : "";
        return typeof e == "function" && K.set(e, Ye), Ye;
      }
      function Oe(e, a, o) {
        return Te(e, !1);
      }
      function dr(e) {
        var a = e.prototype;
        return !!(a && a.isReactComponent);
      }
      function X(e, a, o) {
        if (e == null)
          return "";
        if (typeof e == "function")
          return Te(e, dr(e));
        if (typeof e == "string")
          return J(e);
        switch (e) {
          case u:
            return J("Suspense");
          case g:
            return J("SuspenseList");
        }
        if (typeof e == "object")
          switch (e.$$typeof) {
            case h:
              return Oe(e.render);
            case _:
              return X(e.type, a, o);
            case F:
              return Oe(e._render);
            case j: {
              var c = e, x = c._payload, w = c._init;
              try {
                return X(w(x), a, o);
              } catch {
              }
            }
          }
        return "";
      }
      var Se = {}, ke = $.ReactDebugCurrentFrame;
      function Q(e) {
        if (e) {
          var a = e._owner, o = X(e.type, e._source, a ? a.type : null);
          ke.setExtraStackFrame(o);
        } else
          ke.setExtraStackFrame(null);
      }
      function fr(e, a, o, c, x) {
        {
          var w = Function.call.bind(Object.prototype.hasOwnProperty);
          for (var b in e)
            if (w(e, b)) {
              var p = void 0;
              try {
                if (typeof e[b] != "function") {
                  var R = Error((c || "React class") + ": " + o + " type `" + b + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[b] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                  throw R.name = "Invariant Violation", R;
                }
                p = e[b](a, b, c, o, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
              } catch (E) {
                p = E;
              }
              p && !(p instanceof Error) && (Q(x), O("%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).", c || "React class", o, b, typeof p), Q(null)), p instanceof Error && !(p.message in Se) && (Se[p.message] = !0, Q(x), O("Failed %s type: %s", o, p.message), Q(null));
            }
        }
      }
      var U = $.ReactCurrentOwner, oe = Object.prototype.hasOwnProperty, mr = {
        key: !0,
        ref: !0,
        __self: !0,
        __source: !0
      }, je, Pe, le;
      le = {};
      function vr(e) {
        if (oe.call(e, "ref")) {
          var a = Object.getOwnPropertyDescriptor(e, "ref").get;
          if (a && a.isReactWarning)
            return !1;
        }
        return e.ref !== void 0;
      }
      function pr(e) {
        if (oe.call(e, "key")) {
          var a = Object.getOwnPropertyDescriptor(e, "key").get;
          if (a && a.isReactWarning)
            return !1;
        }
        return e.key !== void 0;
      }
      function hr(e, a) {
        if (typeof e.ref == "string" && U.current && a && U.current.stateNode !== a) {
          var o = k(U.current.type);
          le[o] || (O('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', k(U.current.type), e.ref), le[o] = !0);
        }
      }
      function gr(e, a) {
        {
          var o = function() {
            je || (je = !0, O("%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)", a));
          };
          o.isReactWarning = !0, Object.defineProperty(e, "key", {
            get: o,
            configurable: !0
          });
        }
      }
      function br(e, a) {
        {
          var o = function() {
            Pe || (Pe = !0, O("%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)", a));
          };
          o.isReactWarning = !0, Object.defineProperty(e, "ref", {
            get: o,
            configurable: !0
          });
        }
      }
      var yr = function(e, a, o, c, x, w, b) {
        var p = {
          $$typeof: l,
          type: e,
          key: a,
          ref: o,
          props: b,
          _owner: w
        };
        return p._store = {}, Object.defineProperty(p._store, "validated", {
          configurable: !1,
          enumerable: !1,
          writable: !0,
          value: !1
        }), Object.defineProperty(p, "_self", {
          configurable: !1,
          enumerable: !1,
          writable: !1,
          value: c
        }), Object.defineProperty(p, "_source", {
          configurable: !1,
          enumerable: !1,
          writable: !1,
          value: x
        }), Object.freeze && (Object.freeze(p.props), Object.freeze(p)), p;
      };
      function xr(e, a, o, c, x) {
        {
          var w, b = {}, p = null, R = null;
          o !== void 0 && (p = "" + o), pr(a) && (p = "" + a.key), vr(a) && (R = a.ref, hr(a, x));
          for (w in a)
            oe.call(a, w) && !mr.hasOwnProperty(w) && (b[w] = a[w]);
          if (e && e.defaultProps) {
            var E = e.defaultProps;
            for (w in E)
              b[w] === void 0 && (b[w] = E[w]);
          }
          if (p || R) {
            var N = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
            p && gr(b, N), R && br(b, N);
          }
          return yr(e, p, R, x, c, U.current, b);
        }
      }
      var se = $.ReactCurrentOwner, Ae = $.ReactDebugCurrentFrame;
      function M(e) {
        if (e) {
          var a = e._owner, o = X(e.type, e._source, a ? a.type : null);
          Ae.setExtraStackFrame(o);
        } else
          Ae.setExtraStackFrame(null);
      }
      var ce;
      ce = !1;
      function ue(e) {
        return typeof e == "object" && e !== null && e.$$typeof === l;
      }
      function Ie() {
        {
          if (se.current) {
            var e = k(se.current.type);
            if (e)
              return `

Check the render method of \`` + e + "`.";
          }
          return "";
        }
      }
      function wr(e) {
        {
          if (e !== void 0) {
            var a = e.fileName.replace(/^.*[\\\/]/, ""), o = e.lineNumber;
            return `

Check your code at ` + a + ":" + o + ".";
          }
          return "";
        }
      }
      var Le = {};
      function _r(e) {
        {
          var a = Ie();
          if (!a) {
            var o = typeof e == "string" ? e : e.displayName || e.name;
            o && (a = `

Check the top-level render call using <` + o + ">.");
          }
          return a;
        }
      }
      function De(e, a) {
        {
          if (!e._store || e._store.validated || e.key != null)
            return;
          e._store.validated = !0;
          var o = _r(a);
          if (Le[o])
            return;
          Le[o] = !0;
          var c = "";
          e && e._owner && e._owner !== se.current && (c = " It was passed a child from " + k(e._owner.type) + "."), M(e), O('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', o, c), M(null);
        }
      }
      function ze(e, a) {
        {
          if (typeof e != "object")
            return;
          if (Array.isArray(e))
            for (var o = 0; o < e.length; o++) {
              var c = e[o];
              ue(c) && De(c, a);
            }
          else if (ue(e))
            e._store && (e._store.validated = !0);
          else if (e) {
            var x = ar(e);
            if (typeof x == "function" && x !== e.entries)
              for (var w = x.call(e), b; !(b = w.next()).done; )
                ue(b.value) && De(b.value, a);
          }
        }
      }
      function Er(e) {
        {
          var a = e.type;
          if (a == null || typeof a == "string")
            return;
          var o;
          if (typeof a == "function")
            o = a.propTypes;
          else if (typeof a == "object" && (a.$$typeof === h || a.$$typeof === _))
            o = a.propTypes;
          else
            return;
          if (o) {
            var c = k(a);
            fr(o, e.props, "prop", c, e);
          } else if (a.PropTypes !== void 0 && !ce) {
            ce = !0;
            var x = k(a);
            O("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", x || "Unknown");
          }
          typeof a.getDefaultProps == "function" && !a.getDefaultProps.isReactClassApproved && O("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
        }
      }
      function Cr(e) {
        {
          for (var a = Object.keys(e.props), o = 0; o < a.length; o++) {
            var c = a[o];
            if (c !== "children" && c !== "key") {
              M(e), O("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", c), M(null);
              break;
            }
          }
          e.ref !== null && (M(e), O("Invalid attribute `ref` supplied to `React.Fragment`."), M(null));
        }
      }
      function Fe(e, a, o, c, x, w) {
        {
          var b = or(e);
          if (!b) {
            var p = "";
            (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (p += " 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 R = wr(x);
            R ? p += R : p += Ie();
            var E;
            e === null ? E = "null" : Array.isArray(e) ? E = "array" : e !== void 0 && e.$$typeof === l ? (E = "<" + (k(e.type) || "Unknown") + " />", p = " Did you accidentally export a JSX literal instead of a component?") : E = typeof e, O("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", E, p);
          }
          var N = xr(e, a, o, x, w);
          if (N == null)
            return N;
          if (b) {
            var P = a.children;
            if (P !== void 0)
              if (c)
                if (Array.isArray(P)) {
                  for (var B = 0; B < P.length; B++)
                    ze(P[B], e);
                  Object.freeze && Object.freeze(P);
                } else
                  O("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
                ze(P, e);
          }
          return e === r.Fragment ? Cr(N) : Er(N), N;
        }
      }
      function Nr(e, a, o) {
        return Fe(e, a, o, !0);
      }
      function Rr(e, a, o) {
        return Fe(e, a, o, !1);
      }
      var Tr = Rr, Or = Nr;
      r.jsx = Tr, r.jsxs = Or;
    }();
  }(fe)), fe;
}
(function(r) {
  process.env.NODE_ENV === "production" ? r.exports = Br() : r.exports = Vr();
})(he);
const t = he.exports.jsx, v = he.exports.jsxs, Wr = {
  large: 20,
  medium: 18,
  small: 16,
  tiny: 14
};
function Je({
  className: r,
  size: i = "small",
  icon: n,
  ...l
}) {
  const s = n, d = typeof i == "string" ? Wr[i] : i;
  return /* @__PURE__ */ t(s, {
    className: r,
    size: d,
    ...l
  });
}
var Ke = {
  color: void 0,
  size: void 0,
  className: void 0,
  style: void 0,
  attr: void 0
}, Ve = S.createContext && S.createContext(Ke), L = globalThis && globalThis.__assign || function() {
  return L = Object.assign || function(r) {
    for (var i, n = 1, l = arguments.length; n < l; n++) {
      i = arguments[n];
      for (var s in i)
        Object.prototype.hasOwnProperty.call(i, s) && (r[s] = i[s]);
    }
    return r;
  }, L.apply(this, arguments);
}, Ur = globalThis && globalThis.__rest || function(r, i) {
  var n = {};
  for (var l in r)
    Object.prototype.hasOwnProperty.call(r, l) && i.indexOf(l) < 0 && (n[l] = r[l]);
  if (r != null && typeof Object.getOwnPropertySymbols == "function")
    for (var s = 0, l = Object.getOwnPropertySymbols(r); s < l.length; s++)
      i.indexOf(l[s]) < 0 && Object.prototype.propertyIsEnumerable.call(r, l[s]) && (n[l[s]] = r[l[s]]);
  return n;
};
function Xe(r) {
  return r && r.map(function(i, n) {
    return S.createElement(i.tag, L({
      key: n
    }, i.attr), Xe(i.child));
  });
}
function I(r) {
  return function(i) {
    return /* @__PURE__ */ t(Hr, {
      ...L({
        attr: L({}, r.attr)
      }, i),
      children: Xe(r.child)
    });
  };
}
function Hr(r) {
  var i = function(n) {
    var l = r.attr, s = r.size, d = r.title, y = Ur(r, ["attr", "size", "title"]), m = s || n.size || "1em", f;
    return n.className && (f = n.className), r.className && (f = (f ? f + " " : "") + r.className), /* @__PURE__ */ v("svg", {
      ...L({
        stroke: "currentColor",
        fill: "currentColor",
        strokeWidth: "0"
      }, n.attr, l, y, {
        className: f,
        style: L(L({
          color: r.color || n.color
        }, n.style), r.style),
        height: m,
        width: m,
        xmlns: "http://www.w3.org/2000/svg"
      }),
      children: [d && /* @__PURE__ */ t("title", {
        children: d
      }), r.children]
    });
  };
  return Ve !== void 0 ? /* @__PURE__ */ t(Ve.Consumer, {
    children: function(n) {
      return i(n);
    }
  }) : i(Ke);
}
function Zr(r) {
  return I({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none" }, child: [{ tag: "path", attr: { opacity: "0.2", fillRule: "evenodd", clipRule: "evenodd", d: "M12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z", fill: "currentColor" } }, { tag: "path", attr: { d: "M2 12C2 6.47715 6.47715 2 12 2V5C8.13401 5 5 8.13401 5 12H2Z", fill: "currentColor" } }] })(r);
}
const qr = {
  small: "px-4 py-2 text-sm",
  medium: "px-6 py-2.5 text-base",
  large: "px-8 py-3.5 text-lg",
  tiny: "px-2 py-1 text-xs"
}, Gr = {
  primary: "bg-brand-ui-primary  transition ease-in-out duration-300 hover:bg-brand-dark text-white disabled:hover:bg-brand-ui-primary disabled:hover:bg-opacity-75",
  secondary: "bg-white transition ease-in-out duration-300 text-brand-dark [box-shadow:0px_8px_30px_0px_rgba(0,_0,_0,_0.08)] hover:[box-shadow:0px_0px_10px_0px_rgba(183,_19,_255,_0.1)] disabled:hover:[box-shadow:0px_8px_30px_0px_rgba(0,_0,_0,_0.08)] disabled:hover:bg-opacity-75",
  "outlined-primary": "border-2 border-brand-ui-primary transition ease-in-out duration-300 hover:text-brand-ui-primary disabled:text-brand-gray disabled:hover:text-brand-gray disabled:hover:bg-opacity-75 font-medium",
  transparent: "bg-transparent text-black transition ease-in-out duration-300 hover:text-brand-ui-primary disabled:text-brand-gray disabled:hover:text-brand-gray disabled:hover:bg-opacity-75 font-medium"
}, Jr = te((r, i) => {
  const {
    children: n,
    size: l = "medium",
    variant: s = "primary",
    loading: d,
    iconLeft: y,
    iconRight: m,
    className: f,
    as: h = "button",
    ...u
  } = r, g = T("rounded-full flex justify-center cursor-pointer font-semibold items-center gap-2 disabled:bg-opacity-75  disabled:cursor-not-allowed", qr[l], Gr[s], f);
  return /* @__PURE__ */ v(pe, {
    as: h,
    className: g,
    ...u,
    ref: i,
    children: [d ? /* @__PURE__ */ t(Je, {
      icon: Zr,
      size: l,
      className: "animate-spin motion-reduce:invisible"
    }) : y, /* @__PURE__ */ v("span", {
      children: [" ", n]
    }), !d && m]
  });
});
function Kr({
  isOpen: r,
  setIsOpen: i,
  children: n
}) {
  return /* @__PURE__ */ t(D.Root, {
    show: r,
    as: S.Fragment,
    children: /* @__PURE__ */ t(z, {
      as: "div",
      className: "fixed inset-0 z-10 overflow-y-auto",
      onClose: i,
      children: /* @__PURE__ */ v("div", {
        className: "flex items-end justify-center min-h-screen px-4 pt-4 pb-20 text-center sm:block sm:p-0",
        children: [/* @__PURE__ */ t(D.Child, {
          as: S.Fragment,
          enter: "ease-out duration-300",
          enterFrom: "opacity-0",
          enterTo: "opacity-100",
          leave: "ease-in duration-200",
          leaveFrom: "opacity-100",
          leaveTo: "opacity-0",
          children: /* @__PURE__ */ t(z.Overlay, {
            className: "fixed inset-0 transition-opacity bg-gray-100 bg-opacity-75 filter blur"
          })
        }), /* @__PURE__ */ t("span", {
          className: "hidden sm:inline-block sm:align-middle sm:h-screen",
          "aria-hidden": "true",
          children: "\u200B"
        }), /* @__PURE__ */ t(D.Child, {
          as: S.Fragment,
          enter: "ease-out duration-300",
          enterFrom: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
          enterTo: "opacity-100 translate-y-0 sm:scale-100",
          leave: "ease-in duration-200",
          leaveFrom: "opacity-100 translate-y-0 sm:scale-100",
          leaveTo: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
          children: /* @__PURE__ */ t("div", {
            className: "inline-block overflow-hidden transition-all transform bg-white border border-gray-100 rounded-lg shadow-xl shadow-gray-200 sm:max-w-lg sm:w-full",
            children: n
          })
        })]
      })
    })
  });
}
const We = {
  small: "p-1",
  medium: "p-2",
  large: "p-3"
}, Qe = te((r, i) => {
  const n = T("rounded hover:fill-brand-ui-primary", r.size ? We[r.size] : We.medium, r.className);
  return /* @__PURE__ */ t("button", {
    className: n,
    ...r,
    ref: i,
    "aria-label": r.label,
    children: r.icon
  });
});
function er(r) {
  return I({ tag: "svg", attr: { viewBox: "0 0 1024 1024" }, child: [{ tag: "path", attr: { d: "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z" } }] })(r);
}
function Ct({
  isOpen: r,
  setIsOpen: i,
  text: n,
  title: l
}) {
  return /* @__PURE__ */ v(Kr, {
    isOpen: r,
    setIsOpen: i,
    children: [/* @__PURE__ */ t("div", {
      className: "absolute top-0 right-0 w-12 h-12 p-4",
      children: /* @__PURE__ */ t(Qe, {
        icon: /* @__PURE__ */ t(er, {}),
        label: "close",
        size: "small",
        onClick: () => i(!1)
      })
    }), /* @__PURE__ */ t("div", {
      className: "px-4 pt-5 pb-4",
      children: /* @__PURE__ */ t("div", {
        className: "sm:flex sm:items-start",
        children: /* @__PURE__ */ v("div", {
          className: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left",
          children: [l && /* @__PURE__ */ t(z.Title, {
            as: "h2",
            className: "text-lg font-medium leading-6 text-gray-900",
            children: l
          }), /* @__PURE__ */ t("div", {
            className: "mt-2",
            children: /* @__PURE__ */ t("p", {
              className: "text-sm text-gray-500",
              children: n
            })
          })]
        })
      })
    })]
  });
}
const Nt = ({
  isOpen: r,
  setIsOpen: i,
  children: n,
  title: l,
  description: s
}) => {
  const d = {
    as: S.Fragment,
    enter: "ease-in-out duration-300",
    enterFrom: "opacity-0",
    enterTo: "opacity-100",
    leave: "ease-in-out duration-300",
    leaveFrom: "opacity-100",
    leaveTo: "opacity-0"
  };
  return /* @__PURE__ */ t(D.Root, {
    show: r,
    as: S.Fragment,
    children: /* @__PURE__ */ t(z, {
      as: "div",
      className: "fixed inset-0 overflow-y-auto",
      onClose: i,
      children: /* @__PURE__ */ v("div", {
        className: "absolute inset-0 overflow-y-auto",
        children: [/* @__PURE__ */ t(D.Child, {
          ...d,
          children: /* @__PURE__ */ t(z.Overlay, {
            className: "absolute inset-0 transition-opacity bg-gray-500 bg-opacity-50 backdrop-blur"
          })
        }), /* @__PURE__ */ t("div", {
          className: "fixed inset-y-0 right-0 w-full max-w-lg",
          children: /* @__PURE__ */ t(D.Child, {
            as: S.Fragment,
            enter: "transform transition ease-in-out duration-300 sm:duration-500",
            enterFrom: "translate-x-full",
            enterTo: "translate-x-0",
            leave: "transform transition ease-in-out duration-300 sm:duration-500",
            leaveFrom: "translate-x-0",
            leaveTo: "translate-x-full",
            children: /* @__PURE__ */ v("div", {
              className: "relative w-full h-screen p-6 overflow-y-auto sm:max-w-lg bg-ui-secondary-100",
              children: [/* @__PURE__ */ t(D.Child, {
                ...d,
                children: /* @__PURE__ */ t(Qe, {
                  icon: /* @__PURE__ */ t(er, {
                    className: "fill-inherit",
                    size: 20
                  }),
                  label: "close",
                  size: "tiny",
                  onClick: () => i(!1)
                })
              }), /* @__PURE__ */ v("div", {
                className: "mt-4 space-y-2",
                children: [/* @__PURE__ */ t(z.Title, {
                  className: "text-xl font-medium text-gray-800",
                  children: l
                }), s && /* @__PURE__ */ t(z.Description, {
                  className: "text-base text-gray-800",
                  children: s
                })]
              }), /* @__PURE__ */ t("div", {
                className: "relative flex-1",
                children: n
              })]
            })
          })
        })]
      })
    })
  });
}, Xr = {
  small: "text-sm",
  medium: "text-base",
  large: "text-lg"
}, me = {
  small: "text-xs",
  medium: "text-sm",
  large: "text-base"
};
function Qr(r) {
  const {
    children: i,
    label: n,
    size: l = "medium",
    error: s,
    success: d,
    description: y
  } = r, m = Xr[l], f = T("px-1", m), h = T("text-gray-600", me[l]), u = T("text-red-500", me[l]), g = T("text-green-500", me[l]);
  function _() {
    return s ? /* @__PURE__ */ t("p", {
      id: n,
      className: u,
      children: s
    }) : d ? /* @__PURE__ */ t("p", {
      id: n,
      className: g,
      children: d
    }) : y ? /* @__PURE__ */ t("p", {
      id: n,
      className: h,
      children: y
    }) : null;
  }
  return /* @__PURE__ */ v("div", {
    className: "grid gap-1.5",
    children: [n && /* @__PURE__ */ t("label", {
      className: f,
      htmlFor: n,
      children: n
    }), i, /* @__PURE__ */ t("div", {
      className: "pl-1",
      children: /* @__PURE__ */ t(_, {})
    })]
  });
}
function et(r) {
  return I({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "polyline", attr: { points: "18 15 12 9 6 15" } }] })(r);
}
function rt(r) {
  return I({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "rect", attr: { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" } }, { tag: "path", attr: { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" } }] })(r);
}
const tt = {
  small: "pl-2.5 py-1.5 text-sm",
  medium: "pl-4 py-2 text-base",
  large: "pl-4 py-2.5"
}, Ue = {
  error: "border-brand-secondary hover:border-brand-secondary focus:border-brand-secondary focus:ring-brand-secondary",
  success: "border-green-500 hover:border-green-500 focus:border-green-500 focus:ring-green-500"
}, at = {
  small: "text-sm",
  medium: "text-base",
  large: "text-lg"
}, nt = te((r, i) => {
  const {
    size: n = "medium",
    value: l,
    copy: s,
    className: d,
    error: y,
    success: m,
    description: f,
    label: h,
    icon: u,
    ...g
  } = r, [_, j] = jr(r.value), F = g.type === "password" || g.hidden, Z = tt[n];
  let Y = "";
  y ? Y = Ue.error : m && (Y = Ue.success);
  const q = T("px-2 py-0.5 border border-gray-300 flex items-center gap-2 hover:border-gray-400 text-gray-600 hover:text-black shadow-sm rounded-lg", at[n]), G = T("block w-full box-border rounded-lg transition-all shadow-sm border border-gray-400 hover:border-gray-500 focus:ring-gray-500 focus:border-gray-500 focus:outline-none flex-1 disabled:bg-gray-100", Z, Y, u ? "pl-10" : void 0);
  return /* @__PURE__ */ t(Qr, {
    label: h,
    size: n,
    error: y,
    success: m,
    description: f,
    children: /* @__PURE__ */ v("div", {
      className: "relative",
      children: [u && /* @__PURE__ */ t("span", {
        className: "absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none",
        children: /* @__PURE__ */ t(Je, {
          size: n,
          icon: u
        })
      }), /* @__PURE__ */ t("input", {
        ...g,
        id: h,
        value: l,
        ref: i,
        className: G
      }), /* @__PURE__ */ t("div", {
        className: "absolute inset-y-0 right-0 flex items-center pr-1 ml-4",
        children: s && !F && /* @__PURE__ */ v("button", {
          onClick: () => j(),
          className: q,
          children: [/* @__PURE__ */ t(rt, {}), " ", _ ? "Copied" : "Copy"]
        })
      })]
    })
  });
});
nt.displayName = "Input";
const rr = {
  plain: {
    color: "#FFF7E8",
    backgroundColor: "#020207"
  },
  styles: [{
    types: ["prolog", "constant", "builtin"],
    style: {
      color: "#FF6771"
    }
  }, {
    types: ["inserted", "function"],
    style: {
      color: "rgb(80, 250, 123)"
    }
  }, {
    types: ["deleted"],
    style: {
      color: "rgb(255, 85, 85)"
    }
  }, {
    types: ["changed"],
    style: {
      color: "rgb(255, 184, 108)"
    }
  }, {
    types: ["punctuation", "symbol"],
    style: {
      color: "rgb(248, 248, 242)"
    }
  }, {
    types: ["string", "char", "tag", "selector"],
    style: {
      color: "#FF6771"
    }
  }, {
    types: ["keyword", "variable"],
    style: {
      color: "rgb(189, 147, 249)"
    }
  }, {
    types: ["comment"],
    style: {
      color: "rgb(98, 114, 164)"
    }
  }, {
    types: ["attr-name"],
    style: {
      color: "rgb(241, 250, 140)"
    }
  }]
};
function it({
  lang: r,
  code: i
}) {
  return /* @__PURE__ */ t(Pr, {
    ...Ar,
    theme: rr,
    code: i,
    language: r,
    children: ({
      className: n,
      style: l,
      tokens: s,
      getLineProps: d,
      getTokenProps: y
    }) => /* @__PURE__ */ t("pre", {
      style: l,
      className: T(n, "rounded-xl font-mono p-2 overflow-auto text-sm"),
      children: s.map((m, f) => /* @__PURE__ */ v("div", {
        ...d({
          line: m,
          key: f,
          className: "table-row"
        }),
        children: [/* @__PURE__ */ v("span", {
          className: "table-cell pr-2 opacity-50",
          children: [" ", f + 1, " "]
        }), m.map((h, u) => /* @__PURE__ */ t("span", {
          ...y({
            token: h,
            key: u
          })
        }))]
      }))
    })
  });
}
function Rt({
  blocks: r
}) {
  return /* @__PURE__ */ t("div", {
    style: {
      backgroundColor: rr.plain.backgroundColor
    },
    className: "relative p-4 sm:p-8 rounded-3xl",
    children: /* @__PURE__ */ v(H.Group, {
      children: [/* @__PURE__ */ t(H.List, {
        className: "flex justify-between w-full",
        children: r.map((i, n) => /* @__PURE__ */ t(H, {
          className: ({
            selected: l
          }) => T("w-full p-2.5 border border-white text-white font-medium opacity-90 hover:opacity-100 hover:bg-white hover:text-brand-ui-primary", l && "bg-white text-brand-ui-primary opacity-100", !n && "rounded-l-xl", n === r.length - 1 && "rounded-r-xl"),
          children: i.name
        }))
      }), /* @__PURE__ */ t(H.Panels, {
        className: "py-4",
        children: r.map(({
          lang: i,
          name: n,
          code: l
        }) => /* @__PURE__ */ t(H.Panel, {
          children: /* @__PURE__ */ t(it, {
            lang: i,
            code: l
          })
        }, n))
      })]
    })
  });
}
const ot = {
  tiny: "text-xs",
  small: "text-sm",
  medium: "text-base",
  large: "text-lg"
}, lt = {
  default: "bg-[#dfd8fb] text-brand-ui-primary",
  green: "bg-green-100 text-green-800",
  yellow: "bg-yellow-100 text-yellow-800",
  orange: "bg-orange-100 text-orange-800",
  blue: "bg-blue-100 text-blue-800",
  dark: "bg-gray-100 text-gray-800",
  red: "bg-[#ffe1e3] text-brand-secondary"
};
function Tt(r) {
  const {
    children: i,
    size: n = "small",
    variant: l = "default",
    iconLeft: s,
    iconRight: d,
    className: y,
    as: m = "div",
    ...f
  } = r, h = T("font-medium rounded-full px-2.5 py-1 inline-flex items-center gap-2", ot[n], lt[l], y);
  return /* @__PURE__ */ v(pe, {
    as: m,
    className: h,
    ...f,
    children: [s, /* @__PURE__ */ v("span", {
      children: [" ", i]
    }), d]
  });
}
function Ot({
  children: r,
  delay: i = 600,
  tip: n,
  label: l,
  side: s,
  sideOffset: d = 6
}) {
  return /* @__PURE__ */ t(Ir, {
    children: /* @__PURE__ */ v(Lr, {
      delayDuration: i,
      children: [/* @__PURE__ */ t(Dr, {
        className: "cursor-pointer",
        "aria-label": l,
        asChild: !0,
        children: r
      }), /* @__PURE__ */ v(zr, {
        side: s,
        sideOffset: d,
        className: "rounded text-brand-dark text-sm bg-white [box-shadow:0px_8px_30px_rgba(0,0,0,0.08)] px-4 py-0.5",
        children: [/* @__PURE__ */ t(Fr, {
          className: "fill-white"
        }), n]
      })]
    })
  });
}
function st(r) {
  return I({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z" } }] })(r);
}
function ct(r) {
  return I({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0V0z" } }, { tag: "path", attr: { d: "M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" } }] })(r);
}
const ut = {
  tiny: "p-1 text-sm",
  small: "px-2.5 py-1.5 text-sm",
  medium: "px-4 py-2 text-base",
  large: "px-4 py-2.5"
}, St = ({
  options: r,
  onChange: i,
  label: n = "Select",
  size: l = "medium",
  defaultValue: s
}) => {
  const [d, y] = Ze(null), m = (u) => {
    const g = r?.find((_) => _.value == u);
    y(g || null), g && typeof i == "function" && i(g?.value);
  };
  qe(() => {
    if (!s)
      return;
    const u = r?.find((g) => g.value == `${s}`) || null;
    y(u);
  }, []);
  const f = ut[l], h = T("box-border flex-1 block w-full text-base text-left transition-all bg-white border border-gray-400 rounded-lg shadow-sm hover:border-gray-500 focus:ring-gray-500 focus:border-gray-500 focus:outline-none", f);
  return /* @__PURE__ */ t(ee, {
    value: d?.value || "",
    onChange: m,
    children: /* @__PURE__ */ v("div", {
      className: "relative",
      children: [n?.length > 0 && /* @__PURE__ */ t("label", {
        className: "block px-1 mb-1 text-base",
        htmlFor: "",
        children: n
      }), /* @__PURE__ */ t(ee.Button, {
        className: h,
        children: /* @__PURE__ */ v("div", {
          className: "flex items-center justify-between",
          children: [/* @__PURE__ */ t("span", {
            children: d?.label || "Choose option"
          }), /* @__PURE__ */ t(ct, {
            size: 20
          })]
        })
      }), /* @__PURE__ */ t(ee.Options, {
        className: "absolute z-10 w-full mt-1 overflow-hidden bg-white border border-gray-400 rounded-xl",
        children: r?.map((u) => /* @__PURE__ */ t(ee.Option, {
          value: u.value,
          className: "cursor-pointer",
          children: ({
            selected: g
          }) => {
            const _ = T(`${g ? "bg-gray-100" : ""} flex items-center justify-between p-3 hover:bg-gray-100`, f);
            return /* @__PURE__ */ v("div", {
              className: _,
              children: [/* @__PURE__ */ t("span", {
                className: g ? "font-bold" : "",
                children: u.label
              }), g && /* @__PURE__ */ t(st, {
                size: 20
              })]
            });
          }
        }, u.value))
      })]
    })
  });
}, kt = ({
  children: r,
  content: i,
  disabled: n = !1
}) => {
  const [l, s] = Ze(!1);
  return /* @__PURE__ */ v("div", {
    className: "bg-white border border-gray-200 rounded-2xl",
    children: [/* @__PURE__ */ v("div", {
      className: "flex items-start gap-3 p-4",
      children: [/* @__PURE__ */ t("div", {
        className: "col-span-full md:col-span-1",
        children: /* @__PURE__ */ t(Jr, {
          variant: "transparent",
          className: "p-0 m-0",
          onClick: () => {
            n || s(!l);
          },
          disabled: n,
          children: /* @__PURE__ */ t("div", {
            className: "flex items-center justify-center w-8 h-8 border border-black rounded-full click:border-brand-secondary ",
            children: /* @__PURE__ */ t(et, {
              className: `transition duration-200 ease-in-out ${l ? "rotate-180" : ""}`
            })
          })
        })
      }), /* @__PURE__ */ t("div", {
        className: "w-full",
        children: i
      })]
    }), l && /* @__PURE__ */ t("div", {
      className: "p-6",
      children: r
    })]
  });
}, jt = ({
  title: r = "",
  enabled: i,
  setEnabled: n,
  onChange: l,
  disabled: s = !1
}) => {
  const d = T(i ? "bg-brand-ui-primary" : "bg-gray-400", "disabled:opacity-50 relative inline-flex h-8 w-14 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75"), y = T(i ? "translate-x-6" : "translate-x-0", "pointer-events-none inline-block h-7 w-7 transform rounded-full bg-white shadow-lg ring-0 transition duration-100");
  return qe(() => {
    typeof l == "function" && l(i);
  }, [i]), /* @__PURE__ */ v("div", {
    className: "flex items-center gap-4",
    children: [r?.length > 0 && /* @__PURE__ */ t("span", {
      className: "text-sm font-semibold",
      children: r
    }), /* @__PURE__ */ t(kr, {
      checked: i,
      onChange: n,
      className: d,
      disabled: s,
      children: /* @__PURE__ */ t("span", {
        "aria-hidden": "true",
        className: y
      })
    })]
  });
};
function dt(r) {
  return I({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "g", attr: {}, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" } }, { tag: "path", attr: { d: "M17 3h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h4V1h2v2h6V1h2v2zm-2 2H9v2H7V5H4v4h16V5h-3v2h-2V5zm5 6H4v8h16v-8z" } }] }] })(r);
}
function ft(r) {
  return I({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "g", attr: {}, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" } }, { tag: "path", attr: { d: "M12 20.9l4.95-4.95a7 7 0 1 0-9.9 0L12 20.9zm0 2.828l-6.364-6.364a9 9 0 1 1 12.728 0L12 23.728zM12 13a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 2a4 4 0 1 1 0-8 4 4 0 0 1 0 8z" } }] }] })(r);
}
function mt(r) {
  return I({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "g", attr: {}, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" } }, { tag: "path", attr: { d: "M12 2c5.52 0 10 4.48 10 10s-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2zm0 18c4.42 0 8-3.58 8-8s-3.58-8-8-8-8 3.58-8 8 3.58 8 8 8zm3.536-12.95l1.414 1.414-4.95 4.95L10.586 12l4.95-4.95z" } }] }] })(r);
}
const He = (r) => Mr.utils.isAddress(r) ? `${r.slice(0, 5)}...${r.slice(r.length - 5)}` : r, {
  SvgComponents: vt
} = Yr;
function Pt({
  iconURL: r,
  title: i,
  bottomItems: n,
  topItems: l,
  recipient: s,
  id: d,
  QRCodeURL: y,
  date: m,
  time: f,
  location: h,
  lockAddress: u,
  network: g
}) {
  const _ = $r[g];
  return /* @__PURE__ */ v("div", {
    className: "flex flex-col max-w-sm",
    children: [/* @__PURE__ */ v("div", {
      className: "p-6 space-y-6 bg-white rounded-3xl",
      children: [/* @__PURE__ */ v("div", {
        className: "flex gap-6",
        children: [/* @__PURE__ */ t("img", {
          width: 64,
          height: 64,
          src: r,
          className: "w-16 h-16 overflow-hidden rounded-xl aspect-1",
          alt: i
        }), /* @__PURE__ */ v("h3", {
          className: "text-xl font-bold sm:text-2xl",
          children: [" ", i]
        })]
      }), /* @__PURE__ */ v("div", {
        className: "space-y-2",
        children: [m && /* @__PURE__ */ t(ve, {
          icon: /* @__PURE__ */ t(dt, {}),
          value: m
        }), f && /* @__PURE__ */ t(ve, {
          icon: /* @__PURE__ */ t(mt, {}),
          value: f
        }), h && /* @__PURE__ */ t(ve, {
          icon: /* @__PURE__ */ t(ft, {}),
          value: h
        }), l]
      })]
    }), /* @__PURE__ */ v("div", {
      className: "p-6 bg-white border-t-2 border-dashed rounded-3xl",
      children: [/* @__PURE__ */ t("img", {
        src: y,
        alt: ""
      }), /* @__PURE__ */ v("div", {
        className: "flex items-center justify-center gap-1 text-xs",
        children: ["Powered by ", /* @__PURE__ */ t(vt.UnlockWordMark, {
          width: 56
        })]
      })]
    }), /* @__PURE__ */ v("div", {
      className: "p-6 space-y-6 bg-white border-t-2 border-dashed rounded-3xl",
      children: [!!n?.length && /* @__PURE__ */ t("div", {
        className: "space-y-2",
        children: n
      }), /* @__PURE__ */ v("div", {
        className: "grid gap-4 sm:grid-cols-2",
        children: [/* @__PURE__ */ t(re, {
          label: "Network",
          value: _.name
        }), /* @__PURE__ */ t(re, {
          label: "Lock Address",
          value: He(u)
        }), /* @__PURE__ */ t(re, {
          label: "Token ID",
          value: d
        }), /* @__PURE__ */ t(re, {
          label: "Recipient",
          value: He(s)
        })]
      })]
    })]
  });
}
function re({
  label: r,
  value: i
}) {
  return /* @__PURE__ */ v("div", {
    className: "flex-col space-y-1",
    children: [/* @__PURE__ */ t("div", {
      className: "text-sm text-brand-dark",
      children: r
    }), /* @__PURE__ */ t("div", {
      className: "text-lg font-semibold text-brand-dark",
      children: i
    })]
  });
}
function ve({
  icon: r,
  value: i
}) {
  return /* @__PURE__ */ v("div", {
    className: "flex items-center gap-2",
    children: [/* @__PURE__ */ t("div", {
      children: r
    }), /* @__PURE__ */ t("div", {
      className: "text-base font-bold text-brand-dark",
      children: i
    })]
  });
}
export {
  Ct as Alert,
  Tt as Badge,
  pe as Box,
  Jr as Button,
  it as CodeBox,
  kt as Collapse,
  Nt as Drawer,
  Qr as FieldLayout,
  Je as Icon,
  Qe as IconButton,
  nt as Input,
  Kr as Modal,
  St as Select,
  Rt as TabbedCodeBox,
  Pt as Ticket,
  ve as TicketItem,
  re as TicketLabel,
  jt as ToggleSwitch,
  Ot as Tooltip,
  He as minifyAddress
};
//# sourceMappingURL=index.es.js.map
