diff --git a/3.38bdbb779976c9b5f57e.bundle.js b/3.5d73aa26d902dde77b01.bundle.js similarity index 93% rename from 3.38bdbb779976c9b5f57e.bundle.js rename to 3.5d73aa26d902dde77b01.bundle.js index cbccdb3f..afb28715 100644 --- a/3.38bdbb779976c9b5f57e.bundle.js +++ b/3.5d73aa26d902dde77b01.bundle.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{943:function(e,n,t){"use strict";t.r(n),n.default=function(e,n){return n=n||{},new Promise(function(t,s){var r=new XMLHttpRequest,o=[],u=[],i={},a=function(){return{ok:2==(r.status/100|0),statusText:r.statusText,status:r.status,url:r.responseURL,text:function(){return Promise.resolve(r.responseText)},json:function(){return Promise.resolve(JSON.parse(r.responseText))},blob:function(){return Promise.resolve(new Blob([r.response]))},clone:a,headers:{keys:function(){return o},entries:function(){return u},get:function(e){return i[e.toLowerCase()]},has:function(e){return e.toLowerCase()in i}}}};for(var c in r.open(n.method||"get",e,!0),r.onload=function(){r.getAllResponseHeaders().replace(/^(.*?):[^\S\n]*([\s\S]*?)$/gm,function(e,n,t){o.push(n=n.toLowerCase()),u.push([n,t]),i[n]=i[n]?i[n]+","+t:t}),t(a())},r.onerror=s,r.withCredentials="include"==n.credentials,n.headers)r.setRequestHeader(c,n.headers[c]);r.send(n.body||null)})}}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{930:function(e,n,t){"use strict";t.r(n),n.default=function(e,n){return n=n||{},new Promise(function(t,s){var r=new XMLHttpRequest,o=[],u=[],i={},a=function(){return{ok:2==(r.status/100|0),statusText:r.statusText,status:r.status,url:r.responseURL,text:function(){return Promise.resolve(r.responseText)},json:function(){return Promise.resolve(JSON.parse(r.responseText))},blob:function(){return Promise.resolve(new Blob([r.response]))},clone:a,headers:{keys:function(){return o},entries:function(){return u},get:function(e){return i[e.toLowerCase()]},has:function(e){return e.toLowerCase()in i}}}};for(var c in r.open(n.method||"get",e,!0),r.onload=function(){r.getAllResponseHeaders().replace(/^(.*?):[^\S\n]*([\s\S]*?)$/gm,function(e,n,t){o.push(n=n.toLowerCase()),u.push([n,t]),i[n]=i[n]?i[n]+","+t:t}),t(a())},r.onerror=s,r.withCredentials="include"==n.credentials,n.headers)r.setRequestHeader(c,n.headers[c]);r.send(n.body||null)})}}}]); \ No newline at end of file diff --git a/iframe.html b/iframe.html index d9e8a5e0..10353766 100644 --- a/iframe.html +++ b/iframe.html @@ -58,4 +58,4 @@ } catch (e) { // eslint-disable-next-line no-console console.warn('unable to connect to parent frame for connecting dev tools'); - }

No Preview

Sorry, but you either have no stories or none are selected somehow.

If the problem persists, check the browser console, or the terminal you've run Storybook from.

\ No newline at end of file + }

No Preview

Sorry, but you either have no stories or none are selected somehow.

If the problem persists, check the browser console, or the terminal you've run Storybook from.

\ No newline at end of file diff --git a/index.html b/index.html index 0114b704..f6cf9700 100644 --- a/index.html +++ b/index.html @@ -14,4 +14,4 @@ } catch (e) { // eslint-disable-next-line no-console console.warn('unable to connect to parent frame for connecting dev tools'); - }
\ No newline at end of file + }
\ No newline at end of file diff --git a/main.479224e6efe7632a9682.bundle.js b/main.479224e6efe7632a9682.bundle.js new file mode 100644 index 00000000..209854e3 --- /dev/null +++ b/main.479224e6efe7632a9682.bundle.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{387:function(n,o,p){p(388),p(490),n.exports=p(871)},490:function(n,o,p){"use strict";p.r(o);p(491),p(812),p(815),p(833)}},[[387,1,2]]]); \ No newline at end of file diff --git a/main.75ab8243c2254c31bf94.bundle.js b/main.75ab8243c2254c31bf94.bundle.js deleted file mode 100644 index 883b731c..00000000 --- a/main.75ab8243c2254c31bf94.bundle.js +++ /dev/null @@ -1 +0,0 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{396:function(n,o,p){p(397),p(503),n.exports=p(884)},503:function(n,o,p){"use strict";p.r(o);p(504),p(824),p(827),p(845)}},[[396,1,2]]]); \ No newline at end of file diff --git a/main.dd82ce5392d0dfb0203a.bundle.js b/main.dd82ce5392d0dfb0203a.bundle.js deleted file mode 100644 index 2be09f12..00000000 --- a/main.dd82ce5392d0dfb0203a.bundle.js +++ /dev/null @@ -1,2 +0,0 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[0],[,,,function(module,exports,__webpack_require__){"use strict";var __importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(null!=mod)for(var k in mod)Object.hasOwnProperty.call(mod,k)&&(result[k]=mod[k]);return result.default=mod,result};Object.defineProperty(exports,"__esModule",{value:!0});var h=__importStar(__webpack_require__(0)).createElement;exports.default=function(props){return h("div",{},h("div",{style:{padding:"0 20px"},dangerouslySetInnerHTML:{__html:props.md.default}}),h("style",{dangerouslySetInnerHTML:{__html:"\n@import url(https://fonts.googleapis.com/css?family=Merriweather:300italic,300);\n\nh1, h1 code, h2, h2 code, h3, h3 code, h4, h4 code {\n color: #333;\n}\n\nhtml {\n font-size: 16px;\n max-width: 700px;\n margin: auto;\n}\n\nbody {\n color: #444;\n font-family: 'Merriweather', Georgia, serif;\n max-width: 700px;\n margin: auto;\n}\n\n/* === A bit of a gross hack so we can have bleeding divs/blockquotes. */\n\ndiv {\n width: 100%;\n}\n\ndiv img {\n width: 100%;\n}\n\nblockquote p {\n font-size: 1.5rem;\n font-style: italic;\n margin: 1rem auto 1rem;\n max-width: 48rem;\n}\n\nli {\n margin-left: 2rem;\n}\n\n/* Counteract the specificity of the gross *:not() chain. */\nh1 {\n padding: 1m 0 !important;\n}\n/* === End gross hack */\n\np {\n color: #555;\n height: auto;\n line-height: 1.45;\n}\n\npre, code {\n font-family: Menlo, Monaco, \"Courier New\", monospace;\n color: #42b983;\n}\n\npre, pre code {\n color: #000;\n}\n\npre {\n background-color: #fafafa;\n font-size: .8rem;\n overflow-x: scroll;\n padding: 1.125em;\n}\n\na, a pre, a code,\na:visited {\n color: #3498db;\n}\n\na:hover,\na:focus,\na:active {\n color: #2980b9;\n}\n "}}))}},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var createMemo_1=__webpack_require__(544);exports.createMemo=createMemo_1.default;var createReducer_1=__webpack_require__(545);exports.createReducer=createReducer_1.default;var useAsync_1=__webpack_require__(250);exports.useAsync=useAsync_1.default;var useAsyncFn_1=__webpack_require__(156);exports.useAsyncFn=useAsyncFn_1.default;var useAsyncRetry_1=__webpack_require__(546);exports.useAsyncRetry=useAsyncRetry_1.default;var useAudio_1=__webpack_require__(547);exports.useAudio=useAudio_1.default;var useBattery_1=__webpack_require__(549);exports.useBattery=useBattery_1.default;var useBeforeUnload_1=__webpack_require__(550);exports.useBeforeUnload=useBeforeUnload_1.default;var useBoolean_1=__webpack_require__(551);exports.useBoolean=useBoolean_1.default;var useClickAway_1=__webpack_require__(552);exports.useClickAway=useClickAway_1.default;var useCopyToClipboard_1=__webpack_require__(553);exports.useCopyToClipboard=useCopyToClipboard_1.default;var useCounter_1=__webpack_require__(253);exports.useCounter=useCounter_1.default;var useCss_1=__webpack_require__(556);exports.useCss=useCss_1.default;var useDebounce_1=__webpack_require__(562);exports.useDebounce=useDebounce_1.default;var useDeepCompareEffect_1=__webpack_require__(563);exports.useDeepCompareEffect=useDeepCompareEffect_1.default;var useDefault_1=__webpack_require__(565);exports.useDefault=useDefault_1.default;var useDrop_1=__webpack_require__(566);exports.useDrop=useDrop_1.default;var useDropArea_1=__webpack_require__(567);exports.useDropArea=useDropArea_1.default;var useEffectOnce_1=__webpack_require__(111);exports.useEffectOnce=useEffectOnce_1.default;var useEvent_1=__webpack_require__(255);exports.useEvent=useEvent_1.default;var useFavicon_1=__webpack_require__(568);exports.useFavicon=useFavicon_1.default;var useFullscreen_1=__webpack_require__(569);exports.useFullscreen=useFullscreen_1.default;var useGeolocation_1=__webpack_require__(571);exports.useGeolocation=useGeolocation_1.default;var useGetSet_1=__webpack_require__(254);exports.useGetSet=useGetSet_1.default;var useGetSetState_1=__webpack_require__(572);exports.useGetSetState=useGetSetState_1.default;var useHover_1=__webpack_require__(573);exports.useHover=useHover_1.default;var useHoverDirty_1=__webpack_require__(256);exports.useHoverDirty=useHoverDirty_1.default;var useIdle_1=__webpack_require__(574);exports.useIdle=useIdle_1.default;var useInterval_1=__webpack_require__(576);exports.useInterval=useInterval_1.default;var useIsomorphicLayoutEffect_1=__webpack_require__(257);exports.useIsomorphicLayoutEffect=useIsomorphicLayoutEffect_1.default;var useKey_1=__webpack_require__(158);exports.useKey=useKey_1.default;var useKeyPress_1=__webpack_require__(258);exports.useKeyPress=useKeyPress_1.default;var useKeyPressEvent_1=__webpack_require__(577);exports.useKeyPressEvent=useKeyPressEvent_1.default;var useLifecycles_1=__webpack_require__(578);exports.useLifecycles=useLifecycles_1.default;var useList_1=__webpack_require__(579);exports.useList=useList_1.default;var useLocalStorage_1=__webpack_require__(580);exports.useLocalStorage=useLocalStorage_1.default;var useLocation_1=__webpack_require__(581);exports.useLocation=useLocation_1.default;var useLockBodyScroll_1=__webpack_require__(582);exports.useLockBodyScroll=useLockBodyScroll_1.default;var useLogger_1=__webpack_require__(583);exports.useLogger=useLogger_1.default;var useMap_1=__webpack_require__(584);exports.useMap=useMap_1.default;var useMedia_1=__webpack_require__(585);exports.useMedia=useMedia_1.default;var useMediaDevices_1=__webpack_require__(586);exports.useMediaDevices=useMediaDevices_1.default;var useMotion_1=__webpack_require__(587);exports.useMotion=useMotion_1.default;var useMount_1=__webpack_require__(159);exports.useMount=useMount_1.default;var useMountedState_1=__webpack_require__(61);exports.useMountedState=useMountedState_1.default;var useMouse_1=__webpack_require__(259);exports.useMouse=useMouse_1.default;var useMouseHovered_1=__webpack_require__(588);exports.useMouseHovered=useMouseHovered_1.default;var useNetwork_1=__webpack_require__(589);exports.useNetwork=useNetwork_1.default;var useNumber_1=__webpack_require__(590);exports.useNumber=useNumber_1.default;var useObservable_1=__webpack_require__(591);exports.useObservable=useObservable_1.default;var useOrientation_1=__webpack_require__(592);exports.useOrientation=useOrientation_1.default;var usePageLeave_1=__webpack_require__(593);exports.usePageLeave=usePageLeave_1.default;var usePermission_1=__webpack_require__(594);exports.usePermission=usePermission_1.default;var usePrevious_1=__webpack_require__(595);exports.usePrevious=usePrevious_1.default;var usePromise_1=__webpack_require__(596);exports.usePromise=usePromise_1.default;var useRaf_1=__webpack_require__(260);exports.useRaf=useRaf_1.default;var useRafLoop_1=__webpack_require__(597);exports.useRafLoop=useRafLoop_1.default;var useRefMounted_1=__webpack_require__(598);exports.useRefMounted=useRefMounted_1.default;var useScroll_1=__webpack_require__(599);exports.useScroll=useScroll_1.default;var useScrolling_1=__webpack_require__(600);exports.useScrolling=useScrolling_1.default;var useSessionStorage_1=__webpack_require__(601);exports.useSessionStorage=useSessionStorage_1.default;var useSetState_1=__webpack_require__(110);exports.useSetState=useSetState_1.default;var useSize_1=__webpack_require__(602);exports.useSize=useSize_1.default;var useSpeech_1=__webpack_require__(603);exports.useSpeech=useSpeech_1.default;var useStartTyping_1=__webpack_require__(604);exports.useStartTyping=useStartTyping_1.default;var useThrottle_1=__webpack_require__(605);exports.useThrottle=useThrottle_1.default;var useThrottleFn_1=__webpack_require__(606);exports.useThrottleFn=useThrottleFn_1.default;var useTimeout_1=__webpack_require__(607);exports.useTimeout=useTimeout_1.default;var useTitle_1=__webpack_require__(608);exports.useTitle=useTitle_1.default;var useToggle_1=__webpack_require__(252);exports.useToggle=useToggle_1.default;var useTween_1=__webpack_require__(609);exports.useTween=useTween_1.default;var useUnmount_1=__webpack_require__(160);exports.useUnmount=useUnmount_1.default;var useUpdate_1=__webpack_require__(157);exports.useUpdate=useUpdate_1.default;var useUpdateEffect_1=__webpack_require__(82);exports.useUpdateEffect=useUpdateEffect_1.default;var useVideo_1=__webpack_require__(611);exports.useVideo=useVideo_1.default;var useWait_1=__webpack_require__(612);exports.useWait=useWait_1.useWait,exports.Waiter=useWait_1.Waiter;var useWindowScroll_1=__webpack_require__(614);exports.useWindowScroll=useWindowScroll_1.default;var useWindowSize_1=__webpack_require__(615);exports.useWindowSize=useWindowSize_1.default},,,,,,,,,,,,,,function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.isClient="object"==typeof window,exports.on=function(obj){for(var args=[],_i=1;_i=48&&keyCode<=57||keyCode>=65&&keyCode<=90))&&onStartTyping(event)};return document.addEventListener("keydown",keydown),function(){document.removeEventListener("keydown",keydown)}},[])}},function(module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(0),useUnmount_1=__importDefault(__webpack_require__(160));exports.default=function(value,ms){void 0===ms&&(ms=200);var _a=react_1.useState(value),state=_a[0],setState=_a[1],timeout=react_1.useRef(null),nextValue=react_1.useRef(null),hasNextValue=react_1.useRef(0);return react_1.useEffect(function(){if(timeout.current)nextValue.current=value,hasNextValue.current=!0;else{setState(value);var timeoutCallback_1=function(){hasNextValue.current?(hasNextValue.current=!1,setState(nextValue.current),timeout.current=setTimeout(timeoutCallback_1,ms)):timeout.current=null};timeout.current=setTimeout(timeoutCallback_1,ms)}},[value]),useUnmount_1.default(function(){clearTimeout(timeout.current)}),state}},function(module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(0),useUnmount_1=__importDefault(__webpack_require__(160));exports.default=function(fn,ms,args){void 0===ms&&(ms=200);var _a=react_1.useState(null),state=_a[0],setState=_a[1],timeout=react_1.useRef(null),nextArgs=react_1.useRef(null),hasNextArgs=react_1.useRef(!1);return react_1.useEffect(function(){if(timeout.current)nextArgs.current=args,hasNextArgs.current=!0;else{setState(fn.apply(void 0,args));var timeoutCallback_1=function(){hasNextArgs.current?(hasNextArgs.current=!1,setState(fn.apply(void 0,nextArgs.current)),timeout.current=setTimeout(timeoutCallback_1,ms)):timeout.current=null};timeout.current=setTimeout(timeoutCallback_1,ms)}},args),useUnmount_1.default(function(){clearTimeout(timeout.current)}),state}},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(0);exports.default=function(ms){void 0===ms&&(ms=0);var _a=react_1.useState(!1),ready=_a[0],setReady=_a[1];return react_1.useEffect(function(){var timer=setTimeout(function(){setReady(!0)},ms);return function(){clearTimeout(timer)}},[ms]),ready}},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(0);exports.default=function(title){react_1.useEffect(function(){document.title=title},[title])}},function(module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});var ts_easing_1=__webpack_require__(610),useRaf_1=__importDefault(__webpack_require__(260));exports.default=function(easingName,ms,delay){return void 0===easingName&&(easingName="inCirc"),void 0===ms&&(ms=200),void 0===delay&&(delay=0),(0,ts_easing_1.easing[easingName])(useRaf_1.default(ms,delay))}},,function(module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});var useVideo=__importDefault(__webpack_require__(251)).default("video");exports.default=useVideo},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react_wait_1=__webpack_require__(613);exports.useWait=react_wait_1.useWait,exports.Waiter=react_wait_1.Waiter},,function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(0),util_1=__webpack_require__(18);exports.default=function(){var frame=react_1.useRef(0),_a=react_1.useState({x:util_1.isClient?window.pageXOffset:0,y:util_1.isClient?window.pageYOffset:0}),state=_a[0],setState=_a[1];return react_1.useEffect(function(){var handler=function(){cancelAnimationFrame(frame.current),frame.current=requestAnimationFrame(function(){setState({x:window.pageXOffset,y:window.pageYOffset})})};return window.addEventListener("scroll",handler,{capture:!1,passive:!0}),function(){cancelAnimationFrame(frame.current),window.removeEventListener("scroll",handler)}},[]),state}},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(0),util_1=__webpack_require__(18);exports.default=function(initialWidth,initialHeight){void 0===initialWidth&&(initialWidth=1/0),void 0===initialHeight&&(initialHeight=1/0);var _a=react_1.useState({width:util_1.isClient?window.innerWidth:initialWidth,height:util_1.isClient?window.innerHeight:initialHeight}),state=_a[0],setState=_a[1];return react_1.useEffect(function(){if(util_1.isClient){var handler_1=function(){setState({width:window.innerWidth,height:window.innerHeight})};return window.addEventListener("resize",handler_1),function(){return window.removeEventListener("resize",handler_1)}}},[]),state}},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='

createMemo

\n

Hook factory, receives a function to be memoized, returns a memoized React hook,\nwhich receives the same arguments and returns the same result as the original function.

\n

Usage

\n
import {createMemo} from 'react-use';\n\nconst fibonacci = n => {\n  if (n === 0) return 0;\n  if (n === 1) return 1;\n  return fibonacci(n - 1) + fibonacci(n - 2);\n};\n\nconst useMemoFibonacci = createMemo(fibonacci);\n\nconst Demo = () => {\n  const result = useMemoFibonacci(10);\n\n  return (\n    <div>\n      fib(10) = {result}\n    </div>\n  );\n};
\n

Reference

\n
const useMemoFn = createMemo(fn);
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){var __importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(null!=mod)for(var k in mod)Object.hasOwnProperty.call(mod,k)&&(result[k]=mod[k]);return result.default=mod,result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(2),React=__importStar(__webpack_require__(0)),redux_logger_1=__importDefault(__webpack_require__(618)),redux_thunk_1=__importDefault(__webpack_require__(619)),__1=__webpack_require__(4),ShowDocs_1=__importDefault(__webpack_require__(3)),useThunkReducer=__1.createReducer(redux_thunk_1.default,redux_logger_1.default);function init(initialCount){return{count:initialCount}}function reducer(state,action){switch(action.type){case"increment":return{count:state.count+1};case"decrement":return{count:state.count-1};case"reset":return init(action.payload);default:throw new Error}}var Demo=function(_a){var _b=_a.initialCount,initialCount=void 0===_b?1:_b,addAndReset=React.useCallback(function(){return function(dispatch2){dispatch2({type:"increment"}),setTimeout(function(){dispatch2({type:"reset",payload:initialCount})},1e3)}},[initialCount]),_c=useThunkReducer(reducer,initialCount,init),state=_c[0],dispatch=_c[1];return React.createElement("div",null,React.createElement("pre",null,JSON.stringify(state,null,2)),React.createElement("button",{onClick:function(){return dispatch(addAndReset())}},"Add and reset"),React.createElement("button",{onClick:function(){return dispatch({type:"reset",payload:initialCount})}},"Reset"),React.createElement("button",{onClick:function(){return dispatch({type:"increment"})}},"+"),React.createElement("button",{onClick:function(){return dispatch({type:"decrement"})}},"-"),React.createElement("p",null,"Open your developer console to see actions logged by middleware"))};react_1.storiesOf("State|createReducer",module).add("Docs",function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(620)})}).add("Demo",function(){return React.createElement(Demo,null)})}).call(this,__webpack_require__(1)(module))},,,function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='

createReducer

\n

Factory for reducer hooks with custom middleware with an identical API as React's useReducer. Compatible with Redux middlware.

\n

Usage

\n

An example with redux-thunk and redux-logger.

\n
import { createReducer } from 'react-use';\nimport logger from 'redux-logger';\nimport thunk from 'redux-thunk';\n\nconst useThunkReducer = createReducer(thunk, logger);\n\nfunction reducer(state, action) {\n  switch (action.type) {\n    case 'increment':\n      return { count: state.count + 1 };\n    case 'decrement':\n      return { count: state.count - 1 };\n    case 'reset':\n      return { count: action.payload };\n    default:\n      throw new Error();\n  }\n}\n\nconst Demo = ({ initialCount = 1 }) => {\n  // Action creator to increment count, wait a second and then reset\n  const addAndReset = React.useCallback(() => {\n    return dispatch => {\n      dispatch({ type: 'increment' });\n\n      setTimeout(() => {\n        dispatch({ type: 'reset', payload: initialCount });\n      }, 1000);\n    };\n  }, [initialCount]);\n\n  const [state, dispatch] = useThunkReducer(reducer, initialCount);\n\n  return (\n    <div>\n      <p>count: {state.count}</p>\n      <button onClick={() => dispatch(addAndReset())}>Add and reset</button>\n      <button\n        onClick={() => dispatch({ type: 'reset', payload: initialCount })}\n      >\n        Reset\n      </button>\n      <button onClick={() => dispatch({ type: 'increment' })}>+</button>\n      <button onClick={() => dispatch({ type: 'decrement' })}>-</button>\n    </div>\n  );\n};
\n

Reference

\n
const useMiddlewareReducer = createReducer(...middlewares);
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){var __importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(null!=mod)for(var k in mod)Object.hasOwnProperty.call(mod,k)&&(result[k]=mod[k]);return result.default=mod,result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});var addon_knobs_1=__webpack_require__(83),react_1=__webpack_require__(2),React=__importStar(__webpack_require__(0)),__1=__webpack_require__(4),ShowDocs_1=__importDefault(__webpack_require__(3)),Demo=function(_a){var delay=_a.delay,state=__1.useAsync(function(){return new Promise(function(resolve,reject){setTimeout(function(){Math.random()>.5?resolve("✌️"):reject(new Error("A pseudo random error occurred"))},delay)})},[delay]);return React.createElement("div",null,state.loading?React.createElement("p",null,"Loading..."):state.error?React.createElement("p",null,"Error: ",state.error.message):React.createElement("p",null,"Value: ",state.value),React.createElement("pre",null,JSON.stringify(state,null,2)))};react_1.storiesOf("Side effects|useAsync",module).addDecorator(addon_knobs_1.withKnobs).add("Docs",function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(633)})}).add("Demo",function(){var delay=addon_knobs_1.number("delay",1e3,{range:!0,min:100,max:5e3,step:100});return React.createElement(Demo,{delay:delay})})}).call(this,__webpack_require__(1)(module))},,,,,,,,,,,,function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='

useAsync

\n

React hook that resolves an async function or a function that returns\na promise;

\n

Usage

\n
import {useAsync} from 'react-use';\n\nconst Demo = ({url}) => {\n  const state = useAsync(async () => {\n    const response = await fetch(url);\n    const result = await response.text();\n    return result\n  }, [url]);\n\n  return (\n    <div>\n      {state.loading\n        ? <div>Loading...</div>\n        : state.error\n          ? <div>Error: {state.error.message}</div>\n          : <div>Value: {state.value}</div>\n      }\n    </div>\n  );\n};
\n

Reference

\n
useAsync(fn, args?: any[]);
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){var __importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(null!=mod)for(var k in mod)Object.hasOwnProperty.call(mod,k)&&(result[k]=mod[k]);return result.default=mod,result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(2),React=__importStar(__webpack_require__(0)),__1=__webpack_require__(4),ShowDocs_1=__importDefault(__webpack_require__(3)),Demo=function(){var _a=__1.useAsyncFn(function(){return new Promise(function(resolve,reject){setTimeout(function(){Math.random()>.5?resolve("✌️"):reject(new Error("A pseudo random error occurred"))},1e3)})}),state=_a[0],callback=_a[1];return React.createElement("div",null,state.loading?React.createElement("p",null,"Loading..."):state.error?React.createElement("p",null,"Error: ",state.error.message):React.createElement("p",null,"Value: ",state.value),React.createElement("button",{onClick:function(){return callback()}},"Start"),React.createElement("pre",null,JSON.stringify(state,null,2)))};react_1.storiesOf("Side effects|useAsyncFn",module).add("Docs",function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(635)})}).add("Demo",function(){return React.createElement(Demo,null)})}).call(this,__webpack_require__(1)(module))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='

useAsyncFn

\n

React hook that returns state and a callback for an async function or a\nfunction that returns a promise. The state is of the same shape as useAsync.

\n

Usage

\n
import {useAsyncFn} from 'react-use';\n\nconst Demo = ({url}) => {\n  const [state, fetch] = useAsyncFn(async () => {\n    const response = await fetch(url);\n    const result = await response.text();\n    return result\n  }, [url]);\n\n  return (\n    <div>\n      {state.loading\n        ? <div>Loading...</div>\n        : state.error\n          ? <div>Error: {state.error.message}</div>\n          : <div>Value: {state.value}</div>\n      }\n      <button onClick={() => fetch()}>Start loading</button>\n    </div>\n  );\n};
\n

Reference

\n
useAsyncFn(fn, deps?: any[]);
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){var __importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(null!=mod)for(var k in mod)Object.hasOwnProperty.call(mod,k)&&(result[k]=mod[k]);return result.default=mod,result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});var addon_knobs_1=__webpack_require__(83),react_1=__webpack_require__(2),React=__importStar(__webpack_require__(0)),__1=__webpack_require__(4),ShowDocs_1=__importDefault(__webpack_require__(3)),Demo=function(_a){var delay=_a.delay,state=__1.useAsyncRetry(function(){return new Promise(function(resolve,reject){setTimeout(function(){Math.random()>.5?resolve("✌️"):reject(new Error("A pseudo random error occurred"))},delay)})},[delay]);return React.createElement("div",null,state.loading?React.createElement("p",null,"Loading..."):state.error?React.createElement("p",null,"Error: ",state.error.message):React.createElement("p",null,"Value: ",state.value),React.createElement("button",{onClick:function(){return state.retry()}},"Retry"),React.createElement("pre",null,JSON.stringify(state,null,2)))};react_1.storiesOf("Side effects|useAsyncRetry",module).addDecorator(addon_knobs_1.withKnobs).add("Docs",function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(637)})}).add("Demo",function(){var delay=addon_knobs_1.number("delay",1e3,{range:!0,min:100,max:5e3,step:100});return React.createElement(Demo,{delay:delay})})}).call(this,__webpack_require__(1)(module))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='

useAsyncRetry

\n

Uses useAsync with an additional retry method to easily retry/refresh the async function;

\n

Usage

\n
import {useAsyncRetry} from 'react-use';\n\nconst Demo = ({url}) => {\n  const state = useAsyncRetry(async () => {\n    const response = await fetch(url);\n    const result = await response.text();\n    return result;\n  }, [url]);\n\n  return (\n    <div>\n      {state.loading\n        ? <div>Loading...</div>\n        : state.error\n          ? <div>Error: {state.error.message}</div>\n          : <div>Value: {state.value}</div>\n      }\n      {!loading && <button onClick={() => state.retry()}>Start loading</button>}\n    </div>\n  );\n};
\n

Reference

\n
useAsyncRetry(fn, args?: any[]);
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){var __importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(null!=mod)for(var k in mod)Object.hasOwnProperty.call(mod,k)&&(result[k]=mod[k]);return result.default=mod,result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(2),React=__importStar(__webpack_require__(0)),__1=__webpack_require__(4),ShowDocs_1=__importDefault(__webpack_require__(3)),Demo=function(){var _a=__1.useAudio({src:"https://www.soundhelix.com/examples/mp3/SoundHelix-Song-2.mp3",autoPlay:!0}),audio=_a[0],state=_a[1],controls=_a[2];_a[3];return React.createElement("div",null,audio,React.createElement("pre",null,JSON.stringify(state,null,2)),React.createElement("button",{onClick:controls.pause},"Pause"),React.createElement("button",{onClick:controls.play},"Play"),React.createElement("br",null),React.createElement("button",{onClick:controls.mute},"Mute"),React.createElement("button",{onClick:controls.unmute},"Un-mute"),React.createElement("br",null),React.createElement("button",{onClick:function(){return controls.volume(.1)}},"Volume: 10%"),React.createElement("button",{onClick:function(){return controls.volume(.5)}},"Volume: 50%"),React.createElement("button",{onClick:function(){return controls.volume(1)}},"Volume: 100%"),React.createElement("br",null),React.createElement("button",{onClick:function(){return controls.seek(state.time-5)}},"-5 sec"),React.createElement("button",{onClick:function(){return controls.seek(state.time+5)}},"+5 sec"))};react_1.storiesOf("UI|useAudio",module).add("Docs",function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(639)})}).add("Demo",function(){return React.createElement(Demo,null)})}).call(this,__webpack_require__(1)(module))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='

useAudio

\n

Creates <audio> element, tracks its state and exposes playback controls.

\n

Usage

\n
import {useAudio} from 'react-use';\n\nconst Demo = () => {\n  const [audio, state, controls, ref] = useAudio({\n    src: 'https://www.soundhelix.com/examples/mp3/SoundHelix-Song-2.mp3',\n    autoPlay: true,\n  });\n\n  return (\n    <div>\n      {audio}\n      <pre>{JSON.stringify(state, null, 2)}</pre>\n      <button onClick={controls.pause}>Pause</button>\n      <button onClick={controls.play}>Play</button>\n      <br/>\n      <button onClick={controls.mute}>Mute</button>\n      <button onClick={controls.unmute}>Un-mute</button>\n      <br/>\n      <button onClick={() => controls.volume(.1)}>Volume: 10%</button>\n      <button onClick={() => controls.volume(.5)}>Volume: 50%</button>\n      <button onClick={() => controls.volume(1)}>Volume: 100%</button>\n      <br/>\n      <button onClick={() => controls.seek(state.time - 5)}>-5 sec</button>\n      <button onClick={() => controls.seek(state.time + 5)}>+5 sec</button>\n    </div>\n  );\n};
\n

Reference

\n
const [audio, state, controls, ref] = useAudio(props);\nconst [audio, state, controls] = useAudio(<audio {...props}/>);
\n

audio is React's <audio> element that you have to insert somewhere in your\nrender tree, for example:

\n
<div>{audio}</div>
\n

state tracks the state of the audio and has the following shape:

\n
{\n  "buffered": [\n    {\n      "start": 0,\n      "end": 425.952625\n    }\n  ],\n  "time": 5.244996,\n  "duration": 425.952625,\n  "isPlaying": false,\n  "muted": false,\n  "volume": 1\n}
\n

controls is a list collection of methods that allow you to control the\nplayback of the audio, it has the following interface:

\n
interface AudioControls {\n  play: () => Promise<void> | void;\n  pause: () => void;\n  mute: () => void;\n  unmute: () => void;\n  volume: (volume: number) => void;\n  seek: (time: number) => void;\n}
\n

ref is a React reference to HTML <audio> element, you can access the element by\nref.current, note that it may be null.

\n

And finally, props — all props that <audio> accepts.

\n'},function(module,exports,__webpack_require__){"use strict";(function(module){var __importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(null!=mod)for(var k in mod)Object.hasOwnProperty.call(mod,k)&&(result[k]=mod[k]);return result.default=mod,result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(2),React=__importStar(__webpack_require__(0)),__1=__webpack_require__(4),ShowDocs_1=__importDefault(__webpack_require__(3)),Demo=function(){var state=__1.useBattery();return React.createElement("pre",null,JSON.stringify(state,null,2))};react_1.storiesOf("Sensors|useBattery",module).add("Docs",function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(641)})}).add("Demo",function(){return React.createElement(Demo,null)})}).call(this,__webpack_require__(1)(module))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='

useBattery

\n

React sensor hook that tracks battery status.

\n

Usage

\n
import {useBattery} from 'react-use';\n\nconst Demo = () => {\n  const state = useBattery();\n\n  return (\n    <pre>\n      {JSON.stringify(state, null, 2)}\n    </pre>\n  );\n};
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){var __importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(null!=mod)for(var k in mod)Object.hasOwnProperty.call(mod,k)&&(result[k]=mod[k]);return result.default=mod,result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(2),React=__importStar(__webpack_require__(0)),__1=__webpack_require__(4),ShowDocs_1=__importDefault(__webpack_require__(3)),Demo=function(){var _a=__1.useToggle(!1),dirty=_a[0],toggleDirty=_a[1];return __1.useBeforeUnload(dirty,"You have unsaved changes, are you sure?"),React.createElement("div",null,dirty&&React.createElement("p",null,"Try to reload or close tab"),React.createElement("button",{onClick:function(){return toggleDirty()}},dirty?"Disable":"Enable"))};react_1.storiesOf("Side effects|useBeforeUnload",module).add("Docs",function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(643)})}).add("Demo",function(){return React.createElement(Demo,null)})}).call(this,__webpack_require__(1)(module))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='

useBeforeUnload

\n

React side-effect hook that shows browser alert when user try to reload or close the page.

\n

Usage

\n
import {useBeforeUnload} from 'react-use';\n\nconst Demo = () => {\n  const [dirty, toggleDirty] = useToggle(false);\n  useBeforeUnload(dirty, 'You have unsaved changes, are you sure?');\n\n  return (\n    <div>\n      {dirty && <p>Try to reload or close tab</p>}\n      <button onClick={() => toggleDirty()}>{dirty ? 'Disable' : 'Enable'}</button>\n    </div>\n  );\n};
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){var __importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(null!=mod)for(var k in mod)Object.hasOwnProperty.call(mod,k)&&(result[k]=mod[k]);return result.default=mod,result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(2),React=__importStar(__webpack_require__(0)),__1=__webpack_require__(4),ShowDocs_1=__importDefault(__webpack_require__(3)),Demo=function(){var _a=__1.useBoolean(!0),on=_a[0],toggle=_a[1];return React.createElement("div",null,React.createElement("div",null,on?"ON":"OFF"),React.createElement("button",{onClick:function(){return toggle()}},"Toggle"),React.createElement("button",{onClick:function(){return toggle(!0)}},"set ON"),React.createElement("button",{onClick:function(){return toggle(!1)}},"set OFF"))};react_1.storiesOf("State|useBoolean",module).add("Docs",function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(261)})}).add("Demo",function(){return React.createElement(Demo,null)})}).call(this,__webpack_require__(1)(module))},function(module,exports,__webpack_require__){"use strict";(function(module){var __importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(null!=mod)for(var k in mod)Object.hasOwnProperty.call(mod,k)&&(result[k]=mod[k]);return result.default=mod,result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});var addon_actions_1=__webpack_require__(112),react_1=__webpack_require__(2),React=__importStar(__webpack_require__(0)),react_2=__webpack_require__(0),__1=__webpack_require__(4),ShowDocs_1=__importDefault(__webpack_require__(3)),Demo=function(){var ref=react_2.useRef(null);return __1.useClickAway(ref,addon_actions_1.action("outside clicked")),React.createElement("div",{ref:ref,style:{width:200,height:200,background:"red"}})};react_1.storiesOf("UI|useClickAway",module).add("Docs",function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(658)})}).add("Demo",function(){return React.createElement(Demo,null)})}).call(this,__webpack_require__(1)(module))},,,,,,,,,,,,,function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='

useClickAway

\n

React UI hook that triggers a callback when user\nclicks outside the target element.

\n

Usage

\n
import {useClickAway} from 'react-use';\n\nconst Demo = () => {\n  const ref = useRef(null);\n  useClickAway(ref, () => {\n    console.log('OUTSIDE CLICKED');\n  });\n\n  return (\n    <div ref={ref} style={{\n      width: 200,\n      height: 200,\n      background: 'red',\n    }} />\n  );\n};
\n

Reference

\n
useClickAway(ref, onMouseEvent)\nuseClickAway(ref, onMouseEvent, ['click'])\nuseClickAway(ref, onMouseEvent, ['mousedown', 'touchstart'])
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){var __importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(null!=mod)for(var k in mod)Object.hasOwnProperty.call(mod,k)&&(result[k]=mod[k]);return result.default=mod,result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(2),React=__importStar(__webpack_require__(0)),__1=__webpack_require__(4),ShowDocs_1=__importDefault(__webpack_require__(3)),Demo=function(){var _a=React.useState(""),text=_a[0],setText=_a[1],_b=__1.useCopyToClipboard(),state=_b[0],copyToClipboard=_b[1];return React.createElement("div",null,React.createElement("input",{value:text,onChange:function(e){return setText(e.target.value)}}),React.createElement("button",{type:"button",onClick:function(){return copyToClipboard(text)}},"copy text"),state.error?React.createElement("p",null,"Unable to copy value: ",state.error.message):state.value&&React.createElement(React.Fragment,null,React.createElement("p",null,"Copied ",state.value," ",state.noUserInteraction?"without":"with"," user interaction"),React.createElement("input",{type:"text",placeholder:"Paste it in here to check"})))};react_1.storiesOf("Side-effects|useCopyToClipboard",module).add("Docs",function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(660)})}).add("Demo",function(){return React.createElement(Demo,null)})}).call(this,__webpack_require__(1)(module))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='

useCopyToClipboard

\n

Copy text to a user's clipboard.

\n

Usage

\n
const Demo = () => {\n  const [text, setText] = React.useState('');\n  const [state, copyToClipboard] = useCopyToClipboard();\n\n  return (\n    <div>\n      <input value={text} onChange={e => setText(e.target.value)} />\n      <button type="button" onClick={() => copyToClipboard(text)}>copy text</button>\n      {state.error\n        ? <p>Unable to copy value: {state.error.message}</p>\n        : state.value && <p>Copied {state.value}</p>}\n    </div>\n  )\n\n  const [text, setText] = React.useState('');\n  const [copied, copyToClipboard] = useCopyToClipboard(text);\n\n  return (\n    <div>\n      <input value={text} onChange={e => setText(e.target.value)} />\n      <button type="button" onClick={copyToClipboard}>copy text</button>\n      <div>Copied: {copied ? 'Yes' : 'No'}</div>\n    </div>\n  )\n}
\n

Reference

\n
const [state, copyToClipboard] = useCopyToClipboard();
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){var __importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(null!=mod)for(var k in mod)Object.hasOwnProperty.call(mod,k)&&(result[k]=mod[k]);return result.default=mod,result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(2),React=__importStar(__webpack_require__(0)),__1=__webpack_require__(4),ShowDocs_1=__importDefault(__webpack_require__(3)),Demo=function(){var _a=__1.useCounter(1),min=_a[0],_b=_a[1],incMin=_b.inc,decMin=_b.dec,_c=__1.useCounter(10),max=_c[0],_d=_c[1],incMax=_d.inc,decMax=_d.dec,_e=__1.useCounter(5,max,min),value=_e[0],_f=_e[1],inc=_f.inc,dec=_f.dec,set=_f.set,reset=_f.reset;return React.createElement("div",null,React.createElement("div",null,"current: ",value," [min: ",min,"; max: ",max,"]"),React.createElement("br",null),"Current value: ",React.createElement("button",{onClick:function(){return inc()}},"Increment"),React.createElement("button",{onClick:function(){return dec()}},"Decrement"),React.createElement("button",{onClick:function(){return inc(5)}},"Increment (+5)"),React.createElement("button",{onClick:function(){return dec(5)}},"Decrement (-5)"),React.createElement("button",{onClick:function(){return set(100)}},"Set 100"),React.createElement("button",{onClick:function(){return reset()}},"Reset"),React.createElement("button",{onClick:function(){return reset(25)}},"Reset (25)"),React.createElement("br",null),React.createElement("br",null),"Min value:",React.createElement("button",{onClick:function(){return incMin()}},"Increment"),React.createElement("button",{onClick:function(){return decMin()}},"Decrement"),React.createElement("br",null),React.createElement("br",null),"Max value:",React.createElement("button",{onClick:function(){return incMax()}},"Increment"),React.createElement("button",{onClick:function(){return decMax()}},"Decrement"))};react_1.storiesOf("State|useCounter",module).add("Docs",function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(662)})}).add("Demo",function(){return React.createElement(Demo,null)})}).call(this,__webpack_require__(1)(module))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='

useCounter

\n

React state hook that tracks a numeric value.

\n

useNumber is an alias for useCounter.

\n

Usage

\n
import {useCounter, useNumber} from 'react-use';\n\nconst Demo = () => {\n  const [min, { inc: incMin, dec: decMin }] = useCounter(1);\n  const [max, { inc: incMax, dec: decMax }] = useCounter(10);\n  const [value, { inc, dec, set, reset }] = useCounter(5, max, min);\n\n  return (\n    <div>\n      <div>\n        current: { value } [min: { min }; max: { max }]\n      </div>\n\n      <br />\n      Current value: <button onClick={ () => inc() }>Increment</button>\n      <button onClick={ () => dec() }>Decrement</button>\n      <button onClick={ () => inc(5) }>Increment (+5)</button>\n      <button onClick={ () => dec(5) }>Decrement (-5)</button>\n      <button onClick={ () => set(100) }>Set 100</button>\n      <button onClick={ () => reset() }>Reset</button>\n      <button onClick={ () => reset(25) }>Reset (25)</button>\n\n      <br />\n      <br />\n      Min value:\n      <button onClick={ () => incMin() }>Increment</button>\n      <button onClick={ () => decMin() }>Decrement</button>\n\n      <br />\n      <br />\n      Max value:\n      <button onClick={ () => incMax() }>Increment</button>\n      <button onClick={ () => decMax() }>Decrement</button>\n    </div>\n  );\n};
\n

Reference

\n
const [ current, { inc, dec, get, set, reset } ] = useCounter(initial: number, max: number | null = null, 20: number | null = null);
\n\n'},function(module,exports,__webpack_require__){"use strict";(function(module){var __importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(null!=mod)for(var k in mod)Object.hasOwnProperty.call(mod,k)&&(result[k]=mod[k]);return result.default=mod,result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(2),React=__importStar(__webpack_require__(0)),__1=__webpack_require__(4),ShowDocs_1=__importDefault(__webpack_require__(3)),Demo=function(){var className=__1.useCss({color:"red",border:"1px solid red","&:hover":{color:"blue"}});return React.createElement("div",{className:className},"hello")};react_1.storiesOf("UI|useCss",module).add("Docs",function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(664)})}).add("Demo",function(){return React.createElement(Demo,null)})}).call(this,__webpack_require__(1)(module))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='

useCss

\n

React UI hook that changes CSS dynamically. Works like "virtual CSS" —\nit re-renders only CSS rules that change. It is different from inline styles, because\nyou can use media queries and pseudo selectors.

\n

Usage

\n
import {useCss} from 'react-use';\n\nconst Demo = () => {\n  const className = useCss({\n    color: 'red',\n    border: '1px solid red',\n    '&:hover': {\n      color: 'blue',\n    },\n  });\n\n  return (\n    <div className={className}>\n      Hover me!\n    </div>\n  );\n};
\n

Examples

\n
const className = useCss({\n  color: 'tomato',\n  '&:hover': {\n    color: 'orange',\n  },\n});\n\nconst className = useCss({\n  svg: {\n    fill: 'tomato',\n  },\n  '.global_class &:hover svg': {\n    fill: 'orange',\n  },\n});\n\nconst className = useCss({\n  color: 'tomato',\n  '@media only screen and (max-width: 600px)': {\n    color: 'orange',\n    '&:hover': {\n      color: 'red',\n    }\n  },\n});
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){var __importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(null!=mod)for(var k in mod)Object.hasOwnProperty.call(mod,k)&&(result[k]=mod[k]);return result.default=mod,result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(2),React=__importStar(__webpack_require__(0)),__1=__webpack_require__(4),ShowDocs_1=__importDefault(__webpack_require__(3)),Demo=function(){var _a=React.useState("Typing stopped"),state=_a[0],setState=_a[1],_b=React.useState(""),val=_b[0],setVal=_b[1],_c=React.useState(""),debouncedValue=_c[0],setDebouncedValue=_c[1];return __1.useDebounce(function(){setState("Typing stopped"),setDebouncedValue(val)},2e3,[val]),React.createElement("div",null,React.createElement("input",{type:"text",value:val,placeholder:"Debounced input",onChange:function(_a){var currentTarget=_a.currentTarget;setState("Waiting for typing to stop..."),setVal(currentTarget.value)}}),React.createElement("div",null,state),React.createElement("div",null,"Debounced value: ",debouncedValue))};react_1.storiesOf("Side effects|useDebounce",module).add("Docs",function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(666)})}).add("Demo",function(){return React.createElement(Demo,null)})}).call(this,__webpack_require__(1)(module))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='

useDebounce

\n

React hook that delays invoking a function until after wait milliseconds have elapsed since the last time the debounced function was invoked.

\n

The third argument is the array of values that the debounce depends on, in the same manner as useEffect. The debounce timeout will start when one of the values changes.

\n

Usage

\n
import React, { useState } from 'react';\nimport { useDebounce } from 'react-use';\n\nconst Demo = () => {\n  const [state, setState] = React.useState('Typing stopped');\n  const [val, setVal] = React.useState('');\n  const [debouncedValue, setDebouncedValue] = React.useState('');\n\n  useDebounce(\n    () => {\n      setState('Typing stopped');\n      setDebouncedValue(val);\n    },\n    2000,\n    [val]\n  );\n\n  return (\n    <div>\n      <input\n        type="text"\n        value={val}\n        placeholder="Debounced input"\n        onChange={({ currentTarget }) => {\n          setState('Waiting for typing to stop...');\n          setVal(currentTarget.value);\n        }}\n      />\n      <div>{state}</div>\n      <div>Debounced value: {debouncedValue}</div>\n    </div>\n  );\n};
\n

Reference

\n
useDebounce(fn, ms: number, args: any[]);
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){var __importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(null!=mod)for(var k in mod)Object.hasOwnProperty.call(mod,k)&&(result[k]=mod[k]);return result.default=mod,result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(2),React=__importStar(__webpack_require__(0)),__1=__webpack_require__(4),ShowDocs_1=__importDefault(__webpack_require__(3)),Demo=function(){var _a=__1.useCounter(0),countNormal=_a[0],incNormal=_a[1].inc,_b=__1.useCounter(0),countDeep=_b[0],incDeep=_b[1].inc,options={max:500};return React.useEffect(function(){countNormal",module).add("Demo",function(){return React.createElement("div",null,'Press "q" key!',React.createElement(UseKey_1.default,{filter:"q",fn:function(){return alert("Q pressed!")}}))})}).call(this,__webpack_require__(1)(module))},function(module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(null!=s&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(p=Object.getOwnPropertySymbols(s);i=48&&keyCode<=57||keyCode>=65&&keyCode<=90))&&onStartTyping(event)};return document.addEventListener("keydown",keydown),function(){document.removeEventListener("keydown",keydown)}},[])}},function(module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(0),useUnmount_1=__importDefault(__webpack_require__(160));exports.default=function(value,ms){void 0===ms&&(ms=200);var _a=react_1.useState(value),state=_a[0],setState=_a[1],timeout=react_1.useRef(null),nextValue=react_1.useRef(null),hasNextValue=react_1.useRef(0);return react_1.useEffect(function(){if(timeout.current)nextValue.current=value,hasNextValue.current=!0;else{setState(value);var timeoutCallback_1=function(){hasNextValue.current?(hasNextValue.current=!1,setState(nextValue.current),timeout.current=setTimeout(timeoutCallback_1,ms)):timeout.current=null};timeout.current=setTimeout(timeoutCallback_1,ms)}},[value]),useUnmount_1.default(function(){clearTimeout(timeout.current)}),state}},function(module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(0),useUnmount_1=__importDefault(__webpack_require__(160));exports.default=function(fn,ms,args){void 0===ms&&(ms=200);var _a=react_1.useState(null),state=_a[0],setState=_a[1],timeout=react_1.useRef(null),nextArgs=react_1.useRef(null),hasNextArgs=react_1.useRef(!1);return react_1.useEffect(function(){if(timeout.current)nextArgs.current=args,hasNextArgs.current=!0;else{setState(fn.apply(void 0,args));var timeoutCallback_1=function(){hasNextArgs.current?(hasNextArgs.current=!1,setState(fn.apply(void 0,nextArgs.current)),timeout.current=setTimeout(timeoutCallback_1,ms)):timeout.current=null};timeout.current=setTimeout(timeoutCallback_1,ms)}},args),useUnmount_1.default(function(){clearTimeout(timeout.current)}),state}},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(0);exports.default=function(ms){void 0===ms&&(ms=0);var _a=react_1.useState(!1),ready=_a[0],setReady=_a[1];return react_1.useEffect(function(){var timer=setTimeout(function(){setReady(!0)},ms);return function(){clearTimeout(timer)}},[ms]),ready}},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(0);exports.default=function(title){react_1.useEffect(function(){document.title=title},[title])}},function(module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});var ts_easing_1=__webpack_require__(598),useRaf_1=__importDefault(__webpack_require__(253));exports.default=function(easingName,ms,delay){return void 0===easingName&&(easingName="inCirc"),void 0===ms&&(ms=200),void 0===delay&&(delay=0),(0,ts_easing_1.easing[easingName])(useRaf_1.default(ms,delay))}},,function(module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});var useVideo=__importDefault(__webpack_require__(244)).default("video");exports.default=useVideo},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react_wait_1=__webpack_require__(601);exports.useWait=react_wait_1.useWait,exports.Waiter=react_wait_1.Waiter},,function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(0),util_1=__webpack_require__(18);exports.default=function(){var frame=react_1.useRef(0),_a=react_1.useState({x:util_1.isClient?window.pageXOffset:0,y:util_1.isClient?window.pageYOffset:0}),state=_a[0],setState=_a[1];return react_1.useEffect(function(){var handler=function(){cancelAnimationFrame(frame.current),frame.current=requestAnimationFrame(function(){setState({x:window.pageXOffset,y:window.pageYOffset})})};return window.addEventListener("scroll",handler,{capture:!1,passive:!0}),function(){cancelAnimationFrame(frame.current),window.removeEventListener("scroll",handler)}},[]),state}},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(0),util_1=__webpack_require__(18);exports.default=function(initialWidth,initialHeight){void 0===initialWidth&&(initialWidth=1/0),void 0===initialHeight&&(initialHeight=1/0);var _a=react_1.useState({width:util_1.isClient?window.innerWidth:initialWidth,height:util_1.isClient?window.innerHeight:initialHeight}),state=_a[0],setState=_a[1];return react_1.useEffect(function(){if(util_1.isClient){var handler_1=function(){setState({width:window.innerWidth,height:window.innerHeight})};return window.addEventListener("resize",handler_1),function(){return window.removeEventListener("resize",handler_1)}}},[]),state}},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='

createMemo

\n

Hook factory, receives a function to be memoized, returns a memoized React hook,\nwhich receives the same arguments and returns the same result as the original function.

\n

Usage

\n
import {createMemo} from 'react-use';\n\nconst fibonacci = n => {\n  if (n === 0) return 0;\n  if (n === 1) return 1;\n  return fibonacci(n - 1) + fibonacci(n - 2);\n};\n\nconst useMemoFibonacci = createMemo(fibonacci);\n\nconst Demo = () => {\n  const result = useMemoFibonacci(10);\n\n  return (\n    <div>\n      fib(10) = {result}\n    </div>\n  );\n};
\n

Reference

\n
const useMemoFn = createMemo(fn);
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){var __importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(null!=mod)for(var k in mod)Object.hasOwnProperty.call(mod,k)&&(result[k]=mod[k]);return result.default=mod,result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(2),React=__importStar(__webpack_require__(0)),redux_logger_1=__importDefault(__webpack_require__(606)),redux_thunk_1=__importDefault(__webpack_require__(607)),__1=__webpack_require__(4),ShowDocs_1=__importDefault(__webpack_require__(3)),useThunkReducer=__1.createReducer(redux_thunk_1.default,redux_logger_1.default);function init(initialCount){return{count:initialCount}}function reducer(state,action){switch(action.type){case"increment":return{count:state.count+1};case"decrement":return{count:state.count-1};case"reset":return init(action.payload);default:throw new Error}}var Demo=function(_a){var _b=_a.initialCount,initialCount=void 0===_b?1:_b,addAndReset=React.useCallback(function(){return function(dispatch2){dispatch2({type:"increment"}),setTimeout(function(){dispatch2({type:"reset",payload:initialCount})},1e3)}},[initialCount]),_c=useThunkReducer(reducer,initialCount,init),state=_c[0],dispatch=_c[1];return React.createElement("div",null,React.createElement("pre",null,JSON.stringify(state,null,2)),React.createElement("button",{onClick:function(){return dispatch(addAndReset())}},"Add and reset"),React.createElement("button",{onClick:function(){return dispatch({type:"reset",payload:initialCount})}},"Reset"),React.createElement("button",{onClick:function(){return dispatch({type:"increment"})}},"+"),React.createElement("button",{onClick:function(){return dispatch({type:"decrement"})}},"-"),React.createElement("p",null,"Open your developer console to see actions logged by middleware"))};react_1.storiesOf("State|createReducer",module).add("Docs",function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(608)})}).add("Demo",function(){return React.createElement(Demo,null)})}).call(this,__webpack_require__(1)(module))},,,function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='

createReducer

\n

Factory for reducer hooks with custom middleware with an identical API as React's useReducer. Compatible with Redux middlware.

\n

Usage

\n

An example with redux-thunk and redux-logger.

\n
import { createReducer } from 'react-use';\nimport logger from 'redux-logger';\nimport thunk from 'redux-thunk';\n\nconst useThunkReducer = createReducer(thunk, logger);\n\nfunction reducer(state, action) {\n  switch (action.type) {\n    case 'increment':\n      return { count: state.count + 1 };\n    case 'decrement':\n      return { count: state.count - 1 };\n    case 'reset':\n      return { count: action.payload };\n    default:\n      throw new Error();\n  }\n}\n\nconst Demo = ({ initialCount = 1 }) => {\n  // Action creator to increment count, wait a second and then reset\n  const addAndReset = React.useCallback(() => {\n    return dispatch => {\n      dispatch({ type: 'increment' });\n\n      setTimeout(() => {\n        dispatch({ type: 'reset', payload: initialCount });\n      }, 1000);\n    };\n  }, [initialCount]);\n\n  const [state, dispatch] = useThunkReducer(reducer, initialCount);\n\n  return (\n    <div>\n      <p>count: {state.count}</p>\n      <button onClick={() => dispatch(addAndReset())}>Add and reset</button>\n      <button\n        onClick={() => dispatch({ type: 'reset', payload: initialCount })}\n      >\n        Reset\n      </button>\n      <button onClick={() => dispatch({ type: 'increment' })}>+</button>\n      <button onClick={() => dispatch({ type: 'decrement' })}>-</button>\n    </div>\n  );\n};
\n

Reference

\n
const useMiddlewareReducer = createReducer(...middlewares);
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){var __importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(null!=mod)for(var k in mod)Object.hasOwnProperty.call(mod,k)&&(result[k]=mod[k]);return result.default=mod,result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});var addon_knobs_1=__webpack_require__(81),react_1=__webpack_require__(2),React=__importStar(__webpack_require__(0)),__1=__webpack_require__(4),ShowDocs_1=__importDefault(__webpack_require__(3)),Demo=function(_a){var delay=_a.delay,state=__1.useAsync(function(){return new Promise(function(resolve,reject){setTimeout(function(){Math.random()>.5?resolve("✌️"):reject(new Error("A pseudo random error occurred"))},delay)})},[delay]);return React.createElement("div",null,state.loading?React.createElement("p",null,"Loading..."):state.error?React.createElement("p",null,"Error: ",state.error.message):React.createElement("p",null,"Value: ",state.value),React.createElement("pre",null,JSON.stringify(state,null,2)))};react_1.storiesOf("Side effects|useAsync",module).addDecorator(addon_knobs_1.withKnobs).add("Docs",function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(621)})}).add("Demo",function(){var delay=addon_knobs_1.number("delay",1e3,{range:!0,min:100,max:5e3,step:100});return React.createElement(Demo,{delay:delay})})}).call(this,__webpack_require__(1)(module))},,,,,,,,,,,,function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='

useAsync

\n

React hook that resolves an async function or a function that returns\na promise;

\n

Usage

\n
import {useAsync} from 'react-use';\n\nconst Demo = ({url}) => {\n  const state = useAsync(async () => {\n    const response = await fetch(url);\n    const result = await response.text();\n    return result\n  }, [url]);\n\n  return (\n    <div>\n      {state.loading\n        ? <div>Loading...</div>\n        : state.error\n          ? <div>Error: {state.error.message}</div>\n          : <div>Value: {state.value}</div>\n      }\n    </div>\n  );\n};
\n

Reference

\n
useAsync(fn, args?: any[]);
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){var __importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(null!=mod)for(var k in mod)Object.hasOwnProperty.call(mod,k)&&(result[k]=mod[k]);return result.default=mod,result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(2),React=__importStar(__webpack_require__(0)),__1=__webpack_require__(4),ShowDocs_1=__importDefault(__webpack_require__(3)),Demo=function(){var _a=__1.useAsyncFn(function(){return new Promise(function(resolve,reject){setTimeout(function(){Math.random()>.5?resolve("✌️"):reject(new Error("A pseudo random error occurred"))},1e3)})}),state=_a[0],callback=_a[1];return React.createElement("div",null,state.loading?React.createElement("p",null,"Loading..."):state.error?React.createElement("p",null,"Error: ",state.error.message):React.createElement("p",null,"Value: ",state.value),React.createElement("button",{onClick:function(){return callback()}},"Start"),React.createElement("pre",null,JSON.stringify(state,null,2)))};react_1.storiesOf("Side effects|useAsyncFn",module).add("Docs",function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(623)})}).add("Demo",function(){return React.createElement(Demo,null)})}).call(this,__webpack_require__(1)(module))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='

useAsyncFn

\n

React hook that returns state and a callback for an async function or a\nfunction that returns a promise. The state is of the same shape as useAsync.

\n

Usage

\n
import {useAsyncFn} from 'react-use';\n\nconst Demo = ({url}) => {\n  const [state, fetch] = useAsyncFn(async () => {\n    const response = await fetch(url);\n    const result = await response.text();\n    return result\n  }, [url]);\n\n  return (\n    <div>\n      {state.loading\n        ? <div>Loading...</div>\n        : state.error\n          ? <div>Error: {state.error.message}</div>\n          : <div>Value: {state.value}</div>\n      }\n      <button onClick={() => fetch()}>Start loading</button>\n    </div>\n  );\n};
\n

Reference

\n
useAsyncFn(fn, deps?: any[]);
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){var __importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(null!=mod)for(var k in mod)Object.hasOwnProperty.call(mod,k)&&(result[k]=mod[k]);return result.default=mod,result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});var addon_knobs_1=__webpack_require__(81),react_1=__webpack_require__(2),React=__importStar(__webpack_require__(0)),__1=__webpack_require__(4),ShowDocs_1=__importDefault(__webpack_require__(3)),Demo=function(_a){var delay=_a.delay,state=__1.useAsyncRetry(function(){return new Promise(function(resolve,reject){setTimeout(function(){Math.random()>.5?resolve("✌️"):reject(new Error("A pseudo random error occurred"))},delay)})},[delay]);return React.createElement("div",null,state.loading?React.createElement("p",null,"Loading..."):state.error?React.createElement("p",null,"Error: ",state.error.message):React.createElement("p",null,"Value: ",state.value),React.createElement("button",{onClick:function(){return state.retry()}},"Retry"),React.createElement("pre",null,JSON.stringify(state,null,2)))};react_1.storiesOf("Side effects|useAsyncRetry",module).addDecorator(addon_knobs_1.withKnobs).add("Docs",function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(625)})}).add("Demo",function(){var delay=addon_knobs_1.number("delay",1e3,{range:!0,min:100,max:5e3,step:100});return React.createElement(Demo,{delay:delay})})}).call(this,__webpack_require__(1)(module))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='

useAsyncRetry

\n

Uses useAsync with an additional retry method to easily retry/refresh the async function;

\n

Usage

\n
import {useAsyncRetry} from 'react-use';\n\nconst Demo = ({url}) => {\n  const state = useAsyncRetry(async () => {\n    const response = await fetch(url);\n    const result = await response.text();\n    return result;\n  }, [url]);\n\n  return (\n    <div>\n      {state.loading\n        ? <div>Loading...</div>\n        : state.error\n          ? <div>Error: {state.error.message}</div>\n          : <div>Value: {state.value}</div>\n      }\n      {!loading && <button onClick={() => state.retry()}>Start loading</button>}\n    </div>\n  );\n};
\n

Reference

\n
useAsyncRetry(fn, args?: any[]);
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){var __importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(null!=mod)for(var k in mod)Object.hasOwnProperty.call(mod,k)&&(result[k]=mod[k]);return result.default=mod,result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(2),React=__importStar(__webpack_require__(0)),__1=__webpack_require__(4),ShowDocs_1=__importDefault(__webpack_require__(3)),Demo=function(){var _a=__1.useAudio({src:"https://www.soundhelix.com/examples/mp3/SoundHelix-Song-2.mp3",autoPlay:!0}),audio=_a[0],state=_a[1],controls=_a[2];_a[3];return React.createElement("div",null,audio,React.createElement("pre",null,JSON.stringify(state,null,2)),React.createElement("button",{onClick:controls.pause},"Pause"),React.createElement("button",{onClick:controls.play},"Play"),React.createElement("br",null),React.createElement("button",{onClick:controls.mute},"Mute"),React.createElement("button",{onClick:controls.unmute},"Un-mute"),React.createElement("br",null),React.createElement("button",{onClick:function(){return controls.volume(.1)}},"Volume: 10%"),React.createElement("button",{onClick:function(){return controls.volume(.5)}},"Volume: 50%"),React.createElement("button",{onClick:function(){return controls.volume(1)}},"Volume: 100%"),React.createElement("br",null),React.createElement("button",{onClick:function(){return controls.seek(state.time-5)}},"-5 sec"),React.createElement("button",{onClick:function(){return controls.seek(state.time+5)}},"+5 sec"))};react_1.storiesOf("UI|useAudio",module).add("Docs",function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(627)})}).add("Demo",function(){return React.createElement(Demo,null)})}).call(this,__webpack_require__(1)(module))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='

useAudio

\n

Creates <audio> element, tracks its state and exposes playback controls.

\n

Usage

\n
import {useAudio} from 'react-use';\n\nconst Demo = () => {\n  const [audio, state, controls, ref] = useAudio({\n    src: 'https://www.soundhelix.com/examples/mp3/SoundHelix-Song-2.mp3',\n    autoPlay: true,\n  });\n\n  return (\n    <div>\n      {audio}\n      <pre>{JSON.stringify(state, null, 2)}</pre>\n      <button onClick={controls.pause}>Pause</button>\n      <button onClick={controls.play}>Play</button>\n      <br/>\n      <button onClick={controls.mute}>Mute</button>\n      <button onClick={controls.unmute}>Un-mute</button>\n      <br/>\n      <button onClick={() => controls.volume(.1)}>Volume: 10%</button>\n      <button onClick={() => controls.volume(.5)}>Volume: 50%</button>\n      <button onClick={() => controls.volume(1)}>Volume: 100%</button>\n      <br/>\n      <button onClick={() => controls.seek(state.time - 5)}>-5 sec</button>\n      <button onClick={() => controls.seek(state.time + 5)}>+5 sec</button>\n    </div>\n  );\n};
\n

Reference

\n
const [audio, state, controls, ref] = useAudio(props);\nconst [audio, state, controls] = useAudio(<audio {...props}/>);
\n

audio is React's <audio> element that you have to insert somewhere in your\nrender tree, for example:

\n
<div>{audio}</div>
\n

state tracks the state of the audio and has the following shape:

\n
{\n  "buffered": [\n    {\n      "start": 0,\n      "end": 425.952625\n    }\n  ],\n  "time": 5.244996,\n  "duration": 425.952625,\n  "isPlaying": false,\n  "muted": false,\n  "volume": 1\n}
\n

controls is a list collection of methods that allow you to control the\nplayback of the audio, it has the following interface:

\n
interface AudioControls {\n  play: () => Promise<void> | void;\n  pause: () => void;\n  mute: () => void;\n  unmute: () => void;\n  volume: (volume: number) => void;\n  seek: (time: number) => void;\n}
\n

ref is a React reference to HTML <audio> element, you can access the element by\nref.current, note that it may be null.

\n

And finally, props — all props that <audio> accepts.

\n'},function(module,exports,__webpack_require__){"use strict";(function(module){var __importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(null!=mod)for(var k in mod)Object.hasOwnProperty.call(mod,k)&&(result[k]=mod[k]);return result.default=mod,result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(2),React=__importStar(__webpack_require__(0)),__1=__webpack_require__(4),ShowDocs_1=__importDefault(__webpack_require__(3)),Demo=function(){var state=__1.useBattery();return React.createElement("pre",null,JSON.stringify(state,null,2))};react_1.storiesOf("Sensors|useBattery",module).add("Docs",function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(629)})}).add("Demo",function(){return React.createElement(Demo,null)})}).call(this,__webpack_require__(1)(module))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='

useBattery

\n

React sensor hook that tracks battery status.

\n

Usage

\n
import {useBattery} from 'react-use';\n\nconst Demo = () => {\n  const state = useBattery();\n\n  return (\n    <pre>\n      {JSON.stringify(state, null, 2)}\n    </pre>\n  );\n};
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){var __importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(null!=mod)for(var k in mod)Object.hasOwnProperty.call(mod,k)&&(result[k]=mod[k]);return result.default=mod,result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(2),React=__importStar(__webpack_require__(0)),__1=__webpack_require__(4),ShowDocs_1=__importDefault(__webpack_require__(3)),Demo=function(){var _a=__1.useToggle(!1),dirty=_a[0],toggleDirty=_a[1];return __1.useBeforeUnload(dirty,"You have unsaved changes, are you sure?"),React.createElement("div",null,dirty&&React.createElement("p",null,"Try to reload or close tab"),React.createElement("button",{onClick:function(){return toggleDirty()}},dirty?"Disable":"Enable"))};react_1.storiesOf("Side effects|useBeforeUnload",module).add("Docs",function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(631)})}).add("Demo",function(){return React.createElement(Demo,null)})}).call(this,__webpack_require__(1)(module))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='

useBeforeUnload

\n

React side-effect hook that shows browser alert when user try to reload or close the page.

\n

Usage

\n
import {useBeforeUnload} from 'react-use';\n\nconst Demo = () => {\n  const [dirty, toggleDirty] = useToggle(false);\n  useBeforeUnload(dirty, 'You have unsaved changes, are you sure?');\n\n  return (\n    <div>\n      {dirty && <p>Try to reload or close tab</p>}\n      <button onClick={() => toggleDirty()}>{dirty ? 'Disable' : 'Enable'}</button>\n    </div>\n  );\n};
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){var __importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(null!=mod)for(var k in mod)Object.hasOwnProperty.call(mod,k)&&(result[k]=mod[k]);return result.default=mod,result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(2),React=__importStar(__webpack_require__(0)),__1=__webpack_require__(4),ShowDocs_1=__importDefault(__webpack_require__(3)),Demo=function(){var _a=__1.useBoolean(!0),on=_a[0],toggle=_a[1];return React.createElement("div",null,React.createElement("div",null,on?"ON":"OFF"),React.createElement("button",{onClick:function(){return toggle()}},"Toggle"),React.createElement("button",{onClick:function(){return toggle(!0)}},"set ON"),React.createElement("button",{onClick:function(){return toggle(!1)}},"set OFF"))};react_1.storiesOf("State|useBoolean",module).add("Docs",function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(254)})}).add("Demo",function(){return React.createElement(Demo,null)})}).call(this,__webpack_require__(1)(module))},function(module,exports,__webpack_require__){"use strict";(function(module){var __importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(null!=mod)for(var k in mod)Object.hasOwnProperty.call(mod,k)&&(result[k]=mod[k]);return result.default=mod,result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});var addon_actions_1=__webpack_require__(112),react_1=__webpack_require__(2),React=__importStar(__webpack_require__(0)),react_2=__webpack_require__(0),__1=__webpack_require__(4),ShowDocs_1=__importDefault(__webpack_require__(3)),Demo=function(){var ref=react_2.useRef(null);return __1.useClickAway(ref,addon_actions_1.action("outside clicked")),React.createElement("div",{ref:ref,style:{width:200,height:200,background:"red"}})};react_1.storiesOf("UI|useClickAway",module).add("Docs",function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(646)})}).add("Demo",function(){return React.createElement(Demo,null)})}).call(this,__webpack_require__(1)(module))},,,,,,,,,,,,,function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='

useClickAway

\n

React UI hook that triggers a callback when user\nclicks outside the target element.

\n

Usage

\n
import {useClickAway} from 'react-use';\n\nconst Demo = () => {\n  const ref = useRef(null);\n  useClickAway(ref, () => {\n    console.log('OUTSIDE CLICKED');\n  });\n\n  return (\n    <div ref={ref} style={{\n      width: 200,\n      height: 200,\n      background: 'red',\n    }} />\n  );\n};
\n

Reference

\n
useClickAway(ref, onMouseEvent)\nuseClickAway(ref, onMouseEvent, ['click'])\nuseClickAway(ref, onMouseEvent, ['mousedown', 'touchstart'])
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){var __importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(null!=mod)for(var k in mod)Object.hasOwnProperty.call(mod,k)&&(result[k]=mod[k]);return result.default=mod,result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(2),React=__importStar(__webpack_require__(0)),__1=__webpack_require__(4),ShowDocs_1=__importDefault(__webpack_require__(3)),Demo=function(){var _a=React.useState(""),text=_a[0],setText=_a[1],_b=__1.useCopyToClipboard(),state=_b[0],copyToClipboard=_b[1];return React.createElement("div",null,React.createElement("input",{value:text,onChange:function(e){return setText(e.target.value)}}),React.createElement("button",{type:"button",onClick:function(){return copyToClipboard(text)}},"copy text"),state.error?React.createElement("p",null,"Unable to copy value: ",state.error.message):state.value&&React.createElement(React.Fragment,null,React.createElement("p",null,"Copied ",state.value," ",state.noUserInteraction?"without":"with"," user interaction"),React.createElement("input",{type:"text",placeholder:"Paste it in here to check"})))};react_1.storiesOf("Side-effects|useCopyToClipboard",module).add("Docs",function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(648)})}).add("Demo",function(){return React.createElement(Demo,null)})}).call(this,__webpack_require__(1)(module))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='

useCopyToClipboard

\n

Copy text to a user's clipboard.

\n

Usage

\n
const Demo = () => {\n  const [text, setText] = React.useState('');\n  const [state, copyToClipboard] = useCopyToClipboard();\n\n  return (\n    <div>\n      <input value={text} onChange={e => setText(e.target.value)} />\n      <button type="button" onClick={() => copyToClipboard(text)}>copy text</button>\n      {state.error\n        ? <p>Unable to copy value: {state.error.message}</p>\n        : state.value && <p>Copied {state.value}</p>}\n    </div>\n  )\n\n  const [text, setText] = React.useState('');\n  const [copied, copyToClipboard] = useCopyToClipboard(text);\n\n  return (\n    <div>\n      <input value={text} onChange={e => setText(e.target.value)} />\n      <button type="button" onClick={copyToClipboard}>copy text</button>\n      <div>Copied: {copied ? 'Yes' : 'No'}</div>\n    </div>\n  )\n}
\n

Reference

\n
const [state, copyToClipboard] = useCopyToClipboard();
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){var __importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(null!=mod)for(var k in mod)Object.hasOwnProperty.call(mod,k)&&(result[k]=mod[k]);return result.default=mod,result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(2),React=__importStar(__webpack_require__(0)),__1=__webpack_require__(4),ShowDocs_1=__importDefault(__webpack_require__(3)),Demo=function(){var _a=__1.useCounter(1),min=_a[0],_b=_a[1],incMin=_b.inc,decMin=_b.dec,_c=__1.useCounter(10),max=_c[0],_d=_c[1],incMax=_d.inc,decMax=_d.dec,_e=__1.useCounter(5,max,min),value=_e[0],_f=_e[1],inc=_f.inc,dec=_f.dec,set=_f.set,reset=_f.reset;return React.createElement("div",null,React.createElement("div",null,"current: ",value," [min: ",min,"; max: ",max,"]"),React.createElement("br",null),"Current value: ",React.createElement("button",{onClick:function(){return inc()}},"Increment"),React.createElement("button",{onClick:function(){return dec()}},"Decrement"),React.createElement("button",{onClick:function(){return inc(5)}},"Increment (+5)"),React.createElement("button",{onClick:function(){return dec(5)}},"Decrement (-5)"),React.createElement("button",{onClick:function(){return set(100)}},"Set 100"),React.createElement("button",{onClick:function(){return reset()}},"Reset"),React.createElement("button",{onClick:function(){return reset(25)}},"Reset (25)"),React.createElement("br",null),React.createElement("br",null),"Min value:",React.createElement("button",{onClick:function(){return incMin()}},"Increment"),React.createElement("button",{onClick:function(){return decMin()}},"Decrement"),React.createElement("br",null),React.createElement("br",null),"Max value:",React.createElement("button",{onClick:function(){return incMax()}},"Increment"),React.createElement("button",{onClick:function(){return decMax()}},"Decrement"))};react_1.storiesOf("State|useCounter",module).add("Docs",function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(650)})}).add("Demo",function(){return React.createElement(Demo,null)})}).call(this,__webpack_require__(1)(module))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='

useCounter

\n

React state hook that tracks a numeric value.

\n

useNumber is an alias for useCounter.

\n

Usage

\n
import {useCounter, useNumber} from 'react-use';\n\nconst Demo = () => {\n  const [min, { inc: incMin, dec: decMin }] = useCounter(1);\n  const [max, { inc: incMax, dec: decMax }] = useCounter(10);\n  const [value, { inc, dec, set, reset }] = useCounter(5, max, min);\n\n  return (\n    <div>\n      <div>\n        current: { value } [min: { min }; max: { max }]\n      </div>\n\n      <br />\n      Current value: <button onClick={ () => inc() }>Increment</button>\n      <button onClick={ () => dec() }>Decrement</button>\n      <button onClick={ () => inc(5) }>Increment (+5)</button>\n      <button onClick={ () => dec(5) }>Decrement (-5)</button>\n      <button onClick={ () => set(100) }>Set 100</button>\n      <button onClick={ () => reset() }>Reset</button>\n      <button onClick={ () => reset(25) }>Reset (25)</button>\n\n      <br />\n      <br />\n      Min value:\n      <button onClick={ () => incMin() }>Increment</button>\n      <button onClick={ () => decMin() }>Decrement</button>\n\n      <br />\n      <br />\n      Max value:\n      <button onClick={ () => incMax() }>Increment</button>\n      <button onClick={ () => decMax() }>Decrement</button>\n    </div>\n  );\n};
\n

Reference

\n
const [ current, { inc, dec, get, set, reset } ] = useCounter(initial: number, max: number | null = null, 20: number | null = null);
\n
    \n
  • current - current counter value;
    • \n
  • get(): number - getter of current counter value;
    • \n
  • inc(delta: number): void - increment current value;
    • \n
  • dec(delta: number): void - decrement current value;
    • \n
  • set(value: number): void - set arbitrary value;
    • \n
  • reset(value: number): void - as the set, but also will assign value by reference to the initial parameter;
    • \n
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){var __importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(null!=mod)for(var k in mod)Object.hasOwnProperty.call(mod,k)&&(result[k]=mod[k]);return result.default=mod,result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(2),React=__importStar(__webpack_require__(0)),__1=__webpack_require__(4),ShowDocs_1=__importDefault(__webpack_require__(3)),Demo=function(){var className=__1.useCss({color:"red",border:"1px solid red","&:hover":{color:"blue"}});return React.createElement("div",{className:className},"hello")};react_1.storiesOf("UI|useCss",module).add("Docs",function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(652)})}).add("Demo",function(){return React.createElement(Demo,null)})}).call(this,__webpack_require__(1)(module))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='

useCss

\n

React UI hook that changes CSS dynamically. Works like "virtual CSS" —\nit re-renders only CSS rules that change. It is different from inline styles, because\nyou can use media queries and pseudo selectors.

\n

Usage

\n
import {useCss} from 'react-use';\n\nconst Demo = () => {\n  const className = useCss({\n    color: 'red',\n    border: '1px solid red',\n    '&:hover': {\n      color: 'blue',\n    },\n  });\n\n  return (\n    <div className={className}>\n      Hover me!\n    </div>\n  );\n};
\n

Examples

\n
const className = useCss({\n  color: 'tomato',\n  '&:hover': {\n    color: 'orange',\n  },\n});\n\nconst className = useCss({\n  svg: {\n    fill: 'tomato',\n  },\n  '.global_class &:hover svg': {\n    fill: 'orange',\n  },\n});\n\nconst className = useCss({\n  color: 'tomato',\n  '@media only screen and (max-width: 600px)': {\n    color: 'orange',\n    '&:hover': {\n      color: 'red',\n    }\n  },\n});
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){var __importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(null!=mod)for(var k in mod)Object.hasOwnProperty.call(mod,k)&&(result[k]=mod[k]);return result.default=mod,result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(2),React=__importStar(__webpack_require__(0)),__1=__webpack_require__(4),ShowDocs_1=__importDefault(__webpack_require__(3)),Demo=function(){var _a=React.useState("Typing stopped"),state=_a[0],setState=_a[1],_b=React.useState(""),val=_b[0],setVal=_b[1],_c=React.useState(""),debouncedValue=_c[0],setDebouncedValue=_c[1];return __1.useDebounce(function(){setState("Typing stopped"),setDebouncedValue(val)},2e3,[val]),React.createElement("div",null,React.createElement("input",{type:"text",value:val,placeholder:"Debounced input",onChange:function(_a){var currentTarget=_a.currentTarget;setState("Waiting for typing to stop..."),setVal(currentTarget.value)}}),React.createElement("div",null,state),React.createElement("div",null,"Debounced value: ",debouncedValue))};react_1.storiesOf("Side effects|useDebounce",module).add("Docs",function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(654)})}).add("Demo",function(){return React.createElement(Demo,null)})}).call(this,__webpack_require__(1)(module))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='

useDebounce

\n

React hook that delays invoking a function until after wait milliseconds have elapsed since the last time the debounced function was invoked.

\n

The third argument is the array of values that the debounce depends on, in the same manner as useEffect. The debounce timeout will start when one of the values changes.

\n

Usage

\n
import React, { useState } from 'react';\nimport { useDebounce } from 'react-use';\n\nconst Demo = () => {\n  const [state, setState] = React.useState('Typing stopped');\n  const [val, setVal] = React.useState('');\n  const [debouncedValue, setDebouncedValue] = React.useState('');\n\n  useDebounce(\n    () => {\n      setState('Typing stopped');\n      setDebouncedValue(val);\n    },\n    2000,\n    [val]\n  );\n\n  return (\n    <div>\n      <input\n        type="text"\n        value={val}\n        placeholder="Debounced input"\n        onChange={({ currentTarget }) => {\n          setState('Waiting for typing to stop...');\n          setVal(currentTarget.value);\n        }}\n      />\n      <div>{state}</div>\n      <div>Debounced value: {debouncedValue}</div>\n    </div>\n  );\n};
\n

Reference

\n
useDebounce(fn, ms: number, args: any[]);
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){var __importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(null!=mod)for(var k in mod)Object.hasOwnProperty.call(mod,k)&&(result[k]=mod[k]);return result.default=mod,result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(2),React=__importStar(__webpack_require__(0)),__1=__webpack_require__(4),ShowDocs_1=__importDefault(__webpack_require__(3)),Demo=function(){var _a=__1.useCounter(0),countNormal=_a[0],incNormal=_a[1].inc,_b=__1.useCounter(0),countDeep=_b[0],incDeep=_b[1].inc,options={max:500};return React.useEffect(function(){countNormal",module).add("Demo",function(){return React.createElement("div",null,'Press "q" key!',React.createElement(UseKey_1.default,{filter:"q",fn:function(){return alert("Q pressed!")}}))})}).call(this,__webpack_require__(1)(module))},function(module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(null!=s&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(p=Object.getOwnPropertySymbols(s);io;)r.push(arguments[o++]);if(n=t=r[1],(f(t)||void 0!==e)&&!oe(e))return s(t)||(t=function(e,t){if("function"==typeof n&&(t=n.call(this,e,t)),!oe(t))return t}),r[1]=t,W.apply(V,r)}}),U.prototype[F]||S(U.prototype,F,U.prototype.valueOf),R(U,"Symbol"),T[D]=!0},function(e,t,n){"use strict";n(38),n(2),n(6),n(41),Object.defineProperty(t,"__esModule",{value:!0});var r={styled:!0,createGlobal:!0,createReset:!0};Object.defineProperty(t,"createGlobal",{enumerable:!0,get:function(){return s.createGlobal}}),Object.defineProperty(t,"createReset",{enumerable:!0,get:function(){return s.createReset}}),t.styled=void 0;var o,i=(o=n(925))&&o.__esModule?o:{default:o},a=n(151);Object.keys(a).forEach(function(e){"default"!==e&&"__esModule"!==e&&(Object.prototype.hasOwnProperty.call(r,e)||Object.defineProperty(t,e,{enumerable:!0,get:function(){return a[e]}}))});var u=n(511);Object.keys(u).forEach(function(e){"default"!==e&&"__esModule"!==e&&(Object.prototype.hasOwnProperty.call(r,e)||Object.defineProperty(t,e,{enumerable:!0,get:function(){return u[e]}}))});var l=n(79);Object.keys(l).forEach(function(e){"default"!==e&&"__esModule"!==e&&(Object.prototype.hasOwnProperty.call(r,e)||Object.defineProperty(t,e,{enumerable:!0,get:function(){return l[e]}}))});var c=n(927);Object.keys(c).forEach(function(e){"default"!==e&&"__esModule"!==e&&(Object.prototype.hasOwnProperty.call(r,e)||Object.defineProperty(t,e,{enumerable:!0,get:function(){return c[e]}}))});var s=n(514),f=n(515);Object.keys(f).forEach(function(e){"default"!==e&&"__esModule"!==e&&(Object.prototype.hasOwnProperty.call(r,e)||Object.defineProperty(t,e,{enumerable:!0,get:function(){return f[e]}}))});var p=n(279);Object.keys(p).forEach(function(e){"default"!==e&&"__esModule"!==e&&(Object.prototype.hasOwnProperty.call(r,e)||Object.defineProperty(t,e,{enumerable:!0,get:function(){return p[e]}}))});var d=n(521);Object.keys(d).forEach(function(e){"default"!==e&&"__esModule"!==e&&(Object.prototype.hasOwnProperty.call(r,e)||Object.defineProperty(t,e,{enumerable:!0,get:function(){return d[e]}}))});var h=i.default;t.styled=h},function(e,t,n){var r=n(8),o=n(495);r({target:"Object",stat:!0,forced:Object.assign!==o},{assign:o})},function(e,t,n){var r=n(8),o=n(58),i=n(121);r({target:"Object",stat:!0,forced:n(30)(function(){i(1)})},{keys:function(e){return i(o(e))}})},function(e,t,n){"use strict";function r(){return(r=Object.assign||function(e){for(var t=1;t=t.length?(e.target=void 0,{value:void 0,done:!0}):"keys"==n?{value:r,done:!1}:"values"==n?{value:t[r],done:!1}:{value:[r,t[r]],done:!1}},"values"),i.Arguments=i.Array,o("keys"),o("values"),o("entries")},function(e,t,n){"use strict";var r=n(275).charAt,o=n(115),i=n(271),a=o.set,u=o.getterFor("String Iterator");i(String,"String",function(e){a(this,{type:"String Iterator",string:String(e),index:0})},function(){var e,t=u(this),n=t.string,o=t.index;return o>=n.length?{value:void 0,done:!0}:(e=r(n,o),t.index+=e.length,{value:e,done:!1})})},function(e,t,n){var r=n(29),o=n(264),i=n(10),a=n(63),u=n(33),l=u("iterator"),c=u("toStringTag"),s=i.values;for(var f in o){var p=r[f],d=p&&p.prototype;if(d){if(d[l]!==s)try{a(d,l,s)}catch(e){d[l]=s}if(d[c]||a(d,c,f),o[f])for(var h in i)if(d[h]!==i[h])try{a(d,h,i[h])}catch(e){d[h]=i[h]}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ReactCSS=t.loop=t.handleActive=t.handleHover=t.hover=void 0;var r=c(n(629)),o=c(n(699)),i=c(n(719)),a=c(n(720)),u=c(n(721)),l=c(n(722));function c(e){return e&&e.__esModule?e:{default:e}}t.hover=a.default,t.handleHover=a.default,t.handleActive=u.default,t.loop=l.default;var s=t.ReactCSS=function(e){for(var t=arguments.length,n=Array(t>1?t-1:0),a=1;a1?arguments[1]:void 0)}})},function(e,t,n){"use strict";var r=n(8),o=n(30),i=n(118),a=n(39),u=n(58),l=n(57),c=n(145),s=n(187),f=n(119),p=n(33)("isConcatSpreadable"),d=!o(function(){var e=[];return e[p]=!1,e.concat()[0]!==e}),h=f("concat"),v=function(e){if(!a(e))return!1;var t=e[p];return void 0!==t?!!t:i(e)};r({target:"Array",proto:!0,forced:!d||!h},{concat:function(e){var t,n,r,o,i,a=u(this),f=s(a,0),p=0;for(t=-1,r=arguments.length;t9007199254740991)throw TypeError("Maximum allowed index exceeded");for(n=0;n=9007199254740991)throw TypeError("Maximum allowed index exceeded");c(f,p++,i)}return f.length=p,f}})},function(e,t,n){var r=n(8),o=n(30),i=n(70),a=n(99).f,u=n(44),l=o(function(){a(1)});r({target:"Object",stat:!0,forced:!u||l,sham:!u},{getOwnPropertyDescriptor:function(e,t){return a(i(e),t)}})},function(e,t,n){"use strict";(function(e){n.d(t,"b",function(){return a}),n.d(t,"a",function(){return u});var r=n(386),o=void 0!==e?e:{},i=Object(r.a)(o),a=(i.flush,i.hydrate,i.cx,i.merge,i.getRegisteredStyles,i.injectGlobal),u=(i.keyframes,i.css);i.sheet,i.caches}).call(this,n(22))},function(e,t,n){"use strict";n(2),Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Badge",{enumerable:!0,get:function(){return r.Badge}}),Object.defineProperty(t,"Link",{enumerable:!0,get:function(){return o.Link}}),Object.defineProperty(t,"DocumentFormatting",{enumerable:!0,get:function(){return i.DocumentFormatting}}),Object.defineProperty(t,"SyntaxHighlighter",{enumerable:!0,get:function(){return a.SyntaxHighlighter}}),Object.defineProperty(t,"ActionBar",{enumerable:!0,get:function(){return u.ActionBar}}),Object.defineProperty(t,"Spaced",{enumerable:!0,get:function(){return l.Spaced}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return c.Placeholder}}),Object.defineProperty(t,"ScrollArea",{enumerable:!0,get:function(){return s.ScrollArea}}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return f.Button}}),Object.defineProperty(t,"Form",{enumerable:!0,get:function(){return p.Form}}),Object.defineProperty(t,"WithTooltip",{enumerable:!0,get:function(){return d.WithTooltip}}),Object.defineProperty(t,"TooltipMessage",{enumerable:!0,get:function(){return h.TooltipMessage}}),Object.defineProperty(t,"TooltipNote",{enumerable:!0,get:function(){return v.TooltipNote}}),Object.defineProperty(t,"TooltipLinkList",{enumerable:!0,get:function(){return y.TooltipLinkList}}),Object.defineProperty(t,"Tabs",{enumerable:!0,get:function(){return g.Tabs}}),Object.defineProperty(t,"TabsState",{enumerable:!0,get:function(){return g.TabsState}}),Object.defineProperty(t,"TabBar",{enumerable:!0,get:function(){return g.TabBar}}),Object.defineProperty(t,"TabWrapper",{enumerable:!0,get:function(){return g.TabWrapper}}),Object.defineProperty(t,"IconButton",{enumerable:!0,get:function(){return m.IconButton}}),Object.defineProperty(t,"TabButton",{enumerable:!0,get:function(){return m.TabButton}}),Object.defineProperty(t,"Separator",{enumerable:!0,get:function(){return b.Separator}}),Object.defineProperty(t,"interleaveSeparators",{enumerable:!0,get:function(){return b.interleaveSeparators}}),Object.defineProperty(t,"Bar",{enumerable:!0,get:function(){return w.Bar}}),Object.defineProperty(t,"FlexBar",{enumerable:!0,get:function(){return w.FlexBar}}),Object.defineProperty(t,"Icons",{enumerable:!0,get:function(){return E.Icons}}),Object.defineProperty(t,"StorybookLogo",{enumerable:!0,get:function(){return O.StorybookLogo}}),Object.defineProperty(t,"StorybookIcon",{enumerable:!0,get:function(){return x.StorybookIcon}});var r=n(526),o=n(286),i=n(529),a=n(530),u=n(305),l=n(596),c=n(309),s=n(203),f=n(310),p=n(599),d=n(604),h=n(613),v=n(614),y=n(615),g=n(617),m=n(312),b=n(618),w=n(311),E=n(287),O=n(619),x=n(620)},function(e,t){var n;n=function(){return this}();try{n=n||new Function("return this")()}catch(e){"object"==typeof window&&(n=window)}e.exports=n},function(e,t,n){n(8)({target:"Array",stat:!0},{isArray:n(118)})},function(e,t,n){"use strict";var r=n(8),o=n(101).map;r({target:"Array",proto:!0,forced:!n(119)("map")},{map:function(e){return o(this,e,arguments.length>1?arguments[1]:void 0)}})},function(e,t,n){var r=n(44),o=n(50).f,i=Function.prototype,a=i.toString,u=/^\s*function ([^ (]*)/;!r||"name"in i||o(i,"name",{configurable:!0,get:function(){try{return a.call(this).match(u)[1]}catch(e){return""}}})},function(e,t,n){n(8)({target:"Object",stat:!0,sham:!n(44)},{create:n(120)})},function(e,t,n){var r=n(8),o=n(30),i=n(58),a=n(189),u=n(273);r({target:"Object",stat:!0,forced:o(function(){a(1)}),sham:!u},{getPrototypeOf:function(e){return a(i(e))}})},function(e,t,n){n(8)({target:"Object",stat:!0},{setPrototypeOf:n(190)})},function(e,t,n){(function(t){var n="object",r=function(e){return e&&e.Math==Math&&e};e.exports=r(typeof globalThis==n&&globalThis)||r(typeof window==n&&window)||r(typeof self==n&&self)||r(typeof t==n&&t)||Function("return this")()}).call(this,n(22))},function(e,t){e.exports=function(e){try{return!!e()}catch(e){return!0}}},function(e,t,n){(function(t){var n;n="undefined"!=typeof window?window:void 0!==t?t:"undefined"!=typeof self?self:{},e.exports=n}).call(this,n(22))},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(723);Object.defineProperty(t,"Alpha",{enumerable:!0,get:function(){return f(r).default}});var o=n(224);Object.defineProperty(t,"Checkboard",{enumerable:!0,get:function(){return f(o).default}});var i=n(726);Object.defineProperty(t,"EditableInput",{enumerable:!0,get:function(){return f(i).default}});var a=n(727);Object.defineProperty(t,"Hue",{enumerable:!0,get:function(){return f(a).default}});var u=n(729);Object.defineProperty(t,"Raised",{enumerable:!0,get:function(){return f(u).default}});var l=n(739);Object.defineProperty(t,"Saturation",{enumerable:!0,get:function(){return f(l).default}});var c=n(346);Object.defineProperty(t,"ColorWrap",{enumerable:!0,get:function(){return f(c).default}});var s=n(747);function f(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"Swatch",{enumerable:!0,get:function(){return f(s).default}})},function(e,t,n){var r=n(29),o=n(113),i=n(141),a=n(258),u=r.Symbol,l=o("wks");e.exports=function(e){return l[e]||(l[e]=a&&u[e]||(a?u:i)("Symbol."+e))}},function(e,t){e.exports=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}},function(e,t,n){"use strict";var r=n(8),o=n(148);r({target:"RegExp",proto:!0,forced:/./.exec!==o},{exec:o})},function(e,t,n){"use strict";function r(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}n.d(t,"a",function(){return r})},function(e,t,n){"use strict";var r=n(174),o="function"==typeof Symbol&&"symbol"==typeof Symbol("foo"),i=Object.prototype.toString,a=Array.prototype.concat,u=Object.defineProperty,l=u&&function(){var e={};try{for(var t in u(e,"x",{enumerable:!1,value:e}),e)return!1;return e.x===e}catch(e){return!1}}(),c=function(e,t,n,r){var o;t in e&&("function"!=typeof(o=r)||"[object Function]"!==i.call(o)||!r())||(l?u(e,t,{configurable:!0,enumerable:!1,value:n,writable:!0}):e[t]=n)},s=function(e,t){var n=arguments.length>2?arguments[2]:{},i=r(t);o&&(i=a.call(i,Object.getOwnPropertySymbols(t)));for(var u=0;u1?arguments[1]:void 0)}})},function(e,t,n){"use strict";var r=n(8),o=n(39),i=n(118),a=n(183),u=n(57),l=n(70),c=n(145),s=n(119),f=n(33)("species"),p=[].slice,d=Math.max;r({target:"Array",proto:!0,forced:!s("slice")},{slice:function(e,t){var n,r,s,h=l(this),v=u(h.length),y=a(e,v),g=a(void 0===t?v:t,v);if(i(h)&&("function"!=typeof(n=h.constructor)||n!==Array&&!i(n.prototype)?o(n)&&null===(n=n[f])&&(n=void 0):n=void 0,n===Array||void 0===n))return p.call(h,y,g);for(r=new(void 0===n?Array:n)(d(g-y,0)),s=0;y=0?(this.lastItem=this.list[t],this.list[t].val):void 0},r.prototype.set=function(e,t){var n;return this.lastItem&&this.isEqual(this.lastItem.key,e)?(this.lastItem.val=t,this):(n=this.indexOf(e))>=0?(this.lastItem=this.list[n],this.list[n].val=t,this):(this.lastItem={key:e,val:t},this.list.push(this.lastItem),this.size++,this)},r.prototype.delete=function(e){var t;if(this.lastItem&&this.isEqual(this.lastItem.key,e)&&(this.lastItem=void 0),(t=this.indexOf(e))>=0)return this.size--,this.list.splice(t,1)[0]},r.prototype.has=function(e){var t;return!(!this.lastItem||!this.isEqual(this.lastItem.key,e))||(t=this.indexOf(e))>=0&&(this.lastItem=this.list[t],!0)},r.prototype.forEach=function(e,t){var n;for(n=0;n=0&&(!(t=(o=e[n]).cacheItem.get(o.arg))||!t.size);n--)o.cacheItem.delete(o.arg)}t.exports=function(e){var t=new r(!1),n=[];return function(a){var u=function(){var l,c,s,f=t,p=arguments.length-1,d=Array(p+1),h=!0;if((u.numArgs||0===u.numArgs)&&u.numArgs!==p+1)throw new Error("Memoizerific functions should always be called with the same number of arguments");for(s=0;s0&&(d[p]={cacheItem:f,arg:arguments[p]},h?o(n,d):n.push(d),n.length>e&&i(n.shift())),u.wasMemoized=h,u.numArgs=p+1,c};return u.limit=e,u.wasMemoized=!1,u.cache=t,u.lru=n,u}}},{"map-or-similar":1}]},{},[3])(3)},function(e,t,n){"use strict";var r=n(8),o=n(192);r({target:"String",proto:!0,forced:n(193)("bold")},{bold:function(){return o(this,"b","","")}})},function(e,t){var n=Array.isArray;e.exports=n},function(e,t){var n={}.hasOwnProperty;e.exports=function(e,t){return n.call(e,t)}},function(e,t,n){var r=n(44),o=n(254),i=n(45),a=n(112),u=Object.defineProperty;t.f=r?u:function(e,t,n){if(i(e),t=a(t,!0),i(n),o)try{return u(e,t,n)}catch(e){}if("get"in n||"set"in n)throw TypeError("Accessors not supported");return"value"in n&&(e[t]=n.value),e}},function(e,t,n){var r=n(76),o=Date.prototype,i=o.toString,a=o.getTime;new Date(NaN)+""!="Invalid Date"&&r(o,"toString",function(){var e=a.call(this);return e==e?i.call(this):"Invalid Date"})},function(e,t,n){var r=n(8),o=n(265).entries;r({target:"Object",stat:!0},{entries:function(e){return o(e)}})},function(e,t,n){var r=n(8),o=n(280),i=n(30),a=n(39),u=n(518).onFreeze,l=Object.freeze;r({target:"Object",stat:!0,forced:i(function(){l(1)}),sham:!o},{freeze:function(e){return l&&a(e)?l(u(e)):e}})},function(e,t){e.exports=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}},function(e,t,n){var r=n(340),o=n(343)(function(e,t,n){r(e,t,n)});e.exports=o},function(e,t,n){"use strict";var r=n(399);e.exports=Function.prototype.bind||r},function(e,t,n){var r=n(117),o=Math.min;e.exports=function(e){return e>0?o(r(e),9007199254740991):0}},function(e,t,n){var r=n(62);e.exports=function(e){return Object(r(e))}},function(e,t,n){var r=n(8),o=n(501);r({target:"Array",stat:!0,forced:!n(270)(function(e){Array.from(e)})},{from:o})},function(e,t,n){var r=n(8),o=n(44);r({target:"Object",stat:!0,forced:!o,sham:!o},{defineProperties:n(260)})},function(e,t){function n(){return e.exports=n=Object.assign||function(e){for(var t=1;t1?arguments[1]:void 0)}}),i("find")},function(e,t,n){"use strict";var r=n(8),o=n(101).filter;r({target:"Array",proto:!0,forced:!n(119)("filter")},{filter:function(e){return o(this,e,arguments.length>1?arguments[1]:void 0)}})},function(e,t,n){"use strict";var r=n(149),o=n(45),i=n(57),a=n(62),u=n(204),l=n(150);r("match",1,function(e,t,n){return[function(t){var n=a(this),r=null==t?void 0:t[e];return void 0!==r?r.call(t,n):new RegExp(t)[e](String(n))},function(e){var r=n(t,e,this);if(r.done)return r.value;var a=o(e),c=String(this);if(!a.global)return l(a,c);var s=a.unicode;a.lastIndex=0;for(var f,p=[],d=0;null!==(f=l(a,c));){var h=String(f[0]);p[d]=h,""===h&&(a.lastIndex=u(c,i(a.lastIndex),s)),d++}return 0===d?null:p}]})},function(e,t,n){var r=n(315),o="object"==typeof self&&self&&self.Object===Object&&self,i=r||o||Function("return this")();e.exports=i},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.red=void 0;var r=i(n(744)),o=i(n(746));function i(e){return e&&e.__esModule?e:{default:e}}t.default={simpleCheckForValidColor:function(e){var t=0,n=0;return(0,r.default)(["r","g","b","a","h","s","l","v"],function(r){if(e[r]&&(t+=1,isNaN(e[r])||(n+=1),"s"===r||"l"===r)){/^\d+%$/.test(e[r])&&(n+=1)}}),t===n&&e},toState:function(e,t){var n=e.hex?(0,o.default)(e.hex):(0,o.default)(e),r=n.toHsl(),i=n.toHsv(),a=n.toRgb(),u=n.toHex();return 0===r.s&&(r.h=t||0,i.h=t||0),{hsl:r,hex:"000000"===u&&0===a.a?"transparent":"#"+u,rgb:a,hsv:i,oldHue:e.h||t||r.h,source:e.source}},isValidHex:function(e){var t="#"===String(e).charAt(0)?1:0;return e.length!==4+t&&e.length<7+t&&(0,o.default)(e).isValid()},getContrastingColor:function(e){if(!e)return"#fff";var t=this.toState(e);return"transparent"===t.hex?"rgba(0,0,0,0.4)":(299*t.rgb.r+587*t.rgb.g+114*t.rgb.b)/1e3>=128?"#000":"#fff"}};t.red={hsl:{a:1,h:0,l:.5,s:1},hex:"#ff0000",rgb:{r:255,g:0,b:0,a:1},hsv:{h:0,s:1,v:1,a:1}}},function(e,t,n){"use strict";!function e(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(e){console.error(e)}}(),e.exports=n(605)},function(e,t,n){var r=n(111),o=n(62);e.exports=function(e){return r(o(e))}},function(e,t,n){"use strict";var r=n(76),o=n(45),i=n(30),a=n(274),u=RegExp.prototype,l=u.toString,c=i(function(){return"/a/b"!=l.call({source:"a",flags:"b"})}),s="toString"!=l.name;(c||s)&&r(RegExp.prototype,"toString",function(){var e=o(this),t=String(e.source),n=e.flags;return"/"+t+"/"+String(void 0===n&&e instanceof RegExp&&!("flags"in u)?a.call(e):n)},{unsafe:!0})},function(e,t){e.exports=function(e){return null!=e&&"object"==typeof e}},function(e,t,n){"use strict";n(38),n(2),n(6),n(41),Object.defineProperty(t,"__esModule",{value:!0});var r=n(231);Object.keys(r).forEach(function(e){"default"!==e&&"__esModule"!==e&&Object.defineProperty(t,e,{enumerable:!0,get:function(){return r[e]}})});var o=n(851);Object.keys(o).forEach(function(e){"default"!==e&&"__esModule"!==e&&Object.defineProperty(t,e,{enumerable:!0,get:function(){return o[e]}})})},function(e,t,n){"use strict";n.r(t);var r=n(7),o=n(135),i=n(36);function a(e){return(a=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function u(e,t){return(u=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function l(e,t,n){return(l=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(e){return!1}}()?Reflect.construct:function(e,t,n){var r=[null];r.push.apply(r,t);var o=new(Function.bind.apply(e,r));return n&&u(o,n.prototype),o}).apply(null,arguments)}function c(e){var t="function"==typeof Map?new Map:void 0;return(c=function(e){if(null===e||(n=e,-1===Function.toString.call(n).indexOf("[native code]")))return e;var n;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==t){if(t.has(e))return t.get(e);t.set(e,r)}function r(){return l(e,arguments,a(this).constructor)}return r.prototype=Object.create(e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),u(r,e)})(e)}function s(e,t){return t||(t=e.slice(0)),e.raw=t,e}function f(){var e;return(e=arguments.length-1)<0||arguments.length<=e?void 0:arguments[e]}n.d(t,"adjustHue",function(){return Le}),n.d(t,"animation",function(){return gt}),n.d(t,"backgroundImages",function(){return mt}),n.d(t,"backgrounds",function(){return bt}),n.d(t,"between",function(){return I}),n.d(t,"border",function(){return Et}),n.d(t,"borderColor",function(){return Ot}),n.d(t,"borderRadius",function(){return xt}),n.d(t,"borderStyle",function(){return _t}),n.d(t,"borderWidth",function(){return St}),n.d(t,"buttons",function(){return Pt}),n.d(t,"clearFix",function(){return R}),n.d(t,"complement",function(){return De}),n.d(t,"cover",function(){return N}),n.d(t,"darken",function(){return Be}),n.d(t,"desaturate",function(){return Ue}),n.d(t,"directionalProperty",function(){return O}),n.d(t,"ellipsis",function(){return L}),n.d(t,"em",function(){return C}),n.d(t,"fluidRange",function(){return D}),n.d(t,"fontFace",function(){return V}),n.d(t,"getContrast",function(){return We}),n.d(t,"getLuminance",function(){return Ve}),n.d(t,"getValueAndUnit",function(){return T}),n.d(t,"grayscale",function(){return Ge}),n.d(t,"hiDPI",function(){return $}),n.d(t,"hideText",function(){return W}),n.d(t,"hideVisually",function(){return G}),n.d(t,"hsl",function(){return Se}),n.d(t,"hslToColorString",function(){return $e}),n.d(t,"hsla",function(){return ke}),n.d(t,"invert",function(){return qe}),n.d(t,"lighten",function(){return Ye}),n.d(t,"linearGradient",function(){return Y}),n.d(t,"margin",function(){return At}),n.d(t,"math",function(){return m}),n.d(t,"meetsContrastGuidelines",function(){return Xe}),n.d(t,"mix",function(){return Ze}),n.d(t,"modularScale",function(){return A}),n.d(t,"normalize",function(){return X}),n.d(t,"opacify",function(){return et}),n.d(t,"padding",function(){return Mt}),n.d(t,"parseToHsl",function(){return be}),n.d(t,"parseToRgb",function(){return me}),n.d(t,"position",function(){return Rt}),n.d(t,"radialGradient",function(){return Z}),n.d(t,"readableColor",function(){return tt}),n.d(t,"rem",function(){return M}),n.d(t,"retinaImage",function(){return Q}),n.d(t,"rgb",function(){return Ce}),n.d(t,"rgbToColorString",function(){return nt}),n.d(t,"rgba",function(){return je}),n.d(t,"saturate",function(){return ot}),n.d(t,"setHue",function(){return at}),n.d(t,"setLightness",function(){return lt}),n.d(t,"setSaturation",function(){return st}),n.d(t,"shade",function(){return pt}),n.d(t,"size",function(){return Nt}),n.d(t,"stripUnit",function(){return S}),n.d(t,"textInputs",function(){return Ft}),n.d(t,"timingFunctions",function(){return te}),n.d(t,"tint",function(){return ht}),n.d(t,"toColorString",function(){return Ie}),n.d(t,"transitions",function(){return zt}),n.d(t,"transparentize",function(){return yt}),n.d(t,"triangle",function(){return oe}),n.d(t,"wordWrap",function(){return ie});var p={symbols:{"!":{postfix:{symbol:"!",f:function e(t){return t%1||!(+t>=0)?NaN:t>170?1/0:0===t?1:t*e(t-1)},notation:"postfix",precedence:6,rightToLeft:0,argCount:1},symbol:"!",regSymbol:"!"},"^":{infix:{symbol:"^",f:function(e,t){return Math.pow(e,t)},notation:"infix",precedence:5,rightToLeft:1,argCount:2},symbol:"^",regSymbol:"\\^"},"*":{infix:{symbol:"*",f:function(e,t){return e*t},notation:"infix",precedence:4,rightToLeft:0,argCount:2},symbol:"*",regSymbol:"\\*"},"/":{infix:{symbol:"/",f:function(e,t){return e/t},notation:"infix",precedence:4,rightToLeft:0,argCount:2},symbol:"/",regSymbol:"/"},"+":{infix:{symbol:"+",f:function(e,t){return e+t},notation:"infix",precedence:2,rightToLeft:0,argCount:2},prefix:{symbol:"+",f:f,notation:"prefix",precedence:3,rightToLeft:0,argCount:1},symbol:"+",regSymbol:"\\+"},"-":{infix:{symbol:"-",f:function(e,t){return e-t},notation:"infix",precedence:2,rightToLeft:0,argCount:2},prefix:{symbol:"-",f:function(e){return-e},notation:"prefix",precedence:3,rightToLeft:0,argCount:1},symbol:"-",regSymbol:"-"},",":{infix:{symbol:",",f:function(){return Array.of.apply(Array,arguments)},notation:"infix",precedence:1,rightToLeft:0,argCount:2},symbol:",",regSymbol:","},"(":{prefix:{symbol:"(",f:f,notation:"prefix",precedence:0,rightToLeft:0,argCount:1},symbol:"(",regSymbol:"\\("},")":{postfix:{symbol:")",f:void 0,notation:"postfix",precedence:0,rightToLeft:0,argCount:1},symbol:")",regSymbol:"\\)"},min:{func:{symbol:"min",f:function(){return Math.min.apply(Math,arguments)},notation:"func",precedence:0,rightToLeft:0,argCount:1},symbol:"min",regSymbol:"min\\b"},max:{func:{symbol:"max",f:function(){return Math.max.apply(Math,arguments)},notation:"func",precedence:0,rightToLeft:0,argCount:1},symbol:"max",regSymbol:"max\\b"},sqrt:{func:{symbol:"sqrt",f:function(e){return Math.sqrt(e)},notation:"func",precedence:0,rightToLeft:0,argCount:1},symbol:"sqrt",regSymbol:"sqrt\\b"}}};var d=function(e){function t(t){var n;return n=e.call(this,"An error occurred. See https://github.com/styled-components/polished/blob/master/src/internalHelpers/errors.md#"+t+" for more information.")||this,Object(o.a)(n)}return Object(i.a)(t,e),t}(c(Error)),h=/((?!\w)a|na|hc|mc|dg|me[r]?|xe|ni(?![a-zA-Z])|mm|cp|tp|xp|q(?!s)|hv|xamv|nimv|wv|sm|s(?!\D|$)|ged|darg?|nrut)/g;function v(e,t){var n,r=e.pop();return t.push(r.f.apply(r,(n=[]).concat.apply(n,t.splice(-r.argCount)))),r.precedence}function y(e,t){var n,o=function(e){var t={};return t.symbols=e?Object(r.a)({},p.symbols,e.symbols):Object(r.a)({},p.symbols),t}(t),i=[o.symbols["("].prefix],a=[],u=new RegExp("\\d+(?:\\.\\d+)?|"+Object.keys(o.symbols).map(function(e){return o.symbols[e]}).sort(function(e,t){return t.symbol.length-e.symbol.length}).map(function(e){return e.regSymbol}).join("|")+"|(\\S)","g");u.lastIndex=0;var l=!1;do{var c=(n=u.exec(e))||[")",void 0],s=c[0],f=c[1],h=o.symbols[s],y=h&&!h.prefix&&!h.func,g=!h||!h.postfix&&!h.infix;if(f||(l?g:y))throw new d(37,n?n.index:e.length,e);if(l){var m=h.postfix||h.infix;do{var b=i[i.length-1];if((m.precedence-b.precedence||b.rightToLeft)>0)break}while(v(i,a));l="postfix"===m.notation,")"!==m.symbol&&(i.push(m),l&&v(i,a))}else if(h){if(i.push(h.prefix||h.func),h.func&&(!(n=u.exec(e))||"("!==n[0]))throw new d(38,n?n.index:e.length,e)}else a.push(+s),l=!0}while(n&&i.length);if(i.length)throw new d(39,n?n.index:e.length,e);if(n)throw new d(40,n?n.index:e.length,e);return a.pop()}function g(e){return e.split("").reverse().join("")}function m(e,t){var n=g(e),r=n.match(h);if(r&&!r.every(function(e){return e===r[0]}))throw new d(41);return""+y(g(n.replace(h,"")),t)+(r?g(r[0]):"")}function b(e){return e.charAt(0).toUpperCase()+e.slice(1)}var w=["Top","Right","Bottom","Left"];function E(e,t){if(!e)return t.toLowerCase();var n=e.split("-");if(n.length>1)return n.splice(1,0,t),n.reduce(function(e,t){return""+e+b(t)});var r=e.replace(/([a-z])([A-Z])/g,"$1"+t+"$2");return e===r?""+e+t:r}function O(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r=a.length)break;f=a[l++]}else{if((l=a.next()).done)break;f=l.value}var p=f;if(!p.prop||!p.fromSize||!p.toSize)throw new d(50);i[p.prop]=p.fromSize,o["@media (min-width: "+t+")"]=Object(r.a)({},o["@media (min-width: "+t+")"],((c={})[p.prop]=I(p.fromSize,p.toSize,t,n),c)),o["@media (min-width: "+n+")"]=Object(r.a)({},o["@media (min-width: "+n+")"],((s={})[p.prop]=p.toSize,s))}return Object(r.a)({},i,o)}var h,v,y;if(!e.prop||!e.fromSize||!e.toSize)throw new d(51);return(y={})[e.prop]=e.fromSize,y["@media (min-width: "+t+")"]=((h={})[e.prop]=I(e.fromSize,e.toSize,t,n),h),y["@media (min-width: "+n+")"]=((v={})[e.prop]=e.toSize,v),y}var F=/^\s*data:([a-z]+\/[a-z-]+(;[a-z-]+=[a-z-]+)?)?(;charset=[a-z0-9-]+)?(;base64)?,[a-z0-9!$&',()*+,;=\-._~:@\/?%\s]*\s*$/i,z={woff:"woff",woff2:"woff2",ttf:"truetype",otf:"opentype",eot:"embedded-opentype",svg:"svg",svgz:"svg"};function B(e,t){return t?' format("'+z[e]+'")':""}function H(e,t,n){return function(e){return!!e.match(F)}(e)?'url("'+e+'")'+B(t[0],n):t.map(function(t){return'url("'+e+"."+t+'")'+B(t,n)}).join(", ")}function U(e,t,n,r){var o=[];return t&&o.push(function(e){return e.map(function(e){return'local("'+e+'")'}).join(", ")}(t)),e&&o.push(H(e,n,r)),o.join(", ")}function V(e){var t=e.fontFamily,n=e.fontFilePath,r=e.fontStretch,o=e.fontStyle,i=e.fontVariant,a=e.fontWeight,u=e.fileFormats,l=void 0===u?["eot","woff2","woff","ttf","svg"]:u,c=e.formatHint,s=void 0!==c&&c,f=e.localFonts,p=e.unicodeRange,h=e.fontDisplay,v=e.fontVariationSettings,y=e.fontFeatureSettings;if(!t)throw new d(55);if(!n&&!f)throw new d(52);if(f&&!Array.isArray(f))throw new d(53);if(!Array.isArray(l))throw new d(54);var g={"@font-face":{fontFamily:t,src:U(n,f,l,s),unicodeRange:p,fontStretch:r,fontStyle:o,fontVariant:i,fontWeight:a,fontDisplay:h,fontVariationSettings:v,fontFeatureSettings:y}};return JSON.parse(JSON.stringify(g))}function W(){return{textIndent:"101%",overflow:"hidden",whiteSpace:"nowrap"}}function G(){return{border:"0",clip:"rect(0 0 0 0)",clipPath:"inset(50%)",height:"1px",margin:"-1px",overflow:"hidden",padding:"0",position:"absolute",whiteSpace:"nowrap",width:"1px"}}function $(e){return void 0===e&&(e=1.3),"\n @media only screen and (-webkit-min-device-pixel-ratio: "+e+"),\n only screen and (min--moz-device-pixel-ratio: "+e+"),\n only screen and (-o-min-device-pixel-ratio: "+e+"/1),\n only screen and (min-resolution: "+Math.round(96*e)+"dpi),\n only screen and (min-resolution: "+e+"dppx)\n "}function q(e){for(var t="",n=arguments.length,r=new Array(n>1?n-1:0),o=1;o1?(t=t.slice(0,-1),t+=", "+r[i]):1===a.length&&(t+=""+r[i])}else r[i]&&(t+=r[i]+" ");return t.trim()}function K(){var e=s(["linear-gradient(","",")"]);return K=function(){return e},e}function Y(e){var t=e.colorStops,n=e.fallback,r=e.toDirection,o=void 0===r?"":r;if(!t||t.length<2)throw new d(56);return{backgroundColor:n||t[0].split(" ")[0],backgroundImage:q(K(),o,t.join(", "))}}function X(){var e;return[(e={html:{lineHeight:"1.15",textSizeAdjust:"100%"},body:{margin:"0"},h1:{fontSize:"2em",margin:"0.67em 0"},hr:{boxSizing:"content-box",height:"0",overflow:"visible"},pre:{fontFamily:"monospace, monospace",fontSize:"1em"},a:{backgroundColor:"transparent"},"abbr[title]":{borderBottom:"none",textDecoration:"underline"}},e["b,\n strong"]={fontWeight:"bolder"},e["code,\n kbd,\n samp"]={fontFamily:"monospace, monospace",fontSize:"1em"},e.small={fontSize:"80%"},e["sub,\n sup"]={fontSize:"75%",lineHeight:"0",position:"relative",verticalAlign:"baseline"},e.sub={bottom:"-0.25em"},e.sup={top:"-0.5em"},e.img={borderStyle:"none"},e["button,\n input,\n optgroup,\n select,\n textarea"]={fontFamily:"inherit",fontSize:"100%",lineHeight:"1.15",margin:"0"},e["button,\n input"]={overflow:"visible"},e["button,\n select"]={textTransform:"none"},e['button,\n html [type="button"],\n [type="reset"],\n [type="submit"]']={WebkitAppearance:"button"},e['button::-moz-focus-inner,\n [type="button"]::-moz-focus-inner,\n [type="reset"]::-moz-focus-inner,\n [type="submit"]::-moz-focus-inner']={borderStyle:"none",padding:"0"},e['button:-moz-focusring,\n [type="button"]:-moz-focusring,\n [type="reset"]:-moz-focusring,\n [type="submit"]:-moz-focusring']={outline:"1px dotted ButtonText"},e.fieldset={padding:"0.35em 0.625em 0.75em"},e.legend={boxSizing:"border-box",color:"inherit",display:"table",maxWidth:"100%",padding:"0",whiteSpace:"normal"},e.progress={verticalAlign:"baseline"},e.textarea={overflow:"auto"},e['[type="checkbox"],\n [type="radio"]']={boxSizing:"border-box",padding:"0"},e['[type="number"]::-webkit-inner-spin-button,\n [type="number"]::-webkit-outer-spin-button']={height:"auto"},e['[type="search"]']={WebkitAppearance:"textfield",outlineOffset:"-2px"},e['[type="search"]::-webkit-search-decoration']={WebkitAppearance:"none"},e["::-webkit-file-upload-button"]={WebkitAppearance:"button",font:"inherit"},e.details={display:"block"},e.summary={display:"list-item"},e.template={display:"none"},e["[hidden]"]={display:"none"},e),{"abbr[title]":{textDecoration:"underline dotted"}}]}function J(){var e=s(["radial-gradient(","","","",")"]);return J=function(){return e},e}function Z(e){var t=e.colorStops,n=e.extent,r=void 0===n?"":n,o=e.fallback,i=e.position,a=void 0===i?"":i,u=e.shape,l=void 0===u?"":u;if(!t||t.length<2)throw new d(57);return{backgroundColor:o||t[0].split(" ")[0],backgroundImage:q(J(),a,l,r,t.join(", "))}}function Q(e,t,n,o,i){var a;if(void 0===n&&(n="png"),void 0===i&&(i="_2x"),!e)throw new d(58);var u=n.replace(/^\./,""),l=o?o+"."+u:""+e+i+"."+u;return(a={backgroundImage:"url("+e+"."+u+")"})[$()]=Object(r.a)({backgroundImage:"url("+l+")"},t?{backgroundSize:t}:{}),a}var ee={easeInBack:"cubic-bezier(0.600, -0.280, 0.735, 0.045)",easeInCirc:"cubic-bezier(0.600, 0.040, 0.980, 0.335)",easeInCubic:"cubic-bezier(0.550, 0.055, 0.675, 0.190)",easeInExpo:"cubic-bezier(0.950, 0.050, 0.795, 0.035)",easeInQuad:"cubic-bezier(0.550, 0.085, 0.680, 0.530)",easeInQuart:"cubic-bezier(0.895, 0.030, 0.685, 0.220)",easeInQuint:"cubic-bezier(0.755, 0.050, 0.855, 0.060)",easeInSine:"cubic-bezier(0.470, 0.000, 0.745, 0.715)",easeOutBack:"cubic-bezier(0.175, 0.885, 0.320, 1.275)",easeOutCubic:"cubic-bezier(0.215, 0.610, 0.355, 1.000)",easeOutCirc:"cubic-bezier(0.075, 0.820, 0.165, 1.000)",easeOutExpo:"cubic-bezier(0.190, 1.000, 0.220, 1.000)",easeOutQuad:"cubic-bezier(0.250, 0.460, 0.450, 0.940)",easeOutQuart:"cubic-bezier(0.165, 0.840, 0.440, 1.000)",easeOutQuint:"cubic-bezier(0.230, 1.000, 0.320, 1.000)",easeOutSine:"cubic-bezier(0.390, 0.575, 0.565, 1.000)",easeInOutBack:"cubic-bezier(0.680, -0.550, 0.265, 1.550)",easeInOutCirc:"cubic-bezier(0.785, 0.135, 0.150, 0.860)",easeInOutCubic:"cubic-bezier(0.645, 0.045, 0.355, 1.000)",easeInOutExpo:"cubic-bezier(1.000, 0.000, 0.000, 1.000)",easeInOutQuad:"cubic-bezier(0.455, 0.030, 0.515, 0.955)",easeInOutQuart:"cubic-bezier(0.770, 0.000, 0.175, 1.000)",easeInOutQuint:"cubic-bezier(0.860, 0.000, 0.070, 1.000)",easeInOutSine:"cubic-bezier(0.445, 0.050, 0.550, 0.950)"};function te(e){return ee[e]}var ne=function(e,t,n){var r=""+n[0]+(n[1]||""),o=""+n[0]/2+(n[1]||""),i=""+t[0]+(t[1]||""),a=""+t[0]/2+(t[1]||"");switch(e){case"top":return"0 "+o+" "+i+" "+o;case"topLeft":return r+" "+i+" 0 0";case"left":return a+" "+r+" "+a+" 0";case"bottomLeft":return r+" 0 0 "+i;case"bottom":return i+" "+o+" 0 "+o;case"bottomRight":return"0 0 "+r+" "+i;case"right":return a+" 0 "+a+" "+r;case"topRight":default:return"0 "+r+" "+i+" 0"}},re=function(e,t,n){switch(e){case"top":case"bottomRight":return n+" "+n+" "+t+" "+n;case"right":case"bottomLeft":return n+" "+n+" "+n+" "+t;case"bottom":case"topLeft":return t+" "+n+" "+n+" "+n;case"left":case"topRight":return n+" "+t+" "+n+" "+n;default:throw new d(59)}};function oe(e){var t=e.pointingDirection,n=e.height,r=e.width,o=e.foregroundColor,i=e.backgroundColor,a=void 0===i?"transparent":i,u=S(r,!0),l=S(n,!0);if(isNaN(l[0])||isNaN(u[0]))throw new d(60);return{width:"0",height:"0",borderColor:re(t,o,a),borderStyle:"solid",borderWidth:ne(t,l,u)}}function ie(e){return void 0===e&&(e="break-word"),{overflowWrap:e,wordWrap:e,wordBreak:"break-word"===e?"break-all":e}}function ae(e){return Math.round(255*e)}function ue(e,t,n){return ae(e)+","+ae(t)+","+ae(n)}function le(e,t,n,r){if(void 0===r&&(r=ue),0===t)return r(n,n,n);var o=(e%360+360)%360/60,i=(1-Math.abs(2*n-1))*t,a=i*(1-Math.abs(o%2-1)),u=0,l=0,c=0;o>=0&&o<1?(u=i,l=a):o>=1&&o<2?(u=a,l=i):o>=2&&o<3?(l=i,c=a):o>=3&&o<4?(l=a,c=i):o>=4&&o<5?(u=a,c=i):o>=5&&o<6&&(u=i,c=a);var s=n-i/2;return r(u+s,l+s,c+s)}var ce={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};var se=/^#[a-fA-F0-9]{6}$/,fe=/^#[a-fA-F0-9]{8}$/,pe=/^#[a-fA-F0-9]{3}$/,de=/^#[a-fA-F0-9]{4}$/,he=/^rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)$/i,ve=/^rgba\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*([-+]?[0-9]*[.]?[0-9]+)\s*\)$/i,ye=/^hsl\(\s*(\d{0,3}[.]?[0-9]+)\s*,\s*(\d{1,3})%\s*,\s*(\d{1,3})%\s*\)$/i,ge=/^hsla\(\s*(\d{0,3}[.]?[0-9]+)\s*,\s*(\d{1,3})%\s*,\s*(\d{1,3})%\s*,\s*([-+]?[0-9]*[.]?[0-9]+)\s*\)$/i;function me(e){if("string"!=typeof e)throw new d(3);var t=function(e){if("string"!=typeof e)return e;var t=e.toLowerCase();return ce[t]?"#"+ce[t]:e}(e);if(t.match(se))return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16)};if(t.match(fe)){var n=parseFloat((parseInt(""+t[7]+t[8],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16),alpha:n}}if(t.match(pe))return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16)};if(t.match(de)){var r=parseFloat((parseInt(""+t[4]+t[4],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16),alpha:r}}var o=he.exec(t);if(o)return{red:parseInt(""+o[1],10),green:parseInt(""+o[2],10),blue:parseInt(""+o[3],10)};var i=ve.exec(t);if(i)return{red:parseInt(""+i[1],10),green:parseInt(""+i[2],10),blue:parseInt(""+i[3],10),alpha:parseFloat(""+i[4])};var a=ye.exec(t);if(a){var u="rgb("+le(parseInt(""+a[1],10),parseInt(""+a[2],10)/100,parseInt(""+a[3],10)/100)+")",l=he.exec(u);if(!l)throw new d(4,t,u);return{red:parseInt(""+l[1],10),green:parseInt(""+l[2],10),blue:parseInt(""+l[3],10)}}var c=ge.exec(t);if(c){var s="rgb("+le(parseInt(""+c[1],10),parseInt(""+c[2],10)/100,parseInt(""+c[3],10)/100)+")",f=he.exec(s);if(!f)throw new d(4,t,s);return{red:parseInt(""+f[1],10),green:parseInt(""+f[2],10),blue:parseInt(""+f[3],10),alpha:parseFloat(""+c[4])}}throw new d(5)}function be(e){return function(e){var t,n=e.red/255,r=e.green/255,o=e.blue/255,i=Math.max(n,r,o),a=Math.min(n,r,o),u=(i+a)/2;if(i===a)return void 0!==e.alpha?{hue:0,saturation:0,lightness:u,alpha:e.alpha}:{hue:0,saturation:0,lightness:u};var l=i-a,c=u>.5?l/(2-i-a):l/(i+a);switch(i){case n:t=(r-o)/l+(r=1?_e(e,t,n):"rgba("+le(e,t,n)+","+r+")";if("object"==typeof e&&void 0===t&&void 0===n&&void 0===r)return e.alpha>=1?_e(e.hue,e.saturation,e.lightness):"rgba("+le(e.hue,e.saturation,e.lightness)+","+e.alpha+")";throw new d(2)}function Ce(e,t,n){if("number"==typeof e&&"number"==typeof t&&"number"==typeof n)return we("#"+Ee(e)+Ee(t)+Ee(n));if("object"==typeof e&&void 0===t&&void 0===n)return we("#"+Ee(e.red)+Ee(e.green)+Ee(e.blue));throw new d(6)}function je(e,t,n,r){if("string"==typeof e&&"number"==typeof t){var o=me(e);return"rgba("+o.red+","+o.green+","+o.blue+","+t+")"}if("number"==typeof e&&"number"==typeof t&&"number"==typeof n&&"number"==typeof r)return r>=1?Ce(e,t,n):"rgba("+e+","+t+","+n+","+r+")";if("object"==typeof e&&void 0===t&&void 0===n&&void 0===r)return e.alpha>=1?Ce(e.red,e.green,e.blue):"rgba("+e.red+","+e.green+","+e.blue+","+e.alpha+")";throw new d(7)}var Te=function(e){return"number"==typeof e.red&&"number"==typeof e.green&&"number"==typeof e.blue&&("number"!=typeof e.alpha||void 0===e.alpha)},Pe=function(e){return"number"==typeof e.red&&"number"==typeof e.green&&"number"==typeof e.blue&&"number"==typeof e.alpha},Ae=function(e){return"number"==typeof e.hue&&"number"==typeof e.saturation&&"number"==typeof e.lightness&&("number"!=typeof e.alpha||void 0===e.alpha)},Me=function(e){return"number"==typeof e.hue&&"number"==typeof e.saturation&&"number"==typeof e.lightness&&"number"==typeof e.alpha};function Ie(e){if("object"!=typeof e)throw new d(8);if(Pe(e))return je(e);if(Te(e))return Ce(e);if(Me(e))return ke(e);if(Ae(e))return Se(e);throw new d(8)}function Re(e){return function e(t,n,r){return function(){var o=r.concat(Array.prototype.slice.call(arguments));return o.length>=n?t.apply(this,o):e(t,n,o)}}(e,e.length,[])}function Ne(e,t){if("transparent"===t)return t;var n=be(t);return Ie(Object(r.a)({},n,{hue:n.hue+parseFloat(e)}))}var Le=Re(Ne);function De(e){if("transparent"===e)return e;var t=be(e);return Ie(Object(r.a)({},t,{hue:(t.hue+180)%360}))}function Fe(e,t,n){return Math.max(e,Math.min(t,n))}function ze(e,t){if("transparent"===t)return t;var n=be(t);return Ie(Object(r.a)({},n,{lightness:Fe(0,1,n.lightness-parseFloat(e))}))}var Be=Re(ze);function He(e,t){if("transparent"===t)return t;var n=be(t);return Ie(Object(r.a)({},n,{saturation:Fe(0,1,n.saturation-parseFloat(e))}))}var Ue=Re(He);function Ve(e){if("transparent"===e)return 0;var t=me(e),n=Object.keys(t).map(function(e){var n=t[e]/255;return n<=.03928?n/12.92:Math.pow((n+.055)/1.055,2.4)}),r=n[0],o=n[1],i=n[2];return parseFloat((.2126*r+.7152*o+.0722*i).toFixed(3))}function We(e,t){var n=Ve(e),r=Ve(t);return parseFloat((n>r?(n+.05)/(r+.05):(r+.05)/(n+.05)).toFixed(2))}function Ge(e){return"transparent"===e?e:Ie(Object(r.a)({},be(e),{saturation:0}))}function $e(e){if("object"==typeof e&&"number"==typeof e.hue&&"number"==typeof e.saturation&&"number"==typeof e.lightness)return e.alpha&&"number"==typeof e.alpha?ke({hue:e.hue,saturation:e.saturation,lightness:e.lightness,alpha:e.alpha}):Se({hue:e.hue,saturation:e.saturation,lightness:e.lightness});throw new d(45)}function qe(e){if("transparent"===e)return e;var t=me(e);return Ie(Object(r.a)({},t,{red:255-t.red,green:255-t.green,blue:255-t.blue}))}function Ke(e,t){if("transparent"===t)return t;var n=be(t);return Ie(Object(r.a)({},n,{lightness:Fe(0,1,n.lightness+parseFloat(e))}))}var Ye=Re(Ke);function Xe(e,t){var n=We(e,t);return{AA:n>=4.5,AALarge:n>=3,AAA:n>=7,AAALarge:n>=4.5}}function Je(e,t,n){if("transparent"===t)return n;if("transparent"===n)return t;var o=me(t),i=Object(r.a)({},o,{alpha:"number"==typeof o.alpha?o.alpha:1}),a=me(n),u=Object(r.a)({},a,{alpha:"number"==typeof a.alpha?a.alpha:1}),l=i.alpha-u.alpha,c=2*parseFloat(e)-1,s=((c*l==-1?c:c+l)/(1+c*l)+1)/2,f=1-s;return je({red:Math.floor(i.red*s+u.red*f),green:Math.floor(i.green*s+u.green*f),blue:Math.floor(i.blue*s+u.blue*f),alpha:i.alpha+(u.alpha-i.alpha)*(parseFloat(e)/1)})}var Ze=Re(Je);function Qe(e,t){if("transparent"===t)return t;var n=me(t),o="number"==typeof n.alpha?n.alpha:1;return je(Object(r.a)({},n,{alpha:Fe(0,1,(100*o+100*parseFloat(e))/100)}))}var et=Re(Qe);function tt(e,t,n){return void 0===t&&(t="#000"),void 0===n&&(n="#fff"),Ve(e)>.179?t:n}function nt(e){if("object"==typeof e&&"number"==typeof e.red&&"number"==typeof e.green&&"number"==typeof e.blue)return e.alpha&&"number"==typeof e.alpha?je({red:e.red,green:e.green,blue:e.blue,alpha:e.alpha}):Ce({red:e.red,green:e.green,blue:e.blue});throw new d(46)}function rt(e,t){if("transparent"===t)return t;var n=be(t);return Ie(Object(r.a)({},n,{saturation:Fe(0,1,n.saturation+parseFloat(e))}))}var ot=Re(rt);function it(e,t){return"transparent"===t?t:Ie(Object(r.a)({},be(t),{hue:parseFloat(e)}))}var at=Re(it);function ut(e,t){return"transparent"===t?t:Ie(Object(r.a)({},be(t),{lightness:parseFloat(e)}))}var lt=Re(ut);function ct(e,t){return"transparent"===t?t:Ie(Object(r.a)({},be(t),{saturation:parseFloat(e)}))}var st=Re(ct);function ft(e,t){return"transparent"===t?t:Ze(parseFloat(e),"rgb(0, 0, 0)",t)}var pt=Re(ft);function dt(e,t){return"transparent"===t?t:Ze(parseFloat(e),"rgb(255, 255, 255)",t)}var ht=Re(dt);function vt(e,t){if("transparent"===t)return t;var n=me(t),o="number"==typeof n.alpha?n.alpha:1;return je(Object(r.a)({},n,{alpha:Fe(0,1,(100*o-100*parseFloat(e))/100)}))}var yt=Re(vt);function gt(){for(var e=arguments.length,t=new Array(e),n=0;n8)throw new d(64);return{animation:t.map(function(e){if(r&&!Array.isArray(e)||!r&&Array.isArray(e))throw new d(65);if(Array.isArray(e)&&e.length>8)throw new d(66);return Array.isArray(e)?e.join(" "):e}).join(", ")}}function mt(){for(var e=arguments.length,t=new Array(e),n=0;n1?t-1:0),r=1;r=0?((o={})["border"+b(e)+"Width"]=n[0],o["border"+b(e)+"Style"]=n[1],o["border"+b(e)+"Color"]=n[2],o):(n.unshift(e),{borderWidth:n[0],borderStyle:n[1],borderColor:n[2]})}function Ot(){for(var e=arguments.length,t=new Array(e),n=0;n1?t-1:0),o=1;o=0)return Object(r.a)({position:e},O.apply(void 0,[""].concat(n)));var i=e;return O.apply(void 0,["",i].concat(n))}function Nt(e,t){return void 0===t&&(t=e),{height:e,width:t}}var Lt=[void 0,null,"active","focus","hover"];function Dt(e){return'input[type="color"]'+e+',\n input[type="date"]'+e+',\n input[type="datetime"]'+e+',\n input[type="datetime-local"]'+e+',\n input[type="email"]'+e+',\n input[type="month"]'+e+',\n input[type="number"]'+e+',\n input[type="password"]'+e+',\n input[type="search"]'+e+',\n input[type="tel"]'+e+',\n input[type="text"]'+e+',\n input[type="time"]'+e+',\n input[type="url"]'+e+',\n input[type="week"]'+e+",\n input:not([type])"+e+",\n textarea"+e}function Ft(){for(var e=arguments.length,t=new Array(e),n=0;n1?arguments[1]:void 0)}}),i("includes")},function(e,t,n){"use strict";n.r(t);var r=n(0);var o=function(){function e(e){this.isSpeedy=void 0===e.speedy||e.speedy,this.tags=[],this.ctr=0,this.nonce=e.nonce,this.key=e.key,this.container=e.container,this.before=null}var t=e.prototype;return t.insert=function(e){if(this.ctr%(this.isSpeedy?65e3:1)==0){var t,n=function(e){var t=document.createElement("style");return t.setAttribute("data-emotion",e.key),void 0!==e.nonce&&t.setAttribute("nonce",e.nonce),t.appendChild(document.createTextNode("")),t}(this);t=0===this.tags.length?this.before:this.tags[this.tags.length-1].nextSibling,this.container.insertBefore(n,t),this.tags.push(n)}var r=this.tags[this.tags.length-1];if(this.isSpeedy){var o=function(e){if(e.sheet)return e.sheet;for(var t=0;tr&&(r=(t=t.trim()).charCodeAt(0)),r){case 38:return t.replace(v,"$1"+e.trim());case 58:return e.trim()+t.replace(v,"$1"+e.trim());default:if(0<1*n&&0l.charCodeAt(8))break;case 115:a=a.replace(l,"-webkit-"+l)+";"+a;break;case 207:case 102:a=a.replace(l,"-webkit-"+(102u.charCodeAt(0)&&(u=u.trim()),u=[u],0d)&&(z=(U=U.replace(" ",":")).length),0=4;)t=1540483477*(65535&(t=255&e.charCodeAt(o)|(255&e.charCodeAt(++o))<<8|(255&e.charCodeAt(++o))<<16|(255&e.charCodeAt(++o))<<24))+((1540483477*(t>>>16)&65535)<<16),r=1540483477*(65535&r)+((1540483477*(r>>>16)&65535)<<16)^(t=1540483477*(65535&(t^=t>>>24))+((1540483477*(t>>>16)&65535)<<16)),n-=4,++o;switch(n){case 3:r^=(255&e.charCodeAt(o+2))<<16;case 2:r^=(255&e.charCodeAt(o+1))<<8;case 1:r=1540483477*(65535&(r^=255&e.charCodeAt(o)))+((1540483477*(r>>>16)&65535)<<16)}return r=1540483477*(65535&(r^=r>>>13))+((1540483477*(r>>>16)&65535)<<16),((r^=r>>>15)>>>0).toString(36)},o={animationIterationCount:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};var i=function(e){var t={};return function(n){return void 0===t[n]&&(t[n]=e(n)),t[n]}};n.d(t,"a",function(){return d});var a=/[A-Z]|^ms/g,u=/_EMO_([^_]+?)_([^]*?)_EMO_/g,l=i(function(e){return e.replace(a,"-$&").toLowerCase()}),c=function(e,t){if(null==t||"boolean"==typeof t)return"";switch(e){case"animation":case"animationName":"string"==typeof t&&(t=t.replace(u,function(e,t,n){return f={name:t,styles:n,next:f},t}))}return 1!==o[e]&&45!==e.charCodeAt(1)&&"number"==typeof t&&0!==t?t+"px":t};function s(e,t,n,r){if(null==n)return"";if(void 0!==n.__emotion_styles)return n;switch(typeof n){case"boolean":return"";case"object":if(1===n.anim)return f={name:n.name,styles:n.styles,next:f},n.name;if(void 0!==n.styles){var o=n.next;if(void 0!==o)for(;void 0!==o;)f={name:o.name,styles:o.styles,next:f},o=o.next;return n.styles}return function(e,t,n){var r="";if(Array.isArray(n))for(var o=0;o1||"".split(/.?/).length?function(e,n){var r=String(a(this)),i=void 0===n?4294967295:n>>>0;if(0===i)return[];if(void 0===e)return[r];if(!o(e))return t.call(r,e,i);for(var u,l,c,s=[],p=(e.ignoreCase?"i":"")+(e.multiline?"m":"")+(e.unicode?"u":"")+(e.sticky?"y":""),h=0,v=new RegExp(e.source,p+"g");(u=f.call(v,r))&&!((l=v.lastIndex)>h&&(s.push(r.slice(h,u.index)),u.length>1&&u.index=i));)v.lastIndex===u.index&&v.lastIndex++;return h===r.length?!c&&v.test("")||s.push(""):s.push(r.slice(h)),s.length>i?s.slice(0,i):s}:"0".split(void 0,0).length?function(e,n){return void 0===e&&0===n?[]:t.call(this,e,n)}:t,[function(t,n){var o=a(this),i=null==t?void 0:t[e];return void 0!==i?i.call(t,o,n):r.call(String(o),t,n)},function(e,o){var a=n(r,e,this,o,r!==t);if(a.done)return a.value;var f=i(e),p=String(this),d=u(f,RegExp),y=f.unicode,g=(f.ignoreCase?"i":"")+(f.multiline?"m":"")+(f.unicode?"u":"")+(v?"y":"g"),m=new d(v?f:"^(?:"+f.source+")",g),b=void 0===o?4294967295:o>>>0;if(0===b)return[];if(0===p.length)return null===s(m,p)?[p]:[];for(var w=0,E=0,O=[];E=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function O(e){return function(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t1&&"boolean"!=typeof t)throw new TypeError('"allowMissing" argument must be a boolean');var n="$ "+e;if(!(n in l))throw new SyntaxError("intrinsic "+e+" does not exist!");if(void 0===l[n]&&!t)throw new TypeError("intrinsic "+e+" exists, but is not available. Please file an issue!");return l[n]}},function(e,t){e.exports=function(e){if("function"!=typeof e)throw TypeError(String(e)+" is not a function");return e}},function(e,t,n){var r=n(8),o=n(265).values;r({target:"Object",stat:!0},{values:function(e){return o(e)}})},function(e,t,n){"use strict";(function(e){n(18),n(2),Object.defineProperty(t,"__esModule",{value:!0}),t.logger=void 0;var r=e.console,o={debug:function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),o=1;o1?t-1:0),o=1;o1?t-1:0),o=1;o1?t-1:0),o=1;o1?t-1:0),o=1;o]*>)/g,v=/\$([$&'`]|\d\d?)/g;r("replace",2,function(e,t,n){return[function(n,r){var o=l(this),i=null==n?void 0:n[e];return void 0!==i?i.call(n,o,r):t.call(String(o),n,r)},function(e,i){var l=n(t,e,this,i);if(l.done)return l.value;var d=o(e),h=String(this),v="function"==typeof i;v||(i=String(i));var y=d.global;if(y){var g=d.unicode;d.lastIndex=0}for(var m=[];;){var b=s(d,h);if(null===b)break;if(m.push(b),!y)break;""===String(b[0])&&(d.lastIndex=c(h,a(d.lastIndex),g))}for(var w,E="",O=0,x=0;x=O&&(E+=h.slice(O,S)+P,O=S+_.length)}return E+h.slice(O)}];function r(e,n,r,o,a,u){var l=r+e.length,c=o.length,s=v;return void 0!==a&&(a=i(a),s=h),t.call(u,s,function(t,i){var u;switch(i.charAt(0)){case"$":return"$";case"&":return e;case"`":return n.slice(0,r);case"'":return n.slice(l);case"<":u=a[i.slice(1,-1)];break;default:var s=+i;if(0===s)return t;if(s>c){var f=d(s/10);return 0===f?t:f<=c?void 0===o[f-1]?i.charAt(1):o[f-1]+i.charAt(1):t}u=o[s-1]}return void 0===u?"":u})}})},function(e,t,n){var r=n(104),o=n(631),i=n(632),a="[object Null]",u="[object Undefined]",l=r?r.toStringTag:void 0;e.exports=function(e){return null==e?void 0===e?u:a:l&&l in Object(e)?o(e):i(e)}},function(e,t,n){var r=n(653),o=n(656);e.exports=function(e,t){var n=o(e,t);return r(n)?n:void 0}},function(e,t,n){"use strict";var r,o,i,a=n(8),u=n(114),l=n(29),c=n(143),s=n(792),f=n(100),p=n(793),d=n(39),h=n(90),v=n(794),y=n(75),g=n(795),m=n(270),b=n(308),w=n(191).set,E=n(796),O=n(797),x=n(798),_=n(350),S=n(799),k=n(196),C=n(115),j=n(186),T=n(33)("species"),P="Promise",A=C.get,M=C.set,I=C.getterFor(P),R=l.Promise,N=l.TypeError,L=l.document,D=l.process,F=l.fetch,z=D&&D.versions,B=z&&z.v8||"",H=_.f,U=H,V="process"==y(D),W=!!(L&&L.createEvent&&l.dispatchEvent),G=j(P,function(){var e=R.resolve(1),t=function(){},n=(e.constructor={})[T]=function(e){e(t,t)};return!((V||"function"==typeof PromiseRejectionEvent)&&(!u||e.finally)&&e.then(t)instanceof n&&0!==B.indexOf("6.6")&&-1===k.indexOf("Chrome/66"))}),$=G||!m(function(e){R.all(e).catch(function(){})}),q=function(e){var t;return!(!d(e)||"function"!=typeof(t=e.then))&&t},K=function(e,t,n){if(!t.notified){t.notified=!0;var r=t.reactions;E(function(){for(var o=t.value,i=1==t.state,a=0;r.length>a;){var u,l,c,s=r[a++],f=i?s.ok:s.fail,p=s.resolve,d=s.reject,h=s.domain;try{f?(i||(2===t.rejection&&Z(e,t),t.rejection=1),!0===f?u=o:(h&&h.enter(),u=f(o),h&&(h.exit(),c=!0)),u===s.promise?d(N("Promise-chain cycle")):(l=q(u))?l.call(u,p,d):p(u)):d(o)}catch(e){h&&!c&&h.exit(),d(e)}}t.reactions=[],t.notified=!1,n&&!t.rejection&&X(e,t)})}},Y=function(e,t,n){var r,o;W?((r=L.createEvent("Event")).promise=t,r.reason=n,r.initEvent(e,!1,!0),l.dispatchEvent(r)):r={promise:t,reason:n},(o=l["on"+e])?o(r):"unhandledrejection"===e&&x("Unhandled promise rejection",n)},X=function(e,t){w.call(l,function(){var n,r=t.value;if(J(t)&&(n=S(function(){V?D.emit("unhandledRejection",r,e):Y("unhandledrejection",e,r)}),t.rejection=V||J(t)?2:1,n.error))throw n.value})},J=function(e){return 1!==e.rejection&&!e.parent},Z=function(e,t){w.call(l,function(){V?D.emit("rejectionHandled",e):Y("rejectionhandled",e,t.value)})},Q=function(e,t,n,r){return function(o){e(t,n,o,r)}},ee=function(e,t,n,r){t.done||(t.done=!0,r&&(t=r),t.value=n,t.state=2,K(e,t,!0))},te=function(e,t,n,r){if(!t.done){t.done=!0,r&&(t=r);try{if(e===n)throw N("Promise can't be resolved itself");var o=q(n);o?E(function(){var r={done:!1};try{o.call(n,Q(te,e,r,t),Q(ee,e,r,t))}catch(n){ee(e,r,n,t)}}):(t.value=n,t.state=1,K(e,t,!1))}catch(n){ee(e,{done:!1},n,t)}}};G&&(R=function(e){v(this,R,P),h(e),r.call(this);var t=A(this);try{e(Q(te,this,t),Q(ee,this,t))}catch(e){ee(this,t,e)}},(r=function(e){M(this,{type:P,done:!1,notified:!1,parent:!1,reactions:[],rejection:!1,state:0,value:void 0})}).prototype=s(R.prototype,{then:function(e,t){var n=I(this),r=H(b(this,R));return r.ok="function"!=typeof e||e,r.fail="function"==typeof t&&t,r.domain=V?D.domain:void 0,n.parent=!0,n.reactions.push(r),0!=n.state&&K(this,n,!1),r.promise},catch:function(e){return this.then(void 0,e)}}),o=function(){var e=new r,t=A(e);this.promise=e,this.resolve=Q(te,e,t),this.reject=Q(ee,e,t)},_.f=H=function(e){return e===R||e===i?new o(e):U(e)},u||"function"!=typeof F||a({global:!0,enumerable:!0,forced:!0},{fetch:function(e){return O(R,F.apply(l,arguments))}})),a({global:!0,wrap:!0,forced:G},{Promise:R}),f(R,P,!1,!0),p(P),i=c.Promise,a({target:P,stat:!0,forced:G},{reject:function(e){var t=H(this);return t.reject.call(void 0,e),t.promise}}),a({target:P,stat:!0,forced:u||G},{resolve:function(e){return O(u&&this===i?R:this,e)}}),a({target:P,stat:!0,forced:$},{all:function(e){var t=this,n=H(t),r=n.resolve,o=n.reject,i=S(function(){var n=h(t.resolve),i=[],a=0,u=1;g(e,function(e){var l=a++,c=!1;i.push(void 0),u++,n.call(t,e).then(function(e){c||(c=!0,i[l]=e,--u||r(i))},o)}),--u||r(i)});return i.error&&o(i.value),n.promise},race:function(e){var t=this,n=H(t),r=n.reject,o=S(function(){var o=h(t.resolve);g(e,function(e){o.call(t,e).then(n.resolve,r)})});return o.error&&r(o.value),n.promise}})},function(e,t,n){"use strict";var r=n(56);e.exports=r.call(Function.call,Object.prototype.hasOwnProperty)},function(e,t,n){"use strict";e.exports=n(176)},function(e,t,n){var r=n(44),o=n(139),i=n(110),a=n(70),u=n(112),l=n(49),c=n(254),s=Object.getOwnPropertyDescriptor;t.f=r?s:function(e,t){if(e=a(e),t=u(t,!0),c)try{return s(e,t)}catch(e){}if(l(e,t))return i(!o.f.call(e,t),e[t])}},function(e,t,n){var r=n(50).f,o=n(49),i=n(33)("toStringTag");e.exports=function(e,t,n){e&&!o(e=n?e:e.prototype,i)&&r(e,i,{configurable:!0,value:t})}},function(e,t,n){var r=n(146),o=n(111),i=n(58),a=n(57),u=n(187),l=[].push,c=function(e){var t=1==e,n=2==e,c=3==e,s=4==e,f=6==e,p=5==e||f;return function(d,h,v,y){for(var g,m,b=i(d),w=o(b),E=r(h,v,3),O=a(w.length),x=0,_=y||u,S=t?_(d,O):n?_(d,0):void 0;O>x;x++)if((p||x in w)&&(m=E(g=w[x],x,b),e))if(t)S[x]=m;else if(m)switch(e){case 3:return!0;case 5:return g;case 6:return x;case 2:l.call(S,g)}else if(s)return!1;return f?-1:c||s?s:S}};e.exports={forEach:c(0),map:c(1),filter:c(2),some:c(3),every:c(4),find:c(5),findIndex:c(6)}},function(e,t,n){"use strict";var r=n(30);e.exports=function(e,t){var n=[][e];return!n||!r(function(){n.call(null,t||function(){throw 1},1)})}},function(e,t,n){"use strict";var r=n(8),o=n(111),i=n(70),a=n(102),u=[].join,l=o!=Object,c=a("join",",");r({target:"Array",proto:!0,forced:l||c},{join:function(e){return u.call(i(this),void 0===e?",":e)}})},function(e,t,n){var r=n(67).Symbol;e.exports=r},function(e,t,n){var r=n(212),o=n(208);e.exports=function(e){return null!=e&&o(e.length)&&!r(e)}},function(e,t){e.exports=function(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}},function(e,t){var n,r,o=e.exports={};function i(){throw new Error("setTimeout has not been defined")}function a(){throw new Error("clearTimeout has not been defined")}function u(e){if(n===setTimeout)return setTimeout(e,0);if((n===i||!n)&&setTimeout)return n=setTimeout,setTimeout(e,0);try{return n(e,0)}catch(t){try{return n.call(null,e,0)}catch(t){return n.call(this,e,0)}}}!function(){try{n="function"==typeof setTimeout?setTimeout:i}catch(e){n=i}try{r="function"==typeof clearTimeout?clearTimeout:a}catch(e){r=a}}();var l,c=[],s=!1,f=-1;function p(){s&&l&&(s=!1,l.length?c=l.concat(c):f=-1,c.length&&d())}function d(){if(!s){var e=u(p);s=!0;for(var t=c.length;t;){for(l=c,c=[];++f1)for(var n=1;n= 0");var n=this.ToLength(t);if(!this.SameValueZero(t,n))throw new RangeError("index must be >= 0 and < 2 ** 53 - 1");return n},EnumerableOwnProperties:function(e,t){var n=o.EnumerableOwnNames(e);if("key"===t)return n;if("value"===t||"key+value"===t){var r=[];return a(n,function(n){c(e,n)&&s(r,["value"===t?e[n]:[n,e[n]]])}),r}throw new l('Assertion failed: "kind" is not "key", "value", or "key+value": '+t)}});delete f.EnumerableOwnNames,e.exports=f},function(e,t){e.exports=function(e,t){return{enumerable:!(1&e),configurable:!(2&e),writable:!(4&e),value:t}}},function(e,t,n){var r=n(30),o=n(75),i="".split;e.exports=r(function(){return!Object("z").propertyIsEnumerable(0)})?function(e){return"String"==o(e)?i.call(e,""):Object(e)}:Object},function(e,t,n){var r=n(39);e.exports=function(e,t){if(!r(e))return e;var n,o;if(t&&"function"==typeof(n=e.toString)&&!r(o=n.call(e)))return o;if("function"==typeof(n=e.valueOf)&&!r(o=n.call(e)))return o;if(!t&&"function"==typeof(n=e.toString)&&!r(o=n.call(e)))return o;throw TypeError("Can't convert object to primitive value")}},function(e,t,n){var r=n(29),o=n(181),i=n(114),a=r["__core-js_shared__"]||o("__core-js_shared__",{});(e.exports=function(e,t){return a[e]||(a[e]=void 0!==t?t:{})})("versions",[]).push({version:"3.1.3",mode:i?"pure":"global",copyright:"© 2019 Denis Pushkarev (zloirock.ru)"})},function(e,t){e.exports=!1},function(e,t,n){var r,o,i,a=n(468),u=n(29),l=n(39),c=n(63),s=n(49),f=n(140),p=n(116),d=u.WeakMap;if(a){var h=new d,v=h.get,y=h.has,g=h.set;r=function(e,t){return g.call(h,e,t),t},o=function(e){return v.call(h,e)||{}},i=function(e){return y.call(h,e)}}else{var m=f("state");p[m]=!0,r=function(e,t){return c(e,m,t),t},o=function(e){return s(e,m)?e[m]:{}},i=function(e){return s(e,m)}}e.exports={set:r,get:o,has:i,enforce:function(e){return i(e)?o(e):r(e,{})},getterFor:function(e){return function(t){var n;if(!l(t)||(n=o(t)).type!==e)throw TypeError("Incompatible receiver, "+e+" required");return n}}}},function(e,t){e.exports={}},function(e,t){var n=Math.ceil,r=Math.floor;e.exports=function(e){return isNaN(e=+e)?0:(e>0?r:n)(e)}},function(e,t,n){var r=n(75);e.exports=Array.isArray||function(e){return"Array"==r(e)}},function(e,t,n){var r=n(30),o=n(33)("species");e.exports=function(e){return!r(function(){var t=[];return(t.constructor={})[o]=function(){return{foo:1}},1!==t[e](Boolean).foo})}},function(e,t,n){var r=n(45),o=n(260),i=n(184),a=n(116),u=n(261),l=n(180),c=n(140)("IE_PROTO"),s=function(){},f=function(){var e,t=l("iframe"),n=i.length;for(t.style.display="none",u.appendChild(t),t.src=String("javascript:"),(e=t.contentWindow.document).open(),e.write("