brahma-test-widget/dist/index.cjs.map

A React component for trade automation within the Brahma ecosystem.

{"version":3,"file":"index.cjs","sources":["../node_modules/react/cjs/react-jsx-runtime.production.js","../node_modules/react/cjs/react-jsx-runtime.development.js","../node_modules/react/jsx-runtime.js","../src/styles.ts","../node_modules/styled-media-query/dist/styled-media-query.es.js","../src/lib/theme.tsx","../src/features/shared/components/Modal/styles.ts","../src/features/shared/components/Modal/index.tsx","../src/features/shared/components/Typography/styles.ts","../src/features/shared/components/Typography/index.tsx","../src/features/shared/components/Button/styles.ts","../src/features/shared/components/Button/index.tsx","../src/features/shared/components/FlexContainer/index.tsx","../src/features/shared/components/SecondaryButton/styles.ts","../src/features/shared/components/GrayBoundaryBlackWrapper/styles.ts","../src/features/shared/components/GrayBoundaryBlackWrapper/index.tsx","../src/features/shared/components/ContentWrapper/styles.ts","../src/features/shared/components/ContentWrapper/index.tsx","../src/icons/TooltipIcon.tsx","../src/icons/CloseIcon.tsx","../src/features/shared/components/CloseButtonBox/styles.ts","../src/features/shared/components/CloseButtonBox/index.tsx","../src/features/shared/assets/ActivateBeraAutomation.tsx","../src/components/BeraBaddies.tsx","../src/components/BeraBaddiesModal.tsx"],"sourcesContent":["/**\n * @license React\n * react-jsx-runtime.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\nvar REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n  REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\");\nfunction jsxProd(type, config, maybeKey) {\n  var key = null;\n  void 0 !== maybeKey && (key = \"\" + maybeKey);\n  void 0 !== config.key && (key = \"\" + config.key);\n  if (\"key\" in config) {\n    maybeKey = {};\n    for (var propName in config)\n      \"key\" !== propName && (maybeKey[propName] = config[propName]);\n  } else maybeKey = config;\n  config = maybeKey.ref;\n  return {\n    $$typeof: REACT_ELEMENT_TYPE,\n    type: type,\n    key: key,\n    ref: void 0 !== config ? config : null,\n    props: maybeKey\n  };\n}\nexports.Fragment = REACT_FRAGMENT_TYPE;\nexports.jsx = jsxProd;\nexports.jsxs = jsxProd;\n","/**\n * @license React\n * react-jsx-runtime.development.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\n\"production\" !== process.env.NODE_ENV &&\n  (function () {\n    function getComponentNameFromType(type) {\n      if (null == type) return null;\n      if (\"function\" === typeof type)\n        return type.$$typeof === REACT_CLIENT_REFERENCE$2\n          ? null\n          : type.displayName || type.name || null;\n      if (\"string\" === typeof type) return type;\n      switch (type) {\n        case REACT_FRAGMENT_TYPE:\n          return \"Fragment\";\n        case REACT_PORTAL_TYPE:\n          return \"Portal\";\n        case REACT_PROFILER_TYPE:\n          return \"Profiler\";\n        case REACT_STRICT_MODE_TYPE:\n          return \"StrictMode\";\n        case REACT_SUSPENSE_TYPE:\n          return \"Suspense\";\n        case REACT_SUSPENSE_LIST_TYPE:\n          return \"SuspenseList\";\n      }\n      if (\"object\" === typeof type)\n        switch (\n          (\"number\" === typeof type.tag &&\n            console.error(\n              \"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue.\"\n            ),\n          type.$$typeof)\n        ) {\n          case REACT_CONTEXT_TYPE:\n            return (type.displayName || \"Context\") + \".Provider\";\n          case REACT_CONSUMER_TYPE:\n            return (type._context.displayName || \"Context\") + \".Consumer\";\n          case REACT_FORWARD_REF_TYPE:\n            var innerType = type.render;\n            type = type.displayName;\n            type ||\n              ((type = innerType.displayName || innerType.name || \"\"),\n              (type = \"\" !== type ? \"ForwardRef(\" + type + \")\" : \"ForwardRef\"));\n            return type;\n          case REACT_MEMO_TYPE:\n            return (\n              (innerType = type.displayName || null),\n              null !== innerType\n                ? innerType\n                : getComponentNameFromType(type.type) || \"Memo\"\n            );\n          case REACT_LAZY_TYPE:\n            innerType = type._payload;\n            type = type._init;\n            try {\n              return getComponentNameFromType(type(innerType));\n            } catch (x) {}\n        }\n      return null;\n    }\n    function testStringCoercion(value) {\n      return \"\" + value;\n    }\n    function checkKeyStringCoercion(value) {\n      try {\n        testStringCoercion(value);\n        var JSCompiler_inline_result = !1;\n      } catch (e) {\n        JSCompiler_inline_result = !0;\n      }\n      if (JSCompiler_inline_result) {\n        JSCompiler_inline_result = console;\n        var JSCompiler_temp_const = JSCompiler_inline_result.error;\n        var JSCompiler_inline_result$jscomp$0 =\n          (\"function\" === typeof Symbol &&\n            Symbol.toStringTag &&\n            value[Symbol.toStringTag]) ||\n          value.constructor.name ||\n          \"Object\";\n        JSCompiler_temp_const.call(\n          JSCompiler_inline_result,\n          \"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.\",\n          JSCompiler_inline_result$jscomp$0\n        );\n        return testStringCoercion(value);\n      }\n    }\n    function disabledLog() {}\n    function disableLogs() {\n      if (0 === disabledDepth) {\n        prevLog = console.log;\n        prevInfo = console.info;\n        prevWarn = console.warn;\n        prevError = console.error;\n        prevGroup = console.group;\n        prevGroupCollapsed = console.groupCollapsed;\n        prevGroupEnd = console.groupEnd;\n        var props = {\n          configurable: !0,\n          enumerable: !0,\n          value: disabledLog,\n          writable: !0\n        };\n        Object.defineProperties(console, {\n          info: props,\n          log: props,\n          warn: props,\n          error: props,\n          group: props,\n          groupCollapsed: props,\n          groupEnd: props\n        });\n      }\n      disabledDepth++;\n    }\n    function reenableLogs() {\n      disabledDepth--;\n      if (0 === disabledDepth) {\n        var props = { configurable: !0, enumerable: !0, writable: !0 };\n        Object.defineProperties(console, {\n          log: assign({}, props, { value: prevLog }),\n          info: assign({}, props, { value: prevInfo }),\n          warn: assign({}, props, { value: prevWarn }),\n          error: assign({}, props, { value: prevError }),\n          group: assign({}, props, { value: prevGroup }),\n          groupCollapsed: assign({}, props, { value: prevGroupCollapsed }),\n          groupEnd: assign({}, props, { value: prevGroupEnd })\n        });\n      }\n      0 > disabledDepth &&\n        console.error(\n          \"disabledDepth fell below zero. This is a bug in React. Please file an issue.\"\n        );\n    }\n    function describeBuiltInComponentFrame(name) {\n      if (void 0 === prefix)\n        try {\n          throw Error();\n        } catch (x) {\n          var match = x.stack.trim().match(/\\n( *(at )?)/);\n          prefix = (match && match[1]) || \"\";\n          suffix =\n            -1 < x.stack.indexOf(\"\\n    at\")\n              ? \" (<anonymous>)\"\n              : -1 < x.stack.indexOf(\"@\")\n                ? \"@unknown:0:0\"\n                : \"\";\n        }\n      return \"\\n\" + prefix + name + suffix;\n    }\n    function describeNativeComponentFrame(fn, construct) {\n      if (!fn || reentry) return \"\";\n      var frame = componentFrameCache.get(fn);\n      if (void 0 !== frame) return frame;\n      reentry = !0;\n      frame = Error.prepareStackTrace;\n      Error.prepareStackTrace = void 0;\n      var previousDispatcher = null;\n      previousDispatcher = ReactSharedInternals.H;\n      ReactSharedInternals.H = null;\n      disableLogs();\n      try {\n        var RunInRootFrame = {\n          DetermineComponentFrameRoot: function () {\n            try {\n              if (construct) {\n                var Fake = function () {\n                  throw Error();\n                };\n                Object.defineProperty(Fake.prototype, \"props\", {\n                  set: function () {\n                    throw Error();\n                  }\n                });\n                if (\"object\" === typeof Reflect && Reflect.construct) {\n                  try {\n                    Reflect.construct(Fake, []);\n                  } catch (x) {\n                    var control = x;\n                  }\n                  Reflect.construct(fn, [], Fake);\n                } else {\n                  try {\n                    Fake.call();\n                  } catch (x$0) {\n                    control = x$0;\n                  }\n                  fn.call(Fake.prototype);\n                }\n              } else {\n                try {\n                  throw Error();\n                } catch (x$1) {\n                  control = x$1;\n                }\n                (Fake = fn()) &&\n                  \"function\" === typeof Fake.catch &&\n                  Fake.catch(function () {});\n              }\n            } catch (sample) {\n              if (sample && control && \"string\" === typeof sample.stack)\n                return [sample.stack, control.stack];\n            }\n            return [null, null];\n          }\n        };\n        RunInRootFrame.DetermineComponentFrameRoot.displayName =\n          \"DetermineComponentFrameRoot\";\n        var namePropDescriptor = Object.getOwnPropertyDescriptor(\n          RunInRootFrame.DetermineComponentFrameRoot,\n          \"name\"\n        );\n        namePropDescriptor &&\n          namePropDescriptor.configurable &&\n          Object.defineProperty(\n            RunInRootFrame.DetermineComponentFrameRoot,\n            \"name\",\n            { value: \"DetermineComponentFrameRoot\" }\n          );\n        var _RunInRootFrame$Deter =\n            RunInRootFrame.DetermineComponentFrameRoot(),\n          sampleStack = _RunInRootFrame$Deter[0],\n          controlStack = _RunInRootFrame$Deter[1];\n        if (sampleStack && controlStack) {\n          var sampleLines = sampleStack.split(\"\\n\"),\n            controlLines = controlStack.split(\"\\n\");\n          for (\n            _RunInRootFrame$Deter = namePropDescriptor = 0;\n            namePropDescriptor < sampleLines.length &&\n            !sampleLines[namePropDescriptor].includes(\n              \"DetermineComponentFrameRoot\"\n            );\n\n          )\n            namePropDescriptor++;\n          for (\n            ;\n            _RunInRootFrame$Deter < controlLines.length &&\n            !controlLines[_RunInRootFrame$Deter].includes(\n              \"DetermineComponentFrameRoot\"\n            );\n\n          )\n            _RunInRootFrame$Deter++;\n          if (\n            namePropDescriptor === sampleLines.length ||\n            _RunInRootFrame$Deter === controlLines.length\n          )\n            for (\n              namePropDescriptor = sampleLines.length - 1,\n                _RunInRootFrame$Deter = controlLines.length - 1;\n              1 <= namePropDescriptor &&\n              0 <= _RunInRootFrame$Deter &&\n              sampleLines[namePropDescriptor] !==\n                controlLines[_RunInRootFrame$Deter];\n\n            )\n              _RunInRootFrame$Deter--;\n          for (\n            ;\n            1 <= namePropDescriptor && 0 <= _RunInRootFrame$Deter;\n            namePropDescriptor--, _RunInRootFrame$Deter--\n          )\n            if (\n              sampleLines[namePropDescriptor] !==\n              controlLines[_RunInRootFrame$Deter]\n            ) {\n              if (1 !== namePropDescriptor || 1 !== _RunInRootFrame$Deter) {\n                do\n                  if (\n                    (namePropDescriptor--,\n                    _RunInRootFrame$Deter--,\n                    0 > _RunInRootFrame$Deter ||\n                      sampleLines[namePropDescriptor] !==\n                        controlLines[_RunInRootFrame$Deter])\n                  ) {\n                    var _frame =\n                      \"\\n\" +\n                      sampleLines[namePropDescriptor].replace(\n                        \" at new \",\n                        \" at \"\n                      );\n                    fn.displayName &&\n                      _frame.includes(\"<anonymous>\") &&\n                      (_frame = _frame.replace(\"<anonymous>\", fn.displayName));\n                    \"function\" === typeof fn &&\n                      componentFrameCache.set(fn, _frame);\n                    return _frame;\n                  }\n                while (1 <= namePropDescriptor && 0 <= _RunInRootFrame$Deter);\n              }\n              break;\n            }\n        }\n      } finally {\n        (reentry = !1),\n          (ReactSharedInternals.H = previousDispatcher),\n          reenableLogs(),\n          (Error.prepareStackTrace = frame);\n      }\n      sampleLines = (sampleLines = fn ? fn.displayName || fn.name : \"\")\n        ? describeBuiltInComponentFrame(sampleLines)\n        : \"\";\n      \"function\" === typeof fn && componentFrameCache.set(fn, sampleLines);\n      return sampleLines;\n    }\n    function describeUnknownElementTypeFrameInDEV(type) {\n      if (null == type) return \"\";\n      if (\"function\" === typeof type) {\n        var prototype = type.prototype;\n        return describeNativeComponentFrame(\n          type,\n          !(!prototype || !prototype.isReactComponent)\n        );\n      }\n      if (\"string\" === typeof type) return describeBuiltInComponentFrame(type);\n      switch (type) {\n        case REACT_SUSPENSE_TYPE:\n          return describeBuiltInComponentFrame(\"Suspense\");\n        case REACT_SUSPENSE_LIST_TYPE:\n          return describeBuiltInComponentFrame(\"SuspenseList\");\n      }\n      if (\"object\" === typeof type)\n        switch (type.$$typeof) {\n          case REACT_FORWARD_REF_TYPE:\n            return (type = describeNativeComponentFrame(type.render, !1)), type;\n          case REACT_MEMO_TYPE:\n            return describeUnknownElementTypeFrameInDEV(type.type);\n          case REACT_LAZY_TYPE:\n            prototype = type._payload;\n            type = type._init;\n            try {\n              return describeUnknownElementTypeFrameInDEV(type(prototype));\n            } catch (x) {}\n        }\n      return \"\";\n    }\n    function getOwner() {\n      var dispatcher = ReactSharedInternals.A;\n      return null === dispatcher ? null : dispatcher.getOwner();\n    }\n    function hasValidKey(config) {\n      if (hasOwnProperty.call(config, \"key\")) {\n        var getter = Object.getOwnPropertyDescriptor(config, \"key\").get;\n        if (getter && getter.isReactWarning) return !1;\n      }\n      return void 0 !== config.key;\n    }\n    function defineKeyPropWarningGetter(props, displayName) {\n      function warnAboutAccessingKey() {\n        specialPropKeyWarningShown ||\n          ((specialPropKeyWarningShown = !0),\n          console.error(\n            \"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)\",\n            displayName\n          ));\n      }\n      warnAboutAccessingKey.isReactWarning = !0;\n      Object.defineProperty(props, \"key\", {\n        get: warnAboutAccessingKey,\n        configurable: !0\n      });\n    }\n    function elementRefGetterWithDeprecationWarning() {\n      var componentName = getComponentNameFromType(this.type);\n      didWarnAboutElementRef[componentName] ||\n        ((didWarnAboutElementRef[componentName] = !0),\n        console.error(\n          \"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.\"\n        ));\n      componentName = this.props.ref;\n      return void 0 !== componentName ? componentName : null;\n    }\n    function ReactElement(type, key, self, source, owner, props) {\n      self = props.ref;\n      type = {\n        $$typeof: REACT_ELEMENT_TYPE,\n        type: type,\n        key: key,\n        props: props,\n        _owner: owner\n      };\n      null !== (void 0 !== self ? self : null)\n        ? Object.defineProperty(type, \"ref\", {\n            enumerable: !1,\n            get: elementRefGetterWithDeprecationWarning\n          })\n        : Object.defineProperty(type, \"ref\", { enumerable: !1, value: null });\n      type._store = {};\n      Object.defineProperty(type._store, \"validated\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: 0\n      });\n      Object.defineProperty(type, \"_debugInfo\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: null\n      });\n      Object.freeze && (Object.freeze(type.props), Object.freeze(type));\n      return type;\n    }\n    function jsxDEVImpl(\n      type,\n      config,\n      maybeKey,\n      isStaticChildren,\n      source,\n      self\n    ) {\n      if (\n        \"string\" === typeof type ||\n        \"function\" === typeof type ||\n        type === REACT_FRAGMENT_TYPE ||\n        type === REACT_PROFILER_TYPE ||\n        type === REACT_STRICT_MODE_TYPE ||\n        type === REACT_SUSPENSE_TYPE ||\n        type === REACT_SUSPENSE_LIST_TYPE ||\n        type === REACT_OFFSCREEN_TYPE ||\n        (\"object\" === typeof type &&\n          null !== type &&\n          (type.$$typeof === REACT_LAZY_TYPE ||\n            type.$$typeof === REACT_MEMO_TYPE ||\n            type.$$typeof === REACT_CONTEXT_TYPE ||\n            type.$$typeof === REACT_CONSUMER_TYPE ||\n            type.$$typeof === REACT_FORWARD_REF_TYPE ||\n            type.$$typeof === REACT_CLIENT_REFERENCE$1 ||\n            void 0 !== type.getModuleId))\n      ) {\n        var children = config.children;\n        if (void 0 !== children)\n          if (isStaticChildren)\n            if (isArrayImpl(children)) {\n              for (\n                isStaticChildren = 0;\n                isStaticChildren < children.length;\n                isStaticChildren++\n              )\n                validateChildKeys(children[isStaticChildren], type);\n              Object.freeze && Object.freeze(children);\n            } else\n              console.error(\n                \"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.\"\n              );\n          else validateChildKeys(children, type);\n      } else {\n        children = \"\";\n        if (\n          void 0 === type ||\n          (\"object\" === typeof type &&\n            null !== type &&\n            0 === Object.keys(type).length)\n        )\n          children +=\n            \" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.\";\n        null === type\n          ? (isStaticChildren = \"null\")\n          : isArrayImpl(type)\n            ? (isStaticChildren = \"array\")\n            : void 0 !== type && type.$$typeof === REACT_ELEMENT_TYPE\n              ? ((isStaticChildren =\n                  \"<\" +\n                  (getComponentNameFromType(type.type) || \"Unknown\") +\n                  \" />\"),\n                (children =\n                  \" Did you accidentally export a JSX literal instead of a component?\"))\n              : (isStaticChildren = typeof type);\n        console.error(\n          \"React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s\",\n          isStaticChildren,\n          children\n        );\n      }\n      if (hasOwnProperty.call(config, \"key\")) {\n        children = getComponentNameFromType(type);\n        var keys = Object.keys(config).filter(function (k) {\n          return \"key\" !== k;\n        });\n        isStaticChildren =\n          0 < keys.length\n            ? \"{key: someKey, \" + keys.join(\": ..., \") + \": ...}\"\n            : \"{key: someKey}\";\n        didWarnAboutKeySpread[children + isStaticChildren] ||\n          ((keys =\n            0 < keys.length ? \"{\" + keys.join(\": ..., \") + \": ...}\" : \"{}\"),\n          console.error(\n            'A props object containing a \"key\" prop is being spread into JSX:\\n  let props = %s;\\n  <%s {...props} />\\nReact keys must be passed directly to JSX without using spread:\\n  let props = %s;\\n  <%s key={someKey} {...props} />',\n            isStaticChildren,\n            children,\n            keys,\n            children\n          ),\n          (didWarnAboutKeySpread[children + isStaticChildren] = !0));\n      }\n      children = null;\n      void 0 !== maybeKey &&\n        (checkKeyStringCoercion(maybeKey), (children = \"\" + maybeKey));\n      hasValidKey(config) &&\n        (checkKeyStringCoercion(config.key), (children = \"\" + config.key));\n      if (\"key\" in config) {\n        maybeKey = {};\n        for (var propName in config)\n          \"key\" !== propName && (maybeKey[propName] = config[propName]);\n      } else maybeKey = config;\n      children &&\n        defineKeyPropWarningGetter(\n          maybeKey,\n          \"function\" === typeof type\n            ? type.displayName || type.name || \"Unknown\"\n            : type\n        );\n      return ReactElement(type, children, self, source, getOwner(), maybeKey);\n    }\n    function validateChildKeys(node, parentType) {\n      if (\n        \"object\" === typeof node &&\n        node &&\n        node.$$typeof !== REACT_CLIENT_REFERENCE\n      )\n        if (isArrayImpl(node))\n          for (var i = 0; i < node.length; i++) {\n            var child = node[i];\n            isValidElement(child) && validateExplicitKey(child, parentType);\n          }\n        else if (isValidElement(node))\n          node._store && (node._store.validated = 1);\n        else if (\n          (null === node || \"object\" !== typeof node\n            ? (i = null)\n            : ((i =\n                (MAYBE_ITERATOR_SYMBOL && node[MAYBE_ITERATOR_SYMBOL]) ||\n                node[\"@@iterator\"]),\n              (i = \"function\" === typeof i ? i : null)),\n          \"function\" === typeof i &&\n            i !== node.entries &&\n            ((i = i.call(node)), i !== node))\n        )\n          for (; !(node = i.next()).done; )\n            isValidElement(node.value) &&\n              validateExplicitKey(node.value, parentType);\n    }\n    function isValidElement(object) {\n      return (\n        \"object\" === typeof object &&\n        null !== object &&\n        object.$$typeof === REACT_ELEMENT_TYPE\n      );\n    }\n    function validateExplicitKey(element, parentType) {\n      if (\n        element._store &&\n        !element._store.validated &&\n        null == element.key &&\n        ((element._store.validated = 1),\n        (parentType = getCurrentComponentErrorInfo(parentType)),\n        !ownerHasKeyUseWarning[parentType])\n      ) {\n        ownerHasKeyUseWarning[parentType] = !0;\n        var childOwner = \"\";\n        element &&\n          null != element._owner &&\n          element._owner !== getOwner() &&\n          ((childOwner = null),\n          \"number\" === typeof element._owner.tag\n            ? (childOwner = getComponentNameFromType(element._owner.type))\n            : \"string\" === typeof element._owner.name &&\n              (childOwner = element._owner.name),\n          (childOwner = \" It was passed a child from \" + childOwner + \".\"));\n        var prevGetCurrentStack = ReactSharedInternals.getCurrentStack;\n        ReactSharedInternals.getCurrentStack = function () {\n          var stack = describeUnknownElementTypeFrameInDEV(element.type);\n          prevGetCurrentStack && (stack += prevGetCurrentStack() || \"\");\n          return stack;\n        };\n        console.error(\n          'Each child in a list should have a unique \"key\" prop.%s%s See https://react.dev/link/warning-keys for more information.',\n          parentType,\n          childOwner\n        );\n        ReactSharedInternals.getCurrentStack = prevGetCurrentStack;\n      }\n    }\n    function getCurrentComponentErrorInfo(parentType) {\n      var info = \"\",\n        owner = getOwner();\n      owner &&\n        (owner = getComponentNameFromType(owner.type)) &&\n        (info = \"\\n\\nCheck the render method of `\" + owner + \"`.\");\n      info ||\n        ((parentType = getComponentNameFromType(parentType)) &&\n          (info =\n            \"\\n\\nCheck the top-level render call using <\" + parentType + \">.\"));\n      return info;\n    }\n    var React = require(\"react\"),\n      REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n      REACT_PORTAL_TYPE = Symbol.for(\"react.portal\"),\n      REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\"),\n      REACT_STRICT_MODE_TYPE = Symbol.for(\"react.strict_mode\"),\n      REACT_PROFILER_TYPE = Symbol.for(\"react.profiler\");\n    Symbol.for(\"react.provider\");\n    var REACT_CONSUMER_TYPE = Symbol.for(\"react.consumer\"),\n      REACT_CONTEXT_TYPE = Symbol.for(\"react.context\"),\n      REACT_FORWARD_REF_TYPE = Symbol.for(\"react.forward_ref\"),\n      REACT_SUSPENSE_TYPE = Symbol.for(\"react.suspense\"),\n      REACT_SUSPENSE_LIST_TYPE = Symbol.for(\"react.suspense_list\"),\n      REACT_MEMO_TYPE = Symbol.for(\"react.memo\"),\n      REACT_LAZY_TYPE = Symbol.for(\"react.lazy\"),\n      REACT_OFFSCREEN_TYPE = Symbol.for(\"react.offscreen\"),\n      MAYBE_ITERATOR_SYMBOL = Symbol.iterator,\n      REACT_CLIENT_REFERENCE$2 = Symbol.for(\"react.client.reference\"),\n      ReactSharedInternals =\n        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,\n      hasOwnProperty = Object.prototype.hasOwnProperty,\n      assign = Object.assign,\n      REACT_CLIENT_REFERENCE$1 = Symbol.for(\"react.client.reference\"),\n      isArrayImpl = Array.isArray,\n      disabledDepth = 0,\n      prevLog,\n      prevInfo,\n      prevWarn,\n      prevError,\n      prevGroup,\n      prevGroupCollapsed,\n      prevGroupEnd;\n    disabledLog.__reactDisabledLog = !0;\n    var prefix,\n      suffix,\n      reentry = !1;\n    var componentFrameCache = new (\n      \"function\" === typeof WeakMap ? WeakMap : Map\n    )();\n    var REACT_CLIENT_REFERENCE = Symbol.for(\"react.client.reference\"),\n      specialPropKeyWarningShown;\n    var didWarnAboutElementRef = {};\n    var didWarnAboutKeySpread = {},\n      ownerHasKeyUseWarning = {};\n    exports.Fragment = REACT_FRAGMENT_TYPE;\n    exports.jsx = function (type, config, maybeKey, source, self) {\n      return jsxDEVImpl(type, config, maybeKey, !1, source, self);\n    };\n    exports.jsxs = function (type, config, maybeKey, source, self) {\n      return jsxDEVImpl(type, config, maybeKey, !0, source, self);\n    };\n  })();\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-jsx-runtime.production.js');\n} else {\n  module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n","import { css } from 'styled-components'\nimport { Theme } from './lib'\n\nexport const opacityIn = (timeInSeconds: number) => css`\n  @keyframes opacityInFrames {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  animation: opacityInFrames ease-in-out ${timeInSeconds}s;\n`\n\nexport const fadeInFromLeft = (timeInSeconds: number) => css`\n  @keyframes fadein {\n    from {\n      opacity: 0;\n      transform: translateX(-3rem);\n    }\n    to {\n      opacity: 1;\n      transform: translateX(0);\n    }\n  }\n  -webkit-animation: fadein ${timeInSeconds}s;\n  -moz-animation: fadein ${timeInSeconds}s;\n  -ms-animation: fadein ${timeInSeconds}s;\n  -o-animation: fadein ${timeInSeconds}s;\n  animation: fadein ${timeInSeconds}s;\n`\n\nexport const styleScrollbar = (theme: Theme) => css`\n  ::-webkit-scrollbar {\n    width: 0.5rem;\n  }\n\n  /* Track */\n  ::-webkit-scrollbar-track {\n    background: ${theme.colors.gray800};\n  }\n\n  /* Handle */\n  ::-webkit-scrollbar-thumb {\n    background: ${theme.colors.gray600};\n    border-radius: 1rem;\n    height: 5rem;\n  }\n\n  /* Handle on hover */\n  ::-webkit-scrollbar-thumb:hover {\n    background: #555;\n  }\n`\n\nexport const breathingAnimation = (theme: Theme, timeInSeconds = 2.5) => css`\n  @keyframes breathing {\n    0% {\n      color: ${theme.colors.gray700};\n    }\n    50% {\n      color: ${theme.colors.gray100};\n    }\n    100% {\n      color: ${theme.colors.gray700};\n    }\n  }\n\n  animation: breathing ${timeInSeconds}s ease-in-out infinite;\n`\n","import { css } from 'styled-components';\n\nfunction _taggedTemplateLiteral(strings, raw) {\n  if (!raw) {\n    raw = strings.slice(0);\n  }\n\n  return Object.freeze(Object.defineProperties(strings, {\n    raw: {\n      value: Object.freeze(raw)\n    }\n  }));\n}\n\n/**\n * Converts breakpoint units in px to rem or em\n * @param {Object} breakpoints - an object containing breakpoint names as keys and the width as value\n * @param {number} ratio [16] - size of 1 rem in px. What is your main font-size in px?\n * @param {'rem' | 'em'} unit\n */\nfunction pxToEmOrRem(breakpoints) {\n  var ratio = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 16;\n  var unit = arguments.length > 2 ? arguments[2] : undefined;\n  var newBreakpoints = {};\n\n  for (var key in breakpoints) {\n    var point = breakpoints[key];\n\n    if (String(point).includes('px')) {\n      newBreakpoints[key] = +(parseInt(point) / ratio) + unit;\n      continue;\n    }\n\n    newBreakpoints[key] = point;\n  }\n\n  return newBreakpoints;\n}\n/**\n * Converts breakpoint units in px to em \n * @param {Object} breakpoints - an object containing breakpoint names as keys and the width as value\n * @param {number} ratio [16] - size of 1em in px. What is your main font-size in px?\n */\n\n\nfunction pxToEm(breakpoints) {\n  var ratio = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 16;\n  return pxToEmOrRem(breakpoints, ratio, 'em');\n}\n/**\n * Converts breakpoint units in px to rem \n * @param {Object} breakpoints - an object containing breakpoint names as keys and the width as value\n * @param {number} ratio [16] - size of 1rem in px. What is your main font-size in px?\n */\n\nfunction pxToRem(breakpoints) {\n  var ratio = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 16;\n  return pxToEmOrRem(breakpoints, ratio, 'rem');\n}\n\nfunction _templateObject5() {\n  var data = _taggedTemplateLiteral([\"\\n          @media (min-width: \", \") {\\n            \", \"\\n          }\\n        \"]);\n\n  _templateObject5 = function _templateObject5() {\n    return data;\n  };\n\n  return data;\n}\n\nfunction _templateObject4() {\n  var data = _taggedTemplateLiteral([\"\\n          @media (max-width: \", \") {\\n            \", \"\\n          }\\n        \"]);\n\n  _templateObject4 = function _templateObject4() {\n    return data;\n  };\n\n  return data;\n}\n\nfunction _templateObject3() {\n  var data = _taggedTemplateLiteral([\"\\n    @media (min-width: \", \") and\\n      (max-width: \", \") {\\n      \", \"\\n    }\\n  \"]);\n\n  _templateObject3 = function _templateObject3() {\n    return data;\n  };\n\n  return data;\n}\n\nfunction _templateObject2() {\n  var data = _taggedTemplateLiteral([\"\\n    @media (min-width: \", \") {\\n      \", \"\\n    }\\n  \"]);\n\n  _templateObject2 = function _templateObject2() {\n    return data;\n  };\n\n  return data;\n}\n\nfunction _templateObject() {\n  var data = _taggedTemplateLiteral([\"\\n    @media (max-width: \", \") {\\n      \", \"\\n    }\\n  \"]);\n\n  _templateObject = function _templateObject() {\n    return data;\n  };\n\n  return data;\n}\n/**\n * Default media breakpoints\n * @type {Object}\n */\n\nvar defaultBreakpoints = {\n  huge: '1440px',\n  large: '1170px',\n  medium: '768px',\n  small: '450px'\n};\n\nfunction getSizeFromBreakpoint(breakpointValue) {\n  var breakpoints = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n  if (breakpoints[breakpointValue]) {\n    return breakpoints[breakpointValue];\n  } else if (parseInt(breakpointValue)) {\n    return breakpointValue;\n  } else {\n    console.error('styled-media-query: No valid breakpoint or size specified for media.');\n    return '0';\n  }\n}\n/**\n * Media query generator\n * @param {Object} breakpoints - Map labels to breakpoint sizes\n * @return {Object} - Media generators for each breakpoint\n */\n\n\nfunction generateMedia() {\n  var breakpoints = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultBreakpoints;\n\n  var lessThan = function lessThan(breakpoint) {\n    return function () {\n      return css(_templateObject(), getSizeFromBreakpoint(breakpoint, breakpoints), css.apply(void 0, arguments));\n    };\n  };\n\n  var greaterThan = function greaterThan(breakpoint) {\n    return function () {\n      return css(_templateObject2(), getSizeFromBreakpoint(breakpoint, breakpoints), css.apply(void 0, arguments));\n    };\n  };\n\n  var between = function between(firstBreakpoint, secondBreakpoint) {\n    return function () {\n      return css(_templateObject3(), getSizeFromBreakpoint(firstBreakpoint, breakpoints), getSizeFromBreakpoint(secondBreakpoint, breakpoints), css.apply(void 0, arguments));\n    };\n  };\n\n  var oldStyle = Object.keys(breakpoints).reduce(function (acc, label) {\n    var size = breakpoints[label];\n\n    acc.to[label] = function () {\n      console.warn(\"styled-media-query: Use media.lessThan('\".concat(label, \"') instead of old media.to.\").concat(label, \" (Probably we'll deprecate it)\"));\n      return css(_templateObject4(), size, css.apply(void 0, arguments));\n    };\n\n    acc.from[label] = function () {\n      console.warn(\"styled-media-query: Use media.greaterThan('\".concat(label, \"') instead of old media.from.\").concat(label, \" (Probably we'll deprecate it)\"));\n      return css(_templateObject5(), size, css.apply(void 0, arguments));\n    };\n\n    return acc;\n  }, {\n    to: {},\n    from: {}\n  });\n  return Object.assign({\n    lessThan: lessThan,\n    greaterThan: greaterThan,\n    between: between\n  }, oldStyle);\n}\n/**\n * Media object with default breakpoints\n * @return {object} - Media generators for each size\n */\n\nvar index = generateMedia();\n/**\n * Usage: styled.div` ${media.from.medium`background: #000;`} `;\n * With this code, background for small and medium sizes will be `default` and for more than medium, will be `#000`\n */\n\nexport default index;\nexport { pxToEm, pxToRem, defaultBreakpoints, generateMedia };\n","import { generateMedia } from 'styled-media-query'\n\nfunction getTheme(darkMode = true) {\n  return {\n    grid: {\n      container: '130rem',\n      gutter: '3.2rem'\n    },\n    border: {\n      radius: '0.2rem',\n      color: darkMode ? '#292930' : '#E8E8E8'\n    },\n    font: {\n      family: {\n        neue: \"Neue Montreal, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif\",\n        coanda:\n          \"'Coanda', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif\"\n      },\n      regular: 400,\n      medium: 500,\n      semibold: 600,\n      bold: 700,\n      sizes: {\n        xxsmall: '1.4rem',\n        xsmall: '1.8rem',\n        small: '2rem',\n        medium: '3rem',\n        large: '7rem',\n        xlarge: '12rem',\n        xxlarge: '20rem',\n        huge: '23rem',\n        mobile: {\n          xsmall: '1.6rem',\n          small: '2rem',\n          medium: '3.6rem',\n          large: '5rem',\n          xlarge: '8rem'\n        }\n      }\n    },\n    colors: {\n      primary: '#93A7E3',\n      console: '#5AEDFC',\n      console2: '#B2F8FF',\n      consolePro: '#CA89F9',\n      aaveGho: '#D4CDEA',\n      topgear: '#FF86D1',\n      bgGradient:\n        'linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #0D0E11;',\n      success: '#66DB94',\n      error: '#F45562',\n      warning: '#FFAD0D',\n      white: '#FFFFFF',\n      black: '#000000',\n      gray100: '#E6E8ED',\n      gray200: '#DEE0E3',\n      gray300: '#CBCED1',\n      gray400: '#A8ADB5',\n      gray500: '#6D7178',\n      gray600: '#494C56',\n      gray700: '#292930',\n      gray800: '#18181C',\n      gray900: '#0D0D10',\n      light500: '#A3A3A3',\n      mainBg: '#0D0E11',\n      kernel: '#D9A4FF',\n      blast: '#F8FC53',\n      arbitrum: '#35434f',\n      automation: '#E4CAFF',\n      template: '#FDFFB1',\n      berabaddies: '#F478C4'\n    },\n    spacings: {\n      xxsmall: '0.8rem',\n      xsmall: '1.6rem',\n      small: '2.4rem',\n      medium: '3.2rem',\n      large: '4.0rem',\n      xlarge: '4.8rem',\n      xxlarge: '5.6rem'\n    },\n    layers: {\n      base: 10,\n      menu: 20,\n      overlay: 30,\n      modal: 40,\n      alwaysOnTop: 50\n    },\n    transition: {\n      default: '0.3s ease-in-out',\n      fast: '0.1s ease-in-out',\n      long: '0.7s ease-in-out'\n    }\n  } as const\n}\n\nconst theme = getTheme(true)\n\nconst customMediaBreakpoints = {\n  huge: 1600,\n  xLarge: 1400,\n  large: 1250,\n  medium: 950,\n  small: 700\n} as const\n\nconst customMedia = generateMedia({\n  huge: `${customMediaBreakpoints.huge}px`,\n  xLarge: `${customMediaBreakpoints.xLarge}px`,\n  large: `${customMediaBreakpoints.large}px`,\n  medium: `${customMediaBreakpoints.medium}px`,\n  small: `${customMediaBreakpoints.small}px`\n})\n\nexport type Theme = typeof theme\nexport { theme, customMedia, customMediaBreakpoints }\n\nexport const hexTransparencies = {\n  100: 'FF',\n  99: 'FC',\n  98: 'FA',\n  97: 'F7',\n  96: 'F5',\n  95: 'F2',\n  94: 'F0',\n  93: 'ED',\n  92: 'EB',\n  91: 'E8',\n  90: 'E6',\n  89: 'E3',\n  88: 'E0',\n  87: 'DE',\n  86: 'DB',\n  85: 'D9',\n  84: 'D6',\n  83: 'D4',\n  82: 'D1',\n  81: 'CF',\n  80: 'CC',\n  79: 'C9',\n  78: 'C7',\n  77: 'C4',\n  76: 'C2',\n  75: 'BF',\n  74: 'BD',\n  73: 'BA',\n  72: 'B8',\n  71: 'B5',\n  70: 'B3',\n  69: 'B0',\n  68: 'AD',\n  67: 'AB',\n  66: 'A8',\n  65: 'A6',\n  64: 'A3',\n  63: 'A1',\n  62: '9E',\n  61: '9C',\n  60: '99',\n  59: '96',\n  58: '94',\n  57: '91',\n  56: '8F',\n  55: '8C',\n  54: '8A',\n  53: '87',\n  52: '85',\n  51: '82',\n  50: '80',\n  49: '7D',\n  48: '7A',\n  47: '78',\n  46: '75',\n  45: '73',\n  44: '70',\n  43: '6E',\n  42: '6B',\n  41: '69',\n  40: '66',\n  39: '63',\n  38: '61',\n  37: '5E',\n  36: '5C',\n  35: '59',\n  34: '57',\n  33: '54',\n  32: '52',\n  31: '4F',\n  30: '4D',\n  29: '4A',\n  28: '47',\n  27: '45',\n  26: '42',\n  25: '40',\n  24: '3D',\n  23: '3B',\n  22: '38',\n  21: '36',\n  20: '33',\n  19: '30',\n  18: '2E',\n  17: '2B',\n  16: '29',\n  15: '26',\n  14: '24',\n  13: '21',\n  12: '1F',\n  11: '1C',\n  10: '1A',\n  9: '17',\n  8: '14',\n  7: '12',\n  6: '0F',\n  5: '0D',\n  4: '0A',\n  3: '08',\n  2: '05',\n  1: '03',\n  0: '00'\n}\n","import styled, { css } from 'styled-components'\n\nimport { opacityIn, styleScrollbar } from '@/styles'\nimport { theme } from '@/lib'\n\nexport const ModalWrapper = styled.div<{\n  isOpen: boolean\n  zIndex?: number\n  overlay: boolean\n  bgOpacity: number\n}>`\n  ${({ isOpen, zIndex, overlay, bgOpacity }) => css`\n    ${opacityIn(0.25)};\n    position: fixed;\n    width: 100vw;\n    height: 100vh;\n    top: 0;\n    left: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background: ${overlay ? `rgba(0, 0, 0, ${bgOpacity})` : 'transparent'};\n    z-index: ${zIndex || theme.layers.modal};\n    visibility: ${isOpen ? 'visible' : 'hidden'};\n    backdrop-filter: blur(4px);\n    -webkit-backdrop-filter: blur(4px);\n    overflow: hidden;\n  `}\n`\n\nexport const ModalContent = styled.div<{\n  top: number\n  isCenterAligned: boolean\n  marginBottom?: string\n}>`\n  ${({ top, isCenterAligned, marginBottom }) => css`\n    ${styleScrollbar(theme)}\n    display: flex;\n    justify-content: center;\n    overflow-y: auto;\n    height: 100%;\n    width: 100%;\n    overscroll-behavior: contain;\n\n    ${marginBottom && `margin-bottom: ${marginBottom}`};\n\n    ${isCenterAligned\n      ? css`\n          align-items: center;\n        `\n      : css`\n          padding-top: ${top}rem;\n        `}\n  `}\n`\n\nexport const BackgroundWrapper = styled.div<{ bgOpacity: number }>`\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  pointer-events: none;\n  z-index: -1;\n`\n","import React from 'react'\n\nimport * as S from './styles'\n\ntype ModalProps = {\n  children: React.ReactNode\n  isOpen: boolean\n  onClickOutside?: () => void\n  overlay?: boolean\n  top?: number\n  zIndex?: number\n  isCenterAligned?: boolean\n  marginBottom?: string\n  bgOpacity?: number\n  bgComponent?: React.ReactNode\n  style?: React.CSSProperties\n}\n\nexport default function Modal({\n  children,\n  isOpen,\n  onClickOutside,\n  top = 20,\n  zIndex,\n  overlay = true,\n  isCenterAligned = true,\n  marginBottom,\n  bgOpacity = 0.8,\n  bgComponent,\n  style\n}: ModalProps) {\n  return (\n    <S.ModalWrapper\n      bgOpacity={bgOpacity}\n      isOpen={isOpen}\n      zIndex={zIndex}\n      overlay={overlay}\n      style={style}\n    >\n      {bgComponent && (\n        <S.BackgroundWrapper bgOpacity={bgOpacity}>\n          {bgComponent}\n        </S.BackgroundWrapper>\n      )}\n      <S.ModalContent\n        top={top}\n        isCenterAligned={isCenterAligned}\n        marginBottom={marginBottom}\n        onClick={() => {\n          onClickOutside && onClickOutside()\n        }}\n      >\n        <div\n          onClick={(e) => {\n            e.stopPropagation()\n          }}\n        >\n          {children}\n        </div>\n      </S.ModalContent>\n    </S.ModalWrapper>\n  )\n}\n","import styled, { css } from 'styled-components'\n\nimport { theme } from '@/lib'\nimport { TTypographyType, TypographyProps } from '.'\n\nexport const wrapperModifiers: { [key in TTypographyType]: any } = {\n  TITLE_XXL: css`\n    font-family: ${theme.font.family.neue};\n    font-size: 2.8rem;\n    font-weight: ${theme.font.medium};\n    line-height: 4rem;\n  `,\n\n  TITLE_XL: css`\n    font-family: ${theme.font.family.neue};\n    font-size: 2.4rem;\n    font-weight: ${theme.font.medium};\n    line-height: 3.6rem;\n  `,\n\n  TITLE_L: css`\n    font-size: 2rem;\n    font-weight: ${theme.font.medium};\n    font-family: ${theme.font.family.neue};\n    line-height: 2.8rem;\n  `,\n\n  TITLE_M: css`\n    font-size: 1.8rem;\n    font-weight: ${theme.font.medium};\n    font-family: ${theme.font.family.neue};\n    line-height: 2.8rem;\n  `,\n\n  TITLE_S: css`\n    font-size: 1.6rem;\n    font-weight: ${theme.font.medium};\n    font-family: ${theme.font.family.neue};\n    line-height: 2.4rem;\n  `,\n\n  TITLE_XS: css`\n    font-size: 1.4rem;\n    font-weight: ${theme.font.medium};\n    font-family: ${theme.font.family.neue};\n    line-height: 2rem;\n  `,\n\n  BODY_L: css`\n    font-size: 1.8em;\n    line-height: 2.8rem;\n    font-weight: ${theme.font.regular};\n    font-family: ${theme.font.family.neue};\n  `,\n\n  BODY_M: css`\n    font-size: 1.6rem;\n    line-height: 2.4rem;\n    font-weight: ${theme.font.regular};\n    font-family: ${theme.font.family.neue};\n  `,\n\n  BODY_S: css`\n    font-size: 1.4rem;\n    line-height: 2rem;\n    font-weight: ${theme.font.regular};\n    font-family: ${theme.font.family.neue};\n  `,\n\n  BODY_XS: css`\n    font-size: 1.2rem;\n    line-height: 1.6rem;\n    font-weight: ${theme.font.regular};\n    font-family: ${theme.font.family.neue};\n  `,\n\n  BODY_XXS: css`\n    font-size: 1rem;\n    line-height: 1.6rem;\n    font-weight: ${theme.font.regular};\n    font-family: ${theme.font.family.neue};\n  `,\n\n  BODY_MEDIUM_L: css`\n    font-size: 1.8rem;\n    line-height: 2.8rem;\n    font-weight: ${theme.font.medium};\n    font-family: ${theme.font.family.neue};\n  `,\n\n  BODY_MEDIUM_M: css`\n    font-size: 1.6rem;\n    line-height: 2.4rem;\n    font-weight: ${theme.font.medium};\n    font-family: ${theme.font.family.neue};\n  `,\n\n  BODY_MEDIUM_S: css`\n    font-size: 1.4rem;\n    line-height: 2rem;\n    font-weight: ${theme.font.medium};\n    font-family: ${theme.font.family.neue};\n  `,\n\n  BODY_MEDIUM_XS: css`\n    font-size: 1.2rem;\n    line-height: 1.6rem;\n    font-weight: ${theme.font.medium};\n    font-family: ${theme.font.family.neue};\n  `,\n\n  TAG: css`\n    font-size: 1.6rem;\n    line-height: 2.4rem;\n    font-weight: ${theme.font.medium};\n    font-family: ${theme.font.family.neue};\n    text-transform: uppercase;\n  `,\n\n  BUTTON: css`\n    font-family: ${theme.font.family.neue};\n    font-weight: ${theme.font.bold};\n    font-size: ${theme.font.sizes.small};\n    line-height: 28px;\n  `,\n\n  LINK: css`\n    font-size: 1.4rem;\n    line-height: 2.4rem;\n    font-weight: ${theme.font.medium};\n    font-family: ${theme.font.family.neue};\n    text-decoration: underline;\n  `,\n\n  TITLE_COANDA: css`\n    font-family: 'Coanda';\n    font-size: 6.4rem;\n    font-weight: 400;\n    line-height: 8rem;\n  `\n}\n\ntype WrapperProps = TypographyProps & { [x: string]: any }\n\nexport const Wrapper = styled.p<WrapperProps>`\n  ${({ type, color, shouldInheritColor, textAlign, hoverColor }) => css`\n    color: ${color ? color : theme.colors.gray200};\n    text-align: ${textAlign ? textAlign : 'center'};\n    ${!!type && wrapperModifiers[type]}\n    ${shouldInheritColor && 'color: inherit'};\n    transition: color ${theme.transition.default};\n\n    ${hoverColor &&\n    css`\n      &:hover {\n        color: ${hoverColor};\n      }\n    `}\n\n    &::selection {\n      background-color: ${theme.colors.console2};\n      color: ${theme.colors.black};\n    }\n    &::-moz-selection {\n      background-color: ${theme.colors.console2};\n      color: ${theme.colors.black};\n    }\n  `}\n`\n","import React, { CSSProperties } from 'react'\n\nimport * as S from './styles'\n\nexport type TTypographyType =\n  | 'BUTTON'\n  | 'TITLE_XXL'\n  | 'TITLE_XL'\n  | 'TITLE_L'\n  | 'TITLE_M'\n  | 'TITLE_S'\n  | 'TITLE_XS'\n  | 'BODY_L'\n  | 'BODY_M'\n  | 'BODY_S'\n  | 'BODY_XS'\n  | 'BODY_XXS'\n  | 'BODY_MEDIUM_L'\n  | 'BODY_MEDIUM_M'\n  | 'BODY_MEDIUM_S'\n  | 'BODY_MEDIUM_XS'\n  | 'TAG'\n  | 'LINK'\n  | 'TITLE_COANDA'\n\nexport type TypographyProps = {\n  type?: TTypographyType\n  children: React.ReactNode\n  textAlign?: string\n  as?: React.ElementType\n  color?: string\n  hoverColor?: string\n  shouldInheritColor?: boolean\n  style?: CSSProperties\n} & React.HTMLProps<HTMLDivElement>\n\nexport default function Typography({\n  type = 'TITLE_S',\n  children,\n  color,\n  hoverColor,\n  textAlign = 'left',\n  shouldInheritColor = false,\n  style,\n  ...props\n}: TypographyProps) {\n  return (\n    <S.Wrapper\n      type={type}\n      color={color}\n      shouldInheritColor={shouldInheritColor}\n      style={style}\n      textAlign={textAlign}\n      hoverColor={hoverColor}\n      {...props}\n    >\n      {children}\n    </S.Wrapper>\n  )\n}\n","import styled, { css } from 'styled-components'\r\nimport { hexTransparencies, theme } from '@/lib'\r\nimport { ButtonSize, ButtonTypeProp } from '.'\r\n\r\ntype StyledButtonProp = {\r\n  buttonType: ButtonTypeProp\r\n  buttonSize: ButtonSize\r\n  removePadding?: boolean\r\n}\r\n\r\nconst selectStyle: { [key in ButtonTypeProp | ButtonSize]: any } = {\r\n  primary: () => css`\r\n    background: ${theme.colors.console2}14;\r\n    border: 1px solid ${theme.colors.console2};\r\n    color: ${theme.colors.console2};\r\n\r\n    &:hover {\r\n      background: ${theme.colors.console2}2B;\r\n      border: 1px solid ${theme.colors.console2};\r\n    }\r\n  `,\r\n\r\n  secondary: () => css`\r\n    color: ${theme.colors.gray400};\r\n    background-color: transparent;\r\n    border: 1px solid ${theme.colors.gray700};\r\n\r\n    &:hover {\r\n      background: ${theme.colors.gray700};\r\n      border: 1px solid ${theme.colors.gray600};\r\n      color: ${theme.colors.gray300};\r\n    }\r\n  `,\r\n\r\n  black: () => css`\r\n    border: 1px solid ${theme.colors.black};\r\n    color: ${theme.colors.console2};\r\n    background-color: ${theme.colors.black};\r\n\r\n    &:hover {\r\n      background: transparent;\r\n      border: 1px solid ${theme.colors.black};\r\n      color: ${theme.colors.black};\r\n    }\r\n  `,\r\n\r\n  warning: () => css`\r\n    background: ${theme.colors.warning}10;\r\n    border: 1px solid ${theme.colors.warning};\r\n    color: ${theme.colors.warning};\r\n\r\n    &:hover {\r\n      background: ${theme.colors.warning}30;\r\n    }\r\n  `,\r\n\r\n  warningSecondary: () => css`\r\n    background: transparent;\r\n    border: 1px solid ${theme.colors.warning};\r\n    color: ${theme.colors.warning};\r\n\r\n    &:hover {\r\n      background: ${theme.colors.warning}30;\r\n    }\r\n  `,\r\n\r\n  danger: () => css`\r\n    background: ${theme.colors.error}10;\r\n    border: 1px solid ${theme.colors.error};\r\n    color: ${theme.colors.err