@blockend/widget 1.0.31 → 1.0.32

package/dist/index-Ch7w83dW.js

@@ -1,4217 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import * as React from "react";
-import { useState, useEffect } from "react";
-import { useConnect, useAccount as useAccount$1, useDisconnect, useSwitchAccount, useConfig, useConnectors, useConnections } from "wagmi";
-import { useDynamicContext, useIsLoggedIn, useWalletItemActions, useUserWallets, useWalletOptions, useSwitchWallet } from "@dynamic-labs/sdk-react-core";
-import { p as process$1, g as generateUtilityClass, b as _extends, _ as _objectWithoutPropertiesLoose, d as capitalize, P as PropTypes, u as useStore, l as lodashExports, s as deepmerge, a as useWallet } from "./index-D5OnT-__.js";
-import { useAccount, useSuggestChain, useSuggestChainAndConnect, useConnect as useConnect$1, WalletType, useActiveChainIds, useDisconnect as useDisconnect$1, useActiveWalletType } from "graz";
-import { g as generateUtilityClasses, d as useDefaultProps, Q as extendSxProp, s as styled, c as clsx, a as composeClasses, i as images, u as useWalletDetails, C as CircularProgress, _ as _inheritsLoose, R as getDisplayName, K as exactProp, S as circularProgressClasses, k as useRegisterError, B as BackButton, W as WalletIcon } from "./useRegisterError-W_UfecIN.js";
-import { _ as _assertThisInitialized, C as CloseButton, g as getChainIds } from "./getChainIds-6iugk2h0.js";
-import { B as Box } from "./Box-e4gA-y_H.js";
-import { v as validError } from "./validError-rariWQ7G.js";
-const ThemeContext = /* @__PURE__ */ React.createContext(null);
-if (process$1.env.NODE_ENV !== "production") {
-  ThemeContext.displayName = "ThemeContext";
-}
-function useTheme$1() {
-  const theme = React.useContext(ThemeContext);
-  if (process$1.env.NODE_ENV !== "production") {
-    React.useDebugValue(theme);
-  }
-  return theme;
-}
-const hasSymbol = typeof Symbol === "function" && Symbol.for;
-const nested = hasSymbol ? Symbol.for("mui.nested") : "__THEME_NESTED__";
-function _typeof$1(o) {
-  "@babel/helpers - typeof";
-  return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
-    return typeof o2;
-  } : function(o2) {
-    return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
-  }, _typeof$1(o);
-}
-function toPrimitive(t, r) {
-  if ("object" != _typeof$1(t) || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r);
-    if ("object" != _typeof$1(i)) return i;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return String(t);
-}
-function toPropertyKey(t) {
-  var i = toPrimitive(t, "string");
-  return "symbol" == _typeof$1(i) ? i : i + "";
-}
-function getTypographyUtilityClass(slot) {
-  return generateUtilityClass("MuiTypography", slot);
-}
-generateUtilityClasses("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "subtitle1", "subtitle2", "body1", "body2", "inherit", "button", "caption", "overline", "alignLeft", "alignRight", "alignCenter", "alignJustify", "noWrap", "gutterBottom", "paragraph"]);
-const _excluded$3 = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"];
-const useUtilityClasses = (ownerState) => {
-  const {
-    align,
-    gutterBottom,
-    noWrap,
-    paragraph,
-    variant,
-    classes
-  } = ownerState;
-  const slots = {
-    root: ["root", variant, ownerState.align !== "inherit" && `align${capitalize(align)}`, gutterBottom && "gutterBottom", noWrap && "noWrap", paragraph && "paragraph"]
-  };
-  return composeClasses(slots, getTypographyUtilityClass, classes);
-};
-const TypographyRoot = styled("span", {
-  name: "MuiTypography",
-  slot: "Root",
-  overridesResolver: (props, styles2) => {
-    const {
-      ownerState
-    } = props;
-    return [styles2.root, ownerState.variant && styles2[ownerState.variant], ownerState.align !== "inherit" && styles2[`align${capitalize(ownerState.align)}`], ownerState.noWrap && styles2.noWrap, ownerState.gutterBottom && styles2.gutterBottom, ownerState.paragraph && styles2.paragraph];
-  }
-})(({
-  theme,
-  ownerState
-}) => _extends({
-  margin: 0
-}, ownerState.variant === "inherit" && {
-  // Some elements, like <button> on Chrome have default font that doesn't inherit, reset this.
-  font: "inherit"
-}, ownerState.variant !== "inherit" && theme.typography[ownerState.variant], ownerState.align !== "inherit" && {
-  textAlign: ownerState.align
-}, ownerState.noWrap && {
-  overflow: "hidden",
-  textOverflow: "ellipsis",
-  whiteSpace: "nowrap"
-}, ownerState.gutterBottom && {
-  marginBottom: "0.35em"
-}, ownerState.paragraph && {
-  marginBottom: 16
-}));
-const defaultVariantMapping = {
-  h1: "h1",
-  h2: "h2",
-  h3: "h3",
-  h4: "h4",
-  h5: "h5",
-  h6: "h6",
-  subtitle1: "h6",
-  subtitle2: "h6",
-  body1: "p",
-  body2: "p",
-  inherit: "p"
-};
-const colorTransformations = {
-  primary: "primary.main",
-  textPrimary: "text.primary",
-  secondary: "secondary.main",
-  textSecondary: "text.secondary",
-  error: "error.main"
-};
-const transformDeprecatedColors = (color) => {
-  return colorTransformations[color] || color;
-};
-const Typography = /* @__PURE__ */ React.forwardRef(function Typography2(inProps, ref) {
-  const themeProps = useDefaultProps({
-    props: inProps,
-    name: "MuiTypography"
-  });
-  const color = transformDeprecatedColors(themeProps.color);
-  const props = extendSxProp(_extends({}, themeProps, {
-    color
-  }));
-  const {
-    align = "inherit",
-    className,
-    component,
-    gutterBottom = false,
-    noWrap = false,
-    paragraph = false,
-    variant = "body1",
-    variantMapping = defaultVariantMapping
-  } = props, other = _objectWithoutPropertiesLoose(props, _excluded$3);
-  const ownerState = _extends({}, props, {
-    align,
-    color,
-    className,
-    component,
-    gutterBottom,
-    noWrap,
-    paragraph,
-    variant,
-    variantMapping
-  });
-  const Component = component || (paragraph ? "p" : variantMapping[variant] || defaultVariantMapping[variant]) || "span";
-  const classes = useUtilityClasses(ownerState);
-  return /* @__PURE__ */ jsx(TypographyRoot, _extends({
-    as: Component,
-    ref,
-    ownerState,
-    className: clsx(classes.root, className)
-  }, other));
-});
-process$1.env.NODE_ENV !== "production" ? Typography.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Set the text-align on the component.
-   * @default 'inherit'
-   */
-  align: PropTypes.oneOf(["center", "inherit", "justify", "left", "right"]),
-  /**
-   * The content of the component.
-   */
-  children: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: PropTypes.elementType,
-  /**
-   * If `true`, the text will have a bottom margin.
-   * @default false
-   */
-  gutterBottom: PropTypes.bool,
-  /**
-   * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
-   *
-   * Note that text overflow can only happen with block or inline-block level elements
-   * (the element needs to have a width in order to overflow).
-   * @default false
-   */
-  noWrap: PropTypes.bool,
-  /**
-   * If `true`, the element will be a paragraph element.
-   * @default false
-   */
-  paragraph: PropTypes.bool,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  /**
-   * Applies the theme typography styles.
-   * @default 'body1'
-   */
-  variant: PropTypes.oneOfType([PropTypes.oneOf(["body1", "body2", "button", "caption", "h1", "h2", "h3", "h4", "h5", "h6", "inherit", "overline", "subtitle1", "subtitle2"]), PropTypes.string]),
-  /**
-   * The component maps the variant prop to a range of different HTML element types.
-   * For instance, subtitle1 to `<h6>`.
-   * If you wish to change that mapping, you can provide your own.
-   * Alternatively, you can use the `component` prop.
-   * @default {
-   *   h1: 'h1',
-   *   h2: 'h2',
-   *   h3: 'h3',
-   *   h4: 'h4',
-   *   h5: 'h5',
-   *   h6: 'h6',
-   *   subtitle1: 'h6',
-   *   subtitle2: 'h6',
-   *   body1: 'p',
-   *   body2: 'p',
-   *   inherit: 'p',
-   * }
-   */
-  variantMapping: PropTypes.object
-} : void 0;
-const gradientbutton$1 = "_gradientbutton_dz9ed_1";
-const styles$1 = {
-  gradientbutton: gradientbutton$1
-};
-function getSolWalletInstalled(wallet) {
-  var _a, _b, _c, _d, _e, _f;
-  switch (wallet) {
-    case "phantom":
-      if ((_b = (_a = window == null ? void 0 : window.phantom) == null ? void 0 : _a.solana) == null ? void 0 : _b.isPhantom) {
-        return true;
-      } else {
-        return false;
-      }
-    case "backpack":
-      if ((_c = window == null ? void 0 : window.backpack) == null ? void 0 : _c.isBackpack) {
-        return true;
-      } else {
-        return false;
-      }
-    case "brave browser (solana)":
-      if (window.braveSolana.isBraveWallet) {
-        return true;
-      } else {
-        return false;
-      }
-    case "solflare":
-      if ((_d = window == null ? void 0 : window.solflare) == null ? void 0 : _d.isSolflare) {
-        return true;
-      } else {
-        return false;
-      }
-    case "magic eden (solana)":
-      if ((_f = (_e = window == null ? void 0 : window.magicEden) == null ? void 0 : _e.solana) == null ? void 0 : _f.isMagicEden) {
-        return true;
-      } else {
-        return false;
-      }
-    default:
-      return false;
-  }
-}
-function DisconnectWallet({ fill }) {
-  return /* @__PURE__ */ jsxs("svg", { width: "100%", height: "100%", viewBox: "0 0 25 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-    /* @__PURE__ */ jsx("rect", { x: "11.7148", y: "4.08594", width: "1.60573", height: "9.09916", rx: "0.802867", fill }),
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        "fill-rule": "evenodd",
-        "clip-rule": "evenodd",
-        d: "M16.3146 5.80529C16.5295 5.92348 16.738 6.05125 16.9396 6.18801C18.1562 7.01313 19.1223 8.16579 19.7212 9.51974C20.4268 11.1151 20.5828 12.8995 20.1647 14.5931C19.7465 16.2867 18.7778 17.7934 17.4107 18.8769C16.0435 19.9605 14.3554 20.5594 12.611 20.5797C10.8667 20.6 9.16506 20.0405 7.77309 18.9891C6.38111 17.9377 5.37764 16.4539 4.92016 14.7705C4.46268 13.0871 4.57709 11.2995 5.24543 9.68821C5.81266 8.32069 6.75162 7.14586 7.94869 6.29265C8.16209 6.14055 8.3837 5.99866 8.61287 5.86773L8.61451 5.8706C8.71383 5.81424 8.82868 5.78206 8.95105 5.78206C9.3282 5.78206 9.63394 6.0878 9.63394 6.46495C9.63394 6.74011 9.47121 6.97726 9.23674 7.0854C8.01077 7.8015 7.05203 8.89924 6.50763 10.2117C5.95526 11.5435 5.8607 13.0209 6.2388 14.4122C6.6169 15.8034 7.44624 17.0298 8.59668 17.8987C9.74711 18.7677 11.1535 19.2301 12.5951 19.2133C14.0368 19.1965 15.432 18.7015 16.5619 17.806C17.6918 16.9105 18.4924 15.6652 18.838 14.2655C19.1836 12.8658 19.0547 11.391 18.4715 10.0725C17.8885 8.75448 16.8845 7.66724 15.617 6.98132L15.6157 6.9806L15.6163 6.97936C15.4179 6.8599 15.2851 6.64237 15.2851 6.39384C15.2851 6.01668 15.5908 5.71094 15.968 5.71094C16.0747 5.71094 16.1756 5.7354 16.2656 5.77901L16.2658 5.77867C16.2688 5.78032 16.2719 5.78197 16.2749 5.78363C16.2884 5.79042 16.3016 5.79765 16.3146 5.80529Z",
-        fill
-      }
-    ),
-    /* @__PURE__ */ jsxs("g", { filter: "url(#filter0_f_5308_21436)", children: [
-      /* @__PURE__ */ jsx("rect", { x: "11.7148", y: "4.08594", width: "1.60573", height: "9.09916", rx: "0.802867", fill }),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          "fill-rule": "evenodd",
-          "clip-rule": "evenodd",
-          d: "M16.3146 5.80529C16.5295 5.92348 16.738 6.05125 16.9396 6.18801C18.1562 7.01313 19.1223 8.16579 19.7212 9.51974C20.4268 11.1151 20.5828 12.8995 20.1647 14.5931C19.7465 16.2867 18.7778 17.7934 17.4107 18.8769C16.0435 19.9605 14.3554 20.5594 12.611 20.5797C10.8667 20.6 9.16506 20.0405 7.77309 18.9891C6.38111 17.9377 5.37764 16.4539 4.92016 14.7705C4.46268 13.0871 4.57709 11.2995 5.24543 9.68821C5.81266 8.32069 6.75162 7.14586 7.94869 6.29265C8.16209 6.14055 8.3837 5.99866 8.61287 5.86773L8.61451 5.8706C8.71383 5.81424 8.82868 5.78206 8.95105 5.78206C9.3282 5.78206 9.63394 6.0878 9.63394 6.46495C9.63394 6.74011 9.47121 6.97726 9.23674 7.0854C8.01077 7.8015 7.05203 8.89924 6.50763 10.2117C5.95526 11.5435 5.8607 13.0209 6.2388 14.4122C6.6169 15.8034 7.44624 17.0298 8.59668 17.8987C9.74711 18.7677 11.1535 19.2301 12.5951 19.2133C14.0368 19.1965 15.432 18.7015 16.5619 17.806C17.6918 16.9105 18.4924 15.6652 18.838 14.2655C19.1836 12.8658 19.0547 11.391 18.4715 10.0725C17.8885 8.75448 16.8845 7.66724 15.617 6.98132L15.6157 6.9806L15.6163 6.97936C15.4179 6.8599 15.2851 6.64237 15.2851 6.39384C15.2851 6.01668 15.5908 5.71094 15.968 5.71094C16.0747 5.71094 16.1756 5.7354 16.2656 5.77901L16.2658 5.77867C16.2688 5.78032 16.2719 5.78197 16.2749 5.78363C16.2884 5.79042 16.3016 5.79765 16.3146 5.80529Z",
-          fill
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("filter", { id: "filter0_f_5308_21436", x: "0.644531", y: "0.0859375", width: "23.75", height: "24.4941", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB", children: [
-      /* @__PURE__ */ jsx("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }),
-      /* @__PURE__ */ jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }),
-      /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "2", result: "effect1_foregroundBlur_5308_21436" })
-    ] }) })
-  ] });
-}
-function ShareIcon({ fill }) {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      width: "18",
-      height: "18",
-      viewBox: "0 0 13 13",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M6 2H2C1.44772 2 1 2.44772 1 3V11C1 11.5523 1.44772 12 2 12H10C10.5523 12 11 11.5523 11 11V7",
-            stroke: fill,
-            "stroke-linecap": "round"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M4.64645 8.14645C4.45118 8.34171 4.45118 8.65829 4.64645 8.85355C4.84171 9.04882 5.15829 9.04882 5.35355 8.85355L4.64645 8.14645ZM13 1C13 0.723858 12.7761 0.5 12.5 0.5H8C7.72386 0.5 7.5 0.723858 7.5 1C7.5 1.27614 7.72386 1.5 8 1.5H12V5.5C12 5.77614 12.2239 6 12.5 6C12.7761 6 13 5.77614 13 5.5V1ZM5.35355 8.85355L12.8536 1.35355L12.1464 0.646447L4.64645 8.14645L5.35355 8.85355Z",
-            fill
-          }
-        )
-      ]
-    }
-  );
-}
-function SupportedWallets({ wallet, chain }) {
-  const { solflare, slope, magiceden, backpacksol, keplr, solanaicon, brave, cosmosicon, ethereumicon } = images;
-  const walletIcons = {
-    solflare,
-    // phantom,
-    slope,
-    backpack: backpacksol,
-    "magic eden (solana)": magiceden,
-    keplr,
-    "brave browser (solana)": brave,
-    phantom: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAKkElEQVR4Ae2dQW8bxxmGv9ldGmikJFQBO4bdWERiA40OkQrIl+QgGkjbS4rYaN2iJ4f9A61/gaV/kPyB0j61hY0qBYoe0oOpg32RgUg9OAGcoEycCk4MWFQsqYBJ7mTeJdehKFLcXc7sDnfmAShSFFei9nvnnW9mvh0yUsBqlRebtFci8hcY8RIjNovnOZF4jhfFfbH39eLnJTIQTrze+704D/XO89RgTDzm/g4Xz+F5j6Y3LlVYgyTDSAKdgD+96BAt+cTLpgZUNSJYdZ9oQzz8R4EKtUuVH9VpTMYSwM3q07LQ6zXxsEyW1BHBuy4c4sblyos1SkgiAdjAa0fNo0IliSPEEgCsvkW7IvD8T2TRELYs3GAl1hFRX7ha/X+pTc3bnUTOoivIE1wqXIjqBk6UF9368+4VEfxPbPD1BzFqiVj9rfrdxSivHymAW9XdP3LmX+8fulm0pigCuypytWujXnikAPALOPkfkGVC4ct/re4cma8NzQFgIVARWSYexp33f/OH6RsDfzboyW7C94m1/dzQEMPEnw1KDAd2Ad1s3wY/PxQR09Xq9qGYHhJAp9+32X7e6IwOvENJ4YEuANYvhhD/JUuOYRd6p44POIAIfpUsOYcfcIHnAujM79u5fQMod2Md8FwAjPErZDGEH1wgyAFs328eHrVnLlVmGoEDNKlZJotR+OQGawWBABxG75HFKMSwcAn3Tve7BbKYRhlfGGaHWuRuk8U4kAc4YnbItn5DaYrZQYcTL5HFSFxyFxxmBWAsvoi9EIBd9TMVXLDjiCnAWbIYi8e5dYC4FI4xcRPW+WNGx8R9odB5rpf9PU57u5yaz4gaTzjpCGdU8sgykuMnGRVnGL0849AJ8fiF6fjX0zx+xIUQfNr62g8e6wDnvOihUEDKBYI5Aq359BlGp37iiuAfbt1JgIiOn3Tp3JxL+8IZ/vfQpwef+sHjrBD9f9E6QA8I0tybnrB2OUEfBhzk3BtucHtwv00PPstOCMYLAIE+94YT3FQGfRhwhNNnHLq/2ab6Fz6ljbECQCuce9Oh0lmXsgbvZfFtT9y3AyGkiccMKwDVKfD9zM279MIU0b276YgA+Z8xDgB7n5t3gn5XZ0JhpiUCIwSA/h2tK4s+PgkQwf4epdId5FoAyOrnF71gwmbSgGAfPxJzBt+oHR1Eujx80kBLnz/v0tIvChMZ/JDzIjHEjKNKcicABPzn73ra9/VRCOcLVJIrAaCvf+fdQqKpWl2BAFS6QC4EAMuH3c+fz19Kg+CrdIGJF0Bo+Uj48ooVwBBKrzui5Xu5svxBwAWOv6Lmf5xYAWCYtBhkyWasZZ46oyZUEymAxbfdQAAmcfpVNaGaqKwJrf2tcr77+2Ggm8NN9rLxxDhAJ9PPNvjNZzwo78J9XBC4pMeGnFCQB0yEA0D55QyTPQRu817rQCkXhHj+rdHvaZxj+1Hx/2vvAFkHHy137ePWoTo+fP/vfzaPLPgcdWxcOzdOAFkHH9REAIfZNip+N9dbiY9dvzP82EFMTRkkgDDhyzL4aN2jWilW6wa5AFp5lGPjuMDUNElHWwEg4ct6Ja+xHS04g17X2I5W3/et4uXeUWgpACzl6rCMG7V1DnodLD7psWminQAwwaPLUq7qtfi4fyP3SWBYuqULU9PRTg+uGuonarDiJHYq3EIbAcDydVvOxQJMlBY6qLuKOnWb9aymFgJAa0HGrxtR1uLhWoNae5Rj4xaqPouYV8RBCwFkPdw7CgRx2FJsUHR6hGshwIO6B4Cl7LjdXVOBADJvdsFJ0rhwEy156ZcFqn/epq2vO3P5aLWl15yRS7Q49p1fHTx2Sgh99jU3kfXv7cnPATIVQHAx5oQs66JWv3SWEjHOsb3kKgmE5WNBxBId7C8gm8wEgOvz8l7KJRtcLSSbTASABEjHizN1RtVWM6kLILg617ByLhmo2mcodQFY609G1MWluKQqAATeWn8yth7mQAAo7rAkQ9XOYqkJAImftf5kbD1Ut2ScmgBs4pecra/UbRSRigBs6x8PlVVDqQjAtv7kwP5VVg0pF4Bt/eNR/zxe5XBclAvAtv7koOWrTACBUgEcT7ixsqVDGruEKRXAuZ/a1p8UzP2nUTKuTABo+aquaTcB7CaeRsm4sgideMVaf1JQOZTWnsHKBHA2B9u0ZUWanyOgRACw/0neoDFLEHgIIC2UCMDaf3Jg/eNsIhEXJQI49apN/pKAD4xI+0MjlETKxD18xgXWn/aHRQDpAkDfb8rWbTLZWG9ncqWwdAHgEy90II2Tub/LpfTXaPmqKn5GocAB9Oj/v32k/oSivx7X7R582s7E+kPkC2Ame/vHSVVRQ9+LjISt/kWbNtezCz6QLoCs+3/YMk6qSiHKSNgQ/Ht3sg0+kF6lmcauGsNAf4yduTrvQ40Awr8R5hjhxaJxgENl3fJDpDvAsQwFsH5HbSaNYK/1BB/E6QZw/N3bLW2CD3JTp92fSXeyc3kuEAa//wod/F3sBnJU3QOOxfQubmnO8kUhFwIYlEnLvJYeLf5urTXw8iys2//r782g9G32dTf43OHwebz+8TdIFrl2gQ+RLgD802lWAQ3LpLe+8qXsNob/B8Ef1bVkMY0rA+kCULGLxTCOyqSxCyeuphlnWrrjLPrZtkykJ4E7T9I5WVGGUet3W4mSQghn7eNm4Cx5Dj6Q7gAoZVoktaC/jzIOR/AxZIu64TQCf/8/LWXX4emIJ/7VusxPEEfyM671Dv/dPBjqxZk3hwjCJO1UN1sPh6rPuonazrbeiZoqRITqSkYB9zdbtHSyQDKBqJJaOpjUJE01SlZukIDJWuBAq0RfjD45642V84iyeYBQAEmvDNJ58iRPeIxYg0jNCYYIYLvYDi5KTtD5UCYx/PqsHVi+DbxaOAtyAN4ghXQ+N6fZrRTGcrFIxHp2yN4X8wa4IRlrPLEBTxsI4EuZc+bDgBD2d9VudmCJB+d8x5bvmk0dAqiTxUiE7zccTqxOFiNxROydAjkbZDESHwIQg686WYzEo9aGc6ky0+A2DzAOTryO2AejAEZ8jSymsYkvgQBEIlgji2Gwj/A1EECB2h+RxSja1K7hPhAA+gJxVyOLEYjx//XfV2bqeNwzE8hWyGIEosu/ET5+LoDLlRdrZF0g/zCqdWMd0LcWYF0g77R4u9L7/QEBQBliSPghWXIKXwn7/pBDq4Eu+cuYJCBLrkBML1deXu5//pAAMCJok38BK0VkyQk8iOmgnwysB4BN+ERXyZILxKJPpd/6Q4YWhPy28tJ1oRwrgomHr/yu8tLQib6RtWA3qzvL4mXXyDKB8Kui3//gqFdEKga8Vf3uoririlXDIlkmAC5W+djVXwcufjSRq0H/Ut0uueTcZsRKZNEWZPtI+Ib1+f3ELge2XYK+iOB/WBDD+O7aTiQS1YPDDTzmVsVfLJMle8T0LnG20jvFG/3QMbhZfVoWg4z3xa+5Qpb0GSPwP/wKCXTyA7fsMHrP53zB5glqQP/uMFbzOa2hhiOO1Q9DySVBq9XtYou8BfGGS2JtoYTRg3jjs+EognNeOvgmWIkMpH/KnTHMvrIG69ZoivP0Zads39koULMuI+D9fA+fpXSL3JH8YAAAAABJRU5ErkJggg==",
-    "trust wallet": "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTgiIGhlaWdodD0iNjUiIHZpZXdCb3g9IjAgMCA1OCA2NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgOS4zODk0OUwyOC44OTA3IDBWNjUuMDA0MkM4LjI1NDUgNTYuMzM2OSAwIDM5LjcyNDggMCAzMC4zMzUzVjkuMzg5NDlaIiBmaWxsPSIjMDUwMEZGIi8+CjxwYXRoIGQ9Ik01Ny43ODIyIDkuMzg5NDlMMjguODkxNSAwVjY1LjAwNDJDNDkuNTI3NyA1Ni4zMzY5IDU3Ljc4MjIgMzkuNzI0OCA1Ny43ODIyIDMwLjMzNTNWOS4zODk0OVoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8yMjAxXzY5NDIpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjIwMV82OTQyIiB4MT0iNTEuMzYxNSIgeTE9Ii00LjE1MjkzIiB4Mj0iMjkuNTM4NCIgeTI9IjY0LjUxNDciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agb2Zmc2V0PSIwLjAyMTEyIiBzdG9wLWNvbG9yPSIjMDAwMEZGIi8+CjxzdG9wIG9mZnNldD0iMC4wNzYyNDIzIiBzdG9wLWNvbG9yPSIjMDA5NEZGIi8+CjxzdG9wIG9mZnNldD0iMC4xNjMwODkiIHN0b3AtY29sb3I9IiM0OEZGOTEiLz4KPHN0b3Agb2Zmc2V0PSIwLjQyMDA0OSIgc3RvcC1jb2xvcj0iIzAwOTRGRiIvPgo8c3RvcCBvZmZzZXQ9IjAuNjgyODg2IiBzdG9wLWNvbG9yPSIjMDAzOEZGIi8+CjxzdG9wIG9mZnNldD0iMC45MDI0NjUiIHN0b3AtY29sb3I9IiMwNTAwRkYiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K",
-    "rabby wallet": "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzc0MV8yNzUxKSI+CjxtYXNrIGlkPSJtYXNrMF83NDFfMjc1MSIgc3R5bGU9Im1hc2stdHlwZTpsdW1pbmFuY2UiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+CjxwYXRoIGQ9Ik0zMiAxNkMzMiA3LjE2MzQ0IDI0LjgzNjYgMCAxNiAwQzcuMTYzNDQgMCAwIDcuMTYzNDQgMCAxNkMwIDI0LjgzNjYgNy4xNjM0NCAzMiAxNiAzMkMyNC44MzY2IDMyIDMyIDI0LjgzNjYgMzIgMTZaIiBmaWxsPSJ3aGl0ZSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfNzQxXzI3NTEpIj4KPHBhdGggZD0iTTMyIDE2QzMyIDcuMTYzNDQgMjQuODM2NiAwIDE2IDBDNy4xNjM0NCAwIDAgNy4xNjM0NCAwIDE2QzAgMjQuODM2NiA3LjE2MzQ0IDMyIDE2IDMyQzI0LjgzNjYgMzIgMzIgMjQuODM2NiAzMiAxNloiIGZpbGw9IiM3MDg0RkYiLz4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF83NDFfMjc1MSkiPgo8cGF0aCBkPSJNMjcuNjAxOSAxNy4zODc2QzI4LjUyMTYgMTUuMzI2MSAyMy45NzQ4IDkuNTY2MzIgMTkuNjMxIDcuMTY2NzZDMTYuODkyOSA1LjMwNzc5IDE0LjAzOTkgNS41NjMxOCAxMy40NjIgNi4zNzkzOEMxMi4xOTQgOC4xNzA2OSAxNy42NjExIDkuNjg4NTEgMjEuMzE3NCAxMS40NTk3QzIwLjUzMTQgMTEuODAyMiAxOS43OTA4IDEyLjQxNjkgMTkuMzU1MiAxMy4yMDI5QzE3Ljk5MjEgMTEuNzA5OCAxNS4wMDAzIDEwLjQyMzkgMTEuNDg5NyAxMS40NTk3QzkuMTIzOTcgMTIuMTU3NyA3LjE1NzkxIDEzLjgwMzIgNi4zOTgwNCAxNi4yODg1QzYuMjEzMzcgMTYuMjA2MiA2LjAwODk0IDE2LjE2MDQgNS43OTM4NyAxNi4xNjA0QzQuOTcxNDIgMTYuMTYwNCA0LjMwNDY5IDE2LjgyOTQgNC4zMDQ2OSAxNy42NTQ2QzQuMzA0NjkgMTguNDc5OSA0Ljk3MTQyIDE5LjE0ODggNS43OTM4NyAxOS4xNDg4QzUuOTQ2MzIgMTkuMTQ4OCA2LjQyMjk4IDE5LjA0NjMgNi40MjI5OCAxOS4wNDYzTDE0LjAzOTkgMTkuMTAxNkMxMC45OTM3IDIzLjk1MDQgOC41ODYzNSAyNC42NTkxIDguNTg2MzUgMjUuNDk5MkM4LjU4NjM1IDI2LjMzOTIgMTAuODg5OCAyNi4xMTE2IDExLjc1NDcgMjUuNzk4NEMxNS44OTQ5IDI0LjI5OTUgMjAuMzQxNyAxOS42MjggMjEuMTA0OCAxOC4yODMzQzI0LjMwOTIgMTguNjg0NCAyNy4wMDIyIDE4LjczMTggMjcuNjAxOSAxNy4zODc2WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzc0MV8yNzUxKSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIxLjMwMjkgMTEuNDUzOEMyMS4zMDY3IDExLjQ1NTUgMjEuMzEwNiAxMS40NTcxIDIxLjMxNDQgMTEuNDU4OEMyMS40ODM5IDExLjM5MTggMjEuNDU2NSAxMS4xNDA3IDIxLjQwOTkgMTAuOTQzNUMyMS4zMDMgMTAuNDkwMSAxOS40NTc1IDguNjYxNjUgMTcuNzI0NSA3Ljg0MjY1QzE1LjM2MjkgNi43MjY2NSAxMy42MjQgNi43ODQyMSAxMy4zNjcyIDcuMjk4NjVDMTMuODQ3MiA4LjI4ODIxIDE2LjA3NzkgOS4yMTcyNyAxOC40MDc3IDEwLjE4NzZDMTkuMzk3MSAxMC41OTk2IDIwLjQwNDMgMTEuMDE5MSAyMS4zMDI5IDExLjQ1MzhaIiBmaWxsPSJ1cmwoI3BhaW50MV9saW5lYXJfNzQxXzI3NTEpIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTguMzIyOCAyMS40MTY3QzE3Ljg0NTMgMjEuMjMzNyAxNy4zMDYgMjEuMDY1OCAxNi42OTI5IDIwLjkxMzNDMTcuMzQ2OSAxOS43MzkzIDE3LjQ4NDEgMTguMDAxMSAxNi44NjY1IDE2LjkwMjJDMTUuOTk5OCAxNS4zNTk5IDE0LjkxMTcgMTQuNTM5MSAxMi4zODM0IDE0LjUzOTFDMTAuOTkyOCAxNC41MzkxIDcuMjQ4NzcgMTUuMDA5IDcuMTgyMjcgMTguMTQ1QzcuMTc1MzQgMTguNDczOCA3LjE4MjA5IDE4Ljc3NTEgNy4yMDU3NyAxOS4wNTIxTDE0LjA0MyAxOS4xMDE5QzEzLjEyMSAyMC41Njk0IDEyLjI1NzUgMjEuNjU3NyAxMS41MDE2IDIyLjQ4NTJDMTIuNDA5MiAyMi43MTg2IDEzLjE1ODEgMjIuOTE0NCAxMy44NDU3IDIzLjA5NDNDMTQuNDk3OCAyMy4yNjQ4IDE1LjA5NDYgMjMuNDIwOSAxNS43MTkzIDIzLjU4MDlDMTYuNjYyIDIyLjg5MTggMTcuNTQ4MyAyMi4xNDA0IDE4LjMyMjggMjEuNDE2N1oiIGZpbGw9InVybCgjcGFpbnQyX2xpbmVhcl83NDFfMjc1MSkiLz4KPHBhdGggZD0iTTYuMzA4NzQgMTguNzI4M0M2LjU4ODA1IDIxLjExMDUgNy45MzczNiAyMi4wNDQxIDEwLjY5NDYgMjIuMzIwNUMxMy40NTE5IDIyLjU5NjggMTUuMDMzNSAyMi40MTE0IDE3LjEzOTEgMjIuNjAzNkMxOC44OTc3IDIyLjc2NDEgMjAuNDY4IDIzLjY2MzMgMjEuMDUwNSAyMy4zNTI2QzIxLjU3NDcgMjMuMDczIDIxLjI4MTQgMjIuMDYyNiAyMC41Nzk5IDIxLjQxNDRDMTkuNjcwNiAyMC41NzQxIDE4LjQxMjEgMTkuOTkgMTYuMTk3NyAxOS43ODI2QzE2LjYzOSAxOC41NzAyIDE2LjUxNTQgMTYuODcwMyAxNS44Mjk5IDE1Ljk0NTVDMTQuODM4OSAxNC42MDgyIDEzLjAwOTcgMTQuMDAzNiAxMC42OTQ2IDE0LjI2NzhDOC4yNzU4NiAxNC41NDM4IDUuOTU4MjEgMTUuNzM4NiA2LjMwODc0IDE4LjcyODNaIiBmaWxsPSJ1cmwoI3BhaW50M19saW5lYXJfNzQxXzI3NTEpIi8+CjwvZz4KPC9nPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfNzQxXzI3NTEiIHg9Ii03Ny42MTUzIiB5PSItNzYuMTYwMiIgd2lkdGg9IjE4Ny4yNTQiIGhlaWdodD0iMTg0LjE2MiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0Lz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iNDAuOTYiLz4KPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAuMTUxOTMzIDAgMCAwIDAgMC4yMzkyMzggMCAwIDAgMCAwLjQ5MDI0MSAwIDAgMCAwLjU0IDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfNzQxXzI3NTEiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfNzQxXzI3NTEiIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl83NDFfMjc1MSIgeDE9IjExLjIxNDIiIHkxPSIxNS41NjIiIHgyPSIyNy40MTE5IiB5Mj0iMjAuMTM5OSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSJ3aGl0ZSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IndoaXRlIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQxX2xpbmVhcl83NDFfMjc1MSIgeDE9IjI0LjY3NDUiIHkxPSIxNS4yNTE4IiB4Mj0iMTIuOTUzNiIgeTI9IjMuNTQxNjMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzg2OTdGRiIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM4Njk3RkYiIHN0b3Atb3BhY2l0eT0iMCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50Ml9saW5lYXJfNzQxXzI3NTEiIHgxPSIxOC42NDc4IiB5MT0iMjEuODI2MSIgeDI9IjcuNDA4MDIiIHkyPSIxNS4zODU5IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiM4Njk3RkYiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjODY5N0ZGIiBzdG9wLW9wYWNpdHk9IjAiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDNfbGluZWFyXzc0MV8yNzUxIiB4MT0iMTIuMTgyNyIgeTE9IjE1LjQzOTQiIHgyPSIxOS43OTkxIiB5Mj0iMjUuMDg0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSJ3aGl0ZSIvPgo8c3RvcCBvZmZzZXQ9IjAuOTgzODk1IiBzdG9wLWNvbG9yPSIjRDFEOEZGIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNzQxXzI3NTEiPgo8cmVjdCB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==",
-    metamask: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAzNSAzNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMyLjcwNzcgMzIuNzUyMkwyNS4xNjg4IDMwLjUxNzRMMTkuNDgzMyAzMy45MDA4TDE1LjUxNjcgMzMuODk5MUw5LjgyNzkzIDMwLjUxNzRMMi4yOTIyNSAzMi43NTIyTDAgMjUuMDQ4OUwyLjI5MjI1IDE2LjQ5OTNMMCA5LjI3MDk0TDIuMjkyMjUgMC4zMTIyNTZMMTQuMDY3NCA3LjMxNTU0SDIwLjkzMjZMMzIuNzA3NyAwLjMxMjI1NkwzNSA5LjI3MDk0TDMyLjcwNzcgMTYuNDk5M0wzNSAyNS4wNDg5TDMyLjcwNzcgMzIuNzUyMloiIGZpbGw9IiNGRjVDMTYiLz4KPHBhdGggZD0iTTIuMjkzOTUgMC4zMTIyNTZMMTQuMDY5MSA3LjMyMDQ3TDEzLjYwMDggMTIuMTMwMUwyLjI5Mzk1IDAuMzEyMjU2WiIgZmlsbD0iI0ZGNUMxNiIvPgo8cGF0aCBkPSJNOS44Mjk1OSAyNS4wNTIyTDE1LjAxMDYgMjguOTgxMUw5LjgyOTU5IDMwLjUxNzVWMjUuMDUyMloiIGZpbGw9IiNGRjVDMTYiLz4KPHBhdGggZD0iTTE0LjU5NjYgMTguNTU2NUwxMy42MDA5IDEyLjEzMzNMNy4yMjY5MiAxNi41MDA5TDcuMjIzNjMgMTYuNDk5M1YxNi41MDI1TDcuMjQzMzUgMjAuOTk4M0w5LjgyODA5IDE4LjU1NjVIOS44Mjk3NEgxNC41OTY2WiIgZmlsbD0iI0ZGNUMxNiIvPgo8cGF0aCBkPSJNMzIuNzA3NyAwLjMxMjI1NkwyMC45MzI2IDcuMzIwNDdMMjEuMzk5MyAxMi4xMzAxTDMyLjcwNzcgMC4zMTIyNTZaIiBmaWxsPSIjRkY1QzE2Ii8+CjxwYXRoIGQ9Ik0yNS4xNzIyIDI1LjA1MjJMMTkuOTkxMiAyOC45ODExTDI1LjE3MjIgMzAuNTE3NVYyNS4wNTIyWiIgZmlsbD0iI0ZGNUMxNiIvPgo8cGF0aCBkPSJNMjcuNzc2NiAxNi41MDI1SDI3Ljc3ODNIMjcuNzc2NlYxNi40OTkzTDI3Ljc3NSAxNi41MDA5TDIxLjQwMSAxMi4xMzMzTDIwLjQwNTMgMTguNTU2NUgyNS4xNzIyTDI3Ljc1ODYgMjAuOTk4M0wyNy43NzY2IDE2LjUwMjVaIiBmaWxsPSIjRkY1QzE2Ii8+CjxwYXRoIGQ9Ik05LjgyNzkzIDMwLjUxNzVMMi4yOTIyNSAzMi43NTIyTDAgMjUuMDUyMkg5LjgyNzkzVjMwLjUxNzVaIiBmaWxsPSIjRTM0ODA3Ii8+CjxwYXRoIGQ9Ik0xNC41OTQ3IDE4LjU1NDlMMTYuMDM0MSAyNy44NDA2TDE0LjAzOTMgMjIuNjc3N0w3LjIzOTc1IDIwLjk5ODRMOS44MjYxMyAxOC41NTQ5SDE0LjU5M0gxNC41OTQ3WiIgZmlsbD0iI0UzNDgwNyIvPgo8cGF0aCBkPSJNMjUuMTcyMSAzMC41MTc1TDMyLjcwNzggMzIuNzUyMkwzNS4wMDAxIDI1LjA1MjJIMjUuMTcyMVYzMC41MTc1WiIgZmlsbD0iI0UzNDgwNyIvPgo8cGF0aCBkPSJNMjAuNDA1MyAxOC41NTQ5TDE4Ljk2NTggMjcuODQwNkwyMC45NjA3IDIyLjY3NzdMMjcuNzYwMiAyMC45OTg0TDI1LjE3MjIgMTguNTU0OUgyMC40MDUzWiIgZmlsbD0iI0UzNDgwNyIvPgo8cGF0aCBkPSJNMCAyNS4wNDg4TDIuMjkyMjUgMTYuNDk5M0g3LjIyMTgzTDcuMjM5OTEgMjAuOTk2N0wxNC4wMzk0IDIyLjY3NkwxNi4wMzQzIDI3LjgzODlMMTUuMDA4OSAyOC45NzZMOS44Mjc5MyAyNS4wNDcySDBWMjUuMDQ4OFoiIGZpbGw9IiNGRjhENUQiLz4KPHBhdGggZD0iTTM1LjAwMDEgMjUuMDQ4OEwzMi43MDc4IDE2LjQ5OTNIMjcuNzc4M0wyNy43NjAyIDIwLjk5NjdMMjAuOTYwNyAyMi42NzZMMTguOTY1OCAyNy44Mzg5TDE5Ljk5MTIgMjguOTc2TDI1LjE3MjIgMjUuMDQ3MkgzNS4wMDAxVjI1LjA0ODhaIiBmaWxsPSIjRkY4RDVEIi8+CjxwYXRoIGQ9Ik0yMC45MzI1IDcuMzE1NDNIMTcuNDk5OUgxNC4wNjczTDEzLjYwMDYgMTIuMTI1MUwxNi4wMzQyIDI3LjgzNEgxOC45NjU2TDIxLjQwMDggMTIuMTI1MUwyMC45MzI1IDcuMzE1NDNaIiBmaWxsPSIjRkY4RDVEIi8+CjxwYXRoIGQ9Ik0yLjI5MjI1IDAuMzEyMjU2TDAgOS4yNzA5NEwyLjI5MjI1IDE2LjQ5OTNINy4yMjE4M0wxMy41OTkxIDEyLjEzMDFMMi4yOTIyNSAwLjMxMjI1NloiIGZpbGw9IiM2NjE4MDAiLz4KPHBhdGggZD0iTTEzLjE3IDIwLjQxOTlIMTAuOTM2OUw5LjcyMDk1IDIxLjYwNjJMMTQuMDQwOSAyMi42NzI3TDEzLjE3IDIwLjQxODJWMjAuNDE5OVoiIGZpbGw9IiM2NjE4MDAiLz4KPHBhdGggZD0iTTMyLjcwNzcgMC4zMTIyNTZMMzQuOTk5OSA5LjI3MDk0TDMyLjcwNzcgMTYuNDk5M0gyNy43NzgxTDIxLjQwMDkgMTIuMTMwMUwzMi43MDc3IDAuMzEyMjU2WiIgZmlsbD0iIzY2MTgwMCIvPgo8cGF0aCBkPSJNMjEuODMzIDIwLjQxOTlIMjQuMDY5NEwyNS4yODUzIDIxLjYwNzlMMjAuOTYwNCAyMi42NzZMMjEuODMzIDIwLjQxODJWMjAuNDE5OVoiIGZpbGw9IiM2NjE4MDAiLz4KPHBhdGggZD0iTTE5LjQ4MTcgMzAuODM2MkwxOS45OTExIDI4Ljk3OTRMMTguOTY1OCAyNy44NDIzSDE2LjAzMjdMMTUuMDA3MyAyOC45Nzk0TDE1LjUxNjcgMzAuODM2MiIgZmlsbD0iIzY2MTgwMCIvPgo8cGF0aCBkPSJNMTkuNDgxNiAzMC44MzU5VjMzLjkwMjFIMTUuNTE2NlYzMC44MzU5SDE5LjQ4MTZaIiBmaWxsPSIjQzBDNENEIi8+CjxwYXRoIGQ9Ik05LjgyOTU5IDMwLjUxNDJMMTUuNTIgMzMuOTAwOFYzMC44MzQ2TDE1LjAxMDYgMjguOTc3OEw5LjgyOTU5IDMwLjUxNDJaIiBmaWxsPSIjRTdFQkY2Ii8+CjxwYXRoIGQ9Ik0yNS4xNzIxIDMwLjUxNDJMMTkuNDgxNyAzMy45MDA4VjMwLjgzNDZMMTkuOTkxMSAyOC45Nzc4TDI1LjE3MjEgMzAuNTE0MloiIGZpbGw9IiNFN0VCRjYiLz4KPC9zdmc+Cg=="
-  };
-  const walletLink = {
-    solflare: "https://chromewebstore.google.com/detail/solflare-wallet/bhhhlbepdkbapadjdnnojkbgioiodbic",
-    phantom: "https://chromewebstore.google.com/detail/phantom/bfnaelmomeimhlpmgjnjophhpkkoljpa",
-    slope: "https://chromewebstore.google.com/detail/slope-wallet/pocmplpaccanhmnllbbkpgfliimjljgo?hl=en",
-    backpack: "https://chromewebstore.google.com/detail/backpack/aflkmfhebedbjioipglgcbcmnbpgliof",
-    "magic eden (solana)": "https://chromewebstore.google.com/detail/magic-eden-wallet/mkpegjkblkkefacfnmkajcjmabijhclg",
-    keplr: "https://chromewebstore.google.com/detail/keplr/dmkamcknogkgcdfhhbddcghachkejeap?hl=en",
-    "brave browser (solana)": "https://brave.com/wallet/",
-    "trust wallet": "https://chromewebstore.google.com/detail/trust-wallet/egjidjbpglichdcondbcbdnbeeppgdph",
-    "rabby wallet": "https://chromewebstore.google.com/detail/rabby-wallet/acmacodkjbdgmoleebolmdjonilkdbch?hl=en",
-    metamask: "https://chromewebstore.google.com/detail/metamask/nkbihfbeogaeaoehlefnkodbefgpgknn?hl=en"
-  };
-  return /* @__PURE__ */ jsx("a", { className: "bw-min-w-full", href: walletLink[wallet == null ? void 0 : wallet.toLowerCase()], target: "_blank", children: /* @__PURE__ */ jsxs("div", { className: "bw-w-full bw-flex bw-items-center bw-justify-between bw-h-max", children: [
-    " ",
-    /* @__PURE__ */ jsxs("div", { className: "bw-flex bw-my-2  bw-items-center bw-gap-x-2", children: [
-      /* @__PURE__ */ jsxs("div", { className: "bw-w-max bw-relative", children: [
-        /* @__PURE__ */ jsx("img", { src: walletIcons[wallet == null ? void 0 : wallet.toLowerCase()], width: 32, height: 32, className: "bw-w-[32px] bw-h-[32px] bw-rounded-md", alt: "img" }),
-        /* @__PURE__ */ jsx("img", { src: chain == "cosmos" ? cosmosicon : chain === "evm" ? ethereumicon : solanaicon, className: "bw-absolute bw-right-[-15%] bw-bottom-[-30%]", width: "21", height: "21", alt: "img" })
-      ] }),
-      /* @__PURE__ */ jsx("p", { className: "bw-text-sm bw-text-text-secondary bw-font-medium", children: wallet })
-    ] }),
-    /* @__PURE__ */ jsxs("button", { children: [
-      " ",
-      /* @__PURE__ */ jsx(ShareIcon, { fill: "var(--tw-text-placeholder)" })
-    ] })
-  ] }) });
-}
-const Main = ({ fromChain, toChain, connectWalletField, handleSolConnecting, selectedWalletTab, handleShowWallet, section }) => {
-  const { primaryWallet, handleLogOut, handleUnlinkWallet } = useDynamicContext();
-  const isFullyConnected = useIsLoggedIn();
-  const [balance, setBalance] = useState(0);
-  const [isLoading, setIsLoading] = useState(false);
-  const [walletObj, setWalletObj] = useState();
-  const { setShowAuthFlow, walletConnectorOptions } = useDynamicContext();
-  const { openWallet } = useWalletItemActions();
-  const configuration = useStore((state) => state.configuration);
-  const setToDisconnect = useStore((state) => state.setToDisconnect);
-  const { handleSOLDisable } = useWalletDetails({});
-  handleSOLDisable(connectWalletField);
-  const wallets = useUserWallets();
-  const { selectWalletOption, walletOptions } = useWalletOptions();
-  const setPrimaryWallet = useSwitchWallet();
-  useEffect(() => {
-    if (isFullyConnected && isLoading && primaryWallet !== null) {
-      setIsLoading(false);
-    }
-  }, [isFullyConnected, primaryWallet]);
-  const { phantom, solflare, slope, magiceden, backpacksol, keplr, solanaicon, brave } = images;
-  const walletIcons = {
-    solflare,
-    phantom,
-    slope,
-    backpack: backpacksol,
-    "magic eden (solana)": magiceden,
-    keplr,
-    "brave browser (solana)": brave
-  };
-  useEffect(() => {
-    if (wallets.length) {
-      setWalletObj(lodashExports.keyBy(wallets, (item) => item.connector.name));
-    } else {
-      setWalletObj();
-    }
-  }, [wallets.length]);
-  const handleClick = (item) => {
-    var _a, _b, _c, _d;
-    if (item.name == ((_a = primaryWallet == null ? void 0 : primaryWallet.connector) == null ? void 0 : _a.name)) {
-      if (connectWalletField == "to") {
-        setToDisconnect(false);
-        handleShowWallet();
-      }
-    } else {
-      if (walletObj == null ? void 0 : walletObj[item.name]) {
-        setPrimaryWallet((_b = walletObj == null ? void 0 : walletObj[item == null ? void 0 : item.name]) == null ? void 0 : _b.id);
-        handleShowWallet();
-        setToDisconnect(false);
-      } else {
-        openWallet((_c = item.key) == null ? void 0 : _c.toLowerCase());
-        setIsLoading(true);
-        handleSolConnecting(true, (_d = item.name) == null ? void 0 : _d.toLowerCase());
-      }
-    }
-  };
-  return (walletOptions == null ? void 0 : walletOptions.length) ? /* @__PURE__ */ jsx(Fragment, { children: walletOptions.filter((item, i) => {
-    var _a;
-    let connected = item.name == ((_a = primaryWallet == null ? void 0 : primaryWallet._connector) == null ? void 0 : _a.name) || (walletObj == null ? void 0 : walletObj[item == null ? void 0 : item.name]);
-    if (item.name == "Solflare" || item.name == "Slope" || item.name == "Phantom" || item.name == "Backpack" || item.name == "Magic Eden (Solana)" || item.name == "Brave Browser (Solana)") {
-      if (section == "connected" && connected) {
-        return true;
-      } else if (section == "installed" && !connected && (item.isInstalledOnBrowser || item.name == "Phantom" && window.innerWidth < 768)) {
-        return true;
-      } else if (section == "supported" && !item.isInstalledOnBrowser) {
-        return true;
-      }
-    }
-  }).map((item, i) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-    let connected = item.name == ((_a = primaryWallet == null ? void 0 : primaryWallet._connector) == null ? void 0 : _a.name) || (walletObj == null ? void 0 : walletObj[item == null ? void 0 : item.name]);
-    return item.isInstalledOnBrowser || connected && section !== "supported" || item.name == "Phantom" && section == "installed" && !connected ? /* @__PURE__ */ jsx(
-      "div",
-      {
-        style: item.name == ((_b = primaryWallet == null ? void 0 : primaryWallet._connector) == null ? void 0 : _b.name) ? {
-          ...configuration == null ? void 0 : configuration.gradientStyle
-        } : {},
-        className: `bw-w-[47%] bw-mb-4 ${item.name == "Keplr" && selectedWalletTab === "Cosmos" ? "" : "  "} bw-rounded-md bw-p-[1px] ${!configuration.gradientStyle && item.name == ((_c = primaryWallet == null ? void 0 : primaryWallet._connector) == null ? void 0 : _c.name) ? styles$1.gradientbutton : "bw-bg-border-primary"} `,
-        children: /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: ` bw-relative bw-flex bw-w-full bw-bg-background-container  hover:bw-shadow-sm bw-font-medium  hover:bw-font-bold hover:bw-text-text-primary  bw-items-center bw-gap-x-3  bw-rounded-md  bw-h-[56px] bw-px-3 bw-cursor-pointer  ${""}${item.name == ((_d = primaryWallet == null ? void 0 : primaryWallet._connector) == null ? void 0 : _d.name) ? " bw-text-text-primary" : "bw-text-text-secondary"}`,
-            onClick: () => {
-              var _a2;
-              if (getSolWalletInstalled((_a2 = item.name) == null ? void 0 : _a2.toLowerCase()) || item.name == "Phantom") handleClick(item);
-            },
-            children: [
-              /* @__PURE__ */ jsx(
-                "div",
-                {
-                  style: item.name == ((_e = primaryWallet == null ? void 0 : primaryWallet._connector) == null ? void 0 : _e.name) ? {
-                    ...configuration == null ? void 0 : configuration.gradientStyle
-                  } : {},
-                  className: ` bw-mb-4 ${item.name == "Keplr" && selectedWalletTab === "Cosmos" ? "" : "  "} bw-rounded-md bw-p-[1px] bw-absolute bw-right-2 bw-bottom-[-50%] ${!configuration.gradientStyle && item.name == ((_f = primaryWallet == null ? void 0 : primaryWallet._connector) == null ? void 0 : _f.name) ? styles$1.gradientbutton : "bw-bg-border-primary"} `,
-                  children: /* @__PURE__ */ jsxs("div", { className: " bw-w-[71px] bw-h-[25px]  bw-rounded-md bw-flex bw-bg-background-container bw-justify-center bw-items-center bw-gap-x-1 ", children: [
-                    /* @__PURE__ */ jsx("img", { src: solanaicon, width: "", height: "", alt: "img" }),
-                    /* @__PURE__ */ jsx("p", { className: "bw-text-xs bw-font-bold bw-text-text-primary", children: "SOL" })
-                  ] })
-                }
-              ),
-              (walletObj == null ? void 0 : walletObj[item == null ? void 0 : item.name]) ? /* @__PURE__ */ jsx(
-                "p",
-                {
-                  onClick: async (e) => {
-                    var _a2;
-                    e.stopPropagation();
-                    if (wallets.length === 1) {
-                      handleLogOut();
-                    } else {
-                      try {
-                        let res = await handleUnlinkWallet((_a2 = walletObj == null ? void 0 : walletObj[item == null ? void 0 : item.name]) == null ? void 0 : _a2.id);
-                      } catch (Err) {
-                      }
-                    }
-                  },
-                  className: " bw-cursor-pointer bw-absolute bw-right-[5px] bw-top-1 bw-text-[10px] bw-text-text-primary  bw-z-40 bw-rounded-[50%]",
-                  children: /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      style: {
-                        boxShadow: configuration && configuration.customTheme && ((_h = (_g = configuration.customTheme) == null ? void 0 : _g.shadow) == null ? void 0 : _h.boxShadow) || "1px 1px 7px rgba(0, 0, 0, 0.20)"
-                      },
-                      className: "bw-w-[25px] bw-h-[25px] bw-rounded-[50%]",
-                      children: /* @__PURE__ */ jsx(DisconnectWallet, { fill: "var(--tw-text-primary)" })
-                    }
-                  )
-                }
-              ) : /* @__PURE__ */ jsx(Fragment, {}),
-              /* @__PURE__ */ jsxs("div", { className: "bw-w-max bw-relative", children: [
-                /* @__PURE__ */ jsx("img", { src: walletIcons[(_i = item.name) == null ? void 0 : _i.toLowerCase()], width: 32, height: 32, className: "bw-w-[32px] bw-h-[32px] bw-rounded-md", alt: "img" }),
-                /* @__PURE__ */ jsx("img", { src: solanaicon, className: "bw-absolute bw-right-[-15%] bw-bottom-[-30%]", width: "", height: "", alt: "img" })
-              ] }),
-              /* @__PURE__ */ jsx("p", { className: "bw-text-xs bw-w-max ", children: item.name })
-            ]
-          }
-        )
-      }
-    ) : item.name == "Phantom" && window.innerWidth < 768 ? /* @__PURE__ */ jsx(Fragment, {}) : /* @__PURE__ */ jsx(SupportedWallets, { wallet: item.name, chain: item.chain });
-  }) }) : /* @__PURE__ */ jsx("div", { className: "bw-w-full bw-flex bw-justify-center bw-mt-2 bw-text-text-primary", children: /* @__PURE__ */ jsx(CircularProgress, { color: "inherit", size: 14 }) });
-};
-const SolanaWallet = ({
-  connectWalletField,
-  fromChain,
-  toChain,
-  handleSolConnecting,
-  portfolio,
-  selectedWalletTab,
-  handleShowWallet,
-  section
-}) => {
-  return /* @__PURE__ */ jsx(
-    Main,
-    {
-      fromChain,
-      toChain,
-      connectWalletField,
-      handleSolConnecting,
-      portfolio,
-      selectedWalletTab,
-      handleShowWallet,
-      section
-    }
-  );
-};
-const stateClasses = ["checked", "disabled", "error", "focused", "focusVisible", "required", "expanded", "selected"];
-function createGenerateClassName(options = {}) {
-  const {
-    disableGlobal = false,
-    productionPrefix = "jss",
-    seed = ""
-  } = options;
-  const seedPrefix = seed === "" ? "" : `${seed}-`;
-  let ruleCounter = 0;
-  const getNextCounterId = () => {
-    ruleCounter += 1;
-    if (process$1.env.NODE_ENV !== "production") {
-      if (ruleCounter >= 1e10) {
-      }
-    }
-    return ruleCounter;
-  };
-  return (rule, styleSheet) => {
-    const name = styleSheet.options.name;
-    if (name && name.indexOf("Mui") === 0 && !styleSheet.options.link && !disableGlobal) {
-      if (stateClasses.indexOf(rule.key) !== -1) {
-        return `Mui-${rule.key}`;
-      }
-      const prefix2 = `${seedPrefix}${name}-${rule.key}`;
-      if (!styleSheet.options.theme[nested] || seed !== "") {
-        return prefix2;
-      }
-      return `${prefix2}-${getNextCounterId()}`;
-    }
-    if (process$1.env.NODE_ENV === "production") {
-      return `${seedPrefix}${productionPrefix}${getNextCounterId()}`;
-    }
-    const suffix = `${rule.key}-${getNextCounterId()}`;
-    if (styleSheet.options.classNamePrefix) {
-      return `${seedPrefix}${styleSheet.options.classNamePrefix}-${suffix}`;
-    }
-    return `${seedPrefix}${suffix}`;
-  };
-}
-var isProduction = process$1.env.NODE_ENV === "production";
-function warning(condition, message) {
-  if (!isProduction) {
-    var text = "Warning: " + message;
-    if (typeof console !== "undefined") {
-    }
-    try {
-      throw Error(text);
-    } catch (x) {
-    }
-  }
-}
-var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function(obj) {
-  return typeof obj;
-} : function(obj) {
-  return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-};
-var isBrowser = (typeof window === "undefined" ? "undefined" : _typeof(window)) === "object" && (typeof document === "undefined" ? "undefined" : _typeof(document)) === "object" && document.nodeType === 9;
-function _defineProperties(e, r) {
-  for (var t = 0; t < r.length; t++) {
-    var o = r[t];
-    o.enumerable = o.enumerable || false, o.configurable = true, "value" in o && (o.writable = true), Object.defineProperty(e, toPropertyKey(o.key), o);
-  }
-}
-function _createClass(e, r, t) {
-  return r && _defineProperties(e.prototype, r), Object.defineProperty(e, "prototype", {
-    writable: false
-  }), e;
-}
-var plainObjectConstrurctor = {}.constructor;
-function cloneStyle(style) {
-  if (style == null || typeof style !== "object") return style;
-  if (Array.isArray(style)) return style.map(cloneStyle);
-  if (style.constructor !== plainObjectConstrurctor) return style;
-  var newStyle = {};
-  for (var name in style) {
-    newStyle[name] = cloneStyle(style[name]);
-  }
-  return newStyle;
-}
-function createRule(name, decl, options) {
-  if (name === void 0) {
-    name = "unnamed";
-  }
-  var jss = options.jss;
-  var declCopy = cloneStyle(decl);
-  var rule = jss.plugins.onCreateRule(name, declCopy, options);
-  if (rule) return rule;
-  if (name[0] === "@") {
-    process$1.env.NODE_ENV !== "production" ? warning(false, "[JSS] Unknown rule " + name) : void 0;
-  }
-  return null;
-}
-var join = function join2(value, by) {
-  var result = "";
-  for (var i = 0; i < value.length; i++) {
-    if (value[i] === "!important") break;
-    if (result) result += by;
-    result += value[i];
-  }
-  return result;
-};
-var toCssValue = function toCssValue2(value) {
-  if (!Array.isArray(value)) return value;
-  var cssValue = "";
-  if (Array.isArray(value[0])) {
-    for (var i = 0; i < value.length; i++) {
-      if (value[i] === "!important") break;
-      if (cssValue) cssValue += ", ";
-      cssValue += join(value[i], " ");
-    }
-  } else cssValue = join(value, ", ");
-  if (value[value.length - 1] === "!important") {
-    cssValue += " !important";
-  }
-  return cssValue;
-};
-function getWhitespaceSymbols(options) {
-  if (options && options.format === false) {
-    return {
-      linebreak: "",
-      space: ""
-    };
-  }
-  return {
-    linebreak: "\n",
-    space: " "
-  };
-}
-function indentStr(str, indent) {
-  var result = "";
-  for (var index2 = 0; index2 < indent; index2++) {
-    result += "  ";
-  }
-  return result + str;
-}
-function toCss(selector, style, options) {
-  if (options === void 0) {
-    options = {};
-  }
-  var result = "";
-  if (!style) return result;
-  var _options = options, _options$indent = _options.indent, indent = _options$indent === void 0 ? 0 : _options$indent;
-  var fallbacks = style.fallbacks;
-  if (options.format === false) {
-    indent = -Infinity;
-  }
-  var _getWhitespaceSymbols = getWhitespaceSymbols(options), linebreak = _getWhitespaceSymbols.linebreak, space = _getWhitespaceSymbols.space;
-  if (selector) indent++;
-  if (fallbacks) {
-    if (Array.isArray(fallbacks)) {
-      for (var index2 = 0; index2 < fallbacks.length; index2++) {
-        var fallback = fallbacks[index2];
-        for (var prop in fallback) {
-          var value = fallback[prop];
-          if (value != null) {
-            if (result) result += linebreak;
-            result += indentStr(prop + ":" + space + toCssValue(value) + ";", indent);
-          }
-        }
-      }
-    } else {
-      for (var _prop in fallbacks) {
-        var _value = fallbacks[_prop];
-        if (_value != null) {
-          if (result) result += linebreak;
-          result += indentStr(_prop + ":" + space + toCssValue(_value) + ";", indent);
-        }
-      }
-    }
-  }
-  for (var _prop2 in style) {
-    var _value2 = style[_prop2];
-    if (_value2 != null && _prop2 !== "fallbacks") {
-      if (result) result += linebreak;
-      result += indentStr(_prop2 + ":" + space + toCssValue(_value2) + ";", indent);
-    }
-  }
-  if (!result && !options.allowEmpty) return result;
-  if (!selector) return result;
-  indent--;
-  if (result) result = "" + linebreak + result + linebreak;
-  return indentStr("" + selector + space + "{" + result, indent) + indentStr("}", indent);
-}
-var escapeRegex = /([[\].#*$><+~=|^:(),"'`\s])/g;
-var nativeEscape = typeof CSS !== "undefined" && CSS.escape;
-var escape = function(str) {
-  return nativeEscape ? nativeEscape(str) : str.replace(escapeRegex, "\\$1");
-};
-var BaseStyleRule = /* @__PURE__ */ function() {
-  function BaseStyleRule2(key, style, options) {
-    this.type = "style";
-    this.isProcessed = false;
-    var sheet = options.sheet, Renderer = options.Renderer;
-    this.key = key;
-    this.options = options;
-    this.style = style;
-    if (sheet) this.renderer = sheet.renderer;
-    else if (Renderer) this.renderer = new Renderer();
-  }
-  var _proto = BaseStyleRule2.prototype;
-  _proto.prop = function prop(name, value, options) {
-    if (value === void 0) return this.style[name];
-    var force = options ? options.force : false;
-    if (!force && this.style[name] === value) return this;
-    var newValue = value;
-    if (!options || options.process !== false) {
-      newValue = this.options.jss.plugins.onChangeValue(value, name, this);
-    }
-    var isEmpty2 = newValue == null || newValue === false;
-    var isDefined = name in this.style;
-    if (isEmpty2 && !isDefined && !force) return this;
-    var remove = isEmpty2 && isDefined;
-    if (remove) delete this.style[name];
-    else this.style[name] = newValue;
-    if (this.renderable && this.renderer) {
-      if (remove) this.renderer.removeProperty(this.renderable, name);
-      else this.renderer.setProperty(this.renderable, name, newValue);
-      return this;
-    }
-    var sheet = this.options.sheet;
-    if (sheet && sheet.attached) {
-      process$1.env.NODE_ENV !== "production" ? warning(false, '[JSS] Rule is not linked. Missing sheet option "link: true".') : void 0;
-    }
-    return this;
-  };
-  return BaseStyleRule2;
-}();
-var StyleRule = /* @__PURE__ */ function(_BaseStyleRule) {
-  _inheritsLoose(StyleRule2, _BaseStyleRule);
-  function StyleRule2(key, style, options) {
-    var _this;
-    _this = _BaseStyleRule.call(this, key, style, options) || this;
-    var selector = options.selector, scoped = options.scoped, sheet = options.sheet, generateId = options.generateId;
-    if (selector) {
-      _this.selectorText = selector;
-    } else if (scoped !== false) {
-      _this.id = generateId(_assertThisInitialized(_assertThisInitialized(_this)), sheet);
-      _this.selectorText = "." + escape(_this.id);
-    }
-    return _this;
-  }
-  var _proto2 = StyleRule2.prototype;
-  _proto2.applyTo = function applyTo(renderable) {
-    var renderer = this.renderer;
-    if (renderer) {
-      var json = this.toJSON();
-      for (var prop in json) {
-        renderer.setProperty(renderable, prop, json[prop]);
-      }
-    }
-    return this;
-  };
-  _proto2.toJSON = function toJSON() {
-    var json = {};
-    for (var prop in this.style) {
-      var value = this.style[prop];
-      if (typeof value !== "object") json[prop] = value;
-      else if (Array.isArray(value)) json[prop] = toCssValue(value);
-    }
-    return json;
-  };
-  _proto2.toString = function toString(options) {
-    var sheet = this.options.sheet;
-    var link = sheet ? sheet.options.link : false;
-    var opts = link ? _extends({}, options, {
-      allowEmpty: true
-    }) : options;
-    return toCss(this.selectorText, this.style, opts);
-  };
-  _createClass(StyleRule2, [{
-    key: "selector",
-    set: function set(selector) {
-      if (selector === this.selectorText) return;
-      this.selectorText = selector;
-      var renderer = this.renderer, renderable = this.renderable;
-      if (!renderable || !renderer) return;
-      var hasChanged = renderer.setSelector(renderable, selector);
-      if (!hasChanged) {
-        renderer.replaceRule(renderable, this);
-      }
-    },
-    get: function get() {
-      return this.selectorText;
-    }
-  }]);
-  return StyleRule2;
-}(BaseStyleRule);
-var pluginStyleRule = {
-  onCreateRule: function onCreateRule(key, style, options) {
-    if (key[0] === "@" || options.parent && options.parent.type === "keyframes") {
-      return null;
-    }
-    return new StyleRule(key, style, options);
-  }
-};
-var defaultToStringOptions = {
-  indent: 1,
-  children: true
-};
-var atRegExp = /@([\w-]+)/;
-var ConditionalRule = /* @__PURE__ */ function() {
-  function ConditionalRule2(key, styles2, options) {
-    this.type = "conditional";
-    this.isProcessed = false;
-    this.key = key;
-    var atMatch = key.match(atRegExp);
-    this.at = atMatch ? atMatch[1] : "unknown";
-    this.query = options.name || "@" + this.at;
-    this.options = options;
-    this.rules = new RuleList(_extends({}, options, {
-      parent: this
-    }));
-    for (var name in styles2) {
-      this.rules.add(name, styles2[name]);
-    }
-    this.rules.process();
-  }
-  var _proto = ConditionalRule2.prototype;
-  _proto.getRule = function getRule(name) {
-    return this.rules.get(name);
-  };
-  _proto.indexOf = function indexOf(rule) {
-    return this.rules.indexOf(rule);
-  };
-  _proto.addRule = function addRule(name, style, options) {
-    var rule = this.rules.add(name, style, options);
-    if (!rule) return null;
-    this.options.jss.plugins.onProcessRule(rule);
-    return rule;
-  };
-  _proto.replaceRule = function replaceRule(name, style, options) {
-    var newRule = this.rules.replace(name, style, options);
-    if (newRule) this.options.jss.plugins.onProcessRule(newRule);
-    return newRule;
-  };
-  _proto.toString = function toString(options) {
-    if (options === void 0) {
-      options = defaultToStringOptions;
-    }
-    var _getWhitespaceSymbols = getWhitespaceSymbols(options), linebreak = _getWhitespaceSymbols.linebreak;
-    if (options.indent == null) options.indent = defaultToStringOptions.indent;
-    if (options.children == null) options.children = defaultToStringOptions.children;
-    if (options.children === false) {
-      return this.query + " {}";
-    }
-    var children = this.rules.toString(options);
-    return children ? this.query + " {" + linebreak + children + linebreak + "}" : "";
-  };
-  return ConditionalRule2;
-}();
-var keyRegExp = /@container|@media|@supports\s+/;
-var pluginConditionalRule = {
-  onCreateRule: function onCreateRule2(key, styles2, options) {
-    return keyRegExp.test(key) ? new ConditionalRule(key, styles2, options) : null;
-  }
-};
-var defaultToStringOptions$1 = {
-  indent: 1,
-  children: true
-};
-var nameRegExp = /@keyframes\s+([\w-]+)/;
-var KeyframesRule = /* @__PURE__ */ function() {
-  function KeyframesRule2(key, frames, options) {
-    this.type = "keyframes";
-    this.at = "@keyframes";
-    this.isProcessed = false;
-    var nameMatch = key.match(nameRegExp);
-    if (nameMatch && nameMatch[1]) {
-      this.name = nameMatch[1];
-    } else {
-      this.name = "noname";
-      process$1.env.NODE_ENV !== "production" ? warning(false, "[JSS] Bad keyframes name " + key) : void 0;
-    }
-    this.key = this.type + "-" + this.name;
-    this.options = options;
-    var scoped = options.scoped, sheet = options.sheet, generateId = options.generateId;
-    this.id = scoped === false ? this.name : escape(generateId(this, sheet));
-    this.rules = new RuleList(_extends({}, options, {
-      parent: this
-    }));
-    for (var name in frames) {
-      this.rules.add(name, frames[name], _extends({}, options, {
-        parent: this
-      }));
-    }
-    this.rules.process();
-  }
-  var _proto = KeyframesRule2.prototype;
-  _proto.toString = function toString(options) {
-    if (options === void 0) {
-      options = defaultToStringOptions$1;
-    }
-    var _getWhitespaceSymbols = getWhitespaceSymbols(options), linebreak = _getWhitespaceSymbols.linebreak;
-    if (options.indent == null) options.indent = defaultToStringOptions$1.indent;
-    if (options.children == null) options.children = defaultToStringOptions$1.children;
-    if (options.children === false) {
-      return this.at + " " + this.id + " {}";
-    }
-    var children = this.rules.toString(options);
-    if (children) children = "" + linebreak + children + linebreak;
-    return this.at + " " + this.id + " {" + children + "}";
-  };
-  return KeyframesRule2;
-}();
-var keyRegExp$1 = /@keyframes\s+/;
-var refRegExp$1 = /\$([\w-]+)/g;
-var findReferencedKeyframe = function findReferencedKeyframe2(val, keyframes) {
-  if (typeof val === "string") {
-    return val.replace(refRegExp$1, function(match, name) {
-      if (name in keyframes) {
-        return keyframes[name];
-      }
-      process$1.env.NODE_ENV !== "production" ? warning(false, '[JSS] Referenced keyframes rule "' + name + '" is not defined.') : void 0;
-      return match;
-    });
-  }
-  return val;
-};
-var replaceRef = function replaceRef2(style, prop, keyframes) {
-  var value = style[prop];
-  var refKeyframe = findReferencedKeyframe(value, keyframes);
-  if (refKeyframe !== value) {
-    style[prop] = refKeyframe;
-  }
-};
-var pluginKeyframesRule = {
-  onCreateRule: function onCreateRule3(key, frames, options) {
-    return typeof key === "string" && keyRegExp$1.test(key) ? new KeyframesRule(key, frames, options) : null;
-  },
-  // Animation name ref replacer.
-  onProcessStyle: function onProcessStyle(style, rule, sheet) {
-    if (rule.type !== "style" || !sheet) return style;
-    if ("animation-name" in style) replaceRef(style, "animation-name", sheet.keyframes);
-    if ("animation" in style) replaceRef(style, "animation", sheet.keyframes);
-    return style;
-  },
-  onChangeValue: function onChangeValue(val, prop, rule) {
-    var sheet = rule.options.sheet;
-    if (!sheet) {
-      return val;
-    }
-    switch (prop) {
-      case "animation":
-        return findReferencedKeyframe(val, sheet.keyframes);
-      case "animation-name":
-        return findReferencedKeyframe(val, sheet.keyframes);
-      default:
-        return val;
-    }
-  }
-};
-var KeyframeRule = /* @__PURE__ */ function(_BaseStyleRule) {
-  _inheritsLoose(KeyframeRule2, _BaseStyleRule);
-  function KeyframeRule2() {
-    return _BaseStyleRule.apply(this, arguments) || this;
-  }
-  var _proto = KeyframeRule2.prototype;
-  _proto.toString = function toString(options) {
-    var sheet = this.options.sheet;
-    var link = sheet ? sheet.options.link : false;
-    var opts = link ? _extends({}, options, {
-      allowEmpty: true
-    }) : options;
-    return toCss(this.key, this.style, opts);
-  };
-  return KeyframeRule2;
-}(BaseStyleRule);
-var pluginKeyframeRule = {
-  onCreateRule: function onCreateRule4(key, style, options) {
-    if (options.parent && options.parent.type === "keyframes") {
-      return new KeyframeRule(key, style, options);
-    }
-    return null;
-  }
-};
-var FontFaceRule = /* @__PURE__ */ function() {
-  function FontFaceRule2(key, style, options) {
-    this.type = "font-face";
-    this.at = "@font-face";
-    this.isProcessed = false;
-    this.key = key;
-    this.style = style;
-    this.options = options;
-  }
-  var _proto = FontFaceRule2.prototype;
-  _proto.toString = function toString(options) {
-    var _getWhitespaceSymbols = getWhitespaceSymbols(options), linebreak = _getWhitespaceSymbols.linebreak;
-    if (Array.isArray(this.style)) {
-      var str = "";
-      for (var index2 = 0; index2 < this.style.length; index2++) {
-        str += toCss(this.at, this.style[index2]);
-        if (this.style[index2 + 1]) str += linebreak;
-      }
-      return str;
-    }
-    return toCss(this.at, this.style, options);
-  };
-  return FontFaceRule2;
-}();
-var keyRegExp$2 = /@font-face/;
-var pluginFontFaceRule = {
-  onCreateRule: function onCreateRule5(key, style, options) {
-    return keyRegExp$2.test(key) ? new FontFaceRule(key, style, options) : null;
-  }
-};
-var ViewportRule = /* @__PURE__ */ function() {
-  function ViewportRule2(key, style, options) {
-    this.type = "viewport";
-    this.at = "@viewport";
-    this.isProcessed = false;
-    this.key = key;
-    this.style = style;
-    this.options = options;
-  }
-  var _proto = ViewportRule2.prototype;
-  _proto.toString = function toString(options) {
-    return toCss(this.key, this.style, options);
-  };
-  return ViewportRule2;
-}();
-var pluginViewportRule = {
-  onCreateRule: function onCreateRule6(key, style, options) {
-    return key === "@viewport" || key === "@-ms-viewport" ? new ViewportRule(key, style, options) : null;
-  }
-};
-var SimpleRule = /* @__PURE__ */ function() {
-  function SimpleRule2(key, value, options) {
-    this.type = "simple";
-    this.isProcessed = false;
-    this.key = key;
-    this.value = value;
-    this.options = options;
-  }
-  var _proto = SimpleRule2.prototype;
-  _proto.toString = function toString(options) {
-    if (Array.isArray(this.value)) {
-      var str = "";
-      for (var index2 = 0; index2 < this.value.length; index2++) {
-        str += this.key + " " + this.value[index2] + ";";
-        if (this.value[index2 + 1]) str += "\n";
-      }
-      return str;
-    }
-    return this.key + " " + this.value + ";";
-  };
-  return SimpleRule2;
-}();
-var keysMap = {
-  "@charset": true,
-  "@import": true,
-  "@namespace": true
-};
-var pluginSimpleRule = {
-  onCreateRule: function onCreateRule7(key, value, options) {
-    return key in keysMap ? new SimpleRule(key, value, options) : null;
-  }
-};
-var plugins$1 = [pluginStyleRule, pluginConditionalRule, pluginKeyframesRule, pluginKeyframeRule, pluginFontFaceRule, pluginViewportRule, pluginSimpleRule];
-var defaultUpdateOptions = {
-  process: true
-};
-var forceUpdateOptions = {
-  force: true,
-  process: true
-  /**
-   * Contains rules objects and allows adding/removing etc.
-   * Is used for e.g. by `StyleSheet` or `ConditionalRule`.
-   */
-};
-var RuleList = /* @__PURE__ */ function() {
-  function RuleList2(options) {
-    this.map = {};
-    this.raw = {};
-    this.index = [];
-    this.counter = 0;
-    this.options = options;
-    this.classes = options.classes;
-    this.keyframes = options.keyframes;
-  }
-  var _proto = RuleList2.prototype;
-  _proto.add = function add(name, decl, ruleOptions) {
-    var _this$options = this.options, parent = _this$options.parent, sheet = _this$options.sheet, jss = _this$options.jss, Renderer = _this$options.Renderer, generateId = _this$options.generateId, scoped = _this$options.scoped;
-    var options = _extends({
-      classes: this.classes,
-      parent,
-      sheet,
-      jss,
-      Renderer,
-      generateId,
-      scoped,
-      name,
-      keyframes: this.keyframes,
-      selector: void 0
-    }, ruleOptions);
-    var key = name;
-    if (name in this.raw) {
-      key = name + "-d" + this.counter++;
-    }
-    this.raw[key] = decl;
-    if (key in this.classes) {
-      options.selector = "." + escape(this.classes[key]);
-    }
-    var rule = createRule(key, decl, options);
-    if (!rule) return null;
-    this.register(rule);
-    var index2 = options.index === void 0 ? this.index.length : options.index;
-    this.index.splice(index2, 0, rule);
-    return rule;
-  };
-  _proto.replace = function replace(name, decl, ruleOptions) {
-    var oldRule = this.get(name);
-    var oldIndex = this.index.indexOf(oldRule);
-    if (oldRule) {
-      this.remove(oldRule);
-    }
-    var options = ruleOptions;
-    if (oldIndex !== -1) options = _extends({}, ruleOptions, {
-      index: oldIndex
-    });
-    return this.add(name, decl, options);
-  };
-  _proto.get = function get(nameOrSelector) {
-    return this.map[nameOrSelector];
-  };
-  _proto.remove = function remove(rule) {
-    this.unregister(rule);
-    delete this.raw[rule.key];
-    this.index.splice(this.index.indexOf(rule), 1);
-  };
-  _proto.indexOf = function indexOf(rule) {
-    return this.index.indexOf(rule);
-  };
-  _proto.process = function process() {
-    var plugins2 = this.options.jss.plugins;
-    this.index.slice(0).forEach(plugins2.onProcessRule, plugins2);
-  };
-  _proto.register = function register(rule) {
-    this.map[rule.key] = rule;
-    if (rule instanceof StyleRule) {
-      this.map[rule.selector] = rule;
-      if (rule.id) this.classes[rule.key] = rule.id;
-    } else if (rule instanceof KeyframesRule && this.keyframes) {
-      this.keyframes[rule.name] = rule.id;
-    }
-  };
-  _proto.unregister = function unregister(rule) {
-    delete this.map[rule.key];
-    if (rule instanceof StyleRule) {
-      delete this.map[rule.selector];
-      delete this.classes[rule.key];
-    } else if (rule instanceof KeyframesRule) {
-      delete this.keyframes[rule.name];
-    }
-  };
-  _proto.update = function update2() {
-    var name;
-    var data;
-    var options;
-    if (typeof (arguments.length <= 0 ? void 0 : arguments[0]) === "string") {
-      name = arguments.length <= 0 ? void 0 : arguments[0];
-      data = arguments.length <= 1 ? void 0 : arguments[1];
-      options = arguments.length <= 2 ? void 0 : arguments[2];
-    } else {
-      data = arguments.length <= 0 ? void 0 : arguments[0];
-      options = arguments.length <= 1 ? void 0 : arguments[1];
-      name = null;
-    }
-    if (name) {
-      this.updateOne(this.get(name), data, options);
-    } else {
-      for (var index2 = 0; index2 < this.index.length; index2++) {
-        this.updateOne(this.index[index2], data, options);
-      }
-    }
-  };
-  _proto.updateOne = function updateOne(rule, data, options) {
-    if (options === void 0) {
-      options = defaultUpdateOptions;
-    }
-    var _this$options2 = this.options, plugins2 = _this$options2.jss.plugins, sheet = _this$options2.sheet;
-    if (rule.rules instanceof RuleList2) {
-      rule.rules.update(data, options);
-      return;
-    }
-    var style = rule.style;
-    plugins2.onUpdate(data, rule, sheet, options);
-    if (options.process && style && style !== rule.style) {
-      plugins2.onProcessStyle(rule.style, rule, sheet);
-      for (var prop in rule.style) {
-        var nextValue = rule.style[prop];
-        var prevValue = style[prop];
-        if (nextValue !== prevValue) {
-          rule.prop(prop, nextValue, forceUpdateOptions);
-        }
-      }
-      for (var _prop in style) {
-        var _nextValue = rule.style[_prop];
-        var _prevValue = style[_prop];
-        if (_nextValue == null && _nextValue !== _prevValue) {
-          rule.prop(_prop, null, forceUpdateOptions);
-        }
-      }
-    }
-  };
-  _proto.toString = function toString(options) {
-    var str = "";
-    var sheet = this.options.sheet;
-    var link = sheet ? sheet.options.link : false;
-    var _getWhitespaceSymbols = getWhitespaceSymbols(options), linebreak = _getWhitespaceSymbols.linebreak;
-    for (var index2 = 0; index2 < this.index.length; index2++) {
-      var rule = this.index[index2];
-      var css2 = rule.toString(options);
-      if (!css2 && !link) continue;
-      if (str) str += linebreak;
-      str += css2;
-    }
-    return str;
-  };
-  return RuleList2;
-}();
-var StyleSheet = /* @__PURE__ */ function() {
-  function StyleSheet2(styles2, options) {
-    this.attached = false;
-    this.deployed = false;
-    this.classes = {};
-    this.keyframes = {};
-    this.options = _extends({}, options, {
-      sheet: this,
-      parent: this,
-      classes: this.classes,
-      keyframes: this.keyframes
-    });
-    if (options.Renderer) {
-      this.renderer = new options.Renderer(this);
-    }
-    this.rules = new RuleList(this.options);
-    for (var name in styles2) {
-      this.rules.add(name, styles2[name]);
-    }
-    this.rules.process();
-  }
-  var _proto = StyleSheet2.prototype;
-  _proto.attach = function attach2() {
-    if (this.attached) return this;
-    if (this.renderer) this.renderer.attach();
-    this.attached = true;
-    if (!this.deployed) this.deploy();
-    return this;
-  };
-  _proto.detach = function detach2() {
-    if (!this.attached) return this;
-    if (this.renderer) this.renderer.detach();
-    this.attached = false;
-    return this;
-  };
-  _proto.addRule = function addRule(name, decl, options) {
-    var queue = this.queue;
-    if (this.attached && !queue) this.queue = [];
-    var rule = this.rules.add(name, decl, options);
-    if (!rule) return null;
-    this.options.jss.plugins.onProcessRule(rule);
-    if (this.attached) {
-      if (!this.deployed) return rule;
-      if (queue) queue.push(rule);
-      else {
-        this.insertRule(rule);
-        if (this.queue) {
-          this.queue.forEach(this.insertRule, this);
-          this.queue = void 0;
-        }
-      }
-      return rule;
-    }
-    this.deployed = false;
-    return rule;
-  };
-  _proto.replaceRule = function replaceRule(nameOrSelector, decl, options) {
-    var oldRule = this.rules.get(nameOrSelector);
-    if (!oldRule) return this.addRule(nameOrSelector, decl, options);
-    var newRule = this.rules.replace(nameOrSelector, decl, options);
-    if (newRule) {
-      this.options.jss.plugins.onProcessRule(newRule);
-    }
-    if (this.attached) {
-      if (!this.deployed) return newRule;
-      if (this.renderer) {
-        if (!newRule) {
-          this.renderer.deleteRule(oldRule);
-        } else if (oldRule.renderable) {
-          this.renderer.replaceRule(oldRule.renderable, newRule);
-        }
-      }
-      return newRule;
-    }
-    this.deployed = false;
-    return newRule;
-  };
-  _proto.insertRule = function insertRule2(rule) {
-    if (this.renderer) {
-      this.renderer.insertRule(rule);
-    }
-  };
-  _proto.addRules = function addRules(styles2, options) {
-    var added = [];
-    for (var name in styles2) {
-      var rule = this.addRule(name, styles2[name], options);
-      if (rule) added.push(rule);
-    }
-    return added;
-  };
-  _proto.getRule = function getRule(nameOrSelector) {
-    return this.rules.get(nameOrSelector);
-  };
-  _proto.deleteRule = function deleteRule(name) {
-    var rule = typeof name === "object" ? name : this.rules.get(name);
-    if (!rule || // Style sheet was created without link: true and attached, in this case we
-    // won't be able to remove the CSS rule from the DOM.
-    this.attached && !rule.renderable) {
-      return false;
-    }
-    this.rules.remove(rule);
-    if (this.attached && rule.renderable && this.renderer) {
-      return this.renderer.deleteRule(rule.renderable);
-    }
-    return true;
-  };
-  _proto.indexOf = function indexOf(rule) {
-    return this.rules.indexOf(rule);
-  };
-  _proto.deploy = function deploy() {
-    if (this.renderer) this.renderer.deploy();
-    this.deployed = true;
-    return this;
-  };
-  _proto.update = function update2() {
-    var _this$rules;
-    (_this$rules = this.rules).update.apply(_this$rules, arguments);
-    return this;
-  };
-  _proto.updateOne = function updateOne(rule, data, options) {
-    this.rules.updateOne(rule, data, options);
-    return this;
-  };
-  _proto.toString = function toString(options) {
-    return this.rules.toString(options);
-  };
-  return StyleSheet2;
-}();
-var PluginsRegistry = /* @__PURE__ */ function() {
-  function PluginsRegistry2() {
-    this.plugins = {
-      internal: [],
-      external: []
-    };
-    this.registry = {};
-  }
-  var _proto = PluginsRegistry2.prototype;
-  _proto.onCreateRule = function onCreateRule8(name, decl, options) {
-    for (var i = 0; i < this.registry.onCreateRule.length; i++) {
-      var rule = this.registry.onCreateRule[i](name, decl, options);
-      if (rule) return rule;
-    }
-    return null;
-  };
-  _proto.onProcessRule = function onProcessRule(rule) {
-    if (rule.isProcessed) return;
-    var sheet = rule.options.sheet;
-    for (var i = 0; i < this.registry.onProcessRule.length; i++) {
-      this.registry.onProcessRule[i](rule, sheet);
-    }
-    if (rule.style) this.onProcessStyle(rule.style, rule, sheet);
-    rule.isProcessed = true;
-  };
-  _proto.onProcessStyle = function onProcessStyle2(style, rule, sheet) {
-    for (var i = 0; i < this.registry.onProcessStyle.length; i++) {
-      rule.style = this.registry.onProcessStyle[i](rule.style, rule, sheet);
-    }
-  };
-  _proto.onProcessSheet = function onProcessSheet(sheet) {
-    for (var i = 0; i < this.registry.onProcessSheet.length; i++) {
-      this.registry.onProcessSheet[i](sheet);
-    }
-  };
-  _proto.onUpdate = function onUpdate(data, rule, sheet, options) {
-    for (var i = 0; i < this.registry.onUpdate.length; i++) {
-      this.registry.onUpdate[i](data, rule, sheet, options);
-    }
-  };
-  _proto.onChangeValue = function onChangeValue2(value, prop, rule) {
-    var processedValue = value;
-    for (var i = 0; i < this.registry.onChangeValue.length; i++) {
-      processedValue = this.registry.onChangeValue[i](processedValue, prop, rule);
-    }
-    return processedValue;
-  };
-  _proto.use = function use(newPlugin, options) {
-    if (options === void 0) {
-      options = {
-        queue: "external"
-      };
-    }
-    var plugins2 = this.plugins[options.queue];
-    if (plugins2.indexOf(newPlugin) !== -1) {
-      return;
-    }
-    plugins2.push(newPlugin);
-    this.registry = [].concat(this.plugins.external, this.plugins.internal).reduce(function(registry, plugin) {
-      for (var name in plugin) {
-        if (name in registry) {
-          registry[name].push(plugin[name]);
-        } else {
-          process$1.env.NODE_ENV !== "production" ? warning(false, '[JSS] Unknown hook "' + name + '".') : void 0;
-        }
-      }
-      return registry;
-    }, {
-      onCreateRule: [],
-      onProcessRule: [],
-      onProcessStyle: [],
-      onProcessSheet: [],
-      onChangeValue: [],
-      onUpdate: []
-    });
-  };
-  return PluginsRegistry2;
-}();
-var SheetsRegistry = /* @__PURE__ */ function() {
-  function SheetsRegistry2() {
-    this.registry = [];
-  }
-  var _proto = SheetsRegistry2.prototype;
-  _proto.add = function add(sheet) {
-    var registry = this.registry;
-    var index2 = sheet.options.index;
-    if (registry.indexOf(sheet) !== -1) return;
-    if (registry.length === 0 || index2 >= this.index) {
-      registry.push(sheet);
-      return;
-    }
-    for (var i = 0; i < registry.length; i++) {
-      if (registry[i].options.index > index2) {
-        registry.splice(i, 0, sheet);
-        return;
-      }
-    }
-  };
-  _proto.reset = function reset() {
-    this.registry = [];
-  };
-  _proto.remove = function remove(sheet) {
-    var index2 = this.registry.indexOf(sheet);
-    this.registry.splice(index2, 1);
-  };
-  _proto.toString = function toString(_temp) {
-    var _ref = _temp === void 0 ? {} : _temp, attached = _ref.attached, options = _objectWithoutPropertiesLoose(_ref, ["attached"]);
-    var _getWhitespaceSymbols = getWhitespaceSymbols(options), linebreak = _getWhitespaceSymbols.linebreak;
-    var css2 = "";
-    for (var i = 0; i < this.registry.length; i++) {
-      var sheet = this.registry[i];
-      if (attached != null && sheet.attached !== attached) {
-        continue;
-      }
-      if (css2) css2 += linebreak;
-      css2 += sheet.toString(options);
-    }
-    return css2;
-  };
-  _createClass(SheetsRegistry2, [{
-    key: "index",
-    /**
-     * Current highest index number.
-     */
-    get: function get() {
-      return this.registry.length === 0 ? 0 : this.registry[this.registry.length - 1].options.index;
-    }
-  }]);
-  return SheetsRegistry2;
-}();
-var sheets = new SheetsRegistry();
-var globalThis$1 = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" && window.Math === Math ? window : typeof self !== "undefined" && self.Math === Math ? self : Function("return this")();
-var ns = "2f1acc6c3a606b082e5eef5e54414ffb";
-if (globalThis$1[ns] == null) globalThis$1[ns] = 0;
-var moduleId = globalThis$1[ns]++;
-var maxRules = 1e10;
-var createGenerateId = function createGenerateId2(options) {
-  if (options === void 0) {
-    options = {};
-  }
-  var ruleCounter = 0;
-  var generateId = function generateId2(rule, sheet) {
-    ruleCounter += 1;
-    if (ruleCounter > maxRules) {
-      process$1.env.NODE_ENV !== "production" ? warning(false, "[JSS] You might have a memory leak. Rule counter is at " + ruleCounter + ".") : void 0;
-    }
-    var jssId = "";
-    var prefix2 = "";
-    if (sheet) {
-      if (sheet.options.classNamePrefix) {
-        prefix2 = sheet.options.classNamePrefix;
-      }
-      if (sheet.options.jss.id != null) {
-        jssId = String(sheet.options.jss.id);
-      }
-    }
-    if (options.minify) {
-      return "" + (prefix2 || "c") + moduleId + jssId + ruleCounter;
-    }
-    return prefix2 + rule.key + "-" + moduleId + (jssId ? "-" + jssId : "") + "-" + ruleCounter;
-  };
-  return generateId;
-};
-var memoize = function memoize2(fn) {
-  var value;
-  return function() {
-    if (!value) value = fn();
-    return value;
-  };
-};
-var getPropertyValue = function getPropertyValue2(cssRule, prop) {
-  try {
-    if (cssRule.attributeStyleMap) {
-      return cssRule.attributeStyleMap.get(prop);
-    }
-    return cssRule.style.getPropertyValue(prop);
-  } catch (err) {
-    return "";
-  }
-};
-var setProperty = function setProperty2(cssRule, prop, value) {
-  try {
-    var cssValue = value;
-    if (Array.isArray(value)) {
-      cssValue = toCssValue(value);
-    }
-    if (cssRule.attributeStyleMap) {
-      cssRule.attributeStyleMap.set(prop, cssValue);
-    } else {
-      var indexOfImportantFlag = cssValue ? cssValue.indexOf("!important") : -1;
-      var cssValueWithoutImportantFlag = indexOfImportantFlag > -1 ? cssValue.substr(0, indexOfImportantFlag - 1) : cssValue;
-      cssRule.style.setProperty(prop, cssValueWithoutImportantFlag, indexOfImportantFlag > -1 ? "important" : "");
-    }
-  } catch (err) {
-    return false;
-  }
-  return true;
-};
-var removeProperty = function removeProperty2(cssRule, prop) {
-  try {
-    if (cssRule.attributeStyleMap) {
-      cssRule.attributeStyleMap.delete(prop);
-    } else {
-      cssRule.style.removeProperty(prop);
-    }
-  } catch (err) {
-    process$1.env.NODE_ENV !== "production" ? warning(false, '[JSS] DOMException "' + err.message + '" was thrown. Tried to remove property "' + prop + '".') : void 0;
-  }
-};
-var setSelector = function setSelector2(cssRule, selectorText) {
-  cssRule.selectorText = selectorText;
-  return cssRule.selectorText === selectorText;
-};
-var getHead = memoize(function() {
-  return document.querySelector("head");
-});
-function findHigherSheet(registry, options) {
-  for (var i = 0; i < registry.length; i++) {
-    var sheet = registry[i];
-    if (sheet.attached && sheet.options.index > options.index && sheet.options.insertionPoint === options.insertionPoint) {
-      return sheet;
-    }
-  }
-  return null;
-}
-function findHighestSheet(registry, options) {
-  for (var i = registry.length - 1; i >= 0; i--) {
-    var sheet = registry[i];
-    if (sheet.attached && sheet.options.insertionPoint === options.insertionPoint) {
-      return sheet;
-    }
-  }
-  return null;
-}
-function findCommentNode(text) {
-  var head = getHead();
-  for (var i = 0; i < head.childNodes.length; i++) {
-    var node = head.childNodes[i];
-    if (node.nodeType === 8 && node.nodeValue.trim() === text) {
-      return node;
-    }
-  }
-  return null;
-}
-function findPrevNode(options) {
-  var registry = sheets.registry;
-  if (registry.length > 0) {
-    var sheet = findHigherSheet(registry, options);
-    if (sheet && sheet.renderer) {
-      return {
-        parent: sheet.renderer.element.parentNode,
-        node: sheet.renderer.element
-      };
-    }
-    sheet = findHighestSheet(registry, options);
-    if (sheet && sheet.renderer) {
-      return {
-        parent: sheet.renderer.element.parentNode,
-        node: sheet.renderer.element.nextSibling
-      };
-    }
-  }
-  var insertionPoint = options.insertionPoint;
-  if (insertionPoint && typeof insertionPoint === "string") {
-    var comment = findCommentNode(insertionPoint);
-    if (comment) {
-      return {
-        parent: comment.parentNode,
-        node: comment.nextSibling
-      };
-    }
-    process$1.env.NODE_ENV !== "production" ? warning(false, '[JSS] Insertion point "' + insertionPoint + '" not found.') : void 0;
-  }
-  return false;
-}
-function insertStyle(style, options) {
-  var insertionPoint = options.insertionPoint;
-  var nextNode = findPrevNode(options);
-  if (nextNode !== false && nextNode.parent) {
-    nextNode.parent.insertBefore(style, nextNode.node);
-    return;
-  }
-  if (insertionPoint && typeof insertionPoint.nodeType === "number") {
-    var insertionPointElement = insertionPoint;
-    var parentNode = insertionPointElement.parentNode;
-    if (parentNode) parentNode.insertBefore(style, insertionPointElement.nextSibling);
-    else process$1.env.NODE_ENV !== "production" ? warning(false, "[JSS] Insertion point is not in the DOM.") : void 0;
-    return;
-  }
-  getHead().appendChild(style);
-}
-var getNonce = memoize(function() {
-  var node = document.querySelector('meta[property="csp-nonce"]');
-  return node ? node.getAttribute("content") : null;
-});
-var _insertRule = function insertRule(container, rule, index2) {
-  try {
-    if ("insertRule" in container) {
-      container.insertRule(rule, index2);
-    } else if ("appendRule" in container) {
-      container.appendRule(rule);
-    }
-  } catch (err) {
-    process$1.env.NODE_ENV !== "production" ? warning(false, "[JSS] " + err.message) : void 0;
-    return false;
-  }
-  return container.cssRules[index2];
-};
-var getValidRuleInsertionIndex = function getValidRuleInsertionIndex2(container, index2) {
-  var maxIndex = container.cssRules.length;
-  if (index2 === void 0 || index2 > maxIndex) {
-    return maxIndex;
-  }
-  return index2;
-};
-var createStyle = function createStyle2() {
-  var el2 = document.createElement("style");
-  el2.textContent = "\n";
-  return el2;
-};
-var DomRenderer = /* @__PURE__ */ function() {
-  function DomRenderer2(sheet) {
-    this.getPropertyValue = getPropertyValue;
-    this.setProperty = setProperty;
-    this.removeProperty = removeProperty;
-    this.setSelector = setSelector;
-    this.hasInsertedRules = false;
-    this.cssRules = [];
-    if (sheet) sheets.add(sheet);
-    this.sheet = sheet;
-    var _ref = this.sheet ? this.sheet.options : {}, media = _ref.media, meta = _ref.meta, element = _ref.element;
-    this.element = element || createStyle();
-    this.element.setAttribute("data-jss", "");
-    if (media) this.element.setAttribute("media", media);
-    if (meta) this.element.setAttribute("data-meta", meta);
-    var nonce = getNonce();
-    if (nonce) this.element.setAttribute("nonce", nonce);
-  }
-  var _proto = DomRenderer2.prototype;
-  _proto.attach = function attach2() {
-    if (this.element.parentNode || !this.sheet) return;
-    insertStyle(this.element, this.sheet.options);
-    var deployed = Boolean(this.sheet && this.sheet.deployed);
-    if (this.hasInsertedRules && deployed) {
-      this.hasInsertedRules = false;
-      this.deploy();
-    }
-  };
-  _proto.detach = function detach2() {
-    if (!this.sheet) return;
-    var parentNode = this.element.parentNode;
-    if (parentNode) parentNode.removeChild(this.element);
-    if (this.sheet.options.link) {
-      this.cssRules = [];
-      this.element.textContent = "\n";
-    }
-  };
-  _proto.deploy = function deploy() {
-    var sheet = this.sheet;
-    if (!sheet) return;
-    if (sheet.options.link) {
-      this.insertRules(sheet.rules);
-      return;
-    }
-    this.element.textContent = "\n" + sheet.toString() + "\n";
-  };
-  _proto.insertRules = function insertRules(rules, nativeParent) {
-    for (var i = 0; i < rules.index.length; i++) {
-      this.insertRule(rules.index[i], i, nativeParent);
-    }
-  };
-  _proto.insertRule = function insertRule2(rule, index2, nativeParent) {
-    if (nativeParent === void 0) {
-      nativeParent = this.element.sheet;
-    }
-    if (rule.rules) {
-      var parent = rule;
-      var latestNativeParent = nativeParent;
-      if (rule.type === "conditional" || rule.type === "keyframes") {
-        var _insertionIndex = getValidRuleInsertionIndex(nativeParent, index2);
-        latestNativeParent = _insertRule(nativeParent, parent.toString({
-          children: false
-        }), _insertionIndex);
-        if (latestNativeParent === false) {
-          return false;
-        }
-        this.refCssRule(rule, _insertionIndex, latestNativeParent);
-      }
-      this.insertRules(parent.rules, latestNativeParent);
-      return latestNativeParent;
-    }
-    var ruleStr = rule.toString();
-    if (!ruleStr) return false;
-    var insertionIndex = getValidRuleInsertionIndex(nativeParent, index2);
-    var nativeRule = _insertRule(nativeParent, ruleStr, insertionIndex);
-    if (nativeRule === false) {
-      return false;
-    }
-    this.hasInsertedRules = true;
-    this.refCssRule(rule, insertionIndex, nativeRule);
-    return nativeRule;
-  };
-  _proto.refCssRule = function refCssRule(rule, index2, cssRule) {
-    rule.renderable = cssRule;
-    if (rule.options.parent instanceof StyleSheet) {
-      this.cssRules.splice(index2, 0, cssRule);
-    }
-  };
-  _proto.deleteRule = function deleteRule(cssRule) {
-    var sheet = this.element.sheet;
-    var index2 = this.indexOf(cssRule);
-    if (index2 === -1) return false;
-    sheet.deleteRule(index2);
-    this.cssRules.splice(index2, 1);
-    return true;
-  };
-  _proto.indexOf = function indexOf(cssRule) {
-    return this.cssRules.indexOf(cssRule);
-  };
-  _proto.replaceRule = function replaceRule(cssRule, rule) {
-    var index2 = this.indexOf(cssRule);
-    if (index2 === -1) return false;
-    this.element.sheet.deleteRule(index2);
-    this.cssRules.splice(index2, 1);
-    return this.insertRule(rule, index2);
-  };
-  _proto.getRules = function getRules() {
-    return this.element.sheet.cssRules;
-  };
-  return DomRenderer2;
-}();
-var instanceCounter = 0;
-var Jss = /* @__PURE__ */ function() {
-  function Jss2(options) {
-    this.id = instanceCounter++;
-    this.version = "10.10.0";
-    this.plugins = new PluginsRegistry();
-    this.options = {
-      id: {
-        minify: false
-      },
-      createGenerateId,
-      Renderer: isBrowser ? DomRenderer : null,
-      plugins: []
-    };
-    this.generateId = createGenerateId({
-      minify: false
-    });
-    for (var i = 0; i < plugins$1.length; i++) {
-      this.plugins.use(plugins$1[i], {
-        queue: "internal"
-      });
-    }
-    this.setup(options);
-  }
-  var _proto = Jss2.prototype;
-  _proto.setup = function setup(options) {
-    if (options === void 0) {
-      options = {};
-    }
-    if (options.createGenerateId) {
-      this.options.createGenerateId = options.createGenerateId;
-    }
-    if (options.id) {
-      this.options.id = _extends({}, this.options.id, options.id);
-    }
-    if (options.createGenerateId || options.id) {
-      this.generateId = this.options.createGenerateId(this.options.id);
-    }
-    if (options.insertionPoint != null) this.options.insertionPoint = options.insertionPoint;
-    if ("Renderer" in options) {
-      this.options.Renderer = options.Renderer;
-    }
-    if (options.plugins) this.use.apply(this, options.plugins);
-    return this;
-  };
-  _proto.createStyleSheet = function createStyleSheet(styles2, options) {
-    if (options === void 0) {
-      options = {};
-    }
-    var _options = options, index2 = _options.index;
-    if (typeof index2 !== "number") {
-      index2 = sheets.index === 0 ? 0 : sheets.index + 1;
-    }
-    var sheet = new StyleSheet(styles2, _extends({}, options, {
-      jss: this,
-      generateId: options.generateId || this.generateId,
-      insertionPoint: this.options.insertionPoint,
-      Renderer: this.options.Renderer,
-      index: index2
-    }));
-    this.plugins.onProcessSheet(sheet);
-    return sheet;
-  };
-  _proto.removeStyleSheet = function removeStyleSheet(sheet) {
-    sheet.detach();
-    sheets.remove(sheet);
-    return this;
-  };
-  _proto.createRule = function createRule$1(name, style, options) {
-    if (style === void 0) {
-      style = {};
-    }
-    if (options === void 0) {
-      options = {};
-    }
-    if (typeof name === "object") {
-      return this.createRule(void 0, name, style);
-    }
-    var ruleOptions = _extends({}, options, {
-      name,
-      jss: this,
-      Renderer: this.options.Renderer
-    });
-    if (!ruleOptions.generateId) ruleOptions.generateId = this.generateId;
-    if (!ruleOptions.classes) ruleOptions.classes = {};
-    if (!ruleOptions.keyframes) ruleOptions.keyframes = {};
-    var rule = createRule(name, style, ruleOptions);
-    if (rule) this.plugins.onProcessRule(rule);
-    return rule;
-  };
-  _proto.use = function use() {
-    var _this = this;
-    for (var _len = arguments.length, plugins2 = new Array(_len), _key = 0; _key < _len; _key++) {
-      plugins2[_key] = arguments[_key];
-    }
-    plugins2.forEach(function(plugin) {
-      _this.plugins.use(plugin);
-    });
-    return this;
-  };
-  return Jss2;
-}();
-var createJss = function createJss2(options) {
-  return new Jss(options);
-};
-var hasCSSTOMSupport = typeof CSS === "object" && CSS != null && "number" in CSS;
-function getDynamicStyles(styles2) {
-  var to = null;
-  for (var key in styles2) {
-    var value = styles2[key];
-    var type = typeof value;
-    if (type === "function") {
-      if (!to) to = {};
-      to[key] = value;
-    } else if (type === "object" && value !== null && !Array.isArray(value)) {
-      var extracted = getDynamicStyles(value);
-      if (extracted) {
-        if (!to) to = {};
-        to[key] = extracted;
-      }
-    }
-  }
-  return to;
-}
-createJss();
-var now = Date.now();
-var fnValuesNs = "fnValues" + now;
-var fnRuleNs = "fnStyle" + ++now;
-var functionPlugin = function functionPlugin2() {
-  return {
-    onCreateRule: function onCreateRule8(name, decl, options) {
-      if (typeof decl !== "function") return null;
-      var rule = createRule(name, {}, options);
-      rule[fnRuleNs] = decl;
-      return rule;
-    },
-    onProcessStyle: function onProcessStyle2(style, rule) {
-      if (fnValuesNs in rule || fnRuleNs in rule) return style;
-      var fnValues = {};
-      for (var prop in style) {
-        var value = style[prop];
-        if (typeof value !== "function") continue;
-        delete style[prop];
-        fnValues[prop] = value;
-      }
-      rule[fnValuesNs] = fnValues;
-      return style;
-    },
-    onUpdate: function onUpdate(data, rule, sheet, options) {
-      var styleRule = rule;
-      var fnRule = styleRule[fnRuleNs];
-      if (fnRule) {
-        styleRule.style = fnRule(data) || {};
-        if (process$1.env.NODE_ENV === "development") {
-          for (var prop in styleRule.style) {
-            if (typeof styleRule.style[prop] === "function") {
-              process$1.env.NODE_ENV !== "production" ? warning(false, "[JSS] Function values inside function rules are not supported.") : void 0;
-              break;
-            }
-          }
-        }
-      }
-      var fnValues = styleRule[fnValuesNs];
-      if (fnValues) {
-        for (var _prop in fnValues) {
-          styleRule.prop(_prop, fnValues[_prop](data), options);
-        }
-      }
-    }
-  };
-};
-var at = "@global";
-var atPrefix = "@global ";
-var GlobalContainerRule = /* @__PURE__ */ function() {
-  function GlobalContainerRule2(key, styles2, options) {
-    this.type = "global";
-    this.at = at;
-    this.isProcessed = false;
-    this.key = key;
-    this.options = options;
-    this.rules = new RuleList(_extends({}, options, {
-      parent: this
-    }));
-    for (var selector in styles2) {
-      this.rules.add(selector, styles2[selector]);
-    }
-    this.rules.process();
-  }
-  var _proto = GlobalContainerRule2.prototype;
-  _proto.getRule = function getRule(name) {
-    return this.rules.get(name);
-  };
-  _proto.addRule = function addRule(name, style, options) {
-    var rule = this.rules.add(name, style, options);
-    if (rule) this.options.jss.plugins.onProcessRule(rule);
-    return rule;
-  };
-  _proto.replaceRule = function replaceRule(name, style, options) {
-    var newRule = this.rules.replace(name, style, options);
-    if (newRule) this.options.jss.plugins.onProcessRule(newRule);
-    return newRule;
-  };
-  _proto.indexOf = function indexOf(rule) {
-    return this.rules.indexOf(rule);
-  };
-  _proto.toString = function toString(options) {
-    return this.rules.toString(options);
-  };
-  return GlobalContainerRule2;
-}();
-var GlobalPrefixedRule = /* @__PURE__ */ function() {
-  function GlobalPrefixedRule2(key, style, options) {
-    this.type = "global";
-    this.at = at;
-    this.isProcessed = false;
-    this.key = key;
-    this.options = options;
-    var selector = key.substr(atPrefix.length);
-    this.rule = options.jss.createRule(selector, style, _extends({}, options, {
-      parent: this
-    }));
-  }
-  var _proto2 = GlobalPrefixedRule2.prototype;
-  _proto2.toString = function toString(options) {
-    return this.rule ? this.rule.toString(options) : "";
-  };
-  return GlobalPrefixedRule2;
-}();
-var separatorRegExp$1 = /\s*,\s*/g;
-function addScope(selector, scope) {
-  var parts = selector.split(separatorRegExp$1);
-  var scoped = "";
-  for (var i = 0; i < parts.length; i++) {
-    scoped += scope + " " + parts[i].trim();
-    if (parts[i + 1]) scoped += ", ";
-  }
-  return scoped;
-}
-function handleNestedGlobalContainerRule(rule, sheet) {
-  var options = rule.options, style = rule.style;
-  var rules = style ? style[at] : null;
-  if (!rules) return;
-  for (var name in rules) {
-    sheet.addRule(name, rules[name], _extends({}, options, {
-      selector: addScope(name, rule.selector)
-    }));
-  }
-  delete style[at];
-}
-function handlePrefixedGlobalRule(rule, sheet) {
-  var options = rule.options, style = rule.style;
-  for (var prop in style) {
-    if (prop[0] !== "@" || prop.substr(0, at.length) !== at) continue;
-    var selector = addScope(prop.substr(at.length), rule.selector);
-    sheet.addRule(selector, style[prop], _extends({}, options, {
-      selector
-    }));
-    delete style[prop];
-  }
-}
-function jssGlobal() {
-  function onCreateRule8(name, styles2, options) {
-    if (!name) return null;
-    if (name === at) {
-      return new GlobalContainerRule(name, styles2, options);
-    }
-    if (name[0] === "@" && name.substr(0, atPrefix.length) === atPrefix) {
-      return new GlobalPrefixedRule(name, styles2, options);
-    }
-    var parent = options.parent;
-    if (parent) {
-      if (parent.type === "global" || parent.options.parent && parent.options.parent.type === "global") {
-        options.scoped = false;
-      }
-    }
-    if (!options.selector && options.scoped === false) {
-      options.selector = name;
-    }
-    return null;
-  }
-  function onProcessRule(rule, sheet) {
-    if (rule.type !== "style" || !sheet) return;
-    handleNestedGlobalContainerRule(rule, sheet);
-    handlePrefixedGlobalRule(rule, sheet);
-  }
-  return {
-    onCreateRule: onCreateRule8,
-    onProcessRule
-  };
-}
-var separatorRegExp = /\s*,\s*/g;
-var parentRegExp = /&/g;
-var refRegExp = /\$([\w-]+)/g;
-function jssNested() {
-  function getReplaceRef(container, sheet) {
-    return function(match, key) {
-      var rule = container.getRule(key) || sheet && sheet.getRule(key);
-      if (rule) {
-        return rule.selector;
-      }
-      process$1.env.NODE_ENV !== "production" ? warning(false, '[JSS] Could not find the referenced rule "' + key + '" in "' + (container.options.meta || container.toString()) + '".') : void 0;
-      return key;
-    };
-  }
-  function replaceParentRefs(nestedProp, parentProp) {
-    var parentSelectors = parentProp.split(separatorRegExp);
-    var nestedSelectors = nestedProp.split(separatorRegExp);
-    var result = "";
-    for (var i = 0; i < parentSelectors.length; i++) {
-      var parent = parentSelectors[i];
-      for (var j = 0; j < nestedSelectors.length; j++) {
-        var nested2 = nestedSelectors[j];
-        if (result) result += ", ";
-        result += nested2.indexOf("&") !== -1 ? nested2.replace(parentRegExp, parent) : parent + " " + nested2;
-      }
-    }
-    return result;
-  }
-  function getOptions(rule, container, prevOptions) {
-    if (prevOptions) return _extends({}, prevOptions, {
-      index: prevOptions.index + 1
-    });
-    var nestingLevel = rule.options.nestingLevel;
-    nestingLevel = nestingLevel === void 0 ? 1 : nestingLevel + 1;
-    var options = _extends({}, rule.options, {
-      nestingLevel,
-      index: container.indexOf(rule) + 1
-      // We don't need the parent name to be set options for chlid.
-    });
-    delete options.name;
-    return options;
-  }
-  function onProcessStyle2(style, rule, sheet) {
-    if (rule.type !== "style") return style;
-    var styleRule = rule;
-    var container = styleRule.options.parent;
-    var options;
-    var replaceRef3;
-    for (var prop in style) {
-      var isNested = prop.indexOf("&") !== -1;
-      var isNestedConditional = prop[0] === "@";
-      if (!isNested && !isNestedConditional) continue;
-      options = getOptions(styleRule, container, options);
-      if (isNested) {
-        var selector = replaceParentRefs(prop, styleRule.selector);
-        if (!replaceRef3) replaceRef3 = getReplaceRef(container, sheet);
-        selector = selector.replace(refRegExp, replaceRef3);
-        var name = styleRule.key + "-" + prop;
-        if ("replaceRule" in container) {
-          container.replaceRule(name, style[prop], _extends({}, options, {
-            selector
-          }));
-        } else {
-          container.addRule(name, style[prop], _extends({}, options, {
-            selector
-          }));
-        }
-      } else if (isNestedConditional) {
-        container.addRule(prop, {}, options).addRule(styleRule.key, style[prop], {
-          selector: styleRule.selector
-        });
-      }
-      delete style[prop];
-    }
-    return style;
-  }
-  return {
-    onProcessStyle: onProcessStyle2
-  };
-}
-var uppercasePattern = /[A-Z]/g;
-var msPattern = /^ms-/;
-var cache$2 = {};
-function toHyphenLower(match) {
-  return "-" + match.toLowerCase();
-}
-function hyphenateStyleName(name) {
-  if (cache$2.hasOwnProperty(name)) {
-    return cache$2[name];
-  }
-  var hName = name.replace(uppercasePattern, toHyphenLower);
-  return cache$2[name] = msPattern.test(hName) ? "-" + hName : hName;
-}
-function convertCase(style) {
-  var converted = {};
-  for (var prop in style) {
-    var key = prop.indexOf("--") === 0 ? prop : hyphenateStyleName(prop);
-    converted[key] = style[prop];
-  }
-  if (style.fallbacks) {
-    if (Array.isArray(style.fallbacks)) converted.fallbacks = style.fallbacks.map(convertCase);
-    else converted.fallbacks = convertCase(style.fallbacks);
-  }
-  return converted;
-}
-function camelCase() {
-  function onProcessStyle2(style) {
-    if (Array.isArray(style)) {
-      for (var index2 = 0; index2 < style.length; index2++) {
-        style[index2] = convertCase(style[index2]);
-      }
-      return style;
-    }
-    return convertCase(style);
-  }
-  function onChangeValue2(value, prop, rule) {
-    if (prop.indexOf("--") === 0) {
-      return value;
-    }
-    var hyphenatedProp = hyphenateStyleName(prop);
-    if (prop === hyphenatedProp) return value;
-    rule.prop(hyphenatedProp, value);
-    return null;
-  }
-  return {
-    onProcessStyle: onProcessStyle2,
-    onChangeValue: onChangeValue2
-  };
-}
-var px = hasCSSTOMSupport && CSS ? CSS.px : "px";
-var ms = hasCSSTOMSupport && CSS ? CSS.ms : "ms";
-var percent = hasCSSTOMSupport && CSS ? CSS.percent : "%";
-var defaultUnits = {
-  // Animation properties
-  "animation-delay": ms,
-  "animation-duration": ms,
-  // Background properties
-  "background-position": px,
-  "background-position-x": px,
-  "background-position-y": px,
-  "background-size": px,
-  // Border Properties
-  border: px,
-  "border-bottom": px,
-  "border-bottom-left-radius": px,
-  "border-bottom-right-radius": px,
-  "border-bottom-width": px,
-  "border-left": px,
-  "border-left-width": px,
-  "border-radius": px,
-  "border-right": px,
-  "border-right-width": px,
-  "border-top": px,
-  "border-top-left-radius": px,
-  "border-top-right-radius": px,
-  "border-top-width": px,
-  "border-width": px,
-  "border-block": px,
-  "border-block-end": px,
-  "border-block-end-width": px,
-  "border-block-start": px,
-  "border-block-start-width": px,
-  "border-block-width": px,
-  "border-inline": px,
-  "border-inline-end": px,
-  "border-inline-end-width": px,
-  "border-inline-start": px,
-  "border-inline-start-width": px,
-  "border-inline-width": px,
-  "border-start-start-radius": px,
-  "border-start-end-radius": px,
-  "border-end-start-radius": px,
-  "border-end-end-radius": px,
-  // Margin properties
-  margin: px,
-  "margin-bottom": px,
-  "margin-left": px,
-  "margin-right": px,
-  "margin-top": px,
-  "margin-block": px,
-  "margin-block-end": px,
-  "margin-block-start": px,
-  "margin-inline": px,
-  "margin-inline-end": px,
-  "margin-inline-start": px,
-  // Padding properties
-  padding: px,
-  "padding-bottom": px,
-  "padding-left": px,
-  "padding-right": px,
-  "padding-top": px,
-  "padding-block": px,
-  "padding-block-end": px,
-  "padding-block-start": px,
-  "padding-inline": px,
-  "padding-inline-end": px,
-  "padding-inline-start": px,
-  // Mask properties
-  "mask-position-x": px,
-  "mask-position-y": px,
-  "mask-size": px,
-  // Width and height properties
-  height: px,
-  width: px,
-  "min-height": px,
-  "max-height": px,
-  "min-width": px,
-  "max-width": px,
-  // Position properties
-  bottom: px,
-  left: px,
-  top: px,
-  right: px,
-  inset: px,
-  "inset-block": px,
-  "inset-block-end": px,
-  "inset-block-start": px,
-  "inset-inline": px,
-  "inset-inline-end": px,
-  "inset-inline-start": px,
-  // Shadow properties
-  "box-shadow": px,
-  "text-shadow": px,
-  // Column properties
-  "column-gap": px,
-  "column-rule": px,
-  "column-rule-width": px,
-  "column-width": px,
-  // Font and text properties
-  "font-size": px,
-  "font-size-delta": px,
-  "letter-spacing": px,
-  "text-decoration-thickness": px,
-  "text-indent": px,
-  "text-stroke": px,
-  "text-stroke-width": px,
-  "word-spacing": px,
-  // Motion properties
-  motion: px,
-  "motion-offset": px,
-  // Outline properties
-  outline: px,
-  "outline-offset": px,
-  "outline-width": px,
-  // Perspective properties
-  perspective: px,
-  "perspective-origin-x": percent,
-  "perspective-origin-y": percent,
-  // Transform properties
-  "transform-origin": percent,
-  "transform-origin-x": percent,
-  "transform-origin-y": percent,
-  "transform-origin-z": percent,
-  // Transition properties
-  "transition-delay": ms,
-  "transition-duration": ms,
-  // Alignment properties
-  "vertical-align": px,
-  "flex-basis": px,
-  // Some random properties
-  "shape-margin": px,
-  size: px,
-  gap: px,
-  // Grid properties
-  grid: px,
-  "grid-gap": px,
-  "row-gap": px,
-  "grid-row-gap": px,
-  "grid-column-gap": px,
-  "grid-template-rows": px,
-  "grid-template-columns": px,
-  "grid-auto-rows": px,
-  "grid-auto-columns": px,
-  // Not existing properties.
-  // Used to avoid issues with jss-plugin-expand integration.
-  "box-shadow-x": px,
-  "box-shadow-y": px,
-  "box-shadow-blur": px,
-  "box-shadow-spread": px,
-  "font-line-height": px,
-  "text-shadow-x": px,
-  "text-shadow-y": px,
-  "text-shadow-blur": px
-};
-function addCamelCasedVersion(obj) {
-  var regExp2 = /(-[a-z])/g;
-  var replace = function replace2(str) {
-    return str[1].toUpperCase();
-  };
-  var newObj = {};
-  for (var key in obj) {
-    newObj[key] = obj[key];
-    newObj[key.replace(regExp2, replace)] = obj[key];
-  }
-  return newObj;
-}
-var units = addCamelCasedVersion(defaultUnits);
-function iterate(prop, value, options) {
-  if (value == null) return value;
-  if (Array.isArray(value)) {
-    for (var i = 0; i < value.length; i++) {
-      value[i] = iterate(prop, value[i], options);
-    }
-  } else if (typeof value === "object") {
-    if (prop === "fallbacks") {
-      for (var innerProp in value) {
-        value[innerProp] = iterate(innerProp, value[innerProp], options);
-      }
-    } else {
-      for (var _innerProp in value) {
-        value[_innerProp] = iterate(prop + "-" + _innerProp, value[_innerProp], options);
-      }
-    }
-  } else if (typeof value === "number" && isNaN(value) === false) {
-    var unit = options[prop] || units[prop];
-    if (unit && !(value === 0 && unit === px)) {
-      return typeof unit === "function" ? unit(value).toString() : "" + value + unit;
-    }
-    return value.toString();
-  }
-  return value;
-}
-function defaultUnit(options) {
-  if (options === void 0) {
-    options = {};
-  }
-  var camelCasedOptions = addCamelCasedVersion(options);
-  function onProcessStyle2(style, rule) {
-    if (rule.type !== "style") return style;
-    for (var prop in style) {
-      style[prop] = iterate(prop, style[prop], camelCasedOptions);
-    }
-    return style;
-  }
-  function onChangeValue2(value, prop) {
-    return iterate(prop, value, camelCasedOptions);
-  }
-  return {
-    onProcessStyle: onProcessStyle2,
-    onChangeValue: onChangeValue2
-  };
-}
-function _arrayLikeToArray(r, a) {
-  (null == a || a > r.length) && (a = r.length);
-  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
-  return n;
-}
-function _arrayWithoutHoles(r) {
-  if (Array.isArray(r)) return _arrayLikeToArray(r);
-}
-function _iterableToArray(r) {
-  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
-}
-function _unsupportedIterableToArray(r, a) {
-  if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray(r, a);
-    var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
-  }
-}
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _toConsumableArray(r) {
-  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
-}
-var js = "";
-var css = "";
-var vendor = "";
-var browser = "";
-var isTouch = isBrowser && "ontouchstart" in document.documentElement;
-if (isBrowser) {
-  var jsCssMap = {
-    Moz: "-moz-",
-    ms: "-ms-",
-    O: "-o-",
-    Webkit: "-webkit-"
-  };
-  var _document$createEleme = document.createElement("p"), style = _document$createEleme.style;
-  var testProp = "Transform";
-  for (var key in jsCssMap) {
-    if (key + testProp in style) {
-      js = key;
-      css = jsCssMap[key];
-      break;
-    }
-  }
-  if (js === "Webkit" && "msHyphens" in style) {
-    js = "ms";
-    css = jsCssMap.ms;
-    browser = "edge";
-  }
-  if (js === "Webkit" && "-apple-trailing-word" in style) {
-    vendor = "apple";
-  }
-}
-var prefix = {
-  js,
-  css,
-  vendor,
-  browser,
-  isTouch
-};
-function supportedKeyframes(key) {
-  if (key[1] === "-") return key;
-  if (prefix.js === "ms") return key;
-  return "@" + prefix.css + "keyframes" + key.substr(10);
-}
-var appearence = {
-  noPrefill: ["appearance"],
-  supportedProperty: function supportedProperty(prop) {
-    if (prop !== "appearance") return false;
-    if (prefix.js === "ms") return "-webkit-" + prop;
-    return prefix.css + prop;
-  }
-};
-var colorAdjust = {
-  noPrefill: ["color-adjust"],
-  supportedProperty: function supportedProperty2(prop) {
-    if (prop !== "color-adjust") return false;
-    if (prefix.js === "Webkit") return prefix.css + "print-" + prop;
-    return prop;
-  }
-};
-var regExp = /[-\s]+(.)?/g;
-function toUpper(match, c) {
-  return c ? c.toUpperCase() : "";
-}
-function camelize(str) {
-  return str.replace(regExp, toUpper);
-}
-function pascalize(str) {
-  return camelize("-" + str);
-}
-var mask = {
-  noPrefill: ["mask"],
-  supportedProperty: function supportedProperty3(prop, style) {
-    if (!/^mask/.test(prop)) return false;
-    if (prefix.js === "Webkit") {
-      var longhand = "mask-image";
-      if (camelize(longhand) in style) {
-        return prop;
-      }
-      if (prefix.js + pascalize(longhand) in style) {
-        return prefix.css + prop;
-      }
-    }
-    return prop;
-  }
-};
-var textOrientation = {
-  noPrefill: ["text-orientation"],
-  supportedProperty: function supportedProperty4(prop) {
-    if (prop !== "text-orientation") return false;
-    if (prefix.vendor === "apple" && !prefix.isTouch) {
-      return prefix.css + prop;
-    }
-    return prop;
-  }
-};
-var transform = {
-  noPrefill: ["transform"],
-  supportedProperty: function supportedProperty5(prop, style, options) {
-    if (prop !== "transform") return false;
-    if (options.transform) {
-      return prop;
-    }
-    return prefix.css + prop;
-  }
-};
-var transition = {
-  noPrefill: ["transition"],
-  supportedProperty: function supportedProperty6(prop, style, options) {
-    if (prop !== "transition") return false;
-    if (options.transition) {
-      return prop;
-    }
-    return prefix.css + prop;
-  }
-};
-var writingMode = {
-  noPrefill: ["writing-mode"],
-  supportedProperty: function supportedProperty7(prop) {
-    if (prop !== "writing-mode") return false;
-    if (prefix.js === "Webkit" || prefix.js === "ms" && prefix.browser !== "edge") {
-      return prefix.css + prop;
-    }
-    return prop;
-  }
-};
-var userSelect = {
-  noPrefill: ["user-select"],
-  supportedProperty: function supportedProperty8(prop) {
-    if (prop !== "user-select") return false;
-    if (prefix.js === "Moz" || prefix.js === "ms" || prefix.vendor === "apple") {
-      return prefix.css + prop;
-    }
-    return prop;
-  }
-};
-var breakPropsOld = {
-  supportedProperty: function supportedProperty9(prop, style) {
-    if (!/^break-/.test(prop)) return false;
-    if (prefix.js === "Webkit") {
-      var jsProp = "WebkitColumn" + pascalize(prop);
-      return jsProp in style ? prefix.css + "column-" + prop : false;
-    }
-    if (prefix.js === "Moz") {
-      var _jsProp = "page" + pascalize(prop);
-      return _jsProp in style ? "page-" + prop : false;
-    }
-    return false;
-  }
-};
-var inlineLogicalOld = {
-  supportedProperty: function supportedProperty10(prop, style) {
-    if (!/^(border|margin|padding)-inline/.test(prop)) return false;
-    if (prefix.js === "Moz") return prop;
-    var newProp = prop.replace("-inline", "");
-    return prefix.js + pascalize(newProp) in style ? prefix.css + newProp : false;
-  }
-};
-var unprefixed = {
-  supportedProperty: function supportedProperty11(prop, style) {
-    return camelize(prop) in style ? prop : false;
-  }
-};
-var prefixed = {
-  supportedProperty: function supportedProperty12(prop, style) {
-    var pascalized = pascalize(prop);
-    if (prop[0] === "-") return prop;
-    if (prop[0] === "-" && prop[1] === "-") return prop;
-    if (prefix.js + pascalized in style) return prefix.css + prop;
-    if (prefix.js !== "Webkit" && "Webkit" + pascalized in style) return "-webkit-" + prop;
-    return false;
-  }
-};
-var scrollSnap = {
-  supportedProperty: function supportedProperty13(prop) {
-    if (prop.substring(0, 11) !== "scroll-snap") return false;
-    if (prefix.js === "ms") {
-      return "" + prefix.css + prop;
-    }
-    return prop;
-  }
-};
-var overscrollBehavior = {
-  supportedProperty: function supportedProperty14(prop) {
-    if (prop !== "overscroll-behavior") return false;
-    if (prefix.js === "ms") {
-      return prefix.css + "scroll-chaining";
-    }
-    return prop;
-  }
-};
-var propMap = {
-  "flex-grow": "flex-positive",
-  "flex-shrink": "flex-negative",
-  "flex-basis": "flex-preferred-size",
-  "justify-content": "flex-pack",
-  order: "flex-order",
-  "align-items": "flex-align",
-  "align-content": "flex-line-pack"
-  // 'align-self' is handled by 'align-self' plugin.
-};
-var flex2012 = {
-  supportedProperty: function supportedProperty15(prop, style) {
-    var newProp = propMap[prop];
-    if (!newProp) return false;
-    return prefix.js + pascalize(newProp) in style ? prefix.css + newProp : false;
-  }
-};
-var propMap$1 = {
-  flex: "box-flex",
-  "flex-grow": "box-flex",
-  "flex-direction": ["box-orient", "box-direction"],
-  order: "box-ordinal-group",
-  "align-items": "box-align",
-  "flex-flow": ["box-orient", "box-direction"],
-  "justify-content": "box-pack"
-};
-var propKeys = Object.keys(propMap$1);
-var prefixCss = function prefixCss2(p) {
-  return prefix.css + p;
-};
-var flex2009 = {
-  supportedProperty: function supportedProperty16(prop, style, _ref) {
-    var multiple = _ref.multiple;
-    if (propKeys.indexOf(prop) > -1) {
-      var newProp = propMap$1[prop];
-      if (!Array.isArray(newProp)) {
-        return prefix.js + pascalize(newProp) in style ? prefix.css + newProp : false;
-      }
-      if (!multiple) return false;
-      for (var i = 0; i < newProp.length; i++) {
-        if (!(prefix.js + pascalize(newProp[0]) in style)) {
-          return false;
-        }
-      }
-      return newProp.map(prefixCss);
-    }
-    return false;
-  }
-};
-var plugins = [appearence, colorAdjust, mask, textOrientation, transform, transition, writingMode, userSelect, breakPropsOld, inlineLogicalOld, unprefixed, prefixed, scrollSnap, overscrollBehavior, flex2012, flex2009];
-var propertyDetectors = plugins.filter(function(p) {
-  return p.supportedProperty;
-}).map(function(p) {
-  return p.supportedProperty;
-});
-var noPrefill = plugins.filter(function(p) {
-  return p.noPrefill;
-}).reduce(function(a, p) {
-  a.push.apply(a, _toConsumableArray(p.noPrefill));
-  return a;
-}, []);
-var el;
-var cache = {};
-if (isBrowser) {
-  el = document.createElement("p");
-  var computed = window.getComputedStyle(document.documentElement, "");
-  for (var key$1 in computed) {
-    if (!isNaN(key$1)) cache[computed[key$1]] = computed[key$1];
-  }
-  noPrefill.forEach(function(x) {
-    return delete cache[x];
-  });
-}
-function supportedProperty17(prop, options) {
-  if (options === void 0) {
-    options = {};
-  }
-  if (!el) return prop;
-  if (process$1.env.NODE_ENV !== "benchmark" && cache[prop] != null) {
-    return cache[prop];
-  }
-  if (prop === "transition" || prop === "transform") {
-    options[prop] = prop in el.style;
-  }
-  for (var i = 0; i < propertyDetectors.length; i++) {
-    cache[prop] = propertyDetectors[i](prop, el.style, options);
-    if (cache[prop]) break;
-  }
-  try {
-    el.style[prop] = "";
-  } catch (err) {
-    return false;
-  }
-  return cache[prop];
-}
-var cache$1 = {};
-var transitionProperties = {
-  transition: 1,
-  "transition-property": 1,
-  "-webkit-transition": 1,
-  "-webkit-transition-property": 1
-};
-var transPropsRegExp = /(^\s*[\w-]+)|, (\s*[\w-]+)(?![^()]*\))/g;
-var el$1;
-function prefixTransitionCallback(match, p1, p2) {
-  if (p1 === "var") return "var";
-  if (p1 === "all") return "all";
-  if (p2 === "all") return ", all";
-  var prefixedValue = p1 ? supportedProperty17(p1) : ", " + supportedProperty17(p2);
-  if (!prefixedValue) return p1 || p2;
-  return prefixedValue;
-}
-if (isBrowser) el$1 = document.createElement("p");
-function supportedValue(property, value) {
-  var prefixedValue = value;
-  if (!el$1 || property === "content") return value;
-  if (typeof prefixedValue !== "string" || !isNaN(parseInt(prefixedValue, 10))) {
-    return prefixedValue;
-  }
-  var cacheKey = property + prefixedValue;
-  if (process$1.env.NODE_ENV !== "benchmark" && cache$1[cacheKey] != null) {
-    return cache$1[cacheKey];
-  }
-  try {
-    el$1.style[property] = prefixedValue;
-  } catch (err) {
-    cache$1[cacheKey] = false;
-    return false;
-  }
-  if (transitionProperties[property]) {
-    prefixedValue = prefixedValue.replace(transPropsRegExp, prefixTransitionCallback);
-  } else if (el$1.style[property] === "") {
-    prefixedValue = prefix.css + prefixedValue;
-    if (prefixedValue === "-ms-flex") el$1.style[property] = "-ms-flexbox";
-    el$1.style[property] = prefixedValue;
-    if (el$1.style[property] === "") {
-      cache$1[cacheKey] = false;
-      return false;
-    }
-  }
-  el$1.style[property] = "";
-  cache$1[cacheKey] = prefixedValue;
-  return cache$1[cacheKey];
-}
-function jssVendorPrefixer() {
-  function onProcessRule(rule) {
-    if (rule.type === "keyframes") {
-      var atRule = rule;
-      atRule.at = supportedKeyframes(atRule.at);
-    }
-  }
-  function prefixStyle(style) {
-    for (var prop in style) {
-      var value = style[prop];
-      if (prop === "fallbacks" && Array.isArray(value)) {
-        style[prop] = value.map(prefixStyle);
-        continue;
-      }
-      var changeProp = false;
-      var supportedProp = supportedProperty17(prop);
-      if (supportedProp && supportedProp !== prop) changeProp = true;
-      var changeValue = false;
-      var supportedValue$1 = supportedValue(supportedProp, toCssValue(value));
-      if (supportedValue$1 && supportedValue$1 !== value) changeValue = true;
-      if (changeProp || changeValue) {
-        if (changeProp) delete style[prop];
-        style[supportedProp || prop] = supportedValue$1 || value;
-      }
-    }
-    return style;
-  }
-  function onProcessStyle2(style, rule) {
-    if (rule.type !== "style") return style;
-    return prefixStyle(style);
-  }
-  function onChangeValue2(value, prop) {
-    return supportedValue(prop, toCssValue(value)) || value;
-  }
-  return {
-    onProcessRule,
-    onProcessStyle: onProcessStyle2,
-    onChangeValue: onChangeValue2
-  };
-}
-function jssPropsSort() {
-  var sort = function sort2(prop0, prop1) {
-    if (prop0.length === prop1.length) {
-      return prop0 > prop1 ? 1 : -1;
-    }
-    return prop0.length - prop1.length;
-  };
-  return {
-    onProcessStyle: function onProcessStyle2(style, rule) {
-      if (rule.type !== "style") return style;
-      var newStyle = {};
-      var props = Object.keys(style).sort(sort);
-      for (var i = 0; i < props.length; i++) {
-        newStyle[props[i]] = style[props[i]];
-      }
-      return newStyle;
-    }
-  };
-}
-function jssPreset() {
-  return {
-    plugins: [
-      functionPlugin(),
-      jssGlobal(),
-      jssNested(),
-      camelCase(),
-      defaultUnit(),
-      // Disable the vendor prefixer server-side, it does nothing.
-      // This way, we can get a performance boost.
-      // In the documentation, we are using `autoprefixer` to solve this problem.
-      typeof window === "undefined" ? null : jssVendorPrefixer(),
-      jssPropsSort()
-    ]
-  };
-}
-function mergeClasses(options = {}) {
-  const {
-    baseClasses,
-    newClasses,
-    Component
-  } = options;
-  if (!newClasses) {
-    return baseClasses;
-  }
-  const nextClasses = _extends({}, baseClasses);
-  if (process$1.env.NODE_ENV !== "production") {
-    if (typeof newClasses === "string") {
-      return baseClasses;
-    }
-  }
-  Object.keys(newClasses).forEach((key) => {
-    if (process$1.env.NODE_ENV !== "production") {
-      if (!baseClasses[key] && newClasses[key]) {
-      }
-      if (newClasses[key] && typeof newClasses[key] !== "string") {
-      }
-    }
-    if (newClasses[key]) {
-      nextClasses[key] = `${baseClasses[key]} ${newClasses[key]}`;
-    }
-  });
-  return nextClasses;
-}
-const multiKeyStore = {
-  set: (cache2, key1, key2, value) => {
-    let subCache = cache2.get(key1);
-    if (!subCache) {
-      subCache = /* @__PURE__ */ new Map();
-      cache2.set(key1, subCache);
-    }
-    subCache.set(key2, value);
-  },
-  get: (cache2, key1, key2) => {
-    const subCache = cache2.get(key1);
-    return subCache ? subCache.get(key2) : void 0;
-  },
-  delete: (cache2, key1, key2) => {
-    const subCache = cache2.get(key1);
-    subCache.delete(key2);
-  }
-};
-function useTheme() {
-  var _privateTheme$$$mater;
-  const privateTheme = useTheme$1();
-  return (_privateTheme$$$mater = privateTheme == null ? void 0 : privateTheme.$$material) != null ? _privateTheme$$$mater : privateTheme;
-}
-const _excluded$2 = ["children", "injectFirst", "disableGeneration"];
-const defaultJSS = createJss(jssPreset());
-const defaultGenerateClassName = createGenerateClassName();
-const defaultSheetsManager = /* @__PURE__ */ new Map();
-const defaultOptions = {
-  disableGeneration: false,
-  generateClassName: defaultGenerateClassName,
-  jss: defaultJSS,
-  sheetsCache: null,
-  sheetsManager: defaultSheetsManager,
-  sheetsRegistry: null
-};
-const StylesContext = /* @__PURE__ */ React.createContext(defaultOptions);
-if (process$1.env.NODE_ENV !== "production") {
-  StylesContext.displayName = "StylesContext";
-}
-let injectFirstNode;
-function StylesProvider(props) {
-  const {
-    children,
-    injectFirst = false,
-    disableGeneration = false
-  } = props, localOptions = _objectWithoutPropertiesLoose(props, _excluded$2);
-  const outerOptions = React.useContext(StylesContext);
-  const {
-    generateClassName,
-    jss,
-    serverGenerateClassName,
-    sheetsCache,
-    sheetsManager,
-    sheetsRegistry
-  } = _extends({}, outerOptions, localOptions);
-  if (process$1.env.NODE_ENV !== "production") {
-    if (injectFirst && localOptions.jss) {
-    }
-  }
-  const value = React.useMemo(() => {
-    const context = {
-      disableGeneration,
-      generateClassName,
-      jss,
-      serverGenerateClassName,
-      sheetsCache,
-      sheetsManager,
-      sheetsRegistry
-    };
-    if (process$1.env.NODE_ENV !== "production") {
-      if (typeof window === "undefined" && !context.sheetsManager) {
-      }
-    }
-    if (process$1.env.NODE_ENV !== "production") {
-      if (context.jss.options.insertionPoint && injectFirst) {
-      }
-    }
-    if (!context.jss.options.insertionPoint && injectFirst && typeof window !== "undefined") {
-      if (!injectFirstNode) {
-        const head = document.head;
-        injectFirstNode = document.createComment("mui-inject-first");
-        head.insertBefore(injectFirstNode, head.firstChild);
-      }
-      context.jss = createJss({
-        plugins: jssPreset().plugins,
-        insertionPoint: injectFirstNode
-      });
-    }
-    return context;
-  }, [injectFirst, disableGeneration, generateClassName, jss, serverGenerateClassName, sheetsCache, sheetsManager, sheetsRegistry]);
-  return /* @__PURE__ */ jsx(StylesContext.Provider, {
-    value,
-    children
-  });
-}
-process$1.env.NODE_ENV !== "production" ? StylesProvider.propTypes = {
-  /**
-   * Your component tree.
-   */
-  children: PropTypes.node,
-  /**
-   * You can disable the generation of the styles with this option.
-   * It can be useful when traversing the React tree outside of the HTML
-   * rendering step on the server.
-   * Let's say you are using react-apollo to extract all
-   * the queries made by the interface server-side - you can significantly speed up the traversal with this prop.
-   */
-  disableGeneration: PropTypes.bool,
-  /**
-   * JSS's class name generator.
-   */
-  generateClassName: PropTypes.func,
-  /**
-   * By default, the styles are injected last in the <head> element of the page.
-   * As a result, they gain more specificity than any other style sheet.
-   * If you want to override MUI's styles, set this prop.
-   */
-  injectFirst: PropTypes.bool,
-  /**
-   * JSS's instance.
-   */
-  jss: PropTypes.object,
-  /**
-   * @ignore
-   */
-  serverGenerateClassName: PropTypes.func,
-  /**
-   * @ignore
-   *
-   * Beta feature.
-   *
-   * Cache for the sheets.
-   */
-  sheetsCache: PropTypes.object,
-  /**
-   * @ignore
-   *
-   * The sheetsManager is used to deduplicate style sheet injection in the page.
-   * It's deduplicating using the (theme, styles) couple.
-   * On the server, you should provide a new instance for each request.
-   */
-  sheetsManager: PropTypes.object,
-  /**
-   * @ignore
-   *
-   * Collect the sheets.
-   */
-  sheetsRegistry: PropTypes.object
-} : void 0;
-if (process$1.env.NODE_ENV !== "production") {
-  process$1.env.NODE_ENV !== "production" ? StylesProvider.propTypes = exactProp(StylesProvider.propTypes) : void 0;
-}
-let indexCounter = -1e9;
-function increment() {
-  indexCounter += 1;
-  if (process$1.env.NODE_ENV !== "production") {
-    if (indexCounter >= 0) {
-    }
-  }
-  return indexCounter;
-}
-const _excluded$1 = ["variant"];
-function isEmpty(string) {
-  return string.length === 0;
-}
-function propsToClassKey(props) {
-  const {
-    variant
-  } = props, other = _objectWithoutPropertiesLoose(props, _excluded$1);
-  let classKey = variant || "";
-  Object.keys(other).sort().forEach((key) => {
-    if (key === "color") {
-      classKey += isEmpty(classKey) ? props[key] : capitalize(props[key]);
-    } else {
-      classKey += `${isEmpty(classKey) ? key : capitalize(key)}${capitalize(props[key].toString())}`;
-    }
-  });
-  return classKey;
-}
-const noopTheme = {};
-function getStylesCreator(stylesOrCreator) {
-  const themingEnabled = typeof stylesOrCreator === "function";
-  if (process$1.env.NODE_ENV !== "production") {
-    if (typeof stylesOrCreator !== "object" && !themingEnabled) {
-    }
-  }
-  return {
-    create: (theme, name) => {
-      let styles2;
-      try {
-        styles2 = themingEnabled ? stylesOrCreator(theme) : stylesOrCreator;
-      } catch (err) {
-        if (process$1.env.NODE_ENV !== "production") {
-          if (themingEnabled === true && theme === noopTheme) {
-          }
-        }
-        throw err;
-      }
-      if (!name || !theme.components || !theme.components[name] || !theme.components[name].styleOverrides && !theme.components[name].variants) {
-        return styles2;
-      }
-      const overrides = theme.components[name].styleOverrides || {};
-      const variants = theme.components[name].variants || [];
-      const stylesWithOverrides = _extends({}, styles2);
-      Object.keys(overrides).forEach((key) => {
-        if (process$1.env.NODE_ENV !== "production") {
-          if (!stylesWithOverrides[key]) {
-          }
-        }
-        stylesWithOverrides[key] = deepmerge(stylesWithOverrides[key] || {}, overrides[key]);
-      });
-      variants.forEach((definition) => {
-        const classKey = propsToClassKey(definition.props);
-        stylesWithOverrides[classKey] = deepmerge(stylesWithOverrides[classKey] || {}, definition.style);
-      });
-      return stylesWithOverrides;
-    },
-    options: {}
-  };
-}
-const _excluded = ["name", "classNamePrefix", "Component", "defaultTheme"];
-function getClasses({
-  state,
-  stylesOptions
-}, classes, Component) {
-  if (stylesOptions.disableGeneration) {
-    return classes || {};
-  }
-  if (!state.cacheClasses) {
-    state.cacheClasses = {
-      // Cache for the finalized classes value.
-      value: null,
-      // Cache for the last used classes prop pointer.
-      lastProp: null,
-      // Cache for the last used rendered classes pointer.
-      lastJSS: {}
-    };
-  }
-  let generate = false;
-  if (state.classes !== state.cacheClasses.lastJSS) {
-    state.cacheClasses.lastJSS = state.classes;
-    generate = true;
-  }
-  if (classes !== state.cacheClasses.lastProp) {
-    state.cacheClasses.lastProp = classes;
-    generate = true;
-  }
-  if (generate) {
-    state.cacheClasses.value = mergeClasses({
-      baseClasses: state.cacheClasses.lastJSS,
-      newClasses: classes,
-      Component
-    });
-  }
-  return state.cacheClasses.value;
-}
-function attach({
-  state,
-  theme,
-  stylesOptions,
-  stylesCreator,
-  name
-}, props) {
-  if (stylesOptions.disableGeneration) {
-    return;
-  }
-  let sheetManager = multiKeyStore.get(stylesOptions.sheetsManager, stylesCreator, theme);
-  if (!sheetManager) {
-    sheetManager = {
-      refs: 0,
-      staticSheet: null,
-      dynamicStyles: null
-    };
-    multiKeyStore.set(stylesOptions.sheetsManager, stylesCreator, theme, sheetManager);
-  }
-  const options = _extends({}, stylesCreator.options, stylesOptions, {
-    theme,
-    flip: typeof stylesOptions.flip === "boolean" ? stylesOptions.flip : theme.direction === "rtl"
-  });
-  options.generateId = options.serverGenerateClassName || options.generateClassName;
-  const sheetsRegistry = stylesOptions.sheetsRegistry;
-  if (sheetManager.refs === 0) {
-    let staticSheet;
-    if (stylesOptions.sheetsCache) {
-      staticSheet = multiKeyStore.get(stylesOptions.sheetsCache, stylesCreator, theme);
-    }
-    const styles2 = stylesCreator.create(theme, name);
-    if (!staticSheet) {
-      staticSheet = stylesOptions.jss.createStyleSheet(styles2, _extends({
-        link: false
-      }, options));
-      staticSheet.attach();
-      if (stylesOptions.sheetsCache) {
-        multiKeyStore.set(stylesOptions.sheetsCache, stylesCreator, theme, staticSheet);
-      }
-    }
-    if (sheetsRegistry) {
-      sheetsRegistry.add(staticSheet);
-    }
-    sheetManager.staticSheet = staticSheet;
-    sheetManager.dynamicStyles = getDynamicStyles(styles2);
-  }
-  if (sheetManager.dynamicStyles) {
-    const dynamicSheet = stylesOptions.jss.createStyleSheet(sheetManager.dynamicStyles, _extends({
-      link: true
-    }, options));
-    dynamicSheet.update(props);
-    dynamicSheet.attach();
-    state.dynamicSheet = dynamicSheet;
-    state.classes = mergeClasses({
-      baseClasses: sheetManager.staticSheet.classes,
-      newClasses: dynamicSheet.classes
-    });
-    if (sheetsRegistry) {
-      sheetsRegistry.add(dynamicSheet);
-    }
-  } else {
-    state.classes = sheetManager.staticSheet.classes;
-  }
-  sheetManager.refs += 1;
-}
-function update({
-  state
-}, props) {
-  if (state.dynamicSheet) {
-    state.dynamicSheet.update(props);
-  }
-}
-function detach({
-  state,
-  theme,
-  stylesOptions,
-  stylesCreator
-}) {
-  if (stylesOptions.disableGeneration) {
-    return;
-  }
-  const sheetManager = multiKeyStore.get(stylesOptions.sheetsManager, stylesCreator, theme);
-  sheetManager.refs -= 1;
-  const sheetsRegistry = stylesOptions.sheetsRegistry;
-  if (sheetManager.refs === 0) {
-    multiKeyStore.delete(stylesOptions.sheetsManager, stylesCreator, theme);
-    stylesOptions.jss.removeStyleSheet(sheetManager.staticSheet);
-    if (sheetsRegistry) {
-      sheetsRegistry.remove(sheetManager.staticSheet);
-    }
-  }
-  if (state.dynamicSheet) {
-    stylesOptions.jss.removeStyleSheet(state.dynamicSheet);
-    if (sheetsRegistry) {
-      sheetsRegistry.remove(state.dynamicSheet);
-    }
-  }
-}
-function useSynchronousEffect(func, values) {
-  const key = React.useRef([]);
-  let output;
-  const currentKey = React.useMemo(() => ({}), values);
-  if (key.current !== currentKey) {
-    key.current = currentKey;
-    output = func();
-  }
-  React.useEffect(
-    () => () => {
-      if (output) {
-        output();
-      }
-    },
-    [currentKey]
-    // eslint-disable-line react-hooks/exhaustive-deps
-  );
-}
-function makeStyles(stylesOrCreator, options = {}) {
-  const {
-    // alias for classNamePrefix, if provided will listen to theme (required for theme.components[name].styleOverrides)
-    name,
-    // Help with debuggability.
-    classNamePrefix: classNamePrefixOption,
-    Component,
-    defaultTheme = noopTheme
-  } = options, stylesOptions2 = _objectWithoutPropertiesLoose(options, _excluded);
-  const stylesCreator = getStylesCreator(stylesOrCreator);
-  const classNamePrefix = name || classNamePrefixOption || "makeStyles";
-  stylesCreator.options = {
-    index: increment(),
-    name,
-    meta: classNamePrefix,
-    classNamePrefix
-  };
-  const useStyles2 = (props = {}) => {
-    const theme = useTheme() || defaultTheme;
-    const stylesOptions = _extends({}, React.useContext(StylesContext), stylesOptions2);
-    const instance = React.useRef();
-    const shouldUpdate = React.useRef();
-    useSynchronousEffect(() => {
-      const current = {
-        name,
-        state: {},
-        stylesCreator,
-        stylesOptions,
-        theme
-      };
-      attach(current, props);
-      shouldUpdate.current = false;
-      instance.current = current;
-      return () => {
-        detach(current);
-      };
-    }, [theme, stylesCreator]);
-    React.useEffect(() => {
-      if (shouldUpdate.current) {
-        update(instance.current, props);
-      }
-      shouldUpdate.current = true;
-    });
-    const classes = getClasses(instance.current, props.classes, Component);
-    if (process$1.env.NODE_ENV !== "production") {
-      React.useDebugValue(classes);
-    }
-    if (process$1.env.NODE_ENV !== "production") {
-      const supportedComponents = ["MuiAvatar", "MuiBadge", "MuiButton", "MuiButtonGroup", "MuiChip", "MuiDivider", "MuiFab", "MuiPaper", "MuiToolbar", "MuiTypography", "MuiAlert", "MuiPagination", "MuiPaginationItem", "MuiSkeleton", "MuiTimelineDot"];
-      if (name && supportedComponents.indexOf(name) >= 0 && props.variant && !classes[props.variant]) {
-      }
-    }
-    return classes;
-  };
-  return useStyles2;
-}
-const useStyles = makeStyles(() => ({
-  circle: {
-    stroke: "url(#linearColors)"
-  },
-  MuiCircularProgress: { circle: { color: "green" } }
-}));
-function CircularProgressWithLabel(props) {
-  var _a, _b, _c, _d, _e;
-  useStyles();
-  const {
-    injectedicon,
-    metamaskicon,
-    walletconnecticon,
-    coinbaseicon,
-    phantom,
-    solflare,
-    slope,
-    magiceden,
-    backpacksol,
-    tronLink,
-    keplr,
-    brave
-  } = images;
-  const walletIcons = {
-    Injected: injectedicon,
-    metaMask: metamaskicon,
-    coinbaseWallet: coinbaseicon,
-    WalletConnect: walletconnecticon,
-    solflare,
-    phantom,
-    slope,
-    backpack: backpacksol,
-    keplr,
-    "magic eden (solana)": magiceden,
-    "brave browser (solana)": brave,
-    TronLink: tronLink
-  };
-  const configuration = useStore((state) => state.configuration);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("svg", { className: "bw-absolute", children: /* @__PURE__ */ jsxs("linearGradient", { id: "linearColors", x1: "0", y1: "0", x2: "1", y2: "1", children: [
-      /* @__PURE__ */ jsx(
-        "stop",
-        {
-          offset: "1%",
-          stopColor: ((_a = configuration == null ? void 0 : configuration.gradientStyle) == null ? void 0 : _a.spinnerColor) ? (_b = configuration == null ? void 0 : configuration.gradientStyle) == null ? void 0 : _b.spinnerColor : "#A45EFF"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "stop",
-        {
-          offset: "90%",
-          stopColor: ((_c = configuration == null ? void 0 : configuration.gradientStyle) == null ? void 0 : _c.spinnerColor) ? (_d = configuration == null ? void 0 : configuration.gradientStyle) == null ? void 0 : _d.stopColor : "#2CFFE4"
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ jsxs(
-      Box,
-      {
-        sx: {
-          position: "relative",
-          display: "inline-flex"
-        },
-        children: [
-          /* @__PURE__ */ jsx(
-            CircularProgress,
-            {
-              variant: "determinate",
-              sx: {
-                color: (theme) => theme.palette.grey[theme.palette.mode === "light" ? 200 : 800]
-              },
-              size: 250,
-              thickness: 1,
-              value: 100
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            CircularProgress,
-            {
-              variant: "determinate",
-              size: 250,
-              thickness: 1,
-              value: props.value,
-              sx: {
-                "svg circle": { stroke: "url(#linearColors)" },
-                position: "absolute",
-                left: 0,
-                [`& .${circularProgressClasses.circle}`]: {
-                  strokeLinecap: "round"
-                }
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Box,
-            {
-              sx: {
-                top: 0,
-                left: 0,
-                bottom: 0,
-                right: 0,
-                position: "absolute",
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center"
-              },
-              children: /* @__PURE__ */ jsxs(
-                Typography,
-                {
-                  variant: "caption",
-                  className: "bw-flex bw-flex-col bw-justify-center bw-items-center bw-text-2xl bw-font-medium bw-text-text-primary",
-                  component: "div",
-                  color: "text.secondary",
-                  children: [
-                    /* @__PURE__ */ jsx(
-                      "img",
-                      {
-                        src: walletIcons[props == null ? void 0 : props.selectedWallet] || ((_e = props.selectedConnector) == null ? void 0 : _e.icon) || "",
-                        width: 90,
-                        height: 83,
-                        alt: "img"
-                      }
-                    ),
-                    /* @__PURE__ */ jsx("p", { className: "bw-text-2xl bw-px-3 bw-mt-1 bw-text-center bw-font-medium bw-text-text-primary", children: props.selectedWallet })
-                  ]
-                }
-              )
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}
-CircularProgressWithLabel.propTypes = {
-  value: PropTypes.number.isRequired
-};
-function ConnectWalletProgress({
-  selectedWallet,
-  isSuccess,
-  data,
-  isSolConnecting,
-  isCosmosonnecting,
-  isTronConnecting,
-  selectedConnector
-}) {
-  const { primaryWallet } = useDynamicContext();
-  const isFullyConnected = useIsLoggedIn();
-  const [progress, setProgress] = React.useState(25);
-  const { address, connected } = useWallet();
-  const { data: accounts } = useAccount();
-  React.useEffect(() => {
-    (isSuccess && data || primaryWallet !== null && isFullyConnected && isSolConnecting || address && connected && isTronConnecting || (accounts == null ? void 0 : accounts.bech32Address) && isCosmosonnecting) && setProgress(100);
-  }, [
-    isSuccess,
-    data,
-    isSolConnecting,
-    primaryWallet,
-    isFullyConnected,
-    isTronConnecting,
-    isCosmosonnecting,
-    accounts == null ? void 0 : accounts.bech32Address,
-    address,
-    connected
-  ]);
-  return /* @__PURE__ */ jsx(
-    CircularProgressWithLabel,
-    {
-      value: progress,
-      selectedWallet,
-      selectedConnector
-    }
-  );
-}
-function ConnectorLoader({ selectedWallet, selectedConnector, handleConnect, isSolConnecting, isCosmosonnecting, handleOtherWalletConnecting, data, isTronConnecting, isSuccess, evmError }) {
-  var _a, _b, _c;
-  const configuration = useStore((state) => state.configuration);
-  const setCosmosChainIds = useStore((state) => state.setCosmosChainIds);
-  const fromChain = useStore((state) => state.fromChain);
-  const gradient = useStore((state) => state.gradient);
-  const { select, connect, wallet } = useWallet();
-  const { openWallet } = useWalletItemActions();
-  const { setPrimaryWallet } = useDynamicContext();
-  const switchWallet = useSwitchWallet();
-  const { error } = useConnect();
-  const { registerError } = useRegisterError();
-  const { suggestAsync } = useSuggestChain();
-  const { suggestAndConnectAsync } = useSuggestChainAndConnect();
-  const { refetch } = useWalletDetails({});
-  const { connectAsync: cosmosConnect } = useConnect$1({
-    onError: (err) => {
-      setErrorMessage(err.message);
-    }
-  });
-  const [errorMessage, setErrorMessage] = useState("");
-  let errorText = (evmError == null ? void 0 : evmError.length) ? evmError : errorMessage;
-  async function handleSolConnect() {
-    setErrorMessage("");
-    try {
-      openWallet(selectedWallet);
-    } catch (girish) {
-      setErrorMessage(girish.message);
-    }
-  }
-  async function handleTronConnect() {
-    setErrorMessage("");
-    try {
-      if (wallet) await connect(selectedWallet);
-      else await select(selectedWallet);
-    } catch (er) {
-      setErrorMessage(er.message);
-    }
-  }
-  useEffect(() => {
-    let isValid = validError(errorText || "");
-    if (errorText.length && isValid) {
-      registerError({
-        mode: "wallet connection",
-        error: errorText
-      });
-    }
-  }, [errorText]);
-  const wallets = useUserWallets();
-  useEffect(() => {
-    var _a2;
-    if (wallets && selectedWallet) {
-      let wallet2 = lodashExports.keyBy(wallets, (item) => item.connector.name.toLowerCase());
-      ((_a2 = wallet2 == null ? void 0 : wallet2[selectedWallet]) == null ? void 0 : _a2.id) && switchWallet(wallet2[selectedWallet].id);
-    }
-  }, [wallets, selectedWallet]);
-  async function handleCosmosConnect() {
-    setErrorMessage("");
-    try {
-      let chainIds = await getChainIds();
-      if (!chainIds.includes(fromChain == null ? void 0 : fromChain.chainId) && (fromChain == null ? void 0 : fromChain.networkType) == "cosmos") {
-        let chainInfo = {
-          ...fromChain == null ? void 0 : fromChain.chainInfo
-        };
-        await suggestAndConnectAsync({
-          chainInfo,
-          walletType: WalletType.KEPLR
-        });
-        let chainIds1 = await getChainIds();
-        setCosmosChainIds(chainIds1);
-        await cosmosConnect({
-          chainId: chainIds1,
-          walletType: WalletType.KEPLR
-        });
-        await refetch();
-      } else {
-        cosmosConnect({
-          chainId: chainIds,
-          walletType: WalletType.KEPLR
-        });
-      }
-    } catch (err) {
-      setErrorMessage(err.message);
-    }
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "bw-flex bw-w-full bw-flex-col bw-justify-center bw-items-center", children: [
-    /* @__PURE__ */ jsxs("div", { className: "bw-flex bw-w-full bw-relative bw-justify-center bw-mb-2", children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          onClick: () => {
-            handleOtherWalletConnecting();
-          },
-          className: "bw-absolute bw-left-0 bw-top-[25%]",
-          children: /* @__PURE__ */ jsx(BackButton, { fill: "var(--tw-text-secondary)" })
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { className: "bw-text-lg bw-font-normal bw-text-text-secondary", children: "Connect Wallet" }),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          onClick: () => {
-            handleOtherWalletConnecting();
-          },
-          className: "bw-absolute bw-right-0 bw-top-[25%]",
-          children: /* @__PURE__ */ jsx(CloseButton, { fill: "var(--tw-text-secondary)" })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx(ConnectWalletProgress, { selectedWallet, isSuccess, data, isSolConnecting, isCosmosonnecting, isTronConnecting, selectedConnector }),
-    /* @__PURE__ */ jsxs("p", { className: "bw-text-lg bw-mt-2 bw-font-medium bw-text-text-primary", children: [
-      "Continue in ",
-      selectedWallet || ""
-    ] }),
-    /* @__PURE__ */ jsx("p", { className: "bw-text-lg bw-font-normal bw-mt-2 bw-text-text-secondary", children: "Accept connection request in the wallet" }),
-    /* @__PURE__ */ jsx("p", { className: "bw-text-text-redtext bw-text-xs bw-relative bw-top-1", children: errorText }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        style: {
-          ...configuration.gradientStyle,
-          boxShadow: configuration && configuration.customTheme && ((_b = (_a = configuration.customTheme) == null ? void 0 : _a.shadow) == null ? void 0 : _b.boxShadow) || "1px 1px 7px rgba(0, 0, 0, 0.15)"
-        },
-        className: `bw-w-full bw-mt-3 bw-rounded-sm bw-h-full bw-p-[3px] ${gradient ? gradient : `${!((_c = configuration == null ? void 0 : configuration.gradientStyle) == null ? void 0 : _c.background) ? "bw-bg-gradient-to-r  bw-from-[#2CFFE4] bw-to-[#A45EFF]" : ""}`}`,
-        children: /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: () => {
-              errorText = "";
-              if (isSolConnecting) {
-                handleSolConnect();
-              } else if (isTronConnecting) {
-                handleTronConnect();
-              } else if (isCosmosonnecting) {
-                handleCosmosConnect();
-              } else {
-                setErrorMessage("");
-                handleConnect(selectedConnector);
-              }
-            },
-            className: "bw-w-full bw-flex bw-bg-background-container bw-justify-center bw-items-center bw-h-[50px]  bw-rounded-sm  ",
-            children: /* @__PURE__ */ jsx("span", { style: { ...configuration.gradientStyle, backgroundClip: "text" }, className: `  bw-text-text-primary  bw-text-2xl bw-font-bold `, children: "Try Again" })
-          }
-        )
-      }
-    )
-  ] });
-}
-function WalletTab({ selectedWalletTab, handleWalletTab }) {
-  const walletArray = ["All", "EVM", "SVM", "Cosmos", "Other"];
-  const configuration = useStore((state) => state.configuration);
-  const { cosmos, evmwal, solwal, walleticon } = images;
-  const walletIcon = {
-    EVM: evmwal,
-    SVM: solwal,
-    Cosmos: cosmos,
-    Other: walleticon
-  };
-  return /* @__PURE__ */ jsx("div", { className: "bw-flex bw-px-3 bw-justify-between bw-gap-x-2 bw-items-center", children: walletArray.map((wallet, index2) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      style: selectedWalletTab == wallet ? {
-        ...configuration == null ? void 0 : configuration.gradientStyle
-      } : {},
-      className: `${!configuration.gradientStyle && selectedWalletTab == wallet && styles$1.gradientbutton} bw-min-h-[2px] bw-rounded-md bw-p-[1px] bw-mt-[2px] bw-min-w-[40px]`,
-      children: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          onClick: () => {
-            handleWalletTab(wallet);
-          },
-          className: `bw-w-[57px] bw-cursor-pointer bw-h-[44px] bw-flex ${selectedWalletTab === wallet ? "bw-bg-background-container" : ""} bw-rounded-md bw-relative bw-flex-col bw-justify-center bw-items-center`,
-          children: [
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: `${selectedWalletTab === wallet ? "" : "bw-bg-background-secondary bw-opacity-[20%]"} bw-h-full bw-absolute bw-top-0 bw-right-0 bw-rounded-md  bw-w-full`
-              }
-            ),
-            walletIcon[wallet] ? /* @__PURE__ */ jsx("img", { src: walletIcon[wallet], alt: "img" }) : /* @__PURE__ */ jsx(Fragment, {}),
-            /* @__PURE__ */ jsx(
-              "p",
-              {
-                className: `${selectedWalletTab === wallet ? " bw-text-text-primary bw-font-bold" : " bw-text-text-secondary bw-font-normal"} bw-text-xs bw-mt-[2px] `,
-                children: wallet
-              }
-            )
-          ]
-        },
-        index2
-      )
-    }
-  )) });
-}
-function CustomWallet({ portfolio, handleShowWallet }) {
-  var _a, _b, _c, _d;
-  const configuration = useStore((state) => state.configuration);
-  const customWallet = useStore((state) => state.customWallet);
-  const setCustomWallet = useStore((state) => state.setCustomWallet);
-  useStore((state) => state.toDisconnect);
-  const setToDisconnect = useStore((state) => state.setToDisconnect);
-  const isCustomWalletSet = useStore((state) => state.isCustomWalletSet);
-  const setIsCustomWalletSet = useStore((state) => state.setIsCustomWalletSet);
-  const [val, setVal] = useState("");
-  const [errorText, setErrorText] = useState("");
-  function handleSubmit() {
-    if ((val == null ? void 0 : val.length) > 30) {
-      handleShowWallet();
-      setIsCustomWalletSet(true);
-      setToDisconnect(false);
-      setCustomWallet(val);
-    } else {
-      setErrorText("Please enter a valid address");
-    }
-  }
-  useEffect(() => {
-    if ((customWallet == null ? void 0 : customWallet.length) > 30) {
-      setVal(customWallet);
-      setIsCustomWalletSet(true);
-    } else {
-      setIsCustomWalletSet(false);
-    }
-  }, [customWallet]);
-  return /* @__PURE__ */ jsxs("div", { className: `bw-sticky bw-border-t bw-pt-3 bw-border-border-primary ${portfolio ? "bw-w-[calc(100%]" : "bw-w-[calc(100%+20px)]"} bw-ml-[-10px] bw-bottom-0`, children: [
-    /* @__PURE__ */ jsxs("div", { className: "bw-flex bw-mx-4 bw-items-center bw-mb-2 bw-gap-x-1", children: [
-      /* @__PURE__ */ jsx(WalletIcon, { fill: "var(--tw-text-secondary)" }),
-      /* @__PURE__ */ jsx("p", { className: "bw-text-sm bw-font-semibold bw-text-text-secondary", children: "Send to a different wallet address" })
-    ] }),
-    /* @__PURE__ */ jsxs(
-      "form",
-      {
-        className: "bw-w-full bw-px-4 bw-flex bw-gap-x-2 bw-justify-between bw-items-center",
-        onSubmit: (e) => {
-          e.preventDefault();
-          handleSubmit();
-        },
-        children: [
-          /* @__PURE__ */ jsx("div", { className: `bw-rounded-md  ${isCustomWalletSet && (customWallet == null ? void 0 : customWallet.length) > 30 ? "bw-w-[87%]" : "bw-w-[72%]"}   bw-p-[1px] bw-bg-border-primary `, children: /* @__PURE__ */ jsx(
-            "input",
-            {
-              type: "text",
-              value: val,
-              onChange: (e) => {
-                setVal(e.target.value);
-                setErrorText("");
-                setIsCustomWalletSet(false);
-              },
-              placeholder: "Enter receiving wallet address",
-              className: `bw-w-full  bw-h-[38px] bw-rounded-md bw-text-sm bw-text-text-primary bw-bg-background-container   bw-px-2 placeholder:bw-text-text-secondary `
-            }
-          ) }),
-          isCustomWalletSet && (val == null ? void 0 : val.length) > 30 ? /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: (e) => {
-                e.stopPropagation();
-                setIsCustomWalletSet(false);
-                setToDisconnect(true);
-                setCustomWallet("");
-                setVal("");
-              },
-              className: "bw-w-[40px] bw-h-[40px] bw-flex bw-items-center bw-justify-center bw-rounded-md bw-border bw-border-bg-button",
-              children: /* @__PURE__ */ jsx("div", { className: "bw-w-[25px] bw-h-[25px]", children: /* @__PURE__ */ jsx(DisconnectWallet, { fill: "var(--tw-text-primary)" }) })
-            }
-          ) : /* @__PURE__ */ jsx(
-            "div",
-            {
-              style: (val == null ? void 0 : val.length) > 30 ? {
-                ...configuration == null ? void 0 : configuration.gradientStyle,
-                boxShadow: configuration && configuration.customTheme && ((_b = (_a = configuration.customTheme) == null ? void 0 : _a.shadow) == null ? void 0 : _b.boxShadow) || "1px 1px 7px rgba(0, 0, 0, 0.15)"
-              } : {
-                boxShadow: configuration && configuration.customTheme && ((_d = (_c = configuration.customTheme) == null ? void 0 : _c.shadow) == null ? void 0 : _d.boxShadow) || "1px 1px 7px rgba(0, 0, 0, 0.15)"
-              },
-              className: `bw-w-[28%]  bw-flex bw-justify-center bw-items-center bw-rounded-md  ${!(configuration == null ? void 0 : configuration.gradientStyle) && (val == null ? void 0 : val.length) > 30 && styles$1.gradientbutton} `,
-              children: /* @__PURE__ */ jsx(
-                "button",
-                {
-                  onClick: () => {
-                    handleSubmit();
-                  },
-                  type: "submit",
-                  className: `bw-cursor-pointer  bw-bg-background-container bw-w-full   bw-rounded-[4px] ${(val == null ? void 0 : val.length) > 30 ? " bw-font-bold bw-text-text-primary bw-h-[36px] bw-m-[2px]" : "bw-border bw-font-medium bw-text-text-secondary bw-border-border-primary bw-h-[40px]"}  bw-text-lg  `,
-                  children: "Confirm"
-                }
-              )
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx("p", { className: "bw-text-xs bw-pl-4 bw-mt-1 bw-font-normal bw-text-text-redtext", children: errorText })
-  ] });
-}
-function EvmWallet({ selectedWalletTab, styles: styles2, connectWalletField, handleShowWallet, setSelectedConnector, setSelectedWallet, handleConnect, setShowLoading, section }) {
-  const configuration = useStore((state) => state.configuration);
-  const setToDisconnect = useStore((state) => state.setToDisconnect);
-  const { connector } = useAccount$1();
-  const { disconnect } = useDisconnect();
-  const [connectorObj, setConnectorObj] = useState();
-  const [evmSupports, setEvmSupports] = useState([]);
-  const { connectors: switchC, switchAccountAsync } = useSwitchAccount();
-  const { injectedicon, metamaskicon, coinbaseicon, walletconnecticon, ethereumicon } = images;
-  const walletIcons = {
-    injected: injectedicon,
-    metaMaskSDK: metamaskicon,
-    coinbaseWalletSDK: coinbaseicon,
-    walletConnect: walletconnecticon
-  };
-  const config = useConfig();
-  const connectors = useConnectors({
-    config
-  });
-  const connections = useConnections({ config });
-  const setIsEvmSupportAvailable = useStore((state) => state.setIsEvmSupportAvailable);
-  let supportArray = ["MetaMask", "Trust Wallet", "Rabby Wallet", "Phantom"];
-  useEffect(() => {
-    let connectorObj2 = lodashExports.keyBy(connectors, "name");
-    let evmSupports2 = supportArray.filter((item) => !connectorObj2[item]);
-    setEvmSupports(evmSupports2);
-    setIsEvmSupportAvailable(evmSupports2.length > 0);
-  }, [connectors]);
-  useEffect(() => {
-    setConnectorObj(lodashExports.keyBy(connections, (item) => item.connector.uid));
-  }, [connections]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    selectedWalletTab == "All" || selectedWalletTab == "EVM" ? connectors.filter((item) => {
-      let isConnected = (connector == null ? void 0 : connector.uid) == item.uid || (connectorObj == null ? void 0 : connectorObj[item.uid]);
-      return section == "connected" && isConnected || section == "installed" && !isConnected || section == "supported" ? true : false;
-    }).map((item, i) => {
-      var _a, _b;
-      return /* @__PURE__ */ jsx(Fragment, { children: section !== "supported" ? /* @__PURE__ */ jsxs(
-        "div",
-        {
-          style: (connector == null ? void 0 : connector.id) == (item == null ? void 0 : item.id) ? {
-            ...configuration == null ? void 0 : configuration.gradientStyle
-          } : {},
-          className: `bw-w-[47%] bw-mb-4  bw-relative bw-rounded-md bw-p-[1px] ${!configuration.gradientStyle && (connector == null ? void 0 : connector.id) == (item == null ? void 0 : item.id) ? styles2.gradientbutton : "bw-bg-border-primary"} `,
-          children: [
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                onClick: () => {
-                  if ((connector == null ? void 0 : connector.id) == (item == null ? void 0 : item.id)) {
-                    if (connectWalletField == "to") {
-                      setToDisconnect(false);
-                      handleShowWallet();
-                    } else {
-                      disconnect({ connector });
-                    }
-                  } else {
-                    setSelectedWallet(item.name || item.type);
-                    setSelectedConnector(item);
-                    handleConnect(item, (connectorObj == null ? void 0 : connectorObj[item.uid]) ? true : false);
-                    setShowLoading(false);
-                    setToDisconnect(false);
-                  }
-                },
-                style: { cursor: "pointer" },
-                className: `bw-w-full bw-bg-background-container hover:bw-shadow-sm bw-font-medium hover:bw-font-bold  hover:bw-text-text-primary  bw-flex bw-gap-x-3  bw-px-3 bw-justify-start bw-items-center bw-h-[56px] ${(connector == null ? void 0 : connector.uid) == (item == null ? void 0 : item.uid) ? " bw-text-text-primary" : "bw-text-text-secondary"} bw-relative  bw-rounded-md
-        ${""}
-        `,
-                children: [
-                  /* @__PURE__ */ jsxs("div", { className: "bw-w-max bw-relative", children: [
-                    " ",
-                    /* @__PURE__ */ jsx("img", { className: "bw-rounded-md", src: walletIcons[item.id] || item.icon, width: 32, height: 32, alt: "img" })
-                  ] }),
-                  /* @__PURE__ */ jsx("p", { className: "bw-text-xs bw-w-max ", children: item.name })
-                ]
-              },
-              i
-            ),
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                style: (connector == null ? void 0 : connector.id) == (item == null ? void 0 : item.id) ? {
-                  ...configuration == null ? void 0 : configuration.gradientStyle
-                } : {},
-                className: `bw-mb-4 bw-bottom-[-50%] bw-absolute bw-right-2  bw-rounded-md bw-p-[1px] ${!configuration.gradientStyle && (connector == null ? void 0 : connector.id) == (item == null ? void 0 : item.id) ? styles2.gradientbutton : "bw-bg-border-primary"} `,
-                children: /* @__PURE__ */ jsxs("div", { className: " bw-w-[71px] bw-h-[25px]  bw-rounded-md bw-flex bw-bg-background-container bw-justify-center bw-items-center bw-gap-x-1  ", children: [
-                  /* @__PURE__ */ jsx("img", { src: ethereumicon, width: "", height: "", alt: "img" }),
-                  /* @__PURE__ */ jsx("p", { className: "bw-text-xs bw-font-bold bw-text-text-primary", children: "EVM" })
-                ] })
-              }
-            ),
-            (connectorObj == null ? void 0 : connectorObj[item.uid]) ? /* @__PURE__ */ jsx(
-              "div",
-              {
-                onClick: (e) => {
-                  var _a2;
-                  disconnect({
-                    connector: (_a2 = connectorObj == null ? void 0 : connectorObj[item.uid]) == null ? void 0 : _a2.connector,
-                    config
-                  });
-                  e.stopPropagation();
-                },
-                className: " bw-cursor-pointer bw-absolute bw-right-[5px] bw-top-1 bw-text-[10px] bw-text-text-primary  bw-z-40 bw-rounded-[50%]",
-                children: /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    style: {
-                      boxShadow: configuration && configuration.customTheme && ((_b = (_a = configuration.customTheme) == null ? void 0 : _a.shadow) == null ? void 0 : _b.boxShadow) || "1px 1px 7px rgba(0, 0, 0, 0.20)"
-                    },
-                    className: "bw-w-[25px] bw-h-[25px] bw-rounded-[50%]",
-                    children: /* @__PURE__ */ jsx(DisconnectWallet, { fill: "var(--tw-text-primary)" })
-                  }
-                )
-              }
-            ) : /* @__PURE__ */ jsx(Fragment, {})
-          ]
-        }
-      ) : /* @__PURE__ */ jsx(Fragment, {}) });
-    }) : /* @__PURE__ */ jsx(Fragment, {}),
-    section === "supported" && (selectedWalletTab == "All" || selectedWalletTab == "EVM") ? evmSupports.map((item) => /* @__PURE__ */ jsx(SupportedWallets, { wallet: item, chain: "evm" })) : /* @__PURE__ */ jsx(Fragment, {})
-  ] });
-}
-const gradientbutton = "_gradientbutton_dz9ed_1";
-const styles = {
-  gradientbutton
-};
-function CosmosWallet({ selectedWalletTab, handleCosmosConnection, setErrorMsg, connectWalletField, handleShowWallet, section }) {
-  var _a, _b, _c, _d;
-  const configuration = useStore((state) => state.configuration);
-  const fromChain = useStore((state) => state.fromChain);
-  useStore((state) => state.toChain);
-  const setCosmosChainIds = useStore((state) => state.setCosmosChainIds);
-  useActiveChainIds();
-  const { refetch } = useWalletDetails({});
-  const { connect, connectAsync } = useConnect$1({
-    onError: (err) => setErrorMsg(err.message)
-  });
-  const { disconnect } = useDisconnect$1();
-  const { data: accounts, isConnected, reconnect } = useAccount();
-  const setToDisconnect = useStore((state) => state.setToDisconnect);
-  const { keplr, cosmosicon } = images;
-  useActiveWalletType();
-  const { suggestAsync } = useSuggestChain();
-  const { suggestAndConnectAsync } = useSuggestChainAndConnect();
-  const walletIcons = {
-    keplr
-  };
-  async function connectWallet() {
-    try {
-      let chainIds2 = await getChainIds();
-      if (!chainIds2.includes(fromChain == null ? void 0 : fromChain.chainId) && (fromChain == null ? void 0 : fromChain.networkType) == "cosmos") {
-        let chainInfo = {
-          ...fromChain == null ? void 0 : fromChain.chainInfo
-        };
-        await suggestAndConnectAsync({
-          chainInfo,
-          walletType: WalletType.KEPLR
-        });
-        let chainIds1 = await getChainIds();
-        setCosmosChainIds(chainIds1);
-        await connectAsync({
-          chainId: chainIds1,
-          walletType: WalletType.KEPLR
-        });
-        await refetch();
-      } else {
-        connect({
-          chainId: chainIds2,
-          walletType: WalletType.KEPLR
-        });
-      }
-      handleCosmosConnection(true, "keplr");
-    } catch (error) {
-    }
-  }
-  let isConnectedCosmos = ((_a = accounts == null ? void 0 : accounts.bech32Address) == null ? void 0 : _a.length) && isConnected;
-  return section == "connected" && isConnectedCosmos || section == "installed" && !isConnectedCosmos && window.keplr ? /* @__PURE__ */ jsxs(
-    "div",
-    {
-      style: {
-        ...configuration == null ? void 0 : configuration.gradientStyle
-      },
-      className: `bw-w-[47%] bw-relative bw-mb-4 ${selectedWalletTab === "Cosmos" ? "" : "  "} bw-rounded-md bw-p-[1px] ${!configuration.gradientStyle && isConnected ? styles.gradientbutton : "bw-bg-border-primary"} `,
-      onClick: () => {
-        if (connectWalletField == "to" && isConnected) {
-          setToDisconnect(false);
-          handleShowWallet();
-        } else if (isConnected) disconnect();
-        else {
-          connectWallet();
-        }
-      },
-      children: [
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: ` bw-relative bw-flex bw-w-full bw-bg-background-container  hover:bw-shadow-sm bw-font-medium  hover:bw-font-bold hover:bw-text-text-primary  bw-items-center bw-gap-x-3  bw-rounded-md  bw-h-[56px] bw-px-3 bw-cursor-pointer  ${""}${((_b = accounts == null ? void 0 : accounts.bech32Address) == null ? void 0 : _b.length) && isConnected ? " bw-text-text-primary" : "bw-text-text-secondary"}`,
-            children: [
-              /* @__PURE__ */ jsx("img", { src: walletIcons["keplr"], width: 32, height: 32, className: "", alt: "img" }),
-              /* @__PURE__ */ jsx("p", { className: "bw-text-xs bw-w-max ", children: "Keplr" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            style: {
-              ...configuration == null ? void 0 : configuration.gradientStyle
-            },
-            className: ` bw-absolute bw-right-2 bw-bottom-[-50%] bw-mb-4 ${selectedWalletTab === "Cosmos" ? "" : "  "} bw-rounded-md bw-p-[1px] ${!configuration.gradientStyle && isConnected ? styles.gradientbutton : "bw-bg-border-primary"} `,
-            children: /* @__PURE__ */ jsxs("div", { className: " bw-w-[81px] bw-h-[25px]  bw-rounded-md bw-flex bw-bg-background-container bw-justify-center bw-items-center bw-gap-x-1  ", children: [
-              /* @__PURE__ */ jsx("img", { src: cosmosicon, width: "21", height: "21", alt: "img" }),
-              /* @__PURE__ */ jsx("p", { className: "bw-text-xs bw-font-bold bw-text-text-primary", children: "COSMOS" })
-            ] })
-          }
-        ),
-        isConnected ? /* @__PURE__ */ jsx("p", { onClick: () => disconnect(), className: " bw-cursor-pointer bw-absolute bw-right-[5px] bw-top-1 bw-text-[10px] bw-text-text-primary  bw-z-40 bw-rounded-[50%]", children: /* @__PURE__ */ jsx(
-          "div",
-          {
-            style: {
-              boxShadow: configuration && configuration.customTheme && ((_d = (_c = configuration.customTheme) == null ? void 0 : _c.shadow) == null ? void 0 : _d.boxShadow) || "1px 1px 7px rgba(0, 0, 0, 0.20)"
-            },
-            className: "bw-w-[25px] bw-h-[25px] bw-rounded-[50%] ",
-            children: /* @__PURE__ */ jsx(DisconnectWallet, { fill: "var(--tw-text-primary)" })
-          }
-        ) }) : /* @__PURE__ */ jsx(Fragment, {})
-      ]
-    }
-  ) : !window.keplr && section == "supported" ? /* @__PURE__ */ jsx(SupportedWallets, { wallet: "keplr", chain: "cosmos" }) : /* @__PURE__ */ jsx(Fragment, {});
-}
-function WalletList({ selectedWalletTab, connectWalletField, handleShowWallet, handleConnect, setSelectedConnector, setSelectedWallet, setShowLoading, portfolio, fromChain, toChain, handleSolConnecting, handleCosmosConnection, setErrorMsg, section }) {
-  const isExternalProvider = useStore((state) => state.isExternalProvider);
-  return /* @__PURE__ */ jsxs("div", { className: ` bw-mx-auto bw-px-2  bw-w-full bw-flex bw-justify-between bw-flex-wrap `, children: [
-    isExternalProvider.evm ? /* @__PURE__ */ jsx(Fragment, {}) : /* @__PURE__ */ jsx(EvmWallet, { section, selectedWalletTab, styles: styles$1, connectWalletField, handleShowWallet, setSelectedConnector, setSelectedWallet, handleConnect, setShowLoading }),
-    isExternalProvider.solana ? /* @__PURE__ */ jsx(Fragment, {}) : selectedWalletTab == "All" || selectedWalletTab == "SVM" ? /* @__PURE__ */ jsx(SolanaWallet, { section, handleShowWallet, fromChain, toChain, connectWalletField, handleSolConnecting, portfolio, selectedWalletTab }) : /* @__PURE__ */ jsx(Fragment, {}),
-    selectedWalletTab == "All" || selectedWalletTab == "Cosmos" ? /* @__PURE__ */ jsx(CosmosWallet, { selectedWalletTab, handleCosmosConnection, setErrorMsg, connectWalletField, handleShowWallet, section }) : /* @__PURE__ */ jsx(Fragment, {})
-  ] });
-}
-function SelectWallet({ handleShowWallet, connectWalletField, portfolio, classNames, handleRecentSelectedWallet }) {
-  const config = useConfig();
-  const { connectAsync, data, isSuccess } = useConnect({
-    config
-  });
-  const { isConnected, connector } = useAccount$1();
-  const fromChain = useStore((state) => state.fromChain);
-  const toChain = useStore((state) => state.toChain);
-  const { primaryWallet } = useDynamicContext();
-  const isFullyConnected = useIsLoggedIn();
-  const [selectedWallet, setSelectedWallet] = useState("");
-  const [showLoading, setShowLoading] = useState(true);
-  const [selectedConnector, setSelectedConnector] = useState();
-  const [isSolConnecting, setIsSolanaConnecting] = useState(false);
-  const [isTronConnecting, setIsTronConnecting] = useState(false);
-  const [isCosmosonnecting, setIsCosmosConnecting] = useState(false);
-  const [errorMsg, setErrorMsg] = useState("");
-  const { connected, address } = useWallet();
-  const [selectedWalletTab, setSelectedWalletTab] = useState("All");
-  const { data: accounts, isConnected: isCosmosConnected } = useAccount();
-  const { switchAccountAsync } = useSwitchAccount();
-  const configuration = useStore((state) => state.configuration);
-  const isExternalProvider = useStore.getState().isExternalProvider;
-  const wallets = useUserWallets();
-  const [solCount, setSolCount] = useState(0);
-  const { walletOptions } = useWalletOptions();
-  const isEvmSupportAvailable = useStore((state) => state.isEvmSupportAvailable);
-  useEffect(() => {
-    let solCount2 = walletOptions.reduce((acc, item) => {
-      if (item.isInstalledOnBrowser) {
-        acc++;
-      }
-      return acc;
-    }, 0);
-    setSolCount(solCount2);
-  }, [wallets]);
-  async function handleConnect(connector2, isWalletConnected) {
-    setErrorMsg("");
-    let action = isWalletConnected ? switchAccountAsync : connectAsync;
-    try {
-      let result = await action({ connector: connector2 });
-      if (isWalletConnected) {
-        handleShowWallet();
-      }
-      setErrorMsg((prev) => {
-        if ((prev == null ? void 0 : prev.length) && result) {
-          handleShowWallet();
-        }
-        return "";
-      });
-    } catch (err) {
-      setErrorMsg(err.details || err.message || "");
-    }
-  }
-  useEffect(() => {
-    let timeout;
-    if (data && isSuccess) {
-      timeout = setTimeout(() => {
-        handleShowWallet();
-      }, 1e3);
-      !portfolio && handleRecentSelectedWallet("evm");
-    }
-    return () => {
-      clearTimeout(timeout);
-    };
-  }, [isSuccess, data]);
-  function handleSolConnecting(val, wallet) {
-    setErrorMsg("");
-    if (wallet) {
-      setSelectedWallet(wallet);
-    }
-    setIsSolanaConnecting(val);
-    setShowLoading(false);
-  }
-  function handleOtherWalletConnecting() {
-    setShowLoading(true);
-    setIsSolanaConnecting(false);
-    setIsTronConnecting(false);
-  }
-  function handleTronConnection(val, wallet) {
-    setErrorMsg("");
-    setIsTronConnecting(val);
-    setShowLoading(false);
-  }
-  function handleCosmosConnection(val, wallet) {
-    setErrorMsg("");
-    if (wallet) setSelectedWallet(wallet);
-    setIsCosmosConnecting(val);
-    setShowLoading(false);
-  }
-  useEffect(() => {
-    let timeout;
-    if (isFullyConnected && primaryWallet !== null && isSolConnecting) {
-      timeout = setTimeout(() => {
-        handleShowWallet();
-        handleSolConnecting(false);
-      }, 1e3);
-      !portfolio && handleRecentSelectedWallet("sol");
-    }
-    return () => {
-      clearTimeout(timeout);
-    };
-  }, [isFullyConnected, primaryWallet, isSolConnecting]);
-  useEffect(() => {
-    let timeout;
-    if (connected && address && isTronConnecting) {
-      timeout = setTimeout(() => {
-        handleShowWallet();
-        handleTronConnection(false);
-      }, 1e3);
-    }
-    return () => {
-      clearTimeout(timeout);
-    };
-  }, [connected, address, isTronConnecting]);
-  useEffect(() => {
-    let timeout;
-    if (isCosmosConnected && (accounts == null ? void 0 : accounts.bech32Address) && isCosmosonnecting) {
-      timeout = setTimeout(() => {
-        handleShowWallet();
-        handleCosmosConnection(false);
-      }, 1e3);
-      !portfolio && handleRecentSelectedWallet("cosmos");
-    }
-    return () => {
-      clearTimeout(timeout);
-    };
-  }, [isCosmosConnected, accounts == null ? void 0 : accounts.bech32Address, isCosmosonnecting]);
-  function handleWalletTab(wallet) {
-    setSelectedWalletTab(wallet);
-  }
-  return showLoading ? /* @__PURE__ */ jsxs("div", { className: "", children: [
-    /* @__PURE__ */ jsxs("div", { className: "bw-flex bw-relative bw-justify-center bw-mb-2", children: [
-      /* @__PURE__ */ jsx("button", { onClick: handleShowWallet, className: "bw-absolute bw-left-0 bw-top-[25%]", children: /* @__PURE__ */ jsx(BackButton, { fill: "var(--tw-text-secondary)" }) }),
-      /* @__PURE__ */ jsx("div", { className: "bw-text-lg bw-font-medium bw-text-text-secondary", children: "Connect Wallet" }),
-      /* @__PURE__ */ jsx("button", { onClick: handleShowWallet, className: "bw-absolute bw-right-0 bw-top-[25%]", children: /* @__PURE__ */ jsx(CloseButton, { fill: "var(--tw-text-secondary)" }) })
-    ] }),
-    /* @__PURE__ */ jsx(WalletTab, { selectedWalletTab, handleWalletTab }),
-    /* @__PURE__ */ jsxs("div", { className: `${classNames ? classNames : "bw-h-[400px] "} bw-w-full bw-relative  bw-overflow-y-auto`, children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        (connector && !isExternalProvider.evm || (primaryWallet == null ? void 0 : primaryWallet.address) && !isExternalProvider.solana || isCosmosConnected) && selectedWalletTab === "All" || selectedWalletTab === "EVM" && connector && !isExternalProvider.evm || selectedWalletTab === "Cosmos" && isCosmosConnected || selectedWalletTab === "SVM" && (wallets == null ? void 0 : wallets.length) && !isExternalProvider.solana ? /* @__PURE__ */ jsxs("div", { className: "bw-flex bw-items-center bw-gap-x-2 bw-justify-between bw-w-full bw-my-3", children: [
-          /* @__PURE__ */ jsxs("p", { style: { ...configuration == null ? void 0 : configuration.gradientStyle }, className: ` bw-bg-clip-text bw-flex bw-items-center bw-gap-x-1 bw-text-sm bw-font-medium bw-text-transparent ${!(configuration == null ? void 0 : configuration.gradientStyle) ? styles$1.gradientbutton : ""} `, children: [
-            /* @__PURE__ */ jsx("div", { style: { ...configuration == null ? void 0 : configuration.gradientStyle }, className: `bw-w-[10px] bw-rounded-[50%] ${!(configuration == null ? void 0 : configuration.gradientStyle) ? styles$1.gradientbutton : ""} bw-bg-text-greentext bw-h-[10px]` }),
-            " Connected"
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "bw-h-[1px] bw-mr-2 bw-w-full bw-bg-border-primary" })
-        ] }) : /* @__PURE__ */ jsx(Fragment, {}),
-        /* @__PURE__ */ jsx(WalletList, { selectedWalletTab, connectWalletField, handleShowWallet, handleConnect, setSelectedConnector, setErrorMsg, setSelectedWallet, setShowLoading, portfolio, fromChain, toChain, handleSolConnecting, handleCosmosConnection, section: "connected" })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        selectedWalletTab == "EVM" && !isExternalProvider.evm || selectedWalletTab === "All" && (!isExternalProvider.evm || !(isExternalProvider == null ? void 0 : isExternalProvider.solana) || window.keplr) || selectedWalletTab === "Cosmos" && window.keplr && !isCosmosConnected || selectedWalletTab === "SVM" && (wallets == null ? void 0 : wallets.length) < solCount && !isExternalProvider.solana ? /* @__PURE__ */ jsxs("div", { className: "bw-flex  bw-items-center bw-gap-x-2 bw-justify-between bw-w-full bw-my-3", children: [
-          /* @__PURE__ */ jsx("p", { className: "bw-text-sm bw-font-medium bw-w-max bw-text-text-secondary  ", children: "Installed" }),
-          /* @__PURE__ */ jsx("div", { className: "bw-h-[1px] bw-mr-2 bw-w-full bw-bg-border-primary" })
-        ] }) : /* @__PURE__ */ jsx(Fragment, {}),
-        /* @__PURE__ */ jsx(WalletList, { selectedWalletTab, connectWalletField, handleShowWallet, handleConnect, setSelectedConnector, setErrorMsg, setSelectedWallet, setShowLoading, portfolio, fromChain, toChain, handleSolConnecting, handleCosmosConnection, section: "installed" })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        (selectedWalletTab === "Cosmos" || selectedWalletTab == "All") & !window.keplr || (selectedWalletTab === "EVM" || selectedWalletTab == "All") && isEvmSupportAvailable && !isExternalProvider.evm || (selectedWalletTab === "SVM" || selectedWalletTab == "All") && solCount < 7 && !isExternalProvider.solana ? /* @__PURE__ */ jsxs("div", { className: "bw-flex  bw-items-center bw-gap-x-2 bw-justify-between bw-w-full bw-my-3", children: [
-          /* @__PURE__ */ jsx("p", { className: "bw-text-sm bw-font-medium bw-w-max bw-text-text-secondary  ", children: "Supported" }),
-          /* @__PURE__ */ jsx("div", { className: "bw-h-[1px] bw-mr-2 bw-w-full bw-bg-border-primary" })
-        ] }) : /* @__PURE__ */ jsx(Fragment, {}),
-        /* @__PURE__ */ jsx(WalletList, { selectedWalletTab, connectWalletField, handleShowWallet, handleConnect, setSelectedConnector, setErrorMsg, setSelectedWallet, setShowLoading, portfolio, fromChain, toChain, handleSolConnecting, handleCosmosConnection, section: "supported" })
-      ] })
-    ] }),
-    connectWalletField == "to" ? /* @__PURE__ */ jsx(CustomWallet, { portfolio, handleShowWallet, section: "connected" }) : /* @__PURE__ */ jsx(Fragment, {})
-  ] }) : /* @__PURE__ */ jsx(ConnectorLoader, { selectedWallet, selectedConnector, handleConnect, handleOtherWalletConnecting, isSolConnecting, isTronConnecting, isCosmosonnecting, isSuccess, data, evmError: errorMsg });
-}
-const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: SelectWallet
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  SelectWallet as S,
-  Typography as T,
-  index as i
-};