@salutejs/sdds-cs 0.354.0-next-platform-ai.0 → 0.355.0-dev.0

package/dist/emotion/es/components/Button/Button.config.js

@@ -1,155 +1,5 @@
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--on-dark-text-primary);\n                ",
-        ": var(--on-dark-text-primary);\n                ",
-        ": var(--on-dark-text-primary);\n                ",
-        ": var(--on-light-text-accent-minor);\n                ",
-        ": var(--surface-accent);\n                ",
-        ": var(",
-        ");\n                ",
-        ": var(--surface-accent-hover);\n                ",
-        ": var(--surface-accent-active);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--text-accent);\n                ",
-        ": var(--text-accent-minor);\n                ",
-        ": var(--text-accent-active);\n                ",
-        ": var(--text-accent);\n                ",
-        ": var(--text-accent);\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--surface-solid-secondary);\n                ",
-        ": var(",
-        ");\n                ",
-        ": var(--surface-solid-secondary-hover);\n                ",
-        ": var(--surface-solid-secondary-active);\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--text-accent);\n                ",
-        ": var(--text-accent);\n                ",
-        ": var(--text-accent);\n                ",
-        ": var(--text-accent-minor);\n                ",
-        ": var(--surface-clear);\n                ",
-        ": var(--surface-transparent-accent);\n                ",
-        ": var(--surface-transparent-accent);\n                ",
-        ": var(--surface-transparent-accent-active);\n            "
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject3() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 2.5rem;\n                ",
-        ": 11.25rem;\n                ",
-        ": 1rem;\n                ",
-        ": 0.75rem;\n                ",
-        ": var(--plasma-typo-body-m-font-family);\n                ",
-        ": var(--plasma-typo-body-m-font-size);\n                ",
-        ": var(--plasma-typo-body-m-font-style);\n                ",
-        ": var(--plasma-typo-body-m-bold-font-weight);\n                ",
-        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-m-line-height);\n\n                ",
-        ": 1.375rem;\n                ",
-        ": inherit;\n\n                ",
-        ": 0 0.25rem 0 -0.125rem;\n                ",
-        ": 0 -0.125rem 0 0.25rem;\n                ",
-        ": 0 0 0 0.25rem;\n            "
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject4() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 2.5rem;\n                ",
-        ": 11.25rem;\n                ",
-        ": var(--plasma-typo-body-m-font-family);\n                ",
-        ": var(--plasma-typo-body-m-font-size);\n                ",
-        ": var(--plasma-typo-body-m-font-style);\n                ",
-        ": var(--plasma-typo-body-m-bold-font-weight);\n                ",
-        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-m-line-height);\n\n                ",
-        ": 1.375rem;\n                ",
-        ": inherit;\n\n                ",
-        ": 0 0.25rem 0 0;\n                ",
-        ": 0 0 0 0.25rem;\n                ",
-        ": 0 0 0 0.25rem;\n                ",
-        ": 0 0 0 0.25rem;\n                ",
-        ": 0.25rem;\n            "
-    ]);
-    _templateObject4 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject5() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--surface-accent);\n            "
-    ]);
-    _templateObject5 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject6() {
-    var data = _tagged_template_literal([
-        ""
-    ]);
-    _templateObject6 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject7() {
-    var data = _tagged_template_literal([
-        ""
-    ]);
-    _templateObject7 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject8() {
-    var data = _tagged_template_literal([
-        ""
-    ]);
-    _templateObject8 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
 import { css, buttonTokens } from '@salutejs/plasma-new-hope/emotion';
-export var config = {
+export const config = {
     defaults: {
         view: 'accent',
         focused: 'true',
@@ -157,21 +7,88 @@ export var config = {
     },
     variations: {
         view: {
-            accent: css(_templateObject(), buttonTokens.buttonColor, buttonTokens.buttonTextColor, buttonTokens.buttonIconColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive),
-            secondary: css(_templateObject1(), buttonTokens.buttonColor, buttonTokens.buttonColorHover, buttonTokens.buttonColorActive, buttonTokens.buttonTextColor, buttonTokens.buttonIconColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive),
-            clear: css(_templateObject2(), buttonTokens.buttonColor, buttonTokens.buttonTextColor, buttonTokens.buttonIconColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive)
+            accent: css`
+                ${buttonTokens.buttonColor}: var(--on-dark-text-primary);
+                ${buttonTokens.buttonTextColor}: var(--on-dark-text-primary);
+                ${buttonTokens.buttonIconColor}: var(--on-dark-text-primary);
+                ${buttonTokens.buttonValueColor}: var(--on-light-text-accent-minor);
+                ${buttonTokens.buttonBackgroundColor}: var(--surface-accent);
+                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});
+                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);
+                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-accent-active);
+            `,
+            secondary: css`
+                ${buttonTokens.buttonColor}: var(--text-accent);
+                ${buttonTokens.buttonColorHover}: var(--text-accent-minor);
+                ${buttonTokens.buttonColorActive}: var(--text-accent-active);
+                ${buttonTokens.buttonTextColor}: var(--text-accent);
+                ${buttonTokens.buttonIconColor}: var(--text-accent);
+                ${buttonTokens.buttonValueColor}: var(--text-secondary);
+                ${buttonTokens.buttonBackgroundColor}: var(--surface-solid-secondary);
+                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});
+                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-solid-secondary-hover);
+                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-solid-secondary-active);
+            `,
+            clear: css`
+                ${buttonTokens.buttonColor}: var(--text-accent);
+                ${buttonTokens.buttonTextColor}: var(--text-accent);
+                ${buttonTokens.buttonIconColor}: var(--text-accent);
+                ${buttonTokens.buttonValueColor}: var(--text-accent-minor);
+                ${buttonTokens.buttonBackgroundColor}: var(--surface-clear);
+                ${buttonTokens.buttonLoadingBackgroundColor}: var(--surface-transparent-accent);
+                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-accent);
+                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-accent-active);
+            `
         },
         size: {
-            s: css(_templateObject3(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
-            sr: css(_templateObject4(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin, buttonTokens.buttonAdditionalContentMargin, buttonTokens.buttonAdditionalContentMarginRightWidthValue)
+            s: css`
+                ${buttonTokens.buttonHeight}: 2.5rem;
+                ${buttonTokens.buttonWidth}: 11.25rem;
+                ${buttonTokens.buttonPadding}: 1rem;
+                ${buttonTokens.buttonRadius}: 0.75rem;
+                ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);
+                ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);
+                ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);
+                ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);
+                ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
+                ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);
+
+                ${buttonTokens.buttonSpinnerSize}: 1.375rem;
+                ${buttonTokens.buttonSpinnerColor}: inherit;
+
+                ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;
+                ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;
+                ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;
+            `,
+            sr: css`
+                ${buttonTokens.buttonHeight}: 2.5rem;
+                ${buttonTokens.buttonWidth}: 11.25rem;
+                ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);
+                ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);
+                ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);
+                ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);
+                ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
+                ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);
+
+                ${buttonTokens.buttonSpinnerSize}: 1.375rem;
+                ${buttonTokens.buttonSpinnerColor}: inherit;
+
+                ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 0;
+                ${buttonTokens.buttonRightContentMargin}: 0 0 0 0.25rem;
+                ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;
+                ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.25rem;
+                ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.25rem;
+            `
         },
         focused: {
-            true: css(_templateObject5(), buttonTokens.buttonFocusColor)
+            true: css`
+                ${buttonTokens.buttonFocusColor}: var(--surface-accent);
+            `
         },
         stretching: {
-            auto: css(_templateObject6()),
-            filled: css(_templateObject7()),
-            fixed: css(_templateObject8())
+            auto: css``,
+            filled: css``,
+            fixed: css``
         }
     }
 };

package/dist/emotion/es/components/Button/Button.js

@@ -1,155 +1,32 @@
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _iterable_to_array(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-function _iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function _object_without_properties(source, excluded) {
-    if (source == null) return {};
-    var target = {}, sourceKeys, key, i;
-    if (typeof Reflect !== "undefined" && Reflect.ownKeys) {
-        sourceKeys = Reflect.ownKeys(source);
-        for(i = 0; i < sourceKeys.length; i++){
-            key = sourceKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-        return target;
-    }
-    target = _object_without_properties_loose(source, excluded);
-    if (Object.getOwnPropertySymbols) {
-        sourceKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceKeys.length; i++){
-            key = sourceKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-    }
-    return target;
-}
-function _object_without_properties_loose(source, excluded) {
-    if (source == null) return {};
-    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
-    for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-        target[key] = source[key];
-    }
-    return target;
-}
-function _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _to_array(arr) {
-    return _array_with_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_rest();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
 import React, { useCallback, forwardRef } from 'react';
 import { buttonConfig, component, mergeConfig, buttonClasses, buttonTokens } from '@salutejs/plasma-new-hope/emotion';
 import { makePolymorphic } from '@salutejs/plasma-new-hope';
 import styled from '@emotion/styled';
 import { config } from './Button.config';
-var mergedConfig = mergeConfig(buttonConfig, config);
-var ButtonComponent = component(mergedConfig);
+const mergedConfig = mergeConfig(buttonConfig, config);
+const ButtonComponent = component(mergedConfig);
 // INFO: Данное поведение запрошено продуктом/командой `sdds-cs`
-var StyledButton = /*#__PURE__*/ styled(ButtonComponent, {
+const StyledButton = /*#__PURE__*/ styled(ButtonComponent, {
     target: "e19yzswk0",
     label: "StyledButton"
 })("&&.", String(buttonClasses.buttonLoading), "{color:var(", buttonTokens.buttonColorActive, ",var(", buttonTokens.buttonColor, "));background:var(", buttonTokens.buttonBackgroundColorActive, ",var(", buttonTokens.buttonBackgroundColor, "));pointer-events:none;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0J1dHRvbi9CdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRQcm9wcywgdXNlQ2FsbGJhY2ssIE1vdXNlRXZlbnQsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBidXR0b25Db25maWcsIGNvbXBvbmVudCwgbWVyZ2VDb25maWcsIGJ1dHRvbkNsYXNzZXMsIGJ1dHRvblRva2VucyB9IGZyb20gJ0BzYWx1dGVqcy9wbGFzbWEtbmV3LWhvcGUvZW1vdGlvbic7XG5pbXBvcnQgeyBtYWtlUG9seW1vcnBoaWMgfSBmcm9tICdAc2FsdXRlanMvcGxhc21hLW5ldy1ob3BlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgY29uZmlnIH0gZnJvbSAnLi9CdXR0b24uY29uZmlnJztcblxuY29uc3QgbWVyZ2VkQ29uZmlnID0gbWVyZ2VDb25maWcoYnV0dG9uQ29uZmlnLCBjb25maWcpO1xuY29uc3QgQnV0dG9uQ29tcG9uZW50ID0gY29tcG9uZW50KG1lcmdlZENvbmZpZyk7XG5cbmV4cG9ydCB0eXBlIEJ1dHRvblByb3BzID0gQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJ1dHRvbkNvbXBvbmVudD47XG5cbi8vIElORk86INCU0LDQvdC90L7QtSDQv9C+0LLQtdC00LXQvdC40LUg0LfQsNC/0YDQvtGI0LXQvdC+INC/0YDQvtC00YPQutGC0L7QvC/QutC+0LzQsNC90LTQvtC5IGBzZGRzLWNzYFxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKEJ1dHRvbkNvbXBvbmVudClgXG4gICAgJiYuJHtTdHJpbmcoYnV0dG9uQ2xhc3Nlcy5idXR0b25Mb2FkaW5nKX0ge1xuICAgICAgICBjb2xvcjogdmFyKCR7YnV0dG9uVG9rZW5zLmJ1dHRvbkNvbG9yQWN0aXZlfSwgdmFyKCR7YnV0dG9uVG9rZW5zLmJ1dHRvbkNvbG9yfSkpO1xuICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoJHtidXR0b25Ub2tlbnMuYnV0dG9uQmFja2dyb3VuZENvbG9yQWN0aXZlfSwgdmFyKCR7YnV0dG9uVG9rZW5zLmJ1dHRvbkJhY2tncm91bmRDb2xvcn0pKTtcblxuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB9XG5gO1xuXG4vKipcbiAqINCa0L3QvtC/0LrQsC5cbiAqL1xuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IG1ha2VQb2x5bW9ycGhpYyhcbiAgICBmb3J3YXJkUmVmPE9taXQ8SFRNTEJ1dHRvbkVsZW1lbnQsICd2YWx1ZSc+LCBCdXR0b25Qcm9wcz4oKHsgb25DbGljaywgaXNMb2FkaW5nLCB2YWx1ZSwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gICAgICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gdXNlQ2FsbGJhY2soXG4gICAgICAgICAgICAoZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKCFpc0xvYWRpbmcpIHtcbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz8uKGV2ZW50KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgW2lzTG9hZGluZywgb25DbGlja10sXG4gICAgICAgICk7XG5cbiAgICAgICAgLy8gQHRzLWlnbm9yZVxuICAgICAgICByZXR1cm4gPFN0eWxlZEJ1dHRvbiB2YWx1ZT17dmFsdWV9IHJlZj17cmVmfSBvbkNsaWNrPXtoYW5kbGVDbGlja30gaXNMb2FkaW5nPXtpc0xvYWRpbmd9IHsuLi5wcm9wc30gLz47XG4gICAgfSksXG4gICAgJ2J1dHRvbicsXG4pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFxQiJ9 */");
 /**
  * Кнопка.
- */ export var Button = makePolymorphic(/*#__PURE__*/ forwardRef(function(_0, _1) {
-    var _ref = [
-        _0,
-        _1
-    ], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), onClick = _ref2.onClick, isLoading = _ref2.isLoading, value = _ref2.value, props = _object_without_properties(_ref2, [
-        "onClick",
-        "isLoading",
-        "value"
-    ]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
-    var handleClick = useCallback(function(event) {
+ */ export const Button = makePolymorphic(/*#__PURE__*/ forwardRef(({ onClick, isLoading, value, ...props }, ref)=>{
+    const handleClick = useCallback((event)=>{
         if (!isLoading) {
-            onClick === null || onClick === void 0 ? void 0 : onClick(event);
+            onClick?.(event);
         }
     }, [
         isLoading,
         onClick
     ]);
     // @ts-ignore
-    return /*#__PURE__*/ React.createElement(StyledButton, _object_spread({
+    return /*#__PURE__*/ React.createElement(StyledButton, {
         value: value,
         ref: ref,
         onClick: handleClick,
-        isLoading: isLoading
-    }, props));
+        isLoading: isLoading,
+        ...props
+    });
 }), 'button');