@astral/ui 4.18.3 → 4.18.4

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

@@ -14,10 +14,10 @@ export declare const ItemContent: import("@emotion/styled/dist/declarations/src/
     $isDisabled: boolean;
     $level: number;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CollapseButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "variant" | "component" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
-    variant?: "light" | "link" | "outlined" | "text" | "contained" | undefined;
+export declare const CollapseButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+    variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
-    color?: "grey" | "error" | "success" | "warning" | "primary" | undefined;
+    color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
@@ -43,7 +43,7 @@ export declare const LabelWrapper: import("@emotion/styled/dist/declarations/src
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Label: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     children?: import("react").ReactNode;
-    align?: "inherit" | "left" | "right" | "center" | "justify" | undefined;
+    align?: "inherit" | "center" | "left" | "right" | "justify" | undefined;
     gutterBottom?: boolean | undefined;
     noWrap?: boolean | undefined;
     paragraph?: boolean | undefined;
@@ -51,7 +51,7 @@ export declare const Label: import("@emotion/styled/dist/declarations/src/types"
     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" | "search" | "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" | "big" | "center" | "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" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentType<any>) | undefined;
+    component?: ("symbol" | "object" | "main" | "body" | "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "caption" | "button" | "link" | "slot" | "style" | "title" | import("react").ComponentType<any> | "search" | "big" | "sub" | "sup" | "map" | "filter" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view") | undefined;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
@@ -64,16 +64,7 @@ export declare const Note: import("@emotion/styled/dist/declarations/src/types")
             Tooltip?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
             Arrow?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
         } | undefined;
-        slot?: string | undefined;
-        style?: import("react").CSSProperties | undefined;
-        title: import("react").ReactNode;
-        inert?: boolean | undefined;
-        color?: string | undefined;
-        content?: string | undefined;
-        translate?: "no" | "yes" | undefined;
         classes?: Partial<import("@mui/material").TooltipClasses> | undefined;
-        className?: string | undefined;
-        children: import("react").ReactElement<any, any>;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
@@ -81,20 +72,26 @@ export declare const Note: import("@emotion/styled/dist/declarations/src/types")
         accessKey?: string | undefined;
         autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
         autoFocus?: boolean | undefined;
+        className?: string | undefined;
         contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
-        enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
+        enterKeyHint?: "enter" | "search" | "done" | "go" | "next" | "previous" | "send" | undefined;
         hidden?: boolean | undefined;
         id?: string | undefined;
         lang?: string | undefined;
         nonce?: string | undefined;
+        slot?: string | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
+        style?: import("react").CSSProperties | undefined;
         tabIndex?: number | undefined;
+        title: import("react").ReactNode;
+        translate?: "yes" | "no" | undefined;
         radioGroup?: string | undefined;
         role?: import("react").AriaRole | undefined;
         about?: string | undefined;
+        content?: string | undefined;
         datatype?: string | undefined;
         inlist?: any;
         prefix?: string | undefined;
@@ -106,6 +103,7 @@ export declare const Note: import("@emotion/styled/dist/declarations/src/types")
         vocab?: string | undefined;
         autoCorrect?: string | undefined;
         autoSave?: string | undefined;
+        color?: string | undefined;
         itemProp?: string | undefined;
         itemScope?: boolean | undefined;
         itemType?: string | undefined;
@@ -117,13 +115,14 @@ export declare const Note: import("@emotion/styled/dist/declarations/src/types")
         popover?: "" | "auto" | "manual" | "hint" | undefined;
         popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
         popoverTarget?: string | undefined;
+        inert?: boolean | undefined;
         inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         exportparts?: string | undefined;
         part?: string | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "inline" | "none" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -133,7 +132,7 @@ export declare const Note: import("@emotion/styled/dist/declarations/src/types")
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
@@ -143,7 +142,7 @@ export declare const Note: import("@emotion/styled/dist/declarations/src/types")
         "aria-expanded"?: (boolean | "true" | "false") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "true" | "false" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
         "aria-hidden"?: (boolean | "true" | "false") | undefined;
         "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -160,7 +159,7 @@ export declare const Note: import("@emotion/styled/dist/declarations/src/types")
         "aria-posinset"?: number | undefined;
         "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
         "aria-readonly"?: (boolean | "true" | "false") | undefined;
-        "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "true" | "false") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -174,6 +173,7 @@ export declare const Note: import("@emotion/styled/dist/declarations/src/types")
         "aria-valuemin"?: number | undefined;
         "aria-valuenow"?: number | undefined;
         "aria-valuetext"?: string | undefined;
+        children: import("react").ReactElement<any, any>;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
         } | undefined;
@@ -345,6 +345,7 @@ export declare const Note: import("@emotion/styled/dist/declarations/src/types")
         onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+        open?: boolean | undefined;
         size?: import("../..").TooltipSize | undefined;
         componentsProps?: {
             popper?: (Partial<import("@mui/material").PopperProps> & import("@mui/material").TooltipComponentsPropsOverrides) | undefined;
@@ -353,7 +354,6 @@ export declare const Note: import("@emotion/styled/dist/declarations/src/types")
             arrow?: (import("react").HTMLProps<HTMLSpanElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme> & import("@mui/material").TooltipComponentsPropsOverrides) | undefined;
         } | undefined;
         onClose?: ((event: Event | import("react").SyntheticEvent<Element, Event>) => void) | undefined;
-        open?: boolean | undefined;
         slots?: {
             popper?: import("react").ElementType<import("@mui/material").PopperProps, keyof import("react").JSX.IntrinsicElements> | undefined;
             transition?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
@@ -370,7 +370,6 @@ export declare const Note: import("@emotion/styled/dist/declarations/src/types")
             children: import("react").ReactElement<any, any>;
         }> | undefined;
         TransitionProps?: import("@mui/material/transitions").TransitionProps | undefined;
-        placement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
         arrow?: boolean | undefined;
         describeChild?: boolean | undefined;
         disableFocusListener?: boolean | undefined;
@@ -384,6 +383,7 @@ export declare const Note: import("@emotion/styled/dist/declarations/src/types")
         leaveDelay?: number | undefined;
         leaveTouchDelay?: number | undefined;
         onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+        placement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
         PopperComponent?: import("react").JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
         PopperProps?: Partial<import("@mui/material").PopperProps> | undefined;
         withoutContainer?: boolean | undefined;
@@ -393,7 +393,7 @@ export declare const Note: import("@emotion/styled/dist/declarations/src/types")
     visibleLastSymbolsCount?: number | undefined;
 } & {
     children?: import("react").ReactNode;
-    align?: "inherit" | "left" | "right" | "center" | "justify" | undefined;
+    align?: "inherit" | "center" | "left" | "right" | "justify" | undefined;
     gutterBottom?: boolean | undefined;
     noWrap?: boolean | undefined;
     paragraph?: boolean | undefined;
@@ -401,7 +401,7 @@ export declare const Note: import("@emotion/styled/dist/declarations/src/types")
     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" | "search" | "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" | "big" | "center" | "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" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentType<any>) | undefined;
+    component?: ("symbol" | "object" | "main" | "body" | "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "caption" | "button" | "link" | "slot" | "style" | "title" | import("react").ComponentType<any> | "search" | "big" | "sub" | "sup" | "map" | "filter" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view") | undefined;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & {
     children?: import("react").ReactNode;

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

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ItemWrapper = exports.Note = exports.Label = exports.LabelWrapper = exports.ChevronIcon = exports.CollapseButton = exports.ItemContent = exports.Item = void 0;
-const material_1 = require("@mui/material");
-const icons_1 = require("../../../icons");
+const Typography_1 = require("@mui/material/Typography");
+const ChevronROutlineMd_1 = require("../../../icons/ChevronROutlineMd");
 const Button_1 = require("../../Button");
 const Description_1 = require("../../Description");
 const IconButton_1 = require("../../IconButton");
 const OverflowTypography_1 = require("../../OverflowTypography");
 const SvgIcon_1 = require("../../SvgIcon");
 const styled_1 = require("../../styled");
-const Typography_1 = require("../../Typography");
+const Typography_2 = require("../../Typography");
 const constants_1 = require("./constants");
 const getBackgroundColor = (theme, isSelected, isDisabled) => {
     if (isDisabled) {
@@ -96,7 +96,7 @@ exports.CollapseButton = (0, styled_1.styled)(IconButton_1.IconButton, {
     background-color: ${({ theme }) => theme.palette.grey[300]};
   }
 `;
-exports.ChevronIcon = (0, styled_1.styled)(icons_1.ChevronROutlineMd, {
+exports.ChevronIcon = (0, styled_1.styled)(ChevronROutlineMd_1.ChevronROutlineMd, {
     shouldForwardProp: (prop) => prop !== '$isActive',
 }) `
   transform: rotateZ(${({ $isActive }) => ($isActive ? 90 : 0)}deg);
@@ -138,7 +138,7 @@ exports.LabelWrapper = (0, styled_1.styled)('div', {
     border-radius: 0 0 0 ${({ theme }) => theme.shape.small};
   }
 `;
-exports.Label = (0, styled_1.styled)(Typography_1.Typography) `
+exports.Label = (0, styled_1.styled)(Typography_2.Typography) `
   display: flex;
   align-items: center;
 
@@ -148,7 +148,7 @@ exports.Note = (0, styled_1.styled)(OverflowTypography_1.OverflowTypography) `
   margin-left: ${({ theme }) => theme.spacing(1)};
 
   .${Description_1.descriptionClassnames.root} {
-    .${material_1.typographyClasses.root} {
+    .${Typography_1.typographyClasses.root} {
       font-size: inherit;
       color: inherit;
     }

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

@@ -3,13 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Input = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const icons_1 = require("../../../icons");
+const CrossOutlineMd_1 = require("../../../icons/CrossOutlineMd");
+const DownOutlineMd_1 = require("../../../icons/DownOutlineMd");
 const IconButton_1 = require("../../IconButton");
 const TextField_1 = require("../../TextField");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
-const ClearButton = ({ disabled, onClick }) => ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", color: "grey", disabled: disabled, onClick: onClick, title: constants_1.CLEAR_TEXT, "aria-label": constants_1.CLEAR_TEXT, children: (0, jsx_runtime_1.jsx)(icons_1.CrossOutlineMd, {}) }));
+const ClearButton = ({ disabled, onClick }) => ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", color: "grey", disabled: disabled, onClick: onClick, title: constants_1.CLEAR_TEXT, "aria-label": constants_1.CLEAR_TEXT, children: (0, jsx_runtime_1.jsx)(CrossOutlineMd_1.CrossOutlineMd, {}) }));
 exports.Input = (0, react_1.forwardRef)(({ disabled, onChange, value, inputRef, hideHelperText = false, ...restProps }, forwardedRef) => {
     const { inputRef: internalInputRef, isVisibleClearButton, handleClearAll, } = (0, useLogic_1.useLogic)({
         inputRef,
@@ -17,5 +18,5 @@ exports.Input = (0, react_1.forwardRef)(({ disabled, onChange, value, inputRef,
         onChange,
         disabled,
     });
-    return ((0, jsx_runtime_1.jsx)(TextField_1.TextField, { ...restProps, value: value, hideHelperText: hideHelperText, ref: forwardedRef, inputRef: internalInputRef, disabled: disabled, inputProps: { readOnly: true }, endAdornment: (0, jsx_runtime_1.jsxs)(styles_1.IconWrapper, { children: [isVisibleClearButton && ((0, jsx_runtime_1.jsx)(ClearButton, { disabled: disabled, onClick: handleClearAll })), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", color: "grey", disabled: disabled, children: (0, jsx_runtime_1.jsx)(icons_1.DownOutlineMd, {}) })] }) }));
+    return ((0, jsx_runtime_1.jsx)(TextField_1.TextField, { ...restProps, value: value, hideHelperText: hideHelperText, ref: forwardedRef, inputRef: internalInputRef, disabled: disabled, inputProps: { readOnly: true }, endAdornment: (0, jsx_runtime_1.jsxs)(styles_1.IconWrapper, { children: [isVisibleClearButton && ((0, jsx_runtime_1.jsx)(ClearButton, { disabled: disabled, onClick: handleClearAll })), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", color: "grey", disabled: disabled, children: (0, jsx_runtime_1.jsx)(DownOutlineMd_1.DownOutlineMd, {}) })] }) }));
 });

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
-const hooks_1 = require("../../../hooks");
+const useForwardedRef_1 = require("../../../hooks/useForwardedRef");
 const useLogic = ({ value, disabled, inputRef: externalInputRef, onChange, }) => {
-    const inputRef = (0, hooks_1.useForwardedRef)(externalInputRef);
+    const inputRef = (0, useForwardedRef_1.useForwardedRef)(externalInputRef);
     const handleClearAll = (event) => {
         event.stopPropagation();
         onChange?.(null);

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UserHintWrapper = exports.StyledSearchField = exports.TreeListWrapper = exports.StyledDialogContent = void 0;
-const material_1 = require("@mui/material");
+const FormHelperText_1 = require("@mui/material/FormHelperText");
 const Dialog_1 = require("../../Dialog");
 const DialogContent_1 = require("../../DialogContent");
 const SearchField_1 = require("../../SearchField");
@@ -34,7 +34,7 @@ exports.TreeListWrapper = styled_1.styled.div `
   }
 `;
 exports.StyledSearchField = (0, styled_1.styled)(SearchField_1.SearchField) `
-  & .${material_1.formHelperTextClasses.root} {
+  & .${FormHelperText_1.formHelperTextClasses.root} {
     display: flex;
 
     margin-top: ${({ theme }) => theme.spacing(2)};

package/node/components/TreeAsyncAutocomplete/useLogic/useLogic.js

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
-const hooks_1 = require("../../hooks");
+const useAsyncOptions_1 = require("../../hooks/useAsyncOptions");
 const constants_1 = require("../constants");
 const useLogic = ({ onBlur, isError, value, isDisabled, fetchDelayMs = constants_1.DEFAULT_DELAY_MS, fetchOptions, minSymbolsToFetch = constants_1.DEFAULT_MIN_SEARCH_CHARACTERS, onDataLoadError, onChange, loadingErrorMsg, treeProps, dialogProps, onShowUserHint, ...restInputProps }) => {
     const [isOpen, setOpen] = (0, react_1.useState)(false);
     const [isLoadingModal, setIsLoadingModal] = (0, react_1.useState)(false);
-    const { options, isLoadingData, isLoadingError, onInputChange: propsOnInputChange, onOpen: propsOnOpen, onRetry: propsOnRetry, meta, } = (0, hooks_1.useAsyncOptions)({
+    const { options, isLoadingData, isLoadingError, onInputChange: propsOnInputChange, onOpen: propsOnOpen, onRetry: propsOnRetry, meta, } = (0, useAsyncOptions_1.useAsyncOptions)({
         fetchOptions,
         fetchDelayMs,
         minSymbolsToFetch,

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

@@ -3,15 +3,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Input = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const icons_1 = require("../../../icons");
+const CrossOutlineMd_1 = require("../../../icons/CrossOutlineMd");
+const DownOutlineMd_1 = require("../../../icons/DownOutlineMd");
 const IconButton_1 = require("../../IconButton");
 const TextField_1 = require("../../TextField");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
-const ClearButton = ({ disabled, onClick }) => ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", color: "grey", disabled: disabled, onClick: onClick, title: constants_1.CLEAR_TEXT, "aria-label": constants_1.CLEAR_TEXT, children: (0, jsx_runtime_1.jsx)(icons_1.CrossOutlineMd, {}) }));
+const ClearButton = ({ disabled, onClick }) => ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", color: "grey", disabled: disabled, onClick: onClick, title: constants_1.CLEAR_TEXT, "aria-label": constants_1.CLEAR_TEXT, children: (0, jsx_runtime_1.jsx)(CrossOutlineMd_1.CrossOutlineMd, {}) }));
 exports.Input = (0, react_1.forwardRef)((props, forwardedRef) => {
     const { inputRef, isVisibleClearButton, handleClearAll } = (0, useLogic_1.useLogic)(props);
     const { disabled, onChange, ...restProps } = props;
-    return ((0, jsx_runtime_1.jsx)(TextField_1.TextField, { ...restProps, ref: forwardedRef, inputRef: inputRef, disabled: disabled, inputProps: { readOnly: true }, endAdornment: (0, jsx_runtime_1.jsxs)(styles_1.IconWrapper, { children: [isVisibleClearButton && ((0, jsx_runtime_1.jsx)(ClearButton, { disabled: disabled, onClick: handleClearAll })), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", color: "grey", disabled: disabled, children: (0, jsx_runtime_1.jsx)(icons_1.DownOutlineMd, {}) })] }) }));
+    return ((0, jsx_runtime_1.jsx)(TextField_1.TextField, { ...restProps, ref: forwardedRef, inputRef: inputRef, disabled: disabled, inputProps: { readOnly: true }, endAdornment: (0, jsx_runtime_1.jsxs)(styles_1.IconWrapper, { children: [isVisibleClearButton && ((0, jsx_runtime_1.jsx)(ClearButton, { disabled: disabled, onClick: handleClearAll })), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", color: "grey", disabled: disabled, children: (0, jsx_runtime_1.jsx)(DownOutlineMd_1.DownOutlineMd, {}) })] }) }));
 });

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
-const hooks_1 = require("../../../hooks");
+const useForwardedRef_1 = require("../../../hooks/useForwardedRef");
 const useLogic = ({ value, disabled, inputRef: externalInputRef, onChange, }) => {
-    const inputRef = (0, hooks_1.useForwardedRef)(externalInputRef);
+    const inputRef = (0, useForwardedRef_1.useForwardedRef)(externalInputRef);
     const handleClearAll = (event) => {
         event.stopPropagation();
         onChange?.('');

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

@@ -3,13 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Input = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const icons_1 = require("../../../icons");
+const CrossOutlineMd_1 = require("../../../icons/CrossOutlineMd");
+const DownOutlineMd_1 = require("../../../icons/DownOutlineMd");
 const IconButton_1 = require("../../IconButton");
 const Loader_1 = require("../../Loader");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
-const ClearButton = ({ disabled, onClick }) => ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", color: "grey", disabled: disabled, onClick: onClick, title: constants_1.CLEAR_TEXT, "aria-label": constants_1.CLEAR_TEXT, children: (0, jsx_runtime_1.jsx)(icons_1.CrossOutlineMd, {}) }));
+const ClearButton = ({ disabled, onClick }) => ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", color: "grey", disabled: disabled, onClick: onClick, title: constants_1.CLEAR_TEXT, "aria-label": constants_1.CLEAR_TEXT, children: (0, jsx_runtime_1.jsx)(CrossOutlineMd_1.CrossOutlineMd, {}) }));
 exports.Input = (0, react_1.forwardRef)(({ disabled, onChange: propsOnChange, value, inputRef, hideHelperText = false, onClick, isLoading, ...restProps }, forwardedRef) => {
     const { isVisibleClearButton, onChange, isVisibleTagsList, textFieldProps, onClearAll, } = (0, useLogic_1.useLogic)({
         inputRef,
@@ -19,5 +20,5 @@ exports.Input = (0, react_1.forwardRef)(({ disabled, onChange: propsOnChange, va
         onClick,
         isLoading,
     });
-    return ((0, jsx_runtime_1.jsx)(styles_1.StyledTextField, { ...restProps, hideHelperText: hideHelperText, ref: forwardedRef, disabled: disabled, inputProps: { readOnly: true }, ...textFieldProps, startAdornment: isVisibleTagsList && ((0, jsx_runtime_1.jsx)(styles_1.StyledTagsList, { data: value, keyId: "id", isDisabled: disabled, getOptionLabel: (option) => option.label, onClick: onClick, onChange: onChange })), endAdornment: (0, jsx_runtime_1.jsxs)(styles_1.IconWrapper, { children: [isVisibleClearButton && ((0, jsx_runtime_1.jsx)(ClearButton, { disabled: disabled, onClick: onClearAll })), isLoading ? ((0, jsx_runtime_1.jsx)(Loader_1.Loader, { size: "small" })) : ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", color: "grey", disabled: disabled, children: (0, jsx_runtime_1.jsx)(icons_1.DownOutlineMd, {}) }))] }) }));
+    return ((0, jsx_runtime_1.jsx)(styles_1.StyledTextField, { ...restProps, hideHelperText: hideHelperText, ref: forwardedRef, disabled: disabled, inputProps: { readOnly: true }, ...textFieldProps, startAdornment: isVisibleTagsList && ((0, jsx_runtime_1.jsx)(styles_1.StyledTagsList, { data: value, keyId: "id", isDisabled: disabled, getOptionLabel: (option) => option.label, onClick: onClick, onChange: onChange })), endAdornment: (0, jsx_runtime_1.jsxs)(styles_1.IconWrapper, { children: [isVisibleClearButton && ((0, jsx_runtime_1.jsx)(ClearButton, { disabled: disabled, onClick: onClearAll })), isLoading ? ((0, jsx_runtime_1.jsx)(Loader_1.Loader, { size: "small" })) : ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", color: "grey", disabled: disabled, children: (0, jsx_runtime_1.jsx)(DownOutlineMd_1.DownOutlineMd, {}) }))] }) }));
 });

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

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconWrapper = exports.StyledTagsList = exports.StyledTextField = void 0;
-const material_1 = require("@mui/material");
+const FormControl_1 = require("@mui/material/FormControl");
+const InputBase_1 = require("@mui/material/InputBase");
 const Loader_1 = require("../../Loader");
 const SvgIcon_1 = require("../../SvgIcon");
 const styled_1 = require("../../styled");
@@ -10,11 +11,11 @@ const TextField_1 = require("../../TextField");
 exports.StyledTextField = (0, styled_1.styled)(TextField_1.TextField, {
     shouldForwardProp: (prop) => !['$isHidden'].includes(prop),
 }) `
-  .${material_1.inputBaseClasses.input} {
+  .${InputBase_1.inputBaseClasses.input} {
     width: ${({ $isHidden }) => $isHidden && 0};
   }
 
-  &.${material_1.formControlClasses.root} .${material_1.inputBaseClasses.adornedEnd} .${Loader_1.loaderClassnames.root} .${SvgIcon_1.svgIconClassnames.root} {
+  &.${FormControl_1.formControlClasses.root} .${InputBase_1.inputBaseClasses.adornedEnd} .${Loader_1.loaderClassnames.root} .${SvgIcon_1.svgIconClassnames.root} {
     width: 100%;
     height: 100%;
   }

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

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
-const hooks_1 = require("../../../hooks");
+const useForwardedRef_1 = require("../../../hooks/useForwardedRef");
 const useLogic = ({ value, disabled, isLoading, inputRef: externalInputRef, onChange: propsOnChange, onClick: propsOnClick, }) => {
-    const inputRef = (0, hooks_1.useForwardedRef)(externalInputRef);
+    const inputRef = (0, useForwardedRef_1.useForwardedRef)(externalInputRef);
     const prevValue = (0, react_1.useRef)(undefined);
     (0, react_1.useEffect)(() => {
         if (value && !prevValue.current) {

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UserHintWrapper = exports.StyledSearchField = exports.TreeListWrapper = exports.StyledDialogContent = void 0;
-const material_1 = require("@mui/material");
+const FormHelperText_1 = require("@mui/material/FormHelperText");
 const Dialog_1 = require("../../Dialog");
 const DialogContent_1 = require("../../DialogContent");
 const SearchField_1 = require("../../SearchField");
@@ -34,7 +34,7 @@ exports.TreeListWrapper = styled_1.styled.div `
   }
 `;
 exports.StyledSearchField = (0, styled_1.styled)(SearchField_1.SearchField) `
-  & .${material_1.formHelperTextClasses.root} {
+  & .${FormHelperText_1.formHelperTextClasses.root} {
     display: flex;
 
     margin-top: ${({ theme }) => theme.spacing(2)};

package/node/components/TreeLikeAsyncAutocomplete/useLogic/useLogic.js

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
-const hooks_1 = require("../../hooks");
+const useAsyncOptions_1 = require("../../hooks/useAsyncOptions");
 const constants_1 = require("../constants");
 const useLogic = ({ onBlur, isError, value, isDisabled, fetchDelayMs = constants_1.DEFAULT_DELAY_MS, fetchOptions, minSymbolsToFetch = constants_1.DEFAULT_MIN_SEARCH_CHARACTERS, onDataLoadError, onChange, loadingErrorMsg, treeProps, dialogProps, onShowUserHint, ...restInputProps }) => {
     const [isOpen, setOpen] = (0, react_1.useState)(false);
     const [isLoadingModal, setIsLoadingModal] = (0, react_1.useState)(false);
-    const { options, isLoadingData, isLoadingError, onInputChange: propsOnInputChange, onOpen: propsOnOpen, onRetry: propsOnRetry, meta, } = (0, hooks_1.useAsyncOptions)({
+    const { options, isLoadingData, isLoadingError, onInputChange: propsOnInputChange, onOpen: propsOnOpen, onRetry: propsOnRetry, meta, } = (0, useAsyncOptions_1.useAsyncOptions)({
         fetchOptions,
         fetchDelayMs,
         minSymbolsToFetch,

package/node/components/TreeLikeAutocomplete/Input/Input.js

@@ -3,14 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Input = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const icons_1 = require("../../../icons");
+const CrossOutlineMd_1 = require("../../../icons/CrossOutlineMd");
+const DownOutlineMd_1 = require("../../../icons/DownOutlineMd");
 const IconButton_1 = require("../../IconButton");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
-const ClearButton = ({ disabled, onClick }) => ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", color: "grey", disabled: disabled, title: constants_1.CLEAR_TEXT, "aria-label": constants_1.CLEAR_TEXT, onClick: onClick, children: (0, jsx_runtime_1.jsx)(icons_1.CrossOutlineMd, {}) }));
+const ClearButton = ({ disabled, onClick }) => ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", color: "grey", disabled: disabled, title: constants_1.CLEAR_TEXT, "aria-label": constants_1.CLEAR_TEXT, onClick: onClick, children: (0, jsx_runtime_1.jsx)(CrossOutlineMd_1.CrossOutlineMd, {}) }));
 exports.Input = (0, react_1.forwardRef)((props, forwardedRef) => {
     const { textFieldProps, isVisibleTagsList, isVisibleClearButton, handleChange, handleClearAll, } = (0, useLogic_1.useLogic)(props);
     const { value, valueToRender, disabled, isLoading, onChange, onClick, ...restProps } = props;
-    return ((0, jsx_runtime_1.jsx)(styles_1.StyledTextField, { ...restProps, ref: forwardedRef, disabled: disabled, inputProps: { readOnly: true }, startAdornment: isVisibleTagsList && ((0, jsx_runtime_1.jsx)(styles_1.StyledTagsList, { data: valueToRender, keyId: "id", isDisabled: disabled, getOptionLabel: (option) => option.label, onClick: onClick, onChange: handleChange })), endAdornment: (0, jsx_runtime_1.jsxs)(styles_1.EndAdornmentWrapper, { children: [isLoading && (0, jsx_runtime_1.jsx)(styles_1.StyledLoader, {}), isVisibleClearButton && ((0, jsx_runtime_1.jsx)(ClearButton, { disabled: disabled, onClick: handleClearAll })), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", color: "grey", disabled: disabled, children: (0, jsx_runtime_1.jsx)(icons_1.DownOutlineMd, {}) })] }), onClick: onClick, ...textFieldProps }));
+    return ((0, jsx_runtime_1.jsx)(styles_1.StyledTextField, { ...restProps, ref: forwardedRef, disabled: disabled, inputProps: { readOnly: true }, startAdornment: isVisibleTagsList && ((0, jsx_runtime_1.jsx)(styles_1.StyledTagsList, { data: valueToRender, keyId: "id", isDisabled: disabled, getOptionLabel: (option) => option.label, onClick: onClick, onChange: handleChange })), endAdornment: (0, jsx_runtime_1.jsxs)(styles_1.EndAdornmentWrapper, { children: [isLoading && (0, jsx_runtime_1.jsx)(styles_1.StyledLoader, {}), isVisibleClearButton && ((0, jsx_runtime_1.jsx)(ClearButton, { disabled: disabled, onClick: handleClearAll })), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", color: "grey", disabled: disabled, children: (0, jsx_runtime_1.jsx)(DownOutlineMd_1.DownOutlineMd, {}) })] }), onClick: onClick, ...textFieldProps }));
 });

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledLoader = exports.EndAdornmentWrapper = exports.StyledTagsList = exports.StyledTextField = void 0;
-const material_1 = require("@mui/material");
+const InputBase_1 = require("@mui/material/InputBase");
 const Loader_1 = require("../../Loader");
 const styled_1 = require("../../styled");
 const TagsList_1 = require("../../TagsList");
@@ -9,7 +9,7 @@ const TextField_1 = require("../../TextField");
 exports.StyledTextField = (0, styled_1.styled)(TextField_1.TextField, {
     shouldForwardProp: (prop) => !['$isHidden'].includes(prop),
 }) `
-  .${material_1.inputBaseClasses.input} {
+  .${InputBase_1.inputBaseClasses.input} {
     width: ${({ $isHidden }) => $isHidden && 0};
   }
 `;

package/node/components/TreeLikeAutocomplete/Input/useLogic/useLogic.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
-const hooks_1 = require("../../../hooks");
+const useForwardedRef_1 = require("../../../hooks/useForwardedRef");
 const useLogic = ({ value, disabled, isLoading, inputRef: externalInputRef, onChange, }) => {
-    const inputRef = (0, hooks_1.useForwardedRef)(externalInputRef);
+    const inputRef = (0, useForwardedRef_1.useForwardedRef)(externalInputRef);
     const prevValue = (0, react_1.useRef)(undefined);
     (0, react_1.useEffect)(() => {
         if (value && !prevValue.current) {

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

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PopoverContent = exports.StyledTooltip = exports.List = exports.StyledTreeItem = exports.StyledCheckbox = void 0;
-const material_1 = require("@mui/material");
+const Tooltip_1 = require("@mui/material/Tooltip");
 const Checkbox_1 = require("../../Checkbox");
 const styled_1 = require("../../styled");
 const mixins_1 = require("../../styled/mixins");
-const Tooltip_1 = require("../../Tooltip");
+const Tooltip_2 = require("../../Tooltip");
 const Tree_1 = require("../../Tree");
 exports.StyledCheckbox = (0, styled_1.styled)(Checkbox_1.Checkbox) `
   padding-top: 0;
@@ -22,8 +22,8 @@ exports.StyledTreeItem = (0, styled_1.styled)(Tree_1.TreeItem) `
 exports.List = styled_1.styled.ul `
   ${mixins_1.listContainer};
 `;
-exports.StyledTooltip = (0, styled_1.styled)(Tooltip_1.Tooltip) `
-  .${material_1.tooltipClasses.tooltip} {
+exports.StyledTooltip = (0, styled_1.styled)(Tooltip_2.Tooltip) `
+  .${Tooltip_1.tooltipClasses.tooltip} {
     margin-left: 0 !important;
 
     background-color: ${({ theme }) => theme.palette.background.paper} !important;

package/node/components/TreeLikeList/TreeItem/useLogic/useLogic.js

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
-const hooks_1 = require("../../../hooks");
+const useToggle_1 = require("../../../hooks/useToggle");
 const utils_1 = require("./utils");
 const useLogic = ({ item, value = [], level, isConfirmChildrenSelection, isInitialExpanded, expandedLevel, chainsToSelectedItem = [], disabledItems, onChange, isObjectMode, }) => {
     const { id, children } = item;
-    const [isTooltipOpen, openTooltip, closeTooltip] = (0, hooks_1.useToggle)();
+    const [isTooltipOpen, openTooltip, closeTooltip] = (0, useToggle_1.useToggle)();
     const childrenIds = (0, react_1.useMemo)(() => (0, utils_1.getAllChildrenId)(children, disabledItems), [children, disabledItems]);
     const isSelected = (0, utils_1.checkIsSelected)(value, id);
     const flatChainsToSelectedItem = (0, react_1.useMemo)(() => chainsToSelectedItem?.reduce((acc, chain) => acc.concat(chain), []), [chainsToSelectedItem]);

package/node/components/Typography/Typography.d.ts

@@ -1,4 +1,4 @@
-import { type TypographyProps as MuiTypographyProps } from '@mui/material';
+import { type TypographyProps as MuiTypographyProps } from '@mui/material/Typography';
 import { type ElementType, type HTMLAttributes } from 'react';
 import type { Intensity, TypographyColor, TypographyVariant } from './types';
 type ComponentProp = ElementType<any>;

package/node/components/Typography/hooks/useTypographyColor/useTypographyColor.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTypographyColor = void 0;
 const react_1 = require("react");
-const theme_1 = require("../../../theme");
+const useTheme_1 = require("../../../theme/hooks/useTheme");
 const useTypographyColor = ({ color, colorIntensity = '800', }) => {
-    const theme = (0, theme_1.useTheme)();
+    const theme = (0, useTheme_1.useTheme)();
     return (0, react_1.useMemo)(() => {
         if (color) {
             switch (color) {

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

@@ -1 +1 @@
-export declare const TypographyWrapper: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").TypographyTypeMap<{}, "span">>;
+export declare const TypographyWrapper: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/Typography").TypographyTypeMap<{}, "span">>;