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

package/dist/styling/shapes.js

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MediumRounds = exports.SmallRounds = void 0;
+const shapes_m_scss_1 = __importDefault(require("./shapes.m.scss"));
+/** @deprecated */
+exports.SmallRounds = {
+    all: shapes_m_scss_1.default['rounds-sm__all'],
+    top: shapes_m_scss_1.default['rounds-sm__t'],
+    right: shapes_m_scss_1.default['rounds-sm__r'],
+    bottom: shapes_m_scss_1.default['rounds-sm__b'],
+    left: shapes_m_scss_1.default['rounds-sm__l'],
+    topLeft: shapes_m_scss_1.default['rounds-sm__t-l'],
+    topRight: shapes_m_scss_1.default['rounds-sm__t-r'],
+    bottomLeft: shapes_m_scss_1.default['rounds-sm__b-l'],
+    bottomRight: shapes_m_scss_1.default['rounds-sm__b-r'],
+};
+/** @deprecated */
+exports.MediumRounds = {
+    all: shapes_m_scss_1.default['rounds-md__all'],
+    top: shapes_m_scss_1.default['rounds-md__t'],
+    right: shapes_m_scss_1.default['rounds-md__r'],
+    bottom: shapes_m_scss_1.default['rounds-md__b'],
+    left: shapes_m_scss_1.default['rounds-md__l'],
+    topLeft: shapes_m_scss_1.default['rounds-md__t-l'],
+    topRight: shapes_m_scss_1.default['rounds-md__t-r'],
+    bottomLeft: shapes_m_scss_1.default['rounds-md__b-l'],
+    bottomRight: shapes_m_scss_1.default['rounds-md__b-r'],
+};
+//# sourceMappingURL=shapes.js.map

package/dist/styling/shapes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shapes.js","sourceRoot":"","sources":["../../src/styling/shapes.ts"],"names":[],"mappings":";;;;;;AAAA,oEAAsC;AAEtC,kBAAkB;AACL,QAAA,WAAW,GAAG;IACzB,GAAG,EAAE,uBAAO,CAAC,gBAAgB,CAAC;IAE9B,GAAG,EAAE,uBAAO,CAAC,cAAc,CAAC;IAC5B,KAAK,EAAE,uBAAO,CAAC,cAAc,CAAC;IAC9B,MAAM,EAAE,uBAAO,CAAC,cAAc,CAAC;IAC/B,IAAI,EAAE,uBAAO,CAAC,cAAc,CAAC;IAE7B,OAAO,EAAE,uBAAO,CAAC,gBAAgB,CAAC;IAClC,QAAQ,EAAE,uBAAO,CAAC,gBAAgB,CAAC;IACnC,UAAU,EAAE,uBAAO,CAAC,gBAAgB,CAAC;IACrC,WAAW,EAAE,uBAAO,CAAC,gBAAgB,CAAC;CACvC,CAAC;AAEF,kBAAkB;AACL,QAAA,YAAY,GAAG;IAC1B,GAAG,EAAE,uBAAO,CAAC,gBAAgB,CAAC;IAE9B,GAAG,EAAE,uBAAO,CAAC,cAAc,CAAC;IAC5B,KAAK,EAAE,uBAAO,CAAC,cAAc,CAAC;IAC9B,MAAM,EAAE,uBAAO,CAAC,cAAc,CAAC;IAC/B,IAAI,EAAE,uBAAO,CAAC,cAAc,CAAC;IAE7B,OAAO,EAAE,uBAAO,CAAC,gBAAgB,CAAC;IAClC,QAAQ,EAAE,uBAAO,CAAC,gBAAgB,CAAC;IACnC,UAAU,EAAE,uBAAO,CAAC,gBAAgB,CAAC;IACrC,WAAW,EAAE,uBAAO,CAAC,gBAAgB,CAAC;CACvC,CAAC"}

package/dist/styling/sizes.js

@@ -0,0 +1,41 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": 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_m_scss_1 = __importDefault(require("./sizes.m.scss"));
+/**
+ * Проверяет, является ли значение шагом дизайн-системы для внешних отступов.
+ * @deprecated
+ * @param value Значение.
+ * @return Результат.
+ */
+const isMargin = (value) => Number.isInteger(value) && value >= -8 && value <= 32;
+exports.isMargin = isMargin;
+/**
+ * Проверяет, является ли значение шагом дизайн-системы для внутренних отступов.
+ * @deprecated
+ * @param value Значение.
+ * @return Результат.
+ */
+const isPadding = (value) => Number.isInteger(value) && value >= 0 && value <= 32;
+exports.isPadding = isPadding;
+/** @deprecated */
+exports.marginTop = (0, utils_1.ClassGetter)(sizes_m_scss_1.default, exports.isMargin, 'M-t__');
+/** @deprecated */
+exports.marginRight = (0, utils_1.ClassGetter)(sizes_m_scss_1.default, exports.isMargin, 'M-r__');
+/** @deprecated */
+exports.marginBottom = (0, utils_1.ClassGetter)(sizes_m_scss_1.default, exports.isMargin, 'M-b__');
+/** @deprecated */
+exports.marginLeft = (0, utils_1.ClassGetter)(sizes_m_scss_1.default, exports.isMargin, 'M-l__');
+/** @deprecated */
+exports.paddingTop = (0, utils_1.ClassGetter)(sizes_m_scss_1.default, exports.isPadding, 'P-t__');
+/** @deprecated */
+exports.paddingRight = (0, utils_1.ClassGetter)(sizes_m_scss_1.default, exports.isPadding, 'P-r__');
+/** @deprecated */
+exports.paddingBottom = (0, utils_1.ClassGetter)(sizes_m_scss_1.default, exports.isPadding, 'P-b__');
+/** @deprecated */
+exports.paddingLeft = (0, utils_1.ClassGetter)(sizes_m_scss_1.default, exports.isPadding, 'P-l__');
+//# sourceMappingURL=sizes.js.map

package/dist/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/dist/styling/utils.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Фабрика геттеров CSS-классов.
+ * @param classes Классы из CSS-модуля.
+ * @param isValidKey Функция проверки ключа для класса.
+ * @param [prefix] Префикс имени класса.
+ * @return Геттер CSS-класса.
+ * @deprecated
+ */
+export declare const ClassGetter: <T = string | number>(classes: Record<string, string>, isValidKey: (s: T) => boolean, prefix?: string) => (value: T) => string | undefined;

package/dist/styling/utils.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ClassGetter = void 0;
+const bind_1 = __importDefault(require("classnames/bind"));
+/**
+ * Фабрика геттеров CSS-классов.
+ * @param classes Классы из CSS-модуля.
+ * @param isValidKey Функция проверки ключа для класса.
+ * @param [prefix] Префикс имени класса.
+ * @return Геттер CSS-класса.
+ * @deprecated
+ */
+const ClassGetter = (classes, isValidKey, prefix = '') => {
+    const cx = bind_1.default.bind(classes);
+    return (value) => (isValidKey(value) ? cx(`${prefix}${value}`) : undefined);
+};
+exports.ClassGetter = ClassGetter;
+//# sourceMappingURL=utils.js.map

package/dist/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/dist/super-ellipse-clip-path/index.d.ts

@@ -0,0 +1,2 @@
+export type { SuperEllipseClipPathProps } from './types';
+export { SuperEllipseClipPath } from './super-ellipse-clip-path';

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SuperEllipseClipPath = void 0;
+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/dist/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/dist/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/dist/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/dist/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/dist/super-ellipse-clip-path/types.d.ts

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

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

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

package/dist/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/dist/switcher-row/index.d.ts

@@ -0,0 +1,2 @@
+export type { SwitcherRowProps } from './types';
+export { SwitcherRow } from './switcher-row';

package/dist/switcher-row/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SwitcherRow = void 0;
+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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/switcher-row/types.js

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

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

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

package/dist/tabs/index.d.ts

@@ -0,0 +1,2 @@
+export type { TabsStyle, TabsProps, TabProps } from './types';
+export { Tabs, Tab } from './tabs';

package/dist/tabs/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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/dist/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/dist/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/dist/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/dist/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/dist/tabs/tabs.m.scss

@@ -0,0 +1,100 @@
+@use '../colors';
+
+// @todo убрать вложенность по максимуму
+.root {
+  list-style-type: none;
+  user-select: none;
+  display: flex;
+  margin: 0;
+  padding: 0;
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 24px;
+  li {
+    display: block;
+    margin: 0;
+    &::before {
+      content: none;
+    }
+  }
+  &.stretch {
+    justify-items: stretch;
+    .item {
+      width: 100%;
+    }
+  }
+  &.view-clean,
+  &.view-clean-underline {
+    height: 32px;
+    .item {
+      color: colors.$basic-gray38;
+      &.selected {
+        position: relative;
+        color: colors.$basic-gray87;
+        &::before {
+          content: '';
+          position: absolute;
+          height: 2px;
+          margin: 0 -1px;
+          left: 0;
+          right: 0;
+          bottom: 0;
+          background-color: colors.$basic-blue;
+          border-top-left-radius: 4px;
+          border-top-right-radius: 4px;
+        }
+      }
+      &.disabled {
+        color: colors.$basic-gray12;
+      }
+      &:not(.selected):not(.disabled):hover {
+        cursor: pointer;
+        color: colors.$basic-gray54;
+      }
+    }
+  }
+  &.view-clean-underline {
+    height: 40px;
+    position: relative;
+    &::before {
+      position: absolute;
+      bottom: 0;
+      content: '';
+      height: 1px;
+      width: 100%;
+      background-color: colors.$basic-gray12;
+    }
+  }
+  &.view-round {
+    height: 40px;
+    .item {
+      color: colors.$basic-gray87;
+      padding: 8px 16px;
+      border-radius: 4px;
+      background-color: colors.$basic-gray4;
+      &.selected {
+        background-color: colors.$basic-blue;
+        color: colors.$basic-white;
+      }
+      &.disabled {
+        color: colors.$basic-gray24;
+      }
+      &:not(.selected):not(.disabled):hover {
+        cursor: pointer;
+        background-color: colors.$basic-gray8;
+      }
+    }
+  }
+  &.gap-m {
+    --tabs-gap: 24px;
+  }
+  &.gap-s {
+    --tabs-gap: 16px;
+  }
+  .item {
+    text-align: center;
+    &:not(:last-child) {
+      margin-right: var(--tabs-gap);
+    }
+  }
+}

package/dist/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/dist/tabs/types.js

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

package/dist/tabs/types.js.map

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

package/dist/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;
+}

package/dist/test-utils/dom-rect-read-only-mock.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DOMRectReadOnlyMock = void 0;
+/** */
+class DOMRectReadOnlyMock {
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/bottom). */
+    bottom;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/height). */
+    height;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/left). */
+    left;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/right). */
+    right;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/top). */
+    top;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/width). */
+    width;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/x). */
+    x;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/y). */
+    y;
+    /** @inheritdoc */
+    constructor(x = 0, y = 0, width = 0, height = 0) {
+        this.x = x;
+        this.y = y;
+        this.width = width;
+        this.height = height;
+        this.top = y;
+        this.left = x;
+        this.bottom = y + height;
+        this.right = x + width;
+        Object.freeze(this);
+    }
+    /** @inheritdoc */
+    toJSON() {
+        return {
+            x: this.x,
+            y: this.y,
+            width: this.width,
+            height: this.height,
+            top: this.top,
+            left: this.left,
+            bottom: this.bottom,
+            right: this.right,
+        };
+    }
+}
+exports.DOMRectReadOnlyMock = DOMRectReadOnlyMock;
+//# sourceMappingURL=dom-rect-read-only-mock.js.map

package/dist/test-utils/dom-rect-read-only-mock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom-rect-read-only-mock.js","sourceRoot":"","sources":["../../src/test-utils/dom-rect-read-only-mock.ts"],"names":[],"mappings":";;;AAAA,MAAM;AACN,MAAa,mBAAmB;IAC9B,0FAA0F;IACjF,MAAM,CAAS;IAExB,0FAA0F;IACjF,MAAM,CAAS;IAExB,wFAAwF;IAC/E,IAAI,CAAS;IAEtB,yFAAyF;IAChF,KAAK,CAAS;IAEvB,uFAAuF;IAC9E,GAAG,CAAS;IAErB,yFAAyF;IAChF,KAAK,CAAS;IAEvB,qFAAqF;IAC5E,CAAC,CAAS;IAEnB,qFAAqF;IAC5E,CAAC,CAAS;IAEnB,kBAAkB;IAClB,YACE,IAAwB,CAAC,EACzB,IAAwB,CAAC,EACzB,QAA4B,CAAC,EAC7B,SAA6B,CAAC;QAE9B,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;QACX,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;QACX,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC;QACb,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;QACd,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,MAAM,CAAC;QACzB,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC;QACvB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IAED,kBAAkB;IAClB,MAAM;QACJ,OAAO;YACL,CAAC,EAAE,IAAI,CAAC,CAAC;YACT,CAAC,EAAE,IAAI,CAAC,CAAC;YACT,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,KAAK,EAAE,IAAI,CAAC,KAAK;SAClB,CAAC;IACJ,CAAC;CACF;AAxDD,kDAwDC"}

package/dist/test-utils/index.d.ts

@@ -0,0 +1,4 @@
+export { DOMRectReadOnlyMock } from './dom-rect-read-only-mock';
+export { IntersectionObserverMock } from './intersection-observer-mock';
+export { MatchMediaMock } from './match-media-mock';
+export { ResizeObserverMock } from './resize-observer-mock';

package/dist/test-utils/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResizeObserverMock = exports.MatchMediaMock = exports.IntersectionObserverMock = exports.DOMRectReadOnlyMock = void 0;
+var dom_rect_read_only_mock_1 = require("./dom-rect-read-only-mock");
+Object.defineProperty(exports, "DOMRectReadOnlyMock", { enumerable: true, get: function () { return dom_rect_read_only_mock_1.DOMRectReadOnlyMock; } });
+var intersection_observer_mock_1 = require("./intersection-observer-mock");
+Object.defineProperty(exports, "IntersectionObserverMock", { enumerable: true, get: function () { return intersection_observer_mock_1.IntersectionObserverMock; } });
+var match_media_mock_1 = require("./match-media-mock");
+Object.defineProperty(exports, "MatchMediaMock", { enumerable: true, get: function () { return match_media_mock_1.MatchMediaMock; } });
+var resize_observer_mock_1 = require("./resize-observer-mock");
+Object.defineProperty(exports, "ResizeObserverMock", { enumerable: true, get: function () { return resize_observer_mock_1.ResizeObserverMock; } });
+//# sourceMappingURL=index.js.map

package/dist/test-utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/test-utils/index.ts"],"names":[],"mappings":";;;AAAA,qEAAgE;AAAvD,8HAAA,mBAAmB,OAAA;AAC5B,2EAAwE;AAA/D,sIAAA,wBAAwB,OAAA;AACjC,uDAAoD;AAA3C,kHAAA,cAAc,OAAA;AACvB,+DAA4D;AAAnD,0HAAA,kBAAkB,OAAA"}