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

package/carousel/index.js

@@ -1,33 +1,11 @@
 "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.Carousel = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const draggable_1 = require("./draggable");
 const lodash_1 = require("lodash");
 const fp_1 = require("lodash/fp");
@@ -89,7 +67,7 @@ class Carousel extends react_1.Component {
      * @return Элемент списка.
      */
     static defaultRenderItem(item, index) {
-        return react_1.default.createElement("div", { key: index }, String(item));
+        return (0, jsx_runtime_1.jsx)("div", { children: String(item) }, index);
     }
     /**
      * Возвращает кнопку управления.
@@ -102,7 +80,7 @@ class Carousel extends react_1.Component {
     static defaultRenderControl({ canUse, onUse, type, vertical }, props = { size: 's' }) {
         const forward = vertical ? 'down' : 'right';
         const backward = vertical ? 'up' : 'left';
-        return (react_1.default.createElement(arrow_button_1.ArrowButton, Object.assign({}, props, { className: cx('control', vertical && 'vertical', type, props.className), direction: type === 'forward' ? forward : backward, onClick: onUse, disabled: !canUse })));
+        return ((0, jsx_runtime_1.jsx)(arrow_button_1.ArrowButton, Object.assign({}, props, { className: cx('control', vertical && 'vertical', type, props.className), direction: type === 'forward' ? forward : backward, onClick: onUse, disabled: !canUse })));
     }
     /**
      * Возвращает функцию для поиска наиболее отдаленного элемента карусели от стартовой границы viewport'а.
@@ -590,25 +568,21 @@ class Carousel extends react_1.Component {
         const { currentOffset, isAllItemsVisible } = this.state;
         const { autoplay, autoplayHoverPause, vertical, containerProps = {}, viewportElementProps = {}, withControls = 'auto', renderControl = Carousel.defaultRenderControl, controlProps, } = this.props;
         const needShowControls = (isAuto(withControls) && !isAllItemsVisible) || withControls === true;
-        return (react_1.default.createElement("div", Object.assign({ ref: this.rootElementRef }, containerProps, { className: cx('carousel-wrapper', containerProps.className), onMouseEnter: () => {
+        return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ ref: this.rootElementRef }, containerProps, { className: cx('carousel-wrapper', containerProps.className), onMouseEnter: () => {
                 autoplay && autoplayHoverPause && this.toggleAutoMove(false);
             }, onMouseLeave: () => {
                 autoplay && autoplayHoverPause && !this.isGrabbed() && this.toggleAutoMove(true);
-            } }),
-            react_1.default.createElement(draggable_1.Draggable, { active: this.canDrag(), axis: vertical ? 'y' : 'x', transitionDuration: 320, containerProps: Object.assign(Object.assign({}, viewportElementProps), { ref: this.wrapperRef, className: cx('full-size', viewportElementProps.className) }), takeControl: this.takeDragControl, onDragStart: this.onDragStart, onDragMove: this.onDragMove, onDragEnd: this.onDragEnd, children: react_1.default.createElement("div", { className: cx(['carousel-items-container', vertical && 'vertical']), ref: this.containerRef, children: this.renderItems() }) }),
-            needShowControls && (react_1.default.createElement(react_1.default.Fragment, null,
-                renderControl({
-                    type: 'backward',
-                    onUse: this.moveBackward,
-                    canUse: this.infinite || currentOffset < 0,
-                    vertical,
-                }, controlProps),
-                renderControl({
-                    type: 'forward',
-                    onUse: this.moveForward,
-                    canUse: this.infinite || currentOffset > this.defineMinOffset(),
-                    vertical,
-                }, controlProps)))));
+            } }, { children: [(0, jsx_runtime_1.jsx)(draggable_1.Draggable, { active: this.canDrag(), axis: vertical ? 'y' : 'x', transitionDuration: 320, containerProps: Object.assign(Object.assign({}, viewportElementProps), { ref: this.wrapperRef, className: cx('full-size', viewportElementProps.className) }), takeControl: this.takeDragControl, onDragStart: this.onDragStart, onDragMove: this.onDragMove, onDragEnd: this.onDragEnd, children: (0, jsx_runtime_1.jsx)("div", { className: cx(['carousel-items-container', vertical && 'vertical']), ref: this.containerRef, children: this.renderItems() }) }), needShowControls && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [renderControl({
+                            type: 'backward',
+                            onUse: this.moveBackward,
+                            canUse: this.infinite || currentOffset < 0,
+                            vertical,
+                        }, controlProps), renderControl({
+                            type: 'forward',
+                            onUse: this.moveForward,
+                            canUse: this.infinite || currentOffset > this.defineMinOffset(),
+                            vertical,
+                        }, controlProps)] }))] })));
     }
     /**
      * Формирует список элементов карусели с учетом необходимости клонирования.
@@ -623,7 +597,7 @@ class Carousel extends react_1.Component {
         const result = [];
         for (let realIndex = 0; realIndex < loopLimit; realIndex++) {
             const index = realIndex % realItemsCount;
-            result.push(react_1.default.createElement(react_1.default.Fragment, { key: realIndex }, renderItem(items[index], realIndex)));
+            result.push((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: renderItem(items[index], realIndex) }, realIndex));
         }
         return result;
     }

package/checkbox/index.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
+/// <reference types="react" />
 import { CheckboxInputProps } from '../types';
 export type CheckboxProps = CheckboxInputProps;
 /**
  * Компонент стилизованного переключателя (input[type=checkbox]).
  */
-export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxInputProps & React.RefAttributes<HTMLInputElement>>;
+export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxInputProps & import("react").RefAttributes<HTMLInputElement>>;

package/checkbox/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.Checkbox = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const bind_1 = __importDefault(require("classnames/bind"));
 const checkbox_module_scss_1 = __importDefault(require("./checkbox.module.scss"));
 const cx = bind_1.default.bind(checkbox_module_scss_1.default);
@@ -49,10 +27,6 @@ exports.Checkbox = (0, react_1.forwardRef)((_a, ref) => {
     var { className, style, 'data-testid': testId = 'checkbox' } = _a, 
     // input props
     restProps = __rest(_a, ["className", "style", 'data-testid']);
-    return (react_1.default.createElement("span", { className: cx('root', className), style: style },
-        react_1.default.createElement("input", Object.assign({}, restProps, { "data-testid": testId, ref: ref, type: 'checkbox', className: cx('input') })),
-        react_1.default.createElement("svg", { width: '16', height: '16', viewBox: '0 0 16 16', fill: 'none' },
-            react_1.default.createElement("rect", { x: '0.5', y: '0.5', width: '15', height: '15', rx: '1.5', className: cx('square') }),
-            react_1.default.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M10.8 5.21967L6.4 9.18934L5.36569 8.21967C5.05327 7.92678 4.54673 7.92678 4.23431 8.21967C3.9219 8.51256 3.9219 8.98744 4.23431 9.28033L5.83431 10.7803C6.14673 11.0732 6.65327 11.0732 6.96569 10.7803L11.7657 6.28033C12.0781 5.98744 12.0781 5.51256 11.7657 5.21967C11.4533 4.92678 11.1124 4.92678 10.8 5.21967Z', fill: 'white', className: cx('mark') }))));
+    return ((0, jsx_runtime_1.jsxs)("span", Object.assign({ className: cx('root', className), style: style }, { children: [(0, jsx_runtime_1.jsx)("input", Object.assign({}, restProps, { "data-testid": testId, ref: ref, type: 'checkbox', className: cx('input') })), (0, jsx_runtime_1.jsxs)("svg", Object.assign({ width: '16', height: '16', viewBox: '0 0 16 16', fill: 'none' }, { children: [(0, jsx_runtime_1.jsx)("rect", { x: '0.5', y: '0.5', width: '15', height: '15', rx: '1.5', className: cx('square') }), (0, jsx_runtime_1.jsx)("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M10.8 5.21967L6.4 9.18934L5.36569 8.21967C5.05327 7.92678 4.54673 7.92678 4.23431 8.21967C3.9219 8.51256 3.9219 8.98744 4.23431 9.28033L5.83431 10.7803C6.14673 11.0732 6.65327 11.0732 6.96569 10.7803L11.7657 6.28033C12.0781 5.98744 12.0781 5.51256 11.7657 5.21967C11.4533 4.92678 11.1124 4.92678 10.8 5.21967Z', fill: 'white', className: cx('mark') })] }))] })));
 });
 exports.Checkbox.displayName = 'Checkbox';

package/checkbox-field/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 export interface CheckboxFieldProps extends React.InputHTMLAttributes<HTMLInputElement> {
     /** Содержимое ярлыка. */
     label: string;
@@ -16,4 +16,4 @@ export interface CheckboxFieldProps extends React.InputHTMLAttributes<HTMLInputE
 /**
  * @deprecated Теперь можно использовать SwitcherRow.
  */
-export declare const CheckboxField: React.ForwardRefExoticComponent<CheckboxFieldProps & React.RefAttributes<HTMLInputElement | null>>;
+export declare const CheckboxField: import("react").ForwardRefExoticComponent<CheckboxFieldProps & import("react").RefAttributes<HTMLInputElement | null>>;

package/checkbox-field/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.CheckboxField = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const checkbox_1 = require("../checkbox");
 const toggle_1 = require("../toggle");
 const bind_1 = __importDefault(require("classnames/bind"));
@@ -52,11 +30,5 @@ exports.CheckboxField = (0, react_1.forwardRef)(function CheckboxField(_a, ref)
     // input props
     id, disabled } = _a, restProps = __rest(_a, ["smallText", "fieldView", "label", "info", "failed", 'data-testid', "style", "className", "id", "disabled"]);
     const inputProps = Object.assign({ id, disabled }, restProps);
-    return (react_1.default.createElement("div", { className: cx('root', `field-${fieldView}`, { failed, disabled, 'small-text': smallText }, className), style: style, "data-testid": testId },
-        react_1.default.createElement("div", { className: cx('field-row') },
-            fieldView === 'checkbox' && react_1.default.createElement(checkbox_1.Checkbox, Object.assign({}, inputProps, { ref: ref })),
-            fieldView === 'toggle' && react_1.default.createElement(toggle_1.Toggle, Object.assign({}, inputProps, { ref: ref }))),
-        react_1.default.createElement("label", { htmlFor: id },
-            react_1.default.createElement("span", { className: cx('label'), "data-testid": 'checkbox-field:label' }, label),
-            info && react_1.default.createElement("span", { className: cx('info') }, info))));
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: cx('root', `field-${fieldView}`, { failed, disabled, 'small-text': smallText }, className), style: style, "data-testid": testId }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: cx('field-row') }, { children: [fieldView === 'checkbox' && (0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, Object.assign({}, inputProps, { ref: ref })), fieldView === 'toggle' && (0, jsx_runtime_1.jsx)(toggle_1.Toggle, Object.assign({}, inputProps, { ref: ref }))] })), (0, jsx_runtime_1.jsxs)("label", Object.assign({ htmlFor: id }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: cx('label'), "data-testid": 'checkbox-field:label' }, { children: label })), info && (0, jsx_runtime_1.jsx)("span", Object.assign({ className: cx('info') }, { children: info }))] }))] })));
 });

package/chips/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 export interface ChipsProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Элементы списка. */
     children: React.ReactNode;

package/chips/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.Chips = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const item_1 = require("./item");
 const bind_1 = __importDefault(require("classnames/bind"));
 const chips_module_scss_1 = __importDefault(require("./chips.module.scss"));
@@ -50,7 +28,7 @@ const cx = bind_1.default.bind(chips_module_scss_1.default);
  */
 const Chips = (_a) => {
     var { children, className, 'data-testid': testId = 'chips' } = _a, restProps = __rest(_a, ["children", "className", 'data-testid']);
-    return (react_1.default.createElement("div", Object.assign({}, restProps, { className: cx('list', className), "data-testid": testId }), react_1.Children.toArray(children).filter(c => (0, react_1.isValidElement)(c) && c.type === item_1.ChipsItem)));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, restProps, { className: cx('list', className), "data-testid": testId }, { children: react_1.Children.toArray(children).filter(c => (0, react_1.isValidElement)(c) && c.type === item_1.ChipsItem) })));
 };
 exports.Chips = Chips;
 exports.Chips.Item = item_1.ChipsItem;

package/chips/item.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 export interface ChipsItemProps {
     href?: string;
     children?: React.ReactNode;

package/chips/item.js

@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChipsItem = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const bind_1 = __importDefault(require("classnames/bind"));
-const cross_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/cross"));
+const Cross_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Cross"));
 const chips_module_scss_1 = __importDefault(require("./chips.module.scss"));
 const cx = bind_1.default.bind(chips_module_scss_1.default);
 /**
@@ -14,7 +14,5 @@ const cx = bind_1.default.bind(chips_module_scss_1.default);
  * @param props Свойства.
  * @return Элемент.
  */
-const ChipsItem = ({ href, children, withCross, target, onClick, checked, }) => (react_1.default.createElement("a", { href: href, role: href ? undefined : 'button', className: cx('item', { checked }), target: target, onClick: onClick, "data-testid": 'chips:item' },
-    react_1.default.createElement("span", { className: chips_module_scss_1.default.text }, children),
-    withCross && react_1.default.createElement(cross_1.default, { className: cx('cross-svg') })));
+const ChipsItem = ({ href, children, withCross, target, onClick, checked, }) => ((0, jsx_runtime_1.jsxs)("a", Object.assign({ href: href, role: href ? undefined : 'button', className: cx('item', { checked }), target: target, onClick: onClick, "data-testid": 'chips:item' }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: chips_module_scss_1.default.text }, { children: children })), withCross && (0, jsx_runtime_1.jsx)(Cross_1.default, { className: cx('cross-svg') })] })));
 exports.ChipsItem = ChipsItem;

package/clean-buttons/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.Clean = exports.CleanButton = exports.CleanGroup = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const link_1 = require("../link");
 const utils_1 = require("./utils");
 const bind_1 = __importDefault(require("classnames/bind"));
@@ -53,9 +31,9 @@ function CleanGroup({ size: sizeFromProps, children }) {
     const sizeFromContext = (0, react_1.useContext)(utils_1.CleanGroupSizeContext);
     // значение из пропсов имеет приоритет
     const size = sizeFromProps || sizeFromContext;
-    return (react_1.default.createElement("div", { className: cx('group') }, react_1.Children.toArray(children).map(item => (0, react_1.isValidElement)(item) && item.type === CleanButton
-        ? (0, react_1.cloneElement)(item, { size })
-        : null)));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: cx('group') }, { children: react_1.Children.toArray(children).map(item => (0, react_1.isValidElement)(item) && item.type === CleanButton
+            ? (0, react_1.cloneElement)(item, { size })
+            : null) })));
 }
 exports.CleanGroup = CleanGroup;
 /**
@@ -65,7 +43,7 @@ exports.CleanGroup = CleanGroup;
  */
 function CleanButton(_a) {
     var { size = 's', href, asLink = Boolean(href), 'data-testid': testId = 'clean-button', children, className } = _a, rest = __rest(_a, ["size", "href", "asLink", 'data-testid', "children", "className"]);
-    return (react_1.default.createElement(link_1.Link, Object.assign({}, rest, { className: cx('button', `size-${size}`, className), pseudo: !asLink, href: href, "data-testid": testId }), children));
+    return ((0, jsx_runtime_1.jsx)(link_1.Link, Object.assign({}, rest, { className: cx('button', `size-${size}`, className), pseudo: !asLink, href: href, "data-testid": testId }, { children: children })));
 }
 exports.CleanButton = CleanButton;
 /**

package/dot-nav/index.d.ts

@@ -15,4 +15,4 @@ export interface DotNavProps {
  * @param props Свойства.
  * @return Элемент.
  */
-export declare const DotNav: ({ size, current, total, onSelect }: DotNavProps) => JSX.Element;
+export declare function DotNav({ size, current, total, onSelect }: DotNavProps): JSX.Element;

package/dot-nav/index.js

@@ -1,33 +1,11 @@
 "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.DotNav = 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 bind_1 = __importDefault(require("classnames/bind"));
 const dot_nav_module_scss_1 = __importDefault(require("./dot-nav.module.scss"));
@@ -37,7 +15,7 @@ const cx = bind_1.default.bind(dot_nav_module_scss_1.default);
  * @param props Свойства.
  * @return Элемент.
  */
-const DotNav = ({ size = 's', current = 0, total = 1, onSelect }) => {
+function DotNav({ size = 's', current = 0, total = 1, onSelect }) {
     const withShift = total > 4;
     const itemSize = 14;
     const itemGutter = { s: 0, l: 6 }[size];
@@ -45,13 +23,13 @@ const DotNav = ({ size = 's', current = 0, total = 1, onSelect }) => {
     const totalWidth = itemSize * total + itemGutter * (total - 1);
     const shift = useShift(current, total);
     const correction = withShift ? itemSize + itemGutter : (maxWidth - totalWidth) / 2;
-    return (react_1.default.createElement("div", { className: cx('root', `size-${size}`), style: { width: maxWidth, height: itemSize } }, (0, lodash_1.times)(total).map(index => {
-        const position = index - shift + 1;
-        return (react_1.default.createElement("div", { key: index, style: {
-                left: `${correction + (index - shift) * (itemSize + itemGutter)}px`,
-            }, onClick: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect(index), className: cx('item', index === current && 'active', withShift && (position <= 0 || position >= 4) && 'distant') }));
-    })));
-};
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: cx('root', `size-${size}`), style: { width: maxWidth, height: itemSize } }, { children: (0, lodash_1.times)(total).map(index => {
+            const position = index - shift + 1;
+            return ((0, jsx_runtime_1.jsx)("div", { style: {
+                    left: `${correction + (index - shift) * (itemSize + itemGutter)}px`,
+                }, onClick: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect(index), className: cx('item', index === current && 'active', withShift && (position <= 0 || position >= 4) && 'distant') }, index));
+        }) })));
+}
 exports.DotNav = DotNav;
 /**
  * Определяет необходимое для точек навигации смещение.
@@ -59,7 +37,7 @@ exports.DotNav = DotNav;
  * @param total Количество точек.
  * @return Смещение.
  */
-const useShift = (current, total) => {
+function useShift(current, total) {
     const shiftRef = (0, react_1.useRef)(0);
     const prevCurrentRef = (0, react_1.useRef)(0);
     if (total > 4) {
@@ -79,4 +57,4 @@ const useShift = (current, total) => {
     }
     prevCurrentRef.current = current;
     return shiftRef.current;
-};
+}

package/dropdown/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { CustomScrollbarProps } from '../_internal/custom-scrollbar';
 interface DropdownStyle extends React.CSSProperties {
     '--dropdown-max-height'?: string;
@@ -14,5 +14,5 @@ export interface DropdownProps extends Omit<React.HTMLAttributes<HTMLDivElement>
 /**
  * Компонент выпадающего блока с контентом, например списком.
  */
-export declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLDivElement | null>>;
+export declare const Dropdown: import("react").ForwardRefExoticComponent<DropdownProps & import("react").RefAttributes<HTMLDivElement | null>>;
 export {};

package/dropdown/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.Dropdown = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const shadows_1 = require("../styling/shadows");
 const shapes_1 = require("../styling/shapes");
 const custom_scrollbar_1 = require("../_internal/custom-scrollbar");
@@ -50,6 +28,5 @@ const cx = bind_1.default.bind(dropdown_module_scss_1.default);
  */
 exports.Dropdown = (0, react_1.forwardRef)(function Dropdown(_a, ref) {
     var { className, children, 'data-testid': testId = 'dropdown', customScrollbarProps } = _a, restProps = __rest(_a, ["className", "children", 'data-testid', "customScrollbarProps"]);
-    return (react_1.default.createElement("div", Object.assign({ ref: ref, className: cx('root', className, shadows_1.BoxShadow.z4, shapes_1.MediumRounds.all) }, restProps, { "data-testid": testId }),
-        react_1.default.createElement(custom_scrollbar_1.CustomScrollbar, Object.assign({}, customScrollbarProps, { className: cx('inner'), overflow: { x: 'h', y: 's' } }), children)));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, className: cx('root', className, shadows_1.BoxShadow.z4, shapes_1.MediumRounds.all) }, restProps, { "data-testid": testId }, { children: (0, jsx_runtime_1.jsx)(custom_scrollbar_1.CustomScrollbar, Object.assign({}, customScrollbarProps, { className: cx('inner'), overflow: { x: 'h', y: 's' } }, { children: children })) })));
 });

package/dropdown-item/index.d.ts

@@ -1,4 +1,4 @@
-import React, { ComponentType, ReactNode, SVGAttributes } from 'react';
+import { ComponentType, ReactNode, SVGAttributes } from 'react';
 export type DropdownItemSize = 's' | 'm' | 'l' | 'xl';
 export interface DropdownItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'size'> {
     /** Отображать элемент как отмеченный (активный) или нет. */

package/dropdown-item/index.js

@@ -15,7 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DropdownItem = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const bind_1 = __importDefault(require("classnames/bind"));
 const dropdown_item_module_scss_1 = __importDefault(require("./dropdown-item.module.scss"));
 const cx = bind_1.default.bind(dropdown_item_module_scss_1.default);
@@ -26,14 +26,9 @@ const cx = bind_1.default.bind(dropdown_item_module_scss_1.default);
  */
 function DropdownItem(_a) {
     var { size = 'm', children, className, selected, disabled, noHover, checked, startContent, startIcon: StartIcon, endContent, endIcon: EndIcon, comment, dangerouslySetInnerHTML, 'data-testid': testId = 'dropdown-item' } = _a, restProps = __rest(_a, ["size", "children", "className", "selected", "disabled", "noHover", "checked", "startContent", "startIcon", "endContent", "endIcon", "comment", "dangerouslySetInnerHTML", 'data-testid']);
-    const start = StartIcon ? react_1.default.createElement(StartIcon, { className: cx('icon') }) : startContent;
-    const end = EndIcon ? react_1.default.createElement(EndIcon, { className: cx('icon') }) : endContent;
+    const start = StartIcon ? (0, jsx_runtime_1.jsx)(StartIcon, { className: cx('icon') }) : startContent;
+    const end = EndIcon ? (0, jsx_runtime_1.jsx)(EndIcon, { className: cx('icon') }) : endContent;
     const hasChildren = [start, children, end].some(item => typeof item !== 'undefined');
-    return (react_1.default.createElement("div", Object.assign({}, restProps, { className: cx('root', `size-${size}`, selected && 'selected', checked && 'checked', disabled && 'disabled', noHover && 'no-hover', className), dangerouslySetInnerHTML: dangerouslySetInnerHTML, "data-testid": testId }), hasChildren ? (react_1.default.createElement(react_1.default.Fragment, null,
-        start && react_1.default.createElement("div", { className: cx('col', 'col-start') }, start),
-        react_1.default.createElement("div", { className: cx('col', 'col-center') },
-            react_1.default.createElement("div", { className: cx('row-main') }, children),
-            size === 'xl' && comment && react_1.default.createElement("div", { className: cx('row-comment') }, comment)),
-        end && react_1.default.createElement("div", { className: cx('col', 'col-end') }, end))) : undefined));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, restProps, { className: cx('root', `size-${size}`, selected && 'selected', checked && 'checked', disabled && 'disabled', noHover && 'no-hover', className), dangerouslySetInnerHTML: dangerouslySetInnerHTML, "data-testid": testId }, { children: hasChildren ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [start && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: cx('col', 'col-start') }, { children: start })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: cx('col', 'col-center') }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: cx('row-main') }, { children: children })), size === 'xl' && comment && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: cx('row-comment') }, { children: comment }))] })), end && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: cx('col', 'col-end') }, { children: end }))] })) : undefined })));
 }
 exports.DropdownItem = DropdownItem;

package/expandable/index.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode, MouseEventHandler, CSSProperties } from 'react';
+import { ReactNode, MouseEventHandler, CSSProperties } from 'react';
 export interface ExpandableGroupProps {
     /** Расстояние между элементами группы в пикселях. */
     gap?: number;
@@ -38,5 +38,5 @@ export interface GroupItemProps {
 export declare function ExpandableGroup({ gap, itemHeight, lineLimit, defaultExpanded, children, onExpand, opener, className, style, expanded: expandedProp, openerWidth, }: ExpandableGroupProps): JSX.Element;
 export declare const Expandable: {
     readonly Group: typeof ExpandableGroup;
-    readonly Item: React.ForwardRefExoticComponent<GroupItemProps & React.RefAttributes<HTMLLIElement>>;
+    readonly Item: import("react").ForwardRefExoticComponent<GroupItemProps & import("react").RefAttributes<HTMLLIElement>>;
 };