@ozen-ui/kit 0.0.1

package/__inner__/esm/components/Slider/components/SliderMark.js

@@ -0,0 +1,12 @@
+import { __assign, __rest } from "tslib";
+import './SliderMark.css';
+import React from 'react';
+import { cn } from '../../../utils/classname';
+export var cnSliderMark = cn('SliderMark');
+export var SliderMark = function (_a) {
+    var label = _a.label, hideMark = _a.hideMark, style = _a.style, position = _a.position, other = __rest(_a, ["label", "hideMark", "style", "position"]);
+    return (React.createElement("span", __assign({ className: cnSliderMark(), style: __assign({ '--slider-mark-position': "".concat(position, "%") }, style) }, other),
+        !hideMark && React.createElement("span", { className: cnSliderMark('Mark') }),
+        (!!label || label === 0) && (React.createElement("span", { className: cnSliderMark('Label') }, label))));
+};
+SliderMark.displayName = 'SliderMark';

package/__inner__/esm/components/Slider/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SliderMark';
+export * from './types';

package/__inner__/esm/components/Slider/components/index.js

@@ -0,0 +1,2 @@
+export * from './SliderMark';
+export * from './types';

package/__inner__/esm/components/Slider/components/types.d.ts

@@ -0,0 +1,6 @@
+import type { HTMLAttributes } from 'react';
+export type SliderMarkProps = {
+    label?: string | number;
+    position?: number;
+    hideMark?: boolean;
+} & HTMLAttributes<HTMLSpanElement>;

package/__inner__/esm/components/Slider/components/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/Slider/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const SLIDER_DEFAULT_SIZE = "l";
+export declare const SLIDER_DEFAULT_DISABLED = false;
+export declare const SLIDER_DEFAULT_DISABLE_TOOLTIP = false;
+export declare const SLIDER_DEFAULT_TAG = "div";

package/__inner__/esm/components/Slider/constants.js

@@ -0,0 +1,4 @@
+export var SLIDER_DEFAULT_SIZE = 'l';
+export var SLIDER_DEFAULT_DISABLED = false;
+export var SLIDER_DEFAULT_DISABLE_TOOLTIP = false;
+export var SLIDER_DEFAULT_TAG = 'div';

package/__inner__/esm/components/Slider/index.d.ts

@@ -0,0 +1,2 @@
+export * from './types';
+export * from './Slider';

package/__inner__/esm/components/Slider/index.js

@@ -0,0 +1,2 @@
+export * from './types';
+export * from './Slider';

package/__inner__/esm/components/Slider/types.d.ts

@@ -0,0 +1,48 @@
+import type { ElementType, ComponentPropsWithRef, ChangeEvent } from 'react';
+import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
+import type { TooltipProps } from '../Tooltip';
+import { SLIDER_DEFAULT_TAG } from './constants';
+export declare const sliderSizeVariant: readonly ["m", "l"];
+export type SliderSizeVariant = (typeof sliderSizeVariant)[number];
+export type SliderValue = number;
+export type SliderMark = {
+    value: SliderValue;
+    label?: string | number;
+};
+export type SliderMarks = SliderMark[];
+export type SliderRenderTooltipValue = (value: number | undefined) => TooltipProps['children'];
+export type SliderBaseProps = {
+    /** Свойство регулирующее минимально значение слайдера */
+    min: number;
+    /** Свойство регулирующее максимальное значение слайдера */
+    max: number;
+    /** Шаг бегунка слайдера */
+    step: number;
+    /** Свойство регулирующее размер слайдера */
+    size?: SliderSizeVariant;
+    /** Текущее значение слайдера */
+    value?: SliderValue;
+    /** Значение слайдера по умолчанию */
+    defaultValue?: SliderValue;
+    /** Функция обратного вызова, которая вызывается при изменении значения компонента */
+    onChange?: (event: ChangeEvent<HTMLInputElement>, payload: {
+        value: number;
+    }) => void;
+    /** Если {true} блокирует взаимодействие с компонентом */
+    disabled?: boolean;
+    /** Свойства-аттрибуты элемента input */
+    inputProps?: ComponentPropsWithRef<'input'>;
+    /** Если {true} отключает появление тултипа при взаимодействии со слайдером */
+    disableTooltip?: boolean;
+    /** Рендер-функция для значения тултипа */
+    renderTooltipValue?: SliderRenderTooltipValue;
+    /** Свойства компонента Tooltip */
+    tooltipProps?: Partial<TooltipProps>;
+    /** Массив объектов описывающих засечки на шкале слайдера */
+    marks?: SliderMarks;
+    /** Дополнительные CSS-классы */
+    className?: string;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+};
+export type SliderProps<As extends ElementType = typeof SLIDER_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<SliderBaseProps, As>;

package/__inner__/esm/components/Slider/types.js

@@ -0,0 +1 @@
+export var sliderSizeVariant = ['m', 'l'];

package/__inner__/esm/components/Slider/utils/getPositionOnRail.d.ts

@@ -0,0 +1,5 @@
+export declare const getPositionOnRail: ({ value, min, max, }: {
+    value?: number | undefined;
+    min: number;
+    max: number;
+}) => number;

package/__inner__/esm/components/Slider/utils/getPositionOnRail.js

@@ -0,0 +1,7 @@
+export var getPositionOnRail = function (_a) {
+    var value = _a.value, min = _a.min, max = _a.max;
+    if (!value) {
+        return 0;
+    }
+    return (value - min) / ((max - min) / 100);
+};

package/__inner__/esm/components/Slider/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './getPositionOnRail';

package/__inner__/esm/components/Slider/utils/index.js

@@ -0,0 +1 @@
+export * from './getPositionOnRail';

package/__inner__/esm/components/Snackbar/SnackbarContext.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { SnackbarContextValue } from './types';
+export declare const SnackbarContext: React.Context<SnackbarContextValue>;
+export declare const useSnackbar: () => SnackbarContextValue;

package/__inner__/esm/components/Snackbar/SnackbarContext.js

@@ -0,0 +1,10 @@
+import React, { useContext } from 'react';
+export var SnackbarContext = React.createContext({
+    pushMessage: function () { return ''; },
+    closeMessage: function () { return undefined; }
+});
+export var useSnackbar = function () { return useContext(SnackbarContext); };
+// Именованный провайдер
+if (process.env.NODE_ENV !== 'production') {
+    SnackbarContext.displayName = 'SnackbarContext';
+}

package/__inner__/esm/components/Snackbar/SnackbarProvider.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { SnackbarProps, SnackbarRef } from './components';
+import type { SnackbarCommonProps } from './types';
+export declare const cnSnackbar: import("@bem-react/classname").ClassNameFormatter;
+export type SnackbarProviderRef = SnackbarRef;
+export type SnackbarProviderProps = Partial<SnackbarProps> & SnackbarCommonProps & {
+    /** Максимальное количество одновременно отображенных сообщений */
+    maxMessages?: number;
+};
+export declare const SnackbarProvider: React.ForwardRefExoticComponent<Omit<SnackbarProviderProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/Snackbar/SnackbarProvider.js

@@ -0,0 +1,83 @@
+import { __assign, __read, __rest, __spreadArray } from "tslib";
+import React, { forwardRef, useCallback, useReducer, useEffect, useMemo, } from 'react';
+import { useThemeProps } from '../../hooks/useThemeProps';
+import { cn } from '../../utils/classname';
+import { generateUniqKey } from '../../utils/generateUniqKey';
+import { Snackbar, SnackbarItem } from './components';
+import { SNACKBAR_DEFAULT_ANCHOR_ORIGIN, SNACKBAR_DEFAULT_MAX_MESSAGES, SNACKBAR_DEFAULT_CONTAINER, SNACKBAR_DEFAULT_LIFETIME, SNACKBAR_ITEM_DEFAULT_STATUS, SNACKBAR_DEFAULT_DISABLE_WINDOW_BLUR_LISTENER, } from './constants';
+import { SnackbarContext } from './SnackbarContext';
+import { snackbarReducer } from './store';
+export var cnSnackbar = cn('Snackbar');
+export var SnackbarProvider = forwardRef(function (inProps, ref) {
+    var props = useThemeProps({
+        props: inProps,
+        name: 'SnackbarProvider'
+    });
+    var _a = props.anchorOrigin, anchorOrigin = _a === void 0 ? SNACKBAR_DEFAULT_ANCHOR_ORIGIN : _a, _b = props.maxMessages, maxMessages = _b === void 0 ? SNACKBAR_DEFAULT_MAX_MESSAGES : _b, _c = props.container, container = _c === void 0 ? SNACKBAR_DEFAULT_CONTAINER : _c, _d = props.lifetime, lifetime = _d === void 0 ? SNACKBAR_DEFAULT_LIFETIME : _d, _e = props.disableWindowBlurListener, disableWindowBlurListener = _e === void 0 ? SNACKBAR_DEFAULT_DISABLE_WINDOW_BLUR_LISTENER : _e, _f = props.status, status = _f === void 0 ? SNACKBAR_ITEM_DEFAULT_STATUS : _f, className = props.className, children = props.children, other = __rest(props, ["anchorOrigin", "maxMessages", "container", "lifetime", "disableWindowBlurListener", "status", "className", "children"]);
+    var providerProps = useMemo(function () { return ({
+        status: status,
+        anchorOrigin: anchorOrigin,
+        maxMessages: maxMessages,
+        lifetime: lifetime,
+        disableWindowBlurListener: disableWindowBlurListener
+    }); }, [status, anchorOrigin, maxMessages, lifetime, disableWindowBlurListener]);
+    var _g = __read(useReducer(snackbarReducer, {
+        providerProps: providerProps,
+        messages: [],
+        queue: []
+    }), 2), state = _g[0], dispatch = _g[1];
+    var messagesByAnchorOrigin = state.messages.reduce(function (acc, message) {
+        var _a;
+        var anchorOrigin = message.anchorOrigin;
+        var originKey = "".concat(anchorOrigin.horizontal, "-").concat(anchorOrigin.vertical);
+        var currentOriginMessages = acc[originKey] || [];
+        var isVerticalOriginTop = (anchorOrigin === null || anchorOrigin === void 0 ? void 0 : anchorOrigin.vertical) === 'top';
+        return __assign(__assign({}, acc), (_a = {}, _a[originKey] = __spreadArray(__spreadArray(__spreadArray([], __read(((!isVerticalOriginTop && currentOriginMessages) || [])), false), [
+            message
+        ], false), __read(((isVerticalOriginTop && currentOriginMessages) || [])), false), _a));
+    }, {});
+    var pushMessage = useCallback(function (pushMessageProps) {
+        var messageId = pushMessageProps.messageId || generateUniqKey();
+        dispatch({
+            type: 'push-message',
+            payload: __assign(__assign({}, pushMessageProps), { messageId: messageId })
+        });
+        return messageId;
+    }, []);
+    var closeMessage = useCallback(function (messageId) {
+        dispatch({ type: 'close-message', payload: messageId });
+    }, []);
+    var handleExitedSnackbarItem = function (messageId) {
+        dispatch({ type: 'delete-message', payload: messageId });
+    };
+    var handleEnteredSnackbarItem = function (messageId) {
+        dispatch({ type: 'message-opening-done', payload: messageId });
+    };
+    useEffect(function () {
+        dispatch({ type: 'update-messages-from-queue' });
+    }, [state]);
+    useEffect(function () {
+        dispatch({ type: 'set-provider-props', payload: providerProps });
+    }, [providerProps]);
+    var context = useMemo(function () { return ({ pushMessage: pushMessage, closeMessage: closeMessage }); }, []);
+    var snackbars = Object.keys(messagesByAnchorOrigin).map(function (origin) {
+        var messages = messagesByAnchorOrigin[origin];
+        return (React.createElement(Snackbar, __assign({}, other, { key: origin, anchorOrigin: messages[0].anchorOrigin, className: className, container: container, ref: ref }), messages.map(function (message) { return (React.createElement(SnackbarItem, __assign({}, message, { key: message.key, onClose: function (messageId) {
+                var _a;
+                closeMessage(messageId);
+                (_a = message.onClose) === null || _a === void 0 ? void 0 : _a.call(message, messageId);
+            }, onExited: function (messageId) {
+                var _a;
+                handleExitedSnackbarItem(messageId);
+                (_a = message.onExited) === null || _a === void 0 ? void 0 : _a.call(message, messageId);
+            }, onEntered: function (messageId) {
+                var _a;
+                handleEnteredSnackbarItem(messageId);
+                (_a = message.onEntered) === null || _a === void 0 ? void 0 : _a.call(message, messageId);
+            } }))); })));
+    });
+    return (React.createElement(SnackbarContext.Provider, { value: context },
+        children,
+        snackbars));
+});
+SnackbarProvider.displayName = 'SnackbarProvider';

package/__inner__/esm/components/Snackbar/components/Snackbar/Snackbar.css

@@ -0,0 +1,29 @@
+.Snackbar {
+  position: fixed;
+  inline-size: 400px;
+  min-block-size: 0;
+  display: flex;
+  flex-direction: column;
+  z-index: var(--z-index-snackbar);
+}
+
+  .Snackbar_anchorHorizontal_left {
+      inset-inline-start: var(--space-m);
+    }
+
+  .Snackbar_anchorHorizontal_right {
+      inset-inline-end: var(--space-m);
+    }
+
+  .Snackbar_anchorHorizontal_center {
+      inset-inline-start: 50%;
+      transform: translateX(-50%);
+    }
+
+  .Snackbar_anchorVertical_top {
+      inset-block-start: var(--space-m);
+    }
+
+  .Snackbar_anchorVertical_bottom {
+      inset-block-end: var(--space-m);
+    }

package/__inner__/esm/components/Snackbar/components/Snackbar/Snackbar.d.ts

@@ -0,0 +1,11 @@
+import './Snackbar.css';
+import React from 'react';
+import { type PortalProps, type PortalRef } from '../../../Portal';
+import type { SnackbarAnchorOrigin } from '../../index';
+export declare const cnSnackbar: import("@bem-react/classname").ClassNameFormatter;
+export type SnackbarRef = PortalRef;
+export type SnackbarProps = PortalProps & {
+    /** Расположение сообщения относительно контейнера */
+    anchorOrigin: SnackbarAnchorOrigin;
+};
+export declare const Snackbar: React.ForwardRefExoticComponent<Omit<SnackbarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/Snackbar/components/Snackbar/Snackbar.js

@@ -0,0 +1,18 @@
+import { __assign, __rest } from "tslib";
+import './Snackbar.css';
+import React, { forwardRef, useRef } from 'react';
+import { useMultiRef } from '../../../../hooks/useMultiRef';
+import { cn } from '../../../../utils/classname';
+import { Portal } from '../../../Portal';
+import { useSnackbarManager } from './SnackbarManager';
+export var cnSnackbar = cn('Snackbar');
+export var Snackbar = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, _b = _a.anchorOrigin, vertical = _b.vertical, horizontal = _b.horizontal, other = __rest(_a, ["children", "className", "anchorOrigin"]);
+    var popoverRef = useRef(null);
+    useSnackbarManager(popoverRef, 1100);
+    return (React.createElement(Portal, __assign({ ref: useMultiRef([ref, popoverRef]), className: cnSnackbar({
+            anchorHorizontal: horizontal,
+            anchorVertical: vertical
+        }, [className]) }, other), children));
+});
+Snackbar.displayName = 'Snackbar';

package/__inner__/esm/components/Snackbar/components/Snackbar/SnackbarManager.d.ts

@@ -0,0 +1,2 @@
+import { type RefObject } from 'react';
+export declare function useSnackbarManager(ref: RefObject<HTMLElement>, key: number): void;

package/__inner__/esm/components/Snackbar/components/Snackbar/SnackbarManager.js

@@ -0,0 +1,11 @@
+import { useEffect } from 'react';
+import { usePortalManager } from '../../../Portal/PortalManager';
+export function useSnackbarManager(ref, key) {
+    var _a = usePortalManager(), add = _a.add, remove = _a.remove;
+    useEffect(function () {
+        add({ ref: ref, key: key });
+        return function () {
+            remove(ref);
+        };
+    }, []);
+}

package/__inner__/esm/components/Snackbar/components/Snackbar/index.d.ts

@@ -0,0 +1 @@
+export * from './Snackbar';

package/__inner__/esm/components/Snackbar/components/Snackbar/index.js

@@ -0,0 +1 @@
+export * from './Snackbar';

package/__inner__/esm/components/Snackbar/components/SnackbarItem/SnackbarItem.css

@@ -0,0 +1,47 @@
+.SnackbarContainer .SnackbarItem-Collapse {
+  overflow: visible;
+}
+
+.SnackbarItem {
+  --snackbar-item-transform-transition: 0;
+  --snackbar-item-opacity-transition: 0;
+  transition: transform var(--snackbar-item-transform-transition) ease,
+    opacity var(--snackbar-item-opacity-transition) ease;
+  padding: var(--space-xs);
+}
+
+.SnackbarItem_anchorVertical_top {
+    transform: translateY(-100%);
+    transform-origin: top;
+  }
+
+.SnackbarItem_animation-enter,
+    .SnackbarItem_animation-appear {
+      opacity: 0;
+    }
+
+.SnackbarItem_animation-enter-active,
+    .SnackbarItem_animation-appear-active {
+      opacity: 1;
+      transform: translateY(0);
+    }
+
+.SnackbarItem_animation-enter-done {
+      opacity: 1;
+      transform: translateY(0);
+    }
+
+.SnackbarItem_animation-exit {
+      opacity: 1;
+      transform: translateY(0);
+    }
+
+.SnackbarItem_animation-exit-active {
+      opacity: 0;
+      transform: translateY(0);
+    }
+
+.SnackbarItem_animation-exit-done {
+      opacity: 0;
+      transform: translateY(0);
+    }

package/__inner__/esm/components/Snackbar/components/SnackbarItem/SnackbarItem.d.ts

@@ -0,0 +1,22 @@
+import './SnackbarItem.css';
+import React from 'react';
+export declare const cnSnackbarItem: import("@bem-react/classname").ClassNameFormatter;
+export declare const SnackbarItem: React.ForwardRefExoticComponent<{
+    title: React.ReactNode;
+    key: string;
+    lifetime: number;
+    open: boolean;
+    opening: boolean;
+    messageId: import("../..").SnackbarMessageId;
+    anchorOrigin: import("../..").SnackbarAnchorOrigin;
+    rootProps?: (React.HTMLAttributes<HTMLDivElement> & {
+        'data-testid'?: string | undefined;
+    }) | undefined;
+    description?: React.ReactNode;
+    onClose?: ((messageId: import("../..").SnackbarMessageId) => void) | undefined;
+    onExit?: ((messageId: import("../..").SnackbarMessageId) => void) | undefined;
+    onExited?: ((messageId: import("../..").SnackbarMessageId) => void) | undefined;
+    onEnter?: ((messageId: import("../..").SnackbarMessageId) => void) | undefined;
+    onEntered?: ((messageId: import("../..").SnackbarMessageId) => void) | undefined;
+    renderContent?: ((props: import("./types").SnackbarItemRenderContentProps) => React.ReactNode) | undefined;
+} & Required<import("../..").SnackbarCommonProps> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/Snackbar/components/SnackbarItem/SnackbarItem.js

@@ -0,0 +1,93 @@
+import { __assign, __read } from "tslib";
+import './SnackbarItem.css';
+import React, { forwardRef } from 'react';
+import { CSSTransition } from 'react-transition-group';
+import { useBoolean } from '../../../../hooks/useBoolean';
+import { useEventListener } from '../../../../hooks/useEventListener';
+import { useTimer } from '../../../../hooks/useTimer';
+import { cn } from '../../../../utils/classname';
+import { Alert } from '../../../Alert';
+import { Collapse } from '../../../Collapse';
+import { SNACKBAR_ITEM_COLLAPSE_TRANSITION_TIMEOUT, SNACKBAR_ITEM_CONTENT_TRANSITION_TIMEOUT, } from '../../constants';
+export var cnSnackbarItem = cn('SnackbarItem');
+export var SnackbarItem = forwardRef(function (_a, ref) {
+    var title = _a.title, status = _a.status, description = _a.description, rootProps = _a.rootProps, messageId = _a.messageId, renderContentProp = _a.renderContent, open = _a.open, opening = _a.opening, disableWindowBlurListener = _a.disableWindowBlurListener, lifetime = _a.lifetime, anchorOrigin = _a.anchorOrigin, onClose = _a.onClose, onExited = _a.onExited, onEntered = _a.onEntered, onEnter = _a.onEnter, onExit = _a.onExit;
+    var _b = __read(useBoolean(true), 2), expanded = _b[0], collapseItem = _b[1].off;
+    var horizontal = anchorOrigin.horizontal, vertical = anchorOrigin.vertical;
+    var handleClose = function () {
+        onClose === null || onClose === void 0 ? void 0 : onClose(messageId);
+    };
+    // TODO: Может понадобиться оставшееся время
+    var renderContent = function () {
+        if (typeof renderContentProp !== 'function') {
+            return null;
+        }
+        return renderContentProp({
+            status: status,
+            anchorOrigin: anchorOrigin,
+            disableWindowBlurListener: disableWindowBlurListener,
+            title: title,
+            description: description,
+            messageId: messageId,
+            open: open,
+            opening: opening,
+            lifetime: lifetime,
+            close: handleClose
+        });
+    };
+    var handleCollapseExited = function () {
+        onExited === null || onExited === void 0 ? void 0 : onExited(messageId);
+    };
+    var timer = useTimer({
+        startTime: lifetime,
+        interval: 1000,
+        onTimerEnd: handleClose
+    });
+    // При lifetime={0} startTimer/pauseTimer тоже не вызываются
+    var startTimer = lifetime ? timer.startTimer : function () { return undefined; };
+    var pauseTimer = lifetime ? timer.pauseTimer : function () { return undefined; };
+    var handleEntered = function () {
+        onEntered === null || onEntered === void 0 ? void 0 : onEntered(messageId);
+        startTimer();
+    };
+    var handleMouseEnter = function (event) {
+        var _a;
+        (_a = rootProps === null || rootProps === void 0 ? void 0 : rootProps.onMouseEnter) === null || _a === void 0 ? void 0 : _a.call(rootProps, event);
+        pauseTimer();
+    };
+    var handleMouseLeave = function (event) {
+        var _a;
+        (_a = rootProps === null || rootProps === void 0 ? void 0 : rootProps.onMouseLeave) === null || _a === void 0 ? void 0 : _a.call(rootProps, event);
+        startTimer();
+    };
+    useEventListener({
+        eventName: 'focus',
+        handler: startTimer,
+        active: !disableWindowBlurListener && open
+    });
+    useEventListener({
+        eventName: 'blur',
+        handler: pauseTimer,
+        active: !disableWindowBlurListener && open
+    });
+    return (React.createElement(Collapse, __assign({ ref: ref }, rootProps, { className: cnSnackbarItem('Collapse', [rootProps === null || rootProps === void 0 ? void 0 : rootProps.className]), timeout: SNACKBAR_ITEM_COLLAPSE_TRANSITION_TIMEOUT, expanded: expanded, onExited: handleCollapseExited, onEntered: 
+        // У кого дольше анимация тот и вызывает
+        SNACKBAR_ITEM_COLLAPSE_TRANSITION_TIMEOUT >
+            SNACKBAR_ITEM_CONTENT_TRANSITION_TIMEOUT
+            ? handleEntered
+            : undefined, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, appear: true }),
+        React.createElement(CSSTransition, { "in": open, classNames: cnSnackbarItem({ animation: true }), timeout: SNACKBAR_ITEM_CONTENT_TRANSITION_TIMEOUT, onEnter: function () { return onEnter === null || onEnter === void 0 ? void 0 : onEnter(messageId); }, onExit: function () { return onExit === null || onExit === void 0 ? void 0 : onExit(messageId); }, onExited: collapseItem, onEntered: 
+            // У кого дольше анимация тот и вызывает
+            SNACKBAR_ITEM_COLLAPSE_TRANSITION_TIMEOUT <=
+                SNACKBAR_ITEM_CONTENT_TRANSITION_TIMEOUT
+                ? handleEntered
+                : undefined, appear: true },
+            React.createElement("div", { style: {
+                    '--snackbar-item-transform-transition': "".concat(SNACKBAR_ITEM_COLLAPSE_TRANSITION_TIMEOUT, "ms"),
+                    '--snackbar-item-opacity-transition': "".concat(SNACKBAR_ITEM_CONTENT_TRANSITION_TIMEOUT, "ms")
+                }, className: cnSnackbarItem({
+                    anchorHorizontal: horizontal,
+                    anchorVertical: vertical
+                }) }, renderContent() || (React.createElement(Alert, { color: "dark", title: title, status: status, onClose: handleClose }, description))))));
+});
+SnackbarItem.displayName = 'SnackbarItem';

package/__inner__/esm/components/Snackbar/components/SnackbarItem/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SnackbarItem';
+export * from './types';

package/__inner__/esm/components/Snackbar/components/SnackbarItem/index.js

@@ -0,0 +1,2 @@
+export * from './SnackbarItem';
+export * from './types';

package/__inner__/esm/components/Snackbar/components/SnackbarItem/types.d.ts

@@ -0,0 +1,51 @@
+/// <reference types="react" />
+import type { ReactNode, HTMLAttributes } from 'React';
+import type { SnackbarMessageId, SnackbarCommonProps, SnackbarAnchorOrigin } from '../../types';
+export type SnackbarItemRenderContentProps = {
+    /** Id сообщения */
+    messageId: SnackbarMessageId;
+    /** Заголовок сообщения */
+    title: ReactNode;
+    /** Описание сообщения */
+    /** Если {true} сообщение считается открытым */
+    open: boolean;
+    /** Если {true} сообщение находится в процессе открытия */
+    opening: boolean;
+    /** Callback для программного закрытия сообщения */
+    close: () => void;
+    description?: ReactNode;
+} & Required<SnackbarCommonProps>;
+export type SnackbarItemProps = {
+    /** Заголовок сообщения */
+    title: ReactNode;
+    /** Ключ сообщения для маппинга сообщений(если id совпадают) */
+    key: string;
+    /** Через какое время автоматически закроется сообщение */
+    lifetime: number;
+    /** Если {true} сообщение считается открытым */
+    open: boolean;
+    /** Если {true} сообщение находится в процессе открытия */
+    opening: boolean;
+    /** Id сообщения */
+    messageId: SnackbarMessageId;
+    /** Расположение сообщения относительно контейнера */
+    anchorOrigin: SnackbarAnchorOrigin;
+    /** Атрибуты корневого HTML-элемента сообщения */
+    rootProps?: HTMLAttributes<HTMLDivElement> & {
+        'data-testid'?: string;
+    };
+    /** Описание сообщения */
+    description?: ReactNode;
+    /** Callback вызываемый при закрытии сообщения */
+    onClose?: (messageId: SnackbarMessageId) => void;
+    /** Callback вызываемый в начале анимации закрытия сообщения */
+    onExit?: (messageId: SnackbarMessageId) => void;
+    /** Callback вызываемый в конце анимации закрытия сообщения */
+    onExited?: (messageId: SnackbarMessageId) => void;
+    /** Callback вызываемый в начале анимации открытия сообщения */
+    onEnter?: (messageId: SnackbarMessageId) => void;
+    /** Callback вызываемый в конце анимации открытия сообщения */
+    onEntered?: (messageId: SnackbarMessageId) => void;
+    /** Render-функция для кастомизации сообщения */
+    renderContent?: (props: SnackbarItemRenderContentProps) => ReactNode;
+} & Required<SnackbarCommonProps>;

package/__inner__/esm/components/Snackbar/components/SnackbarItem/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/Snackbar/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Snackbar';
+export * from './SnackbarItem';

package/__inner__/esm/components/Snackbar/components/index.js

@@ -0,0 +1,2 @@
+export * from './Snackbar';
+export * from './SnackbarItem';

package/__inner__/esm/components/Snackbar/constants.d.ts

@@ -0,0 +1,9 @@
+import type { SnackbarAnchorOrigin } from './types';
+export declare const SNACKBAR_DEFAULT_ANCHOR_ORIGIN: SnackbarAnchorOrigin;
+export declare const SNACKBAR_DEFAULT_MAX_MESSAGES = 3;
+export declare const SNACKBAR_DEFAULT_DISABLE_WINDOW_BLUR_LISTENER = false;
+export declare const SNACKBAR_DEFAULT_CONTAINER: HTMLElement;
+export declare const SNACKBAR_DEFAULT_LIFETIME = 5000;
+export declare const SNACKBAR_ITEM_DEFAULT_STATUS = "info";
+export declare const SNACKBAR_ITEM_COLLAPSE_TRANSITION_TIMEOUT = 300;
+export declare const SNACKBAR_ITEM_CONTENT_TRANSITION_TIMEOUT = 300;

package/__inner__/esm/components/Snackbar/constants.js

@@ -0,0 +1,11 @@
+export var SNACKBAR_DEFAULT_ANCHOR_ORIGIN = {
+    vertical: 'top',
+    horizontal: 'right'
+};
+export var SNACKBAR_DEFAULT_MAX_MESSAGES = 3;
+export var SNACKBAR_DEFAULT_DISABLE_WINDOW_BLUR_LISTENER = false;
+export var SNACKBAR_DEFAULT_CONTAINER = document.body;
+export var SNACKBAR_DEFAULT_LIFETIME = 5000;
+export var SNACKBAR_ITEM_DEFAULT_STATUS = 'info';
+export var SNACKBAR_ITEM_COLLAPSE_TRANSITION_TIMEOUT = 300;
+export var SNACKBAR_ITEM_CONTENT_TRANSITION_TIMEOUT = 300;

package/__inner__/esm/components/Snackbar/index.d.ts

@@ -0,0 +1,3 @@
+export * from './SnackbarProvider';
+export { useSnackbar } from './SnackbarContext';
+export * from './types';

package/__inner__/esm/components/Snackbar/index.js

@@ -0,0 +1,3 @@
+export * from './SnackbarProvider';
+export { useSnackbar } from './SnackbarContext';
+export * from './types';

package/__inner__/esm/components/Snackbar/store/Snackbar.reducer.d.ts

@@ -0,0 +1,2 @@
+import type { SnackbarState, SnackbarAction } from './types';
+export declare const snackbarReducer: (state: SnackbarState, { type, payload }: SnackbarAction) => SnackbarState;

package/__inner__/esm/components/Snackbar/store/Snackbar.reducer.js

@@ -0,0 +1,26 @@
+import { __assign } from "tslib";
+import { pushMessage, updateMessagesFromQueue, closeMessage, deleteMessage, } from './helpers';
+export var snackbarReducer = function (state, _a) {
+    var type = _a.type, payload = _a.payload;
+    switch (type) {
+        case 'push-message':
+            return pushMessage(state, payload);
+        case 'update-messages-from-queue':
+            return updateMessagesFromQueue(state);
+        case 'close-message':
+            return closeMessage(state, payload);
+        case 'delete-message':
+            return deleteMessage(state, payload);
+        case 'set-provider-props':
+            return __assign(__assign({}, state), { providerProps: payload });
+        case 'message-opening-done':
+            return __assign(__assign({}, state), { messages: state.messages.map(function (messageItem) {
+                    if (messageItem.messageId === payload) {
+                        return __assign(__assign({}, messageItem), { opening: false });
+                    }
+                    return messageItem;
+                }) });
+        default:
+            throw new Error("Unknown SnackbarAction type: ".concat(type));
+    }
+};

package/__inner__/esm/components/Snackbar/store/helpers/closeMessage.d.ts

@@ -0,0 +1,3 @@
+import type { SnackbarMessageId } from '../../types';
+import type { SnackbarState } from '../types';
+export declare const closeMessage: (state: SnackbarState, messageId?: SnackbarMessageId) => SnackbarState;