@ndla/ui 43.0.0 → 43.0.1

package/es/NDLAFilm/FilmMovieSearch.js

@@ -7,11 +7,11 @@ import _styled from "@emotion/styled/base";
  *
  */
 
-import React from 'react';
+import React, { useCallback, useMemo } from 'react';
 import SafeLink from '@ndla/safelink';
 import { useTranslation } from 'react-i18next';
 import { spacing, mq, breakpoints, colors } from '@ndla/core';
-import CategorySelect from './CategorySelect';
+import { Select } from '@ndla/select';
 import { OneColumn } from '..';
 import { StyledHeadingH2 } from './filmStyles';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
@@ -19,29 +19,59 @@ import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 var FilmMovieSearchContainer = /*#__PURE__*/_styled("div", {
   target: "ebr0v6y2",
   label: "FilmMovieSearchContainer"
-})("margin:", spacing.normal, " 0 ", spacing.large, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Nb3ZpZVNlYXJjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0IyQyIsImZpbGUiOiJGaWxtTW92aWVTZWFyY2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBtcSwgYnJlYWtwb2ludHMsIGNvbG9ycyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IENhdGVnb3J5U2VsZWN0IGZyb20gJy4vQ2F0ZWdvcnlTZWxlY3QnO1xuaW1wb3J0IHsgTW92aWVSZXNvdXJjZVR5cGUgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7IE9uZUNvbHVtbiB9IGZyb20gJy4uJztcbmltcG9ydCB7IFN0eWxlZEhlYWRpbmdIMiB9IGZyb20gJy4vZmlsbVN0eWxlcyc7XG5cbmNvbnN0IEZpbG1Nb3ZpZVNlYXJjaENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbjogJHtzcGFjaW5nLm5vcm1hbH0gMCAke3NwYWNpbmcubGFyZ2V9O1xuYDtcblxuY29uc3QgVG9waWNOYXZpZ2F0aW9uID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luOiAke3NwYWNpbmcubm9ybWFsfSAwO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgICBwYWRkaW5nOiAwICR7c3BhY2luZy5ub3JtYWx9O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRVbCA9IHN0eWxlZC51bGBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgbGlzdC1zdHlsZS10eXBlOiBub25lO1xuICBsaXN0LXN0eWxlLWltYWdlOiBub25lO1xuICBsaSB7XG4gICAgZmxleDogMTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBhIHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gICAgICAmOmhvdmVyLFxuICAgICAgJjpmb2N1cy13aXRoaW4ge1xuICAgICAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQubGlnaHR9O1xuICAgICAgfVxuICAgIH1cbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXRlbXBsYXRlLXJvd3M6IGF1dG8gYXV0byBhdXRvIGF1dG87XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gICAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgICBjb2x1bW4tZ2FwOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdG9waWNzPzogeyBpZDogc3RyaW5nOyBwYXRoOiBzdHJpbmc7IG5hbWU6IHN0cmluZyB9W107XG4gIG9uQ2hhbmdlUmVzb3VyY2VUeXBlOiAocmVzb3VyY2VUeXBlPzogc3RyaW5nKSA9PiB2b2lkO1xuICByZXNvdXJjZVR5cGVTZWxlY3RlZD86IE1vdmllUmVzb3VyY2VUeXBlO1xuICByZXNvdXJjZVR5cGVzOiBNb3ZpZVJlc291cmNlVHlwZVtdO1xuICBhcmlhQ29udHJvbElkOiBzdHJpbmc7XG4gIHNraXBUb0NvbnRlbnRJZD86IHN0cmluZztcbn1cblxuY29uc3QgRmlsbU1vdmllU2VhcmNoID0gKHtcbiAgdG9waWNzID0gW10sXG4gIG9uQ2hhbmdlUmVzb3VyY2VUeXBlLFxuICByZXNvdXJjZVR5cGVzLFxuICByZXNvdXJjZVR5cGVTZWxlY3RlZCxcbiAgYXJpYUNvbnRyb2xJZCxcbiAgc2tpcFRvQ29udGVudElkLFxufTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxGaWxtTW92aWVTZWFyY2hDb250YWluZXI+XG4gICAgICA8T25lQ29sdW1uPlxuICAgICAgICA8VG9waWNOYXZpZ2F0aW9uPlxuICAgICAgICAgIDxTdHlsZWRIZWFkaW5nSDIgaWQ9e3NraXBUb0NvbnRlbnRJZH0gY2xhc3NOYW1lPVwidS0xMi8xMiB1LTQvMTJAdGFibGV0XCI+XG4gICAgICAgICAgICB7YCR7dCgnbmRsYUZpbG0uc3ViamVjdHNJbk1vdmllcycpfTpgfVxuICAgICAgICAgIDwvU3R5bGVkSGVhZGluZ0gyPlxuICAgICAgICAgIDxuYXYgY2xhc3NOYW1lPVwidS0xMi8xMiB1LTgvMTJAdGFibGV0XCIgYXJpYS1sYWJlbGxlZGJ5PXtza2lwVG9Db250ZW50SWR9PlxuICAgICAgICAgICAgPFN0eWxlZFVsPlxuICAgICAgICAgICAgICB7dG9waWNzLm1hcCgodG9waWMpID0+IChcbiAgICAgICAgICAgICAgICA8bGkga2V5PXt0b3BpYy5pZH0+XG4gICAgICAgICAgICAgICAgICA8U2FmZUxpbmsgdG89e3RvcGljLnBhdGh9IGtleT17dG9waWMuaWR9PlxuICAgICAgICAgICAgICAgICAgICA8c3Bhbj57dG9waWMubmFtZX08L3NwYW4+XG4gICAgICAgICAgICAgICAgICA8L1NhZmVMaW5rPlxuICAgICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgPC9TdHlsZWRVbD5cbiAgICAgICAgICA8L25hdj5cbiAgICAgICAgPC9Ub3BpY05hdmlnYXRpb24+XG4gICAgICAgIDxDYXRlZ29yeVNlbGVjdFxuICAgICAgICAgIG9uQ2hhbmdlUmVzb3VyY2VUeXBlPXtvbkNoYW5nZVJlc291cmNlVHlwZX1cbiAgICAgICAgICByZXNvdXJjZVR5cGVzPXtyZXNvdXJjZVR5cGVzfVxuICAgICAgICAgIHJlc291cmNlVHlwZVNlbGVjdGVkPXtyZXNvdXJjZVR5cGVTZWxlY3RlZH1cbiAgICAgICAgICBhcmlhQ29udHJvbElkPXthcmlhQ29udHJvbElkfVxuICAgICAgICAvPlxuICAgICAgPC9PbmVDb2x1bW4+XG4gICAgPC9GaWxtTW92aWVTZWFyY2hDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBGaWxtTW92aWVTZWFyY2g7XG4iXX0= */"));
+})("margin:", spacing.normal, " 0 ", spacing.large, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Nb3ZpZVNlYXJjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0IyQyIsImZpbGUiOiJGaWxtTW92aWVTZWFyY2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHNwYWNpbmcsIG1xLCBicmVha3BvaW50cywgY29sb3JzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBPcHRpb24sIFNlbGVjdCwgU2luZ2xlVmFsdWUgfSBmcm9tICdAbmRsYS9zZWxlY3QnO1xuaW1wb3J0IHsgTW92aWVSZXNvdXJjZVR5cGUgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7IE9uZUNvbHVtbiB9IGZyb20gJy4uJztcbmltcG9ydCB7IFN0eWxlZEhlYWRpbmdIMiB9IGZyb20gJy4vZmlsbVN0eWxlcyc7XG5cbmNvbnN0IEZpbG1Nb3ZpZVNlYXJjaENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbjogJHtzcGFjaW5nLm5vcm1hbH0gMCAke3NwYWNpbmcubGFyZ2V9O1xuYDtcblxuY29uc3QgVG9waWNOYXZpZ2F0aW9uID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luOiAke3NwYWNpbmcubm9ybWFsfSAwO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgICBwYWRkaW5nOiAwICR7c3BhY2luZy5ub3JtYWx9O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRVbCA9IHN0eWxlZC51bGBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgbGlzdC1zdHlsZS10eXBlOiBub25lO1xuICBsaXN0LXN0eWxlLWltYWdlOiBub25lO1xuICBsaSB7XG4gICAgZmxleDogMTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBhIHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gICAgICAmOmhvdmVyLFxuICAgICAgJjpmb2N1cy13aXRoaW4ge1xuICAgICAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQubGlnaHR9O1xuICAgICAgfVxuICAgIH1cbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXRlbXBsYXRlLXJvd3M6IGF1dG8gYXV0byBhdXRvIGF1dG87XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gICAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgICBjb2x1bW4tZ2FwOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdG9waWNzPzogeyBpZDogc3RyaW5nOyBwYXRoOiBzdHJpbmc7IG5hbWU6IHN0cmluZyB9W107XG4gIG9uQ2hhbmdlUmVzb3VyY2VUeXBlOiAocmVzb3VyY2VUeXBlPzogc3RyaW5nKSA9PiB2b2lkO1xuICByZXNvdXJjZVR5cGVTZWxlY3RlZD86IE1vdmllUmVzb3VyY2VUeXBlO1xuICByZXNvdXJjZVR5cGVzOiBNb3ZpZVJlc291cmNlVHlwZVtdO1xuICBza2lwVG9Db250ZW50SWQ/OiBzdHJpbmc7XG59XG5cbmNvbnN0IEZpbG1Nb3ZpZVNlYXJjaCA9ICh7XG4gIHRvcGljcyA9IFtdLFxuICBvbkNoYW5nZVJlc291cmNlVHlwZSxcbiAgcmVzb3VyY2VUeXBlcyxcbiAgcmVzb3VyY2VUeXBlU2VsZWN0ZWQsXG4gIHNraXBUb0NvbnRlbnRJZCxcbn06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3Qgc2VsZWN0ZWRPcHRpb24gPSB1c2VNZW1vKCgpID0+IHtcbiAgICBpZiAocmVzb3VyY2VUeXBlU2VsZWN0ZWQpIHtcbiAgICAgIHJldHVybiB7IHZhbHVlOiByZXNvdXJjZVR5cGVTZWxlY3RlZC5pZCwgbGFiZWw6IHJlc291cmNlVHlwZVNlbGVjdGVkLm5hbWUgfTtcbiAgICB9XG4gICAgcmV0dXJuIHsgdmFsdWU6ICdmcm9tTmRsYScsIGxhYmVsOiB0KCduZGxhRmlsbS5zZWFyY2guY2F0ZWdvcnlGcm9tTmRsYScpIH07XG4gIH0sIFtyZXNvdXJjZVR5cGVTZWxlY3RlZCwgdF0pO1xuXG4gIGNvbnN0IG9wdGlvbnM6IE9wdGlvbltdID0gdXNlTWVtbygoKSA9PiB7XG4gICAgY29uc3QgZnJvbU5kbGEgPSB7IHZhbHVlOiAnZnJvbU5kbGEnLCBsYWJlbDogdCgnbmRsYUZpbG0uc2VhcmNoLmNhdGVnb3J5RnJvbU5kbGEnKSB9O1xuICAgIHJldHVybiBbZnJvbU5kbGFdLmNvbmNhdChyZXNvdXJjZVR5cGVzLm1hcCgocnQpID0+ICh7IHZhbHVlOiBydC5pZCwgbGFiZWw6IHJ0Lm5hbWUgfSkpKTtcbiAgfSwgW3Jlc291cmNlVHlwZXMsIHRdKTtcblxuICBjb25zdCBvbkNoYW5nZSA9IHVzZUNhbGxiYWNrKFxuICAgICh2YWx1ZTogU2luZ2xlVmFsdWUpID0+IHtcbiAgICAgIGlmICh2YWx1ZT8udmFsdWUgPT09ICdmcm9tTmRsYScpIHtcbiAgICAgICAgb25DaGFuZ2VSZXNvdXJjZVR5cGUoKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIG9uQ2hhbmdlUmVzb3VyY2VUeXBlKHZhbHVlPy52YWx1ZSk7XG4gICAgICB9XG4gICAgfSxcbiAgICBbb25DaGFuZ2VSZXNvdXJjZVR5cGVdLFxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPEZpbG1Nb3ZpZVNlYXJjaENvbnRhaW5lcj5cbiAgICAgIDxPbmVDb2x1bW4+XG4gICAgICAgIDxUb3BpY05hdmlnYXRpb24+XG4gICAgICAgICAgPFN0eWxlZEhlYWRpbmdIMiBpZD17c2tpcFRvQ29udGVudElkfSBjbGFzc05hbWU9XCJ1LTEyLzEyIHUtNC8xMkB0YWJsZXRcIj5cbiAgICAgICAgICAgIHtgJHt0KCduZGxhRmlsbS5zdWJqZWN0c0luTW92aWVzJyl9OmB9XG4gICAgICAgICAgPC9TdHlsZWRIZWFkaW5nSDI+XG4gICAgICAgICAgPG5hdiBjbGFzc05hbWU9XCJ1LTEyLzEyIHUtOC8xMkB0YWJsZXRcIiBhcmlhLWxhYmVsbGVkYnk9e3NraXBUb0NvbnRlbnRJZH0+XG4gICAgICAgICAgICA8U3R5bGVkVWw+XG4gICAgICAgICAgICAgIHt0b3BpY3MubWFwKCh0b3BpYykgPT4gKFxuICAgICAgICAgICAgICAgIDxsaSBrZXk9e3RvcGljLmlkfT5cbiAgICAgICAgICAgICAgICAgIDxTYWZlTGluayB0bz17dG9waWMucGF0aH0ga2V5PXt0b3BpYy5pZH0+XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuPnt0b3BpYy5uYW1lfTwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgIDwvU2FmZUxpbms+XG4gICAgICAgICAgICAgICAgPC9saT5cbiAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICA8L1N0eWxlZFVsPlxuICAgICAgICAgIDwvbmF2PlxuICAgICAgICA8L1RvcGljTmF2aWdhdGlvbj5cbiAgICAgICAgPFNlbGVjdDxmYWxzZT5cbiAgICAgICAgICBvcHRpb25zPXtvcHRpb25zfVxuICAgICAgICAgIHZhbHVlPXtzZWxlY3RlZE9wdGlvbn1cbiAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgY29sb3JUaGVtZT1cIndoaXRlXCJcbiAgICAgICAgICBwbGFjZWhvbGRlcj17dCgnbmRsYUZpbG0uc2VhcmNoLmNob29zZUNhdGVnb3J5Jyl9XG4gICAgICAgICAgcHJlZml4PXtgJHt0KCduZGxhRmlsbS5zZWFyY2guY2hvb3NlQ2F0ZWdvcnknKX0gYH1cbiAgICAgICAgLz5cbiAgICAgIDwvT25lQ29sdW1uPlxuICAgIDwvRmlsbU1vdmllU2VhcmNoQ29udGFpbmVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRmlsbU1vdmllU2VhcmNoO1xuIl19 */"));
 var TopicNavigation = /*#__PURE__*/_styled("div", {
   target: "ebr0v6y1",
   label: "TopicNavigation"
 })("margin:", spacing.normal, " 0;", mq.range({
   from: breakpoints.tablet
-}), "{display:flex;align-items:flex-start;padding:0 ", spacing.normal, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Nb3ZpZVNlYXJjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0JrQyIsImZpbGUiOiJGaWxtTW92aWVTZWFyY2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBtcSwgYnJlYWtwb2ludHMsIGNvbG9ycyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IENhdGVnb3J5U2VsZWN0IGZyb20gJy4vQ2F0ZWdvcnlTZWxlY3QnO1xuaW1wb3J0IHsgTW92aWVSZXNvdXJjZVR5cGUgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7IE9uZUNvbHVtbiB9IGZyb20gJy4uJztcbmltcG9ydCB7IFN0eWxlZEhlYWRpbmdIMiB9IGZyb20gJy4vZmlsbVN0eWxlcyc7XG5cbmNvbnN0IEZpbG1Nb3ZpZVNlYXJjaENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbjogJHtzcGFjaW5nLm5vcm1hbH0gMCAke3NwYWNpbmcubGFyZ2V9O1xuYDtcblxuY29uc3QgVG9waWNOYXZpZ2F0aW9uID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luOiAke3NwYWNpbmcubm9ybWFsfSAwO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgICBwYWRkaW5nOiAwICR7c3BhY2luZy5ub3JtYWx9O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRVbCA9IHN0eWxlZC51bGBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgbGlzdC1zdHlsZS10eXBlOiBub25lO1xuICBsaXN0LXN0eWxlLWltYWdlOiBub25lO1xuICBsaSB7XG4gICAgZmxleDogMTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBhIHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gICAgICAmOmhvdmVyLFxuICAgICAgJjpmb2N1cy13aXRoaW4ge1xuICAgICAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQubGlnaHR9O1xuICAgICAgfVxuICAgIH1cbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXRlbXBsYXRlLXJvd3M6IGF1dG8gYXV0byBhdXRvIGF1dG87XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gICAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgICBjb2x1bW4tZ2FwOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdG9waWNzPzogeyBpZDogc3RyaW5nOyBwYXRoOiBzdHJpbmc7IG5hbWU6IHN0cmluZyB9W107XG4gIG9uQ2hhbmdlUmVzb3VyY2VUeXBlOiAocmVzb3VyY2VUeXBlPzogc3RyaW5nKSA9PiB2b2lkO1xuICByZXNvdXJjZVR5cGVTZWxlY3RlZD86IE1vdmllUmVzb3VyY2VUeXBlO1xuICByZXNvdXJjZVR5cGVzOiBNb3ZpZVJlc291cmNlVHlwZVtdO1xuICBhcmlhQ29udHJvbElkOiBzdHJpbmc7XG4gIHNraXBUb0NvbnRlbnRJZD86IHN0cmluZztcbn1cblxuY29uc3QgRmlsbU1vdmllU2VhcmNoID0gKHtcbiAgdG9waWNzID0gW10sXG4gIG9uQ2hhbmdlUmVzb3VyY2VUeXBlLFxuICByZXNvdXJjZVR5cGVzLFxuICByZXNvdXJjZVR5cGVTZWxlY3RlZCxcbiAgYXJpYUNvbnRyb2xJZCxcbiAgc2tpcFRvQ29udGVudElkLFxufTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxGaWxtTW92aWVTZWFyY2hDb250YWluZXI+XG4gICAgICA8T25lQ29sdW1uPlxuICAgICAgICA8VG9waWNOYXZpZ2F0aW9uPlxuICAgICAgICAgIDxTdHlsZWRIZWFkaW5nSDIgaWQ9e3NraXBUb0NvbnRlbnRJZH0gY2xhc3NOYW1lPVwidS0xMi8xMiB1LTQvMTJAdGFibGV0XCI+XG4gICAgICAgICAgICB7YCR7dCgnbmRsYUZpbG0uc3ViamVjdHNJbk1vdmllcycpfTpgfVxuICAgICAgICAgIDwvU3R5bGVkSGVhZGluZ0gyPlxuICAgICAgICAgIDxuYXYgY2xhc3NOYW1lPVwidS0xMi8xMiB1LTgvMTJAdGFibGV0XCIgYXJpYS1sYWJlbGxlZGJ5PXtza2lwVG9Db250ZW50SWR9PlxuICAgICAgICAgICAgPFN0eWxlZFVsPlxuICAgICAgICAgICAgICB7dG9waWNzLm1hcCgodG9waWMpID0+IChcbiAgICAgICAgICAgICAgICA8bGkga2V5PXt0b3BpYy5pZH0+XG4gICAgICAgICAgICAgICAgICA8U2FmZUxpbmsgdG89e3RvcGljLnBhdGh9IGtleT17dG9waWMuaWR9PlxuICAgICAgICAgICAgICAgICAgICA8c3Bhbj57dG9waWMubmFtZX08L3NwYW4+XG4gICAgICAgICAgICAgICAgICA8L1NhZmVMaW5rPlxuICAgICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgPC9TdHlsZWRVbD5cbiAgICAgICAgICA8L25hdj5cbiAgICAgICAgPC9Ub3BpY05hdmlnYXRpb24+XG4gICAgICAgIDxDYXRlZ29yeVNlbGVjdFxuICAgICAgICAgIG9uQ2hhbmdlUmVzb3VyY2VUeXBlPXtvbkNoYW5nZVJlc291cmNlVHlwZX1cbiAgICAgICAgICByZXNvdXJjZVR5cGVzPXtyZXNvdXJjZVR5cGVzfVxuICAgICAgICAgIHJlc291cmNlVHlwZVNlbGVjdGVkPXtyZXNvdXJjZVR5cGVTZWxlY3RlZH1cbiAgICAgICAgICBhcmlhQ29udHJvbElkPXthcmlhQ29udHJvbElkfVxuICAgICAgICAvPlxuICAgICAgPC9PbmVDb2x1bW4+XG4gICAgPC9GaWxtTW92aWVTZWFyY2hDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBGaWxtTW92aWVTZWFyY2g7XG4iXX0= */"));
+}), "{display:flex;align-items:flex-start;padding:0 ", spacing.normal, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Nb3ZpZVNlYXJjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0JrQyIsImZpbGUiOiJGaWxtTW92aWVTZWFyY2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHNwYWNpbmcsIG1xLCBicmVha3BvaW50cywgY29sb3JzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBPcHRpb24sIFNlbGVjdCwgU2luZ2xlVmFsdWUgfSBmcm9tICdAbmRsYS9zZWxlY3QnO1xuaW1wb3J0IHsgTW92aWVSZXNvdXJjZVR5cGUgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7IE9uZUNvbHVtbiB9IGZyb20gJy4uJztcbmltcG9ydCB7IFN0eWxlZEhlYWRpbmdIMiB9IGZyb20gJy4vZmlsbVN0eWxlcyc7XG5cbmNvbnN0IEZpbG1Nb3ZpZVNlYXJjaENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbjogJHtzcGFjaW5nLm5vcm1hbH0gMCAke3NwYWNpbmcubGFyZ2V9O1xuYDtcblxuY29uc3QgVG9waWNOYXZpZ2F0aW9uID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luOiAke3NwYWNpbmcubm9ybWFsfSAwO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgICBwYWRkaW5nOiAwICR7c3BhY2luZy5ub3JtYWx9O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRVbCA9IHN0eWxlZC51bGBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgbGlzdC1zdHlsZS10eXBlOiBub25lO1xuICBsaXN0LXN0eWxlLWltYWdlOiBub25lO1xuICBsaSB7XG4gICAgZmxleDogMTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBhIHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gICAgICAmOmhvdmVyLFxuICAgICAgJjpmb2N1cy13aXRoaW4ge1xuICAgICAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQubGlnaHR9O1xuICAgICAgfVxuICAgIH1cbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXRlbXBsYXRlLXJvd3M6IGF1dG8gYXV0byBhdXRvIGF1dG87XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gICAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgICBjb2x1bW4tZ2FwOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdG9waWNzPzogeyBpZDogc3RyaW5nOyBwYXRoOiBzdHJpbmc7IG5hbWU6IHN0cmluZyB9W107XG4gIG9uQ2hhbmdlUmVzb3VyY2VUeXBlOiAocmVzb3VyY2VUeXBlPzogc3RyaW5nKSA9PiB2b2lkO1xuICByZXNvdXJjZVR5cGVTZWxlY3RlZD86IE1vdmllUmVzb3VyY2VUeXBlO1xuICByZXNvdXJjZVR5cGVzOiBNb3ZpZVJlc291cmNlVHlwZVtdO1xuICBza2lwVG9Db250ZW50SWQ/OiBzdHJpbmc7XG59XG5cbmNvbnN0IEZpbG1Nb3ZpZVNlYXJjaCA9ICh7XG4gIHRvcGljcyA9IFtdLFxuICBvbkNoYW5nZVJlc291cmNlVHlwZSxcbiAgcmVzb3VyY2VUeXBlcyxcbiAgcmVzb3VyY2VUeXBlU2VsZWN0ZWQsXG4gIHNraXBUb0NvbnRlbnRJZCxcbn06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3Qgc2VsZWN0ZWRPcHRpb24gPSB1c2VNZW1vKCgpID0+IHtcbiAgICBpZiAocmVzb3VyY2VUeXBlU2VsZWN0ZWQpIHtcbiAgICAgIHJldHVybiB7IHZhbHVlOiByZXNvdXJjZVR5cGVTZWxlY3RlZC5pZCwgbGFiZWw6IHJlc291cmNlVHlwZVNlbGVjdGVkLm5hbWUgfTtcbiAgICB9XG4gICAgcmV0dXJuIHsgdmFsdWU6ICdmcm9tTmRsYScsIGxhYmVsOiB0KCduZGxhRmlsbS5zZWFyY2guY2F0ZWdvcnlGcm9tTmRsYScpIH07XG4gIH0sIFtyZXNvdXJjZVR5cGVTZWxlY3RlZCwgdF0pO1xuXG4gIGNvbnN0IG9wdGlvbnM6IE9wdGlvbltdID0gdXNlTWVtbygoKSA9PiB7XG4gICAgY29uc3QgZnJvbU5kbGEgPSB7IHZhbHVlOiAnZnJvbU5kbGEnLCBsYWJlbDogdCgnbmRsYUZpbG0uc2VhcmNoLmNhdGVnb3J5RnJvbU5kbGEnKSB9O1xuICAgIHJldHVybiBbZnJvbU5kbGFdLmNvbmNhdChyZXNvdXJjZVR5cGVzLm1hcCgocnQpID0+ICh7IHZhbHVlOiBydC5pZCwgbGFiZWw6IHJ0Lm5hbWUgfSkpKTtcbiAgfSwgW3Jlc291cmNlVHlwZXMsIHRdKTtcblxuICBjb25zdCBvbkNoYW5nZSA9IHVzZUNhbGxiYWNrKFxuICAgICh2YWx1ZTogU2luZ2xlVmFsdWUpID0+IHtcbiAgICAgIGlmICh2YWx1ZT8udmFsdWUgPT09ICdmcm9tTmRsYScpIHtcbiAgICAgICAgb25DaGFuZ2VSZXNvdXJjZVR5cGUoKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIG9uQ2hhbmdlUmVzb3VyY2VUeXBlKHZhbHVlPy52YWx1ZSk7XG4gICAgICB9XG4gICAgfSxcbiAgICBbb25DaGFuZ2VSZXNvdXJjZVR5cGVdLFxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPEZpbG1Nb3ZpZVNlYXJjaENvbnRhaW5lcj5cbiAgICAgIDxPbmVDb2x1bW4+XG4gICAgICAgIDxUb3BpY05hdmlnYXRpb24+XG4gICAgICAgICAgPFN0eWxlZEhlYWRpbmdIMiBpZD17c2tpcFRvQ29udGVudElkfSBjbGFzc05hbWU9XCJ1LTEyLzEyIHUtNC8xMkB0YWJsZXRcIj5cbiAgICAgICAgICAgIHtgJHt0KCduZGxhRmlsbS5zdWJqZWN0c0luTW92aWVzJyl9OmB9XG4gICAgICAgICAgPC9TdHlsZWRIZWFkaW5nSDI+XG4gICAgICAgICAgPG5hdiBjbGFzc05hbWU9XCJ1LTEyLzEyIHUtOC8xMkB0YWJsZXRcIiBhcmlhLWxhYmVsbGVkYnk9e3NraXBUb0NvbnRlbnRJZH0+XG4gICAgICAgICAgICA8U3R5bGVkVWw+XG4gICAgICAgICAgICAgIHt0b3BpY3MubWFwKCh0b3BpYykgPT4gKFxuICAgICAgICAgICAgICAgIDxsaSBrZXk9e3RvcGljLmlkfT5cbiAgICAgICAgICAgICAgICAgIDxTYWZlTGluayB0bz17dG9waWMucGF0aH0ga2V5PXt0b3BpYy5pZH0+XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuPnt0b3BpYy5uYW1lfTwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgIDwvU2FmZUxpbms+XG4gICAgICAgICAgICAgICAgPC9saT5cbiAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICA8L1N0eWxlZFVsPlxuICAgICAgICAgIDwvbmF2PlxuICAgICAgICA8L1RvcGljTmF2aWdhdGlvbj5cbiAgICAgICAgPFNlbGVjdDxmYWxzZT5cbiAgICAgICAgICBvcHRpb25zPXtvcHRpb25zfVxuICAgICAgICAgIHZhbHVlPXtzZWxlY3RlZE9wdGlvbn1cbiAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgY29sb3JUaGVtZT1cIndoaXRlXCJcbiAgICAgICAgICBwbGFjZWhvbGRlcj17dCgnbmRsYUZpbG0uc2VhcmNoLmNob29zZUNhdGVnb3J5Jyl9XG4gICAgICAgICAgcHJlZml4PXtgJHt0KCduZGxhRmlsbS5zZWFyY2guY2hvb3NlQ2F0ZWdvcnknKX0gYH1cbiAgICAgICAgLz5cbiAgICAgIDwvT25lQ29sdW1uPlxuICAgIDwvRmlsbU1vdmllU2VhcmNoQ29udGFpbmVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRmlsbU1vdmllU2VhcmNoO1xuIl19 */"));
 var StyledUl = /*#__PURE__*/_styled("ul", {
   target: "ebr0v6y0",
   label: "StyledUl"
 })("display:flex;flex-direction:column;list-style-type:none;list-style-image:none;li{flex:1;width:100%;a{color:", colors.white, ";&:hover,&:focus-within{color:", colors.brand.light, ";}}}", mq.range({
   from: breakpoints.tablet
-}), "{display:grid;grid-template-rows:auto auto auto auto;grid-template-columns:1fr;grid-auto-flow:column;column-gap:", spacing.normal, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Nb3ZpZVNlYXJjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0IwQiIsImZpbGUiOiJGaWxtTW92aWVTZWFyY2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBtcSwgYnJlYWtwb2ludHMsIGNvbG9ycyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IENhdGVnb3J5U2VsZWN0IGZyb20gJy4vQ2F0ZWdvcnlTZWxlY3QnO1xuaW1wb3J0IHsgTW92aWVSZXNvdXJjZVR5cGUgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7IE9uZUNvbHVtbiB9IGZyb20gJy4uJztcbmltcG9ydCB7IFN0eWxlZEhlYWRpbmdIMiB9IGZyb20gJy4vZmlsbVN0eWxlcyc7XG5cbmNvbnN0IEZpbG1Nb3ZpZVNlYXJjaENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbjogJHtzcGFjaW5nLm5vcm1hbH0gMCAke3NwYWNpbmcubGFyZ2V9O1xuYDtcblxuY29uc3QgVG9waWNOYXZpZ2F0aW9uID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luOiAke3NwYWNpbmcubm9ybWFsfSAwO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgICBwYWRkaW5nOiAwICR7c3BhY2luZy5ub3JtYWx9O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRVbCA9IHN0eWxlZC51bGBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgbGlzdC1zdHlsZS10eXBlOiBub25lO1xuICBsaXN0LXN0eWxlLWltYWdlOiBub25lO1xuICBsaSB7XG4gICAgZmxleDogMTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBhIHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gICAgICAmOmhvdmVyLFxuICAgICAgJjpmb2N1cy13aXRoaW4ge1xuICAgICAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQubGlnaHR9O1xuICAgICAgfVxuICAgIH1cbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXRlbXBsYXRlLXJvd3M6IGF1dG8gYXV0byBhdXRvIGF1dG87XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gICAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgICBjb2x1bW4tZ2FwOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdG9waWNzPzogeyBpZDogc3RyaW5nOyBwYXRoOiBzdHJpbmc7IG5hbWU6IHN0cmluZyB9W107XG4gIG9uQ2hhbmdlUmVzb3VyY2VUeXBlOiAocmVzb3VyY2VUeXBlPzogc3RyaW5nKSA9PiB2b2lkO1xuICByZXNvdXJjZVR5cGVTZWxlY3RlZD86IE1vdmllUmVzb3VyY2VUeXBlO1xuICByZXNvdXJjZVR5cGVzOiBNb3ZpZVJlc291cmNlVHlwZVtdO1xuICBhcmlhQ29udHJvbElkOiBzdHJpbmc7XG4gIHNraXBUb0NvbnRlbnRJZD86IHN0cmluZztcbn1cblxuY29uc3QgRmlsbU1vdmllU2VhcmNoID0gKHtcbiAgdG9waWNzID0gW10sXG4gIG9uQ2hhbmdlUmVzb3VyY2VUeXBlLFxuICByZXNvdXJjZVR5cGVzLFxuICByZXNvdXJjZVR5cGVTZWxlY3RlZCxcbiAgYXJpYUNvbnRyb2xJZCxcbiAgc2tpcFRvQ29udGVudElkLFxufTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxGaWxtTW92aWVTZWFyY2hDb250YWluZXI+XG4gICAgICA8T25lQ29sdW1uPlxuICAgICAgICA8VG9waWNOYXZpZ2F0aW9uPlxuICAgICAgICAgIDxTdHlsZWRIZWFkaW5nSDIgaWQ9e3NraXBUb0NvbnRlbnRJZH0gY2xhc3NOYW1lPVwidS0xMi8xMiB1LTQvMTJAdGFibGV0XCI+XG4gICAgICAgICAgICB7YCR7dCgnbmRsYUZpbG0uc3ViamVjdHNJbk1vdmllcycpfTpgfVxuICAgICAgICAgIDwvU3R5bGVkSGVhZGluZ0gyPlxuICAgICAgICAgIDxuYXYgY2xhc3NOYW1lPVwidS0xMi8xMiB1LTgvMTJAdGFibGV0XCIgYXJpYS1sYWJlbGxlZGJ5PXtza2lwVG9Db250ZW50SWR9PlxuICAgICAgICAgICAgPFN0eWxlZFVsPlxuICAgICAgICAgICAgICB7dG9waWNzLm1hcCgodG9waWMpID0+IChcbiAgICAgICAgICAgICAgICA8bGkga2V5PXt0b3BpYy5pZH0+XG4gICAgICAgICAgICAgICAgICA8U2FmZUxpbmsgdG89e3RvcGljLnBhdGh9IGtleT17dG9waWMuaWR9PlxuICAgICAgICAgICAgICAgICAgICA8c3Bhbj57dG9waWMubmFtZX08L3NwYW4+XG4gICAgICAgICAgICAgICAgICA8L1NhZmVMaW5rPlxuICAgICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgPC9TdHlsZWRVbD5cbiAgICAgICAgICA8L25hdj5cbiAgICAgICAgPC9Ub3BpY05hdmlnYXRpb24+XG4gICAgICAgIDxDYXRlZ29yeVNlbGVjdFxuICAgICAgICAgIG9uQ2hhbmdlUmVzb3VyY2VUeXBlPXtvbkNoYW5nZVJlc291cmNlVHlwZX1cbiAgICAgICAgICByZXNvdXJjZVR5cGVzPXtyZXNvdXJjZVR5cGVzfVxuICAgICAgICAgIHJlc291cmNlVHlwZVNlbGVjdGVkPXtyZXNvdXJjZVR5cGVTZWxlY3RlZH1cbiAgICAgICAgICBhcmlhQ29udHJvbElkPXthcmlhQ29udHJvbElkfVxuICAgICAgICAvPlxuICAgICAgPC9PbmVDb2x1bW4+XG4gICAgPC9GaWxtTW92aWVTZWFyY2hDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBGaWxtTW92aWVTZWFyY2g7XG4iXX0= */"));
+}), "{display:grid;grid-template-rows:auto auto auto auto;grid-template-columns:1fr;grid-auto-flow:column;column-gap:", spacing.normal, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Nb3ZpZVNlYXJjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0IwQiIsImZpbGUiOiJGaWxtTW92aWVTZWFyY2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHNwYWNpbmcsIG1xLCBicmVha3BvaW50cywgY29sb3JzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBPcHRpb24sIFNlbGVjdCwgU2luZ2xlVmFsdWUgfSBmcm9tICdAbmRsYS9zZWxlY3QnO1xuaW1wb3J0IHsgTW92aWVSZXNvdXJjZVR5cGUgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7IE9uZUNvbHVtbiB9IGZyb20gJy4uJztcbmltcG9ydCB7IFN0eWxlZEhlYWRpbmdIMiB9IGZyb20gJy4vZmlsbVN0eWxlcyc7XG5cbmNvbnN0IEZpbG1Nb3ZpZVNlYXJjaENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbjogJHtzcGFjaW5nLm5vcm1hbH0gMCAke3NwYWNpbmcubGFyZ2V9O1xuYDtcblxuY29uc3QgVG9waWNOYXZpZ2F0aW9uID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luOiAke3NwYWNpbmcubm9ybWFsfSAwO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgICBwYWRkaW5nOiAwICR7c3BhY2luZy5ub3JtYWx9O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRVbCA9IHN0eWxlZC51bGBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgbGlzdC1zdHlsZS10eXBlOiBub25lO1xuICBsaXN0LXN0eWxlLWltYWdlOiBub25lO1xuICBsaSB7XG4gICAgZmxleDogMTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBhIHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gICAgICAmOmhvdmVyLFxuICAgICAgJjpmb2N1cy13aXRoaW4ge1xuICAgICAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQubGlnaHR9O1xuICAgICAgfVxuICAgIH1cbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXRlbXBsYXRlLXJvd3M6IGF1dG8gYXV0byBhdXRvIGF1dG87XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gICAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgICBjb2x1bW4tZ2FwOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdG9waWNzPzogeyBpZDogc3RyaW5nOyBwYXRoOiBzdHJpbmc7IG5hbWU6IHN0cmluZyB9W107XG4gIG9uQ2hhbmdlUmVzb3VyY2VUeXBlOiAocmVzb3VyY2VUeXBlPzogc3RyaW5nKSA9PiB2b2lkO1xuICByZXNvdXJjZVR5cGVTZWxlY3RlZD86IE1vdmllUmVzb3VyY2VUeXBlO1xuICByZXNvdXJjZVR5cGVzOiBNb3ZpZVJlc291cmNlVHlwZVtdO1xuICBza2lwVG9Db250ZW50SWQ/OiBzdHJpbmc7XG59XG5cbmNvbnN0IEZpbG1Nb3ZpZVNlYXJjaCA9ICh7XG4gIHRvcGljcyA9IFtdLFxuICBvbkNoYW5nZVJlc291cmNlVHlwZSxcbiAgcmVzb3VyY2VUeXBlcyxcbiAgcmVzb3VyY2VUeXBlU2VsZWN0ZWQsXG4gIHNraXBUb0NvbnRlbnRJZCxcbn06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3Qgc2VsZWN0ZWRPcHRpb24gPSB1c2VNZW1vKCgpID0+IHtcbiAgICBpZiAocmVzb3VyY2VUeXBlU2VsZWN0ZWQpIHtcbiAgICAgIHJldHVybiB7IHZhbHVlOiByZXNvdXJjZVR5cGVTZWxlY3RlZC5pZCwgbGFiZWw6IHJlc291cmNlVHlwZVNlbGVjdGVkLm5hbWUgfTtcbiAgICB9XG4gICAgcmV0dXJuIHsgdmFsdWU6ICdmcm9tTmRsYScsIGxhYmVsOiB0KCduZGxhRmlsbS5zZWFyY2guY2F0ZWdvcnlGcm9tTmRsYScpIH07XG4gIH0sIFtyZXNvdXJjZVR5cGVTZWxlY3RlZCwgdF0pO1xuXG4gIGNvbnN0IG9wdGlvbnM6IE9wdGlvbltdID0gdXNlTWVtbygoKSA9PiB7XG4gICAgY29uc3QgZnJvbU5kbGEgPSB7IHZhbHVlOiAnZnJvbU5kbGEnLCBsYWJlbDogdCgnbmRsYUZpbG0uc2VhcmNoLmNhdGVnb3J5RnJvbU5kbGEnKSB9O1xuICAgIHJldHVybiBbZnJvbU5kbGFdLmNvbmNhdChyZXNvdXJjZVR5cGVzLm1hcCgocnQpID0+ICh7IHZhbHVlOiBydC5pZCwgbGFiZWw6IHJ0Lm5hbWUgfSkpKTtcbiAgfSwgW3Jlc291cmNlVHlwZXMsIHRdKTtcblxuICBjb25zdCBvbkNoYW5nZSA9IHVzZUNhbGxiYWNrKFxuICAgICh2YWx1ZTogU2luZ2xlVmFsdWUpID0+IHtcbiAgICAgIGlmICh2YWx1ZT8udmFsdWUgPT09ICdmcm9tTmRsYScpIHtcbiAgICAgICAgb25DaGFuZ2VSZXNvdXJjZVR5cGUoKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIG9uQ2hhbmdlUmVzb3VyY2VUeXBlKHZhbHVlPy52YWx1ZSk7XG4gICAgICB9XG4gICAgfSxcbiAgICBbb25DaGFuZ2VSZXNvdXJjZVR5cGVdLFxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPEZpbG1Nb3ZpZVNlYXJjaENvbnRhaW5lcj5cbiAgICAgIDxPbmVDb2x1bW4+XG4gICAgICAgIDxUb3BpY05hdmlnYXRpb24+XG4gICAgICAgICAgPFN0eWxlZEhlYWRpbmdIMiBpZD17c2tpcFRvQ29udGVudElkfSBjbGFzc05hbWU9XCJ1LTEyLzEyIHUtNC8xMkB0YWJsZXRcIj5cbiAgICAgICAgICAgIHtgJHt0KCduZGxhRmlsbS5zdWJqZWN0c0luTW92aWVzJyl9OmB9XG4gICAgICAgICAgPC9TdHlsZWRIZWFkaW5nSDI+XG4gICAgICAgICAgPG5hdiBjbGFzc05hbWU9XCJ1LTEyLzEyIHUtOC8xMkB0YWJsZXRcIiBhcmlhLWxhYmVsbGVkYnk9e3NraXBUb0NvbnRlbnRJZH0+XG4gICAgICAgICAgICA8U3R5bGVkVWw+XG4gICAgICAgICAgICAgIHt0b3BpY3MubWFwKCh0b3BpYykgPT4gKFxuICAgICAgICAgICAgICAgIDxsaSBrZXk9e3RvcGljLmlkfT5cbiAgICAgICAgICAgICAgICAgIDxTYWZlTGluayB0bz17dG9waWMucGF0aH0ga2V5PXt0b3BpYy5pZH0+XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuPnt0b3BpYy5uYW1lfTwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgIDwvU2FmZUxpbms+XG4gICAgICAgICAgICAgICAgPC9saT5cbiAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICA8L1N0eWxlZFVsPlxuICAgICAgICAgIDwvbmF2PlxuICAgICAgICA8L1RvcGljTmF2aWdhdGlvbj5cbiAgICAgICAgPFNlbGVjdDxmYWxzZT5cbiAgICAgICAgICBvcHRpb25zPXtvcHRpb25zfVxuICAgICAgICAgIHZhbHVlPXtzZWxlY3RlZE9wdGlvbn1cbiAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgY29sb3JUaGVtZT1cIndoaXRlXCJcbiAgICAgICAgICBwbGFjZWhvbGRlcj17dCgnbmRsYUZpbG0uc2VhcmNoLmNob29zZUNhdGVnb3J5Jyl9XG4gICAgICAgICAgcHJlZml4PXtgJHt0KCduZGxhRmlsbS5zZWFyY2guY2hvb3NlQ2F0ZWdvcnknKX0gYH1cbiAgICAgICAgLz5cbiAgICAgIDwvT25lQ29sdW1uPlxuICAgIDwvRmlsbU1vdmllU2VhcmNoQ29udGFpbmVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRmlsbU1vdmllU2VhcmNoO1xuIl19 */"));
 var FilmMovieSearch = function FilmMovieSearch(_ref) {
   var _ref$topics = _ref.topics,
     topics = _ref$topics === void 0 ? [] : _ref$topics,
     onChangeResourceType = _ref.onChangeResourceType,
     resourceTypes = _ref.resourceTypes,
     resourceTypeSelected = _ref.resourceTypeSelected,
-    ariaControlId = _ref.ariaControlId,
     skipToContentId = _ref.skipToContentId;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var selectedOption = useMemo(function () {
+    if (resourceTypeSelected) {
+      return {
+        value: resourceTypeSelected.id,
+        label: resourceTypeSelected.name
+      };
+    }
+    return {
+      value: 'fromNdla',
+      label: t('ndlaFilm.search.categoryFromNdla')
+    };
+  }, [resourceTypeSelected, t]);
+  var options = useMemo(function () {
+    var fromNdla = {
+      value: 'fromNdla',
+      label: t('ndlaFilm.search.categoryFromNdla')
+    };
+    return [fromNdla].concat(resourceTypes.map(function (rt) {
+      return {
+        value: rt.id,
+        label: rt.name
+      };
+    }));
+  }, [resourceTypes, t]);
+  var onChange = useCallback(function (value) {
+    if ((value === null || value === void 0 ? void 0 : value.value) === 'fromNdla') {
+      onChangeResourceType();
+    } else {
+      onChangeResourceType(value === null || value === void 0 ? void 0 : value.value);
+    }
+  }, [onChangeResourceType]);
   return _jsx(FilmMovieSearchContainer, {
     children: _jsxs(OneColumn, {
       children: [_jsxs(TopicNavigation, {
@@ -65,11 +95,13 @@ var FilmMovieSearch = function FilmMovieSearch(_ref) {
             })
           })
         })]
-      }), _jsx(CategorySelect, {
-        onChangeResourceType: onChangeResourceType,
-        resourceTypes: resourceTypes,
-        resourceTypeSelected: resourceTypeSelected,
-        ariaControlId: ariaControlId
+      }), _jsx(Select, {
+        options: options,
+        value: selectedOption,
+        onChange: onChange,
+        colorTheme: "white",
+        placeholder: t('ndlaFilm.search.chooseCategory'),
+        prefix: "".concat(t('ndlaFilm.search.chooseCategory'), " ")
       })]
     })
   });