@skbkontur/react-ui 5.6.1-9a162.0 → 5.6.1-e2bc4.0

package/components/Textarea/TextareaCounter.js

@@ -0,0 +1,69 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React, { useContext, useCallback, useImperativeHandle, useState } from 'react';
+import { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';
+import { forwardRefAndName } from '../../lib/forwardRefAndName.js';
+import { ThemeContext } from '../../lib/theming/ThemeContext.js';
+import { isFunction } from '../../lib/utils.js';
+import { Tooltip } from '../Tooltip/index.js';
+import { QuestionCircleIcon16Solid } from '../../internal/icons2022/QuestionCircleIcon/QuestionCircleIcon16Solid.js';
+import { TextareaDataTids } from './Textarea.js';
+import { getStyles } from './Textarea.styles.js';
+var handleHelpMouseDown = function (e) { return e.preventDefault(); };
+export var TextareaCounter = forwardRefAndName('TextareaCounter', function (_a, ref) {
+    var _b;
+    var length = _a.length, value = _a.value, help = _a.help, onCloseHelp = _a.onCloseHelp, textarea = _a.textarea, size = _a.size;
+    var theme = useContext(ThemeContext);
+    var cx = useEmotion().cx;
+    var styles = useStyles(getStyles);
+    var _c = useState(textarea.clientWidth), width = _c[0], setWidth = _c[1];
+    var _d = useState(textarea.clientHeight), height = _d[0], setHeight = _d[1];
+    var reflow = useCallback(function () {
+        var clientWidth = textarea.clientWidth, clientHeight = textarea.clientHeight;
+        setWidth(clientWidth);
+        setHeight(clientHeight);
+    }, [textarea]);
+    useImperativeHandle(ref, function () { return ({ reflow: reflow }); }, [reflow]);
+    var renderTooltipContent = useCallback(function () {
+        if (typeof help === 'function') {
+            return help();
+        }
+        return help;
+    }, [help]);
+    var textareaValue = value ? value.toString().length : 0;
+    var counterValue = length - textareaValue;
+    var helpIconProps = {
+        onMouseDown: handleHelpMouseDown,
+        color: theme.textareaCounterHelpIconColor,
+        'data-tid': TextareaDataTids.helpIcon,
+    };
+    var helpIcon = React.createElement(QuestionCircleIcon16Solid, __assign({}, helpIconProps));
+    var counterHelp = isFunction(help) ? (help()) : (React.createElement(Tooltip, { pos: 'right bottom', trigger: 'click', render: renderTooltipContent, onCloseClick: onCloseHelp }, helpIcon));
+    var getCounterSizeClassName = function () {
+        switch (size) {
+            case 'large':
+                return styles.counterLarge(theme);
+            case 'medium':
+                return styles.counterMedium(theme);
+            case 'small':
+            default:
+                return styles.counterSmall(theme);
+        }
+    };
+    return (React.createElement("div", { "data-tid": TextareaDataTids.counter, className: cx(styles.counterContainer(theme)), style: { width: width, height: height } },
+        React.createElement("span", { className: cx(getCounterSizeClassName(), styles.counter(theme), (_b = {},
+                _b[styles.counterError(theme)] = counterValue < 0,
+                _b)) },
+            counterValue,
+            help && React.createElement("span", { className: styles.counterHelp() }, counterHelp))));
+});
+//# sourceMappingURL=TextareaCounter.js.map

package/components/Textarea/TextareaCounter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextareaCounter.js","sourceRoot":"","sources":["../../../components/Textarea/TextareaCounter.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,mBAAmB,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtF,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,yBAAyB,EAAE,MAAM,0EAA0E,CAAC;AAIrH,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAejD,IAAM,mBAAmB,GAAG,UAAC,CAAiB,IAAK,OAAA,CAAC,CAAC,cAAc,EAAE,EAAlB,CAAkB,CAAC;AAEtE,MAAM,CAAC,IAAM,eAAe,GAAG,iBAAiB,CAC9C,iBAAiB,EACjB,UAAC,EAAoD,EAAE,GAAG;;QAAvD,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA;IACjD,IAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAC/B,IAAA,EAAE,GAAK,UAAU,EAAE,GAAjB,CAAkB;IAC5B,IAAM,MAAM,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;IAC9B,IAAA,KAAoB,QAAQ,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAjD,KAAK,QAAA,EAAE,QAAQ,QAAkC,CAAC;IACnD,IAAA,KAAsB,QAAQ,CAAC,QAAQ,CAAC,YAAY,CAAC,EAApD,MAAM,QAAA,EAAE,SAAS,QAAmC,CAAC;IAC5D,IAAM,MAAM,GAAG,WAAW,CAAC;QACjB,IAAA,WAAW,GAAmB,QAAQ,YAA3B,EAAE,YAAY,GAAK,QAAQ,aAAb,CAAc;QAC/C,QAAQ,CAAC,WAAW,CAAC,CAAC;QACtB,SAAS,CAAC,YAAY,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IACf,mBAAmB,CAAC,GAAG,EAAE,cAAM,OAAA,CAAC,EAAE,MAAM,QAAA,EAAE,CAAC,EAAZ,CAAY,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACvD,IAAM,oBAAoB,GAAG,WAAW,CAAC;QACvC,IAAI,OAAO,IAAI,KAAK,UAAU,EAAE,CAAC;YAC/B,OAAO,IAAI,EAAE,CAAC;QAChB,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IACX,IAAM,aAAa,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1D,IAAM,YAAY,GAAG,MAAM,GAAG,aAAa,CAAC;IAE5C,IAAM,aAAa,GAAG;QACpB,WAAW,EAAE,mBAAmB;QAChC,KAAK,EAAE,KAAK,CAAC,4BAA4B;QACzC,UAAU,EAAE,gBAAgB,CAAC,QAAQ;KACtC,CAAC;IACF,IAAM,QAAQ,GAAG,oBAAC,yBAAyB,eAAK,aAAa,EAAI,CAAC;IAClE,IAAM,WAAW,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACrC,IAAI,EAAE,CACP,CAAC,CAAC,CAAC,CACF,oBAAC,OAAO,IAAC,GAAG,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,oBAAoB,EAAE,YAAY,EAAE,WAAW,IACpG,QAAQ,CACD,CACX,CAAC;IAEF,IAAM,uBAAuB,GAAG;QAC9B,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,OAAO;gBACV,OAAO,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;YACpC,KAAK,QAAQ;gBACX,OAAO,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACrC,KAAK,OAAO,CAAC;YACb;gBACE,OAAO,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QACtC,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,yCAAe,gBAAgB,CAAC,OAAO,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,OAAA,EAAE,MAAM,QAAA,EAAE;QAC9G,8BACE,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;gBAC5D,GAAC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,IAAG,YAAY,GAAG,CAAC;oBAC9C;YAED,YAAY;YACZ,IAAI,IAAI,8BAAM,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE,IAAG,WAAW,CAAQ,CAC/D,CACH,CACP,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["import type { SyntheticEvent } from 'react';\nimport React, { useContext, useCallback, useImperativeHandle, useState } from 'react';\n\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { isFunction } from '../../lib/utils.js';\nimport { Tooltip } from '../Tooltip/index.js';\nimport { QuestionCircleIcon16Solid } from '../../internal/icons2022/QuestionCircleIcon/QuestionCircleIcon16Solid.js';\nimport type { SizeProp } from '../../lib/types/props.js';\n\nimport type { TextareaProps } from './Textarea.js';\nimport { TextareaDataTids } from './Textarea.js';\nimport { getStyles } from './Textarea.styles.js';\n\nexport interface TextareaCounterProps {\n  value: TextareaProps['value'];\n  length: number;\n  help: TextareaProps['counterHelp'];\n  onCloseHelp: () => void;\n  textarea: HTMLTextAreaElement;\n  size: SizeProp;\n}\n\nexport interface TextareaCounterRef {\n  reflow: () => void;\n}\n\nconst handleHelpMouseDown = (e: SyntheticEvent) => e.preventDefault();\n\nexport const TextareaCounter = forwardRefAndName<TextareaCounterRef, TextareaCounterProps>(\n  'TextareaCounter',\n  ({ length, value, help, onCloseHelp, textarea, size }, ref) => {\n    const theme = useContext(ThemeContext);\n    const { cx } = useEmotion();\n    const styles = useStyles(getStyles);\n    const [width, setWidth] = useState(textarea.clientWidth);\n    const [height, setHeight] = useState(textarea.clientHeight);\n    const reflow = useCallback(() => {\n      const { clientWidth, clientHeight } = textarea;\n      setWidth(clientWidth);\n      setHeight(clientHeight);\n    }, [textarea]);\n    useImperativeHandle(ref, () => ({ reflow }), [reflow]);\n    const renderTooltipContent = useCallback(() => {\n      if (typeof help === 'function') {\n        return help();\n      }\n      return help;\n    }, [help]);\n    const textareaValue = value ? value.toString().length : 0;\n    const counterValue = length - textareaValue;\n\n    const helpIconProps = {\n      onMouseDown: handleHelpMouseDown,\n      color: theme.textareaCounterHelpIconColor,\n      'data-tid': TextareaDataTids.helpIcon,\n    };\n    const helpIcon = <QuestionCircleIcon16Solid {...helpIconProps} />;\n    const counterHelp = isFunction(help) ? (\n      help()\n    ) : (\n      <Tooltip pos={'right bottom'} trigger={'click'} render={renderTooltipContent} onCloseClick={onCloseHelp}>\n        {helpIcon}\n      </Tooltip>\n    );\n\n    const getCounterSizeClassName = () => {\n      switch (size) {\n        case 'large':\n          return styles.counterLarge(theme);\n        case 'medium':\n          return styles.counterMedium(theme);\n        case 'small':\n        default:\n          return styles.counterSmall(theme);\n      }\n    };\n\n    return (\n      <div data-tid={TextareaDataTids.counter} className={cx(styles.counterContainer(theme))} style={{ width, height }}>\n        <span\n          className={cx(getCounterSizeClassName(), styles.counter(theme), {\n            [styles.counterError(theme)]: counterValue < 0,\n          })}\n        >\n          {counterValue}\n          {help && <span className={styles.counterHelp()}>{counterHelp}</span>}\n        </span>\n      </div>\n    );\n  },\n);\n"]}

package/components/Textarea/TextareaHelpers.d.ts

@@ -1,4 +1,5 @@
-export declare function getTextAreaHeight(params: GetTextAreaHeightParams): {
+import type { GlobalObject } from '../../lib/globalObject.js';
+export declare function getTextAreaHeight(globalObject: GlobalObject, params: GetTextAreaHeightParams): {
     height: number;
     exceededMaxHeight: boolean;
 } | null;

package/components/Textarea/TextareaHelpers.js

@@ -0,0 +1,22 @@
+import { isBrowser } from '../../lib/globalObject.js';
+export function getTextAreaHeight(globalObject, params) {
+    if (!isBrowser(globalObject)) {
+        return null;
+    }
+    var node = params.node, minRows = params.minRows, maxRows = params.maxRows, extraRow = params.extraRow;
+    var style = globalObject.getComputedStyle(node);
+    var borderTop = style.borderTopWidth ? parseInt(style.borderTopWidth, 10) : 0;
+    var borderBottom = style.borderBottomWidth ? parseInt(style.borderBottomWidth, 10) : 0;
+    var lineHeight = style.lineHeight ? parseInt(style.lineHeight, 10) : 0;
+    var paddingTop = style.paddingTop ? parseInt(style.paddingTop, 10) : 0;
+    var paddingBottom = style.paddingBottom ? parseInt(style.paddingBottom, 10) : 0;
+    var minHeight = borderTop + borderBottom + paddingTop + paddingBottom + lineHeight * minRows;
+    var maxHeight = borderTop + borderBottom + paddingTop + paddingBottom + lineHeight * maxRows;
+    var extraRowHeight = extraRow ? lineHeight : 0;
+    var expectedHeight = node.scrollHeight + borderTop + borderBottom + extraRowHeight;
+    return {
+        height: Math.min(Math.max(expectedHeight, minHeight), maxHeight),
+        exceededMaxHeight: expectedHeight > maxHeight + extraRowHeight,
+    };
+}
+//# sourceMappingURL=TextareaHelpers.js.map

package/components/Textarea/TextareaHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextareaHelpers.js","sourceRoot":"","sources":["../../../components/Textarea/TextareaHelpers.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,MAAM,UAAU,iBAAiB,CAC/B,YAA0B,EAC1B,MAA+B;IAE/B,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,CAAC;QAC7B,OAAO,IAAI,CAAC;IACd,CAAC;IACO,IAAA,IAAI,GAAiC,MAAM,KAAvC,EAAE,OAAO,GAAwB,MAAM,QAA9B,EAAE,OAAO,GAAe,MAAM,QAArB,EAAE,QAAQ,GAAK,MAAM,SAAX,CAAY;IACpD,IAAM,KAAK,GAAG,YAAY,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAClD,IAAM,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAChF,IAAM,YAAY,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,iBAAiB,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACzF,IAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACzE,IAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACzE,IAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAClF,IAAM,SAAS,GAAG,SAAS,GAAG,YAAY,GAAG,UAAU,GAAG,aAAa,GAAG,UAAU,GAAG,OAAO,CAAC;IAC/F,IAAM,SAAS,GAAG,SAAS,GAAG,YAAY,GAAG,UAAU,GAAG,aAAa,GAAG,UAAU,GAAG,OAAO,CAAC;IAC/F,IAAM,cAAc,GAAG,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IACjD,IAAM,cAAc,GAAG,IAAI,CAAC,YAAY,GAAG,SAAS,GAAG,YAAY,GAAG,cAAc,CAAC;IACrF,OAAO;QACL,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,cAAc,EAAE,SAAS,CAAC,EAAE,SAAS,CAAC;QAChE,iBAAiB,EAAE,cAAc,GAAG,SAAS,GAAG,cAAc;KAC/D,CAAC;AACJ,CAAC","sourcesContent":["import type { GlobalObject } from '../../lib/globalObject.js';\nimport { isBrowser } from '../../lib/globalObject.js';\n\nexport function getTextAreaHeight(\n  globalObject: GlobalObject,\n  params: GetTextAreaHeightParams,\n): { height: number; exceededMaxHeight: boolean } | null {\n  if (!isBrowser(globalObject)) {\n    return null;\n  }\n  const { node, minRows, maxRows, extraRow } = params;\n  const style = globalObject.getComputedStyle(node);\n  const borderTop = style.borderTopWidth ? parseInt(style.borderTopWidth, 10) : 0;\n  const borderBottom = style.borderBottomWidth ? parseInt(style.borderBottomWidth, 10) : 0;\n  const lineHeight = style.lineHeight ? parseInt(style.lineHeight, 10) : 0;\n  const paddingTop = style.paddingTop ? parseInt(style.paddingTop, 10) : 0;\n  const paddingBottom = style.paddingBottom ? parseInt(style.paddingBottom, 10) : 0;\n  const minHeight = borderTop + borderBottom + paddingTop + paddingBottom + lineHeight * minRows;\n  const maxHeight = borderTop + borderBottom + paddingTop + paddingBottom + lineHeight * maxRows;\n  const extraRowHeight = extraRow ? lineHeight : 0;\n  const expectedHeight = node.scrollHeight + borderTop + borderBottom + extraRowHeight;\n  return {\n    height: Math.min(Math.max(expectedHeight, minHeight), maxHeight),\n    exceededMaxHeight: expectedHeight > maxHeight + extraRowHeight,\n  };\n}\n\ninterface GetTextAreaHeightParams {\n  node: HTMLTextAreaElement;\n  minRows: number;\n  maxRows: number;\n  extraRow: boolean;\n}\n"]}

package/components/Textarea/TextareaWithSafari17Workaround.d.ts

@@ -4,4 +4,4 @@ import React from 'react';
  * Reproduce: https://codesandbox.io/p/sandbox/textarea-and-textarea-safari-bug-9v95vz
  * was fixed in Safari version 17.4: https://developer.apple.com/documentation/safari-release-notes/safari-17_4-release-notes
  */
-export declare const TextareaWithSafari17Workaround: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLTextAreaElement, React.TextareaHTMLAttributes<HTMLTextAreaElement>> & Record<never, never>;
+export declare const TextareaWithSafari17Workaround: import("../../lib/forwardRefAndName.js").ReactUIComponentWithRef<HTMLTextAreaElement, React.TextareaHTMLAttributes<HTMLTextAreaElement>> & Record<never, never>;

package/components/Textarea/TextareaWithSafari17Workaround.js

@@ -0,0 +1,26 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+import { forwardRefAndName } from '../../lib/forwardRefAndName.js';
+/**
+ * React textarea behaves incorrectly on first rendered in Safari version 17.*
+ * Reproduce: https://codesandbox.io/p/sandbox/textarea-and-textarea-safari-bug-9v95vz
+ * was fixed in Safari version 17.4: https://developer.apple.com/documentation/safari-release-notes/safari-17_4-release-notes
+ */
+export var TextareaWithSafari17Workaround = forwardRefAndName('TextareaWithSafari17Workaround', function (props, ref) {
+    var _a = React.useState(true), firstRender = _a[0], setFirstRender = _a[1];
+    React.useEffect(function () {
+        firstRender && setFirstRender(false);
+    }, []);
+    return React.createElement("textarea", __assign({}, props, { value: firstRender ? '' : props.value, ref: ref }));
+});
+//# sourceMappingURL=TextareaWithSafari17Workaround.js.map

package/components/Textarea/TextareaWithSafari17Workaround.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextareaWithSafari17Workaround.js","sourceRoot":"","sources":["../../../components/Textarea/TextareaWithSafari17Workaround.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE;;;;GAIG;AACH,MAAM,CAAC,IAAM,8BAA8B,GAAG,iBAAiB,CAG7D,gCAAgC,EAAE,UAAC,KAAK,EAAE,GAAG;IACvC,IAAA,KAAgC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAnD,WAAW,QAAA,EAAE,cAAc,QAAwB,CAAC;IAE3D,KAAK,CAAC,SAAS,CAAC;QACd,WAAW,IAAI,cAAc,CAAC,KAAK,CAAC,CAAC;IACvC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,6CAAc,KAAK,IAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AAClF,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName.js';\n\n/**\n * React textarea behaves incorrectly on first rendered in Safari version 17.*\n * Reproduce: https://codesandbox.io/p/sandbox/textarea-and-textarea-safari-bug-9v95vz\n * was fixed in Safari version 17.4: https://developer.apple.com/documentation/safari-release-notes/safari-17_4-release-notes\n */\nexport const TextareaWithSafari17Workaround = forwardRefAndName<\n  HTMLTextAreaElement,\n  React.TextareaHTMLAttributes<HTMLTextAreaElement>\n>('TextareaWithSafari17Workaround', (props, ref) => {\n  const [firstRender, setFirstRender] = React.useState(true);\n\n  React.useEffect(() => {\n    firstRender && setFirstRender(false);\n  }, []);\n\n  return <textarea {...props} value={firstRender ? '' : props.value} ref={ref} />;\n});\n"]}

package/components/Textarea/index.d.ts

@@ -1 +1 @@
-export * from './Textarea';
+export * from './Textarea.js';

package/components/Textarea/index.js

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

package/components/Textarea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/Textarea/index.tsx"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC","sourcesContent":["export * from './Textarea.js';\n"]}

package/components/Toast/Toast.d.ts

@@ -1,10 +1,10 @@
 import type { AriaAttributes } from 'react';
 import React from 'react';
-import type { ThemeIn } from '../../lib/theming/Theme';
-import type { Nullable } from '../../typings/utility-types';
-import type { CommonProps } from '../../internal/CommonWrapper';
-import type { TGetRootNode } from '../../lib/rootNode';
-import { ToastView } from './ToastView';
+import type { ThemeIn } from '../../lib/theming/Theme.js';
+import type { Nullable } from '../../typings/utility-types.js';
+import type { CommonProps } from '../../internal/CommonWrapper/index.js';
+import type { TGetRootNode } from '../../lib/rootNode/index.js';
+import { ToastView } from './ToastView.js';
 export interface Action {
     label: string;
     handler: () => void;
@@ -33,8 +33,6 @@ export interface ToastProps extends Pick<AriaAttributes, 'aria-label'>, CommonPr
     /** Задает объект с переменными темы. Он будет объединён с темой из контекста. */
     theme?: ThemeIn;
 }
-/** @deprecated выпилить старый подход к api push Toast-а в react-ui 6.0 */
-export type ToastPush = (notification: React.ReactNode, action?: Nullable<Action>, showTime?: number, showCloseIcon?: boolean) => void;
 /** Объект с конфигурацией отображения Toast-а */
 export interface ToastPushConfig {
     action?: Nullable<Action>;
@@ -50,8 +48,7 @@ export interface ToastPushConfig {
      **/
     use?: ToastUse;
 }
-/** TODO: Новый Api для метода push в Toast. Станет api по-умолчанию с версии 6.0. В мажоре нужно будет убрать New из названия */
-export type ToastNewPushApi = (notification: React.ReactNode, config: ToastPushConfig) => void;
+export type ToastPushApi = (notification: React.ReactNode, config?: ToastPushConfig) => void;
 export type ToastClose = () => void;
 export declare const ToastDataTids: {
     readonly toastStatic: "StaticToast";
@@ -63,30 +60,15 @@ export declare const ToastDataTids: {
  * `Toast` — это короткое немодальное уведомление, которое сообщает пользователю о результате выполнения его команды.
  * Результат может быть положительным, отрицательным или нейтральным.
  *
- * Доступен статический метод: `Toast.push(notification, action?, showTime?)`.
- * Однако, при его использовании не работает кастомизация и могут быть проблемы с перекрытием уведомления другими элементами страницы.
- *
- * В обозримом будущем планируем **полностью избавиться** от статического метода в компоненте `Toast`.
- *
- * В качестве альтернативы для `Toast.push` мы рекомендуем использовать компонент `SingleToast` или вызов метода push через `ref`.
- *
- * Метод `push` через ref поддерживает два api.
- *
- * 1. Устаревший с последовательной передачей аргументов: `toastRef.current.push('Hi', { label: 'Cancel', handler: () => {} }, 15000)`
- * 2. Новый с передачей объекта конфигурации: `toastRef.current.push('Hi', { action: { label: 'Cancel', handler: () => {} }, showTime: 15000 })`
- *
- * Устаревший подход с передачей аргументов последовательным образом **будет удалён** в следующей мажорной версии.
  */
 export declare class Toast extends React.Component<ToastProps, ToastState> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
     getRootNode: TGetRootNode;
     private setRootNode;
+    private styles;
+    private emotion;
     private theme;
-    /** @deprecated use `push` method in ref or `SingleToast.push` */
-    static push: ToastPush;
-    /** @deprecated use `close` method in ref or `SingleToast.close` */
-    static close: ToastClose;
     _toast: Nullable<ToastView>;
     private _timeout;
     private rootRef;
@@ -102,17 +84,8 @@ export declare class Toast extends React.Component<ToastProps, ToastState> {
      * @public
      * @param {React.ReactNode} notification
      * @param {ToastPushConfig} config объект с конфигурацией отображения компонента Toast
-     *
-     * @description Сейчас есть поддержка старого api метода push с передачей аргументов последовательно, но с версии 6.0 этот функционал будет удалён.
-     * @example
-     * // Будет удален в 6.0
-     * push('notification', { label: "cat meow", handler: () => {} }, 15_000, false, "error")
-     *
-     * @example
-     * // Останется в > 6.0
-     * push('notification', { action: { label: "cat meow", handler: () => {} }, showTime: 15_000, showCloseIcon: false, use: "error" })
      */
-    push(notification: React.ReactNode, configOrAction?: ToastPushConfig | Nullable<Action>, showTime?: number, showCloseIcon?: boolean, use?: ToastUse): void;
+    push: ToastPushApi;
     /**
      * @public
      */
@@ -123,7 +96,3 @@ export declare class Toast extends React.Component<ToastProps, ToastState> {
     private _setTimer;
     private _refToast;
 }
-export declare function isNewToastPushApi(value: unknown): value is ToastPushConfig;
-export declare function isOldToastPushApi(value: unknown): value is Action;
-/** Хелпер для случая, когда передаём только текст */
-export declare function isEmptySecondArg(value: unknown): value is null | undefined;

package/components/Toast/Toast.js

@@ -0,0 +1,184 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import React from 'react';
+import { CSSTransition, TransitionGroup } from 'react-transition-group';
+import { ThemeFactory } from '../../lib/theming/ThemeFactory.js';
+import { ThemeContext } from '../../lib/theming/ThemeContext.js';
+import { RenderContainer } from '../../internal/RenderContainer/index.js';
+import { CommonWrapper } from '../../internal/CommonWrapper/index.js';
+import { isTestEnv } from '../../lib/currentEnvironment.js';
+import { rootNode } from '../../lib/rootNode/index.js';
+import { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';
+import { getStyles } from './Toast.styles.js';
+import { ToastView } from './ToastView.js';
+export var ToastDataTids = {
+    toastStatic: 'StaticToast',
+    toastView: 'ToastView__root',
+    action: 'ToastView__action',
+    close: 'ToastView__close',
+};
+/**
+ * `Toast` — это короткое немодальное уведомление, которое сообщает пользователю о результате выполнения его команды.
+ * Результат может быть положительным, отрицательным или нейтральным.
+ *
+ */
+var Toast = /** @class */ (function (_super) {
+    __extends(Toast, _super);
+    function Toast(props) {
+        var _this = _super.call(this, props) || this;
+        _this.rootRef = React.createRef();
+        /**
+         * Показывает тост с `notification` в качестве сообщения.
+         * Тост автоматически скрывается через 3 или 7 секунд,
+         * в зависимости от наличия у него кнопки `action` внутри config-а.
+         * Время показа можно задать вручную, передав `showTime` внутри config-а.
+         *
+         * @public
+         * @param {React.ReactNode} notification
+         * @param {ToastPushConfig} config объект с конфигурацией отображения компонента Toast
+         */
+        _this.push = function (notification, config) {
+            if (_this.state.notification) {
+                _this.close();
+            }
+            safelyCall(_this.props.onPush, notification, config === null || config === void 0 ? void 0 : config.action);
+            _this.setState(function (_a) {
+                var _b;
+                var id = _a.id;
+                return ({
+                    notification: notification,
+                    action: config === null || config === void 0 ? void 0 : config.action,
+                    id: id + 1,
+                    showTime: config === null || config === void 0 ? void 0 : config.showTime,
+                    showCloseIcon: config === null || config === void 0 ? void 0 : config.showCloseIcon,
+                    currentUse: (_b = config === null || config === void 0 ? void 0 : config.use) !== null && _b !== void 0 ? _b : 'default',
+                });
+            }, _this._setTimer);
+        };
+        /**
+         * @public
+         */
+        _this.close = function () {
+            safelyCall(_this.props.onClose, _this.state.notification, _this.state.action);
+            _this.setState({ notification: null, action: null });
+        };
+        _this.setRootRef = function (element) {
+            _this.setRootNode(element);
+            // @ts-expect-error: See: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/31065.
+            _this.rootRef.current = element;
+        };
+        _this._clearTimer = function () {
+            if (_this._timeout) {
+                clearTimeout(_this._timeout);
+                _this._timeout = null;
+            }
+        };
+        _this._setTimer = function () {
+            var _a;
+            _this._clearTimer();
+            var showTime = _this.state.action ? 7000 : 3000;
+            showTime = (_a = _this.state.showTime) !== null && _a !== void 0 ? _a : showTime;
+            _this._timeout = setTimeout(_this.close, showTime);
+        };
+        _this._refToast = function (element) {
+            _this._toast = element;
+        };
+        _this.state = {
+            notification: null,
+            action: null,
+            id: 0,
+            showTime: null,
+            showCloseIcon: false,
+            currentUse: 'default',
+        };
+        return _this;
+    }
+    Toast.prototype.componentWillUnmount = function () {
+        this._clearTimer();
+    };
+    Toast.prototype.render = function () {
+        var _this = this;
+        this.styles = getStyles(this.emotion);
+        return (React.createElement(ThemeContext.Consumer, null, function (theme) {
+            _this.theme = _this.props.theme ? ThemeFactory.create(_this.props.theme, theme) : theme;
+            return (React.createElement(ThemeContext.Provider, { value: _this.theme },
+                React.createElement(RenderContainer, null,
+                    React.createElement(TransitionGroup, null, _this._renderToast()))));
+        }));
+    };
+    Toast.prototype._renderToast = function () {
+        var _a = this.state, notification = _a.notification, action = _a.action, id = _a.id, showCloseIcon = _a.showCloseIcon, currentUse = _a.currentUse;
+        if (!notification) {
+            return null;
+        }
+        var toastProps = {
+            onMouseEnter: this._clearTimer,
+            onMouseLeave: this._setTimer,
+            onClose: this.close,
+            children: notification,
+            'aria-label': this.props['aria-label'],
+            action: action,
+            showCloseIcon: showCloseIcon,
+            use: currentUse,
+        };
+        return (React.createElement(CSSTransition, { key: id, classNames: {
+                enter: this.styles.enter(),
+                enterActive: this.styles.enterActive(),
+                exit: this.styles.exit(),
+                exitActive: this.styles.exitActive(),
+            }, timeout: {
+                enter: 200,
+                exit: 150,
+            }, enter: !isTestEnv, exit: !isTestEnv, nodeRef: this.rootRef },
+            React.createElement(CommonWrapper, __assign({ rootNodeRef: this.setRootRef }, this.props),
+                React.createElement(ToastView, __assign({ ref: this._refToast }, toastProps)))));
+    };
+    Toast.__KONTUR_REACT_UI__ = 'Toast';
+    Toast.displayName = 'Toast';
+    Toast = __decorate([
+        withRenderEnvironment,
+        rootNode
+    ], Toast);
+    return Toast;
+}(React.Component));
+export { Toast };
+function safelyCall(fn) {
+    var args = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        args[_i - 1] = arguments[_i];
+    }
+    if (fn) {
+        fn.apply(void 0, args);
+    }
+}
+//# sourceMappingURL=Toast.js.map

package/components/Toast/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../../components/Toast/Toast.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport type { SafeTimer } from '../../lib/globalObject.js';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme.js';\nimport { RenderContainer } from '../../internal/RenderContainer/index.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { isTestEnv } from '../../lib/currentEnvironment.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\n\nimport { getStyles } from './Toast.styles.js';\nimport type { ToastViewProps } from './ToastView.js';\nimport { ToastView } from './ToastView.js';\n\nexport interface Action {\n  label: string;\n  handler: () => void;\n  'aria-label'?: string;\n}\n\n/**\n * Состояния тоста:\n *\n * - default стиль для отображения по-умолчанию\n * - error стиль для отображения ошибок\n **/\nexport type ToastUse = 'default' | 'error';\n\nexport interface ToastState {\n  notification: Nullable<React.ReactNode>;\n  action: Nullable<Action>;\n  id: number;\n  showTime: Nullable<number>;\n  showCloseIcon?: boolean;\n  currentUse: ToastUse;\n}\n\nexport interface ToastProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps {\n  /** Задает функцию, которая вызывается при возникновении тоста. */\n  onPush?: (notification: string, action?: Action) => void;\n\n  /** Задает функцию, которая вызывается при закрытии тоста. */\n  onClose?: (notification: string, action?: Action) => void;\n\n  /** Задает объект с переменными темы. Он будет объединён с темой из контекста. */\n  theme?: ThemeIn;\n}\n\n/** Объект с конфигурацией отображения Toast-а */\nexport interface ToastPushConfig {\n  action?: Nullable<Action>;\n  showTime?: number;\n  showCloseIcon?: boolean;\n  /**\n   * Определяет стили для тоста.\n   *\n   * - default стиль для отображения по-умолчанию\n   * - error стиль для отображения ошибок\n   *\n   * По-умолчанию будет использован стиль default.\n   **/\n  use?: ToastUse;\n}\n\nexport type ToastPushApi = (notification: React.ReactNode, config?: ToastPushConfig) => void;\n\nexport type ToastClose = () => void;\n\nexport const ToastDataTids = {\n  toastStatic: 'StaticToast',\n  toastView: 'ToastView__root',\n  action: 'ToastView__action',\n  close: 'ToastView__close',\n} as const;\n\n/**\n * `Toast` — это короткое немодальное уведомление, которое сообщает пользователю о результате выполнения его команды.\n * Результат может быть положительным, отрицательным или нейтральным.\n *\n */\n@withRenderEnvironment\n@rootNode\nexport class Toast extends React.Component<ToastProps, ToastState> {\n  public static __KONTUR_REACT_UI__ = 'Toast';\n  public static displayName = 'Toast';\n\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private styles!: ReturnType<typeof getStyles>;\n  private emotion!: Emotion;\n  private theme!: Theme;\n\n  public _toast: Nullable<ToastView>;\n  private _timeout: SafeTimer;\n  private rootRef = React.createRef<HTMLElement>();\n\n  constructor(props: ToastProps) {\n    super(props);\n    this.state = {\n      notification: null,\n      action: null,\n      id: 0,\n      showTime: null,\n      showCloseIcon: false,\n      currentUse: 'default',\n    };\n  }\n\n  public componentWillUnmount() {\n    this._clearTimer();\n  }\n\n  public render(): React.JSX.Element {\n    this.styles = getStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = this.props.theme ? ThemeFactory.create(this.props.theme as Theme, theme) : theme;\n          return (\n            <ThemeContext.Provider value={this.theme}>\n              <RenderContainer>\n                <TransitionGroup>{this._renderToast()}</TransitionGroup>\n              </RenderContainer>\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  /**\n   * Показывает тост с `notification` в качестве сообщения.\n   * Тост автоматически скрывается через 3 или 7 секунд,\n   * в зависимости от наличия у него кнопки `action` внутри config-а.\n   * Время показа можно задать вручную, передав `showTime` внутри config-а.\n   *\n   * @public\n   * @param {React.ReactNode} notification\n   * @param {ToastPushConfig} config объект с конфигурацией отображения компонента Toast\n   */\n  public push: ToastPushApi = (notification: React.ReactNode, config?: ToastPushConfig) => {\n    if (this.state.notification) {\n      this.close();\n    }\n\n    safelyCall(this.props.onPush, notification, config?.action);\n\n    this.setState(\n      ({ id }) => ({\n        notification,\n        action: config?.action,\n        id: id + 1,\n        showTime: config?.showTime,\n        showCloseIcon: config?.showCloseIcon,\n        currentUse: config?.use ?? 'default',\n      }),\n      this._setTimer,\n    );\n  };\n\n  /**\n   * @public\n   */\n  public close = (): void => {\n    safelyCall(this.props.onClose, this.state.notification, this.state.action);\n    this.setState({ notification: null, action: null });\n  };\n\n  private _renderToast() {\n    const { notification, action, id, showCloseIcon, currentUse } = this.state;\n\n    if (!notification) {\n      return null;\n    }\n\n    const toastProps: ToastViewProps = {\n      onMouseEnter: this._clearTimer,\n      onMouseLeave: this._setTimer,\n      onClose: this.close,\n      children: notification,\n      'aria-label': this.props['aria-label'],\n      action,\n      showCloseIcon,\n      use: currentUse,\n    };\n\n    return (\n      <CSSTransition\n        key={id}\n        classNames={{\n          enter: this.styles.enter(),\n          enterActive: this.styles.enterActive(),\n          exit: this.styles.exit(),\n          exitActive: this.styles.exitActive(),\n        }}\n        timeout={{\n          enter: 200,\n          exit: 150,\n        }}\n        enter={!isTestEnv}\n        exit={!isTestEnv}\n        nodeRef={this.rootRef}\n      >\n        <CommonWrapper rootNodeRef={this.setRootRef} {...this.props}>\n          <ToastView ref={this._refToast} {...toastProps} />\n        </CommonWrapper>\n      </CSSTransition>\n    );\n  }\n\n  private setRootRef = (element: Nullable<Element>) => {\n    this.setRootNode(element);\n    // @ts-expect-error: See: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/31065.\n    this.rootRef.current = element;\n  };\n\n  private _clearTimer = () => {\n    if (this._timeout) {\n      clearTimeout(this._timeout);\n      this._timeout = null;\n    }\n  };\n\n  private _setTimer = () => {\n    this._clearTimer();\n\n    let showTime = this.state.action ? 7000 : 3000;\n    showTime = this.state.showTime ?? showTime;\n    this._timeout = setTimeout(this.close, showTime);\n  };\n\n  private _refToast = (element: ToastView) => {\n    this._toast = element;\n  };\n}\n\nfunction safelyCall(fn: Nullable<(a?: any) => any>, ...args: any[]) {\n  if (fn) {\n    fn(...args);\n  }\n}\n"]}

package/components/Toast/Toast.styles.d.ts

@@ -1,6 +1,6 @@
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
     enter(): string;
     enterActive(): string;
     exit(): string;
     exitActive(): string;
-};
+}>;

package/components/Toast/Toast.styles.js

@@ -0,0 +1,24 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
+export var getStyles = memoizeGetStyles(function (_a) {
+    var css = _a.css;
+    return ({
+        enter: function () {
+            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      transform: translateY(-40px);\n    "], ["\n      transform: translateY(-40px);\n    "])));
+        },
+        enterActive: function () {
+            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      transition: transform 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);\n      transform: translateY(0) !important;\n    "], ["\n      transition: transform 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);\n      transform: translateY(0) !important;\n    "])));
+        },
+        exit: function () {
+            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      transform: translateY(0);\n      opacity: 1;\n    "], ["\n      transform: translateY(0);\n      opacity: 1;\n    "])));
+        },
+        exitActive: function () {
+            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      opacity: 0.01 !important;\n      transition: opacity 0.15s ease-out;\n    "], ["\n      opacity: 0.01 !important;\n      transition: opacity 0.15s ease-out;\n    "])));
+        },
+    });
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=Toast.styles.js.map

package/components/Toast/Toast.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.styles.js","sourceRoot":"","sources":["../../../components/Toast/Toast.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,KAAK;YACH,OAAO,GAAG,gHAAA,6CAET,KAAC;QACJ,CAAC;QACD,WAAW;YACT,OAAO,GAAG,4LAAA,yHAGT,KAAC;QACJ,CAAC;QACD,IAAI;YACF,OAAO,GAAG,+HAAA,4DAGT,KAAC;QACJ,CAAC;QACD,UAAU;YACR,OAAO,GAAG,uJAAA,oFAGT,KAAC;QACJ,CAAC;KACF,CAAC;AAxB8D,CAwB9D,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  enter() {\n    return css`\n      transform: translateY(-40px);\n    `;\n  },\n  enterActive() {\n    return css`\n      transition: transform 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);\n      transform: translateY(0) !important;\n    `;\n  },\n  exit() {\n    return css`\n      transform: translateY(0);\n      opacity: 1;\n    `;\n  },\n  exitActive() {\n    return css`\n      opacity: 0.01 !important;\n      transition: opacity 0.15s ease-out;\n    `;\n  },\n}));\n"]}

package/components/Toast/ToastView.d.ts

@@ -1,9 +1,9 @@
 import type { AriaAttributes } from 'react';
 import React from 'react';
-import type { Nullable } from '../../typings/utility-types';
-import type { CommonProps } from '../../internal/CommonWrapper';
-import type { TGetRootNode } from '../../lib/rootNode';
-import type { Action, ToastUse } from './Toast';
+import type { Nullable } from '../../typings/utility-types.js';
+import type { CommonProps } from '../../internal/CommonWrapper/index.js';
+import type { TGetRootNode } from '../../lib/rootNode/index.js';
+import type { Action, ToastUse } from './Toast.js';
 export interface ToastViewProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps {
     /** Задает контент тоста. */
     children?: React.ReactNode;
@@ -19,6 +19,9 @@ export interface ToastViewProps extends Pick<AriaAttributes, 'aria-label'>, Comm
     use?: ToastUse;
 }
 export declare class ToastView extends React.Component<ToastViewProps> {
+    private styles;
+    private emotion;
+    private cx;
     private theme;
     getRootNode: TGetRootNode;
     private setRootNode;