@astral/ui 4.18.3 → 4.18.4

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

@@ -5,13 +5,13 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const MaskField_1 = require("../../components/MaskField");
 const personalDataSecurity_1 = require("../../components/personalDataSecurity");
 const utils_1 = require("../../components/utils");
-const hooks_1 = require("../hooks");
+const useFormFieldProps_1 = require("../hooks/useFormFieldProps");
 const MOBILE_PHONE_MASK = '+{7} (000) 000-00-00';
 /**
  * Поле для ввода личного мобильного номера телефона, начинающего на 79
  */
 const FormMobilePhoneField = ({ isHidePersonalData, inputProps, ...props }) => {
-    const fieldProps = (0, hooks_1.useFormFieldProps)({
+    const fieldProps = (0, useFormFieldProps_1.useFormFieldProps)({
         ...props,
         defaultValue: props.defaultValue || null,
     });

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

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormNumberField = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const NumberField_1 = require("../../components/NumberField");
-const hooks_1 = require("../hooks");
+const useFormFieldProps_1 = require("../hooks/useFormFieldProps");
 /**
  * Адаптер для MaskField
  */
 const FormNumberField = (props) => {
-    const fieldProps = (0, hooks_1.useFormFieldProps)(props);
+    const fieldProps = (0, useFormFieldProps_1.useFormFieldProps)(props);
     return (0, jsx_runtime_1.jsx)(NumberField_1.NumberField, { ...fieldProps });
 };
 exports.FormNumberField = FormNumberField;

package/node/hook-form/FormPageLayout/FormPageFooter/SecondaryActions/styles.d.ts

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

package/node/hook-form/FormPageLayout/FormPageFooter/styles.d.ts

@@ -5,10 +5,10 @@ export declare const ActionsWrapper: import("@emotion/styled/dist/declarations/s
 } & {
     $isShowMoreButton?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ShowMoreButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "variant" | "component" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
-    variant?: "light" | "link" | "outlined" | "text" | "contained" | undefined;
+export declare const ShowMoreButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+    variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
-    color?: "grey" | "error" | "success" | "warning" | "primary" | undefined;
+    color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {

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

@@ -4,7 +4,7 @@ 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 DotsVOutlineMd_1 = require("../../../icons/DotsVOutlineMd");
 const styles_1 = require("./styles");
 const FormMobileActions = ({ actions, }) => {
     const mainActions = (0, ActionGroup_1.useMainActions)({
@@ -15,7 +15,7 @@ const FormMobileActions = ({ actions, }) => {
     }
     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) => {
+    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)(DotsVOutlineMd_1.DotsVOutlineMd, {}), children: [mainActions.map(({ isNested, buttonProps, nestedActions }, index) => {
                 const { name, disabled } = buttonProps;
                 if (isNested) {
                     return ((0, jsx_runtime_1.jsx)(MenuItem_1.MenuItem

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

@@ -2,10 +2,10 @@
 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" | "variant" | "component" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
-    variant?: "light" | "link" | "outlined" | "text" | "contained" | undefined;
+export declare const StyledButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+    variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
-    color?: "grey" | "error" | "success" | "warning" | "primary" | undefined;
+    color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {

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

@@ -1,7 +1,7 @@
 import { type ElementType, type ReactNode } from 'react';
 import { type PageLayoutProps } from '../../components/PageLayout';
 import type { SecondaryAction } from '../FormPageLayoutBase';
-import { type UseFormReturn } from '../hooks';
+import { type UseFormReturn } from '../hooks/useForm';
 type FormPageProps<TFormValues extends Record<string, unknown>> = {
     form: UseFormReturn<TFormValues> | null;
     /**

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

@@ -12,7 +12,7 @@ export declare const useLogic: <TFormValues extends Record<string, unknown>>({ a
         isLoading?: boolean | undefined;
         shouldUpdateDocumentTitle?: boolean | undefined;
         htmlTitle?: string | undefined;
-        backButton?: (Omit<import("../../..").ButtonProps, "children" | "variant" | "component"> & {
+        backButton?: (Omit<import("../../..").ButtonProps, "children" | "component" | "variant"> & {
             component?: import("react").ElementType | undefined;
             theme?: import("../../..").Theme | undefined;
         } & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement>) | undefined;

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

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormPasswordField = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const PasswordField_1 = require("../../components/PasswordField");
-const hooks_1 = require("../hooks");
+const useFormFieldProps_1 = require("../hooks/useFormFieldProps");
 /**
  * Адаптер для PasswordField
  */
 const FormPasswordField = (props) => {
-    const fieldProps = (0, hooks_1.useFormFieldProps)(props);
+    const fieldProps = (0, useFormFieldProps_1.useFormFieldProps)(props);
     return (0, jsx_runtime_1.jsx)(PasswordField_1.PasswordField, { ...fieldProps });
 };
 exports.FormPasswordField = FormPasswordField;

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

@@ -4,12 +4,12 @@ exports.FormPreviewFileUploader = exports.FormPreviewFileUploaderInner = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const fileUploading_1 = require("../../components/fileUploading");
 const forwardRefWithGeneric_1 = require("../../components/forwardRefWithGeneric");
-const hooks_1 = require("../hooks");
+const useFormFieldProps_1 = require("../hooks/useFormFieldProps");
 /**
  * PreviewFileUploader для формы
  */
 const FormPreviewFileUploaderInner = (props, ref) => {
-    const { error, ...fieldProps } = (0, hooks_1.useFormFieldProps)(props);
+    const { error, ...fieldProps } = (0, useFormFieldProps_1.useFormFieldProps)(props);
     return (0, jsx_runtime_1.jsx)(fileUploading_1.PreviewFileUploader, { isError: error, ...fieldProps, ref: ref });
 };
 exports.FormPreviewFileUploaderInner = FormPreviewFileUploaderInner;

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

@@ -4,13 +4,13 @@ exports.FormRadioGroup = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const forwardRefWithGeneric_1 = require("../../components/forwardRefWithGeneric");
 const RadioGroup_1 = require("../../components/RadioGroup");
-const hooks_1 = require("../hooks");
+const useFormFieldProps_1 = require("../hooks/useFormFieldProps");
 /**
  * Адаптер RadioGroup для формы
  */
 const FormRadioGroupInner = (props, ref) => {
     const { errorText, isError, ...withoutErrorProps } = props;
-    const { error, helperText, inputRef, children, ...fieldProps } = (0, hooks_1.useFormFieldProps)({
+    const { error, helperText, inputRef, children, ...fieldProps } = (0, useFormFieldProps_1.useFormFieldProps)({
         ...withoutErrorProps,
         defaultValue: withoutErrorProps.defaultValue ||
             null,

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

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormSelect = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Select_1 = require("../../components/Select");
-const hooks_1 = require("../hooks");
+const useFormFieldProps_1 = require("../hooks/useFormFieldProps");
 /**
  * Адаптер для Select
  */
 const FormSelect = (props) => {
-    const fieldProps = (0, hooks_1.useFormFieldProps)({
+    const fieldProps = (0, useFormFieldProps_1.useFormFieldProps)({
         ...props,
         defaultValue: props.defaultValue ||
             (props.multiple ? [] : null),

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

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormSubmitButton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Button_1 = require("../../components/Button");
-const hooks_1 = require("../hooks");
+const useFormContext_1 = require("../hooks/useFormContext");
 /**
  * Используется для форм, отображает состояние загрузки, когда форма isSubmitting
  */
 const FormSubmitButton = ({ children, loading, ...props }) => {
-    const { formState } = (0, hooks_1.useFormContext)();
+    const { formState } = (0, useFormContext_1.useFormContext)();
     return ((0, jsx_runtime_1.jsx)(Button_1.Button, { type: "submit", loading: loading || formState?.isSubmitting, ...props, children: children }));
 };
 exports.FormSubmitButton = FormSubmitButton;

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

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormTextArea = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const TextArea_1 = require("../../components/TextArea");
-const hooks_1 = require("../hooks");
+const useFormFieldProps_1 = require("../hooks/useFormFieldProps");
 /**
  * Адаптер для TextArea
  */
 const FormTextArea = (props) => {
-    const fieldProps = (0, hooks_1.useFormFieldProps)({
+    const fieldProps = (0, useFormFieldProps_1.useFormFieldProps)({
         ...props,
         defaultValue: props.defaultValue || '',
     });

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

@@ -4,12 +4,12 @@ exports.FormTextField = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const forwardRefWithGeneric_1 = require("../../components/forwardRefWithGeneric");
 const TextField_1 = require("../../components/TextField");
-const hooks_1 = require("../hooks");
+const useFormFieldProps_1 = require("../hooks/useFormFieldProps");
 /**
  * Адаптер для TextField
  */
 function FormTextFieldInner(props, ref) {
-    const fieldProps = (0, hooks_1.useFormFieldProps)({
+    const fieldProps = (0, useFormFieldProps_1.useFormFieldProps)({
         ...props,
         defaultValue: props.defaultValue || '',
     });

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

@@ -3,10 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormToggleButtonGroup = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const ToggleButtonGroup_1 = require("../../components/ToggleButtonGroup");
-const hooks_1 = require("../hooks");
+const useFormFieldProps_1 = require("../hooks/useFormFieldProps");
 const FormToggleButtonGroup = (props) => {
     const { isError, onChange, errorText, color: colorToggleButton, isDisabledErrorText, ...restProps } = props;
-    const { error, children, helperText, onChange: fieldPropsOnChange, ...fieldProps } = (0, hooks_1.useFormFieldProps)({
+    const { error, children, helperText, onChange: fieldPropsOnChange, ...fieldProps } = (0, useFormFieldProps_1.useFormFieldProps)({
         ...restProps,
         defaultValue: restProps.defaultValue ||
             null,

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

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormTreeAsyncAutocomplete = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const TreeAsyncAutocomplete_1 = require("../../components/TreeAsyncAutocomplete");
-const hooks_1 = require("../hooks");
+const useFormFieldProps_1 = require("../hooks/useFormFieldProps");
 /**
  * FormTreeAsyncAutocomplete для формы
  */
 const FormTreeAsyncAutocomplete = (props) => {
-    const { error, ...fieldProps } = (0, hooks_1.useFormFieldProps)({
+    const { error, ...fieldProps } = (0, useFormFieldProps_1.useFormFieldProps)({
         ...props,
         defaultValue: props.defaultValue || null,
     });

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

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormTreeAutocomplete = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const TreeAutocomplete_1 = require("../../components/TreeAutocomplete");
-const hooks_1 = require("../hooks");
+const useFormFieldProps_1 = require("../hooks/useFormFieldProps");
 /**
  * FormTreeAutocomplete для формы
  */
 const FormTreeAutocomplete = (props) => {
-    const { error, ...fieldProps } = (0, hooks_1.useFormFieldProps)({
+    const { error, ...fieldProps } = (0, useFormFieldProps_1.useFormFieldProps)({
         ...props,
         defaultValue: props.defaultValue || null,
     });

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

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormTreeLikeAsyncAutocomplete = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const TreeLikeAsyncAutocomplete_1 = require("../../components/TreeLikeAsyncAutocomplete");
-const hooks_1 = require("../hooks");
+const useFormFieldProps_1 = require("../hooks/useFormFieldProps");
 /**
  * Обертка TreeLikeAsyncAutocomplete для формы
  */
 const FormTreeLikeAsyncAutocomplete = (props) => {
-    const { error, ...fieldProps } = (0, hooks_1.useFormFieldProps)({
+    const { error, ...fieldProps } = (0, useFormFieldProps_1.useFormFieldProps)({
         ...props,
         defaultValue: props.defaultValue || '',
     });

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

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormTreeLikeAutocomplete = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const TreeLikeAutocomplete_1 = require("../../components/TreeLikeAutocomplete");
-const hooks_1 = require("../hooks");
+const useFormFieldProps_1 = require("../hooks/useFormFieldProps");
 /**
  * FormTreeAutocomplete для формы
  */
 const FormTreeLikeAutocomplete = (props) => {
-    const { error, ...fieldProps } = (0, hooks_1.useFormFieldProps)({
+    const { error, ...fieldProps } = (0, useFormFieldProps_1.useFormFieldProps)({
         ...props,
         defaultValue: props.defaultValue || '',
     });

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

@@ -2,12 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Footer = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const icons_1 = require("../../../icons");
+const ArrowLOutlineMd_1 = require("../../../icons/ArrowLOutlineMd");
+const ArrowROutlineMd_1 = require("../../../icons/ArrowROutlineMd");
 const FormSubmitButton_1 = require("../../FormSubmitButton");
 const styles_1 = require("./styles");
 const Footer = (props) => {
     const { isDisabled, isFirstStep, isLastStep, prevButtonText, submitButtonText, onPrevStep, } = props;
-    const renderNextIcon = () => (isLastStep ? null : (0, jsx_runtime_1.jsx)(icons_1.ArrowROutlineMd, {}));
-    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { children: [!isFirstStep && ((0, jsx_runtime_1.jsx)(styles_1.PrevButton, { disabled: isDisabled, variant: "light", startIcon: (0, jsx_runtime_1.jsx)(icons_1.ArrowLOutlineMd, {}), onClick: onPrevStep, children: prevButtonText })), (0, jsx_runtime_1.jsx)(FormSubmitButton_1.FormSubmitButton, { disabled: isDisabled, endIcon: renderNextIcon(), children: submitButtonText })] }));
+    const renderNextIcon = () => (isLastStep ? null : (0, jsx_runtime_1.jsx)(ArrowROutlineMd_1.ArrowROutlineMd, {}));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { children: [!isFirstStep && ((0, jsx_runtime_1.jsx)(styles_1.PrevButton, { disabled: isDisabled, variant: "light", startIcon: (0, jsx_runtime_1.jsx)(ArrowLOutlineMd_1.ArrowLOutlineMd, {}), onClick: onPrevStep, children: prevButtonText })), (0, jsx_runtime_1.jsx)(FormSubmitButton_1.FormSubmitButton, { disabled: isDisabled, endIcon: renderNextIcon(), children: submitButtonText })] }));
 };
 exports.Footer = Footer;

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

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

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

@@ -1,6 +1,6 @@
 import { type ReactNode } from 'react';
 import { type FieldErrors } from 'react-hook-form';
-import { type UseFormReturn } from '../hooks';
+import { type UseFormReturn } from '../hooks/useForm';
 import type { WizardFooterProps, WizardStep, WizardStepId } from './types';
 export type FormWizardProps<TFormValues extends Record<string, unknown>> = {
     /**

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

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

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

@@ -3,7 +3,8 @@ 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");
+const ArrowLOutlineMd_1 = require("../../../icons/ArrowLOutlineMd");
+const ArrowROutlineMd_1 = require("../../../icons/ArrowROutlineMd");
 exports.PrevButton = (0, styled_1.styled)(Button_1.Button) `
   margin-right: auto;
 
@@ -14,12 +15,12 @@ exports.PrevButton = (0, styled_1.styled)(Button_1.Button) `
     margin-right: unset;
   }
 `;
-exports.StyledPreviousIcon = (0, styled_1.styled)(icons_1.ArrowLOutlineMd) `
+exports.StyledPreviousIcon = (0, styled_1.styled)(ArrowLOutlineMd_1.ArrowLOutlineMd) `
   ${({ theme }) => theme.breakpoints.down('sm')} {
     display: none;
   }
 `;
-exports.StyledNextIcon = (0, styled_1.styled)(icons_1.ArrowROutlineMd) `
+exports.StyledNextIcon = (0, styled_1.styled)(ArrowROutlineMd_1.ArrowROutlineMd) `
   ${({ theme }) => theme.breakpoints.down('sm')} {
     display: none;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astral/ui",
-  "version": "4.18.3",
+  "version": "4.18.4",
   "browser": "./index.js",
   "main": "./node/index.js",
   "dependencies": {