@cube-dev/ui-kit 0.12.2 → 0.12.5

package/es/components/overlays/Modal/Tray.js

@@ -1,20 +1,20 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.2
+ * @cube-dev/ui-kit v0.12.5
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useDOMRef } from '@react-spectrum/utils';
 import { useViewportSize } from '@react-aria/utils';
-import { Overlay } from './Overlay';
 import { forwardRef, useEffect, useRef, useState } from 'react';
-import { Underlay } from './Underlay';
 import { useModal, useOverlay, usePreventScroll } from '@react-aria/overlays';
-import { OVERLAY_WRAPPER_STYLES } from './Modal';
 import { tasty } from '../../../tasty';
 import { mergeProps } from '../../../utils/react';
+import { OVERLAY_WRAPPER_STYLES } from './Modal';
+import { Underlay } from './Underlay';
+import { Overlay } from './Overlay';
 const TrayWrapperElement = tasty({
     qa: 'TrayWrapper',
     styles: {
@@ -40,9 +40,9 @@ function Tray(props, ref) {
     let { qa, children, onClose, isFixedHeight, isNonModal, styles, ...otherProps } = props;
     let domRef = useDOMRef(ref);
     let { overlayProps, underlayProps } = useOverlay({ ...props, isDismissable: true }, domRef);
-    return (_jsxs(Overlay, { ...otherProps, children: [_jsx(Underlay, { ...underlayProps }, void 0), _jsx(TrayWrapper, { qa: qa, onClose: onClose, ref: domRef, overlayProps: overlayProps, isFixedHeight: isFixedHeight, isNonModal: isNonModal, styles: styles, children: children }, void 0)] }, void 0));
+    return (_jsxs(Overlay, { ...otherProps, children: [_jsx(Underlay, { ...underlayProps }, void 0), _jsx(TrayWrapper, { ref: domRef, qa: qa, overlayProps: overlayProps, isFixedHeight: isFixedHeight, isNonModal: isNonModal, styles: styles, onClose: onClose, children: children }, void 0)] }, void 0));
 }
-let TrayWrapper = forwardRef(function (props, ref) {
+let TrayWrapper = forwardRef(function TrayWrapper(props, ref) {
     let { qa, children, isOpen, styles, isFixedHeight, isNonModal, overlayProps, ...otherProps } = props;
     usePreventScroll();
     let { modalProps } = useModal({

package/es/components/overlays/Modal/Underlay.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.2
+ * @cube-dev/ui-kit v0.12.5
  * Released under the MIT license.
  */
 
@@ -31,11 +31,11 @@ const UnderlayElement = tasty({
         transition: 'transform .25s ease-in-out, opacity .25s linear, visibility 0ms linear',
     },
 });
-const Underlay = ({ isOpen, ...otherProps }, ref) => {
+function Underlay({ isOpen, ...otherProps }, ref) {
     return (_jsx(UnderlayElement, { ref: ref, mods: {
             open: isOpen,
         }, ...otherProps }, void 0));
-};
+}
 let _Underlay = forwardRef(Underlay);
 export { _Underlay as Underlay };
 

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

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

package/es/components/overlays/NewNotifications/Bar/FloatingNotification.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.2
+ * @cube-dev/ui-kit v0.12.5
  * Released under the MIT license.
  */
 
@@ -40,7 +40,7 @@ export const FloatingNotification = memo(function FloatingNotification(props) {
                 onKeyDown,
                 role: 'status',
                 'aria-atomic': 'true',
-            }, onDismiss: chainedOnDismiss, onClose: onCloseEvent, qa: "floating-notification" }, void 0) }, void 0));
+            }, qa: "FloatingNotification", onDismiss: chainedOnDismiss, onClose: onCloseEvent }, void 0) }, void 0));
 });
 
         

package/es/components/overlays/NewNotifications/Bar/NotificationsBar.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.2
+ * @cube-dev/ui-kit v0.12.5
  * Released under the MIT license.
  */
 
@@ -12,11 +12,11 @@ import { Item } from '@react-stately/collections';
 import { useHover } from '@react-aria/interactions';
 import { useFocusRing, focusSafely } from '@react-aria/focus';
 import { tasty } from '../../../../tasty';
-import { TransitionComponent } from './TransitionComponent';
-import { FloatingNotification } from './FloatingNotification';
 import { useNotificationsList } from '../hooks';
 import { mergeProps } from '../../../../utils/react';
 import { useEvent } from '../../../../_internal';
+import { FloatingNotification } from './FloatingNotification';
+import { TransitionComponent } from './TransitionComponent';
 const NotificationsContainer = tasty({
     styles: {
         boxSizing: 'border-box',
@@ -53,7 +53,7 @@ export function NotificationsBar(props) {
             focusSafely(elementToFocus);
         }
     });
-    return (_jsx(NotificationsContainer, { ref: ref, "data-qa": "notifications-bar", role: "region", "aria-live": "polite", ...mergeProps(listProps, hoverProps, focusProps), children: _jsx(TransitionGroup, { component: null, enter: true, exit: true, children: [...state.collection].reverse().map((notification) => (_jsx(TransitionComponent, { children: _jsx(FloatingNotification, { isDisabledTimer: isHovered || isFocusVisible, id: notification.props.id, item: notification, state: state, onRemoveNotification: (key) => {
+    return (_jsx(NotificationsContainer, { ref: ref, qa: "NotificationsBar", role: "region", "aria-live": "polite", ...mergeProps(listProps, hoverProps, focusProps), children: _jsx(TransitionGroup, { enter: true, exit: true, component: null, children: [...state.collection].reverse().map((notification) => (_jsx(TransitionComponent, { children: _jsx(FloatingNotification, { isDisabledTimer: isHovered || isFocusVisible, id: notification.props.id, item: notification, state: state, onRemoveNotification: (key) => {
                         onRemoveNotification(key);
                         moveFocus(key);
                     }, onDismissNotification: onDismissNotification }, void 0) }, notification.props.id))) }, void 0) }, void 0));

package/es/components/overlays/NewNotifications/Bar/TransitionComponent.js

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

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

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

package/es/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.js

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

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

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

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

@@ -1,15 +1,15 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.2
+ * @cube-dev/ui-kit v0.12.5
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect } from 'react';
-import { useNotificationsApi } from './hooks';
 import { useEvent, useSyncRef } from '../../../_internal';
 import { useId } from '../../../utils/react/useId';
+import { useNotificationsApi } from './hooks';
 export function Notification(props) {
     const { id: propsId, disableRemoveOnUnmount = false } = props;
     const defaultId = useId();

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.2
+ * @cube-dev/ui-kit v0.12.5
  * Released under the MIT license.
  */
 
@@ -32,7 +32,7 @@ export function NotificationAction(props) {
             onClose === null || onClose === void 0 ? void 0 : onClose();
         }
     });
-    return (_jsx(Action, { ...buttonProps, onPress: onPressEvent, type: "link", size: "small", mods: { primary: type === 'primary', secondary: type === 'secondary' }, children: children }, void 0));
+    return (_jsx(Action, { ...buttonProps, type: "link", size: "small", mods: { primary: type === 'primary', secondary: type === 'secondary' }, onPress: onPressEvent, children: children }, void 0));
 }
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.2
+ * @cube-dev/ui-kit v0.12.5
  * Released under the MIT license.
  */
 
@@ -31,7 +31,7 @@ const CloseButton = tasty(Button, {
 });
 export const NotificationCloseButton = memo(function NotificationCloseButton(props) {
     const { onPress, isHovered, isFocused } = props;
-    return (_jsx(CloseButton, { qa: "notification-close-button", type: "neutral", mods: { show: isHovered || isFocused }, onPress: onPress, icon: _jsx(Cross, {}, void 0), label: "Close the notification" }, void 0));
+    return (_jsx(CloseButton, { qa: "NotificationCloseButton", type: "neutral", mods: { show: isHovered || isFocused }, icon: _jsx(Cross, {}, void 0), label: "Close the notification", onPress: onPress }, void 0));
 });
 
         

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

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

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

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

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

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

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

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

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.2
+ * @cube-dev/ui-kit v0.12.5
  * Released under the MIT license.
  */
 
@@ -12,13 +12,13 @@ import { useFocusRing } from '@react-aria/focus';
 import { tasty } from '../../../../tasty';
 import { useEvent, useTimer } from '../../../../_internal';
 import { ClearSlots, mergeProps } from '../../../../utils/react';
+import { useId } from '../../../../utils/react/useId';
 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',
@@ -61,7 +61,7 @@ export const NotificationView = forwardRef(function NotificationView(props, ref)
         callback: onDismissEvent,
         isDisabled: isFocusVisible || isHovered || !isDismissible,
     });
-    return (_jsx(ClearSlots, { children: _jsx(NotificationProvider, { onClose: onClose, children: _jsxs(NotificationContainer, { ...mergeProps(attributes, hoverProps, focusProps), styles: styles, ref: ref, "data-id": id, "data-qa": qa, "aria-labelledby": labelID, "aria-describedby": descriptionID, mods: { focused: isFocusVisible, 'is-dismissible': isDismissible }, children: [_jsx(NotificationIcon, { icon: icon, type: type }, void 0), _jsx(NotificationHeader, { header: header, id: labelID }, void 0), description && (_jsx(NotificationDescription, { description: description, id: descriptionID }, void 0)), _jsx(NotificationFooter, { hasDescription: !!description, actions: actions, onClose: onCloseEvent, onDismiss: onDismissEvent }, void 0), isDismissible && (_jsx(NotificationCloseButton, { onPress: onDismissEvent, isHovered: isHovered, isFocused: isFocusVisible }, void 0))] }, void 0) }, void 0) }, void 0));
+    return (_jsx(ClearSlots, { children: _jsx(NotificationProvider, { onClose: onClose, children: _jsxs(NotificationContainer, { ...mergeProps(attributes, hoverProps, focusProps), ref: ref, styles: styles, "data-id": id, "data-qa": qa, "aria-labelledby": labelID, "aria-describedby": descriptionID, mods: { focused: isFocusVisible, 'is-dismissible': isDismissible }, children: [_jsx(NotificationIcon, { icon: icon, type: type }, void 0), _jsx(NotificationHeader, { header: header, id: labelID }, void 0), description && (_jsx(NotificationDescription, { description: description, id: descriptionID }, void 0)), _jsx(NotificationFooter, { hasDescription: !!description, actions: actions, onClose: onCloseEvent, onDismiss: onDismissEvent }, void 0), isDismissible && (_jsx(NotificationCloseButton, { isHovered: isHovered, isFocused: isFocusVisible, onPress: onDismissEvent }, void 0))] }, void 0) }, void 0) }, void 0));
 });
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.2
+ * @cube-dev/ui-kit v0.12.5
  * 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.12.2
+ * @cube-dev/ui-kit v0.12.5
  * 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.12.2
+ * @cube-dev/ui-kit v0.12.5
  * 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.12.2
+ * @cube-dev/ui-kit v0.12.5
  * 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.12.2
+ * @cube-dev/ui-kit v0.12.5
  * Released under the MIT license.
  */
 

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.2
+ * @cube-dev/ui-kit v0.12.5
  * 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.12.2
+ * @cube-dev/ui-kit v0.12.5
  * 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.12.2
+ * @cube-dev/ui-kit v0.12.5
  * 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.12.2
+ * @cube-dev/ui-kit v0.12.5
  * 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.12.2
+ * @cube-dev/ui-kit v0.12.5
  * 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.12.2
+ * @cube-dev/ui-kit v0.12.5
  * 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.12.2
+ * @cube-dev/ui-kit v0.12.5
  * 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.12.2
+ * @cube-dev/ui-kit v0.12.5
  * Released under the MIT license.
  */
 

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

@@ -1,16 +1,16 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.2
+ * @cube-dev/ui-kit v0.12.5
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CheckOutlined, CloseOutlined, ExclamationOutlined, InfoOutlined, } from '@ant-design/icons';
 import { Action } from '../../actions/Action';
 import { Card } from '../../content/Card/Card';
 import { Block } from '../../Block';
 import THEMES from '../../../data/themes';
-import { CheckOutlined, CloseOutlined, ExclamationOutlined, InfoOutlined, } from '@ant-design/icons';
 import { tasty } from '../../../tasty';
 const NotificationElement = tasty(Card, {
     role: 'region',

package/es/components/overlays/OverlayWrapper.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.2
+ * @cube-dev/ui-kit v0.12.5
  * Released under the MIT license.
  */
 
@@ -24,7 +24,7 @@ export function OverlayWrapper({ isOpen, placement, minOffset, minScale, childre
     if (minOffset != null) {
         options.minOffset = minOffset;
     }
-    const contents = (_jsx(CSSTransition, { in: isOpen, unmountOnExit: true, timeout: 180, classNames: "cube-overlay-transition", children: children }, void 0));
+    const contents = (_jsx(CSSTransition, { unmountOnExit: true, in: isOpen, timeout: 180, classNames: "cube-overlay-transition", children: children }, void 0));
     return _jsx(Portal, { root: containerRef, children: contents }, void 0);
 }
 

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

@@ -1,15 +1,15 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.2
+ * @cube-dev/ui-kit v0.12.5
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect } from 'react';
-import { useToastsApi } from './use-toasts-api';
 import { useEvent, useSyncRef } from '../../../_internal';
 import { useId } from '../../../utils/react/useId';
+import { useToastsApi } from './use-toasts-api';
 export function Toast(props) {
     const { id: propsId, disableRemoveOnUnmount } = props;
     const defaultId = useId();

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.2
+ * @cube-dev/ui-kit v0.12.5
  * 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.12.2
+ * @cube-dev/ui-kit v0.12.5
  * 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.12.2
+ * @cube-dev/ui-kit v0.12.5
  * Released under the MIT license.
  */
 

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

@@ -1,19 +1,19 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.2
+ * @cube-dev/ui-kit v0.12.5
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useContext, useImperativeHandle, useRef, } from 'react';
-import { mergeProps } from '../../../utils/react';
 import { createDOMRef } from '@react-spectrum/utils';
-import { TooltipContext } from './context';
 import { useTooltip } from '@react-aria/tooltip';
-import { CONTAINER_STYLES, extractStyles, tasty, } from '../../../tasty';
-import { getOverlayTransitionCSS } from '../../../utils/transitions';
 import styled from 'styled-components';
+import { getOverlayTransitionCSS } from '../../../utils/transitions';
+import { CONTAINER_STYLES, extractStyles, tasty, } from '../../../tasty';
+import { mergeProps } from '../../../utils/react';
+import { TooltipContext } from './context';
 const TooltipElement = tasty({
     styles: {
         display: 'block',
@@ -90,10 +90,10 @@ function Tooltip(props, ref) {
     if (typeof minScale === 'number') {
         minScale = String(minScale);
     }
-    return (_jsxs(StyledTooltipElement, { ...tooltipProps, ...overlayProps, styles: styles, mods: {
+    return (_jsxs(StyledTooltipElement, { ...tooltipProps, ...overlayProps, ref: overlayRef, styles: styles, mods: {
             open: isOpen,
             material: isMaterial,
-        }, "data-min-offset": minOffset, "data-min-slale": minScale, "data-placement": placement, ref: overlayRef, children: [props.children, _jsx(TooltipTipElement, { "data-placement": placement, styles: tipStyles, ...arrowProps }, void 0)] }, void 0));
+        }, "data-min-offset": minOffset, "data-min-slale": minScale, "data-placement": placement, children: [props.children, _jsx(TooltipTipElement, { "data-placement": placement, styles: tipStyles, ...arrowProps }, void 0)] }, void 0));
 }
 /**
  * Display container for Tooltip content. Has a directional arrow dependent on its placement.

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

@@ -1,14 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.2
+ * @cube-dev/ui-kit v0.12.5
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
 import { TooltipTrigger } from './TooltipTrigger';
 import { Tooltip } from './Tooltip';
-import { useEffect, useState } from 'react';
 function TooltipProvider(props) {
     const [rendered, setRendered] = useState(false);
     const { title, children, tooltipStyles, width, ...otherProps } = props;

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

@@ -1,20 +1,20 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.2
+ * @cube-dev/ui-kit v0.12.5
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { FocusableProvider } from '@react-aria/focus';
 import { Children, useRef } from 'react';
-import { TooltipContext } from './context';
 import { useOverlayPosition } from '@react-aria/overlays';
 import { useTooltipTrigger } from '@react-aria/tooltip';
 import { useTooltipTriggerState } from '@react-stately/tooltip';
 import { OverlayWrapper } from '../OverlayWrapper';
 import { ActiveZone } from '../../content/ActiveZone/ActiveZone';
 import { Block } from '../../Block';
+import { TooltipContext } from './context';
 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) {

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

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