@max-ts/components 0.1.0 → 0.2.0

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

@@ -0,0 +1,22 @@
+type Direction = 'default' | 'row' | 'column';
+type DescriptionNameProps = {
+    $nameMaxWidth?: string;
+    $direction?: Direction;
+};
+type DescriptionListVariant = 'contained' | 'default';
+export declare const StyledDescriptionName: import('@emotion/styled').StyledComponent<import('../Description/Name').NameProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & DescriptionNameProps, {}, {}>;
+export declare const Wrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    $variant: DescriptionListVariant;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const ListWrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    $direction?: Direction;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDListElement>, HTMLDListElement>, {}>;
+export declare const StyledDescriptionValue: import('@emotion/styled').StyledComponent<Pick<import('..').TypographyProps, "color" | "children" | "variant"> & {
+    stub?: import('react').ReactNode;
+    canCopy?: boolean;
+    copyPosition?: "left" | "right";
+    copyText?: string;
+} & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    $isCopy?: boolean;
+}, {}, {}>;
+export {};

package/lib/components/DescriptionList/styles.mjs

@@ -0,0 +1,46 @@
+import { styled as i } from "@mui/material";
+import { Description as n } from "../Description/Description.mjs";
+const s = i(n.Name, {
+  shouldForwardProp: (o) => !["$nameMaxWidth, $direction"].includes(o.toString())
+})`
+  max-width: ${({ $nameMaxWidth: o }) => o || "none"};
+  margin-bottom: ${({ theme: o, $direction: r }) => Object.is(r, "column") ? o.spacing(1) : 0};
+
+  ${({ theme: o }) => o.breakpoints.down("sm")} {
+    margin-bottom: ${({ theme: o, $direction: r }) => Object.is(r, "row") ? 0 : o.spacing(1)};
+  }
+`, d = i("article", {
+  shouldForwardProp: (o) => !["$variant"].includes(o.toString())
+})`
+  display: grid;
+  row-gap: ${({ theme: o }) => o.spacing(3)};
+
+  padding: ${({ $variant: o, theme: r }) => o === "contained" ? r.spacing(4) : 0};
+
+  background-color: ${({ $variant: o, theme: r }) => o === "contained" ? r.palette.background.default : "transparent"};
+  border: ${({ $variant: o, theme: r }) => o === "contained" ? `1px solid ${r.palette.grey[300]}` : "unset"};
+  border-radius: ${({ theme: o }) => o.shape.small};
+`, e = i("dl", {
+  shouldForwardProp: (o) => !["$direction"].includes(o.toString())
+})`
+  display: grid;
+  row-gap: ${({ theme: o, $direction: r }) => Object.is(r, "column") ? o.spacing(3) : o.spacing(1)};
+
+  margin: 0;
+
+  ${({ theme: o }) => o.breakpoints.down("sm")} {
+    row-gap: ${({ theme: o }) => o.spacing(3)};
+  }
+`, p = i(n.Value, {
+  shouldForwardProp: (o) => !["$isCopy"].includes(o.toString())
+})`
+  display: ${({ $isCopy: o }) => o && "flex"};
+
+  width: ${({ $isCopy: o }) => o && "calc(100% - 20px)"};
+`;
+export {
+  e as ListWrapper,
+  s as StyledDescriptionName,
+  p as StyledDescriptionValue,
+  d as Wrapper
+};

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

@@ -0,0 +1,32 @@
+import { ReactNode } from 'react';
+import { DescriptionProps } from '../Description';
+import { ValueProps } from '../Description/Value';
+export type DescriptionOptions = Pick<ValueProps, 'canCopy' | 'copyPosition' | 'color' | 'copyText'> & {
+    nameMaxWidth?: string;
+    /**
+     *  Вариант отображения Value в списке
+     */
+    variant?: 'tag' | 'default' | 'guid';
+    renderValue?: (value: ReactNode, optionProps: Omit<DescriptionOptions, 'nameMaxWidth'>) => ReactNode;
+};
+export type DescriptionListItem = {
+    name: ReactNode;
+    value: ReactNode;
+    options?: DescriptionOptions;
+};
+export type DescriptionListVariant = 'contained' | 'default';
+export type DescriptionListProps = Pick<DescriptionProps, 'justifyContent' | 'leader' | 'separator' | 'direction'> & {
+    /**
+     * Список отображаемых "name: value"
+     */
+    items: DescriptionListItem[];
+    /**
+     * Вариант отображения списка
+     * @default default
+     */
+    variant?: DescriptionListVariant;
+    /**
+     * Заголовок блока
+     */
+    title?: ReactNode;
+};

package/lib/components/DescriptionList/utils/getTooltipProps/getTooltipProps.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=t=>t?{title:void 0}:void 0;exports.getTooltipProps=o;

package/lib/components/DescriptionList/utils/getTooltipProps/getTooltipProps.mjs

@@ -0,0 +1,4 @@
+const t = (o) => o ? { title: void 0 } : void 0;
+export {
+  t as getTooltipProps
+};

package/lib/components/Dialog/Dialog.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../_virtual/jsx-runtime.cjs"),j=require("../BottomDrawer/BottomDrawer.cjs"),d=require("../DialogTitle/DialogTitle.cjs"),g=require("../../hooks/useViewportType/useViewportType.cjs");require("react");const D=require("./styles.cjs"),p=({children:o,title:e,disableBackdropClick:l,onClose:r,size:u="md",...n})=>{const t=r&&((c,s)=>{l&&s==="backdropClick"||r(c,s)}),{isMobile:a}=g.useViewportType();return a?i.j.jsx(j.BottomDrawer,{onClose:t,title:e,children:o}):i.j.jsxs(D.StyledDialog,{$size:u,onClose:t,...n,children:[e&&i.j.jsx(d.DialogTitle,{onClose:r,children:e}),o]})};exports.Dialog=p;

package/lib/components/Dialog/Dialog.d.ts

@@ -0,0 +1,20 @@
+import { DialogProps as MuiDialogProps } from '@mui/material';
+import { WithoutEmotionSpecific } from '../types';
+type DialogSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type DialogProps = WithoutEmotionSpecific<Omit<MuiDialogProps, 'title' | 'maxWidth'>> & {
+    /**
+     * Заголовок
+     */
+    title?: React.ReactNode | React.ReactNode[] | string;
+    /**
+     * Отключить кликабельность фонового компонента
+     */
+    disableBackdropClick?: boolean;
+    /**
+     * Размер Dialog
+     * @default md
+     */
+    size?: DialogSize;
+};
+export declare const Dialog: ({ children, title, disableBackdropClick, onClose, size, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/Dialog/Dialog.mjs

@@ -0,0 +1,25 @@
+import { j as i } from "../../_virtual/jsx-runtime.mjs";
+import { BottomDrawer as a } from "../BottomDrawer/BottomDrawer.mjs";
+import { DialogTitle as c } from "../DialogTitle/DialogTitle.mjs";
+import { useViewportType as x } from "../../hooks/useViewportType/useViewportType.mjs";
+import "react";
+import { StyledDialog as d } from "./styles.mjs";
+const k = ({
+  children: t,
+  title: o,
+  disableBackdropClick: s,
+  onClose: r,
+  size: p = "md",
+  ...l
+}) => {
+  const m = r && ((f, e) => {
+    s && e === "backdropClick" || r(f, e);
+  }), { isMobile: n } = x();
+  return n ? /* @__PURE__ */ i.jsx(a, { onClose: m, title: o, children: t }) : /* @__PURE__ */ i.jsxs(d, { $size: p, onClose: m, ...l, children: [
+    o && /* @__PURE__ */ i.jsx(c, { onClose: r, children: o }),
+    t
+  ] });
+};
+export {
+  k as Dialog
+};

package/lib/components/Dialog/constants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i={xs:{minWidth:"300px",maxWidth:"399px"},sm:{minWidth:"400px",maxWidth:"499px"},md:{minWidth:"500px",maxWidth:"599px"},lg:{minWidth:"600px",maxWidth:"699px"},xl:{minWidth:"700px",maxWidth:"980px"}};exports.SIZES=i;

package/lib/components/Dialog/constants.mjs

@@ -0,0 +1,10 @@
+const x = {
+  xs: { minWidth: "300px", maxWidth: "399px" },
+  sm: { minWidth: "400px", maxWidth: "499px" },
+  md: { minWidth: "500px", maxWidth: "599px" },
+  lg: { minWidth: "600px", maxWidth: "699px" },
+  xl: { minWidth: "700px", maxWidth: "980px" }
+};
+export {
+  x as SIZES
+};

package/lib/components/Dialog/styles.cjs

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@mui/material"),e=require("./constants.cjs"),a=o=>e.SIZES[o]||e.SIZES.md,r=t.styled(t.Dialog,{shouldForwardProp:o=>!["$size"].includes(o.toString())})`
+  &.${t.dialogClasses.root} .${t.backdropClasses.root} {
+    background-color: ${({theme:o})=>o.palette.background.modalShadow};
+  }
+  .${t.dialogClasses.paper} {
+    min-width: ${({$size:o})=>a(o).minWidth};
+    max-width: ${({$size:o})=>a(o).maxWidth};
+  }
+`;exports.StyledDialog=r;

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

@@ -0,0 +1,5 @@
+type DialogSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export declare const StyledDialog: import('@emotion/styled').StyledComponent<import('@mui/material').DialogProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    $size: DialogSize;
+}, {}, {}>;
+export {};

package/lib/components/Dialog/styles.mjs

@@ -0,0 +1,16 @@
+import { dialogClasses as t, backdropClasses as a, styled as i, Dialog as e } from "@mui/material";
+import { SIZES as r } from "./constants.mjs";
+const d = (o) => r[o] || r.md, m = i(e, {
+  shouldForwardProp: (o) => !["$size"].includes(o.toString())
+})`
+  &.${t.root} .${a.root} {
+    background-color: ${({ theme: o }) => o.palette.background.modalShadow};
+  }
+  .${t.paper} {
+    min-width: ${({ $size: o }) => d(o).minWidth};
+    max-width: ${({ $size: o }) => d(o).maxWidth};
+  }
+`;
+export {
+  m as StyledDialog
+};

package/lib/components/DialogActions/DialogActions.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.cjs"),t=require("./styles.cjs"),s=({children:i,disableSpacing:o,...r})=>e.j.jsx(t.StyledDialogActions,{...r,children:e.j.jsx(t.StyledGrid,{gap:o?0:2,children:i})});exports.DialogActions=s;

package/lib/components/DialogActions/DialogActions.d.ts

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

package/lib/components/DialogActions/DialogActions.mjs

@@ -0,0 +1,10 @@
+import { j as o } from "../../_virtual/jsx-runtime.mjs";
+import { StyledDialogActions as s, StyledGrid as e } from "./styles.mjs";
+const m = ({
+  children: t,
+  disableSpacing: r,
+  ...i
+}) => /* @__PURE__ */ o.jsx(s, { ...i, children: /* @__PURE__ */ o.jsx(e, { gap: r ? 0 : 2, children: t }) });
+export {
+  m as DialogActions
+};

package/lib/components/DialogActions/styles.cjs

@@ -0,0 +1,12 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@mui/material"),i=require("../Container/Container.cjs"),n=e.styled(e.DialogActions)`
+  padding-top: 0;
+
+  ${({theme:t})=>t.breakpoints.down("sm")} {
+    padding: ${({theme:t})=>t.spacing(4)};
+  }
+`,o=e.styled(i.Container)`
+  ${({theme:t})=>t.breakpoints.up("sm")} {
+    flex-direction: column;
+    justify-content: end;
+  }
+`;exports.StyledDialogActions=n;exports.StyledGrid=o;

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

@@ -0,0 +1,6 @@
+export declare const StyledDialogActions: import('@emotion/styled').StyledComponent<import('@mui/material').DialogActionsProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const StyledGrid: import('@emotion/styled').StyledComponent<import('../Container/styles').ContainerRootProps & {
+    style?: import('react').CSSProperties;
+    id?: string;
+    ref?: React.Ref<HTMLDivElement>;
+} & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/lib/components/DialogActions/styles.mjs

@@ -0,0 +1,18 @@
+import { styled as t, DialogActions as n } from "@mui/material";
+import { Container as i } from "../Container/Container.mjs";
+const s = t(n)`
+  padding-top: 0;
+
+  ${({ theme: o }) => o.breakpoints.down("sm")} {
+    padding: ${({ theme: o }) => o.spacing(4)};
+  }
+`, p = t(i)`
+  ${({ theme: o }) => o.breakpoints.up("sm")} {
+    flex-direction: column;
+    justify-content: end;
+  }
+`;
+export {
+  s as StyledDialogActions,
+  p as StyledGrid
+};

package/lib/components/DialogContent/DialogContent.cjs

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

package/lib/components/DialogContent/DialogContent.d.ts

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

package/lib/components/DialogContent/DialogContent.mjs

@@ -0,0 +1,6 @@
+import { j as t } from "../../_virtual/jsx-runtime.mjs";
+import { StyledDialogContent as n } from "./styles.mjs";
+const i = (o) => /* @__PURE__ */ t.jsx(n, { ...o });
+export {
+  i as DialogContent
+};

package/lib/components/DialogContent/styles.cjs

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@mui/material"),n=e.styled(e.DialogContent)`
+  padding-bottom: ${({theme:t})=>t.spacing(6)};
+
+  ${({theme:t})=>t.breakpoints.down("sm")} {
+    padding: ${({theme:t})=>t.spacing(5,4)};
+  }
+`;exports.StyledDialogContent=n;

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

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

package/lib/components/DialogContent/styles.mjs

@@ -0,0 +1,11 @@
+import { styled as t, DialogContent as n } from "@mui/material";
+const a = t(n)`
+  padding-bottom: ${({ theme: o }) => o.spacing(6)};
+
+  ${({ theme: o }) => o.breakpoints.down("sm")} {
+    padding: ${({ theme: o }) => o.spacing(5, 4)};
+  }
+`;
+export {
+  a as StyledDialogContent
+};

package/lib/components/DialogContentText/DialogContentText.cjs

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

package/lib/components/DialogContentText/DialogContentText.d.ts

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

package/lib/components/DialogContentText/DialogContentText.mjs

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

package/lib/components/DialogContentText/styles.cjs

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@mui/material"),o=t.styled(t.DialogContentText)`
+  color: ${({theme:e})=>e.palette.grey[900]};
+`;exports.StyledDialogContentText=o;

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

@@ -0,0 +1 @@
+export declare const StyledDialogContentText: import('@emotion/styled').StyledComponent<import('@mui/material').DialogContentTextOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "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"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/lib/components/DialogContentText/styles.mjs

@@ -0,0 +1,7 @@
+import { styled as e, DialogContentText as o } from "@mui/material";
+const n = e(o)`
+  color: ${({ theme: t }) => t.palette.grey[900]};
+`;
+export {
+  n as StyledDialogContentText
+};

package/lib/components/DialogHeader/DialogHeader.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.cjs"),s=require("../IconButton/IconButton.cjs"),u=require("../Typography/Typography.cjs"),j=require("lucide-react"),n=require("./styles.cjs"),d=({children:t,title:a,justifyContent:i="flex-start",disableSpacing:o,onClose:r})=>{const c=l=>{r&&r(l,"escapeKeyDown")};return e.j.jsxs(n.Wrapper,{hasTitle:!!a,hasOnClose:!!r,children:[a&&e.j.jsx(u.Typography,{variant:"h4",children:a}),e.j.jsx(n.HeaderContent,{justifyContent:i,columnSpacing:o?0:2,children:t}),r&&e.j.jsx(s.IconButton,{variant:"text",onClick:c,"aria-label":"Закрыть модальное окно",children:e.j.jsx(j.X,{})})]})};exports.DialogHeader=d;

package/lib/components/DialogHeader/DialogHeader.d.ts

@@ -0,0 +1,16 @@
+import { ModalProps } from '@mui/material';
+import { default as React, CSSProperties } from 'react';
+export type DialogHeaderProps = {
+    /**
+     * Горизонтальное выравнивание
+     * */
+    justifyContent?: CSSProperties['justifyContent'];
+    /**
+     * Убирает расстояние между компонентами
+     * */
+    disableSpacing?: boolean;
+    title?: string;
+    onClose?: ModalProps['onClose'];
+    children: React.ReactNode;
+};
+export declare const DialogHeader: ({ children, title, justifyContent, disableSpacing, onClose, }: DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/DialogHeader/DialogHeader.mjs

@@ -0,0 +1,39 @@
+import { j as r } from "../../_virtual/jsx-runtime.mjs";
+import { IconButton as s } from "../IconButton/IconButton.mjs";
+import { Typography as m } from "../Typography/Typography.mjs";
+import { X as c } from "lucide-react";
+import { Wrapper as l, HeaderContent as x } from "./styles.mjs";
+const g = ({
+  children: e,
+  title: o,
+  justifyContent: t = "flex-start",
+  disableSpacing: n,
+  onClose: a
+}) => {
+  const i = (p) => {
+    a && a(p, "escapeKeyDown");
+  };
+  return /* @__PURE__ */ r.jsxs(l, { hasTitle: !!o, hasOnClose: !!a, children: [
+    o && /* @__PURE__ */ r.jsx(m, { variant: "h4", children: o }),
+    /* @__PURE__ */ r.jsx(
+      x,
+      {
+        justifyContent: t,
+        columnSpacing: n ? 0 : 2,
+        children: e
+      }
+    ),
+    a && /* @__PURE__ */ r.jsx(
+      s,
+      {
+        variant: "text",
+        onClick: i,
+        "aria-label": "Закрыть модальное окно",
+        children: /* @__PURE__ */ r.jsx(c, {})
+      }
+    )
+  ] });
+};
+export {
+  g as DialogHeader
+};

package/lib/components/DialogHeader/styles.cjs

@@ -0,0 +1,20 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@mui/material"),r=n.styled("div",{label:"DialogHeader-root",shouldForwardProp:e=>!["hasTitle","hasOnClose"].includes(e.toString())})`
+  overflow: hidden;
+  display: grid;
+  grid-template-columns: ${({hasTitle:e,hasOnClose:t})=>e&&t?"max-content 1fr 32px":e?"max-content 1fr":t?"1fr 32px":"1fr"};
+  column-gap: ${({theme:e})=>e.spacing(2)};
+  align-items: center;
+
+  height: auto;
+  padding: ${({theme:e})=>e.spacing(4,6)};
+`,i=n.styled("div",{shouldForwardProp:e=>!["justifyContent","columnSpacing"].includes(e.toString()),label:"DialogHeader-content"})`
+  overflow: hidden;
+  display: flex;
+  column-gap: ${({columnSpacing:e,theme:t})=>t.spacing(e)};
+  align-items: center;
+  justify-content: ${({justifyContent:e})=>e};
+
+  width: 100%;
+  height: 100%;
+  padding: 0;
+`;exports.HeaderContent=i;exports.Wrapper=r;

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

@@ -0,0 +1,18 @@
+import { CSSProperties } from 'react';
+type DialogHeaderRootProps = {
+    /**
+     * Если есть заголовок
+     */
+    hasTitle: boolean;
+    /**
+     * Если есть кнопка закрытия
+     * */
+    hasOnClose: boolean;
+};
+export declare const Wrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & DialogHeaderRootProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export type DialogHeaderContentProps = {
+    justifyContent: CSSProperties['justifyContent'];
+    columnSpacing: number;
+};
+export declare const HeaderContent: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & DialogHeaderContentProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};

package/lib/components/DialogHeader/styles.mjs

@@ -0,0 +1,31 @@
+import { styled as t } from "@mui/material";
+const i = t("div", {
+  label: "DialogHeader-root",
+  shouldForwardProp: (e) => !["hasTitle", "hasOnClose"].includes(e.toString())
+})`
+  overflow: hidden;
+  display: grid;
+  grid-template-columns: ${({ hasTitle: e, hasOnClose: n }) => e && n ? "max-content 1fr 32px" : e ? "max-content 1fr" : n ? "1fr 32px" : "1fr"};
+  column-gap: ${({ theme: e }) => e.spacing(2)};
+  align-items: center;
+
+  height: auto;
+  padding: ${({ theme: e }) => e.spacing(4, 6)};
+`, o = t("div", {
+  shouldForwardProp: (e) => !["justifyContent", "columnSpacing"].includes(e.toString()),
+  label: "DialogHeader-content"
+})`
+  overflow: hidden;
+  display: flex;
+  column-gap: ${({ columnSpacing: e, theme: n }) => n.spacing(e)};
+  align-items: center;
+  justify-content: ${({ justifyContent: e }) => e};
+
+  width: 100%;
+  height: 100%;
+  padding: 0;
+`;
+export {
+  o as HeaderContent,
+  i as Wrapper
+};

package/lib/components/DialogTitle/DialogTitle.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../_virtual/jsx-runtime.cjs"),n=require("@mui/material"),c=require("lucide-react"),o=require("../IconButton/IconButton.cjs"),u=({children:t,onClose:e,...r})=>{const l=a=>{e&&e(a,"escapeKeyDown")};return i.j.jsxs(n.DialogTitle,{...r,children:[t,e&&i.j.jsx(o.IconButton,{variant:"text",onClick:l,"aria-label":"Закрыть модальное окно",children:i.j.jsx(c.X,{})})]})};exports.DialogTitle=u;

package/lib/components/DialogTitle/DialogTitle.d.ts

@@ -0,0 +1,6 @@
+import { ModalProps, DialogTitleProps as MuiDialogTitleProps } from '@mui/material';
+import { WithoutEmotionSpecific } from '../types';
+export type DialogTitleProps = WithoutEmotionSpecific<MuiDialogTitleProps> & {
+    onClose?: ModalProps['onClose'];
+};
+export declare const DialogTitle: ({ children, onClose, ...props }: DialogTitleProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/DialogTitle/DialogTitle.mjs

@@ -0,0 +1,28 @@
+import { j as t } from "../../_virtual/jsx-runtime.mjs";
+import { DialogTitle as l } from "@mui/material";
+import { X as n } from "lucide-react";
+import { IconButton as m } from "../IconButton/IconButton.mjs";
+const f = ({
+  children: r,
+  onClose: i,
+  ...o
+}) => {
+  const e = (a) => {
+    i && i(a, "escapeKeyDown");
+  };
+  return /* @__PURE__ */ t.jsxs(l, { ...o, children: [
+    r,
+    i && /* @__PURE__ */ t.jsx(
+      m,
+      {
+        variant: "text",
+        onClick: e,
+        "aria-label": "Закрыть модальное окно",
+        children: /* @__PURE__ */ t.jsx(n, {})
+      }
+    )
+  ] });
+};
+export {
+  f as DialogTitle
+};

package/lib/components/Divider/Divider.cjs

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

package/lib/components/Divider/Divider.d.ts

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

package/lib/components/Divider/Divider.mjs

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

package/lib/components/DropdownButton/DropdownButton.cjs

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

package/lib/components/DropdownButton/DropdownButton.d.ts

@@ -0,0 +1,9 @@
+import { PopoverProps } from '@mui/material';
+import { ButtonProps } from '../Button';
+export type DropdownButtonProps<RootComponent extends React.ElementType> = Omit<ButtonProps<RootComponent>, 'endIcon' | 'selected' | 'onClick'> & {
+    /** Название кнопки */
+    name: string;
+    /** Пропсы Popover компонента */
+    popoverProps?: Omit<PopoverProps, 'open'>;
+};
+export declare const DropdownButton: <TComponent extends React.ElementType = "button">({ children, name, popoverProps, ...props }: DropdownButtonProps<TComponent>) => import("react/jsx-runtime").JSX.Element;

package/lib/components/DropdownButton/DropdownButton.mjs

@@ -0,0 +1,32 @@
+import { j as o } from "../../_virtual/jsx-runtime.mjs";
+import { ClickAwayListener as p } from "@mui/material";
+import { useMenu as l } from "../../hooks/useMenu/useMenu.mjs";
+import "react";
+import { Button as u } from "../Button/Button.mjs";
+import { Chevron as a } from "../Chevron/Chevron.mjs";
+import { Menu as d } from "../Menu/Menu.mjs";
+const w = ({
+  children: n,
+  name: t,
+  popoverProps: i,
+  ...s
+}) => {
+  const { open: r, anchorRef: e, handleOpenMenu: m, handleCloseMenu: c } = l();
+  return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+    /* @__PURE__ */ o.jsx(p, { onClickAway: c, children: /* @__PURE__ */ o.jsx(
+      u,
+      {
+        ...s,
+        ref: e,
+        selected: r,
+        onClick: m,
+        endIcon: /* @__PURE__ */ o.jsx(a, { isActive: r }),
+        children: t
+      }
+    ) }),
+    /* @__PURE__ */ o.jsx(d, { open: r, anchorEl: e.current, ...i, children: n })
+  ] });
+};
+export {
+  w as DropdownButton
+};

package/lib/components/ErrorBoundary/ErrorBoundary.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.cjs"),a=require("react"),n=require("../InternalErrorPlaceholder/InternalErrorPlaceholder.cjs"),s=require("../OutdatedReleasePlaceholder/OutdatedReleasePlaceholder.cjs"),i=require("../ConfigProvider/ConfigProvider.cjs"),u=require("./constants.cjs"),r=require("./enums.cjs"),l={[r.ErrorType.OutdatedRelease]:t.j.jsx(s.OutdatedReleasePlaceholder,{}),[r.ErrorType.Default]:t.j.jsx(n.InternalErrorPlaceholder,{})};class E extends a.Component{static contextType=i.ConfigContext;state={hasError:!1,typeError:r.ErrorType.Default};static getDerivedStateFromError(e){return{hasError:!0,typeError:u.CONDITION_TYPE_ERROR.find(({condition:o})=>o(e))?.type??r.ErrorType.Default}}componentDidCatch(e){this.context?.captureException(e)}render(){return this.state.hasError?l[this.state.typeError]:this.props.children}}exports.ErrorBoundary=E;