@astral/ui 4.18.4 → 4.18.5

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/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/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/styles.d.ts

@@ -1,15 +1,9 @@
 /// <reference types="react" />
-export declare const DisplayValue: 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 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" | "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/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.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/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,5 +1,5 @@
 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/useFormFieldProps';
 /**

package/hook-form/FormMobilePhoneField/FormMobilePhoneField.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { MaskField } from '../../components/MaskField';
 import { useHidePersonalData } from '../../components/personalDataSecurity';
-import { classNames } from '../../components/utils';
+import { classNames } from '../../components/utils/classNames';
 import { useFormFieldProps } from '../hooks/useFormFieldProps';
 const MOBILE_PHONE_MASK = '+{7} (000) 000-00-00';
 /**

package/hook-form/FormPageLayout/FormPageLayout.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { classNames } from '../../components/utils';
+import { classNames } from '../../components/utils/classNames';
 import { Form } from '../Form';
 import { FormPageLayoutBase, formPageContentClassnames, } from '../FormPageLayoutBase';
 import { FormPageFooter } from './FormPageFooter';

package/hook-form/FormPageLayoutBase/FormPageLayoutBase.js

@@ -3,7 +3,7 @@ import { isValidElement } from 'react';
 import { PageAside } from '../../components/PageAside';
 import { PageContextProvider } from '../../components/PageContext';
 import { PageLayoutContainer } from '../../components/PageLayoutContainer';
-import { classNames } from '../../components/utils';
+import { classNames } from '../../components/utils/classNames';
 import { FormMobileActions } from './FormMobileActions';
 import { DesktopAlertWrapper, MobileAlertWrapper, StyledPageContent, StyledPageHeader, } from './styles';
 import { useLogic } from './useLogic';

package/hook-form/FormPageLayoutBase/constants.js

@@ -1,4 +1,4 @@
-import { createUIKitClassname } from '../../components/utils';
+import { createUIKitClassname } from '../../components/utils/createUIKitClassname';
 export const formPageLayoutClassnames = {
     pageHeaderActions: createUIKitClassname('form-page-layout__header__actions'),
     footerShadow: createUIKitClassname('form-page-layout__footer_shadow'),

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

@@ -1,9 +1,9 @@
 import type { ForwardedRef } from 'react';
-import { type PreviewFileUploaderProps } from '../../components/fileUploading';
+import { type PreviewFileUploaderProps } from '../../components/fileUploading/PreviewFileUploader';
 import { type WithFormFieldProps } from '../types';
 export type FormPreviewFileUploaderProps<TFieldValues extends object> = WithFormFieldProps<Omit<PreviewFileUploaderProps, 'value' | 'onChange'>, TFieldValues>;
 /**
  * PreviewFileUploader для формы
  */
 export declare const FormPreviewFileUploaderInner: <TFieldValues extends object>(props: FormPreviewFileUploaderProps<TFieldValues>, ref: ForwardedRef<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
-export declare const FormPreviewFileUploader: <TFieldValues extends object>(props: Omit<Omit<import("../../components/fileUploading").UsePreviewFileUploaderParams, "onChange" | "value">, "error" | "name"> & Omit<import("react-hook-form").UseControllerProps<TFieldValues>, "rules"> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
+export declare const FormPreviewFileUploader: <TFieldValues extends object>(props: Omit<Omit<import("../..").UsePreviewFileUploaderParams, "onChange" | "value">, "error" | "name"> & Omit<import("react-hook-form").UseControllerProps<TFieldValues>, "rules"> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;

package/hook-form/FormPreviewFileUploader/FormPreviewFileUploader.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { PreviewFileUploader, } from '../../components/fileUploading';
+import { PreviewFileUploader, } from '../../components/fileUploading/PreviewFileUploader';
 import { forwardRefWithGeneric } from '../../components/forwardRefWithGeneric';
 import { useFormFieldProps } from '../hooks/useFormFieldProps';
 /**

package/hook-form/FormWizardPageLayout/FormWizardPageLayout.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { classNames } from '../../components/utils';
+import { classNames } from '../../components/utils/classNames';
 import { FormPageLayoutBase, formPageContentClassnames, } from '../FormPageLayoutBase';
 import { FormWizard, } from '../FormWizard';
 import { FormWizardFooter } from './FormWizardFooter';

package/hook-form/hooks/useFormFieldProps/useFormFieldProps.js

@@ -1,5 +1,5 @@
 import { useController, } from 'react-hook-form';
-import { useForwardedRef } from '../../../components/hooks';
+import { useForwardedRef } from '../../../components/hooks/useForwardedRef';
 import { useFormFieldErrorProps, } from '../useFormFieldErrorProps';
 import { useFormInputProps, } from '../useFormInputProps';
 /**

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

@@ -19,17 +19,11 @@ export declare const ContentWrapper: import("@emotion/styled/dist/declarations/s
     $withStartAdornment: boolean;
     $hasSubtitle?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Summary: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "center" | "left" | "right" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const Summary: import("@emotion/styled/dist/declarations/src/types").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;