@cube-dev/ui-kit 0.113.1 → 0.114.0

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

@@ -1,54 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.113.1
- * 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';
-const NotificationContainer = tasty({
-    styles: {
-        overflow: 'hidden',
-        radius: '1cr',
-        shadow: true,
-        pointerEvents: 'auto',
-    },
-});
-/**
- * @internal This component is unstable and must not be used outside of `NotificationsBar`.
- */
-export const FloatingNotification = memo(function FloatingNotification(props) {
-    const { item, state, onRemoveNotification, id, isDisabledTimer, onDismissNotification, } = props;
-    const { props: notificationProps, key } = item;
-    const ref = useRef(null);
-    const onCloseEvent = useChainedCallback(() => onRemoveNotification(id), notificationProps.onClose);
-    const chainedOnDismiss = useChainedCallback(() => onDismissNotification(id), () => onRemoveNotification(id), notificationProps.onDismiss);
-    const onKeyDown = useEvent(({ key }) => {
-        if (notificationProps.isDismissible === false) {
-            return;
-        }
-        const closeKeys = ['Delete', 'Backspace', 'Escape'];
-        if (closeKeys.includes(key)) {
-            chainedOnDismiss();
-        }
-    });
-    const { itemProps } = useNotificationListItem({ key, ref, state });
-    const { timer } = useTimer({
-        callback: chainedOnDismiss,
-        delay: notificationProps.duration,
-        isDisabled: isDisabledTimer,
-    });
-    return (_jsx(NotificationContainer, { children: _jsx(NotificationView, { ref: ref, ...notificationProps, timer: timer, attributes: {
-                ...itemProps,
-                onKeyDown,
-                role: 'status',
-                'aria-atomic': 'true',
-            }, qa: "FloatingNotification", onDismiss: chainedOnDismiss, onClose: onCloseEvent }) }));
-});
-
-        

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

@@ -1,95 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.113.1
- * Released under the MIT license.
- */
-
-import { jsx as _jsx } from "react/jsx-runtime";
-import { focusSafely } from '@react-aria/focus';
-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';
-const NotificationsContainer = tasty({
-    styles: {
-        boxSizing: 'border-box',
-        position: 'fixed',
-        bottom: 'env(safe-area-inset-bottom, 0)',
-        right: 'env(safe-area-inset-right, 0)',
-        display: 'flex',
-        flexDirection: 'column-reverse',
-        width: 'auto 100% 50x',
-        height: '100dvh max',
-        padding: '2x',
-        gap: '1x',
-        /* to be sure that we're over the legacy modal and any widget as well */
-        zIndex: 2147483647,
-        overflow: 'hidden',
-        isolation: 'isolate',
-        pointerEvents: 'none',
-    },
-});
-/**
- * @internal Do not use it
- */
-export function NotificationsBar(props) {
-    const { items, children, onRemoveNotification, onDismissNotification, limit = 5, } = props;
-    const ref = useRef(null);
-    const [realLimit, setRealLimit] = useState(limit + 1);
-    const lastShownIdRef = useRef(null);
-    const { listProps, state } = useNotificationsList({ items, children, ref });
-    const { hoverProps, isHovered } = useHover({});
-    const { focusProps, isFocusVisible } = useFocusRing({ within: true });
-    const moveFocus = useEvent((key) => {
-        const nextKey = state.collection.getKeyBefore(key.toString()) ??
-            state.collection.getKeyAfter(key.toString()) ??
-            state.collection.getLastKey();
-        const elementToFocus = ref.current?.querySelector(`[data-id="${nextKey}"]`);
-        if (elementToFocus) {
-            focusSafely(elementToFocus);
-        }
-    });
-    const chainedOnRemoveNotification = useChainedCallback(onRemoveNotification, moveFocus);
-    let collection = [...state.collection].reverse();
-    const collectionLength = collection.length;
-    const lastShownNotificationIndex = collection.findIndex((notification) => notification.props.id === lastShownIdRef.current);
-    if (lastShownNotificationIndex !== -1) {
-        collection = collection.slice(0, lastShownNotificationIndex);
-    }
-    /**
-     * Handy hack to improve animations if the limit is reached.
-     */
-    useLayoutEffect(() => {
-        setRealLimit(limit + 1);
-    }, [collectionLength]);
-    useLayoutEffect(() => {
-        if (realLimit > limit) {
-            setRealLimit(limit);
-        }
-    }, [realLimit]);
-    // Set the last notification that was gone off the limit
-    collection.slice(realLimit).forEach((notification) => {
-        // It's safe 'cause there is always only a single notification above the limit
-        lastShownIdRef.current = notification.props.id;
-    });
-    useEffect(() => {
-        // Auto-dismiss the last shown notification that was off the limit
-        if (lastShownIdRef.current) {
-            onDismissNotification(lastShownIdRef.current);
-            onRemoveNotification(lastShownIdRef.current);
-            const lastNotification = collection.find((notification) => notification.props.id === lastShownIdRef.current);
-            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))) }) }));
-}
-NotificationsBar.Item = Item;
-
-        

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

@@ -1,56 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.113.1
- * Released under the MIT license.
- */
-
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useCallback, useRef } from 'react';
-import { CSSTransition } from 'react-transition-group';
-import { tasty } from '../../../../tasty/index.js';
-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`);
-        }
-    }, []);
-    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 }) }));
-}
-
-        

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

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

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

@@ -1,19 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.113.1
- * Released under the MIT license.
- */
-
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext } from 'react';
-export const NotificationsDialogContext = createContext(null);
-export function NotificationsDialogProvider({ children, }) {
-    return (_jsx(NotificationsDialogContext.Provider, { value: { insideNotificationsDialog: true }, children: children }));
-}
-export function useNotificationsDialogContext() {
-    const context = useContext(NotificationsDialogContext);
-    return context?.insideNotificationsDialog ?? false;
-}
-
-        

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

@@ -1,38 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.113.1
- * 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';
-export function NotificationsDialogTrigger(props) {
-    const { onCloseNotificationInBar, ...dialogTriggerProps } = props;
-    useNotificationsObserver((args) => onCloseNotificationInBar?.(args));
-    return _jsx(DialogTrigger, { ...dialogTriggerProps, type: "popover" });
-}
-const StyledDialog = tasty(Dialog, { height: 'auto calc(100vh - 12x)' });
-const StyledDialogContent = tasty(Flex, {
-    styles: {
-        flow: 'column',
-        placeItems: 'start start',
-        scrollbar: 'styled',
-        height: '100%',
-        radius: '0.5x',
-        overflow: 'auto',
-    },
-});
-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(NotificationsDialogProvider, { children: _jsx(ClearSlots, { children: children }) }) })] }));
-}
-
-        

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

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

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

@@ -1,41 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.113.1
- * 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';
-/**
- * Declarative wrap over the `useNotificationsApi` hook
- */
-export function Notification(props) {
-    const { id: propsId, disableRemoveOnUnmount = false } = props;
-    const defaultId = useId();
-    const disableRemoveOnUnmountRef = useSyncRef(disableRemoveOnUnmount);
-    const { notify, update, remove } = useNotificationsApi();
-    const id = propsId ?? defaultId;
-    const removeNotification = useEvent((id) => disableRemoveOnUnmountRef.current ? void 0 : remove(id));
-    useEffect(() => {
-        notify({ id, ...props });
-        // We can safety ignore props, bc we update notification in the another effect, this effect only mounts a notification.
-    }, [id]);
-    useEffect(() => () => removeNotification(id), [id, removeNotification]);
-    useEffect(() => update(id, props));
-    return null;
-}
-Notification.Success = function NotificationSuccess(props) {
-    return _jsx(Notification, { type: "success", ...props });
-};
-Notification.Danger = function NotificationDanger(props) {
-    return _jsx(Notification, { type: "danger", ...props });
-};
-Notification.Attention = function NotificationAttention(props) {
-    return _jsx(Notification, { type: "attention", ...props });
-};
-
-        

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

@@ -1,41 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.113.1
- * 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';
-const Action = tasty(Button, {
-    styles: {
-        display: 'block',
-        whiteSpace: 'nowrap',
-        textOverflow: 'ellipsis',
-        overflow: 'hidden',
-        color: {
-            '': '#primary-text',
-            primary: '#primary-text',
-            secondary: '#dark-03',
-        },
-    },
-});
-/**
- * @internal This component is unstable and must not be used outside of `NotificationView`.
- */
-export function NotificationAction(props) {
-    const { children, onPress, type = 'primary', disableCloseOnAction = type !== 'primary', ...buttonProps } = props;
-    const { onClose } = useNotificationContext();
-    const onPressEvent = useEvent((e) => {
-        onPress?.(e);
-        if (!disableCloseOnAction) {
-            onClose?.();
-        }
-    });
-    return (_jsx(Action, { ...buttonProps, type: "link", mods: { primary: type === 'primary', secondary: type === 'secondary' }, onPress: onPressEvent, children: children }));
-}
-
-        

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

@@ -1,25 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.113.1
- * 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';
-const CloseButton = tasty(Button, {
-    icon: _jsx(CloseIcon, {}),
-    label: 'Close the notification',
-    qa: 'NotificationCloseButton',
-    type: 'neutral',
-    styles: { gridArea: 'close', display: 'flex' },
-});
-export const NotificationCloseButton = memo(function NotificationCloseButton(props) {
-    const { onPress } = props;
-    return _jsx(CloseButton, { onPress: onPress });
-});
-
-        

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

@@ -1,36 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.113.1
- * 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';
-const Description = tasty(Paragraph, {
-    as: 'p',
-    preset: 't4',
-    styles: {
-        gridArea: 'description',
-        display: '-webkit-box',
-        '-webkit-line-clamp': 3,
-        '-webkit-box-orient': 'vertical',
-        overflow: 'hidden',
-    },
-});
-/**
- * @internal This component is unstable and must not be used outside of `NotificationView`.
- */
-export const NotificationDescription = memo(function NotificationDescription(props) {
-    const { description, ...descriptionProps } = props;
-    return (_jsx(Description, { ...mergeProps(descriptionProps, {
-            // To make a proper user selection
-            onPointerDown: (e) => e.stopPropagation(),
-            onMouseDown: (e) => e.stopPropagation(),
-        }), children: description }));
-});
-
-        

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

@@ -1,60 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.113.1
- * Released under the MIT license.
- */
-
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { isValidElement, memo } from 'react';
-import * as flattenModule from 'react-keyed-flatten-children';
-import { tasty } from '../../../../tasty/index.js';
-import { ButtonGroup } from '../../../actions/index.js';
-// Handle CJS/ESM interop - the package exports via `exports.default`
-// Vite's __toESM can create nested default: { default: fn } structure
-const flatten = (() => {
-    const mod = flattenModule;
-    if (typeof mod === 'function')
-        return mod;
-    if (typeof mod.default === 'function')
-        return mod.default;
-    if (mod.default &&
-        typeof mod.default === 'object' &&
-        'default' in mod.default &&
-        typeof mod.default.default === 'function') {
-        return mod.default.default;
-    }
-    throw new Error('Failed to resolve react-keyed-flatten-children');
-})();
-const FooterArea = tasty(ButtonGroup, {
-    styles: {
-        gridArea: 'footer',
-        gap: '1x 2x',
-        flow: 'row wrap',
-        margin: {
-            '': '0.5x top',
-            'has-description': '1x top',
-            ':empty': '0',
-        },
-    },
-});
-/**
- * @internal This component is unstable and must not be used outside of `NotificationView`.
- */
-export const NotificationFooter = memo(function NotificationFooter(props) {
-    const { actions, onClose, onDismiss, hasDescription } = props;
-    return (_jsx(FooterArea, { mods: { 'has-description': hasDescription }, children: flatten(typeof actions === 'function'
-            ? actions({ onClose, onDismiss })
-            : actions)
-            .filter((action) => isValidElement(action))
-            .map((action, index) => {
-            const { props } = action;
-            const defaultType = index === 0 ? 'primary' : 'secondary';
-            return React.cloneElement(action, {
-                ...props,
-                type: props.type ?? defaultType,
-            }, props.children);
-        }) }));
-});
-
-        

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

@@ -1,31 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.113.1
- * 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';
-const Header = tasty(Title, {
-    as: 'div',
-    preset: 'h6',
-    styles: {
-        gridArea: 'header',
-        cursor: 'default',
-        '&:not(:empty)': {
-            margin: '0.25x 0 0.5x',
-        },
-    },
-});
-/**
- * @internal This component is unstable and must not be used outside of `NotificationView`.
- */
-export const NotificationHeader = memo(function NotificationHeader(props) {
-    const { header, ...headerProps } = props;
-    return _jsx(Header, { ...headerProps, children: header });
-});
-
-        

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

@@ -1,69 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.113.1
- * 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';
-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: {
-        boxSizing: 'border-box',
-        display: 'flex',
-        alignSelf: 'start',
-        gridArea: 'icon',
-        minHeight: '3x',
-        placeContent: 'center',
-    },
-});
-const IconPreset = tasty({
-    styles: {
-        boxSizing: 'border-box',
-        display: 'flex',
-        fill: {
-            '': '#warning-bg',
-            attention: '#warning-bg',
-            success: '#success-bg',
-            danger: '#danger-bg',
-        },
-        color: {
-            '': '#warning-text',
-            attention: '#warning-text',
-            success: '#success-text',
-            danger: '#danger-text',
-        },
-        radius: '1r',
-        width: '3x',
-        height: '3x',
-        padding: '0.5x',
-        alignItems: 'center',
-        justifyContent: 'center',
-        '& svg': {
-            width: '100%',
-            height: '100%',
-        },
-    },
-});
-/**
- * @internal This component is unstable and must not be used outside of `NotificationView`.
- */
-export const NotificationIcon = memo(function NotificationIcon(props) {
-    const { icon, type } = props;
-    return (_jsx(IconContainer, { children: icon ? (icon) : (_jsx(IconPreset, { mods: {
-                attention: type === 'attention',
-                success: type === 'success',
-                danger: type === 'danger',
-            }, children: iconsByType[type] })) }));
-});
-const iconsByType = {
-    attention: _jsx(ExclamationIcon, {}),
-    success: _jsx(SuccessIcon, {}),
-    danger: _jsx(DangerIcon, {}),
-};
-
-        

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

@@ -1,25 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.113.1
- * Released under the MIT license.
- */
-
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext } from 'react';
-import invariant from 'tiny-invariant';
-const NotificationContext = createContext(null);
-/**
- * @internal This component is unstable and must not be used outside of `NotificationView`.
- */
-export function NotificationProvider(props) {
-    const { children, ...value } = props;
-    return (_jsx(NotificationContext.Provider, { value: value, children: children }));
-}
-export function useNotificationContext() {
-    const context = useContext(NotificationContext);
-    invariant(context, 'This component cannot be used outside of <Notification />');
-    return context;
-}
-
-