@max-ts/components 0.1.1 → 0.2.1

package/lib/components/IconButton/IconButton.mjs

@@ -0,0 +1,28 @@
+import { j as t } from "../../_virtual/jsx-runtime.mjs";
+import { useMemo as a } from "react";
+import "clsx";
+import { ButtonVariants as n } from "../Button/enums.mjs";
+import "../Button/styles.mjs";
+import { CircularProgress as p } from "../CircularProgress/CircularProgress.mjs";
+import { StyledButton as l } from "./styles.mjs";
+const g = (i) => {
+  const {
+    variant: r = n.Contained,
+    loading: o,
+    children: e,
+    ...s
+  } = i, m = a(() => r === n.Contained ? "inverted" : "primary", [r]);
+  return /* @__PURE__ */ t.jsx(
+    l,
+    {
+      loading: o,
+      variant: r,
+      tabIndex: o ? -1 : 0,
+      ...s,
+      children: o ? /* @__PURE__ */ t.jsx(p, { size: "small", color: m }) : e
+    }
+  );
+};
+export {
+  g as IconButton
+};

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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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
+};

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

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

package/lib/components/MenuList/MenuList.mjs

@@ -0,0 +1,6 @@
+import { j as o } from "../../_virtual/jsx-runtime.mjs";
+import { StyledMenuList as s } from "./styles.mjs";
+const m = ({ children: t, ...r }) => /* @__PURE__ */ o.jsx(s, { ...r, children: t });
+export {
+  m as MenuList
+};

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

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

package/lib/components/MenuList/styles.mjs

@@ -0,0 +1,12 @@
+import { styled as s, MenuList as t } from "@mui/material";
+const i = s(t)`
+  &.MuiList-root {
+    padding: ${({ theme: o }) => o.spacing(1, 0)};
+
+    border-radius: ${({ theme: o }) => o.shape.small};
+    box-shadow: ${({ theme: o }) => o.elevation[200]};
+  }
+`;
+export {
+  i as StyledMenuList
+};

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

@@ -0,0 +1,3 @@
+import { MenuListProps as MuiMenuListProps } from '@mui/material';
+import { WithoutEmotionSpecific } from '../types';
+export type MenuListProps<RootComponent extends React.ElementType> = WithoutEmotionSpecific<MuiMenuListProps<RootComponent>>;

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

@@ -0,0 +1,16 @@
+import { ElementType, ReactElement, ReactNode } from 'react';
+import { ListProps } from './List';
+export type ItemProps<TComponent extends ElementType = ElementType> = {
+    collapsedIn: boolean;
+    item: [
+        key: string,
+        value: {
+            icon: ReactElement;
+            text: ReactNode;
+            active?: boolean;
+            items?: ListProps['items'];
+            component?: TComponent;
+        }
+    ];
+};
+export declare const Item: <TComponent extends ElementType>(props: ItemProps<TComponent>) => import("react/jsx-runtime").JSX.Element;

package/lib/components/NavMenu/Item/Item.mjs

@@ -0,0 +1,44 @@
+import { j as o } from "../../../_virtual/jsx-runtime.mjs";
+import { useState as d, useMemo as j, useCallback as C } from "react";
+import { Collapse as h } from "../../Collapse/Collapse.mjs";
+import { ItemButton as k } from "./ItemButton/ItemButton.mjs";
+import { List as I } from "./List/List.mjs";
+const E = (i) => {
+  const {
+    collapsedIn: s,
+    item: [, m]
+  } = i, {
+    active: r,
+    icon: c,
+    items: n,
+    text: l,
+    component: p,
+    ...a
+  } = m, [e, u] = d(
+    n?.some(([, { active: t }]) => t)
+  ), x = j(() => e ? !1 : r, [e, r]), f = C(() => {
+    u((t) => {
+      if (typeof t == "boolean")
+        return !t;
+    });
+  }, []);
+  return /* @__PURE__ */ o.jsxs("li", { children: [
+    /* @__PURE__ */ o.jsx(
+      k,
+      {
+        opened: e,
+        collapsedIn: s,
+        selected: x,
+        text: l,
+        icon: c,
+        component: p,
+        ...a,
+        onClick: f
+      }
+    ),
+    n && /* @__PURE__ */ o.jsx(h, { in: e, children: /* @__PURE__ */ o.jsx(I, { collapsedIn: s, items: n }) })
+  ] });
+};
+export {
+  E as Item
+};