@amboss/design-system 1.15.2 → 1.15.3

package/build/cjs/src/components/DropdownMenu/DropdownMenu.js

@@ -0,0 +1,227 @@
+'use strict';
+
+var _styled = require('@emotion/styled/base');
+var React = require('react');
+var useOutsideClick = require('../../shared/useOutsideClick.js');
+var useAutoPosition = require('../../shared/useAutoPosition.js');
+var useKeyboard = require('../../shared/useKeyboard.js');
+var MenuItem = require('./MenuItem.js');
+var Button = require('../Button/Button.js');
+var Divider = require('../Divider/Divider.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const isSeperator = item => item === "separator";
+const StyledContainer = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "eexbp0x3"
+} : {
+  target: "eexbp0x3",
+  label: "StyledContainer"
+})(() => ({
+  position: "relative",
+  display: "inline-block"
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRyb3Bkb3duTWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0R3QiIsImZpbGUiOiJEcm9wZG93bk1lbnUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlLCB1c2VDYWxsYmFjaywgdXNlUmVmLCB1c2VFZmZlY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB1c2VPdXRzaWRlQ2xpY2sgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL3VzZU91dHNpZGVDbGlja1wiO1xuaW1wb3J0IHtcbiAgdXNlQXV0b1Bvc2l0aW9uLFxuICBWZXJ0aWNhbFBvc2l0aW9uLFxuICBIb3Jpem9udGFsUG9zaXRpb24sXG59IGZyb20gXCIuLi8uLi9zaGFyZWQvdXNlQXV0b1Bvc2l0aW9uXCI7XG5pbXBvcnQgeyB1c2VLZXlib2FyZCB9IGZyb20gXCIuLi8uLi9zaGFyZWQvdXNlS2V5Ym9hcmRcIjtcblxuaW1wb3J0IHsgTWVudUl0ZW0sIE1lbnVJdGVtUHJvcHMgfSBmcm9tIFwiLi9NZW51SXRlbVwiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB7IEljb25OYW1lIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgRGl2aWRlciB9IGZyb20gXCIuLi9EaXZpZGVyL0RpdmlkZXJcIjtcbmltcG9ydCB7IEJ1dHRvblNpemUgfSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcblxudHlwZSBTZXBhcmF0b3IgPSBcInNlcGFyYXRvclwiO1xuXG5leHBvcnQgdHlwZSBEcm9wZG93bkl0ZW0gPSBNZW51SXRlbVByb3BzIHwgU2VwYXJhdG9yO1xuY29uc3QgaXNTZXBlcmF0b3IgPSAoaXRlbTogRHJvcGRvd25JdGVtKSA9PiBpdGVtID09PSBcInNlcGFyYXRvclwiO1xuXG5leHBvcnQgdHlwZSBEcm9wZG93blByaXZhdGVQcm9wcyA9IHtcbiAgZHJvcGRvd25TcXVhcmVDb3JuZXJzPzpcbiAgICB8IGJvb2xlYW5cbiAgICB8IChcIlRvcExlZnRcIiB8IFwiVG9wUmlnaHRcIiB8IFwiQm90dG9tTGVmdFwiIHwgXCJCb3R0b21SaWdodFwiKVtdO1xufTtcblxuZXhwb3J0IHR5cGUgRHJvcGRvd25NZW51UHJvcHMgPSB7XG4gIC8qKiBhbiBhcnJheSBvZiBtZW51IGl0ZW1zLCBjb250YWlucyBcImxhYmVsXCIgYW5kIFwib25TZWxlY3RcIiAqL1xuICBtZW51SXRlbXM6IERyb3Bkb3duSXRlbVtdO1xuICAvKiogdGhlIHRleHQgdmFyaWFudCBvZiBtZW51IGl0ZW1zICovXG4gIG1lbnVJdGVtVGV4dFZhcmlhbnQ/OiBcInVwcGVyY2FzZVwiIHwgXCJjYXBpdGFsaXplXCIgfCBcImxvd2VyY2FzZVwiIHwgXCJub25lXCI7XG4gIC8qIExhYmVsICovXG4gIGxhYmVsPzogc3RyaW5nO1xuICAvKiBJY29uIG5hbWUgKi9cbiAgaWNvbk5hbWU/OiBJY29uTmFtZTtcbiAgLyogU2l6ZSBvZiBhIHRyaWdnZXIgYnV0dG9uICovXG4gIHNpemU/OiBCdXR0b25TaXplO1xuICAvKiBEcm9wZG93biBidXR0b24gZGlzYWJsZWQgc3RhdGUgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICAvKiogRHJvcGRvd24gbWVudSBvcGVuIHN0YXRlIGNhbGxiYWNrICovXG4gIG9uTWVudU9wZW4/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgLyoqIERyb3Bkb3duIG1lbnUgY2xvc2Ugc3RhdGUgY2FsbGJhY2sgKi9cbiAgb25NZW51Q2xvc2U/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgcHJpdmF0ZVByb3BzPzogRHJvcGRvd25Qcml2YXRlUHJvcHM7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgTWVudVBvc2l0aW9uUHJvcHMgPSB7XG4gIHZlcnRpY2FsUG9zaXRpb246IFZlcnRpY2FsUG9zaXRpb247XG4gIGhvcml6b250YWxQb3NpdGlvbjogSG9yaXpvbnRhbFBvc2l0aW9uO1xufTtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjxQYXJ0aWFsPERyb3Bkb3duTWVudVByb3BzPj4oKCkgPT4gKHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbn0pKTtcblxuY29uc3QgU3R5bGVkTWVudSA9IHN0eWxlZC5kaXY8TWVudVBvc2l0aW9uUHJvcHM+KFxuICAoeyB0aGVtZSwgdmVydGljYWxQb3NpdGlvbiwgaG9yaXpvbnRhbFBvc2l0aW9uIH0pID0+ICh7XG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIHdpZHRoOiBcImZpdC1jb250ZW50XCIsXG4gICAgbWluV2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5kcm9wZG93bk1lbnUud2lkdGgsXG4gICAgcmlnaHQ6IDAsXG4gICAgekluZGV4OiAxLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmRyb3Bkb3duLm0sXG4gICAgYm94U2hhZG93OiB0aGVtZS52YXJpYWJsZXMuc2hhZG93LmNhcmQuYyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcbiAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIHBhZGRpbmdCb3R0b206IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG4gICAgLi4uKHZlcnRpY2FsUG9zaXRpb24gPT09IFwidXBcIlxuICAgICAgPyB7IGJvdHRvbTogXCIxMDAlXCIsIG1hcmdpbkJvdHRvbTogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyB9XG4gICAgICA6IHsgdG9wOiBcIjEwMCVcIiwgbWFyZ2luVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzIH0pLFxuICAgIC4uLihob3Jpem9udGFsUG9zaXRpb24gPT09IFwicmlnaHRcIlxuICAgICAgPyB7IHJpZ2h0OiBcIjEwMCVcIiwgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoMTAwJSlcIiB9XG4gICAgICA6IHtcbiAgICAgICAgICBsZWZ0OiBcIjEwMCVcIixcbiAgICAgICAgICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCgtMTAwJSlcIixcbiAgICAgICAgfSksXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWRVbCA9IHN0eWxlZC51bCgoKSA9PiAoe1xuICBtYXJnaW46IDAsXG4gIHBhZGRpbmc6IDAsXG59KSk7XG5cbmNvbnN0IFN0eWxlZExpID0gc3R5bGVkLmxpKCgpID0+ICh7XG4gIG1hcmdpbjogMCxcbiAgcGFkZGluZzogMCxcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBsaXN0U3R5bGVUeXBlOiBcIm5vbmVcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIERyb3Bkb3duTWVudSh7XG4gIG1lbnVJdGVtcyxcbiAgbWVudUl0ZW1UZXh0VmFyaWFudCxcbiAgbGFiZWwsXG4gIGljb25OYW1lLFxuICBzaXplLFxuICBkaXNhYmxlZCxcbiAgb25NZW51T3BlbixcbiAgb25NZW51Q2xvc2UsXG4gIHByaXZhdGVQcm9wczogeyBkcm9wZG93blNxdWFyZUNvcm5lcnMgfSxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBEcm9wZG93bk1lbnVQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IFtmb2N1c0luZGV4LCBzZXRGb2N1c0luZGV4XSA9IHVzZVN0YXRlKC0xKTtcbiAgY29uc3QgY29udGFpbmVyUmVmID0gdXNlUmVmKG51bGwpO1xuICBjb25zdCBidXR0b25SZWYgPSB1c2VSZWYobnVsbCk7XG4gIGNvbnN0IG1lbnVSZWYgPSB1c2VSZWYobnVsbCk7XG5cbiAgLy8gLS0tLSBVcGRhdGUgbWVudSBvcGVuIHN0YXRlXG4gIGNvbnN0IG9wZW5NZW51ID0gdXNlQ2FsbGJhY2soXG4gICAgKGUpID0+IHtcbiAgICAgIHNldElzT3Blbih0cnVlKTtcbiAgICAgIG9uTWVudU9wZW4oZSk7XG4gICAgfSxcbiAgICBbc2V0SXNPcGVuLCBvbk1lbnVPcGVuXVxuICApO1xuXG4gIGNvbnN0IGNsb3NlTWVudSA9IHVzZUNhbGxiYWNrKFxuICAgIChlKSA9PiB7XG4gICAgICBzZXRJc09wZW4oZmFsc2UpO1xuICAgICAgb25NZW51Q2xvc2UoZSk7XG4gICAgfSxcbiAgICBbc2V0SXNPcGVuLCBvbk1lbnVDbG9zZV1cbiAgKTtcblxuICBjb25zdCB0b2dnbGVNZW51ID0gdXNlQ2FsbGJhY2soXG4gICAgKGUpID0+IHtcbiAgICAgIGlmICghaXNPcGVuKSB7XG4gICAgICAgIG9wZW5NZW51KGUpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgY2xvc2VNZW51KGUpO1xuICAgICAgfVxuICAgIH0sXG4gICAgW2lzT3Blbiwgb3Blbk1lbnUsIGNsb3NlTWVudV1cbiAgKTtcblxuICAvLyAtLS0tIENsb3NlIG1lbnUgb24gb3V0c2lkZSBjbGlja1xuICB1c2VPdXRzaWRlQ2xpY2soY29udGFpbmVyUmVmLCBjbG9zZU1lbnUsIGlzT3Blbik7XG5cbiAgLy8gLS0tLSBDbG9zZSBtZW51IHdoZW4gdGhlIG1lbnUgaXMgbm90IG9uIGZvY3VzXG4gIGNvbnN0IGJsdXJFdmVudCA9IHVzZUNhbGxiYWNrKFxuICAgIChlOiBSZWFjdC5Gb2N1c0V2ZW50KSA9PiB7XG4gICAgICBpZiAoIWUucmVsYXRlZFRhcmdldCB8fCAhbWVudVJlZi5jdXJyZW50LmNvbnRhaW5zKGUucmVsYXRlZFRhcmdldCkpIHtcbiAgICAgICAgY2xvc2VNZW51KGUpO1xuICAgICAgfVxuICAgIH0sXG4gICAgW2Nsb3NlTWVudV1cbiAgKTtcblxuICAvLyAtLS0tIENsb3NlIG1lbnUgb24gaXRlbSBzZWxlY3RcbiAgY29uc3QgaXRlbXM6IERyb3Bkb3duSXRlbVtdID0gbWVudUl0ZW1zLm1hcCgoaXRlbSkgPT4ge1xuICAgIGlmIChpc1NlcGVyYXRvcihpdGVtKSkgcmV0dXJuIGl0ZW07XG5cbiAgICBjb25zdCBtZW51SXRlbSA9IGl0ZW0gYXMgTWVudUl0ZW1Qcm9wcztcblxuICAgIHJldHVybiB7XG4gICAgICAuLi5tZW51SXRlbSxcbiAgICAgIG9uU2VsZWN0OiAoZSkgPT4ge1xuICAgICAgICBtZW51SXRlbS5vblNlbGVjdChlKTtcbiAgICAgICAgY2xvc2VNZW51KGUpO1xuICAgICAgfSxcbiAgICB9O1xuICB9KTtcblxuICAvLyAtLS0tIE1lbnUgcG9zaXRpb25cbiAgY29uc3QgW3ZlcnRpY2FsUG9zaXRpb24sIGhvcml6b250YWxQb3NpdGlvbl0gPSB1c2VBdXRvUG9zaXRpb24oXG4gICAgYnV0dG9uUmVmLFxuICAgIG1lbnVSZWYsXG4gICAgaXNPcGVuXG4gICk7XG5cbiAgLy8gLS0tLSBLZXlib2FyZCBzaG9ydGN1dHNcbiAgdXNlS2V5Ym9hcmQoXG4gICAge1xuICAgICAgXCJBcnJvd1VwIEFycm93RG93blwiOiBvcGVuTWVudSxcbiAgICB9LFxuICAgIGJ1dHRvblJlZixcbiAgICAhaXNPcGVuXG4gICk7XG5cbiAgdXNlS2V5Ym9hcmQoXG4gICAge1xuICAgICAgRXNjYXBlOiBjbG9zZU1lbnUsXG4gICAgICBBcnJvd1VwOiAoKSA9PiB7XG4gICAgICAgIHNldEZvY3VzSW5kZXgoZm9jdXNJbmRleCAtIDEpO1xuICAgICAgfSxcbiAgICAgIEFycm93RG93bjogKCkgPT4ge1xuICAgICAgICBzZXRGb2N1c0luZGV4KGZvY3VzSW5kZXggKyAxKTtcbiAgICAgIH0sXG4gICAgfSxcbiAgICBjb250YWluZXJSZWYsXG4gICAgaXNPcGVuXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAobWVudVJlZiAmJiBtZW51UmVmLmN1cnJlbnQpIHtcbiAgICAgIGNvbnN0IGJ1dHRvbnMgPSBtZW51UmVmLmN1cnJlbnQucXVlcnlTZWxlY3RvckFsbChcImJ1dHRvblwiKTtcblxuICAgICAgYnV0dG9uc1tNYXRoLmFicyhmb2N1c0luZGV4KSAlIGJ1dHRvbnMubGVuZ3RoXS5mb2N1cygpO1xuICAgIH1cbiAgfSwgW21lbnVSZWYsIGZvY3VzSW5kZXhdKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiRHJvcGRvd25NZW51XCJcbiAgICAgIHJlZj17Y29udGFpbmVyUmVmfVxuICAgID5cbiAgICAgIDxkaXYgcmVmPXtidXR0b25SZWZ9PlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICByaWdodEljb249e2ljb25OYW1lfVxuICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgb25DbGljaz17dG9nZ2xlTWVudX1cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgcHJpdmF0ZVByb3BzPXt7XG4gICAgICAgICAgICBzcXVhcmVDb3JuZXJzOiBkcm9wZG93blNxdWFyZUNvcm5lcnMsXG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgPC9CdXR0b24+XG4gICAgICA8L2Rpdj5cblxuICAgICAge2lzT3BlbiAmJiAoXG4gICAgICAgIDxTdHlsZWRNZW51XG4gICAgICAgICAgdmVydGljYWxQb3NpdGlvbj17dmVydGljYWxQb3NpdGlvbn1cbiAgICAgICAgICBob3Jpem9udGFsUG9zaXRpb249e2hvcml6b250YWxQb3NpdGlvbn1cbiAgICAgICAgICByZWY9e21lbnVSZWZ9XG4gICAgICAgID5cbiAgICAgICAgICA8U3R5bGVkVWwgcm9sZT1cIm1lbnVcIj5cbiAgICAgICAgICAgIHtpdGVtcy5tYXAoKGl0ZW0sIGluZGV4KSA9PiB7XG4gICAgICAgICAgICAgIGlmIChpc1NlcGVyYXRvcihpdGVtKSlcbiAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgPFN0eWxlZExpXG4gICAgICAgICAgICAgICAgICAgIHJvbGU9XCJzZXBhcmF0b3JcIlxuICAgICAgICAgICAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3Qvbm8tYXJyYXktaW5kZXgta2V5XG4gICAgICAgICAgICAgICAgICAgIGtleT17YG1lbnVpdGVtLXNlcGFyYXRvci0ke2luZGV4fWB9XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxEaXZpZGVyIC8+XG4gICAgICAgICAgICAgICAgICA8L1N0eWxlZExpPlxuICAgICAgICAgICAgICAgICk7XG5cbiAgICAgICAgICAgICAgY29uc3QgbWVudUl0ZW0gPSBpdGVtIGFzIE1lbnVJdGVtUHJvcHM7XG5cbiAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICA8U3R5bGVkTGkgcm9sZT1cIm1lbnVpdGVtXCIga2V5PXtgbWVudWl0ZW0tJHttZW51SXRlbS5sYWJlbH1gfT5cbiAgICAgICAgICAgICAgICAgIDxNZW51SXRlbVxuICAgICAgICAgICAgICAgICAgICBvblNlbGVjdD17bWVudUl0ZW0ub25TZWxlY3R9XG4gICAgICAgICAgICAgICAgICAgIG9uQmx1cj17Ymx1ckV2ZW50fVxuICAgICAgICAgICAgICAgICAgICBpY29uPXttZW51SXRlbS5pY29ufVxuICAgICAgICAgICAgICAgICAgICBsYWJlbD17bWVudUl0ZW0ubGFiZWx9XG4gICAgICAgICAgICAgICAgICAgIGVtcGhhc2l6ZWQ9e21lbnVJdGVtLmVtcGhhc2l6ZWR9XG4gICAgICAgICAgICAgICAgICAgIHRleHRWYXJpYW50PXttZW51SXRlbVRleHRWYXJpYW50fVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8L1N0eWxlZExpPlxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgfSl9XG4gICAgICAgICAgPC9TdHlsZWRVbD5cbiAgICAgICAgPC9TdHlsZWRNZW51PlxuICAgICAgKX1cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKTtcbn1cblxuY29uc3QgZGVmYXVsdFByb3BzOiBQYXJ0aWFsPERyb3Bkb3duTWVudVByb3BzPiA9IHtcbiAgaWNvbk5hbWU6IFwibW9yZS1ob3Jpem9udGFsXCIsXG4gIG1lbnVJdGVtczogW10sXG4gIG1lbnVJdGVtVGV4dFZhcmlhbnQ6IFwidXBwZXJjYXNlXCIsXG4gIHNpemU6IFwibVwiLFxuICBkaXNhYmxlZDogZmFsc2UsXG4gIG9uTWVudU9wZW46ICgpID0+IHVuZGVmaW5lZCxcbiAgb25NZW51Q2xvc2U6ICgpID0+IHVuZGVmaW5lZCxcbiAgcHJpdmF0ZVByb3BzOiB7XG4gICAgZHJvcGRvd25TcXVhcmVDb3JuZXJzOiBmYWxzZSxcbiAgfSxcbn07XG5cbkRyb3Bkb3duTWVudS5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG4iXX0= */");
+const StyledMenu = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "eexbp0x2"
+} : {
+  target: "eexbp0x2",
+  label: "StyledMenu"
+})(_ref => {
+  let {
+    theme,
+    verticalPosition,
+    horizontalPosition
+  } = _ref;
+  return {
+    position: "absolute",
+    display: "inline-block",
+    width: "fit-content",
+    minWidth: theme.variables.size.dimension.dropdownMenu.width,
+    right: 0,
+    zIndex: 1,
+    borderRadius: theme.variables.size.borderRadius.dropdown.m,
+    boxShadow: theme.variables.shadow.card.c,
+    backgroundColor: theme.values.color.background.primary.default,
+    overflow: "hidden",
+    paddingTop: theme.variables.size.spacing.xs,
+    paddingBottom: theme.variables.size.spacing.xs,
+    ...(verticalPosition === "up" ? {
+      bottom: "100%",
+      marginBottom: theme.variables.size.spacing.xs
+    } : {
+      top: "100%",
+      marginTop: theme.variables.size.spacing.xs
+    }),
+    ...(horizontalPosition === "right" ? {
+      right: "100%",
+      transform: "translateX(100%)"
+    } : {
+      left: "100%",
+      transform: "translateX(-100%)"
+    })
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRyb3Bkb3duTWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkRtQiIsImZpbGUiOiJEcm9wZG93bk1lbnUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlLCB1c2VDYWxsYmFjaywgdXNlUmVmLCB1c2VFZmZlY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB1c2VPdXRzaWRlQ2xpY2sgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL3VzZU91dHNpZGVDbGlja1wiO1xuaW1wb3J0IHtcbiAgdXNlQXV0b1Bvc2l0aW9uLFxuICBWZXJ0aWNhbFBvc2l0aW9uLFxuICBIb3Jpem9udGFsUG9zaXRpb24sXG59IGZyb20gXCIuLi8uLi9zaGFyZWQvdXNlQXV0b1Bvc2l0aW9uXCI7XG5pbXBvcnQgeyB1c2VLZXlib2FyZCB9IGZyb20gXCIuLi8uLi9zaGFyZWQvdXNlS2V5Ym9hcmRcIjtcblxuaW1wb3J0IHsgTWVudUl0ZW0sIE1lbnVJdGVtUHJvcHMgfSBmcm9tIFwiLi9NZW51SXRlbVwiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB7IEljb25OYW1lIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgRGl2aWRlciB9IGZyb20gXCIuLi9EaXZpZGVyL0RpdmlkZXJcIjtcbmltcG9ydCB7IEJ1dHRvblNpemUgfSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcblxudHlwZSBTZXBhcmF0b3IgPSBcInNlcGFyYXRvclwiO1xuXG5leHBvcnQgdHlwZSBEcm9wZG93bkl0ZW0gPSBNZW51SXRlbVByb3BzIHwgU2VwYXJhdG9yO1xuY29uc3QgaXNTZXBlcmF0b3IgPSAoaXRlbTogRHJvcGRvd25JdGVtKSA9PiBpdGVtID09PSBcInNlcGFyYXRvclwiO1xuXG5leHBvcnQgdHlwZSBEcm9wZG93blByaXZhdGVQcm9wcyA9IHtcbiAgZHJvcGRvd25TcXVhcmVDb3JuZXJzPzpcbiAgICB8IGJvb2xlYW5cbiAgICB8IChcIlRvcExlZnRcIiB8IFwiVG9wUmlnaHRcIiB8IFwiQm90dG9tTGVmdFwiIHwgXCJCb3R0b21SaWdodFwiKVtdO1xufTtcblxuZXhwb3J0IHR5cGUgRHJvcGRvd25NZW51UHJvcHMgPSB7XG4gIC8qKiBhbiBhcnJheSBvZiBtZW51IGl0ZW1zLCBjb250YWlucyBcImxhYmVsXCIgYW5kIFwib25TZWxlY3RcIiAqL1xuICBtZW51SXRlbXM6IERyb3Bkb3duSXRlbVtdO1xuICAvKiogdGhlIHRleHQgdmFyaWFudCBvZiBtZW51IGl0ZW1zICovXG4gIG1lbnVJdGVtVGV4dFZhcmlhbnQ/OiBcInVwcGVyY2FzZVwiIHwgXCJjYXBpdGFsaXplXCIgfCBcImxvd2VyY2FzZVwiIHwgXCJub25lXCI7XG4gIC8qIExhYmVsICovXG4gIGxhYmVsPzogc3RyaW5nO1xuICAvKiBJY29uIG5hbWUgKi9cbiAgaWNvbk5hbWU/OiBJY29uTmFtZTtcbiAgLyogU2l6ZSBvZiBhIHRyaWdnZXIgYnV0dG9uICovXG4gIHNpemU/OiBCdXR0b25TaXplO1xuICAvKiBEcm9wZG93biBidXR0b24gZGlzYWJsZWQgc3RhdGUgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICAvKiogRHJvcGRvd24gbWVudSBvcGVuIHN0YXRlIGNhbGxiYWNrICovXG4gIG9uTWVudU9wZW4/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgLyoqIERyb3Bkb3duIG1lbnUgY2xvc2Ugc3RhdGUgY2FsbGJhY2sgKi9cbiAgb25NZW51Q2xvc2U/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgcHJpdmF0ZVByb3BzPzogRHJvcGRvd25Qcml2YXRlUHJvcHM7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgTWVudVBvc2l0aW9uUHJvcHMgPSB7XG4gIHZlcnRpY2FsUG9zaXRpb246IFZlcnRpY2FsUG9zaXRpb247XG4gIGhvcml6b250YWxQb3NpdGlvbjogSG9yaXpvbnRhbFBvc2l0aW9uO1xufTtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjxQYXJ0aWFsPERyb3Bkb3duTWVudVByb3BzPj4oKCkgPT4gKHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbn0pKTtcblxuY29uc3QgU3R5bGVkTWVudSA9IHN0eWxlZC5kaXY8TWVudVBvc2l0aW9uUHJvcHM+KFxuICAoeyB0aGVtZSwgdmVydGljYWxQb3NpdGlvbiwgaG9yaXpvbnRhbFBvc2l0aW9uIH0pID0+ICh7XG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIHdpZHRoOiBcImZpdC1jb250ZW50XCIsXG4gICAgbWluV2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5kcm9wZG93bk1lbnUud2lkdGgsXG4gICAgcmlnaHQ6IDAsXG4gICAgekluZGV4OiAxLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmRyb3Bkb3duLm0sXG4gICAgYm94U2hhZG93OiB0aGVtZS52YXJpYWJsZXMuc2hhZG93LmNhcmQuYyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcbiAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIHBhZGRpbmdCb3R0b206IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG4gICAgLi4uKHZlcnRpY2FsUG9zaXRpb24gPT09IFwidXBcIlxuICAgICAgPyB7IGJvdHRvbTogXCIxMDAlXCIsIG1hcmdpbkJvdHRvbTogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyB9XG4gICAgICA6IHsgdG9wOiBcIjEwMCVcIiwgbWFyZ2luVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzIH0pLFxuICAgIC4uLihob3Jpem9udGFsUG9zaXRpb24gPT09IFwicmlnaHRcIlxuICAgICAgPyB7IHJpZ2h0OiBcIjEwMCVcIiwgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoMTAwJSlcIiB9XG4gICAgICA6IHtcbiAgICAgICAgICBsZWZ0OiBcIjEwMCVcIixcbiAgICAgICAgICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCgtMTAwJSlcIixcbiAgICAgICAgfSksXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWRVbCA9IHN0eWxlZC51bCgoKSA9PiAoe1xuICBtYXJnaW46IDAsXG4gIHBhZGRpbmc6IDAsXG59KSk7XG5cbmNvbnN0IFN0eWxlZExpID0gc3R5bGVkLmxpKCgpID0+ICh7XG4gIG1hcmdpbjogMCxcbiAgcGFkZGluZzogMCxcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBsaXN0U3R5bGVUeXBlOiBcIm5vbmVcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIERyb3Bkb3duTWVudSh7XG4gIG1lbnVJdGVtcyxcbiAgbWVudUl0ZW1UZXh0VmFyaWFudCxcbiAgbGFiZWwsXG4gIGljb25OYW1lLFxuICBzaXplLFxuICBkaXNhYmxlZCxcbiAgb25NZW51T3BlbixcbiAgb25NZW51Q2xvc2UsXG4gIHByaXZhdGVQcm9wczogeyBkcm9wZG93blNxdWFyZUNvcm5lcnMgfSxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBEcm9wZG93bk1lbnVQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IFtmb2N1c0luZGV4LCBzZXRGb2N1c0luZGV4XSA9IHVzZVN0YXRlKC0xKTtcbiAgY29uc3QgY29udGFpbmVyUmVmID0gdXNlUmVmKG51bGwpO1xuICBjb25zdCBidXR0b25SZWYgPSB1c2VSZWYobnVsbCk7XG4gIGNvbnN0IG1lbnVSZWYgPSB1c2VSZWYobnVsbCk7XG5cbiAgLy8gLS0tLSBVcGRhdGUgbWVudSBvcGVuIHN0YXRlXG4gIGNvbnN0IG9wZW5NZW51ID0gdXNlQ2FsbGJhY2soXG4gICAgKGUpID0+IHtcbiAgICAgIHNldElzT3Blbih0cnVlKTtcbiAgICAgIG9uTWVudU9wZW4oZSk7XG4gICAgfSxcbiAgICBbc2V0SXNPcGVuLCBvbk1lbnVPcGVuXVxuICApO1xuXG4gIGNvbnN0IGNsb3NlTWVudSA9IHVzZUNhbGxiYWNrKFxuICAgIChlKSA9PiB7XG4gICAgICBzZXRJc09wZW4oZmFsc2UpO1xuICAgICAgb25NZW51Q2xvc2UoZSk7XG4gICAgfSxcbiAgICBbc2V0SXNPcGVuLCBvbk1lbnVDbG9zZV1cbiAgKTtcblxuICBjb25zdCB0b2dnbGVNZW51ID0gdXNlQ2FsbGJhY2soXG4gICAgKGUpID0+IHtcbiAgICAgIGlmICghaXNPcGVuKSB7XG4gICAgICAgIG9wZW5NZW51KGUpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgY2xvc2VNZW51KGUpO1xuICAgICAgfVxuICAgIH0sXG4gICAgW2lzT3Blbiwgb3Blbk1lbnUsIGNsb3NlTWVudV1cbiAgKTtcblxuICAvLyAtLS0tIENsb3NlIG1lbnUgb24gb3V0c2lkZSBjbGlja1xuICB1c2VPdXRzaWRlQ2xpY2soY29udGFpbmVyUmVmLCBjbG9zZU1lbnUsIGlzT3Blbik7XG5cbiAgLy8gLS0tLSBDbG9zZSBtZW51IHdoZW4gdGhlIG1lbnUgaXMgbm90IG9uIGZvY3VzXG4gIGNvbnN0IGJsdXJFdmVudCA9IHVzZUNhbGxiYWNrKFxuICAgIChlOiBSZWFjdC5Gb2N1c0V2ZW50KSA9PiB7XG4gICAgICBpZiAoIWUucmVsYXRlZFRhcmdldCB8fCAhbWVudVJlZi5jdXJyZW50LmNvbnRhaW5zKGUucmVsYXRlZFRhcmdldCkpIHtcbiAgICAgICAgY2xvc2VNZW51KGUpO1xuICAgICAgfVxuICAgIH0sXG4gICAgW2Nsb3NlTWVudV1cbiAgKTtcblxuICAvLyAtLS0tIENsb3NlIG1lbnUgb24gaXRlbSBzZWxlY3RcbiAgY29uc3QgaXRlbXM6IERyb3Bkb3duSXRlbVtdID0gbWVudUl0ZW1zLm1hcCgoaXRlbSkgPT4ge1xuICAgIGlmIChpc1NlcGVyYXRvcihpdGVtKSkgcmV0dXJuIGl0ZW07XG5cbiAgICBjb25zdCBtZW51SXRlbSA9IGl0ZW0gYXMgTWVudUl0ZW1Qcm9wcztcblxuICAgIHJldHVybiB7XG4gICAgICAuLi5tZW51SXRlbSxcbiAgICAgIG9uU2VsZWN0OiAoZSkgPT4ge1xuICAgICAgICBtZW51SXRlbS5vblNlbGVjdChlKTtcbiAgICAgICAgY2xvc2VNZW51KGUpO1xuICAgICAgfSxcbiAgICB9O1xuICB9KTtcblxuICAvLyAtLS0tIE1lbnUgcG9zaXRpb25cbiAgY29uc3QgW3ZlcnRpY2FsUG9zaXRpb24sIGhvcml6b250YWxQb3NpdGlvbl0gPSB1c2VBdXRvUG9zaXRpb24oXG4gICAgYnV0dG9uUmVmLFxuICAgIG1lbnVSZWYsXG4gICAgaXNPcGVuXG4gICk7XG5cbiAgLy8gLS0tLSBLZXlib2FyZCBzaG9ydGN1dHNcbiAgdXNlS2V5Ym9hcmQoXG4gICAge1xuICAgICAgXCJBcnJvd1VwIEFycm93RG93blwiOiBvcGVuTWVudSxcbiAgICB9LFxuICAgIGJ1dHRvblJlZixcbiAgICAhaXNPcGVuXG4gICk7XG5cbiAgdXNlS2V5Ym9hcmQoXG4gICAge1xuICAgICAgRXNjYXBlOiBjbG9zZU1lbnUsXG4gICAgICBBcnJvd1VwOiAoKSA9PiB7XG4gICAgICAgIHNldEZvY3VzSW5kZXgoZm9jdXNJbmRleCAtIDEpO1xuICAgICAgfSxcbiAgICAgIEFycm93RG93bjogKCkgPT4ge1xuICAgICAgICBzZXRGb2N1c0luZGV4KGZvY3VzSW5kZXggKyAxKTtcbiAgICAgIH0sXG4gICAgfSxcbiAgICBjb250YWluZXJSZWYsXG4gICAgaXNPcGVuXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAobWVudVJlZiAmJiBtZW51UmVmLmN1cnJlbnQpIHtcbiAgICAgIGNvbnN0IGJ1dHRvbnMgPSBtZW51UmVmLmN1cnJlbnQucXVlcnlTZWxlY3RvckFsbChcImJ1dHRvblwiKTtcblxuICAgICAgYnV0dG9uc1tNYXRoLmFicyhmb2N1c0luZGV4KSAlIGJ1dHRvbnMubGVuZ3RoXS5mb2N1cygpO1xuICAgIH1cbiAgfSwgW21lbnVSZWYsIGZvY3VzSW5kZXhdKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiRHJvcGRvd25NZW51XCJcbiAgICAgIHJlZj17Y29udGFpbmVyUmVmfVxuICAgID5cbiAgICAgIDxkaXYgcmVmPXtidXR0b25SZWZ9PlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICByaWdodEljb249e2ljb25OYW1lfVxuICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgb25DbGljaz17dG9nZ2xlTWVudX1cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgcHJpdmF0ZVByb3BzPXt7XG4gICAgICAgICAgICBzcXVhcmVDb3JuZXJzOiBkcm9wZG93blNxdWFyZUNvcm5lcnMsXG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgPC9CdXR0b24+XG4gICAgICA8L2Rpdj5cblxuICAgICAge2lzT3BlbiAmJiAoXG4gICAgICAgIDxTdHlsZWRNZW51XG4gICAgICAgICAgdmVydGljYWxQb3NpdGlvbj17dmVydGljYWxQb3NpdGlvbn1cbiAgICAgICAgICBob3Jpem9udGFsUG9zaXRpb249e2hvcml6b250YWxQb3NpdGlvbn1cbiAgICAgICAgICByZWY9e21lbnVSZWZ9XG4gICAgICAgID5cbiAgICAgICAgICA8U3R5bGVkVWwgcm9sZT1cIm1lbnVcIj5cbiAgICAgICAgICAgIHtpdGVtcy5tYXAoKGl0ZW0sIGluZGV4KSA9PiB7XG4gICAgICAgICAgICAgIGlmIChpc1NlcGVyYXRvcihpdGVtKSlcbiAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgPFN0eWxlZExpXG4gICAgICAgICAgICAgICAgICAgIHJvbGU9XCJzZXBhcmF0b3JcIlxuICAgICAgICAgICAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3Qvbm8tYXJyYXktaW5kZXgta2V5XG4gICAgICAgICAgICAgICAgICAgIGtleT17YG1lbnVpdGVtLXNlcGFyYXRvci0ke2luZGV4fWB9XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxEaXZpZGVyIC8+XG4gICAgICAgICAgICAgICAgICA8L1N0eWxlZExpPlxuICAgICAgICAgICAgICAgICk7XG5cbiAgICAgICAgICAgICAgY29uc3QgbWVudUl0ZW0gPSBpdGVtIGFzIE1lbnVJdGVtUHJvcHM7XG5cbiAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICA8U3R5bGVkTGkgcm9sZT1cIm1lbnVpdGVtXCIga2V5PXtgbWVudWl0ZW0tJHttZW51SXRlbS5sYWJlbH1gfT5cbiAgICAgICAgICAgICAgICAgIDxNZW51SXRlbVxuICAgICAgICAgICAgICAgICAgICBvblNlbGVjdD17bWVudUl0ZW0ub25TZWxlY3R9XG4gICAgICAgICAgICAgICAgICAgIG9uQmx1cj17Ymx1ckV2ZW50fVxuICAgICAgICAgICAgICAgICAgICBpY29uPXttZW51SXRlbS5pY29ufVxuICAgICAgICAgICAgICAgICAgICBsYWJlbD17bWVudUl0ZW0ubGFiZWx9XG4gICAgICAgICAgICAgICAgICAgIGVtcGhhc2l6ZWQ9e21lbnVJdGVtLmVtcGhhc2l6ZWR9XG4gICAgICAgICAgICAgICAgICAgIHRleHRWYXJpYW50PXttZW51SXRlbVRleHRWYXJpYW50fVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8L1N0eWxlZExpPlxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgfSl9XG4gICAgICAgICAgPC9TdHlsZWRVbD5cbiAgICAgICAgPC9TdHlsZWRNZW51PlxuICAgICAgKX1cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKTtcbn1cblxuY29uc3QgZGVmYXVsdFByb3BzOiBQYXJ0aWFsPERyb3Bkb3duTWVudVByb3BzPiA9IHtcbiAgaWNvbk5hbWU6IFwibW9yZS1ob3Jpem9udGFsXCIsXG4gIG1lbnVJdGVtczogW10sXG4gIG1lbnVJdGVtVGV4dFZhcmlhbnQ6IFwidXBwZXJjYXNlXCIsXG4gIHNpemU6IFwibVwiLFxuICBkaXNhYmxlZDogZmFsc2UsXG4gIG9uTWVudU9wZW46ICgpID0+IHVuZGVmaW5lZCxcbiAgb25NZW51Q2xvc2U6ICgpID0+IHVuZGVmaW5lZCxcbiAgcHJpdmF0ZVByb3BzOiB7XG4gICAgZHJvcGRvd25TcXVhcmVDb3JuZXJzOiBmYWxzZSxcbiAgfSxcbn07XG5cbkRyb3Bkb3duTWVudS5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG4iXX0= */");
+const StyledUl = /*#__PURE__*/_styled__default.default("ul", process.env.NODE_ENV === "production" ? {
+  target: "eexbp0x1"
+} : {
+  target: "eexbp0x1",
+  label: "StyledUl"
+})(() => ({
+  margin: 0,
+  padding: 0
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRyb3Bkb3duTWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUZpQiIsImZpbGUiOiJEcm9wZG93bk1lbnUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlLCB1c2VDYWxsYmFjaywgdXNlUmVmLCB1c2VFZmZlY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB1c2VPdXRzaWRlQ2xpY2sgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL3VzZU91dHNpZGVDbGlja1wiO1xuaW1wb3J0IHtcbiAgdXNlQXV0b1Bvc2l0aW9uLFxuICBWZXJ0aWNhbFBvc2l0aW9uLFxuICBIb3Jpem9udGFsUG9zaXRpb24sXG59IGZyb20gXCIuLi8uLi9zaGFyZWQvdXNlQXV0b1Bvc2l0aW9uXCI7XG5pbXBvcnQgeyB1c2VLZXlib2FyZCB9IGZyb20gXCIuLi8uLi9zaGFyZWQvdXNlS2V5Ym9hcmRcIjtcblxuaW1wb3J0IHsgTWVudUl0ZW0sIE1lbnVJdGVtUHJvcHMgfSBmcm9tIFwiLi9NZW51SXRlbVwiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB7IEljb25OYW1lIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgRGl2aWRlciB9IGZyb20gXCIuLi9EaXZpZGVyL0RpdmlkZXJcIjtcbmltcG9ydCB7IEJ1dHRvblNpemUgfSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcblxudHlwZSBTZXBhcmF0b3IgPSBcInNlcGFyYXRvclwiO1xuXG5leHBvcnQgdHlwZSBEcm9wZG93bkl0ZW0gPSBNZW51SXRlbVByb3BzIHwgU2VwYXJhdG9yO1xuY29uc3QgaXNTZXBlcmF0b3IgPSAoaXRlbTogRHJvcGRvd25JdGVtKSA9PiBpdGVtID09PSBcInNlcGFyYXRvclwiO1xuXG5leHBvcnQgdHlwZSBEcm9wZG93blByaXZhdGVQcm9wcyA9IHtcbiAgZHJvcGRvd25TcXVhcmVDb3JuZXJzPzpcbiAgICB8IGJvb2xlYW5cbiAgICB8IChcIlRvcExlZnRcIiB8IFwiVG9wUmlnaHRcIiB8IFwiQm90dG9tTGVmdFwiIHwgXCJCb3R0b21SaWdodFwiKVtdO1xufTtcblxuZXhwb3J0IHR5cGUgRHJvcGRvd25NZW51UHJvcHMgPSB7XG4gIC8qKiBhbiBhcnJheSBvZiBtZW51IGl0ZW1zLCBjb250YWlucyBcImxhYmVsXCIgYW5kIFwib25TZWxlY3RcIiAqL1xuICBtZW51SXRlbXM6IERyb3Bkb3duSXRlbVtdO1xuICAvKiogdGhlIHRleHQgdmFyaWFudCBvZiBtZW51IGl0ZW1zICovXG4gIG1lbnVJdGVtVGV4dFZhcmlhbnQ/OiBcInVwcGVyY2FzZVwiIHwgXCJjYXBpdGFsaXplXCIgfCBcImxvd2VyY2FzZVwiIHwgXCJub25lXCI7XG4gIC8qIExhYmVsICovXG4gIGxhYmVsPzogc3RyaW5nO1xuICAvKiBJY29uIG5hbWUgKi9cbiAgaWNvbk5hbWU/OiBJY29uTmFtZTtcbiAgLyogU2l6ZSBvZiBhIHRyaWdnZXIgYnV0dG9uICovXG4gIHNpemU/OiBCdXR0b25TaXplO1xuICAvKiBEcm9wZG93biBidXR0b24gZGlzYWJsZWQgc3RhdGUgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICAvKiogRHJvcGRvd24gbWVudSBvcGVuIHN0YXRlIGNhbGxiYWNrICovXG4gIG9uTWVudU9wZW4/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgLyoqIERyb3Bkb3duIG1lbnUgY2xvc2Ugc3RhdGUgY2FsbGJhY2sgKi9cbiAgb25NZW51Q2xvc2U/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgcHJpdmF0ZVByb3BzPzogRHJvcGRvd25Qcml2YXRlUHJvcHM7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgTWVudVBvc2l0aW9uUHJvcHMgPSB7XG4gIHZlcnRpY2FsUG9zaXRpb246IFZlcnRpY2FsUG9zaXRpb247XG4gIGhvcml6b250YWxQb3NpdGlvbjogSG9yaXpvbnRhbFBvc2l0aW9uO1xufTtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjxQYXJ0aWFsPERyb3Bkb3duTWVudVByb3BzPj4oKCkgPT4gKHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbn0pKTtcblxuY29uc3QgU3R5bGVkTWVudSA9IHN0eWxlZC5kaXY8TWVudVBvc2l0aW9uUHJvcHM+KFxuICAoeyB0aGVtZSwgdmVydGljYWxQb3NpdGlvbiwgaG9yaXpvbnRhbFBvc2l0aW9uIH0pID0+ICh7XG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIHdpZHRoOiBcImZpdC1jb250ZW50XCIsXG4gICAgbWluV2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5kcm9wZG93bk1lbnUud2lkdGgsXG4gICAgcmlnaHQ6IDAsXG4gICAgekluZGV4OiAxLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmRyb3Bkb3duLm0sXG4gICAgYm94U2hhZG93OiB0aGVtZS52YXJpYWJsZXMuc2hhZG93LmNhcmQuYyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcbiAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIHBhZGRpbmdCb3R0b206IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG4gICAgLi4uKHZlcnRpY2FsUG9zaXRpb24gPT09IFwidXBcIlxuICAgICAgPyB7IGJvdHRvbTogXCIxMDAlXCIsIG1hcmdpbkJvdHRvbTogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyB9XG4gICAgICA6IHsgdG9wOiBcIjEwMCVcIiwgbWFyZ2luVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzIH0pLFxuICAgIC4uLihob3Jpem9udGFsUG9zaXRpb24gPT09IFwicmlnaHRcIlxuICAgICAgPyB7IHJpZ2h0OiBcIjEwMCVcIiwgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoMTAwJSlcIiB9XG4gICAgICA6IHtcbiAgICAgICAgICBsZWZ0OiBcIjEwMCVcIixcbiAgICAgICAgICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCgtMTAwJSlcIixcbiAgICAgICAgfSksXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWRVbCA9IHN0eWxlZC51bCgoKSA9PiAoe1xuICBtYXJnaW46IDAsXG4gIHBhZGRpbmc6IDAsXG59KSk7XG5cbmNvbnN0IFN0eWxlZExpID0gc3R5bGVkLmxpKCgpID0+ICh7XG4gIG1hcmdpbjogMCxcbiAgcGFkZGluZzogMCxcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBsaXN0U3R5bGVUeXBlOiBcIm5vbmVcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIERyb3Bkb3duTWVudSh7XG4gIG1lbnVJdGVtcyxcbiAgbWVudUl0ZW1UZXh0VmFyaWFudCxcbiAgbGFiZWwsXG4gIGljb25OYW1lLFxuICBzaXplLFxuICBkaXNhYmxlZCxcbiAgb25NZW51T3BlbixcbiAgb25NZW51Q2xvc2UsXG4gIHByaXZhdGVQcm9wczogeyBkcm9wZG93blNxdWFyZUNvcm5lcnMgfSxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBEcm9wZG93bk1lbnVQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IFtmb2N1c0luZGV4LCBzZXRGb2N1c0luZGV4XSA9IHVzZVN0YXRlKC0xKTtcbiAgY29uc3QgY29udGFpbmVyUmVmID0gdXNlUmVmKG51bGwpO1xuICBjb25zdCBidXR0b25SZWYgPSB1c2VSZWYobnVsbCk7XG4gIGNvbnN0IG1lbnVSZWYgPSB1c2VSZWYobnVsbCk7XG5cbiAgLy8gLS0tLSBVcGRhdGUgbWVudSBvcGVuIHN0YXRlXG4gIGNvbnN0IG9wZW5NZW51ID0gdXNlQ2FsbGJhY2soXG4gICAgKGUpID0+IHtcbiAgICAgIHNldElzT3Blbih0cnVlKTtcbiAgICAgIG9uTWVudU9wZW4oZSk7XG4gICAgfSxcbiAgICBbc2V0SXNPcGVuLCBvbk1lbnVPcGVuXVxuICApO1xuXG4gIGNvbnN0IGNsb3NlTWVudSA9IHVzZUNhbGxiYWNrKFxuICAgIChlKSA9PiB7XG4gICAgICBzZXRJc09wZW4oZmFsc2UpO1xuICAgICAgb25NZW51Q2xvc2UoZSk7XG4gICAgfSxcbiAgICBbc2V0SXNPcGVuLCBvbk1lbnVDbG9zZV1cbiAgKTtcblxuICBjb25zdCB0b2dnbGVNZW51ID0gdXNlQ2FsbGJhY2soXG4gICAgKGUpID0+IHtcbiAgICAgIGlmICghaXNPcGVuKSB7XG4gICAgICAgIG9wZW5NZW51KGUpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgY2xvc2VNZW51KGUpO1xuICAgICAgfVxuICAgIH0sXG4gICAgW2lzT3Blbiwgb3Blbk1lbnUsIGNsb3NlTWVudV1cbiAgKTtcblxuICAvLyAtLS0tIENsb3NlIG1lbnUgb24gb3V0c2lkZSBjbGlja1xuICB1c2VPdXRzaWRlQ2xpY2soY29udGFpbmVyUmVmLCBjbG9zZU1lbnUsIGlzT3Blbik7XG5cbiAgLy8gLS0tLSBDbG9zZSBtZW51IHdoZW4gdGhlIG1lbnUgaXMgbm90IG9uIGZvY3VzXG4gIGNvbnN0IGJsdXJFdmVudCA9IHVzZUNhbGxiYWNrKFxuICAgIChlOiBSZWFjdC5Gb2N1c0V2ZW50KSA9PiB7XG4gICAgICBpZiAoIWUucmVsYXRlZFRhcmdldCB8fCAhbWVudVJlZi5jdXJyZW50LmNvbnRhaW5zKGUucmVsYXRlZFRhcmdldCkpIHtcbiAgICAgICAgY2xvc2VNZW51KGUpO1xuICAgICAgfVxuICAgIH0sXG4gICAgW2Nsb3NlTWVudV1cbiAgKTtcblxuICAvLyAtLS0tIENsb3NlIG1lbnUgb24gaXRlbSBzZWxlY3RcbiAgY29uc3QgaXRlbXM6IERyb3Bkb3duSXRlbVtdID0gbWVudUl0ZW1zLm1hcCgoaXRlbSkgPT4ge1xuICAgIGlmIChpc1NlcGVyYXRvcihpdGVtKSkgcmV0dXJuIGl0ZW07XG5cbiAgICBjb25zdCBtZW51SXRlbSA9IGl0ZW0gYXMgTWVudUl0ZW1Qcm9wcztcblxuICAgIHJldHVybiB7XG4gICAgICAuLi5tZW51SXRlbSxcbiAgICAgIG9uU2VsZWN0OiAoZSkgPT4ge1xuICAgICAgICBtZW51SXRlbS5vblNlbGVjdChlKTtcbiAgICAgICAgY2xvc2VNZW51KGUpO1xuICAgICAgfSxcbiAgICB9O1xuICB9KTtcblxuICAvLyAtLS0tIE1lbnUgcG9zaXRpb25cbiAgY29uc3QgW3ZlcnRpY2FsUG9zaXRpb24sIGhvcml6b250YWxQb3NpdGlvbl0gPSB1c2VBdXRvUG9zaXRpb24oXG4gICAgYnV0dG9uUmVmLFxuICAgIG1lbnVSZWYsXG4gICAgaXNPcGVuXG4gICk7XG5cbiAgLy8gLS0tLSBLZXlib2FyZCBzaG9ydGN1dHNcbiAgdXNlS2V5Ym9hcmQoXG4gICAge1xuICAgICAgXCJBcnJvd1VwIEFycm93RG93blwiOiBvcGVuTWVudSxcbiAgICB9LFxuICAgIGJ1dHRvblJlZixcbiAgICAhaXNPcGVuXG4gICk7XG5cbiAgdXNlS2V5Ym9hcmQoXG4gICAge1xuICAgICAgRXNjYXBlOiBjbG9zZU1lbnUsXG4gICAgICBBcnJvd1VwOiAoKSA9PiB7XG4gICAgICAgIHNldEZvY3VzSW5kZXgoZm9jdXNJbmRleCAtIDEpO1xuICAgICAgfSxcbiAgICAgIEFycm93RG93bjogKCkgPT4ge1xuICAgICAgICBzZXRGb2N1c0luZGV4KGZvY3VzSW5kZXggKyAxKTtcbiAgICAgIH0sXG4gICAgfSxcbiAgICBjb250YWluZXJSZWYsXG4gICAgaXNPcGVuXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAobWVudVJlZiAmJiBtZW51UmVmLmN1cnJlbnQpIHtcbiAgICAgIGNvbnN0IGJ1dHRvbnMgPSBtZW51UmVmLmN1cnJlbnQucXVlcnlTZWxlY3RvckFsbChcImJ1dHRvblwiKTtcblxuICAgICAgYnV0dG9uc1tNYXRoLmFicyhmb2N1c0luZGV4KSAlIGJ1dHRvbnMubGVuZ3RoXS5mb2N1cygpO1xuICAgIH1cbiAgfSwgW21lbnVSZWYsIGZvY3VzSW5kZXhdKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiRHJvcGRvd25NZW51XCJcbiAgICAgIHJlZj17Y29udGFpbmVyUmVmfVxuICAgID5cbiAgICAgIDxkaXYgcmVmPXtidXR0b25SZWZ9PlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICByaWdodEljb249e2ljb25OYW1lfVxuICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgb25DbGljaz17dG9nZ2xlTWVudX1cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgcHJpdmF0ZVByb3BzPXt7XG4gICAgICAgICAgICBzcXVhcmVDb3JuZXJzOiBkcm9wZG93blNxdWFyZUNvcm5lcnMsXG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgPC9CdXR0b24+XG4gICAgICA8L2Rpdj5cblxuICAgICAge2lzT3BlbiAmJiAoXG4gICAgICAgIDxTdHlsZWRNZW51XG4gICAgICAgICAgdmVydGljYWxQb3NpdGlvbj17dmVydGljYWxQb3NpdGlvbn1cbiAgICAgICAgICBob3Jpem9udGFsUG9zaXRpb249e2hvcml6b250YWxQb3NpdGlvbn1cbiAgICAgICAgICByZWY9e21lbnVSZWZ9XG4gICAgICAgID5cbiAgICAgICAgICA8U3R5bGVkVWwgcm9sZT1cIm1lbnVcIj5cbiAgICAgICAgICAgIHtpdGVtcy5tYXAoKGl0ZW0sIGluZGV4KSA9PiB7XG4gICAgICAgICAgICAgIGlmIChpc1NlcGVyYXRvcihpdGVtKSlcbiAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgPFN0eWxlZExpXG4gICAgICAgICAgICAgICAgICAgIHJvbGU9XCJzZXBhcmF0b3JcIlxuICAgICAgICAgICAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3Qvbm8tYXJyYXktaW5kZXgta2V5XG4gICAgICAgICAgICAgICAgICAgIGtleT17YG1lbnVpdGVtLXNlcGFyYXRvci0ke2luZGV4fWB9XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxEaXZpZGVyIC8+XG4gICAgICAgICAgICAgICAgICA8L1N0eWxlZExpPlxuICAgICAgICAgICAgICAgICk7XG5cbiAgICAgICAgICAgICAgY29uc3QgbWVudUl0ZW0gPSBpdGVtIGFzIE1lbnVJdGVtUHJvcHM7XG5cbiAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICA8U3R5bGVkTGkgcm9sZT1cIm1lbnVpdGVtXCIga2V5PXtgbWVudWl0ZW0tJHttZW51SXRlbS5sYWJlbH1gfT5cbiAgICAgICAgICAgICAgICAgIDxNZW51SXRlbVxuICAgICAgICAgICAgICAgICAgICBvblNlbGVjdD17bWVudUl0ZW0ub25TZWxlY3R9XG4gICAgICAgICAgICAgICAgICAgIG9uQmx1cj17Ymx1ckV2ZW50fVxuICAgICAgICAgICAgICAgICAgICBpY29uPXttZW51SXRlbS5pY29ufVxuICAgICAgICAgICAgICAgICAgICBsYWJlbD17bWVudUl0ZW0ubGFiZWx9XG4gICAgICAgICAgICAgICAgICAgIGVtcGhhc2l6ZWQ9e21lbnVJdGVtLmVtcGhhc2l6ZWR9XG4gICAgICAgICAgICAgICAgICAgIHRleHRWYXJpYW50PXttZW51SXRlbVRleHRWYXJpYW50fVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8L1N0eWxlZExpPlxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgfSl9XG4gICAgICAgICAgPC9TdHlsZWRVbD5cbiAgICAgICAgPC9TdHlsZWRNZW51PlxuICAgICAgKX1cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKTtcbn1cblxuY29uc3QgZGVmYXVsdFByb3BzOiBQYXJ0aWFsPERyb3Bkb3duTWVudVByb3BzPiA9IHtcbiAgaWNvbk5hbWU6IFwibW9yZS1ob3Jpem9udGFsXCIsXG4gIG1lbnVJdGVtczogW10sXG4gIG1lbnVJdGVtVGV4dFZhcmlhbnQ6IFwidXBwZXJjYXNlXCIsXG4gIHNpemU6IFwibVwiLFxuICBkaXNhYmxlZDogZmFsc2UsXG4gIG9uTWVudU9wZW46ICgpID0+IHVuZGVmaW5lZCxcbiAgb25NZW51Q2xvc2U6ICgpID0+IHVuZGVmaW5lZCxcbiAgcHJpdmF0ZVByb3BzOiB7XG4gICAgZHJvcGRvd25TcXVhcmVDb3JuZXJzOiBmYWxzZSxcbiAgfSxcbn07XG5cbkRyb3Bkb3duTWVudS5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG4iXX0= */");
+const StyledLi = /*#__PURE__*/_styled__default.default("li", process.env.NODE_ENV === "production" ? {
+  target: "eexbp0x0"
+} : {
+  target: "eexbp0x0",
+  label: "StyledLi"
+})(() => ({
+  margin: 0,
+  padding: 0,
+  width: "100%",
+  listStyleType: "none",
+  whiteSpace: "nowrap"
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRyb3Bkb3duTWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEZpQiIsImZpbGUiOiJEcm9wZG93bk1lbnUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlLCB1c2VDYWxsYmFjaywgdXNlUmVmLCB1c2VFZmZlY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB1c2VPdXRzaWRlQ2xpY2sgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL3VzZU91dHNpZGVDbGlja1wiO1xuaW1wb3J0IHtcbiAgdXNlQXV0b1Bvc2l0aW9uLFxuICBWZXJ0aWNhbFBvc2l0aW9uLFxuICBIb3Jpem9udGFsUG9zaXRpb24sXG59IGZyb20gXCIuLi8uLi9zaGFyZWQvdXNlQXV0b1Bvc2l0aW9uXCI7XG5pbXBvcnQgeyB1c2VLZXlib2FyZCB9IGZyb20gXCIuLi8uLi9zaGFyZWQvdXNlS2V5Ym9hcmRcIjtcblxuaW1wb3J0IHsgTWVudUl0ZW0sIE1lbnVJdGVtUHJvcHMgfSBmcm9tIFwiLi9NZW51SXRlbVwiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB7IEljb25OYW1lIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgRGl2aWRlciB9IGZyb20gXCIuLi9EaXZpZGVyL0RpdmlkZXJcIjtcbmltcG9ydCB7IEJ1dHRvblNpemUgfSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcblxudHlwZSBTZXBhcmF0b3IgPSBcInNlcGFyYXRvclwiO1xuXG5leHBvcnQgdHlwZSBEcm9wZG93bkl0ZW0gPSBNZW51SXRlbVByb3BzIHwgU2VwYXJhdG9yO1xuY29uc3QgaXNTZXBlcmF0b3IgPSAoaXRlbTogRHJvcGRvd25JdGVtKSA9PiBpdGVtID09PSBcInNlcGFyYXRvclwiO1xuXG5leHBvcnQgdHlwZSBEcm9wZG93blByaXZhdGVQcm9wcyA9IHtcbiAgZHJvcGRvd25TcXVhcmVDb3JuZXJzPzpcbiAgICB8IGJvb2xlYW5cbiAgICB8IChcIlRvcExlZnRcIiB8IFwiVG9wUmlnaHRcIiB8IFwiQm90dG9tTGVmdFwiIHwgXCJCb3R0b21SaWdodFwiKVtdO1xufTtcblxuZXhwb3J0IHR5cGUgRHJvcGRvd25NZW51UHJvcHMgPSB7XG4gIC8qKiBhbiBhcnJheSBvZiBtZW51IGl0ZW1zLCBjb250YWlucyBcImxhYmVsXCIgYW5kIFwib25TZWxlY3RcIiAqL1xuICBtZW51SXRlbXM6IERyb3Bkb3duSXRlbVtdO1xuICAvKiogdGhlIHRleHQgdmFyaWFudCBvZiBtZW51IGl0ZW1zICovXG4gIG1lbnVJdGVtVGV4dFZhcmlhbnQ/OiBcInVwcGVyY2FzZVwiIHwgXCJjYXBpdGFsaXplXCIgfCBcImxvd2VyY2FzZVwiIHwgXCJub25lXCI7XG4gIC8qIExhYmVsICovXG4gIGxhYmVsPzogc3RyaW5nO1xuICAvKiBJY29uIG5hbWUgKi9cbiAgaWNvbk5hbWU/OiBJY29uTmFtZTtcbiAgLyogU2l6ZSBvZiBhIHRyaWdnZXIgYnV0dG9uICovXG4gIHNpemU/OiBCdXR0b25TaXplO1xuICAvKiBEcm9wZG93biBidXR0b24gZGlzYWJsZWQgc3RhdGUgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICAvKiogRHJvcGRvd24gbWVudSBvcGVuIHN0YXRlIGNhbGxiYWNrICovXG4gIG9uTWVudU9wZW4/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgLyoqIERyb3Bkb3duIG1lbnUgY2xvc2Ugc3RhdGUgY2FsbGJhY2sgKi9cbiAgb25NZW51Q2xvc2U/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgcHJpdmF0ZVByb3BzPzogRHJvcGRvd25Qcml2YXRlUHJvcHM7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgTWVudVBvc2l0aW9uUHJvcHMgPSB7XG4gIHZlcnRpY2FsUG9zaXRpb246IFZlcnRpY2FsUG9zaXRpb247XG4gIGhvcml6b250YWxQb3NpdGlvbjogSG9yaXpvbnRhbFBvc2l0aW9uO1xufTtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjxQYXJ0aWFsPERyb3Bkb3duTWVudVByb3BzPj4oKCkgPT4gKHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbn0pKTtcblxuY29uc3QgU3R5bGVkTWVudSA9IHN0eWxlZC5kaXY8TWVudVBvc2l0aW9uUHJvcHM+KFxuICAoeyB0aGVtZSwgdmVydGljYWxQb3NpdGlvbiwgaG9yaXpvbnRhbFBvc2l0aW9uIH0pID0+ICh7XG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIHdpZHRoOiBcImZpdC1jb250ZW50XCIsXG4gICAgbWluV2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5kcm9wZG93bk1lbnUud2lkdGgsXG4gICAgcmlnaHQ6IDAsXG4gICAgekluZGV4OiAxLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmRyb3Bkb3duLm0sXG4gICAgYm94U2hhZG93OiB0aGVtZS52YXJpYWJsZXMuc2hhZG93LmNhcmQuYyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcbiAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIHBhZGRpbmdCb3R0b206IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG4gICAgLi4uKHZlcnRpY2FsUG9zaXRpb24gPT09IFwidXBcIlxuICAgICAgPyB7IGJvdHRvbTogXCIxMDAlXCIsIG1hcmdpbkJvdHRvbTogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyB9XG4gICAgICA6IHsgdG9wOiBcIjEwMCVcIiwgbWFyZ2luVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzIH0pLFxuICAgIC4uLihob3Jpem9udGFsUG9zaXRpb24gPT09IFwicmlnaHRcIlxuICAgICAgPyB7IHJpZ2h0OiBcIjEwMCVcIiwgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoMTAwJSlcIiB9XG4gICAgICA6IHtcbiAgICAgICAgICBsZWZ0OiBcIjEwMCVcIixcbiAgICAgICAgICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCgtMTAwJSlcIixcbiAgICAgICAgfSksXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWRVbCA9IHN0eWxlZC51bCgoKSA9PiAoe1xuICBtYXJnaW46IDAsXG4gIHBhZGRpbmc6IDAsXG59KSk7XG5cbmNvbnN0IFN0eWxlZExpID0gc3R5bGVkLmxpKCgpID0+ICh7XG4gIG1hcmdpbjogMCxcbiAgcGFkZGluZzogMCxcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBsaXN0U3R5bGVUeXBlOiBcIm5vbmVcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIERyb3Bkb3duTWVudSh7XG4gIG1lbnVJdGVtcyxcbiAgbWVudUl0ZW1UZXh0VmFyaWFudCxcbiAgbGFiZWwsXG4gIGljb25OYW1lLFxuICBzaXplLFxuICBkaXNhYmxlZCxcbiAgb25NZW51T3BlbixcbiAgb25NZW51Q2xvc2UsXG4gIHByaXZhdGVQcm9wczogeyBkcm9wZG93blNxdWFyZUNvcm5lcnMgfSxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBEcm9wZG93bk1lbnVQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IFtmb2N1c0luZGV4LCBzZXRGb2N1c0luZGV4XSA9IHVzZVN0YXRlKC0xKTtcbiAgY29uc3QgY29udGFpbmVyUmVmID0gdXNlUmVmKG51bGwpO1xuICBjb25zdCBidXR0b25SZWYgPSB1c2VSZWYobnVsbCk7XG4gIGNvbnN0IG1lbnVSZWYgPSB1c2VSZWYobnVsbCk7XG5cbiAgLy8gLS0tLSBVcGRhdGUgbWVudSBvcGVuIHN0YXRlXG4gIGNvbnN0IG9wZW5NZW51ID0gdXNlQ2FsbGJhY2soXG4gICAgKGUpID0+IHtcbiAgICAgIHNldElzT3Blbih0cnVlKTtcbiAgICAgIG9uTWVudU9wZW4oZSk7XG4gICAgfSxcbiAgICBbc2V0SXNPcGVuLCBvbk1lbnVPcGVuXVxuICApO1xuXG4gIGNvbnN0IGNsb3NlTWVudSA9IHVzZUNhbGxiYWNrKFxuICAgIChlKSA9PiB7XG4gICAgICBzZXRJc09wZW4oZmFsc2UpO1xuICAgICAgb25NZW51Q2xvc2UoZSk7XG4gICAgfSxcbiAgICBbc2V0SXNPcGVuLCBvbk1lbnVDbG9zZV1cbiAgKTtcblxuICBjb25zdCB0b2dnbGVNZW51ID0gdXNlQ2FsbGJhY2soXG4gICAgKGUpID0+IHtcbiAgICAgIGlmICghaXNPcGVuKSB7XG4gICAgICAgIG9wZW5NZW51KGUpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgY2xvc2VNZW51KGUpO1xuICAgICAgfVxuICAgIH0sXG4gICAgW2lzT3Blbiwgb3Blbk1lbnUsIGNsb3NlTWVudV1cbiAgKTtcblxuICAvLyAtLS0tIENsb3NlIG1lbnUgb24gb3V0c2lkZSBjbGlja1xuICB1c2VPdXRzaWRlQ2xpY2soY29udGFpbmVyUmVmLCBjbG9zZU1lbnUsIGlzT3Blbik7XG5cbiAgLy8gLS0tLSBDbG9zZSBtZW51IHdoZW4gdGhlIG1lbnUgaXMgbm90IG9uIGZvY3VzXG4gIGNvbnN0IGJsdXJFdmVudCA9IHVzZUNhbGxiYWNrKFxuICAgIChlOiBSZWFjdC5Gb2N1c0V2ZW50KSA9PiB7XG4gICAgICBpZiAoIWUucmVsYXRlZFRhcmdldCB8fCAhbWVudVJlZi5jdXJyZW50LmNvbnRhaW5zKGUucmVsYXRlZFRhcmdldCkpIHtcbiAgICAgICAgY2xvc2VNZW51KGUpO1xuICAgICAgfVxuICAgIH0sXG4gICAgW2Nsb3NlTWVudV1cbiAgKTtcblxuICAvLyAtLS0tIENsb3NlIG1lbnUgb24gaXRlbSBzZWxlY3RcbiAgY29uc3QgaXRlbXM6IERyb3Bkb3duSXRlbVtdID0gbWVudUl0ZW1zLm1hcCgoaXRlbSkgPT4ge1xuICAgIGlmIChpc1NlcGVyYXRvcihpdGVtKSkgcmV0dXJuIGl0ZW07XG5cbiAgICBjb25zdCBtZW51SXRlbSA9IGl0ZW0gYXMgTWVudUl0ZW1Qcm9wcztcblxuICAgIHJldHVybiB7XG4gICAgICAuLi5tZW51SXRlbSxcbiAgICAgIG9uU2VsZWN0OiAoZSkgPT4ge1xuICAgICAgICBtZW51SXRlbS5vblNlbGVjdChlKTtcbiAgICAgICAgY2xvc2VNZW51KGUpO1xuICAgICAgfSxcbiAgICB9O1xuICB9KTtcblxuICAvLyAtLS0tIE1lbnUgcG9zaXRpb25cbiAgY29uc3QgW3ZlcnRpY2FsUG9zaXRpb24sIGhvcml6b250YWxQb3NpdGlvbl0gPSB1c2VBdXRvUG9zaXRpb24oXG4gICAgYnV0dG9uUmVmLFxuICAgIG1lbnVSZWYsXG4gICAgaXNPcGVuXG4gICk7XG5cbiAgLy8gLS0tLSBLZXlib2FyZCBzaG9ydGN1dHNcbiAgdXNlS2V5Ym9hcmQoXG4gICAge1xuICAgICAgXCJBcnJvd1VwIEFycm93RG93blwiOiBvcGVuTWVudSxcbiAgICB9LFxuICAgIGJ1dHRvblJlZixcbiAgICAhaXNPcGVuXG4gICk7XG5cbiAgdXNlS2V5Ym9hcmQoXG4gICAge1xuICAgICAgRXNjYXBlOiBjbG9zZU1lbnUsXG4gICAgICBBcnJvd1VwOiAoKSA9PiB7XG4gICAgICAgIHNldEZvY3VzSW5kZXgoZm9jdXNJbmRleCAtIDEpO1xuICAgICAgfSxcbiAgICAgIEFycm93RG93bjogKCkgPT4ge1xuICAgICAgICBzZXRGb2N1c0luZGV4KGZvY3VzSW5kZXggKyAxKTtcbiAgICAgIH0sXG4gICAgfSxcbiAgICBjb250YWluZXJSZWYsXG4gICAgaXNPcGVuXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAobWVudVJlZiAmJiBtZW51UmVmLmN1cnJlbnQpIHtcbiAgICAgIGNvbnN0IGJ1dHRvbnMgPSBtZW51UmVmLmN1cnJlbnQucXVlcnlTZWxlY3RvckFsbChcImJ1dHRvblwiKTtcblxuICAgICAgYnV0dG9uc1tNYXRoLmFicyhmb2N1c0luZGV4KSAlIGJ1dHRvbnMubGVuZ3RoXS5mb2N1cygpO1xuICAgIH1cbiAgfSwgW21lbnVSZWYsIGZvY3VzSW5kZXhdKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiRHJvcGRvd25NZW51XCJcbiAgICAgIHJlZj17Y29udGFpbmVyUmVmfVxuICAgID5cbiAgICAgIDxkaXYgcmVmPXtidXR0b25SZWZ9PlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICByaWdodEljb249e2ljb25OYW1lfVxuICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgb25DbGljaz17dG9nZ2xlTWVudX1cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgcHJpdmF0ZVByb3BzPXt7XG4gICAgICAgICAgICBzcXVhcmVDb3JuZXJzOiBkcm9wZG93blNxdWFyZUNvcm5lcnMsXG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgPC9CdXR0b24+XG4gICAgICA8L2Rpdj5cblxuICAgICAge2lzT3BlbiAmJiAoXG4gICAgICAgIDxTdHlsZWRNZW51XG4gICAgICAgICAgdmVydGljYWxQb3NpdGlvbj17dmVydGljYWxQb3NpdGlvbn1cbiAgICAgICAgICBob3Jpem9udGFsUG9zaXRpb249e2hvcml6b250YWxQb3NpdGlvbn1cbiAgICAgICAgICByZWY9e21lbnVSZWZ9XG4gICAgICAgID5cbiAgICAgICAgICA8U3R5bGVkVWwgcm9sZT1cIm1lbnVcIj5cbiAgICAgICAgICAgIHtpdGVtcy5tYXAoKGl0ZW0sIGluZGV4KSA9PiB7XG4gICAgICAgICAgICAgIGlmIChpc1NlcGVyYXRvcihpdGVtKSlcbiAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgPFN0eWxlZExpXG4gICAgICAgICAgICAgICAgICAgIHJvbGU9XCJzZXBhcmF0b3JcIlxuICAgICAgICAgICAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3Qvbm8tYXJyYXktaW5kZXgta2V5XG4gICAgICAgICAgICAgICAgICAgIGtleT17YG1lbnVpdGVtLXNlcGFyYXRvci0ke2luZGV4fWB9XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxEaXZpZGVyIC8+XG4gICAgICAgICAgICAgICAgICA8L1N0eWxlZExpPlxuICAgICAgICAgICAgICAgICk7XG5cbiAgICAgICAgICAgICAgY29uc3QgbWVudUl0ZW0gPSBpdGVtIGFzIE1lbnVJdGVtUHJvcHM7XG5cbiAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICA8U3R5bGVkTGkgcm9sZT1cIm1lbnVpdGVtXCIga2V5PXtgbWVudWl0ZW0tJHttZW51SXRlbS5sYWJlbH1gfT5cbiAgICAgICAgICAgICAgICAgIDxNZW51SXRlbVxuICAgICAgICAgICAgICAgICAgICBvblNlbGVjdD17bWVudUl0ZW0ub25TZWxlY3R9XG4gICAgICAgICAgICAgICAgICAgIG9uQmx1cj17Ymx1ckV2ZW50fVxuICAgICAgICAgICAgICAgICAgICBpY29uPXttZW51SXRlbS5pY29ufVxuICAgICAgICAgICAgICAgICAgICBsYWJlbD17bWVudUl0ZW0ubGFiZWx9XG4gICAgICAgICAgICAgICAgICAgIGVtcGhhc2l6ZWQ9e21lbnVJdGVtLmVtcGhhc2l6ZWR9XG4gICAgICAgICAgICAgICAgICAgIHRleHRWYXJpYW50PXttZW51SXRlbVRleHRWYXJpYW50fVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8L1N0eWxlZExpPlxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgfSl9XG4gICAgICAgICAgPC9TdHlsZWRVbD5cbiAgICAgICAgPC9TdHlsZWRNZW51PlxuICAgICAgKX1cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKTtcbn1cblxuY29uc3QgZGVmYXVsdFByb3BzOiBQYXJ0aWFsPERyb3Bkb3duTWVudVByb3BzPiA9IHtcbiAgaWNvbk5hbWU6IFwibW9yZS1ob3Jpem9udGFsXCIsXG4gIG1lbnVJdGVtczogW10sXG4gIG1lbnVJdGVtVGV4dFZhcmlhbnQ6IFwidXBwZXJjYXNlXCIsXG4gIHNpemU6IFwibVwiLFxuICBkaXNhYmxlZDogZmFsc2UsXG4gIG9uTWVudU9wZW46ICgpID0+IHVuZGVmaW5lZCxcbiAgb25NZW51Q2xvc2U6ICgpID0+IHVuZGVmaW5lZCxcbiAgcHJpdmF0ZVByb3BzOiB7XG4gICAgZHJvcGRvd25TcXVhcmVDb3JuZXJzOiBmYWxzZSxcbiAgfSxcbn07XG5cbkRyb3Bkb3duTWVudS5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG4iXX0= */");
+function DropdownMenu(_ref2) {
+  let {
+    menuItems,
+    menuItemTextVariant,
+    label,
+    iconName,
+    size,
+    disabled,
+    onMenuOpen,
+    onMenuClose,
+    privateProps: {
+      dropdownSquareCorners
+    },
+    "data-e2e-test-id": dataE2eTestId
+  } = _ref2;
+  const [isOpen, setIsOpen] = React.useState(false);
+  const [focusIndex, setFocusIndex] = React.useState(-1);
+  const containerRef = React.useRef(null);
+  const buttonRef = React.useRef(null);
+  const menuRef = React.useRef(null);
+
+  // ---- Update menu open state
+  const openMenu = React.useCallback(e => {
+    setIsOpen(true);
+    onMenuOpen(e);
+  }, [setIsOpen, onMenuOpen]);
+  const closeMenu = React.useCallback(e => {
+    setIsOpen(false);
+    onMenuClose(e);
+  }, [setIsOpen, onMenuClose]);
+  const toggleMenu = React.useCallback(e => {
+    if (!isOpen) {
+      openMenu(e);
+    } else {
+      closeMenu(e);
+    }
+  }, [isOpen, openMenu, closeMenu]);
+
+  // ---- Close menu on outside click
+  useOutsideClick.useOutsideClick(containerRef, closeMenu, isOpen);
+
+  // ---- Close menu when the menu is not on focus
+  const blurEvent = React.useCallback(e => {
+    if (!e.relatedTarget || !menuRef.current.contains(e.relatedTarget)) {
+      closeMenu(e);
+    }
+  }, [closeMenu]);
+
+  // ---- Close menu on item select
+  const items = menuItems.map(item => {
+    if (isSeperator(item)) return item;
+    const menuItem = item;
+    return {
+      ...menuItem,
+      onSelect: e => {
+        menuItem.onSelect(e);
+        closeMenu(e);
+      }
+    };
+  });
+
+  // ---- Menu position
+  const [verticalPosition, horizontalPosition] = useAutoPosition.useAutoPosition(buttonRef, menuRef, isOpen);
+
+  // ---- Keyboard shortcuts
+  useKeyboard.useKeyboard({
+    "ArrowUp ArrowDown": openMenu
+  }, buttonRef, !isOpen);
+  useKeyboard.useKeyboard({
+    Escape: closeMenu,
+    ArrowUp: () => {
+      setFocusIndex(focusIndex - 1);
+    },
+    ArrowDown: () => {
+      setFocusIndex(focusIndex + 1);
+    }
+  }, containerRef, isOpen);
+  React.useEffect(() => {
+    if (menuRef && menuRef.current) {
+      const buttons = menuRef.current.querySelectorAll("button");
+      buttons[Math.abs(focusIndex) % buttons.length].focus();
+    }
+  }, [menuRef, focusIndex]);
+  return /*#__PURE__*/React__default.default.createElement(StyledContainer, {
+    "data-e2e-test-id": dataE2eTestId,
+    "data-ds-id": "DropdownMenu",
+    ref: containerRef
+  }, /*#__PURE__*/React__default.default.createElement("div", {
+    ref: buttonRef
+  }, /*#__PURE__*/React__default.default.createElement(Button.Button, {
+    size: size,
+    rightIcon: iconName,
+    variant: "tertiary",
+    onClick: toggleMenu,
+    disabled: disabled,
+    privateProps: {
+      squareCorners: dropdownSquareCorners
+    }
+  }, label)), isOpen && /*#__PURE__*/React__default.default.createElement(StyledMenu, {
+    verticalPosition: verticalPosition,
+    horizontalPosition: horizontalPosition,
+    ref: menuRef
+  }, /*#__PURE__*/React__default.default.createElement(StyledUl, {
+    role: "menu"
+  }, items.map((item, index) => {
+    if (isSeperator(item)) return /*#__PURE__*/React__default.default.createElement(StyledLi, {
+      role: "separator"
+      // eslint-disable-next-line react/no-array-index-key
+      ,
+      key: `menuitem-separator-${index}`
+    }, /*#__PURE__*/React__default.default.createElement(Divider.Divider, null));
+    const menuItem = item;
+    return /*#__PURE__*/React__default.default.createElement(StyledLi, {
+      role: "menuitem",
+      key: `menuitem-${menuItem.label}`
+    }, /*#__PURE__*/React__default.default.createElement(MenuItem.MenuItem, {
+      onSelect: menuItem.onSelect,
+      onBlur: blurEvent,
+      icon: menuItem.icon,
+      label: menuItem.label,
+      emphasized: menuItem.emphasized,
+      textVariant: menuItemTextVariant
+    }));
+  }))));
+}
+const defaultProps = {
+  iconName: "more-horizontal",
+  menuItems: [],
+  menuItemTextVariant: "uppercase",
+  size: "m",
+  disabled: false,
+  onMenuOpen: () => undefined,
+  onMenuClose: () => undefined,
+  privateProps: {
+    dropdownSquareCorners: false
+  }
+};
+DropdownMenu.defaultProps = defaultProps;
+
+exports.DropdownMenu = DropdownMenu;

package/build/cjs/src/components/DropdownMenu/MenuItem.js

@@ -0,0 +1,103 @@
+'use strict';
+
+var _styled = require('@emotion/styled/base');
+var React = require('react');
+var Icon = require('../Icon/Icon.js');
+var Inline = require('../Inline/Inline.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const StyledMenuItem = /*#__PURE__*/_styled__default.default("button", process.env.NODE_ENV === "production" ? {
+  target: "e1ggdt310"
+} : {
+  target: "e1ggdt310",
+  label: "StyledMenuItem"
+})(_ref => {
+  let {
+    theme,
+    size,
+    textVariant
+  } = _ref;
+  return {
+    "&[type='button']": {
+      appearance: "none",
+      MozAppearance: "none",
+      WebkitAppearance: "none"
+    },
+    display: "inline-block",
+    width: "100%",
+    border: 0,
+    color: theme.values.color.text.secondary.default,
+    backgroundColor: theme.values.color.background.primary.default,
+    textTransform: textVariant || "uppercase",
+    textDecoration: "none",
+    fontFamily: theme.variables.fontFamily.lato,
+    fontSize: theme.variables.size.font.header.xxs,
+    lineHeight: theme.variables.size.lineHeight.header.xxs,
+    letterSpacing: 0.5,
+    fontWeight: theme.variables.weight.bold,
+    cursor: "pointer",
+    "&:hover": {
+      backgroundColor: theme.values.color.background.secondary.hover
+    },
+    "&:active": {
+      color: theme.values.color.text.primary.default
+    },
+    "&:disabled": {
+      backgroundColor: theme.values.color.background.transparent.default,
+      // TODO gray.dark01-transparent
+      color: theme.values.color.text.tertiary.disabled
+    },
+    ...(size === "s" && {
+      padding: theme.variables.size.spacing.xs
+    }),
+    ...(size === "m" && {
+      padding: theme.variables.size.spacing.s
+    }),
+    ...(size === "l" && {
+      padding: theme.variables.size.spacing.m
+    }),
+    "&[disabled], &:disabled": {
+      pointerEvents: "none"
+    }
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lbnVJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QnVCIiwiZmlsZSI6Ik1lbnVJdGVtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uU2l6ZSB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgSWNvbiwgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuXG5leHBvcnQgdHlwZSBNZW51SXRlbVByb3BzID0ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqIFRoZSB0ZXh0IGZvciB0aGUgbWVudSBpdGVtICovXG4gIGxhYmVsOiBzdHJpbmc7XG4gIC8qKiBUaGUgc2l6ZSBvZiB0aGUgbWVudSBpdGVtICovXG4gIHNpemU/OiBCdXR0b25TaXplO1xuICAvKiogTWVudSBpdGVtIGRpc2FibGVkIHN0YXRlICovXG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgLyoqIE9uIHNlbGVjdCBtZW51IGl0ZW0gY2FsbGJhY2sgKi9cbiAgb25TZWxlY3Q6IChlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB2b2lkO1xuICAvKiBJY29uIG5hbWUgKi9cbiAgaWNvbj86IEljb25OYW1lO1xuICAvKiBFbXBoYXNpemVkIGJ5IFwiZmlsbGVkLWRvdFwiIHJpZ2h0IGljb24gKi9cbiAgZW1waGFzaXplZD86IGJvb2xlYW47XG4gIC8qIFRleHQgdHJhbnNmb3JtICh1cHBlcmNhc2UgYXMgZGVmYXVsdCkgKi9cbiAgdGV4dFZhcmlhbnQ/OiBcInVwcGVyY2FzZVwiIHwgXCJjYXBpdGFsaXplXCIgfCBcImxvd2VyY2FzZVwiIHwgXCJub25lXCI7XG4gIG9uQmx1cj86IChlOiBSZWFjdC5Gb2N1c0V2ZW50KSA9PiB2b2lkO1xufTtcblxuY29uc3QgU3R5bGVkTWVudUl0ZW0gPSBzdHlsZWQuYnV0dG9uPFBhcnRpYWw8TWVudUl0ZW1Qcm9wcz4+KFxuICAoeyB0aGVtZSwgc2l6ZSwgdGV4dFZhcmlhbnQgfSkgPT4gKHtcbiAgICBcIiZbdHlwZT0nYnV0dG9uJ11cIjoge1xuICAgICAgYXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICBNb3pBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICAgIFdlYmtpdEFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgYm9yZGVyOiAwLFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcbiAgICB0ZXh0VHJhbnNmb3JtOiB0ZXh0VmFyaWFudCB8fCBcInVwcGVyY2FzZVwiLFxuICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci54eHMsXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHhzLFxuICAgIGxldHRlclNwYWNpbmc6IDAuNSxcbiAgICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJvbGQsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5zZWNvbmRhcnkuaG92ZXIsXG4gICAgfSxcbiAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgfSxcbiAgICBcIiY6ZGlzYWJsZWRcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5kZWZhdWx0LFxuICAgICAgLy8gVE9ETyBncmF5LmRhcmswMS10cmFuc3BhcmVudFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnRlcnRpYXJ5LmRpc2FibGVkLFxuICAgIH0sXG4gICAgLi4uKHNpemUgPT09IFwic1wiICYmIHtcbiAgICAgIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwibVwiICYmIHtcbiAgICAgIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcucyxcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJsXCIgJiYge1xuICAgICAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICAgIH0pLFxuICAgIFwiJltkaXNhYmxlZF0sICY6ZGlzYWJsZWRcIjoge1xuICAgICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBNZW51SXRlbSh7XG4gIGxhYmVsLFxuICBzaXplID0gXCJtXCIsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIG9uU2VsZWN0LFxuICBpY29uLFxuICBlbXBoYXNpemVkID0gZmFsc2UsXG4gIHRleHRWYXJpYW50ID0gXCJ1cHBlcmNhc2VcIixcbiAgb25CbHVyLFxufTogTWVudUl0ZW1Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZE1lbnVJdGVtXG4gICAgICBzaXplPXtzaXplfVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgb25DbGljaz17b25TZWxlY3R9XG4gICAgICB0ZXh0VmFyaWFudD17dGV4dFZhcmlhbnR9XG4gICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICA+XG4gICAgICA8SW5saW5lIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgYWxpZ25JdGVtcz1cImxlZnRcIiBzcGFjZT1cInh4c1wiIG5vV3JhcD5cbiAgICAgICAge2ljb24gJiYgKFxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICBuYW1lPXtpY29ufVxuICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e2BtZW51SXRlbS0ke2ljb259YH1cbiAgICAgICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2BtZW51SXRlbS0ke2ljb259YH1cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgICB7bGFiZWx9XG4gICAgICAgIHtlbXBoYXNpemVkICYmIChcbiAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgbmFtZT1cImZpbGxlZC1kb3RcIlxuICAgICAgICAgICAgZGF0YS10ZXN0aWQ9XCJtZW51SXRlbS1lbXBoYXNpemVkXCJcbiAgICAgICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9XCJtZW51SXRlbS1lbXBoYXNpemVkXCJcbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgPC9JbmxpbmU+XG4gICAgPC9TdHlsZWRNZW51SXRlbT5cbiAgKTtcbn1cbiJdfQ== */");
+function MenuItem(_ref2) {
+  let {
+    label,
+    size = "m",
+    disabled = false,
+    onSelect,
+    icon,
+    emphasized = false,
+    textVariant = "uppercase",
+    onBlur
+  } = _ref2;
+  return /*#__PURE__*/React__default.default.createElement(StyledMenuItem, {
+    size: size,
+    disabled: disabled,
+    onClick: onSelect,
+    textVariant: textVariant,
+    onBlur: onBlur
+  }, /*#__PURE__*/React__default.default.createElement(Inline.Inline, {
+    vAlignItems: "center",
+    alignItems: "left",
+    space: "xxs",
+    noWrap: true
+  }, icon && /*#__PURE__*/React__default.default.createElement(Icon.Icon, {
+    size: "s",
+    name: icon,
+    "data-testid": `menuItem-${icon}`,
+    "data-e2e-test-id": `menuItem-${icon}`
+  }), label, emphasized && /*#__PURE__*/React__default.default.createElement(Icon.Icon, {
+    size: "s",
+    name: "filled-dot",
+    "data-testid": "menuItem-emphasized",
+    "data-e2e-test-id": "menuItem-emphasized"
+  })));
+}
+
+exports.MenuItem = MenuItem;

package/build/cjs/src/components/Form/Checkbox/Checkbox.js

@@ -0,0 +1,147 @@
+'use strict';
+
+var _extends = require('@babel/runtime/helpers/extends');
+var _styled = require('@emotion/styled/base');
+var React = require('react');
+var FormField = require('../FormField/FormField.js');
+var Inline = require('../../Inline/Inline.js');
+var Text = require('../../Typography/Text/Text.js');
+var Icon = require('../../Icon/Icon.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _extends__default = /*#__PURE__*/_interopDefault(_extends);
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const StyledContainer = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "es2dog22"
+} : {
+  target: "es2dog22",
+  label: "StyledContainer"
+})(_ref => {
+  let {
+    theme
+  } = _ref;
+  return {
+    userSelect: "none",
+    display: "block",
+    position: "relative",
+    width: theme.variables.size.dimension.checkbox.m,
+    height: theme.variables.size.dimension.checkbox.m,
+    boxSizing: "border-box"
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoZWNrYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQndCIiwiZmlsZSI6IkNoZWNrYm94LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBGb3JtRmllbGQsIEZvcm1GaWVsZFByb3BzIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC9Gb3JtRmllbGRcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi8uLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uLy4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uLy4uL0ljb24vSWNvblwiO1xuXG5leHBvcnQgdHlwZSBDaGVja2JveFByb3BzID0ge1xuICBuYW1lOiBzdHJpbmc7XG4gIHZhbHVlPzogc3RyaW5nO1xuICBjaGVja2VkPzogYm9vbGVhbiB8IHVuZGVmaW5lZDtcbiAgbGFiZWw/OiBzdHJpbmcgfCBSZWFjdC5Db21wb25lbnRUeXBlO1xuICBsYWJlbEhpbnQ/OiBzdHJpbmc7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgb25DaGFuZ2U/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkNsaWNrPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25CbHVyPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25Gb2N1cz86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG59ICYgT21pdDxGb3JtRmllbGRQcm9wcywgXCJsYWJlbEhpbnRcIj47XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5jaGVja2JveC5tLFxuICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5jaGVja2JveC5tLFxuICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRSZWFsSW5wdXQgPSBzdHlsZWQuaW5wdXQoKCkgPT4gKHtcbiAgb3BhY2l0eTogMCxcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgaGVpZ2h0OiAwLFxuICB3aWR0aDogMCxcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbn0pKTtcblxuY29uc3QgU3R5bGVkRmFrZUlucHV0ID0gc3R5bGVkLnNwYW4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5jaGVja2JveC5tLFxuICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5jaGVja2JveC5tLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5jaGVja2JveC5tLFxuICBib3JkZXI6IFwiMnB4IHNvbGlkXCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgbGVmdDogMCxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuXG4gIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0Lm9uQWNjZW50LmRlZmF1bHQsXG4gIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0LFxuICBcIiYgc3ZnXCI6IHtcbiAgICBvcGFjaXR5OiAwLFxuICB9LFxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuZGVmYXVsdCxcbiAgfSxcblxuICBcImlucHV0OiBmb2N1cy12aXNpYmxlICsgJlwiOiB7XG4gICAgb3V0bGluZVdpZHRoOiBcIjJweFwiLFxuICAgIG91dGxpbmVTdHlsZTogXCJzb2xpZFwiLFxuICAgIG91dGxpbmVDb2xvcjogXCJIaWdobGlnaHRcIixcbiAgfSxcblxuICBcIkBtZWRpYSAoLXdlYmtpdC1taW4tZGV2aWNlLXBpeGVsLXJhdGlvOjApXCI6IHtcbiAgICBcImlucHV0OiBmb2N1cy12aXNpYmxlICsgJlwiOiB7XG4gICAgICBvdXRsaW5lQ29sb3I6IFwiLXdlYmtpdC1mb2N1cy1yaW5nLWNvbG9yXCIsXG4gICAgICBvdXRsaW5lU3R5bGU6IFwiYXV0b1wiLFxuICAgIH0sXG4gIH0sXG5cbiAgXCJpbnB1dDpjaGVja2VkICsgJiBcIjoge1xuICAgIGJvcmRlcjogMCxcbiAgICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuZGVmYXVsdCxcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuaG92ZXIsXG4gICAgfSxcblxuICAgIHN2Zzoge1xuICAgICAgb3BhY2l0eTogMSxcbiAgICB9LFxuICB9LFxuXG4gIFwiaW5wdXQ6ZGlzYWJsZWQgKyAmXCI6IHtcbiAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIENoZWNrYm94KHtcbiAgbmFtZSxcbiAgdmFsdWUgPSBcIlwiLFxuICBjaGVja2VkID0gdW5kZWZpbmVkLFxuICBsYWJlbCA9IFwiXCIsXG4gIGxhYmVsSGludCA9IFwiXCIsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIG9uQ2hhbmdlLFxuICBvbkNsaWNrLFxuICBvbkJsdXIsXG4gIG9uRm9jdXMsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAuLi5yZXN0XG59OiBDaGVja2JveFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8Rm9ybUZpZWxkXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIkNoZWNrYm94XCJcbiAgICAgIHsuLi5yZXN0fVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgID5cbiAgICAgIDxJbmxpbmUgc3BhY2U9XCJtXCIgdkFsaWduSXRlbXM9XCJ0b3BcIiBub1dyYXA+XG4gICAgICAgIDxTdHlsZWRDb250YWluZXI+XG4gICAgICAgICAgPFN0eWxlZFJlYWxJbnB1dFxuICAgICAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgICBjaGVja2VkPXtjaGVja2VkfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxTdHlsZWRGYWtlSW5wdXQ+XG4gICAgICAgICAgICA8SWNvbiBzaXplPVwic1wiIG5hbWU9XCJjaGVja1wiIC8+XG4gICAgICAgICAgPC9TdHlsZWRGYWtlSW5wdXQ+XG4gICAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICB7dHlwZW9mIGxhYmVsID09PSBcInN0cmluZ1wiID8gPFRleHQ+e2xhYmVsfTwvVGV4dD4gOiBsYWJlbH1cbiAgICAgICAgICAgIHtsYWJlbEhpbnQgJiYgKFxuICAgICAgICAgICAgICA8VGV4dCBjb2xvcj1cInByaW1hcnlcIiBzaXplPVwic1wiPlxuICAgICAgICAgICAgICAgIHtsYWJlbEhpbnR9XG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICl9XG4gICAgICA8L0lubGluZT5cbiAgICA8L0Zvcm1GaWVsZD5cbiAgKTtcbn1cbiJdfQ== */");
+const StyledRealInput = /*#__PURE__*/_styled__default.default("input", process.env.NODE_ENV === "production" ? {
+  target: "es2dog21"
+} : {
+  target: "es2dog21",
+  label: "StyledRealInput"
+})(() => ({
+  opacity: 0,
+  cursor: "pointer",
+  height: 0,
+  width: 0,
+  position: "absolute"
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoZWNrYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQndCIiwiZmlsZSI6IkNoZWNrYm94LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBGb3JtRmllbGQsIEZvcm1GaWVsZFByb3BzIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC9Gb3JtRmllbGRcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi8uLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uLy4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uLy4uL0ljb24vSWNvblwiO1xuXG5leHBvcnQgdHlwZSBDaGVja2JveFByb3BzID0ge1xuICBuYW1lOiBzdHJpbmc7XG4gIHZhbHVlPzogc3RyaW5nO1xuICBjaGVja2VkPzogYm9vbGVhbiB8IHVuZGVmaW5lZDtcbiAgbGFiZWw/OiBzdHJpbmcgfCBSZWFjdC5Db21wb25lbnRUeXBlO1xuICBsYWJlbEhpbnQ/OiBzdHJpbmc7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgb25DaGFuZ2U/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkNsaWNrPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25CbHVyPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25Gb2N1cz86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG59ICYgT21pdDxGb3JtRmllbGRQcm9wcywgXCJsYWJlbEhpbnRcIj47XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5jaGVja2JveC5tLFxuICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5jaGVja2JveC5tLFxuICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRSZWFsSW5wdXQgPSBzdHlsZWQuaW5wdXQoKCkgPT4gKHtcbiAgb3BhY2l0eTogMCxcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgaGVpZ2h0OiAwLFxuICB3aWR0aDogMCxcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbn0pKTtcblxuY29uc3QgU3R5bGVkRmFrZUlucHV0ID0gc3R5bGVkLnNwYW4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5jaGVja2JveC5tLFxuICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5jaGVja2JveC5tLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5jaGVja2JveC5tLFxuICBib3JkZXI6IFwiMnB4IHNvbGlkXCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgbGVmdDogMCxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuXG4gIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0Lm9uQWNjZW50LmRlZmF1bHQsXG4gIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0LFxuICBcIiYgc3ZnXCI6IHtcbiAgICBvcGFjaXR5OiAwLFxuICB9LFxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuZGVmYXVsdCxcbiAgfSxcblxuICBcImlucHV0OiBmb2N1cy12aXNpYmxlICsgJlwiOiB7XG4gICAgb3V0bGluZVdpZHRoOiBcIjJweFwiLFxuICAgIG91dGxpbmVTdHlsZTogXCJzb2xpZFwiLFxuICAgIG91dGxpbmVDb2xvcjogXCJIaWdobGlnaHRcIixcbiAgfSxcblxuICBcIkBtZWRpYSAoLXdlYmtpdC1taW4tZGV2aWNlLXBpeGVsLXJhdGlvOjApXCI6IHtcbiAgICBcImlucHV0OiBmb2N1cy12aXNpYmxlICsgJlwiOiB7XG4gICAgICBvdXRsaW5lQ29sb3I6IFwiLXdlYmtpdC1mb2N1cy1yaW5nLWNvbG9yXCIsXG4gICAgICBvdXRsaW5lU3R5bGU6IFwiYXV0b1wiLFxuICAgIH0sXG4gIH0sXG5cbiAgXCJpbnB1dDpjaGVja2VkICsgJiBcIjoge1xuICAgIGJvcmRlcjogMCxcbiAgICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuZGVmYXVsdCxcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuaG92ZXIsXG4gICAgfSxcblxuICAgIHN2Zzoge1xuICAgICAgb3BhY2l0eTogMSxcbiAgICB9LFxuICB9LFxuXG4gIFwiaW5wdXQ6ZGlzYWJsZWQgKyAmXCI6IHtcbiAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIENoZWNrYm94KHtcbiAgbmFtZSxcbiAgdmFsdWUgPSBcIlwiLFxuICBjaGVja2VkID0gdW5kZWZpbmVkLFxuICBsYWJlbCA9IFwiXCIsXG4gIGxhYmVsSGludCA9IFwiXCIsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIG9uQ2hhbmdlLFxuICBvbkNsaWNrLFxuICBvbkJsdXIsXG4gIG9uRm9jdXMsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAuLi5yZXN0XG59OiBDaGVja2JveFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8Rm9ybUZpZWxkXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIkNoZWNrYm94XCJcbiAgICAgIHsuLi5yZXN0fVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgID5cbiAgICAgIDxJbmxpbmUgc3BhY2U9XCJtXCIgdkFsaWduSXRlbXM9XCJ0b3BcIiBub1dyYXA+XG4gICAgICAgIDxTdHlsZWRDb250YWluZXI+XG4gICAgICAgICAgPFN0eWxlZFJlYWxJbnB1dFxuICAgICAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgICBjaGVja2VkPXtjaGVja2VkfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxTdHlsZWRGYWtlSW5wdXQ+XG4gICAgICAgICAgICA8SWNvbiBzaXplPVwic1wiIG5hbWU9XCJjaGVja1wiIC8+XG4gICAgICAgICAgPC9TdHlsZWRGYWtlSW5wdXQ+XG4gICAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICB7dHlwZW9mIGxhYmVsID09PSBcInN0cmluZ1wiID8gPFRleHQ+e2xhYmVsfTwvVGV4dD4gOiBsYWJlbH1cbiAgICAgICAgICAgIHtsYWJlbEhpbnQgJiYgKFxuICAgICAgICAgICAgICA8VGV4dCBjb2xvcj1cInByaW1hcnlcIiBzaXplPVwic1wiPlxuICAgICAgICAgICAgICAgIHtsYWJlbEhpbnR9XG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICl9XG4gICAgICA8L0lubGluZT5cbiAgICA8L0Zvcm1GaWVsZD5cbiAgKTtcbn1cbiJdfQ== */");
+const StyledFakeInput = /*#__PURE__*/_styled__default.default("span", process.env.NODE_ENV === "production" ? {
+  target: "es2dog20"
+} : {
+  target: "es2dog20",
+  label: "StyledFakeInput"
+})(_ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return {
+    boxSizing: "border-box",
+    width: theme.variables.size.dimension.checkbox.m,
+    height: theme.variables.size.dimension.checkbox.m,
+    borderRadius: theme.variables.size.borderRadius.checkbox.m,
+    border: "2px solid",
+    position: "absolute",
+    top: 0,
+    left: 0,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    cursor: "pointer",
+    background: theme.values.color.background.primary.default,
+    color: theme.values.color.text.onAccent.default,
+    borderColor: theme.values.color.border.secondary.default,
+    "& svg": {
+      opacity: 0
+    },
+    "&:hover": {
+      borderColor: theme.values.color.background.accent.default
+    },
+    "input: focus-visible + &": {
+      outlineWidth: "2px",
+      outlineStyle: "solid",
+      outlineColor: "Highlight"
+    },
+    "@media (-webkit-min-device-pixel-ratio:0)": {
+      "input: focus-visible + &": {
+        outlineColor: "-webkit-focus-ring-color",
+        outlineStyle: "auto"
+      }
+    },
+    "input:checked + & ": {
+      border: 0,
+      background: theme.values.color.background.accent.default,
+      "&:hover": {
+        background: theme.values.color.background.accent.hover
+      },
+      svg: {
+        opacity: 1
+      }
+    },
+    "input:disabled + &": {
+      pointerEvents: "none"
+    }
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoZWNrYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Q3dCIiwiZmlsZSI6IkNoZWNrYm94LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBGb3JtRmllbGQsIEZvcm1GaWVsZFByb3BzIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC9Gb3JtRmllbGRcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi8uLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uLy4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uLy4uL0ljb24vSWNvblwiO1xuXG5leHBvcnQgdHlwZSBDaGVja2JveFByb3BzID0ge1xuICBuYW1lOiBzdHJpbmc7XG4gIHZhbHVlPzogc3RyaW5nO1xuICBjaGVja2VkPzogYm9vbGVhbiB8IHVuZGVmaW5lZDtcbiAgbGFiZWw/OiBzdHJpbmcgfCBSZWFjdC5Db21wb25lbnRUeXBlO1xuICBsYWJlbEhpbnQ/OiBzdHJpbmc7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgb25DaGFuZ2U/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkNsaWNrPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25CbHVyPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25Gb2N1cz86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG59ICYgT21pdDxGb3JtRmllbGRQcm9wcywgXCJsYWJlbEhpbnRcIj47XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5jaGVja2JveC5tLFxuICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5jaGVja2JveC5tLFxuICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRSZWFsSW5wdXQgPSBzdHlsZWQuaW5wdXQoKCkgPT4gKHtcbiAgb3BhY2l0eTogMCxcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgaGVpZ2h0OiAwLFxuICB3aWR0aDogMCxcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbn0pKTtcblxuY29uc3QgU3R5bGVkRmFrZUlucHV0ID0gc3R5bGVkLnNwYW4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5jaGVja2JveC5tLFxuICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5jaGVja2JveC5tLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5jaGVja2JveC5tLFxuICBib3JkZXI6IFwiMnB4IHNvbGlkXCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgbGVmdDogMCxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuXG4gIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0Lm9uQWNjZW50LmRlZmF1bHQsXG4gIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0LFxuICBcIiYgc3ZnXCI6IHtcbiAgICBvcGFjaXR5OiAwLFxuICB9LFxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuZGVmYXVsdCxcbiAgfSxcblxuICBcImlucHV0OiBmb2N1cy12aXNpYmxlICsgJlwiOiB7XG4gICAgb3V0bGluZVdpZHRoOiBcIjJweFwiLFxuICAgIG91dGxpbmVTdHlsZTogXCJzb2xpZFwiLFxuICAgIG91dGxpbmVDb2xvcjogXCJIaWdobGlnaHRcIixcbiAgfSxcblxuICBcIkBtZWRpYSAoLXdlYmtpdC1taW4tZGV2aWNlLXBpeGVsLXJhdGlvOjApXCI6IHtcbiAgICBcImlucHV0OiBmb2N1cy12aXNpYmxlICsgJlwiOiB7XG4gICAgICBvdXRsaW5lQ29sb3I6IFwiLXdlYmtpdC1mb2N1cy1yaW5nLWNvbG9yXCIsXG4gICAgICBvdXRsaW5lU3R5bGU6IFwiYXV0b1wiLFxuICAgIH0sXG4gIH0sXG5cbiAgXCJpbnB1dDpjaGVja2VkICsgJiBcIjoge1xuICAgIGJvcmRlcjogMCxcbiAgICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuZGVmYXVsdCxcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuaG92ZXIsXG4gICAgfSxcblxuICAgIHN2Zzoge1xuICAgICAgb3BhY2l0eTogMSxcbiAgICB9LFxuICB9LFxuXG4gIFwiaW5wdXQ6ZGlzYWJsZWQgKyAmXCI6IHtcbiAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIENoZWNrYm94KHtcbiAgbmFtZSxcbiAgdmFsdWUgPSBcIlwiLFxuICBjaGVja2VkID0gdW5kZWZpbmVkLFxuICBsYWJlbCA9IFwiXCIsXG4gIGxhYmVsSGludCA9IFwiXCIsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIG9uQ2hhbmdlLFxuICBvbkNsaWNrLFxuICBvbkJsdXIsXG4gIG9uRm9jdXMsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAuLi5yZXN0XG59OiBDaGVja2JveFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8Rm9ybUZpZWxkXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIkNoZWNrYm94XCJcbiAgICAgIHsuLi5yZXN0fVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgID5cbiAgICAgIDxJbmxpbmUgc3BhY2U9XCJtXCIgdkFsaWduSXRlbXM9XCJ0b3BcIiBub1dyYXA+XG4gICAgICAgIDxTdHlsZWRDb250YWluZXI+XG4gICAgICAgICAgPFN0eWxlZFJlYWxJbnB1dFxuICAgICAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgICBjaGVja2VkPXtjaGVja2VkfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxTdHlsZWRGYWtlSW5wdXQ+XG4gICAgICAgICAgICA8SWNvbiBzaXplPVwic1wiIG5hbWU9XCJjaGVja1wiIC8+XG4gICAgICAgICAgPC9TdHlsZWRGYWtlSW5wdXQ+XG4gICAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICB7dHlwZW9mIGxhYmVsID09PSBcInN0cmluZ1wiID8gPFRleHQ+e2xhYmVsfTwvVGV4dD4gOiBsYWJlbH1cbiAgICAgICAgICAgIHtsYWJlbEhpbnQgJiYgKFxuICAgICAgICAgICAgICA8VGV4dCBjb2xvcj1cInByaW1hcnlcIiBzaXplPVwic1wiPlxuICAgICAgICAgICAgICAgIHtsYWJlbEhpbnR9XG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICl9XG4gICAgICA8L0lubGluZT5cbiAgICA8L0Zvcm1GaWVsZD5cbiAgKTtcbn1cbiJdfQ== */");
+function Checkbox(_ref3) {
+  let {
+    name,
+    value = "",
+    checked = undefined,
+    label = "",
+    labelHint = "",
+    disabled = false,
+    onChange,
+    onClick,
+    onBlur,
+    onFocus,
+    "data-e2e-test-id": dataE2eTestId,
+    ...rest
+  } = _ref3;
+  return /*#__PURE__*/React__default.default.createElement(FormField.FormField, _extends__default.default({
+    "data-e2e-test-id": dataE2eTestId,
+    "data-ds-id": "Checkbox"
+  }, rest, {
+    disabled: disabled
+  }), /*#__PURE__*/React__default.default.createElement(Inline.Inline, {
+    space: "m",
+    vAlignItems: "top",
+    noWrap: true
+  }, /*#__PURE__*/React__default.default.createElement(StyledContainer, null, /*#__PURE__*/React__default.default.createElement(StyledRealInput, {
+    type: "checkbox",
+    name: name,
+    value: value,
+    checked: checked,
+    disabled: disabled,
+    onChange: onChange,
+    onClick: onClick,
+    onBlur: onBlur,
+    onFocus: onFocus
+  }), /*#__PURE__*/React__default.default.createElement(StyledFakeInput, null, /*#__PURE__*/React__default.default.createElement(Icon.Icon, {
+    size: "s",
+    name: "check"
+  }))), label && /*#__PURE__*/React__default.default.createElement("div", null, typeof label === "string" ? /*#__PURE__*/React__default.default.createElement(Text.Text, null, label) : label, labelHint && /*#__PURE__*/React__default.default.createElement(Text.Text, {
+    color: "primary",
+    size: "s"
+  }, labelHint))));
+}
+
+exports.Checkbox = Checkbox;

package/build/cjs/src/components/Form/FormErrorMessages/FormErrorMessages.js

@@ -0,0 +1,27 @@
+'use strict';
+
+var React = require('react');
+var Stack = require('../../Stack/Stack.js');
+var Text = require('../../Typography/Text/Text.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+function FormErrorMessages(_ref) {
+  let {
+    messages = [],
+    "data-e2e-test-id": dataE2eTestId
+  } = _ref;
+  return /*#__PURE__*/React__default.default.createElement(Stack.Stack, {
+    "data-e2e-test-id": dataE2eTestId,
+    "data-ds-id": "FormErrorMessages",
+    space: "zero"
+  }, messages.map(message => /*#__PURE__*/React__default.default.createElement(Text.Text, {
+    size: "xs",
+    key: message,
+    variant: "error"
+  }, message)));
+}
+
+exports.FormErrorMessages = FormErrorMessages;