@max-ts/components 0.1.1 → 0.2.1

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

@@ -0,0 +1,5 @@
+import { CircularProgressColors } from '../../CircularProgress/constants';
+import { ButtonProps } from '../Button';
+export declare const useLogic: <RootComponent extends React.ElementType>({ variant, }: ButtonProps<RootComponent>) => {
+    loadingIndicatorColor: CircularProgressColors;
+};

package/lib/components/Button/useLogic/useLogic.mjs

@@ -0,0 +1,9 @@
+import { useMemo as t } from "react";
+import { CircularProgressColors as r } from "../../CircularProgress/constants.mjs";
+import { ButtonVariants as n } from "../enums.mjs";
+const u = ({
+  variant: o
+}) => ({ loadingIndicatorColor: t(() => o !== n.Contained ? r.PRIMARY : r.INVERTED, [o]) });
+export {
+  u as useLogic
+};

package/lib/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,9 @@
+import { CheckboxProps as MuiCheckboxProps } from '@mui/material';
+import { WithoutEmotionSpecific } from '../types';
+export type CheckboxProps = Omit<WithoutEmotionSpecific<MuiCheckboxProps>, 'size' | 'color'> & {
+    /**
+     * Флаг для активации error стилей.
+     */
+    isError?: boolean;
+};
+export declare const Checkbox: import('react').ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;

package/lib/components/Checkbox/Checkbox.mjs

@@ -0,0 +1,24 @@
+import { j as o } from "../../_virtual/jsx-runtime.mjs";
+import { forwardRef as n } from "react";
+import { DefaultIcon as s, CheckedIcon as c, IndeterminateIcon as f } from "./icons.mjs";
+import { StyledCheckbox as i } from "./styles.mjs";
+const I = n(
+  ({
+    icon: r = /* @__PURE__ */ o.jsx(s, {}),
+    checkedIcon: e = /* @__PURE__ */ o.jsx(c, {}),
+    indeterminateIcon: t = /* @__PURE__ */ o.jsx(f, {}),
+    ...m
+  }, x) => /* @__PURE__ */ o.jsx(
+    i,
+    {
+      ref: x,
+      icon: r,
+      checkedIcon: e,
+      indeterminateIcon: t,
+      ...m
+    }
+  )
+);
+export {
+  I as Checkbox
+};

package/lib/components/Checkbox/icons.d.ts

@@ -0,0 +1,4 @@
+import { SvgIconProps } from '@mui/material';
+export declare const DefaultIcon: React.FunctionComponent<SvgIconProps>;
+export declare const CheckedIcon: React.FunctionComponent<SvgIconProps>;
+export declare const IndeterminateIcon: React.FunctionComponent<SvgIconProps>;

package/lib/components/Checkbox/icons.mjs

@@ -0,0 +1,45 @@
+import { j as C } from "../../_virtual/jsx-runtime.mjs";
+import { SvgIcon as o } from "@mui/material";
+const i = ({
+  ...e
+}) => /* @__PURE__ */ C.jsxs(o, { viewBox: "0 0 14 14", ...e, children: [
+  /* @__PURE__ */ C.jsx("path", { d: "M0 3C0 1.34315 1.34315 0 3 0H11C12.6569 0 14 1.34315 14 3V11C14 12.6569 12.6569 14 11 14H3C1.34315 14 0 12.6569 0 11V3Z" }),
+  /* @__PURE__ */ C.jsx(
+    "path",
+    {
+      className: "MuiSvgIcon-border",
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M11 2H3C2.44772 2 2 2.44772 2 3V11C2 11.5523 2.44772 12 3 12H11C11.5523 12 12 11.5523 12 11V3C12 2.44772 11.5523 2 11 2ZM3 0C1.34315 0 0 1.34315 0 3V11C0 12.6569 1.34315 14 3 14H11C12.6569 14 14 12.6569 14 11V3C14 1.34315 12.6569 0 11 0H3Z"
+    }
+  )
+] }), t = ({
+  ...e
+}) => /* @__PURE__ */ C.jsxs(o, { viewBox: "0 0 14 14", ...e, children: [
+  /* @__PURE__ */ C.jsx("rect", { width: "14", height: "14", rx: "3" }),
+  /* @__PURE__ */ C.jsx(
+    "path",
+    {
+      className: "MuiSvgIcon-mark",
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M4.71402 6.30066C4.62206 6.20534 4.51205 6.12931 4.39042 6.07701C4.26879 6.0247 4.13797 5.99717 4.0056 5.99602C3.87323 5.99487 3.74195 6.02012 3.61943 6.0703C3.49691 6.12048 3.3856 6.19458 3.292 6.28829C3.19839 6.38199 3.12437 6.49342 3.07424 6.61607C3.02411 6.73872 2.99889 6.87013 3.00004 7.00265C3.00119 7.13516 3.02869 7.26612 3.08094 7.38787C3.13319 7.50963 3.20914 7.61976 3.30435 7.71182L5.29823 9.7078C5.48518 9.8949 5.73871 10 6.00306 10C6.26741 10 6.52094 9.8949 6.7079 9.7078L10.6956 5.71584C10.7909 5.62377 10.8668 5.51365 10.9191 5.39189C10.9713 5.27013 10.9988 5.13918 11 5.00666C11.0011 4.87415 10.9759 4.74274 10.9258 4.62009C10.8756 4.49744 10.8016 4.38601 10.708 4.29231C10.6144 4.1986 10.5031 4.1245 10.3806 4.07432C10.258 4.02414 10.1268 3.99889 9.9944 4.00004C9.86203 4.00119 9.73121 4.02872 9.60958 4.08102C9.48795 4.13333 9.37794 4.20936 9.28598 4.30468L6.00306 7.59106L4.71402 6.30066V6.30066Z"
+    }
+  )
+] }), d = ({
+  ...e
+}) => /* @__PURE__ */ C.jsxs(o, { viewBox: "0 0 14 14", ...e, children: [
+  /* @__PURE__ */ C.jsx("rect", { width: "14", height: "14", rx: "3" }),
+  /* @__PURE__ */ C.jsx(
+    "path",
+    {
+      className: "MuiSvgIcon-mark",
+      d: "M10 6H4C3.44772 6 3 6.44772 3 7C3 7.55228 3.44772 8 4 8H10C10.5523 8 11 7.55228 11 7C11 6.44772 10.5523 6 10 6Z"
+    }
+  )
+] });
+export {
+  t as CheckedIcon,
+  i as DefaultIcon,
+  d as IndeterminateIcon
+};

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

@@ -0,0 +1,5 @@
+type CheckboxStyledProps = {
+    isError?: boolean;
+};
+export declare const StyledCheckbox: import('@emotion/styled').StyledComponent<import('@mui/material').CheckboxProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & CheckboxStyledProps, {}, {}>;
+export {};

package/lib/components/Checkbox/styles.mjs

@@ -0,0 +1,65 @@
+import { styled as o, Checkbox as l, css as t } from "@mui/material";
+const c = (e) => t`
+  &.Mui-checked {
+    color: ${e.palette.red[800]};
+
+    &:hover {
+      color: ${e.palette.red[700]};
+    }
+  }
+
+  & .MuiSvgIcon-border {
+    fill: ${e.palette.red[800]};
+  }
+`, a = o(l, {
+  shouldForwardProp: (e) => e !== "isError"
+})`
+  padding: ${({ theme: e }) => e.spacing(2)};
+
+  color: ${({ theme: e }) => e.palette.background.element};
+
+  border-radius: unset;
+
+  &:hover {
+    color: ${({ theme: e }) => e.palette.grey[100]};
+  }
+
+  & .MuiSvgIcon-border {
+    fill: ${({ theme: e }) => e.palette.grey[300]};
+  }
+
+  & > svg {
+    width: calc(16 / 14 * 1rem);
+    height: calc(16 / 14 * 1rem);
+  }
+
+  &.Mui-disabled {
+    color: ${({ theme: e }) => e.palette.grey[200]};
+
+    & .MuiSvgIcon-border {
+      fill: currentColor;
+    }
+  }
+
+  &.Mui-checked,
+  &.MuiCheckbox-indeterminate {
+    color: ${({ theme: e }) => e.palette.primary.main};
+
+    &:hover {
+      color: ${({ theme: e }) => e.palette.primary[700]};
+    }
+
+    &.Mui-disabled {
+      color: ${({ theme: e }) => e.palette.grey[500]};
+    }
+
+    & .MuiSvgIcon-mark {
+      fill: ${({ theme: e }) => e.palette.common.white};
+    }
+  }
+
+  ${({ isError: e, theme: r }) => e && c(r)}
+`;
+export {
+  a as StyledCheckbox
+};

package/lib/components/CheckboxField/CheckboxField.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+import { CheckboxProps } from '../Checkbox';
+export type CheckboxFieldProps = CheckboxProps & {
+    /**
+     * Флаг отображения успешного состояния текстовой ошибки (helperText)
+     */
+    isSuccess?: boolean;
+    /**
+     * Текст-подсказка
+     */
+    helperText?: ReactNode;
+    /**
+     * Флаг принудительного скрытия блока helperText
+     */
+    hideHelperText?: boolean;
+    /**
+     * Текст или элемент около чекбокса (обычно краткое описание назначения чекбокса)
+     */
+    label: ReactNode;
+};
+/**
+ * Составной компонент чекбокса. Содержит label, tooltip, helperText и т.д.
+ */
+export declare const CheckboxField: ({ isSuccess, helperText, hideHelperText, label, isError, ...restProps }: CheckboxFieldProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/CheckboxField/CheckboxField.mjs

@@ -0,0 +1,41 @@
+import { j as o } from "../../_virtual/jsx-runtime.mjs";
+import { useMemo as i } from "react";
+import { FormControl as c } from "../FormControl/FormControl.mjs";
+import { FormHelperText as p } from "../FormHelperText/FormHelperText.mjs";
+import "../FormHelperText/FormHelperTextContent/styles.mjs";
+import { Tooltip as a } from "../Tooltip/Tooltip.mjs";
+import { StyledFormControlledLabel as f, StyledCheckbox as x } from "./styles.mjs";
+const k = ({
+  isSuccess: e,
+  helperText: r,
+  hideHelperText: m = !1,
+  label: l,
+  isError: t,
+  ...s
+}) => {
+  const n = i(
+    () => !!(t && m),
+    [t, m]
+  );
+  return /* @__PURE__ */ o.jsxs(c, { children: [
+    /* @__PURE__ */ o.jsx(
+      a,
+      {
+        title: n && r,
+        placement: "bottom-start",
+        withoutContainer: !1,
+        children: /* @__PURE__ */ o.jsx(
+          f,
+          {
+            control: /* @__PURE__ */ o.jsx(x, { isError: t, ...s }),
+            label: l
+          }
+        )
+      }
+    ),
+    !m && /* @__PURE__ */ o.jsx(p, { error: t, success: e, children: r })
+  ] });
+};
+export {
+  k as CheckboxField
+};

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

@@ -0,0 +1,8 @@
+/**
+ * Выравнивает элементы по вертикали
+ */
+export declare const StyledFormControlledLabel: import('@emotion/styled').StyledComponent<import('../FormControlLabel').FormControlLabelProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+/**
+ * Уменьшает padding сверху, чтобы чекбокс не был ниже текста
+ */
+export declare const StyledCheckbox: import('@emotion/styled').StyledComponent<Omit<import('../Checkbox').CheckboxProps, "ref"> & import('react').RefAttributes<HTMLButtonElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/lib/components/CheckboxField/styles.mjs

@@ -0,0 +1,12 @@
+import { styled as o } from "@mui/material";
+import { Checkbox as t } from "../Checkbox/Checkbox.mjs";
+import { FormControlLabel as r } from "../FormControlLabel/FormControlLabel.mjs";
+const p = o(r)`
+  align-items: flex-start;
+`, d = o(t)`
+  padding-top: 3px;
+`;
+export {
+  d as StyledCheckbox,
+  p as StyledFormControlledLabel
+};

package/lib/components/Chevron/Chevron.d.ts

@@ -0,0 +1,7 @@
+import { SvgIconProps } from '@mui/material';
+import { WithoutEmotionSpecific } from '../types';
+export type ChevronProps = {
+    isActive?: boolean;
+    className?: string;
+} & Omit<WithoutEmotionSpecific<SvgIconProps>, 'children' | 'classes' | 'ref'>;
+export declare const Chevron: (props: ChevronProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/Chevron/Chevron.mjs

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

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

@@ -0,0 +1,5 @@
+type ChevronWrapperProps = {
+    isActive?: boolean;
+};
+export declare const ChevronIcon: import('@emotion/styled').StyledComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & ChevronWrapperProps, {}, {}>;
+export {};

package/lib/components/Chevron/styles.mjs

@@ -0,0 +1,16 @@
+import { styled as o } from "@mui/material";
+import { ChevronDown as t } from "lucide-react";
+const s = o(t, {
+  shouldForwardProp: (r) => r !== "isActive"
+})`
+  transform: rotateZ(${({ isActive: r }) => r ? 180 : 0}deg);
+  width: 16px;
+  height: 16px;
+  transition: ${({ theme: r }) => r.transitions.create("transform", {
+  easing: r.transitions.easing.sharp,
+  duration: r.transitions.duration.short
+})};
+`;
+export {
+  s as ChevronIcon
+};

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.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.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.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.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.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.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.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>, {}>;