@transferwise/components 45.19.6 → 45.21.0

package/build/index.js

@@ -14,11 +14,11 @@ var reactTransitionGroup = require('react-transition-group');
 var reactDom = require('react-dom');
 var focus = require('@react-aria/focus');
 var mergeRefs = require('react-merge-refs');
+var shim = require('use-sync-external-store/shim');
 var neptuneValidation = require('@transferwise/neptune-validation');
 var reactPopper = require('react-popper');
 var react$1 = require('@headlessui/react');
 var mergeProps = require('merge-props');
-var shim = require('use-sync-external-store/shim');
 var react = require('@floating-ui/react');
 var overlays = require('@react-aria/overlays');
 var art = require('@wise/art');
@@ -192,6 +192,7 @@ exports.Priority = void 0;
 
 exports.Breakpoint = void 0;
 (function (Breakpoint) {
+  Breakpoint[Breakpoint["ZOOM_400"] = 320] = "ZOOM_400";
   Breakpoint[Breakpoint["EXTRA_SMALL"] = 480] = "EXTRA_SMALL";
   Breakpoint[Breakpoint["SMALL"] = 576] = "SMALL";
   Breakpoint[Breakpoint["MEDIUM"] = 768] = "MEDIUM";
@@ -395,6 +396,11 @@ const DEFAULT_LOCALE = 'en-GB';
  * @type {string[]}
  */
 const RTL_LANGUAGES = ['ar', 'he'];
+
+/**
+ * @deprecated The source of truth for supported languages lives in Crab.
+ * @type {string[]}
+ */
 const SUPPORTED_LANGUAGES = [DEFAULT_LANG, 'de', 'es', 'fr', 'hu', 'id', 'it', 'ja', 'pl', 'pt', 'ro', 'ru', 'th', 'tr', 'uk', 'zh'];
 
 /**
@@ -424,8 +430,13 @@ function adjustLocale(locale) {
  * Provides corresponding lang (iso2) for provided locale
  * if locale is invalid or language is unsupported returns null
  *
+ * @deprecated The use of this function almost always breaks language variants
+ * e.g. Simplified and Traditional Chinese.
+ * There should be no use case for this function.
+ * To select the correct translations from a translations object, pass the
+ * locale directly into Crab's getLocalisedMessages.
  * @param {string} locale (`es`, `es-ES`, `en-GB`, `en`, `ja`, `ja-JP` etc)
- * @returns {string|null}
+ * @returns {string|null} two-letter ISO639-1 language
  */
 function getLangFromLocale(locale) {
   const adjustedLocale = adjustLocale(locale);
@@ -1740,58 +1751,6 @@ const DimmerContentWrapper = ({
 };
 var Dimmer$1 = withNextPortalWrapper(Dimmer);
 
-const EXIT_ANIMATION = 350;
-const SlidingPanel = /*#__PURE__*/React.forwardRef(({
-  children,
-  className,
-  open,
-  position,
-  showSlidingPanelBorder,
-  slidingPanelPositionFixed,
-  ...rest
-}, reference) => {
-  /** @type {RefObject<HTMLDivElement>} */
-  const localReference = React.useRef(null);
-  return /*#__PURE__*/jsxRuntime.jsx(reactTransitionGroup.CSSTransition, {
-    ...rest,
-    nodeRef: localReference,
-    in: open
-    // Wait for animation to finish before unmount.
-    ,
-    timeout: {
-      enter: 0,
-      exit: EXIT_ANIMATION
-    },
-    classNames: classNames__default.default(`sliding-panel--open-${position}`, showSlidingPanelBorder && `sliding-panel--border-${position}`, {
-      'sliding-panel--fixed': slidingPanelPositionFixed
-    }, 'sliding-panel'),
-    appear: true,
-    unmountOnExit: true,
-    children: /*#__PURE__*/jsxRuntime.jsx("div", {
-      ref: mergeRefs__default.default([reference, localReference]),
-      className: classNames__default.default('sliding-panel', `sliding-panel--open-${position}`, className),
-      children: children
-    })
-  });
-});
-SlidingPanel.propTypes = {
-  children: PropTypes__default.default.node,
-  className: PropTypes__default.default.string,
-  open: PropTypes__default.default.bool,
-  position: PropTypes__default.default.oneOf(['top', 'bottom', 'left', 'right']),
-  showSlidingPanelBorder: PropTypes__default.default.bool,
-  slidingPanelPositionFixed: PropTypes__default.default.bool
-};
-SlidingPanel.defaultProps = {
-  children: null,
-  className: undefined,
-  open: false,
-  position: 'left',
-  showSlidingPanelBorder: false,
-  slidingPanelPositionFixed: false
-};
-var SlidingPanel$1 = SlidingPanel;
-
 const THROTTLE_MS = 100;
 const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
 const useClientWidth = ({
@@ -1962,6 +1921,137 @@ const useLayout = () => {
   };
 };
 
+const EXIT_ANIMATION = 350;
+const SlidingPanel = /*#__PURE__*/React.forwardRef(({
+  children,
+  className,
+  open,
+  position,
+  showSlidingPanelBorder,
+  slidingPanelPositionFixed,
+  ...rest
+}, reference) => {
+  /** @type {RefObject<HTMLDivElement>} */
+  const localReference = React.useRef(null);
+  return /*#__PURE__*/jsxRuntime.jsx(reactTransitionGroup.CSSTransition, {
+    ...rest,
+    nodeRef: localReference,
+    in: open
+    // Wait for animation to finish before unmount.
+    ,
+    timeout: {
+      enter: 0,
+      exit: EXIT_ANIMATION
+    },
+    classNames: classNames__default.default(`sliding-panel--open-${position}`, showSlidingPanelBorder && `sliding-panel--border-${position}`, {
+      'sliding-panel--fixed': slidingPanelPositionFixed
+    }, 'sliding-panel'),
+    appear: true,
+    unmountOnExit: true,
+    children: /*#__PURE__*/jsxRuntime.jsx("div", {
+      ref: mergeRefs__default.default([reference, localReference]),
+      className: classNames__default.default('sliding-panel', `sliding-panel--open-${position}`, className),
+      children: children
+    })
+  });
+});
+SlidingPanel.propTypes = {
+  children: PropTypes__default.default.node,
+  className: PropTypes__default.default.string,
+  open: PropTypes__default.default.bool,
+  position: PropTypes__default.default.oneOf(['top', 'bottom', 'left', 'right']),
+  showSlidingPanelBorder: PropTypes__default.default.bool,
+  slidingPanelPositionFixed: PropTypes__default.default.bool
+};
+SlidingPanel.defaultProps = {
+  children: null,
+  className: undefined,
+  open: false,
+  position: 'left',
+  showSlidingPanelBorder: false,
+  slidingPanelPositionFixed: false
+};
+var SlidingPanel$1 = SlidingPanel;
+
+const Drawer = ({
+  children,
+  className,
+  footerContent,
+  headerTitle,
+  onClose,
+  open,
+  position
+}) => {
+  logActionRequiredIf('Drawer now expects `onClose`, and will soon make this prop required. Please update your usage to provide it.', !onClose);
+  const {
+    isMobile
+  } = useLayout();
+  return /*#__PURE__*/jsxRuntime.jsx(Dimmer$1, {
+    open: open,
+    onClose: onClose,
+    children: /*#__PURE__*/jsxRuntime.jsx(SlidingPanel$1, {
+      open: open,
+      position: isMobile ? exports.Position.BOTTOM : position,
+      children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: classNames__default.default('np-drawer', className),
+        role: "dialog",
+        children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: classNames__default.default('np-drawer-header', {
+            'np-drawer-header--withborder': headerTitle
+          }),
+          children: [headerTitle && /*#__PURE__*/jsxRuntime.jsx(Title, {
+            type: exports.Typography.TITLE_BODY,
+            children: headerTitle
+          }), /*#__PURE__*/jsxRuntime.jsx(CloseButton, {
+            onClick: onClose
+          })]
+        }), children && /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: classNames__default.default('np-drawer-content'),
+          children: children
+        }), footerContent && /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: classNames__default.default('np-drawer-footer'),
+          children: footerContent
+        })]
+      })
+    })
+  });
+};
+Drawer.propTypes = {
+  /** The content to appear in the drawer body. */
+  children: PropTypes__default.default.node,
+  className: PropTypes__default.default.string,
+  /** The content to appear in the drawer footer. */
+  footerContent: PropTypes__default.default.node,
+  /** The content to appear in the drawer header. */
+  headerTitle: PropTypes__default.default.node,
+  /** The action to perform on close click. */
+  onClose: PropTypes__default.default.func,
+  /** The status of Drawer either open or not. */
+  open: PropTypes__default.default.bool,
+  /** The placement of Drawer on the screen either left or right. On mobile it will default to bottom. */
+  position: PropTypes__default.default.oneOf(['left', 'right', 'bottom'])
+};
+Drawer.defaultProps = {
+  children: null,
+  className: undefined,
+  footerContent: null,
+  headerTitle: null,
+  onClose: null,
+  open: false,
+  position: exports.Position.RIGHT
+};
+var Drawer$1 = Drawer;
+
+function useMedia(query) {
+  return shim.useSyncExternalStore(onStoreChange => {
+    const mediaQueryList = window.matchMedia(query);
+    mediaQueryList.addEventListener('change', onStoreChange);
+    return () => {
+      mediaQueryList.removeEventListener('change', onStoreChange);
+    };
+  }, () => typeof window !== 'undefined' ? window.matchMedia(query).matches : undefined, () => undefined);
+}
+
 const INITIAL_Y_POSITION = 0;
 const CONTENT_SCROLL_THRESHOLD = 1;
 const MOVE_OFFSET_THRESHOLD = 50;
@@ -2089,7 +2179,13 @@ const BottomSheet$1 = props => {
       maxHeight: `calc(${screenHeight} - ${safeZoneHeight} - ${topbarHeight})`
     };
   }
-  return /*#__PURE__*/jsxRuntime.jsx(Dimmer$1, {
+  const is400Zoom = useMedia(`(max-width: ${exports.Breakpoint.ZOOM_400}px)`);
+  return is400Zoom ? /*#__PURE__*/jsxRuntime.jsx(Drawer$1, {
+    open: props.open,
+    className: props.className,
+    onClose: close,
+    children: props.children
+  }) : /*#__PURE__*/jsxRuntime.jsx(Dimmer$1, {
     open: props.open,
     fadeContentOnEnter: true,
     fadeContentOnExit: true,
@@ -3316,7 +3412,7 @@ const ResponsivePanel = /*#__PURE__*/React.forwardRef(({
 });
 var ResponsivePanel$1 = ResponsivePanel;
 
-var messages$6 = reactIntl.defineMessages({
+var dateTriggerMessages = reactIntl.defineMessages({
   ariaLabel: {
     id: "neptune.ClearButton.ariaLabel"
   }
@@ -3379,7 +3475,7 @@ const DateTrigger = ({
         className: "input-group-addon",
         children: /*#__PURE__*/jsxRuntime.jsx(CloseButton, {
           className: `clear-btn clear-btn--${size}`,
-          "aria-label": formatMessage(messages$6.ariaLabel),
+          "aria-label": formatMessage(dateTriggerMessages.ariaLabel),
           size: exports.Size.SMALL,
           onClick: event => {
             event.stopPropagation();
@@ -3409,7 +3505,7 @@ DateTrigger.defaultProps = {
 };
 var DateTrigger$1 = DateTrigger;
 
-var messages$5 = reactIntl.defineMessages({
+var messages$6 = reactIntl.defineMessages({
   next: {
     id: "neptune.DateLookup.next"
   },
@@ -3445,14 +3541,17 @@ const DateHeader = ({
   dateMode
 }) => {
   const intl = reactIntl.useIntl();
+  const {
+    isMobile
+  } = useLayout();
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "text-xs-center p-t-1 p-b-2 clearfix",
+    className: classNames__default.default('text-xs-center', !isMobile && ['clearfix', 'p-y-1']),
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
       className: "pull-left-single-direction",
       children: /*#__PURE__*/jsxRuntime.jsx("button", {
         type: "button",
         className: `d-inline-flex ${buttonClasses}`,
-        "aria-label": `${intl.formatMessage(messages$5.previous)} ${dateMode}`,
+        "aria-label": `${intl.formatMessage(messages$6.previous)} ${dateMode}`,
         onClick: onPreviousClick,
         children: /*#__PURE__*/jsxRuntime.jsx(Chevron$1, {
           orientation: exports.Position.LEFT,
@@ -3466,7 +3565,7 @@ const DateHeader = ({
       children: /*#__PURE__*/jsxRuntime.jsx("button", {
         type: "button",
         className: `tw-date-lookup-header-current ${buttonClasses}`,
-        "aria-label": intl.formatMessage(messages$5.goTo20YearView),
+        "aria-label": intl.formatMessage(messages$6.goTo20YearView),
         onClick: onLabelClick,
         children: label
       })
@@ -3475,7 +3574,7 @@ const DateHeader = ({
       children: /*#__PURE__*/jsxRuntime.jsx("button", {
         type: "button",
         className: `d-inline-flex ${buttonClasses}`,
-        "aria-label": `${reactIntl.useIntl().formatMessage(messages$5.next)} ${dateMode}`,
+        "aria-label": `${reactIntl.useIntl().formatMessage(messages$6.next)} ${dateMode}`,
         onClick: onNextClick,
         children: /*#__PURE__*/jsxRuntime.jsx(Chevron$1, {
           orientation: exports.Position.RIGHT,
@@ -3519,7 +3618,7 @@ class TableLink extends React.PureComponent {
   };
   calculateAriaLabel = (longTitle, title, active, type, formatMessage) => {
     if (active) {
-      return `${longTitle || title}, ${formatMessage(messages$5.selected)} ${formatMessage(messages$5[type])}`;
+      return `${longTitle || title}, ${formatMessage(messages$6.selected)} ${formatMessage(messages$6[type])}`;
     }
     return longTitle || title;
   };
@@ -3742,7 +3841,7 @@ class DayCalendar extends React.PureComponent {
           month: monthFormat,
           year: 'numeric'
         }),
-        dateMode: formatMessage(messages$5.month),
+        dateMode: formatMessage(messages$6.month),
         onLabelClick: onLabelClick,
         onPreviousClick: this.selectPreviousMonth,
         onNextClick: this.selectNextMonth
@@ -3870,7 +3969,7 @@ class MonthCalendar extends React.PureComponent {
     } = this.props;
     return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [/*#__PURE__*/jsxRuntime.jsx(DateHeader$1, {
-        dateMode: formatMessage(messages$5.year),
+        dateMode: formatMessage(messages$6.year),
         label: formatting.formatDate(new Date(viewYear, 0), locale, {
           year: 'numeric'
         }),
@@ -3995,7 +4094,7 @@ class YearCalendar extends React.PureComponent {
     } = this.props;
     return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [/*#__PURE__*/jsxRuntime.jsx(DateHeader$1, {
-        dateMode: formatMessage(messages$5.twentyYears),
+        dateMode: formatMessage(messages$6.twentyYears),
         onPreviousClick: this.selectPreviousYears,
         onNextClick: this.selectNextYears
       }), /*#__PURE__*/jsxRuntime.jsx(YearCalendarTable$1, {
@@ -4042,7 +4141,8 @@ class DateLookup extends React.PureComponent {
       viewMonth: (props.value || new Date()).getMonth(),
       viewYear: (props.value || new Date()).getFullYear(),
       open: false,
-      mode: MODE.DAY
+      mode: MODE.DAY,
+      isMobile: false
     };
   }
   static getDerivedStateFromProps(props, state) {
@@ -4077,6 +4177,10 @@ class DateLookup extends React.PureComponent {
     if (+this.props.value !== +previousProps.value && this.state.open) {
       this.focusOn('.active');
     }
+    this.mediaQuery = window.matchMedia(`(max-width: ${exports.Breakpoint.SMALL}px)`);
+    this.setState({
+      isMobile: this.mediaQuery.matches
+    });
   }
   componentWillUnmount() {
     // Prevents memory leak by cleaning state.
@@ -4209,14 +4313,17 @@ class DateLookup extends React.PureComponent {
       max,
       viewMonth,
       viewYear,
-      mode
+      mode,
+      isMobile
     } = this.state;
     const {
       placeholder,
       monthFormat
     } = this.props;
     return /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "p-a-1",
+      className: classNames__default.default({
+        'p-a-1': !isMobile
+      }),
       children: [mode === MODE.DAY && /*#__PURE__*/jsxRuntime.jsx(DayCalendar$1, {
         selectedDate,
         min,
@@ -4724,75 +4831,6 @@ function Display({
   });
 }
 
-const Drawer = ({
-  children,
-  className,
-  footerContent,
-  headerTitle,
-  onClose,
-  open,
-  position
-}) => {
-  logActionRequiredIf('Drawer now expects `onClose`, and will soon make this prop required. Please update your usage to provide it.', !onClose);
-  const {
-    isMobile
-  } = useLayout();
-  return /*#__PURE__*/jsxRuntime.jsx(Dimmer$1, {
-    open: open,
-    onClose: onClose,
-    children: /*#__PURE__*/jsxRuntime.jsx(SlidingPanel$1, {
-      open: open,
-      position: isMobile ? exports.Position.BOTTOM : position,
-      children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: classNames__default.default('np-drawer', className),
-        role: "dialog",
-        children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-          className: classNames__default.default('np-drawer-header', {
-            'np-drawer-header--withborder': headerTitle
-          }),
-          children: [headerTitle && /*#__PURE__*/jsxRuntime.jsx(Title, {
-            type: exports.Typography.TITLE_BODY,
-            children: headerTitle
-          }), /*#__PURE__*/jsxRuntime.jsx(CloseButton, {
-            onClick: onClose
-          })]
-        }), children && /*#__PURE__*/jsxRuntime.jsx("div", {
-          className: classNames__default.default('np-drawer-content'),
-          children: children
-        }), footerContent && /*#__PURE__*/jsxRuntime.jsx("div", {
-          className: classNames__default.default('np-drawer-footer'),
-          children: footerContent
-        })]
-      })
-    })
-  });
-};
-Drawer.propTypes = {
-  /** The content to appear in the drawer body. */
-  children: PropTypes__default.default.node,
-  className: PropTypes__default.default.string,
-  /** The content to appear in the drawer footer. */
-  footerContent: PropTypes__default.default.node,
-  /** The content to appear in the drawer header. */
-  headerTitle: PropTypes__default.default.node,
-  /** The action to perform on close click. */
-  onClose: PropTypes__default.default.func,
-  /** The status of Drawer either open or not. */
-  open: PropTypes__default.default.bool,
-  /** The placement of Drawer on the screen either left or right. On mobile it will default to bottom. */
-  position: PropTypes__default.default.oneOf(['left', 'right', 'bottom'])
-};
-Drawer.defaultProps = {
-  children: null,
-  className: undefined,
-  footerContent: null,
-  headerTitle: null,
-  onClose: null,
-  open: false,
-  position: exports.Position.RIGHT
-};
-var Drawer$1 = Drawer;
-
 const DropFade = ({
   children,
   show
@@ -5693,7 +5731,7 @@ const Stepper = ({
   });
 };
 
-var messages$4 = reactIntl.defineMessages({
+var messages$5 = reactIntl.defineMessages({
   back: {
     id: "neptune.FlowNavigation.back"
   }
@@ -5773,7 +5811,7 @@ const FlowNavigation = ({
           className: "m-x-1",
           labels: steps.map(step => step.label),
           activeLabel: activeStep - 1,
-          "aria-label": intl.formatMessage(messages$4.back)
+          "aria-label": intl.formatMessage(messages$5.back)
         }),
         onClick: onGoBack
       }) : logo
@@ -5925,13 +5963,14 @@ const Modal = ({
 }) => {
   const checkSpecialClasses = classToCheck => className?.split(' ').includes(classToCheck);
   const {
-    isMobile
+    isMobile,
+    isMedium: isTablet
   } = useLayout();
   // These should be replaced with props in breaking change.
   const isCompact = checkSpecialClasses('compact');
   const noDivider = checkSpecialClasses('no-divider');
   const contentReference = React.useRef(null);
-  return isMobile ? /*#__PURE__*/jsxRuntime.jsx(Drawer$1, {
+  return isMobile || isTablet ? /*#__PURE__*/jsxRuntime.jsx(Drawer$1, {
     open: open,
     headerTitle: title,
     footerContent: footer,
@@ -6354,16 +6393,6 @@ const SearchInput = /*#__PURE__*/React.forwardRef(function SearchInput({
   });
 });
 
-function useMedia(query) {
-  return shim.useSyncExternalStore(onStoreChange => {
-    const mediaQueryList = window.matchMedia(query);
-    mediaQueryList.addEventListener('change', onStoreChange);
-    return () => {
-      mediaQueryList.removeEventListener('change', onStoreChange);
-    };
-  }, () => typeof window !== 'undefined' ? window.matchMedia(query).matches : undefined, () => undefined);
-}
-
 function useScreenSize(size) {
   return useMedia(`(min-width: ${size}px)`);
 }
@@ -6388,6 +6417,12 @@ function wrapInFragment(value) {
   });
 }
 
+var messages$4 = reactIntl.defineMessages({
+  noResultsFound: {
+    id: "neptune.SelectInput.noResultsFound"
+  }
+});
+
 function PreventScroll() {
   overlays.usePreventScroll();
   return null;
@@ -6433,29 +6468,29 @@ function BottomSheet({
         theme: theme,
         screenMode: screenMode,
         isNotRootProvider: true,
-        children: /*#__PURE__*/jsxRuntime.jsxs(react$1.Transition, {
+        children: /*#__PURE__*/jsxRuntime.jsx(react$1.Transition, {
           show: open,
           className: "np-bottom-sheet-v2-container",
           beforeEnter: () => {
             setFloatingKey(prev => prev + 1);
           },
-          children: [/*#__PURE__*/jsxRuntime.jsx(react$1.Transition.Child, {
-            enter: "np-bottom-sheet-v2-backdrop-container--enter",
-            enterFrom: "np-bottom-sheet-v2-backdrop-container--enter-from",
-            leave: "np-bottom-sheet-v2-backdrop-container--leave",
-            leaveTo: "np-bottom-sheet-v2-backdrop-container--leave-to",
-            children: /*#__PURE__*/jsxRuntime.jsx("div", {
-              className: "np-bottom-sheet-v2-backdrop"
-            })
-          }), /*#__PURE__*/jsxRuntime.jsx("div", {
-            className: "np-bottom-sheet-v2",
-            children: /*#__PURE__*/jsxRuntime.jsx(react$1.Transition.Child, {
-              className: "np-bottom-sheet-v2-content",
-              enter: "np-bottom-sheet-v2-content--enter",
-              enterFrom: "np-bottom-sheet-v2-content--enter-from",
-              leave: "np-bottom-sheet-v2-content--leave",
-              leaveTo: "np-bottom-sheet-v2-content--leave-to",
-              children: /*#__PURE__*/jsxRuntime.jsx(FocusBoundary, {
+          children: /*#__PURE__*/jsxRuntime.jsxs(FocusBoundary, {
+            children: [/*#__PURE__*/jsxRuntime.jsx(react$1.Transition.Child, {
+              enter: "np-bottom-sheet-v2-backdrop-container--enter",
+              enterFrom: "np-bottom-sheet-v2-backdrop-container--enter-from",
+              leave: "np-bottom-sheet-v2-backdrop-container--leave",
+              leaveTo: "np-bottom-sheet-v2-backdrop-container--leave-to",
+              children: /*#__PURE__*/jsxRuntime.jsx("div", {
+                className: "np-bottom-sheet-v2-backdrop"
+              })
+            }), /*#__PURE__*/jsxRuntime.jsx("div", {
+              className: "np-bottom-sheet-v2",
+              children: /*#__PURE__*/jsxRuntime.jsx(react$1.Transition.Child, {
+                className: "np-bottom-sheet-v2-content",
+                enter: "np-bottom-sheet-v2-content--enter",
+                enterFrom: "np-bottom-sheet-v2-content--enter-from",
+                leave: "np-bottom-sheet-v2-content--leave",
+                leaveTo: "np-bottom-sheet-v2-content--leave-to",
                 children: /*#__PURE__*/jsxRuntime.jsx(react.FloatingFocusManager, {
                   context: context,
                   initialFocus: initialFocusRef,
@@ -6489,8 +6524,8 @@ function BottomSheet({
                   }, floatingKey)
                 })
               })
-            })
-          })]
+            })]
+          })
         })
       })
     })]
@@ -6631,18 +6666,24 @@ function inferSearchableStrings(value) {
   }
   return [];
 }
-const SelectInputHasValueContext = /*#__PURE__*/React.createContext(false);
+const SelectInputItemCheckPaddingContext = /*#__PURE__*/React.createContext(false);
+function useSelectInputItemCheckPadding() {
+  const checkPadding = React.useContext(SelectInputItemCheckPaddingContext);
+  // Avoid layout shifts during transitions via caching
+  const [initialCheckPadding] = React.useState(checkPadding);
+  return initialCheckPadding;
+}
 const SelectInputTriggerButtonPropsContext = /*#__PURE__*/React.createContext({});
 const SelectInputOptionContentWithinTriggerContext = /*#__PURE__*/React.createContext(false);
 function dedupeSelectInputOptionItem(item, existingValues) {
-  if (existingValues.has(item.value)) {
-    return {
-      ...item,
-      value: undefined
-    };
+  if (!existingValues.has(item.value)) {
+    existingValues.add(item.value);
+    return item;
   }
-  existingValues.add(item.value);
-  return item;
+  return {
+    ...item,
+    value: undefined
+  };
 }
 function dedupeSelectInputItems(items) {
   const existingValues = new Set();
@@ -6663,6 +6704,24 @@ function dedupeSelectInputItems(items) {
     return item;
   });
 }
+function filterSelectInputOptionItem(item, needle) {
+  return inferSearchableStrings(item.filterMatchers ?? item.value).some(haystack => haystack.includes(needle));
+}
+function filterSelectInputItems(items, needle) {
+  return items.filter(item => {
+    switch (item.type) {
+      case 'option':
+        {
+          return filterSelectInputOptionItem(item, needle);
+        }
+      case 'group':
+        {
+          return item.options.some(option => filterSelectInputOptionItem(option, needle));
+        }
+    }
+    return false;
+  });
+}
 const defaultRenderTrigger = ({
   content,
   placeholderShown,
@@ -6710,7 +6769,7 @@ function SelectInputClearButton({
   const intl = reactIntl.useIntl();
   return /*#__PURE__*/jsxRuntime.jsx("button", {
     type: "button",
-    "aria-label": intl.formatMessage(messages$6.ariaLabel),
+    "aria-label": intl.formatMessage(dateTriggerMessages.ariaLabel),
     className: classNames__default.default(className, 'np-select-input-addon np-select-input-addon--interactive'),
     onClick: onClick,
     children: /*#__PURE__*/jsxRuntime.jsx(icons.Cross, {
@@ -6758,9 +6817,10 @@ function SelectInput({
     children: ({
       disabled: uiDisabled,
       value
-    }) => /*#__PURE__*/jsxRuntime.jsx(SelectInputHasValueContext.Provider, {
-      value: value != null,
+    }) => /*#__PURE__*/jsxRuntime.jsx(SelectInputItemCheckPaddingContext.Provider, {
+      value: Boolean(filterable) || value != null,
       children: /*#__PURE__*/jsxRuntime.jsx(OptionsOverlay, {
+        placement: "bottom-start",
         open: open,
         renderTrigger: ({
           ref,
@@ -6850,9 +6910,14 @@ const SelectInputOptionsContainer = /*#__PURE__*/React.forwardRef(function Selec
       ref: ref,
       onKeyDown: event => {
         // Prevent absorbing dismissal requests too early
-        if (event.key !== 'Escape') {
-          onKeyDown?.(event);
+        if (event.key === 'Escape') {
+          return;
+        }
+        // Prevent confirmation close without an active item
+        if (event.key === 'Enter' && ariaActiveDescendant == null) {
+          return;
         }
+        onKeyDown?.(event);
       },
       ...restProps
     })
@@ -6861,11 +6926,13 @@ const SelectInputOptionsContainer = /*#__PURE__*/React.forwardRef(function Selec
 function SelectInputOptions({
   items,
   renderValue = wrapInFragment,
-  filterable,
+  filterable = false,
   filterPlaceholder,
   searchInputRef,
   listboxRef
 }) {
+  const intl = reactIntl.useIntl();
+  const controllerRef = filterable ? searchInputRef : listboxRef;
   const [query, setQuery] = React.useState('');
   const needle = React.useMemo(() => {
     if (filterable) {
@@ -6873,14 +6940,16 @@ function SelectInputOptions({
     }
     return undefined;
   }, [filterable, query]);
+  const empty = needle != null && filterSelectInputItems(items, needle).length === 0;
   const listboxContainerRef = React.useRef(null);
   React.useEffect(() => {
     if (listboxContainerRef.current != null) {
       listboxContainerRef.current.style.setProperty('--initial-height', `${listboxContainerRef.current.offsetHeight}px`);
     }
   }, []);
+  const showStatus = empty;
+  const statusId = reactId.useId();
   const listboxId = reactId.useId();
-  const controllerRef = filterable ? searchInputRef : listboxRef;
   return /*#__PURE__*/jsxRuntime.jsxs(react$1.Listbox.Options, {
     as: SelectInputOptionsContainer,
     static: true,
@@ -6902,6 +6971,7 @@ function SelectInputOptions({
         placeholder: filterPlaceholder,
         value: query,
         "aria-controls": listboxId,
+        "aria-describedby": showStatus ? statusId : undefined,
         onKeyDown: event => {
           // Prevent interfering with the matcher of Headless UI
           // https://mathiasbynens.be/notes/javascript-unicode#regex
@@ -6913,24 +6983,31 @@ function SelectInputOptions({
           setQuery(event.currentTarget.value);
         }
       })
-    }) : null, /*#__PURE__*/jsxRuntime.jsx("div", {
+    }) : null, /*#__PURE__*/jsxRuntime.jsxs("div", {
       ref: listboxContainerRef,
       className: classNames__default.default('np-select-input-listbox-container', items.some(item => item.type === 'group') && 'np-select-input-listbox-container--has-group'),
-      children: /*#__PURE__*/jsxRuntime.jsx("div", {
+      children: [empty ? /*#__PURE__*/jsxRuntime.jsxs("div", {
+        id: statusId,
+        className: "np-select-input-options-status",
+        children: [/*#__PURE__*/jsxRuntime.jsx(icons.CrossCircle, {
+          size: 16,
+          className: "np-select-input-options-status-icon"
+        }), intl.formatMessage(messages$4.noResultsFound)]
+      }) : null, /*#__PURE__*/jsxRuntime.jsx("div", {
         ref: listboxRef,
         id: listboxId,
         role: "listbox",
         "aria-orientation": "vertical",
         tabIndex: 0,
         className: "np-select-input-listbox",
-        children: (needle == null ? items : dedupeSelectInputItems(items)).map((item, index) => /*#__PURE__*/jsxRuntime.jsx(SelectInputItemView
+        children: (needle != null ? dedupeSelectInputItems(items) : items).map((item, index) => /*#__PURE__*/jsxRuntime.jsx(SelectInputItemView
         // eslint-disable-next-line react/no-array-index-key
         , {
           item: item,
           renderValue: renderValue,
           needle: needle
         }, index))
-      })
+      })]
     })]
   });
 }
@@ -6942,7 +7019,7 @@ function SelectInputItemView({
   switch (item.type) {
     case 'option':
       {
-        if (item.value != null && (!needle || inferSearchableStrings(item.filterMatchers ?? item.value).some(haystack => haystack.includes(needle)))) {
+        if (item.value != null && (needle == null || filterSelectInputOptionItem(item, needle))) {
           return /*#__PURE__*/jsxRuntime.jsx(SelectInputOption, {
             value: item.value,
             disabled: item.disabled,
@@ -6977,6 +7054,7 @@ function SelectInputGroupItemView({
   needle
 }) {
   const headerId = reactId.useId();
+  const checkPadding = useSelectInputItemCheckPadding();
   return (
     /*#__PURE__*/
     // An empty container may be rendered when no options match `needle`
@@ -6985,11 +7063,13 @@ function SelectInputGroupItemView({
       role: "group",
       "aria-labelledby": headerId,
       className: classNames__default.default(needle === null && 'np-select-input-group-item--without-needle'),
-      children: [needle == null ? /*#__PURE__*/jsxRuntime.jsx("header", {
+      children: [needle == null ? /*#__PURE__*/jsxRuntime.jsxs("header", {
         id: headerId,
         role: "presentation",
         className: "np-select-input-group-item-header np-text-title-group",
-        children: item.label
+        children: [checkPadding ? /*#__PURE__*/jsxRuntime.jsx("span", {
+          className: "np-select-input-option-check-placeholder"
+        }) : null, item.label]
       }) : null, item.options.map((option, index) => /*#__PURE__*/jsxRuntime.jsx(SelectInputItemView
       // eslint-disable-next-line react/no-array-index-key
       , {
@@ -7005,24 +7085,24 @@ function SelectInputOption({
   disabled,
   children
 }) {
+  const checkPadding = useSelectInputItemCheckPadding();
   return /*#__PURE__*/jsxRuntime.jsx(react$1.Listbox.Option, {
     as: "div",
     value: value,
     disabled: disabled,
     className: ({
       active,
-      selected,
       disabled: uiDisabled
-    }) => classNames__default.default('np-select-input-option-container np-text-body-large', active && 'np-select-input-option-container--active', selected && 'np-select-input-option-container--selected', uiDisabled && 'np-select-input-option-container--disabled'),
+    }) => classNames__default.default('np-select-input-option-container np-text-body-large', active && 'np-select-input-option-container--active', uiDisabled && 'np-select-input-option-container--disabled'),
     children: ({
       selected
     }) => /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      children: [checkPadding ? /*#__PURE__*/jsxRuntime.jsx(icons.Check, {
+        size: 16,
+        className: classNames__default.default('np-select-input-option-check', !selected && 'np-select-input-option-check--not-selected')
+      }) : null, /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "np-select-input-option",
         children: children
-      }), selected && /*#__PURE__*/jsxRuntime.jsx(icons.Check, {
-        size: 24,
-        className: classNames__default.default('np-select-input-option-check')
       })]
     })
   });
@@ -10714,6 +10794,7 @@ var en = {
 	"neptune.Link.opensInNewTab": "(opens in new tab)",
 	"neptune.MoneyInput.Select.placeholder": "Select an option...",
 	"neptune.Select.searchPlaceholder": "Search...",
+	"neptune.SelectInput.noResultsFound": "No results found",
 	"neptune.Summary.statusDone": "Item done",
 	"neptune.Summary.statusNotDone": "Item to do",
 	"neptune.Summary.statusPending": "Item pending",
@@ -10941,7 +11022,7 @@ class RadioGroup extends React.Component {
     const {
       selectedValue
     } = this.state;
-    return radios && radios.length > 1 ? /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+    return radios && radios.length > 0 ? /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
       children: radios.map(({
         id,
         avatar,
@@ -14482,17 +14563,78 @@ function useSnackbar() {
   return createSnackbar;
 }
 
+var cs = {
+	"neptune.Button.loadingAriaLabel": "načítání",
+	"neptune.Chips.ariaLabel": "Vyčistit {choice}",
+	"neptune.ClearButton.ariaLabel": "Vyčistit",
+	"neptune.CloseButton.ariaLabel": "Zavřít",
+	"neptune.DateInput.day.label": "Den",
+	"neptune.DateInput.month.label": "Měsíc",
+	"neptune.DateInput.year.label": "Rok",
+	"neptune.DateLookup.day": "den",
+	"neptune.DateLookup.goTo20YearView": "Go to 20 year view",
+	"neptune.DateLookup.month": "měsíc",
+	"neptune.DateLookup.next": "další",
+	"neptune.DateLookup.previous": "předchozí",
+	"neptune.DateLookup.selected": "vybráno",
+	"neptune.DateLookup.twentyYears": "20 let",
+	"neptune.DateLookup.year": "rok",
+	"neptune.FlowNavigation.back": "back to previous step",
+	"neptune.Link.opensInNewTab": "(opens in new tab)",
+	"neptune.MoneyInput.Select.placeholder": "Vybrat možnost...",
+	"neptune.Select.searchPlaceholder": "Hledat...",
+	"neptune.Summary.statusDone": "Položka dokončena",
+	"neptune.Summary.statusNotDone": "Položka k dokončení",
+	"neptune.Summary.statusPending": "Čekající položka",
+	"neptune.Upload.csButtonText": "Nahrát další soubor?",
+	"neptune.Upload.csFailureText": "Nahrání se nezdařilo. Zkuste to prosím později",
+	"neptune.Upload.csSuccessText": "Úspěšně nahráno!",
+	"neptune.Upload.csTooLargeMessage": "Soubor musí být menší než 5MB",
+	"neptune.Upload.csWrongTypeMessage": "Tento formát souboru není podporován. Zkuste to znovu s jiným souborem",
+	"neptune.Upload.psButtonText": "Zrušit",
+	"neptune.Upload.psProcessingText": "Načítání...",
+	"neptune.Upload.usButtonText": "Nebo vyberte soubor",
+	"neptune.Upload.usDropMessage": "Pusťte sem soubor pro jeho nahrání",
+	"neptune.Upload.usPlaceholder": "Přetáhněte a pusťte sem soubor menší než 5MB",
+	"neptune.UploadButton.allFileTypes": "Všechny typy souborů",
+	"neptune.UploadButton.dropFiles": "Pusťte sem soubor pro jeho nahrání",
+	"neptune.UploadButton.instructions": "{fileTypes}, menší než {size}MB",
+	"neptune.UploadButton.uploadFile": "Nahrát soubor",
+	"neptune.UploadButton.uploadFiles": "Nahrát soubory",
+	"neptune.UploadInput.deleteModalBody": "Odstraněním tohoto souboru jej smažete z našeho systému.",
+	"neptune.UploadInput.deleteModalCancelButtonText": "Zrušit",
+	"neptune.UploadInput.deleteModalConfirmButtonText": "Odstranit",
+	"neptune.UploadInput.deleteModalTitle": "Jistě chcete odstranit tento soubor?",
+	"neptune.UploadInput.fileIsTooLarge": "Soubor je příliš velký",
+	"neptune.UploadInput.fileTypeNotSupported": "Typ souboru není podporován",
+	"neptune.UploadInput.maximumFilesAlreadyUploaded": "Je nám líto, ale toto nahrání se nezdařilo, protože můžeme přijmout pouze {maxFilesAllowed} souborů najednou.",
+	"neptune.UploadItem.deleting": "Mažeme...",
+	"neptune.UploadItem.removeFile": "Odstranit soubor {filename}",
+	"neptune.UploadItem.uploaded": "Nahráno",
+	"neptune.UploadItem.uploadedFile": "Nahraný soubor",
+	"neptune.UploadItem.uploading": "Nahrávání...",
+	"neptune.UploadItem.uploadingFailed": "Nahrání se nezdařilo"
+};
+
 var de = {
+	"neptune.Button.loadingAriaLabel": "wird geladen",
 	"neptune.Chips.ariaLabel": "{choice} zurücksetzen",
 	"neptune.ClearButton.ariaLabel": "Zurücksetzen",
 	"neptune.CloseButton.ariaLabel": "Schließen",
 	"neptune.DateInput.day.label": "Tag",
 	"neptune.DateInput.month.label": "Monat",
 	"neptune.DateInput.year.label": "Jahr",
+	"neptune.DateLookup.day": "Tag",
+	"neptune.DateLookup.goTo20YearView": "Zur 20-Jahres-Ansicht",
+	"neptune.DateLookup.month": "Monat",
+	"neptune.DateLookup.next": "weiter",
+	"neptune.DateLookup.previous": "zurück",
+	"neptune.DateLookup.selected": "ausgewählt",
+	"neptune.DateLookup.twentyYears": "20 Jahre",
+	"neptune.DateLookup.year": "Jahr",
+	"neptune.FlowNavigation.back": "zurück zum vorherigen Schritt",
+	"neptune.Link.opensInNewTab": "(wird in einem neuen Tab geöffnet)",
 	"neptune.MoneyInput.Select.placeholder": "Wähle eine der Möglichkeiten aus...",
-	"neptune.Pagination.ariaLabel": "Seitennummer-Navigation",
-	"neptune.PaginationLink.ariaLabel.active": "Weiter zur Seite {pageNumber}",
-	"neptune.PaginationLink.ariaLabel.inactive": "Aktuelle Seite – Seite {pageNumber}",
 	"neptune.Select.searchPlaceholder": "Wird gesucht...",
 	"neptune.Summary.statusDone": "Schritt erledigt",
 	"neptune.Summary.statusNotDone": "Schritt noch zu erledigen",
@@ -14528,16 +14670,24 @@ var de = {
 };
 
 var es = {
+	"neptune.Button.loadingAriaLabel": "cargando",
 	"neptune.Chips.ariaLabel": "Descartar {choice}",
 	"neptune.ClearButton.ariaLabel": "Borrar",
 	"neptune.CloseButton.ariaLabel": "Cerrar",
 	"neptune.DateInput.day.label": "Día",
 	"neptune.DateInput.month.label": "Mes",
 	"neptune.DateInput.year.label": "Año",
+	"neptune.DateLookup.day": "día",
+	"neptune.DateLookup.goTo20YearView": "Ir a vista de 20 años",
+	"neptune.DateLookup.month": "mes",
+	"neptune.DateLookup.next": "siguiente",
+	"neptune.DateLookup.previous": "anterior",
+	"neptune.DateLookup.selected": "seleccionado",
+	"neptune.DateLookup.twentyYears": "20 años",
+	"neptune.DateLookup.year": "año",
+	"neptune.FlowNavigation.back": "volver al paso anterior",
+	"neptune.Link.opensInNewTab": "(se abre en una pestaña nueva)",
 	"neptune.MoneyInput.Select.placeholder": "Selecciona una opción...",
-	"neptune.Pagination.ariaLabel": "Navegación por las páginas",
-	"neptune.PaginationLink.ariaLabel.active": "Ve a la página {pageNumber}",
-	"neptune.PaginationLink.ariaLabel.inactive": "Página actual, página {pageNumber}",
 	"neptune.Select.searchPlaceholder": "Buscar...",
 	"neptune.Summary.statusDone": "Apartado listo",
 	"neptune.Summary.statusNotDone": "Apartado a completar",
@@ -14573,16 +14723,24 @@ var es = {
 };
 
 var fr = {
+	"neptune.Button.loadingAriaLabel": "chargement",
 	"neptune.Chips.ariaLabel": "Effacer {choice}",
 	"neptune.ClearButton.ariaLabel": "Effacer",
 	"neptune.CloseButton.ariaLabel": "Fermer",
 	"neptune.DateInput.day.label": "Jour",
 	"neptune.DateInput.month.label": "Mois",
 	"neptune.DateInput.year.label": "Année",
+	"neptune.DateLookup.day": "jour",
+	"neptune.DateLookup.goTo20YearView": "Accéder à la vue sur 20 ans",
+	"neptune.DateLookup.month": "mois",
+	"neptune.DateLookup.next": "suivant",
+	"neptune.DateLookup.previous": "précédent",
+	"neptune.DateLookup.selected": "sélectionnée",
+	"neptune.DateLookup.twentyYears": "20 ans",
+	"neptune.DateLookup.year": "année",
+	"neptune.FlowNavigation.back": "revenir à l'étape précédente",
+	"neptune.Link.opensInNewTab": "(ouvre dans un nouvel onglet)",
 	"neptune.MoneyInput.Select.placeholder": "Sélectionner une option...",
-	"neptune.Pagination.ariaLabel": "Navigation par pagination",
-	"neptune.PaginationLink.ariaLabel.active": "Aller à la page {pageNumber}",
-	"neptune.PaginationLink.ariaLabel.inactive": "Page actuelle, page {pageNumber}",
 	"neptune.Select.searchPlaceholder": "Recherche...",
 	"neptune.Summary.statusDone": "Validé",
 	"neptune.Summary.statusNotDone": "À compléter",
@@ -14618,16 +14776,24 @@ var fr = {
 };
 
 var hu = {
+	"neptune.Button.loadingAriaLabel": "betöltés",
 	"neptune.Chips.ariaLabel": "{choice} törlése",
 	"neptune.ClearButton.ariaLabel": "Törlés",
 	"neptune.CloseButton.ariaLabel": "Bezárás",
 	"neptune.DateInput.day.label": "Nap",
 	"neptune.DateInput.month.label": "Hónap",
 	"neptune.DateInput.year.label": "Év",
+	"neptune.DateLookup.day": "nap",
+	"neptune.DateLookup.goTo20YearView": "Ugrás a 20 éves nézetre",
+	"neptune.DateLookup.month": "hónap",
+	"neptune.DateLookup.next": "következő",
+	"neptune.DateLookup.previous": "előző",
+	"neptune.DateLookup.selected": "kiválasztva",
+	"neptune.DateLookup.twentyYears": "20 év",
+	"neptune.DateLookup.year": "év",
+	"neptune.FlowNavigation.back": "vissza az előző lépéshez",
+	"neptune.Link.opensInNewTab": "(új lapon nyílik meg)",
 	"neptune.MoneyInput.Select.placeholder": "Válassz ki egy lehetőséget...",
-	"neptune.Pagination.ariaLabel": "Lapszámos navigáció",
-	"neptune.PaginationLink.ariaLabel.active": "Ugrás a(z) {pageNumber}. oldalra",
-	"neptune.PaginationLink.ariaLabel.inactive": "Jelenlegi oldal, {pageNumber}. oldal",
 	"neptune.Select.searchPlaceholder": "Keresés...",
 	"neptune.Summary.statusDone": "Kész",
 	"neptune.Summary.statusNotDone": "Hátravan",
@@ -14663,16 +14829,24 @@ var hu = {
 };
 
 var id = {
+	"neptune.Button.loadingAriaLabel": "memuat",
 	"neptune.Chips.ariaLabel": "Hapus {choice}",
 	"neptune.ClearButton.ariaLabel": "Hapus",
 	"neptune.CloseButton.ariaLabel": "Tutup",
 	"neptune.DateInput.day.label": "Hari",
 	"neptune.DateInput.month.label": "Bulan",
 	"neptune.DateInput.year.label": "Tahun",
+	"neptune.DateLookup.day": "hari",
+	"neptune.DateLookup.goTo20YearView": "Lihat tampilan 20 tahun",
+	"neptune.DateLookup.month": "bulan",
+	"neptune.DateLookup.next": "berikutnya",
+	"neptune.DateLookup.previous": "sebelumnya",
+	"neptune.DateLookup.selected": "terpilih",
+	"neptune.DateLookup.twentyYears": "20 tahun",
+	"neptune.DateLookup.year": "tahun",
+	"neptune.FlowNavigation.back": "kembali ke langkah sebelumnya",
+	"neptune.Link.opensInNewTab": "(terbuka di tab baru)",
 	"neptune.MoneyInput.Select.placeholder": "Pilih opsi...",
-	"neptune.Pagination.ariaLabel": "Halaman navigasi",
-	"neptune.PaginationLink.ariaLabel.active": "Lanjut ke halaman {pageNumber}",
-	"neptune.PaginationLink.ariaLabel.inactive": "Halaman saat ini, halaman {pageNumber}",
 	"neptune.Select.searchPlaceholder": "Cari...",
 	"neptune.Summary.statusDone": "Item selesai",
 	"neptune.Summary.statusNotDone": "Item yang harus dilakukan",
@@ -14708,16 +14882,24 @@ var id = {
 };
 
 var it = {
+	"neptune.Button.loadingAriaLabel": "caricamento",
 	"neptune.Chips.ariaLabel": "Rimuovi {choice}",
 	"neptune.ClearButton.ariaLabel": "Elimina",
 	"neptune.CloseButton.ariaLabel": "Chiudi",
 	"neptune.DateInput.day.label": "Giorno",
 	"neptune.DateInput.month.label": "Mese",
 	"neptune.DateInput.year.label": "Anno",
+	"neptune.DateLookup.day": "giorno",
+	"neptune.DateLookup.goTo20YearView": "Vai alla vista su 20 anni",
+	"neptune.DateLookup.month": "mese",
+	"neptune.DateLookup.next": "continua",
+	"neptune.DateLookup.previous": "indietro",
+	"neptune.DateLookup.selected": "selezionata",
+	"neptune.DateLookup.twentyYears": "20 anni",
+	"neptune.DateLookup.year": "anno",
+	"neptune.FlowNavigation.back": "torna al passaggio precedente",
+	"neptune.Link.opensInNewTab": "(si apre in una nuova scheda)",
 	"neptune.MoneyInput.Select.placeholder": "Seleziona un'opzione...",
-	"neptune.Pagination.ariaLabel": "Navigazione",
-	"neptune.PaginationLink.ariaLabel.active": "Via a pagina {pageNumber}",
-	"neptune.PaginationLink.ariaLabel.inactive": "Pagina corrente, pagina {pageNumber}",
 	"neptune.Select.searchPlaceholder": "Cerca...",
 	"neptune.Summary.statusDone": "Completato",
 	"neptune.Summary.statusNotDone": "Da completare",
@@ -14753,16 +14935,24 @@ var it = {
 };
 
 var ja = {
+	"neptune.Button.loadingAriaLabel": "読み込み中…",
 	"neptune.Chips.ariaLabel": "{choice} をクリア",
 	"neptune.ClearButton.ariaLabel": "消去",
 	"neptune.CloseButton.ariaLabel": "閉じる",
 	"neptune.DateInput.day.label": "日",
 	"neptune.DateInput.month.label": "月",
 	"neptune.DateInput.year.label": "年",
+	"neptune.DateLookup.day": "日",
+	"neptune.DateLookup.goTo20YearView": "20年表示に移動する",
+	"neptune.DateLookup.month": "月",
+	"neptune.DateLookup.next": "次",
+	"neptune.DateLookup.previous": "前",
+	"neptune.DateLookup.selected": "選択済み",
+	"neptune.DateLookup.twentyYears": "20年",
+	"neptune.DateLookup.year": "年",
+	"neptune.FlowNavigation.back": "前のステップに戻る",
+	"neptune.Link.opensInNewTab": "（新しいタブで開きます）",
 	"neptune.MoneyInput.Select.placeholder": "選択してください...",
-	"neptune.Pagination.ariaLabel": "ページネーションナビゲーション",
-	"neptune.PaginationLink.ariaLabel.active": "{pageNumber}のページへ移動します",
-	"neptune.PaginationLink.ariaLabel.inactive": "現在のページ、{pageNumber}ページ",
 	"neptune.Select.searchPlaceholder": "検索... ",
 	"neptune.Summary.statusDone": "完了",
 	"neptune.Summary.statusNotDone": "未対応",
@@ -14798,16 +14988,24 @@ var ja = {
 };
 
 var pl = {
+	"neptune.Button.loadingAriaLabel": "ładowanie",
 	"neptune.Chips.ariaLabel": "Wyczyść {choice}",
 	"neptune.ClearButton.ariaLabel": "Wyczyść",
 	"neptune.CloseButton.ariaLabel": "Zamknij",
 	"neptune.DateInput.day.label": "Dzień",
 	"neptune.DateInput.month.label": "Miesiąc",
 	"neptune.DateInput.year.label": "Rok",
+	"neptune.DateLookup.day": "dzień",
+	"neptune.DateLookup.goTo20YearView": "Przejdź do widoku 20-letniego",
+	"neptune.DateLookup.month": "miesiąc",
+	"neptune.DateLookup.next": "następny",
+	"neptune.DateLookup.previous": "poprzedni",
+	"neptune.DateLookup.selected": "wybrano",
+	"neptune.DateLookup.twentyYears": "20 lat",
+	"neptune.DateLookup.year": "rok",
+	"neptune.FlowNavigation.back": "wróć do poprzedniego kroku",
+	"neptune.Link.opensInNewTab": "(otworzy się w nowej zakładce)",
 	"neptune.MoneyInput.Select.placeholder": "Wybierz opcję...",
-	"neptune.Pagination.ariaLabel": "Nawigacja w paginacji",
-	"neptune.PaginationLink.ariaLabel.active": "Przejdź do strony {pageNumber}",
-	"neptune.PaginationLink.ariaLabel.inactive": "Obecna strona, strona {pageNumber}",
 	"neptune.Select.searchPlaceholder": "Wyszukaj...",
 	"neptune.Summary.statusDone": "Czynność wykonana",
 	"neptune.Summary.statusNotDone": "Czynność do wykonania",
@@ -14843,16 +15041,24 @@ var pl = {
 };
 
 var pt = {
+	"neptune.Button.loadingAriaLabel": "carregando",
 	"neptune.Chips.ariaLabel": "Remover {choice}",
 	"neptune.ClearButton.ariaLabel": "Remover",
 	"neptune.CloseButton.ariaLabel": "Fechar",
 	"neptune.DateInput.day.label": "Dia",
 	"neptune.DateInput.month.label": "Mês",
 	"neptune.DateInput.year.label": "Ano",
+	"neptune.DateLookup.day": "dia",
+	"neptune.DateLookup.goTo20YearView": "Go to 20 year view",
+	"neptune.DateLookup.month": "mês",
+	"neptune.DateLookup.next": "próximo",
+	"neptune.DateLookup.previous": "anterior",
+	"neptune.DateLookup.selected": "selecionada",
+	"neptune.DateLookup.twentyYears": "20 anos",
+	"neptune.DateLookup.year": "ano",
+	"neptune.FlowNavigation.back": "back to previous step",
+	"neptune.Link.opensInNewTab": "(abrir a página em uma nova aba)",
 	"neptune.MoneyInput.Select.placeholder": "Escolha uma opção...",
-	"neptune.Pagination.ariaLabel": "Navegação pelas páginas",
-	"neptune.PaginationLink.ariaLabel.active": "Ir para a página {pageNumber}",
-	"neptune.PaginationLink.ariaLabel.inactive": "Página atual, página {pageNumber}",
 	"neptune.Select.searchPlaceholder": "Buscar...",
 	"neptune.Summary.statusDone": "Pronto",
 	"neptune.Summary.statusNotDone": "Não iniciado",
@@ -14888,16 +15094,24 @@ var pt = {
 };
 
 var ro = {
+	"neptune.Button.loadingAriaLabel": "se încarcă",
 	"neptune.Chips.ariaLabel": "Șterge {choice}",
 	"neptune.ClearButton.ariaLabel": "Elimină",
 	"neptune.CloseButton.ariaLabel": "Închide",
 	"neptune.DateInput.day.label": "Zi",
 	"neptune.DateInput.month.label": "Lună",
 	"neptune.DateInput.year.label": "An",
+	"neptune.DateLookup.day": "zi",
+	"neptune.DateLookup.goTo20YearView": "Accesează vizualizarea pe 20 de ani",
+	"neptune.DateLookup.month": "luna",
+	"neptune.DateLookup.next": "înainte",
+	"neptune.DateLookup.previous": "precedenta",
+	"neptune.DateLookup.selected": "selectată",
+	"neptune.DateLookup.twentyYears": "20 de ani",
+	"neptune.DateLookup.year": "anul",
+	"neptune.FlowNavigation.back": "înapoi la pasul anterior",
+	"neptune.Link.opensInNewTab": "(se deschide într-o filă nouă)",
 	"neptune.MoneyInput.Select.placeholder": "Selectează o opţiune...",
-	"neptune.Pagination.ariaLabel": "Navigare prin pagină",
-	"neptune.PaginationLink.ariaLabel.active": "Du-te la pagina {pageNumber}",
-	"neptune.PaginationLink.ariaLabel.inactive": "Pagina curentă, pagina {pageNumber}",
 	"neptune.Select.searchPlaceholder": "Caută...",
 	"neptune.Summary.statusDone": "Finalizat",
 	"neptune.Summary.statusNotDone": "De făcut",
@@ -14933,16 +15147,24 @@ var ro = {
 };
 
 var ru = {
+	"neptune.Button.loadingAriaLabel": "загрузка",
 	"neptune.Chips.ariaLabel": "Очистить {choice}",
 	"neptune.ClearButton.ariaLabel": "Очистить",
 	"neptune.CloseButton.ariaLabel": "Закрыть",
 	"neptune.DateInput.day.label": "День",
 	"neptune.DateInput.month.label": "Месяц",
 	"neptune.DateInput.year.label": "Год",
+	"neptune.DateLookup.day": "день",
+	"neptune.DateLookup.goTo20YearView": "Перейти к обзору 20 лет",
+	"neptune.DateLookup.month": "месяц",
+	"neptune.DateLookup.next": "далее",
+	"neptune.DateLookup.previous": "предыдущий",
+	"neptune.DateLookup.selected": "выбрано",
+	"neptune.DateLookup.twentyYears": "20 лет",
+	"neptune.DateLookup.year": "год",
+	"neptune.FlowNavigation.back": "вернуться к предыдущему шагу",
+	"neptune.Link.opensInNewTab": "(откроется в новой вкладке)",
 	"neptune.MoneyInput.Select.placeholder": "Выберите вариант...",
-	"neptune.Pagination.ariaLabel": "Постраничная навигация",
-	"neptune.PaginationLink.ariaLabel.active": "Перейти на страницу {pageNumber}",
-	"neptune.PaginationLink.ariaLabel.inactive": "Текущая страница, страница {pageNumber}",
 	"neptune.Select.searchPlaceholder": "Поиск...",
 	"neptune.Summary.statusDone": "Этап завершен",
 	"neptune.Summary.statusNotDone": "Этап к выполнению",
@@ -14978,16 +15200,24 @@ var ru = {
 };
 
 var th = {
+	"neptune.Button.loadingAriaLabel": "กำลังโหลด",
 	"neptune.Chips.ariaLabel": "เคลียร์ {choice}",
 	"neptune.ClearButton.ariaLabel": "ชัดเจน",
 	"neptune.CloseButton.ariaLabel": "ปิด",
 	"neptune.DateInput.day.label": "วัน",
 	"neptune.DateInput.month.label": "เดือน",
 	"neptune.DateInput.year.label": "ปี",
+	"neptune.DateLookup.day": "วัน",
+	"neptune.DateLookup.goTo20YearView": "Go to 20 year view",
+	"neptune.DateLookup.month": "เดือน",
+	"neptune.DateLookup.next": "ถัดไป",
+	"neptune.DateLookup.previous": "ก่อนหน้า",
+	"neptune.DateLookup.selected": "เลือกแล้ว",
+	"neptune.DateLookup.twentyYears": "20 ปี",
+	"neptune.DateLookup.year": "ปี",
+	"neptune.FlowNavigation.back": "back to previous step",
+	"neptune.Link.opensInNewTab": "(opens in new tab)",
 	"neptune.MoneyInput.Select.placeholder": "เลือกตัวเลือก...",
-	"neptune.Pagination.ariaLabel": "การนำทางเลขหน้า",
-	"neptune.PaginationLink.ariaLabel.active": "ไปที่หน้า {pageNumber}",
-	"neptune.PaginationLink.ariaLabel.inactive": "หน้าปัจจุบัน หน้า {pageNumber}",
 	"neptune.Select.searchPlaceholder": "ค้นหา...",
 	"neptune.Summary.statusDone": "รายการที่ทำแล้ว",
 	"neptune.Summary.statusNotDone": "รายการที่ต้องทำ",
@@ -15023,16 +15253,24 @@ var th = {
 };
 
 var tr = {
+	"neptune.Button.loadingAriaLabel": "yükleniyor",
 	"neptune.Chips.ariaLabel": "{choice} temizle",
 	"neptune.ClearButton.ariaLabel": "Sil",
 	"neptune.CloseButton.ariaLabel": "Kapat",
 	"neptune.DateInput.day.label": "Gün",
 	"neptune.DateInput.month.label": "Ay",
 	"neptune.DateInput.year.label": "Yıl",
+	"neptune.DateLookup.day": "gün",
+	"neptune.DateLookup.goTo20YearView": "20 yıl görünümüne git",
+	"neptune.DateLookup.month": "ay",
+	"neptune.DateLookup.next": "devam et",
+	"neptune.DateLookup.previous": "önceki",
+	"neptune.DateLookup.selected": "seçili",
+	"neptune.DateLookup.twentyYears": "20 yıl",
+	"neptune.DateLookup.year": "yıl",
+	"neptune.FlowNavigation.back": "önceki adıma dön",
+	"neptune.Link.opensInNewTab": "(yeni sekmede açılır)",
 	"neptune.MoneyInput.Select.placeholder": "Bir seçenek seçin...",
-	"neptune.Pagination.ariaLabel": "Sayfalandırma gezintisi",
-	"neptune.PaginationLink.ariaLabel.active": "{pageNumber} numaralı sayfaya git",
-	"neptune.PaginationLink.ariaLabel.inactive": "Mevcut sayfa, sayfa {pageNumber}",
 	"neptune.Select.searchPlaceholder": "Ara...",
 	"neptune.Summary.statusDone": "Tamamlanan aşama",
 	"neptune.Summary.statusNotDone": "Yapılacak",
@@ -15068,16 +15306,24 @@ var tr = {
 };
 
 var uk = {
+	"neptune.Button.loadingAriaLabel": "завантаження",
 	"neptune.Chips.ariaLabel": "Очистити {choice}",
 	"neptune.ClearButton.ariaLabel": "Очистити",
 	"neptune.CloseButton.ariaLabel": "Закрити",
 	"neptune.DateInput.day.label": "День",
 	"neptune.DateInput.month.label": "Місяць",
 	"neptune.DateInput.year.label": "Рік",
+	"neptune.DateLookup.day": "дня",
+	"neptune.DateLookup.goTo20YearView": "Go to 20 year view",
+	"neptune.DateLookup.month": "місяць",
+	"neptune.DateLookup.next": "уперед",
+	"neptune.DateLookup.previous": "назад",
+	"neptune.DateLookup.selected": "вибрано",
+	"neptune.DateLookup.twentyYears": "20 років",
+	"neptune.DateLookup.year": "рік",
+	"neptune.FlowNavigation.back": "back to previous step",
+	"neptune.Link.opensInNewTab": "(opens in new tab)",
 	"neptune.MoneyInput.Select.placeholder": "Виберіть варіант…",
-	"neptune.Pagination.ariaLabel": "Перехід за сторінками",
-	"neptune.PaginationLink.ariaLabel.active": "Перейти на сторінку {pageNumber}",
-	"neptune.PaginationLink.ariaLabel.inactive": "Ця сторінка, сторінка {pageNumber}",
 	"neptune.Select.searchPlaceholder": "Пошук…",
 	"neptune.Summary.statusDone": "Виконано",
 	"neptune.Summary.statusNotDone": "Не виконано",
@@ -15112,17 +15358,78 @@ var uk = {
 	"neptune.UploadItem.uploadingFailed": "Не вдалося завантажити"
 };
 
-var zh = {
+var zhCN = {
+	"neptune.Button.loadingAriaLabel": "正在加载",
+	"neptune.Chips.ariaLabel": "清除 {choice}",
+	"neptune.ClearButton.ariaLabel": "清晰",
+	"neptune.CloseButton.ariaLabel": "关闭",
+	"neptune.DateInput.day.label": "日",
+	"neptune.DateInput.month.label": "月",
+	"neptune.DateInput.year.label": "年",
+	"neptune.DateLookup.day": "日",
+	"neptune.DateLookup.goTo20YearView": "Go to 20 year view",
+	"neptune.DateLookup.month": "月",
+	"neptune.DateLookup.next": "下一页",
+	"neptune.DateLookup.previous": "上一页",
+	"neptune.DateLookup.selected": "已选",
+	"neptune.DateLookup.twentyYears": "20年",
+	"neptune.DateLookup.year": "年",
+	"neptune.FlowNavigation.back": "back to previous step",
+	"neptune.Link.opensInNewTab": "(opens in new tab)",
+	"neptune.MoneyInput.Select.placeholder": "请选择...",
+	"neptune.Select.searchPlaceholder": "搜索",
+	"neptune.Summary.statusDone": "已完成",
+	"neptune.Summary.statusNotDone": "未完成",
+	"neptune.Summary.statusPending": "待处理",
+	"neptune.Upload.csButtonText": "上传另一个文件？",
+	"neptune.Upload.csFailureText": "上传失败。请重试",
+	"neptune.Upload.csSuccessText": "上传完毕！",
+	"neptune.Upload.csTooLargeMessage": "请提供小于 5MB 的文件",
+	"neptune.Upload.csWrongTypeMessage": "不支持该文件类型，请试试其他文件",
+	"neptune.Upload.psButtonText": "取消",
+	"neptune.Upload.psProcessingText": "正在上传…",
+	"neptune.Upload.usButtonText": "或选择文件",
+	"neptune.Upload.usDropMessage": "拖放文件开始上传",
+	"neptune.Upload.usPlaceholder": "拖放小于 5MB 的文件",
+	"neptune.UploadButton.allFileTypes": "所有文件类型",
+	"neptune.UploadButton.dropFiles": "拖放文件开始上传",
+	"neptune.UploadButton.instructions": "{fileTypes}，小于 {size}MB",
+	"neptune.UploadButton.uploadFile": "上传文件",
+	"neptune.UploadButton.uploadFiles": "上传文件",
+	"neptune.UploadInput.deleteModalBody": "删除此文件会将其从我们的系统中删除",
+	"neptune.UploadInput.deleteModalCancelButtonText": "取消",
+	"neptune.UploadInput.deleteModalConfirmButtonText": "删除",
+	"neptune.UploadInput.deleteModalTitle": "确定要删除此文件吗？",
+	"neptune.UploadInput.fileIsTooLarge": "文件太大",
+	"neptune.UploadInput.fileTypeNotSupported": "文件类型不受支持",
+	"neptune.UploadInput.maximumFilesAlreadyUploaded": "抱歉，此上传失败，因为我们一次只能接受 {maxFilesAllowed} 个文件。",
+	"neptune.UploadItem.deleting": "正在删除…",
+	"neptune.UploadItem.removeFile": "删除文件 {filename}",
+	"neptune.UploadItem.uploaded": "已上传",
+	"neptune.UploadItem.uploadedFile": "上传的文件",
+	"neptune.UploadItem.uploading": "正在上传…",
+	"neptune.UploadItem.uploadingFailed": "上传失败"
+};
+
+var zhHK = {
+	"neptune.Button.loadingAriaLabel": "載入中",
 	"neptune.Chips.ariaLabel": "清除{choice}",
 	"neptune.ClearButton.ariaLabel": "清除",
 	"neptune.CloseButton.ariaLabel": "關閉",
 	"neptune.DateInput.day.label": "日",
 	"neptune.DateInput.month.label": "月",
 	"neptune.DateInput.year.label": "年",
+	"neptune.DateLookup.day": "日",
+	"neptune.DateLookup.goTo20YearView": "切換至20年視圖",
+	"neptune.DateLookup.month": "月",
+	"neptune.DateLookup.next": "下一個",
+	"neptune.DateLookup.previous": "上一個",
+	"neptune.DateLookup.selected": "已選",
+	"neptune.DateLookup.twentyYears": "20年",
+	"neptune.DateLookup.year": "年",
+	"neptune.FlowNavigation.back": "返回上一個步驟",
+	"neptune.Link.opensInNewTab": "（在新分頁中開啟）",
 	"neptune.MoneyInput.Select.placeholder": "選擇一個選項…",
-	"neptune.Pagination.ariaLabel": "分頁導航",
-	"neptune.PaginationLink.ariaLabel.active": "前往第{pageNumber}頁",
-	"neptune.PaginationLink.ariaLabel.inactive": "目前在第{pageNumber}頁",
 	"neptune.Select.searchPlaceholder": "搜尋…",
 	"neptune.Summary.statusDone": "已完成事項",
 	"neptune.Summary.statusNotDone": "未完成事項",
@@ -15158,6 +15465,7 @@ var zh = {
 };
 
 const translations = {
+  cs,
   de,
   en,
   es,
@@ -15173,7 +15481,8 @@ const translations = {
   th,
   tr,
   uk,
-  zh
+  'zh-CN': zhCN,
+  'zh-HK': zhHK
 };
 
 exports.Accordion = Accordion;