@astral/ui 4.17.4 → 4.17.6

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-export declare const PageItem: import("@emotion/styled").StyledComponent<{
+export declare const PageItem: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     children?: import("react").ReactNode;
-    align?: "left" | "right" | "inherit" | "center" | "justify" | undefined;
+    align?: "inherit" | "left" | "right" | "center" | "justify" | undefined;
     gutterBottom?: boolean | undefined;
     noWrap?: boolean | undefined;
     paragraph?: boolean | undefined;
@@ -9,12 +9,12 @@ export declare const PageItem: import("@emotion/styled").StyledComponent<{
     color?: import("../Typography").TypographyColor | undefined;
     variant?: import("../Typography").TypographyVariant | undefined;
     colorIntensity?: import("../Typography").Intensity | undefined;
-    component?: ("symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "clipPath" | "filter" | "marker" | "mask" | "center" | "text" | "big" | "keygen" | "menuitem" | "noindex" | "param" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "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" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentType<any>) | undefined;
+    component?: ("symbol" | "object" | "main" | "body" | "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "caption" | "button" | "link" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "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" | "label" | "legend" | "li" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "clipPath" | "filter" | "marker" | "mask" | "center" | "text" | "big" | "keygen" | "menuitem" | "noindex" | "param" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "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" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentType<any>) | undefined;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const PaginationWrapper: import("@emotion/styled").StyledComponent<{
+export declare const PaginationWrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {

package/node/components/MinimalisticPagination/styles.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PaginationWrapper = exports.PageItem = void 0;
-const styles_1 = require("../styles");
+const styled_1 = require("../styled");
 const Typography_1 = require("../Typography");
-exports.PageItem = (0, styles_1.styled)(Typography_1.Typography) `
+exports.PageItem = (0, styled_1.styled)(Typography_1.Typography) `
   user-select: none;
 
   display: flex;
@@ -15,7 +15,7 @@ exports.PageItem = (0, styles_1.styled)(Typography_1.Typography) `
 
   font-weight: ${({ theme }) => theme.typography.fontWeightMedium};
 `;
-exports.PaginationWrapper = styles_1.styled.nav `
+exports.PaginationWrapper = styled_1.styled.nav `
   display: flex;
   align-items: center;
 

package/node/components/NavMenu/Item/ItemButton/styles.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 /// <reference types="react" />
-export declare const StyledListItemButton: import("@emotion/styled").StyledComponent<Omit<import("../../../ListItemButton").ListItemButtonProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
+export declare const StyledListItemButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../../../ListItemButton").ListItemButtonProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     $isGroupTitleItem: boolean;
 }, {}, {}>;
-export declare const NavMenuItemButtonIcon: import("@emotion/styled").StyledComponent<Omit<{
+export declare const NavMenuItemButtonIcon: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<{
     slot?: string | undefined;
     style?: import("react").CSSProperties | undefined;
     title?: string | undefined;
@@ -274,17 +274,17 @@ export declare const NavMenuItemButtonIcon: import("@emotion/styled").StyledComp
 }, "ref"> & import("react").RefAttributes<HTMLLIElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const NavMenuItemButtonText: import("@emotion/styled").StyledComponent<import("../../../OverflowTypography").OverflowedProps & {
+export declare const NavMenuItemButtonText: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../../../OverflowTypography").OverflowedProps & {
     tooltipProps?: (Omit<{
-        slot?: string | undefined;
-        style?: import("react").CSSProperties | undefined;
-        title: import("react").ReactNode;
         components?: {
             Popper?: import("react").ElementType<import("@mui/material").PopperProps> | undefined;
             Transition?: import("react").ElementType<any> | undefined;
             Tooltip?: import("react").ElementType<any> | undefined;
             Arrow?: import("react").ElementType<any> | undefined;
         } | undefined;
+        slot?: string | undefined;
+        style?: import("react").CSSProperties | undefined;
+        title: import("react").ReactNode;
         color?: string | undefined;
         content?: string | undefined;
         translate?: "no" | "yes" | undefined;
@@ -594,7 +594,7 @@ export declare const NavMenuItemButtonText: import("@emotion/styled").StyledComp
     visibleLastSymbolsCount?: number | undefined;
 } & {
     children?: import("react").ReactNode;
-    align?: "left" | "right" | "inherit" | "center" | "justify" | undefined;
+    align?: "inherit" | "left" | "right" | "center" | "justify" | undefined;
     gutterBottom?: boolean | undefined;
     noWrap?: boolean | undefined;
     paragraph?: boolean | undefined;
@@ -602,7 +602,7 @@ export declare const NavMenuItemButtonText: import("@emotion/styled").StyledComp
     color?: import("../../..").TypographyColor | undefined;
     variant?: import("../../..").TypographyVariant | undefined;
     colorIntensity?: import("../../..").Intensity | undefined;
-    component?: ("symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "clipPath" | "filter" | "marker" | "mask" | "center" | "text" | "big" | "keygen" | "menuitem" | "noindex" | "param" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "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" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentType<any>) | undefined;
+    component?: ("symbol" | "object" | "main" | "body" | "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "caption" | "button" | "link" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "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" | "label" | "legend" | "li" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "clipPath" | "filter" | "marker" | "mask" | "center" | "text" | "big" | "keygen" | "menuitem" | "noindex" | "param" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "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" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentType<any>) | undefined;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & {
     children?: import("react").ReactNode;
@@ -612,7 +612,7 @@ export declare const NavMenuItemButtonText: import("@emotion/styled").StyledComp
     $isGroupTitleItem: boolean;
     $isCounter?: boolean | undefined;
 }, {}, {}>;
-export declare const NavMenuItemButtonChevron: import("@emotion/styled").StyledComponent<{
+export declare const NavMenuItemButtonChevron: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;
@@ -623,13 +623,13 @@ export declare const NavMenuItemButtonChevron: import("@emotion/styled").StyledC
     $opened?: boolean | undefined;
     $collapsedIn: boolean;
 }, {}, {}>;
-export declare const EndAdornmentWrapper: import("@emotion/styled").StyledComponent<{
+export declare const EndAdornmentWrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
     $collapsedIn: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledPageDotOutlineMd: import("@emotion/styled").StyledComponent<{
+export declare const StyledPageDotOutlineMd: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;

package/node/components/NavMenu/Item/ItemButton/styles.js

@@ -6,15 +6,15 @@ const ListItemButton_1 = require("../../../ListItemButton");
 const ListItemIcon_1 = require("../../../ListItemIcon");
 const OverflowTypography_1 = require("../../../OverflowTypography");
 const SvgIcon_1 = require("../../../SvgIcon");
-const styles_1 = require("../../../styles");
-const mixins_1 = require("../../../styles/mixins");
+const styled_1 = require("../../../styled");
+const mixins_1 = require("../../../styled/mixins");
 const getItemWidth = (isGroupTitleItem, isCounter) => {
     if (!isCounter) {
         return isGroupTitleItem ? '140px' : '170px';
     }
     return isGroupTitleItem ? '100px' : '130px';
 };
-exports.StyledListItemButton = (0, styles_1.styled)(ListItemButton_1.ListItemButton, {
+exports.StyledListItemButton = (0, styled_1.styled)(ListItemButton_1.ListItemButton, {
     shouldForwardProp: (prop) => !['$isGroupTitleItem'].includes(prop),
 }) `
   overflow: hidden;
@@ -80,7 +80,7 @@ exports.StyledListItemButton = (0, styles_1.styled)(ListItemButton_1.ListItemBut
     }
   }
 `;
-exports.NavMenuItemButtonIcon = (0, styles_1.styled)(ListItemIcon_1.ListItemIcon) `
+exports.NavMenuItemButtonIcon = (0, styled_1.styled)(ListItemIcon_1.ListItemIcon) `
   min-width: unset;
   
   .${SvgIcon_1.svgIconClassnames.root} {
@@ -88,7 +88,7 @@ exports.NavMenuItemButtonIcon = (0, styles_1.styled)(ListItemIcon_1.ListItemIcon
     height: 20px;
   }
 `;
-exports.NavMenuItemButtonText = (0, styles_1.styled)(OverflowTypography_1.OverflowTypography, {
+exports.NavMenuItemButtonText = (0, styled_1.styled)(OverflowTypography_1.OverflowTypography, {
     shouldForwardProp: (prop) => !['$isGroupTitleItem', '$isCounter'].includes(prop),
 }) `
   width: ${({ $isGroupTitleItem, $isCounter }) => getItemWidth($isGroupTitleItem, $isCounter)};
@@ -99,7 +99,7 @@ exports.NavMenuItemButtonText = (0, styles_1.styled)(OverflowTypography_1.Overfl
     margin-left: 0;
   }
 `;
-exports.NavMenuItemButtonChevron = (0, styles_1.styled)(icons_1.ChevronDOutlineMd, {
+exports.NavMenuItemButtonChevron = (0, styled_1.styled)(icons_1.ChevronDOutlineMd, {
     shouldForwardProp: (prop) => !['$opened', '$collapsedIn'].includes(prop),
 }) `
   width: 20px;
@@ -121,14 +121,14 @@ exports.NavMenuItemButtonChevron = (0, styles_1.styled)(icons_1.ChevronDOutlineM
     height: 24px;
   }
 `;
-exports.EndAdornmentWrapper = styles_1.styled.div `
+exports.EndAdornmentWrapper = styled_1.styled.div `
   display: ${({ $collapsedIn }) => ($collapsedIn ? 'flex' : 'none')};
   gap: ${({ theme }) => theme.spacing(2)};
   align-items: center;  
 
   margin-left: auto;
 `;
-exports.StyledPageDotOutlineMd = (0, styles_1.styled)(icons_1.PageDotOutlineMd) `
+exports.StyledPageDotOutlineMd = (0, styled_1.styled)(icons_1.PageDotOutlineMd) `
   ${({ theme }) => theme.breakpoints.down('sm')} {
     width: 24px;
     height: 24px;

package/node/components/NavMenu/Item/types.d.ts

@@ -1,11 +1,11 @@
 import type { ComponentProps, ElementType, ReactElement, ReactNode } from 'react';
-import type { SidebarCounter } from '../../DashboardLayout';
+import type { DashboardSidebarCounter } from '../../DashboardSidebarCounter';
 import type { ListProps } from './List';
 export type CounterProps = {
     /**
      * Компонент SidebarCounter
      */
-    component: typeof SidebarCounter;
+    component: typeof DashboardSidebarCounter;
     /**
      * Максимальное число которое отобразится в счетчике
      */

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

@@ -1,11 +1,11 @@
 /// <reference types="react" />
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+export declare const Wrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Header: import("@emotion/styled").StyledComponent<{
+export declare const Header: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     children?: import("react").ReactNode;
-    align?: "left" | "right" | "inherit" | "center" | "justify" | undefined;
+    align?: "inherit" | "left" | "right" | "center" | "justify" | undefined;
     gutterBottom?: boolean | undefined;
     noWrap?: boolean | undefined;
     paragraph?: boolean | undefined;
@@ -13,14 +13,14 @@ export declare const Header: import("@emotion/styled").StyledComponent<{
     color?: import("../Typography").TypographyColor | undefined;
     variant?: import("../Typography").TypographyVariant | undefined;
     colorIntensity?: import("../Typography").Intensity | undefined;
-    component?: ("symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "clipPath" | "filter" | "marker" | "mask" | "center" | "text" | "big" | "keygen" | "menuitem" | "noindex" | "param" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "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" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentType<any>) | undefined;
+    component?: ("symbol" | "object" | "main" | "body" | "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "caption" | "button" | "link" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "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" | "label" | "legend" | "li" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "clipPath" | "filter" | "marker" | "mask" | "center" | "text" | "big" | "keygen" | "menuitem" | "noindex" | "param" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "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" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentType<any>) | undefined;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const Subheader: import("@emotion/styled").StyledComponent<{
+export declare const Subheader: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     children?: import("react").ReactNode;
-    align?: "left" | "right" | "inherit" | "center" | "justify" | undefined;
+    align?: "inherit" | "left" | "right" | "center" | "justify" | undefined;
     gutterBottom?: boolean | undefined;
     noWrap?: boolean | undefined;
     paragraph?: boolean | undefined;
@@ -28,15 +28,15 @@ export declare const Subheader: import("@emotion/styled").StyledComponent<{
     color?: import("../Typography").TypographyColor | undefined;
     variant?: import("../Typography").TypographyVariant | undefined;
     colorIntensity?: import("../Typography").Intensity | undefined;
-    component?: ("symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "clipPath" | "filter" | "marker" | "mask" | "center" | "text" | "big" | "keygen" | "menuitem" | "noindex" | "param" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "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" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentType<any>) | undefined;
+    component?: ("symbol" | "object" | "main" | "body" | "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "caption" | "button" | "link" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "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" | "label" | "legend" | "li" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "clipPath" | "filter" | "marker" | "mask" | "center" | "text" | "big" | "keygen" | "menuitem" | "noindex" | "param" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "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" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentType<any>) | undefined;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const Image: import("@emotion/styled").StyledComponent<{
+export declare const Image: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
-export declare const StyledPageContent: import("@emotion/styled").StyledComponent<import("../PageLayout").PageContentProps & import("react").RefAttributes<HTMLElement> & {
+export declare const StyledPageContent: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../PageContent").PageContentProps & import("react").RefAttributes<HTMLElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/NotFoundPage/styles.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledPageContent = exports.Image = exports.Subheader = exports.Header = exports.Wrapper = void 0;
-const PageLayout_1 = require("../PageLayout");
-const styles_1 = require("../styles");
+const PageContent_1 = require("../PageContent");
+const styled_1 = require("../styled");
 const Typography_1 = require("../Typography");
-exports.Wrapper = styles_1.styled.div `
+exports.Wrapper = styled_1.styled.div `
   display: flex;
   flex-direction: column;
   gap: ${({ theme }) => theme.spacing(4)};
@@ -15,13 +15,13 @@ exports.Wrapper = styles_1.styled.div `
 
   text-align: center;
 `;
-exports.Header = (0, styles_1.styled)(Typography_1.Typography) `
+exports.Header = (0, styled_1.styled)(Typography_1.Typography) `
   ${({ theme }) => theme.breakpoints.down('sm')} {
     font-size: ${({ theme }) => theme.typography.h4.fontSize};
     line-height: ${({ theme }) => theme.typography.h4.lineHeight};
   }
 `;
-exports.Subheader = (0, styles_1.styled)(Typography_1.Typography) `
+exports.Subheader = (0, styled_1.styled)(Typography_1.Typography) `
   margin-top: ${({ theme }) => theme.spacing(-2)};
   margin-bottom: ${({ theme }) => theme.spacing(2)};
   ${({ theme }) => theme.breakpoints.down('sm')} {
@@ -29,7 +29,7 @@ exports.Subheader = (0, styles_1.styled)(Typography_1.Typography) `
     line-height: ${({ theme }) => theme.typography.subtitle1.lineHeight};
   }
 `;
-exports.Image = styles_1.styled.img `
+exports.Image = styled_1.styled.img `
   width: 500px;
   height: 232px;
 
@@ -38,7 +38,7 @@ exports.Image = styles_1.styled.img `
     height: 166px;
   }
 `;
-exports.StyledPageContent = (0, styles_1.styled)(PageLayout_1.PageContent) `
+exports.StyledPageContent = (0, styled_1.styled)(PageContent_1.PageContent) `
   ${({ theme }) => theme.breakpoints.down('sm')} {
     margin: ${({ theme }) => theme.spacing(4)};
   }

package/node/components/Notification/NotificationContainer/styles.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+export declare const Wrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
     $isBanner: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Inner: import("@emotion/styled").StyledComponent<import("react-toastify-next").ToastContainerProps & {
+export declare const Inner: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("react-toastify-next").ToastContainerProps & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     $isBanner: boolean;

package/node/components/Notification/NotificationContainer/styles.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Inner = exports.Wrapper = void 0;
 const react_toastify_next_1 = require("react-toastify-next");
-const styles_1 = require("../../styles");
+const styled_1 = require("../../styled");
 const constants_1 = require("../constants");
-const leaveIn = (0, styles_1.keyframes) `
+const leaveIn = (0, styled_1.keyframes) `
   from {
     transform: translateX(100%);
   }
@@ -12,7 +12,7 @@ const leaveIn = (0, styles_1.keyframes) `
     transform: translateX(0px);
   }
 `;
-const leaveOut = (0, styles_1.keyframes) `
+const leaveOut = (0, styled_1.keyframes) `
   from {
     transform: translateX(0px);
   }
@@ -21,7 +21,7 @@ const leaveOut = (0, styles_1.keyframes) `
     visibility: hidden;
   }
 `;
-const leaveInMobile = (0, styles_1.keyframes) `
+const leaveInMobile = (0, styled_1.keyframes) `
   from {
     transform: translateY(-100%);
   }
@@ -35,7 +35,7 @@ const leaveInMobile = (0, styles_1.keyframes) `
 // потому что react-toastify не предоставляет,
 // достаточно контейнеров для стилизации через styled,
 // к примеру добраться до прогресс бара можно только через цсс классы
-exports.Wrapper = (0, styles_1.styled)('div', {
+exports.Wrapper = (0, styled_1.styled)('div', {
     shouldForwardProp: (prop) => !['$isBanner'].includes(prop),
 }) `
   ${({ theme }) => theme.breakpoints.up('sm')} {
@@ -125,7 +125,7 @@ exports.Wrapper = (0, styles_1.styled)('div', {
     }
   }
 `;
-exports.Inner = (0, styles_1.styled)(react_toastify_next_1.ToastContainer, {
+exports.Inner = (0, styled_1.styled)(react_toastify_next_1.ToastContainer, {
     shouldForwardProp: (prop) => !['$isBanner'].includes(prop),
 }) `
   min-width: 400px;

package/node/components/Notification/NotificationStackContainer/NotificationStackContainer.js

@@ -16,7 +16,7 @@ const NotificationStackContainer = ({ containerId = constants_1.NOTIFY_CONTAINER
     });
     return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { className: (0, utils_1.classNames)({
             [constants_1.notifyClassnames.container]: isHoveredContainer,
-        }), children: [(0, jsx_runtime_1.jsx)(styles_1.Inner, { ...props, stacked: true, containerId: containerId, pauseOnFocusLoss: true, position: constants_1.NOTIFY_POSITIONS.BOTTOM_RIGHT, newestOnTop: false, closeOnClick: false, draggable: false, rtl: false, closeButton: false, bodyClassName: `${constants_1.notifyClassnames.body}`, toastClassName: constants_1.notifyClassnames.root, progressClassName: `${constants_1.notifyClassnames.progress}` }), isVisibleCloseButton && ((0, jsx_runtime_1.jsx)(styles_1.CloseButton, { size: "small", variant: "light", color: "grey", className: (0, utils_1.classNames)({
+        }), children: [(0, jsx_runtime_1.jsx)(styles_1.Inner, { ...props, ...{ stacked: true }, containerId: containerId, pauseOnFocusLoss: true, position: constants_1.NOTIFY_POSITIONS.BOTTOM_RIGHT, newestOnTop: false, closeOnClick: false, draggable: false, rtl: false, closeButton: false, bodyClassName: `${constants_1.notifyClassnames.body}`, toastClassName: constants_1.notifyClassnames.root, progressClassName: `${constants_1.notifyClassnames.progress}` }), isVisibleCloseButton && ((0, jsx_runtime_1.jsx)(styles_1.CloseButton, { size: "small", variant: "light", color: "grey", className: (0, utils_1.classNames)({
                     [constants_1.notifyClassnames.closeButtonAnimationOut]: isStartedClosingNotify,
                 }), onClick: closeAll, children: "\u0421\u043A\u0440\u044B\u0442\u044C \u0432\u0441\u0435" })), (0, jsx_runtime_1.jsx)(styles_1.StaticInner, { containerId: staticContainerId, position: constants_1.NOTIFY_POSITIONS.BOTTOM_RIGHT, newestOnTop: false, closeOnClick: false, draggable: false, rtl: false, closeButton: false, bodyClassName: `${constants_1.notifyClassnames.body}`, toastClassName: constants_1.notifyClassnames.root, progressClassName: `${constants_1.notifyClassnames.progress}` }), bannerContainer] }));
 };

package/node/components/Notification/NotificationStackContainer/styles.d.ts

@@ -1,16 +1,16 @@
 /// <reference types="react" />
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+export declare const Wrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Inner: import("@emotion/styled").StyledComponent<import("react-toastify-next").ToastContainerProps & {
+export declare const Inner: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("react-toastify-next").ToastContainerProps & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const StaticInner: import("@emotion/styled").StyledComponent<import("react-toastify-next").ToastContainerProps & {
+export declare const StaticInner: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("react-toastify-next").ToastContainerProps & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const CloseButton: import("@emotion/styled").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "variant"> & {
-    variant?: "link" | "light" | "outlined" | "contained" | "text" | undefined;
+export declare const CloseButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "variant"> & {
+    variant?: "light" | "link" | "outlined" | "contained" | "text" | undefined;
     loading?: boolean | undefined;
     color?: "grey" | "error" | "success" | "warning" | "primary" | undefined;
     component?: import("react").ElementType | undefined;

package/node/components/Notification/NotificationStackContainer/styles.js

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CloseButton = exports.StaticInner = exports.Inner = exports.Wrapper = void 0;
 const react_toastify_next_1 = require("react-toastify-next");
 const Button_1 = require("../../Button");
-const styles_1 = require("../../styles");
+const styled_1 = require("../../styled");
 const constants_1 = require("../constants");
-const fade = (0, styles_1.keyframes) `
+const fade = (0, styled_1.keyframes) `
   from {
     opacity: 0;
   }
@@ -16,7 +16,7 @@ const fade = (0, styles_1.keyframes) `
     opacity: 1;
   }
 `;
-const leaveIn = (0, styles_1.keyframes) `
+const leaveIn = (0, styled_1.keyframes) `
   from {
     transform: translateX(100%);
   }
@@ -24,7 +24,7 @@ const leaveIn = (0, styles_1.keyframes) `
     transform: translateX(0px);
   }
 `;
-const leaveOut = (0, styles_1.keyframes) `
+const leaveOut = (0, styled_1.keyframes) `
   from {
     transform: translateX(0px);
   }
@@ -39,7 +39,7 @@ const leaveOut = (0, styles_1.keyframes) `
 // потому что react-toastify не предоставляет,
 // достаточно контейнеров для стилизации через styled,
 // к примеру добраться до прогресс бара можно только через цсс классы
-exports.Wrapper = styles_1.styled.div `
+exports.Wrapper = styled_1.styled.div `
   position: fixed;
   z-index: ${({ theme }) => theme.zIndex.snackbar};
   right: 0;
@@ -186,7 +186,7 @@ exports.Wrapper = styles_1.styled.div `
     }
   }
 `;
-exports.Inner = (0, styles_1.styled)(react_toastify_next_1.ToastContainer) `
+exports.Inner = (0, styled_1.styled)(react_toastify_next_1.ToastContainer) `
   position: relative !important;
   right: 0 !important;
   bottom: 0 !important;
@@ -235,14 +235,14 @@ exports.Inner = (0, styles_1.styled)(react_toastify_next_1.ToastContainer) `
     }
   }
 `;
-exports.StaticInner = (0, styles_1.styled)(exports.Inner) `
+exports.StaticInner = (0, styled_1.styled)(exports.Inner) `
   margin-top: 0;
   
   .${constants_1.notifyClassnames.root} {
     margin-bottom: ${({ theme }) => theme.spacing(1)};
   }
 `;
-exports.CloseButton = (0, styles_1.styled)(Button_1.Button) `
+exports.CloseButton = (0, styled_1.styled)(Button_1.Button) `
   right: ${({ theme }) => theme.spacing(3)};
 
   width: 400px;