@astral/ui 4.17.5 → 4.17.6

package/node/components/Banner/BannerTemplate/styles.js

@@ -2,14 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Footer = exports.WrapperTextContent = exports.Wrapper = exports.Image = exports.Container = void 0;
 const Grid_1 = require("../../Grid");
-const styles_1 = require("../../styles");
-exports.Container = styles_1.styled.article `
+const styled_1 = require("../../styled");
+exports.Container = styled_1.styled.article `
   width: 100%;
   height: 100%;
 
   color: ${({ theme }) => theme.palette.grey[900]};
 `;
-exports.Image = styles_1.styled.img `
+exports.Image = styled_1.styled.img `
   display: block;
 
   width: 100%;
@@ -23,7 +23,7 @@ exports.Image = styles_1.styled.img `
     object-fit: cover;
   }
 `;
-exports.Wrapper = (0, styles_1.styled)(Grid_1.Grid) `
+exports.Wrapper = (0, styled_1.styled)(Grid_1.Grid) `
   gap: ${({ theme }) => theme.spacing(6)};
 
   padding: ${({ theme }) => theme.spacing(8, 6, 6)};
@@ -34,14 +34,14 @@ exports.Wrapper = (0, styles_1.styled)(Grid_1.Grid) `
     padding: ${({ theme }) => theme.spacing(4)};
   }
 `;
-exports.WrapperTextContent = (0, styles_1.styled)(Grid_1.Grid) `
+exports.WrapperTextContent = (0, styled_1.styled)(Grid_1.Grid) `
   gap: ${({ theme }) => theme.spacing(2)};
 
   ${({ theme }) => theme.breakpoints.down('sm')} {
     gap: ${({ theme }) => theme.spacing(3)};
   }
 `;
-exports.Footer = styles_1.styled.footer `
+exports.Footer = styled_1.styled.footer `
   display: flex;
   gap: ${({ theme }) => theme.spacing(4)};
   align-items: center;

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

@@ -1,16 +1,16 @@
 /// <reference types="react" />
 import { type DrawerProps } from '@mui/material';
-export declare const StyledDrawer: import("@emotion/styled").StyledComponent<DrawerProps & {
+export declare const StyledDrawer: import("@emotion/styled/dist/declarations/src/types").StyledComponent<DrawerProps & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const Header: import("@emotion/styled").StyledComponent<{
+export declare const Header: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
     drawerHeaderHeight: number;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
-export declare const HeaderTitle: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
-    align?: "left" | "right" | "inherit" | "center" | "justify" | undefined;
+export declare const HeaderTitle: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
+    align?: "inherit" | "left" | "right" | "center" | "justify" | undefined;
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").TypographyClasses> | undefined;
     gutterBottom?: boolean | undefined;
@@ -21,11 +21,11 @@ export declare const HeaderTitle: import("@emotion/styled").StyledComponent<impo
     variantMapping?: Partial<Record<import("@mui/types").OverridableStringUnion<"inherit" | import("@mui/material").TypographyVariant, import("@mui/material").TypographyPropsVariantOverrides>, string>> | undefined;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "children" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "variant" | "align" | ("p" | "typography" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "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" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint") | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
+}, "children" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "variant" | "align" | ("fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "typography" | "zIndex" | "p" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "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" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint") | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
     theme?: import("@emotion/react").Theme | 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;
@@ -33,10 +33,10 @@ export declare const HeaderTitle: import("@emotion/styled").StyledComponent<impo
     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>, {}, {}>;
-export declare const Body: import("@emotion/styled").StyledComponent<{
+export declare const Body: 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>, {}>;

package/node/components/BottomDrawer/styles.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Body = exports.HeaderTitle = exports.Header = exports.StyledDrawer = void 0;
 const material_1 = require("@mui/material");
-const styles_1 = require("../styles");
+const styled_1 = require("../styled");
 const constants_1 = require("./constants");
-exports.StyledDrawer = (0, styles_1.styled)(material_1.Drawer) `
+exports.StyledDrawer = (0, styled_1.styled)(material_1.Drawer) `
   ${`.${material_1.paperClasses.root}`} {
     max-height: calc(100vh - ${constants_1.OFFSET_TOP_SCREEN});
 
@@ -16,7 +16,7 @@ exports.StyledDrawer = (0, styles_1.styled)(material_1.Drawer) `
     border-top-right-radius: calc(${({ theme }) => theme.shape.medium} * 2);
   }
 `;
-exports.Header = styles_1.styled.header `
+exports.Header = styled_1.styled.header `
   display: flex;
   flex-shrink: 0;
   align-items: center;
@@ -27,9 +27,9 @@ exports.Header = styles_1.styled.header `
 
   border-bottom: 1px solid ${({ theme }) => theme.palette.grey[300]};
 `;
-exports.HeaderTitle = (0, styles_1.styled)(material_1.Typography) `
+exports.HeaderTitle = (0, styled_1.styled)(material_1.Typography) `
   margin-right: ${({ theme }) => theme.spacing(2)};
 `;
-exports.Body = styles_1.styled.div `
+exports.Body = styled_1.styled.div `
   overflow-y: auto;
 `;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledBreadcrumbs: import("@emotion/styled").StyledComponent<{
+export declare const StyledBreadcrumbs: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").BreadcrumbsClasses> | undefined;
     slots?: {

package/node/components/Breadcrumbs/styles.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledBreadcrumbs = void 0;
 const material_1 = require("@mui/material");
-const styles_1 = require("../styles");
-exports.StyledBreadcrumbs = (0, styles_1.styled)(material_1.Breadcrumbs) `
+const styled_1 = require("../styled");
+exports.StyledBreadcrumbs = (0, styled_1.styled)(material_1.Breadcrumbs) `
   .${material_1.buttonBaseClasses.root} {
     align-items: end;
 

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

@@ -1,5 +1,5 @@
 /// <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<HTMLUListElement>, HTMLUListElement>, {}>;

package/node/components/BulletList/styles.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Wrapper = void 0;
-const styles_1 = require("../styles");
-const mixins_1 = require("../styles/mixins");
-exports.Wrapper = (0, styles_1.styled)('ul') `
+const styled_1 = require("../styled");
+const mixins_1 = require("../styled/mixins");
+exports.Wrapper = (0, styled_1.styled)('ul') `
   ${mixins_1.listContainer};
 `;

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const StyledBulletListItem: import("@emotion/styled").StyledComponent<import("../BulletListItem").BulletListItemProps & import("react").RefAttributes<HTMLLIElement> & {
+export declare const StyledBulletListItem: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../BulletListItem").BulletListItemProps & import("react").RefAttributes<HTMLLIElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/BulletListInlineItem/styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledBulletListItem = void 0;
 const BulletListItem_1 = require("../BulletListItem");
-const styles_1 = require("../styles");
-exports.StyledBulletListItem = (0, styles_1.styled)(BulletListItem_1.BulletListItem) `
+const styled_1 = require("../styled");
+exports.StyledBulletListItem = (0, styled_1.styled)(BulletListItem_1.BulletListItem) `
   display: inline-flex;
 `;

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

@@ -1,9 +1,9 @@
 /// <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").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
-export declare const Icon: import("@emotion/styled").StyledComponent<{
+export declare const Icon: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;

package/node/components/BulletListItem/styles.js

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Icon = exports.Wrapper = void 0;
 const icons_1 = require("../../icons");
-const styles_1 = require("../styles");
-exports.Wrapper = (0, styles_1.styled)('li') `
+const styled_1 = require("../styled");
+exports.Wrapper = (0, styled_1.styled)('li') `
   display: flex;
   align-items: center;
 `;
-exports.Icon = (0, styles_1.styled)(icons_1.DotOutlineSm) `
+exports.Icon = (0, styled_1.styled)(icons_1.DotOutlineSm) `
   align-self: start;
 
   margin: ${({ theme }) => theme.spacing(1)};

package/node/components/Button/Button.d.ts

@@ -28,7 +28,7 @@ export declare const Button: <TComponent extends ElementType>(props: Omit<Withou
     /**
      * Тип кнопки
      */
-    variant?: "link" | "light" | "outlined" | "contained" | "text" | undefined;
+    variant?: "light" | "link" | "outlined" | "contained" | "text" | undefined;
     /**
      * Если `true`, появляется loader внутри кнопки
      */

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { ButtonColor, ButtonVariant } from './types';
-export declare const StyledButton: import("@emotion/styled").StyledComponent<{
+export declare const StyledButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").ButtonClasses> | undefined;
     color?: import("@mui/types").OverridableStringUnion<"inherit" | "error" | "success" | "warning" | "primary" | "secondary" | "info", import("@mui/material").ButtonPropsColorOverrides> | undefined;
@@ -10,7 +10,7 @@ export declare const StyledButton: import("@emotion/styled").StyledComponent<{
     endIcon?: import("react").ReactNode;
     fullWidth?: boolean | undefined;
     href?: string | undefined;
-    size?: import("@mui/types").OverridableStringUnion<"small" | "medium" | "large", import("@mui/material").ButtonPropsSizeOverrides> | undefined;
+    size?: import("@mui/types").OverridableStringUnion<"large" | "medium" | "small", import("@mui/material").ButtonPropsSizeOverrides> | undefined;
     startIcon?: import("react").ReactNode;
     sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
     variant?: import("@mui/types").OverridableStringUnion<"outlined" | "contained" | "text", import("@mui/material").ButtonPropsVariantOverrides> | undefined;
@@ -35,7 +35,7 @@ export declare const StyledButton: import("@emotion/styled").StyledComponent<{
 }, "action" | "color" | "fullWidth" | "size" | "children" | "tabIndex" | "sx" | "disabled" | "href" | keyof import("@mui/material/OverridableComponent").CommonProps | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "startIcon" | "variant"> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const StyledLoader: import("@emotion/styled").StyledComponent<import("../Loader").LoaderProps & {
+export declare const StyledLoader: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../Loader").LoaderProps & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     $color: ButtonColor;

package/node/components/Button/styles.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledLoader = exports.StyledButton = void 0;
 const material_1 = require("@mui/material");
 const Loader_1 = require("../Loader");
-const styles_1 = require("../styles");
+const styled_1 = require("../styled");
 const enums_1 = require("./enums");
 const getLoaderColor = (color, variant, theme, isDisabled) => {
     if (isDisabled) {
@@ -18,7 +18,7 @@ const getLoaderColor = (color, variant, theme, isDisabled) => {
     };
     return variantColorMap[variant];
 };
-exports.StyledButton = (0, styles_1.styled)(material_1.Button) `
+exports.StyledButton = (0, styled_1.styled)(material_1.Button) `
   min-width: ${({ variant }) => variant === enums_1.ButtonVariants.Link ? 'auto' : ''};
   padding: ${({ variant }) => (variant === enums_1.ButtonVariants.Link ? 0 : '')};
 
@@ -26,7 +26,7 @@ exports.StyledButton = (0, styles_1.styled)(material_1.Button) `
     box-shadow: none;
   }
 `;
-exports.StyledLoader = (0, styles_1.styled)(Loader_1.Loader, {
+exports.StyledLoader = (0, styled_1.styled)(Loader_1.Loader, {
     shouldForwardProp: (prop) => !['$color', '$variant', '$isDisabled'].includes(prop),
 }) `
   position: absolute;

package/node/components/CardGridInfinite/Card/SecondaryActionButton/styles.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-export declare const StyledIconButton: 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 StyledIconButton: 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/CardGridInfinite/Card/SecondaryActionButton/styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledIconButton = void 0;
 const IconButton_1 = require("../../../IconButton");
-const styles_1 = require("../../../styles");
-exports.StyledIconButton = (0, styles_1.styled)(IconButton_1.IconButton) `
+const styled_1 = require("../../../styled");
+exports.StyledIconButton = (0, styled_1.styled)(IconButton_1.IconButton) `
     align-self: flex-start;
 `;

package/node/components/CardGridInfinite/Card/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 StyledDivider: import("@emotion/styled").StyledComponent<import("../../Divider").DividerProps & {
+export declare const StyledDivider: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../../Divider").DividerProps & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const CardHeader: import("@emotion/styled").StyledComponent<{
+export declare const CardHeader: 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 HeaderWrapper: import("@emotion/styled").StyledComponent<{
+export declare const HeaderWrapper: 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>, {}>;

package/node/components/CardGridInfinite/Card/styles.js

@@ -2,24 +2,24 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HeaderWrapper = exports.CardHeader = exports.StyledDivider = exports.Wrapper = void 0;
 const Divider_1 = require("../../Divider");
-const styles_1 = require("../../styles");
-exports.Wrapper = styles_1.styled.div `
+const styled_1 = require("../../styled");
+exports.Wrapper = styled_1.styled.div `
     padding: ${({ theme }) => theme.spacing(4, 5)};
 
     ${({ theme }) => theme.breakpoints.down('sm')} {
         padding: ${({ theme }) => theme.spacing(5, 4)};
     }
 `;
-exports.StyledDivider = (0, styles_1.styled)(Divider_1.Divider) `
+exports.StyledDivider = (0, styled_1.styled)(Divider_1.Divider) `
     margin: ${({ theme }) => theme.spacing(4, 0)}
 `;
-exports.CardHeader = styles_1.styled.div `
+exports.CardHeader = styled_1.styled.div `
     display: flex;
     gap: ${({ theme }) => theme.spacing(1)};
     align-items: center;
     justify-content: space-between;
 `;
-exports.HeaderWrapper = styles_1.styled.div `
+exports.HeaderWrapper = styled_1.styled.div `
     overflow: hidden;
     flex: 1;
 `;

package/node/components/CardGridInfinite/CardGridMainActions/styles.d.ts

@@ -1,5 +1,5 @@
 /// <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>, {}>;

package/node/components/CardGridInfinite/CardGridMainActions/styles.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Wrapper = void 0;
-const styles_1 = require("../../styles");
-exports.Wrapper = styles_1.styled.div `
+const styled_1 = require("../../styled");
+exports.Wrapper = styled_1.styled.div `
     display: grid;
     grid-auto-columns: 1fr;
     grid-auto-flow: column;

package/node/components/CardGridInfinite/CardGridSecondaryAction/CardGridSecondaryActionsSkeleton/styles.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-export declare const SkeletonWrapper: import("@emotion/styled").StyledComponent<{
+export declare const SkeletonWrapper: 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 MenuItemWrapper: import("@emotion/styled").StyledComponent<{
+export declare const MenuItemWrapper: 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>, {}>;

package/node/components/CardGridInfinite/CardGridSecondaryAction/CardGridSecondaryActionsSkeleton/styles.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MenuItemWrapper = exports.SkeletonWrapper = void 0;
 const material_1 = require("@mui/material");
-const styles_1 = require("../../../styles");
-exports.SkeletonWrapper = styles_1.styled.div `
+const styled_1 = require("../../../styled");
+exports.SkeletonWrapper = styled_1.styled.div `
     display: flex;
     flex-direction: column;
     gap: ${({ theme }) => theme.spacing(5)};
@@ -18,7 +18,7 @@ exports.SkeletonWrapper = styles_1.styled.div `
         padding: 0;
     }
 `;
-exports.MenuItemWrapper = styles_1.styled.div `
+exports.MenuItemWrapper = styled_1.styled.div `
     & .${material_1.skeletonClasses.root} {
         height: 12px;
     }

package/node/components/CardGridInfinite/ErrorMessage/styles.d.ts

@@ -1,5 +1,5 @@
 /// <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>, {}>;

package/node/components/CardGridInfinite/ErrorMessage/styles.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Wrapper = void 0;
-const styles_1 = require("../../styles");
-exports.Wrapper = styles_1.styled.div `
+const styled_1 = require("../../styled");
+exports.Wrapper = styled_1.styled.div `
   display: grid;
   grid-template-columns: 100%;
   grid-template-rows: max-content max-content;

package/node/components/CardGridInfinite/Footer/styles.d.ts

@@ -1,9 +1,9 @@
 /// <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<HTMLElement>, HTMLElement>, {}>;
-export declare const FooterDummy: import("@emotion/styled").StyledComponent<{
+export declare const FooterDummy: 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>, {}>;

package/node/components/CardGridInfinite/Footer/styles.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FooterDummy = exports.Wrapper = void 0;
-const styles_1 = require("../../styles");
-exports.Wrapper = styles_1.styled.footer `
+const styled_1 = require("../../styled");
+exports.Wrapper = styled_1.styled.footer `
   display: flex;
   flex-shrink: 0;
   align-items: center;
@@ -14,6 +14,6 @@ exports.Wrapper = styles_1.styled.footer `
 
   border-top: 1px solid ${({ theme }) => theme.palette.grey[300]};
 `;
-exports.FooterDummy = styles_1.styled.div `
+exports.FooterDummy = styled_1.styled.div `
   min-height: 20px;
 `;

package/node/components/CardGridInfinite/List/styles.d.ts

@@ -1,5 +1,5 @@
 /// <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;
 } & {

package/node/components/CardGridInfinite/List/styles.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Wrapper = void 0;
-const styles_1 = require("../../styles");
-exports.Wrapper = styles_1.styled.div `
+const styled_1 = require("../../styled");
+exports.Wrapper = styled_1.styled.div `
     display: grid;
     grid-template-columns: ${({ $gridTemplate }) => `repeat(auto-fill, minmax(${$gridTemplate.min}, ${$gridTemplate.max}))`};
     gap: ${({ theme }) => theme.spacing(4)};

package/node/components/CardGridInfinite/OnTopButton/styles.d.ts

@@ -1,3 +1,3 @@
-export declare const StyledScrollToTopButton: import("@emotion/styled").StyledComponent<import("../../ScrollToTopButton").ScrollToTopButtonProps & {
+export declare const StyledScrollToTopButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../../ScrollToTopButton").ScrollToTopButtonProps & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/CardGridInfinite/OnTopButton/styles.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledScrollToTopButton = void 0;
 const ScrollToTopButton_1 = require("../../ScrollToTopButton");
-const styles_1 = require("../../styles");
-exports.StyledScrollToTopButton = (0, styles_1.styled)(ScrollToTopButton_1.ScrollToTopButton) `
+const styled_1 = require("../../styled");
+exports.StyledScrollToTopButton = (0, styled_1.styled)(ScrollToTopButton_1.ScrollToTopButton) `
     right: ${({ theme }) => theme.microSpacing(15)};
 
     ${({ theme }) => theme.breakpoints.down('sm')} {

package/node/components/CardGridInfinite/SkeletonGrid/styles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledWrapper: import("@emotion/styled").StyledComponent<{
+export declare const StyledWrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {

package/node/components/CardGridInfinite/SkeletonGrid/styles.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledWrapper = void 0;
-const styles_1 = require("../../styles");
-const styles_2 = require("../List/styles");
-exports.StyledWrapper = (0, styles_1.styled)(styles_2.Wrapper) `
+const styled_1 = require("../../styled");
+const styles_1 = require("../List/styles");
+exports.StyledWrapper = (0, styled_1.styled)(styles_1.Wrapper) `
     width: 100%;
 `;

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

@@ -1,13 +1,13 @@
 /// <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 ContentWrapper: import("@emotion/styled").StyledComponent<{
+export declare const ContentWrapper: 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 ContentStateWrapper: import("@emotion/styled").StyledComponent<{
+export declare const ContentStateWrapper: 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>, {}>;

package/node/components/CardGridInfinite/styles.js

@@ -2,21 +2,21 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContentStateWrapper = exports.ContentWrapper = exports.Wrapper = void 0;
 const placeholders_1 = require("../placeholders");
-const styles_1 = require("../styles");
+const styled_1 = require("../styled");
 const constants_1 = require("./constants");
-exports.Wrapper = styles_1.styled.div `
+exports.Wrapper = styled_1.styled.div `
   display: flex;
   flex-direction: column;
 
   height: 100%;
 `;
-exports.ContentWrapper = styles_1.styled.div `
+exports.ContentWrapper = styled_1.styled.div `
   display: flex;
   flex-direction: column;
 
   height: 100%;
 `;
-exports.ContentStateWrapper = styles_1.styled.div `
+exports.ContentStateWrapper = styled_1.styled.div `
   height: 100%;
 
   &.${constants_1.cardGridClassnames.loading} {