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

package/components/theme/components/MuiAutocomplete.js

@@ -1,18 +1,27 @@
+import { autocompleteClasses } from '@mui/material';
 import { AutocompleteSizes } from '../../Autocomplete/enums';
 export const MuiAutocomplete = {
     styleOverrides: {
+        root({ theme }) {
+            return {
+                [`&.${autocompleteClasses.hasPopupIcon}.${autocompleteClasses.hasClearIcon}`]: {
+                    [`.${autocompleteClasses.inputRoot}`]: {
+                        paddingRight: `${theme.spacing(14)}`,
+                    },
+                },
+            };
+        },
         inputRoot({ theme, ownerState: { size } }) {
             return {
                 paddingTop: `${theme.spacing(1)} !important`,
                 paddingBottom: `${theme.spacing(1)} !important`,
-                paddingLeft: `${theme.spacing(1)} !important`,
+                paddingLeft: `${theme.spacing(3)} !important`,
                 minHeight: size === AutocompleteSizes.small ? '32px' : '40px',
             };
         },
-        input({ theme }) {
+        input() {
             return {
                 padding: '0 !important',
-                paddingLeft: `${theme.spacing(1)} !important`,
             };
         },
         popupIndicator({ theme }) {
@@ -28,6 +37,7 @@ export const MuiAutocomplete = {
                 top: 'unset',
                 gap: theme.spacing(1),
                 color: theme.palette.grey[800],
+                marginRight: `${theme.spacing(1)} !important`,
             };
         },
         paper({ theme }) {
@@ -59,5 +69,13 @@ export const MuiAutocomplete = {
                 height: '64px',
             };
         },
+        tagSizeMedium({ theme }) {
+            return {
+                margin: `${theme.microSpacing(0, 1)}`,
+                ':first-of-type': {
+                    marginLeft: 0,
+                },
+            };
+        },
     },
 };

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/MuiFormHelperText.js

@@ -3,8 +3,8 @@ export const MuiFormHelperText = {
         root({ theme }) {
             return {
                 display: 'flex',
-                minHeight: theme.typography.caption.lineHeight,
                 fontSize: theme.typography.caption.fontSize,
+                minHeight: theme.typography.caption.lineHeight,
                 margin: theme.spacing(1, 0, 0),
                 color: theme.palette.grey[600],
                 lineHeight: theme.typography.caption.lineHeight,

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/EditingForm/useLogic/useLogic.js

@@ -22,7 +22,7 @@ export const useLogic = ({ initialValue, children, validate, onClose, onSubmit,
             };
         }
         return {
-            values: formValues,
+            values: {},
             errors: {
                 [FIELD_NAME]: {
                     message: validationResult === null || validationResult === void 0 ? void 0 : validationResult.message,

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/hook-form/hooks/useForm/index.d.ts

@@ -1 +1,2 @@
 export * from './useForm';
+export type { UseFormProps, UseFormReturn } from './types';

package/hook-form/hooks/useForm/types.d.ts

@@ -0,0 +1,23 @@
+import type { ObjectAsyncGuard, ObjectGuard } from '@astral/validations';
+import type { UseFormProps as UseFormPropsRHForm, UseFormReturn } from 'react-hook-form';
+import type { FieldValues } from '../../types';
+export type UseFormProps<TFieldValues extends FieldValues = FieldValues, TContext = any> = UseFormPropsRHForm<TFieldValues, TContext> & {
+    /**
+     * Схема валидации из @astral/validations
+     *
+     * @example
+     * ```ts
+     *  const validationSchema = object<FormValues>({
+     *   lastName: string(),
+     *   name: string(),
+     *   patronymic: optional(string()),
+     *   phone: string(mobilePhone()),
+     *   email: string(email()),
+     * });
+     *
+     * const form = useForm<FormValues>({ validationSchema });
+     * ```
+     */
+    validationSchema?: ObjectGuard<TFieldValues> | ObjectAsyncGuard<TFieldValues>;
+};
+export type { UseFormReturn };

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

@@ -0,0 +1 @@
+export {};

package/hook-form/hooks/useForm/useForm.d.ts

@@ -1,5 +1,5 @@
-import { type UseFormProps, type UseFormReturn } from 'react-hook-form';
-import { type FieldValues } from '../../types';
+import type { FieldValues } from '../../types';
+import type { UseFormProps, UseFormReturn } from './types';
 /**
  * Custom hook to manage the entire form.
  *
@@ -29,32 +29,4 @@ import { type FieldValues } from '../../types';
  * }
  * ```
  */
-export declare const useForm: <TFieldValues extends FieldValues = FieldValues, TContext = any>({ mode, ...params }?: Partial<{
-    mode: "all" | "onChange" | "onBlur" | "onSubmit" | "onTouched";
-    disabled: boolean;
-    reValidateMode: "onChange" | "onBlur" | "onSubmit";
-    defaultValues: ((payload?: unknown) => Promise<TFieldValues>) | import("react-hook-form").DefaultValues<TFieldValues>;
-    values: TFieldValues;
-    errors: import("react-hook-form").FieldErrors<TFieldValues>;
-    resetOptions: Partial<{
-        keepDirtyValues: boolean;
-        keepErrors: boolean;
-        keepDirty: boolean;
-        keepValues: boolean;
-        keepDefaultValues: boolean;
-        keepIsSubmitted: boolean;
-        keepIsSubmitSuccessful: boolean;
-        keepTouched: boolean;
-        keepIsValid: boolean;
-        keepSubmitCount: boolean;
-    }> | undefined;
-    resolver: import("react-hook-form").Resolver<TFieldValues, TContext>;
-    context: TContext;
-    shouldFocusError: boolean;
-    shouldUnregister: boolean;
-    shouldUseNativeValidation: boolean;
-    progressive: boolean;
-    criteriaMode: import("react-hook-form").CriteriaMode;
-    delayError: number;
-}>) => UseFormReturn<TFieldValues, TContext>;
-export type { UseFormProps, UseFormReturn };
+export declare const useForm: <TFieldValues extends FieldValues = FieldValues, TContext = any>({ mode, validationSchema, resolver: propsResolver, ...params }?: UseFormProps<TFieldValues, TContext>) => UseFormReturn<TFieldValues, TContext>;

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

@@ -9,7 +9,8 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { useForm as useRHForm, } from 'react-hook-form';
+import { useForm as useRHForm } from 'react-hook-form';
+import { resolver as hookFormResolver } from '../../react-hook-form-resolver';
 /**
  * Custom hook to manage the entire form.
  *
@@ -40,6 +41,8 @@ import { useForm as useRHForm, } from 'react-hook-form';
  * ```
  */
 export const useForm = (_a = {}) => {
-    var { mode = 'onBlur' } = _a, params = __rest(_a, ["mode"]);
-    return useRHForm(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 && hookFormResolver(validationSchema));
+    return useRHForm(Object.assign(Object.assign({}, params), { resolver,
+        mode }));
 };

package/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/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/hook-form/hooks/useFormFieldProps/useFormFieldProps.js

@@ -1,7 +1,7 @@
-import { useController } from 'react-hook-form';
+import { useController, } from 'react-hook-form';
 import { useForwardedRef } from '../../../components/hooks';
-import { useFormFieldErrorProps } from '../useFormFieldErrorProps';
-import { useFormInputProps } from '../useFormInputProps';
+import { useFormFieldErrorProps, } from '../useFormFieldErrorProps';
+import { useFormInputProps, } from '../useFormInputProps';
 /**
  * хук предназначен для получения пропсов при инициализации нового поля в RHF
  */

package/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/hook-form/hooks/useFormWizard/useFormWizard.js

@@ -9,7 +9,6 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { resolver } from '@astral/validations-react-hook-form-resolver';
 import { useContext, useMemo, useRef, useState } from 'react';
 import { ConfigContext } from '../../../components/ConfigProvider';
 import { useForm } from '../useForm';
@@ -47,9 +46,7 @@ export const useFormWizard = ({ initialStepId, defaultValues, isDisabled, steps,
     const form = useForm({
         defaultValues,
         disabled: isDisabled,
-        resolver: validationSchemaForStep
-            ? resolver(validationSchemaForStep)
-            : undefined,
+        validationSchema: validationSchemaForStep,
     });
     const indexStep = useMemo(() => currentStepId
         ? visibleSteps.findIndex((step) => Object.is(step.id, currentStepId))

package/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/hook-form/index.js

@@ -29,4 +29,5 @@ export { FormWizard, } from './FormWizard';
 export { FormPageLayout, FormWizardPageLayout, formPageContentClassnames, formPageLayoutClassnames, } from './formLayouts';
 // нельзя экспортить через * потому, что есть пересечение с export * from 'react-hook-form';
 export { useForm, useFormContext, useFormFieldErrorProps, useFormFieldProps, useFormState, useFormWatchFields, useFormWizard, } from './hooks';
+export { resolver as formValidationResolver } from './react-hook-form-resolver';
 export * from './types';

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

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

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

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

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

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

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

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

package/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/hook-form/react-hook-form-resolver/resolver/resolver.js

@@ -0,0 +1,69 @@
+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());
+    });
+};
+import { toPlainError, } from '@astral/validations';
+import { get, } from 'react-hook-form';
+import { validateFieldsNatively } from '../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>
+ *       );
+ *     };
+ * ```
+ */
+export const resolver = (validateBySchema) => (values, _, options) => __awaiter(void 0, void 0, void 0, function* () {
+    const validationResult = yield validateBySchema(values);
+    if (validationResult) {
+        const resolverError = 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 = get(options.fields, path)) === null || _a === void 0 ? void 0 : _a.ref,
+            };
+        });
+        return { values: {}, errors: resolverError };
+    }
+    if (options.shouldUseNativeValidation) {
+        validateFieldsNatively({}, options);
+    }
+    return { errors: {}, values };
+});

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

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

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

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

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

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

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

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

package/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/hook-form/react-hook-form-resolver/utils/validateFieldsNatively/validateFieldsNatively.js

@@ -0,0 +1,24 @@
+// Скопировано из https://github.com/react-hook-form/resolvers/blob/master/src/validateFieldsNatively.ts
+// Причина копирования: в @hookform/resolvers react-hook-form указан как peerDep с крышкой. Из-за этого происходит рассинхрон с @astral/form
+import { get, } from 'react-hook-form';
+const setCustomValidity = (ref, fieldPath, errors) => {
+    if (ref && 'reportValidity' in ref) {
+        const error = get(errors, fieldPath);
+        ref.setCustomValidity((error === null || error === void 0 ? void 0 : error.message) || '');
+        ref.reportValidity();
+    }
+};
+/**
+ * Native validation (web only)
+ */
+export 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));
+        }
+    }
+};

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;