@cube-dev/ui-kit 0.0.0-canary-1be35be → 0.0.0-canary-f2f75e5

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
  * Released under the MIT license.
  */
 
@@ -17,6 +17,12 @@ const Overlay_1 = require("./Overlay");
 const PopoverElement = (0, tasty_1.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',
@@ -35,20 +41,29 @@ const PopoverElement = (0, tasty_1.tasty)({
     },
 });
 function Popover(props, ref) {
-    let { qa, style, styles, children, placement, arrowProps, onClose, shouldCloseOnBlur, isKeyboardDismissDisabled, isNonModal, isDismissable = true, ...otherProps } = props;
-    return ((0, jsx_runtime_1.jsx)(Overlay_1.Overlay, { ...otherProps, children: (0, jsx_runtime_1.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 ((0, jsx_runtime_1.jsx)(Overlay_1.Overlay, { ...otherProps, children: (0, jsx_runtime_1.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 = (0, react_1.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 } = (0, overlays_1.useOverlay)({ ...props, isDismissable: isDismissable && isOpen }, 
     // @ts-ignore
     ref);
     let { modalProps } = (0, overlays_1.useModal)({
         isDisabled: isNonModal,
     });
+    (0, react_1.useEffect)(() => {
+        if (transitionState === 'entered') {
+            updatePosition?.();
+        }
+    }, [updatePosition, transitionState]);
     return ((0, jsx_runtime_1.jsx)(PopoverElement, { qa: qa || 'Popover', ...(0, react_2.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 = (0, react_1.forwardRef)(Popover);
 exports.Popover = _Popover;

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
  * Released under the MIT license.
  */
 
@@ -27,6 +27,12 @@ const TrayWrapperElement = (0, tasty_1.tasty)({
 });
 const TrayElement = (0, tasty_1.tasty)({
     styles: {
+        display: {
+            '': 'none',
+            'entering | entered': 'initial',
+            exiting: 'initial',
+            exited: 'none',
+        },
         zIndex: 2,
         height: 'max 90dvh',
         width: '288px 90vw',
@@ -42,10 +48,10 @@ function Tray(props, ref) {
     let { qa, children, onClose, isFixedHeight, isNonModal, styles, ...otherProps } = props;
     let domRef = (0, utils_1.useDOMRef)(ref);
     let { overlayProps, underlayProps } = (0, overlays_1.useOverlay)({ ...props, isDismissable: true }, domRef);
-    return ((0, jsx_runtime_1.jsxs)(Overlay_1.Overlay, { ...otherProps, children: [(0, jsx_runtime_1.jsx)(Underlay_1.Underlay, { ...underlayProps }, void 0), (0, jsx_runtime_1.jsx)(TrayWrapper, { ref: domRef, qa: qa, overlayProps: overlayProps, isFixedHeight: isFixedHeight, isNonModal: isNonModal, styles: styles, onClose: onClose, children: children }, void 0)] }, void 0));
+    return ((0, jsx_runtime_1.jsxs)(Overlay_1.Overlay, { ...otherProps, children: [(0, jsx_runtime_1.jsx)(Underlay_1.Underlay, { ...underlayProps }), (0, jsx_runtime_1.jsx)(TrayWrapper, { ref: domRef, qa: qa, overlayProps: overlayProps, isFixedHeight: isFixedHeight, isNonModal: isNonModal, styles: styles, onClose: onClose, children: children })] }));
 }
 let TrayWrapper = (0, react_1.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;
     (0, overlays_1.usePreventScroll)();
     let { modalProps } = (0, overlays_1.useModal)({
         isDisabled: isNonModal,
@@ -55,8 +61,12 @@ let TrayWrapper = (0, react_1.forwardRef)(function TrayWrapper(props, ref) {
             open: isOpen,
         }, children: (0, jsx_runtime_1.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 = (0, react_1.forwardRef)(Tray);
 exports.Tray = _Tray;

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
  * Released under the MIT license.
  */
 
@@ -37,7 +37,7 @@ const UnderlayElement = (0, tasty_1.tasty)({
 function Underlay({ isOpen, ...otherProps }, ref) {
     return ((0, jsx_runtime_1.jsx)(UnderlayElement, { ref: ref, mods: {
             open: isOpen,
-        }, ...otherProps }, void 0));
+        }, ...otherProps }));
 }
 let _Underlay = (0, react_1.forwardRef)(Underlay);
 exports.Underlay = _Underlay;

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

@@ -1,11 +1,25 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
  * Released under the MIT license.
  */
 
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Popover = exports.Underlay = exports.Overlay = exports.Modal = exports.Tray = void 0;
 var Tray_1 = require("./Tray");
@@ -18,5 +32,6 @@ var Underlay_1 = require("./Underlay");
 Object.defineProperty(exports, "Underlay", { enumerable: true, get: function () { return Underlay_1.Underlay; } });
 var Popover_1 = require("./Popover");
 Object.defineProperty(exports, "Popover", { enumerable: true, get: function () { return Popover_1.Popover; } });
+__exportStar(require("./types"), exports);
 
         

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

@@ -0,0 +1,11 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
+ * Released under the MIT license.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+
+        

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
  * Released under the MIT license.
  */
 
@@ -51,7 +51,7 @@ exports.FloatingNotification = (0, react_1.memo)(function FloatingNotification(p
                 onKeyDown,
                 role: 'status',
                 'aria-atomic': 'true',
-            }, qa: "FloatingNotification", onDismiss: chainedOnDismiss, onClose: onCloseEvent }, void 0) }, void 0));
+            }, qa: "FloatingNotification", onDismiss: chainedOnDismiss, onClose: onCloseEvent }) }));
 });
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
  * Released under the MIT license.
  */
 
@@ -91,7 +91,7 @@ function NotificationsBar(props) {
             lastNotification?.props.onDismiss?.();
         }
     }, [lastShownIdRef.current]);
-    return ((0, jsx_runtime_1.jsx)(NotificationsContainer, { ref: ref, qa: "NotificationsBar", role: "region", "aria-live": "polite", ...(0, react_2.mergeProps)(listProps, hoverProps, focusProps), children: (0, jsx_runtime_1.jsx)(react_transition_group_1.TransitionGroup, { enter: true, exit: true, component: null, children: collection.slice(0, realLimit).map((notification) => ((0, jsx_runtime_1.jsx)(TransitionComponent_1.TransitionComponent, { children: (0, jsx_runtime_1.jsx)(FloatingNotification_1.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 ((0, jsx_runtime_1.jsx)(NotificationsContainer, { ref: ref, qa: "NotificationsBar", role: "region", "aria-live": "polite", ...(0, react_2.mergeProps)(listProps, hoverProps, focusProps), children: (0, jsx_runtime_1.jsx)(react_transition_group_1.TransitionGroup, { enter: true, exit: true, component: null, children: collection.slice(0, realLimit).map((notification) => ((0, jsx_runtime_1.jsx)(TransitionComponent_1.TransitionComponent, { children: (0, jsx_runtime_1.jsx)(FloatingNotification_1.FloatingNotification, { isDisabledTimer: isHovered || isFocusVisible, id: notification.props.id, item: notification, state: state, onRemoveNotification: chainedOnRemoveNotification, onDismissNotification: onDismissNotification }) }, notification.props.id))) }) }));
 }
 exports.NotificationsBar = NotificationsBar;
 NotificationsBar.Item = collections_1.Item;

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
  * Released under the MIT license.
  */
 
@@ -25,7 +25,7 @@ function TransitionComponent(props) {
             notificationRef.current.style.setProperty('--__notification-size__', `${notificationRef.current.scrollHeight}px`);
         }
     }, []);
-    return ((0, jsx_runtime_1.jsx)(react_transition_group_1.CSSTransition, { unmountOnExit: true, mountOnEnter: true, timeout: TRANSITION_TIMEOUT, classNames: CSS_TRANSITION_CLASS_NAME, onEnter: calculateNotificationSize, onExit: calculateNotificationSize, ...transitionProps, children: (0, jsx_runtime_1.jsx)(Transition, { ref: notificationRef, children: children }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)(react_transition_group_1.CSSTransition, { unmountOnExit: true, mountOnEnter: true, timeout: TRANSITION_TIMEOUT, classNames: CSS_TRANSITION_CLASS_NAME, onEnter: calculateNotificationSize, onExit: calculateNotificationSize, ...transitionProps, children: (0, jsx_runtime_1.jsx)(Transition, { ref: notificationRef, children: children }) }));
 }
 exports.TransitionComponent = TransitionComponent;
 const Transition = styled_components_1.default.div `

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

@@ -1,14 +1,18 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
  * Released under the MIT license.
  */
 
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
  * Released under the MIT license.
  */
 
@@ -19,7 +19,7 @@ const hooks_1 = require("../hooks");
 function NotificationsDialogTrigger(props) {
     const { onCloseNotificationInBar, ...dialogTriggerProps } = props;
     (0, hooks_1.useNotificationsObserver)((args) => onCloseNotificationInBar?.(args));
-    return (0, jsx_runtime_1.jsx)(Dialog_1.DialogTrigger, { ...dialogTriggerProps, type: "popover" }, void 0);
+    return (0, jsx_runtime_1.jsx)(Dialog_1.DialogTrigger, { ...dialogTriggerProps, type: "popover" });
 }
 exports.NotificationsDialogTrigger = NotificationsDialogTrigger;
 const StyledDialog = (0, tasty_1.tasty)(Dialog_1.Dialog, { height: 'auto calc(100vh - 12x)' });
@@ -36,7 +36,7 @@ const StyledDialogContent = (0, tasty_1.tasty)(Flex_1.Flex, {
 });
 function NotificationsDialog(props) {
     const { children, title = 'Notifications', ...dialogProps } = props;
-    return ((0, jsx_runtime_1.jsxs)(StyledDialog, { ...dialogProps, children: [(0, jsx_runtime_1.jsx)(visually_hidden_1.VisuallyHidden, { children: (0, jsx_runtime_1.jsx)(Title_1.Title, { children: title }, void 0) }, void 0), (0, jsx_runtime_1.jsx)(StyledDialogContent, { children: (0, jsx_runtime_1.jsx)(react_1.ClearSlots, { children: children }, void 0) }, void 0)] }, void 0));
+    return ((0, jsx_runtime_1.jsxs)(StyledDialog, { ...dialogProps, children: [(0, jsx_runtime_1.jsx)(visually_hidden_1.VisuallyHidden, { children: (0, jsx_runtime_1.jsx)(Title_1.Title, { children: title }) }), (0, jsx_runtime_1.jsx)(StyledDialogContent, { children: (0, jsx_runtime_1.jsx)(react_1.ClearSlots, { children: children }) })] }));
 }
 exports.NotificationsDialog = NotificationsDialog;
 

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

@@ -1,14 +1,18 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
  * Released under the MIT license.
  */
 
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
  * Released under the MIT license.
  */
 
@@ -34,13 +34,13 @@ function Notification(props) {
 }
 exports.Notification = Notification;
 Notification.Success = function NotificationSuccess(props) {
-    return (0, jsx_runtime_1.jsx)(Notification, { type: "success", ...props }, void 0);
+    return (0, jsx_runtime_1.jsx)(Notification, { type: "success", ...props });
 };
 Notification.Danger = function NotificationDanger(props) {
-    return (0, jsx_runtime_1.jsx)(Notification, { type: "danger", ...props }, void 0);
+    return (0, jsx_runtime_1.jsx)(Notification, { type: "danger", ...props });
 };
 Notification.Attention = function NotificationAttention(props) {
-    return (0, jsx_runtime_1.jsx)(Notification, { type: "attention", ...props }, void 0);
+    return (0, jsx_runtime_1.jsx)(Notification, { type: "attention", ...props });
 };
 
         

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
  * Released under the MIT license.
  */
 
@@ -14,7 +14,7 @@ const actions_1 = require("../../../actions");
 const tasty_1 = require("../../../../tasty");
 const icons_1 = require("../../../../icons");
 const CloseButton = (0, tasty_1.tasty)(actions_1.Button, {
-    icon: (0, jsx_runtime_1.jsx)(icons_1.Cross, {}, void 0),
+    icon: (0, jsx_runtime_1.jsx)(icons_1.Cross, {}),
     label: 'Close the notification',
     qa: 'NotificationCloseButton',
     type: 'neutral',
@@ -23,7 +23,7 @@ const CloseButton = (0, tasty_1.tasty)(actions_1.Button, {
 });
 exports.NotificationCloseButton = (0, react_1.memo)(function NotificationCloseButton(props) {
     const { onPress } = props;
-    return (0, jsx_runtime_1.jsx)(CloseButton, { onPress: onPress }, void 0);
+    return (0, jsx_runtime_1.jsx)(CloseButton, { onPress: onPress });
 });
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
  * Released under the MIT license.
  */
 
@@ -33,7 +33,7 @@ exports.NotificationDescription = (0, react_1.memo)(function NotificationDescrip
             // To make a proper user selection
             onPointerDown: (e) => e.stopPropagation(),
             onMouseDown: (e) => e.stopPropagation(),
-        }), children: description }, void 0));
+        }), children: description }));
 });
 
         

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

@@ -1,14 +1,18 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
  * Released under the MIT license.
  */
 
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -62,7 +66,7 @@ exports.NotificationFooter = (0, react_1.memo)(function NotificationFooter(props
                 ...props,
                 type: props.type ?? defaultType,
             }, props.children);
-        }) }, void 0));
+        }) }));
 });
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
  * Released under the MIT license.
  */
 
@@ -28,7 +28,7 @@ const Header = (0, tasty_1.tasty)(Title_1.Title, {
  */
 exports.NotificationHeader = (0, react_1.memo)(function NotificationHeader(props) {
     const { header, ...headerProps } = props;
-    return (0, jsx_runtime_1.jsx)(Header, { ...headerProps, children: header }, void 0);
+    return (0, jsx_runtime_1.jsx)(Header, { ...headerProps, children: header });
 });
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
  * Released under the MIT license.
  */
 
@@ -59,12 +59,12 @@ exports.NotificationIcon = (0, react_1.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: (0, jsx_runtime_1.jsx)(icons_1.Attention, {}, void 0),
-    success: (0, jsx_runtime_1.jsx)(icons_1.Success, {}, void 0),
-    danger: (0, jsx_runtime_1.jsx)(icons_1.Danger, {}, void 0),
+    attention: (0, jsx_runtime_1.jsx)(icons_1.Attention, {}),
+    success: (0, jsx_runtime_1.jsx)(icons_1.Success, {}),
+    danger: (0, jsx_runtime_1.jsx)(icons_1.Danger, {}),
 };
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
  * Released under the MIT license.
  */
 
@@ -20,7 +20,7 @@ const NotificationContext = (0, react_1.createContext)(null);
  */
 function NotificationProvider(props) {
     const { children, ...value } = props;
-    return ((0, jsx_runtime_1.jsx)(NotificationContext.Provider, { value: value, children: children }, void 0));
+    return ((0, jsx_runtime_1.jsx)(NotificationContext.Provider, { value: value, children: children }));
 }
 exports.NotificationProvider = NotificationProvider;
 function useNotificationContext() {

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
  * Released under the MIT license.
  */
 
@@ -67,7 +67,7 @@ exports.NotificationView = (0, react_1.forwardRef)(function NotificationView(pro
         callback: onDismissEvent,
         isDisabled: isFocusVisible || isHovered || !isDismissible,
     });
-    return ((0, jsx_runtime_1.jsx)(react_2.ClearSlots, { children: (0, jsx_runtime_1.jsx)(NotificationProvider_1.NotificationProvider, { onClose: onClose, children: (0, jsx_runtime_1.jsxs)(NotificationContainer, { ...(0, react_2.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: [(0, jsx_runtime_1.jsx)(NotificationIcon_1.NotificationIcon, { icon: icon, type: type }, void 0), (0, jsx_runtime_1.jsx)(NotificationHeader_1.NotificationHeader, { header: header, id: labelID }, void 0), description && ((0, jsx_runtime_1.jsx)(NotificationDescription_1.NotificationDescription, { description: description, id: descriptionID }, void 0)), (0, jsx_runtime_1.jsx)(NotificationFooter_1.NotificationFooter, { hasDescription: !!description, actions: actions, onClose: onCloseEvent, onDismiss: onDismissEvent }, void 0), isDismissible && ((0, jsx_runtime_1.jsx)(NotificationCloseButton_1.NotificationCloseButton, { onPress: onDismissEvent }, void 0))] }, void 0) }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)(react_2.ClearSlots, { children: (0, jsx_runtime_1.jsx)(NotificationProvider_1.NotificationProvider, { onClose: onClose, children: (0, jsx_runtime_1.jsxs)(NotificationContainer, { ...(0, react_2.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: [(0, jsx_runtime_1.jsx)(NotificationIcon_1.NotificationIcon, { icon: icon, type: type }), (0, jsx_runtime_1.jsx)(NotificationHeader_1.NotificationHeader, { header: header, id: labelID }), description && ((0, jsx_runtime_1.jsx)(NotificationDescription_1.NotificationDescription, { description: description, id: descriptionID })), (0, jsx_runtime_1.jsx)(NotificationFooter_1.NotificationFooter, { hasDescription: !!description, actions: actions, onClose: onCloseEvent, onDismiss: onDismissEvent }), isDismissible && ((0, jsx_runtime_1.jsx)(NotificationCloseButton_1.NotificationCloseButton, { onPress: onDismissEvent }))] }) }) }));
 });
 
         

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

@@ -1,14 +1,18 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
  * Released under the MIT license.
  */
 
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
  * Released under the MIT license.
  */
 
@@ -18,7 +18,7 @@ function NotificationsProvider(props) {
     const { children, rootRef } = props;
     const { notifications, api, addOnDismissListener, onDismissNotification } = (0, use_notifications_1.useNotifications)(rootRef);
     const providerValue = (0, react_1.useMemo)(() => ({ api, addOnDismissListener }), []);
-    return ((0, jsx_runtime_1.jsxs)(exports.NotificationsContext.Provider, { value: providerValue, children: [(0, jsx_runtime_1.jsx)(portal_1.Portal, { children: (0, jsx_runtime_1.jsx)(Bar_1.NotificationsBar, { items: notifications, onRemoveNotification: api.remove, onDismissNotification: onDismissNotification, children: (notification) => ((0, jsx_runtime_1.jsx)(Bar_1.NotificationsBar.Item, { ...notification }, notification.id)) }, void 0) }, void 0), children] }, void 0));
+    return ((0, jsx_runtime_1.jsxs)(exports.NotificationsContext.Provider, { value: providerValue, children: [(0, jsx_runtime_1.jsx)(portal_1.Portal, { children: (0, jsx_runtime_1.jsx)(Bar_1.NotificationsBar, { items: notifications, onRemoveNotification: api.remove, onDismissNotification: onDismissNotification, children: (notification) => ((0, jsx_runtime_1.jsx)(Bar_1.NotificationsBar.Item, { ...notification }, notification.id)) }) }), children] }));
 }
 exports.NotificationsProvider = NotificationsProvider;
 

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

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

package/cjs/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-1be35be
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
  * Released under the MIT license.
  */
 
@@ -40,7 +40,7 @@ function NotificationsList(props) {
         children,
         ref,
     });
-    return ((0, jsx_runtime_1.jsx)(NotificationListContainer, { ref: ref, ...listProps, children: [...state.collection].map((item) => ((0, jsx_runtime_1.jsx)(NotificationsListItem_1.NotificationListItem, { item: item, state: state, onDismiss: onDismiss }, item.key))) }, void 0));
+    return ((0, jsx_runtime_1.jsx)(NotificationListContainer, { ref: ref, ...listProps, children: [...state.collection].map((item) => ((0, jsx_runtime_1.jsx)(NotificationsListItem_1.NotificationListItem, { item: item, state: state, onDismiss: onDismiss }, item.key))) }));
 }
 exports.NotificationsList = NotificationsList;
 NotificationsList.Item = collections_1.Item;

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
  * Released under the MIT license.
  */
 
@@ -26,7 +26,7 @@ function NotificationListItem(props) {
     const ref = (0, react_1.useRef)(null);
     const onDismissEvent = (0, _internal_1.useEvent)(() => onDismiss?.(key));
     const { itemProps } = (0, hooks_1.useNotificationListItem)({ ref, key, state });
-    return ((0, jsx_runtime_1.jsx)(NotificationListItemWrap, { children: (0, jsx_runtime_1.jsx)(NotificationView_1.NotificationView, { ref: ref, attributes: itemProps, ...notificationProps, isDismissible: !!onDismiss, onDismiss: onDismissEvent }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)(NotificationListItemWrap, { children: (0, jsx_runtime_1.jsx)(NotificationView_1.NotificationView, { ref: ref, attributes: itemProps, ...notificationProps, isDismissible: !!onDismiss, onDismiss: onDismissEvent }) }));
 }
 exports.NotificationListItem = NotificationListItem;
 

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

@@ -1,14 +1,18 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
  * Released under the MIT license.
  */
 
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];