@alfalab/core-components-universal-modal 3.2.5 → 3.2.6-alfasans

package/Context.d.ts

@@ -1,5 +1,5 @@
 import { BaseModalContext } from '@alfalab/core-components-base-modal';
 /**
- * @deprecated Некоторые параметры могут не соответствовать реальным состояниям компонента
+ * @deprecated В будущем контекст будет удалён. Обрабатывайте состояния компонента самостоятельно.
  */
 export declare const ModalContext: import("react").Context<BaseModalContext>;

package/Context.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var coreComponentsBaseModal = require('@alfalab/core-components-base-modal');
 
 /**
- * @deprecated Некоторые параметры могут не соответствовать реальным состояниям компонента
+ * @deprecated В будущем контекст будет удалён. Обрабатывайте состояния компонента самостоятельно.
  */
 var ModalContext = coreComponentsBaseModal.BaseModalContext;
 

package/Context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Context.js","sources":["src/Context.ts"],"sourcesContent":["import { BaseModalContext } from '@alfalab/core-components-base-modal';\n\n/**\n * @deprecated Некоторые параметры могут не соответствовать реальным состояниям компонента\n */\nexport const ModalContext = BaseModalContext;\n"],"names":["BaseModalContext"],"mappings":";;;;;;AAEA;;AAEG;AACI,IAAM,YAAY,GAAGA;;;;"}
+{"version":3,"file":"Context.js","sources":["src/Context.ts"],"sourcesContent":["import { BaseModalContext } from '@alfalab/core-components-base-modal';\n\n/**\n * @deprecated В будущем контекст будет удалён. Обрабатывайте состояния компонента самостоятельно.\n */\nexport const ModalContext = BaseModalContext;\n"],"names":["BaseModalContext"],"mappings":";;;;;;AAEA;;AAEG;AACI,IAAM,YAAY,GAAGA;;;;"}

package/components/base-content/index.css

@@ -1,7 +1,7 @@
 :root {
     --gap-32: 32px;
 }
-.universal-modal__content_1e00w {
+.universal-modal__content_ctmlq {
     position: relative;
     box-sizing: border-box;
     width: 100%;

package/components/base-content/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"content":"universal-modal__content_1e00w"};
+var styles = {"content":"universal-modal__content_ctmlq"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/base-footer/index.css

@@ -11,7 +11,7 @@
     --universal-modal-footer-highlight-background: var(--color-light-modal-bg-primary);
     --universal-modal-footer-highlight-box-shadow: 0 -1px 0 0 var(--color-light-neutral-300);
 }
-.universal-modal__footer_agber {
+.universal-modal__footer_y2hw6 {
     width: 100%;
     box-sizing: border-box;
     transition:
@@ -19,12 +19,12 @@
         background 0.2s ease;
     padding: var(--gap-16) var(--gap-32) var(--gap-32);
 }
-.universal-modal__sticky_agber {
+.universal-modal__sticky_y2hw6 {
     background: var(--universal-modal-footer-background);
     position: sticky;
     z-index: 1;
 }
-.universal-modal__highlighted_agber {
+.universal-modal__highlighted_y2hw6 {
     background: var(--universal-modal-footer-highlight-background);
     box-shadow: var(--universal-modal-footer-highlight-box-shadow);
 }

package/components/base-footer/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"footer":"universal-modal__footer_agber","sticky":"universal-modal__sticky_agber","highlighted":"universal-modal__highlighted_agber"};
+var styles = {"footer":"universal-modal__footer_y2hw6","sticky":"universal-modal__sticky_y2hw6","highlighted":"universal-modal__highlighted_y2hw6"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/base-header/index.css

@@ -10,22 +10,22 @@
     --universal-modal-header-highlight-background: var(--color-light-modal-bg-primary);
     --universal-modal-header-highlight-box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
 }
-.universal-modal__header_vw52s {
+.universal-modal__header_49r0q {
     width: 100%;
     box-sizing: border-box;
     transition:
         box-shadow 0.2s ease,
         background 0.2s ease;
 }
-.universal-modal__header_vw52s.universal-modal__highlighted_vw52s {
+.universal-modal__header_49r0q.universal-modal__highlighted_49r0q {
         background: var(--universal-modal-header-highlight-background);
         box-shadow: var(--universal-modal-header-highlight-box-shadow);
     }
-.universal-modal__header_vw52s.universal-modal__sticky_vw52s {
+.universal-modal__header_49r0q.universal-modal__sticky_49r0q {
         position: sticky;
         top: var(--gap-0);
         z-index: 1;
     }
-.universal-modal__header_vw52s.universal-modal__sticky_vw52s.universal-modal__hasContent_vw52s {
+.universal-modal__header_49r0q.universal-modal__sticky_49r0q.universal-modal__hasContent_49r0q {
             background: var(--universal-modal-header-background);
         }

package/components/base-header/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"header":"universal-modal__header_vw52s","highlighted":"universal-modal__highlighted_vw52s","sticky":"universal-modal__sticky_vw52s","hasContent":"universal-modal__hasContent_vw52s"};
+var styles = {"header":"universal-modal__header_49r0q","highlighted":"universal-modal__highlighted_49r0q","sticky":"universal-modal__sticky_49r0q","hasContent":"universal-modal__hasContent_49r0q"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/cssm/Context.d.ts

@@ -1,5 +1,5 @@
 import { BaseModalContext } from '@alfalab/core-components-base-modal/cssm';
 /**
- * @deprecated Некоторые параметры могут не соответствовать реальным состояниям компонента
+ * @deprecated В будущем контекст будет удалён. Обрабатывайте состояния компонента самостоятельно.
  */
 export declare const ModalContext: import("react").Context<BaseModalContext>;

package/cssm/Context.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var cssm = require('@alfalab/core-components-base-modal/cssm');
 
 /**
- * @deprecated Некоторые параметры могут не соответствовать реальным состояниям компонента
+ * @deprecated В будущем контекст будет удалён. Обрабатывайте состояния компонента самостоятельно.
  */
 var ModalContext = cssm.BaseModalContext;
 

package/cssm/Context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Context.js","sources":["../src/Context.ts"],"sourcesContent":["import { BaseModalContext } from '@alfalab/core-components-base-modal';\n\n/**\n * @deprecated Некоторые параметры могут не соответствовать реальным состояниям компонента\n */\nexport const ModalContext = BaseModalContext;\n"],"names":["BaseModalContext"],"mappings":";;;;;;AAEA;;AAEG;AACI,IAAM,YAAY,GAAGA;;;;"}
+{"version":3,"file":"Context.js","sources":["../src/Context.ts"],"sourcesContent":["import { BaseModalContext } from '@alfalab/core-components-base-modal';\n\n/**\n * @deprecated В будущем контекст будет удалён. Обрабатывайте состояния компонента самостоятельно.\n */\nexport const ModalContext = BaseModalContext;\n"],"names":["BaseModalContext"],"mappings":";;;;;;AAEA;;AAEG;AACI,IAAM,YAAY,GAAGA;;;;"}

package/cssm/desktop/Component.desktop.d.ts

@@ -4,5 +4,5 @@ export declare const UniversalModalDesktopComponent: React.ForwardRefExoticCompo
 export declare const UniversalModalDesktop: React.ForwardRefExoticComponent<UniversalModalDesktopProps & React.RefAttributes<HTMLDivElement>> & {
     Header: React.ForwardRefExoticComponent<import("./components/header").HeaderDesktopProps & React.RefAttributes<HTMLDivElement>>;
     Content: React.FC<import("../components/base-content").ContentProps>;
-    Footer: React.ForwardRefExoticComponent<import("./components/footer").FooterDesktopProps & React.RefAttributes<HTMLDivElement>>;
+    Footer: React.ForwardRefExoticComponent<import("../components/base-footer").FooterProps & React.RefAttributes<HTMLDivElement>>;
 };

package/cssm/desktop/components/center-modal/center-modal.js

@@ -33,7 +33,7 @@ var transitions__default = /*#__PURE__*/_interopDefaultCompat(transitions);
 var transitionProps = cssm.isMacOS() && cssm.isSafari() ? safariTransitions__default.default : transitions__default.default;
 var CenterModal = React.forwardRef(function (props, ref) {
     var _a;
-    var dataTestId = props.dataTestId, className = props.className, open = props.open, children = props.children, _b = props.width, width = _b === void 0 ? 500 : _b, _c = props.height, height = _c === void 0 ? 'hugContent' : _c, _d = props.verticalAlign, verticalAlign = _d === void 0 ? 'center' : _d, _e = props.overlay, overlay = _e === void 0 ? true : _e, margin = props.margin, scrollableContainerRefProp = props.scrollableContainerRef, onClose = props.onClose, restProps = tslib.__rest(props, ["dataTestId", "className", "open", "children", "width", "height", "verticalAlign", "overlay", "margin", "scrollableContainerRef", "onClose"]);
+    var dataTestId = props.dataTestId, className = props.className, open = props.open, children = props.children, _b = props.width, width = _b === void 0 ? 500 : _b, _c = props.height, height = _c === void 0 ? 'hugContent' : _c, _d = props.verticalAlign, verticalAlign = _d === void 0 ? 'center' : _d, _e = props.overlay, overlay = _e === void 0 ? true : _e, margin = props.margin, scrollableContainerRefProp = props.scrollableContainerRef, onClose = props.onClose, wrapperClassName = props.wrapperClassName, restProps = tslib.__rest(props, ["dataTestId", "className", "open", "children", "width", "height", "verticalAlign", "overlay", "margin", "scrollableContainerRef", "onClose", "wrapperClassName"]);
     var componentRef = React.useRef(null);
     var _f = useScrollableContainerRef.useScrollableContainerRef({
         overlay: overlay,
@@ -41,7 +41,7 @@ var CenterModal = React.forwardRef(function (props, ref) {
     }), handleWheel = _f.handleWheel, scrollableContainerRef = _f.scrollableContainerRef;
     var _g = getFullSizeModalTransitions.getFullSizeModalTransitions({ verticalAlign: verticalAlign, width: width, height: height }), isFullSizeModal = _g.isFullSizeModal, fullSizeModalContentTransitions = _g.componentTransitions, fullSizeModalBackdropTransitions = _g.backdropTransitions;
     var withoutOverlay = !overlay;
-    return (React__default.default.createElement(cssm$1.BaseModal, tslib.__assign({}, restProps, { open: open, dataTestId: dataTestId, ref: ref, componentRef: componentRef, scrollHandler: 'content', disableBlockingScroll: withoutOverlay, wrapperClassName: cn__default.default(styles__default.default.baseModalContainer, (_a = {},
+    return (React__default.default.createElement(cssm$1.BaseModal, tslib.__assign({}, restProps, { open: open, dataTestId: dataTestId, ref: ref, componentRef: componentRef, scrollHandler: scrollableContainerRef, scrollContainerFillsViewport: false, disableBlockingScroll: withoutOverlay, wrapperClassName: cn__default.default(styles__default.default.baseModalContainer, wrapperClassName, (_a = {},
             _a[styles__default.default.wrapperJustifyStart] = verticalAlign === 'top',
             _a[styles__default.default.wrapperJustifyCenter] = verticalAlign === 'center',
             _a[styles__default.default.wrapperJustifyEnd] = verticalAlign === 'bottom',

package/cssm/desktop/components/center-modal/center-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"center-modal.js","sources":["../../../../src/desktop/components/center-modal/center-modal.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModal } from '@alfalab/core-components-base-modal';\nimport { isMacOS, isSafari } from '@alfalab/core-components-shared';\n\nimport { useScrollableContainerRef } from '../../hooks/use-scrollable-container-ref';\nimport { type UniversalModalDesktopProps } from '../../types/props';\nimport { getFullSizeModalTransitions } from '../../utils/get-full-size-modal-transitions';\nimport { getHeightCapStyles } from '../../utils/get-height-cap-styles';\nimport { getHeightValue } from '../../utils/get-height-value';\nimport { getMarginStyles } from '../../utils/get-margin-styles';\nimport { getWidthCapStyles } from '../../utils/get-width-cap-styles';\nimport { ModalContent } from '../modal-content/modal-content';\n\nimport styles from './index.module.css';\nimport safariTransitions from './transitions/safari-transitions.module.css';\nimport transitions from './transitions/transitions.module.css';\n\n/*\n * в safari position:sticky некорректно синхронизируется с transform:scale на предке —\n * sticky-футер \"доезжает\" при анимации, поэтому применяем немного другую анимацию\n */\nconst transitionProps = isMacOS() && isSafari() ? safariTransitions : transitions;\n\nexport const CenterModal = forwardRef<HTMLDivElement, UniversalModalDesktopProps>((props, ref) => {\n    const {\n        dataTestId,\n        className,\n        open,\n        children,\n        width = 500,\n        height = 'hugContent',\n        verticalAlign = 'center',\n        overlay = true,\n        margin,\n        scrollableContainerRef: scrollableContainerRefProp,\n        onClose,\n        ...restProps\n    } = props;\n\n    const componentRef = useRef<HTMLDivElement>(null);\n    const { handleWheel, scrollableContainerRef } = useScrollableContainerRef({\n        overlay,\n        refObject: scrollableContainerRefProp,\n    });\n\n    const {\n        isFullSizeModal,\n        componentTransitions: fullSizeModalContentTransitions,\n        backdropTransitions: fullSizeModalBackdropTransitions,\n    } = getFullSizeModalTransitions({ verticalAlign, width, height });\n\n    const withoutOverlay = !overlay;\n\n    return (\n        <BaseModal\n            {...restProps}\n            open={open}\n            dataTestId={dataTestId}\n            ref={ref}\n            componentRef={componentRef}\n            scrollHandler='content'\n            disableBlockingScroll={withoutOverlay}\n            wrapperClassName={cn(styles.baseModalContainer, {\n                [styles.wrapperJustifyStart]: verticalAlign === 'top',\n                [styles.wrapperJustifyCenter]: verticalAlign === 'center',\n                [styles.wrapperJustifyEnd]: verticalAlign === 'bottom',\n                [styles.withoutOverlay]: withoutOverlay,\n            })}\n            className={cn(\n                styles.component,\n                className,\n                styles.baseModalComponent,\n                getMarginStyles({ styles, margin }),\n                getHeightCapStyles({ styles, margin }),\n                getWidthCapStyles({ styles, margin }),\n            )}\n            transitionProps={{\n                classNames: transitionProps,\n                ...(isFullSizeModal && fullSizeModalContentTransitions),\n                ...restProps.transitionProps,\n            }}\n            backdropProps={{\n                shouldRender: overlay,\n                ...(isFullSizeModal && fullSizeModalBackdropTransitions),\n                ...restProps.backdropProps,\n            }}\n            componentDivProps={{\n                style: {\n                    width: width === 'fullWidth' ? '100%' : width,\n                    height: getHeightValue(height),\n                },\n            }}\n            onWheel={handleWheel}\n            onClose={onClose}\n        >\n            <ModalContent height={height} scrollableContainerRef={scrollableContainerRef}>\n                {children}\n            </ModalContent>\n        </BaseModal>\n    );\n});\n"],"names":["isMacOS","isSafari","safariTransitions","transitions","forwardRef","__rest","useRef","useScrollableContainerRef","getFullSizeModalTransitions","React","BaseModal","__assign","cn","styles","getMarginStyles","getHeightCapStyles","getWidthCapStyles","getHeightValue","ModalContent"],"mappings":"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"}
+{"version":3,"file":"center-modal.js","sources":["../../../../src/desktop/components/center-modal/center-modal.tsx"],"sourcesContent":["import React, { forwardRef, type MutableRefObject, useRef } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModal } from '@alfalab/core-components-base-modal';\nimport { isMacOS, isSafari } from '@alfalab/core-components-shared';\n\nimport { useScrollableContainerRef } from '../../hooks/use-scrollable-container-ref';\nimport { type UniversalModalDesktopProps } from '../../types/props';\nimport { getFullSizeModalTransitions } from '../../utils/get-full-size-modal-transitions';\nimport { getHeightCapStyles } from '../../utils/get-height-cap-styles';\nimport { getHeightValue } from '../../utils/get-height-value';\nimport { getMarginStyles } from '../../utils/get-margin-styles';\nimport { getWidthCapStyles } from '../../utils/get-width-cap-styles';\nimport { ModalContent } from '../modal-content/modal-content';\n\nimport styles from './index.module.css';\nimport safariTransitions from './transitions/safari-transitions.module.css';\nimport transitions from './transitions/transitions.module.css';\n\n/*\n * в safari position:sticky некорректно синхронизируется с transform:scale на предке —\n * sticky-футер \"доезжает\" при анимации, поэтому применяем немного другую анимацию\n */\nconst transitionProps = isMacOS() && isSafari() ? safariTransitions : transitions;\n\nexport const CenterModal = forwardRef<HTMLDivElement, UniversalModalDesktopProps>((props, ref) => {\n    const {\n        dataTestId,\n        className,\n        open,\n        children,\n        width = 500,\n        height = 'hugContent',\n        verticalAlign = 'center',\n        overlay = true,\n        margin,\n        scrollableContainerRef: scrollableContainerRefProp,\n        onClose,\n        wrapperClassName,\n        ...restProps\n    } = props;\n\n    const componentRef = useRef<HTMLDivElement>(null);\n    const { handleWheel, scrollableContainerRef } = useScrollableContainerRef({\n        overlay,\n        refObject: scrollableContainerRefProp,\n    });\n\n    const {\n        isFullSizeModal,\n        componentTransitions: fullSizeModalContentTransitions,\n        backdropTransitions: fullSizeModalBackdropTransitions,\n    } = getFullSizeModalTransitions({ verticalAlign, width, height });\n\n    const withoutOverlay = !overlay;\n\n    return (\n        <BaseModal\n            {...restProps}\n            open={open}\n            dataTestId={dataTestId}\n            ref={ref}\n            componentRef={componentRef}\n            scrollHandler={scrollableContainerRef as MutableRefObject<HTMLDivElement | null>}\n            scrollContainerFillsViewport={false}\n            disableBlockingScroll={withoutOverlay}\n            wrapperClassName={cn(styles.baseModalContainer, wrapperClassName, {\n                [styles.wrapperJustifyStart]: verticalAlign === 'top',\n                [styles.wrapperJustifyCenter]: verticalAlign === 'center',\n                [styles.wrapperJustifyEnd]: verticalAlign === 'bottom',\n                [styles.withoutOverlay]: withoutOverlay,\n            })}\n            className={cn(\n                styles.component,\n                className,\n                styles.baseModalComponent,\n                getMarginStyles({ styles, margin }),\n                getHeightCapStyles({ styles, margin }),\n                getWidthCapStyles({ styles, margin }),\n            )}\n            transitionProps={{\n                classNames: transitionProps,\n                ...(isFullSizeModal && fullSizeModalContentTransitions),\n                ...restProps.transitionProps,\n            }}\n            backdropProps={{\n                shouldRender: overlay,\n                ...(isFullSizeModal && fullSizeModalBackdropTransitions),\n                ...restProps.backdropProps,\n            }}\n            componentDivProps={{\n                style: {\n                    width: width === 'fullWidth' ? '100%' : width,\n                    height: getHeightValue(height),\n                },\n            }}\n            onWheel={handleWheel}\n            onClose={onClose}\n        >\n            <ModalContent height={height} scrollableContainerRef={scrollableContainerRef}>\n                {children}\n            </ModalContent>\n        </BaseModal>\n    );\n});\n"],"names":["isMacOS","isSafari","safariTransitions","transitions","forwardRef","__rest","useRef","useScrollableContainerRef","getFullSizeModalTransitions","React","BaseModal","cn","styles","getMarginStyles","getHeightCapStyles","getWidthCapStyles","__assign","getHeightValue","ModalContent"],"mappings":"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"}

package/cssm/desktop/components/footer/index.d.ts

@@ -1,9 +1,4 @@
 import React from 'react';
 import { type FooterProps } from '../../../components/base-footer';
-export interface FooterDesktopProps extends FooterProps {
-    /**
-     * Размер (только для desktop версии компонента)
-     */
-    size?: 's' | 500;
-}
-export declare const FooterDesktop: React.ForwardRefExoticComponent<FooterDesktopProps & React.RefAttributes<HTMLDivElement>>;
+export type FooterDesktopProps = FooterProps;
+export declare const FooterDesktop: React.ForwardRefExoticComponent<FooterProps & React.RefAttributes<HTMLDivElement>>;

package/cssm/desktop/components/footer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/desktop/components/footer/index.tsx"],"sourcesContent":["import React, { forwardRef, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { BaseFooter, type FooterProps } from '../../../components/base-footer';\nimport { ModalContext } from '../../../Context';\nimport { UniversalModalContext } from '../../context';\n\nimport styles from './desktop.module.css';\nimport layoutStyles from './layout.module.css';\n\nconst FOOTER_MEDIUM_BREAKPOINT = 800;\n\nexport interface FooterDesktopProps extends FooterProps {\n    /**\n     * Размер (только для desktop версии компонента)\n     */\n    size?: 's' | 500;\n}\n\nexport const FooterDesktop = forwardRef<HTMLDivElement, FooterDesktopProps>((props, ref) => {\n    const { className, sticky, layout = 'start', ...restProps } = props;\n    const { width: modalWidth } = useContext(UniversalModalContext);\n    const { footerHighlighted: modalFooterHighlighted } = useContext(ModalContext);\n\n    const isMiddle = modalWidth === 'fullWidth' || modalWidth >= FOOTER_MEDIUM_BREAKPOINT;\n\n    return (\n        <BaseFooter\n            ref={ref}\n            className={cn(layoutStyles[layout], className, {\n                [styles.sticky]: sticky,\n                [layoutStyles.middle]: isMiddle,\n            })}\n            sticky={sticky}\n            layout={layout}\n            isHighlighted={modalFooterHighlighted}\n            {...restProps}\n        />\n    );\n});\n\nFooterDesktop.displayName = 'FooterDesktop';\n"],"names":["forwardRef","__rest","useContext","UniversalModalContext","ModalContext","React","BaseFooter","__assign","cn","layoutStyles","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;AAUA,IAAM,wBAAwB,GAAG,GAAG;IASvB,aAAa,GAAGA,gBAAU,CAAqC,UAAC,KAAK,EAAE,GAAG,EAAA;;IAC3E,IAAA,SAAS,GAA6C,KAAK,CAAlD,SAAA,EAAE,MAAM,GAAqC,KAAK,CAA1C,MAAA,EAAE,EAAmC,GAAA,KAAK,OAAxB,EAAhB,MAAM,GAAG,EAAA,KAAA,MAAA,GAAA,OAAO,GAAA,EAAA,EAAK,SAAS,GAAAC,YAAA,CAAK,KAAK,EAA7D,CAAqD,WAAA,EAAA,QAAA,EAAA,QAAA,CAAA,CAAF;AACjD,IAAA,IAAO,UAAU,GAAKC,gBAAU,CAACC,2BAAqB,CAAC,MAAtC;AACjB,IAAA,IAAmB,sBAAsB,GAAKD,gBAAU,CAACE,oBAAY,CAAC,kBAA7B;IAEjD,IAAM,QAAQ,GAAG,UAAU,KAAK,WAAW,IAAI,UAAU,IAAI,wBAAwB;AAErF,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,kBAAU,EACPC,cAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,mBAAE,CAACC,6BAAY,CAAC,MAAM,CAAC,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACzC,YAAA,EAAA,CAACC,uBAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACvB,YAAA,EAAA,CAACD,6BAAY,CAAC,MAAM,CAAA,GAAG,QAAQ;AACjC,YAAA,EAAA,EAAA,EACF,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,sBAAsB,EAAA,EACjC,SAAS,CAAA,CACf;AAEV,CAAC;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/desktop/components/footer/index.tsx"],"sourcesContent":["import React, { forwardRef, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { BaseFooter, type FooterProps } from '../../../components/base-footer';\nimport { ModalContext } from '../../../Context';\nimport { UniversalModalContext } from '../../context';\n\nimport styles from './desktop.module.css';\nimport layoutStyles from './layout.module.css';\n\nconst FOOTER_MEDIUM_BREAKPOINT = 800;\n\nexport type FooterDesktopProps = FooterProps;\n\nexport const FooterDesktop = forwardRef<HTMLDivElement, FooterDesktopProps>((props, ref) => {\n    const { className, sticky, layout = 'start', ...restProps } = props;\n    const { width: modalWidth } = useContext(UniversalModalContext);\n    const { footerHighlighted: modalFooterHighlighted } = useContext(ModalContext);\n\n    const isMiddle = modalWidth === 'fullWidth' || modalWidth >= FOOTER_MEDIUM_BREAKPOINT;\n\n    return (\n        <BaseFooter\n            ref={ref}\n            className={cn(layoutStyles[layout], className, {\n                [styles.sticky]: sticky,\n                [layoutStyles.middle]: isMiddle,\n            })}\n            sticky={sticky}\n            layout={layout}\n            isHighlighted={modalFooterHighlighted}\n            {...restProps}\n        />\n    );\n});\n\nFooterDesktop.displayName = 'FooterDesktop';\n"],"names":["forwardRef","__rest","useContext","UniversalModalContext","ModalContext","React","BaseFooter","__assign","cn","layoutStyles","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;AAUA,IAAM,wBAAwB,GAAG,GAAG;IAIvB,aAAa,GAAGA,gBAAU,CAAqC,UAAC,KAAK,EAAE,GAAG,EAAA;;IAC3E,IAAA,SAAS,GAA6C,KAAK,CAAlD,SAAA,EAAE,MAAM,GAAqC,KAAK,CAA1C,MAAA,EAAE,EAAmC,GAAA,KAAK,OAAxB,EAAhB,MAAM,GAAG,EAAA,KAAA,MAAA,GAAA,OAAO,GAAA,EAAA,EAAK,SAAS,GAAAC,YAAA,CAAK,KAAK,EAA7D,CAAqD,WAAA,EAAA,QAAA,EAAA,QAAA,CAAA,CAAF;AACjD,IAAA,IAAO,UAAU,GAAKC,gBAAU,CAACC,2BAAqB,CAAC,MAAtC;AACjB,IAAA,IAAmB,sBAAsB,GAAKD,gBAAU,CAACE,oBAAY,CAAC,kBAA7B;IAEjD,IAAM,QAAQ,GAAG,UAAU,KAAK,WAAW,IAAI,UAAU,IAAI,wBAAwB;AAErF,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,kBAAU,EACPC,cAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,mBAAE,CAACC,6BAAY,CAAC,MAAM,CAAC,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACzC,YAAA,EAAA,CAACC,uBAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACvB,YAAA,EAAA,CAACD,6BAAY,CAAC,MAAM,CAAA,GAAG,QAAQ;AACjC,YAAA,EAAA,EAAA,EACF,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,sBAAsB,EAAA,EACjC,SAAS,CAAA,CACf;AAEV,CAAC;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}

package/cssm/desktop/components/header/desktop.module.css

@@ -5,8 +5,9 @@
     --gap-20: 20px;
 }
 :root {
-    --font-family-system:
-        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
 }
 .header {
     padding: var(--gap-20) var(--gap-20) 0;
@@ -15,26 +16,30 @@
         font-size: 22px;
         line-height: 26px;
         font-weight: 700;
-        font-family: var(--font-family-system);
+        letter-spacing: 0.2px;
+        font-family: var(--font-family-alfasans);
         padding: 11px var(--gap-12);
     }
 .header .bottomAddons {
         font-size: 22px;
         line-height: 26px;
         font-weight: 700;
-        font-family: var(--font-family-system);
+        letter-spacing: 0.2px;
+        font-family: var(--font-family-alfasans);
         padding: var(--gap-6) var(--gap-12) var(--gap-16);
     }
 .header.medium .headerTitle {
             font-size: 30px;
             line-height: 36px;
             font-weight: 700;
-            font-family: var(--font-family-system);
+            letter-spacing: 0.1px;
+            font-family: var(--font-family-alfasans);
             padding: var(--gap-6) var(--gap-12) var(--gap-16);
         }
 .header.medium .bottomAddons {
             font-size: 30px;
             line-height: 36px;
             font-weight: 700;
-            font-family: var(--font-family-system);
+            letter-spacing: 0.1px;
+            font-family: var(--font-family-alfasans);
         }

package/cssm/desktop/components/modal-content/modal-content.js

@@ -3,10 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var cssm = require('@alfalab/core-components-scrollbar/cssm');
-var useModalHighlighted = require('../../hooks/use-modal-highlighted.js');
 var useSetScrollbarHeight = require('../../hooks/use-set-scrollbar-height.js');
 var setFooterAndHeaderRefs = require('../../utils/set-footer-and-header-refs.js');
 var styles = require('./modal-content.module.css');
@@ -14,20 +12,16 @@ var styles = require('./modal-content.module.css');
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var ModalContent = function (props) {
     var _a;
     var children = props.children, height = props.height, _b = props.scrollableContainerRef, scrollableContainerRef = _b === void 0 ? null : _b;
-    var scrollableNodeRef = React.useRef(null);
-    var scrollbarContentNodeRef = React.useRef(null);
     var scrollbarRef = React.useRef(null);
     var verticalBarRef = React.useRef(null);
     var headerElementRef = React.useRef(null);
     var footerElementRef = React.useRef(null);
-    var handleScroll = useModalHighlighted.useModalHighlighted({ scrollbarContentNodeRef: scrollbarContentNodeRef, scrollableNodeRef: scrollableNodeRef }).handleScroll;
     var enhancedChildren = setFooterAndHeaderRefs.setFooterAndHeaderRefs({
         children: children,
         headerElementRef: headerElementRef,
@@ -35,14 +29,13 @@ var ModalContent = function (props) {
     }).enhancedChildren;
     useSetScrollbarHeight.useSetScrollbarHeight({ scrollbarRef: scrollbarRef, verticalBarRef: verticalBarRef, headerElementRef: headerElementRef, footerElementRef: footerElementRef });
     return (React__default.default.createElement(cssm.Scrollbar, { className: styles__default.default.scrollable, ref: scrollbarRef, verticalBarRef: verticalBarRef, scrollableNodeProps: {
-            ref: mergeRefs__default.default([scrollableNodeRef, scrollableContainerRef]),
+            ref: scrollableContainerRef,
             className: styles__default.default.scrollableNode,
         }, contentNodeProps: {
-            ref: scrollbarContentNodeRef,
             className: cn__default.default(styles__default.default.contentNode, (_a = {},
                 _a[styles__default.default.hugContent] = height === 'hugContent',
                 _a)),
-        }, onContentScroll: handleScroll }, enhancedChildren));
+        } }, enhancedChildren));
 };
 
 exports.ModalContent = ModalContent;

package/cssm/desktop/components/modal-content/modal-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-content.js","sources":["../../../../src/desktop/components/modal-content/modal-content.tsx"],"sourcesContent":["import React, { type FC, useRef } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\nimport { type BaseModalProps } from '@alfalab/core-components-base-modal';\nimport { Scrollbar } from '@alfalab/core-components-scrollbar';\n\nimport { useModalHighlighted } from '../../hooks/use-modal-highlighted';\nimport { useSetScrollbarHeight } from '../../hooks/use-set-scrollbar-height';\nimport { type UniversalModalDesktopProps } from '../../types/props';\nimport { setFooterAndHeaderRefs } from '../../utils/set-footer-and-header-refs';\n\nimport styles from './modal-content.module.css';\n\ntype PickedBaseModalProps = Pick<BaseModalProps, 'children'>;\ntype PickedUniversalModalDesktopProps = Pick<\n    UniversalModalDesktopProps,\n    'height' | 'scrollableContainerRef'\n>;\n\ntype Props = PickedBaseModalProps & PickedUniversalModalDesktopProps;\n\nexport const ModalContent: FC<Props> = (props) => {\n    const { children, height, scrollableContainerRef = null } = props;\n\n    const scrollableNodeRef = useRef<HTMLDivElement>(null);\n    const scrollbarContentNodeRef = useRef<HTMLDivElement>(null);\n    const scrollbarRef = useRef<HTMLDivElement | null>(null);\n    const verticalBarRef = useRef<HTMLDivElement>(null);\n    const headerElementRef = useRef<HTMLDivElement>(null);\n    const footerElementRef = useRef<HTMLDivElement | null>(null);\n\n    const { handleScroll } = useModalHighlighted({ scrollbarContentNodeRef, scrollableNodeRef });\n\n    const { enhancedChildren } = setFooterAndHeaderRefs({\n        children,\n        headerElementRef,\n        footerElementRef,\n    });\n\n    useSetScrollbarHeight({ scrollbarRef, verticalBarRef, headerElementRef, footerElementRef });\n\n    return (\n        <Scrollbar\n            className={styles.scrollable}\n            ref={scrollbarRef}\n            verticalBarRef={verticalBarRef}\n            scrollableNodeProps={{\n                ref: mergeRefs([scrollableNodeRef, scrollableContainerRef]),\n                className: styles.scrollableNode,\n            }}\n            contentNodeProps={{\n                ref: scrollbarContentNodeRef,\n                className: cn(styles.contentNode, {\n                    [styles.hugContent]: height === 'hugContent',\n                }),\n            }}\n            onContentScroll={handleScroll}\n        >\n            {enhancedChildren}\n        </Scrollbar>\n    );\n};\n"],"names":["useRef","useModalHighlighted","setFooterAndHeaderRefs","useSetScrollbarHeight","React","Scrollbar","styles","mergeRefs","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;AAsBO,IAAM,YAAY,GAAc,UAAC,KAAK,EAAA;;AACjC,IAAA,IAAA,QAAQ,GAA4C,KAAK,SAAjD,EAAE,MAAM,GAAoC,KAAK,CAAA,MAAzC,EAAE,EAAA,GAAkC,KAAK,CAAV,sBAAA,EAA7B,sBAAsB,GAAG,EAAA,KAAA,MAAA,GAAA,IAAI,KAAA;AAEvD,IAAA,IAAM,iBAAiB,GAAGA,YAAM,CAAiB,IAAI,CAAC;AACtD,IAAA,IAAM,uBAAuB,GAAGA,YAAM,CAAiB,IAAI,CAAC;AAC5D,IAAA,IAAM,YAAY,GAAGA,YAAM,CAAwB,IAAI,CAAC;AACxD,IAAA,IAAM,cAAc,GAAGA,YAAM,CAAiB,IAAI,CAAC;AACnD,IAAA,IAAM,gBAAgB,GAAGA,YAAM,CAAiB,IAAI,CAAC;AACrD,IAAA,IAAM,gBAAgB,GAAGA,YAAM,CAAwB,IAAI,CAAC;AAEpD,IAAA,IAAA,YAAY,GAAKC,uCAAmB,CAAC,EAAE,uBAAuB,EAAA,uBAAA,EAAE,iBAAiB,EAAA,iBAAA,EAAE,CAAC,aAAxE;IAEZ,IAAA,gBAAgB,GAAKC,6CAAsB,CAAC;AAChD,QAAA,QAAQ,EAAA,QAAA;AACR,QAAA,gBAAgB,EAAA,gBAAA;AAChB,QAAA,gBAAgB,EAAA,gBAAA;AACnB,KAAA,CAAC,iBAJsB;AAMxB,IAAAC,2CAAqB,CAAC,EAAE,YAAY,EAAA,YAAA,EAAE,cAAc,EAAA,cAAA,EAAE,gBAAgB,kBAAA,EAAE,gBAAgB,EAAA,gBAAA,EAAE,CAAC;AAE3F,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,cAAS,IACN,SAAS,EAAEC,uBAAM,CAAC,UAAU,EAC5B,GAAG,EAAE,YAAY,EACjB,cAAc,EAAE,cAAc,EAC9B,mBAAmB,EAAE;YACjB,GAAG,EAAEC,0BAAS,CAAC,CAAC,iBAAiB,EAAE,sBAAsB,CAAC,CAAC;YAC3D,SAAS,EAAED,uBAAM,CAAC,cAAc;AACnC,SAAA,EACD,gBAAgB,EAAE;AACd,YAAA,GAAG,EAAE,uBAAuB;AAC5B,YAAA,SAAS,EAAEE,mBAAE,CAACF,uBAAM,CAAC,WAAW,GAAA,EAAA,GAAA,EAAA;AAC5B,gBAAA,EAAA,CAACA,uBAAM,CAAC,UAAU,CAAG,GAAA,MAAM,KAAK,YAAY;AAC9C,gBAAA,EAAA,EAAA;AACL,SAAA,EACD,eAAe,EAAE,YAAY,IAE5B,gBAAgB,CACT;AAEpB;;;;"}
+{"version":3,"file":"modal-content.js","sources":["../../../../src/desktop/components/modal-content/modal-content.tsx"],"sourcesContent":["import React, { type FC, useRef } from 'react';\nimport cn from 'classnames';\n\nimport { type BaseModalProps } from '@alfalab/core-components-base-modal';\nimport { Scrollbar } from '@alfalab/core-components-scrollbar';\n\nimport { useSetScrollbarHeight } from '../../hooks/use-set-scrollbar-height';\nimport { type UniversalModalDesktopProps } from '../../types/props';\nimport { setFooterAndHeaderRefs } from '../../utils/set-footer-and-header-refs';\n\nimport styles from './modal-content.module.css';\n\ntype PickedBaseModalProps = Pick<BaseModalProps, 'children'>;\ntype PickedUniversalModalDesktopProps = Pick<\n    UniversalModalDesktopProps,\n    'height' | 'scrollableContainerRef'\n>;\n\ntype Props = PickedBaseModalProps & PickedUniversalModalDesktopProps;\n\nexport const ModalContent: FC<Props> = (props) => {\n    const { children, height, scrollableContainerRef = null } = props;\n\n    const scrollbarRef = useRef<HTMLDivElement | null>(null);\n    const verticalBarRef = useRef<HTMLDivElement>(null);\n    const headerElementRef = useRef<HTMLDivElement>(null);\n    const footerElementRef = useRef<HTMLDivElement | null>(null);\n\n    const { enhancedChildren } = setFooterAndHeaderRefs({\n        children,\n        headerElementRef,\n        footerElementRef,\n    });\n\n    useSetScrollbarHeight({ scrollbarRef, verticalBarRef, headerElementRef, footerElementRef });\n\n    return (\n        <Scrollbar\n            className={styles.scrollable}\n            ref={scrollbarRef}\n            verticalBarRef={verticalBarRef}\n            scrollableNodeProps={{\n                ref: scrollableContainerRef,\n                className: styles.scrollableNode,\n            }}\n            contentNodeProps={{\n                className: cn(styles.contentNode, {\n                    [styles.hugContent]: height === 'hugContent',\n                }),\n            }}\n        >\n            {enhancedChildren}\n        </Scrollbar>\n    );\n};\n"],"names":["useRef","setFooterAndHeaderRefs","useSetScrollbarHeight","React","Scrollbar","styles","cn"],"mappings":";;;;;;;;;;;;;;;;;AAoBO,IAAM,YAAY,GAAc,UAAC,KAAK,EAAA;;AACjC,IAAA,IAAA,QAAQ,GAA4C,KAAK,SAAjD,EAAE,MAAM,GAAoC,KAAK,CAAA,MAAzC,EAAE,EAAA,GAAkC,KAAK,CAAV,sBAAA,EAA7B,sBAAsB,GAAG,EAAA,KAAA,MAAA,GAAA,IAAI,KAAA;AAEvD,IAAA,IAAM,YAAY,GAAGA,YAAM,CAAwB,IAAI,CAAC;AACxD,IAAA,IAAM,cAAc,GAAGA,YAAM,CAAiB,IAAI,CAAC;AACnD,IAAA,IAAM,gBAAgB,GAAGA,YAAM,CAAiB,IAAI,CAAC;AACrD,IAAA,IAAM,gBAAgB,GAAGA,YAAM,CAAwB,IAAI,CAAC;IAEpD,IAAA,gBAAgB,GAAKC,6CAAsB,CAAC;AAChD,QAAA,QAAQ,EAAA,QAAA;AACR,QAAA,gBAAgB,EAAA,gBAAA;AAChB,QAAA,gBAAgB,EAAA,gBAAA;AACnB,KAAA,CAAC,iBAJsB;AAMxB,IAAAC,2CAAqB,CAAC,EAAE,YAAY,EAAA,YAAA,EAAE,cAAc,EAAA,cAAA,EAAE,gBAAgB,kBAAA,EAAE,gBAAgB,EAAA,gBAAA,EAAE,CAAC;AAE3F,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,cAAS,IACN,SAAS,EAAEC,uBAAM,CAAC,UAAU,EAC5B,GAAG,EAAE,YAAY,EACjB,cAAc,EAAE,cAAc,EAC9B,mBAAmB,EAAE;AACjB,YAAA,GAAG,EAAE,sBAAsB;YAC3B,SAAS,EAAEA,uBAAM,CAAC,cAAc;AACnC,SAAA,EACD,gBAAgB,EAAE;AACd,YAAA,SAAS,EAAEC,mBAAE,CAACD,uBAAM,CAAC,WAAW,GAAA,EAAA,GAAA,EAAA;AAC5B,gBAAA,EAAA,CAACA,uBAAM,CAAC,UAAU,CAAG,GAAA,MAAM,KAAK,YAAY;AAC9C,gBAAA,EAAA,EAAA;SACL,EAEA,EAAA,gBAAgB,CACT;AAEpB;;;;"}

package/cssm/desktop/components/side-modal/side-modal.js

@@ -24,7 +24,7 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var SideModal = React.forwardRef(function (props, ref) {
     var _a;
-    var _b = props.width, width = _b === void 0 ? 500 : _b, _c = props.height, height = _c === void 0 ? 'fullHeight' : _c, _d = props.horizontalAlign, horizontalAlign = _d === void 0 ? 'center' : _d, _e = props.verticalAlign, verticalAlign = _e === void 0 ? 'center' : _e, _f = props.overlay, overlay = _f === void 0 ? true : _f, open = props.open, dataTestId = props.dataTestId, className = props.className, children = props.children, margin = props.margin, scrollableContainerRefProp = props.scrollableContainerRef, onClose = props.onClose, restProps = tslib.__rest(props, ["width", "height", "horizontalAlign", "verticalAlign", "overlay", "open", "dataTestId", "className", "children", "margin", "scrollableContainerRef", "onClose"]);
+    var _b = props.width, width = _b === void 0 ? 500 : _b, _c = props.height, height = _c === void 0 ? 'fullHeight' : _c, _d = props.horizontalAlign, horizontalAlign = _d === void 0 ? 'center' : _d, _e = props.verticalAlign, verticalAlign = _e === void 0 ? 'center' : _e, _f = props.overlay, overlay = _f === void 0 ? true : _f, open = props.open, dataTestId = props.dataTestId, className = props.className, children = props.children, margin = props.margin, scrollableContainerRefProp = props.scrollableContainerRef, onClose = props.onClose, wrapperClassName = props.wrapperClassName, restProps = tslib.__rest(props, ["width", "height", "horizontalAlign", "verticalAlign", "overlay", "open", "dataTestId", "className", "children", "margin", "scrollableContainerRef", "onClose", "wrapperClassName"]);
     var componentRef = React.useRef(null);
     var contentRef = React.useRef(null);
     var _g = useScrollableContainerRef.useScrollableContainerRef({
@@ -33,7 +33,7 @@ var SideModal = React.forwardRef(function (props, ref) {
     }), handleWheel = _g.handleWheel, scrollableContainerRef = _g.scrollableContainerRef;
     var _h = getFullSizeModalTransitions.getFullSizeModalTransitions({ verticalAlign: verticalAlign, width: width, height: height }), isFullSizeModal = _h.isFullSizeModal, fullSizeModalContentTransitions = _h.componentTransitions, fullSizeModalBackdropTransitions = _h.backdropTransitions;
     var withoutOverlay = !overlay;
-    return (React__default.default.createElement(cssm.BaseModal, tslib.__assign({}, restProps, { open: open, dataTestId: dataTestId, ref: ref, componentRef: componentRef, contentElementRef: contentRef, scrollHandler: 'content', disableBlockingScroll: withoutOverlay, wrapperClassName: cn__default.default(styles__default.default.wrapper, styles__default.default.baseModalContainer, (_a = {},
+    return (React__default.default.createElement(cssm.BaseModal, tslib.__assign({}, restProps, { open: open, dataTestId: dataTestId, ref: ref, componentRef: componentRef, contentElementRef: contentRef, scrollHandler: scrollableContainerRef, scrollContainerFillsViewport: false, disableBlockingScroll: withoutOverlay, wrapperClassName: cn__default.default(styles__default.default.wrapper, styles__default.default.baseModalContainer, wrapperClassName, (_a = {},
             _a[styles__default.default.wrapperAlignStart] = horizontalAlign === 'start',
             _a[styles__default.default.wrapperAlignEnd] = horizontalAlign === 'end',
             _a[styles__default.default.wrapperJustifyCenter] = verticalAlign === 'center',

package/cssm/desktop/components/side-modal/side-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"side-modal.js","sources":["../../../../src/desktop/components/side-modal/side-modal.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModal } from '@alfalab/core-components-base-modal';\n\nimport { useScrollableContainerRef } from '../../hooks/use-scrollable-container-ref';\nimport { type UniversalModalDesktopProps } from '../../types/props';\nimport { getFullSizeModalTransitions } from '../../utils/get-full-size-modal-transitions';\nimport { getHeightCapStyles } from '../../utils/get-height-cap-styles';\nimport { getHeightValue } from '../../utils/get-height-value';\nimport { getMarginStyles } from '../../utils/get-margin-styles';\nimport { getWidthCapStyles } from '../../utils/get-width-cap-styles';\nimport { ModalContent } from '../modal-content/modal-content';\n\nimport { getDefaultTransitionProps } from './get-default-transition-props';\n\nimport styles from './index.module.css';\n\nexport const SideModal = forwardRef<HTMLDivElement, UniversalModalDesktopProps>((props, ref) => {\n    const {\n        width = 500,\n        height = 'fullHeight',\n        horizontalAlign = 'center',\n        verticalAlign = 'center',\n        overlay = true,\n        open,\n        dataTestId,\n        className,\n        children,\n        margin,\n        scrollableContainerRef: scrollableContainerRefProp,\n        onClose,\n        ...restProps\n    } = props;\n    const componentRef = useRef<HTMLDivElement>(null);\n    const contentRef = useRef<HTMLDivElement>(null);\n    const { handleWheel, scrollableContainerRef } = useScrollableContainerRef({\n        overlay,\n        refObject: scrollableContainerRefProp,\n    });\n\n    const {\n        isFullSizeModal,\n        componentTransitions: fullSizeModalContentTransitions,\n        backdropTransitions: fullSizeModalBackdropTransitions,\n    } = getFullSizeModalTransitions({ verticalAlign, width, height });\n\n    const withoutOverlay = !overlay;\n\n    return (\n        <BaseModal\n            {...restProps}\n            open={open}\n            dataTestId={dataTestId}\n            ref={ref}\n            componentRef={componentRef}\n            contentElementRef={contentRef}\n            scrollHandler='content'\n            disableBlockingScroll={withoutOverlay}\n            wrapperClassName={cn(styles.wrapper, styles.baseModalContainer, {\n                [styles.wrapperAlignStart]: horizontalAlign === 'start',\n                [styles.wrapperAlignEnd]: horizontalAlign === 'end',\n                [styles.wrapperJustifyCenter]: verticalAlign === 'center',\n                [styles.wrapperJustifyEnd]: verticalAlign === 'bottom',\n                [styles.withoutOverlay]: withoutOverlay,\n            })}\n            className={cn(\n                styles.component,\n                className,\n                styles.baseModalComponent,\n                getMarginStyles({ styles, margin }),\n                getHeightCapStyles({ styles, margin }),\n                getWidthCapStyles({ styles, margin }),\n            )}\n            contentClassName={styles.content}\n            transitionProps={{\n                ...getDefaultTransitionProps({\n                    horizontalAlign,\n                    margin,\n                }),\n                ...(isFullSizeModal && fullSizeModalContentTransitions),\n                ...restProps.transitionProps,\n            }}\n            backdropProps={{\n                shouldRender: overlay,\n                ...(isFullSizeModal && fullSizeModalBackdropTransitions),\n                ...restProps.backdropProps,\n            }}\n            componentDivProps={{\n                style: {\n                    width: width === 'fullWidth' ? '100%' : width,\n                    height: getHeightValue(height),\n                },\n            }}\n            onWheel={handleWheel}\n            onClose={onClose}\n        >\n            <ModalContent height={height} scrollableContainerRef={scrollableContainerRef}>\n                {children}\n            </ModalContent>\n        </BaseModal>\n    );\n});\n"],"names":["forwardRef","__rest","useRef","useScrollableContainerRef","getFullSizeModalTransitions","React","BaseModal","__assign","cn","styles","getMarginStyles","getHeightCapStyles","getWidthCapStyles","getDefaultTransitionProps","getHeightValue","ModalContent"],"mappings":"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"}
+{"version":3,"file":"side-modal.js","sources":["../../../../src/desktop/components/side-modal/side-modal.tsx"],"sourcesContent":["import React, { forwardRef, type MutableRefObject, useRef } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModal } from '@alfalab/core-components-base-modal';\n\nimport { useScrollableContainerRef } from '../../hooks/use-scrollable-container-ref';\nimport { type UniversalModalDesktopProps } from '../../types/props';\nimport { getFullSizeModalTransitions } from '../../utils/get-full-size-modal-transitions';\nimport { getHeightCapStyles } from '../../utils/get-height-cap-styles';\nimport { getHeightValue } from '../../utils/get-height-value';\nimport { getMarginStyles } from '../../utils/get-margin-styles';\nimport { getWidthCapStyles } from '../../utils/get-width-cap-styles';\nimport { ModalContent } from '../modal-content/modal-content';\n\nimport { getDefaultTransitionProps } from './get-default-transition-props';\n\nimport styles from './index.module.css';\n\nexport const SideModal = forwardRef<HTMLDivElement, UniversalModalDesktopProps>((props, ref) => {\n    const {\n        width = 500,\n        height = 'fullHeight',\n        horizontalAlign = 'center',\n        verticalAlign = 'center',\n        overlay = true,\n        open,\n        dataTestId,\n        className,\n        children,\n        margin,\n        scrollableContainerRef: scrollableContainerRefProp,\n        onClose,\n        wrapperClassName,\n        ...restProps\n    } = props;\n    const componentRef = useRef<HTMLDivElement>(null);\n    const contentRef = useRef<HTMLDivElement>(null);\n    const { handleWheel, scrollableContainerRef } = useScrollableContainerRef({\n        overlay,\n        refObject: scrollableContainerRefProp,\n    });\n\n    const {\n        isFullSizeModal,\n        componentTransitions: fullSizeModalContentTransitions,\n        backdropTransitions: fullSizeModalBackdropTransitions,\n    } = getFullSizeModalTransitions({ verticalAlign, width, height });\n\n    const withoutOverlay = !overlay;\n\n    return (\n        <BaseModal\n            {...restProps}\n            open={open}\n            dataTestId={dataTestId}\n            ref={ref}\n            componentRef={componentRef}\n            contentElementRef={contentRef}\n            scrollHandler={scrollableContainerRef as MutableRefObject<HTMLDivElement | null>}\n            scrollContainerFillsViewport={false}\n            disableBlockingScroll={withoutOverlay}\n            wrapperClassName={cn(styles.wrapper, styles.baseModalContainer, wrapperClassName, {\n                [styles.wrapperAlignStart]: horizontalAlign === 'start',\n                [styles.wrapperAlignEnd]: horizontalAlign === 'end',\n                [styles.wrapperJustifyCenter]: verticalAlign === 'center',\n                [styles.wrapperJustifyEnd]: verticalAlign === 'bottom',\n                [styles.withoutOverlay]: withoutOverlay,\n            })}\n            className={cn(\n                styles.component,\n                className,\n                styles.baseModalComponent,\n                getMarginStyles({ styles, margin }),\n                getHeightCapStyles({ styles, margin }),\n                getWidthCapStyles({ styles, margin }),\n            )}\n            contentClassName={styles.content}\n            transitionProps={{\n                ...getDefaultTransitionProps({\n                    horizontalAlign,\n                    margin,\n                }),\n                ...(isFullSizeModal && fullSizeModalContentTransitions),\n                ...restProps.transitionProps,\n            }}\n            backdropProps={{\n                shouldRender: overlay,\n                ...(isFullSizeModal && fullSizeModalBackdropTransitions),\n                ...restProps.backdropProps,\n            }}\n            componentDivProps={{\n                style: {\n                    width: width === 'fullWidth' ? '100%' : width,\n                    height: getHeightValue(height),\n                },\n            }}\n            onWheel={handleWheel}\n            onClose={onClose}\n        >\n            <ModalContent height={height} scrollableContainerRef={scrollableContainerRef}>\n                {children}\n            </ModalContent>\n        </BaseModal>\n    );\n});\n"],"names":["forwardRef","__rest","useRef","useScrollableContainerRef","getFullSizeModalTransitions","React","BaseModal","__assign","cn","styles","getMarginStyles","getHeightCapStyles","getWidthCapStyles","getDefaultTransitionProps","getHeightValue","ModalContent"],"mappings":"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"}

package/cssm/desktop/types/props.d.ts

@@ -36,7 +36,7 @@ export interface BaseUniversalModalProps {
      */
     margin?: Margin;
 }
-export interface UniversalModalDesktopProps extends BaseUniversalModalProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onMount' | 'onUnmount' | 'transitionProps' | 'backdropProps' | 'disableBackdropClick' | 'onClose' | 'disableFocusLock' | 'container' | 'disableRestoreFocus' | 'disableAutoFocus'>> {
+export interface UniversalModalDesktopProps extends BaseUniversalModalProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onMount' | 'onUnmount' | 'transitionProps' | 'backdropProps' | 'disableBackdropClick' | 'onClose' | 'disableFocusLock' | 'container' | 'disableRestoreFocus' | 'disableAutoFocus' | 'zIndex'>> {
     /**
      * Реф контейнера на котором происходит scroll
      */

package/cssm/mobile/components/header/index.module.css

@@ -6,8 +6,9 @@
     --gap-16: 16px;
 }
 :root {
-    --font-family-system:
-        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
 }
 .header {
     padding: var(--gap-8) var(--gap-4);
@@ -15,8 +16,9 @@
 .content {
     font-size: 20px;
     line-height: 28px;
-    font-weight: 600;
-    font-family: var(--font-family-system);
+    font-weight: 500;
+    letter-spacing: -0.15px;
+    font-family: var(--font-family-alfasans);
     padding: 0 var(--gap-12);
     min-height: 40px;
     justify-content: center;
@@ -24,7 +26,8 @@
 .bottomAddons {
     font-size: 20px;
     line-height: 28px;
-    font-weight: 600;
-    font-family: var(--font-family-system);
+    font-weight: 500;
+    letter-spacing: -0.15px;
+    font-family: var(--font-family-alfasans);
     padding: var(--gap-6) var(--gap-16);
 }

package/cssm/mobile/types/props.d.ts

@@ -3,5 +3,5 @@ export interface BaseUniversalModalMobileProps {
     /** Сторона с которой будет появляться модальное окно */
     appearance?: 'bottom' | 'right';
 }
-export interface UniversalModalMobileProps extends BaseUniversalModalMobileProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onMount' | 'onUnmount' | 'transitionProps' | 'backdropProps' | 'onClose' | 'disableFocusLock' | 'container' | 'disableAutoFocus'>> {
+export interface UniversalModalMobileProps extends BaseUniversalModalMobileProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onMount' | 'onUnmount' | 'transitionProps' | 'backdropProps' | 'onClose' | 'disableFocusLock' | 'container' | 'disableAutoFocus' | 'zIndex' | 'scrollLock'>> {
 }

package/desktop/Component.desktop.d.ts

@@ -4,5 +4,5 @@ export declare const UniversalModalDesktopComponent: React.ForwardRefExoticCompo
 export declare const UniversalModalDesktop: React.ForwardRefExoticComponent<UniversalModalDesktopProps & React.RefAttributes<HTMLDivElement>> & {
     Header: React.ForwardRefExoticComponent<import("./components/header").HeaderDesktopProps & React.RefAttributes<HTMLDivElement>>;
     Content: React.FC<import("../components/base-content").ContentProps>;
-    Footer: React.ForwardRefExoticComponent<import("./components/footer").FooterDesktopProps & React.RefAttributes<HTMLDivElement>>;
+    Footer: React.ForwardRefExoticComponent<import("../components/base-footer").FooterProps & React.RefAttributes<HTMLDivElement>>;
 };

package/desktop/components/center-modal/center-modal.js

@@ -30,7 +30,7 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var transitionProps = coreComponentsShared.isMacOS() && coreComponentsShared.isSafari() ? safariTransitions_module : transitions_module;
 var CenterModal = React.forwardRef(function (props, ref) {
     var _a;
-    var dataTestId = props.dataTestId, className = props.className, open = props.open, children = props.children, _b = props.width, width = _b === void 0 ? 500 : _b, _c = props.height, height = _c === void 0 ? 'hugContent' : _c, _d = props.verticalAlign, verticalAlign = _d === void 0 ? 'center' : _d, _e = props.overlay, overlay = _e === void 0 ? true : _e, margin = props.margin, scrollableContainerRefProp = props.scrollableContainerRef, onClose = props.onClose, restProps = tslib.__rest(props, ["dataTestId", "className", "open", "children", "width", "height", "verticalAlign", "overlay", "margin", "scrollableContainerRef", "onClose"]);
+    var dataTestId = props.dataTestId, className = props.className, open = props.open, children = props.children, _b = props.width, width = _b === void 0 ? 500 : _b, _c = props.height, height = _c === void 0 ? 'hugContent' : _c, _d = props.verticalAlign, verticalAlign = _d === void 0 ? 'center' : _d, _e = props.overlay, overlay = _e === void 0 ? true : _e, margin = props.margin, scrollableContainerRefProp = props.scrollableContainerRef, onClose = props.onClose, wrapperClassName = props.wrapperClassName, restProps = tslib.__rest(props, ["dataTestId", "className", "open", "children", "width", "height", "verticalAlign", "overlay", "margin", "scrollableContainerRef", "onClose", "wrapperClassName"]);
     var componentRef = React.useRef(null);
     var _f = useScrollableContainerRef.useScrollableContainerRef({
         overlay: overlay,
@@ -38,7 +38,7 @@ var CenterModal = React.forwardRef(function (props, ref) {
     }), handleWheel = _f.handleWheel, scrollableContainerRef = _f.scrollableContainerRef;
     var _g = getFullSizeModalTransitions.getFullSizeModalTransitions({ verticalAlign: verticalAlign, width: width, height: height }), isFullSizeModal = _g.isFullSizeModal, fullSizeModalContentTransitions = _g.componentTransitions, fullSizeModalBackdropTransitions = _g.backdropTransitions;
     var withoutOverlay = !overlay;
-    return (React__default.default.createElement(coreComponentsBaseModal.BaseModal, tslib.__assign({}, restProps, { open: open, dataTestId: dataTestId, ref: ref, componentRef: componentRef, scrollHandler: 'content', disableBlockingScroll: withoutOverlay, wrapperClassName: cn__default.default(index_module.baseModalContainer, (_a = {},
+    return (React__default.default.createElement(coreComponentsBaseModal.BaseModal, tslib.__assign({}, restProps, { open: open, dataTestId: dataTestId, ref: ref, componentRef: componentRef, scrollHandler: scrollableContainerRef, scrollContainerFillsViewport: false, disableBlockingScroll: withoutOverlay, wrapperClassName: cn__default.default(index_module.baseModalContainer, wrapperClassName, (_a = {},
             _a[index_module.wrapperJustifyStart] = verticalAlign === 'top',
             _a[index_module.wrapperJustifyCenter] = verticalAlign === 'center',
             _a[index_module.wrapperJustifyEnd] = verticalAlign === 'bottom',

package/desktop/components/center-modal/center-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"center-modal.js","sources":["../../../src/desktop/components/center-modal/center-modal.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModal } from '@alfalab/core-components-base-modal';\nimport { isMacOS, isSafari } from '@alfalab/core-components-shared';\n\nimport { useScrollableContainerRef } from '../../hooks/use-scrollable-container-ref';\nimport { type UniversalModalDesktopProps } from '../../types/props';\nimport { getFullSizeModalTransitions } from '../../utils/get-full-size-modal-transitions';\nimport { getHeightCapStyles } from '../../utils/get-height-cap-styles';\nimport { getHeightValue } from '../../utils/get-height-value';\nimport { getMarginStyles } from '../../utils/get-margin-styles';\nimport { getWidthCapStyles } from '../../utils/get-width-cap-styles';\nimport { ModalContent } from '../modal-content/modal-content';\n\nimport styles from './index.module.css';\nimport safariTransitions from './transitions/safari-transitions.module.css';\nimport transitions from './transitions/transitions.module.css';\n\n/*\n * в safari position:sticky некорректно синхронизируется с transform:scale на предке —\n * sticky-футер \"доезжает\" при анимации, поэтому применяем немного другую анимацию\n */\nconst transitionProps = isMacOS() && isSafari() ? safariTransitions : transitions;\n\nexport const CenterModal = forwardRef<HTMLDivElement, UniversalModalDesktopProps>((props, ref) => {\n    const {\n        dataTestId,\n        className,\n        open,\n        children,\n        width = 500,\n        height = 'hugContent',\n        verticalAlign = 'center',\n        overlay = true,\n        margin,\n        scrollableContainerRef: scrollableContainerRefProp,\n        onClose,\n        ...restProps\n    } = props;\n\n    const componentRef = useRef<HTMLDivElement>(null);\n    const { handleWheel, scrollableContainerRef } = useScrollableContainerRef({\n        overlay,\n        refObject: scrollableContainerRefProp,\n    });\n\n    const {\n        isFullSizeModal,\n        componentTransitions: fullSizeModalContentTransitions,\n        backdropTransitions: fullSizeModalBackdropTransitions,\n    } = getFullSizeModalTransitions({ verticalAlign, width, height });\n\n    const withoutOverlay = !overlay;\n\n    return (\n        <BaseModal\n            {...restProps}\n            open={open}\n            dataTestId={dataTestId}\n            ref={ref}\n            componentRef={componentRef}\n            scrollHandler='content'\n            disableBlockingScroll={withoutOverlay}\n            wrapperClassName={cn(styles.baseModalContainer, {\n                [styles.wrapperJustifyStart]: verticalAlign === 'top',\n                [styles.wrapperJustifyCenter]: verticalAlign === 'center',\n                [styles.wrapperJustifyEnd]: verticalAlign === 'bottom',\n                [styles.withoutOverlay]: withoutOverlay,\n            })}\n            className={cn(\n                styles.component,\n                className,\n                styles.baseModalComponent,\n                getMarginStyles({ styles, margin }),\n                getHeightCapStyles({ styles, margin }),\n                getWidthCapStyles({ styles, margin }),\n            )}\n            transitionProps={{\n                classNames: transitionProps,\n                ...(isFullSizeModal && fullSizeModalContentTransitions),\n                ...restProps.transitionProps,\n            }}\n            backdropProps={{\n                shouldRender: overlay,\n                ...(isFullSizeModal && fullSizeModalBackdropTransitions),\n                ...restProps.backdropProps,\n            }}\n            componentDivProps={{\n                style: {\n                    width: width === 'fullWidth' ? '100%' : width,\n                    height: getHeightValue(height),\n                },\n            }}\n            onWheel={handleWheel}\n            onClose={onClose}\n        >\n            <ModalContent height={height} scrollableContainerRef={scrollableContainerRef}>\n                {children}\n            </ModalContent>\n        </BaseModal>\n    );\n});\n"],"names":["isMacOS","isSafari","safariTransitions","transitions","forwardRef","__rest","useRef","useScrollableContainerRef","getFullSizeModalTransitions","React","BaseModal","__assign","cn","styles","getMarginStyles","getHeightCapStyles","getWidthCapStyles","getHeightValue","ModalContent"],"mappings":"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"}
+{"version":3,"file":"center-modal.js","sources":["../../../src/desktop/components/center-modal/center-modal.tsx"],"sourcesContent":["import React, { forwardRef, type MutableRefObject, useRef } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModal } from '@alfalab/core-components-base-modal';\nimport { isMacOS, isSafari } from '@alfalab/core-components-shared';\n\nimport { useScrollableContainerRef } from '../../hooks/use-scrollable-container-ref';\nimport { type UniversalModalDesktopProps } from '../../types/props';\nimport { getFullSizeModalTransitions } from '../../utils/get-full-size-modal-transitions';\nimport { getHeightCapStyles } from '../../utils/get-height-cap-styles';\nimport { getHeightValue } from '../../utils/get-height-value';\nimport { getMarginStyles } from '../../utils/get-margin-styles';\nimport { getWidthCapStyles } from '../../utils/get-width-cap-styles';\nimport { ModalContent } from '../modal-content/modal-content';\n\nimport styles from './index.module.css';\nimport safariTransitions from './transitions/safari-transitions.module.css';\nimport transitions from './transitions/transitions.module.css';\n\n/*\n * в safari position:sticky некорректно синхронизируется с transform:scale на предке —\n * sticky-футер \"доезжает\" при анимации, поэтому применяем немного другую анимацию\n */\nconst transitionProps = isMacOS() && isSafari() ? safariTransitions : transitions;\n\nexport const CenterModal = forwardRef<HTMLDivElement, UniversalModalDesktopProps>((props, ref) => {\n    const {\n        dataTestId,\n        className,\n        open,\n        children,\n        width = 500,\n        height = 'hugContent',\n        verticalAlign = 'center',\n        overlay = true,\n        margin,\n        scrollableContainerRef: scrollableContainerRefProp,\n        onClose,\n        wrapperClassName,\n        ...restProps\n    } = props;\n\n    const componentRef = useRef<HTMLDivElement>(null);\n    const { handleWheel, scrollableContainerRef } = useScrollableContainerRef({\n        overlay,\n        refObject: scrollableContainerRefProp,\n    });\n\n    const {\n        isFullSizeModal,\n        componentTransitions: fullSizeModalContentTransitions,\n        backdropTransitions: fullSizeModalBackdropTransitions,\n    } = getFullSizeModalTransitions({ verticalAlign, width, height });\n\n    const withoutOverlay = !overlay;\n\n    return (\n        <BaseModal\n            {...restProps}\n            open={open}\n            dataTestId={dataTestId}\n            ref={ref}\n            componentRef={componentRef}\n            scrollHandler={scrollableContainerRef as MutableRefObject<HTMLDivElement | null>}\n            scrollContainerFillsViewport={false}\n            disableBlockingScroll={withoutOverlay}\n            wrapperClassName={cn(styles.baseModalContainer, wrapperClassName, {\n                [styles.wrapperJustifyStart]: verticalAlign === 'top',\n                [styles.wrapperJustifyCenter]: verticalAlign === 'center',\n                [styles.wrapperJustifyEnd]: verticalAlign === 'bottom',\n                [styles.withoutOverlay]: withoutOverlay,\n            })}\n            className={cn(\n                styles.component,\n                className,\n                styles.baseModalComponent,\n                getMarginStyles({ styles, margin }),\n                getHeightCapStyles({ styles, margin }),\n                getWidthCapStyles({ styles, margin }),\n            )}\n            transitionProps={{\n                classNames: transitionProps,\n                ...(isFullSizeModal && fullSizeModalContentTransitions),\n                ...restProps.transitionProps,\n            }}\n            backdropProps={{\n                shouldRender: overlay,\n                ...(isFullSizeModal && fullSizeModalBackdropTransitions),\n                ...restProps.backdropProps,\n            }}\n            componentDivProps={{\n                style: {\n                    width: width === 'fullWidth' ? '100%' : width,\n                    height: getHeightValue(height),\n                },\n            }}\n            onWheel={handleWheel}\n            onClose={onClose}\n        >\n            <ModalContent height={height} scrollableContainerRef={scrollableContainerRef}>\n                {children}\n            </ModalContent>\n        </BaseModal>\n    );\n});\n"],"names":["isMacOS","isSafari","safariTransitions","transitions","forwardRef","__rest","useRef","useScrollableContainerRef","getFullSizeModalTransitions","React","BaseModal","cn","styles","getMarginStyles","getHeightCapStyles","getWidthCapStyles","__assign","getHeightValue","ModalContent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAmBA;;;AAGG;AACH,IAAM,eAAe,GAAGA,4BAAO,EAAE,IAAIC,6BAAQ,EAAE,GAAGC,wBAAiB,GAAGC,kBAAW;IAEpE,WAAW,GAAGC,gBAAU,CAA6C,UAAC,KAAK,EAAE,GAAG,EAAA;;AAErF,IAAA,IAAA,UAAU,GAaV,KAAK,CAbK,UAAA,EACV,SAAS,GAYT,KAAK,CAZI,SAAA,EACT,IAAI,GAWJ,KAAK,KAXD,EACJ,QAAQ,GAUR,KAAK,CAAA,QAVG,EACR,EAAA,GASA,KAAK,CATM,KAAA,EAAX,KAAK,GAAG,EAAA,KAAA,MAAA,GAAA,GAAG,KAAA,EACX,EAAA,GAQA,KAAK,CAAA,MARgB,EAArB,MAAM,GAAA,EAAA,KAAA,MAAA,GAAG,YAAY,GAAA,EAAA,EACrB,KAOA,KAAK,CAAA,aAPmB,EAAxB,aAAa,mBAAG,QAAQ,GAAA,EAAA,EACxB,EAAA,GAMA,KAAK,CANS,OAAA,EAAd,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EACd,MAAM,GAKN,KAAK,OALC,EACkB,0BAA0B,GAIlD,KAAK,uBAJ6C,EAClD,OAAO,GAGP,KAAK,CAAA,OAHE,EACP,gBAAgB,GAEhB,KAAK,CAAA,gBAFW,EACb,SAAS,GAAAC,YAAA,CACZ,KAAK,EAdH,CAAA,YAAA,EAAA,WAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,eAAA,EAAA,SAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,SAAA,EAAA,kBAAA,CAcL,CADe;AAGhB,IAAA,IAAM,YAAY,GAAGC,YAAM,CAAiB,IAAI,CAAC;IAC3C,IAAA,EAAA,GAA0CC,mDAAyB,CAAC;AACtE,QAAA,OAAO,EAAA,OAAA;AACP,QAAA,SAAS,EAAE,0BAA0B;AACxC,KAAA,CAAC,EAHM,WAAW,GAAA,EAAA,CAAA,WAAA,EAAE,sBAAsB,4BAGzC;IAEI,IAAA,EAAA,GAIFC,uDAA2B,CAAC,EAAE,aAAa,EAAA,aAAA,EAAE,KAAK,EAAA,KAAA,EAAE,MAAM,QAAA,EAAE,CAAC,EAH7D,eAAe,GAAA,EAAA,CAAA,eAAA,EACO,+BAA+B,GAAA,EAAA,CAAA,oBAAA,EAChC,gCAAgC,GAAA,EAAA,CAAA,mBACQ;AAEjE,IAAA,IAAM,cAAc,GAAG,CAAC,OAAO;AAE/B,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,iCAAS,qBACF,SAAS,EAAA,EACb,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,sBAAiE,EAChF,4BAA4B,EAAE,KAAK,EACnC,qBAAqB,EAAE,cAAc,EACrC,gBAAgB,EAAEC,mBAAE,CAACC,YAAM,CAAC,kBAAkB,EAAE,gBAAgB,GAAA,EAAA,GAAA,EAAA;AAC5D,YAAA,EAAA,CAACA,YAAM,CAAC,mBAAmB,CAAG,GAAA,aAAa,KAAK,KAAK;AACrD,YAAA,EAAA,CAACA,YAAM,CAAC,oBAAoB,CAAG,GAAA,aAAa,KAAK,QAAQ;AACzD,YAAA,EAAA,CAACA,YAAM,CAAC,iBAAiB,CAAG,GAAA,aAAa,KAAK,QAAQ;AACtD,YAAA,EAAA,CAACA,YAAM,CAAC,cAAc,CAAA,GAAG,cAAc;AACzC,YAAA,EAAA,EAAA,EACF,SAAS,EAAED,mBAAE,CACTC,YAAM,CAAC,SAAS,EAChB,SAAS,EACTA,YAAM,CAAC,kBAAkB,EACzBC,+BAAe,CAAC,EAAE,MAAM,EAAAD,YAAA,EAAE,MAAM,QAAA,EAAE,CAAC,EACnCE,qCAAkB,CAAC,EAAE,MAAM,EAAAF,YAAA,EAAE,MAAM,EAAA,MAAA,EAAE,CAAC,EACtCG,mCAAiB,CAAC,EAAE,MAAM,EAAAH,YAAA,EAAE,MAAM,EAAA,MAAA,EAAE,CAAC,CACxC,EACD,eAAe,EAAAI,cAAA,CAAAA,cAAA,CAAA,EACX,UAAU,EAAE,eAAe,EACxB,GAAC,eAAe,IAAI,+BAA+B,EACnD,EAAA,SAAS,CAAC,eAAe,GAEhC,aAAa,EAAAA,cAAA,CAAAA,cAAA,CAAA,EACT,YAAY,EAAE,OAAO,KACjB,eAAe,IAAI,gCAAgC,EACpD,EAAA,SAAS,CAAC,aAAa,CAAA,EAE9B,iBAAiB,EAAE;AACf,YAAA,KAAK,EAAE;gBACH,KAAK,EAAE,KAAK,KAAK,WAAW,GAAG,MAAM,GAAG,KAAK;AAC7C,gBAAA,MAAM,EAAEC,6BAAc,CAAC,MAAM,CAAC;AACjC,aAAA;AACJ,SAAA,EACD,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,OAAO,EAAA,CAAA;AAEhB,QAAAR,sBAAA,CAAA,aAAA,CAACS,yBAAY,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,sBAAsB,EAAE,sBAAsB,EACvE,EAAA,QAAQ,CACE,CACP;AAEpB,CAAC;;;;"}