@cube-dev/ui-kit 0.0.0-canary-9917823 → 0.0.0-canary-2a1d026

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -28,7 +28,10 @@ export const OVERLAY_WRAPPER_STYLES = {
     height: '100dvh',
     pointerEvents: 'none',
     zIndex: 2,
-    transition: 'visibility 0ms linear .13s',
+    transition: {
+        '': 'visibility .5s steps(2, start)',
+        open: 'visibility 0s linear',
+    },
 };
 const ModalWrapperElement = tasty({
     qa: 'ModalWrapper',
@@ -36,7 +39,12 @@ const ModalWrapperElement = tasty({
 });
 const ModalElement = tasty({
     styles: {
-        display: 'grid',
+        display: {
+            '': 'none',
+            'entering | entered': 'grid',
+            exiting: 'grid',
+            exited: 'none',
+        },
         zIndex: 2,
         height: {
             '': 'max 90dvh',
@@ -48,7 +56,7 @@ const ModalElement = tasty({
             width: '288px 90vw',
         },
         pointerEvents: 'none',
-        transition: 'opacity .25s linear, visibility 0ms linear, transform .25s ease-in-out',
+        transition: 'opacity .25s linear, transform .25s ease-in-out',
         transform: {
             '': 'translate(0, 0) scale(1, 1)',
             '[data-type="modal"] & !open': 'translate(0, -3x) scale(1, 1)',
@@ -64,13 +72,19 @@ function Modal(props, ref) {
     let { qa, children, onClose, type, styles, ...otherProps } = props;
     let domRef = useDOMRef(ref);
     let { overlayProps, underlayProps } = useOverlay(props, domRef);
-    return (_jsxs(Overlay, { ...otherProps, children: [type !== 'fullscreenTakeover' && _jsx(Underlay, { ...underlayProps }, void 0), _jsx(ModalWrapper, { ref: domRef, qa: qa, type: type, overlayProps: overlayProps, styles: styles, onClose: onClose, children: children }, void 0)] }, void 0));
+    return (_jsxs(Overlay, { ...otherProps, children: [type !== 'fullscreenTakeover' && _jsx(Underlay, { ...underlayProps }), _jsx(ModalWrapper, { ref: domRef, qa: qa, type: type, overlayProps: overlayProps, styles: styles, onClose: onClose, children: children })] }));
 }
 let ModalWrapper = forwardRef(function ModalWrapper(props, ref) {
-    let { qa, children, isOpen, type, placement, styles, overlayProps, ...otherProps } = props;
-    usePreventScroll();
-    let { modalProps } = useModal();
-    return (_jsx(ModalWrapperElement, { mods: { open: isOpen }, "data-type": type, "data-placement": placement, children: _jsx(ModalElement, { qa: qa || 'Modal', styles: styles, mods: { open: isOpen }, "data-type": type, "data-placement": placement, ...mergeProps(otherProps, overlayProps, modalProps), ref: ref, children: children }, void 0) }, void 0));
+    let { qa, children, isOpen, type, placement, styles, overlayProps, transitionState, ...otherProps } = props;
+    usePreventScroll({ isDisabled: transitionState !== 'entered' });
+    let { modalProps } = useModal({ isDisabled: transitionState !== 'entered' });
+    return (_jsx(ModalWrapperElement, { "data-type": type, "data-placement": placement, children: _jsx(ModalElement, { qa: qa || 'Modal', styles: styles, mods: {
+                open: isOpen,
+                entering: transitionState === 'entering',
+                exiting: transitionState === 'exiting',
+                exited: transitionState === 'exited',
+                entered: transitionState === 'entered',
+            }, "data-type": type, "data-placement": placement, ...mergeProps(otherProps, overlayProps, modalProps), ref: ref, children: children }) }));
 });
 let _Modal = forwardRef(Modal);
 export { _Modal as Modal };

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

@@ -1,19 +1,27 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Children, cloneElement } from 'react';
+import { Children, cloneElement, createContext, useContext, } from 'react';
 import { Transition } from 'react-transition-group';
 const OPEN_STATES = {
     entering: false,
     entered: true,
 };
+const OpenTransitionContext = createContext(null);
+export function useOpenTransitionContext() {
+    return useContext(OpenTransitionContext);
+}
 export function OpenTransition(props) {
-    return (_jsx(Transition, { timeout: { enter: 0, exit: 350 }, ...props, children: (state) => Children.map(props.children, (child) => child && cloneElement(child, { isOpen: !!OPEN_STATES[state] })) }, void 0));
+    return (_jsx(Transition, { timeout: { enter: 0, exit: 350 }, ...props, children: (state) => (_jsx(OpenTransitionContext.Provider, { value: { transitionState: state }, children: Children.map(props.children, (child) => child &&
+                cloneElement(child, {
+                    isOpen: !!OPEN_STATES[state],
+                    transitionState: state,
+                })) })) }));
 }
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -11,7 +11,7 @@ import { createPortal } from 'react-dom';
 import { Provider, useProviderProps } from '../../../provider';
 import { OpenTransition } from './OpenTransition';
 function Overlay(props, ref) {
-    let { children, isOpen, container = null, onEnter, onEntering, onEntered, onExit, onExiting, onExited, } = props;
+    let { children, isOpen, container = null, onEnter, onEntering, onEntered, onExit, onExiting, onExited, hideOnClose = false, } = props;
     let [exited, setExited] = useState(!isOpen);
     let { root } = useProviderProps({});
     let handleEntered = useCallback(() => {
@@ -26,9 +26,11 @@ function Overlay(props, ref) {
     let mountOverlay = isOpen || !exited;
     if (!mountOverlay) {
         // Don't bother showing anything if we don't have to.
-        return null;
+        if (!hideOnClose) {
+            return null;
+        }
     }
-    let contents = (_jsx(Provider, { ref: ref, children: _jsx(OpenTransition, { appear: true, in: isOpen, onExit: onExit, onExiting: onExiting, onExited: handleExited, onEnter: onEnter, onEntering: onEntering, onEntered: handleEntered, children: children }, void 0) }, void 0));
+    let contents = (_jsx(Provider, { ref: ref, children: _jsx(OpenTransition, { appear: true, in: isOpen, onExit: onExit, onExiting: onExiting, onExited: handleExited, onEnter: onEnter, onEntering: onEntering, onEntered: handleEntered, children: children }) }));
     return createPortal(contents, container || root || document.body);
 }
 let _Overlay = forwardRef(Overlay);

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

@@ -1,12 +1,12 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
+import { forwardRef, useEffect } from 'react';
 import { useModal, useOverlay } from '@react-aria/overlays';
 import { tasty } from '../../../tasty';
 import { mergeProps } from '../../../utils/react';
@@ -14,6 +14,12 @@ import { Overlay } from './Overlay';
 const PopoverElement = tasty({
     role: 'presentation',
     styles: {
+        display: {
+            '': 'none',
+            'entering | entered': 'initial',
+            exiting: 'initial',
+            exited: 'none',
+        },
         pointerEvents: 'auto',
         position: 'absolute',
         transition: 'opacity .120s linear, visibility 0ms linear, transform .120s ease-in-out',
@@ -32,20 +38,29 @@ const PopoverElement = tasty({
     },
 });
 function Popover(props, ref) {
-    let { qa, style, styles, children, placement, arrowProps, onClose, shouldCloseOnBlur, isKeyboardDismissDisabled, isNonModal, isDismissable = true, ...otherProps } = props;
-    return (_jsx(Overlay, { ...otherProps, children: _jsx(PopoverWrapper, { ref: ref, qa: qa, style: style, styles: styles, placement: placement, arrowProps: arrowProps, shouldCloseOnBlur: shouldCloseOnBlur, isKeyboardDismissDisabled: isKeyboardDismissDisabled, isNonModal: isNonModal, isDismissable: isDismissable, onClose: onClose, children: children }, void 0) }, void 0));
+    let { qa, style, styles, children, placement, arrowProps, onClose, shouldCloseOnBlur, isKeyboardDismissDisabled, isNonModal, isDismissable = true, updatePosition, ...otherProps } = props;
+    return (_jsx(Overlay, { ...otherProps, children: _jsx(PopoverWrapper, { ref: ref, qa: qa, style: style, styles: styles, placement: placement, arrowProps: arrowProps, shouldCloseOnBlur: shouldCloseOnBlur, isKeyboardDismissDisabled: isKeyboardDismissDisabled, isNonModal: isNonModal, isDismissable: isDismissable, updatePosition: updatePosition, onClose: onClose, children: children }) }));
 }
 const PopoverWrapper = forwardRef(function PopoverWrapper(props, ref) {
-    let { qa, children, placement = 'bottom', arrowProps, isOpen, style, styles, shouldCloseOnBlur, isKeyboardDismissDisabled, isNonModal, isDismissable, ...otherProps } = props;
+    let { qa, children, placement = 'bottom', arrowProps, isOpen, style, styles, shouldCloseOnBlur, isKeyboardDismissDisabled, isNonModal, isDismissable, updatePosition, transitionState, ...otherProps } = props;
     let { overlayProps } = useOverlay({ ...props, isDismissable: isDismissable && isOpen }, 
     // @ts-ignore
     ref);
     let { modalProps } = useModal({
         isDisabled: isNonModal,
     });
+    useEffect(() => {
+        if (transitionState === 'entered') {
+            updatePosition?.();
+        }
+    }, [updatePosition, transitionState]);
     return (_jsx(PopoverElement, { qa: qa || 'Popover', ...mergeProps(otherProps, overlayProps, modalProps), ref: ref, styles: styles, mods: {
             open: isOpen,
-        }, "data-placement": placement, style: style, children: children }, void 0));
+            entering: transitionState === 'entering',
+            exiting: transitionState === 'exiting',
+            exited: transitionState === 'exited',
+            entered: transitionState === 'entered',
+        }, "data-placement": placement, style: style, children: children }));
 });
 let _Popover = forwardRef(Popover);
 export { _Popover as Popover };

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -24,6 +24,12 @@ const TrayWrapperElement = tasty({
 });
 const TrayElement = tasty({
     styles: {
+        display: {
+            '': 'none',
+            'entering | entered': 'initial',
+            exiting: 'initial',
+            exited: 'none',
+        },
         zIndex: 2,
         height: 'max 90dvh',
         width: '288px 90vw',
@@ -39,10 +45,10 @@ 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, { ref: domRef, qa: qa, overlayProps: overlayProps, isFixedHeight: isFixedHeight, isNonModal: isNonModal, styles: styles, onClose: onClose, children: children }, void 0)] }, void 0));
+    return (_jsxs(Overlay, { ...otherProps, children: [_jsx(Underlay, { ...underlayProps }), _jsx(TrayWrapper, { ref: domRef, qa: qa, overlayProps: overlayProps, isFixedHeight: isFixedHeight, isNonModal: isNonModal, styles: styles, onClose: onClose, children: children })] }));
 }
 let TrayWrapper = forwardRef(function TrayWrapper(props, ref) {
-    let { qa, children, isOpen, styles, isFixedHeight, isNonModal, overlayProps, ...otherProps } = props;
+    let { qa, children, isOpen, styles, isFixedHeight, isNonModal, overlayProps, transitionState, ...otherProps } = props;
     usePreventScroll();
     let { modalProps } = useModal({
         isDisabled: isNonModal,
@@ -52,8 +58,12 @@ let TrayWrapper = forwardRef(function TrayWrapper(props, ref) {
             open: isOpen,
         }, children: _jsx(TrayElement, { qa: qa || 'Tray', styles: styles, mods: {
                 open: isOpen,
+                entering: transitionState === 'entering',
+                exiting: transitionState === 'exiting',
+                exited: transitionState === 'exited',
+                entered: transitionState === 'entered',
                 'fixed-height': isFixedHeight,
-            }, ...domProps, ...modalProps, ref: ref, children: children }, void 0) }, void 0));
+            }, ...domProps, ...modalProps, ref: ref, children: children }) }));
 });
 let _Tray = forwardRef(Tray);
 export { _Tray as Tray };

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -34,7 +34,7 @@ const UnderlayElement = tasty({
 function Underlay({ isOpen, ...otherProps }, ref) {
     return (_jsx(UnderlayElement, { ref: ref, mods: {
             open: isOpen,
-        }, ...otherProps }, void 0));
+        }, ...otherProps }));
 }
 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.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -10,5 +10,6 @@ export { Modal } from './Modal';
 export { Overlay } from './Overlay';
 export { Underlay } from './Underlay';
 export { Popover } from './Popover';
+export * from './types';
 
         

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

@@ -0,0 +1,10 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
+ * Released under the MIT license.
+ */
+
+export {};
+
+        

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -88,7 +88,7 @@ export function NotificationsBar(props) {
             lastNotification?.props.onDismiss?.();
         }
     }, [lastShownIdRef.current]);
-    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: collection.slice(0, realLimit).map((notification) => (_jsx(TransitionComponent, { children: _jsx(FloatingNotification, { isDisabledTimer: isHovered || isFocusVisible, id: notification.props.id, item: notification, state: state, onRemoveNotification: chainedOnRemoveNotification, onDismissNotification: onDismissNotification }, void 0) }, notification.props.id))) }, void 0) }, void 0));
+    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: collection.slice(0, realLimit).map((notification) => (_jsx(TransitionComponent, { children: _jsx(FloatingNotification, { isDisabledTimer: isHovered || isFocusVisible, id: notification.props.id, item: notification, state: state, onRemoveNotification: chainedOnRemoveNotification, onDismissNotification: onDismissNotification }) }, notification.props.id))) }) }));
 }
 NotificationsBar.Item = Item;
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -19,7 +19,7 @@ export function TransitionComponent(props) {
             notificationRef.current.style.setProperty('--__notification-size__', `${notificationRef.current.scrollHeight}px`);
         }
     }, []);
-    return (_jsx(CSSTransition, { unmountOnExit: true, mountOnEnter: true, timeout: TRANSITION_TIMEOUT, classNames: CSS_TRANSITION_CLASS_NAME, onEnter: calculateNotificationSize, onExit: calculateNotificationSize, ...transitionProps, children: _jsx(Transition, { ref: notificationRef, children: children }, void 0) }, void 0));
+    return (_jsx(CSSTransition, { unmountOnExit: true, mountOnEnter: true, timeout: TRANSITION_TIMEOUT, classNames: CSS_TRANSITION_CLASS_NAME, onEnter: calculateNotificationSize, onExit: calculateNotificationSize, ...transitionProps, children: _jsx(Transition, { ref: notificationRef, children: children }) }));
 }
 const Transition = styled.div `
   transition-property: height, opacity, margin-top, margin-bottom;

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * 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.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -16,7 +16,7 @@ import { useNotificationsObserver } from '../hooks';
 export function NotificationsDialogTrigger(props) {
     const { onCloseNotificationInBar, ...dialogTriggerProps } = props;
     useNotificationsObserver((args) => onCloseNotificationInBar?.(args));
-    return _jsx(DialogTrigger, { ...dialogTriggerProps, type: "popover" }, void 0);
+    return _jsx(DialogTrigger, { ...dialogTriggerProps, type: "popover" });
 }
 const StyledDialog = tasty(Dialog, { height: 'auto calc(100vh - 12x)' });
 const StyledDialogContent = tasty(Flex, {
@@ -32,7 +32,7 @@ const StyledDialogContent = tasty(Flex, {
 });
 export function NotificationsDialog(props) {
     const { children, title = 'Notifications', ...dialogProps } = props;
-    return (_jsxs(StyledDialog, { ...dialogProps, children: [_jsx(VisuallyHidden, { children: _jsx(Title, { children: title }, void 0) }, void 0), _jsx(StyledDialogContent, { children: _jsx(ClearSlots, { children: children }, void 0) }, void 0)] }, void 0));
+    return (_jsxs(StyledDialog, { ...dialogProps, children: [_jsx(VisuallyHidden, { children: _jsx(Title, { children: title }) }), _jsx(StyledDialogContent, { children: _jsx(ClearSlots, { children: children }) })] }));
 }
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -30,13 +30,13 @@ export function Notification(props) {
     return null;
 }
 Notification.Success = function NotificationSuccess(props) {
-    return _jsx(Notification, { type: "success", ...props }, void 0);
+    return _jsx(Notification, { type: "success", ...props });
 };
 Notification.Danger = function NotificationDanger(props) {
-    return _jsx(Notification, { type: "danger", ...props }, void 0);
+    return _jsx(Notification, { type: "danger", ...props });
 };
 Notification.Attention = function NotificationAttention(props) {
-    return _jsx(Notification, { type: "attention", ...props }, void 0);
+    return _jsx(Notification, { type: "attention", ...props });
 };
 
         

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -11,7 +11,7 @@ import { Button } from '../../../actions';
 import { tasty } from '../../../../tasty';
 import { Cross } from '../../../../icons';
 const CloseButton = tasty(Button, {
-    icon: _jsx(Cross, {}, void 0),
+    icon: _jsx(Cross, {}),
     label: 'Close the notification',
     qa: 'NotificationCloseButton',
     type: 'neutral',
@@ -20,7 +20,7 @@ const CloseButton = tasty(Button, {
 });
 export const NotificationCloseButton = memo(function NotificationCloseButton(props) {
     const { onPress } = props;
-    return _jsx(CloseButton, { onPress: onPress }, void 0);
+    return _jsx(CloseButton, { onPress: onPress });
 });
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -30,7 +30,7 @@ export const NotificationDescription = memo(function NotificationDescription(pro
             // To make a proper user selection
             onPointerDown: (e) => e.stopPropagation(),
             onMouseDown: (e) => e.stopPropagation(),
-        }), children: description }, void 0));
+        }), children: description }));
 });
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -37,7 +37,7 @@ export const NotificationFooter = memo(function NotificationFooter(props) {
                 ...props,
                 type: props.type ?? defaultType,
             }, props.children);
-        }) }, void 0));
+        }) }));
 });
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -25,7 +25,7 @@ const Header = tasty(Title, {
  */
 export const NotificationHeader = memo(function NotificationHeader(props) {
     const { header, ...headerProps } = props;
-    return _jsx(Header, { ...headerProps, children: header }, void 0);
+    return _jsx(Header, { ...headerProps, children: header });
 });
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -56,12 +56,12 @@ export const NotificationIcon = memo(function NotificationIcon(props) {
                 attention: type === 'attention',
                 success: type === 'success',
                 danger: type === 'danger',
-            }, children: iconsByType[type] }, void 0)) }, void 0));
+            }, children: iconsByType[type] })) }));
 });
 const iconsByType = {
-    attention: _jsx(Attention, {}, void 0),
-    success: _jsx(Success, {}, void 0),
-    danger: _jsx(Danger, {}, void 0),
+    attention: _jsx(Attention, {}),
+    success: _jsx(Success, {}),
+    danger: _jsx(Danger, {}),
 };
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -14,7 +14,7 @@ const NotificationContext = createContext(null);
  */
 export function NotificationProvider(props) {
     const { children, ...value } = props;
-    return (_jsx(NotificationContext.Provider, { value: value, children: children }, void 0));
+    return (_jsx(NotificationContext.Provider, { value: value, children: children }));
 }
 export function useNotificationContext() {
     const context = useContext(NotificationContext);

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -64,7 +64,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), 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, { onPress: onDismissEvent }, 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 }), _jsx(NotificationHeader, { header: header, id: labelID }), description && (_jsx(NotificationDescription, { description: description, id: descriptionID })), _jsx(NotificationFooter, { hasDescription: !!description, actions: actions, onClose: onCloseEvent, onDismiss: onDismissEvent }), isDismissible && (_jsx(NotificationCloseButton, { onPress: onDismissEvent }))] }) }) }));
 });
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * 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.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * 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.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -15,7 +15,7 @@ export function NotificationsProvider(props) {
     const { children, rootRef } = props;
     const { notifications, api, addOnDismissListener, onDismissNotification } = useNotifications(rootRef);
     const providerValue = useMemo(() => ({ api, addOnDismissListener }), []);
-    return (_jsxs(NotificationsContext.Provider, { value: providerValue, children: [_jsx(Portal, { children: _jsx(NotificationsBar, { items: notifications, onRemoveNotification: api.remove, onDismissNotification: onDismissNotification, children: (notification) => (_jsx(NotificationsBar.Item, { ...notification }, notification.id)) }, void 0) }, void 0), children] }, void 0));
+    return (_jsxs(NotificationsContext.Provider, { value: providerValue, children: [_jsx(Portal, { children: _jsx(NotificationsBar, { items: notifications, onRemoveNotification: api.remove, onDismissNotification: onDismissNotification, children: (notification) => (_jsx(NotificationsBar.Item, { ...notification }, notification.id)) }) }), children] }));
 }
 
         

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

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