@astral/ui 4.18.3 → 4.18.5

package/components/theme/types.d.ts

@@ -1,9 +1,11 @@
-import { type Theme as MuiTheme } from '@mui/material';
+/// <reference types="src/components/declaration/emotion" />
+import type { Theme as MuiTheme } from '@mui/material/styles/createTheme';
+import { type Typography } from '@mui/material/styles/createTypography';
+import { type CSSProperties } from 'react';
 import type { Elevation } from './elevation';
 import type { MicroSpacing } from './microSpacing';
 import type { Background, Color, ColorBrand, CommonColors, ComponentsColors, PaletteColor, PrimaryColorOptions, SecondaryColor, TextColor } from './palette';
 import type { Shape } from './shape';
-import type { TypographyThemeOptions } from './typography';
 export type Palette = {
     red: Color;
     green: Color;
@@ -27,3 +29,122 @@ export type Theme = Omit<MuiTheme, 'shadows' | 'palette' | 'shape' | 'typography
     shape: Shape;
     typography: TypographyThemeOptions;
 };
+type CustomTypographyVariantStyle = {
+    fontSize: CSSProperties['fontSize'];
+    fontWeight: CSSProperties['fontWeight'];
+    lineHeight: CSSProperties['lineHeight'];
+};
+export type TypographyThemeOptions = Omit<Typography, 'overline'> & {
+    link: CustomTypographyVariantStyle;
+    pointer: CustomTypographyVariantStyle;
+};
+export declare const baseTypography: Partial<TypographyThemeOptions>;
+export declare const getTypography: (theme: Theme) => {
+    h1: {
+        fontSize: string;
+        fontWeight: import("csstype").Property.FontWeight | undefined;
+        lineHeight: string;
+    };
+    h2: {
+        [x: string]: string | (number & {}) | {
+            fontSize: string;
+            lineHeight: string;
+        } | undefined;
+        fontSize: string;
+        fontWeight: import("csstype").Property.FontWeight | undefined;
+        lineHeight: string;
+    };
+    h3: {
+        [x: string]: string | (number & {}) | {
+            fontSize: string;
+            lineHeight: string;
+        } | undefined;
+        fontSize: string;
+        fontWeight: import("csstype").Property.FontWeight | undefined;
+        lineHeight: string;
+    };
+    h4: {
+        [x: string]: string | (number & {}) | {
+            fontSize: string;
+            lineHeight: string;
+        } | undefined;
+        fontSize: string;
+        fontWeight: import("csstype").Property.FontWeight | undefined;
+        lineHeight: string;
+    };
+    h5: {
+        [x: string]: string | (number & {}) | {
+            fontSize: string;
+            lineHeight: string;
+        } | undefined;
+        fontSize: string;
+        fontWeight: import("csstype").Property.FontWeight | undefined;
+        lineHeight: string;
+    };
+    h6: {
+        [x: string]: string | (number & {}) | {
+            fontSize: string;
+            lineHeight: string;
+        } | undefined;
+        fontSize: string;
+        fontWeight: import("csstype").Property.FontWeight | undefined;
+        lineHeight: string;
+    };
+    subtitle1: {
+        [x: string]: string | (number & {}) | {
+            fontSize: string;
+        } | undefined;
+        fontSize: string;
+        fontWeight: import("csstype").Property.FontWeight | undefined;
+        lineHeight: string;
+    };
+    subtitle2: {
+        [x: string]: string | (number & {}) | {
+            fontSize: string;
+        } | undefined;
+        fontSize: string;
+        fontWeight: import("csstype").Property.FontWeight | undefined;
+        lineHeight: string;
+    };
+    body1: {
+        [x: string]: string | (number & {}) | {
+            fontSize: string;
+        } | undefined;
+        fontSize: string;
+        fontWeight: import("csstype").Property.FontWeight | undefined;
+        lineHeight: string;
+    };
+    button: {
+        [x: string]: string | (number & {}) | {
+            fontSize: string;
+        } | undefined;
+        fontSize: string;
+        fontWeight: import("csstype").Property.FontWeight | undefined;
+        lineHeight: string;
+    };
+    link: {
+        [x: string]: string | (number & {}) | {
+            fontSize: string;
+        } | undefined;
+        fontSize: string;
+        fontWeight: import("csstype").Property.FontWeight | undefined;
+        lineHeight: string;
+    };
+    caption: {
+        [x: string]: string | (number & {}) | {
+            fontSize: string;
+        } | undefined;
+        fontSize: string;
+        fontWeight: import("csstype").Property.FontWeight | undefined;
+        lineHeight: string;
+    };
+    pointer: {
+        [x: string]: string | (number & {}) | {
+            fontSize: string;
+        } | undefined;
+        fontSize: string;
+        fontWeight: import("csstype").Property.FontWeight | undefined;
+        lineHeight: string;
+    };
+};
+export {};

package/components/theme/types.js

@@ -1 +1,117 @@
-export {};
+export const baseTypography = {
+    fontSize: 14,
+    htmlFontSize: 14,
+    fontWeightLight: 300,
+    fontWeightRegular: 400,
+    fontWeightMedium: 500,
+    fontWeightBold: 700,
+    fontFamily: ['InterVariable', 'sans-serif'].join(','),
+};
+export const getTypography = (theme) => ({
+    h1: {
+        fontSize: '36px',
+        fontWeight: theme.typography.fontWeightMedium,
+        lineHeight: '40px',
+    },
+    h2: {
+        fontSize: '28px',
+        fontWeight: theme.typography.fontWeightMedium,
+        lineHeight: '32px',
+        [theme.breakpoints.down('sm')]: {
+            fontSize: '32px',
+            lineHeight: '40px',
+        },
+    },
+    h3: {
+        fontSize: '24px',
+        fontWeight: theme.typography.fontWeightMedium,
+        lineHeight: '28px',
+        [theme.breakpoints.down('sm')]: {
+            fontSize: '28px',
+            lineHeight: '36px',
+        },
+    },
+    h4: {
+        fontSize: '20px',
+        fontWeight: theme.typography.fontWeightMedium,
+        lineHeight: '24px',
+        [theme.breakpoints.down('sm')]: {
+            fontSize: '24px',
+            lineHeight: '28px',
+        },
+    },
+    h5: {
+        fontSize: '16px',
+        fontWeight: theme.typography.fontWeightMedium,
+        lineHeight: '20px',
+        [theme.breakpoints.down('sm')]: {
+            fontSize: '18px',
+            lineHeight: '20px',
+        },
+    },
+    h6: {
+        fontSize: '14px',
+        fontWeight: theme.typography.fontWeightMedium,
+        lineHeight: '20px',
+        [theme.breakpoints.down('sm')]: {
+            fontSize: '16px',
+            lineHeight: '20px',
+        },
+    },
+    subtitle1: {
+        fontSize: '16px',
+        fontWeight: theme.typography.fontWeightRegular,
+        lineHeight: '20px',
+        [theme.breakpoints.down('sm')]: {
+            fontSize: '18px',
+        },
+    },
+    subtitle2: {
+        fontSize: '14px',
+        fontWeight: theme.typography.fontWeightMedium,
+        lineHeight: '20px',
+        [theme.breakpoints.down('sm')]: {
+            fontSize: '16px',
+        },
+    },
+    body1: {
+        fontSize: '14px',
+        fontWeight: theme.typography.fontWeightRegular,
+        lineHeight: '20px',
+        [theme.breakpoints.down('sm')]: {
+            fontSize: '16px',
+        },
+    },
+    button: {
+        fontSize: '14px',
+        fontWeight: theme.typography.fontWeightMedium,
+        lineHeight: '24px',
+        [theme.breakpoints.down('sm')]: {
+            fontSize: '16px',
+        },
+    },
+    link: {
+        fontSize: '14px',
+        fontWeight: theme.typography.fontWeightRegular,
+        lineHeight: '20px',
+        [theme.breakpoints.down('sm')]: {
+            fontSize: '16px',
+        },
+    },
+    caption: {
+        fontSize: '12px',
+        fontWeight: theme.typography.fontWeightRegular,
+        lineHeight: '16px',
+        [theme.breakpoints.down('sm')]: {
+            fontSize: '14px',
+        },
+    },
+    pointer: {
+        fontSize: '12px',
+        fontWeight: theme.typography.fontWeightMedium,
+        lineHeight: '16px',
+        [theme.breakpoints.down('sm')]: {
+            fontSize: '14px',
+        },
+    },
+});

package/components/transitions/Fade/Fade.d.ts

@@ -1,3 +1,3 @@
-import { Fade as MuiFade, type FadeProps as MuiFadeProps } from '@mui/material';
+import MuiFade, { type FadeProps as MuiFadeProps } from '@mui/material/Fade';
 export type FadeProps = MuiFadeProps;
 export declare const Fade: typeof MuiFade;

package/components/transitions/Fade/Fade.js

@@ -1,2 +1,2 @@
-import { Fade as MuiFade } from '@mui/material';
+import MuiFade from '@mui/material/Fade';
 export const Fade = MuiFade;

package/components/transitions/Grow/Grow.d.ts

@@ -1,3 +1,3 @@
-import { Grow, type GrowProps } from '@mui/material';
+import Grow, { type GrowProps } from '@mui/material/Grow';
 export { Grow };
 export type { GrowProps };

package/components/transitions/Grow/Grow.js

@@ -1,2 +1,2 @@
-import { Grow } from '@mui/material';
+import Grow from '@mui/material/Grow';
 export { Grow };

package/components/transitions/Slide/Slide.d.ts

@@ -1,4 +1,4 @@
-import { type SlideProps as MuiSlideProps } from '@mui/material';
-import { type WithoutEmotionSpecific } from '../../types';
+import { type SlideProps as MuiSlideProps } from '@mui/material/Slide';
+import { type WithoutEmotionSpecific } from '../../types/WithoutEmotionSpecific';
 export type SlideProps = WithoutEmotionSpecific<MuiSlideProps>;
 export declare const Slide: (props: SlideProps) => import("react/jsx-runtime").JSX.Element;

package/components/transitions/Slide/Slide.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Slide as MuiSlide, } from '@mui/material';
+import MuiSlide from '@mui/material/Slide';
 export const Slide = (props) => _jsx(MuiSlide, { ...props });

package/components/transitions/Zoom/Zoom.d.ts

@@ -1,3 +1,3 @@
-import { Zoom as MuiZoom, type ZoomProps as MuiZoomProps } from '@mui/material';
+import MuiZoom, { type ZoomProps as MuiZoomProps } from '@mui/material/Zoom';
 export type ZoomProps = MuiZoomProps;
 export declare const Zoom: typeof MuiZoom;

package/components/transitions/Zoom/Zoom.js

@@ -1,2 +1,2 @@
-import { Zoom as MuiZoom } from '@mui/material';
+import MuiZoom from '@mui/material/Zoom';
 export const Zoom = MuiZoom;

package/components/types/CloseEventReason/closeEventReason.d.ts

@@ -1,4 +1,4 @@
-import { type AutocompleteCloseReason } from '@mui/material';
+import { type AutocompleteCloseReason } from '@mui/material/Autocomplete';
 /**
  * список возможных причин закрытия попперов, модалок, тултипов,
  * является абстрактным способом связать сущности всплывашек с BackdropStackManager

package/components/utils/date/buildDaysCalendarGrid/buildDaysCalendarGrid.d.ts

@@ -1,4 +1,5 @@
-import { type CalendarGridBuilder, type ProductionCalendar } from '../../../types';
+import { type CalendarGridBuilder } from '../../../types/CalendarGridBuilder';
+import { type ProductionCalendar } from '../../../types/ProductionCalendar';
 export type CalendarGridItemDay = {
     /**
      * Флаг обозначающий, что дата не попадает в предполагаемый диапазон к выбору,

package/components/utils/date/checkIsDateInRange/checkIsDateInRange.d.ts

@@ -1,4 +1,4 @@
-import { type DateCompareDeep } from '../../../utils/date';
+import { type DateCompareDeep } from '../isDateOutOfRange';
 type IsDateBetweenSelectedAndRangeDatesOptions = {
     date: Date;
     dateA?: Date | null;

package/components/utils/date/checkIsDateInRange/checkIsDateInRange.js

@@ -1,5 +1,5 @@
 import { isDate } from '@astral/utils/date/isDate';
-import { isDateOutOfRange } from '../../../utils/date';
+import { isDateOutOfRange } from '../isDateOutOfRange';
 /**
  * утилита проверки даты на то, что она попадает в указанный диапазон
  */

package/hook-form/EditableText/EditableText.d.ts

@@ -1,5 +1,5 @@
 import { type ReactElement, type ReactNode } from 'react';
-import { type UseFormReturn } from '../hooks';
+import { type UseFormReturn } from '../hooks/useForm';
 import { type FIELD_NAME } from './constants';
 import type { FormValues, ValidationFn } from './types';
 export type EditableTextProps<TValue = string> = {

package/hook-form/EditableText/EditingForm/EditingForm.d.ts

@@ -1,5 +1,5 @@
 import { type ReactElement, type ReactNode } from 'react';
-import { type UseFormReturn } from '../../hooks';
+import { type UseFormReturn } from '../../hooks/useForm';
 import { FIELD_NAME } from '../constants';
 import type { FormValues, ValidationFn } from '../types';
 export type EditingFormProps<TValue = string> = {

package/hook-form/EditableText/EditingForm/styles.d.ts

@@ -3,17 +3,11 @@ export declare const Wrapper: import("../../../components/styled").StyledCompone
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Description: import("../../../components/styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "left" | "right" | "center" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const Description: import("../../../components/styled").StyledComponent<import("../../../components/Typography/types").TypographyPropsBase & {
     color?: import("../../../components/Typography").TypographyColor | undefined;
     variant?: import("../../../components/Typography").TypographyVariant | undefined;
     colorIntensity?: import("../../../components/Typography").Intensity | undefined;
-    component?: ("symbol" | "object" | "main" | "body" | "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "caption" | "button" | "link" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "search" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "clipPath" | "filter" | "marker" | "mask" | "big" | "center" | "keygen" | "menuitem" | "noindex" | "param" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentType<any>) | undefined;
+    component?: import("../../../components/Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;

package/hook-form/EditableText/EditingForm/useLogic/useLogic.js

@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { useForm } from '../../../hooks';
+import { useForm } from '../../../hooks/useForm';
 import { FIELD_NAME } from '../../constants';
 export const useLogic = ({ initialValue, children, validate, onClose, onSubmit, }) => {
     const getDefaultValues = () => {

package/hook-form/EditableText/styles.d.ts

@@ -1,15 +1,9 @@
 /// <reference types="react" />
-export declare const DisplayValue: import("../../components/styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "left" | "right" | "center" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const DisplayValue: import("../../components/styled").StyledComponent<import("../../components/Typography/types").TypographyPropsBase & {
     color?: import("../../components/Typography").TypographyColor | undefined;
     variant?: import("../../components/Typography").TypographyVariant | undefined;
     colorIntensity?: import("../../components/Typography").Intensity | undefined;
-    component?: ("symbol" | "object" | "main" | "body" | "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "caption" | "button" | "link" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "search" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "clipPath" | "filter" | "marker" | "mask" | "big" | "center" | "keygen" | "menuitem" | "noindex" | "param" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentType<any>) | undefined;
+    component?: import("../../components/Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;

package/hook-form/EditableText/styles.js

@@ -2,7 +2,7 @@ import { Loader } from '../../components/Loader';
 import { Popover } from '../../components/Popover';
 import { styled } from '../../components/styled';
 import { Typography } from '../../components/Typography';
-import { EditOutlineMd } from '../../icons';
+import { EditOutlineMd } from '../../icons/EditOutlineMd';
 const getBackgroundColor = (theme, $isEdited, $isLoading) => {
     if ($isEdited) {
         return theme.palette.primary[100];

package/hook-form/EditableText/useLogic/useLogic.d.ts

@@ -13,6 +13,6 @@ export declare const useLogic: <TValue>({ isLoading, iconPosition, }: EditableTe
     popoverProps: {
         open: boolean;
         onClose: () => void;
-        anchorEl: import("../../../components/hooks").AnchorType;
+        anchorEl: import("../../../components/hooks/usePopover").AnchorType;
     };
 };

package/hook-form/EditableText/useLogic/useLogic.js

@@ -1,4 +1,4 @@
-import { usePopover } from '../../../components/hooks';
+import { usePopover } from '../../../components/hooks/usePopover';
 const NOTE_TEXT = 'Редактировать';
 export const useLogic = ({ isLoading, iconPosition, }) => {
     const { isOpen, anchor, actions } = usePopover();

package/hook-form/Form/Form.d.ts

@@ -1,5 +1,5 @@
 import { type FormHTMLAttributes, type ReactNode } from 'react';
-import { type UseFormReturn } from '../hooks';
+import { type UseFormReturn } from '../hooks/useForm';
 export type FormProps<TFormValues extends object> = FormHTMLAttributes<HTMLFormElement> & {
     /**
      * Значение, которое возвращает useForm. Необходимо для передачи в FormContext

package/hook-form/Form/Form.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getInertProps } from '../../components/utils';
+import { getInertProps } from '../../components/utils/getInertProps';
 import { FormProvider } from '../FormProvider';
 import { Backdrop, StyledForm } from './styles';
 /**

package/hook-form/FormAddressAutocomplete/FormAddressAutocomplete.d.ts

@@ -5,5 +5,5 @@ type Address = {
 };
 export type FormAddressAutocompleteProps<TFieldValues extends object, TOption extends Address = never> = WithFormFieldProps<Omit<AddressAutocompleteProps<TOption>, 'value' | 'onChange'>, TFieldValues>;
 export type FormAddressAutocompleteValue<TOption extends AddressAutocompleteValue = AddressAutocompleteValue> = TOption;
-export declare const FormAddressAutocomplete: <TFieldValues extends object, TOption extends Address = import("../../components/AddressAutocomplete/AddressAutocomplete").Address>(props: FormAddressAutocompleteProps<TFieldValues, TOption>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormAddressAutocomplete: <TFieldValues extends object, TOption extends Address = import("../../components/AddressAutocomplete").Address>(props: FormAddressAutocompleteProps<TFieldValues, TOption>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/hook-form/FormAddressAutocomplete/FormAddressAutocomplete.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback } from 'react';
 import { AddressAutocomplete, } from '../../components/AddressAutocomplete';
-import { useFormFieldProps } from '../hooks';
+import { useFormFieldProps } from '../hooks/useFormFieldProps';
 export const FormAddressAutocomplete = (props) => {
     const { freeSolo = true, defaultValue, ...restProps } = props;
     const fieldProps = useFormFieldProps({

package/hook-form/FormAsyncAutocomplete/FormAsyncAutocomplete.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback } from 'react';
 import { AsyncAutocomplete, } from '../../components/AsyncAutocomplete';
-import { useFormFieldProps } from '../hooks';
+import { useFormFieldProps } from '../hooks/useFormFieldProps';
 export const FormAsyncAutocomplete = (props) => {
     const fieldProps = useFormFieldProps({
         ...props,

package/hook-form/FormAutocomplete/FormAutocomplete.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback } from 'react';
 import { Autocomplete, } from '../../components/Autocomplete';
-import { useFormFieldProps } from '../hooks';
+import { useFormFieldProps } from '../hooks/useFormFieldProps';
 /**
  * Адаптер для Select
  */

package/hook-form/FormCheckboxField/FormCheckboxField.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { CheckboxField } from '../../components/CheckboxField';
 import { forwardRefWithGeneric } from '../../components/forwardRefWithGeneric';
-import { useFormFieldProps } from '../hooks';
+import { useFormFieldProps } from '../hooks/useFormFieldProps';
 /**
  * Адаптер для CheckboxField
  */

package/hook-form/FormCodeField/FormCodeField.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { CodeField } from '../../components/CodeField';
-import { useFormFieldProps } from '../hooks';
+import { useFormFieldProps } from '../hooks/useFormFieldProps';
 /**
  * Адаптер для CodeField
  */

package/hook-form/FormDatePicker/FormDatePicker.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { DatePicker } from '../../components/DatePicker';
-import { useFormContext, useFormFieldProps } from '../hooks';
+import { useFormContext } from '../hooks/useFormContext';
+import { useFormFieldProps } from '../hooks/useFormFieldProps';
 /**
  * DatePicker для формы. Инкапсулирует дефолтную валидацию на валидность даты
  */

package/hook-form/FormDateRangePicker/FormDateRangePicker.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { DateRangePicker, } from '../../components/DateRangePicker';
-import { useFormContext, useFormFieldProps } from '../hooks';
+import { useFormContext } from '../hooks/useFormContext';
+import { useFormFieldProps } from '../hooks/useFormFieldProps';
 /**
  * DateRangePicker для формы. Инкапсулирует дефолтную валидацию на валидность даты
  */

package/hook-form/FormEmailField/FormEmailField.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { EmailField } from '../../components/EmailField';
 import { forwardRefWithGeneric } from '../../components/forwardRefWithGeneric';
-import { useFormFieldProps } from '../hooks';
+import { useFormFieldProps } from '../hooks/useFormFieldProps';
 function FormEmailFieldInner(props, ref) {
     const fieldProps = useFormFieldProps({
         ...props,

package/hook-form/FormEmailOrPhoneField/FormEmailOrPhoneField.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { EmailOrPhoneField, } from '../../components/EmailOrPhoneField';
 import { forwardRefWithGeneric } from '../../components/forwardRefWithGeneric';
-import { useFormFieldProps } from '../hooks';
+import { useFormFieldProps } from '../hooks/useFormFieldProps';
 const DEFAULT_VALUE = {
     value: '',
     normalizedValue: '',

package/hook-form/FormFileUploader/FormFileUploader.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { type FileUploaderNotify, type FileUploaderProps, type UploadFile } from '../../components/fileUploading';
+import { type FileUploaderNotify, type FileUploaderProps, type UploadFile } from '../../components/fileUploading/FileUploader';
 import { type WithFormFieldProps } from '../types';
 type BaseFileUploaderProps = Omit<FileUploaderProps, 'value' | 'isMultiple' | 'maxFileCount' | 'notify' | 'onChange'>;
 type SingleFileUploaderProps = {

package/hook-form/FormFileUploader/FormFileUploader.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { FileUploader, } from '../../components/fileUploading';
+import { FileUploader, } from '../../components/fileUploading/FileUploader';
 import { forwardRefWithGeneric } from '../../components/forwardRefWithGeneric';
-import { useFormFieldProps } from '../hooks';
+import { useFormFieldProps } from '../hooks/useFormFieldProps';
 /**
  * FileUploader для формы
  */

package/hook-form/FormMaskField/FormMaskField.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { MaskField } from '../../components/MaskField';
-import { useFormFieldProps } from '../hooks';
+import { useFormFieldProps } from '../hooks/useFormFieldProps';
 /**
  * Адаптер для MaskField
  */

package/hook-form/FormMobilePhoneField/FormMobilePhoneField.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { MaskField } from '../../components/MaskField';
 import { useHidePersonalData } from '../../components/personalDataSecurity';
-import { classNames } from '../../components/utils';
-import { useFormFieldProps } from '../hooks';
+import { classNames } from '../../components/utils/classNames';
+import { useFormFieldProps } from '../hooks/useFormFieldProps';
 const MOBILE_PHONE_MASK = '+{7} (000) 000-00-00';
 /**
  * Поле для ввода личного мобильного номера телефона, начинающего на 79

package/hook-form/FormNumberField/FormNumberField.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { NumberField, } from '../../components/NumberField';
-import { useFormFieldProps } from '../hooks';
+import { useFormFieldProps } from '../hooks/useFormFieldProps';
 /**
  * Адаптер для MaskField
  */