@max-ts/components 0.2.4 → 0.3.1

package/lib/components/IconButton/styles.mjs

@@ -1,33 +1,38 @@
 import { styled as s } from "@mui/material";
-import { Button as a } from "../Button/Button.mjs";
-import { ButtonSizes as n } from "../Button/enums.mjs";
-const i = ({ type: t, values: r, defaultValue: e }) => t && r[t] || e, o = (t) => i({
+import "remeda";
+import { Button as p } from "../Button/Button.mjs";
+import { ButtonSizes as i } from "../Button/enums.mjs";
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+const n = ({ type: t, values: r, defaultValue: o }) => t && r[t] || o, e = (t) => n({
   type: t.size,
   values: {
-    [n.Large]: "40px"
+    [i.Large]: "40px"
   },
   defaultValue: "32px"
-}), u = (t) => i({
+}), a = (t) => n({
   type: t.size,
   values: {
-    [n.Small]: "36px"
+    [i.Small]: "36px"
   },
   defaultValue: "48px"
-}), p = s(a, {
+}), f = s(p, {
   shouldForwardProp: (t) => t !== "startIcon" && t !== "endIcon" && t !== "loading"
 })`
   pointer-events: ${({ loading: t }) => t && "none"};
 
-  width: ${o};
-  height: ${o};
+  width: ${e};
+  height: ${e};
   padding: ${({ theme: t }) => t.spacing(1)};
 
   ${({ theme: t }) => t.breakpoints.down("sm")} {
-    width: ${u};
+    width: ${a};
   }
 `;
 export {
-  p as StyledButton,
-  o as getButtonHeight,
-  u as getButtonHeightMobile
+  f as StyledButton,
+  e as getButtonHeight,
+  a as getButtonHeightMobile
 };

package/lib/components/Link/Link.d.ts

@@ -11,7 +11,7 @@ export type LinkProps = Pick<WithoutEmotionSpecific<MuiLinkProps>, 'rel' | 'href
      */
     isDownload?: boolean;
 };
-export declare const Link: import('react').ForwardRefExoticComponent<Pick<WithoutEmotionSpecific<MuiLinkProps>, "className" | "style" | "target" | "href" | "children" | "key" | "classes" | "rel"> & {
+export declare const Link: import('react').ForwardRefExoticComponent<Pick<WithoutEmotionSpecific<MuiLinkProps>, "classes" | "className" | "style" | "children" | "key" | "rel" | "href" | "target"> & {
     /**
      * Добавление иконки
      */

package/lib/components/Link/styles.d.ts

@@ -1 +1 @@
-export declare const StyledLink: import('@emotion/styled').StyledComponent<import('@mui/material').LinkOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "sx" | "className" | "color" | "height" | "style" | "width" | "display" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "order" | "overflow" | "visibility" | "children" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "whiteSpace" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "padding" | "paddingBlock" | "paddingInline" | "classes" | "p" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY" | "typography" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping" | "TypographyClasses" | "underline"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const StyledLink: import('@emotion/styled').StyledComponent<import('@mui/material').LinkOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "sx" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "classes" | "className" | "style" | "children" | "variant" | "p" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping" | "TypographyClasses" | "underline"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/lib/components/ListItem/styles.d.ts

@@ -7,5 +7,5 @@ type StyledListItemThemeProps = ListItemProps & {
 export declare const getColor: ({ theme, listItemState, }: StyledListItemThemeProps & {
     listItemState: ListItemStates;
 }) => string;
-export declare const StyledListItem: import('@emotion/styled').StyledComponent<import('@mui/material').ListItemOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "sx" | "className" | "style" | "children" | "alignItems" | "classes" | "divider" | "components" | "componentsProps" | "slots" | "slotProps" | "dense" | "disablePadding" | "disableGutters" | "secondaryAction" | "ContainerComponent" | "ContainerProps"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & ListItemProps, {}, {}>;
+export declare const StyledListItem: import('@emotion/styled').StyledComponent<import('@mui/material').ListItemOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "sx" | "divider" | "components" | "alignItems" | "classes" | "className" | "style" | "children" | "componentsProps" | "slots" | "slotProps" | "dense" | "disableGutters" | "disablePadding" | "ContainerComponent" | "ContainerProps" | "secondaryAction"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & ListItemProps, {}, {}>;
 export {};

package/lib/components/MaskField/MaskField.d.ts

@@ -0,0 +1,6 @@
+import { MaskOptions } from '@react-input/mask';
+import { TextFieldProps } from '../TextField';
+export type MaskFieldProps = TextFieldProps & {
+    maskProps: MaskOptions;
+};
+export declare const MaskField: ({ maskProps, ...textFieldProps }: MaskFieldProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/MaskField/MaskField.mjs

@@ -0,0 +1,10 @@
+import { j as e } from "../../_virtual/jsx-runtime.mjs";
+import { TextField as i } from "../TextField/TextField.mjs";
+import m from "../../node_modules/.pnpm/@react-input_mask@2.0.4_@types_react@19.0.10_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-input/mask/module/useMask.mjs";
+const x = ({ maskProps: t, ...o }) => {
+  const r = m(t);
+  return /* @__PURE__ */ e.jsx(i, { inputRef: r, ...o });
+};
+export {
+  x as MaskField
+};

package/lib/components/MaskField/index.d.ts

@@ -0,0 +1 @@
+export * from './MaskField';

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

@@ -1 +1 @@
-export declare const StyledMenuList: import('@emotion/styled').StyledComponent<import('@mui/material').MenuListOwnProps & import('@mui/material').ListOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "sx" | "children" | keyof import('@mui/material/OverridableComponent').CommonProps | "autoFocus" | "variant" | "autoFocusItem" | "disabledItemsFocusable" | "disableListWrap" | "dense" | "disablePadding" | "subheader"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const StyledMenuList: import('@emotion/styled').StyledComponent<import('@mui/material').MenuListOwnProps & import('@mui/material').ListOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "sx" | keyof import('@mui/material/OverridableComponent').CommonProps | "children" | "variant" | "autoFocus" | "dense" | "subheader" | "disablePadding" | "autoFocusItem" | "disabledItemsFocusable" | "disableListWrap"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/lib/components/NavMenu/Item/ItemButton/styles.d.ts

@@ -8,15 +8,62 @@ export declare const StyledListItemButton: import('@emotion/styled').StyledCompo
     $isGroupTitleItem: boolean;
 }, {}, {}>;
 export declare const NavMenuItemButtonIcon: import('@emotion/styled').StyledComponent<Omit<{
+    color?: string | undefined | undefined;
+    content?: string | undefined | undefined;
+    translate?: "yes" | "no" | undefined | undefined;
+    classes?: Partial<import('@mui/material').ListItemIconClasses> | undefined;
+    className?: string | undefined | undefined;
+    style?: import('react').CSSProperties | undefined;
+    children?: import('react').ReactNode;
+    slot?: string | undefined | undefined;
+    title?: string | undefined | undefined;
     ref?: import('react').Ref<unknown> | undefined;
+    defaultChecked?: boolean | undefined | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined | undefined;
     suppressHydrationWarning?: boolean | undefined | undefined;
-    className?: string | undefined | undefined;
-    color?: string | undefined | undefined;
+    accessKey?: string | undefined | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+    autoFocus?: boolean | undefined | undefined;
+    contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+    contextMenu?: string | undefined | undefined;
+    dir?: string | undefined | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+    hidden?: boolean | undefined | undefined;
     id?: string | undefined | undefined;
     lang?: string | undefined | undefined;
-    style?: import('react').CSSProperties | undefined;
-    role?: import('react').AriaRole | undefined;
+    nonce?: string | undefined | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
     tabIndex?: number | undefined | undefined;
+    radioGroup?: string | undefined | undefined;
+    role?: import('react').AriaRole | undefined;
+    about?: string | undefined | undefined;
+    datatype?: string | undefined | undefined;
+    inlist?: any;
+    prefix?: string | undefined | undefined;
+    property?: string | undefined | undefined;
+    rel?: string | undefined | undefined;
+    resource?: string | undefined | undefined;
+    rev?: string | undefined | undefined;
+    typeof?: string | undefined | undefined;
+    vocab?: string | undefined | undefined;
+    autoCorrect?: string | undefined | undefined;
+    autoSave?: string | undefined | undefined;
+    itemProp?: string | undefined | undefined;
+    itemScope?: boolean | undefined | undefined;
+    itemType?: string | undefined | undefined;
+    itemID?: string | undefined | undefined;
+    itemRef?: string | undefined | undefined;
+    results?: number | undefined | undefined;
+    security?: string | undefined | undefined;
+    unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+    is?: string | undefined | undefined;
     "aria-activedescendant"?: string | undefined | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
     "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
@@ -70,7 +117,6 @@ export declare const NavMenuItemButtonIcon: import('@emotion/styled').StyledComp
     "aria-valuemin"?: number | undefined | undefined;
     "aria-valuenow"?: number | undefined | undefined;
     "aria-valuetext"?: string | undefined | undefined;
-    children?: import('react').ReactNode;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined | undefined;
@@ -242,63 +288,70 @@ export declare const NavMenuItemButtonIcon: import('@emotion/styled').StyledComp
     onTransitionRunCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionStart?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionStartCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
-    content?: string | undefined | undefined;
-    translate?: "yes" | "no" | undefined | undefined;
-    classes?: Partial<import('@mui/material').ListItemIconClasses> | undefined;
-    slot?: string | undefined | undefined;
-    title?: string | undefined | undefined;
-    defaultChecked?: boolean | undefined | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined | undefined;
-    accessKey?: string | undefined | undefined;
-    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
-    autoFocus?: boolean | undefined | undefined;
-    contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
-    contextMenu?: string | undefined | undefined;
-    dir?: string | undefined | undefined;
-    draggable?: (boolean | "true" | "false") | undefined;
-    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    hidden?: boolean | undefined | undefined;
-    nonce?: string | undefined | undefined;
-    spellCheck?: (boolean | "true" | "false") | undefined;
-    radioGroup?: string | undefined | undefined;
-    about?: string | undefined | undefined;
-    datatype?: string | undefined | undefined;
-    inlist?: any;
-    prefix?: string | undefined | undefined;
-    property?: string | undefined | undefined;
-    rel?: string | undefined | undefined;
-    resource?: string | undefined | undefined;
-    rev?: string | undefined | undefined;
-    typeof?: string | undefined | undefined;
-    vocab?: string | undefined | undefined;
-    autoCorrect?: string | undefined | undefined;
-    autoSave?: string | undefined | undefined;
-    itemProp?: string | undefined | undefined;
-    itemScope?: boolean | undefined | undefined;
-    itemType?: string | undefined | undefined;
-    itemID?: string | undefined | undefined;
-    itemRef?: string | undefined | undefined;
-    results?: number | undefined | undefined;
-    security?: string | undefined | undefined;
-    unselectable?: "on" | "off" | undefined | undefined;
-    popover?: "" | "auto" | "manual" | undefined | undefined;
-    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
-    popoverTarget?: string | undefined | undefined;
-    inert?: boolean | undefined | undefined;
-    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
-    is?: string | undefined | undefined;
 }, "ref"> & import('react').RefAttributes<HTMLLIElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export declare const NavMenuItemButtonText: import('@emotion/styled').StyledComponent<import('../../../OverflowTypography').OverflowedProps & {
     tooltipProps?: Omit<{
-        suppressHydrationWarning?: boolean | undefined | undefined;
-        className?: string | undefined | undefined;
+        components?: {
+            Popper?: React.ElementType<import('@mui/material').PopperProps>;
+            Transition?: React.ElementType;
+            Tooltip?: React.ElementType;
+            Arrow?: React.ElementType;
+        } | undefined;
         color?: string | undefined | undefined;
+        content?: string | undefined | undefined;
+        translate?: "yes" | "no" | undefined | undefined;
+        classes?: Partial<import('@mui/material').TooltipClasses> | undefined;
+        className?: string | undefined | undefined;
+        style?: import('react').CSSProperties | undefined;
+        children: React.ReactElement<unknown, any>;
+        slot?: string | undefined | undefined;
+        title: React.ReactNode;
+        defaultChecked?: boolean | undefined | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
+        suppressContentEditableWarning?: boolean | undefined | undefined;
+        suppressHydrationWarning?: boolean | undefined | undefined;
+        accessKey?: string | undefined | undefined;
+        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+        autoFocus?: boolean | undefined | undefined;
+        contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+        contextMenu?: string | undefined | undefined;
+        dir?: string | undefined | undefined;
+        draggable?: (boolean | "true" | "false") | undefined;
+        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+        hidden?: boolean | undefined | undefined;
         id?: string | undefined;
         lang?: string | undefined | undefined;
-        style?: import('react').CSSProperties | undefined;
-        role?: import('react').AriaRole | undefined;
+        nonce?: string | undefined | undefined;
+        spellCheck?: (boolean | "true" | "false") | undefined;
         tabIndex?: number | undefined | undefined;
+        radioGroup?: string | undefined | undefined;
+        role?: import('react').AriaRole | undefined;
+        about?: string | undefined | undefined;
+        datatype?: string | undefined | undefined;
+        inlist?: any;
+        prefix?: string | undefined | undefined;
+        property?: string | undefined | undefined;
+        rel?: string | undefined | undefined;
+        resource?: string | undefined | undefined;
+        rev?: string | undefined | undefined;
+        typeof?: string | undefined | undefined;
+        vocab?: string | undefined | undefined;
+        autoCorrect?: string | undefined | undefined;
+        autoSave?: string | undefined | undefined;
+        itemProp?: string | undefined | undefined;
+        itemScope?: boolean | undefined | undefined;
+        itemType?: string | undefined | undefined;
+        itemID?: string | undefined | undefined;
+        itemRef?: string | undefined | undefined;
+        results?: number | undefined | undefined;
+        security?: string | undefined | undefined;
+        unselectable?: "on" | "off" | undefined | undefined;
+        popover?: "" | "auto" | "manual" | undefined | undefined;
+        popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+        popoverTarget?: string | undefined | undefined;
+        inert?: boolean | undefined | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+        is?: string | undefined | undefined;
         "aria-activedescendant"?: string | undefined | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
         "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
@@ -352,7 +405,6 @@ export declare const NavMenuItemButtonText: import('@emotion/styled').StyledComp
         "aria-valuemin"?: number | undefined | undefined;
         "aria-valuenow"?: number | undefined | undefined;
         "aria-valuetext"?: string | undefined | undefined;
-        children: React.ReactElement<unknown, any>;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
         } | undefined | undefined;
@@ -525,66 +577,27 @@ export declare const NavMenuItemButtonText: import('@emotion/styled').StyledComp
         onTransitionStart?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionStartCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
         size?: import('../../..').TooltipSize | undefined;
-        content?: string | undefined | undefined;
-        translate?: "yes" | "no" | undefined | undefined;
-        classes?: Partial<import('@mui/material').TooltipClasses> | undefined;
-        slot?: string | undefined | undefined;
-        title: React.ReactNode;
-        defaultChecked?: boolean | undefined | undefined;
-        defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined | undefined;
-        accessKey?: string | undefined | undefined;
-        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
-        autoFocus?: boolean | undefined | undefined;
-        contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
-        contextMenu?: string | undefined | undefined;
-        dir?: string | undefined | undefined;
-        draggable?: (boolean | "true" | "false") | undefined;
-        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-        hidden?: boolean | undefined | undefined;
-        nonce?: string | undefined | undefined;
-        spellCheck?: (boolean | "true" | "false") | undefined;
-        radioGroup?: string | undefined | undefined;
-        about?: string | undefined | undefined;
-        datatype?: string | undefined | undefined;
-        inlist?: any;
-        prefix?: string | undefined | undefined;
-        property?: string | undefined | undefined;
-        rel?: string | undefined | undefined;
-        resource?: string | undefined | undefined;
-        rev?: string | undefined | undefined;
-        typeof?: string | undefined | undefined;
-        vocab?: string | undefined | undefined;
-        autoCorrect?: string | undefined | undefined;
-        autoSave?: string | undefined | undefined;
-        itemProp?: string | undefined | undefined;
-        itemScope?: boolean | undefined | undefined;
-        itemType?: string | undefined | undefined;
-        itemID?: string | undefined | undefined;
-        itemRef?: string | undefined | undefined;
-        results?: number | undefined | undefined;
-        security?: string | undefined | undefined;
-        unselectable?: "on" | "off" | undefined | undefined;
-        popover?: "" | "auto" | "manual" | undefined | undefined;
-        popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
-        popoverTarget?: string | undefined | undefined;
-        inert?: boolean | undefined | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
-        is?: string | undefined | undefined;
-        open?: boolean | undefined;
-        arrow?: boolean | undefined;
-        components?: {
-            Popper?: React.ElementType<import('@mui/material').PopperProps>;
-            Transition?: React.ElementType;
-            Tooltip?: React.ElementType;
-            Arrow?: React.ElementType;
-        } | undefined;
         componentsProps?: {
             popper?: Partial<import('@mui/material').PopperProps> & import('@mui/material').TooltipComponentsPropsOverrides;
             transition?: import('@mui/material/transitions').TransitionProps & import('@mui/material').TooltipComponentsPropsOverrides;
             tooltip?: React.HTMLProps<HTMLDivElement> & import('@mui/system').MUIStyledCommonProps & import('@mui/material').TooltipComponentsPropsOverrides;
             arrow?: React.HTMLProps<HTMLSpanElement> & import('@mui/system').MUIStyledCommonProps & import('@mui/material').TooltipComponentsPropsOverrides;
         } | undefined;
+        onClose?: ((event: React.SyntheticEvent | Event) => void) | undefined;
+        open?: boolean | undefined;
+        slots?: Partial<import('@mui/material').TooltipSlots> | undefined;
+        slotProps?: {
+            popper?: import('@mui/material').SlotProps<import('react').ElementType<import('@mui/material').PopperProps, keyof import("react").JSX.IntrinsicElements>, import('@mui/material').TooltipPopperSlotPropsOverrides, import('@mui/material').TooltipOwnerState> | undefined;
+            transition?: import('@mui/material').SlotProps<import('react').ElementType<import('@mui/material/transitions').TransitionProps, keyof import("react").JSX.IntrinsicElements>, import('@mui/material').TooltipTransitionSlotPropsOverrides, import('@mui/material').TooltipOwnerState> | undefined;
+            tooltip?: import('@mui/material').SlotProps<import('react').ElementType<import('react').HTMLProps<HTMLDivElement>, keyof import("react").JSX.IntrinsicElements>, import('@mui/material').TooltipTooltipSlotPropsOverrides, import('@mui/material').TooltipOwnerState> | undefined;
+            arrow?: import('@mui/material').SlotProps<import('react').ElementType<import('react').HTMLProps<HTMLSpanElement>, keyof import("react").JSX.IntrinsicElements>, import('@mui/material').TooltipArrowSlotPropsOverrides, import('@mui/material').TooltipOwnerState> | undefined;
+        } | undefined;
+        TransitionComponent?: React.JSXElementConstructor<import('@mui/material/transitions').TransitionProps & {
+            children: React.ReactElement<unknown, any>;
+        }> | undefined;
+        TransitionProps?: import('@mui/material/transitions').TransitionProps | undefined;
+        placement?: "bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top" | undefined;
+        arrow?: boolean | undefined;
         describeChild?: boolean | undefined;
         disableFocusListener?: boolean | undefined;
         disableHoverListener?: boolean | undefined;
@@ -596,30 +609,17 @@ export declare const NavMenuItemButtonText: import('@emotion/styled').StyledComp
         followCursor?: boolean | undefined;
         leaveDelay?: number | undefined;
         leaveTouchDelay?: number | undefined;
-        onClose?: ((event: React.SyntheticEvent | Event) => void) | undefined;
         onOpen?: ((event: React.SyntheticEvent) => void) | undefined;
-        placement?: "bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top" | undefined;
         PopperComponent?: React.JSXElementConstructor<import('@mui/material').PopperProps> | undefined;
         PopperProps?: Partial<import('@mui/material').PopperProps> | undefined;
-        TransitionComponent?: React.JSXElementConstructor<import('@mui/material/transitions').TransitionProps & {
-            children: React.ReactElement<unknown, any>;
-        }> | undefined;
-        TransitionProps?: import('@mui/material/transitions').TransitionProps | undefined;
-        slots?: Partial<import('@mui/material').TooltipSlots> | undefined;
-        slotProps?: {
-            popper?: import('@mui/material').SlotProps<import('react').ElementType<import('@mui/material').PopperProps, keyof import("react").JSX.IntrinsicElements>, import('@mui/material').TooltipPopperSlotPropsOverrides, import('@mui/material').TooltipOwnerState> | undefined;
-            transition?: import('@mui/material').SlotProps<import('react').ElementType<import('@mui/material/transitions').TransitionProps, keyof import("react").JSX.IntrinsicElements>, import('@mui/material').TooltipTransitionSlotPropsOverrides, import('@mui/material').TooltipOwnerState> | undefined;
-            tooltip?: import('@mui/material').SlotProps<import('react').ElementType<import('react').HTMLProps<HTMLDivElement>, keyof import("react").JSX.IntrinsicElements>, import('@mui/material').TooltipTooltipSlotPropsOverrides, import('@mui/material').TooltipOwnerState> | undefined;
-            arrow?: import('@mui/material').SlotProps<import('react').ElementType<import('react').HTMLProps<HTMLSpanElement>, keyof import("react").JSX.IntrinsicElements>, import('@mui/material').TooltipArrowSlotPropsOverrides, import('@mui/material').TooltipOwnerState> | undefined;
-        } | undefined;
         withoutContainer?: boolean | undefined;
     }, "children" | "title"> & {
         title?: import('react').ReactNode;
     };
     visibleLastSymbolsCount?: number;
 } & {
-    ref?: import('react').Ref<HTMLSpanElement> | undefined;
     children?: import('react').ReactNode;
+    ref?: import('react').Ref<HTMLSpanElement> | undefined;
     align?: "inherit" | "left" | "center" | "right" | "justify" | undefined;
     gutterBottom?: boolean | undefined;
     noWrap?: boolean | undefined;
@@ -628,7 +628,7 @@ export declare const NavMenuItemButtonText: import('@emotion/styled').StyledComp
     color?: import('../../..').TypographyColor;
     variant?: import('../../..').TypographyVariant;
     colorIntensity?: import('../../..').Intensity;
-    component?: "symbol" | "object" | "style" | "clipPath" | "filter" | "mask" | "path" | import('react').ComponentType<any> | "map" | "search" | "big" | "link" | "small" | "sub" | "sup" | "marker" | "svg" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "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" | "keygen" | "label" | "legend" | "li" | "main" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "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" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view";
+    component?: "symbol" | "object" | "text" | "main" | "clipPath" | "filter" | "mask" | "marker" | "style" | "div" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "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" | "keygen" | "label" | "legend" | "li" | "link" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "search" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "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" | "textPath" | "tspan" | "use" | "view" | import('react').ComponentType<any>;
     isUpperCase?: boolean;
 } & import('react').HTMLAttributes<HTMLParagraphElement> & {
     children?: import('react').ReactNode | undefined;

package/lib/components/OverflowTypography/styles.d.ts

@@ -3,8 +3,8 @@ type OverflowTypographyWrapperProps = {
     rowsCount: number;
 };
 export declare const StyledTypography: import('@emotion/styled').StyledComponent<{
-    ref?: import('react').Ref<HTMLSpanElement> | undefined;
     children?: import('react').ReactNode;
+    ref?: import('react').Ref<HTMLSpanElement> | undefined;
     align?: "inherit" | "left" | "center" | "right" | "justify" | undefined;
     gutterBottom?: boolean | undefined;
     noWrap?: boolean | undefined;
@@ -13,12 +13,12 @@ export declare const StyledTypography: import('@emotion/styled').StyledComponent
     color?: import('../Typography').TypographyColor;
     variant?: import('../Typography').TypographyVariant;
     colorIntensity?: import('../Typography').Intensity;
-    component?: "symbol" | "object" | "style" | "clipPath" | "filter" | "mask" | "path" | import('react').ComponentType<any> | "map" | "search" | "big" | "link" | "small" | "sub" | "sup" | "marker" | "svg" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "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" | "keygen" | "label" | "legend" | "li" | "main" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "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" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view";
+    component?: "symbol" | "object" | "text" | "main" | "clipPath" | "filter" | "mask" | "marker" | "style" | "div" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "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" | "keygen" | "label" | "legend" | "li" | "link" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "search" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "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" | "textPath" | "tspan" | "use" | "view" | import('react').ComponentType<any>;
     isUpperCase?: boolean;
 } & import('react').HTMLAttributes<HTMLParagraphElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & OverflowTypographyWrapperProps, {}, {}>;
 export declare const Wrapper: import('@emotion/styled').StyledComponent<{
-    ref?: import('react').Ref<HTMLSpanElement> | undefined;
     children?: import('react').ReactNode;
+    ref?: import('react').Ref<HTMLSpanElement> | undefined;
     align?: "inherit" | "left" | "center" | "right" | "justify" | undefined;
     gutterBottom?: boolean | undefined;
     noWrap?: boolean | undefined;
@@ -27,7 +27,7 @@ export declare const Wrapper: import('@emotion/styled').StyledComponent<{
     color?: import('../Typography').TypographyColor;
     variant?: import('../Typography').TypographyVariant;
     colorIntensity?: import('../Typography').Intensity;
-    component?: "symbol" | "object" | "style" | "clipPath" | "filter" | "mask" | "path" | import('react').ComponentType<any> | "map" | "search" | "big" | "link" | "small" | "sub" | "sup" | "marker" | "svg" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "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" | "keygen" | "label" | "legend" | "li" | "main" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "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" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view";
+    component?: "symbol" | "object" | "text" | "main" | "clipPath" | "filter" | "mask" | "marker" | "style" | "div" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "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" | "keygen" | "label" | "legend" | "li" | "link" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "search" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "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" | "textPath" | "tspan" | "use" | "view" | import('react').ComponentType<any>;
     isUpperCase?: boolean;
 } & import('react').HTMLAttributes<HTMLParagraphElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
     $align: string;

package/lib/components/OverflowTypography/styles.mjs

@@ -1,6 +1,15 @@
 import { styled as i } from "@mui/material";
-import { Typography as e } from "../Typography/Typography.mjs";
-const r = i(e, {
+import "remeda";
+import "../../_virtual/jsx-runtime.mjs";
+import "clsx";
+import "../Button/styles.mjs";
+import "react";
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+import { Typography as o } from "../Typography/Typography.mjs";
+const h = i(o, {
   shouldForwardProp: (t) => t !== "rowsCount" && t !== "hasMultipleRows"
 })`
   /* stylelint-disable-next-line */
@@ -14,7 +23,7 @@ const r = i(e, {
   white-space: ${({ hasMultipleRows: t }) => t ? "initial" : "nowrap"};
   -webkit-box-orient: ${({ hasMultipleRows: t }) => t ? "vertical" : ""};
   -webkit-line-clamp: ${({ rowsCount: t }) => t};
-`, p = i(e, {
+`, c = i(o, {
   shouldForwardProp: (t) => !["$align"].includes(t.toString())
 })`
   display: flex;
@@ -25,6 +34,6 @@ const r = i(e, {
   white-space: nowrap;
 `;
 export {
-  r as StyledTypography,
-  p as Wrapper
+  h as StyledTypography,
+  c as Wrapper
 };

package/lib/components/Placeholder/Image/styles.mjs

@@ -1,6 +1,15 @@
-import { styled as t } from "@mui/material";
-import { SIZE as i } from "../constants.mjs";
-const n = t("img", {
+import { styled as i } from "@mui/material";
+import "remeda";
+import "../../../_virtual/jsx-runtime.mjs";
+import "clsx";
+import "../../Button/styles.mjs";
+import "react";
+/* empty css                                                                                            */
+/* empty css                                                                                            */
+/* empty css                                                                                            */
+/* empty css                                                                                            */
+import { SIZE as r } from "../constants.mjs";
+const $ = i("img", {
   shouldForwardProp: (o) => o !== "size"
 })`
   display: block;
@@ -9,7 +18,7 @@ const n = t("img", {
   max-width: 100%;
   height: ${({ height: o }) => o || "auto"};
   margin: auto auto
-    ${({ theme: o, size: a }) => a === i.Small ? o.spacing(4) : o.spacing(6)};
+    ${({ theme: o, size: t }) => t === r.Small ? o.spacing(4) : o.spacing(6)};
 
   color: ${({ theme: o }) => o.palette.grey[900]};
 
@@ -20,5 +29,5 @@ const n = t("img", {
   }
 `;
 export {
-  n as Wrapper
+  $ as Wrapper
 };