@cube-dev/ui-kit 0.11.2 → 0.12.2

package/es/components/overlays/NewNotifications/NotificationView/NotificationView.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 
@@ -9,16 +9,16 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { useHover } from '@react-aria/interactions';
 import { useFocusRing } from '@react-aria/focus';
-import { mergeProps, useId } from '@react-aria/utils';
 import { tasty } from '../../../../tasty';
 import { useEvent, useTimer } from '../../../../_internal';
-import { ClearSlots } from '../../../../utils/react';
+import { ClearSlots, mergeProps } from '../../../../utils/react';
 import { NotificationIcon } from './NotificationIcon';
 import { NotificationHeader } from './NotificationHeader';
 import { NotificationDescription } from './NotificationDescription';
 import { NotificationFooter } from './NotificationFooter';
 import { NotificationCloseButton } from './NotificationCloseButton';
 import { NotificationProvider } from './NotificationProvider';
+import { useId } from '../../../../utils/react/useId';
 const NotificationContainer = tasty({
     styles: {
         boxSizing: 'border-box',

package/es/components/overlays/NewNotifications/NotificationView/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/NotificationView/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/NotificationsContext/NotificationsProvider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/NotificationsContext/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/NotificationsContext/use-notifications.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 
@@ -20,7 +20,7 @@ export function useNotifications(rootRef) {
             newToasts.set(id, {
                 id,
                 isDismissible,
-                duration: (duration !== null && duration !== void 0 ? duration : isDismissible) ? 5000 : null,
+                duration: duration !== null && duration !== void 0 ? duration : (isDismissible ? 5000 : null),
                 ...rest,
             });
             return newToasts;

package/es/components/overlays/NewNotifications/NotificationsList.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 
@@ -25,15 +25,15 @@ export function NotificationsList(props) {
     return (_jsx(NotificationListContainer, { ref: ref, ...listProps, children: [...state.collection].map((item) => (_jsx(NotificationListItem, { item: item, state: state }, item.key))) }, void 0));
 }
 NotificationsList.Item = Item;
-const notificationStyles = {
-    borderBottom: { '': '1bw solid #border', ':last-child': 'none' },
-};
+const NotificationListItemWrap = tasty({
+    styles: { borderBottom: { '': '1bw solid #border', ':last-child': 'none' } },
+});
 function NotificationListItem(props) {
     const { item, state } = props;
     const { key, props: notificationProps } = item;
     const ref = useRef(null);
     const { itemProps } = useNotificationListItem({ ref, key, state });
-    return (_jsx(NotificationView, { ref: ref, attributes: itemProps, styles: notificationStyles, ...notificationProps, isDismissible: false }, void 0));
+    return (_jsx(NotificationListItemWrap, { children: _jsx(NotificationView, { ref: ref, attributes: itemProps, ...notificationProps, isDismissible: false }, void 0) }, void 0));
 }
 
         

package/es/components/overlays/NewNotifications/hooks/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/hooks/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/hooks/use-notification-list-item.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/hooks/use-notifications-api.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/hooks/use-notifications-list.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/hooks/use-notifications-observer.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 

package/es/components/overlays/Notification/Notification.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 

package/es/components/overlays/OverlayWrapper.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 

package/es/components/overlays/Toasts/Toast.js

@@ -1,26 +1,27 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect } from 'react';
-import { useId } from '@react-aria/utils';
 import { useToastsApi } from './use-toasts-api';
+import { useEvent, useSyncRef } from '../../../_internal';
+import { useId } from '../../../utils/react/useId';
 export function Toast(props) {
-    const { id: propsId } = props;
-    const { toast, update, remove } = useToastsApi();
+    const { id: propsId, disableRemoveOnUnmount } = props;
     const defaultId = useId();
+    const disableRemoveOnUnmountRef = useSyncRef(disableRemoveOnUnmount);
+    const { toast, update, remove } = useToastsApi();
     const id = propsId !== null && propsId !== void 0 ? propsId : defaultId;
+    const removeNotification = useEvent((id) => disableRemoveOnUnmountRef.current ? void 0 : remove(id));
     useEffect(() => {
-        toast({ ...props, id });
-        return () => remove(id);
+        toast({ id, ...props });
     }, [id]);
-    useEffect(() => {
-        update(id, props);
-    });
+    useEffect(() => () => removeNotification(id), [id]);
+    useEffect(() => update(id, props));
     return null;
 }
 Toast.Success = function ToastSuccess(props) {

package/es/components/overlays/Toasts/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 

package/es/components/overlays/Toasts/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 

package/es/components/overlays/Toasts/use-toasts-api.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 

package/es/components/overlays/Tooltip/Tooltip.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 

package/es/components/overlays/Tooltip/TooltipProvider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 
@@ -15,7 +15,7 @@ function TooltipProvider(props) {
     useEffect(() => {
         setRendered(true);
     }, []);
-    return rendered ? (_jsxs(TooltipTrigger, { ...otherProps, children: [children, _jsx(Tooltip, { styles: tooltipStyles, ...(width ? { width } : null), children: title }, void 0)] }, void 0)) : (_jsx(_Fragment, { children: "children" }, void 0));
+    return rendered ? (_jsxs(TooltipTrigger, { ...otherProps, children: [children, _jsx(Tooltip, { styles: tooltipStyles, ...(width ? { width } : null), children: title }, void 0)] }, void 0)) : (_jsx(_Fragment, { children: children }, void 0));
 }
 let _TooltipProvider = TooltipProvider;
 export { _TooltipProvider as TooltipProvider };

package/es/components/overlays/Tooltip/TooltipTrigger.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 
@@ -18,17 +18,18 @@ import { Block } from '../../Block';
 const DEFAULT_OFFSET = 8; // Offset needed to reach 4px/5px (med/large) distance between tooltip and trigger button
 const DEFAULT_CROSS_OFFSET = 0;
 function TooltipTrigger(props) {
-    let { children, activeWrap, crossOffset = DEFAULT_CROSS_OFFSET, isDisabled, isMaterial, offset = DEFAULT_OFFSET, trigger: triggerAction, } = props;
+    let { children, activeWrap, crossOffset = DEFAULT_CROSS_OFFSET, isDisabled, isMaterial, offset = DEFAULT_OFFSET, trigger: triggerAction, delay = 250, isOpen, onOpenChange, defaultOpen, } = props;
     let [trigger, tooltip] = Children.toArray(children);
-    let state = useTooltipTriggerState({
-        delay: 750,
-        ...props,
-    });
+    let state = useTooltipTriggerState({ delay, ...props });
     let tooltipTriggerRef = useRef(null);
     let overlayRef = useRef(null);
     let { triggerProps, tooltipProps } = useTooltipTrigger({
         isDisabled,
         trigger: triggerAction,
+        delay,
+        isOpen,
+        onOpenChange,
+        defaultOpen,
     }, state, tooltipTriggerRef);
     let { overlayProps, arrowProps, placement } = useOverlayPosition({
         placement: props.placement || 'top',

package/es/components/overlays/Tooltip/context.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 

package/es/components/pickers/ComboBox/ComboBox.js

@@ -1,13 +1,12 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CheckOutlined, LoadingOutlined, WarningOutlined, } from '@ant-design/icons';
-import { mergeProps } from '@react-aria/utils';
 import { cloneElement, forwardRef, useState } from 'react';
 import { useComboBoxState } from '@react-stately/combobox';
 import { useComboBox } from '@react-aria/combobox';
@@ -18,7 +17,7 @@ import { useProviderProps } from '../../../provider';
 import { useFilter } from '@react-aria/i18n';
 import { BLOCK_STYLES, extractStyles, OUTER_STYLES, tasty, } from '../../../tasty';
 import { useFocus } from '../../../utils/react/interactions';
-import { modAttrs, useCombinedRefs } from '../../../utils/react';
+import { mergeProps, modAttrs, useCombinedRefs } from '../../../utils/react';
 import { FieldWrapper } from '../../forms/FieldWrapper';
 import { ListBoxPopup } from '../Select/Select';
 import { Prefix } from '../../layout/Prefix';
@@ -77,7 +76,7 @@ function ComboBox(props, ref) {
     var _a;
     props = useProviderProps(props);
     props = useFormProps(props);
-    let { qa, label, extra, labelPosition = 'top', labelStyles, isRequired, necessityIndicator, validationState, prefix, isDisabled, multiLine, autoFocus, inputRef, triggerRef, popoverRef, listBoxRef, isLoading, loadingIndicator, overlayOffset = 8, inputStyles, optionStyles, triggerStyles, suffix, listBoxStyles, overlayStyles, hideTrigger, message, description, size, autoComplete = 'off', direction = 'bottom', shouldFlip = true, requiredMark = true, menuTrigger = 'input', loadingState, filter, styles, ...otherProps } = props;
+    let { qa, label, extra, labelPosition = 'top', labelStyles, isRequired, necessityIndicator, validationState, prefix, isDisabled, multiLine, autoFocus, inputRef, triggerRef, popoverRef, listBoxRef, isLoading, loadingIndicator, overlayOffset = 8, inputStyles, optionStyles, triggerStyles, suffix, listBoxStyles, overlayStyles, hideTrigger, message, description, size, autoComplete = 'off', direction = 'bottom', shouldFlip = true, requiredMark = true, menuTrigger = 'input', loadingState, filter, styles, labelSuffix, ...otherProps } = props;
     let isAsync = loadingState != null;
     let { contains } = useFilter({ sensitivity: 'base' });
     let [suffixWidth, setSuffixWidth] = useState(0);
@@ -126,25 +125,22 @@ function ComboBox(props, ref) {
     let validationIcon = isInvalid ? (_jsx(WarningOutlined, { style: { color: 'var(--danger-color)' } }, void 0)) : (_jsx(CheckOutlined, { style: { color: 'var(--success-color)' } }, void 0));
     let validation = cloneElement(validationIcon);
     let comboBoxWidth = (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth;
-    let comboBoxField = (_jsxs(ComboBoxWrapperElement, { ref: ref, qa: qa || 'ComboBox', ...modAttrs({
-            invalid: isInvalid,
-            valid: validationState === 'valid',
-            disabled: isDisabled,
-            hovered: isHovered,
-            focused: isFocused,
-        }), styles: outerStyles, style: {
+    let mods = {
+        invalid: isInvalid,
+        valid: validationState === 'valid',
+        disabled: isDisabled,
+        hovered: isHovered,
+        focused: isFocused,
+        loading: isLoading,
+    };
+    let comboBoxField = (_jsxs(ComboBoxWrapperElement, { ref: ref, qa: qa || 'ComboBox', ...modAttrs(mods), styles: outerStyles, style: {
             zIndex: isFocused ? 1 : 'initial',
-        }, "data-size": size, children: [_jsx(InputElement, { qa: "Input", ...mergeProps(inputProps, hoverProps, focusProps), ref: inputRef, autoComplete: autoComplete, styles: inputStyles, ...modAttrs({
-                    invalid: isInvalid,
-                    valid: validationState === 'valid',
-                    disabled: isDisabled,
-                    hovered: isHovered,
-                    focused: isFocused,
-                }), "data-size": size }, void 0), prefix ? (_jsx(Prefix, { onWidthChange: setPrefixWidth, padding: "0 1x 0 1.5x", opacity: isDisabled ? '@disabled-opacity' : false, placeItems: "center", outerGap: 0, children: prefix }, void 0)) : null, _jsxs(Suffix, { onWidthChange: setSuffixWidth, opacity: isDisabled ? '@disabled-opacity' : false, children: [validationState || isLoading ? (_jsxs(Space, { gap: false, padding: "0 1x", children: [validationState && !isLoading ? validation : null, isLoading && _jsx(LoadingOutlined, {}, void 0)] }, void 0)) : null, suffix, !hideTrigger ? (_jsx(TriggerElement, { ...mergeProps(buttonProps, triggerFocusProps, triggerHoverProps), ...modAttrs({
+        }, "data-size": size, children: [_jsx(InputElement, { qa: "Input", ...mergeProps(inputProps, hoverProps, focusProps), ref: inputRef, autoComplete: autoComplete, styles: inputStyles, ...modAttrs(mods), "data-size": size }, void 0), prefix ? (_jsx(Prefix, { onWidthChange: setPrefixWidth, padding: "0 1x 0 1.5x", opacity: isDisabled ? '@disabled-opacity' : false, placeItems: "center", outerGap: 0, children: prefix }, void 0)) : null, _jsxs(Suffix, { onWidthChange: setSuffixWidth, opacity: isDisabled ? '@disabled-opacity' : false, children: [validationState || isLoading ? (_jsxs(Space, { gap: false, padding: "0 1x", children: [validationState && !isLoading ? validation : null, isLoading && _jsx(LoadingOutlined, {}, void 0)] }, void 0)) : null, suffix, !hideTrigger ? (_jsx(TriggerElement, { ...mergeProps(buttonProps, triggerFocusProps, triggerHoverProps), ...modAttrs({
                             pressed: isTriggerPressed,
                             focused: isTriggerFocused,
                             hovered: isTriggerHovered,
                             disabled: isDisabled,
+                            loading: isLoading,
                         }), "data-size": size, isDisabled: isDisabled, ref: triggerRef, styles: triggerStyles, children: _jsx(CaretDownIcon, {}, void 0) }, void 0)) : null] }, void 0), _jsx(OverlayWrapper, { isOpen: state.isOpen && !isDisabled, children: _jsx(ListBoxPopup, { ...listBoxProps, listBoxRef: listBoxRef, popoverRef: popoverRef, overlayProps: overlayProps, shouldUseVirtualFocus: true, placement: placement, state: state, listBoxStyles: listBoxStyles, overlayStyles: overlayStyles, optionStyles: optionStyles, minWidth: comboBoxWidth }, void 0) }, void 0)] }, void 0));
     return (_jsx(FieldWrapper, { ...{
             labelPosition,
@@ -160,6 +156,7 @@ function ComboBox(props, ref) {
             message,
             description,
             requiredMark,
+            labelSuffix,
             Component: comboBoxField,
             ref: ref,
         } }, void 0));

package/es/components/pickers/Menu/Menu.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 
@@ -9,7 +9,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { Item as BaseItem, Section as BaseSection, } from '@react-stately/collections';
 import { useMenu } from '@react-aria/menu';
-import { mergeProps, useSyncRef } from '@react-aria/utils';
+import { useSyncRef } from '@react-aria/utils';
 import { useDOMRef } from '@react-spectrum/utils';
 import { useTreeState } from '@react-stately/tree';
 import { CONTAINER_STYLES, extractStyles, } from '../../../tasty';
@@ -17,6 +17,7 @@ import { StyledMenu, StyledMenuHeader } from './styled';
 import { MenuItem } from './MenuItem';
 import { MenuSection } from './MenuSection';
 import { useMenuContext } from './context';
+import { mergeProps } from '../../../utils/react';
 function Menu(props, ref) {
     const { header, footer, selectionIcon } = props;
     const domRef = useDOMRef(ref);

package/es/components/pickers/Menu/MenuButton.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 
@@ -73,12 +73,14 @@ const getSelectionTypeIcon = (selectionIcon) => {
         case 'radio':
             return _jsx(RadioIcon, {}, void 0);
         default:
-            return null;
+            return undefined;
     }
 };
 export function MenuButton({ children, icon, postfix, ...props }) {
     const { selectionIcon, isSelected, isSelectable } = props;
-    const checkIcon = isSelectable && isSelected ? getSelectionTypeIcon(selectionIcon) : null;
+    const checkIcon = isSelectable && isSelected
+        ? getSelectionTypeIcon(selectionIcon)
+        : undefined;
     const mods = {
         ...props.mods,
         selectionIcon: !!selectionIcon,

package/es/components/pickers/Menu/MenuItem.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 
@@ -34,7 +34,7 @@ export function MenuItem(props) {
         isVirtualized,
         onAction,
     }, state, ref);
-    let contents = typeof rendered === 'string' ? (_jsx(MenuButton, { ...itemProps, selectionIcon: selectionIcon, isSelectable: isSelectable, isSelected: isSelected, isDisabled: isDisabled, children: rendered }, void 0)) : (rendered);
+    const contents = (_jsx(MenuButton, { ...itemProps, selectionIcon: selectionIcon, isSelectable: isSelectable, isSelected: isSelected, isDisabled: isDisabled, children: rendered }, void 0));
     return (_jsx(FocusRing, { children: _jsx(StyledMenuItem, { ...mergeProps(menuItemProps, hoverProps), ref: ref, mods: {
                 disabled: isDisabled,
                 selected: isSelected,

package/es/components/pickers/Menu/MenuSection.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 

package/es/components/pickers/Menu/MenuTrigger.js

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { forwardRef, Fragment, useRef } from 'react';
-import { useDOMRef, useIsMobileDevice, } from '@react-spectrum/utils';
+import { useDOMRef, useIsMobileDevice } from '@react-spectrum/utils';
 import { DismissButton, useOverlayPosition } from '@react-aria/overlays';
 import { PressResponder } from '@react-aria/interactions';
 import { useMenuTrigger } from '@react-aria/menu';
@@ -74,7 +74,7 @@ function MenuTrigger(props, ref) {
         overlay = (_jsx(Tray, { isOpen: state.isOpen, onClose: state.close, children: contents }, void 0));
     }
     else {
-        overlay = (_jsx(Popover, { isOpen: state.isOpen, style: positionProps.style, ref: menuPopoverRef, placement: placement, hideArrow: true, onClose: state.close, shouldCloseOnBlur: true, children: contents }, void 0));
+        overlay = (_jsx(Popover, { isOpen: state.isOpen, style: positionProps.style, ref: menuPopoverRef, placement: placement, hideArrow: true, onClose: state.close, isNonModal: true, children: contents }, void 0));
     }
     return (_jsxs(Fragment, { children: [_jsx(SlotProvider, { slots: { actionButton: { holdAffordance: trigger === 'longPress' } }, children: _jsx(PressResponder, { ...menuTriggerProps, ref: menuTriggerRef, isPressed: state.isOpen, children: menuTrigger }, void 0) }, void 0), _jsx(MenuContext.Provider, { value: menuContext, children: overlay }, void 0)] }, void 0));
 }

package/es/components/pickers/Menu/context.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 

package/es/components/pickers/Menu/styled.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */