@salutejs/plasma-core 1.226.1-next-sbcom.0 → 1.227.0-dev.0

package/es/components/Card/CardContent.js

@@ -2,28 +2,19 @@ import React from 'react';
 import styled, { css } from 'styled-components';
 /**
  * Компонент для отображения как текстового, так и любого другого контента.
- */ export var CardContent = styled.div.withConfig({
+ */ export const CardContent = styled.div.withConfig({
     displayName: "CardContent",
     componentId: "sc-4a3fa268-0"
 })([
-    "display:flex;flex-direction:column;position:relative;box-sizing:border-box;padding:",
-    "rem 1rem;border-radius:inherit;",
-    " ",
-    ""
-], function(param) {
-    var compact = param.compact;
-    return compact ? 0.375 : 1;
-}, function(param) {
-    var disabled = param.disabled;
-    return disabled && css([
-        "opacity:0.5;"
-    ]);
-}, function(param) {
-    var cover = param.cover, _param_coverGradient = param.coverGradient, coverGradient = _param_coverGradient === void 0 ? true : _param_coverGradient;
-    return cover && css([
-        "position:absolute;top:0;left:0;right:0;bottom:0;justify-content:flex-end;",
-        ";"
+    `display:flex;flex-direction:column;position:relative;box-sizing:border-box;padding:`,
+    `rem 1rem;border-radius:inherit;`,
+    ` `,
+    ``
+], ({ compact })=>compact ? 0.375 : 1, ({ disabled })=>disabled && css([
+        `opacity:0.5;`
+    ]), ({ cover, coverGradient = true })=>cover && css([
+        `position:absolute;top:0;left:0;right:0;bottom:0;justify-content:flex-end;`,
+        `;`
     ], coverGradient && css([
-        "background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.74) 100%);"
-    ]));
-});
+        `background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.74) 100%);`
+    ])));

package/es/components/Card/CardMedia.js

@@ -1,106 +1,35 @@
-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 _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;
-}
 import React from 'react';
 import styled, { css } from 'styled-components';
 import { Image } from '../Image';
-var StyledImage = styled(Image).withConfig({
+const StyledImage = styled(Image).withConfig({
     displayName: "CardMedia__StyledImage",
     componentId: "sc-636df49e-0"
 })([
-    "background-size:cover;",
-    ""
-], function(param) {
-    var $disabled = param.$disabled;
-    return $disabled && css([
-        "opacity:0.5;"
-    ]);
-});
-var StyledRoot = styled.div.withConfig({
+    `background-size:cover;`,
+    ``
+], ({ $disabled })=>$disabled && css([
+        `opacity:0.5;`
+    ]));
+const StyledRoot = styled.div.withConfig({
     displayName: "CardMedia__StyledRoot",
     componentId: "sc-636df49e-1"
 })([
-    "position:relative;"
+    `position:relative;`
 ]);
 /**
  * Компонент для отображения картинок.
- */ export var CardMedia = function CardMedia(_0) {
-    var disabled = _0.disabled, placeholder = _0.placeholder, style = _0.style, children = _0.children, className = _0.className, props = _object_without_properties(_0, [
-        "disabled",
-        "placeholder",
-        "style",
-        "children",
-        "className"
-    ]);
-    var imgStyle = _object_spread({}, style);
+ */ export const CardMedia = ({ disabled, placeholder, style, children, className, ...props })=>{
+    const imgStyle = {
+        ...style
+    };
     if (placeholder && !props.src) {
-        imgStyle.backgroundImage = "url('".concat(placeholder, "')");
+        imgStyle.backgroundImage = `url('${placeholder}')`;
     }
     return /*#__PURE__*/ React.createElement(StyledRoot, {
         className: className
-    }, /*#__PURE__*/ React.createElement(StyledImage, _object_spread({
+    }, /*#__PURE__*/ React.createElement(StyledImage, {
         $disabled: disabled,
-        style: imgStyle
-    }, props)), children);
+        style: imgStyle,
+        ...props
+    }), children);
 };

package/es/components/Card/CardPrice.js

@@ -1,82 +1,40 @@
-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;
-}
 import React from 'react'; // eslint-disable-line
 import styled from 'styled-components';
 import { buttonAccent, primary, tertiary } from '../../tokens';
 import { Price } from '../Price';
 import { Body2 } from '../Typography';
-var StyledRoot = styled(Body2).withConfig({
+const StyledRoot = styled(Body2).withConfig({
     displayName: "CardPrice__StyledRoot",
     componentId: "sc-b9ac85b9-0"
 })([
-    "display:flex;box-sizing:border-box;margin-top:0.75rem;"
+    `display:flex;box-sizing:border-box;margin-top:0.75rem;`
 ]);
-var StyledPrice = styled(Price).withConfig({
+const StyledPrice = styled(Price).withConfig({
     displayName: "CardPrice__StyledPrice",
     componentId: "sc-b9ac85b9-1"
 })([
-    "height:2.5rem;color:",
-    ";"
+    `height:2.5rem;color:`,
+    `;`
 ], primary);
-var StyledOldPrice = styled(Price).withConfig({
+const StyledOldPrice = styled(Price).withConfig({
     displayName: "CardPrice__StyledOldPrice",
     componentId: "sc-b9ac85b9-2"
 })([
-    "height:2.5rem;margin-left:0.5rem;color:",
-    ";"
+    `height:2.5rem;margin-left:0.5rem;color:`,
+    `;`
 ], tertiary);
-var StyledCount = styled(Body2).withConfig({
+const StyledCount = styled(Body2).withConfig({
     displayName: "CardPrice__StyledCount",
     componentId: "sc-b9ac85b9-3"
 })([
-    "box-sizing:border-box;height:2.5rem;margin-left:0.5rem;color:",
-    ";"
+    `box-sizing:border-box;height:2.5rem;margin-left:0.5rem;color:`,
+    `;`
 ], buttonAccent);
-export var CardPrice = function CardPrice(_0) {
-    var count = _0.count, currency = _0.currency, oldPrice = _0.oldPrice, price = _0.price, rest = _object_without_properties(_0, [
-        "count",
-        "currency",
-        "oldPrice",
-        "price"
-    ]);
+export const CardPrice = ({ count, currency, oldPrice, price, ...rest })=>{
     return /*#__PURE__*/ React.createElement(StyledRoot, rest, /*#__PURE__*/ React.createElement(StyledPrice, {
         currency: currency
     }, price), oldPrice && /*#__PURE__*/ React.createElement(StyledOldPrice, {
         currency: currency,
         stroke: true
-    }, oldPrice), count ? /*#__PURE__*/ React.createElement(StyledCount, null, "\xd7", count) : '');
+    }, oldPrice), count ? /*#__PURE__*/ React.createElement(StyledCount, null, "×", count) : '');
 };

package/es/components/Card/CardTypography.js

@@ -2,93 +2,84 @@
 import styled, { css } from 'styled-components';
 import { primary, secondary, tertiary } from '../../tokens';
 import { Body1, Body2, ParagraphText1, ParagraphText2, Headline1, Headline2, Headline3, Footnote1, Footnote2 } from '../Typography';
-var views = {
-    primary: primary,
-    secondary: secondary,
-    tertiary: tertiary
+const views = {
+    primary,
+    secondary,
+    tertiary
 };
-var linesMixin = function linesMixin(param) {
-    var _param_lines = param.lines, lines = _param_lines === void 0 ? 2 : _param_lines;
-    return css([
-        "display:-webkit-box;overflow:hidden;box-sizing:border-box;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:",
-        ";"
+const linesMixin = ({ lines = 2 })=>css([
+        `display:-webkit-box;overflow:hidden;box-sizing:border-box;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:`,
+        `;`
     ], lines);
-};
-var viewMixin = function viewMixin(param) {
-    var _param_view = param.view, view = _param_view === void 0 ? 'primary' : _param_view;
-    return css([
-        "transition:",
-        ";color:",
-        ";"
-    ], function(param) {
-        var theme = param.theme;
-        return theme.lowPerformance ? 'unset' : 'color 0.1s ease-in-out';
-    }, views[view]);
-};
-export var CardHeadline1 = styled(Headline1).withConfig({
+const viewMixin = ({ view = 'primary' })=>css([
+        `transition:`,
+        `;color:`,
+        `;`
+    ], ({ theme })=>theme.lowPerformance ? 'unset' : 'color 0.1s ease-in-out', views[view]);
+export const CardHeadline1 = styled(Headline1).withConfig({
     displayName: "CardTypography__CardHeadline1",
     componentId: "sc-ebd1f68e-0"
 })([
-    "",
-    ";"
+    ``,
+    `;`
 ], viewMixin);
-export var CardHeadline2 = styled(Headline2).withConfig({
+export const CardHeadline2 = styled(Headline2).withConfig({
     displayName: "CardTypography__CardHeadline2",
     componentId: "sc-ebd1f68e-1"
 })([
-    "",
-    ";"
+    ``,
+    `;`
 ], viewMixin);
-export var CardHeadline3 = styled(Headline3).withConfig({
+export const CardHeadline3 = styled(Headline3).withConfig({
     displayName: "CardTypography__CardHeadline3",
     componentId: "sc-ebd1f68e-2"
 })([
-    "",
-    ";"
+    ``,
+    `;`
 ], viewMixin);
-export var CardFootnote1 = styled(Footnote1).withConfig({
+export const CardFootnote1 = styled(Footnote1).withConfig({
     displayName: "CardTypography__CardFootnote1",
     componentId: "sc-ebd1f68e-3"
 })([
-    "",
-    ";"
+    ``,
+    `;`
 ], viewMixin);
-export var CardFootnote2 = styled(Footnote2).withConfig({
+export const CardFootnote2 = styled(Footnote2).withConfig({
     displayName: "CardTypography__CardFootnote2",
     componentId: "sc-ebd1f68e-4"
 })([
-    "",
-    ";"
+    ``,
+    `;`
 ], viewMixin);
-export var CardBody1 = styled(Body1).withConfig({
+export const CardBody1 = styled(Body1).withConfig({
     displayName: "CardTypography__CardBody1",
     componentId: "sc-ebd1f68e-5"
 })([
-    "",
-    ";",
-    ";"
+    ``,
+    `;`,
+    `;`
 ], linesMixin, viewMixin);
-export var CardBody2 = styled(Body2).withConfig({
+export const CardBody2 = styled(Body2).withConfig({
     displayName: "CardTypography__CardBody2",
     componentId: "sc-ebd1f68e-6"
 })([
-    "",
-    ";",
-    ";"
+    ``,
+    `;`,
+    `;`
 ], linesMixin, viewMixin);
-export var CardParagraph1 = styled(ParagraphText1).withConfig({
+export const CardParagraph1 = styled(ParagraphText1).withConfig({
     displayName: "CardTypography__CardParagraph1",
     componentId: "sc-ebd1f68e-7"
 })([
-    "",
-    ";",
-    ";"
+    ``,
+    `;`,
+    `;`
 ], linesMixin, viewMixin);
-export var CardParagraph2 = styled(ParagraphText2).withConfig({
+export const CardParagraph2 = styled(ParagraphText2).withConfig({
     displayName: "CardTypography__CardParagraph2",
     componentId: "sc-ebd1f68e-8"
 })([
-    "",
-    ";",
-    ";"
+    ``,
+    `;`,
+    `;`
 ], linesMixin, viewMixin);

package/es/components/Carousel/Carousel.js

@@ -3,89 +3,71 @@ import styled, { css } from 'styled-components';
  * Компонент применяется, если требуется компенсировать отступы контейнера в сетке.
  * При обертывании вокруг ``Carousel``, добавляет карусели и ее прокрутке дополнительные отступы.
  * Стилизованный компонент, обладающий всеми свойствами ``div``.
- */ export var CarouselGridWrapper = styled.div.withConfig({
+ */ export const CarouselGridWrapper = styled.div.withConfig({
     displayName: "Carousel__CarouselGridWrapper",
     componentId: "sc-2bb1b43b-0"
 })([
-    "overflow:hidden;margin-left:calc(var(--plasma-grid-margin) * -1);margin-right:calc(var(--plasma-grid-margin) * -1);"
+    `overflow:hidden;margin-left:calc(var(--plasma-grid-margin) * -1);margin-right:calc(var(--plasma-grid-margin) * -1);`
 ]);
 /**
  * Корневой элемент - ограничивающая обертка карусели.
- */ export var Carousel = styled.div.withConfig({
+ */ export const Carousel = styled.div.withConfig({
     displayName: "Carousel",
     componentId: "sc-2bb1b43b-1"
 })([
-    "position:relative;margin:0;padding:0;list-style:none;::-webkit-scrollbar{display:none;}",
-    " ",
-    " ",
-    " &{scroll-padding:0 var(--plasma-grid-margin);padding-left:var(--plasma-grid-margin);}"
-], function(param) {
-    var axis = param.axis;
-    return axis === 'x' ? css([
-        "overflow-x:auto;overflow-y:hidden;"
+    `position:relative;margin:0;padding:0;list-style:none;::-webkit-scrollbar{display:none;}`,
+    ` `,
+    ` `,
+    ` &{scroll-padding:0 var(--plasma-grid-margin);padding-left:var(--plasma-grid-margin);}`
+], ({ axis })=>axis === 'x' ? css([
+        `overflow-x:auto;overflow-y:hidden;`
     ]) : css([
-        "height:100%;overflow-x:hidden;overflow-y:auto;"
-    ]);
-}, function(param) {
-    var scrollSnapType = param.scrollSnapType, axis = param.axis;
-    return scrollSnapType && scrollSnapType !== 'none' && css([
-        "scroll-behavior:",
-        ";scroll-snap-type:",
-        " ",
-        ";"
-    ], function(param) {
-        var theme = param.theme;
-        return theme.lowPerformance ? 'unset' : 'smooth';
-    }, axis, scrollSnapType);
-}, CarouselGridWrapper);
+        `height:100%;overflow-x:hidden;overflow-y:auto;`
+    ]), ({ scrollSnapType, axis })=>scrollSnapType && scrollSnapType !== 'none' && css([
+        `scroll-behavior:`,
+        `;scroll-snap-type:`,
+        ` `,
+        `;`
+    ], ({ theme })=>theme.lowPerformance ? 'unset' : 'smooth', axis, scrollSnapType), CarouselGridWrapper);
 /**
  * Списковый (трековый) элемент карусели для непосредственного вложения айтемов в него.
- */ export var CarouselTrack = styled.div.withConfig({
+ */ export const CarouselTrack = styled.div.withConfig({
     displayName: "Carousel__CarouselTrack",
     componentId: "sc-2bb1b43b-2"
 })([
-    "",
-    " ",
-    " ",
-    ""
-], function(param) {
-    var virtualSize = param.virtualSize, axis = param.axis;
-    return(// для виртуализированной карусели (useVirtual)
+    ``,
+    ` `,
+    ` `,
+    ``
+], ({ virtualSize, axis })=>// для виртуализированной карусели (useVirtual)
     virtualSize && css([
-        "position:absolute;",
-        ":",
-        "px;"
-    ], axis === 'x' ? 'width' : 'height', virtualSize));
-}, function(param) {
-    var liteMode = param.liteMode;
-    return(// для поддержки CarouselLite
+        `position:absolute;`,
+        `:`,
+        `px;`
+    ], axis === 'x' ? 'width' : 'height', virtualSize), ({ liteMode })=>// для поддержки CarouselLite
     liteMode && css([
-        "transition-property:transform;transition-duration:0.5s;transform:translate(0px,0px);"
-    ]));
-}, function(param) {
-    var axis = param.axis, paddingStart = param.paddingStart, paddingEnd = param.paddingEnd;
-    return axis === 'x' ? css([
-        "display:inline-flex;flex-direction:row;",
-        " ",
-        ""
+        `transition-property:transform;transition-duration:0.5s;transform:translate(0px,0px);`
+    ]), ({ axis, paddingStart, paddingEnd })=>axis === 'x' ? css([
+        `display:inline-flex;flex-direction:row;`,
+        ` `,
+        ``
     ], paddingStart && css([
-        "padding-left:",
-        ";"
+        `padding-left:`,
+        `;`
     ], paddingStart), paddingEnd ? css([
-        "padding-right:",
-        ";"
+        `padding-right:`,
+        `;`
     ], paddingEnd) : css([
-        "",
-        " &{padding-right:var(--plasma-grid-margin);}"
+        ``,
+        ` &{padding-right:var(--plasma-grid-margin);}`
     ], CarouselGridWrapper)) : css([
-        "display:flex;flex-direction:column;width:100%;",
-        " ",
-        ""
+        `display:flex;flex-direction:column;width:100%;`,
+        ` `,
+        ``
     ], paddingStart && css([
-        "padding-top:",
-        ";"
+        `padding-top:`,
+        `;`
     ], paddingStart), paddingEnd && css([
-        "padding-bottom:",
-        ";"
-    ], paddingEnd));
-});
+        `padding-bottom:`,
+        `;`
+    ], paddingEnd)));

package/es/components/Carousel/CarouselItem.js

@@ -1,95 +1,27 @@
-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 _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;
-}
 import React from 'react';
 import styled from 'styled-components';
 import { applyScrollSnap } from '../../mixins';
-var StyledItem = styled.div.withConfig({
+const StyledItem = styled.div.withConfig({
     displayName: "CarouselItem__StyledItem",
     componentId: "sc-36578ca1-0"
 })([
-    "",
-    ""
+    ``,
+    ``
 ], applyScrollSnap);
-var StyledItemVirtual = styled.div.withConfig({
+const StyledItemVirtual = styled.div.withConfig({
     displayName: "CarouselItem__StyledItemVirtual",
     componentId: "sc-36578ca1-1"
 })([
-    "position:absolute;"
+    `position:absolute;`
 ]);
-export var CarouselItem = function CarouselItem(_0) {
-    var _0_scrollSnapAlign = _0.scrollSnapAlign, scrollSnapAlign = _0_scrollSnapAlign === void 0 ? 'center' : _0_scrollSnapAlign, _0_scrollSnapStop = _0.scrollSnapStop, scrollSnapStop = _0_scrollSnapStop === void 0 ? 'always' : _0_scrollSnapStop, children = _0.children, rest = _object_without_properties(_0, [
-        "scrollSnapAlign",
-        "scrollSnapStop",
-        "children"
-    ]);
-    return /*#__PURE__*/ React.createElement(StyledItem, _object_spread({
+export const CarouselItem = ({ scrollSnapAlign = 'center', scrollSnapStop = 'always', children, ...rest })=>{
+    return /*#__PURE__*/ React.createElement(StyledItem, {
         scrollSnapAlign: scrollSnapAlign,
         scrollSnapStop: scrollSnapStop,
         role: "group",
-        "aria-roledescription": "slide"
-    }, rest), children);
+        "aria-roledescription": "slide",
+        ...rest
+    }, children);
 };
 /**
  * Компонент для использовани внутри CarouselVirtual для элементов с фиксированным размером.
@@ -97,18 +29,14 @@ export var CarouselItem = function CarouselItem(_0) {
  * ```
  * import { useVirtual } from '@salutejs/use-virtual';
  * ```
- */ export var CarouselItemVirtual = function CarouselItemVirtual(_0) {
-    var left = _0.left, top = _0.top, children = _0.children, style = _0.style, rest = _object_without_properties(_0, [
-        "left",
-        "top",
-        "children",
-        "style"
-    ]);
-    return /*#__PURE__*/ React.createElement(StyledItemVirtual, _object_spread({
+ */ export const CarouselItemVirtual = ({ left, top, children, style, ...rest })=>{
+    return /*#__PURE__*/ React.createElement(StyledItemVirtual, {
         role: "group",
         "aria-roledescription": "slide",
-        style: _object_spread({
-            transform: "translate(".concat(left !== null && left !== void 0 ? left : 0, "px, ").concat(top !== null && top !== void 0 ? top : 0, "px)")
-        }, style)
-    }, rest), children);
+        style: {
+            transform: `translate(${left ?? 0}px, ${top ?? 0}px)`,
+            ...style
+        },
+        ...rest
+    }, children);
 };