@cube-dev/ui-kit 0.27.2 → 0.28.0

package/cjs/components/overlays/NewNotifications/NotificationsList/index.js

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

package/cjs/components/overlays/NewNotifications/NotificationsList/types.js

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

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

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

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

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

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

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

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

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

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

@@ -1,18 +1,18 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.28.0
  * Released under the MIT license.
  */
 
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useNotificationsList = void 0;
-const list_1 = require("@react-stately/list");
+const react_stately_1 = require("react-stately");
 const selection_1 = require("@react-aria/selection");
 function useNotificationsList(props) {
     const { ref, children, items } = props;
-    const state = (0, list_1.useListState)({
+    const state = (0, react_stately_1.useListState)({
         selectionMode: 'none',
         children: children,
         items: items,

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

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

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

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

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

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

package/cjs/components/overlays/Notification/Notification.js

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

package/cjs/components/overlays/OverlayWrapper.js

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

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

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

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

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

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

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

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

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

package/cjs/components/overlays/Tooltip/Tooltip.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.28.0
  * Released under the MIT license.
  */
 
@@ -14,7 +14,7 @@ exports.Tooltip = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const utils_1 = require("@react-spectrum/utils");
-const tooltip_1 = require("@react-aria/tooltip");
+const react_aria_1 = require("react-aria");
 const styled_components_1 = __importDefault(require("styled-components"));
 const transitions_1 = require("../../../utils/transitions");
 const tasty_1 = require("../../../tasty");
@@ -87,7 +87,7 @@ function Tooltip(props, ref) {
     props = (0, react_2.mergeProps)(props, tooltipProviderProps);
     let { placement = 'top', isOpen, tipStyles, showIcon, isMaterial, ...otherProps } = props;
     const styles = (0, tasty_1.extractStyles)(otherProps, tasty_1.CONTAINER_STYLES);
-    let { tooltipProps } = (0, tooltip_1.useTooltip)(props, state);
+    let { tooltipProps } = (0, react_aria_1.useTooltip)(props, state);
     // Sync ref with overlayRef from context.
     (0, react_1.useImperativeHandle)(ref, () => (0, utils_1.createDOMRef)(finalOverlayRef));
     if (typeof minOffset === 'number') {

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.28.0
  * Released under the MIT license.
  */
 
@@ -11,9 +11,8 @@ exports.TooltipTrigger = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const focus_1 = require("@react-aria/focus");
 const react_1 = require("react");
-const overlays_1 = require("@react-aria/overlays");
-const tooltip_1 = require("@react-aria/tooltip");
-const tooltip_2 = require("@react-stately/tooltip");
+const react_aria_1 = require("react-aria");
+const react_stately_1 = require("react-stately");
 const OverlayWrapper_1 = require("../OverlayWrapper");
 const ActiveZone_1 = require("../../content/ActiveZone/ActiveZone");
 const Block_1 = require("../../Block");
@@ -23,10 +22,10 @@ const DEFAULT_CROSS_OFFSET = 0;
 function TooltipTrigger(props) {
     let { children, activeWrap, crossOffset = DEFAULT_CROSS_OFFSET, isDisabled, isMaterial, offset = DEFAULT_OFFSET, trigger: triggerAction, delay = 250, isOpen, onOpenChange, defaultOpen, } = props;
     let [trigger, tooltip] = react_1.Children.toArray(children);
-    let state = (0, tooltip_2.useTooltipTriggerState)({ delay, ...props });
+    let state = (0, react_stately_1.useTooltipTriggerState)({ delay, ...props });
     let tooltipTriggerRef = (0, react_1.useRef)(null);
     let overlayRef = (0, react_1.useRef)(null);
-    let { triggerProps, tooltipProps } = (0, tooltip_1.useTooltipTrigger)({
+    let { triggerProps, tooltipProps } = (0, react_aria_1.useTooltipTrigger)({
         isDisabled,
         trigger: triggerAction,
         delay,
@@ -34,7 +33,7 @@ function TooltipTrigger(props) {
         onOpenChange,
         defaultOpen,
     }, state, tooltipTriggerRef);
-    let { overlayProps, arrowProps, placement } = (0, overlays_1.useOverlayPosition)({
+    let { overlayProps, arrowProps, placement } = (0, react_aria_1.useOverlayPosition)({
         placement: props.placement || 'top',
         targetRef: tooltipTriggerRef,
         overlayRef,

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

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

package/cjs/components/pickers/ComboBox/ComboBox.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.28.0
  * Released under the MIT license.
  */
 
@@ -11,17 +11,12 @@ exports.ComboBox = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const icons_1 = require("@ant-design/icons");
 const react_1 = require("react");
-const combobox_1 = require("@react-stately/combobox");
-const combobox_2 = require("@react-aria/combobox");
-const button_1 = require("@react-aria/button");
-const interactions_1 = require("@react-aria/interactions");
-const i18n_1 = require("@react-aria/i18n");
-const collections_1 = require("@react-stately/collections");
-const overlays_1 = require("@react-aria/overlays");
+const react_aria_1 = require("react-aria");
+const react_stately_1 = require("react-stately");
 const forms_1 = require("../../forms");
 const provider_1 = require("../../../provider");
 const tasty_1 = require("../../../tasty");
-const interactions_2 = require("../../../utils/react/interactions");
+const interactions_1 = require("../../../utils/react/interactions");
 const react_2 = require("../../../utils/react");
 const FieldWrapper_1 = require("../../forms/FieldWrapper");
 const Select_1 = require("../Select/Select");
@@ -76,7 +71,7 @@ exports.ComboBox = (0, react_1.forwardRef)(function ComboBox(props, ref) {
     });
     let { qa, label, extra, labelPosition = 'top', labelStyles, isRequired, necessityIndicator, validationState, icon, prefix, isDisabled, multiLine, autoFocus, wrapperRef, 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', suffixPosition = 'before', loadingState, filter, styles, labelSuffix, ...otherProps } = props;
     let isAsync = loadingState != null;
-    let { contains } = (0, i18n_1.useFilter)({ sensitivity: 'base' });
+    let { contains } = (0, react_aria_1.useFilter)({ sensitivity: 'base' });
     const comboboxProps = {
         ...otherProps,
         inputValue: props.inputValue,
@@ -110,7 +105,7 @@ exports.ComboBox = (0, react_1.forwardRef)(function ComboBox(props, ref) {
         defaultFilter: filter || contains,
         allowsEmptyCollection: isAsync,
     };
-    let state = (0, combobox_1.useComboBoxState)({
+    let state = (0, react_stately_1.useComboBoxState)({
         ...comboboxProps,
         defaultFilter: filter || contains,
         allowsEmptyCollection: isAsync,
@@ -123,7 +118,7 @@ exports.ComboBox = (0, react_1.forwardRef)(function ComboBox(props, ref) {
     triggerRef = (0, react_2.useCombinedRefs)(triggerRef);
     popoverRef = (0, react_2.useCombinedRefs)(popoverRef);
     listBoxRef = (0, react_2.useCombinedRefs)(listBoxRef);
-    let { overlayProps, placement, updatePosition } = (0, overlays_1.useOverlayPosition)({
+    let { overlayProps, placement, updatePosition } = (0, react_aria_1.useOverlayPosition)({
         targetRef: triggerRef,
         overlayRef: popoverRef,
         scrollRef: listBoxRef,
@@ -133,7 +128,7 @@ exports.ComboBox = (0, react_1.forwardRef)(function ComboBox(props, ref) {
         onClose: state.close,
         offset: overlayOffset,
     });
-    let { labelProps, inputProps, listBoxProps, buttonProps: triggerProps, } = (0, combobox_2.useComboBox)({
+    let { labelProps, inputProps, listBoxProps, buttonProps: triggerProps, } = (0, react_aria_1.useComboBox)({
         ...comboboxProps,
         inputRef,
         buttonRef: triggerRef,
@@ -141,12 +136,12 @@ exports.ComboBox = (0, react_1.forwardRef)(function ComboBox(props, ref) {
         popoverRef,
         menuTrigger,
     }, state);
-    let { isFocused, focusProps } = (0, interactions_2.useFocus)({ isDisabled });
-    let { hoverProps, isHovered } = (0, interactions_1.useHover)({ isDisabled });
+    let { isFocused, focusProps } = (0, interactions_1.useFocus)({ isDisabled });
+    let { hoverProps, isHovered } = (0, react_aria_1.useHover)({ isDisabled });
     // Get props for the button based on the trigger props from useComboBox
-    let { buttonProps, isPressed: isTriggerPressed } = (0, button_1.useButton)(triggerProps, triggerRef);
-    let { hoverProps: triggerHoverProps, isHovered: isTriggerHovered } = (0, interactions_1.useHover)({ isDisabled });
-    let { focusProps: triggerFocusProps, isFocused: isTriggerFocused } = (0, interactions_2.useFocus)({ isDisabled }, true);
+    let { buttonProps, isPressed: isTriggerPressed } = (0, react_aria_1.useButton)(triggerProps, triggerRef);
+    let { hoverProps: triggerHoverProps, isHovered: isTriggerHovered } = (0, react_aria_1.useHover)({ isDisabled });
+    let { focusProps: triggerFocusProps, isFocused: isTriggerFocused } = (0, interactions_1.useFocus)({ isDisabled }, true);
     (0, react_2.useLayoutEffect)(() => {
         if (state.isOpen) {
             updatePosition();
@@ -211,7 +206,7 @@ exports.ComboBox = (0, react_1.forwardRef)(function ComboBox(props, ref) {
             ref: ref,
         } }));
 });
-exports.ComboBox.Item = collections_1.Item;
+exports.ComboBox.Item = react_stately_1.Item;
 Object.defineProperty(exports.ComboBox, 'cubeInputType', {
     value: 'ComboBox',
     enumerable: false,

package/cjs/components/pickers/Menu/Menu.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.28.0
  * Released under the MIT license.
  */
 
@@ -33,11 +33,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Menu = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importStar(require("react"));
-const collections_1 = require("@react-stately/collections");
-const menu_1 = require("@react-aria/menu");
+const react_stately_1 = require("react-stately");
+const react_aria_1 = require("react-aria");
 const utils_1 = require("@react-aria/utils");
 const utils_2 = require("@react-spectrum/utils");
-const tree_1 = require("@react-stately/tree");
 const tasty_1 = require("../../../tasty");
 const react_2 = require("../../../utils/react");
 const styled_1 = require("./styled");
@@ -49,10 +48,10 @@ function Menu(props, ref) {
     const domRef = (0, utils_2.useDOMRef)(ref);
     const contextProps = (0, context_1.useMenuContext)();
     const completeProps = (0, react_2.mergeProps)(contextProps, props);
-    const state = (0, tree_1.useTreeState)(completeProps);
+    const state = (0, react_stately_1.useTreeState)(completeProps);
     const items = [...state.collection];
     const hasSections = items.some((item) => item.type === 'section');
-    const { menuProps } = (0, menu_1.useMenu)(completeProps, state, domRef);
+    const { menuProps } = (0, react_aria_1.useMenu)(completeProps, state, domRef);
     const styles = (0, tasty_1.extractStyles)(completeProps, tasty_1.CONTAINER_STYLES);
     const defaultProps = {
         qa,
@@ -80,10 +79,10 @@ function Menu(props, ref) {
 // forwardRef doesn't support generic parameters, so cast the result to the correct type
 // https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref
 const _Menu = react_1.default.forwardRef(Menu);
-const Item = Object.assign(collections_1.Item, {
+const Item = Object.assign(react_stately_1.Item, {
     displayName: 'Item',
 });
-const Section = Object.assign(collections_1.Section, {
+const Section = Object.assign(react_stately_1.Section, {
     displayName: 'Section',
 });
 const __Menu = Object.assign(_Menu, {

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.28.0
  * Released under the MIT license.
  */
 
@@ -10,9 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MenuItem = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const interactions_1 = require("@react-aria/interactions");
-const focus_1 = require("@react-aria/focus");
-const menu_1 = require("@react-aria/menu");
+const react_aria_1 = require("react-aria");
 const react_2 = require("../../../utils/react");
 const context_1 = require("./context");
 const styled_1 = require("./styled");
@@ -25,8 +23,8 @@ function MenuItem(props) {
     const isSelectable = state.selectionManager.selectionMode !== 'none';
     const isDisabledKey = state.disabledKeys.has(key);
     const ref = (0, react_1.useRef)(null);
-    const { hoverProps, isHovered } = (0, interactions_1.useHover)({ isDisabled: isDisabledKey });
-    const { menuItemProps, labelProps, descriptionProps, keyboardShortcutProps, isFocused, isSelected, isPressed, isDisabled, } = (0, menu_1.useMenuItem)({
+    const { hoverProps, isHovered } = (0, react_aria_1.useHover)({ isDisabled: isDisabledKey });
+    const { menuItemProps, labelProps, descriptionProps, keyboardShortcutProps, isFocused, isSelected, isPressed, isDisabled, } = (0, react_aria_1.useMenuItem)({
         isSelected: state.selectionManager.isSelected(key),
         isDisabled: isDisabledKey,
         'aria-label': item['aria-label'],
@@ -46,7 +44,7 @@ function MenuItem(props) {
         },
     };
     const contents = ((0, jsx_runtime_1.jsx)(MenuButton_1.MenuButton, { ...(0, react_2.mergeProps)(itemProps, buttonProps), styles: styles, selectionIcon: selectionIcon, isSelectable: isSelectable, isSelected: isSelected, isDisabled: isDisabled, children: rendered }));
-    return ((0, jsx_runtime_1.jsx)(focus_1.FocusRing, { children: (0, jsx_runtime_1.jsx)(styled_1.StyledMenuItem, { ...(0, react_2.mergeProps)(menuItemProps, hoverProps), ref: ref, "data-qa": itemProps.qa ? `MenuItem-${itemProps.qa}` : `MenuItem-${key}`, mods: {
+    return ((0, jsx_runtime_1.jsx)(react_aria_1.FocusRing, { children: (0, jsx_runtime_1.jsx)(styled_1.StyledMenuItem, { ...(0, react_2.mergeProps)(menuItemProps, hoverProps), ref: ref, "data-qa": itemProps.qa ? `MenuItem-${itemProps.qa}` : `MenuItem-${key}`, mods: {
                 disabled: isDisabled,
                 selected: isSelected,
                 selectable: isSelectable,

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.28.0
  * Released under the MIT license.
  */
 
@@ -9,14 +9,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MenuSection = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const menu_1 = require("@react-aria/menu");
+const react_aria_1 = require("react-aria");
 const MenuItem_1 = require("./MenuItem");
 const styled_1 = require("./styled");
 /** @private */
 function MenuSection(props) {
     const { item, state, styles, itemStyles, headingStyles, onAction } = props;
     const heading = item.rendered;
-    const { itemProps, headingProps, groupProps } = (0, menu_1.useMenuSection)({
+    const { itemProps, headingProps, groupProps } = (0, react_aria_1.useMenuSection)({
         heading,
         'aria-label': item['aria-label'],
     });

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.28.0
  * Released under the MIT license.
  */
 
@@ -34,10 +34,9 @@ exports.MenuTrigger = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importStar(require("react"));
 const utils_1 = require("@react-spectrum/utils");
-const overlays_1 = require("@react-aria/overlays");
+const react_aria_1 = require("react-aria");
 const interactions_1 = require("@react-aria/interactions");
-const menu_1 = require("@react-aria/menu");
-const menu_2 = require("@react-stately/menu");
+const react_stately_1 = require("react-stately");
 const Modal_1 = require("../../overlays/Modal");
 const react_2 = require("../../../utils/react");
 const context_1 = require("./context");
@@ -49,8 +48,8 @@ function MenuTrigger(props, ref) {
     const menuRef = (0, react_1.useRef)(null);
     const { children, align = 'start', shouldFlip = true, direction = 'bottom', closeOnSelect, trigger = 'press', isDisabled, } = props;
     const [menuTrigger, menu] = react_1.default.Children.toArray(children);
-    const state = (0, menu_2.useMenuTriggerState)(props);
-    const { menuTriggerProps, menuProps } = (0, menu_1.useMenuTrigger)({ isDisabled }, state, menuTriggerRef);
+    const state = (0, react_stately_1.useMenuTriggerState)(props);
+    const { menuTriggerProps, menuProps } = (0, react_aria_1.useMenuTrigger)({ isDisabled }, state, menuTriggerRef);
     let initialPlacement;
     switch (direction) {
         case 'left':
@@ -65,7 +64,7 @@ function MenuTrigger(props, ref) {
             initialPlacement = `${direction} ${align}`;
     }
     const isMobile = (0, utils_1.useIsMobileDevice)();
-    const { overlayProps: positionProps, placement } = (0, overlays_1.useOverlayPosition)({
+    const { overlayProps: positionProps, placement } = (0, react_aria_1.useOverlayPosition)({
         targetRef: menuTriggerRef,
         overlayRef: menuPopoverRef,
         scrollRef: menuRef,
@@ -93,7 +92,7 @@ function MenuTrigger(props, ref) {
             popover: !isMobile,
         },
     };
-    const contents = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(overlays_1.DismissButton, { onDismiss: state.close }), menu, (0, jsx_runtime_1.jsx)(overlays_1.DismissButton, { onDismiss: state.close })] }));
+    const contents = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_aria_1.DismissButton, { onDismiss: state.close }), menu, (0, jsx_runtime_1.jsx)(react_aria_1.DismissButton, { onDismiss: state.close })] }));
     // On small screen devices, the menu is rendered in a tray, otherwise a popover.
     let overlay;
     if (isMobile) {

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

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

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

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