@wordpress/components 28.8.3 → 28.9.0

package/build-module/navigator/navigator-screen/component.js

@@ -8,7 +8,6 @@
 import { focus } from '@wordpress/dom';
 import { useContext, useEffect, useMemo, useRef, useId } from '@wordpress/element';
 import { useMergeRefs } from '@wordpress/compose';
-import { isRTL as isRTLFn } from '@wordpress/i18n';
 import { escapeAttribute } from '@wordpress/escape-html';
 import warning from '@wordpress/warning';
 
@@ -21,26 +20,37 @@ import { useCx } from '../../utils/hooks/use-cx';
 import { View } from '../../view';
 import { NavigatorContext } from '../context';
 import * as styles from '../styles';
+import { useScreenAnimatePresence } from './use-screen-animate-presence';
 import { jsx as _jsx } from "react/jsx-runtime";
 function UnconnectedNavigatorScreen(props, forwardedRef) {
   if (!/^\//.test(props.path)) {
-    globalThis.SCRIPT_DEBUG === true ? warning('wp.components.NavigatorScreen: the `path` should follow a URL-like scheme; it should start with and be separated by the `/` character.') : void 0;
+    globalThis.SCRIPT_DEBUG === true ? warning('wp.components.Navigator.Screen: the `path` should follow a URL-like scheme; it should start with and be separated by the `/` character.') : void 0;
   }
   const screenId = useId();
   const {
     children,
     className,
     path,
+    onAnimationEnd: onAnimationEndProp,
     ...otherProps
-  } = useContextSystem(props, 'NavigatorScreen');
+  } = useContextSystem(props, 'Navigator.Screen');
   const {
     location,
     match,
     addScreen,
     removeScreen
   } = useContext(NavigatorContext);
+  const {
+    isInitial,
+    isBack,
+    focusTargetSelector,
+    skipFocus
+  } = location;
   const isMatch = match === screenId;
   const wrapperRef = useRef(null);
+  const skipAnimationAndFocusRestoration = !!isInitial && !isBack;
+
+  // Register / unregister screen with the navigator context.
   useEffect(() => {
     const screen = {
       id: screenId,
@@ -49,101 +59,69 @@ function UnconnectedNavigatorScreen(props, forwardedRef) {
     addScreen(screen);
     return () => removeScreen(screen);
   }, [screenId, path, addScreen, removeScreen]);
-  const isRTL = isRTLFn();
+
+  // Animation.
   const {
-    isInitial,
-    isBack
-  } = location;
-  const cx = useCx();
-  const classes = useMemo(() => cx(styles.navigatorScreen({
-    isInitial,
+    animationStyles,
+    shouldRenderScreen,
+    screenProps
+  } = useScreenAnimatePresence({
+    isMatch,
     isBack,
-    isRTL
-  }), className), [className, cx, isInitial, isBack, isRTL]);
+    onAnimationEnd: onAnimationEndProp,
+    skipAnimation: skipAnimationAndFocusRestoration
+  });
+  const cx = useCx();
+  const classes = useMemo(() => cx(styles.navigatorScreen, animationStyles, className), [className, cx, animationStyles]);
+
+  // Focus restoration
   const locationRef = useRef(location);
   useEffect(() => {
     locationRef.current = location;
   }, [location]);
-
-  // Focus restoration
-  const isInitialLocation = location.isInitial && !location.isBack;
   useEffect(() => {
+    const wrapperEl = wrapperRef.current;
     // Only attempt to restore focus:
     // - if the current location is not the initial one (to avoid moving focus on page load)
     // - when the screen becomes visible
     // - if the wrapper ref has been assigned
     // - if focus hasn't already been restored for the current location
     // - if the `skipFocus` option is not set to `true`. This is useful when we trigger the navigation outside of NavigatorScreen.
-    if (isInitialLocation || !isMatch || !wrapperRef.current || locationRef.current.hasRestoredFocus || location.skipFocus) {
+    if (skipAnimationAndFocusRestoration || !isMatch || !wrapperEl || locationRef.current.hasRestoredFocus || skipFocus) {
       return;
     }
-    const activeElement = wrapperRef.current.ownerDocument.activeElement;
+    const activeElement = wrapperEl.ownerDocument.activeElement;
 
     // If an element is already focused within the wrapper do not focus the
     // element. This prevents inputs or buttons from losing focus unnecessarily.
-    if (wrapperRef.current.contains(activeElement)) {
+    if (wrapperEl.contains(activeElement)) {
       return;
     }
     let elementToFocus = null;
 
     // When navigating back, if a selector is provided, use it to look for the
     // target element (assumed to be a node inside the current NavigatorScreen)
-    if (location.isBack && location.focusTargetSelector) {
-      elementToFocus = wrapperRef.current.querySelector(location.focusTargetSelector);
+    if (isBack && focusTargetSelector) {
+      elementToFocus = wrapperEl.querySelector(focusTargetSelector);
     }
 
     // If the previous query didn't run or find any element to focus, fallback
     // to the first tabbable element in the screen (or the screen itself).
     if (!elementToFocus) {
-      const [firstTabbable] = focus.tabbable.find(wrapperRef.current);
-      elementToFocus = firstTabbable !== null && firstTabbable !== void 0 ? firstTabbable : wrapperRef.current;
+      const [firstTabbable] = focus.tabbable.find(wrapperEl);
+      elementToFocus = firstTabbable !== null && firstTabbable !== void 0 ? firstTabbable : wrapperEl;
     }
     locationRef.current.hasRestoredFocus = true;
     elementToFocus.focus();
-  }, [isInitialLocation, isMatch, location.isBack, location.focusTargetSelector, location.skipFocus]);
+  }, [skipAnimationAndFocusRestoration, isMatch, isBack, focusTargetSelector, skipFocus]);
   const mergedWrapperRef = useMergeRefs([forwardedRef, wrapperRef]);
-  return isMatch ? /*#__PURE__*/_jsx(View, {
+  return shouldRenderScreen ? /*#__PURE__*/_jsx(View, {
     ref: mergedWrapperRef,
     className: classes,
+    ...screenProps,
     ...otherProps,
     children: children
   }) : null;
 }
-
-/**
- * The `NavigatorScreen` component represents a single view/screen/panel and
- * should be used in combination with the `NavigatorProvider`, the
- * `NavigatorButton` and the `NavigatorBackButton` components (or the `useNavigator`
- * hook).
- *
- * @example
- * ```jsx
- * import {
- *   __experimentalNavigatorProvider as NavigatorProvider,
- *   __experimentalNavigatorScreen as NavigatorScreen,
- *   __experimentalNavigatorButton as NavigatorButton,
- *   __experimentalNavigatorBackButton as NavigatorBackButton,
- * } from '@wordpress/components';
- *
- * const MyNavigation = () => (
- *   <NavigatorProvider initialPath="/">
- *     <NavigatorScreen path="/">
- *       <p>This is the home screen.</p>
- *        <NavigatorButton path="/child">
- *          Navigate to child screen.
- *       </NavigatorButton>
- *     </NavigatorScreen>
- *
- *     <NavigatorScreen path="/child">
- *       <p>This is the child screen.</p>
- *       <NavigatorBackButton>
- *         Go back
- *       </NavigatorBackButton>
- *     </NavigatorScreen>
- *   </NavigatorProvider>
- * );
- * ```
- */
-export const NavigatorScreen = contextConnect(UnconnectedNavigatorScreen, 'NavigatorScreen');
-export default NavigatorScreen;
+export const NavigatorScreen = contextConnect(UnconnectedNavigatorScreen, 'Navigator.Screen');
 //# sourceMappingURL=component.js.map

package/build-module/navigator/navigator-screen/component.js.map

@@ -1 +1 @@
-{"version":3,"names":["focus","useContext","useEffect","useMemo","useRef","useId","useMergeRefs","isRTL","isRTLFn","escapeAttribute","warning","contextConnect","useContextSystem","useCx","View","NavigatorContext","styles","jsx","_jsx","UnconnectedNavigatorScreen","props","forwardedRef","test","path","globalThis","SCRIPT_DEBUG","screenId","children","className","otherProps","location","match","addScreen","removeScreen","isMatch","wrapperRef","screen","id","isInitial","isBack","cx","classes","navigatorScreen","locationRef","current","isInitialLocation","hasRestoredFocus","skipFocus","activeElement","ownerDocument","contains","elementToFocus","focusTargetSelector","querySelector","firstTabbable","tabbable","find","mergedWrapperRef","ref","NavigatorScreen"],"sources":["@wordpress/components/src/navigator/navigator-screen/component.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { focus } from '@wordpress/dom';\nimport {\n\tuseContext,\n\tuseEffect,\n\tuseMemo,\n\tuseRef,\n\tuseId,\n} from '@wordpress/element';\nimport { useMergeRefs } from '@wordpress/compose';\nimport { isRTL as isRTLFn } from '@wordpress/i18n';\nimport { escapeAttribute } from '@wordpress/escape-html';\nimport warning from '@wordpress/warning';\n\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../../context';\nimport { contextConnect, useContextSystem } from '../../context';\nimport { useCx } from '../../utils/hooks/use-cx';\nimport { View } from '../../view';\nimport { NavigatorContext } from '../context';\nimport * as styles from '../styles';\nimport type { NavigatorScreenProps } from '../types';\n\nfunction UnconnectedNavigatorScreen(\n\tprops: WordPressComponentProps< NavigatorScreenProps, 'div', false >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tif ( ! /^\\//.test( props.path ) ) {\n\t\twarning(\n\t\t\t'wp.components.NavigatorScreen: the `path` should follow a URL-like scheme; it should start with and be separated by the `/` character.'\n\t\t);\n\t}\n\n\tconst screenId = useId();\n\tconst { children, className, path, ...otherProps } = useContextSystem(\n\t\tprops,\n\t\t'NavigatorScreen'\n\t);\n\n\tconst { location, match, addScreen, removeScreen } =\n\t\tuseContext( NavigatorContext );\n\tconst isMatch = match === screenId;\n\tconst wrapperRef = useRef< HTMLDivElement >( null );\n\n\tuseEffect( () => {\n\t\tconst screen = {\n\t\t\tid: screenId,\n\t\t\tpath: escapeAttribute( path ),\n\t\t};\n\t\taddScreen( screen );\n\t\treturn () => removeScreen( screen );\n\t}, [ screenId, path, addScreen, removeScreen ] );\n\n\tconst isRTL = isRTLFn();\n\tconst { isInitial, isBack } = location;\n\tconst cx = useCx();\n\tconst classes = useMemo(\n\t\t() =>\n\t\t\tcx(\n\t\t\t\tstyles.navigatorScreen( {\n\t\t\t\t\tisInitial,\n\t\t\t\t\tisBack,\n\t\t\t\t\tisRTL,\n\t\t\t\t} ),\n\t\t\t\tclassName\n\t\t\t),\n\t\t[ className, cx, isInitial, isBack, isRTL ]\n\t);\n\n\tconst locationRef = useRef( location );\n\n\tuseEffect( () => {\n\t\tlocationRef.current = location;\n\t}, [ location ] );\n\n\t// Focus restoration\n\tconst isInitialLocation = location.isInitial && ! location.isBack;\n\tuseEffect( () => {\n\t\t// Only attempt to restore focus:\n\t\t// - if the current location is not the initial one (to avoid moving focus on page load)\n\t\t// - when the screen becomes visible\n\t\t// - if the wrapper ref has been assigned\n\t\t// - if focus hasn't already been restored for the current location\n\t\t// - if the `skipFocus` option is not set to `true`. This is useful when we trigger the navigation outside of NavigatorScreen.\n\t\tif (\n\t\t\tisInitialLocation ||\n\t\t\t! isMatch ||\n\t\t\t! wrapperRef.current ||\n\t\t\tlocationRef.current.hasRestoredFocus ||\n\t\t\tlocation.skipFocus\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst activeElement = wrapperRef.current.ownerDocument.activeElement;\n\n\t\t// If an element is already focused within the wrapper do not focus the\n\t\t// element. This prevents inputs or buttons from losing focus unnecessarily.\n\t\tif ( wrapperRef.current.contains( activeElement ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tlet elementToFocus: HTMLElement | null = null;\n\n\t\t// When navigating back, if a selector is provided, use it to look for the\n\t\t// target element (assumed to be a node inside the current NavigatorScreen)\n\t\tif ( location.isBack && location.focusTargetSelector ) {\n\t\t\telementToFocus = wrapperRef.current.querySelector(\n\t\t\t\tlocation.focusTargetSelector\n\t\t\t);\n\t\t}\n\n\t\t// If the previous query didn't run or find any element to focus, fallback\n\t\t// to the first tabbable element in the screen (or the screen itself).\n\t\tif ( ! elementToFocus ) {\n\t\t\tconst [ firstTabbable ] = focus.tabbable.find( wrapperRef.current );\n\t\t\telementToFocus = firstTabbable ?? wrapperRef.current;\n\t\t}\n\n\t\tlocationRef.current.hasRestoredFocus = true;\n\t\telementToFocus.focus();\n\t}, [\n\t\tisInitialLocation,\n\t\tisMatch,\n\t\tlocation.isBack,\n\t\tlocation.focusTargetSelector,\n\t\tlocation.skipFocus,\n\t] );\n\n\tconst mergedWrapperRef = useMergeRefs( [ forwardedRef, wrapperRef ] );\n\n\treturn isMatch ? (\n\t\t<View ref={ mergedWrapperRef } className={ classes } { ...otherProps }>\n\t\t\t{ children }\n\t\t</View>\n\t) : null;\n}\n\n/**\n * The `NavigatorScreen` component represents a single view/screen/panel and\n * should be used in combination with the `NavigatorProvider`, the\n * `NavigatorButton` and the `NavigatorBackButton` components (or the `useNavigator`\n * hook).\n *\n * @example\n * ```jsx\n * import {\n *   __experimentalNavigatorProvider as NavigatorProvider,\n *   __experimentalNavigatorScreen as NavigatorScreen,\n *   __experimentalNavigatorButton as NavigatorButton,\n *   __experimentalNavigatorBackButton as NavigatorBackButton,\n * } from '@wordpress/components';\n *\n * const MyNavigation = () => (\n *   <NavigatorProvider initialPath=\"/\">\n *     <NavigatorScreen path=\"/\">\n *       <p>This is the home screen.</p>\n *        <NavigatorButton path=\"/child\">\n *          Navigate to child screen.\n *       </NavigatorButton>\n *     </NavigatorScreen>\n *\n *     <NavigatorScreen path=\"/child\">\n *       <p>This is the child screen.</p>\n *       <NavigatorBackButton>\n *         Go back\n *       </NavigatorBackButton>\n *     </NavigatorScreen>\n *   </NavigatorProvider>\n * );\n * ```\n */\nexport const NavigatorScreen = contextConnect(\n\tUnconnectedNavigatorScreen,\n\t'NavigatorScreen'\n);\n\nexport default NavigatorScreen;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["focus","useContext","useEffect","useMemo","useRef","useId","useMergeRefs","escapeAttribute","warning","contextConnect","useContextSystem","useCx","View","NavigatorContext","styles","useScreenAnimatePresence","jsx","_jsx","UnconnectedNavigatorScreen","props","forwardedRef","test","path","globalThis","SCRIPT_DEBUG","screenId","children","className","onAnimationEnd","onAnimationEndProp","otherProps","location","match","addScreen","removeScreen","isInitial","isBack","focusTargetSelector","skipFocus","isMatch","wrapperRef","skipAnimationAndFocusRestoration","screen","id","animationStyles","shouldRenderScreen","screenProps","skipAnimation","cx","classes","navigatorScreen","locationRef","current","wrapperEl","hasRestoredFocus","activeElement","ownerDocument","contains","elementToFocus","querySelector","firstTabbable","tabbable","find","mergedWrapperRef","ref","NavigatorScreen"],"sources":["@wordpress/components/src/navigator/navigator-screen/component.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { focus } from '@wordpress/dom';\nimport {\n\tuseContext,\n\tuseEffect,\n\tuseMemo,\n\tuseRef,\n\tuseId,\n} from '@wordpress/element';\nimport { useMergeRefs } from '@wordpress/compose';\nimport { escapeAttribute } from '@wordpress/escape-html';\nimport warning from '@wordpress/warning';\n\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../../context';\nimport { contextConnect, useContextSystem } from '../../context';\nimport { useCx } from '../../utils/hooks/use-cx';\nimport { View } from '../../view';\nimport { NavigatorContext } from '../context';\nimport * as styles from '../styles';\nimport type { NavigatorScreenProps } from '../types';\nimport { useScreenAnimatePresence } from './use-screen-animate-presence';\n\nfunction UnconnectedNavigatorScreen(\n\tprops: WordPressComponentProps< NavigatorScreenProps, 'div', false >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tif ( ! /^\\//.test( props.path ) ) {\n\t\twarning(\n\t\t\t'wp.components.Navigator.Screen: the `path` should follow a URL-like scheme; it should start with and be separated by the `/` character.'\n\t\t);\n\t}\n\n\tconst screenId = useId();\n\n\tconst {\n\t\tchildren,\n\t\tclassName,\n\t\tpath,\n\t\tonAnimationEnd: onAnimationEndProp,\n\t\t...otherProps\n\t} = useContextSystem( props, 'Navigator.Screen' );\n\n\tconst { location, match, addScreen, removeScreen } =\n\t\tuseContext( NavigatorContext );\n\tconst { isInitial, isBack, focusTargetSelector, skipFocus } = location;\n\n\tconst isMatch = match === screenId;\n\tconst wrapperRef = useRef< HTMLDivElement >( null );\n\tconst skipAnimationAndFocusRestoration = !! isInitial && ! isBack;\n\n\t// Register / unregister screen with the navigator context.\n\tuseEffect( () => {\n\t\tconst screen = {\n\t\t\tid: screenId,\n\t\t\tpath: escapeAttribute( path ),\n\t\t};\n\t\taddScreen( screen );\n\t\treturn () => removeScreen( screen );\n\t}, [ screenId, path, addScreen, removeScreen ] );\n\n\t// Animation.\n\tconst { animationStyles, shouldRenderScreen, screenProps } =\n\t\tuseScreenAnimatePresence( {\n\t\t\tisMatch,\n\t\t\tisBack,\n\t\t\tonAnimationEnd: onAnimationEndProp,\n\t\t\tskipAnimation: skipAnimationAndFocusRestoration,\n\t\t} );\n\n\tconst cx = useCx();\n\tconst classes = useMemo(\n\t\t() => cx( styles.navigatorScreen, animationStyles, className ),\n\t\t[ className, cx, animationStyles ]\n\t);\n\n\t// Focus restoration\n\tconst locationRef = useRef( location );\n\tuseEffect( () => {\n\t\tlocationRef.current = location;\n\t}, [ location ] );\n\tuseEffect( () => {\n\t\tconst wrapperEl = wrapperRef.current;\n\t\t// Only attempt to restore focus:\n\t\t// - if the current location is not the initial one (to avoid moving focus on page load)\n\t\t// - when the screen becomes visible\n\t\t// - if the wrapper ref has been assigned\n\t\t// - if focus hasn't already been restored for the current location\n\t\t// - if the `skipFocus` option is not set to `true`. This is useful when we trigger the navigation outside of NavigatorScreen.\n\t\tif (\n\t\t\tskipAnimationAndFocusRestoration ||\n\t\t\t! isMatch ||\n\t\t\t! wrapperEl ||\n\t\t\tlocationRef.current.hasRestoredFocus ||\n\t\t\tskipFocus\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst activeElement = wrapperEl.ownerDocument.activeElement;\n\n\t\t// If an element is already focused within the wrapper do not focus the\n\t\t// element. This prevents inputs or buttons from losing focus unnecessarily.\n\t\tif ( wrapperEl.contains( activeElement ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tlet elementToFocus: HTMLElement | null = null;\n\n\t\t// When navigating back, if a selector is provided, use it to look for the\n\t\t// target element (assumed to be a node inside the current NavigatorScreen)\n\t\tif ( isBack && focusTargetSelector ) {\n\t\t\telementToFocus = wrapperEl.querySelector( focusTargetSelector );\n\t\t}\n\n\t\t// If the previous query didn't run or find any element to focus, fallback\n\t\t// to the first tabbable element in the screen (or the screen itself).\n\t\tif ( ! elementToFocus ) {\n\t\t\tconst [ firstTabbable ] = focus.tabbable.find( wrapperEl );\n\t\t\telementToFocus = firstTabbable ?? wrapperEl;\n\t\t}\n\n\t\tlocationRef.current.hasRestoredFocus = true;\n\t\telementToFocus.focus();\n\t}, [\n\t\tskipAnimationAndFocusRestoration,\n\t\tisMatch,\n\t\tisBack,\n\t\tfocusTargetSelector,\n\t\tskipFocus,\n\t] );\n\n\tconst mergedWrapperRef = useMergeRefs( [ forwardedRef, wrapperRef ] );\n\n\treturn shouldRenderScreen ? (\n\t\t<View\n\t\t\tref={ mergedWrapperRef }\n\t\t\tclassName={ classes }\n\t\t\t{ ...screenProps }\n\t\t\t{ ...otherProps }\n\t\t>\n\t\t\t{ children }\n\t\t</View>\n\t) : null;\n}\n\nexport const NavigatorScreen = contextConnect(\n\tUnconnectedNavigatorScreen,\n\t'Navigator.Screen'\n);\n"],"mappings":"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","ignoreList":[]}

package/build-module/navigator/navigator-screen/use-screen-animate-presence.js

@@ -0,0 +1,106 @@
+/**
+ * WordPress dependencies
+ */
+import { useState, useEffect, useLayoutEffect, useCallback } from '@wordpress/element';
+import { useReducedMotion } from '@wordpress/compose';
+import { isRTL as isRTLFn } from '@wordpress/i18n';
+
+/**
+ * Internal dependencies
+ */
+import * as styles from '../styles';
+
+// Possible values:
+// - 'INITIAL': the initial state
+// - 'ANIMATING_IN': start enter animation
+// - 'IN': enter animation has ended
+// - 'ANIMATING_OUT': start exit animation
+// - 'OUT': the exit animation has ended
+
+// Allow an extra 20% of the total animation duration to account for potential
+// event loop delays.
+const ANIMATION_TIMEOUT_MARGIN = 1.2;
+const isEnterAnimation = (animationDirection, animationStatus, animationName) => animationStatus === 'ANIMATING_IN' && animationName === styles.ANIMATION_END_NAMES[animationDirection].in;
+const isExitAnimation = (animationDirection, animationStatus, animationName) => animationStatus === 'ANIMATING_OUT' && animationName === styles.ANIMATION_END_NAMES[animationDirection].out;
+export function useScreenAnimatePresence({
+  isMatch,
+  skipAnimation,
+  isBack,
+  onAnimationEnd
+}) {
+  const isRTL = isRTLFn();
+  const prefersReducedMotion = useReducedMotion();
+  const [animationStatus, setAnimationStatus] = useState('INITIAL');
+
+  // Start enter and exit animations when the screen is selected or deselected.
+  // The animation status is set to `IN` or `OUT` immediately if the animation
+  // should be skipped.
+  const becameSelected = animationStatus !== 'ANIMATING_IN' && animationStatus !== 'IN' && isMatch;
+  const becameUnselected = animationStatus !== 'ANIMATING_OUT' && animationStatus !== 'OUT' && !isMatch;
+  useLayoutEffect(() => {
+    if (becameSelected) {
+      setAnimationStatus(skipAnimation || prefersReducedMotion ? 'IN' : 'ANIMATING_IN');
+    } else if (becameUnselected) {
+      setAnimationStatus(skipAnimation || prefersReducedMotion ? 'OUT' : 'ANIMATING_OUT');
+    }
+  }, [becameSelected, becameUnselected, skipAnimation, prefersReducedMotion]);
+
+  // Animation attributes (derived state).
+  const animationDirection = isRTL && isBack || !isRTL && !isBack ? 'end' : 'start';
+  const isAnimatingIn = animationStatus === 'ANIMATING_IN';
+  const isAnimatingOut = animationStatus === 'ANIMATING_OUT';
+  let animationType;
+  if (isAnimatingIn) {
+    animationType = 'in';
+  } else if (isAnimatingOut) {
+    animationType = 'out';
+  }
+  const onScreenAnimationEnd = useCallback(e => {
+    onAnimationEnd?.(e);
+    if (isExitAnimation(animationDirection, animationStatus, e.animationName)) {
+      // When the exit animation ends on an unselected screen, set the
+      // status to 'OUT' to remove the screen contents from the DOM.
+      setAnimationStatus('OUT');
+    } else if (isEnterAnimation(animationDirection, animationStatus, e.animationName)) {
+      // When the enter animation ends on a selected screen, set the
+      // status to 'IN' to ensure the screen is rendered in the DOM.
+      setAnimationStatus('IN');
+    }
+  }, [onAnimationEnd, animationStatus, animationDirection]);
+
+  // Fallback timeout to ensure that the logic is applied even if the
+  // `animationend` event is not triggered.
+  useEffect(() => {
+    let animationTimeout;
+    if (isAnimatingOut) {
+      animationTimeout = window.setTimeout(() => {
+        setAnimationStatus('OUT');
+        animationTimeout = undefined;
+      }, styles.TOTAL_ANIMATION_DURATION.OUT * ANIMATION_TIMEOUT_MARGIN);
+    } else if (isAnimatingIn) {
+      animationTimeout = window.setTimeout(() => {
+        setAnimationStatus('IN');
+        animationTimeout = undefined;
+      }, styles.TOTAL_ANIMATION_DURATION.IN * ANIMATION_TIMEOUT_MARGIN);
+    }
+    return () => {
+      if (animationTimeout) {
+        window.clearTimeout(animationTimeout);
+        animationTimeout = undefined;
+      }
+    };
+  }, [isAnimatingOut, isAnimatingIn]);
+  return {
+    animationStyles: styles.navigatorScreenAnimation,
+    // Render the screen's contents in the DOM not only when the screen is
+    // selected, but also while it is animating out.
+    shouldRenderScreen: isMatch || animationStatus === 'IN' || animationStatus === 'ANIMATING_OUT',
+    screenProps: {
+      onAnimationEnd: onScreenAnimationEnd,
+      'data-animation-direction': animationDirection,
+      'data-animation-type': animationType,
+      'data-skip-animation': skipAnimation || undefined
+    }
+  };
+}
+//# sourceMappingURL=use-screen-animate-presence.js.map

package/build-module/navigator/navigator-screen/use-screen-animate-presence.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","useEffect","useLayoutEffect","useCallback","useReducedMotion","isRTL","isRTLFn","styles","ANIMATION_TIMEOUT_MARGIN","isEnterAnimation","animationDirection","animationStatus","animationName","ANIMATION_END_NAMES","in","isExitAnimation","out","useScreenAnimatePresence","isMatch","skipAnimation","isBack","onAnimationEnd","prefersReducedMotion","setAnimationStatus","becameSelected","becameUnselected","isAnimatingIn","isAnimatingOut","animationType","onScreenAnimationEnd","e","animationTimeout","window","setTimeout","undefined","TOTAL_ANIMATION_DURATION","OUT","IN","clearTimeout","animationStyles","navigatorScreenAnimation","shouldRenderScreen","screenProps"],"sources":["@wordpress/components/src/navigator/navigator-screen/use-screen-animate-presence.ts"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tuseState,\n\tuseEffect,\n\tuseLayoutEffect,\n\tuseCallback,\n} from '@wordpress/element';\nimport { useReducedMotion } from '@wordpress/compose';\nimport { isRTL as isRTLFn } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport * as styles from '../styles';\n\n// Possible values:\n// - 'INITIAL': the initial state\n// - 'ANIMATING_IN': start enter animation\n// - 'IN': enter animation has ended\n// - 'ANIMATING_OUT': start exit animation\n// - 'OUT': the exit animation has ended\ntype AnimationStatus =\n\t| 'INITIAL'\n\t| 'ANIMATING_IN'\n\t| 'IN'\n\t| 'ANIMATING_OUT'\n\t| 'OUT';\n\n// Allow an extra 20% of the total animation duration to account for potential\n// event loop delays.\nconst ANIMATION_TIMEOUT_MARGIN = 1.2;\n\nconst isEnterAnimation = (\n\tanimationDirection: 'end' | 'start',\n\tanimationStatus: AnimationStatus,\n\tanimationName: string\n) =>\n\tanimationStatus === 'ANIMATING_IN' &&\n\tanimationName === styles.ANIMATION_END_NAMES[ animationDirection ].in;\n\nconst isExitAnimation = (\n\tanimationDirection: 'end' | 'start',\n\tanimationStatus: AnimationStatus,\n\tanimationName: string\n) =>\n\tanimationStatus === 'ANIMATING_OUT' &&\n\tanimationName === styles.ANIMATION_END_NAMES[ animationDirection ].out;\n\nexport function useScreenAnimatePresence( {\n\tisMatch,\n\tskipAnimation,\n\tisBack,\n\tonAnimationEnd,\n}: {\n\tisMatch: boolean;\n\tskipAnimation: boolean;\n\tisBack?: boolean;\n\tonAnimationEnd?: React.AnimationEventHandler< Element >;\n} ) {\n\tconst isRTL = isRTLFn();\n\tconst prefersReducedMotion = useReducedMotion();\n\n\tconst [ animationStatus, setAnimationStatus ] =\n\t\tuseState< AnimationStatus >( 'INITIAL' );\n\n\t// Start enter and exit animations when the screen is selected or deselected.\n\t// The animation status is set to `IN` or `OUT` immediately if the animation\n\t// should be skipped.\n\tconst becameSelected =\n\t\tanimationStatus !== 'ANIMATING_IN' &&\n\t\tanimationStatus !== 'IN' &&\n\t\tisMatch;\n\tconst becameUnselected =\n\t\tanimationStatus !== 'ANIMATING_OUT' &&\n\t\tanimationStatus !== 'OUT' &&\n\t\t! isMatch;\n\tuseLayoutEffect( () => {\n\t\tif ( becameSelected ) {\n\t\t\tsetAnimationStatus(\n\t\t\t\tskipAnimation || prefersReducedMotion ? 'IN' : 'ANIMATING_IN'\n\t\t\t);\n\t\t} else if ( becameUnselected ) {\n\t\t\tsetAnimationStatus(\n\t\t\t\tskipAnimation || prefersReducedMotion ? 'OUT' : 'ANIMATING_OUT'\n\t\t\t);\n\t\t}\n\t}, [\n\t\tbecameSelected,\n\t\tbecameUnselected,\n\t\tskipAnimation,\n\t\tprefersReducedMotion,\n\t] );\n\n\t// Animation attributes (derived state).\n\tconst animationDirection =\n\t\t( isRTL && isBack ) || ( ! isRTL && ! isBack ) ? 'end' : 'start';\n\tconst isAnimatingIn = animationStatus === 'ANIMATING_IN';\n\tconst isAnimatingOut = animationStatus === 'ANIMATING_OUT';\n\tlet animationType: 'in' | 'out' | undefined;\n\tif ( isAnimatingIn ) {\n\t\tanimationType = 'in';\n\t} else if ( isAnimatingOut ) {\n\t\tanimationType = 'out';\n\t}\n\n\tconst onScreenAnimationEnd = useCallback(\n\t\t( e: React.AnimationEvent< HTMLElement > ) => {\n\t\t\tonAnimationEnd?.( e );\n\n\t\t\tif (\n\t\t\t\tisExitAnimation(\n\t\t\t\t\tanimationDirection,\n\t\t\t\t\tanimationStatus,\n\t\t\t\t\te.animationName\n\t\t\t\t)\n\t\t\t) {\n\t\t\t\t// When the exit animation ends on an unselected screen, set the\n\t\t\t\t// status to 'OUT' to remove the screen contents from the DOM.\n\t\t\t\tsetAnimationStatus( 'OUT' );\n\t\t\t} else if (\n\t\t\t\tisEnterAnimation(\n\t\t\t\t\tanimationDirection,\n\t\t\t\t\tanimationStatus,\n\t\t\t\t\te.animationName\n\t\t\t\t)\n\t\t\t) {\n\t\t\t\t// When the enter animation ends on a selected screen, set the\n\t\t\t\t// status to 'IN' to ensure the screen is rendered in the DOM.\n\t\t\t\tsetAnimationStatus( 'IN' );\n\t\t\t}\n\t\t},\n\t\t[ onAnimationEnd, animationStatus, animationDirection ]\n\t);\n\n\t// Fallback timeout to ensure that the logic is applied even if the\n\t// `animationend` event is not triggered.\n\tuseEffect( () => {\n\t\tlet animationTimeout: number | undefined;\n\n\t\tif ( isAnimatingOut ) {\n\t\t\tanimationTimeout = window.setTimeout( () => {\n\t\t\t\tsetAnimationStatus( 'OUT' );\n\t\t\t\tanimationTimeout = undefined;\n\t\t\t}, styles.TOTAL_ANIMATION_DURATION.OUT * ANIMATION_TIMEOUT_MARGIN );\n\t\t} else if ( isAnimatingIn ) {\n\t\t\tanimationTimeout = window.setTimeout( () => {\n\t\t\t\tsetAnimationStatus( 'IN' );\n\t\t\t\tanimationTimeout = undefined;\n\t\t\t}, styles.TOTAL_ANIMATION_DURATION.IN * ANIMATION_TIMEOUT_MARGIN );\n\t\t}\n\n\t\treturn () => {\n\t\t\tif ( animationTimeout ) {\n\t\t\t\twindow.clearTimeout( animationTimeout );\n\t\t\t\tanimationTimeout = undefined;\n\t\t\t}\n\t\t};\n\t}, [ isAnimatingOut, isAnimatingIn ] );\n\n\treturn {\n\t\tanimationStyles: styles.navigatorScreenAnimation,\n\t\t// Render the screen's contents in the DOM not only when the screen is\n\t\t// selected, but also while it is animating out.\n\t\tshouldRenderScreen:\n\t\t\tisMatch ||\n\t\t\tanimationStatus === 'IN' ||\n\t\t\tanimationStatus === 'ANIMATING_OUT',\n\t\tscreenProps: {\n\t\t\tonAnimationEnd: onScreenAnimationEnd,\n\t\t\t'data-animation-direction': animationDirection,\n\t\t\t'data-animation-type': animationType,\n\t\t\t'data-skip-animation': skipAnimation || undefined,\n\t\t},\n\t} as const;\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/navigator/navigator-to-parent-button/component.js

@@ -12,7 +12,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 function UnconnectedNavigatorToParentButton(props, forwardedRef) {
   deprecated('wp.components.NavigatorToParentButton', {
     since: '6.7',
-    alternative: 'wp.components.NavigatorBackButton'
+    alternative: 'wp.components.Navigator.BackButton'
   });
   return /*#__PURE__*/_jsx(NavigatorBackButton, {
     ref: forwardedRef,
@@ -21,11 +21,7 @@ function UnconnectedNavigatorToParentButton(props, forwardedRef) {
 }
 
 /**
- * _Note: this component is deprecated. Please use the `NavigatorBackButton`
- * component instead._
- *
  * @deprecated
  */
-export const NavigatorToParentButton = contextConnect(UnconnectedNavigatorToParentButton, 'NavigatorToParentButton');
-export default NavigatorToParentButton;
+export const NavigatorToParentButton = contextConnect(UnconnectedNavigatorToParentButton, 'Navigator.ToParentButton');
 //# sourceMappingURL=component.js.map

package/build-module/navigator/navigator-to-parent-button/component.js.map

@@ -1 +1 @@
-{"version":3,"names":["deprecated","NavigatorBackButton","contextConnect","jsx","_jsx","UnconnectedNavigatorToParentButton","props","forwardedRef","since","alternative","ref","NavigatorToParentButton"],"sources":["@wordpress/components/src/navigator/navigator-to-parent-button/component.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport { NavigatorBackButton } from '../navigator-back-button/component';\nimport type { WordPressComponentProps } from '../../context';\nimport { contextConnect } from '../../context';\nimport type { NavigatorBackButtonProps } from '../types';\n\nfunction UnconnectedNavigatorToParentButton(\n\tprops: WordPressComponentProps< NavigatorBackButtonProps, 'button' >,\n\tforwardedRef: React.ForwardedRef< any >\n) {\n\tdeprecated( 'wp.components.NavigatorToParentButton', {\n\t\tsince: '6.7',\n\t\talternative: 'wp.components.NavigatorBackButton',\n\t} );\n\n\treturn <NavigatorBackButton ref={ forwardedRef } { ...props } />;\n}\n\n/**\n * _Note: this component is deprecated. Please use the `NavigatorBackButton`\n * component instead._\n *\n * @deprecated\n */\nexport const NavigatorToParentButton = contextConnect(\n\tUnconnectedNavigatorToParentButton,\n\t'NavigatorToParentButton'\n);\n\nexport default NavigatorToParentButton;\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,uBAAuB;;AAE9C;AACA;AACA;AACA,SAASC,mBAAmB,QAAQ,oCAAoC;AAExE,SAASC,cAAc,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG/C,SAASC,kCAAkCA,CAC1CC,KAAoE,EACpEC,YAAuC,EACtC;EACDP,UAAU,CAAE,uCAAuC,EAAE;IACpDQ,KAAK,EAAE,KAAK;IACZC,WAAW,EAAE;EACd,CAAE,CAAC;EAEH,oBAAOL,IAAA,CAACH,mBAAmB;IAACS,GAAG,EAAGH,YAAc;IAAA,GAAMD;EAAK,CAAI,CAAC;AACjE;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMK,uBAAuB,GAAGT,cAAc,CACpDG,kCAAkC,EAClC,yBACD,CAAC;AAED,eAAeM,uBAAuB","ignoreList":[]}
+{"version":3,"names":["deprecated","NavigatorBackButton","contextConnect","jsx","_jsx","UnconnectedNavigatorToParentButton","props","forwardedRef","since","alternative","ref","NavigatorToParentButton"],"sources":["@wordpress/components/src/navigator/navigator-to-parent-button/component.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport { NavigatorBackButton } from '../navigator-back-button/component';\nimport type { WordPressComponentProps } from '../../context';\nimport { contextConnect } from '../../context';\nimport type { NavigatorBackButtonProps } from '../types';\n\nfunction UnconnectedNavigatorToParentButton(\n\tprops: WordPressComponentProps< NavigatorBackButtonProps, 'button' >,\n\tforwardedRef: React.ForwardedRef< any >\n) {\n\tdeprecated( 'wp.components.NavigatorToParentButton', {\n\t\tsince: '6.7',\n\t\talternative: 'wp.components.Navigator.BackButton',\n\t} );\n\n\treturn <NavigatorBackButton ref={ forwardedRef } { ...props } />;\n}\n\n/**\n * @deprecated\n */\nexport const NavigatorToParentButton = contextConnect(\n\tUnconnectedNavigatorToParentButton,\n\t'Navigator.ToParentButton'\n);\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,uBAAuB;;AAE9C;AACA;AACA;AACA,SAASC,mBAAmB,QAAQ,oCAAoC;AAExE,SAASC,cAAc,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG/C,SAASC,kCAAkCA,CAC1CC,KAAoE,EACpEC,YAAuC,EACtC;EACDP,UAAU,CAAE,uCAAuC,EAAE;IACpDQ,KAAK,EAAE,KAAK;IACZC,WAAW,EAAE;EACd,CAAE,CAAC;EAEH,oBAAOL,IAAA,CAACH,mBAAmB;IAACS,GAAG,EAAGH,YAAc;IAAA,GAAMD;EAAK,CAAI,CAAC;AACjE;;AAEA;AACA;AACA;AACA,OAAO,MAAMK,uBAAuB,GAAGT,cAAc,CACpDG,kCAAkC,EAClC,0BACD,CAAC","ignoreList":[]}

package/build-module/navigator/styles.js

@@ -3,45 +3,89 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
  * External dependencies
  */
 import { css, keyframes } from '@emotion/react';
-export const navigatorProviderWrapper = process.env.NODE_ENV === "production" ? {
-  name: "xpkswc",
-  styles: "overflow-x:hidden;contain:content"
+export const navigatorWrapper = process.env.NODE_ENV === "production" ? {
+  name: "1br0vvk",
+  styles: "position:relative;overflow-x:clip;contain:layout;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;align-items:start"
 } : {
-  name: "1qbsmur-navigatorProviderWrapper",
-  styles: "overflow-x:hidden;contain:content;label:navigatorProviderWrapper;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvbmF2aWdhdG9yL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLMkMiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9uYXZpZ2F0b3Ivc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBuYXZpZ2F0b3JQcm92aWRlcldyYXBwZXIgPSBjc3NgXG5cdC8qIFByZXZlbnRzIGhvcml6b250YWwgb3ZlcmZsb3cgd2hpbGUgYW5pbWF0aW5nIHNjcmVlbiB0cmFuc2l0aW9ucyAqL1xuXHRvdmVyZmxvdy14OiBoaWRkZW47XG5cdC8qIE1hcmsgdGhpcyBzdWJzZWN0aW9uIG9mIHRoZSBET00gYXMgaXNvbGF0ZWQsIHByb3ZpZGluZyBwZXJmb3JtYW5jZSBiZW5lZml0c1xuXHQgKiBieSBsaW1pdGluZyBjYWxjdWxhdGlvbnMgb2YgbGF5b3V0LCBzdHlsZSBhbmQgcGFpbnQgdG8gYSBET00gc3VidHJlZSByYXRoZXJcblx0ICogdGhhbiB0aGUgZW50aXJlIHBhZ2UuXG5cdCAqL1xuXHRjb250YWluOiBjb250ZW50O1xuYDtcblxuY29uc3QgZmFkZUluRnJvbVJpZ2h0ID0ga2V5ZnJhbWVzKCB7XG5cdCcwJSc6IHtcblx0XHRvcGFjaXR5OiAwLFxuXHRcdHRyYW5zZm9ybTogYHRyYW5zbGF0ZVgoIDUwcHggKWAsXG5cdH0sXG5cdCcxMDAlJzogeyBvcGFjaXR5OiAxLCB0cmFuc2Zvcm06ICdub25lJyB9LFxufSApO1xuXG5jb25zdCBmYWRlSW5Gcm9tTGVmdCA9IGtleWZyYW1lcygge1xuXHQnMCUnOiB7XG5cdFx0b3BhY2l0eTogMCxcblx0XHR0cmFuc2Zvcm06IGB0cmFuc2xhdGVYKCAtNTBweCApYCxcblx0fSxcblx0JzEwMCUnOiB7IG9wYWNpdHk6IDEsIHRyYW5zZm9ybTogJ25vbmUnIH0sXG59ICk7XG5cbnR5cGUgTmF2aWdhdG9yU2NyZWVuQW5pbWF0aW9uUHJvcHMgPSB7XG5cdGlzSW5pdGlhbD86IGJvb2xlYW47XG5cdGlzQmFjaz86IGJvb2xlYW47XG5cdGlzUlRMOiBib29sZWFuO1xufTtcblxuY29uc3QgbmF2aWdhdG9yU2NyZWVuQW5pbWF0aW9uID0gKCB7XG5cdGlzSW5pdGlhbCxcblx0aXNCYWNrLFxuXHRpc1JUTCxcbn06IE5hdmlnYXRvclNjcmVlbkFuaW1hdGlvblByb3BzICkgPT4ge1xuXHRpZiAoIGlzSW5pdGlhbCAmJiAhIGlzQmFjayApIHtcblx0XHRyZXR1cm47XG5cdH1cblxuXHRjb25zdCBhbmltYXRpb25OYW1lID1cblx0XHQoIGlzUlRMICYmIGlzQmFjayApIHx8ICggISBpc1JUTCAmJiAhIGlzQmFjayApXG5cdFx0XHQ/IGZhZGVJbkZyb21SaWdodFxuXHRcdFx0OiBmYWRlSW5Gcm9tTGVmdDtcblxuXHRyZXR1cm4gY3NzYFxuXHRcdGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xNHM7XG5cdFx0YW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG5cdFx0d2lsbC1jaGFuZ2U6IHRyYW5zZm9ybSwgb3BhY2l0eTtcblx0XHRhbmltYXRpb24tbmFtZTogJHsgYW5pbWF0aW9uTmFtZSB9O1xuXG5cdFx0QG1lZGlhICggcHJlZmVycy1yZWR1Y2VkLW1vdGlvbiApIHtcblx0XHRcdGFuaW1hdGlvbi1kdXJhdGlvbjogMHM7XG5cdFx0fVxuXHRgO1xufTtcblxuZXhwb3J0IGNvbnN0IG5hdmlnYXRvclNjcmVlbiA9ICggcHJvcHM6IE5hdmlnYXRvclNjcmVlbkFuaW1hdGlvblByb3BzICkgPT4gY3NzYFxuXHQvKiBFbnN1cmVzIGhvcml6b250YWwgb3ZlcmZsb3cgaXMgdmlzdWFsbHkgYWNjZXNzaWJsZSAqL1xuXHRvdmVyZmxvdy14OiBhdXRvO1xuXHQvKiBJbiBjYXNlIHRoZSByb290IGhhcyBhIGhlaWdodCwgaXQgc2hvdWxkIG5vdCBiZSBleGNlZWRlZCAqL1xuXHRtYXgtaGVpZ2h0OiAxMDAlO1xuXG5cdCR7IG5hdmlnYXRvclNjcmVlbkFuaW1hdGlvbiggcHJvcHMgKSB9XG5gO1xuIl19 */",
+  name: "il0xvu-navigatorWrapper",
+  styles: "position:relative;overflow-x:clip;contain:layout;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;align-items:start;label:navigatorWrapper;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvbmF2aWdhdG9yL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLbUMiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9uYXZpZ2F0b3Ivc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBuYXZpZ2F0b3JXcmFwcGVyID0gY3NzYFxuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdC8qIFByZXZlbnRzIGhvcml6b250YWwgb3ZlcmZsb3cgd2hpbGUgYW5pbWF0aW5nIHNjcmVlbiB0cmFuc2l0aW9ucyAqL1xuXHRvdmVyZmxvdy14OiBjbGlwO1xuXHQvKlxuXHQgKiBNYXJrIHRoaXMgRE9NIHN1YnRyZWUgYXMgaXNvbGF0ZWQgd2hlbiBpdCBjb21lcyB0byBsYXlvdXQgY2FsY3VsYXRpb25zLFxuXHQgKiBwcm92aWRpbmcgcGVyZm9ybWFuY2UgYmVuZWZpdHMuXG5cdCAqL1xuXHRjb250YWluOiBsYXlvdXQ7XG5cblx0ZGlzcGxheTogZ3JpZDtcblx0Z3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG5cdGdyaWQtdGVtcGxhdGUtcm93czogMWZyO1xuXHRhbGlnbi1pdGVtczogc3RhcnQ7XG5gO1xuXG5jb25zdCBmYWRlSW4gPSBrZXlmcmFtZXMoIHtcblx0ZnJvbToge1xuXHRcdG9wYWNpdHk6IDAsXG5cdH0sXG59ICk7XG5cbmNvbnN0IGZhZGVPdXQgPSBrZXlmcmFtZXMoIHtcblx0dG86IHtcblx0XHRvcGFjaXR5OiAwLFxuXHR9LFxufSApO1xuXG5leHBvcnQgY29uc3Qgc2xpZGVGcm9tUmlnaHQgPSBrZXlmcmFtZXMoIHtcblx0ZnJvbToge1xuXHRcdHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoMTAwcHgpJyxcblx0fSxcbn0gKTtcblxuZXhwb3J0IGNvbnN0IHNsaWRlVG9MZWZ0ID0ga2V5ZnJhbWVzKCB7XG5cdHRvOiB7XG5cdFx0dHJhbnNmb3JtOiAndHJhbnNsYXRlWCgtODBweCknLFxuXHR9LFxufSApO1xuXG5leHBvcnQgY29uc3Qgc2xpZGVGcm9tTGVmdCA9IGtleWZyYW1lcygge1xuXHRmcm9tOiB7XG5cdFx0dHJhbnNmb3JtOiAndHJhbnNsYXRlWCgtMTAwcHgpJyxcblx0fSxcbn0gKTtcblxuZXhwb3J0IGNvbnN0IHNsaWRlVG9SaWdodCA9IGtleWZyYW1lcygge1xuXHR0bzoge1xuXHRcdHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoODBweCknLFxuXHR9LFxufSApO1xuXG5jb25zdCBGQURFID0ge1xuXHREVVJBVElPTjogNzAsXG5cdEVBU0lORzogJ2xpbmVhcicsXG5cdERFTEFZOiB7XG5cdFx0SU46IDcwLFxuXHRcdE9VVDogNDAsXG5cdH0sXG59O1xuY29uc3QgU0xJREUgPSB7XG5cdERVUkFUSU9OOiAzMDAsXG5cdEVBU0lORzogJ2N1YmljLWJlemllcigwLjMzLCAwLCAwLCAxKScsXG59O1xuXG5leHBvcnQgY29uc3QgVE9UQUxfQU5JTUFUSU9OX0RVUkFUSU9OID0ge1xuXHRJTjogTWF0aC5tYXgoIEZBREUuRFVSQVRJT04gKyBGQURFLkRFTEFZLklOLCBTTElERS5EVVJBVElPTiApLFxuXHRPVVQ6IE1hdGgubWF4KCBGQURFLkRVUkFUSU9OICsgRkFERS5ERUxBWS5PVVQsIFNMSURFLkRVUkFUSU9OICksXG59O1xuXG5leHBvcnQgY29uc3QgQU5JTUFUSU9OX0VORF9OQU1FUyA9IHtcblx0ZW5kOiB7XG5cdFx0aW46IHNsaWRlRnJvbVJpZ2h0Lm5hbWUsXG5cdFx0b3V0OiBzbGlkZVRvTGVmdC5uYW1lLFxuXHR9LFxuXHRzdGFydDoge1xuXHRcdGluOiBzbGlkZUZyb21MZWZ0Lm5hbWUsXG5cdFx0b3V0OiBzbGlkZVRvUmlnaHQubmFtZSxcblx0fSxcbn07XG5cbmNvbnN0IEFOSU1BVElPTiA9IHtcblx0ZW5kOiB7XG5cdFx0aW46IGNzc2Bcblx0XHRcdCR7IEZBREUuRFVSQVRJT04gfW1zICR7IEZBREUuRUFTSU5HIH0gJHsgRkFERS5ERUxBWVxuXHRcdFx0XHQuSU4gfW1zIGJvdGggJHsgZmFkZUluIH0sICR7IFNMSURFLkRVUkFUSU9OIH1tcyAkeyBTTElERS5FQVNJTkcgfSBib3RoICR7IHNsaWRlRnJvbVJpZ2h0IH1cblx0XHRgLFxuXHRcdG91dDogY3NzYFxuXHRcdFx0JHsgRkFERS5EVVJBVElPTiB9bXMgJHsgRkFERS5FQVNJTkcgfSAkeyBGQURFLkRFTEFZXG5cdFx0XHRcdC5PVVQgfW1zIGJvdGggJHsgZmFkZU91dCB9LCAkeyBTTElERS5EVVJBVElPTiB9bXMgJHsgU0xJREUuRUFTSU5HIH0gYm90aCAkeyBzbGlkZVRvTGVmdCB9XG5cdFx0YCxcblx0fSxcblx0c3RhcnQ6IHtcblx0XHRpbjogY3NzYFxuXHRcdFx0JHsgRkFERS5EVVJBVElPTiB9bXMgJHsgRkFERS5FQVNJTkcgfSAkeyBGQURFLkRFTEFZXG5cdFx0XHRcdC5JTiB9bXMgYm90aCAkeyBmYWRlSW4gfSwgJHsgU0xJREUuRFVSQVRJT04gfW1zICR7IFNMSURFLkVBU0lORyB9IGJvdGggJHsgc2xpZGVGcm9tTGVmdCB9XG5cdFx0YCxcblx0XHRvdXQ6IGNzc2Bcblx0XHRcdCR7IEZBREUuRFVSQVRJT04gfW1zICR7IEZBREUuRUFTSU5HIH0gJHsgRkFERS5ERUxBWVxuXHRcdFx0XHQuT1VUIH1tcyBib3RoICR7IGZhZGVPdXQgfSwgJHsgU0xJREUuRFVSQVRJT04gfW1zICR7IFNMSURFLkVBU0lORyB9IGJvdGggJHsgc2xpZGVUb1JpZ2h0IH1cblx0XHRgLFxuXHR9LFxufSBhcyBjb25zdDtcbmV4cG9ydCBjb25zdCBuYXZpZ2F0b3JTY3JlZW5BbmltYXRpb24gPSBjc3NgXG5cdHotaW5kZXg6IDE7XG5cblx0JltkYXRhLWFuaW1hdGlvbi10eXBlPSdvdXQnXSB7XG5cdFx0ei1pbmRleDogMDtcblx0fVxuXG5cdEBtZWRpYSBub3QgKCBwcmVmZXJzLXJlZHVjZWQtbW90aW9uICkge1xuXHRcdCY6bm90KCBbZGF0YS1za2lwLWFuaW1hdGlvbl0gKSB7XG5cdFx0XHQkeyAoIFsgJ3N0YXJ0JywgJ2VuZCcgXSBhcyBjb25zdCApLm1hcCggKCBkaXJlY3Rpb24gKSA9PlxuXHRcdFx0XHQoIFsgJ2luJywgJ291dCcgXSBhcyBjb25zdCApLm1hcChcblx0XHRcdFx0XHQoIHR5cGUgKSA9PiBjc3NgXG5cdFx0XHRcdFx0XHQmW2RhdGEtYW5pbWF0aW9uLWRpcmVjdGlvbj0nJHsgZGlyZWN0aW9uIH0nXVtkYXRhLWFuaW1hdGlvbi10eXBlPSckeyB0eXBlIH0nXSB7XG5cdFx0XHRcdFx0XHRcdGFuaW1hdGlvbjogJHsgQU5JTUFUSU9OWyBkaXJlY3Rpb24gXVsgdHlwZSBdIH07XG5cdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0YFxuXHRcdFx0XHQpXG5cdFx0XHQpIH1cblx0XHR9XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBuYXZpZ2F0b3JTY3JlZW4gPSBjc3NgXG5cdC8qIEVuc3VyZXMgaG9yaXpvbnRhbCBvdmVyZmxvdyBpcyB2aXN1YWxseSBhY2Nlc3NpYmxlICovXG5cdG92ZXJmbG93LXg6IGF1dG87XG5cdC8qIEluIGNhc2UgdGhlIHJvb3QgaGFzIGEgaGVpZ2h0LCBpdCBzaG91bGQgbm90IGJlIGV4Y2VlZGVkICovXG5cdG1heC1oZWlnaHQ6IDEwMCU7XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXG5cdGdyaWQtY29sdW1uOiAxIC8gLTE7XG5cdGdyaWQtcm93OiAxIC8gLTE7XG5gO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-const fadeInFromRight = keyframes({
-  '0%': {
-    opacity: 0,
-    transform: `translateX( 50px )`
-  },
-  '100%': {
-    opacity: 1,
-    transform: 'none'
+const fadeIn = keyframes({
+  from: {
+    opacity: 0
   }
 });
-const fadeInFromLeft = keyframes({
-  '0%': {
-    opacity: 0,
-    transform: `translateX( -50px )`
-  },
-  '100%': {
-    opacity: 1,
-    transform: 'none'
+const fadeOut = keyframes({
+  to: {
+    opacity: 0
+  }
+});
+export const slideFromRight = keyframes({
+  from: {
+    transform: 'translateX(100px)'
+  }
+});
+export const slideToLeft = keyframes({
+  to: {
+    transform: 'translateX(-80px)'
   }
 });
-const navigatorScreenAnimation = ({
-  isInitial,
-  isBack,
-  isRTL
-}) => {
-  if (isInitial && !isBack) {
-    return;
-  }
-  const animationName = isRTL && isBack || !isRTL && !isBack ? fadeInFromRight : fadeInFromLeft;
-  return /*#__PURE__*/css("animation-duration:0.14s;animation-timing-function:ease-in-out;will-change:transform,opacity;animation-name:", animationName, ";@media ( prefers-reduced-motion ){animation-duration:0s;}" + (process.env.NODE_ENV === "production" ? "" : ";label:navigatorScreenAnimation;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvbmF2aWdhdG9yL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRFciLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9uYXZpZ2F0b3Ivc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBuYXZpZ2F0b3JQcm92aWRlcldyYXBwZXIgPSBjc3NgXG5cdC8qIFByZXZlbnRzIGhvcml6b250YWwgb3ZlcmZsb3cgd2hpbGUgYW5pbWF0aW5nIHNjcmVlbiB0cmFuc2l0aW9ucyAqL1xuXHRvdmVyZmxvdy14OiBoaWRkZW47XG5cdC8qIE1hcmsgdGhpcyBzdWJzZWN0aW9uIG9mIHRoZSBET00gYXMgaXNvbGF0ZWQsIHByb3ZpZGluZyBwZXJmb3JtYW5jZSBiZW5lZml0c1xuXHQgKiBieSBsaW1pdGluZyBjYWxjdWxhdGlvbnMgb2YgbGF5b3V0LCBzdHlsZSBhbmQgcGFpbnQgdG8gYSBET00gc3VidHJlZSByYXRoZXJcblx0ICogdGhhbiB0aGUgZW50aXJlIHBhZ2UuXG5cdCAqL1xuXHRjb250YWluOiBjb250ZW50O1xuYDtcblxuY29uc3QgZmFkZUluRnJvbVJpZ2h0ID0ga2V5ZnJhbWVzKCB7XG5cdCcwJSc6IHtcblx0XHRvcGFjaXR5OiAwLFxuXHRcdHRyYW5zZm9ybTogYHRyYW5zbGF0ZVgoIDUwcHggKWAsXG5cdH0sXG5cdCcxMDAlJzogeyBvcGFjaXR5OiAxLCB0cmFuc2Zvcm06ICdub25lJyB9LFxufSApO1xuXG5jb25zdCBmYWRlSW5Gcm9tTGVmdCA9IGtleWZyYW1lcygge1xuXHQnMCUnOiB7XG5cdFx0b3BhY2l0eTogMCxcblx0XHR0cmFuc2Zvcm06IGB0cmFuc2xhdGVYKCAtNTBweCApYCxcblx0fSxcblx0JzEwMCUnOiB7IG9wYWNpdHk6IDEsIHRyYW5zZm9ybTogJ25vbmUnIH0sXG59ICk7XG5cbnR5cGUgTmF2aWdhdG9yU2NyZWVuQW5pbWF0aW9uUHJvcHMgPSB7XG5cdGlzSW5pdGlhbD86IGJvb2xlYW47XG5cdGlzQmFjaz86IGJvb2xlYW47XG5cdGlzUlRMOiBib29sZWFuO1xufTtcblxuY29uc3QgbmF2aWdhdG9yU2NyZWVuQW5pbWF0aW9uID0gKCB7XG5cdGlzSW5pdGlhbCxcblx0aXNCYWNrLFxuXHRpc1JUTCxcbn06IE5hdmlnYXRvclNjcmVlbkFuaW1hdGlvblByb3BzICkgPT4ge1xuXHRpZiAoIGlzSW5pdGlhbCAmJiAhIGlzQmFjayApIHtcblx0XHRyZXR1cm47XG5cdH1cblxuXHRjb25zdCBhbmltYXRpb25OYW1lID1cblx0XHQoIGlzUlRMICYmIGlzQmFjayApIHx8ICggISBpc1JUTCAmJiAhIGlzQmFjayApXG5cdFx0XHQ/IGZhZGVJbkZyb21SaWdodFxuXHRcdFx0OiBmYWRlSW5Gcm9tTGVmdDtcblxuXHRyZXR1cm4gY3NzYFxuXHRcdGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xNHM7XG5cdFx0YW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG5cdFx0d2lsbC1jaGFuZ2U6IHRyYW5zZm9ybSwgb3BhY2l0eTtcblx0XHRhbmltYXRpb24tbmFtZTogJHsgYW5pbWF0aW9uTmFtZSB9O1xuXG5cdFx0QG1lZGlhICggcHJlZmVycy1yZWR1Y2VkLW1vdGlvbiApIHtcblx0XHRcdGFuaW1hdGlvbi1kdXJhdGlvbjogMHM7XG5cdFx0fVxuXHRgO1xufTtcblxuZXhwb3J0IGNvbnN0IG5hdmlnYXRvclNjcmVlbiA9ICggcHJvcHM6IE5hdmlnYXRvclNjcmVlbkFuaW1hdGlvblByb3BzICkgPT4gY3NzYFxuXHQvKiBFbnN1cmVzIGhvcml6b250YWwgb3ZlcmZsb3cgaXMgdmlzdWFsbHkgYWNjZXNzaWJsZSAqL1xuXHRvdmVyZmxvdy14OiBhdXRvO1xuXHQvKiBJbiBjYXNlIHRoZSByb290IGhhcyBhIGhlaWdodCwgaXQgc2hvdWxkIG5vdCBiZSBleGNlZWRlZCAqL1xuXHRtYXgtaGVpZ2h0OiAxMDAlO1xuXG5cdCR7IG5hdmlnYXRvclNjcmVlbkFuaW1hdGlvbiggcHJvcHMgKSB9XG5gO1xuIl19 */");
+export const slideFromLeft = keyframes({
+  from: {
+    transform: 'translateX(-100px)'
+  }
+});
+export const slideToRight = keyframes({
+  to: {
+    transform: 'translateX(80px)'
+  }
+});
+const FADE = {
+  DURATION: 70,
+  EASING: 'linear',
+  DELAY: {
+    IN: 70,
+    OUT: 40
+  }
+};
+const SLIDE = {
+  DURATION: 300,
+  EASING: 'cubic-bezier(0.33, 0, 0, 1)'
+};
+export const TOTAL_ANIMATION_DURATION = {
+  IN: Math.max(FADE.DURATION + FADE.DELAY.IN, SLIDE.DURATION),
+  OUT: Math.max(FADE.DURATION + FADE.DELAY.OUT, SLIDE.DURATION)
+};
+export const ANIMATION_END_NAMES = {
+  end: {
+    in: slideFromRight.name,
+    out: slideToLeft.name
+  },
+  start: {
+    in: slideFromLeft.name,
+    out: slideToRight.name
+  }
+};
+const ANIMATION = {
+  end: {
+    in: /*#__PURE__*/css(FADE.DURATION, "ms ", FADE.EASING, " ", FADE.DELAY.IN, "ms both ", fadeIn, ",", SLIDE.DURATION, "ms ", SLIDE.EASING, " both ", slideFromRight, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:in;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvbmF2aWdhdG9yL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RlMiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9uYXZpZ2F0b3Ivc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBuYXZpZ2F0b3JXcmFwcGVyID0gY3NzYFxuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdC8qIFByZXZlbnRzIGhvcml6b250YWwgb3ZlcmZsb3cgd2hpbGUgYW5pbWF0aW5nIHNjcmVlbiB0cmFuc2l0aW9ucyAqL1xuXHRvdmVyZmxvdy14OiBjbGlwO1xuXHQvKlxuXHQgKiBNYXJrIHRoaXMgRE9NIHN1YnRyZWUgYXMgaXNvbGF0ZWQgd2hlbiBpdCBjb21lcyB0byBsYXlvdXQgY2FsY3VsYXRpb25zLFxuXHQgKiBwcm92aWRpbmcgcGVyZm9ybWFuY2UgYmVuZWZpdHMuXG5cdCAqL1xuXHRjb250YWluOiBsYXlvdXQ7XG5cblx0ZGlzcGxheTogZ3JpZDtcblx0Z3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG5cdGdyaWQtdGVtcGxhdGUtcm93czogMWZyO1xuXHRhbGlnbi1pdGVtczogc3RhcnQ7XG5gO1xuXG5jb25zdCBmYWRlSW4gPSBrZXlmcmFtZXMoIHtcblx0ZnJvbToge1xuXHRcdG9wYWNpdHk6IDAsXG5cdH0sXG59ICk7XG5cbmNvbnN0IGZhZGVPdXQgPSBrZXlmcmFtZXMoIHtcblx0dG86IHtcblx0XHRvcGFjaXR5OiAwLFxuXHR9LFxufSApO1xuXG5leHBvcnQgY29uc3Qgc2xpZGVGcm9tUmlnaHQgPSBrZXlmcmFtZXMoIHtcblx0ZnJvbToge1xuXHRcdHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoMTAwcHgpJyxcblx0fSxcbn0gKTtcblxuZXhwb3J0IGNvbnN0IHNsaWRlVG9MZWZ0ID0ga2V5ZnJhbWVzKCB7XG5cdHRvOiB7XG5cdFx0dHJhbnNmb3JtOiAndHJhbnNsYXRlWCgtODBweCknLFxuXHR9LFxufSApO1xuXG5leHBvcnQgY29uc3Qgc2xpZGVGcm9tTGVmdCA9IGtleWZyYW1lcygge1xuXHRmcm9tOiB7XG5cdFx0dHJhbnNmb3JtOiAndHJhbnNsYXRlWCgtMTAwcHgpJyxcblx0fSxcbn0gKTtcblxuZXhwb3J0IGNvbnN0IHNsaWRlVG9SaWdodCA9IGtleWZyYW1lcygge1xuXHR0bzoge1xuXHRcdHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoODBweCknLFxuXHR9LFxufSApO1xuXG5jb25zdCBGQURFID0ge1xuXHREVVJBVElPTjogNzAsXG5cdEVBU0lORzogJ2xpbmVhcicsXG5cdERFTEFZOiB7XG5cdFx0SU46IDcwLFxuXHRcdE9VVDogNDAsXG5cdH0sXG59O1xuY29uc3QgU0xJREUgPSB7XG5cdERVUkFUSU9OOiAzMDAsXG5cdEVBU0lORzogJ2N1YmljLWJlemllcigwLjMzLCAwLCAwLCAxKScsXG59O1xuXG5leHBvcnQgY29uc3QgVE9UQUxfQU5JTUFUSU9OX0RVUkFUSU9OID0ge1xuXHRJTjogTWF0aC5tYXgoIEZBREUuRFVSQVRJT04gKyBGQURFLkRFTEFZLklOLCBTTElERS5EVVJBVElPTiApLFxuXHRPVVQ6IE1hdGgubWF4KCBGQURFLkRVUkFUSU9OICsgRkFERS5ERUxBWS5PVVQsIFNMSURFLkRVUkFUSU9OICksXG59O1xuXG5leHBvcnQgY29uc3QgQU5JTUFUSU9OX0VORF9OQU1FUyA9IHtcblx0ZW5kOiB7XG5cdFx0aW46IHNsaWRlRnJvbVJpZ2h0Lm5hbWUsXG5cdFx0b3V0OiBzbGlkZVRvTGVmdC5uYW1lLFxuXHR9LFxuXHRzdGFydDoge1xuXHRcdGluOiBzbGlkZUZyb21MZWZ0Lm5hbWUsXG5cdFx0b3V0OiBzbGlkZVRvUmlnaHQubmFtZSxcblx0fSxcbn07XG5cbmNvbnN0IEFOSU1BVElPTiA9IHtcblx0ZW5kOiB7XG5cdFx0aW46IGNzc2Bcblx0XHRcdCR7IEZBREUuRFVSQVRJT04gfW1zICR7IEZBREUuRUFTSU5HIH0gJHsgRkFERS5ERUxBWVxuXHRcdFx0XHQuSU4gfW1zIGJvdGggJHsgZmFkZUluIH0sICR7IFNMSURFLkRVUkFUSU9OIH1tcyAkeyBTTElERS5FQVNJTkcgfSBib3RoICR7IHNsaWRlRnJvbVJpZ2h0IH1cblx0XHRgLFxuXHRcdG91dDogY3NzYFxuXHRcdFx0JHsgRkFERS5EVVJBVElPTiB9bXMgJHsgRkFERS5FQVNJTkcgfSAkeyBGQURFLkRFTEFZXG5cdFx0XHRcdC5PVVQgfW1zIGJvdGggJHsgZmFkZU91dCB9LCAkeyBTTElERS5EVVJBVElPTiB9bXMgJHsgU0xJREUuRUFTSU5HIH0gYm90aCAkeyBzbGlkZVRvTGVmdCB9XG5cdFx0YCxcblx0fSxcblx0c3RhcnQ6IHtcblx0XHRpbjogY3NzYFxuXHRcdFx0JHsgRkFERS5EVVJBVElPTiB9bXMgJHsgRkFERS5FQVNJTkcgfSAkeyBGQURFLkRFTEFZXG5cdFx0XHRcdC5JTiB9bXMgYm90aCAkeyBmYWRlSW4gfSwgJHsgU0xJREUuRFVSQVRJT04gfW1zICR7IFNMSURFLkVBU0lORyB9IGJvdGggJHsgc2xpZGVGcm9tTGVmdCB9XG5cdFx0YCxcblx0XHRvdXQ6IGNzc2Bcblx0XHRcdCR7IEZBREUuRFVSQVRJT04gfW1zICR7IEZBREUuRUFTSU5HIH0gJHsgRkFERS5ERUxBWVxuXHRcdFx0XHQuT1VUIH1tcyBib3RoICR7IGZhZGVPdXQgfSwgJHsgU0xJREUuRFVSQVRJT04gfW1zICR7IFNMSURFLkVBU0lORyB9IGJvdGggJHsgc2xpZGVUb1JpZ2h0IH1cblx0XHRgLFxuXHR9LFxufSBhcyBjb25zdDtcbmV4cG9ydCBjb25zdCBuYXZpZ2F0b3JTY3JlZW5BbmltYXRpb24gPSBjc3NgXG5cdHotaW5kZXg6IDE7XG5cblx0JltkYXRhLWFuaW1hdGlvbi10eXBlPSdvdXQnXSB7XG5cdFx0ei1pbmRleDogMDtcblx0fVxuXG5cdEBtZWRpYSBub3QgKCBwcmVmZXJzLXJlZHVjZWQtbW90aW9uICkge1xuXHRcdCY6bm90KCBbZGF0YS1za2lwLWFuaW1hdGlvbl0gKSB7XG5cdFx0XHQkeyAoIFsgJ3N0YXJ0JywgJ2VuZCcgXSBhcyBjb25zdCApLm1hcCggKCBkaXJlY3Rpb24gKSA9PlxuXHRcdFx0XHQoIFsgJ2luJywgJ291dCcgXSBhcyBjb25zdCApLm1hcChcblx0XHRcdFx0XHQoIHR5cGUgKSA9PiBjc3NgXG5cdFx0XHRcdFx0XHQmW2RhdGEtYW5pbWF0aW9uLWRpcmVjdGlvbj0nJHsgZGlyZWN0aW9uIH0nXVtkYXRhLWFuaW1hdGlvbi10eXBlPSckeyB0eXBlIH0nXSB7XG5cdFx0XHRcdFx0XHRcdGFuaW1hdGlvbjogJHsgQU5JTUFUSU9OWyBkaXJlY3Rpb24gXVsgdHlwZSBdIH07XG5cdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0YFxuXHRcdFx0XHQpXG5cdFx0XHQpIH1cblx0XHR9XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBuYXZpZ2F0b3JTY3JlZW4gPSBjc3NgXG5cdC8qIEVuc3VyZXMgaG9yaXpvbnRhbCBvdmVyZmxvdyBpcyB2aXN1YWxseSBhY2Nlc3NpYmxlICovXG5cdG92ZXJmbG93LXg6IGF1dG87XG5cdC8qIEluIGNhc2UgdGhlIHJvb3QgaGFzIGEgaGVpZ2h0LCBpdCBzaG91bGQgbm90IGJlIGV4Y2VlZGVkICovXG5cdG1heC1oZWlnaHQ6IDEwMCU7XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXG5cdGdyaWQtY29sdW1uOiAxIC8gLTE7XG5cdGdyaWQtcm93OiAxIC8gLTE7XG5gO1xuIl19 */"),
+    out: /*#__PURE__*/css(FADE.DURATION, "ms ", FADE.EASING, " ", FADE.DELAY.OUT, "ms both ", fadeOut, ",", SLIDE.DURATION, "ms ", SLIDE.EASING, " both ", slideToLeft, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:out;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvbmF2aWdhdG9yL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RlUiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9uYXZpZ2F0b3Ivc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBuYXZpZ2F0b3JXcmFwcGVyID0gY3NzYFxuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdC8qIFByZXZlbnRzIGhvcml6b250YWwgb3ZlcmZsb3cgd2hpbGUgYW5pbWF0aW5nIHNjcmVlbiB0cmFuc2l0aW9ucyAqL1xuXHRvdmVyZmxvdy14OiBjbGlwO1xuXHQvKlxuXHQgKiBNYXJrIHRoaXMgRE9NIHN1YnRyZWUgYXMgaXNvbGF0ZWQgd2hlbiBpdCBjb21lcyB0byBsYXlvdXQgY2FsY3VsYXRpb25zLFxuXHQgKiBwcm92aWRpbmcgcGVyZm9ybWFuY2UgYmVuZWZpdHMuXG5cdCAqL1xuXHRjb250YWluOiBsYXlvdXQ7XG5cblx0ZGlzcGxheTogZ3JpZDtcblx0Z3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG5cdGdyaWQtdGVtcGxhdGUtcm93czogMWZyO1xuXHRhbGlnbi1pdGVtczogc3RhcnQ7XG5gO1xuXG5jb25zdCBmYWRlSW4gPSBrZXlmcmFtZXMoIHtcblx0ZnJvbToge1xuXHRcdG9wYWNpdHk6IDAsXG5cdH0sXG59ICk7XG5cbmNvbnN0IGZhZGVPdXQgPSBrZXlmcmFtZXMoIHtcblx0dG86IHtcblx0XHRvcGFjaXR5OiAwLFxuXHR9LFxufSApO1xuXG5leHBvcnQgY29uc3Qgc2xpZGVGcm9tUmlnaHQgPSBrZXlmcmFtZXMoIHtcblx0ZnJvbToge1xuXHRcdHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoMTAwcHgpJyxcblx0fSxcbn0gKTtcblxuZXhwb3J0IGNvbnN0IHNsaWRlVG9MZWZ0ID0ga2V5ZnJhbWVzKCB7XG5cdHRvOiB7XG5cdFx0dHJhbnNmb3JtOiAndHJhbnNsYXRlWCgtODBweCknLFxuXHR9LFxufSApO1xuXG5leHBvcnQgY29uc3Qgc2xpZGVGcm9tTGVmdCA9IGtleWZyYW1lcygge1xuXHRmcm9tOiB7XG5cdFx0dHJhbnNmb3JtOiAndHJhbnNsYXRlWCgtMTAwcHgpJyxcblx0fSxcbn0gKTtcblxuZXhwb3J0IGNvbnN0IHNsaWRlVG9SaWdodCA9IGtleWZyYW1lcygge1xuXHR0bzoge1xuXHRcdHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoODBweCknLFxuXHR9LFxufSApO1xuXG5jb25zdCBGQURFID0ge1xuXHREVVJBVElPTjogNzAsXG5cdEVBU0lORzogJ2xpbmVhcicsXG5cdERFTEFZOiB7XG5cdFx0SU46IDcwLFxuXHRcdE9VVDogNDAsXG5cdH0sXG59O1xuY29uc3QgU0xJREUgPSB7XG5cdERVUkFUSU9OOiAzMDAsXG5cdEVBU0lORzogJ2N1YmljLWJlemllcigwLjMzLCAwLCAwLCAxKScsXG59O1xuXG5leHBvcnQgY29uc3QgVE9UQUxfQU5JTUFUSU9OX0RVUkFUSU9OID0ge1xuXHRJTjogTWF0aC5tYXgoIEZBREUuRFVSQVRJT04gKyBGQURFLkRFTEFZLklOLCBTTElERS5EVVJBVElPTiApLFxuXHRPVVQ6IE1hdGgubWF4KCBGQURFLkRVUkFUSU9OICsgRkFERS5ERUxBWS5PVVQsIFNMSURFLkRVUkFUSU9OICksXG59O1xuXG5leHBvcnQgY29uc3QgQU5JTUFUSU9OX0VORF9OQU1FUyA9IHtcblx0ZW5kOiB7XG5cdFx0aW46IHNsaWRlRnJvbVJpZ2h0Lm5hbWUsXG5cdFx0b3V0OiBzbGlkZVRvTGVmdC5uYW1lLFxuXHR9LFxuXHRzdGFydDoge1xuXHRcdGluOiBzbGlkZUZyb21MZWZ0Lm5hbWUsXG5cdFx0b3V0OiBzbGlkZVRvUmlnaHQubmFtZSxcblx0fSxcbn07XG5cbmNvbnN0IEFOSU1BVElPTiA9IHtcblx0ZW5kOiB7XG5cdFx0aW46IGNzc2Bcblx0XHRcdCR7IEZBREUuRFVSQVRJT04gfW1zICR7IEZBREUuRUFTSU5HIH0gJHsgRkFERS5ERUxBWVxuXHRcdFx0XHQuSU4gfW1zIGJvdGggJHsgZmFkZUluIH0sICR7IFNMSURFLkRVUkFUSU9OIH1tcyAkeyBTTElERS5FQVNJTkcgfSBib3RoICR7IHNsaWRlRnJvbVJpZ2h0IH1cblx0XHRgLFxuXHRcdG91dDogY3NzYFxuXHRcdFx0JHsgRkFERS5EVVJBVElPTiB9bXMgJHsgRkFERS5FQVNJTkcgfSAkeyBGQURFLkRFTEFZXG5cdFx0XHRcdC5PVVQgfW1zIGJvdGggJHsgZmFkZU91dCB9LCAkeyBTTElERS5EVVJBVElPTiB9bXMgJHsgU0xJREUuRUFTSU5HIH0gYm90aCAkeyBzbGlkZVRvTGVmdCB9XG5cdFx0YCxcblx0fSxcblx0c3RhcnQ6IHtcblx0XHRpbjogY3NzYFxuXHRcdFx0JHsgRkFERS5EVVJBVElPTiB9bXMgJHsgRkFERS5FQVNJTkcgfSAkeyBGQURFLkRFTEFZXG5cdFx0XHRcdC5JTiB9bXMgYm90aCAkeyBmYWRlSW4gfSwgJHsgU0xJREUuRFVSQVRJT04gfW1zICR7IFNMSURFLkVBU0lORyB9IGJvdGggJHsgc2xpZGVGcm9tTGVmdCB9XG5cdFx0YCxcblx0XHRvdXQ6IGNzc2Bcblx0XHRcdCR7IEZBREUuRFVSQVRJT04gfW1zICR7IEZBREUuRUFTSU5HIH0gJHsgRkFERS5ERUxBWVxuXHRcdFx0XHQuT1VUIH1tcyBib3RoICR7IGZhZGVPdXQgfSwgJHsgU0xJREUuRFVSQVRJT04gfW1zICR7IFNMSURFLkVBU0lORyB9IGJvdGggJHsgc2xpZGVUb1JpZ2h0IH1cblx0XHRgLFxuXHR9LFxufSBhcyBjb25zdDtcbmV4cG9ydCBjb25zdCBuYXZpZ2F0b3JTY3JlZW5BbmltYXRpb24gPSBjc3NgXG5cdHotaW5kZXg6IDE7XG5cblx0JltkYXRhLWFuaW1hdGlvbi10eXBlPSdvdXQnXSB7XG5cdFx0ei1pbmRleDogMDtcblx0fVxuXG5cdEBtZWRpYSBub3QgKCBwcmVmZXJzLXJlZHVjZWQtbW90aW9uICkge1xuXHRcdCY6bm90KCBbZGF0YS1za2lwLWFuaW1hdGlvbl0gKSB7XG5cdFx0XHQkeyAoIFsgJ3N0YXJ0JywgJ2VuZCcgXSBhcyBjb25zdCApLm1hcCggKCBkaXJlY3Rpb24gKSA9PlxuXHRcdFx0XHQoIFsgJ2luJywgJ291dCcgXSBhcyBjb25zdCApLm1hcChcblx0XHRcdFx0XHQoIHR5cGUgKSA9PiBjc3NgXG5cdFx0XHRcdFx0XHQmW2RhdGEtYW5pbWF0aW9uLWRpcmVjdGlvbj0nJHsgZGlyZWN0aW9uIH0nXVtkYXRhLWFuaW1hdGlvbi10eXBlPSckeyB0eXBlIH0nXSB7XG5cdFx0XHRcdFx0XHRcdGFuaW1hdGlvbjogJHsgQU5JTUFUSU9OWyBkaXJlY3Rpb24gXVsgdHlwZSBdIH07XG5cdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0YFxuXHRcdFx0XHQpXG5cdFx0XHQpIH1cblx0XHR9XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBuYXZpZ2F0b3JTY3JlZW4gPSBjc3NgXG5cdC8qIEVuc3VyZXMgaG9yaXpvbnRhbCBvdmVyZmxvdyBpcyB2aXN1YWxseSBhY2Nlc3NpYmxlICovXG5cdG92ZXJmbG93LXg6IGF1dG87XG5cdC8qIEluIGNhc2UgdGhlIHJvb3QgaGFzIGEgaGVpZ2h0LCBpdCBzaG91bGQgbm90IGJlIGV4Y2VlZGVkICovXG5cdG1heC1oZWlnaHQ6IDEwMCU7XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXG5cdGdyaWQtY29sdW1uOiAxIC8gLTE7XG5cdGdyaWQtcm93OiAxIC8gLTE7XG5gO1xuIl19 */")
+  },
+  start: {
+    in: /*#__PURE__*/css(FADE.DURATION, "ms ", FADE.EASING, " ", FADE.DELAY.IN, "ms both ", fadeIn, ",", SLIDE.DURATION, "ms ", SLIDE.EASING, " both ", slideFromLeft, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:in;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvbmF2aWdhdG9yL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrR1MiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9uYXZpZ2F0b3Ivc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBuYXZpZ2F0b3JXcmFwcGVyID0gY3NzYFxuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdC8qIFByZXZlbnRzIGhvcml6b250YWwgb3ZlcmZsb3cgd2hpbGUgYW5pbWF0aW5nIHNjcmVlbiB0cmFuc2l0aW9ucyAqL1xuXHRvdmVyZmxvdy14OiBjbGlwO1xuXHQvKlxuXHQgKiBNYXJrIHRoaXMgRE9NIHN1YnRyZWUgYXMgaXNvbGF0ZWQgd2hlbiBpdCBjb21lcyB0byBsYXlvdXQgY2FsY3VsYXRpb25zLFxuXHQgKiBwcm92aWRpbmcgcGVyZm9ybWFuY2UgYmVuZWZpdHMuXG5cdCAqL1xuXHRjb250YWluOiBsYXlvdXQ7XG5cblx0ZGlzcGxheTogZ3JpZDtcblx0Z3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG5cdGdyaWQtdGVtcGxhdGUtcm93czogMWZyO1xuXHRhbGlnbi1pdGVtczogc3RhcnQ7XG5gO1xuXG5jb25zdCBmYWRlSW4gPSBrZXlmcmFtZXMoIHtcblx0ZnJvbToge1xuXHRcdG9wYWNpdHk6IDAsXG5cdH0sXG59ICk7XG5cbmNvbnN0IGZhZGVPdXQgPSBrZXlmcmFtZXMoIHtcblx0dG86IHtcblx0XHRvcGFjaXR5OiAwLFxuXHR9LFxufSApO1xuXG5leHBvcnQgY29uc3Qgc2xpZGVGcm9tUmlnaHQgPSBrZXlmcmFtZXMoIHtcblx0ZnJvbToge1xuXHRcdHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoMTAwcHgpJyxcblx0fSxcbn0gKTtcblxuZXhwb3J0IGNvbnN0IHNsaWRlVG9MZWZ0ID0ga2V5ZnJhbWVzKCB7XG5cdHRvOiB7XG5cdFx0dHJhbnNmb3JtOiAndHJhbnNsYXRlWCgtODBweCknLFxuXHR9LFxufSApO1xuXG5leHBvcnQgY29uc3Qgc2xpZGVGcm9tTGVmdCA9IGtleWZyYW1lcygge1xuXHRmcm9tOiB7XG5cdFx0dHJhbnNmb3JtOiAndHJhbnNsYXRlWCgtMTAwcHgpJyxcblx0fSxcbn0gKTtcblxuZXhwb3J0IGNvbnN0IHNsaWRlVG9SaWdodCA9IGtleWZyYW1lcygge1xuXHR0bzoge1xuXHRcdHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoODBweCknLFxuXHR9LFxufSApO1xuXG5jb25zdCBGQURFID0ge1xuXHREVVJBVElPTjogNzAsXG5cdEVBU0lORzogJ2xpbmVhcicsXG5cdERFTEFZOiB7XG5cdFx0SU46IDcwLFxuXHRcdE9VVDogNDAsXG5cdH0sXG59O1xuY29uc3QgU0xJREUgPSB7XG5cdERVUkFUSU9OOiAzMDAsXG5cdEVBU0lORzogJ2N1YmljLWJlemllcigwLjMzLCAwLCAwLCAxKScsXG59O1xuXG5leHBvcnQgY29uc3QgVE9UQUxfQU5JTUFUSU9OX0RVUkFUSU9OID0ge1xuXHRJTjogTWF0aC5tYXgoIEZBREUuRFVSQVRJT04gKyBGQURFLkRFTEFZLklOLCBTTElERS5EVVJBVElPTiApLFxuXHRPVVQ6IE1hdGgubWF4KCBGQURFLkRVUkFUSU9OICsgRkFERS5ERUxBWS5PVVQsIFNMSURFLkRVUkFUSU9OICksXG59O1xuXG5leHBvcnQgY29uc3QgQU5JTUFUSU9OX0VORF9OQU1FUyA9IHtcblx0ZW5kOiB7XG5cdFx0aW46IHNsaWRlRnJvbVJpZ2h0Lm5hbWUsXG5cdFx0b3V0OiBzbGlkZVRvTGVmdC5uYW1lLFxuXHR9LFxuXHRzdGFydDoge1xuXHRcdGluOiBzbGlkZUZyb21MZWZ0Lm5hbWUsXG5cdFx0b3V0OiBzbGlkZVRvUmlnaHQubmFtZSxcblx0fSxcbn07XG5cbmNvbnN0IEFOSU1BVElPTiA9IHtcblx0ZW5kOiB7XG5cdFx0aW46IGNzc2Bcblx0XHRcdCR7IEZBREUuRFVSQVRJT04gfW1zICR7IEZBREUuRUFTSU5HIH0gJHsgRkFERS5ERUxBWVxuXHRcdFx0XHQuSU4gfW1zIGJvdGggJHsgZmFkZUluIH0sICR7IFNMSURFLkRVUkFUSU9OIH1tcyAkeyBTTElERS5FQVNJTkcgfSBib3RoICR7IHNsaWRlRnJvbVJpZ2h0IH1cblx0XHRgLFxuXHRcdG91dDogY3NzYFxuXHRcdFx0JHsgRkFERS5EVVJBVElPTiB9bXMgJHsgRkFERS5FQVNJTkcgfSAkeyBGQURFLkRFTEFZXG5cdFx0XHRcdC5PVVQgfW1zIGJvdGggJHsgZmFkZU91dCB9LCAkeyBTTElERS5EVVJBVElPTiB9bXMgJHsgU0xJREUuRUFTSU5HIH0gYm90aCAkeyBzbGlkZVRvTGVmdCB9XG5cdFx0YCxcblx0fSxcblx0c3RhcnQ6IHtcblx0XHRpbjogY3NzYFxuXHRcdFx0JHsgRkFERS5EVVJBVElPTiB9bXMgJHsgRkFERS5FQVNJTkcgfSAkeyBGQURFLkRFTEFZXG5cdFx0XHRcdC5JTiB9bXMgYm90aCAkeyBmYWRlSW4gfSwgJHsgU0xJREUuRFVSQVRJT04gfW1zICR7IFNMSURFLkVBU0lORyB9IGJvdGggJHsgc2xpZGVGcm9tTGVmdCB9XG5cdFx0YCxcblx0XHRvdXQ6IGNzc2Bcblx0XHRcdCR7IEZBREUuRFVSQVRJT04gfW1zICR7IEZBREUuRUFTSU5HIH0gJHsgRkFERS5ERUxBWVxuXHRcdFx0XHQuT1VUIH1tcyBib3RoICR7IGZhZGVPdXQgfSwgJHsgU0xJREUuRFVSQVRJT04gfW1zICR7IFNMSURFLkVBU0lORyB9IGJvdGggJHsgc2xpZGVUb1JpZ2h0IH1cblx0XHRgLFxuXHR9LFxufSBhcyBjb25zdDtcbmV4cG9ydCBjb25zdCBuYXZpZ2F0b3JTY3JlZW5BbmltYXRpb24gPSBjc3NgXG5cdHotaW5kZXg6IDE7XG5cblx0JltkYXRhLWFuaW1hdGlvbi10eXBlPSdvdXQnXSB7XG5cdFx0ei1pbmRleDogMDtcblx0fVxuXG5cdEBtZWRpYSBub3QgKCBwcmVmZXJzLXJlZHVjZWQtbW90aW9uICkge1xuXHRcdCY6bm90KCBbZGF0YS1za2lwLWFuaW1hdGlvbl0gKSB7XG5cdFx0XHQkeyAoIFsgJ3N0YXJ0JywgJ2VuZCcgXSBhcyBjb25zdCApLm1hcCggKCBkaXJlY3Rpb24gKSA9PlxuXHRcdFx0XHQoIFsgJ2luJywgJ291dCcgXSBhcyBjb25zdCApLm1hcChcblx0XHRcdFx0XHQoIHR5cGUgKSA9PiBjc3NgXG5cdFx0XHRcdFx0XHQmW2RhdGEtYW5pbWF0aW9uLWRpcmVjdGlvbj0nJHsgZGlyZWN0aW9uIH0nXVtkYXRhLWFuaW1hdGlvbi10eXBlPSckeyB0eXBlIH0nXSB7XG5cdFx0XHRcdFx0XHRcdGFuaW1hdGlvbjogJHsgQU5JTUFUSU9OWyBkaXJlY3Rpb24gXVsgdHlwZSBdIH07XG5cdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0YFxuXHRcdFx0XHQpXG5cdFx0XHQpIH1cblx0XHR9XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBuYXZpZ2F0b3JTY3JlZW4gPSBjc3NgXG5cdC8qIEVuc3VyZXMgaG9yaXpvbnRhbCBvdmVyZmxvdyBpcyB2aXN1YWxseSBhY2Nlc3NpYmxlICovXG5cdG92ZXJmbG93LXg6IGF1dG87XG5cdC8qIEluIGNhc2UgdGhlIHJvb3QgaGFzIGEgaGVpZ2h0LCBpdCBzaG91bGQgbm90IGJlIGV4Y2VlZGVkICovXG5cdG1heC1oZWlnaHQ6IDEwMCU7XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXG5cdGdyaWQtY29sdW1uOiAxIC8gLTE7XG5cdGdyaWQtcm93OiAxIC8gLTE7XG5gO1xuIl19 */"),
+    out: /*#__PURE__*/css(FADE.DURATION, "ms ", FADE.EASING, " ", FADE.DELAY.OUT, "ms both ", fadeOut, ",", SLIDE.DURATION, "ms ", SLIDE.EASING, " both ", slideToRight, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:out;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvbmF2aWdhdG9yL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzR1UiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9uYXZpZ2F0b3Ivc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBuYXZpZ2F0b3JXcmFwcGVyID0gY3NzYFxuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdC8qIFByZXZlbnRzIGhvcml6b250YWwgb3ZlcmZsb3cgd2hpbGUgYW5pbWF0aW5nIHNjcmVlbiB0cmFuc2l0aW9ucyAqL1xuXHRvdmVyZmxvdy14OiBjbGlwO1xuXHQvKlxuXHQgKiBNYXJrIHRoaXMgRE9NIHN1YnRyZWUgYXMgaXNvbGF0ZWQgd2hlbiBpdCBjb21lcyB0byBsYXlvdXQgY2FsY3VsYXRpb25zLFxuXHQgKiBwcm92aWRpbmcgcGVyZm9ybWFuY2UgYmVuZWZpdHMuXG5cdCAqL1xuXHRjb250YWluOiBsYXlvdXQ7XG5cblx0ZGlzcGxheTogZ3JpZDtcblx0Z3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG5cdGdyaWQtdGVtcGxhdGUtcm93czogMWZyO1xuXHRhbGlnbi1pdGVtczogc3RhcnQ7XG5gO1xuXG5jb25zdCBmYWRlSW4gPSBrZXlmcmFtZXMoIHtcblx0ZnJvbToge1xuXHRcdG9wYWNpdHk6IDAsXG5cdH0sXG59ICk7XG5cbmNvbnN0IGZhZGVPdXQgPSBrZXlmcmFtZXMoIHtcblx0dG86IHtcblx0XHRvcGFjaXR5OiAwLFxuXHR9LFxufSApO1xuXG5leHBvcnQgY29uc3Qgc2xpZGVGcm9tUmlnaHQgPSBrZXlmcmFtZXMoIHtcblx0ZnJvbToge1xuXHRcdHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoMTAwcHgpJyxcblx0fSxcbn0gKTtcblxuZXhwb3J0IGNvbnN0IHNsaWRlVG9MZWZ0ID0ga2V5ZnJhbWVzKCB7XG5cdHRvOiB7XG5cdFx0dHJhbnNmb3JtOiAndHJhbnNsYXRlWCgtODBweCknLFxuXHR9LFxufSApO1xuXG5leHBvcnQgY29uc3Qgc2xpZGVGcm9tTGVmdCA9IGtleWZyYW1lcygge1xuXHRmcm9tOiB7XG5cdFx0dHJhbnNmb3JtOiAndHJhbnNsYXRlWCgtMTAwcHgpJyxcblx0fSxcbn0gKTtcblxuZXhwb3J0IGNvbnN0IHNsaWRlVG9SaWdodCA9IGtleWZyYW1lcygge1xuXHR0bzoge1xuXHRcdHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoODBweCknLFxuXHR9LFxufSApO1xuXG5jb25zdCBGQURFID0ge1xuXHREVVJBVElPTjogNzAsXG5cdEVBU0lORzogJ2xpbmVhcicsXG5cdERFTEFZOiB7XG5cdFx0SU46IDcwLFxuXHRcdE9VVDogNDAsXG5cdH0sXG59O1xuY29uc3QgU0xJREUgPSB7XG5cdERVUkFUSU9OOiAzMDAsXG5cdEVBU0lORzogJ2N1YmljLWJlemllcigwLjMzLCAwLCAwLCAxKScsXG59O1xuXG5leHBvcnQgY29uc3QgVE9UQUxfQU5JTUFUSU9OX0RVUkFUSU9OID0ge1xuXHRJTjogTWF0aC5tYXgoIEZBREUuRFVSQVRJT04gKyBGQURFLkRFTEFZLklOLCBTTElERS5EVVJBVElPTiApLFxuXHRPVVQ6IE1hdGgubWF4KCBGQURFLkRVUkFUSU9OICsgRkFERS5ERUxBWS5PVVQsIFNMSURFLkRVUkFUSU9OICksXG59O1xuXG5leHBvcnQgY29uc3QgQU5JTUFUSU9OX0VORF9OQU1FUyA9IHtcblx0ZW5kOiB7XG5cdFx0aW46IHNsaWRlRnJvbVJpZ2h0Lm5hbWUsXG5cdFx0b3V0OiBzbGlkZVRvTGVmdC5uYW1lLFxuXHR9LFxuXHRzdGFydDoge1xuXHRcdGluOiBzbGlkZUZyb21MZWZ0Lm5hbWUsXG5cdFx0b3V0OiBzbGlkZVRvUmlnaHQubmFtZSxcblx0fSxcbn07XG5cbmNvbnN0IEFOSU1BVElPTiA9IHtcblx0ZW5kOiB7XG5cdFx0aW46IGNzc2Bcblx0XHRcdCR7IEZBREUuRFVSQVRJT04gfW1zICR7IEZBREUuRUFTSU5HIH0gJHsgRkFERS5ERUxBWVxuXHRcdFx0XHQuSU4gfW1zIGJvdGggJHsgZmFkZUluIH0sICR7IFNMSURFLkRVUkFUSU9OIH1tcyAkeyBTTElERS5FQVNJTkcgfSBib3RoICR7IHNsaWRlRnJvbVJpZ2h0IH1cblx0XHRgLFxuXHRcdG91dDogY3NzYFxuXHRcdFx0JHsgRkFERS5EVVJBVElPTiB9bXMgJHsgRkFERS5FQVNJTkcgfSAkeyBGQURFLkRFTEFZXG5cdFx0XHRcdC5PVVQgfW1zIGJvdGggJHsgZmFkZU91dCB9LCAkeyBTTElERS5EVVJBVElPTiB9bXMgJHsgU0xJREUuRUFTSU5HIH0gYm90aCAkeyBzbGlkZVRvTGVmdCB9XG5cdFx0YCxcblx0fSxcblx0c3RhcnQ6IHtcblx0XHRpbjogY3NzYFxuXHRcdFx0JHsgRkFERS5EVVJBVElPTiB9bXMgJHsgRkFERS5FQVNJTkcgfSAkeyBGQURFLkRFTEFZXG5cdFx0XHRcdC5JTiB9bXMgYm90aCAkeyBmYWRlSW4gfSwgJHsgU0xJREUuRFVSQVRJT04gfW1zICR7IFNMSURFLkVBU0lORyB9IGJvdGggJHsgc2xpZGVGcm9tTGVmdCB9XG5cdFx0YCxcblx0XHRvdXQ6IGNzc2Bcblx0XHRcdCR7IEZBREUuRFVSQVRJT04gfW1zICR7IEZBREUuRUFTSU5HIH0gJHsgRkFERS5ERUxBWVxuXHRcdFx0XHQuT1VUIH1tcyBib3RoICR7IGZhZGVPdXQgfSwgJHsgU0xJREUuRFVSQVRJT04gfW1zICR7IFNMSURFLkVBU0lORyB9IGJvdGggJHsgc2xpZGVUb1JpZ2h0IH1cblx0XHRgLFxuXHR9LFxufSBhcyBjb25zdDtcbmV4cG9ydCBjb25zdCBuYXZpZ2F0b3JTY3JlZW5BbmltYXRpb24gPSBjc3NgXG5cdHotaW5kZXg6IDE7XG5cblx0JltkYXRhLWFuaW1hdGlvbi10eXBlPSdvdXQnXSB7XG5cdFx0ei1pbmRleDogMDtcblx0fVxuXG5cdEBtZWRpYSBub3QgKCBwcmVmZXJzLXJlZHVjZWQtbW90aW9uICkge1xuXHRcdCY6bm90KCBbZGF0YS1za2lwLWFuaW1hdGlvbl0gKSB7XG5cdFx0XHQkeyAoIFsgJ3N0YXJ0JywgJ2VuZCcgXSBhcyBjb25zdCApLm1hcCggKCBkaXJlY3Rpb24gKSA9PlxuXHRcdFx0XHQoIFsgJ2luJywgJ291dCcgXSBhcyBjb25zdCApLm1hcChcblx0XHRcdFx0XHQoIHR5cGUgKSA9PiBjc3NgXG5cdFx0XHRcdFx0XHQmW2RhdGEtYW5pbWF0aW9uLWRpcmVjdGlvbj0nJHsgZGlyZWN0aW9uIH0nXVtkYXRhLWFuaW1hdGlvbi10eXBlPSckeyB0eXBlIH0nXSB7XG5cdFx0XHRcdFx0XHRcdGFuaW1hdGlvbjogJHsgQU5JTUFUSU9OWyBkaXJlY3Rpb24gXVsgdHlwZSBdIH07XG5cdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0YFxuXHRcdFx0XHQpXG5cdFx0XHQpIH1cblx0XHR9XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBuYXZpZ2F0b3JTY3JlZW4gPSBjc3NgXG5cdC8qIEVuc3VyZXMgaG9yaXpvbnRhbCBvdmVyZmxvdyBpcyB2aXN1YWxseSBhY2Nlc3NpYmxlICovXG5cdG92ZXJmbG93LXg6IGF1dG87XG5cdC8qIEluIGNhc2UgdGhlIHJvb3QgaGFzIGEgaGVpZ2h0LCBpdCBzaG91bGQgbm90IGJlIGV4Y2VlZGVkICovXG5cdG1heC1oZWlnaHQ6IDEwMCU7XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXG5cdGdyaWQtY29sdW1uOiAxIC8gLTE7XG5cdGdyaWQtcm93OiAxIC8gLTE7XG5gO1xuIl19 */")
+  }
+};
+export const navigatorScreenAnimation = /*#__PURE__*/css("z-index:1;&[data-animation-type='out']{z-index:0;}@media not ( prefers-reduced-motion ){&:not( [data-skip-animation] ){", ['start', 'end'].map(direction => ['in', 'out'].map(type => /*#__PURE__*/css("&[data-animation-direction='", direction, "'][data-animation-type='", type, "']{animation:", ANIMATION[direction][type], ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:navigatorScreenAnimation;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvbmF2aWdhdG9yL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1SG9CIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvbmF2aWdhdG9yL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5leHBvcnQgY29uc3QgbmF2aWdhdG9yV3JhcHBlciA9IGNzc2Bcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHQvKiBQcmV2ZW50cyBob3Jpem9udGFsIG92ZXJmbG93IHdoaWxlIGFuaW1hdGluZyBzY3JlZW4gdHJhbnNpdGlvbnMgKi9cblx0b3ZlcmZsb3cteDogY2xpcDtcblx0Lypcblx0ICogTWFyayB0aGlzIERPTSBzdWJ0cmVlIGFzIGlzb2xhdGVkIHdoZW4gaXQgY29tZXMgdG8gbGF5b3V0IGNhbGN1bGF0aW9ucyxcblx0ICogcHJvdmlkaW5nIHBlcmZvcm1hbmNlIGJlbmVmaXRzLlxuXHQgKi9cblx0Y29udGFpbjogbGF5b3V0O1xuXG5cdGRpc3BsYXk6IGdyaWQ7XG5cdGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xuXHRncmlkLXRlbXBsYXRlLXJvd3M6IDFmcjtcblx0YWxpZ24taXRlbXM6IHN0YXJ0O1xuYDtcblxuY29uc3QgZmFkZUluID0ga2V5ZnJhbWVzKCB7XG5cdGZyb206IHtcblx0XHRvcGFjaXR5OiAwLFxuXHR9LFxufSApO1xuXG5jb25zdCBmYWRlT3V0ID0ga2V5ZnJhbWVzKCB7XG5cdHRvOiB7XG5cdFx0b3BhY2l0eTogMCxcblx0fSxcbn0gKTtcblxuZXhwb3J0IGNvbnN0IHNsaWRlRnJvbVJpZ2h0ID0ga2V5ZnJhbWVzKCB7XG5cdGZyb206IHtcblx0XHR0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDEwMHB4KScsXG5cdH0sXG59ICk7XG5cbmV4cG9ydCBjb25zdCBzbGlkZVRvTGVmdCA9IGtleWZyYW1lcygge1xuXHR0bzoge1xuXHRcdHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoLTgwcHgpJyxcblx0fSxcbn0gKTtcblxuZXhwb3J0IGNvbnN0IHNsaWRlRnJvbUxlZnQgPSBrZXlmcmFtZXMoIHtcblx0ZnJvbToge1xuXHRcdHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoLTEwMHB4KScsXG5cdH0sXG59ICk7XG5cbmV4cG9ydCBjb25zdCBzbGlkZVRvUmlnaHQgPSBrZXlmcmFtZXMoIHtcblx0dG86IHtcblx0XHR0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDgwcHgpJyxcblx0fSxcbn0gKTtcblxuY29uc3QgRkFERSA9IHtcblx0RFVSQVRJT046IDcwLFxuXHRFQVNJTkc6ICdsaW5lYXInLFxuXHRERUxBWToge1xuXHRcdElOOiA3MCxcblx0XHRPVVQ6IDQwLFxuXHR9LFxufTtcbmNvbnN0IFNMSURFID0ge1xuXHREVVJBVElPTjogMzAwLFxuXHRFQVNJTkc6ICdjdWJpYy1iZXppZXIoMC4zMywgMCwgMCwgMSknLFxufTtcblxuZXhwb3J0IGNvbnN0IFRPVEFMX0FOSU1BVElPTl9EVVJBVElPTiA9IHtcblx0SU46IE1hdGgubWF4KCBGQURFLkRVUkFUSU9OICsgRkFERS5ERUxBWS5JTiwgU0xJREUuRFVSQVRJT04gKSxcblx0T1VUOiBNYXRoLm1heCggRkFERS5EVVJBVElPTiArIEZBREUuREVMQVkuT1VULCBTTElERS5EVVJBVElPTiApLFxufTtcblxuZXhwb3J0IGNvbnN0IEFOSU1BVElPTl9FTkRfTkFNRVMgPSB7XG5cdGVuZDoge1xuXHRcdGluOiBzbGlkZUZyb21SaWdodC5uYW1lLFxuXHRcdG91dDogc2xpZGVUb0xlZnQubmFtZSxcblx0fSxcblx0c3RhcnQ6IHtcblx0XHRpbjogc2xpZGVGcm9tTGVmdC5uYW1lLFxuXHRcdG91dDogc2xpZGVUb1JpZ2h0Lm5hbWUsXG5cdH0sXG59O1xuXG5jb25zdCBBTklNQVRJT04gPSB7XG5cdGVuZDoge1xuXHRcdGluOiBjc3NgXG5cdFx0XHQkeyBGQURFLkRVUkFUSU9OIH1tcyAkeyBGQURFLkVBU0lORyB9ICR7IEZBREUuREVMQVlcblx0XHRcdFx0LklOIH1tcyBib3RoICR7IGZhZGVJbiB9LCAkeyBTTElERS5EVVJBVElPTiB9bXMgJHsgU0xJREUuRUFTSU5HIH0gYm90aCAkeyBzbGlkZUZyb21SaWdodCB9XG5cdFx0YCxcblx0XHRvdXQ6IGNzc2Bcblx0XHRcdCR7IEZBREUuRFVSQVRJT04gfW1zICR7IEZBREUuRUFTSU5HIH0gJHsgRkFERS5ERUxBWVxuXHRcdFx0XHQuT1VUIH1tcyBib3RoICR7IGZhZGVPdXQgfSwgJHsgU0xJREUuRFVSQVRJT04gfW1zICR7IFNMSURFLkVBU0lORyB9IGJvdGggJHsgc2xpZGVUb0xlZnQgfVxuXHRcdGAsXG5cdH0sXG5cdHN0YXJ0OiB7XG5cdFx0aW46IGNzc2Bcblx0XHRcdCR7IEZBREUuRFVSQVRJT04gfW1zICR7IEZBREUuRUFTSU5HIH0gJHsgRkFERS5ERUxBWVxuXHRcdFx0XHQuSU4gfW1zIGJvdGggJHsgZmFkZUluIH0sICR7IFNMSURFLkRVUkFUSU9OIH1tcyAkeyBTTElERS5FQVNJTkcgfSBib3RoICR7IHNsaWRlRnJvbUxlZnQgfVxuXHRcdGAsXG5cdFx0b3V0OiBjc3NgXG5cdFx0XHQkeyBGQURFLkRVUkFUSU9OIH1tcyAkeyBGQURFLkVBU0lORyB9ICR7IEZBREUuREVMQVlcblx0XHRcdFx0Lk9VVCB9bXMgYm90aCAkeyBmYWRlT3V0IH0sICR7IFNMSURFLkRVUkFUSU9OIH1tcyAkeyBTTElERS5FQVNJTkcgfSBib3RoICR7IHNsaWRlVG9SaWdodCB9XG5cdFx0YCxcblx0fSxcbn0gYXMgY29uc3Q7XG5leHBvcnQgY29uc3QgbmF2aWdhdG9yU2NyZWVuQW5pbWF0aW9uID0gY3NzYFxuXHR6LWluZGV4OiAxO1xuXG5cdCZbZGF0YS1hbmltYXRpb24tdHlwZT0nb3V0J10ge1xuXHRcdHotaW5kZXg6IDA7XG5cdH1cblxuXHRAbWVkaWEgbm90ICggcHJlZmVycy1yZWR1Y2VkLW1vdGlvbiApIHtcblx0XHQmOm5vdCggW2RhdGEtc2tpcC1hbmltYXRpb25dICkge1xuXHRcdFx0JHsgKCBbICdzdGFydCcsICdlbmQnIF0gYXMgY29uc3QgKS5tYXAoICggZGlyZWN0aW9uICkgPT5cblx0XHRcdFx0KCBbICdpbicsICdvdXQnIF0gYXMgY29uc3QgKS5tYXAoXG5cdFx0XHRcdFx0KCB0eXBlICkgPT4gY3NzYFxuXHRcdFx0XHRcdFx0JltkYXRhLWFuaW1hdGlvbi1kaXJlY3Rpb249JyR7IGRpcmVjdGlvbiB9J11bZGF0YS1hbmltYXRpb24tdHlwZT0nJHsgdHlwZSB9J10ge1xuXHRcdFx0XHRcdFx0XHRhbmltYXRpb246ICR7IEFOSU1BVElPTlsgZGlyZWN0aW9uIF1bIHR5cGUgXSB9O1xuXHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdGBcblx0XHRcdFx0KVxuXHRcdFx0KSB9XG5cdFx0fVxuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgbmF2aWdhdG9yU2NyZWVuID0gY3NzYFxuXHQvKiBFbnN1cmVzIGhvcml6b250YWwgb3ZlcmZsb3cgaXMgdmlzdWFsbHkgYWNjZXNzaWJsZSAqL1xuXHRvdmVyZmxvdy14OiBhdXRvO1xuXHQvKiBJbiBjYXNlIHRoZSByb290IGhhcyBhIGhlaWdodCwgaXQgc2hvdWxkIG5vdCBiZSBleGNlZWRlZCAqL1xuXHRtYXgtaGVpZ2h0OiAxMDAlO1xuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuXHRncmlkLWNvbHVtbjogMSAvIC0xO1xuXHRncmlkLXJvdzogMSAvIC0xO1xuYDtcbiJdfQ== */"))), ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:navigatorScreenAnimation;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvbmF2aWdhdG9yL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RzJDIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvbmF2aWdhdG9yL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5leHBvcnQgY29uc3QgbmF2aWdhdG9yV3JhcHBlciA9IGNzc2Bcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHQvKiBQcmV2ZW50cyBob3Jpem9udGFsIG92ZXJmbG93IHdoaWxlIGFuaW1hdGluZyBzY3JlZW4gdHJhbnNpdGlvbnMgKi9cblx0b3ZlcmZsb3cteDogY2xpcDtcblx0Lypcblx0ICogTWFyayB0aGlzIERPTSBzdWJ0cmVlIGFzIGlzb2xhdGVkIHdoZW4gaXQgY29tZXMgdG8gbGF5b3V0IGNhbGN1bGF0aW9ucyxcblx0ICogcHJvdmlkaW5nIHBlcmZvcm1hbmNlIGJlbmVmaXRzLlxuXHQgKi9cblx0Y29udGFpbjogbGF5b3V0O1xuXG5cdGRpc3BsYXk6IGdyaWQ7XG5cdGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xuXHRncmlkLXRlbXBsYXRlLXJvd3M6IDFmcjtcblx0YWxpZ24taXRlbXM6IHN0YXJ0O1xuYDtcblxuY29uc3QgZmFkZUluID0ga2V5ZnJhbWVzKCB7XG5cdGZyb206IHtcblx0XHRvcGFjaXR5OiAwLFxuXHR9LFxufSApO1xuXG5jb25zdCBmYWRlT3V0ID0ga2V5ZnJhbWVzKCB7XG5cdHRvOiB7XG5cdFx0b3BhY2l0eTogMCxcblx0fSxcbn0gKTtcblxuZXhwb3J0IGNvbnN0IHNsaWRlRnJvbVJpZ2h0ID0ga2V5ZnJhbWVzKCB7XG5cdGZyb206IHtcblx0XHR0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDEwMHB4KScsXG5cdH0sXG59ICk7XG5cbmV4cG9ydCBjb25zdCBzbGlkZVRvTGVmdCA9IGtleWZyYW1lcygge1xuXHR0bzoge1xuXHRcdHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoLTgwcHgpJyxcblx0fSxcbn0gKTtcblxuZXhwb3J0IGNvbnN0IHNsaWRlRnJvbUxlZnQgPSBrZXlmcmFtZXMoIHtcblx0ZnJvbToge1xuXHRcdHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoLTEwMHB4KScsXG5cdH0sXG59ICk7XG5cbmV4cG9ydCBjb25zdCBzbGlkZVRvUmlnaHQgPSBrZXlmcmFtZXMoIHtcblx0dG86IHtcblx0XHR0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDgwcHgpJyxcblx0fSxcbn0gKTtcblxuY29uc3QgRkFERSA9IHtcblx0RFVSQVRJT046IDcwLFxuXHRFQVNJTkc6ICdsaW5lYXInLFxuXHRERUxBWToge1xuXHRcdElOOiA3MCxcblx0XHRPVVQ6IDQwLFxuXHR9LFxufTtcbmNvbnN0IFNMSURFID0ge1xuXHREVVJBVElPTjogMzAwLFxuXHRFQVNJTkc6ICdjdWJpYy1iZXppZXIoMC4zMywgMCwgMCwgMSknLFxufTtcblxuZXhwb3J0IGNvbnN0IFRPVEFMX0FOSU1BVElPTl9EVVJBVElPTiA9IHtcblx0SU46IE1hdGgubWF4KCBGQURFLkRVUkFUSU9OICsgRkFERS5ERUxBWS5JTiwgU0xJREUuRFVSQVRJT04gKSxcblx0T1VUOiBNYXRoLm1heCggRkFERS5EVVJBVElPTiArIEZBREUuREVMQVkuT1VULCBTTElERS5EVVJBVElPTiApLFxufTtcblxuZXhwb3J0IGNvbnN0IEFOSU1BVElPTl9FTkRfTkFNRVMgPSB7XG5cdGVuZDoge1xuXHRcdGluOiBzbGlkZUZyb21SaWdodC5uYW1lLFxuXHRcdG91dDogc2xpZGVUb0xlZnQubmFtZSxcblx0fSxcblx0c3RhcnQ6IHtcblx0XHRpbjogc2xpZGVGcm9tTGVmdC5uYW1lLFxuXHRcdG91dDogc2xpZGVUb1JpZ2h0Lm5hbWUsXG5cdH0sXG59O1xuXG5jb25zdCBBTklNQVRJT04gPSB7XG5cdGVuZDoge1xuXHRcdGluOiBjc3NgXG5cdFx0XHQkeyBGQURFLkRVUkFUSU9OIH1tcyAkeyBGQURFLkVBU0lORyB9ICR7IEZBREUuREVMQVlcblx0XHRcdFx0LklOIH1tcyBib3RoICR7IGZhZGVJbiB9LCAkeyBTTElERS5EVVJBVElPTiB9bXMgJHsgU0xJREUuRUFTSU5HIH0gYm90aCAkeyBzbGlkZUZyb21SaWdodCB9XG5cdFx0YCxcblx0XHRvdXQ6IGNzc2Bcblx0XHRcdCR7IEZBREUuRFVSQVRJT04gfW1zICR7IEZBREUuRUFTSU5HIH0gJHsgRkFERS5ERUxBWVxuXHRcdFx0XHQuT1VUIH1tcyBib3RoICR7IGZhZGVPdXQgfSwgJHsgU0xJREUuRFVSQVRJT04gfW1zICR7IFNMSURFLkVBU0lORyB9IGJvdGggJHsgc2xpZGVUb0xlZnQgfVxuXHRcdGAsXG5cdH0sXG5cdHN0YXJ0OiB7XG5cdFx0aW46IGNzc2Bcblx0XHRcdCR7IEZBREUuRFVSQVRJT04gfW1zICR7IEZBREUuRUFTSU5HIH0gJHsgRkFERS5ERUxBWVxuXHRcdFx0XHQuSU4gfW1zIGJvdGggJHsgZmFkZUluIH0sICR7IFNMSURFLkRVUkFUSU9OIH1tcyAkeyBTTElERS5FQVNJTkcgfSBib3RoICR7IHNsaWRlRnJvbUxlZnQgfVxuXHRcdGAsXG5cdFx0b3V0OiBjc3NgXG5cdFx0XHQkeyBGQURFLkRVUkFUSU9OIH1tcyAkeyBGQURFLkVBU0lORyB9ICR7IEZBREUuREVMQVlcblx0XHRcdFx0Lk9VVCB9bXMgYm90aCAkeyBmYWRlT3V0IH0sICR7IFNMSURFLkRVUkFUSU9OIH1tcyAkeyBTTElERS5FQVNJTkcgfSBib3RoICR7IHNsaWRlVG9SaWdodCB9XG5cdFx0YCxcblx0fSxcbn0gYXMgY29uc3Q7XG5leHBvcnQgY29uc3QgbmF2aWdhdG9yU2NyZWVuQW5pbWF0aW9uID0gY3NzYFxuXHR6LWluZGV4OiAxO1xuXG5cdCZbZGF0YS1hbmltYXRpb24tdHlwZT0nb3V0J10ge1xuXHRcdHotaW5kZXg6IDA7XG5cdH1cblxuXHRAbWVkaWEgbm90ICggcHJlZmVycy1yZWR1Y2VkLW1vdGlvbiApIHtcblx0XHQmOm5vdCggW2RhdGEtc2tpcC1hbmltYXRpb25dICkge1xuXHRcdFx0JHsgKCBbICdzdGFydCcsICdlbmQnIF0gYXMgY29uc3QgKS5tYXAoICggZGlyZWN0aW9uICkgPT5cblx0XHRcdFx0KCBbICdpbicsICdvdXQnIF0gYXMgY29uc3QgKS5tYXAoXG5cdFx0XHRcdFx0KCB0eXBlICkgPT4gY3NzYFxuXHRcdFx0XHRcdFx0JltkYXRhLWFuaW1hdGlvbi1kaXJlY3Rpb249JyR7IGRpcmVjdGlvbiB9J11bZGF0YS1hbmltYXRpb24tdHlwZT0nJHsgdHlwZSB9J10ge1xuXHRcdFx0XHRcdFx0XHRhbmltYXRpb246ICR7IEFOSU1BVElPTlsgZGlyZWN0aW9uIF1bIHR5cGUgXSB9O1xuXHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdGBcblx0XHRcdFx0KVxuXHRcdFx0KSB9XG5cdFx0fVxuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgbmF2aWdhdG9yU2NyZWVuID0gY3NzYFxuXHQvKiBFbnN1cmVzIGhvcml6b250YWwgb3ZlcmZsb3cgaXMgdmlzdWFsbHkgYWNjZXNzaWJsZSAqL1xuXHRvdmVyZmxvdy14OiBhdXRvO1xuXHQvKiBJbiBjYXNlIHRoZSByb290IGhhcyBhIGhlaWdodCwgaXQgc2hvdWxkIG5vdCBiZSBleGNlZWRlZCAqL1xuXHRtYXgtaGVpZ2h0OiAxMDAlO1xuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuXHRncmlkLWNvbHVtbjogMSAvIC0xO1xuXHRncmlkLXJvdzogMSAvIC0xO1xuYDtcbiJdfQ== */");
+export const navigatorScreen = process.env.NODE_ENV === "production" ? {
+  name: "14di7zd",
+  styles: "overflow-x:auto;max-height:100%;box-sizing:border-box;position:relative;grid-column:1/-1;grid-row:1/-1"
+} : {
+  name: "x0o5tf-navigatorScreen",
+  styles: "overflow-x:auto;max-height:100%;box-sizing:border-box;position:relative;grid-column:1/-1;grid-row:1/-1;label:navigatorScreen;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvbmF2aWdhdG9yL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrSWtDIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvbmF2aWdhdG9yL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5leHBvcnQgY29uc3QgbmF2aWdhdG9yV3JhcHBlciA9IGNzc2Bcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHQvKiBQcmV2ZW50cyBob3Jpem9udGFsIG92ZXJmbG93IHdoaWxlIGFuaW1hdGluZyBzY3JlZW4gdHJhbnNpdGlvbnMgKi9cblx0b3ZlcmZsb3cteDogY2xpcDtcblx0Lypcblx0ICogTWFyayB0aGlzIERPTSBzdWJ0cmVlIGFzIGlzb2xhdGVkIHdoZW4gaXQgY29tZXMgdG8gbGF5b3V0IGNhbGN1bGF0aW9ucyxcblx0ICogcHJvdmlkaW5nIHBlcmZvcm1hbmNlIGJlbmVmaXRzLlxuXHQgKi9cblx0Y29udGFpbjogbGF5b3V0O1xuXG5cdGRpc3BsYXk6IGdyaWQ7XG5cdGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xuXHRncmlkLXRlbXBsYXRlLXJvd3M6IDFmcjtcblx0YWxpZ24taXRlbXM6IHN0YXJ0O1xuYDtcblxuY29uc3QgZmFkZUluID0ga2V5ZnJhbWVzKCB7XG5cdGZyb206IHtcblx0XHRvcGFjaXR5OiAwLFxuXHR9LFxufSApO1xuXG5jb25zdCBmYWRlT3V0ID0ga2V5ZnJhbWVzKCB7XG5cdHRvOiB7XG5cdFx0b3BhY2l0eTogMCxcblx0fSxcbn0gKTtcblxuZXhwb3J0IGNvbnN0IHNsaWRlRnJvbVJpZ2h0ID0ga2V5ZnJhbWVzKCB7XG5cdGZyb206IHtcblx0XHR0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDEwMHB4KScsXG5cdH0sXG59ICk7XG5cbmV4cG9ydCBjb25zdCBzbGlkZVRvTGVmdCA9IGtleWZyYW1lcygge1xuXHR0bzoge1xuXHRcdHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoLTgwcHgpJyxcblx0fSxcbn0gKTtcblxuZXhwb3J0IGNvbnN0IHNsaWRlRnJvbUxlZnQgPSBrZXlmcmFtZXMoIHtcblx0ZnJvbToge1xuXHRcdHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoLTEwMHB4KScsXG5cdH0sXG59ICk7XG5cbmV4cG9ydCBjb25zdCBzbGlkZVRvUmlnaHQgPSBrZXlmcmFtZXMoIHtcblx0dG86IHtcblx0XHR0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDgwcHgpJyxcblx0fSxcbn0gKTtcblxuY29uc3QgRkFERSA9IHtcblx0RFVSQVRJT046IDcwLFxuXHRFQVNJTkc6ICdsaW5lYXInLFxuXHRERUxBWToge1xuXHRcdElOOiA3MCxcblx0XHRPVVQ6IDQwLFxuXHR9LFxufTtcbmNvbnN0IFNMSURFID0ge1xuXHREVVJBVElPTjogMzAwLFxuXHRFQVNJTkc6ICdjdWJpYy1iZXppZXIoMC4zMywgMCwgMCwgMSknLFxufTtcblxuZXhwb3J0IGNvbnN0IFRPVEFMX0FOSU1BVElPTl9EVVJBVElPTiA9IHtcblx0SU46IE1hdGgubWF4KCBGQURFLkRVUkFUSU9OICsgRkFERS5ERUxBWS5JTiwgU0xJREUuRFVSQVRJT04gKSxcblx0T1VUOiBNYXRoLm1heCggRkFERS5EVVJBVElPTiArIEZBREUuREVMQVkuT1VULCBTTElERS5EVVJBVElPTiApLFxufTtcblxuZXhwb3J0IGNvbnN0IEFOSU1BVElPTl9FTkRfTkFNRVMgPSB7XG5cdGVuZDoge1xuXHRcdGluOiBzbGlkZUZyb21SaWdodC5uYW1lLFxuXHRcdG91dDogc2xpZGVUb0xlZnQubmFtZSxcblx0fSxcblx0c3RhcnQ6IHtcblx0XHRpbjogc2xpZGVGcm9tTGVmdC5uYW1lLFxuXHRcdG91dDogc2xpZGVUb1JpZ2h0Lm5hbWUsXG5cdH0sXG59O1xuXG5jb25zdCBBTklNQVRJT04gPSB7XG5cdGVuZDoge1xuXHRcdGluOiBjc3NgXG5cdFx0XHQkeyBGQURFLkRVUkFUSU9OIH1tcyAkeyBGQURFLkVBU0lORyB9ICR7IEZBREUuREVMQVlcblx0XHRcdFx0LklOIH1tcyBib3RoICR7IGZhZGVJbiB9LCAkeyBTTElERS5EVVJBVElPTiB9bXMgJHsgU0xJREUuRUFTSU5HIH0gYm90aCAkeyBzbGlkZUZyb21SaWdodCB9XG5cdFx0YCxcblx0XHRvdXQ6IGNzc2Bcblx0XHRcdCR7IEZBREUuRFVSQVRJT04gfW1zICR7IEZBREUuRUFTSU5HIH0gJHsgRkFERS5ERUxBWVxuXHRcdFx0XHQuT1VUIH1tcyBib3RoICR7IGZhZGVPdXQgfSwgJHsgU0xJREUuRFVSQVRJT04gfW1zICR7IFNMSURFLkVBU0lORyB9IGJvdGggJHsgc2xpZGVUb0xlZnQgfVxuXHRcdGAsXG5cdH0sXG5cdHN0YXJ0OiB7XG5cdFx0aW46IGNzc2Bcblx0XHRcdCR7IEZBREUuRFVSQVRJT04gfW1zICR7IEZBREUuRUFTSU5HIH0gJHsgRkFERS5ERUxBWVxuXHRcdFx0XHQuSU4gfW1zIGJvdGggJHsgZmFkZUluIH0sICR7IFNMSURFLkRVUkFUSU9OIH1tcyAkeyBTTElERS5FQVNJTkcgfSBib3RoICR7IHNsaWRlRnJvbUxlZnQgfVxuXHRcdGAsXG5cdFx0b3V0OiBjc3NgXG5cdFx0XHQkeyBGQURFLkRVUkFUSU9OIH1tcyAkeyBGQURFLkVBU0lORyB9ICR7IEZBREUuREVMQVlcblx0XHRcdFx0Lk9VVCB9bXMgYm90aCAkeyBmYWRlT3V0IH0sICR7IFNMSURFLkRVUkFUSU9OIH1tcyAkeyBTTElERS5FQVNJTkcgfSBib3RoICR7IHNsaWRlVG9SaWdodCB9XG5cdFx0YCxcblx0fSxcbn0gYXMgY29uc3Q7XG5leHBvcnQgY29uc3QgbmF2aWdhdG9yU2NyZWVuQW5pbWF0aW9uID0gY3NzYFxuXHR6LWluZGV4OiAxO1xuXG5cdCZbZGF0YS1hbmltYXRpb24tdHlwZT0nb3V0J10ge1xuXHRcdHotaW5kZXg6IDA7XG5cdH1cblxuXHRAbWVkaWEgbm90ICggcHJlZmVycy1yZWR1Y2VkLW1vdGlvbiApIHtcblx0XHQmOm5vdCggW2RhdGEtc2tpcC1hbmltYXRpb25dICkge1xuXHRcdFx0JHsgKCBbICdzdGFydCcsICdlbmQnIF0gYXMgY29uc3QgKS5tYXAoICggZGlyZWN0aW9uICkgPT5cblx0XHRcdFx0KCBbICdpbicsICdvdXQnIF0gYXMgY29uc3QgKS5tYXAoXG5cdFx0XHRcdFx0KCB0eXBlICkgPT4gY3NzYFxuXHRcdFx0XHRcdFx0JltkYXRhLWFuaW1hdGlvbi1kaXJlY3Rpb249JyR7IGRpcmVjdGlvbiB9J11bZGF0YS1hbmltYXRpb24tdHlwZT0nJHsgdHlwZSB9J10ge1xuXHRcdFx0XHRcdFx0XHRhbmltYXRpb246ICR7IEFOSU1BVElPTlsgZGlyZWN0aW9uIF1bIHR5cGUgXSB9O1xuXHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdGBcblx0XHRcdFx0KVxuXHRcdFx0KSB9XG5cdFx0fVxuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgbmF2aWdhdG9yU2NyZWVuID0gY3NzYFxuXHQvKiBFbnN1cmVzIGhvcml6b250YWwgb3ZlcmZsb3cgaXMgdmlzdWFsbHkgYWNjZXNzaWJsZSAqL1xuXHRvdmVyZmxvdy14OiBhdXRvO1xuXHQvKiBJbiBjYXNlIHRoZSByb290IGhhcyBhIGhlaWdodCwgaXQgc2hvdWxkIG5vdCBiZSBleGNlZWRlZCAqL1xuXHRtYXgtaGVpZ2h0OiAxMDAlO1xuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuXHRncmlkLWNvbHVtbjogMSAvIC0xO1xuXHRncmlkLXJvdzogMSAvIC0xO1xuYDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-export const navigatorScreen = props => /*#__PURE__*/css("overflow-x:auto;max-height:100%;", navigatorScreenAnimation(props), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:navigatorScreen;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvbmF2aWdhdG9yL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRDhFIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvbmF2aWdhdG9yL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5leHBvcnQgY29uc3QgbmF2aWdhdG9yUHJvdmlkZXJXcmFwcGVyID0gY3NzYFxuXHQvKiBQcmV2ZW50cyBob3Jpem9udGFsIG92ZXJmbG93IHdoaWxlIGFuaW1hdGluZyBzY3JlZW4gdHJhbnNpdGlvbnMgKi9cblx0b3ZlcmZsb3cteDogaGlkZGVuO1xuXHQvKiBNYXJrIHRoaXMgc3Vic2VjdGlvbiBvZiB0aGUgRE9NIGFzIGlzb2xhdGVkLCBwcm92aWRpbmcgcGVyZm9ybWFuY2UgYmVuZWZpdHNcblx0ICogYnkgbGltaXRpbmcgY2FsY3VsYXRpb25zIG9mIGxheW91dCwgc3R5bGUgYW5kIHBhaW50IHRvIGEgRE9NIHN1YnRyZWUgcmF0aGVyXG5cdCAqIHRoYW4gdGhlIGVudGlyZSBwYWdlLlxuXHQgKi9cblx0Y29udGFpbjogY29udGVudDtcbmA7XG5cbmNvbnN0IGZhZGVJbkZyb21SaWdodCA9IGtleWZyYW1lcygge1xuXHQnMCUnOiB7XG5cdFx0b3BhY2l0eTogMCxcblx0XHR0cmFuc2Zvcm06IGB0cmFuc2xhdGVYKCA1MHB4IClgLFxuXHR9LFxuXHQnMTAwJSc6IHsgb3BhY2l0eTogMSwgdHJhbnNmb3JtOiAnbm9uZScgfSxcbn0gKTtcblxuY29uc3QgZmFkZUluRnJvbUxlZnQgPSBrZXlmcmFtZXMoIHtcblx0JzAlJzoge1xuXHRcdG9wYWNpdHk6IDAsXG5cdFx0dHJhbnNmb3JtOiBgdHJhbnNsYXRlWCggLTUwcHggKWAsXG5cdH0sXG5cdCcxMDAlJzogeyBvcGFjaXR5OiAxLCB0cmFuc2Zvcm06ICdub25lJyB9LFxufSApO1xuXG50eXBlIE5hdmlnYXRvclNjcmVlbkFuaW1hdGlvblByb3BzID0ge1xuXHRpc0luaXRpYWw/OiBib29sZWFuO1xuXHRpc0JhY2s/OiBib29sZWFuO1xuXHRpc1JUTDogYm9vbGVhbjtcbn07XG5cbmNvbnN0IG5hdmlnYXRvclNjcmVlbkFuaW1hdGlvbiA9ICgge1xuXHRpc0luaXRpYWwsXG5cdGlzQmFjayxcblx0aXNSVEwsXG59OiBOYXZpZ2F0b3JTY3JlZW5BbmltYXRpb25Qcm9wcyApID0+IHtcblx0aWYgKCBpc0luaXRpYWwgJiYgISBpc0JhY2sgKSB7XG5cdFx0cmV0dXJuO1xuXHR9XG5cblx0Y29uc3QgYW5pbWF0aW9uTmFtZSA9XG5cdFx0KCBpc1JUTCAmJiBpc0JhY2sgKSB8fCAoICEgaXNSVEwgJiYgISBpc0JhY2sgKVxuXHRcdFx0PyBmYWRlSW5Gcm9tUmlnaHRcblx0XHRcdDogZmFkZUluRnJvbUxlZnQ7XG5cblx0cmV0dXJuIGNzc2Bcblx0XHRhbmltYXRpb24tZHVyYXRpb246IDAuMTRzO1xuXHRcdGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xuXHRcdHdpbGwtY2hhbmdlOiB0cmFuc2Zvcm0sIG9wYWNpdHk7XG5cdFx0YW5pbWF0aW9uLW5hbWU6ICR7IGFuaW1hdGlvbk5hbWUgfTtcblxuXHRcdEBtZWRpYSAoIHByZWZlcnMtcmVkdWNlZC1tb3Rpb24gKSB7XG5cdFx0XHRhbmltYXRpb24tZHVyYXRpb246IDBzO1xuXHRcdH1cblx0YDtcbn07XG5cbmV4cG9ydCBjb25zdCBuYXZpZ2F0b3JTY3JlZW4gPSAoIHByb3BzOiBOYXZpZ2F0b3JTY3JlZW5BbmltYXRpb25Qcm9wcyApID0+IGNzc2Bcblx0LyogRW5zdXJlcyBob3Jpem9udGFsIG92ZXJmbG93IGlzIHZpc3VhbGx5IGFjY2Vzc2libGUgKi9cblx0b3ZlcmZsb3cteDogYXV0bztcblx0LyogSW4gY2FzZSB0aGUgcm9vdCBoYXMgYSBoZWlnaHQsIGl0IHNob3VsZCBub3QgYmUgZXhjZWVkZWQgKi9cblx0bWF4LWhlaWdodDogMTAwJTtcblxuXHQkeyBuYXZpZ2F0b3JTY3JlZW5BbmltYXRpb24oIHByb3BzICkgfVxuYDtcbiJdfQ== */");
 //# sourceMappingURL=styles.js.map