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

package/node/hook-form/hooks/useForm/useForm.js

@@ -13,6 +13,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useForm = void 0;
 const react_hook_form_1 = require("react-hook-form");
+const react_hook_form_resolver_1 = require("../../react-hook-form-resolver");
 /**
  * Custom hook to manage the entire form.
  *
@@ -43,7 +44,9 @@ const react_hook_form_1 = require("react-hook-form");
  * ```
  */
 const useForm = (_a = {}) => {
-    var { mode = 'onBlur' } = _a, params = __rest(_a, ["mode"]);
-    return (0, react_hook_form_1.useForm)(Object.assign(Object.assign({}, params), { mode }));
+    var { mode = 'onBlur', validationSchema, resolver: propsResolver } = _a, params = __rest(_a, ["mode", "validationSchema", "resolver"]);
+    const resolver = propsResolver !== null && propsResolver !== void 0 ? propsResolver : (validationSchema && (0, react_hook_form_resolver_1.resolver)(validationSchema));
+    return (0, react_hook_form_1.useForm)(Object.assign(Object.assign({}, params), { resolver,
+        mode }));
 };
 exports.useForm = useForm;

package/node/hook-form/hooks/useFormFieldErrorProps/useFormFieldErrorProps.d.ts

@@ -1,8 +1,7 @@
 import { type ControllerFieldState } from 'react-hook-form';
 import { type TextFieldProps } from '../../../components/TextField';
-type UseFormFieldErrorPropsReturn = Pick<TextFieldProps, 'error' | 'helperText'>;
+export type UseFormFieldErrorPropsReturn = Pick<TextFieldProps, 'error' | 'helperText'>;
 /**
  * хук предназначен для предоставления пропсов для отображения ошибки field
  */
 export declare const useFormFieldErrorProps: (fieldState: Pick<ControllerFieldState, 'error'>) => UseFormFieldErrorPropsReturn;
-export {};

package/node/hook-form/hooks/useFormFieldProps/useFormFieldProps.d.ts

@@ -1,18 +1,14 @@
-/// <reference types="react" />
+import { type RefObject } from 'react';
+import { type ControllerRenderProps, type Path } from 'react-hook-form';
 import { type FieldValues, type WithFormFieldProps } from '../../types';
+import { type UseFormFieldErrorPropsReturn } from '../useFormFieldErrorProps';
+import { type UseFormInputReturn } from '../useFormInputProps';
 export type UseFormFieldProps<TFormFieldProps extends object, TFieldValues extends FieldValues> = WithFormFieldProps<TFormFieldProps, TFieldValues>;
+type UseFormFieldPropsReturn<TFormFieldProps extends object, TFieldValues extends FieldValues> = ControllerRenderProps<TFieldValues, Path<TFieldValues>> & UseFormInputReturn<UseFormFieldProps<TFormFieldProps, TFieldValues>, TFieldValues> & UseFormFieldErrorPropsReturn & {
+    inputRef: RefObject<HTMLInputElement>;
+};
 /**
  * хук предназначен для получения пропсов при инициализации нового поля в RHF
  */
-export declare const useFormFieldProps: <TFormFieldProps extends object, TFieldValues extends FieldValues>(props: UseFormFieldProps<TFormFieldProps, TFieldValues>) => {
-    onChange: (...event: any[]) => void;
-    onBlur: import("react-hook-form").Noop;
-    value: import("react-hook-form").PathValue<TFieldValues, import("react-hook-form").Path<TFieldValues>>;
-    disabled?: boolean | undefined;
-    name: import("react-hook-form").Path<TFieldValues>;
-    ref: import("react-hook-form").RefCallBack;
-} & ("disabled" | Exclude<Exclude<Exclude<keyof TFormFieldProps, "error" | "name">, "error" | "name">, "defaultValue" | "name" | "control" | "shouldUnregister"> extends infer T extends keyof (Omit<UseFormFieldProps<TFormFieldProps, TFieldValues>, "error" | "name"> & Omit<import("react-hook-form").UseControllerProps<TFieldValues>, "rules">) ? { [P in T]: (Omit<UseFormFieldProps<TFormFieldProps, TFieldValues>, "error" | "name"> & Omit<import("react-hook-form").UseControllerProps<TFieldValues>, "rules">)[P]; } : never) & {
-    inputRef: import("react").RefObject<any>;
-    error?: boolean | undefined;
-    helperText?: import("react").ReactNode;
-};
+export declare const useFormFieldProps: <TFormFieldProps extends object, TFieldValues extends FieldValues>(props: UseFormFieldProps<TFormFieldProps, TFieldValues>) => UseFormFieldPropsReturn<TFormFieldProps, TFieldValues>;
+export {};

package/node/hook-form/hooks/useFormInputProps/useFormInputProps.d.ts

@@ -1,7 +1,7 @@
 import { type FieldValues } from 'react-hook-form';
 import { type WithFormFieldProps } from '../../types';
 type UseFormInputProps<TFormFieldProps extends object, TFieldValues extends FieldValues> = WithFormFieldProps<TFormFieldProps, TFieldValues>;
-type UseFormInputReturn<TFormFieldProps extends object, TFieldValues extends FieldValues> = Omit<UseFormInputProps<TFormFieldProps, TFieldValues>, 'control' | 'defaultValue' | 'name' | 'shouldUnregister'>;
+export type UseFormInputReturn<TFormFieldProps extends object, TFieldValues extends FieldValues> = Omit<UseFormInputProps<TFormFieldProps, TFieldValues>, 'control' | 'defaultValue' | 'name' | 'shouldUnregister'>;
 /**
  * хук предназначен для получения props input'а без системных props RHF, таких как: control.
  * Это необходимо для того, чтобы лишние props не попадали в DOM-дерево

package/node/hook-form/hooks/useFormWizard/useFormWizard.js

@@ -12,7 +12,6 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFormWizard = void 0;
-const validations_react_hook_form_resolver_1 = require("@astral/validations-react-hook-form-resolver");
 const react_1 = require("react");
 const ConfigProvider_1 = require("../../../components/ConfigProvider");
 const useForm_1 = require("../useForm");
@@ -50,9 +49,7 @@ const useFormWizard = ({ initialStepId, defaultValues, isDisabled, steps, autoSa
     const form = (0, useForm_1.useForm)({
         defaultValues,
         disabled: isDisabled,
-        resolver: validationSchemaForStep
-            ? (0, validations_react_hook_form_resolver_1.resolver)(validationSchemaForStep)
-            : undefined,
+        validationSchema: validationSchemaForStep,
     });
     const indexStep = (0, react_1.useMemo)(() => currentStepId
         ? visibleSteps.findIndex((step) => Object.is(step.id, currentStepId))

package/node/hook-form/index.d.ts

@@ -28,4 +28,5 @@ export { FormTreeLikeAutocomplete, type FormTreeLikeAutocompleteProps, type Form
 export { FormWizard, type FormWizardProps, type WizardStep, type WizardStepId, } from './FormWizard';
 export { FormPageLayout, type FormPageLayoutProps, FormWizardPageLayout, type FormWizardPageLayoutProps, formPageContentClassnames, formPageLayoutClassnames, } from './formLayouts';
 export { type UseFormProps, type UseFormReturn, type UseFormWizardParams, type UseFormWizardResult, useForm, useFormContext, useFormFieldErrorProps, useFormFieldProps, useFormState, useFormWatchFields, useFormWizard, } from './hooks';
+export { resolver as formValidationResolver } from './react-hook-form-resolver';
 export * from './types';

package/node/hook-form/index.js

@@ -14,7 +14,7 @@ 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 });
-exports.useFormWizard = exports.useFormWatchFields = exports.useFormState = exports.useFormFieldProps = exports.useFormFieldErrorProps = exports.useFormContext = exports.useForm = exports.formPageLayoutClassnames = exports.formPageContentClassnames = exports.FormWizardPageLayout = exports.FormPageLayout = exports.FormWizard = exports.FormTreeLikeAutocomplete = exports.FormTreeAutocomplete = exports.FormToggleButtonGroup = exports.FormProvider = exports.FormPreviewFileUploader = exports.FormNumberField = exports.FormDateRangePicker = exports.FormFileUploader = exports.FormEmailOrPhoneField = exports.FormEmailField = exports.FormAsyncAutocomplete = exports.FormAddressAutocomplete = exports.EditableText = exports.useFormWatch = exports.useFormFieldArray = exports.useFormController = exports.FormController = void 0;
+exports.formValidationResolver = exports.useFormWizard = exports.useFormWatchFields = exports.useFormState = exports.useFormFieldProps = exports.useFormFieldErrorProps = exports.useFormContext = exports.useForm = exports.formPageLayoutClassnames = exports.formPageContentClassnames = exports.FormWizardPageLayout = exports.FormPageLayout = exports.FormWizard = exports.FormTreeLikeAutocomplete = exports.FormTreeAutocomplete = exports.FormToggleButtonGroup = exports.FormProvider = exports.FormPreviewFileUploader = exports.FormNumberField = exports.FormDateRangePicker = exports.FormFileUploader = exports.FormEmailOrPhoneField = exports.FormEmailField = exports.FormAsyncAutocomplete = exports.FormAddressAutocomplete = exports.EditableText = exports.useFormWatch = exports.useFormFieldArray = exports.useFormController = exports.FormController = void 0;
 var react_hook_form_1 = require("react-hook-form");
 Object.defineProperty(exports, "FormController", { enumerable: true, get: function () { return react_hook_form_1.Controller; } });
 Object.defineProperty(exports, "useFormController", { enumerable: true, get: function () { return react_hook_form_1.useController; } });
@@ -75,4 +75,6 @@ Object.defineProperty(exports, "useFormFieldProps", { enumerable: true, get: fun
 Object.defineProperty(exports, "useFormState", { enumerable: true, get: function () { return hooks_1.useFormState; } });
 Object.defineProperty(exports, "useFormWatchFields", { enumerable: true, get: function () { return hooks_1.useFormWatchFields; } });
 Object.defineProperty(exports, "useFormWizard", { enumerable: true, get: function () { return hooks_1.useFormWizard; } });
+var react_hook_form_resolver_1 = require("./react-hook-form-resolver");
+Object.defineProperty(exports, "formValidationResolver", { enumerable: true, get: function () { return react_hook_form_resolver_1.resolver; } });
 __exportStar(require("./types"), exports);

package/node/hook-form/react-hook-form-resolver/index.d.ts

@@ -0,0 +1 @@
+export { resolver } from './resolver';

package/node/hook-form/react-hook-form-resolver/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolver = void 0;
+var resolver_1 = require("./resolver");
+Object.defineProperty(exports, "resolver", { enumerable: true, get: function () { return resolver_1.resolver; } });

package/node/hook-form/react-hook-form-resolver/resolver/index.d.ts

@@ -0,0 +1 @@
+export * from './resolver';

package/node/{components/ScrollWrapper → hook-form/react-hook-form-resolver/resolver}/index.js

@@ -14,4 +14,4 @@ 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("./ScrollWrapper"), exports);
+__exportStar(require("./resolver"), exports);

package/node/hook-form/react-hook-form-resolver/resolver/resolver.d.ts

@@ -0,0 +1,40 @@
+import { type ObjectAsyncGuard, type ObjectGuard } from '@astral/validations';
+import { type FieldValues, type Resolver } from 'react-hook-form';
+/**
+ * Позволяет выполнять object или objectAsync валидацию для формы react-hook-form
+ * @param validateBySchema
+ * @example
+ * ```tsx
+ *      type Values = { info: { name: string } };
+ *
+ *     const validationSchema = object<Values>({
+ *       info: object<Values['info']>({
+ *         name: string(),
+ *       }),
+ *     });
+ *
+ *     const TestForm = () => {
+ *       const { register, handleSubmit, formState } = useForm<Values>({
+ *         resolver: resolver<Values>(validationSchema),
+ *       });
+ *
+ *       return (
+ *         <form onSubmit={handleSubmit(() => {})}>
+ *           <input {...register('info.name')} />
+ *           {formState.errors.info?.name && (
+ *             <>
+ *               <p>{formState.errors.info.name.message}</p>
+ *               <p>{formState.errors.info.name.type}</p>
+ *             </>
+ *           )}
+ *           <button type="submit">submit</button>
+ *         </form>
+ *       );
+ *     };
+ * ```
+ */
+export declare const resolver: <TFieldValues extends FieldValues = FieldValues>(validateBySchema: import("@astral/validations/core").IGuard<{}, {
+    isPartial?: boolean | undefined;
+}> | import("@astral/validations/core").IAsyncGuard<{}, {
+    isPartial?: boolean | undefined;
+}>) => Resolver<TFieldValues>;

package/node/hook-form/react-hook-form-resolver/resolver/resolver.js

@@ -0,0 +1,73 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolver = void 0;
+const validations_1 = require("@astral/validations");
+const react_hook_form_1 = require("react-hook-form");
+const utils_1 = require("../utils");
+/**
+ * Позволяет выполнять object или objectAsync валидацию для формы react-hook-form
+ * @param validateBySchema
+ * @example
+ * ```tsx
+ *      type Values = { info: { name: string } };
+ *
+ *     const validationSchema = object<Values>({
+ *       info: object<Values['info']>({
+ *         name: string(),
+ *       }),
+ *     });
+ *
+ *     const TestForm = () => {
+ *       const { register, handleSubmit, formState } = useForm<Values>({
+ *         resolver: resolver<Values>(validationSchema),
+ *       });
+ *
+ *       return (
+ *         <form onSubmit={handleSubmit(() => {})}>
+ *           <input {...register('info.name')} />
+ *           {formState.errors.info?.name && (
+ *             <>
+ *               <p>{formState.errors.info.name.message}</p>
+ *               <p>{formState.errors.info.name.type}</p>
+ *             </>
+ *           )}
+ *           <button type="submit">submit</button>
+ *         </form>
+ *       );
+ *     };
+ * ```
+ */
+const resolver = (validateBySchema) => (values, _, options) => __awaiter(void 0, void 0, void 0, function* () {
+    const validationResult = yield validateBySchema(values);
+    if (validationResult) {
+        const resolverError = (0, validations_1.toPlainError)(validationResult, (err, { path }) => {
+            var _a;
+            return {
+                message: err.message,
+                type: err.cause.code,
+                types: err.cause.errors
+                    ? Object.fromEntries(err.cause.errors.map((error) => [
+                        error.cause.code,
+                        error.message,
+                    ]))
+                    : undefined,
+                ref: (_a = (0, react_hook_form_1.get)(options.fields, path)) === null || _a === void 0 ? void 0 : _a.ref,
+            };
+        });
+        return { values: {}, errors: resolverError };
+    }
+    if (options.shouldUseNativeValidation) {
+        (0, utils_1.validateFieldsNatively)({}, options);
+    }
+    return { errors: {}, values };
+});
+exports.resolver = resolver;

package/node/hook-form/react-hook-form-resolver/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './validateFieldsNatively';

package/node/hook-form/react-hook-form-resolver/utils/index.js

@@ -0,0 +1,17 @@
+"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("./validateFieldsNatively"), exports);

package/node/hook-form/react-hook-form-resolver/utils/validateFieldsNatively/index.d.ts

@@ -0,0 +1 @@
+export * from './validateFieldsNatively';

package/node/hook-form/react-hook-form-resolver/utils/validateFieldsNatively/index.js

@@ -0,0 +1,17 @@
+"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("./validateFieldsNatively"), exports);

package/node/hook-form/react-hook-form-resolver/utils/validateFieldsNatively/validateFieldsNatively.d.ts

@@ -0,0 +1,5 @@
+import { type FieldErrors, type FieldValues, type ResolverOptions } from 'react-hook-form';
+/**
+ * Native validation (web only)
+ */
+export declare const validateFieldsNatively: <TFieldValues extends FieldValues>(errors: FieldErrors, options: ResolverOptions<TFieldValues>) => void;

package/node/hook-form/react-hook-form-resolver/utils/validateFieldsNatively/validateFieldsNatively.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateFieldsNatively = void 0;
+// Скопировано из https://github.com/react-hook-form/resolvers/blob/master/src/validateFieldsNatively.ts
+// Причина копирования: в @hookform/resolvers react-hook-form указан как peerDep с крышкой. Из-за этого происходит рассинхрон с @astral/form
+const react_hook_form_1 = require("react-hook-form");
+const setCustomValidity = (ref, fieldPath, errors) => {
+    if (ref && 'reportValidity' in ref) {
+        const error = (0, react_hook_form_1.get)(errors, fieldPath);
+        ref.setCustomValidity((error === null || error === void 0 ? void 0 : error.message) || '');
+        ref.reportValidity();
+    }
+};
+/**
+ * Native validation (web only)
+ */
+const validateFieldsNatively = (errors, options) => {
+    for (const fieldPath in options.fields) {
+        const field = options.fields[fieldPath];
+        if ((field === null || field === void 0 ? void 0 : field.ref) && 'reportValidity' in field.ref) {
+            setCustomValidity(field.ref, fieldPath, errors);
+        }
+        else if (field.refs) {
+            field.refs.forEach((ref) => setCustomValidity(ref, fieldPath, errors));
+        }
+    }
+};
+exports.validateFieldsNatively = validateFieldsNatively;

package/node/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/node/icons/FillMd/AutosaveErrorFillMd.js

@@ -12,9 +12,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const SvgIcon_1 = require("../../components/SvgIcon");
 const AutosaveErrorFillMd = (_a) => {
     var props = __rest(_a, []);
-    return ((0, jsx_runtime_1.jsx)(material_1.SvgIcon, Object.assign({ viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: "24px", height: "24px", fill: "currentColor" }, props, { children: (0, jsx_runtime_1.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 ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, Object.assign({}, props, { children: (0, jsx_runtime_1.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" }) })));
 };
 exports.default = AutosaveErrorFillMd;

package/node/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/node/icons/FillMd/AutosaveFillMd.js

@@ -12,9 +12,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const SvgIcon_1 = require("../../components/SvgIcon");
 const AutosaveFillMd = (_a) => {
     var props = __rest(_a, []);
-    return ((0, jsx_runtime_1.jsx)(material_1.SvgIcon, Object.assign({ viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: "24px", height: "24px", fill: "currentColor" }, props, { children: (0, jsx_runtime_1.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 ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, Object.assign({}, props, { children: (0, jsx_runtime_1.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" }) })));
 };
 exports.default = AutosaveFillMd;

package/node/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/node/icons/FillMd/AutosaveLoaderFillMd.js

@@ -12,9 +12,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const SvgIcon_1 = require("../../components/SvgIcon");
 const AutosaveLoaderFillMd = (_a) => {
     var props = __rest(_a, []);
-    return ((0, jsx_runtime_1.jsx)(material_1.SvgIcon, Object.assign({ viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: "24px", height: "24px", fill: "currentColor" }, props, { children: (0, jsx_runtime_1.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 ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, Object.assign({}, props, { children: (0, jsx_runtime_1.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" }) })));
 };
 exports.default = AutosaveLoaderFillMd;

package/node/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/node/icons/FillMd/BellFillMd.js

@@ -12,9 +12,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const SvgIcon_1 = require("../../components/SvgIcon");
 const BellFillMd = (_a) => {
     var props = __rest(_a, []);
-    return ((0, jsx_runtime_1.jsx)(material_1.SvgIcon, Object.assign({ viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: "24px", height: "24px", fill: "currentColor" }, props, { children: (0, jsx_runtime_1.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 ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, Object.assign({}, props, { children: (0, jsx_runtime_1.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" }) })));
 };
 exports.default = BellFillMd;

package/node/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/node/icons/FillMd/BookmarkFillMd.js

@@ -12,9 +12,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const SvgIcon_1 = require("../../components/SvgIcon");
 const BookmarkFillMd = (_a) => {
     var props = __rest(_a, []);
-    return ((0, jsx_runtime_1.jsx)(material_1.SvgIcon, Object.assign({ viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: "24px", height: "24px", fill: "currentColor" }, props, { children: (0, jsx_runtime_1.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 ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, Object.assign({}, props, { children: (0, jsx_runtime_1.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" }) })));
 };
 exports.default = BookmarkFillMd;

package/node/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/node/icons/FillMd/CalculatorFillMd.js

@@ -12,9 +12,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const SvgIcon_1 = require("../../components/SvgIcon");
 const CalculatorFillMd = (_a) => {
     var props = __rest(_a, []);
-    return ((0, jsx_runtime_1.jsx)(material_1.SvgIcon, Object.assign({ viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: "24px", height: "24px", fill: "currentColor" }, props, { children: (0, jsx_runtime_1.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 ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, Object.assign({}, props, { children: (0, jsx_runtime_1.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" }) })));
 };
 exports.default = CalculatorFillMd;

package/node/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/node/icons/FillMd/CircleErrorFillMd.js

@@ -12,9 +12,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const SvgIcon_1 = require("../../components/SvgIcon");
 const CircleErrorFillMd = (_a) => {
     var props = __rest(_a, []);
-    return ((0, jsx_runtime_1.jsx)(material_1.SvgIcon, Object.assign({ viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: "24px", height: "24px", fill: "currentColor" }, props, { children: (0, jsx_runtime_1.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 ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, Object.assign({}, props, { children: (0, jsx_runtime_1.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" }) })));
 };
 exports.default = CircleErrorFillMd;

package/node/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/node/icons/FillMd/ClockFillMd.js

@@ -12,9 +12,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const SvgIcon_1 = require("../../components/SvgIcon");
 const ClockFillMd = (_a) => {
     var props = __rest(_a, []);
-    return ((0, jsx_runtime_1.jsx)(material_1.SvgIcon, Object.assign({ viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: "24px", height: "24px", fill: "currentColor" }, props, { children: (0, jsx_runtime_1.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 ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, Object.assign({}, props, { children: (0, jsx_runtime_1.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" }) })));
 };
 exports.default = ClockFillMd;

package/node/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/node/icons/FillMd/CompanyPicFillMd.js

@@ -12,9 +12,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const SvgIcon_1 = require("../../components/SvgIcon");
 const CompanyPicFillMd = (_a) => {
     var props = __rest(_a, []);
-    return ((0, jsx_runtime_1.jsxs)(material_1.SvgIcon, Object.assign({ viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: "24px", height: "24px", fill: "currentColor" }, props, { children: [(0, jsx_runtime_1.jsx)("rect", { width: "24", height: "24", rx: "12" }), (0, jsx_runtime_1.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 ((0, jsx_runtime_1.jsxs)(SvgIcon_1.SvgIcon, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)("rect", { width: "24", height: "24", rx: "12" }), (0, jsx_runtime_1.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" })] })));
 };
 exports.default = CompanyPicFillMd;

package/node/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/node/icons/FillMd/CopyMailFillMd.js

@@ -12,9 +12,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const SvgIcon_1 = require("../../components/SvgIcon");
 const CopyMailFillMd = (_a) => {
     var props = __rest(_a, []);
-    return ((0, jsx_runtime_1.jsxs)(material_1.SvgIcon, Object.assign({ viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: "24px", height: "24px", fill: "currentColor" }, props, { children: [(0, jsx_runtime_1.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" }), (0, jsx_runtime_1.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 ((0, jsx_runtime_1.jsxs)(SvgIcon_1.SvgIcon, Object.assign({}, props, { children: [(0, jsx_runtime_1.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" }), (0, jsx_runtime_1.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" })] })));
 };
 exports.default = CopyMailFillMd;

package/node/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/node/icons/FillMd/DislikeFillMd.js

@@ -12,9 +12,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const SvgIcon_1 = require("../../components/SvgIcon");
 const DislikeFillMd = (_a) => {
     var props = __rest(_a, []);
-    return ((0, jsx_runtime_1.jsx)(material_1.SvgIcon, Object.assign({ viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: "24px", height: "24px", fill: "currentColor" }, props, { children: (0, jsx_runtime_1.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 ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, Object.assign({}, props, { children: (0, jsx_runtime_1.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" }) })));
 };
 exports.default = DislikeFillMd;

package/node/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/node/icons/FillMd/DocSuccessFillMd.js

@@ -12,9 +12,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const SvgIcon_1 = require("../../components/SvgIcon");
 const DocSuccessFillMd = (_a) => {
     var props = __rest(_a, []);
-    return ((0, jsx_runtime_1.jsxs)(material_1.SvgIcon, Object.assign({ viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: "24px", height: "24px", fill: "currentColor" }, props, { children: [(0, jsx_runtime_1.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" }), (0, jsx_runtime_1.jsx)("path", { d: "M19.25 7.25h-4.5v-4.5z" })] })));
+    return ((0, jsx_runtime_1.jsxs)(SvgIcon_1.SvgIcon, Object.assign({}, props, { children: [(0, jsx_runtime_1.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" }), (0, jsx_runtime_1.jsx)("path", { d: "M19.25 7.25h-4.5v-4.5z" })] })));
 };
 exports.default = DocSuccessFillMd;

package/node/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;