@astral/ui 4.18.4 → 4.18.6

package/components/index.js

@@ -61,7 +61,10 @@ export { EmailOrPhoneField, } from './EmailOrPhoneField';
 export * from './ErrorBoundary';
 export { ExpansionPanel, expansionPanelClassnames, } from './ExpansionPanel';
 export * from './Fab';
-export { Fade, Zoom, Slide, Grow, } from './transitions';
+export { Fade } from './transitions/Fade';
+export { Grow } from './transitions/Grow';
+export { Slide } from './transitions/Slide';
+export { Zoom } from './transitions/Zoom';
 export { Fieldset } from './Fieldset';
 export { Filename } from './Filename';
 export * from './FlowButton';
@@ -69,13 +72,43 @@ export * from './FormControl';
 export * from './FormControlLabel';
 export * from './FormHelperText';
 export * from './FormLabel';
-export { FileUploader, FileUploaderDropzone, FileUploaderFile, PreviewFileUploader, PreviewFileUploaderDropZone, PreviewFileUploaderFile, useFileUploader, usePreviewFileUploader, fileUploaderClassnames, previewFileUploaderClassnames, } from './fileUploading';
+export { FileUploader, } from './fileUploading/FileUploader';
+export { FileUploaderDropzone, } from './fileUploading/FileUploaderDropzone';
+export { FileUploaderFile, } from './fileUploading/FileUploaderFile';
+export { useFileUploader, usePreviewFileUploader, } from './fileUploading/hooks';
+export { PreviewFileUploader, } from './fileUploading/PreviewFileUploader';
+export { PreviewFileUploaderDropZone, } from './fileUploading/PreviewFileUploaderDropZone';
+export { PreviewFileUploaderFile, } from './fileUploading/PreviewFileUploaderFile';
+export { fileUploaderClassnames, previewFileUploaderClassnames, } from './fileUploading/constants';
 export * from './forwardRefWithGeneric';
 export * from './GlobalStyles';
 export * from './Grid';
 export { GuidTypography } from './GuidTypography';
 export { HintIcon } from './HintIcon';
-export * from './hooks';
+export { useAsyncOptions } from './useAsyncOptions';
+export { useCheckControlled } from './useCheckControlled';
+export { useClickAwayEffect, } from './useClickAwayEffect';
+export { useEscapeClickEffect, } from './useEscapeClickEffect';
+export { useFeatureFlags } from './useFeatureFlags';
+export { useFirstMountState } from './useFirstMountState';
+export { useFocusAwayEffect } from './useFocusAwayEffect';
+export { useForwardedRef } from './useForwardedRef';
+export { useInputPopover, } from './useInputPopover';
+export { useInterval } from './useInterval';
+export { useLoadingState } from './useLoadingState';
+export { useLocaleDateTimeFormat } from './useLocaleDateTimeFormat';
+export { useLocalStorage } from './useLocalStorage';
+export { useMenu } from './useMenu';
+export { usePopover, } from './usePopover';
+export { usePopoverAnimation, } from './usePopoverAnimation';
+export { useRadioGroup } from './useRadioGroup';
+export { useScrollManagement } from './useScrollManagement';
+export { useSecondsCountdown } from './useSecondsCountDown';
+export { useSet } from './useSet';
+export { useStickyButton } from './useStickyButton';
+export { useToggle } from './useToggle';
+export { useUpdateEffect } from './useUpdateEffect';
+export { useViewportType } from './useViewportType';
 export * from './IconButton';
 export * from './IconDropdownButton';
 export { Iframe } from './Iframe';
@@ -129,7 +162,8 @@ export * from './ProductSwitcher';
 export * from './Profile';
 export * from './ProgressBar';
 export { PersonalData, useHidePersonalData } from './personalDataSecurity';
-export { LoadingPlaceholder, Placeholder, } from './placeholders';
+export { Placeholder, } from './placeholders/Placeholder';
+export { LoadingPlaceholder } from './placeholders/LoadingPlaceholder';
 export { radioClassnames, Radio } from './Radio';
 export { RadioCard, radioCardClassnames, } from './RadioCard';
 export { RadioField } from './RadioField';
@@ -153,7 +187,7 @@ export * from './StylesCacheProvider';
 export * from './Switch';
 export { SvgIcon, svgIconClassnames, } from './SvgIcon';
 export { UNSTABLE_SecondsCountdownService } from './services';
-export * from './styled';
+export * from './styled/styled';
 export * from './Tabs';
 export * from './Tag';
 export * from './TagBadge';
@@ -168,7 +202,22 @@ export { TreeAutocomplete, } from './TreeAutocomplete';
 export { TreeLikeAutocomplete, } from './TreeLikeAutocomplete';
 export { TreeLikeList } from './TreeLikeList';
 export * from './Typography';
-export * from './theme';
-export * from './types';
-export { classNames, createUIKitClassname, redirectToLink, getInertProps, } from './utils';
+export * from './theme/baseTheme';
+export * from './theme/constants';
+export * from './theme/elevation';
+export * from './theme/hooks';
+export * from './theme/palette';
+export * from './theme/shape';
+export * from './theme/types';
+export * from './theme/microSpacing';
+export * from './types/CalendarGridBuilder';
+export * from './types/CloseEventReason';
+export * from './types/ProductionCalendar';
+export * from './types/WithoutEmotionSpecific';
+export * from './types/SyncReactNode';
+export * from './types/SyncFunctionComponent';
+export { classNames } from './utils/classNames';
+export { createUIKitClassname } from './utils/createUIKitClassname';
+export { redirectToLink } from './utils/redirectToLink';
+export { getInertProps } from './utils/getInertProps';
 export { WelcomeScreen } from './WelcomeScreen';

package/components/personalDataSecurity/PersonalData/PersonalData.d.ts

@@ -11,5 +11,5 @@ type PersonalDataProps<TProps extends WithClassName> = {
 /**
  * компонент для обогащения дочернего элемента цсс классом для сокрытия персональной информации от трекеров
  */
-export declare const PersonalData: <TProps extends WithClassName>({ children, }: PersonalDataProps<TProps>) => FunctionComponentElement<any> | FunctionComponentElement<TProps>;
+export declare const PersonalData: <TProps extends WithClassName>({ children, }: PersonalDataProps<TProps>) => FunctionComponentElement<TProps> | FunctionComponentElement<any>;
 export {};

package/components/placeholders/LoadingPlaceholder/constants.js

@@ -1,4 +1,4 @@
-import { createUIKitClassname } from '../../utils';
+import { createUIKitClassname } from '../../utils/createUIKitClassname';
 export const loadingPlaceholderClassnames = {
     root: createUIKitClassname('loading-placeholder'),
 };

package/components/placeholders/Placeholder/styles.d.ts

@@ -11,32 +11,20 @@ export declare const InnerContainer: import("../../styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & WithSize, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Title: import("../../styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "center" | "left" | "right" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const Title: import("../../styled").StyledComponent<import("../../Typography/types").TypographyPropsBase & {
     color?: import("../../Typography").TypographyColor | undefined;
     variant?: import("../../Typography").TypographyVariant | undefined;
     colorIntensity?: import("../../Typography").Intensity | undefined;
-    component?: ("symbol" | "object" | "main" | "body" | "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "caption" | "button" | "link" | "slot" | "style" | "title" | import("react").ComponentType<any> | "search" | "big" | "sub" | "sup" | "map" | "filter" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "center" | "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" | "keygen" | "label" | "legend" | "li" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "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" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view") | undefined;
+    component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & WithSize, {}, {}>;
-export declare const Description: import("../../styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "center" | "left" | "right" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const Description: import("../../styled").StyledComponent<import("../../Typography/types").TypographyPropsBase & {
     color?: import("../../Typography").TypographyColor | undefined;
     variant?: import("../../Typography").TypographyVariant | undefined;
     colorIntensity?: import("../../Typography").Intensity | undefined;
-    component?: ("symbol" | "object" | "main" | "body" | "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "caption" | "button" | "link" | "slot" | "style" | "title" | import("react").ComponentType<any> | "search" | "big" | "sub" | "sup" | "map" | "filter" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "center" | "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" | "keygen" | "label" | "legend" | "li" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "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" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view") | undefined;
+    component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;

package/components/styled/mixins/list/list.js

@@ -1,4 +1,4 @@
-import { css } from '../../../styled';
+import { css } from '../../styled';
 export const listContainer = () => css `
   margin: 0;
   padding: 0;

package/components/styled/mixins/transitions/easeOutBackTransition.js

@@ -1,4 +1,4 @@
-import { css } from '../../../styled';
+import { css } from '../../styled';
 export const easeOutBackTransition = () => css `
   transition: all 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
 `;

package/components/styled/mixins/transitions/fadeDropDownTransition.js

@@ -1,4 +1,4 @@
-import { css } from '../../../styled';
+import { css } from '../../styled';
 export const fadeDropDownTransition = (isOpen) => css `
   animation: ${isOpen
     ? 'fade-in 150ms ease-out forwards'

package/components/styled/styled.d.ts

@@ -1,3 +1,2 @@
 export { css, Global, keyframes } from '@emotion/react';
-export type { StyledComponent } from '@emotion/styled';
-export { default as styled } from '@emotion/styled';
+export { default as styled, type StyledComponent } from '@emotion/styled';

package/components/theme/baseTheme/baseTheme.js

@@ -1,5 +1,5 @@
 import { createTheme as createMuiTheme, } from '@mui/material/styles';
-import { mergeDeep } from '../../utils';
+import { mergeDeep } from '../../utils/mergeDeep';
 import { defaultBreakpoints } from '../breakpoints';
 import { getComponents } from '../components';
 import { SPACING } from '../constants';
@@ -7,7 +7,7 @@ import { elevation } from '../elevation';
 import { microSpacing } from '../microSpacing';
 import { getPalette } from '../palette';
 import { shape } from '../shape';
-import { baseTypography, getTypography } from '../typography';
+import { baseTypography, getTypography } from '../types';
 export const createTheme = (params) => {
     const { palette, options = {}, breakpoints = defaultBreakpoints } = params;
     const baseThemeOptions = {

package/components/theme/types.d.ts

@@ -1,10 +1,11 @@
 /// <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;
@@ -28,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/Slide/Slide.d.ts

@@ -1,4 +1,4 @@
 import { type SlideProps as MuiSlideProps } from '@mui/material/Slide';
-import { type WithoutEmotionSpecific } from '../../types';
+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/{hooks/useAsyncOptions → useAsyncOptions}/useAsyncOptions.js

@@ -1,6 +1,6 @@
 import { debounce } from '@astral/utils/debounce';
 import { useCallback, useRef, useState } from 'react';
-import { useLoadingState } from '../../hooks/useLoadingState';
+import { useLoadingState } from '../useLoadingState';
 /**
  * Хук для асинхронной загрузки опций в компонентах с поиском.
  * Управляет задержкой, отменой запросов и состояниями загрузки.

package/components/{hooks/useClickAwayEffect → useClickAwayEffect}/useClickAwayEffect.d.ts

@@ -1,5 +1,5 @@
 import { type RefObject } from 'react';
-import { type CloseEventReason } from '../../types';
+import { type CloseEventReason } from '../types/CloseEventReason';
 export type UseClickAwayListenerOptions = {
     /**
      * реф на дом ноду, клик вне которой надо отслеживать

package/components/{hooks/useEscapeClickEffect → useEscapeClickEffect}/useEscapeClickEffect.d.ts

@@ -1,4 +1,4 @@
-import { type CloseEventReason } from '../../types';
+import { type CloseEventReason } from '../types/CloseEventReason';
 export type UseEscapeClickEffectProps = {
     /**
      * колбэк который будет вызываться при нажатии на кнопку `esc`

package/components/{hooks/useFeatureFlags → useFeatureFlags}/useFeatureFlags.d.ts

@@ -1,4 +1,4 @@
-import { type NextFeatureFlagsContextProps } from '../../ConfigProvider';
+import { type NextFeatureFlagsContextProps } from '../ConfigProvider';
 type UseFeatureFlagsParams<TFlag extends keyof NextFeatureFlagsContextProps> = {
     /**
      * Название компонента

package/components/{hooks/useFocusAwayEffect → useFocusAwayEffect}/useFocusAwayEffect.d.ts

@@ -1,5 +1,5 @@
 import { type RefObject } from 'react';
-import { type CloseEventReason } from '../../types';
+import { type CloseEventReason } from '../types/CloseEventReason';
 type UseFocusAwayEffectOptions = {
     /**
      * реф на дом ноду, blur вне которой надо отслеживать

package/{node/components/hooks → components}/useInputPopover/useInputPopover.d.ts

@@ -1,5 +1,5 @@
 import { type RefObject, type SyntheticEvent } from 'react';
-import { type CloseEventReason } from '../../types';
+import { type CloseEventReason } from '../types/CloseEventReason';
 export type UseInputPopoverOptions = {
     /**
      * реф на отслеживаемую ноду, ивенты вне которого будут приводить к закрытию поппера

package/components/{hooks/useLocaleDateTimeFormat → useLocaleDateTimeFormat}/useLocaleDateTimeFormat.js

@@ -1,5 +1,5 @@
 import { useContext, useRef } from 'react';
-import { ConfigContext } from '../../ConfigProvider';
+import { ConfigContext } from '../ConfigProvider';
 export const useLocaleDateTimeFormat = (options) => {
     const { language } = useContext(ConfigContext);
     const { current } = useRef(Intl.DateTimeFormat(language, options).format);

package/components/{hooks/useScrollManagement → useScrollManagement}/useScrollManagement.js

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react';
-import { pageLayoutClassnames } from '../../PageLayoutContainer';
+import { pageLayoutClassnames } from '../PageLayoutContainer';
 import { useViewportType } from '../useViewportType';
 /**
  * Отслеживание скролла для динамического отображения футера

package/components/{hooks/useSecondsCountDown → useSecondsCountDown}/useSecondsCountdown.d.ts

@@ -1,4 +1,4 @@
-import { type SecondsCountdownParams } from '../../services';
+import { type SecondsCountdownParams } from '../services';
 type UseSecondsCountdownParams = Pick<SecondsCountdownParams, 'targetDate' | 'isInitialActive' | 'seconds'>;
 type UseSecondsCountdownResult = {
     /**

package/components/{hooks/useSecondsCountDown → useSecondsCountDown}/useSecondsCountdown.js

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react';
-import { UNSTABLE_SecondsCountdownService, } from '../../services';
+import { UNSTABLE_SecondsCountdownService, } from '../services';
 /**
  *  Хук, предоставляющий функционал с текстом убывающих секунд
  */

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/useForm';
+import { type UseFormReturn } from '../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/useForm';
+import { type UseFormReturn } from '../../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" | "center" | "left" | "right" | "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" | "slot" | "style" | "title" | import("react").ComponentType<any> | "search" | "big" | "sub" | "sup" | "map" | "filter" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "center" | "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" | "keygen" | "label" | "legend" | "li" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "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" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view") | 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/useForm';
+import { useForm } from '../../../useForm';
 import { FIELD_NAME } from '../../constants';
 export const useLogic = ({ initialValue, children, validate, onClose, onSubmit, }) => {
     const getDefaultValues = () => {