@wordpress/components 28.8.4 → 28.9.0

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

@@ -0,0 +1,114 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useScreenAnimatePresence = useScreenAnimatePresence;
+var _element = require("@wordpress/element");
+var _compose = require("@wordpress/compose");
+var _i18n = require("@wordpress/i18n");
+var styles = _interopRequireWildcard(require("../styles"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+// 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;
+function useScreenAnimatePresence({
+  isMatch,
+  skipAnimation,
+  isBack,
+  onAnimationEnd
+}) {
+  const isRTL = (0, _i18n.isRTL)();
+  const prefersReducedMotion = (0, _compose.useReducedMotion)();
+  const [animationStatus, setAnimationStatus] = (0, _element.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;
+  (0, _element.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 = (0, _element.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.
+  (0, _element.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/navigator/navigator-screen/use-screen-animate-presence.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_element","require","_compose","_i18n","styles","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ANIMATION_TIMEOUT_MARGIN","isEnterAnimation","animationDirection","animationStatus","animationName","ANIMATION_END_NAMES","in","isExitAnimation","out","useScreenAnimatePresence","isMatch","skipAnimation","isBack","onAnimationEnd","isRTL","isRTLFn","prefersReducedMotion","useReducedMotion","setAnimationStatus","useState","becameSelected","becameUnselected","useLayoutEffect","isAnimatingIn","isAnimatingOut","animationType","onScreenAnimationEnd","useCallback","useEffect","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/navigator/navigator-to-parent-button/component.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.NavigatorToParentButton = void 0;
+exports.NavigatorToParentButton = void 0;
 var _deprecated = _interopRequireDefault(require("@wordpress/deprecated"));
 var _component = require("../navigator-back-button/component");
 var _context = require("../../context");
@@ -20,7 +20,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 function UnconnectedNavigatorToParentButton(props, forwardedRef) {
   (0, _deprecated.default)('wp.components.NavigatorToParentButton', {
     since: '6.7',
-    alternative: 'wp.components.NavigatorBackButton'
+    alternative: 'wp.components.Navigator.BackButton'
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_component.NavigatorBackButton, {
     ref: forwardedRef,
@@ -29,11 +29,7 @@ function UnconnectedNavigatorToParentButton(props, forwardedRef) {
 }
 
 /**
- * _Note: this component is deprecated. Please use the `NavigatorBackButton`
- * component instead._
- *
  * @deprecated
  */
-const NavigatorToParentButton = exports.NavigatorToParentButton = (0, _context.contextConnect)(UnconnectedNavigatorToParentButton, 'NavigatorToParentButton');
-var _default = exports.default = NavigatorToParentButton;
+const NavigatorToParentButton = exports.NavigatorToParentButton = (0, _context.contextConnect)(UnconnectedNavigatorToParentButton, 'Navigator.ToParentButton');
 //# sourceMappingURL=component.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_deprecated","_interopRequireDefault","require","_component","_context","_jsxRuntime","UnconnectedNavigatorToParentButton","props","forwardedRef","deprecated","since","alternative","jsx","NavigatorBackButton","ref","NavigatorToParentButton","exports","contextConnect","_default","default"],"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":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,UAAA,GAAAD,OAAA;AAEA,IAAAE,QAAA,GAAAF,OAAA;AAA+C,IAAAG,WAAA,GAAAH,OAAA;AAV/C;AACA;AACA;;AAGA;AACA;AACA;;AAMA,SAASI,kCAAkCA,CAC1CC,KAAoE,EACpEC,YAAuC,EACtC;EACD,IAAAC,mBAAU,EAAE,uCAAuC,EAAE;IACpDC,KAAK,EAAE,KAAK;IACZC,WAAW,EAAE;EACd,CAAE,CAAC;EAEH,oBAAO,IAAAN,WAAA,CAAAO,GAAA,EAACT,UAAA,CAAAU,mBAAmB;IAACC,GAAG,EAAGN,YAAc;IAAA,GAAMD;EAAK,CAAI,CAAC;AACjE;;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMQ,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,IAAAE,uBAAc,EACpDX,kCAAkC,EAClC,yBACD,CAAC;AAAC,IAAAY,QAAA,GAAAF,OAAA,CAAAG,OAAA,GAEaJ,uBAAuB","ignoreList":[]}
+{"version":3,"names":["_deprecated","_interopRequireDefault","require","_component","_context","_jsxRuntime","UnconnectedNavigatorToParentButton","props","forwardedRef","deprecated","since","alternative","jsx","NavigatorBackButton","ref","NavigatorToParentButton","exports","contextConnect"],"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":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,UAAA,GAAAD,OAAA;AAEA,IAAAE,QAAA,GAAAF,OAAA;AAA+C,IAAAG,WAAA,GAAAH,OAAA;AAV/C;AACA;AACA;;AAGA;AACA;AACA;;AAMA,SAASI,kCAAkCA,CAC1CC,KAAoE,EACpEC,YAAuC,EACtC;EACD,IAAAC,mBAAU,EAAE,uCAAuC,EAAE;IACpDC,KAAK,EAAE,KAAK;IACZC,WAAW,EAAE;EACd,CAAE,CAAC;EAEH,oBAAO,IAAAN,WAAA,CAAAO,GAAA,EAACT,UAAA,CAAAU,mBAAmB;IAACC,GAAG,EAAGN,YAAc;IAAA,GAAMD;EAAK,CAAI,CAAC;AACjE;;AAEA;AACA;AACA;AACO,MAAMQ,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,IAAAE,uBAAc,EACpDX,kCAAkC,EAClC,0BACD,CAAC","ignoreList":[]}

package/build/navigator/styles.js

@@ -3,51 +3,94 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.navigatorScreen = exports.navigatorProviderWrapper = void 0;
+exports.slideToRight = exports.slideToLeft = exports.slideFromRight = exports.slideFromLeft = exports.navigatorWrapper = exports.navigatorScreenAnimation = exports.navigatorScreen = exports.TOTAL_ANIMATION_DURATION = exports.ANIMATION_END_NAMES = void 0;
 var _react = require("@emotion/react");
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; } /**
  * External dependencies
  */
-const navigatorProviderWrapper = exports.navigatorProviderWrapper = process.env.NODE_ENV === "production" ? {
-  name: "xpkswc",
-  styles: "overflow-x:hidden;contain:content"
+const navigatorWrapper = exports.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 = (0, _react.keyframes)({
-  '0%': {
-    opacity: 0,
-    transform: `translateX( 50px )`
-  },
-  '100%': {
-    opacity: 1,
-    transform: 'none'
+const fadeIn = (0, _react.keyframes)({
+  from: {
+    opacity: 0
   }
 });
-const fadeInFromLeft = (0, _react.keyframes)({
-  '0%': {
-    opacity: 0,
-    transform: `translateX( -50px )`
-  },
-  '100%': {
-    opacity: 1,
-    transform: 'none'
+const fadeOut = (0, _react.keyframes)({
+  to: {
+    opacity: 0
+  }
+});
+const slideFromRight = exports.slideFromRight = (0, _react.keyframes)({
+  from: {
+    transform: 'translateX(100px)'
+  }
+});
+const slideToLeft = exports.slideToLeft = (0, _react.keyframes)({
+  to: {
+    transform: 'translateX(-80px)'
   }
 });
-const navigatorScreenAnimation = ({
-  isInitial,
-  isBack,
-  isRTL
-}) => {
-  if (isInitial && !isBack) {
-    return;
-  }
-  const animationName = isRTL && isBack || !isRTL && !isBack ? fadeInFromRight : fadeInFromLeft;
-  return /*#__PURE__*/(0, _react.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 */");
+const slideFromLeft = exports.slideFromLeft = (0, _react.keyframes)({
+  from: {
+    transform: 'translateX(-100px)'
+  }
+});
+const slideToRight = exports.slideToRight = (0, _react.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)'
+};
+const TOTAL_ANIMATION_DURATION = exports.TOTAL_ANIMATION_DURATION = {
+  IN: Math.max(FADE.DURATION + FADE.DELAY.IN, SLIDE.DURATION),
+  OUT: Math.max(FADE.DURATION + FADE.DELAY.OUT, SLIDE.DURATION)
+};
+const ANIMATION_END_NAMES = exports.ANIMATION_END_NAMES = {
+  end: {
+    in: slideFromRight.name,
+    out: slideToLeft.name
+  },
+  start: {
+    in: slideFromLeft.name,
+    out: slideToRight.name
+  }
+};
+const ANIMATION = {
+  end: {
+    in: /*#__PURE__*/(0, _react.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__*/(0, _react.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__*/(0, _react.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__*/(0, _react.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 */")
+  }
+};
+const navigatorScreenAnimation = exports.navigatorScreenAnimation = /*#__PURE__*/(0, _react.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__*/(0, _react.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== */");
+const navigatorScreen = exports.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__
 };
-const navigatorScreen = props => /*#__PURE__*/(0, _react.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== */");
-exports.navigatorScreen = navigatorScreen;
 //# sourceMappingURL=styles.js.map

package/build/navigator/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_EMOTION_STRINGIFIED_CSS_ERROR__","navigatorProviderWrapper","exports","process","env","NODE_ENV","name","styles","map","toString","fadeInFromRight","keyframes","opacity","transform","fadeInFromLeft","navigatorScreenAnimation","isInitial","isBack","isRTL","animationName","css","navigatorScreen","props"],"sources":["@wordpress/components/src/navigator/styles.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport { css, keyframes } from '@emotion/react';\n\nexport const navigatorProviderWrapper = css`\n\t/* Prevents horizontal overflow while animating screen transitions */\n\toverflow-x: hidden;\n\t/* Mark this subsection of the DOM as isolated, providing performance benefits\n\t * by limiting calculations of layout, style and paint to a DOM subtree rather\n\t * than the entire page.\n\t */\n\tcontain: content;\n`;\n\nconst fadeInFromRight = keyframes( {\n\t'0%': {\n\t\topacity: 0,\n\t\ttransform: `translateX( 50px )`,\n\t},\n\t'100%': { opacity: 1, transform: 'none' },\n} );\n\nconst fadeInFromLeft = keyframes( {\n\t'0%': {\n\t\topacity: 0,\n\t\ttransform: `translateX( -50px )`,\n\t},\n\t'100%': { opacity: 1, transform: 'none' },\n} );\n\ntype NavigatorScreenAnimationProps = {\n\tisInitial?: boolean;\n\tisBack?: boolean;\n\tisRTL: boolean;\n};\n\nconst navigatorScreenAnimation = ( {\n\tisInitial,\n\tisBack,\n\tisRTL,\n}: NavigatorScreenAnimationProps ) => {\n\tif ( isInitial && ! isBack ) {\n\t\treturn;\n\t}\n\n\tconst animationName =\n\t\t( isRTL && isBack ) || ( ! isRTL && ! isBack )\n\t\t\t? fadeInFromRight\n\t\t\t: fadeInFromLeft;\n\n\treturn css`\n\t\tanimation-duration: 0.14s;\n\t\tanimation-timing-function: ease-in-out;\n\t\twill-change: transform, opacity;\n\t\tanimation-name: ${ animationName };\n\n\t\t@media ( prefers-reduced-motion ) {\n\t\t\tanimation-duration: 0s;\n\t\t}\n\t`;\n};\n\nexport const navigatorScreen = ( props: NavigatorScreenAnimationProps ) => css`\n\t/* Ensures horizontal overflow is visually accessible */\n\toverflow-x: auto;\n\t/* In case the root has a height, it should not be exceeded */\n\tmax-height: 100%;\n\n\t${ navigatorScreenAnimation( props ) }\n`;\n"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AAAgD,SAAAC,iCAAA,gPAHhD;AACA;AACA;AAGO,MAAMC,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAAE,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAT;AAAA,CAQpC;AAED,MAAMU,eAAe,GAAG,IAAAC,gBAAS,EAAE;EAClC,IAAI,EAAE;IACLC,OAAO,EAAE,CAAC;IACVC,SAAS,EAAG;EACb,CAAC;EACD,MAAM,EAAE;IAAED,OAAO,EAAE,CAAC;IAAEC,SAAS,EAAE;EAAO;AACzC,CAAE,CAAC;AAEH,MAAMC,cAAc,GAAG,IAAAH,gBAAS,EAAE;EACjC,IAAI,EAAE;IACLC,OAAO,EAAE,CAAC;IACVC,SAAS,EAAG;EACb,CAAC;EACD,MAAM,EAAE;IAAED,OAAO,EAAE,CAAC;IAAEC,SAAS,EAAE;EAAO;AACzC,CAAE,CAAC;AAQH,MAAME,wBAAwB,GAAGA,CAAE;EAClCC,SAAS;EACTC,MAAM;EACNC;AAC8B,CAAC,KAAM;EACrC,IAAKF,SAAS,IAAI,CAAEC,MAAM,EAAG;IAC5B;EACD;EAEA,MAAME,aAAa,GAChBD,KAAK,IAAID,MAAM,IAAQ,CAAEC,KAAK,IAAI,CAAED,MAAQ,GAC3CP,eAAe,GACfI,cAAc;EAElB,wBAAOM,UAAG,kHAIUD,aAAa,kEAAAhB,OAAA,CAAAC,GAAA,CAAAC,QAAA,8DAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;AAMlC,CAAC;AAEM,MAAMgB,eAAe,GAAKC,KAAoC,qBAAMF,UAAG,sCAM1EL,wBAAwB,CAAEO,KAAM,CAAC,SAAAnB,OAAA,CAAAC,GAAA,CAAAC,QAAA,qDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,mnFACpC;AAACH,OAAA,CAAAmB,eAAA,GAAAA,eAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_EMOTION_STRINGIFIED_CSS_ERROR__","navigatorWrapper","exports","process","env","NODE_ENV","name","styles","map","toString","fadeIn","keyframes","from","opacity","fadeOut","to","slideFromRight","transform","slideToLeft","slideFromLeft","slideToRight","FADE","DURATION","EASING","DELAY","IN","OUT","SLIDE","TOTAL_ANIMATION_DURATION","Math","max","ANIMATION_END_NAMES","end","in","out","start","ANIMATION","css","navigatorScreenAnimation","direction","type","navigatorScreen"],"sources":["@wordpress/components/src/navigator/styles.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport { css, keyframes } from '@emotion/react';\n\nexport const navigatorWrapper = css`\n\tposition: relative;\n\t/* Prevents horizontal overflow while animating screen transitions */\n\toverflow-x: clip;\n\t/*\n\t * Mark this DOM subtree as isolated when it comes to layout calculations,\n\t * providing performance benefits.\n\t */\n\tcontain: layout;\n\n\tdisplay: grid;\n\tgrid-template-columns: 1fr;\n\tgrid-template-rows: 1fr;\n\talign-items: start;\n`;\n\nconst fadeIn = keyframes( {\n\tfrom: {\n\t\topacity: 0,\n\t},\n} );\n\nconst fadeOut = keyframes( {\n\tto: {\n\t\topacity: 0,\n\t},\n} );\n\nexport const slideFromRight = keyframes( {\n\tfrom: {\n\t\ttransform: 'translateX(100px)',\n\t},\n} );\n\nexport const slideToLeft = keyframes( {\n\tto: {\n\t\ttransform: 'translateX(-80px)',\n\t},\n} );\n\nexport const slideFromLeft = keyframes( {\n\tfrom: {\n\t\ttransform: 'translateX(-100px)',\n\t},\n} );\n\nexport const slideToRight = keyframes( {\n\tto: {\n\t\ttransform: 'translateX(80px)',\n\t},\n} );\n\nconst FADE = {\n\tDURATION: 70,\n\tEASING: 'linear',\n\tDELAY: {\n\t\tIN: 70,\n\t\tOUT: 40,\n\t},\n};\nconst SLIDE = {\n\tDURATION: 300,\n\tEASING: 'cubic-bezier(0.33, 0, 0, 1)',\n};\n\nexport const TOTAL_ANIMATION_DURATION = {\n\tIN: Math.max( FADE.DURATION + FADE.DELAY.IN, SLIDE.DURATION ),\n\tOUT: Math.max( FADE.DURATION + FADE.DELAY.OUT, SLIDE.DURATION ),\n};\n\nexport const ANIMATION_END_NAMES = {\n\tend: {\n\t\tin: slideFromRight.name,\n\t\tout: slideToLeft.name,\n\t},\n\tstart: {\n\t\tin: slideFromLeft.name,\n\t\tout: slideToRight.name,\n\t},\n};\n\nconst ANIMATION = {\n\tend: {\n\t\tin: css`\n\t\t\t${ FADE.DURATION }ms ${ FADE.EASING } ${ FADE.DELAY\n\t\t\t\t.IN }ms both ${ fadeIn }, ${ SLIDE.DURATION }ms ${ SLIDE.EASING } both ${ slideFromRight }\n\t\t`,\n\t\tout: css`\n\t\t\t${ FADE.DURATION }ms ${ FADE.EASING } ${ FADE.DELAY\n\t\t\t\t.OUT }ms both ${ fadeOut }, ${ SLIDE.DURATION }ms ${ SLIDE.EASING } both ${ slideToLeft }\n\t\t`,\n\t},\n\tstart: {\n\t\tin: css`\n\t\t\t${ FADE.DURATION }ms ${ FADE.EASING } ${ FADE.DELAY\n\t\t\t\t.IN }ms both ${ fadeIn }, ${ SLIDE.DURATION }ms ${ SLIDE.EASING } both ${ slideFromLeft }\n\t\t`,\n\t\tout: css`\n\t\t\t${ FADE.DURATION }ms ${ FADE.EASING } ${ FADE.DELAY\n\t\t\t\t.OUT }ms both ${ fadeOut }, ${ SLIDE.DURATION }ms ${ SLIDE.EASING } both ${ slideToRight }\n\t\t`,\n\t},\n} as const;\nexport const navigatorScreenAnimation = css`\n\tz-index: 1;\n\n\t&[data-animation-type='out'] {\n\t\tz-index: 0;\n\t}\n\n\t@media not ( prefers-reduced-motion ) {\n\t\t&:not( [data-skip-animation] ) {\n\t\t\t${ ( [ 'start', 'end' ] as const ).map( ( direction ) =>\n\t\t\t\t( [ 'in', 'out' ] as const ).map(\n\t\t\t\t\t( type ) => css`\n\t\t\t\t\t\t&[data-animation-direction='${ direction }'][data-animation-type='${ type }'] {\n\t\t\t\t\t\t\tanimation: ${ ANIMATION[ direction ][ type ] };\n\t\t\t\t\t\t}\n\t\t\t\t\t`\n\t\t\t\t)\n\t\t\t) }\n\t\t}\n\t}\n`;\n\nexport const navigatorScreen = css`\n\t/* Ensures horizontal overflow is visually accessible */\n\toverflow-x: auto;\n\t/* In case the root has a height, it should not be exceeded */\n\tmax-height: 100%;\n\tbox-sizing: border-box;\n\n\tposition: relative;\n\n\tgrid-column: 1 / -1;\n\tgrid-row: 1 / -1;\n`;\n"],"mappings":"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","ignoreList":[]}

package/build/navigator/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["@wordpress/components/src/navigator/types.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ReactNode } from 'react';\n\n/**\n * Internal dependencies\n */\nimport type { ButtonAsButtonProps } from '../button/types';\n\nexport type MatchParams = Record< string, string | string[] >;\n\nexport type NavigateOptions = {\n\t/**\n\t * Specify the CSS selector used to restore focus on an given element when\n\t * navigating back. When not provided, the component will attempt to restore\n\t * focus on the element that originated the forward navigation.\n\t */\n\tfocusTargetSelector?: string;\n\t/**\n\t * Whether the navigation is a backwards navigation. This enables focus\n\t * restoration (when possible), and causes the animation to be backwards.\n\t */\n\tisBack?: boolean;\n\t/**\n\t * Opt out of focus management. Useful when the consumer of the component\n\t * wants to manage focus themselves.\n\t */\n\tskipFocus?: boolean;\n\t/**\n\t * Note: this option is deprecated and currently doesn't have any effect.\n\t * @deprecated\n\t * @ignore\n\t */\n\treplace?: boolean;\n};\n\nexport type NavigateToParentOptions = Omit< NavigateOptions, 'isBack' >;\n\nexport type NavigatorLocation = NavigateOptions & {\n\t/**\n\t * Whether the current location is the initial one (ie. first in the stack).\n\t */\n\tisInitial?: boolean;\n\t/**\n\t * The path associated to the location.\n\t */\n\tpath?: string;\n\t/**\n\t * Whether focus was already restored for this location (in case of\n\t * backwards navigation).\n\t */\n\thasRestoredFocus?: boolean;\n};\n\n// Returned by the `useNavigator` hook.\nexport type Navigator = {\n\t/**\n\t * The current location.\n\t */\n\tlocation: NavigatorLocation;\n\t/**\n\t * Params associated with the current location\n\t */\n\tparams: MatchParams;\n\t/**\n\t * Navigate to a new location.\n\t */\n\tgoTo: ( path: string, options?: NavigateOptions ) => void;\n\t/**\n\t * Go back to the parent location (ie. \"/some/path\" will navigate back\n\t * to \"/some\")\n\t */\n\tgoBack: ( options?: NavigateToParentOptions ) => void;\n\t/**\n\t * _Note: This function is deprecated. Please use `goBack` instead._\n\t * @deprecated\n\t * @ignore\n\t */\n\tgoToParent: ( options?: NavigateToParentOptions ) => void;\n};\n\nexport type NavigatorContext = Navigator & {\n\taddScreen: ( screen: Screen ) => void;\n\tremoveScreen: ( screen: Screen ) => void;\n\tmatch?: string;\n};\n\nexport type NavigatorProviderProps = {\n\t/**\n\t * The initial active path.\n\t */\n\tinitialPath: string;\n\t/**\n\t * The children elements.\n\t */\n\tchildren: ReactNode;\n};\n\nexport type NavigatorScreenProps = {\n\t/**\n\t * The screen's path, matched against the current path stored in the navigator.\n\t */\n\tpath: string;\n\t/**\n\t * The children elements.\n\t */\n\tchildren: ReactNode;\n};\n\nexport type NavigatorBackButtonProps = ButtonAsButtonProps;\n\nexport type NavigatorToParentButtonProps = NavigatorBackButtonProps;\n\nexport type NavigatorButtonProps = NavigatorBackButtonProps & {\n\t/**\n\t * The path of the screen to navigate to. The value of this prop needs to be\n\t * a valid value for an HTML attribute.\n\t */\n\tpath: string;\n\t/**\n\t * The HTML attribute used to identify the `NavigatorButton`, which is used\n\t * by `Navigator` to restore focus.\n\t *\n\t * @default 'id'\n\t */\n\tattributeName?: string;\n};\n\nexport type Screen = {\n\tid: string;\n\tpath: string;\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["@wordpress/components/src/navigator/types.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ReactNode } from 'react';\n\n/**\n * Internal dependencies\n */\nimport type { ButtonAsButtonProps } from '../button/types';\n\nexport type MatchParams = Record< string, string | string[] >;\n\nexport type NavigateOptions = {\n\t/**\n\t * Specify the CSS selector used to restore focus on an given element when\n\t * navigating back. When not provided, the component will attempt to restore\n\t * focus on the element that originated the forward navigation.\n\t */\n\tfocusTargetSelector?: string;\n\t/**\n\t * Whether the navigation is a backwards navigation. This enables focus\n\t * restoration (when possible), and causes the animation to be backwards.\n\t */\n\tisBack?: boolean;\n\t/**\n\t * Opt out of focus management. Useful when the consumer of the component\n\t * wants to manage focus themselves.\n\t */\n\tskipFocus?: boolean;\n\t/**\n\t * Note: this option is deprecated and currently doesn't have any effect.\n\t * @deprecated\n\t * @ignore\n\t */\n\treplace?: boolean;\n};\n\nexport type NavigateToParentOptions = Omit< NavigateOptions, 'isBack' >;\n\nexport type NavigatorLocation = NavigateOptions & {\n\t/**\n\t * Whether the current location is the initial one (ie. first in the stack).\n\t */\n\tisInitial?: boolean;\n\t/**\n\t * The path associated to the location.\n\t */\n\tpath?: string;\n\t/**\n\t * Whether focus was already restored for this location (in case of\n\t * backwards navigation).\n\t */\n\thasRestoredFocus?: boolean;\n};\n\n// Returned by the `useNavigator` hook.\nexport type Navigator = {\n\t/**\n\t * The current location.\n\t */\n\tlocation: NavigatorLocation;\n\t/**\n\t * Params associated with the current location\n\t */\n\tparams: MatchParams;\n\t/**\n\t * Navigate to a new location.\n\t */\n\tgoTo: ( path: string, options?: NavigateOptions ) => void;\n\t/**\n\t * Go back to the parent location (ie. \"/some/path\" will navigate back\n\t * to \"/some\")\n\t */\n\tgoBack: ( options?: NavigateToParentOptions ) => void;\n\t/**\n\t * _Note: This function is deprecated. Please use `goBack` instead._\n\t * @deprecated\n\t * @ignore\n\t */\n\tgoToParent: ( options?: NavigateToParentOptions ) => void;\n};\n\nexport type NavigatorContext = Navigator & {\n\taddScreen: ( screen: Screen ) => void;\n\tremoveScreen: ( screen: Screen ) => void;\n\tmatch?: string;\n};\n\nexport type NavigatorProps = {\n\t/**\n\t * The initial active path.\n\t */\n\tinitialPath: string;\n\t/**\n\t * The children elements.\n\t */\n\tchildren: ReactNode;\n};\n\nexport type NavigatorScreenProps = {\n\t/**\n\t * The screen's path, matched against the current path stored in the navigator.\n\t *\n\t * `Navigator` assumes that screens are organized hierarchically according\n\t * to their `path`, which should follow a URL-like scheme where each path\n\t * segment starts with and is separated by the `/` character.\n\t *\n\t * `Navigator` will treat \"back\" navigations as going to the parent screen —\n\t * it is, therefore, the responsibility of the consumer of the component to\n\t * create the correct screen hierarchy.\n\t *\n\t * For example:\n\t *  - `/` is the root of all paths. There should always be a screen with\n\t *    `path=\"/\"`;\n\t *  - `/parent/child` is a child of `/parent`;\n\t *  - `/parent/child/grand-child` is a child of `/parent/child`;\n\t *  - `/parent/:param` is a child of `/parent` as well;\n\t *  - if the current screen has a `path=\"/parent/child/grand-child\"`, when\n\t *    going \"back\" `Navigator` will try to recursively navigate the path\n\t *    hierarchy until a matching screen (or the root `/`) is found.\n\t */\n\tpath: string;\n\t/**\n\t * The children elements.\n\t */\n\tchildren: ReactNode;\n};\n\nexport type NavigatorBackButtonProps = ButtonAsButtonProps;\n\nexport type NavigatorToParentButtonProps = NavigatorBackButtonProps;\n\nexport type NavigatorButtonProps = NavigatorBackButtonProps & {\n\t/**\n\t * The path of the screen to navigate to. The value of this prop needs to be\n\t * a valid value for an HTML attribute.\n\t */\n\tpath: string;\n\t/**\n\t * The HTML attribute used to identify the `NavigatorButton`, which is used\n\t * by `Navigator` to restore focus.\n\t *\n\t * @default 'id'\n\t */\n\tattributeName?: string;\n};\n\nexport type Screen = {\n\tid: string;\n\tpath: string;\n};\n"],"mappings":"","ignoreList":[]}

package/build/navigator/use-navigator.js

@@ -15,7 +15,10 @@ var _context = require("./context");
  */
 
 /**
- * Retrieves a `navigator` instance.
+ * Retrieves a `navigator` instance. This hook provides advanced functionality,
+ * such as imperatively navigating to a new location (with options like
+ * navigating back or skipping focus restoration) and accessing the current
+ * location and path parameters.
  */
 function useNavigator() {
   const {

package/build/navigator/use-navigator.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_context","useNavigator","location","params","goTo","goBack","goToParent","useContext","NavigatorContext"],"sources":["@wordpress/components/src/navigator/use-navigator.ts"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { NavigatorContext } from './context';\nimport type { Navigator } from './types';\n\n/**\n * Retrieves a `navigator` instance.\n */\nexport function useNavigator(): Navigator {\n\tconst { location, params, goTo, goBack, goToParent } =\n\t\tuseContext( NavigatorContext );\n\n\treturn {\n\t\tlocation,\n\t\tgoTo,\n\t\tgoBack,\n\t\tgoToParent,\n\t\tparams,\n\t};\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;AACO,SAASE,YAAYA,CAAA,EAAc;EACzC,MAAM;IAAEC,QAAQ;IAAEC,MAAM;IAAEC,IAAI;IAAEC,MAAM;IAAEC;EAAW,CAAC,GACnD,IAAAC,mBAAU,EAAEC,yBAAiB,CAAC;EAE/B,OAAO;IACNN,QAAQ;IACRE,IAAI;IACJC,MAAM;IACNC,UAAU;IACVH;EACD,CAAC;AACF","ignoreList":[]}
+{"version":3,"names":["_element","require","_context","useNavigator","location","params","goTo","goBack","goToParent","useContext","NavigatorContext"],"sources":["@wordpress/components/src/navigator/use-navigator.ts"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { NavigatorContext } from './context';\nimport type { Navigator } from './types';\n\n/**\n * Retrieves a `navigator` instance. This hook provides advanced functionality,\n * such as imperatively navigating to a new location (with options like\n * navigating back or skipping focus restoration) and accessing the current\n * location and path parameters.\n */\nexport function useNavigator(): Navigator {\n\tconst { location, params, goTo, goBack, goToParent } =\n\t\tuseContext( NavigatorContext );\n\n\treturn {\n\t\tlocation,\n\t\tgoTo,\n\t\tgoBack,\n\t\tgoToParent,\n\t\tparams,\n\t};\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,YAAYA,CAAA,EAAc;EACzC,MAAM;IAAEC,QAAQ;IAAEC,MAAM;IAAEC,IAAI;IAAEC,MAAM;IAAEC;EAAW,CAAC,GACnD,IAAAC,mBAAU,EAAEC,yBAAiB,CAAC;EAE/B,OAAO;IACNN,QAAQ;IACRE,IAAI;IACJC,MAAM;IACNC,UAAU;IACVH;EACD,CAAC;AACF","ignoreList":[]}

package/build/search-control/index.js

@@ -62,7 +62,10 @@ function UnforwardedSearchControl({
 }, forwardedRef) {
   // @ts-expect-error The `disabled` prop is not yet supported in the SearchControl component.
   // Work with the design team (@WordPress/gutenberg-design) if you need this feature.
-  delete restProps.disabled;
+  const {
+    disabled,
+    ...filteredRestProps
+  } = restProps;
   const searchRef = (0, _element.useRef)(null);
   const instanceId = (0, _compose.useInstanceId)(SearchControl, 'components-search-control');
   const contextValue = (0, _element.useMemo)(() => ({
@@ -104,7 +107,7 @@ function UnforwardedSearchControl({
           onClose: onClose
         })
       }),
-      ...restProps
+      ...filteredRestProps
     })
   });
 }

package/build/search-control/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_compose","_i18n","_icons","_element","_button","_context","_styles","_jsxRuntime","SuffixItem","searchRef","value","onChange","onClose","jsx","Icon","icon","search","onReset","current","focus","default","size","closeSmall","label","__","onClick","UnforwardedSearchControl","__nextHasNoMarginBottom","className","placeholder","hideLabelFromVision","restProps","forwardedRef","disabled","useRef","instanceId","useInstanceId","SearchControl","contextValue","useMemo","BaseControl","_overrides","__associatedWPComponentName","InputBase","isBorderless","ContextSystemProvider","children","StyledInputControl","__next40pxDefaultSize","id","ref","useMergeRefs","type","clsx","nextValue","autoComplete","suffix","SuffixItemWrapper","exports","forwardRef","_default"],"sources":["@wordpress/components/src/search-control/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId, useMergeRefs } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { Icon, search, closeSmall } from '@wordpress/icons';\nimport { forwardRef, useMemo, useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Button from '../button';\nimport type { WordPressComponentProps } from '../context/wordpress-component';\nimport type { SearchControlProps, SuffixItemProps } from './types';\nimport type { ForwardedRef } from 'react';\nimport { ContextSystemProvider } from '../context';\nimport { StyledInputControl, SuffixItemWrapper } from './styles';\n\nfunction SuffixItem( {\n\tsearchRef,\n\tvalue,\n\tonChange,\n\tonClose,\n}: SuffixItemProps ) {\n\tif ( ! onClose && ! value ) {\n\t\treturn <Icon icon={ search } />;\n\t}\n\n\tconst onReset = () => {\n\t\tonChange( '' );\n\t\tsearchRef.current?.focus();\n\t};\n\n\treturn (\n\t\t<Button\n\t\t\tsize=\"small\"\n\t\t\ticon={ closeSmall }\n\t\t\tlabel={ onClose ? __( 'Close search' ) : __( 'Reset search' ) }\n\t\t\tonClick={ onClose ?? onReset }\n\t\t/>\n\t);\n}\n\nfunction UnforwardedSearchControl(\n\t{\n\t\t__nextHasNoMarginBottom = false,\n\t\tclassName,\n\t\tonChange,\n\t\tvalue,\n\t\tlabel = __( 'Search' ),\n\t\tplaceholder = __( 'Search' ),\n\t\thideLabelFromVision = true,\n\t\tonClose,\n\t\tsize = 'default',\n\t\t...restProps\n\t}: Omit<\n\t\tWordPressComponentProps< SearchControlProps, 'input', false >,\n\t\t// TODO: Background styling currently doesn't support a disabled state. Needs design work.\n\t\t'disabled'\n\t>,\n\tforwardedRef: ForwardedRef< HTMLInputElement >\n) {\n\t// @ts-expect-error The `disabled` prop is not yet supported in the SearchControl component.\n\t// Work with the design team (@WordPress/gutenberg-design) if you need this feature.\n\tdelete restProps.disabled;\n\n\tconst searchRef = useRef< HTMLInputElement >( null );\n\tconst instanceId = useInstanceId(\n\t\tSearchControl,\n\t\t'components-search-control'\n\t);\n\n\tconst contextValue = useMemo(\n\t\t() => ( {\n\t\t\tBaseControl: {\n\t\t\t\t// Overrides the underlying BaseControl `__nextHasNoMarginBottom` via the context system\n\t\t\t\t// to provide backwards compatibile margin for SearchControl.\n\t\t\t\t// (In a standard InputControl, the BaseControl `__nextHasNoMarginBottom` is always set to true.)\n\t\t\t\t_overrides: { __nextHasNoMarginBottom },\n\t\t\t\t__associatedWPComponentName: 'SearchControl',\n\t\t\t},\n\t\t\t// `isBorderless` is still experimental and not a public prop for InputControl yet.\n\t\t\tInputBase: { isBorderless: true },\n\t\t} ),\n\t\t[ __nextHasNoMarginBottom ]\n\t);\n\n\treturn (\n\t\t<ContextSystemProvider value={ contextValue }>\n\t\t\t<StyledInputControl\n\t\t\t\t__next40pxDefaultSize\n\t\t\t\tid={ instanceId }\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t\tlabel={ label }\n\t\t\t\tref={ useMergeRefs( [ searchRef, forwardedRef ] ) }\n\t\t\t\ttype=\"search\"\n\t\t\t\tsize={ size }\n\t\t\t\tclassName={ clsx( 'components-search-control', className ) }\n\t\t\t\tonChange={ ( nextValue?: string ) =>\n\t\t\t\t\tonChange( nextValue ?? '' )\n\t\t\t\t}\n\t\t\t\tautoComplete=\"off\"\n\t\t\t\tplaceholder={ placeholder }\n\t\t\t\tvalue={ value ?? '' }\n\t\t\t\tsuffix={\n\t\t\t\t\t<SuffixItemWrapper size={ size }>\n\t\t\t\t\t\t<SuffixItem\n\t\t\t\t\t\t\tsearchRef={ searchRef }\n\t\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</SuffixItemWrapper>\n\t\t\t\t}\n\t\t\t\t{ ...restProps }\n\t\t\t/>\n\t\t</ContextSystemProvider>\n\t);\n}\n\n/**\n * SearchControl components let users display a search control.\n *\n * ```jsx\n * import { SearchControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * function MySearchControl( { className, setState } ) {\n *   const [ searchInput, setSearchInput ] = useState( '' );\n *\n *   return (\n *     <SearchControl\n *       __nextHasNoMarginBottom\n *       value={ searchInput }\n *       onChange={ setSearchInput }\n *     />\n *   );\n * }\n * ```\n */\nexport const SearchControl = forwardRef( UnforwardedSearchControl );\n\nexport default SearchControl;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_compose","_i18n","_icons","_element","_button","_context","_styles","_jsxRuntime","SuffixItem","searchRef","value","onChange","onClose","jsx","Icon","icon","search","onReset","current","focus","default","size","closeSmall","label","__","onClick","UnforwardedSearchControl","__nextHasNoMarginBottom","className","placeholder","hideLabelFromVision","restProps","forwardedRef","disabled","filteredRestProps","useRef","instanceId","useInstanceId","SearchControl","contextValue","useMemo","BaseControl","_overrides","__associatedWPComponentName","InputBase","isBorderless","ContextSystemProvider","children","StyledInputControl","__next40pxDefaultSize","id","ref","useMergeRefs","type","clsx","nextValue","autoComplete","suffix","SuffixItemWrapper","exports","forwardRef","_default"],"sources":["@wordpress/components/src/search-control/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId, useMergeRefs } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { Icon, search, closeSmall } from '@wordpress/icons';\nimport { forwardRef, useMemo, useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Button from '../button';\nimport type { WordPressComponentProps } from '../context/wordpress-component';\nimport type { SearchControlProps, SuffixItemProps } from './types';\nimport type { ForwardedRef } from 'react';\nimport { ContextSystemProvider } from '../context';\nimport { StyledInputControl, SuffixItemWrapper } from './styles';\n\nfunction SuffixItem( {\n\tsearchRef,\n\tvalue,\n\tonChange,\n\tonClose,\n}: SuffixItemProps ) {\n\tif ( ! onClose && ! value ) {\n\t\treturn <Icon icon={ search } />;\n\t}\n\n\tconst onReset = () => {\n\t\tonChange( '' );\n\t\tsearchRef.current?.focus();\n\t};\n\n\treturn (\n\t\t<Button\n\t\t\tsize=\"small\"\n\t\t\ticon={ closeSmall }\n\t\t\tlabel={ onClose ? __( 'Close search' ) : __( 'Reset search' ) }\n\t\t\tonClick={ onClose ?? onReset }\n\t\t/>\n\t);\n}\n\nfunction UnforwardedSearchControl(\n\t{\n\t\t__nextHasNoMarginBottom = false,\n\t\tclassName,\n\t\tonChange,\n\t\tvalue,\n\t\tlabel = __( 'Search' ),\n\t\tplaceholder = __( 'Search' ),\n\t\thideLabelFromVision = true,\n\t\tonClose,\n\t\tsize = 'default',\n\t\t...restProps\n\t}: Omit<\n\t\tWordPressComponentProps< SearchControlProps, 'input', false >,\n\t\t// TODO: Background styling currently doesn't support a disabled state. Needs design work.\n\t\t'disabled'\n\t>,\n\tforwardedRef: ForwardedRef< HTMLInputElement >\n) {\n\t// @ts-expect-error The `disabled` prop is not yet supported in the SearchControl component.\n\t// Work with the design team (@WordPress/gutenberg-design) if you need this feature.\n\tconst { disabled, ...filteredRestProps } = restProps;\n\n\tconst searchRef = useRef< HTMLInputElement >( null );\n\tconst instanceId = useInstanceId(\n\t\tSearchControl,\n\t\t'components-search-control'\n\t);\n\n\tconst contextValue = useMemo(\n\t\t() => ( {\n\t\t\tBaseControl: {\n\t\t\t\t// Overrides the underlying BaseControl `__nextHasNoMarginBottom` via the context system\n\t\t\t\t// to provide backwards compatibile margin for SearchControl.\n\t\t\t\t// (In a standard InputControl, the BaseControl `__nextHasNoMarginBottom` is always set to true.)\n\t\t\t\t_overrides: { __nextHasNoMarginBottom },\n\t\t\t\t__associatedWPComponentName: 'SearchControl',\n\t\t\t},\n\t\t\t// `isBorderless` is still experimental and not a public prop for InputControl yet.\n\t\t\tInputBase: { isBorderless: true },\n\t\t} ),\n\t\t[ __nextHasNoMarginBottom ]\n\t);\n\n\treturn (\n\t\t<ContextSystemProvider value={ contextValue }>\n\t\t\t<StyledInputControl\n\t\t\t\t__next40pxDefaultSize\n\t\t\t\tid={ instanceId }\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t\tlabel={ label }\n\t\t\t\tref={ useMergeRefs( [ searchRef, forwardedRef ] ) }\n\t\t\t\ttype=\"search\"\n\t\t\t\tsize={ size }\n\t\t\t\tclassName={ clsx( 'components-search-control', className ) }\n\t\t\t\tonChange={ ( nextValue?: string ) =>\n\t\t\t\t\tonChange( nextValue ?? '' )\n\t\t\t\t}\n\t\t\t\tautoComplete=\"off\"\n\t\t\t\tplaceholder={ placeholder }\n\t\t\t\tvalue={ value ?? '' }\n\t\t\t\tsuffix={\n\t\t\t\t\t<SuffixItemWrapper size={ size }>\n\t\t\t\t\t\t<SuffixItem\n\t\t\t\t\t\t\tsearchRef={ searchRef }\n\t\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</SuffixItemWrapper>\n\t\t\t\t}\n\t\t\t\t{ ...filteredRestProps }\n\t\t\t/>\n\t\t</ContextSystemProvider>\n\t);\n}\n\n/**\n * SearchControl components let users display a search control.\n *\n * ```jsx\n * import { SearchControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * function MySearchControl( { className, setState } ) {\n *   const [ searchInput, setSearchInput ] = useState( '' );\n *\n *   return (\n *     <SearchControl\n *       __nextHasNoMarginBottom\n *       value={ searchInput }\n *       onChange={ setSearchInput }\n *     />\n *   );\n * }\n * ```\n */\nexport const SearchControl = forwardRef( UnforwardedSearchControl );\n\nexport default SearchControl;\n"],"mappings":"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","ignoreList":[]}