@consta/uikit 5.13.0 → 5.14.0

package/__internal__/src/components/Slider/SliderInput/SliderInput.d.ts

@@ -1,15 +1,15 @@
-import './SliderInput.css';
-import React from 'react';
-import { TextFieldProps } from '../../TextField/TextField';
-declare type Props = Omit<TextFieldProps<'number'>, 'value' | 'onChange' | 'min' | 'max' | 'step'> & {
-    value?: number;
-    step?: number | number[];
-    min?: number;
-    max?: number;
-    onChange?: (props: {
-        e?: React.ChangeEvent | React.MouseEvent | React.KeyboardEvent;
-        value: number;
-    }) => void;
-};
-export declare const SliderInput: (props: Props) => JSX.Element;
-export {};
+import './SliderInput.css';
+import React from 'react';
+import { TextFieldProps } from '../../TextField/TextField';
+declare type Props = Omit<TextFieldProps<'number'>, 'value' | 'onChange' | 'min' | 'max' | 'step'> & {
+    value?: number;
+    step?: number | number[];
+    min?: number;
+    max?: number;
+    onChange?: (props: {
+        e?: React.ChangeEvent | React.MouseEvent | React.KeyboardEvent;
+        value: number;
+    }) => void;
+};
+export declare const SliderInput: (props: Props) => JSX.Element;
+export {};

package/__internal__/src/components/Slider/SliderLine/SliderLine.d.ts

@@ -1,3 +1,3 @@
-import './SliderLine.css';
-import { SliderLineProps } from '../helper';
-export declare const SliderLine: (props: SliderLineProps) => JSX.Element;
+import './SliderLine.css';
+import { SliderLineProps } from '../helper';
+export declare const SliderLine: (props: SliderLineProps) => JSX.Element;

package/__internal__/src/components/Slider/SliderPoint/SliderPoint.d.ts

@@ -1,3 +1,3 @@
-import './SliderPoint.css';
-import { SliderPointProps } from '../helper';
-export declare const SliderPoint: (props: SliderPointProps) => JSX.Element;
+import './SliderPoint.css';
+import { SliderPointProps } from '../helper';
+export declare const SliderPoint: (props: SliderPointProps) => JSX.Element;

package/__internal__/src/components/Slider/helper.d.ts

@@ -1,93 +1,93 @@
-import { IconComponent } from '@consta/icons/Icon';
-import React from 'react';
-import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
-import { Direction } from '../Popover';
-import { ActiveButton } from './useSlider/helper';
-export declare const sliderPropStatus: readonly ["alert", "warning", "success"];
-export declare type SliderPropStatus = typeof sliderPropStatus[number];
-export declare const sliderPropStatusDefault: "alert";
-export declare type SliderPropView = 'default' | 'division';
-export declare const sliderPropSize: readonly ["s", "xs", "m", "l"];
-export declare type SliderPropSize = typeof sliderPropSize[number];
-export declare const sliderPropSizeDefault: SliderPropSize;
-export declare type SliderValue<RANGE> = RANGE extends true ? [number, number] : number;
-export declare type SliderPropOnChange<RANGE> = (value: SliderValue<RANGE>, prop: {
-    e?: Event | React.TouchEvent | React.MouseEvent | React.KeyboardEvent | React.ChangeEvent;
-}) => void;
-declare type SliderPropToolipFormatter = (value: number | undefined) => string;
-declare type Side = IconComponent | 'input';
-declare type Props<RANGE extends boolean = false> = {
-    className?: string;
-    step?: number | number[];
-    view?: SliderPropView;
-    disabled?: boolean;
-    range?: RANGE;
-    withTooltip?: boolean;
-    value: SliderValue<RANGE>;
-    label?: string;
-    labelIcon?: IconComponent;
-    caption?: string;
-    status?: SliderPropStatus;
-    min?: number;
-    size?: SliderPropSize;
-    max?: number;
-    onChange?: SliderPropOnChange<RANGE>;
-    onAfterChange?: SliderPropOnChange<RANGE>;
-    leftSide?: Side;
-    tooltipFormatter?: SliderPropToolipFormatter;
-    rightSide?: Side;
-    tooltipDirection?: Direction;
-    tooltipPossibleDirections?: Direction[];
-};
-export declare type Line = {
-    width: number;
-    active: boolean;
-    size?: number[];
-};
-export declare type SliderLineProps = {
-    view?: SliderPropView;
-    lines: Line[];
-    disabled?: boolean;
-    hovered?: boolean;
-    onHover?: (hovered: boolean) => void;
-};
-export declare type SliderPointProps = PropsWithHTMLAttributes<{
-    value?: number;
-    disabled?: boolean;
-    focused?: boolean;
-    hovered?: boolean;
-    withTooltip?: boolean;
-    handlePress?: (typeButton: ActiveButton) => void;
-    buttonLabel?: ActiveButton;
-    buttonRef?: React.RefObject<HTMLButtonElement>;
-    popoverPosition?: TrackPosition;
-    tooltipFormatter?: SliderPropToolipFormatter;
-    onFocus?: (e: React.FocusEvent<HTMLButtonElement> | React.MouseEvent, button: ActiveButton) => void;
-    onKeyPress?: (e: React.KeyboardEvent, typeButton?: ActiveButton) => void;
-    onHover?: (hovered: boolean) => void;
-    position: number;
-    active?: boolean;
-    tooltipZIndex?: number;
-    tooltipDirection?: Direction;
-    tooltipPossibleDirections?: Direction[];
-}, HTMLButtonElement>;
-export declare type SliderProps<RANGE extends boolean> = PropsWithHTMLAttributes<Props<RANGE>, HTMLDivElement>;
-export declare type SliderComponent = <RANGE extends boolean = false>(props: SliderProps<RANGE>) => React.ReactElement | null;
-export declare const isRangeParams: (params: Props<boolean>) => params is Props<true>;
-export declare const isNotRangeParams: (params: Props<boolean>) => params is Props<false>;
-export declare const defaultTooltipFormatter: SliderPropToolipFormatter;
-export declare type TrackPosition = {
-    x: number;
-    y: number;
-} | null;
-export declare const getValueForInput: (props: SliderProps<boolean>, field: 0 | 1) => number;
-declare type GetOnChandgeForInputReturned = (props: {
-    e?: React.ChangeEvent | React.MouseEvent | React.KeyboardEvent;
-    value: number;
-}) => void;
-export declare const getOnChandgeForInput: (props: SliderProps<boolean>, field: 0 | 1) => GetOnChandgeForInputReturned;
-export declare const getIcon: (side?: Side) => IconComponent<"span"> | undefined;
-export declare const getMaxForStartField: (props: SliderProps<boolean>) => number | undefined;
-export declare const getMinForEndField: (props: SliderProps<boolean>) => number | undefined;
-export declare const getValidStep: (min: number, max: number, step?: number | number[]) => number | number[];
-export {};
+import { IconComponent } from '@consta/icons/Icon';
+import React from 'react';
+import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
+import { Direction } from '../Popover';
+import { ActiveButton } from './useSlider/helper';
+export declare const sliderPropStatus: readonly ["alert", "warning", "success"];
+export declare type SliderPropStatus = typeof sliderPropStatus[number];
+export declare const sliderPropStatusDefault: "alert";
+export declare type SliderPropView = 'default' | 'division';
+export declare const sliderPropSize: readonly ["s", "xs", "m", "l"];
+export declare type SliderPropSize = typeof sliderPropSize[number];
+export declare const sliderPropSizeDefault: SliderPropSize;
+export declare type SliderValue<RANGE> = RANGE extends true ? [number, number] : number;
+export declare type SliderPropOnChange<RANGE> = (value: SliderValue<RANGE>, prop: {
+    e?: Event | React.TouchEvent | React.MouseEvent | React.KeyboardEvent | React.ChangeEvent;
+}) => void;
+declare type SliderPropToolipFormatter = (value: number | undefined) => string;
+declare type Side = IconComponent | 'input';
+declare type Props<RANGE extends boolean = false> = {
+    className?: string;
+    step?: number | number[];
+    view?: SliderPropView;
+    disabled?: boolean;
+    range?: RANGE;
+    withTooltip?: boolean;
+    value: SliderValue<RANGE>;
+    label?: string;
+    labelIcon?: IconComponent;
+    caption?: string;
+    status?: SliderPropStatus;
+    min?: number;
+    size?: SliderPropSize;
+    max?: number;
+    onChange?: SliderPropOnChange<RANGE>;
+    onAfterChange?: SliderPropOnChange<RANGE>;
+    leftSide?: Side;
+    tooltipFormatter?: SliderPropToolipFormatter;
+    rightSide?: Side;
+    tooltipDirection?: Direction;
+    tooltipPossibleDirections?: Direction[];
+};
+export declare type Line = {
+    width: number;
+    active: boolean;
+    size?: number[];
+};
+export declare type SliderLineProps = {
+    view?: SliderPropView;
+    lines: Line[];
+    disabled?: boolean;
+    hovered?: boolean;
+    onHover?: (hovered: boolean) => void;
+};
+export declare type SliderPointProps = PropsWithHTMLAttributes<{
+    value?: number;
+    disabled?: boolean;
+    focused?: boolean;
+    hovered?: boolean;
+    withTooltip?: boolean;
+    handlePress?: (typeButton: ActiveButton) => void;
+    buttonLabel?: ActiveButton;
+    buttonRef?: React.RefObject<HTMLButtonElement>;
+    popoverPosition?: TrackPosition;
+    tooltipFormatter?: SliderPropToolipFormatter;
+    onFocus?: (e: React.FocusEvent<HTMLButtonElement> | React.MouseEvent, button: ActiveButton) => void;
+    onKeyPress?: (e: React.KeyboardEvent, typeButton?: ActiveButton) => void;
+    onHover?: (hovered: boolean) => void;
+    position: number;
+    active?: boolean;
+    tooltipZIndex?: number;
+    tooltipDirection?: Direction;
+    tooltipPossibleDirections?: Direction[];
+}, HTMLButtonElement>;
+export declare type SliderProps<RANGE extends boolean> = PropsWithHTMLAttributes<Props<RANGE>, HTMLDivElement>;
+export declare type SliderComponent = <RANGE extends boolean = false>(props: SliderProps<RANGE>) => React.ReactElement | null;
+export declare const isRangeParams: (params: Props<boolean>) => params is Props<true>;
+export declare const isNotRangeParams: (params: Props<boolean>) => params is Props<false>;
+export declare const defaultTooltipFormatter: SliderPropToolipFormatter;
+export declare type TrackPosition = {
+    x: number;
+    y: number;
+} | null;
+export declare const getValueForInput: (props: SliderProps<boolean>, field: 0 | 1) => number;
+declare type GetOnChandgeForInputReturned = (props: {
+    e?: React.ChangeEvent | React.MouseEvent | React.KeyboardEvent;
+    value: number;
+}) => void;
+export declare const getOnChandgeForInput: (props: SliderProps<boolean>, field: 0 | 1) => GetOnChandgeForInputReturned;
+export declare const getIcon: (side?: Side) => IconComponent<"span"> | undefined;
+export declare const getMaxForStartField: (props: SliderProps<boolean>) => number | undefined;
+export declare const getMinForEndField: (props: SliderProps<boolean>) => number | undefined;
+export declare const getValidStep: (min: number, max: number, step?: number | number[]) => number | number[];
+export {};

package/__internal__/src/components/Slider/index.d.ts

@@ -1 +1 @@
-export * from './Slider';
+export * from './Slider';

package/__internal__/src/components/Slider/useSlider/helper.d.ts

@@ -1,42 +1,42 @@
-import React from 'react';
-import { SliderPropOnChange, SliderValue, TrackPosition } from '../helper';
-export declare type ActiveButton = 0 | 1 | null | undefined;
-export declare type Stationing = {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-};
-export declare type UseSliderProps<RANGE extends boolean = false> = {
-    disabled: boolean;
-    range?: RANGE;
-    value: SliderValue<RANGE>;
-    min: number;
-    max: number;
-    step?: number | number[];
-    onChange?: SliderPropOnChange<RANGE>;
-    onAfterChange?: SliderPropOnChange<RANGE>;
-    containerRef: React.RefObject<HTMLDivElement>;
-    sliderRef: React.RefObject<HTMLDivElement | HTMLButtonElement>;
-    buttonRefs: React.RefObject<HTMLButtonElement>[];
-};
-export declare type UseSliderValues = {
-    onKeyPress: (e: React.KeyboardEvent, typeButton: ActiveButton) => void;
-    onFocus: (e: React.FocusEvent<HTMLButtonElement> | React.MouseEvent, button: ActiveButton) => void;
-    handlePress: (typeButton: ActiveButton) => void;
-    onSliderClick: React.MouseEventHandler;
-    activeButton: ActiveButton;
-    currentValue: [number] | [number, number];
-    popoverPosition: TrackPosition[];
-};
-export declare const isRangeParams: (params: UseSliderProps<boolean>) => params is UseSliderProps<true>;
-export declare const isNotRangeParams: (params: UseSliderProps<boolean>) => params is UseSliderProps<false>;
-export declare const trackPosition: (event: TouchEvent | MouseEvent) => TrackPosition;
-export declare const getActiveValue: (value: number | [number, number], active: ActiveButton) => number;
-export declare const detectActiveButton: (posittion: TrackPosition, buttons: React.RefObject<HTMLButtonElement>[]) => ActiveButton;
-export declare const getValidValue: (value: number, min: number, max: number, step?: number | number[]) => number;
-export declare const isValidValue: (value: number, min: number, max: number, step?: number | number[]) => boolean;
-export declare const getValueByPosition: (position: TrackPosition, sliderRef: React.RefObject<HTMLDivElement | HTMLButtonElement>, min: number, max: number, step?: number | number[]) => number;
-export declare const getNewValue: (changedValue: number, currentValue: number | [number, number], step: number | number[], min: number, max: number, activeButton: ActiveButton) => number | [number, number];
-export declare const analyzeDivisionValue: (value: number, step: number | number[], min: number, max: number) => number;
-export declare const valueToSring: (value: number | number[] | undefined | null) => string;
+import React from 'react';
+import { SliderPropOnChange, SliderValue, TrackPosition } from '../helper';
+export declare type ActiveButton = 0 | 1 | null | undefined;
+export declare type Stationing = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+export declare type UseSliderProps<RANGE extends boolean = false> = {
+    disabled: boolean;
+    range?: RANGE;
+    value: SliderValue<RANGE>;
+    min: number;
+    max: number;
+    step?: number | number[];
+    onChange?: SliderPropOnChange<RANGE>;
+    onAfterChange?: SliderPropOnChange<RANGE>;
+    containerRef: React.RefObject<HTMLDivElement>;
+    sliderRef: React.RefObject<HTMLDivElement | HTMLButtonElement>;
+    buttonRefs: React.RefObject<HTMLButtonElement>[];
+};
+export declare type UseSliderValues = {
+    onKeyPress: (e: React.KeyboardEvent, typeButton: ActiveButton) => void;
+    onFocus: (e: React.FocusEvent<HTMLButtonElement> | React.MouseEvent, button: ActiveButton) => void;
+    handlePress: (typeButton: ActiveButton) => void;
+    onSliderClick: React.MouseEventHandler;
+    activeButton: ActiveButton;
+    currentValue: [number] | [number, number];
+    popoverPosition: TrackPosition[];
+};
+export declare const isRangeParams: (params: UseSliderProps<boolean>) => params is UseSliderProps<true>;
+export declare const isNotRangeParams: (params: UseSliderProps<boolean>) => params is UseSliderProps<false>;
+export declare const trackPosition: (event: TouchEvent | MouseEvent) => TrackPosition;
+export declare const getActiveValue: (value: number | [number, number], active: ActiveButton) => number;
+export declare const detectActiveButton: (posittion: TrackPosition, buttons: React.RefObject<HTMLButtonElement>[]) => ActiveButton;
+export declare const getValidValue: (value: number, min: number, max: number, step?: number | number[]) => number;
+export declare const isValidValue: (value: number, min: number, max: number, step?: number | number[]) => boolean;
+export declare const getValueByPosition: (position: TrackPosition, sliderRef: React.RefObject<HTMLDivElement | HTMLButtonElement>, min: number, max: number, step?: number | number[]) => number;
+export declare const getNewValue: (changedValue: number, currentValue: number | [number, number], step: number | number[], min: number, max: number, activeButton: ActiveButton) => number | [number, number];
+export declare const analyzeDivisionValue: (value: number, step: number | number[], min: number, max: number) => number;
+export declare const valueToSring: (value: number | number[] | undefined | null) => string;

package/__internal__/src/components/Slider/useSlider/useSlider.d.ts

@@ -1,3 +1,3 @@
-import { UseSliderProps, UseSliderValues } from './helper';
-export declare const COUNT_STEPS = 250;
-export declare function useSlider<RANGE extends boolean>(props: UseSliderProps<RANGE>): UseSliderValues;
+import { UseSliderProps, UseSliderValues } from './helper';
+export declare const COUNT_STEPS = 250;
+export declare function useSlider<RANGE extends boolean>(props: UseSliderProps<RANGE>): UseSliderValues;

package/__internal__/src/components/Slider/useSliderStationing.d.ts

@@ -1,15 +1,15 @@
-import React from 'react';
-import { Line, SliderPropView } from './helper';
-declare type UseSliderStationing = (value: number | [number, number] | undefined, min: number, max: number, view: SliderPropView, range: boolean | undefined, step: number | number[] | undefined, buttonRefs: [
-    React.RefObject<HTMLButtonElement>,
-    React.RefObject<HTMLButtonElement>
-], sliderLineRef: React.RefObject<HTMLButtonElement | HTMLDivElement>) => {
-    lineSizes: Line[];
-    buttonPositions: number[];
-};
-export declare const getSteps: (step: number | number[], min: number, max: number) => {
-    min: number;
-    max: number;
-}[];
-export declare const useSliderStationing: UseSliderStationing;
-export {};
+import React from 'react';
+import { Line, SliderPropView } from './helper';
+declare type UseSliderStationing = (value: number | [number, number] | undefined, min: number, max: number, view: SliderPropView, range: boolean | undefined, step: number | number[] | undefined, buttonRefs: [
+    React.RefObject<HTMLButtonElement>,
+    React.RefObject<HTMLButtonElement>
+], sliderLineRef: React.RefObject<HTMLButtonElement | HTMLDivElement>) => {
+    lineSizes: Line[];
+    buttonPositions: number[];
+};
+export declare const getSteps: (step: number | number[], min: number, max: number) => {
+    min: number;
+    max: number;
+}[];
+export declare const useSliderStationing: UseSliderStationing;
+export {};

package/__internal__/src/components/SnackBar/SnackBar.d.ts

@@ -1,5 +1,5 @@
-import './SnackBar.css';
-import { SnackBarComponent } from './types';
-export declare const cnSnackBar: import("@bem-react/classname").ClassNameFormatter;
-export declare const SnackBar: SnackBarComponent;
-export * from './types';
+import './SnackBar.css';
+import { SnackBarComponent } from './types';
+export declare const cnSnackBar: import("@bem-react/classname").ClassNameFormatter;
+export declare const SnackBar: SnackBarComponent;
+export * from './types';

package/__internal__/src/components/SnackBar/SnackBar.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","className","form","getItemKey","getItemActions","getItemAutoClose","getItemIcon","getItemMessage","getItemOnAutoClose","getItemOnClose","getItemShowProgress","getItemStatus","onItemClose","onItemAutoClose"];import"./SnackBar.css";import React,{forwardRef}from"react";import{Transition,TransitionGroup}from"react-transition-group";import{useRefs}from"../../hooks/useRefs/useRefs";import{cn}from"../../utils/bem";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{getItem,withDefaultGetters}from"./helper";import{SnackBarItem}from"./SnackBarItem/SnackBarItem";import{snackBarPropFormDefault}from"./types";export var cnSnackBar=cn("SnackBar");var SnackBarRender=function(a,b){var c=usePropsHandler("SnackBar",withDefaultGetters(a)),d=c.items,e=c.className,f=c.form,g=void 0===f?snackBarPropFormDefault:f,h=c.getItemKey,i=c.getItemActions,j=c.getItemAutoClose,k=c.getItemIcon,l=c.getItemMessage,m=c.getItemOnAutoClose,n=c.getItemOnClose,o=c.getItemShowProgress,p=c.getItemStatus,q=c.onItemClose,r=c.onItemAutoClose,s=_objectWithoutProperties(c,_excluded),t=useRefs(d.length);return React.createElement("div",Object.assign({className:cnSnackBar(null,[e]),ref:b},s),React.createElement(TransitionGroup,{component:null,appear:!0,enter:!0,exit:!0},d.map(function(a,b){return React.createElement(Transition,{key:cnSnackBar("Item",{key:h(a)}),unmountOnExit:!0,timeout:200,nodeRef:t[b]},function(d){return React.createElement(SnackBarItem,Object.assign({ref:t[b],form:g,className:cnSnackBar("Item",{animate:d})},getItem(a,c)))})})))};export var SnackBar=forwardRef(SnackBarRender);export*from"./types";
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","className","form","progressView","getItemKey","getItemActions","getItemAutoClose","getItemIcon","getItemMessage","getItemOnAutoClose","getItemOnClose","getItemShowProgress","getItemStatus","onItemClose","onItemAutoClose","getItemProgress"];import"./SnackBar.css";import React,{forwardRef}from"react";import{Transition,TransitionGroup}from"react-transition-group";import{useRefs}from"../../hooks/useRefs";import{cn}from"../../utils/bem";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{getItem,withDefaultGetters}from"./helper";import{SnackBarItem}from"./SnackBarItem";import{snackBarPropFormDefault,snackBarPropProgressViewDefault}from"./types";export var cnSnackBar=cn("SnackBar");var SnackBarRender=function(a,b){var c=usePropsHandler("SnackBar",withDefaultGetters(a)),d=c.items,e=c.className,f=c.form,g=void 0===f?snackBarPropFormDefault:f,h=c.progressView,i=void 0===h?snackBarPropProgressViewDefault:h,j=c.getItemKey,k=c.getItemActions,l=c.getItemAutoClose,m=c.getItemIcon,n=c.getItemMessage,o=c.getItemOnAutoClose,p=c.getItemOnClose,q=c.getItemShowProgress,r=c.getItemStatus,s=c.onItemClose,t=c.onItemAutoClose,u=c.getItemProgress,v=_objectWithoutProperties(c,_excluded),w=useRefs(d.length);return React.createElement("div",Object.assign({className:cnSnackBar(null,[e]),ref:b},v),React.createElement(TransitionGroup,{component:null,appear:!0,enter:!0,exit:!0},d.map(function(a,b){return React.createElement(Transition,{key:cnSnackBar("Item",{key:j(a)}),unmountOnExit:!0,timeout:200,nodeRef:w[b]},function(d){return React.createElement(SnackBarItem,Object.assign({ref:w[b],form:g,progressView:i,className:cnSnackBar("Item",{animate:d})},getItem(a,c)))})})))};export var SnackBar=forwardRef(SnackBarRender);export*from"./types";
 //# sourceMappingURL=SnackBar.js.map

package/__internal__/src/components/SnackBar/SnackBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"SnackBar.js","names":["React","forwardRef","Transition","TransitionGroup","useRefs","cn","usePropsHandler","getItem","withDefaultGetters","SnackBarItem","snackBarPropFormDefault","cnSnackBar","SnackBarRender","propsComponent","ref","props","items","className","form","getItemKey","getItemActions","getItemAutoClose","getItemIcon","getItemMessage","getItemOnAutoClose","getItemOnClose","getItemShowProgress","getItemStatus","onItemClose","onItemAutoClose","otherProps","refs","length","map","item","index","key","animate","SnackBar"],"sources":["../../../../../src/components/SnackBar/SnackBar.tsx"],"sourcesContent":["import './SnackBar.css';\n\nimport React, { forwardRef } from 'react';\nimport { Transition, TransitionGroup } from 'react-transition-group';\n\nimport { useRefs } from '../../hooks/useRefs/useRefs';\nimport { cn } from '../../utils/bem';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport { getItem, withDefaultGetters } from './helper';\nimport { SnackBarItem } from './SnackBarItem/SnackBarItem';\nimport {\n  SnackBarComponent,\n  snackBarPropFormDefault,\n  SnackBarProps,\n} from './types';\n\nexport const cnSnackBar = cn('SnackBar');\n\nconst SnackBarRender = (\n  propsComponent: SnackBarProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const props = usePropsHandler('SnackBar', withDefaultGetters(propsComponent));\n  const {\n    items,\n    className,\n    form = snackBarPropFormDefault,\n    getItemKey,\n    getItemActions,\n    getItemAutoClose,\n    getItemIcon,\n    getItemMessage,\n    getItemOnAutoClose,\n    getItemOnClose,\n    getItemShowProgress,\n    getItemStatus,\n    onItemClose,\n    onItemAutoClose,\n    ...otherProps\n  } = props;\n\n  const refs = useRefs<HTMLDivElement>(items.length);\n\n  return (\n    <div className={cnSnackBar(null, [className])} ref={ref} {...otherProps}>\n      <TransitionGroup component={null} appear enter exit>\n        {items.map((item, index) => (\n          <Transition\n            key={cnSnackBar('Item', { key: getItemKey(item) })}\n            unmountOnExit\n            timeout={200}\n            nodeRef={refs[index]}\n          >\n            {(animate) => (\n              <SnackBarItem\n                ref={refs[index]}\n                form={form}\n                className={cnSnackBar('Item', { animate })}\n                {...getItem(item, props)}\n              />\n            )}\n          </Transition>\n        ))}\n      </TransitionGroup>\n    </div>\n  );\n};\n\nexport const SnackBar = forwardRef(SnackBarRender) as SnackBarComponent;\n\nexport * from './types';\n"],"mappings":"4TAAA,uBAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CACA,OAASC,UAAT,CAAqBC,eAArB,KAA4C,wBAA5C,CAEA,OAASC,OAAT,mCACA,OAASC,EAAT,uBACA,OAASC,eAAT,2CACA,OAASC,OAAT,CAAkBC,kBAAlB,gBACA,OAASC,YAAT,mCACA,OAEEC,uBAFF,eAMA,MAAO,IAAMC,WAAU,CAAGN,EAAE,CAAC,UAAD,CAArB,CAEP,GAAMO,eAAc,CAAG,SACrBC,CADqB,CAErBC,CAFqB,CAGlB,IACGC,EAAK,CAAGT,eAAe,CAAC,UAAD,CAAaE,kBAAkB,CAACK,CAAD,CAA/B,CAD1B,CAGDG,CAHC,CAkBCD,CAlBD,CAGDC,KAHC,CAIDC,CAJC,CAkBCF,CAlBD,CAIDE,SAJC,GAkBCF,CAlBD,CAKDG,IALC,CAKDA,CALC,YAKMR,uBALN,GAMDS,CANC,CAkBCJ,CAlBD,CAMDI,UANC,CAODC,CAPC,CAkBCL,CAlBD,CAODK,cAPC,CAQDC,CARC,CAkBCN,CAlBD,CAQDM,gBARC,CASDC,CATC,CAkBCP,CAlBD,CASDO,WATC,CAUDC,CAVC,CAkBCR,CAlBD,CAUDQ,cAVC,CAWDC,CAXC,CAkBCT,CAlBD,CAWDS,kBAXC,CAYDC,CAZC,CAkBCV,CAlBD,CAYDU,cAZC,CAaDC,CAbC,CAkBCX,CAlBD,CAaDW,mBAbC,CAcDC,CAdC,CAkBCZ,CAlBD,CAcDY,aAdC,CAeDC,CAfC,CAkBCb,CAlBD,CAeDa,WAfC,CAgBDC,CAhBC,CAkBCd,CAlBD,CAgBDc,eAhBC,CAiBEC,CAjBF,0BAkBCf,CAlBD,YAoBGgB,CAAI,CAAG3B,OAAO,CAAiBY,CAAK,CAACgB,MAAvB,CApBjB,CAsBH,MACE,0CAAK,SAAS,CAAErB,UAAU,CAAC,IAAD,CAAO,CAACM,CAAD,CAAP,CAA1B,CAA+C,GAAG,CAAEH,CAApD,EAA6DgB,CAA7D,EACE,oBAAC,eAAD,EAAiB,SAAS,CAAE,IAA5B,CAAkC,MAAM,GAAxC,CAAyC,KAAK,GAA9C,CAA+C,IAAI,GAAnD,EACGd,CAAK,CAACiB,GAAN,CAAU,SAACC,CAAD,CAAOC,CAAP,QACT,qBAAC,UAAD,EACE,GAAG,CAAExB,UAAU,CAAC,MAAD,CAAS,CAAEyB,GAAG,CAAEjB,CAAU,CAACe,CAAD,CAAjB,CAAT,CADjB,CAEE,aAAa,GAFf,CAGE,OAAO,CAAE,GAHX,CAIE,OAAO,CAAEH,CAAI,CAACI,CAAD,CAJf,EAMG,SAACE,CAAD,QACC,qBAAC,YAAD,gBACE,GAAG,CAAEN,CAAI,CAACI,CAAD,CADX,CAEE,IAAI,CAAEjB,CAFR,CAGE,SAAS,CAAEP,UAAU,CAAC,MAAD,CAAS,CAAE0B,OAAO,CAAPA,CAAF,CAAT,CAHvB,EAIM9B,OAAO,CAAC2B,CAAD,CAAOnB,CAAP,CAJb,EADD,CANH,CADS,CAAV,CADH,CADF,CAsBH,CAhDD,CAkDA,MAAO,IAAMuB,SAAQ,CAAGrC,UAAU,CAACW,cAAD,CAA3B,CAEP"}
+{"version":3,"file":"SnackBar.js","names":["React","forwardRef","Transition","TransitionGroup","useRefs","cn","usePropsHandler","getItem","withDefaultGetters","SnackBarItem","snackBarPropFormDefault","snackBarPropProgressViewDefault","cnSnackBar","SnackBarRender","propsComponent","ref","props","items","className","form","progressView","getItemKey","getItemActions","getItemAutoClose","getItemIcon","getItemMessage","getItemOnAutoClose","getItemOnClose","getItemShowProgress","getItemStatus","onItemClose","onItemAutoClose","getItemProgress","otherProps","refs","length","map","item","index","key","animate","SnackBar"],"sources":["../../../../../src/components/SnackBar/SnackBar.tsx"],"sourcesContent":["import './SnackBar.css';\n\nimport React, { forwardRef } from 'react';\nimport { Transition, TransitionGroup } from 'react-transition-group';\n\nimport { useRefs } from '##/hooks/useRefs';\nimport { cn } from '##/utils/bem';\n\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport { getItem, withDefaultGetters } from './helper';\nimport { SnackBarItem } from './SnackBarItem';\nimport {\n  SnackBarComponent,\n  snackBarPropFormDefault,\n  snackBarPropProgressViewDefault,\n  SnackBarProps,\n} from './types';\n\nexport const cnSnackBar = cn('SnackBar');\n\nconst SnackBarRender = (\n  propsComponent: SnackBarProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const props = usePropsHandler('SnackBar', withDefaultGetters(propsComponent));\n  const {\n    items,\n    className,\n    form = snackBarPropFormDefault,\n    progressView = snackBarPropProgressViewDefault,\n    getItemKey,\n    getItemActions,\n    getItemAutoClose,\n    getItemIcon,\n    getItemMessage,\n    getItemOnAutoClose,\n    getItemOnClose,\n    getItemShowProgress,\n    getItemStatus,\n    onItemClose,\n    onItemAutoClose,\n    getItemProgress,\n    ...otherProps\n  } = props;\n\n  const refs = useRefs<HTMLDivElement>(items.length);\n\n  return (\n    <div className={cnSnackBar(null, [className])} ref={ref} {...otherProps}>\n      <TransitionGroup component={null} appear enter exit>\n        {items.map((item, index) => (\n          <Transition\n            key={cnSnackBar('Item', { key: getItemKey(item) })}\n            unmountOnExit\n            timeout={200}\n            nodeRef={refs[index]}\n          >\n            {(animate) => (\n              <SnackBarItem\n                ref={refs[index]}\n                form={form}\n                progressView={progressView}\n                className={cnSnackBar('Item', { animate })}\n                {...getItem(item, props)}\n              />\n            )}\n          </Transition>\n        ))}\n      </TransitionGroup>\n    </div>\n  );\n};\n\nexport const SnackBar = forwardRef(SnackBarRender) as SnackBarComponent;\n\nexport * from './types';\n"],"mappings":"6VAAA,uBAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CACA,OAASC,UAAT,CAAqBC,eAArB,KAA4C,wBAA5C,CAEA,OAASC,OAAT,2BACA,OAASC,EAAT,uBAEA,OAASC,eAAT,2CACA,OAASC,OAAT,CAAkBC,kBAAlB,gBACA,OAASC,YAAT,sBACA,OAEEC,uBAFF,CAGEC,+BAHF,eAOA,MAAO,IAAMC,WAAU,CAAGP,EAAE,CAAC,UAAD,CAArB,CAEP,GAAMQ,eAAc,CAAG,SACrBC,CADqB,CAErBC,CAFqB,CAGlB,IACGC,EAAK,CAAGV,eAAe,CAAC,UAAD,CAAaE,kBAAkB,CAACM,CAAD,CAA/B,CAD1B,CAGDG,CAHC,CAoBCD,CApBD,CAGDC,KAHC,CAIDC,CAJC,CAoBCF,CApBD,CAIDE,SAJC,GAoBCF,CApBD,CAKDG,IALC,CAKDA,CALC,YAKMT,uBALN,KAoBCM,CApBD,CAMDI,YANC,CAMDA,CANC,YAMcT,+BANd,GAODU,CAPC,CAoBCL,CApBD,CAODK,UAPC,CAQDC,CARC,CAoBCN,CApBD,CAQDM,cARC,CASDC,CATC,CAoBCP,CApBD,CASDO,gBATC,CAUDC,CAVC,CAoBCR,CApBD,CAUDQ,WAVC,CAWDC,CAXC,CAoBCT,CApBD,CAWDS,cAXC,CAYDC,CAZC,CAoBCV,CApBD,CAYDU,kBAZC,CAaDC,CAbC,CAoBCX,CApBD,CAaDW,cAbC,CAcDC,CAdC,CAoBCZ,CApBD,CAcDY,mBAdC,CAeDC,CAfC,CAoBCb,CApBD,CAeDa,aAfC,CAgBDC,CAhBC,CAoBCd,CApBD,CAgBDc,WAhBC,CAiBDC,CAjBC,CAoBCf,CApBD,CAiBDe,eAjBC,CAkBDC,CAlBC,CAoBChB,CApBD,CAkBDgB,eAlBC,CAmBEC,CAnBF,0BAoBCjB,CApBD,YAsBGkB,CAAI,CAAG9B,OAAO,CAAiBa,CAAK,CAACkB,MAAvB,CAtBjB,CAwBH,MACE,0CAAK,SAAS,CAAEvB,UAAU,CAAC,IAAD,CAAO,CAACM,CAAD,CAAP,CAA1B,CAA+C,GAAG,CAAEH,CAApD,EAA6DkB,CAA7D,EACE,oBAAC,eAAD,EAAiB,SAAS,CAAE,IAA5B,CAAkC,MAAM,GAAxC,CAAyC,KAAK,GAA9C,CAA+C,IAAI,GAAnD,EACGhB,CAAK,CAACmB,GAAN,CAAU,SAACC,CAAD,CAAOC,CAAP,QACT,qBAAC,UAAD,EACE,GAAG,CAAE1B,UAAU,CAAC,MAAD,CAAS,CAAE2B,GAAG,CAAElB,CAAU,CAACgB,CAAD,CAAjB,CAAT,CADjB,CAEE,aAAa,GAFf,CAGE,OAAO,CAAE,GAHX,CAIE,OAAO,CAAEH,CAAI,CAACI,CAAD,CAJf,EAMG,SAACE,CAAD,QACC,qBAAC,YAAD,gBACE,GAAG,CAAEN,CAAI,CAACI,CAAD,CADX,CAEE,IAAI,CAAEnB,CAFR,CAGE,YAAY,CAAEC,CAHhB,CAIE,SAAS,CAAER,UAAU,CAAC,MAAD,CAAS,CAAE4B,OAAO,CAAPA,CAAF,CAAT,CAJvB,EAKMjC,OAAO,CAAC8B,CAAD,CAAOrB,CAAP,CALb,EADD,CANH,CADS,CAAV,CADH,CADF,CAuBH,CAnDD,CAqDA,MAAO,IAAMyB,SAAQ,CAAGxC,UAAU,CAACY,cAAD,CAA3B,CAEP"}

package/__internal__/src/components/SnackBar/SnackBarActionButton/SnackBarActionButton.d.ts

@@ -1,4 +1,4 @@
-import './SnackBarActionButton.css';
-import React from 'react';
-import { SnackBarActionButtonProps } from '../types';
-export declare const SnackBarActionButton: React.FC<SnackBarActionButtonProps>;
+import './SnackBarActionButton.css';
+import React from 'react';
+import { SnackBarActionButtonProps } from '../types';
+export declare const SnackBarActionButton: React.FC<SnackBarActionButtonProps>;

package/__internal__/src/components/SnackBar/SnackBarActionButton/SnackBarActionButton.js

@@ -1,2 +1,2 @@
-import"./SnackBarActionButton.css";import React from"react";import{cn}from"../../../utils/bem";import{Button}from"../../Button/Button";var cnSnackBarActionButton=cn("SnackBarActionButton");export var SnackBarActionButton=function(a){var b=a.actions,c=a.className;return 1>b.length?null:React.createElement("div",{className:cnSnackBarActionButton("ActionButtonsWrapper",[c])},b.map(function(a,b){return React.createElement(Button,{className:cnSnackBarActionButton(),key:"".concat(cnSnackBarActionButton(),"-").concat(b),size:"s",type:"button",view:"ghost",label:a.label,onClick:a.onClick})}))};
+import"./SnackBarActionButton.css";import React from"react";import{Button}from"../../Button";import{cn}from"../../../utils/bem";var cnSnackBarActionButton=cn("SnackBarActionButton");export var SnackBarActionButton=function(a){var b=a.actions,c=a.className,d=a.form;return 1>b.length?null:React.createElement("div",{className:cnSnackBarActionButton("ActionButtonsWrapper",[c])},b.map(function(a,b){return React.createElement(Button,{className:cnSnackBarActionButton(),key:"".concat(cnSnackBarActionButton(),"-").concat(b),size:"s",type:"button",view:"ghost",label:a.label,onClick:a.onClick,form:d})}))};
 //# sourceMappingURL=SnackBarActionButton.js.map

package/__internal__/src/components/SnackBar/SnackBarActionButton/SnackBarActionButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SnackBarActionButton.js","names":["React","cn","Button","cnSnackBarActionButton","SnackBarActionButton","props","actions","className","length","map","item","index","label","onClick"],"sources":["../../../../../../src/components/SnackBar/SnackBarActionButton/SnackBarActionButton.tsx"],"sourcesContent":["import './SnackBarActionButton.css';\n\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { Button } from '../../Button/Button';\nimport { SnackBarActionButtonProps } from '../types';\n\nconst cnSnackBarActionButton = cn('SnackBarActionButton');\n\nexport const SnackBarActionButton: React.FC<SnackBarActionButtonProps> = (\n  props,\n) => {\n  const { actions, className } = props;\n\n  if (actions.length < 1) {\n    return null;\n  }\n\n  return (\n    <div\n      className={cnSnackBarActionButton('ActionButtonsWrapper', [className])}\n    >\n      {actions.map((item, index) => (\n        <Button\n          className={cnSnackBarActionButton()}\n          key={`${cnSnackBarActionButton()}-${index}`}\n          size=\"s\"\n          type=\"button\"\n          view=\"ghost\"\n          label={item.label}\n          onClick={item.onClick}\n        />\n      ))}\n    </div>\n  );\n};\n"],"mappings":"AAAA,mCAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BACA,OAASC,MAAT,2BAGA,GAAMC,uBAAsB,CAAGF,EAAE,CAAC,sBAAD,CAAjC,CAEA,MAAO,IAAMG,qBAAyD,CAAG,SACvEC,CADuE,CAEpE,CACH,GAAQC,EAAR,CAA+BD,CAA/B,CAAQC,OAAR,CAAiBC,CAAjB,CAA+BF,CAA/B,CAAiBE,SAAjB,CADG,MAGkB,EAAjB,CAAAD,CAAO,CAACE,MAHT,CAIM,IAJN,CAQD,2BACE,SAAS,CAAEL,sBAAsB,CAAC,sBAAD,CAAyB,CAACI,CAAD,CAAzB,CADnC,EAGGD,CAAO,CAACG,GAAR,CAAY,SAACC,CAAD,CAAOC,CAAP,QACX,qBAAC,MAAD,EACE,SAAS,CAAER,sBAAsB,EADnC,CAEE,GAAG,WAAKA,sBAAsB,EAA3B,aAAiCQ,CAAjC,CAFL,CAGE,IAAI,CAAC,GAHP,CAIE,IAAI,CAAC,QAJP,CAKE,IAAI,CAAC,OALP,CAME,KAAK,CAAED,CAAI,CAACE,KANd,CAOE,OAAO,CAAEF,CAAI,CAACG,OAPhB,EADW,CAAZ,CAHH,CAgBH,CA1BM"}
+{"version":3,"file":"SnackBarActionButton.js","names":["React","Button","cn","cnSnackBarActionButton","SnackBarActionButton","props","actions","className","form","length","map","item","index","label","onClick"],"sources":["../../../../../../src/components/SnackBar/SnackBarActionButton/SnackBarActionButton.tsx"],"sourcesContent":["import './SnackBarActionButton.css';\n\nimport React from 'react';\n\nimport { Button } from '##/components/Button';\nimport { cn } from '##/utils/bem';\n\nimport { SnackBarActionButtonProps } from '../types';\n\nconst cnSnackBarActionButton = cn('SnackBarActionButton');\n\nexport const SnackBarActionButton: React.FC<SnackBarActionButtonProps> = (\n  props,\n) => {\n  const { actions, className, form } = props;\n\n  if (actions.length < 1) {\n    return null;\n  }\n\n  return (\n    <div\n      className={cnSnackBarActionButton('ActionButtonsWrapper', [className])}\n    >\n      {actions.map((item, index) => (\n        <Button\n          className={cnSnackBarActionButton()}\n          key={`${cnSnackBarActionButton()}-${index}`}\n          size=\"s\"\n          type=\"button\"\n          view=\"ghost\"\n          label={item.label}\n          onClick={item.onClick}\n          form={form}\n        />\n      ))}\n    </div>\n  );\n};\n"],"mappings":"AAAA,mCAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,MAAT,oBACA,OAASC,EAAT,0BAIA,GAAMC,uBAAsB,CAAGD,EAAE,CAAC,sBAAD,CAAjC,CAEA,MAAO,IAAME,qBAAyD,CAAG,SACvEC,CADuE,CAEpE,CACH,GAAQC,EAAR,CAAqCD,CAArC,CAAQC,OAAR,CAAiBC,CAAjB,CAAqCF,CAArC,CAAiBE,SAAjB,CAA4BC,CAA5B,CAAqCH,CAArC,CAA4BG,IAA5B,CADG,MAGkB,EAAjB,CAAAF,CAAO,CAACG,MAHT,CAIM,IAJN,CAQD,2BACE,SAAS,CAAEN,sBAAsB,CAAC,sBAAD,CAAyB,CAACI,CAAD,CAAzB,CADnC,EAGGD,CAAO,CAACI,GAAR,CAAY,SAACC,CAAD,CAAOC,CAAP,QACX,qBAAC,MAAD,EACE,SAAS,CAAET,sBAAsB,EADnC,CAEE,GAAG,WAAKA,sBAAsB,EAA3B,aAAiCS,CAAjC,CAFL,CAGE,IAAI,CAAC,GAHP,CAIE,IAAI,CAAC,QAJP,CAKE,IAAI,CAAC,OALP,CAME,KAAK,CAAED,CAAI,CAACE,KANd,CAOE,OAAO,CAAEF,CAAI,CAACG,OAPhB,CAQE,IAAI,CAAEN,CARR,EADW,CAAZ,CAHH,CAiBH,CA3BM"}

package/__internal__/src/components/SnackBar/SnackBarActionButton/index.d.ts

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

package/__internal__/src/components/SnackBar/SnackBarActionButton/index.js

@@ -0,0 +1,2 @@
+export*from"./SnackBarActionButton";
+//# sourceMappingURL=index.js.map

package/__internal__/src/components/SnackBar/SnackBarActionButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/SnackBar/SnackBarActionButton/index.ts"],"sourcesContent":["export * from './SnackBarActionButton';\n"],"mappings":"AAAA"}

package/__internal__/src/components/SnackBar/SnackBarItem/SnackBarItem.css

@@ -1 +1 @@
-.SnackBarItem{--snack-bar-item-radius:0;border-radius:var(--snack-bar-item-radius);box-shadow:var(--shadow-group);color:var(--color-typo-primary);display:flex;padding:var(--space-m) var(--space-2xl) var(--space-m) var(--space-m);position:relative}.SnackBarItem_showProgress_line{padding-bottom:calc(var(--space-m) + var(--space-2xs))}.SnackBarItem_form_default{--snack-bar-item-radius:var(--space-xs)}.SnackBarItem_form_round{--snack-bar-item-radius:var(--space-m)}.SnackBarItem_form_brick{--snack-bar-item-radius:0}.SnackBarItem-ActionButton{margin-top:calc(var(--space-2xs) + var(--space-xs))}.SnackBarItem_status_system{background-color:var(--color-bg-system)}.SnackBarItem_status_normal{background-color:var(--color-bg-normal)}.SnackBarItem_status_success{background-color:var(--color-bg-success)}.SnackBarItem_status_warning{background-color:var(--color-bg-warning)}.SnackBarItem_status_alert{background-color:var(--color-bg-alert)}.SnackBarItem-Timer{margin-right:var(--space-m)}.SnackBarItem-Line{bottom:0;left:0;position:absolute}.SnackBarItem-Icon{flex:none;margin-right:var(--space-m)}.SnackBarItem-Content{flex:1}.SnackBarItem-CloseButton.Button{position:absolute;right:var(--space-2xs);top:var(--space-2xs)}
+.SnackBarItem{background-color:var(--snack-bar-item-bg);border-radius:var(--snack-bar-item-radius);box-shadow:var(--shadow-group);color:var(--color-typo-primary);position:relative}.SnackBarItem_showProgress_line{padding-bottom:calc(var(--space-m) + var(--space-2xs))}.SnackBarItem_form_default{--snack-bar-item-radius:var(--space-xs)}.SnackBarItem_form_round{--snack-bar-item-radius:var(--space-m)}.SnackBarItem_form_brick{--snack-bar-item-radius:0}.SnackBarItem-ActionButtons,.SnackBarItem-Actions,.SnackBarItem-Content{width:100%}.SnackBarItem-Line{bottom:0;left:0;position:absolute}.SnackBarItem-Icon{flex:none}.SnackBarItem-CloseButton.Button{position:absolute;right:var(--space-2xs);top:var(--space-2xs)}

package/__internal__/src/components/SnackBar/SnackBarItem/SnackBarItem.d.ts

@@ -1,7 +1,6 @@
-import '../../Theme/_color/Theme_color_gpnDark.css';
-import './SnackBarItem.css';
-import React from 'react';
-import { SnackBarItemComponent, SnackBarItemProps } from '../types';
-export declare const cnSnackBarItem: import("@bem-react/classname").ClassNameFormatter;
-export declare const SnackBarItemRender: (props: SnackBarItemProps, ref: React.Ref<HTMLDivElement>) => JSX.Element;
-export declare const SnackBarItem: SnackBarItemComponent;
+import './SnackBarItem.css';
+import React from 'react';
+import { SnackBarItemComponent, SnackBarItemProps } from '../types';
+export declare const cnSnackBarItem: import("@bem-react/classname").ClassNameFormatter;
+export declare const SnackBarItemRender: (props: SnackBarItemProps, ref: React.Ref<HTMLDivElement>) => JSX.Element;
+export declare const SnackBarItem: SnackBarItemComponent;

package/__internal__/src/components/SnackBar/SnackBarItem/SnackBarItem.js

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["onClose","autoClose","showProgress","icon","form","message","actions","status","onAutoClose","className"];import"../../Theme/_color/Theme_color_gpnDark.css";import"./SnackBarItem.css";import{IconClose}from"@consta/icons/IconClose";import React,{useEffect,useState}from"react";import{useFlag}from"../../../hooks/useFlag/useFlag";import{cn}from"../../../utils/bem";import{isNumber,isString}from"../../../utils/type-guards";import{Button}from"../../Button/Button";import{Text}from"../../Text/Text";import{cnTheme}from"../../Theme/Theme";import{SnackBarActionButton}from"../SnackBarActionButton/SnackBarActionButton";import{SnackBarLine}from"../SnackBarLine/SnackBarLine";import{SnackBarTimer}from"../SnackBarTimer/SnackBarTimer";import{snackBarItemStatusDefault,snackBarPropFormDefault}from"../types";var defaultInitialTimerTime=3;export var cnSnackBarItem=cn("SnackBarItem");var getAutoCloseTime=function(a){return!!a&&("number"==typeof a?a:defaultInitialTimerTime)};export var SnackBarItemRender=function(a,b){var c=a.onClose,d=a.autoClose,e=a.showProgress,f=a.icon,g=a.form,h=void 0===g?snackBarPropFormDefault:g,i=a.message,j=a.actions,k=a.status,l=void 0===k?snackBarItemStatusDefault:k,m=a.onAutoClose,n=a.className,o=_objectWithoutProperties(a,_excluded),p=useState(null),q=_slicedToArray(p,2),r=q[0],s=q[1],t=useFlag(!1),u=_slicedToArray(t,2),v=u[0],w=u[1],x=w.on,y=w.off,z=useFlag(!1),A=_slicedToArray(z,2),B=A[0],C=A[1].on,D=function(a){return s(a)},E=getAutoCloseTime(d),F=e===void 0||!(isNumber(E)&&0<E),G=function(){m?m():null===c||void 0===c?void 0:c()};useEffect(function(){B||(v?r&&r.pause():r&&r.start())},[v,B,r]);var H=function(){C(),G()},I=c?function(){return c()}:void 0;return React.createElement("div",Object.assign({ref:b,className:cnSnackBarItem({status:l,showProgress:e,form:h},[cnTheme({color:"gpnDark"}),n]),onMouseEnter:E?function handleMouseEnter(){return x()}:void 0,onMouseLeave:E?function handleMouseLeave(){return y()}:void 0},o),E&&"line"!==e&&React.createElement(SnackBarTimer,{className:cnSnackBarItem("Timer"),onMount:D,onTimeIsOver:H,startTime:E,hidden:F}),f&&(F&&"timer"===e||"timer"!==e)&&React.createElement(f,{className:cnSnackBarItem("Icon"),size:"m"}),React.createElement("div",{className:cnSnackBarItem("Content")},isString(i)||isNumber(i)?React.createElement(Text,{view:"primary",size:"m",className:cnSnackBarItem("Message"),lineHeight:"s"},i):i,j&&React.createElement(SnackBarActionButton,{actions:j,className:cnSnackBarItem("ActionButton")})),c&&React.createElement(Button,{className:cnSnackBarItem("CloseButton"),view:"clear",iconLeft:IconClose,form:"round",type:"button",size:"xs",onClick:I}),E&&"line"===e&&React.createElement(SnackBarLine,{className:cnSnackBarItem("Line"),onMount:D,onTimeIsOver:H,startTime:E}))};export var SnackBarItem=React.forwardRef(SnackBarItemRender);
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["onClose","autoClose","showProgress","icon","form","message","actions","status","onAutoClose","className","progressView","progress","style"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./SnackBarItem.css";import{IconClose}from"@consta/icons/IconClose";import React,{useEffect,useState}from"react";import{Button}from"../../Button";import{Text}from"../../Text";import{useTheme}from"../../Theme";import{useFlag}from"../../../hooks/useFlag";import{cnMixFlex}from"../../../mixs/MixFlex";import{cnMixSpace}from"../../../mixs/MixSpace";import{cn}from"../../../utils/bem";import{isNumber,isString}from"../../../utils/type-guards";import{SnackBarActionButton}from"../SnackBarActionButton";import{SnackBarLine}from"../SnackBarLine/SnackBarLine";import{SnackBarProgress}from"../SnackBarProgress";import{SnackBarTimer}from"../SnackBarTimer/SnackBarTimer";import{snackBarItemStatusDefault,snackBarPropFormDefault,snackBarPropProgressViewDefault}from"../types";var defaultInitialTimerTime=3;export var cnSnackBarItem=cn("SnackBarItem");var getAutoCloseTime=function(a){return!!a&&("number"==typeof a?a:defaultInitialTimerTime)};export var SnackBarItemRender=function(a,b){var c=a.onClose,d=a.autoClose,e=a.showProgress,f=a.icon,g=a.form,h=void 0===g?snackBarPropFormDefault:g,i=a.message,j=a.actions,k=a.status,l=void 0===k?snackBarItemStatusDefault:k,m=a.onAutoClose,n=a.className,o=a.progressView,p=void 0===o?snackBarPropProgressViewDefault:o,q=a.progress,r=a.style,s=_objectWithoutProperties(a,_excluded),t=useTheme(),u=t.themeClassNames,v=useState(null),w=_slicedToArray(v,2),x=w[0],y=w[1],z=useFlag(!1),A=_slicedToArray(z,2),B=A[0],C=A[1],D=C.on,E=C.off,F=useFlag(!1),G=_slicedToArray(F,2),H=G[0],I=G[1].on,J=function(a){return y(a)},K=getAutoCloseTime(d),L=e===void 0||!(isNumber(K)&&0<K),M=function(){m?m():null===c||void 0===c?void 0:c()};useEffect(function(){H||(B?x&&x.pause():x&&x.start())},[B,H,x]);var N=function(){I(),M()},O=c?function(){return c()}:void 0,P=isNumber(q)||!0===q;return React.createElement("div",Object.assign({ref:b,className:cnSnackBarItem({showProgress:e,form:h},[cnMixFlex({flex:"flex",gap:"m"}),cnMixSpace({p:"m"}),u.color.accent,n]),onMouseEnter:K?function handleMouseEnter(){return D()}:void 0,onMouseLeave:K?function handleMouseLeave(){return E()}:void 0,style:_objectSpread(_objectSpread({},r),{},_defineProperty({},"--snack-bar-item-bg","var(--color-bg-".concat(l,")")))},s),K&&"line"!==e&&React.createElement(SnackBarTimer,{className:cnSnackBarItem("Timer"),onMount:J,onTimeIsOver:N,startTime:K,hidden:L}),f&&(L&&"timer"===e||"timer"!==e)&&React.createElement(f,{className:cnSnackBarItem("Icon"),size:"m"}),React.createElement("div",{className:cnSnackBarItem("Content",cnMixFlex({flex:"flex",gap:"s",direction:"column"}))},React.createElement("div",{className:c?cnMixSpace({pR:"m"}):void 0},isString(i)||isNumber(i)?React.createElement(Text,{view:"primary",size:"m",className:cnSnackBarItem("Message"),lineHeight:"s"},i):i),(P||j)&&React.createElement("div",{className:cnSnackBarItem("Actions",[cnMixFlex({flex:"flex",align:"flex-end",gap:"s",justify:"flex-end"})])},j&&React.createElement(SnackBarActionButton,{className:cnSnackBarItem("ActionButtons"),actions:j,form:h}),P&&React.createElement(SnackBarProgress,{progress:q,view:p}))),c&&React.createElement(Button,{className:cnSnackBarItem("CloseButton"),view:"clear",iconLeft:IconClose,form:"round",type:"button",size:"xs",onClick:O}),K&&"line"===e&&React.createElement(SnackBarLine,{className:cnSnackBarItem("Line"),onMount:J,onTimeIsOver:N,startTime:K}))};export var SnackBarItem=React.forwardRef(SnackBarItemRender);
 //# sourceMappingURL=SnackBarItem.js.map

package/__internal__/src/components/SnackBar/SnackBarItem/SnackBarItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SnackBarItem.js","names":["IconClose","React","useEffect","useState","useFlag","cn","isNumber","isString","Button","Text","cnTheme","SnackBarActionButton","SnackBarLine","SnackBarTimer","snackBarItemStatusDefault","snackBarPropFormDefault","defaultInitialTimerTime","cnSnackBarItem","getAutoCloseTime","autoClose","SnackBarItemRender","props","ref","onClose","showProgress","Icon","icon","form","message","actions","status","onAutoCloseProp","onAutoClose","className","otherProps","timerFunctions","setTimerFunctions","hover","onHover","on","offHover","off","timeIsOver","onTimeIsOver","handleMountTimer","autoCloseTime","hideAutoCloseTimer","pause","start","handleTimeIsOver","handleClose","color","handleMouseEnter","handleMouseLeave","SnackBarItem","forwardRef"],"sources":["../../../../../../src/components/SnackBar/SnackBarItem/SnackBarItem.tsx"],"sourcesContent":["import '../../Theme/_color/Theme_color_gpnDark.css';\nimport './SnackBarItem.css';\n\nimport { IconClose } from '@consta/icons/IconClose';\nimport React, { useEffect, useState } from 'react';\n\nimport { useFlag } from '../../../hooks/useFlag/useFlag';\nimport { cn } from '../../../utils/bem';\nimport { isNumber, isString } from '../../../utils/type-guards';\nimport { Button } from '../../Button/Button';\nimport { Text } from '../../Text/Text';\nimport { cnTheme } from '../../Theme/Theme';\nimport { SnackBarActionButton } from '../SnackBarActionButton/SnackBarActionButton';\nimport { SnackBarLine } from '../SnackBarLine/SnackBarLine';\nimport { SnackBarTimer } from '../SnackBarTimer/SnackBarTimer';\nimport {\n  SnackBarItemComponent,\n  SnackBarItemProps,\n  snackBarItemStatusDefault,\n  snackBarPropFormDefault,\n  SnackBarTimerPropOnMount,\n} from '../types';\n\nconst defaultInitialTimerTime = 3;\n\nexport const cnSnackBarItem = cn('SnackBarItem');\n\nconst getAutoCloseTime = (\n  autoClose: boolean | number | undefined,\n): number | false => {\n  if (autoClose) {\n    if (typeof autoClose === 'number') {\n      return autoClose;\n    }\n    return defaultInitialTimerTime;\n  }\n  return false;\n};\n\nexport const SnackBarItemRender = (\n  props: SnackBarItemProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    onClose,\n    autoClose,\n    showProgress,\n    icon: Icon,\n    form = snackBarPropFormDefault,\n    message,\n    actions,\n    status = snackBarItemStatusDefault,\n    onAutoClose: onAutoCloseProp,\n    className,\n    ...otherProps\n  } = props;\n\n  const [timerFunctions, setTimerFunctions] = useState<{\n    start: () => void;\n    pause: () => void;\n  } | null>(null);\n  const [hover, { on: onHover, off: offHover }] = useFlag(false);\n  const [timeIsOver, { on: onTimeIsOver }] = useFlag(false);\n  const handleMountTimer: SnackBarTimerPropOnMount = (timerFunctions) =>\n    setTimerFunctions(timerFunctions);\n  const handleMouseEnter = () => onHover();\n  const handleMouseLeave = () => offHover();\n  const autoCloseTime = getAutoCloseTime(autoClose);\n  const hideAutoCloseTimer =\n    showProgress === undefined ||\n    !(isNumber(autoCloseTime) && autoCloseTime > 0);\n  const onAutoClose = () => {\n    if (onAutoCloseProp) {\n      onAutoCloseProp();\n    } else {\n      onClose?.();\n    }\n  };\n\n  useEffect(() => {\n    if (!timeIsOver) {\n      if (hover) {\n        timerFunctions && timerFunctions.pause();\n      } else {\n        timerFunctions && timerFunctions.start();\n      }\n    }\n  }, [hover, timeIsOver, timerFunctions]);\n\n  const handleTimeIsOver = () => {\n    onTimeIsOver();\n    onAutoClose();\n  };\n\n  const handleClose = onClose ? () => onClose() : undefined;\n\n  return (\n    <div\n      ref={ref}\n      className={cnSnackBarItem({ status, showProgress, form }, [\n        cnTheme({ color: 'gpnDark' }),\n        className,\n      ])}\n      onMouseEnter={autoCloseTime ? handleMouseEnter : undefined}\n      onMouseLeave={autoCloseTime ? handleMouseLeave : undefined}\n      {...otherProps}\n    >\n      {autoCloseTime && showProgress !== 'line' && (\n        <SnackBarTimer\n          className={cnSnackBarItem('Timer')}\n          onMount={handleMountTimer}\n          onTimeIsOver={handleTimeIsOver}\n          startTime={autoCloseTime}\n          hidden={hideAutoCloseTimer}\n        />\n      )}\n      {Icon &&\n        ((hideAutoCloseTimer && showProgress === 'timer') ||\n          showProgress !== 'timer') && (\n          <Icon className={cnSnackBarItem('Icon')} size=\"m\" />\n        )}\n      <div className={cnSnackBarItem('Content')}>\n        {isString(message) || isNumber(message) ? (\n          <Text\n            view=\"primary\"\n            size=\"m\"\n            className={cnSnackBarItem('Message')}\n            lineHeight=\"s\"\n          >\n            {message}\n          </Text>\n        ) : (\n          message\n        )}\n        {actions && (\n          <SnackBarActionButton\n            actions={actions}\n            className={cnSnackBarItem('ActionButton')}\n          />\n        )}\n      </div>\n      {onClose && (\n        <Button\n          className={cnSnackBarItem('CloseButton')}\n          view=\"clear\"\n          iconLeft={IconClose}\n          form=\"round\"\n          type=\"button\"\n          size=\"xs\"\n          onClick={handleClose}\n        />\n      )}\n      {autoCloseTime && showProgress === 'line' && (\n        <SnackBarLine\n          className={cnSnackBarItem('Line')}\n          onMount={handleMountTimer}\n          onTimeIsOver={handleTimeIsOver}\n          startTime={autoCloseTime}\n        />\n      )}\n    </div>\n  );\n};\n\nexport const SnackBarItem = React.forwardRef(\n  SnackBarItemRender,\n) as SnackBarItemComponent;\n"],"mappings":"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"}
+{"version":3,"file":"SnackBarItem.js","names":["IconClose","React","useEffect","useState","Button","Text","useTheme","useFlag","cnMixFlex","cnMixSpace","cn","isNumber","isString","SnackBarActionButton","SnackBarLine","SnackBarProgress","SnackBarTimer","snackBarItemStatusDefault","snackBarPropFormDefault","snackBarPropProgressViewDefault","defaultInitialTimerTime","cnSnackBarItem","getAutoCloseTime","autoClose","SnackBarItemRender","props","ref","onClose","showProgress","Icon","icon","form","message","actions","status","onAutoCloseProp","onAutoClose","className","progressView","progress","style","otherProps","themeClassNames","timerFunctions","setTimerFunctions","hover","onHover","on","offHover","off","timeIsOver","onTimeIsOver","handleMountTimer","autoCloseTime","hideAutoCloseTimer","pause","start","handleTimeIsOver","handleClose","vsibleProgress","flex","gap","p","color","accent","handleMouseEnter","handleMouseLeave","direction","pR","align","justify","SnackBarItem","forwardRef"],"sources":["../../../../../../src/components/SnackBar/SnackBarItem/SnackBarItem.tsx"],"sourcesContent":["import './SnackBarItem.css';\n\nimport { IconClose } from '@consta/icons/IconClose';\nimport React, { useEffect, useState } from 'react';\n\nimport { Button } from '##/components/Button';\nimport { Text } from '##/components/Text';\nimport { useTheme } from '##/components/Theme';\nimport { useFlag } from '##/hooks/useFlag';\nimport { cnMixFlex } from '##/mixs/MixFlex';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\nimport { isNumber, isString } from '##/utils/type-guards';\n\nimport { SnackBarActionButton } from '../SnackBarActionButton';\nimport { SnackBarLine } from '../SnackBarLine/SnackBarLine';\nimport { SnackBarProgress } from '../SnackBarProgress';\nimport { SnackBarTimer } from '../SnackBarTimer/SnackBarTimer';\nimport {\n  SnackBarItemComponent,\n  SnackBarItemProps,\n  snackBarItemStatusDefault,\n  snackBarPropFormDefault,\n  snackBarPropProgressViewDefault,\n  SnackBarTimerPropOnMount,\n} from '../types';\n\nconst defaultInitialTimerTime = 3;\n\nexport const cnSnackBarItem = cn('SnackBarItem');\n\nconst getAutoCloseTime = (\n  autoClose: boolean | number | undefined,\n): number | false => {\n  if (autoClose) {\n    if (typeof autoClose === 'number') {\n      return autoClose;\n    }\n    return defaultInitialTimerTime;\n  }\n  return false;\n};\n\nexport const SnackBarItemRender = (\n  props: SnackBarItemProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    onClose,\n    autoClose,\n    showProgress,\n    icon: Icon,\n    form = snackBarPropFormDefault,\n    message,\n    actions,\n    status = snackBarItemStatusDefault,\n    onAutoClose: onAutoCloseProp,\n    className,\n    progressView = snackBarPropProgressViewDefault,\n    progress,\n    style,\n    ...otherProps\n  } = props;\n\n  const { themeClassNames } = useTheme();\n\n  const [timerFunctions, setTimerFunctions] = useState<{\n    start: () => void;\n    pause: () => void;\n  } | null>(null);\n  const [hover, { on: onHover, off: offHover }] = useFlag(false);\n  const [timeIsOver, { on: onTimeIsOver }] = useFlag(false);\n  const handleMountTimer: SnackBarTimerPropOnMount = (timerFunctions) =>\n    setTimerFunctions(timerFunctions);\n  const handleMouseEnter = () => onHover();\n  const handleMouseLeave = () => offHover();\n  const autoCloseTime = getAutoCloseTime(autoClose);\n  const hideAutoCloseTimer =\n    showProgress === undefined ||\n    !(isNumber(autoCloseTime) && autoCloseTime > 0);\n  const onAutoClose = () => {\n    if (onAutoCloseProp) {\n      onAutoCloseProp();\n    } else {\n      onClose?.();\n    }\n  };\n\n  useEffect(() => {\n    if (!timeIsOver) {\n      if (hover) {\n        timerFunctions && timerFunctions.pause();\n      } else {\n        timerFunctions && timerFunctions.start();\n      }\n    }\n  }, [hover, timeIsOver, timerFunctions]);\n\n  const handleTimeIsOver = () => {\n    onTimeIsOver();\n    onAutoClose();\n  };\n\n  const handleClose = onClose ? () => onClose() : undefined;\n  const vsibleProgress = isNumber(progress) || progress === true;\n\n  return (\n    <div\n      ref={ref}\n      className={cnSnackBarItem({ showProgress, form }, [\n        cnMixFlex({ flex: 'flex', gap: 'm' }),\n        cnMixSpace({ p: 'm' }),\n        themeClassNames.color.accent,\n        className,\n      ])}\n      onMouseEnter={autoCloseTime ? handleMouseEnter : undefined}\n      onMouseLeave={autoCloseTime ? handleMouseLeave : undefined}\n      style={{\n        ...style,\n        ['--snack-bar-item-bg' as string]: `var(--color-bg-${status})`,\n      }}\n      {...otherProps}\n    >\n      {autoCloseTime && showProgress !== 'line' && (\n        <SnackBarTimer\n          className={cnSnackBarItem('Timer')}\n          onMount={handleMountTimer}\n          onTimeIsOver={handleTimeIsOver}\n          startTime={autoCloseTime}\n          hidden={hideAutoCloseTimer}\n        />\n      )}\n      {Icon &&\n        ((hideAutoCloseTimer && showProgress === 'timer') ||\n          showProgress !== 'timer') && (\n          <Icon className={cnSnackBarItem('Icon')} size=\"m\" />\n        )}\n      <div\n        className={cnSnackBarItem(\n          'Content',\n          cnMixFlex({ flex: 'flex', gap: 's', direction: 'column' }),\n        )}\n      >\n        <div className={onClose ? cnMixSpace({ pR: 'm' }) : undefined}>\n          {isString(message) || isNumber(message) ? (\n            <Text\n              view=\"primary\"\n              size=\"m\"\n              className={cnSnackBarItem('Message')}\n              lineHeight=\"s\"\n            >\n              {message}\n            </Text>\n          ) : (\n            message\n          )}\n        </div>\n        {(vsibleProgress || actions) && (\n          <div\n            className={cnSnackBarItem('Actions', [\n              cnMixFlex({\n                flex: 'flex',\n                align: 'flex-end',\n                gap: 's',\n                justify: 'flex-end',\n              }),\n            ])}\n          >\n            {actions && (\n              <SnackBarActionButton\n                className={cnSnackBarItem('ActionButtons')}\n                actions={actions}\n                form={form}\n              />\n            )}\n            {vsibleProgress && (\n              <SnackBarProgress progress={progress} view={progressView} />\n            )}\n          </div>\n        )}\n      </div>\n\n      {onClose && (\n        <Button\n          className={cnSnackBarItem('CloseButton')}\n          view=\"clear\"\n          iconLeft={IconClose}\n          form=\"round\"\n          type=\"button\"\n          size=\"xs\"\n          onClick={handleClose}\n        />\n      )}\n      {autoCloseTime && showProgress === 'line' && (\n        <SnackBarLine\n          className={cnSnackBarItem('Line')}\n          onMount={handleMountTimer}\n          onTimeIsOver={handleTimeIsOver}\n          startTime={autoCloseTime}\n        />\n      )}\n    </div>\n  );\n};\n\nexport const SnackBarItem = React.forwardRef(\n  SnackBarItemRender,\n) as SnackBarItemComponent;\n"],"mappings":"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"}

package/__internal__/src/components/SnackBar/SnackBarItem/index.d.ts

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

package/__internal__/src/components/SnackBar/SnackBarItem/index.js

@@ -0,0 +1,2 @@
+export*from"./SnackBarItem";
+//# sourceMappingURL=index.js.map

package/__internal__/src/components/SnackBar/SnackBarItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/SnackBar/SnackBarItem/index.ts"],"sourcesContent":["export * from './SnackBarItem';\n"],"mappings":"AAAA"}

package/__internal__/src/components/SnackBar/SnackBarLine/SnackBarLine.d.ts

@@ -1,4 +1,4 @@
-import './SnackBarLine.css';
-import React from 'react';
-import { SnackBarTimerProps } from '../types';
-export declare const SnackBarLine: React.FC<Omit<SnackBarTimerProps, 'hidden'>>;
+import './SnackBarLine.css';
+import React from 'react';
+import { SnackBarTimerProps } from '../types';
+export declare const SnackBarLine: React.FC<Omit<SnackBarTimerProps, 'hidden'>>;

package/__internal__/src/components/SnackBar/SnackBarLine/index.d.ts

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

package/__internal__/src/components/SnackBar/SnackBarLine/index.js

@@ -0,0 +1,2 @@
+export*from"./SnackBarLine";
+//# sourceMappingURL=index.js.map