@alfalab/core-components 47.20.0-beta.3 → 47.20.0-beta.4

package/universal-modal/desktop/hooks/useModalMargin.d.ts

@@ -0,0 +1,12 @@
+import { MutableRefObject } from 'react';
+import { BaseUniversalModalProps } from "../types/props";
+type UseModalMarginProps = {
+    margin: BaseUniversalModalProps['margin'];
+    open: boolean;
+    componentRef: MutableRefObject<HTMLDivElement | null>;
+    horizontalAlign: BaseUniversalModalProps['horizontalAlign'];
+    verticalAlign: BaseUniversalModalProps['verticalAlign'];
+};
+/** Преобразует переданный массив отступов [12, 12] => '12px 12px' и устанавливает стиль модалке */
+declare const useModalMargin: ({ margin, open, componentRef, horizontalAlign, verticalAlign, }: UseModalMarginProps) => void;
+export { useModalMargin };

package/universal-modal/desktop/hooks/useModalMargin.js

@@ -0,0 +1,27 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+/** Преобразует переданный массив отступов [12, 12] => '12px 12px' и устанавливает стиль модалке */
+var useModalMargin = function (_a) {
+    var margin = _a.margin, open = _a.open, componentRef = _a.componentRef, horizontalAlign = _a.horizontalAlign, verticalAlign = _a.verticalAlign;
+    var ref = componentRef;
+    React.useEffect(function () {
+        if (ref.current && open && margin) {
+            ref.current.style.margin = margin
+                .map(function (value) { return (value === 'auto' ? value : "".concat(value, "px")); })
+                .join(' ');
+            // Корректируем margin для top / bottom. Иначе при значении auto будет по центру, при любом другом значении всегда сверху.
+            if (horizontalAlign === 'center' && verticalAlign) {
+                if (verticalAlign === 'top' && ref.current.style.marginTop === 'auto') {
+                    ref.current.style.marginTop = '0';
+                }
+                if (verticalAlign === 'bottom' && ref.current.style.marginBottom === 'auto') {
+                    ref.current.style.marginBottom = '0';
+                }
+            }
+        }
+    }, [open, ref, margin, horizontalAlign, verticalAlign]);
+};
+
+exports.useModalMargin = useModalMargin;

package/universal-modal/desktop/hooks/useModalWheel.d.ts

@@ -0,0 +1,6 @@
+import { WheelEvent } from 'react';
+declare const useModalWheel: (overlay: boolean) => {
+    wheelDeltaY: number;
+    handleWheel: (e: WheelEvent<HTMLElement>) => void;
+};
+export { useModalWheel };

package/universal-modal/desktop/hooks/useModalWheel.js

@@ -0,0 +1,17 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+var useModalWheel = function (overlay) {
+    var _a = React.useState(0), wheelDeltaY = _a[0], setWheelDeltaY = _a[1];
+    // передаем e.deltaY от события на элементе dialog компонента base-modal
+    var handleWheel = function (e) {
+        var target = e.target;
+        if (target.getAttribute('role') === 'dialog' && overlay) {
+            setWheelDeltaY(e.deltaY);
+        }
+    };
+    return { wheelDeltaY: wheelDeltaY, handleWheel: handleWheel };
+};
+
+exports.useModalWheel = useModalWheel;

package/universal-modal/desktop/hooks/useModalWidth.d.ts

@@ -0,0 +1,4 @@
+import { MutableRefObject } from 'react';
+/** Устанавливает необходимую ширину модального окна */
+declare const useModalWidth: (width: number | 'fullWidth', open: boolean, componentRef: MutableRefObject<HTMLDivElement | null>) => void;
+export { useModalWidth };

package/universal-modal/desktop/hooks/useModalWidth.js

@@ -0,0 +1,39 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var coreComponentsShared = require('../../../shared');
+var ResponsiveContext = require('../../ResponsiveContext.js');
+
+/** Устанавливает необходимую ширину модального окна */
+var useModalWidth = function (width, open, componentRef) {
+    var ref = componentRef;
+    var context = React.useContext(ResponsiveContext.ResponsiveContext);
+    var setModalWidth = (context || {}).setModalWidth;
+    React.useEffect(function () {
+        if (ref.current) {
+            var viewportWidth = 0;
+            var computedMarginLeft = 0;
+            var computedMarginRight = 0;
+            if (coreComponentsShared.isClient()) {
+                viewportWidth = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0);
+                computedMarginLeft = parseFloat(window.getComputedStyle(ref.current).marginLeft);
+                computedMarginRight = parseFloat(window.getComputedStyle(ref.current).marginRight);
+            }
+            if (width > viewportWidth || width === 'fullWidth') {
+                ref.current.style.width = "calc(100% - ".concat(computedMarginLeft, "px - ").concat(computedMarginRight, "px)");
+                if (setModalWidth) {
+                    setModalWidth(viewportWidth - computedMarginLeft - computedMarginRight);
+                }
+                return;
+            }
+            if (!Number.isNaN(parseFloat(String(width)))) {
+                ref.current.style.width = "".concat(parseFloat(String(width)), "px");
+                if (setModalWidth) {
+                    setModalWidth(width);
+                }
+            }
+        }
+    }, [open, width, ref, setModalWidth, context]);
+};
+
+exports.useModalWidth = useModalWidth;

package/universal-modal/desktop/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Component.desktop";
+export {};

package/universal-modal/desktop/index.js

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var desktop_Component_desktop = require('./Component.desktop.js');
+
+
+
+exports.UniversalModalDesktop = desktop_Component_desktop.UniversalModalDesktop;

package/universal-modal/desktop/package.json

@@ -0,0 +1,3 @@
+{
+    "module": "../esm/desktop/index.js"
+}

package/universal-modal/desktop/types/props.d.ts

@@ -0,0 +1,47 @@
+import { BaseModalProps } from "../../../base-modal";
+import { DrawerProps } from "../../../drawer";
+import { TMargin } from "./typings";
+type BaseUniversalModalProps = {
+    /**
+     * Расположение по горизонтали и сторона с которой модал “выезжает” при открытии
+     * @default center
+     */
+    horizontalAlign?: 'start' | 'center' | 'end';
+    /**
+     * Расположение модального окна по вертикали
+     * @default center
+     */
+    verticalAlign?: 'top' | 'center' | 'bottom';
+    /**
+     * Ширина модального окна
+     * fullWidth - ширина модального окна подстроится под viewport
+     * minWidth - 500
+     * @default 500
+     */
+    width?: number | 'fullWidth';
+    /**
+     * Высота модального окна
+     * fullHeight - высота модального окна подстроится под viewport
+     * minHeight - 264
+     * @default fullHeight
+     */
+    height?: number | 'fullHeight';
+    /**
+     * Наличие оверлея
+     * @default true
+     */
+    overlay?: boolean;
+    /**
+     * Устанавливает отступы модального окна
+     * По умолчанию для бокового модала 0px, для центрального auto
+     */
+    margin?: [TMargin, TMargin, TMargin, TMargin] | [TMargin, TMargin, TMargin] | [TMargin, TMargin] | [TMargin];
+    /**
+     * Хэндлер закрытия модалки
+     */
+    onClose?: () => void;
+};
+type UniversalModalDesktopProps = BaseUniversalModalProps & Pick<BaseModalProps, 'children' | 'dataTestId' | 'open' | 'className'>;
+type ModalBySideProps = UniversalModalDesktopProps & Pick<DrawerProps, 'contentTransitionProps'> & Pick<BaseModalProps, 'wrapperClassName' | 'className'>;
+type ModalByCenterProps = UniversalModalDesktopProps & Pick<BaseModalProps, 'transitionProps' | 'className'>;
+export { BaseUniversalModalProps, UniversalModalDesktopProps, ModalBySideProps, ModalByCenterProps };

package/universal-modal/desktop/types/typings.d.ts

@@ -0,0 +1,2 @@
+type TMargin = 0 | 2 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | 96 | 128 | 'auto';
+export { TMargin };

package/universal-modal/esm/Component-93df0d9e.d.ts

@@ -0,0 +1,17 @@
+import { FC, ReactNode } from 'react';
+type ContentProps = {
+    /**
+     * Контент
+     */
+    children?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+declare const Content: FC<ContentProps>;
+export { ContentProps, Content };

package/universal-modal/esm/Component-93df0d9e.js

@@ -0,0 +1,29 @@
+import React, { useContext } from 'react';
+import cn from 'classnames';
+import { getDataTestId } from '../../shared/esm';
+import { ModalContext } from './Context.js';
+import { ResponsiveContext } from './ResponsiveContext.js';
+import '../../base-modal/esm';
+
+var styles$1 = {"content":"universal-modal__content_n0bws","withHeader":"universal-modal__withHeader_n0bws","withFooter":"universal-modal__withFooter_n0bws","flex":"universal-modal__flex_n0bws"};
+require('./components/content/index.css');
+
+var styles = {"content":"universal-modal__content_143vu","withFooter":"universal-modal__withFooter_143vu"};
+require('./components/content/mobile.css');
+
+var Content = function (_a) {
+    var _b;
+    var children = _a.children, className = _a.className, dataTestId = _a.dataTestId;
+    var _c = useContext(ModalContext), contentRef = _c.contentRef, hasHeader = _c.hasHeader, hasFooter = _c.hasFooter;
+    var responsiveContext = useContext(ResponsiveContext);
+    var _d = (responsiveContext || {}).view, view = _d === void 0 ? 'desktop' : _d;
+    var isMobile = view === 'mobile';
+    return (React.createElement("div", { className: cn(styles$1.content, className, styles$1.flex, (_b = {},
+            _b[styles$1.withHeader] = hasHeader,
+            _b[styles$1.withFooter] = hasFooter,
+            _b[styles.content] = isMobile,
+            _b[styles.withFooter] = isMobile,
+            _b)), ref: contentRef, "data-test-id": dataTestId || getDataTestId(responsiveContext === null || responsiveContext === void 0 ? void 0 : responsiveContext.dataTestId, 'content') }, children));
+};
+
+export { Content as C, styles as s };

package/universal-modal/esm/Component.responsive.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import React from 'react';
+declare const UniversalModalResponsive: React.ForwardRefExoticComponent<import("./desktop/types/props").BaseUniversalModalProps & Pick<import("../../base-modal").BaseModalProps, "children" | "className" | "open" | "dataTestId"> & import("./mobile/types/props").BaseUniversalModalMobileProps & {
+    breakpoint?: number | undefined;
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
+} & React.RefAttributes<HTMLDivElement>> & {
+    Header: React.FC<import("./components/header/Component").HeaderProps>;
+    Controls: React.FC<import("./components/controls/index").ControlsProps>;
+    Content: (props: any) => React.JSX.Element;
+    Footer: (props: any) => React.JSX.Element;
+};
+export { UniversalModalResponsive };

package/universal-modal/esm/Component.responsive.js

@@ -0,0 +1,51 @@
+import { __rest, __assign } from 'tslib';
+import React, { forwardRef } from 'react';
+import { useMatchMedia } from '../../mq/esm';
+import { getComponentBreakpoint, isClient } from '../../shared/esm';
+import { Controls } from './components/controls/Component.js';
+import { Header } from './components/header/Component.js';
+import { createResponsive } from './utils/createResponsive.js';
+import { UniversalModalDesktop } from './desktop/Component.desktop.js';
+import { UniversalModalMobile } from './mobile/Component.mobile.js';
+import 'classnames';
+import './ResponsiveContext.js';
+import './layout.module-5027288c.js';
+import '../../navigation-bar-private/esm';
+import './Context.js';
+import '../../base-modal/esm';
+import './components/content/Component.desktop.js';
+import './Component-93df0d9e.js';
+import './components/footer/Component.desktop.js';
+import './components/footer/Component.js';
+import './desktop/constants/headerPresetTypes.js';
+import './desktop/components/modal-by-center/modal-by-center.js';
+import './desktop/hooks/useModalHeight.js';
+import './desktop/hooks/useModalMargin.js';
+import './desktop/hooks/useModalWheel.js';
+import './desktop/hooks/useModalWidth.js';
+import './desktop/components/base-universal-modal-content/base-universal-modal-content.js';
+import '../../scrollbar/esm';
+import './desktop/constants/types.js';
+import './desktop/components/modal-by-side/modal-by-side.js';
+import 'react-merge-refs';
+import '../../drawer/esm';
+import './components/content/Component.mobile.js';
+import './components/footer/Component.mobile.js';
+
+var UniversalModal = forwardRef(function (_a, ref) {
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, dataTestId = _a.dataTestId, restProps = __rest(_a, ["children", "breakpoint", "defaultMatchMediaValue", "dataTestId"]);
+    var query = "(min-width: ".concat(breakpoint, "px)");
+    var getDefaultValue = function () { return (isClient() ? window.matchMedia(query).matches : false); };
+    var isDesktop = useMatchMedia(query, defaultMatchMediaValue !== null && defaultMatchMediaValue !== void 0 ? defaultMatchMediaValue : getDefaultValue)[0];
+    var Component = isDesktop ? UniversalModalDesktop : UniversalModalMobile;
+    return (React.createElement(Component, __assign({ ref: ref, dataTestId: dataTestId }, restProps), children));
+});
+var UniversalModalResponsive = Object.assign(UniversalModal, {
+    Header: Header,
+    Controls: Controls,
+    Content: createResponsive(UniversalModalDesktop.Content, UniversalModalMobile.Content),
+    Footer: createResponsive(UniversalModalDesktop.Footer, UniversalModalMobile.Footer),
+});
+UniversalModalResponsive.displayName = 'UniversalModalResponsive';
+
+export { UniversalModalResponsive };

package/universal-modal/esm/Context.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { BaseModalContext } from "../../base-modal";
+declare const ModalContext: import("react").Context<BaseModalContext>;
+export { ModalContext };

package/universal-modal/esm/Context.js

@@ -0,0 +1,5 @@
+import { BaseModalContext } from '../../base-modal/esm';
+
+var ModalContext = BaseModalContext;
+
+export { ModalContext };

package/universal-modal/esm/ResponsiveContext.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { TResponsiveModalContext } from "./typings";
+declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
+export { ResponsiveContext };

package/universal-modal/esm/ResponsiveContext.js

@@ -0,0 +1,5 @@
+import React from 'react';
+
+var ResponsiveContext = React.createContext(null);
+
+export { ResponsiveContext };

package/universal-modal/esm/components/content/Component.desktop.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { ContentProps } from "../../Component-93df0d9e";
+type ContentDesktopProps = ContentProps & {
+    /**
+     * Размер (только для desktop версии компонента)
+     */
+    size?: 's' | 500;
+};
+declare const ContentDesktop: FC<ContentDesktopProps>;
+export { ContentDesktopProps, ContentDesktop };

package/universal-modal/esm/components/content/Component.desktop.js

@@ -0,0 +1,15 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import cn from 'classnames';
+import { C as Content } from '../../Component-93df0d9e.js';
+import '../../../../shared/esm';
+import '../../Context.js';
+import '../../../../base-modal/esm';
+import '../../ResponsiveContext.js';
+
+var ContentDesktop = function (_a) {
+    var className = _a.className, restProps = __rest(_a, ["className"]);
+    return (React.createElement(Content, __assign({ className: cn(className) }, restProps)));
+};
+
+export { ContentDesktop };

package/universal-modal/esm/components/content/Component.js

@@ -0,0 +1,7 @@
+import 'react';
+import 'classnames';
+import '../../../../shared/esm';
+import '../../../../base-modal/esm';
+import '../../ResponsiveContext.js';
+export { C as Content } from '../../Component-93df0d9e.js';
+import '../../Context.js';

package/universal-modal/esm/components/content/Component.mobile.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { ContentProps } from "../../Component-93df0d9e";
+type ContentMobileProps = ContentProps;
+declare const ContentMobile: FC<ContentMobileProps>;
+export { ContentMobileProps, ContentMobile };

package/universal-modal/esm/components/content/Component.mobile.js

@@ -0,0 +1,15 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import cn from 'classnames';
+import { C as Content, s as styles } from '../../Component-93df0d9e.js';
+import '../../../../shared/esm';
+import '../../Context.js';
+import '../../../../base-modal/esm';
+import '../../ResponsiveContext.js';
+
+var ContentMobile = function (_a) {
+    var className = _a.className, restProps = __rest(_a, ["className"]);
+    return (React.createElement(Content, __assign({ className: cn(className, styles.content) }, restProps)));
+};
+
+export { ContentMobile };

package/universal-modal/esm/components/content/index.css

@@ -0,0 +1,49 @@
+/* hash: 1ekaa */
+:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+
+    /* новые значения, используйте их */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */
+    --gap-2xl: 32px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+
+    /* новые значения, используйте их */
+    --gap-0: 0;
+    --gap-16: var(--gap-m);
+    --gap-32: var(--gap-2xl);
+} :root {
+} :root {
+} /* сбрасывает синюю подсветку при нажатии */ :root {
+
+    /* sizes */
+
+    /* paddings */
+
+    /* scroll */
+
+    /* desktop */
+
+    /* mobile */
+} .universal-modal__content_n0bws {
+    position: relative;
+    box-sizing: border-box;
+    width: 100%;
+    z-index: 0;
+    padding: var(--gap-32) var(--gap-32) var(--gap-32)
+} .universal-modal__content_n0bws.universal-modal__withHeader_n0bws {
+        padding-top: var(--gap-0);
+    } .universal-modal__content_n0bws.universal-modal__withFooter_n0bws {
+        padding-bottom: var(--gap-16);
+    } .universal-modal__flex_n0bws {
+    flex: 1 1 auto;
+}

package/universal-modal/esm/components/content/mobile.css

@@ -0,0 +1,43 @@
+/* hash: 1bilg */
+:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+
+    /* новые значения, используйте их */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --gap-m: 16px; /* deprecated */
+    --gap-l: 20px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+
+    /* новые значения, используйте их */
+    --gap-0: 0;
+    --gap-16: var(--gap-m);
+    --gap-20: var(--gap-l);
+} :root {
+} :root {
+} /* сбрасывает синюю подсветку при нажатии */ :root {
+
+    /* sizes */
+
+    /* paddings */
+
+    /* scroll */
+
+    /* desktop */
+
+    /* mobile */
+} .universal-modal__content_143vu {
+    padding: var(--gap-16) var(--gap-16) var(--gap-0)
+} .universal-modal__content_143vu:last-child {
+        padding-bottom: var(--gap-16);
+    } .universal-modal__content_143vu.universal-modal__withFooter_143vu {
+        padding-bottom: var(--gap-20);
+    }

package/universal-modal/esm/components/controls/Component.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+import React from 'react';
+import { ReactNode } from "react";
+interface ControlsProps {
+    /**
+     * Основной слот
+     */
+    primary?: ReactNode;
+    /**
+     * Дополнительный слот
+     */
+    secondary?: ReactNode;
+    /**
+     * Выравнивание элементов футера
+     * @default start
+     */
+    layout?: 'start' | 'center' | 'space-between' | 'column';
+    /**
+     * Выравнивание элементов футера (мобильный view)
+     * @default start
+     */
+    mobileLayout?: 'start' | 'center' | 'space-between' | 'column';
+    /**
+     * Отступы между элементами футера
+     */
+    gap?: 16 | 24 | 32;
+}
+declare const Controls: React.FC<ControlsProps>;
+export { ControlsProps, Controls };

package/universal-modal/esm/components/controls/Component.js

@@ -0,0 +1,23 @@
+import React, { useContext } from 'react';
+import cn from 'classnames';
+import { getDataTestId } from '../../../../shared/esm';
+import { ResponsiveContext } from '../../ResponsiveContext.js';
+import { l as layoutStyles } from '../../layout.module-5027288c.js';
+
+var styles = {"component":"universal-modal__component_nbr0g"};
+require('./index.css');
+
+var Controls = function (_a) {
+    var primary = _a.primary, secondary = _a.secondary, gap = _a.gap, _b = _a.layout, layoutProp = _b === void 0 ? 'start' : _b, _c = _a.mobileLayout, mobileLayout = _c === void 0 ? layoutProp : _c;
+    var context = useContext(ResponsiveContext);
+    var _d = context || {}, _e = _d.view, view = _e === void 0 ? 'desktop' : _e, dataTestId = _d.dataTestId;
+    var layout = view === 'mobile' ? mobileLayout : layoutProp;
+    var shouldReverse = view === 'mobile' && layout !== 'column';
+    return (React.createElement("div", { "data-test-id": getDataTestId(dataTestId, 'controls'), className: cn(styles.component, layoutStyles[layout], gap && layoutStyles["gap-".concat(gap)]) }, shouldReverse ? (React.createElement(React.Fragment, null,
+        secondary,
+        primary)) : (React.createElement(React.Fragment, null,
+        primary,
+        secondary))));
+};
+
+export { Controls };

package/universal-modal/esm/components/controls/index.css

@@ -0,0 +1,4 @@
+/* hash: 1ce3h */
+.universal-modal__component_nbr0g {
+    width: 100%;
+}