@astral/ui 4.18.4 → 4.18.5

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

@@ -11,32 +11,20 @@ export declare const InnerContainer: import("@emotion/styled/dist/declarations/s
     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("@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 Title: 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;
 } & WithSize, {}, {}>;
-export declare const Description: 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 Description: 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;

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.listContainer = void 0;
-const styled_1 = require("../../../styled");
+const styled_1 = require("../../styled");
 const listContainer = () => (0, styled_1.css) `
   margin: 0;
   padding: 0;

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.easeOutBackTransition = void 0;
-const styled_1 = require("../../../styled");
+const styled_1 = require("../../styled");
 const easeOutBackTransition = () => (0, styled_1.css) `
   transition: all 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
 `;

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.fadeDropDownTransition = void 0;
-const styled_1 = require("../../../styled");
+const styled_1 = require("../../styled");
 const fadeDropDownTransition = (isOpen) => (0, styled_1.css) `
   animation: ${isOpen
     ? 'fade-in 150ms ease-out forwards'

package/node/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/node/components/theme/baseTheme/baseTheme.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createTheme = void 0;
 const styles_1 = require("@mui/material/styles");
-const utils_1 = require("../../utils");
+const mergeDeep_1 = require("../../utils/mergeDeep");
 const breakpoints_1 = require("../breakpoints");
 const components_1 = require("../components");
 const constants_1 = require("../constants");
@@ -10,11 +10,11 @@ const elevation_1 = require("../elevation");
 const microSpacing_1 = require("../microSpacing");
 const palette_1 = require("../palette");
 const shape_1 = require("../shape");
-const typography_1 = require("../typography");
+const types_1 = require("../types");
 const createTheme = (params) => {
     const { palette, options = {}, breakpoints = breakpoints_1.defaultBreakpoints } = params;
     const baseThemeOptions = {
-        typography: typography_1.baseTypography,
+        typography: types_1.baseTypography,
         breakpoints,
         spacing: constants_1.SPACING,
         palette: (0, palette_1.getPalette)(palette),
@@ -22,7 +22,7 @@ const createTheme = (params) => {
     };
     const baseMuiTheme = (0, styles_1.createTheme)(baseThemeOptions);
     const muiTheme = (0, styles_1.createTheme)(baseMuiTheme, {
-        typography: (0, typography_1.getTypography)(baseMuiTheme),
+        typography: (0, types_1.getTypography)(baseMuiTheme),
     });
     const originalSpacing = muiTheme.spacing;
     muiTheme.spacing = ((...args) => {
@@ -42,7 +42,7 @@ const createTheme = (params) => {
         return originalSpacing(...args);
     });
     // biome-ignore lint/suspicious/noExplicitAny: <>
-    return (0, utils_1.mergeDeep)(muiTheme, {
+    return (0, mergeDeep_1.mergeDeep)(muiTheme, {
         elevation: elevation_1.elevation,
         shape: shape_1.shape,
         microSpacing: microSpacing_1.microSpacing,

package/node/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/node/components/theme/types.js

@@ -1,2 +1,121 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTypography = exports.baseTypography = void 0;
+exports.baseTypography = {
+    fontSize: 14,
+    htmlFontSize: 14,
+    fontWeightLight: 300,
+    fontWeightRegular: 400,
+    fontWeightMedium: 500,
+    fontWeightBold: 700,
+    fontFamily: ['InterVariable', 'sans-serif'].join(','),
+};
+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',
+        },
+    },
+});
+exports.getTypography = getTypography;

package/node/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/node/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/node/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/node/components/utils/date/checkIsDateInRange/checkIsDateInRange.js

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.checkIsDateInRange = void 0;
 const isDate_1 = require("@astral/utils/date/isDate");
-const date_1 = require("../../../utils/date");
+const isDateOutOfRange_1 = require("../isDateOutOfRange");
 /**
  * утилита проверки даты на то, что она попадает в указанный диапазон
  */
 const checkIsDateInRange = ({ dateA, dateB, date, deep, }) => (0, isDate_1.isDate)(dateA) &&
     (0, isDate_1.isDate)(dateB) &&
-    !(0, date_1.isDateOutOfRange)({ date, dateA: dateA, dateB: dateB, deep });
+    !(0, isDateOutOfRange_1.isDateOutOfRange)({ date, dateA: dateA, dateB: dateB, deep });
 exports.checkIsDateInRange = checkIsDateInRange;

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

@@ -3,17 +3,11 @@ export declare const Wrapper: import("@emotion/styled/dist/declarations/src/type
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Description: 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 Description: import("@emotion/styled/dist/declarations/src/types").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/node/hook-form/EditableText/styles.d.ts

@@ -1,15 +1,9 @@
 /// <reference types="react" />
-export declare const DisplayValue: 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 DisplayValue: import("@emotion/styled/dist/declarations/src/types").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/node/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/node/hook-form/EditableText/useLogic/useLogic.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
-const hooks_1 = require("../../../components/hooks");
+const usePopover_1 = require("../../../components/hooks/usePopover");
 const NOTE_TEXT = 'Редактировать';
 const useLogic = ({ isLoading, iconPosition, }) => {
-    const { isOpen, anchor, actions } = (0, hooks_1.usePopover)();
+    const { isOpen, anchor, actions } = (0, usePopover_1.usePopover)();
     const isIconOnLeft = iconPosition === 'left';
     const tooltipTitle = isLoading ? undefined : NOTE_TEXT;
     const handleOpen = (event) => {

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Form = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("../../components/utils");
+const getInertProps_1 = require("../../components/utils/getInertProps");
 const FormProvider_1 = require("../FormProvider");
 const styles_1 = require("./styles");
 /**
@@ -26,6 +26,6 @@ const styles_1 = require("./styles");
  */
 const Form = ({ form, children, isDisabled = false, ...props }) => {
     const { isSubmitting } = form?.formState || {};
-    return ((0, jsx_runtime_1.jsx)(FormProvider_1.FormProvider, { ...form, children: (0, jsx_runtime_1.jsxs)(styles_1.StyledForm, { ...(0, utils_1.getInertProps)(isDisabled || isSubmitting), noValidate: true, ...props, children: [(isDisabled || isSubmitting) && (0, jsx_runtime_1.jsx)(styles_1.Backdrop, {}), children] }) }));
+    return ((0, jsx_runtime_1.jsx)(FormProvider_1.FormProvider, { ...form, children: (0, jsx_runtime_1.jsxs)(styles_1.StyledForm, { ...(0, getInertProps_1.getInertProps)(isDisabled || isSubmitting), noValidate: true, ...props, children: [(isDisabled || isSubmitting) && (0, jsx_runtime_1.jsx)(styles_1.Backdrop, {}), children] }) }));
 };
 exports.Form = Form;

package/node/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/node/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/node/hook-form/FormFileUploader/FormFileUploader.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormFileUploader = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const fileUploading_1 = require("../../components/fileUploading");
+const FileUploader_1 = require("../../components/fileUploading/FileUploader");
 const forwardRefWithGeneric_1 = require("../../components/forwardRefWithGeneric");
 const useFormFieldProps_1 = require("../hooks/useFormFieldProps");
 /**
@@ -13,6 +13,6 @@ const FormFileUploaderInner = (props, ref) => {
     // biome-ignore lint/suspicious/noTsIgnore:  Ошибка типизации при пробросе пропсов: isMultiple
     // @ts-ignore
     // TODO https://track.astral.ru/soft/browse/UIKIT-1926
-    return (0, jsx_runtime_1.jsx)(fileUploading_1.FileUploader, { isError: error, ...fieldProps, ref: ref });
+    return (0, jsx_runtime_1.jsx)(FileUploader_1.FileUploader, { isError: error, ...fieldProps, ref: ref });
 };
 exports.FormFileUploader = (0, forwardRefWithGeneric_1.forwardRefWithGeneric)(FormFileUploaderInner);

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

@@ -4,7 +4,7 @@ exports.FormMobilePhoneField = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const MaskField_1 = require("../../components/MaskField");
 const personalDataSecurity_1 = require("../../components/personalDataSecurity");
-const utils_1 = require("../../components/utils");
+const classNames_1 = require("../../components/utils/classNames");
 const useFormFieldProps_1 = require("../hooks/useFormFieldProps");
 const MOBILE_PHONE_MASK = '+{7} (000) 000-00-00';
 /**
@@ -21,7 +21,7 @@ const FormMobilePhoneField = ({ isHidePersonalData, inputProps, ...props }) => {
     });
     return ((0, jsx_runtime_1.jsx)(MaskField_1.MaskField, { inputProps: {
             ...inputProps,
-            className: (0, utils_1.classNames)(inputProps?.className, hidePersonalDataClassname),
+            className: (0, classNames_1.classNames)(inputProps?.className, hidePersonalDataClassname),
         }, placeholder: "+7 (9**) ***-**-**", ...fieldProps, mask: MOBILE_PHONE_MASK, autoComplete: "tel" }));
 };
 exports.FormMobilePhoneField = FormMobilePhoneField;

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormPageLayout = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("../../components/utils");
+const classNames_1 = require("../../components/utils/classNames");
 const Form_1 = require("../Form");
 const FormPageLayoutBase_1 = require("../FormPageLayoutBase");
 const FormPageFooter_1 = require("./FormPageFooter");
@@ -13,7 +13,7 @@ const styles_1 = require("./styles");
 const FormPageLayout = (props) => {
     const { form, children, ...restProps } = props;
     const { secondaryActions, submitButtonText, ...restFormProps } = form;
-    return ((0, jsx_runtime_1.jsx)(FormPageLayoutBase_1.FormPageLayoutBase, { ...restProps, formProps: { ...form, secondaryActions }, contentClassname: (0, utils_1.classNames)({
+    return ((0, jsx_runtime_1.jsx)(FormPageLayoutBase_1.FormPageLayoutBase, { ...restProps, formProps: { ...form, secondaryActions }, contentClassname: (0, classNames_1.classNames)({
             [FormPageLayoutBase_1.formPageContentClassnames.formPageContentSecondaryActions]: Boolean(secondaryActions),
         }), children: ({ isDisabled }) => ((0, jsx_runtime_1.jsxs)(Form_1.Form, { ...restFormProps, isDisabled: isDisabled, children: [(0, jsx_runtime_1.jsx)(styles_1.FormContent, { children: children }), (0, jsx_runtime_1.jsx)(FormPageFooter_1.FormPageFooter, { isDisabled: isDisabled, submitButtonText: submitButtonText, secondaryActions: secondaryActions })] })) }));
 };

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

@@ -6,7 +6,7 @@ const react_1 = require("react");
 const PageAside_1 = require("../../components/PageAside");
 const PageContext_1 = require("../../components/PageContext");
 const PageLayoutContainer_1 = require("../../components/PageLayoutContainer");
-const utils_1 = require("../../components/utils");
+const classNames_1 = require("../../components/utils/classNames");
 const FormMobileActions_1 = require("./FormMobileActions");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
@@ -16,6 +16,6 @@ const useLogic_1 = require("./useLogic");
 const FormPageLayoutBase = (props) => {
     const { pageContentProps, headerProps, renderChildrenProps, headerActions } = (0, useLogic_1.useLogic)(props);
     const { className, aside, children, alert, contentClassname, header } = props;
-    return ((0, jsx_runtime_1.jsxs)(PageContext_1.PageContextProvider, { hasAside: Boolean(aside), mobileTitleActions: (0, jsx_runtime_1.jsx)(FormMobileActions_1.FormMobileActions, { actions: headerActions }), children: [alert && (0, jsx_runtime_1.jsx)(styles_1.DesktopAlertWrapper, { children: alert }), (0, jsx_runtime_1.jsxs)(PageLayoutContainer_1.PageLayoutContainer, { className: className, children: [alert && (0, jsx_runtime_1.jsx)(styles_1.MobileAlertWrapper, { children: alert }), (0, react_1.isValidElement)(header) ? (header) : ((0, jsx_runtime_1.jsx)(styles_1.StyledPageHeader, { ...headerProps })), (0, jsx_runtime_1.jsx)(styles_1.StyledPageContent, { className: (0, utils_1.classNames)(contentClassname), isFormPaddingDisable: true, ...pageContentProps, children: children(renderChildrenProps) }), aside && !(0, react_1.isValidElement)(aside) && ((0, jsx_runtime_1.jsx)(PageAside_1.PageAside, { ...aside })), (0, react_1.isValidElement)(aside) && aside] })] }));
+    return ((0, jsx_runtime_1.jsxs)(PageContext_1.PageContextProvider, { hasAside: Boolean(aside), mobileTitleActions: (0, jsx_runtime_1.jsx)(FormMobileActions_1.FormMobileActions, { actions: headerActions }), children: [alert && (0, jsx_runtime_1.jsx)(styles_1.DesktopAlertWrapper, { children: alert }), (0, jsx_runtime_1.jsxs)(PageLayoutContainer_1.PageLayoutContainer, { className: className, children: [alert && (0, jsx_runtime_1.jsx)(styles_1.MobileAlertWrapper, { children: alert }), (0, react_1.isValidElement)(header) ? (header) : ((0, jsx_runtime_1.jsx)(styles_1.StyledPageHeader, { ...headerProps })), (0, jsx_runtime_1.jsx)(styles_1.StyledPageContent, { className: (0, classNames_1.classNames)(contentClassname), isFormPaddingDisable: true, ...pageContentProps, children: children(renderChildrenProps) }), aside && !(0, react_1.isValidElement)(aside) && ((0, jsx_runtime_1.jsx)(PageAside_1.PageAside, { ...aside })), (0, react_1.isValidElement)(aside) && aside] })] }));
 };
 exports.FormPageLayoutBase = FormPageLayoutBase;

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

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