` will be\r\n passed to the HTML element, allowing you set the `className`, `style`, etc.\r\n\n ```jsx\r\n import { InView } from 'react-intersection-observer';\r\n\n const Component = () => (\r\n console.log('Inview:', inView)}>\r\n Plain children are always rendered. Use onChange to monitor state.
\r\n \r\n );\r\n\n export default Component;\r\n ```\r\n */\n\n\nvar InView = /*#__PURE__*/function (_React$Component) {\n _inheritsLoose(InView, _React$Component);\n\n function InView(props) {\n var _this;\n\n _this = _React$Component.call(this, props) || this;\n _this.node = null;\n _this._unobserveCb = null;\n\n _this.handleNode = function (node) {\n if (_this.node) {\n // Clear the old observer, before we start observing a new element\n _this.unobserve();\n\n if (!node && !_this.props.triggerOnce && !_this.props.skip) {\n // Reset the state if we get a new node, and we aren't ignoring updates\n _this.setState({\n inView: !!_this.props.initialInView,\n entry: undefined\n });\n }\n }\n\n _this.node = node ? node : null;\n\n _this.observeNode();\n };\n\n _this.handleChange = function (inView, entry) {\n if (inView && _this.props.triggerOnce) {\n // If `triggerOnce` is true, we should stop observing the element.\n _this.unobserve();\n }\n\n if (!isPlainChildren(_this.props)) {\n // Store the current State, so we can pass it to the children in the next render update\n // There's no reason to update the state for plain children, since it's not used in the rendering.\n _this.setState({\n inView: inView,\n entry: entry\n });\n }\n\n if (_this.props.onChange) {\n // If the user is actively listening for onChange, always trigger it\n _this.props.onChange(inView, entry);\n }\n };\n\n _this.state = {\n inView: !!props.initialInView,\n entry: undefined\n };\n return _this;\n }\n\n var _proto = InView.prototype;\n\n _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n // If a IntersectionObserver option changed, reinit the observer\n if (prevProps.rootMargin !== this.props.rootMargin || prevProps.root !== this.props.root || prevProps.threshold !== this.props.threshold || prevProps.skip !== this.props.skip || prevProps.trackVisibility !== this.props.trackVisibility || prevProps.delay !== this.props.delay) {\n this.unobserve();\n this.observeNode();\n }\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n this.unobserve();\n this.node = null;\n };\n\n _proto.observeNode = function observeNode() {\n if (!this.node || this.props.skip) return;\n var _this$props = this.props,\n threshold = _this$props.threshold,\n root = _this$props.root,\n rootMargin = _this$props.rootMargin,\n trackVisibility = _this$props.trackVisibility,\n delay = _this$props.delay;\n this._unobserveCb = observe(this.node, this.handleChange, {\n threshold: threshold,\n root: root,\n rootMargin: rootMargin,\n // @ts-ignore\n trackVisibility: trackVisibility,\n // @ts-ignore\n delay: delay\n });\n };\n\n _proto.unobserve = function unobserve() {\n if (this._unobserveCb) {\n this._unobserveCb();\n\n this._unobserveCb = null;\n }\n };\n\n _proto.render = function render() {\n if (!isPlainChildren(this.props)) {\n var _this$state = this.state,\n inView = _this$state.inView,\n entry = _this$state.entry;\n return this.props.children({\n inView: inView,\n entry: entry,\n ref: this.handleNode\n });\n }\n\n var _this$props2 = this.props,\n children = _this$props2.children,\n as = _this$props2.as,\n tag = _this$props2.tag,\n props = _objectWithoutPropertiesLoose(_this$props2, [\"children\", \"as\", \"tag\", \"triggerOnce\", \"threshold\", \"root\", \"rootMargin\", \"onChange\", \"skip\", \"trackVisibility\", \"delay\", \"initialInView\"]);\n\n return /*#__PURE__*/createElement(as || tag || 'div', _extends({\n ref: this.handleNode\n }, props), children);\n };\n\n return InView;\n}(Component);\n\nInView.displayName = 'InView';\nInView.defaultProps = {\n threshold: 0,\n triggerOnce: false,\n initialInView: false\n};\n/**\r\n * React Hooks make it easy to monitor the `inView` state of your components. Call\r\n * the `useInView` hook with the (optional) [options](#options) you need. It will\r\n * return an array containing a `ref`, the `inView` status and the current\r\n * [`entry`](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry).\r\n * Assign the `ref` to the DOM element you want to monitor, and the hook will\r\n * report the status.\r\n *\r\n * @example\r\n * ```jsx\r\n * import React from 'react';\r\n * import { useInView } from 'react-intersection-observer';\r\n *\r\n * const Component = () => {\r\n * const { ref, inView, entry } = useInView({\r\n * threshold: 0,\r\n * });\r\n *\r\n * return (\r\n * \r\n *
{`Header inside viewport ${inView}.`}
\r\n * \r\n * );\r\n * };\r\n * ```\r\n */\n\nfunction useInView(_temp) {\n var _ref = _temp === void 0 ? {} : _temp,\n threshold = _ref.threshold,\n delay = _ref.delay,\n trackVisibility = _ref.trackVisibility,\n rootMargin = _ref.rootMargin,\n root = _ref.root,\n triggerOnce = _ref.triggerOnce,\n skip = _ref.skip,\n initialInView = _ref.initialInView;\n\n var unobserve = useRef();\n\n var _React$useState = useState({\n inView: !!initialInView\n }),\n state = _React$useState[0],\n setState = _React$useState[1];\n\n var setRef = useCallback(function (node) {\n if (unobserve.current !== undefined) {\n unobserve.current();\n unobserve.current = undefined;\n } // Skip creating the observer\n\n\n if (skip) return;\n\n if (node) {\n unobserve.current = observe(node, function (inView, entry) {\n setState({\n inView: inView,\n entry: entry\n });\n\n if (entry.isIntersecting && triggerOnce && unobserve.current) {\n // If it should only trigger once, unobserve the element after it's inView\n unobserve.current();\n unobserve.current = undefined;\n }\n }, {\n root: root,\n rootMargin: rootMargin,\n threshold: threshold,\n // @ts-ignore\n trackVisibility: trackVisibility,\n // @ts-ignore\n delay: delay\n });\n }\n }, // We break the rule here, because we aren't including the actual `threshold` variable\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [// If the threshold is an array, convert it to a string so it won't change between renders.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n Array.isArray(threshold) ? threshold.toString() : threshold, root, rootMargin, triggerOnce, skip, trackVisibility, delay]);\n /* eslint-disable-next-line */\n\n useEffect(function () {\n if (!unobserve.current && state.entry && !triggerOnce && !skip) {\n // If we don't have a ref, then reset the state (unless the hook is set to only `triggerOnce` or `skip`)\n // This ensures we correctly reflect the current state - If you aren't observing anything, then nothing is inView\n setState({\n inView: !!initialInView\n });\n }\n });\n var result = [setRef, state.inView, state.entry]; // Support object destructuring, by adding the specific values.\n\n result.ref = result[0];\n result.inView = result[1];\n result.entry = result[2];\n return result;\n}\n\nexport default InView;\nexport { InView, observe, useInView };","export default {\r\n float: {\r\n y: ['5%', '0%'],\r\n transition: {\r\n duration: 1.5,\r\n repeat: Infinity,\r\n repeatType: 'reverse'\r\n }\r\n },\r\n floatFaster: {\r\n y: ['7%', '0%'],\r\n transition: {\r\n duration: 1.3,\r\n repeat: Infinity,\r\n repeatType: 'reverse'\r\n }\r\n },\r\n fadeIn: { opacity: [null, 1] },\r\n fadeInUp: { opacity: [null, 1], y: ['20%', '0%'] },\r\n fadeInDown: { opacity: [null, 1], y: ['-20%', '0%'] },\r\n fadeInLeft: { opacity: [null, 1], x: ['-20%', '0%'] },\r\n fadeInDeepLeft: { opacity: [null, 1], x: ['-40%', '0%'] },\r\n fadeInRight: { opacity: [null, 1], x: ['20%', '0%'] },\r\n fadeInDeepRight: { opacity: [null, 1], x: ['40%', '0%'] },\r\n fadeInGrow: { opacity: [null, 1], scale: [0.9, 1] },\r\n fadeInPop: { opacity: [null, 1], scale: [0.9, 1.1, 1] },\r\n fadeInBounce: {\r\n stiffness: 10000,\r\n opacity: [null, 1],\r\n scale: [0.3, 1.1, 0.9, 1.03, 0.97, 1]\r\n },\r\n fadeInRotate: {\r\n scale: [0.8, 1],\r\n rotate: [350, 360],\r\n opacity: [null, 1]\r\n }\r\n}\r\n","import React from 'react'\r\nimport PropTypes from 'prop-types'\r\nimport { useInView } from 'react-intersection-observer'\r\nimport { motion } from 'framer-motion'\r\nimport variants from './Reveal.variants'\r\n\r\nconst Reveal = ({\r\n effect,\r\n children,\r\n threshold,\r\n duration,\r\n delay,\r\n transition,\r\n animate,\r\n ...props\r\n}) => {\r\n const [ref, inView] = useInView({\r\n triggerOnce: true,\r\n threshold\r\n })\r\n\r\n return (\r\n \r\n {children}\r\n \r\n )\r\n}\r\n\r\nexport default Reveal\r\n\r\nReveal.defaultProps = {\r\n effect: 'fadeInUp',\r\n threshold: 0.3,\r\n duration: 0.5,\r\n delay: 0,\r\n transition: null,\r\n animate: null\r\n}\r\n\r\nReveal.propTypes = {\r\n effect: PropTypes.oneOf(Object.keys(variants))\r\n}\r\n","import PropTypes from 'prop-types';\nimport withSideEffect from 'react-side-effect';\nimport isEqual from 'react-fast-compare';\nimport React from 'react';\nimport objectAssign from 'object-assign';\nvar ATTRIBUTE_NAMES = {\n BODY: \"bodyAttributes\",\n HTML: \"htmlAttributes\",\n TITLE: \"titleAttributes\"\n};\nvar TAG_NAMES = {\n BASE: \"base\",\n BODY: \"body\",\n HEAD: \"head\",\n HTML: \"html\",\n LINK: \"link\",\n META: \"meta\",\n NOSCRIPT: \"noscript\",\n SCRIPT: \"script\",\n STYLE: \"style\",\n TITLE: \"title\"\n};\nvar VALID_TAG_NAMES = Object.keys(TAG_NAMES).map(function (name) {\n return TAG_NAMES[name];\n});\nvar TAG_PROPERTIES = {\n CHARSET: \"charset\",\n CSS_TEXT: \"cssText\",\n HREF: \"href\",\n HTTPEQUIV: \"http-equiv\",\n INNER_HTML: \"innerHTML\",\n ITEM_PROP: \"itemprop\",\n NAME: \"name\",\n PROPERTY: \"property\",\n REL: \"rel\",\n SRC: \"src\",\n TARGET: \"target\"\n};\nvar REACT_TAG_MAP = {\n accesskey: \"accessKey\",\n charset: \"charSet\",\n class: \"className\",\n contenteditable: \"contentEditable\",\n contextmenu: \"contextMenu\",\n \"http-equiv\": \"httpEquiv\",\n itemprop: \"itemProp\",\n tabindex: \"tabIndex\"\n};\nvar HELMET_PROPS = {\n DEFAULT_TITLE: \"defaultTitle\",\n DEFER: \"defer\",\n ENCODE_SPECIAL_CHARACTERS: \"encodeSpecialCharacters\",\n ON_CHANGE_CLIENT_STATE: \"onChangeClientState\",\n TITLE_TEMPLATE: \"titleTemplate\"\n};\nvar HTML_TAG_MAP = Object.keys(REACT_TAG_MAP).reduce(function (obj, key) {\n obj[REACT_TAG_MAP[key]] = key;\n return obj;\n}, {});\nvar SELF_CLOSING_TAGS = [TAG_NAMES.NOSCRIPT, TAG_NAMES.SCRIPT, TAG_NAMES.STYLE];\nvar HELMET_ATTRIBUTE = \"data-react-helmet\";\n\nvar _typeof = typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\" ? function (obj) {\n return typeof obj;\n} : function (obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n};\n\nvar classCallCheck = function classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n};\n\nvar createClass = function () {\n function defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n }\n\n return function (Constructor, protoProps, staticProps) {\n if (protoProps) defineProperties(Constructor.prototype, protoProps);\n if (staticProps) defineProperties(Constructor, staticProps);\n return Constructor;\n };\n}();\n\nvar _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n};\n\nvar inherits = function inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass);\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n enumerable: false,\n writable: true,\n configurable: true\n }\n });\n if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;\n};\n\nvar objectWithoutProperties = function objectWithoutProperties(obj, keys) {\n var target = {};\n\n for (var i in obj) {\n if (keys.indexOf(i) >= 0) continue;\n if (!Object.prototype.hasOwnProperty.call(obj, i)) continue;\n target[i] = obj[i];\n }\n\n return target;\n};\n\nvar possibleConstructorReturn = function possibleConstructorReturn(self, call) {\n if (!self) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self;\n};\n\nvar encodeSpecialCharacters = function encodeSpecialCharacters(str) {\n var encode = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n\n if (encode === false) {\n return String(str);\n }\n\n return String(str).replace(/&/g, \"&\").replace(//g, \">\").replace(/\"/g, \""\").replace(/'/g, \"'\");\n};\n\nvar getTitleFromPropsList = function getTitleFromPropsList(propsList) {\n var innermostTitle = getInnermostProperty(propsList, TAG_NAMES.TITLE);\n var innermostTemplate = getInnermostProperty(propsList, HELMET_PROPS.TITLE_TEMPLATE);\n\n if (innermostTemplate && innermostTitle) {\n // use function arg to avoid need to escape $ characters\n return innermostTemplate.replace(/%s/g, function () {\n return Array.isArray(innermostTitle) ? innermostTitle.join(\"\") : innermostTitle;\n });\n }\n\n var innermostDefaultTitle = getInnermostProperty(propsList, HELMET_PROPS.DEFAULT_TITLE);\n return innermostTitle || innermostDefaultTitle || undefined;\n};\n\nvar getOnChangeClientState = function getOnChangeClientState(propsList) {\n return getInnermostProperty(propsList, HELMET_PROPS.ON_CHANGE_CLIENT_STATE) || function () {};\n};\n\nvar getAttributesFromPropsList = function getAttributesFromPropsList(tagType, propsList) {\n return propsList.filter(function (props) {\n return typeof props[tagType] !== \"undefined\";\n }).map(function (props) {\n return props[tagType];\n }).reduce(function (tagAttrs, current) {\n return _extends({}, tagAttrs, current);\n }, {});\n};\n\nvar getBaseTagFromPropsList = function getBaseTagFromPropsList(primaryAttributes, propsList) {\n return propsList.filter(function (props) {\n return typeof props[TAG_NAMES.BASE] !== \"undefined\";\n }).map(function (props) {\n return props[TAG_NAMES.BASE];\n }).reverse().reduce(function (innermostBaseTag, tag) {\n if (!innermostBaseTag.length) {\n var keys = Object.keys(tag);\n\n for (var i = 0; i < keys.length; i++) {\n var attributeKey = keys[i];\n var lowerCaseAttributeKey = attributeKey.toLowerCase();\n\n if (primaryAttributes.indexOf(lowerCaseAttributeKey) !== -1 && tag[lowerCaseAttributeKey]) {\n return innermostBaseTag.concat(tag);\n }\n }\n }\n\n return innermostBaseTag;\n }, []);\n};\n\nvar getTagsFromPropsList = function getTagsFromPropsList(tagName, primaryAttributes, propsList) {\n // Calculate list of tags, giving priority innermost component (end of the propslist)\n var approvedSeenTags = {};\n return propsList.filter(function (props) {\n if (Array.isArray(props[tagName])) {\n return true;\n }\n\n if (typeof props[tagName] !== \"undefined\") {\n warn(\"Helmet: \" + tagName + \" should be of type \\\"Array\\\". Instead found type \\\"\" + _typeof(props[tagName]) + \"\\\"\");\n }\n\n return false;\n }).map(function (props) {\n return props[tagName];\n }).reverse().reduce(function (approvedTags, instanceTags) {\n var instanceSeenTags = {};\n instanceTags.filter(function (tag) {\n var primaryAttributeKey = void 0;\n var keys = Object.keys(tag);\n\n for (var i = 0; i < keys.length; i++) {\n var attributeKey = keys[i];\n var lowerCaseAttributeKey = attributeKey.toLowerCase(); // Special rule with link tags, since rel and href are both primary tags, rel takes priority\n\n if (primaryAttributes.indexOf(lowerCaseAttributeKey) !== -1 && !(primaryAttributeKey === TAG_PROPERTIES.REL && tag[primaryAttributeKey].toLowerCase() === \"canonical\") && !(lowerCaseAttributeKey === TAG_PROPERTIES.REL && tag[lowerCaseAttributeKey].toLowerCase() === \"stylesheet\")) {\n primaryAttributeKey = lowerCaseAttributeKey;\n } // Special case for innerHTML which doesn't work lowercased\n\n\n if (primaryAttributes.indexOf(attributeKey) !== -1 && (attributeKey === TAG_PROPERTIES.INNER_HTML || attributeKey === TAG_PROPERTIES.CSS_TEXT || attributeKey === TAG_PROPERTIES.ITEM_PROP)) {\n primaryAttributeKey = attributeKey;\n }\n }\n\n if (!primaryAttributeKey || !tag[primaryAttributeKey]) {\n return false;\n }\n\n var value = tag[primaryAttributeKey].toLowerCase();\n\n if (!approvedSeenTags[primaryAttributeKey]) {\n approvedSeenTags[primaryAttributeKey] = {};\n }\n\n if (!instanceSeenTags[primaryAttributeKey]) {\n instanceSeenTags[primaryAttributeKey] = {};\n }\n\n if (!approvedSeenTags[primaryAttributeKey][value]) {\n instanceSeenTags[primaryAttributeKey][value] = true;\n return true;\n }\n\n return false;\n }).reverse().forEach(function (tag) {\n return approvedTags.push(tag);\n }); // Update seen tags with tags from this instance\n\n var keys = Object.keys(instanceSeenTags);\n\n for (var i = 0; i < keys.length; i++) {\n var attributeKey = keys[i];\n var tagUnion = objectAssign({}, approvedSeenTags[attributeKey], instanceSeenTags[attributeKey]);\n approvedSeenTags[attributeKey] = tagUnion;\n }\n\n return approvedTags;\n }, []).reverse();\n};\n\nvar getInnermostProperty = function getInnermostProperty(propsList, property) {\n for (var i = propsList.length - 1; i >= 0; i--) {\n var props = propsList[i];\n\n if (props.hasOwnProperty(property)) {\n return props[property];\n }\n }\n\n return null;\n};\n\nvar reducePropsToState = function reducePropsToState(propsList) {\n return {\n baseTag: getBaseTagFromPropsList([TAG_PROPERTIES.HREF, TAG_PROPERTIES.TARGET], propsList),\n bodyAttributes: getAttributesFromPropsList(ATTRIBUTE_NAMES.BODY, propsList),\n defer: getInnermostProperty(propsList, HELMET_PROPS.DEFER),\n encode: getInnermostProperty(propsList, HELMET_PROPS.ENCODE_SPECIAL_CHARACTERS),\n htmlAttributes: getAttributesFromPropsList(ATTRIBUTE_NAMES.HTML, propsList),\n linkTags: getTagsFromPropsList(TAG_NAMES.LINK, [TAG_PROPERTIES.REL, TAG_PROPERTIES.HREF], propsList),\n metaTags: getTagsFromPropsList(TAG_NAMES.META, [TAG_PROPERTIES.NAME, TAG_PROPERTIES.CHARSET, TAG_PROPERTIES.HTTPEQUIV, TAG_PROPERTIES.PROPERTY, TAG_PROPERTIES.ITEM_PROP], propsList),\n noscriptTags: getTagsFromPropsList(TAG_NAMES.NOSCRIPT, [TAG_PROPERTIES.INNER_HTML], propsList),\n onChangeClientState: getOnChangeClientState(propsList),\n scriptTags: getTagsFromPropsList(TAG_NAMES.SCRIPT, [TAG_PROPERTIES.SRC, TAG_PROPERTIES.INNER_HTML], propsList),\n styleTags: getTagsFromPropsList(TAG_NAMES.STYLE, [TAG_PROPERTIES.CSS_TEXT], propsList),\n title: getTitleFromPropsList(propsList),\n titleAttributes: getAttributesFromPropsList(ATTRIBUTE_NAMES.TITLE, propsList)\n };\n};\n\nvar rafPolyfill = function () {\n var clock = Date.now();\n return function (callback) {\n var currentTime = Date.now();\n\n if (currentTime - clock > 16) {\n clock = currentTime;\n callback(currentTime);\n } else {\n setTimeout(function () {\n rafPolyfill(callback);\n }, 0);\n }\n };\n}();\n\nvar cafPolyfill = function cafPolyfill(id) {\n return clearTimeout(id);\n};\n\nvar requestAnimationFrame = typeof window !== \"undefined\" ? window.requestAnimationFrame && window.requestAnimationFrame.bind(window) || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || rafPolyfill : global.requestAnimationFrame || rafPolyfill;\nvar cancelAnimationFrame = typeof window !== \"undefined\" ? window.cancelAnimationFrame || window.webkitCancelAnimationFrame || window.mozCancelAnimationFrame || cafPolyfill : global.cancelAnimationFrame || cafPolyfill;\n\nvar warn = function warn(msg) {\n return console && typeof console.warn === \"function\" && console.warn(msg);\n};\n\nvar _helmetCallback = null;\n\nvar handleClientStateChange = function handleClientStateChange(newState) {\n if (_helmetCallback) {\n cancelAnimationFrame(_helmetCallback);\n }\n\n if (newState.defer) {\n _helmetCallback = requestAnimationFrame(function () {\n commitTagChanges(newState, function () {\n _helmetCallback = null;\n });\n });\n } else {\n commitTagChanges(newState);\n _helmetCallback = null;\n }\n};\n\nvar commitTagChanges = function commitTagChanges(newState, cb) {\n var baseTag = newState.baseTag,\n bodyAttributes = newState.bodyAttributes,\n htmlAttributes = newState.htmlAttributes,\n linkTags = newState.linkTags,\n metaTags = newState.metaTags,\n noscriptTags = newState.noscriptTags,\n onChangeClientState = newState.onChangeClientState,\n scriptTags = newState.scriptTags,\n styleTags = newState.styleTags,\n title = newState.title,\n titleAttributes = newState.titleAttributes;\n updateAttributes(TAG_NAMES.BODY, bodyAttributes);\n updateAttributes(TAG_NAMES.HTML, htmlAttributes);\n updateTitle(title, titleAttributes);\n var tagUpdates = {\n baseTag: updateTags(TAG_NAMES.BASE, baseTag),\n linkTags: updateTags(TAG_NAMES.LINK, linkTags),\n metaTags: updateTags(TAG_NAMES.META, metaTags),\n noscriptTags: updateTags(TAG_NAMES.NOSCRIPT, noscriptTags),\n scriptTags: updateTags(TAG_NAMES.SCRIPT, scriptTags),\n styleTags: updateTags(TAG_NAMES.STYLE, styleTags)\n };\n var addedTags = {};\n var removedTags = {};\n Object.keys(tagUpdates).forEach(function (tagType) {\n var _tagUpdates$tagType = tagUpdates[tagType],\n newTags = _tagUpdates$tagType.newTags,\n oldTags = _tagUpdates$tagType.oldTags;\n\n if (newTags.length) {\n addedTags[tagType] = newTags;\n }\n\n if (oldTags.length) {\n removedTags[tagType] = tagUpdates[tagType].oldTags;\n }\n });\n cb && cb();\n onChangeClientState(newState, addedTags, removedTags);\n};\n\nvar flattenArray = function flattenArray(possibleArray) {\n return Array.isArray(possibleArray) ? possibleArray.join(\"\") : possibleArray;\n};\n\nvar updateTitle = function updateTitle(title, attributes) {\n if (typeof title !== \"undefined\" && document.title !== title) {\n document.title = flattenArray(title);\n }\n\n updateAttributes(TAG_NAMES.TITLE, attributes);\n};\n\nvar updateAttributes = function updateAttributes(tagName, attributes) {\n var elementTag = document.getElementsByTagName(tagName)[0];\n\n if (!elementTag) {\n return;\n }\n\n var helmetAttributeString = elementTag.getAttribute(HELMET_ATTRIBUTE);\n var helmetAttributes = helmetAttributeString ? helmetAttributeString.split(\",\") : [];\n var attributesToRemove = [].concat(helmetAttributes);\n var attributeKeys = Object.keys(attributes);\n\n for (var i = 0; i < attributeKeys.length; i++) {\n var attribute = attributeKeys[i];\n var value = attributes[attribute] || \"\";\n\n if (elementTag.getAttribute(attribute) !== value) {\n elementTag.setAttribute(attribute, value);\n }\n\n if (helmetAttributes.indexOf(attribute) === -1) {\n helmetAttributes.push(attribute);\n }\n\n var indexToSave = attributesToRemove.indexOf(attribute);\n\n if (indexToSave !== -1) {\n attributesToRemove.splice(indexToSave, 1);\n }\n }\n\n for (var _i = attributesToRemove.length - 1; _i >= 0; _i--) {\n elementTag.removeAttribute(attributesToRemove[_i]);\n }\n\n if (helmetAttributes.length === attributesToRemove.length) {\n elementTag.removeAttribute(HELMET_ATTRIBUTE);\n } else if (elementTag.getAttribute(HELMET_ATTRIBUTE) !== attributeKeys.join(\",\")) {\n elementTag.setAttribute(HELMET_ATTRIBUTE, attributeKeys.join(\",\"));\n }\n};\n\nvar updateTags = function updateTags(type, tags) {\n var headElement = document.head || document.querySelector(TAG_NAMES.HEAD);\n var tagNodes = headElement.querySelectorAll(type + \"[\" + HELMET_ATTRIBUTE + \"]\");\n var oldTags = Array.prototype.slice.call(tagNodes);\n var newTags = [];\n var indexToDelete = void 0;\n\n if (tags && tags.length) {\n tags.forEach(function (tag) {\n var newElement = document.createElement(type);\n\n for (var attribute in tag) {\n if (tag.hasOwnProperty(attribute)) {\n if (attribute === TAG_PROPERTIES.INNER_HTML) {\n newElement.innerHTML = tag.innerHTML;\n } else if (attribute === TAG_PROPERTIES.CSS_TEXT) {\n if (newElement.styleSheet) {\n newElement.styleSheet.cssText = tag.cssText;\n } else {\n newElement.appendChild(document.createTextNode(tag.cssText));\n }\n } else {\n var value = typeof tag[attribute] === \"undefined\" ? \"\" : tag[attribute];\n newElement.setAttribute(attribute, value);\n }\n }\n }\n\n newElement.setAttribute(HELMET_ATTRIBUTE, \"true\"); // Remove a duplicate tag from domTagstoRemove, so it isn't cleared.\n\n if (oldTags.some(function (existingTag, index) {\n indexToDelete = index;\n return newElement.isEqualNode(existingTag);\n })) {\n oldTags.splice(indexToDelete, 1);\n } else {\n newTags.push(newElement);\n }\n });\n }\n\n oldTags.forEach(function (tag) {\n return tag.parentNode.removeChild(tag);\n });\n newTags.forEach(function (tag) {\n return headElement.appendChild(tag);\n });\n return {\n oldTags: oldTags,\n newTags: newTags\n };\n};\n\nvar generateElementAttributesAsString = function generateElementAttributesAsString(attributes) {\n return Object.keys(attributes).reduce(function (str, key) {\n var attr = typeof attributes[key] !== \"undefined\" ? key + \"=\\\"\" + attributes[key] + \"\\\"\" : \"\" + key;\n return str ? str + \" \" + attr : attr;\n }, \"\");\n};\n\nvar generateTitleAsString = function generateTitleAsString(type, title, attributes, encode) {\n var attributeString = generateElementAttributesAsString(attributes);\n var flattenedTitle = flattenArray(title);\n return attributeString ? \"<\" + type + \" \" + HELMET_ATTRIBUTE + \"=\\\"true\\\" \" + attributeString + \">\" + encodeSpecialCharacters(flattenedTitle, encode) + \"\" : \"<\" + type + \" \" + HELMET_ATTRIBUTE + \"=\\\"true\\\">\" + encodeSpecialCharacters(flattenedTitle, encode) + \"\";\n};\n\nvar generateTagsAsString = function generateTagsAsString(type, tags, encode) {\n return tags.reduce(function (str, tag) {\n var attributeHtml = Object.keys(tag).filter(function (attribute) {\n return !(attribute === TAG_PROPERTIES.INNER_HTML || attribute === TAG_PROPERTIES.CSS_TEXT);\n }).reduce(function (string, attribute) {\n var attr = typeof tag[attribute] === \"undefined\" ? attribute : attribute + \"=\\\"\" + encodeSpecialCharacters(tag[attribute], encode) + \"\\\"\";\n return string ? string + \" \" + attr : attr;\n }, \"\");\n var tagContent = tag.innerHTML || tag.cssText || \"\";\n var isSelfClosing = SELF_CLOSING_TAGS.indexOf(type) === -1;\n return str + \"<\" + type + \" \" + HELMET_ATTRIBUTE + \"=\\\"true\\\" \" + attributeHtml + (isSelfClosing ? \"/>\" : \">\" + tagContent + \"\");\n }, \"\");\n};\n\nvar convertElementAttributestoReactProps = function convertElementAttributestoReactProps(attributes) {\n var initProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n return Object.keys(attributes).reduce(function (obj, key) {\n obj[REACT_TAG_MAP[key] || key] = attributes[key];\n return obj;\n }, initProps);\n};\n\nvar convertReactPropstoHtmlAttributes = function convertReactPropstoHtmlAttributes(props) {\n var initAttributes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n return Object.keys(props).reduce(function (obj, key) {\n obj[HTML_TAG_MAP[key] || key] = props[key];\n return obj;\n }, initAttributes);\n};\n\nvar generateTitleAsReactComponent = function generateTitleAsReactComponent(type, title, attributes) {\n var _initProps; // assigning into an array to define toString function on it\n\n\n var initProps = (_initProps = {\n key: title\n }, _initProps[HELMET_ATTRIBUTE] = true, _initProps);\n var props = convertElementAttributestoReactProps(attributes, initProps);\n return [React.createElement(TAG_NAMES.TITLE, props, title)];\n};\n\nvar generateTagsAsReactComponent = function generateTagsAsReactComponent(type, tags) {\n return tags.map(function (tag, i) {\n var _mappedTag;\n\n var mappedTag = (_mappedTag = {\n key: i\n }, _mappedTag[HELMET_ATTRIBUTE] = true, _mappedTag);\n Object.keys(tag).forEach(function (attribute) {\n var mappedAttribute = REACT_TAG_MAP[attribute] || attribute;\n\n if (mappedAttribute === TAG_PROPERTIES.INNER_HTML || mappedAttribute === TAG_PROPERTIES.CSS_TEXT) {\n var content = tag.innerHTML || tag.cssText;\n mappedTag.dangerouslySetInnerHTML = {\n __html: content\n };\n } else {\n mappedTag[mappedAttribute] = tag[attribute];\n }\n });\n return React.createElement(type, mappedTag);\n });\n};\n\nvar getMethodsForTag = function getMethodsForTag(type, tags, encode) {\n switch (type) {\n case TAG_NAMES.TITLE:\n return {\n toComponent: function toComponent() {\n return generateTitleAsReactComponent(type, tags.title, tags.titleAttributes, encode);\n },\n toString: function toString() {\n return generateTitleAsString(type, tags.title, tags.titleAttributes, encode);\n }\n };\n\n case ATTRIBUTE_NAMES.BODY:\n case ATTRIBUTE_NAMES.HTML:\n return {\n toComponent: function toComponent() {\n return convertElementAttributestoReactProps(tags);\n },\n toString: function toString() {\n return generateElementAttributesAsString(tags);\n }\n };\n\n default:\n return {\n toComponent: function toComponent() {\n return generateTagsAsReactComponent(type, tags);\n },\n toString: function toString() {\n return generateTagsAsString(type, tags, encode);\n }\n };\n }\n};\n\nvar mapStateOnServer = function mapStateOnServer(_ref) {\n var baseTag = _ref.baseTag,\n bodyAttributes = _ref.bodyAttributes,\n encode = _ref.encode,\n htmlAttributes = _ref.htmlAttributes,\n linkTags = _ref.linkTags,\n metaTags = _ref.metaTags,\n noscriptTags = _ref.noscriptTags,\n scriptTags = _ref.scriptTags,\n styleTags = _ref.styleTags,\n _ref$title = _ref.title,\n title = _ref$title === undefined ? \"\" : _ref$title,\n titleAttributes = _ref.titleAttributes;\n return {\n base: getMethodsForTag(TAG_NAMES.BASE, baseTag, encode),\n bodyAttributes: getMethodsForTag(ATTRIBUTE_NAMES.BODY, bodyAttributes, encode),\n htmlAttributes: getMethodsForTag(ATTRIBUTE_NAMES.HTML, htmlAttributes, encode),\n link: getMethodsForTag(TAG_NAMES.LINK, linkTags, encode),\n meta: getMethodsForTag(TAG_NAMES.META, metaTags, encode),\n noscript: getMethodsForTag(TAG_NAMES.NOSCRIPT, noscriptTags, encode),\n script: getMethodsForTag(TAG_NAMES.SCRIPT, scriptTags, encode),\n style: getMethodsForTag(TAG_NAMES.STYLE, styleTags, encode),\n title: getMethodsForTag(TAG_NAMES.TITLE, {\n title: title,\n titleAttributes: titleAttributes\n }, encode)\n };\n};\n\nvar Helmet = function Helmet(Component) {\n var _class, _temp;\n\n return _temp = _class = function (_React$Component) {\n inherits(HelmetWrapper, _React$Component);\n\n function HelmetWrapper() {\n classCallCheck(this, HelmetWrapper);\n return possibleConstructorReturn(this, _React$Component.apply(this, arguments));\n }\n\n HelmetWrapper.prototype.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {\n return !isEqual(this.props, nextProps);\n };\n\n HelmetWrapper.prototype.mapNestedChildrenToProps = function mapNestedChildrenToProps(child, nestedChildren) {\n if (!nestedChildren) {\n return null;\n }\n\n switch (child.type) {\n case TAG_NAMES.SCRIPT:\n case TAG_NAMES.NOSCRIPT:\n return {\n innerHTML: nestedChildren\n };\n\n case TAG_NAMES.STYLE:\n return {\n cssText: nestedChildren\n };\n }\n\n throw new Error(\"<\" + child.type + \" /> elements are self-closing and can not contain children. Refer to our API for more information.\");\n };\n\n HelmetWrapper.prototype.flattenArrayTypeChildren = function flattenArrayTypeChildren(_ref) {\n var _babelHelpers$extends;\n\n var child = _ref.child,\n arrayTypeChildren = _ref.arrayTypeChildren,\n newChildProps = _ref.newChildProps,\n nestedChildren = _ref.nestedChildren;\n return _extends({}, arrayTypeChildren, (_babelHelpers$extends = {}, _babelHelpers$extends[child.type] = [].concat(arrayTypeChildren[child.type] || [], [_extends({}, newChildProps, this.mapNestedChildrenToProps(child, nestedChildren))]), _babelHelpers$extends));\n };\n\n HelmetWrapper.prototype.mapObjectTypeChildren = function mapObjectTypeChildren(_ref2) {\n var _babelHelpers$extends2, _babelHelpers$extends3;\n\n var child = _ref2.child,\n newProps = _ref2.newProps,\n newChildProps = _ref2.newChildProps,\n nestedChildren = _ref2.nestedChildren;\n\n switch (child.type) {\n case TAG_NAMES.TITLE:\n return _extends({}, newProps, (_babelHelpers$extends2 = {}, _babelHelpers$extends2[child.type] = nestedChildren, _babelHelpers$extends2.titleAttributes = _extends({}, newChildProps), _babelHelpers$extends2));\n\n case TAG_NAMES.BODY:\n return _extends({}, newProps, {\n bodyAttributes: _extends({}, newChildProps)\n });\n\n case TAG_NAMES.HTML:\n return _extends({}, newProps, {\n htmlAttributes: _extends({}, newChildProps)\n });\n }\n\n return _extends({}, newProps, (_babelHelpers$extends3 = {}, _babelHelpers$extends3[child.type] = _extends({}, newChildProps), _babelHelpers$extends3));\n };\n\n HelmetWrapper.prototype.mapArrayTypeChildrenToProps = function mapArrayTypeChildrenToProps(arrayTypeChildren, newProps) {\n var newFlattenedProps = _extends({}, newProps);\n\n Object.keys(arrayTypeChildren).forEach(function (arrayChildName) {\n var _babelHelpers$extends4;\n\n newFlattenedProps = _extends({}, newFlattenedProps, (_babelHelpers$extends4 = {}, _babelHelpers$extends4[arrayChildName] = arrayTypeChildren[arrayChildName], _babelHelpers$extends4));\n });\n return newFlattenedProps;\n };\n\n HelmetWrapper.prototype.warnOnInvalidChildren = function warnOnInvalidChildren(child, nestedChildren) {\n if (process.env.NODE_ENV !== \"production\") {\n if (!VALID_TAG_NAMES.some(function (name) {\n return child.type === name;\n })) {\n if (typeof child.type === \"function\") {\n return warn(\"You may be attempting to nest components within each other, which is not allowed. Refer to our API for more information.\");\n }\n\n return warn(\"Only elements types \" + VALID_TAG_NAMES.join(\", \") + \" are allowed. Helmet does not support rendering <\" + child.type + \"> elements. Refer to our API for more information.\");\n }\n\n if (nestedChildren && typeof nestedChildren !== \"string\" && (!Array.isArray(nestedChildren) || nestedChildren.some(function (nestedChild) {\n return typeof nestedChild !== \"string\";\n }))) {\n throw new Error(\"Helmet expects a string as a child of <\" + child.type + \">. Did you forget to wrap your children in braces? ( <\" + child.type + \">{``} ) Refer to our API for more information.\");\n }\n }\n\n return true;\n };\n\n HelmetWrapper.prototype.mapChildrenToProps = function mapChildrenToProps(children, newProps) {\n var _this2 = this;\n\n var arrayTypeChildren = {};\n React.Children.forEach(children, function (child) {\n if (!child || !child.props) {\n return;\n }\n\n var _child$props = child.props,\n nestedChildren = _child$props.children,\n childProps = objectWithoutProperties(_child$props, [\"children\"]);\n var newChildProps = convertReactPropstoHtmlAttributes(childProps);\n\n _this2.warnOnInvalidChildren(child, nestedChildren);\n\n switch (child.type) {\n case TAG_NAMES.LINK:\n case TAG_NAMES.META:\n case TAG_NAMES.NOSCRIPT:\n case TAG_NAMES.SCRIPT:\n case TAG_NAMES.STYLE:\n arrayTypeChildren = _this2.flattenArrayTypeChildren({\n child: child,\n arrayTypeChildren: arrayTypeChildren,\n newChildProps: newChildProps,\n nestedChildren: nestedChildren\n });\n break;\n\n default:\n newProps = _this2.mapObjectTypeChildren({\n child: child,\n newProps: newProps,\n newChildProps: newChildProps,\n nestedChildren: nestedChildren\n });\n break;\n }\n });\n newProps = this.mapArrayTypeChildrenToProps(arrayTypeChildren, newProps);\n return newProps;\n };\n\n HelmetWrapper.prototype.render = function render() {\n var _props = this.props,\n children = _props.children,\n props = objectWithoutProperties(_props, [\"children\"]);\n\n var newProps = _extends({}, props);\n\n if (children) {\n newProps = this.mapChildrenToProps(children, newProps);\n }\n\n return React.createElement(Component, newProps);\n };\n\n createClass(HelmetWrapper, null, [{\n key: \"canUseDOM\",\n // Component.peek comes from react-side-effect:\n // For testing, you may use a static peek() method available on the returned component.\n // It lets you get the current state without resetting the mounted instance stack.\n // Don’t use it for anything other than testing.\n\n /**\n * @param {Object} base: {\"target\": \"_blank\", \"href\": \"http://mysite.com/\"}\n * @param {Object} bodyAttributes: {\"className\": \"root\"}\n * @param {String} defaultTitle: \"Default Title\"\n * @param {Boolean} defer: true\n * @param {Boolean} encodeSpecialCharacters: true\n * @param {Object} htmlAttributes: {\"lang\": \"en\", \"amp\": undefined}\n * @param {Array} link: [{\"rel\": \"canonical\", \"href\": \"http://mysite.com/example\"}]\n * @param {Array} meta: [{\"name\": \"description\", \"content\": \"Test description\"}]\n * @param {Array} noscript: [{\"innerHTML\": \"
console.log(newState)\"\n * @param {Array} script: [{\"type\": \"text/javascript\", \"src\": \"http://mysite.com/js/test.js\"}]\n * @param {Array} style: [{\"type\": \"text/css\", \"cssText\": \"div { display: block; color: blue; }\"}]\n * @param {String} title: \"Title\"\n * @param {Object} titleAttributes: {\"itemprop\": \"name\"}\n * @param {String} titleTemplate: \"MySite.com - %s\"\n */\n set: function set$$1(canUseDOM) {\n Component.canUseDOM = canUseDOM;\n }\n }]);\n return HelmetWrapper;\n }(React.Component), _class.propTypes = {\n base: PropTypes.object,\n bodyAttributes: PropTypes.object,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n defaultTitle: PropTypes.string,\n defer: PropTypes.bool,\n encodeSpecialCharacters: PropTypes.bool,\n htmlAttributes: PropTypes.object,\n link: PropTypes.arrayOf(PropTypes.object),\n meta: PropTypes.arrayOf(PropTypes.object),\n noscript: PropTypes.arrayOf(PropTypes.object),\n onChangeClientState: PropTypes.func,\n script: PropTypes.arrayOf(PropTypes.object),\n style: PropTypes.arrayOf(PropTypes.object),\n title: PropTypes.string,\n titleAttributes: PropTypes.object,\n titleTemplate: PropTypes.string\n }, _class.defaultProps = {\n defer: true,\n encodeSpecialCharacters: true\n }, _class.peek = Component.peek, _class.rewind = function () {\n var mappedState = Component.rewind();\n\n if (!mappedState) {\n // provide fallback if mappedState is undefined\n mappedState = mapStateOnServer({\n baseTag: [],\n bodyAttributes: {},\n encodeSpecialCharacters: true,\n htmlAttributes: {},\n linkTags: [],\n metaTags: [],\n noscriptTags: [],\n scriptTags: [],\n styleTags: [],\n title: \"\",\n titleAttributes: {}\n });\n }\n\n return mappedState;\n }, _temp;\n};\n\nvar NullComponent = function NullComponent() {\n return null;\n};\n\nvar HelmetSideEffects = withSideEffect(reducePropsToState, handleClientStateChange, mapStateOnServer)(NullComponent);\nvar HelmetExport = Helmet(HelmetSideEffects);\nHelmetExport.renderStatic = HelmetExport.rewind;\nexport default HelmetExport;\nexport { HelmetExport as Helmet };","import { useStaticQuery, graphql } from 'gatsby'\r\n\r\nconst useSiteMetadata = () => {\r\n const { site } = useStaticQuery(siteMetadataQuery)\r\n return site.siteMetadata\r\n}\r\n\r\nconst siteMetadataQuery = graphql`\r\n query BlocksSiteMetadataQuery {\r\n site {\r\n ...BlocksSiteMetadata\r\n }\r\n }\r\n`\r\nexport default useSiteMetadata\r\n","import React from 'react'\r\nimport Helmet from 'react-helmet'\r\nimport useSiteMetadata from '@blocks-helpers/useSiteMetadata'\r\n\r\nconst Seo = ({\r\n title,\r\n description,\r\n excerpt,\r\n meta,\r\n keywords,\r\n author,\r\n thumbnail,\r\n siteUrl\r\n}) => {\r\n const site = useSiteMetadata()\r\n\r\n const social = (author && author.social) || site.social || []\r\n const twitter =\r\n social.find(s => s.name && s.name.toLowerCase() === 'twitter') || {}\r\n\r\n description = excerpt || description || site.description\r\n\r\n thumbnail = thumbnail && thumbnail.hero && thumbnail.hero.src\r\n const thumbnailUrl =\r\n thumbnail &&\r\n (thumbnail.startsWith('//')\r\n ? thumbnail\r\n : siteUrl && `${siteUrl}${thumbnail}`)\r\n\r\n /**\r\n * Meta Tags\r\n */\r\n\r\n const metaTags = [\r\n { itemprop: 'name', content: title || site.title },\r\n { itemprop: 'description', content: description },\r\n { name: 'description', content: description },\r\n\r\n { property: 'og:title', content: title || site.title },\r\n { property: 'og:description', content: description },\r\n { property: 'og:type', content: 'website' },\r\n { property: 'og:site_name', content: site.name },\r\n { property: 'og:image', content: thumbnailUrl },\r\n\r\n { name: 'twitter:card', content: 'summary' },\r\n { name: 'twitter:site', content: site.name },\r\n { name: 'twitter:title', content: title },\r\n { name: 'twitter:description', content: description },\r\n { name: 'twitter:creator', content: twitter.url }\r\n ]\r\n\r\n if (keywords && keywords.length > 0) {\r\n metaTags.push({ name: 'keywords', content: keywords.join(', ') })\r\n }\r\n\r\n if (meta) {\r\n metaTags.push(meta)\r\n }\r\n\r\n metaTags.push({ name: 'initial-scale', content: '1.0' })\r\n\r\n return (\r\n \r\n )\r\n}\r\n\r\nexport default Seo\r\n","function makeTypeChecker(tabsRole) {\n return function (element) {\n return !!element.type && element.type.tabsRole === tabsRole;\n };\n}\n\nexport var isTab = makeTypeChecker('Tab');\nexport var isTabList = makeTypeChecker('TabList');\nexport var isTabPanel = makeTypeChecker('TabPanel');","function _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nimport { Children, cloneElement } from 'react';\nimport { isTabPanel, isTab, isTabList } from './elementTypes';\n\nfunction isTabChild(child) {\n return isTab(child) || isTabList(child) || isTabPanel(child);\n}\n\nexport function deepMap(children, callback) {\n return Children.map(children, function (child) {\n // null happens when conditionally rendering TabPanel/Tab\n // see https://github.com/reactjs/react-tabs/issues/37\n if (child === null) return null;\n\n if (isTabChild(child)) {\n return callback(child);\n }\n\n if (child.props && child.props.children && typeof child.props.children === 'object') {\n // Clone the child that has children and map them too\n return /*#__PURE__*/cloneElement(child, _extends({}, child.props, {\n children: deepMap(child.props.children, callback)\n }));\n }\n\n return child;\n });\n}\nexport function deepForEach(children, callback) {\n return Children.forEach(children, function (child) {\n // null happens when conditionally rendering TabPanel/Tab\n // see https://github.com/reactjs/react-tabs/issues/37\n if (child === null) return;\n\n if (isTab(child) || isTabPanel(child)) {\n callback(child);\n } else if (child.props && child.props.children && typeof child.props.children === 'object') {\n if (isTabList(child)) callback(child);\n deepForEach(child.props.children, callback);\n }\n });\n}","function toVal(mix) {\n var k,\n y,\n str = '';\n\n if (typeof mix === 'string' || typeof mix === 'number') {\n str += mix;\n } else if (typeof mix === 'object') {\n if (Array.isArray(mix)) {\n for (k = 0; k < mix.length; k++) {\n if (mix[k]) {\n if (y = toVal(mix[k])) {\n str && (str += ' ');\n str += y;\n }\n }\n }\n } else {\n for (k in mix) {\n if (mix[k]) {\n str && (str += ' ');\n str += k;\n }\n }\n }\n }\n\n return str;\n}\n\nexport default function () {\n var i = 0,\n tmp,\n x,\n str = '';\n\n while (i < arguments.length) {\n if (tmp = arguments[i++]) {\n if (x = toVal(tmp)) {\n str && (str += ' ');\n str += x;\n }\n }\n }\n\n return str;\n}","// Get a universally unique identifier\nvar count = 0;\nexport default function uuid() {\n return \"react-tabs-\" + count++;\n}\nexport function reset() {\n count = 0;\n}","function _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nfunction _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n\n _setPrototypeOf(subClass, superClass);\n}\n\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}\n\nimport React, { cloneElement, Component } from 'react';\nimport cx from 'clsx';\nimport uuid from '../helpers/uuid';\nimport { childrenPropType } from '../helpers/propTypes';\nimport { getPanelsCount as _getPanelsCount, getTabsCount as _getTabsCount } from '../helpers/count';\nimport { deepMap } from '../helpers/childrenDeepMap';\nimport { isTabList, isTabPanel, isTab } from '../helpers/elementTypes';\n\nfunction isNode(node) {\n return node && 'getAttribute' in node;\n} // Determine if a node from event.target is a Tab element\n\n\nfunction isTabNode(node) {\n return isNode(node) && node.getAttribute('role') === 'tab';\n} // Determine if a tab node is disabled\n\n\nfunction isTabDisabled(node) {\n return isNode(node) && node.getAttribute('aria-disabled') === 'true';\n}\n\nvar canUseActiveElement;\n\nfunction determineCanUseActiveElement(environment) {\n var env = environment || (typeof window !== 'undefined' ? window : undefined);\n\n try {\n canUseActiveElement = !!(typeof env !== 'undefined' && env.document && env.document.activeElement);\n } catch (e) {\n // Work around for IE bug when accessing document.activeElement in an iframe\n // Refer to the following resources:\n // http://stackoverflow.com/a/10982960/369687\n // https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/12733599\n canUseActiveElement = false;\n }\n}\n\nvar UncontrolledTabs = /*#__PURE__*/function (_Component) {\n _inheritsLoose(UncontrolledTabs, _Component);\n\n function UncontrolledTabs() {\n var _this;\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _Component.call.apply(_Component, [this].concat(args)) || this;\n _this.tabNodes = [];\n\n _this.handleKeyDown = function (e) {\n var _this$props = _this.props,\n direction = _this$props.direction,\n disableUpDownKeys = _this$props.disableUpDownKeys;\n\n if (_this.isTabFromContainer(e.target)) {\n var index = _this.props.selectedIndex;\n var preventDefault = false;\n var useSelectedIndex = false;\n\n if (e.keyCode === 32 || e.keyCode === 13) {\n preventDefault = true;\n useSelectedIndex = false;\n\n _this.handleClick(e);\n }\n\n if (e.keyCode === 37 || !disableUpDownKeys && e.keyCode === 38) {\n // Select next tab to the left, validate if up arrow is not disabled\n if (direction === 'rtl') {\n index = _this.getNextTab(index);\n } else {\n index = _this.getPrevTab(index);\n }\n\n preventDefault = true;\n useSelectedIndex = true;\n } else if (e.keyCode === 39 || !disableUpDownKeys && e.keyCode === 40) {\n // Select next tab to the right, validate if down arrow is not disabled\n if (direction === 'rtl') {\n index = _this.getPrevTab(index);\n } else {\n index = _this.getNextTab(index);\n }\n\n preventDefault = true;\n useSelectedIndex = true;\n } else if (e.keyCode === 35) {\n // Select last tab (End key)\n index = _this.getLastTab();\n preventDefault = true;\n useSelectedIndex = true;\n } else if (e.keyCode === 36) {\n // Select first tab (Home key)\n index = _this.getFirstTab();\n preventDefault = true;\n useSelectedIndex = true;\n } // This prevents scrollbars from moving around\n\n\n if (preventDefault) {\n e.preventDefault();\n } // Only use the selected index in the state if we're not using the tabbed index\n\n\n if (useSelectedIndex) {\n _this.setSelected(index, e);\n }\n }\n };\n\n _this.handleClick = function (e) {\n var node = e.target;\n\n do {\n if (_this.isTabFromContainer(node)) {\n if (isTabDisabled(node)) {\n return;\n }\n\n var index = [].slice.call(node.parentNode.children).filter(isTabNode).indexOf(node);\n\n _this.setSelected(index, e);\n\n return;\n }\n } while ((node = node.parentNode) != null);\n };\n\n return _this;\n }\n\n var _proto = UncontrolledTabs.prototype;\n\n _proto.setSelected = function setSelected(index, event) {\n // Check index boundary\n if (index < 0 || index >= this.getTabsCount()) return;\n var _this$props2 = this.props,\n onSelect = _this$props2.onSelect,\n selectedIndex = _this$props2.selectedIndex; // Call change event handler\n\n onSelect(index, selectedIndex, event);\n };\n\n _proto.getNextTab = function getNextTab(index) {\n var count = this.getTabsCount(); // Look for non-disabled tab from index to the last tab on the right\n\n for (var i = index + 1; i < count; i++) {\n if (!isTabDisabled(this.getTab(i))) {\n return i;\n }\n } // If no tab found, continue searching from first on left to index\n\n\n for (var _i = 0; _i < index; _i++) {\n if (!isTabDisabled(this.getTab(_i))) {\n return _i;\n }\n } // No tabs are disabled, return index\n\n\n return index;\n };\n\n _proto.getPrevTab = function getPrevTab(index) {\n var i = index; // Look for non-disabled tab from index to first tab on the left\n\n while (i--) {\n if (!isTabDisabled(this.getTab(i))) {\n return i;\n }\n } // If no tab found, continue searching from last tab on right to index\n\n\n i = this.getTabsCount();\n\n while (i-- > index) {\n if (!isTabDisabled(this.getTab(i))) {\n return i;\n }\n } // No tabs are disabled, return index\n\n\n return index;\n };\n\n _proto.getFirstTab = function getFirstTab() {\n var count = this.getTabsCount(); // Look for non disabled tab from the first tab\n\n for (var i = 0; i < count; i++) {\n if (!isTabDisabled(this.getTab(i))) {\n return i;\n }\n }\n\n return null;\n };\n\n _proto.getLastTab = function getLastTab() {\n var i = this.getTabsCount(); // Look for non disabled tab from the last tab\n\n while (i--) {\n if (!isTabDisabled(this.getTab(i))) {\n return i;\n }\n }\n\n return null;\n };\n\n _proto.getTabsCount = function getTabsCount() {\n var children = this.props.children;\n return _getTabsCount(children);\n };\n\n _proto.getPanelsCount = function getPanelsCount() {\n var children = this.props.children;\n return _getPanelsCount(children);\n };\n\n _proto.getTab = function getTab(index) {\n return this.tabNodes[\"tabs-\" + index];\n };\n\n _proto.getChildren = function getChildren() {\n var _this2 = this;\n\n var index = 0;\n var _this$props3 = this.props,\n children = _this$props3.children,\n disabledTabClassName = _this$props3.disabledTabClassName,\n focus = _this$props3.focus,\n forceRenderTabPanel = _this$props3.forceRenderTabPanel,\n selectedIndex = _this$props3.selectedIndex,\n selectedTabClassName = _this$props3.selectedTabClassName,\n selectedTabPanelClassName = _this$props3.selectedTabPanelClassName,\n environment = _this$props3.environment;\n this.tabIds = this.tabIds || [];\n this.panelIds = this.panelIds || [];\n var diff = this.tabIds.length - this.getTabsCount(); // Add ids if new tabs have been added\n // Don't bother removing ids, just keep them in case they are added again\n // This is more efficient, and keeps the uuid counter under control\n\n while (diff++ < 0) {\n this.tabIds.push(uuid());\n this.panelIds.push(uuid());\n } // Map children to dynamically setup refs\n\n\n return deepMap(children, function (child) {\n var result = child; // Clone TabList and Tab components to have refs\n\n if (isTabList(child)) {\n var listIndex = 0; // Figure out if the current focus in the DOM is set on a Tab\n // If it is we should keep the focus on the next selected tab\n\n var wasTabFocused = false;\n\n if (canUseActiveElement == null) {\n determineCanUseActiveElement(environment);\n }\n\n if (canUseActiveElement) {\n wasTabFocused = React.Children.toArray(child.props.children).filter(isTab).some(function (tab, i) {\n var env = environment || (typeof window !== 'undefined' ? window : undefined);\n return env && env.document.activeElement === _this2.getTab(i);\n });\n }\n\n result = /*#__PURE__*/cloneElement(child, {\n children: deepMap(child.props.children, function (tab) {\n var key = \"tabs-\" + listIndex;\n var selected = selectedIndex === listIndex;\n var props = {\n tabRef: function tabRef(node) {\n _this2.tabNodes[key] = node;\n },\n id: _this2.tabIds[listIndex],\n panelId: _this2.panelIds[listIndex],\n selected: selected,\n focus: selected && (focus || wasTabFocused)\n };\n if (selectedTabClassName) props.selectedClassName = selectedTabClassName;\n if (disabledTabClassName) props.disabledClassName = disabledTabClassName;\n listIndex++;\n return /*#__PURE__*/cloneElement(tab, props);\n })\n });\n } else if (isTabPanel(child)) {\n var props = {\n id: _this2.panelIds[index],\n tabId: _this2.tabIds[index],\n selected: selectedIndex === index\n };\n if (forceRenderTabPanel) props.forceRender = forceRenderTabPanel;\n if (selectedTabPanelClassName) props.selectedClassName = selectedTabPanelClassName;\n index++;\n result = /*#__PURE__*/cloneElement(child, props);\n }\n\n return result;\n });\n };\n /**\n * Determine if a node from event.target is a Tab element for the current Tabs container.\n * If the clicked element is not a Tab, it returns false.\n * If it finds another Tabs container between the Tab and `this`, it returns false.\n */\n\n\n _proto.isTabFromContainer = function isTabFromContainer(node) {\n // return immediately if the clicked element is not a Tab.\n if (!isTabNode(node)) {\n return false;\n } // Check if the first occurrence of a Tabs container is `this` one.\n\n\n var nodeAncestor = node.parentElement;\n\n do {\n if (nodeAncestor === this.node) return true;\n if (nodeAncestor.getAttribute('data-tabs')) break;\n nodeAncestor = nodeAncestor.parentElement;\n } while (nodeAncestor);\n\n return false;\n };\n\n _proto.render = function render() {\n var _this3 = this; // Delete all known props, so they don't get added to DOM\n\n\n var _this$props4 = this.props,\n children = _this$props4.children,\n className = _this$props4.className,\n disabledTabClassName = _this$props4.disabledTabClassName,\n domRef = _this$props4.domRef,\n focus = _this$props4.focus,\n forceRenderTabPanel = _this$props4.forceRenderTabPanel,\n onSelect = _this$props4.onSelect,\n selectedIndex = _this$props4.selectedIndex,\n selectedTabClassName = _this$props4.selectedTabClassName,\n selectedTabPanelClassName = _this$props4.selectedTabPanelClassName,\n environment = _this$props4.environment,\n disableUpDownKeys = _this$props4.disableUpDownKeys,\n attributes = _objectWithoutPropertiesLoose(_this$props4, [\"children\", \"className\", \"disabledTabClassName\", \"domRef\", \"focus\", \"forceRenderTabPanel\", \"onSelect\", \"selectedIndex\", \"selectedTabClassName\", \"selectedTabPanelClassName\", \"environment\", \"disableUpDownKeys\"]);\n\n return /*#__PURE__*/React.createElement(\"div\", _extends({}, attributes, {\n className: cx(className),\n onClick: this.handleClick,\n onKeyDown: this.handleKeyDown,\n ref: function ref(node) {\n _this3.node = node;\n if (domRef) domRef(node);\n },\n \"data-tabs\": true\n }), this.getChildren());\n };\n\n return UncontrolledTabs;\n}(Component);\n\nUncontrolledTabs.defaultProps = {\n className: 'react-tabs',\n focus: false\n};\nexport { UncontrolledTabs as default };","import { deepForEach } from './childrenDeepMap';\nimport { isTab, isTabPanel } from './elementTypes';\nexport function getTabsCount(children) {\n var tabCount = 0;\n deepForEach(children, function (child) {\n if (isTab(child)) tabCount++;\n });\n return tabCount;\n}\nexport function getPanelsCount(children) {\n var panelCount = 0;\n deepForEach(children, function (child) {\n if (isTabPanel(child)) panelCount++;\n });\n return panelCount;\n}","function _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nfunction _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n\n _setPrototypeOf(subClass, superClass);\n}\n\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}\n\nimport React, { Component } from 'react';\nimport { childrenPropType, onSelectPropType, selectedIndexPropType } from '../helpers/propTypes';\nimport UncontrolledTabs from './UncontrolledTabs';\nimport { getTabsCount } from '../helpers/count';\nvar MODE_CONTROLLED = 0;\nvar MODE_UNCONTROLLED = 1;\n\nvar Tabs = /*#__PURE__*/function (_Component) {\n _inheritsLoose(Tabs, _Component);\n\n function Tabs(props) {\n var _this;\n\n _this = _Component.call(this, props) || this;\n\n _this.handleSelected = function (index, last, event) {\n var onSelect = _this.props.onSelect;\n var mode = _this.state.mode; // Call change event handler\n\n if (typeof onSelect === 'function') {\n // Check if the change event handler cancels the tab change\n if (onSelect(index, last, event) === false) return;\n }\n\n var state = {\n // Set focus if the change was triggered from the keyboard\n focus: event.type === 'keydown'\n };\n\n if (mode === MODE_UNCONTROLLED) {\n // Update selected index\n state.selectedIndex = index;\n }\n\n _this.setState(state);\n };\n\n _this.state = Tabs.copyPropsToState(_this.props, {}, props.defaultFocus);\n return _this;\n }\n\n Tabs.getDerivedStateFromProps = function getDerivedStateFromProps(props, state) {\n return Tabs.copyPropsToState(props, state);\n };\n\n Tabs.getModeFromProps = function getModeFromProps(props) {\n return props.selectedIndex === null ? MODE_UNCONTROLLED : MODE_CONTROLLED;\n }; // preserve the existing selectedIndex from state.\n // If the state has not selectedIndex, default to the defaultIndex or 0\n\n\n Tabs.copyPropsToState = function copyPropsToState(props, state, focus) {\n if (focus === void 0) {\n focus = false;\n }\n\n if (process.env.NODE_ENV !== 'production' && state.mode !== undefined && state.mode !== Tabs.getModeFromProps(props)) {\n throw new Error(\"Switching between controlled mode (by using `selectedIndex`) and uncontrolled mode is not supported in `Tabs`.\\nFor more information about controlled and uncontrolled mode of react-tabs see https://github.com/reactjs/react-tabs#controlled-vs-uncontrolled-mode.\");\n }\n\n var newState = {\n focus: focus,\n mode: Tabs.getModeFromProps(props)\n };\n\n if (newState.mode === MODE_UNCONTROLLED) {\n var maxTabIndex = Math.max(0, getTabsCount(props.children) - 1);\n var selectedIndex = null;\n\n if (state.selectedIndex != null) {\n selectedIndex = Math.min(state.selectedIndex, maxTabIndex);\n } else {\n selectedIndex = props.defaultIndex || 0;\n }\n\n newState.selectedIndex = selectedIndex;\n }\n\n return newState;\n };\n\n var _proto = Tabs.prototype;\n\n _proto.render = function render() {\n var _this$props = this.props,\n children = _this$props.children,\n defaultIndex = _this$props.defaultIndex,\n defaultFocus = _this$props.defaultFocus,\n props = _objectWithoutPropertiesLoose(_this$props, [\"children\", \"defaultIndex\", \"defaultFocus\"]);\n\n var _this$state = this.state,\n focus = _this$state.focus,\n selectedIndex = _this$state.selectedIndex;\n props.focus = focus;\n props.onSelect = this.handleSelected;\n\n if (selectedIndex != null) {\n props.selectedIndex = selectedIndex;\n }\n\n return /*#__PURE__*/React.createElement(UncontrolledTabs, props, children);\n };\n\n return Tabs;\n}(Component);\n\nTabs.defaultProps = {\n defaultFocus: false,\n forceRenderTabPanel: false,\n selectedIndex: null,\n defaultIndex: null,\n environment: null,\n disableUpDownKeys: false\n};\nexport { Tabs as default };\nTabs.tabsRole = 'Tabs';","function _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nfunction _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n\n _setPrototypeOf(subClass, superClass);\n}\n\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}\n\nimport React, { Component } from 'react';\nimport cx from 'clsx';\n\nvar TabList = /*#__PURE__*/function (_Component) {\n _inheritsLoose(TabList, _Component);\n\n function TabList() {\n return _Component.apply(this, arguments) || this;\n }\n\n var _proto = TabList.prototype;\n\n _proto.render = function render() {\n var _this$props = this.props,\n children = _this$props.children,\n className = _this$props.className,\n attributes = _objectWithoutPropertiesLoose(_this$props, [\"children\", \"className\"]);\n\n return /*#__PURE__*/React.createElement(\"ul\", _extends({}, attributes, {\n className: cx(className),\n role: \"tablist\"\n }), children);\n };\n\n return TabList;\n}(Component);\n\nTabList.defaultProps = {\n className: 'react-tabs__tab-list'\n};\nexport { TabList as default };\nTabList.tabsRole = 'TabList';","function _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nfunction _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n\n _setPrototypeOf(subClass, superClass);\n}\n\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}\n\nimport React, { Component } from 'react';\nimport cx from 'clsx';\nvar DEFAULT_CLASS = 'react-tabs__tab';\n\nvar Tab = /*#__PURE__*/function (_Component) {\n _inheritsLoose(Tab, _Component);\n\n function Tab() {\n return _Component.apply(this, arguments) || this;\n }\n\n var _proto = Tab.prototype;\n\n _proto.componentDidMount = function componentDidMount() {\n this.checkFocus();\n };\n\n _proto.componentDidUpdate = function componentDidUpdate() {\n this.checkFocus();\n };\n\n _proto.checkFocus = function checkFocus() {\n var _this$props = this.props,\n selected = _this$props.selected,\n focus = _this$props.focus;\n\n if (selected && focus) {\n this.node.focus();\n }\n };\n\n _proto.render = function render() {\n var _cx,\n _this = this;\n\n var _this$props2 = this.props,\n children = _this$props2.children,\n className = _this$props2.className,\n disabled = _this$props2.disabled,\n disabledClassName = _this$props2.disabledClassName,\n focus = _this$props2.focus,\n id = _this$props2.id,\n panelId = _this$props2.panelId,\n selected = _this$props2.selected,\n selectedClassName = _this$props2.selectedClassName,\n tabIndex = _this$props2.tabIndex,\n tabRef = _this$props2.tabRef,\n attributes = _objectWithoutPropertiesLoose(_this$props2, [\"children\", \"className\", \"disabled\", \"disabledClassName\", \"focus\", \"id\", \"panelId\", \"selected\", \"selectedClassName\", \"tabIndex\", \"tabRef\"]);\n\n return /*#__PURE__*/React.createElement(\"li\", _extends({}, attributes, {\n className: cx(className, (_cx = {}, _cx[selectedClassName] = selected, _cx[disabledClassName] = disabled, _cx)),\n ref: function ref(node) {\n _this.node = node;\n if (tabRef) tabRef(node);\n },\n role: \"tab\",\n id: id,\n \"aria-selected\": selected ? 'true' : 'false',\n \"aria-disabled\": disabled ? 'true' : 'false',\n \"aria-controls\": panelId,\n tabIndex: tabIndex || (selected ? '0' : null)\n }), children);\n };\n\n return Tab;\n}(Component);\n\nTab.defaultProps = {\n className: DEFAULT_CLASS,\n disabledClassName: DEFAULT_CLASS + \"--disabled\",\n focus: false,\n id: null,\n panelId: null,\n selected: false,\n selectedClassName: DEFAULT_CLASS + \"--selected\"\n};\nexport { Tab as default };\nTab.tabsRole = 'Tab';","function _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nfunction _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n\n _setPrototypeOf(subClass, superClass);\n}\n\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}\n\nimport React, { Component } from 'react';\nimport cx from 'clsx';\nvar DEFAULT_CLASS = 'react-tabs__tab-panel';\n\nvar TabPanel = /*#__PURE__*/function (_Component) {\n _inheritsLoose(TabPanel, _Component);\n\n function TabPanel() {\n return _Component.apply(this, arguments) || this;\n }\n\n var _proto = TabPanel.prototype;\n\n _proto.render = function render() {\n var _cx;\n\n var _this$props = this.props,\n children = _this$props.children,\n className = _this$props.className,\n forceRender = _this$props.forceRender,\n id = _this$props.id,\n selected = _this$props.selected,\n selectedClassName = _this$props.selectedClassName,\n tabId = _this$props.tabId,\n attributes = _objectWithoutPropertiesLoose(_this$props, [\"children\", \"className\", \"forceRender\", \"id\", \"selected\", \"selectedClassName\", \"tabId\"]);\n\n return /*#__PURE__*/React.createElement(\"div\", _extends({}, attributes, {\n className: cx(className, (_cx = {}, _cx[selectedClassName] = selected, _cx)),\n role: \"tabpanel\",\n id: id,\n \"aria-labelledby\": tabId\n }), forceRender || selected ? children : null);\n };\n\n return TabPanel;\n}(Component);\n\nTabPanel.defaultProps = {\n className: DEFAULT_CLASS,\n forceRender: false,\n selectedClassName: DEFAULT_CLASS + \"--selected\"\n};\nexport { TabPanel as default };\nTabPanel.tabsRole = 'TabPanel';","export default {\r\n underline: {\r\n position: `relative`,\r\n '.tabs_tabList': {\r\n display: `flex`,\r\n justifyContent: `center`,\r\n m: 0,\r\n p: 0\r\n },\r\n '.tabs_tab': {\r\n variant: `text.h5`,\r\n fontWeight: `medium`,\r\n cursor: `pointer`,\r\n transition: `all 400ms ease`,\r\n color: `bgCardinalLight`,\r\n borderBottomColor: `omegaLight`,\r\n borderBottomWidth: `md`,\r\n borderBottomStyle: `solid`,\r\n outline: `none`,\r\n px: 4,\r\n pb: 3,\r\n m: 0,\r\n ':not(.tabs_selectedTab):hover': {\r\n color: `bgCardinalDark`,\r\n borderBottomColor: `omegaDarker`\r\n }\r\n },\r\n '.tabs_selectedTab': {\r\n color: `bgCardinalDark`,\r\n borderBottomColor: `cardinal100`\r\n },\r\n '.react-tabs__tab-panel:not([class$=\"--selected\"])': {\r\n display: `none`\r\n }\r\n },\r\n pill: {\r\n position: `relative`,\r\n '.tabs_tabList': {\r\n display: `flex`,\r\n justifyContent: `center`,\r\n m: 0,\r\n p: 0\r\n },\r\n '.tabs_tab': {\r\n minWidth: [`auto`, 200],\r\n display: `flex`,\r\n alignItems: `center`,\r\n justifyContent: `center`,\r\n listStyle: `none`,\r\n cursor: `pointer`,\r\n transition: `all 400ms ease`,\r\n bg: `white`,\r\n color: `alpha`,\r\n boxShadow: `0 0 35px rgba(140,152,164,.2)`,\r\n outline: `none`,\r\n px: 4,\r\n py: 3,\r\n m: 0,\r\n ':last-of-type': {\r\n borderRadius: t => `0 ${t.radii.xl} ${t.radii.xl} 0`\r\n },\r\n ':first-of-type': {\r\n borderRadius: t => `${t.radii.xl} 0 0 ${t.radii.xl}`\r\n },\r\n ':not(.tabs_selectedTab):hover': {\r\n bg: `omegaDark`,\r\n color: `white`\r\n }\r\n },\r\n '.tabs_tab + .tabs_tab': {\r\n ml: `1px`\r\n },\r\n '.tabs_selectedTab': {\r\n bg: `alpha`,\r\n color: `white`\r\n }\r\n },\r\n dots: {\r\n position: `relative`,\r\n '.tabs_tabList': {\r\n display: `flex`,\r\n justifyContent: `center`,\r\n m: 0,\r\n p: 0\r\n },\r\n '.tabs_tab': {\r\n listStyle: `none`,\r\n size: `14px`,\r\n textIndent: `-9999px`,\r\n bg: `omega`,\r\n borderRadius: `full`,\r\n cursor: `pointer`,\r\n mx: 1,\r\n ':not(.tabs_selectedTab):hover': {\r\n bg: `omegaDarker`\r\n }\r\n },\r\n '.tabs_selectedTab': {\r\n bg: `alpha`\r\n }\r\n },\r\n arrowButton: {\r\n minWidth: `auto`,\r\n borderWidth: `sm`,\r\n borderRadius: `full`,\r\n boxShadow: `0 0 35px rgba(140,152,164,.425)`,\r\n position: `absolute`,\r\n top: `50%`,\r\n p: 3,\r\n mr: 2\r\n },\r\n arrowButtonRight: {\r\n right: 0,\r\n transform: `translate(-50%, 50%)`\r\n },\r\n arrowButtonLeft: {\r\n left: 0,\r\n transform: `translate(50%, 50%)`\r\n },\r\n arrow: {\r\n size: `10px`,\r\n borderBottom: `3px solid currentColor`,\r\n borderLeft: `3px solid currentColor`\r\n }\r\n}\r\n","import React, { Children, useState, useEffect, useRef, useContext } from 'react'\r\nimport PropTypes from 'prop-types'\r\nimport { Tab, Tabs, TabList, TabPanel } from 'react-tabs'\r\nimport { Box, Button } from 'theme-ui'\r\nimport Divider from '@solid-ui-components/Divider'\r\nimport { TabsContext } from '@solid-ui-components/Tabs'\r\nimport styles from './styles'\r\n\r\nconst StyledTabs = ({\r\n id,\r\n tabs,\r\n children,\r\n variant,\r\n space,\r\n position,\r\n autoplay,\r\n autoplayInterval,\r\n arrows,\r\n onChange,\r\n forceRender\r\n}) => {\r\n const { activeTab, setActiveTab } = useContext(TabsContext)\r\n const [tabIndex, setTabIndex] = useState(0)\r\n const interval = useRef(null)\r\n\r\n const selectedIndex = id ? activeTab?.index || 0 : tabIndex\r\n const childrenArray = Children.toArray(children)\r\n const totalTabs = tabs?.length || childrenArray?.length\r\n\r\n useEffect(() => {\r\n interval.current =\r\n autoplay &&\r\n setInterval(() => {\r\n setTabIndex(tabIndex => {\r\n return tabIndex < totalTabs - 1 ? tabIndex + 1 : 0\r\n })\r\n }, autoplayInterval)\r\n return () => clearInterval(interval.current)\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [])\r\n\r\n useEffect(() => {\r\n return () =>\r\n id && setActiveTab(state => (state.identifier === id ? {} : state))\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [])\r\n\r\n const handleSelect = index => {\r\n clearInterval(interval.current)\r\n id ? setActiveTab({ identifier: id, index }) : setTabIndex(index)\r\n onChange && onChange(index)\r\n }\r\n\r\n const handleNext = () => {\r\n setTabIndex(tabIndex => {\r\n return tabIndex < totalTabs - 1 ? tabIndex + 1 : 0\r\n })\r\n }\r\n\r\n const handlePrev = () => {\r\n setTabIndex(tabIndex => {\r\n return tabIndex !== 0 ? tabIndex - 1 : totalTabs - 1\r\n })\r\n }\r\n\r\n const customTabButtons = () =>\r\n tabs.filter(Boolean).map((item, index) => (\r\n \r\n {item}\r\n \r\n ))\r\n\r\n const contentTabButtons = () =>\r\n childrenArray.map(({ props }, index) =>\r\n variant === 'dots' ? (\r\n \r\n ) : (\r\n props?.content?.text?.[0] && (\r\n \r\n {props.content.text[0].text}\r\n \r\n )\r\n )\r\n )\r\n\r\n const tabButtons = (\r\n \r\n {tabs ? customTabButtons() : contentTabButtons()}\r\n \r\n )\r\n\r\n return totalTabs ? (\r\n \r\n \r\n {position === 'top' && (\r\n <>\r\n {tabButtons}\r\n \r\n \r\n )}\r\n {childrenArray.map((item, index) => (\r\n \r\n {item}\r\n \r\n ))}\r\n {position === 'bottom' && (\r\n <>\r\n \r\n {tabButtons}\r\n \r\n )}\r\n \r\n {arrows && (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n ) : null\r\n}\r\n\r\nexport default StyledTabs\r\n\r\nStyledTabs.defaultProps = {\r\n variant: 'underline',\r\n position: 'top',\r\n autoplay: false,\r\n autoplayInterval: 4000,\r\n arrows: false,\r\n forceRender: false\r\n}\r\n\r\nStyledTabs.propTypes = {\r\n variant: PropTypes.oneOf(Object.keys(styles)),\r\n tabs: PropTypes.array\r\n}\r\n","import React, { useState } from 'react'\r\n\r\nexport const TabsContext = React.createContext({\r\n activeTab: {\r\n identifier: undefined,\r\n index: undefined\r\n },\r\n setActiveTab: () => {}\r\n})\r\n\r\nexport const TabsContextProvider = props => {\r\n const setActiveTab = activeTab => {\r\n setState({ ...state, activeTab: activeTab })\r\n }\r\n\r\n const initState = {\r\n activeTab: {},\r\n setActiveTab: setActiveTab\r\n }\r\n\r\n const [state, setState] = useState(initState)\r\n\r\n return (\r\n {props.children}\r\n )\r\n}\r\n","import React from 'react';\nimport { jsx, useThemeUI, merge, Context } from '@theme-ui/core';\nimport { Global, ThemeContext } from '@emotion/core';\nimport { css, get } from '@theme-ui/css';\n\nvar toVarName = function toVarName(key) {\n return \"--theme-ui-\" + key;\n};\n\nvar toVarValue = function toVarValue(key, value) {\n return \"var(\" + toVarName(key) + \", \" + value + \")\";\n};\n\nvar join = function join() {\n var args = [],\n len = arguments.length;\n\n while (len--) {\n args[len] = arguments[len];\n }\n\n return args.filter(Boolean).join('-');\n};\n\nvar numberScales = {\n fontWeights: true,\n lineHeights: true\n};\nvar reservedKeys = {\n useCustomProperties: true,\n initialColorModeName: true,\n initialColorMode: true\n};\n\nvar toPixel = function toPixel(key, value) {\n if (typeof value !== 'number') {\n return value;\n }\n\n if (numberScales[key]) {\n return value;\n }\n\n return value + 'px';\n}; // convert theme values to custom properties\n\n\nvar toCustomProperties = function toCustomProperties(obj, parent, themeKey) {\n var next = Array.isArray(obj) ? [] : {};\n\n for (var key in obj) {\n var value = obj[key];\n var name = join(parent, key);\n\n if (value && typeof value === 'object') {\n next[key] = toCustomProperties(value, name, key);\n continue;\n }\n\n if (reservedKeys[key]) {\n next[key] = value;\n continue;\n }\n\n var val = toPixel(themeKey || key, value);\n next[key] = toVarValue(name, val);\n }\n\n return next;\n};\n\nvar objectToVars = function objectToVars(parent, obj) {\n var vars = {};\n\n for (var key in obj) {\n if (key === 'modes') {\n continue;\n }\n\n var name = join(parent, key);\n var value = obj[key];\n\n if (value && typeof value === 'object') {\n vars = Object.assign({}, vars, objectToVars(name, value));\n } else {\n vars[toVarName(name)] = value;\n }\n }\n\n return vars;\n}; // create body styles for color modes\n\n\nvar createColorStyles = function createColorStyles(theme) {\n if (theme === void 0) theme = {};\n\n if (!theme.colors || theme.useBodyStyles === false) {\n return {};\n }\n\n if (theme.useCustomProperties === false || !theme.colors.modes) {\n return css({\n body: {\n color: 'text',\n bg: 'background'\n }\n })(theme);\n }\n\n var colors = theme.rawColors || theme.colors;\n var modes = colors.modes;\n var styles = objectToVars('colors', colors);\n Object.keys(modes).forEach(function (mode) {\n var key = \"&.theme-ui-\" + mode;\n styles[key] = objectToVars('colors', modes[mode]);\n });\n return css({\n body: Object.assign({}, styles, {\n color: 'text',\n bg: 'background'\n })\n })(theme);\n};\n\nvar STORAGE_KEY = 'theme-ui-color-mode';\nvar storage = {\n get: function get(init) {\n try {\n return window.localStorage.getItem(STORAGE_KEY) || init;\n } catch (e) {\n console.warn('localStorage is disabled and color mode might not work as expected.', 'Please check your Site Settings.', e);\n }\n },\n set: function set(value) {\n try {\n window.localStorage.setItem(STORAGE_KEY, value);\n } catch (e) {\n console.warn('localStorage is disabled and color mode might not work as expected.', 'Please check your Site Settings.', e);\n }\n }\n};\n\nvar getMediaQuery = function getMediaQuery() {\n var darkQuery = '(prefers-color-scheme: dark)';\n var lightQuery = '(prefers-color-scheme: light)';\n var darkMQL = window.matchMedia ? window.matchMedia(darkQuery) : {};\n var lightMQL = window.matchMedia ? window.matchMedia(lightQuery) : {};\n var dark = darkMQL.media === darkQuery && darkMQL.matches;\n\n if (dark) {\n return 'dark';\n }\n\n var light = lightMQL.media === lightQuery && lightMQL.matches;\n\n if (light) {\n return 'light';\n }\n\n return 'default';\n};\n\nvar useColorModeState = function useColorModeState(theme) {\n if (theme === void 0) theme = {};\n var ref = React.useState(theme.initialColorModeName || 'default');\n var mode = ref[0];\n var setMode = ref[1]; // initialize state\n\n React.useEffect(function () {\n var stored = storage.get();\n document.body.classList.remove('theme-ui-' + stored);\n\n if (!stored && theme.useColorSchemeMediaQuery) {\n var query = getMediaQuery();\n setMode(query);\n return;\n }\n\n if (!stored || stored === mode) {\n return;\n }\n\n setMode(stored);\n }, []);\n React.useEffect(function () {\n if (!mode) {\n return;\n }\n\n storage.set(mode);\n }, [mode]);\n\n if (process.env.NODE_ENV !== 'production') {\n if (theme.colors && theme.colors.modes && Object.keys(theme.colors.modes).indexOf(theme.initialColorModeName) > -1) {\n console.warn('The `initialColorModeName` value should be a unique name' + ' and cannot reference a key in `theme.colors.modes`.');\n }\n }\n\n return [mode, setMode];\n};\n\nvar useColorMode = function useColorMode() {\n var ref = useThemeUI();\n var colorMode = ref.colorMode;\n var setColorMode = ref.setColorMode;\n\n if (typeof setColorMode !== 'function') {\n throw new Error(\"[useColorMode] requires the ColorModeProvider component\");\n }\n\n return [colorMode, setColorMode];\n};\n\nvar applyColorMode = function applyColorMode(theme, mode) {\n if (!mode) {\n return theme;\n }\n\n var modes = get(theme, 'colors.modes', {});\n return merge.all({}, theme, {\n colors: get(modes, mode, {})\n });\n};\n\nvar BodyStyles = function BodyStyles() {\n return jsx(Global, {\n styles: function styles(theme) {\n return createColorStyles(theme);\n }\n });\n};\n\nvar ColorModeProvider = function ColorModeProvider(ref) {\n var children = ref.children;\n var outer = useThemeUI();\n var ref$1 = useColorModeState(outer.theme);\n var colorMode = ref$1[0];\n var setColorMode = ref$1[1];\n var theme = applyColorMode(outer.theme || {}, colorMode);\n var emotionTheme = Object.assign({}, theme);\n\n if (theme.useCustomProperties !== false) {\n emotionTheme.colors = toCustomProperties(emotionTheme.colors, 'colors');\n }\n\n var context = Object.assign({}, outer, {\n theme: theme,\n colorMode: colorMode,\n setColorMode: setColorMode\n });\n return jsx(ThemeContext.Provider, {\n value: emotionTheme\n }, jsx(Context.Provider, {\n value: context\n }, jsx(BodyStyles, {\n key: 'color-mode'\n }), children));\n};\n\nvar noflash = \"(function() { try {\\n var mode = localStorage.getItem('theme-ui-color-mode');\\n if (!mode) return\\n document.body.classList.add('theme-ui-' + mode);\\n} catch (e) {} })();\";\n\nvar InitializeColorMode = function InitializeColorMode() {\n return jsx('script', {\n key: 'theme-ui-no-flash',\n dangerouslySetInnerHTML: {\n __html: noflash\n }\n });\n};\n\nexport { useColorMode, ColorModeProvider, InitializeColorMode };","import React from 'react';\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n keys.push.apply(keys, symbols);\n }\n\n return keys;\n}\n\nfunction _objectSpread2(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n\n return target;\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nfunction _objectWithoutProperties(source, excluded) {\n if (source == null) return {};\n\n var target = _objectWithoutPropertiesLoose(source, excluded);\n\n var key, i;\n\n if (Object.getOwnPropertySymbols) {\n var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n\n for (i = 0; i < sourceSymbolKeys.length; i++) {\n key = sourceSymbolKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n target[key] = source[key];\n }\n }\n\n return target;\n}\n\nvar isFunction = function isFunction(obj) {\n return typeof obj === 'function';\n};\n\nvar MDXContext = /*#__PURE__*/React.createContext({});\n\nvar withMDXComponents = function withMDXComponents(Component) {\n return function (props) {\n var allComponents = useMDXComponents(props.components);\n return /*#__PURE__*/React.createElement(Component, _extends({}, props, {\n components: allComponents\n }));\n };\n};\n\nvar useMDXComponents = function useMDXComponents(components) {\n var contextComponents = React.useContext(MDXContext);\n var allComponents = contextComponents;\n\n if (components) {\n allComponents = isFunction(components) ? components(contextComponents) : _objectSpread2(_objectSpread2({}, contextComponents), components);\n }\n\n return allComponents;\n};\n\nvar MDXProvider = function MDXProvider(props) {\n var allComponents = useMDXComponents(props.components);\n return /*#__PURE__*/React.createElement(MDXContext.Provider, {\n value: allComponents\n }, props.children);\n};\n\nvar TYPE_PROP_NAME = 'mdxType';\nvar DEFAULTS = {\n inlineCode: 'code',\n wrapper: function wrapper(_ref) {\n var children = _ref.children;\n return /*#__PURE__*/React.createElement(React.Fragment, {}, children);\n }\n};\nvar MDXCreateElement = /*#__PURE__*/React.forwardRef(function (props, ref) {\n var propComponents = props.components,\n mdxType = props.mdxType,\n originalType = props.originalType,\n parentName = props.parentName,\n etc = _objectWithoutProperties(props, [\"components\", \"mdxType\", \"originalType\", \"parentName\"]);\n\n var components = useMDXComponents(propComponents);\n var type = mdxType;\n var Component = components[\"\".concat(parentName, \".\").concat(type)] || components[type] || DEFAULTS[type] || originalType;\n\n if (propComponents) {\n return /*#__PURE__*/React.createElement(Component, _objectSpread2(_objectSpread2({\n ref: ref\n }, etc), {}, {\n components: propComponents\n }));\n }\n\n return /*#__PURE__*/React.createElement(Component, _objectSpread2({\n ref: ref\n }, etc));\n});\nMDXCreateElement.displayName = 'MDXCreateElement';\n\nfunction createElement(type, props) {\n var args = arguments;\n var mdxType = props && props.mdxType;\n\n if (typeof type === 'string' || mdxType) {\n var argsLength = args.length;\n var createElementArgArray = new Array(argsLength);\n createElementArgArray[0] = MDXCreateElement;\n var newProps = {};\n\n for (var key in props) {\n if (hasOwnProperty.call(props, key)) {\n newProps[key] = props[key];\n }\n }\n\n newProps.originalType = type;\n newProps[TYPE_PROP_NAME] = typeof type === 'string' ? type : mdxType;\n createElementArgArray[1] = newProps;\n\n for (var i = 2; i < argsLength; i++) {\n createElementArgArray[i] = args[i];\n }\n\n return React.createElement.apply(null, createElementArgArray);\n }\n\n return React.createElement.apply(null, args);\n}\n\nexport { MDXContext, MDXProvider, createElement as mdx, useMDXComponents, withMDXComponents };","import { jsx } from '@theme-ui/core';\nimport { css, get } from '@theme-ui/css';\nimport 'react';\nimport '@emotion/core';\nimport styled from '@emotion/styled';\nimport { MDXProvider, useMDXComponents } from '@mdx-js/react';\nvar tags = ['p', 'b', 'i', 'a', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'img', 'pre', 'code', 'ol', 'ul', 'li', 'blockquote', 'hr', 'em', 'table', 'tr', 'th', 'td', 'em', 'strong', 'del', // mdx\n'inlineCode', 'thematicBreak', // other\n'div', // theme-ui\n'root'];\nvar aliases = {\n inlineCode: 'code',\n thematicBreak: 'hr',\n root: 'div'\n};\n\nvar alias = function alias(n) {\n return aliases[n] || n;\n};\n\nvar themed = function themed(key) {\n return function (props) {\n return css(get(props.theme, \"styles.\" + key))(props.theme);\n };\n};\n\nvar Styled = styled('div')(themed('div'));\nvar components = {};\ntags.forEach(function (tag) {\n components[tag] = styled(alias(tag))(themed(tag));\n Styled[tag] = components[tag];\n});\n\nvar createComponents = function createComponents(comps) {\n var next = Object.assign({}, components);\n Object.keys(comps).forEach(function (key) {\n next[key] = styled(comps[key])(themed(key));\n });\n return next;\n};\n\nvar MDXProvider$1 = function MDXProvider$1(ref) {\n var components = ref.components;\n var children = ref.children;\n var outer = useMDXComponents();\n return jsx(MDXProvider, {\n components: createComponents(Object.assign({}, outer, components)),\n children: children\n });\n};\n\nexport { themed, Styled, components, MDXProvider$1 as MDXProvider };","import { jsx, useThemeUI, ThemeProvider } from '@theme-ui/core';\nimport { css } from '@theme-ui/css';\nimport { ColorModeProvider } from '@theme-ui/color-modes';\nimport { MDXProvider } from '@theme-ui/mdx';\nimport { Global } from '@emotion/core';\n\nvar BodyStyles = function BodyStyles() {\n return jsx(Global, {\n styles: function styles(theme) {\n if (theme.useBodyStyles === false || theme.styles && !theme.styles.root) {\n return false;\n }\n\n var boxSizing = theme.useBorderBox === false ? null : 'border-box';\n return css({\n '*': {\n boxSizing: boxSizing\n },\n body: {\n margin: 0,\n variant: 'styles.root'\n }\n })(theme);\n }\n });\n};\n\nvar ThemeProvider$1 = function ThemeProvider$1(ref) {\n var theme = ref.theme;\n var components = ref.components;\n var children = ref.children;\n var outer = useThemeUI();\n\n if (typeof outer.setColorMode === 'function') {\n return jsx(ThemeProvider, {\n theme: theme\n }, jsx(MDXProvider, {\n components: components,\n children: children\n }));\n }\n\n return jsx(ThemeProvider, {\n theme: theme\n }, jsx(ColorModeProvider, null, jsx(BodyStyles), jsx(MDXProvider, {\n components: components,\n children: children\n })));\n};\n\nexport { ThemeProvider$1 as ThemeProvider };","import verticalRhythm from 'compass-vertical-rhythm';\nimport ms from 'modularscale';\nimport assign from 'object-assign';\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n keys.push.apply(keys, symbols);\n }\n\n return keys;\n}\n\nfunction _objectSpread2(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n\n return target;\n}\n\nvar heading = {\n fontFamily: 'heading',\n lineHeight: 'heading',\n fontWeight: 'heading'\n};\nvar styles = {\n root: {\n fontFamily: 'body',\n fontSize: 2,\n fontWeight: 'body',\n lineHeight: 'body'\n },\n img: {\n maxWidth: '100%'\n },\n h1: assign({\n fontSize: 5\n }, heading),\n h2: assign({\n fontSize: 4\n }, heading),\n h3: assign({\n fontSize: 3\n }, heading),\n h4: assign({\n fontSize: 2\n }, heading),\n h5: assign({\n fontSize: 1\n }, heading),\n h6: assign({\n fontSize: 0\n }, heading),\n ul: {\n listStylePosition: 'outside',\n listStyleImage: 'none',\n ml: 3\n },\n ol: {\n listStylePosition: 'outside',\n listStyleImage: 'none',\n ml: 3\n },\n li: {\n mb: 2,\n pl: 0,\n ol: {\n my: 2,\n ml: 3\n },\n ul: {\n my: 2,\n ml: 3\n },\n p: {\n mb: 2\n }\n },\n p: {},\n table: {\n borderCollapse: 'collapse',\n width: '100%'\n },\n th: {\n textAlign: 'left',\n borderBottom: '1px solid',\n px: 2,\n py: 1,\n ':first-child': {\n pl: 0\n },\n ':last-child': {\n pr: 0\n }\n },\n td: {\n textAlign: 'left',\n borderBottom: '1px solid',\n px: 2,\n py: 1,\n mt: '-1px',\n ':first-child': {\n pl: 0\n },\n ':last-child': {\n pr: 0\n }\n },\n blockquote: {\n mx: 3\n },\n hr: {\n border: 0,\n borderBottom: '1px solid',\n mt: '-1px',\n mb: 3\n },\n b: {\n fontWeight: 'bold'\n },\n strong: {\n fontWeight: 'bold'\n },\n code: {\n fontSize: '85%'\n },\n pre: {\n fontSize: '85%',\n padding: 3\n }\n};\nvar headings = ['h6', 'h5', 'h4', 'h3', 'h2', 'h1'];\nvar blockElements = [].concat(headings, ['ul', 'ol', 'p', 'pre', 'table', 'blockquote', 'img', 'hr']);\nblockElements.forEach(function (tag) {\n assign(styles, _defineProperty({}, tag, assign({\n padding: 0,\n margin: 0,\n marginBottom: 3\n }, styles[tag])));\n}); // - creates base theme object\n// - uses a static theme.styles object for consumption in theme-ui\n// - ignores overrideThemeStyles\n// - does not include color styles\n// - should be mostly compatible with existing typography.js themes\n\nvar defaults = {\n baseFontSize: 16,\n baseLineHeight: 1.45,\n headerLineHeight: 1.1,\n scaleRatio: 2,\n googleFonts: [],\n headerFontFamily: ['-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'sans-serif'],\n bodyFontFamily: ['georgia', 'serif'],\n headerWeight: 'bold',\n bodyWeight: 'normal',\n boldWeight: 'bold',\n includeNormalize: true,\n blockMarginBottom: 1\n};\n\nvar toUnitless = function toUnitless(val) {\n return parseFloat(val);\n};\n\nvar getScale = function getScale(opts) {\n return function (value) {\n return ms(value, opts.scaleRatio) * opts.baseFontSize;\n };\n};\n\nvar getSpace = function getSpace(result, opts) {\n var n = toUnitless(result.rhythm(opts.blockMarginBottom));\n return [0, 1 / 4, 1 / 2, 1, 2, 4, 8].map(function (v) {\n return v * n;\n });\n}; // genericFontFamilies, wrapFontFamily adapted from typography.js\n// Wrap font names in quotes, unless the font name is actually a keyword.\n// See https://stackoverflow.com/a/13752149 and https://www.w3.org/TR/CSS2/fonts.html#font-family-prop\n\n\nvar genericFontFamilies = ['inherit', 'default', 'serif', 'sans-serif', 'monospace', 'fantasy', 'cursive', '-apple-system', 'system-ui'];\n\nvar wrapFontFamily = function wrapFontFamily(fontFamily) {\n return genericFontFamilies.includes(fontFamily) ? fontFamily : \"'\".concat(fontFamily, \"'\");\n};\n\nvar stackFonts = function stackFonts(fonts) {\n return fonts.map(wrapFontFamily).join(', ');\n};\n\nvar getFonts = function getFonts(result, opts) {\n var body = stackFonts(opts.bodyFontFamily);\n var heading = stackFonts(opts.headerFontFamily);\n return {\n body: body,\n heading: heading\n };\n};\n\nvar getFontSizes = function getFontSizes(result, opts) {\n var scale = getScale(opts);\n return [-1.5 / 5, -1 / 5, 0, 2 / 5, 3 / 5, 1].map(scale);\n};\n\nvar getLineHeights = function getLineHeights(result, opts) {\n var body = opts.baseLineHeight;\n var heading = opts.headerLineHeight;\n return {\n body: body,\n heading: heading\n };\n};\n\nvar getFontWeights = function getFontWeights(result, opts) {\n var body = opts.bodyWeight;\n var bold = opts.boldWeight;\n var heading = opts.headerWeight;\n return {\n body: body,\n bold: bold,\n heading: heading\n };\n};\n\nvar toTheme = function toTheme() {\n var _opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n\n var opts = _objectSpread2({}, defaults, {}, _opts); // enforce unitless values\n\n\n opts.baseFontSize = toUnitless(opts.baseFontSize);\n opts.rhythmUnit = 'px';\n var typo = verticalRhythm(opts);\n var theme = {};\n typo.options = opts;\n theme.space = getSpace(typo, opts);\n theme.fonts = getFonts(typo, opts);\n theme.fontSizes = getFontSizes(typo, opts);\n theme.fontWeights = getFontWeights(typo, opts);\n theme.lineHeights = getLineHeights(typo, opts);\n return _objectSpread2({}, theme, {\n styles: styles,\n typography: typo\n });\n};\n\nexport { toTheme, styles };","import { toTheme } from '@theme-ui/typography'\r\nimport fonts from './typography-fonts.json'\r\n\r\nconst typography = {\r\n baseFontSize: 16,\r\n baseLineHeight: 1.8,\r\n headerLineHeight: 1.55,\r\n scaleRatio: 1.9,\r\n blockMarginBottom: 0.62,\r\n ...fonts.theme\r\n}\r\n\r\nlet typographyTheme = toTheme(typography)\r\n\r\n//We use our own config for this property\r\ntypographyTheme.space = null\r\n\r\ntypographyTheme.fonts = {\r\n ...typographyTheme.fonts,\r\n monospace: `Consolas, Menlo, Monaco, source-code-pro, Courier New, monospace`\r\n}\r\n\r\ntypographyTheme.fontWeights = {\r\n body: `normal`,\r\n heading: `bold`,\r\n bold: 700,\r\n medium: 600,\r\n bolder: 900\r\n}\r\n\r\ntypographyTheme.fontSizes = [\r\n '0.75rem',\r\n '0.875rem',\r\n '1rem',\r\n '1.25rem',\r\n '1.5rem',\r\n '1.875rem',\r\n '2.25rem',\r\n '3rem',\r\n '4rem',\r\n '4.5rem'\r\n]\r\n\r\nexport default typographyTheme\r\n","import colors from './color-preset'\r\n\r\n//Primary\r\nconst alpha = {\r\n alphaLighter: colors.indigo[100],\r\n alphaLight: colors.indigo[300],\r\n alpha: colors.indigo[500],\r\n alphaDark: colors.indigo[600],\r\n alphaDarker: colors.indigo[800],\r\n bgCardinalLight: colors.cardinal[400],\r\n bgCardinalDark: colors.cardinal[100],\r\n cardinal100: colors.cardinal[50],\r\n cardinalVariant1:colors.cardinalVariant[50],\r\n cardinalVariant2:colors.cardinalVariant[100],\r\n titleService: colors.pink[100],\r\n}\r\n\r\n// Secondary\r\nconst beta = {\r\n betaLighter: colors.purple[100],\r\n betaLight: colors.purple[300],\r\n beta: colors.purple[500],\r\n betaDark: colors.purple[600],\r\n betaDarker: colors.purple[800]\r\n}\r\n\r\n// Reserved\r\nconst gamma = {}\r\n\r\n// Reserved\r\nconst psi = {}\r\n\r\n// Neutral\r\nconst omega = {\r\n omegaLighter: colors.blueGray[200],\r\n omegaLight: colors.blueGray[300],\r\n omega: colors.blueGray[500],\r\n omegaDark: colors.blueGray[600],\r\n omegaDarker: colors.blueGray[800]\r\n}\r\n\r\nexport default {\r\n text: colors.blueGray[600],\r\n article: colors.blueGray[700],\r\n heading: colors.blueGray[800],\r\n\r\n ...alpha,\r\n ...beta,\r\n ...gamma,\r\n ...psi,\r\n ...omega,\r\n\r\n successLight: colors.green[100],\r\n success: colors.green[500],\r\n errorLight: colors.red[100],\r\n error: colors.red[500],\r\n whiteHero: colors.amber[100],\r\n white: colors.white,\r\n background: `#f8f8f8`,\r\n contentBg: colors.white,\r\n headerBg: `transparent`,\r\n headerActiveBg: colors.white,\r\n headerActiveColor: omega.omegaDarker,\r\n footerBg: colors.white,\r\n\r\n mute: colors.blueGray[300],\r\n highlight: colors.blueGray[200],\r\n\r\n modes: {\r\n orangeRose: {\r\n // Alpha (primary)\r\n alphaLighter: colors.orange[100],\r\n alphaLight: colors.orange[300],\r\n alpha: colors.orange[500],\r\n alphaDark: colors.orange[600],\r\n alphaDarker: colors.orange[800],\r\n // beta (secondary)\r\n betaLighter: colors.rose[100],\r\n betaLight: colors.rose[300],\r\n beta: colors.rose[500],\r\n betaDark: colors.rose[600],\r\n betaDarker: colors.rose[800]\r\n },\r\n greenBlue: {\r\n // Alpha (primary)\r\n alphaLighter: colors.blue[100],\r\n alphaLight: colors.blue[300],\r\n alpha: colors.blue[500],\r\n alphaDark: colors.blue[600],\r\n alphaDarker: colors.blue[800],\r\n // beta (secondary)\r\n betaLighter: colors.lime[100],\r\n betaLight: colors.lime[300],\r\n beta: colors.lime[500],\r\n betaDark: colors.lime[700],\r\n betaDarker: colors.lime[800]\r\n },\r\n orangeBlue: {\r\n // Alpha (primary)\r\n alphaLighter: colors.blue[100],\r\n alphaLight: colors.blue[300],\r\n alpha: colors.blue[500],\r\n alphaDark: colors.blue[600],\r\n alphaDarker: colors.blue[800],\r\n // beta (secondary)\r\n betaLighter: colors.orange[100],\r\n betaLight: colors.orange[300],\r\n beta: colors.orange[500],\r\n betaDark: colors.orange[600],\r\n betaDarker: colors.orange[800]\r\n },\r\n blueBlack: {\r\n // Alpha (primary)\r\n alphaLighter: colors.blueGray[200],\r\n alphaLight: colors.blueGray[300],\r\n alpha: colors.blueGray[700],\r\n alphaDark: colors.blueGray[800],\r\n alphaDarker: colors.blueGray[900],\r\n // beta (secondary)\r\n betaLighter: colors.lightBlue[100],\r\n betaLight: colors.lightBlue[300],\r\n beta: colors.lightBlue[400],\r\n betaDark: colors.lightBlue[600],\r\n betaDarker: colors.lightBlue[800]\r\n },\r\n greenViolet: {\r\n // Alpha (primary)\r\n alphaLighter: colors.violet[100],\r\n alphaLight: colors.violet[300],\r\n alpha: colors.violet[500],\r\n alphaDark: colors.violet[600],\r\n alphaDarker: colors.violet[800],\r\n // beta (secondary)\r\n betaLighter: colors.green[100],\r\n betaLight: colors.green[300],\r\n beta: colors.green[500],\r\n betaDark: colors.green[600],\r\n betaDarker: colors.green[800]\r\n },\r\n purpleIndigo: {\r\n // Alpha (primary)\r\n alphaLighter: colors.indigo[100],\r\n alphaLight: colors.indigo[300],\r\n alpha: colors.indigo[500],\r\n alphaDark: colors.indigo[600],\r\n alphaDarker: colors.indigo[800],\r\n // beta (secondary)\r\n betaLighter: colors.purple[100],\r\n betaLight: colors.purple[300],\r\n beta: colors.purple[500],\r\n betaDark: colors.purple[600],\r\n betaDarker: colors.purple[800]\r\n },\r\n redBlue: {\r\n // Alpha (primary)\r\n alphaLighter: colors.blue[100],\r\n alphaLight: colors.blue[300],\r\n alpha: colors.blue[500],\r\n alphaDark: colors.blue[600],\r\n alphaDarker: colors.blue[800],\r\n // beta (secondary)\r\n betaLighter: colors.red[100],\r\n betaLight: colors.red[300],\r\n beta: colors.red[600],\r\n betaDark: colors.red[700],\r\n betaDarker: colors.red[800]\r\n }\r\n }\r\n}\r\n","const button = {\r\n fontFamily: `body`,\r\n display: `inline-flex`,\r\n minWidth: `10rem`,\r\n alignItems: `center`,\r\n justifyContent: `space-evenly`,\r\n outline: 0,\r\n userSelect: `none`,\r\n WebkitTapHighlightColor: `transparent`,\r\n borderRadius: `xl`,\r\n cursor: `pointer`,\r\n whiteSpace: `pre`,\r\n transition: `all 250ms ease`,\r\n position: `relative`,\r\n zIndex: 0,\r\n px: 4,\r\n '::after, ::before': {\r\n content: `\" \"`,\r\n position: `absolute`,\r\n top: t => `-${t.borderWidths.md}`,\r\n left: t => `-${t.borderWidths.md}`,\r\n zIndex: -2,\r\n size: `100%`,\r\n borderRadius: `inherit`,\r\n borderWidth: `md`,\r\n borderStyle: `solid`,\r\n transitionDuration: `0.35s`\r\n },\r\n '::after': {\r\n zIndex: -2,\r\n transform: `perspective(1px) translateZ(0)`,\r\n transitionTimingFunction: `cubic-bezier(0.47, 2.02, 0.31, 0.1)`\r\n },\r\n '::before': {\r\n zIndex: -1,\r\n bg: `rgba(0,0,0,.05)`,\r\n borderColor: `transparent`,\r\n transform: `scale(0.5) perspective(15px)`,\r\n opacity: 0\r\n },\r\n ':hover': {\r\n '::after': {\r\n transform: `scale(1.08)`,\r\n transitionTimingFunction: `cubic-bezier(0.47, 2.02, 0.31, 0.1)`\r\n },\r\n '::before': {\r\n opacity: 1,\r\n transform: `scale(1.08) perspective(15px)`\r\n }\r\n },\r\n ':active': {\r\n '::after': {\r\n transform: `scale(1.02)`,\r\n transitionTimingFunction: `cubic-bezier(0.47, 2.02, 0.31, 0.1)`\r\n }\r\n }\r\n}\r\n\r\nexport default {\r\n button\r\n}\r\n","import primary from './primary'\r\nimport primaryLight from './primary-light'\r\nimport primaryGradient from './primary-gradient'\r\nimport primaryOutline from './primary-outline'\r\nimport secondary from './secondary'\r\nimport secondaryLight from './secondary-light'\r\nimport secondaryGradient from './secondary-gradient'\r\nimport secondaryOutline from './secondary-outline'\r\nimport gradient from './gradient'\r\nimport dark from './dark'\r\nimport white from './white'\r\nimport black from './black'\r\nimport disabled from './disabled'\r\nimport icon from './icon'\r\n\r\nexport default {\r\n primary,\r\n 'primary-light': primaryLight,\r\n 'primary-gradient': primaryGradient,\r\n 'primary-outline': primaryOutline,\r\n secondary,\r\n 'secondary-light': secondaryLight,\r\n 'secondary-gradient': secondaryGradient,\r\n 'secondary-outline': secondaryOutline,\r\n gradient,\r\n dark,\r\n white,\r\n black,\r\n disabled,\r\n icon\r\n}\r\n","import common from './common'\r\n\r\nexport default {\r\n ...common.button,\r\n color: `white`,\r\n '::after': {\r\n ...common.button['::after'],\r\n bg: `bgCardinalDark`,\r\n borderColor: `bgCardinalDark`\r\n }\r\n}\r\n","import common from './common'\r\n\r\nexport default {\r\n ...common.button,\r\n color: `alphaDark`,\r\n '::before': {\r\n display: `none`\r\n },\r\n '::after': {\r\n ...common.button['::after'],\r\n bg: `alphaLighter`,\r\n borderColor: `alphaLighter`\r\n }\r\n}\r\n","import common from './common'\r\n\r\nexport default {\r\n ...common.button,\r\n color: `white`,\r\n backgroundImage: t => `linear-gradient(\r\n to right,\r\n ${t.colors.alpha},\r\n ${t.colors.alphaDark},\r\n ${t.colors.alpha}\r\n )`,\r\n backgroundSize: `200% auto`,\r\n py: t => `calc(${t.space[2]} + ${t.borderWidths.md}px)`,\r\n ':hover': {\r\n backgroundPosition: `right center`\r\n }\r\n}\r\n","import common from './common'\r\n\r\nexport default {\r\n ...common.button,\r\n color: `alpha`,\r\n '::before': {\r\n display: `none`\r\n },\r\n '::after': {\r\n ...common.button['::after'],\r\n bg: `white`,\r\n borderColor: `alpha`\r\n }\r\n}\r\n","import common from './common'\r\n\r\nexport default {\r\n ...common.button,\r\n color: `white`,\r\n '::after': {\r\n ...common.button['::after'],\r\n bg: `beta`,\r\n borderColor: `beta`\r\n }\r\n}\r\n","import common from './common'\r\n\r\nexport default {\r\n ...common.button,\r\n color: `betaDark`,\r\n '::before': {\r\n display: `none`\r\n },\r\n '::after': {\r\n ...common.button['::after'],\r\n bg: `betaLighter`,\r\n borderColor: `betaLighter`\r\n }\r\n}\r\n","import common from './common'\r\n\r\nexport default {\r\n ...common.button,\r\n color: `white`,\r\n backgroundImage: t => `linear-gradient(\r\n to right,\r\n ${t.colors.bgCardinalDark},\r\n ${t.colors.bgCardinalLight},\r\n ${t.colors.bgCardinalDark}\r\n )`,\r\n backgroundSize: `200% auto`,\r\n py: t => `calc(${t.space[2]} + ${t.borderWidths.md}px)`,\r\n ':hover': {\r\n backgroundPosition: `right center`\r\n }\r\n}\r\n","import common from './common'\r\n\r\nexport default {\r\n ...common.button,\r\n color: `beta`,\r\n '::before': {\r\n display: `none`\r\n },\r\n '::after': {\r\n ...common.button['::after'],\r\n bg: `white`,\r\n borderColor: `beta`\r\n }\r\n}\r\n","import common from './common'\r\n\r\nexport default {\r\n ...common.button,\r\n color: `white`,\r\n backgroundImage: t => `linear-gradient(\r\n to right,\r\n ${t.colors.bgCardinalDark},\r\n ${t.colors.bgCardinalLight},\r\n ${t.colors.bgCardinalDark}\r\n )`,\r\n backgroundSize: `200% auto`,\r\n py: t => `calc(${t.space[2]} + ${t.borderWidths.md}px)`,\r\n ':hover': {\r\n backgroundPosition: `right center`\r\n }\r\n}\r\n","import common from './common'\r\n\r\nexport default {\r\n ...common.button,\r\n color: `white`,\r\n '::after': {\r\n ...common.button['::after'],\r\n bg: `omegaDarker`,\r\n borderColor: `omegaDarker`\r\n }\r\n}\r\n","import common from './common'\r\n\r\nexport default {\r\n ...common.button,\r\n color: `alpha`,\r\n '::before': {\r\n ...common.button['::before'],\r\n bg: `alphaLighter`\r\n },\r\n '::after': {\r\n ...common.button['::after'],\r\n bg: `white`,\r\n borderColor: `white`\r\n }\r\n}\r\n","import common from './common'\r\n\r\nexport default {\r\n ...common.button,\r\n color: `white`,\r\n '::after': {\r\n ...common.button['::after'],\r\n bg: `black`,\r\n borderColor: `black`\r\n }\r\n}\r\n","import common from './common'\r\n\r\nexport default {\r\n ...common.button,\r\n cursor: `not-allowed`,\r\n color: `white`,\r\n '::after': {\r\n ...common.button['::after'],\r\n bg: `omega`,\r\n borderColor: `omega`\r\n }\r\n}\r\n","export default {\r\n outline: 0,\r\n userSelect: `none`,\r\n WebkitTapHighlightColor: `transparent`,\r\n borderRadius: `xl`,\r\n cursor: `pointer`,\r\n transition: `all 250ms ease`\r\n}\r\n","import normal from './normal'\r\nimport disabled from './disabled'\r\nimport hidden from './hidden'\r\nimport navDark from './nav-dark'\r\nimport navLight from './nav-light'\r\nimport navWhite from './nav-white'\r\n\r\nexport default {\r\n normal,\r\n disabled,\r\n hidden,\r\n 'nav-dark': navDark,\r\n 'nav-light': navLight,\r\n 'nav-white': navWhite\r\n}\r\n","export default {\r\n color: `alpha`,\r\n textDecoration: `none`,\r\n userSelect: `none`,\r\n cursor: `pointer`,\r\n whiteSpace: `pre`,\r\n transition: `all 250ms ease`,\r\n p: 0,\r\n ':visited': {\r\n color: 'alpha'\r\n },\r\n ':hover': {\r\n color: 'cardinal100'\r\n }\r\n}\r\n","export default {\r\n color: `omegaDark`,\r\n textDecoration: `none`,\r\n userSelect: `none`,\r\n cursor: `default`,\r\n whiteSpace: `pre`,\r\n p: 0,\r\n ':visited': {\r\n color: 'omegaDark'\r\n },\r\n ':hover': {\r\n color: 'omegaDark'\r\n }\r\n}\r\n","export default {\r\n userSelect: `none`,\r\n cursor: `default`,\r\n color: `rgba(0,0,0,0)`,\r\n '& > div:first-of-type': {\r\n display: [`none`, null, `inherit`]\r\n }\r\n}\r\n","export default {\r\n color: `omegaDarker`,\r\n fontWeight: `medium`,\r\n textDecoration: `none`,\r\n userSelect: `none`,\r\n whiteSpace: `pre`,\r\n transition: `all 250ms ease`,\r\n p: 0,\r\n ':visited': {\r\n color: 'omegaDarker'\r\n },\r\n ':hover': {\r\n color: 'bgCardinalDark'\r\n }\r\n}\r\n","export default {\r\n color: `omegaDark`,\r\n textDecoration: `none`,\r\n userSelect: `none`,\r\n cursor: `pointer`,\r\n whiteSpace: `pre`,\r\n transition: `all 250ms ease`,\r\n p: 0,\r\n ':visited': {\r\n color: 'omegaDark'\r\n },\r\n ':hover': {\r\n color: 'cardinal100'\r\n }\r\n}\r\n","export default {\r\n color: `white`,\r\n fontWeight: `medium`,\r\n textDecoration: `none`,\r\n userSelect: `none`,\r\n whiteSpace: `pre`,\r\n transition: `all 250ms ease`,\r\n p: 0,\r\n ':visited': {\r\n color: 'white'\r\n },\r\n ':hover': {\r\n textShadow: `default`\r\n }\r\n}\r\n","const heading = {\r\n display: `block`,\r\n color: `heading`,\r\n textDecoration: `none`,\r\n mb: 3\r\n}\r\n\r\nexport default {\r\n h1: {\r\n ...heading,\r\n fontSize: [6, 7],\r\n maxWidth: 650,\r\n mx: `auto`,\r\n mb: 4\r\n },\r\n h2: {\r\n ...heading,\r\n fontSize: 6,\r\n maxWidth: 650,\r\n mx: `auto`,\r\n mb: 4\r\n },\r\n h3: {\r\n ...heading,\r\n fontSize: 5\r\n },\r\n h4: {\r\n ...heading,\r\n fontSize: 4\r\n },\r\n h5: {\r\n ...heading,\r\n fontSize: 3,\r\n mb: 2\r\n },\r\n h6: {\r\n ...heading,\r\n fontSize: 2,\r\n mb: 0\r\n },\r\n medium: {\r\n fontSize: 3,\r\n mb: 3\r\n },\r\n small: {\r\n fontSize: 1,\r\n m: 0\r\n },\r\n xsmall: {\r\n fontSize: 0,\r\n m: 0\r\n },\r\n p: {\r\n fontFamily: `body`,\r\n mb: 3\r\n }\r\n}\r\n","import primary from './primary'\r\nimport paper from './paper'\r\nimport paperLg from './paper-lg'\r\nimport interactive from './interactive'\r\n\r\nexport default {\r\n primary,\r\n paper,\r\n 'paper-lg': paperLg,\r\n interactive\r\n}\r\n","export default {\r\n bg: `contentBg`,\r\n borderRadius: `lg`,\r\n transition: `\r\n transform 250ms ease,\r\n box-shadow 250ms ease,\r\n color 250ms ease\r\n `,\r\n boxShadow: `0 0 35px rgba(140,152,164,.125)`\r\n}\r\n","export default {\r\n variant: 'cards.primary',\r\n p: 4\r\n}\r\n","export default {\r\n variant: 'cards.primary',\r\n borderRadius: `xl`,\r\n p: [4, 5]\r\n}\r\n","export default {\r\n variant: 'cards.primary',\r\n '@media (hover: hover) and (pointer: fine)': {\r\n ':hover': {\r\n transform: `translateY(-0.25rem)`,\r\n boxShadow: `0 0 25px rgba(140,152,164,.3)`\r\n }\r\n }\r\n}\r\n","const badge = {\r\n display: `inline-block`,\r\n borderRadius: `default`,\r\n textDecoration: `none`,\r\n fontWeight: `medium`,\r\n verticalAlign: `middle`,\r\n px: 3,\r\n py: 1,\r\n transition: ` all 250ms ease`\r\n}\r\n\r\nexport default {\r\n badge\r\n}\r\n","import tag from './tag'\r\nimport tagWhite from './tag-white'\r\nimport tagDark from './tag-dark'\r\nimport tagYellow from './tag-yellow'\r\n\r\nexport default {\r\n tag,\r\n 'tag-white': tagWhite,\r\n 'tag-dark': tagDark,\r\n 'tag-yellow': tagYellow\r\n}\r\n","import common from './common'\r\n\r\nexport default {\r\n ...common.badge,\r\n bg: `omegaLight`,\r\n color: `omegaDark`,\r\n ':hover': {\r\n color: `omegaLight`,\r\n bg: `omegaDark`\r\n }\r\n}\r\n","import common from './common'\r\n\r\nexport default {\r\n ...common.badge,\r\n bg: `white`,\r\n color: `alpha`,\r\n ':hover': {\r\n bg: `alpha`,\r\n color: `white`\r\n }\r\n}\r\n","import common from './common'\r\n\r\nexport default {\r\n ...common.badge,\r\n bg: `omegaDark`,\r\n color: `white`,\r\n ':hover': {\r\n bg: `alpha`,\r\n color: `white`\r\n }\r\n}\r\n","import common from './common'\r\n\r\nexport default {\r\n ...common.badge,\r\n bg: '#FEF9D8',\r\n color: '#D6AE2E'\r\n}\r\n","import { merge } from 'theme-ui'\r\nimport typography from './typography'\r\nimport borderWidths from './borderWidths'\r\nimport breakpoints from './breakpoints'\r\nimport space from './space'\r\nimport sizes from './sizes'\r\nimport radii from './radii'\r\nimport shadows from './shadows'\r\nimport colors from './colors'\r\nimport styles from './styles'\r\nimport buttons from './buttons'\r\nimport links from './links'\r\nimport text from './text'\r\nimport cards from './cards'\r\nimport badges from './badges'\r\nimport forms from './forms'\r\nimport layout from './layout'\r\nimport global from './global'\r\n\r\nexport default merge(typography, {\r\n colors,\r\n breakpoints,\r\n sizes,\r\n space,\r\n radii,\r\n shadows,\r\n borderWidths,\r\n styles,\r\n buttons,\r\n links,\r\n text,\r\n cards,\r\n badges,\r\n forms,\r\n layout,\r\n global\r\n})\r\n","export default ['640px', '768px', '1024px']\r\n// export default ['576px', '768px', '992px', '1200px']\r\n","export default {\r\n icon: {\r\n xs: 24,\r\n sm: 32,\r\n md: 48,\r\n lg: 64\r\n },\r\n container: 1240,\r\n narrow: 1000,\r\n wide: 1410,\r\n '1': '100%',\r\n '1/2': '50%',\r\n '1/3': '33.333333%',\r\n '2/3': '66.666667%',\r\n '1/4': '25%',\r\n '2/4': '50%',\r\n '3/4': '75%',\r\n '1/5': '20%',\r\n '2/5': '40%',\r\n '3/5': '60%',\r\n '4/5': '80%',\r\n '1/6': '16.666667%',\r\n '2/6': '33.333333%',\r\n '3/6': '50%',\r\n '4/6': '66.666667%',\r\n '5/6': '83.333333%',\r\n '1/12': '8.333333%',\r\n '2/12': '16.666667%',\r\n '3/12': '25%',\r\n '4/12': '33.333333%',\r\n '5/12': '41.666667%',\r\n '6/12': '50%',\r\n '7/12': '58.333333%',\r\n '8/12': '66.666667%',\r\n '9/12': '75%',\r\n '10/12': '83.333333%',\r\n '11/12': '91.666667%',\r\n full: '100%'\r\n}\r\n","export default [\r\n 0,\r\n '0.25rem',\r\n '0.5rem',\r\n '1rem',\r\n '2rem',\r\n '4rem',\r\n '8rem',\r\n '16rem',\r\n '32rem'\r\n]\r\n","export default {\r\n none: 0,\r\n sm: `0.125rem`,\r\n default: `0.5rem`,\r\n lg: `1rem`,\r\n xl: `2rem`,\r\n xxl: `4rem`,\r\n full: 9999,\r\n right: `0 1rem 1rem 0`,\r\n left: `1rem 0 0 1rem`,\r\n top: `1rem 1rem 0 0`,\r\n bottom: `0 0 1rem 1rem`\r\n}\r\n","export default {\r\n none: `none`,\r\n default: `0 0 35px rgba(140,152,164,.125)`,\r\n lg: `0px 5px 25px rgba(28,33,54,.1)`,\r\n xl: `0 0.25rem 0.5rem rgb(0,0,0,0.05), 0 1.5rem 2.2rem rgb(0,0,0,0.1)`\r\n}\r\n","export default {\r\n sm: 1,\r\n md: 3,\r\n lg: 5,\r\n xl: 10,\r\n xxl: 20\r\n}\r\n","export default {\r\n /** Root (body tag) */\r\n root: {\r\n WebkitFontSmoothing: `antialiased`,\r\n textDecoration: `none`,\r\n overflowX: `hidden`\r\n }\r\n}\r\n","export default {\r\n row: {\r\n display: [`block`, `block`, `flex`],\r\n flexWrap: `wrap`\r\n },\r\n full: {\r\n flex: `100%`,\r\n mb: [2, 3]\r\n },\r\n compact: {\r\n flex: `1`,\r\n mb: [2, 3],\r\n '&:first-of-type + &': {\r\n ml: [0, 0, 3]\r\n }\r\n },\r\n field: {\r\n display: `flex`,\r\n alignItems: `center`,\r\n bg: `omegaLighter`,\r\n borderRadius: `default`,\r\n width: `full`,\r\n p: 0\r\n },\r\n input: {\r\n fontFamily: `body`,\r\n border: `none`,\r\n bg: `omegaLighter`,\r\n color: `omegaDark`,\r\n outline: `none`,\r\n borderRadius: `default`,\r\n p: 3,\r\n '::placeholder': {\r\n color: `omegaDark`\r\n }\r\n },\r\n textarea: {\r\n variant: 'forms.input',\r\n minHeight: 100\r\n },\r\n label: {\r\n mb: 2,\r\n userSelect: `none`\r\n }\r\n}\r\n","export default {\r\n layout: {\r\n flexDirection: 'column',\r\n height: `100vh`\r\n },\r\n body: {\r\n flex: `1 1 auto`\r\n },\r\n\r\n /** Containers */\r\n container: {\r\n maxWidth: `container`,\r\n px: [3, 4]\r\n },\r\n narrow: {\r\n maxWidth: `narrow`,\r\n px: [3, 4]\r\n },\r\n wide: {\r\n maxWidth: `wide`,\r\n px: [3, 4]\r\n },\r\n full: {\r\n maxWidth: `none`\r\n },\r\n\r\n /** Sticky Box */\r\n sticky: {\r\n position: `sticky`,\r\n top: 4\r\n }\r\n}\r\n","export default {\r\n html: {\r\n fontSize: [`85%`, `90%`, `95%`, `100%`],\r\n scrollBehavior: `smooth`\r\n }\r\n}\r\n","import React from 'react'\r\n\r\nconst pageContextProvider = React.createContext()\r\n\r\nexport default pageContextProvider\r\n","import React, { useState, useEffect, useContext } from 'react'\r\nimport { Box, useColorMode, useThemeUI } from 'theme-ui'\r\nimport pageContextProvider from '@helpers/pageContextProvider'\r\nimport { MdInvertColors } from 'react-icons/md'\r\nimport { FaChevronDown } from 'react-icons/fa'\r\n\r\nconst styles = {\r\n wrapper: {\r\n position: `fixed`,\r\n right: 0,\r\n bottom: `20%`,\r\n transform: `translate(40px, -56px)`,\r\n zIndex: 99\r\n },\r\n button: {\r\n borderRadius: `0.5rem 0 0 0.5rem`,\r\n boxShadow: `-1px 1px 5px 0 rgba(1,1,1,.05)`,\r\n bg: `white`,\r\n cursor: `pointer`,\r\n textTransform: `uppercase`,\r\n fontSize: 1,\r\n fontWeight: `bold`,\r\n p: 3,\r\n mb: 3,\r\n pr: 5,\r\n svg: {\r\n verticalAlign: `middle`,\r\n mr: 2\r\n },\r\n ':hover': {\r\n color: `#667eea`\r\n }\r\n },\r\n items: {\r\n transition: `all 0.2s ease-in`,\r\n bg: `contentBg`,\r\n overflow: `hidden`,\r\n boxSizing: `content-box`,\r\n boxShadow: `-1px 1px 5px 0 rgba(1,1,1,.05)`,\r\n borderRadius: `default`,\r\n textAlign: `center`,\r\n width: 130,\r\n maxHeight: 0,\r\n mb: 3,\r\n opacity: 0,\r\n open: {\r\n opacity: 1,\r\n pt: 3\r\n }\r\n },\r\n item: {\r\n display: `flex`,\r\n borderRadius: `default`,\r\n overflow: `hidden`,\r\n cursor: `pointer`,\r\n transition: `opacity 0.15s ease-in`,\r\n width: 100,\r\n height: 35,\r\n mx: `auto`,\r\n mb: 2,\r\n ':hover': {\r\n opacity: 0.9\r\n },\r\n div: {\r\n flexBasis: `1/4`\r\n }\r\n },\r\n close: {\r\n bg: `contentBg`,\r\n borderRadius: `full`,\r\n cursor: `pointer`,\r\n width: 24,\r\n mx: `auto`,\r\n svg: {}\r\n }\r\n}\r\n\r\nconst ColorMode = () => {\r\n const [open, setOpen] = useState()\r\n const [colorMode, setColorMode] = useColorMode()\r\n const context = useThemeUI()\r\n const { pageContext } = useContext(pageContextProvider)\r\n\r\n const { modes } = context.theme.colors\r\n const modeNames = Object.keys(modes)\r\n\r\n const handleChange = color => setColorMode(color)\r\n const handleToggle = () => setOpen(state => !state)\r\n\r\n useEffect(() => {\r\n // Theme-UI saves last color mode in local storage. We don't want that.\r\n pageContext.colorMode === false &&\r\n localStorage.removeItem('theme-ui-color-mode')\r\n }, [])\r\n\r\n if (pageContext.colorMode === false) return null\r\n\r\n return (\r\n \r\n \r\n {modeNames.map((mode, index) => (\r\n handleChange(mode)}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n \r\n \r\n Colors\r\n \r\n \r\n )\r\n}\r\n\r\nexport default ColorMode\r\n","import React from 'react'\r\nimport { Global } from '@emotion/core'\r\nimport { ThemeProvider, merge, Flex, Box, css } from 'theme-ui'\r\nimport baseTheme from '@solid-ui-theme'\r\nimport pageContextProvider from '@helpers/pageContextProvider'\r\nimport { FormContextProvider } from '@solid-ui-components/ContentForm'\r\nimport { ModalContextProvider } from '@solid-ui-components/Modal'\r\nimport { TabsContextProvider } from '@solid-ui-components/Tabs'\r\nimport ColorMode from '@solid-ui-components/ColorMode'\r\n\r\nconst Layout = ({ children, pageContext = {}, location, theme = {} }) => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n theme.global)} />\r\n \r\n {children}\r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default Layout\r\n","module.exports = {\r\n black: '#000',\r\n white: '#fff',\r\n rose: {\r\n 50: '#fff1f2',\r\n 100: '#ffe4e6',\r\n 200: '#fecdd3',\r\n 300: '#fda4af',\r\n 400: '#fb7185',\r\n 500: '#f43f5e',\r\n 600: '#e11d48',\r\n 700: '#be123c',\r\n 800: '#9f1239',\r\n 900: '#881337'\r\n },\r\n pink: {\r\n 50: '#fdf2f8',\r\n 100: '#fce7f3',\r\n 200: '#fbcfe8',\r\n 300: '#f9a8d4',\r\n 400: '#f472b6',\r\n 500: '#ec4899',\r\n 600: '#db2777',\r\n 700: '#be185d',\r\n 800: '#9d174d',\r\n 900: '#831843'\r\n },\r\n fuchsia: {\r\n 50: '#fdf4ff',\r\n 100: '#fae8ff',\r\n 200: '#f5d0fe',\r\n 300: '#f0abfc',\r\n 400: '#e879f9',\r\n 500: '#d946ef',\r\n 600: '#c026d3',\r\n 700: '#a21caf',\r\n 800: '#86198f',\r\n 900: '#701a75'\r\n },\r\n purple: {\r\n 50: '#faf5ff',\r\n 100: '#f3e8ff',\r\n 200: '#e9d5ff',\r\n 300: '#d8b4fe',\r\n 400: '#c084fc',\r\n 500: '#a855f7',\r\n 600: '#9333ea',\r\n 700: '#7e22ce',\r\n 800: '#6b21a8',\r\n 900: '#581c87'\r\n },\r\n cardinal: {\r\n 50:'#f489bf',\r\n 100: '#e83f95',\r\n 200: '#cf3c8c',\r\n 300: '#923876',\r\n 400: '#74356b',\r\n },\r\n cardinalVariant: {\r\n 50:'#63bbfc',\r\n 100: '#4f94d0',\r\n 200: '#345266',\r\n },\r\n violet: {\r\n 50: '#f5f3ff',\r\n 100: '#ede9fe',\r\n 200: '#ddd6fe',\r\n 300: '#c4b5fd',\r\n 400: '#a78bfa',\r\n 500: '#8b5cf6',\r\n 600: '#7c3aed',\r\n 700: '#6d28d9',\r\n 800: '#5b21b6',\r\n 900: '#4c1d95'\r\n },\r\n indigo: {\r\n 50: '#eef2ff',\r\n 100: '#e0e7ff',\r\n 200: '#c7d2fe',\r\n 300: '#a5b4fc',\r\n 400: '#818cf8',\r\n 500: '#6366f1',\r\n 600: '#4f46e5',\r\n 700: '#4338ca',\r\n 800: '#3730a3',\r\n 900: '#312e81'\r\n },\r\n blue: {\r\n 50: '#eff6ff',\r\n 100: '#dbeafe',\r\n 200: '#bfdbfe',\r\n 300: '#93c5fd',\r\n 400: '#60a5fa',\r\n 500: '#3b82f6',\r\n 600: '#2563eb',\r\n 700: '#1d4ed8',\r\n 800: '#1e40af',\r\n 900: '#1e3a8a'\r\n },\r\n lightBlue: {\r\n 50: '#f0f9ff',\r\n 100: '#e0f2fe',\r\n 200: '#bae6fd',\r\n 300: '#7dd3fc',\r\n 400: '#38bdf8',\r\n 500: '#0ea5e9',\r\n 600: '#0284c7',\r\n 700: '#0369a1',\r\n 800: '#075985',\r\n 900: '#0c4a6e'\r\n },\r\n cyan: {\r\n 50: '#ecfeff',\r\n 100: '#cffafe',\r\n 200: '#a5f3fc',\r\n 300: '#67e8f9',\r\n 400: '#22d3ee',\r\n 500: '#06b6d4',\r\n 600: '#0891b2',\r\n 700: '#0e7490',\r\n 800: '#155e75',\r\n 900: '#164e63'\r\n },\r\n teal: {\r\n 50: '#f0fdfa',\r\n 100: '#ccfbf1',\r\n 200: '#99f6e4',\r\n 300: '#5eead4',\r\n 400: '#2dd4bf',\r\n 500: '#14b8a6',\r\n 600: '#0d9488',\r\n 700: '#0f766e',\r\n 800: '#115e59',\r\n 900: '#134e4a'\r\n },\r\n emerald: {\r\n 50: '#ecfdf5',\r\n 100: '#d1fae5',\r\n 200: '#a7f3d0',\r\n 300: '#6ee7b7',\r\n 400: '#34d399',\r\n 500: '#10b981',\r\n 600: '#059669',\r\n 700: '#047857',\r\n 800: '#065f46',\r\n 900: '#064e3b'\r\n },\r\n green: {\r\n 50: '#f0fdf4',\r\n 100: '#dcfce7',\r\n 200: '#bbf7d0',\r\n 300: '#86efac',\r\n 400: '#4ade80',\r\n 500: '#22c55e',\r\n 600: '#16a34a',\r\n 700: '#15803d',\r\n 800: '#166534',\r\n 900: '#14532d'\r\n },\r\n lime: {\r\n 50: '#f7fee7',\r\n 100: '#ecfccb',\r\n 200: '#d9f99d',\r\n 300: '#bef264',\r\n 400: '#a3e635',\r\n 500: '#84cc16',\r\n 600: '#65a30d',\r\n 700: '#4d7c0f',\r\n 800: '#3f6212',\r\n 900: '#365314'\r\n },\r\n yellow: {\r\n 50: '#fefce8',\r\n 100: '#fef9c3',\r\n 200: '#fef08a',\r\n 300: '#fde047',\r\n 400: '#facc15',\r\n 500: '#eab308',\r\n 600: '#ca8a04',\r\n 700: '#a16207',\r\n 800: '#854d0e',\r\n 900: '#713f12'\r\n },\r\n amber: {\r\n 50: '#fffbeb',\r\n 100: '#fef3c7',\r\n 200: '#fde68a',\r\n 300: '#fcd34d',\r\n 400: '#fbbf24',\r\n 500: '#f59e0b',\r\n 600: '#d97706',\r\n 700: '#b45309',\r\n 800: '#92400e',\r\n 900: '#78350f'\r\n },\r\n orange: {\r\n 50: '#fff7ed',\r\n 100: '#ffedd5',\r\n 200: '#fed7aa',\r\n 300: '#fdba74',\r\n 400: '#fb923c',\r\n 500: '#f97316',\r\n 600: '#ea580c',\r\n 700: '#c2410c',\r\n 800: '#9a3412',\r\n 900: '#7c2d12'\r\n },\r\n red: {\r\n 50: '#fef2f2',\r\n 100: '#fee2e2',\r\n 200: '#fecaca',\r\n 300: '#fca5a5',\r\n 400: '#f87171',\r\n 500: '#ef4444',\r\n 600: '#dc2626',\r\n 700: '#b91c1c',\r\n 800: '#991b1b',\r\n 900: '#7f1d1d'\r\n },\r\n warmGray: {\r\n 50: '#fafaf9',\r\n 100: '#f5f5f4',\r\n 200: '#e7e5e4',\r\n 300: '#d6d3d1',\r\n 400: '#a8a29e',\r\n 500: '#78716c',\r\n 600: '#57534e',\r\n 700: '#44403c',\r\n 800: '#292524',\r\n 900: '#1c1917'\r\n },\r\n trueGray: {\r\n 50: '#fafafa',\r\n 100: '#f5f5f5',\r\n 200: '#e5e5e5',\r\n 300: '#d4d4d4',\r\n 400: '#a3a3a3',\r\n 500: '#737373',\r\n 600: '#525252',\r\n 700: '#404040',\r\n 800: '#262626',\r\n 900: '#171717'\r\n },\r\n gray: {\r\n 50: '#fafafa',\r\n 100: '#f4f4f5',\r\n 200: '#e4e4e7',\r\n 300: '#d4d4d8',\r\n 400: '#a1a1aa',\r\n 500: '#71717a',\r\n 600: '#52525b',\r\n 700: '#3f3f46',\r\n 800: '#27272a',\r\n 900: '#18181b'\r\n },\r\n coolGray: {\r\n 50: '#f9fafb',\r\n 100: '#f3f4f6',\r\n 200: '#e5e7eb',\r\n 300: '#d1d5db',\r\n 400: '#9ca3af',\r\n 500: '#6b7280',\r\n 600: '#4b5563',\r\n 700: '#374151',\r\n 800: '#1f2937',\r\n 900: '#111827'\r\n },\r\n blueGray: {\r\n 50: '#f8fafc',\r\n 100: '#f7fafc',\r\n 200: '#edf2f7',\r\n 300: '#e2e8f0',\r\n 400: '#cbd5e0',\r\n 500: '#a0aec0',\r\n 600: '#718096',\r\n 700: '#4a5568',\r\n 800: '#2d3748',\r\n 900: '#1a202c'\r\n }\r\n}\r\n","module.exports = function (it) {\n if (typeof it != 'function') {\n throw TypeError(String(it) + ' is not a function');\n } return it;\n};\n","var isObject = require('../internals/is-object');\n\nmodule.exports = function (it) {\n if (!isObject(it)) {\n throw TypeError(String(it) + ' is not an object');\n } return it;\n};\n","var toIndexedObject = require('../internals/to-indexed-object');\nvar toLength = require('../internals/to-length');\nvar toAbsoluteIndex = require('../internals/to-absolute-index');\n\n// `Array.prototype.{ indexOf, includes }` methods implementation\nvar createMethod = function (IS_INCLUDES) {\n return function ($this, el, fromIndex) {\n var O = toIndexedObject($this);\n var length = toLength(O.length);\n var index = toAbsoluteIndex(fromIndex, length);\n var value;\n // Array#includes uses SameValueZero equality algorithm\n // eslint-disable-next-line no-self-compare -- NaN check\n if (IS_INCLUDES && el != el) while (length > index) {\n value = O[index++];\n // eslint-disable-next-line no-self-compare -- NaN check\n if (value != value) return true;\n // Array#indexOf ignores holes, Array#includes - not\n } else for (;length > index; index++) {\n if ((IS_INCLUDES || index in O) && O[index] === el) return IS_INCLUDES || index || 0;\n } return !IS_INCLUDES && -1;\n };\n};\n\nmodule.exports = {\n // `Array.prototype.includes` method\n // https://tc39.es/ecma262/#sec-array.prototype.includes\n includes: createMethod(true),\n // `Array.prototype.indexOf` method\n // https://tc39.es/ecma262/#sec-array.prototype.indexof\n indexOf: createMethod(false)\n};\n","var toString = {}.toString;\n\nmodule.exports = function (it) {\n return toString.call(it).slice(8, -1);\n};\n","var has = require('../internals/has');\nvar ownKeys = require('../internals/own-keys');\nvar getOwnPropertyDescriptorModule = require('../internals/object-get-own-property-descriptor');\nvar definePropertyModule = require('../internals/object-define-property');\n\nmodule.exports = function (target, source) {\n var keys = ownKeys(source);\n var defineProperty = definePropertyModule.f;\n var getOwnPropertyDescriptor = getOwnPropertyDescriptorModule.f;\n for (var i = 0; i < keys.length; i++) {\n var key = keys[i];\n if (!has(target, key)) defineProperty(target, key, getOwnPropertyDescriptor(source, key));\n }\n};\n","var DESCRIPTORS = require('../internals/descriptors');\nvar definePropertyModule = require('../internals/object-define-property');\nvar createPropertyDescriptor = require('../internals/create-property-descriptor');\n\nmodule.exports = DESCRIPTORS ? function (object, key, value) {\n return definePropertyModule.f(object, key, createPropertyDescriptor(1, value));\n} : function (object, key, value) {\n object[key] = value;\n return object;\n};\n","module.exports = function (bitmap, value) {\n return {\n enumerable: !(bitmap & 1),\n configurable: !(bitmap & 2),\n writable: !(bitmap & 4),\n value: value\n };\n};\n","var fails = require('../internals/fails');\n\n// Detect IE8's incomplete defineProperty implementation\nmodule.exports = !fails(function () {\n // eslint-disable-next-line es/no-object-defineproperty -- required for testing\n return Object.defineProperty({}, 1, { get: function () { return 7; } })[1] != 7;\n});\n","var global = require('../internals/global');\nvar isObject = require('../internals/is-object');\n\nvar document = global.document;\n// typeof document.createElement is 'object' in old IE\nvar EXISTS = isObject(document) && isObject(document.createElement);\n\nmodule.exports = function (it) {\n return EXISTS ? document.createElement(it) : {};\n};\n","var getBuiltIn = require('../internals/get-built-in');\n\nmodule.exports = getBuiltIn('navigator', 'userAgent') || '';\n","var global = require('../internals/global');\nvar userAgent = require('../internals/engine-user-agent');\n\nvar process = global.process;\nvar versions = process && process.versions;\nvar v8 = versions && versions.v8;\nvar match, version;\n\nif (v8) {\n match = v8.split('.');\n version = match[0] < 4 ? 1 : match[0] + match[1];\n} else if (userAgent) {\n match = userAgent.match(/Edge\\/(\\d+)/);\n if (!match || match[1] >= 74) {\n match = userAgent.match(/Chrome\\/(\\d+)/);\n if (match) version = match[1];\n }\n}\n\nmodule.exports = version && +version;\n","// IE8- don't enum bug keys\nmodule.exports = [\n 'constructor',\n 'hasOwnProperty',\n 'isPrototypeOf',\n 'propertyIsEnumerable',\n 'toLocaleString',\n 'toString',\n 'valueOf'\n];\n","var global = require('../internals/global');\nvar getOwnPropertyDescriptor = require('../internals/object-get-own-property-descriptor').f;\nvar createNonEnumerableProperty = require('../internals/create-non-enumerable-property');\nvar redefine = require('../internals/redefine');\nvar setGlobal = require('../internals/set-global');\nvar copyConstructorProperties = require('../internals/copy-constructor-properties');\nvar isForced = require('../internals/is-forced');\n\n/*\n options.target - name of the target object\n options.global - target is the global object\n options.stat - export as static methods of target\n options.proto - export as prototype methods of target\n options.real - real prototype method for the `pure` version\n options.forced - export even if the native feature is available\n options.bind - bind methods to the target, required for the `pure` version\n options.wrap - wrap constructors to preventing global pollution, required for the `pure` version\n options.unsafe - use the simple assignment of property instead of delete + defineProperty\n options.sham - add a flag to not completely full polyfills\n options.enumerable - export as enumerable property\n options.noTargetGet - prevent calling a getter on target\n*/\nmodule.exports = function (options, source) {\n var TARGET = options.target;\n var GLOBAL = options.global;\n var STATIC = options.stat;\n var FORCED, target, key, targetProperty, sourceProperty, descriptor;\n if (GLOBAL) {\n target = global;\n } else if (STATIC) {\n target = global[TARGET] || setGlobal(TARGET, {});\n } else {\n target = (global[TARGET] || {}).prototype;\n }\n if (target) for (key in source) {\n sourceProperty = source[key];\n if (options.noTargetGet) {\n descriptor = getOwnPropertyDescriptor(target, key);\n targetProperty = descriptor && descriptor.value;\n } else targetProperty = target[key];\n FORCED = isForced(GLOBAL ? key : TARGET + (STATIC ? '.' : '#') + key, options.forced);\n // contained in target\n if (!FORCED && targetProperty !== undefined) {\n if (typeof sourceProperty === typeof targetProperty) continue;\n copyConstructorProperties(sourceProperty, targetProperty);\n }\n // add a flag to not completely full polyfills\n if (options.sham || (targetProperty && targetProperty.sham)) {\n createNonEnumerableProperty(sourceProperty, 'sham', true);\n }\n // extend global\n redefine(target, key, sourceProperty, options);\n }\n};\n","module.exports = function (exec) {\n try {\n return !!exec();\n } catch (error) {\n return true;\n }\n};\n","var path = require('../internals/path');\nvar global = require('../internals/global');\n\nvar aFunction = function (variable) {\n return typeof variable == 'function' ? variable : undefined;\n};\n\nmodule.exports = function (namespace, method) {\n return arguments.length < 2 ? aFunction(path[namespace]) || aFunction(global[namespace])\n : path[namespace] && path[namespace][method] || global[namespace] && global[namespace][method];\n};\n","var check = function (it) {\n return it && it.Math == Math && it;\n};\n\n// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028\nmodule.exports =\n // eslint-disable-next-line es/no-global-this -- safe\n check(typeof globalThis == 'object' && globalThis) ||\n check(typeof window == 'object' && window) ||\n // eslint-disable-next-line no-restricted-globals -- safe\n check(typeof self == 'object' && self) ||\n check(typeof global == 'object' && global) ||\n // eslint-disable-next-line no-new-func -- fallback\n (function () { return this; })() || Function('return this')();\n","var toObject = require('../internals/to-object');\n\nvar hasOwnProperty = {}.hasOwnProperty;\n\nmodule.exports = Object.hasOwn || function hasOwn(it, key) {\n return hasOwnProperty.call(toObject(it), key);\n};\n","module.exports = {};\n","var DESCRIPTORS = require('../internals/descriptors');\nvar fails = require('../internals/fails');\nvar createElement = require('../internals/document-create-element');\n\n// Thank's IE8 for his funny defineProperty\nmodule.exports = !DESCRIPTORS && !fails(function () {\n // eslint-disable-next-line es/no-object-defineproperty -- requied for testing\n return Object.defineProperty(createElement('div'), 'a', {\n get: function () { return 7; }\n }).a != 7;\n});\n","var fails = require('../internals/fails');\nvar classof = require('../internals/classof-raw');\n\nvar split = ''.split;\n\n// fallback for non-array-like ES3 and non-enumerable old V8 strings\nmodule.exports = fails(function () {\n // throws an error in rhino, see https://github.com/mozilla/rhino/issues/346\n // eslint-disable-next-line no-prototype-builtins -- safe\n return !Object('z').propertyIsEnumerable(0);\n}) ? function (it) {\n return classof(it) == 'String' ? split.call(it, '') : Object(it);\n} : Object;\n","var store = require('../internals/shared-store');\n\nvar functionToString = Function.toString;\n\n// this helper broken in `core-js@3.4.1-3.4.4`, so we can't use `shared` helper\nif (typeof store.inspectSource != 'function') {\n store.inspectSource = function (it) {\n return functionToString.call(it);\n };\n}\n\nmodule.exports = store.inspectSource;\n","var NATIVE_WEAK_MAP = require('../internals/native-weak-map');\nvar global = require('../internals/global');\nvar isObject = require('../internals/is-object');\nvar createNonEnumerableProperty = require('../internals/create-non-enumerable-property');\nvar objectHas = require('../internals/has');\nvar shared = require('../internals/shared-store');\nvar sharedKey = require('../internals/shared-key');\nvar hiddenKeys = require('../internals/hidden-keys');\n\nvar OBJECT_ALREADY_INITIALIZED = 'Object already initialized';\nvar WeakMap = global.WeakMap;\nvar set, get, has;\n\nvar enforce = function (it) {\n return has(it) ? get(it) : set(it, {});\n};\n\nvar getterFor = function (TYPE) {\n return function (it) {\n var state;\n if (!isObject(it) || (state = get(it)).type !== TYPE) {\n throw TypeError('Incompatible receiver, ' + TYPE + ' required');\n } return state;\n };\n};\n\nif (NATIVE_WEAK_MAP || shared.state) {\n var store = shared.state || (shared.state = new WeakMap());\n var wmget = store.get;\n var wmhas = store.has;\n var wmset = store.set;\n set = function (it, metadata) {\n if (wmhas.call(store, it)) throw new TypeError(OBJECT_ALREADY_INITIALIZED);\n metadata.facade = it;\n wmset.call(store, it, metadata);\n return metadata;\n };\n get = function (it) {\n return wmget.call(store, it) || {};\n };\n has = function (it) {\n return wmhas.call(store, it);\n };\n} else {\n var STATE = sharedKey('state');\n hiddenKeys[STATE] = true;\n set = function (it, metadata) {\n if (objectHas(it, STATE)) throw new TypeError(OBJECT_ALREADY_INITIALIZED);\n metadata.facade = it;\n createNonEnumerableProperty(it, STATE, metadata);\n return metadata;\n };\n get = function (it) {\n return objectHas(it, STATE) ? it[STATE] : {};\n };\n has = function (it) {\n return objectHas(it, STATE);\n };\n}\n\nmodule.exports = {\n set: set,\n get: get,\n has: has,\n enforce: enforce,\n getterFor: getterFor\n};\n","var fails = require('../internals/fails');\n\nvar replacement = /#|\\.prototype\\./;\n\nvar isForced = function (feature, detection) {\n var value = data[normalize(feature)];\n return value == POLYFILL ? true\n : value == NATIVE ? false\n : typeof detection == 'function' ? fails(detection)\n : !!detection;\n};\n\nvar normalize = isForced.normalize = function (string) {\n return String(string).replace(replacement, '.').toLowerCase();\n};\n\nvar data = isForced.data = {};\nvar NATIVE = isForced.NATIVE = 'N';\nvar POLYFILL = isForced.POLYFILL = 'P';\n\nmodule.exports = isForced;\n","module.exports = function (it) {\n return typeof it === 'object' ? it !== null : typeof it === 'function';\n};\n","module.exports = false;\n","var global = require('../internals/global');\n\nmodule.exports = global.Promise;\n","/* eslint-disable es/no-symbol -- required for testing */\nvar V8_VERSION = require('../internals/engine-v8-version');\nvar fails = require('../internals/fails');\n\n// eslint-disable-next-line es/no-object-getownpropertysymbols -- required for testing\nmodule.exports = !!Object.getOwnPropertySymbols && !fails(function () {\n var symbol = Symbol();\n // Chrome 38 Symbol has incorrect toString conversion\n // `get-own-property-symbols` polyfill symbols converted to object are not Symbol instances\n return !String(symbol) || !(Object(symbol) instanceof Symbol) ||\n // Chrome 38-40 symbols are not inherited from DOM collections prototypes to instances\n !Symbol.sham && V8_VERSION && V8_VERSION < 41;\n});\n","var global = require('../internals/global');\nvar inspectSource = require('../internals/inspect-source');\n\nvar WeakMap = global.WeakMap;\n\nmodule.exports = typeof WeakMap === 'function' && /native code/.test(inspectSource(WeakMap));\n","'use strict';\nvar aFunction = require('../internals/a-function');\n\nvar PromiseCapability = function (C) {\n var resolve, reject;\n this.promise = new C(function ($$resolve, $$reject) {\n if (resolve !== undefined || reject !== undefined) throw TypeError('Bad Promise constructor');\n resolve = $$resolve;\n reject = $$reject;\n });\n this.resolve = aFunction(resolve);\n this.reject = aFunction(reject);\n};\n\n// `NewPromiseCapability` abstract operation\n// https://tc39.es/ecma262/#sec-newpromisecapability\nmodule.exports.f = function (C) {\n return new PromiseCapability(C);\n};\n","var DESCRIPTORS = require('../internals/descriptors');\nvar IE8_DOM_DEFINE = require('../internals/ie8-dom-define');\nvar anObject = require('../internals/an-object');\nvar toPrimitive = require('../internals/to-primitive');\n\n// eslint-disable-next-line es/no-object-defineproperty -- safe\nvar $defineProperty = Object.defineProperty;\n\n// `Object.defineProperty` method\n// https://tc39.es/ecma262/#sec-object.defineproperty\nexports.f = DESCRIPTORS ? $defineProperty : function defineProperty(O, P, Attributes) {\n anObject(O);\n P = toPrimitive(P, true);\n anObject(Attributes);\n if (IE8_DOM_DEFINE) try {\n return $defineProperty(O, P, Attributes);\n } catch (error) { /* empty */ }\n if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported');\n if ('value' in Attributes) O[P] = Attributes.value;\n return O;\n};\n","var DESCRIPTORS = require('../internals/descriptors');\nvar propertyIsEnumerableModule = require('../internals/object-property-is-enumerable');\nvar createPropertyDescriptor = require('../internals/create-property-descriptor');\nvar toIndexedObject = require('../internals/to-indexed-object');\nvar toPrimitive = require('../internals/to-primitive');\nvar has = require('../internals/has');\nvar IE8_DOM_DEFINE = require('../internals/ie8-dom-define');\n\n// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe\nvar $getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;\n\n// `Object.getOwnPropertyDescriptor` method\n// https://tc39.es/ecma262/#sec-object.getownpropertydescriptor\nexports.f = DESCRIPTORS ? $getOwnPropertyDescriptor : function getOwnPropertyDescriptor(O, P) {\n O = toIndexedObject(O);\n P = toPrimitive(P, true);\n if (IE8_DOM_DEFINE) try {\n return $getOwnPropertyDescriptor(O, P);\n } catch (error) { /* empty */ }\n if (has(O, P)) return createPropertyDescriptor(!propertyIsEnumerableModule.f.call(O, P), O[P]);\n};\n","var internalObjectKeys = require('../internals/object-keys-internal');\nvar enumBugKeys = require('../internals/enum-bug-keys');\n\nvar hiddenKeys = enumBugKeys.concat('length', 'prototype');\n\n// `Object.getOwnPropertyNames` method\n// https://tc39.es/ecma262/#sec-object.getownpropertynames\n// eslint-disable-next-line es/no-object-getownpropertynames -- safe\nexports.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {\n return internalObjectKeys(O, hiddenKeys);\n};\n","// eslint-disable-next-line es/no-object-getownpropertysymbols -- safe\nexports.f = Object.getOwnPropertySymbols;\n","var has = require('../internals/has');\nvar toIndexedObject = require('../internals/to-indexed-object');\nvar indexOf = require('../internals/array-includes').indexOf;\nvar hiddenKeys = require('../internals/hidden-keys');\n\nmodule.exports = function (object, names) {\n var O = toIndexedObject(object);\n var i = 0;\n var result = [];\n var key;\n for (key in O) !has(hiddenKeys, key) && has(O, key) && result.push(key);\n // Don't enum bug & hidden keys\n while (names.length > i) if (has(O, key = names[i++])) {\n ~indexOf(result, key) || result.push(key);\n }\n return result;\n};\n","'use strict';\nvar $propertyIsEnumerable = {}.propertyIsEnumerable;\n// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe\nvar getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;\n\n// Nashorn ~ JDK8 bug\nvar NASHORN_BUG = getOwnPropertyDescriptor && !$propertyIsEnumerable.call({ 1: 2 }, 1);\n\n// `Object.prototype.propertyIsEnumerable` method implementation\n// https://tc39.es/ecma262/#sec-object.prototype.propertyisenumerable\nexports.f = NASHORN_BUG ? function propertyIsEnumerable(V) {\n var descriptor = getOwnPropertyDescriptor(this, V);\n return !!descriptor && descriptor.enumerable;\n} : $propertyIsEnumerable;\n","var getBuiltIn = require('../internals/get-built-in');\nvar getOwnPropertyNamesModule = require('../internals/object-get-own-property-names');\nvar getOwnPropertySymbolsModule = require('../internals/object-get-own-property-symbols');\nvar anObject = require('../internals/an-object');\n\n// all object keys, includes non-enumerable and symbols\nmodule.exports = getBuiltIn('Reflect', 'ownKeys') || function ownKeys(it) {\n var keys = getOwnPropertyNamesModule.f(anObject(it));\n var getOwnPropertySymbols = getOwnPropertySymbolsModule.f;\n return getOwnPropertySymbols ? keys.concat(getOwnPropertySymbols(it)) : keys;\n};\n","var global = require('../internals/global');\n\nmodule.exports = global;\n","var anObject = require('../internals/an-object');\nvar isObject = require('../internals/is-object');\nvar newPromiseCapability = require('../internals/new-promise-capability');\n\nmodule.exports = function (C, x) {\n anObject(C);\n if (isObject(x) && x.constructor === C) return x;\n var promiseCapability = newPromiseCapability.f(C);\n var resolve = promiseCapability.resolve;\n resolve(x);\n return promiseCapability.promise;\n};\n","var global = require('../internals/global');\nvar createNonEnumerableProperty = require('../internals/create-non-enumerable-property');\nvar has = require('../internals/has');\nvar setGlobal = require('../internals/set-global');\nvar inspectSource = require('../internals/inspect-source');\nvar InternalStateModule = require('../internals/internal-state');\n\nvar getInternalState = InternalStateModule.get;\nvar enforceInternalState = InternalStateModule.enforce;\nvar TEMPLATE = String(String).split('String');\n\n(module.exports = function (O, key, value, options) {\n var unsafe = options ? !!options.unsafe : false;\n var simple = options ? !!options.enumerable : false;\n var noTargetGet = options ? !!options.noTargetGet : false;\n var state;\n if (typeof value == 'function') {\n if (typeof key == 'string' && !has(value, 'name')) {\n createNonEnumerableProperty(value, 'name', key);\n }\n state = enforceInternalState(value);\n if (!state.source) {\n state.source = TEMPLATE.join(typeof key == 'string' ? key : '');\n }\n }\n if (O === global) {\n if (simple) O[key] = value;\n else setGlobal(key, value);\n return;\n } else if (!unsafe) {\n delete O[key];\n } else if (!noTargetGet && O[key]) {\n simple = true;\n }\n if (simple) O[key] = value;\n else createNonEnumerableProperty(O, key, value);\n// add fake Function#toString for correct work wrapped methods / constructors with methods like LoDash isNative\n})(Function.prototype, 'toString', function toString() {\n return typeof this == 'function' && getInternalState(this).source || inspectSource(this);\n});\n","// `RequireObjectCoercible` abstract operation\n// https://tc39.es/ecma262/#sec-requireobjectcoercible\nmodule.exports = function (it) {\n if (it == undefined) throw TypeError(\"Can't call method on \" + it);\n return it;\n};\n","var global = require('../internals/global');\nvar createNonEnumerableProperty = require('../internals/create-non-enumerable-property');\n\nmodule.exports = function (key, value) {\n try {\n createNonEnumerableProperty(global, key, value);\n } catch (error) {\n global[key] = value;\n } return value;\n};\n","var shared = require('../internals/shared');\nvar uid = require('../internals/uid');\n\nvar keys = shared('keys');\n\nmodule.exports = function (key) {\n return keys[key] || (keys[key] = uid(key));\n};\n","var global = require('../internals/global');\nvar setGlobal = require('../internals/set-global');\n\nvar SHARED = '__core-js_shared__';\nvar store = global[SHARED] || setGlobal(SHARED, {});\n\nmodule.exports = store;\n","var IS_PURE = require('../internals/is-pure');\nvar store = require('../internals/shared-store');\n\n(module.exports = function (key, value) {\n return store[key] || (store[key] = value !== undefined ? value : {});\n})('versions', []).push({\n version: '3.14.0',\n mode: IS_PURE ? 'pure' : 'global',\n copyright: '© 2021 Denis Pushkarev (zloirock.ru)'\n});\n","var anObject = require('../internals/an-object');\nvar aFunction = require('../internals/a-function');\nvar wellKnownSymbol = require('../internals/well-known-symbol');\n\nvar SPECIES = wellKnownSymbol('species');\n\n// `SpeciesConstructor` abstract operation\n// https://tc39.es/ecma262/#sec-speciesconstructor\nmodule.exports = function (O, defaultConstructor) {\n var C = anObject(O).constructor;\n var S;\n return C === undefined || (S = anObject(C)[SPECIES]) == undefined ? defaultConstructor : aFunction(S);\n};\n","var toInteger = require('../internals/to-integer');\n\nvar max = Math.max;\nvar min = Math.min;\n\n// Helper for a popular repeating case of the spec:\n// Let integer be ? ToInteger(index).\n// If integer < 0, let result be max((length + integer), 0); else let result be min(integer, length).\nmodule.exports = function (index, length) {\n var integer = toInteger(index);\n return integer < 0 ? max(integer + length, 0) : min(integer, length);\n};\n","// toObject with fallback for non-array-like ES3 strings\nvar IndexedObject = require('../internals/indexed-object');\nvar requireObjectCoercible = require('../internals/require-object-coercible');\n\nmodule.exports = function (it) {\n return IndexedObject(requireObjectCoercible(it));\n};\n","var ceil = Math.ceil;\nvar floor = Math.floor;\n\n// `ToInteger` abstract operation\n// https://tc39.es/ecma262/#sec-tointeger\nmodule.exports = function (argument) {\n return isNaN(argument = +argument) ? 0 : (argument > 0 ? floor : ceil)(argument);\n};\n","var toInteger = require('../internals/to-integer');\n\nvar min = Math.min;\n\n// `ToLength` abstract operation\n// https://tc39.es/ecma262/#sec-tolength\nmodule.exports = function (argument) {\n return argument > 0 ? min(toInteger(argument), 0x1FFFFFFFFFFFFF) : 0; // 2 ** 53 - 1 == 9007199254740991\n};\n","var requireObjectCoercible = require('../internals/require-object-coercible');\n\n// `ToObject` abstract operation\n// https://tc39.es/ecma262/#sec-toobject\nmodule.exports = function (argument) {\n return Object(requireObjectCoercible(argument));\n};\n","var isObject = require('../internals/is-object');\n\n// `ToPrimitive` abstract operation\n// https://tc39.es/ecma262/#sec-toprimitive\n// instead of the ES6 spec version, we didn't implement @@toPrimitive case\n// and the second argument - flag - preferred type is a string\nmodule.exports = function (input, PREFERRED_STRING) {\n if (!isObject(input)) return input;\n var fn, val;\n if (PREFERRED_STRING && typeof (fn = input.toString) == 'function' && !isObject(val = fn.call(input))) return val;\n if (typeof (fn = input.valueOf) == 'function' && !isObject(val = fn.call(input))) return val;\n if (!PREFERRED_STRING && typeof (fn = input.toString) == 'function' && !isObject(val = fn.call(input))) return val;\n throw TypeError(\"Can't convert object to primitive value\");\n};\n","var id = 0;\nvar postfix = Math.random();\n\nmodule.exports = function (key) {\n return 'Symbol(' + String(key === undefined ? '' : key) + ')_' + (++id + postfix).toString(36);\n};\n","/* eslint-disable es/no-symbol -- required for testing */\nvar NATIVE_SYMBOL = require('../internals/native-symbol');\n\nmodule.exports = NATIVE_SYMBOL\n && !Symbol.sham\n && typeof Symbol.iterator == 'symbol';\n","var global = require('../internals/global');\nvar shared = require('../internals/shared');\nvar has = require('../internals/has');\nvar uid = require('../internals/uid');\nvar NATIVE_SYMBOL = require('../internals/native-symbol');\nvar USE_SYMBOL_AS_UID = require('../internals/use-symbol-as-uid');\n\nvar WellKnownSymbolsStore = shared('wks');\nvar Symbol = global.Symbol;\nvar createWellKnownSymbol = USE_SYMBOL_AS_UID ? Symbol : Symbol && Symbol.withoutSetter || uid;\n\nmodule.exports = function (name) {\n if (!has(WellKnownSymbolsStore, name) || !(NATIVE_SYMBOL || typeof WellKnownSymbolsStore[name] == 'string')) {\n if (NATIVE_SYMBOL && has(Symbol, name)) {\n WellKnownSymbolsStore[name] = Symbol[name];\n } else {\n WellKnownSymbolsStore[name] = createWellKnownSymbol('Symbol.' + name);\n }\n } return WellKnownSymbolsStore[name];\n};\n","'use strict';\nvar $ = require('../internals/export');\nvar IS_PURE = require('../internals/is-pure');\nvar NativePromise = require('../internals/native-promise-constructor');\nvar fails = require('../internals/fails');\nvar getBuiltIn = require('../internals/get-built-in');\nvar speciesConstructor = require('../internals/species-constructor');\nvar promiseResolve = require('../internals/promise-resolve');\nvar redefine = require('../internals/redefine');\n\n// Safari bug https://bugs.webkit.org/show_bug.cgi?id=200829\nvar NON_GENERIC = !!NativePromise && fails(function () {\n NativePromise.prototype['finally'].call({ then: function () { /* empty */ } }, function () { /* empty */ });\n});\n\n// `Promise.prototype.finally` method\n// https://tc39.es/ecma262/#sec-promise.prototype.finally\n$({ target: 'Promise', proto: true, real: true, forced: NON_GENERIC }, {\n 'finally': function (onFinally) {\n var C = speciesConstructor(this, getBuiltIn('Promise'));\n var isFunction = typeof onFinally == 'function';\n return this.then(\n isFunction ? function (x) {\n return promiseResolve(C, onFinally()).then(function () { return x; });\n } : onFinally,\n isFunction ? function (e) {\n return promiseResolve(C, onFinally()).then(function () { throw e; });\n } : onFinally\n );\n }\n});\n\n// makes sure that native promise-based APIs `Promise#finally` properly works with patched `Promise#then`\nif (!IS_PURE && typeof NativePromise == 'function') {\n var method = getBuiltIn('Promise').prototype['finally'];\n if (NativePromise.prototype['finally'] !== method) {\n redefine(NativePromise.prototype, 'finally', method, { unsafe: true });\n }\n}\n","/**\n * Copyright (c) 2014-present, Facebook, Inc.\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\n/**\n * Similar to invariant but only logs a warning if the condition is not met.\n * This can be used to log issues in development environments in critical\n * paths. Removing the logging code for production environments will keep the\n * same logic and follow the same code paths.\n */\n\nvar __DEV__ = process.env.NODE_ENV !== 'production';\n\nvar warning = function() {};\n\nif (__DEV__) {\n var printWarning = function printWarning(format, args) {\n var len = arguments.length;\n args = new Array(len > 1 ? len - 1 : 0);\n for (var key = 1; key < len; key++) {\n args[key - 1] = arguments[key];\n }\n var argIndex = 0;\n var message = 'Warning: ' +\n format.replace(/%s/g, function() {\n return args[argIndex++];\n });\n if (typeof console !== 'undefined') {\n console.error(message);\n }\n try {\n // --- Welcome to debugging React ---\n // This error was thrown as a convenience so that you can use this stack\n // to find the callsite that caused this warning to fire.\n throw new Error(message);\n } catch (x) {}\n }\n\n warning = function(condition, format, args) {\n var len = arguments.length;\n args = new Array(len > 2 ? len - 2 : 0);\n for (var key = 2; key < len; key++) {\n args[key - 2] = arguments[key];\n }\n if (format === undefined) {\n throw new Error(\n '`warning(condition, format, ...args)` requires a warning ' +\n 'message argument'\n );\n }\n if (!condition) {\n printWarning.apply(null, [format].concat(args));\n }\n };\n}\n\nmodule.exports = warning;\n"],"sourceRoot":""}