@astral/ui 4.17.4 → 4.17.6

package/node/components/Tree/TreeItem/styles.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 /// <reference types="react" />
-export declare const Item: import("@emotion/styled").StyledComponent<{
+export declare const Item: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
     $level: number;
 }, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
-export declare const ItemContent: import("@emotion/styled").StyledComponent<{
+export declare const ItemContent: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
@@ -14,8 +14,8 @@ export declare const ItemContent: import("@emotion/styled").StyledComponent<{
     $isDisabled: boolean;
     $level: number;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CollapseButton: 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 CollapseButton: 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;
@@ -27,7 +27,7 @@ export declare const CollapseButton: import("@emotion/styled").StyledComponent<O
 } & {
     $isNotBlockingExpandList?: boolean | undefined;
 }, {}, {}>;
-export declare const ChevronIcon: import("@emotion/styled").StyledComponent<{
+export declare const ChevronIcon: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;
@@ -37,15 +37,15 @@ export declare const ChevronIcon: import("@emotion/styled").StyledComponent<{
 } & {
     $isActive?: boolean | undefined;
 }, {}, {}>;
-export declare const LabelWrapper: import("@emotion/styled").StyledComponent<{
+export declare const LabelWrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
     $level: number;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Label: import("@emotion/styled").StyledComponent<{
+export declare const Label: 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;
@@ -53,22 +53,22 @@ export declare const Label: 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 Note: import("@emotion/styled").StyledComponent<import("../../OverflowTypography").OverflowedProps & {
+export declare const Note: 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;
@@ -378,7 +378,7 @@ export declare const Note: import("@emotion/styled").StyledComponent<import("../
     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;
@@ -386,7 +386,7 @@ export declare const Note: import("@emotion/styled").StyledComponent<import("../
     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> & {
     children?: import("react").ReactNode;

package/node/components/Tree/TreeItem/styles.js

@@ -8,7 +8,7 @@ const Description_1 = require("../../Description");
 const IconButton_1 = require("../../IconButton");
 const OverflowTypography_1 = require("../../OverflowTypography");
 const SvgIcon_1 = require("../../SvgIcon");
-const styles_1 = require("../../styles");
+const styled_1 = require("../../styled");
 const Typography_1 = require("../../Typography");
 const constants_1 = require("./constants");
 const getBackgroundColor = (theme, isSelected, isDisabled) => {
@@ -19,7 +19,7 @@ const getBackgroundColor = (theme, isSelected, isDisabled) => {
         ? theme.palette.primary[100]
         : theme.palette.background.elementHover;
 };
-exports.Item = (0, styles_1.styled)('li', {
+exports.Item = (0, styled_1.styled)('li', {
     shouldForwardProp: (prop) => !['as', '$level'].includes(prop),
 }) `
   position: relative;
@@ -38,7 +38,7 @@ exports.Item = (0, styles_1.styled)('li', {
     border-left: 1px solid ${({ theme }) => theme.palette.grey[400]};
   }
 `;
-exports.ItemContent = (0, styles_1.styled)('div', {
+exports.ItemContent = (0, styled_1.styled)('div', {
     shouldForwardProp: (prop) => !['$isSelected', '$isDisabled', '$level'].includes(prop),
 }) `
   cursor: ${({ $isDisabled }) => ($isDisabled ? 'default' : 'pointer')};
@@ -71,7 +71,7 @@ exports.ItemContent = (0, styles_1.styled)('div', {
     outline: 0;
   }
 `;
-exports.CollapseButton = (0, styles_1.styled)(IconButton_1.IconButton, {
+exports.CollapseButton = (0, styled_1.styled)(IconButton_1.IconButton, {
     shouldForwardProp: (prop) => !['$isNotBlockingExpandList'].includes(prop),
 }) `
   position: relative;
@@ -97,7 +97,7 @@ exports.CollapseButton = (0, styles_1.styled)(IconButton_1.IconButton, {
     background-color: ${({ theme }) => theme.palette.grey[300]};
   }
 `;
-exports.ChevronIcon = (0, styles_1.styled)(icons_1.ChevronROutlineMd, {
+exports.ChevronIcon = (0, styled_1.styled)(icons_1.ChevronROutlineMd, {
     shouldForwardProp: (prop) => prop !== '$isActive',
 }) `
   transform: rotateZ(${({ $isActive }) => ($isActive ? 90 : 0)}deg);
@@ -107,7 +107,7 @@ exports.ChevronIcon = (0, styles_1.styled)(icons_1.ChevronROutlineMd, {
     duration: theme.transitions.duration.short,
 })};
 `;
-exports.LabelWrapper = (0, styles_1.styled)('div', {
+exports.LabelWrapper = (0, styled_1.styled)('div', {
     shouldForwardProp: (prop) => prop !== '$level',
 }) `
   position: relative;
@@ -139,13 +139,13 @@ exports.LabelWrapper = (0, styles_1.styled)('div', {
     border-radius: 0 0 0 ${({ theme }) => theme.shape.small};
   }
 `;
-exports.Label = (0, styles_1.styled)(Typography_1.Typography) `
+exports.Label = (0, styled_1.styled)(Typography_1.Typography) `
   display: flex;
   align-items: center;
 
   margin-left: ${({ theme }) => theme.spacing(1)};
 `;
-exports.Note = (0, styles_1.styled)(OverflowTypography_1.OverflowTypography) `
+exports.Note = (0, styled_1.styled)(OverflowTypography_1.OverflowTypography) `
   margin-left: ${({ theme }) => theme.spacing(1)};
 
   .${Description_1.descriptionClassnames.root} {

package/node/components/Tree/TreeList/TreeItem/styles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const List: import("@emotion/styled").StyledComponent<{
+export declare const List: 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/Tree/TreeList/TreeItem/styles.js

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

package/node/components/Tree/TreeList/styles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const List: import("@emotion/styled").StyledComponent<{
+export declare const List: 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/Tree/TreeList/styles.js

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

package/node/components/TreeAsyncAutocomplete/Input/styles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-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<HTMLDivElement>, HTMLDivElement>, {}>;

package/node/components/TreeAsyncAutocomplete/Input/styles.js

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

package/node/components/TreeAsyncAutocomplete/OptionsModal/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/TreeAsyncAutocomplete/OptionsModal/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: flex;
   flex-direction: column;
   gap: ${({ theme }) => theme.spacing(3)};

package/node/components/TreeAsyncAutocomplete/OptionsModal/Loader/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/TreeAsyncAutocomplete/OptionsModal/Loader/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: flex;
   align-items: center;
   justify-content: center;

package/node/components/TreeAsyncAutocomplete/OptionsModal/NoData/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/TreeAsyncAutocomplete/OptionsModal/NoData/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: flex;
   align-items: center;
   justify-content: center;

package/node/components/TreeAsyncAutocomplete/OptionsModal/SearchSuggestion/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/TreeAsyncAutocomplete/OptionsModal/SearchSuggestion/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: flex;
   align-items: center;
   justify-content: center;

package/node/components/TreeAsyncAutocomplete/OptionsModal/styles.d.ts

@@ -1,18 +1,18 @@
 /// <reference types="react" />
 type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-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;
 } & {
     $size: Size;
 }, {}, {}>;
-export declare const TreeListWrapper: import("@emotion/styled").StyledComponent<{
+export declare const TreeListWrapper: 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 StyledSearchField: import("@emotion/styled").StyledComponent<Omit<import("../../SearchField").SearchFieldProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
+export declare const StyledSearchField: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../../SearchField").SearchFieldProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const UserHintWrapper: import("@emotion/styled").StyledComponent<{
+export declare const UserHintWrapper: 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/TreeAsyncAutocomplete/OptionsModal/styles.js

@@ -5,9 +5,9 @@ const material_1 = require("@mui/material");
 const Dialog_1 = require("../../Dialog");
 const DialogContent_1 = require("../../DialogContent");
 const SearchField_1 = require("../../SearchField");
-const styles_1 = require("../../styles");
+const styled_1 = require("../../styled");
 const Tree_1 = require("../../Tree");
-exports.StyledDialogContent = (0, styles_1.styled)(DialogContent_1.DialogContent, {
+exports.StyledDialogContent = (0, styled_1.styled)(DialogContent_1.DialogContent, {
     shouldForwardProp: (prop) => !['$size'].includes(prop),
 }) `
   display: grid;
@@ -23,7 +23,7 @@ exports.StyledDialogContent = (0, styles_1.styled)(DialogContent_1.DialogContent
     width: auto;
   }
 `;
-exports.TreeListWrapper = styles_1.styled.div `
+exports.TreeListWrapper = styled_1.styled.div `
     overflow: auto;
 
     height: 100%;
@@ -33,7 +33,7 @@ exports.TreeListWrapper = styles_1.styled.div `
     min-width: max-content;
   }
 `;
-exports.StyledSearchField = (0, styles_1.styled)(SearchField_1.SearchField) `
+exports.StyledSearchField = (0, styled_1.styled)(SearchField_1.SearchField) `
   & .${material_1.formHelperTextClasses.root} {
     display: flex;
 
@@ -42,7 +42,7 @@ exports.StyledSearchField = (0, styles_1.styled)(SearchField_1.SearchField) `
     color: ${({ theme }) => theme.palette.grey[500]};
   }
 `;
-exports.UserHintWrapper = styles_1.styled.div `
+exports.UserHintWrapper = styled_1.styled.div `
   display: flex;
   align-items: center;
   justify-content: center;

package/node/components/TreeAsyncAutocomplete/useLogic/useLogic.d.ts

@@ -11,7 +11,7 @@ export declare const useLogic: ({ onBlur, isError, value, isDisabled, fetchDelay
         translate?: "no" | "yes" | undefined;
         fullWidth?: boolean | undefined;
         focused?: boolean | undefined;
-        size?: import("@mui/types").OverridableStringUnion<"small" | "medium", import("@mui/material").TextFieldPropsSizeOverrides> | undefined;
+        size?: import("@mui/types").OverridableStringUnion<"medium" | "small", import("@mui/material").TextFieldPropsSizeOverrides> | undefined;
         classes?: Partial<import("@mui/material").TextFieldClasses> | undefined;
         children?: import("react").ReactNode;
         defaultChecked?: boolean | undefined;
@@ -303,13 +303,13 @@ export declare const useLogic: ({ onBlur, isError, value, isDisabled, fetchDelay
         treeProps: import("../..").TreeAutocompleteTreeProps | undefined;
         dialogProps: {
             onClose: (event: SyntheticEvent<HTMLButtonElement>) => void;
-            slot?: string | undefined;
-            style?: import("react").CSSProperties | undefined;
-            title?: string | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>[] | undefined;
             components?: {
                 Root?: import("react").ElementType<any> | undefined;
                 Backdrop?: import("react").ElementType<any> | undefined;
             } | undefined;
+            slot?: string | undefined;
+            style?: import("react").CSSProperties | undefined;
+            title?: string | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>[] | undefined;
             color?: string | undefined;
             content?: string | undefined;
             transitionDuration?: number | {

package/node/components/TreeAutocomplete/Input/styles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-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<HTMLDivElement>, HTMLDivElement>, {}>;

package/node/components/TreeAutocomplete/Input/styles.js

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

package/node/components/TreeAutocomplete/OptionsModal/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/TreeAutocomplete/OptionsModal/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: flex;
   flex-direction: column;
   gap: ${({ theme }) => theme.spacing(3)};

package/node/components/TreeAutocomplete/OptionsModal/Loader/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/TreeAutocomplete/OptionsModal/Loader/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: flex;
   align-items: center;
   justify-content: center;

package/node/components/TreeAutocomplete/OptionsModal/NoData/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/TreeAutocomplete/OptionsModal/NoData/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: flex;
   align-items: center;
   justify-content: center;

package/node/components/TreeAutocomplete/OptionsModal/styles.d.ts

@@ -1,8 +1,8 @@
 /// <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 TreeListWrapper: import("@emotion/styled").StyledComponent<{
+export declare const TreeListWrapper: 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/TreeAutocomplete/OptionsModal/styles.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TreeListWrapper = exports.StyledDialogContent = void 0;
 const DialogContent_1 = require("../../DialogContent");
-const styles_1 = require("../../styles");
-exports.StyledDialogContent = (0, styles_1.styled)(DialogContent_1.DialogContent) `
+const styled_1 = require("../../styled");
+exports.StyledDialogContent = (0, styled_1.styled)(DialogContent_1.DialogContent) `
   display: grid;
   grid-template-columns: 100%;
   grid-template-rows: max-content 1fr;
@@ -13,7 +13,7 @@ exports.StyledDialogContent = (0, styles_1.styled)(DialogContent_1.DialogContent
   height: 500px;
   padding-bottom: ${({ theme }) => theme.spacing(4)};
 `;
-exports.TreeListWrapper = styles_1.styled.div `
+exports.TreeListWrapper = styled_1.styled.div `
   overflow: auto;
 
   height: 100%;

package/node/components/TreeLikeAsyncAutocomplete/Input/styles.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
-export declare const StyledTextField: import("@emotion/styled").StyledComponent<Omit<import("../../TextField").TextFieldProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
+export declare const StyledTextField: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../../TextField").TextFieldProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     $isHidden: boolean;
 }, {}, {}>;
 export declare const StyledTagsList: <TData extends import("../../TagsList").TagValue>(props: import("../../TagsList").TagsListProps<TData>) => JSX.Element;
-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<HTMLDivElement>, HTMLDivElement>, {}>;

package/node/components/TreeLikeAsyncAutocomplete/Input/styles.js

@@ -4,10 +4,10 @@ exports.IconWrapper = exports.StyledTagsList = exports.StyledTextField = void 0;
 const material_1 = require("@mui/material");
 const Loader_1 = require("../../Loader");
 const SvgIcon_1 = require("../../SvgIcon");
-const styles_1 = require("../../styles");
+const styled_1 = require("../../styled");
 const TagsList_1 = require("../../TagsList");
 const TextField_1 = require("../../TextField");
-exports.StyledTextField = (0, styles_1.styled)(TextField_1.TextField, {
+exports.StyledTextField = (0, styled_1.styled)(TextField_1.TextField, {
     shouldForwardProp: (prop) => !['$isHidden'].includes(prop),
 }) `
   .${material_1.inputBaseClasses.input} {
@@ -19,12 +19,12 @@ exports.StyledTextField = (0, styles_1.styled)(TextField_1.TextField, {
     height: 100%;
   }
 `;
-exports.StyledTagsList = (0, styles_1.styled)(TagsList_1.TagsList) `
+exports.StyledTagsList = (0, styled_1.styled)(TagsList_1.TagsList) `
   overflow: hidden;
 
   width: 100%;
 `;
-exports.IconWrapper = styles_1.styled.div `
+exports.IconWrapper = styled_1.styled.div `
   display: flex;
   gap: ${({ theme }) => theme.spacing(1)};
 `;

package/node/components/TreeLikeAsyncAutocomplete/OptionsModal/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>, {}>;