@max-ts/components 0.1.1 → 0.2.1

package/lib/components/Description/Value/styles.d.ts

@@ -0,0 +1,43 @@
+type StyledTypographyProps = {
+    $leader?: boolean;
+    $canCopy?: boolean;
+    $direction: string;
+};
+type StyledCopyTypographyProps = {
+    $leader?: boolean;
+    $direction: string;
+};
+export declare const StyledTypography: import('@emotion/styled').StyledComponent<{
+    ref?: import('react').Ref<HTMLSpanElement> | undefined;
+    children?: import('react').ReactNode;
+    align?: "inherit" | "left" | "center" | "right" | "justify" | undefined;
+    gutterBottom?: boolean | undefined;
+    noWrap?: boolean | undefined;
+    paragraph?: boolean | undefined;
+} & {
+    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";
+    isUpperCase?: boolean;
+} & import('react').HTMLAttributes<HTMLParagraphElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & StyledTypographyProps, {}, {}>;
+export declare const StyledCopyTypography: import('@emotion/styled').StyledComponent<{
+    ref?: import('react').Ref<HTMLSpanElement> | undefined;
+    children?: import('react').ReactNode;
+    align?: "inherit" | "left" | "center" | "right" | "justify" | undefined;
+    gutterBottom?: boolean | undefined;
+    noWrap?: boolean | undefined;
+    paragraph?: boolean | undefined;
+} & {
+    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";
+    isUpperCase?: boolean;
+} & import('react').HTMLAttributes<HTMLParagraphElement> & {
+    copyText?: string;
+    copyPosition?: "right" | "left";
+    isShowCopyText?: boolean;
+} & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & StyledCopyTypographyProps, {}, {}>;
+export declare const Wrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export {};

package/lib/components/Description/Value/styles.mjs

@@ -0,0 +1,47 @@
+import { styled as r } from "@mui/material";
+import { CopyTypography as t } from "../../CopyTypography/CopyTypography.mjs";
+import { Typography as e } from "../../Typography/Typography.mjs";
+const p = r(e, {
+  shouldForwardProp: (o) => !["$canCopy", "$leader", "$direction"].includes(o.toString())
+})`
+  cursor: ${({ $canCopy: o }) => o ? "pointer" : "default"};
+
+  overflow: hidden;
+
+  hyphens: auto;
+  text-align: ${({ $leader: o }) => o ? "right" : "left"};
+  overflow-wrap: break-word;
+
+  ${({ theme: o }) => o.breakpoints.down("sm")} {
+    text-align: ${({ $direction: o }) => o !== "row" ? "left" : "right"};
+  }
+
+  &:hover {
+    text-decoration: ${({ $canCopy: o }) => o ? "underline" : "none"};
+  }
+`, d = r(t, {
+  shouldForwardProp: (o) => !["$leader", "$direction"].includes(o.toString())
+})`
+  display: unset;
+
+  hyphens: auto;
+  text-align: ${({ $leader: o }) => o ? "right" : "left"};
+  overflow-wrap: break-word;
+
+  ${({ theme: o }) => o.breakpoints.down("sm")} {
+    text-align: ${({ $direction: o }) => o !== "row" ? "left" : "right"};
+  }
+
+  & > svg {
+    margin-bottom: ${({ theme: o }) => o.spacing(-1)};
+  }
+`, l = r("dd")`
+  overflow: hidden;
+
+  margin: 0;
+`;
+export {
+  d as StyledCopyTypography,
+  p as StyledTypography,
+  l as Wrapper
+};

package/lib/components/Description/Value/useLogic/useLogic.d.ts

@@ -0,0 +1,9 @@
+import { ValueProps } from '../Value';
+type UseLogicParams = ValueProps;
+export declare const useLogic: ({ canCopy, children, stub }: UseLogicParams) => {
+    valueToRender: string | number | bigint | true | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined>;
+    isDefaultValueRender: boolean;
+    leader: boolean;
+    direction: string;
+};
+export {};

package/lib/components/Description/Value/useLogic/useLogic.mjs

@@ -0,0 +1,11 @@
+import { useContext as o } from "react";
+import { ConfigContext as m } from "../../../ConfigProvider/ConfigProvider.mjs";
+import { DescriptionContext as u } from "../../DescriptionContext/DescriptionContext.mjs";
+import "../../../../_virtual/jsx-runtime.mjs";
+const x = ({ canCopy: t, children: e, stub: n }) => {
+  const { emptySymbol: r } = o(m), { leader: i, direction: s } = o(u);
+  return { valueToRender: e || n || r, isDefaultValueRender: !t || !e, leader: i, direction: s };
+};
+export {
+  x as useLogic
+};

package/lib/components/Description/constants.mjs

@@ -0,0 +1,6 @@
+const o = ":", t = "—", A = "astral-ui_descriptionRoot";
+export {
+  o as DEFAULT_SEPARATOR,
+  t as DEFAULT_SYMBOL,
+  A as DESCRIPTION_ROOT_CLASSNAME
+};

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

@@ -0,0 +1,4 @@
+export declare const Wrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    $justifyContent?: "space-between" | "start";
+    $direction?: "default" | "column" | "row";
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/Description/styles.mjs

@@ -0,0 +1,23 @@
+import { styled as t } from "@mui/material";
+const i = t("div", {
+  shouldForwardProp: (o) => !["$justifyContent", "as", "$direction"].includes(o.toString())
+})`
+  overflow: hidden;
+  display: flex;
+  flex-direction: ${({ $direction: o }) => o === "default" ? "row" : o};
+  align-items: baseline;
+  justify-content: ${({ $justifyContent: o }) => o};
+
+  margin: 0;
+
+  ${({ theme: o }) => o.breakpoints.down("sm")} {
+    flex-direction: ${({ $direction: o }) => o === "default" ? "column" : o};
+
+    .MuiTypography-root {
+      font-size: ${({ theme: o }) => o.typography.fontSize};
+    }
+  }
+`;
+export {
+  i as Wrapper
+};

package/lib/components/Description/useLogic/useLogic.d.ts

@@ -0,0 +1,9 @@
+import { DescriptionProps } from '../Description';
+type UseLogicParams = DescriptionProps;
+export declare const useLogic: ({ direction, separator, }: UseLogicParams) => {
+    descriptionContextProviderProps: {
+        separator: string;
+    };
+    direction: "row" | "default" | "column";
+};
+export {};

package/lib/components/Description/useLogic/useLogic.mjs

@@ -0,0 +1,15 @@
+import { useViewportType as e } from "../../../hooks/useViewportType/useViewportType.mjs";
+import "react";
+import { DEFAULT_SEPARATOR as s } from "../constants.mjs";
+const m = ({
+  direction: o = "default",
+  separator: r = s
+}) => {
+  const { isMobile: t } = e();
+  return { descriptionContextProviderProps: {
+    separator: o === "column" || t && o === "default" ? "" : r
+  }, direction: o };
+};
+export {
+  m as useLogic
+};

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

@@ -0,0 +1,2 @@
+import { DescriptionListProps } from './types';
+export declare const DescriptionList: ({ items, variant: listVariant, title, direction, ...props }: DescriptionListProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/DescriptionList/DescriptionList.mjs

@@ -0,0 +1,78 @@
+import { j as r } from "../../_virtual/jsx-runtime.mjs";
+import { useCallback as y } from "react";
+import { Description as a } from "../Description/Description.mjs";
+import { GuidTypography as g } from "../GuidTypography/GuidTypography.mjs";
+import { Tag as $ } from "../Tag/Tag.mjs";
+import { Typography as T } from "../Typography/Typography.mjs";
+import { StyledDescriptionValue as D, Wrapper as V, ListWrapper as W, StyledDescriptionName as C } from "./styles.mjs";
+import { getTooltipProps as b } from "./utils/getTooltipProps/getTooltipProps.mjs";
+const N = ({
+  items: d,
+  variant: l = "default",
+  title: e,
+  direction: p,
+  ...x
+}) => {
+  const h = y(
+    (t, o) => {
+      const { renderValue: s, color: n, canCopy: i, copyPosition: c, variant: m, copyText: u } = o;
+      if (s)
+        return s(t, o);
+      if (m === "tag")
+        return /* @__PURE__ */ r.jsx(a.Value, { children: /* @__PURE__ */ r.jsx($, { label: t, color: n, variant: "light" }) });
+      if (m === "guid") {
+        const j = b(i);
+        return /* @__PURE__ */ r.jsx(
+          D,
+          {
+            canCopy: i,
+            $isCopy: i,
+            color: n,
+            copyPosition: c,
+            copyText: u,
+            children: /* @__PURE__ */ r.jsx(g, { tooltipProps: j, children: t })
+          }
+        );
+      }
+      return /* @__PURE__ */ r.jsx(
+        a.Value,
+        {
+          canCopy: i,
+          color: n,
+          copyPosition: c,
+          children: t
+        }
+      );
+    },
+    []
+  ), f = () => typeof e == "string" ? /* @__PURE__ */ r.jsx(T, { variant: "h6", children: e }) : e;
+  return /* @__PURE__ */ r.jsxs(V, { $variant: l, children: [
+    e && f(),
+    /* @__PURE__ */ r.jsx(W, { $direction: p, children: d.map(({ name: t, value: o, options: s }) => {
+      const { nameMaxWidth: n, ...i } = s || {};
+      return /* @__PURE__ */ r.jsxs(
+        a,
+        {
+          direction: p,
+          ...x,
+          component: "div",
+          children: [
+            /* @__PURE__ */ r.jsx(
+              C,
+              {
+                $nameMaxWidth: n,
+                $direction: p,
+                children: t
+              }
+            ),
+            h(o, i)
+          ]
+        },
+        `${t}:${o}`
+      );
+    }) })
+  ] });
+};
+export {
+  N as DescriptionList
+};

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.mjs

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

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