@astral/ui 4.18.4 → 4.18.6

package/components/PageHeader/Title/styles.d.ts

@@ -1,15 +1,9 @@
 /// <reference types="react" />
-export declare const TitleWrapper: 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 TitleWrapper: 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/PageHeader/constants.js

@@ -1,4 +1,4 @@
-import { createUIKitClassname } from '../utils';
+import { createUIKitClassname } from '../utils/createUIKitClassname';
 export const pageHeaderClassnames = {
     pageHeaderMobileTitle: createUIKitClassname('page-header__mobile-title'),
     pageHeaderActions: createUIKitClassname('page-header__actions'),

package/components/PageHeader/hooks/usePageTitle/usePageTitle.js

@@ -1,6 +1,6 @@
 import { useContext, useEffect, useRef } from 'react';
 import { ConfigContext } from '../../../ConfigProvider';
-import { getNodeText } from '../../../utils';
+import { getNodeText } from '../../../utils/getNodeText';
 export const usePageTitle = ({ shouldUpdateDocumentTitle, title, htmlTitle, }) => {
     const prevTitleRef = useRef(null);
     const { components } = useContext(ConfigContext);

package/components/PageHeader/useLogic/useLogic.js

@@ -1,6 +1,6 @@
 import { useContext, useMemo } from 'react';
 import { PageContext } from '../../PageContext';
-import { classNames } from '../../utils';
+import { classNames } from '../../utils/classNames';
 import { pageHeaderClassnames } from '../constants';
 import { usePageTitle } from '../hooks/usePageTitle';
 export const useLogic = ({ shouldUpdateDocumentTitle, title, actions, htmlTitle, backButton, }) => {

package/components/PageLayout/PageLayout.js

@@ -5,7 +5,7 @@ import { PageContent } from '../PageContent';
 import { PageContextProvider } from '../PageContext';
 import { PageHeader } from '../PageHeader';
 import { PageLayoutContainer } from '../PageLayoutContainer';
-import { LoadingPlaceholder } from '../placeholders';
+import { LoadingPlaceholder } from '../placeholders/LoadingPlaceholder';
 import { DesktopAlertWrapper, LoaderWrapper, MobileAlertWrapper, } from './styles';
 import { useLogic } from './useLogic';
 export const PageLayout = (props) => {

package/components/PageLayoutContainer/PageLayoutContainer.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { classNames } from '../utils';
+import { classNames } from '../utils/classNames';
 import { pageLayoutClassnames } from './constants';
 import { StylePaper, Wrapper } from './styles';
 export const PageLayoutContainer = forwardRef(({ children, className }, forwardedRef) => {

package/components/PageLayoutContainer/constants.js

@@ -1,4 +1,4 @@
-import { createUIKitClassname } from '../utils';
+import { createUIKitClassname } from '../utils/createUIKitClassname';
 export const pageLayoutClassnames = {
     root: createUIKitClassname('page-layout'),
 };

package/components/PageLayoutLoader/PageLayoutLoader.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { LoadingPlaceholder } from '../placeholders';
+import { LoadingPlaceholder } from '../placeholders/LoadingPlaceholder';
 import { Wrapper } from './styles';
 /**
  * Легковесный компонент для отображения Suspense fallback для lazy import PageLayout

package/components/PagePinnableAside/PagePinnableAside.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { MenuOnOutlineMd } from '../../icons/MenuOnOutlineMd';
 import { PinButton } from '../PinButton';
-import { classNames } from '../utils';
+import { classNames } from '../utils/classNames';
 import { pinnableAsideClassnames } from './constants';
 import { Aside, ChildrenWrapper, Content, Dummy, Footer } from './styles';
 import { useLogic } from './useLogic';

package/components/PagePinnableAside/constants.js

@@ -1,4 +1,5 @@
-import { createUIKitClassname, generateLocalStorageKey } from '../utils';
+import { createUIKitClassname } from '../utils/createUIKitClassname';
+import { generateLocalStorageKey } from '../utils/generateLocalStorageKey';
 export const pinnableAsideClassnames = {
     content: createUIKitClassname('pinnable-aside__content'),
 };

package/components/PagePinnableAside/useLogic/useLogic.js

@@ -1,5 +1,5 @@
 import { useEffect, useMemo } from 'react';
-import { useLocalStorage } from '../../hooks/useLocalStorage';
+import { useLocalStorage } from '../../useLocalStorage';
 import { ASIDE_LOCAL_STORAGE_KEY } from '../constants';
 export const useLogic = ({ isPinned: isPinnedProp, onPin: onPinProp, persistState, }) => {
     useEffect(() => {

package/components/Pagination/PaginationItem/styles.d.ts

@@ -1,15 +1,9 @@
 /// <reference types="react" />
-export declare const Ellipsis: 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 Ellipsis: 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/Paper/Paper.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { PaperProps as MuiPaperProps } from '@mui/material/Paper';
-import { type WithoutEmotionSpecific } from '../types';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type PaperProps = Omit<WithoutEmotionSpecific<MuiPaperProps>, 'elevation'> & {
     /**
      * Определяет, на какой высоте над поверхностью находится элемент. Чем больше значение, тем дальше элемент визуально.

package/components/PasswordField/PasswordField.js

@@ -5,7 +5,7 @@ import { EyeOutlineMd } from '../../icons/EyeOutlineMd';
 import { IconButton } from '../IconButton';
 import { useHidePersonalData } from '../personalDataSecurity';
 import { TextField } from '../TextField';
-import { classNames } from '../utils';
+import { classNames } from '../utils/classNames';
 export const PasswordField = forwardRef(({ label, disabled = false, showSymbols = false, isHidePersonalData, inputProps, ...props }, ref) => {
     const [showPassword, setShowPassword] = useState(showSymbols);
     const handleClickShowPassword = () => setShowPassword((show) => !show);

package/components/PdfViewer/PdfDocument/PdfDocument.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { classNames } from '../../utils';
+import { classNames } from '../../utils/classNames';
 import { pdfViewerClassnames } from '../constants';
 import { StyledDocument } from './styles';
 import { useLogic } from './useLogic';

package/components/PdfViewer/PdfViewer.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createElement as _createElement } from "react";
 import { pdfjs } from 'react-pdf';
 import { ContentState } from '../ContentState';
-import { LoadingPlaceholder } from '../placeholders';
+import { LoadingPlaceholder } from '../placeholders/LoadingPlaceholder';
 import { defineWithResolversPolyfill } from '../polyfills';
 import { ControlBar } from './ControlBar';
 import { PDFJS_WORKER_URL } from './constants';

package/components/PdfViewer/constants.js

@@ -1,4 +1,4 @@
-import { createUIKitClassname } from '../utils';
+import { createUIKitClassname } from '../utils/createUIKitClassname';
 export const pdfViewerClassnames = {
     document: createUIKitClassname('pdf-viewer__document'),
     page: createUIKitClassname('pdf-viewer__page'),

package/components/PinButton/PinButton.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { PinOutlineMd } from '../../icons/PinOutlineMd';
 import { UnpinOutlineMd } from '../../icons/UnpinOutlineMd';
 import { Collapse } from '../Collapse';
-import { classNames } from '../utils';
+import { classNames } from '../utils/classNames';
 import { pinButtonClassnames } from './constants';
 import { Content, TogglerButton } from './styles';
 export const PinButton = (props) => {

package/components/PinButton/constants.js

@@ -1,4 +1,4 @@
-import { createUIKitClassname } from '../utils';
+import { createUIKitClassname } from '../utils/createUIKitClassname';
 export const pinButtonClassnames = {
     root: createUIKitClassname('pin-button'),
 };

package/components/PinButton/styles.d.ts

@@ -8,17 +8,11 @@ export declare const TogglerButton: import("../styled").StyledComponent<Omit<imp
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const Content: 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 Content: 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/Popover/Popover.d.ts

@@ -1,5 +1,5 @@
 import type { PopoverProps as MuiPopoverProps } from '@mui/material/Popover';
-import { type WithoutEmotionSpecific } from '../types';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type PopoverProps = WithoutEmotionSpecific<MuiPopoverProps> & {
     /**
      * Заголовок для отображения в мобильной версии

package/components/Popover/Popover.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { BottomDrawer } from '../BottomDrawer';
-import { useViewportType } from '../hooks/useViewportType';
+import { useViewportType } from '../useViewportType';
 import { StyledMuiPopover } from './styles';
 export const Popover = ({ children, onClose, open, title, ...restProps }) => {
     const { isMobile } = useViewportType();

package/components/ProductSwitcher/Content/styles.d.ts

@@ -13,17 +13,11 @@ export declare const Logo: import("../../styled").StyledComponent<{
 export declare const TitleErrorContainer: import("../../styled").StyledComponent<Omit<import("../../Grid/GridComponent").GridComponentProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & import("../../Grid/styles").StyledGridProps, {}, {}>;
-export declare const ProductName: 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 ProductName: 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/ProductSwitcher/useLogic/useLogic.js

@@ -1,6 +1,6 @@
 import { useContext, useState } from 'react';
 import { ConfigContext } from '../../ConfigProvider';
-import { useMenu } from '../../hooks/useMenu';
+import { useMenu } from '../../useMenu';
 export const useLogic = ({ getProducts, filter }) => {
     const [products, setProducts] = useState([]);
     const [isLoading, setIsLoading] = useState(false);

package/components/Profile/MenuList/MenuList.d.ts

@@ -1,5 +1,5 @@
 import type { MenuProps as MuiMenuProps } from '@mui/material/Menu';
-import { type WithoutEmotionSpecific } from '../../types';
+import { type WithoutEmotionSpecific } from '../../types/WithoutEmotionSpecific';
 import { type ProfileMenuItemData } from '../types';
 type MenuListProps = WithoutEmotionSpecific<MuiMenuProps> & {
     menuList?: ProfileMenuItemData[];

package/components/Profile/MenuList/MenuList.js

@@ -3,11 +3,11 @@ import { QuitOutlineMd } from '../../../icons/QuitOutlineMd';
 import { BottomDrawer } from '../../BottomDrawer';
 import { CopyTypography } from '../../CopyTypography';
 import { Divider } from '../../Divider';
-import { useViewportType } from '../../hooks/useViewportType';
 import { ListItemIcon } from '../../ListItemIcon';
 import { ListItemText } from '../../ListItemText';
 import { MenuItem as StyledMenuItem } from '../../MenuItem';
 import { OverflowTypography } from '../../OverflowTypography';
+import { useViewportType } from '../../useViewportType';
 import { DisplayNameMenuItem, ExitMenuItem, StyledDivider, StyledMenu, StyledMenuList, } from './styles';
 /**
  * Компонент для рендера menu с помощью массива данных

package/components/Profile/Profile.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import ClickAwayListener from '@mui/material/ClickAwayListener';
 import { useEffect } from 'react';
-import { useMenu } from '../hooks/useMenu';
 import { useHidePersonalData } from '../personalDataSecurity';
 import { Typography } from '../Typography';
+import { useMenu } from '../useMenu';
 import { profileClassnames } from './constants';
 import { MenuList } from './MenuList';
 import { ProfileSkeleton } from './ProfileSkeleton';

package/components/Profile/constants.js

@@ -1,4 +1,4 @@
-import { createUIKitClassname } from '../utils';
+import { createUIKitClassname } from '../utils/createUIKitClassname';
 export const profileClassnames = {
     credentials: createUIKitClassname('profile__credentials'),
 };

package/components/Profile/types.d.ts

@@ -1,7 +1,8 @@
 import type { AvatarProps } from '@mui/material/Avatar';
 import type { MenuProps } from '@mui/material/Menu';
 import type { PropsWithChildren, ReactElement, ReactNode } from 'react';
-import type { SyncFunctionComponent, WithoutEmotionSpecific } from '../types';
+import type { SyncFunctionComponent } from '../types/SyncFunctionComponent';
+import type { WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type ProfileMenuItemData = {
     icon?: ReactNode;
     title: ReactNode;

package/components/Radio/Radio.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { useCheckControlled } from '../hooks/useCheckControlled';
+import { useCheckControlled } from '../useCheckControlled';
 import { radioClassnames } from './constants';
 import { Icon } from './Icon';
 import { IconWrapper, Input, Wrapper } from './styles';

package/components/Radio/constants.js

@@ -1,4 +1,4 @@
-import { createUIKitClassname } from '../utils';
+import { createUIKitClassname } from '../utils/createUIKitClassname';
 export const radioClassnames = {
     root: createUIKitClassname('radio'),
     checked: createUIKitClassname('radio_checked'),

package/components/Radio/useLogic/useLogic.js

@@ -1,6 +1,6 @@
 import { useMemo, useState } from 'react';
-import { useUpdateEffect } from '../../hooks/useUpdateEffect';
-import { classNames } from '../../utils';
+import { useUpdateEffect } from '../../useUpdateEffect';
+import { classNames } from '../../utils/classNames';
 import { radioClassnames } from '../constants';
 export const useLogic = ({ checked = false, disabled = false, isError = false, onChange: propsOnChange, className: propClassNames, name, style, inputRef, value, id, ...restProps }) => {
     const [isChecked, setIsChecked] = useState(checked);

package/components/RadioCard/RadioCard.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext } from 'react';
 import { RadioGroupContext } from '../RadioGroup';
-import { classNames } from '../utils';
+import { classNames } from '../utils/classNames';
 import { radioCardClassnames } from './constants';
 import { Content, StyledRadio, Wrapper } from './styles';
 export const RadioCard = ({ id, disabled: propsIsDisabled, className, header, children, value, ...props }) => {

package/components/RadioCard/constants.js

@@ -1,4 +1,4 @@
-import { createUIKitClassname } from '../utils';
+import { createUIKitClassname } from '../utils/createUIKitClassname';
 export const radioCardClassnames = {
     root: createUIKitClassname('radio-card'),
     content: createUIKitClassname('radio-card__content'),

package/components/RadioGroup/useLogic/useLogic.js

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { useId } from '../../hooks/useId';
+import { useId } from '../../useId';
 export const useLogic = ({ children, groupLabel, errorText, isError, required, formControlProps, row = false, name, value, onChange, className, disabled, style, inputRef, }) => {
     const labelId = useId();
     const [internalValue, setInternalValue] = useState(undefined);

package/components/RedesignBanner/useLogic/useLogic.js

@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { useViewportType } from '../../hooks/useViewportType';
+import { useViewportType } from '../../useViewportType';
 import { LOCAL_STORAGE_KEY } from '../constants';
 export const useLogic = () => {
     const { isMobile } = useViewportType();

package/components/ResizingDataGrid/Sliders/useLogic/useLogic.js

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { useId } from '../../../hooks/useId';
+import { useId } from '../../../useId';
 import { computePositions } from './utils/computePositions';
 import { createInitialSliders } from './utils/createInitialSliders';
 export const useLogic = ({ setColumnsWidths, columnsWidths, }) => {

package/components/SearchField/useLogic/useLogic.js

@@ -1,6 +1,6 @@
 import { useEffect, useState, } from 'react';
-import { useFirstMountState } from '../../hooks/useFirstMountState';
-import { useForwardedRef } from '../../hooks/useForwardedRef';
+import { useFirstMountState } from '../../useFirstMountState';
+import { useForwardedRef } from '../../useForwardedRef';
 export const useLogic = ({ onChange: propsOnChange, defaultValue, value, inputRef: externalInputRef, disabled, onBlur: propsOnBlur, fullWidth, isLoading, placeholder = 'Поиск', inputComponent, hideHelperText = true, ...restProps }) => {
     const inputRef = useForwardedRef(externalInputRef);
     const [internalValue, setInternalValue] = useState(defaultValue || value || '');

package/components/Select/Select.d.ts

@@ -1,87 +1,17 @@
-import type { SelectProps as MuiSelectProps } from '@mui/material/Select';
 import { type ReactNode } from 'react';
-import { type WithoutEmotionSpecific } from '../types';
-export type SelectProps<TValue> = WithoutEmotionSpecific<Omit<MuiSelectProps<TValue>, 'variant' | 'color' | 'onOpen'>> & {
-    loading?: boolean;
-    placeholder?: string;
-    getOptionLabel?: (value: string | number) => string | number;
-    /**
-     * Добавляет вспомогательный текст под селектом
-     */
-    helperText?: ReactNode;
-    /**
-     * Включает/отключает резервирование места под helperText
-     */
-    hideHelperText?: boolean;
-    /**
-     * Если `false`, кнопка сброса не отобразится
-     * @default true
-     */
-    isShowClearButton?: boolean;
-    success?: boolean;
-    error?: boolean;
-    label?: string;
-    /**
-     * Если true, то отобразится option "Выбрать все"
-     * работает только с multiple
-     */
-    isEnableAllSelection?: boolean;
-    /**
-     * Массив value, нужен для работы опции "Выбрать все"
-     */
-    valueOptions?: TValue;
-    /**
-     * Выполняется при выборе всех элементов, после нажатия 'Выбрать все'
-     */
-    onSelectAll?: () => void;
-    /**
-     * Выполняется при отмене выбора всех элементов, после нажатия 'Выбрать все'
-     */
-    onUnselectAll?: () => void;
-    /**
-     * Выполняется при открытии поповера со списком элементов
-     */
-    onOpen?: VoidFunction;
-};
-export declare const Select: <TValue>(props: WithoutEmotionSpecific<Omit<MuiSelectProps<TValue>, "color" | "variant" | "onOpen">> & {
+export declare const Select: <TValue>(props: import("..").WithoutEmotionSpecific<Omit<import("@mui/material").SelectProps<TValue>, "color" | "variant" | "onOpen">> & {
     loading?: boolean | undefined;
     placeholder?: string | undefined;
     getOptionLabel?: ((value: string | number) => string | number) | undefined;
-    /**
-     * Добавляет вспомогательный текст под селектом
-     */
     helperText?: ReactNode;
-    /**
-     * Включает/отключает резервирование места под helperText
-     */
     hideHelperText?: boolean | undefined;
-    /**
-     * Если `false`, кнопка сброса не отобразится
-     * @default true
-     */
     isShowClearButton?: boolean | undefined;
     success?: boolean | undefined;
     error?: boolean | undefined;
     label?: string | undefined;
-    /**
-     * Если true, то отобразится option "Выбрать все"
-     * работает только с multiple
-     */
     isEnableAllSelection?: boolean | undefined;
-    /**
-     * Массив value, нужен для работы опции "Выбрать все"
-     */
     valueOptions?: TValue | undefined;
-    /**
-     * Выполняется при выборе всех элементов, после нажатия 'Выбрать все'
-     */
     onSelectAll?: (() => void) | undefined;
-    /**
-     * Выполняется при отмене выбора всех элементов, после нажатия 'Выбрать все'
-     */
     onUnselectAll?: (() => void) | undefined;
-    /**
-     * Выполняется при открытии поповера со списком элементов
-     */
     onOpen?: VoidFunction | undefined;
 } & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;

package/components/Select/index.d.ts

@@ -1 +1,2 @@
 export * from './Select';
+export type { SelectProps } from './types';

package/components/Select/public.d.ts

@@ -1 +1,2 @@
 export * from './Select';
+export type { SelectProps } from './types';

package/components/Select/types.d.ts

@@ -0,0 +1,49 @@
+import type { SelectProps as MuiSelectProps } from '@mui/material/Select';
+import { type ReactNode } from 'react';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
+export type SelectProps<TValue> = WithoutEmotionSpecific<Omit<MuiSelectProps<TValue>, 'variant' | 'color' | 'onOpen'>> & {
+    loading?: boolean;
+    placeholder?: string;
+    getOptionLabel?: (value: string | number) => string | number;
+    /**
+     * Добавляет вспомогательный текст под селектом
+     */
+    helperText?: ReactNode;
+    /**
+     * Включает/отключает резервирование места под helperText
+     */
+    hideHelperText?: boolean;
+    /**
+     * Если `false`, кнопка сброса не отобразится
+     * @default true
+     */
+    isShowClearButton?: boolean;
+    success?: boolean;
+    error?: boolean;
+    label?: string;
+    /**
+     * Если true, то отобразится option "Выбрать все"
+     * работает только с multiple
+     */
+    isEnableAllSelection?: boolean;
+    /**
+     * Массив value, нужен для работы опции "Выбрать все"
+     */
+    valueOptions?: TValue;
+    /**
+     * Выполняется при выборе всех элементов, после нажатия 'Выбрать все'
+     */
+    onSelectAll?: () => void;
+    /**
+     * Выполняется при отмене выбора всех элементов, после нажатия 'Выбрать все'
+     */
+    onUnselectAll?: () => void;
+    /**
+     * Выполняется при открытии поповера со списком элементов
+     */
+    onOpen?: VoidFunction;
+};
+export type ClearButtonProps = {
+    onClick: () => void;
+    disabled?: boolean;
+};

package/components/Select/types.js

@@ -0,0 +1 @@
+export {};

package/components/Select/useLogic/useLogic.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode, type SyntheticEvent } from 'react';
-import { type SelectProps } from '../Select';
+import { type SelectProps } from '../types';
 export declare const useLogic: <TValue>({ value, onChange, children, open: externalIsOpened, defaultOpen, multiple, isEnableAllSelection, isShowClearButton, valueOptions, onSelectAll, onUnselectAll, name, placeholder, onClose, onOpen, loading, }: SelectProps<TValue>) => {
     isOpened: boolean;
     isNoData: boolean;

package/components/Select/useLogic/useLogic.js

@@ -1,7 +1,8 @@
 import { menuItemClasses } from '@mui/material/MenuItem';
 import { Children, isValidElement, useRef, useState, } from 'react';
 import { MenuItem } from '../../MenuItem';
-import { getNodeText, isSyncReactElement } from '../../utils';
+import { getNodeText } from '../../utils/getNodeText';
+import { isSyncReactElement } from '../../utils/isSyncReactElement';
 import { SELECT_ALL_VALUE } from '../constants';
 export const useLogic = ({ value, onChange, children, open: externalIsOpened, defaultOpen, multiple, isEnableAllSelection, isShowClearButton = true, valueOptions, onSelectAll, onUnselectAll, name, placeholder, onClose, onOpen, loading, }) => {
     const [isOpened, setOpened] = useState(!loading && (defaultOpen || externalIsOpened || false));

package/components/SideDialog/SideDialog.d.ts

@@ -1,5 +1,5 @@
 import type { DrawerProps as MuiDrawerProps } from '@mui/material/Drawer';
-import { type WithoutEmotionSpecific } from '../types';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 type SideDialogSize = 'xs' | 'sm' | 'md' | 'lg';
 export type SideDialogProps = WithoutEmotionSpecific<Omit<MuiDrawerProps, 'anchor'>> & {
     title?: string;

package/components/SideDialog/styles.d.ts

@@ -1,5 +1,5 @@
 import type { DrawerProps } from '@mui/material/Drawer';
-import { type WithoutEmotionSpecific } from '../types';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 type SideDialogSize = 'xs' | 'sm' | 'md' | 'lg';
 export declare const StyledDrawer: import("../styled").StyledComponent<DrawerProps & {
     theme?: import("@emotion/react").Theme | undefined;