@astral/ui 4.0.0-alpha.33 → 4.0.0-alpha.34

package/icons/OutlineSm/DislikeOutlineSm.js

@@ -10,9 +10,9 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { SvgIcon } from '@mui/material';
+import { SvgIcon } from '../../components/SvgIcon';
 const DislikeOutlineSm = (_a) => {
     var props = __rest(_a, []);
-    return (_jsx(SvgIcon, Object.assign({ viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", width: "16px", height: "16px", fill: "currentColor" }, props, { children: _jsx("path", { d: "M12.463 1.25c.214 0 .476.088.65.32l.068.107.246.475c.366.727 1.03 2.13 1.444 3.51.269.897.471 1.904.329 2.73-.074.43-.254.874-.626 1.208-.38.339-.868.483-1.404.483h-3.073c.157.778.292 1.62.281 2.345-.007.506-.085 1.067-.369 1.521-.321.515-.848.801-1.506.801-.382 0-.742-.099-1.045-.33a1.895 1.895 0 0 1-.587-.796 4.898 4.898 0 0 1-.254-.875c-.059-.276-.122-.638-.182-.936-.023-.117-.101-.256-.302-.44-.209-.193-.476-.368-.81-.59-.306-.202-.686-.454-.982-.762-.31-.324-.587-.769-.588-1.354V2a.75.75 0 0 1 .75-.75h7.96ZM.753 8.667V2a.75.75 0 1 1 1.5 0v6.667a.75.75 0 0 1-1.5 0Zm4.506.057c.014.062.054.142.164.256.163.17.4.335.728.552.298.198.682.445.998.736.324.297.647.702.757 1.252.074.369.118.632.178.918.057.27.11.464.17.605.057.137.1.175.11.183.004.003.01.007.025.011a.4.4 0 0 0 .114.013c.176 0 .204-.047.234-.095.067-.108.135-.34.141-.75.013-.811-.213-1.887-.44-2.909a.75.75 0 0 1 .732-.913h4c.266 0 .366-.068.404-.102.044-.04.11-.13.147-.343.08-.462-.03-1.183-.288-2.045-.395-1.318-1.052-2.688-1.385-3.343H5.253v5.917l.006.057Z" }) })));
+    return (_jsx(SvgIcon, Object.assign({ size: "sm" }, props, { children: _jsx("path", { d: "M12.463 1.25c.214 0 .476.088.65.32l.068.107.246.475c.366.727 1.03 2.13 1.444 3.51.269.897.471 1.904.329 2.73-.074.43-.254.874-.626 1.208-.38.339-.868.483-1.404.483h-3.073c.157.778.292 1.62.281 2.345-.007.506-.085 1.067-.369 1.521-.321.515-.848.801-1.506.801-.382 0-.742-.099-1.045-.33a1.895 1.895 0 0 1-.587-.796 4.898 4.898 0 0 1-.254-.875c-.059-.276-.122-.638-.182-.936-.023-.117-.101-.256-.302-.44-.209-.193-.476-.368-.81-.59-.306-.202-.686-.454-.982-.762-.31-.324-.587-.769-.588-1.354V2a.75.75 0 0 1 .75-.75h7.96ZM.753 8.667V2a.75.75 0 1 1 1.5 0v6.667a.75.75 0 0 1-1.5 0Zm4.506.057c.014.062.054.142.164.256.163.17.4.335.728.552.298.198.682.445.998.736.324.297.647.702.757 1.252.074.369.118.632.178.918.057.27.11.464.17.605.057.137.1.175.11.183.004.003.01.007.025.011a.4.4 0 0 0 .114.013c.176 0 .204-.047.234-.095.067-.108.135-.34.141-.75.013-.811-.213-1.887-.44-2.909a.75.75 0 0 1 .732-.913h4c.266 0 .366-.068.404-.102.044-.04.11-.13.147-.343.08-.462-.03-1.183-.288-2.045-.395-1.318-1.052-2.688-1.385-3.343H5.253v5.917l.006.057Z" }) })));
 };
 export default DislikeOutlineSm;

package/icons/OutlineSm/DocumentOutlineSm.d.ts

@@ -1,4 +1,4 @@
-import { type SvgIconProps } from '@mui/material';
 import type { FunctionComponent } from 'react';
+import { type SvgIconProps } from '../../components/SvgIcon';
 declare const DocumentOutlineSm: FunctionComponent<SvgIconProps>;
 export default DocumentOutlineSm;

package/icons/OutlineSm/DocumentOutlineSm.js

@@ -10,9 +10,9 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { SvgIcon } from '@mui/material';
+import { SvgIcon } from '../../components/SvgIcon';
 const DocumentOutlineSm = (_a) => {
     var props = __rest(_a, []);
-    return (_jsx(SvgIcon, Object.assign({ viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", width: "16px", height: "16px", fill: "currentColor" }, props, { children: _jsx("path", { d: "M9.514 1.251a.75.75 0 0 1 .129.013l.013.003c.039.008.077.02.114.034l.043.02a.749.749 0 0 1 .078.041l.036.023a.752.752 0 0 1 .103.085l3 3a.752.752 0 0 1 .084.102l.023.036c.015.026.03.051.042.078l.02.043a.746.746 0 0 1 .049.256L13.25 5v7.667c0 1.15-.933 2.083-2.083 2.083H4.833a2.083 2.083 0 0 1-2.083-2.083V3.333c0-1.15.933-2.083 2.083-2.083H9.5l.014.001ZM4.833 2.75a.583.583 0 0 0-.583.583v9.334c0 .322.261.583.583.583h6.334a.583.583 0 0 0 .583-.583V5.75H9.5A.75.75 0 0 1 8.75 5V2.75H4.833Z" }) })));
+    return (_jsx(SvgIcon, Object.assign({ size: "sm" }, props, { children: _jsx("path", { d: "M9.514 1.251a.75.75 0 0 1 .129.013l.013.003c.039.008.077.02.114.034l.043.02a.749.749 0 0 1 .078.041l.036.023a.752.752 0 0 1 .103.085l3 3a.752.752 0 0 1 .084.102l.023.036c.015.026.03.051.042.078l.02.043a.746.746 0 0 1 .049.256L13.25 5v7.667c0 1.15-.933 2.083-2.083 2.083H4.833a2.083 2.083 0 0 1-2.083-2.083V3.333c0-1.15.933-2.083 2.083-2.083H9.5l.014.001ZM4.833 2.75a.583.583 0 0 0-.583.583v9.334c0 .322.261.583.583.583h6.334a.583.583 0 0 0 .583-.583V5.75H9.5A.75.75 0 0 1 8.75 5V2.75H4.833Z" }) })));
 };
 export default DocumentOutlineSm;

package/icons/OutlineSm/DocumentsOutlineSm.d.ts

@@ -1,4 +1,4 @@
-import { type SvgIconProps } from '@mui/material';
 import type { FunctionComponent } from 'react';
+import { type SvgIconProps } from '../../components/SvgIcon';
 declare const DocumentsOutlineSm: FunctionComponent<SvgIconProps>;
 export default DocumentsOutlineSm;

package/icons/OutlineSm/DocumentsOutlineSm.js

@@ -10,9 +10,9 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { SvgIcon } from '@mui/material';
+import { SvgIcon } from '../../components/SvgIcon';
 const DocumentsOutlineSm = (_a) => {
     var props = __rest(_a, []);
-    return (_jsxs(SvgIcon, Object.assign({ viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", width: "16px", height: "16px", fill: "currentColor" }, props, { children: [_jsx("path", { d: "M11.014 1.251a.75.75 0 0 1 .129.013l.013.003a.75.75 0 0 1 .114.034l.043.02a.75.75 0 0 1 .078.041l.036.023a.757.757 0 0 1 .103.085l3 3a.752.752 0 0 1 .084.102l.023.036c.015.026.03.051.042.078l.02.043a.746.746 0 0 1 .049.256L14.75 5v7.667c0 1.15-.933 2.083-2.083 2.083H6.333a2.083 2.083 0 0 1-2.083-2.083V3.333c0-1.15.933-2.083 2.083-2.083H11l.014.001ZM6.333 2.75a.583.583 0 0 0-.583.583v9.334c0 .322.261.583.583.583h6.334a.583.583 0 0 0 .583-.583V5.75H11a.75.75 0 0 1-.75-.75V2.75H6.333Z" }), _jsx("path", { d: "M2 2.004a.75.75 0 0 1 .75.75v10.492a.75.75 0 0 1-1.5 0V2.754a.75.75 0 0 1 .75-.75Z" })] })));
+    return (_jsxs(SvgIcon, Object.assign({ size: "sm" }, props, { children: [_jsx("path", { d: "M11.014 1.251a.75.75 0 0 1 .129.013l.013.003a.75.75 0 0 1 .114.034l.043.02a.75.75 0 0 1 .078.041l.036.023a.757.757 0 0 1 .103.085l3 3a.752.752 0 0 1 .084.102l.023.036c.015.026.03.051.042.078l.02.043a.746.746 0 0 1 .049.256L14.75 5v7.667c0 1.15-.933 2.083-2.083 2.083H6.333a2.083 2.083 0 0 1-2.083-2.083V3.333c0-1.15.933-2.083 2.083-2.083H11l.014.001ZM6.333 2.75a.583.583 0 0 0-.583.583v9.334c0 .322.261.583.583.583h6.334a.583.583 0 0 0 .583-.583V5.75H11a.75.75 0 0 1-.75-.75V2.75H6.333Z" }), _jsx("path", { d: "M2 2.004a.75.75 0 0 1 .75.75v10.492a.75.75 0 0 1-1.5 0V2.754a.75.75 0 0 1 .75-.75Z" })] })));
 };
 export default DocumentsOutlineSm;

package/icons/OutlineSm/DotOutlineSm.d.ts

@@ -1,4 +1,4 @@
-import { type SvgIconProps } from '@mui/material';
 import type { FunctionComponent } from 'react';
+import { type SvgIconProps } from '../../components/SvgIcon';
 declare const DotOutlineSm: FunctionComponent<SvgIconProps>;
 export default DotOutlineSm;

package/icons/OutlineSm/DotOutlineSm.js

@@ -10,9 +10,9 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { SvgIcon } from '@mui/material';
+import { SvgIcon } from '../../components/SvgIcon';
 const DotOutlineSm = (_a) => {
     var props = __rest(_a, []);
-    return (_jsx(SvgIcon, Object.assign({ viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", width: "16px", height: "16px", fill: "currentColor" }, props, { children: _jsx("circle", { cx: "8", cy: "8", r: "2" }) })));
+    return (_jsx(SvgIcon, Object.assign({ size: "sm" }, props, { children: _jsx("circle", { cx: "8", cy: "8", r: "2" }) })));
 };
 export default DotOutlineSm;

package/icons/OutlineSm/DoubleCheckOutlineSm.d.ts

@@ -1,4 +1,4 @@
-import { type SvgIconProps } from '@mui/material';
 import type { FunctionComponent } from 'react';
+import { type SvgIconProps } from '../../components/SvgIcon';
 declare const DoubleCheckOutlineSm: FunctionComponent<SvgIconProps>;
 export default DoubleCheckOutlineSm;

package/icons/OutlineSm/DoubleCheckOutlineSm.js

@@ -10,9 +10,9 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { SvgIcon } from '@mui/material';
+import { SvgIcon } from '../../components/SvgIcon';
 const DoubleCheckOutlineSm = (_a) => {
     var props = __rest(_a, []);
-    return (_jsx(SvgIcon, Object.assign({ viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", width: "16px", height: "16px", fill: "currentColor" }, props, { children: _jsx("path", { d: "M9.457 4.665a.75.75 0 1 1 1.086 1.033L5.18 11.336a.752.752 0 0 1-1.074.013L1.47 8.712a.75.75 0 0 1 1.003-1.113l.057.052 2.094 2.094 4.833-5.08ZM13.457 4.664a.751.751 0 0 1 1.087 1.033L9.18 11.335a.752.752 0 0 1-1.074.013l-.994-.994 1.034-1.088.478.478 4.832-5.08Z" }) })));
+    return (_jsx(SvgIcon, Object.assign({ size: "sm" }, props, { children: _jsx("path", { d: "M9.457 4.665a.75.75 0 1 1 1.086 1.033L5.18 11.336a.752.752 0 0 1-1.074.013L1.47 8.712a.75.75 0 0 1 1.003-1.113l.057.052 2.094 2.094 4.833-5.08ZM13.457 4.664a.751.751 0 0 1 1.087 1.033L9.18 11.335a.752.752 0 0 1-1.074.013l-.994-.994 1.034-1.088.478.478 4.832-5.08Z" }) })));
 };
 export default DoubleCheckOutlineSm;

package/icons/OutlineSm/DownloadVOutlineSm.d.ts

@@ -1,4 +1,4 @@
-import { type SvgIconProps } from '@mui/material';
 import type { FunctionComponent } from 'react';
+import { type SvgIconProps } from '../../components/SvgIcon';
 declare const DownLoadVOutlineSm: FunctionComponent<SvgIconProps>;
 export default DownLoadVOutlineSm;

package/icons/OutlineSm/DownloadVOutlineSm.js

@@ -10,9 +10,9 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { SvgIcon } from '@mui/material';
+import { SvgIcon } from '../../components/SvgIcon';
 const DownLoadVOutlineSm = (_a) => {
     var props = __rest(_a, []);
-    return (_jsx(SvgIcon, Object.assign({ viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", width: "16px", height: "16px", fill: "currentColor" }, props, { children: _jsx("path", { d: "M14 13.25a.75.75 0 0 1 0 1.5H2a.75.75 0 0 1 0-1.5h12ZM7.25 2a.75.75 0 0 1 1.5 0v7.5l2.8-2.1a.75.75 0 0 1 .9 1.2l-4 3a.75.75 0 0 1-.9 0l-4-3a.75.75 0 0 1 .837-1.243l.063.043 2.8 2.1V2Z" }) })));
+    return (_jsx(SvgIcon, Object.assign({ size: "sm" }, props, { children: _jsx("path", { d: "M14 13.25a.75.75 0 0 1 0 1.5H2a.75.75 0 0 1 0-1.5h12ZM7.25 2a.75.75 0 0 1 1.5 0v7.5l2.8-2.1a.75.75 0 0 1 .9 1.2l-4 3a.75.75 0 0 1-.9 0l-4-3a.75.75 0 0 1 .837-1.243l.063.043 2.8 2.1V2Z" }) })));
 };
 export default DownLoadVOutlineSm;

package/icons/OutlineSm/EditOutlineSm.d.ts

@@ -1,4 +1,4 @@
-import { type SvgIconProps } from '@mui/material';
 import type { FunctionComponent } from 'react';
+import { type SvgIconProps } from '../../components/SvgIcon';
 declare const EditOutlineSm: FunctionComponent<SvgIconProps>;
 export default EditOutlineSm;

package/icons/OutlineSm/EditOutlineSm.js

@@ -10,9 +10,9 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { SvgIcon } from '@mui/material';
+import { SvgIcon } from '../../components/SvgIcon';
 const EditOutlineSm = (_a) => {
     var props = __rest(_a, []);
-    return (_jsx(SvgIcon, Object.assign({ viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", width: "16px", height: "16px", fill: "currentColor" }, props, { children: _jsx("path", { d: "M12.682 4.338a1.135 1.135 0 0 0-1.85-.767l-.084.075-6.514 6.513-.602 2.208 2.209-.602 6.513-6.513.075-.083a1.134 1.134 0 0 0 .258-.72l-.005-.111Zm1.492.37a2.637 2.637 0 0 1-.585 1.413l-.174.191-6.654 6.655a.75.75 0 0 1-.333.193l-3.667 1a.75.75 0 0 1-.921-.92l1-3.667.032-.093a.75.75 0 0 1 .161-.24l6.655-6.655.192-.174a2.64 2.64 0 0 1 2.68-.397 2.638 2.638 0 0 1 1.627 2.435l-.013.259Z" }) })));
+    return (_jsx(SvgIcon, Object.assign({ size: "sm" }, props, { children: _jsx("path", { d: "M12.682 4.338a1.135 1.135 0 0 0-1.85-.767l-.084.075-6.514 6.513-.602 2.208 2.209-.602 6.513-6.513.075-.083a1.134 1.134 0 0 0 .258-.72l-.005-.111Zm1.492.37a2.637 2.637 0 0 1-.585 1.413l-.174.191-6.654 6.655a.75.75 0 0 1-.333.193l-3.667 1a.75.75 0 0 1-.921-.92l1-3.667.032-.093a.75.75 0 0 1 .161-.24l6.655-6.655.192-.174a2.64 2.64 0 0 1 2.68-.397 2.638 2.638 0 0 1 1.627 2.435l-.013.259Z" }) })));
 };
 export default EditOutlineSm;

package/icons/OutlineSm/InfoOutlineSm.d.ts

@@ -1,4 +1,4 @@
-import { type SvgIconProps } from '@mui/material';
 import type { FunctionComponent } from 'react';
+import { type SvgIconProps } from '../../components/SvgIcon';
 declare const InfoOutlineSm: FunctionComponent<SvgIconProps>;
 export default InfoOutlineSm;

package/icons/OutlineSm/InfoOutlineSm.js

@@ -10,9 +10,9 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { SvgIcon } from '@mui/material';
+import { SvgIcon } from '../../components/SvgIcon';
 const InfoOutlineSm = (_a) => {
     var props = __rest(_a, []);
-    return (_jsx(SvgIcon, Object.assign({ viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", width: "16px", height: "16px", fill: "currentColor" }, props, { children: _jsx("path", { d: "M8 1.75a6.25 6.25 0 1 1 0 12.5 6.25 6.25 0 0 1 0-12.5Zm0 1.5a4.75 4.75 0 1 0 0 9.5 4.75 4.75 0 0 0 0-9.5Zm0 4a.75.75 0 0 1 .75.75v2.667l-.004.076a.75.75 0 0 1-1.492 0l-.004-.076V8A.75.75 0 0 1 8 7.25Zm.155-2.548a.75.75 0 0 1 .595.736.75.75 0 0 1-.595.735l-.15.014h-.01a.748.748 0 0 1-.745-.75c0-.414.334-.75.745-.75h.01l.15.015Z" }) })));
+    return (_jsx(SvgIcon, Object.assign({ size: "sm" }, props, { children: _jsx("path", { d: "M8 1.75a6.25 6.25 0 1 1 0 12.5 6.25 6.25 0 0 1 0-12.5Zm0 1.5a4.75 4.75 0 1 0 0 9.5 4.75 4.75 0 0 0 0-9.5Zm0 4a.75.75 0 0 1 .75.75v2.667l-.004.076a.75.75 0 0 1-1.492 0l-.004-.076V8A.75.75 0 0 1 8 7.25Zm.155-2.548a.75.75 0 0 1 .595.736.75.75 0 0 1-.595.735l-.15.014h-.01a.748.748 0 0 1-.745-.75c0-.414.334-.75.745-.75h.01l.15.015Z" }) })));
 };
 export default InfoOutlineSm;

package/icons/OutlineSm/LikeOutlineSm.d.ts

@@ -1,4 +1,4 @@
-import { type SvgIconProps } from '@mui/material';
 import type { FunctionComponent } from 'react';
+import { type SvgIconProps } from '../../components/SvgIcon';
 declare const LikeOutlineSm: FunctionComponent<SvgIconProps>;
 export default LikeOutlineSm;

package/icons/OutlineSm/LikeOutlineSm.js

@@ -10,9 +10,9 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { SvgIcon } from '@mui/material';
+import { SvgIcon } from '../../components/SvgIcon';
 const LikeOutlineSm = (_a) => {
     var props = __rest(_a, []);
-    return (_jsx(SvgIcon, Object.assign({ viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", width: "16px", height: "16px", fill: "currentColor" }, props, { children: _jsx("path", { d: "M.753 14V7.333a.75.75 0 0 1 1.5 0V14a.75.75 0 0 1-1.5 0Zm7.75-12.75c.658 0 1.185.286 1.506.8.284.455.362 1.016.37 1.522.01.725-.125 1.567-.282 2.345h3.073c.536 0 1.025.144 1.404.483.372.334.552.777.626 1.207.142.827-.06 1.834-.33 2.732-.55 1.838-1.547 3.72-1.689 3.984a.81.81 0 0 1-.718.427h-7.96a.75.75 0 0 1-.75-.75V7.333c0-.585.277-1.03.588-1.354.296-.308.676-.56.982-.762.334-.222.601-.397.81-.59.201-.184.279-.323.302-.44.06-.298.123-.66.182-.936a4.9 4.9 0 0 1 .254-.875c.117-.279.294-.575.587-.797.303-.23.663-.329 1.045-.329Zm-3.25 12h6.795c.333-.655.99-2.025 1.385-3.343.259-.862.368-1.583.288-2.045-.037-.213-.103-.304-.147-.343-.038-.034-.138-.102-.404-.102h-4a.75.75 0 0 1-.732-.913c.227-1.022.453-2.098.44-2.91-.006-.41-.074-.641-.141-.75-.03-.046-.058-.094-.234-.094a.401.401 0 0 0-.114.013.076.076 0 0 0-.025.011c-.01.008-.053.046-.11.183-.06.14-.113.335-.17.605-.06.286-.104.55-.178.918-.11.55-.433.954-.757 1.252-.316.291-.7.538-.998.736-.328.217-.565.383-.728.552-.147.153-.17.244-.17.313v5.917Z" }) })));
+    return (_jsx(SvgIcon, Object.assign({ size: "sm" }, props, { children: _jsx("path", { d: "M.753 14V7.333a.75.75 0 0 1 1.5 0V14a.75.75 0 0 1-1.5 0Zm7.75-12.75c.658 0 1.185.286 1.506.8.284.455.362 1.016.37 1.522.01.725-.125 1.567-.282 2.345h3.073c.536 0 1.025.144 1.404.483.372.334.552.777.626 1.207.142.827-.06 1.834-.33 2.732-.55 1.838-1.547 3.72-1.689 3.984a.81.81 0 0 1-.718.427h-7.96a.75.75 0 0 1-.75-.75V7.333c0-.585.277-1.03.588-1.354.296-.308.676-.56.982-.762.334-.222.601-.397.81-.59.201-.184.279-.323.302-.44.06-.298.123-.66.182-.936a4.9 4.9 0 0 1 .254-.875c.117-.279.294-.575.587-.797.303-.23.663-.329 1.045-.329Zm-3.25 12h6.795c.333-.655.99-2.025 1.385-3.343.259-.862.368-1.583.288-2.045-.037-.213-.103-.304-.147-.343-.038-.034-.138-.102-.404-.102h-4a.75.75 0 0 1-.732-.913c.227-1.022.453-2.098.44-2.91-.006-.41-.074-.641-.141-.75-.03-.046-.058-.094-.234-.094a.401.401 0 0 0-.114.013.076.076 0 0 0-.025.011c-.01.008-.053.046-.11.183-.06.14-.113.335-.17.605-.06.286-.104.55-.178.918-.11.55-.433.954-.757 1.252-.316.291-.7.538-.998.736-.328.217-.565.383-.728.552-.147.153-.17.244-.17.313v5.917Z" }) })));
 };
 export default LikeOutlineSm;

package/icons/OutlineSm/LoaderOutlineSm.d.ts

@@ -1,4 +1,4 @@
-import { type SvgIconProps } from '@mui/material';
 import type { FunctionComponent } from 'react';
+import { type SvgIconProps } from '../../components/SvgIcon';
 declare const LoaderOutlineSm: FunctionComponent<SvgIconProps>;
 export default LoaderOutlineSm;

package/icons/OutlineSm/LoaderOutlineSm.js

@@ -10,9 +10,9 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { SvgIcon } from '@mui/material';
+import { SvgIcon } from '../../components/SvgIcon';
 const LoaderOutlineSm = (_a) => {
     var props = __rest(_a, []);
-    return (_jsx(SvgIcon, Object.assign({ viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", width: "16px", height: "16px", fill: "currentColor" }, props, { children: _jsx("path", { d: "M8.588 2.386A5.625 5.625 0 0 1 13.326 5.6a.625.625 0 0 1-1.13.533 4.377 4.377 0 0 0-8.33 1.731 4.375 4.375 0 0 0 4.08 4.501l.293.01.126.013a.625.625 0 0 1 0 1.224l-.126.013-.377-.013a5.625 5.625 0 0 1 .726-11.226Z" }) })));
+    return (_jsx(SvgIcon, Object.assign({ size: "sm" }, props, { children: _jsx("path", { d: "M8.588 2.386A5.625 5.625 0 0 1 13.326 5.6a.625.625 0 0 1-1.13.533 4.377 4.377 0 0 0-8.33 1.731 4.375 4.375 0 0 0 4.08 4.501l.293.01.126.013a.625.625 0 0 1 0 1.224l-.126.013-.377-.013a5.625 5.625 0 0 1 .726-11.226Z" }) })));
 };
 export default LoaderOutlineSm;

package/icons/OutlineSm/MessageOutlineSm.d.ts

@@ -1,4 +1,4 @@
-import { type SvgIconProps } from '@mui/material';
 import type { FunctionComponent } from 'react';
+import { type SvgIconProps } from '../../components/SvgIcon';
 declare const MessageOutlineSm: FunctionComponent<SvgIconProps>;
 export default MessageOutlineSm;

package/icons/OutlineSm/MessageOutlineSm.js

@@ -10,9 +10,9 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { SvgIcon } from '@mui/material';
+import { SvgIcon } from '../../components/SvgIcon';
 const MessageOutlineSm = (_a) => {
     var props = __rest(_a, []);
-    return (_jsx(SvgIcon, Object.assign({ viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", width: "16px", height: "16px", fill: "currentColor" }, props, { children: _jsx("path", { d: "M3.75 8a4.25 4.25 0 1 1 2.243 3.747l-.123-.053a.75.75 0 0 0-.395-.017l-1.485.332.333-1.486a.75.75 0 0 0-.072-.518A4.229 4.229 0 0 1 3.751 8Zm-1.5 0c0 .877.199 1.709.551 2.454l-.533 2.382a.751.751 0 0 0 .896.895l2.38-.534A5.75 5.75 0 1 0 2.25 8Z" }) })));
+    return (_jsx(SvgIcon, Object.assign({ size: "sm" }, props, { children: _jsx("path", { d: "M3.75 8a4.25 4.25 0 1 1 2.243 3.747l-.123-.053a.75.75 0 0 0-.395-.017l-1.485.332.333-1.486a.75.75 0 0 0-.072-.518A4.229 4.229 0 0 1 3.751 8Zm-1.5 0c0 .877.199 1.709.551 2.454l-.533 2.382a.751.751 0 0 0 .896.895l2.38-.534A5.75 5.75 0 1 0 2.25 8Z" }) })));
 };
 export default MessageOutlineSm;

package/icons/OutlineSm/OpenLinkOutlineSm.d.ts

@@ -1,4 +1,4 @@
-import { type SvgIconProps } from '@mui/material';
 import type { FunctionComponent } from 'react';
+import { type SvgIconProps } from '../../components/SvgIcon';
 declare const OpenLinkOutlineSm: FunctionComponent<SvgIconProps>;
 export default OpenLinkOutlineSm;

package/icons/OutlineSm/OpenLinkOutlineSm.js

@@ -10,9 +10,9 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { SvgIcon } from '@mui/material';
+import { SvgIcon } from '../../components/SvgIcon';
 const OpenLinkOutlineSm = (_a) => {
     var props = __rest(_a, []);
-    return (_jsx(SvgIcon, Object.assign({ viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", width: "16px", height: "16px", fill: "currentColor" }, props, { children: _jsx("path", { d: "M1.25 12.333V5.667A2.417 2.417 0 0 1 3.667 3.25h3.666a.75.75 0 0 1 0 1.5H3.667a.917.917 0 0 0-.917.917v6.666c0 .506.41.917.917.917h6.666c.506 0 .917-.41.917-.917V8.667a.75.75 0 0 1 1.5 0v3.666a2.417 2.417 0 0 1-2.417 2.417H3.667a2.417 2.417 0 0 1-2.417-2.417ZM13.25 5V3.81L7.863 9.198a.75.75 0 0 1-1.06-1.06L12.19 2.75H11a.75.75 0 0 1 0-1.5h3a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-1.5 0Z" }) })));
+    return (_jsx(SvgIcon, Object.assign({ size: "sm" }, props, { children: _jsx("path", { d: "M1.25 12.333V5.667A2.417 2.417 0 0 1 3.667 3.25h3.666a.75.75 0 0 1 0 1.5H3.667a.917.917 0 0 0-.917.917v6.666c0 .506.41.917.917.917h6.666c.506 0 .917-.41.917-.917V8.667a.75.75 0 0 1 1.5 0v3.666a2.417 2.417 0 0 1-2.417 2.417H3.667a2.417 2.417 0 0 1-2.417-2.417ZM13.25 5V3.81L7.863 9.198a.75.75 0 0 1-1.06-1.06L12.19 2.75H11a.75.75 0 0 1 0-1.5h3a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-1.5 0Z" }) })));
 };
 export default OpenLinkOutlineSm;

package/icons/OutlineSm/PageOutlineSm.d.ts

@@ -1,4 +1,4 @@
-import { type SvgIconProps } from '@mui/material';
 import type { FunctionComponent } from 'react';
+import { type SvgIconProps } from '../../components/SvgIcon';
 declare const PageOutlineSm: FunctionComponent<SvgIconProps>;
 export default PageOutlineSm;

package/icons/OutlineSm/PageOutlineSm.js

@@ -10,9 +10,9 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { SvgIcon } from '@mui/material';
+import { SvgIcon } from '../../components/SvgIcon';
 const PageOutlineSm = (_a) => {
     var props = __rest(_a, []);
-    return (_jsx(SvgIcon, Object.assign({ viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", width: "16px", height: "16px", fill: "currentColor" }, props, { children: _jsx("path", { d: "M8 11.25a.75.75 0 0 1 0 1.5H4a.75.75 0 0 1 0-1.5h4Zm4-4a.75.75 0 0 1 0 1.5H4a.75.75 0 0 1 0-1.5h8Zm0-4 .077.004a.75.75 0 0 1 0 1.492L12 4.75H4a.75.75 0 0 1 0-1.5h8Z" }) })));
+    return (_jsx(SvgIcon, Object.assign({ size: "sm" }, props, { children: _jsx("path", { d: "M8 11.25a.75.75 0 0 1 0 1.5H4a.75.75 0 0 1 0-1.5h4Zm4-4a.75.75 0 0 1 0 1.5H4a.75.75 0 0 1 0-1.5h8Zm0-4 .077.004a.75.75 0 0 1 0 1.492L12 4.75H4a.75.75 0 0 1 0-1.5h8Z" }) })));
 };
 export default PageOutlineSm;

package/icons/OutlineSm/ProfileOutlineSm.d.ts

@@ -1,4 +1,4 @@
-import { type SvgIconProps } from '@mui/material';
 import type { FunctionComponent } from 'react';
+import { type SvgIconProps } from '../../components/SvgIcon';
 declare const ProfileOutlineSm: FunctionComponent<SvgIconProps>;
 export default ProfileOutlineSm;

package/icons/OutlineSm/ProfileOutlineSm.js

@@ -10,9 +10,9 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { SvgIcon } from '@mui/material';
+import { SvgIcon } from '../../components/SvgIcon';
 const ProfileOutlineSm = (_a) => {
     var props = __rest(_a, []);
-    return (_jsx(SvgIcon, Object.assign({ viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", width: "16px", height: "16px", fill: "currentColor" }, props, { children: _jsx("path", { d: "M12.25 14v-1c0-.69-.56-1.25-1.25-1.25H5c-.69 0-1.25.56-1.25 1.25v1a.75.75 0 0 1-1.5 0v-1A2.75 2.75 0 0 1 5 10.25h6A2.75 2.75 0 0 1 13.75 13v1a.75.75 0 0 1-1.5 0Zm-2-9a2.25 2.25 0 1 0-4.5 0 2.25 2.25 0 0 0 4.5 0Zm1.5 0a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z" }) })));
+    return (_jsx(SvgIcon, Object.assign({ size: "sm" }, props, { children: _jsx("path", { d: "M12.25 14v-1c0-.69-.56-1.25-1.25-1.25H5c-.69 0-1.25.56-1.25 1.25v1a.75.75 0 0 1-1.5 0v-1A2.75 2.75 0 0 1 5 10.25h6A2.75 2.75 0 0 1 13.75 13v1a.75.75 0 0 1-1.5 0Zm-2-9a2.25 2.25 0 1 0-4.5 0 2.25 2.25 0 0 0 4.5 0Zm1.5 0a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z" }) })));
 };
 export default ProfileOutlineSm;

package/icons/OutlineSm/RefreshOutlineSm.d.ts

@@ -1,4 +1,4 @@
-import { type SvgIconProps } from '@mui/material';
 import type { FunctionComponent } from 'react';
+import { type SvgIconProps } from '../../components/SvgIcon';
 declare const RefreshOutlineSm: FunctionComponent<SvgIconProps>;
 export default RefreshOutlineSm;

package/icons/OutlineSm/RefreshOutlineSm.js

@@ -10,9 +10,9 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { SvgIcon } from '@mui/material';
+import { SvgIcon } from '../../components/SvgIcon';
 const RefreshOutlineSm = (_a) => {
     var props = __rest(_a, []);
-    return (_jsx(SvgIcon, Object.assign({ viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", width: "16px", height: "16px", fill: "currentColor" }, props, { children: _jsx("path", { d: "M12.343 7.774a4.803 4.803 0 0 0-2.283-4.091l-.28-.16-.067-.04a.75.75 0 0 1 .697-1.319l.07.032.367.21a6.302 6.302 0 0 1 .984 9.985h1.262l.076.004a.75.75 0 0 1 0 1.492l-.076.004H9.907a.75.75 0 0 1-.75-.75v-3a.75.75 0 0 1 1.5 0v1.287a4.792 4.792 0 0 0 1.686-3.654Zm-7-1.915V4.571a4.803 4.803 0 0 0 .598 7.746l.28.16.066.04a.75.75 0 0 1-.697 1.319l-.07-.032-.368-.21a6.303 6.303 0 0 1-.983-9.985H2.907a.75.75 0 1 1 0-1.5h3.186a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-1.5 0Z" }) })));
+    return (_jsx(SvgIcon, Object.assign({ size: "sm" }, props, { children: _jsx("path", { d: "M12.343 7.774a4.803 4.803 0 0 0-2.283-4.091l-.28-.16-.067-.04a.75.75 0 0 1 .697-1.319l.07.032.367.21a6.302 6.302 0 0 1 .984 9.985h1.262l.076.004a.75.75 0 0 1 0 1.492l-.076.004H9.907a.75.75 0 0 1-.75-.75v-3a.75.75 0 0 1 1.5 0v1.287a4.792 4.792 0 0 0 1.686-3.654Zm-7-1.915V4.571a4.803 4.803 0 0 0 .598 7.746l.28.16.066.04a.75.75 0 0 1-.697 1.319l-.07-.032-.368-.21a6.303 6.303 0 0 1-.983-9.985H2.907a.75.75 0 1 1 0-1.5h3.186a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-1.5 0Z" }) })));
 };
 export default RefreshOutlineSm;

package/icons/OutlineSm/RequestOutlineSm.d.ts

@@ -1,4 +1,4 @@
-import { type SvgIconProps } from '@mui/material';
 import type { FunctionComponent } from 'react';
+import { type SvgIconProps } from '../../components/SvgIcon';
 declare const RequestOutlineSm: FunctionComponent<SvgIconProps>;
 export default RequestOutlineSm;

package/icons/OutlineSm/RequestOutlineSm.js

@@ -10,9 +10,9 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { SvgIcon } from '@mui/material';
+import { SvgIcon } from '../../components/SvgIcon';
 const RequestOutlineSm = (_a) => {
     var props = __rest(_a, []);
-    return (_jsx(SvgIcon, Object.assign({ viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", width: "16px", height: "16px", fill: "currentColor" }, props, { children: _jsx("path", { d: "M5.345 1.845a.75.75 0 1 1 1.06 1.06l-1.22 1.22h4.19a2.75 2.75 0 0 1 2.75 2.75v1.5a.75.75 0 0 1-1.5 0v-1.5c0-.69-.56-1.25-1.25-1.25h-4.19l1.22 1.22a.75.75 0 0 1-1.06 1.06l-2.5-2.5a.75.75 0 0 1 0-1.06l2.5-2.5ZM13.375 12.375a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z" }) })));
+    return (_jsx(SvgIcon, Object.assign({ size: "sm" }, props, { children: _jsx("path", { d: "M5.345 1.845a.75.75 0 1 1 1.06 1.06l-1.22 1.22h4.19a2.75 2.75 0 0 1 2.75 2.75v1.5a.75.75 0 0 1-1.5 0v-1.5c0-.69-.56-1.25-1.25-1.25h-4.19l1.22 1.22a.75.75 0 0 1-1.06 1.06l-2.5-2.5a.75.75 0 0 1 0-1.06l2.5-2.5ZM13.375 12.375a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z" }) })));
 };
 export default RequestOutlineSm;

package/icons/OutlineSm/RouteOutlineSm.d.ts

@@ -1,4 +1,4 @@
-import { type SvgIconProps } from '@mui/material';
 import type { FunctionComponent } from 'react';
+import { type SvgIconProps } from '../../components/SvgIcon';
 declare const RouteOutlineSm: FunctionComponent<SvgIconProps>;
 export default RouteOutlineSm;

package/icons/OutlineSm/RouteOutlineSm.js

@@ -10,9 +10,9 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { SvgIcon } from '@mui/material';
+import { SvgIcon } from '../../components/SvgIcon';
 const RouteOutlineSm = (_a) => {
     var props = __rest(_a, []);
-    return (_jsx(SvgIcon, Object.assign({ viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", width: "16px", height: "16px", fill: "currentColor" }, props, { children: _jsx("path", { d: "M13.25 12.333a.917.917 0 1 0-1.833.001.917.917 0 0 0 1.833-.001Zm1.5 0a2.417 2.417 0 0 1-4.729.703l-5.062-.379A2.62 2.62 0 0 1 2.854 11.3l-.022-.041a2.539 2.539 0 0 1 2.025-3.745l6.328-.507a1.01 1.01 0 0 0 .856-1.384 1.034 1.034 0 0 0-.858-.644l-5.243-.5a2.414 2.414 0 0 1-4.69-.811 2.417 2.417 0 0 1 4.731-.692l5.344.51c.945.09 1.758.704 2.109 1.58a2.509 2.509 0 0 1-2.128 3.436l-6.33.507a1.038 1.038 0 0 0-.828 1.531l.023.042c.182.334.521.552.9.58l4.983.373a2.416 2.416 0 0 1 4.696.799Zm-12-8.666a.917.917 0 1 0 1.833-.001.917.917 0 0 0-1.833.001Z" }) })));
+    return (_jsx(SvgIcon, Object.assign({ size: "sm" }, props, { children: _jsx("path", { d: "M13.25 12.333a.917.917 0 1 0-1.833.001.917.917 0 0 0 1.833-.001Zm1.5 0a2.417 2.417 0 0 1-4.729.703l-5.062-.379A2.62 2.62 0 0 1 2.854 11.3l-.022-.041a2.539 2.539 0 0 1 2.025-3.745l6.328-.507a1.01 1.01 0 0 0 .856-1.384 1.034 1.034 0 0 0-.858-.644l-5.243-.5a2.414 2.414 0 0 1-4.69-.811 2.417 2.417 0 0 1 4.731-.692l5.344.51c.945.09 1.758.704 2.109 1.58a2.509 2.509 0 0 1-2.128 3.436l-6.33.507a1.038 1.038 0 0 0-.828 1.531l.023.042c.182.334.521.552.9.58l4.983.373a2.416 2.416 0 0 1 4.696.799Zm-12-8.666a.917.917 0 1 0 1.833-.001.917.917 0 0 0-1.833.001Z" }) })));
 };
 export default RouteOutlineSm;

package/icons/OutlineSm/SearchOutlineSm.d.ts

@@ -1,4 +1,4 @@
-import { type SvgIconProps } from '@mui/material';
 import type { FunctionComponent } from 'react';
+import { type SvgIconProps } from '../../components/SvgIcon';
 declare const SearchOutlineSm: FunctionComponent<SvgIconProps>;
 export default SearchOutlineSm;

package/icons/OutlineSm/SearchOutlineSm.js

@@ -10,9 +10,9 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { SvgIcon } from '@mui/material';
+import { SvgIcon } from '../../components/SvgIcon';
 const SearchOutlineSm = (_a) => {
     var props = __rest(_a, []);
-    return (_jsx(SvgIcon, Object.assign({ viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", width: "16px", height: "16px", fill: "currentColor" }, props, { children: _jsx("path", { d: "M11.25 7a4.25 4.25 0 1 0-8.5 0 4.25 4.25 0 0 0 8.5 0Zm1.5 0c0 1.317-.445 2.53-1.19 3.499l2.97 2.97.052.057a.75.75 0 0 1-1.056 1.056l-.056-.052-2.971-2.97A5.722 5.722 0 0 1 7 12.75 5.75 5.75 0 1 1 12.75 7Z" }) })));
+    return (_jsx(SvgIcon, Object.assign({ size: "sm" }, props, { children: _jsx("path", { d: "M11.25 7a4.25 4.25 0 1 0-8.5 0 4.25 4.25 0 0 0 8.5 0Zm1.5 0c0 1.317-.445 2.53-1.19 3.499l2.97 2.97.052.057a.75.75 0 0 1-1.056 1.056l-.056-.052-2.971-2.97A5.722 5.722 0 0 1 7 12.75 5.75 5.75 0 1 1 12.75 7Z" }) })));
 };
 export default SearchOutlineSm;

package/icons/OutlineSm/SortingOutlineSm.d.ts

@@ -1,4 +1,4 @@
-import { type SvgIconProps } from '@mui/material';
 import type { FunctionComponent } from 'react';
+import { type SvgIconProps } from '../../components/SvgIcon';
 declare const SortingOutlineSm: FunctionComponent<SvgIconProps>;
 export default SortingOutlineSm;

package/icons/OutlineSm/SortingOutlineSm.js

@@ -10,9 +10,9 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { SvgIcon } from '@mui/material';
+import { SvgIcon } from '../../components/SvgIcon';
 const SortingOutlineSm = (_a) => {
     var props = __rest(_a, []);
-    return (_jsx(SvgIcon, Object.assign({ viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", width: "16px", height: "16px", fill: "currentColor" }, props, { children: _jsx("path", { d: "M14 9.25a.75.75 0 0 1 0 1.5H2a.75.75 0 0 1 0-1.5h12Zm0-4a.75.75 0 0 1 0 1.5H2a.75.75 0 0 1 0-1.5h12Z" }) })));
+    return (_jsx(SvgIcon, Object.assign({ size: "sm" }, props, { children: _jsx("path", { d: "M14 9.25a.75.75 0 0 1 0 1.5H2a.75.75 0 0 1 0-1.5h12Zm0-4a.75.75 0 0 1 0 1.5H2a.75.75 0 0 1 0-1.5h12Z" }) })));
 };
 export default SortingOutlineSm;

package/icons/OutlineSm/SuccessOutlineSm.d.ts

@@ -1,4 +1,4 @@
-import { type SvgIconProps } from '@mui/material';
 import type { FunctionComponent } from 'react';
+import { type SvgIconProps } from '../../components/SvgIcon';
 declare const SuccessOutlineSm: FunctionComponent<SvgIconProps>;
 export default SuccessOutlineSm;

package/icons/OutlineSm/SuccessOutlineSm.js

@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { SvgIcon } from '@mui/material';
+import { SvgIcon } from '../../components/SvgIcon';
 const SuccessOutlineSm = (_a) => {
     var props = __rest(_a, []);
     return (_jsx(SvgIcon, Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", xmlSpace: "preserve", width: "16px", height: "16px", fill: "currentColor" }, props, { children: _jsx("path", { d: "M13.25 8a5.25 5.25 0 1 0-10.5 0 5.25 5.25 0 0 0 10.5 0ZM9.887 5.753a.75.75 0 0 1 1.06 1.06l-3.5 3.5a.75.75 0 0 1-1.06 0l-1.75-1.75-.052-.056A.75.75 0 0 1 5.64 7.45l.057.052 1.22 1.22 2.97-2.97ZM14.75 8a6.75 6.75 0 1 1-13.5 0 6.75 6.75 0 0 1 13.5 0Z", fill: "#00875A" }) })));

package/icons/OutlineSm/TransferOutlineSm.d.ts

@@ -1,4 +1,4 @@
-import { type SvgIconProps } from '@mui/material';
 import type { FunctionComponent } from 'react';
+import { type SvgIconProps } from '../../components/SvgIcon';
 declare const TransferOutlineSm: FunctionComponent<SvgIconProps>;
 export default TransferOutlineSm;

package/icons/OutlineSm/TransferOutlineSm.js

@@ -10,9 +10,9 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { SvgIcon } from '@mui/material';
+import { SvgIcon } from '../../components/SvgIcon';
 const TransferOutlineSm = (_a) => {
     var props = __rest(_a, []);
-    return (_jsx(SvgIcon, Object.assign({ viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", width: "16px", height: "16px", fill: "currentColor" }, props, { children: _jsx("path", { d: "M4.97 8.97a.75.75 0 1 1 1.06 1.06l-1.22 1.22H13a.75.75 0 0 1 0 1.5H4.81l1.22 1.22.052.056A.75.75 0 0 1 4.97 15.03l-2.5-2.5a.75.75 0 0 1 0-1.06l2.5-2.5Zm5-8a.75.75 0 0 1 1.06 0l2.5 2.5a.75.75 0 0 1 0 1.06l-2.5 2.5a.75.75 0 0 1-1.06-1.06l1.22-1.22H3a.75.75 0 0 1 0-1.5h8.19L9.97 2.03a.75.75 0 0 1 0-1.06Z" }) })));
+    return (_jsx(SvgIcon, Object.assign({ size: "sm" }, props, { children: _jsx("path", { d: "M4.97 8.97a.75.75 0 1 1 1.06 1.06l-1.22 1.22H13a.75.75 0 0 1 0 1.5H4.81l1.22 1.22.052.056A.75.75 0 0 1 4.97 15.03l-2.5-2.5a.75.75 0 0 1 0-1.06l2.5-2.5Zm5-8a.75.75 0 0 1 1.06 0l2.5 2.5a.75.75 0 0 1 0 1.06l-2.5 2.5a.75.75 0 0 1-1.06-1.06l1.22-1.22H3a.75.75 0 0 1 0-1.5h8.19L9.97 2.03a.75.75 0 0 1 0-1.06Z" }) })));
 };
 export default TransferOutlineSm;

package/node/components/Accordion/styles.d.ts

@@ -44,18 +44,10 @@ export declare const Wrapper: import("@emotion/styled").StyledComponent<{
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Chevron: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").SvgIconClasses> | undefined;
-    color?: import("@mui/types").OverridableStringUnion<"action" | "inherit" | "info" | "primary" | "secondary" | "error" | "warning" | "success" | "disabled", import("@mui/material").SvgIconPropsColorOverrides> | undefined;
-    fontSize?: import("@mui/types").OverridableStringUnion<"small" | "inherit" | "medium" | "large", import("@mui/material").SvgIconPropsSizeOverrides> | undefined;
-    htmlColor?: string | undefined;
-    inheritViewBox?: boolean | undefined;
-    shapeRendering?: string | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+    color?: string | undefined;
     titleAccess?: string | undefined;
-    viewBox?: string | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, "color" | "fontSize" | "shapeRendering" | "children" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & {
+    size?: "sm" | "md" | undefined;
+} & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     $isActive: boolean;

package/node/components/Accordion/styles.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Chevron = exports.Wrapper = exports.ChevronWrapper = exports.Summary = exports.ContentWrapper = exports.SubtitleWrapper = exports.Header = void 0;
-const material_1 = require("@mui/material");
 const icons_1 = require("../../icons");
+const SvgIcon_1 = require("../SvgIcon");
 const styles_1 = require("../styles");
 const mixins_1 = require("../styles/mixins");
 const Typography_1 = require("../Typography");
@@ -21,9 +21,8 @@ exports.Header = styles_1.styled.header `
     /* Убирает highlight на мобильных устройствах */
     -webkit-tap-highlight-color: transparent;
   }
-
-  /* TODO: заменить на собственную реализацию svgIcon в рамках задачи UIKIT-2611(https://track.astral.ru/soft/browse/UIKIT-2611) */
-  & .${material_1.svgIconClasses.root} {
+  
+  & .${SvgIcon_1.svgIconClassnames.root} {
     font-size: 20px;
 
     ${({ theme }) => theme.breakpoints.down('sm')} {

package/node/components/ActionGroup/MainActions/hooks/useMainActions/useMainActions.d.ts

@@ -6,7 +6,7 @@ export declare const useMainActions: <TMainActionComponent extends ElementType>(
         title: string | undefined;
         withoutContainer: boolean;
     };
-    buttonProps: Omit<MultipleAction<TMainActionComponent>, "text" | "note" | "disabled" | "actions" | "disabledReason" | "isNested" | "isBlockingOperation"> & {
+    buttonProps: Omit<MultipleAction<TMainActionComponent>, "text" | "disabled" | "note" | "actions" | "disabledReason" | "isNested" | "isBlockingOperation"> & {
         disabled: boolean | undefined;
         name: string;
         size: "medium" | "large";
@@ -20,7 +20,7 @@ export declare const useMainActions: <TMainActionComponent extends ElementType>(
         action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
         color?: string | undefined;
         content?: string | undefined;
-        translate?: "yes" | "no" | undefined;
+        translate?: "no" | "yes" | undefined;
         divider?: boolean | undefined;
         classes?: (Partial<import("@mui/material").MenuItemClasses> & Partial<import("@mui/material").ClassNameMap<never>>) | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
@@ -86,7 +86,7 @@ export declare const useMainActions: <TMainActionComponent extends ElementType>(
         'aria-expanded'?: (boolean | "true" | "false") | undefined;
         'aria-flowto'?: string | undefined;
         'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-        'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
+        'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "true" | "false" | "tree" | undefined;
         'aria-hidden'?: (boolean | "true" | "false") | undefined;
         'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
         'aria-keyshortcuts'?: string | undefined;
@@ -280,10 +280,10 @@ export declare const useMainActions: <TMainActionComponent extends ElementType>(
         onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLLIElement> | undefined;
         onTransitionEnd?: import("react").TransitionEventHandler<HTMLLIElement> | undefined;
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLLIElement> | undefined;
+        disabled?: boolean | undefined;
         ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
         key: import("react").Key | null;
         centerRipple?: boolean | undefined;
-        disabled?: boolean | undefined;
         disableRipple?: boolean | undefined;
         disableTouchRipple?: boolean | undefined;
         focusRipple?: boolean | undefined;
@@ -310,7 +310,7 @@ export declare const useMainActions: <TMainActionComponent extends ElementType>(
         withoutContainer: boolean;
     };
     isNested: false | undefined;
-    buttonProps: Omit<SingleAction<TMainActionComponent>, "text" | "note" | "disabled" | "disabledReason" | "isNested" | "isBlockingOperation"> & {
+    buttonProps: Omit<SingleAction<TMainActionComponent>, "text" | "disabled" | "note" | "disabledReason" | "isNested" | "isBlockingOperation"> & {
         disabled: boolean | undefined;
         children: string;
         size: "medium" | "large";

package/node/components/Alert/styles.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Title = exports.StyledTypography = exports.Content = exports.IconWrapper = exports.Wrapper = exports.StyledIconButton = exports.StyledGrid = void 0;
-const material_1 = require("@mui/material");
 const Grid_1 = require("../Grid");
 const IconButton_1 = require("../IconButton");
+const SvgIcon_1 = require("../SvgIcon");
 const styles_1 = require("../styles");
 const Typography_1 = require("../Typography");
 const getBgColor = (theme, severity) => {
@@ -130,7 +130,7 @@ exports.IconWrapper = styles_1.styled.div `
     padding-top: ${({ $hasTitle, theme, $hasCloseButton }) => getMobileIconPadding(theme, $hasTitle, $hasCloseButton)};
   }
 
-  & .${material_1.svgIconClasses.root} {
+  & .${SvgIcon_1.svgIconClassnames.root} {
     font-size: 20px;
 
     ${({ theme }) => theme.breakpoints.down('sm')} {

package/node/components/AsyncAutocomplete/useLogic/useLogic.d.ts

@@ -10,7 +10,7 @@ export declare const useLogic: <TOptions, TMultiple extends boolean, TDisableCle
         title?: string | undefined;
         color?: string | undefined;
         content?: string | undefined;
-        translate?: "yes" | "no" | undefined;
+        translate?: "no" | "yes" | undefined;
         size?: "small" | "medium" | undefined;
         classes?: Partial<import("@mui/material").AutocompleteClasses> | undefined;
         onChange?: ((event: SyntheticEvent<Element, Event>, value: import("@mui/material").AutocompleteValue<TOptions, TMultiple, TDisableClearable, TFreeSolo>, reason: import("@mui/material").AutocompleteChangeReason, details?: import("@mui/material").AutocompleteChangeDetails<TOptions> | undefined) => void) | undefined;
@@ -74,7 +74,7 @@ export declare const useLogic: <TOptions, TMultiple extends boolean, TDisableCle
         'aria-expanded'?: (boolean | "true" | "false") | undefined;
         'aria-flowto'?: string | undefined;
         'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-        'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
+        'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "true" | "false" | "tree" | undefined;
         'aria-hidden'?: (boolean | "true" | "false") | undefined;
         'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
         'aria-keyshortcuts'?: string | undefined;