@amboss/design-system 1.9.1 → 1.9.5

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

@@ -0,0 +1,220 @@
+import _styled from '@emotion/styled/base';
+import React, { useState, useRef, useCallback, useEffect } from 'react';
+import { useOutsideClick } from '../../shared/useOutsideClick.js';
+import { useAutoPosition } from '../../shared/useAutoPosition.js';
+import { useKeyboard } from '../../shared/useKeyboard.js';
+import { MenuItem } from './MenuItem.js';
+import { Button } from '../Button/Button.js';
+import { Divider } from '../Divider/Divider.js';
+
+const isSeperator = item => item === "separator";
+const StyledContainer = /*#__PURE__*/_styled("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+ICh7XG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIHdpZHRoOiBcImZpdC1jb250ZW50XCIsXG4gICAgbWluV2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5kcm9wZG93bk1lbnUud2lkdGgsXG4gICAgcmlnaHQ6IDAsXG4gICAgekluZGV4OiAxLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmRyb3Bkb3duLm0sXG4gICAgYm94U2hhZG93OiB0aGVtZS52YXJpYWJsZXMuc2hhZG93LmNhcmQuYyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmxheWVyXzIsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgICBwYWRkaW5nQm90dG9tOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIC4uLih2ZXJ0aWNhbFBvc2l0aW9uID09PSBcInVwXCJcbiAgICAgID8geyBib3R0b206IFwiMTAwJVwiLCBtYXJnaW5Cb3R0b206IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMgfVxuICAgICAgOiB7IHRvcDogXCIxMDAlXCIsIG1hcmdpblRvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyB9KSxcbiAgICAuLi4oaG9yaXpvbnRhbFBvc2l0aW9uID09PSBcInJpZ2h0XCJcbiAgICAgID8geyByaWdodDogXCIxMDAlXCIsIHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVYKDEwMCUpXCIgfVxuICAgICAgOiB7XG4gICAgICAgICAgbGVmdDogXCIxMDAlXCIsXG4gICAgICAgICAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoLTEwMCUpXCIsXG4gICAgICAgIH0pLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkVWwgPSBzdHlsZWQudWwoKCkgPT4gKHtcbiAgbWFyZ2luOiAwLFxuICBwYWRkaW5nOiAwLFxufSkpO1xuXG5jb25zdCBTdHlsZWRMaSA9IHN0eWxlZC5saSgoKSA9PiAoe1xuICBtYXJnaW46IDAsXG4gIHBhZGRpbmc6IDAsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgbGlzdFN0eWxlVHlwZTogXCJub25lXCIsXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBEcm9wZG93bk1lbnUoe1xuICBtZW51SXRlbXMsXG4gIG1lbnVJdGVtVGV4dFZhcmlhbnQsXG4gIGxhYmVsLFxuICBpY29uTmFtZSxcbiAgc2l6ZSxcbiAgZGlzYWJsZWQsXG4gIG9uTWVudU9wZW4sXG4gIG9uTWVudUNsb3NlLFxuICBwcml2YXRlUHJvcHM6IHsgZHJvcGRvd25TcXVhcmVDb3JuZXJzIH0sXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogRHJvcGRvd25NZW51UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBbaXNPcGVuLCBzZXRJc09wZW5dID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBbZm9jdXNJbmRleCwgc2V0Rm9jdXNJbmRleF0gPSB1c2VTdGF0ZSgtMSk7XG4gIGNvbnN0IGNvbnRhaW5lclJlZiA9IHVzZVJlZihudWxsKTtcbiAgY29uc3QgYnV0dG9uUmVmID0gdXNlUmVmKG51bGwpO1xuICBjb25zdCBtZW51UmVmID0gdXNlUmVmKG51bGwpO1xuXG4gIC8vIC0tLS0gVXBkYXRlIG1lbnUgb3BlbiBzdGF0ZVxuICBjb25zdCBvcGVuTWVudSA9IHVzZUNhbGxiYWNrKFxuICAgIChlKSA9PiB7XG4gICAgICBzZXRJc09wZW4odHJ1ZSk7XG4gICAgICBvbk1lbnVPcGVuKGUpO1xuICAgIH0sXG4gICAgW3NldElzT3Blbiwgb25NZW51T3Blbl1cbiAgKTtcblxuICBjb25zdCBjbG9zZU1lbnUgPSB1c2VDYWxsYmFjayhcbiAgICAoZSkgPT4ge1xuICAgICAgc2V0SXNPcGVuKGZhbHNlKTtcbiAgICAgIG9uTWVudUNsb3NlKGUpO1xuICAgIH0sXG4gICAgW3NldElzT3Blbiwgb25NZW51Q2xvc2VdXG4gICk7XG5cbiAgY29uc3QgdG9nZ2xlTWVudSA9IHVzZUNhbGxiYWNrKFxuICAgIChlKSA9PiB7XG4gICAgICBpZiAoIWlzT3Blbikge1xuICAgICAgICBvcGVuTWVudShlKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGNsb3NlTWVudShlKTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFtpc09wZW4sIG9wZW5NZW51LCBjbG9zZU1lbnVdXG4gICk7XG5cbiAgLy8gLS0tLSBDbG9zZSBtZW51IG9uIG91dHNpZGUgY2xpY2tcbiAgdXNlT3V0c2lkZUNsaWNrKGNvbnRhaW5lclJlZiwgY2xvc2VNZW51LCBpc09wZW4pO1xuXG4gIC8vIC0tLS0gQ2xvc2UgbWVudSB3aGVuIHRoZSBtZW51IGlzIG5vdCBvbiBmb2N1c1xuICBjb25zdCBibHVyRXZlbnQgPSB1c2VDYWxsYmFjayhcbiAgICAoZTogUmVhY3QuRm9jdXNFdmVudCkgPT4ge1xuICAgICAgaWYgKCFlLnJlbGF0ZWRUYXJnZXQgfHwgIW1lbnVSZWYuY3VycmVudC5jb250YWlucyhlLnJlbGF0ZWRUYXJnZXQpKSB7XG4gICAgICAgIGNsb3NlTWVudShlKTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFtjbG9zZU1lbnVdXG4gICk7XG5cbiAgLy8gLS0tLSBDbG9zZSBtZW51IG9uIGl0ZW0gc2VsZWN0XG4gIGNvbnN0IGl0ZW1zOiBEcm9wZG93bkl0ZW1bXSA9IG1lbnVJdGVtcy5tYXAoKGl0ZW0pID0+IHtcbiAgICBpZiAoaXNTZXBlcmF0b3IoaXRlbSkpIHJldHVybiBpdGVtO1xuXG4gICAgY29uc3QgbWVudUl0ZW0gPSBpdGVtIGFzIE1lbnVJdGVtUHJvcHM7XG5cbiAgICByZXR1cm4ge1xuICAgICAgLi4ubWVudUl0ZW0sXG4gICAgICBvblNlbGVjdDogKGUpID0+IHtcbiAgICAgICAgbWVudUl0ZW0ub25TZWxlY3QoZSk7XG4gICAgICAgIGNsb3NlTWVudShlKTtcbiAgICAgIH0sXG4gICAgfTtcbiAgfSk7XG5cbiAgLy8gLS0tLSBNZW51IHBvc2l0aW9uXG4gIGNvbnN0IFt2ZXJ0aWNhbFBvc2l0aW9uLCBob3Jpem9udGFsUG9zaXRpb25dID0gdXNlQXV0b1Bvc2l0aW9uKFxuICAgIGJ1dHRvblJlZixcbiAgICBtZW51UmVmLFxuICAgIGlzT3BlblxuICApO1xuXG4gIC8vIC0tLS0gS2V5Ym9hcmQgc2hvcnRjdXRzXG4gIHVzZUtleWJvYXJkKFxuICAgIHtcbiAgICAgIFwiQXJyb3dVcCBBcnJvd0Rvd25cIjogb3Blbk1lbnUsXG4gICAgfSxcbiAgICBidXR0b25SZWYsXG4gICAgIWlzT3BlblxuICApO1xuXG4gIHVzZUtleWJvYXJkKFxuICAgIHtcbiAgICAgIEVzY2FwZTogY2xvc2VNZW51LFxuICAgICAgQXJyb3dVcDogKCkgPT4ge1xuICAgICAgICBzZXRGb2N1c0luZGV4KGZvY3VzSW5kZXggLSAxKTtcbiAgICAgIH0sXG4gICAgICBBcnJvd0Rvd246ICgpID0+IHtcbiAgICAgICAgc2V0Rm9jdXNJbmRleChmb2N1c0luZGV4ICsgMSk7XG4gICAgICB9LFxuICAgIH0sXG4gICAgY29udGFpbmVyUmVmLFxuICAgIGlzT3BlblxuICApO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKG1lbnVSZWYgJiYgbWVudVJlZi5jdXJyZW50KSB7XG4gICAgICBjb25zdCBidXR0b25zID0gbWVudVJlZi5jdXJyZW50LnF1ZXJ5U2VsZWN0b3JBbGwoXCJidXR0b25cIik7XG5cbiAgICAgIGJ1dHRvbnNbTWF0aC5hYnMoZm9jdXNJbmRleCkgJSBidXR0b25zLmxlbmd0aF0uZm9jdXMoKTtcbiAgICB9XG4gIH0sIFttZW51UmVmLCBmb2N1c0luZGV4XSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9IHJlZj17Y29udGFpbmVyUmVmfT5cbiAgICAgIDxkaXYgcmVmPXtidXR0b25SZWZ9PlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICByaWdodEljb249e2ljb25OYW1lfVxuICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgb25DbGljaz17dG9nZ2xlTWVudX1cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgcHJpdmF0ZVByb3BzPXt7XG4gICAgICAgICAgICBzcXVhcmVDb3JuZXJzOiBkcm9wZG93blNxdWFyZUNvcm5lcnMsXG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgPC9CdXR0b24+XG4gICAgICA8L2Rpdj5cblxuICAgICAge2lzT3BlbiAmJiAoXG4gICAgICAgIDxTdHlsZWRNZW51XG4gICAgICAgICAgdmVydGljYWxQb3NpdGlvbj17dmVydGljYWxQb3NpdGlvbn1cbiAgICAgICAgICBob3Jpem9udGFsUG9zaXRpb249e2hvcml6b250YWxQb3NpdGlvbn1cbiAgICAgICAgICByZWY9e21lbnVSZWZ9XG4gICAgICAgID5cbiAgICAgICAgICA8U3R5bGVkVWwgcm9sZT1cIm1lbnVcIj5cbiAgICAgICAgICAgIHtpdGVtcy5tYXAoKGl0ZW0sIGluZGV4KSA9PiB7XG4gICAgICAgICAgICAgIGlmIChpc1NlcGVyYXRvcihpdGVtKSlcbiAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgPFN0eWxlZExpXG4gICAgICAgICAgICAgICAgICAgIHJvbGU9XCJzZXBhcmF0b3JcIlxuICAgICAgICAgICAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3Qvbm8tYXJyYXktaW5kZXgta2V5XG4gICAgICAgICAgICAgICAgICAgIGtleT17YG1lbnVpdGVtLXNlcGFyYXRvci0ke2luZGV4fWB9XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxEaXZpZGVyIC8+XG4gICAgICAgICAgICAgICAgICA8L1N0eWxlZExpPlxuICAgICAgICAgICAgICAgICk7XG5cbiAgICAgICAgICAgICAgY29uc3QgbWVudUl0ZW0gPSBpdGVtIGFzIE1lbnVJdGVtUHJvcHM7XG5cbiAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICA8U3R5bGVkTGkgcm9sZT1cIm1lbnVpdGVtXCIga2V5PXtgbWVudWl0ZW0tJHttZW51SXRlbS5sYWJlbH1gfT5cbiAgICAgICAgICAgICAgICAgIDxNZW51SXRlbVxuICAgICAgICAgICAgICAgICAgICBvblNlbGVjdD17bWVudUl0ZW0ub25TZWxlY3R9XG4gICAgICAgICAgICAgICAgICAgIG9uQmx1cj17Ymx1ckV2ZW50fVxuICAgICAgICAgICAgICAgICAgICBpY29uPXttZW51SXRlbS5pY29ufVxuICAgICAgICAgICAgICAgICAgICBsYWJlbD17bWVudUl0ZW0ubGFiZWx9XG4gICAgICAgICAgICAgICAgICAgIGVtcGhhc2l6ZWQ9e21lbnVJdGVtLmVtcGhhc2l6ZWR9XG4gICAgICAgICAgICAgICAgICAgIHRleHRWYXJpYW50PXttZW51SXRlbVRleHRWYXJpYW50fVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8L1N0eWxlZExpPlxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgfSl9XG4gICAgICAgICAgPC9TdHlsZWRVbD5cbiAgICAgICAgPC9TdHlsZWRNZW51PlxuICAgICAgKX1cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKTtcbn1cblxuY29uc3QgZGVmYXVsdFByb3BzOiBQYXJ0aWFsPERyb3Bkb3duTWVudVByb3BzPiA9IHtcbiAgaWNvbk5hbWU6IFwibW9yZS1ob3Jpem9udGFsXCIsXG4gIG1lbnVJdGVtczogW10sXG4gIG1lbnVJdGVtVGV4dFZhcmlhbnQ6IFwidXBwZXJjYXNlXCIsXG4gIHNpemU6IFwibVwiLFxuICBkaXNhYmxlZDogZmFsc2UsXG4gIG9uTWVudU9wZW46ICgpID0+IHVuZGVmaW5lZCxcbiAgb25NZW51Q2xvc2U6ICgpID0+IHVuZGVmaW5lZCxcbiAgcHJpdmF0ZVByb3BzOiB7XG4gICAgZHJvcGRvd25TcXVhcmVDb3JuZXJzOiBmYWxzZSxcbiAgfSxcbn07XG5cbkRyb3Bkb3duTWVudS5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG4iXX0= */");
+const StyledMenu = /*#__PURE__*/_styled("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.layer_2,
+    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+ICh7XG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIHdpZHRoOiBcImZpdC1jb250ZW50XCIsXG4gICAgbWluV2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5kcm9wZG93bk1lbnUud2lkdGgsXG4gICAgcmlnaHQ6IDAsXG4gICAgekluZGV4OiAxLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmRyb3Bkb3duLm0sXG4gICAgYm94U2hhZG93OiB0aGVtZS52YXJpYWJsZXMuc2hhZG93LmNhcmQuYyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmxheWVyXzIsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgICBwYWRkaW5nQm90dG9tOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIC4uLih2ZXJ0aWNhbFBvc2l0aW9uID09PSBcInVwXCJcbiAgICAgID8geyBib3R0b206IFwiMTAwJVwiLCBtYXJnaW5Cb3R0b206IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMgfVxuICAgICAgOiB7IHRvcDogXCIxMDAlXCIsIG1hcmdpblRvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyB9KSxcbiAgICAuLi4oaG9yaXpvbnRhbFBvc2l0aW9uID09PSBcInJpZ2h0XCJcbiAgICAgID8geyByaWdodDogXCIxMDAlXCIsIHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVYKDEwMCUpXCIgfVxuICAgICAgOiB7XG4gICAgICAgICAgbGVmdDogXCIxMDAlXCIsXG4gICAgICAgICAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoLTEwMCUpXCIsXG4gICAgICAgIH0pLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkVWwgPSBzdHlsZWQudWwoKCkgPT4gKHtcbiAgbWFyZ2luOiAwLFxuICBwYWRkaW5nOiAwLFxufSkpO1xuXG5jb25zdCBTdHlsZWRMaSA9IHN0eWxlZC5saSgoKSA9PiAoe1xuICBtYXJnaW46IDAsXG4gIHBhZGRpbmc6IDAsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgbGlzdFN0eWxlVHlwZTogXCJub25lXCIsXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBEcm9wZG93bk1lbnUoe1xuICBtZW51SXRlbXMsXG4gIG1lbnVJdGVtVGV4dFZhcmlhbnQsXG4gIGxhYmVsLFxuICBpY29uTmFtZSxcbiAgc2l6ZSxcbiAgZGlzYWJsZWQsXG4gIG9uTWVudU9wZW4sXG4gIG9uTWVudUNsb3NlLFxuICBwcml2YXRlUHJvcHM6IHsgZHJvcGRvd25TcXVhcmVDb3JuZXJzIH0sXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogRHJvcGRvd25NZW51UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBbaXNPcGVuLCBzZXRJc09wZW5dID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBbZm9jdXNJbmRleCwgc2V0Rm9jdXNJbmRleF0gPSB1c2VTdGF0ZSgtMSk7XG4gIGNvbnN0IGNvbnRhaW5lclJlZiA9IHVzZVJlZihudWxsKTtcbiAgY29uc3QgYnV0dG9uUmVmID0gdXNlUmVmKG51bGwpO1xuICBjb25zdCBtZW51UmVmID0gdXNlUmVmKG51bGwpO1xuXG4gIC8vIC0tLS0gVXBkYXRlIG1lbnUgb3BlbiBzdGF0ZVxuICBjb25zdCBvcGVuTWVudSA9IHVzZUNhbGxiYWNrKFxuICAgIChlKSA9PiB7XG4gICAgICBzZXRJc09wZW4odHJ1ZSk7XG4gICAgICBvbk1lbnVPcGVuKGUpO1xuICAgIH0sXG4gICAgW3NldElzT3Blbiwgb25NZW51T3Blbl1cbiAgKTtcblxuICBjb25zdCBjbG9zZU1lbnUgPSB1c2VDYWxsYmFjayhcbiAgICAoZSkgPT4ge1xuICAgICAgc2V0SXNPcGVuKGZhbHNlKTtcbiAgICAgIG9uTWVudUNsb3NlKGUpO1xuICAgIH0sXG4gICAgW3NldElzT3Blbiwgb25NZW51Q2xvc2VdXG4gICk7XG5cbiAgY29uc3QgdG9nZ2xlTWVudSA9IHVzZUNhbGxiYWNrKFxuICAgIChlKSA9PiB7XG4gICAgICBpZiAoIWlzT3Blbikge1xuICAgICAgICBvcGVuTWVudShlKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGNsb3NlTWVudShlKTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFtpc09wZW4sIG9wZW5NZW51LCBjbG9zZU1lbnVdXG4gICk7XG5cbiAgLy8gLS0tLSBDbG9zZSBtZW51IG9uIG91dHNpZGUgY2xpY2tcbiAgdXNlT3V0c2lkZUNsaWNrKGNvbnRhaW5lclJlZiwgY2xvc2VNZW51LCBpc09wZW4pO1xuXG4gIC8vIC0tLS0gQ2xvc2UgbWVudSB3aGVuIHRoZSBtZW51IGlzIG5vdCBvbiBmb2N1c1xuICBjb25zdCBibHVyRXZlbnQgPSB1c2VDYWxsYmFjayhcbiAgICAoZTogUmVhY3QuRm9jdXNFdmVudCkgPT4ge1xuICAgICAgaWYgKCFlLnJlbGF0ZWRUYXJnZXQgfHwgIW1lbnVSZWYuY3VycmVudC5jb250YWlucyhlLnJlbGF0ZWRUYXJnZXQpKSB7XG4gICAgICAgIGNsb3NlTWVudShlKTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFtjbG9zZU1lbnVdXG4gICk7XG5cbiAgLy8gLS0tLSBDbG9zZSBtZW51IG9uIGl0ZW0gc2VsZWN0XG4gIGNvbnN0IGl0ZW1zOiBEcm9wZG93bkl0ZW1bXSA9IG1lbnVJdGVtcy5tYXAoKGl0ZW0pID0+IHtcbiAgICBpZiAoaXNTZXBlcmF0b3IoaXRlbSkpIHJldHVybiBpdGVtO1xuXG4gICAgY29uc3QgbWVudUl0ZW0gPSBpdGVtIGFzIE1lbnVJdGVtUHJvcHM7XG5cbiAgICByZXR1cm4ge1xuICAgICAgLi4ubWVudUl0ZW0sXG4gICAgICBvblNlbGVjdDogKGUpID0+IHtcbiAgICAgICAgbWVudUl0ZW0ub25TZWxlY3QoZSk7XG4gICAgICAgIGNsb3NlTWVudShlKTtcbiAgICAgIH0sXG4gICAgfTtcbiAgfSk7XG5cbiAgLy8gLS0tLSBNZW51IHBvc2l0aW9uXG4gIGNvbnN0IFt2ZXJ0aWNhbFBvc2l0aW9uLCBob3Jpem9udGFsUG9zaXRpb25dID0gdXNlQXV0b1Bvc2l0aW9uKFxuICAgIGJ1dHRvblJlZixcbiAgICBtZW51UmVmLFxuICAgIGlzT3BlblxuICApO1xuXG4gIC8vIC0tLS0gS2V5Ym9hcmQgc2hvcnRjdXRzXG4gIHVzZUtleWJvYXJkKFxuICAgIHtcbiAgICAgIFwiQXJyb3dVcCBBcnJvd0Rvd25cIjogb3Blbk1lbnUsXG4gICAgfSxcbiAgICBidXR0b25SZWYsXG4gICAgIWlzT3BlblxuICApO1xuXG4gIHVzZUtleWJvYXJkKFxuICAgIHtcbiAgICAgIEVzY2FwZTogY2xvc2VNZW51LFxuICAgICAgQXJyb3dVcDogKCkgPT4ge1xuICAgICAgICBzZXRGb2N1c0luZGV4KGZvY3VzSW5kZXggLSAxKTtcbiAgICAgIH0sXG4gICAgICBBcnJvd0Rvd246ICgpID0+IHtcbiAgICAgICAgc2V0Rm9jdXNJbmRleChmb2N1c0luZGV4ICsgMSk7XG4gICAgICB9LFxuICAgIH0sXG4gICAgY29udGFpbmVyUmVmLFxuICAgIGlzT3BlblxuICApO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKG1lbnVSZWYgJiYgbWVudVJlZi5jdXJyZW50KSB7XG4gICAgICBjb25zdCBidXR0b25zID0gbWVudVJlZi5jdXJyZW50LnF1ZXJ5U2VsZWN0b3JBbGwoXCJidXR0b25cIik7XG5cbiAgICAgIGJ1dHRvbnNbTWF0aC5hYnMoZm9jdXNJbmRleCkgJSBidXR0b25zLmxlbmd0aF0uZm9jdXMoKTtcbiAgICB9XG4gIH0sIFttZW51UmVmLCBmb2N1c0luZGV4XSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9IHJlZj17Y29udGFpbmVyUmVmfT5cbiAgICAgIDxkaXYgcmVmPXtidXR0b25SZWZ9PlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICByaWdodEljb249e2ljb25OYW1lfVxuICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgb25DbGljaz17dG9nZ2xlTWVudX1cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgcHJpdmF0ZVByb3BzPXt7XG4gICAgICAgICAgICBzcXVhcmVDb3JuZXJzOiBkcm9wZG93blNxdWFyZUNvcm5lcnMsXG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgPC9CdXR0b24+XG4gICAgICA8L2Rpdj5cblxuICAgICAge2lzT3BlbiAmJiAoXG4gICAgICAgIDxTdHlsZWRNZW51XG4gICAgICAgICAgdmVydGljYWxQb3NpdGlvbj17dmVydGljYWxQb3NpdGlvbn1cbiAgICAgICAgICBob3Jpem9udGFsUG9zaXRpb249e2hvcml6b250YWxQb3NpdGlvbn1cbiAgICAgICAgICByZWY9e21lbnVSZWZ9XG4gICAgICAgID5cbiAgICAgICAgICA8U3R5bGVkVWwgcm9sZT1cIm1lbnVcIj5cbiAgICAgICAgICAgIHtpdGVtcy5tYXAoKGl0ZW0sIGluZGV4KSA9PiB7XG4gICAgICAgICAgICAgIGlmIChpc1NlcGVyYXRvcihpdGVtKSlcbiAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgPFN0eWxlZExpXG4gICAgICAgICAgICAgICAgICAgIHJvbGU9XCJzZXBhcmF0b3JcIlxuICAgICAgICAgICAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3Qvbm8tYXJyYXktaW5kZXgta2V5XG4gICAgICAgICAgICAgICAgICAgIGtleT17YG1lbnVpdGVtLXNlcGFyYXRvci0ke2luZGV4fWB9XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxEaXZpZGVyIC8+XG4gICAgICAgICAgICAgICAgICA8L1N0eWxlZExpPlxuICAgICAgICAgICAgICAgICk7XG5cbiAgICAgICAgICAgICAgY29uc3QgbWVudUl0ZW0gPSBpdGVtIGFzIE1lbnVJdGVtUHJvcHM7XG5cbiAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICA8U3R5bGVkTGkgcm9sZT1cIm1lbnVpdGVtXCIga2V5PXtgbWVudWl0ZW0tJHttZW51SXRlbS5sYWJlbH1gfT5cbiAgICAgICAgICAgICAgICAgIDxNZW51SXRlbVxuICAgICAgICAgICAgICAgICAgICBvblNlbGVjdD17bWVudUl0ZW0ub25TZWxlY3R9XG4gICAgICAgICAgICAgICAgICAgIG9uQmx1cj17Ymx1ckV2ZW50fVxuICAgICAgICAgICAgICAgICAgICBpY29uPXttZW51SXRlbS5pY29ufVxuICAgICAgICAgICAgICAgICAgICBsYWJlbD17bWVudUl0ZW0ubGFiZWx9XG4gICAgICAgICAgICAgICAgICAgIGVtcGhhc2l6ZWQ9e21lbnVJdGVtLmVtcGhhc2l6ZWR9XG4gICAgICAgICAgICAgICAgICAgIHRleHRWYXJpYW50PXttZW51SXRlbVRleHRWYXJpYW50fVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8L1N0eWxlZExpPlxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgfSl9XG4gICAgICAgICAgPC9TdHlsZWRVbD5cbiAgICAgICAgPC9TdHlsZWRNZW51PlxuICAgICAgKX1cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKTtcbn1cblxuY29uc3QgZGVmYXVsdFByb3BzOiBQYXJ0aWFsPERyb3Bkb3duTWVudVByb3BzPiA9IHtcbiAgaWNvbk5hbWU6IFwibW9yZS1ob3Jpem9udGFsXCIsXG4gIG1lbnVJdGVtczogW10sXG4gIG1lbnVJdGVtVGV4dFZhcmlhbnQ6IFwidXBwZXJjYXNlXCIsXG4gIHNpemU6IFwibVwiLFxuICBkaXNhYmxlZDogZmFsc2UsXG4gIG9uTWVudU9wZW46ICgpID0+IHVuZGVmaW5lZCxcbiAgb25NZW51Q2xvc2U6ICgpID0+IHVuZGVmaW5lZCxcbiAgcHJpdmF0ZVByb3BzOiB7XG4gICAgZHJvcGRvd25TcXVhcmVDb3JuZXJzOiBmYWxzZSxcbiAgfSxcbn07XG5cbkRyb3Bkb3duTWVudS5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG4iXX0= */");
+const StyledUl = /*#__PURE__*/_styled("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+ICh7XG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIHdpZHRoOiBcImZpdC1jb250ZW50XCIsXG4gICAgbWluV2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5kcm9wZG93bk1lbnUud2lkdGgsXG4gICAgcmlnaHQ6IDAsXG4gICAgekluZGV4OiAxLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmRyb3Bkb3duLm0sXG4gICAgYm94U2hhZG93OiB0aGVtZS52YXJpYWJsZXMuc2hhZG93LmNhcmQuYyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmxheWVyXzIsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgICBwYWRkaW5nQm90dG9tOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIC4uLih2ZXJ0aWNhbFBvc2l0aW9uID09PSBcInVwXCJcbiAgICAgID8geyBib3R0b206IFwiMTAwJVwiLCBtYXJnaW5Cb3R0b206IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMgfVxuICAgICAgOiB7IHRvcDogXCIxMDAlXCIsIG1hcmdpblRvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyB9KSxcbiAgICAuLi4oaG9yaXpvbnRhbFBvc2l0aW9uID09PSBcInJpZ2h0XCJcbiAgICAgID8geyByaWdodDogXCIxMDAlXCIsIHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVYKDEwMCUpXCIgfVxuICAgICAgOiB7XG4gICAgICAgICAgbGVmdDogXCIxMDAlXCIsXG4gICAgICAgICAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoLTEwMCUpXCIsXG4gICAgICAgIH0pLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkVWwgPSBzdHlsZWQudWwoKCkgPT4gKHtcbiAgbWFyZ2luOiAwLFxuICBwYWRkaW5nOiAwLFxufSkpO1xuXG5jb25zdCBTdHlsZWRMaSA9IHN0eWxlZC5saSgoKSA9PiAoe1xuICBtYXJnaW46IDAsXG4gIHBhZGRpbmc6IDAsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgbGlzdFN0eWxlVHlwZTogXCJub25lXCIsXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBEcm9wZG93bk1lbnUoe1xuICBtZW51SXRlbXMsXG4gIG1lbnVJdGVtVGV4dFZhcmlhbnQsXG4gIGxhYmVsLFxuICBpY29uTmFtZSxcbiAgc2l6ZSxcbiAgZGlzYWJsZWQsXG4gIG9uTWVudU9wZW4sXG4gIG9uTWVudUNsb3NlLFxuICBwcml2YXRlUHJvcHM6IHsgZHJvcGRvd25TcXVhcmVDb3JuZXJzIH0sXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogRHJvcGRvd25NZW51UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBbaXNPcGVuLCBzZXRJc09wZW5dID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBbZm9jdXNJbmRleCwgc2V0Rm9jdXNJbmRleF0gPSB1c2VTdGF0ZSgtMSk7XG4gIGNvbnN0IGNvbnRhaW5lclJlZiA9IHVzZVJlZihudWxsKTtcbiAgY29uc3QgYnV0dG9uUmVmID0gdXNlUmVmKG51bGwpO1xuICBjb25zdCBtZW51UmVmID0gdXNlUmVmKG51bGwpO1xuXG4gIC8vIC0tLS0gVXBkYXRlIG1lbnUgb3BlbiBzdGF0ZVxuICBjb25zdCBvcGVuTWVudSA9IHVzZUNhbGxiYWNrKFxuICAgIChlKSA9PiB7XG4gICAgICBzZXRJc09wZW4odHJ1ZSk7XG4gICAgICBvbk1lbnVPcGVuKGUpO1xuICAgIH0sXG4gICAgW3NldElzT3Blbiwgb25NZW51T3Blbl1cbiAgKTtcblxuICBjb25zdCBjbG9zZU1lbnUgPSB1c2VDYWxsYmFjayhcbiAgICAoZSkgPT4ge1xuICAgICAgc2V0SXNPcGVuKGZhbHNlKTtcbiAgICAgIG9uTWVudUNsb3NlKGUpO1xuICAgIH0sXG4gICAgW3NldElzT3Blbiwgb25NZW51Q2xvc2VdXG4gICk7XG5cbiAgY29uc3QgdG9nZ2xlTWVudSA9IHVzZUNhbGxiYWNrKFxuICAgIChlKSA9PiB7XG4gICAgICBpZiAoIWlzT3Blbikge1xuICAgICAgICBvcGVuTWVudShlKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGNsb3NlTWVudShlKTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFtpc09wZW4sIG9wZW5NZW51LCBjbG9zZU1lbnVdXG4gICk7XG5cbiAgLy8gLS0tLSBDbG9zZSBtZW51IG9uIG91dHNpZGUgY2xpY2tcbiAgdXNlT3V0c2lkZUNsaWNrKGNvbnRhaW5lclJlZiwgY2xvc2VNZW51LCBpc09wZW4pO1xuXG4gIC8vIC0tLS0gQ2xvc2UgbWVudSB3aGVuIHRoZSBtZW51IGlzIG5vdCBvbiBmb2N1c1xuICBjb25zdCBibHVyRXZlbnQgPSB1c2VDYWxsYmFjayhcbiAgICAoZTogUmVhY3QuRm9jdXNFdmVudCkgPT4ge1xuICAgICAgaWYgKCFlLnJlbGF0ZWRUYXJnZXQgfHwgIW1lbnVSZWYuY3VycmVudC5jb250YWlucyhlLnJlbGF0ZWRUYXJnZXQpKSB7XG4gICAgICAgIGNsb3NlTWVudShlKTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFtjbG9zZU1lbnVdXG4gICk7XG5cbiAgLy8gLS0tLSBDbG9zZSBtZW51IG9uIGl0ZW0gc2VsZWN0XG4gIGNvbnN0IGl0ZW1zOiBEcm9wZG93bkl0ZW1bXSA9IG1lbnVJdGVtcy5tYXAoKGl0ZW0pID0+IHtcbiAgICBpZiAoaXNTZXBlcmF0b3IoaXRlbSkpIHJldHVybiBpdGVtO1xuXG4gICAgY29uc3QgbWVudUl0ZW0gPSBpdGVtIGFzIE1lbnVJdGVtUHJvcHM7XG5cbiAgICByZXR1cm4ge1xuICAgICAgLi4ubWVudUl0ZW0sXG4gICAgICBvblNlbGVjdDogKGUpID0+IHtcbiAgICAgICAgbWVudUl0ZW0ub25TZWxlY3QoZSk7XG4gICAgICAgIGNsb3NlTWVudShlKTtcbiAgICAgIH0sXG4gICAgfTtcbiAgfSk7XG5cbiAgLy8gLS0tLSBNZW51IHBvc2l0aW9uXG4gIGNvbnN0IFt2ZXJ0aWNhbFBvc2l0aW9uLCBob3Jpem9udGFsUG9zaXRpb25dID0gdXNlQXV0b1Bvc2l0aW9uKFxuICAgIGJ1dHRvblJlZixcbiAgICBtZW51UmVmLFxuICAgIGlzT3BlblxuICApO1xuXG4gIC8vIC0tLS0gS2V5Ym9hcmQgc2hvcnRjdXRzXG4gIHVzZUtleWJvYXJkKFxuICAgIHtcbiAgICAgIFwiQXJyb3dVcCBBcnJvd0Rvd25cIjogb3Blbk1lbnUsXG4gICAgfSxcbiAgICBidXR0b25SZWYsXG4gICAgIWlzT3BlblxuICApO1xuXG4gIHVzZUtleWJvYXJkKFxuICAgIHtcbiAgICAgIEVzY2FwZTogY2xvc2VNZW51LFxuICAgICAgQXJyb3dVcDogKCkgPT4ge1xuICAgICAgICBzZXRGb2N1c0luZGV4KGZvY3VzSW5kZXggLSAxKTtcbiAgICAgIH0sXG4gICAgICBBcnJvd0Rvd246ICgpID0+IHtcbiAgICAgICAgc2V0Rm9jdXNJbmRleChmb2N1c0luZGV4ICsgMSk7XG4gICAgICB9LFxuICAgIH0sXG4gICAgY29udGFpbmVyUmVmLFxuICAgIGlzT3BlblxuICApO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKG1lbnVSZWYgJiYgbWVudVJlZi5jdXJyZW50KSB7XG4gICAgICBjb25zdCBidXR0b25zID0gbWVudVJlZi5jdXJyZW50LnF1ZXJ5U2VsZWN0b3JBbGwoXCJidXR0b25cIik7XG5cbiAgICAgIGJ1dHRvbnNbTWF0aC5hYnMoZm9jdXNJbmRleCkgJSBidXR0b25zLmxlbmd0aF0uZm9jdXMoKTtcbiAgICB9XG4gIH0sIFttZW51UmVmLCBmb2N1c0luZGV4XSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9IHJlZj17Y29udGFpbmVyUmVmfT5cbiAgICAgIDxkaXYgcmVmPXtidXR0b25SZWZ9PlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICByaWdodEljb249e2ljb25OYW1lfVxuICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgb25DbGljaz17dG9nZ2xlTWVudX1cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgcHJpdmF0ZVByb3BzPXt7XG4gICAgICAgICAgICBzcXVhcmVDb3JuZXJzOiBkcm9wZG93blNxdWFyZUNvcm5lcnMsXG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgPC9CdXR0b24+XG4gICAgICA8L2Rpdj5cblxuICAgICAge2lzT3BlbiAmJiAoXG4gICAgICAgIDxTdHlsZWRNZW51XG4gICAgICAgICAgdmVydGljYWxQb3NpdGlvbj17dmVydGljYWxQb3NpdGlvbn1cbiAgICAgICAgICBob3Jpem9udGFsUG9zaXRpb249e2hvcml6b250YWxQb3NpdGlvbn1cbiAgICAgICAgICByZWY9e21lbnVSZWZ9XG4gICAgICAgID5cbiAgICAgICAgICA8U3R5bGVkVWwgcm9sZT1cIm1lbnVcIj5cbiAgICAgICAgICAgIHtpdGVtcy5tYXAoKGl0ZW0sIGluZGV4KSA9PiB7XG4gICAgICAgICAgICAgIGlmIChpc1NlcGVyYXRvcihpdGVtKSlcbiAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgPFN0eWxlZExpXG4gICAgICAgICAgICAgICAgICAgIHJvbGU9XCJzZXBhcmF0b3JcIlxuICAgICAgICAgICAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3Qvbm8tYXJyYXktaW5kZXgta2V5XG4gICAgICAgICAgICAgICAgICAgIGtleT17YG1lbnVpdGVtLXNlcGFyYXRvci0ke2luZGV4fWB9XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxEaXZpZGVyIC8+XG4gICAgICAgICAgICAgICAgICA8L1N0eWxlZExpPlxuICAgICAgICAgICAgICAgICk7XG5cbiAgICAgICAgICAgICAgY29uc3QgbWVudUl0ZW0gPSBpdGVtIGFzIE1lbnVJdGVtUHJvcHM7XG5cbiAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICA8U3R5bGVkTGkgcm9sZT1cIm1lbnVpdGVtXCIga2V5PXtgbWVudWl0ZW0tJHttZW51SXRlbS5sYWJlbH1gfT5cbiAgICAgICAgICAgICAgICAgIDxNZW51SXRlbVxuICAgICAgICAgICAgICAgICAgICBvblNlbGVjdD17bWVudUl0ZW0ub25TZWxlY3R9XG4gICAgICAgICAgICAgICAgICAgIG9uQmx1cj17Ymx1ckV2ZW50fVxuICAgICAgICAgICAgICAgICAgICBpY29uPXttZW51SXRlbS5pY29ufVxuICAgICAgICAgICAgICAgICAgICBsYWJlbD17bWVudUl0ZW0ubGFiZWx9XG4gICAgICAgICAgICAgICAgICAgIGVtcGhhc2l6ZWQ9e21lbnVJdGVtLmVtcGhhc2l6ZWR9XG4gICAgICAgICAgICAgICAgICAgIHRleHRWYXJpYW50PXttZW51SXRlbVRleHRWYXJpYW50fVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8L1N0eWxlZExpPlxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgfSl9XG4gICAgICAgICAgPC9TdHlsZWRVbD5cbiAgICAgICAgPC9TdHlsZWRNZW51PlxuICAgICAgKX1cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKTtcbn1cblxuY29uc3QgZGVmYXVsdFByb3BzOiBQYXJ0aWFsPERyb3Bkb3duTWVudVByb3BzPiA9IHtcbiAgaWNvbk5hbWU6IFwibW9yZS1ob3Jpem9udGFsXCIsXG4gIG1lbnVJdGVtczogW10sXG4gIG1lbnVJdGVtVGV4dFZhcmlhbnQ6IFwidXBwZXJjYXNlXCIsXG4gIHNpemU6IFwibVwiLFxuICBkaXNhYmxlZDogZmFsc2UsXG4gIG9uTWVudU9wZW46ICgpID0+IHVuZGVmaW5lZCxcbiAgb25NZW51Q2xvc2U6ICgpID0+IHVuZGVmaW5lZCxcbiAgcHJpdmF0ZVByb3BzOiB7XG4gICAgZHJvcGRvd25TcXVhcmVDb3JuZXJzOiBmYWxzZSxcbiAgfSxcbn07XG5cbkRyb3Bkb3duTWVudS5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG4iXX0= */");
+const StyledLi = /*#__PURE__*/_styled("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+ICh7XG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIHdpZHRoOiBcImZpdC1jb250ZW50XCIsXG4gICAgbWluV2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5kcm9wZG93bk1lbnUud2lkdGgsXG4gICAgcmlnaHQ6IDAsXG4gICAgekluZGV4OiAxLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmRyb3Bkb3duLm0sXG4gICAgYm94U2hhZG93OiB0aGVtZS52YXJpYWJsZXMuc2hhZG93LmNhcmQuYyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmxheWVyXzIsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgICBwYWRkaW5nQm90dG9tOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIC4uLih2ZXJ0aWNhbFBvc2l0aW9uID09PSBcInVwXCJcbiAgICAgID8geyBib3R0b206IFwiMTAwJVwiLCBtYXJnaW5Cb3R0b206IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMgfVxuICAgICAgOiB7IHRvcDogXCIxMDAlXCIsIG1hcmdpblRvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyB9KSxcbiAgICAuLi4oaG9yaXpvbnRhbFBvc2l0aW9uID09PSBcInJpZ2h0XCJcbiAgICAgID8geyByaWdodDogXCIxMDAlXCIsIHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVYKDEwMCUpXCIgfVxuICAgICAgOiB7XG4gICAgICAgICAgbGVmdDogXCIxMDAlXCIsXG4gICAgICAgICAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoLTEwMCUpXCIsXG4gICAgICAgIH0pLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkVWwgPSBzdHlsZWQudWwoKCkgPT4gKHtcbiAgbWFyZ2luOiAwLFxuICBwYWRkaW5nOiAwLFxufSkpO1xuXG5jb25zdCBTdHlsZWRMaSA9IHN0eWxlZC5saSgoKSA9PiAoe1xuICBtYXJnaW46IDAsXG4gIHBhZGRpbmc6IDAsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgbGlzdFN0eWxlVHlwZTogXCJub25lXCIsXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBEcm9wZG93bk1lbnUoe1xuICBtZW51SXRlbXMsXG4gIG1lbnVJdGVtVGV4dFZhcmlhbnQsXG4gIGxhYmVsLFxuICBpY29uTmFtZSxcbiAgc2l6ZSxcbiAgZGlzYWJsZWQsXG4gIG9uTWVudU9wZW4sXG4gIG9uTWVudUNsb3NlLFxuICBwcml2YXRlUHJvcHM6IHsgZHJvcGRvd25TcXVhcmVDb3JuZXJzIH0sXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogRHJvcGRvd25NZW51UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBbaXNPcGVuLCBzZXRJc09wZW5dID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBbZm9jdXNJbmRleCwgc2V0Rm9jdXNJbmRleF0gPSB1c2VTdGF0ZSgtMSk7XG4gIGNvbnN0IGNvbnRhaW5lclJlZiA9IHVzZVJlZihudWxsKTtcbiAgY29uc3QgYnV0dG9uUmVmID0gdXNlUmVmKG51bGwpO1xuICBjb25zdCBtZW51UmVmID0gdXNlUmVmKG51bGwpO1xuXG4gIC8vIC0tLS0gVXBkYXRlIG1lbnUgb3BlbiBzdGF0ZVxuICBjb25zdCBvcGVuTWVudSA9IHVzZUNhbGxiYWNrKFxuICAgIChlKSA9PiB7XG4gICAgICBzZXRJc09wZW4odHJ1ZSk7XG4gICAgICBvbk1lbnVPcGVuKGUpO1xuICAgIH0sXG4gICAgW3NldElzT3Blbiwgb25NZW51T3Blbl1cbiAgKTtcblxuICBjb25zdCBjbG9zZU1lbnUgPSB1c2VDYWxsYmFjayhcbiAgICAoZSkgPT4ge1xuICAgICAgc2V0SXNPcGVuKGZhbHNlKTtcbiAgICAgIG9uTWVudUNsb3NlKGUpO1xuICAgIH0sXG4gICAgW3NldElzT3Blbiwgb25NZW51Q2xvc2VdXG4gICk7XG5cbiAgY29uc3QgdG9nZ2xlTWVudSA9IHVzZUNhbGxiYWNrKFxuICAgIChlKSA9PiB7XG4gICAgICBpZiAoIWlzT3Blbikge1xuICAgICAgICBvcGVuTWVudShlKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGNsb3NlTWVudShlKTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFtpc09wZW4sIG9wZW5NZW51LCBjbG9zZU1lbnVdXG4gICk7XG5cbiAgLy8gLS0tLSBDbG9zZSBtZW51IG9uIG91dHNpZGUgY2xpY2tcbiAgdXNlT3V0c2lkZUNsaWNrKGNvbnRhaW5lclJlZiwgY2xvc2VNZW51LCBpc09wZW4pO1xuXG4gIC8vIC0tLS0gQ2xvc2UgbWVudSB3aGVuIHRoZSBtZW51IGlzIG5vdCBvbiBmb2N1c1xuICBjb25zdCBibHVyRXZlbnQgPSB1c2VDYWxsYmFjayhcbiAgICAoZTogUmVhY3QuRm9jdXNFdmVudCkgPT4ge1xuICAgICAgaWYgKCFlLnJlbGF0ZWRUYXJnZXQgfHwgIW1lbnVSZWYuY3VycmVudC5jb250YWlucyhlLnJlbGF0ZWRUYXJnZXQpKSB7XG4gICAgICAgIGNsb3NlTWVudShlKTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFtjbG9zZU1lbnVdXG4gICk7XG5cbiAgLy8gLS0tLSBDbG9zZSBtZW51IG9uIGl0ZW0gc2VsZWN0XG4gIGNvbnN0IGl0ZW1zOiBEcm9wZG93bkl0ZW1bXSA9IG1lbnVJdGVtcy5tYXAoKGl0ZW0pID0+IHtcbiAgICBpZiAoaXNTZXBlcmF0b3IoaXRlbSkpIHJldHVybiBpdGVtO1xuXG4gICAgY29uc3QgbWVudUl0ZW0gPSBpdGVtIGFzIE1lbnVJdGVtUHJvcHM7XG5cbiAgICByZXR1cm4ge1xuICAgICAgLi4ubWVudUl0ZW0sXG4gICAgICBvblNlbGVjdDogKGUpID0+IHtcbiAgICAgICAgbWVudUl0ZW0ub25TZWxlY3QoZSk7XG4gICAgICAgIGNsb3NlTWVudShlKTtcbiAgICAgIH0sXG4gICAgfTtcbiAgfSk7XG5cbiAgLy8gLS0tLSBNZW51IHBvc2l0aW9uXG4gIGNvbnN0IFt2ZXJ0aWNhbFBvc2l0aW9uLCBob3Jpem9udGFsUG9zaXRpb25dID0gdXNlQXV0b1Bvc2l0aW9uKFxuICAgIGJ1dHRvblJlZixcbiAgICBtZW51UmVmLFxuICAgIGlzT3BlblxuICApO1xuXG4gIC8vIC0tLS0gS2V5Ym9hcmQgc2hvcnRjdXRzXG4gIHVzZUtleWJvYXJkKFxuICAgIHtcbiAgICAgIFwiQXJyb3dVcCBBcnJvd0Rvd25cIjogb3Blbk1lbnUsXG4gICAgfSxcbiAgICBidXR0b25SZWYsXG4gICAgIWlzT3BlblxuICApO1xuXG4gIHVzZUtleWJvYXJkKFxuICAgIHtcbiAgICAgIEVzY2FwZTogY2xvc2VNZW51LFxuICAgICAgQXJyb3dVcDogKCkgPT4ge1xuICAgICAgICBzZXRGb2N1c0luZGV4KGZvY3VzSW5kZXggLSAxKTtcbiAgICAgIH0sXG4gICAgICBBcnJvd0Rvd246ICgpID0+IHtcbiAgICAgICAgc2V0Rm9jdXNJbmRleChmb2N1c0luZGV4ICsgMSk7XG4gICAgICB9LFxuICAgIH0sXG4gICAgY29udGFpbmVyUmVmLFxuICAgIGlzT3BlblxuICApO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKG1lbnVSZWYgJiYgbWVudVJlZi5jdXJyZW50KSB7XG4gICAgICBjb25zdCBidXR0b25zID0gbWVudVJlZi5jdXJyZW50LnF1ZXJ5U2VsZWN0b3JBbGwoXCJidXR0b25cIik7XG5cbiAgICAgIGJ1dHRvbnNbTWF0aC5hYnMoZm9jdXNJbmRleCkgJSBidXR0b25zLmxlbmd0aF0uZm9jdXMoKTtcbiAgICB9XG4gIH0sIFttZW51UmVmLCBmb2N1c0luZGV4XSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9IHJlZj17Y29udGFpbmVyUmVmfT5cbiAgICAgIDxkaXYgcmVmPXtidXR0b25SZWZ9PlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICByaWdodEljb249e2ljb25OYW1lfVxuICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgb25DbGljaz17dG9nZ2xlTWVudX1cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgcHJpdmF0ZVByb3BzPXt7XG4gICAgICAgICAgICBzcXVhcmVDb3JuZXJzOiBkcm9wZG93blNxdWFyZUNvcm5lcnMsXG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgPC9CdXR0b24+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] = useState(false);
+  const [focusIndex, setFocusIndex] = useState(-1);
+  const containerRef = useRef(null);
+  const buttonRef = useRef(null);
+  const menuRef = useRef(null);
+
+  // ---- Update menu open state
+  const openMenu = useCallback(e => {
+    setIsOpen(true);
+    onMenuOpen(e);
+  }, [setIsOpen, onMenuOpen]);
+  const closeMenu = useCallback(e => {
+    setIsOpen(false);
+    onMenuClose(e);
+  }, [setIsOpen, onMenuClose]);
+  const toggleMenu = useCallback(e => {
+    if (!isOpen) {
+      openMenu(e);
+    } else {
+      closeMenu(e);
+    }
+  }, [isOpen, openMenu, closeMenu]);
+
+  // ---- Close menu on outside click
+  useOutsideClick(containerRef, closeMenu, isOpen);
+
+  // ---- Close menu when the menu is not on focus
+  const blurEvent = 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(buttonRef, menuRef, isOpen);
+
+  // ---- Keyboard shortcuts
+  useKeyboard({
+    "ArrowUp ArrowDown": openMenu
+  }, buttonRef, !isOpen);
+  useKeyboard({
+    Escape: closeMenu,
+    ArrowUp: () => {
+      setFocusIndex(focusIndex - 1);
+    },
+    ArrowDown: () => {
+      setFocusIndex(focusIndex + 1);
+    }
+  }, containerRef, isOpen);
+  useEffect(() => {
+    if (menuRef && menuRef.current) {
+      const buttons = menuRef.current.querySelectorAll("button");
+      buttons[Math.abs(focusIndex) % buttons.length].focus();
+    }
+  }, [menuRef, focusIndex]);
+  return /*#__PURE__*/React.createElement(StyledContainer, {
+    "data-e2e-test-id": dataE2eTestId,
+    ref: containerRef
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: buttonRef
+  }, /*#__PURE__*/React.createElement(Button, {
+    size: size,
+    rightIcon: iconName,
+    variant: "tertiary",
+    onClick: toggleMenu,
+    disabled: disabled,
+    privateProps: {
+      squareCorners: dropdownSquareCorners
+    }
+  }, label)), isOpen && /*#__PURE__*/React.createElement(StyledMenu, {
+    verticalPosition: verticalPosition,
+    horizontalPosition: horizontalPosition,
+    ref: menuRef
+  }, /*#__PURE__*/React.createElement(StyledUl, {
+    role: "menu"
+  }, items.map((item, index) => {
+    if (isSeperator(item)) return /*#__PURE__*/React.createElement(StyledLi, {
+      role: "separator"
+      // eslint-disable-next-line react/no-array-index-key
+      ,
+      key: `menuitem-separator-${index}`
+    }, /*#__PURE__*/React.createElement(Divider, null));
+    const menuItem = item;
+    return /*#__PURE__*/React.createElement(StyledLi, {
+      role: "menuitem",
+      key: `menuitem-${menuItem.label}`
+    }, /*#__PURE__*/React.createElement(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;
+
+export { DropdownMenu };
+//# sourceMappingURL=DropdownMenu.js.map

package/build/esm/src/components/DropdownMenu/DropdownMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.js","sources":["../../../../../src/components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["import React, { useState, useCallback, useRef, useEffect } from \"react\";\nimport styled from \"@emotion/styled\";\n\nimport { useOutsideClick } from \"../../shared/useOutsideClick\";\nimport {\n  useAutoPosition,\n  VerticalPosition,\n  HorizontalPosition,\n} from \"../../shared/useAutoPosition\";\nimport { useKeyboard } from \"../../shared/useKeyboard\";\n\nimport { MenuItem, MenuItemProps } from \"./MenuItem\";\nimport { Button } from \"../Button/Button\";\nimport { IconName } from \"../Icon/Icon\";\nimport { Divider } from \"../Divider/Divider\";\nimport { ButtonSize } from \"../../types\";\n\ntype Separator = \"separator\";\n\nexport type DropdownItem = MenuItemProps | Separator;\nconst isSeperator = (item: DropdownItem) => item === \"separator\";\n\nexport type DropdownPrivateProps = {\n  dropdownSquareCorners?:\n    | boolean\n    | (\"TopLeft\" | \"TopRight\" | \"BottomLeft\" | \"BottomRight\")[];\n};\n\nexport type DropdownMenuProps = {\n  /** an array of menu items, contains \"label\" and \"onSelect\" */\n  menuItems: DropdownItem[];\n  /** the text variant of menu items */\n  menuItemTextVariant?: \"uppercase\" | \"capitalize\" | \"lowercase\" | \"none\";\n  /* Label */\n  label?: string;\n  /* Icon name */\n  iconName?: IconName;\n  /* Size of a trigger button */\n  size?: ButtonSize;\n  /* Dropdown button disabled state */\n  disabled?: boolean;\n  /** Dropdown menu open state callback */\n  onMenuOpen?: (e: React.MouseEvent) => void;\n  /** Dropdown menu close state callback */\n  onMenuClose?: (e: React.MouseEvent) => void;\n  privateProps?: DropdownPrivateProps;\n  \"data-e2e-test-id\"?: string;\n};\n\nexport type MenuPositionProps = {\n  verticalPosition: VerticalPosition;\n  horizontalPosition: HorizontalPosition;\n};\n\nconst StyledContainer = styled.div<Partial<DropdownMenuProps>>(() => ({\n  position: \"relative\",\n  display: \"inline-block\",\n}));\n\nconst StyledMenu = styled.div<MenuPositionProps>(\n  ({ theme, verticalPosition, horizontalPosition }) => ({\n    position: \"absolute\",\n    display: \"inline-block\",\n    width: \"fit-content\",\n    minWidth: theme.variables.size.dimension.dropdownMenu.width,\n    right: 0,\n    zIndex: 1,\n    borderRadius: theme.variables.size.borderRadius.dropdown.m,\n    boxShadow: theme.variables.shadow.card.c,\n    backgroundColor: theme.values.color.background.layer_2,\n    overflow: \"hidden\",\n    paddingTop: theme.variables.size.spacing.xs,\n    paddingBottom: theme.variables.size.spacing.xs,\n    ...(verticalPosition === \"up\"\n      ? { bottom: \"100%\", marginBottom: theme.variables.size.spacing.xs }\n      : { top: \"100%\", marginTop: theme.variables.size.spacing.xs }),\n    ...(horizontalPosition === \"right\"\n      ? { right: \"100%\", transform: \"translateX(100%)\" }\n      : {\n          left: \"100%\",\n          transform: \"translateX(-100%)\",\n        }),\n  })\n);\n\nconst StyledUl = styled.ul(() => ({\n  margin: 0,\n  padding: 0,\n}));\n\nconst StyledLi = styled.li(() => ({\n  margin: 0,\n  padding: 0,\n  width: \"100%\",\n  listStyleType: \"none\",\n  whiteSpace: \"nowrap\",\n}));\n\nexport function DropdownMenu({\n  menuItems,\n  menuItemTextVariant,\n  label,\n  iconName,\n  size,\n  disabled,\n  onMenuOpen,\n  onMenuClose,\n  privateProps: { dropdownSquareCorners },\n  \"data-e2e-test-id\": dataE2eTestId,\n}: DropdownMenuProps): React.ReactElement {\n  const [isOpen, setIsOpen] = useState(false);\n  const [focusIndex, setFocusIndex] = useState(-1);\n  const containerRef = useRef(null);\n  const buttonRef = useRef(null);\n  const menuRef = useRef(null);\n\n  // ---- Update menu open state\n  const openMenu = useCallback(\n    (e) => {\n      setIsOpen(true);\n      onMenuOpen(e);\n    },\n    [setIsOpen, onMenuOpen]\n  );\n\n  const closeMenu = useCallback(\n    (e) => {\n      setIsOpen(false);\n      onMenuClose(e);\n    },\n    [setIsOpen, onMenuClose]\n  );\n\n  const toggleMenu = useCallback(\n    (e) => {\n      if (!isOpen) {\n        openMenu(e);\n      } else {\n        closeMenu(e);\n      }\n    },\n    [isOpen, openMenu, closeMenu]\n  );\n\n  // ---- Close menu on outside click\n  useOutsideClick(containerRef, closeMenu, isOpen);\n\n  // ---- Close menu when the menu is not on focus\n  const blurEvent = useCallback(\n    (e: React.FocusEvent) => {\n      if (!e.relatedTarget || !menuRef.current.contains(e.relatedTarget)) {\n        closeMenu(e);\n      }\n    },\n    [closeMenu]\n  );\n\n  // ---- Close menu on item select\n  const items: DropdownItem[] = menuItems.map((item) => {\n    if (isSeperator(item)) return item;\n\n    const menuItem = item as MenuItemProps;\n\n    return {\n      ...menuItem,\n      onSelect: (e) => {\n        menuItem.onSelect(e);\n        closeMenu(e);\n      },\n    };\n  });\n\n  // ---- Menu position\n  const [verticalPosition, horizontalPosition] = useAutoPosition(\n    buttonRef,\n    menuRef,\n    isOpen\n  );\n\n  // ---- Keyboard shortcuts\n  useKeyboard(\n    {\n      \"ArrowUp ArrowDown\": openMenu,\n    },\n    buttonRef,\n    !isOpen\n  );\n\n  useKeyboard(\n    {\n      Escape: closeMenu,\n      ArrowUp: () => {\n        setFocusIndex(focusIndex - 1);\n      },\n      ArrowDown: () => {\n        setFocusIndex(focusIndex + 1);\n      },\n    },\n    containerRef,\n    isOpen\n  );\n\n  useEffect(() => {\n    if (menuRef && menuRef.current) {\n      const buttons = menuRef.current.querySelectorAll(\"button\");\n\n      buttons[Math.abs(focusIndex) % buttons.length].focus();\n    }\n  }, [menuRef, focusIndex]);\n\n  return (\n    <StyledContainer data-e2e-test-id={dataE2eTestId} ref={containerRef}>\n      <div ref={buttonRef}>\n        <Button\n          size={size}\n          rightIcon={iconName}\n          variant=\"tertiary\"\n          onClick={toggleMenu}\n          disabled={disabled}\n          privateProps={{\n            squareCorners: dropdownSquareCorners,\n          }}\n        >\n          {label}\n        </Button>\n      </div>\n\n      {isOpen && (\n        <StyledMenu\n          verticalPosition={verticalPosition}\n          horizontalPosition={horizontalPosition}\n          ref={menuRef}\n        >\n          <StyledUl role=\"menu\">\n            {items.map((item, index) => {\n              if (isSeperator(item))\n                return (\n                  <StyledLi\n                    role=\"separator\"\n                    // eslint-disable-next-line react/no-array-index-key\n                    key={`menuitem-separator-${index}`}\n                  >\n                    <Divider />\n                  </StyledLi>\n                );\n\n              const menuItem = item as MenuItemProps;\n\n              return (\n                <StyledLi role=\"menuitem\" key={`menuitem-${menuItem.label}`}>\n                  <MenuItem\n                    onSelect={menuItem.onSelect}\n                    onBlur={blurEvent}\n                    icon={menuItem.icon}\n                    label={menuItem.label}\n                    emphasized={menuItem.emphasized}\n                    textVariant={menuItemTextVariant}\n                  />\n                </StyledLi>\n              );\n            })}\n          </StyledUl>\n        </StyledMenu>\n      )}\n    </StyledContainer>\n  );\n}\n\nconst defaultProps: Partial<DropdownMenuProps> = {\n  iconName: \"more-horizontal\",\n  menuItems: [],\n  menuItemTextVariant: \"uppercase\",\n  size: \"m\",\n  disabled: false,\n  onMenuOpen: () => undefined,\n  onMenuClose: () => undefined,\n  privateProps: {\n    dropdownSquareCorners: false,\n  },\n};\n\nDropdownMenu.defaultProps = defaultProps;\n"],"names":["isSeperator","item","StyledContainer","_styled","process","env","NODE_ENV","target","label","position","display","StyledMenu","_ref","theme","verticalPosition","horizontalPosition","width","minWidth","variables","size","dimension","dropdownMenu","right","zIndex","borderRadius","dropdown","m","boxShadow","shadow","card","c","backgroundColor","values","color","background","layer_2","overflow","paddingTop","spacing","xs","paddingBottom","bottom","marginBottom","top","marginTop","transform","left","StyledUl","margin","padding","StyledLi","listStyleType","whiteSpace","DropdownMenu","_ref2","menuItems","menuItemTextVariant","iconName","disabled","onMenuOpen","onMenuClose","privateProps","dropdownSquareCorners","dataE2eTestId","isOpen","setIsOpen","useState","focusIndex","setFocusIndex","containerRef","useRef","buttonRef","menuRef","openMenu","useCallback","e","closeMenu","toggleMenu","useOutsideClick","blurEvent","relatedTarget","current","contains","items","map","menuItem","onSelect","useAutoPosition","useKeyboard","Escape","ArrowUp","ArrowDown","useEffect","buttons","querySelectorAll","Math","abs","length","focus","React","createElement","ref","Button","rightIcon","variant","onClick","squareCorners","role","index","key","Divider","MenuItem","onBlur","icon","emphasized","textVariant","defaultProps","undefined"],"mappings":"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"}

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

@@ -0,0 +1,96 @@
+import _styled from '@emotion/styled/base';
+import React from 'react';
+import { Icon } from '../Icon/Icon.js';
+import { Inline } from '../Inline/Inline.js';
+
+const StyledMenuItem = /*#__PURE__*/_styled("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.button.tertiary.base,
+    backgroundColor: theme.values.color.background.button.tertiary.base,
+    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.button.tertiary.hover,
+      color: theme.values.color.text.button.tertiary.hover
+    },
+    "&:active": {
+      backgroundColor: theme.values.color.background.button.tertiary.active,
+      color: theme.values.color.text.button.tertiary.active
+    },
+    "&:disabled": {
+      backgroundColor: theme.values.color.background.button.tertiary.disabled,
+      color: theme.values.color.text.button.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+KFxuICAoeyB0aGVtZSwgc2l6ZSwgdGV4dFZhcmlhbnQgfSkgPT4gKHtcbiAgICBcIiZbdHlwZT0nYnV0dG9uJ11cIjoge1xuICAgICAgYXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICBNb3pBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICAgIFdlYmtpdEFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgYm9yZGVyOiAwLFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5idXR0b24udGVydGlhcnkuYmFzZSxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJ1dHRvbi50ZXJ0aWFyeS5iYXNlLFxuICAgIHRleHRUcmFuc2Zvcm06IHRleHRWYXJpYW50IHx8IFwidXBwZXJjYXNlXCIsXG4gICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuaGVhZGVyLnh4cyxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54eHMsXG4gICAgbGV0dGVyU3BhY2luZzogMC41LFxuICAgIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYm9sZCxcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJ1dHRvbi50ZXJ0aWFyeS5ob3ZlcixcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5idXR0b24udGVydGlhcnkuaG92ZXIsXG4gICAgfSxcbiAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uLnRlcnRpYXJ5LmFjdGl2ZSxcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5idXR0b24udGVydGlhcnkuYWN0aXZlLFxuICAgIH0sXG4gICAgXCImOmRpc2FibGVkXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uLnRlcnRpYXJ5LmRpc2FibGVkLFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmJ1dHRvbi50ZXJ0aWFyeS5kaXNhYmxlZCxcbiAgICB9LFxuICAgIC4uLihzaXplID09PSBcInNcIiAmJiB7XG4gICAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIm1cIiAmJiB7XG4gICAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnMsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwibFwiICYmIHtcbiAgICAgIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbiAgICB9KSxcbiAgICBcIiZbZGlzYWJsZWRdLCAmOmRpc2FibGVkXCI6IHtcbiAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gTWVudUl0ZW0oe1xuICBsYWJlbCxcbiAgc2l6ZSA9IFwibVwiLFxuICBkaXNhYmxlZCA9IGZhbHNlLFxuICBvblNlbGVjdCxcbiAgaWNvbixcbiAgZW1waGFzaXplZCA9IGZhbHNlLFxuICB0ZXh0VmFyaWFudCA9IFwidXBwZXJjYXNlXCIsXG4gIG9uQmx1cixcbn06IE1lbnVJdGVtUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRNZW51SXRlbVxuICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIG9uQ2xpY2s9e29uU2VsZWN0fVxuICAgICAgdGV4dFZhcmlhbnQ9e3RleHRWYXJpYW50fVxuICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgPlxuICAgICAgPElubGluZSB2QWxpZ25JdGVtcz1cImNlbnRlclwiIGFsaWduSXRlbXM9XCJsZWZ0XCIgc3BhY2U9XCJ4eHNcIiBub1dyYXA+XG4gICAgICAgIHtpY29uICYmIDxJY29uIHNpemU9XCJzXCIgbmFtZT17aWNvbn0gZGF0YS10ZXN0aWQ9e2BtZW51SXRlbS0ke2ljb259YH0gLz59XG4gICAgICAgIHtsYWJlbH1cbiAgICAgICAge2VtcGhhc2l6ZWQgJiYgKFxuICAgICAgICAgIDxJY29uIHNpemU9XCJzXCIgbmFtZT1cImZpbGxlZC1kb3RcIiBkYXRhLXRlc3RpZD1cIm1lbnVJdGVtLWVtcGhhc2l6ZWRcIiAvPlxuICAgICAgICApfVxuICAgICAgPC9JbmxpbmU+XG4gICAgPC9TdHlsZWRNZW51SXRlbT5cbiAgKTtcbn1cbiJdfQ== */");
+function MenuItem(_ref2) {
+  let {
+    label,
+    size = "m",
+    disabled = false,
+    onSelect,
+    icon,
+    emphasized = false,
+    textVariant = "uppercase",
+    onBlur
+  } = _ref2;
+  return /*#__PURE__*/React.createElement(StyledMenuItem, {
+    size: size,
+    disabled: disabled,
+    onClick: onSelect,
+    textVariant: textVariant,
+    onBlur: onBlur
+  }, /*#__PURE__*/React.createElement(Inline, {
+    vAlignItems: "center",
+    alignItems: "left",
+    space: "xxs",
+    noWrap: true
+  }, icon && /*#__PURE__*/React.createElement(Icon, {
+    size: "s",
+    name: icon,
+    "data-testid": `menuItem-${icon}`
+  }), label, emphasized && /*#__PURE__*/React.createElement(Icon, {
+    size: "s",
+    name: "filled-dot",
+    "data-testid": "menuItem-emphasized"
+  })));
+}
+
+export { MenuItem };
+//# sourceMappingURL=MenuItem.js.map

package/build/esm/src/components/DropdownMenu/MenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.js","sources":["../../../../../src/components/DropdownMenu/MenuItem.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { ButtonSize } from \"../../types\";\nimport { Icon, IconName } from \"../Icon/Icon\";\nimport { Inline } from \"../Inline/Inline\";\n\nexport type MenuItemProps = {\n  children?: React.ReactNode;\n  /** The text for the menu item */\n  label: string;\n  /** The size of the menu item */\n  size?: ButtonSize;\n  /** Menu item disabled state */\n  disabled?: boolean;\n  /** On select menu item callback */\n  onSelect: (e: React.MouseEvent) => void;\n  /* Icon name */\n  icon?: IconName;\n  /* Emphasized by \"filled-dot\" right icon */\n  emphasized?: boolean;\n  /* Text transform (uppercase as default) */\n  textVariant?: \"uppercase\" | \"capitalize\" | \"lowercase\" | \"none\";\n  onBlur?: (e: React.FocusEvent) => void;\n};\n\nconst StyledMenuItem = styled.button<Partial<MenuItemProps>>(\n  ({ theme, size, textVariant }) => ({\n    \"&[type='button']\": {\n      appearance: \"none\",\n      MozAppearance: \"none\",\n      WebkitAppearance: \"none\",\n    },\n    display: \"inline-block\",\n    width: \"100%\",\n    border: 0,\n    color: theme.values.color.text.button.tertiary.base,\n    backgroundColor: theme.values.color.background.button.tertiary.base,\n    textTransform: textVariant || \"uppercase\",\n    textDecoration: \"none\",\n    fontFamily: theme.variables.fontFamily.lato,\n    fontSize: theme.variables.size.font.header.xxs,\n    lineHeight: theme.variables.size.lineHeight.header.xxs,\n    letterSpacing: 0.5,\n    fontWeight: theme.variables.weight.bold,\n    cursor: \"pointer\",\n    \"&:hover\": {\n      backgroundColor: theme.values.color.background.button.tertiary.hover,\n      color: theme.values.color.text.button.tertiary.hover,\n    },\n    \"&:active\": {\n      backgroundColor: theme.values.color.background.button.tertiary.active,\n      color: theme.values.color.text.button.tertiary.active,\n    },\n    \"&:disabled\": {\n      backgroundColor: theme.values.color.background.button.tertiary.disabled,\n      color: theme.values.color.text.button.tertiary.disabled,\n    },\n    ...(size === \"s\" && {\n      padding: theme.variables.size.spacing.xs,\n    }),\n    ...(size === \"m\" && {\n      padding: theme.variables.size.spacing.s,\n    }),\n    ...(size === \"l\" && {\n      padding: theme.variables.size.spacing.m,\n    }),\n    \"&[disabled], &:disabled\": {\n      pointerEvents: \"none\",\n    },\n  })\n);\n\nexport function MenuItem({\n  label,\n  size = \"m\",\n  disabled = false,\n  onSelect,\n  icon,\n  emphasized = false,\n  textVariant = \"uppercase\",\n  onBlur,\n}: MenuItemProps): React.ReactElement {\n  return (\n    <StyledMenuItem\n      size={size}\n      disabled={disabled}\n      onClick={onSelect}\n      textVariant={textVariant}\n      onBlur={onBlur}\n    >\n      <Inline vAlignItems=\"center\" alignItems=\"left\" space=\"xxs\" noWrap>\n        {icon && <Icon size=\"s\" name={icon} data-testid={`menuItem-${icon}`} />}\n        {label}\n        {emphasized && (\n          <Icon size=\"s\" name=\"filled-dot\" data-testid=\"menuItem-emphasized\" />\n        )}\n      </Inline>\n    </StyledMenuItem>\n  );\n}\n"],"names":["StyledMenuItem","_styled","process","env","NODE_ENV","target","label","_ref","theme","size","textVariant","appearance","MozAppearance","WebkitAppearance","display","width","border","color","values","text","button","tertiary","base","backgroundColor","background","textTransform","textDecoration","fontFamily","variables","lato","fontSize","font","header","xxs","lineHeight","letterSpacing","fontWeight","weight","bold","cursor","hover","active","disabled","padding","spacing","xs","s","m","pointerEvents","MenuItem","_ref2","onSelect","icon","emphasized","onBlur","React","createElement","onClick","Inline","vAlignItems","alignItems","space","noWrap","Icon","name"],"mappings":"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"}

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

@@ -0,0 +1,139 @@
+import _extends from '@babel/runtime/helpers/extends';
+import _styled from '@emotion/styled/base';
+import React from 'react';
+import { FormField } from '../FormField/FormField.js';
+import { Inline } from '../../Inline/Inline.js';
+import { Text } from '../../Typography/Text/Text.js';
+import { Icon } from '../../Icon/Icon.js';
+
+const StyledContainer = /*#__PURE__*/_styled("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+IHZvaWQ7XG59ICYgT21pdDxGb3JtRmllbGRQcm9wcywgXCJsYWJlbEhpbnRcIj47XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5jaGVja2JveC5tLFxuICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5jaGVja2JveC5tLFxuICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRSZWFsSW5wdXQgPSBzdHlsZWQuaW5wdXQoKCkgPT4gKHtcbiAgb3BhY2l0eTogMCxcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgaGVpZ2h0OiAwLFxuICB3aWR0aDogMCxcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbn0pKTtcblxuY29uc3QgU3R5bGVkRmFrZUlucHV0ID0gc3R5bGVkLnNwYW4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5jaGVja2JveC5tLFxuICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5jaGVja2JveC5tLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5jaGVja2JveC5tLFxuICBib3JkZXI6IFwiMnB4IHNvbGlkXCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgbGVmdDogMCxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuXG4gIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmNoZWNrYm94LmRlZmF1bHQsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaWNvbi5jaGVja2JveC5kZWZhdWx0LFxuICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5jaGVja2JveC5kZWZhdWx0LFxuICBcIiYgc3ZnXCI6IHtcbiAgICBvcGFjaXR5OiAwLFxuICB9LFxuICBcIiY6IGhvdmVyXCI6IHtcbiAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5jaGVja2JveC5kZWZhdWx0SG92ZXIsXG4gIH0sXG5cbiAgXCJpbnB1dDogZm9jdXMtdmlzaWJsZSArICZcIjoge1xuICAgIG91dGxpbmVXaWR0aDogXCIycHhcIixcbiAgICBvdXRsaW5lU3R5bGU6IFwic29saWRcIixcbiAgICBvdXRsaW5lQ29sb3I6IFwiSGlnaGxpZ2h0XCIsXG4gIH0sXG5cbiAgXCJAbWVkaWEgKC13ZWJraXQtbWluLWRldmljZS1waXhlbC1yYXRpbzowKVwiOiB7XG4gICAgXCJpbnB1dDogZm9jdXMtdmlzaWJsZSArICZcIjoge1xuICAgICAgb3V0bGluZUNvbG9yOiBcIi13ZWJraXQtZm9jdXMtcmluZy1jb2xvclwiLFxuICAgICAgb3V0bGluZVN0eWxlOiBcImF1dG9cIixcbiAgICB9LFxuICB9LFxuXG4gIFwiaW5wdXQ6Y2hlY2tlZCArICYgXCI6IHtcbiAgICBib3JkZXI6IDAsXG4gICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuY2hlY2tib3guY2hlY2tlZCxcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5jaGVja2JveC5jaGVja2VkSG92ZXIsXG4gICAgfSxcblxuICAgIHN2Zzoge1xuICAgICAgb3BhY2l0eTogMSxcbiAgICB9LFxuICB9LFxuXG4gIFwiaW5wdXQ6ZGlzYWJsZWQgKyAmXCI6IHtcbiAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIENoZWNrYm94KHtcbiAgbmFtZSxcbiAgdmFsdWUgPSBcIlwiLFxuICBjaGVja2VkID0gdW5kZWZpbmVkLFxuICBsYWJlbCA9IFwiXCIsXG4gIGxhYmVsSGludCA9IFwiXCIsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIG9uQ2hhbmdlLFxuICBvbkNsaWNrLFxuICBvbkJsdXIsXG4gIG9uRm9jdXMsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAuLi5yZXN0XG59OiBDaGVja2JveFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8Rm9ybUZpZWxkIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9IHsuLi5yZXN0fSBkaXNhYmxlZD17ZGlzYWJsZWR9PlxuICAgICAgPElubGluZSBzcGFjZT1cIm1cIiB2QWxpZ25JdGVtcz1cInRvcFwiIG5vV3JhcD5cbiAgICAgICAgPFN0eWxlZENvbnRhaW5lcj5cbiAgICAgICAgICA8U3R5bGVkUmVhbElucHV0XG4gICAgICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICAgIGNoZWNrZWQ9e2NoZWNrZWR9XG4gICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPFN0eWxlZEZha2VJbnB1dD5cbiAgICAgICAgICAgIDxJY29uIHNpemU9XCJzXCIgbmFtZT1cImNoZWNrXCIgLz5cbiAgICAgICAgICA8L1N0eWxlZEZha2VJbnB1dD5cbiAgICAgICAgPC9TdHlsZWRDb250YWluZXI+XG4gICAgICAgIHtsYWJlbCAmJiAoXG4gICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIHt0eXBlb2YgbGFiZWwgPT09IFwic3RyaW5nXCIgPyA8VGV4dD57bGFiZWx9PC9UZXh0PiA6IGxhYmVsfVxuICAgICAgICAgICAge2xhYmVsSGludCAmJiAoXG4gICAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJzZWNvbmRhcnlcIiBzaXplPVwic1wiPlxuICAgICAgICAgICAgICAgIHtsYWJlbEhpbnR9XG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICl9XG4gICAgICA8L0lubGluZT5cbiAgICA8L0Zvcm1GaWVsZD5cbiAgKTtcbn1cbiJdfQ== */");
+const StyledRealInput = /*#__PURE__*/_styled("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+IHZvaWQ7XG59ICYgT21pdDxGb3JtRmllbGRQcm9wcywgXCJsYWJlbEhpbnRcIj47XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5jaGVja2JveC5tLFxuICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5jaGVja2JveC5tLFxuICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRSZWFsSW5wdXQgPSBzdHlsZWQuaW5wdXQoKCkgPT4gKHtcbiAgb3BhY2l0eTogMCxcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgaGVpZ2h0OiAwLFxuICB3aWR0aDogMCxcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbn0pKTtcblxuY29uc3QgU3R5bGVkRmFrZUlucHV0ID0gc3R5bGVkLnNwYW4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5jaGVja2JveC5tLFxuICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5jaGVja2JveC5tLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5jaGVja2JveC5tLFxuICBib3JkZXI6IFwiMnB4IHNvbGlkXCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgbGVmdDogMCxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuXG4gIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmNoZWNrYm94LmRlZmF1bHQsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaWNvbi5jaGVja2JveC5kZWZhdWx0LFxuICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5jaGVja2JveC5kZWZhdWx0LFxuICBcIiYgc3ZnXCI6IHtcbiAgICBvcGFjaXR5OiAwLFxuICB9LFxuICBcIiY6IGhvdmVyXCI6IHtcbiAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5jaGVja2JveC5kZWZhdWx0SG92ZXIsXG4gIH0sXG5cbiAgXCJpbnB1dDogZm9jdXMtdmlzaWJsZSArICZcIjoge1xuICAgIG91dGxpbmVXaWR0aDogXCIycHhcIixcbiAgICBvdXRsaW5lU3R5bGU6IFwic29saWRcIixcbiAgICBvdXRsaW5lQ29sb3I6IFwiSGlnaGxpZ2h0XCIsXG4gIH0sXG5cbiAgXCJAbWVkaWEgKC13ZWJraXQtbWluLWRldmljZS1waXhlbC1yYXRpbzowKVwiOiB7XG4gICAgXCJpbnB1dDogZm9jdXMtdmlzaWJsZSArICZcIjoge1xuICAgICAgb3V0bGluZUNvbG9yOiBcIi13ZWJraXQtZm9jdXMtcmluZy1jb2xvclwiLFxuICAgICAgb3V0bGluZVN0eWxlOiBcImF1dG9cIixcbiAgICB9LFxuICB9LFxuXG4gIFwiaW5wdXQ6Y2hlY2tlZCArICYgXCI6IHtcbiAgICBib3JkZXI6IDAsXG4gICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuY2hlY2tib3guY2hlY2tlZCxcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5jaGVja2JveC5jaGVja2VkSG92ZXIsXG4gICAgfSxcblxuICAgIHN2Zzoge1xuICAgICAgb3BhY2l0eTogMSxcbiAgICB9LFxuICB9LFxuXG4gIFwiaW5wdXQ6ZGlzYWJsZWQgKyAmXCI6IHtcbiAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIENoZWNrYm94KHtcbiAgbmFtZSxcbiAgdmFsdWUgPSBcIlwiLFxuICBjaGVja2VkID0gdW5kZWZpbmVkLFxuICBsYWJlbCA9IFwiXCIsXG4gIGxhYmVsSGludCA9IFwiXCIsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIG9uQ2hhbmdlLFxuICBvbkNsaWNrLFxuICBvbkJsdXIsXG4gIG9uRm9jdXMsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAuLi5yZXN0XG59OiBDaGVja2JveFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8Rm9ybUZpZWxkIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9IHsuLi5yZXN0fSBkaXNhYmxlZD17ZGlzYWJsZWR9PlxuICAgICAgPElubGluZSBzcGFjZT1cIm1cIiB2QWxpZ25JdGVtcz1cInRvcFwiIG5vV3JhcD5cbiAgICAgICAgPFN0eWxlZENvbnRhaW5lcj5cbiAgICAgICAgICA8U3R5bGVkUmVhbElucHV0XG4gICAgICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICAgIGNoZWNrZWQ9e2NoZWNrZWR9XG4gICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPFN0eWxlZEZha2VJbnB1dD5cbiAgICAgICAgICAgIDxJY29uIHNpemU9XCJzXCIgbmFtZT1cImNoZWNrXCIgLz5cbiAgICAgICAgICA8L1N0eWxlZEZha2VJbnB1dD5cbiAgICAgICAgPC9TdHlsZWRDb250YWluZXI+XG4gICAgICAgIHtsYWJlbCAmJiAoXG4gICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIHt0eXBlb2YgbGFiZWwgPT09IFwic3RyaW5nXCIgPyA8VGV4dD57bGFiZWx9PC9UZXh0PiA6IGxhYmVsfVxuICAgICAgICAgICAge2xhYmVsSGludCAmJiAoXG4gICAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJzZWNvbmRhcnlcIiBzaXplPVwic1wiPlxuICAgICAgICAgICAgICAgIHtsYWJlbEhpbnR9XG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICl9XG4gICAgICA8L0lubGluZT5cbiAgICA8L0Zvcm1GaWVsZD5cbiAgKTtcbn1cbiJdfQ== */");
+const StyledFakeInput = /*#__PURE__*/_styled("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.checkbox.default,
+    color: theme.values.color.icon.checkbox.default,
+    borderColor: theme.values.color.border.checkbox.default,
+    "& svg": {
+      opacity: 0
+    },
+    "&: hover": {
+      borderColor: theme.values.color.border.checkbox.defaultHover
+    },
+    "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.checkbox.checked,
+      "&:hover": {
+        background: theme.values.color.background.checkbox.checkedHover
+      },
+      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+IHZvaWQ7XG59ICYgT21pdDxGb3JtRmllbGRQcm9wcywgXCJsYWJlbEhpbnRcIj47XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5jaGVja2JveC5tLFxuICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5jaGVja2JveC5tLFxuICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRSZWFsSW5wdXQgPSBzdHlsZWQuaW5wdXQoKCkgPT4gKHtcbiAgb3BhY2l0eTogMCxcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgaGVpZ2h0OiAwLFxuICB3aWR0aDogMCxcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbn0pKTtcblxuY29uc3QgU3R5bGVkRmFrZUlucHV0ID0gc3R5bGVkLnNwYW4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5jaGVja2JveC5tLFxuICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5jaGVja2JveC5tLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5jaGVja2JveC5tLFxuICBib3JkZXI6IFwiMnB4IHNvbGlkXCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgbGVmdDogMCxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuXG4gIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmNoZWNrYm94LmRlZmF1bHQsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaWNvbi5jaGVja2JveC5kZWZhdWx0LFxuICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5jaGVja2JveC5kZWZhdWx0LFxuICBcIiYgc3ZnXCI6IHtcbiAgICBvcGFjaXR5OiAwLFxuICB9LFxuICBcIiY6IGhvdmVyXCI6IHtcbiAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5jaGVja2JveC5kZWZhdWx0SG92ZXIsXG4gIH0sXG5cbiAgXCJpbnB1dDogZm9jdXMtdmlzaWJsZSArICZcIjoge1xuICAgIG91dGxpbmVXaWR0aDogXCIycHhcIixcbiAgICBvdXRsaW5lU3R5bGU6IFwic29saWRcIixcbiAgICBvdXRsaW5lQ29sb3I6IFwiSGlnaGxpZ2h0XCIsXG4gIH0sXG5cbiAgXCJAbWVkaWEgKC13ZWJraXQtbWluLWRldmljZS1waXhlbC1yYXRpbzowKVwiOiB7XG4gICAgXCJpbnB1dDogZm9jdXMtdmlzaWJsZSArICZcIjoge1xuICAgICAgb3V0bGluZUNvbG9yOiBcIi13ZWJraXQtZm9jdXMtcmluZy1jb2xvclwiLFxuICAgICAgb3V0bGluZVN0eWxlOiBcImF1dG9cIixcbiAgICB9LFxuICB9LFxuXG4gIFwiaW5wdXQ6Y2hlY2tlZCArICYgXCI6IHtcbiAgICBib3JkZXI6IDAsXG4gICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuY2hlY2tib3guY2hlY2tlZCxcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5jaGVja2JveC5jaGVja2VkSG92ZXIsXG4gICAgfSxcblxuICAgIHN2Zzoge1xuICAgICAgb3BhY2l0eTogMSxcbiAgICB9LFxuICB9LFxuXG4gIFwiaW5wdXQ6ZGlzYWJsZWQgKyAmXCI6IHtcbiAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIENoZWNrYm94KHtcbiAgbmFtZSxcbiAgdmFsdWUgPSBcIlwiLFxuICBjaGVja2VkID0gdW5kZWZpbmVkLFxuICBsYWJlbCA9IFwiXCIsXG4gIGxhYmVsSGludCA9IFwiXCIsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIG9uQ2hhbmdlLFxuICBvbkNsaWNrLFxuICBvbkJsdXIsXG4gIG9uRm9jdXMsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAuLi5yZXN0XG59OiBDaGVja2JveFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8Rm9ybUZpZWxkIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9IHsuLi5yZXN0fSBkaXNhYmxlZD17ZGlzYWJsZWR9PlxuICAgICAgPElubGluZSBzcGFjZT1cIm1cIiB2QWxpZ25JdGVtcz1cInRvcFwiIG5vV3JhcD5cbiAgICAgICAgPFN0eWxlZENvbnRhaW5lcj5cbiAgICAgICAgICA8U3R5bGVkUmVhbElucHV0XG4gICAgICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICAgIGNoZWNrZWQ9e2NoZWNrZWR9XG4gICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPFN0eWxlZEZha2VJbnB1dD5cbiAgICAgICAgICAgIDxJY29uIHNpemU9XCJzXCIgbmFtZT1cImNoZWNrXCIgLz5cbiAgICAgICAgICA8L1N0eWxlZEZha2VJbnB1dD5cbiAgICAgICAgPC9TdHlsZWRDb250YWluZXI+XG4gICAgICAgIHtsYWJlbCAmJiAoXG4gICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIHt0eXBlb2YgbGFiZWwgPT09IFwic3RyaW5nXCIgPyA8VGV4dD57bGFiZWx9PC9UZXh0PiA6IGxhYmVsfVxuICAgICAgICAgICAge2xhYmVsSGludCAmJiAoXG4gICAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJzZWNvbmRhcnlcIiBzaXplPVwic1wiPlxuICAgICAgICAgICAgICAgIHtsYWJlbEhpbnR9XG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9kaXY+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.createElement(FormField, _extends({
+    "data-e2e-test-id": dataE2eTestId
+  }, rest, {
+    disabled: disabled
+  }), /*#__PURE__*/React.createElement(Inline, {
+    space: "m",
+    vAlignItems: "top",
+    noWrap: true
+  }, /*#__PURE__*/React.createElement(StyledContainer, null, /*#__PURE__*/React.createElement(StyledRealInput, {
+    type: "checkbox",
+    name: name,
+    value: value,
+    checked: checked,
+    disabled: disabled,
+    onChange: onChange,
+    onClick: onClick,
+    onBlur: onBlur,
+    onFocus: onFocus
+  }), /*#__PURE__*/React.createElement(StyledFakeInput, null, /*#__PURE__*/React.createElement(Icon, {
+    size: "s",
+    name: "check"
+  }))), label && /*#__PURE__*/React.createElement("div", null, typeof label === "string" ? /*#__PURE__*/React.createElement(Text, null, label) : label, labelHint && /*#__PURE__*/React.createElement(Text, {
+    variant: "secondary",
+    size: "s"
+  }, labelHint))));
+}
+
+export { Checkbox };
+//# sourceMappingURL=Checkbox.js.map