@vkontakte/vkui 7.0.0-dev-efd91c.0 → 7.0.0-dev-efd91c.2

package/dist/components/ModalRoot/constants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/ModalRoot/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iCAAiC,KAAK,CAAC"}

package/dist/components/ModalRoot/constants.js

@@ -1,3 +0,0 @@
-export const MODAL_PAGE_DEFAULT_PERCENT_HEIGHT = 75;
-
-//# sourceMappingURL=constants.js.map

package/dist/components/ModalRoot/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/ModalRoot/constants.ts"],"sourcesContent":["export const MODAL_PAGE_DEFAULT_PERCENT_HEIGHT = 75;\n"],"names":["MODAL_PAGE_DEFAULT_PERCENT_HEIGHT"],"mappings":"AAAA,OAAO,MAAMA,oCAAoC,GAAG"}

package/dist/components/PopoutRoot/PopoutRoot.d.ts

@@ -1,19 +0,0 @@
-import * as React from 'react';
-import type { HTMLAttributesWithRootRef } from '../../types';
-/**
- * @private
- */
-export declare const PopoutRootPopout: ({ className, ...restProps }: React.HTMLAttributes<HTMLDivElement>) => React.ReactNode;
-/**
- * @private
- */
-export declare const PopoutRootModal: ({ className, ...restProps }: React.HTMLAttributes<HTMLDivElement>) => React.ReactNode;
-export interface PopoutRootProps extends HTMLAttributesWithRootRef<HTMLDivElement> {
-    popout?: React.ReactNode;
-    modal?: React.ReactNode;
-}
-/**
- * @private
- */
-export declare const PopoutRoot: ({ popout, modal, children, ...restProps }: PopoutRootProps) => React.ReactNode;
-//# sourceMappingURL=PopoutRoot.d.ts.map

package/dist/components/PopoutRoot/PopoutRoot.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PopoutRoot.d.ts","sourceRoot":"","sources":["../../../src/components/PopoutRoot/PopoutRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAK7D;;GAEG;AACH,eAAO,MAAM,gBAAgB,gCAG1B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,KAAG,KAAK,CAAC,SAE/C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,gCAGzB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,KAAG,KAAK,CAAC,SAE/C,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAChF,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,8CAKpB,eAAe,KAAG,KAAK,CAAC,SAU1B,CAAC"}

package/dist/components/PopoutRoot/PopoutRoot.js

@@ -1,55 +0,0 @@
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
-import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
-import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { classNames } from "@vkontakte/vkjs";
-import { AppRootPortal } from "../AppRoot/AppRootPortal.js";
-import { RootComponent } from "../RootComponent/RootComponent.js";
-/**
- * @private
- */ export const PopoutRootPopout = (_param)=>{
-    var { className } = _param, restProps = _object_without_properties(_param, [
-        "className"
-    ]);
-    return /*#__PURE__*/ _jsx("div", _object_spread({
-        className: classNames("vkuiPopoutRoot__popout", className)
-    }, restProps));
-};
-/**
- * @private
- */ export const PopoutRootModal = (_param)=>{
-    var { className } = _param, restProps = _object_without_properties(_param, [
-        "className"
-    ]);
-    return /*#__PURE__*/ _jsx("div", _object_spread({
-        className: classNames("vkuiPopoutRoot__modal", className)
-    }, restProps));
-};
-/**
- * @private
- */ export const PopoutRoot = (_param)=>{
-    var { popout, modal, children } = _param, restProps = _object_without_properties(_param, [
-        "popout",
-        "modal",
-        "children"
-    ]);
-    return /*#__PURE__*/ _jsxs(RootComponent, _object_spread_props(_object_spread({}, restProps), {
-        baseClassName: "vkuiPopoutRoot__host",
-        children: [
-            children,
-            /*#__PURE__*/ _jsxs(AppRootPortal, {
-                children: [
-                    !!popout && /*#__PURE__*/ _jsx(PopoutRootPopout, {
-                        children: popout
-                    }),
-                    !!modal && /*#__PURE__*/ _jsx(PopoutRootModal, {
-                        children: modal
-                    })
-                ]
-            })
-        ]
-    }));
-};
-
-//# sourceMappingURL=PopoutRoot.js.map

package/dist/components/PopoutRoot/PopoutRoot.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/PopoutRoot/PopoutRoot.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { AppRootPortal } from '../AppRoot/AppRootPortal';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './PopoutRoot.module.css';\n\n/**\n * @private\n */\nexport const PopoutRootPopout = ({\n  className,\n  ...restProps\n}: React.HTMLAttributes<HTMLDivElement>): React.ReactNode => (\n  <div className={classNames(styles.popout, className)} {...restProps} />\n);\n\n/**\n * @private\n */\nexport const PopoutRootModal = ({\n  className,\n  ...restProps\n}: React.HTMLAttributes<HTMLDivElement>): React.ReactNode => (\n  <div className={classNames(styles.modal, className)} {...restProps} />\n);\n\nexport interface PopoutRootProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  popout?: React.ReactNode;\n  modal?: React.ReactNode;\n}\n\n/**\n * @private\n */\nexport const PopoutRoot = ({\n  popout,\n  modal,\n  children,\n  ...restProps\n}: PopoutRootProps): React.ReactNode => {\n  return (\n    <RootComponent {...restProps} baseClassName={styles.host}>\n      {children}\n      <AppRootPortal>\n        {!!popout && <PopoutRootPopout>{popout}</PopoutRootPopout>}\n        {!!modal && <PopoutRootModal>{modal}</PopoutRootModal>}\n      </AppRootPortal>\n    </RootComponent>\n  );\n};\n"],"names":["React","classNames","AppRootPortal","RootComponent","PopoutRootPopout","className","restProps","div","PopoutRootModal","PopoutRoot","popout","modal","children","baseClassName"],"mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,aAAa,QAAQ,8BAA2B;AACzD,SAASC,aAAa,QAAQ,oCAAiC;AAG/D;;CAEC,GACD,OAAO,MAAMC,mBAAmB;QAAC,EAC/BC,SAAS,EAE4B,WADlCC;QADHD;;yBAGA,KAACE;QAAIF,WAAWJ,qCAA0BI;OAAgBC;EAC1D;AAEF;;CAEC,GACD,OAAO,MAAME,kBAAkB;QAAC,EAC9BH,SAAS,EAE4B,WADlCC;QADHD;;yBAGA,KAACE;QAAIF,WAAWJ,oCAAyBI;OAAgBC;EACzD;AAOF;;CAEC,GACD,OAAO,MAAMG,aAAa;QAAC,EACzBC,MAAM,EACNC,KAAK,EACLC,QAAQ,EAEQ,WADbN;QAHHI;QACAC;QACAC;;IAGA,qBACE,MAACT,uDAAkBG;QAAWO,aAAa;;YACxCD;0BACD,MAACV;;oBACE,CAAC,CAACQ,wBAAU,KAACN;kCAAkBM;;oBAC/B,CAAC,CAACC,uBAAS,KAACH;kCAAiBG;;;;;;AAItC,EAAE"}

package/dist/cssm/components/ModalPage/ModalPageContext.js

@@ -1,4 +0,0 @@
-import * as React from "react";
-export const ModalPageContext = /*#__PURE__*/ React.createContext({});
-
-//# sourceMappingURL=ModalPageContext.js.map

package/dist/cssm/components/ModalPage/ModalPageContext.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/ModalPage/ModalPageContext.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport interface ModalPageContextInterface {\n  labelId?: string;\n}\n\nexport const ModalPageContext: React.Context<ModalPageContextInterface> =\n  React.createContext<ModalPageContextInterface>({});\n"],"names":["React","ModalPageContext","createContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAM/B,OAAO,MAAMC,iCACXD,MAAME,aAAa,CAA4B,CAAC,GAAG"}

package/dist/cssm/components/ModalRoot/ModalRoot.module.css

@@ -1,61 +0,0 @@
-.host {
-  inline-size: 100%;
-  block-size: 100%;
-}
-
-.mask {
-  opacity: 1;
-  inline-size: 100%;
-  block-size: 100%;
-  position: absolute;
-  inset-inline-start: 0;
-  inset-block-start: 0;
-  background: rgba(0, 0, 0, 0.4);
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  transition: opacity 167ms ease-out;
-  animation: animation-modalroot-fade-in 0.32s ease;
-}
-
-.touched .mask {
-  transition: none;
-}
-
-.switching .mask {
-  /** Во время автоматической анимации смены модалок с фоном взаимодействовать нельзя */
-  pointer-events: none;
-}
-
-.viewport {
-  position: absolute;
-  inset: 0;
-  pointer-events: none;
-}
-
-:not(.desktop).host .viewport {
-  inset-block-start: var(--vkui_internal--safe_area_inset_top);
-}
-
-:not(.desktop).hasCustomPanelHeaderAfterSlot .viewport {
-  inset-block-start: calc(
-    var(--vkui_internal--safe_area_inset_top) + var(--vkui_internal--panel_header_height)
-  );
-}
-
-.modal {
-  position: absolute;
-  inline-size: 100%;
-  block-size: 100%;
-  box-sizing: border-box;
-}
-
-@keyframes animation-modalroot-fade-in {
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
-}

package/dist/cssm/components/ModalRoot/ModalRootAdaptive.js

@@ -1,19 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { useAdaptivityWithJSMediaQueries } from "../../hooks/useAdaptivityWithJSMediaQueries.js";
-import { useScrollLock } from "../AppRoot/ScrollContext.js";
-import { ModalRootTouch } from "./ModalRoot.js";
-import { ModalRootDesktop } from "./ModalRootDesktop.js";
-/**
- * @see https://vkcom.github.io/VKUI/#/ModalRoot
- */ export const ModalRoot = (props)=>{
-    const { isDesktop } = useAdaptivityWithJSMediaQueries();
-    useScrollLock(!!props.activeModal);
-    const RootComponent = isDesktop ? ModalRootDesktop : ModalRootTouch;
-    return /*#__PURE__*/ _jsx(RootComponent, {
-        ...props
-    });
-};
-
-//# sourceMappingURL=ModalRootAdaptive.js.map

package/dist/cssm/components/ModalRoot/ModalRootAdaptive.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/ModalRoot/ModalRootAdaptive.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { ModalRootTouch } from './ModalRoot';\nimport { ModalRootDesktop } from './ModalRootDesktop';\nimport type { ModalRootProps } from './types';\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalRoot\n */\nexport const ModalRoot = (props: ModalRootProps): React.ReactNode => {\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n\n  useScrollLock(!!props.activeModal);\n\n  const RootComponent = isDesktop ? ModalRootDesktop : ModalRootTouch;\n\n  return <RootComponent {...props} />;\n};\n"],"names":["React","useAdaptivityWithJSMediaQueries","useScrollLock","ModalRootTouch","ModalRootDesktop","ModalRoot","props","isDesktop","activeModal","RootComponent"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,+BAA+B,QAAQ,iDAA8C;AAC9F,SAASC,aAAa,QAAQ,8BAA2B;AACzD,SAASC,cAAc,QAAQ,iBAAc;AAC7C,SAASC,gBAAgB,QAAQ,wBAAqB;AAGtD;;CAEC,GACD,OAAO,MAAMC,YAAY,CAACC;IACxB,MAAM,EAAEC,SAAS,EAAE,GAAGN;IAEtBC,cAAc,CAAC,CAACI,MAAME,WAAW;IAEjC,MAAMC,gBAAgBF,YAAYH,mBAAmBD;IAErD,qBAAO,KAACM;QAAe,GAAGH,KAAK;;AACjC,EAAE"}

package/dist/cssm/components/ModalRoot/ModalRootDesktop.js

@@ -1,179 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { classNames, noop } from "@vkontakte/vkjs";
-import { clamp } from "../../helpers/math.js";
-import { useObjectMemo } from "../../hooks/useObjectMemo.js";
-import { usePrevious } from "../../hooks/usePrevious.js";
-import { useWaitTransitionFinish } from "../../hooks/useWaitTransitionFinish.js";
-import { useDOM } from "../../lib/dom.js";
-import { getNavId } from "../../lib/getNavId.js";
-import { warnOnce } from "../../lib/warnOnce.js";
-import { useConfigProvider } from "../ConfigProvider/ConfigProviderContext.js";
-import { FocusTrap } from "../FocusTrap/FocusTrap.js";
-import { ModalRootContext } from "./ModalRootContext.js";
-import { useModalManager } from "./useModalManager.js";
-import styles from "./ModalRoot.module.css";
-const warn = warnOnce('ModalRoot');
-export const ModalRootDesktop = ({ activeModal: activeModalProp, children, noFocusToDialog = false, onOpen, onOpened, onClose, onClosed, modalOverlayTestId })=>{
-    const maskElementRef = React.useRef(null);
-    const maskAnimationFrame = React.useRef(undefined);
-    const restoreFocusTo = React.useRef(undefined);
-    const { document } = useDOM();
-    const { hasCustomPanelHeaderAfter, platform } = useConfigProvider();
-    const { activeModal, exitingModal, onExit, getModalState, enteringModal, onEnter, onEntered: onEnteredProp, onExited, history, delayEnter } = useModalManager(activeModalProp, children, onOpen, onOpened, onClose, onClosed, noop);
-    const waitTransitionFinish = useWaitTransitionFinish();
-    const prevProps = usePrevious({
-        exitingModal,
-        enteringModal,
-        activeModal
-    });
-    const modalRootContext = useObjectMemo({
-        updateModalHeight: ()=>undefined,
-        registerModal: ({ id, ...data })=>Object.assign(getModalState(id) ?? {}, data),
-        onClose: onExit,
-        isInsideModal: true
-    });
-    const timeout = platform === 'ios' ? 400 : 320;
-    const modals = React.Children.toArray(children);
-    /* Анимирует сдвиг модального окна */ const animateModalOpacity = (modalState, display)=>{
-        if (modalState?.innerElement) {
-            modalState.innerElement.style.transition = '';
-            modalState.innerElement.style.transitionDelay = display && delayEnter ? `${timeout}ms` : '';
-            modalState.innerElement.style.opacity = display ? '1' : '0';
-        }
-    };
-    /* Устанавливает прозрачность для полупрозрачной подложки */ const setMaskOpacity = (modalState, forceOpacity = null)=>{
-        if (forceOpacity === null && history?.[0] !== modalState.id) {
-            return;
-        }
-        if (maskAnimationFrame.current) {
-            cancelAnimationFrame(maskAnimationFrame.current);
-        }
-        maskAnimationFrame.current = requestAnimationFrame(()=>{
-            if (maskElementRef.current) {
-                const { translateY = 0, translateYCurrent = 0 } = modalState;
-                const opacity = forceOpacity === null ? 1 - (translateYCurrent - translateY) / (100 - translateY) || 0 : forceOpacity;
-                maskElementRef.current.style.opacity = clamp(opacity, 0, 100).toString();
-            }
-        });
-    };
-    const onEntered = ({ id, modalElement })=>{
-        if (!noFocusToDialog && modalElement && !modalElement.contains(document.activeElement)) {
-            modalElement.focus();
-        }
-        onEnteredProp(id);
-    };
-    const openModal = ()=>{
-        if (!enteringModal || !prevProps) {
-            return;
-        }
-        const enteringState = getModalState(enteringModal);
-        onEnter();
-        // Анимация открытия модального окна
-        if (!prevProps.exitingModal) {
-            requestAnimationFrame(()=>{
-                if (enteringModal === enteringModal && enteringState) {
-                    waitTransitionFinish(enteringState.innerElement, ()=>onEntered(enteringState), timeout);
-                    animateModalOpacity(enteringState, true);
-                    setMaskOpacity(enteringState, 1);
-                }
-            });
-            return;
-        }
-        // Переход между модальными окнами без анимации
-        requestAnimationFrame(()=>{
-            if (enteringState?.innerElement) {
-                enteringState.innerElement.style.transition = 'none';
-                enteringState.innerElement.style.opacity = '1';
-                setMaskOpacity(enteringState, 1);
-            }
-        });
-        if (enteringState) {
-            onEntered(enteringState);
-        }
-    };
-    const closeModal = (id)=>{
-        const prevModalState = getModalState(id);
-        if (!prevModalState) {
-            return;
-        }
-        // Анимация закрытия модального окна
-        if (!activeModal) {
-            requestAnimationFrame(()=>{
-                waitTransitionFinish(prevModalState?.innerElement, (event)=>{
-                    // Исключаем дочерние элементы
-                    if (event && event.target === prevModalState?.innerElement) {
-                        onExited(id);
-                    } else if (!event) {
-                        // Вызвался по тайм-ауту
-                        onExited(id);
-                    }
-                }, timeout);
-                animateModalOpacity(prevModalState, false);
-                setMaskOpacity(prevModalState, 0);
-            });
-            return;
-        }
-        // Переход между модальными окнами без анимации
-        onExited(id);
-    };
-    React.useEffect(()=>{
-        if (!prevProps) {
-            return;
-        }
-        // transition phase 2: animate exiting modal
-        if (exitingModal && exitingModal !== prevProps.exitingModal) {
-            closeModal(exitingModal);
-        }
-        // transition phase 3: animate entering modal
-        if (enteringModal && enteringModal !== prevProps.enteringModal) {
-            openModal();
-        }
-        // focus restoration
-        if (activeModal && !prevProps.activeModal) {
-            restoreFocusTo.current = document?.activeElement ?? undefined;
-        }
-        if (!activeModal && !exitingModal && restoreFocusTo.current) {
-            restoreFocusTo.current.focus();
-            restoreFocusTo.current = undefined;
-        }
-    });
-    if (!activeModal && !exitingModal) {
-        return null;
-    }
-    return /*#__PURE__*/ _jsx(ModalRootContext.Provider, {
-        value: modalRootContext,
-        children: /*#__PURE__*/ _jsxs("div", {
-            className: classNames(styles.host, hasCustomPanelHeaderAfter && styles.hasCustomPanelHeaderAfterSlot, styles.desktop),
-            children: [
-                /*#__PURE__*/ _jsx("div", {
-                    "data-testid": modalOverlayTestId,
-                    className: styles.mask,
-                    ref: maskElementRef,
-                    onClick: onExit
-                }),
-                /*#__PURE__*/ _jsx("div", {
-                    className: styles.viewport,
-                    children: modals.map((Modal)=>{
-                        const modalId = getNavId(Modal.props, warn);
-                        if (modalId !== activeModal && modalId !== exitingModal) {
-                            return null;
-                        }
-                        const key = `modal-${modalId}`;
-                        return /*#__PURE__*/ _jsx(FocusTrap, {
-                            autoFocus: false,
-                            restoreFocus: false,
-                            onClose: onExit,
-                            timeout: timeout,
-                            className: styles.modal,
-                            children: Modal
-                        }, key);
-                    })
-                })
-            ]
-        })
-    });
-};
-
-//# sourceMappingURL=ModalRootDesktop.js.map

package/dist/cssm/components/ModalRoot/ModalRootDesktop.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/ModalRoot/ModalRootDesktop.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { clamp } from '../../helpers/math';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\nimport { usePrevious } from '../../hooks/usePrevious';\nimport { useWaitTransitionFinish } from '../../hooks/useWaitTransitionFinish';\nimport { useDOM } from '../../lib/dom';\nimport { getNavId } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { ModalRootContext, type ModalRootContextInterface } from './ModalRootContext';\nimport type { ModalRootWithDOMProps, ModalsStateEntry } from './types';\nimport { useModalManager } from './useModalManager';\nimport styles from './ModalRoot.module.css';\n\nconst warn = warnOnce('ModalRoot');\n\nexport const ModalRootDesktop = ({\n  activeModal: activeModalProp,\n  children,\n  noFocusToDialog = false,\n  onOpen,\n  onOpened,\n  onClose,\n  onClosed,\n  modalOverlayTestId,\n}: ModalRootWithDOMProps): React.ReactNode => {\n  const maskElementRef = React.useRef<HTMLDivElement>(null);\n  const maskAnimationFrame = React.useRef<number | undefined>(undefined);\n  const restoreFocusTo = React.useRef<HTMLElement | undefined>(undefined);\n\n  const { document } = useDOM();\n  const { hasCustomPanelHeaderAfter, platform } = useConfigProvider();\n  const {\n    activeModal,\n    exitingModal,\n    onExit,\n    getModalState,\n    enteringModal,\n    onEnter,\n    onEntered: onEnteredProp,\n    onExited,\n    history,\n    delayEnter,\n  } = useModalManager(activeModalProp, children, onOpen, onOpened, onClose, onClosed, noop);\n\n  const waitTransitionFinish = useWaitTransitionFinish();\n  const prevProps = usePrevious({\n    exitingModal,\n    enteringModal,\n    activeModal,\n  });\n  const modalRootContext: ModalRootContextInterface = useObjectMemo({\n    updateModalHeight: () => undefined,\n    registerModal: ({ id, ...data }) => Object.assign(getModalState(id) ?? {}, data),\n    onClose: onExit,\n    isInsideModal: true,\n  });\n\n  const timeout = platform === 'ios' ? 400 : 320;\n  const modals = React.Children.toArray(children) as React.ReactElement[];\n\n  /* Анимирует сдвиг модального окна */\n  const animateModalOpacity = (modalState: ModalsStateEntry | undefined, display: boolean) => {\n    if (modalState?.innerElement) {\n      modalState.innerElement.style.transition = '';\n      modalState.innerElement.style.transitionDelay = display && delayEnter ? `${timeout}ms` : '';\n      modalState.innerElement.style.opacity = display ? '1' : '0';\n    }\n  };\n\n  /* Устанавливает прозрачность для полупрозрачной подложки */\n  const setMaskOpacity = (modalState: ModalsStateEntry, forceOpacity: number | null = null) => {\n    if (forceOpacity === null && history?.[0] !== modalState.id) {\n      return;\n    }\n\n    if (maskAnimationFrame.current) {\n      cancelAnimationFrame(maskAnimationFrame.current);\n    }\n    maskAnimationFrame.current = requestAnimationFrame(() => {\n      if (maskElementRef.current) {\n        const { translateY = 0, translateYCurrent = 0 } = modalState;\n\n        const opacity =\n          forceOpacity === null\n            ? 1 - (translateYCurrent - translateY) / (100 - translateY) || 0\n            : forceOpacity;\n        maskElementRef.current.style.opacity = clamp(opacity, 0, 100).toString();\n      }\n    });\n  };\n\n  const onEntered = ({ id, modalElement }: ModalsStateEntry) => {\n    if (!noFocusToDialog && modalElement && !modalElement.contains(document!.activeElement)) {\n      modalElement.focus();\n    }\n\n    onEnteredProp(id);\n  };\n\n  const openModal = () => {\n    if (!enteringModal || !prevProps) {\n      return;\n    }\n\n    const enteringState = getModalState(enteringModal);\n    onEnter();\n\n    // Анимация открытия модального окна\n    if (!prevProps.exitingModal) {\n      requestAnimationFrame(() => {\n        if (enteringModal === enteringModal && enteringState) {\n          waitTransitionFinish(enteringState.innerElement, () => onEntered(enteringState), timeout);\n          animateModalOpacity(enteringState, true);\n          setMaskOpacity(enteringState, 1);\n        }\n      });\n\n      return;\n    }\n\n    // Переход между модальными окнами без анимации\n    requestAnimationFrame(() => {\n      if (enteringState?.innerElement) {\n        enteringState.innerElement.style.transition = 'none';\n        enteringState.innerElement.style.opacity = '1';\n        setMaskOpacity(enteringState, 1);\n      }\n    });\n\n    if (enteringState) {\n      onEntered(enteringState);\n    }\n  };\n\n  const closeModal = (id: string) => {\n    const prevModalState = getModalState(id);\n    if (!prevModalState) {\n      return;\n    }\n\n    // Анимация закрытия модального окна\n    if (!activeModal) {\n      requestAnimationFrame(() => {\n        waitTransitionFinish(\n          prevModalState?.innerElement,\n          (event) => {\n            // Исключаем дочерние элементы\n            if (event && event.target === prevModalState?.innerElement) {\n              onExited(id);\n            } else if (!event) {\n              // Вызвался по тайм-ауту\n              onExited(id);\n            }\n          },\n          timeout,\n        );\n        animateModalOpacity(prevModalState, false);\n        setMaskOpacity(prevModalState, 0);\n      });\n\n      return;\n    }\n\n    // Переход между модальными окнами без анимации\n    onExited(id);\n  };\n\n  React.useEffect(() => {\n    if (!prevProps) {\n      return;\n    }\n\n    // transition phase 2: animate exiting modal\n    if (exitingModal && exitingModal !== prevProps.exitingModal) {\n      closeModal(exitingModal);\n    }\n\n    // transition phase 3: animate entering modal\n    if (enteringModal && enteringModal !== prevProps.enteringModal) {\n      openModal();\n    }\n\n    // focus restoration\n    if (activeModal && !prevProps.activeModal) {\n      restoreFocusTo.current = (document?.activeElement ?? undefined) as HTMLElement | undefined;\n    }\n    if (!activeModal && !exitingModal && restoreFocusTo.current) {\n      restoreFocusTo.current.focus();\n      restoreFocusTo.current = undefined;\n    }\n  });\n\n  if (!activeModal && !exitingModal) {\n    return null;\n  }\n\n  return (\n    <ModalRootContext.Provider value={modalRootContext}>\n      <div\n        className={classNames(\n          styles.host,\n          hasCustomPanelHeaderAfter && styles.hasCustomPanelHeaderAfterSlot,\n          styles.desktop,\n        )}\n      >\n        <div\n          data-testid={modalOverlayTestId}\n          className={styles.mask}\n          ref={maskElementRef}\n          onClick={onExit}\n        />\n        <div className={styles.viewport}>\n          {modals.map((Modal: React.ReactElement) => {\n            const modalId = getNavId(Modal.props, warn);\n            if (modalId !== activeModal && modalId !== exitingModal) {\n              return null;\n            }\n\n            const key = `modal-${modalId}`;\n\n            return (\n              <FocusTrap\n                autoFocus={false}\n                restoreFocus={false}\n                onClose={onExit}\n                timeout={timeout}\n                key={key}\n                className={styles.modal}\n              >\n                {Modal}\n              </FocusTrap>\n            );\n          })}\n        </div>\n      </div>\n    </ModalRootContext.Provider>\n  );\n};\n"],"names":["React","classNames","noop","clamp","useObjectMemo","usePrevious","useWaitTransitionFinish","useDOM","getNavId","warnOnce","useConfigProvider","FocusTrap","ModalRootContext","useModalManager","styles","warn","ModalRootDesktop","activeModal","activeModalProp","children","noFocusToDialog","onOpen","onOpened","onClose","onClosed","modalOverlayTestId","maskElementRef","useRef","maskAnimationFrame","undefined","restoreFocusTo","document","hasCustomPanelHeaderAfter","platform","exitingModal","onExit","getModalState","enteringModal","onEnter","onEntered","onEnteredProp","onExited","history","delayEnter","waitTransitionFinish","prevProps","modalRootContext","updateModalHeight","registerModal","id","data","Object","assign","isInsideModal","timeout","modals","Children","toArray","animateModalOpacity","modalState","display","innerElement","style","transition","transitionDelay","opacity","setMaskOpacity","forceOpacity","current","cancelAnimationFrame","requestAnimationFrame","translateY","translateYCurrent","toString","modalElement","contains","activeElement","focus","openModal","enteringState","closeModal","prevModalState","event","target","useEffect","Provider","value","div","className","host","hasCustomPanelHeaderAfterSlot","desktop","data-testid","mask","ref","onClick","viewport","map","Modal","modalId","props","key","autoFocus","restoreFocus","modal"],"mappings":"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"}

package/dist/cssm/components/ModalRoot/constants.js

@@ -1,3 +0,0 @@
-export const MODAL_PAGE_DEFAULT_PERCENT_HEIGHT = 75;
-
-//# sourceMappingURL=constants.js.map

package/dist/cssm/components/ModalRoot/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/ModalRoot/constants.ts"],"sourcesContent":["export const MODAL_PAGE_DEFAULT_PERCENT_HEIGHT = 75;\n"],"names":["MODAL_PAGE_DEFAULT_PERCENT_HEIGHT"],"mappings":"AAAA,OAAO,MAAMA,oCAAoC,GAAG"}

package/dist/cssm/components/PopoutRoot/PopoutRoot.js

@@ -1,41 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { classNames } from "@vkontakte/vkjs";
-import { AppRootPortal } from "../AppRoot/AppRootPortal.js";
-import { RootComponent } from "../RootComponent/RootComponent.js";
-import styles from "./PopoutRoot.module.css";
-/**
- * @private
- */ export const PopoutRootPopout = ({ className, ...restProps })=>/*#__PURE__*/ _jsx("div", {
-        className: classNames(styles.popout, className),
-        ...restProps
-    });
-/**
- * @private
- */ export const PopoutRootModal = ({ className, ...restProps })=>/*#__PURE__*/ _jsx("div", {
-        className: classNames(styles.modal, className),
-        ...restProps
-    });
-/**
- * @private
- */ export const PopoutRoot = ({ popout, modal, children, ...restProps })=>{
-    return /*#__PURE__*/ _jsxs(RootComponent, {
-        ...restProps,
-        baseClassName: styles.host,
-        children: [
-            children,
-            /*#__PURE__*/ _jsxs(AppRootPortal, {
-                children: [
-                    !!popout && /*#__PURE__*/ _jsx(PopoutRootPopout, {
-                        children: popout
-                    }),
-                    !!modal && /*#__PURE__*/ _jsx(PopoutRootModal, {
-                        children: modal
-                    })
-                ]
-            })
-        ]
-    });
-};
-
-//# sourceMappingURL=PopoutRoot.js.map

package/dist/cssm/components/PopoutRoot/PopoutRoot.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/PopoutRoot/PopoutRoot.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { AppRootPortal } from '../AppRoot/AppRootPortal';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './PopoutRoot.module.css';\n\n/**\n * @private\n */\nexport const PopoutRootPopout = ({\n  className,\n  ...restProps\n}: React.HTMLAttributes<HTMLDivElement>): React.ReactNode => (\n  <div className={classNames(styles.popout, className)} {...restProps} />\n);\n\n/**\n * @private\n */\nexport const PopoutRootModal = ({\n  className,\n  ...restProps\n}: React.HTMLAttributes<HTMLDivElement>): React.ReactNode => (\n  <div className={classNames(styles.modal, className)} {...restProps} />\n);\n\nexport interface PopoutRootProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  popout?: React.ReactNode;\n  modal?: React.ReactNode;\n}\n\n/**\n * @private\n */\nexport const PopoutRoot = ({\n  popout,\n  modal,\n  children,\n  ...restProps\n}: PopoutRootProps): React.ReactNode => {\n  return (\n    <RootComponent {...restProps} baseClassName={styles.host}>\n      {children}\n      <AppRootPortal>\n        {!!popout && <PopoutRootPopout>{popout}</PopoutRootPopout>}\n        {!!modal && <PopoutRootModal>{modal}</PopoutRootModal>}\n      </AppRootPortal>\n    </RootComponent>\n  );\n};\n"],"names":["React","classNames","AppRootPortal","RootComponent","styles","PopoutRootPopout","className","restProps","div","popout","PopoutRootModal","modal","PopoutRoot","children","baseClassName","host"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,aAAa,QAAQ,8BAA2B;AACzD,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,OAAOC,YAAY,0BAA0B;AAE7C;;CAEC,GACD,OAAO,MAAMC,mBAAmB,CAAC,EAC/BC,SAAS,EACT,GAAGC,WACkC,iBACrC,KAACC;QAAIF,WAAWL,WAAWG,OAAOK,MAAM,EAAEH;QAAa,GAAGC,SAAS;OACnE;AAEF;;CAEC,GACD,OAAO,MAAMG,kBAAkB,CAAC,EAC9BJ,SAAS,EACT,GAAGC,WACkC,iBACrC,KAACC;QAAIF,WAAWL,WAAWG,OAAOO,KAAK,EAAEL;QAAa,GAAGC,SAAS;OAClE;AAOF;;CAEC,GACD,OAAO,MAAMK,aAAa,CAAC,EACzBH,MAAM,EACNE,KAAK,EACLE,QAAQ,EACR,GAAGN,WACa;IAChB,qBACE,MAACJ;QAAe,GAAGI,SAAS;QAAEO,eAAeV,OAAOW,IAAI;;YACrDF;0BACD,MAACX;;oBACE,CAAC,CAACO,wBAAU,KAACJ;kCAAkBI;;oBAC/B,CAAC,CAACE,uBAAS,KAACD;kCAAiBC;;;;;;AAItC,EAAE"}

package/dist/cssm/components/PopoutRoot/PopoutRoot.module.css

@@ -1,28 +0,0 @@
-.host {
-  inline-size: 100%;
-  block-size: 100%;
-  position: relative;
-}
-
-.popout {
-  position: fixed;
-  inset-inline-start: 0;
-  inset-block-start: 0;
-  z-index: var(--vkui--z_index_popout);
-  inline-size: 100%;
-  block-size: 100%;
-}
-
-.modal {
-  position: fixed;
-  inset-inline-start: 0;
-  inset-block-start: 0;
-  z-index: var(--vkui--z_index_modal);
-  inline-size: 100%;
-  block-size: 100%;
-}
-
-.popout:empty,
-.modal:empty {
-  display: none;
-}

package/dist/cssm/hooks/useKeyboard.js

@@ -1,40 +0,0 @@
-import * as React from "react";
-import { useDOM } from "../lib/dom.js";
-import { useGlobalEventListener } from "./useGlobalEventListener.js";
-/**
- Проверяет, закрыла ли клавиатура часть экрана, 24% подошло к большинству устройств
- Работает на iOS и Android, где софт-клавиатура ресайзит viewport в браузерах
- */ export function getPreciseKeyboardState(window) {
-    const { innerHeight, screen: { availHeight } } = window;
-    const coveredViewportPercentage = Math.round((1 - innerHeight / availHeight) * 100);
-    return coveredViewportPercentage > 24;
-}
-const eventOptions = {
-    passive: true,
-    capture: false
-};
-export function useKeyboard() {
-    const { document } = useDOM();
-    const [isOpened, setIsOpened] = React.useState(false);
-    const onFocus = React.useCallback((event)=>{
-        const isOpened = (event === true || event.type === 'focusin') && (document?.activeElement?.tagName === 'INPUT' || document?.activeElement?.tagName === 'TEXTAREA');
-        setIsOpened(isOpened);
-    }, [
-        document?.activeElement?.tagName
-    ]);
-    /**
-   У полей с autoFocus не отлавливаются события focus, для этого вызываем вручную,
-   чтобы иметь хоть какое-то понимание происходящего.
-   */ React.useEffect(()=>{
-        onFocus(true);
-    }, [
-        onFocus
-    ]);
-    useGlobalEventListener(document, 'focusout', onFocus, eventOptions);
-    useGlobalEventListener(document, 'focusin', onFocus, eventOptions);
-    return {
-        isOpened
-    };
-}
-
-//# sourceMappingURL=useKeyboard.js.map

package/dist/cssm/hooks/useKeyboard.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/hooks/useKeyboard.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\ninterface SoftwareKeyboardState {\n  isOpened: boolean;\n}\n\n/**\n Проверяет, закрыла ли клавиатура часть экрана, 24% подошло к большинству устройств\n Работает на iOS и Android, где софт-клавиатура ресайзит viewport в браузерах\n */\nexport function getPreciseKeyboardState(window: any): boolean {\n  const {\n    innerHeight,\n    screen: { availHeight },\n  } = window;\n\n  const coveredViewportPercentage = Math.round((1 - innerHeight / availHeight) * 100);\n  return coveredViewportPercentage > 24;\n}\n\nconst eventOptions = {\n  passive: true,\n  capture: false,\n};\n\nexport function useKeyboard(): SoftwareKeyboardState {\n  const { document } = useDOM();\n\n  const [isOpened, setIsOpened] = React.useState(false);\n\n  const onFocus = React.useCallback(\n    (event: FocusEvent | true) => {\n      const isOpened =\n        (event === true || event.type === 'focusin') &&\n        (document?.activeElement?.tagName === 'INPUT' ||\n          document?.activeElement?.tagName === 'TEXTAREA');\n      setIsOpened(isOpened);\n    },\n    [document?.activeElement?.tagName],\n  );\n\n  /**\n   У полей с autoFocus не отлавливаются события focus, для этого вызываем вручную,\n   чтобы иметь хоть какое-то понимание происходящего.\n   */\n  React.useEffect(() => {\n    onFocus(true);\n  }, [onFocus]);\n\n  useGlobalEventListener(document, 'focusout', onFocus, eventOptions);\n  useGlobalEventListener(document, 'focusin', onFocus, eventOptions);\n\n  return { isOpened };\n}\n"],"names":["React","useDOM","useGlobalEventListener","getPreciseKeyboardState","window","innerHeight","screen","availHeight","coveredViewportPercentage","Math","round","eventOptions","passive","capture","useKeyboard","document","isOpened","setIsOpened","useState","onFocus","useCallback","event","type","activeElement","tagName","useEffect"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,gBAAa;AACpC,SAASC,sBAAsB,QAAQ,8BAA2B;AAMlE;;;CAGC,GACD,OAAO,SAASC,wBAAwBC,MAAW;IACjD,MAAM,EACJC,WAAW,EACXC,QAAQ,EAAEC,WAAW,EAAE,EACxB,GAAGH;IAEJ,MAAMI,4BAA4BC,KAAKC,KAAK,CAAC,AAAC,CAAA,IAAIL,cAAcE,WAAU,IAAK;IAC/E,OAAOC,4BAA4B;AACrC;AAEA,MAAMG,eAAe;IACnBC,SAAS;IACTC,SAAS;AACX;AAEA,OAAO,SAASC;IACd,MAAM,EAAEC,QAAQ,EAAE,GAAGd;IAErB,MAAM,CAACe,UAAUC,YAAY,GAAGjB,MAAMkB,QAAQ,CAAC;IAE/C,MAAMC,UAAUnB,MAAMoB,WAAW,CAC/B,CAACC;QACC,MAAML,WACJ,AAACK,CAAAA,UAAU,QAAQA,MAAMC,IAAI,KAAK,SAAQ,KACzCP,CAAAA,UAAUQ,eAAeC,YAAY,WACpCT,UAAUQ,eAAeC,YAAY,UAAS;QAClDP,YAAYD;IACd,GACA;QAACD,UAAUQ,eAAeC;KAAQ;IAGpC;;;GAGC,GACDxB,MAAMyB,SAAS,CAAC;QACdN,QAAQ;IACV,GAAG;QAACA;KAAQ;IAEZjB,uBAAuBa,UAAU,YAAYI,SAASR;IACtDT,uBAAuBa,UAAU,WAAWI,SAASR;IAErD,OAAO;QAAEK;IAAS;AACpB"}

package/dist/hooks/useKeyboard.d.ts

@@ -1,11 +0,0 @@
-interface SoftwareKeyboardState {
-    isOpened: boolean;
-}
-/**
- Проверяет, закрыла ли клавиатура часть экрана, 24% подошло к большинству устройств
- Работает на iOS и Android, где софт-клавиатура ресайзит viewport в браузерах
- */
-export declare function getPreciseKeyboardState(window: any): boolean;
-export declare function useKeyboard(): SoftwareKeyboardState;
-export {};
-//# sourceMappingURL=useKeyboard.d.ts.map

package/dist/hooks/useKeyboard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useKeyboard.d.ts","sourceRoot":"","sources":["../../src/hooks/useKeyboard.ts"],"names":[],"mappings":"AAIA,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,GAAG,GAAG,OAAO,CAQ5D;AAOD,wBAAgB,WAAW,IAAI,qBAAqB,CA4BnD"}

package/dist/hooks/useKeyboard.js

@@ -1,42 +0,0 @@
-import * as React from "react";
-import { useDOM } from "../lib/dom.js";
-import { useGlobalEventListener } from "./useGlobalEventListener.js";
-/**
- Проверяет, закрыла ли клавиатура часть экрана, 24% подошло к большинству устройств
- Работает на iOS и Android, где софт-клавиатура ресайзит viewport в браузерах
- */ export function getPreciseKeyboardState(window) {
-    const { innerHeight, screen: { availHeight } } = window;
-    const coveredViewportPercentage = Math.round((1 - innerHeight / availHeight) * 100);
-    return coveredViewportPercentage > 24;
-}
-const eventOptions = {
-    passive: true,
-    capture: false
-};
-export function useKeyboard() {
-    var _document_activeElement;
-    const { document } = useDOM();
-    const [isOpened, setIsOpened] = React.useState(false);
-    const onFocus = React.useCallback((event)=>{
-        var _document_activeElement, _document_activeElement1;
-        const isOpened = (event === true || event.type === 'focusin') && ((document === null || document === void 0 ? void 0 : (_document_activeElement = document.activeElement) === null || _document_activeElement === void 0 ? void 0 : _document_activeElement.tagName) === 'INPUT' || (document === null || document === void 0 ? void 0 : (_document_activeElement1 = document.activeElement) === null || _document_activeElement1 === void 0 ? void 0 : _document_activeElement1.tagName) === 'TEXTAREA');
-        setIsOpened(isOpened);
-    }, [
-        document === null || document === void 0 ? void 0 : (_document_activeElement = document.activeElement) === null || _document_activeElement === void 0 ? void 0 : _document_activeElement.tagName
-    ]);
-    /**
-   У полей с autoFocus не отлавливаются события focus, для этого вызываем вручную,
-   чтобы иметь хоть какое-то понимание происходящего.
-   */ React.useEffect(()=>{
-        onFocus(true);
-    }, [
-        onFocus
-    ]);
-    useGlobalEventListener(document, 'focusout', onFocus, eventOptions);
-    useGlobalEventListener(document, 'focusin', onFocus, eventOptions);
-    return {
-        isOpened
-    };
-}
-
-//# sourceMappingURL=useKeyboard.js.map

package/dist/hooks/useKeyboard.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/hooks/useKeyboard.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\ninterface SoftwareKeyboardState {\n  isOpened: boolean;\n}\n\n/**\n Проверяет, закрыла ли клавиатура часть экрана, 24% подошло к большинству устройств\n Работает на iOS и Android, где софт-клавиатура ресайзит viewport в браузерах\n */\nexport function getPreciseKeyboardState(window: any): boolean {\n  const {\n    innerHeight,\n    screen: { availHeight },\n  } = window;\n\n  const coveredViewportPercentage = Math.round((1 - innerHeight / availHeight) * 100);\n  return coveredViewportPercentage > 24;\n}\n\nconst eventOptions = {\n  passive: true,\n  capture: false,\n};\n\nexport function useKeyboard(): SoftwareKeyboardState {\n  const { document } = useDOM();\n\n  const [isOpened, setIsOpened] = React.useState(false);\n\n  const onFocus = React.useCallback(\n    (event: FocusEvent | true) => {\n      const isOpened =\n        (event === true || event.type === 'focusin') &&\n        (document?.activeElement?.tagName === 'INPUT' ||\n          document?.activeElement?.tagName === 'TEXTAREA');\n      setIsOpened(isOpened);\n    },\n    [document?.activeElement?.tagName],\n  );\n\n  /**\n   У полей с autoFocus не отлавливаются события focus, для этого вызываем вручную,\n   чтобы иметь хоть какое-то понимание происходящего.\n   */\n  React.useEffect(() => {\n    onFocus(true);\n  }, [onFocus]);\n\n  useGlobalEventListener(document, 'focusout', onFocus, eventOptions);\n  useGlobalEventListener(document, 'focusin', onFocus, eventOptions);\n\n  return { isOpened };\n}\n"],"names":["React","useDOM","useGlobalEventListener","getPreciseKeyboardState","window","innerHeight","screen","availHeight","coveredViewportPercentage","Math","round","eventOptions","passive","capture","useKeyboard","document","isOpened","setIsOpened","useState","onFocus","useCallback","event","type","activeElement","tagName","useEffect"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,gBAAa;AACpC,SAASC,sBAAsB,QAAQ,8BAA2B;AAMlE;;;CAGC,GACD,OAAO,SAASC,wBAAwBC,MAAW;IACjD,MAAM,EACJC,WAAW,EACXC,QAAQ,EAAEC,WAAW,EAAE,EACxB,GAAGH;IAEJ,MAAMI,4BAA4BC,KAAKC,KAAK,CAAC,AAAC,CAAA,IAAIL,cAAcE,WAAU,IAAK;IAC/E,OAAOC,4BAA4B;AACrC;AAEA,MAAMG,eAAe;IACnBC,SAAS;IACTC,SAAS;AACX;AAEA,OAAO,SAASC;QAaXC;IAZH,MAAM,EAAEA,QAAQ,EAAE,GAAGd;IAErB,MAAM,CAACe,UAAUC,YAAY,GAAGjB,MAAMkB,QAAQ,CAAC;IAE/C,MAAMC,UAAUnB,MAAMoB,WAAW,CAC/B,CAACC;YAGIN,yBACCA;QAHJ,MAAMC,WACJ,AAACK,CAAAA,UAAU,QAAQA,MAAMC,IAAI,KAAK,SAAQ,KACzCP,CAAAA,CAAAA,qBAAAA,gCAAAA,0BAAAA,SAAUQ,aAAa,cAAvBR,8CAAAA,wBAAyBS,OAAO,MAAK,WACpCT,CAAAA,qBAAAA,gCAAAA,2BAAAA,SAAUQ,aAAa,cAAvBR,+CAAAA,yBAAyBS,OAAO,MAAK,UAAS;QAClDP,YAAYD;IACd,GACA;QAACD,qBAAAA,gCAAAA,0BAAAA,SAAUQ,aAAa,cAAvBR,8CAAAA,wBAAyBS,OAAO;KAAC;IAGpC;;;GAGC,GACDxB,MAAMyB,SAAS,CAAC;QACdN,QAAQ;IACV,GAAG;QAACA;KAAQ;IAEZjB,uBAAuBa,UAAU,YAAYI,SAASR;IACtDT,uBAAuBa,UAAU,WAAWI,SAASR;IAErD,OAAO;QAAEK;IAAS;AACpB"}

package/src/components/ModalPage/ModalPageContext.tsx

@@ -1,8 +0,0 @@
-import * as React from 'react';
-
-export interface ModalPageContextInterface {
-  labelId?: string;
-}
-
-export const ModalPageContext: React.Context<ModalPageContextInterface> =
-  React.createContext<ModalPageContextInterface>({});