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

package/node/components/theme/components/MuiAutocomplete.js

@@ -1,21 +1,30 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MuiAutocomplete = void 0;
+const material_1 = require("@mui/material");
 const enums_1 = require("../../Autocomplete/enums");
 exports.MuiAutocomplete = {
     styleOverrides: {
+        root({ theme }) {
+            return {
+                [`&.${material_1.autocompleteClasses.hasPopupIcon}.${material_1.autocompleteClasses.hasClearIcon}`]: {
+                    [`.${material_1.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 === enums_1.AutocompleteSizes.small ? '32px' : '40px',
             };
         },
-        input({ theme }) {
+        input() {
             return {
                 padding: '0 !important',
-                paddingLeft: `${theme.spacing(1)} !important`,
             };
         },
         popupIndicator({ theme }) {
@@ -31,6 +40,7 @@ exports.MuiAutocomplete = {
                 top: 'unset',
                 gap: theme.spacing(1),
                 color: theme.palette.grey[800],
+                marginRight: `${theme.spacing(1)} !important`,
             };
         },
         paper({ theme }) {
@@ -62,5 +72,13 @@ exports.MuiAutocomplete = {
                 height: '64px',
             };
         },
+        tagSizeMedium({ theme }) {
+            return {
+                margin: `${theme.microSpacing(0, 1)}`,
+                ':first-of-type': {
+                    marginLeft: 0,
+                },
+            };
+        },
     },
 };

package/node/components/theme/components/MuiFormHelperText.js

@@ -6,8 +6,8 @@ exports.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/node/hook-form/EditableText/EditingForm/useLogic/useLogic.js

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

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

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

package/node/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/node/hook-form/hooks/useForm/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/node/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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astral/ui",
-  "version": "4.0.0-alpha.34",
+  "version": "4.0.0-alpha.36",
   "browser": "./index.js",
   "main": "./node/index.js",
   "dependencies": {
@@ -22,14 +22,16 @@
     "react-virtuoso": "4.6.3",
     "remeda": "^1.61.0",
     "react-pdf": "9.2.1",
-    "@astral/validations-react-hook-form-resolver": "^4.24.0",
-    "react-hook-form": "7.49.2"
+    "react-hook-form": "^7.66.1"
   },
   "peerDependencies": {
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0",
     "@types/react": "^17.0.0 || ^18.0.0"
   },
+  "optionalDependencies": {
+    "@astral/validations": "^4.24.0"
+  },
   "overrides": {
     "react-virtuoso": {
       "react": "< 19.0.0",

package/components/ScrollWrapper/ScrollWrapper.d.ts

@@ -1,7 +0,0 @@
-import { type ReactNode } from 'react';
-type ScrollWrapperProps = {
-    children: ReactNode;
-    shape?: 'small' | 'medium' | 'large';
-};
-export declare const ScrollWrapper: ({ children, shape, }: ScrollWrapperProps) => JSX.Element;
-export {};

package/components/ScrollWrapper/ScrollWrapper.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Wrapper } from './styles';
-export const ScrollWrapper = ({ children, shape = 'medium', }) => _jsx(Wrapper, { "$shape": shape, children: children });

package/components/ScrollWrapper/index.d.ts

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

package/components/ScrollWrapper/index.js

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

package/components/ScrollWrapper/styles.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    $shape: 'small' | 'medium' | 'large';
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/ScrollWrapper/styles.js

@@ -1,7 +0,0 @@
-import { styled } from '../styles';
-export const Wrapper = styled.div `
-  overflow: hidden;
-
-  border: 1px solid ${({ theme }) => theme.palette.grey[300]};
-  border-radius: ${({ theme, $shape }) => theme.shape[$shape]};
-`;

package/node/components/ScrollWrapper/ScrollWrapper.d.ts

@@ -1,7 +0,0 @@
-import { type ReactNode } from 'react';
-type ScrollWrapperProps = {
-    children: ReactNode;
-    shape?: 'small' | 'medium' | 'large';
-};
-export declare const ScrollWrapper: ({ children, shape, }: ScrollWrapperProps) => JSX.Element;
-export {};

package/node/components/ScrollWrapper/ScrollWrapper.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ScrollWrapper = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styles_1 = require("./styles");
-const ScrollWrapper = ({ children, shape = 'medium', }) => (0, jsx_runtime_1.jsx)(styles_1.Wrapper, { "$shape": shape, children: children });
-exports.ScrollWrapper = ScrollWrapper;

package/node/components/ScrollWrapper/index.d.ts

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

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

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    $shape: 'small' | 'medium' | 'large';
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/node/components/ScrollWrapper/styles.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Wrapper = void 0;
-const styles_1 = require("../styles");
-exports.Wrapper = styles_1.styled.div `
-  overflow: hidden;
-
-  border: 1px solid ${({ theme }) => theme.palette.grey[300]};
-  border-radius: ${({ theme, $shape }) => theme.shape[$shape]};
-`;