@sima-land/ui-nucleons 45.0.0-alpha.7 → 45.0.0-alpha.71

package/dist/field-block/index.d.ts

@@ -0,0 +1,2 @@
+export type { FieldBlockSize, FieldBlockStyle, FieldBlockProps } from './types';
+export { FieldBlock, FIELD_BLOCK_DEFAULTS, FIELD_BLOCK_HEIGHT } from './field-block';

package/dist/field-block/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FIELD_BLOCK_HEIGHT = exports.FIELD_BLOCK_DEFAULTS = exports.FieldBlock = void 0;
+var field_block_1 = require("./field-block");
+Object.defineProperty(exports, "FieldBlock", { enumerable: true, get: function () { return field_block_1.FieldBlock; } });
+Object.defineProperty(exports, "FIELD_BLOCK_DEFAULTS", { enumerable: true, get: function () { return field_block_1.FIELD_BLOCK_DEFAULTS; } });
+Object.defineProperty(exports, "FIELD_BLOCK_HEIGHT", { enumerable: true, get: function () { return field_block_1.FIELD_BLOCK_HEIGHT; } });
+//# sourceMappingURL=index.js.map

package/dist/field-block/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/field-block/index.ts"],"names":[],"mappings":";;;AACA,6CAAqF;AAA5E,yGAAA,UAAU,OAAA;AAAE,mHAAA,oBAAoB,OAAA;AAAE,iHAAA,kBAAkB,OAAA"}

package/dist/field-block/types.d.ts

@@ -0,0 +1,52 @@
+import type { CSSProperties, HTMLAttributes, LabelHTMLAttributes, ReactNode, Ref } from 'react';
+import type { WithTestId } from '../types';
+export type FieldBlockSize = 's' | 'm' | 'l';
+type NoChildren<T extends {
+    children?: any;
+}> = Omit<T, 'children'>;
+export interface FieldBlockStyle extends CSSProperties {
+    '--field-width'?: string;
+    '--field-main-text-color'?: string;
+}
+type WithStyle<T extends {
+    style?: CSSProperties;
+}> = Omit<T, 'style'> & {
+    style?: FieldBlockStyle;
+};
+export interface FieldBlockProps extends WithTestId {
+    /** Отключенное состояние. */
+    disabled?: boolean;
+    /** Состояние с ошибкой. */
+    failed?: boolean;
+    /** Состояние фокуса. */
+    focused?: boolean;
+    /** Подпись под полем. */
+    caption?: string;
+    /** Ярлык в поле. */
+    label?: string;
+    /** Выводить ярлык вместо placeholder или введенного значения. */
+    labelAsPlaceholder?: boolean;
+    /** Опции элемента ярлыка. */
+    labelProps?: NoChildren<LabelHTMLAttributes<HTMLLabelElement>>;
+    /** Размер. */
+    size?: FieldBlockSize;
+    /** Фиксировать высоту. */
+    fixedHeight?: boolean;
+    /** Опции корневого элемента. */
+    rootProps?: NoChildren<WithStyle<HTMLAttributes<HTMLDivElement>>>;
+    /** Ref корневого элемента. */
+    rootRef?: Ref<HTMLDivElement>;
+    /** Опции элемента блока поля. */
+    blockProps?: NoChildren<WithStyle<HTMLAttributes<HTMLDivElement>>>;
+    /** Ref элемента блока поля. */
+    blockRef?: Ref<HTMLDivElement>;
+    /** Украшение перед основным содержимым. */
+    adornmentStart?: ReactNode;
+    /** Украшение после основного содержимого. */
+    adornmentEnd?: ReactNode;
+    /** Основное содержимое. */
+    main?: ReactNode;
+    /** Опции основного содержимого. */
+    mainProps?: NoChildren<WithStyle<HTMLAttributes<HTMLDivElement>>>;
+}
+export {};

package/dist/field-block/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/field-block/types.ts"],"names":[],"mappings":""}

package/dist/file-icon/file-icon.d.ts

@@ -0,0 +1,8 @@
+import type { FileIconProps } from './types';
+export declare const KNOWN_TYPES: Set<string>;
+/**
+ * Иконка файла.
+ * @param props Свойства. Поддерживаются свойства <svg />.
+ * @return Элемент.
+ */
+export declare function FileIcon({ type, isTypeVisible, ...svgProps }: FileIconProps): import("react").JSX.Element;

package/dist/file-icon/file-icon.js

@@ -0,0 +1,72 @@
+"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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __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.KNOWN_TYPES = void 0;
+exports.FileIcon = FileIcon;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const styles = __importStar(require("./file-icon.module.scss"));
+const react_1 = require("react");
+exports.KNOWN_TYPES = new Set([
+    'avi',
+    'doc',
+    'docx',
+    'heic',
+    'jpg',
+    'mov',
+    'mp3',
+    'mp4',
+    'pdf',
+    'png',
+    'rtf',
+    'txt',
+    'xls',
+    'xlsx',
+    'xml',
+    'zip',
+]);
+/**
+ * Иконка файла.
+ * @param props Свойства. Поддерживаются свойства <svg />.
+ * @return Элемент.
+ */
+function FileIcon({ type = '', isTypeVisible = typeof type === 'string' && exports.KNOWN_TYPES.has(type.toLowerCase()), ...svgProps }) {
+    const placeholder = (0, react_1.useMemo)(() => type === null ? ((0, jsx_runtime_1.jsx)("path", { d: 'M12.7071 4.70711C13.0976 4.31658 13.0976 3.68342 12.7071 3.29289C12.3166 2.90237 11.6834 2.90237 11.2929 3.29289L8 6.58579L4.70711 3.29289C4.31658 2.90237 3.68342 2.90237 3.29289 3.29289C2.90237 3.68342 2.90237 4.31658 3.29289 4.70711L6.58579 8L3.29289 11.2929C2.90237 11.6834 2.90237 12.3166 3.29289 12.7071C3.68342 13.0976 4.31658 13.0976 4.70711 12.7071L8 9.41421L11.2929 12.7071C11.6834 13.0976 12.3166 13.0976 12.7071 12.7071C13.0976 12.3166 13.0976 11.6834 12.7071 11.2929L9.41421 8L12.7071 4.70711Z', fill: '#9e9e9e', transform: 'translate(8,12)' })) : ((0, jsx_runtime_1.jsxs)("g", { opacity: '0.8', children: [(0, jsx_runtime_1.jsx)("path", { d: 'M9 22H23V24H9V22Z', fill: '#fff' }), (0, jsx_runtime_1.jsx)("path", { d: 'M9 18H19V20H9V18Z', fill: '#fff' })] })), [type]);
+    return ((0, jsx_runtime_1.jsxs)("svg", { width: '32', height: '32', viewBox: '0 0 32 32', ...svgProps, children: [(0, jsx_runtime_1.jsx)("path", { className: (0, classnames_1.default)(styles.main, type === null ? styles.broken : styles[type.toLowerCase()]), 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' }), (0, jsx_runtime_1.jsx)("path", { opacity: '0.32', d: 'M21 9L26 9L20 3L20 8C20 8.55229 20.4477 9 21 9Z', fill: '#fff' }), (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' }), type && isTypeVisible ? ((0, jsx_runtime_1.jsx)("text", { x: '16', y: '23', textAnchor: 'middle', fontSize: '6.5', fontWeight: '700', fill: '#fff', children: type.toUpperCase() })) : (placeholder)] }));
+}
+//# sourceMappingURL=file-icon.js.map

package/dist/file-icon/file-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-icon.js","sourceRoot":"","sources":["../../src/file-icon/file-icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,4BAmDC;;AA/ED,4DAA4B;AAC5B,gEAAkD;AAClD,iCAAgC;AAEnB,QAAA,WAAW,GAAG,IAAI,GAAG,CAAC;IACjC,KAAK;IACL,KAAK;IACL,MAAM;IACN,MAAM;IACN,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,MAAM;IACN,KAAK;IACL,KAAK;CACN,CAAC,CAAC;AAEH;;;;GAIG;AACH,SAAgB,QAAQ,CAAC,EACvB,IAAI,GAAG,EAAE,EACT,aAAa,GAAG,OAAO,IAAI,KAAK,QAAQ,IAAI,mBAAW,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,EAC/E,GAAG,QAAQ,EACG;IACd,MAAM,WAAW,GAAG,IAAA,eAAO,EACzB,GAAG,EAAE,CACH,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,CAEd,iCACE,CAAC,EAAC,2fAA2f,EAC7f,IAAI,EAAC,SAAS,EACd,SAAS,EAAC,iBAAiB,GAC3B,CACH,CAAC,CAAC,CAAC,CAEF,+BAAG,OAAO,EAAC,KAAK,aACd,iCAAM,CAAC,EAAC,mBAAmB,EAAC,IAAI,EAAC,MAAM,GAAG,EAC1C,iCAAM,CAAC,EAAC,mBAAmB,EAAC,IAAI,EAAC,MAAM,GAAG,IACxC,CACL,EACH,CAAC,IAAI,CAAC,CACP,CAAC;IAEF,OAAO,CACL,iCAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,KAAK,QAAQ,aAE1D,iCACE,SAAS,EAAE,IAAA,oBAAE,EAAC,MAAM,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,EACtF,OAAO,EAAC,MAAM,EACd,CAAC,EAAC,oGAAoG,GACtG,EAGF,iCAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,iDAAiD,EAAC,IAAI,EAAC,MAAM,GAAG,EACvF,iCACE,OAAO,EAAC,MAAM,EACd,CAAC,EAAC,2DAA2D,EAC7D,IAAI,EAAC,OAAO,GACZ,EAED,IAAI,IAAI,aAAa,CAAC,CAAC,CAAC,CAEvB,iCAAM,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAC,QAAQ,EAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,YAChF,IAAI,CAAC,WAAW,EAAE,GACd,CACR,CAAC,CAAC,CAAC,CACF,WAAW,CACZ,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/file-icon/file-icon.module.scss

@@ -0,0 +1,74 @@
+@use '../colors';
+
+.main {
+  fill: var(--file-icon-primary-color, #{colors.$basic-gray24});
+}
+
+// ВАЖНО: далее используем цвет именно как резервное значение чтобы иметь возможность переопределения
+.avi {
+  fill: var(--file-icon-primary-color, #{colors.$additional-blue-gray});
+}
+
+.doc {
+  fill: var(--file-icon-primary-color, #{colors.$additional-electric-blue});
+}
+
+.docx {
+  fill: var(--file-icon-primary-color, #{colors.$additional-deep-blue});
+}
+
+.heic {
+  fill: var(--file-icon-primary-color, #{colors.$additional-violet});
+}
+
+.jpg {
+  fill: var(--file-icon-primary-color, #{colors.$additional-deep-orange});
+}
+
+.mov {
+  fill: var(--file-icon-primary-color, #{colors.$additional-blue-gray});
+}
+
+.mp3 {
+  fill: var(--file-icon-primary-color, #{colors.$additional-blue-gray});
+}
+
+.mp4 {
+  fill: var(--file-icon-primary-color, #{colors.$additional-blue-gray});
+}
+
+.pdf {
+  fill: var(--file-icon-primary-color, #{colors.$additional-deep-red});
+}
+
+.png {
+  fill: var(--file-icon-primary-color, #{colors.$additional-purple});
+}
+
+.rtf {
+  fill: var(--file-icon-primary-color, #{colors.$additional-light-blue});
+}
+
+.txt {
+  fill: var(--file-icon-primary-color, #{colors.$additional-unlit-blue});
+}
+
+.xls {
+  fill: var(--file-icon-primary-color, #{colors.$additional-light-green});
+}
+
+.xlsx {
+  fill: var(--file-icon-primary-color, #{colors.$additional-green});
+}
+
+.xml {
+  fill: var(--file-icon-primary-color, #{colors.$additional-deep-purple});
+}
+
+.zip {
+  fill: var(--file-icon-primary-color, #{colors.$additional-teal});
+}
+
+.broken {
+  fill: var(--file-icon-primary-color, #{colors.$basic-gray12});
+}

package/dist/file-icon/index.d.ts

@@ -0,0 +1,2 @@
+export type { FileIconProps, FileIconStyle } from './types';
+export { FileIcon } from './file-icon';

package/dist/file-icon/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileIcon = void 0;
+var file_icon_1 = require("./file-icon");
+Object.defineProperty(exports, "FileIcon", { enumerable: true, get: function () { return file_icon_1.FileIcon; } });
+//# sourceMappingURL=index.js.map

package/dist/file-icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/file-icon/index.ts"],"names":[],"mappings":";;;AACA,yCAAuC;AAA9B,qGAAA,QAAQ,OAAA"}

package/dist/file-icon/types.d.ts

@@ -0,0 +1,12 @@
+import type { CSSProperties, SVGAttributes } from 'react';
+export interface FileIconStyle extends CSSProperties {
+    '--file-icon-primary-color'?: string;
+}
+export interface FileIconProps extends Omit<SVGAttributes<SVGSVGElement>, 'type'> {
+    /** Тип файла. */
+    type?: string | null;
+    /** Нужно ли выводить название типа. */
+    isTypeVisible?: boolean;
+    /** Стили. */
+    style?: FileIconStyle;
+}

package/dist/file-icon/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/file-icon/types.ts"],"names":[],"mappings":""}

package/dist/gradients/index.d.ts

@@ -0,0 +1,15 @@
+/** Градиенты дизайн-системы. */
+export declare const GRADIENT: {
+    readonly sunrise: "linear-gradient(135deg, #bf16af 0%, #ff9b8d 100%)";
+    readonly twilight: "linear-gradient(135deg, #4d74ff 0%, #e546ff 100%)";
+    readonly sunset: "linear-gradient(315deg, #ffb571 0%, #f2000f 100%)";
+    readonly sunshine: "linear-gradient(135deg, #ff7200 0%, #f5d00b 100%)";
+    readonly gold: "linear-gradient(315deg, #f1d18c 0%, #da9c3b 100%)";
+    readonly foliage: "linear-gradient(135deg, #09ab8b 0%, #a9e007 100%)";
+    readonly malachite: "linear-gradient(180deg, #000 0%, #09ab8b 100%)";
+    readonly sky: "linear-gradient(135deg, #3777fe 0%, #21e3e4 100%)";
+    readonly 'polar-light': "linear-gradient(135deg, #46007c 0%, #008dc9 100%)";
+    readonly night: "linear-gradient(135deg, #0f0f0f 0%, #757575 100%)";
+    readonly blueberry: "linear-gradient(135deg, #a3a4cd 0%, #30314e 100%)";
+};
+export declare const GRADIENTS: Map<keyof typeof GRADIENT, string>;

package/dist/gradients/index.js

@@ -0,0 +1,20 @@
+"use strict";
+// GENERATED FILE - DO NOT CHANGE IT MANUALLY
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GRADIENTS = exports.GRADIENT = void 0;
+/** Градиенты дизайн-системы. */
+exports.GRADIENT = {
+    sunrise: 'linear-gradient(135deg, #bf16af 0%, #ff9b8d 100%)',
+    twilight: 'linear-gradient(135deg, #4d74ff 0%, #e546ff 100%)',
+    sunset: 'linear-gradient(315deg, #ffb571 0%, #f2000f 100%)',
+    sunshine: 'linear-gradient(135deg, #ff7200 0%, #f5d00b 100%)',
+    gold: 'linear-gradient(315deg, #f1d18c 0%, #da9c3b 100%)',
+    foliage: 'linear-gradient(135deg, #09ab8b 0%, #a9e007 100%)',
+    malachite: 'linear-gradient(180deg, #000 0%, #09ab8b 100%)',
+    sky: 'linear-gradient(135deg, #3777fe 0%, #21e3e4 100%)',
+    'polar-light': 'linear-gradient(135deg, #46007c 0%, #008dc9 100%)',
+    night: 'linear-gradient(135deg, #0f0f0f 0%, #757575 100%)',
+    blueberry: 'linear-gradient(135deg, #a3a4cd 0%, #30314e 100%)',
+};
+exports.GRADIENTS = new Map(Object.entries(exports.GRADIENT));
+//# sourceMappingURL=index.js.map

package/dist/gradients/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/gradients/index.ts"],"names":[],"mappings":";AAAA,6CAA6C;;;AAE7C,gCAAgC;AACnB,QAAA,QAAQ,GAAG;IACtB,OAAO,EAAE,mDAAmD;IAC5D,QAAQ,EAAE,mDAAmD;IAC7D,MAAM,EAAE,mDAAmD;IAC3D,QAAQ,EAAE,mDAAmD;IAC7D,IAAI,EAAE,mDAAmD;IACzD,OAAO,EAAE,mDAAmD;IAC5D,SAAS,EAAE,gDAAgD;IAC3D,GAAG,EAAE,mDAAmD;IACxD,aAAa,EAAE,mDAAmD;IAClE,KAAK,EAAE,mDAAmD;IAC1D,SAAS,EAAE,mDAAmD;CACtD,CAAC;AAEE,QAAA,SAAS,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,gBAAQ,CAAC,CAAuC,CAAC"}

package/dist/gradients.scss

@@ -0,0 +1,27 @@
+// GENERATED FILE - DO NOT CHANGE IT MANUALLY
+
+$sunrise: linear-gradient(135deg, #bf16af 0%, #ff9b8d 100%);
+$twilight: linear-gradient(135deg, #4d74ff 0%, #e546ff 100%);
+$sunset: linear-gradient(315deg, #ffb571 0%, #f2000f 100%);
+$sunshine: linear-gradient(135deg, #ff7200 0%, #f5d00b 100%);
+$gold: linear-gradient(315deg, #f1d18c 0%, #da9c3b 100%);
+$foliage: linear-gradient(135deg, #09ab8b 0%, #a9e007 100%);
+$malachite: linear-gradient(180deg, #000 0%, #09ab8b 100%);
+$sky: linear-gradient(135deg, #3777fe 0%, #21e3e4 100%);
+$polar-light: linear-gradient(135deg, #46007c 0%, #008dc9 100%);
+$night: linear-gradient(135deg, #0f0f0f 0%, #757575 100%);
+$blueberry: linear-gradient(135deg, #a3a4cd 0%, #30314e 100%);
+
+@mixin properties() {
+  --gradient-sunrise: linear-gradient(135deg, #bf16af 0%, #ff9b8d 100%);
+  --gradient-twilight: linear-gradient(135deg, #4d74ff 0%, #e546ff 100%);
+  --gradient-sunset: linear-gradient(315deg, #ffb571 0%, #f2000f 100%);
+  --gradient-sunshine: linear-gradient(135deg, #ff7200 0%, #f5d00b 100%);
+  --gradient-gold: linear-gradient(315deg, #f1d18c 0%, #da9c3b 100%);
+  --gradient-foliage: linear-gradient(135deg, #09ab8b 0%, #a9e007 100%);
+  --gradient-malachite: linear-gradient(180deg, #000 0%, #09ab8b 100%);
+  --gradient-sky: linear-gradient(135deg, #3777fe 0%, #21e3e4 100%);
+  --gradient-polar-light: linear-gradient(135deg, #46007c 0%, #008dc9 100%);
+  --gradient-night: linear-gradient(135deg, #0f0f0f 0%, #757575 100%);
+  --gradient-blueberry: linear-gradient(135deg, #a3a4cd 0%, #30314e 100%);
+}

package/dist/group-overflow/group-overflow.d.ts

@@ -0,0 +1,7 @@
+import { GroupOverflowProps } from './types';
+/**
+ * Группа со скрытием не влезающих элементов.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function GroupOverflow({ children, className, style, gap, tail, ...restProps }: GroupOverflowProps): import("react").JSX.Element;

package/dist/group-overflow/group-overflow.js

@@ -0,0 +1,60 @@
+"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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __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.GroupOverflow = GroupOverflow;
+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 styles = __importStar(require("./group-overflow.module.scss"));
+/**
+ * Группа со скрытием не влезающих элементов.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function GroupOverflow({ children, className, style, gap, tail, ...restProps }) {
+    const ref = (0, react_1.useRef)(null);
+    const { state, start } = (0, utils_1.useItemsHide)(ref, el => el.parentElement?.parentElement);
+    const total = react_1.Children.count(children);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(styles.root, className), style: typeof gap === 'number'
+            ? { ...style, '--group-overflow-gap': `${gap}px` }
+            : style, ...restProps, children: [(0, jsx_runtime_1.jsx)("div", { ref: ref, className: styles.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", { className: styles.more, children: tail({ hiddenCount: total - start }) }))] }));
+}
+//# sourceMappingURL=group-overflow.js.map

package/dist/group-overflow/group-overflow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group-overflow.js","sourceRoot":"","sources":["../../src/group-overflow/group-overflow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,sCAkCC;;AA7CD,iCAAwD;AACxD,mCAAuC;AAEvC,4DAA4B;AAC5B,qEAAuD;AAEvD;;;;GAIG;AACH,SAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,EACH,IAAI,EACJ,GAAG,SAAS,EACO;IACnB,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAA,oBAAY,EAAC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;IAClF,MAAM,KAAK,GAAG,gBAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAEvC,OAAO,CACL,iCACE,SAAS,EAAE,IAAA,oBAAE,EAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,EACrC,KAAK,EACH,OAAO,GAAG,KAAK,QAAQ;YACrB,CAAC,CAAE,EAAE,GAAG,KAAK,EAAE,sBAAsB,EAAE,GAAG,GAAG,IAAI,EAAoB;YACrE,CAAC,CAAC,KAAK,KAEP,SAAS,aAEb,gCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,YAEnC,KAAK,KAAK,SAAS;oBAClB,CAAC,CAAC,gBAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC;oBAC5B,CAAC,CAAC,gBAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,GAC1C,EAEL,KAAK,KAAK,SAAS,IAAI,KAAK,GAAG,KAAK,IAAI,IAAI,IAAI,CAC/C,gCAAK,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,IAAI,CAAC,EAAE,WAAW,EAAE,KAAK,GAAG,KAAK,EAAE,CAAC,GAAO,CAC1E,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/group-overflow/index.d.ts

@@ -0,0 +1,2 @@
+export type { GroupOverflowProps, RenderTail } from './types';
+export { GroupOverflow } from './group-overflow';

package/dist/group-overflow/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GroupOverflow = void 0;
+var group_overflow_1 = require("./group-overflow");
+Object.defineProperty(exports, "GroupOverflow", { enumerable: true, get: function () { return group_overflow_1.GroupOverflow; } });
+//# sourceMappingURL=index.js.map

package/dist/group-overflow/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/group-overflow/index.ts"],"names":[],"mappings":";;;AACA,mDAAiD;AAAxC,+GAAA,aAAa,OAAA"}

package/dist/group-overflow/types.d.ts

@@ -0,0 +1,10 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export type RenderTail = (data: {
+    hiddenCount: number;
+}) => ReactNode;
+export interface GroupOverflowProps extends HTMLAttributes<HTMLDivElement> {
+    /** Расстояние между элементами в пикселях. */
+    gap?: number;
+    /** Вернёт "замыкающий" элемент, который будет выведен по аналогии с многоточием для текста. */
+    tail?: RenderTail;
+}

package/dist/group-overflow/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/group-overflow/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/group-overflow/types.ts"],"names":[],"mappings":""}

package/dist/group-overflow/utils.d.ts

@@ -0,0 +1,20 @@
+import { RefObject } from 'react';
+type HideStatus = 'initial' | 'hidden' | 'hidden+more';
+/**
+ * Хук состояния скрытия не влезающих элементов.
+ * @param ref Реф с контейнером.
+ * @param getParent Получив контейнер вернет элемент за изменением ширины которого надо следить.
+ * @return Состояние.
+ */
+export declare function useItemsHide(ref: RefObject<HTMLElement | null>, getParent: (el: HTMLElement) => HTMLElement | null | undefined): {
+    state: HideStatus;
+    start: number;
+};
+/**
+ * Вернет индекс дочернего элемента, который не влез в контейнер по ширине.
+ * Работает только если все дочерние узлы размещены в одной строке (без переноса).
+ * @param element Контейнер.
+ * @return Индекс.
+ */
+export declare function defineHideStart(element: HTMLElement): number;
+export {};

package/dist/group-overflow/utils.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useItemsHide = useItemsHide;
+exports.defineHideStart = defineHideStart;
+const react_1 = require("react");
+const hooks_1 = require("../hooks");
+/**
+ * Хук состояния скрытия не влезающих элементов.
+ * @param ref Реф с контейнером.
+ * @param getParent Получив контейнер вернет элемент за изменением ширины которого надо следить.
+ * @return Состояние.
+ */
+function useItemsHide(ref, getParent) {
+    const [state, setState] = (0, react_1.useState)('initial');
+    const [start, setStart] = (0, react_1.useState)(-1);
+    const calculateHideStart = (0, react_1.useCallback)((nextState) => {
+        if (ref.current) {
+            setStart(defineHideStart(ref.current));
+            setState(nextState);
+        }
+    }, [ref]);
+    // следим за изменениями размера **родительского** элемента
+    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
+        if (!ref.current) {
+            return;
+        }
+        const parent = getParent(ref.current);
+        if (!parent) {
+            return;
+        }
+        const observer = new ResizeObserver(() => setState('initial'));
+        observer.observe(parent);
+        return () => observer.disconnect();
+    }, [ref]);
+    const lastStateRef = (0, react_1.useRef)(null);
+    // при каждом **внешнем** ререндере сбрасываем состояние
+    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
+        if (state === lastStateRef.current) {
+            setStart(-1);
+            setState('initial');
+        }
+        else {
+            lastStateRef.current = state;
+        }
+    });
+    // меняем состояние по итогам рендера
+    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
+        switch (state) {
+            case 'initial':
+                calculateHideStart('hidden');
+                break;
+            case 'hidden':
+                calculateHideStart('hidden+more');
+                break;
+        }
+    }, [state]);
+    return { state, start };
+}
+/**
+ * Вернет индекс дочернего элемента, который не влез в контейнер по ширине.
+ * Работает только если все дочерние узлы размещены в одной строке (без переноса).
+ * @param element Контейнер.
+ * @return Индекс.
+ */
+function defineHideStart(element) {
+    const limit = Math.floor(element.getBoundingClientRect().right);
+    for (const [index, item] of [...element.children].entries()) {
+        if (index > 0 && Math.floor(item.getBoundingClientRect().right) > limit) {
+            return index;
+        }
+    }
+    return element.children.length;
+}
+//# sourceMappingURL=utils.js.map

package/dist/group-overflow/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/group-overflow/utils.ts"],"names":[],"mappings":";;AAWA,oCA6DC;AAQD,0CAUC;AA1FD,iCAAiE;AACjE,oCAAqD;AAIrD;;;;;GAKG;AACH,SAAgB,YAAY,CAC1B,GAAkC,EAClC,SAA8D;IAE9D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAa,SAAS,CAAC,CAAC;IAC1D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAS,CAAC,CAAC,CAAC,CAAC;IAE/C,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EACpC,CAAC,SAAqB,EAAE,EAAE;QACxB,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YAChB,QAAQ,CAAC,eAAe,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;YACvC,QAAQ,CAAC,SAAS,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,EACD,CAAC,GAAG,CAAC,CACN,CAAC;IAEF,2DAA2D;IAC3D,IAAA,iCAAyB,EAAC,GAAG,EAAE;QAC7B,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;YACjB,OAAO;QACT,CAAC;QAED,MAAM,MAAM,GAAG,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAEtC,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO;QACT,CAAC;QAED,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC;QAE/D,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAEzB,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACrC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,MAAM,YAAY,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAErD,wDAAwD;IACxD,IAAA,iCAAyB,EAAC,GAAG,EAAE;QAC7B,IAAI,KAAK,KAAK,YAAY,CAAC,OAAO,EAAE,CAAC;YACnC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;YACb,QAAQ,CAAC,SAAS,CAAC,CAAC;QACtB,CAAC;aAAM,CAAC;YACN,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;QAC/B,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,qCAAqC;IACrC,IAAA,iCAAyB,EAAC,GAAG,EAAE;QAC7B,QAAQ,KAAK,EAAE,CAAC;YACd,KAAK,SAAS;gBACZ,kBAAkB,CAAC,QAAQ,CAAC,CAAC;gBAC7B,MAAM;YACR,KAAK,QAAQ;gBACX,kBAAkB,CAAC,aAAa,CAAC,CAAC;gBAClC,MAAM;QACV,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;AAC1B,CAAC;AAED;;;;;GAKG;AACH,SAAgB,eAAe,CAAC,OAAoB;IAClD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC,CAAC;IAEhE,KAAK,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC;QAC5D,IAAI,KAAK,GAAG,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC,GAAG,KAAK,EAAE,CAAC;YACxE,OAAO,KAAK,CAAC;QACf,CAAC;IACH,CAAC;IAED,OAAO,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC;AACjC,CAAC"}

package/dist/helpers/bounds-of.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Возвращает ограничивающий прямоугольник элемента.
+ * @param element Элемент.
+ * @return Ограничивающий прямоугольник.
+ */
+export declare function boundsOf<T>(element: T): T extends Element ? DOMRect : null;

package/dist/helpers/bounds-of.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.boundsOf = boundsOf;
+/**
+ * Возвращает ограничивающий прямоугольник элемента.
+ * @param element Элемент.
+ * @return Ограничивающий прямоугольник.
+ */
+function boundsOf(element) {
+    return (element instanceof Element ? element.getBoundingClientRect() : null);
+}
+//# sourceMappingURL=bounds-of.js.map

package/dist/helpers/bounds-of.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bounds-of.js","sourceRoot":"","sources":["../../src/helpers/bounds-of.ts"],"names":[],"mappings":";;AAKA,4BAIC;AATD;;;;GAIG;AACH,SAAgB,QAAQ,CAAI,OAAU;IACpC,OAAO,CAAC,OAAO,YAAY,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,CAAC,CAAC,IAAI,CAEnE,CAAC;AACX,CAAC"}

package/dist/helpers/center-of.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Возвращает координаты центра прямоугольника.
+ * @param rect Прямоугольник.
+ * @return Центр.
+ */
+export declare function centerOf(rect: DOMRect): import("./point").IPoint;

package/dist/helpers/center-of.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.centerOf = centerOf;
+const point_1 = require("./point");
+/**
+ * Возвращает координаты центра прямоугольника.
+ * @param rect Прямоугольник.
+ * @return Центр.
+ */
+function centerOf(rect) {
+    return (0, point_1.Point)((rect.right + rect.left) / 2, (rect.bottom + rect.top) / 2);
+}
+//# sourceMappingURL=center-of.js.map

package/dist/helpers/center-of.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"center-of.js","sourceRoot":"","sources":["../../src/helpers/center-of.ts"],"names":[],"mappings":";;AAOA,4BAEC;AATD,mCAAgC;AAEhC;;;;GAIG;AACH,SAAgB,QAAQ,CAAC,IAAa;IACpC,OAAO,IAAA,aAAK,EAAC,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;AAC3E,CAAC"}

package/dist/helpers/create-container.d.ts

@@ -0,0 +1,13 @@
+export interface Container<T> {
+    get: () => T | undefined;
+    set: (v: T) => void;
+    setObserver: (fn: Observer<T> | null) => void;
+}
+type Observer<T> = (prev: T | undefined, next: T | undefined) => void;
+/**
+ * Фабрика контейнеров для произвольных значений.
+ * @param initialValue Начальное значение в контейнере.
+ * @return Контейнер.
+ */
+export declare function createContainer<T = any>(initialValue?: T): Container<T>;
+export {};