npm - @commercetools-uikit/dropdown-menu - Versions diffs - 19.7.0 → 19.9.0 - Mend

@commercetools-uikit/dropdown-menu 19.7.0 → 19.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/commercetools-uikit-dropdown-menu.cjs.dev.js +48 -21
package/dist/commercetools-uikit-dropdown-menu.cjs.prod.js +45 -18
package/dist/commercetools-uikit-dropdown-menu.esm.js +40 -20
package/package.json +9 -9

package/dist/commercetools-uikit-dropdown-menu.cjs.dev.js CHANGED Viewed

@@ -2,15 +2,24 @@
 Object.defineProperty(exports, '__esModule', { value: true });
+var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _styled = require('@emotion/styled/base');
 var _pt = require('prop-types');
 var react = require('react');
+var utils = require('@commercetools-uikit/utils');
 var hooks = require('@commercetools-uikit/hooks');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var _setTimeout = require('@babel/runtime-corejs3/core-js-stable/set-timeout');
-var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
 var react$1 = require('@emotion/react');
 var designSystem = require('@commercetools-uikit/design-system');
 var Constraints = require('@commercetools-uikit/constraints');
@@ -19,11 +28,18 @@ var AccessibleButton = require('@commercetools-uikit/accessible-button');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
 var _styled__default = /*#__PURE__*/_interopDefault(_styled);
 var _pt__default = /*#__PURE__*/_interopDefault(_pt);
 var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var _setTimeout__default = /*#__PURE__*/_interopDefault(_setTimeout);
-var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
 var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
 var SpacingsStack__default = /*#__PURE__*/_interopDefault(SpacingsStack);
 var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
@@ -53,10 +69,12 @@ const DropDownTrigger = /*#__PURE__*/react.forwardRef((props, ref) => {
 DropDownTrigger.displayName = 'DropDownTrigger';
 var DropdownTrigger = DropDownTrigger;
+function ownKeys$2(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context10, _context11; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context10 = ownKeys$2(Object(t), !0)).call(_context10, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context11 = ownKeys$2(Object(t))).call(_context11, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const boxShadowBottomSize = '5px';
 const outerMargin = designSystem.designTokens.spacing20;
 function getDropdownMenuBaseStyles(params) {
-  return /*#__PURE__*/react$1.css("background-color:", designSystem.designTokens.colorSurface, ";border:1px solid ", designSystem.designTokens.colorSurface, ";border-radius:", designSystem.designTokens.borderRadius4, ";box-shadow:0 2px ", boxShadowBottomSize, " 0px rgba(0, 0, 0, 0.15);display:", params.isOpen ? 'block' : 'none', ";max-width:", Constraints__default["default"].getMaxPropTokenValue(params.horizontalConstraint), ";overflow-y:auto;position:fixed;visibility:hidden;width:", params.horizontalConstraint === 'auto' ? 'auto' : '100%', ";z-index:1;" + (process.env.NODE_ENV === "production" ? "" : ";label:getDropdownMenuBaseStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3Bkb3duLW1lbnUtbWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0JZIiwiZmlsZSI6ImRyb3Bkb3duLW1lbnUtbWVudS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDU1NQcm9wZXJ0aWVzLFxuICBSZWFjdE5vZGUsXG4gIFJlZk9iamVjdCxcbiAgdXNlTGF5b3V0RWZmZWN0LFxuICB1c2VSZWYsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IENvbnN0cmFpbnRzLCB7IHR5cGUgVE1heFByb3AgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9jb25zdHJhaW50cyc7XG5pbXBvcnQgU3BhY2luZ3NTdGFjayBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncy1zdGFjayc7XG5cbi8vIFdlIGRlY2xhcmUgdGhpcyBzdHlsZSBwcm9wZXJ0aWVzIGhlcmUgYmVjYXVzZSB3ZSBuZWVkIHRoZW0gYm90aCBmb3IgaW5pdGlhbCBjb21wb25lbnQgc3R5bGluZ1xuLy8gYnV0IGFsc28gZm9yIGNhbGN1bGF0aW5nIHRoZSBkZWZhdWx0IG1heCBoZWlnaHQgb2YgdGhlIGRyb3Bkb3duIG1lbnUgc28gd2UgbWFrZSBzdXJlIGl0IGZpdHNcbi8vIHdpdGhpbiB0aGUgdmlld3BvcnQuXG5jb25zdCBib3hTaGFkb3dCb3R0b21TaXplID0gJzVweCc7XG5jb25zdCBvdXRlck1hcmdpbiA9IGRlc2lnblRva2Vucy5zcGFjaW5nMjA7XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXREcm9wZG93bk1lbnVCYXNlU3R5bGVzKHBhcmFtczoge1xuICBpc09wZW46IGJvb2xlYW47XG4gIGhvcml6b250YWxDb25zdHJhaW50OiBUTWF4UHJvcDtcbn0pIHtcbiAgcmV0dXJuIGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNH07XG4gICAgYm94LXNoYWRvdzogMCAycHggJHtib3hTaGFkb3dCb3R0b21TaXplfSAwcHggcmdiYSgwLCAwLCAwLCAwLjE1KTtcbiAgICBkaXNwbGF5OiAke3BhcmFtcy5pc09wZW4gPyAnYmxvY2snIDogJ25vbmUnfTtcbiAgICBtYXgtd2lkdGg6ICR7Q29uc3RyYWludHMuZ2V0TWF4UHJvcFRva2VuVmFsdWUocGFyYW1zLmhvcml6b250YWxDb25zdHJhaW50KX07XG4gICAgb3ZlcmZsb3cteTogYXV0bztcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgIHdpZHRoOiAke3BhcmFtcy5ob3Jpem9udGFsQ29uc3RyYWludCA9PT0gJ2F1dG8nID8gJ2F1dG8nIDogJzEwMCUnfTtcbiAgICB6LWluZGV4OiAxO1xuICBgO1xufVxuXG50eXBlIFREcm9wZG93bkJhc2VNZW51UHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIGN1c3RvbVN0eWxlcz86IENTU1Byb3BlcnRpZXM7XG4gIGhvcml6b250YWxDb25zdHJhaW50OiBUTWF4UHJvcDtcbiAgaXNPcGVuOiBib29sZWFuO1xuICBtZW51UG9zaXRpb246ICdsZWZ0JyB8ICdyaWdodCc7XG4gIG1lbnVNYXhIZWlnaHQ/OiBudW1iZXI7XG4gIHRyaWdnZXJFbGVtZW50UmVmOiBSZWZPYmplY3Q8SFRNTEVsZW1lbnQ+O1xufTtcbmZ1bmN0aW9uIERyb3Bkb3duQmFzZU1lbnUocHJvcHM6IFREcm9wZG93bkJhc2VNZW51UHJvcHMpIHtcbiAgY29uc3QgbWVudVJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG5cbiAgdXNlTGF5b3V0RWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIXByb3BzLmlzT3BlbiB8fCAhcHJvcHMudHJpZ2dlckVsZW1lbnRSZWYuY3VycmVudCB8fCAhbWVudVJlZi5jdXJyZW50KSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgbWVudU1heEhlaWdodCA9IHByb3BzLm1lbnVNYXhIZWlnaHQ7XG4gICAgY29uc3QgbWVudUVsID0gbWVudVJlZi5jdXJyZW50O1xuICAgIGNvbnN0IG1lbnVUcmlnZ2VyRWwgPSBwcm9wcy50cmlnZ2VyRWxlbWVudFJlZi5jdXJyZW50O1xuXG4gICAgY29uc3QgbWVudURPTVJlY3QgPSBtZW51RWwuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gICAgY29uc3QgdHJpZ2dlckRPTVJlY3QgPSBtZW51VHJpZ2dlckVsLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuXG4gICAgLy8gQnkgZGVmYXVsdCwgdGhlIG1lbnUgaXMgbm90IGV4Y2VlZGluZyB0aGUgdmlld3BvcnQsIHRoaXMgY2FuIGNoYW5nZSB0aG91Z2hcbiAgICBsZXQgbWVudUlzRXhjZWVkaW5nVmlld3BvcnQgPSBmYWxzZTtcblxuICAgIGlmIChtZW51RE9NUmVjdC53aWR0aCA+PSBkb2N1bWVudC5ib2R5LnNjcm9sbFdpZHRoKSB7XG4gICAgICAvLyBJZiB0aGUgbWVudSB3aWR0aCBpcyBncmVhdGVyIHRoYW4gdGhlIGJvZHkgd2lkdGgsIHdlIG5lZWQgdG8gc2V0IHRoZSB3aWR0aCBvZiB0aGUgbWVudSB0byB0aGUgYm9keSB3aWR0aFxuICAgICAgLy8gdG8gcHJldmVudCB0aGUgbWVudSBmcm9tIG92ZXJmbG93aW5nLCB0aGlzIGhhcHBlbnMgdXN1YWxseSB3aGVuIHRoZSBob3Jpem9udGFsQ29uc3RyYWludCBpcyBzZXQgdG8gJ2F1dG8nXG4gICAgICBtZW51RWwuc3R5bGUud2lkdGggPSBgY2FsYygke2RvY3VtZW50LmJvZHkuc2Nyb2xsV2lkdGh9cHggLSAyICogJHtvdXRlck1hcmdpbn0pYDtcbiAgICAgIG1lbnVJc0V4Y2VlZGluZ1ZpZXdwb3J0ID0gdHJ1ZTtcbiAgICB9XG5cbiAgICAvLyBUaGUgcHJlZmVycmVkL2lkZWFsIGhlaWdodCBvZiB0aGUgbWVudSAod2hpY2ggbWlnaHQgY2hhbmdlIGxhdGVyIGlmIHRoZXJlIGlzXG4gICAgLy8gbm90IGVub3VnaCBzY3JlZW4gZXN0YXRlKVxuICAgIGxldCBkZXNpcmVkTWVudUhlaWdodCA9IG1lbnVNYXhIZWlnaHQgfHwgbWVudURPTVJlY3QuaGVpZ2h0O1xuICAgIGNvbnN0IG1lbnVXaWR0aCA9IG1lbnVET01SZWN0LndpZHRoO1xuXG4gICAgY29uc3QgYXZhaWxhYmxlU3BhY2VUb3AgPSB0cmlnZ2VyRE9NUmVjdC50b3A7XG4gICAgY29uc3QgYXZhaWxhYmxlU3BhY2VCb3R0b20gPSB3aW5kb3cuaW5uZXJIZWlnaHQgLSB0cmlnZ2VyRE9NUmVjdC5ib3R0b207XG5cbiAgICAvLyBQcmVmZXIgcmVuZGVyaW5nIGJlbG93IHRoZSB0cmlnZ2VyIGVsZW1lbnQgaWYgdGhlcmUgaXMgZW5vdWdoIHNwYWNlXG4gICAgLy8gdG8gZGlzcGxheSB0aGUgd2hvbGUgbWVudSwgb3RoZXJ3aXNlIHJlbmRlciB3aGVyZXZlciB0aGVyZSBpcyBtb3JlIHNwYWNlXG4gICAgY29uc3QgbWVudVlQb3NpdGlvbiA9XG4gICAgICBhdmFpbGFibGVTcGFjZUJvdHRvbSA+PSBkZXNpcmVkTWVudUhlaWdodFxuICAgICAgICA/ICdiZWxvdydcbiAgICAgICAgOiBhdmFpbGFibGVTcGFjZUJvdHRvbSA+IGF2YWlsYWJsZVNwYWNlVG9wXG4gICAgICAgID8gJ2JlbG93J1xuICAgICAgICA6ICdhYm92ZSc7XG5cbiAgICBsZXQgbWVudVhQb3NpdGlvbjogJ2xlZnQnIHwgJ3JpZ2h0JztcblxuICAgIGlmIChwcm9wcy5tZW51UG9zaXRpb24gPT09ICdsZWZ0Jykge1xuICAgICAgY29uc3QgZGlzdGFuY2VUb1JpZ2h0RWRnZSA9IHdpbmRvdy5pbm5lcldpZHRoIC0gdHJpZ2dlckRPTVJlY3QubGVmdDtcbiAgICAgIG1lbnVYUG9zaXRpb24gPSBkaXN0YW5jZVRvUmlnaHRFZGdlID49IG1lbnVXaWR0aCA/ICdsZWZ0JyA6ICdyaWdodCc7XG4gICAgfVxuXG4gICAgaWYgKHByb3BzLm1lbnVQb3NpdGlvbiA9PT0gJ3JpZ2h0Jykge1xuICAgICAgY29uc3QgZGlzdGFuY2VUb0xlZnRFZGdlID0gdHJpZ2dlckRPTVJlY3QubGVmdCArIHRyaWdnZXJET01SZWN0LndpZHRoO1xuICAgICAgbWVudVhQb3NpdGlvbiA9IGRpc3RhbmNlVG9MZWZ0RWRnZSA+PSBtZW51V2lkdGggPyAncmlnaHQnIDogJ2xlZnQnO1xuICAgIH1cbiAgICAvLyBTaW5jZSBzY3JvbGxpbmcgd2lsbCBiZSBkaXNhYmxlZCBieSBhIGhvb2ssIHBvc3NpYmx5IG9uIHRoZSBib2R5LWVsZW1lbnQsXG4gICAgLy8gdGhlIGF2YWlsYWJsZSB2aWV3cG9ydC13aWR0aCBtaWdodCBjaGFuZ2UsIHRodXMsIHRoZSBwb3NpdGlvbmluZyBvZiB0aGVcbiAgICAvLyBtZW51IHdvdWxkIGJlIGFmZmVjdGVkLCBoZW5jZSB3ZSBuZWVkIHRvIGdldCB0aGUgc2Nyb2xsLXdpZHRoIGJlZm9yZSB0aGVcbiAgICAvLyBtZW51IHJlbmRlcnNcbiAgICBjb25zdCBzY3JvbGxXaWR0aEJlZm9yZSA9IGRvY3VtZW50LmJvZHkuc2Nyb2xsV2lkdGg7XG5cbiAgICAvLyBVc2luZyBzZXRUaW1lb3V0IGFsbG93cyB1cyB0byBnZXQgdGhlIGNvcnJlY3QgZGltZW5zaW9ucyAmIHBvc2l0aW9uc1xuICAgIC8vIG9mIHRoZSB0cmlnZ2VyLSAmIG1lbnUtZWxlbWVudCBmaXJzdCBiZWZvcmUgZG9pbmcgdGhlIGNhbGN1bGF0aW9ucyBmb3JcbiAgICAvLyBwb3NpdGlvbmluZyB0aGUgbWVudSBjb3JyZWN0bHlcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIC8vIElmIHRoZXJlIGlzIGEgc2Nyb2xsV2lkdGhEaWZmLCBpdCBtZWFucyB0aGF0IHRoZSB3aWR0aCBvZiB0aGVcbiAgICAgIC8vIHZpZXdwb3J0cyBoYXMgY2hhbmdlZCBkdWUgdG8gcmVtb3ZlZCBzY3JvbGxiYXJzLCBhbmQgd2UgbmVlZCB0b1xuICAgICAgLy8gYWRqdXN0IHRoZSBwb3NpdGlvbiBvZiB0aGUgbWVudSB0byBiZSBzdGlsbCBwcm9wZXJseSBhbGlnbmVkIHdpdGhcbiAgICAgIC8vIHRoZSB0cmlnZ2VyXG4gICAgICBjb25zdCBzY3JvbGxXaWR0aERpZmYgPVxuICAgICAgICAoZG9jdW1lbnQuYm9keS5zY3JvbGxXaWR0aCAtIHNjcm9sbFdpZHRoQmVmb3JlKSAqIDAuNTtcblxuICAgICAgaWYgKG1lbnVJc0V4Y2VlZGluZ1ZpZXdwb3J0KSB7XG4gICAgICAgIG1lbnVFbC5zdHlsZS5sZWZ0ID0gYGNhbGMoICR7b3V0ZXJNYXJnaW59ICsgJHtzY3JvbGxXaWR0aERpZmZ9cHgpYDtcbiAgICAgIH0gZWxzZSBpZiAobWVudVhQb3NpdGlvbiA9PT0gJ2xlZnQnKSB7XG4gICAgICAgIG1lbnVFbC5zdHlsZS5sZWZ0ID0gYCR7dHJpZ2dlckRPTVJlY3QubGVmdCArIHNjcm9sbFdpZHRoRGlmZn1weGA7XG4gICAgICAgIG1lbnVFbC5zdHlsZS5yZW1vdmVQcm9wZXJ0eSgncmlnaHQnKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIG1lbnVFbC5zdHlsZS5yaWdodCA9IGAke1xuICAgICAgICAgIHdpbmRvdy5pbm5lcldpZHRoIC0gdHJpZ2dlckRPTVJlY3QucmlnaHQgLSBzY3JvbGxXaWR0aERpZmZcbiAgICAgICAgfXB4YDtcbiAgICAgICAgbWVudUVsLnN0eWxlLnJlbW92ZVByb3BlcnR5KCdsZWZ0Jyk7XG4gICAgICB9XG5cbiAgICAgIGlmIChtZW51WVBvc2l0aW9uID09PSAnYmVsb3cnKSB7XG4gICAgICAgIG1lbnVFbC5zdHlsZS50b3AgPSBgY2FsYygke1xuICAgICAgICAgIHRyaWdnZXJET01SZWN0LnRvcCArIHRyaWdnZXJET01SZWN0LmhlaWdodFxuICAgICAgICB9cHggKyAke291dGVyTWFyZ2lufSlgO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgLy8gTmVlZCB0byByZS1yZXF1ZXN0IGdldEJvdW5kaW5nQ2xpZW50UmVjdCgpIGJlY2F1c2UgdGhlIG1lbnUgaGVpZ2h0XG4gICAgICAgIC8vIG1pZ2h0IGhhdmUgY2hhbmdlZCB3aGVuIHRoZSBkcm9wZG93biBpcyBpbiAnYXV0bycgbW9kZTtcbiAgICAgICAgbGV0IGRlc2lyZWRNZW51SGVpZ2h0ID1cbiAgICAgICAgICBtZW51TWF4SGVpZ2h0IHx8IG1lbnVFbC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS5oZWlnaHQ7XG5cbiAgICAgICAgbWVudUVsLnN0eWxlLnRvcCA9IGBjYWxjKCR7XG4gICAgICAgICAgdHJpZ2dlckRPTVJlY3QudG9wIC0gZGVzaXJlZE1lbnVIZWlnaHRcbiAgICAgICAgfXB4IC0gJHtvdXRlck1hcmdpbn0pYDtcbiAgICAgIH1cblxuICAgICAgaWYgKG1lbnVNYXhIZWlnaHQpIHtcbiAgICAgICAgLy8gQXBwbHkgdGhlIG1hbnVhbCBtYXgtd2lkdGhcbiAgICAgICAgbWVudUVsLnN0eWxlLm1heEhlaWdodCA9IG1lbnVNYXhIZWlnaHQgKyAncHgnO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgLy8gTWFrZSBzdXJlIG1heC1oZWlnaHQgZG9lcyBub3QgZXhjZWVkIHRoZSBhdmFpbGFibGUgdG9wLSBvciBib3R0b20tc3BhY2VcbiAgICAgICAgbWVudUVsLnN0eWxlLm1heEhlaWdodCA9XG4gICAgICAgICAgbWVudVlQb3NpdGlvbiA9PT0gJ2JlbG93J1xuICAgICAgICAgICAgPyBgY2FsYygke1xuICAgICAgICAgICAgICAgIHdpbmRvdy5pbm5lckhlaWdodCAtIHRyaWdnZXJET01SZWN0LmJvdHRvbVxuICAgICAgICAgICAgICB9cHggLSAke291dGVyTWFyZ2lufSAtICR7Ym94U2hhZG93Qm90dG9tU2l6ZX0pYFxuICAgICAgICAgICAgOiBgY2FsYygke3RyaWdnZXJET01SZWN0LnRvcH1weCAtICR7b3V0ZXJNYXJnaW59IC0gJHtib3hTaGFkb3dCb3R0b21TaXplfSlgO1xuICAgICAgfVxuXG4gICAgICAvLyBBbGwgcG9zaXRpb25pbmcgb3BlcmF0aW9ucyBkb25lLCBtYWtlIG1lbnUgdmlzaWJsZSBhZ2FpblxuICAgICAgbWVudUVsLnN0eWxlLnZpc2liaWxpdHkgPSAndmlzaWJsZSc7XG4gICAgfSwgMCk7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgW1xuICAgICAgICAndG9wJyxcbiAgICAgICAgJ2xlZnQnLFxuICAgICAgICAncmlnaHQnLFxuICAgICAgICAnYm90dG9tJyxcbiAgICAgICAgJ3dpZHRoJyxcbiAgICAgICAgJ2hlaWdodCcsXG4gICAgICAgICdtYXhIZWlnaHQnLFxuICAgICAgICAndmlzaWJpbGl0eScsXG4gICAgICBdLmZvckVhY2goKHByb3ApID0+IHtcbiAgICAgICAgbWVudUVsLnN0eWxlLnJlbW92ZVByb3BlcnR5KHByb3ApO1xuICAgICAgfSk7XG4gICAgfTtcbiAgfSwgW1xuICAgIHByb3BzLmlzT3BlbixcbiAgICBwcm9wcy5tZW51UG9zaXRpb24sXG4gICAgcHJvcHMudHJpZ2dlckVsZW1lbnRSZWYsXG4gICAgcHJvcHMubWVudU1heEhlaWdodCxcbiAgXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2dldERyb3Bkb3duTWVudUJhc2VTdHlsZXMocHJvcHMpfVxuICAgICAgc3R5bGU9e3Byb3BzLmN1c3RvbVN0eWxlc31cbiAgICAgIHJlZj17bWVudVJlZn1cbiAgICA+XG4gICAgICB7cHJvcHMuY2hpbGRyZW59XG4gICAgPC9kaXY+XG4gICk7XG59XG5cbmV4cG9ydCB0eXBlIFREcm9wZG93bkNvbnRlbnRNZW51UHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIGhvcml6b250YWxDb25zdHJhaW50OiBUTWF4UHJvcDtcbiAgbWVudVBvc2l0aW9uOiAnbGVmdCcgfCAncmlnaHQnO1xuICBtZW51TWF4SGVpZ2h0PzogbnVtYmVyO1xuICBpc09wZW46IGJvb2xlYW47XG4gIHRyaWdnZXJFbGVtZW50UmVmOiBSZWZPYmplY3Q8SFRNTEVsZW1lbnQ+O1xufTtcbmV4cG9ydCBjb25zdCBEcm9wZG93bkNvbnRlbnRNZW51ID0gKHByb3BzOiBURHJvcGRvd25Db250ZW50TWVudVByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPERyb3Bkb3duQmFzZU1lbnVcbiAgICAgIGN1c3RvbVN0eWxlcz17e1xuICAgICAgICBwYWRkaW5nOiBkZXNpZ25Ub2tlbnMuc3BhY2luZzMwLFxuICAgICAgfX1cbiAgICAgIGhvcml6b250YWxDb25zdHJhaW50PXtwcm9wcy5ob3Jpem9udGFsQ29uc3RyYWludH1cbiAgICAgIGlzT3Blbj17cHJvcHMuaXNPcGVufVxuICAgICAgbWVudVBvc2l0aW9uPXtwcm9wcy5tZW51UG9zaXRpb259XG4gICAgICBtZW51TWF4SGVpZ2h0PXtwcm9wcy5tZW51TWF4SGVpZ2h0fVxuICAgICAgdHJpZ2dlckVsZW1lbnRSZWY9e3Byb3BzLnRyaWdnZXJFbGVtZW50UmVmfVxuICAgID5cbiAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICA8L0Ryb3Bkb3duQmFzZU1lbnU+XG4gICk7XG59O1xuXG5leHBvcnQgdHlwZSBURHJvcGRvd25MaXN0TWVudVByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBob3Jpem9udGFsQ29uc3RyYWludDogVE1heFByb3A7XG4gIG1lbnVQb3NpdGlvbjogJ2xlZnQnIHwgJ3JpZ2h0JztcbiAgbWVudU1heEhlaWdodD86IG51bWJlcjtcbiAgaXNPcGVuOiBib29sZWFuO1xuICB0cmlnZ2VyRWxlbWVudFJlZjogUmVmT2JqZWN0PEhUTUxFbGVtZW50Pjtcbn07XG5leHBvcnQgY29uc3QgRHJvcGRvd25MaXN0TWVudSA9IChwcm9wczogVERyb3Bkb3duTGlzdE1lbnVQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxEcm9wZG93bkJhc2VNZW51XG4gICAgICBob3Jpem9udGFsQ29uc3RyYWludD17cHJvcHMuaG9yaXpvbnRhbENvbnN0cmFpbnR9XG4gICAgICBpc09wZW49e3Byb3BzLmlzT3Blbn1cbiAgICAgIG1lbnVQb3NpdGlvbj17cHJvcHMubWVudVBvc2l0aW9ufVxuICAgICAgbWVudU1heEhlaWdodD17cHJvcHMubWVudU1heEhlaWdodH1cbiAgICAgIHRyaWdnZXJFbGVtZW50UmVmPXtwcm9wcy50cmlnZ2VyRWxlbWVudFJlZn1cbiAgICA+XG4gICAgICA8U3BhY2luZ3NTdGFjayBzY2FsZT1cInhzXCI+e3Byb3BzLmNoaWxkcmVufTwvU3BhY2luZ3NTdGFjaz5cbiAgICA8L0Ryb3Bkb3duQmFzZU1lbnU+XG4gICk7XG59O1xuIl19 */");
+  return /*#__PURE__*/react$1.css("background-color:", designSystem.designTokens.colorSurface, ";border:1px solid ", designSystem.designTokens.colorSurface, ";border-radius:", designSystem.designTokens.borderRadius4, ";box-shadow:0 2px ", boxShadowBottomSize, " 0px rgba(0, 0, 0, 0.15);display:", params.isOpen ? 'block' : 'none', ";max-width:", Constraints__default["default"].getMaxPropTokenValue(params.horizontalConstraint), ";overflow-y:auto;position:fixed;visibility:hidden;width:", params.horizontalConstraint === 'auto' ? 'auto' : '100%', ";z-index:1;" + (process.env.NODE_ENV === "production" ? "" : ";label:getDropdownMenuBaseStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3Bkb3duLW1lbnUtbWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJZIiwiZmlsZSI6ImRyb3Bkb3duLW1lbnUtbWVudS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDU1NQcm9wZXJ0aWVzLFxuICBSZWFjdE5vZGUsXG4gIFJlZk9iamVjdCxcbiAgdXNlTGF5b3V0RWZmZWN0LFxuICB1c2VSZWYsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IENvbnN0cmFpbnRzLCB7IHR5cGUgVE1heFByb3AgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9jb25zdHJhaW50cyc7XG5pbXBvcnQgU3BhY2luZ3NTdGFjayBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncy1zdGFjayc7XG5pbXBvcnQgeyBmaWx0ZXJEYXRhQXR0cmlidXRlcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcblxuLy8gV2UgZGVjbGFyZSB0aGlzIHN0eWxlIHByb3BlcnRpZXMgaGVyZSBiZWNhdXNlIHdlIG5lZWQgdGhlbSBib3RoIGZvciBpbml0aWFsIGNvbXBvbmVudCBzdHlsaW5nXG4vLyBidXQgYWxzbyBmb3IgY2FsY3VsYXRpbmcgdGhlIGRlZmF1bHQgbWF4IGhlaWdodCBvZiB0aGUgZHJvcGRvd24gbWVudSBzbyB3ZSBtYWtlIHN1cmUgaXQgZml0c1xuLy8gd2l0aGluIHRoZSB2aWV3cG9ydC5cbmNvbnN0IGJveFNoYWRvd0JvdHRvbVNpemUgPSAnNXB4JztcbmNvbnN0IG91dGVyTWFyZ2luID0gZGVzaWduVG9rZW5zLnNwYWNpbmcyMDtcblxuZXhwb3J0IGZ1bmN0aW9uIGdldERyb3Bkb3duTWVudUJhc2VTdHlsZXMocGFyYW1zOiB7XG4gIGlzT3BlbjogYm9vbGVhbjtcbiAgaG9yaXpvbnRhbENvbnN0cmFpbnQ6IFRNYXhQcm9wO1xufSkge1xuICByZXR1cm4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICBib3JkZXItcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM0fTtcbiAgICBib3gtc2hhZG93OiAwIDJweCAke2JveFNoYWRvd0JvdHRvbVNpemV9IDBweCByZ2JhKDAsIDAsIDAsIDAuMTUpO1xuICAgIGRpc3BsYXk6ICR7cGFyYW1zLmlzT3BlbiA/ICdibG9jaycgOiAnbm9uZSd9O1xuICAgIG1heC13aWR0aDogJHtDb25zdHJhaW50cy5nZXRNYXhQcm9wVG9rZW5WYWx1ZShwYXJhbXMuaG9yaXpvbnRhbENvbnN0cmFpbnQpfTtcbiAgICBvdmVyZmxvdy15OiBhdXRvO1xuICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgd2lkdGg6ICR7cGFyYW1zLmhvcml6b250YWxDb25zdHJhaW50ID09PSAnYXV0bycgPyAnYXV0bycgOiAnMTAwJSd9O1xuICAgIHotaW5kZXg6IDE7XG4gIGA7XG59XG5cbnR5cGUgVERyb3Bkb3duQmFzZU1lbnVQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgY3VzdG9tU3R5bGVzPzogQ1NTUHJvcGVydGllcztcbiAgaG9yaXpvbnRhbENvbnN0cmFpbnQ6IFRNYXhQcm9wO1xuICBpc09wZW46IGJvb2xlYW47XG4gIG1lbnVQb3NpdGlvbjogJ2xlZnQnIHwgJ3JpZ2h0JztcbiAgbWVudU1heEhlaWdodD86IG51bWJlcjtcbiAgdHJpZ2dlckVsZW1lbnRSZWY6IFJlZk9iamVjdDxIVE1MRWxlbWVudD47XG59O1xuZnVuY3Rpb24gRHJvcGRvd25CYXNlTWVudShwcm9wczogVERyb3Bkb3duQmFzZU1lbnVQcm9wcykge1xuICBjb25zdCBtZW51UmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcblxuICB1c2VMYXlvdXRFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghcHJvcHMuaXNPcGVuIHx8ICFwcm9wcy50cmlnZ2VyRWxlbWVudFJlZi5jdXJyZW50IHx8ICFtZW51UmVmLmN1cnJlbnQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCBtZW51TWF4SGVpZ2h0ID0gcHJvcHMubWVudU1heEhlaWdodDtcbiAgICBjb25zdCBtZW51RWwgPSBtZW51UmVmLmN1cnJlbnQ7XG4gICAgY29uc3QgbWVudVRyaWdnZXJFbCA9IHByb3BzLnRyaWdnZXJFbGVtZW50UmVmLmN1cnJlbnQ7XG5cbiAgICBjb25zdCBtZW51RE9NUmVjdCA9IG1lbnVFbC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICBjb25zdCB0cmlnZ2VyRE9NUmVjdCA9IG1lbnVUcmlnZ2VyRWwuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG5cbiAgICAvLyBCeSBkZWZhdWx0LCB0aGUgbWVudSBpcyBub3QgZXhjZWVkaW5nIHRoZSB2aWV3cG9ydCwgdGhpcyBjYW4gY2hhbmdlIHRob3VnaFxuICAgIGxldCBtZW51SXNFeGNlZWRpbmdWaWV3cG9ydCA9IGZhbHNlO1xuXG4gICAgaWYgKG1lbnVET01SZWN0LndpZHRoID49IGRvY3VtZW50LmJvZHkuc2Nyb2xsV2lkdGgpIHtcbiAgICAgIC8vIElmIHRoZSBtZW51IHdpZHRoIGlzIGdyZWF0ZXIgdGhhbiB0aGUgYm9keSB3aWR0aCwgd2UgbmVlZCB0byBzZXQgdGhlIHdpZHRoIG9mIHRoZSBtZW51IHRvIHRoZSBib2R5IHdpZHRoXG4gICAgICAvLyB0byBwcmV2ZW50IHRoZSBtZW51IGZyb20gb3ZlcmZsb3dpbmcsIHRoaXMgaGFwcGVucyB1c3VhbGx5IHdoZW4gdGhlIGhvcml6b250YWxDb25zdHJhaW50IGlzIHNldCB0byAnYXV0bydcbiAgICAgIG1lbnVFbC5zdHlsZS53aWR0aCA9IGBjYWxjKCR7ZG9jdW1lbnQuYm9keS5zY3JvbGxXaWR0aH1weCAtIDIgKiAke291dGVyTWFyZ2lufSlgO1xuICAgICAgbWVudUlzRXhjZWVkaW5nVmlld3BvcnQgPSB0cnVlO1xuICAgIH1cblxuICAgIC8vIFRoZSBwcmVmZXJyZWQvaWRlYWwgaGVpZ2h0IG9mIHRoZSBtZW51ICh3aGljaCBtaWdodCBjaGFuZ2UgbGF0ZXIgaWYgdGhlcmUgaXNcbiAgICAvLyBub3QgZW5vdWdoIHNjcmVlbiBlc3RhdGUpXG4gICAgbGV0IGRlc2lyZWRNZW51SGVpZ2h0ID0gbWVudU1heEhlaWdodCB8fCBtZW51RE9NUmVjdC5oZWlnaHQ7XG4gICAgY29uc3QgbWVudVdpZHRoID0gbWVudURPTVJlY3Qud2lkdGg7XG5cbiAgICBjb25zdCBhdmFpbGFibGVTcGFjZVRvcCA9IHRyaWdnZXJET01SZWN0LnRvcDtcbiAgICBjb25zdCBhdmFpbGFibGVTcGFjZUJvdHRvbSA9IHdpbmRvdy5pbm5lckhlaWdodCAtIHRyaWdnZXJET01SZWN0LmJvdHRvbTtcblxuICAgIC8vIFByZWZlciByZW5kZXJpbmcgYmVsb3cgdGhlIHRyaWdnZXIgZWxlbWVudCBpZiB0aGVyZSBpcyBlbm91Z2ggc3BhY2VcbiAgICAvLyB0byBkaXNwbGF5IHRoZSB3aG9sZSBtZW51LCBvdGhlcndpc2UgcmVuZGVyIHdoZXJldmVyIHRoZXJlIGlzIG1vcmUgc3BhY2VcbiAgICBjb25zdCBtZW51WVBvc2l0aW9uID1cbiAgICAgIGF2YWlsYWJsZVNwYWNlQm90dG9tID49IGRlc2lyZWRNZW51SGVpZ2h0XG4gICAgICAgID8gJ2JlbG93J1xuICAgICAgICA6IGF2YWlsYWJsZVNwYWNlQm90dG9tID4gYXZhaWxhYmxlU3BhY2VUb3BcbiAgICAgICAgPyAnYmVsb3cnXG4gICAgICAgIDogJ2Fib3ZlJztcblxuICAgIGxldCBtZW51WFBvc2l0aW9uOiAnbGVmdCcgfCAncmlnaHQnO1xuXG4gICAgaWYgKHByb3BzLm1lbnVQb3NpdGlvbiA9PT0gJ2xlZnQnKSB7XG4gICAgICBjb25zdCBkaXN0YW5jZVRvUmlnaHRFZGdlID0gd2luZG93LmlubmVyV2lkdGggLSB0cmlnZ2VyRE9NUmVjdC5sZWZ0O1xuICAgICAgbWVudVhQb3NpdGlvbiA9IGRpc3RhbmNlVG9SaWdodEVkZ2UgPj0gbWVudVdpZHRoID8gJ2xlZnQnIDogJ3JpZ2h0JztcbiAgICB9XG5cbiAgICBpZiAocHJvcHMubWVudVBvc2l0aW9uID09PSAncmlnaHQnKSB7XG4gICAgICBjb25zdCBkaXN0YW5jZVRvTGVmdEVkZ2UgPSB0cmlnZ2VyRE9NUmVjdC5sZWZ0ICsgdHJpZ2dlckRPTVJlY3Qud2lkdGg7XG4gICAgICBtZW51WFBvc2l0aW9uID0gZGlzdGFuY2VUb0xlZnRFZGdlID49IG1lbnVXaWR0aCA/ICdyaWdodCcgOiAnbGVmdCc7XG4gICAgfVxuICAgIC8vIFNpbmNlIHNjcm9sbGluZyB3aWxsIGJlIGRpc2FibGVkIGJ5IGEgaG9vaywgcG9zc2libHkgb24gdGhlIGJvZHktZWxlbWVudCxcbiAgICAvLyB0aGUgYXZhaWxhYmxlIHZpZXdwb3J0LXdpZHRoIG1pZ2h0IGNoYW5nZSwgdGh1cywgdGhlIHBvc2l0aW9uaW5nIG9mIHRoZVxuICAgIC8vIG1lbnUgd291bGQgYmUgYWZmZWN0ZWQsIGhlbmNlIHdlIG5lZWQgdG8gZ2V0IHRoZSBzY3JvbGwtd2lkdGggYmVmb3JlIHRoZVxuICAgIC8vIG1lbnUgcmVuZGVyc1xuICAgIGNvbnN0IHNjcm9sbFdpZHRoQmVmb3JlID0gZG9jdW1lbnQuYm9keS5zY3JvbGxXaWR0aDtcblxuICAgIC8vIFVzaW5nIHNldFRpbWVvdXQgYWxsb3dzIHVzIHRvIGdldCB0aGUgY29ycmVjdCBkaW1lbnNpb25zICYgcG9zaXRpb25zXG4gICAgLy8gb2YgdGhlIHRyaWdnZXItICYgbWVudS1lbGVtZW50IGZpcnN0IGJlZm9yZSBkb2luZyB0aGUgY2FsY3VsYXRpb25zIGZvclxuICAgIC8vIHBvc2l0aW9uaW5nIHRoZSBtZW51IGNvcnJlY3RseVxuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgLy8gSWYgdGhlcmUgaXMgYSBzY3JvbGxXaWR0aERpZmYsIGl0IG1lYW5zIHRoYXQgdGhlIHdpZHRoIG9mIHRoZVxuICAgICAgLy8gdmlld3BvcnRzIGhhcyBjaGFuZ2VkIGR1ZSB0byByZW1vdmVkIHNjcm9sbGJhcnMsIGFuZCB3ZSBuZWVkIHRvXG4gICAgICAvLyBhZGp1c3QgdGhlIHBvc2l0aW9uIG9mIHRoZSBtZW51IHRvIGJlIHN0aWxsIHByb3Blcmx5IGFsaWduZWQgd2l0aFxuICAgICAgLy8gdGhlIHRyaWdnZXJcbiAgICAgIGNvbnN0IHNjcm9sbFdpZHRoRGlmZiA9XG4gICAgICAgIChkb2N1bWVudC5ib2R5LnNjcm9sbFdpZHRoIC0gc2Nyb2xsV2lkdGhCZWZvcmUpICogMC41O1xuXG4gICAgICBpZiAobWVudUlzRXhjZWVkaW5nVmlld3BvcnQpIHtcbiAgICAgICAgbWVudUVsLnN0eWxlLmxlZnQgPSBgY2FsYyggJHtvdXRlck1hcmdpbn0gKyAke3Njcm9sbFdpZHRoRGlmZn1weClgO1xuICAgICAgfSBlbHNlIGlmIChtZW51WFBvc2l0aW9uID09PSAnbGVmdCcpIHtcbiAgICAgICAgbWVudUVsLnN0eWxlLmxlZnQgPSBgJHt0cmlnZ2VyRE9NUmVjdC5sZWZ0ICsgc2Nyb2xsV2lkdGhEaWZmfXB4YDtcbiAgICAgICAgbWVudUVsLnN0eWxlLnJlbW92ZVByb3BlcnR5KCdyaWdodCcpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgbWVudUVsLnN0eWxlLnJpZ2h0ID0gYCR7XG4gICAgICAgICAgd2luZG93LmlubmVyV2lkdGggLSB0cmlnZ2VyRE9NUmVjdC5yaWdodCAtIHNjcm9sbFdpZHRoRGlmZlxuICAgICAgICB9cHhgO1xuICAgICAgICBtZW51RWwuc3R5bGUucmVtb3ZlUHJvcGVydHkoJ2xlZnQnKTtcbiAgICAgIH1cblxuICAgICAgaWYgKG1lbnVZUG9zaXRpb24gPT09ICdiZWxvdycpIHtcbiAgICAgICAgbWVudUVsLnN0eWxlLnRvcCA9IGBjYWxjKCR7XG4gICAgICAgICAgdHJpZ2dlckRPTVJlY3QudG9wICsgdHJpZ2dlckRPTVJlY3QuaGVpZ2h0XG4gICAgICAgIH1weCArICR7b3V0ZXJNYXJnaW59KWA7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICAvLyBOZWVkIHRvIHJlLXJlcXVlc3QgZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkgYmVjYXVzZSB0aGUgbWVudSBoZWlnaHRcbiAgICAgICAgLy8gbWlnaHQgaGF2ZSBjaGFuZ2VkIHdoZW4gdGhlIGRyb3Bkb3duIGlzIGluICdhdXRvJyBtb2RlO1xuICAgICAgICBsZXQgZGVzaXJlZE1lbnVIZWlnaHQgPVxuICAgICAgICAgIG1lbnVNYXhIZWlnaHQgfHwgbWVudUVsLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLmhlaWdodDtcblxuICAgICAgICBtZW51RWwuc3R5bGUudG9wID0gYGNhbGMoJHtcbiAgICAgICAgICB0cmlnZ2VyRE9NUmVjdC50b3AgLSBkZXNpcmVkTWVudUhlaWdodFxuICAgICAgICB9cHggLSAke291dGVyTWFyZ2lufSlgO1xuICAgICAgfVxuXG4gICAgICBpZiAobWVudU1heEhlaWdodCkge1xuICAgICAgICAvLyBBcHBseSB0aGUgbWFudWFsIG1heC13aWR0aFxuICAgICAgICBtZW51RWwuc3R5bGUubWF4SGVpZ2h0ID0gbWVudU1heEhlaWdodCArICdweCc7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICAvLyBNYWtlIHN1cmUgbWF4LWhlaWdodCBkb2VzIG5vdCBleGNlZWQgdGhlIGF2YWlsYWJsZSB0b3AtIG9yIGJvdHRvbS1zcGFjZVxuICAgICAgICBtZW51RWwuc3R5bGUubWF4SGVpZ2h0ID1cbiAgICAgICAgICBtZW51WVBvc2l0aW9uID09PSAnYmVsb3cnXG4gICAgICAgICAgICA/IGBjYWxjKCR7XG4gICAgICAgICAgICAgICAgd2luZG93LmlubmVySGVpZ2h0IC0gdHJpZ2dlckRPTVJlY3QuYm90dG9tXG4gICAgICAgICAgICAgIH1weCAtICR7b3V0ZXJNYXJnaW59IC0gJHtib3hTaGFkb3dCb3R0b21TaXplfSlgXG4gICAgICAgICAgICA6IGBjYWxjKCR7dHJpZ2dlckRPTVJlY3QudG9wfXB4IC0gJHtvdXRlck1hcmdpbn0gLSAke2JveFNoYWRvd0JvdHRvbVNpemV9KWA7XG4gICAgICB9XG5cbiAgICAgIC8vIEFsbCBwb3NpdGlvbmluZyBvcGVyYXRpb25zIGRvbmUsIG1ha2UgbWVudSB2aXNpYmxlIGFnYWluXG4gICAgICBtZW51RWwuc3R5bGUudmlzaWJpbGl0eSA9ICd2aXNpYmxlJztcbiAgICB9LCAwKTtcblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBbXG4gICAgICAgICd0b3AnLFxuICAgICAgICAnbGVmdCcsXG4gICAgICAgICdyaWdodCcsXG4gICAgICAgICdib3R0b20nLFxuICAgICAgICAnd2lkdGgnLFxuICAgICAgICAnaGVpZ2h0JyxcbiAgICAgICAgJ21heEhlaWdodCcsXG4gICAgICAgICd2aXNpYmlsaXR5JyxcbiAgICAgIF0uZm9yRWFjaCgocHJvcCkgPT4ge1xuICAgICAgICBtZW51RWwuc3R5bGUucmVtb3ZlUHJvcGVydHkocHJvcCk7XG4gICAgICB9KTtcbiAgICB9O1xuICB9LCBbXG4gICAgcHJvcHMuaXNPcGVuLFxuICAgIHByb3BzLm1lbnVQb3NpdGlvbixcbiAgICBwcm9wcy50cmlnZ2VyRWxlbWVudFJlZixcbiAgICBwcm9wcy5tZW51TWF4SGVpZ2h0LFxuICBdKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Z2V0RHJvcGRvd25NZW51QmFzZVN0eWxlcyhwcm9wcyl9XG4gICAgICBzdHlsZT17cHJvcHMuY3VzdG9tU3R5bGVzfVxuICAgICAgcmVmPXttZW51UmVmfVxuICAgICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHByb3BzKX1cbiAgICA+XG4gICAgICB7cHJvcHMuY2hpbGRyZW59XG4gICAgPC9kaXY+XG4gICk7XG59XG5cbmV4cG9ydCB0eXBlIFREcm9wZG93bkNvbnRlbnRNZW51UHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIGhvcml6b250YWxDb25zdHJhaW50OiBUTWF4UHJvcDtcbiAgbWVudVBvc2l0aW9uOiAnbGVmdCcgfCAncmlnaHQnO1xuICBtZW51TWF4SGVpZ2h0PzogbnVtYmVyO1xuICBpc09wZW46IGJvb2xlYW47XG4gIHRyaWdnZXJFbGVtZW50UmVmOiBSZWZPYmplY3Q8SFRNTEVsZW1lbnQ+O1xufTtcbmV4cG9ydCBjb25zdCBEcm9wZG93bkNvbnRlbnRNZW51ID0gKHByb3BzOiBURHJvcGRvd25Db250ZW50TWVudVByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPERyb3Bkb3duQmFzZU1lbnVcbiAgICAgIGN1c3RvbVN0eWxlcz17e1xuICAgICAgICBwYWRkaW5nOiBkZXNpZ25Ub2tlbnMuc3BhY2luZzMwLFxuICAgICAgfX1cbiAgICAgIGhvcml6b250YWxDb25zdHJhaW50PXtwcm9wcy5ob3Jpem9udGFsQ29uc3RyYWludH1cbiAgICAgIGlzT3Blbj17cHJvcHMuaXNPcGVufVxuICAgICAgbWVudVBvc2l0aW9uPXtwcm9wcy5tZW51UG9zaXRpb259XG4gICAgICBtZW51TWF4SGVpZ2h0PXtwcm9wcy5tZW51TWF4SGVpZ2h0fVxuICAgICAgdHJpZ2dlckVsZW1lbnRSZWY9e3Byb3BzLnRyaWdnZXJFbGVtZW50UmVmfVxuICAgICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHByb3BzKX1cbiAgICA+XG4gICAgICB7cHJvcHMuY2hpbGRyZW59XG4gICAgPC9Ecm9wZG93bkJhc2VNZW51PlxuICApO1xufTtcblxuZXhwb3J0IHR5cGUgVERyb3Bkb3duTGlzdE1lbnVQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgaG9yaXpvbnRhbENvbnN0cmFpbnQ6IFRNYXhQcm9wO1xuICBtZW51UG9zaXRpb246ICdsZWZ0JyB8ICdyaWdodCc7XG4gIG1lbnVNYXhIZWlnaHQ/OiBudW1iZXI7XG4gIGlzT3BlbjogYm9vbGVhbjtcbiAgdHJpZ2dlckVsZW1lbnRSZWY6IFJlZk9iamVjdDxIVE1MRWxlbWVudD47XG59O1xuZXhwb3J0IGNvbnN0IERyb3Bkb3duTGlzdE1lbnUgPSAocHJvcHM6IFREcm9wZG93bkxpc3RNZW51UHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8RHJvcGRvd25CYXNlTWVudVxuICAgICAgaG9yaXpvbnRhbENvbnN0cmFpbnQ9e3Byb3BzLmhvcml6b250YWxDb25zdHJhaW50fVxuICAgICAgaXNPcGVuPXtwcm9wcy5pc09wZW59XG4gICAgICBtZW51UG9zaXRpb249e3Byb3BzLm1lbnVQb3NpdGlvbn1cbiAgICAgIG1lbnVNYXhIZWlnaHQ9e3Byb3BzLm1lbnVNYXhIZWlnaHR9XG4gICAgICB0cmlnZ2VyRWxlbWVudFJlZj17cHJvcHMudHJpZ2dlckVsZW1lbnRSZWZ9XG4gICAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMocHJvcHMpfVxuICAgID5cbiAgICAgIDxTcGFjaW5nc1N0YWNrIHNjYWxlPVwieHNcIj57cHJvcHMuY2hpbGRyZW59PC9TcGFjaW5nc1N0YWNrPlxuICAgIDwvRHJvcGRvd25CYXNlTWVudT5cbiAgKTtcbn07XG4iXX0= */");
 }
 function DropdownBaseMenu(props) {
   const menuRef = react.useRef(null);
@@ -153,12 +171,13 @@ function DropdownBaseMenu(props) {
       });
     };
   }, [props.isOpen, props.menuPosition, props.triggerElementRef, props.menuMaxHeight]);
-  return jsxRuntime.jsx("div", {
+  return jsxRuntime.jsx("div", _objectSpread$2(_objectSpread$2({
     css: getDropdownMenuBaseStyles(props),
     style: props.customStyles,
-    ref: menuRef,
+    ref: menuRef
+  }, utils.filterDataAttributes(props)), {}, {
     children: props.children
-  });
+  }));
 }
 DropdownBaseMenu.propTypes = process.env.NODE_ENV !== "production" ? {
   children: _pt__default["default"].node.isRequired,
@@ -170,7 +189,7 @@ DropdownBaseMenu.propTypes = process.env.NODE_ENV !== "production" ? {
   triggerElementRef: _pt__default["default"].any.isRequired
 } : {};
 const DropdownContentMenu = props => {
-  return jsxRuntime.jsx(DropdownBaseMenu, {
+  return jsxRuntime.jsx(DropdownBaseMenu, _objectSpread$2(_objectSpread$2({
     customStyles: {
       padding: designSystem.designTokens.spacing30
     },
@@ -178,9 +197,10 @@ const DropdownContentMenu = props => {
     isOpen: props.isOpen,
     menuPosition: props.menuPosition,
     menuMaxHeight: props.menuMaxHeight,
-    triggerElementRef: props.triggerElementRef,
+    triggerElementRef: props.triggerElementRef
+  }, utils.filterDataAttributes(props)), {}, {
     children: props.children
-  });
+  }));
 };
 DropdownContentMenu.propTypes = process.env.NODE_ENV !== "production" ? {
   children: _pt__default["default"].node.isRequired,
@@ -191,17 +211,18 @@ DropdownContentMenu.propTypes = process.env.NODE_ENV !== "production" ? {
   triggerElementRef: _pt__default["default"].any.isRequired
 } : {};
 const DropdownListMenu = props => {
-  return jsxRuntime.jsx(DropdownBaseMenu, {
+  return jsxRuntime.jsx(DropdownBaseMenu, _objectSpread$2(_objectSpread$2({
     horizontalConstraint: props.horizontalConstraint,
     isOpen: props.isOpen,
     menuPosition: props.menuPosition,
     menuMaxHeight: props.menuMaxHeight,
-    triggerElementRef: props.triggerElementRef,
+    triggerElementRef: props.triggerElementRef
+  }, utils.filterDataAttributes(props)), {}, {
     children: jsxRuntime.jsx(SpacingsStack__default["default"], {
       scale: "xs",
       children: props.children
     })
-  });
+  }));
 };
 DropdownListMenu.propTypes = process.env.NODE_ENV !== "production" ? {
   children: _pt__default["default"].node.isRequired,
@@ -212,13 +233,15 @@ DropdownListMenu.propTypes = process.env.NODE_ENV !== "production" ? {
   triggerElementRef: _pt__default["default"].any.isRequired
 } : {};
+function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function getDropdownListMenuItemStyles(props) {
-  return [/*#__PURE__*/react$1.css("display:block;text-align:left;text-wrap:wrap;width:100%;padding:", designSystem.designTokens.spacing20, " ", designSystem.designTokens.spacing30, ";background-color:", designSystem.designTokens.colorSurface, ";&:first-of-type{border-radius:", designSystem.designTokens.borderRadius6, " ", designSystem.designTokens.borderRadius6, " 0 0;}&:last-of-type{border-radius:0 0 ", designSystem.designTokens.borderRadius6, " ", designSystem.designTokens.borderRadius6, ";}&:hover{background-color:", designSystem.designTokens.colorPrimary98, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getDropdownListMenuItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3Bkb3duLW1lbnUtbGlzdC1pdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPTyIsImZpbGUiOiJkcm9wZG93bi1tZW51LWxpc3QtaXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IHVzZURyb3Bkb3duTWVudUNvbnRleHQgfSBmcm9tICcuLi9jb250ZXh0L2Ryb3Bkb3duLW1lbnUtY29udGV4dCc7XG5cbmZ1bmN0aW9uIGdldERyb3Bkb3duTGlzdE1lbnVJdGVtU3R5bGVzKHByb3BzOiBURHJvcGRvd25MaXN0TWVudUl0ZW1Qcm9wcykge1xuICByZXR1cm4gW1xuICAgIGNzc2BcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICAgIHRleHQtd3JhcDogd3JhcDtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzIwfSAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICAgICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9XG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn0gMCAwO1xuICAgICAgfVxuICAgICAgJjpsYXN0LW9mLXR5cGUge1xuICAgICAgICBib3JkZXItcmFkaXVzOiAwIDAgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn1cbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fTtcbiAgICAgIH1cbiAgICAgICY6aG92ZXIge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnk5OH07XG4gICAgICB9XG4gICAgYCxcbiAgICBwcm9wcy5pc0Rpc2FibGVkICYmXG4gICAgICBjc3NgXG4gICAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWx9O1xuICAgICAgYCxcbiAgXTtcbn1cblxuZXhwb3J0IHR5cGUgVERyb3Bkb3duTGlzdE1lbnVJdGVtUHJvcHMgPSB7XG4gIG9uQ2xpY2s/OiAoKSA9PiB2b2lkO1xuICBpc0Rpc2FibGVkPzogYm9vbGVhbjtcbiAgY2hpbGRyZW46IHN0cmluZztcbn07XG5cbmZ1bmN0aW9uIERyb3Bkb3duTGlzdE1lbnVJdGVtKHByb3BzOiBURHJvcGRvd25MaXN0TWVudUl0ZW1Qcm9wcykge1xuICBjb25zdCB7IHRvZ2dsZSB9ID0gdXNlRHJvcGRvd25NZW51Q29udGV4dCgpO1xuICByZXR1cm4gKFxuICAgIDxBY2Nlc3NpYmxlQnV0dG9uXG4gICAgICBsYWJlbD17cHJvcHMuY2hpbGRyZW59XG4gICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgIHRvZ2dsZSgpO1xuICAgICAgICBwcm9wcy5vbkNsaWNrPy4oKTtcbiAgICAgIH19XG4gICAgICBpc0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgY3NzPXtnZXREcm9wZG93bkxpc3RNZW51SXRlbVN0eWxlcyhwcm9wcyl9XG4gICAgPlxuICAgICAge3Byb3BzLmNoaWxkcmVufVxuICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgRHJvcGRvd25MaXN0TWVudUl0ZW07XG4iXX0= */"), props.isDisabled && /*#__PURE__*/react$1.css("color:", designSystem.designTokens.colorNeutral, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getDropdownListMenuItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3Bkb3duLW1lbnUtbGlzdC1pdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQlMiLCJmaWxlIjoiZHJvcGRvd24tbWVudS1saXN0LWl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IEFjY2Vzc2libGVCdXR0b24gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvYWNjZXNzaWJsZS1idXR0b24nO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyB1c2VEcm9wZG93bk1lbnVDb250ZXh0IH0gZnJvbSAnLi4vY29udGV4dC9kcm9wZG93bi1tZW51LWNvbnRleHQnO1xuXG5mdW5jdGlvbiBnZXREcm9wZG93bkxpc3RNZW51SXRlbVN0eWxlcyhwcm9wczogVERyb3Bkb3duTGlzdE1lbnVJdGVtUHJvcHMpIHtcbiAgcmV0dXJuIFtcbiAgICBjc3NgXG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICB0ZXh0LXdyYXA6IHdyYXA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH0gJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgICAmOmZpcnN0LW9mLXR5cGUge1xuICAgICAgICBib3JkZXItcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fVxuICAgICAgICAgICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9IDAgMDtcbiAgICAgIH1cbiAgICAgICY6bGFzdC1vZi10eXBlIHtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogMCAwICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9XG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn07XG4gICAgICB9XG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5OTh9O1xuICAgICAgfVxuICAgIGAsXG4gICAgcHJvcHMuaXNEaXNhYmxlZCAmJlxuICAgICAgY3NzYFxuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsfTtcbiAgICAgIGAsXG4gIF07XG59XG5cbmV4cG9ydCB0eXBlIFREcm9wZG93bkxpc3RNZW51SXRlbVByb3BzID0ge1xuICBvbkNsaWNrPzogKCkgPT4gdm9pZDtcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIGNoaWxkcmVuOiBzdHJpbmc7XG59O1xuXG5mdW5jdGlvbiBEcm9wZG93bkxpc3RNZW51SXRlbShwcm9wczogVERyb3Bkb3duTGlzdE1lbnVJdGVtUHJvcHMpIHtcbiAgY29uc3QgeyB0b2dnbGUgfSA9IHVzZURyb3Bkb3duTWVudUNvbnRleHQoKTtcbiAgcmV0dXJuIChcbiAgICA8QWNjZXNzaWJsZUJ1dHRvblxuICAgICAgbGFiZWw9e3Byb3BzLmNoaWxkcmVufVxuICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICB0b2dnbGUoKTtcbiAgICAgICAgcHJvcHMub25DbGljaz8uKCk7XG4gICAgICB9fVxuICAgICAgaXNEaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH1cbiAgICAgIGNzcz17Z2V0RHJvcGRvd25MaXN0TWVudUl0ZW1TdHlsZXMocHJvcHMpfVxuICAgID5cbiAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICA8L0FjY2Vzc2libGVCdXR0b24+XG4gICk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IERyb3Bkb3duTGlzdE1lbnVJdGVtO1xuIl19 */")];
+  return [/*#__PURE__*/react$1.css("display:block;text-align:left;text-wrap:wrap;width:100%;padding:", designSystem.designTokens.spacing20, " ", designSystem.designTokens.spacing30, ";background-color:", designSystem.designTokens.colorSurface, ";&:first-of-type{border-radius:", designSystem.designTokens.borderRadius6, " ", designSystem.designTokens.borderRadius6, " 0 0;}&:last-of-type{border-radius:0 0 ", designSystem.designTokens.borderRadius6, " ", designSystem.designTokens.borderRadius6, ";}&:hover{background-color:", designSystem.designTokens.colorPrimary98, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getDropdownListMenuItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3Bkb3duLW1lbnUtbGlzdC1pdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRTyIsImZpbGUiOiJkcm9wZG93bi1tZW51LWxpc3QtaXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IHVzZURyb3Bkb3duTWVudUNvbnRleHQgfSBmcm9tICcuLi9jb250ZXh0L2Ryb3Bkb3duLW1lbnUtY29udGV4dCc7XG5pbXBvcnQgeyBmaWx0ZXJEYXRhQXR0cmlidXRlcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcblxuZnVuY3Rpb24gZ2V0RHJvcGRvd25MaXN0TWVudUl0ZW1TdHlsZXMocHJvcHM6IFREcm9wZG93bkxpc3RNZW51SXRlbVByb3BzKSB7XG4gIHJldHVybiBbXG4gICAgY3NzYFxuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgdGV4dC13cmFwOiB3cmFwO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMjB9ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmczMH07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn1cbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fSAwIDA7XG4gICAgICB9XG4gICAgICAmOmxhc3Qtb2YtdHlwZSB7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDAgMCAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fVxuICAgICAgICAgICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICAgICAgfVxuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTk4fTtcbiAgICAgIH1cbiAgICBgLFxuICAgIHByb3BzLmlzRGlzYWJsZWQgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbH07XG4gICAgICBgLFxuICBdO1xufVxuXG5leHBvcnQgdHlwZSBURHJvcGRvd25MaXN0TWVudUl0ZW1Qcm9wcyA9IHtcbiAgb25DbGljaz86ICgpID0+IHZvaWQ7XG4gIGlzRGlzYWJsZWQ/OiBib29sZWFuO1xuICBjaGlsZHJlbjogc3RyaW5nO1xufTtcblxuZnVuY3Rpb24gRHJvcGRvd25MaXN0TWVudUl0ZW0ocHJvcHM6IFREcm9wZG93bkxpc3RNZW51SXRlbVByb3BzKSB7XG4gIGNvbnN0IHsgdG9nZ2xlIH0gPSB1c2VEcm9wZG93bk1lbnVDb250ZXh0KCk7XG4gIHJldHVybiAoXG4gICAgPEFjY2Vzc2libGVCdXR0b25cbiAgICAgIGxhYmVsPXtwcm9wcy5jaGlsZHJlbn1cbiAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgdG9nZ2xlKCk7XG4gICAgICAgIHByb3BzLm9uQ2xpY2s/LigpO1xuICAgICAgfX1cbiAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICBjc3M9e2dldERyb3Bkb3duTGlzdE1lbnVJdGVtU3R5bGVzKHByb3BzKX1cbiAgICAgIHsuLi5maWx0ZXJEYXRhQXR0cmlidXRlcyhwcm9wcyl9XG4gICAgPlxuICAgICAge3Byb3BzLmNoaWxkcmVufVxuICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgRHJvcGRvd25MaXN0TWVudUl0ZW07XG4iXX0= */"), props.isDisabled && /*#__PURE__*/react$1.css("color:", designSystem.designTokens.colorNeutral, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getDropdownListMenuItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3Bkb3duLW1lbnUtbGlzdC1pdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QlMiLCJmaWxlIjoiZHJvcGRvd24tbWVudS1saXN0LWl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IEFjY2Vzc2libGVCdXR0b24gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvYWNjZXNzaWJsZS1idXR0b24nO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyB1c2VEcm9wZG93bk1lbnVDb250ZXh0IH0gZnJvbSAnLi4vY29udGV4dC9kcm9wZG93bi1tZW51LWNvbnRleHQnO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5cbmZ1bmN0aW9uIGdldERyb3Bkb3duTGlzdE1lbnVJdGVtU3R5bGVzKHByb3BzOiBURHJvcGRvd25MaXN0TWVudUl0ZW1Qcm9wcykge1xuICByZXR1cm4gW1xuICAgIGNzc2BcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICAgIHRleHQtd3JhcDogd3JhcDtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzIwfSAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICAgICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9XG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn0gMCAwO1xuICAgICAgfVxuICAgICAgJjpsYXN0LW9mLXR5cGUge1xuICAgICAgICBib3JkZXItcmFkaXVzOiAwIDAgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn1cbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fTtcbiAgICAgIH1cbiAgICAgICY6aG92ZXIge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnk5OH07XG4gICAgICB9XG4gICAgYCxcbiAgICBwcm9wcy5pc0Rpc2FibGVkICYmXG4gICAgICBjc3NgXG4gICAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWx9O1xuICAgICAgYCxcbiAgXTtcbn1cblxuZXhwb3J0IHR5cGUgVERyb3Bkb3duTGlzdE1lbnVJdGVtUHJvcHMgPSB7XG4gIG9uQ2xpY2s/OiAoKSA9PiB2b2lkO1xuICBpc0Rpc2FibGVkPzogYm9vbGVhbjtcbiAgY2hpbGRyZW46IHN0cmluZztcbn07XG5cbmZ1bmN0aW9uIERyb3Bkb3duTGlzdE1lbnVJdGVtKHByb3BzOiBURHJvcGRvd25MaXN0TWVudUl0ZW1Qcm9wcykge1xuICBjb25zdCB7IHRvZ2dsZSB9ID0gdXNlRHJvcGRvd25NZW51Q29udGV4dCgpO1xuICByZXR1cm4gKFxuICAgIDxBY2Nlc3NpYmxlQnV0dG9uXG4gICAgICBsYWJlbD17cHJvcHMuY2hpbGRyZW59XG4gICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgIHRvZ2dsZSgpO1xuICAgICAgICBwcm9wcy5vbkNsaWNrPy4oKTtcbiAgICAgIH19XG4gICAgICBpc0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgY3NzPXtnZXREcm9wZG93bkxpc3RNZW51SXRlbVN0eWxlcyhwcm9wcyl9XG4gICAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMocHJvcHMpfVxuICAgID5cbiAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICA8L0FjY2Vzc2libGVCdXR0b24+XG4gICk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IERyb3Bkb3duTGlzdE1lbnVJdGVtO1xuIl19 */")];
 }
 function DropdownListMenuItem(props) {
   const _useDropdownMenuConte = useDropdownMenuContext(),
     toggle = _useDropdownMenuConte.toggle;
-  return jsxRuntime.jsx(AccessibleButton__default["default"], {
+  return jsxRuntime.jsx(AccessibleButton__default["default"], _objectSpread$1(_objectSpread$1({
     label: props.children,
     onClick: () => {
       var _props$onClick;
@@ -226,11 +249,14 @@ function DropdownListMenuItem(props) {
       (_props$onClick = props.onClick) === null || _props$onClick === void 0 || _props$onClick.call(props);
     },
     isDisabled: props.isDisabled,
-    css: getDropdownListMenuItemStyles(props),
+    css: getDropdownListMenuItemStyles(props)
+  }, utils.filterDataAttributes(props)), {}, {
     children: props.children
-  });
+  }));
 }
+function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 function getScrollableParent(element) {
   if (!element) {
@@ -282,7 +308,7 @@ const Container = /*#__PURE__*/_styled__default["default"]("div", process.env.NO
 } : {
   name: "1nrevy2",
   styles: "position:relative;display:inline-block",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3Bkb3duLW1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9HNEIiLCJmaWxlIjoiZHJvcGRvd24tbWVudS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICB1c2VDYWxsYmFjayxcbiAgdXNlRWZmZWN0LFxuICB1c2VNZW1vLFxuICB1c2VSZWYsXG4gIHR5cGUgUmVhY3RFbGVtZW50LFxuICB0eXBlIFJlYWN0Tm9kZSxcbiAgdHlwZSBSZWZPYmplY3QsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRvZ2dsZVN0YXRlIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaG9va3MnO1xuaW1wb3J0IHsgdHlwZSBUTWF4UHJvcCB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2NvbnN0cmFpbnRzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBEcm9wZG93bk1lbnVDb250ZXh0IGZyb20gJy4vY29udGV4dCc7XG5pbXBvcnQgRHJvcGRvd25UcmlnZ2VyIGZyb20gJy4vdHJpZ2dlcic7XG5pbXBvcnQge1xuICBEcm9wZG93bkNvbnRlbnRNZW51LFxuICBEcm9wZG93bkxpc3RNZW51LFxuICBEcm9wZG93bkxpc3RNZW51SXRlbSxcbn0gZnJvbSAnLi9tZW51JztcblxuZXhwb3J0IHR5cGUgVERyb3Bkb3duTWVudVByb3BzID0ge1xuICAvKipcbiAgICogVGhlIHBvc2l0aW9uIG9mIHRoZSBtZW51IHJlbGF0aXZlIHRvIHRoZSB0cmlnZ2VyIGVsZW1lbnQuXG4gICAqL1xuICBtZW51UG9zaXRpb24/OiAnbGVmdCcgfCAncmlnaHQnO1xuICAvKipcbiAgICogVGhlIG1heGltdW0gaGVpZ2h0IGZvciB0aGUgbWVudSBpbiBwaXhlbHMuXG4gICAqIEJ5IGRlZmF1bHQsIHRoZSBtYXggaGVpZ2h0IHdpbGwgYmUgdGhlIGF2YWlsYWJsZSBzcGFjZSBiZXR3ZWVuIHRoZSB0cmlnZ2VyIGVsZW1lbnQgYW5kIHRoZSBib3R0b20gb2YgdGhlIHZpZXdwb3J0LlxuICAgKi9cbiAgbWVudU1heEhlaWdodD86IG51bWJlcjtcbiAgLyoqXG4gICAqIFRoZSBlbGVtZW50IHRoYXQgdHJpZ2dlcnMgdGhlIGRyb3Bkb3duLlxuICAgKi9cbiAgdHJpZ2dlckVsZW1lbnQ6IFJlYWN0RWxlbWVudDtcbiAgLyoqXG4gICAqIFRoZSB0eXBlIG9mIHRoZSBtZW51LlxuICAgKiBUaGUgJ2RlZmF1bHQnIHR5cGUganVzdCByZW5kZXJzIGEgZHJvcGRvd24gY29udGFpbmVyIGJ1dCB0aGUgJ2xpc3QnIHR5cGUgaXMgaW50ZW5kZWQgdG8gYmUgdXNlZCB3aXRoIHRoZSBEcm9wZG93bk1lbnUuTGlzdE1lbnVJdGVtIGNvbXBvbmVudC5cbiAgICovXG4gIG1lbnVUeXBlPzogJ2RlZmF1bHQnIHwgJ2xpc3QnO1xuICAvKipcbiAgICogVGhlIGhvcml6b250YWwgY29uc3RyYWludCBvZiB0aGUgbWVudS5cbiAgICovXG4gIG1lbnVIb3Jpem9udGFsQ29uc3RyYWludD86IFRNYXhQcm9wO1xuICAvKipcbiAgICogVGhlIGNvbnRlbnQgb2YgdGhlIGRyb3Bkb3duLlxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn07XG5cbmZ1bmN0aW9uIGdldFNjcm9sbGFibGVQYXJlbnQoZWxlbWVudDogSFRNTEVsZW1lbnQgfCBudWxsKTogSFRNTEVsZW1lbnQgfCBudWxsIHtcbiAgaWYgKCFlbGVtZW50KSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cbiAgY29uc3Qgb3ZlcmZsb3dZID0gd2luZG93LmdldENvbXB1dGVkU3R5bGUoZWxlbWVudCkub3ZlcmZsb3dZO1xuICBjb25zdCBpc1Njcm9sbGFibGUgPSBvdmVyZmxvd1kgIT09ICd2aXNpYmxlJyAmJiBvdmVyZmxvd1kgIT09ICdoaWRkZW4nO1xuICBpZiAoaXNTY3JvbGxhYmxlICYmIGVsZW1lbnQuc2Nyb2xsSGVpZ2h0ID49IGVsZW1lbnQuY2xpZW50SGVpZ2h0KSB7XG4gICAgcmV0dXJuIGVsZW1lbnQ7XG4gIH1cblxuICByZXR1cm4gZ2V0U2Nyb2xsYWJsZVBhcmVudChlbGVtZW50LnBhcmVudEVsZW1lbnQpO1xufVxuXG5mdW5jdGlvbiB1c2VTY3JvbGxCbG9jayhpc09wZW46IGJvb2xlYW4sIHRyaWdnZXJSZWY6IFJlZk9iamVjdDxIVE1MRWxlbWVudD4pIHtcbiAgY29uc3Qgc2Nyb2xsYWJsZVBhcmVudFJlZiA9IHVzZVJlZjxIVE1MRWxlbWVudCB8IG51bGw+KCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIXNjcm9sbGFibGVQYXJlbnRSZWYuY3VycmVudCkge1xuICAgICAgc2Nyb2xsYWJsZVBhcmVudFJlZi5jdXJyZW50ID0gZ2V0U2Nyb2xsYWJsZVBhcmVudCh0cmlnZ2VyUmVmLmN1cnJlbnQpO1xuICAgIH1cblxuICAgIGNvbnN0IHsgY3VycmVudDogc2Nyb2xsYWJsZVBhcmVudCB9ID0gc2Nyb2xsYWJsZVBhcmVudFJlZjtcbiAgICBpZiAoc2Nyb2xsYWJsZVBhcmVudCAmJiBpc09wZW4pIHtcbiAgICAgIHNjcm9sbGFibGVQYXJlbnQuc2V0QXR0cmlidXRlKFxuICAgICAgICAnZGF0YS1wcmV2LXNjcm9sbCcsXG4gICAgICAgIHNjcm9sbGFibGVQYXJlbnQuc3R5bGUub3ZlcmZsb3dZXG4gICAgICApO1xuICAgICAgc2Nyb2xsYWJsZVBhcmVudC5zdHlsZS5vdmVyZmxvd1kgPSAnaGlkZGVuJztcbiAgICB9XG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIC8vIFRoZSBjbGVhbnVwIGVmZmVjdCBydW5zIGFmdGVyIHRoZSBjb21wb25lbnQgaXMgdW5tb3VudGVkIGJ1dCBhbHNvIGV2ZXJ5dGltZVxuICAgICAgLy8gdGhlIGRlcGVuZGVuY3kgYXJyYXkgY2hhbmdlcy4gV2UgbmVlZCB0byBtYW5hZ2UgYm90aCB0byBtYW5hZ2Ugb3BlbmluZy9jbG9zaW5nXG4gICAgICAvLyB0aGUgZHJvcGRvd24gYnV0IGFsc28gdG8gbWFuYWdlIHRoZSB0aGUgZHJvcGRvd24gaXMgb3BlbmVkIGFuZCB0aGUgY29tcG9uZW50XG4gICAgICAvLyBpcyB1bm1vdW50ZWQuIEZvciBpbnN0YW5jZSwgd2hlbiBuYXZpZ2F0aW5nIHRvIGFub3RoZXIgcGFnZSBjbGllbnQtc2lkZS5cbiAgICAgIGlmIChzY3JvbGxhYmxlUGFyZW50ICYmIGlzT3Blbikge1xuICAgICAgICBjb25zdCBwcmV2U2Nyb2xsID0gc2Nyb2xsYWJsZVBhcmVudC5nZXRBdHRyaWJ1dGUoJ2RhdGEtcHJldi1zY3JvbGwnKTtcbiAgICAgICAgc2Nyb2xsYWJsZVBhcmVudC5zdHlsZS5vdmVyZmxvd1kgPSBwcmV2U2Nyb2xsIHx8ICcnO1xuICAgICAgfVxuICAgIH07XG4gIH0sIFtpc09wZW4sIHNjcm9sbGFibGVQYXJlbnRSZWYsIHRyaWdnZXJSZWZdKTtcbn1cblxuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFxuICBURHJvcGRvd25NZW51UHJvcHMsXG4gICdtZW51UG9zaXRpb24nIHwgJ21lbnVUeXBlJyB8ICdtZW51SG9yaXpvbnRhbENvbnN0cmFpbnQnXG4+ID0ge1xuICBtZW51SG9yaXpvbnRhbENvbnN0cmFpbnQ6ICdhdXRvJyxcbiAgbWVudVBvc2l0aW9uOiAnbGVmdCcsXG4gIG1lbnVUeXBlOiAnZGVmYXVsdCcsXG59O1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbmA7XG5cbmZ1bmN0aW9uIERyb3Bkb3duTWVudShwcm9wczogVERyb3Bkb3duTWVudVByb3BzKSB7XG4gIGNvbnN0IFtpc09wZW4sIHRvZ2dsZV0gPSB1c2VUb2dnbGVTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHRyaWdnZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuXG4gIC8vIFdlIHVzZSB0aGUgY29udGV4dCBzbyBjaGlsZHJlbiBjYW4gdG9nZ2xlIHRoZSBkcm9wZG93blxuICBjb25zdCBjb250ZXh0ID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoe1xuICAgICAgaXNPcGVuLFxuICAgICAgdG9nZ2xlLFxuICAgIH0pLFxuICAgIFtpc09wZW4sIHRvZ2dsZV1cbiAgKTtcbiAgY29uc3QgTWVudSA9XG4gICAgcHJvcHMubWVudVR5cGUgPT09ICdkZWZhdWx0JyA/IERyb3Bkb3duQ29udGVudE1lbnUgOiBEcm9wZG93bkxpc3RNZW51O1xuXG4gIC8vIENsb3NlIHRoZSBkcm9wZG93biB3aGVuIGNsaWNraW5nIG91dHNpZGUgb2YgaXRcbiAgY29uc3QgaGFuZGxlR2xvYmFsQ2xpY2sgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZlbnQpID0+IHtcbiAgICAgIGNvbnN0IHRyaWdnZXJFbGVtZW50ID0gdHJpZ2dlclJlZi5jdXJyZW50O1xuICAgICAgaWYgKFxuICAgICAgICBpc09wZW4gJiZcbiAgICAgICAgdHJpZ2dlckVsZW1lbnQgJiZcbiAgICAgICAgZXZlbnQudGFyZ2V0ICE9PSB0cmlnZ2VyRWxlbWVudCAmJlxuICAgICAgICB3aW5kb3cuZG9jdW1lbnQuY29udGFpbnMoZXZlbnQudGFyZ2V0KSAmJlxuICAgICAgICAhdHJpZ2dlckVsZW1lbnQucGFyZW50RWxlbWVudD8uY29udGFpbnMoZXZlbnQudGFyZ2V0KVxuICAgICAgKSB7XG4gICAgICAgIHRvZ2dsZShmYWxzZSk7XG4gICAgICB9XG4gICAgfSxcbiAgICBbdHJpZ2dlclJlZiwgdG9nZ2xlLCBpc09wZW5dXG4gICk7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ2NsaWNrJywgaGFuZGxlR2xvYmFsQ2xpY2spO1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcignY2xpY2snLCBoYW5kbGVHbG9iYWxDbGljayk7XG4gICAgfTtcbiAgfSwgW2hhbmRsZUdsb2JhbENsaWNrXSk7XG5cbiAgLy8gQmxvY2sgc2Nyb2xsaW5nIHdoZW4gdGhlIGRyb3Bkb3duIGlzIG9wZW4uXG4gIC8vIFdlIGRvIHRoaXMgdG8gYXZvaWQgcmVxdWlyaW5nIGRyb3Bkb3duIHJlcmVuZGVyaW5nIHdoaWxlIHRoZSB1c2VyIHNjcm9sbHMuXG4gIHVzZVNjcm9sbEJsb2NrKGlzT3BlbiwgdHJpZ2dlclJlZik7XG5cbiAgcmV0dXJuIChcbiAgICA8RHJvcGRvd25NZW51Q29udGV4dC5Qcm92aWRlciB2YWx1ZT17Y29udGV4dH0+XG4gICAgICA8Q29udGFpbmVyPlxuICAgICAgICA8RHJvcGRvd25UcmlnZ2VyIG9uQ2xpY2s9e3RvZ2dsZX0gcmVmPXt0cmlnZ2VyUmVmfT5cbiAgICAgICAgICB7cHJvcHMudHJpZ2dlckVsZW1lbnR9XG4gICAgICAgIDwvRHJvcGRvd25UcmlnZ2VyPlxuXG4gICAgICAgIDxNZW51XG4gICAgICAgICAgaG9yaXpvbnRhbENvbnN0cmFpbnQ9e3Byb3BzLm1lbnVIb3Jpem9udGFsQ29uc3RyYWludCF9XG4gICAgICAgICAgaXNPcGVuPXtpc09wZW59XG4gICAgICAgICAgbWVudVBvc2l0aW9uPXtwcm9wcy5tZW51UG9zaXRpb24hfVxuICAgICAgICAgIG1lbnVNYXhIZWlnaHQ9e3Byb3BzLm1lbnVNYXhIZWlnaHR9XG4gICAgICAgICAgdHJpZ2dlckVsZW1lbnRSZWY9e3RyaWdnZXJSZWZ9XG4gICAgICAgID5cbiAgICAgICAgICB7cHJvcHMuY2hpbGRyZW59XG4gICAgICAgIDwvTWVudT5cbiAgICAgIDwvQ29udGFpbmVyPlxuICAgIDwvRHJvcGRvd25NZW51Q29udGV4dC5Qcm92aWRlcj5cbiAgKTtcbn1cbkRyb3Bkb3duTWVudS5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5cbkRyb3Bkb3duTWVudS5MaXN0TWVudUl0ZW0gPSBEcm9wZG93bkxpc3RNZW51SXRlbTtcblxuZXhwb3J0IGRlZmF1bHQgRHJvcGRvd25NZW51O1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3Bkb3duLW1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFHNEIiLCJmaWxlIjoiZHJvcGRvd24tbWVudS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICB1c2VDYWxsYmFjayxcbiAgdXNlRWZmZWN0LFxuICB1c2VNZW1vLFxuICB1c2VSZWYsXG4gIHR5cGUgUmVhY3RFbGVtZW50LFxuICB0eXBlIFJlYWN0Tm9kZSxcbiAgdHlwZSBSZWZPYmplY3QsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IHsgdXNlVG9nZ2xlU3RhdGUgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9ob29rcyc7XG5pbXBvcnQgeyB0eXBlIFRNYXhQcm9wIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvY29uc3RyYWludHMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IERyb3Bkb3duTWVudUNvbnRleHQgZnJvbSAnLi9jb250ZXh0JztcbmltcG9ydCBEcm9wZG93blRyaWdnZXIgZnJvbSAnLi90cmlnZ2VyJztcbmltcG9ydCB7XG4gIERyb3Bkb3duQ29udGVudE1lbnUsXG4gIERyb3Bkb3duTGlzdE1lbnUsXG4gIERyb3Bkb3duTGlzdE1lbnVJdGVtLFxufSBmcm9tICcuL21lbnUnO1xuXG5leHBvcnQgdHlwZSBURHJvcGRvd25NZW51UHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgcG9zaXRpb24gb2YgdGhlIG1lbnUgcmVsYXRpdmUgdG8gdGhlIHRyaWdnZXIgZWxlbWVudC5cbiAgICovXG4gIG1lbnVQb3NpdGlvbj86ICdsZWZ0JyB8ICdyaWdodCc7XG4gIC8qKlxuICAgKiBUaGUgbWF4aW11bSBoZWlnaHQgZm9yIHRoZSBtZW51IGluIHBpeGVscy5cbiAgICogQnkgZGVmYXVsdCwgdGhlIG1heCBoZWlnaHQgd2lsbCBiZSB0aGUgYXZhaWxhYmxlIHNwYWNlIGJldHdlZW4gdGhlIHRyaWdnZXIgZWxlbWVudCBhbmQgdGhlIGJvdHRvbSBvZiB0aGUgdmlld3BvcnQuXG4gICAqL1xuICBtZW51TWF4SGVpZ2h0PzogbnVtYmVyO1xuICAvKipcbiAgICogVGhlIGVsZW1lbnQgdGhhdCB0cmlnZ2VycyB0aGUgZHJvcGRvd24uXG4gICAqL1xuICB0cmlnZ2VyRWxlbWVudDogUmVhY3RFbGVtZW50O1xuICAvKipcbiAgICogVGhlIHR5cGUgb2YgdGhlIG1lbnUuXG4gICAqIFRoZSAnZGVmYXVsdCcgdHlwZSBqdXN0IHJlbmRlcnMgYSBkcm9wZG93biBjb250YWluZXIgYnV0IHRoZSAnbGlzdCcgdHlwZSBpcyBpbnRlbmRlZCB0byBiZSB1c2VkIHdpdGggdGhlIERyb3Bkb3duTWVudS5MaXN0TWVudUl0ZW0gY29tcG9uZW50LlxuICAgKi9cbiAgbWVudVR5cGU/OiAnZGVmYXVsdCcgfCAnbGlzdCc7XG4gIC8qKlxuICAgKiBUaGUgaG9yaXpvbnRhbCBjb25zdHJhaW50IG9mIHRoZSBtZW51LlxuICAgKi9cbiAgbWVudUhvcml6b250YWxDb25zdHJhaW50PzogVE1heFByb3A7XG4gIC8qKlxuICAgKiBUaGUgY29udGVudCBvZiB0aGUgZHJvcGRvd24uXG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufTtcblxuZnVuY3Rpb24gZ2V0U2Nyb2xsYWJsZVBhcmVudChlbGVtZW50OiBIVE1MRWxlbWVudCB8IG51bGwpOiBIVE1MRWxlbWVudCB8IG51bGwge1xuICBpZiAoIWVsZW1lbnQpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuICBjb25zdCBvdmVyZmxvd1kgPSB3aW5kb3cuZ2V0Q29tcHV0ZWRTdHlsZShlbGVtZW50KS5vdmVyZmxvd1k7XG4gIGNvbnN0IGlzU2Nyb2xsYWJsZSA9IG92ZXJmbG93WSAhPT0gJ3Zpc2libGUnICYmIG92ZXJmbG93WSAhPT0gJ2hpZGRlbic7XG4gIGlmIChpc1Njcm9sbGFibGUgJiYgZWxlbWVudC5zY3JvbGxIZWlnaHQgPj0gZWxlbWVudC5jbGllbnRIZWlnaHQpIHtcbiAgICByZXR1cm4gZWxlbWVudDtcbiAgfVxuXG4gIHJldHVybiBnZXRTY3JvbGxhYmxlUGFyZW50KGVsZW1lbnQucGFyZW50RWxlbWVudCk7XG59XG5cbmZ1bmN0aW9uIHVzZVNjcm9sbEJsb2NrKGlzT3BlbjogYm9vbGVhbiwgdHJpZ2dlclJlZjogUmVmT2JqZWN0PEhUTUxFbGVtZW50Pikge1xuICBjb25zdCBzY3JvbGxhYmxlUGFyZW50UmVmID0gdXNlUmVmPEhUTUxFbGVtZW50IHwgbnVsbD4oKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghc2Nyb2xsYWJsZVBhcmVudFJlZi5jdXJyZW50KSB7XG4gICAgICBzY3JvbGxhYmxlUGFyZW50UmVmLmN1cnJlbnQgPSBnZXRTY3JvbGxhYmxlUGFyZW50KHRyaWdnZXJSZWYuY3VycmVudCk7XG4gICAgfVxuXG4gICAgY29uc3QgeyBjdXJyZW50OiBzY3JvbGxhYmxlUGFyZW50IH0gPSBzY3JvbGxhYmxlUGFyZW50UmVmO1xuICAgIGlmIChzY3JvbGxhYmxlUGFyZW50ICYmIGlzT3Blbikge1xuICAgICAgc2Nyb2xsYWJsZVBhcmVudC5zZXRBdHRyaWJ1dGUoXG4gICAgICAgICdkYXRhLXByZXYtc2Nyb2xsJyxcbiAgICAgICAgc2Nyb2xsYWJsZVBhcmVudC5zdHlsZS5vdmVyZmxvd1lcbiAgICAgICk7XG4gICAgICBzY3JvbGxhYmxlUGFyZW50LnN0eWxlLm92ZXJmbG93WSA9ICdoaWRkZW4nO1xuICAgIH1cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgLy8gVGhlIGNsZWFudXAgZWZmZWN0IHJ1bnMgYWZ0ZXIgdGhlIGNvbXBvbmVudCBpcyB1bm1vdW50ZWQgYnV0IGFsc28gZXZlcnl0aW1lXG4gICAgICAvLyB0aGUgZGVwZW5kZW5jeSBhcnJheSBjaGFuZ2VzLiBXZSBuZWVkIHRvIG1hbmFnZSBib3RoIHRvIG1hbmFnZSBvcGVuaW5nL2Nsb3NpbmdcbiAgICAgIC8vIHRoZSBkcm9wZG93biBidXQgYWxzbyB0byBtYW5hZ2UgdGhlIHRoZSBkcm9wZG93biBpcyBvcGVuZWQgYW5kIHRoZSBjb21wb25lbnRcbiAgICAgIC8vIGlzIHVubW91bnRlZC4gRm9yIGluc3RhbmNlLCB3aGVuIG5hdmlnYXRpbmcgdG8gYW5vdGhlciBwYWdlIGNsaWVudC1zaWRlLlxuICAgICAgaWYgKHNjcm9sbGFibGVQYXJlbnQgJiYgaXNPcGVuKSB7XG4gICAgICAgIGNvbnN0IHByZXZTY3JvbGwgPSBzY3JvbGxhYmxlUGFyZW50LmdldEF0dHJpYnV0ZSgnZGF0YS1wcmV2LXNjcm9sbCcpO1xuICAgICAgICBzY3JvbGxhYmxlUGFyZW50LnN0eWxlLm92ZXJmbG93WSA9IHByZXZTY3JvbGwgfHwgJyc7XG4gICAgICB9XG4gICAgfTtcbiAgfSwgW2lzT3Blbiwgc2Nyb2xsYWJsZVBhcmVudFJlZiwgdHJpZ2dlclJlZl0pO1xufVxuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8XG4gIFREcm9wZG93bk1lbnVQcm9wcyxcbiAgJ21lbnVQb3NpdGlvbicgfCAnbWVudVR5cGUnIHwgJ21lbnVIb3Jpem9udGFsQ29uc3RyYWludCdcbj4gPSB7XG4gIG1lbnVIb3Jpem9udGFsQ29uc3RyYWludDogJ2F1dG8nLFxuICBtZW51UG9zaXRpb246ICdsZWZ0JyxcbiAgbWVudVR5cGU6ICdkZWZhdWx0Jyxcbn07XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuYDtcblxuZnVuY3Rpb24gRHJvcGRvd25NZW51KHByb3BzOiBURHJvcGRvd25NZW51UHJvcHMpIHtcbiAgY29uc3QgW2lzT3BlbiwgdG9nZ2xlXSA9IHVzZVRvZ2dsZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgdHJpZ2dlclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG5cbiAgLy8gV2UgdXNlIHRoZSBjb250ZXh0IHNvIGNoaWxkcmVuIGNhbiB0b2dnbGUgdGhlIGRyb3Bkb3duXG4gIGNvbnN0IGNvbnRleHQgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7XG4gICAgICBpc09wZW4sXG4gICAgICB0b2dnbGUsXG4gICAgfSksXG4gICAgW2lzT3BlbiwgdG9nZ2xlXVxuICApO1xuICBjb25zdCBNZW51ID1cbiAgICBwcm9wcy5tZW51VHlwZSA9PT0gJ2RlZmF1bHQnID8gRHJvcGRvd25Db250ZW50TWVudSA6IERyb3Bkb3duTGlzdE1lbnU7XG5cbiAgLy8gQ2xvc2UgdGhlIGRyb3Bkb3duIHdoZW4gY2xpY2tpbmcgb3V0c2lkZSBvZiBpdFxuICBjb25zdCBoYW5kbGVHbG9iYWxDbGljayA9IHVzZUNhbGxiYWNrKFxuICAgIChldmVudCkgPT4ge1xuICAgICAgY29uc3QgdHJpZ2dlckVsZW1lbnQgPSB0cmlnZ2VyUmVmLmN1cnJlbnQ7XG4gICAgICBpZiAoXG4gICAgICAgIGlzT3BlbiAmJlxuICAgICAgICB0cmlnZ2VyRWxlbWVudCAmJlxuICAgICAgICBldmVudC50YXJnZXQgIT09IHRyaWdnZXJFbGVtZW50ICYmXG4gICAgICAgIHdpbmRvdy5kb2N1bWVudC5jb250YWlucyhldmVudC50YXJnZXQpICYmXG4gICAgICAgICF0cmlnZ2VyRWxlbWVudC5wYXJlbnRFbGVtZW50Py5jb250YWlucyhldmVudC50YXJnZXQpXG4gICAgICApIHtcbiAgICAgICAgdG9nZ2xlKGZhbHNlKTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFt0cmlnZ2VyUmVmLCB0b2dnbGUsIGlzT3Blbl1cbiAgKTtcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcignY2xpY2snLCBoYW5kbGVHbG9iYWxDbGljayk7XG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdjbGljaycsIGhhbmRsZUdsb2JhbENsaWNrKTtcbiAgICB9O1xuICB9LCBbaGFuZGxlR2xvYmFsQ2xpY2tdKTtcblxuICAvLyBCbG9jayBzY3JvbGxpbmcgd2hlbiB0aGUgZHJvcGRvd24gaXMgb3Blbi5cbiAgLy8gV2UgZG8gdGhpcyB0byBhdm9pZCByZXF1aXJpbmcgZHJvcGRvd24gcmVyZW5kZXJpbmcgd2hpbGUgdGhlIHVzZXIgc2Nyb2xscy5cbiAgdXNlU2Nyb2xsQmxvY2soaXNPcGVuLCB0cmlnZ2VyUmVmKTtcblxuICByZXR1cm4gKFxuICAgIDxEcm9wZG93bk1lbnVDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtjb250ZXh0fT5cbiAgICAgIDxDb250YWluZXI+XG4gICAgICAgIDxEcm9wZG93blRyaWdnZXIgb25DbGljaz17dG9nZ2xlfSByZWY9e3RyaWdnZXJSZWZ9PlxuICAgICAgICAgIHtwcm9wcy50cmlnZ2VyRWxlbWVudH1cbiAgICAgICAgPC9Ecm9wZG93blRyaWdnZXI+XG5cbiAgICAgICAgPE1lbnVcbiAgICAgICAgICBob3Jpem9udGFsQ29uc3RyYWludD17cHJvcHMubWVudUhvcml6b250YWxDb25zdHJhaW50IX1cbiAgICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgICBtZW51UG9zaXRpb249e3Byb3BzLm1lbnVQb3NpdGlvbiF9XG4gICAgICAgICAgbWVudU1heEhlaWdodD17cHJvcHMubWVudU1heEhlaWdodH1cbiAgICAgICAgICB0cmlnZ2VyRWxlbWVudFJlZj17dHJpZ2dlclJlZn1cbiAgICAgICAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMocHJvcHMpfVxuICAgICAgICA+XG4gICAgICAgICAge3Byb3BzLmNoaWxkcmVufVxuICAgICAgICA8L01lbnU+XG4gICAgICA8L0NvbnRhaW5lcj5cbiAgICA8L0Ryb3Bkb3duTWVudUNvbnRleHQuUHJvdmlkZXI+XG4gICk7XG59XG5Ecm9wZG93bk1lbnUuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5Ecm9wZG93bk1lbnUuTGlzdE1lbnVJdGVtID0gRHJvcGRvd25MaXN0TWVudUl0ZW07XG5cbmV4cG9ydCBkZWZhdWx0IERyb3Bkb3duTWVudTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 function DropdownMenu(props) {
@@ -324,14 +350,15 @@ function DropdownMenu(props) {
         onClick: toggle,
         ref: triggerRef,
         children: props.triggerElement
-      }), jsxRuntime.jsx(Menu, {
+      }), jsxRuntime.jsx(Menu, _objectSpread(_objectSpread({
         horizontalConstraint: props.menuHorizontalConstraint,
         isOpen: isOpen,
         menuPosition: props.menuPosition,
         menuMaxHeight: props.menuMaxHeight,
-        triggerElementRef: triggerRef,
+        triggerElementRef: triggerRef
+      }, utils.filterDataAttributes(props)), {}, {
         children: props.children
-      })]
+      }))]
     })
   });
 }
@@ -347,7 +374,7 @@ DropdownMenu.defaultProps = defaultProps;
 DropdownMenu.ListMenuItem = DropdownListMenuItem;
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.7.0";
+var version = "19.9.0";
 exports["default"] = DropdownMenu;
 exports.useDropdownMenuContext = useDropdownMenuContext;

package/dist/commercetools-uikit-dropdown-menu.cjs.prod.js CHANGED Viewed

@@ -2,15 +2,24 @@
 Object.defineProperty(exports, '__esModule', { value: true });
+var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _styled = require('@emotion/styled/base');
 require('prop-types');
 var react = require('react');
+var utils = require('@commercetools-uikit/utils');
 var hooks = require('@commercetools-uikit/hooks');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var _setTimeout = require('@babel/runtime-corejs3/core-js-stable/set-timeout');
-var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
 var react$1 = require('@emotion/react');
 var designSystem = require('@commercetools-uikit/design-system');
 var Constraints = require('@commercetools-uikit/constraints');
@@ -19,10 +28,17 @@ var AccessibleButton = require('@commercetools-uikit/accessible-button');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
 var _styled__default = /*#__PURE__*/_interopDefault(_styled);
 var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var _setTimeout__default = /*#__PURE__*/_interopDefault(_setTimeout);
-var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
 var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
 var SpacingsStack__default = /*#__PURE__*/_interopDefault(SpacingsStack);
 var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
@@ -52,6 +68,8 @@ const DropDownTrigger = /*#__PURE__*/react.forwardRef((props, ref) => {
 DropDownTrigger.displayName = 'DropDownTrigger';
 var DropdownTrigger = DropDownTrigger;
+function ownKeys$2(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context10, _context11; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context10 = ownKeys$2(Object(t), !0)).call(_context10, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context11 = ownKeys$2(Object(t))).call(_context11, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const boxShadowBottomSize = '5px';
 const outerMargin = designSystem.designTokens.spacing20;
 function getDropdownMenuBaseStyles(params) {
@@ -152,16 +170,17 @@ function DropdownBaseMenu(props) {
       });
     };
   }, [props.isOpen, props.menuPosition, props.triggerElementRef, props.menuMaxHeight]);
-  return jsxRuntime.jsx("div", {
+  return jsxRuntime.jsx("div", _objectSpread$2(_objectSpread$2({
     css: getDropdownMenuBaseStyles(props),
     style: props.customStyles,
-    ref: menuRef,
+    ref: menuRef
+  }, utils.filterDataAttributes(props)), {}, {
     children: props.children
-  });
+  }));
 }
 DropdownBaseMenu.propTypes = {};
 const DropdownContentMenu = props => {
-  return jsxRuntime.jsx(DropdownBaseMenu, {
+  return jsxRuntime.jsx(DropdownBaseMenu, _objectSpread$2(_objectSpread$2({
     customStyles: {
       padding: designSystem.designTokens.spacing30
     },
@@ -169,33 +188,37 @@ const DropdownContentMenu = props => {
     isOpen: props.isOpen,
     menuPosition: props.menuPosition,
     menuMaxHeight: props.menuMaxHeight,
-    triggerElementRef: props.triggerElementRef,
+    triggerElementRef: props.triggerElementRef
+  }, utils.filterDataAttributes(props)), {}, {
     children: props.children
-  });
+  }));
 };
 DropdownContentMenu.propTypes = {};
 const DropdownListMenu = props => {
-  return jsxRuntime.jsx(DropdownBaseMenu, {
+  return jsxRuntime.jsx(DropdownBaseMenu, _objectSpread$2(_objectSpread$2({
     horizontalConstraint: props.horizontalConstraint,
     isOpen: props.isOpen,
     menuPosition: props.menuPosition,
     menuMaxHeight: props.menuMaxHeight,
-    triggerElementRef: props.triggerElementRef,
+    triggerElementRef: props.triggerElementRef
+  }, utils.filterDataAttributes(props)), {}, {
     children: jsxRuntime.jsx(SpacingsStack__default["default"], {
       scale: "xs",
       children: props.children
     })
-  });
+  }));
 };
 DropdownListMenu.propTypes = {};
+function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function getDropdownListMenuItemStyles(props) {
   return [/*#__PURE__*/react$1.css("display:block;text-align:left;text-wrap:wrap;width:100%;padding:", designSystem.designTokens.spacing20, " ", designSystem.designTokens.spacing30, ";background-color:", designSystem.designTokens.colorSurface, ";&:first-of-type{border-radius:", designSystem.designTokens.borderRadius6, " ", designSystem.designTokens.borderRadius6, " 0 0;}&:last-of-type{border-radius:0 0 ", designSystem.designTokens.borderRadius6, " ", designSystem.designTokens.borderRadius6, ";}&:hover{background-color:", designSystem.designTokens.colorPrimary98, ";}" + ("" ), "" ), props.isDisabled && /*#__PURE__*/react$1.css("color:", designSystem.designTokens.colorNeutral, ";" + ("" ), "" )];
 }
 function DropdownListMenuItem(props) {
   const _useDropdownMenuConte = useDropdownMenuContext(),
     toggle = _useDropdownMenuConte.toggle;
-  return jsxRuntime.jsx(AccessibleButton__default["default"], {
+  return jsxRuntime.jsx(AccessibleButton__default["default"], _objectSpread$1(_objectSpread$1({
     label: props.children,
     onClick: () => {
       var _props$onClick;
@@ -203,11 +226,14 @@ function DropdownListMenuItem(props) {
       (_props$onClick = props.onClick) === null || _props$onClick === void 0 || _props$onClick.call(props);
     },
     isDisabled: props.isDisabled,
-    css: getDropdownListMenuItemStyles(props),
+    css: getDropdownListMenuItemStyles(props)
+  }, utils.filterDataAttributes(props)), {}, {
     children: props.children
-  });
+  }));
 }
+function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function getScrollableParent(element) {
   if (!element) {
     return null;
@@ -292,14 +318,15 @@ function DropdownMenu(props) {
         onClick: toggle,
         ref: triggerRef,
         children: props.triggerElement
-      }), jsxRuntime.jsx(Menu, {
+      }), jsxRuntime.jsx(Menu, _objectSpread(_objectSpread({
         horizontalConstraint: props.menuHorizontalConstraint,
         isOpen: isOpen,
         menuPosition: props.menuPosition,
         menuMaxHeight: props.menuMaxHeight,
-        triggerElementRef: triggerRef,
+        triggerElementRef: triggerRef
+      }, utils.filterDataAttributes(props)), {}, {
         children: props.children
-      })]
+      }))]
     })
   });
 }
@@ -308,7 +335,7 @@ DropdownMenu.defaultProps = defaultProps;
 DropdownMenu.ListMenuItem = DropdownListMenuItem;
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.7.0";
+var version = "19.9.0";
 exports["default"] = DropdownMenu;
 exports.useDropdownMenuContext = useDropdownMenuContext;

package/dist/commercetools-uikit-dropdown-menu.esm.js CHANGED Viewed

@@ -1,12 +1,21 @@
+import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
+import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
+import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
+import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
+import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
 import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
 import _styled from '@emotion/styled/base';
 import _pt from 'prop-types';
 import { useContext, createContext, forwardRef, useRef, useLayoutEffect, useMemo, useCallback, useEffect } from 'react';
+import { filterDataAttributes } from '@commercetools-uikit/utils';
 import { useToggleState } from '@commercetools-uikit/hooks';
 import { jsx, jsxs } from '@emotion/react/jsx-runtime';
 import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import _setTimeout from '@babel/runtime-corejs3/core-js-stable/set-timeout';
-import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
 import { css } from '@emotion/react';
 import { designTokens } from '@commercetools-uikit/design-system';
 import Constraints from '@commercetools-uikit/constraints';
@@ -38,10 +47,12 @@ const DropDownTrigger = /*#__PURE__*/forwardRef((props, ref) => {
 DropDownTrigger.displayName = 'DropDownTrigger';
 var DropdownTrigger = DropDownTrigger;
+function ownKeys$2(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context10, _context11; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context10 = ownKeys$2(Object(t), !0)).call(_context10, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context11 = ownKeys$2(Object(t))).call(_context11, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const boxShadowBottomSize = '5px';
 const outerMargin = designTokens.spacing20;
 function getDropdownMenuBaseStyles(params) {
-  return /*#__PURE__*/css("background-color:", designTokens.colorSurface, ";border:1px solid ", designTokens.colorSurface, ";border-radius:", designTokens.borderRadius4, ";box-shadow:0 2px ", boxShadowBottomSize, " 0px rgba(0, 0, 0, 0.15);display:", params.isOpen ? 'block' : 'none', ";max-width:", Constraints.getMaxPropTokenValue(params.horizontalConstraint), ";overflow-y:auto;position:fixed;visibility:hidden;width:", params.horizontalConstraint === 'auto' ? 'auto' : '100%', ";z-index:1;" + (process.env.NODE_ENV === "production" ? "" : ";label:getDropdownMenuBaseStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3Bkb3duLW1lbnUtbWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0JZIiwiZmlsZSI6ImRyb3Bkb3duLW1lbnUtbWVudS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDU1NQcm9wZXJ0aWVzLFxuICBSZWFjdE5vZGUsXG4gIFJlZk9iamVjdCxcbiAgdXNlTGF5b3V0RWZmZWN0LFxuICB1c2VSZWYsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IENvbnN0cmFpbnRzLCB7IHR5cGUgVE1heFByb3AgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9jb25zdHJhaW50cyc7XG5pbXBvcnQgU3BhY2luZ3NTdGFjayBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncy1zdGFjayc7XG5cbi8vIFdlIGRlY2xhcmUgdGhpcyBzdHlsZSBwcm9wZXJ0aWVzIGhlcmUgYmVjYXVzZSB3ZSBuZWVkIHRoZW0gYm90aCBmb3IgaW5pdGlhbCBjb21wb25lbnQgc3R5bGluZ1xuLy8gYnV0IGFsc28gZm9yIGNhbGN1bGF0aW5nIHRoZSBkZWZhdWx0IG1heCBoZWlnaHQgb2YgdGhlIGRyb3Bkb3duIG1lbnUgc28gd2UgbWFrZSBzdXJlIGl0IGZpdHNcbi8vIHdpdGhpbiB0aGUgdmlld3BvcnQuXG5jb25zdCBib3hTaGFkb3dCb3R0b21TaXplID0gJzVweCc7XG5jb25zdCBvdXRlck1hcmdpbiA9IGRlc2lnblRva2Vucy5zcGFjaW5nMjA7XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXREcm9wZG93bk1lbnVCYXNlU3R5bGVzKHBhcmFtczoge1xuICBpc09wZW46IGJvb2xlYW47XG4gIGhvcml6b250YWxDb25zdHJhaW50OiBUTWF4UHJvcDtcbn0pIHtcbiAgcmV0dXJuIGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNH07XG4gICAgYm94LXNoYWRvdzogMCAycHggJHtib3hTaGFkb3dCb3R0b21TaXplfSAwcHggcmdiYSgwLCAwLCAwLCAwLjE1KTtcbiAgICBkaXNwbGF5OiAke3BhcmFtcy5pc09wZW4gPyAnYmxvY2snIDogJ25vbmUnfTtcbiAgICBtYXgtd2lkdGg6ICR7Q29uc3RyYWludHMuZ2V0TWF4UHJvcFRva2VuVmFsdWUocGFyYW1zLmhvcml6b250YWxDb25zdHJhaW50KX07XG4gICAgb3ZlcmZsb3cteTogYXV0bztcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgIHdpZHRoOiAke3BhcmFtcy5ob3Jpem9udGFsQ29uc3RyYWludCA9PT0gJ2F1dG8nID8gJ2F1dG8nIDogJzEwMCUnfTtcbiAgICB6LWluZGV4OiAxO1xuICBgO1xufVxuXG50eXBlIFREcm9wZG93bkJhc2VNZW51UHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIGN1c3RvbVN0eWxlcz86IENTU1Byb3BlcnRpZXM7XG4gIGhvcml6b250YWxDb25zdHJhaW50OiBUTWF4UHJvcDtcbiAgaXNPcGVuOiBib29sZWFuO1xuICBtZW51UG9zaXRpb246ICdsZWZ0JyB8ICdyaWdodCc7XG4gIG1lbnVNYXhIZWlnaHQ/OiBudW1iZXI7XG4gIHRyaWdnZXJFbGVtZW50UmVmOiBSZWZPYmplY3Q8SFRNTEVsZW1lbnQ+O1xufTtcbmZ1bmN0aW9uIERyb3Bkb3duQmFzZU1lbnUocHJvcHM6IFREcm9wZG93bkJhc2VNZW51UHJvcHMpIHtcbiAgY29uc3QgbWVudVJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG5cbiAgdXNlTGF5b3V0RWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIXByb3BzLmlzT3BlbiB8fCAhcHJvcHMudHJpZ2dlckVsZW1lbnRSZWYuY3VycmVudCB8fCAhbWVudVJlZi5jdXJyZW50KSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgbWVudU1heEhlaWdodCA9IHByb3BzLm1lbnVNYXhIZWlnaHQ7XG4gICAgY29uc3QgbWVudUVsID0gbWVudVJlZi5jdXJyZW50O1xuICAgIGNvbnN0IG1lbnVUcmlnZ2VyRWwgPSBwcm9wcy50cmlnZ2VyRWxlbWVudFJlZi5jdXJyZW50O1xuXG4gICAgY29uc3QgbWVudURPTVJlY3QgPSBtZW51RWwuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gICAgY29uc3QgdHJpZ2dlckRPTVJlY3QgPSBtZW51VHJpZ2dlckVsLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuXG4gICAgLy8gQnkgZGVmYXVsdCwgdGhlIG1lbnUgaXMgbm90IGV4Y2VlZGluZyB0aGUgdmlld3BvcnQsIHRoaXMgY2FuIGNoYW5nZSB0aG91Z2hcbiAgICBsZXQgbWVudUlzRXhjZWVkaW5nVmlld3BvcnQgPSBmYWxzZTtcblxuICAgIGlmIChtZW51RE9NUmVjdC53aWR0aCA+PSBkb2N1bWVudC5ib2R5LnNjcm9sbFdpZHRoKSB7XG4gICAgICAvLyBJZiB0aGUgbWVudSB3aWR0aCBpcyBncmVhdGVyIHRoYW4gdGhlIGJvZHkgd2lkdGgsIHdlIG5lZWQgdG8gc2V0IHRoZSB3aWR0aCBvZiB0aGUgbWVudSB0byB0aGUgYm9keSB3aWR0aFxuICAgICAgLy8gdG8gcHJldmVudCB0aGUgbWVudSBmcm9tIG92ZXJmbG93aW5nLCB0aGlzIGhhcHBlbnMgdXN1YWxseSB3aGVuIHRoZSBob3Jpem9udGFsQ29uc3RyYWludCBpcyBzZXQgdG8gJ2F1dG8nXG4gICAgICBtZW51RWwuc3R5bGUud2lkdGggPSBgY2FsYygke2RvY3VtZW50LmJvZHkuc2Nyb2xsV2lkdGh9cHggLSAyICogJHtvdXRlck1hcmdpbn0pYDtcbiAgICAgIG1lbnVJc0V4Y2VlZGluZ1ZpZXdwb3J0ID0gdHJ1ZTtcbiAgICB9XG5cbiAgICAvLyBUaGUgcHJlZmVycmVkL2lkZWFsIGhlaWdodCBvZiB0aGUgbWVudSAod2hpY2ggbWlnaHQgY2hhbmdlIGxhdGVyIGlmIHRoZXJlIGlzXG4gICAgLy8gbm90IGVub3VnaCBzY3JlZW4gZXN0YXRlKVxuICAgIGxldCBkZXNpcmVkTWVudUhlaWdodCA9IG1lbnVNYXhIZWlnaHQgfHwgbWVudURPTVJlY3QuaGVpZ2h0O1xuICAgIGNvbnN0IG1lbnVXaWR0aCA9IG1lbnVET01SZWN0LndpZHRoO1xuXG4gICAgY29uc3QgYXZhaWxhYmxlU3BhY2VUb3AgPSB0cmlnZ2VyRE9NUmVjdC50b3A7XG4gICAgY29uc3QgYXZhaWxhYmxlU3BhY2VCb3R0b20gPSB3aW5kb3cuaW5uZXJIZWlnaHQgLSB0cmlnZ2VyRE9NUmVjdC5ib3R0b207XG5cbiAgICAvLyBQcmVmZXIgcmVuZGVyaW5nIGJlbG93IHRoZSB0cmlnZ2VyIGVsZW1lbnQgaWYgdGhlcmUgaXMgZW5vdWdoIHNwYWNlXG4gICAgLy8gdG8gZGlzcGxheSB0aGUgd2hvbGUgbWVudSwgb3RoZXJ3aXNlIHJlbmRlciB3aGVyZXZlciB0aGVyZSBpcyBtb3JlIHNwYWNlXG4gICAgY29uc3QgbWVudVlQb3NpdGlvbiA9XG4gICAgICBhdmFpbGFibGVTcGFjZUJvdHRvbSA+PSBkZXNpcmVkTWVudUhlaWdodFxuICAgICAgICA/ICdiZWxvdydcbiAgICAgICAgOiBhdmFpbGFibGVTcGFjZUJvdHRvbSA+IGF2YWlsYWJsZVNwYWNlVG9wXG4gICAgICAgID8gJ2JlbG93J1xuICAgICAgICA6ICdhYm92ZSc7XG5cbiAgICBsZXQgbWVudVhQb3NpdGlvbjogJ2xlZnQnIHwgJ3JpZ2h0JztcblxuICAgIGlmIChwcm9wcy5tZW51UG9zaXRpb24gPT09ICdsZWZ0Jykge1xuICAgICAgY29uc3QgZGlzdGFuY2VUb1JpZ2h0RWRnZSA9IHdpbmRvdy5pbm5lcldpZHRoIC0gdHJpZ2dlckRPTVJlY3QubGVmdDtcbiAgICAgIG1lbnVYUG9zaXRpb24gPSBkaXN0YW5jZVRvUmlnaHRFZGdlID49IG1lbnVXaWR0aCA/ICdsZWZ0JyA6ICdyaWdodCc7XG4gICAgfVxuXG4gICAgaWYgKHByb3BzLm1lbnVQb3NpdGlvbiA9PT0gJ3JpZ2h0Jykge1xuICAgICAgY29uc3QgZGlzdGFuY2VUb0xlZnRFZGdlID0gdHJpZ2dlckRPTVJlY3QubGVmdCArIHRyaWdnZXJET01SZWN0LndpZHRoO1xuICAgICAgbWVudVhQb3NpdGlvbiA9IGRpc3RhbmNlVG9MZWZ0RWRnZSA+PSBtZW51V2lkdGggPyAncmlnaHQnIDogJ2xlZnQnO1xuICAgIH1cbiAgICAvLyBTaW5jZSBzY3JvbGxpbmcgd2lsbCBiZSBkaXNhYmxlZCBieSBhIGhvb2ssIHBvc3NpYmx5IG9uIHRoZSBib2R5LWVsZW1lbnQsXG4gICAgLy8gdGhlIGF2YWlsYWJsZSB2aWV3cG9ydC13aWR0aCBtaWdodCBjaGFuZ2UsIHRodXMsIHRoZSBwb3NpdGlvbmluZyBvZiB0aGVcbiAgICAvLyBtZW51IHdvdWxkIGJlIGFmZmVjdGVkLCBoZW5jZSB3ZSBuZWVkIHRvIGdldCB0aGUgc2Nyb2xsLXdpZHRoIGJlZm9yZSB0aGVcbiAgICAvLyBtZW51IHJlbmRlcnNcbiAgICBjb25zdCBzY3JvbGxXaWR0aEJlZm9yZSA9IGRvY3VtZW50LmJvZHkuc2Nyb2xsV2lkdGg7XG5cbiAgICAvLyBVc2luZyBzZXRUaW1lb3V0IGFsbG93cyB1cyB0byBnZXQgdGhlIGNvcnJlY3QgZGltZW5zaW9ucyAmIHBvc2l0aW9uc1xuICAgIC8vIG9mIHRoZSB0cmlnZ2VyLSAmIG1lbnUtZWxlbWVudCBmaXJzdCBiZWZvcmUgZG9pbmcgdGhlIGNhbGN1bGF0aW9ucyBmb3JcbiAgICAvLyBwb3NpdGlvbmluZyB0aGUgbWVudSBjb3JyZWN0bHlcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIC8vIElmIHRoZXJlIGlzIGEgc2Nyb2xsV2lkdGhEaWZmLCBpdCBtZWFucyB0aGF0IHRoZSB3aWR0aCBvZiB0aGVcbiAgICAgIC8vIHZpZXdwb3J0cyBoYXMgY2hhbmdlZCBkdWUgdG8gcmVtb3ZlZCBzY3JvbGxiYXJzLCBhbmQgd2UgbmVlZCB0b1xuICAgICAgLy8gYWRqdXN0IHRoZSBwb3NpdGlvbiBvZiB0aGUgbWVudSB0byBiZSBzdGlsbCBwcm9wZXJseSBhbGlnbmVkIHdpdGhcbiAgICAgIC8vIHRoZSB0cmlnZ2VyXG4gICAgICBjb25zdCBzY3JvbGxXaWR0aERpZmYgPVxuICAgICAgICAoZG9jdW1lbnQuYm9keS5zY3JvbGxXaWR0aCAtIHNjcm9sbFdpZHRoQmVmb3JlKSAqIDAuNTtcblxuICAgICAgaWYgKG1lbnVJc0V4Y2VlZGluZ1ZpZXdwb3J0KSB7XG4gICAgICAgIG1lbnVFbC5zdHlsZS5sZWZ0ID0gYGNhbGMoICR7b3V0ZXJNYXJnaW59ICsgJHtzY3JvbGxXaWR0aERpZmZ9cHgpYDtcbiAgICAgIH0gZWxzZSBpZiAobWVudVhQb3NpdGlvbiA9PT0gJ2xlZnQnKSB7XG4gICAgICAgIG1lbnVFbC5zdHlsZS5sZWZ0ID0gYCR7dHJpZ2dlckRPTVJlY3QubGVmdCArIHNjcm9sbFdpZHRoRGlmZn1weGA7XG4gICAgICAgIG1lbnVFbC5zdHlsZS5yZW1vdmVQcm9wZXJ0eSgncmlnaHQnKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIG1lbnVFbC5zdHlsZS5yaWdodCA9IGAke1xuICAgICAgICAgIHdpbmRvdy5pbm5lcldpZHRoIC0gdHJpZ2dlckRPTVJlY3QucmlnaHQgLSBzY3JvbGxXaWR0aERpZmZcbiAgICAgICAgfXB4YDtcbiAgICAgICAgbWVudUVsLnN0eWxlLnJlbW92ZVByb3BlcnR5KCdsZWZ0Jyk7XG4gICAgICB9XG5cbiAgICAgIGlmIChtZW51WVBvc2l0aW9uID09PSAnYmVsb3cnKSB7XG4gICAgICAgIG1lbnVFbC5zdHlsZS50b3AgPSBgY2FsYygke1xuICAgICAgICAgIHRyaWdnZXJET01SZWN0LnRvcCArIHRyaWdnZXJET01SZWN0LmhlaWdodFxuICAgICAgICB9cHggKyAke291dGVyTWFyZ2lufSlgO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgLy8gTmVlZCB0byByZS1yZXF1ZXN0IGdldEJvdW5kaW5nQ2xpZW50UmVjdCgpIGJlY2F1c2UgdGhlIG1lbnUgaGVpZ2h0XG4gICAgICAgIC8vIG1pZ2h0IGhhdmUgY2hhbmdlZCB3aGVuIHRoZSBkcm9wZG93biBpcyBpbiAnYXV0bycgbW9kZTtcbiAgICAgICAgbGV0IGRlc2lyZWRNZW51SGVpZ2h0ID1cbiAgICAgICAgICBtZW51TWF4SGVpZ2h0IHx8IG1lbnVFbC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS5oZWlnaHQ7XG5cbiAgICAgICAgbWVudUVsLnN0eWxlLnRvcCA9IGBjYWxjKCR7XG4gICAgICAgICAgdHJpZ2dlckRPTVJlY3QudG9wIC0gZGVzaXJlZE1lbnVIZWlnaHRcbiAgICAgICAgfXB4IC0gJHtvdXRlck1hcmdpbn0pYDtcbiAgICAgIH1cblxuICAgICAgaWYgKG1lbnVNYXhIZWlnaHQpIHtcbiAgICAgICAgLy8gQXBwbHkgdGhlIG1hbnVhbCBtYXgtd2lkdGhcbiAgICAgICAgbWVudUVsLnN0eWxlLm1heEhlaWdodCA9IG1lbnVNYXhIZWlnaHQgKyAncHgnO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgLy8gTWFrZSBzdXJlIG1heC1oZWlnaHQgZG9lcyBub3QgZXhjZWVkIHRoZSBhdmFpbGFibGUgdG9wLSBvciBib3R0b20tc3BhY2VcbiAgICAgICAgbWVudUVsLnN0eWxlLm1heEhlaWdodCA9XG4gICAgICAgICAgbWVudVlQb3NpdGlvbiA9PT0gJ2JlbG93J1xuICAgICAgICAgICAgPyBgY2FsYygke1xuICAgICAgICAgICAgICAgIHdpbmRvdy5pbm5lckhlaWdodCAtIHRyaWdnZXJET01SZWN0LmJvdHRvbVxuICAgICAgICAgICAgICB9cHggLSAke291dGVyTWFyZ2lufSAtICR7Ym94U2hhZG93Qm90dG9tU2l6ZX0pYFxuICAgICAgICAgICAgOiBgY2FsYygke3RyaWdnZXJET01SZWN0LnRvcH1weCAtICR7b3V0ZXJNYXJnaW59IC0gJHtib3hTaGFkb3dCb3R0b21TaXplfSlgO1xuICAgICAgfVxuXG4gICAgICAvLyBBbGwgcG9zaXRpb25pbmcgb3BlcmF0aW9ucyBkb25lLCBtYWtlIG1lbnUgdmlzaWJsZSBhZ2FpblxuICAgICAgbWVudUVsLnN0eWxlLnZpc2liaWxpdHkgPSAndmlzaWJsZSc7XG4gICAgfSwgMCk7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgW1xuICAgICAgICAndG9wJyxcbiAgICAgICAgJ2xlZnQnLFxuICAgICAgICAncmlnaHQnLFxuICAgICAgICAnYm90dG9tJyxcbiAgICAgICAgJ3dpZHRoJyxcbiAgICAgICAgJ2hlaWdodCcsXG4gICAgICAgICdtYXhIZWlnaHQnLFxuICAgICAgICAndmlzaWJpbGl0eScsXG4gICAgICBdLmZvckVhY2goKHByb3ApID0+IHtcbiAgICAgICAgbWVudUVsLnN0eWxlLnJlbW92ZVByb3BlcnR5KHByb3ApO1xuICAgICAgfSk7XG4gICAgfTtcbiAgfSwgW1xuICAgIHByb3BzLmlzT3BlbixcbiAgICBwcm9wcy5tZW51UG9zaXRpb24sXG4gICAgcHJvcHMudHJpZ2dlckVsZW1lbnRSZWYsXG4gICAgcHJvcHMubWVudU1heEhlaWdodCxcbiAgXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2dldERyb3Bkb3duTWVudUJhc2VTdHlsZXMocHJvcHMpfVxuICAgICAgc3R5bGU9e3Byb3BzLmN1c3RvbVN0eWxlc31cbiAgICAgIHJlZj17bWVudVJlZn1cbiAgICA+XG4gICAgICB7cHJvcHMuY2hpbGRyZW59XG4gICAgPC9kaXY+XG4gICk7XG59XG5cbmV4cG9ydCB0eXBlIFREcm9wZG93bkNvbnRlbnRNZW51UHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIGhvcml6b250YWxDb25zdHJhaW50OiBUTWF4UHJvcDtcbiAgbWVudVBvc2l0aW9uOiAnbGVmdCcgfCAncmlnaHQnO1xuICBtZW51TWF4SGVpZ2h0PzogbnVtYmVyO1xuICBpc09wZW46IGJvb2xlYW47XG4gIHRyaWdnZXJFbGVtZW50UmVmOiBSZWZPYmplY3Q8SFRNTEVsZW1lbnQ+O1xufTtcbmV4cG9ydCBjb25zdCBEcm9wZG93bkNvbnRlbnRNZW51ID0gKHByb3BzOiBURHJvcGRvd25Db250ZW50TWVudVByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPERyb3Bkb3duQmFzZU1lbnVcbiAgICAgIGN1c3RvbVN0eWxlcz17e1xuICAgICAgICBwYWRkaW5nOiBkZXNpZ25Ub2tlbnMuc3BhY2luZzMwLFxuICAgICAgfX1cbiAgICAgIGhvcml6b250YWxDb25zdHJhaW50PXtwcm9wcy5ob3Jpem9udGFsQ29uc3RyYWludH1cbiAgICAgIGlzT3Blbj17cHJvcHMuaXNPcGVufVxuICAgICAgbWVudVBvc2l0aW9uPXtwcm9wcy5tZW51UG9zaXRpb259XG4gICAgICBtZW51TWF4SGVpZ2h0PXtwcm9wcy5tZW51TWF4SGVpZ2h0fVxuICAgICAgdHJpZ2dlckVsZW1lbnRSZWY9e3Byb3BzLnRyaWdnZXJFbGVtZW50UmVmfVxuICAgID5cbiAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICA8L0Ryb3Bkb3duQmFzZU1lbnU+XG4gICk7XG59O1xuXG5leHBvcnQgdHlwZSBURHJvcGRvd25MaXN0TWVudVByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBob3Jpem9udGFsQ29uc3RyYWludDogVE1heFByb3A7XG4gIG1lbnVQb3NpdGlvbjogJ2xlZnQnIHwgJ3JpZ2h0JztcbiAgbWVudU1heEhlaWdodD86IG51bWJlcjtcbiAgaXNPcGVuOiBib29sZWFuO1xuICB0cmlnZ2VyRWxlbWVudFJlZjogUmVmT2JqZWN0PEhUTUxFbGVtZW50Pjtcbn07XG5leHBvcnQgY29uc3QgRHJvcGRvd25MaXN0TWVudSA9IChwcm9wczogVERyb3Bkb3duTGlzdE1lbnVQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxEcm9wZG93bkJhc2VNZW51XG4gICAgICBob3Jpem9udGFsQ29uc3RyYWludD17cHJvcHMuaG9yaXpvbnRhbENvbnN0cmFpbnR9XG4gICAgICBpc09wZW49e3Byb3BzLmlzT3Blbn1cbiAgICAgIG1lbnVQb3NpdGlvbj17cHJvcHMubWVudVBvc2l0aW9ufVxuICAgICAgbWVudU1heEhlaWdodD17cHJvcHMubWVudU1heEhlaWdodH1cbiAgICAgIHRyaWdnZXJFbGVtZW50UmVmPXtwcm9wcy50cmlnZ2VyRWxlbWVudFJlZn1cbiAgICA+XG4gICAgICA8U3BhY2luZ3NTdGFjayBzY2FsZT1cInhzXCI+e3Byb3BzLmNoaWxkcmVufTwvU3BhY2luZ3NTdGFjaz5cbiAgICA8L0Ryb3Bkb3duQmFzZU1lbnU+XG4gICk7XG59O1xuIl19 */");
+  return /*#__PURE__*/css("background-color:", designTokens.colorSurface, ";border:1px solid ", designTokens.colorSurface, ";border-radius:", designTokens.borderRadius4, ";box-shadow:0 2px ", boxShadowBottomSize, " 0px rgba(0, 0, 0, 0.15);display:", params.isOpen ? 'block' : 'none', ";max-width:", Constraints.getMaxPropTokenValue(params.horizontalConstraint), ";overflow-y:auto;position:fixed;visibility:hidden;width:", params.horizontalConstraint === 'auto' ? 'auto' : '100%', ";z-index:1;" + (process.env.NODE_ENV === "production" ? "" : ";label:getDropdownMenuBaseStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3Bkb3duLW1lbnUtbWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJZIiwiZmlsZSI6ImRyb3Bkb3duLW1lbnUtbWVudS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDU1NQcm9wZXJ0aWVzLFxuICBSZWFjdE5vZGUsXG4gIFJlZk9iamVjdCxcbiAgdXNlTGF5b3V0RWZmZWN0LFxuICB1c2VSZWYsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IENvbnN0cmFpbnRzLCB7IHR5cGUgVE1heFByb3AgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9jb25zdHJhaW50cyc7XG5pbXBvcnQgU3BhY2luZ3NTdGFjayBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncy1zdGFjayc7XG5pbXBvcnQgeyBmaWx0ZXJEYXRhQXR0cmlidXRlcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcblxuLy8gV2UgZGVjbGFyZSB0aGlzIHN0eWxlIHByb3BlcnRpZXMgaGVyZSBiZWNhdXNlIHdlIG5lZWQgdGhlbSBib3RoIGZvciBpbml0aWFsIGNvbXBvbmVudCBzdHlsaW5nXG4vLyBidXQgYWxzbyBmb3IgY2FsY3VsYXRpbmcgdGhlIGRlZmF1bHQgbWF4IGhlaWdodCBvZiB0aGUgZHJvcGRvd24gbWVudSBzbyB3ZSBtYWtlIHN1cmUgaXQgZml0c1xuLy8gd2l0aGluIHRoZSB2aWV3cG9ydC5cbmNvbnN0IGJveFNoYWRvd0JvdHRvbVNpemUgPSAnNXB4JztcbmNvbnN0IG91dGVyTWFyZ2luID0gZGVzaWduVG9rZW5zLnNwYWNpbmcyMDtcblxuZXhwb3J0IGZ1bmN0aW9uIGdldERyb3Bkb3duTWVudUJhc2VTdHlsZXMocGFyYW1zOiB7XG4gIGlzT3BlbjogYm9vbGVhbjtcbiAgaG9yaXpvbnRhbENvbnN0cmFpbnQ6IFRNYXhQcm9wO1xufSkge1xuICByZXR1cm4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICBib3JkZXItcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM0fTtcbiAgICBib3gtc2hhZG93OiAwIDJweCAke2JveFNoYWRvd0JvdHRvbVNpemV9IDBweCByZ2JhKDAsIDAsIDAsIDAuMTUpO1xuICAgIGRpc3BsYXk6ICR7cGFyYW1zLmlzT3BlbiA/ICdibG9jaycgOiAnbm9uZSd9O1xuICAgIG1heC13aWR0aDogJHtDb25zdHJhaW50cy5nZXRNYXhQcm9wVG9rZW5WYWx1ZShwYXJhbXMuaG9yaXpvbnRhbENvbnN0cmFpbnQpfTtcbiAgICBvdmVyZmxvdy15OiBhdXRvO1xuICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgd2lkdGg6ICR7cGFyYW1zLmhvcml6b250YWxDb25zdHJhaW50ID09PSAnYXV0bycgPyAnYXV0bycgOiAnMTAwJSd9O1xuICAgIHotaW5kZXg6IDE7XG4gIGA7XG59XG5cbnR5cGUgVERyb3Bkb3duQmFzZU1lbnVQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgY3VzdG9tU3R5bGVzPzogQ1NTUHJvcGVydGllcztcbiAgaG9yaXpvbnRhbENvbnN0cmFpbnQ6IFRNYXhQcm9wO1xuICBpc09wZW46IGJvb2xlYW47XG4gIG1lbnVQb3NpdGlvbjogJ2xlZnQnIHwgJ3JpZ2h0JztcbiAgbWVudU1heEhlaWdodD86IG51bWJlcjtcbiAgdHJpZ2dlckVsZW1lbnRSZWY6IFJlZk9iamVjdDxIVE1MRWxlbWVudD47XG59O1xuZnVuY3Rpb24gRHJvcGRvd25CYXNlTWVudShwcm9wczogVERyb3Bkb3duQmFzZU1lbnVQcm9wcykge1xuICBjb25zdCBtZW51UmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcblxuICB1c2VMYXlvdXRFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghcHJvcHMuaXNPcGVuIHx8ICFwcm9wcy50cmlnZ2VyRWxlbWVudFJlZi5jdXJyZW50IHx8ICFtZW51UmVmLmN1cnJlbnQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCBtZW51TWF4SGVpZ2h0ID0gcHJvcHMubWVudU1heEhlaWdodDtcbiAgICBjb25zdCBtZW51RWwgPSBtZW51UmVmLmN1cnJlbnQ7XG4gICAgY29uc3QgbWVudVRyaWdnZXJFbCA9IHByb3BzLnRyaWdnZXJFbGVtZW50UmVmLmN1cnJlbnQ7XG5cbiAgICBjb25zdCBtZW51RE9NUmVjdCA9IG1lbnVFbC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICBjb25zdCB0cmlnZ2VyRE9NUmVjdCA9IG1lbnVUcmlnZ2VyRWwuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG5cbiAgICAvLyBCeSBkZWZhdWx0LCB0aGUgbWVudSBpcyBub3QgZXhjZWVkaW5nIHRoZSB2aWV3cG9ydCwgdGhpcyBjYW4gY2hhbmdlIHRob3VnaFxuICAgIGxldCBtZW51SXNFeGNlZWRpbmdWaWV3cG9ydCA9IGZhbHNlO1xuXG4gICAgaWYgKG1lbnVET01SZWN0LndpZHRoID49IGRvY3VtZW50LmJvZHkuc2Nyb2xsV2lkdGgpIHtcbiAgICAgIC8vIElmIHRoZSBtZW51IHdpZHRoIGlzIGdyZWF0ZXIgdGhhbiB0aGUgYm9keSB3aWR0aCwgd2UgbmVlZCB0byBzZXQgdGhlIHdpZHRoIG9mIHRoZSBtZW51IHRvIHRoZSBib2R5IHdpZHRoXG4gICAgICAvLyB0byBwcmV2ZW50IHRoZSBtZW51IGZyb20gb3ZlcmZsb3dpbmcsIHRoaXMgaGFwcGVucyB1c3VhbGx5IHdoZW4gdGhlIGhvcml6b250YWxDb25zdHJhaW50IGlzIHNldCB0byAnYXV0bydcbiAgICAgIG1lbnVFbC5zdHlsZS53aWR0aCA9IGBjYWxjKCR7ZG9jdW1lbnQuYm9keS5zY3JvbGxXaWR0aH1weCAtIDIgKiAke291dGVyTWFyZ2lufSlgO1xuICAgICAgbWVudUlzRXhjZWVkaW5nVmlld3BvcnQgPSB0cnVlO1xuICAgIH1cblxuICAgIC8vIFRoZSBwcmVmZXJyZWQvaWRlYWwgaGVpZ2h0IG9mIHRoZSBtZW51ICh3aGljaCBtaWdodCBjaGFuZ2UgbGF0ZXIgaWYgdGhlcmUgaXNcbiAgICAvLyBub3QgZW5vdWdoIHNjcmVlbiBlc3RhdGUpXG4gICAgbGV0IGRlc2lyZWRNZW51SGVpZ2h0ID0gbWVudU1heEhlaWdodCB8fCBtZW51RE9NUmVjdC5oZWlnaHQ7XG4gICAgY29uc3QgbWVudVdpZHRoID0gbWVudURPTVJlY3Qud2lkdGg7XG5cbiAgICBjb25zdCBhdmFpbGFibGVTcGFjZVRvcCA9IHRyaWdnZXJET01SZWN0LnRvcDtcbiAgICBjb25zdCBhdmFpbGFibGVTcGFjZUJvdHRvbSA9IHdpbmRvdy5pbm5lckhlaWdodCAtIHRyaWdnZXJET01SZWN0LmJvdHRvbTtcblxuICAgIC8vIFByZWZlciByZW5kZXJpbmcgYmVsb3cgdGhlIHRyaWdnZXIgZWxlbWVudCBpZiB0aGVyZSBpcyBlbm91Z2ggc3BhY2VcbiAgICAvLyB0byBkaXNwbGF5IHRoZSB3aG9sZSBtZW51LCBvdGhlcndpc2UgcmVuZGVyIHdoZXJldmVyIHRoZXJlIGlzIG1vcmUgc3BhY2VcbiAgICBjb25zdCBtZW51WVBvc2l0aW9uID1cbiAgICAgIGF2YWlsYWJsZVNwYWNlQm90dG9tID49IGRlc2lyZWRNZW51SGVpZ2h0XG4gICAgICAgID8gJ2JlbG93J1xuICAgICAgICA6IGF2YWlsYWJsZVNwYWNlQm90dG9tID4gYXZhaWxhYmxlU3BhY2VUb3BcbiAgICAgICAgPyAnYmVsb3cnXG4gICAgICAgIDogJ2Fib3ZlJztcblxuICAgIGxldCBtZW51WFBvc2l0aW9uOiAnbGVmdCcgfCAncmlnaHQnO1xuXG4gICAgaWYgKHByb3BzLm1lbnVQb3NpdGlvbiA9PT0gJ2xlZnQnKSB7XG4gICAgICBjb25zdCBkaXN0YW5jZVRvUmlnaHRFZGdlID0gd2luZG93LmlubmVyV2lkdGggLSB0cmlnZ2VyRE9NUmVjdC5sZWZ0O1xuICAgICAgbWVudVhQb3NpdGlvbiA9IGRpc3RhbmNlVG9SaWdodEVkZ2UgPj0gbWVudVdpZHRoID8gJ2xlZnQnIDogJ3JpZ2h0JztcbiAgICB9XG5cbiAgICBpZiAocHJvcHMubWVudVBvc2l0aW9uID09PSAncmlnaHQnKSB7XG4gICAgICBjb25zdCBkaXN0YW5jZVRvTGVmdEVkZ2UgPSB0cmlnZ2VyRE9NUmVjdC5sZWZ0ICsgdHJpZ2dlckRPTVJlY3Qud2lkdGg7XG4gICAgICBtZW51WFBvc2l0aW9uID0gZGlzdGFuY2VUb0xlZnRFZGdlID49IG1lbnVXaWR0aCA/ICdyaWdodCcgOiAnbGVmdCc7XG4gICAgfVxuICAgIC8vIFNpbmNlIHNjcm9sbGluZyB3aWxsIGJlIGRpc2FibGVkIGJ5IGEgaG9vaywgcG9zc2libHkgb24gdGhlIGJvZHktZWxlbWVudCxcbiAgICAvLyB0aGUgYXZhaWxhYmxlIHZpZXdwb3J0LXdpZHRoIG1pZ2h0IGNoYW5nZSwgdGh1cywgdGhlIHBvc2l0aW9uaW5nIG9mIHRoZVxuICAgIC8vIG1lbnUgd291bGQgYmUgYWZmZWN0ZWQsIGhlbmNlIHdlIG5lZWQgdG8gZ2V0IHRoZSBzY3JvbGwtd2lkdGggYmVmb3JlIHRoZVxuICAgIC8vIG1lbnUgcmVuZGVyc1xuICAgIGNvbnN0IHNjcm9sbFdpZHRoQmVmb3JlID0gZG9jdW1lbnQuYm9keS5zY3JvbGxXaWR0aDtcblxuICAgIC8vIFVzaW5nIHNldFRpbWVvdXQgYWxsb3dzIHVzIHRvIGdldCB0aGUgY29ycmVjdCBkaW1lbnNpb25zICYgcG9zaXRpb25zXG4gICAgLy8gb2YgdGhlIHRyaWdnZXItICYgbWVudS1lbGVtZW50IGZpcnN0IGJlZm9yZSBkb2luZyB0aGUgY2FsY3VsYXRpb25zIGZvclxuICAgIC8vIHBvc2l0aW9uaW5nIHRoZSBtZW51IGNvcnJlY3RseVxuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgLy8gSWYgdGhlcmUgaXMgYSBzY3JvbGxXaWR0aERpZmYsIGl0IG1lYW5zIHRoYXQgdGhlIHdpZHRoIG9mIHRoZVxuICAgICAgLy8gdmlld3BvcnRzIGhhcyBjaGFuZ2VkIGR1ZSB0byByZW1vdmVkIHNjcm9sbGJhcnMsIGFuZCB3ZSBuZWVkIHRvXG4gICAgICAvLyBhZGp1c3QgdGhlIHBvc2l0aW9uIG9mIHRoZSBtZW51IHRvIGJlIHN0aWxsIHByb3Blcmx5IGFsaWduZWQgd2l0aFxuICAgICAgLy8gdGhlIHRyaWdnZXJcbiAgICAgIGNvbnN0IHNjcm9sbFdpZHRoRGlmZiA9XG4gICAgICAgIChkb2N1bWVudC5ib2R5LnNjcm9sbFdpZHRoIC0gc2Nyb2xsV2lkdGhCZWZvcmUpICogMC41O1xuXG4gICAgICBpZiAobWVudUlzRXhjZWVkaW5nVmlld3BvcnQpIHtcbiAgICAgICAgbWVudUVsLnN0eWxlLmxlZnQgPSBgY2FsYyggJHtvdXRlck1hcmdpbn0gKyAke3Njcm9sbFdpZHRoRGlmZn1weClgO1xuICAgICAgfSBlbHNlIGlmIChtZW51WFBvc2l0aW9uID09PSAnbGVmdCcpIHtcbiAgICAgICAgbWVudUVsLnN0eWxlLmxlZnQgPSBgJHt0cmlnZ2VyRE9NUmVjdC5sZWZ0ICsgc2Nyb2xsV2lkdGhEaWZmfXB4YDtcbiAgICAgICAgbWVudUVsLnN0eWxlLnJlbW92ZVByb3BlcnR5KCdyaWdodCcpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgbWVudUVsLnN0eWxlLnJpZ2h0ID0gYCR7XG4gICAgICAgICAgd2luZG93LmlubmVyV2lkdGggLSB0cmlnZ2VyRE9NUmVjdC5yaWdodCAtIHNjcm9sbFdpZHRoRGlmZlxuICAgICAgICB9cHhgO1xuICAgICAgICBtZW51RWwuc3R5bGUucmVtb3ZlUHJvcGVydHkoJ2xlZnQnKTtcbiAgICAgIH1cblxuICAgICAgaWYgKG1lbnVZUG9zaXRpb24gPT09ICdiZWxvdycpIHtcbiAgICAgICAgbWVudUVsLnN0eWxlLnRvcCA9IGBjYWxjKCR7XG4gICAgICAgICAgdHJpZ2dlckRPTVJlY3QudG9wICsgdHJpZ2dlckRPTVJlY3QuaGVpZ2h0XG4gICAgICAgIH1weCArICR7b3V0ZXJNYXJnaW59KWA7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICAvLyBOZWVkIHRvIHJlLXJlcXVlc3QgZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkgYmVjYXVzZSB0aGUgbWVudSBoZWlnaHRcbiAgICAgICAgLy8gbWlnaHQgaGF2ZSBjaGFuZ2VkIHdoZW4gdGhlIGRyb3Bkb3duIGlzIGluICdhdXRvJyBtb2RlO1xuICAgICAgICBsZXQgZGVzaXJlZE1lbnVIZWlnaHQgPVxuICAgICAgICAgIG1lbnVNYXhIZWlnaHQgfHwgbWVudUVsLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLmhlaWdodDtcblxuICAgICAgICBtZW51RWwuc3R5bGUudG9wID0gYGNhbGMoJHtcbiAgICAgICAgICB0cmlnZ2VyRE9NUmVjdC50b3AgLSBkZXNpcmVkTWVudUhlaWdodFxuICAgICAgICB9cHggLSAke291dGVyTWFyZ2lufSlgO1xuICAgICAgfVxuXG4gICAgICBpZiAobWVudU1heEhlaWdodCkge1xuICAgICAgICAvLyBBcHBseSB0aGUgbWFudWFsIG1heC13aWR0aFxuICAgICAgICBtZW51RWwuc3R5bGUubWF4SGVpZ2h0ID0gbWVudU1heEhlaWdodCArICdweCc7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICAvLyBNYWtlIHN1cmUgbWF4LWhlaWdodCBkb2VzIG5vdCBleGNlZWQgdGhlIGF2YWlsYWJsZSB0b3AtIG9yIGJvdHRvbS1zcGFjZVxuICAgICAgICBtZW51RWwuc3R5bGUubWF4SGVpZ2h0ID1cbiAgICAgICAgICBtZW51WVBvc2l0aW9uID09PSAnYmVsb3cnXG4gICAgICAgICAgICA/IGBjYWxjKCR7XG4gICAgICAgICAgICAgICAgd2luZG93LmlubmVySGVpZ2h0IC0gdHJpZ2dlckRPTVJlY3QuYm90dG9tXG4gICAgICAgICAgICAgIH1weCAtICR7b3V0ZXJNYXJnaW59IC0gJHtib3hTaGFkb3dCb3R0b21TaXplfSlgXG4gICAgICAgICAgICA6IGBjYWxjKCR7dHJpZ2dlckRPTVJlY3QudG9wfXB4IC0gJHtvdXRlck1hcmdpbn0gLSAke2JveFNoYWRvd0JvdHRvbVNpemV9KWA7XG4gICAgICB9XG5cbiAgICAgIC8vIEFsbCBwb3NpdGlvbmluZyBvcGVyYXRpb25zIGRvbmUsIG1ha2UgbWVudSB2aXNpYmxlIGFnYWluXG4gICAgICBtZW51RWwuc3R5bGUudmlzaWJpbGl0eSA9ICd2aXNpYmxlJztcbiAgICB9LCAwKTtcblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBbXG4gICAgICAgICd0b3AnLFxuICAgICAgICAnbGVmdCcsXG4gICAgICAgICdyaWdodCcsXG4gICAgICAgICdib3R0b20nLFxuICAgICAgICAnd2lkdGgnLFxuICAgICAgICAnaGVpZ2h0JyxcbiAgICAgICAgJ21heEhlaWdodCcsXG4gICAgICAgICd2aXNpYmlsaXR5JyxcbiAgICAgIF0uZm9yRWFjaCgocHJvcCkgPT4ge1xuICAgICAgICBtZW51RWwuc3R5bGUucmVtb3ZlUHJvcGVydHkocHJvcCk7XG4gICAgICB9KTtcbiAgICB9O1xuICB9LCBbXG4gICAgcHJvcHMuaXNPcGVuLFxuICAgIHByb3BzLm1lbnVQb3NpdGlvbixcbiAgICBwcm9wcy50cmlnZ2VyRWxlbWVudFJlZixcbiAgICBwcm9wcy5tZW51TWF4SGVpZ2h0LFxuICBdKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Z2V0RHJvcGRvd25NZW51QmFzZVN0eWxlcyhwcm9wcyl9XG4gICAgICBzdHlsZT17cHJvcHMuY3VzdG9tU3R5bGVzfVxuICAgICAgcmVmPXttZW51UmVmfVxuICAgICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHByb3BzKX1cbiAgICA+XG4gICAgICB7cHJvcHMuY2hpbGRyZW59XG4gICAgPC9kaXY+XG4gICk7XG59XG5cbmV4cG9ydCB0eXBlIFREcm9wZG93bkNvbnRlbnRNZW51UHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIGhvcml6b250YWxDb25zdHJhaW50OiBUTWF4UHJvcDtcbiAgbWVudVBvc2l0aW9uOiAnbGVmdCcgfCAncmlnaHQnO1xuICBtZW51TWF4SGVpZ2h0PzogbnVtYmVyO1xuICBpc09wZW46IGJvb2xlYW47XG4gIHRyaWdnZXJFbGVtZW50UmVmOiBSZWZPYmplY3Q8SFRNTEVsZW1lbnQ+O1xufTtcbmV4cG9ydCBjb25zdCBEcm9wZG93bkNvbnRlbnRNZW51ID0gKHByb3BzOiBURHJvcGRvd25Db250ZW50TWVudVByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPERyb3Bkb3duQmFzZU1lbnVcbiAgICAgIGN1c3RvbVN0eWxlcz17e1xuICAgICAgICBwYWRkaW5nOiBkZXNpZ25Ub2tlbnMuc3BhY2luZzMwLFxuICAgICAgfX1cbiAgICAgIGhvcml6b250YWxDb25zdHJhaW50PXtwcm9wcy5ob3Jpem9udGFsQ29uc3RyYWludH1cbiAgICAgIGlzT3Blbj17cHJvcHMuaXNPcGVufVxuICAgICAgbWVudVBvc2l0aW9uPXtwcm9wcy5tZW51UG9zaXRpb259XG4gICAgICBtZW51TWF4SGVpZ2h0PXtwcm9wcy5tZW51TWF4SGVpZ2h0fVxuICAgICAgdHJpZ2dlckVsZW1lbnRSZWY9e3Byb3BzLnRyaWdnZXJFbGVtZW50UmVmfVxuICAgICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHByb3BzKX1cbiAgICA+XG4gICAgICB7cHJvcHMuY2hpbGRyZW59XG4gICAgPC9Ecm9wZG93bkJhc2VNZW51PlxuICApO1xufTtcblxuZXhwb3J0IHR5cGUgVERyb3Bkb3duTGlzdE1lbnVQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgaG9yaXpvbnRhbENvbnN0cmFpbnQ6IFRNYXhQcm9wO1xuICBtZW51UG9zaXRpb246ICdsZWZ0JyB8ICdyaWdodCc7XG4gIG1lbnVNYXhIZWlnaHQ/OiBudW1iZXI7XG4gIGlzT3BlbjogYm9vbGVhbjtcbiAgdHJpZ2dlckVsZW1lbnRSZWY6IFJlZk9iamVjdDxIVE1MRWxlbWVudD47XG59O1xuZXhwb3J0IGNvbnN0IERyb3Bkb3duTGlzdE1lbnUgPSAocHJvcHM6IFREcm9wZG93bkxpc3RNZW51UHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8RHJvcGRvd25CYXNlTWVudVxuICAgICAgaG9yaXpvbnRhbENvbnN0cmFpbnQ9e3Byb3BzLmhvcml6b250YWxDb25zdHJhaW50fVxuICAgICAgaXNPcGVuPXtwcm9wcy5pc09wZW59XG4gICAgICBtZW51UG9zaXRpb249e3Byb3BzLm1lbnVQb3NpdGlvbn1cbiAgICAgIG1lbnVNYXhIZWlnaHQ9e3Byb3BzLm1lbnVNYXhIZWlnaHR9XG4gICAgICB0cmlnZ2VyRWxlbWVudFJlZj17cHJvcHMudHJpZ2dlckVsZW1lbnRSZWZ9XG4gICAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMocHJvcHMpfVxuICAgID5cbiAgICAgIDxTcGFjaW5nc1N0YWNrIHNjYWxlPVwieHNcIj57cHJvcHMuY2hpbGRyZW59PC9TcGFjaW5nc1N0YWNrPlxuICAgIDwvRHJvcGRvd25CYXNlTWVudT5cbiAgKTtcbn07XG4iXX0= */");
 }
 function DropdownBaseMenu(props) {
   const menuRef = useRef(null);
@@ -138,12 +149,13 @@ function DropdownBaseMenu(props) {
       });
     };
   }, [props.isOpen, props.menuPosition, props.triggerElementRef, props.menuMaxHeight]);
-  return jsx("div", {
+  return jsx("div", _objectSpread$2(_objectSpread$2({
     css: getDropdownMenuBaseStyles(props),
     style: props.customStyles,
-    ref: menuRef,
+    ref: menuRef
+  }, filterDataAttributes(props)), {}, {
     children: props.children
-  });
+  }));
 }
 DropdownBaseMenu.propTypes = process.env.NODE_ENV !== "production" ? {
   children: _pt.node.isRequired,
@@ -155,7 +167,7 @@ DropdownBaseMenu.propTypes = process.env.NODE_ENV !== "production" ? {
   triggerElementRef: _pt.any.isRequired
 } : {};
 const DropdownContentMenu = props => {
-  return jsx(DropdownBaseMenu, {
+  return jsx(DropdownBaseMenu, _objectSpread$2(_objectSpread$2({
     customStyles: {
       padding: designTokens.spacing30
     },
@@ -163,9 +175,10 @@ const DropdownContentMenu = props => {
     isOpen: props.isOpen,
     menuPosition: props.menuPosition,
     menuMaxHeight: props.menuMaxHeight,
-    triggerElementRef: props.triggerElementRef,
+    triggerElementRef: props.triggerElementRef
+  }, filterDataAttributes(props)), {}, {
     children: props.children
-  });
+  }));
 };
 DropdownContentMenu.propTypes = process.env.NODE_ENV !== "production" ? {
   children: _pt.node.isRequired,
@@ -176,17 +189,18 @@ DropdownContentMenu.propTypes = process.env.NODE_ENV !== "production" ? {
   triggerElementRef: _pt.any.isRequired
 } : {};
 const DropdownListMenu = props => {
-  return jsx(DropdownBaseMenu, {
+  return jsx(DropdownBaseMenu, _objectSpread$2(_objectSpread$2({
     horizontalConstraint: props.horizontalConstraint,
     isOpen: props.isOpen,
     menuPosition: props.menuPosition,
     menuMaxHeight: props.menuMaxHeight,
-    triggerElementRef: props.triggerElementRef,
+    triggerElementRef: props.triggerElementRef
+  }, filterDataAttributes(props)), {}, {
     children: jsx(SpacingsStack, {
       scale: "xs",
       children: props.children
     })
-  });
+  }));
 };
 DropdownListMenu.propTypes = process.env.NODE_ENV !== "production" ? {
   children: _pt.node.isRequired,
@@ -197,13 +211,15 @@ DropdownListMenu.propTypes = process.env.NODE_ENV !== "production" ? {
   triggerElementRef: _pt.any.isRequired
 } : {};
+function ownKeys$1(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 function getDropdownListMenuItemStyles(props) {
-  return [/*#__PURE__*/css("display:block;text-align:left;text-wrap:wrap;width:100%;padding:", designTokens.spacing20, " ", designTokens.spacing30, ";background-color:", designTokens.colorSurface, ";&:first-of-type{border-radius:", designTokens.borderRadius6, " ", designTokens.borderRadius6, " 0 0;}&:last-of-type{border-radius:0 0 ", designTokens.borderRadius6, " ", designTokens.borderRadius6, ";}&:hover{background-color:", designTokens.colorPrimary98, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getDropdownListMenuItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3Bkb3duLW1lbnUtbGlzdC1pdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPTyIsImZpbGUiOiJkcm9wZG93bi1tZW51LWxpc3QtaXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IHVzZURyb3Bkb3duTWVudUNvbnRleHQgfSBmcm9tICcuLi9jb250ZXh0L2Ryb3Bkb3duLW1lbnUtY29udGV4dCc7XG5cbmZ1bmN0aW9uIGdldERyb3Bkb3duTGlzdE1lbnVJdGVtU3R5bGVzKHByb3BzOiBURHJvcGRvd25MaXN0TWVudUl0ZW1Qcm9wcykge1xuICByZXR1cm4gW1xuICAgIGNzc2BcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICAgIHRleHQtd3JhcDogd3JhcDtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzIwfSAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICAgICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9XG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn0gMCAwO1xuICAgICAgfVxuICAgICAgJjpsYXN0LW9mLXR5cGUge1xuICAgICAgICBib3JkZXItcmFkaXVzOiAwIDAgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn1cbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fTtcbiAgICAgIH1cbiAgICAgICY6aG92ZXIge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnk5OH07XG4gICAgICB9XG4gICAgYCxcbiAgICBwcm9wcy5pc0Rpc2FibGVkICYmXG4gICAgICBjc3NgXG4gICAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWx9O1xuICAgICAgYCxcbiAgXTtcbn1cblxuZXhwb3J0IHR5cGUgVERyb3Bkb3duTGlzdE1lbnVJdGVtUHJvcHMgPSB7XG4gIG9uQ2xpY2s/OiAoKSA9PiB2b2lkO1xuICBpc0Rpc2FibGVkPzogYm9vbGVhbjtcbiAgY2hpbGRyZW46IHN0cmluZztcbn07XG5cbmZ1bmN0aW9uIERyb3Bkb3duTGlzdE1lbnVJdGVtKHByb3BzOiBURHJvcGRvd25MaXN0TWVudUl0ZW1Qcm9wcykge1xuICBjb25zdCB7IHRvZ2dsZSB9ID0gdXNlRHJvcGRvd25NZW51Q29udGV4dCgpO1xuICByZXR1cm4gKFxuICAgIDxBY2Nlc3NpYmxlQnV0dG9uXG4gICAgICBsYWJlbD17cHJvcHMuY2hpbGRyZW59XG4gICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgIHRvZ2dsZSgpO1xuICAgICAgICBwcm9wcy5vbkNsaWNrPy4oKTtcbiAgICAgIH19XG4gICAgICBpc0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgY3NzPXtnZXREcm9wZG93bkxpc3RNZW51SXRlbVN0eWxlcyhwcm9wcyl9XG4gICAgPlxuICAgICAge3Byb3BzLmNoaWxkcmVufVxuICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgRHJvcGRvd25MaXN0TWVudUl0ZW07XG4iXX0= */"), props.isDisabled && /*#__PURE__*/css("color:", designTokens.colorNeutral, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getDropdownListMenuItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3Bkb3duLW1lbnUtbGlzdC1pdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQlMiLCJmaWxlIjoiZHJvcGRvd24tbWVudS1saXN0LWl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IEFjY2Vzc2libGVCdXR0b24gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvYWNjZXNzaWJsZS1idXR0b24nO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyB1c2VEcm9wZG93bk1lbnVDb250ZXh0IH0gZnJvbSAnLi4vY29udGV4dC9kcm9wZG93bi1tZW51LWNvbnRleHQnO1xuXG5mdW5jdGlvbiBnZXREcm9wZG93bkxpc3RNZW51SXRlbVN0eWxlcyhwcm9wczogVERyb3Bkb3duTGlzdE1lbnVJdGVtUHJvcHMpIHtcbiAgcmV0dXJuIFtcbiAgICBjc3NgXG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICB0ZXh0LXdyYXA6IHdyYXA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH0gJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgICAmOmZpcnN0LW9mLXR5cGUge1xuICAgICAgICBib3JkZXItcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fVxuICAgICAgICAgICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9IDAgMDtcbiAgICAgIH1cbiAgICAgICY6bGFzdC1vZi10eXBlIHtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogMCAwICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9XG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn07XG4gICAgICB9XG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5OTh9O1xuICAgICAgfVxuICAgIGAsXG4gICAgcHJvcHMuaXNEaXNhYmxlZCAmJlxuICAgICAgY3NzYFxuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsfTtcbiAgICAgIGAsXG4gIF07XG59XG5cbmV4cG9ydCB0eXBlIFREcm9wZG93bkxpc3RNZW51SXRlbVByb3BzID0ge1xuICBvbkNsaWNrPzogKCkgPT4gdm9pZDtcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIGNoaWxkcmVuOiBzdHJpbmc7XG59O1xuXG5mdW5jdGlvbiBEcm9wZG93bkxpc3RNZW51SXRlbShwcm9wczogVERyb3Bkb3duTGlzdE1lbnVJdGVtUHJvcHMpIHtcbiAgY29uc3QgeyB0b2dnbGUgfSA9IHVzZURyb3Bkb3duTWVudUNvbnRleHQoKTtcbiAgcmV0dXJuIChcbiAgICA8QWNjZXNzaWJsZUJ1dHRvblxuICAgICAgbGFiZWw9e3Byb3BzLmNoaWxkcmVufVxuICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICB0b2dnbGUoKTtcbiAgICAgICAgcHJvcHMub25DbGljaz8uKCk7XG4gICAgICB9fVxuICAgICAgaXNEaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH1cbiAgICAgIGNzcz17Z2V0RHJvcGRvd25MaXN0TWVudUl0ZW1TdHlsZXMocHJvcHMpfVxuICAgID5cbiAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICA8L0FjY2Vzc2libGVCdXR0b24+XG4gICk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IERyb3Bkb3duTGlzdE1lbnVJdGVtO1xuIl19 */")];
+  return [/*#__PURE__*/css("display:block;text-align:left;text-wrap:wrap;width:100%;padding:", designTokens.spacing20, " ", designTokens.spacing30, ";background-color:", designTokens.colorSurface, ";&:first-of-type{border-radius:", designTokens.borderRadius6, " ", designTokens.borderRadius6, " 0 0;}&:last-of-type{border-radius:0 0 ", designTokens.borderRadius6, " ", designTokens.borderRadius6, ";}&:hover{background-color:", designTokens.colorPrimary98, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getDropdownListMenuItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3Bkb3duLW1lbnUtbGlzdC1pdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRTyIsImZpbGUiOiJkcm9wZG93bi1tZW51LWxpc3QtaXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IHVzZURyb3Bkb3duTWVudUNvbnRleHQgfSBmcm9tICcuLi9jb250ZXh0L2Ryb3Bkb3duLW1lbnUtY29udGV4dCc7XG5pbXBvcnQgeyBmaWx0ZXJEYXRhQXR0cmlidXRlcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcblxuZnVuY3Rpb24gZ2V0RHJvcGRvd25MaXN0TWVudUl0ZW1TdHlsZXMocHJvcHM6IFREcm9wZG93bkxpc3RNZW51SXRlbVByb3BzKSB7XG4gIHJldHVybiBbXG4gICAgY3NzYFxuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgdGV4dC13cmFwOiB3cmFwO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMjB9ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmczMH07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn1cbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fSAwIDA7XG4gICAgICB9XG4gICAgICAmOmxhc3Qtb2YtdHlwZSB7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDAgMCAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fVxuICAgICAgICAgICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICAgICAgfVxuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTk4fTtcbiAgICAgIH1cbiAgICBgLFxuICAgIHByb3BzLmlzRGlzYWJsZWQgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbH07XG4gICAgICBgLFxuICBdO1xufVxuXG5leHBvcnQgdHlwZSBURHJvcGRvd25MaXN0TWVudUl0ZW1Qcm9wcyA9IHtcbiAgb25DbGljaz86ICgpID0+IHZvaWQ7XG4gIGlzRGlzYWJsZWQ/OiBib29sZWFuO1xuICBjaGlsZHJlbjogc3RyaW5nO1xufTtcblxuZnVuY3Rpb24gRHJvcGRvd25MaXN0TWVudUl0ZW0ocHJvcHM6IFREcm9wZG93bkxpc3RNZW51SXRlbVByb3BzKSB7XG4gIGNvbnN0IHsgdG9nZ2xlIH0gPSB1c2VEcm9wZG93bk1lbnVDb250ZXh0KCk7XG4gIHJldHVybiAoXG4gICAgPEFjY2Vzc2libGVCdXR0b25cbiAgICAgIGxhYmVsPXtwcm9wcy5jaGlsZHJlbn1cbiAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgdG9nZ2xlKCk7XG4gICAgICAgIHByb3BzLm9uQ2xpY2s/LigpO1xuICAgICAgfX1cbiAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICBjc3M9e2dldERyb3Bkb3duTGlzdE1lbnVJdGVtU3R5bGVzKHByb3BzKX1cbiAgICAgIHsuLi5maWx0ZXJEYXRhQXR0cmlidXRlcyhwcm9wcyl9XG4gICAgPlxuICAgICAge3Byb3BzLmNoaWxkcmVufVxuICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgRHJvcGRvd25MaXN0TWVudUl0ZW07XG4iXX0= */"), props.isDisabled && /*#__PURE__*/css("color:", designTokens.colorNeutral, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getDropdownListMenuItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3Bkb3duLW1lbnUtbGlzdC1pdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QlMiLCJmaWxlIjoiZHJvcGRvd24tbWVudS1saXN0LWl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IEFjY2Vzc2libGVCdXR0b24gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvYWNjZXNzaWJsZS1idXR0b24nO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyB1c2VEcm9wZG93bk1lbnVDb250ZXh0IH0gZnJvbSAnLi4vY29udGV4dC9kcm9wZG93bi1tZW51LWNvbnRleHQnO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5cbmZ1bmN0aW9uIGdldERyb3Bkb3duTGlzdE1lbnVJdGVtU3R5bGVzKHByb3BzOiBURHJvcGRvd25MaXN0TWVudUl0ZW1Qcm9wcykge1xuICByZXR1cm4gW1xuICAgIGNzc2BcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICAgIHRleHQtd3JhcDogd3JhcDtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzIwfSAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICAgICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9XG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn0gMCAwO1xuICAgICAgfVxuICAgICAgJjpsYXN0LW9mLXR5cGUge1xuICAgICAgICBib3JkZXItcmFkaXVzOiAwIDAgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn1cbiAgICAgICAgICAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fTtcbiAgICAgIH1cbiAgICAgICY6aG92ZXIge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnk5OH07XG4gICAgICB9XG4gICAgYCxcbiAgICBwcm9wcy5pc0Rpc2FibGVkICYmXG4gICAgICBjc3NgXG4gICAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWx9O1xuICAgICAgYCxcbiAgXTtcbn1cblxuZXhwb3J0IHR5cGUgVERyb3Bkb3duTGlzdE1lbnVJdGVtUHJvcHMgPSB7XG4gIG9uQ2xpY2s/OiAoKSA9PiB2b2lkO1xuICBpc0Rpc2FibGVkPzogYm9vbGVhbjtcbiAgY2hpbGRyZW46IHN0cmluZztcbn07XG5cbmZ1bmN0aW9uIERyb3Bkb3duTGlzdE1lbnVJdGVtKHByb3BzOiBURHJvcGRvd25MaXN0TWVudUl0ZW1Qcm9wcykge1xuICBjb25zdCB7IHRvZ2dsZSB9ID0gdXNlRHJvcGRvd25NZW51Q29udGV4dCgpO1xuICByZXR1cm4gKFxuICAgIDxBY2Nlc3NpYmxlQnV0dG9uXG4gICAgICBsYWJlbD17cHJvcHMuY2hpbGRyZW59XG4gICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgIHRvZ2dsZSgpO1xuICAgICAgICBwcm9wcy5vbkNsaWNrPy4oKTtcbiAgICAgIH19XG4gICAgICBpc0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgY3NzPXtnZXREcm9wZG93bkxpc3RNZW51SXRlbVN0eWxlcyhwcm9wcyl9XG4gICAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMocHJvcHMpfVxuICAgID5cbiAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICA8L0FjY2Vzc2libGVCdXR0b24+XG4gICk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IERyb3Bkb3duTGlzdE1lbnVJdGVtO1xuIl19 */")];
 }
 function DropdownListMenuItem(props) {
   const _useDropdownMenuConte = useDropdownMenuContext(),
     toggle = _useDropdownMenuConte.toggle;
-  return jsx(AccessibleButton, {
+  return jsx(AccessibleButton, _objectSpread$1(_objectSpread$1({
     label: props.children,
     onClick: () => {
       var _props$onClick;
@@ -211,11 +227,14 @@ function DropdownListMenuItem(props) {
       (_props$onClick = props.onClick) === null || _props$onClick === void 0 || _props$onClick.call(props);
     },
     isDisabled: props.isDisabled,
-    css: getDropdownListMenuItemStyles(props),
+    css: getDropdownListMenuItemStyles(props)
+  }, filterDataAttributes(props)), {}, {
     children: props.children
-  });
+  }));
 }
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 function getScrollableParent(element) {
   if (!element) {
@@ -267,7 +286,7 @@ const Container = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "producti
 } : {
   name: "1nrevy2",
   styles: "position:relative;display:inline-block",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3Bkb3duLW1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9HNEIiLCJmaWxlIjoiZHJvcGRvd24tbWVudS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICB1c2VDYWxsYmFjayxcbiAgdXNlRWZmZWN0LFxuICB1c2VNZW1vLFxuICB1c2VSZWYsXG4gIHR5cGUgUmVhY3RFbGVtZW50LFxuICB0eXBlIFJlYWN0Tm9kZSxcbiAgdHlwZSBSZWZPYmplY3QsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRvZ2dsZVN0YXRlIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaG9va3MnO1xuaW1wb3J0IHsgdHlwZSBUTWF4UHJvcCB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2NvbnN0cmFpbnRzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBEcm9wZG93bk1lbnVDb250ZXh0IGZyb20gJy4vY29udGV4dCc7XG5pbXBvcnQgRHJvcGRvd25UcmlnZ2VyIGZyb20gJy4vdHJpZ2dlcic7XG5pbXBvcnQge1xuICBEcm9wZG93bkNvbnRlbnRNZW51LFxuICBEcm9wZG93bkxpc3RNZW51LFxuICBEcm9wZG93bkxpc3RNZW51SXRlbSxcbn0gZnJvbSAnLi9tZW51JztcblxuZXhwb3J0IHR5cGUgVERyb3Bkb3duTWVudVByb3BzID0ge1xuICAvKipcbiAgICogVGhlIHBvc2l0aW9uIG9mIHRoZSBtZW51IHJlbGF0aXZlIHRvIHRoZSB0cmlnZ2VyIGVsZW1lbnQuXG4gICAqL1xuICBtZW51UG9zaXRpb24/OiAnbGVmdCcgfCAncmlnaHQnO1xuICAvKipcbiAgICogVGhlIG1heGltdW0gaGVpZ2h0IGZvciB0aGUgbWVudSBpbiBwaXhlbHMuXG4gICAqIEJ5IGRlZmF1bHQsIHRoZSBtYXggaGVpZ2h0IHdpbGwgYmUgdGhlIGF2YWlsYWJsZSBzcGFjZSBiZXR3ZWVuIHRoZSB0cmlnZ2VyIGVsZW1lbnQgYW5kIHRoZSBib3R0b20gb2YgdGhlIHZpZXdwb3J0LlxuICAgKi9cbiAgbWVudU1heEhlaWdodD86IG51bWJlcjtcbiAgLyoqXG4gICAqIFRoZSBlbGVtZW50IHRoYXQgdHJpZ2dlcnMgdGhlIGRyb3Bkb3duLlxuICAgKi9cbiAgdHJpZ2dlckVsZW1lbnQ6IFJlYWN0RWxlbWVudDtcbiAgLyoqXG4gICAqIFRoZSB0eXBlIG9mIHRoZSBtZW51LlxuICAgKiBUaGUgJ2RlZmF1bHQnIHR5cGUganVzdCByZW5kZXJzIGEgZHJvcGRvd24gY29udGFpbmVyIGJ1dCB0aGUgJ2xpc3QnIHR5cGUgaXMgaW50ZW5kZWQgdG8gYmUgdXNlZCB3aXRoIHRoZSBEcm9wZG93bk1lbnUuTGlzdE1lbnVJdGVtIGNvbXBvbmVudC5cbiAgICovXG4gIG1lbnVUeXBlPzogJ2RlZmF1bHQnIHwgJ2xpc3QnO1xuICAvKipcbiAgICogVGhlIGhvcml6b250YWwgY29uc3RyYWludCBvZiB0aGUgbWVudS5cbiAgICovXG4gIG1lbnVIb3Jpem9udGFsQ29uc3RyYWludD86IFRNYXhQcm9wO1xuICAvKipcbiAgICogVGhlIGNvbnRlbnQgb2YgdGhlIGRyb3Bkb3duLlxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn07XG5cbmZ1bmN0aW9uIGdldFNjcm9sbGFibGVQYXJlbnQoZWxlbWVudDogSFRNTEVsZW1lbnQgfCBudWxsKTogSFRNTEVsZW1lbnQgfCBudWxsIHtcbiAgaWYgKCFlbGVtZW50KSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cbiAgY29uc3Qgb3ZlcmZsb3dZID0gd2luZG93LmdldENvbXB1dGVkU3R5bGUoZWxlbWVudCkub3ZlcmZsb3dZO1xuICBjb25zdCBpc1Njcm9sbGFibGUgPSBvdmVyZmxvd1kgIT09ICd2aXNpYmxlJyAmJiBvdmVyZmxvd1kgIT09ICdoaWRkZW4nO1xuICBpZiAoaXNTY3JvbGxhYmxlICYmIGVsZW1lbnQuc2Nyb2xsSGVpZ2h0ID49IGVsZW1lbnQuY2xpZW50SGVpZ2h0KSB7XG4gICAgcmV0dXJuIGVsZW1lbnQ7XG4gIH1cblxuICByZXR1cm4gZ2V0U2Nyb2xsYWJsZVBhcmVudChlbGVtZW50LnBhcmVudEVsZW1lbnQpO1xufVxuXG5mdW5jdGlvbiB1c2VTY3JvbGxCbG9jayhpc09wZW46IGJvb2xlYW4sIHRyaWdnZXJSZWY6IFJlZk9iamVjdDxIVE1MRWxlbWVudD4pIHtcbiAgY29uc3Qgc2Nyb2xsYWJsZVBhcmVudFJlZiA9IHVzZVJlZjxIVE1MRWxlbWVudCB8IG51bGw+KCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIXNjcm9sbGFibGVQYXJlbnRSZWYuY3VycmVudCkge1xuICAgICAgc2Nyb2xsYWJsZVBhcmVudFJlZi5jdXJyZW50ID0gZ2V0U2Nyb2xsYWJsZVBhcmVudCh0cmlnZ2VyUmVmLmN1cnJlbnQpO1xuICAgIH1cblxuICAgIGNvbnN0IHsgY3VycmVudDogc2Nyb2xsYWJsZVBhcmVudCB9ID0gc2Nyb2xsYWJsZVBhcmVudFJlZjtcbiAgICBpZiAoc2Nyb2xsYWJsZVBhcmVudCAmJiBpc09wZW4pIHtcbiAgICAgIHNjcm9sbGFibGVQYXJlbnQuc2V0QXR0cmlidXRlKFxuICAgICAgICAnZGF0YS1wcmV2LXNjcm9sbCcsXG4gICAgICAgIHNjcm9sbGFibGVQYXJlbnQuc3R5bGUub3ZlcmZsb3dZXG4gICAgICApO1xuICAgICAgc2Nyb2xsYWJsZVBhcmVudC5zdHlsZS5vdmVyZmxvd1kgPSAnaGlkZGVuJztcbiAgICB9XG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIC8vIFRoZSBjbGVhbnVwIGVmZmVjdCBydW5zIGFmdGVyIHRoZSBjb21wb25lbnQgaXMgdW5tb3VudGVkIGJ1dCBhbHNvIGV2ZXJ5dGltZVxuICAgICAgLy8gdGhlIGRlcGVuZGVuY3kgYXJyYXkgY2hhbmdlcy4gV2UgbmVlZCB0byBtYW5hZ2UgYm90aCB0byBtYW5hZ2Ugb3BlbmluZy9jbG9zaW5nXG4gICAgICAvLyB0aGUgZHJvcGRvd24gYnV0IGFsc28gdG8gbWFuYWdlIHRoZSB0aGUgZHJvcGRvd24gaXMgb3BlbmVkIGFuZCB0aGUgY29tcG9uZW50XG4gICAgICAvLyBpcyB1bm1vdW50ZWQuIEZvciBpbnN0YW5jZSwgd2hlbiBuYXZpZ2F0aW5nIHRvIGFub3RoZXIgcGFnZSBjbGllbnQtc2lkZS5cbiAgICAgIGlmIChzY3JvbGxhYmxlUGFyZW50ICYmIGlzT3Blbikge1xuICAgICAgICBjb25zdCBwcmV2U2Nyb2xsID0gc2Nyb2xsYWJsZVBhcmVudC5nZXRBdHRyaWJ1dGUoJ2RhdGEtcHJldi1zY3JvbGwnKTtcbiAgICAgICAgc2Nyb2xsYWJsZVBhcmVudC5zdHlsZS5vdmVyZmxvd1kgPSBwcmV2U2Nyb2xsIHx8ICcnO1xuICAgICAgfVxuICAgIH07XG4gIH0sIFtpc09wZW4sIHNjcm9sbGFibGVQYXJlbnRSZWYsIHRyaWdnZXJSZWZdKTtcbn1cblxuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFxuICBURHJvcGRvd25NZW51UHJvcHMsXG4gICdtZW51UG9zaXRpb24nIHwgJ21lbnVUeXBlJyB8ICdtZW51SG9yaXpvbnRhbENvbnN0cmFpbnQnXG4+ID0ge1xuICBtZW51SG9yaXpvbnRhbENvbnN0cmFpbnQ6ICdhdXRvJyxcbiAgbWVudVBvc2l0aW9uOiAnbGVmdCcsXG4gIG1lbnVUeXBlOiAnZGVmYXVsdCcsXG59O1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbmA7XG5cbmZ1bmN0aW9uIERyb3Bkb3duTWVudShwcm9wczogVERyb3Bkb3duTWVudVByb3BzKSB7XG4gIGNvbnN0IFtpc09wZW4sIHRvZ2dsZV0gPSB1c2VUb2dnbGVTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHRyaWdnZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuXG4gIC8vIFdlIHVzZSB0aGUgY29udGV4dCBzbyBjaGlsZHJlbiBjYW4gdG9nZ2xlIHRoZSBkcm9wZG93blxuICBjb25zdCBjb250ZXh0ID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoe1xuICAgICAgaXNPcGVuLFxuICAgICAgdG9nZ2xlLFxuICAgIH0pLFxuICAgIFtpc09wZW4sIHRvZ2dsZV1cbiAgKTtcbiAgY29uc3QgTWVudSA9XG4gICAgcHJvcHMubWVudVR5cGUgPT09ICdkZWZhdWx0JyA/IERyb3Bkb3duQ29udGVudE1lbnUgOiBEcm9wZG93bkxpc3RNZW51O1xuXG4gIC8vIENsb3NlIHRoZSBkcm9wZG93biB3aGVuIGNsaWNraW5nIG91dHNpZGUgb2YgaXRcbiAgY29uc3QgaGFuZGxlR2xvYmFsQ2xpY2sgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZlbnQpID0+IHtcbiAgICAgIGNvbnN0IHRyaWdnZXJFbGVtZW50ID0gdHJpZ2dlclJlZi5jdXJyZW50O1xuICAgICAgaWYgKFxuICAgICAgICBpc09wZW4gJiZcbiAgICAgICAgdHJpZ2dlckVsZW1lbnQgJiZcbiAgICAgICAgZXZlbnQudGFyZ2V0ICE9PSB0cmlnZ2VyRWxlbWVudCAmJlxuICAgICAgICB3aW5kb3cuZG9jdW1lbnQuY29udGFpbnMoZXZlbnQudGFyZ2V0KSAmJlxuICAgICAgICAhdHJpZ2dlckVsZW1lbnQucGFyZW50RWxlbWVudD8uY29udGFpbnMoZXZlbnQudGFyZ2V0KVxuICAgICAgKSB7XG4gICAgICAgIHRvZ2dsZShmYWxzZSk7XG4gICAgICB9XG4gICAgfSxcbiAgICBbdHJpZ2dlclJlZiwgdG9nZ2xlLCBpc09wZW5dXG4gICk7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ2NsaWNrJywgaGFuZGxlR2xvYmFsQ2xpY2spO1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcignY2xpY2snLCBoYW5kbGVHbG9iYWxDbGljayk7XG4gICAgfTtcbiAgfSwgW2hhbmRsZUdsb2JhbENsaWNrXSk7XG5cbiAgLy8gQmxvY2sgc2Nyb2xsaW5nIHdoZW4gdGhlIGRyb3Bkb3duIGlzIG9wZW4uXG4gIC8vIFdlIGRvIHRoaXMgdG8gYXZvaWQgcmVxdWlyaW5nIGRyb3Bkb3duIHJlcmVuZGVyaW5nIHdoaWxlIHRoZSB1c2VyIHNjcm9sbHMuXG4gIHVzZVNjcm9sbEJsb2NrKGlzT3BlbiwgdHJpZ2dlclJlZik7XG5cbiAgcmV0dXJuIChcbiAgICA8RHJvcGRvd25NZW51Q29udGV4dC5Qcm92aWRlciB2YWx1ZT17Y29udGV4dH0+XG4gICAgICA8Q29udGFpbmVyPlxuICAgICAgICA8RHJvcGRvd25UcmlnZ2VyIG9uQ2xpY2s9e3RvZ2dsZX0gcmVmPXt0cmlnZ2VyUmVmfT5cbiAgICAgICAgICB7cHJvcHMudHJpZ2dlckVsZW1lbnR9XG4gICAgICAgIDwvRHJvcGRvd25UcmlnZ2VyPlxuXG4gICAgICAgIDxNZW51XG4gICAgICAgICAgaG9yaXpvbnRhbENvbnN0cmFpbnQ9e3Byb3BzLm1lbnVIb3Jpem9udGFsQ29uc3RyYWludCF9XG4gICAgICAgICAgaXNPcGVuPXtpc09wZW59XG4gICAgICAgICAgbWVudVBvc2l0aW9uPXtwcm9wcy5tZW51UG9zaXRpb24hfVxuICAgICAgICAgIG1lbnVNYXhIZWlnaHQ9e3Byb3BzLm1lbnVNYXhIZWlnaHR9XG4gICAgICAgICAgdHJpZ2dlckVsZW1lbnRSZWY9e3RyaWdnZXJSZWZ9XG4gICAgICAgID5cbiAgICAgICAgICB7cHJvcHMuY2hpbGRyZW59XG4gICAgICAgIDwvTWVudT5cbiAgICAgIDwvQ29udGFpbmVyPlxuICAgIDwvRHJvcGRvd25NZW51Q29udGV4dC5Qcm92aWRlcj5cbiAgKTtcbn1cbkRyb3Bkb3duTWVudS5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5cbkRyb3Bkb3duTWVudS5MaXN0TWVudUl0ZW0gPSBEcm9wZG93bkxpc3RNZW51SXRlbTtcblxuZXhwb3J0IGRlZmF1bHQgRHJvcGRvd25NZW51O1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3Bkb3duLW1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFHNEIiLCJmaWxlIjoiZHJvcGRvd24tbWVudS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICB1c2VDYWxsYmFjayxcbiAgdXNlRWZmZWN0LFxuICB1c2VNZW1vLFxuICB1c2VSZWYsXG4gIHR5cGUgUmVhY3RFbGVtZW50LFxuICB0eXBlIFJlYWN0Tm9kZSxcbiAgdHlwZSBSZWZPYmplY3QsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IHsgdXNlVG9nZ2xlU3RhdGUgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9ob29rcyc7XG5pbXBvcnQgeyB0eXBlIFRNYXhQcm9wIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvY29uc3RyYWludHMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IERyb3Bkb3duTWVudUNvbnRleHQgZnJvbSAnLi9jb250ZXh0JztcbmltcG9ydCBEcm9wZG93blRyaWdnZXIgZnJvbSAnLi90cmlnZ2VyJztcbmltcG9ydCB7XG4gIERyb3Bkb3duQ29udGVudE1lbnUsXG4gIERyb3Bkb3duTGlzdE1lbnUsXG4gIERyb3Bkb3duTGlzdE1lbnVJdGVtLFxufSBmcm9tICcuL21lbnUnO1xuXG5leHBvcnQgdHlwZSBURHJvcGRvd25NZW51UHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgcG9zaXRpb24gb2YgdGhlIG1lbnUgcmVsYXRpdmUgdG8gdGhlIHRyaWdnZXIgZWxlbWVudC5cbiAgICovXG4gIG1lbnVQb3NpdGlvbj86ICdsZWZ0JyB8ICdyaWdodCc7XG4gIC8qKlxuICAgKiBUaGUgbWF4aW11bSBoZWlnaHQgZm9yIHRoZSBtZW51IGluIHBpeGVscy5cbiAgICogQnkgZGVmYXVsdCwgdGhlIG1heCBoZWlnaHQgd2lsbCBiZSB0aGUgYXZhaWxhYmxlIHNwYWNlIGJldHdlZW4gdGhlIHRyaWdnZXIgZWxlbWVudCBhbmQgdGhlIGJvdHRvbSBvZiB0aGUgdmlld3BvcnQuXG4gICAqL1xuICBtZW51TWF4SGVpZ2h0PzogbnVtYmVyO1xuICAvKipcbiAgICogVGhlIGVsZW1lbnQgdGhhdCB0cmlnZ2VycyB0aGUgZHJvcGRvd24uXG4gICAqL1xuICB0cmlnZ2VyRWxlbWVudDogUmVhY3RFbGVtZW50O1xuICAvKipcbiAgICogVGhlIHR5cGUgb2YgdGhlIG1lbnUuXG4gICAqIFRoZSAnZGVmYXVsdCcgdHlwZSBqdXN0IHJlbmRlcnMgYSBkcm9wZG93biBjb250YWluZXIgYnV0IHRoZSAnbGlzdCcgdHlwZSBpcyBpbnRlbmRlZCB0byBiZSB1c2VkIHdpdGggdGhlIERyb3Bkb3duTWVudS5MaXN0TWVudUl0ZW0gY29tcG9uZW50LlxuICAgKi9cbiAgbWVudVR5cGU/OiAnZGVmYXVsdCcgfCAnbGlzdCc7XG4gIC8qKlxuICAgKiBUaGUgaG9yaXpvbnRhbCBjb25zdHJhaW50IG9mIHRoZSBtZW51LlxuICAgKi9cbiAgbWVudUhvcml6b250YWxDb25zdHJhaW50PzogVE1heFByb3A7XG4gIC8qKlxuICAgKiBUaGUgY29udGVudCBvZiB0aGUgZHJvcGRvd24uXG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufTtcblxuZnVuY3Rpb24gZ2V0U2Nyb2xsYWJsZVBhcmVudChlbGVtZW50OiBIVE1MRWxlbWVudCB8IG51bGwpOiBIVE1MRWxlbWVudCB8IG51bGwge1xuICBpZiAoIWVsZW1lbnQpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuICBjb25zdCBvdmVyZmxvd1kgPSB3aW5kb3cuZ2V0Q29tcHV0ZWRTdHlsZShlbGVtZW50KS5vdmVyZmxvd1k7XG4gIGNvbnN0IGlzU2Nyb2xsYWJsZSA9IG92ZXJmbG93WSAhPT0gJ3Zpc2libGUnICYmIG92ZXJmbG93WSAhPT0gJ2hpZGRlbic7XG4gIGlmIChpc1Njcm9sbGFibGUgJiYgZWxlbWVudC5zY3JvbGxIZWlnaHQgPj0gZWxlbWVudC5jbGllbnRIZWlnaHQpIHtcbiAgICByZXR1cm4gZWxlbWVudDtcbiAgfVxuXG4gIHJldHVybiBnZXRTY3JvbGxhYmxlUGFyZW50KGVsZW1lbnQucGFyZW50RWxlbWVudCk7XG59XG5cbmZ1bmN0aW9uIHVzZVNjcm9sbEJsb2NrKGlzT3BlbjogYm9vbGVhbiwgdHJpZ2dlclJlZjogUmVmT2JqZWN0PEhUTUxFbGVtZW50Pikge1xuICBjb25zdCBzY3JvbGxhYmxlUGFyZW50UmVmID0gdXNlUmVmPEhUTUxFbGVtZW50IHwgbnVsbD4oKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghc2Nyb2xsYWJsZVBhcmVudFJlZi5jdXJyZW50KSB7XG4gICAgICBzY3JvbGxhYmxlUGFyZW50UmVmLmN1cnJlbnQgPSBnZXRTY3JvbGxhYmxlUGFyZW50KHRyaWdnZXJSZWYuY3VycmVudCk7XG4gICAgfVxuXG4gICAgY29uc3QgeyBjdXJyZW50OiBzY3JvbGxhYmxlUGFyZW50IH0gPSBzY3JvbGxhYmxlUGFyZW50UmVmO1xuICAgIGlmIChzY3JvbGxhYmxlUGFyZW50ICYmIGlzT3Blbikge1xuICAgICAgc2Nyb2xsYWJsZVBhcmVudC5zZXRBdHRyaWJ1dGUoXG4gICAgICAgICdkYXRhLXByZXYtc2Nyb2xsJyxcbiAgICAgICAgc2Nyb2xsYWJsZVBhcmVudC5zdHlsZS5vdmVyZmxvd1lcbiAgICAgICk7XG4gICAgICBzY3JvbGxhYmxlUGFyZW50LnN0eWxlLm92ZXJmbG93WSA9ICdoaWRkZW4nO1xuICAgIH1cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgLy8gVGhlIGNsZWFudXAgZWZmZWN0IHJ1bnMgYWZ0ZXIgdGhlIGNvbXBvbmVudCBpcyB1bm1vdW50ZWQgYnV0IGFsc28gZXZlcnl0aW1lXG4gICAgICAvLyB0aGUgZGVwZW5kZW5jeSBhcnJheSBjaGFuZ2VzLiBXZSBuZWVkIHRvIG1hbmFnZSBib3RoIHRvIG1hbmFnZSBvcGVuaW5nL2Nsb3NpbmdcbiAgICAgIC8vIHRoZSBkcm9wZG93biBidXQgYWxzbyB0byBtYW5hZ2UgdGhlIHRoZSBkcm9wZG93biBpcyBvcGVuZWQgYW5kIHRoZSBjb21wb25lbnRcbiAgICAgIC8vIGlzIHVubW91bnRlZC4gRm9yIGluc3RhbmNlLCB3aGVuIG5hdmlnYXRpbmcgdG8gYW5vdGhlciBwYWdlIGNsaWVudC1zaWRlLlxuICAgICAgaWYgKHNjcm9sbGFibGVQYXJlbnQgJiYgaXNPcGVuKSB7XG4gICAgICAgIGNvbnN0IHByZXZTY3JvbGwgPSBzY3JvbGxhYmxlUGFyZW50LmdldEF0dHJpYnV0ZSgnZGF0YS1wcmV2LXNjcm9sbCcpO1xuICAgICAgICBzY3JvbGxhYmxlUGFyZW50LnN0eWxlLm92ZXJmbG93WSA9IHByZXZTY3JvbGwgfHwgJyc7XG4gICAgICB9XG4gICAgfTtcbiAgfSwgW2lzT3Blbiwgc2Nyb2xsYWJsZVBhcmVudFJlZiwgdHJpZ2dlclJlZl0pO1xufVxuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8XG4gIFREcm9wZG93bk1lbnVQcm9wcyxcbiAgJ21lbnVQb3NpdGlvbicgfCAnbWVudVR5cGUnIHwgJ21lbnVIb3Jpem9udGFsQ29uc3RyYWludCdcbj4gPSB7XG4gIG1lbnVIb3Jpem9udGFsQ29uc3RyYWludDogJ2F1dG8nLFxuICBtZW51UG9zaXRpb246ICdsZWZ0JyxcbiAgbWVudVR5cGU6ICdkZWZhdWx0Jyxcbn07XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuYDtcblxuZnVuY3Rpb24gRHJvcGRvd25NZW51KHByb3BzOiBURHJvcGRvd25NZW51UHJvcHMpIHtcbiAgY29uc3QgW2lzT3BlbiwgdG9nZ2xlXSA9IHVzZVRvZ2dsZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgdHJpZ2dlclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG5cbiAgLy8gV2UgdXNlIHRoZSBjb250ZXh0IHNvIGNoaWxkcmVuIGNhbiB0b2dnbGUgdGhlIGRyb3Bkb3duXG4gIGNvbnN0IGNvbnRleHQgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7XG4gICAgICBpc09wZW4sXG4gICAgICB0b2dnbGUsXG4gICAgfSksXG4gICAgW2lzT3BlbiwgdG9nZ2xlXVxuICApO1xuICBjb25zdCBNZW51ID1cbiAgICBwcm9wcy5tZW51VHlwZSA9PT0gJ2RlZmF1bHQnID8gRHJvcGRvd25Db250ZW50TWVudSA6IERyb3Bkb3duTGlzdE1lbnU7XG5cbiAgLy8gQ2xvc2UgdGhlIGRyb3Bkb3duIHdoZW4gY2xpY2tpbmcgb3V0c2lkZSBvZiBpdFxuICBjb25zdCBoYW5kbGVHbG9iYWxDbGljayA9IHVzZUNhbGxiYWNrKFxuICAgIChldmVudCkgPT4ge1xuICAgICAgY29uc3QgdHJpZ2dlckVsZW1lbnQgPSB0cmlnZ2VyUmVmLmN1cnJlbnQ7XG4gICAgICBpZiAoXG4gICAgICAgIGlzT3BlbiAmJlxuICAgICAgICB0cmlnZ2VyRWxlbWVudCAmJlxuICAgICAgICBldmVudC50YXJnZXQgIT09IHRyaWdnZXJFbGVtZW50ICYmXG4gICAgICAgIHdpbmRvdy5kb2N1bWVudC5jb250YWlucyhldmVudC50YXJnZXQpICYmXG4gICAgICAgICF0cmlnZ2VyRWxlbWVudC5wYXJlbnRFbGVtZW50Py5jb250YWlucyhldmVudC50YXJnZXQpXG4gICAgICApIHtcbiAgICAgICAgdG9nZ2xlKGZhbHNlKTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFt0cmlnZ2VyUmVmLCB0b2dnbGUsIGlzT3Blbl1cbiAgKTtcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcignY2xpY2snLCBoYW5kbGVHbG9iYWxDbGljayk7XG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdjbGljaycsIGhhbmRsZUdsb2JhbENsaWNrKTtcbiAgICB9O1xuICB9LCBbaGFuZGxlR2xvYmFsQ2xpY2tdKTtcblxuICAvLyBCbG9jayBzY3JvbGxpbmcgd2hlbiB0aGUgZHJvcGRvd24gaXMgb3Blbi5cbiAgLy8gV2UgZG8gdGhpcyB0byBhdm9pZCByZXF1aXJpbmcgZHJvcGRvd24gcmVyZW5kZXJpbmcgd2hpbGUgdGhlIHVzZXIgc2Nyb2xscy5cbiAgdXNlU2Nyb2xsQmxvY2soaXNPcGVuLCB0cmlnZ2VyUmVmKTtcblxuICByZXR1cm4gKFxuICAgIDxEcm9wZG93bk1lbnVDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtjb250ZXh0fT5cbiAgICAgIDxDb250YWluZXI+XG4gICAgICAgIDxEcm9wZG93blRyaWdnZXIgb25DbGljaz17dG9nZ2xlfSByZWY9e3RyaWdnZXJSZWZ9PlxuICAgICAgICAgIHtwcm9wcy50cmlnZ2VyRWxlbWVudH1cbiAgICAgICAgPC9Ecm9wZG93blRyaWdnZXI+XG5cbiAgICAgICAgPE1lbnVcbiAgICAgICAgICBob3Jpem9udGFsQ29uc3RyYWludD17cHJvcHMubWVudUhvcml6b250YWxDb25zdHJhaW50IX1cbiAgICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgICBtZW51UG9zaXRpb249e3Byb3BzLm1lbnVQb3NpdGlvbiF9XG4gICAgICAgICAgbWVudU1heEhlaWdodD17cHJvcHMubWVudU1heEhlaWdodH1cbiAgICAgICAgICB0cmlnZ2VyRWxlbWVudFJlZj17dHJpZ2dlclJlZn1cbiAgICAgICAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMocHJvcHMpfVxuICAgICAgICA+XG4gICAgICAgICAge3Byb3BzLmNoaWxkcmVufVxuICAgICAgICA8L01lbnU+XG4gICAgICA8L0NvbnRhaW5lcj5cbiAgICA8L0Ryb3Bkb3duTWVudUNvbnRleHQuUHJvdmlkZXI+XG4gICk7XG59XG5Ecm9wZG93bk1lbnUuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5Ecm9wZG93bk1lbnUuTGlzdE1lbnVJdGVtID0gRHJvcGRvd25MaXN0TWVudUl0ZW07XG5cbmV4cG9ydCBkZWZhdWx0IERyb3Bkb3duTWVudTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 function DropdownMenu(props) {
@@ -309,14 +328,15 @@ function DropdownMenu(props) {
         onClick: toggle,
         ref: triggerRef,
         children: props.triggerElement
-      }), jsx(Menu, {
+      }), jsx(Menu, _objectSpread(_objectSpread({
         horizontalConstraint: props.menuHorizontalConstraint,
         isOpen: isOpen,
         menuPosition: props.menuPosition,
         menuMaxHeight: props.menuMaxHeight,
-        triggerElementRef: triggerRef,
+        triggerElementRef: triggerRef
+      }, filterDataAttributes(props)), {}, {
         children: props.children
-      })]
+      }))]
     })
   });
 }
@@ -332,6 +352,6 @@ DropdownMenu.defaultProps = defaultProps;
 DropdownMenu.ListMenuItem = DropdownListMenuItem;
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.7.0";
+var version = "19.9.0";
 export { DropdownMenu as default, useDropdownMenuContext, version };

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/dropdown-menu",
   "description": "The Dropdown Menu component represents a component that triggers the rendering of a floating menu.",
-  "version": "19.7.0",
+  "version": "19.9.0",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -21,14 +21,14 @@
   "dependencies": {
     "@babel/runtime": "^7.20.13",
     "@babel/runtime-corejs3": "^7.20.13",
-    "@commercetools-uikit/accessible-button": "19.7.0",
-    "@commercetools-uikit/constraints": "19.7.0",
-    "@commercetools-uikit/design-system": "19.7.0",
-    "@commercetools-uikit/hooks": "19.7.0",
-    "@commercetools-uikit/secondary-button": "19.7.0",
-    "@commercetools-uikit/spacings-inline": "19.7.0",
-    "@commercetools-uikit/spacings-stack": "19.7.0",
-    "@commercetools-uikit/utils": "19.7.0",
+    "@commercetools-uikit/accessible-button": "19.9.0",
+    "@commercetools-uikit/constraints": "19.9.0",
+    "@commercetools-uikit/design-system": "19.9.0",
+    "@commercetools-uikit/hooks": "19.9.0",
+    "@commercetools-uikit/secondary-button": "19.9.0",
+    "@commercetools-uikit/spacings-inline": "19.9.0",
+    "@commercetools-uikit/spacings-stack": "19.9.0",
+    "@commercetools-uikit/utils": "19.9.0",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "prop-types": "15.8.1",