\n);\n\nexport default FiveHundredErrorPage;\n","import FiveHundredErrorPage from './FiveHundredErrorPage';\nimport FiveHundredError from './FiveHundredError';\n\nexport { FiveHundredError, FiveHundredErrorPage };\n","// extracted by mini-css-extract-plugin\nexport {};","import React from 'react';\nimport { Typography, Button } from '@sm/wds-react';\nimport { T, defineMessages } from '@sm/intl';\n\nimport './four-oh-four-error.scss';\n\nconst COPY = defineMessages({\n SORRY_MESSAGE: {\n id: 'FourOhFourError.sorryMessage',\n defaultMessage: \"We're sorry\",\n description: '[Type: Label][Vis.: med] - We are sorry message',\n },\n CANT_FIND_PAGE: {\n id: 'FourOhFourError.cantFindPage',\n defaultMessage: \"We can't find the page you're looking for.\",\n description: '[Type: Label][Vis.: med] - Cant find page message',\n },\n CHECK_URL: {\n id: 'FourOhFourError.checkURL',\n defaultMessage:\n \"Please check the URL you entered to make sure it's spelled correctly.\",\n description: '[Type: Label][Vis.: med] - check URL subtitle',\n },\n HELP_FIND_WAY: {\n id: 'FourOhFourError.helpFindWay',\n defaultMessage:\n 'Still not sure how to get to the page you want? Maybe we can help you find your way:',\n description: '[Type: Label][Vis.: med] - Help find your way subtitle',\n },\n SIGN_UP_FREE: {\n id: 'FourOhFourError.signUpFree',\n defaultMessage: 'Sign Up FREE',\n description: '[Type: Label][Vis.: med] - Sign up free button',\n },\n});\n\nconst FourOhFourError = () => (\n
\n
\n \n \n \n
\n \n \n \n \n
\n \n
\n
\n \n
\n \n\n \n Want to create your own survey?\n \n\n \n
\n
\n
\n);\n\nexport default FourOhFourError;\n","// extracted by mini-css-extract-plugin\nexport {};","import React from 'react';\nimport { Typography } from '@sm/wds-react';\nimport { T, defineMessages } from '@sm/intl';\n\nimport './forbidden-error.scss';\n\n// put this into common error component strings file\nconst COPY = defineMessages({\n SORRY_MESSAGE: {\n id: 'ForbiddenError.sorryMessage',\n defaultMessage: \"We're sorry\",\n description: '[Type: Label][Vis.: med] - We are sorry message',\n },\n PERMISSIONS: {\n id: 'ForbiddenError.permissions',\n defaultMessage: 'You do not have permission to see this page.',\n description: '[Type: Label][Vis.: med] - We are sorry message',\n },\n CHECK_URL: {\n id: 'ForbiddenError.checkURL',\n defaultMessage:\n \"Please check the URL you entered to make sure it's spelled correctly.\",\n description: '[Type: Label][Vis.: med] - check URL subtitle',\n },\n HELP_FIND_WAY: {\n id: 'ForbiddenError.helpFindWay',\n defaultMessage:\n 'Still not sure how to get to the page you want? Maybe we can help you find your way:',\n description: '[Type: Label][Vis.: med] - Help find your way subtitle',\n },\n HOME: {\n id: 'ForbiddenError.home',\n defaultMessage: 'Home',\n description:\n '[Type: Label][Vis.: med] - Home link in Five Hundred Error Message',\n },\n SITEMAP: {\n id: 'ForbiddenError.sitemap',\n defaultMessage: 'Sitemap',\n description:\n '[Type: Label][Vis.: med] - Sitemap link in Five Hundred Error Message',\n },\n HELP_CENTER: {\n id: 'ForbiddenError.helpCenter',\n defaultMessage: 'Help Center',\n description:\n '[Type: Label][Vis.: med] - Help Center link in Five Hundred Error Message',\n },\n TEMPLATES: {\n id: 'ForbiddenError.templates',\n defaultMessage: 'Templates',\n description:\n '[Type: Label][Vis.: med] - Templates link in Five Hundred Error Message',\n },\n LEARN_MORE: {\n id: 'ForbiddenError.learnMore',\n defaultMessage: 'Learn More',\n description:\n '[Type: Label][Vis.: med] - Learn More link in Five Hundred Error Message',\n },\n});\n\nconst ForbiddenError = () => (\n
\n);\n\nexport default ForbiddenError;\n","import fetch from 'isomorphic-fetch';\nimport { getClientEnvironmentDetails } from '@sm/utils';\nimport { clientErrorHandler } from '../..';\n\nconst { isBrowser } = getClientEnvironmentDetails();\n\n// Small in-memory only localstorage\nfunction inMemoryLocalStorage() {\n return {\n _data: {},\n setItem(id, val) {\n let dataId = this._data[id];\n dataId = String(val);\n return dataId;\n },\n getItem(id) {\n const dataID = Object.prototype.hasOwnProperty.call(this._data, id)\n ? this._data[id]\n : undefined;\n return dataID;\n },\n removeItem(id) {\n const deleteDataId = delete this._data[id];\n return deleteDataId;\n },\n clear() {\n let data = this._data;\n data = {};\n return data;\n },\n };\n}\nif (isBrowser && !('localStorage' in window)) {\n window.localStorage = inMemoryLocalStorage();\n}\n\nlet Storage;\n\nconst LAST_BACKEND_ACTIVITY_KEY = 'SessionCtrl.lba';\nconst LAST_FRONTEND_ACTIVITY_KEY = 'SessionCtrl.lfa';\n\nconst RUN_EVERY = 1000 * 30; // Every 30 seconds\n\nconst state = {\n initialized: false,\n timeoutInterval: 0, // seconds\n intervalInstanceId: null, // setInterval instance ID\n reminderCb: null, // function passed during init\n\n // settings\n minimumDeltaForFlight: 5, // seconds\n minimumDeltaForBackendExtension: 5 * 60, // 5 minutes\n minimumDeltaToShowReminder: 5 * 60, // 5 minutes\n};\n\nfunction now() {\n return parseInt(new Date().getTime() / 1000, 10);\n}\n\nfunction getTimeToBackendTimeout() {\n const lastBackendActivity = Storage.getItem(LAST_BACKEND_ACTIVITY_KEY);\n const n = now();\n return state.timeoutInterval - (n - lastBackendActivity);\n}\n\nfunction getTimeToFrontendTimeout() {\n const lastFrontendActivity = Storage.getItem(LAST_FRONTEND_ACTIVITY_KEY);\n const n = now();\n return state.timeoutInterval - (n - lastFrontendActivity);\n}\n\nfunction logout() {\n if (state.timeoutInterval === 0) {\n window.location.assign(`/user/sign-out/?timeout=true`);\n } else {\n window.location.assign(\n `/user/sign-out/?timeout=${Math.ceil(state.timeoutInterval / 60)}`\n );\n }\n}\n\nfunction updateBackendActivity() {\n return Storage.setItem(LAST_BACKEND_ACTIVITY_KEY, now());\n}\n\nasync function extendBackend(callback) {\n try {\n const resp = await fetch('/user/session/', {\n method: 'GET',\n credentials: 'include',\n });\n if (/sign-in/.test(resp.url)) {\n logout();\n } else {\n updateBackendActivity();\n return callback && callback();\n }\n } catch (e) {\n clientErrorHandler.logError(e);\n }\n return null;\n}\n\nfunction updateFrontendActivity() {\n return Storage.setItem(LAST_FRONTEND_ACTIVITY_KEY, now());\n}\n\nfunction verifyLocalStorage() {\n const testKey = 'value_that_is_not_expected_to_be_there';\n Storage = localStorage;\n try {\n Storage.setItem(testKey, 'foo');\n if (Storage.getItem(testKey) !== 'foo') {\n throw new Error('Unable to find match in localStorage');\n }\n Storage.removeItem(testKey);\n } catch {\n Storage = inMemoryLocalStorage();\n }\n}\n\nfunction bindActivityEvents() {\n document.addEventListener('mousedown', updateFrontendActivity, false);\n document.addEventListener('touchstart', updateFrontendActivity, false);\n document.addEventListener('keydown', updateFrontendActivity, false);\n}\n\nfunction timer() {\n const timeToFrontendTimeout = getTimeToFrontendTimeout();\n const timeToBackendTimeout = getTimeToBackendTimeout();\n if (timeToFrontendTimeout < state.minimumDeltaForFlight) {\n return logout();\n }\n\n // If we have been active in the frontend only but not done any AJAX request\n // then we want to extend the backend\n if (\n timeToBackendTimeout < state.minimumDeltaForBackendExtension &&\n timeToFrontendTimeout > state.minimumDeltaToShowReminder\n ) {\n extendBackend();\n } else if (timeToFrontendTimeout < state.minimumDeltaToShowReminder) {\n state.reminderCb(timeToFrontendTimeout);\n }\n return null;\n}\n\nfunction startTimer() {\n state.intervalInstanceId = window.setInterval(timer, RUN_EVERY);\n}\n\n// Make it a singleton\nconst instance = {\n init({ timeout, reminderCb }) {\n if (!isBrowser) {\n // eslint-disable-next-line\n console.warn('SessionCtrl init() method was called without a window!');\n return;\n }\n state.timeoutInterval = timeout; // timeout in seconds\n state.reminderCb = reminderCb;\n if (timeout && !state.initialized) {\n verifyLocalStorage();\n bindActivityEvents();\n updateBackendActivity();\n updateFrontendActivity();\n startTimer();\n state.initialized = true;\n }\n },\n\n removeCallback() {\n delete state.reminderCb;\n },\n\n continueSession(callback) {\n updateFrontendActivity();\n extendBackend(callback);\n },\n};\n\nObject.freeze(instance);\n\nexport default instance;\n","// extracted by mini-css-extract-plugin\nexport {};","import React, { Component } from 'react';\nimport { defineMessages, T, t } from '@sm/intl';\nimport PropTypes from 'prop-types';\nimport {\n Modal,\n ModalBody,\n ModalHeader,\n ModalFooter,\n Align,\n Grid,\n Row,\n Col,\n Icon,\n Button,\n} from '@sm/wds-react';\nimport SessionCtrl from './SessionCtrl';\n\nimport './session-timeout-modal.scss';\n\nconst COPY = defineMessages({\n CONTINUE_SESSION: {\n id: 'SessionTimeoutModal.ContinueSession',\n defaultMessage: 'CONTINUE SESSION',\n description:\n '[Type: Button][Vis.: med] - CTA for the user to continue their browsing session and not be logged out automatically.',\n },\n TIME_LEFT_MSG: {\n id: 'SessionTimeoutModal.TimeLeftMessage',\n defaultMessage:\n 'After {minutesLeft, plural, one { 1 minute } other {{ minutesLeft } minutes}} of inactivity, we sign you out to keep your data safe. Your session will expire soon, unless you click Continue Session',\n description:\n '[Type: Paragraph][Vis.: med] - Message given to the user informing them of the time left before automatic expiration.',\n },\n SESSION_HEADER: {\n id: 'SessionTimeoutModal.TimeLeftHeader',\n defaultMessage: 'Do you want to continue your session?',\n description:\n '[Type: Header][Vis.: med] - Modal header for the prompt asking the user if they want to continue their browsing session.',\n },\n});\n\nclass SessionTimeoutModal extends Component {\n static propTypes = {\n user: PropTypes.shape({\n hipaa: PropTypes.shape({\n isHipaaEnabled: PropTypes.bool,\n }),\n group: PropTypes.shape({\n sessionTimeout: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n ]),\n }),\n }).isRequired,\n };\n\n state = {\n show: false,\n timeLeft: null,\n };\n\n componentDidMount() {\n const { user } = this.props;\n const timeout =\n user &&\n ((user.hipaa && user.hipaa.isHipaaEnabled && 30 * 60) ||\n (user.group &&\n user.group.sessionTimeout &&\n parseInt(user.group.sessionTimeout, 10) * 60));\n if (timeout !== undefined) {\n // it could be 0\n SessionCtrl.init({ timeout, reminderCb: this.onReminder });\n }\n }\n\n componentWillUnmount() {\n SessionCtrl.removeCallback();\n }\n\n onReminder = timeLeft => {\n this.setState({ show: true, timeLeft });\n };\n\n onClose = () => {\n SessionCtrl.continueSession(() => {\n this.setState({ show: false, timeLeft: 0 });\n });\n };\n\n render() {\n const timeLeft = Math.ceil(this.state.timeLeft / 60);\n return (\n \n \n \n \n \n
\n
\n \n
\n (\n
\n
\n \n
\n \n \n \n \n \n \n \n \n \n \n \n );\n }\n}\n\nexport default SessionTimeoutModal;\n","import PropTypes from 'prop-types';\nimport { clientErrorHandler } from '@sm/utils';\n\n/**\n * Takes the cookie string from the document and returns an Array of\n * configured release toggle IDs using the key 'sm_release_toggles'.\n *\n * @param {string} cookie: Cookie string from document\n * @return {Array}\n */\nexport const getOverridesFromCookie = cookie => {\n if (!cookie) return [];\n const found = cookie\n .split(';')\n .filter(elem => elem)\n .map(elem => elem.split('='))\n .filter(([key, val]) => key && val)\n .map(([key, val]) => ({ key: key.trim(), val: val.trim() }))\n .find(elem => elem.key === 'sm_release_toggles');\n const toggles = [];\n if (found) {\n // eslint-disable-next-line array-callback-return\n found.val.split(',').map(elem => {\n toggles.push(elem.trim());\n });\n }\n return toggles;\n};\n\n/**\n * Takes a URL string from the window.location object (must include query\n * params) and returns an Array of the configured release toggle IDs under the\n * key 'smReleaseToggles'.\n *\n * @param {string} url: HREF string from the window.location object\n * @return {*}\n */\nexport const getOverridesFromQueryParameters = url => {\n if (!url) return [];\n const queryStrIndex = url.indexOf('?');\n if (queryStrIndex > -1) {\n const queryStr = url.slice(queryStrIndex + 1);\n const releaseToggles = queryStr\n .split('&')\n .map(elem => elem.split('='))\n .find(elem => {\n const [key] = elem;\n return key === 'smReleaseToggles';\n });\n if (releaseToggles && releaseToggles.length > 1) {\n return releaseToggles[1].split(',').filter(elem => elem);\n }\n }\n return [];\n};\n\n/**\n * Looks for a 'sm_release_toggles' cookie. If it exists, parses out the\n * comma-separated list of toggle IDs and returns a Set of the IDs.\n *\n * @return {Set}: IDs of enabled toggles\n */\nexport const getOverrides = (url, cookies) => {\n // We know that this is from the Express req.\n if (typeof url === 'object' && typeof cookies === 'object') {\n const paramValues = (url.smReleaseToggles || '')\n .split(',')\n .map(elem => elem.trim());\n const cookieValues = (cookies.sm_release_toggles || '')\n .split(',')\n .map(elem => elem.trim());\n return new Set(paramValues.concat(cookieValues));\n }\n return new Set(\n getOverridesFromCookie(document.cookie).concat(\n getOverridesFromQueryParameters(window.location.href)\n )\n );\n};\n\n/**\n * Component wraps code that isn't ready to be seen. Children are only\n * rendered if the 'releaseToggles' cookie or query parameter is set\n * where the value is a comma-separated list of toggle IDs\n * (IE. document.cookie=\"releaseToggles=ID1,ID2,ID3\", whitespace is trimmed;\n * or https://localmonkey.com/my_page/?smReleaseToggles=ID1,ID2,ID3, no\n * whitespace trim) and the ID is in the list. If this component is rendered\n * on the client, these values are manually parsed from the window. If not,\n * they must be passed in through the queryParams and cookies props.\n *\n * Component may also have a child that is a function with the signature:\n * (isToggledOn: boolean) => Node which can be used to render a default\n * component in place of the feature component.\n *\n * If there is an error parsing the override cookies or params, it is caught,\n * logged and then the child function is called with false or null is returned.\n */\nconst ReleaseToggle = ({ toggleId, url, cookies, children }) => {\n let showToggle;\n try {\n showToggle = getOverrides(url, cookies).has(toggleId);\n } catch (err) {\n showToggle = false;\n clientErrorHandler.logError(\n err,\n 'There was a problem reading the override cookies and params in a ReleaseToggle'\n );\n }\n if (typeof children === 'function') return children(showToggle);\n return showToggle ? children : null;\n};\n\nReleaseToggle.propTypes = {\n /** ID of the feature toggle used in the cookie */\n toggleId: PropTypes.string.isRequired,\n /** URL string for the request or URL params */\n url: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.objectOf(PropTypes.string),\n ]),\n /** document.cookie or request cookies */\n cookies: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.objectOf(PropTypes.string),\n ]),\n /** Can pass a function as a child that takes a boolean for the toggle value */\n children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired,\n};\n\nexport default ReleaseToggle;\n","export default __webpack_public_path__ + \"webassets/cookies-plate.aeff1a13.png\";","// extracted by mini-css-extract-plugin\nexport {};","import React, { useState, useEffect } from 'react';\nimport Cookie from 'js-cookie';\nimport PropTypes from 'prop-types';\nimport { T, t, defineMessages } from '@sm/intl';\nimport { MetricsTracker, USER_EVENTS } from '@sm/metrics';\n\nimport {\n Align,\n Button,\n Col,\n Container,\n Grid,\n Modal,\n Row,\n Sheet,\n Typography,\n} from '@sm/wds-react';\n\nimport { TabletScreen, MobileScreen } from '../MediaComponents';\n\nimport cookieImage from './static/images/cookies-plate.png';\n\nimport './cookie-banner.scss';\n\nconst CONSENT_KEY = 'gdpr_consent';\nconst CONSENT_DENIED_KEY = 'gdpr_consent_denied';\n\nconst COPY = defineMessages({\n COOKIE_BANNER: {\n id: 'CookieBanner.cookiePolicy',\n defaultMessage:\n // eslint-disable-next-line no-multi-str\n 'In order to give you the best experience, SurveyMonkey and our third party partners may use cookies\\\n and similar technologies, for example, to analyze usage and optimize our sites and services, personalize content,\\\n tailor and measure our marketing and to keep the site secure. Please visit our\\\n privacy policy for more information and our\\\n cookies policy for a list of all cookies used.',\n description: '[Type: Label][Vis.: med] - Cookie Banner Message',\n },\n COOKIE_PREFERENCES: {\n id: 'CookieBanner.preferences',\n defaultMessage:\n 'Clear or manage cookie preferences.',\n description: '[Type: Label][Vis.: med] - Cookie Banner Preferences',\n },\n IMAGE_ALT: {\n id: 'CookieBanner.imageAlt',\n defaultMessage: 'Plate of Cookies',\n description: '[Type: Label][Vis.: med] - Cookie Banner Image Alt Tag',\n },\n NO: {\n id: 'CookieBanner.decline',\n defaultMessage: 'DISAGREE',\n description: '[Type: Label][Vis.: med] - Cookie Banner Decline button',\n },\n AGREE: {\n id: 'CookieBanner.agree',\n defaultMessage: 'AGREE',\n description: '[Type: Label][Vis.: med] - Cookie Banner Agree button',\n },\n});\n\nconst CookieBanner = ({ GDPR }) => {\n const { hasGDPRConsent, hasExplictlyDenied } = GDPR;\n const [show, setShow] = useState(true);\n const [consent, setConsent] = useState('gdpr_consent_denied');\n\n useEffect(() => {\n if (!show) {\n MetricsTracker.track({\n name: USER_EVENTS.GDPR_ACTION,\n data: {\n actionType: USER_EVENTS.GDPR_ACTION,\n actionFlow: consent !== CONSENT_KEY ? 'denyConsent' : 'giveConsent',\n },\n });\n }\n }, [show, consent]);\n\n if (hasGDPRConsent || hasExplictlyDenied || !show) {\n return null;\n }\n\n /**\n * Agree to tracking cookie\n * @param {Object} e\n */\n const onAgree = e => {\n e.stopPropagation();\n Cookie.set(CONSENT_KEY, 'true', { expires: 365, secure: true });\n setConsent(CONSENT_KEY);\n setShow(!show);\n };\n\n /**\n * Deny tracking cookie\n */\n const onDeny = () => {\n Cookie.set(CONSENT_DENIED_KEY, 'true', { expires: 7, secure: true });\n setConsent(CONSENT_DENIED_KEY);\n setShow(!show);\n };\n\n return (\n
\n );\n};\n\nCookieBanner.propTypes = {\n GDPR: PropTypes.shape({\n hasGDPRConsent: PropTypes.bool,\n hasExplictlyDenied: PropTypes.bool,\n }).isRequired,\n};\n\nexport default CookieBanner;\n","import { defineMessages } from '@sm/intl';\n\nconst COPY = defineMessages({\n weSlippedError: {\n id: 'Copy.ErrorCardWeSlippedError',\n defaultMessage: 'It looks like we slipped!',\n description: '[Type: Label][Vis.: med] - It looks like we slipped!',\n },\n refresh: {\n id: 'Copy.ErrorCardRefresh',\n defaultMessage: 'Refresh',\n description: '[Type: Button][Vis.: high] - Refresh',\n },\n troubleLoading: {\n id: 'Copy.ErrorCardTroubleLoading',\n defaultMessage: 'We had trouble loading your data.',\n description:\n '[Type: Label][Vis.: high] - We had trouble loading your data.',\n },\n});\n\nexport default COPY;\n","// extracted by mini-css-extract-plugin\nexport {};","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { IconWarning } from '@sm/wds-icons';\nimport { Card, Button, Typography, Container } from '@sm/wds-react';\nimport { T } from '@sm/intl';\nimport COPY from './Copy';\n\nimport './error-card.scss';\n\nconst ErrorCard = ({\n iconOnly,\n iconOptions,\n copyOptions,\n errorCopy,\n refreshCopy,\n refetch,\n ...otherProps\n}) => {\n const Icon = ;\n const getErrorMessage = () => {\n if (!errorCopy) {\n return (\n \n \n \n \n \n \n \n \n );\n }\n\n return errorCopy;\n };\n\n return (\n \n \n
\n {Icon}\n
\n \n \n \n \n \n {Icon}\n \n \n {getErrorMessage()}\n \n \n \n \n \n \n \n \n \n \n );\n};\n\nErrorCard.propTypes = {\n iconOnly: PropTypes.bool,\n iconOptions: PropTypes.shape({\n color: PropTypes.string,\n size: PropTypes.oneOf(['lg', 'md', 'sm', 'xl']),\n }),\n refetch: PropTypes.func,\n copyOptions: PropTypes.shape({\n variant: PropTypes.string,\n }),\n errorCopy: PropTypes.string,\n refreshCopy: PropTypes.string,\n};\nErrorCard.defaultProps = {\n iconOnly: false,\n iconOptions: {\n color: null,\n size: 'lg',\n },\n refetch: undefined,\n copyOptions: {\n variant: 'sectionTitle',\n },\n errorCopy: undefined,\n refreshCopy: undefined,\n};\nexport default ErrorCard;\n","import React from 'react';\nimport { PropTypes } from 'prop-types';\n\nconst InitialComponent = ({ width, height }) => (\n \n);\n\nInitialComponent.propTypes = {\n height: PropTypes.number,\n width: PropTypes.number,\n};\n\nInitialComponent.defaultProps = {\n height: 130,\n width: 400,\n};\n\nexport default InitialComponent;\n","/**\n * HOW TO USE\n *\n * use create-content-loader to generate the desired skeleton svg:\n * https://danilowoz.com/create-content-loader/\n *\n * How it works:\n * 1) get dimensions of component to skeleton and put into create-content-loader\n * 2) use best guess estimates to mock out placements for all elements you\n * want to show in the skeleton\n * 3) transfer this to code\n * 4) load page and check the position/size for each element\n * Adjust position in code as necessary\n * 5) rinse and repeat until you hit your desired level of pixel perfection\n */\n\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport ContentLoader from 'react-content-loader';\nimport theme from '@sm/wds-core/dist/themes/SurveyMonkey.json';\n\n// https://github.com/danilowoz/react-content-loader/issues/194\nimport InitialComponent from './InitialComponent';\n\nexport const BACKGROUND_COLOR = theme['brand-color']['color--slate'];\nexport const ANIMATION_COLOR = theme['brand-color']['color--slate'];\n\nconst SkeletonLoader = props => {\n const { children, ...contentLoaderProps } = props;\n\n return (\n \n {children || }\n \n );\n};\n\nSkeletonLoader.propTypes = {\n children: PropTypes.node,\n backgroundColor: PropTypes.string,\n backgroundOpacity: PropTypes.number,\n foregroundColor: PropTypes.string,\n foregroundOpacity: PropTypes.number,\n speed: PropTypes.number,\n};\n\nSkeletonLoader.defaultProps = {\n children: null,\n // background\n backgroundColor: BACKGROUND_COLOR,\n backgroundOpacity: 0.08,\n // animation\n foregroundColor: ANIMATION_COLOR,\n foregroundOpacity: 0.18,\n speed: 2,\n};\n\nexport default SkeletonLoader;\n","import { graphql } from 'react-apollo';\n\nimport { getClientEnvironmentDetails } from '@sm/utils';\n\nimport { errorHandler as clientErrorHandler } from '../../../helpers/errorHandler';\nimport SaveTreatmentMutation from './SaveTreatment.graphql';\n\n/**\n * If the user is LO and we have values from the Svc,\n * we can set a cookie for experimentsvc to injest\n * @param {Object} cookie\n * @return {null}\n */\nconst createCookie = cookie => {\n const { isBrowser } = getClientEnvironmentDetails();\n // no need to create a cookie if there isn't a cookie to create\n if (cookie.success === false || !cookie.name) return null;\n const { name, maxAge, assignments } = cookie;\n if (isBrowser) {\n const { host } = window.location;\n const domain = host.replace(/^[^.]+\\./g, '');\n document.cookie = `${name}=${assignments}; max-age=${maxAge}; path=/; domain=${domain}`;\n }\n return null;\n};\n\n/**\n * Component to display a treatment\n * @param {String} when\n * @param {Object} treatments\n * @param {Boolean} control\n * @param {Function|Object} children\n * @returns {*}\n */\nconst Treatment = ({\n when,\n control,\n children,\n treatments,\n mutate = () => null,\n}) => {\n const childElement = typeof children === 'function' ? children() : children;\n const allTreatments = Object.keys(treatments);\n\n // If experiments fails, or the user hasn't been assigned and experiment show the control.\n if (allTreatments.length === 0 && control) {\n return childElement;\n }\n\n // if our treatment exists in the object\n if (allTreatments.length) {\n if (treatments[when] && treatments[when].treatmentName) {\n // send the data back to experiments that we are showing this treatment\n const {\n treatmentId,\n experimentId,\n treatmentName,\n experimentName,\n assignmentType,\n } = treatments[when];\n mutate({\n variables: {\n input: {\n treatmentId,\n treatmentName,\n experimentId,\n experimentName,\n assignmentType,\n },\n },\n })\n .then(({ data }) => {\n if (data && data.saveExperimentTreatment)\n createCookie(data.saveExperimentTreatment);\n })\n .catch(e =>\n clientErrorHandler.logError(e, 'Unable to save experiment treatment')\n );\n // Let's return the child element without waiting for the mutation as the\n // mutation doesn't really impact the children.\n return childElement;\n }\n }\n return null;\n};\n\nexport default graphql(SaveTreatmentMutation)(Treatment);\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { isBrowserSupported } from '@sm/utils';\nimport { Modal, ModalBody, ModalHeader } from '@sm/wds-react';\nimport { defineMessages, T, t } from '@sm/intl';\n\nconst COPY = defineMessages({\n DIALOG_HEADER: {\n id: 'BrowserGuard.DialogHeader',\n defaultMessage: \"Your browser isn't supported\",\n description:\n 'Header of a dialog displaying a message to the users that their browser is not supported.',\n },\n DIALOG_BODY: {\n id: 'BrowserGuard.DialogBody',\n defaultMessage: 'For more information please visit:',\n description:\n 'Text describing that more information on the issue will be available on the following link',\n },\n LINK_TEXT: {\n id: 'BrowserGuard.LinkText',\n defaultMessage: 'Supported Browsers',\n description:\n 'Text for a link directing the user to the Supported Browsers help page',\n },\n});\n\nconst BrowserGuardDialog = () => {\n return (\n
\n );\n};\n\n/**\n * Component for checking if the user browser is supported\n *\n * Basic usage example:\n * ``\n *\n * The basic usage will check against the default supported browsers\n * as documented here: https://help.surveymonkey.com/articles/en_US/kb/What-browser-versions-do-you-support\n *\n * If the user's browser is not supported a modal window will be displayed to the user.\n *\n * Optionally one can provide a list of supported browsers via the supportedBrowsers prop.\n * Also, a different UI may be rendered if a children is passed to the component.\n */\nconst BrowserGuard = ({ children, supportedBrowsers }) => {\n const [hasVerified, setHasVerified] = useState(false);\n const [isSupported, setIsSupported] = useState(false);\n\n useEffect(() => {\n if (window && !hasVerified) {\n setIsSupported(\n isBrowserSupported(window.navigator.userAgent, supportedBrowsers)\n );\n setHasVerified(true);\n }\n }, [hasVerified, supportedBrowsers]);\n\n return (\n \n \n
{children}
\n \n {null}\n \n );\n};\n\nBrowserGuard.propTypes = {\n children: PropTypes.element,\n supportedBrowsers: PropTypes.arrayOf(\n PropTypes.shape({\n vendor: PropTypes.oneOf(['chrome', 'firefox', 'safari', 'ie', 'edge'])\n .isRequired,\n operator: PropTypes.oneOf(['>', '<', '~', '=', '>=', '<=']).isRequired,\n version: PropTypes.string.isRequired,\n })\n ),\n};\n\nBrowserGuard.defaultProps = {\n children: ,\n supportedBrowsers: undefined,\n};\n\nexport default BrowserGuard;\n","import React from 'react';\nimport { createTheming, createUseStyles } from 'react-jss';\n\n/* Create a React context which JSS would need to wrap on */\nconst SurveyThemeContext = React.createContext({});\nSurveyThemeContext.displayName = 'SurveyTheme';\n\n/* Use JSS custom hook to create the wrapper */\nconst theming = createTheming(SurveyThemeContext);\n\n/* Expose the associated hooks with aliases */\nexport const {\n useTheme: useSurveyTheme,\n ThemeProvider: SurveyThemeProvider,\n} = theming;\n\n/**\n * For convenience, expose a custom hook which would carry the theming context wrapper along,\n * as well as injecting style sheet name-space / class name prefix as \"sm\" by default.\n *\n * Note: One may still utilize the stock `createUseStyles()` hook to construct styles regardless\n * relying on a survey theme or not; however if they do, please keep in mind that the recommended\n * way per JSS documentation is to pass in `theming` context wrapper every time.\n * ( https://cssinjs.org/react-jss?v=v10.5.0#using-custom-theming-context )\n *\n * It is also noteworthy that as of JSS v.10.5.0, there's a strange behavior\n * when calling `createUseStyles()`, if the first parameter is an object (en lieu a function),\n * it would ignore the `theming` context wrapper coming along in the same call.\n * Considering the caller of this hook would very much acquire the theming data on the nested\n * function values, we're hereby enforce the behavior which would also name-space the style sheet.\n */\nexport const createSurveyStyles = (styles, opts = {}) => {\n /* force to pass a function in and ignore a linter error to avoid JSS warnings */\n /* eslint-disable-next-line no-unused-vars */\n const _styles = typeof styles === 'function' ? styles : theme => styles;\n\n /* call the higher-order function in JSS with the normalized signature */\n return createUseStyles(_styles, { theming, name: 'sm', ...opts });\n};\n\n/**\n * The context wrapper constructed by JSS `createTheming()` hook.\n * Note: `theming.context` points to the same SurveyThemeContext we just instantiated\n */\nexport default theming;\n","const fontWeightOption = Object.freeze({\n BOLD: 700,\n LIGHT: 300,\n MEDIUM: 500,\n REGULAR: 400,\n});\n\nconst fontStyleOption = Object.freeze({\n INHERIT: 'inherit',\n INITIAL: 'initial',\n ITALIC: 'italic',\n NORMAL: 'normal',\n OBLIQUE: 'oblique',\n});\n\nconst textDecorationOption = Object.freeze({\n NONE: 'none',\n UNDERLINE: 'underline',\n});\n\nconst formatStyle = ([key, val]) => {\n switch (key) {\n case 'fontWeight':\n return { [key]: fontWeightOption[val] };\n case 'fontStyle':\n return { [key]: fontStyleOption[val] };\n case 'textDecoration':\n return { [key]: textDecorationOption[val] };\n case 'backgroundImage':\n return val.url ? { [key]: `url(${val.url})` } : null;\n default:\n return { [key]: val };\n }\n};\n\nconst formatCommonStyle = ({ __typename, ...styles }) =>\n Object.entries(styles).reduce((acc, [key, val]) => {\n return !val\n ? acc\n : {\n ...acc,\n ...formatStyle([key, val]),\n };\n }, {});\n\nconst formatEntity = data => data && formatCommonStyle(data);\n\nexport default formatEntity;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useQuery } from 'react-apollo';\nimport { SurveyThemeProvider } from './context';\nimport { getSurveyDesign } from './SurveyTheme.graphql';\nimport formatEntity from './helpers';\n\n/* A simple wrapper composes inner children with the fetched theming info. */\nconst SurveyTheme = ({ children, surveyId }) => {\n const { data, loading, error: fetchError, refetch } = useQuery(\n getSurveyDesign,\n {\n variables: {\n id: surveyId,\n },\n // acquire data even when an error occurs\n errorPolicy: 'all',\n partialRefetch: true,\n }\n );\n\n /* No-op on the loading state.\n * The wrapping component should know better how to compose with a representable skeleton.\n */\n if (loading) {\n return null;\n }\n\n const { theme, ...settings } = data?.survey?.design;\n\n const {\n selectedColorPalette,\n layout,\n surveyPage,\n surveyTitle,\n pageTitle,\n questionTitle,\n questionBody,\n button,\n error,\n exitLink,\n artifacts,\n } = theme;\n\n const { logo, progressBar } = settings;\n\n const surveyPageBackgroundImage = artifacts?.background?.url;\n\n const surveyTheme = {\n layout,\n surveyPage: {\n ...formatEntity(surveyPage),\n ...(surveyPageBackgroundImage && {\n backgroundImage: `url(${surveyPageBackgroundImage})`,\n }),\n },\n surveyTitle: formatEntity(surveyTitle),\n pageTitle: formatEntity(pageTitle),\n questionTitle: formatEntity(questionTitle),\n questionBody: {\n color: selectedColorPalette?.answerColor,\n ...formatEntity(questionBody),\n },\n button: formatEntity(button),\n error: formatEntity(error),\n exitLink: formatEntity(exitLink),\n ...(logo && {\n logo: formatEntity(logo),\n }),\n ...(progressBar && {\n progressBar: formatEntity(progressBar),\n }),\n ...formatEntity(selectedColorPalette),\n };\n\n return (\n \n {children}\n \n );\n};\n\nSurveyTheme.propTypes = {\n children: PropTypes.node.isRequired,\n surveyId: PropTypes.string.isRequired,\n};\n\nexport default SurveyTheme;\n","import SurveyTheme from './SurveyTheme';\nimport theming, {\n useSurveyTheme,\n createSurveyStyles,\n SurveyThemeProvider,\n} from './context';\n\nexport {\n SurveyTheme,\n SurveyThemeProvider,\n useSurveyTheme,\n createSurveyStyles,\n theming,\n};\n","export {\n StaticProvider,\n StaticConsumer,\n StaticContext,\n} from './components/StaticContext';\n\nexport { default as SMHeader } from './components/Header';\n\nexport { default as SMFooter } from './components/Footer';\n\nexport {\n DesktopScreen,\n TabletScreen,\n MobileScreen,\n MobileTabletScreen,\n} from './components/MediaComponents';\n\nexport {\n AuthenticationProvider,\n useAuthentication,\n} from './components/Authentication';\n\nexport { Recaptcha, useRecaptcha } from './components/Recaptcha';\n\nexport { default as Autocomplete } from './components/Autocomplete';\n\nexport { default as BasePage } from './components/BasePage';\n\nexport { default as SPAPageContent } from './components/SPAPageContent';\n\nexport { default as ErrorController } from './components/ErrorController';\n\nexport { Logo, LogoWithText } from './components/Logos';\n\nexport { default as MobileBanner } from './components/MobileBanner';\n\nexport { default as ErrorBoundary } from './components/ErrorBoundary';\n\nexport {\n FiveHundredErrorPage,\n FiveHundredError,\n} from './components/FiveHundredError';\n\nexport { default as FourOhFourError } from './components/FourOhFourError';\n\nexport { default as ForbiddenError } from './components/ForbiddenError';\n\nexport { default as Helmet, HelmetProvider } from './components/Helmet';\n\nexport { default as SessionTimeoutModal } from './components/SessionTimeoutModal';\n\nexport { default as ReleaseToggle } from './components/ReleaseToggle';\n\nexport { default as CookieBanner } from './components/CookieBanner';\n\nexport { default as ErrorCard } from './components/ErrorCard';\n\nexport { default as SkeletonLoader } from './components/SkeletonLoader';\n\nexport { default as SeatRequestModal } from './components/SeatRequestModal';\n\nexport { default as Treatment } from './components/Experiments/Treatment';\nexport { useExperiment } from './components/Experiments';\nexport { default as getMyTeamMenuItems } from './helpers/TeamMenuHelpers';\n\nexport { default as getHelpLink } from './helpers/getHelpLink';\nexport {\n initializeErrorHandler as initializeClientErrorHandler,\n errorHandler as clientErrorHandler,\n} from './helpers/errorHandler';\nexport { default as BrowserGuard } from './components/BrowserGuard';\n\nexport {\n SurveyTheme,\n SurveyThemeProvider,\n useSurveyTheme,\n createSurveyStyles,\n theming,\n} from './components/SurveyTheme';\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { createUseStyles, useTheme } from 'react-jss';\n\nfunction toVal(mix) {\n\tvar k, y, str='';\n\n\tif (typeof mix === 'string' || typeof mix === 'number') {\n\t\tstr += mix;\n\t} else if (typeof mix === 'object') {\n\t\tif (Array.isArray(mix)) {\n\t\t\tfor (k=0; k < mix.length; k++) {\n\t\t\t\tif (mix[k]) {\n\t\t\t\t\tif (y = toVal(mix[k])) {\n\t\t\t\t\t\tstr && (str += ' ');\n\t\t\t\t\t\tstr += y;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\tfor (k in mix) {\n\t\t\t\tif (mix[k]) {\n\t\t\t\t\tstr && (str += ' ');\n\t\t\t\t\tstr += k;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\treturn str;\n}\n\nfunction clsx () {\n\tvar i=0, tmp, x, str='';\n\twhile (i < arguments.length) {\n\t\tif (tmp = arguments[i++]) {\n\t\t\tif (x = toVal(tmp)) {\n\t\t\t\tstr && (str += ' ');\n\t\t\t\tstr += x;\n\t\t\t}\n\t\t}\n\t}\n\treturn str;\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 _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n}\n\nfunction _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n subClass.__proto__ = superClass;\n}\n\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\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\nfunction _isNativeFunction(fn) {\n return Function.toString.call(fn).indexOf(\"[native code]\") !== -1;\n}\n\nfunction _isNativeReflectConstruct() {\n if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n if (Reflect.construct.sham) return false;\n if (typeof Proxy === \"function\") return true;\n\n try {\n Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));\n return true;\n } catch (e) {\n return false;\n }\n}\n\nfunction _construct(Parent, args, Class) {\n if (_isNativeReflectConstruct()) {\n _construct = Reflect.construct;\n } else {\n _construct = function _construct(Parent, args, Class) {\n var a = [null];\n a.push.apply(a, args);\n var Constructor = Function.bind.apply(Parent, a);\n var instance = new Constructor();\n if (Class) _setPrototypeOf(instance, Class.prototype);\n return instance;\n };\n }\n\n return _construct.apply(null, arguments);\n}\n\nfunction _wrapNativeSuper(Class) {\n var _cache = typeof Map === \"function\" ? new Map() : undefined;\n\n _wrapNativeSuper = function _wrapNativeSuper(Class) {\n if (Class === null || !_isNativeFunction(Class)) return Class;\n\n if (typeof Class !== \"function\") {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n\n if (typeof _cache !== \"undefined\") {\n if (_cache.has(Class)) return _cache.get(Class);\n\n _cache.set(Class, Wrapper);\n }\n\n function Wrapper() {\n return _construct(Class, arguments, _getPrototypeOf(this).constructor);\n }\n\n Wrapper.prototype = Object.create(Class.prototype, {\n constructor: {\n value: Wrapper,\n enumerable: false,\n writable: true,\n configurable: true\n }\n });\n return _setPrototypeOf(Wrapper, Class);\n };\n\n return _wrapNativeSuper(Class);\n}\n\n// based on https://github.com/styled-components/styled-components/blob/fcf6f3804c57a14dd7984dfab7bc06ee2edca044/src/utils/error.js\n\n/**\n * Parse errors.md and turn it into a simple hash of code: message\n * @private\n */\nvar ERRORS = {\n \"1\": \"Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).\\n\\n\",\n \"2\": \"Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).\\n\\n\",\n \"3\": \"Passed an incorrect argument to a color function, please pass a string representation of a color.\\n\\n\",\n \"4\": \"Couldn't generate valid rgb string from %s, it returned %s.\\n\\n\",\n \"5\": \"Couldn't parse the color string. Please provide the color as a string in hex, rgb, rgba, hsl or hsla notation.\\n\\n\",\n \"6\": \"Passed invalid arguments to rgb, please pass multiple numbers e.g. rgb(255, 205, 100) or an object e.g. rgb({ red: 255, green: 205, blue: 100 }).\\n\\n\",\n \"7\": \"Passed invalid arguments to rgba, please pass multiple numbers e.g. rgb(255, 205, 100, 0.75) or an object e.g. rgb({ red: 255, green: 205, blue: 100, alpha: 0.75 }).\\n\\n\",\n \"8\": \"Passed invalid argument to toColorString, please pass a RgbColor, RgbaColor, HslColor or HslaColor object.\\n\\n\",\n \"9\": \"Please provide a number of steps to the modularScale helper.\\n\\n\",\n \"10\": \"Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\\n\\n\",\n \"11\": \"Invalid value passed as base to modularScale, expected number or em string but got \\\"%s\\\"\\n\\n\",\n \"12\": \"Expected a string ending in \\\"px\\\" or a number passed as the first argument to %s(), got \\\"%s\\\" instead.\\n\\n\",\n \"13\": \"Expected a string ending in \\\"px\\\" or a number passed as the second argument to %s(), got \\\"%s\\\" instead.\\n\\n\",\n \"14\": \"Passed invalid pixel value (\\\"%s\\\") to %s(), please pass a value like \\\"12px\\\" or 12.\\n\\n\",\n \"15\": \"Passed invalid base value (\\\"%s\\\") to %s(), please pass a value like \\\"12px\\\" or 12.\\n\\n\",\n \"16\": \"You must provide a template to this method.\\n\\n\",\n \"17\": \"You passed an unsupported selector state to this method.\\n\\n\",\n \"18\": \"minScreen and maxScreen must be provided as stringified numbers with the same units.\\n\\n\",\n \"19\": \"fromSize and toSize must be provided as stringified numbers with the same units.\\n\\n\",\n \"20\": \"expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\\n\\n\",\n \"21\": \"expects the objects in the first argument array to have the properties `prop`, `fromSize`, and `toSize`.\\n\\n\",\n \"22\": \"expects the first argument object to have the properties `prop`, `fromSize`, and `toSize`.\\n\\n\",\n \"23\": \"fontFace expects a name of a font-family.\\n\\n\",\n \"24\": \"fontFace expects either the path to the font file(s) or a name of a local copy.\\n\\n\",\n \"25\": \"fontFace expects localFonts to be an array.\\n\\n\",\n \"26\": \"fontFace expects fileFormats to be an array.\\n\\n\",\n \"27\": \"radialGradient requries at least 2 color-stops to properly render.\\n\\n\",\n \"28\": \"Please supply a filename to retinaImage() as the first argument.\\n\\n\",\n \"29\": \"Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\\n\\n\",\n \"30\": \"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\\n\\n\",\n \"31\": \"The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation\\n\\n\",\n \"32\": \"To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s')\\n\\n\",\n \"33\": \"The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation\\n\\n\",\n \"34\": \"borderRadius expects a radius value as a string or number as the second argument.\\n\\n\",\n \"35\": \"borderRadius expects one of \\\"top\\\", \\\"bottom\\\", \\\"left\\\" or \\\"right\\\" as the first argument.\\n\\n\",\n \"36\": \"Property must be a string value.\\n\\n\",\n \"37\": \"Syntax Error at %s.\\n\\n\",\n \"38\": \"Formula contains a function that needs parentheses at %s.\\n\\n\",\n \"39\": \"Formula is missing closing parenthesis at %s.\\n\\n\",\n \"40\": \"Formula has too many closing parentheses at %s.\\n\\n\",\n \"41\": \"All values in a formula must have the same unit or be unitless.\\n\\n\",\n \"42\": \"Please provide a number of steps to the modularScale helper.\\n\\n\",\n \"43\": \"Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\\n\\n\",\n \"44\": \"Invalid value passed as base to modularScale, expected number or em/rem string but got %s.\\n\\n\",\n \"45\": \"Passed invalid argument to hslToColorString, please pass a HslColor or HslaColor object.\\n\\n\",\n \"46\": \"Passed invalid argument to rgbToColorString, please pass a RgbColor or RgbaColor object.\\n\\n\",\n \"47\": \"minScreen and maxScreen must be provided as stringified numbers with the same units.\\n\\n\",\n \"48\": \"fromSize and toSize must be provided as stringified numbers with the same units.\\n\\n\",\n \"49\": \"Expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\\n\\n\",\n \"50\": \"Expects the objects in the first argument array to have the properties prop, fromSize, and toSize.\\n\\n\",\n \"51\": \"Expects the first argument object to have the properties prop, fromSize, and toSize.\\n\\n\",\n \"52\": \"fontFace expects either the path to the font file(s) or a name of a local copy.\\n\\n\",\n \"53\": \"fontFace expects localFonts to be an array.\\n\\n\",\n \"54\": \"fontFace expects fileFormats to be an array.\\n\\n\",\n \"55\": \"fontFace expects a name of a font-family.\\n\\n\",\n \"56\": \"linearGradient requries at least 2 color-stops to properly render.\\n\\n\",\n \"57\": \"radialGradient requries at least 2 color-stops to properly render.\\n\\n\",\n \"58\": \"Please supply a filename to retinaImage() as the first argument.\\n\\n\",\n \"59\": \"Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\\n\\n\",\n \"60\": \"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\\n\\n\",\n \"61\": \"Property must be a string value.\\n\\n\",\n \"62\": \"borderRadius expects a radius value as a string or number as the second argument.\\n\\n\",\n \"63\": \"borderRadius expects one of \\\"top\\\", \\\"bottom\\\", \\\"left\\\" or \\\"right\\\" as the first argument.\\n\\n\",\n \"64\": \"The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation.\\n\\n\",\n \"65\": \"To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\\\\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s').\\n\\n\",\n \"66\": \"The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation.\\n\\n\",\n \"67\": \"You must provide a template to this method.\\n\\n\",\n \"68\": \"You passed an unsupported selector state to this method.\\n\\n\",\n \"69\": \"Expected a string ending in \\\"px\\\" or a number passed as the first argument to %s(), got %s instead.\\n\\n\",\n \"70\": \"Expected a string ending in \\\"px\\\" or a number passed as the second argument to %s(), got %s instead.\\n\\n\",\n \"71\": \"Passed invalid pixel value %s to %s(), please pass a value like \\\"12px\\\" or 12.\\n\\n\",\n \"72\": \"Passed invalid base value %s to %s(), please pass a value like \\\"12px\\\" or 12.\\n\\n\",\n \"73\": \"Please provide a valid CSS variable.\\n\\n\",\n \"74\": \"CSS variable not found.\\n\"\n};\n/**\n * super basic version of sprintf\n * @private\n */\n\nfunction format() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n var a = args[0];\n var b = [];\n var c;\n\n for (c = 1; c < args.length; c += 1) {\n b.push(args[c]);\n }\n\n b.forEach(function (d) {\n a = a.replace(/%[a-z]/, d);\n });\n return a;\n}\n/**\n * Create an error file out of errors.md for development and a simple web link to the full errors\n * in production mode.\n * @private\n */\n\n\nvar PolishedError = /*#__PURE__*/function (_Error) {\n _inheritsLoose(PolishedError, _Error);\n\n function PolishedError(code) {\n var _this;\n\n if (process.env.NODE_ENV === 'production') {\n _this = _Error.call(this, \"An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#\" + code + \" for more information.\") || this;\n } else {\n for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {\n args[_key2 - 1] = arguments[_key2];\n }\n\n _this = _Error.call(this, format.apply(void 0, [ERRORS[code]].concat(args))) || this;\n }\n\n return _assertThisInitialized(_this);\n }\n\n return PolishedError;\n}( /*#__PURE__*/_wrapNativeSuper(Error));\n\nfunction colorToInt(color) {\n return Math.round(color * 255);\n}\n\nfunction convertToInt(red, green, blue) {\n return colorToInt(red) + \",\" + colorToInt(green) + \",\" + colorToInt(blue);\n}\n\nfunction hslToRgb(hue, saturation, lightness, convert) {\n if (convert === void 0) {\n convert = convertToInt;\n }\n\n if (saturation === 0) {\n // achromatic\n return convert(lightness, lightness, lightness);\n } // formulae from https://en.wikipedia.org/wiki/HSL_and_HSV\n\n\n var huePrime = (hue % 360 + 360) % 360 / 60;\n var chroma = (1 - Math.abs(2 * lightness - 1)) * saturation;\n var secondComponent = chroma * (1 - Math.abs(huePrime % 2 - 1));\n var red = 0;\n var green = 0;\n var blue = 0;\n\n if (huePrime >= 0 && huePrime < 1) {\n red = chroma;\n green = secondComponent;\n } else if (huePrime >= 1 && huePrime < 2) {\n red = secondComponent;\n green = chroma;\n } else if (huePrime >= 2 && huePrime < 3) {\n green = chroma;\n blue = secondComponent;\n } else if (huePrime >= 3 && huePrime < 4) {\n green = secondComponent;\n blue = chroma;\n } else if (huePrime >= 4 && huePrime < 5) {\n red = secondComponent;\n blue = chroma;\n } else if (huePrime >= 5 && huePrime < 6) {\n red = chroma;\n blue = secondComponent;\n }\n\n var lightnessModification = lightness - chroma / 2;\n var finalRed = red + lightnessModification;\n var finalGreen = green + lightnessModification;\n var finalBlue = blue + lightnessModification;\n return convert(finalRed, finalGreen, finalBlue);\n}\n\nvar namedColorMap = {\n aliceblue: 'f0f8ff',\n antiquewhite: 'faebd7',\n aqua: '00ffff',\n aquamarine: '7fffd4',\n azure: 'f0ffff',\n beige: 'f5f5dc',\n bisque: 'ffe4c4',\n black: '000',\n blanchedalmond: 'ffebcd',\n blue: '0000ff',\n blueviolet: '8a2be2',\n brown: 'a52a2a',\n burlywood: 'deb887',\n cadetblue: '5f9ea0',\n chartreuse: '7fff00',\n chocolate: 'd2691e',\n coral: 'ff7f50',\n cornflowerblue: '6495ed',\n cornsilk: 'fff8dc',\n crimson: 'dc143c',\n cyan: '00ffff',\n darkblue: '00008b',\n darkcyan: '008b8b',\n darkgoldenrod: 'b8860b',\n darkgray: 'a9a9a9',\n darkgreen: '006400',\n darkgrey: 'a9a9a9',\n darkkhaki: 'bdb76b',\n darkmagenta: '8b008b',\n darkolivegreen: '556b2f',\n darkorange: 'ff8c00',\n darkorchid: '9932cc',\n darkred: '8b0000',\n darksalmon: 'e9967a',\n darkseagreen: '8fbc8f',\n darkslateblue: '483d8b',\n darkslategray: '2f4f4f',\n darkslategrey: '2f4f4f',\n darkturquoise: '00ced1',\n darkviolet: '9400d3',\n deeppink: 'ff1493',\n deepskyblue: '00bfff',\n dimgray: '696969',\n dimgrey: '696969',\n dodgerblue: '1e90ff',\n firebrick: 'b22222',\n floralwhite: 'fffaf0',\n forestgreen: '228b22',\n fuchsia: 'ff00ff',\n gainsboro: 'dcdcdc',\n ghostwhite: 'f8f8ff',\n gold: 'ffd700',\n goldenrod: 'daa520',\n gray: '808080',\n green: '008000',\n greenyellow: 'adff2f',\n grey: '808080',\n honeydew: 'f0fff0',\n hotpink: 'ff69b4',\n indianred: 'cd5c5c',\n indigo: '4b0082',\n ivory: 'fffff0',\n khaki: 'f0e68c',\n lavender: 'e6e6fa',\n lavenderblush: 'fff0f5',\n lawngreen: '7cfc00',\n lemonchiffon: 'fffacd',\n lightblue: 'add8e6',\n lightcoral: 'f08080',\n lightcyan: 'e0ffff',\n lightgoldenrodyellow: 'fafad2',\n lightgray: 'd3d3d3',\n lightgreen: '90ee90',\n lightgrey: 'd3d3d3',\n lightpink: 'ffb6c1',\n lightsalmon: 'ffa07a',\n lightseagreen: '20b2aa',\n lightskyblue: '87cefa',\n lightslategray: '789',\n lightslategrey: '789',\n lightsteelblue: 'b0c4de',\n lightyellow: 'ffffe0',\n lime: '0f0',\n limegreen: '32cd32',\n linen: 'faf0e6',\n magenta: 'f0f',\n maroon: '800000',\n mediumaquamarine: '66cdaa',\n mediumblue: '0000cd',\n mediumorchid: 'ba55d3',\n mediumpurple: '9370db',\n mediumseagreen: '3cb371',\n mediumslateblue: '7b68ee',\n mediumspringgreen: '00fa9a',\n mediumturquoise: '48d1cc',\n mediumvioletred: 'c71585',\n midnightblue: '191970',\n mintcream: 'f5fffa',\n mistyrose: 'ffe4e1',\n moccasin: 'ffe4b5',\n navajowhite: 'ffdead',\n navy: '000080',\n oldlace: 'fdf5e6',\n olive: '808000',\n olivedrab: '6b8e23',\n orange: 'ffa500',\n orangered: 'ff4500',\n orchid: 'da70d6',\n palegoldenrod: 'eee8aa',\n palegreen: '98fb98',\n paleturquoise: 'afeeee',\n palevioletred: 'db7093',\n papayawhip: 'ffefd5',\n peachpuff: 'ffdab9',\n peru: 'cd853f',\n pink: 'ffc0cb',\n plum: 'dda0dd',\n powderblue: 'b0e0e6',\n purple: '800080',\n rebeccapurple: '639',\n red: 'f00',\n rosybrown: 'bc8f8f',\n royalblue: '4169e1',\n saddlebrown: '8b4513',\n salmon: 'fa8072',\n sandybrown: 'f4a460',\n seagreen: '2e8b57',\n seashell: 'fff5ee',\n sienna: 'a0522d',\n silver: 'c0c0c0',\n skyblue: '87ceeb',\n slateblue: '6a5acd',\n slategray: '708090',\n slategrey: '708090',\n snow: 'fffafa',\n springgreen: '00ff7f',\n steelblue: '4682b4',\n tan: 'd2b48c',\n teal: '008080',\n thistle: 'd8bfd8',\n tomato: 'ff6347',\n turquoise: '40e0d0',\n violet: 'ee82ee',\n wheat: 'f5deb3',\n white: 'fff',\n whitesmoke: 'f5f5f5',\n yellow: 'ff0',\n yellowgreen: '9acd32'\n};\n/**\n * Checks if a string is a CSS named color and returns its equivalent hex value, otherwise returns the original color.\n * @private\n */\n\nfunction nameToHex(color) {\n if (typeof color !== 'string') return color;\n var normalizedColorName = color.toLowerCase();\n return namedColorMap[normalizedColorName] ? \"#\" + namedColorMap[normalizedColorName] : color;\n}\n\nvar hexRegex = /^#[a-fA-F0-9]{6}$/;\nvar hexRgbaRegex = /^#[a-fA-F0-9]{8}$/;\nvar reducedHexRegex = /^#[a-fA-F0-9]{3}$/;\nvar reducedRgbaHexRegex = /^#[a-fA-F0-9]{4}$/;\nvar rgbRegex = /^rgb\\(\\s*(\\d{1,3})\\s*,\\s*(\\d{1,3})\\s*,\\s*(\\d{1,3})\\s*\\)$/i;\nvar rgbaRegex = /^rgba\\(\\s*(\\d{1,3})\\s*,\\s*(\\d{1,3})\\s*,\\s*(\\d{1,3})\\s*,\\s*([-+]?[0-9]*[.]?[0-9]+)\\s*\\)$/i;\nvar hslRegex = /^hsl\\(\\s*(\\d{0,3}[.]?[0-9]+)\\s*,\\s*(\\d{1,3}[.]?[0-9]?)%\\s*,\\s*(\\d{1,3}[.]?[0-9]?)%\\s*\\)$/i;\nvar hslaRegex = /^hsla\\(\\s*(\\d{0,3}[.]?[0-9]+)\\s*,\\s*(\\d{1,3}[.]?[0-9]?)%\\s*,\\s*(\\d{1,3}[.]?[0-9]?)%\\s*,\\s*([-+]?[0-9]*[.]?[0-9]+)\\s*\\)$/i;\n/**\n * Returns an RgbColor or RgbaColor object. This utility function is only useful\n * if want to extract a color component. With the color util `toColorString` you\n * can convert a RgbColor or RgbaColor object back to a string.\n *\n * @example\n * // Assigns `{ red: 255, green: 0, blue: 0 }` to color1\n * const color1 = parseToRgb('rgb(255, 0, 0)');\n * // Assigns `{ red: 92, green: 102, blue: 112, alpha: 0.75 }` to color2\n * const color2 = parseToRgb('hsla(210, 10%, 40%, 0.75)');\n */\n\nfunction parseToRgb(color) {\n if (typeof color !== 'string') {\n throw new PolishedError(3);\n }\n\n var normalizedColor = nameToHex(color);\n\n if (normalizedColor.match(hexRegex)) {\n return {\n red: parseInt(\"\" + normalizedColor[1] + normalizedColor[2], 16),\n green: parseInt(\"\" + normalizedColor[3] + normalizedColor[4], 16),\n blue: parseInt(\"\" + normalizedColor[5] + normalizedColor[6], 16)\n };\n }\n\n if (normalizedColor.match(hexRgbaRegex)) {\n var alpha = parseFloat((parseInt(\"\" + normalizedColor[7] + normalizedColor[8], 16) / 255).toFixed(2));\n return {\n red: parseInt(\"\" + normalizedColor[1] + normalizedColor[2], 16),\n green: parseInt(\"\" + normalizedColor[3] + normalizedColor[4], 16),\n blue: parseInt(\"\" + normalizedColor[5] + normalizedColor[6], 16),\n alpha: alpha\n };\n }\n\n if (normalizedColor.match(reducedHexRegex)) {\n return {\n red: parseInt(\"\" + normalizedColor[1] + normalizedColor[1], 16),\n green: parseInt(\"\" + normalizedColor[2] + normalizedColor[2], 16),\n blue: parseInt(\"\" + normalizedColor[3] + normalizedColor[3], 16)\n };\n }\n\n if (normalizedColor.match(reducedRgbaHexRegex)) {\n var _alpha = parseFloat((parseInt(\"\" + normalizedColor[4] + normalizedColor[4], 16) / 255).toFixed(2));\n\n return {\n red: parseInt(\"\" + normalizedColor[1] + normalizedColor[1], 16),\n green: parseInt(\"\" + normalizedColor[2] + normalizedColor[2], 16),\n blue: parseInt(\"\" + normalizedColor[3] + normalizedColor[3], 16),\n alpha: _alpha\n };\n }\n\n var rgbMatched = rgbRegex.exec(normalizedColor);\n\n if (rgbMatched) {\n return {\n red: parseInt(\"\" + rgbMatched[1], 10),\n green: parseInt(\"\" + rgbMatched[2], 10),\n blue: parseInt(\"\" + rgbMatched[3], 10)\n };\n }\n\n var rgbaMatched = rgbaRegex.exec(normalizedColor);\n\n if (rgbaMatched) {\n return {\n red: parseInt(\"\" + rgbaMatched[1], 10),\n green: parseInt(\"\" + rgbaMatched[2], 10),\n blue: parseInt(\"\" + rgbaMatched[3], 10),\n alpha: parseFloat(\"\" + rgbaMatched[4])\n };\n }\n\n var hslMatched = hslRegex.exec(normalizedColor);\n\n if (hslMatched) {\n var hue = parseInt(\"\" + hslMatched[1], 10);\n var saturation = parseInt(\"\" + hslMatched[2], 10) / 100;\n var lightness = parseInt(\"\" + hslMatched[3], 10) / 100;\n var rgbColorString = \"rgb(\" + hslToRgb(hue, saturation, lightness) + \")\";\n var hslRgbMatched = rgbRegex.exec(rgbColorString);\n\n if (!hslRgbMatched) {\n throw new PolishedError(4, normalizedColor, rgbColorString);\n }\n\n return {\n red: parseInt(\"\" + hslRgbMatched[1], 10),\n green: parseInt(\"\" + hslRgbMatched[2], 10),\n blue: parseInt(\"\" + hslRgbMatched[3], 10)\n };\n }\n\n var hslaMatched = hslaRegex.exec(normalizedColor);\n\n if (hslaMatched) {\n var _hue = parseInt(\"\" + hslaMatched[1], 10);\n\n var _saturation = parseInt(\"\" + hslaMatched[2], 10) / 100;\n\n var _lightness = parseInt(\"\" + hslaMatched[3], 10) / 100;\n\n var _rgbColorString = \"rgb(\" + hslToRgb(_hue, _saturation, _lightness) + \")\";\n\n var _hslRgbMatched = rgbRegex.exec(_rgbColorString);\n\n if (!_hslRgbMatched) {\n throw new PolishedError(4, normalizedColor, _rgbColorString);\n }\n\n return {\n red: parseInt(\"\" + _hslRgbMatched[1], 10),\n green: parseInt(\"\" + _hslRgbMatched[2], 10),\n blue: parseInt(\"\" + _hslRgbMatched[3], 10),\n alpha: parseFloat(\"\" + hslaMatched[4])\n };\n }\n\n throw new PolishedError(5);\n}\n\nfunction rgbToHsl(color) {\n // make sure rgb are contained in a set of [0, 255]\n var red = color.red / 255;\n var green = color.green / 255;\n var blue = color.blue / 255;\n var max = Math.max(red, green, blue);\n var min = Math.min(red, green, blue);\n var lightness = (max + min) / 2;\n\n if (max === min) {\n // achromatic\n if (color.alpha !== undefined) {\n return {\n hue: 0,\n saturation: 0,\n lightness: lightness,\n alpha: color.alpha\n };\n } else {\n return {\n hue: 0,\n saturation: 0,\n lightness: lightness\n };\n }\n }\n\n var hue;\n var delta = max - min;\n var saturation = lightness > 0.5 ? delta / (2 - max - min) : delta / (max + min);\n\n switch (max) {\n case red:\n hue = (green - blue) / delta + (green < blue ? 6 : 0);\n break;\n\n case green:\n hue = (blue - red) / delta + 2;\n break;\n\n default:\n // blue case\n hue = (red - green) / delta + 4;\n break;\n }\n\n hue *= 60;\n\n if (color.alpha !== undefined) {\n return {\n hue: hue,\n saturation: saturation,\n lightness: lightness,\n alpha: color.alpha\n };\n }\n\n return {\n hue: hue,\n saturation: saturation,\n lightness: lightness\n };\n}\n\n/**\n * Returns an HslColor or HslaColor object. This utility function is only useful\n * if want to extract a color component. With the color util `toColorString` you\n * can convert a HslColor or HslaColor object back to a string.\n *\n * @example\n * // Assigns `{ hue: 0, saturation: 1, lightness: 0.5 }` to color1\n * const color1 = parseToHsl('rgb(255, 0, 0)');\n * // Assigns `{ hue: 128, saturation: 1, lightness: 0.5, alpha: 0.75 }` to color2\n * const color2 = parseToHsl('hsla(128, 100%, 50%, 0.75)');\n */\nfunction parseToHsl(color) {\n // Note: At a later stage we can optimize this function as right now a hsl\n // color would be parsed converted to rgb values and converted back to hsl.\n return rgbToHsl(parseToRgb(color));\n}\n\n/**\n * Reduces hex values if possible e.g. #ff8866 to #f86\n * @private\n */\nvar reduceHexValue = function reduceHexValue(value) {\n if (value.length === 7 && value[1] === value[2] && value[3] === value[4] && value[5] === value[6]) {\n return \"#\" + value[1] + value[3] + value[5];\n }\n\n return value;\n};\n\nfunction numberToHex(value) {\n var hex = value.toString(16);\n return hex.length === 1 ? \"0\" + hex : hex;\n}\n\nfunction colorToHex(color) {\n return numberToHex(Math.round(color * 255));\n}\n\nfunction convertToHex(red, green, blue) {\n return reduceHexValue(\"#\" + colorToHex(red) + colorToHex(green) + colorToHex(blue));\n}\n\nfunction hslToHex(hue, saturation, lightness) {\n return hslToRgb(hue, saturation, lightness, convertToHex);\n}\n\n/**\n * Returns a string value for the color. The returned result is the smallest possible hex notation.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: hsl(359, 0.75, 0.4),\n * background: hsl({ hue: 360, saturation: 0.75, lightness: 0.4 }),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${hsl(359, 0.75, 0.4)};\n * background: ${hsl({ hue: 360, saturation: 0.75, lightness: 0.4 })};\n * `\n *\n * // CSS in JS Output\n *\n * element {\n * background: \"#b3191c\";\n * background: \"#b3191c\";\n * }\n */\nfunction hsl(value, saturation, lightness) {\n if (typeof value === 'number' && typeof saturation === 'number' && typeof lightness === 'number') {\n return hslToHex(value, saturation, lightness);\n } else if (typeof value === 'object' && saturation === undefined && lightness === undefined) {\n return hslToHex(value.hue, value.saturation, value.lightness);\n }\n\n throw new PolishedError(1);\n}\n\n/**\n * Returns a string value for the color. The returned result is the smallest possible rgba or hex notation.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: hsla(359, 0.75, 0.4, 0.7),\n * background: hsla({ hue: 360, saturation: 0.75, lightness: 0.4, alpha: 0,7 }),\n * background: hsla(359, 0.75, 0.4, 1),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${hsla(359, 0.75, 0.4, 0.7)};\n * background: ${hsla({ hue: 360, saturation: 0.75, lightness: 0.4, alpha: 0,7 })};\n * background: ${hsla(359, 0.75, 0.4, 1)};\n * `\n *\n * // CSS in JS Output\n *\n * element {\n * background: \"rgba(179,25,28,0.7)\";\n * background: \"rgba(179,25,28,0.7)\";\n * background: \"#b3191c\";\n * }\n */\nfunction hsla(value, saturation, lightness, alpha) {\n if (typeof value === 'number' && typeof saturation === 'number' && typeof lightness === 'number' && typeof alpha === 'number') {\n return alpha >= 1 ? hslToHex(value, saturation, lightness) : \"rgba(\" + hslToRgb(value, saturation, lightness) + \",\" + alpha + \")\";\n } else if (typeof value === 'object' && saturation === undefined && lightness === undefined && alpha === undefined) {\n return value.alpha >= 1 ? hslToHex(value.hue, value.saturation, value.lightness) : \"rgba(\" + hslToRgb(value.hue, value.saturation, value.lightness) + \",\" + value.alpha + \")\";\n }\n\n throw new PolishedError(2);\n}\n\n/**\n * Returns a string value for the color. The returned result is the smallest possible hex notation.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: rgb(255, 205, 100),\n * background: rgb({ red: 255, green: 205, blue: 100 }),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${rgb(255, 205, 100)};\n * background: ${rgb({ red: 255, green: 205, blue: 100 })};\n * `\n *\n * // CSS in JS Output\n *\n * element {\n * background: \"#ffcd64\";\n * background: \"#ffcd64\";\n * }\n */\nfunction rgb(value, green, blue) {\n if (typeof value === 'number' && typeof green === 'number' && typeof blue === 'number') {\n return reduceHexValue(\"#\" + numberToHex(value) + numberToHex(green) + numberToHex(blue));\n } else if (typeof value === 'object' && green === undefined && blue === undefined) {\n return reduceHexValue(\"#\" + numberToHex(value.red) + numberToHex(value.green) + numberToHex(value.blue));\n }\n\n throw new PolishedError(6);\n}\n\n/**\n * Returns a string value for the color. The returned result is the smallest possible rgba or hex notation.\n *\n * Can also be used to fade a color by passing a hex value or named CSS color along with an alpha value.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: rgba(255, 205, 100, 0.7),\n * background: rgba({ red: 255, green: 205, blue: 100, alpha: 0.7 }),\n * background: rgba(255, 205, 100, 1),\n * background: rgba('#ffffff', 0.4),\n * background: rgba('black', 0.7),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${rgba(255, 205, 100, 0.7)};\n * background: ${rgba({ red: 255, green: 205, blue: 100, alpha: 0.7 })};\n * background: ${rgba(255, 205, 100, 1)};\n * background: ${rgba('#ffffff', 0.4)};\n * background: ${rgba('black', 0.7)};\n * `\n *\n * // CSS in JS Output\n *\n * element {\n * background: \"rgba(255,205,100,0.7)\";\n * background: \"rgba(255,205,100,0.7)\";\n * background: \"#ffcd64\";\n * background: \"rgba(255,255,255,0.4)\";\n * background: \"rgba(0,0,0,0.7)\";\n * }\n */\nfunction rgba(firstValue, secondValue, thirdValue, fourthValue) {\n if (typeof firstValue === 'string' && typeof secondValue === 'number') {\n var rgbValue = parseToRgb(firstValue);\n return \"rgba(\" + rgbValue.red + \",\" + rgbValue.green + \",\" + rgbValue.blue + \",\" + secondValue + \")\";\n } else if (typeof firstValue === 'number' && typeof secondValue === 'number' && typeof thirdValue === 'number' && typeof fourthValue === 'number') {\n return fourthValue >= 1 ? rgb(firstValue, secondValue, thirdValue) : \"rgba(\" + firstValue + \",\" + secondValue + \",\" + thirdValue + \",\" + fourthValue + \")\";\n } else if (typeof firstValue === 'object' && secondValue === undefined && thirdValue === undefined && fourthValue === undefined) {\n return firstValue.alpha >= 1 ? rgb(firstValue.red, firstValue.green, firstValue.blue) : \"rgba(\" + firstValue.red + \",\" + firstValue.green + \",\" + firstValue.blue + \",\" + firstValue.alpha + \")\";\n }\n\n throw new PolishedError(7);\n}\n\nvar isRgb = function isRgb(color) {\n return typeof color.red === 'number' && typeof color.green === 'number' && typeof color.blue === 'number' && (typeof color.alpha !== 'number' || typeof color.alpha === 'undefined');\n};\n\nvar isRgba = function isRgba(color) {\n return typeof color.red === 'number' && typeof color.green === 'number' && typeof color.blue === 'number' && typeof color.alpha === 'number';\n};\n\nvar isHsl = function isHsl(color) {\n return typeof color.hue === 'number' && typeof color.saturation === 'number' && typeof color.lightness === 'number' && (typeof color.alpha !== 'number' || typeof color.alpha === 'undefined');\n};\n\nvar isHsla = function isHsla(color) {\n return typeof color.hue === 'number' && typeof color.saturation === 'number' && typeof color.lightness === 'number' && typeof color.alpha === 'number';\n};\n/**\n * Converts a RgbColor, RgbaColor, HslColor or HslaColor object to a color string.\n * This util is useful in case you only know on runtime which color object is\n * used. Otherwise we recommend to rely on `rgb`, `rgba`, `hsl` or `hsla`.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: toColorString({ red: 255, green: 205, blue: 100 }),\n * background: toColorString({ red: 255, green: 205, blue: 100, alpha: 0.72 }),\n * background: toColorString({ hue: 240, saturation: 1, lightness: 0.5 }),\n * background: toColorString({ hue: 360, saturation: 0.75, lightness: 0.4, alpha: 0.72 }),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${toColorString({ red: 255, green: 205, blue: 100 })};\n * background: ${toColorString({ red: 255, green: 205, blue: 100, alpha: 0.72 })};\n * background: ${toColorString({ hue: 240, saturation: 1, lightness: 0.5 })};\n * background: ${toColorString({ hue: 360, saturation: 0.75, lightness: 0.4, alpha: 0.72 })};\n * `\n *\n * // CSS in JS Output\n * element {\n * background: \"#ffcd64\";\n * background: \"rgba(255,205,100,0.72)\";\n * background: \"#00f\";\n * background: \"rgba(179,25,25,0.72)\";\n * }\n */\n\n\nfunction toColorString(color) {\n if (typeof color !== 'object') throw new PolishedError(8);\n if (isRgba(color)) return rgba(color);\n if (isRgb(color)) return rgb(color);\n if (isHsla(color)) return hsla(color);\n if (isHsl(color)) return hsl(color);\n throw new PolishedError(8);\n}\n\n// Type definitions taken from https://github.com/gcanti/flow-static-land/blob/master/src/Fun.js\n// eslint-disable-next-line no-unused-vars\n// eslint-disable-next-line no-unused-vars\n// eslint-disable-next-line no-redeclare\nfunction curried(f, length, acc) {\n return function fn() {\n // eslint-disable-next-line prefer-rest-params\n var combined = acc.concat(Array.prototype.slice.call(arguments));\n return combined.length >= length ? f.apply(this, combined) : curried(f, length, combined);\n };\n} // eslint-disable-next-line no-redeclare\n\n\nfunction curry(f) {\n // eslint-disable-line no-redeclare\n return curried(f, f.length, []);\n}\n\nfunction guard(lowerBoundary, upperBoundary, value) {\n return Math.max(lowerBoundary, Math.min(upperBoundary, value));\n}\n\n/**\n * Returns a string value for the darkened color.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: darken(0.2, '#FFCD64'),\n * background: darken('0.2', 'rgba(255,205,100,0.7)'),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${darken(0.2, '#FFCD64')};\n * background: ${darken('0.2', 'rgba(255,205,100,0.7)')};\n * `\n *\n * // CSS in JS Output\n *\n * element {\n * background: \"#ffbd31\";\n * background: \"rgba(255,189,49,0.7)\";\n * }\n */\n\nfunction darken(amount, color) {\n if (color === 'transparent') return color;\n var hslColor = parseToHsl(color);\n return toColorString(_extends({}, hslColor, {\n lightness: guard(0, 1, hslColor.lightness - parseFloat(amount))\n }));\n} // prettier-ignore\n\n\nvar curriedDarken = /*#__PURE__*/curry\n/* :: */\n(darken);\n\n/**\n * Returns a string value for the lightened color.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: lighten(0.2, '#CCCD64'),\n * background: lighten('0.2', 'rgba(204,205,100,0.7)'),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${lighten(0.2, '#FFCD64')};\n * background: ${lighten('0.2', 'rgba(204,205,100,0.7)')};\n * `\n *\n * // CSS in JS Output\n *\n * element {\n * background: \"#e5e6b1\";\n * background: \"rgba(229,230,177,0.7)\";\n * }\n */\n\nfunction lighten(amount, color) {\n if (color === 'transparent') return color;\n var hslColor = parseToHsl(color);\n return toColorString(_extends({}, hslColor, {\n lightness: guard(0, 1, hslColor.lightness + parseFloat(amount))\n }));\n} // prettier-ignore\n\n\nvar curriedLighten = /*#__PURE__*/curry\n/* :: */\n(lighten);\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\nvar defineProperty = _defineProperty;\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\n// Taken from lodash: https://github.com/lodash/lodash/blob/master/uniqueId.js\nconst getState = (state, newState) => _objectSpread(_objectSpread({}, state), newState);\n\nconst isBrowser = typeof window !== 'undefined';\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\nvar objectWithoutPropertiesLoose = _objectWithoutPropertiesLoose;\n\nfunction _objectWithoutProperties(source, excluded) {\n if (source == null) return {};\n var target = objectWithoutPropertiesLoose(source, excluded);\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 objectWithoutProperties = _objectWithoutProperties;\n\nvar safeRest = ((_ref) => {\n let style = _ref.style,\n className = _ref.className,\n props = objectWithoutProperties(_ref, [\"style\", \"className\"]);\n\n return props;\n});\n\n// Taken from lodash: https://github.com/lodash/lodash/blob/master/uniqueId.js\nlet idCounter = 0;\n\nconst uniqueId = prefix => {\n const id = ++idCounter; // eslint-disable-line no-plusplus\n\n if (prefix == null) {\n throw new Error('The value is missing in uniqueId() parameter');\n }\n\n return `${prefix}${id}`;\n};\n\n// https://snook.ca/archives/html_and_css/hiding-content-for-accessibility\nconst visuallyHidden = {\n border: '0px',\n clip: 'rect(1px, 1px, 1px, 1px)',\n height: '1px',\n margin: '-1px',\n overflow: 'hidden',\n padding: 0,\n position: 'absolute',\n width: '1px',\n // https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe\n whiteSpace: 'nowrap',\n wordWrap: 'normal'\n};\n\nconst clearfix = {\n '&:after': {\n content: '',\n display: 'block',\n clear: 'both'\n }\n};\n\nconst spacingOptions = Object.freeze([1, 2, 3, 4, 5, 6, 7, 8, 9]); // this pattern is described in React's documentation: https://reactjs.org/docs/higher-order-components.html#convention-wrap-the-display-name-for-easy-debugging\n\nfunction getDisplayName(Component) {\n return Component.displayName || Component.name || 'Component';\n}\n\nfunction withSpacing(Component) {\n /**\n * JSS injects css styles in the order of `createUseStyles` usage.\n * Hence, useStyles needs to be instantiated every single time while\n * using this HOC because it should be the last `createUseStyles` usage\n * for a component. With this mechanism, `withSpacing` overwrites the component\n * spacing. Not ideal for a design system, but we are waiting on the\n * below ticket.\n *\n * Note: https://jira.surveymonkey.com/browse/WRENCH-1107\n *\n * If the decision is have `withStyles` NOT overwrite the component spacing,\n * just move this declaration outside of this component. `withSpacing` will then\n * add to the styles and not overwrite them.\n */\n const useStyles = createUseStyles(theme => ({\n wdsSpacing: ({\n margin,\n padding\n }) => {\n return {\n marginTop: theme.spacing[margin.t],\n marginRight: theme.spacing[margin.r],\n marginBottom: theme.spacing[margin.b],\n marginLeft: theme.spacing[margin.l],\n paddingTop: theme.spacing[padding.t],\n paddingRight: theme.spacing[padding.r],\n paddingBottom: theme.spacing[padding.b],\n paddingLeft: theme.spacing[padding.l]\n };\n }\n }));\n\n function WithSpacing(_ref) {\n let m = _ref.m,\n mx = _ref.mx,\n my = _ref.my,\n mt = _ref.mt,\n mb = _ref.mb,\n ml = _ref.ml,\n mr = _ref.mr,\n p = _ref.p,\n px = _ref.px,\n py = _ref.py,\n pt = _ref.pt,\n pb = _ref.pb,\n pl = _ref.pl,\n pr = _ref.pr,\n rest = objectWithoutProperties(_ref, [\"m\", \"mx\", \"my\", \"mt\", \"mb\", \"ml\", \"mr\", \"p\", \"px\", \"py\", \"pt\", \"pb\", \"pl\", \"pr\"]);\n\n const margin = {\n t: m || my || mt,\n b: m || my || mb,\n l: m || mx || ml,\n r: m || mx || mr\n };\n const padding = {\n t: p || py || pt,\n b: p || py || pb,\n l: p || px || pl,\n r: p || px || pr\n };\n const theme = useTheme();\n const classes = useStyles({\n margin,\n padding,\n theme\n });\n return /*#__PURE__*/React.createElement(Component, Object.assign({\n className: classes.wdsSpacing\n }, safeRest(rest)));\n }\n\n WithSpacing.defaultProps = {\n m: undefined,\n mx: undefined,\n my: undefined,\n mt: undefined,\n mb: undefined,\n ml: undefined,\n mr: undefined,\n p: undefined,\n px: undefined,\n py: undefined,\n pt: undefined,\n pb: undefined,\n pl: undefined,\n pr: undefined\n };\n WithSpacing.propTypes = {\n m: PropTypes.oneOf(spacingOptions),\n mx: PropTypes.oneOf(spacingOptions),\n my: PropTypes.oneOf(spacingOptions),\n mt: PropTypes.oneOf(spacingOptions),\n mb: PropTypes.oneOf(spacingOptions),\n ml: PropTypes.oneOf(spacingOptions),\n mr: PropTypes.oneOf(spacingOptions),\n p: PropTypes.oneOf(spacingOptions),\n px: PropTypes.oneOf(spacingOptions),\n py: PropTypes.oneOf(spacingOptions),\n pt: PropTypes.oneOf(spacingOptions),\n pb: PropTypes.oneOf(spacingOptions),\n pl: PropTypes.oneOf(spacingOptions),\n pr: PropTypes.oneOf(spacingOptions)\n };\n WithSpacing.displayName = `WithSpacing(${getDisplayName(Component)})`;\n\n WithSpacing.getOriginalComponent = () => Component;\n\n return WithSpacing;\n}\n\n/**\n * @param value\n * @return {boolean}\n */\nconst isControlled = value => value !== undefined && value !== null; // eslint-disable-next-line import/prefer-default-export\n\nconst SEMANTIC_COLORS = Object.freeze(['primary', 'success', 'info', 'warning', 'upgrade', 'secondary', 'muted']);\nconst TYPE_COLORS = Object.freeze(['dark', 'light', 'darkMuted', 'lightMuted', 'link']);\nconst SIZES = Object.freeze(['lg', 'md', 'sm']);\nconst PROGRESS_BAR_COLORS = ['primary', 'upgrade', 'info', 'success', 'warning', 'secondary'];\nconst PROGRESSCIRCLE_COLORS = PROGRESS_BAR_COLORS;\nconst PROGRESSCIRCLE_SIZES = [...SIZES, 'xs'];\nconst ICON_COLORS = {\n info: 'i',\n warning: '!',\n upgrade: '(',\n success: '3'\n};\nconst INPUT_COLORS = ['success', 'warning'];\nconst DATA_VIZ_THEMES = Object.freeze(['data-one', 'data-two', 'data-three', 'data-four', 'data-five', 'data-six', 'data-seven', 'data-eight', 'data-nine', 'data-ten']);\nconst KEYS = Object.freeze({\n DOWN: 'ArrowDown',\n END: 'End',\n ESC: 'Escape',\n HOME: 'Home',\n LEFT: 'ArrowLeft',\n PAGE_DOWN: 'PageDown',\n PAGE_UP: 'PageUp',\n RIGHT: 'ArrowRight',\n UP: 'ArrowUp',\n ENTER: 'Enter',\n SPACE: ' ',\n BACKSPACE: 'Backspace',\n TAB: 'Tab'\n}); // Deprecated. Moving to e.key\n\nconst KEY_CODES = Object.freeze({\n DOWN: 40,\n END: 35,\n ESC: 27,\n HOME: 36,\n LEFT: 37,\n PAGE_DOWN: 34,\n PAGE_UP: 33,\n RIGHT: 39,\n UP: 38,\n ENTER: 13,\n SPACE: 32,\n BACKSPACE: 8,\n TAB: 9\n});\nconst KEY_DIRECTIONS = Object.freeze({\n 37: -1,\n 38: -1,\n 39: 1,\n 40: 1\n});\nconst PLACEMENTS = ['top', 'bottom', 'right', 'left'];\nconst MARK_COLORS = Object.freeze(['primary', 'secondary', 'muted', 'success', 'warning', 'upgrade', 'info']);\n\nexport { DATA_VIZ_THEMES, ICON_COLORS, INPUT_COLORS, KEYS, KEY_CODES, KEY_DIRECTIONS, MARK_COLORS, PLACEMENTS, PROGRESSCIRCLE_COLORS, PROGRESSCIRCLE_SIZES, PROGRESS_BAR_COLORS, SEMANTIC_COLORS, SIZES, TYPE_COLORS, clearfix, clsx, curriedDarken as darken, getState, isBrowser, isControlled, curriedLighten as lighten, safeRest, uniqueId, visuallyHidden, withSpacing };\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { darken, lighten, withSpacing, SEMANTIC_COLORS, clsx, SIZES } from '@wds/utils';\nimport { createUseStyles, useTheme } from 'react-jss';\n\nfunction _arrayWithHoles(arr) {\n if (Array.isArray(arr)) return arr;\n}\n\nvar arrayWithHoles = _arrayWithHoles;\n\nfunction _iterableToArrayLimit(arr, i) {\n if (typeof Symbol === \"undefined\" || !(Symbol.iterator in Object(arr))) return;\n var _arr = [];\n var _n = true;\n var _d = false;\n var _e = undefined;\n\n try {\n for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {\n _arr.push(_s.value);\n\n if (i && _arr.length === i) break;\n }\n } catch (err) {\n _d = true;\n _e = err;\n } finally {\n try {\n if (!_n && _i[\"return\"] != null) _i[\"return\"]();\n } finally {\n if (_d) throw _e;\n }\n }\n\n return _arr;\n}\n\nvar iterableToArrayLimit = _iterableToArrayLimit;\n\nfunction _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n\n for (var i = 0, arr2 = new Array(len); i < len; i++) {\n arr2[i] = arr[i];\n }\n\n return arr2;\n}\n\nvar arrayLikeToArray = _arrayLikeToArray;\n\nfunction _unsupportedIterableToArray(o, minLen) {\n if (!o) return;\n if (typeof o === \"string\") return arrayLikeToArray(o, minLen);\n var n = Object.prototype.toString.call(o).slice(8, -1);\n if (n === \"Object\" && o.constructor) n = o.constructor.name;\n if (n === \"Map\" || n === \"Set\") return Array.from(o);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);\n}\n\nvar unsupportedIterableToArray = _unsupportedIterableToArray;\n\nfunction _nonIterableRest() {\n throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\n\nvar nonIterableRest = _nonIterableRest;\n\nfunction _slicedToArray(arr, i) {\n return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();\n}\n\nvar slicedToArray = _slicedToArray;\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\nvar objectWithoutPropertiesLoose = _objectWithoutPropertiesLoose;\n\nfunction _objectWithoutProperties(source, excluded) {\n if (source == null) return {};\n var target = objectWithoutPropertiesLoose(source, excluded);\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 objectWithoutProperties = _objectWithoutProperties;\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\nvar defineProperty = _defineProperty;\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\nconst useStyles = createUseStyles(theme => {\n const bgColor = theme.bgColor,\n button = theme.button,\n fontFamily = theme.fontFamily,\n fontWeight = theme.fontWeight,\n semanticColor = theme.semanticColor,\n spacing = theme.spacing,\n typeColor = theme.typeColor;\n\n const variantSolid = (textColor, color, isPressed) => ({\n color: textColor,\n borderColor: isPressed,\n backgroundColor: isPressed,\n '&:hover, &:focus': {\n borderColor: lighten(0.03, color),\n backgroundColor: lighten(0.03, color)\n },\n '&:active': {\n borderColor: color,\n backgroundColor: color\n }\n });\n\n const variantGhost = (backgroundColor, isPressed) => ({\n color: isPressed,\n borderColor: isPressed,\n backgroundColor: 'transparent',\n '&:hover, &:focus': {\n backgroundColor\n },\n '&:active': {\n borderColor: isPressed\n }\n });\n\n const variantText = (backgroundColor, isPressed) => ({\n color: isPressed,\n borderColor: 'transparent',\n backgroundColor: 'transparent',\n '&:hover, &:focus': {\n borderColor: backgroundColor,\n backgroundColor\n }\n });\n\n const colorAlt = () => ({\n color: typeColor.dark,\n borderColor: typeColor.dark,\n backgroundColor: bgColor.light,\n '&:hover, &:focus': {\n borderColor: typeColor.dark,\n backgroundColor: bgColor.bg\n }\n });\n\n const svgMargin = (leftIcon, rightIcon, size) => {\n const iconMargin = s => {\n return {\n sm: '0.5em',\n md: '0.8em',\n lg: '1em'\n }[s];\n };\n\n return {\n '& > svg': _objectSpread(_objectSpread({}, leftIcon && {\n marginRight: `${iconMargin(size)}`\n }), rightIcon && {\n marginLeft: `${iconMargin(size)}`\n })\n };\n };\n\n const iconPadding = size => {\n return {\n sm: spacing[2],\n md: spacing[4],\n lg: spacing[5]\n }[size];\n };\n\n return {\n wdsButton: ({\n color,\n variant,\n size,\n pressed,\n stretched,\n iconOnly,\n leftIcon,\n rightIcon\n }) => {\n const buttonColor = semanticColor[color] || typeColor[color] || typeColor.dark; // custom 'alt' color only used for button\n\n const isPressed = pressed ? darken(0.03, buttonColor) : buttonColor;\n const isStretched = stretched ? {\n display: 'flex',\n width: '100%'\n } : {\n display: 'inline-flex'\n };\n return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, isStretched), {}, {\n fontWeight: fontWeight.medium,\n fontFamily: fontFamily.base,\n justifyContent: 'center',\n alignItems: 'center',\n cursor: 'pointer',\n position: 'relative',\n borderRadius: button.borderRadius,\n textDecoration: 'none',\n border: '1px solid transparent',\n boxShadow: button.boxShadow,\n transition: 'color 0.4s, border-color 0.4s, background-color 0.4s',\n padding: [0, iconOnly ? iconPadding(size) : button.padding[size]],\n fontSize: button.fontSize[size],\n height: button.height[size],\n '&:hover, &:focus': {\n transition: 'none',\n textDecoration: 'none'\n },\n '&:active': {\n transition: 'none',\n outline: 'none'\n },\n '&[disabled]': {\n pointerEvents: 'none',\n opacity: '0.4'\n }\n }, variant === 'solid' && variantSolid(typeColor.on[color], buttonColor, isPressed)), variant === 'ghost' && variantGhost(bgColor.accent, isPressed)), variant === 'text' && variantText(bgColor.accent, isPressed)), (leftIcon || rightIcon) && svgMargin(leftIcon, rightIcon, size)), color === 'alt' && colorAlt());\n }\n };\n});\n\nconst buttonTypes = Object.freeze(['button', 'reset', 'submit']);\nconst variants = Object.freeze(['solid', 'ghost', 'text']);\nconst buttonColors = Object.freeze(['alt', 'link', ...SEMANTIC_COLORS]);\n\nconst Button = (_ref) => {\n let ariaPressed = _ref.ariaPressed,\n buttonType = _ref.buttonType,\n children = _ref.children,\n color = _ref.color,\n disabled = _ref.disabled,\n href = _ref.href,\n label = _ref.label,\n size = _ref.size,\n stretched = _ref.stretched,\n variant = _ref.variant,\n className = _ref.className,\n rest = objectWithoutProperties(_ref, [\"ariaPressed\", \"buttonType\", \"children\", \"color\", \"disabled\", \"href\", \"label\", \"size\", \"stretched\", \"variant\", \"className\"]);\n\n const _useState = useState(ariaPressed),\n _useState2 = slicedToArray(_useState, 2),\n pressed = _useState2[0],\n setPressed = _useState2[1];\n\n useEffect(() => {\n if (ariaPressed !== pressed) setPressed(!pressed);\n }, [ariaPressed, pressed]);\n const numberOfChildren = React.Children.count(children);\n const firstChildType = React.Children.toArray(children)[0].type;\n const lastChildType = React.Children.toArray(children)[numberOfChildren - 1].type;\n const iconOnly = numberOfChildren === 1 && firstChildType && firstChildType.displayName && firstChildType.displayName.includes('WithIcon');\n const leftIcon = numberOfChildren > 1 && firstChildType && firstChildType.displayName && firstChildType.displayName.includes('WithIcon');\n const rightIcon = numberOfChildren > 1 && lastChildType && lastChildType.displayName && lastChildType.displayName.includes('WithIcon'); // https://mathiasbynens.github.io/rel-noopener/\n\n const autoAddRel = rest.target && rest.target === '_blank' && !rest.rel;\n const rel = autoAddRel && 'noopener noreferrer';\n const theme = useTheme();\n const classes = useStyles({\n color,\n variant,\n size,\n pressed,\n stretched,\n theme,\n iconOnly,\n leftIcon,\n rightIcon\n });\n const classNames = clsx(className, classes.wdsButton, // Static class used for internal reference\n // Ex. ButtonGroup conditional styles\n `wdsButton--${variant}`);\n /* eslint-disable react/button-has-type */\n\n return href ? /*#__PURE__*/React.createElement(\"a\", Object.assign({}, rest, {\n className: classNames,\n href: href,\n title: label,\n rel: rel\n }), children) : /*#__PURE__*/React.createElement(\"button\", Object.assign({}, rest, {\n className: classNames,\n type: buttonType,\n disabled: disabled,\n \"aria-pressed\": ariaPressed,\n \"aria-label\": label\n }), children);\n};\n\nButton.displayName = \"Button\";\nButton.defaultProps = {\n ariaPressed: false,\n buttonType: 'button',\n className: undefined,\n color: 'primary',\n disabled: false,\n href: undefined,\n label: undefined,\n size: 'md',\n stretched: false,\n variant: 'solid'\n};\nButton.propTypes = {\n ariaPressed: PropTypes.bool,\n buttonType: PropTypes.oneOf(buttonTypes),\n children: PropTypes.node.isRequired,\n className: PropTypes.string,\n color: PropTypes.oneOf(buttonColors),\n disabled: PropTypes.bool,\n href: PropTypes.string,\n // eslint-disable-next-line consistent-return\n label: (props, propName) => {\n // we only need to see if it's an Icon since other cases could be valid\n const searchTerm = 'WithIcon';\n let typeCheck = false; // props.children could be an array or not\n\n if (Array.isArray(props.children)) {\n typeCheck = props.children.some(child => child.type && child.type.displayName && child.type.displayName.indexOf(searchTerm) > -1);\n } else {\n typeCheck = props.children.type && props.children.type.displayName && props.children.type.displayName.indexOf(searchTerm) > -1;\n }\n\n if (props[propName] === undefined && typeCheck) {\n return new Error('A label is required when the child of a Button is a React component');\n }\n },\n size: PropTypes.oneOf(SIZES),\n stretched: PropTypes.bool,\n variant: PropTypes.oneOf(variants)\n};\nButton.__docgenInfo = {\n \"description\": \"\",\n \"methods\": [],\n \"displayName\": \"Button\",\n \"props\": {\n \"ariaPressed\": {\n \"defaultValue\": {\n \"value\": \"false\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"bool\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"buttonType\": {\n \"defaultValue\": {\n \"value\": \"'button'\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"enum\",\n \"computed\": true,\n \"value\": \"buttonTypes\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"className\": {\n \"defaultValue\": {\n \"value\": \"undefined\",\n \"computed\": true\n },\n \"type\": {\n \"name\": \"string\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"color\": {\n \"defaultValue\": {\n \"value\": \"'primary'\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"enum\",\n \"computed\": true,\n \"value\": \"buttonColors\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"disabled\": {\n \"defaultValue\": {\n \"value\": \"false\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"bool\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"href\": {\n \"defaultValue\": {\n \"value\": \"undefined\",\n \"computed\": true\n },\n \"type\": {\n \"name\": \"string\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"label\": {\n \"defaultValue\": {\n \"value\": \"undefined\",\n \"computed\": true\n },\n \"type\": {\n \"name\": \"custom\",\n \"raw\": \"(props, propName) => {\\n // we only need to see if it's an Icon since other cases could be valid\\n const searchTerm = 'WithIcon';\\n let typeCheck = false;\\n // props.children could be an array or not\\n if (Array.isArray(props.children)) {\\n typeCheck = props.children.some(\\n (child) =>\\n child.type &&\\n child.type.displayName &&\\n child.type.displayName.indexOf(searchTerm) > -1\\n );\\n } else {\\n typeCheck =\\n props.children.type &&\\n props.children.type.displayName &&\\n props.children.type.displayName.indexOf(searchTerm) > -1;\\n }\\n\\n if (props[propName] === undefined && typeCheck) {\\n return new Error(\\n 'A label is required when the child of a Button is a React component'\\n );\\n }\\n}\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"size\": {\n \"defaultValue\": {\n \"value\": \"'md'\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"enum\",\n \"computed\": true,\n \"value\": \"SIZES\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"stretched\": {\n \"defaultValue\": {\n \"value\": \"false\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"bool\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"variant\": {\n \"defaultValue\": {\n \"value\": \"'solid'\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"enum\",\n \"computed\": true,\n \"value\": \"variants\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"children\": {\n \"type\": {\n \"name\": \"node\"\n },\n \"required\": true,\n \"description\": \"\"\n }\n }\n};\nvar Button$1 = withSpacing(Button);\n\nexport { Button$1 as Button };\n","import React from 'react';\nimport { createUseStyles, useTheme } from 'react-jss';\n\nconst basePath = process.env.NODE_ENV !== 'production' ? 'cdn.mtassets.net' : 'cdn.smassets.net';\nconst theme = {\n // @todo: created ticket to update path once fonts live in CDN for good. https://jira.surveymonkey.com/browse/WRENCH-1128\n assetsBaseUri: `https://${basePath}/assets/wds-core_4_20_1`,\n assetsFontPath: '/fonts/National2Web',\n assetsFontName: \"'National 2'\",\n assetsFontVersion: 2,\n fontFamily: {\n base: \"'National 2', 'Helvetica Neue', Helvetica, Arial, 'Hiragino Sans', 'Hiragino Kaku Gothic Pro', '游ゴシック', '游ゴシック体', YuGothic, 'Yu Gothic', 'MS ゴシック', 'MS Gothic', sans-serif\",\n icon: 'Mateo'\n },\n fontSize: {\n bodySm: 13,\n body: 15,\n cardTitle: 16,\n sectionTitle: 26,\n pageTitle: 34,\n hero2: 40,\n hero1: 50\n },\n fontWeight: {\n light: 300,\n regular: 400,\n medium: 500\n },\n semanticColor: {\n primary: '#00BF6F',\n success: '#00BF6F',\n info: '#2DCCD3',\n warning: '#F05B24',\n upgrade: '#F9BE00',\n secondary: '#6B787F',\n muted: '#D0D2D3'\n },\n typeColor: {\n dark: '#333E48',\n light: '#FFFFFF',\n darkMuted: '#6B787F',\n lightMuted: '#D0D2D3',\n link: '#007FAA',\n on: {\n primary: '#FFFFFF',\n success: '#FFFFFF',\n info: '#333E48',\n warning: '#FFFFFF',\n upgrade: '#333E48',\n secondary: '#FFFFFF',\n muted: '#333E48',\n link: '#FFFFFF'\n }\n },\n bgColor: {\n bg: '#F7F8FA',\n dark: '#333E48',\n overlay: 'rgba(107, 120, 127, .86)',\n accent: '#EDEEEE',\n light: '#FFFFFF'\n },\n borderColor: {\n border: '#D0D2D3',\n active: '#00BF6F',\n hover: '#9DA5AA',\n muted: '#EDEEEE'\n },\n border: {\n border: '1px solid #D0D2D3',\n borderHover: '1px solid #9DA5AA',\n borderActive: '1px solid #00BF6F',\n borderMuted: '1px solid #EDEEEE'\n },\n dataColor: {\n one: '#507CB6',\n two: '#00BF6F',\n three: '#6BC8CD',\n four: '#F9BE00',\n five: '#7D5E90',\n six: '#DB4D5C',\n seven: '#768086',\n eight: '#D25F90',\n nine: '#A38364',\n ten: '#FF8B4F'\n },\n borderRadius: {\n zero: '0',\n small: '2px',\n medium: '24px',\n large: '50%'\n },\n iconSize: {\n sm: '13px',\n md: '16px',\n lg: '26px',\n xl: '34px'\n },\n spacing: {\n 1: 4,\n 2: 8,\n 3: 12,\n 4: 16,\n 5: 24,\n 6: 32,\n 7: 64,\n 8: 96,\n 9: 128\n },\n breakpoints: {\n xs: '0',\n sm: '576px',\n md: '768px',\n lg: '992px',\n xl: '1200px'\n },\n elevation: {\n shadow: {\n none: 'none',\n sky: '0 2px 4px 0 rgba(0, 0, 0, 0.14)',\n space: '0 2px 8px 0 rgba(0,0,0,0.14)'\n }\n },\n zIndex: {\n none: '0',\n sky: '999',\n space: '9999'\n },\n alert: {\n boxShadow: 'none',\n bgColor: '#333E48',\n typeColor: '#FFFFFF',\n paddingY: 16,\n linkColor: '#FFFFFF'\n },\n avatar: {\n height: {\n sm: '24px',\n md: '32px',\n lg: '64px',\n xl: '96px'\n },\n borderRadius: {\n square: '0%',\n rounded: '50%'\n },\n border: '2px solid #FFFFFF'\n },\n badge: {\n height: {\n sm: '22px',\n md: '26px',\n lg: '30px'\n },\n fontSize: {\n sm: '13px',\n md: '13px',\n lg: '15px'\n },\n padding: '1em',\n borderRadius: '24px',\n boxShadow: 'none'\n },\n banner: {\n borderRadius: '2px',\n bgColor: '#ffffff',\n typeColor: '#333e48',\n markWidth: '8px',\n borderSize: '1px'\n },\n button: {\n height: {\n sm: 30,\n md: 40,\n lg: 50\n },\n fontSize: {\n sm: 13,\n md: 15,\n lg: 15\n },\n padding: {\n sm: 12,\n md: 24,\n lg: 36\n },\n borderRadius: 2,\n boxShadow: 'none'\n },\n card: {\n borderRadius: '2px',\n boxShadow: 'none',\n border: '1px solid #EDEEEE',\n padding: '24px',\n bgColor: '#FFFFFF'\n },\n checkbox: {\n bgColorOn: '#00BF6F',\n iconColorOn: '#FFFFFF'\n },\n formGroup: {\n spaceBetween: '8px'\n },\n grid: {\n bleed: {\n xs: '16px',\n sm: '32px',\n md: '32px',\n lg: '32px',\n xl: '32px'\n },\n columns: 12,\n gutter: {\n xs: 16,\n sm: 24,\n md: 24,\n lg: 24,\n xl: 24\n },\n maxWidth: {\n xs: 'none',\n sm: '576px',\n md: '768px',\n lg: '992px',\n xl: '1400px '\n }\n },\n input: {\n height: {\n sm: '30px',\n md: '40px',\n lg: '50px'\n },\n fontSize: '15px',\n padding: {\n sm: '8px',\n md: '12px',\n lg: '16px'\n },\n borderRadius: '2px'\n },\n inputGroup: {\n heightSm: '30px',\n heightMd: '40px',\n heightLg: '50px',\n borderRadius: '2px',\n iconColor: '#333E48'\n },\n list: {\n addonIconColor: '#333E48',\n affordanceIconColor: '#6B787F',\n itemHeight: '52px',\n labelFontSize: '13px',\n markWidth: '4px'\n },\n menu: {\n boxShadow: '0 2px 8px 0 rgba(0,0,0,0.14)',\n maxWidth: 300,\n minWidth: 175,\n maxHeight: 325\n },\n modal: {\n borderRadius: 0,\n headBgColor: '#FFFFFF',\n headTypeColor: '#333E48',\n bodyBgColor: '#EDEEEE',\n bodyTypeColor: '#333E48',\n footBgColor: '#FFFFFF',\n footTypeColor: '#333E48',\n border: '1px solid #333E48',\n boxShadow: 'none'\n },\n pane: {\n bgColor: '#EDEEEE',\n padding: '24px'\n },\n progressBar: {\n borderRadius: 'none',\n height: {\n sm: '4px',\n md: '8px',\n lg: '16px'\n },\n fillColor: '#00BF6F',\n trackColor: '#D0D2D3'\n },\n radio: {\n bgColorOn: '#00BF6F',\n iconColorOn: '#FFFFFF'\n },\n textarea: {\n fontSize: '15px',\n paddingSm: '4px 8px 4px',\n paddingMd: '8px 12px 8px',\n paddingLg: '12px 16px 12px',\n borderRadius: '2px'\n },\n motion: {\n curve: {\n enter: 'cubic-bezier(0, 0, 0, 1)',\n exit: 'cubic-bezier(1, 0, 1, 1)',\n ease: 'cubic-bezier(.2, 0, .1, 1)',\n easeReverse: 'cubic-bezier(.9, 0, .8, 1)',\n bounceStart: 'cubic-bezier(0, 0, .1, 1)',\n bounceEnd: 'cubic-bezier(.2, 0, 0, 1)'\n },\n fade: {\n speed: {\n slow: 300,\n normal: 200,\n fast: 100\n }\n },\n slide: {\n speed: {\n slow: 450,\n normal: 350,\n fast: 250\n },\n distance: {\n normal: 25,\n near: 5,\n far: 75\n }\n }\n },\n progressCircle: {\n trackColor: '#D0D2D3'\n },\n select: {\n height: {\n sm: '30px',\n md: '40px',\n lg: '50px'\n },\n padding: {\n sm: '8px',\n md: '12px',\n lg: '16px'\n },\n borderRadius: '2px',\n iconColor: '#333E48',\n fontSize: '15px'\n },\n slider: {\n handleBGColor: '#333E48',\n trackBGColor: '#D0D2D3',\n fillBGColor: '#00BF6F',\n borderRadius: 24,\n height: 16\n },\n // Naming with Comp here because switch is reserved.\n switchComp: {\n track: {\n bgColorOn: '#333E48',\n bgColorOff: '#D0D2D3'\n },\n thumb: {\n bgColorOn: '#00BF6F',\n bgColorOff: '#FFFFFF',\n borderOff: '1px solid #D0D2D3'\n },\n borderRadius: '24px',\n height: '16px',\n leftOffset: '20px',\n width: '40px'\n },\n tab: {\n borderRadius: 'none',\n indicatorHeight: 3,\n indicatorColor: '#00BF6F',\n typeColor: '#6B787F',\n fontSize: 13,\n fontWeight: 500,\n paddingY: 12,\n paddingX: 2\n },\n toast: {\n padding: '24px',\n bgColor: '#333E48',\n typeColor: '#FFFFFF',\n borderRadius: '2px',\n width: '350px',\n titleFontSize: '16px',\n bodyTypeSize: '13px',\n linkColor: '#FFFFFF',\n boxShadow: 'none'\n },\n popout: {\n width: {\n sm: '275px',\n md: '360px',\n lg: '445px'\n },\n boxShadow: '0 2px 8px 0 rgba(0,0,0,0.14)',\n pipSize: 12,\n borderRadius: '2px',\n border: 'none',\n bodyFontSize: '13px'\n },\n tooltip: {\n bgColor: '#333E48',\n typeColor: '#FFFFFF',\n borderRadius: 2,\n pipSize: 12,\n fontSize: 13,\n padding: [12, 16],\n fontWeight: 400,\n boxShadow: 'none'\n },\n table: {\n thTypeColor: '#333E48',\n thBgColor: 'transparent',\n thDividerLineColor: 'transparent',\n tdTypeColor: '#333E48',\n tdBgColor: 'transparent',\n cellMinHeight: '50px',\n cellPadding: '16px 24px',\n fontSize: '15px'\n }\n};\n\nconst useStyles = createUseStyles(theme => {\n const assetsBaseUri = theme.assetsBaseUri,\n assetsFontPath = theme.assetsFontPath,\n assetsFontName = theme.assetsFontName,\n assetsFontVersion = theme.assetsFontVersion,\n fontFamily = theme.fontFamily,\n fontSize = theme.fontSize,\n fontWeight = theme.fontWeight;\n const fontPath = `${assetsBaseUri}${assetsFontPath}`;\n const fontFaces = Object.keys(fontWeight).map(name => {\n // we need this because the font file names are all National2-.2.ext\n const upperCaseName = `${name[0].toUpperCase()}${name.substring(1)}`;\n const weight = fontWeight[name];\n return {\n fontFamily: assetsFontName,\n fontWeight: weight,\n fontDisplay: 'swap',\n src: `url(${fontPath}-${upperCaseName}.${assetsFontVersion}.woff2) format('woff2')`,\n fallbacks: [{\n src: `url(${fontPath}-${upperCaseName}.${assetsFontVersion}.woff) format('woff')`\n }, {\n src: `url(${fontPath}-${upperCaseName}.${assetsFontVersion}.eot#iefix) format('embedded-opentype')`\n }]\n };\n });\n return {\n '@font-face': fontFaces,\n '@global': {\n \"[class*='wds'], [class*='wds']::before, [class*='wds']::after\": {\n fontFamily: fontFamily.base,\n '-webkit-font-smoothing': 'antialiased',\n fontSize: fontSize.body,\n boxSizing: 'border-box',\n padding: 0,\n margin: 0,\n listStyle: 'none'\n }\n }\n };\n});\n\nconst GlobalStyles = () => {\n const theme = useTheme();\n useStyles({\n theme\n });\n return /*#__PURE__*/React.createElement(React.Fragment, null);\n};\n\nGlobalStyles.__docgenInfo = {\n \"description\": \"\",\n \"methods\": [],\n \"displayName\": \"GlobalStyles\"\n};\n\nexport { GlobalStyles, theme as WrenchTheme };\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { createUseStyles, useTheme } from 'react-jss';\n\nfunction toVal(mix) {\n\tvar k, y, str='';\n\n\tif (typeof mix === 'string' || typeof mix === 'number') {\n\t\tstr += mix;\n\t} else if (typeof mix === 'object') {\n\t\tif (Array.isArray(mix)) {\n\t\t\tfor (k=0; k < mix.length; k++) {\n\t\t\t\tif (mix[k]) {\n\t\t\t\t\tif (y = toVal(mix[k])) {\n\t\t\t\t\t\tstr && (str += ' ');\n\t\t\t\t\t\tstr += y;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\tfor (k in mix) {\n\t\t\t\tif (mix[k]) {\n\t\t\t\t\tstr && (str += ' ');\n\t\t\t\t\tstr += k;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\treturn str;\n}\n\nfunction clsx () {\n\tvar i=0, tmp, x, str='';\n\twhile (i < arguments.length) {\n\t\tif (tmp = arguments[i++]) {\n\t\t\tif (x = toVal(tmp)) {\n\t\t\t\tstr && (str += ' ');\n\t\t\t\tstr += x;\n\t\t\t}\n\t\t}\n\t}\n\treturn str;\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 _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n}\n\nfunction _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n subClass.__proto__ = superClass;\n}\n\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\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\nfunction _isNativeFunction(fn) {\n return Function.toString.call(fn).indexOf(\"[native code]\") !== -1;\n}\n\nfunction _isNativeReflectConstruct() {\n if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n if (Reflect.construct.sham) return false;\n if (typeof Proxy === \"function\") return true;\n\n try {\n Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));\n return true;\n } catch (e) {\n return false;\n }\n}\n\nfunction _construct(Parent, args, Class) {\n if (_isNativeReflectConstruct()) {\n _construct = Reflect.construct;\n } else {\n _construct = function _construct(Parent, args, Class) {\n var a = [null];\n a.push.apply(a, args);\n var Constructor = Function.bind.apply(Parent, a);\n var instance = new Constructor();\n if (Class) _setPrototypeOf(instance, Class.prototype);\n return instance;\n };\n }\n\n return _construct.apply(null, arguments);\n}\n\nfunction _wrapNativeSuper(Class) {\n var _cache = typeof Map === \"function\" ? new Map() : undefined;\n\n _wrapNativeSuper = function _wrapNativeSuper(Class) {\n if (Class === null || !_isNativeFunction(Class)) return Class;\n\n if (typeof Class !== \"function\") {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n\n if (typeof _cache !== \"undefined\") {\n if (_cache.has(Class)) return _cache.get(Class);\n\n _cache.set(Class, Wrapper);\n }\n\n function Wrapper() {\n return _construct(Class, arguments, _getPrototypeOf(this).constructor);\n }\n\n Wrapper.prototype = Object.create(Class.prototype, {\n constructor: {\n value: Wrapper,\n enumerable: false,\n writable: true,\n configurable: true\n }\n });\n return _setPrototypeOf(Wrapper, Class);\n };\n\n return _wrapNativeSuper(Class);\n}\n\n// based on https://github.com/styled-components/styled-components/blob/fcf6f3804c57a14dd7984dfab7bc06ee2edca044/src/utils/error.js\n\n/**\n * Parse errors.md and turn it into a simple hash of code: message\n * @private\n */\nvar ERRORS = {\n \"1\": \"Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).\\n\\n\",\n \"2\": \"Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).\\n\\n\",\n \"3\": \"Passed an incorrect argument to a color function, please pass a string representation of a color.\\n\\n\",\n \"4\": \"Couldn't generate valid rgb string from %s, it returned %s.\\n\\n\",\n \"5\": \"Couldn't parse the color string. Please provide the color as a string in hex, rgb, rgba, hsl or hsla notation.\\n\\n\",\n \"6\": \"Passed invalid arguments to rgb, please pass multiple numbers e.g. rgb(255, 205, 100) or an object e.g. rgb({ red: 255, green: 205, blue: 100 }).\\n\\n\",\n \"7\": \"Passed invalid arguments to rgba, please pass multiple numbers e.g. rgb(255, 205, 100, 0.75) or an object e.g. rgb({ red: 255, green: 205, blue: 100, alpha: 0.75 }).\\n\\n\",\n \"8\": \"Passed invalid argument to toColorString, please pass a RgbColor, RgbaColor, HslColor or HslaColor object.\\n\\n\",\n \"9\": \"Please provide a number of steps to the modularScale helper.\\n\\n\",\n \"10\": \"Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\\n\\n\",\n \"11\": \"Invalid value passed as base to modularScale, expected number or em string but got \\\"%s\\\"\\n\\n\",\n \"12\": \"Expected a string ending in \\\"px\\\" or a number passed as the first argument to %s(), got \\\"%s\\\" instead.\\n\\n\",\n \"13\": \"Expected a string ending in \\\"px\\\" or a number passed as the second argument to %s(), got \\\"%s\\\" instead.\\n\\n\",\n \"14\": \"Passed invalid pixel value (\\\"%s\\\") to %s(), please pass a value like \\\"12px\\\" or 12.\\n\\n\",\n \"15\": \"Passed invalid base value (\\\"%s\\\") to %s(), please pass a value like \\\"12px\\\" or 12.\\n\\n\",\n \"16\": \"You must provide a template to this method.\\n\\n\",\n \"17\": \"You passed an unsupported selector state to this method.\\n\\n\",\n \"18\": \"minScreen and maxScreen must be provided as stringified numbers with the same units.\\n\\n\",\n \"19\": \"fromSize and toSize must be provided as stringified numbers with the same units.\\n\\n\",\n \"20\": \"expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\\n\\n\",\n \"21\": \"expects the objects in the first argument array to have the properties `prop`, `fromSize`, and `toSize`.\\n\\n\",\n \"22\": \"expects the first argument object to have the properties `prop`, `fromSize`, and `toSize`.\\n\\n\",\n \"23\": \"fontFace expects a name of a font-family.\\n\\n\",\n \"24\": \"fontFace expects either the path to the font file(s) or a name of a local copy.\\n\\n\",\n \"25\": \"fontFace expects localFonts to be an array.\\n\\n\",\n \"26\": \"fontFace expects fileFormats to be an array.\\n\\n\",\n \"27\": \"radialGradient requries at least 2 color-stops to properly render.\\n\\n\",\n \"28\": \"Please supply a filename to retinaImage() as the first argument.\\n\\n\",\n \"29\": \"Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\\n\\n\",\n \"30\": \"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\\n\\n\",\n \"31\": \"The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation\\n\\n\",\n \"32\": \"To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s')\\n\\n\",\n \"33\": \"The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation\\n\\n\",\n \"34\": \"borderRadius expects a radius value as a string or number as the second argument.\\n\\n\",\n \"35\": \"borderRadius expects one of \\\"top\\\", \\\"bottom\\\", \\\"left\\\" or \\\"right\\\" as the first argument.\\n\\n\",\n \"36\": \"Property must be a string value.\\n\\n\",\n \"37\": \"Syntax Error at %s.\\n\\n\",\n \"38\": \"Formula contains a function that needs parentheses at %s.\\n\\n\",\n \"39\": \"Formula is missing closing parenthesis at %s.\\n\\n\",\n \"40\": \"Formula has too many closing parentheses at %s.\\n\\n\",\n \"41\": \"All values in a formula must have the same unit or be unitless.\\n\\n\",\n \"42\": \"Please provide a number of steps to the modularScale helper.\\n\\n\",\n \"43\": \"Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\\n\\n\",\n \"44\": \"Invalid value passed as base to modularScale, expected number or em/rem string but got %s.\\n\\n\",\n \"45\": \"Passed invalid argument to hslToColorString, please pass a HslColor or HslaColor object.\\n\\n\",\n \"46\": \"Passed invalid argument to rgbToColorString, please pass a RgbColor or RgbaColor object.\\n\\n\",\n \"47\": \"minScreen and maxScreen must be provided as stringified numbers with the same units.\\n\\n\",\n \"48\": \"fromSize and toSize must be provided as stringified numbers with the same units.\\n\\n\",\n \"49\": \"Expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\\n\\n\",\n \"50\": \"Expects the objects in the first argument array to have the properties prop, fromSize, and toSize.\\n\\n\",\n \"51\": \"Expects the first argument object to have the properties prop, fromSize, and toSize.\\n\\n\",\n \"52\": \"fontFace expects either the path to the font file(s) or a name of a local copy.\\n\\n\",\n \"53\": \"fontFace expects localFonts to be an array.\\n\\n\",\n \"54\": \"fontFace expects fileFormats to be an array.\\n\\n\",\n \"55\": \"fontFace expects a name of a font-family.\\n\\n\",\n \"56\": \"linearGradient requries at least 2 color-stops to properly render.\\n\\n\",\n \"57\": \"radialGradient requries at least 2 color-stops to properly render.\\n\\n\",\n \"58\": \"Please supply a filename to retinaImage() as the first argument.\\n\\n\",\n \"59\": \"Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\\n\\n\",\n \"60\": \"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\\n\\n\",\n \"61\": \"Property must be a string value.\\n\\n\",\n \"62\": \"borderRadius expects a radius value as a string or number as the second argument.\\n\\n\",\n \"63\": \"borderRadius expects one of \\\"top\\\", \\\"bottom\\\", \\\"left\\\" or \\\"right\\\" as the first argument.\\n\\n\",\n \"64\": \"The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation.\\n\\n\",\n \"65\": \"To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\\\\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s').\\n\\n\",\n \"66\": \"The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation.\\n\\n\",\n \"67\": \"You must provide a template to this method.\\n\\n\",\n \"68\": \"You passed an unsupported selector state to this method.\\n\\n\",\n \"69\": \"Expected a string ending in \\\"px\\\" or a number passed as the first argument to %s(), got %s instead.\\n\\n\",\n \"70\": \"Expected a string ending in \\\"px\\\" or a number passed as the second argument to %s(), got %s instead.\\n\\n\",\n \"71\": \"Passed invalid pixel value %s to %s(), please pass a value like \\\"12px\\\" or 12.\\n\\n\",\n \"72\": \"Passed invalid base value %s to %s(), please pass a value like \\\"12px\\\" or 12.\\n\\n\",\n \"73\": \"Please provide a valid CSS variable.\\n\\n\",\n \"74\": \"CSS variable not found.\\n\"\n};\n/**\n * super basic version of sprintf\n * @private\n */\n\nfunction format() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n var a = args[0];\n var b = [];\n var c;\n\n for (c = 1; c < args.length; c += 1) {\n b.push(args[c]);\n }\n\n b.forEach(function (d) {\n a = a.replace(/%[a-z]/, d);\n });\n return a;\n}\n/**\n * Create an error file out of errors.md for development and a simple web link to the full errors\n * in production mode.\n * @private\n */\n\n\nvar PolishedError = /*#__PURE__*/function (_Error) {\n _inheritsLoose(PolishedError, _Error);\n\n function PolishedError(code) {\n var _this;\n\n if (process.env.NODE_ENV === 'production') {\n _this = _Error.call(this, \"An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#\" + code + \" for more information.\") || this;\n } else {\n for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {\n args[_key2 - 1] = arguments[_key2];\n }\n\n _this = _Error.call(this, format.apply(void 0, [ERRORS[code]].concat(args))) || this;\n }\n\n return _assertThisInitialized(_this);\n }\n\n return PolishedError;\n}( /*#__PURE__*/_wrapNativeSuper(Error));\n\nfunction colorToInt(color) {\n return Math.round(color * 255);\n}\n\nfunction convertToInt(red, green, blue) {\n return colorToInt(red) + \",\" + colorToInt(green) + \",\" + colorToInt(blue);\n}\n\nfunction hslToRgb(hue, saturation, lightness, convert) {\n if (convert === void 0) {\n convert = convertToInt;\n }\n\n if (saturation === 0) {\n // achromatic\n return convert(lightness, lightness, lightness);\n } // formulae from https://en.wikipedia.org/wiki/HSL_and_HSV\n\n\n var huePrime = (hue % 360 + 360) % 360 / 60;\n var chroma = (1 - Math.abs(2 * lightness - 1)) * saturation;\n var secondComponent = chroma * (1 - Math.abs(huePrime % 2 - 1));\n var red = 0;\n var green = 0;\n var blue = 0;\n\n if (huePrime >= 0 && huePrime < 1) {\n red = chroma;\n green = secondComponent;\n } else if (huePrime >= 1 && huePrime < 2) {\n red = secondComponent;\n green = chroma;\n } else if (huePrime >= 2 && huePrime < 3) {\n green = chroma;\n blue = secondComponent;\n } else if (huePrime >= 3 && huePrime < 4) {\n green = secondComponent;\n blue = chroma;\n } else if (huePrime >= 4 && huePrime < 5) {\n red = secondComponent;\n blue = chroma;\n } else if (huePrime >= 5 && huePrime < 6) {\n red = chroma;\n blue = secondComponent;\n }\n\n var lightnessModification = lightness - chroma / 2;\n var finalRed = red + lightnessModification;\n var finalGreen = green + lightnessModification;\n var finalBlue = blue + lightnessModification;\n return convert(finalRed, finalGreen, finalBlue);\n}\n\nvar namedColorMap = {\n aliceblue: 'f0f8ff',\n antiquewhite: 'faebd7',\n aqua: '00ffff',\n aquamarine: '7fffd4',\n azure: 'f0ffff',\n beige: 'f5f5dc',\n bisque: 'ffe4c4',\n black: '000',\n blanchedalmond: 'ffebcd',\n blue: '0000ff',\n blueviolet: '8a2be2',\n brown: 'a52a2a',\n burlywood: 'deb887',\n cadetblue: '5f9ea0',\n chartreuse: '7fff00',\n chocolate: 'd2691e',\n coral: 'ff7f50',\n cornflowerblue: '6495ed',\n cornsilk: 'fff8dc',\n crimson: 'dc143c',\n cyan: '00ffff',\n darkblue: '00008b',\n darkcyan: '008b8b',\n darkgoldenrod: 'b8860b',\n darkgray: 'a9a9a9',\n darkgreen: '006400',\n darkgrey: 'a9a9a9',\n darkkhaki: 'bdb76b',\n darkmagenta: '8b008b',\n darkolivegreen: '556b2f',\n darkorange: 'ff8c00',\n darkorchid: '9932cc',\n darkred: '8b0000',\n darksalmon: 'e9967a',\n darkseagreen: '8fbc8f',\n darkslateblue: '483d8b',\n darkslategray: '2f4f4f',\n darkslategrey: '2f4f4f',\n darkturquoise: '00ced1',\n darkviolet: '9400d3',\n deeppink: 'ff1493',\n deepskyblue: '00bfff',\n dimgray: '696969',\n dimgrey: '696969',\n dodgerblue: '1e90ff',\n firebrick: 'b22222',\n floralwhite: 'fffaf0',\n forestgreen: '228b22',\n fuchsia: 'ff00ff',\n gainsboro: 'dcdcdc',\n ghostwhite: 'f8f8ff',\n gold: 'ffd700',\n goldenrod: 'daa520',\n gray: '808080',\n green: '008000',\n greenyellow: 'adff2f',\n grey: '808080',\n honeydew: 'f0fff0',\n hotpink: 'ff69b4',\n indianred: 'cd5c5c',\n indigo: '4b0082',\n ivory: 'fffff0',\n khaki: 'f0e68c',\n lavender: 'e6e6fa',\n lavenderblush: 'fff0f5',\n lawngreen: '7cfc00',\n lemonchiffon: 'fffacd',\n lightblue: 'add8e6',\n lightcoral: 'f08080',\n lightcyan: 'e0ffff',\n lightgoldenrodyellow: 'fafad2',\n lightgray: 'd3d3d3',\n lightgreen: '90ee90',\n lightgrey: 'd3d3d3',\n lightpink: 'ffb6c1',\n lightsalmon: 'ffa07a',\n lightseagreen: '20b2aa',\n lightskyblue: '87cefa',\n lightslategray: '789',\n lightslategrey: '789',\n lightsteelblue: 'b0c4de',\n lightyellow: 'ffffe0',\n lime: '0f0',\n limegreen: '32cd32',\n linen: 'faf0e6',\n magenta: 'f0f',\n maroon: '800000',\n mediumaquamarine: '66cdaa',\n mediumblue: '0000cd',\n mediumorchid: 'ba55d3',\n mediumpurple: '9370db',\n mediumseagreen: '3cb371',\n mediumslateblue: '7b68ee',\n mediumspringgreen: '00fa9a',\n mediumturquoise: '48d1cc',\n mediumvioletred: 'c71585',\n midnightblue: '191970',\n mintcream: 'f5fffa',\n mistyrose: 'ffe4e1',\n moccasin: 'ffe4b5',\n navajowhite: 'ffdead',\n navy: '000080',\n oldlace: 'fdf5e6',\n olive: '808000',\n olivedrab: '6b8e23',\n orange: 'ffa500',\n orangered: 'ff4500',\n orchid: 'da70d6',\n palegoldenrod: 'eee8aa',\n palegreen: '98fb98',\n paleturquoise: 'afeeee',\n palevioletred: 'db7093',\n papayawhip: 'ffefd5',\n peachpuff: 'ffdab9',\n peru: 'cd853f',\n pink: 'ffc0cb',\n plum: 'dda0dd',\n powderblue: 'b0e0e6',\n purple: '800080',\n rebeccapurple: '639',\n red: 'f00',\n rosybrown: 'bc8f8f',\n royalblue: '4169e1',\n saddlebrown: '8b4513',\n salmon: 'fa8072',\n sandybrown: 'f4a460',\n seagreen: '2e8b57',\n seashell: 'fff5ee',\n sienna: 'a0522d',\n silver: 'c0c0c0',\n skyblue: '87ceeb',\n slateblue: '6a5acd',\n slategray: '708090',\n slategrey: '708090',\n snow: 'fffafa',\n springgreen: '00ff7f',\n steelblue: '4682b4',\n tan: 'd2b48c',\n teal: '008080',\n thistle: 'd8bfd8',\n tomato: 'ff6347',\n turquoise: '40e0d0',\n violet: 'ee82ee',\n wheat: 'f5deb3',\n white: 'fff',\n whitesmoke: 'f5f5f5',\n yellow: 'ff0',\n yellowgreen: '9acd32'\n};\n/**\n * Checks if a string is a CSS named color and returns its equivalent hex value, otherwise returns the original color.\n * @private\n */\n\nfunction nameToHex(color) {\n if (typeof color !== 'string') return color;\n var normalizedColorName = color.toLowerCase();\n return namedColorMap[normalizedColorName] ? \"#\" + namedColorMap[normalizedColorName] : color;\n}\n\nvar hexRegex = /^#[a-fA-F0-9]{6}$/;\nvar hexRgbaRegex = /^#[a-fA-F0-9]{8}$/;\nvar reducedHexRegex = /^#[a-fA-F0-9]{3}$/;\nvar reducedRgbaHexRegex = /^#[a-fA-F0-9]{4}$/;\nvar rgbRegex = /^rgb\\(\\s*(\\d{1,3})\\s*,\\s*(\\d{1,3})\\s*,\\s*(\\d{1,3})\\s*\\)$/i;\nvar rgbaRegex = /^rgba\\(\\s*(\\d{1,3})\\s*,\\s*(\\d{1,3})\\s*,\\s*(\\d{1,3})\\s*,\\s*([-+]?[0-9]*[.]?[0-9]+)\\s*\\)$/i;\nvar hslRegex = /^hsl\\(\\s*(\\d{0,3}[.]?[0-9]+)\\s*,\\s*(\\d{1,3}[.]?[0-9]?)%\\s*,\\s*(\\d{1,3}[.]?[0-9]?)%\\s*\\)$/i;\nvar hslaRegex = /^hsla\\(\\s*(\\d{0,3}[.]?[0-9]+)\\s*,\\s*(\\d{1,3}[.]?[0-9]?)%\\s*,\\s*(\\d{1,3}[.]?[0-9]?)%\\s*,\\s*([-+]?[0-9]*[.]?[0-9]+)\\s*\\)$/i;\n/**\n * Returns an RgbColor or RgbaColor object. This utility function is only useful\n * if want to extract a color component. With the color util `toColorString` you\n * can convert a RgbColor or RgbaColor object back to a string.\n *\n * @example\n * // Assigns `{ red: 255, green: 0, blue: 0 }` to color1\n * const color1 = parseToRgb('rgb(255, 0, 0)');\n * // Assigns `{ red: 92, green: 102, blue: 112, alpha: 0.75 }` to color2\n * const color2 = parseToRgb('hsla(210, 10%, 40%, 0.75)');\n */\n\nfunction parseToRgb(color) {\n if (typeof color !== 'string') {\n throw new PolishedError(3);\n }\n\n var normalizedColor = nameToHex(color);\n\n if (normalizedColor.match(hexRegex)) {\n return {\n red: parseInt(\"\" + normalizedColor[1] + normalizedColor[2], 16),\n green: parseInt(\"\" + normalizedColor[3] + normalizedColor[4], 16),\n blue: parseInt(\"\" + normalizedColor[5] + normalizedColor[6], 16)\n };\n }\n\n if (normalizedColor.match(hexRgbaRegex)) {\n var alpha = parseFloat((parseInt(\"\" + normalizedColor[7] + normalizedColor[8], 16) / 255).toFixed(2));\n return {\n red: parseInt(\"\" + normalizedColor[1] + normalizedColor[2], 16),\n green: parseInt(\"\" + normalizedColor[3] + normalizedColor[4], 16),\n blue: parseInt(\"\" + normalizedColor[5] + normalizedColor[6], 16),\n alpha: alpha\n };\n }\n\n if (normalizedColor.match(reducedHexRegex)) {\n return {\n red: parseInt(\"\" + normalizedColor[1] + normalizedColor[1], 16),\n green: parseInt(\"\" + normalizedColor[2] + normalizedColor[2], 16),\n blue: parseInt(\"\" + normalizedColor[3] + normalizedColor[3], 16)\n };\n }\n\n if (normalizedColor.match(reducedRgbaHexRegex)) {\n var _alpha = parseFloat((parseInt(\"\" + normalizedColor[4] + normalizedColor[4], 16) / 255).toFixed(2));\n\n return {\n red: parseInt(\"\" + normalizedColor[1] + normalizedColor[1], 16),\n green: parseInt(\"\" + normalizedColor[2] + normalizedColor[2], 16),\n blue: parseInt(\"\" + normalizedColor[3] + normalizedColor[3], 16),\n alpha: _alpha\n };\n }\n\n var rgbMatched = rgbRegex.exec(normalizedColor);\n\n if (rgbMatched) {\n return {\n red: parseInt(\"\" + rgbMatched[1], 10),\n green: parseInt(\"\" + rgbMatched[2], 10),\n blue: parseInt(\"\" + rgbMatched[3], 10)\n };\n }\n\n var rgbaMatched = rgbaRegex.exec(normalizedColor);\n\n if (rgbaMatched) {\n return {\n red: parseInt(\"\" + rgbaMatched[1], 10),\n green: parseInt(\"\" + rgbaMatched[2], 10),\n blue: parseInt(\"\" + rgbaMatched[3], 10),\n alpha: parseFloat(\"\" + rgbaMatched[4])\n };\n }\n\n var hslMatched = hslRegex.exec(normalizedColor);\n\n if (hslMatched) {\n var hue = parseInt(\"\" + hslMatched[1], 10);\n var saturation = parseInt(\"\" + hslMatched[2], 10) / 100;\n var lightness = parseInt(\"\" + hslMatched[3], 10) / 100;\n var rgbColorString = \"rgb(\" + hslToRgb(hue, saturation, lightness) + \")\";\n var hslRgbMatched = rgbRegex.exec(rgbColorString);\n\n if (!hslRgbMatched) {\n throw new PolishedError(4, normalizedColor, rgbColorString);\n }\n\n return {\n red: parseInt(\"\" + hslRgbMatched[1], 10),\n green: parseInt(\"\" + hslRgbMatched[2], 10),\n blue: parseInt(\"\" + hslRgbMatched[3], 10)\n };\n }\n\n var hslaMatched = hslaRegex.exec(normalizedColor);\n\n if (hslaMatched) {\n var _hue = parseInt(\"\" + hslaMatched[1], 10);\n\n var _saturation = parseInt(\"\" + hslaMatched[2], 10) / 100;\n\n var _lightness = parseInt(\"\" + hslaMatched[3], 10) / 100;\n\n var _rgbColorString = \"rgb(\" + hslToRgb(_hue, _saturation, _lightness) + \")\";\n\n var _hslRgbMatched = rgbRegex.exec(_rgbColorString);\n\n if (!_hslRgbMatched) {\n throw new PolishedError(4, normalizedColor, _rgbColorString);\n }\n\n return {\n red: parseInt(\"\" + _hslRgbMatched[1], 10),\n green: parseInt(\"\" + _hslRgbMatched[2], 10),\n blue: parseInt(\"\" + _hslRgbMatched[3], 10),\n alpha: parseFloat(\"\" + hslaMatched[4])\n };\n }\n\n throw new PolishedError(5);\n}\n\nfunction rgbToHsl(color) {\n // make sure rgb are contained in a set of [0, 255]\n var red = color.red / 255;\n var green = color.green / 255;\n var blue = color.blue / 255;\n var max = Math.max(red, green, blue);\n var min = Math.min(red, green, blue);\n var lightness = (max + min) / 2;\n\n if (max === min) {\n // achromatic\n if (color.alpha !== undefined) {\n return {\n hue: 0,\n saturation: 0,\n lightness: lightness,\n alpha: color.alpha\n };\n } else {\n return {\n hue: 0,\n saturation: 0,\n lightness: lightness\n };\n }\n }\n\n var hue;\n var delta = max - min;\n var saturation = lightness > 0.5 ? delta / (2 - max - min) : delta / (max + min);\n\n switch (max) {\n case red:\n hue = (green - blue) / delta + (green < blue ? 6 : 0);\n break;\n\n case green:\n hue = (blue - red) / delta + 2;\n break;\n\n default:\n // blue case\n hue = (red - green) / delta + 4;\n break;\n }\n\n hue *= 60;\n\n if (color.alpha !== undefined) {\n return {\n hue: hue,\n saturation: saturation,\n lightness: lightness,\n alpha: color.alpha\n };\n }\n\n return {\n hue: hue,\n saturation: saturation,\n lightness: lightness\n };\n}\n\n/**\n * Returns an HslColor or HslaColor object. This utility function is only useful\n * if want to extract a color component. With the color util `toColorString` you\n * can convert a HslColor or HslaColor object back to a string.\n *\n * @example\n * // Assigns `{ hue: 0, saturation: 1, lightness: 0.5 }` to color1\n * const color1 = parseToHsl('rgb(255, 0, 0)');\n * // Assigns `{ hue: 128, saturation: 1, lightness: 0.5, alpha: 0.75 }` to color2\n * const color2 = parseToHsl('hsla(128, 100%, 50%, 0.75)');\n */\nfunction parseToHsl(color) {\n // Note: At a later stage we can optimize this function as right now a hsl\n // color would be parsed converted to rgb values and converted back to hsl.\n return rgbToHsl(parseToRgb(color));\n}\n\n/**\n * Reduces hex values if possible e.g. #ff8866 to #f86\n * @private\n */\nvar reduceHexValue = function reduceHexValue(value) {\n if (value.length === 7 && value[1] === value[2] && value[3] === value[4] && value[5] === value[6]) {\n return \"#\" + value[1] + value[3] + value[5];\n }\n\n return value;\n};\n\nfunction numberToHex(value) {\n var hex = value.toString(16);\n return hex.length === 1 ? \"0\" + hex : hex;\n}\n\nfunction colorToHex(color) {\n return numberToHex(Math.round(color * 255));\n}\n\nfunction convertToHex(red, green, blue) {\n return reduceHexValue(\"#\" + colorToHex(red) + colorToHex(green) + colorToHex(blue));\n}\n\nfunction hslToHex(hue, saturation, lightness) {\n return hslToRgb(hue, saturation, lightness, convertToHex);\n}\n\n/**\n * Returns a string value for the color. The returned result is the smallest possible hex notation.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: hsl(359, 0.75, 0.4),\n * background: hsl({ hue: 360, saturation: 0.75, lightness: 0.4 }),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${hsl(359, 0.75, 0.4)};\n * background: ${hsl({ hue: 360, saturation: 0.75, lightness: 0.4 })};\n * `\n *\n * // CSS in JS Output\n *\n * element {\n * background: \"#b3191c\";\n * background: \"#b3191c\";\n * }\n */\nfunction hsl(value, saturation, lightness) {\n if (typeof value === 'number' && typeof saturation === 'number' && typeof lightness === 'number') {\n return hslToHex(value, saturation, lightness);\n } else if (typeof value === 'object' && saturation === undefined && lightness === undefined) {\n return hslToHex(value.hue, value.saturation, value.lightness);\n }\n\n throw new PolishedError(1);\n}\n\n/**\n * Returns a string value for the color. The returned result is the smallest possible rgba or hex notation.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: hsla(359, 0.75, 0.4, 0.7),\n * background: hsla({ hue: 360, saturation: 0.75, lightness: 0.4, alpha: 0,7 }),\n * background: hsla(359, 0.75, 0.4, 1),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${hsla(359, 0.75, 0.4, 0.7)};\n * background: ${hsla({ hue: 360, saturation: 0.75, lightness: 0.4, alpha: 0,7 })};\n * background: ${hsla(359, 0.75, 0.4, 1)};\n * `\n *\n * // CSS in JS Output\n *\n * element {\n * background: \"rgba(179,25,28,0.7)\";\n * background: \"rgba(179,25,28,0.7)\";\n * background: \"#b3191c\";\n * }\n */\nfunction hsla(value, saturation, lightness, alpha) {\n if (typeof value === 'number' && typeof saturation === 'number' && typeof lightness === 'number' && typeof alpha === 'number') {\n return alpha >= 1 ? hslToHex(value, saturation, lightness) : \"rgba(\" + hslToRgb(value, saturation, lightness) + \",\" + alpha + \")\";\n } else if (typeof value === 'object' && saturation === undefined && lightness === undefined && alpha === undefined) {\n return value.alpha >= 1 ? hslToHex(value.hue, value.saturation, value.lightness) : \"rgba(\" + hslToRgb(value.hue, value.saturation, value.lightness) + \",\" + value.alpha + \")\";\n }\n\n throw new PolishedError(2);\n}\n\n/**\n * Returns a string value for the color. The returned result is the smallest possible hex notation.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: rgb(255, 205, 100),\n * background: rgb({ red: 255, green: 205, blue: 100 }),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${rgb(255, 205, 100)};\n * background: ${rgb({ red: 255, green: 205, blue: 100 })};\n * `\n *\n * // CSS in JS Output\n *\n * element {\n * background: \"#ffcd64\";\n * background: \"#ffcd64\";\n * }\n */\nfunction rgb(value, green, blue) {\n if (typeof value === 'number' && typeof green === 'number' && typeof blue === 'number') {\n return reduceHexValue(\"#\" + numberToHex(value) + numberToHex(green) + numberToHex(blue));\n } else if (typeof value === 'object' && green === undefined && blue === undefined) {\n return reduceHexValue(\"#\" + numberToHex(value.red) + numberToHex(value.green) + numberToHex(value.blue));\n }\n\n throw new PolishedError(6);\n}\n\n/**\n * Returns a string value for the color. The returned result is the smallest possible rgba or hex notation.\n *\n * Can also be used to fade a color by passing a hex value or named CSS color along with an alpha value.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: rgba(255, 205, 100, 0.7),\n * background: rgba({ red: 255, green: 205, blue: 100, alpha: 0.7 }),\n * background: rgba(255, 205, 100, 1),\n * background: rgba('#ffffff', 0.4),\n * background: rgba('black', 0.7),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${rgba(255, 205, 100, 0.7)};\n * background: ${rgba({ red: 255, green: 205, blue: 100, alpha: 0.7 })};\n * background: ${rgba(255, 205, 100, 1)};\n * background: ${rgba('#ffffff', 0.4)};\n * background: ${rgba('black', 0.7)};\n * `\n *\n * // CSS in JS Output\n *\n * element {\n * background: \"rgba(255,205,100,0.7)\";\n * background: \"rgba(255,205,100,0.7)\";\n * background: \"#ffcd64\";\n * background: \"rgba(255,255,255,0.4)\";\n * background: \"rgba(0,0,0,0.7)\";\n * }\n */\nfunction rgba(firstValue, secondValue, thirdValue, fourthValue) {\n if (typeof firstValue === 'string' && typeof secondValue === 'number') {\n var rgbValue = parseToRgb(firstValue);\n return \"rgba(\" + rgbValue.red + \",\" + rgbValue.green + \",\" + rgbValue.blue + \",\" + secondValue + \")\";\n } else if (typeof firstValue === 'number' && typeof secondValue === 'number' && typeof thirdValue === 'number' && typeof fourthValue === 'number') {\n return fourthValue >= 1 ? rgb(firstValue, secondValue, thirdValue) : \"rgba(\" + firstValue + \",\" + secondValue + \",\" + thirdValue + \",\" + fourthValue + \")\";\n } else if (typeof firstValue === 'object' && secondValue === undefined && thirdValue === undefined && fourthValue === undefined) {\n return firstValue.alpha >= 1 ? rgb(firstValue.red, firstValue.green, firstValue.blue) : \"rgba(\" + firstValue.red + \",\" + firstValue.green + \",\" + firstValue.blue + \",\" + firstValue.alpha + \")\";\n }\n\n throw new PolishedError(7);\n}\n\nvar isRgb = function isRgb(color) {\n return typeof color.red === 'number' && typeof color.green === 'number' && typeof color.blue === 'number' && (typeof color.alpha !== 'number' || typeof color.alpha === 'undefined');\n};\n\nvar isRgba = function isRgba(color) {\n return typeof color.red === 'number' && typeof color.green === 'number' && typeof color.blue === 'number' && typeof color.alpha === 'number';\n};\n\nvar isHsl = function isHsl(color) {\n return typeof color.hue === 'number' && typeof color.saturation === 'number' && typeof color.lightness === 'number' && (typeof color.alpha !== 'number' || typeof color.alpha === 'undefined');\n};\n\nvar isHsla = function isHsla(color) {\n return typeof color.hue === 'number' && typeof color.saturation === 'number' && typeof color.lightness === 'number' && typeof color.alpha === 'number';\n};\n/**\n * Converts a RgbColor, RgbaColor, HslColor or HslaColor object to a color string.\n * This util is useful in case you only know on runtime which color object is\n * used. Otherwise we recommend to rely on `rgb`, `rgba`, `hsl` or `hsla`.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: toColorString({ red: 255, green: 205, blue: 100 }),\n * background: toColorString({ red: 255, green: 205, blue: 100, alpha: 0.72 }),\n * background: toColorString({ hue: 240, saturation: 1, lightness: 0.5 }),\n * background: toColorString({ hue: 360, saturation: 0.75, lightness: 0.4, alpha: 0.72 }),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${toColorString({ red: 255, green: 205, blue: 100 })};\n * background: ${toColorString({ red: 255, green: 205, blue: 100, alpha: 0.72 })};\n * background: ${toColorString({ hue: 240, saturation: 1, lightness: 0.5 })};\n * background: ${toColorString({ hue: 360, saturation: 0.75, lightness: 0.4, alpha: 0.72 })};\n * `\n *\n * // CSS in JS Output\n * element {\n * background: \"#ffcd64\";\n * background: \"rgba(255,205,100,0.72)\";\n * background: \"#00f\";\n * background: \"rgba(179,25,25,0.72)\";\n * }\n */\n\n\nfunction toColorString(color) {\n if (typeof color !== 'object') throw new PolishedError(8);\n if (isRgba(color)) return rgba(color);\n if (isRgb(color)) return rgb(color);\n if (isHsla(color)) return hsla(color);\n if (isHsl(color)) return hsl(color);\n throw new PolishedError(8);\n}\n\n// Type definitions taken from https://github.com/gcanti/flow-static-land/blob/master/src/Fun.js\n// eslint-disable-next-line no-unused-vars\n// eslint-disable-next-line no-unused-vars\n// eslint-disable-next-line no-redeclare\nfunction curried(f, length, acc) {\n return function fn() {\n // eslint-disable-next-line prefer-rest-params\n var combined = acc.concat(Array.prototype.slice.call(arguments));\n return combined.length >= length ? f.apply(this, combined) : curried(f, length, combined);\n };\n} // eslint-disable-next-line no-redeclare\n\n\nfunction curry(f) {\n // eslint-disable-line no-redeclare\n return curried(f, f.length, []);\n}\n\nfunction guard(lowerBoundary, upperBoundary, value) {\n return Math.max(lowerBoundary, Math.min(upperBoundary, value));\n}\n\n/**\n * Returns a string value for the darkened color.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: darken(0.2, '#FFCD64'),\n * background: darken('0.2', 'rgba(255,205,100,0.7)'),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${darken(0.2, '#FFCD64')};\n * background: ${darken('0.2', 'rgba(255,205,100,0.7)')};\n * `\n *\n * // CSS in JS Output\n *\n * element {\n * background: \"#ffbd31\";\n * background: \"rgba(255,189,49,0.7)\";\n * }\n */\n\nfunction darken(amount, color) {\n if (color === 'transparent') return color;\n var hslColor = parseToHsl(color);\n return toColorString(_extends({}, hslColor, {\n lightness: guard(0, 1, hslColor.lightness - parseFloat(amount))\n }));\n} // prettier-ignore\n\n\nvar curriedDarken = /*#__PURE__*/curry\n/* :: */\n(darken);\n\n/**\n * Returns a string value for the lightened color.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: lighten(0.2, '#CCCD64'),\n * background: lighten('0.2', 'rgba(204,205,100,0.7)'),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${lighten(0.2, '#FFCD64')};\n * background: ${lighten('0.2', 'rgba(204,205,100,0.7)')};\n * `\n *\n * // CSS in JS Output\n *\n * element {\n * background: \"#e5e6b1\";\n * background: \"rgba(229,230,177,0.7)\";\n * }\n */\n\nfunction lighten(amount, color) {\n if (color === 'transparent') return color;\n var hslColor = parseToHsl(color);\n return toColorString(_extends({}, hslColor, {\n lightness: guard(0, 1, hslColor.lightness + parseFloat(amount))\n }));\n} // prettier-ignore\n\n\nvar curriedLighten = /*#__PURE__*/curry\n/* :: */\n(lighten);\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\nvar defineProperty = _defineProperty;\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\n// Taken from lodash: https://github.com/lodash/lodash/blob/master/uniqueId.js\nconst getState = (state, newState) => _objectSpread(_objectSpread({}, state), newState);\n\nconst isBrowser = typeof window !== 'undefined';\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\nvar objectWithoutPropertiesLoose = _objectWithoutPropertiesLoose;\n\nfunction _objectWithoutProperties(source, excluded) {\n if (source == null) return {};\n var target = objectWithoutPropertiesLoose(source, excluded);\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 objectWithoutProperties = _objectWithoutProperties;\n\nvar safeRest = ((_ref) => {\n let style = _ref.style,\n className = _ref.className,\n props = objectWithoutProperties(_ref, [\"style\", \"className\"]);\n\n return props;\n});\n\n// Taken from lodash: https://github.com/lodash/lodash/blob/master/uniqueId.js\nlet idCounter = 0;\n\nconst uniqueId = prefix => {\n const id = ++idCounter; // eslint-disable-line no-plusplus\n\n if (prefix == null) {\n throw new Error('The value is missing in uniqueId() parameter');\n }\n\n return `${prefix}${id}`;\n};\n\n// https://snook.ca/archives/html_and_css/hiding-content-for-accessibility\nconst visuallyHidden = {\n border: '0px',\n clip: 'rect(1px, 1px, 1px, 1px)',\n height: '1px',\n margin: '-1px',\n overflow: 'hidden',\n padding: 0,\n position: 'absolute',\n width: '1px',\n // https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe\n whiteSpace: 'nowrap',\n wordWrap: 'normal'\n};\n\nconst clearfix = {\n '&:after': {\n content: '',\n display: 'block',\n clear: 'both'\n }\n};\n\nconst spacingOptions = Object.freeze([1, 2, 3, 4, 5, 6, 7, 8, 9]); // this pattern is described in React's documentation: https://reactjs.org/docs/higher-order-components.html#convention-wrap-the-display-name-for-easy-debugging\n\nfunction getDisplayName(Component) {\n return Component.displayName || Component.name || 'Component';\n}\n\nfunction withSpacing(Component) {\n /**\n * JSS injects css styles in the order of `createUseStyles` usage.\n * Hence, useStyles needs to be instantiated every single time while\n * using this HOC because it should be the last `createUseStyles` usage\n * for a component. With this mechanism, `withSpacing` overwrites the component\n * spacing. Not ideal for a design system, but we are waiting on the\n * below ticket.\n *\n * Note: https://jira.surveymonkey.com/browse/WRENCH-1107\n *\n * If the decision is have `withStyles` NOT overwrite the component spacing,\n * just move this declaration outside of this component. `withSpacing` will then\n * add to the styles and not overwrite them.\n */\n const useStyles = createUseStyles(theme => ({\n wdsSpacing: ({\n margin,\n padding\n }) => {\n return {\n marginTop: theme.spacing[margin.t],\n marginRight: theme.spacing[margin.r],\n marginBottom: theme.spacing[margin.b],\n marginLeft: theme.spacing[margin.l],\n paddingTop: theme.spacing[padding.t],\n paddingRight: theme.spacing[padding.r],\n paddingBottom: theme.spacing[padding.b],\n paddingLeft: theme.spacing[padding.l]\n };\n }\n }));\n\n function WithSpacing(_ref) {\n let m = _ref.m,\n mx = _ref.mx,\n my = _ref.my,\n mt = _ref.mt,\n mb = _ref.mb,\n ml = _ref.ml,\n mr = _ref.mr,\n p = _ref.p,\n px = _ref.px,\n py = _ref.py,\n pt = _ref.pt,\n pb = _ref.pb,\n pl = _ref.pl,\n pr = _ref.pr,\n rest = objectWithoutProperties(_ref, [\"m\", \"mx\", \"my\", \"mt\", \"mb\", \"ml\", \"mr\", \"p\", \"px\", \"py\", \"pt\", \"pb\", \"pl\", \"pr\"]);\n\n const margin = {\n t: m || my || mt,\n b: m || my || mb,\n l: m || mx || ml,\n r: m || mx || mr\n };\n const padding = {\n t: p || py || pt,\n b: p || py || pb,\n l: p || px || pl,\n r: p || px || pr\n };\n const theme = useTheme();\n const classes = useStyles({\n margin,\n padding,\n theme\n });\n return /*#__PURE__*/React.createElement(Component, Object.assign({\n className: classes.wdsSpacing\n }, safeRest(rest)));\n }\n\n WithSpacing.defaultProps = {\n m: undefined,\n mx: undefined,\n my: undefined,\n mt: undefined,\n mb: undefined,\n ml: undefined,\n mr: undefined,\n p: undefined,\n px: undefined,\n py: undefined,\n pt: undefined,\n pb: undefined,\n pl: undefined,\n pr: undefined\n };\n WithSpacing.propTypes = {\n m: PropTypes.oneOf(spacingOptions),\n mx: PropTypes.oneOf(spacingOptions),\n my: PropTypes.oneOf(spacingOptions),\n mt: PropTypes.oneOf(spacingOptions),\n mb: PropTypes.oneOf(spacingOptions),\n ml: PropTypes.oneOf(spacingOptions),\n mr: PropTypes.oneOf(spacingOptions),\n p: PropTypes.oneOf(spacingOptions),\n px: PropTypes.oneOf(spacingOptions),\n py: PropTypes.oneOf(spacingOptions),\n pt: PropTypes.oneOf(spacingOptions),\n pb: PropTypes.oneOf(spacingOptions),\n pl: PropTypes.oneOf(spacingOptions),\n pr: PropTypes.oneOf(spacingOptions)\n };\n WithSpacing.displayName = `WithSpacing(${getDisplayName(Component)})`;\n\n WithSpacing.getOriginalComponent = () => Component;\n\n return WithSpacing;\n}\n\n/**\n * @param value\n * @return {boolean}\n */\nconst isControlled = value => value !== undefined && value !== null; // eslint-disable-next-line import/prefer-default-export\n\nconst SEMANTIC_COLORS = Object.freeze(['primary', 'success', 'info', 'warning', 'upgrade', 'secondary', 'muted']);\nconst TYPE_COLORS = Object.freeze(['dark', 'light', 'darkMuted', 'lightMuted', 'link']);\nconst SIZES = Object.freeze(['lg', 'md', 'sm']);\nconst PROGRESS_BAR_COLORS = ['primary', 'upgrade', 'info', 'success', 'warning', 'secondary'];\nconst PROGRESSCIRCLE_COLORS = PROGRESS_BAR_COLORS;\nconst PROGRESSCIRCLE_SIZES = [...SIZES, 'xs'];\nconst ICON_COLORS = {\n info: 'i',\n warning: '!',\n upgrade: '(',\n success: '3'\n};\nconst INPUT_COLORS = ['success', 'warning'];\nconst DATA_VIZ_THEMES = Object.freeze(['data-one', 'data-two', 'data-three', 'data-four', 'data-five', 'data-six', 'data-seven', 'data-eight', 'data-nine', 'data-ten']);\nconst KEYS = Object.freeze({\n DOWN: 'ArrowDown',\n END: 'End',\n ESC: 'Escape',\n HOME: 'Home',\n LEFT: 'ArrowLeft',\n PAGE_DOWN: 'PageDown',\n PAGE_UP: 'PageUp',\n RIGHT: 'ArrowRight',\n UP: 'ArrowUp',\n ENTER: 'Enter',\n SPACE: ' ',\n BACKSPACE: 'Backspace',\n TAB: 'Tab'\n}); // Deprecated. Moving to e.key\n\nconst KEY_CODES = Object.freeze({\n DOWN: 40,\n END: 35,\n ESC: 27,\n HOME: 36,\n LEFT: 37,\n PAGE_DOWN: 34,\n PAGE_UP: 33,\n RIGHT: 39,\n UP: 38,\n ENTER: 13,\n SPACE: 32,\n BACKSPACE: 8,\n TAB: 9\n});\nconst KEY_DIRECTIONS = Object.freeze({\n 37: -1,\n 38: -1,\n 39: 1,\n 40: 1\n});\nconst PLACEMENTS = ['top', 'bottom', 'right', 'left'];\nconst MARK_COLORS = Object.freeze(['primary', 'secondary', 'muted', 'success', 'warning', 'upgrade', 'info']);\n\nexport { DATA_VIZ_THEMES, ICON_COLORS, INPUT_COLORS, KEYS, KEY_CODES, KEY_DIRECTIONS, MARK_COLORS, PLACEMENTS, PROGRESSCIRCLE_COLORS, PROGRESSCIRCLE_SIZES, PROGRESS_BAR_COLORS, SEMANTIC_COLORS, SIZES, TYPE_COLORS, clearfix, clsx, curriedDarken as darken, getState, isBrowser, isControlled, curriedLighten as lighten, safeRest, uniqueId, visuallyHidden, withSpacing };\n","import React, { forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { withSpacing, clsx, SEMANTIC_COLORS, TYPE_COLORS } from '@wds/utils';\nimport { createUseStyles, useTheme } from 'react-jss';\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\nvar objectWithoutPropertiesLoose = _objectWithoutPropertiesLoose;\n\nfunction _objectWithoutProperties(source, excluded) {\n if (source == null) return {};\n var target = objectWithoutPropertiesLoose(source, excluded);\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 objectWithoutProperties = _objectWithoutProperties;\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\nvar defineProperty = _defineProperty;\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nconst useStyles = createUseStyles(theme => ({\n wdsTypography: ({\n align,\n color,\n variant\n }) => {\n const typeColor = theme.typeColor,\n semanticColor = theme.semanticColor,\n fontFamily = theme.fontFamily,\n fontSize = theme.fontSize,\n fontWeight = theme.fontWeight;\n const chosenColor = typeColor[color] || semanticColor[color];\n return _objectSpread(_objectSpread({\n fontFamily: fontFamily.base,\n color: chosenColor,\n textAlign: align,\n margin: 0\n }, variant && variant !== 'link' && {\n fontSize: fontSize[variant],\n fontWeight: {\n hero1: fontWeight.light,\n hero2: fontWeight.light,\n title: fontWeight.light,\n sectionTitle: fontWeight.light,\n cardTitle: fontWeight.medium,\n body: fontWeight.regular,\n bodySm: fontWeight.regular\n }[variant]\n }), variant && variant === 'link' && {\n color: typeColor.link,\n textDecoration: 'none',\n border: 'none',\n background: 'none',\n outline: 'none',\n cursor: 'pointer',\n fontWeight: 'inherit',\n fontSize: 'inherit',\n '&:hover, &:focus': {\n textDecoration: 'underline'\n }\n });\n }\n}));\n\nconst alignment = Object.freeze(['center', 'left', 'right']);\nconst variants = Object.freeze(['body', 'bodySm', 'cardTitle', 'hero1', 'hero2', 'link', 'pageTitle', 'sectionTitle']); // @todo: custom components wanted like ??\n\nconst componentList = Object.freeze(['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'a', 'p', 'span', 'div', 'article', 'section']);\nconst Typography = /*#__PURE__*/forwardRef((_ref, ref) => {\n let align = _ref.align,\n className = _ref.className,\n children = _ref.children,\n color = _ref.color,\n component = _ref.component,\n variant = _ref.variant,\n rest = objectWithoutProperties(_ref, [\"align\", \"className\", \"children\", \"color\", \"component\", \"variant\"]);\n\n const Component = component;\n const theme = useTheme();\n const classes = useStyles({\n align,\n color,\n variant,\n theme\n });\n const classNames = clsx(className, classes.wdsTypography);\n return /*#__PURE__*/React.createElement(Component, Object.assign({\n className: classNames\n }, rest, {\n ref: ref\n }), children);\n});\nTypography.displayName = 'Typography';\nTypography.propTypes = {\n align: PropTypes.oneOf(alignment),\n children: PropTypes.node.isRequired,\n className: PropTypes.string,\n color: PropTypes.oneOf(SEMANTIC_COLORS.concat(TYPE_COLORS)),\n component: PropTypes.oneOf(componentList),\n variant: PropTypes.oneOf(variants)\n};\nTypography.defaultProps = {\n align: 'left',\n className: undefined,\n component: 'div',\n color: 'dark',\n variant: 'body'\n};\nTypography.__docgenInfo = {\n \"description\": \"\",\n \"methods\": [],\n \"displayName\": \"Typography\",\n \"props\": {\n \"align\": {\n \"defaultValue\": {\n \"value\": \"'left'\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"enum\",\n \"computed\": true,\n \"value\": \"alignment\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"className\": {\n \"defaultValue\": {\n \"value\": \"undefined\",\n \"computed\": true\n },\n \"type\": {\n \"name\": \"string\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"component\": {\n \"defaultValue\": {\n \"value\": \"'div'\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"enum\",\n \"computed\": true,\n \"value\": \"componentList\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"color\": {\n \"defaultValue\": {\n \"value\": \"'dark'\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"enum\",\n \"computed\": true,\n \"value\": \"SEMANTIC_COLORS.concat(TYPE_COLORS)\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"variant\": {\n \"defaultValue\": {\n \"value\": \"'body'\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"enum\",\n \"computed\": true,\n \"value\": \"variants\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"children\": {\n \"type\": {\n \"name\": \"node\"\n },\n \"required\": true,\n \"description\": \"\"\n }\n }\n};\nvar Typography$1 = withSpacing(Typography);\n\nexport { Typography$1 as Typography };\n","/** @license React v17.0.1\n * react-dom.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/*\n Modernizr 3.0.0pre (Custom Build) | MIT\n*/\n'use strict';\n\nvar _typeof = require(\"/app/scripts/smweb-scripts/node_modules/@babel/runtime/helpers/typeof\");\n\nvar aa = require(\"react\"),\n m = require(\"object-assign\"),\n r = require(\"scheduler\");\n\nfunction y(a) {\n for (var b = \"https://reactjs.org/docs/error-decoder.html?invariant=\" + a, c = 1; c < arguments.length; c++) {\n b += \"&args[]=\" + encodeURIComponent(arguments[c]);\n }\n\n return \"Minified React error #\" + a + \"; visit \" + b + \" for the full message or use the non-minified dev environment for full errors and additional helpful warnings.\";\n}\n\nif (!aa) throw Error(y(227));\nvar ba = new Set(),\n ca = {};\n\nfunction da(a, b) {\n ea(a, b);\n ea(a + \"Capture\", b);\n}\n\nfunction ea(a, b) {\n ca[a] = b;\n\n for (a = 0; a < b.length; a++) {\n ba.add(b[a]);\n }\n}\n\nvar fa = !(\"undefined\" === typeof window || \"undefined\" === typeof window.document || \"undefined\" === typeof window.document.createElement),\n ha = /^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$/,\n ia = Object.prototype.hasOwnProperty,\n ja = {},\n ka = {};\n\nfunction la(a) {\n if (ia.call(ka, a)) return !0;\n if (ia.call(ja, a)) return !1;\n if (ha.test(a)) return ka[a] = !0;\n ja[a] = !0;\n return !1;\n}\n\nfunction ma(a, b, c, d) {\n if (null !== c && 0 === c.type) return !1;\n\n switch (_typeof(b)) {\n case \"function\":\n case \"symbol\":\n return !0;\n\n case \"boolean\":\n if (d) return !1;\n if (null !== c) return !c.acceptsBooleans;\n a = a.toLowerCase().slice(0, 5);\n return \"data-\" !== a && \"aria-\" !== a;\n\n default:\n return !1;\n }\n}\n\nfunction na(a, b, c, d) {\n if (null === b || \"undefined\" === typeof b || ma(a, b, c, d)) return !0;\n if (d) return !1;\n if (null !== c) switch (c.type) {\n case 3:\n return !b;\n\n case 4:\n return !1 === b;\n\n case 5:\n return isNaN(b);\n\n case 6:\n return isNaN(b) || 1 > b;\n }\n return !1;\n}\n\nfunction B(a, b, c, d, e, f, g) {\n this.acceptsBooleans = 2 === b || 3 === b || 4 === b;\n this.attributeName = d;\n this.attributeNamespace = e;\n this.mustUseProperty = c;\n this.propertyName = a;\n this.type = b;\n this.sanitizeURL = f;\n this.removeEmptyString = g;\n}\n\nvar D = {};\n\"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style\".split(\" \").forEach(function (a) {\n D[a] = new B(a, 0, !1, a, null, !1, !1);\n});\n[[\"acceptCharset\", \"accept-charset\"], [\"className\", \"class\"], [\"htmlFor\", \"for\"], [\"httpEquiv\", \"http-equiv\"]].forEach(function (a) {\n var b = a[0];\n D[b] = new B(b, 1, !1, a[1], null, !1, !1);\n});\n[\"contentEditable\", \"draggable\", \"spellCheck\", \"value\"].forEach(function (a) {\n D[a] = new B(a, 2, !1, a.toLowerCase(), null, !1, !1);\n});\n[\"autoReverse\", \"externalResourcesRequired\", \"focusable\", \"preserveAlpha\"].forEach(function (a) {\n D[a] = new B(a, 2, !1, a, null, !1, !1);\n});\n\"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope\".split(\" \").forEach(function (a) {\n D[a] = new B(a, 3, !1, a.toLowerCase(), null, !1, !1);\n});\n[\"checked\", \"multiple\", \"muted\", \"selected\"].forEach(function (a) {\n D[a] = new B(a, 3, !0, a, null, !1, !1);\n});\n[\"capture\", \"download\"].forEach(function (a) {\n D[a] = new B(a, 4, !1, a, null, !1, !1);\n});\n[\"cols\", \"rows\", \"size\", \"span\"].forEach(function (a) {\n D[a] = new B(a, 6, !1, a, null, !1, !1);\n});\n[\"rowSpan\", \"start\"].forEach(function (a) {\n D[a] = new B(a, 5, !1, a.toLowerCase(), null, !1, !1);\n});\nvar oa = /[\\-:]([a-z])/g;\n\nfunction pa(a) {\n return a[1].toUpperCase();\n}\n\n\"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height\".split(\" \").forEach(function (a) {\n var b = a.replace(oa, pa);\n D[b] = new B(b, 1, !1, a, null, !1, !1);\n});\n\"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type\".split(\" \").forEach(function (a) {\n var b = a.replace(oa, pa);\n D[b] = new B(b, 1, !1, a, \"http://www.w3.org/1999/xlink\", !1, !1);\n});\n[\"xml:base\", \"xml:lang\", \"xml:space\"].forEach(function (a) {\n var b = a.replace(oa, pa);\n D[b] = new B(b, 1, !1, a, \"http://www.w3.org/XML/1998/namespace\", !1, !1);\n});\n[\"tabIndex\", \"crossOrigin\"].forEach(function (a) {\n D[a] = new B(a, 1, !1, a.toLowerCase(), null, !1, !1);\n});\nD.xlinkHref = new B(\"xlinkHref\", 1, !1, \"xlink:href\", \"http://www.w3.org/1999/xlink\", !0, !1);\n[\"src\", \"href\", \"action\", \"formAction\"].forEach(function (a) {\n D[a] = new B(a, 1, !1, a.toLowerCase(), null, !0, !0);\n});\n\nfunction qa(a, b, c, d) {\n var e = D.hasOwnProperty(b) ? D[b] : null;\n var f = null !== e ? 0 === e.type : d ? !1 : !(2 < b.length) || \"o\" !== b[0] && \"O\" !== b[0] || \"n\" !== b[1] && \"N\" !== b[1] ? !1 : !0;\n f || (na(b, c, e, d) && (c = null), d || null === e ? la(b) && (null === c ? a.removeAttribute(b) : a.setAttribute(b, \"\" + c)) : e.mustUseProperty ? a[e.propertyName] = null === c ? 3 === e.type ? !1 : \"\" : c : (b = e.attributeName, d = e.attributeNamespace, null === c ? a.removeAttribute(b) : (e = e.type, c = 3 === e || 4 === e && !0 === c ? \"\" : \"\" + c, d ? a.setAttributeNS(d, b, c) : a.setAttribute(b, c))));\n}\n\nvar ra = aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,\n sa = 60103,\n ta = 60106,\n ua = 60107,\n wa = 60108,\n xa = 60114,\n ya = 60109,\n za = 60110,\n Aa = 60112,\n Ba = 60113,\n Ca = 60120,\n Da = 60115,\n Ea = 60116,\n Fa = 60121,\n Ga = 60128,\n Ha = 60129,\n Ia = 60130,\n Ja = 60131;\n\nif (\"function\" === typeof Symbol && Symbol.for) {\n var E = Symbol.for;\n sa = E(\"react.element\");\n ta = E(\"react.portal\");\n ua = E(\"react.fragment\");\n wa = E(\"react.strict_mode\");\n xa = E(\"react.profiler\");\n ya = E(\"react.provider\");\n za = E(\"react.context\");\n Aa = E(\"react.forward_ref\");\n Ba = E(\"react.suspense\");\n Ca = E(\"react.suspense_list\");\n Da = E(\"react.memo\");\n Ea = E(\"react.lazy\");\n Fa = E(\"react.block\");\n E(\"react.scope\");\n Ga = E(\"react.opaque.id\");\n Ha = E(\"react.debug_trace_mode\");\n Ia = E(\"react.offscreen\");\n Ja = E(\"react.legacy_hidden\");\n}\n\nvar Ka = \"function\" === typeof Symbol && Symbol.iterator;\n\nfunction La(a) {\n if (null === a || \"object\" !== _typeof(a)) return null;\n a = Ka && a[Ka] || a[\"@@iterator\"];\n return \"function\" === typeof a ? a : null;\n}\n\nvar Ma;\n\nfunction Na(a) {\n if (void 0 === Ma) try {\n throw Error();\n } catch (c) {\n var b = c.stack.trim().match(/\\n( *(at )?)/);\n Ma = b && b[1] || \"\";\n }\n return \"\\n\" + Ma + a;\n}\n\nvar Oa = !1;\n\nfunction Pa(a, b) {\n if (!a || Oa) return \"\";\n Oa = !0;\n var c = Error.prepareStackTrace;\n Error.prepareStackTrace = void 0;\n\n try {\n if (b) {\n if (b = function b() {\n throw Error();\n }, Object.defineProperty(b.prototype, \"props\", {\n set: function set() {\n throw Error();\n }\n }), \"object\" === (typeof Reflect === \"undefined\" ? \"undefined\" : _typeof(Reflect)) && Reflect.construct) {\n try {\n Reflect.construct(b, []);\n } catch (k) {\n var d = k;\n }\n\n Reflect.construct(a, [], b);\n } else {\n try {\n b.call();\n } catch (k) {\n d = k;\n }\n\n a.call(b.prototype);\n }\n } else {\n try {\n throw Error();\n } catch (k) {\n d = k;\n }\n\n a();\n }\n } catch (k) {\n if (k && d && \"string\" === typeof k.stack) {\n for (var e = k.stack.split(\"\\n\"), f = d.stack.split(\"\\n\"), g = e.length - 1, h = f.length - 1; 1 <= g && 0 <= h && e[g] !== f[h];) {\n h--;\n }\n\n for (; 1 <= g && 0 <= h; g--, h--) {\n if (e[g] !== f[h]) {\n if (1 !== g || 1 !== h) {\n do {\n if (g--, h--, 0 > h || e[g] !== f[h]) return \"\\n\" + e[g].replace(\" at new \", \" at \");\n } while (1 <= g && 0 <= h);\n }\n\n break;\n }\n }\n }\n } finally {\n Oa = !1, Error.prepareStackTrace = c;\n }\n\n return (a = a ? a.displayName || a.name : \"\") ? Na(a) : \"\";\n}\n\nfunction Qa(a) {\n switch (a.tag) {\n case 5:\n return Na(a.type);\n\n case 16:\n return Na(\"Lazy\");\n\n case 13:\n return Na(\"Suspense\");\n\n case 19:\n return Na(\"SuspenseList\");\n\n case 0:\n case 2:\n case 15:\n return a = Pa(a.type, !1), a;\n\n case 11:\n return a = Pa(a.type.render, !1), a;\n\n case 22:\n return a = Pa(a.type._render, !1), a;\n\n case 1:\n return a = Pa(a.type, !0), a;\n\n default:\n return \"\";\n }\n}\n\nfunction Ra(a) {\n if (null == a) return null;\n if (\"function\" === typeof a) return a.displayName || a.name || null;\n if (\"string\" === typeof a) return a;\n\n switch (a) {\n case ua:\n return \"Fragment\";\n\n case ta:\n return \"Portal\";\n\n case xa:\n return \"Profiler\";\n\n case wa:\n return \"StrictMode\";\n\n case Ba:\n return \"Suspense\";\n\n case Ca:\n return \"SuspenseList\";\n }\n\n if (\"object\" === _typeof(a)) switch (a.$$typeof) {\n case za:\n return (a.displayName || \"Context\") + \".Consumer\";\n\n case ya:\n return (a._context.displayName || \"Context\") + \".Provider\";\n\n case Aa:\n var b = a.render;\n b = b.displayName || b.name || \"\";\n return a.displayName || (\"\" !== b ? \"ForwardRef(\" + b + \")\" : \"ForwardRef\");\n\n case Da:\n return Ra(a.type);\n\n case Fa:\n return Ra(a._render);\n\n case Ea:\n b = a._payload;\n a = a._init;\n\n try {\n return Ra(a(b));\n } catch (c) {}\n\n }\n return null;\n}\n\nfunction Sa(a) {\n switch (_typeof(a)) {\n case \"boolean\":\n case \"number\":\n case \"object\":\n case \"string\":\n case \"undefined\":\n return a;\n\n default:\n return \"\";\n }\n}\n\nfunction Ta(a) {\n var b = a.type;\n return (a = a.nodeName) && \"input\" === a.toLowerCase() && (\"checkbox\" === b || \"radio\" === b);\n}\n\nfunction Ua(a) {\n var b = Ta(a) ? \"checked\" : \"value\",\n c = Object.getOwnPropertyDescriptor(a.constructor.prototype, b),\n d = \"\" + a[b];\n\n if (!a.hasOwnProperty(b) && \"undefined\" !== typeof c && \"function\" === typeof c.get && \"function\" === typeof c.set) {\n var e = c.get,\n f = c.set;\n Object.defineProperty(a, b, {\n configurable: !0,\n get: function get() {\n return e.call(this);\n },\n set: function set(a) {\n d = \"\" + a;\n f.call(this, a);\n }\n });\n Object.defineProperty(a, b, {\n enumerable: c.enumerable\n });\n return {\n getValue: function getValue() {\n return d;\n },\n setValue: function setValue(a) {\n d = \"\" + a;\n },\n stopTracking: function stopTracking() {\n a._valueTracker = null;\n delete a[b];\n }\n };\n }\n}\n\nfunction Va(a) {\n a._valueTracker || (a._valueTracker = Ua(a));\n}\n\nfunction Wa(a) {\n if (!a) return !1;\n var b = a._valueTracker;\n if (!b) return !0;\n var c = b.getValue();\n var d = \"\";\n a && (d = Ta(a) ? a.checked ? \"true\" : \"false\" : a.value);\n a = d;\n return a !== c ? (b.setValue(a), !0) : !1;\n}\n\nfunction Xa(a) {\n a = a || (\"undefined\" !== typeof document ? document : void 0);\n if (\"undefined\" === typeof a) return null;\n\n try {\n return a.activeElement || a.body;\n } catch (b) {\n return a.body;\n }\n}\n\nfunction Ya(a, b) {\n var c = b.checked;\n return m({}, b, {\n defaultChecked: void 0,\n defaultValue: void 0,\n value: void 0,\n checked: null != c ? c : a._wrapperState.initialChecked\n });\n}\n\nfunction Za(a, b) {\n var c = null == b.defaultValue ? \"\" : b.defaultValue,\n d = null != b.checked ? b.checked : b.defaultChecked;\n c = Sa(null != b.value ? b.value : c);\n a._wrapperState = {\n initialChecked: d,\n initialValue: c,\n controlled: \"checkbox\" === b.type || \"radio\" === b.type ? null != b.checked : null != b.value\n };\n}\n\nfunction $a(a, b) {\n b = b.checked;\n null != b && qa(a, \"checked\", b, !1);\n}\n\nfunction ab(a, b) {\n $a(a, b);\n var c = Sa(b.value),\n d = b.type;\n if (null != c) {\n if (\"number\" === d) {\n if (0 === c && \"\" === a.value || a.value != c) a.value = \"\" + c;\n } else a.value !== \"\" + c && (a.value = \"\" + c);\n } else if (\"submit\" === d || \"reset\" === d) {\n a.removeAttribute(\"value\");\n return;\n }\n b.hasOwnProperty(\"value\") ? bb(a, b.type, c) : b.hasOwnProperty(\"defaultValue\") && bb(a, b.type, Sa(b.defaultValue));\n null == b.checked && null != b.defaultChecked && (a.defaultChecked = !!b.defaultChecked);\n}\n\nfunction cb(a, b, c) {\n if (b.hasOwnProperty(\"value\") || b.hasOwnProperty(\"defaultValue\")) {\n var d = b.type;\n if (!(\"submit\" !== d && \"reset\" !== d || void 0 !== b.value && null !== b.value)) return;\n b = \"\" + a._wrapperState.initialValue;\n c || b === a.value || (a.value = b);\n a.defaultValue = b;\n }\n\n c = a.name;\n \"\" !== c && (a.name = \"\");\n a.defaultChecked = !!a._wrapperState.initialChecked;\n \"\" !== c && (a.name = c);\n}\n\nfunction bb(a, b, c) {\n if (\"number\" !== b || Xa(a.ownerDocument) !== a) null == c ? a.defaultValue = \"\" + a._wrapperState.initialValue : a.defaultValue !== \"\" + c && (a.defaultValue = \"\" + c);\n}\n\nfunction db(a) {\n var b = \"\";\n aa.Children.forEach(a, function (a) {\n null != a && (b += a);\n });\n return b;\n}\n\nfunction eb(a, b) {\n a = m({\n children: void 0\n }, b);\n if (b = db(b.children)) a.children = b;\n return a;\n}\n\nfunction fb(a, b, c, d) {\n a = a.options;\n\n if (b) {\n b = {};\n\n for (var e = 0; e < c.length; e++) {\n b[\"$\" + c[e]] = !0;\n }\n\n for (c = 0; c < a.length; c++) {\n e = b.hasOwnProperty(\"$\" + a[c].value), a[c].selected !== e && (a[c].selected = e), e && d && (a[c].defaultSelected = !0);\n }\n } else {\n c = \"\" + Sa(c);\n b = null;\n\n for (e = 0; e < a.length; e++) {\n if (a[e].value === c) {\n a[e].selected = !0;\n d && (a[e].defaultSelected = !0);\n return;\n }\n\n null !== b || a[e].disabled || (b = a[e]);\n }\n\n null !== b && (b.selected = !0);\n }\n}\n\nfunction gb(a, b) {\n if (null != b.dangerouslySetInnerHTML) throw Error(y(91));\n return m({}, b, {\n value: void 0,\n defaultValue: void 0,\n children: \"\" + a._wrapperState.initialValue\n });\n}\n\nfunction hb(a, b) {\n var c = b.value;\n\n if (null == c) {\n c = b.children;\n b = b.defaultValue;\n\n if (null != c) {\n if (null != b) throw Error(y(92));\n\n if (Array.isArray(c)) {\n if (!(1 >= c.length)) throw Error(y(93));\n c = c[0];\n }\n\n b = c;\n }\n\n null == b && (b = \"\");\n c = b;\n }\n\n a._wrapperState = {\n initialValue: Sa(c)\n };\n}\n\nfunction ib(a, b) {\n var c = Sa(b.value),\n d = Sa(b.defaultValue);\n null != c && (c = \"\" + c, c !== a.value && (a.value = c), null == b.defaultValue && a.defaultValue !== c && (a.defaultValue = c));\n null != d && (a.defaultValue = \"\" + d);\n}\n\nfunction jb(a) {\n var b = a.textContent;\n b === a._wrapperState.initialValue && \"\" !== b && null !== b && (a.value = b);\n}\n\nvar kb = {\n html: \"http://www.w3.org/1999/xhtml\",\n mathml: \"http://www.w3.org/1998/Math/MathML\",\n svg: \"http://www.w3.org/2000/svg\"\n};\n\nfunction lb(a) {\n switch (a) {\n case \"svg\":\n return \"http://www.w3.org/2000/svg\";\n\n case \"math\":\n return \"http://www.w3.org/1998/Math/MathML\";\n\n default:\n return \"http://www.w3.org/1999/xhtml\";\n }\n}\n\nfunction mb(a, b) {\n return null == a || \"http://www.w3.org/1999/xhtml\" === a ? lb(b) : \"http://www.w3.org/2000/svg\" === a && \"foreignObject\" === b ? \"http://www.w3.org/1999/xhtml\" : a;\n}\n\nvar nb,\n ob = function (a) {\n return \"undefined\" !== typeof MSApp && MSApp.execUnsafeLocalFunction ? function (b, c, d, e) {\n MSApp.execUnsafeLocalFunction(function () {\n return a(b, c, d, e);\n });\n } : a;\n}(function (a, b) {\n if (a.namespaceURI !== kb.svg || \"innerHTML\" in a) a.innerHTML = b;else {\n nb = nb || document.createElement(\"div\");\n nb.innerHTML = \"\";\n\n for (b = nb.firstChild; a.firstChild;) {\n a.removeChild(a.firstChild);\n }\n\n for (; b.firstChild;) {\n a.appendChild(b.firstChild);\n }\n }\n});\n\nfunction pb(a, b) {\n if (b) {\n var c = a.firstChild;\n\n if (c && c === a.lastChild && 3 === c.nodeType) {\n c.nodeValue = b;\n return;\n }\n }\n\n a.textContent = b;\n}\n\nvar qb = {\n animationIterationCount: !0,\n borderImageOutset: !0,\n borderImageSlice: !0,\n borderImageWidth: !0,\n boxFlex: !0,\n boxFlexGroup: !0,\n boxOrdinalGroup: !0,\n columnCount: !0,\n columns: !0,\n flex: !0,\n flexGrow: !0,\n flexPositive: !0,\n flexShrink: !0,\n flexNegative: !0,\n flexOrder: !0,\n gridArea: !0,\n gridRow: !0,\n gridRowEnd: !0,\n gridRowSpan: !0,\n gridRowStart: !0,\n gridColumn: !0,\n gridColumnEnd: !0,\n gridColumnSpan: !0,\n gridColumnStart: !0,\n fontWeight: !0,\n lineClamp: !0,\n lineHeight: !0,\n opacity: !0,\n order: !0,\n orphans: !0,\n tabSize: !0,\n widows: !0,\n zIndex: !0,\n zoom: !0,\n fillOpacity: !0,\n floodOpacity: !0,\n stopOpacity: !0,\n strokeDasharray: !0,\n strokeDashoffset: !0,\n strokeMiterlimit: !0,\n strokeOpacity: !0,\n strokeWidth: !0\n},\n rb = [\"Webkit\", \"ms\", \"Moz\", \"O\"];\nObject.keys(qb).forEach(function (a) {\n rb.forEach(function (b) {\n b = b + a.charAt(0).toUpperCase() + a.substring(1);\n qb[b] = qb[a];\n });\n});\n\nfunction sb(a, b, c) {\n return null == b || \"boolean\" === typeof b || \"\" === b ? \"\" : c || \"number\" !== typeof b || 0 === b || qb.hasOwnProperty(a) && qb[a] ? (\"\" + b).trim() : b + \"px\";\n}\n\nfunction tb(a, b) {\n a = a.style;\n\n for (var c in b) {\n if (b.hasOwnProperty(c)) {\n var d = 0 === c.indexOf(\"--\"),\n e = sb(c, b[c], d);\n \"float\" === c && (c = \"cssFloat\");\n d ? a.setProperty(c, e) : a[c] = e;\n }\n }\n}\n\nvar ub = m({\n menuitem: !0\n}, {\n area: !0,\n base: !0,\n br: !0,\n col: !0,\n embed: !0,\n hr: !0,\n img: !0,\n input: !0,\n keygen: !0,\n link: !0,\n meta: !0,\n param: !0,\n source: !0,\n track: !0,\n wbr: !0\n});\n\nfunction vb(a, b) {\n if (b) {\n if (ub[a] && (null != b.children || null != b.dangerouslySetInnerHTML)) throw Error(y(137, a));\n\n if (null != b.dangerouslySetInnerHTML) {\n if (null != b.children) throw Error(y(60));\n if (!(\"object\" === _typeof(b.dangerouslySetInnerHTML) && \"__html\" in b.dangerouslySetInnerHTML)) throw Error(y(61));\n }\n\n if (null != b.style && \"object\" !== _typeof(b.style)) throw Error(y(62));\n }\n}\n\nfunction wb(a, b) {\n if (-1 === a.indexOf(\"-\")) return \"string\" === typeof b.is;\n\n switch (a) {\n case \"annotation-xml\":\n case \"color-profile\":\n case \"font-face\":\n case \"font-face-src\":\n case \"font-face-uri\":\n case \"font-face-format\":\n case \"font-face-name\":\n case \"missing-glyph\":\n return !1;\n\n default:\n return !0;\n }\n}\n\nfunction xb(a) {\n a = a.target || a.srcElement || window;\n a.correspondingUseElement && (a = a.correspondingUseElement);\n return 3 === a.nodeType ? a.parentNode : a;\n}\n\nvar yb = null,\n zb = null,\n Ab = null;\n\nfunction Bb(a) {\n if (a = Cb(a)) {\n if (\"function\" !== typeof yb) throw Error(y(280));\n var b = a.stateNode;\n b && (b = Db(b), yb(a.stateNode, a.type, b));\n }\n}\n\nfunction Eb(a) {\n zb ? Ab ? Ab.push(a) : Ab = [a] : zb = a;\n}\n\nfunction Fb() {\n if (zb) {\n var a = zb,\n b = Ab;\n Ab = zb = null;\n Bb(a);\n if (b) for (a = 0; a < b.length; a++) {\n Bb(b[a]);\n }\n }\n}\n\nfunction Gb(a, b) {\n return a(b);\n}\n\nfunction Hb(a, b, c, d, e) {\n return a(b, c, d, e);\n}\n\nfunction Ib() {}\n\nvar Jb = Gb,\n Kb = !1,\n Lb = !1;\n\nfunction Mb() {\n if (null !== zb || null !== Ab) Ib(), Fb();\n}\n\nfunction Nb(a, b, c) {\n if (Lb) return a(b, c);\n Lb = !0;\n\n try {\n return Jb(a, b, c);\n } finally {\n Lb = !1, Mb();\n }\n}\n\nfunction Ob(a, b) {\n var c = a.stateNode;\n if (null === c) return null;\n var d = Db(c);\n if (null === d) return null;\n c = d[b];\n\n a: switch (b) {\n case \"onClick\":\n case \"onClickCapture\":\n case \"onDoubleClick\":\n case \"onDoubleClickCapture\":\n case \"onMouseDown\":\n case \"onMouseDownCapture\":\n case \"onMouseMove\":\n case \"onMouseMoveCapture\":\n case \"onMouseUp\":\n case \"onMouseUpCapture\":\n case \"onMouseEnter\":\n (d = !d.disabled) || (a = a.type, d = !(\"button\" === a || \"input\" === a || \"select\" === a || \"textarea\" === a));\n a = !d;\n break a;\n\n default:\n a = !1;\n }\n\n if (a) return null;\n if (c && \"function\" !== typeof c) throw Error(y(231, b, _typeof(c)));\n return c;\n}\n\nvar Pb = !1;\nif (fa) try {\n var Qb = {};\n Object.defineProperty(Qb, \"passive\", {\n get: function get() {\n Pb = !0;\n }\n });\n window.addEventListener(\"test\", Qb, Qb);\n window.removeEventListener(\"test\", Qb, Qb);\n} catch (a) {\n Pb = !1;\n}\n\nfunction Rb(a, b, c, d, e, f, g, h, k) {\n var l = Array.prototype.slice.call(arguments, 3);\n\n try {\n b.apply(c, l);\n } catch (n) {\n this.onError(n);\n }\n}\n\nvar Sb = !1,\n Tb = null,\n Ub = !1,\n Vb = null,\n Wb = {\n onError: function onError(a) {\n Sb = !0;\n Tb = a;\n }\n};\n\nfunction Xb(a, b, c, d, e, f, g, h, k) {\n Sb = !1;\n Tb = null;\n Rb.apply(Wb, arguments);\n}\n\nfunction Yb(a, b, c, d, e, f, g, h, k) {\n Xb.apply(this, arguments);\n\n if (Sb) {\n if (Sb) {\n var l = Tb;\n Sb = !1;\n Tb = null;\n } else throw Error(y(198));\n\n Ub || (Ub = !0, Vb = l);\n }\n}\n\nfunction Zb(a) {\n var b = a,\n c = a;\n if (a.alternate) for (; b.return;) {\n b = b.return;\n } else {\n a = b;\n\n do {\n b = a, 0 !== (b.flags & 1026) && (c = b.return), a = b.return;\n } while (a);\n }\n return 3 === b.tag ? c : null;\n}\n\nfunction $b(a) {\n if (13 === a.tag) {\n var b = a.memoizedState;\n null === b && (a = a.alternate, null !== a && (b = a.memoizedState));\n if (null !== b) return b.dehydrated;\n }\n\n return null;\n}\n\nfunction ac(a) {\n if (Zb(a) !== a) throw Error(y(188));\n}\n\nfunction bc(a) {\n var b = a.alternate;\n\n if (!b) {\n b = Zb(a);\n if (null === b) throw Error(y(188));\n return b !== a ? null : a;\n }\n\n for (var c = a, d = b;;) {\n var e = c.return;\n if (null === e) break;\n var f = e.alternate;\n\n if (null === f) {\n d = e.return;\n\n if (null !== d) {\n c = d;\n continue;\n }\n\n break;\n }\n\n if (e.child === f.child) {\n for (f = e.child; f;) {\n if (f === c) return ac(e), a;\n if (f === d) return ac(e), b;\n f = f.sibling;\n }\n\n throw Error(y(188));\n }\n\n if (c.return !== d.return) c = e, d = f;else {\n for (var g = !1, h = e.child; h;) {\n if (h === c) {\n g = !0;\n c = e;\n d = f;\n break;\n }\n\n if (h === d) {\n g = !0;\n d = e;\n c = f;\n break;\n }\n\n h = h.sibling;\n }\n\n if (!g) {\n for (h = f.child; h;) {\n if (h === c) {\n g = !0;\n c = f;\n d = e;\n break;\n }\n\n if (h === d) {\n g = !0;\n d = f;\n c = e;\n break;\n }\n\n h = h.sibling;\n }\n\n if (!g) throw Error(y(189));\n }\n }\n if (c.alternate !== d) throw Error(y(190));\n }\n\n if (3 !== c.tag) throw Error(y(188));\n return c.stateNode.current === c ? a : b;\n}\n\nfunction cc(a) {\n a = bc(a);\n if (!a) return null;\n\n for (var b = a;;) {\n if (5 === b.tag || 6 === b.tag) return b;\n if (b.child) b.child.return = b, b = b.child;else {\n if (b === a) break;\n\n for (; !b.sibling;) {\n if (!b.return || b.return === a) return null;\n b = b.return;\n }\n\n b.sibling.return = b.return;\n b = b.sibling;\n }\n }\n\n return null;\n}\n\nfunction dc(a, b) {\n for (var c = a.alternate; null !== b;) {\n if (b === a || b === c) return !0;\n b = b.return;\n }\n\n return !1;\n}\n\nvar ec,\n fc,\n gc,\n hc,\n ic = !1,\n jc = [],\n kc = null,\n lc = null,\n mc = null,\n nc = new Map(),\n oc = new Map(),\n pc = [],\n qc = \"mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit\".split(\" \");\n\nfunction rc(a, b, c, d, e) {\n return {\n blockedOn: a,\n domEventName: b,\n eventSystemFlags: c | 16,\n nativeEvent: e,\n targetContainers: [d]\n };\n}\n\nfunction sc(a, b) {\n switch (a) {\n case \"focusin\":\n case \"focusout\":\n kc = null;\n break;\n\n case \"dragenter\":\n case \"dragleave\":\n lc = null;\n break;\n\n case \"mouseover\":\n case \"mouseout\":\n mc = null;\n break;\n\n case \"pointerover\":\n case \"pointerout\":\n nc.delete(b.pointerId);\n break;\n\n case \"gotpointercapture\":\n case \"lostpointercapture\":\n oc.delete(b.pointerId);\n }\n}\n\nfunction tc(a, b, c, d, e, f) {\n if (null === a || a.nativeEvent !== f) return a = rc(b, c, d, e, f), null !== b && (b = Cb(b), null !== b && fc(b)), a;\n a.eventSystemFlags |= d;\n b = a.targetContainers;\n null !== e && -1 === b.indexOf(e) && b.push(e);\n return a;\n}\n\nfunction uc(a, b, c, d, e) {\n switch (b) {\n case \"focusin\":\n return kc = tc(kc, a, b, c, d, e), !0;\n\n case \"dragenter\":\n return lc = tc(lc, a, b, c, d, e), !0;\n\n case \"mouseover\":\n return mc = tc(mc, a, b, c, d, e), !0;\n\n case \"pointerover\":\n var f = e.pointerId;\n nc.set(f, tc(nc.get(f) || null, a, b, c, d, e));\n return !0;\n\n case \"gotpointercapture\":\n return f = e.pointerId, oc.set(f, tc(oc.get(f) || null, a, b, c, d, e)), !0;\n }\n\n return !1;\n}\n\nfunction vc(a) {\n var b = wc(a.target);\n\n if (null !== b) {\n var c = Zb(b);\n if (null !== c) if (b = c.tag, 13 === b) {\n if (b = $b(c), null !== b) {\n a.blockedOn = b;\n hc(a.lanePriority, function () {\n r.unstable_runWithPriority(a.priority, function () {\n gc(c);\n });\n });\n return;\n }\n } else if (3 === b && c.stateNode.hydrate) {\n a.blockedOn = 3 === c.tag ? c.stateNode.containerInfo : null;\n return;\n }\n }\n\n a.blockedOn = null;\n}\n\nfunction xc(a) {\n if (null !== a.blockedOn) return !1;\n\n for (var b = a.targetContainers; 0 < b.length;) {\n var c = yc(a.domEventName, a.eventSystemFlags, b[0], a.nativeEvent);\n if (null !== c) return b = Cb(c), null !== b && fc(b), a.blockedOn = c, !1;\n b.shift();\n }\n\n return !0;\n}\n\nfunction zc(a, b, c) {\n xc(a) && c.delete(b);\n}\n\nfunction Ac() {\n for (ic = !1; 0 < jc.length;) {\n var a = jc[0];\n\n if (null !== a.blockedOn) {\n a = Cb(a.blockedOn);\n null !== a && ec(a);\n break;\n }\n\n for (var b = a.targetContainers; 0 < b.length;) {\n var c = yc(a.domEventName, a.eventSystemFlags, b[0], a.nativeEvent);\n\n if (null !== c) {\n a.blockedOn = c;\n break;\n }\n\n b.shift();\n }\n\n null === a.blockedOn && jc.shift();\n }\n\n null !== kc && xc(kc) && (kc = null);\n null !== lc && xc(lc) && (lc = null);\n null !== mc && xc(mc) && (mc = null);\n nc.forEach(zc);\n oc.forEach(zc);\n}\n\nfunction Bc(a, b) {\n a.blockedOn === b && (a.blockedOn = null, ic || (ic = !0, r.unstable_scheduleCallback(r.unstable_NormalPriority, Ac)));\n}\n\nfunction Cc(a) {\n function b(b) {\n return Bc(b, a);\n }\n\n if (0 < jc.length) {\n Bc(jc[0], a);\n\n for (var c = 1; c < jc.length; c++) {\n var d = jc[c];\n d.blockedOn === a && (d.blockedOn = null);\n }\n }\n\n null !== kc && Bc(kc, a);\n null !== lc && Bc(lc, a);\n null !== mc && Bc(mc, a);\n nc.forEach(b);\n oc.forEach(b);\n\n for (c = 0; c < pc.length; c++) {\n d = pc[c], d.blockedOn === a && (d.blockedOn = null);\n }\n\n for (; 0 < pc.length && (c = pc[0], null === c.blockedOn);) {\n vc(c), null === c.blockedOn && pc.shift();\n }\n}\n\nfunction Dc(a, b) {\n var c = {};\n c[a.toLowerCase()] = b.toLowerCase();\n c[\"Webkit\" + a] = \"webkit\" + b;\n c[\"Moz\" + a] = \"moz\" + b;\n return c;\n}\n\nvar Ec = {\n animationend: Dc(\"Animation\", \"AnimationEnd\"),\n animationiteration: Dc(\"Animation\", \"AnimationIteration\"),\n animationstart: Dc(\"Animation\", \"AnimationStart\"),\n transitionend: Dc(\"Transition\", \"TransitionEnd\")\n},\n Fc = {},\n Gc = {};\nfa && (Gc = document.createElement(\"div\").style, \"AnimationEvent\" in window || (delete Ec.animationend.animation, delete Ec.animationiteration.animation, delete Ec.animationstart.animation), \"TransitionEvent\" in window || delete Ec.transitionend.transition);\n\nfunction Hc(a) {\n if (Fc[a]) return Fc[a];\n if (!Ec[a]) return a;\n var b = Ec[a],\n c;\n\n for (c in b) {\n if (b.hasOwnProperty(c) && c in Gc) return Fc[a] = b[c];\n }\n\n return a;\n}\n\nvar Ic = Hc(\"animationend\"),\n Jc = Hc(\"animationiteration\"),\n Kc = Hc(\"animationstart\"),\n Lc = Hc(\"transitionend\"),\n Mc = new Map(),\n Nc = new Map(),\n Oc = [\"abort\", \"abort\", Ic, \"animationEnd\", Jc, \"animationIteration\", Kc, \"animationStart\", \"canplay\", \"canPlay\", \"canplaythrough\", \"canPlayThrough\", \"durationchange\", \"durationChange\", \"emptied\", \"emptied\", \"encrypted\", \"encrypted\", \"ended\", \"ended\", \"error\", \"error\", \"gotpointercapture\", \"gotPointerCapture\", \"load\", \"load\", \"loadeddata\", \"loadedData\", \"loadedmetadata\", \"loadedMetadata\", \"loadstart\", \"loadStart\", \"lostpointercapture\", \"lostPointerCapture\", \"playing\", \"playing\", \"progress\", \"progress\", \"seeking\", \"seeking\", \"stalled\", \"stalled\", \"suspend\", \"suspend\", \"timeupdate\", \"timeUpdate\", Lc, \"transitionEnd\", \"waiting\", \"waiting\"];\n\nfunction Pc(a, b) {\n for (var c = 0; c < a.length; c += 2) {\n var d = a[c],\n e = a[c + 1];\n e = \"on\" + (e[0].toUpperCase() + e.slice(1));\n Nc.set(d, b);\n Mc.set(d, e);\n da(e, [d]);\n }\n}\n\nvar Qc = r.unstable_now;\nQc();\nvar F = 8;\n\nfunction Rc(a) {\n if (0 !== (1 & a)) return F = 15, 1;\n if (0 !== (2 & a)) return F = 14, 2;\n if (0 !== (4 & a)) return F = 13, 4;\n var b = 24 & a;\n if (0 !== b) return F = 12, b;\n if (0 !== (a & 32)) return F = 11, 32;\n b = 192 & a;\n if (0 !== b) return F = 10, b;\n if (0 !== (a & 256)) return F = 9, 256;\n b = 3584 & a;\n if (0 !== b) return F = 8, b;\n if (0 !== (a & 4096)) return F = 7, 4096;\n b = 4186112 & a;\n if (0 !== b) return F = 6, b;\n b = 62914560 & a;\n if (0 !== b) return F = 5, b;\n if (a & 67108864) return F = 4, 67108864;\n if (0 !== (a & 134217728)) return F = 3, 134217728;\n b = 805306368 & a;\n if (0 !== b) return F = 2, b;\n if (0 !== (1073741824 & a)) return F = 1, 1073741824;\n F = 8;\n return a;\n}\n\nfunction Sc(a) {\n switch (a) {\n case 99:\n return 15;\n\n case 98:\n return 10;\n\n case 97:\n case 96:\n return 8;\n\n case 95:\n return 2;\n\n default:\n return 0;\n }\n}\n\nfunction Tc(a) {\n switch (a) {\n case 15:\n case 14:\n return 99;\n\n case 13:\n case 12:\n case 11:\n case 10:\n return 98;\n\n case 9:\n case 8:\n case 7:\n case 6:\n case 4:\n case 5:\n return 97;\n\n case 3:\n case 2:\n case 1:\n return 95;\n\n case 0:\n return 90;\n\n default:\n throw Error(y(358, a));\n }\n}\n\nfunction Uc(a, b) {\n var c = a.pendingLanes;\n if (0 === c) return F = 0;\n var d = 0,\n e = 0,\n f = a.expiredLanes,\n g = a.suspendedLanes,\n h = a.pingedLanes;\n if (0 !== f) d = f, e = F = 15;else if (f = c & 134217727, 0 !== f) {\n var k = f & ~g;\n 0 !== k ? (d = Rc(k), e = F) : (h &= f, 0 !== h && (d = Rc(h), e = F));\n } else f = c & ~g, 0 !== f ? (d = Rc(f), e = F) : 0 !== h && (d = Rc(h), e = F);\n if (0 === d) return 0;\n d = 31 - Vc(d);\n d = c & ((0 > d ? 0 : 1 << d) << 1) - 1;\n\n if (0 !== b && b !== d && 0 === (b & g)) {\n Rc(b);\n if (e <= F) return b;\n F = e;\n }\n\n b = a.entangledLanes;\n if (0 !== b) for (a = a.entanglements, b &= d; 0 < b;) {\n c = 31 - Vc(b), e = 1 << c, d |= a[c], b &= ~e;\n }\n return d;\n}\n\nfunction Wc(a) {\n a = a.pendingLanes & -1073741825;\n return 0 !== a ? a : a & 1073741824 ? 1073741824 : 0;\n}\n\nfunction Xc(a, b) {\n switch (a) {\n case 15:\n return 1;\n\n case 14:\n return 2;\n\n case 12:\n return a = Yc(24 & ~b), 0 === a ? Xc(10, b) : a;\n\n case 10:\n return a = Yc(192 & ~b), 0 === a ? Xc(8, b) : a;\n\n case 8:\n return a = Yc(3584 & ~b), 0 === a && (a = Yc(4186112 & ~b), 0 === a && (a = 512)), a;\n\n case 2:\n return b = Yc(805306368 & ~b), 0 === b && (b = 268435456), b;\n }\n\n throw Error(y(358, a));\n}\n\nfunction Yc(a) {\n return a & -a;\n}\n\nfunction Zc(a) {\n for (var b = [], c = 0; 31 > c; c++) {\n b.push(a);\n }\n\n return b;\n}\n\nfunction $c(a, b, c) {\n a.pendingLanes |= b;\n var d = b - 1;\n a.suspendedLanes &= d;\n a.pingedLanes &= d;\n a = a.eventTimes;\n b = 31 - Vc(b);\n a[b] = c;\n}\n\nvar Vc = Math.clz32 ? Math.clz32 : ad,\n bd = Math.log,\n cd = Math.LN2;\n\nfunction ad(a) {\n return 0 === a ? 32 : 31 - (bd(a) / cd | 0) | 0;\n}\n\nvar dd = r.unstable_UserBlockingPriority,\n ed = r.unstable_runWithPriority,\n fd = !0;\n\nfunction gd(a, b, c, d) {\n Kb || Ib();\n var e = hd,\n f = Kb;\n Kb = !0;\n\n try {\n Hb(e, a, b, c, d);\n } finally {\n (Kb = f) || Mb();\n }\n}\n\nfunction id(a, b, c, d) {\n ed(dd, hd.bind(null, a, b, c, d));\n}\n\nfunction hd(a, b, c, d) {\n if (fd) {\n var e;\n if ((e = 0 === (b & 4)) && 0 < jc.length && -1 < qc.indexOf(a)) a = rc(null, a, b, c, d), jc.push(a);else {\n var f = yc(a, b, c, d);\n if (null === f) e && sc(a, d);else {\n if (e) {\n if (-1 < qc.indexOf(a)) {\n a = rc(f, a, b, c, d);\n jc.push(a);\n return;\n }\n\n if (uc(f, a, b, c, d)) return;\n sc(a, d);\n }\n\n jd(a, b, d, null, c);\n }\n }\n }\n}\n\nfunction yc(a, b, c, d) {\n var e = xb(d);\n e = wc(e);\n\n if (null !== e) {\n var f = Zb(e);\n if (null === f) e = null;else {\n var g = f.tag;\n\n if (13 === g) {\n e = $b(f);\n if (null !== e) return e;\n e = null;\n } else if (3 === g) {\n if (f.stateNode.hydrate) return 3 === f.tag ? f.stateNode.containerInfo : null;\n e = null;\n } else f !== e && (e = null);\n }\n }\n\n jd(a, b, d, e, c);\n return null;\n}\n\nvar kd = null,\n ld = null,\n md = null;\n\nfunction nd() {\n if (md) return md;\n var a,\n b = ld,\n c = b.length,\n d,\n e = \"value\" in kd ? kd.value : kd.textContent,\n f = e.length;\n\n for (a = 0; a < c && b[a] === e[a]; a++) {\n ;\n }\n\n var g = c - a;\n\n for (d = 1; d <= g && b[c - d] === e[f - d]; d++) {\n ;\n }\n\n return md = e.slice(a, 1 < d ? 1 - d : void 0);\n}\n\nfunction od(a) {\n var b = a.keyCode;\n \"charCode\" in a ? (a = a.charCode, 0 === a && 13 === b && (a = 13)) : a = b;\n 10 === a && (a = 13);\n return 32 <= a || 13 === a ? a : 0;\n}\n\nfunction pd() {\n return !0;\n}\n\nfunction qd() {\n return !1;\n}\n\nfunction rd(a) {\n function b(b, d, e, f, g) {\n this._reactName = b;\n this._targetInst = e;\n this.type = d;\n this.nativeEvent = f;\n this.target = g;\n this.currentTarget = null;\n\n for (var c in a) {\n a.hasOwnProperty(c) && (b = a[c], this[c] = b ? b(f) : f[c]);\n }\n\n this.isDefaultPrevented = (null != f.defaultPrevented ? f.defaultPrevented : !1 === f.returnValue) ? pd : qd;\n this.isPropagationStopped = qd;\n return this;\n }\n\n m(b.prototype, {\n preventDefault: function preventDefault() {\n this.defaultPrevented = !0;\n var a = this.nativeEvent;\n a && (a.preventDefault ? a.preventDefault() : \"unknown\" !== typeof a.returnValue && (a.returnValue = !1), this.isDefaultPrevented = pd);\n },\n stopPropagation: function stopPropagation() {\n var a = this.nativeEvent;\n a && (a.stopPropagation ? a.stopPropagation() : \"unknown\" !== typeof a.cancelBubble && (a.cancelBubble = !0), this.isPropagationStopped = pd);\n },\n persist: function persist() {},\n isPersistent: pd\n });\n return b;\n}\n\nvar sd = {\n eventPhase: 0,\n bubbles: 0,\n cancelable: 0,\n timeStamp: function timeStamp(a) {\n return a.timeStamp || Date.now();\n },\n defaultPrevented: 0,\n isTrusted: 0\n},\n td = rd(sd),\n ud = m({}, sd, {\n view: 0,\n detail: 0\n}),\n vd = rd(ud),\n wd,\n xd,\n yd,\n Ad = m({}, ud, {\n screenX: 0,\n screenY: 0,\n clientX: 0,\n clientY: 0,\n pageX: 0,\n pageY: 0,\n ctrlKey: 0,\n shiftKey: 0,\n altKey: 0,\n metaKey: 0,\n getModifierState: zd,\n button: 0,\n buttons: 0,\n relatedTarget: function relatedTarget(a) {\n return void 0 === a.relatedTarget ? a.fromElement === a.srcElement ? a.toElement : a.fromElement : a.relatedTarget;\n },\n movementX: function movementX(a) {\n if (\"movementX\" in a) return a.movementX;\n a !== yd && (yd && \"mousemove\" === a.type ? (wd = a.screenX - yd.screenX, xd = a.screenY - yd.screenY) : xd = wd = 0, yd = a);\n return wd;\n },\n movementY: function movementY(a) {\n return \"movementY\" in a ? a.movementY : xd;\n }\n}),\n Bd = rd(Ad),\n Cd = m({}, Ad, {\n dataTransfer: 0\n}),\n Dd = rd(Cd),\n Ed = m({}, ud, {\n relatedTarget: 0\n}),\n Fd = rd(Ed),\n Gd = m({}, sd, {\n animationName: 0,\n elapsedTime: 0,\n pseudoElement: 0\n}),\n Hd = rd(Gd),\n Id = m({}, sd, {\n clipboardData: function clipboardData(a) {\n return \"clipboardData\" in a ? a.clipboardData : window.clipboardData;\n }\n}),\n Jd = rd(Id),\n Kd = m({}, sd, {\n data: 0\n}),\n Ld = rd(Kd),\n Md = {\n Esc: \"Escape\",\n Spacebar: \" \",\n Left: \"ArrowLeft\",\n Up: \"ArrowUp\",\n Right: \"ArrowRight\",\n Down: \"ArrowDown\",\n Del: \"Delete\",\n Win: \"OS\",\n Menu: \"ContextMenu\",\n Apps: \"ContextMenu\",\n Scroll: \"ScrollLock\",\n MozPrintableKey: \"Unidentified\"\n},\n Nd = {\n 8: \"Backspace\",\n 9: \"Tab\",\n 12: \"Clear\",\n 13: \"Enter\",\n 16: \"Shift\",\n 17: \"Control\",\n 18: \"Alt\",\n 19: \"Pause\",\n 20: \"CapsLock\",\n 27: \"Escape\",\n 32: \" \",\n 33: \"PageUp\",\n 34: \"PageDown\",\n 35: \"End\",\n 36: \"Home\",\n 37: \"ArrowLeft\",\n 38: \"ArrowUp\",\n 39: \"ArrowRight\",\n 40: \"ArrowDown\",\n 45: \"Insert\",\n 46: \"Delete\",\n 112: \"F1\",\n 113: \"F2\",\n 114: \"F3\",\n 115: \"F4\",\n 116: \"F5\",\n 117: \"F6\",\n 118: \"F7\",\n 119: \"F8\",\n 120: \"F9\",\n 121: \"F10\",\n 122: \"F11\",\n 123: \"F12\",\n 144: \"NumLock\",\n 145: \"ScrollLock\",\n 224: \"Meta\"\n},\n Od = {\n Alt: \"altKey\",\n Control: \"ctrlKey\",\n Meta: \"metaKey\",\n Shift: \"shiftKey\"\n};\n\nfunction Pd(a) {\n var b = this.nativeEvent;\n return b.getModifierState ? b.getModifierState(a) : (a = Od[a]) ? !!b[a] : !1;\n}\n\nfunction zd() {\n return Pd;\n}\n\nvar Qd = m({}, ud, {\n key: function key(a) {\n if (a.key) {\n var b = Md[a.key] || a.key;\n if (\"Unidentified\" !== b) return b;\n }\n\n return \"keypress\" === a.type ? (a = od(a), 13 === a ? \"Enter\" : String.fromCharCode(a)) : \"keydown\" === a.type || \"keyup\" === a.type ? Nd[a.keyCode] || \"Unidentified\" : \"\";\n },\n code: 0,\n location: 0,\n ctrlKey: 0,\n shiftKey: 0,\n altKey: 0,\n metaKey: 0,\n repeat: 0,\n locale: 0,\n getModifierState: zd,\n charCode: function charCode(a) {\n return \"keypress\" === a.type ? od(a) : 0;\n },\n keyCode: function keyCode(a) {\n return \"keydown\" === a.type || \"keyup\" === a.type ? a.keyCode : 0;\n },\n which: function which(a) {\n return \"keypress\" === a.type ? od(a) : \"keydown\" === a.type || \"keyup\" === a.type ? a.keyCode : 0;\n }\n}),\n Rd = rd(Qd),\n Sd = m({}, Ad, {\n pointerId: 0,\n width: 0,\n height: 0,\n pressure: 0,\n tangentialPressure: 0,\n tiltX: 0,\n tiltY: 0,\n twist: 0,\n pointerType: 0,\n isPrimary: 0\n}),\n Td = rd(Sd),\n Ud = m({}, ud, {\n touches: 0,\n targetTouches: 0,\n changedTouches: 0,\n altKey: 0,\n metaKey: 0,\n ctrlKey: 0,\n shiftKey: 0,\n getModifierState: zd\n}),\n Vd = rd(Ud),\n Wd = m({}, sd, {\n propertyName: 0,\n elapsedTime: 0,\n pseudoElement: 0\n}),\n Xd = rd(Wd),\n Yd = m({}, Ad, {\n deltaX: function deltaX(a) {\n return \"deltaX\" in a ? a.deltaX : \"wheelDeltaX\" in a ? -a.wheelDeltaX : 0;\n },\n deltaY: function deltaY(a) {\n return \"deltaY\" in a ? a.deltaY : \"wheelDeltaY\" in a ? -a.wheelDeltaY : \"wheelDelta\" in a ? -a.wheelDelta : 0;\n },\n deltaZ: 0,\n deltaMode: 0\n}),\n Zd = rd(Yd),\n $d = [9, 13, 27, 32],\n ae = fa && \"CompositionEvent\" in window,\n be = null;\nfa && \"documentMode\" in document && (be = document.documentMode);\nvar ce = fa && \"TextEvent\" in window && !be,\n de = fa && (!ae || be && 8 < be && 11 >= be),\n ee = String.fromCharCode(32),\n fe = !1;\n\nfunction ge(a, b) {\n switch (a) {\n case \"keyup\":\n return -1 !== $d.indexOf(b.keyCode);\n\n case \"keydown\":\n return 229 !== b.keyCode;\n\n case \"keypress\":\n case \"mousedown\":\n case \"focusout\":\n return !0;\n\n default:\n return !1;\n }\n}\n\nfunction he(a) {\n a = a.detail;\n return \"object\" === _typeof(a) && \"data\" in a ? a.data : null;\n}\n\nvar ie = !1;\n\nfunction je(a, b) {\n switch (a) {\n case \"compositionend\":\n return he(b);\n\n case \"keypress\":\n if (32 !== b.which) return null;\n fe = !0;\n return ee;\n\n case \"textInput\":\n return a = b.data, a === ee && fe ? null : a;\n\n default:\n return null;\n }\n}\n\nfunction ke(a, b) {\n if (ie) return \"compositionend\" === a || !ae && ge(a, b) ? (a = nd(), md = ld = kd = null, ie = !1, a) : null;\n\n switch (a) {\n case \"paste\":\n return null;\n\n case \"keypress\":\n if (!(b.ctrlKey || b.altKey || b.metaKey) || b.ctrlKey && b.altKey) {\n if (b.char && 1 < b.char.length) return b.char;\n if (b.which) return String.fromCharCode(b.which);\n }\n\n return null;\n\n case \"compositionend\":\n return de && \"ko\" !== b.locale ? null : b.data;\n\n default:\n return null;\n }\n}\n\nvar le = {\n color: !0,\n date: !0,\n datetime: !0,\n \"datetime-local\": !0,\n email: !0,\n month: !0,\n number: !0,\n password: !0,\n range: !0,\n search: !0,\n tel: !0,\n text: !0,\n time: !0,\n url: !0,\n week: !0\n};\n\nfunction me(a) {\n var b = a && a.nodeName && a.nodeName.toLowerCase();\n return \"input\" === b ? !!le[a.type] : \"textarea\" === b ? !0 : !1;\n}\n\nfunction ne(a, b, c, d) {\n Eb(d);\n b = oe(b, \"onChange\");\n 0 < b.length && (c = new td(\"onChange\", \"change\", null, c, d), a.push({\n event: c,\n listeners: b\n }));\n}\n\nvar pe = null,\n qe = null;\n\nfunction re(a) {\n se(a, 0);\n}\n\nfunction te(a) {\n var b = ue(a);\n if (Wa(b)) return a;\n}\n\nfunction ve(a, b) {\n if (\"change\" === a) return b;\n}\n\nvar we = !1;\n\nif (fa) {\n var xe;\n\n if (fa) {\n var ye = (\"oninput\" in document);\n\n if (!ye) {\n var ze = document.createElement(\"div\");\n ze.setAttribute(\"oninput\", \"return;\");\n ye = \"function\" === typeof ze.oninput;\n }\n\n xe = ye;\n } else xe = !1;\n\n we = xe && (!document.documentMode || 9 < document.documentMode);\n}\n\nfunction Ae() {\n pe && (pe.detachEvent(\"onpropertychange\", Be), qe = pe = null);\n}\n\nfunction Be(a) {\n if (\"value\" === a.propertyName && te(qe)) {\n var b = [];\n ne(b, qe, a, xb(a));\n a = re;\n if (Kb) a(b);else {\n Kb = !0;\n\n try {\n Gb(a, b);\n } finally {\n Kb = !1, Mb();\n }\n }\n }\n}\n\nfunction Ce(a, b, c) {\n \"focusin\" === a ? (Ae(), pe = b, qe = c, pe.attachEvent(\"onpropertychange\", Be)) : \"focusout\" === a && Ae();\n}\n\nfunction De(a) {\n if (\"selectionchange\" === a || \"keyup\" === a || \"keydown\" === a) return te(qe);\n}\n\nfunction Ee(a, b) {\n if (\"click\" === a) return te(b);\n}\n\nfunction Fe(a, b) {\n if (\"input\" === a || \"change\" === a) return te(b);\n}\n\nfunction Ge(a, b) {\n return a === b && (0 !== a || 1 / a === 1 / b) || a !== a && b !== b;\n}\n\nvar He = \"function\" === typeof Object.is ? Object.is : Ge,\n Ie = Object.prototype.hasOwnProperty;\n\nfunction Je(a, b) {\n if (He(a, b)) return !0;\n if (\"object\" !== _typeof(a) || null === a || \"object\" !== _typeof(b) || null === b) return !1;\n var c = Object.keys(a),\n d = Object.keys(b);\n if (c.length !== d.length) return !1;\n\n for (d = 0; d < c.length; d++) {\n if (!Ie.call(b, c[d]) || !He(a[c[d]], b[c[d]])) return !1;\n }\n\n return !0;\n}\n\nfunction Ke(a) {\n for (; a && a.firstChild;) {\n a = a.firstChild;\n }\n\n return a;\n}\n\nfunction Le(a, b) {\n var c = Ke(a);\n a = 0;\n\n for (var d; c;) {\n if (3 === c.nodeType) {\n d = a + c.textContent.length;\n if (a <= b && d >= b) return {\n node: c,\n offset: b - a\n };\n a = d;\n }\n\n a: {\n for (; c;) {\n if (c.nextSibling) {\n c = c.nextSibling;\n break a;\n }\n\n c = c.parentNode;\n }\n\n c = void 0;\n }\n\n c = Ke(c);\n }\n}\n\nfunction Me(a, b) {\n return a && b ? a === b ? !0 : a && 3 === a.nodeType ? !1 : b && 3 === b.nodeType ? Me(a, b.parentNode) : \"contains\" in a ? a.contains(b) : a.compareDocumentPosition ? !!(a.compareDocumentPosition(b) & 16) : !1 : !1;\n}\n\nfunction Ne() {\n for (var a = window, b = Xa(); b instanceof a.HTMLIFrameElement;) {\n try {\n var c = \"string\" === typeof b.contentWindow.location.href;\n } catch (d) {\n c = !1;\n }\n\n if (c) a = b.contentWindow;else break;\n b = Xa(a.document);\n }\n\n return b;\n}\n\nfunction Oe(a) {\n var b = a && a.nodeName && a.nodeName.toLowerCase();\n return b && (\"input\" === b && (\"text\" === a.type || \"search\" === a.type || \"tel\" === a.type || \"url\" === a.type || \"password\" === a.type) || \"textarea\" === b || \"true\" === a.contentEditable);\n}\n\nvar Pe = fa && \"documentMode\" in document && 11 >= document.documentMode,\n Qe = null,\n Re = null,\n Se = null,\n Te = !1;\n\nfunction Ue(a, b, c) {\n var d = c.window === c ? c.document : 9 === c.nodeType ? c : c.ownerDocument;\n Te || null == Qe || Qe !== Xa(d) || (d = Qe, \"selectionStart\" in d && Oe(d) ? d = {\n start: d.selectionStart,\n end: d.selectionEnd\n } : (d = (d.ownerDocument && d.ownerDocument.defaultView || window).getSelection(), d = {\n anchorNode: d.anchorNode,\n anchorOffset: d.anchorOffset,\n focusNode: d.focusNode,\n focusOffset: d.focusOffset\n }), Se && Je(Se, d) || (Se = d, d = oe(Re, \"onSelect\"), 0 < d.length && (b = new td(\"onSelect\", \"select\", null, b, c), a.push({\n event: b,\n listeners: d\n }), b.target = Qe)));\n}\n\nPc(\"cancel cancel click click close close contextmenu contextMenu copy copy cut cut auxclick auxClick dblclick doubleClick dragend dragEnd dragstart dragStart drop drop focusin focus focusout blur input input invalid invalid keydown keyDown keypress keyPress keyup keyUp mousedown mouseDown mouseup mouseUp paste paste pause pause play play pointercancel pointerCancel pointerdown pointerDown pointerup pointerUp ratechange rateChange reset reset seeked seeked submit submit touchcancel touchCancel touchend touchEnd touchstart touchStart volumechange volumeChange\".split(\" \"), 0);\nPc(\"drag drag dragenter dragEnter dragexit dragExit dragleave dragLeave dragover dragOver mousemove mouseMove mouseout mouseOut mouseover mouseOver pointermove pointerMove pointerout pointerOut pointerover pointerOver scroll scroll toggle toggle touchmove touchMove wheel wheel\".split(\" \"), 1);\nPc(Oc, 2);\n\nfor (var Ve = \"change selectionchange textInput compositionstart compositionend compositionupdate\".split(\" \"), We = 0; We < Ve.length; We++) {\n Nc.set(Ve[We], 0);\n}\n\nea(\"onMouseEnter\", [\"mouseout\", \"mouseover\"]);\nea(\"onMouseLeave\", [\"mouseout\", \"mouseover\"]);\nea(\"onPointerEnter\", [\"pointerout\", \"pointerover\"]);\nea(\"onPointerLeave\", [\"pointerout\", \"pointerover\"]);\nda(\"onChange\", \"change click focusin focusout input keydown keyup selectionchange\".split(\" \"));\nda(\"onSelect\", \"focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange\".split(\" \"));\nda(\"onBeforeInput\", [\"compositionend\", \"keypress\", \"textInput\", \"paste\"]);\nda(\"onCompositionEnd\", \"compositionend focusout keydown keypress keyup mousedown\".split(\" \"));\nda(\"onCompositionStart\", \"compositionstart focusout keydown keypress keyup mousedown\".split(\" \"));\nda(\"onCompositionUpdate\", \"compositionupdate focusout keydown keypress keyup mousedown\".split(\" \"));\nvar Xe = \"abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange seeked seeking stalled suspend timeupdate volumechange waiting\".split(\" \"),\n Ye = new Set(\"cancel close invalid load scroll toggle\".split(\" \").concat(Xe));\n\nfunction Ze(a, b, c) {\n var d = a.type || \"unknown-event\";\n a.currentTarget = c;\n Yb(d, b, void 0, a);\n a.currentTarget = null;\n}\n\nfunction se(a, b) {\n b = 0 !== (b & 4);\n\n for (var c = 0; c < a.length; c++) {\n var d = a[c],\n e = d.event;\n d = d.listeners;\n\n a: {\n var f = void 0;\n if (b) for (var g = d.length - 1; 0 <= g; g--) {\n var h = d[g],\n k = h.instance,\n l = h.currentTarget;\n h = h.listener;\n if (k !== f && e.isPropagationStopped()) break a;\n Ze(e, h, l);\n f = k;\n } else for (g = 0; g < d.length; g++) {\n h = d[g];\n k = h.instance;\n l = h.currentTarget;\n h = h.listener;\n if (k !== f && e.isPropagationStopped()) break a;\n Ze(e, h, l);\n f = k;\n }\n }\n }\n\n if (Ub) throw a = Vb, Ub = !1, Vb = null, a;\n}\n\nfunction G(a, b) {\n var c = $e(b),\n d = a + \"__bubble\";\n c.has(d) || (af(b, a, 2, !1), c.add(d));\n}\n\nvar bf = \"_reactListening\" + Math.random().toString(36).slice(2);\n\nfunction cf(a) {\n a[bf] || (a[bf] = !0, ba.forEach(function (b) {\n Ye.has(b) || df(b, !1, a, null);\n df(b, !0, a, null);\n }));\n}\n\nfunction df(a, b, c, d) {\n var e = 4 < arguments.length && void 0 !== arguments[4] ? arguments[4] : 0,\n f = c;\n \"selectionchange\" === a && 9 !== c.nodeType && (f = c.ownerDocument);\n\n if (null !== d && !b && Ye.has(a)) {\n if (\"scroll\" !== a) return;\n e |= 2;\n f = d;\n }\n\n var g = $e(f),\n h = a + \"__\" + (b ? \"capture\" : \"bubble\");\n g.has(h) || (b && (e |= 4), af(f, a, e, b), g.add(h));\n}\n\nfunction af(a, b, c, d) {\n var e = Nc.get(b);\n\n switch (void 0 === e ? 2 : e) {\n case 0:\n e = gd;\n break;\n\n case 1:\n e = id;\n break;\n\n default:\n e = hd;\n }\n\n c = e.bind(null, b, c, a);\n e = void 0;\n !Pb || \"touchstart\" !== b && \"touchmove\" !== b && \"wheel\" !== b || (e = !0);\n d ? void 0 !== e ? a.addEventListener(b, c, {\n capture: !0,\n passive: e\n }) : a.addEventListener(b, c, !0) : void 0 !== e ? a.addEventListener(b, c, {\n passive: e\n }) : a.addEventListener(b, c, !1);\n}\n\nfunction jd(a, b, c, d, e) {\n var f = d;\n if (0 === (b & 1) && 0 === (b & 2) && null !== d) a: for (;;) {\n if (null === d) return;\n var g = d.tag;\n\n if (3 === g || 4 === g) {\n var h = d.stateNode.containerInfo;\n if (h === e || 8 === h.nodeType && h.parentNode === e) break;\n if (4 === g) for (g = d.return; null !== g;) {\n var k = g.tag;\n if (3 === k || 4 === k) if (k = g.stateNode.containerInfo, k === e || 8 === k.nodeType && k.parentNode === e) return;\n g = g.return;\n }\n\n for (; null !== h;) {\n g = wc(h);\n if (null === g) return;\n k = g.tag;\n\n if (5 === k || 6 === k) {\n d = f = g;\n continue a;\n }\n\n h = h.parentNode;\n }\n }\n\n d = d.return;\n }\n Nb(function () {\n var d = f,\n e = xb(c),\n g = [];\n\n a: {\n var h = Mc.get(a);\n\n if (void 0 !== h) {\n var k = td,\n x = a;\n\n switch (a) {\n case \"keypress\":\n if (0 === od(c)) break a;\n\n case \"keydown\":\n case \"keyup\":\n k = Rd;\n break;\n\n case \"focusin\":\n x = \"focus\";\n k = Fd;\n break;\n\n case \"focusout\":\n x = \"blur\";\n k = Fd;\n break;\n\n case \"beforeblur\":\n case \"afterblur\":\n k = Fd;\n break;\n\n case \"click\":\n if (2 === c.button) break a;\n\n case \"auxclick\":\n case \"dblclick\":\n case \"mousedown\":\n case \"mousemove\":\n case \"mouseup\":\n case \"mouseout\":\n case \"mouseover\":\n case \"contextmenu\":\n k = Bd;\n break;\n\n case \"drag\":\n case \"dragend\":\n case \"dragenter\":\n case \"dragexit\":\n case \"dragleave\":\n case \"dragover\":\n case \"dragstart\":\n case \"drop\":\n k = Dd;\n break;\n\n case \"touchcancel\":\n case \"touchend\":\n case \"touchmove\":\n case \"touchstart\":\n k = Vd;\n break;\n\n case Ic:\n case Jc:\n case Kc:\n k = Hd;\n break;\n\n case Lc:\n k = Xd;\n break;\n\n case \"scroll\":\n k = vd;\n break;\n\n case \"wheel\":\n k = Zd;\n break;\n\n case \"copy\":\n case \"cut\":\n case \"paste\":\n k = Jd;\n break;\n\n case \"gotpointercapture\":\n case \"lostpointercapture\":\n case \"pointercancel\":\n case \"pointerdown\":\n case \"pointermove\":\n case \"pointerout\":\n case \"pointerover\":\n case \"pointerup\":\n k = Td;\n }\n\n var w = 0 !== (b & 4),\n z = !w && \"scroll\" === a,\n u = w ? null !== h ? h + \"Capture\" : null : h;\n w = [];\n\n for (var t = d, q; null !== t;) {\n q = t;\n var v = q.stateNode;\n 5 === q.tag && null !== v && (q = v, null !== u && (v = Ob(t, u), null != v && w.push(ef(t, v, q))));\n if (z) break;\n t = t.return;\n }\n\n 0 < w.length && (h = new k(h, x, null, c, e), g.push({\n event: h,\n listeners: w\n }));\n }\n }\n\n if (0 === (b & 7)) {\n a: {\n h = \"mouseover\" === a || \"pointerover\" === a;\n k = \"mouseout\" === a || \"pointerout\" === a;\n if (h && 0 === (b & 16) && (x = c.relatedTarget || c.fromElement) && (wc(x) || x[ff])) break a;\n\n if (k || h) {\n h = e.window === e ? e : (h = e.ownerDocument) ? h.defaultView || h.parentWindow : window;\n\n if (k) {\n if (x = c.relatedTarget || c.toElement, k = d, x = x ? wc(x) : null, null !== x && (z = Zb(x), x !== z || 5 !== x.tag && 6 !== x.tag)) x = null;\n } else k = null, x = d;\n\n if (k !== x) {\n w = Bd;\n v = \"onMouseLeave\";\n u = \"onMouseEnter\";\n t = \"mouse\";\n if (\"pointerout\" === a || \"pointerover\" === a) w = Td, v = \"onPointerLeave\", u = \"onPointerEnter\", t = \"pointer\";\n z = null == k ? h : ue(k);\n q = null == x ? h : ue(x);\n h = new w(v, t + \"leave\", k, c, e);\n h.target = z;\n h.relatedTarget = q;\n v = null;\n wc(e) === d && (w = new w(u, t + \"enter\", x, c, e), w.target = q, w.relatedTarget = z, v = w);\n z = v;\n if (k && x) b: {\n w = k;\n u = x;\n t = 0;\n\n for (q = w; q; q = gf(q)) {\n t++;\n }\n\n q = 0;\n\n for (v = u; v; v = gf(v)) {\n q++;\n }\n\n for (; 0 < t - q;) {\n w = gf(w), t--;\n }\n\n for (; 0 < q - t;) {\n u = gf(u), q--;\n }\n\n for (; t--;) {\n if (w === u || null !== u && w === u.alternate) break b;\n w = gf(w);\n u = gf(u);\n }\n\n w = null;\n } else w = null;\n null !== k && hf(g, h, k, w, !1);\n null !== x && null !== z && hf(g, z, x, w, !0);\n }\n }\n }\n\n a: {\n h = d ? ue(d) : window;\n k = h.nodeName && h.nodeName.toLowerCase();\n if (\"select\" === k || \"input\" === k && \"file\" === h.type) var J = ve;else if (me(h)) {\n if (we) J = Fe;else {\n J = De;\n var K = Ce;\n }\n } else (k = h.nodeName) && \"input\" === k.toLowerCase() && (\"checkbox\" === h.type || \"radio\" === h.type) && (J = Ee);\n\n if (J && (J = J(a, d))) {\n ne(g, J, c, e);\n break a;\n }\n\n K && K(a, h, d);\n \"focusout\" === a && (K = h._wrapperState) && K.controlled && \"number\" === h.type && bb(h, \"number\", h.value);\n }\n\n K = d ? ue(d) : window;\n\n switch (a) {\n case \"focusin\":\n if (me(K) || \"true\" === K.contentEditable) Qe = K, Re = d, Se = null;\n break;\n\n case \"focusout\":\n Se = Re = Qe = null;\n break;\n\n case \"mousedown\":\n Te = !0;\n break;\n\n case \"contextmenu\":\n case \"mouseup\":\n case \"dragend\":\n Te = !1;\n Ue(g, c, e);\n break;\n\n case \"selectionchange\":\n if (Pe) break;\n\n case \"keydown\":\n case \"keyup\":\n Ue(g, c, e);\n }\n\n var Q;\n if (ae) b: {\n switch (a) {\n case \"compositionstart\":\n var L = \"onCompositionStart\";\n break b;\n\n case \"compositionend\":\n L = \"onCompositionEnd\";\n break b;\n\n case \"compositionupdate\":\n L = \"onCompositionUpdate\";\n break b;\n }\n\n L = void 0;\n } else ie ? ge(a, c) && (L = \"onCompositionEnd\") : \"keydown\" === a && 229 === c.keyCode && (L = \"onCompositionStart\");\n L && (de && \"ko\" !== c.locale && (ie || \"onCompositionStart\" !== L ? \"onCompositionEnd\" === L && ie && (Q = nd()) : (kd = e, ld = \"value\" in kd ? kd.value : kd.textContent, ie = !0)), K = oe(d, L), 0 < K.length && (L = new Ld(L, a, null, c, e), g.push({\n event: L,\n listeners: K\n }), Q ? L.data = Q : (Q = he(c), null !== Q && (L.data = Q))));\n if (Q = ce ? je(a, c) : ke(a, c)) d = oe(d, \"onBeforeInput\"), 0 < d.length && (e = new Ld(\"onBeforeInput\", \"beforeinput\", null, c, e), g.push({\n event: e,\n listeners: d\n }), e.data = Q);\n }\n\n se(g, b);\n });\n}\n\nfunction ef(a, b, c) {\n return {\n instance: a,\n listener: b,\n currentTarget: c\n };\n}\n\nfunction oe(a, b) {\n for (var c = b + \"Capture\", d = []; null !== a;) {\n var e = a,\n f = e.stateNode;\n 5 === e.tag && null !== f && (e = f, f = Ob(a, c), null != f && d.unshift(ef(a, f, e)), f = Ob(a, b), null != f && d.push(ef(a, f, e)));\n a = a.return;\n }\n\n return d;\n}\n\nfunction gf(a) {\n if (null === a) return null;\n\n do {\n a = a.return;\n } while (a && 5 !== a.tag);\n\n return a ? a : null;\n}\n\nfunction hf(a, b, c, d, e) {\n for (var f = b._reactName, g = []; null !== c && c !== d;) {\n var h = c,\n k = h.alternate,\n l = h.stateNode;\n if (null !== k && k === d) break;\n 5 === h.tag && null !== l && (h = l, e ? (k = Ob(c, f), null != k && g.unshift(ef(c, k, h))) : e || (k = Ob(c, f), null != k && g.push(ef(c, k, h))));\n c = c.return;\n }\n\n 0 !== g.length && a.push({\n event: b,\n listeners: g\n });\n}\n\nfunction jf() {}\n\nvar kf = null,\n lf = null;\n\nfunction mf(a, b) {\n switch (a) {\n case \"button\":\n case \"input\":\n case \"select\":\n case \"textarea\":\n return !!b.autoFocus;\n }\n\n return !1;\n}\n\nfunction nf(a, b) {\n return \"textarea\" === a || \"option\" === a || \"noscript\" === a || \"string\" === typeof b.children || \"number\" === typeof b.children || \"object\" === _typeof(b.dangerouslySetInnerHTML) && null !== b.dangerouslySetInnerHTML && null != b.dangerouslySetInnerHTML.__html;\n}\n\nvar of = \"function\" === typeof setTimeout ? setTimeout : void 0,\n pf = \"function\" === typeof clearTimeout ? clearTimeout : void 0;\n\nfunction qf(a) {\n 1 === a.nodeType ? a.textContent = \"\" : 9 === a.nodeType && (a = a.body, null != a && (a.textContent = \"\"));\n}\n\nfunction rf(a) {\n for (; null != a; a = a.nextSibling) {\n var b = a.nodeType;\n if (1 === b || 3 === b) break;\n }\n\n return a;\n}\n\nfunction sf(a) {\n a = a.previousSibling;\n\n for (var b = 0; a;) {\n if (8 === a.nodeType) {\n var c = a.data;\n\n if (\"$\" === c || \"$!\" === c || \"$?\" === c) {\n if (0 === b) return a;\n b--;\n } else \"/$\" === c && b++;\n }\n\n a = a.previousSibling;\n }\n\n return null;\n}\n\nvar tf = 0;\n\nfunction uf(a) {\n return {\n $$typeof: Ga,\n toString: a,\n valueOf: a\n };\n}\n\nvar vf = Math.random().toString(36).slice(2),\n wf = \"__reactFiber$\" + vf,\n xf = \"__reactProps$\" + vf,\n ff = \"__reactContainer$\" + vf,\n yf = \"__reactEvents$\" + vf;\n\nfunction wc(a) {\n var b = a[wf];\n if (b) return b;\n\n for (var c = a.parentNode; c;) {\n if (b = c[ff] || c[wf]) {\n c = b.alternate;\n if (null !== b.child || null !== c && null !== c.child) for (a = sf(a); null !== a;) {\n if (c = a[wf]) return c;\n a = sf(a);\n }\n return b;\n }\n\n a = c;\n c = a.parentNode;\n }\n\n return null;\n}\n\nfunction Cb(a) {\n a = a[wf] || a[ff];\n return !a || 5 !== a.tag && 6 !== a.tag && 13 !== a.tag && 3 !== a.tag ? null : a;\n}\n\nfunction ue(a) {\n if (5 === a.tag || 6 === a.tag) return a.stateNode;\n throw Error(y(33));\n}\n\nfunction Db(a) {\n return a[xf] || null;\n}\n\nfunction $e(a) {\n var b = a[yf];\n void 0 === b && (b = a[yf] = new Set());\n return b;\n}\n\nvar zf = [],\n Af = -1;\n\nfunction Bf(a) {\n return {\n current: a\n };\n}\n\nfunction H(a) {\n 0 > Af || (a.current = zf[Af], zf[Af] = null, Af--);\n}\n\nfunction I(a, b) {\n Af++;\n zf[Af] = a.current;\n a.current = b;\n}\n\nvar Cf = {},\n M = Bf(Cf),\n N = Bf(!1),\n Df = Cf;\n\nfunction Ef(a, b) {\n var c = a.type.contextTypes;\n if (!c) return Cf;\n var d = a.stateNode;\n if (d && d.__reactInternalMemoizedUnmaskedChildContext === b) return d.__reactInternalMemoizedMaskedChildContext;\n var e = {},\n f;\n\n for (f in c) {\n e[f] = b[f];\n }\n\n d && (a = a.stateNode, a.__reactInternalMemoizedUnmaskedChildContext = b, a.__reactInternalMemoizedMaskedChildContext = e);\n return e;\n}\n\nfunction Ff(a) {\n a = a.childContextTypes;\n return null !== a && void 0 !== a;\n}\n\nfunction Gf() {\n H(N);\n H(M);\n}\n\nfunction Hf(a, b, c) {\n if (M.current !== Cf) throw Error(y(168));\n I(M, b);\n I(N, c);\n}\n\nfunction If(a, b, c) {\n var d = a.stateNode;\n a = b.childContextTypes;\n if (\"function\" !== typeof d.getChildContext) return c;\n d = d.getChildContext();\n\n for (var e in d) {\n if (!(e in a)) throw Error(y(108, Ra(b) || \"Unknown\", e));\n }\n\n return m({}, c, d);\n}\n\nfunction Jf(a) {\n a = (a = a.stateNode) && a.__reactInternalMemoizedMergedChildContext || Cf;\n Df = M.current;\n I(M, a);\n I(N, N.current);\n return !0;\n}\n\nfunction Kf(a, b, c) {\n var d = a.stateNode;\n if (!d) throw Error(y(169));\n c ? (a = If(a, b, Df), d.__reactInternalMemoizedMergedChildContext = a, H(N), H(M), I(M, a)) : H(N);\n I(N, c);\n}\n\nvar Lf = null,\n Mf = null,\n Nf = r.unstable_runWithPriority,\n Of = r.unstable_scheduleCallback,\n Pf = r.unstable_cancelCallback,\n Qf = r.unstable_shouldYield,\n Rf = r.unstable_requestPaint,\n Sf = r.unstable_now,\n Tf = r.unstable_getCurrentPriorityLevel,\n Uf = r.unstable_ImmediatePriority,\n Vf = r.unstable_UserBlockingPriority,\n Wf = r.unstable_NormalPriority,\n Xf = r.unstable_LowPriority,\n Yf = r.unstable_IdlePriority,\n Zf = {},\n $f = void 0 !== Rf ? Rf : function () {},\n ag = null,\n bg = null,\n cg = !1,\n dg = Sf(),\n O = 1E4 > dg ? Sf : function () {\n return Sf() - dg;\n};\n\nfunction eg() {\n switch (Tf()) {\n case Uf:\n return 99;\n\n case Vf:\n return 98;\n\n case Wf:\n return 97;\n\n case Xf:\n return 96;\n\n case Yf:\n return 95;\n\n default:\n throw Error(y(332));\n }\n}\n\nfunction fg(a) {\n switch (a) {\n case 99:\n return Uf;\n\n case 98:\n return Vf;\n\n case 97:\n return Wf;\n\n case 96:\n return Xf;\n\n case 95:\n return Yf;\n\n default:\n throw Error(y(332));\n }\n}\n\nfunction gg(a, b) {\n a = fg(a);\n return Nf(a, b);\n}\n\nfunction hg(a, b, c) {\n a = fg(a);\n return Of(a, b, c);\n}\n\nfunction ig() {\n if (null !== bg) {\n var a = bg;\n bg = null;\n Pf(a);\n }\n\n jg();\n}\n\nfunction jg() {\n if (!cg && null !== ag) {\n cg = !0;\n var a = 0;\n\n try {\n var b = ag;\n gg(99, function () {\n for (; a < b.length; a++) {\n var c = b[a];\n\n do {\n c = c(!0);\n } while (null !== c);\n }\n });\n ag = null;\n } catch (c) {\n throw null !== ag && (ag = ag.slice(a + 1)), Of(Uf, ig), c;\n } finally {\n cg = !1;\n }\n }\n}\n\nvar kg = ra.ReactCurrentBatchConfig;\n\nfunction lg(a, b) {\n if (a && a.defaultProps) {\n b = m({}, b);\n a = a.defaultProps;\n\n for (var c in a) {\n void 0 === b[c] && (b[c] = a[c]);\n }\n\n return b;\n }\n\n return b;\n}\n\nvar mg = Bf(null),\n ng = null,\n og = null,\n pg = null;\n\nfunction qg() {\n pg = og = ng = null;\n}\n\nfunction rg(a) {\n var b = mg.current;\n H(mg);\n a.type._context._currentValue = b;\n}\n\nfunction sg(a, b) {\n for (; null !== a;) {\n var c = a.alternate;\n if ((a.childLanes & b) === b) {\n if (null === c || (c.childLanes & b) === b) break;else c.childLanes |= b;\n } else a.childLanes |= b, null !== c && (c.childLanes |= b);\n a = a.return;\n }\n}\n\nfunction tg(a, b) {\n ng = a;\n pg = og = null;\n a = a.dependencies;\n null !== a && null !== a.firstContext && (0 !== (a.lanes & b) && (ug = !0), a.firstContext = null);\n}\n\nfunction vg(a, b) {\n if (pg !== a && !1 !== b && 0 !== b) {\n if (\"number\" !== typeof b || 1073741823 === b) pg = a, b = 1073741823;\n b = {\n context: a,\n observedBits: b,\n next: null\n };\n\n if (null === og) {\n if (null === ng) throw Error(y(308));\n og = b;\n ng.dependencies = {\n lanes: 0,\n firstContext: b,\n responders: null\n };\n } else og = og.next = b;\n }\n\n return a._currentValue;\n}\n\nvar wg = !1;\n\nfunction xg(a) {\n a.updateQueue = {\n baseState: a.memoizedState,\n firstBaseUpdate: null,\n lastBaseUpdate: null,\n shared: {\n pending: null\n },\n effects: null\n };\n}\n\nfunction yg(a, b) {\n a = a.updateQueue;\n b.updateQueue === a && (b.updateQueue = {\n baseState: a.baseState,\n firstBaseUpdate: a.firstBaseUpdate,\n lastBaseUpdate: a.lastBaseUpdate,\n shared: a.shared,\n effects: a.effects\n });\n}\n\nfunction zg(a, b) {\n return {\n eventTime: a,\n lane: b,\n tag: 0,\n payload: null,\n callback: null,\n next: null\n };\n}\n\nfunction Ag(a, b) {\n a = a.updateQueue;\n\n if (null !== a) {\n a = a.shared;\n var c = a.pending;\n null === c ? b.next = b : (b.next = c.next, c.next = b);\n a.pending = b;\n }\n}\n\nfunction Bg(a, b) {\n var c = a.updateQueue,\n d = a.alternate;\n\n if (null !== d && (d = d.updateQueue, c === d)) {\n var e = null,\n f = null;\n c = c.firstBaseUpdate;\n\n if (null !== c) {\n do {\n var g = {\n eventTime: c.eventTime,\n lane: c.lane,\n tag: c.tag,\n payload: c.payload,\n callback: c.callback,\n next: null\n };\n null === f ? e = f = g : f = f.next = g;\n c = c.next;\n } while (null !== c);\n\n null === f ? e = f = b : f = f.next = b;\n } else e = f = b;\n\n c = {\n baseState: d.baseState,\n firstBaseUpdate: e,\n lastBaseUpdate: f,\n shared: d.shared,\n effects: d.effects\n };\n a.updateQueue = c;\n return;\n }\n\n a = c.lastBaseUpdate;\n null === a ? c.firstBaseUpdate = b : a.next = b;\n c.lastBaseUpdate = b;\n}\n\nfunction Cg(a, b, c, d) {\n var e = a.updateQueue;\n wg = !1;\n var f = e.firstBaseUpdate,\n g = e.lastBaseUpdate,\n h = e.shared.pending;\n\n if (null !== h) {\n e.shared.pending = null;\n var k = h,\n l = k.next;\n k.next = null;\n null === g ? f = l : g.next = l;\n g = k;\n var n = a.alternate;\n\n if (null !== n) {\n n = n.updateQueue;\n var A = n.lastBaseUpdate;\n A !== g && (null === A ? n.firstBaseUpdate = l : A.next = l, n.lastBaseUpdate = k);\n }\n }\n\n if (null !== f) {\n A = e.baseState;\n g = 0;\n n = l = k = null;\n\n do {\n h = f.lane;\n var p = f.eventTime;\n\n if ((d & h) === h) {\n null !== n && (n = n.next = {\n eventTime: p,\n lane: 0,\n tag: f.tag,\n payload: f.payload,\n callback: f.callback,\n next: null\n });\n\n a: {\n var C = a,\n x = f;\n h = b;\n p = c;\n\n switch (x.tag) {\n case 1:\n C = x.payload;\n\n if (\"function\" === typeof C) {\n A = C.call(p, A, h);\n break a;\n }\n\n A = C;\n break a;\n\n case 3:\n C.flags = C.flags & -4097 | 64;\n\n case 0:\n C = x.payload;\n h = \"function\" === typeof C ? C.call(p, A, h) : C;\n if (null === h || void 0 === h) break a;\n A = m({}, A, h);\n break a;\n\n case 2:\n wg = !0;\n }\n }\n\n null !== f.callback && (a.flags |= 32, h = e.effects, null === h ? e.effects = [f] : h.push(f));\n } else p = {\n eventTime: p,\n lane: h,\n tag: f.tag,\n payload: f.payload,\n callback: f.callback,\n next: null\n }, null === n ? (l = n = p, k = A) : n = n.next = p, g |= h;\n\n f = f.next;\n if (null === f) if (h = e.shared.pending, null === h) break;else f = h.next, h.next = null, e.lastBaseUpdate = h, e.shared.pending = null;\n } while (1);\n\n null === n && (k = A);\n e.baseState = k;\n e.firstBaseUpdate = l;\n e.lastBaseUpdate = n;\n Dg |= g;\n a.lanes = g;\n a.memoizedState = A;\n }\n}\n\nfunction Eg(a, b, c) {\n a = b.effects;\n b.effects = null;\n if (null !== a) for (b = 0; b < a.length; b++) {\n var d = a[b],\n e = d.callback;\n\n if (null !== e) {\n d.callback = null;\n d = c;\n if (\"function\" !== typeof e) throw Error(y(191, e));\n e.call(d);\n }\n }\n}\n\nvar Fg = new aa.Component().refs;\n\nfunction Gg(a, b, c, d) {\n b = a.memoizedState;\n c = c(d, b);\n c = null === c || void 0 === c ? b : m({}, b, c);\n a.memoizedState = c;\n 0 === a.lanes && (a.updateQueue.baseState = c);\n}\n\nvar Kg = {\n isMounted: function isMounted(a) {\n return (a = a._reactInternals) ? Zb(a) === a : !1;\n },\n enqueueSetState: function enqueueSetState(a, b, c) {\n a = a._reactInternals;\n var d = Hg(),\n e = Ig(a),\n f = zg(d, e);\n f.payload = b;\n void 0 !== c && null !== c && (f.callback = c);\n Ag(a, f);\n Jg(a, e, d);\n },\n enqueueReplaceState: function enqueueReplaceState(a, b, c) {\n a = a._reactInternals;\n var d = Hg(),\n e = Ig(a),\n f = zg(d, e);\n f.tag = 1;\n f.payload = b;\n void 0 !== c && null !== c && (f.callback = c);\n Ag(a, f);\n Jg(a, e, d);\n },\n enqueueForceUpdate: function enqueueForceUpdate(a, b) {\n a = a._reactInternals;\n var c = Hg(),\n d = Ig(a),\n e = zg(c, d);\n e.tag = 2;\n void 0 !== b && null !== b && (e.callback = b);\n Ag(a, e);\n Jg(a, d, c);\n }\n};\n\nfunction Lg(a, b, c, d, e, f, g) {\n a = a.stateNode;\n return \"function\" === typeof a.shouldComponentUpdate ? a.shouldComponentUpdate(d, f, g) : b.prototype && b.prototype.isPureReactComponent ? !Je(c, d) || !Je(e, f) : !0;\n}\n\nfunction Mg(a, b, c) {\n var d = !1,\n e = Cf;\n var f = b.contextType;\n \"object\" === _typeof(f) && null !== f ? f = vg(f) : (e = Ff(b) ? Df : M.current, d = b.contextTypes, f = (d = null !== d && void 0 !== d) ? Ef(a, e) : Cf);\n b = new b(c, f);\n a.memoizedState = null !== b.state && void 0 !== b.state ? b.state : null;\n b.updater = Kg;\n a.stateNode = b;\n b._reactInternals = a;\n d && (a = a.stateNode, a.__reactInternalMemoizedUnmaskedChildContext = e, a.__reactInternalMemoizedMaskedChildContext = f);\n return b;\n}\n\nfunction Ng(a, b, c, d) {\n a = b.state;\n \"function\" === typeof b.componentWillReceiveProps && b.componentWillReceiveProps(c, d);\n \"function\" === typeof b.UNSAFE_componentWillReceiveProps && b.UNSAFE_componentWillReceiveProps(c, d);\n b.state !== a && Kg.enqueueReplaceState(b, b.state, null);\n}\n\nfunction Og(a, b, c, d) {\n var e = a.stateNode;\n e.props = c;\n e.state = a.memoizedState;\n e.refs = Fg;\n xg(a);\n var f = b.contextType;\n \"object\" === _typeof(f) && null !== f ? e.context = vg(f) : (f = Ff(b) ? Df : M.current, e.context = Ef(a, f));\n Cg(a, c, e, d);\n e.state = a.memoizedState;\n f = b.getDerivedStateFromProps;\n \"function\" === typeof f && (Gg(a, b, f, c), e.state = a.memoizedState);\n \"function\" === typeof b.getDerivedStateFromProps || \"function\" === typeof e.getSnapshotBeforeUpdate || \"function\" !== typeof e.UNSAFE_componentWillMount && \"function\" !== typeof e.componentWillMount || (b = e.state, \"function\" === typeof e.componentWillMount && e.componentWillMount(), \"function\" === typeof e.UNSAFE_componentWillMount && e.UNSAFE_componentWillMount(), b !== e.state && Kg.enqueueReplaceState(e, e.state, null), Cg(a, c, e, d), e.state = a.memoizedState);\n \"function\" === typeof e.componentDidMount && (a.flags |= 4);\n}\n\nvar Pg = Array.isArray;\n\nfunction Qg(a, b, c) {\n a = c.ref;\n\n if (null !== a && \"function\" !== typeof a && \"object\" !== _typeof(a)) {\n if (c._owner) {\n c = c._owner;\n\n if (c) {\n if (1 !== c.tag) throw Error(y(309));\n var d = c.stateNode;\n }\n\n if (!d) throw Error(y(147, a));\n var e = \"\" + a;\n if (null !== b && null !== b.ref && \"function\" === typeof b.ref && b.ref._stringRef === e) return b.ref;\n\n b = function b(a) {\n var b = d.refs;\n b === Fg && (b = d.refs = {});\n null === a ? delete b[e] : b[e] = a;\n };\n\n b._stringRef = e;\n return b;\n }\n\n if (\"string\" !== typeof a) throw Error(y(284));\n if (!c._owner) throw Error(y(290, a));\n }\n\n return a;\n}\n\nfunction Rg(a, b) {\n if (\"textarea\" !== a.type) throw Error(y(31, \"[object Object]\" === Object.prototype.toString.call(b) ? \"object with keys {\" + Object.keys(b).join(\", \") + \"}\" : b));\n}\n\nfunction Sg(a) {\n function b(b, c) {\n if (a) {\n var d = b.lastEffect;\n null !== d ? (d.nextEffect = c, b.lastEffect = c) : b.firstEffect = b.lastEffect = c;\n c.nextEffect = null;\n c.flags = 8;\n }\n }\n\n function c(c, d) {\n if (!a) return null;\n\n for (; null !== d;) {\n b(c, d), d = d.sibling;\n }\n\n return null;\n }\n\n function d(a, b) {\n for (a = new Map(); null !== b;) {\n null !== b.key ? a.set(b.key, b) : a.set(b.index, b), b = b.sibling;\n }\n\n return a;\n }\n\n function e(a, b) {\n a = Tg(a, b);\n a.index = 0;\n a.sibling = null;\n return a;\n }\n\n function f(b, c, d) {\n b.index = d;\n if (!a) return c;\n d = b.alternate;\n if (null !== d) return d = d.index, d < c ? (b.flags = 2, c) : d;\n b.flags = 2;\n return c;\n }\n\n function g(b) {\n a && null === b.alternate && (b.flags = 2);\n return b;\n }\n\n function h(a, b, c, d) {\n if (null === b || 6 !== b.tag) return b = Ug(c, a.mode, d), b.return = a, b;\n b = e(b, c);\n b.return = a;\n return b;\n }\n\n function k(a, b, c, d) {\n if (null !== b && b.elementType === c.type) return d = e(b, c.props), d.ref = Qg(a, b, c), d.return = a, d;\n d = Vg(c.type, c.key, c.props, null, a.mode, d);\n d.ref = Qg(a, b, c);\n d.return = a;\n return d;\n }\n\n function l(a, b, c, d) {\n if (null === b || 4 !== b.tag || b.stateNode.containerInfo !== c.containerInfo || b.stateNode.implementation !== c.implementation) return b = Wg(c, a.mode, d), b.return = a, b;\n b = e(b, c.children || []);\n b.return = a;\n return b;\n }\n\n function n(a, b, c, d, f) {\n if (null === b || 7 !== b.tag) return b = Xg(c, a.mode, d, f), b.return = a, b;\n b = e(b, c);\n b.return = a;\n return b;\n }\n\n function A(a, b, c) {\n if (\"string\" === typeof b || \"number\" === typeof b) return b = Ug(\"\" + b, a.mode, c), b.return = a, b;\n\n if (\"object\" === _typeof(b) && null !== b) {\n switch (b.$$typeof) {\n case sa:\n return c = Vg(b.type, b.key, b.props, null, a.mode, c), c.ref = Qg(a, null, b), c.return = a, c;\n\n case ta:\n return b = Wg(b, a.mode, c), b.return = a, b;\n }\n\n if (Pg(b) || La(b)) return b = Xg(b, a.mode, c, null), b.return = a, b;\n Rg(a, b);\n }\n\n return null;\n }\n\n function p(a, b, c, d) {\n var e = null !== b ? b.key : null;\n if (\"string\" === typeof c || \"number\" === typeof c) return null !== e ? null : h(a, b, \"\" + c, d);\n\n if (\"object\" === _typeof(c) && null !== c) {\n switch (c.$$typeof) {\n case sa:\n return c.key === e ? c.type === ua ? n(a, b, c.props.children, d, e) : k(a, b, c, d) : null;\n\n case ta:\n return c.key === e ? l(a, b, c, d) : null;\n }\n\n if (Pg(c) || La(c)) return null !== e ? null : n(a, b, c, d, null);\n Rg(a, c);\n }\n\n return null;\n }\n\n function C(a, b, c, d, e) {\n if (\"string\" === typeof d || \"number\" === typeof d) return a = a.get(c) || null, h(b, a, \"\" + d, e);\n\n if (\"object\" === _typeof(d) && null !== d) {\n switch (d.$$typeof) {\n case sa:\n return a = a.get(null === d.key ? c : d.key) || null, d.type === ua ? n(b, a, d.props.children, e, d.key) : k(b, a, d, e);\n\n case ta:\n return a = a.get(null === d.key ? c : d.key) || null, l(b, a, d, e);\n }\n\n if (Pg(d) || La(d)) return a = a.get(c) || null, n(b, a, d, e, null);\n Rg(b, d);\n }\n\n return null;\n }\n\n function x(e, g, h, k) {\n for (var l = null, t = null, u = g, z = g = 0, q = null; null !== u && z < h.length; z++) {\n u.index > z ? (q = u, u = null) : q = u.sibling;\n var n = p(e, u, h[z], k);\n\n if (null === n) {\n null === u && (u = q);\n break;\n }\n\n a && u && null === n.alternate && b(e, u);\n g = f(n, g, z);\n null === t ? l = n : t.sibling = n;\n t = n;\n u = q;\n }\n\n if (z === h.length) return c(e, u), l;\n\n if (null === u) {\n for (; z < h.length; z++) {\n u = A(e, h[z], k), null !== u && (g = f(u, g, z), null === t ? l = u : t.sibling = u, t = u);\n }\n\n return l;\n }\n\n for (u = d(e, u); z < h.length; z++) {\n q = C(u, e, z, h[z], k), null !== q && (a && null !== q.alternate && u.delete(null === q.key ? z : q.key), g = f(q, g, z), null === t ? l = q : t.sibling = q, t = q);\n }\n\n a && u.forEach(function (a) {\n return b(e, a);\n });\n return l;\n }\n\n function w(e, g, h, k) {\n var l = La(h);\n if (\"function\" !== typeof l) throw Error(y(150));\n h = l.call(h);\n if (null == h) throw Error(y(151));\n\n for (var t = l = null, u = g, z = g = 0, q = null, n = h.next(); null !== u && !n.done; z++, n = h.next()) {\n u.index > z ? (q = u, u = null) : q = u.sibling;\n var w = p(e, u, n.value, k);\n\n if (null === w) {\n null === u && (u = q);\n break;\n }\n\n a && u && null === w.alternate && b(e, u);\n g = f(w, g, z);\n null === t ? l = w : t.sibling = w;\n t = w;\n u = q;\n }\n\n if (n.done) return c(e, u), l;\n\n if (null === u) {\n for (; !n.done; z++, n = h.next()) {\n n = A(e, n.value, k), null !== n && (g = f(n, g, z), null === t ? l = n : t.sibling = n, t = n);\n }\n\n return l;\n }\n\n for (u = d(e, u); !n.done; z++, n = h.next()) {\n n = C(u, e, z, n.value, k), null !== n && (a && null !== n.alternate && u.delete(null === n.key ? z : n.key), g = f(n, g, z), null === t ? l = n : t.sibling = n, t = n);\n }\n\n a && u.forEach(function (a) {\n return b(e, a);\n });\n return l;\n }\n\n return function (a, d, f, h) {\n var k = \"object\" === _typeof(f) && null !== f && f.type === ua && null === f.key;\n k && (f = f.props.children);\n var l = \"object\" === _typeof(f) && null !== f;\n if (l) switch (f.$$typeof) {\n case sa:\n a: {\n l = f.key;\n\n for (k = d; null !== k;) {\n if (k.key === l) {\n switch (k.tag) {\n case 7:\n if (f.type === ua) {\n c(a, k.sibling);\n d = e(k, f.props.children);\n d.return = a;\n a = d;\n break a;\n }\n\n break;\n\n default:\n if (k.elementType === f.type) {\n c(a, k.sibling);\n d = e(k, f.props);\n d.ref = Qg(a, k, f);\n d.return = a;\n a = d;\n break a;\n }\n\n }\n\n c(a, k);\n break;\n } else b(a, k);\n\n k = k.sibling;\n }\n\n f.type === ua ? (d = Xg(f.props.children, a.mode, h, f.key), d.return = a, a = d) : (h = Vg(f.type, f.key, f.props, null, a.mode, h), h.ref = Qg(a, d, f), h.return = a, a = h);\n }\n\n return g(a);\n\n case ta:\n a: {\n for (k = f.key; null !== d;) {\n if (d.key === k) {\n if (4 === d.tag && d.stateNode.containerInfo === f.containerInfo && d.stateNode.implementation === f.implementation) {\n c(a, d.sibling);\n d = e(d, f.children || []);\n d.return = a;\n a = d;\n break a;\n } else {\n c(a, d);\n break;\n }\n } else b(a, d);\n d = d.sibling;\n }\n\n d = Wg(f, a.mode, h);\n d.return = a;\n a = d;\n }\n\n return g(a);\n }\n if (\"string\" === typeof f || \"number\" === typeof f) return f = \"\" + f, null !== d && 6 === d.tag ? (c(a, d.sibling), d = e(d, f), d.return = a, a = d) : (c(a, d), d = Ug(f, a.mode, h), d.return = a, a = d), g(a);\n if (Pg(f)) return x(a, d, f, h);\n if (La(f)) return w(a, d, f, h);\n l && Rg(a, f);\n if (\"undefined\" === typeof f && !k) switch (a.tag) {\n case 1:\n case 22:\n case 0:\n case 11:\n case 15:\n throw Error(y(152, Ra(a.type) || \"Component\"));\n }\n return c(a, d);\n };\n}\n\nvar Yg = Sg(!0),\n Zg = Sg(!1),\n $g = {},\n ah = Bf($g),\n bh = Bf($g),\n ch = Bf($g);\n\nfunction dh(a) {\n if (a === $g) throw Error(y(174));\n return a;\n}\n\nfunction eh(a, b) {\n I(ch, b);\n I(bh, a);\n I(ah, $g);\n a = b.nodeType;\n\n switch (a) {\n case 9:\n case 11:\n b = (b = b.documentElement) ? b.namespaceURI : mb(null, \"\");\n break;\n\n default:\n a = 8 === a ? b.parentNode : b, b = a.namespaceURI || null, a = a.tagName, b = mb(b, a);\n }\n\n H(ah);\n I(ah, b);\n}\n\nfunction fh() {\n H(ah);\n H(bh);\n H(ch);\n}\n\nfunction gh(a) {\n dh(ch.current);\n var b = dh(ah.current);\n var c = mb(b, a.type);\n b !== c && (I(bh, a), I(ah, c));\n}\n\nfunction hh(a) {\n bh.current === a && (H(ah), H(bh));\n}\n\nvar P = Bf(0);\n\nfunction ih(a) {\n for (var b = a; null !== b;) {\n if (13 === b.tag) {\n var c = b.memoizedState;\n if (null !== c && (c = c.dehydrated, null === c || \"$?\" === c.data || \"$!\" === c.data)) return b;\n } else if (19 === b.tag && void 0 !== b.memoizedProps.revealOrder) {\n if (0 !== (b.flags & 64)) return b;\n } else if (null !== b.child) {\n b.child.return = b;\n b = b.child;\n continue;\n }\n\n if (b === a) break;\n\n for (; null === b.sibling;) {\n if (null === b.return || b.return === a) return null;\n b = b.return;\n }\n\n b.sibling.return = b.return;\n b = b.sibling;\n }\n\n return null;\n}\n\nvar jh = null,\n kh = null,\n lh = !1;\n\nfunction mh(a, b) {\n var c = nh(5, null, null, 0);\n c.elementType = \"DELETED\";\n c.type = \"DELETED\";\n c.stateNode = b;\n c.return = a;\n c.flags = 8;\n null !== a.lastEffect ? (a.lastEffect.nextEffect = c, a.lastEffect = c) : a.firstEffect = a.lastEffect = c;\n}\n\nfunction oh(a, b) {\n switch (a.tag) {\n case 5:\n var c = a.type;\n b = 1 !== b.nodeType || c.toLowerCase() !== b.nodeName.toLowerCase() ? null : b;\n return null !== b ? (a.stateNode = b, !0) : !1;\n\n case 6:\n return b = \"\" === a.pendingProps || 3 !== b.nodeType ? null : b, null !== b ? (a.stateNode = b, !0) : !1;\n\n case 13:\n return !1;\n\n default:\n return !1;\n }\n}\n\nfunction ph(a) {\n if (lh) {\n var b = kh;\n\n if (b) {\n var c = b;\n\n if (!oh(a, b)) {\n b = rf(c.nextSibling);\n\n if (!b || !oh(a, b)) {\n a.flags = a.flags & -1025 | 2;\n lh = !1;\n jh = a;\n return;\n }\n\n mh(jh, c);\n }\n\n jh = a;\n kh = rf(b.firstChild);\n } else a.flags = a.flags & -1025 | 2, lh = !1, jh = a;\n }\n}\n\nfunction qh(a) {\n for (a = a.return; null !== a && 5 !== a.tag && 3 !== a.tag && 13 !== a.tag;) {\n a = a.return;\n }\n\n jh = a;\n}\n\nfunction rh(a) {\n if (a !== jh) return !1;\n if (!lh) return qh(a), lh = !0, !1;\n var b = a.type;\n if (5 !== a.tag || \"head\" !== b && \"body\" !== b && !nf(b, a.memoizedProps)) for (b = kh; b;) {\n mh(a, b), b = rf(b.nextSibling);\n }\n qh(a);\n\n if (13 === a.tag) {\n a = a.memoizedState;\n a = null !== a ? a.dehydrated : null;\n if (!a) throw Error(y(317));\n\n a: {\n a = a.nextSibling;\n\n for (b = 0; a;) {\n if (8 === a.nodeType) {\n var c = a.data;\n\n if (\"/$\" === c) {\n if (0 === b) {\n kh = rf(a.nextSibling);\n break a;\n }\n\n b--;\n } else \"$\" !== c && \"$!\" !== c && \"$?\" !== c || b++;\n }\n\n a = a.nextSibling;\n }\n\n kh = null;\n }\n } else kh = jh ? rf(a.stateNode.nextSibling) : null;\n\n return !0;\n}\n\nfunction sh() {\n kh = jh = null;\n lh = !1;\n}\n\nvar th = [];\n\nfunction uh() {\n for (var a = 0; a < th.length; a++) {\n th[a]._workInProgressVersionPrimary = null;\n }\n\n th.length = 0;\n}\n\nvar vh = ra.ReactCurrentDispatcher,\n wh = ra.ReactCurrentBatchConfig,\n xh = 0,\n R = null,\n S = null,\n T = null,\n yh = !1,\n zh = !1;\n\nfunction Ah() {\n throw Error(y(321));\n}\n\nfunction Bh(a, b) {\n if (null === b) return !1;\n\n for (var c = 0; c < b.length && c < a.length; c++) {\n if (!He(a[c], b[c])) return !1;\n }\n\n return !0;\n}\n\nfunction Ch(a, b, c, d, e, f) {\n xh = f;\n R = b;\n b.memoizedState = null;\n b.updateQueue = null;\n b.lanes = 0;\n vh.current = null === a || null === a.memoizedState ? Dh : Eh;\n a = c(d, e);\n\n if (zh) {\n f = 0;\n\n do {\n zh = !1;\n if (!(25 > f)) throw Error(y(301));\n f += 1;\n T = S = null;\n b.updateQueue = null;\n vh.current = Fh;\n a = c(d, e);\n } while (zh);\n }\n\n vh.current = Gh;\n b = null !== S && null !== S.next;\n xh = 0;\n T = S = R = null;\n yh = !1;\n if (b) throw Error(y(300));\n return a;\n}\n\nfunction Hh() {\n var a = {\n memoizedState: null,\n baseState: null,\n baseQueue: null,\n queue: null,\n next: null\n };\n null === T ? R.memoizedState = T = a : T = T.next = a;\n return T;\n}\n\nfunction Ih() {\n if (null === S) {\n var a = R.alternate;\n a = null !== a ? a.memoizedState : null;\n } else a = S.next;\n\n var b = null === T ? R.memoizedState : T.next;\n if (null !== b) T = b, S = a;else {\n if (null === a) throw Error(y(310));\n S = a;\n a = {\n memoizedState: S.memoizedState,\n baseState: S.baseState,\n baseQueue: S.baseQueue,\n queue: S.queue,\n next: null\n };\n null === T ? R.memoizedState = T = a : T = T.next = a;\n }\n return T;\n}\n\nfunction Jh(a, b) {\n return \"function\" === typeof b ? b(a) : b;\n}\n\nfunction Kh(a) {\n var b = Ih(),\n c = b.queue;\n if (null === c) throw Error(y(311));\n c.lastRenderedReducer = a;\n var d = S,\n e = d.baseQueue,\n f = c.pending;\n\n if (null !== f) {\n if (null !== e) {\n var g = e.next;\n e.next = f.next;\n f.next = g;\n }\n\n d.baseQueue = e = f;\n c.pending = null;\n }\n\n if (null !== e) {\n e = e.next;\n d = d.baseState;\n var h = g = f = null,\n k = e;\n\n do {\n var l = k.lane;\n if ((xh & l) === l) null !== h && (h = h.next = {\n lane: 0,\n action: k.action,\n eagerReducer: k.eagerReducer,\n eagerState: k.eagerState,\n next: null\n }), d = k.eagerReducer === a ? k.eagerState : a(d, k.action);else {\n var n = {\n lane: l,\n action: k.action,\n eagerReducer: k.eagerReducer,\n eagerState: k.eagerState,\n next: null\n };\n null === h ? (g = h = n, f = d) : h = h.next = n;\n R.lanes |= l;\n Dg |= l;\n }\n k = k.next;\n } while (null !== k && k !== e);\n\n null === h ? f = d : h.next = g;\n He(d, b.memoizedState) || (ug = !0);\n b.memoizedState = d;\n b.baseState = f;\n b.baseQueue = h;\n c.lastRenderedState = d;\n }\n\n return [b.memoizedState, c.dispatch];\n}\n\nfunction Lh(a) {\n var b = Ih(),\n c = b.queue;\n if (null === c) throw Error(y(311));\n c.lastRenderedReducer = a;\n var d = c.dispatch,\n e = c.pending,\n f = b.memoizedState;\n\n if (null !== e) {\n c.pending = null;\n var g = e = e.next;\n\n do {\n f = a(f, g.action), g = g.next;\n } while (g !== e);\n\n He(f, b.memoizedState) || (ug = !0);\n b.memoizedState = f;\n null === b.baseQueue && (b.baseState = f);\n c.lastRenderedState = f;\n }\n\n return [f, d];\n}\n\nfunction Mh(a, b, c) {\n var d = b._getVersion;\n d = d(b._source);\n var e = b._workInProgressVersionPrimary;\n if (null !== e) a = e === d;else if (a = a.mutableReadLanes, a = (xh & a) === a) b._workInProgressVersionPrimary = d, th.push(b);\n if (a) return c(b._source);\n th.push(b);\n throw Error(y(350));\n}\n\nfunction Nh(a, b, c, d) {\n var e = U;\n if (null === e) throw Error(y(349));\n var f = b._getVersion,\n g = f(b._source),\n h = vh.current,\n k = h.useState(function () {\n return Mh(e, b, c);\n }),\n l = k[1],\n n = k[0];\n k = T;\n var A = a.memoizedState,\n p = A.refs,\n C = p.getSnapshot,\n x = A.source;\n A = A.subscribe;\n var w = R;\n a.memoizedState = {\n refs: p,\n source: b,\n subscribe: d\n };\n h.useEffect(function () {\n p.getSnapshot = c;\n p.setSnapshot = l;\n var a = f(b._source);\n\n if (!He(g, a)) {\n a = c(b._source);\n He(n, a) || (l(a), a = Ig(w), e.mutableReadLanes |= a & e.pendingLanes);\n a = e.mutableReadLanes;\n e.entangledLanes |= a;\n\n for (var d = e.entanglements, h = a; 0 < h;) {\n var k = 31 - Vc(h),\n v = 1 << k;\n d[k] |= a;\n h &= ~v;\n }\n }\n }, [c, b, d]);\n h.useEffect(function () {\n return d(b._source, function () {\n var a = p.getSnapshot,\n c = p.setSnapshot;\n\n try {\n c(a(b._source));\n var d = Ig(w);\n e.mutableReadLanes |= d & e.pendingLanes;\n } catch (q) {\n c(function () {\n throw q;\n });\n }\n });\n }, [b, d]);\n He(C, c) && He(x, b) && He(A, d) || (a = {\n pending: null,\n dispatch: null,\n lastRenderedReducer: Jh,\n lastRenderedState: n\n }, a.dispatch = l = Oh.bind(null, R, a), k.queue = a, k.baseQueue = null, n = Mh(e, b, c), k.memoizedState = k.baseState = n);\n return n;\n}\n\nfunction Ph(a, b, c) {\n var d = Ih();\n return Nh(d, a, b, c);\n}\n\nfunction Qh(a) {\n var b = Hh();\n \"function\" === typeof a && (a = a());\n b.memoizedState = b.baseState = a;\n a = b.queue = {\n pending: null,\n dispatch: null,\n lastRenderedReducer: Jh,\n lastRenderedState: a\n };\n a = a.dispatch = Oh.bind(null, R, a);\n return [b.memoizedState, a];\n}\n\nfunction Rh(a, b, c, d) {\n a = {\n tag: a,\n create: b,\n destroy: c,\n deps: d,\n next: null\n };\n b = R.updateQueue;\n null === b ? (b = {\n lastEffect: null\n }, R.updateQueue = b, b.lastEffect = a.next = a) : (c = b.lastEffect, null === c ? b.lastEffect = a.next = a : (d = c.next, c.next = a, a.next = d, b.lastEffect = a));\n return a;\n}\n\nfunction Sh(a) {\n var b = Hh();\n a = {\n current: a\n };\n return b.memoizedState = a;\n}\n\nfunction Th() {\n return Ih().memoizedState;\n}\n\nfunction Uh(a, b, c, d) {\n var e = Hh();\n R.flags |= a;\n e.memoizedState = Rh(1 | b, c, void 0, void 0 === d ? null : d);\n}\n\nfunction Vh(a, b, c, d) {\n var e = Ih();\n d = void 0 === d ? null : d;\n var f = void 0;\n\n if (null !== S) {\n var g = S.memoizedState;\n f = g.destroy;\n\n if (null !== d && Bh(d, g.deps)) {\n Rh(b, c, f, d);\n return;\n }\n }\n\n R.flags |= a;\n e.memoizedState = Rh(1 | b, c, f, d);\n}\n\nfunction Wh(a, b) {\n return Uh(516, 4, a, b);\n}\n\nfunction Xh(a, b) {\n return Vh(516, 4, a, b);\n}\n\nfunction Yh(a, b) {\n return Vh(4, 2, a, b);\n}\n\nfunction Zh(a, b) {\n if (\"function\" === typeof b) return a = a(), b(a), function () {\n b(null);\n };\n if (null !== b && void 0 !== b) return a = a(), b.current = a, function () {\n b.current = null;\n };\n}\n\nfunction $h(a, b, c) {\n c = null !== c && void 0 !== c ? c.concat([a]) : null;\n return Vh(4, 2, Zh.bind(null, b, a), c);\n}\n\nfunction ai() {}\n\nfunction bi(a, b) {\n var c = Ih();\n b = void 0 === b ? null : b;\n var d = c.memoizedState;\n if (null !== d && null !== b && Bh(b, d[1])) return d[0];\n c.memoizedState = [a, b];\n return a;\n}\n\nfunction ci(a, b) {\n var c = Ih();\n b = void 0 === b ? null : b;\n var d = c.memoizedState;\n if (null !== d && null !== b && Bh(b, d[1])) return d[0];\n a = a();\n c.memoizedState = [a, b];\n return a;\n}\n\nfunction di(a, b) {\n var c = eg();\n gg(98 > c ? 98 : c, function () {\n a(!0);\n });\n gg(97 < c ? 97 : c, function () {\n var c = wh.transition;\n wh.transition = 1;\n\n try {\n a(!1), b();\n } finally {\n wh.transition = c;\n }\n });\n}\n\nfunction Oh(a, b, c) {\n var d = Hg(),\n e = Ig(a),\n f = {\n lane: e,\n action: c,\n eagerReducer: null,\n eagerState: null,\n next: null\n },\n g = b.pending;\n null === g ? f.next = f : (f.next = g.next, g.next = f);\n b.pending = f;\n g = a.alternate;\n if (a === R || null !== g && g === R) zh = yh = !0;else {\n if (0 === a.lanes && (null === g || 0 === g.lanes) && (g = b.lastRenderedReducer, null !== g)) try {\n var h = b.lastRenderedState,\n k = g(h, c);\n f.eagerReducer = g;\n f.eagerState = k;\n if (He(k, h)) return;\n } catch (l) {} finally {}\n Jg(a, e, d);\n }\n}\n\nvar Gh = {\n readContext: vg,\n useCallback: Ah,\n useContext: Ah,\n useEffect: Ah,\n useImperativeHandle: Ah,\n useLayoutEffect: Ah,\n useMemo: Ah,\n useReducer: Ah,\n useRef: Ah,\n useState: Ah,\n useDebugValue: Ah,\n useDeferredValue: Ah,\n useTransition: Ah,\n useMutableSource: Ah,\n useOpaqueIdentifier: Ah,\n unstable_isNewReconciler: !1\n},\n Dh = {\n readContext: vg,\n useCallback: function useCallback(a, b) {\n Hh().memoizedState = [a, void 0 === b ? null : b];\n return a;\n },\n useContext: vg,\n useEffect: Wh,\n useImperativeHandle: function useImperativeHandle(a, b, c) {\n c = null !== c && void 0 !== c ? c.concat([a]) : null;\n return Uh(4, 2, Zh.bind(null, b, a), c);\n },\n useLayoutEffect: function useLayoutEffect(a, b) {\n return Uh(4, 2, a, b);\n },\n useMemo: function useMemo(a, b) {\n var c = Hh();\n b = void 0 === b ? null : b;\n a = a();\n c.memoizedState = [a, b];\n return a;\n },\n useReducer: function useReducer(a, b, c) {\n var d = Hh();\n b = void 0 !== c ? c(b) : b;\n d.memoizedState = d.baseState = b;\n a = d.queue = {\n pending: null,\n dispatch: null,\n lastRenderedReducer: a,\n lastRenderedState: b\n };\n a = a.dispatch = Oh.bind(null, R, a);\n return [d.memoizedState, a];\n },\n useRef: Sh,\n useState: Qh,\n useDebugValue: ai,\n useDeferredValue: function useDeferredValue(a) {\n var b = Qh(a),\n c = b[0],\n d = b[1];\n Wh(function () {\n var b = wh.transition;\n wh.transition = 1;\n\n try {\n d(a);\n } finally {\n wh.transition = b;\n }\n }, [a]);\n return c;\n },\n useTransition: function useTransition() {\n var a = Qh(!1),\n b = a[0];\n a = di.bind(null, a[1]);\n Sh(a);\n return [a, b];\n },\n useMutableSource: function useMutableSource(a, b, c) {\n var d = Hh();\n d.memoizedState = {\n refs: {\n getSnapshot: b,\n setSnapshot: null\n },\n source: a,\n subscribe: c\n };\n return Nh(d, a, b, c);\n },\n useOpaqueIdentifier: function useOpaqueIdentifier() {\n if (lh) {\n var a = !1,\n b = uf(function () {\n a || (a = !0, c(\"r:\" + (tf++).toString(36)));\n throw Error(y(355));\n }),\n c = Qh(b)[1];\n 0 === (R.mode & 2) && (R.flags |= 516, Rh(5, function () {\n c(\"r:\" + (tf++).toString(36));\n }, void 0, null));\n return b;\n }\n\n b = \"r:\" + (tf++).toString(36);\n Qh(b);\n return b;\n },\n unstable_isNewReconciler: !1\n},\n Eh = {\n readContext: vg,\n useCallback: bi,\n useContext: vg,\n useEffect: Xh,\n useImperativeHandle: $h,\n useLayoutEffect: Yh,\n useMemo: ci,\n useReducer: Kh,\n useRef: Th,\n useState: function useState() {\n return Kh(Jh);\n },\n useDebugValue: ai,\n useDeferredValue: function useDeferredValue(a) {\n var b = Kh(Jh),\n c = b[0],\n d = b[1];\n Xh(function () {\n var b = wh.transition;\n wh.transition = 1;\n\n try {\n d(a);\n } finally {\n wh.transition = b;\n }\n }, [a]);\n return c;\n },\n useTransition: function useTransition() {\n var a = Kh(Jh)[0];\n return [Th().current, a];\n },\n useMutableSource: Ph,\n useOpaqueIdentifier: function useOpaqueIdentifier() {\n return Kh(Jh)[0];\n },\n unstable_isNewReconciler: !1\n},\n Fh = {\n readContext: vg,\n useCallback: bi,\n useContext: vg,\n useEffect: Xh,\n useImperativeHandle: $h,\n useLayoutEffect: Yh,\n useMemo: ci,\n useReducer: Lh,\n useRef: Th,\n useState: function useState() {\n return Lh(Jh);\n },\n useDebugValue: ai,\n useDeferredValue: function useDeferredValue(a) {\n var b = Lh(Jh),\n c = b[0],\n d = b[1];\n Xh(function () {\n var b = wh.transition;\n wh.transition = 1;\n\n try {\n d(a);\n } finally {\n wh.transition = b;\n }\n }, [a]);\n return c;\n },\n useTransition: function useTransition() {\n var a = Lh(Jh)[0];\n return [Th().current, a];\n },\n useMutableSource: Ph,\n useOpaqueIdentifier: function useOpaqueIdentifier() {\n return Lh(Jh)[0];\n },\n unstable_isNewReconciler: !1\n},\n ei = ra.ReactCurrentOwner,\n ug = !1;\n\nfunction fi(a, b, c, d) {\n b.child = null === a ? Zg(b, null, c, d) : Yg(b, a.child, c, d);\n}\n\nfunction gi(a, b, c, d, e) {\n c = c.render;\n var f = b.ref;\n tg(b, e);\n d = Ch(a, b, c, d, f, e);\n if (null !== a && !ug) return b.updateQueue = a.updateQueue, b.flags &= -517, a.lanes &= ~e, hi(a, b, e);\n b.flags |= 1;\n fi(a, b, d, e);\n return b.child;\n}\n\nfunction ii(a, b, c, d, e, f) {\n if (null === a) {\n var g = c.type;\n if (\"function\" === typeof g && !ji(g) && void 0 === g.defaultProps && null === c.compare && void 0 === c.defaultProps) return b.tag = 15, b.type = g, ki(a, b, g, d, e, f);\n a = Vg(c.type, null, d, b, b.mode, f);\n a.ref = b.ref;\n a.return = b;\n return b.child = a;\n }\n\n g = a.child;\n if (0 === (e & f) && (e = g.memoizedProps, c = c.compare, c = null !== c ? c : Je, c(e, d) && a.ref === b.ref)) return hi(a, b, f);\n b.flags |= 1;\n a = Tg(g, d);\n a.ref = b.ref;\n a.return = b;\n return b.child = a;\n}\n\nfunction ki(a, b, c, d, e, f) {\n if (null !== a && Je(a.memoizedProps, d) && a.ref === b.ref) if (ug = !1, 0 !== (f & e)) 0 !== (a.flags & 16384) && (ug = !0);else return b.lanes = a.lanes, hi(a, b, f);\n return li(a, b, c, d, f);\n}\n\nfunction mi(a, b, c) {\n var d = b.pendingProps,\n e = d.children,\n f = null !== a ? a.memoizedState : null;\n if (\"hidden\" === d.mode || \"unstable-defer-without-hiding\" === d.mode) {\n if (0 === (b.mode & 4)) b.memoizedState = {\n baseLanes: 0\n }, ni(b, c);else if (0 !== (c & 1073741824)) b.memoizedState = {\n baseLanes: 0\n }, ni(b, null !== f ? f.baseLanes : c);else return a = null !== f ? f.baseLanes | c : c, b.lanes = b.childLanes = 1073741824, b.memoizedState = {\n baseLanes: a\n }, ni(b, a), null;\n } else null !== f ? (d = f.baseLanes | c, b.memoizedState = null) : d = c, ni(b, d);\n fi(a, b, e, c);\n return b.child;\n}\n\nfunction oi(a, b) {\n var c = b.ref;\n if (null === a && null !== c || null !== a && a.ref !== c) b.flags |= 128;\n}\n\nfunction li(a, b, c, d, e) {\n var f = Ff(c) ? Df : M.current;\n f = Ef(b, f);\n tg(b, e);\n c = Ch(a, b, c, d, f, e);\n if (null !== a && !ug) return b.updateQueue = a.updateQueue, b.flags &= -517, a.lanes &= ~e, hi(a, b, e);\n b.flags |= 1;\n fi(a, b, c, e);\n return b.child;\n}\n\nfunction pi(a, b, c, d, e) {\n if (Ff(c)) {\n var f = !0;\n Jf(b);\n } else f = !1;\n\n tg(b, e);\n if (null === b.stateNode) null !== a && (a.alternate = null, b.alternate = null, b.flags |= 2), Mg(b, c, d), Og(b, c, d, e), d = !0;else if (null === a) {\n var g = b.stateNode,\n h = b.memoizedProps;\n g.props = h;\n var k = g.context,\n l = c.contextType;\n \"object\" === _typeof(l) && null !== l ? l = vg(l) : (l = Ff(c) ? Df : M.current, l = Ef(b, l));\n var n = c.getDerivedStateFromProps,\n A = \"function\" === typeof n || \"function\" === typeof g.getSnapshotBeforeUpdate;\n A || \"function\" !== typeof g.UNSAFE_componentWillReceiveProps && \"function\" !== typeof g.componentWillReceiveProps || (h !== d || k !== l) && Ng(b, g, d, l);\n wg = !1;\n var p = b.memoizedState;\n g.state = p;\n Cg(b, d, g, e);\n k = b.memoizedState;\n h !== d || p !== k || N.current || wg ? (\"function\" === typeof n && (Gg(b, c, n, d), k = b.memoizedState), (h = wg || Lg(b, c, h, d, p, k, l)) ? (A || \"function\" !== typeof g.UNSAFE_componentWillMount && \"function\" !== typeof g.componentWillMount || (\"function\" === typeof g.componentWillMount && g.componentWillMount(), \"function\" === typeof g.UNSAFE_componentWillMount && g.UNSAFE_componentWillMount()), \"function\" === typeof g.componentDidMount && (b.flags |= 4)) : (\"function\" === typeof g.componentDidMount && (b.flags |= 4), b.memoizedProps = d, b.memoizedState = k), g.props = d, g.state = k, g.context = l, d = h) : (\"function\" === typeof g.componentDidMount && (b.flags |= 4), d = !1);\n } else {\n g = b.stateNode;\n yg(a, b);\n h = b.memoizedProps;\n l = b.type === b.elementType ? h : lg(b.type, h);\n g.props = l;\n A = b.pendingProps;\n p = g.context;\n k = c.contextType;\n \"object\" === _typeof(k) && null !== k ? k = vg(k) : (k = Ff(c) ? Df : M.current, k = Ef(b, k));\n var C = c.getDerivedStateFromProps;\n (n = \"function\" === typeof C || \"function\" === typeof g.getSnapshotBeforeUpdate) || \"function\" !== typeof g.UNSAFE_componentWillReceiveProps && \"function\" !== typeof g.componentWillReceiveProps || (h !== A || p !== k) && Ng(b, g, d, k);\n wg = !1;\n p = b.memoizedState;\n g.state = p;\n Cg(b, d, g, e);\n var x = b.memoizedState;\n h !== A || p !== x || N.current || wg ? (\"function\" === typeof C && (Gg(b, c, C, d), x = b.memoizedState), (l = wg || Lg(b, c, l, d, p, x, k)) ? (n || \"function\" !== typeof g.UNSAFE_componentWillUpdate && \"function\" !== typeof g.componentWillUpdate || (\"function\" === typeof g.componentWillUpdate && g.componentWillUpdate(d, x, k), \"function\" === typeof g.UNSAFE_componentWillUpdate && g.UNSAFE_componentWillUpdate(d, x, k)), \"function\" === typeof g.componentDidUpdate && (b.flags |= 4), \"function\" === typeof g.getSnapshotBeforeUpdate && (b.flags |= 256)) : (\"function\" !== typeof g.componentDidUpdate || h === a.memoizedProps && p === a.memoizedState || (b.flags |= 4), \"function\" !== typeof g.getSnapshotBeforeUpdate || h === a.memoizedProps && p === a.memoizedState || (b.flags |= 256), b.memoizedProps = d, b.memoizedState = x), g.props = d, g.state = x, g.context = k, d = l) : (\"function\" !== typeof g.componentDidUpdate || h === a.memoizedProps && p === a.memoizedState || (b.flags |= 4), \"function\" !== typeof g.getSnapshotBeforeUpdate || h === a.memoizedProps && p === a.memoizedState || (b.flags |= 256), d = !1);\n }\n return qi(a, b, c, d, f, e);\n}\n\nfunction qi(a, b, c, d, e, f) {\n oi(a, b);\n var g = 0 !== (b.flags & 64);\n if (!d && !g) return e && Kf(b, c, !1), hi(a, b, f);\n d = b.stateNode;\n ei.current = b;\n var h = g && \"function\" !== typeof c.getDerivedStateFromError ? null : d.render();\n b.flags |= 1;\n null !== a && g ? (b.child = Yg(b, a.child, null, f), b.child = Yg(b, null, h, f)) : fi(a, b, h, f);\n b.memoizedState = d.state;\n e && Kf(b, c, !0);\n return b.child;\n}\n\nfunction ri(a) {\n var b = a.stateNode;\n b.pendingContext ? Hf(a, b.pendingContext, b.pendingContext !== b.context) : b.context && Hf(a, b.context, !1);\n eh(a, b.containerInfo);\n}\n\nvar si = {\n dehydrated: null,\n retryLane: 0\n};\n\nfunction ti(a, b, c) {\n var d = b.pendingProps,\n e = P.current,\n f = !1,\n g;\n (g = 0 !== (b.flags & 64)) || (g = null !== a && null === a.memoizedState ? !1 : 0 !== (e & 2));\n g ? (f = !0, b.flags &= -65) : null !== a && null === a.memoizedState || void 0 === d.fallback || !0 === d.unstable_avoidThisFallback || (e |= 1);\n I(P, e & 1);\n\n if (null === a) {\n void 0 !== d.fallback && ph(b);\n a = d.children;\n e = d.fallback;\n if (f) return a = ui(b, a, e, c), b.child.memoizedState = {\n baseLanes: c\n }, b.memoizedState = si, a;\n if (\"number\" === typeof d.unstable_expectedLoadTime) return a = ui(b, a, e, c), b.child.memoizedState = {\n baseLanes: c\n }, b.memoizedState = si, b.lanes = 33554432, a;\n c = vi({\n mode: \"visible\",\n children: a\n }, b.mode, c, null);\n c.return = b;\n return b.child = c;\n }\n\n if (null !== a.memoizedState) {\n if (f) return d = wi(a, b, d.children, d.fallback, c), f = b.child, e = a.child.memoizedState, f.memoizedState = null === e ? {\n baseLanes: c\n } : {\n baseLanes: e.baseLanes | c\n }, f.childLanes = a.childLanes & ~c, b.memoizedState = si, d;\n c = xi(a, b, d.children, c);\n b.memoizedState = null;\n return c;\n }\n\n if (f) return d = wi(a, b, d.children, d.fallback, c), f = b.child, e = a.child.memoizedState, f.memoizedState = null === e ? {\n baseLanes: c\n } : {\n baseLanes: e.baseLanes | c\n }, f.childLanes = a.childLanes & ~c, b.memoizedState = si, d;\n c = xi(a, b, d.children, c);\n b.memoizedState = null;\n return c;\n}\n\nfunction ui(a, b, c, d) {\n var e = a.mode,\n f = a.child;\n b = {\n mode: \"hidden\",\n children: b\n };\n 0 === (e & 2) && null !== f ? (f.childLanes = 0, f.pendingProps = b) : f = vi(b, e, 0, null);\n c = Xg(c, e, d, null);\n f.return = a;\n c.return = a;\n f.sibling = c;\n a.child = f;\n return c;\n}\n\nfunction xi(a, b, c, d) {\n var e = a.child;\n a = e.sibling;\n c = Tg(e, {\n mode: \"visible\",\n children: c\n });\n 0 === (b.mode & 2) && (c.lanes = d);\n c.return = b;\n c.sibling = null;\n null !== a && (a.nextEffect = null, a.flags = 8, b.firstEffect = b.lastEffect = a);\n return b.child = c;\n}\n\nfunction wi(a, b, c, d, e) {\n var f = b.mode,\n g = a.child;\n a = g.sibling;\n var h = {\n mode: \"hidden\",\n children: c\n };\n 0 === (f & 2) && b.child !== g ? (c = b.child, c.childLanes = 0, c.pendingProps = h, g = c.lastEffect, null !== g ? (b.firstEffect = c.firstEffect, b.lastEffect = g, g.nextEffect = null) : b.firstEffect = b.lastEffect = null) : c = Tg(g, h);\n null !== a ? d = Tg(a, d) : (d = Xg(d, f, e, null), d.flags |= 2);\n d.return = b;\n c.return = b;\n c.sibling = d;\n b.child = c;\n return d;\n}\n\nfunction yi(a, b) {\n a.lanes |= b;\n var c = a.alternate;\n null !== c && (c.lanes |= b);\n sg(a.return, b);\n}\n\nfunction zi(a, b, c, d, e, f) {\n var g = a.memoizedState;\n null === g ? a.memoizedState = {\n isBackwards: b,\n rendering: null,\n renderingStartTime: 0,\n last: d,\n tail: c,\n tailMode: e,\n lastEffect: f\n } : (g.isBackwards = b, g.rendering = null, g.renderingStartTime = 0, g.last = d, g.tail = c, g.tailMode = e, g.lastEffect = f);\n}\n\nfunction Ai(a, b, c) {\n var d = b.pendingProps,\n e = d.revealOrder,\n f = d.tail;\n fi(a, b, d.children, c);\n d = P.current;\n if (0 !== (d & 2)) d = d & 1 | 2, b.flags |= 64;else {\n if (null !== a && 0 !== (a.flags & 64)) a: for (a = b.child; null !== a;) {\n if (13 === a.tag) null !== a.memoizedState && yi(a, c);else if (19 === a.tag) yi(a, c);else if (null !== a.child) {\n a.child.return = a;\n a = a.child;\n continue;\n }\n if (a === b) break a;\n\n for (; null === a.sibling;) {\n if (null === a.return || a.return === b) break a;\n a = a.return;\n }\n\n a.sibling.return = a.return;\n a = a.sibling;\n }\n d &= 1;\n }\n I(P, d);\n if (0 === (b.mode & 2)) b.memoizedState = null;else switch (e) {\n case \"forwards\":\n c = b.child;\n\n for (e = null; null !== c;) {\n a = c.alternate, null !== a && null === ih(a) && (e = c), c = c.sibling;\n }\n\n c = e;\n null === c ? (e = b.child, b.child = null) : (e = c.sibling, c.sibling = null);\n zi(b, !1, e, c, f, b.lastEffect);\n break;\n\n case \"backwards\":\n c = null;\n e = b.child;\n\n for (b.child = null; null !== e;) {\n a = e.alternate;\n\n if (null !== a && null === ih(a)) {\n b.child = e;\n break;\n }\n\n a = e.sibling;\n e.sibling = c;\n c = e;\n e = a;\n }\n\n zi(b, !0, c, null, f, b.lastEffect);\n break;\n\n case \"together\":\n zi(b, !1, null, null, void 0, b.lastEffect);\n break;\n\n default:\n b.memoizedState = null;\n }\n return b.child;\n}\n\nfunction hi(a, b, c) {\n null !== a && (b.dependencies = a.dependencies);\n Dg |= b.lanes;\n\n if (0 !== (c & b.childLanes)) {\n if (null !== a && b.child !== a.child) throw Error(y(153));\n\n if (null !== b.child) {\n a = b.child;\n c = Tg(a, a.pendingProps);\n b.child = c;\n\n for (c.return = b; null !== a.sibling;) {\n a = a.sibling, c = c.sibling = Tg(a, a.pendingProps), c.return = b;\n }\n\n c.sibling = null;\n }\n\n return b.child;\n }\n\n return null;\n}\n\nvar Bi, Ci, Di, Ei;\n\nBi = function Bi(a, b) {\n for (var c = b.child; null !== c;) {\n if (5 === c.tag || 6 === c.tag) a.appendChild(c.stateNode);else if (4 !== c.tag && null !== c.child) {\n c.child.return = c;\n c = c.child;\n continue;\n }\n if (c === b) break;\n\n for (; null === c.sibling;) {\n if (null === c.return || c.return === b) return;\n c = c.return;\n }\n\n c.sibling.return = c.return;\n c = c.sibling;\n }\n};\n\nCi = function Ci() {};\n\nDi = function Di(a, b, c, d) {\n var e = a.memoizedProps;\n\n if (e !== d) {\n a = b.stateNode;\n dh(ah.current);\n var f = null;\n\n switch (c) {\n case \"input\":\n e = Ya(a, e);\n d = Ya(a, d);\n f = [];\n break;\n\n case \"option\":\n e = eb(a, e);\n d = eb(a, d);\n f = [];\n break;\n\n case \"select\":\n e = m({}, e, {\n value: void 0\n });\n d = m({}, d, {\n value: void 0\n });\n f = [];\n break;\n\n case \"textarea\":\n e = gb(a, e);\n d = gb(a, d);\n f = [];\n break;\n\n default:\n \"function\" !== typeof e.onClick && \"function\" === typeof d.onClick && (a.onclick = jf);\n }\n\n vb(c, d);\n var g;\n c = null;\n\n for (l in e) {\n if (!d.hasOwnProperty(l) && e.hasOwnProperty(l) && null != e[l]) if (\"style\" === l) {\n var h = e[l];\n\n for (g in h) {\n h.hasOwnProperty(g) && (c || (c = {}), c[g] = \"\");\n }\n } else \"dangerouslySetInnerHTML\" !== l && \"children\" !== l && \"suppressContentEditableWarning\" !== l && \"suppressHydrationWarning\" !== l && \"autoFocus\" !== l && (ca.hasOwnProperty(l) ? f || (f = []) : (f = f || []).push(l, null));\n }\n\n for (l in d) {\n var k = d[l];\n h = null != e ? e[l] : void 0;\n if (d.hasOwnProperty(l) && k !== h && (null != k || null != h)) if (\"style\" === l) {\n if (h) {\n for (g in h) {\n !h.hasOwnProperty(g) || k && k.hasOwnProperty(g) || (c || (c = {}), c[g] = \"\");\n }\n\n for (g in k) {\n k.hasOwnProperty(g) && h[g] !== k[g] && (c || (c = {}), c[g] = k[g]);\n }\n } else c || (f || (f = []), f.push(l, c)), c = k;\n } else \"dangerouslySetInnerHTML\" === l ? (k = k ? k.__html : void 0, h = h ? h.__html : void 0, null != k && h !== k && (f = f || []).push(l, k)) : \"children\" === l ? \"string\" !== typeof k && \"number\" !== typeof k || (f = f || []).push(l, \"\" + k) : \"suppressContentEditableWarning\" !== l && \"suppressHydrationWarning\" !== l && (ca.hasOwnProperty(l) ? (null != k && \"onScroll\" === l && G(\"scroll\", a), f || h === k || (f = [])) : \"object\" === _typeof(k) && null !== k && k.$$typeof === Ga ? k.toString() : (f = f || []).push(l, k));\n }\n\n c && (f = f || []).push(\"style\", c);\n var l = f;\n if (b.updateQueue = l) b.flags |= 4;\n }\n};\n\nEi = function Ei(a, b, c, d) {\n c !== d && (b.flags |= 4);\n};\n\nfunction Fi(a, b) {\n if (!lh) switch (a.tailMode) {\n case \"hidden\":\n b = a.tail;\n\n for (var c = null; null !== b;) {\n null !== b.alternate && (c = b), b = b.sibling;\n }\n\n null === c ? a.tail = null : c.sibling = null;\n break;\n\n case \"collapsed\":\n c = a.tail;\n\n for (var d = null; null !== c;) {\n null !== c.alternate && (d = c), c = c.sibling;\n }\n\n null === d ? b || null === a.tail ? a.tail = null : a.tail.sibling = null : d.sibling = null;\n }\n}\n\nfunction Gi(a, b, c) {\n var d = b.pendingProps;\n\n switch (b.tag) {\n case 2:\n case 16:\n case 15:\n case 0:\n case 11:\n case 7:\n case 8:\n case 12:\n case 9:\n case 14:\n return null;\n\n case 1:\n return Ff(b.type) && Gf(), null;\n\n case 3:\n fh();\n H(N);\n H(M);\n uh();\n d = b.stateNode;\n d.pendingContext && (d.context = d.pendingContext, d.pendingContext = null);\n if (null === a || null === a.child) rh(b) ? b.flags |= 4 : d.hydrate || (b.flags |= 256);\n Ci(b);\n return null;\n\n case 5:\n hh(b);\n var e = dh(ch.current);\n c = b.type;\n if (null !== a && null != b.stateNode) Di(a, b, c, d, e), a.ref !== b.ref && (b.flags |= 128);else {\n if (!d) {\n if (null === b.stateNode) throw Error(y(166));\n return null;\n }\n\n a = dh(ah.current);\n\n if (rh(b)) {\n d = b.stateNode;\n c = b.type;\n var f = b.memoizedProps;\n d[wf] = b;\n d[xf] = f;\n\n switch (c) {\n case \"dialog\":\n G(\"cancel\", d);\n G(\"close\", d);\n break;\n\n case \"iframe\":\n case \"object\":\n case \"embed\":\n G(\"load\", d);\n break;\n\n case \"video\":\n case \"audio\":\n for (a = 0; a < Xe.length; a++) {\n G(Xe[a], d);\n }\n\n break;\n\n case \"source\":\n G(\"error\", d);\n break;\n\n case \"img\":\n case \"image\":\n case \"link\":\n G(\"error\", d);\n G(\"load\", d);\n break;\n\n case \"details\":\n G(\"toggle\", d);\n break;\n\n case \"input\":\n Za(d, f);\n G(\"invalid\", d);\n break;\n\n case \"select\":\n d._wrapperState = {\n wasMultiple: !!f.multiple\n };\n G(\"invalid\", d);\n break;\n\n case \"textarea\":\n hb(d, f), G(\"invalid\", d);\n }\n\n vb(c, f);\n a = null;\n\n for (var g in f) {\n f.hasOwnProperty(g) && (e = f[g], \"children\" === g ? \"string\" === typeof e ? d.textContent !== e && (a = [\"children\", e]) : \"number\" === typeof e && d.textContent !== \"\" + e && (a = [\"children\", \"\" + e]) : ca.hasOwnProperty(g) && null != e && \"onScroll\" === g && G(\"scroll\", d));\n }\n\n switch (c) {\n case \"input\":\n Va(d);\n cb(d, f, !0);\n break;\n\n case \"textarea\":\n Va(d);\n jb(d);\n break;\n\n case \"select\":\n case \"option\":\n break;\n\n default:\n \"function\" === typeof f.onClick && (d.onclick = jf);\n }\n\n d = a;\n b.updateQueue = d;\n null !== d && (b.flags |= 4);\n } else {\n g = 9 === e.nodeType ? e : e.ownerDocument;\n a === kb.html && (a = lb(c));\n a === kb.html ? \"script\" === c ? (a = g.createElement(\"div\"), a.innerHTML = \"