@astral/ui 4.17.4 → 4.17.6

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

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+export declare const TogglerButton: 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;
+    selected?: boolean | undefined;
+} & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, ""> & import("react").RefAttributes<HTMLButtonElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const Content: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
+    children?: import("react").ReactNode;
+    align?: "inherit" | "left" | "right" | "center" | "justify" | undefined;
+    gutterBottom?: boolean | undefined;
+    noWrap?: boolean | undefined;
+    paragraph?: boolean | undefined;
+} & {
+    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" | "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;
+}, {}, {}>;

package/node/components/PinButton/styles.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Content = exports.TogglerButton = void 0;
+const Button_1 = require("../Button");
+const styled_1 = require("../styled");
+const Typography_1 = require("../Typography");
+exports.TogglerButton = (0, styled_1.styled)(Button_1.Button) `
+  justify-content: flex-start;
+
+  width: 100%;
+  height: 100%;
+  padding-left: ${({ theme }) => theme.spacing(6)};
+
+  border-radius: unset;
+
+  :hover {
+    color: ${({ theme }) => theme.palette.primary.main};
+
+    background-color: unset;
+  }
+
+  :active {
+    background-color: unset;
+  }
+
+  &:focus-visible {
+    border-radius: ${({ theme }) => theme.shape.medium};
+  }
+`;
+exports.Content = (0, styled_1.styled)(Typography_1.Typography) `
+  margin-left: ${({ theme }) => theme.spacing(1)};
+
+  white-space: nowrap;
+`;

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

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

package/node/components/Popover/styles.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledMuiPopover = void 0;
 const material_1 = require("@mui/material");
-const styles_1 = require("../styles");
-exports.StyledMuiPopover = (0, styles_1.styled)(material_1.Popover) `
+const styled_1 = require("../styled");
+exports.StyledMuiPopover = (0, styled_1.styled)(material_1.Popover) `
   & .${material_1.paperClasses.root} {
     border-radius: ${({ theme }) => theme.shape.medium};
   }

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

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

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledButton = void 0;
 const Button_1 = require("../Button");
-const styles_1 = require("../styles");
-exports.StyledButton = (0, styles_1.styled)(Button_1.Button) `
+const styled_1 = require("../styled");
+exports.StyledButton = (0, styled_1.styled)(Button_1.Button) `
   padding: ${({ theme }) => theme.spacing(1)};
 
   font-size: ${({ theme }) => theme.typography.subtitle1.fontSize};

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

@@ -6,16 +6,16 @@ export declare const ProductItem: <TComponent extends import("react").ElementTyp
     component?: TComponent | undefined;
     href?: string | undefined;
 } & import("react").ComponentPropsWithRef<import("react").ElementType extends TComponent ? "li" : TComponent> & import("react").RefAttributes<HTMLLIElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
-export declare const Logo: import("@emotion/styled").StyledComponent<{
+export declare const Logo: 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 TitleErrorContainer: import("@emotion/styled").StyledComponent<Omit<import("../../Grid/GridComponent").GridComponentProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
+export declare const TitleErrorContainer: import("@emotion/styled/dist/declarations/src/types").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("@emotion/styled").StyledComponent<{
+export declare const ProductName: 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;
@@ -23,7 +23,7 @@ export declare const ProductName: 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;

package/node/components/ProductSwitcher/Content/styles.js

@@ -4,17 +4,17 @@ exports.ProductName = exports.TitleErrorContainer = exports.Logo = exports.Produ
 const material_1 = require("@mui/material");
 const Grid_1 = require("../../Grid");
 const MenuItem_1 = require("../../MenuItem");
-const styles_1 = require("../../styles");
+const styled_1 = require("../../styled");
 const Typography_1 = require("../../Typography");
 // as typeof MenuItem необходим для возможности прокинуть component
 // https://github.com/mui/material-ui/issues/15695
-exports.ProductItem = (0, styles_1.styled)(MenuItem_1.MenuItem) `
+exports.ProductItem = (0, styled_1.styled)(MenuItem_1.MenuItem) `
   &.${material_1.menuItemClasses.gutters} {
     min-height: 56px;
     padding: ${({ theme }) => theme.spacing(2, 3)};
   }
 `;
-exports.Logo = (0, styles_1.styled)('img', {
+exports.Logo = (0, styled_1.styled)('img', {
     shouldForwardProp: (prop) => prop !== 'color',
 }) `
   flex-shrink: 0;
@@ -26,7 +26,7 @@ exports.Logo = (0, styles_1.styled)('img', {
   background-color: ${({ color }) => color};
   border-radius: ${({ theme }) => theme.shape.small};
 `;
-exports.TitleErrorContainer = (0, styles_1.styled)(Grid_1.Grid) `
+exports.TitleErrorContainer = (0, styled_1.styled)(Grid_1.Grid) `
   grid-auto-flow: column;
   column-gap: ${({ theme }) => theme.spacing(2)};
   align-items: center;
@@ -34,7 +34,7 @@ exports.TitleErrorContainer = (0, styles_1.styled)(Grid_1.Grid) `
 
   color: ${({ theme }) => theme.palette.error.dark};
 `;
-exports.ProductName = (0, styles_1.styled)(Typography_1.Typography) `
+exports.ProductName = (0, styled_1.styled)(Typography_1.Typography) `
   overflow: hidden;
 
   text-overflow: ellipsis;

package/node/components/ProductSwitcher/faker.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.handleGetProducts = exports.handleReject = void 0;
-const mockImage = '/product-switcher-logo.svg';
+const mockImage = './product-switcher-logo.svg';
 const handleReject = () => {
     return new Promise((_resolve, reject) => reject(''));
 };

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

@@ -1,4 +1,4 @@
-export declare const StyledMenu: import("@emotion/styled").StyledComponent<import("..").WithoutEmotionSpecific<import("@mui/material").MenuProps> & {
+export declare const StyledMenu: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("..").WithoutEmotionSpecific<import("@mui/material").MenuProps> & {
     title?: string | undefined;
 } & {
     theme?: import("@emotion/react").Theme | undefined;

package/node/components/ProductSwitcher/styles.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledMenu = void 0;
 const material_1 = require("@mui/material");
 const Menu_1 = require("../Menu");
-const styles_1 = require("../styles");
-exports.StyledMenu = (0, styles_1.styled)(Menu_1.Menu) `
+const styled_1 = require("../styled");
+exports.StyledMenu = (0, styled_1.styled)(Menu_1.Menu) `
   .MuiPaper-root > .MuiList-root {
     display: flex;
     flex-direction: column;

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

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-export declare const StyledMenu: import("@emotion/styled").StyledComponent<import("../..").WithoutEmotionSpecific<import("@mui/material").MenuProps> & {
+export declare const StyledMenu: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../..").WithoutEmotionSpecific<import("@mui/material").MenuProps> & {
     title?: string | undefined;
 } & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const ExitMenuItem: import("@emotion/styled").StyledComponent<import("../..").WithoutEmotionSpecific<import("@mui/material").MenuItemProps> & {
+export declare const ExitMenuItem: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../..").WithoutEmotionSpecific<import("@mui/material").MenuItemProps> & {
     disabledReason?: string | undefined;
     note?: string | undefined;
     tooltipPlacement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
@@ -17,13 +17,13 @@ export declare const ExitMenuItem: import("@emotion/styled").StyledComponent<imp
 } & {
     $exitButton: boolean;
 }, {}, {}>;
-export declare const DisplayNameMenuItem: import("@emotion/styled").StyledComponent<{
+export declare const DisplayNameMenuItem: 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 StyledMenuList: import("@emotion/styled").StyledComponent<import("../../MenuList").MenuListProps & {
+export declare const StyledMenuList: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../../MenuList").MenuListProps & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-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;
 }, {}, {}>;

package/node/components/Profile/MenuList/styles.js

@@ -6,19 +6,19 @@ const Divider_1 = require("../../Divider");
 const Menu_1 = require("../../Menu");
 const MenuItem_1 = require("../../MenuItem");
 const MenuList_1 = require("../../MenuList");
-const styles_1 = require("../../styles");
-exports.StyledMenu = (0, styles_1.styled)(Menu_1.Menu) `
+const styled_1 = require("../../styled");
+exports.StyledMenu = (0, styled_1.styled)(Menu_1.Menu) `
   & .${material_1.menuClasses.paper} {
     min-width: 200px;
     max-width: 300px;
   }
 `;
-exports.ExitMenuItem = (0, styles_1.styled)(MenuItem_1.MenuItem, {
+exports.ExitMenuItem = (0, styled_1.styled)(MenuItem_1.MenuItem, {
     shouldForwardProp: (prop) => !['$exitButton'].includes(prop),
 }) `
   display: ${({ $exitButton }) => $exitButton === false && 'none'};
 `;
-exports.DisplayNameMenuItem = styles_1.styled.div `
+exports.DisplayNameMenuItem = styled_1.styled.div `
   display: flex;
   flex-direction: column;
   gap: ${({ theme }) => theme.spacing(2)};
@@ -29,14 +29,14 @@ exports.DisplayNameMenuItem = styles_1.styled.div `
     display: none;
   }
 `;
-exports.StyledMenuList = (0, styles_1.styled)(MenuList_1.MenuList) `
+exports.StyledMenuList = (0, styled_1.styled)(MenuList_1.MenuList) `
   ${({ theme }) => theme.breakpoints.down('sm')} {
     &.MuiList-root {
       border-radius: 0;
     }
   }
 `;
-exports.StyledDivider = (0, styles_1.styled)(Divider_1.Divider) `
+exports.StyledDivider = (0, styled_1.styled)(Divider_1.Divider) `
   ${({ theme }) => theme.breakpoints.down('sm')} {
    display: none;
   }

package/node/components/Profile/ProfileSkeleton/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<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DescriptionWrapper: import("@emotion/styled").StyledComponent<{
+export declare const DescriptionWrapper: 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/Profile/ProfileSkeleton/styles.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DescriptionWrapper = exports.Wrapper = void 0;
-const styles_1 = require("../../styles");
-exports.Wrapper = (0, styles_1.styled)('div') `
+const styled_1 = require("../../styled");
+exports.Wrapper = (0, styled_1.styled)('div') `
   display: flex;
   gap: ${({ theme }) => theme.spacing(3)};
   
@@ -10,7 +10,7 @@ exports.Wrapper = (0, styles_1.styled)('div') `
     display: none;
   }
 `;
-exports.DescriptionWrapper = (0, styles_1.styled)('div') `
+exports.DescriptionWrapper = (0, styled_1.styled)('div') `
   display: flex;
   flex-direction: column;
 `;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { type AvatarProps } from '../Avatar';
-export declare const ProfileRoot: 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 ProfileRoot: 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;
@@ -11,21 +11,21 @@ export declare const ProfileRoot: import("@emotion/styled").StyledComponent<Omit
 }, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const User: import("@emotion/styled").StyledComponent<{
+export declare const User: 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 Credentials: import("@emotion/styled").StyledComponent<{
+export declare const Credentials: 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 StyledChevron: import("@emotion/styled").StyledComponent<{
+export declare const StyledChevron: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     isActive?: boolean | undefined;
     className?: string | undefined;
 } & Omit<import("..").WithoutEmotionSpecific<import("@mui/material").SvgIconProps>, "classes" | "children" | "ref"> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const StyledAvatar: import("@emotion/styled").StyledComponent<Omit<AvatarProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
+export declare const StyledAvatar: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<AvatarProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & import("..").WithoutEmotionSpecific<import("@mui/material").AvatarProps> & {
     color?: string | undefined;

package/node/components/Profile/styles.js

@@ -4,9 +4,9 @@ exports.StyledAvatar = exports.StyledChevron = exports.Credentials = exports.Use
 const Avatar_1 = require("../Avatar");
 const Button_1 = require("../Button");
 const Chevron_1 = require("../Chevron");
-const styles_1 = require("../styles");
+const styled_1 = require("../styled");
 const constants_1 = require("./constants");
-exports.ProfileRoot = (0, styles_1.styled)(Button_1.Button) `
+exports.ProfileRoot = (0, styled_1.styled)(Button_1.Button) `
   overflow: hidden;
   display: flex;
   gap: ${({ theme }) => theme.spacing(3)};
@@ -27,7 +27,7 @@ exports.ProfileRoot = (0, styles_1.styled)(Button_1.Button) `
     background-color: ${({ theme }) => theme.palette.primary[100]};
   }
 `;
-exports.User = styles_1.styled.div `
+exports.User = styled_1.styled.div `
   overflow: hidden;
   display: flex;
   gap: ${({ theme }) => theme.spacing(1)};
@@ -37,7 +37,7 @@ exports.User = styles_1.styled.div `
     display: none;
   }
 `;
-exports.Credentials = styles_1.styled.div `
+exports.Credentials = styled_1.styled.div `
   overflow: hidden;
   
   & > .${constants_1.profileClassnames.credentials} {
@@ -47,11 +47,11 @@ exports.Credentials = styles_1.styled.div `
     white-space: nowrap;
   }
 `;
-exports.StyledChevron = (0, styles_1.styled)(Chevron_1.Chevron) `
+exports.StyledChevron = (0, styled_1.styled)(Chevron_1.Chevron) `
   width: 24px;
   height: 24px;
 `;
-exports.StyledAvatar = (0, styles_1.styled)(Avatar_1.Avatar) `
+exports.StyledAvatar = (0, styled_1.styled)(Avatar_1.Avatar) `
   ${({ theme }) => theme.breakpoints.down('sm')} {
     width: 32px;
     height: 32px;

package/node/components/Radio/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;
 } & {
@@ -7,11 +7,11 @@ export declare const Wrapper: import("@emotion/styled").StyledComponent<{
     $isError?: boolean | undefined;
     $isChecked?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const Input: import("@emotion/styled").StyledComponent<{
+export declare const Input: 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").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
-export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
+export declare const IconWrapper: 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<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/node/components/Radio/styles.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconWrapper = exports.Input = exports.Wrapper = void 0;
-const styles_1 = require("../styles");
-const mixins_1 = require("../styles/mixins");
+const styled_1 = require("../styled");
+const mixins_1 = require("../styled/mixins");
 const constants_1 = require("./constants");
 const getOutlineColor = ({ theme, isHover, isDisabled, isError, isChecked, }) => {
     if (isDisabled) {
@@ -30,7 +30,7 @@ const getFillColor = ({ theme, isHover, isDisabled, isError, isChecked, }) => {
     }
     return isHover ? theme.palette.background.elementHover : 'white';
 };
-exports.Wrapper = (0, styles_1.styled)('span', {
+exports.Wrapper = (0, styled_1.styled)('span', {
     shouldForwardProp: (prop) => !['$isDisabled', '$isError', '$isChecked'].includes(prop),
 }) `
   .${constants_1.radioClassnames.dot} {
@@ -78,7 +78,7 @@ exports.Wrapper = (0, styles_1.styled)('span', {
     }
   }
 `;
-exports.Input = styles_1.styled.input `
+exports.Input = styled_1.styled.input `
   cursor: ${({ disabled }) => !disabled && 'pointer'};
   
   position: absolute;
@@ -102,7 +102,7 @@ exports.Input = styles_1.styled.input `
     }
   }
 `;
-exports.IconWrapper = styles_1.styled.span `
+exports.IconWrapper = styled_1.styled.span `
   display: flex;
   align-items: center;
   justify-content: center;

package/node/components/RadioCard/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;
 } & {
@@ -7,11 +7,11 @@ export declare const Wrapper: import("@emotion/styled").StyledComponent<{
     $isError?: boolean | undefined;
     $isChecked?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
-export declare const Content: import("@emotion/styled").StyledComponent<{
+export declare const Content: 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 StyledRadio: import("@emotion/styled").StyledComponent<import("react").HTMLAttributes<HTMLDivElement> & {
+export declare const StyledRadio: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("react").HTMLAttributes<HTMLDivElement> & {
     checked?: boolean | undefined;
     isError?: boolean | undefined;
     onChange?: ((event: import("react").ChangeEvent<HTMLInputElement>, checked: boolean) => void) | undefined;

package/node/components/RadioCard/styles.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledRadio = exports.Content = exports.Wrapper = void 0;
 const Radio_1 = require("../Radio");
-const styles_1 = require("../styles");
+const styled_1 = require("../styled");
 const constants_1 = require("./constants");
-exports.Wrapper = styles_1.styled.label `
+exports.Wrapper = styled_1.styled.label `
   cursor: pointer;
 
   display: flex;
@@ -64,7 +64,7 @@ exports.Wrapper = styles_1.styled.label `
     : theme.palette.background.elementHover};
   }
 `;
-exports.Content = styles_1.styled.div `
+exports.Content = styled_1.styled.div `
   cursor: pointer;
 
   display: flex;
@@ -72,7 +72,7 @@ exports.Content = styles_1.styled.div `
   flex-grow: 1;
   gap: ${({ theme }) => theme.spacing(3)};
 `;
-exports.StyledRadio = (0, styles_1.styled)(Radio_1.Radio) `
+exports.StyledRadio = (0, styled_1.styled)(Radio_1.Radio) `
   & .${Radio_1.radioClassnames.iconWrapper} {
     height: 20px;
   }

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

@@ -1,4 +1,4 @@
 import { type FormControlLabelProps } from '../FormControlLabel';
-export declare const StyledFormControlLabel: import("@emotion/styled").StyledComponent<import("@mui/material").FormControlLabelProps & {
+export declare const StyledFormControlLabel: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("@mui/material").FormControlLabelProps & {
     theme?: import("@emotion/react").Theme | undefined;
 } & FormControlLabelProps, {}, {}>;

package/node/components/RadioField/styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledFormControlLabel = void 0;
 const material_1 = require("@mui/material");
-const styled_1 = require("../styles/styled");
+const styled_1 = require("../styled/styled");
 exports.StyledFormControlLabel = (0, styled_1.styled)(material_1.FormControlLabel) `
   align-items: flex-start;
 

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

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

package/node/components/RadioGroup/styles.js

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Fieldset = exports.StyledFormLabel = void 0;
 const FormLabel_1 = require("../FormLabel");
-const styles_1 = require("../styles");
-exports.StyledFormLabel = (0, styles_1.styled)(FormLabel_1.FormLabel) `
+const styled_1 = require("../styled");
+exports.StyledFormLabel = (0, styled_1.styled)(FormLabel_1.FormLabel) `
   margin-bottom: ${({ theme }) => theme.spacing(3)};  
 `;
-exports.Fieldset = (0, styles_1.styled)('fieldset', {
+exports.Fieldset = (0, styled_1.styled)('fieldset', {
     shouldForwardProp: (prop) => !['$row'].includes(prop),
 }) `
   display: flex;

package/node/components/RedesignBanner/RedesignBannerDialog/styles.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
-export declare const StyledDialogContent: import("@emotion/styled").StyledComponent<import("../../DialogContent").DialogContentProps & {
+export declare const StyledDialogContent: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../../DialogContent").DialogContentProps & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const Picture: import("@emotion/styled").StyledComponent<{
+export declare const Picture: 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 Description: import("@emotion/styled").StyledComponent<{
+export declare const Description: 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<HTMLSpanElement>, HTMLSpanElement>, {}>;