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

package/avatar/avatar.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { AvatarProps } from '.';
+/**
+ * Компонент аватара.
+ * @param props Свойства компонента.
+ * @return Элемент.
+ */
+export declare function Avatar({ src, className, style, children, 'data-testid': testId, }: AvatarProps): JSX.Element;

package/avatar/avatar.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Avatar = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const bind_1 = __importDefault(require("classnames/bind"));
+const avatar_module_scss_1 = __importDefault(require("./avatar.module.scss"));
+const cx = bind_1.default.bind(avatar_module_scss_1.default);
+/**
+ * Компонент аватара.
+ * @param props Свойства компонента.
+ * @return Элемент.
+ */
+function Avatar({ src, className, style, children, 'data-testid': testId = 'avatar', }) {
+    const [needImage, toggleNeedImage] = (0, react_1.useState)(() => Boolean(src));
+    (0, react_1.useEffect)(() => {
+        toggleNeedImage(Boolean(src));
+    }, [src]);
+    const rootClassName = cx('root', needImage && 'image-overlay', className);
+    return ((0, jsx_runtime_1.jsxs)("span", { className: rootClassName, style: style, "data-testid": testId, children: [needImage && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("img", { src: src, alt: '', className: cx('layer', 'image'), onError: () => toggleNeedImage(false) }) })), !needImage && (0, jsx_runtime_1.jsx)("span", { className: cx('content'), children: children })] }));
+}
+exports.Avatar = Avatar;
+//# sourceMappingURL=avatar.js.map

package/avatar/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../src/avatar/avatar.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAA4C;AAC5C,2DAAyC;AACzC,8EAA0C;AAG1C,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,4BAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,MAAM,CAAC,EACrB,GAAG,EACH,SAAS,EACT,KAAK,EACL,QAAQ,EACR,aAAa,EAAE,MAAM,GAAG,QAAQ,GACpB;IACZ,MAAM,CAAC,SAAS,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;IAElE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,eAAe,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;IAChC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,MAAM,aAAa,GAAG,EAAE,CAAC,MAAM,EAAE,SAAS,IAAI,eAAe,EAAE,SAAS,CAAC,CAAC;IAE1E,OAAO,CACL,kCAAM,SAAS,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,iBAAe,MAAM,aAE9D,SAAS,IAAI,CACZ,2DACE,gCACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAC,EAAE,EACN,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,GACrC,GACD,CACJ,EAGA,CAAC,SAAS,IAAI,iCAAM,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,YAAG,QAAQ,GAAQ,IAC3D,CACR,CAAC;AACJ,CAAC;AAjCD,wBAiCC"}

package/avatar/avatar.module.scss

@@ -1,16 +1,4 @@
-@use 'sass:map';
-
-$sizes: 40, 48, 56, 64, 72, 80, 104;
-
-$textSizes: (
-  40: 12,
-  48: 16,
-  56: 16,
-  64: 16,
-  72: 16,
-  80: 16,
-  104: 24,
-);
+@use '../colors';
 
 @mixin layer {
   position: absolute;
@@ -29,49 +17,38 @@ $textSizes: (
   flex-shrink: 0;
   border-radius: 50%;
   overflow: hidden;
+  width: var(--avatar-size, 72px);
+  height: var(--avatar-size, 72px);
+  color: var(--avatar-text-color, #{colors.$basic-gray87});
   &::before {
     @include layer;
     content: '';
     display: block;
-    background: var(--avatar-color, none);
+    background: var(--avatar-color, #{colors.$basic-gray4});
     opacity: var(--avatar-color-opacity, 1);
   }
-}
-
-@each $size in $sizes {
-  .size-#{$size} {
-    width: #{$size}px;
-    height: #{$size}px;
-    .monogram {
-      font-size: #{map.get($textSizes, $size)}px;
-    }
+  &.image-overlay::after {
+    @include layer;
+    content: '';
+    pointer-events: none;
+    background: #000;
+    opacity: 0.04;
   }
 }
 
-.monogram {
+.content {
+  font-size: calc(var(--avatar-size, 72px) / 3);
   position: relative;
-  padding: 0 8px;
   font-weight: 600;
   white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
 
   // ВАЖНО: чтобы например обертка в виде ссылки не накидывала text-decoration: underline
   text-decoration: none;
 }
 
-.icon {
-  position: relative;
-  fill: currentColor;
-}
-
 .layer {
   @include layer;
   &.image {
     object-fit: cover;
   }
-  &.image-overlay {
-    background: #000;
-    opacity: 0.04;
-  }
 }

package/avatar/index.d.ts

@@ -1,30 +1,3 @@
-import { CSSProperties } from 'react';
-import { Token } from '../colors';
-export interface AvatarProps {
-    /** Цвет аватара без картинки. */
-    bgColor?: Token;
-    /** Цвет аватара без картинки. */
-    bgOpacity?: number;
-    /** Класс. */
-    className?: string;
-    /** Ссылка на картинку. */
-    imageUrl?: string;
-    /** Монограмма без картинки. */
-    monogram?: string;
-    /** Размер аватара. */
-    size?: number;
-    /** Стиль элементов rect/image, формирующего маску "super ellipse". */
-    style?: CSSProperties;
-    /** Цвет текста без картинки. */
-    textColor?: Token;
-    /** Текст без картинки. */
-    title?: string;
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string;
-}
-/**
- * Компонент аватара.
- * @param props Свойства компонента.
- * @return Элемент.
- */
-export declare function Avatar({ size: sizeProp, imageUrl, bgColor, bgOpacity, textColor, title, monogram, className, style, 'data-testid': testId, }: AvatarProps): JSX.Element;
+export type { AvatarProps, AvatarStyle } from './types';
+export { Avatar } from './avatar';
+export { getNameInitials, getAvatarIconProps, getUserAvatarProps, getUserAvatarColor, } from './utils';

package/avatar/index.js

@@ -1,44 +1,11 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Avatar = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const colors_1 = require("../colors");
-const utils_1 = require("./utils");
-const colors_2 = require("../styling/colors");
-const Person_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/Person"));
-const bind_1 = __importDefault(require("classnames/bind"));
-const avatar_module_scss_1 = __importDefault(require("./avatar.module.scss"));
-const SIZES = [40, 48, 56, 64, 72, 80, 104];
-const ICON_SIZES = {
-    40: 16,
-    48: 24,
-    56: 24,
-    64: 24,
-    72: 24,
-    80: 24,
-    104: 24,
-};
-const cx = bind_1.default.bind(avatar_module_scss_1.default);
-/**
- * Компонент аватара.
- * @param props Свойства компонента.
- * @return Элемент.
- */
-function Avatar({ size: sizeProp = 72, imageUrl, bgColor = 'basic-gray4', bgOpacity = 1, textColor = 'basic-gray87', title, monogram = (0, utils_1.getMonogram)(title), className, style, 'data-testid': testId = 'avatar', }) {
-    const [needImage, toggleImage] = (0, react_1.useState)(() => Boolean(imageUrl));
-    (0, react_1.useEffect)(() => {
-        toggleImage(Boolean(imageUrl));
-    }, [imageUrl]);
-    const size = SIZES.includes(sizeProp) ? sizeProp : 72;
-    return ((0, jsx_runtime_1.jsxs)("div", { "data-testid": testId, className: cx('root', `size-${size}`, (0, colors_2.color)(textColor), className), style: {
-            ...style,
-            '--avatar-color': !needImage ? colors_1.COLORS.get(bgColor) : undefined,
-            '--avatar-color-opacity': bgOpacity,
-        }, children: [!needImage && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: monogram ? ((0, jsx_runtime_1.jsx)("span", { className: cx('monogram'), children: monogram.slice(0, 2).toUpperCase() })) : ((0, jsx_runtime_1.jsx)(Person_1.default, { fill: colors_1.COLORS.get(textColor), width: ICON_SIZES[size], height: ICON_SIZES[size], className: cx('icon') })) })), needImage && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("img", { src: imageUrl, alt: '', className: cx('layer', 'image'), onError: () => toggleImage(false) }), (0, jsx_runtime_1.jsx)("div", { className: cx('layer', 'image-overlay') })] }))] }));
-}
-exports.Avatar = Avatar;
+exports.getUserAvatarColor = exports.getUserAvatarProps = exports.getAvatarIconProps = exports.getNameInitials = exports.Avatar = void 0;
+var avatar_1 = require("./avatar");
+Object.defineProperty(exports, "Avatar", { enumerable: true, get: function () { return avatar_1.Avatar; } });
+var utils_1 = require("./utils");
+Object.defineProperty(exports, "getNameInitials", { enumerable: true, get: function () { return utils_1.getNameInitials; } });
+Object.defineProperty(exports, "getAvatarIconProps", { enumerable: true, get: function () { return utils_1.getAvatarIconProps; } });
+Object.defineProperty(exports, "getUserAvatarProps", { enumerable: true, get: function () { return utils_1.getUserAvatarProps; } });
+Object.defineProperty(exports, "getUserAvatarColor", { enumerable: true, get: function () { return utils_1.getUserAvatarColor; } });
 //# sourceMappingURL=index.js.map

package/avatar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/avatar/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAA2D;AAC3D,sCAA0C;AAC1C,mCAAsC;AACtC,8CAAwD;AACxD,6FAAwE;AACxE,2DAAyC;AACzC,8EAA0C;AAoC1C,MAAM,KAAK,GAA0B,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;AAEnE,MAAM,UAAU,GAAmC;IACjD,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,GAAG,EAAE,EAAE;CACR,CAAC;AAEF,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,4BAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,MAAM,CAAC,EACrB,IAAI,EAAE,QAAQ,GAAG,EAAE,EACnB,QAAQ,EACR,OAAO,GAAG,aAAa,EACvB,SAAS,GAAG,CAAC,EACb,SAAS,GAAG,cAAc,EAC1B,KAAK,EACL,QAAQ,GAAG,IAAA,mBAAW,EAAC,KAAK,CAAC,EAC7B,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,GAAG,QAAQ,GACpB;IACZ,MAAM,CAAC,SAAS,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEnE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,IAAI,GAAS,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAE,QAAiB,CAAC,CAAC,CAAC,EAAE,CAAC;IAEtE,OAAO,CACL,gDACe,MAAM,EACnB,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,QAAQ,IAAI,EAAE,EAAE,IAAA,cAAU,EAAC,SAAS,CAAC,EAAE,SAAS,CAAC,EACvE,KAAK,EACH;YACE,GAAG,KAAK;YACR,gBAAgB,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,eAAM,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS;YAC9D,wBAAwB,EAAE,SAAS;SACnB,aAInB,CAAC,SAAS,IAAI,CACb,2DACG,QAAQ,CAAC,CAAC,CAAC,CACV,iCAAM,SAAS,EAAE,EAAE,CAAC,UAAU,CAAC,YAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,GAAQ,CAC7E,CAAC,CAAC,CAAC,CACF,uBAAC,gBAAS,IACR,IAAI,EAAE,eAAM,CAAC,GAAG,CAAC,SAAS,CAAC,EAC3B,KAAK,EAAE,UAAU,CAAC,IAAI,CAAC,EACvB,MAAM,EAAE,UAAU,CAAC,IAAI,CAAC,EACxB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,GACrB,CACH,GACA,CACJ,EAGA,SAAS,IAAI,CACZ,6DACE,gCACE,GAAG,EAAE,QAAQ,EACb,GAAG,EAAC,EAAE,EACN,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,GACjC,EACF,gCAAK,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC,GAAI,IAC/C,CACJ,IACG,CACP,CAAC;AACJ,CAAC;AA9DD,wBA8DC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/avatar/index.ts"],"names":[],"mappings":";;;AACA,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AACf,iCAKiB;AAJf,wGAAA,eAAe,OAAA;AACf,2GAAA,kBAAkB,OAAA;AAClB,2GAAA,kBAAkB,OAAA;AAClB,2GAAA,kBAAkB,OAAA"}

package/avatar/types.d.ts

@@ -0,0 +1,18 @@
+import type { CSSProperties, ReactNode } from 'react';
+import type { WithTestId } from '../types';
+export interface AvatarStyle extends CSSProperties {
+    '--avatar-size'?: string;
+    '--avatar-color'?: string;
+    '--avatar-color-opacity'?: number | string;
+    '--avatar-text-color'?: string;
+}
+export interface AvatarProps extends WithTestId {
+    /** Класс. */
+    className?: string;
+    /** Изображение. */
+    src?: string;
+    /** Стили. */
+    style?: AvatarStyle;
+    /** Содержимое. */
+    children?: ReactNode;
+}

package/avatar/types.js

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

package/avatar/types.js.map

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

package/avatar/utils.d.ts

@@ -1,6 +1,30 @@
+import type { SVGAttributes } from 'react';
+import type { AvatarProps } from './types';
 /**
- * Формирует монограмму из переданной строки.
- * @param value Переданная строка.
- * @return Монограмма.
+ * Возвращает свойства для аватара пользователя.
+ * @param payload Данные пользователя.
+ * @param customProps Дополнительные свойства аватара.
+ * @return Свойства.
  */
-export declare function getMonogram(value: any): string;
+export declare function getUserAvatarProps({ id, name, image, }: {
+    id?: number;
+    name?: string;
+    image?: string;
+}, customProps?: AvatarProps): AvatarProps;
+/**
+ * Возвращает цвет аватара текущего пользователя.
+ * @param identity Срока, идентифицирующая пользователя.
+ * @return Цвет.
+ */
+export declare function getUserAvatarColor(identity: string): string;
+/**
+ * Формирует инициалы имени.
+ * @param value Строка.
+ * @return Инициалы.
+ */
+export declare function getNameInitials(value: any): string;
+/**
+ * Возвращает свойства для иконки внутри аватара.
+ * @return Свойства.
+ */
+export declare function getAvatarIconProps(): SVGAttributes<SVGSVGElement>;

package/avatar/utils.js

@@ -1,22 +1,85 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getMonogram = void 0;
+exports.getAvatarIconProps = exports.getNameInitials = exports.getUserAvatarColor = exports.getUserAvatarProps = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Person_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/Person"));
+const classnames_1 = __importDefault(require("classnames"));
+const utils_module_scss_1 = __importDefault(require("./utils.module.scss"));
+const USER_AVATAR_COLOR_TOKENS = [
+    '#eb8585',
+    '#fda09b',
+    '#f49bb1',
+    '#ffd785',
+    '#ffbb85',
+    '#89d7c7',
+    '#85e5ac',
+    '#b5ef90',
+    '#93c4ee',
+    '#85caf5',
+    '#85ddea',
+    '#b3c1c7',
+    '#dc9bd5',
+    '#b4a8f0',
+    '#c999e9',
+];
 /**
- * Формирует монограмму из переданной строки.
- * @param value Переданная строка.
- * @return Монограмма.
+ * Возвращает свойства для аватара пользователя.
+ * @param payload Данные пользователя.
+ * @param customProps Дополнительные свойства аватара.
+ * @return Свойства.
  */
-function getMonogram(value) {
+function getUserAvatarProps({ id, name, image, }, customProps) {
+    return {
+        src: image,
+        children: getNameInitials(name) || (0, jsx_runtime_1.jsx)(Person_1.default, { ...getAvatarIconProps() }),
+        ...customProps,
+        className: (0, classnames_1.default)(utils_module_scss_1.default.user, customProps === null || customProps === void 0 ? void 0 : customProps.className),
+        style: {
+            '--avatar-color': id ? getUserAvatarColor(`${id}`) : undefined,
+            ...customProps === null || customProps === void 0 ? void 0 : customProps.style,
+        },
+    };
+}
+exports.getUserAvatarProps = getUserAvatarProps;
+/**
+ * Возвращает цвет аватара текущего пользователя.
+ * @param identity Срока, идентифицирующая пользователя.
+ * @return Цвет.
+ */
+function getUserAvatarColor(identity) {
+    let total = 0;
+    for (let i = 0; i < identity.length; i++) {
+        total += identity.charCodeAt(i);
+    }
+    const list = USER_AVATAR_COLOR_TOKENS;
+    const hash = total % list.length;
+    return list[hash];
+}
+exports.getUserAvatarColor = getUserAvatarColor;
+/**
+ * Формирует инициалы имени.
+ * @param value Строка.
+ * @return Инициалы.
+ */
+function getNameInitials(value) {
+    var _a;
     if (typeof value === 'string') {
-        return value
-            .split(/\s+/g)
-            .slice(0, 2)
-            .map(s => s[0])
-            .reverse()
-            .join('')
-            .toUpperCase();
+        return ((_a = value[0]) !== null && _a !== void 0 ? _a : '').toUpperCase();
     }
     return '';
 }
-exports.getMonogram = getMonogram;
+exports.getNameInitials = getNameInitials;
+/**
+ * Возвращает свойства для иконки внутри аватара.
+ * @return Свойства.
+ */
+function getAvatarIconProps() {
+    return {
+        className: utils_module_scss_1.default.icon,
+    };
+}
+exports.getAvatarIconProps = getAvatarIconProps;
 //# sourceMappingURL=utils.js.map

package/avatar/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/avatar/utils.ts"],"names":[],"mappings":";;;AAAA;;;;GAIG;AACH,SAAgB,WAAW,CAAC,KAAU;IACpC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC7B,OAAO,KAAK;aACT,KAAK,CAAC,MAAM,CAAC;aACb,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;aACX,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;aACd,OAAO,EAAE;aACT,IAAI,CAAC,EAAE,CAAC;aACR,WAAW,EAAE,CAAC;KAClB;IAED,OAAO,EAAE,CAAC;AACZ,CAAC;AAZD,kCAYC"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/avatar/utils.tsx"],"names":[],"mappings":";;;;;;;AAEA,6FAAwE;AACxE,4DAAoC;AACpC,4EAAyC;AAEzC,MAAM,wBAAwB,GAA0B;IACtD,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;CACV,CAAC;AAEF;;;;;GAKG;AACH,SAAgB,kBAAkB,CAChC,EACE,EAAE,EACF,IAAI,EACJ,KAAK,GAKN,EACD,WAAyB;IAEzB,OAAO;QACL,GAAG,EAAE,KAAK;QACV,QAAQ,EAAE,eAAe,CAAC,IAAI,CAAC,IAAI,uBAAC,gBAAS,OAAK,kBAAkB,EAAE,GAAI;QAC1E,GAAG,WAAW;QACd,SAAS,EAAE,IAAA,oBAAU,EAAC,2BAAM,CAAC,IAAI,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,SAAS,CAAC;QAC1D,KAAK,EAAE;YACL,gBAAgB,EAAE,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS;YAC9D,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK;SACtB;KACF,CAAC;AACJ,CAAC;AAtBD,gDAsBC;AAED;;;;GAIG;AACH,SAAgB,kBAAkB,CAAC,QAAgB;IACjD,IAAI,KAAK,GAAG,CAAC,CAAC;IAEd,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACxC,KAAK,IAAI,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;KACjC;IAED,MAAM,IAAI,GAAG,wBAAwB,CAAC;IACtC,MAAM,IAAI,GAAG,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC;IAEjC,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC;AACpB,CAAC;AAXD,gDAWC;AAED;;;;GAIG;AACH,SAAgB,eAAe,CAAC,KAAU;;IACxC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC7B,OAAO,CAAC,MAAA,KAAK,CAAC,CAAC,CAAC,mCAAI,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC;KACvC;IAED,OAAO,EAAE,CAAC;AACZ,CAAC;AAND,0CAMC;AAED;;;GAGG;AACH,SAAgB,kBAAkB;IAChC,OAAO;QACL,SAAS,EAAE,2BAAM,CAAC,IAAI;KACvB,CAAC;AACJ,CAAC;AAJD,gDAIC"}

package/avatar/utils.module.scss

@@ -0,0 +1,9 @@
+.icon {
+  fill: currentColor;
+  width: calc(var(--avatar-size, 72px) / 2);
+  height: calc(var(--avatar-size, 72px) / 2);
+}
+
+.user {
+  --avatar-text-color: #fff;
+}

package/button/button-util.scss

@@ -0,0 +1,46 @@
+@use '../colors';
+
+@mixin size-xs {
+  --button-min-size: 32px;
+  --button-font-size: 14px;
+  --button-line-height: 20px;
+  --button-gutter: 12px;
+}
+
+@mixin size-s {
+  --button-min-size: 40px;
+  --button-font-size: 16px;
+  --button-line-height: 24px;
+  --button-gutter: 20px;
+}
+
+@mixin size-m {
+  --button-min-size: 48px;
+  --button-font-size: 16px;
+  --button-line-height: 24px;
+  --button-gutter: 24px;
+}
+
+@mixin color-primary {
+  --button-color: #fff;
+  --button-background: #{colors.$basic-blue};
+  --button-hover-background: #{colors.$additional-unlit-blue};
+  --button-disabled-color: #{colors.$basic-gray24};
+  --button-disabled-background: #{colors.$basic-gray8};
+}
+
+@mixin color-secondary {
+  --button-color: #{colors.$basic-gray87};
+  --button-background: #{colors.$basic-gray8};
+  --button-hover-background: #{colors.$basic-gray12};
+  --button-disabled-color: #{colors.$basic-gray24};
+  --button-disabled-background: #{colors.$basic-gray8};
+}
+
+@mixin color-success {
+  --button-color: #fff;
+  --button-background: #{colors.$additional-teal};
+  --button-hover-background: #{colors.$additional-dark-teal};
+  --button-disabled-color: #{colors.$basic-gray24};
+  --button-disabled-background: #{colors.$basic-gray8};
+}

package/button/button.module.scss

@@ -1,4 +1,5 @@
 @use '../colors';
+@use './button-util';
 
 .root {
   position: relative;
@@ -31,8 +32,8 @@
   &:disabled,
   &.disabled {
     pointer-events: none;
-    color: colors.$basic-gray24;
-    background-color: colors.$basic-gray8;
+    color: var(--button-disabled-color, var(--button-color));
+    background: var(--button-disabled-background, var(--button-background));
   }
   &.loading {
     color: transparent;
@@ -41,28 +42,24 @@
       pointer-events: 0;
     }
   }
+  &:not(:disabled):hover {
+    cursor: pointer;
+    color: var(--button-hover-color, var(--button-color));
+    background: var(--button-hover-background, var(--button-background));
+  }
 }
 
 // sizes
 .size-xs {
-  --button-min-size: 32px;
-  --button-font-size: 14px;
-  --button-line-height: 20px;
-  --button-gutter: 12px;
+  @include button-util.size-xs;
 }
 
 .size-s {
-  --button-min-size: 40px;
-  --button-font-size: 16px;
-  --button-line-height: 24px;
-  --button-gutter: 20px;
+  @include button-util.size-s;
 }
 
 .size-m {
-  --button-min-size: 48px;
-  --button-font-size: 16px;
-  --button-line-height: 24px;
-  --button-gutter: 24px;
+  @include button-util.size-m;
 }
 
 // content
@@ -82,21 +79,15 @@
 
 // view variants
 .view-primary {
-  --button-background: #{colors.$basic-blue};
-  --button-color: #fff;
-  &:hover:not(:disabled) {
-    cursor: pointer;
-    --button-background: #1b74c1;
-  }
+  @include button-util.color-primary;
 }
 
 .view-secondary {
-  --button-background: #{colors.$basic-gray8};
-  --button-color: #{colors.$basic-gray87};
-  &:hover:not(:disabled) {
-    cursor: pointer;
-    --button-background: #{colors.$basic-gray12};
-  }
+  @include button-util.color-secondary;
+}
+
+.view-success {
+  @include button-util.color-success;
 }
 
 // icons

package/button/index.d.ts

@@ -1,8 +1,16 @@
-import { AnchorHTMLAttributes, ButtonHTMLAttributes, ComponentType, HTMLAttributes, SVGAttributes } from 'react';
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, ComponentType, CSSProperties, HTMLAttributes, SVGAttributes } from 'react';
 export type ButtonSize = 'xs' | 's' | 'm';
-export type ButtonViewType = 'primary' | 'secondary';
+export type ButtonViewType = 'primary' | 'secondary' | 'success' | 'unset';
 export type ButtonAppearance = 'button' | 'link' | 'container';
 export type ButtonIconPosition = 'start' | 'end';
+export interface ButtonStyle extends CSSProperties {
+    '--button-color'?: string;
+    '--button-background'?: string;
+    '--button-hover-color'?: string;
+    '--button-hover-background'?: string;
+    '--button-disabled-color'?: string;
+    '--button-disabled-background'?: string;
+}
 interface CommonProps<T extends ButtonAppearance = ButtonAppearance> {
     /** Определяет внешний вид кнопки. */
     viewType?: ButtonViewType;
@@ -20,6 +28,8 @@ interface CommonProps<T extends ButtonAppearance = ButtonAppearance> {
     disabled?: boolean;
     /** Идентификатор для систем автоматизированного тестирования. */
     'data-testid'?: string;
+    /** Стили. */
+    style?: ButtonStyle;
 }
 type AsButtonProps = CommonProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof CommonProps> & {
     appearance?: 'button';

package/button/index.js

@@ -18,7 +18,7 @@ const cx = bind_1.default.bind(button_module_scss_1.default);
 exports.Button = (0, react_1.forwardRef)(function Button({ viewType = 'primary', icon: Icon, iconPosition = 'start', size = 'm', loading, disabled, className, children, 'data-testid': testId = 'button', ...restProps }, ref) {
     const hasIcon = Boolean(Icon);
     const hasText = Boolean(children);
-    const rootClassName = cx('root', `size-${size}`, `view-${viewType}`, loading && 'loading', disabled && 'disabled', hasIcon && !hasText && 'icon-only', hasText && hasIcon && iconPosition === 'start' && 'icon-start', hasText && hasIcon && iconPosition === 'end' && 'icon-end', className);
+    const rootClassName = cx('root', `size-${size}`, viewType !== 'unset' && `view-${viewType}`, loading && 'loading', disabled && 'disabled', hasIcon && !hasText && 'icon-only', hasText && hasIcon && iconPosition === 'start' && 'icon-start', hasText && hasIcon && iconPosition === 'end' && 'icon-end', className);
     const content = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [Icon && iconPosition === 'start' && (0, jsx_runtime_1.jsx)(Icon, { className: cx('icon') }), children, Icon && iconPosition === 'end' && (0, jsx_runtime_1.jsx)(Icon, { className: cx('icon') }), loading && ((0, jsx_runtime_1.jsx)(spinner_1.SpinnerSVG, { size: 's', color: disabled || viewType === 'secondary' ? 'basic-gray38' : 'basic-white', className: cx('spinner') }))] }));
     let result = null;
     if (restProps.appearance === 'container') {

package/button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/button/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAQe;AACf,wCAAwC;AACxC,2DAAyC;AACzC,8EAA0C;AA+C1C,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,4BAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACU,QAAA,MAAM,GAAG,IAAA,kBAAU,EAAmB,SAAS,MAAM,CAChE,EACE,QAAQ,GAAG,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,YAAY,GAAG,OAAO,EACtB,IAAI,GAAG,GAAG,EACV,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,aAAa,EAAE,MAAM,GAAG,QAAQ,EAChC,GAAG,SAAS,EACb,EACD,GAAG;IAEH,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,MAAM,OAAO,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAElC,MAAM,aAAa,GAAG,EAAE,CACtB,MAAM,EACN,QAAQ,IAAI,EAAE,EACd,QAAQ,QAAQ,EAAE,EAClB,OAAO,IAAI,SAAS,EACpB,QAAQ,IAAI,UAAU,EACtB,OAAO,IAAI,CAAC,OAAO,IAAI,WAAW,EAClC,OAAO,IAAI,OAAO,IAAI,YAAY,KAAK,OAAO,IAAI,YAAY,EAC9D,OAAO,IAAI,OAAO,IAAI,YAAY,KAAK,KAAK,IAAI,UAAU,EAC1D,SAAS,CACV,CAAC;IAEF,MAAM,OAAO,GAAG,CACd,6DAEG,IAAI,IAAI,YAAY,KAAK,OAAO,IAAI,uBAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,GAAI,EACnE,QAAQ,EACR,IAAI,IAAI,YAAY,KAAK,KAAK,IAAI,uBAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,GAAI,EAEjE,OAAO,IAAI,CACV,uBAAC,oBAAU,IACT,IAAI,EAAC,GAAG,EACR,KAAK,EAAE,QAAQ,IAAI,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,EAC5E,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,GACxB,CACH,IACA,CACJ,CAAC;IAEF,IAAI,MAAM,GAAwB,IAAI,CAAC;IAEvC,IAAI,SAAS,CAAC,UAAU,KAAK,WAAW,EAAE;QACxC,MAAM,GAAG,CACP,mCAAS,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,EAAC,QAAQ,iBAAc,MAAM,YACtF,OAAO,GACJ,CACP,CAAC;KACH;SAAM,IAAI,SAAS,CAAC,UAAU,KAAK,MAAM,EAAE;QAC1C,MAAM,GAAG,CACP,iCAAO,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,aAAa,iBAAe,MAAM,YACtE,OAAO,GACN,CACL,CAAC;KACH;SAAM;QACL,MAAM,GAAG,CACP,sCACM,SAAS,EACb,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,QAAQ,iBACL,MAAM,YAElB,OAAO,GACD,CACV,CAAC;KACH;IAED,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/button/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCASe;AACf,wCAAwC;AACxC,2DAAyC;AACzC,8EAA0C;AA4D1C,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,4BAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACU,QAAA,MAAM,GAAG,IAAA,kBAAU,EAAmB,SAAS,MAAM,CAChE,EACE,QAAQ,GAAG,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,YAAY,GAAG,OAAO,EACtB,IAAI,GAAG,GAAG,EACV,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,aAAa,EAAE,MAAM,GAAG,QAAQ,EAChC,GAAG,SAAS,EACb,EACD,GAAG;IAEH,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,MAAM,OAAO,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAElC,MAAM,aAAa,GAAG,EAAE,CACtB,MAAM,EACN,QAAQ,IAAI,EAAE,EACd,QAAQ,KAAK,OAAO,IAAI,QAAQ,QAAQ,EAAE,EAC1C,OAAO,IAAI,SAAS,EACpB,QAAQ,IAAI,UAAU,EACtB,OAAO,IAAI,CAAC,OAAO,IAAI,WAAW,EAClC,OAAO,IAAI,OAAO,IAAI,YAAY,KAAK,OAAO,IAAI,YAAY,EAC9D,OAAO,IAAI,OAAO,IAAI,YAAY,KAAK,KAAK,IAAI,UAAU,EAC1D,SAAS,CACV,CAAC;IAEF,MAAM,OAAO,GAAG,CACd,6DAEG,IAAI,IAAI,YAAY,KAAK,OAAO,IAAI,uBAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,GAAI,EACnE,QAAQ,EACR,IAAI,IAAI,YAAY,KAAK,KAAK,IAAI,uBAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,GAAI,EAEjE,OAAO,IAAI,CACV,uBAAC,oBAAU,IACT,IAAI,EAAC,GAAG,EACR,KAAK,EAAE,QAAQ,IAAI,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,EAC5E,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,GACxB,CACH,IACA,CACJ,CAAC;IAEF,IAAI,MAAM,GAAwB,IAAI,CAAC;IAEvC,IAAI,SAAS,CAAC,UAAU,KAAK,WAAW,EAAE;QACxC,MAAM,GAAG,CACP,mCAAS,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,EAAC,QAAQ,iBAAc,MAAM,YACtF,OAAO,GACJ,CACP,CAAC;KACH;SAAM,IAAI,SAAS,CAAC,UAAU,KAAK,MAAM,EAAE;QAC1C,MAAM,GAAG,CACP,iCAAO,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,aAAa,iBAAe,MAAM,YACtE,OAAO,GACN,CACL,CAAC;KACH;SAAM;QACL,MAAM,GAAG,CACP,sCACM,SAAS,EACb,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,QAAQ,iBACL,MAAM,YAElB,OAAO,GACD,CACV,CAAC;KACH;IAED,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC,CAAC"}

package/colors/index.d.ts

@@ -1,4 +1,5 @@
-declare const collection: {
+/** Цвета дизайн-системы. */
+export declare const COLOR: {
     readonly 'basic-blue': "#1f84db";
     readonly 'basic-gray87': "#212121";
     readonly 'basic-gray76': "#3a3a3b";
@@ -14,6 +15,7 @@ declare const collection: {
     readonly 'additional-deep-red': "#d50000";
     readonly 'additional-red': "#fb3a2f";
     readonly 'additional-light-red': "#feebea";
+    readonly 'additional-dark-teal': "#089176";
     readonly 'additional-teal': "#09ab8b";
     readonly 'additional-green': "#00c853";
     readonly 'additional-light-green': "#64dd17";
@@ -35,7 +37,7 @@ declare const collection: {
     readonly 'additional-blue-gray': "#607d8b";
     readonly 'additional-deep-blue': "#00599d";
     readonly 'additional-dark-blue': "#002b41";
+    readonly 'additional-unlit-blue': "#1b75c2";
 };
-export type Token = keyof typeof collection;
-export declare const COLORS: Map<"basic-blue" | "basic-gray87" | "basic-gray76" | "basic-gray66" | "basic-gray54" | "basic-gray38" | "basic-gray24" | "basic-gray12" | "basic-gray8" | "basic-gray4" | "basic-gray2" | "basic-white" | "additional-deep-red" | "additional-red" | "additional-light-red" | "additional-teal" | "additional-green" | "additional-light-green" | "additional-lime" | "additional-faded-green" | "additional-pink" | "additional-purple" | "additional-violet" | "additional-deep-purple" | "additional-electric-blue" | "additional-light-blue" | "additional-cyan" | "additional-sky" | "additional-deep-orange" | "additional-amber" | "additional-yellow" | "additional-gold" | "additional-brown" | "additional-blue-gray" | "additional-deep-blue" | "additional-dark-blue", string>;
-export {};
+export type Token = keyof typeof COLOR;
+export declare const COLORS: Map<"basic-blue" | "basic-gray87" | "basic-gray76" | "basic-gray66" | "basic-gray54" | "basic-gray38" | "basic-gray24" | "basic-gray12" | "basic-gray8" | "basic-gray4" | "basic-gray2" | "basic-white" | "additional-deep-red" | "additional-red" | "additional-light-red" | "additional-dark-teal" | "additional-teal" | "additional-green" | "additional-light-green" | "additional-lime" | "additional-faded-green" | "additional-pink" | "additional-purple" | "additional-violet" | "additional-deep-purple" | "additional-electric-blue" | "additional-light-blue" | "additional-cyan" | "additional-sky" | "additional-deep-orange" | "additional-amber" | "additional-yellow" | "additional-gold" | "additional-brown" | "additional-blue-gray" | "additional-deep-blue" | "additional-dark-blue" | "additional-unlit-blue", string>;

package/colors/index.js

@@ -1,8 +1,9 @@
 "use strict";
 // GENERATED FILE - DO NOT CHANGE IT MANUALLY
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.COLORS = void 0;
-const collection = {
+exports.COLORS = exports.COLOR = void 0;
+/** Цвета дизайн-системы. */
+exports.COLOR = {
     // basic
     'basic-blue': '#1f84db',
     'basic-gray87': '#212121',
@@ -20,6 +21,7 @@ const collection = {
     'additional-deep-red': '#d50000',
     'additional-red': '#fb3a2f',
     'additional-light-red': '#feebea',
+    'additional-dark-teal': '#089176',
     'additional-teal': '#09ab8b',
     'additional-green': '#00c853',
     'additional-light-green': '#64dd17',
@@ -41,6 +43,7 @@ const collection = {
     'additional-blue-gray': '#607d8b',
     'additional-deep-blue': '#00599d',
     'additional-dark-blue': '#002b41',
+    'additional-unlit-blue': '#1b75c2',
 };
-exports.COLORS = new Map(Object.entries(collection));
+exports.COLORS = new Map(Object.entries(exports.COLOR));
 //# sourceMappingURL=index.js.map

package/colors/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/colors/index.ts"],"names":[],"mappings":";AAAA,6CAA6C;;;AAE7C,MAAM,UAAU,GAAG;IACjB,QAAQ;IACR,YAAY,EAAE,SAAS;IACvB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,aAAa,EAAE,SAAS;IACxB,aAAa,EAAE,SAAS;IACxB,aAAa,EAAE,SAAS;IACxB,aAAa,EAAE,MAAM;IAErB,aAAa;IACb,qBAAqB,EAAE,SAAS;IAChC,gBAAgB,EAAE,SAAS;IAC3B,sBAAsB,EAAE,SAAS;IACjC,iBAAiB,EAAE,SAAS;IAC5B,kBAAkB,EAAE,SAAS;IAC7B,wBAAwB,EAAE,SAAS;IACnC,iBAAiB,EAAE,SAAS;IAC5B,wBAAwB,EAAE,SAAS;IACnC,iBAAiB,EAAE,SAAS;IAC5B,mBAAmB,EAAE,SAAS;IAC9B,mBAAmB,EAAE,SAAS;IAC9B,wBAAwB,EAAE,SAAS;IACnC,0BAA0B,EAAE,SAAS;IACrC,uBAAuB,EAAE,SAAS;IAClC,iBAAiB,EAAE,SAAS;IAC5B,gBAAgB,EAAE,SAAS;IAC3B,wBAAwB,EAAE,SAAS;IACnC,kBAAkB,EAAE,SAAS;IAC7B,mBAAmB,EAAE,SAAS;IAC9B,iBAAiB,EAAE,SAAS;IAC5B,kBAAkB,EAAE,SAAS;IAC7B,sBAAsB,EAAE,SAAS;IACjC,sBAAsB,EAAE,SAAS;IACjC,sBAAsB,EAAE,SAAS;CACzB,CAAC;AAGE,QAAA,MAAM,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAuB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/colors/index.ts"],"names":[],"mappings":";AAAA,6CAA6C;;;AAE7C,4BAA4B;AACf,QAAA,KAAK,GAAG;IACnB,QAAQ;IACR,YAAY,EAAE,SAAS;IACvB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,aAAa,EAAE,SAAS;IACxB,aAAa,EAAE,SAAS;IACxB,aAAa,EAAE,SAAS;IACxB,aAAa,EAAE,MAAM;IAErB,aAAa;IACb,qBAAqB,EAAE,SAAS;IAChC,gBAAgB,EAAE,SAAS;IAC3B,sBAAsB,EAAE,SAAS;IACjC,sBAAsB,EAAE,SAAS;IACjC,iBAAiB,EAAE,SAAS;IAC5B,kBAAkB,EAAE,SAAS;IAC7B,wBAAwB,EAAE,SAAS;IACnC,iBAAiB,EAAE,SAAS;IAC5B,wBAAwB,EAAE,SAAS;IACnC,iBAAiB,EAAE,SAAS;IAC5B,mBAAmB,EAAE,SAAS;IAC9B,mBAAmB,EAAE,SAAS;IAC9B,wBAAwB,EAAE,SAAS;IACnC,0BAA0B,EAAE,SAAS;IACrC,uBAAuB,EAAE,SAAS;IAClC,iBAAiB,EAAE,SAAS;IAC5B,gBAAgB,EAAE,SAAS;IAC3B,wBAAwB,EAAE,SAAS;IACnC,kBAAkB,EAAE,SAAS;IAC7B,mBAAmB,EAAE,SAAS;IAC9B,iBAAiB,EAAE,SAAS;IAC5B,kBAAkB,EAAE,SAAS;IAC7B,sBAAsB,EAAE,SAAS;IACjC,sBAAsB,EAAE,SAAS;IACjC,sBAAsB,EAAE,SAAS;IACjC,uBAAuB,EAAE,SAAS;CAC1B,CAAC;AAGE,QAAA,MAAM,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,aAAK,CAAC,CAAuB,CAAC"}