@luminati-io/uikit 1.7.7 → 1.7.8

package/dist/uikit.umd.js

@@ -7733,15 +7733,17 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react_select__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! react-select */ "./node_modules/react-select/dist/react-select.esm.js");
+/* harmony import */ var react_select__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! react-select */ "./node_modules/react-select/dist/react-select.esm.js");
 /* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
 /* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../menu */ "./src/menu/index.js");
-/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
-/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./shared */ "./src/input/shared.js");
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../hooks */ "./src/hooks/index.js");
-/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
-/* harmony import */ var _icons__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @icons */ "./assets/icons/index.js");
+/* harmony import */ var _menu_menu_item_group__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../menu/menu_item_group */ "./src/menu/menu_item_group.js");
+/* harmony import */ var _menu_shared__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../menu/shared */ "./src/menu/shared.js");
+/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
+/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./shared */ "./src/input/shared.js");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../hooks */ "./src/hooks/index.js");
+/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _icons__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @icons */ "./assets/icons/index.js");
 // LICENSE_CODE ZON
 
 
@@ -7767,6 +7769,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
+
 var Item = _menu__WEBPACK_IMPORTED_MODULE_3__.Menu.Item;
 var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
   var label = props.label,
@@ -7790,17 +7794,17 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forward
     menuPortalTarget = props.menuPortalTarget,
     filterOption = props.filterOption,
     rest = _objectWithoutProperties(props, _excluded);
-  var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_6__.useLabelId)(props.id);
-  var t = (0,_translation__WEBPACK_IMPORTED_MODULE_7__.useTranslation)();
+  var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_8__.useLabelId)(props.id);
+  var t = (0,_translation__WEBPACK_IMPORTED_MODULE_9__.useTranslation)();
   var styles = useCustomStyles(size);
-  var SelectComp = creatable ? react_select__WEBPACK_IMPORTED_MODULE_10__["default"].Creatable : react_select__WEBPACK_IMPORTED_MODULE_10__["default"];
+  var SelectComp = creatable ? react_select__WEBPACK_IMPORTED_MODULE_12__["default"].Creatable : react_select__WEBPACK_IMPORTED_MODULE_12__["default"];
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_2__.Flex, _extends({
     ref: ref,
     "data-testid": "dropdown"
   }, rest, {
     flex_direction: "column",
-    gap: _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["02"]
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_5__.InputLabel, {
+    gap: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].spacing["02"]
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_7__.InputLabel, {
     id: labelId,
     label: label,
     labelIcon: labelIcon,
@@ -7827,6 +7831,8 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forward
       },
       DropdownIndicator: DropdownIndicator,
       ClearIndicator: ClearIndicator,
+      MenuList: MenuList,
+      Group: Group,
       Option: Option
     },
     classNamePrefix: classNamePrefix,
@@ -7835,7 +7841,7 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forward
       return opt.disabled;
     },
     closeMenuOnSelect: !multiselect
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_5__.HelperText, {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_7__.HelperText, {
     invalid: invalid
   }, helperText));
 });
@@ -7870,14 +7876,14 @@ var DropdownIndicator = function DropdownIndicator(props) {
     innerRef = props.innerRef,
     innerProps = props.innerProps,
     isDisabled = props.isDisabled;
-  var ic = _icons__WEBPACK_IMPORTED_MODULE_9__["default"][selectProps.menuIsOpen ? 'ChevronUp' : 'ChevronDown'];
+  var ic = _icons__WEBPACK_IMPORTED_MODULE_11__["default"][selectProps.menuIsOpen ? 'ChevronUp' : 'ChevronDown'];
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", _extends({
     ref: innerRef,
     width: "18px",
     height: "18px",
     viewBox: ic.viewBox,
     style: {
-      color: _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_9,
+      color: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_9,
       cursor: isDisabled ? 'default' : 'pointer'
     }
   }, innerProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("use", {
@@ -7888,14 +7894,14 @@ DropdownIndicator.displayName = 'DropdownIndicator';
 var ClearIndicator = function ClearIndicator(props) {
   var innerRef = props.innerRef,
     innerProps = props.innerProps;
-  var ic = _icons__WEBPACK_IMPORTED_MODULE_9__["default"].CloseSmall;
+  var ic = _icons__WEBPACK_IMPORTED_MODULE_11__["default"].CloseSmall;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", _extends({
     ref: innerRef,
     width: "18px",
     height: "18px",
     viewBox: ic.viewBox,
     style: {
-      color: _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_9,
+      color: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_9,
       cursor: 'pointer'
     }
   }, innerProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("use", {
@@ -7914,6 +7920,7 @@ var Option = function Option(props) {
     innerProps = props.innerProps;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Item, _extends({
     ref: innerRef,
+    type: "item",
     className: cx({
       option: true,
       'option--is-disabled': isDisabled,
@@ -7923,11 +7930,51 @@ var Option = function Option(props) {
   }, innerProps, {
     text: data.label,
     disabled: isDisabled,
-    selected: isSelected,
-    tag: "div"
+    selected: isSelected
   }));
 };
 Option.displayName = 'Option';
+var Group = function Group(props) {
+  var label = props.label,
+    className = props.className,
+    cx = props.cx,
+    innerRef = props.innerRef,
+    innerProps = props.innerProps,
+    children = props.children,
+    isFirstItem = props.isFirstItem;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_menu_menu_item_group__WEBPACK_IMPORTED_MODULE_4__["default"], _extends({
+    ref: innerRef,
+    isFirstItem: isFirstItem,
+    className: cx({
+      group: true
+    }, className)
+  }, innerProps, {
+    text: label
+  }), children);
+};
+Group.displayName = 'Group';
+var MenuList = function MenuList(props) {
+  var className = props.className,
+    cx = props.cx,
+    getStyles = props.getStyles,
+    innerRef = props.innerRef,
+    innerProps = props.innerProps,
+    children = props.children;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_menu_shared__WEBPACK_IMPORTED_MODULE_5__.MenuContainer, _extends({
+    ref: innerRef,
+    noShadow: true,
+    role: "menu",
+    className: cx({
+      menuList: true
+    }, className),
+    style: getStyles('menuList', props)
+  }, innerProps), react__WEBPACK_IMPORTED_MODULE_0___default().Children.map(children, function (child, ind) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().cloneElement(child, {
+      isFirstItem: ind == 0
+    });
+  }));
+};
+MenuList.displayName = 'MenuList';
 var useCustomStyles = function useCustomStyles(size) {
   return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
     return {
@@ -7937,25 +7984,25 @@ var useCustomStyles = function useCustomStyles(size) {
           md: 40,
           lg: 48
         };
-        var borderColor = _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_7;
-        var color = _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_11_50;
-        var backgroundColor = _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.white;
+        var borderColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_7;
+        var color = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_11_50;
+        var backgroundColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.white;
         var cursor = 'text';
         if (state.isDisabled) {
-          color = _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_9;
-          borderColor = _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_6;
-          backgroundColor = _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_2;
+          color = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_9;
+          borderColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_6;
+          backgroundColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_2;
           cursor = 'default';
-        } else if (state.selectProps['aria-invalid']) borderColor = _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.red_11;else if (state.isFocused) borderColor = _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.blue_11;
+        } else if (state.selectProps['aria-invalid']) borderColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.red_11;else if (state.isFocused) borderColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_11;
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
-          minHeight: (0,_utils__WEBPACK_IMPORTED_MODULE_8__.toPixel)(height[size] || height.sm),
-          padding: "".concat(_shared__WEBPACK_IMPORTED_MODULE_5__.inputVerticalPadding, "px ").concat(_shared__WEBPACK_IMPORTED_MODULE_5__.inputHorizontalPadding, "px"),
+          minHeight: (0,_utils__WEBPACK_IMPORTED_MODULE_10__.toPixel)(height[size] || height.sm),
+          padding: "".concat(_shared__WEBPACK_IMPORTED_MODULE_7__.inputVerticalPadding, "px ").concat(_shared__WEBPACK_IMPORTED_MODULE_7__.inputHorizontalPadding, "px"),
           /* Label/sm */
-          fontFamily: _theme__WEBPACK_IMPORTED_MODULE_4__["default"].font_family.sans,
+          fontFamily: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_family.sans,
           fontStyle: 'normal',
-          fontWeight: _theme__WEBPACK_IMPORTED_MODULE_4__["default"].font_weight.regular,
-          fontSize: _theme__WEBPACK_IMPORTED_MODULE_4__["default"].font_size.sm,
-          lineHeight: _theme__WEBPACK_IMPORTED_MODULE_4__["default"].line_height.none,
+          fontWeight: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_weight.regular,
+          fontSize: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_size.sm,
+          lineHeight: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].line_height.none,
           color: color,
           backgroundColor: backgroundColor,
           borderColor: borderColor,
@@ -7970,32 +8017,24 @@ var useCustomStyles = function useCustomStyles(size) {
       },
       placeholder: function placeholder(baseStyles) {
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
-          color: _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_11
+          color: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_11
         });
       },
       indicatorsContainer: function indicatorsContainer(baseStyles) {
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
-          gap: _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["03"],
+          gap: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].spacing["03"],
           height: '24px'
         });
       },
       menu: function menu(baseStyles) {
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
-          margin: "".concat(_theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["03"], " 0 0 0"),
-          padding: "".concat(_theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["02"], " 0"),
+          padding: 0,
           boxSizing: 'border-box',
           minWidth: '168px',
           maxWidth: '540px',
-          background: _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.white,
-          borderRadius: _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["02"],
-          boxShadow: _theme__WEBPACK_IMPORTED_MODULE_4__["default"].box_shadow.md
-        });
-      },
-      menuList: function menuList(baseStyles) {
-        return _objectSpread(_objectSpread({}, baseStyles), {}, {
-          display: 'flex',
-          flexDirection: 'column',
-          gap: _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["01"]
+          backgroundColor: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.white,
+          borderRadius: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].spacing["02"],
+          boxShadow: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].box_shadow.md
         });
       },
       menuPortal: function menuPortal(baseStyles) {
@@ -8005,31 +8044,31 @@ var useCustomStyles = function useCustomStyles(size) {
       },
       multiValue: function multiValue(baseStyles) {
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
-          backgroundColor: _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_3,
-          borderRadius: _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["02"]
+          backgroundColor: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_3,
+          borderRadius: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].spacing["02"]
         });
       },
       multiValueLabel: function multiValueLabel(baseStyles) {
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
           /* Label/sm */
-          fontFamily: _theme__WEBPACK_IMPORTED_MODULE_4__["default"].font_family.sans,
+          fontFamily: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_family.sans,
           fontStyle: 'normal',
-          fontWeight: _theme__WEBPACK_IMPORTED_MODULE_4__["default"].font_weight.regular,
-          fontSize: _theme__WEBPACK_IMPORTED_MODULE_4__["default"].font_size.sm,
-          lineHeight: _theme__WEBPACK_IMPORTED_MODULE_4__["default"].line_height.none,
-          color: _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_11_25,
-          paddingLeft: _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["02"],
-          paddingRight: _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["00"]
+          fontWeight: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_weight.regular,
+          fontSize: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_size.sm,
+          lineHeight: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].line_height.none,
+          color: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_11_25,
+          paddingLeft: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].spacing["02"],
+          paddingRight: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].spacing["00"]
         });
       },
       multiValueRemove: function multiValueRemove(baseStyles) {
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
-          borderRadius: _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["02"],
-          color: _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_11,
+          borderRadius: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].spacing["02"],
+          color: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_11,
           cursor: 'pointer',
           ':hover': {
-            backgroundColor: _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_3,
-            color: _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_11_50
+            backgroundColor: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_3,
+            color: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_11_50
           }
         });
       }
@@ -9377,8 +9416,9 @@ var MenuItem = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forward
   }) : undefined;
   if (type == 'group') {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_menu_item_group__WEBPACK_IMPORTED_MODULE_9__["default"], _extends({
-      ref: ref
-    }, props), subItems);
+      ref: ref,
+      text: text
+    }, rest), subItems);
   }
   var _getIconProps = (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getIconProps)('MenuItem', props),
     isLeft = _getIconProps.isLeft,
@@ -9494,10 +9534,12 @@ var Description = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(Label
   componentId: "sc-vtiffr-4"
 })(["max-width:516px;text-overflow:ellipsis;overflow-x:clip;"]);
 var buildMenuItems = function buildMenuItems(items, itemProps) {
-  return items.map(function (item) {
+  return items.map(function (item, ind) {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(MenuItem, _extends({
       key: item.key
-    }, item, itemProps));
+    }, item, itemProps, {
+      isFirstItem: ind == 0
+    }));
   });
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MenuItem);
@@ -9559,35 +9601,42 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
-/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./shared */ "./src/menu/shared.js");
+/* harmony import */ var _menu_item_divider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./menu_item_divider */ "./src/menu/menu_item_divider.js");
+/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./shared */ "./src/menu/shared.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
-var _excluded = ["text", "children"];
+var _excluded = ["text", "children", "isFirstItem"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 
 
 
+
 var Label = _typography__WEBPACK_IMPORTED_MODULE_2__["default"].Label;
 var MenuItemGroup = function MenuItemGroup(props) {
   var text = props.text,
     children = props.children,
+    isFirstItem = props.isFirstItem,
     rest = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_3__.MenuItemContainer, rest, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(MenuItemGroupText, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, !isFirstItem && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_menu_item_divider__WEBPACK_IMPORTED_MODULE_3__["default"], null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_4__.MenuItemContainer, _extends({
+    role: "presentation"
+  }, rest), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(GroupTitle, {
     variant: "base",
     no_wrap: true,
-    color: "gray_11"
-  }, text), children && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_3__.MenuContainer, {
-    isGroup: true,
+    color: "gray_11",
+    role: "presentation"
+  }, text), children && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_4__.MenuContainer, {
+    noShadow: true,
     role: "group"
-  }, children));
+  }, children)));
 };
 MenuItemGroup.displayName = 'MenuItemGroup';
-var MenuItemGroupText = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(Label).withConfig({
-  displayName: "MenuItemGroupText",
+var GroupTitle = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(Label).withConfig({
+  displayName: "GroupTitle",
   componentId: "sc-q9wnng-0"
 })(["display:flex;align-items:center;justify-content:flex-start;padding:8px 12px 0;width:100%;height:28px;box-sizing:border-box;"]);
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MenuItemGroup);
@@ -9619,7 +9668,7 @@ var MenuContainer = styled_components__WEBPACK_IMPORTED_MODULE_0___default().ul.
   displayName: "MenuContainer",
   componentId: "sc-laozu6-0"
 })(["margin:0;padding:4px 0;box-sizing:border-box;min-width:168px;max-width:540px;background:white;border-radius:4px;display:flex;flex-direction:column;gap:2px;", ""], function (props) {
-  return props.isGroup ? undefined : (0,styled_components__WEBPACK_IMPORTED_MODULE_0__.css)(["box-shadow:", ";"], _theme__WEBPACK_IMPORTED_MODULE_1__["default"].box_shadow.md);
+  return props.noShadow ? undefined : (0,styled_components__WEBPACK_IMPORTED_MODULE_0__.css)(["box-shadow:", ";"], _theme__WEBPACK_IMPORTED_MODULE_1__["default"].box_shadow.md);
 });
 var MenuItemContainer = styled_components__WEBPACK_IMPORTED_MODULE_0___default().li.withConfig({
   displayName: "MenuItemContainer",
@@ -13181,7 +13230,7 @@ var toPixel = function toPixel(value) {
 };
 var getCommonProps = function getCommonProps(props) {
   return lodash__WEBPACK_IMPORTED_MODULE_0___default().pickBy(props, function (v, k) {
-    var inc = ['id', 'className', 'onClick'];
+    var inc = ['id', 'className', 'onClick', 'role'];
     var starts = ['onMouse', 'aria-', 'data-'];
     return inc.includes(k) || starts.some(function (s) {
       return k.indexOf(s) == 0;