@max-ts/components 0.1.1 → 0.2.0

package/lib/components/IconButton/styles.cjs

@@ -0,0 +1,11 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@mui/material"),l=require("../Button/Button.cjs"),o=require("../Button/enums.cjs"),i=({type:t,values:s,defaultValue:n})=>t&&s[t]||n,e=t=>i({type:t.size,values:{[o.ButtonSizes.Large]:"40px"},defaultValue:"32px"}),u=t=>i({type:t.size,values:{[o.ButtonSizes.Small]:"36px"},defaultValue:"48px"}),a=r.styled(l.Button,{shouldForwardProp:t=>t!=="startIcon"&&t!=="endIcon"&&t!=="loading"})`
+  pointer-events: ${({loading:t})=>t&&"none"};
+
+  width: ${e};
+  height: ${e};
+  padding: ${({theme:t})=>t.spacing(1)};
+
+  ${({theme:t})=>t.breakpoints.down("sm")} {
+    width: ${u};
+  }
+`;exports.StyledButton=a;exports.getButtonHeight=e;exports.getButtonHeightMobile=u;

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

@@ -0,0 +1,23 @@
+import { ButtonProps } from '../Button';
+/**
+ * Получить значения для высоты кнопки в зависимости от size параметра
+ */
+export declare const getButtonHeight: (options: ButtonProps<"button">) => string;
+export declare const getButtonHeightMobile: (options: ButtonProps<"button">) => string;
+export declare const StyledButton: import('@emotion/styled').StyledComponent<Omit<import('../types').WithoutEmotionSpecific<import('@mui/material').ButtonProps<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>>>, "color" | "variant"> & {
+    variant?: `${import('../Button').ButtonVariants}`;
+    loading?: boolean;
+    loadingIndicator?: import('react').ReactNode;
+    loadingPosition?: "start" | "end" | "center";
+    color?: `${import('../Button').ButtonColors}`;
+    component?: import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    selected?: boolean;
+} & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Omit<import('../types').WithoutEmotionSpecific<import('@mui/material').ButtonProps<"button">>, "color" | "variant"> & {
+    variant?: `${import('../Button').ButtonVariants}`;
+    loading?: boolean;
+    loadingIndicator?: import('react').ReactNode;
+    loadingPosition?: "start" | "end" | "center";
+    color?: `${import('../Button').ButtonColors}`;
+    component?: "button" | undefined;
+    selected?: boolean;
+}, {}, {}>;

package/lib/components/IconButton/styles.mjs

@@ -0,0 +1,33 @@
+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({
+  type: t.size,
+  values: {
+    [n.Large]: "40px"
+  },
+  defaultValue: "32px"
+}), u = (t) => i({
+  type: t.size,
+  values: {
+    [n.Small]: "36px"
+  },
+  defaultValue: "48px"
+}), p = s(a, {
+  shouldForwardProp: (t) => t !== "startIcon" && t !== "endIcon" && t !== "loading"
+})`
+  pointer-events: ${({ loading: t }) => t && "none"};
+
+  width: ${o};
+  height: ${o};
+  padding: ${({ theme: t }) => t.spacing(1)};
+
+  ${({ theme: t }) => t.breakpoints.down("sm")} {
+    width: ${u};
+  }
+`;
+export {
+  p as StyledButton,
+  o as getButtonHeight,
+  u as getButtonHeightMobile
+};

package/lib/components/IconDropdownButton/IconDropdownButton.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.cjs"),l=require("@mui/material"),a=require("react"),d=require("../../hooks/useMenu/useMenu.cjs"),j=require("../IconButton/IconButton.cjs"),M=require("../Menu/Menu.cjs"),h=a.forwardRef(({children:o,icon:u,...t},c)=>{const{open:n,anchorRef:r,handleOpenMenu:i,handleCloseMenu:s}=d.useMenu(c);return e.j.jsxs(e.j.Fragment,{children:[e.j.jsx(l.ClickAwayListener,{onClickAway:s,mouseEvent:"onMouseUp",children:e.j.jsx(j.IconButton,{...t,ref:r,onClick:i,selected:n,children:u})}),e.j.jsx(M.Menu,{open:n,anchorEl:r.current,children:o})]})});exports.IconDropdownButton=h;

package/lib/components/IconDropdownButton/IconDropdownButton.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { IconButtonProps } from '../IconButton';
+export type IconDropdownButtonProps = IconButtonProps<'button'> & {
+    /**
+     * Иконка кнопки
+     */
+    icon: ReactNode;
+};
+export declare const IconDropdownButton: import('react').ForwardRefExoticComponent<Omit<IconDropdownButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;

package/lib/components/IconDropdownButton/IconDropdownButton.mjs

@@ -0,0 +1,25 @@
+import { j as o } from "../../_virtual/jsx-runtime.mjs";
+import { ClickAwayListener as p } from "@mui/material";
+import { forwardRef as u } from "react";
+import { useMenu as l } from "../../hooks/useMenu/useMenu.mjs";
+import { IconButton as f } from "../IconButton/IconButton.mjs";
+import { Menu as a } from "../Menu/Menu.mjs";
+const C = u(({ children: r, icon: t, ...s }, m) => {
+  const { open: e, anchorRef: n, handleOpenMenu: c, handleCloseMenu: i } = l(m);
+  return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+    /* @__PURE__ */ o.jsx(p, { onClickAway: i, mouseEvent: "onMouseUp", children: /* @__PURE__ */ o.jsx(
+      f,
+      {
+        ...s,
+        ref: n,
+        onClick: c,
+        selected: e,
+        children: t
+      }
+    ) }),
+    /* @__PURE__ */ o.jsx(a, { open: e, anchorEl: n.current, children: r })
+  ] });
+});
+export {
+  C as IconDropdownButton
+};

package/lib/components/InternalErrorPlaceholder/InternalErrorPlaceholder.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.cjs"),i=require("@mui/material"),l=require("react"),c=require("../Button/Button.cjs"),a=require("../ConfigProvider/ConfigProvider.cjs");require("../Placeholder/Image/Image.cjs");const s=require("../Placeholder/Placeholder.cjs"),o=require("../Typography/Typography.cjs"),h=()=>{const{imagesMap:t,techSup:r}=l.useContext(a.ConfigContext),n=()=>{location.reload()};return e.j.jsx(s.Placeholder,{title:"Произошла непредвиденная ошибка",description:e.j.jsxs("div",{children:[e.j.jsx(o.Typography,{children:"Пожалуйста, попробуйте обновить страницу или обратитесь в техническую поддержку:"}),e.j.jsxs(o.Typography,{children:["email ",e.j.jsx(i.Link,{href:`mailto:${r.email}`,children:r.email}),", телефон ",e.j.jsx(i.Link,{href:`tel:${r.phone}`,children:r.phone})]})]}),imgAlt:"Непредвиденная ошибка",imgSrc:t.defaultErrorImgSrc,imgWidth:"324px",Actions:e.j.jsx(c.Button,{onClick:n,children:"Обновить страницу"})})};exports.InternalErrorPlaceholder=h;

package/lib/components/InternalErrorPlaceholder/InternalErrorPlaceholder.mjs

@@ -0,0 +1,35 @@
+import { j as r } from "../../_virtual/jsx-runtime.mjs";
+import { Link as e } from "@mui/material";
+import { useContext as n } from "react";
+import { Button as l } from "../Button/Button.mjs";
+import { ConfigContext as s } from "../ConfigProvider/ConfigProvider.mjs";
+import "../Placeholder/Image/Image.mjs";
+import { Placeholder as c } from "../Placeholder/Placeholder.mjs";
+import { Typography as i } from "../Typography/Typography.mjs";
+const u = () => {
+  const { imagesMap: t, techSup: o } = n(s), m = () => {
+    location.reload();
+  };
+  return /* @__PURE__ */ r.jsx(
+    c,
+    {
+      title: "Произошла непредвиденная ошибка",
+      description: /* @__PURE__ */ r.jsxs("div", { children: [
+        /* @__PURE__ */ r.jsx(i, { children: "Пожалуйста, попробуйте обновить страницу или обратитесь в техническую поддержку:" }),
+        /* @__PURE__ */ r.jsxs(i, { children: [
+          "email ",
+          /* @__PURE__ */ r.jsx(e, { href: `mailto:${o.email}`, children: o.email }),
+          ", телефон ",
+          /* @__PURE__ */ r.jsx(e, { href: `tel:${o.phone}`, children: o.phone })
+        ] })
+      ] }),
+      imgAlt: "Непредвиденная ошибка",
+      imgSrc: t.defaultErrorImgSrc,
+      imgWidth: "324px",
+      Actions: /* @__PURE__ */ r.jsx(l, { onClick: m, children: "Обновить страницу" })
+    }
+  );
+};
+export {
+  u as InternalErrorPlaceholder
+};

package/lib/components/Link/Link.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.cjs"),j=require("react"),s=require("lucide-react"),c=require("./styles.cjs"),l=j.forwardRef(({withAdornment:r,isDownload:i,children:u,...n},o)=>{const t=i?e.j.jsx(s.ArrowDownToLine,{size:16}):e.j.jsx(s.SquareArrowOutUpRight,{size:16});return e.j.jsxs(c.StyledLink,{download:i,ref:o,...n,children:[r==="start"&&t,u,r==="end"&&t,!r&&i&&e.j.jsx(s.ArrowDownToLine,{})]})});exports.Link=l;

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

@@ -0,0 +1,24 @@
+import { LinkProps as MuiLinkProps } from '@mui/material';
+import { WithoutEmotionSpecific } from '../types';
+export type LinkProps = Pick<WithoutEmotionSpecific<MuiLinkProps>, 'rel' | 'href' | 'className' | 'classes' | 'style' | 'children' | 'key' | 'target'> & {
+    /**
+     * Добавление иконки
+     */
+    withAdornment?: 'start' | 'end';
+    /**
+     * Указывает что ссылка для скачивания файла
+     * добавляет атрибут 'download' тегу 'a'
+     */
+    isDownload?: boolean;
+};
+export declare const Link: import('react').ForwardRefExoticComponent<Pick<WithoutEmotionSpecific<MuiLinkProps>, "className" | "style" | "target" | "href" | "children" | "key" | "classes" | "rel"> & {
+    /**
+     * Добавление иконки
+     */
+    withAdornment?: "start" | "end";
+    /**
+     * Указывает что ссылка для скачивания файла
+     * добавляет атрибут 'download' тегу 'a'
+     */
+    isDownload?: boolean;
+} & import('react').RefAttributes<HTMLAnchorElement>>;

package/lib/components/Link/Link.mjs

@@ -0,0 +1,18 @@
+import { j as r } from "../../_virtual/jsx-runtime.mjs";
+import { forwardRef as x } from "react";
+import { ArrowDownToLine as e, SquareArrowOutUpRight as f } from "lucide-react";
+import { StyledLink as j } from "./styles.mjs";
+const L = x(
+  ({ withAdornment: o, isDownload: s, children: i, ...m }, p) => {
+    const t = s ? /* @__PURE__ */ r.jsx(e, { size: 16 }) : /* @__PURE__ */ r.jsx(f, { size: 16 });
+    return /* @__PURE__ */ r.jsxs(j, { download: s, ref: p, ...m, children: [
+      o === "start" && t,
+      i,
+      o === "end" && t,
+      !o && s && /* @__PURE__ */ r.jsx(e, {})
+    ] });
+  }
+);
+export {
+  L as Link
+};

package/lib/components/Link/styles.cjs

@@ -0,0 +1,35 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@mui/material"),o=t.styled(t.Link)`
+  display: inline-flex;
+  gap: ${({theme:e})=>e.spacing(1)};
+  align-items: center;
+  justify-content: flex-start;
+
+  font-size: ${({theme:e})=>e.typography.fontSize}px;
+  color: ${({theme:e})=>e.palette.components.link.main};
+  text-decoration: none;
+
+  &:active {
+    color: ${({theme:e})=>e.palette.components.link.active};
+  }
+
+  &:visited {
+    color: ${({theme:e})=>e.palette.components.link.visited};
+  }
+
+  &:hover {
+    color: ${({theme:e})=>e.palette.components.link.hover};
+    text-decoration: underline;
+  }
+
+  &:focus {
+    border-radius: 4px;
+    outline: 2px solid ${({theme:e})=>e.palette.primary[400]};
+  }
+
+  .${t.svgIconClasses.root} {
+    align-self: center;
+
+    width: 16px;
+    height: 16px;
+  }
+`;exports.StyledLink=o;

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

@@ -0,0 +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>, {}, {}>;

package/lib/components/Link/styles.mjs

@@ -0,0 +1,39 @@
+import { svgIconClasses as t, styled as o, Link as n } from "@mui/material";
+const l = o(n)`
+  display: inline-flex;
+  gap: ${({ theme: e }) => e.spacing(1)};
+  align-items: center;
+  justify-content: flex-start;
+
+  font-size: ${({ theme: e }) => e.typography.fontSize}px;
+  color: ${({ theme: e }) => e.palette.components.link.main};
+  text-decoration: none;
+
+  &:active {
+    color: ${({ theme: e }) => e.palette.components.link.active};
+  }
+
+  &:visited {
+    color: ${({ theme: e }) => e.palette.components.link.visited};
+  }
+
+  &:hover {
+    color: ${({ theme: e }) => e.palette.components.link.hover};
+    text-decoration: underline;
+  }
+
+  &:focus {
+    border-radius: 4px;
+    outline: 2px solid ${({ theme: e }) => e.palette.primary[400]};
+  }
+
+  .${t.root} {
+    align-self: center;
+
+    width: 16px;
+    height: 16px;
+  }
+`;
+export {
+  l as StyledLink
+};

package/lib/components/List/List.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.cjs"),r=require("@mui/material"),i=e=>t.j.jsx(r.List,{...e});exports.List=i;

package/lib/components/List/List.d.ts

@@ -0,0 +1,4 @@
+import { ListProps as MuiListProps } from '@mui/material';
+import { WithoutEmotionSpecific } from '../types';
+export type ListProps = WithoutEmotionSpecific<MuiListProps>;
+export declare const List: (props: ListProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/List/List.mjs

@@ -0,0 +1,6 @@
+import { j as s } from "../../_virtual/jsx-runtime.mjs";
+import { List as r } from "@mui/material";
+const m = (t) => /* @__PURE__ */ s.jsx(r, { ...t });
+export {
+  m as List
+};

package/lib/components/ListItem/ListItem.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.cjs"),s=require("./styles.cjs"),r=e=>t.j.jsx(s.StyledListItem,{...e});exports.ListItem=r;

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

@@ -0,0 +1,4 @@
+import { ListItemProps as MuiListItemProps } from '@mui/material';
+import { WithoutEmotionSpecific } from '../types';
+export type ListItemProps = WithoutEmotionSpecific<MuiListItemProps>;
+export declare const ListItem: (props: ListItemProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/ListItem/ListItem.mjs

@@ -0,0 +1,6 @@
+import { j as r } from "../../_virtual/jsx-runtime.mjs";
+import { StyledListItem as m } from "./styles.mjs";
+const e = (t) => /* @__PURE__ */ r.jsx(m, { ...t });
+export {
+  e as ListItem
+};

package/lib/components/ListItem/constants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var r=(e=>(e.DEFAULT="default",e.HOVER="hover",e.SELECTED="selected",e))(r||{});exports.ListItemStates=r;

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

@@ -0,0 +1,5 @@
+export declare enum ListItemStates {
+    DEFAULT = "default",
+    HOVER = "hover",
+    SELECTED = "selected"
+}

package/lib/components/ListItem/constants.mjs

@@ -0,0 +1,4 @@
+var E = /* @__PURE__ */ ((r) => (r.DEFAULT = "default", r.HOVER = "hover", r.SELECTED = "selected", r))(E || {});
+export {
+  E as ListItemStates
+};

package/lib/components/ListItem/styles.cjs

@@ -0,0 +1,11 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@mui/material"),e=require("./constants.cjs"),r=({theme:t,listItemState:s})=>s===e.ListItemStates.DEFAULT?t.palette.grey[900]:s===e.ListItemStates.HOVER?t.palette.primary[800]:t.palette.grey[900],l=o.styled(o.ListItem,{shouldForwardProp:t=>t!=="selected"})`
+  cursor: pointer;
+  user-select: none;
+
+  color: ${t=>r({...t,listItemState:e.ListItemStates.DEFAULT})};
+  border-radius: ${({theme:t})=>t.shape.small};
+
+  :hover {
+    color: ${t=>r({...t,listItemState:e.ListItemStates.HOVER})};
+  }
+`;exports.StyledListItem=l;exports.getColor=r;

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

@@ -0,0 +1,11 @@
+import { Theme } from '../../theme';
+import { ListItemProps } from './ListItem';
+import { ListItemStates } from './constants';
+type StyledListItemThemeProps = ListItemProps & {
+    theme: Theme;
+};
+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 {};

package/lib/components/ListItem/styles.mjs

@@ -0,0 +1,25 @@
+import { styled as s, ListItem as l } from "@mui/material";
+import { ListItemStates as r } from "./constants.mjs";
+const o = ({
+  theme: t,
+  listItemState: e
+}) => e === r.DEFAULT ? t.palette.grey[900] : e === r.HOVER ? t.palette.primary[800] : t.palette.grey[900], p = s(l, {
+  shouldForwardProp: (t) => t !== "selected"
+})`
+  cursor: pointer;
+  user-select: none;
+
+  color: ${(t) => o({ ...t, listItemState: r.DEFAULT })};
+  border-radius: ${({ theme: t }) => t.shape.small};
+
+  :hover {
+    color: ${(t) => o({
+  ...t,
+  listItemState: r.HOVER
+})};
+  }
+`;
+export {
+  p as StyledListItem,
+  o as getColor
+};

package/lib/components/ListItemButton/ListItemButton.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.cjs"),a=require("@mui/material"),c=require("../Tooltip/Tooltip.cjs"),d=n=>{const{disabledReason:o,disabled:t,tooltipPlacement:r,note:s,withoutContainer:l=!1,...u}=n,i=()=>e.j.jsx(c.Tooltip,{title:t?o:s,placement:r,withoutContainer:!t,children:e.j.jsx(a.ListItemButton,{disabled:t,component:"div",...u,disableRipple:!0})});return l?i():e.j.jsx("li",{children:i()})};exports.ListItemButton=d;

package/lib/components/ListItemButton/ListItemButton.d.ts

@@ -0,0 +1,21 @@
+import { ListItemButtonTypeMap, ListItemButtonProps as MuiListItemButtonProps } from '@mui/material';
+import { ElementType } from 'react';
+import { TooltipProps } from '../Tooltip';
+import { WithoutEmotionSpecific } from '../types';
+export type ListItemButtonProps<RootComponent extends React.ElementType = ListItemButtonTypeMap['defaultComponent']> = Omit<WithoutEmotionSpecific<MuiListItemButtonProps<RootComponent>>, 'disableRipple'> & {
+    tooltipPlacement?: TooltipProps['placement'];
+    /**
+     * Текст тултипа при заблокированном состоянии элемента меню
+     */
+    disabledReason?: string;
+    /**
+     * Текст тултипа при наведении на элемент меню
+     */
+    note?: string;
+    component?: ElementType;
+    /**
+     * withoutContainer необходим для обратной совместимости и рендерит компонент без тега li
+     */
+    withoutContainer?: boolean;
+};
+export declare const ListItemButton: <RootComponent extends React.ElementType = "div">(props: ListItemButtonProps<RootComponent>) => import("react/jsx-runtime").JSX.Element;

package/lib/components/ListItemButton/ListItemButton.mjs

@@ -0,0 +1,33 @@
+import { j as e } from "../../_virtual/jsx-runtime.mjs";
+import { ListItemButton as p } from "@mui/material";
+import { Tooltip as a } from "../Tooltip/Tooltip.mjs";
+const x = (i) => {
+  const {
+    disabledReason: n,
+    disabled: t,
+    tooltipPlacement: r,
+    note: s,
+    withoutContainer: m = !1,
+    ...l
+  } = i, o = () => /* @__PURE__ */ e.jsx(
+    a,
+    {
+      title: t ? n : s,
+      placement: r,
+      withoutContainer: !t,
+      children: /* @__PURE__ */ e.jsx(
+        p,
+        {
+          disabled: t,
+          component: "div",
+          ...l,
+          disableRipple: !0
+        }
+      )
+    }
+  );
+  return m ? o() : /* @__PURE__ */ e.jsx("li", { children: o() });
+};
+export {
+  x as ListItemButton
+};

package/lib/components/ListItemIcon/ListItemIcon.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../_virtual/jsx-runtime.cjs"),i=require("react"),s=require("./styles.cjs"),o=i.forwardRef((e,t)=>r.j.jsx(s.StyledListItemIcon,{ref:t,...e}));exports.ListItemIcon=o;

package/lib/components/ListItemIcon/ListItemIcon.d.ts

@@ -0,0 +1,5 @@
+import { ListItemIconProps as MuiListItemIconProps } from '@mui/material';
+import { WithoutEmotionSpecific } from '../types';
+type ListItemIconProps = WithoutEmotionSpecific<MuiListItemIconProps>;
+export declare const ListItemIcon: import('react').ForwardRefExoticComponent<Omit<ListItemIconProps, "ref"> & import('react').RefAttributes<HTMLLIElement>>;
+export {};

package/lib/components/ListItemIcon/ListItemIcon.mjs

@@ -0,0 +1,9 @@
+import { j as r } from "../../_virtual/jsx-runtime.mjs";
+import { forwardRef as m } from "react";
+import { StyledListItemIcon as e } from "./styles.mjs";
+const n = m(
+  (t, o) => /* @__PURE__ */ r.jsx(e, { ref: o, ...t })
+);
+export {
+  n as ListItemIcon
+};

package/lib/components/ListItemIcon/styles.cjs

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@mui/material"),e=t.styled(t.ListItemIcon)`
+  color: inherit;
+`;exports.StyledListItemIcon=e;

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

@@ -0,0 +1 @@
+export declare const StyledListItemIcon: import('@emotion/styled').StyledComponent<import('@mui/material').ListItemIconProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/lib/components/ListItemIcon/styles.mjs

@@ -0,0 +1,7 @@
+import { styled as t, ListItemIcon as o } from "@mui/material";
+const i = t(o)`
+  color: inherit;
+`;
+export {
+  i as StyledListItemIcon
+};

package/lib/components/ListItemText/ListItemText.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.cjs"),r=require("@mui/material"),i=e=>t.j.jsx(r.ListItemText,{...e});exports.ListItemText=i;

package/lib/components/ListItemText/ListItemText.d.ts

@@ -0,0 +1,4 @@
+import { ListItemTextProps as MuiListItemTextProps } from '@mui/material';
+import { WithoutEmotionSpecific } from '../types';
+export type ListItemTextProps = WithoutEmotionSpecific<MuiListItemTextProps>;
+export declare const ListItemText: (props: ListItemTextProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/ListItemText/ListItemText.mjs

@@ -0,0 +1,6 @@
+import { j as e } from "../../_virtual/jsx-runtime.mjs";
+import { ListItemText as s } from "@mui/material";
+const o = (t) => /* @__PURE__ */ e.jsx(s, { ...t });
+export {
+  o as ListItemText
+};

package/lib/components/ListSubheader/ListSubheader.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.cjs"),r=require("@mui/material"),i=e=>t.j.jsx(r.ListSubheader,{...e});exports.ListSubheader=i;

package/lib/components/ListSubheader/ListSubheader.d.ts

@@ -0,0 +1,4 @@
+import { ListSubheaderProps as MuiListSubheaderProps } from '@mui/material';
+import { WithoutEmotionSpecific } from '../types';
+export type ListSubheaderProps = WithoutEmotionSpecific<MuiListSubheaderProps>;
+export declare const ListSubheader: (props: ListSubheaderProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/ListSubheader/ListSubheader.mjs

@@ -0,0 +1,6 @@
+import { j as s } from "../../_virtual/jsx-runtime.mjs";
+import { ListSubheader as t } from "@mui/material";
+const i = (r) => /* @__PURE__ */ s.jsx(t, { ...r });
+export {
+  i as ListSubheader
+};

package/lib/components/Menu/Menu.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.cjs"),o=require("@mui/material"),j=require("../../hooks/useViewportType/useViewportType.cjs");require("react");const M=require("../BottomDrawer/BottomDrawer.cjs"),a=require("../MenuList/MenuList.cjs"),c=({children:r,onClose:t,open:u,title:i,...s})=>{const{isMobile:n}=j.useViewportType();return n?e.j.jsx(M.BottomDrawer,{title:i,onClose:t,open:u,children:e.j.jsx(a.MenuList,{children:r})}):e.j.jsx(o.Menu,{open:u,onClose:t,...s,children:r})};exports.Menu=c;

package/lib/components/Menu/Menu.d.ts

@@ -0,0 +1,9 @@
+import { MenuProps as MuiMenuProps } from '@mui/material';
+import { WithoutEmotionSpecific } from '../types';
+export type MenuProps = WithoutEmotionSpecific<MuiMenuProps> & {
+    /**
+     * Заголовок для отображения в мобильной версии
+     */
+    title?: string;
+};
+export declare const Menu: ({ children, onClose, open, title, ...restProps }: MenuProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/Menu/Menu.mjs

@@ -0,0 +1,19 @@
+import { j as r } from "../../_virtual/jsx-runtime.mjs";
+import { Menu as p } from "@mui/material";
+import { useViewportType as u } from "../../hooks/useViewportType/useViewportType.mjs";
+import "react";
+import { BottomDrawer as n } from "../BottomDrawer/BottomDrawer.mjs";
+import { MenuList as f } from "../MenuList/MenuList.mjs";
+const b = ({
+  children: t,
+  onClose: o,
+  open: m,
+  title: i,
+  ...e
+}) => {
+  const { isMobile: s } = u();
+  return s ? /* @__PURE__ */ r.jsx(n, { title: i, onClose: o, open: m, children: /* @__PURE__ */ r.jsx(f, { children: t }) }) : /* @__PURE__ */ r.jsx(p, { open: m, onClose: o, ...e, children: t });
+};
+export {
+  b as Menu
+};

package/lib/components/MenuItem/MenuItem.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.cjs"),a=require("@mui/material"),c=require("../Tooltip/Tooltip.cjs"),d=n=>{const{disabledReason:o,disabled:e,component:l="div",title:i,tooltipPlacement:r="left",note:s,...u}=n;return t.j.jsx("li",{children:t.j.jsx(c.Tooltip,{title:e?o:s,placement:r,withoutContainer:!e,children:t.j.jsx(a.MenuItem,{...u,disabled:e,title:i,component:l})},i)})};exports.MenuItem=d;

package/lib/components/MenuItem/MenuItem.d.ts

@@ -0,0 +1,28 @@
+import { MenuItemTypeMap, MenuItemProps as MuiMenuItemProps } from '@mui/material';
+import { ElementType } from 'react';
+import { TooltipProps } from '../Tooltip';
+import { WithoutEmotionSpecific } from '../types';
+export type MenuItemProps<RootComponent extends React.ElementType = MenuItemTypeMap['defaultComponent']> = WithoutEmotionSpecific<MuiMenuItemProps<RootComponent>> & {
+    /**
+     * Текст тултипа при заблокированном состоянии элемента меню
+     */
+    disabledReason?: string;
+    /**
+     * Текст тултипа при наведении на элемент меню
+     */
+    note?: string;
+    /**
+     * Позиционирование тултипа
+     * @default left
+     */
+    tooltipPlacement?: TooltipProps['placement'];
+    /**
+     * Тип элемента
+     */
+    component?: RootComponent;
+    /**
+     * Ссылка, если в component передан тег a.
+     */
+    href?: string;
+};
+export declare const MenuItem: <TComponent extends ElementType>(props: MenuItemProps<TComponent>) => import("react/jsx-runtime").JSX.Element;

package/lib/components/MenuItem/MenuItem.mjs

@@ -0,0 +1,35 @@
+import { j as e } from "../../_virtual/jsx-runtime.mjs";
+import { MenuItem as p } from "@mui/material";
+import { Tooltip as a } from "../Tooltip/Tooltip.mjs";
+const x = (n) => {
+  const {
+    disabledReason: i,
+    disabled: t,
+    component: r = "div",
+    title: o,
+    tooltipPlacement: m = "left",
+    note: s,
+    ...l
+  } = n;
+  return /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx(
+    a,
+    {
+      title: t ? i : s,
+      placement: m,
+      withoutContainer: !t,
+      children: /* @__PURE__ */ e.jsx(
+        p,
+        {
+          ...l,
+          disabled: t,
+          title: o,
+          component: r
+        }
+      )
+    },
+    o
+  ) });
+};
+export {
+  x as MenuItem
+};