@astral/ui 4.2.0 → 4.2.1

package/node/hook-form/formLayouts/FormPageLayoutBase/FormMobileActions/FormMobileActions.js

@@ -1,15 +1,4 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormMobileActions = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -19,7 +8,7 @@ const icons_1 = require("../../../../icons");
 const styles_1 = require("./styles");
 const FormMobileActions = ({ actions, }) => {
     const mainActions = (0, ActionGroup_1.useMainActions)({
-        actions: (actions === null || actions === void 0 ? void 0 : actions.main) || [],
+        actions: actions?.main || [],
     });
     if (!actions) {
         return null;
@@ -31,15 +20,12 @@ const FormMobileActions = ({ actions, }) => {
                 if (isNested) {
                     return ((0, jsx_runtime_1.jsx)(MenuItem_1.MenuItem
                     // biome-ignore lint/suspicious/noArrayIndexKey: Используется вместе с name
-                    , { disabled: disabled, children: (0, jsx_runtime_1.jsx)(styles_1.StyledDropdownButton, Object.assign({}, buttonProps, { variant: "text", children: nestedActions.map((_a) => {
-                                var { key, text } = _a, nestedProps = __rest(_a, ["key", "text"]);
-                                return ((0, jsx_runtime_1.jsx)(MenuItem_1.MenuItem, Object.assign({}, nestedProps, { children: text }), key));
-                            }) })) }, `${name}:${index}`));
+                    , { disabled: disabled, children: (0, jsx_runtime_1.jsx)(styles_1.StyledDropdownButton, { ...buttonProps, variant: "text", children: nestedActions.map(({ key, text, ...nestedProps }) => ((0, jsx_runtime_1.jsx)(MenuItem_1.MenuItem, { ...nestedProps, children: text }, key))) }) }, `${name}:${index}`));
                 }
                 return (
                 // biome-ignore lint/suspicious/noArrayIndexKey: Используется вместе с name
-                (0, jsx_runtime_1.jsx)(MenuItem_1.MenuItem, { disabled: disabled, children: (0, jsx_runtime_1.jsx)(styles_1.StyledButton, Object.assign({}, buttonProps, { variant: "text" })) }, `${name}:${index}`));
-            }), secondaryActions === null || secondaryActions === void 0 ? void 0 : secondaryActions.map((action, index) => {
+                (0, jsx_runtime_1.jsx)(MenuItem_1.MenuItem, { disabled: disabled, children: (0, jsx_runtime_1.jsx)(styles_1.StyledButton, { ...buttonProps, variant: "text" }) }, `${name}:${index}`));
+            }), secondaryActions?.map((action, index) => {
                 const label = 'name' in action ? action.name : action.text;
                 const { disabled, onClick } = action;
                 return ((0, jsx_runtime_1.jsx)(MenuItem_1.MenuItem

package/node/hook-form/formLayouts/FormPageLayoutBase/FormPageLayoutBase.js

@@ -14,6 +14,6 @@ const useLogic_1 = require("./useLogic");
 const FormPageLayoutBase = (props) => {
     const { pageContentProps, headerProps, renderChildrenProps, headerActions } = (0, useLogic_1.useLogic)(props);
     const { className, aside, children, alert, contentClassname, header } = props;
-    return ((0, jsx_runtime_1.jsxs)(PageLayout_1.PageContextProvider, { hasAside: Boolean(aside), mobileTitleActions: (0, jsx_runtime_1.jsx)(FormMobileActions_1.FormMobileActions, { actions: headerActions }), children: [alert && (0, jsx_runtime_1.jsx)(styles_1.DesktopAlertWrapper, { children: alert }), (0, jsx_runtime_1.jsxs)(PageLayout_1.PageLayoutContainer, { className: className, children: [alert && (0, jsx_runtime_1.jsx)(styles_1.MobileAlertWrapper, { children: alert }), (0, react_1.isValidElement)(header) ? (header) : ((0, jsx_runtime_1.jsx)(styles_1.StyledPageHeader, Object.assign({}, headerProps))), (0, jsx_runtime_1.jsx)(styles_1.StyledPageContent, Object.assign({ className: (0, utils_1.classNames)(contentClassname), isFormPaddingDisable: true }, pageContentProps, { children: children(renderChildrenProps) })), aside && !(0, react_1.isValidElement)(aside) && ((0, jsx_runtime_1.jsx)(PageLayout_1.PageAside, Object.assign({}, aside))), (0, react_1.isValidElement)(aside) && aside] })] }));
+    return ((0, jsx_runtime_1.jsxs)(PageLayout_1.PageContextProvider, { hasAside: Boolean(aside), mobileTitleActions: (0, jsx_runtime_1.jsx)(FormMobileActions_1.FormMobileActions, { actions: headerActions }), children: [alert && (0, jsx_runtime_1.jsx)(styles_1.DesktopAlertWrapper, { children: alert }), (0, jsx_runtime_1.jsxs)(PageLayout_1.PageLayoutContainer, { className: className, children: [alert && (0, jsx_runtime_1.jsx)(styles_1.MobileAlertWrapper, { children: alert }), (0, react_1.isValidElement)(header) ? (header) : ((0, jsx_runtime_1.jsx)(styles_1.StyledPageHeader, { ...headerProps })), (0, jsx_runtime_1.jsx)(styles_1.StyledPageContent, { className: (0, utils_1.classNames)(contentClassname), isFormPaddingDisable: true, ...pageContentProps, children: children(renderChildrenProps) }), aside && !(0, react_1.isValidElement)(aside) && ((0, jsx_runtime_1.jsx)(PageLayout_1.PageAside, { ...aside })), (0, react_1.isValidElement)(aside) && aside] })] }));
 };
 exports.FormPageLayoutBase = FormPageLayoutBase;

package/node/hook-form/formLayouts/FormPageLayoutBase/useLogic/useLogic.js

@@ -1,48 +1,42 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
 const useLogic = ({ aside, header, formProps, }) => {
-    var _a;
     const [headerActions, setHeaderActions] = (0, react_1.useState)(undefined);
     const containerRef = (0, react_1.useRef)(null);
     const getHeaderProps = () => {
         if (!(0, react_1.isValidElement)(header)) {
             // biome-ignore lint/nursery/noShadow: <>
-            const _a = header, { actions } = _a, restHeaderProps = __rest(_a, ["actions"]);
+            const { actions, ...restHeaderProps } = header;
             return { actions, restHeaderProps };
         }
         return { actions: undefined, restHeaderProps: undefined };
     };
     const { actions, restHeaderProps } = getHeaderProps();
-    const { isSubmitting } = ((_a = formProps.form) === null || _a === void 0 ? void 0 : _a.formState) || {};
+    const { isSubmitting } = formProps.form?.formState || {};
     const isDisabled = formProps.isDisabled ||
-        Boolean([...((actions === null || actions === void 0 ? void 0 : actions.main) || []), ...(formProps.secondaryActions || [])].find((action) => action.isBlockingOperation && action.loading));
-    const updateActions = (0, react_1.useCallback)((items) => items === null || items === void 0 ? void 0 : items.map((item) => (Object.assign(Object.assign({}, item), { disabled: isSubmitting || isDisabled ? true : item.disabled }))), [isSubmitting, isDisabled]);
+        Boolean([...(actions?.main || []), ...(formProps.secondaryActions || [])].find((action) => action.isBlockingOperation && action.loading));
+    const updateActions = (0, react_1.useCallback)((items) => items?.map((item) => ({
+        ...item,
+        disabled: isSubmitting || isDisabled ? true : item.disabled,
+    })), [isSubmitting, isDisabled]);
     (0, react_1.useEffect)(() => {
         if (!actions) {
             setHeaderActions(undefined);
             return;
         }
         setHeaderActions({
-            main: updateActions(actions === null || actions === void 0 ? void 0 : actions.main),
-            secondary: updateActions(actions === null || actions === void 0 ? void 0 : actions.secondary),
-            secondaryVisible: updateActions(actions === null || actions === void 0 ? void 0 : actions.secondaryVisible),
+            main: updateActions(actions?.main),
+            secondary: updateActions(actions?.secondary),
+            secondaryVisible: updateActions(actions?.secondaryVisible),
         });
     }, [actions, isSubmitting, isDisabled]);
     return {
-        headerProps: Object.assign({ actions: headerActions }, restHeaderProps),
+        headerProps: {
+            actions: headerActions,
+            ...restHeaderProps,
+        },
         pageContentProps: {
             isSeparatorShown: Boolean(aside),
         },

package/node/hook-form/formLayouts/FormWizardPageLayout/FormWizardPageLayout.js

@@ -17,6 +17,6 @@ const FormWizardPageLayout = (props) => {
     return ((0, jsx_runtime_1.jsx)(FormPageLayoutBase_1.FormPageLayoutBase, { header: header, aside: aside, formProps: { isDisabled: externalDisabled, form, secondaryActions }, contentClassname: (0, utils_1.classNames)({
             [FormPageLayoutBase_1.formPageContentClassnames.formPageContentSecondaryActions]: isShowNavigateButtons,
             [FormPageLayoutBase_1.formPageContentClassnames.formWizardPageContentActions]: isShowFullActions,
-        }), alert: alert, children: ({ isDisabled }) => ((0, jsx_runtime_1.jsx)(FormWizard_1.FormWizard, Object.assign({ isDisabled: isDisabled }, formWizard, { customFooter: (footerProps) => ((0, jsx_runtime_1.jsx)(FormWizardFooter_1.FormWizardFooter, Object.assign({}, footerProps, { secondaryActions: secondaryActions }))) }))) }));
+        }), alert: alert, children: ({ isDisabled }) => ((0, jsx_runtime_1.jsx)(FormWizard_1.FormWizard, { isDisabled: isDisabled, ...formWizard, customFooter: (footerProps) => ((0, jsx_runtime_1.jsx)(FormWizardFooter_1.FormWizardFooter, { ...footerProps, secondaryActions: secondaryActions })) })) }));
 };
 exports.FormWizardPageLayout = FormWizardPageLayout;

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

@@ -1,15 +1,4 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useForm = void 0;
 const react_hook_form_1 = require("react-hook-form");
@@ -43,10 +32,13 @@ const react_hook_form_resolver_1 = require("../../react-hook-form-resolver");
  * }
  * ```
  */
-const useForm = (_a = {}) => {
-    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 }));
+const useForm = ({ mode = 'onBlur', validationSchema, resolver: propsResolver, ...params } = {}) => {
+    const resolver = propsResolver ??
+        (validationSchema && (0, react_hook_form_resolver_1.resolver)(validationSchema));
+    return (0, react_hook_form_1.useForm)({
+        ...params,
+        resolver,
+        mode,
+    });
 };
 exports.useForm = useForm;

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

@@ -9,7 +9,7 @@ const useFormFieldErrorProps = (fieldState) => {
     if (error) {
         return {
             error: true,
-            helperText: error === null || error === void 0 ? void 0 : error.message,
+            helperText: error?.message,
         };
     }
     return {

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

@@ -9,10 +9,18 @@ const useFormInputProps_1 = require("../useFormInputProps");
  * хук предназначен для получения пропсов при инициализации нового поля в RHF
  */
 const useFormFieldProps = (props) => {
-    const { field, fieldState } = (0, react_hook_form_1.useController)(Object.assign(Object.assign({}, props), { disabled: undefined }));
+    const { field, fieldState } = (0, react_hook_form_1.useController)({
+        ...props,
+        disabled: undefined,
+    });
     const ref = (0, hooks_1.useForwardedRef)(field.ref);
     const inputProps = (0, useFormInputProps_1.useFormInputProps)(props);
     const errorProps = (0, useFormFieldErrorProps_1.useFormFieldErrorProps)(fieldState);
-    return Object.assign(Object.assign(Object.assign(Object.assign({}, field), inputProps), errorProps), { inputRef: ref });
+    return {
+        ...field,
+        ...inputProps,
+        ...errorProps,
+        inputRef: ref,
+    };
 };
 exports.useFormFieldProps = useFormFieldProps;

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

@@ -1,15 +1,4 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFormInputProps = void 0;
 /**
@@ -17,7 +6,7 @@ exports.useFormInputProps = void 0;
  * Это необходимо для того, чтобы лишние props не попадали в DOM-дерево
  */
 const useFormInputProps = (props) => {
-    const { control, defaultValue, name, shouldUnregister } = props, inputProps = __rest(props, ["control", "defaultValue", "name", "shouldUnregister"]);
+    const { control, defaultValue, name, shouldUnregister, ...inputProps } = props;
     return inputProps;
 };
 exports.useFormInputProps = useFormInputProps;

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

@@ -1,15 +1,4 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFormWizard = void 0;
 const react_1 = require("react");
@@ -34,9 +23,8 @@ const utils_1 = require("./utils");
  * <FormWizard {...formWizardProps} />
  */
 const useFormWizard = ({ initialStepId, defaultValues, isDisabled, steps, autoSaveStrategy, onChangeStep, onAutoSave, onSubmit, onAutoSaveError, }) => {
-    var _a;
     const { captureException } = (0, react_1.useContext)(ConfigProvider_1.ConfigContext);
-    const calculateInitialVisibleSteps = () => steps.filter(({ shouldSkip }) => (shouldSkip === null || shouldSkip === void 0 ? void 0 : shouldSkip.calculate)
+    const calculateInitialVisibleSteps = () => steps.filter(({ shouldSkip }) => shouldSkip?.calculate
         ? !shouldSkip.calculate(defaultValues)
         : true);
     const initialVisibleSteps = (0, react_1.useMemo)(() => calculateInitialVisibleSteps(), []);
@@ -45,7 +33,7 @@ const useFormWizard = ({ initialStepId, defaultValues, isDisabled, steps, autoSa
     const prevVisibleStepsRef = (0, react_1.useRef)(initialVisibleSteps);
     const [visibleSteps, setVisibleSteps] = (0, react_1.useState)(initialVisibleSteps);
     const [currentStepId, setCurrentStepId] = (0, react_1.useState)(initialStepId || steps[0].id);
-    const validationSchemaForStep = (_a = steps.find((step) => Object.is(step.id, currentStepId))) === null || _a === void 0 ? void 0 : _a.validationSchema;
+    const validationSchemaForStep = steps.find((step) => Object.is(step.id, currentStepId))?.validationSchema;
     const form = (0, useForm_1.useForm)({
         defaultValues,
         disabled: isDisabled,
@@ -57,7 +45,7 @@ const useFormWizard = ({ initialStepId, defaultValues, isDisabled, steps, autoSa
     const calculatedSteps = steps.filter((step) => Boolean(step.shouldSkip));
     const watchedFields = (0, react_1.useMemo)(() => (0, utils_1.getWatchFields)(calculatedSteps), [calculatedSteps]);
     const calculateVisibleSteps = () => {
-        const currentVisibleSteps = steps.filter(({ shouldSkip }) => (shouldSkip === null || shouldSkip === void 0 ? void 0 : shouldSkip.calculate) ? !shouldSkip.calculate(form.getValues()) : true);
+        const currentVisibleSteps = steps.filter(({ shouldSkip }) => shouldSkip?.calculate ? !shouldSkip.calculate(form.getValues()) : true);
         if (!(0, utils_1.compareSteps)(currentVisibleSteps, prevVisibleStepsRef.current)) {
             setVisibleSteps(currentVisibleSteps);
         }
@@ -73,7 +61,7 @@ const useFormWizard = ({ initialStepId, defaultValues, isDisabled, steps, autoSa
     const autoSave = () => {
         if (onAutoSave && Object.is(autoSaveStrategy, 'changeStep')) {
             return onAutoSave(form.getValues()).catch((error) => {
-                onAutoSaveError === null || onAutoSaveError === void 0 ? void 0 : onAutoSaveError(error);
+                onAutoSaveError?.(error);
                 return Promise.reject(error);
             });
         }
@@ -89,7 +77,7 @@ const useFormWizard = ({ initialStepId, defaultValues, isDisabled, steps, autoSa
         }
         const prevStepId = visibleSteps[indexStep - 1].id;
         setCurrentStepId(prevStepId);
-        onChangeStep === null || onChangeStep === void 0 ? void 0 : onChangeStep(prevStepId, { reason: constants_1.CHANGE_STEP_REASON.PrevStep });
+        onChangeStep?.(prevStepId, { reason: constants_1.CHANGE_STEP_REASON.PrevStep });
     };
     const handleNextStep = () => {
         if (isLastStep) {
@@ -97,12 +85,12 @@ const useFormWizard = ({ initialStepId, defaultValues, isDisabled, steps, autoSa
         }
         const nextStepId = visibleSteps[indexStep + 1].id;
         const autosavePromise = autoSave();
-        const changeStepResult = onChangeStep === null || onChangeStep === void 0 ? void 0 : onChangeStep(nextStepId, {
+        const changeStepResult = onChangeStep?.(nextStepId, {
             reason: constants_1.CHANGE_STEP_REASON.NextStep,
             autosavePromise,
         });
         // Если changeStepResult является promise, то необходимо заблокировать переход шага, пока не завершится promise
-        if (changeStepResult === null || changeStepResult === void 0 ? void 0 : changeStepResult.then) {
+        if (changeStepResult?.then) {
             return changeStepResult
                 .then(() => {
                 setCurrentStepId(nextStepId);
@@ -121,14 +109,11 @@ const useFormWizard = ({ initialStepId, defaultValues, isDisabled, steps, autoSa
     };
     const handleSubmitError = (errors) => {
         const currentStep = steps.find((step) => Object.is(step.id, currentStepId));
-        if (currentStep === null || currentStep === void 0 ? void 0 : currentStep.onSubmitError) {
+        if (currentStep?.onSubmitError) {
             currentStep.onSubmitError(errors);
         }
     };
-    const stepsToRender = (0, react_1.useMemo)(() => visibleSteps.map((_a) => {
-        var { validationSchema } = _a, toRenderProps = __rest(_a, ["validationSchema"]);
-        return toRenderProps;
-    }), [visibleSteps]);
+    const stepsToRender = (0, react_1.useMemo)(() => visibleSteps.map(({ validationSchema, ...toRenderProps }) => toRenderProps), [visibleSteps]);
     return {
         form,
         currentStepId,

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

@@ -1,13 +1,4 @@
 "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");
@@ -46,11 +37,10 @@ const utils_1 = require("../utils");
  *     };
  * ```
  */
-const resolver = (validateBySchema) => (values, _, options) => __awaiter(void 0, void 0, void 0, function* () {
-    const validationResult = yield validateBySchema(values);
+const resolver = (validateBySchema) => async (values, _, options) => {
+    const validationResult = await validateBySchema(values);
     if (validationResult) {
         const resolverError = (0, validations_1.toPlainError)(validationResult, (err, { path }) => {
-            var _a;
             return {
                 message: err.message,
                 type: err.cause.code,
@@ -60,7 +50,7 @@ const resolver = (validateBySchema) => (values, _, options) => __awaiter(void 0,
                         error.message,
                     ]))
                     : undefined,
-                ref: (_a = (0, react_hook_form_1.get)(options.fields, path)) === null || _a === void 0 ? void 0 : _a.ref,
+                ref: (0, react_hook_form_1.get)(options.fields, path)?.ref,
             };
         });
         return { values: {}, errors: resolverError };
@@ -69,5 +59,5 @@ const resolver = (validateBySchema) => (values, _, options) => __awaiter(void 0,
         (0, utils_1.validateFieldsNatively)({}, options);
     }
     return { errors: {}, values };
-});
+};
 exports.resolver = resolver;

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

@@ -7,7 +7,7 @@ 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.setCustomValidity(error?.message || '');
         ref.reportValidity();
     }
 };
@@ -17,7 +17,7 @@ const setCustomValidity = (ref, fieldPath, errors) => {
 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) {
+        if (field?.ref && 'reportValidity' in field.ref) {
             setCustomValidity(field.ref, fieldPath, errors);
         }
         else if (field.refs) {

package/node/icons/FillMd/AutosaveErrorFillMd.js

@@ -1,20 +1,6 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = require("../../components/SvgIcon");
-const AutosaveErrorFillMd = (_a) => {
-    var props = __rest(_a, []);
-    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" }) })));
-};
+const AutosaveErrorFillMd = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { ...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.js

@@ -1,20 +1,6 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = require("../../components/SvgIcon");
-const AutosaveFillMd = (_a) => {
-    var props = __rest(_a, []);
-    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" }) })));
-};
+const AutosaveFillMd = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { ...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.js

@@ -1,20 +1,6 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = require("../../components/SvgIcon");
-const AutosaveLoaderFillMd = (_a) => {
-    var props = __rest(_a, []);
-    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" }) })));
-};
+const AutosaveLoaderFillMd = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { ...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.js

@@ -1,20 +1,6 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = require("../../components/SvgIcon");
-const BellFillMd = (_a) => {
-    var props = __rest(_a, []);
-    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" }) })));
-};
+const BellFillMd = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { ...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.js

@@ -1,20 +1,6 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = require("../../components/SvgIcon");
-const BookmarkFillMd = (_a) => {
-    var props = __rest(_a, []);
-    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" }) })));
-};
+const BookmarkFillMd = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { ...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.js

@@ -1,20 +1,6 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = require("../../components/SvgIcon");
-const CalculatorFillMd = (_a) => {
-    var props = __rest(_a, []);
-    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" }) })));
-};
+const CalculatorFillMd = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { ...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.js

@@ -1,20 +1,6 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = require("../../components/SvgIcon");
-const CircleErrorFillMd = (_a) => {
-    var props = __rest(_a, []);
-    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" }) })));
-};
+const CircleErrorFillMd = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { ...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.js

@@ -1,20 +1,6 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = require("../../components/SvgIcon");
-const ClockFillMd = (_a) => {
-    var props = __rest(_a, []);
-    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" }) })));
-};
+const ClockFillMd = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { ...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.js

@@ -1,20 +1,6 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = require("../../components/SvgIcon");
-const CompanyPicFillMd = (_a) => {
-    var props = __rest(_a, []);
-    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" })] })));
-};
+const CompanyPicFillMd = ({ ...props }) => ((0, jsx_runtime_1.jsxs)(SvgIcon_1.SvgIcon, { ...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.js

@@ -1,20 +1,6 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = require("../../components/SvgIcon");
-const CopyMailFillMd = (_a) => {
-    var props = __rest(_a, []);
-    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" })] })));
-};
+const CopyMailFillMd = ({ ...props }) => ((0, jsx_runtime_1.jsxs)(SvgIcon_1.SvgIcon, { ...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;