@astral/ui 4.18.0-rc.1 → 4.18.0

package/node/components/Loader/styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledSvgIcon = exports.Wrapper = void 0;
 const SvgIcon_1 = require("../SvgIcon");
-const styles_1 = require("../styles");
+const styled_1 = require("../styled");
 const getSize = (size) => {
     if (size === 'medium') {
         return '24px';
@@ -15,7 +15,7 @@ const getColor = (color, theme) => {
     }
     return theme.palette.primary.contrastText;
 };
-const rotate = (0, styles_1.keyframes) `
+const rotate = (0, styled_1.keyframes) `
   0% {
     transform: rotate(0deg);
   }
@@ -24,7 +24,7 @@ const rotate = (0, styles_1.keyframes) `
     transform: rotate(360deg);
   }
 `;
-const dash = (0, styles_1.keyframes) `
+const dash = (0, styled_1.keyframes) `
   0% {
     stroke-dasharray: 1px, 200px;
     stroke-dashoffset: 0;
@@ -38,7 +38,7 @@ const dash = (0, styles_1.keyframes) `
     stroke-dashoffset: -125px;
   }
 `;
-exports.Wrapper = styles_1.styled.span `
+exports.Wrapper = styled_1.styled.span `
   display: inline-block;
 
   width: ${({ $size }) => getSize($size)};
@@ -48,7 +48,7 @@ exports.Wrapper = styles_1.styled.span `
 
   animation: ${rotate} 1.4s linear 0s infinite normal none running;
 `;
-exports.StyledSvgIcon = (0, styles_1.styled)(SvgIcon_1.SvgIcon) `
+exports.StyledSvgIcon = (0, styled_1.styled)(SvgIcon_1.SvgIcon) `
   display: block;
 
   width: inherit;

package/node/components/MaskField/MaskField.js

@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_imask_1 = require("react-imask");
 const TextField_1 = require("../TextField");
-const MaskedTextField = (0, react_imask_1.IMaskMixin)(({ onChange, ...props }) => {
+const MaskedTextField = (0, react_imask_1.IMaskMixin)(({ ...props }) => {
     const textFieldProps = props;
     return (0, jsx_runtime_1.jsx)(TextField_1.TextField, { ...textFieldProps });
 });
@@ -17,13 +17,21 @@ exports.MaskField = (0, react_1.forwardRef)(({ onChange, onAccept, ...props }, r
         }
         onChange?.(value);
     };
+    const handleOnChange = (event) => {
+        // Вызов onChange чинит валидацию пустого поля на onBlur внутри Wizard
+        if (event.target.value === '') {
+            onChange?.(event.target.value);
+        }
+    };
     // фикс фокуса при клике на submit формы
     // (достигается путем вызова ref)
-    const newRef = (...args) => {
+    const newRef = (instance) => {
         if (typeof ref === 'function') {
-            ref(args[0]);
+            ref(instance);
+        }
+        else if (ref) {
+            ref.current = instance;
         }
-        return ref;
     };
-    return ((0, jsx_runtime_1.jsx)(MaskedTextField, { ...maskFieldProps, inputRef: newRef, onAccept: handleMaskFieldAccept }));
+    return ((0, jsx_runtime_1.jsx)(MaskedTextField, { ...maskFieldProps, inputRef: newRef, onAccept: handleMaskFieldAccept, onChange: handleOnChange }));
 });

package/node/components/Menu/Menu.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type MenuProps as MuiMenuProps } from '@mui/material';
 import { type WithoutEmotionSpecific } from '../types';
 export type MenuProps = WithoutEmotionSpecific<MuiMenuProps> & {
@@ -7,4 +6,4 @@ export type MenuProps = WithoutEmotionSpecific<MuiMenuProps> & {
      */
     title?: string;
 };
-export declare const Menu: ({ children, onClose, open, title, ...restProps }: MenuProps) => JSX.Element;
+export declare const Menu: ({ children, onClose, open, title, ...restProps }: MenuProps) => import("react/jsx-runtime").JSX.Element;

package/node/components/MenuGroup/MenuGroup.d.ts

@@ -6,4 +6,4 @@ export type MenuGroupProps = {
      */
     label: string;
 };
-export declare const MenuGroup: (props: MenuGroupProps) => JSX.Element;
+export declare const MenuGroup: (props: MenuGroupProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-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;
@@ -9,12 +9,12 @@ 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" | "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;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-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;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;

package/node/components/MenuGroup/styles.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Content = exports.Label = void 0;
-const styles_1 = require("../styles");
+const styled_1 = require("../styled");
 const Typography_1 = require("../Typography");
-exports.Label = (0, styles_1.styled)(Typography_1.Typography) `
+exports.Label = (0, styled_1.styled)(Typography_1.Typography) `
   display: block;
 
   width: 100%;
@@ -12,7 +12,7 @@ exports.Label = (0, styles_1.styled)(Typography_1.Typography) `
   color: ${({ theme }) => theme.palette.grey[700]};
   text-align: center;
 `;
-exports.Content = styles_1.styled.li `
+exports.Content = styled_1.styled.li `
   width: 100%;
 
   & ul {

package/node/components/MenuItem/MenuItem.d.ts

@@ -2,7 +2,7 @@ import { type MenuItemProps as MuiMenuItemProps } from '@mui/material';
 import { type ComponentPropsWithRef, type ElementType } from 'react';
 import { type TooltipProps } from '../Tooltip';
 import { type WithoutEmotionSpecific } from '../types';
-export type MenuItemProps<TComponent extends ElementType = ElementType> = WithoutEmotionSpecific<MuiMenuItemProps> & {
+export type MenuItemProps<TComponent extends ElementType = ElementType> = WithoutEmotionSpecific<Omit<MuiMenuItemProps, 'component'>> & {
     /**
      * Текст тултипа при заблокированном состоянии элемента меню
      */
@@ -25,7 +25,7 @@ export type MenuItemProps<TComponent extends ElementType = ElementType> = Withou
      */
     href?: string;
 } & ComponentPropsWithRef<ElementType extends TComponent ? 'li' : TComponent>;
-export declare const MenuItem: <TComponent extends ElementType>(props: WithoutEmotionSpecific<MuiMenuItemProps> & {
+export declare const MenuItem: <TComponent extends ElementType>(props: WithoutEmotionSpecific<Omit<MuiMenuItemProps, "component">> & {
     /**
      * Текст тултипа при заблокированном состоянии элемента меню
      */
@@ -47,4 +47,4 @@ export declare const MenuItem: <TComponent extends ElementType>(props: WithoutEm
      * Ссылка, если в component передан тег a.
      */
     href?: string | undefined;
-} & ComponentPropsWithRef<ElementType extends TComponent ? "li" : TComponent> & import("react").RefAttributes<HTMLLIElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+} & ComponentPropsWithRef<ElementType extends TComponent ? "li" : TComponent> & import("react").RefAttributes<HTMLLIElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { type MenuListProps } from './types';
-export declare const MenuList: ({ children, ...props }: MenuListProps) => JSX.Element;
+export declare const MenuList: ({ children, ...props }: MenuListProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,21 +1,5 @@
 /// <reference types="react" />
 import { type MenuListProps } from './types';
-export declare const StyledMenuList: import("@emotion/styled").StyledComponent<{
-    autoFocus?: boolean | undefined;
-    autoFocusItem?: boolean | undefined;
-    children?: import("react").ReactNode;
-    disabledItemsFocusable?: boolean | undefined;
-    disableListWrap?: boolean | undefined;
-    variant?: "menu" | "selectedMenu" | undefined;
-} & {
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").ListClasses> | undefined;
-    dense?: boolean | undefined;
-    disablePadding?: boolean | undefined;
-    subheader?: import("react").ReactNode;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
-    ref?: ((instance: HTMLUListElement | null) => void) | import("react").RefObject<HTMLUListElement> | null | undefined;
-}, "children" | "autoFocus" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "variant" | "dense" | "subheader" | "disablePadding" | "autoFocusItem" | "disabledItemsFocusable" | "disableListWrap"> & {
+export declare const StyledMenuList: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("@mui/material").MenuListOwnProps & import("@mui/material").ListOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "autoFocus" | "dense" | "subheader" | "disablePadding" | "autoFocusItem" | "disabledItemsFocusable" | "disableListWrap"> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & MenuListProps, {}, {}>;

package/node/components/MenuList/styles.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledMenuList = void 0;
 const material_1 = require("@mui/material");
-const styles_1 = require("../styles");
-exports.StyledMenuList = (0, styles_1.styled)(material_1.MenuList) `
+const styled_1 = require("../styled");
+exports.StyledMenuList = (0, styled_1.styled)(material_1.MenuList) `
   &.MuiList-root {
     padding: ${({ theme }) => theme.spacing(1, 0)};
 

package/node/components/MenuOrganization/MenuOrganization.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { type MenuOrganizationProps, type Organization } from './types';
-export declare const MenuOrganization: <TData extends Organization & Record<string, unknown> = Organization>(props: MenuOrganizationProps<TData>) => JSX.Element;
+export declare const MenuOrganization: <TData extends Organization & Record<string, unknown> = Organization>(props: MenuOrganizationProps<TData>) => import("react/jsx-runtime").JSX.Element;

package/node/components/MenuOrganization/MenuOrganizationSkeleton/MenuOrganizationSkeleton.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const MenuOrganizationSkeleton: () => JSX.Element;
+export declare const MenuOrganizationSkeleton: () => import("react/jsx-runtime").JSX.Element;

package/node/components/MenuOrganization/MenuOrganizationSkeleton/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;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | 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;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/node/components/MenuOrganization/MenuOrganizationSkeleton/styles.js

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DescriptionWrapper = 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(2)};
   
   padding-right: ${({ theme }) => theme.spacing(9)};;
 `;
-exports.DescriptionWrapper = styles_1.styled.div `
+exports.DescriptionWrapper = styled_1.styled.div `
   display: flex;
   justify-content: space-between;
 `;

package/node/components/MenuOrganization/NoData/NoData.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const NoData: () => JSX.Element;
+export declare const NoData: () => import("react/jsx-runtime").JSX.Element;

package/node/components/MenuOrganization/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;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/node/components/MenuOrganization/NoData/styles.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Wrapper = void 0;
-const styles_1 = require("../../styles");
+const styled_1 = require("../../styled");
 const constants_1 = require("../constants");
-exports.Wrapper = styles_1.styled.div `
+exports.Wrapper = styled_1.styled.div `
   display: flex;
   align-items: center;
   justify-content: center;

package/node/components/MenuOrganization/OrganizationButton/styles.d.ts

@@ -1,28 +1,26 @@
 /// <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" | "variant" | "component" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+    variant?: "light" | "link" | "outlined" | "text" | "contained" | 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> & {
+} & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-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 Container: import("@emotion/styled").StyledComponent<{
+export declare const Container: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledTypography: import("@emotion/styled").StyledComponent<{
+export declare const StyledTypography: 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;
@@ -30,7 +28,7 @@ export declare const StyledTypography: 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" | "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;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;

package/node/components/MenuOrganization/OrganizationButton/styles.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledTypography = exports.Container = exports.StyledChevron = exports.StyledButton = void 0;
 const Button_1 = require("../../Button");
 const Chevron_1 = require("../../Chevron");
-const styled_1 = require("../../styles/styled");
+const styled_1 = require("../../styled/styled");
 const Typography_1 = require("../../Typography");
 exports.StyledButton = (0, styled_1.styled)(Button_1.Button) `
   display: flex;

package/node/components/MenuOrganization/OrganizationGroup/OrganizationGroup.d.ts

@@ -3,4 +3,4 @@ export type OrganizationGroupProps = {
     children: ReactNode;
     label: string;
 };
-export declare const OrganizationGroup: (props: OrganizationGroupProps) => JSX.Element;
+export declare const OrganizationGroup: (props: OrganizationGroupProps) => import("react/jsx-runtime").JSX.Element;

package/node/components/MenuOrganization/OrganizationGroup/styles.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-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;
@@ -9,12 +9,12 @@ 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" | "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;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-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;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;

package/node/components/MenuOrganization/OrganizationGroup/styles.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Content = exports.Label = void 0;
-const styles_1 = require("../../styles");
+const styled_1 = require("../../styled");
 const Typography_1 = require("../../Typography");
-exports.Label = (0, styles_1.styled)(Typography_1.Typography) `
+exports.Label = (0, styled_1.styled)(Typography_1.Typography) `
   position: sticky;
   z-index: 1;
   top: 0;
@@ -17,7 +17,7 @@ exports.Label = (0, styles_1.styled)(Typography_1.Typography) `
 
   background: ${({ theme }) => theme.palette.background.paper};
 `;
-exports.Content = styles_1.styled.ul `
+exports.Content = styled_1.styled.ul `
   width: 100%;
   margin: 0;
   padding: 0;

package/node/components/MenuOrganization/OrganizationItem/styles.d.ts

@@ -1,23 +1,19 @@
 /// <reference types="react" />
-export declare const StyledMenuItem: import("@emotion/styled").StyledComponent<import("../..").WithoutEmotionSpecific<import("@mui/material").MenuItemProps> & {
+export declare const StyledMenuItem: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../..").WithoutEmotionSpecific<Omit<import("@mui/material").MenuItemProps, "component">> & {
     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;
     component?: import("react").ElementType | undefined;
     href?: string | undefined;
-} & Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
-    ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
-} & import("react").RefAttributes<HTMLLIElement> & {
+} & import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-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" | "variant" | "component" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+    variant?: "light" | "link" | "outlined" | "text" | "contained" | 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> & {
+} & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/MenuOrganization/OrganizationItem/styles.js

@@ -3,13 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledButton = exports.StyledMenuItem = void 0;
 const Button_1 = require("../../Button");
 const MenuItem_1 = require("../../MenuItem");
-const styles_1 = require("../../styles");
-exports.StyledMenuItem = (0, styles_1.styled)(MenuItem_1.MenuItem) `
+const styled_1 = require("../../styled");
+exports.StyledMenuItem = (0, styled_1.styled)(MenuItem_1.MenuItem) `
   cursor: ${({ selected }) => (selected ? 'auto' : 'pointer')};
   user-select: ${({ selected }) => (selected ? 'auto' : 'unset')};
 
   padding: ${({ theme }) => theme.microSpacing(3, 6)};
 `;
-exports.StyledButton = (0, styles_1.styled)(Button_1.Button) `
+exports.StyledButton = (0, styled_1.styled)(Button_1.Button) `
   justify-content: flex-start;
 `;

package/node/components/MenuOrganization/OrganizationList/OrganizationList.d.ts

@@ -27,4 +27,4 @@ export type OrganizationListProps<TData extends Organization & Record<string, un
     renderItem?: (params: RenderItemParams<TData>) => ReactNode;
     hasSearch?: boolean;
 };
-export declare const OrganizationList: <TData extends Organization & Record<string, unknown> = Organization>(props: OrganizationListProps<TData>) => JSX.Element;
+export declare const OrganizationList: <TData extends Organization & Record<string, unknown> = Organization>(props: OrganizationListProps<TData>) => import("react/jsx-runtime").JSX.Element;

package/node/components/MenuOrganization/OrganizationListSkeleton/OrganizationListSkeleton.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const OrganizationListSkeleton: () => JSX.Element;
+export declare const OrganizationListSkeleton: () => import("react/jsx-runtime").JSX.Element;

package/node/components/MenuOrganization/OrganizationListSkeleton/styles.d.ts

@@ -1,13 +1,13 @@
 /// <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;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-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;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const OrganizationInfoWrapper: import("@emotion/styled").StyledComponent<{
+export declare const OrganizationInfoWrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/node/components/MenuOrganization/OrganizationListSkeleton/styles.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.OrganizationInfoWrapper = exports.Wrapper = exports.Item = void 0;
-const styles_1 = require("../../styles");
-exports.Item = styles_1.styled.div `
+const styled_1 = require("../../styled");
+exports.Item = styled_1.styled.div `
   display: flex;
   flex-direction: column;
   gap: ${({ theme }) => theme.spacing(2)};
@@ -10,7 +10,7 @@ exports.Item = styles_1.styled.div `
   width: 100%;
   padding: ${({ theme }) => theme.spacing(0, 2)};
 `;
-exports.Wrapper = styles_1.styled.div `
+exports.Wrapper = styled_1.styled.div `
   overflow: hidden;
   display: flex;
   flex-direction: column;
@@ -19,7 +19,7 @@ exports.Wrapper = styles_1.styled.div `
   width: 100%;
   padding: ${({ theme }) => theme.microSpacing(5, 0)};
 `;
-exports.OrganizationInfoWrapper = styles_1.styled.div `
+exports.OrganizationInfoWrapper = styled_1.styled.div `
   display: flex;
   flex-direction: column;
   gap: ${({ theme }) => theme.spacing(1)};