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

package/components/Tree/TreeItem/styles.d.ts

@@ -29,18 +29,10 @@ export declare const CollapseButton: import("@emotion/styled").StyledComponent<O
 }, {}, {}>;
 export declare const ChevronIcon: 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 | undefined;
@@ -79,7 +71,7 @@ export declare const Note: import("@emotion/styled").StyledComponent<import("../
         } | undefined;
         color?: string | undefined;
         content?: string | undefined;
-        translate?: "yes" | "no" | undefined;
+        translate?: "no" | "yes" | undefined;
         size?: "small" | "medium" | undefined;
         classes?: Partial<import("@mui/material").TooltipClasses> | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
@@ -145,7 +137,7 @@ export declare const Note: import("@emotion/styled").StyledComponent<import("../
         '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;

package/components/Tree/TreeItem/styles.js

@@ -1,9 +1,10 @@
-import { svgIconClasses, typographyClasses } from '@mui/material';
+import { typographyClasses } from '@mui/material';
 import { ChevronROutlineMd } from '../../../icons';
 import { buttonClasses } from '../../Button';
 import { descriptionClassnames } from '../../Description';
 import { IconButton } from '../../IconButton';
 import { OverflowTypography } from '../../OverflowTypography';
+import { svgIconClassnames } from '../../SvgIcon';
 import { styled } from '../../styles';
 import { Typography } from '../../Typography';
 import { COLLAPSE_BUTTON_WIDTH, GAP_WIDTH, HALF_PADDING_COLLAPSE_BUTTON_WIDTH, TREE_LINE_WIDTH, } from './constants';
@@ -79,7 +80,7 @@ export const CollapseButton = styled(IconButton, {
 
   color: ${({ theme, $isNotBlockingExpandList }) => $isNotBlockingExpandList ? theme.palette.text.primary : 'inherit'};
 
-  &.${buttonClasses.root} .${svgIconClasses.root}, &.${buttonClasses.root} {
+  &.${buttonClasses.root} .${svgIconClassnames.root}, &.${buttonClasses.root} {
     width: 24px;
     height: 24px;
 

package/components/fileUploading/FileInfo/styles.d.ts

@@ -18,7 +18,7 @@ export declare const StyledFilename: import("@emotion/styled").StyledComponent<O
         } | undefined;
         color?: string | undefined;
         content?: string | undefined;
-        translate?: "yes" | "no" | undefined;
+        translate?: "no" | "yes" | undefined;
         size?: "small" | "medium" | undefined;
         classes?: Partial<import("@mui/material").TooltipClasses> | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
@@ -84,7 +84,7 @@ export declare const StyledFilename: import("@emotion/styled").StyledComponent<O
         '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;
@@ -342,17 +342,9 @@ export declare const FileSize: import("@emotion/styled").StyledComponent<{
 }, {}, {}>;
 export declare const DotIcon: 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/system").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;
 }, {}, {}>;

package/components/theme/components/MuiButton.js

@@ -1,5 +1,6 @@
 import { buttonClasses } from '@mui/material';
 import { ButtonSizes, ButtonStates, ButtonVariants, buttonClassnames, } from '../../Button';
+import { svgIconClassnames } from '../../SvgIcon';
 /**
  * Вспомогательная утилита для получения значения из values
  * values - содержит в себе все возможные значения
@@ -476,7 +477,7 @@ export const MuiButton = {
                     marginRight: 0,
                     marginLeft: 0,
                 },
-                '&.MuiButton-root .MuiSvgIcon-root': {
+                [`&.MuiButton-root .${svgIconClassnames.root}`]: {
                     fontSize: '20px',
                     [theme.breakpoints.down('sm')]: {
                         fontSize: '24px',

package/components/theme/components/MuiTextField.js

@@ -1,4 +1,5 @@
 import { buttonBaseClasses, formLabelClasses, inputBaseClasses, } from '@mui/material';
+import { svgIconClassnames } from '../../SvgIcon';
 import { tagClassnames } from '../../Tag';
 export const MuiTextField = {
     styleOverrides: {
@@ -6,8 +7,7 @@ export const MuiTextField = {
             return {
                 [`& .${inputBaseClasses.adornedStart}`]: {
                     paddingLeft: theme.spacing(3),
-                    /* todo заменить Classname mui в рамках задачи UIKIT-2611(https://track.astral.ru/soft/browse/UIKIT-2611) */
-                    '& .MuiSvgIcon-root': {
+                    [`& .${svgIconClassnames.root}`]: {
                         width: 20,
                         height: 20,
                         [`${theme.breakpoints.down('sm')}`]: {
@@ -28,8 +28,7 @@ export const MuiTextField = {
                 },
                 [`& .${inputBaseClasses.adornedEnd}`]: {
                     paddingRight: theme.spacing(3),
-                    /* todo заменить Classname mui в рамках задачи UIKIT-2611(https://track.astral.ru/soft/browse/UIKIT-2611) */
-                    '& .MuiSvgIcon-root': {
+                    [`& .${svgIconClassnames.root}`]: {
                         width: 20,
                         height: 20,
                         [`${theme.breakpoints.down('sm')}`]: {

package/components/theme/components/components.js

@@ -24,7 +24,6 @@ import { MuiPaper } from './MuiPaper';
 import { MuiStep } from './MuiStep';
 import { MuiStepConnector } from './MuiStepConnector';
 import { MuiStepLabel } from './MuiStepLabel';
-import { MuiSvgIcon } from './MuiSvgIcon';
 import { MuiSwitch } from './MuiSwitch';
 import { MuiTab } from './MuiTab';
 import { MuiTableCell } from './MuiTableCell';
@@ -85,7 +84,6 @@ export const getComponents = () => {
         MuiToggleButton,
         MuiTextField,
         MuiSwitch,
-        MuiSvgIcon,
     };
     return components;
 };

package/hook-form/EditableText/styles.d.ts

@@ -19,18 +19,10 @@ export declare const DisplayValue: import("@emotion/styled").StyledComponent<{
 }, {}, {}>;
 export declare const StyledEditIcon: 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/system").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;
 } & {
     $iconPosition: 'left' | 'right';

package/hook-form/formLayouts/FormWizardPageLayout/FormWizardFooter/styles.d.ts

@@ -12,33 +12,17 @@ export declare const PrevButton: import("@emotion/styled").StyledComponent<Omit<
 }, {}, {}>;
 export declare const StyledPreviousIcon: 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/system").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;
 }, {}, {}>;
 export declare const StyledNextIcon: 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/system").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;
 }, {}, {}>;

package/icons/FillMd/AutosaveErrorFillMd.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 AutosaveErrorFillMd: FunctionComponent<SvgIconProps>;
 export default AutosaveErrorFillMd;

package/icons/FillMd/AutosaveErrorFillMd.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 AutosaveErrorFillMd = (_a) => {
     var props = __rest(_a, []);
-    return (_jsx(SvgIcon, Object.assign({ viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: "24px", height: "24px", fill: "currentColor" }, props, { children: _jsx("path", { d: "M12.5 4a6.5 6.5 0 0 1 6.363 5.17A5.499 5.499 0 0 1 18 19.976V20H7a6 6 0 0 1-.51-11.978A6.5 6.5 0 0 1 12.5 4M12 15.25a.75.75 0 0 0 0 1.5h.01a.75.75 0 0 0 0-1.5zm0-7a.75.75 0 0 0-.75.75v4a.75.75 0 0 0 1.5 0V9a.75.75 0 0 0-.75-.75" }) })));
+    return (_jsx(SvgIcon, Object.assign({}, props, { children: _jsx("path", { d: "M12.5 4a6.5 6.5 0 0 1 6.363 5.17A5.499 5.499 0 0 1 18 19.976V20H7a6 6 0 0 1-.51-11.978A6.5 6.5 0 0 1 12.5 4M12 15.25a.75.75 0 0 0 0 1.5h.01a.75.75 0 0 0 0-1.5zm0-7a.75.75 0 0 0-.75.75v4a.75.75 0 0 0 1.5 0V9a.75.75 0 0 0-.75-.75" }) })));
 };
 export default AutosaveErrorFillMd;

package/icons/FillMd/AutosaveFillMd.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 AutosaveFillMd: FunctionComponent<SvgIconProps>;
 export default AutosaveFillMd;

package/icons/FillMd/AutosaveFillMd.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 AutosaveFillMd = (_a) => {
     var props = __rest(_a, []);
-    return (_jsx(SvgIcon, Object.assign({ viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: "24px", height: "24px", fill: "currentColor" }, props, { children: _jsx("path", { d: "M12.5 4a6.5 6.5 0 0 1 6.363 5.17A5.499 5.499 0 0 1 18 19.976V20H7a6 6 0 0 1-.51-11.978A6.5 6.5 0 0 1 12.5 4m3.78 6.72a.75.75 0 0 0-1.004-.052l-.056.052-4.47 4.47-1.97-1.97a.75.75 0 1 0-1.06 1.06l2.5 2.5a.75.75 0 0 0 1.06 0l5-5 .051-.056a.75.75 0 0 0-.05-1.004" }) })));
+    return (_jsx(SvgIcon, Object.assign({}, props, { children: _jsx("path", { d: "M12.5 4a6.5 6.5 0 0 1 6.363 5.17A5.499 5.499 0 0 1 18 19.976V20H7a6 6 0 0 1-.51-11.978A6.5 6.5 0 0 1 12.5 4m3.78 6.72a.75.75 0 0 0-1.004-.052l-.056.052-4.47 4.47-1.97-1.97a.75.75 0 1 0-1.06 1.06l2.5 2.5a.75.75 0 0 0 1.06 0l5-5 .051-.056a.75.75 0 0 0-.05-1.004" }) })));
 };
 export default AutosaveFillMd;

package/icons/FillMd/AutosaveLoaderFillMd.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 AutosaveLoaderFillMd: FunctionComponent<SvgIconProps>;
 export default AutosaveLoaderFillMd;

package/icons/FillMd/AutosaveLoaderFillMd.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 AutosaveLoaderFillMd = (_a) => {
     var props = __rest(_a, []);
-    return (_jsx(SvgIcon, Object.assign({ viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: "24px", height: "24px", fill: "currentColor" }, props, { children: _jsx("path", { d: "M12.5 4a6.5 6.5 0 0 1 6.363 5.17A5.499 5.499 0 0 1 18 19.976V20H7a6 6 0 0 1-.51-11.978A6.5 6.5 0 0 1 12.5 4m-4.667 9.166v2.5a.5.5 0 0 0 1 0v-.844l.704.662a3.5 3.5 0 0 0 5.684-1.111l.08-.206a.5.5 0 0 0-.9-.425l-.043.091a2.504 2.504 0 0 1-3.051 1.568 2.5 2.5 0 0 1-1.074-.634l-.006-.006-.005-.005-.628-.59h.739a.5.5 0 1 0 0-1zm5.138-4.527a3.503 3.503 0 0 0-4.273 2.194.501.501 0 0 0 .943.334 2.502 2.502 0 0 1 4.125-.934l.005.006.006.005.626.589h-.737a.501.501 0 0 0 0 1h2.5v-2.5a.5.5 0 0 0-1 0v.844l-.704-.661a3.5 3.5 0 0 0-1.491-.877" }) })));
+    return (_jsx(SvgIcon, Object.assign({}, props, { children: _jsx("path", { d: "M12.5 4a6.5 6.5 0 0 1 6.363 5.17A5.499 5.499 0 0 1 18 19.976V20H7a6 6 0 0 1-.51-11.978A6.5 6.5 0 0 1 12.5 4m-4.667 9.166v2.5a.5.5 0 0 0 1 0v-.844l.704.662a3.5 3.5 0 0 0 5.684-1.111l.08-.206a.5.5 0 0 0-.9-.425l-.043.091a2.504 2.504 0 0 1-3.051 1.568 2.5 2.5 0 0 1-1.074-.634l-.006-.006-.005-.005-.628-.59h.739a.5.5 0 1 0 0-1zm5.138-4.527a3.503 3.503 0 0 0-4.273 2.194.501.501 0 0 0 .943.334 2.502 2.502 0 0 1 4.125-.934l.005.006.006.005.626.589h-.737a.501.501 0 0 0 0 1h2.5v-2.5a.5.5 0 0 0-1 0v.844l-.704-.661a3.5 3.5 0 0 0-1.491-.877" }) })));
 };
 export default AutosaveLoaderFillMd;

package/icons/FillMd/BellFillMd.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 BellFillMd: FunctionComponent<SvgIconProps>;
 export default BellFillMd;

package/icons/FillMd/BellFillMd.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 BellFillMd = (_a) => {
     var props = __rest(_a, []);
-    return (_jsx(SvgIcon, Object.assign({ viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: "24px", height: "24px", fill: "currentColor" }, props, { children: _jsx("path", { d: "M19.255 17.5H4.745c-1.037 0 1.554-3.214 1.554-7.5 0-7.5 4.664-7.5 5.701-7.5s5.7.515 5.7 7.5c0 4.286 2.592 7.5 1.555 7.5M14.5 19a2.5 2.5 0 0 1-5 0z" }) })));
+    return (_jsx(SvgIcon, Object.assign({}, props, { children: _jsx("path", { d: "M19.255 17.5H4.745c-1.037 0 1.554-3.214 1.554-7.5 0-7.5 4.664-7.5 5.701-7.5s5.7.515 5.7 7.5c0 4.286 2.592 7.5 1.555 7.5M14.5 19a2.5 2.5 0 0 1-5 0z" }) })));
 };
 export default BellFillMd;

package/icons/FillMd/BookmarkFillMd.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 BookmarkFillMd: FunctionComponent<SvgIconProps>;
 export default BookmarkFillMd;

package/icons/FillMd/BookmarkFillMd.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 BookmarkFillMd = (_a) => {
     var props = __rest(_a, []);
-    return (_jsx(SvgIcon, Object.assign({ viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: "24px", height: "24px", fill: "currentColor" }, props, { children: _jsx("path", { d: "M4 6.2a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4V21.3a.5.5 0 0 1-.765.424L12 17.2l-7.235 4.522A.5.5 0 0 1 4 21.299z" }) })));
+    return (_jsx(SvgIcon, Object.assign({}, props, { children: _jsx("path", { d: "M4 6.2a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4V21.3a.5.5 0 0 1-.765.424L12 17.2l-7.235 4.522A.5.5 0 0 1 4 21.299z" }) })));
 };
 export default BookmarkFillMd;

package/icons/FillMd/CalculatorFillMd.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 CalculatorFillMd: FunctionComponent<SvgIconProps>;
 export default CalculatorFillMd;

package/icons/FillMd/CalculatorFillMd.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 CalculatorFillMd = (_a) => {
     var props = __rest(_a, []);
-    return (_jsx(SvgIcon, Object.assign({ viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: "24px", height: "24px", fill: "currentColor" }, props, { children: _jsx("path", { d: "M18 2a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2zM8 17a1 1 0 1 0 0 2 1 1 0 0 0 0-2m4 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2m4 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2m-8-4a1 1 0 1 0 0 2 1 1 0 0 0 0-2m4 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2m4 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2M8 9a1 1 0 0 0 0 2h4a1 1 0 1 0 0-2zm8 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2M8 5a1 1 0 0 0 0 2h8a1 1 0 1 0 0-2z" }) })));
+    return (_jsx(SvgIcon, Object.assign({}, props, { children: _jsx("path", { d: "M18 2a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2zM8 17a1 1 0 1 0 0 2 1 1 0 0 0 0-2m4 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2m4 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2m-8-4a1 1 0 1 0 0 2 1 1 0 0 0 0-2m4 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2m4 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2M8 9a1 1 0 0 0 0 2h4a1 1 0 1 0 0-2zm8 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2M8 5a1 1 0 0 0 0 2h8a1 1 0 1 0 0-2z" }) })));
 };
 export default CalculatorFillMd;

package/icons/FillMd/CircleErrorFillMd.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 CircleErrorFillMd: FunctionComponent<SvgIconProps>;
 export default CircleErrorFillMd;

package/icons/FillMd/CircleErrorFillMd.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 CircleErrorFillMd = (_a) => {
     var props = __rest(_a, []);
-    return (_jsx(SvgIcon, Object.assign({ viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: "24px", height: "24px", fill: "currentColor" }, props, { children: _jsx("path", { d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m3.53 6.47a.75.75 0 0 0-1.06 0L12 10.94 9.53 8.47a.75.75 0 1 0-1.06 1.06L10.94 12l-2.47 2.47-.052.056a.75.75 0 0 0 1.056 1.056l.056-.052L12 13.06l2.47 2.47.056.052a.75.75 0 0 0 1.056-1.056l-.052-.056L13.06 12l2.47-2.47a.75.75 0 0 0 0-1.06" }) })));
+    return (_jsx(SvgIcon, Object.assign({}, props, { children: _jsx("path", { d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m3.53 6.47a.75.75 0 0 0-1.06 0L12 10.94 9.53 8.47a.75.75 0 1 0-1.06 1.06L10.94 12l-2.47 2.47-.052.056a.75.75 0 0 0 1.056 1.056l.056-.052L12 13.06l2.47 2.47.056.052a.75.75 0 0 0 1.056-1.056l-.052-.056L13.06 12l2.47-2.47a.75.75 0 0 0 0-1.06" }) })));
 };
 export default CircleErrorFillMd;

package/icons/FillMd/ClockFillMd.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 ClockFillMd: FunctionComponent<SvgIconProps>;
 export default ClockFillMd;

package/icons/FillMd/ClockFillMd.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 ClockFillMd = (_a) => {
     var props = __rest(_a, []);
-    return (_jsx(SvgIcon, Object.assign({ viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: "24px", height: "24px", fill: "currentColor" }, props, { children: _jsx("path", { d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m0 3.25a.75.75 0 0 0-.75.75v6a.75.75 0 0 0 .415.67l4 2 .07.031a.75.75 0 0 0 .6-1.372l-3.585-1.793V6a.75.75 0 0 0-.75-.75" }) })));
+    return (_jsx(SvgIcon, Object.assign({}, props, { children: _jsx("path", { d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m0 3.25a.75.75 0 0 0-.75.75v6a.75.75 0 0 0 .415.67l4 2 .07.031a.75.75 0 0 0 .6-1.372l-3.585-1.793V6a.75.75 0 0 0-.75-.75" }) })));
 };
 export default ClockFillMd;

package/icons/FillMd/CompanyPicFillMd.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 CompanyPicFillMd: FunctionComponent<SvgIconProps>;
 export default CompanyPicFillMd;

package/icons/FillMd/CompanyPicFillMd.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 CompanyPicFillMd = (_a) => {
     var props = __rest(_a, []);
-    return (_jsxs(SvgIcon, Object.assign({ viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: "24px", height: "24px", fill: "currentColor" }, props, { children: [_jsx("rect", { width: "24", height: "24", rx: "12" }), _jsx("path", { fill: "#fff", d: "M4.763 17V6.818h3.44q1.199 0 1.96.433.765.427 1.133 1.158t.368 1.63-.368 1.636q-.363.736-1.124 1.174-.76.432-1.949.432H5.758v-1.094h2.426q.82 0 1.317-.283a1.7 1.7 0 0 0 .721-.765q.228-.488.229-1.1 0-.61-.229-1.093a1.63 1.63 0 0 0-.726-.756q-.503-.278-1.332-.278H5.996V17zM19.795 6.818v1.094h-4.912V17H13.65V6.818z" })] })));
+    return (_jsxs(SvgIcon, Object.assign({}, props, { children: [_jsx("rect", { width: "24", height: "24", rx: "12" }), _jsx("path", { fill: "#fff", d: "M4.763 17V6.818h3.44q1.199 0 1.96.433.765.427 1.133 1.158t.368 1.63-.368 1.636q-.363.736-1.124 1.174-.76.432-1.949.432H5.758v-1.094h2.426q.82 0 1.317-.283a1.7 1.7 0 0 0 .721-.765q.228-.488.229-1.1 0-.61-.229-1.093a1.63 1.63 0 0 0-.726-.756q-.503-.278-1.332-.278H5.996V17zM19.795 6.818v1.094h-4.912V17H13.65V6.818z" })] })));
 };
 export default CompanyPicFillMd;

package/icons/FillMd/CopyMailFillMd.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 CopyMailFillMd: FunctionComponent<SvgIconProps>;
 export default CopyMailFillMd;

package/icons/FillMd/CopyMailFillMd.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 CopyMailFillMd = (_a) => {
     var props = __rest(_a, []);
-    return (_jsxs(SvgIcon, Object.assign({ viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: "24px", height: "24px", fill: "currentColor" }, props, { children: [_jsx("path", { d: "M1.125 14.156v-7a4.75 4.75 0 0 1 4.75-4.75h12a.75.75 0 0 1 0 1.5h-12a3.25 3.25 0 0 0-3.25 3.25v7a.75.75 0 0 1-1.5 0" }), _jsx("path", { d: "M11.375 19.156h-2.5a4 4 0 0 1-4-4v-5a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v5a4 4 0 0 1-4 4h-2.5l-1.731 2.078a1 1 0 0 1-1.538 0z" })] })));
+    return (_jsxs(SvgIcon, Object.assign({}, props, { children: [_jsx("path", { d: "M1.125 14.156v-7a4.75 4.75 0 0 1 4.75-4.75h12a.75.75 0 0 1 0 1.5h-12a3.25 3.25 0 0 0-3.25 3.25v7a.75.75 0 0 1-1.5 0" }), _jsx("path", { d: "M11.375 19.156h-2.5a4 4 0 0 1-4-4v-5a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v5a4 4 0 0 1-4 4h-2.5l-1.731 2.078a1 1 0 0 1-1.538 0z" })] })));
 };
 export default CopyMailFillMd;

package/icons/FillMd/DislikeFillMd.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 DislikeFillMd: FunctionComponent<SvgIconProps>;
 export default DislikeFillMd;

package/icons/FillMd/DislikeFillMd.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 DislikeFillMd = (_a) => {
     var props = __rest(_a, []);
-    return (_jsx(SvgIcon, Object.assign({ viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: "24px", height: "24px", fill: "currentColor" }, props, { children: _jsx("path", { d: "M18.884 14.125c4.808 0-.557-10.174-.975-10.953q-.027-.047-.085-.047H5.884v10c0 1.965 3.6 2.5 4 4.5s.5 3.5 2 3.5c2.5 0 1.666-4 1-7zM3.129 3.625l-.002 10a.75.75 0 0 0 1.5 0l.002-10a.75.75 0 0 0-1.5 0" }) })));
+    return (_jsx(SvgIcon, Object.assign({}, props, { children: _jsx("path", { d: "M18.884 14.125c4.808 0-.557-10.174-.975-10.953q-.027-.047-.085-.047H5.884v10c0 1.965 3.6 2.5 4 4.5s.5 3.5 2 3.5c2.5 0 1.666-4 1-7zM3.129 3.625l-.002 10a.75.75 0 0 0 1.5 0l.002-10a.75.75 0 0 0-1.5 0" }) })));
 };
 export default DislikeFillMd;

package/icons/FillMd/DocSuccessFillMd.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 DocSuccessFillMd: FunctionComponent<SvgIconProps>;
 export default DocSuccessFillMd;

package/icons/FillMd/DocSuccessFillMd.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 DocSuccessFillMd = (_a) => {
     var props = __rest(_a, []);
-    return (_jsxs(SvgIcon, Object.assign({ viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: "24px", height: "24px", fill: "currentColor" }, props, { children: [_jsx("path", { d: "M13.25 2v6c0 .414.336.75.75.75h6V20a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2zm3.03 9.97a.75.75 0 0 0-1.004-.052l-.056.052-4.47 4.47-1.97-1.97a.75.75 0 0 0-1.06 1.06l2.5 2.5a.75.75 0 0 0 1.06 0l5-5 .051-.056a.75.75 0 0 0-.05-1.004" }), _jsx("path", { d: "M19.25 7.25h-4.5v-4.5z" })] })));
+    return (_jsxs(SvgIcon, Object.assign({}, props, { children: [_jsx("path", { d: "M13.25 2v6c0 .414.336.75.75.75h6V20a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2zm3.03 9.97a.75.75 0 0 0-1.004-.052l-.056.052-4.47 4.47-1.97-1.97a.75.75 0 0 0-1.06 1.06l2.5 2.5a.75.75 0 0 0 1.06 0l5-5 .051-.056a.75.75 0 0 0-.05-1.004" }), _jsx("path", { d: "M19.25 7.25h-4.5v-4.5z" })] })));
 };
 export default DocSuccessFillMd;

package/icons/FillMd/EditFillMd.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 EditFillMd: FunctionComponent<SvgIconProps>;
 export default EditFillMd;

package/icons/FillMd/EditFillMd.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 EditFillMd = (_a) => {
     var props = __rest(_a, []);
-    return (_jsx(SvgIcon, Object.assign({ viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: "24px", height: "24px", fill: "currentColor" }, props, { children: _jsx("path", { d: "M7.344 20.617q-.015.006-.03.01l-4.576 1.249a.5.5 0 0 1-.614-.614l1.248-4.576.01-.031zM19.04 2.106a2.854 2.854 0 0 1 2.018 4.87L8.441 19.593l-4.034-4.035L17.023 2.942a2.86 2.86 0 0 1 2.018-.836" }) })));
+    return (_jsx(SvgIcon, Object.assign({}, props, { children: _jsx("path", { d: "M7.344 20.617q-.015.006-.03.01l-4.576 1.249a.5.5 0 0 1-.614-.614l1.248-4.576.01-.031zM19.04 2.106a2.854 2.854 0 0 1 2.018 4.87L8.441 19.593l-4.034-4.035L17.023 2.942a2.86 2.86 0 0 1 2.018-.836" }) })));
 };
 export default EditFillMd;

package/icons/FillMd/EducationFillMd.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 EducationFillMd: FunctionComponent<SvgIconProps>;
 export default EducationFillMd;

package/icons/FillMd/EducationFillMd.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 EducationFillMd = (_a) => {
     var props = __rest(_a, []);
-    return (_jsx(SvgIcon, Object.assign({ viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: "24px", height: "24px", fill: "currentColor" }, props, { children: _jsx("path", { d: "M20 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H7a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4zM6.5 17a1.5 1.5 0 0 0 0 3H19v-3zM9 4v7.067a.5.5 0 0 0 .776.416L13 9.341l3.224 2.142a.5.5 0 0 0 .776-.416V4z" }) })));
+    return (_jsx(SvgIcon, Object.assign({}, props, { children: _jsx("path", { d: "M20 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H7a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4zM6.5 17a1.5 1.5 0 0 0 0 3H19v-3zM9 4v7.067a.5.5 0 0 0 .776.416L13 9.341l3.224 2.142a.5.5 0 0 0 .776-.416V4z" }) })));
 };
 export default EducationFillMd;

package/icons/FillMd/ErrorFillMd.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 ErrorFillMd: FunctionComponent<SvgIconProps>;
 export default ErrorFillMd;

package/icons/FillMd/ErrorFillMd.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 ErrorFillMd = (_a) => {
     var props = __rest(_a, []);
-    return (_jsxs(SvgIcon, Object.assign({ viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: "24px", height: "24px", fill: "currentColor" }, props, { children: [_jsx("path", { d: "M10.295 2.586a2 2 0 0 1 2.828 0l7.672 7.671a2 2 0 0 1 0 2.829l-7.672 7.671a2 2 0 0 1-2.828 0l-7.672-7.671a2 2 0 0 1 0-2.829z" }), _jsx("path", { fill: "#fff", d: "m11.719 14.922.077.003a.75.75 0 0 1 0 1.493l-.077.004h-.01a.75.75 0 0 1 0-1.5zm-.76-3.25v-4a.75.75 0 0 1 1.5 0v4a.75.75 0 1 1-1.5 0" })] })));
+    return (_jsxs(SvgIcon, Object.assign({}, props, { children: [_jsx("path", { d: "M10.295 2.586a2 2 0 0 1 2.828 0l7.672 7.671a2 2 0 0 1 0 2.829l-7.672 7.671a2 2 0 0 1-2.828 0l-7.672-7.671a2 2 0 0 1 0-2.829z" }), _jsx("path", { fill: "#fff", d: "m11.719 14.922.077.003a.75.75 0 0 1 0 1.493l-.077.004h-.01a.75.75 0 0 1 0-1.5zm-.76-3.25v-4a.75.75 0 0 1 1.5 0v4a.75.75 0 1 1-1.5 0" })] })));
 };
 export default ErrorFillMd;

package/icons/FillMd/EyeFillMd.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 EyeFillMd: FunctionComponent<SvgIconProps>;
 export default EyeFillMd;

package/icons/FillMd/EyeFillMd.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 EyeFillMd = (_a) => {
     var props = __rest(_a, []);
-    return (_jsx(SvgIcon, Object.assign({ viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: "24px", height: "24px", fill: "currentColor" }, props, { children: _jsx("path", { d: "M12 4c5.74 0 8.79 5.379 9.702 7.315.206.438.206.932 0 1.37C20.79 14.62 17.74 20 12 20c-5.74 0-8.79-5.379-9.702-7.315a1.6 1.6 0 0 1 0-1.37C3.21 9.38 6.26 4 12 4m0 4.25a3.75 3.75 0 1 0 0 7.5 3.75 3.75 0 0 0 0-7.5m0 1.5a2.25 2.25 0 1 1 0 4.5 2.25 2.25 0 0 1 0-4.5" }) })));
+    return (_jsx(SvgIcon, Object.assign({}, props, { children: _jsx("path", { d: "M12 4c5.74 0 8.79 5.379 9.702 7.315.206.438.206.932 0 1.37C20.79 14.62 17.74 20 12 20c-5.74 0-8.79-5.379-9.702-7.315a1.6 1.6 0 0 1 0-1.37C3.21 9.38 6.26 4 12 4m0 4.25a3.75 3.75 0 1 0 0 7.5 3.75 3.75 0 0 0 0-7.5m0 1.5a2.25 2.25 0 1 1 0 4.5 2.25 2.25 0 0 1 0-4.5" }) })));
 };
 export default EyeFillMd;

package/icons/FillMd/FilterFillMd.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 FilterFillMd: FunctionComponent<SvgIconProps>;
 export default FilterFillMd;

package/icons/FillMd/FilterFillMd.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 FilterFillMd = (_a) => {
     var props = __rest(_a, []);
-    return (_jsx(SvgIcon, Object.assign({ viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: "24px", height: "24px", fill: "currentColor" }, props, { children: _jsx("path", { d: "M2 3.654a.5.5 0 0 1 .5-.5h19a.5.5 0 0 1 .5.5v.792a.5.5 0 0 1-.147.355l-7.706 7.667a.5.5 0 0 0-.147.354v6.023a.5.5 0 0 1-.276.447l-3 1.5a.5.5 0 0 1-.724-.447v-7.523a.5.5 0 0 0-.147-.354L2.147 4.8A.5.5 0 0 1 2 4.446z" }) })));
+    return (_jsx(SvgIcon, Object.assign({}, props, { children: _jsx("path", { d: "M2 3.654a.5.5 0 0 1 .5-.5h19a.5.5 0 0 1 .5.5v.792a.5.5 0 0 1-.147.355l-7.706 7.667a.5.5 0 0 0-.147.354v6.023a.5.5 0 0 1-.276.447l-3 1.5a.5.5 0 0 1-.724-.447v-7.523a.5.5 0 0 0-.147-.354L2.147 4.8A.5.5 0 0 1 2 4.446z" }) })));
 };
 export default FilterFillMd;

package/icons/FillMd/InfoFillMd.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 InfoFillMd: FunctionComponent<SvgIconProps>;
 export default InfoFillMd;