@astral/ui 4.18.4 → 4.18.6

package/node/components/Description/Value/styles.d.ts

@@ -8,32 +8,20 @@ type StyledCopyTypographyProps = {
     $leader?: boolean;
     $direction: string;
 };
-export declare const StyledTypography: 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 StyledTypography: 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;
 } & StyledTypographyProps, {}, {}>;
-export declare const StyledCopyTypography: 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 StyledCopyTypography: 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> & {
     copyText?: string | undefined;

package/node/components/Description/constants.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.descriptionClassnames = exports.DEFAULT_SYMBOL = exports.DEFAULT_SEPARATOR = void 0;
-const utils_1 = require("../utils");
+const createUIKitClassname_1 = require("../utils/createUIKitClassname");
 exports.DEFAULT_SEPARATOR = ':';
 exports.DEFAULT_SYMBOL = '—';
 exports.descriptionClassnames = {
-    root: (0, utils_1.createUIKitClassname)('description'),
+    root: (0, createUIKitClassname_1.createUIKitClassname)('description'),
 };

package/node/components/Description/useLogic/useLogic.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
-const useViewportType_1 = require("../../hooks/useViewportType");
+const useViewportType_1 = require("../../useViewportType");
 const constants_1 = require("../constants");
 const useLogic = ({ direction = 'default', separator = constants_1.DEFAULT_SEPARATOR, }) => {
     const { isMobile } = (0, useViewportType_1.useViewportType)();

package/node/components/DescriptionCell/constants.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.descriptionCellClassnames = void 0;
-const utils_1 = require("../utils");
+const createUIKitClassname_1 = require("../utils/createUIKitClassname");
 exports.descriptionCellClassnames = {
-    root: (0, utils_1.createUIKitClassname)('description-cell'),
-    hasIcon: (0, utils_1.createUIKitClassname)('description-cell_has-icon'),
-    iconRight: (0, utils_1.createUIKitClassname)('description-cell_icon-right'),
+    root: (0, createUIKitClassname_1.createUIKitClassname)('description-cell'),
+    hasIcon: (0, createUIKitClassname_1.createUIKitClassname)('description-cell_has-icon'),
+    iconRight: (0, createUIKitClassname_1.createUIKitClassname)('description-cell_icon-right'),
 };

package/node/components/DescriptionCell/useLogic/useLogic.js

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
-const utils_1 = require("../../utils");
+const classNames_1 = require("../../utils/classNames");
 const constants_1 = require("../constants");
 const useLogic = ({ icon, iconPosition = 'left' }) => {
-    const classnames = (0, react_1.useMemo)(() => (0, utils_1.classNames)(constants_1.descriptionCellClassnames.root, {
+    const classnames = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(constants_1.descriptionCellClassnames.root, {
         [constants_1.descriptionCellClassnames.hasIcon]: Boolean(icon),
         [constants_1.descriptionCellClassnames.iconRight]: Boolean(icon) && iconPosition === 'right',
     }), [icon, iconPosition]);

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

@@ -37,17 +37,11 @@ export declare const DescriptionWrapper: import("@emotion/styled/dist/declaratio
     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 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;

package/node/components/Dialog/Dialog.d.ts

@@ -1,6 +1,6 @@
 import type { DialogProps as MuiDialogProps } from '@mui/material/Dialog';
 import { type ReactElement } from 'react';
-import type { WithoutEmotionSpecific } from '../types';
+import type { WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type DialogSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type DialogProps = WithoutEmotionSpecific<Omit<MuiDialogProps, 'title' | 'maxWidth'>> & {
     /**

package/node/components/Dialog/Dialog.js

@@ -4,7 +4,7 @@ exports.Dialog = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const BottomDrawer_1 = require("../BottomDrawer");
 const DialogTitle_1 = require("../DialogTitle");
-const useViewportType_1 = require("../hooks/useViewportType");
+const useViewportType_1 = require("../useViewportType");
 const styles_1 = require("./styles");
 const Dialog = ({ children, title, disableBackdropClick, onClose, size = 'md', ...props }) => {
     const handleClose = onClose &&

package/node/components/DialogActions/DialogActions.d.ts

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

package/node/components/DialogContent/DialogContent.d.ts

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

package/node/components/DialogContentText/DialogContentText.d.ts

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

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const StyledDialogContentText: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("@mui/material/DialogContentText").DialogContentTextOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "typography" | "zIndex" | "sx" | "classes" | "className" | "style" | "color" | "children" | "p" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & {
+export declare const StyledDialogContentText: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("@mui/material/DialogContentText").DialogContentTextOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "typography" | "zIndex" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "sx" | "classes" | "className" | "style" | "color" | "children" | "p" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/DialogTitle/DialogTitle.d.ts

@@ -1,6 +1,6 @@
 import type { DialogTitleProps as MuiDialogTitleProps } from '@mui/material/DialogTitle';
 import type { ModalProps } from '@mui/material/Modal';
-import { type WithoutEmotionSpecific } from '../types';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type DialogTitleProps = WithoutEmotionSpecific<MuiDialogTitleProps> & {
     onClose?: ModalProps['onClose'];
 };

package/node/components/Divider/Divider.d.ts

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

package/node/components/DropdownButton/DropdownButton.js

@@ -8,8 +8,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const ClickAwayListener_1 = __importDefault(require("@mui/material/ClickAwayListener"));
 const Button_1 = require("../Button");
 const Chevron_1 = require("../Chevron");
-const useMenu_1 = require("../hooks/useMenu");
 const Menu_1 = require("../Menu");
+const useMenu_1 = require("../useMenu");
 const DropdownButton = ({ children, name, popoverProps, ...props }) => {
     const { open, anchorRef, handleOpenMenu, handleCloseMenu } = (0, useMenu_1.useMenu)();
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ClickAwayListener_1.default, { onClickAway: handleCloseMenu, children: (0, jsx_runtime_1.jsx)(Button_1.Button, { ...props, ref: anchorRef, selected: open, onClick: handleOpenMenu, endIcon: (0, jsx_runtime_1.jsx)(Chevron_1.Chevron, { isActive: open }), children: name }) }), (0, jsx_runtime_1.jsx)(Menu_1.Menu, { open: open, anchorEl: anchorRef.current, ...popoverProps, children: children })] }));

package/node/components/EmailField/EmailField.js

@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const personalDataSecurity_1 = require("../personalDataSecurity");
 const TextField_1 = require("../TextField");
-const utils_1 = require("../utils");
+const classNames_1 = require("../utils/classNames");
 exports.EmailField = (0, react_1.forwardRef)(({ isHidePersonalData, inputProps, ...props }, ref) => {
     const hidePersonalDataClassname = (0, personalDataSecurity_1.useHidePersonalData)({
         isEnabled: isHidePersonalData,
@@ -13,6 +13,6 @@ exports.EmailField = (0, react_1.forwardRef)(({ isHidePersonalData, inputProps,
     });
     return ((0, jsx_runtime_1.jsx)(TextField_1.TextField, { ref: ref, type: "email", inputProps: {
             ...inputProps,
-            className: (0, utils_1.classNames)(inputProps?.className, hidePersonalDataClassname),
+            className: (0, classNames_1.classNames)(inputProps?.className, hidePersonalDataClassname),
         }, ...props }));
 });

package/node/components/EmailOrPhoneField/EmailOrPhoneField.js

@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const personalDataSecurity_1 = require("../personalDataSecurity");
 const TextField_1 = require("../TextField");
-const utils_1 = require("../utils");
+const classNames_1 = require("../utils/classNames");
 const useLogic_1 = require("./useLogic");
 /**
  * Поле для ввода email или мобильного номера телефона
@@ -22,6 +22,6 @@ exports.EmailOrPhoneField = (0, react_1.forwardRef)((props, ref) => {
     });
     return ((0, jsx_runtime_1.jsx)(TextField_1.TextField, { ref: ref, type: "text", onBlur: onBlur, value: inputValue, onChange: onChange, inputProps: {
             ...inputProps,
-            className: (0, utils_1.classNames)(inputProps?.className, hidePersonalDataClassname),
+            className: (0, classNames_1.classNames)(inputProps?.className, hidePersonalDataClassname),
         }, ...restProps }));
 });

package/node/components/ErrorBoundary/ErrorBoundary.js

@@ -7,15 +7,16 @@ exports.ErrorBoundary = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
 const ConfigProvider_1 = require("../ConfigProvider");
-const placeholders_1 = require("../placeholders");
+const InternalErrorPlaceholder_1 = require("../placeholders/InternalErrorPlaceholder");
+const OutdatedReleasePlaceholder_1 = require("../placeholders/OutdatedReleasePlaceholder");
 const constants_1 = require("./constants");
 const enums_1 = require("./enums");
 /**
  * Отображение при определенной ошибке
  */
 const PLACEHOLDER_TYPE_ERROR = {
-    [enums_1.ErrorBoundaryTypeError.OutdatedRelease]: (0, jsx_runtime_1.jsx)(placeholders_1.OutdatedReleasePlaceholder, {}),
-    [enums_1.ErrorBoundaryTypeError.Default]: (0, jsx_runtime_1.jsx)(placeholders_1.InternalErrorPlaceholder, {}),
+    [enums_1.ErrorBoundaryTypeError.OutdatedRelease]: (0, jsx_runtime_1.jsx)(OutdatedReleasePlaceholder_1.OutdatedReleasePlaceholder, {}),
+    [enums_1.ErrorBoundaryTypeError.Default]: (0, jsx_runtime_1.jsx)(InternalErrorPlaceholder_1.InternalErrorPlaceholder, {}),
 };
 /**
  * Компонент, который перехватывает ошибки в обернутых в него компонентах.

package/node/components/ExpansionPanel/Summary/Summary.js

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Summary = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const utils_1 = require("../../utils");
+const getInertProps_1 = require("../../utils/getInertProps");
 const constants_1 = require("../constants");
 const ExpansionPanelContext_1 = require("../ExpansionPanelContext");
 const styles_1 = require("./styles");
 const Summary = ({ children }) => {
     const { isDisabled, isOpen } = (0, react_1.useContext)(ExpansionPanelContext_1.ExpansionPanelContext);
-    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { "$isSelected": isOpen, "$isDisabled": isDisabled, ...(0, utils_1.getInertProps)(isDisabled), className: constants_1.expansionPanelClassnames.summary, children: [(0, jsx_runtime_1.jsx)(styles_1.Title, { children: children }), (0, jsx_runtime_1.jsx)(styles_1.StyledChevron, { isActive: isOpen })] }));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { "$isSelected": isOpen, "$isDisabled": isDisabled, ...(0, getInertProps_1.getInertProps)(isDisabled), className: constants_1.expansionPanelClassnames.summary, children: [(0, jsx_runtime_1.jsx)(styles_1.Title, { children: children }), (0, jsx_runtime_1.jsx)(styles_1.StyledChevron, { isActive: isOpen })] }));
 };
 exports.Summary = Summary;

package/node/components/ExpansionPanel/constants.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.expansionPanelClassnames = void 0;
-const utils_1 = require("../utils");
+const createUIKitClassname_1 = require("../utils/createUIKitClassname");
 exports.expansionPanelClassnames = {
-    root: (0, utils_1.createUIKitClassname)('expansion-panel'),
-    summary: (0, utils_1.createUIKitClassname)('expansion-panel__summary'),
-    details: (0, utils_1.createUIKitClassname)('expansion-panel__details'),
-    open: (0, utils_1.createUIKitClassname)('expansion-panel_open'),
-    animation: (0, utils_1.createUIKitClassname)('expansion-panel_animation'),
+    root: (0, createUIKitClassname_1.createUIKitClassname)('expansion-panel'),
+    summary: (0, createUIKitClassname_1.createUIKitClassname)('expansion-panel__summary'),
+    details: (0, createUIKitClassname_1.createUIKitClassname)('expansion-panel__details'),
+    open: (0, createUIKitClassname_1.createUIKitClassname)('expansion-panel_open'),
+    animation: (0, createUIKitClassname_1.createUIKitClassname)('expansion-panel_animation'),
 };

package/node/components/Fab/Fab.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { FabProps as MuiFabProps } from '@mui/material/Fab';
-import { type WithoutEmotionSpecific } from '../types';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 import { type FabColor } from './types';
 export type FabProps = Omit<WithoutEmotionSpecific<MuiFabProps>, 'color' | 'variant'> & {
     color?: FabColor;

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

@@ -5,32 +5,20 @@ export declare const Wrapper: import("@emotion/styled/dist/declarations/src/type
 } & {
     $gutterBottom?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, {}>;
-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;
 }, {}, {}>;
-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/Filename/Filename.js

@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const personalDataSecurity_1 = require("../personalDataSecurity");
 const Tooltip_1 = require("../Tooltip");
-const utils_1 = require("../utils");
+const classNames_1 = require("../utils/classNames");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 exports.Filename = (0, react_1.forwardRef)((props, forwardedRef) => {
@@ -17,5 +17,5 @@ exports.Filename = (0, react_1.forwardRef)((props, forwardedRef) => {
     const hidePersonalDataClassname = (0, personalDataSecurity_1.useHidePersonalData)({
         isEnabled: isHidePersonalData,
     });
-    return ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: isOverflowed && children, disableInteractive: true, ...tooltipProps, className: (0, utils_1.classNames)(tooltipProps?.className, hidePersonalDataClassname), children: (0, jsx_runtime_1.jsxs)(styles_1.StyledTypography, { "$align": align, variant: variant, className: (0, utils_1.classNames)(className, hidePersonalDataClassname), ...restProps, children: [(0, jsx_runtime_1.jsx)(styles_1.FileBaseName, { ...baseNameProps }), (0, jsx_runtime_1.jsx)("span", { children: suffixWithExtension })] }) }));
+    return ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: isOverflowed && children, disableInteractive: true, ...tooltipProps, className: (0, classNames_1.classNames)(tooltipProps?.className, hidePersonalDataClassname), children: (0, jsx_runtime_1.jsxs)(styles_1.StyledTypography, { "$align": align, variant: variant, className: (0, classNames_1.classNames)(className, hidePersonalDataClassname), ...restProps, children: [(0, jsx_runtime_1.jsx)(styles_1.FileBaseName, { ...baseNameProps }), (0, jsx_runtime_1.jsx)("span", { children: suffixWithExtension })] }) }));
 });

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

@@ -3,17 +3,11 @@ export declare const FileBaseName: import("@emotion/styled/dist/declarations/src
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const StyledTypography: 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 StyledTypography: 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/FlowButton/styles.d.ts

@@ -8,17 +8,11 @@ export declare const StyledButton: import("@emotion/styled/dist/declarations/src
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const TargetTextWrapper: 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 TargetTextWrapper: 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/FormControl/FormControl.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import type { FormControlProps as MuiFormControlProps } from '@mui/material/FormControl';
-import { type WithoutEmotionSpecific } from '../types';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type FormControlProps = WithoutEmotionSpecific<MuiFormControlProps>;
 export declare const FormControl: import("react").ForwardRefExoticComponent<Omit<FormControlProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/node/components/FormControlLabel/types.d.ts

@@ -1,3 +1,3 @@
 import { type FormControlLabelProps as MuiFormControlLabelProps } from '@mui/material/FormControlLabel';
-import { type WithoutEmotionSpecific } from '../types';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type FormControlLabelProps = WithoutEmotionSpecific<MuiFormControlLabelProps>;

package/node/components/FormHelperText/FormHelperText.d.ts

@@ -1,5 +1,5 @@
 import type { FormHelperTextProps as MuiFormHelperTextProps } from '@mui/material/FormHelperText';
-import { type WithoutEmotionSpecific } from '../types';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type FormHelperTextProps = WithoutEmotionSpecific<MuiFormHelperTextProps> & {
     success?: boolean;
     error?: boolean;

package/node/components/FormLabel/FormLabel.d.ts

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

package/node/components/GuidTypography/GuidTypography.js

@@ -4,14 +4,14 @@ exports.GuidTypography = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const OverflowTypography_1 = require("../OverflowTypography");
 const personalDataSecurity_1 = require("../personalDataSecurity");
-const utils_1 = require("../utils");
+const classNames_1 = require("../utils/classNames");
 const GuidTypography = ({ className, isHidePersonalData, tooltipProps, ...props }) => {
     const hidePersonalDataClassname = (0, personalDataSecurity_1.useHidePersonalData)({
         isEnabled: isHidePersonalData,
     });
-    return ((0, jsx_runtime_1.jsx)(OverflowTypography_1.OverflowTypography, { visibleLastSymbolsCount: 4, className: (0, utils_1.classNames)(className, hidePersonalDataClassname), tooltipProps: {
+    return ((0, jsx_runtime_1.jsx)(OverflowTypography_1.OverflowTypography, { visibleLastSymbolsCount: 4, className: (0, classNames_1.classNames)(className, hidePersonalDataClassname), tooltipProps: {
             ...tooltipProps,
-            className: (0, utils_1.classNames)(tooltipProps?.className, hidePersonalDataClassname),
+            className: (0, classNames_1.classNames)(tooltipProps?.className, hidePersonalDataClassname),
         }, ...props }));
 };
 exports.GuidTypography = GuidTypography;

package/node/components/HintIcon/constants.js

@@ -6,9 +6,9 @@ const InfoFillMd_1 = require("../../icons/InfoFillMd");
 const InfoOutlineMd_1 = require("../../icons/InfoOutlineMd");
 const QuestionFillMd_1 = require("../../icons/QuestionFillMd");
 const QuestionOutlineMd_1 = require("../../icons/QuestionOutlineMd");
-const utils_1 = require("../utils");
+const createUIKitClassname_1 = require("../utils/createUIKitClassname");
 exports.hintIconClassnames = {
-    iconWrapper: (0, utils_1.createUIKitClassname)('hint-icon__icon-wrapper'),
+    iconWrapper: (0, createUIKitClassname_1.createUIKitClassname)('hint-icon__icon-wrapper'),
 };
 exports.ICONS = {
     question: {

package/node/components/HintIcon/useLogic/useLogic.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
-const useViewportType_1 = require("../../hooks/useViewportType");
+const useViewportType_1 = require("../../useViewportType");
 const useLogic = () => {
     const [open, setOpen] = (0, react_1.useState)(false);
     const { isMobile } = (0, useViewportType_1.useViewportType)();

package/node/components/IconDropdownButton/IconDropdownButton.js

@@ -7,9 +7,9 @@ exports.IconDropdownButton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const ClickAwayListener_1 = __importDefault(require("@mui/material/ClickAwayListener"));
 const react_1 = require("react");
-const useMenu_1 = require("../hooks/useMenu");
 const IconButton_1 = require("../IconButton");
 const Menu_1 = require("../Menu");
+const useMenu_1 = require("../useMenu");
 exports.IconDropdownButton = (0, react_1.forwardRef)(({ children, icon, title, ...props }, ref) => {
     const { open, anchorRef, handleOpenMenu, handleCloseMenu } = (0, useMenu_1.useMenu)(ref);
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ClickAwayListener_1.default, { onClickAway: handleCloseMenu, mouseEvent: "onMouseUp", children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { ...props, ref: anchorRef, onClick: handleOpenMenu, selected: open, title: title, children: icon }) }), (0, jsx_runtime_1.jsx)(Menu_1.Menu, { title: title, open: open, anchorEl: anchorRef.current, children: children })] }));

package/node/components/InfiniteDataList/InfiniteDataList.js

@@ -6,8 +6,8 @@ const react_1 = require("react");
 const react_virtuoso_1 = require("react-virtuoso");
 const ConfigProvider_1 = require("../ConfigProvider");
 const ContentState_1 = require("../ContentState");
-const useToggle_1 = require("../hooks/useToggle");
 const ScrollToTopButton_1 = require("../ScrollToTopButton");
+const useToggle_1 = require("../useToggle");
 const constants_1 = require("./constants");
 const EndData_1 = require("./EndData");
 const ErrorMessage_1 = require("./ErrorMessage");

package/node/components/InfiniteDataList/NoData/NoData.js

@@ -4,11 +4,11 @@ exports.NoData = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const ConfigProvider_1 = require("../../ConfigProvider");
-const placeholders_1 = require("../../placeholders");
+const Placeholder_1 = require("../../placeholders/Placeholder");
 const constants_1 = require("./constants");
 const NoData = () => {
     const { imagesMap } = (0, react_1.useContext)(ConfigProvider_1.ConfigContext);
     const { noDataImgSrc } = imagesMap;
-    return (0, jsx_runtime_1.jsx)(placeholders_1.Placeholder, { title: constants_1.NO_DATA_TEXT, imgSrc: noDataImgSrc });
+    return (0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { title: constants_1.NO_DATA_TEXT, imgSrc: noDataImgSrc });
 };
 exports.NoData = NoData;

package/node/components/InfiniteDataList/constants.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.infiniteDataListClassnames = exports.OVERSCAN_COUNT = void 0;
-const utils_1 = require("../utils");
+const createUIKitClassname_1 = require("../utils/createUIKitClassname");
 exports.OVERSCAN_COUNT = 30;
 exports.infiniteDataListClassnames = {
-    item: (0, utils_1.createUIKitClassname)('infinite-data-list__item'),
+    item: (0, createUIKitClassname_1.createUIKitClassname)('infinite-data-list__item'),
 };

package/node/components/InfiniteTreeList/InfiniteTreeListContext/InfiniteTreeListContextProvider/InfiniteTreeListContextProvider.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InfiniteTreeListContextProvider = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const useSet_1 = require("../../../hooks/useSet");
+const useSet_1 = require("../../../useSet");
 const InfiniteTreeListContext_1 = require("../InfiniteTreeListContext");
 const InfiniteTreeListContextProvider = ({ children, itemSkeleton, }) => {
     const [disabledIdList, disabledIdListActions] = (0, useSet_1.useSet)(new Set());