@cloud-ru/uikit-product-claudia 1.10.0 → 1.11.1

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.11.1 (2025-12-12)
+
+### Only dependencies have been changed
+* [@cloud-ru/uikit-product-icons@16.1.0](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/icons/CHANGELOG.md)
+* [@cloud-ru/uikit-product-mobile-dropdown@0.9.30](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/mobile-dropdown/CHANGELOG.md)
+* [@cloud-ru/uikit-product-mobile-fields@0.12.2](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/mobile-fields/CHANGELOG.md)
+
+
+
+
+
+# 1.11.0 (2025-12-11)
+
+
+### Features
+
+* **LK-6854:** add giga-chat icons ([e263f6a](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/e263f6af80876b53450082b20ec01f3a05503221))
+
+
+
+
+
 # 1.10.0 (2025-12-09)
 
 

package/README.md

@@ -143,7 +143,6 @@
 | size | `number` | 24 |  |
 | type | `string` | - |  |
 | tabIndex | `number` | - |  |
-| key | `Key` | - |  |
 | style | `CSSProperties` | - |  |
 | withBranding | `boolean` | - |  |
 | suppressHydrationWarning | `boolean` | - |  |
@@ -556,7 +555,8 @@
 | onAnimationIterationCapture | `AnimationEventHandler<SVGSVGElement>` | - |  |
 | onTransitionEnd | `TransitionEventHandler<SVGSVGElement>` | - |  |
 | onTransitionEndCapture | `TransitionEventHandler<SVGSVGElement>` | - |  |
-| ref | `LegacyRef<SVGSVGElement>` | - | Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref). @see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} |
+| key | `Key` | - |  |
+| ref | `LegacyRef<HTMLButtonElement \| HTMLAnchorElement>` | - | Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref). @see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} |
 ## RecommendPanel
 ### Props
 | name | type | default value | description |
@@ -592,7 +592,7 @@
 | inputMode | enum InputMode: `"none"`, `"text"`, `"search"`, `"decimal"`, `"numeric"`, `"tel"`, `"email"`, `"url"` | - | Режим работы экранной клавиатуры |
 | caption | `string` | - | Подпись справа от лейбла |
 | hint | `string` | - | Подсказка внизу |
-| validationState | enum ValidationState: `"default"`, `"error"`, `"warning"`, `"success"` | - | Состояние валидации |
+| validationState | enum ValidationState: `"error"`, `"default"`, `"warning"`, `"success"` | - | Состояние валидации |
 | showHintIcon | `boolean` | - | Отображать иконку подсказки |
 | labelTooltipPlacement | enum Placement: `"left"`, `"left-start"`, `"left-end"`, `"right"`, `"right-start"`, `"right-end"`, `"top"`, `"top-start"`, `"top-end"`, `"bottom"`, `"bottom-start"`, `"bottom-end"` | top | Расположение подсказки лейбла |
 | error | `string` | - |  |
@@ -603,8 +603,38 @@
 | onCopyButtonClick | `() => void` | - | Колбек клика по кнопке Копировать для поля |
 | showClearButton | `boolean` | true | Отображение кнопки очистки поля |
 | allowMoreThanMaxLength | `boolean` | - | Можно ли вводить больше разрешённого кол-ва символов |
-| ref | `LegacyRef<HTMLTextAreaElement>` | - | Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref). @see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} |
+| ref | `LegacyRef<HTMLButtonElement \| HTMLAnchorElement>` | - | Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref). @see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} |
 | key | `Key` | - |  |
+## ChatsSVG
+### Props
+| name | type | default value | description |
+|------|------|---------------|-------------|
+| className | `string` | - | CSS-класс |
+## SidebarHideSVG
+### Props
+| name | type | default value | description |
+|------|------|---------------|-------------|
+| className | `string` | - | CSS-класс |
+## FullscreenSVG
+### Props
+| name | type | default value | description |
+|------|------|---------------|-------------|
+| className | `string` | - | CSS-класс |
+## SidebarShowSVG
+### Props
+| name | type | default value | description |
+|------|------|---------------|-------------|
+| className | `string` | - | CSS-класс |
+## PopupSVG
+### Props
+| name | type | default value | description |
+|------|------|---------------|-------------|
+| className | `string` | - | CSS-класс |
+## InlineSVG
+### Props
+| name | type | default value | description |
+|------|------|---------------|-------------|
+| className | `string` | - | CSS-класс |
 
 
 [//]: DOCUMENTATION_SECTION_END

package/dist/cjs/icons/ChatsSVG.d.ts

@@ -0,0 +1,5 @@
+type ChatsSVGProps = {
+    className?: string;
+};
+export declare function ChatsSVG({ className }: ChatsSVGProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/icons/ChatsSVG.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChatsSVG = ChatsSVG;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function ChatsSVG({ className }) {
+    return ((0, jsx_runtime_1.jsx)("svg", { className: className, width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', children: (0, jsx_runtime_1.jsx)("path", { d: 'M11.5 3C11.5656 3 11.631 3.00077 11.6962 3.00229M11.6962 3.00229C15.8918 3.10027 19.2786 6.33221 19.4126 10.3526M11.6962 3.00229C16.0143 3.10128 19.365 6.39832 19.4126 10.3526M11.6962 3.00229C11.6298 3.00077 11.5631 3 11.4963 3C7.21449 3 3.74343 5.99296 3.74343 10.0459C3.74343 11.5766 4.08461 12.9358 4.93144 14.1119L2 18.2H8.32298M19.4126 10.3526C19.4153 10.4347 19.4167 10.5172 19.4167 10.6C19.4167 10.6104 19.4166 10.6209 19.4166 10.6313M19.4126 10.3526C19.4129 10.381 19.4131 10.4094 19.4131 10.4378C19.4151 10.5023 19.4163 10.5669 19.4166 10.6313M11.6126 18.1992C11.5739 18.1997 11.5351 18.2 11.4963 18.2H8.32298M11.6126 18.1992C15.8427 18.1445 18.8497 15.1051 19.3447 11.6631M11.6126 18.1992C15.5599 18.1464 18.8093 15.3198 19.3406 11.658M11.6126 18.1992C11.5751 18.1997 11.5376 18.2 11.5 18.2M19.3447 11.6631C19.3937 11.3223 19.4181 10.9775 19.4166 10.6313M19.3447 11.6631L19.3406 11.658M19.3447 11.6631C20.1197 12.631 20.5777 13.8465 20.5777 15.2049C20.5777 16.4805 20.2994 17.6132 19.6086 18.5933L22 22H14.2531C14.2216 22 14.1902 21.9998 14.1589 21.9994M19.4166 10.6313C19.4151 10.9796 19.3893 11.3223 19.3406 11.658M14.1589 21.9994C14.1892 21.9998 14.2196 22 14.25 22M14.1589 21.9994C11.3908 21.963 9.26464 20.3265 8.32298 18.2M8.66667 8.58824H14.2222M8.66667 13.0588H14.2222', stroke: '#787B8A', strokeWidth: '1.5' }) }));
+}

package/dist/cjs/icons/FullscreenSVG.d.ts

@@ -0,0 +1,5 @@
+type FullscreenSVGProps = {
+    className?: string;
+};
+export declare function FullscreenSVG({ className }: FullscreenSVGProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/icons/FullscreenSVG.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FullscreenSVG = FullscreenSVG;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function FullscreenSVG({ className }) {
+    return ((0, jsx_runtime_1.jsxs)("svg", { className: className, width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', children: [(0, jsx_runtime_1.jsx)("mask", { id: 'mask0_6389_12740', style: { maskType: 'alpha' }, maskUnits: 'userSpaceOnUse', x: '0', y: '0', width: '24', height: '25', children: (0, jsx_runtime_1.jsx)("path", { d: 'M14.1316 16.4333H18.3947V12.2333H16.9737V15.0333H14.1316V16.4333ZM5.60526 11.7667H7.02632V8.96667H9.86842V7.56667H5.60526V11.7667ZM4.71261 19C4.23403 19 3.82895 18.8367 3.49737 18.51C3.16579 18.1833 3 17.7843 3 17.3128V6.68723C3 6.21574 3.16579 5.81667 3.49737 5.49C3.82895 5.16333 4.23403 5 4.71261 5H19.2874C19.766 5 20.1711 5.16333 20.5026 5.49C20.8342 5.81667 21 6.21574 21 6.68723V17.3128C21 17.7843 20.8342 18.1833 20.5026 18.51C20.1711 18.8367 19.766 19 19.2874 19H4.71261ZM4.71261 17.6H19.2874C19.3603 17.6 19.4271 17.5701 19.4878 17.5102C19.5486 17.4504 19.5789 17.3846 19.5789 17.3128V6.68723C19.5789 6.61537 19.5486 6.54957 19.4878 6.48983C19.4271 6.42994 19.3603 6.4 19.2874 6.4H4.71261C4.63966 6.4 4.57287 6.42994 4.51224 6.48983C4.45145 6.54957 4.42105 6.61537 4.42105 6.68723V17.3128C4.42105 17.3846 4.45145 17.4504 4.51224 17.5102C4.57287 17.5701 4.63966 17.6 4.71261 17.6Z', fill: 'black' }) }), (0, jsx_runtime_1.jsx)("g", { mask: 'url(#mask0_6389_12740)', children: (0, jsx_runtime_1.jsx)("rect", { width: '24', height: '24', fill: '#787B8A' }) })] }));
+}

package/dist/cjs/icons/InlineSVG.d.ts

@@ -0,0 +1,5 @@
+type InlineSVGProps = {
+    className?: string;
+};
+export declare function InlineSVG({ className }: InlineSVGProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/icons/InlineSVG.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InlineSVG = InlineSVG;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function InlineSVG({ className }) {
+    return ((0, jsx_runtime_1.jsxs)("svg", { className: className, width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', children: [(0, jsx_runtime_1.jsx)("mask", { id: 'mask0_6389_12640', style: { maskType: 'alpha' }, maskUnits: 'userSpaceOnUse', x: '0', y: '0', width: '24', height: '24', children: (0, jsx_runtime_1.jsx)("path", { d: 'M5.70141 20C5.23208 20 4.83114 19.8338 4.49859 19.5014C4.1662 19.1689 4 18.7679 4 18.2986V5.70141C4 5.23208 4.1662 4.83114 4.49859 4.49859C4.83114 4.1662 5.23208 4 5.70141 4H18.2986C18.7679 4 19.1689 4.1662 19.5014 4.49859C19.8338 4.83114 20 5.23208 20 5.70141V18.2986C20 18.7679 19.8338 19.1689 19.5014 19.5014C19.1689 19.8338 18.7679 20 18.2986 20H5.70141ZM15.7647 18.5882H18.5882V5.70141C18.5882 5.62894 18.558 5.56259 18.4976 5.50235C18.4374 5.44196 18.3711 5.41176 18.2986 5.41176H15.7647V18.5882ZM14.3529 18.5882V5.41176H5.70141C5.62894 5.41176 5.56259 5.44196 5.50235 5.50235C5.44196 5.56259 5.41176 5.62894 5.41176 5.70141V18.2986C5.41176 18.3711 5.44196 18.4374 5.50235 18.4976C5.56259 18.558 5.62894 18.5882 5.70141 18.5882H14.3529Z', fill: 'black' }) }), (0, jsx_runtime_1.jsx)("g", { mask: 'url(#mask0_6389_12640)', children: (0, jsx_runtime_1.jsx)("rect", { width: '24', height: '24', fill: '#787B8A' }) })] }));
+}

package/dist/cjs/icons/PopupSVG.d.ts

@@ -0,0 +1,5 @@
+type PopupSVGProps = {
+    className?: string;
+};
+export declare function PopupSVG({ className }: PopupSVGProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/icons/PopupSVG.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PopupSVG = PopupSVG;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function PopupSVG({ className }) {
+    return ((0, jsx_runtime_1.jsxs)("svg", { className: className, width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', children: [(0, jsx_runtime_1.jsx)("mask", { id: 'mask0_6389_12679', style: { maskType: 'alpha' }, maskUnits: 'userSpaceOnUse', x: '0', y: '0', width: '24', height: '24', children: (0, jsx_runtime_1.jsx)("path", { d: 'M4.71261 19C4.23403 19 3.82895 18.8367 3.49737 18.51C3.16579 18.1833 3 17.7843 3 17.3128V6.68723C3 6.21574 3.16579 5.81667 3.49737 5.49C3.82895 5.16333 4.23403 5 4.71261 5H19.2874C19.766 5 20.1711 5.16333 20.5026 5.49C20.8342 5.81667 21 6.21574 21 6.68723V17.3128C21 17.7843 20.8342 18.1833 20.5026 18.51C20.1711 18.8367 19.766 19 19.2874 19H4.71261ZM4.71261 17.6H19.2874C19.3603 17.6 19.4271 17.5701 19.4878 17.5102C19.5486 17.4504 19.5789 17.3846 19.5789 17.3128V6.68723C19.5789 6.61537 19.5486 6.54957 19.4878 6.48983C19.4271 6.42994 19.3603 6.4 19.2874 6.4H4.71261C4.63966 6.4 4.57287 6.42994 4.51224 6.48983C4.45145 6.54957 4.42105 6.61537 4.42105 6.68723V17.3128C4.42105 17.3846 4.45145 17.4504 4.51224 17.5102C4.57287 17.5701 4.63966 17.6 4.71261 17.6ZM11.1983 16.6487H18.6316V11.1924H11.1983V16.6487ZM12.6193 15.2487V12.5922H17.2105V15.2487H12.6193Z', fill: 'black' }) }), (0, jsx_runtime_1.jsx)("g", { mask: 'url(#mask0_6389_12679)', children: (0, jsx_runtime_1.jsx)("rect", { width: '24', height: '24', fill: '#787B8A' }) })] }));
+}

package/dist/cjs/icons/SidebarHideSVG.d.ts

@@ -0,0 +1,5 @@
+type SidebarHideSVGProps = {
+    className?: string;
+};
+export declare function SidebarHideSVG({ className }: SidebarHideSVGProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/icons/SidebarHideSVG.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SidebarHideSVG = SidebarHideSVG;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function SidebarHideSVG({ className }) {
+    return ((0, jsx_runtime_1.jsx)("svg", { className: className, width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', children: (0, jsx_runtime_1.jsx)("path", { d: 'M17 16.439L12 11.439L17 6.43896M7 17L7 5.89502', stroke: '#787B8A', strokeWidth: '1.5' }) }));
+}

package/dist/cjs/icons/SidebarShowSVG.d.ts

@@ -0,0 +1,5 @@
+type SidebarShowSVGProps = {
+    className?: string;
+};
+export declare function SidebarShowSVG({ className }: SidebarShowSVGProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/icons/SidebarShowSVG.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SidebarShowSVG = SidebarShowSVG;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function SidebarShowSVG({ className }) {
+    return ((0, jsx_runtime_1.jsx)("svg", { className: className, width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', children: (0, jsx_runtime_1.jsx)("path", { d: 'M12 16.9999L17 11.9999L12 6.99988M7 17.4999L7 6.49988', stroke: '#787B8A', strokeWidth: '1.5' }) }));
+}

package/dist/cjs/icons/index.d.ts

@@ -0,0 +1,6 @@
+export * from './ChatsSVG';
+export * from './SidebarHideSVG';
+export * from './FullscreenSVG';
+export * from './SidebarShowSVG';
+export * from './PopupSVG';
+export * from './InlineSVG';

package/dist/cjs/icons/index.js

@@ -0,0 +1,22 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ChatsSVG"), exports);
+__exportStar(require("./SidebarHideSVG"), exports);
+__exportStar(require("./FullscreenSVG"), exports);
+__exportStar(require("./SidebarShowSVG"), exports);
+__exportStar(require("./PopupSVG"), exports);
+__exportStar(require("./InlineSVG"), exports);

package/dist/cjs/index.d.ts

@@ -1 +1,2 @@
 export * from './components';
+export * from './icons';

package/dist/cjs/index.js

@@ -15,3 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./components"), exports);
+__exportStar(require("./icons"), exports);

package/dist/esm/icons/ChatsSVG.d.ts

@@ -0,0 +1,5 @@
+type ChatsSVGProps = {
+    className?: string;
+};
+export declare function ChatsSVG({ className }: ChatsSVGProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/icons/ChatsSVG.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function ChatsSVG({ className }) {
+    return (_jsx("svg", { className: className, width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', children: _jsx("path", { d: 'M11.5 3C11.5656 3 11.631 3.00077 11.6962 3.00229M11.6962 3.00229C15.8918 3.10027 19.2786 6.33221 19.4126 10.3526M11.6962 3.00229C16.0143 3.10128 19.365 6.39832 19.4126 10.3526M11.6962 3.00229C11.6298 3.00077 11.5631 3 11.4963 3C7.21449 3 3.74343 5.99296 3.74343 10.0459C3.74343 11.5766 4.08461 12.9358 4.93144 14.1119L2 18.2H8.32298M19.4126 10.3526C19.4153 10.4347 19.4167 10.5172 19.4167 10.6C19.4167 10.6104 19.4166 10.6209 19.4166 10.6313M19.4126 10.3526C19.4129 10.381 19.4131 10.4094 19.4131 10.4378C19.4151 10.5023 19.4163 10.5669 19.4166 10.6313M11.6126 18.1992C11.5739 18.1997 11.5351 18.2 11.4963 18.2H8.32298M11.6126 18.1992C15.8427 18.1445 18.8497 15.1051 19.3447 11.6631M11.6126 18.1992C15.5599 18.1464 18.8093 15.3198 19.3406 11.658M11.6126 18.1992C11.5751 18.1997 11.5376 18.2 11.5 18.2M19.3447 11.6631C19.3937 11.3223 19.4181 10.9775 19.4166 10.6313M19.3447 11.6631L19.3406 11.658M19.3447 11.6631C20.1197 12.631 20.5777 13.8465 20.5777 15.2049C20.5777 16.4805 20.2994 17.6132 19.6086 18.5933L22 22H14.2531C14.2216 22 14.1902 21.9998 14.1589 21.9994M19.4166 10.6313C19.4151 10.9796 19.3893 11.3223 19.3406 11.658M14.1589 21.9994C14.1892 21.9998 14.2196 22 14.25 22M14.1589 21.9994C11.3908 21.963 9.26464 20.3265 8.32298 18.2M8.66667 8.58824H14.2222M8.66667 13.0588H14.2222', stroke: '#787B8A', strokeWidth: '1.5' }) }));
+}

package/dist/esm/icons/FullscreenSVG.d.ts

@@ -0,0 +1,5 @@
+type FullscreenSVGProps = {
+    className?: string;
+};
+export declare function FullscreenSVG({ className }: FullscreenSVGProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/icons/FullscreenSVG.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function FullscreenSVG({ className }) {
+    return (_jsxs("svg", { className: className, width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', children: [_jsx("mask", { id: 'mask0_6389_12740', style: { maskType: 'alpha' }, maskUnits: 'userSpaceOnUse', x: '0', y: '0', width: '24', height: '25', children: _jsx("path", { d: 'M14.1316 16.4333H18.3947V12.2333H16.9737V15.0333H14.1316V16.4333ZM5.60526 11.7667H7.02632V8.96667H9.86842V7.56667H5.60526V11.7667ZM4.71261 19C4.23403 19 3.82895 18.8367 3.49737 18.51C3.16579 18.1833 3 17.7843 3 17.3128V6.68723C3 6.21574 3.16579 5.81667 3.49737 5.49C3.82895 5.16333 4.23403 5 4.71261 5H19.2874C19.766 5 20.1711 5.16333 20.5026 5.49C20.8342 5.81667 21 6.21574 21 6.68723V17.3128C21 17.7843 20.8342 18.1833 20.5026 18.51C20.1711 18.8367 19.766 19 19.2874 19H4.71261ZM4.71261 17.6H19.2874C19.3603 17.6 19.4271 17.5701 19.4878 17.5102C19.5486 17.4504 19.5789 17.3846 19.5789 17.3128V6.68723C19.5789 6.61537 19.5486 6.54957 19.4878 6.48983C19.4271 6.42994 19.3603 6.4 19.2874 6.4H4.71261C4.63966 6.4 4.57287 6.42994 4.51224 6.48983C4.45145 6.54957 4.42105 6.61537 4.42105 6.68723V17.3128C4.42105 17.3846 4.45145 17.4504 4.51224 17.5102C4.57287 17.5701 4.63966 17.6 4.71261 17.6Z', fill: 'black' }) }), _jsx("g", { mask: 'url(#mask0_6389_12740)', children: _jsx("rect", { width: '24', height: '24', fill: '#787B8A' }) })] }));
+}

package/dist/esm/icons/InlineSVG.d.ts

@@ -0,0 +1,5 @@
+type InlineSVGProps = {
+    className?: string;
+};
+export declare function InlineSVG({ className }: InlineSVGProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/icons/InlineSVG.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function InlineSVG({ className }) {
+    return (_jsxs("svg", { className: className, width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', children: [_jsx("mask", { id: 'mask0_6389_12640', style: { maskType: 'alpha' }, maskUnits: 'userSpaceOnUse', x: '0', y: '0', width: '24', height: '24', children: _jsx("path", { d: 'M5.70141 20C5.23208 20 4.83114 19.8338 4.49859 19.5014C4.1662 19.1689 4 18.7679 4 18.2986V5.70141C4 5.23208 4.1662 4.83114 4.49859 4.49859C4.83114 4.1662 5.23208 4 5.70141 4H18.2986C18.7679 4 19.1689 4.1662 19.5014 4.49859C19.8338 4.83114 20 5.23208 20 5.70141V18.2986C20 18.7679 19.8338 19.1689 19.5014 19.5014C19.1689 19.8338 18.7679 20 18.2986 20H5.70141ZM15.7647 18.5882H18.5882V5.70141C18.5882 5.62894 18.558 5.56259 18.4976 5.50235C18.4374 5.44196 18.3711 5.41176 18.2986 5.41176H15.7647V18.5882ZM14.3529 18.5882V5.41176H5.70141C5.62894 5.41176 5.56259 5.44196 5.50235 5.50235C5.44196 5.56259 5.41176 5.62894 5.41176 5.70141V18.2986C5.41176 18.3711 5.44196 18.4374 5.50235 18.4976C5.56259 18.558 5.62894 18.5882 5.70141 18.5882H14.3529Z', fill: 'black' }) }), _jsx("g", { mask: 'url(#mask0_6389_12640)', children: _jsx("rect", { width: '24', height: '24', fill: '#787B8A' }) })] }));
+}

package/dist/esm/icons/PopupSVG.d.ts

@@ -0,0 +1,5 @@
+type PopupSVGProps = {
+    className?: string;
+};
+export declare function PopupSVG({ className }: PopupSVGProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/icons/PopupSVG.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function PopupSVG({ className }) {
+    return (_jsxs("svg", { className: className, width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', children: [_jsx("mask", { id: 'mask0_6389_12679', style: { maskType: 'alpha' }, maskUnits: 'userSpaceOnUse', x: '0', y: '0', width: '24', height: '24', children: _jsx("path", { d: 'M4.71261 19C4.23403 19 3.82895 18.8367 3.49737 18.51C3.16579 18.1833 3 17.7843 3 17.3128V6.68723C3 6.21574 3.16579 5.81667 3.49737 5.49C3.82895 5.16333 4.23403 5 4.71261 5H19.2874C19.766 5 20.1711 5.16333 20.5026 5.49C20.8342 5.81667 21 6.21574 21 6.68723V17.3128C21 17.7843 20.8342 18.1833 20.5026 18.51C20.1711 18.8367 19.766 19 19.2874 19H4.71261ZM4.71261 17.6H19.2874C19.3603 17.6 19.4271 17.5701 19.4878 17.5102C19.5486 17.4504 19.5789 17.3846 19.5789 17.3128V6.68723C19.5789 6.61537 19.5486 6.54957 19.4878 6.48983C19.4271 6.42994 19.3603 6.4 19.2874 6.4H4.71261C4.63966 6.4 4.57287 6.42994 4.51224 6.48983C4.45145 6.54957 4.42105 6.61537 4.42105 6.68723V17.3128C4.42105 17.3846 4.45145 17.4504 4.51224 17.5102C4.57287 17.5701 4.63966 17.6 4.71261 17.6ZM11.1983 16.6487H18.6316V11.1924H11.1983V16.6487ZM12.6193 15.2487V12.5922H17.2105V15.2487H12.6193Z', fill: 'black' }) }), _jsx("g", { mask: 'url(#mask0_6389_12679)', children: _jsx("rect", { width: '24', height: '24', fill: '#787B8A' }) })] }));
+}

package/dist/esm/icons/SidebarHideSVG.d.ts

@@ -0,0 +1,5 @@
+type SidebarHideSVGProps = {
+    className?: string;
+};
+export declare function SidebarHideSVG({ className }: SidebarHideSVGProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/icons/SidebarHideSVG.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function SidebarHideSVG({ className }) {
+    return (_jsx("svg", { className: className, width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', children: _jsx("path", { d: 'M17 16.439L12 11.439L17 6.43896M7 17L7 5.89502', stroke: '#787B8A', strokeWidth: '1.5' }) }));
+}

package/dist/esm/icons/SidebarShowSVG.d.ts

@@ -0,0 +1,5 @@
+type SidebarShowSVGProps = {
+    className?: string;
+};
+export declare function SidebarShowSVG({ className }: SidebarShowSVGProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/icons/SidebarShowSVG.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function SidebarShowSVG({ className }) {
+    return (_jsx("svg", { className: className, width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', children: _jsx("path", { d: 'M12 16.9999L17 11.9999L12 6.99988M7 17.4999L7 6.49988', stroke: '#787B8A', strokeWidth: '1.5' }) }));
+}

package/dist/esm/icons/index.d.ts

@@ -0,0 +1,6 @@
+export * from './ChatsSVG';
+export * from './SidebarHideSVG';
+export * from './FullscreenSVG';
+export * from './SidebarShowSVG';
+export * from './PopupSVG';
+export * from './InlineSVG';

package/dist/esm/icons/index.js

@@ -0,0 +1,6 @@
+export * from './ChatsSVG';
+export * from './SidebarHideSVG';
+export * from './FullscreenSVG';
+export * from './SidebarShowSVG';
+export * from './PopupSVG';
+export * from './InlineSVG';

package/dist/esm/index.d.ts

@@ -1 +1,2 @@
 export * from './components';
+export * from './icons';

package/dist/esm/index.js

@@ -1 +1,2 @@
 export * from './components';
+export * from './icons';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloud-ru/uikit-product-claudia",
   "title": "Claudia",
-  "version": "1.10.0",
+  "version": "1.11.1",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -36,9 +36,9 @@
   },
   "scripts": {},
   "dependencies": {
-    "@cloud-ru/uikit-product-icons": "16.0.1",
-    "@cloud-ru/uikit-product-mobile-dropdown": "0.9.29",
-    "@cloud-ru/uikit-product-mobile-fields": "0.12.1",
+    "@cloud-ru/uikit-product-icons": "16.1.0",
+    "@cloud-ru/uikit-product-mobile-dropdown": "0.9.30",
+    "@cloud-ru/uikit-product-mobile-fields": "0.12.2",
     "@cloud-ru/uikit-product-utils": "8.0.2",
     "@snack-uikit/button": "0.19.16",
     "@snack-uikit/divider": "3.2.3",
@@ -61,5 +61,5 @@
     "@cloud-ru/uikit-product-locale": "*",
     "@snack-uikit/figma-tokens": "*"
   },
-  "gitHead": "1fe3ac6a113f8d464ebbd481d139b20d8e8653d8"
+  "gitHead": "7303f734eef30f1ac7ac3a279bcf324dcd549059"
 }

package/src/icons/ChatsSVG.tsx

@@ -0,0 +1,22 @@
+type ChatsSVGProps = {
+  className?: string;
+};
+
+export function ChatsSVG({ className }: ChatsSVGProps) {
+  return (
+    <svg
+      className={className}
+      width='24'
+      height='24'
+      viewBox='0 0 24 24'
+      fill='none'
+      xmlns='http://www.w3.org/2000/svg'
+    >
+      <path
+        d='M11.5 3C11.5656 3 11.631 3.00077 11.6962 3.00229M11.6962 3.00229C15.8918 3.10027 19.2786 6.33221 19.4126 10.3526M11.6962 3.00229C16.0143 3.10128 19.365 6.39832 19.4126 10.3526M11.6962 3.00229C11.6298 3.00077 11.5631 3 11.4963 3C7.21449 3 3.74343 5.99296 3.74343 10.0459C3.74343 11.5766 4.08461 12.9358 4.93144 14.1119L2 18.2H8.32298M19.4126 10.3526C19.4153 10.4347 19.4167 10.5172 19.4167 10.6C19.4167 10.6104 19.4166 10.6209 19.4166 10.6313M19.4126 10.3526C19.4129 10.381 19.4131 10.4094 19.4131 10.4378C19.4151 10.5023 19.4163 10.5669 19.4166 10.6313M11.6126 18.1992C11.5739 18.1997 11.5351 18.2 11.4963 18.2H8.32298M11.6126 18.1992C15.8427 18.1445 18.8497 15.1051 19.3447 11.6631M11.6126 18.1992C15.5599 18.1464 18.8093 15.3198 19.3406 11.658M11.6126 18.1992C11.5751 18.1997 11.5376 18.2 11.5 18.2M19.3447 11.6631C19.3937 11.3223 19.4181 10.9775 19.4166 10.6313M19.3447 11.6631L19.3406 11.658M19.3447 11.6631C20.1197 12.631 20.5777 13.8465 20.5777 15.2049C20.5777 16.4805 20.2994 17.6132 19.6086 18.5933L22 22H14.2531C14.2216 22 14.1902 21.9998 14.1589 21.9994M19.4166 10.6313C19.4151 10.9796 19.3893 11.3223 19.3406 11.658M14.1589 21.9994C14.1892 21.9998 14.2196 22 14.25 22M14.1589 21.9994C11.3908 21.963 9.26464 20.3265 8.32298 18.2M8.66667 8.58824H14.2222M8.66667 13.0588H14.2222'
+        stroke='#787B8A'
+        strokeWidth='1.5'
+      />
+    </svg>
+  );
+}

package/src/icons/FullscreenSVG.tsx

@@ -0,0 +1,34 @@
+type FullscreenSVGProps = {
+  className?: string;
+};
+
+export function FullscreenSVG({ className }: FullscreenSVGProps) {
+  return (
+    <svg
+      className={className}
+      width='24'
+      height='24'
+      viewBox='0 0 24 24'
+      fill='none'
+      xmlns='http://www.w3.org/2000/svg'
+    >
+      <mask
+        id='mask0_6389_12740'
+        style={{ maskType: 'alpha' }}
+        maskUnits='userSpaceOnUse'
+        x='0'
+        y='0'
+        width='24'
+        height='25'
+      >
+        <path
+          d='M14.1316 16.4333H18.3947V12.2333H16.9737V15.0333H14.1316V16.4333ZM5.60526 11.7667H7.02632V8.96667H9.86842V7.56667H5.60526V11.7667ZM4.71261 19C4.23403 19 3.82895 18.8367 3.49737 18.51C3.16579 18.1833 3 17.7843 3 17.3128V6.68723C3 6.21574 3.16579 5.81667 3.49737 5.49C3.82895 5.16333 4.23403 5 4.71261 5H19.2874C19.766 5 20.1711 5.16333 20.5026 5.49C20.8342 5.81667 21 6.21574 21 6.68723V17.3128C21 17.7843 20.8342 18.1833 20.5026 18.51C20.1711 18.8367 19.766 19 19.2874 19H4.71261ZM4.71261 17.6H19.2874C19.3603 17.6 19.4271 17.5701 19.4878 17.5102C19.5486 17.4504 19.5789 17.3846 19.5789 17.3128V6.68723C19.5789 6.61537 19.5486 6.54957 19.4878 6.48983C19.4271 6.42994 19.3603 6.4 19.2874 6.4H4.71261C4.63966 6.4 4.57287 6.42994 4.51224 6.48983C4.45145 6.54957 4.42105 6.61537 4.42105 6.68723V17.3128C4.42105 17.3846 4.45145 17.4504 4.51224 17.5102C4.57287 17.5701 4.63966 17.6 4.71261 17.6Z'
+          fill='black'
+        />
+      </mask>
+      <g mask='url(#mask0_6389_12740)'>
+        <rect width='24' height='24' fill='#787B8A' />
+      </g>
+    </svg>
+  );
+}

package/src/icons/InlineSVG.tsx

@@ -0,0 +1,34 @@
+type InlineSVGProps = {
+  className?: string;
+};
+
+export function InlineSVG({ className }: InlineSVGProps) {
+  return (
+    <svg
+      className={className}
+      width='24'
+      height='24'
+      viewBox='0 0 24 24'
+      fill='none'
+      xmlns='http://www.w3.org/2000/svg'
+    >
+      <mask
+        id='mask0_6389_12640'
+        style={{ maskType: 'alpha' }}
+        maskUnits='userSpaceOnUse'
+        x='0'
+        y='0'
+        width='24'
+        height='24'
+      >
+        <path
+          d='M5.70141 20C5.23208 20 4.83114 19.8338 4.49859 19.5014C4.1662 19.1689 4 18.7679 4 18.2986V5.70141C4 5.23208 4.1662 4.83114 4.49859 4.49859C4.83114 4.1662 5.23208 4 5.70141 4H18.2986C18.7679 4 19.1689 4.1662 19.5014 4.49859C19.8338 4.83114 20 5.23208 20 5.70141V18.2986C20 18.7679 19.8338 19.1689 19.5014 19.5014C19.1689 19.8338 18.7679 20 18.2986 20H5.70141ZM15.7647 18.5882H18.5882V5.70141C18.5882 5.62894 18.558 5.56259 18.4976 5.50235C18.4374 5.44196 18.3711 5.41176 18.2986 5.41176H15.7647V18.5882ZM14.3529 18.5882V5.41176H5.70141C5.62894 5.41176 5.56259 5.44196 5.50235 5.50235C5.44196 5.56259 5.41176 5.62894 5.41176 5.70141V18.2986C5.41176 18.3711 5.44196 18.4374 5.50235 18.4976C5.56259 18.558 5.62894 18.5882 5.70141 18.5882H14.3529Z'
+          fill='black'
+        />
+      </mask>
+      <g mask='url(#mask0_6389_12640)'>
+        <rect width='24' height='24' fill='#787B8A' />
+      </g>
+    </svg>
+  );
+}

package/src/icons/PopupSVG.tsx

@@ -0,0 +1,34 @@
+type PopupSVGProps = {
+  className?: string;
+};
+
+export function PopupSVG({ className }: PopupSVGProps) {
+  return (
+    <svg
+      className={className}
+      width='24'
+      height='24'
+      viewBox='0 0 24 24'
+      fill='none'
+      xmlns='http://www.w3.org/2000/svg'
+    >
+      <mask
+        id='mask0_6389_12679'
+        style={{ maskType: 'alpha' }}
+        maskUnits='userSpaceOnUse'
+        x='0'
+        y='0'
+        width='24'
+        height='24'
+      >
+        <path
+          d='M4.71261 19C4.23403 19 3.82895 18.8367 3.49737 18.51C3.16579 18.1833 3 17.7843 3 17.3128V6.68723C3 6.21574 3.16579 5.81667 3.49737 5.49C3.82895 5.16333 4.23403 5 4.71261 5H19.2874C19.766 5 20.1711 5.16333 20.5026 5.49C20.8342 5.81667 21 6.21574 21 6.68723V17.3128C21 17.7843 20.8342 18.1833 20.5026 18.51C20.1711 18.8367 19.766 19 19.2874 19H4.71261ZM4.71261 17.6H19.2874C19.3603 17.6 19.4271 17.5701 19.4878 17.5102C19.5486 17.4504 19.5789 17.3846 19.5789 17.3128V6.68723C19.5789 6.61537 19.5486 6.54957 19.4878 6.48983C19.4271 6.42994 19.3603 6.4 19.2874 6.4H4.71261C4.63966 6.4 4.57287 6.42994 4.51224 6.48983C4.45145 6.54957 4.42105 6.61537 4.42105 6.68723V17.3128C4.42105 17.3846 4.45145 17.4504 4.51224 17.5102C4.57287 17.5701 4.63966 17.6 4.71261 17.6ZM11.1983 16.6487H18.6316V11.1924H11.1983V16.6487ZM12.6193 15.2487V12.5922H17.2105V15.2487H12.6193Z'
+          fill='black'
+        />
+      </mask>
+      <g mask='url(#mask0_6389_12679)'>
+        <rect width='24' height='24' fill='#787B8A' />
+      </g>
+    </svg>
+  );
+}

package/src/icons/SidebarHideSVG.tsx

@@ -0,0 +1,18 @@
+type SidebarHideSVGProps = {
+  className?: string;
+};
+
+export function SidebarHideSVG({ className }: SidebarHideSVGProps) {
+  return (
+    <svg
+      className={className}
+      width='24'
+      height='24'
+      viewBox='0 0 24 24'
+      fill='none'
+      xmlns='http://www.w3.org/2000/svg'
+    >
+      <path d='M17 16.439L12 11.439L17 6.43896M7 17L7 5.89502' stroke='#787B8A' strokeWidth='1.5' />
+    </svg>
+  );
+}

package/src/icons/SidebarShowSVG.tsx

@@ -0,0 +1,18 @@
+type SidebarShowSVGProps = {
+  className?: string;
+};
+
+export function SidebarShowSVG({ className }: SidebarShowSVGProps) {
+  return (
+    <svg
+      className={className}
+      width='24'
+      height='24'
+      viewBox='0 0 24 24'
+      fill='none'
+      xmlns='http://www.w3.org/2000/svg'
+    >
+      <path d='M12 16.9999L17 11.9999L12 6.99988M7 17.4999L7 6.49988' stroke='#787B8A' strokeWidth='1.5' />
+    </svg>
+  );
+}

package/src/icons/index.ts

@@ -0,0 +1,6 @@
+export * from './ChatsSVG';
+export * from './SidebarHideSVG';
+export * from './FullscreenSVG';
+export * from './SidebarShowSVG';
+export * from './PopupSVG';
+export * from './InlineSVG';

package/src/index.ts

@@ -1 +1,2 @@
 export * from './components';
+export * from './icons';