@max-ts/components 0.1.1 → 0.2.0

package/lib/components/CircularProgress/CircularProgress.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../_virtual/jsx-runtime.cjs"),t=require("@mui/material"),c=require("./useLogic/useLogic.cjs"),u=r=>{const{size:e}=c.useLogic({...r}),{size:l,color:o,...s}=r;return i.j.jsx(t.CircularProgress,{...s,size:e,color:"inherit","data-color":o})};exports.CircularProgress=u;

package/lib/components/CircularProgress/CircularProgress.d.ts

@@ -0,0 +1,19 @@
+import { CircularProgressProps as MuiCircularProgressProps } from '@mui/material';
+import { WithoutEmotionSpecific } from '../types';
+declare module '@mui/material/CircularProgress' {
+    interface CircularProgressPropsColorOverrides {
+        primary: true;
+        inverted: true;
+    }
+}
+export type CircularProgressProps = WithoutEmotionSpecific<Omit<WithoutEmotionSpecific<MuiCircularProgressProps>, 'color' | 'size'>> & {
+    /**
+     * Цвет лоадера
+     */
+    color?: 'primary' | 'inverted';
+    /**
+     * Размер лоадера
+     */
+    size?: 'small' | 'medium';
+};
+export declare const CircularProgress: (props: CircularProgressProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/CircularProgress/CircularProgress.mjs

@@ -0,0 +1,18 @@
+import { j as t } from "../../_virtual/jsx-runtime.mjs";
+import { CircularProgress as e } from "@mui/material";
+import { useLogic as c } from "./useLogic/useLogic.mjs";
+const u = (r) => {
+  const { size: o } = c({ ...r }), { size: a, color: s, ...i } = r;
+  return /* @__PURE__ */ t.jsx(
+    e,
+    {
+      ...i,
+      size: o,
+      color: "inherit",
+      "data-color": s
+    }
+  );
+};
+export {
+  u as CircularProgress
+};

package/lib/components/CircularProgress/constants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var r=(e=>(e.PRIMARY="primary",e.INVERTED="inverted",e))(r||{});exports.CircularProgressColors=r;

package/lib/components/CircularProgress/constants.mjs

@@ -0,0 +1,4 @@
+var t = /* @__PURE__ */ ((e) => (e.PRIMARY = "primary", e.INVERTED = "inverted", e))(t || {});
+export {
+  t as CircularProgressColors
+};

package/lib/components/CircularProgress/useLogic/useLogic.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=({size:e})=>({size:e==="small"?16:24});exports.useLogic=s;

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

@@ -0,0 +1,6 @@
+import { CircularProgressProps } from '../CircularProgress';
+type UseLogicParams = CircularProgressProps;
+export declare const useLogic: ({ size: sizeProp }: UseLogicParams) => {
+    size: number;
+};
+export {};

package/lib/components/CircularProgress/useLogic/useLogic.mjs

@@ -0,0 +1,4 @@
+const i = ({ size: s }) => ({ size: s === "small" ? 16 : 24 });
+export {
+  i as useLogic
+};

package/lib/components/Collapse/Collapse.cjs

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

package/lib/components/Collapse/Collapse.d.ts

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

package/lib/components/Collapse/Collapse.mjs

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

package/lib/components/ConfigProvider/ConfigProvider.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../../_virtual/jsx-runtime.cjs"),o=require("react"),t={noDataImgSrc:"",defaultErrorImgSrc:"",outdatedReleaseErrorImgSrc:"",mailImgSrc:""},a={phone:"",email:""},n="ym-hide-content",i=o.createContext({language:"ru",captureException:e=>console.error(e),imagesMap:t,techSup:a,emptySymbol:"—",hidePersonalDataClassname:n,hidePersonalData:!0}),C=({children:e,language:u="ru",captureException:r,emptySymbol:c="—",imagesMap:s=t,techSup:l=a,hidePersonalData:d=!0,hidePersonalDataClassname:g=n,components:m})=>(o.useEffect(()=>{r||console.warn(`ConfigProvider: Необходимо наличие captureException, связанного с сервисом мониторинга ошибок.
+На данный момент все ошибки, отлавливаемые в ErrorBoundary будут выводиться только в консоль`)},[]),p.j.jsx(i.Provider,{value:{language:u,captureException:r||(f=>console.error(f)),emptySymbol:c,imagesMap:s,techSup:l,hidePersonalData:d,hidePersonalDataClassname:g,components:m},children:e}));exports.ConfigContext=i;exports.ConfigProvider=C;

package/lib/components/ConfigProvider/ConfigProvider.d.ts

@@ -0,0 +1,91 @@
+import { ReactNode } from 'react';
+import { ImageProps } from '../Placeholder';
+type Language = 'ru';
+type ImagesMap = {
+    /**
+     * Изображение при отсутствии данных (используется в DataGrid)
+     */
+    noDataImgSrc: string;
+    /**
+     * Изображение при ошибке (используется в ContentState)
+     */
+    defaultErrorImgSrc: string;
+    /**
+     * Изображение при ошибке загрузки актуальных чанков (используется в
+     * ContentState/ErrorBoundary)
+     */
+    outdatedReleaseErrorImgSrc: string;
+    /**
+     * Изображение при успешной отправке данных (используется в FeedbackPanel)
+     */
+    mailImgSrc?: string;
+    /**
+     * Изображение для загружаемых файлов (используется в PreviewFileUploader)
+     */
+    uploadFileImgSrc?: string;
+    /**
+     * Изображение файла, если он не валиден (используется в PreviewFileUploader)
+     */
+    errorFileImgSrc?: string;
+};
+type TechnicalSupport = {
+    phone: string;
+    email: string;
+};
+export type ConfigContextProps = {
+    /**
+     * Язык локализации
+     * @default 'ru'
+     */
+    language: Language;
+    captureException: (error: unknown) => void;
+    /**
+     * Карта для типовых изображений.
+     * Используется в компонентах ui-kit, где требуется отображение декоративных
+     * img
+     */
+    imagesMap: ImagesMap;
+    /**
+     * Символ для пустого значения
+     * @default '—'
+     */
+    emptySymbol: string;
+    /**
+     * Данные технической поддержки
+     * @default '-'
+     */
+    techSup: TechnicalSupport;
+    /**
+     *  флаг скрытия персональной информации от трекеров
+     *  @default true
+     */
+    hidePersonalData?: boolean;
+    /**
+     * цсс класс для сокрытия персональной информации от трекеров
+     * @default 'ym-hide-content'
+     */
+    hidePersonalDataClassname?: string;
+    /**
+     * Настройки для общеиспользуемых компонентов
+     */
+    components?: {
+        /**
+         * Настройки для компонента Placeholder
+         */
+        placeholder?: {
+            defaultProps?: {
+                /**
+                 * Кастомный компонент, ответственный за рендер основного изображения,
+                 * По умолчанию рендерится обычный img тег
+                 */
+                renderImage?: (props: ImageProps) => ReactNode;
+            };
+        };
+    };
+};
+export type ConfigProviderProps = Partial<ConfigContextProps> & {
+    children: ReactNode;
+};
+export declare const ConfigContext: import('react').Context<ConfigContextProps>;
+export declare const ConfigProvider: ({ children, language, captureException, emptySymbol, imagesMap, techSup, hidePersonalData, hidePersonalDataClassname, components, }: Partial<ConfigProviderProps>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/ConfigProvider/ConfigProvider.mjs

@@ -0,0 +1,53 @@
+import { j as d } from "../../_virtual/jsx-runtime.mjs";
+import { createContext as f, useEffect as g } from "react";
+const o = {
+  noDataImgSrc: "",
+  defaultErrorImgSrc: "",
+  outdatedReleaseErrorImgSrc: "",
+  mailImgSrc: ""
+}, t = {
+  phone: "",
+  email: ""
+}, a = "ym-hide-content", x = f({
+  language: "ru",
+  captureException: (e) => console.error(e),
+  imagesMap: o,
+  techSup: t,
+  emptySymbol: "—",
+  hidePersonalDataClassname: a,
+  hidePersonalData: !0
+}), S = ({
+  children: e,
+  language: n = "ru",
+  captureException: r,
+  emptySymbol: s = "—",
+  imagesMap: c = o,
+  techSup: i = t,
+  hidePersonalData: u = !0,
+  hidePersonalDataClassname: l = a,
+  components: m
+}) => (g(() => {
+  r || console.warn(
+    `ConfigProvider: Необходимо наличие captureException, связанного с сервисом мониторинга ошибок.
+На данный момент все ошибки, отлавливаемые в ErrorBoundary будут выводиться только в консоль`
+  );
+}, []), /* @__PURE__ */ d.jsx(
+  x.Provider,
+  {
+    value: {
+      language: n,
+      captureException: r || ((p) => console.error(p)),
+      emptySymbol: s,
+      imagesMap: c,
+      techSup: i,
+      hidePersonalData: u,
+      hidePersonalDataClassname: l,
+      components: m
+    },
+    children: e
+  }
+));
+export {
+  x as ConfigContext,
+  S as ConfigProvider
+};

package/lib/components/ConfirmAction/ConfirmAction.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../_virtual/jsx-runtime.cjs"),e=require("../Button/Button.cjs"),d=require("../Popover/Popover.cjs"),i=require("./constants.cjs"),r=require("./styles.cjs"),h=require("./useLogic/useLogic.cjs"),f=t=>{const{actionComponentProps:s,popoverProps:c,cancelButtonProps:u,confirmButtonProps:p}=h.useLogic(t),{text:n,confirmButtonProps:j,popoverProps:a,actionComponent:l}=t,{text:x="Подтвердить"}=j||{},{anchorOrigin:m=i.DEFAULT_ANCHOR_ORIGIN,transformOrigin:P=i.DEFAULT_TRANSFORM_ORIGIN}=a||{};return o.j.jsxs(o.j.Fragment,{children:[l(s),o.j.jsx(d.Popover,{anchorOrigin:m,transformOrigin:P,...c,children:o.j.jsxs(r.Wrapper,{children:[n&&o.j.jsx(r.StyledTypography,{children:n}),o.j.jsxs(r.Actions,{children:[o.j.jsx(e.Button,{variant:"text",...u,children:"Отмена"}),o.j.jsx(e.Button,{...p,children:x})]})]})})]})};exports.ConfirmAction=f;

package/lib/components/ConfirmAction/ConfirmAction.d.ts

@@ -0,0 +1,38 @@
+import { ReactNode, SyntheticEvent } from 'react';
+import { PopoverProps } from '../Popover';
+export type ActionComponentParams = {
+    onClick: (event: SyntheticEvent) => void;
+};
+export type ConfirmActionProps = {
+    /**
+     * Поясняющий текст
+     */
+    text?: string;
+    /**
+     * Параметры кнопки подтверждения действия
+     */
+    confirmButtonProps?: {
+        /**
+         * Текст кнопки
+         */
+        text?: string;
+        /**
+         * Если `true`, кнопка будет иметь акцент на критичность действия. Стоит использовать для важных действий, например при удалении.
+         * @default 'false'
+         */
+        isAccented?: boolean;
+    };
+    /**
+     * Параметры всплывающего окна
+     */
+    popoverProps?: Pick<PopoverProps, 'anchorOrigin' | 'transformOrigin'>;
+    /**
+     * Кнопка, действие которой необходимо подтвердить
+     */
+    actionComponent: (params: ActionComponentParams) => ReactNode;
+    /**
+     * Целевое действие, которое должно произойти после подтверждения
+     */
+    onConfirm: () => void;
+};
+export declare const ConfirmAction: (props: ConfirmActionProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/ConfirmAction/ConfirmAction.mjs

@@ -0,0 +1,43 @@
+import { j as o } from "../../_virtual/jsx-runtime.mjs";
+import { Button as n } from "../Button/Button.mjs";
+import { Popover as P } from "../Popover/Popover.mjs";
+import { DEFAULT_TRANSFORM_ORIGIN as h, DEFAULT_ANCHOR_ORIGIN as j } from "./constants.mjs";
+import { Wrapper as u, StyledTypography as d, Actions as A } from "./styles.mjs";
+import { useLogic as B } from "./useLogic/useLogic.mjs";
+const F = (r) => {
+  const {
+    actionComponentProps: e,
+    popoverProps: i,
+    cancelButtonProps: s,
+    confirmButtonProps: p
+  } = B(r), {
+    text: t,
+    confirmButtonProps: c,
+    popoverProps: m,
+    actionComponent: x
+  } = r, { text: a = "Подтвердить" } = c || {}, {
+    anchorOrigin: f = j,
+    transformOrigin: l = h
+  } = m || {};
+  return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+    x(e),
+    /* @__PURE__ */ o.jsx(
+      P,
+      {
+        anchorOrigin: f,
+        transformOrigin: l,
+        ...i,
+        children: /* @__PURE__ */ o.jsxs(u, { children: [
+          t && /* @__PURE__ */ o.jsx(d, { children: t }),
+          /* @__PURE__ */ o.jsxs(A, { children: [
+            /* @__PURE__ */ o.jsx(n, { variant: "text", ...s, children: "Отмена" }),
+            /* @__PURE__ */ o.jsx(n, { ...p, children: a })
+          ] })
+        ] })
+      }
+    )
+  ] });
+};
+export {
+  F as ConfirmAction
+};

package/lib/components/ConfirmAction/constants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t={vertical:"bottom",horizontal:"right"},o={vertical:"top",horizontal:"right"};exports.DEFAULT_ANCHOR_ORIGIN=t;exports.DEFAULT_TRANSFORM_ORIGIN=o;

package/lib/components/ConfirmAction/constants.mjs

@@ -0,0 +1,11 @@
+const t = {
+  vertical: "bottom",
+  horizontal: "right"
+}, o = {
+  vertical: "top",
+  horizontal: "right"
+};
+export {
+  t as DEFAULT_ANCHOR_ORIGIN,
+  o as DEFAULT_TRANSFORM_ORIGIN
+};

package/lib/components/ConfirmAction/styles.cjs

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@mui/material"),p=require("../Typography/Typography.cjs"),a=e.styled("div")`
+  max-width: 380px;
+  padding: ${({theme:t})=>t.spacing(4)};
+`,i=e.styled(p.Typography)`
+  margin-bottom: ${({theme:t})=>t.spacing(3)};
+`,r=e.styled("div")`
+  display: flex;
+  gap: ${({theme:t})=>t.spacing(3)};
+  justify-content: end;
+`;exports.Actions=r;exports.StyledTypography=i;exports.Wrapper=a;

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

@@ -0,0 +1,16 @@
+export declare const Wrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+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>, {}, {}>;
+export declare const Actions: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/ConfirmAction/styles.mjs

@@ -0,0 +1,17 @@
+import { styled as t } from "@mui/material";
+import { Typography as o } from "../Typography/Typography.mjs";
+const a = t("div")`
+  max-width: 380px;
+  padding: ${({ theme: p }) => p.spacing(4)};
+`, r = t(o)`
+  margin-bottom: ${({ theme: p }) => p.spacing(3)};
+`, s = t("div")`
+  display: flex;
+  gap: ${({ theme: p }) => p.spacing(3)};
+  justify-content: end;
+`;
+export {
+  s as Actions,
+  r as StyledTypography,
+  a as Wrapper
+};

package/lib/components/ConfirmAction/useLogic/useLogic.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@mui/material"),require("react");const l=require("../../../hooks/usePopover/usePopover.cjs");require("../../../_virtual/jsx-runtime.cjs"),require("clsx");const n=require("../../Button/enums.cjs");require("../../Button/styles.cjs");const p=({confirmButtonProps:e,onConfirm:t})=>{const{isOpen:c,anchor:i,actions:o}=l.usePopover(),{isAccented:r}=e||{},s=r?n.ButtonVariants.Light:n.ButtonVariants.Contained,u=r?n.ButtonColors.Error:n.ButtonColors.Primary,a=()=>{t(),o.close()};return{actionComponentProps:{onClick:o.open},popoverProps:{open:c,anchorEl:i,onClose:o.close},cancelButtonProps:{onClick:o.close},confirmButtonProps:{variant:s,color:u,onClick:a}}};exports.useLogic=p;

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

@@ -0,0 +1,22 @@
+import { ButtonColors, ButtonVariants } from '../../Button';
+import { ConfirmActionProps } from '../ConfirmAction';
+type UseLogicParams = ConfirmActionProps;
+export declare const useLogic: ({ confirmButtonProps: externalConfirmButtonProps, onConfirm, }: UseLogicParams) => {
+    actionComponentProps: {
+        onClick: (event: import('react').SyntheticEvent) => void;
+    };
+    popoverProps: {
+        open: boolean;
+        anchorEl: import('../../../hooks').AnchorType;
+        onClose: () => void;
+    };
+    cancelButtonProps: {
+        onClick: () => void;
+    };
+    confirmButtonProps: {
+        variant: ButtonVariants;
+        color: ButtonColors;
+        onClick: () => void;
+    };
+};
+export {};

package/lib/components/ConfirmAction/useLogic/useLogic.mjs

@@ -0,0 +1,36 @@
+import "@mui/material";
+import "react";
+import { usePopover as l } from "../../../hooks/usePopover/usePopover.mjs";
+import "../../../_virtual/jsx-runtime.mjs";
+import "clsx";
+import { ButtonVariants as t, ButtonColors as r } from "../../Button/enums.mjs";
+import "../../Button/styles.mjs";
+const k = ({
+  confirmButtonProps: c,
+  onConfirm: i
+}) => {
+  const { isOpen: s, anchor: p, actions: o } = l(), { isAccented: n } = c || {}, e = n ? t.Light : t.Contained, m = n ? r.Error : r.Primary, a = () => {
+    i(), o.close();
+  };
+  return {
+    actionComponentProps: {
+      onClick: o.open
+    },
+    popoverProps: {
+      open: s,
+      anchorEl: p,
+      onClose: o.close
+    },
+    cancelButtonProps: {
+      onClick: o.close
+    },
+    confirmButtonProps: {
+      variant: e,
+      color: m,
+      onClick: a
+    }
+  };
+};
+export {
+  k as useLogic
+};

package/lib/components/ConfirmDialog/ConfirmDialog.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.cjs"),C=require("../Button/Button.cjs"),D=require("../Dialog/Dialog.cjs"),d=require("../DialogActions/DialogActions.cjs"),q=require("../DialogContent/DialogContent.cjs"),h=require("../DialogContentText/DialogContentText.cjs"),m=require("./styles.cjs"),f=require("./useLogic/useLogic.cjs"),B=t=>{const{isShowCancelButton:i,cancelButtonProps:r}=f.useLogic(t),{open:c,title:s,description:n,actions:o,onClose:l,...a}=t,{text:u,...g}=o.confirm,{text:j,variant:p,onClick:P,...x}=o.cancel||{};return e.j.jsxs(D.Dialog,{title:s,open:c,onClose:l,...a,children:[n&&e.j.jsx(q.DialogContent,{children:e.j.jsx(h.DialogContentText,{children:n})}),e.j.jsxs(d.DialogActions,{children:[i&&e.j.jsx(m.CancelButton,{...x,...r,children:j}),e.j.jsx(C.Button,{...g,children:u})]})]})};exports.ConfirmDialog=B;

package/lib/components/ConfirmDialog/ConfirmDialog.d.ts

@@ -0,0 +1,37 @@
+import { ReactNode } from 'react';
+import { ButtonProps } from '../Button';
+import { DialogProps } from '../Dialog';
+export type ConfirmDialogProps = {
+    /**
+     * Заголовок диалога
+     */
+    title: string;
+    /**
+     * Вспомогательный текст
+     */
+    description?: ReactNode;
+    /**
+     * Функция для закрытия диалога
+     */
+    onClose: () => void;
+    /**
+     * Параметры кнопок действий
+     */
+    actions: {
+        /**
+         * Параметры кнопки подтверждения
+         * @example <ConfirmDialog actions={{ confirm: { text: 'Название кнопки' }}}
+         */
+        confirm: ButtonProps<'button'> & {
+            text: string;
+        };
+        /**
+         * Параметры кнопки отмены. В качестве действия onClick по-умолчанию используется пропс onClose
+         * @example <ConfirmDialog actions={{ cancel: { text: 'Название кнопки' }}}
+         */
+        cancel?: ButtonProps<'button'> & {
+            text: string;
+        };
+    };
+} & Pick<DialogProps, 'aria-labelledby' | 'aria-describedby' | 'disableBackdropClick' | 'disablePortal' | 'disableScrollLock' | 'hideBackdrop' | 'keepMounted' | 'open'>;
+export declare const ConfirmDialog: (props: ConfirmDialogProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/ConfirmDialog/ConfirmDialog.mjs

@@ -0,0 +1,26 @@
+import { j as o } from "../../_virtual/jsx-runtime.mjs";
+import { Button as j } from "../Button/Button.mjs";
+import { Dialog as u } from "../Dialog/Dialog.mjs";
+import { DialogActions as C } from "../DialogActions/DialogActions.mjs";
+import { DialogContent as d } from "../DialogContent/DialogContent.mjs";
+import { DialogContentText as h } from "../DialogContentText/DialogContentText.mjs";
+import { CancelButton as g } from "./styles.mjs";
+import { useLogic as B } from "./useLogic/useLogic.mjs";
+const S = (t) => {
+  const { isShowCancelButton: i, cancelButtonProps: e } = B(t), { open: c, title: s, description: n, actions: r, onClose: m, ...l } = t, { text: a, ...p } = r.confirm, {
+    text: x,
+    variant: D,
+    onClick: P,
+    ...f
+  } = r.cancel || {};
+  return /* @__PURE__ */ o.jsxs(u, { title: s, open: c, onClose: m, ...l, children: [
+    n && /* @__PURE__ */ o.jsx(d, { children: /* @__PURE__ */ o.jsx(h, { children: n }) }),
+    /* @__PURE__ */ o.jsxs(C, { children: [
+      i && /* @__PURE__ */ o.jsx(g, { ...f, ...e, children: x }),
+      /* @__PURE__ */ o.jsx(j, { ...p, children: a })
+    ] })
+  ] });
+};
+export {
+  S as ConfirmDialog
+};

package/lib/components/ConfirmDialog/styles.cjs

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@mui/material"),o=require("../Button/Button.cjs"),n=e.styled(o.Button)`
+  ${({theme:t})=>t.breakpoints.down("sm")} {
+    order: 1;
+  }
+`;exports.CancelButton=n;

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

@@ -0,0 +1,9 @@
+export declare const CancelButton: 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>, {}, {}>;

package/lib/components/ConfirmDialog/styles.mjs

@@ -0,0 +1,10 @@
+import { styled as t } from "@mui/material";
+import { Button as r } from "../Button/Button.mjs";
+const m = t(r)`
+  ${({ theme: o }) => o.breakpoints.down("sm")} {
+    order: 1;
+  }
+`;
+export {
+  m as CancelButton
+};

package/lib/components/ConfirmDialog/useLogic/useLogic.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../hooks/useViewportType/useViewportType.cjs");require("react");const a=({actions:t,onClose:o})=>{const{isMobile:n}=r.useViewportType(),{cancel:e}=t,c=!!e,s=n?"light":"text",i=e?.onClick||o,{variant:l=s}=e||{};return{isShowCancelButton:c,cancelButtonProps:{variant:l,onClick:i}}};exports.useLogic=a;

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

@@ -0,0 +1,10 @@
+import { ConfirmDialogProps } from '../ConfirmDialog';
+type UseLogicParams = ConfirmDialogProps;
+export declare const useLogic: ({ actions, onClose }: UseLogicParams) => {
+    isShowCancelButton: boolean;
+    cancelButtonProps: {
+        variant: "link" | "text" | "light" | "contained";
+        onClick: import('react').MouseEventHandler<HTMLButtonElement>;
+    };
+};
+export {};

package/lib/components/ConfirmDialog/useLogic/useLogic.mjs

@@ -0,0 +1,12 @@
+import { useViewportType as a } from "../../../hooks/useViewportType/useViewportType.mjs";
+import "react";
+const C = ({ actions: n, onClose: t }) => {
+  const { isMobile: c } = a(), { cancel: o } = n, e = !!o, s = c ? "light" : "text", i = o?.onClick || t, { variant: l = s } = o || {};
+  return { isShowCancelButton: e, cancelButtonProps: {
+    variant: l,
+    onClick: i
+  } };
+};
+export {
+  C as useLogic
+};

package/lib/components/Container/Container.cjs

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

package/lib/components/Container/Container.d.ts

@@ -0,0 +1,8 @@
+import { CSSProperties } from 'react';
+import { ContainerRootProps } from './styles';
+export type ContainerProps = ContainerRootProps;
+export declare const Container: (props: ContainerRootProps & {
+    style?: CSSProperties;
+    id?: string;
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/Container/Container.mjs

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

package/lib/components/Container/styles.cjs

@@ -0,0 +1,19 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@mui/material"),n=o.styled("div",{shouldForwardProp:e=>!["variant","direction","gap","width","height","justifyContent","alignItems","padding","margin","gridArea","templateAreas","templateColumns","templateRows","isPaper","elevation","borderRadius"].includes(e.toString()),label:"Container"})`
+  display: ${({variant:e="flex",templateAreas:r,templateColumns:t,templateRows:a})=>a||t||r?"grid":e};
+  flex-direction: ${({direction:e="row"})=>e};
+  flex-wrap: ${({direction:e="row"})=>e==="row"?"nowrap":"wrap"};
+  gap: ${({gap:e=2,theme:r})=>r.spacing(e)};
+  width: ${({width:e})=>typeof e=="number"?`${e}px`:e};
+  height: ${({height:e})=>typeof e=="number"?`${e}px`:e};
+  justify-content: ${({justifyContent:e="flex-start"})=>e};
+  align-items: ${({alignItems:e})=>e};
+  grid-area: ${({gridArea:e})=>e};
+  grid-template-areas: ${({templateAreas:e})=>e};
+  grid-template-columns: ${({templateColumns:e})=>e};
+  grid-template-rows: ${({templateRows:e})=>e};
+  box-shadow: ${({theme:e,elevation:r=0})=>e.shadows[r]};
+  border-radius: ${({theme:e,borderRadius:r=4})=>e.spacing(r)}px;
+  background-color: ${({theme:e,isPaper:r})=>r?e.palette.background.paper:"transparent"};
+  padding: ${({padding:e,theme:r})=>typeof e=="number"?r.spacing(e):e};
+  margin: ${({margin:e,theme:r})=>typeof e=="number"?r.spacing(e):e};
+`;exports.ContainerRoot=n;