@sima-land/ui-nucleons 45.0.0-alpha.3 → 45.0.0-alpha.5

package/avatar/index.js

@@ -1,40 +1,17 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Avatar = void 0;
-const react_1 = __importStar(require("react"));
-const bind_1 = __importDefault(require("classnames/bind"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const colors_1 = require("../colors");
-const person_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/person"));
-const avatar_module_scss_1 = __importDefault(require("./avatar.module.scss"));
 const utils_1 = require("./utils");
 const colors_2 = require("../styling/colors");
-const cx = bind_1.default.bind(avatar_module_scss_1.default);
+const Person_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/Person"));
+const bind_1 = __importDefault(require("classnames/bind"));
+const avatar_module_scss_1 = __importDefault(require("./avatar.module.scss"));
 const SIZES = [40, 48, 56, 64, 72, 80, 104];
 const ICON_SIZES = {
     40: 16,
@@ -45,21 +22,18 @@ const ICON_SIZES = {
     80: 24,
     104: 24,
 };
+const cx = bind_1.default.bind(avatar_module_scss_1.default);
 /**
  * Компонент аватара.
  * @param props Свойства компонента.
  * @return Элемент.
  */
-const Avatar = ({ size: sizeProp = 72, imageUrl, bgColor = 'basic-gray4', bgOpacity = 1, textColor = 'basic-gray87', title, monogram = (0, utils_1.getMonogram)(title), className, style, 'data-testid': testId = 'avatar', }) => {
-    const [needImage, toggleImage] = (0, react_1.useState)(Boolean(imageUrl));
+function Avatar({ size: sizeProp = 72, imageUrl, bgColor = 'basic-gray4', bgOpacity = 1, textColor = 'basic-gray87', title, monogram = (0, utils_1.getMonogram)(title), className, style, 'data-testid': testId = 'avatar', }) {
+    const [needImage, toggleImage] = (0, react_1.useState)(() => Boolean(imageUrl));
     (0, react_1.useEffect)(() => {
         toggleImage(Boolean(imageUrl));
     }, [imageUrl]);
     const size = SIZES.includes(sizeProp) ? sizeProp : 72;
-    return (react_1.default.createElement("div", { "data-testid": testId, className: cx('root', `size-${size}`, (0, colors_2.color)(textColor), className), style: Object.assign(Object.assign({}, style), { '--avatar-color': !needImage ? colors_1.COLORS.get(bgColor) : undefined, '--avatar-color-opacity': bgOpacity }) },
-        !needImage && (react_1.default.createElement(react_1.default.Fragment, null, monogram ? (react_1.default.createElement("span", { className: cx('monogram') }, monogram.slice(0, 2).toUpperCase())) : (react_1.default.createElement(person_1.default, { fill: colors_1.COLORS.get(textColor), width: ICON_SIZES[size], height: ICON_SIZES[size], className: cx('icon') })))),
-        needImage && (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement("img", { src: imageUrl, alt: '', className: cx('layer', 'image'), onError: () => toggleImage(false) }),
-            react_1.default.createElement("div", { className: cx('layer', 'image-overlay') })))));
-};
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ "data-testid": testId, className: cx('root', `size-${size}`, (0, colors_2.color)(textColor), className), style: Object.assign(Object.assign({}, style), { '--avatar-color': !needImage ? colors_1.COLORS.get(bgColor) : undefined, '--avatar-color-opacity': bgOpacity }) }, { children: [!needImage && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: monogram ? ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: cx('monogram') }, { children: monogram.slice(0, 2).toUpperCase() }))) : ((0, jsx_runtime_1.jsx)(Person_1.default, { fill: colors_1.COLORS.get(textColor), width: ICON_SIZES[size], height: ICON_SIZES[size], className: cx('icon') })) })), needImage && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("img", { src: imageUrl, alt: '', className: cx('layer', 'image'), onError: () => toggleImage(false) }), (0, jsx_runtime_1.jsx)("div", { className: cx('layer', 'image-overlay') })] }))] })));
+}
 exports.Avatar = Avatar;

package/avatar/user.d.ts

@@ -7,4 +7,4 @@ export declare const colorKey: unique symbol;
  * @param props Свойства. Поддерживаются свойства Avatar.
  * @return Элемент.
  */
-export declare const UserAvatar: (props: UserAvatarProps) => JSX.Element;
+export declare function UserAvatar(props: UserAvatarProps): JSX.Element;

package/avatar/user.js

@@ -1,30 +1,8 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UserAvatar = exports.colorKey = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const lodash_1 = require("lodash");
 const _1 = require(".");
 const COLORS = [
@@ -49,13 +27,14 @@ exports.colorKey = Symbol.for('user-avatar:color-key');
  * @param props Свойства. Поддерживаются свойства Avatar.
  * @return Элемент.
  */
-const UserAvatar = (props) => {
+function UserAvatar(props) {
     const [color, setColor] = (0, react_1.useState)();
     (0, react_1.useEffect)(() => {
+        const source = window;
         // запоминаем цвет (пока только один для всех аватаров на странице)
-        window[exports.colorKey] = window[exports.colorKey] || (0, lodash_1.sample)(COLORS);
-        setColor(window[exports.colorKey]);
+        source[exports.colorKey] = source[exports.colorKey] || (0, lodash_1.sample)(COLORS);
+        setColor(source[exports.colorKey]);
     }, []);
-    return react_1.default.createElement(_1.Avatar, Object.assign({}, props, { bgColor: color, bgOpacity: color ? 0.48 : 0, textColor: 'basic-white' }));
-};
+    return (0, jsx_runtime_1.jsx)(_1.Avatar, Object.assign({}, props, { bgColor: color, bgOpacity: color ? 0.48 : 0, textColor: 'basic-white' }));
+}
 exports.UserAvatar = UserAvatar;

package/avatar/utils.d.ts

@@ -3,4 +3,4 @@
  * @param value Переданная строка.
  * @return Монограмма.
  */
-export declare const getMonogram: (value: any) => string;
+export declare function getMonogram(value: any): string;

package/avatar/utils.js

@@ -1,19 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getMonogram = void 0;
-const lodash_1 = require("lodash");
 /**
  * Формирует монограмму из переданной строки.
  * @param value Переданная строка.
  * @return Монограмма.
  */
-const getMonogram = (value) => (0, lodash_1.isString)(value)
-    ? value
-        .split(/\s+/g)
-        .slice(0, 2)
-        .map(s => s[0])
-        .reverse()
-        .join('')
-        .toUpperCase()
-    : '';
+function getMonogram(value) {
+    if (typeof value === 'string') {
+        return value
+            .split(/\s+/g)
+            .slice(0, 2)
+            .map(s => s[0])
+            .reverse()
+            .join('')
+            .toUpperCase();
+    }
+    return '';
+}
 exports.getMonogram = getMonogram;

package/base-input/base-input.js

@@ -1,27 +1,4 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -38,7 +15,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BaseInput = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const fit_element_height_1 = require("../helpers/fit-element-height");
 const hooks_1 = require("../hooks");
 const utils_1 = require("./utils");
@@ -68,7 +46,7 @@ function BaseInput(_a) {
     });
     let field;
     if (props.multiline) {
-        field = (react_1.default.createElement("textarea", Object.assign({}, (0, utils_1.omitMultiline)(props), { ref: textareaInnerRef, rows: (_b = props.rows) !== null && _b !== void 0 ? _b : 1, "data-testid": 'base-input:field' // ВАЖНО: не даем переопределить data-test-id
+        field = ((0, jsx_runtime_1.jsx)("textarea", Object.assign({}, (0, utils_1.omitMultiline)(props), { ref: textareaInnerRef, rows: (_b = props.rows) !== null && _b !== void 0 ? _b : 1, "data-testid": 'base-input:field' // ВАЖНО: не даем переопределить data-test-id
             , className: cx('field', 'reset', 'multiline'), onInput: e => {
                 var _a;
                 (_a = props.onInput) === null || _a === void 0 ? void 0 : _a.call(props, e);
@@ -76,7 +54,7 @@ function BaseInput(_a) {
             } })));
     }
     else {
-        field = (react_1.default.createElement("input", Object.assign({}, (0, utils_1.omitMultiline)(props), { ref: inputInnerRef, "data-testid": 'base-input:field' // ВАЖНО: не даем переопределить data-test-id
+        field = ((0, jsx_runtime_1.jsx)("input", Object.assign({}, (0, utils_1.omitMultiline)(props), { ref: inputInnerRef, "data-testid": 'base-input:field' // ВАЖНО: не даем переопределить data-test-id
             , className: cx('field', 'reset') })));
     }
     let restPlaceholder = null;
@@ -87,10 +65,6 @@ function BaseInput(_a) {
                 ? { shiftValue: String(props.value), value: restPlaceholderProp }
                 : Object.assign({ shiftValue: String(props.value), value: '' }, restPlaceholderProp);
     }
-    return (react_1.default.createElement("div", { style: style, className: cx('reset', 'root', className), "data-testid": testId },
-        !props.multiline && restPlaceholder && restPlaceholder.value && (react_1.default.createElement("span", { "aria-hidden": true, className: cx('rest-placeholder') },
-            react_1.default.createElement("span", { "data-testid": 'rest-placeholder-shift', className: cx('shift-part') }, restPlaceholder.shiftValue),
-            react_1.default.createElement("span", { "data-testid": 'rest-placeholder', className: cx('main-part') }, restPlaceholder.value))),
-        field));
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: style, className: cx('reset', 'root', className), "data-testid": testId }, { children: [!props.multiline && restPlaceholder && restPlaceholder.value && ((0, jsx_runtime_1.jsxs)("span", Object.assign({ "aria-hidden": true, className: cx('rest-placeholder') }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ "data-testid": 'rest-placeholder-shift', className: cx('shift-part') }, { children: restPlaceholder.shiftValue })), (0, jsx_runtime_1.jsx)("span", Object.assign({ "data-testid": 'rest-placeholder', className: cx('main-part') }, { children: restPlaceholder.value }))] }))), field] })));
 }
 exports.BaseInput = BaseInput;

package/base-input-deprecated/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 interface RestPlaceholder {
     value: string;
     shiftValue?: string;
@@ -20,5 +20,5 @@ export type BaseInputProps = CustomProps & React.TextareaHTMLAttributes<HTMLText
  * @param props Свойства. Поддерживаются свойства элемента input.
  * @return Элемент.
  */
-export declare const BaseInput: React.ForwardRefExoticComponent<CustomProps & React.TextareaHTMLAttributes<HTMLTextAreaElement> & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement | undefined>>;
+export declare const BaseInput: import("react").ForwardRefExoticComponent<CustomProps & import("react").TextareaHTMLAttributes<HTMLTextAreaElement> & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement | HTMLTextAreaElement | undefined>>;
 export {};

package/base-input-deprecated/index.js

@@ -1,27 +1,4 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -38,7 +15,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BaseInput = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const fit_element_height_1 = require("../helpers/fit-element-height");
 const bind_1 = __importDefault(require("classnames/bind"));
 const base_input_module_scss_1 = __importDefault(require("./base-input.module.scss"));
@@ -67,14 +45,10 @@ exports.BaseInput = (0, react_1.forwardRef)(function BaseInput(_a, ref) {
     const restPlaceholder = typeof restPlaceholderProp === 'string'
         ? { shiftValue: value, value: restPlaceholderProp }
         : Object.assign({ shiftValue: value }, restPlaceholderProp);
-    return (react_1.default.createElement("div", { "data-testid": 'base-input:root', style: style, className: cx('reset', 'root', disabled && 'disabled', className) },
-        !multiline && Boolean(restPlaceholder.value) && (react_1.default.createElement("span", { "aria-hidden": true, className: cx('fake-text') },
-            react_1.default.createElement("span", { className: cx('invisible-value') }, restPlaceholder.shiftValue),
-            react_1.default.createElement("span", { className: cx('placeholder') }, restPlaceholder.value))),
-        react_1.default.createElement(Element, Object.assign({ "data-testid": 'base-input:field' }, props, { rows: multiline ? rows : undefined, ref: inputRef, disabled: disabled, 
-            // ВАЖНО: не даем возможности задать стили/классы именно для этого элемента
-            className: cx('field', 'reset', multiline && 'multiline'), value: value, onInput: (event) => {
-                multiline && (0, fit_element_height_1.fitElementHeight)(event);
-                onInput === null || onInput === void 0 ? void 0 : onInput(event);
-            } }))));
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ "data-testid": 'base-input:root', style: style, className: cx('reset', 'root', disabled && 'disabled', className) }, { children: [!multiline && Boolean(restPlaceholder.value) && ((0, jsx_runtime_1.jsxs)("span", Object.assign({ "aria-hidden": true, className: cx('fake-text') }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: cx('invisible-value') }, { children: restPlaceholder.shiftValue })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: cx('placeholder') }, { children: restPlaceholder.value }))] }))), (0, jsx_runtime_1.jsx)(Element, Object.assign({ "data-testid": 'base-input:field' }, props, { rows: multiline ? rows : undefined, ref: inputRef, disabled: disabled, 
+                // ВАЖНО: не даем возможности задать стили/классы именно для этого элемента
+                className: cx('field', 'reset', multiline && 'multiline'), value: value, onInput: (event) => {
+                    multiline && (0, fit_element_height_1.fitElementHeight)(event);
+                    onInput === null || onInput === void 0 ? void 0 : onInput(event);
+                } }))] })));
 });

package/bordered-layout/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 export interface BorderedLayoutProps {
     /** Флаг добавления рамки сверху. */
     top?: boolean;

package/bordered-layout/index.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BorderedLayout = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const bind_1 = __importDefault(require("classnames/bind"));
 const layout_1 = require("../layout");
 const borders_1 = require("../styling/borders");
@@ -27,7 +27,6 @@ const BorderedLayout = ({ top, bottom, children }) => {
     else if (bottom) {
         borderClass = borders_1.InnerBorder.bottom;
     }
-    return (react_1.default.createElement(layout_1.MobileLayout, { disabledOn: ['mxs', 'ms'] },
-        react_1.default.createElement("div", { className: cx('inner', borderClass) }, children)));
+    return ((0, jsx_runtime_1.jsx)(layout_1.MobileLayout, Object.assign({ disabledOn: ['mxs', 'ms'] }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: cx('inner', borderClass) }, { children: children })) })));
 };
 exports.BorderedLayout = BorderedLayout;

package/bottom-bar/bottom-bar.js

@@ -15,7 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BottomBar = exports.BOTTOM_BAR_DEFAULTS = exports.BOTTOM_BAR_HEIGHT = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const shapes_1 = require("../styling/shapes");
 const utils_1 = require("../clean-buttons/utils");
 const bind_1 = __importDefault(require("classnames/bind"));
@@ -41,7 +41,6 @@ function BottomBar(_a) {
     const rooClassName = cx('root', size !== 'unset' && `size-${size}`, { divided }, shapes_1.MediumRounds.bottom, className);
     return (
     // чтобы CleanButton автоматически брали размер, соответствующий размеру BottomBar
-    react_1.default.createElement(utils_1.CleanGroupSizeContext.Provider, { value: size },
-        react_1.default.createElement("div", Object.assign({}, rest, { className: rooClassName, "data-testid": testId }), children)));
+    (0, jsx_runtime_1.jsx)(utils_1.CleanGroupSizeContext.Provider, Object.assign({ value: size }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({}, rest, { className: rooClassName, "data-testid": testId }, { children: children })) })));
 }
 exports.BottomBar = BottomBar;

package/box/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { Token } from '../colors';
 type CustomElement = {
     className: string;

package/box/index.js

@@ -27,7 +27,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Box = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const bind_1 = __importDefault(require("classnames/bind"));
 const box_module_scss_1 = __importDefault(require("./box.module.scss"));
 const Spacing = __importStar(require("../styling/sizes"));
@@ -65,7 +65,7 @@ margin, marginTop, marginRight, marginBottom, marginLeft, marginX, marginY,
 // paddings
 padding, paddingTop, paddingRight, paddingBottom, paddingLeft, paddingX, paddingY, 
 // color
-color, }) => (react_1.default.createElement(Container, { style: dangerouslySetInlineStyle === null || dangerouslySetInlineStyle === void 0 ? void 0 : dangerouslySetInlineStyle.__style, className: cx(display && DISPLAY.has(display) && `display-${display}`, flex && FLEX.has(flex) && `flex-${flex}`, direction && DIRECTION.has(direction) && `direction-${direction}`, alignItems && ALIGN_ITEMS.has(alignItems) && `align-items-${alignItems}`, justifyContent && JUSTIFY_CONTENT.has(justifyContent) && `justify-content-${justifyContent}`, color && colors_2.COLORS.has(color) && (0, colors_1.bgColor)(color), wrap && 'flex-wrap', 
+color, }) => ((0, jsx_runtime_1.jsx)(Container, { style: dangerouslySetInlineStyle === null || dangerouslySetInlineStyle === void 0 ? void 0 : dangerouslySetInlineStyle.__style, className: cx(display && DISPLAY.has(display) && `display-${display}`, flex && FLEX.has(flex) && `flex-${flex}`, direction && DIRECTION.has(direction) && `direction-${direction}`, alignItems && ALIGN_ITEMS.has(alignItems) && `align-items-${alignItems}`, justifyContent && JUSTIFY_CONTENT.has(justifyContent) && `justify-content-${justifyContent}`, color && colors_2.COLORS.has(color) && (0, colors_1.bgColor)(color), wrap && 'flex-wrap', 
     // margins
     getMarginClasses({
         margin,

package/button/index.d.ts

@@ -1,4 +1,4 @@
-import React, { AnchorHTMLAttributes, ButtonHTMLAttributes, ComponentType, HTMLAttributes, SVGAttributes } from 'react';
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, ComponentType, HTMLAttributes, SVGAttributes } from 'react';
 export type ButtonSize = 'xs' | 's' | 'm';
 export type ButtonViewType = 'primary' | 'secondary';
 export type ButtonAppearance = 'button' | 'link' | 'container';
@@ -36,5 +36,5 @@ export type ButtonProps = AsButtonProps | AsAnchorProps | AsContainerProps;
  * @param props Свойства.
  * @return Элемент.
  */
-export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<any>>;
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<any>>;
 export {};

package/button/index.js

@@ -1,27 +1,4 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -38,7 +15,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Button = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const spinner_1 = require("../spinner");
 const bind_1 = __importDefault(require("classnames/bind"));
 const button_module_scss_1 = __importDefault(require("./button.module.scss"));
@@ -53,20 +31,16 @@ exports.Button = (0, react_1.forwardRef)(function Button(_a, ref) {
     const hasIcon = Boolean(Icon);
     const hasText = Boolean(children);
     const rootClassName = cx('root', `size-${size}`, `view-${viewType}`, loading && 'loading', disabled && 'disabled', hasIcon && !hasText && 'icon-only', hasText && hasIcon && iconPosition === 'start' && 'icon-start', hasText && hasIcon && iconPosition === 'end' && 'icon-end', className);
-    const content = (react_1.default.createElement(react_1.default.Fragment, null,
-        Icon && iconPosition === 'start' && react_1.default.createElement(Icon, { className: cx('icon') }),
-        children,
-        Icon && iconPosition === 'end' && react_1.default.createElement(Icon, { className: cx('icon') }),
-        loading && (react_1.default.createElement(spinner_1.SpinnerSVG, { size: 's', color: disabled || viewType === 'secondary' ? 'basic-gray38' : 'basic-white', className: cx('spinner') }))));
+    const content = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [Icon && iconPosition === 'start' && (0, jsx_runtime_1.jsx)(Icon, { className: cx('icon') }), children, Icon && iconPosition === 'end' && (0, jsx_runtime_1.jsx)(Icon, { className: cx('icon') }), loading && ((0, jsx_runtime_1.jsx)(spinner_1.SpinnerSVG, { size: 's', color: disabled || viewType === 'secondary' ? 'basic-gray38' : 'basic-white', className: cx('spinner') }))] }));
     let result = null;
     if (restProps.appearance === 'container') {
-        result = (react_1.default.createElement("div", Object.assign({}, restProps, { ref: ref, className: rootClassName, role: 'button', "data-testid": testId }), content));
+        result = ((0, jsx_runtime_1.jsx)("div", Object.assign({}, restProps, { ref: ref, className: rootClassName, role: 'button', "data-testid": testId }, { children: content })));
     }
     else if (restProps.appearance === 'link') {
-        result = (react_1.default.createElement("a", Object.assign({}, restProps, { ref: ref, className: rootClassName, "data-testid": testId }), content));
+        result = ((0, jsx_runtime_1.jsx)("a", Object.assign({}, restProps, { ref: ref, className: rootClassName, "data-testid": testId }, { children: content })));
     }
     else {
-        result = (react_1.default.createElement("button", Object.assign({}, restProps, { ref: ref, className: rootClassName, disabled: disabled, "data-testid": testId }), content));
+        result = ((0, jsx_runtime_1.jsx)("button", Object.assign({}, restProps, { ref: ref, className: rootClassName, disabled: disabled, "data-testid": testId }, { children: content })));
     }
     return result;
 });

package/card/index.js

@@ -15,7 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CardContent = exports.Card = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const plate_1 = require("../plate");
 const slots_1 = require("./slots");
 Object.defineProperty(exports, "CardContent", { enumerable: true, get: function () { return slots_1.CardContent; } });
@@ -40,13 +40,7 @@ const Card = (_a) => {
         header: slots_1.CardHeader,
         footer: slots_1.CardFooter,
     });
-    return (react_1.default.createElement(utils_1.CardContext.Provider, { value: { rounds } },
-        react_1.default.createElement(plate_1.Plate, Object.assign({}, restProps, { rounds: rounds, className: (0, classnames_1.default)(card_module_scss_1.default.root, className) }),
-            !topBar && header,
-            topBar && (react_1.default.createElement(top_bar_1.TopBar, Object.assign({}, topBar.props, { className: (0, classnames_1.default)(topBar.props.className, rounds === 's' && shapes_1.SmallRounds.top, rounds === 'm' && shapes_1.MediumRounds.top) }))),
-            content,
-            bottomBar && react_1.default.createElement(bottom_bar_1.BottomBar, Object.assign({}, bottomBar.props)),
-            !bottomBar && footer)));
+    return ((0, jsx_runtime_1.jsx)(utils_1.CardContext.Provider, Object.assign({ value: { rounds } }, { children: (0, jsx_runtime_1.jsxs)(plate_1.Plate, Object.assign({}, restProps, { rounds: rounds, className: (0, classnames_1.default)(card_module_scss_1.default.root, className) }, { children: [!topBar && header, topBar && ((0, jsx_runtime_1.jsx)(top_bar_1.TopBar, Object.assign({}, topBar.props, { className: (0, classnames_1.default)(topBar.props.className, rounds === 's' && shapes_1.SmallRounds.top, rounds === 'm' && shapes_1.MediumRounds.top) }))), content, bottomBar && (0, jsx_runtime_1.jsx)(bottom_bar_1.BottomBar, Object.assign({}, bottomBar.props)), !bottomBar && footer] })) })));
 };
 exports.Card = Card;
 /**

package/card/slots.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { PlateProps } from '../plate';
 export interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
     divided?: boolean;

package/card/slots.js

@@ -1,27 +1,4 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -38,7 +15,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CardFooter = exports.CardContent = exports.CardHeader = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const borders_1 = require("../styling/borders");
 const classnames_1 = __importDefault(require("classnames"));
 const card_module_scss_1 = __importDefault(require("./card.module.scss"));
@@ -53,11 +31,11 @@ const utils_1 = require("./utils");
  */
 function CardHeader({ children, divided }) {
     const { rounds } = (0, react_1.useContext)(utils_1.CardContext);
-    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(divided && borders_1.InnerBorder.bottom) }, (0, react_1.isValidElement)(children) && children.type === top_bar_1.TopBar
-        ? (0, react_1.cloneElement)(children, {
-            className: (0, classnames_1.default)(children.props.className, divided && borders_1.InnerBorder.bottom, rounds === 's' && shapes_1.SmallRounds.top, rounds === 'm' && shapes_1.MediumRounds.top),
-        })
-        : children));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)(divided && borders_1.InnerBorder.bottom) }, { children: (0, react_1.isValidElement)(children) && children.type === top_bar_1.TopBar
+            ? (0, react_1.cloneElement)(children, {
+                className: (0, classnames_1.default)(children.props.className, divided && borders_1.InnerBorder.bottom, rounds === 's' && shapes_1.SmallRounds.top, rounds === 'm' && shapes_1.MediumRounds.top),
+            })
+            : children })));
 }
 exports.CardHeader = CardHeader;
 CardHeader.displayName = 'Card.Header';
@@ -68,7 +46,7 @@ CardHeader.displayName = 'Card.Header';
  */
 function CardContent(_a) {
     var { children, className, scrollableRef } = _a, restProps = __rest(_a, ["children", "className", "scrollableRef"]);
-    return (react_1.default.createElement("div", Object.assign({}, restProps, { ref: scrollableRef, className: (0, classnames_1.default)(card_module_scss_1.default.content, className) }), children));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, restProps, { ref: scrollableRef, className: (0, classnames_1.default)(card_module_scss_1.default.content, className) }, { children: children })));
 }
 exports.CardContent = CardContent;
 CardContent.displayName = 'Card.Content';
@@ -80,7 +58,7 @@ CardContent.displayName = 'Card.Content';
  */
 function CardFooter(_a) {
     var { children, divided, className } = _a, restProps = __rest(_a, ["children", "divided", "className"]);
-    return (react_1.default.createElement("div", Object.assign({}, restProps, { className: (0, classnames_1.default)(className, divided && borders_1.InnerBorder.top) }), children));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, restProps, { className: (0, classnames_1.default)(className, divided && borders_1.InnerBorder.top) }, { children: children })));
 }
 exports.CardFooter = CardFooter;
 CardFooter.displayName = 'Card.Footer';

package/carousel/draggable.d.ts

@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import { Component } from 'react';
 import { IPoint } from '../helpers/point';
 import DraggableEvent from './helpers/draggable-event';
 import { EventWithPosition } from '../helpers/events';