@cube-dev/ui-kit 0.21.0 → 0.22.1

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.21.0
+ * @cube-dev/ui-kit v0.22.1
  * Released under the MIT license.
  */
 
@@ -109,7 +109,7 @@ const intlMessages = {
 export const Dialog = forwardRef(function Dialog(props, ref) {
     const transitionContext = useOpenTransitionContext();
     const isEntered = transitionContext?.transitionState === 'entered';
-    return (_jsx(StyledFocusLock, { returnFocus: true, disabled: !isEntered, children: _jsx(DialogContent, { ...props, ref: ref }, "content") }));
+    return (_jsx(StyledFocusLock, { returnFocus: true, disabled: !isEntered, children: _jsx(DialogContent, { ...props, ref: ref }, "content") }, void 0));
 });
 const DialogContent = forwardRef(function DialogContent(props, ref) {
     let { type = 'modal', ...contextProps } = useDialogContext();
@@ -123,7 +123,7 @@ const DialogContent = forwardRef(function DialogContent(props, ref) {
     // so we render a hidden one for screen readers.
     let dismissButton;
     if (type === 'popover' || type === 'tray') {
-        dismissButton = _jsx(DismissButton, { onDismiss: onDismiss });
+        dismissButton = _jsx(DismissButton, { onDismiss: onDismiss }, void 0);
     }
     // let hasHeader = useHasChild('[data-id="Header"]', domRef);
     // let hasFooter = useHasChild('[data-id="Footer"]', domRef);
@@ -167,7 +167,7 @@ const DialogContent = forwardRef(function DialogContent(props, ref) {
             },
         },
     };
-    return (_jsxs(DialogElement, { ref: domRef, "data-id": "Dialog", "data-qa": qa || 'Dialog', styles: styles, as: "section", ...dialogProps, mods: { dismissable: isDismissable }, style: { '--dialog-size': `${sizePxMap[size] || 288}px` }, "data-type": type, "data-size": size, children: [dismissButton, _jsxs(SlotProvider, { slots: slots, children: [isDismissable && (_jsx(Button, { qa: "ModalCloseButton", type: "neutral", styles: CLOSE_BUTTON_STYLES, icon: closeIcon || _jsx(CloseOutlined, {}), label: formatMessage('dismiss'), onPress: () => onDismiss && onDismiss() })), children] })] }));
+    return (_jsxs(DialogElement, { ref: domRef, "data-id": "Dialog", "data-qa": qa || 'Dialog', styles: styles, as: "section", ...dialogProps, mods: { dismissable: isDismissable }, style: { '--dialog-size': `${sizePxMap[size] || 288}px` }, "data-type": type, "data-size": size, children: [dismissButton, _jsxs(SlotProvider, { slots: slots, children: [isDismissable && (_jsx(Button, { qa: "ModalCloseButton", type: "neutral", styles: CLOSE_BUTTON_STYLES, icon: closeIcon || _jsx(CloseOutlined, {}, void 0), label: formatMessage('dismiss'), onPress: () => onDismiss && onDismiss() }, void 0)), children] }, void 0)] }, void 0));
 });
 
         

package/es/components/overlays/Dialog/DialogContainer.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.21.0
+ * @cube-dev/ui-kit v0.22.1
  * Released under the MIT license.
  */
 
@@ -32,7 +32,7 @@ export function DialogContainer(props) {
         onClose: onDismiss,
         isDismissable,
     };
-    return (_jsx(Modal, { isOpen: isActuallyOpened, type: type, isDismissable: isDismissable, isKeyboardDismissDisabled: isKeyboardDismissDisabled, onClose: isDismissable ? onDismiss : undefined, children: _jsx(DialogContext.Provider, { value: context, children: child }) }));
+    return (_jsx(Modal, { isOpen: isActuallyOpened, type: type, isDismissable: isDismissable, isKeyboardDismissDisabled: isKeyboardDismissDisabled, onClose: isDismissable ? onDismiss : undefined, children: _jsx(DialogContext.Provider, { value: context, children: child }, void 0) }, void 0));
 }
 
         

package/es/components/overlays/Dialog/DialogForm.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.21.0
+ * @cube-dev/ui-kit v0.22.1
  * Released under the MIT license.
  */
 
@@ -30,13 +30,13 @@ export function DialogForm(props) {
             form?.resetFields();
         }
     }
-    return (_jsxs(Dialog, { qa: `${qa || ''}Dialog`, size: size, closeIcon: closeIcon, ...dialogProps, children: [_jsx(Header, { children: _jsx(Title, { ellipsis: true, children: title }) }), _jsx(Content, { children: _jsxs(Form, { qa: qa || 'DialogForm', form: form, name: name, defaultValues: defaultValues, labelStyles: labelStyles, labelPosition: labelPosition, requiredMark: requiredMark, isRequired: isRequired, necessityIndicator: necessityIndicator, necessityLabel: necessityLabel, isReadOnly: isReadOnly, validationState: validationState, validateTrigger: validateTrigger, onSubmit: async (data) => {
+    return (_jsxs(Dialog, { qa: `${qa || ''}Dialog`, size: size, closeIcon: closeIcon, ...dialogProps, children: [_jsx(Header, { children: _jsx(Title, { ellipsis: true, children: title }, void 0) }, void 0), _jsx(Content, { children: _jsxs(Form, { qa: qa || 'DialogForm', form: form, name: name, defaultValues: defaultValues, labelStyles: labelStyles, labelPosition: labelPosition, requiredMark: requiredMark, isRequired: isRequired, necessityIndicator: necessityIndicator, necessityLabel: necessityLabel, isReadOnly: isReadOnly, validationState: validationState, validateTrigger: validateTrigger, onSubmit: async (data) => {
                         await onSubmit?.(data);
                         onClose?.();
                         if (!preserve) {
                             form?.resetFields();
                         }
-                    }, onSubmitFailed: onSubmitFailed, onValuesChange: onValuesChange, children: [typeof children === 'function' ? children(onLocalDismiss) : children, !noActions ? (_jsxs(ButtonGroup, { children: [_jsx(Submit, { qa: `${qa || ''}SubmitButton`, theme: danger ? 'danger' : undefined, label: "Submit", ...(submitProps || {}) }), _jsx(Button, { qa: `${qa || ''}CancelButton`, label: "Cancel", onPress: onLocalDismiss, ...(cancelProps || {}) })] })) : undefined] }) })] }));
+                    }, onSubmitFailed: onSubmitFailed, onValuesChange: onValuesChange, children: [typeof children === 'function' ? children(onLocalDismiss) : children, !noActions ? (_jsxs(ButtonGroup, { children: [_jsx(Submit, { qa: `${qa || ''}SubmitButton`, theme: danger ? 'danger' : undefined, label: "Submit", ...(submitProps || {}) }, void 0), _jsx(Button, { qa: `${qa || ''}CancelButton`, label: "Cancel", onPress: onLocalDismiss, ...(cancelProps || {}) }, void 0)] }, void 0)) : undefined] }, void 0) }, void 0)] }, void 0));
 }
 
         

package/es/components/overlays/Dialog/DialogTrigger.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.21.0
+ * @cube-dev/ui-kit v0.22.1
  * Released under the MIT license.
  */
 
@@ -51,7 +51,7 @@ function DialogTrigger(props) {
         }
     }
     if (type === 'popover') {
-        return (_jsx(PopoverTrigger, { ...positionProps, hideOnClose: hideOnClose, state: state, targetRef: targetRef, trigger: trigger, content: content, isKeyboardDismissDisabled: isKeyboardDismissDisabled, hideArrow: hideArrow, shouldCloseOnInteractOutside: shouldCloseOnInteractOutside, onClose: onClose }));
+        return (_jsx(PopoverTrigger, { ...positionProps, hideOnClose: hideOnClose, state: state, targetRef: targetRef, trigger: trigger, content: content, isKeyboardDismissDisabled: isKeyboardDismissDisabled, hideArrow: hideArrow, shouldCloseOnInteractOutside: shouldCloseOnInteractOutside, onClose: onClose }, void 0));
     }
     let renderOverlay = () => {
         switch (type) {
@@ -59,12 +59,12 @@ function DialogTrigger(props) {
             case 'fullscreen':
             case 'fullscreenTakeover':
             case 'modal':
-                return (_jsx(Modal, { hideOnClose: hideOnClose, isOpen: state.isOpen, isDismissable: isDismissable, type: type, isKeyboardDismissDisabled: isKeyboardDismissDisabled, styles: styles, shouldCloseOnInteractOutside: shouldCloseOnInteractOutside, onClose: onClose, onExiting: onExiting, onExited: onExited, children: typeof content === 'function' ? content(state.close) : content }));
+                return (_jsx(Modal, { hideOnClose: hideOnClose, isOpen: state.isOpen, isDismissable: isDismissable, type: type, isKeyboardDismissDisabled: isKeyboardDismissDisabled, styles: styles, shouldCloseOnInteractOutside: shouldCloseOnInteractOutside, onClose: onClose, onExiting: onExiting, onExited: onExited, children: typeof content === 'function' ? content(state.close) : content }, void 0));
             case 'tray':
-                return (_jsx(Tray, { hideOnClose: hideOnClose, isOpen: state.isOpen, isKeyboardDismissDisabled: isKeyboardDismissDisabled, styles: styles, onClose: onClose, children: typeof content === 'function' ? content(state.close) : content }));
+                return (_jsx(Tray, { hideOnClose: hideOnClose, isOpen: state.isOpen, isKeyboardDismissDisabled: isKeyboardDismissDisabled, styles: styles, onClose: onClose, children: typeof content === 'function' ? content(state.close) : content }, void 0));
         }
     };
-    return (_jsx(DialogTriggerBase, { type: type, state: state, isDismissable: isDismissable, trigger: trigger, overlay: renderOverlay(), onClose: onClose }));
+    return (_jsx(DialogTriggerBase, { type: type, state: state, isDismissable: isDismissable, trigger: trigger, overlay: renderOverlay(), onClose: onClose }, void 0));
 }
 /**
  * DialogTrigger serves as a wrapper around a Dialog and its associated trigger, linking the Dialog's
@@ -92,8 +92,8 @@ function PopoverTrigger(allProps) {
         ...triggerProps,
         ref: targetRef ? undefined : triggerRef,
     };
-    let overlay = (_jsx(Popover, { ref: overlayRef, hideOnClose: hideOnClose, isOpen: state.isOpen, style: popoverProps.style, placement: placement, arrowProps: arrowProps, isKeyboardDismissDisabled: isKeyboardDismissDisabled, hideArrow: hideArrow, updatePosition: updatePosition, shouldCloseOnInteractOutside: shouldCloseOnInteractOutside, onClose: onClose, children: typeof content === 'function' ? content(state.close) : content }));
-    return (_jsx(DialogTriggerBase, { type: "popover", state: state, triggerProps: triggerPropsWithRef, dialogProps: overlayProps, trigger: trigger, overlay: overlay, onClose: onClose }));
+    let overlay = (_jsx(Popover, { ref: overlayRef, hideOnClose: hideOnClose, isOpen: state.isOpen, style: popoverProps.style, placement: placement, arrowProps: arrowProps, isKeyboardDismissDisabled: isKeyboardDismissDisabled, hideArrow: hideArrow, updatePosition: updatePosition, shouldCloseOnInteractOutside: shouldCloseOnInteractOutside, onClose: onClose, children: typeof content === 'function' ? content(state.close) : content }, void 0));
+    return (_jsx(DialogTriggerBase, { type: "popover", state: state, triggerProps: triggerPropsWithRef, dialogProps: overlayProps, trigger: trigger, overlay: overlay, onClose: onClose }, void 0));
 }
 function DialogTriggerBase(props) {
     let { type, state, onClose, isDismissable, dialogProps = {}, triggerProps = {}, overlay, trigger, } = props;
@@ -106,7 +106,7 @@ function DialogTriggerBase(props) {
     return (_jsxs(Fragment, { children: [_jsx(PressResponder, { ...triggerProps, isPressed: state.isOpen &&
                     type !== 'modal' &&
                     type !== 'fullscreen' &&
-                    type !== 'fullscreenTakeover', onPress: state.toggle, children: trigger }), _jsx(DialogContext.Provider, { value: context, children: overlay })] }));
+                    type !== 'fullscreenTakeover', onPress: state.toggle, children: trigger }, void 0), _jsx(DialogContext.Provider, { value: context, children: overlay }, void 0)] }, void 0));
 }
 
         

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

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

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.21.0
+ * @cube-dev/ui-kit v0.22.1
  * Released under the MIT license.
  */
 
@@ -72,7 +72,7 @@ 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 }), _jsx(ModalWrapper, { ref: domRef, qa: qa, type: type, overlayProps: overlayProps, styles: styles, onClose: onClose, children: children })] }));
+    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));
 }
 let ModalWrapper = forwardRef(function ModalWrapper(props, ref) {
     let { qa, children, isOpen, type, placement, styles, overlayProps, transitionState, ...otherProps } = props;
@@ -84,7 +84,7 @@ let ModalWrapper = forwardRef(function ModalWrapper(props, ref) {
                 exiting: transitionState === 'exiting',
                 exited: transitionState === 'exited',
                 entered: transitionState === 'entered',
-            }, "data-type": type, "data-placement": placement, ...mergeProps(otherProps, overlayProps, modalProps), ref: ref, children: children }) }));
+            }, "data-type": type, "data-placement": placement, ...mergeProps(otherProps, overlayProps, modalProps), ref: ref, children: children }, void 0) }, void 0));
 });
 let _Modal = forwardRef(Modal);
 export { _Modal as Modal };

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.21.0
+ * @cube-dev/ui-kit v0.22.1
  * Released under the MIT license.
  */
 
@@ -21,7 +21,7 @@ export function OpenTransition(props) {
                 cloneElement(child, {
                     isOpen: !!OPEN_STATES[state],
                     transitionState: state,
-                })) })) }));
+                })) }, void 0)) }, void 0));
 }
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.21.0
+ * @cube-dev/ui-kit v0.22.1
  * Released under the MIT license.
  */
 
@@ -30,7 +30,7 @@ function Overlay(props, ref) {
             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 }) }));
+    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));
     return createPortal(contents, container || root || document.body);
 }
 let _Overlay = forwardRef(Overlay);

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.21.0
+ * @cube-dev/ui-kit v0.22.1
  * Released under the MIT license.
  */
 
@@ -39,7 +39,7 @@ const PopoverElement = tasty({
 });
 function Popover(props, ref) {
     let { qa, style, styles, children, placement, arrowProps, onClose, shouldCloseOnBlur, isKeyboardDismissDisabled, isNonModal, isDismissable = true, updatePosition, shouldCloseOnInteractOutside, ...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, shouldCloseOnInteractOutside: shouldCloseOnInteractOutside, onClose: onClose, children: children }) }));
+    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, shouldCloseOnInteractOutside: shouldCloseOnInteractOutside, onClose: onClose, children: children }, void 0) }, void 0));
 }
 const PopoverWrapper = forwardRef(function PopoverWrapper(props, ref) {
     let { qa, children, placement = 'bottom', arrowProps, isOpen, style, styles, shouldCloseOnBlur, isKeyboardDismissDisabled, isNonModal, isDismissable, updatePosition, transitionState, ...otherProps } = props;
@@ -60,7 +60,7 @@ const PopoverWrapper = forwardRef(function PopoverWrapper(props, ref) {
             exiting: transitionState === 'exiting',
             exited: transitionState === 'exited',
             entered: transitionState === 'entered',
-        }, "data-placement": placement, style: style, children: children }));
+        }, "data-placement": placement, style: style, children: children }, void 0));
 });
 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.21.0
+ * @cube-dev/ui-kit v0.22.1
  * Released under the MIT license.
  */
 
@@ -45,7 +45,7 @@ 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 }), _jsx(TrayWrapper, { ref: domRef, qa: qa, overlayProps: overlayProps, isFixedHeight: isFixedHeight, isNonModal: isNonModal, styles: styles, onClose: onClose, children: children })] }));
+    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 TrayWrapper(props, ref) {
     let { qa, children, isOpen, styles, isFixedHeight, isNonModal, overlayProps, transitionState, ...otherProps } = props;
@@ -63,7 +63,7 @@ let TrayWrapper = forwardRef(function TrayWrapper(props, ref) {
                 exited: transitionState === 'exited',
                 entered: transitionState === 'entered',
                 'fixed-height': isFixedHeight,
-            }, ...domProps, ...modalProps, ref: ref, children: children }) }));
+            }, ...domProps, ...modalProps, ref: ref, children: children }, void 0) }, void 0));
 });
 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.21.0
+ * @cube-dev/ui-kit v0.22.1
  * 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 }));
+        }, ...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.21.0
+ * @cube-dev/ui-kit v0.22.1
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.21.0
+ * @cube-dev/ui-kit v0.22.1
  * 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.21.0
+ * @cube-dev/ui-kit v0.22.1
  * 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 }) }));
+            }, 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.21.0
+ * @cube-dev/ui-kit v0.22.1
  * Released under the MIT license.
  */
 
@@ -30,7 +30,7 @@ const NotificationsContainer = tasty({
         padding: '2x',
         gap: '1x',
         /* to be sure that we're over the legacy modal and any widget as well */
-        zIndex: '2147483647',
+        zIndex: 2147483647,
         overflow: 'hidden',
         isolation: 'isolate',
         pointerEvents: 'none',
@@ -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 }) }, notification.props.id))) }) }));
+    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));
 }
 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.21.0
+ * @cube-dev/ui-kit v0.22.1
  * 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 }) }));
+    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));
 }
 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.21.0
+ * @cube-dev/ui-kit v0.22.1
  * 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.21.0
+ * @cube-dev/ui-kit v0.22.1
  * 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" });
+    return _jsx(DialogTrigger, { ...dialogTriggerProps, type: "popover" }, void 0);
 }
 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 }) }), _jsx(StyledDialogContent, { children: _jsx(ClearSlots, { children: children }) })] }));
+    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));
 }
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.21.0
+ * @cube-dev/ui-kit v0.22.1
  * 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.21.0
+ * @cube-dev/ui-kit v0.22.1
  * 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 });
+    return _jsx(Notification, { type: "success", ...props }, void 0);
 };
 Notification.Danger = function NotificationDanger(props) {
-    return _jsx(Notification, { type: "danger", ...props });
+    return _jsx(Notification, { type: "danger", ...props }, void 0);
 };
 Notification.Attention = function NotificationAttention(props) {
-    return _jsx(Notification, { type: "attention", ...props });
+    return _jsx(Notification, { type: "attention", ...props }, void 0);
 };
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.21.0
+ * @cube-dev/ui-kit v0.22.1
  * 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 }));
+    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.21.0
+ * @cube-dev/ui-kit v0.22.1
  * 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, {}),
+    icon: _jsx(Cross, {}, void 0),
     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 });
+    return _jsx(CloseButton, { 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.21.0
+ * @cube-dev/ui-kit v0.22.1
  * 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 }));
+        }), children: description }, void 0));
 });
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.21.0
+ * @cube-dev/ui-kit v0.22.1
  * 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.21.0
+ * @cube-dev/ui-kit v0.22.1
  * 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 });
+    return _jsx(Header, { ...headerProps, children: header }, void 0);
 });
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.21.0
+ * @cube-dev/ui-kit v0.22.1
  * 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] })) }));
+            }, children: iconsByType[type] }, void 0)) }, void 0));
 });
 const iconsByType = {
-    attention: _jsx(Attention, {}),
-    success: _jsx(Success, {}),
-    danger: _jsx(Danger, {}),
+    attention: _jsx(Attention, {}, void 0),
+    success: _jsx(Success, {}, void 0),
+    danger: _jsx(Danger, {}, void 0),
 };
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.21.0
+ * @cube-dev/ui-kit v0.22.1
  * 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 }));
+    return (_jsx(NotificationContext.Provider, { value: value, children: children }, void 0));
 }
 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.21.0
+ * @cube-dev/ui-kit v0.22.1
  * 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 }), _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 }))] }) }) }));
+    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));
 });
 
         

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

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