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

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>>;
 };

package/expandable/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.Expandable = exports.ExpandableGroup = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const utils_1 = require("./utils");
 const bind_1 = __importDefault(require("classnames/bind"));
 const expandable_group_module_scss_1 = __importDefault(require("./expandable-group.module.scss"));
@@ -38,9 +16,7 @@ const ItemContext = (0, react_1.createContext)({});
  * @param props Свойства.
  * @return Элемент.
  */
-function ExpandableGroup({ gap = 8, itemHeight = 32, lineLimit = 2, defaultExpanded = false, children, onExpand, opener = data => react_1.default.createElement(react_1.default.Fragment, null,
-    "\u0415\u0449\u0451 ",
-    data.hiddenCount), className, style, expanded: expandedProp, openerWidth = 72, }) {
+function ExpandableGroup({ gap = 8, itemHeight = 32, lineLimit = 2, defaultExpanded = false, children, onExpand, opener = data => (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["\u0415\u0449\u0451 ", data.hiddenCount] }), className, style, expanded: expandedProp, openerWidth = 72, }) {
     const wrapperRef = (0, react_1.useRef)(null);
     const containerRef = (0, react_1.useRef)(null);
     const openerRef = (0, react_1.useRef)(null);
@@ -65,19 +41,15 @@ function ExpandableGroup({ gap = 8, itemHeight = 32, lineLimit = 2, defaultExpan
         openerRef,
         gap,
     });
-    return (react_1.default.createElement("div", { ref: wrapperRef, className: cx('root', className), style: Object.assign(Object.assign({}, style), { maxHeight: expanded ? undefined : `${itemHeight * lineLimit + gap * (lineLimit - 1)}px`, '--expandable-item-height': `${itemHeight}px`, '--expandable-opener-width': `${openerWidth}px`, '--expandable-gap': `${gap}px` }) },
-        react_1.default.createElement("ul", { ref: containerRef, className: expandable_group_module_scss_1.default.inner },
-            items,
-            mounted && !expanded && (react_1.default.createElement(ItemContext.Provider, { value: { invisible: hiddenCount === 0, opener: true } },
-                react_1.default.createElement(ExpandableItem, { ref: openerRef, onClick: () => {
-                        setExpanded(true);
-                        onExpand === null || onExpand === void 0 ? void 0 : onExpand();
-                    }, "data-testid": 'expandable:opener' }, opener({ hiddenCount })))))));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: wrapperRef, className: cx('root', className), style: Object.assign(Object.assign({}, style), { maxHeight: expanded ? undefined : `${itemHeight * lineLimit + gap * (lineLimit - 1)}px`, '--expandable-item-height': `${itemHeight}px`, '--expandable-opener-width': `${openerWidth}px`, '--expandable-gap': `${gap}px` }) }, { children: (0, jsx_runtime_1.jsxs)("ul", Object.assign({ ref: containerRef, className: expandable_group_module_scss_1.default.inner }, { children: [items, mounted && !expanded && ((0, jsx_runtime_1.jsx)(ItemContext.Provider, Object.assign({ value: { invisible: hiddenCount === 0, opener: true } }, { children: (0, jsx_runtime_1.jsx)(ExpandableItem, Object.assign({ ref: openerRef, onClick: () => {
+                            setExpanded(true);
+                            onExpand === null || onExpand === void 0 ? void 0 : onExpand();
+                        }, "data-testid": 'expandable:opener' }, { children: opener({ hiddenCount }) })) })))] })) })));
 }
 exports.ExpandableGroup = ExpandableGroup;
 const ExpandableItem = (0, react_1.forwardRef)(({ children, onClick, 'data-testid': testId = 'expandable:item' }, ref) => {
     const context = (0, react_1.useContext)(ItemContext);
-    return (react_1.default.createElement("li", { ref: ref, className: cx('item', context), "data-testid": testId, onClick: onClick }, children));
+    return ((0, jsx_runtime_1.jsx)("li", Object.assign({ ref: ref, className: cx('item', context), "data-testid": testId, onClick: onClick }, { children: children })));
 });
 exports.Expandable = {
     Group: ExpandableGroup,

package/field-block/index.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FieldBlock = exports.FIELD_BLOCK_DEFAULTS = exports.FIELD_BLOCK_HEIGHT = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const bind_1 = __importDefault(require("classnames/bind"));
 const field_block_module_scss_1 = __importDefault(require("./field-block.module.scss"));
 const cx = bind_1.default.bind(field_block_module_scss_1.default);
@@ -31,13 +31,6 @@ function FieldBlock({ size = exports.FIELD_BLOCK_DEFAULTS.size, main, mainProps,
         'no-label': !needLabel,
     }, rootProps === null || rootProps === void 0 ? void 0 : rootProps.className);
     const blockClassName = cx('block', fixedHeight && 'fixed-height', blockProps === null || blockProps === void 0 ? void 0 : blockProps.className);
-    return (react_1.default.createElement("div", Object.assign({}, rootProps, { ref: rootRef, className: rootClassName, "data-testid": testId }),
-        react_1.default.createElement("div", Object.assign({}, blockProps, { ref: blockRef, className: blockClassName, "data-testid": 'field-block:block' }),
-            adornmentStart && (react_1.default.createElement("div", { className: cx('col', 'adornment-col', 'start'), "data-testid": 'field-block:adornment-start' }, adornmentStart)),
-            react_1.default.createElement("div", { className: cx('col', 'main-col') },
-                needLabel && (react_1.default.createElement("label", Object.assign({}, labelProps, { className: cx('label', labelProps === null || labelProps === void 0 ? void 0 : labelProps.className), "data-testid": 'field-block:label' }), label)),
-                react_1.default.createElement("div", Object.assign({}, mainProps, { className: cx('main', mainProps === null || mainProps === void 0 ? void 0 : mainProps.className), "data-testid": 'field-block:main' }), main)),
-            adornmentEnd && (react_1.default.createElement("div", { className: cx('col', 'adornment-col', 'end'), "data-testid": 'field-block:adornment-end' }, adornmentEnd))),
-        caption && (react_1.default.createElement("div", { className: cx('caption'), "data-testid": 'field-block:caption' }, caption))));
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, rootProps, { ref: rootRef, className: rootClassName, "data-testid": testId }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({}, blockProps, { ref: blockRef, className: blockClassName, "data-testid": 'field-block:block' }, { children: [adornmentStart && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: cx('col', 'adornment-col', 'start'), "data-testid": 'field-block:adornment-start' }, { children: adornmentStart }))), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: cx('col', 'main-col') }, { children: [needLabel && ((0, jsx_runtime_1.jsx)("label", Object.assign({}, labelProps, { className: cx('label', labelProps === null || labelProps === void 0 ? void 0 : labelProps.className), "data-testid": 'field-block:label' }, { children: label }))), (0, jsx_runtime_1.jsx)("div", Object.assign({}, mainProps, { className: cx('main', mainProps === null || mainProps === void 0 ? void 0 : mainProps.className), "data-testid": 'field-block:main' }, { children: main }))] })), adornmentEnd && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: cx('col', 'adornment-col', 'end'), "data-testid": 'field-block:adornment-end' }, { children: adornmentEnd })))] })), caption && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: cx('caption'), "data-testid": 'field-block:caption' }, { children: caption })))] })));
 }
 exports.FieldBlock = FieldBlock;

package/field-grid/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { TextFieldProps } from '../text-field';
 type ItOrArray<T> = T[] | T;
 type CellSize = 'full' | 'half' | 'third';

package/field-grid/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.FieldGrid = 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 field_grid_module_scss_1 = __importDefault(require("./field-grid.module.scss"));
 const cx = bind_1.default.bind(field_grid_module_scss_1.default);
@@ -50,10 +28,10 @@ const TypeCheck = {
  */
 const FieldGrid = ({ children, rootProps }) => {
     const rows = react_1.Children.toArray(children).filter(TypeCheck.isRow);
-    return (react_1.default.createElement("div", Object.assign({}, rootProps, { className: cx('container', rootProps === null || rootProps === void 0 ? void 0 : rootProps.className) }), rows.map((row, index) => (0, react_1.cloneElement)(row, {
-        isFirst: index === 0,
-        isLast: index === rows.length - 1,
-    }))));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, rootProps, { className: cx('container', rootProps === null || rootProps === void 0 ? void 0 : rootProps.className) }, { children: rows.map((row, index) => (0, react_1.cloneElement)(row, {
+            isFirst: index === 0,
+            isLast: index === rows.length - 1,
+        })) })));
 };
 exports.FieldGrid = FieldGrid;
 /**
@@ -69,45 +47,45 @@ const Row = ({ isFirst: isFirstRow, isLast: isLastRow, children }) => {
         .filter(TypeCheck.isCell)
         .slice(0, 3);
     const cellSize = cellSizeByCount[cells.length];
-    return (react_1.default.createElement(react_1.default.Fragment, null, cells.map((cell, index) => {
-        const isFirstCell = index === 0;
-        const isLastCell = index === cells.length - 1;
-        let rounds = 'none';
-        if (isFirstRow && isLastRow) {
-            if (isFirstCell && isLastCell) {
-                rounds = 'all';
-            }
-            else if (isFirstCell) {
-                rounds = 'left';
-            }
-            else if (isLastCell) {
-                rounds = 'right';
-            }
-        }
-        else if (isFirstRow) {
-            if (isFirstCell && isLastCell) {
-                rounds = 'top';
-            }
-            else if (isFirstCell) {
-                rounds = 'topLeft';
-            }
-            else if (isLastCell) {
-                rounds = 'topRight';
-            }
-        }
-        else if (isLastRow) {
-            if (isFirstCell && isLastCell) {
-                rounds = 'bottom';
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: cells.map((cell, index) => {
+            const isFirstCell = index === 0;
+            const isLastCell = index === cells.length - 1;
+            let rounds = 'none';
+            if (isFirstRow && isLastRow) {
+                if (isFirstCell && isLastCell) {
+                    rounds = 'all';
+                }
+                else if (isFirstCell) {
+                    rounds = 'left';
+                }
+                else if (isLastCell) {
+                    rounds = 'right';
+                }
             }
-            else if (isFirstCell) {
-                rounds = 'bottomLeft';
+            else if (isFirstRow) {
+                if (isFirstCell && isLastCell) {
+                    rounds = 'top';
+                }
+                else if (isFirstCell) {
+                    rounds = 'topLeft';
+                }
+                else if (isLastCell) {
+                    rounds = 'topRight';
+                }
             }
-            else if (isLastCell) {
-                rounds = 'bottomRight';
+            else if (isLastRow) {
+                if (isFirstCell && isLastCell) {
+                    rounds = 'bottom';
+                }
+                else if (isFirstCell) {
+                    rounds = 'bottomLeft';
+                }
+                else if (isLastCell) {
+                    rounds = 'bottomRight';
+                }
             }
-        }
-        return (0, react_1.cloneElement)(cell, { size: cellSize, rounds });
-    })));
+            return (0, react_1.cloneElement)(cell, { size: cellSize, rounds });
+        }) }));
 };
 /**
  * Компонент элемента для сетки полей. Может быть использован только как дочерний для FieldGrid.Row.
@@ -132,7 +110,7 @@ const Cell = ({ size, rounds, field, renderField }) => {
             className: cx(field.props.className, 'size-full'),
         });
     }
-    return react_1.default.createElement("div", { className: cx('cell', `size-${size}`) }, content);
+    return (0, jsx_runtime_1.jsx)("div", Object.assign({ className: cx('cell', `size-${size}`) }, { children: content }));
 };
 exports.FieldGrid.Row = Row;
 exports.FieldGrid.Cell = Cell;

package/file-icon/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 export interface FileIconProps extends Omit<React.SVGAttributes<SVGSVGElement>, 'type'> {
     /** Тип файла. */
     type?: string;

package/file-icon/index.js

@@ -10,14 +10,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FileIcon = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const colors_1 = require("../colors");
-const unknown_svg_1 = __importDefault(require("./unknown.svg"));
 const VARIANTS = {
     doc: { fill: colors_1.COLORS.get('additional-electric-blue') },
     xls: { fill: colors_1.COLORS.get('additional-light-green') },
@@ -25,6 +21,9 @@ const VARIANTS = {
     jpg: { fill: colors_1.COLORS.get('additional-deep-orange') },
     xml: { fill: colors_1.COLORS.get('additional-deep-purple') },
     zip: { fill: colors_1.COLORS.get('additional-teal') },
+    png: { fill: colors_1.COLORS.get('additional-purple') },
+    mov: { fill: colors_1.COLORS.get('additional-blue-gray') },
+    mp4: { fill: colors_1.COLORS.get('additional-blue-gray') },
 };
 /**
  * Компонент иконки файла.
@@ -34,10 +33,6 @@ const VARIANTS = {
 const FileIcon = (_a) => {
     var { type } = _a, svgProps = __rest(_a, ["type"]);
     const typeProps = VARIANTS[type];
-    return type && typeProps ? (react_1.default.createElement("svg", Object.assign({ width: '32', height: '32', viewBox: '0 0 32 32' }, svgProps),
-        react_1.default.createElement("path", { opacity: '0.88', d: 'M6 5C6 3.89543 6.89543 3 8 3H20L26 9V27C26 28.1046 25.1046 29 24 29H8C6.89543 29 6 28.1046 6 27V5Z', fill: typeProps.fill }),
-        react_1.default.createElement("path", { opacity: '0.32', d: 'M21 9L26 9L20 3L20 8C20 8.55229 20.4477 9 21 9Z', fill: 'white' }),
-        react_1.default.createElement("path", { opacity: '0.24', d: 'M25.1667 9L21 9L26 15L26 9C25.5833 9 25.6269 9 25.1667 9Z', fill: 'black' }),
-        react_1.default.createElement("text", { x: '16', y: '23', textAnchor: 'middle', fontSize: '6.5', fontWeight: '700', fill: '#fff' }, type.toUpperCase()))) : (react_1.default.createElement(unknown_svg_1.default, Object.assign({}, svgProps)));
+    return type && typeProps ? ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ width: '32', height: '32', viewBox: '0 0 32 32' }, svgProps, { children: [(0, jsx_runtime_1.jsx)("path", { opacity: '0.88', d: 'M6 5C6 3.89543 6.89543 3 8 3H20L26 9V27C26 28.1046 25.1046 29 24 29H8C6.89543 29 6 28.1046 6 27V5Z', fill: typeProps.fill }), (0, jsx_runtime_1.jsx)("path", { opacity: '0.32', d: 'M21 9L26 9L20 3L20 8C20 8.55229 20.4477 9 21 9Z', fill: 'white' }), (0, jsx_runtime_1.jsx)("path", { opacity: '0.24', d: 'M25.1667 9L21 9L26 15L26 9C25.5833 9 25.6269 9 25.1667 9Z', fill: 'black' }), (0, jsx_runtime_1.jsx)("text", Object.assign({ x: '16', y: '23', textAnchor: 'middle', fontSize: '6.5', fontWeight: '700', fill: '#fff' }, { children: type.toUpperCase() }))] }))) : ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ width: '32', height: '32', viewBox: '0 0 32 32', fill: 'none' }, svgProps, { children: [(0, jsx_runtime_1.jsx)("path", { opacity: '0.88', d: 'M6 5C6 3.89543 6.89543 3 8 3H20L26 9V27C26 28.1046 25.1046 29 24 29H8C6.89543 29 6 28.1046 6 27V5Z', fill: '#C2C2C2' }), (0, jsx_runtime_1.jsx)("path", { opacity: '0.32', d: 'M21 9L26 9L20 3L20 8C20 8.55229 20.4477 9 21 9Z', fill: 'white' }), (0, jsx_runtime_1.jsx)("path", { opacity: '0.24', d: 'M25.1667 9L21 9L26 15L26 9C25.5833 9 25.6269 9 25.1667 9Z', fill: 'black' }), (0, jsx_runtime_1.jsxs)("g", Object.assign({ opacity: '0.8' }, { children: [(0, jsx_runtime_1.jsx)("path", { d: 'M9 22H23V24H9V22Z', fill: 'white' }), (0, jsx_runtime_1.jsx)("path", { d: 'M9 18H19V20H9V18Z', fill: 'white' })] }))] })));
 };
 exports.FileIcon = FileIcon;

package/group-overflow/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.GroupOverflow = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const utils_1 = require("./utils");
 const classnames_1 = __importDefault(require("classnames"));
 const group_overflow_module_scss_1 = __importDefault(require("./group-overflow.module.scss"));
@@ -52,10 +30,10 @@ function GroupOverflow(_a) {
     const ref = (0, react_1.useRef)(null);
     const { state, start } = (0, utils_1.useItemsHide)(ref, el => { var _a; return (_a = el.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement; });
     const total = react_1.Children.count(children);
-    return (react_1.default.createElement("div", Object.assign({ className: (0, classnames_1.default)(group_overflow_module_scss_1.default.root, className), style: gap ? Object.assign(Object.assign({}, style), { '--group-overflow-gap': `${gap}px` }) : style }, restProps),
-        react_1.default.createElement("div", { ref: ref, className: group_overflow_module_scss_1.default.items }, state === 'initial'
-            ? react_1.Children.toArray(children)
-            : react_1.Children.toArray(children).slice(0, start)),
-        state !== 'initial' && start < total && tail && (react_1.default.createElement("div", { className: group_overflow_module_scss_1.default.more }, tail({ hiddenCount: total - start })))));
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)(group_overflow_module_scss_1.default.root, className), style: typeof gap === 'number'
+            ? Object.assign(Object.assign({}, style), { '--group-overflow-gap': `${gap}px` })
+            : style }, restProps, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, className: group_overflow_module_scss_1.default.items }, { children: state === 'initial'
+                    ? react_1.Children.toArray(children)
+                    : react_1.Children.toArray(children).slice(0, start) })), state !== 'initial' && start < total && tail && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: group_overflow_module_scss_1.default.more }, { children: tail({ hiddenCount: total - start }) })))] })));
 }
 exports.GroupOverflow = GroupOverflow;

package/helpers/define-slots.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 export type SlotsDict = Record<string, React.ElementType>;
 export type Slots<M extends SlotsDict> = {
     [key in keyof M]: React.ReactElement<React.ComponentProps<M[key]>, M[key]> | undefined;

package/helpers/events.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 export type EventWithPosition<T extends HTMLElement = HTMLElement> = MouseEvent | TouchEvent | React.MouseEvent<T> | React.TouchEvent<T>;
 /**
  * Проверяет, является ли событие событием нажатия основной кнопки мыши.

package/helpers/on.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 /**
  * Выполняет подписку на событие целевого объекта.
  * @param target Целевой объект.

package/hint/hint-view.js

@@ -15,7 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HintView = exports.arrowSquareSize = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const bind_1 = __importDefault(require("classnames/bind"));
 const hint_view_module_scss_1 = __importDefault(require("./hint-view.module.scss"));
 const cx = bind_1.default.bind(hint_view_module_scss_1.default);
@@ -28,7 +28,7 @@ exports.arrowSquareSize = Math.sqrt(4 * 4 + 4 * 4);
  */
 function HintView(_a) {
     var { hintRef, className, children, 'data-testid': testId = 'hint' } = _a, rest = __rest(_a, ["hintRef", "className", "children", 'data-testid']);
-    return (react_1.default.createElement("div", Object.assign({ ref: hintRef, className: cx('root', className), "data-testid": testId }, rest), children));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: hintRef, className: cx('root', className), "data-testid": testId }, rest, { children: children })));
 }
 exports.HintView = HintView;
 /**
@@ -38,6 +38,6 @@ exports.HintView = HintView;
  */
 function HintArrow(_a) {
     var { arrowRef, className } = _a, rest = __rest(_a, ["arrowRef", "className"]);
-    return react_1.default.createElement("div", Object.assign({ ref: arrowRef, className: cx('arrow', className) }, rest));
+    return (0, jsx_runtime_1.jsx)("div", Object.assign({ ref: arrowRef, className: cx('arrow', className) }, rest));
 }
 HintView.Arrow = HintArrow;

package/hint/hint.js

@@ -10,12 +10,9 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Hint = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const portal_1 = require("../portal");
 const hint_view_1 = require("./hint-view");
 /**
@@ -25,7 +22,7 @@ const hint_view_1 = require("./hint-view");
  */
 function Hint(_a) {
     var { open } = _a, rest = __rest(_a, ["open"]);
-    return react_1.default.createElement(portal_1.Portal, null, open && react_1.default.createElement(HintInner, Object.assign({}, rest)));
+    return (0, jsx_runtime_1.jsx)(portal_1.Portal, { children: open && (0, jsx_runtime_1.jsx)(HintInner, Object.assign({}, rest)) });
 }
 exports.Hint = Hint;
 /**
@@ -35,7 +32,5 @@ exports.Hint = Hint;
  */
 function HintInner(_a) {
     var { arrowRef, children } = _a, rest = __rest(_a, ["arrowRef", "children"]);
-    return (react_1.default.createElement(hint_view_1.HintView, Object.assign({}, rest),
-        children,
-        react_1.default.createElement(hint_view_1.HintView.Arrow, { arrowRef: arrowRef })));
+    return ((0, jsx_runtime_1.jsxs)(hint_view_1.HintView, Object.assign({}, rest, { children: [children, (0, jsx_runtime_1.jsx)(hint_view_1.HintView.Arrow, { arrowRef: arrowRef })] })));
 }

package/hint/utils.d.ts

@@ -56,7 +56,10 @@ export declare function useHintOnClick(floating: Pick<UseFloatingReturn, 'contex
 /**
  * Состояние хинта с автоматическим скрытием по таймауту.
  * @param initialState Начальное состояние.
+ * @param options Опции.
  * @return Результат вызова `useState`.
  */
-export declare function useTempHintState(initialState: boolean): readonly [boolean, Dispatch<SetStateAction<boolean>>];
+export declare function useTempHintState(initialState: boolean, { timeout }?: {
+    timeout?: number;
+}): readonly [boolean, Dispatch<SetStateAction<boolean>>];
 export {};

package/hint/utils.js

@@ -134,9 +134,10 @@ exports.useHintOnClick = useHintOnClick;
 /**
  * Состояние хинта с автоматическим скрытием по таймауту.
  * @param initialState Начальное состояние.
+ * @param options Опции.
  * @return Результат вызова `useState`.
  */
-function useTempHintState(initialState) {
+function useTempHintState(initialState, { timeout = 3000 } = {}) {
     const [open, setOpen] = (0, react_1.useState)(initialState);
     const timerRef = (0, react_1.useRef)(null);
     const updateTimer = (0, react_1.useCallback)((value) => {
@@ -146,9 +147,9 @@ function useTempHintState(initialState) {
         }
         // запускаем новый таймер если надо
         if (value) {
-            timerRef.current = window.setTimeout(() => setOpen(false), 2000);
+            timerRef.current = window.setTimeout(() => setOpen(false), timeout);
         }
-    }, []);
+    }, [timeout]);
     (0, react_1.useEffect)(() => {
         updateTimer(open);
     }, []);

package/hint-deprecated/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 type Direction = 'top' | 'left' | 'bottom' | 'right';
 export interface HintProps extends React.HTMLAttributes<HTMLDivElement> {
     /** С какой стороны появляется хинт. */
@@ -7,5 +7,5 @@ export interface HintProps extends React.HTMLAttributes<HTMLDivElement> {
 /**
  * @deprecated Теперь нужно использовать `hint`.
  */
-export declare const Hint: React.ForwardRefExoticComponent<HintProps & React.RefAttributes<HTMLDivElement | null>>;
+export declare const Hint: import("react").ForwardRefExoticComponent<HintProps & import("react").RefAttributes<HTMLDivElement | null>>;
 export {};

package/hint-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.Hint = 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 bind_1 = __importDefault(require("classnames/bind"));
 const hint_module_scss_1 = __importDefault(require("./hint.module.scss"));
@@ -48,6 +26,5 @@ const cx = bind_1.default.bind(hint_module_scss_1.default);
  */
 exports.Hint = (0, react_1.forwardRef)((_a, ref) => {
     var { children, className, direction } = _a, restProps = __rest(_a, ["children", "className", "direction"]);
-    return (react_1.default.createElement("div", Object.assign({}, restProps, { ref: ref, className: cx('root', className, direction), "data-testid": 'hint' }),
-        react_1.default.createElement("div", { className: cx('body', shadows_1.BoxShadow.z4) }, children)));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, restProps, { ref: ref, className: cx('root', className, direction), "data-testid": 'hint' }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: cx('body', shadows_1.BoxShadow.z4) }, { children: children })) })));
 });

package/hooks/breakpoint/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.useBreakpoint = exports.BreakpointProvider = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const __1 = require("..");
 const is_browser_1 = __importDefault(require("../../helpers/is-browser"));
 const utils_1 = require("./utils");
@@ -43,7 +21,7 @@ function BreakpointProvider({ children }) {
     (0, __1.useIsomorphicLayoutEffect)(() => {
         (0, is_browser_1.default)() && setRegistry((0, utils_1.createRegistry)());
     }, []);
-    return react_1.default.createElement(Context.Provider, { value: contextValue }, children);
+    return (0, jsx_runtime_1.jsx)(Context.Provider, Object.assign({ value: contextValue }, { children: children }));
 }
 exports.BreakpointProvider = BreakpointProvider;
 /**