@cube-dev/ui-kit 0.0.0-canary-a6187c8 → 0.0.0-canary-521eedd

package/es/components/overlays/AlertDialog/AlertDialogZone.js

@@ -1,14 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a6187c8
+ * @cube-dev/ui-kit v0.0.0-canary-521eedd
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Portal } from '../../portal/index.js';
-import { DialogContainer } from '../Dialog/index.js';
-import { AlertDialog } from './AlertDialog.js';
+import { Portal } from '../../portal';
+import { DialogContainer } from '../Dialog';
+import { AlertDialog } from './AlertDialog';
 const PORTAL_KEY = 'AlertDialogZone';
 /**
  * @internal Do not use it

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

@@ -1,12 +1,12 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a6187c8
+ * @cube-dev/ui-kit v0.0.0-canary-521eedd
  * Released under the MIT license.
  */
 
-export * from './AlertDialogApiProvider.js';
-export * from './AlertDialogZone.js';
-export * from './AlertDialog.js';
+export * from './AlertDialogApiProvider';
+export * from './AlertDialogZone';
+export * from './AlertDialog';
 
         

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

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

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

@@ -1,21 +1,21 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a6187c8
+ * @cube-dev/ui-kit v0.0.0-canary-521eedd
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createFocusManager } from '@react-aria/focus';
 import { useDOMRef } from '@react-spectrum/utils';
 import { forwardRef, useEffect, useMemo } from 'react';
-import { DismissButton, useDialog, useMessageFormatter, } from 'react-aria';
-import FocusLock from 'react-focus-lock';
-import { CloseIcon } from '../../../icons/index.js';
-import { BASE_STYLES, BLOCK_STYLES, DIMENSION_STYLES, extractStyles, FLOW_STYLES, tasty, } from '../../../tasty/index.js';
-import { mergeProps, SlotProvider } from '../../../utils/react/index.js';
-import { ItemButton } from '../../actions/index.js';
-import { useOpenTransitionContext } from '../Modal/OpenTransition.js';
-import { useDialogContext } from './context.js';
+import { DismissButton, FocusScope, useDialog, useMessageFormatter, } from 'react-aria';
+import { CloseIcon } from '../../../icons';
+import { BASE_STYLES, BLOCK_STYLES, DIMENSION_STYLES, extractStyles, FLOW_STYLES, tasty, } from '../../../tasty';
+import { mergeProps, SlotProvider } from '../../../utils/react';
+import { ItemButton } from '../../actions';
+import { useOpenTransitionContext } from '../Modal/OpenTransition';
+import { useDialogContext } from './context';
 const STYLES_LIST = [
     ...BASE_STYLES,
     ...DIMENSION_STYLES,
@@ -122,9 +122,10 @@ export const Dialog = forwardRef(function Dialog(props, ref) {
     const content = useMemo(() => {
         return _jsx(DialogContent, { ...props, ref: ref }, "content");
     }, [props, ref]);
+    const shouldContainFocus = isEntered && context.type !== 'panel';
     return (
-    // This component is actually traps the focus inside the dialog.
-    _jsx(FocusLock, { returnFocus: true, autoFocus: false, disabled: !isEntered || context.type === 'panel', children: content }));
+    // This component traps the focus inside the dialog and restores it on close.
+    _jsx(FocusScope, { restoreFocus: true, contain: shouldContainFocus, children: content }));
 });
 const DialogContent = forwardRef(function DialogContent(props, ref) {
     let { type = 'modal', ...contextProps } = useDialogContext();
@@ -146,7 +147,18 @@ const DialogContent = forwardRef(function DialogContent(props, ref) {
             setTimeout(() => {
                 if (domRef.current &&
                     !domRef.current.contains(document.activeElement)) {
-                    domRef.current.querySelector('input[data-autofocus], [data-qa="ButtonGroup"] button[data-type="primary"]')?.focus();
+                    // Priority 1: autofocus input or primary button
+                    const priorityElement = domRef.current.querySelector('input[data-autofocus], button[type="submit"], button[data-type="primary"]');
+                    if (priorityElement) {
+                        priorityElement.focus();
+                    }
+                    else {
+                        // Fallback: focus first tabbable element, or dialog itself
+                        const focusManager = createFocusManager(domRef);
+                        if (!focusManager.focusFirst({ tabbable: true })) {
+                            domRef.current.focus();
+                        }
+                    }
                 }
             });
         }
@@ -198,7 +210,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, tabIndex: undefined, mods: { dismissable: isDismissable }, style: { '--dialog-size': `${sizePxMap[size] || sizePxMap.small}px` }, "data-type": type, "data-size": size, children: [dismissButton, _jsxs(SlotProvider, { slots: slots, children: [isDismissable && (_jsx(CloseButton, { icon: closeIcon || _jsx(CloseIcon, { size: 20 }), 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] || sizePxMap.small}px` }, "data-type": type, "data-size": size, children: [dismissButton, _jsxs(SlotProvider, { slots: slots, children: [isDismissable && (_jsx(CloseButton, { icon: closeIcon || _jsx(CloseIcon, { size: 20 }), label: formatMessage('dismiss'), onPress: () => onDismiss && onDismiss() })), children] })] }));
 });
 
         

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

@@ -1,14 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a6187c8
+ * @cube-dev/ui-kit v0.0.0-canary-521eedd
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Children, isValidElement, useRef, } from 'react';
-import { Modal } from '../Modal/index.js';
-import { DialogContext } from './context.js';
+import { Modal } from '../Modal';
+import { DialogContext } from './context';
 /**
  * A DialogContainer accepts a single Dialog as a child, and manages to show and hide
  * it in a modal.

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

@@ -1,18 +1,18 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a6187c8
+ * @cube-dev/ui-kit v0.0.0-canary-521eedd
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, ButtonGroup } from '../../actions/index.js';
-import { Content } from '../../content/Content.js';
-import { Header } from '../../content/Header.js';
-import { Title } from '../../content/Title.js';
-import { Form, SubmitButton, useForm, } from '../../form/index.js';
-import { useDialogContext } from './context.js';
-import { Dialog } from './Dialog.js';
+import { Button, ButtonGroup } from '../../actions';
+import { Content } from '../../content/Content';
+import { Header } from '../../content/Header';
+import { Title } from '../../content/Title';
+import { Form, SubmitButton, useForm, } from '../../form';
+import { useDialogContext } from './context';
+import { Dialog } from './Dialog';
 /**
  * DialogForms are a specific type of Dialog. They contain forms to fill.
  */

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a6187c8
+ * @cube-dev/ui-kit v0.0.0-canary-521eedd
  * Released under the MIT license.
  */
 
@@ -11,9 +11,9 @@ import { useMediaQuery } from '@react-spectrum/utils';
 import { Fragment, useEffect, useRef } from 'react';
 import { useOverlayPosition, useOverlayTrigger, } from 'react-aria';
 import { useOverlayTriggerState } from 'react-stately';
-import { useCombinedRefs } from '../../../utils/react/index.js';
-import { Modal, Popover, Tray } from '../Modal/index.js';
-import { DialogContext } from './context.js';
+import { useCombinedRefs } from '../../../utils/react/index';
+import { Modal, Popover, Tray } from '../Modal';
+import { DialogContext } from './context';
 /**
  * DialogTrigger serves as a wrapper around a Dialog and its associated trigger, linking the Dialog's
  * open state with the trigger's press state. Additionally, it allows you to customize the type and

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

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

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

@@ -1,14 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a6187c8
+ * @cube-dev/ui-kit v0.0.0-canary-521eedd
  * Released under the MIT license.
  */
 
-export * from './DialogContainer.js';
-export * from './DialogForm.js';
-export * from './DialogTrigger.js';
-export * from './Dialog.js';
-export * from './use-dialog-container.js';
+export * from './DialogContainer';
+export * from './DialogForm';
+export * from './DialogTrigger';
+export * from './Dialog';
+export * from './use-dialog-container';
 
         

package/es/components/overlays/Dialog/use-dialog-container.js

@@ -1,15 +1,15 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a6187c8
+ * @cube-dev/ui-kit v0.0.0-canary-521eedd
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo, useRef, useState, } from 'react';
-import { useEvent } from '../../../_internal/index.js';
-import { mergeProps } from '../../../utils/react/index.js';
-import { DialogContainer } from './DialogContainer.js';
+import { useEvent } from '../../../_internal';
+import { mergeProps } from '../../../utils/react';
+import { DialogContainer } from './DialogContainer';
 /**
  * Generic hook to manage a dialog component.
  *

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-a6187c8
+ * @cube-dev/ui-kit v0.0.0-canary-521eedd
  * Released under the MIT license.
  */
 
@@ -9,10 +9,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useDOMRef } from '@react-spectrum/utils';
 import { forwardRef } from 'react';
 import { useModal, useOverlay, usePreventScroll } from 'react-aria';
-import { tasty } from '../../../tasty/index.js';
-import { mergeProps } from '../../../utils/react/index.js';
-import { Overlay } from './Overlay.js';
-import { Underlay } from './Underlay.js';
+import { tasty } from '../../../tasty';
+import { mergeProps } from '../../../utils/react';
+import { Overlay } from './Overlay';
+import { Underlay } from './Underlay';
 export const OVERLAY_WRAPPER_STYLES = {
     position: 'fixed',
     display: 'grid',

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

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

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

@@ -1,15 +1,15 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a6187c8
+ * @cube-dev/ui-kit v0.0.0-canary-521eedd
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useCallback, useState } from 'react';
 import { createPortal } from 'react-dom';
-import { Provider, useProviderProps } from '../../../provider.js';
-import { OpenTransition } from './OpenTransition.js';
+import { Provider, useProviderProps } from '../../../provider';
+import { OpenTransition } from './OpenTransition';
 function Overlay(props, ref) {
     let { children, isOpen, container = null, onEnter, onEntering, onEntered, onExit, onExiting, onExited, hideOnClose = false, } = props;
     let [exited, setExited] = useState(!isOpen);

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

@@ -1,16 +1,16 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a6187c8
+ * @cube-dev/ui-kit v0.0.0-canary-521eedd
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useEffect } from 'react';
 import { useModal, useOverlay } from 'react-aria';
-import { tasty } from '../../../tasty/index.js';
-import { mergeProps } from '../../../utils/react/index.js';
-import { Overlay } from './Overlay.js';
+import { tasty } from '../../../tasty';
+import { mergeProps } from '../../../utils/react';
+import { Overlay } from './Overlay';
 const PopoverElement = tasty({
     role: 'presentation',
     styles: {

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-a6187c8
+ * @cube-dev/ui-kit v0.0.0-canary-521eedd
  * Released under the MIT license.
  */
 
@@ -9,11 +9,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useDOMRef } from '@react-spectrum/utils';
 import { forwardRef } from 'react';
 import { useModal, useOverlay, usePreventScroll, } from 'react-aria';
-import { tasty } from '../../../tasty/index.js';
-import { mergeProps } from '../../../utils/react/index.js';
-import { OVERLAY_WRAPPER_STYLES } from './Modal.js';
-import { Overlay } from './Overlay.js';
-import { Underlay } from './Underlay.js';
+import { tasty } from '../../../tasty';
+import { mergeProps } from '../../../utils/react';
+import { OVERLAY_WRAPPER_STYLES } from './Modal';
+import { Overlay } from './Overlay';
+import { Underlay } from './Underlay';
 const TrayWrapperElement = tasty({
     qa: 'TrayWrapper',
     styles: {

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

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a6187c8
+ * @cube-dev/ui-kit v0.0.0-canary-521eedd
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { tasty } from '../../../tasty/index.js';
+import { tasty } from '../../../tasty';
 const UnderlayElement = tasty({
     qa: 'Underlay',
     'data-type': 'primary',

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

@@ -1,15 +1,15 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a6187c8
+ * @cube-dev/ui-kit v0.0.0-canary-521eedd
  * Released under the MIT license.
  */
 
-export { Tray } from './Tray.js';
-export { Modal } from './Modal.js';
-export { Overlay } from './Overlay.js';
-export { Underlay } from './Underlay.js';
-export { Popover } from './Popover.js';
-export * from './types.js';
+export { Tray } from './Tray';
+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

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

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

@@ -1,16 +1,16 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a6187c8
+ * @cube-dev/ui-kit v0.0.0-canary-521eedd
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { memo, useRef } from 'react';
-import { useChainedCallback, useEvent, useTimer } from '../../../../_internal/index.js';
-import { tasty } from '../../../../tasty/index.js';
-import { useNotificationListItem, } from '../hooks/index.js';
-import { NotificationView } from '../NotificationView/index.js';
+import { useChainedCallback, useEvent, useTimer } from '../../../../_internal';
+import { tasty } from '../../../../tasty';
+import { useNotificationListItem, } from '../hooks';
+import { NotificationView } from '../NotificationView';
 const NotificationContainer = tasty({
     styles: {
         overflow: 'hidden',

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-a6187c8
+ * @cube-dev/ui-kit v0.0.0-canary-521eedd
  * Released under the MIT license.
  */
 
@@ -11,12 +11,12 @@ import { useEffect, useLayoutEffect, useRef, useState } from 'react';
 import { useFocusRing, useHover } from 'react-aria';
 import { Item } from 'react-stately';
 import { TransitionGroup } from 'react-transition-group';
-import { useChainedCallback, useEvent } from '../../../../_internal/index.js';
-import { tasty } from '../../../../tasty/index.js';
-import { mergeProps } from '../../../../utils/react/index.js';
-import { useNotificationsList } from '../hooks/index.js';
-import { FloatingNotification } from './FloatingNotification.js';
-import { TransitionComponent } from './TransitionComponent.js';
+import { useChainedCallback, useEvent } from '../../../../_internal';
+import { tasty } from '../../../../tasty';
+import { mergeProps } from '../../../../utils/react';
+import { useNotificationsList } from '../hooks';
+import { FloatingNotification } from './FloatingNotification';
+import { TransitionComponent } from './TransitionComponent';
 const NotificationsContainer = tasty({
     styles: {
         boxSizing: 'border-box',

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-a6187c8
+ * @cube-dev/ui-kit v0.0.0-canary-521eedd
  * Released under the MIT license.
  */
 

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

@@ -1,10 +1,10 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a6187c8
+ * @cube-dev/ui-kit v0.0.0-canary-521eedd
  * Released under the MIT license.
  */
 
-export * from './NotificationsBar.js';
+export * from './NotificationsBar';
 
         

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

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

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

@@ -1,19 +1,19 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a6187c8
+ * @cube-dev/ui-kit v0.0.0-canary-521eedd
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { VisuallyHidden } from 'react-aria';
-import { tasty } from '../../../../tasty/index.js';
-import { ClearSlots } from '../../../../utils/react/index.js';
-import { Title } from '../../../content/Title.js';
-import { Flex } from '../../../layout/Flex.js';
-import { Dialog, DialogTrigger, } from '../../Dialog/index.js';
-import { useNotificationsObserver } from '../hooks/index.js';
-import { NotificationsDialogProvider } from './NotificationsDialogContext.js';
+import { tasty } from '../../../../tasty';
+import { ClearSlots } from '../../../../utils/react';
+import { Title } from '../../../content/Title';
+import { Flex } from '../../../layout/Flex';
+import { Dialog, DialogTrigger, } from '../../Dialog';
+import { useNotificationsObserver } from '../hooks';
+import { NotificationsDialogProvider } from './NotificationsDialogContext';
 export function NotificationsDialogTrigger(props) {
     const { onCloseNotificationInBar, ...dialogTriggerProps } = props;
     useNotificationsObserver((args) => onCloseNotificationInBar?.(args));

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

@@ -1,10 +1,10 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a6187c8
+ * @cube-dev/ui-kit v0.0.0-canary-521eedd
  * Released under the MIT license.
  */
 
-export * from './NotificationsDialogTrigger.js';
+export * from './NotificationsDialogTrigger';
 
         

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

@@ -1,15 +1,15 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a6187c8
+ * @cube-dev/ui-kit v0.0.0-canary-521eedd
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect } from 'react';
-import { useEvent, useSyncRef } from '../../../_internal/index.js';
-import { useId } from '../../../utils/react/useId.js';
-import { useNotificationsApi } from './hooks/index.js';
+import { useEvent, useSyncRef } from '../../../_internal';
+import { useId } from '../../../utils/react/useId';
+import { useNotificationsApi } from './hooks';
 /**
  * Declarative wrap over the `useNotificationsApi` hook
  */

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

@@ -1,15 +1,15 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a6187c8
+ * @cube-dev/ui-kit v0.0.0-canary-521eedd
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useEvent } from '../../../../_internal/index.js';
-import { tasty } from '../../../../tasty/index.js';
-import { Button } from '../../../actions/index.js';
-import { useNotificationContext } from './NotificationProvider.js';
+import { useEvent } from '../../../../_internal';
+import { tasty } from '../../../../tasty';
+import { Button } from '../../../actions';
+import { useNotificationContext } from './NotificationProvider';
 const Action = tasty(Button, {
     styles: {
         display: 'block',

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

@@ -1,15 +1,15 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a6187c8
+ * @cube-dev/ui-kit v0.0.0-canary-521eedd
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { memo } from 'react';
-import { CloseIcon } from '../../../../icons/index.js';
-import { tasty } from '../../../../tasty/index.js';
-import { Button } from '../../../actions/index.js';
+import { CloseIcon } from '../../../../icons';
+import { tasty } from '../../../../tasty';
+import { Button } from '../../../actions';
 const CloseButton = tasty(Button, {
     icon: _jsx(CloseIcon, {}),
     label: 'Close the notification',

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

@@ -1,15 +1,15 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a6187c8
+ * @cube-dev/ui-kit v0.0.0-canary-521eedd
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { memo } from 'react';
-import { tasty } from '../../../../tasty/index.js';
-import { mergeProps } from '../../../../utils/react/index.js';
-import { Paragraph } from '../../../content/Paragraph.js';
+import { tasty } from '../../../../tasty';
+import { mergeProps } from '../../../../utils/react';
+import { Paragraph } from '../../../content/Paragraph';
 const Description = tasty(Paragraph, {
     as: 'p',
     preset: 't4',

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

@@ -1,15 +1,15 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a6187c8
+ * @cube-dev/ui-kit v0.0.0-canary-521eedd
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { isValidElement, memo } from 'react';
 import flatten from 'react-keyed-flatten-children';
-import { tasty } from '../../../../tasty/index.js';
-import { ButtonGroup } from '../../../actions/index.js';
+import { tasty } from '../../../../tasty';
+import { ButtonGroup } from '../../../actions';
 const FooterArea = tasty(ButtonGroup, {
     styles: {
         gridArea: 'footer',