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

package/styling/sizes.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.paddingLeft = exports.paddingBottom = exports.paddingRight = exports.paddingTop = exports.marginLeft = exports.marginBottom = exports.marginRight = exports.marginTop = exports.isPadding = exports.isMargin = void 0;
 const utils_1 = require("./utils");
-const sizes_module_scss_1 = __importDefault(require("./sizes.module.scss"));
+const sizes_m_scss_1 = __importDefault(require("./sizes.m.scss"));
 /**
  * Проверяет, является ли значение шагом дизайн-системы для внешних отступов.
  * @deprecated
@@ -23,18 +23,19 @@ exports.isMargin = isMargin;
 const isPadding = (value) => Number.isInteger(value) && value >= 0 && value <= 32;
 exports.isPadding = isPadding;
 /** @deprecated */
-exports.marginTop = (0, utils_1.ClassGetter)(sizes_module_scss_1.default, exports.isMargin, 'M-t__');
+exports.marginTop = (0, utils_1.ClassGetter)(sizes_m_scss_1.default, exports.isMargin, 'M-t__');
 /** @deprecated */
-exports.marginRight = (0, utils_1.ClassGetter)(sizes_module_scss_1.default, exports.isMargin, 'M-r__');
+exports.marginRight = (0, utils_1.ClassGetter)(sizes_m_scss_1.default, exports.isMargin, 'M-r__');
 /** @deprecated */
-exports.marginBottom = (0, utils_1.ClassGetter)(sizes_module_scss_1.default, exports.isMargin, 'M-b__');
+exports.marginBottom = (0, utils_1.ClassGetter)(sizes_m_scss_1.default, exports.isMargin, 'M-b__');
 /** @deprecated */
-exports.marginLeft = (0, utils_1.ClassGetter)(sizes_module_scss_1.default, exports.isMargin, 'M-l__');
+exports.marginLeft = (0, utils_1.ClassGetter)(sizes_m_scss_1.default, exports.isMargin, 'M-l__');
 /** @deprecated */
-exports.paddingTop = (0, utils_1.ClassGetter)(sizes_module_scss_1.default, exports.isPadding, 'P-t__');
+exports.paddingTop = (0, utils_1.ClassGetter)(sizes_m_scss_1.default, exports.isPadding, 'P-t__');
 /** @deprecated */
-exports.paddingRight = (0, utils_1.ClassGetter)(sizes_module_scss_1.default, exports.isPadding, 'P-r__');
+exports.paddingRight = (0, utils_1.ClassGetter)(sizes_m_scss_1.default, exports.isPadding, 'P-r__');
 /** @deprecated */
-exports.paddingBottom = (0, utils_1.ClassGetter)(sizes_module_scss_1.default, exports.isPadding, 'P-b__');
+exports.paddingBottom = (0, utils_1.ClassGetter)(sizes_m_scss_1.default, exports.isPadding, 'P-b__');
 /** @deprecated */
-exports.paddingLeft = (0, utils_1.ClassGetter)(sizes_module_scss_1.default, exports.isPadding, 'P-l__');
+exports.paddingLeft = (0, utils_1.ClassGetter)(sizes_m_scss_1.default, exports.isPadding, 'P-l__');
+//# sourceMappingURL=sizes.js.map

package/styling/sizes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.js","sourceRoot":"","sources":["../../src/styling/sizes.ts"],"names":[],"mappings":";;;;;;AAAA,mCAAsC;AACtC,kEAAqC;AAErC;;;;;GAKG;AACI,MAAM,QAAQ,GAAG,CAAC,KAAU,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,EAAE,CAAC;AAAjF,QAAA,QAAQ,YAAyE;AAE9F;;;;;GAKG;AACI,MAAM,SAAS,GAAG,CAAC,KAAU,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,KAAK,IAAI,EAAE,CAAC;AAAjF,QAAA,SAAS,aAAwE;AAE9F,kBAAkB;AACL,QAAA,SAAS,GAAG,IAAA,mBAAW,EAAC,sBAAO,EAAE,gBAAQ,EAAE,OAAO,CAAC,CAAC;AAEjE,kBAAkB;AACL,QAAA,WAAW,GAAG,IAAA,mBAAW,EAAC,sBAAO,EAAE,gBAAQ,EAAE,OAAO,CAAC,CAAC;AAEnE,kBAAkB;AACL,QAAA,YAAY,GAAG,IAAA,mBAAW,EAAC,sBAAO,EAAE,gBAAQ,EAAE,OAAO,CAAC,CAAC;AAEpE,kBAAkB;AACL,QAAA,UAAU,GAAG,IAAA,mBAAW,EAAC,sBAAO,EAAE,gBAAQ,EAAE,OAAO,CAAC,CAAC;AAElE,kBAAkB;AACL,QAAA,UAAU,GAAG,IAAA,mBAAW,EAAC,sBAAO,EAAE,iBAAS,EAAE,OAAO,CAAC,CAAC;AAEnE,kBAAkB;AACL,QAAA,YAAY,GAAG,IAAA,mBAAW,EAAC,sBAAO,EAAE,iBAAS,EAAE,OAAO,CAAC,CAAC;AAErE,kBAAkB;AACL,QAAA,aAAa,GAAG,IAAA,mBAAW,EAAC,sBAAO,EAAE,iBAAS,EAAE,OAAO,CAAC,CAAC;AAEtE,kBAAkB;AACL,QAAA,WAAW,GAAG,IAAA,mBAAW,EAAC,sBAAO,EAAE,iBAAS,EAAE,OAAO,CAAC,CAAC"}

package/styling/{sizes.module.scss → sizes.m.scss}

@@ -1,3 +1,5 @@
+@use 'sass:string';
+
 $step: 4px;
 
 $directions: 'top', 'right', 'bottom', 'left';
@@ -6,7 +8,7 @@ $directions: 'top', 'right', 'bottom', 'left';
 @for $index from -8 through 32 {
   @each $direction in $directions {
     // ключи классов попадают в JS - сокращаем до одной буквы для экономии
-    $short: str-slice($direction, 0, 1);
+    $short: string.slice($direction, 0, 1);
 
     // внешние отступы
     .M-#{$short}__#{$index} {

package/styling/utils.d.ts

@@ -2,7 +2,7 @@
  * Фабрика геттеров CSS-классов.
  * @param classes Классы из CSS-модуля.
  * @param isValidKey Функция проверки ключа для класса.
- * @param [prefix=''] Префикс имени класса.
+ * @param [prefix] Префикс имени класса.
  * @return Геттер CSS-класса.
  * @deprecated
  */

package/styling/utils.js

@@ -9,7 +9,7 @@ const bind_1 = __importDefault(require("classnames/bind"));
  * Фабрика геттеров CSS-классов.
  * @param classes Классы из CSS-модуля.
  * @param isValidKey Функция проверки ключа для класса.
- * @param [prefix=''] Префикс имени класса.
+ * @param [prefix] Префикс имени класса.
  * @return Геттер CSS-класса.
  * @deprecated
  */
@@ -18,3 +18,4 @@ const ClassGetter = (classes, isValidKey, prefix = '') => {
     return (value) => (isValidKey(value) ? cx(`${prefix}${value}`) : undefined);
 };
 exports.ClassGetter = ClassGetter;
+//# sourceMappingURL=utils.js.map

package/styling/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/styling/utils.ts"],"names":[],"mappings":";;;;;;AAAA,2DAAyC;AAEzC;;;;;;;GAOG;AACI,MAAM,WAAW,GAAG,CACzB,OAA+B,EAC/B,UAA6B,EAC7B,MAAM,GAAG,EAAE,EACX,EAAE;IACF,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAEpC,OAAO,CAAC,KAAQ,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,MAAM,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;AACjF,CAAC,CAAC;AARW,QAAA,WAAW,eAQtB"}

package/super-ellipse-clip-path/index.d.ts

@@ -1,11 +1,2 @@
-/// <reference types="react" />
-export interface SuperEllipseClipPathProps {
-    /** Идентификатор. */
-    id?: string;
-}
-/**
- * Выводит svg-элемент, содержащий clipPath в форме "супер-эллипса".
- * @param props Свойства.
- * @return Элемент.
- */
-export declare const SuperEllipseClipPath: ({ id }: SuperEllipseClipPathProps) => JSX.Element;
+export type { SuperEllipseClipPathProps } from './types';
+export { SuperEllipseClipPath } from './super-ellipse-clip-path';

package/super-ellipse-clip-path/index.js

@@ -1,17 +1,6 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SuperEllipseClipPath = void 0;
-const react_1 = __importDefault(require("react"));
-/**
- * Выводит svg-элемент, содержащий clipPath в форме "супер-эллипса".
- * @param props Свойства.
- * @return Элемент.
- */
-const SuperEllipseClipPath = ({ id }) => (react_1.default.createElement("svg", { width: 0, height: 0, style: { position: 'absolute' } },
-    react_1.default.createElement("defs", null,
-        react_1.default.createElement("clipPath", { id: id, clipPathUnits: 'objectBoundingBox' },
-            react_1.default.createElement("path", { d: 'M1 0.5 C 1 0.856, 0.856 1, 0.5 1 S 0 0.856, 0 0.5 S 0.143 0, 0.5 0 S 1 0.143 1 0.5 Z' })))));
-exports.SuperEllipseClipPath = SuperEllipseClipPath;
+var super_ellipse_clip_path_1 = require("./super-ellipse-clip-path");
+Object.defineProperty(exports, "SuperEllipseClipPath", { enumerable: true, get: function () { return super_ellipse_clip_path_1.SuperEllipseClipPath; } });
+//# sourceMappingURL=index.js.map

package/super-ellipse-clip-path/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/super-ellipse-clip-path/index.ts"],"names":[],"mappings":";;;AACA,qEAAiE;AAAxD,+HAAA,oBAAoB,OAAA"}

package/super-ellipse-clip-path/super-ellipse-clip-path.d.ts

@@ -0,0 +1,7 @@
+import { SuperEllipseClipPathProps } from './types';
+/**
+ * Выводит svg-элемент, содержащий clipPath в форме "супер-эллипса".
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function SuperEllipseClipPath({ id }: SuperEllipseClipPathProps): import("react/jsx-runtime").JSX.Element;

package/super-ellipse-clip-path/super-ellipse-clip-path.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SuperEllipseClipPath = SuperEllipseClipPath;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Выводит svg-элемент, содержащий clipPath в форме "супер-эллипса".
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function SuperEllipseClipPath({ id }) {
+    return ((0, jsx_runtime_1.jsx)("svg", { width: 0, height: 0, style: { position: 'absolute' }, children: (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { id: id, clipPathUnits: 'objectBoundingBox', children: (0, jsx_runtime_1.jsx)("path", { d: 'M1 0.5 C 1 0.856, 0.856 1, 0.5 1 S 0 0.856, 0 0.5 S 0.143 0, 0.5 0 S 1 0.143 1 0.5 Z' }) }) }) }));
+}
+//# sourceMappingURL=super-ellipse-clip-path.js.map

package/super-ellipse-clip-path/super-ellipse-clip-path.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"super-ellipse-clip-path.js","sourceRoot":"","sources":["../../src/super-ellipse-clip-path/super-ellipse-clip-path.tsx"],"names":[],"mappings":";;AAOA,oDAUC;;AAfD;;;;GAIG;AACH,SAAgB,oBAAoB,CAAC,EAAE,EAAE,EAA6B;IACpE,OAAO,CACL,gCAAK,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,YACvD,2CACE,qCAAU,EAAE,EAAE,EAAE,EAAE,aAAa,EAAC,mBAAmB,YACjD,iCAAM,CAAC,EAAC,sFAAsF,GAAG,GACxF,GACN,GACH,CACP,CAAC;AACJ,CAAC"}

package/super-ellipse-clip-path/types.d.ts

@@ -0,0 +1,4 @@
+export interface SuperEllipseClipPathProps {
+    /** Идентификатор. */
+    id?: string;
+}

package/super-ellipse-clip-path/types.js

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

package/super-ellipse-clip-path/types.js.map

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

package/switcher-row/index.d.ts

@@ -1,42 +1,2 @@
-import { CSSProperties, ReactNode } from 'react';
-export interface SwitcherRowProps {
-    /** Содержимое. */
-    children?: ReactNode;
-    /** Направление текста. */
-    textAlign?: 'left' | 'right';
-    /** Стили корневого элемента. */
-    style?: CSSProperties;
-    /** CSS-класс корневого элемента. */
-    className?: string;
-    /** Позиция поля. */
-    fieldPosition?: 'start' | 'end';
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string;
-}
-/**
- * Блок вывода полей-переключателей (Checkbox, Toggle, RadioButton).
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function SwitcherRow({ children, className, style, textAlign, fieldPosition, 'data-testid': testId, }: SwitcherRowProps): JSX.Element;
-export declare namespace SwitcherRow {
-    var Label: typeof SwitcherRowLabel;
-    var Comment: typeof SwitcherRowComment;
-}
-/**
- * Слот ярлыка.
- * @param props Свойства.
- * @return Элемент.
- */
-declare function SwitcherRowLabel({ children }: {
-    children?: ReactNode;
-}): JSX.Element;
-/**
- * Слот комментария.
- * @param props Свойства.
- * @return Элемент.
- */
-declare function SwitcherRowComment({ children }: {
-    children?: ReactNode;
-}): JSX.Element;
-export {};
+export type { SwitcherRowProps } from './types';
+export { SwitcherRow } from './switcher-row';

package/switcher-row/index.js

@@ -1,60 +1,6 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SwitcherRow = void 0;
-const react_1 = __importDefault(require("react"));
-const checkbox_1 = require("../checkbox");
-const define_slots_1 = require("../helpers/define-slots");
-const radio_button_1 = require("../radio-button");
-const toggle_1 = require("../toggle");
-const bind_1 = __importDefault(require("classnames/bind"));
-const switcher_row_module_scss_1 = __importDefault(require("./switcher-row.module.scss"));
-const cx = bind_1.default.bind(switcher_row_module_scss_1.default);
-/**
- * Блок вывода полей-переключателей (Checkbox, Toggle, RadioButton).
- * @param props Свойства.
- * @return Элемент.
- */
-function SwitcherRow({ children, className, style, textAlign = 'left', fieldPosition = 'start', 'data-testid': testId = 'switcher-row', }) {
-    var _a;
-    const { toggle, checkbox, radio, label, comment } = (0, define_slots_1.defineSlots)(children, {
-        toggle: toggle_1.Toggle,
-        checkbox: checkbox_1.Checkbox,
-        radio: radio_button_1.RadioButton,
-        label: SwitcherRowLabel,
-        comment: SwitcherRowComment,
-    });
-    const input = (_a = toggle !== null && toggle !== void 0 ? toggle : checkbox) !== null && _a !== void 0 ? _a : radio;
-    const failed = input === null || input === void 0 ? void 0 : input.props.failed;
-    const disabled = input === null || input === void 0 ? void 0 : input.props.disabled;
-    const fieldId = input === null || input === void 0 ? void 0 : input.props.id;
-    // @todo в Safari position: relative ломает vertical-align
-    const fieldColumn = input && (react_1.default.createElement("div", { className: cx('col', 'field-col', { 'toggle-col': toggle }) }, input));
-    return (react_1.default.createElement("div", { className: cx('root', `text-align-${textAlign}`, { failed, disabled }, className), style: style, "data-testid": testId },
-        fieldPosition === 'start' && fieldColumn,
-        react_1.default.createElement("label", { className: cx('col', 'main-col'), htmlFor: fieldId },
-            label && (react_1.default.createElement("span", { className: cx('label', { 'for-toggle': toggle }), "data-testid": 'switcher-row:label' }, label)),
-            comment && (react_1.default.createElement("span", { className: cx('comment'), "data-testid": 'switcher-row:comment' }, comment))),
-        fieldPosition === 'end' && fieldColumn));
-}
-exports.SwitcherRow = SwitcherRow;
-/**
- * Слот ярлыка.
- * @param props Свойства.
- * @return Элемент.
- */
-function SwitcherRowLabel({ children }) {
-    return react_1.default.createElement(react_1.default.Fragment, null, children);
-}
-/**
- * Слот комментария.
- * @param props Свойства.
- * @return Элемент.
- */
-function SwitcherRowComment({ children }) {
-    return react_1.default.createElement(react_1.default.Fragment, null, children);
-}
-SwitcherRow.Label = SwitcherRowLabel;
-SwitcherRow.Comment = SwitcherRowComment;
+var switcher_row_1 = require("./switcher-row");
+Object.defineProperty(exports, "SwitcherRow", { enumerable: true, get: function () { return switcher_row_1.SwitcherRow; } });
+//# sourceMappingURL=index.js.map

package/switcher-row/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/switcher-row/index.ts"],"names":[],"mappings":";;;AACA,+CAA6C;AAApC,2GAAA,WAAW,OAAA"}

package/switcher-row/switcher-row.d.ts

@@ -0,0 +1,29 @@
+import type { SwitcherRowProps } from './types';
+import { ReactNode } from 'react';
+/**
+ * Блок вывода полей-переключателей (Checkbox, Toggle, RadioButton).
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function SwitcherRow({ children, className, style, textAlign, fieldPosition, 'data-testid': testId, }: SwitcherRowProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace SwitcherRow {
+    var Label: typeof SwitcherLabel;
+    var Comment: typeof SwitcherComment;
+}
+/**
+ * Слот ярлыка.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+declare function SwitcherLabel({ children }: {
+    children?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Слот комментария.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+declare function SwitcherComment({ children }: {
+    children?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/switcher-row/switcher-row.js

@@ -0,0 +1,54 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SwitcherRow = SwitcherRow;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const checkbox_1 = require("../checkbox");
+const define_slots_1 = require("../helpers/define-slots");
+const radio_button_1 = require("../radio-button");
+const toggle_1 = require("../toggle");
+const bind_1 = __importDefault(require("classnames/bind"));
+const switcher_row_m_scss_1 = __importDefault(require("./switcher-row.m.scss"));
+const cx = bind_1.default.bind(switcher_row_m_scss_1.default);
+/**
+ * Блок вывода полей-переключателей (Checkbox, Toggle, RadioButton).
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function SwitcherRow({ children, className, style, textAlign = 'left', fieldPosition = 'start', 'data-testid': testId = 'switcher-row', }) {
+    const { toggle, checkbox, radio, label, comment } = (0, define_slots_1.defineSlots)(children, {
+        toggle: toggle_1.Toggle,
+        checkbox: checkbox_1.Checkbox,
+        radio: radio_button_1.RadioButton,
+        label: SwitcherLabel,
+        comment: SwitcherComment,
+    });
+    const input = toggle ?? checkbox ?? radio;
+    const failed = input?.props.failed;
+    const disabled = input?.props.disabled;
+    const fieldId = input?.props.id;
+    // @todo в Safari position: relative ломает vertical-align
+    const fieldColumn = input && ((0, jsx_runtime_1.jsx)("div", { className: cx('col', 'field-col', { 'toggle-col': toggle }), children: input }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: cx('root', `text-align-${textAlign}`, { failed, disabled }, className), style: style, "data-testid": testId, children: [fieldPosition === 'start' && fieldColumn, (0, jsx_runtime_1.jsxs)("label", { className: cx('col', 'main-col'), htmlFor: fieldId, children: [label && ((0, jsx_runtime_1.jsx)("span", { className: cx('label', { 'for-toggle': toggle }), "data-testid": 'switcher-row:label', children: label })), comment && ((0, jsx_runtime_1.jsx)("span", { className: cx('comment'), "data-testid": 'switcher-row:comment', children: comment }))] }), fieldPosition === 'end' && fieldColumn] }));
+}
+/**
+ * Слот ярлыка.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function SwitcherLabel({ children }) {
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
+}
+/**
+ * Слот комментария.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function SwitcherComment({ children }) {
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
+}
+SwitcherRow.Label = SwitcherLabel;
+SwitcherRow.Comment = SwitcherComment;
+//# sourceMappingURL=switcher-row.js.map

package/switcher-row/switcher-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switcher-row.js","sourceRoot":"","sources":["../../src/switcher-row/switcher-row.tsx"],"names":[],"mappings":";;;;;AAgBA,kCAmDC;;AAjED,0CAAuC;AACvC,0DAAsD;AACtD,kDAA8C;AAC9C,sCAAmC;AACnC,2DAAyC;AACzC,gFAA2C;AAE3C,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,6BAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,KAAK,EACL,SAAS,GAAG,MAAM,EAClB,aAAa,GAAG,OAAO,EACvB,aAAa,EAAE,MAAM,GAAG,cAAc,GACrB;IACjB,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAA,0BAAW,EAAC,QAAQ,EAAE;QACxE,MAAM,EAAE,eAAM;QACd,QAAQ,EAAE,mBAAQ;QAClB,KAAK,EAAE,0BAAW;QAClB,KAAK,EAAE,aAAa;QACpB,OAAO,EAAE,eAAe;KACzB,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,MAAM,IAAI,QAAQ,IAAI,KAAK,CAAC;IAC1C,MAAM,MAAM,GAAG,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC;IACnC,MAAM,QAAQ,GAAG,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC;IACvC,MAAM,OAAO,GAAG,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC;IAEhC,0DAA0D;IAC1D,MAAM,WAAW,GAAG,KAAK,IAAI,CAC3B,gCAAK,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,YAAG,KAAK,GAAO,CAChF,CAAC;IAEF,OAAO,CACL,iCACE,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,cAAc,SAAS,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,SAAS,CAAC,EACjF,KAAK,EAAE,KAAK,iBACC,MAAM,aAElB,aAAa,KAAK,OAAO,IAAI,WAAW,EAEzC,mCAAO,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,EAAE,OAAO,EAAE,OAAO,aACtD,KAAK,IAAI,CACR,iCAAM,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,iBAAc,oBAAoB,YACrF,KAAK,GACD,CACR,EAEA,OAAO,IAAI,CACV,iCAAM,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,iBAAc,sBAAsB,YAC/D,OAAO,GACH,CACR,IACK,EAEP,aAAa,KAAK,KAAK,IAAI,WAAW,IACnC,CACP,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,SAAS,aAAa,CAAC,EAAE,QAAQ,EAA4B;IAC3D,OAAO,2DAAG,QAAQ,GAAI,CAAC;AACzB,CAAC;AAED;;;;GAIG;AACH,SAAS,eAAe,CAAC,EAAE,QAAQ,EAA4B;IAC7D,OAAO,2DAAG,QAAQ,GAAI,CAAC;AACzB,CAAC;AAED,WAAW,CAAC,KAAK,GAAG,aAAa,CAAC;AAClC,WAAW,CAAC,OAAO,GAAG,eAAe,CAAC"}

package/switcher-row/types.d.ts

@@ -0,0 +1,14 @@
+import type { CSSProperties, ReactNode } from 'react';
+import type { WithTestId } from '../types';
+export interface SwitcherRowProps extends WithTestId {
+    /** Содержимое. */
+    children?: ReactNode;
+    /** Направление текста. */
+    textAlign?: 'left' | 'right';
+    /** Стили корневого элемента. */
+    style?: CSSProperties;
+    /** CSS-класс корневого элемента. */
+    className?: string;
+    /** Позиция поля. */
+    fieldPosition?: 'start' | 'end';
+}

package/switcher-row/types.js

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

package/switcher-row/types.js.map

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

package/tabs/index.d.ts

@@ -1,36 +1,2 @@
-import React from 'react';
-export interface TabsProps {
-    /** Визуальный вариант вкладок. */
-    view?: 'clean' | 'clean-underline' | 'round';
-    /** Необходимо ли растягивать вкладки под размер контейнера. */
-    stretch?: boolean;
-    /** Размер отступа между вкладками. */
-    gapSize?: 's' | 'm';
-    /** Внешние классы. */
-    className?: string;
-    /** Вкладки. */
-    children?: React.ReactNode;
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string;
-}
-export interface TabsItemProps {
-    /** Название вкладки. */
-    name: string;
-    /** Выбрана ли вкладка. */
-    selected?: boolean;
-    /** Отключена ли вкладка. */
-    disabled?: boolean;
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string;
-    /** Обработчик клика. */
-    onClick?: React.MouseEventHandler<HTMLLIElement>;
-}
-/**
- * Компонент строки вкладок.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare const Tabs: {
-    ({ children, view, stretch, gapSize, className, "data-testid": testId, }: TabsProps): JSX.Element;
-    Item: ({ name, selected, disabled, "data-testid": testId, onClick, }: TabsItemProps) => JSX.Element;
-};
+export type { TabsStyle, TabsProps, TabProps } from './types';
+export { Tabs, Tab } from './tabs';

package/tabs/index.js

@@ -1,47 +1,7 @@
 "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.Tabs = void 0;
-const react_1 = __importStar(require("react"));
-const bind_1 = __importDefault(require("classnames/bind"));
-const tabs_module_scss_1 = __importDefault(require("./tabs.module.scss"));
-const cx = bind_1.default.bind(tabs_module_scss_1.default);
-/**
- * Вкладка.
- * @param props Свойства.
- * @return Элемент.
- */
-const Tab = ({ name, selected, disabled, 'data-testid': testId = 'tab', onClick, }) => (react_1.default.createElement("li", { className: cx('item', { selected, disabled }), "data-testid": testId, onClick: disabled ? undefined : onClick }, String(name)));
-/**
- * Компонент строки вкладок.
- * @param props Свойства.
- * @return Элемент.
- */
-const Tabs = ({ children, view = 'clean', stretch = false, gapSize = 'm', className, 'data-testid': testId = 'tabs', }) => (react_1.default.createElement("ul", { "data-testid": testId, className: cx('root', `view-${view}`, `gap-${gapSize}`, { stretch }, className) }, react_1.Children.toArray(children).filter(child => (0, react_1.isValidElement)(child) && child.type === Tab)));
-exports.Tabs = Tabs;
-exports.Tabs.Item = Tab;
+exports.Tab = exports.Tabs = void 0;
+var tabs_1 = require("./tabs");
+Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return tabs_1.Tabs; } });
+Object.defineProperty(exports, "Tab", { enumerable: true, get: function () { return tabs_1.Tab; } });
+//# sourceMappingURL=index.js.map

package/tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tabs/index.ts"],"names":[],"mappings":";;;AACA,+BAAmC;AAA1B,4FAAA,IAAI,OAAA;AAAE,2FAAA,GAAG,OAAA"}

package/tabs/tabs.d.ts

@@ -0,0 +1,16 @@
+import type { TabProps, TabsProps } from './types';
+/**
+ * Вкладка.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function Tab({ name, selected, disabled, onClick, children, className, style, 'data-testid': testId, }: TabProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Блок списка вкладок.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function Tabs({ children, view, stretch, gapSize, className, style, 'data-testid': testId, }: TabsProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Tabs {
+    var Item: typeof Tab;
+}

package/tabs/tabs.js

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tab = Tab;
+exports.Tabs = Tabs;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const bind_1 = __importDefault(require("classnames/bind"));
+const tabs_m_scss_1 = __importDefault(require("./tabs.m.scss"));
+const cx = bind_1.default.bind(tabs_m_scss_1.default);
+/**
+ * Вкладка.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function Tab({ name, selected, disabled, onClick, children, className, style, 'data-testid': testId = 'tab', }) {
+    return ((0, jsx_runtime_1.jsx)("li", { className: cx('item', { selected, disabled }, className), style: style, onClick: disabled ? undefined : onClick, "data-testid": testId, children: typeof name !== 'undefined' ? String(name) : children }));
+}
+/**
+ * Блок списка вкладок.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function Tabs({ children, view = 'clean', stretch = false, gapSize = 'm', className, style, 'data-testid': testId = 'tabs', }) {
+    const rootClassName = cx('root', `view-${view}`, gapSize && gapSize !== 'unset' && `gap-${gapSize}`, { stretch }, className);
+    return ((0, jsx_runtime_1.jsx)("ul", { "data-testid": testId, className: rootClassName, style: style, children: children }));
+}
+Tabs.Item = Tab;
+//# sourceMappingURL=tabs.js.map

package/tabs/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/tabs/tabs.tsx"],"names":[],"mappings":";;;;;AAWA,kBAoBC;AAOD,oBAsBC;;AA3DD,2DAAyC;AACzC,gEAAmC;AAEnC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,qBAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,GAAG,CAAC,EAClB,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,GAAG,KAAK,GACpB;IACT,OAAO,CACL,+BACE,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,SAAS,CAAC,EACxD,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,iBAC1B,MAAM,YAElB,OAAO,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,GACnD,CACN,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,SAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,IAAI,GAAG,OAAO,EACd,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,GAAG,EACb,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,GAAG,MAAM,GACpB;IACV,MAAM,aAAa,GAAG,EAAE,CACtB,MAAM,EACN,QAAQ,IAAI,EAAE,EACd,OAAO,IAAI,OAAO,KAAK,OAAO,IAAI,OAAO,OAAO,EAAE,EAClD,EAAE,OAAO,EAAE,EACX,SAAS,CACV,CAAC;IAEF,OAAO,CACL,8CAAiB,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,YAC5D,QAAQ,GACN,CACN,CAAC;AACJ,CAAC;AAED,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC"}

package/tabs/{tabs.module.scss → tabs.m.scss}

@@ -1,5 +1,6 @@
 @use '../colors';
 
+// @todo убрать вложенность по максимуму
 .root {
   list-style-type: none;
   user-select: none;

package/tabs/types.d.ts

@@ -0,0 +1,35 @@
+import type { CSSProperties, MouseEventHandler, ReactNode } from 'react';
+import type { WithTestId } from '../types';
+export interface TabProps extends WithTestId {
+    /** Название вкладки. */
+    name?: string;
+    /** Выбрана ли вкладка. */
+    selected?: boolean;
+    /** Отключена ли вкладка. */
+    disabled?: boolean;
+    /** Обработчик клика. */
+    onClick?: MouseEventHandler<HTMLLIElement>;
+    /** Содержимое. */
+    children?: ReactNode;
+    /** Класс корневого элемента. */
+    className?: string;
+    /** Стили. */
+    style?: CSSProperties;
+}
+export interface TabsStyle extends CSSProperties {
+    '--tabs-gap'?: string;
+}
+export interface TabsProps extends WithTestId {
+    /** Визуальный вариант вкладок. */
+    view?: 'clean' | 'clean-underline' | 'round';
+    /** Необходимо ли растягивать вкладки под размер контейнера. */
+    stretch?: boolean;
+    /** Размер отступа между вкладками. */
+    gapSize?: 's' | 'm' | 'unset';
+    /** Класс корневого элемента. */
+    className?: string;
+    /** Стили. */
+    style?: TabsStyle;
+    /** Вкладки. */
+    children?: ReactNode;
+}

package/tabs/types.js

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

package/tabs/types.js.map

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

package/test-utils/dom-rect-read-only-mock.d.ts

@@ -0,0 +1,23 @@
+/** */
+export declare class DOMRectReadOnlyMock implements DOMRectReadOnly {
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/bottom). */
+    readonly bottom: number;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/height). */
+    readonly height: number;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/left). */
+    readonly left: number;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/right). */
+    readonly right: number;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/top). */
+    readonly top: number;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/width). */
+    readonly width: number;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/x). */
+    readonly x: number;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/y). */
+    readonly y: number;
+    /** @inheritdoc */
+    constructor(x?: number | undefined, y?: number | undefined, width?: number | undefined, height?: number | undefined);
+    /** @inheritdoc */
+    toJSON(): any;
+}