@astral/ui 4.17.5 → 4.17.6

package/node/hook-form/FormPageLayout/styles.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormContent = void 0;
+const styled_1 = require("../../components/styled");
+exports.FormContent = styled_1.styled.div `
+  padding: ${({ theme }) => theme.spacing(0, 6, 4)};
+
+  ${({ theme }) => theme.breakpoints.down('sm')} {
+    padding: ${({ theme }) => theme.spacing(0, 4, 4)};
+  }
+`;

package/node/hook-form/FormPageLayoutBase/FormMobileActions/FormMobileActions.d.ts

@@ -0,0 +1,5 @@
+import { type ElementType } from 'react';
+import { type PageHeaderProps } from '../../../components/PageHeader';
+type FormMobileActionsProps<TMainActionComponent extends ElementType, TSecondaryActionComponent extends ElementType> = Pick<PageHeaderProps<TMainActionComponent, TSecondaryActionComponent>, 'actions'>;
+export declare const FormMobileActions: <TMainActionComponent extends ElementType, TSecondaryActionComponent extends ElementType>({ actions, }: FormMobileActionsProps<TMainActionComponent, TSecondaryActionComponent>) => JSX.Element | null;
+export {};

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

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormMobileActions = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ActionGroup_1 = require("../../../components/ActionGroup");
+const MenuItem_1 = require("../../../components/MenuItem");
+const icons_1 = require("../../../icons");
+const styles_1 = require("./styles");
+const FormMobileActions = ({ actions, }) => {
+    const mainActions = (0, ActionGroup_1.useMainActions)({
+        actions: actions?.main || [],
+    });
+    if (!actions) {
+        return null;
+    }
+    const { secondaryVisible = [], secondary = [] } = actions;
+    const secondaryActions = [...secondaryVisible, ...secondary];
+    return ((0, jsx_runtime_1.jsxs)(styles_1.StyledIconDropDownButton, { title: "\u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044F", variant: "text", icon: (0, jsx_runtime_1.jsx)(icons_1.DotsVOutlineMd, {}), children: [mainActions.map(({ isNested, buttonProps, nestedActions }, index) => {
+                const { name, disabled } = buttonProps;
+                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, { ...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, { ...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
+                // biome-ignore lint/suspicious/noArrayIndexKey: Используется вместе с label
+                , { disabled: disabled, onClick: onClick, children: label }, `${label}:${index}`));
+            })] }));
+};
+exports.FormMobileActions = FormMobileActions;

package/node/hook-form/FormPageLayoutBase/FormMobileActions/styles.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+export declare const StyledIconDropDownButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../../../components/IconDropdownButton").IconDropdownButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const StyledButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "variant"> & {
+    variant?: "light" | "link" | "outlined" | "contained" | "text" | undefined;
+    loading?: boolean | undefined;
+    color?: "grey" | "error" | "success" | "warning" | "primary" | undefined;
+    component?: import("react").ElementType | undefined;
+    selected?: boolean | undefined;
+} & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, ""> & import("react").RefAttributes<HTMLButtonElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const StyledDropdownButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../../../components/DropdownButton").DropdownButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

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

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledDropdownButton = exports.StyledButton = exports.StyledIconDropDownButton = void 0;
+const Button_1 = require("../../../components/Button");
+const DropdownButton_1 = require("../../../components/DropdownButton");
+const IconDropdownButton_1 = require("../../../components/IconDropdownButton");
+const styled_1 = require("../../../components/styled");
+exports.StyledIconDropDownButton = (0, styled_1.styled)(IconDropdownButton_1.IconDropdownButton) `
+  margin-left: auto;
+`;
+exports.StyledButton = (0, styled_1.styled)(Button_1.Button) `
+  justify-content: flex-start;
+
+  font-weight: ${({ theme }) => theme.typography.fontWeightRegular};
+  line-height: ${({ theme }) => theme.typography.h6.lineHeight};
+
+  ${({ theme }) => theme.breakpoints.down('sm')} {
+    width: 100%;
+    height: unset;
+    padding: 0;
+  }
+`;
+exports.StyledDropdownButton = (0, styled_1.styled)(DropdownButton_1.DropdownButton) `
+  justify-content: flex-start;
+
+  font-weight: ${({ theme }) => theme.typography.fontWeightRegular};
+  line-height: ${({ theme }) => theme.typography.h6.lineHeight};
+
+  ${({ theme }) => theme.breakpoints.down('sm')} {
+    height: unset;
+    padding: 0;
+
+    .${Button_1.buttonClasses.endIcon} {
+      display: none;
+    }
+  }
+`;

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

@@ -0,0 +1,36 @@
+import { type ElementType, type ReactNode } from 'react';
+import { type PageLayoutProps } from '../../components/PageLayout';
+import type { SecondaryAction } from '../FormPageLayoutBase';
+import { type UseFormReturn } from '../hooks';
+type FormPageProps<TFormValues extends Record<string, unknown>> = {
+    form: UseFormReturn<TFormValues> | null;
+    /**
+     * Если true, форма будет недоступна для взаимодействия
+     */
+    isDisabled?: boolean;
+    /**
+     * Дополнительные кнопки формы
+     */
+    secondaryActions?: SecondaryAction[];
+};
+export type FormPageLayoutBaseProps<TFormValues extends Record<string, unknown>, TMainActionComponent extends ElementType = ElementType, TSecondaryActionComponent extends ElementType = ElementType, TBackButtonComponent extends ElementType = ElementType> = Omit<PageLayoutProps<TMainActionComponent, TSecondaryActionComponent, TBackButtonComponent>, 'content'> & {
+    /**
+     * Содержимое layout
+     */
+    children: (props: {
+        isDisabled?: boolean;
+    }) => ReactNode;
+    /**
+     * Параметры страницы формы
+     */
+    formProps: FormPageProps<TFormValues>;
+    /**
+     * Класс применяемый к PageContent
+     */
+    contentClassname?: string;
+};
+/**
+ * Компонент не предназначен для экспорта из пакета. Используется внутри FormPageLayout и FormWizardPageLayout
+ */
+export declare const FormPageLayoutBase: <TFormValues extends Record<string, unknown>>(props: FormPageLayoutBaseProps<TFormValues, ElementType, ElementType, ElementType>) => JSX.Element;
+export {};

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormPageLayoutBase = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const PageAside_1 = require("../../components/PageAside");
+const PageContext_1 = require("../../components/PageContext");
+const PageLayoutContainer_1 = require("../../components/PageLayoutContainer");
+const utils_1 = require("../../components/utils");
+const FormMobileActions_1 = require("./FormMobileActions");
+const styles_1 = require("./styles");
+const useLogic_1 = require("./useLogic");
+/**
+ * Компонент не предназначен для экспорта из пакета. Используется внутри FormPageLayout и FormWizardPageLayout
+ */
+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)(PageContext_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)(PageLayoutContainer_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)(PageAside_1.PageAside, { ...aside })), (0, react_1.isValidElement)(aside) && aside] })] }));
+};
+exports.FormPageLayoutBase = FormPageLayoutBase;

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formPageContentClassnames = exports.formPageLayoutClassnames = void 0;
+const utils_1 = require("../../components/utils");
+exports.formPageLayoutClassnames = {
+    pageHeaderActions: (0, utils_1.createUIKitClassname)('form-page-layout__header__actions'),
+    footerShadow: (0, utils_1.createUIKitClassname)('form-page-layout__footer_shadow'),
+};
+exports.formPageContentClassnames = {
+    formPageContentSecondaryActions: (0, utils_1.createUIKitClassname)('form-page-content__actions'),
+    formWizardPageContentActions: (0, utils_1.createUIKitClassname)('form-wizard-page-content_has-actions'),
+};

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

@@ -0,0 +1,3 @@
+export { formPageContentClassnames, formPageLayoutClassnames, } from './constants';
+export * from './FormPageLayoutBase';
+export type { SecondaryAction } from './types';

package/node/hook-form/FormPageLayoutBase/styles.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export declare const DesktopAlertWrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MobileAlertWrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledPageContent: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../../components/PageContent").PageContentProps & import("react").RefAttributes<HTMLElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const StyledPageHeader: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../../components/PageHeader").PageHeaderProps<import("react").ElementType, import("react").ElementType, import("react").ElementType> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

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

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledPageHeader = exports.StyledPageContent = exports.MobileAlertWrapper = exports.DesktopAlertWrapper = void 0;
+const PageContent_1 = require("../../components/PageContent");
+const PageHeader_1 = require("../../components/PageHeader");
+const styled_1 = require("../../components/styled");
+const constants_1 = require("./constants");
+exports.DesktopAlertWrapper = styled_1.styled.div `
+  display: block;
+
+  ${({ theme }) => theme.breakpoints.down('sm')} {
+    display: none;
+  }
+`;
+exports.MobileAlertWrapper = styled_1.styled.div `
+  display: none;
+
+  ${({ theme }) => theme.breakpoints.down('sm')} {
+    display: block;
+  }
+`;
+exports.StyledPageContent = (0, styled_1.styled)(PageContent_1.PageContent) `
+  scrollbar-gutter: stable;
+
+  overflow: auto;
+
+  padding-top: ${({ theme }) => theme.spacing(4)};
+
+  .${PageContent_1.pageContentClassnames.content} {
+    ${({ theme }) => theme.breakpoints.up('sm')} {
+      overflow: unset;
+
+      height: auto;
+      padding: 0;
+    }
+  }
+
+  ${({ theme }) => theme.breakpoints.down('sm')} {
+    margin-bottom: ${({ theme }) => theme.spacing(24)};
+
+    &.${constants_1.formPageContentClassnames.formPageContentSecondaryActions} {
+      margin-bottom: ${({ theme }) => theme.spacing(38)};
+
+      &.${constants_1.formPageContentClassnames.formWizardPageContentActions} {
+        margin-bottom: ${({ theme }) => theme.spacing(52)};
+      }
+    }
+  }
+`;
+exports.StyledPageHeader = (0, styled_1.styled)(PageHeader_1.PageHeader) `
+  ${({ theme }) => theme.breakpoints.down('sm')} {
+    .${PageHeader_1.pageHeaderClassnames.pageHeaderMobileTitle} {
+      padding-right: ${({ theme }) => theme.spacing(1)};
+    }
+  }
+`;

package/node/hook-form/FormPageLayoutBase/useLogic/useLogic.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+import { type ActionGroupProps } from '../../../components/ActionGroup';
+import { type FormPageLayoutBaseProps } from '../FormPageLayoutBase';
+type UseLogicParams<TFormValues extends Record<string, unknown>> = FormPageLayoutBaseProps<TFormValues>;
+export declare const useLogic: <TFormValues extends Record<string, unknown>>({ aside, header, formProps, }: UseLogicParams<TFormValues>) => {
+    headerProps: {
+        title?: import("react").ReactNode;
+        description?: import("react").ReactNode;
+        subheader?: import("react").ReactNode;
+        breadcrumbs?: import("react").ReactNode;
+        className?: string | undefined;
+        isLoading?: boolean | undefined;
+        shouldUpdateDocumentTitle?: boolean | undefined;
+        htmlTitle?: string | undefined;
+        backButton?: (Omit<import("../../..").ButtonProps, "children" | "variant"> & {
+            component?: import("react").ElementType | undefined;
+            theme?: import("../../..").Theme | undefined;
+        } & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement>) | undefined;
+        actions: ActionGroupProps | undefined;
+    };
+    pageContentProps: {
+        isSeparatorShown: boolean;
+    };
+    renderChildrenProps: {
+        isDisabled: boolean | undefined;
+        containerRef: import("react").MutableRefObject<null>;
+    };
+    headerActions: ActionGroupProps | undefined;
+};
+export {};

package/node/hook-form/FormWizard/Footer/styles.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+export declare const Wrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
-export declare const PrevButton: import("@emotion/styled").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "variant"> & {
-    variant?: "link" | "light" | "outlined" | "contained" | "text" | undefined;
+export declare const PrevButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "variant"> & {
+    variant?: "light" | "link" | "outlined" | "contained" | "text" | undefined;
     loading?: boolean | undefined;
     color?: "grey" | "error" | "success" | "warning" | "primary" | undefined;
     component?: import("react").ElementType | undefined;

package/node/hook-form/FormWizard/Footer/styles.js

@@ -2,14 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PrevButton = exports.Wrapper = void 0;
 const Button_1 = require("../../../components/Button");
-const styles_1 = require("../../../components/styles");
-exports.Wrapper = styles_1.styled.footer `
+const styled_1 = require("../../../components/styled");
+exports.Wrapper = styled_1.styled.footer `
   display: flex;
   gap: ${({ theme }) => theme.spacing(4)};
   justify-content: end;
 
   margin-top: ${({ theme }) => theme.spacing(4)};
 `;
-exports.PrevButton = (0, styles_1.styled)(Button_1.Button) `
+exports.PrevButton = (0, styled_1.styled)(Button_1.Button) `
   margin-right: auto;
 `;

package/node/hook-form/FormWizard/styles.d.ts

@@ -1,19 +1,19 @@
 /// <reference types="react" />
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+export declare const Wrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
-export declare const BeforeContentWrapper: import("@emotion/styled").StyledComponent<{
+export declare const BeforeContentWrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledStepperWizard: import("@emotion/styled").StyledComponent<Omit<import("../..").StepperProps, "children"> & {
+export declare const StyledStepperWizard: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../..").StepperProps, "children"> & {
     steps: import("../../components/StepperWizard").StepWizard[];
     onClickPrevStep?: ((index: number) => void) | undefined;
 } & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const FormContent: import("@emotion/styled").StyledComponent<{
+export declare const FormContent: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/node/hook-form/FormWizard/styles.js

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormContent = exports.StyledStepperWizard = exports.BeforeContentWrapper = exports.Wrapper = void 0;
 const StepperWizard_1 = require("../../components/StepperWizard");
-const styles_1 = require("../../components/styles");
-exports.Wrapper = styles_1.styled.section `
+const styled_1 = require("../../components/styled");
+exports.Wrapper = styled_1.styled.section `
   display: flex;
   flex-direction: column;
 `;
-exports.BeforeContentWrapper = styles_1.styled.div `
+exports.BeforeContentWrapper = styled_1.styled.div `
   margin-bottom: ${({ theme }) => theme.spacing(4)};
   padding: ${({ theme }) => theme.spacing(0, 6)};
 
@@ -16,7 +16,7 @@ exports.BeforeContentWrapper = styles_1.styled.div `
     padding: ${({ theme }) => theme.spacing(0, 4)};
   }
 `;
-exports.StyledStepperWizard = (0, styles_1.styled)(StepperWizard_1.StepperWizard) `
+exports.StyledStepperWizard = (0, styled_1.styled)(StepperWizard_1.StepperWizard) `
   margin-bottom: ${({ theme }) => theme.spacing(4)};
   padding: ${({ theme }) => theme.spacing(0, 6)};
 
@@ -27,7 +27,7 @@ exports.StyledStepperWizard = (0, styles_1.styled)(StepperWizard_1.StepperWizard
     padding: ${({ theme }) => theme.spacing(0, 4)};
   }
 `;
-exports.FormContent = styles_1.styled.div `
+exports.FormContent = styled_1.styled.div `
   padding: ${({ theme }) => theme.spacing(0, 6, 4)};
 
   ${({ theme }) => theme.breakpoints.down('sm')} {

package/node/hook-form/FormWizardPageLayout/FormWizardFooter/FormWizardFooter.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+import type { SecondaryAction } from '../../FormPageLayoutBase';
+export type FormWizardFooterProps = {
+    /**
+     * Если true, кнопки будут заблокированы.
+     */
+    isDisabled?: boolean;
+    /**
+     * Флаг, указывающий, является ли текущий шаг первым в последовательности.
+     */
+    isFirstStep: boolean;
+    /**
+     * Флаг, указывающий, является ли текущий шаг последним в последовательности.
+     */
+    isLastStep: boolean;
+    /**
+     * Текст для кнопки "Назад" на этом шаге.
+     */
+    prevButtonText: string;
+    /**
+     * Текст для кнопки "Далее" и "Отправить" (для текущего шага)
+     */
+    submitButtonText: string;
+    /**
+     * Дополнительные кнопки формы (отображаются на последнем шаге)
+     */
+    secondaryActions?: SecondaryAction[];
+    /**
+     * Функция, вызываемая при переходе на предыдущий шаг.
+     */
+    onPrevStep: () => void;
+};
+export declare const FormWizardFooter: (props: FormWizardFooterProps) => JSX.Element;

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

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+export declare const PrevButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "variant"> & {
+    variant?: "light" | "link" | "outlined" | "contained" | "text" | undefined;
+    loading?: boolean | undefined;
+    color?: "grey" | "error" | "success" | "warning" | "primary" | undefined;
+    component?: import("react").ElementType | undefined;
+    selected?: boolean | undefined;
+} & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, ""> & import("react").RefAttributes<HTMLButtonElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const StyledPreviousIcon: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
+    children?: import("react").ReactNode;
+    color?: string | undefined;
+    titleAccess?: string | undefined;
+    size?: "sm" | "md" | undefined;
+} & import("react").SVGProps<SVGSVGElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const StyledNextIcon: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
+    children?: import("react").ReactNode;
+    color?: string | undefined;
+    titleAccess?: string | undefined;
+    size?: "sm" | "md" | undefined;
+} & import("react").SVGProps<SVGSVGElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

package/node/hook-form/FormWizardPageLayout/FormWizardFooter/styles.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledNextIcon = exports.StyledPreviousIcon = exports.PrevButton = void 0;
+const Button_1 = require("../../../components/Button");
+const styled_1 = require("../../../components/styled");
+const icons_1 = require("../../../icons");
+exports.PrevButton = (0, styled_1.styled)(Button_1.Button) `
+  margin-right: auto;
+
+  ${({ theme }) => theme.breakpoints.down('sm')} {
+    order: 1;
+
+    height: 50px;
+    margin-right: unset;
+  }
+`;
+exports.StyledPreviousIcon = (0, styled_1.styled)(icons_1.ArrowLOutlineMd) `
+  ${({ theme }) => theme.breakpoints.down('sm')} {
+    display: none;
+  }
+`;
+exports.StyledNextIcon = (0, styled_1.styled)(icons_1.ArrowROutlineMd) `
+  ${({ theme }) => theme.breakpoints.down('sm')} {
+    display: none;
+  }
+`;

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

@@ -0,0 +1,47 @@
+import { type ElementType, type ReactNode } from 'react';
+import { type PageAsideProps } from '../../components/PageAside';
+import { type PageHeaderProps } from '../../components/PageHeader';
+import { type PageLayoutProps } from '../../components/PageLayout';
+import type { SecondaryAction } from '../FormPageLayoutBase';
+import { type FormWizardProps as ExternalFormWizardProps } from '../FormWizard';
+type FormWizardProps<TFormValues extends Record<string, unknown>> = Omit<ExternalFormWizardProps<TFormValues>, 'customFooter'> & {
+    /**
+     * Дополнительные кнопки формы
+     */
+    secondaryActions?: SecondaryAction[];
+};
+export type FormWizardPageLayoutProps<TFormValues extends Record<string, unknown>, TMainActionComponent extends ElementType = ElementType, TSecondaryActionComponent extends ElementType = ElementType, TBackButtonComponent extends ElementType = ElementType> = Pick<PageLayoutProps<TMainActionComponent, TSecondaryActionComponent, TBackButtonComponent>, 'className' | 'alert'> & {
+    /**
+     * Конфигурация PageHeader
+     * @example <FormWizardPageLayout header={{
+     *  title: 'Заголовок страницы',
+     *  description: 'Описание страницы',
+     * }} />
+     */
+    header: PageHeaderProps<TMainActionComponent, TSecondaryActionComponent, TBackButtonComponent>;
+    /**
+     * Конфигурация PageAside
+     * @example <FormWizardPageLayout aside={{
+     *  children: 'Боковая панель страницы',
+     * }} />
+     */
+    aside?: PageAsideProps | ReactNode;
+    /**
+     * Конфигурация FormWizard
+     * @example <FormWizardPageLayout
+     *  header={{
+     *    title: 'Заголовок страницы',
+     *  }}
+     *  formWizard={{
+     *    submitButtonText: 'Подписать и отправить',
+     *    onSubmit: handleSubmit,
+     *  }}
+     * />
+     */
+    formWizard: FormWizardProps<TFormValues>;
+};
+/**
+ * FormPageLayout предназначен для построения страниц с формами.
+ */
+export declare const FormWizardPageLayout: <TFormValues extends Record<string, unknown>>(props: FormWizardPageLayoutProps<TFormValues, ElementType, ElementType, ElementType>) => JSX.Element;
+export {};

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

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormWizardPageLayout = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("../../components/utils");
+const FormPageLayoutBase_1 = require("../FormPageLayoutBase");
+const FormWizard_1 = require("../FormWizard");
+const FormWizardFooter_1 = require("./FormWizardFooter");
+const useLogic_1 = require("./useLogic");
+/**
+ * FormPageLayout предназначен для построения страниц с формами.
+ */
+const FormWizardPageLayout = (props) => {
+    const { header, aside, formWizard, alert } = props;
+    const { form, isDisabled: externalDisabled, secondaryActions } = formWizard;
+    const { isShowFullActions, isShowNavigateButtons } = (0, useLogic_1.useLogic)(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, { isDisabled: isDisabled, ...formWizard, customFooter: (footerProps) => ((0, jsx_runtime_1.jsx)(FormWizardFooter_1.FormWizardFooter, { ...footerProps, secondaryActions: secondaryActions })) })) }));
+};
+exports.FormWizardPageLayout = FormWizardPageLayout;

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

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

package/node/hook-form/FormWizardPageLayout/public.d.ts

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

package/node/hook-form/FormWizardPageLayout/public.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("./FormWizardPageLayout"), exports);

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

@@ -0,0 +1,36 @@
+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: ObjectGuard<TFieldValues> | ObjectAsyncGuard<TFieldValues>) => Resolver<TFieldValues>;

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

@@ -6,3 +6,6 @@ export * from './useFormInputProps';
 export * from './useFormState';
 export * from './useFormWatchFields';
 export * from './useFormWizard';
+export * from './useFormController';
+export * from './useFormFieldArray';
+export * from './useFormWatch';