@cube-dev/ui-kit 0.0.0-canary-8ca04ef → 0.0.0-canary-dae9b2f

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-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * 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,56 +1,54 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useCallback, useRef } from 'react';
+import { useCallback, useRef } from 'react';
 import { CSSTransition } from 'react-transition-group';
-import { tasty } from '../../../../tasty/index.js';
+import styled from 'styled-components';
 const CSS_TRANSITION_CLASS_NAME = 'cube-notifications-css-transition';
 const TRANSITION_TIMEOUT = 250;
-const TransitionElement = tasty({
-    styles: {
-        transitionProperty: 'height, opacity, margin-top, margin-bottom',
-        transitionDuration: `${TRANSITION_TIMEOUT}ms`,
-        transitionTimingFunction: 'cubic-bezier(0.34, 1.56, 0.64, 1)',
-        height: {
-            [`.${CSS_TRANSITION_CLASS_NAME}-enter`]: 0,
-            [`.${CSS_TRANSITION_CLASS_NAME}-enter-active`]: '$notification-size',
-            [`.${CSS_TRANSITION_CLASS_NAME}-exit`]: '$notification-size',
-            [`.${CSS_TRANSITION_CLASS_NAME}-exit-active`]: 0,
-        },
-        opacity: {
-            [`.${CSS_TRANSITION_CLASS_NAME}-enter`]: 0,
-            [`.${CSS_TRANSITION_CLASS_NAME}-enter-active`]: 1,
-            [`.${CSS_TRANSITION_CLASS_NAME}-exit`]: 1,
-            [`.${CSS_TRANSITION_CLASS_NAME}-exit-active`]: 0,
-        },
-        willChange: {
-            [`.${CSS_TRANSITION_CLASS_NAME}-enter`]: 'height, opacity',
-            [`.${CSS_TRANSITION_CLASS_NAME}-enter-active`]: 'height, opacity',
-            [`.${CSS_TRANSITION_CLASS_NAME}-exit`]: 'height, opacity, margin-top',
-            [`.${CSS_TRANSITION_CLASS_NAME}-exit-active`]: 'height, opacity',
-        },
-        marginTop: {
-            [`.${CSS_TRANSITION_CLASS_NAME}-exit-active`]: '-1x',
-        },
-    },
-});
-const TransitionWrapper = forwardRef(function TransitionWrapper({ children }, ref) {
-    return _jsx(TransitionElement, { ref: ref, children: children });
-});
 export function TransitionComponent(props) {
     const { children, ...transitionProps } = props;
     const notificationRef = useRef(null);
     const calculateNotificationSize = useCallback(() => {
         if (notificationRef.current) {
-            notificationRef.current.style.setProperty('--notification-size', `${notificationRef.current.scrollHeight}px`);
+            notificationRef.current.style.setProperty('--__notification-size__', `${notificationRef.current.scrollHeight}px`);
         }
     }, []);
-    return (_jsx(CSSTransition, { unmountOnExit: true, mountOnEnter: true, nodeRef: notificationRef, timeout: TRANSITION_TIMEOUT, classNames: CSS_TRANSITION_CLASS_NAME, onEnter: calculateNotificationSize, onExit: calculateNotificationSize, ...transitionProps, children: _jsx(TransitionWrapper, { ref: notificationRef, children: children }) }));
+    return (_jsx(CSSTransition, { unmountOnExit: true, mountOnEnter: true, nodeRef: notificationRef, timeout: TRANSITION_TIMEOUT, classNames: CSS_TRANSITION_CLASS_NAME, onEnter: calculateNotificationSize, onExit: calculateNotificationSize, ...transitionProps, children: _jsx(Transition, { ref: notificationRef, children: children }) }));
 }
+const Transition = styled.div `
+  transition-property: height, opacity, margin-top, margin-bottom;
+  transition-duration: ${TRANSITION_TIMEOUT}ms;
+  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
+
+  &.${CSS_TRANSITION_CLASS_NAME} {
+    &-enter {
+      height: 0;
+      opacity: 0;
+      will-change: height, opacity;
+    }
+    &-enter-active {
+      height: var(--__notification-size__);
+      opacity: 1;
+      will-change: height, opacity;
+    }
+    &-exit {
+      height: var(--__notification-size__);
+      opacity: 1;
+      will-change: height, opacity, margin-top;
+    }
+    &-exit-active {
+      margin-top: -8px;
+      height: 0;
+      opacity: 0;
+      will-change: height, opacity;
+    }
+  }
+`;
 
         

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-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * 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-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * 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-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * 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-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * 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-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * 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-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * 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-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * 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-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * 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-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * 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',

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

@@ -1,14 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { memo } from 'react';
-import { tasty } from '../../../../tasty/index.js';
-import { Title } from '../../../content/Title.js';
+import { tasty } from '../../../../tasty';
+import { Title } from '../../../content/Title';
 const Header = tasty(Title, {
     as: 'div',
     preset: 'h6',

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

@@ -1,15 +1,15 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { memo } from 'react';
-import { DangerIcon, ExclamationIcon } from '../../../../icons/index.js';
-import { wrapIcon } from '../../../../icons/wrap-icon.js';
-import { tasty } from '../../../../tasty/index.js';
+import { DangerIcon, ExclamationIcon } from '../../../../icons';
+import { wrapIcon } from '../../../../icons/wrap-icon';
+import { tasty } from '../../../../tasty';
 export const SuccessIcon = wrapIcon('SuccessIcon', _jsx("svg", { fill: "currentColor", viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "m13.67 5.88-5.8 5.8a1.1 1.1 0 0 1-1.55 0l-3-3a1.1 1.1 0 0 1 1.56-1.55l2.21 2.21 5.03-5.02a1.1 1.1 0 0 1 1.55 1.56Z" }) }));
 const IconContainer = tasty({
     styles: {

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

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

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

@@ -1,24 +1,24 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { useFocusRing, useHover } from 'react-aria';
-import { useEvent, useTimer } from '../../../../_internal/index.js';
-import { tasty } from '../../../../tasty/index.js';
-import { ClearSlots, mergeProps } from '../../../../utils/react/index.js';
-import { useId } from '../../../../utils/react/useId.js';
-import { useNotificationsDialogContext } from '../Dialog/NotificationsDialogContext.js';
-import { NotificationCloseButton } from './NotificationCloseButton.js';
-import { NotificationDescription } from './NotificationDescription.js';
-import { NotificationFooter } from './NotificationFooter.js';
-import { NotificationHeader } from './NotificationHeader.js';
-import { NotificationIcon } from './NotificationIcon.js';
-import { NotificationProvider } from './NotificationProvider.js';
+import { useEvent, useTimer } from '../../../../_internal';
+import { tasty } from '../../../../tasty';
+import { ClearSlots, mergeProps } from '../../../../utils/react';
+import { useId } from '../../../../utils/react/useId';
+import { useNotificationsDialogContext } from '../Dialog/NotificationsDialogContext';
+import { NotificationCloseButton } from './NotificationCloseButton';
+import { NotificationDescription } from './NotificationDescription';
+import { NotificationFooter } from './NotificationFooter';
+import { NotificationHeader } from './NotificationHeader';
+import { NotificationIcon } from './NotificationIcon';
+import { NotificationProvider } from './NotificationProvider';
 const NotificationContainer = tasty({
     styles: {
         boxSizing: 'border-box',

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

@@ -1,11 +1,11 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
-export * from './NotificationView.js';
-export * from './NotificationAction.js';
+export * from './NotificationView';
+export * from './NotificationAction';
 
         

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

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

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

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

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

@@ -1,16 +1,16 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from 'react';
-import { Portal } from '../../../portal/index.js';
-import { NotificationsBar } from '../Bar/index.js';
-import { NotificationsContext } from './NotificationsContext.js';
-import { useNotifications } from './use-notifications.js';
+import { Portal } from '../../../portal';
+import { NotificationsBar } from '../Bar';
+import { NotificationsContext } from './NotificationsContext';
+import { useNotifications } from './use-notifications';
 export function NotificationsProvider(props) {
     const { children, rootRef } = props;
     const { notifications, api, addOnDismissListener, onDismissNotification } = useNotifications(rootRef);

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

@@ -1,11 +1,11 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
-export { NotificationsProvider } from './NotificationsProvider.js';
-export { NotificationsContext } from './NotificationsContext.js';
+export { NotificationsProvider } from './NotificationsProvider';
+export { NotificationsContext } from './NotificationsContext';
 
         

package/es/components/overlays/NewNotifications/NotificationsContext/use-notifications.js

@@ -1,12 +1,12 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
 import { useEffect, useMemo, useRef, useState } from 'react';
-import { useEvent } from '../../../../_internal/index.js';
+import { useEvent } from '../../../../_internal';
 const DISMISS_EVENT_NAME = 'cube:notification:dismiss';
 export function useNotifications(rootRef) {
     const idPrefix = useMemo(() => new Date().getTime(), []);

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

@@ -1,16 +1,16 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useRef } from 'react';
 import { Item } from 'react-stately';
-import { tasty } from '../../../../tasty/index.js';
-import { useNotificationsList } from '../hooks/index.js';
-import { NotificationListItem } from './NotificationsListItem.js';
+import { tasty } from '../../../../tasty';
+import { useNotificationsList } from '../hooks';
+import { NotificationListItem } from './NotificationsListItem';
 const NotificationListContainer = tasty({
     qa: 'NotificationsList',
     styles: { boxSizing: 'border-box', width: '100%' },

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

@@ -1,16 +1,16 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useRef } from 'react';
-import { useEvent } from '../../../../_internal/index.js';
-import { tasty } from '../../../../tasty/index.js';
-import { useNotificationListItem } from '../hooks/index.js';
-import { NotificationView } from '../NotificationView/index.js';
+import { useEvent } from '../../../../_internal';
+import { tasty } from '../../../../tasty';
+import { useNotificationListItem } from '../hooks';
+import { NotificationView } from '../NotificationView';
 const NotificationListItemWrap = tasty({
     styles: { borderBottom: { '': '1bw solid #border', ':last-child': 'none' } },
 });

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

@@ -1,10 +1,10 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
-export * from './NotificationsList.js';
+export * from './NotificationsList';
 
         

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

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

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

@@ -1,14 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
-export * from './use-notifications-list.js';
-export * from './use-notification-list-item.js';
-export * from './use-notifications-api.js';
-export * from './use-notifications-observer.js';
-export * from './types.js';
+export * from './use-notifications-list';
+export * from './use-notification-list-item';
+export * from './use-notifications-api';
+export * from './use-notifications-observer';
+export * from './types';
 
         

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

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

package/es/components/overlays/NewNotifications/hooks/use-notification-list-item.js

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

package/es/components/overlays/NewNotifications/hooks/use-notifications-api.js

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
 import { useContext } from 'react';
 import invariant from 'tiny-invariant';
-import { NotificationsContext } from '../NotificationsContext/index.js';
+import { NotificationsContext } from '../NotificationsContext';
 export function useNotificationsApi() {
     const context = useContext(NotificationsContext);
     invariant(context !== null, "You can't use Notifications outside of the <Root /> component. Please, check if your component is descendant of <Root/> component");

package/es/components/overlays/NewNotifications/hooks/use-notifications-list.js

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

package/es/components/overlays/NewNotifications/hooks/use-notifications-observer.js

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
 import { useContext, useEffect } from 'react';
-import { useEvent } from '../../../../_internal/index.js';
-import { NotificationsContext } from '../NotificationsContext/index.js';
+import { useEvent } from '../../../../_internal';
+import { NotificationsContext } from '../NotificationsContext';
 export function useNotificationsObserver(callback) {
     const { addOnDismissListener } = useContext(NotificationsContext) ?? {};
     const callbackEvent = useEvent(callback);