@vkontakte/vkui 5.2.4 → 5.3.1

package/dist/components/ModalCard/ModalCard.js

@@ -1,58 +1,56 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["icon", "header", "subheader", "children", "actions", "onClose", "nav", "id", "className", "size"];
-import * as React from 'react';
-import { classNames } from '@vkontakte/vkjs';
-import { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';
-import { usePlatform } from '../../hooks/usePlatform';
-import { getNavId } from '../../lib/getNavId';
-import { warnOnce } from '../../lib/warnOnce';
-import { ModalCardBase } from '../ModalCardBase/ModalCardBase';
-import { ModalRootContext, useModalRegistry } from '../ModalRoot/ModalRootContext';
-import { ModalType } from '../ModalRoot/types';
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import * as React from "react";
+import { classNames } from "@vkontakte/vkjs";
+import { useAdaptivityWithJSMediaQueries } from "../../hooks/useAdaptivityWithJSMediaQueries";
+import { usePlatform } from "../../hooks/usePlatform";
+import { getNavId } from "../../lib/getNavId";
+import { warnOnce } from "../../lib/warnOnce";
+import { ModalCardBase } from "../ModalCardBase/ModalCardBase";
+import { ModalRootContext, useModalRegistry } from "../ModalRoot/ModalRootContext";
+import { ModalType } from "../ModalRoot/types";
 var platformClassNames = {
-  ios: "vkuiModalCard--ios",
-  android: "vkuiModalCard--android",
-  vkcom: "vkuiModalCard--vkcom"
+    ios: "vkuiModalCard--ios",
+    android: "vkuiModalCard--android",
+    vkcom: "vkuiModalCard--vkcom"
 };
-var warn = warnOnce('ModalCard');
-
+var warn = warnOnce("ModalCard");
 /**
  * @see https://vkcom.github.io/VKUI/#/ModalCard
- */
-export var ModalCard = function ModalCard(_ref) {
-  var icon = _ref.icon,
-    header = _ref.header,
-    subheader = _ref.subheader,
-    children = _ref.children,
-    actions = _ref.actions,
-    onClose = _ref.onClose,
-    nav = _ref.nav,
-    id = _ref.id,
-    className = _ref.className,
-    size = _ref.size,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var _useAdaptivityWithJSM = useAdaptivityWithJSMediaQueries(),
-    isDesktop = _useAdaptivityWithJSM.isDesktop;
-  var platform = usePlatform();
-  var modalContext = React.useContext(ModalRootContext);
-  var _useModalRegistry = useModalRegistry(getNavId({
-      nav: nav,
-      id: id
-    }, warn), ModalType.CARD),
-    refs = _useModalRegistry.refs;
-  return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
-    id: id,
-    className: classNames("vkuiModalCard", platformClassNames.hasOwnProperty(platform) ? platformClassNames[platform] : platformClassNames.android, isDesktop && "vkuiModalCard--desktop", className)
-  }), /*#__PURE__*/React.createElement(ModalCardBase, {
-    className: "vkuiModalCard__in",
-    getRootRef: refs.innerElement,
-    icon: icon,
-    header: header,
-    subheader: subheader,
-    actions: actions,
-    onClose: onClose || modalContext.onClose,
-    size: size
-  }, children));
+ */ export var ModalCard = function(_param) {
+    var icon = _param.icon, header = _param.header, subheader = _param.subheader, children = _param.children, actions = _param.actions, onClose = _param.onClose, nav = _param.nav, id = _param.id, className = _param.className, size = _param.size, restProps = _object_without_properties(_param, [
+        "icon",
+        "header",
+        "subheader",
+        "children",
+        "actions",
+        "onClose",
+        "nav",
+        "id",
+        "className",
+        "size"
+    ]);
+    var isDesktop = useAdaptivityWithJSMediaQueries().isDesktop;
+    var platform = usePlatform();
+    var modalContext = React.useContext(ModalRootContext);
+    var refs = useModalRegistry(getNavId({
+        nav: nav,
+        id: id
+    }, warn), ModalType.CARD).refs;
+    return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({}, restProps), {
+        id: id,
+        className: classNames("vkuiModalCard", platformClassNames.hasOwnProperty(platform) ? platformClassNames[platform] : platformClassNames.android, isDesktop && "vkuiModalCard--desktop", className)
+    }), /*#__PURE__*/ React.createElement(ModalCardBase, {
+        className: "vkuiModalCard__in",
+        getRootRef: refs.innerElement,
+        icon: icon,
+        header: header,
+        subheader: subheader,
+        actions: actions,
+        onClose: onClose || modalContext.onClose,
+        size: size
+    }, children));
 };
+
 //# sourceMappingURL=ModalCard.js.map

package/dist/components/ModalCard/ModalCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalCard.js","names":["React","classNames","useAdaptivityWithJSMediaQueries","usePlatform","getNavId","warnOnce","ModalCardBase","ModalRootContext","useModalRegistry","ModalType","platformClassNames","ios","android","vkcom","warn","ModalCard","icon","header","subheader","children","actions","onClose","nav","id","className","size","restProps","isDesktop","platform","modalContext","useContext","CARD","refs","hasOwnProperty","innerElement"],"sources":["../../../src/components/ModalCard/ModalCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { getNavId, NavIdProps } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { ModalCardBase, ModalCardBaseProps } from '../ModalCardBase/ModalCardBase';\nimport { ModalRootContext, useModalRegistry } from '../ModalRoot/ModalRootContext';\nimport { ModalType } from '../ModalRoot/types';\nimport styles from './ModalCard.module.css';\n\nconst platformClassNames = {\n  ios: styles['ModalCard--ios'],\n  android: styles['ModalCard--android'],\n  vkcom: styles['ModalCard--vkcom'],\n};\n\nexport interface ModalCardProps extends NavIdProps, ModalCardBaseProps {}\n\nconst warn = warnOnce('ModalCard');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalCard\n */\nexport const ModalCard = ({\n  icon,\n  header,\n  subheader,\n  children,\n  actions,\n  onClose,\n  nav,\n  id,\n  className,\n  size,\n  ...restProps\n}: ModalCardProps) => {\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n  const platform = usePlatform();\n\n  const modalContext = React.useContext(ModalRootContext);\n  const { refs } = useModalRegistry(getNavId({ nav, id }, warn), ModalType.CARD);\n\n  return (\n    <div\n      {...restProps}\n      id={id}\n      className={classNames(\n        styles['ModalCard'],\n        platformClassNames.hasOwnProperty(platform)\n          ? platformClassNames[platform]\n          : platformClassNames.android,\n        isDesktop && styles['ModalCard--desktop'],\n        className,\n      )}\n    >\n      <ModalCardBase\n        className={styles['ModalCard__in']}\n        getRootRef={refs.innerElement}\n        icon={icon}\n        header={header}\n        subheader={subheader}\n        actions={actions}\n        onClose={onClose || modalContext.onClose}\n        size={size}\n      >\n        {children}\n      </ModalCardBase>\n    </div>\n  );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,+BAA+B,QAAQ,6CAA6C;AAC7F,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,QAAQ,QAAoB,oBAAoB;AACzD,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,aAAa,QAA4B,gCAAgC;AAClF,SAASC,gBAAgB,EAAEC,gBAAgB,QAAQ,+BAA+B;AAClF,SAASC,SAAS,QAAQ,oBAAoB;AAG9C,IAAMC,kBAAkB,GAAG;EACzBC,GAAG,sBAA0B;EAC7BC,OAAO,0BAA8B;EACrCC,KAAK;AACP,CAAC;AAID,IAAMC,IAAI,GAAGT,QAAQ,CAAC,WAAW,CAAC;;AAElC;AACA;AACA;AACA,OAAO,IAAMU,SAAS,GAAG,SAAZA,SAAS,OAYA;EAAA,IAXpBC,IAAI,QAAJA,IAAI;IACJC,MAAM,QAANA,MAAM;IACNC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IACRC,OAAO,QAAPA,OAAO;IACPC,OAAO,QAAPA,OAAO;IACPC,GAAG,QAAHA,GAAG;IACHC,EAAE,QAAFA,EAAE;IACFC,SAAS,QAATA,SAAS;IACTC,IAAI,QAAJA,IAAI;IACDC,SAAS;EAEZ,4BAAsBxB,+BAA+B,EAAE;IAA/CyB,SAAS,yBAATA,SAAS;EACjB,IAAMC,QAAQ,GAAGzB,WAAW,EAAE;EAE9B,IAAM0B,YAAY,GAAG7B,KAAK,CAAC8B,UAAU,CAACvB,gBAAgB,CAAC;EACvD,wBAAiBC,gBAAgB,CAACJ,QAAQ,CAAC;MAAEkB,GAAG,EAAHA,GAAG;MAAEC,EAAE,EAAFA;IAAG,CAAC,EAAET,IAAI,CAAC,EAAEL,SAAS,CAACsB,IAAI,CAAC;IAAtEC,IAAI,qBAAJA,IAAI;EAEZ,oBACE,wCACMN,SAAS;IACb,EAAE,EAAEH,EAAG;IACP,SAAS,EAAEtB,UAAU,kBAEnBS,kBAAkB,CAACuB,cAAc,CAACL,QAAQ,CAAC,GACvClB,kBAAkB,CAACkB,QAAQ,CAAC,GAC5BlB,kBAAkB,CAACE,OAAO,EAC9Be,SAAS,4BAAgC,EACzCH,SAAS;EACT,iBAEF,oBAAC,aAAa;IACZ,SAAS,qBAA0B;IACnC,UAAU,EAAEQ,IAAI,CAACE,YAAa;IAC9B,IAAI,EAAElB,IAAK;IACX,MAAM,EAAEC,MAAO;IACf,SAAS,EAAEC,SAAU;IACrB,OAAO,EAAEE,OAAQ;IACjB,OAAO,EAAEC,OAAO,IAAIQ,YAAY,CAACR,OAAQ;IACzC,IAAI,EAAEI;EAAK,GAEVN,QAAQ,CACK,CACZ;AAEV,CAAC"}
+{"version":3,"sources":["../../../src/components/ModalCard/ModalCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { getNavId, NavIdProps } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { ModalCardBase, ModalCardBaseProps } from '../ModalCardBase/ModalCardBase';\nimport { ModalRootContext, useModalRegistry } from '../ModalRoot/ModalRootContext';\nimport { ModalType } from '../ModalRoot/types';\nimport styles from './ModalCard.module.css';\n\nconst platformClassNames = {\n  ios: styles['ModalCard--ios'],\n  android: styles['ModalCard--android'],\n  vkcom: styles['ModalCard--vkcom'],\n};\n\nexport interface ModalCardProps extends NavIdProps, ModalCardBaseProps {}\n\nconst warn = warnOnce('ModalCard');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalCard\n */\nexport const ModalCard = ({\n  icon,\n  header,\n  subheader,\n  children,\n  actions,\n  onClose,\n  nav,\n  id,\n  className,\n  size,\n  ...restProps\n}: ModalCardProps) => {\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n  const platform = usePlatform();\n\n  const modalContext = React.useContext(ModalRootContext);\n  const { refs } = useModalRegistry(getNavId({ nav, id }, warn), ModalType.CARD);\n\n  return (\n    <div\n      {...restProps}\n      id={id}\n      className={classNames(\n        styles['ModalCard'],\n        platformClassNames.hasOwnProperty(platform)\n          ? platformClassNames[platform]\n          : platformClassNames.android,\n        isDesktop && styles['ModalCard--desktop'],\n        className,\n      )}\n    >\n      <ModalCardBase\n        className={styles['ModalCard__in']}\n        getRootRef={refs.innerElement}\n        icon={icon}\n        header={header}\n        subheader={subheader}\n        actions={actions}\n        onClose={onClose || modalContext.onClose}\n        size={size}\n      >\n        {children}\n      </ModalCardBase>\n    </div>\n  );\n};\n"],"names":["React","classNames","useAdaptivityWithJSMediaQueries","usePlatform","getNavId","warnOnce","ModalCardBase","ModalRootContext","useModalRegistry","ModalType","platformClassNames","ios","android","vkcom","warn","ModalCard","icon","header","subheader","children","actions","onClose","nav","id","className","size","restProps","isDesktop","platform","modalContext","useContext","refs","CARD","div","hasOwnProperty","getRootRef","innerElement"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,+BAA+B,QAAQ,8CAA8C;AAC9F,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAoB,qBAAqB;AAC1D,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,aAAa,QAA4B,iCAAiC;AACnF,SAASC,gBAAgB,EAAEC,gBAAgB,QAAQ,gCAAgC;AACnF,SAASC,SAAS,QAAQ,qBAAqB;AAG/C,IAAMC,qBAAqB;IACzBC,GAAG;IACHC,OAAO;IACPC,KAAK;AACP;AAIA,IAAMC,OAAOT,SAAS;AAEtB;;CAEC,GACD,OAAO,IAAMU,YAAY,iBAYH;QAXpBC,cAAAA,MACAC,gBAAAA,QACAC,mBAAAA,WACAC,kBAAAA,UACAC,iBAAAA,SACAC,iBAAAA,SACAC,aAAAA,KACAC,YAAAA,IACAC,mBAAAA,WACAC,cAAAA,MACGC;QAVHV;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,IAAM,AAAEE,YAAczB,kCAAdyB;IACR,IAAMC,WAAWzB;IAEjB,IAAM0B,eAAe7B,MAAM8B,UAAU,CAACvB;IACtC,IAAM,AAAEwB,OAASvB,iBAAiBJ,SAAS;QAAEkB,KAAAA;QAAKC,IAAAA;IAAG,GAAGT,OAAOL,UAAUuB,IAAI,EAArED;IAER,qBACE,oBAACE,+CACKP;QACJH,IAAIA;QACJC,WAAWvB,4BAETS,mBAAmBwB,cAAc,CAACN,YAC9BlB,kBAAkB,CAACkB,SAAS,GAC5BlB,mBAAmBE,OAAO,EAC9Be,uCACAH;sBAGF,oBAAClB;QACCkB,SAAS;QACTW,YAAYJ,KAAKK,YAAY;QAC7BpB,MAAMA;QACNC,QAAQA;QACRC,WAAWA;QACXE,SAASA;QACTC,SAASA,WAAWQ,aAAaR,OAAO;QACxCI,MAAMA;OAELN;AAIT,EAAE"}

package/dist/components/ModalCardBase/ModalCardBase.js

@@ -1,70 +1,68 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["getRootRef", "icon", "header", "subheader", "children", "actions", "onClose", "dismissLabel", "className", "style", "size"];
-import * as React from 'react';
-import { Icon24Dismiss } from '@vkontakte/icons';
-import { classNames, hasReactNode } from '@vkontakte/vkjs';
-import { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';
-import { useKeyboard } from '../../hooks/useKeyboard';
-import { usePlatform } from '../../hooks/usePlatform';
-import { Platform } from '../../lib/platform';
-import { ModalDismissButton } from '../ModalDismissButton/ModalDismissButton';
-import { PanelHeaderButton } from '../PanelHeaderButton/PanelHeaderButton';
-import { Subhead } from '../Typography/Subhead/Subhead';
-import { Title } from '../Typography/Title/Title';
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import * as React from "react";
+import { Icon24Dismiss } from "@vkontakte/icons";
+import { classNames, hasReactNode } from "@vkontakte/vkjs";
+import { useAdaptivityWithJSMediaQueries } from "../../hooks/useAdaptivityWithJSMediaQueries";
+import { useKeyboard } from "../../hooks/useKeyboard";
+import { usePlatform } from "../../hooks/usePlatform";
+import { Platform } from "../../lib/platform";
+import { ModalDismissButton } from "../ModalDismissButton/ModalDismissButton";
+import { PanelHeaderButton } from "../PanelHeaderButton/PanelHeaderButton";
+import { Subhead } from "../Typography/Subhead/Subhead";
+import { Title } from "../Typography/Title/Title";
 var platformClassNames = {
-  ios: "vkuiModalCardBase--ios",
-  android: "vkuiModalCardBase--android",
-  vkcom: "vkuiModalCardBase--vkcom"
+    ios: "vkuiModalCardBase--ios",
+    android: "vkuiModalCardBase--android",
+    vkcom: "vkuiModalCardBase--vkcom"
 };
 /**
  * @see https://vkcom.github.io/VKUI/#/ModalCardBase
- */
-export var ModalCardBase = function ModalCardBase(_ref) {
-  var getRootRef = _ref.getRootRef,
-    icon = _ref.icon,
-    header = _ref.header,
-    subheader = _ref.subheader,
-    children = _ref.children,
-    actions = _ref.actions,
-    onClose = _ref.onClose,
-    _ref$dismissLabel = _ref.dismissLabel,
-    dismissLabel = _ref$dismissLabel === void 0 ? 'Скрыть' : _ref$dismissLabel,
-    className = _ref.className,
-    style = _ref.style,
-    sizeProp = _ref.size,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var platform = usePlatform();
-  var _useAdaptivityWithJSM = useAdaptivityWithJSMediaQueries(),
-    isDesktop = _useAdaptivityWithJSM.isDesktop;
-  var isSoftwareKeyboardOpened = useKeyboard().isOpened;
-  var canShowCloseButtonIOS = platform === Platform.IOS && !isDesktop;
-  var size = isDesktop ? sizeProp : undefined;
-  return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
-    className: classNames("vkuiModalCardBase", platformClassNames.hasOwnProperty(platform) ? platformClassNames[platform] : platformClassNames.android, isDesktop && "vkuiModalCardBase--desktop", className),
-    ref: getRootRef,
-    style: _objectSpread(_objectSpread({}, style), {}, {
-      maxWidth: size
-    })
-  }), /*#__PURE__*/React.createElement("div", {
-    className: classNames("vkuiModalCardBase__container", isSoftwareKeyboardOpened && "vkuiModalCardBase__container--softwareKeyboardOpened")
-  }, hasReactNode(icon) && /*#__PURE__*/React.createElement("div", {
-    className: "vkuiModalCardBase__icon"
-  }, icon), hasReactNode(header) && /*#__PURE__*/React.createElement(Title, {
-    level: "2",
-    weight: "2",
-    className: "vkuiModalCardBase__header"
-  }, header), hasReactNode(subheader) && /*#__PURE__*/React.createElement(Subhead, {
-    className: "vkuiModalCardBase__subheader"
-  }, subheader), children, hasReactNode(actions) && /*#__PURE__*/React.createElement("div", {
-    className: "vkuiModalCardBase__actions"
-  }, actions), isDesktop && /*#__PURE__*/React.createElement(ModalDismissButton, {
-    onClick: onClose
-  }), canShowCloseButtonIOS && /*#__PURE__*/React.createElement(PanelHeaderButton, {
-    "aria-label": dismissLabel,
-    className: "vkuiModalCardBase__dismiss",
-    onClick: onClose
-  }, /*#__PURE__*/React.createElement(Icon24Dismiss, null))));
+ */ export var ModalCardBase = function(_param) {
+    var getRootRef = _param.getRootRef, icon = _param.icon, header = _param.header, subheader = _param.subheader, children = _param.children, actions = _param.actions, onClose = _param.onClose, _param_dismissLabel = _param.dismissLabel, dismissLabel = _param_dismissLabel === void 0 ? "Скрыть" : _param_dismissLabel, className = _param.className, style = _param.style, sizeProp = _param.size, restProps = _object_without_properties(_param, [
+        "getRootRef",
+        "icon",
+        "header",
+        "subheader",
+        "children",
+        "actions",
+        "onClose",
+        "dismissLabel",
+        "className",
+        "style",
+        "size"
+    ]);
+    var platform = usePlatform();
+    var isDesktop = useAdaptivityWithJSMediaQueries().isDesktop;
+    var isSoftwareKeyboardOpened = useKeyboard().isOpened;
+    var canShowCloseButtonIOS = platform === Platform.IOS && !isDesktop;
+    var size = isDesktop ? sizeProp : undefined;
+    return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({}, restProps), {
+        className: classNames("vkuiInternalModalCardBase", platformClassNames.hasOwnProperty(platform) ? platformClassNames[platform] : platformClassNames.android, isDesktop && "vkuiModalCardBase--desktop", className),
+        ref: getRootRef,
+        style: _object_spread_props(_object_spread({}, style), {
+            maxWidth: size
+        })
+    }), /*#__PURE__*/ React.createElement("div", {
+        className: classNames("vkuiModalCardBase__container", isSoftwareKeyboardOpened && "vkuiModalCardBase__container--softwareKeyboardOpened")
+    }, hasReactNode(icon) && /*#__PURE__*/ React.createElement("div", {
+        className: "vkuiModalCardBase__icon"
+    }, icon), hasReactNode(header) && /*#__PURE__*/ React.createElement(Title, {
+        level: "2",
+        weight: "2",
+        className: classNames("vkuiModalCardBase__header", "vkuiInternalModalCardBase__header")
+    }, header), hasReactNode(subheader) && /*#__PURE__*/ React.createElement(Subhead, {
+        className: classNames("vkuiModalCardBase__subheader", "vkuiInternalModalCardBase__subheader")
+    }, subheader), children, hasReactNode(actions) && /*#__PURE__*/ React.createElement("div", {
+        className: "vkuiModalCardBase__actions"
+    }, actions), isDesktop && /*#__PURE__*/ React.createElement(ModalDismissButton, {
+        onClick: onClose
+    }), canShowCloseButtonIOS && /*#__PURE__*/ React.createElement(PanelHeaderButton, {
+        "aria-label": dismissLabel,
+        className: "vkuiModalCardBase__dismiss",
+        onClick: onClose
+    }, /*#__PURE__*/ React.createElement(Icon24Dismiss, null))));
 };
+
 //# sourceMappingURL=ModalCardBase.js.map

package/dist/components/ModalCardBase/ModalCardBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalCardBase.js","names":["React","Icon24Dismiss","classNames","hasReactNode","useAdaptivityWithJSMediaQueries","useKeyboard","usePlatform","Platform","ModalDismissButton","PanelHeaderButton","Subhead","Title","platformClassNames","ios","android","vkcom","ModalCardBase","getRootRef","icon","header","subheader","children","actions","onClose","dismissLabel","className","style","sizeProp","size","restProps","platform","isDesktop","isSoftwareKeyboardOpened","isOpened","canShowCloseButtonIOS","IOS","undefined","hasOwnProperty","maxWidth"],"sources":["../../../src/components/ModalCardBase/ModalCardBase.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon24Dismiss } from '@vkontakte/icons';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useKeyboard } from '../../hooks/useKeyboard';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { HasRootRef } from '../../types';\nimport { ModalDismissButton } from '../ModalDismissButton/ModalDismissButton';\nimport { PanelHeaderButton } from '../PanelHeaderButton/PanelHeaderButton';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { Title } from '../Typography/Title/Title';\nimport styles from './ModalCardBase.module.css';\n\nconst platformClassNames = {\n  ios: styles['ModalCardBase--ios'],\n  android: styles['ModalCardBase--android'],\n  vkcom: styles['ModalCardBase--vkcom'],\n};\n\nexport interface ModalCardBaseProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * Иконка.\n   *\n   * Может быть компонентом иконки, например, `<Icon56MoneyTransferOutline />`, или `<Avatar size={72} src=\"\" />`\n   */\n  icon?: React.ReactNode;\n\n  /**\n   * Заголовок карточки\n   */\n  header?: React.ReactNode;\n\n  /**\n   * Подзаголовок\n   */\n  subheader?: React.ReactNode;\n\n  /**\n   * Кнопки-действия. Принимает [`Button`](https://vkcom.github.io/VKUI/#/Button) с параметрами:\n   *\n   * - `size=\"l\" mode=\"primary\" stretched`\n   * - `size=\"l\" mode=\"secondary\" stretched`\n   *\n   * Для набора кнопок используйте [`ButtonGroup`](https://vkcom.github.io/VKUI/#/ButtonGroup) с параметрами:\n   *\n   * - `gap=\"s\" mode=\"horizontal\" stretched`\n   * - `gap=\"m\" mode=\"vertical\" stretched`\n   */\n  actions?: React.ReactNode;\n\n  onClose?: VoidFunction;\n\n  /**\n   * `aria-label` для кнопки закрытия. Необходим, чтобы кнопка была доступной.\n   */\n  dismissLabel?: string;\n\n  /**\n   * Задаёт контенту максимальную ширину для десктопной версии.\n   */\n  size?: number;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalCardBase\n */\nexport const ModalCardBase = ({\n  getRootRef,\n  icon,\n  header,\n  subheader,\n  children,\n  actions,\n  onClose,\n  dismissLabel = 'Скрыть',\n  className,\n  style,\n  size: sizeProp,\n  ...restProps\n}: ModalCardBaseProps) => {\n  const platform = usePlatform();\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n  const isSoftwareKeyboardOpened = useKeyboard().isOpened;\n\n  const canShowCloseButtonIOS = platform === Platform.IOS && !isDesktop;\n\n  const size = isDesktop ? sizeProp : undefined;\n\n  return (\n    <div\n      {...restProps}\n      className={classNames(\n        styles['ModalCardBase'],\n        platformClassNames.hasOwnProperty(platform)\n          ? platformClassNames[platform]\n          : platformClassNames.android,\n        isDesktop && styles['ModalCardBase--desktop'],\n        className,\n      )}\n      ref={getRootRef}\n      style={{\n        ...style,\n        maxWidth: size,\n      }}\n    >\n      <div\n        className={classNames(\n          styles['ModalCardBase__container'],\n          isSoftwareKeyboardOpened && styles['ModalCardBase__container--softwareKeyboardOpened'],\n        )}\n      >\n        {hasReactNode(icon) && <div className={styles['ModalCardBase__icon']}>{icon}</div>}\n        {hasReactNode(header) && (\n          <Title level=\"2\" weight=\"2\" className={styles['ModalCardBase__header']}>\n            {header}\n          </Title>\n        )}\n        {hasReactNode(subheader) && (\n          <Subhead className={styles['ModalCardBase__subheader']}>{subheader}</Subhead>\n        )}\n\n        {children}\n\n        {hasReactNode(actions) && <div className={styles['ModalCardBase__actions']}>{actions}</div>}\n\n        {isDesktop && <ModalDismissButton onClick={onClose} />}\n        {canShowCloseButtonIOS && (\n          <PanelHeaderButton\n            aria-label={dismissLabel}\n            className={styles['ModalCardBase__dismiss']}\n            onClick={onClose}\n          >\n            <Icon24Dismiss />\n          </PanelHeaderButton>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,aAAa,QAAQ,kBAAkB;AAChD,SAASC,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAC1D,SAASC,+BAA+B,QAAQ,6CAA6C;AAC7F,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,QAAQ,QAAQ,oBAAoB;AAE7C,SAASC,kBAAkB,QAAQ,0CAA0C;AAC7E,SAASC,iBAAiB,QAAQ,wCAAwC;AAC1E,SAASC,OAAO,QAAQ,+BAA+B;AACvD,SAASC,KAAK,QAAQ,2BAA2B;AAGjD,IAAMC,kBAAkB,GAAG;EACzBC,GAAG,0BAA8B;EACjCC,OAAO,8BAAkC;EACzCC,KAAK;AACP,CAAC;AAgDD;AACA;AACA;AACA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAa,OAaA;EAAA,IAZxBC,UAAU,QAAVA,UAAU;IACVC,IAAI,QAAJA,IAAI;IACJC,MAAM,QAANA,MAAM;IACNC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IACRC,OAAO,QAAPA,OAAO;IACPC,OAAO,QAAPA,OAAO;IAAA,yBACPC,YAAY;IAAZA,YAAY,kCAAG,QAAQ;IACvBC,SAAS,QAATA,SAAS;IACTC,KAAK,QAALA,KAAK;IACCC,QAAQ,QAAdC,IAAI;IACDC,SAAS;EAEZ,IAAMC,QAAQ,GAAGxB,WAAW,EAAE;EAC9B,4BAAsBF,+BAA+B,EAAE;IAA/C2B,SAAS,yBAATA,SAAS;EACjB,IAAMC,wBAAwB,GAAG3B,WAAW,EAAE,CAAC4B,QAAQ;EAEvD,IAAMC,qBAAqB,GAAGJ,QAAQ,KAAKvB,QAAQ,CAAC4B,GAAG,IAAI,CAACJ,SAAS;EAErE,IAAMH,IAAI,GAAGG,SAAS,GAAGJ,QAAQ,GAAGS,SAAS;EAE7C,oBACE,wCACMP,SAAS;IACb,SAAS,EAAE3B,UAAU,sBAEnBU,kBAAkB,CAACyB,cAAc,CAACP,QAAQ,CAAC,GACvClB,kBAAkB,CAACkB,QAAQ,CAAC,GAC5BlB,kBAAkB,CAACE,OAAO,EAC9BiB,SAAS,gCAAoC,EAC7CN,SAAS,CACT;IACF,GAAG,EAAER,UAAW;IAChB,KAAK,kCACAS,KAAK;MACRY,QAAQ,EAAEV;IAAI;EACd,iBAEF;IACE,SAAS,EAAE1B,UAAU,iCAEnB8B,wBAAwB,0DAA8D;EACtF,GAED7B,YAAY,CAACe,IAAI,CAAC,iBAAI;IAAK,SAAS;EAAgC,GAAEA,IAAI,CAAO,EACjFf,YAAY,CAACgB,MAAM,CAAC,iBACnB,oBAAC,KAAK;IAAC,KAAK,EAAC,GAAG;IAAC,MAAM,EAAC,GAAG;IAAC,SAAS;EAAkC,GACpEA,MAAM,CAEV,EACAhB,YAAY,CAACiB,SAAS,CAAC,iBACtB,oBAAC,OAAO;IAAC,SAAS;EAAqC,GAAEA,SAAS,CACnE,EAEAC,QAAQ,EAERlB,YAAY,CAACmB,OAAO,CAAC,iBAAI;IAAK,SAAS;EAAmC,GAAEA,OAAO,CAAO,EAE1FS,SAAS,iBAAI,oBAAC,kBAAkB;IAAC,OAAO,EAAER;EAAQ,EAAG,EACrDW,qBAAqB,iBACpB,oBAAC,iBAAiB;IAChB,cAAYV,YAAa;IACzB,SAAS,8BAAmC;IAC5C,OAAO,EAAED;EAAQ,gBAEjB,oBAAC,aAAa,OAAG,CAEpB,CACG,CACF;AAEV,CAAC"}
+{"version":3,"sources":["../../../src/components/ModalCardBase/ModalCardBase.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon24Dismiss } from '@vkontakte/icons';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useKeyboard } from '../../hooks/useKeyboard';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { HasRootRef } from '../../types';\nimport { ModalDismissButton } from '../ModalDismissButton/ModalDismissButton';\nimport { PanelHeaderButton } from '../PanelHeaderButton/PanelHeaderButton';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { Title } from '../Typography/Title/Title';\nimport styles from './ModalCardBase.module.css';\n\nconst platformClassNames = {\n  ios: styles['ModalCardBase--ios'],\n  android: styles['ModalCardBase--android'],\n  vkcom: styles['ModalCardBase--vkcom'],\n};\n\nexport interface ModalCardBaseProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * Иконка.\n   *\n   * Может быть компонентом иконки, например, `<Icon56MoneyTransferOutline />`, или `<Avatar size={72} src=\"\" />`\n   */\n  icon?: React.ReactNode;\n\n  /**\n   * Заголовок карточки\n   */\n  header?: React.ReactNode;\n\n  /**\n   * Подзаголовок\n   */\n  subheader?: React.ReactNode;\n\n  /**\n   * Кнопки-действия. Принимает [`Button`](https://vkcom.github.io/VKUI/#/Button) с параметрами:\n   *\n   * - `size=\"l\" mode=\"primary\" stretched`\n   * - `size=\"l\" mode=\"secondary\" stretched`\n   *\n   * Для набора кнопок используйте [`ButtonGroup`](https://vkcom.github.io/VKUI/#/ButtonGroup) с параметрами:\n   *\n   * - `gap=\"s\" mode=\"horizontal\" stretched`\n   * - `gap=\"m\" mode=\"vertical\" stretched`\n   */\n  actions?: React.ReactNode;\n\n  onClose?: VoidFunction;\n\n  /**\n   * `aria-label` для кнопки закрытия. Необходим, чтобы кнопка была доступной.\n   */\n  dismissLabel?: string;\n\n  /**\n   * Задаёт контенту максимальную ширину для десктопной версии.\n   */\n  size?: number;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalCardBase\n */\nexport const ModalCardBase = ({\n  getRootRef,\n  icon,\n  header,\n  subheader,\n  children,\n  actions,\n  onClose,\n  dismissLabel = 'Скрыть',\n  className,\n  style,\n  size: sizeProp,\n  ...restProps\n}: ModalCardBaseProps) => {\n  const platform = usePlatform();\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n  const isSoftwareKeyboardOpened = useKeyboard().isOpened;\n\n  const canShowCloseButtonIOS = platform === Platform.IOS && !isDesktop;\n\n  const size = isDesktop ? sizeProp : undefined;\n\n  return (\n    <div\n      {...restProps}\n      className={classNames(\n        'vkuiInternalModalCardBase',\n        platformClassNames.hasOwnProperty(platform)\n          ? platformClassNames[platform]\n          : platformClassNames.android,\n        isDesktop && styles['ModalCardBase--desktop'],\n        className,\n      )}\n      ref={getRootRef}\n      style={{\n        ...style,\n        maxWidth: size,\n      }}\n    >\n      <div\n        className={classNames(\n          styles['ModalCardBase__container'],\n          isSoftwareKeyboardOpened && styles['ModalCardBase__container--softwareKeyboardOpened'],\n        )}\n      >\n        {hasReactNode(icon) && <div className={styles['ModalCardBase__icon']}>{icon}</div>}\n        {hasReactNode(header) && (\n          <Title\n            level=\"2\"\n            weight=\"2\"\n            className={classNames(\n              styles['ModalCardBase__header'],\n              'vkuiInternalModalCardBase__header',\n            )}\n          >\n            {header}\n          </Title>\n        )}\n        {hasReactNode(subheader) && (\n          <Subhead\n            className={classNames(\n              styles['ModalCardBase__subheader'],\n              'vkuiInternalModalCardBase__subheader',\n            )}\n          >\n            {subheader}\n          </Subhead>\n        )}\n\n        {children}\n\n        {hasReactNode(actions) && <div className={styles['ModalCardBase__actions']}>{actions}</div>}\n\n        {isDesktop && <ModalDismissButton onClick={onClose} />}\n        {canShowCloseButtonIOS && (\n          <PanelHeaderButton\n            aria-label={dismissLabel}\n            className={styles['ModalCardBase__dismiss']}\n            onClick={onClose}\n          >\n            <Icon24Dismiss />\n          </PanelHeaderButton>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["React","Icon24Dismiss","classNames","hasReactNode","useAdaptivityWithJSMediaQueries","useKeyboard","usePlatform","Platform","ModalDismissButton","PanelHeaderButton","Subhead","Title","platformClassNames","ios","android","vkcom","ModalCardBase","getRootRef","icon","header","subheader","children","actions","onClose","dismissLabel","className","style","size","sizeProp","restProps","platform","isDesktop","isSoftwareKeyboardOpened","isOpened","canShowCloseButtonIOS","IOS","undefined","div","hasOwnProperty","ref","maxWidth","level","weight","onClick","aria-label"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAC3D,SAASC,+BAA+B,QAAQ,8CAA8C;AAC9F,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,qBAAqB;AAE9C,SAASC,kBAAkB,QAAQ,2CAA2C;AAC9E,SAASC,iBAAiB,QAAQ,yCAAyC;AAC3E,SAASC,OAAO,QAAQ,gCAAgC;AACxD,SAASC,KAAK,QAAQ,4BAA4B;AAGlD,IAAMC,qBAAqB;IACzBC,GAAG;IACHC,OAAO;IACPC,KAAK;AACP;AAgDA;;CAEC,GACD,OAAO,IAAMC,gBAAgB,iBAaH;QAZxBC,oBAAAA,YACAC,cAAAA,MACAC,gBAAAA,QACAC,mBAAAA,WACAC,kBAAAA,UACAC,iBAAAA,SACAC,iBAAAA,sCACAC,cAAAA,gDAAe,gCACfC,mBAAAA,WACAC,eAAAA,OACAC,AAAMC,kBAAND,MACGE;QAXHZ;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,IAAMG,WAAWxB;IACjB,IAAM,AAAEyB,YAAc3B,kCAAd2B;IACR,IAAMC,2BAA2B3B,cAAc4B,QAAQ;IAEvD,IAAMC,wBAAwBJ,aAAavB,SAAS4B,GAAG,IAAI,CAACJ;IAE5D,IAAMJ,OAAOI,YAAYH,WAAWQ,SAAS;IAE7C,qBACE,oBAACC,+CACKR;QACJJ,WAAWvB,WACT,6BACAU,mBAAmB0B,cAAc,CAACR,YAC9BlB,kBAAkB,CAACkB,SAAS,GAC5BlB,mBAAmBE,OAAO,EAC9BiB,2CACAN;QAEFc,KAAKtB;QACLS,OAAO,wCACFA;YACHc,UAAUb;;sBAGZ,oBAACU;QACCZ,WAAWvB,2CAET8B;OAGD7B,aAAae,uBAAS,oBAACmB;QAAIZ,SAAS;OAAkCP,OACtEf,aAAagB,yBACZ,oBAACR;QACC8B,OAAM;QACNC,QAAO;QACPjB,WAAWvB,wCAET;OAGDiB,SAGJhB,aAAaiB,4BACZ,oBAACV;QACCe,WAAWvB,2CAET;OAGDkB,YAIJC,UAEAlB,aAAamB,0BAAY,oBAACe;QAAIZ,SAAS;OAAqCH,UAE5ES,2BAAa,oBAACvB;QAAmBmC,SAASpB;QAC1CW,uCACC,oBAACzB;QACCmC,cAAYpB;QACZC,SAAS;QACTkB,SAASpB;qBAET,oBAACtB;AAMb,EAAE"}

package/dist/components/ModalDismissButton/ModalDismissButton.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare type ModalDismissButtonProps = React.HTMLAttributes<HTMLButtonElement>;
+export type ModalDismissButtonProps = React.HTMLAttributes<HTMLButtonElement>;
 /**
  * @see https://vkcom.github.io/VKUI/#/ModalDismissButton
  */

package/dist/components/ModalDismissButton/ModalDismissButton.js

@@ -1,24 +1,24 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["aria-label", "className"];
-import * as React from 'react';
-import { Icon20Cancel } from '@vkontakte/icons';
-import { classNames } from '@vkontakte/vkjs';
-import { Tappable } from '../Tappable/Tappable';
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import * as React from "react";
+import { Icon20Cancel } from "@vkontakte/icons";
+import { classNames } from "@vkontakte/vkjs";
+import { Tappable } from "../Tappable/Tappable";
 /**
  * @see https://vkcom.github.io/VKUI/#/ModalDismissButton
- */
-export var ModalDismissButton = function ModalDismissButton(_ref) {
-  var _ref$ariaLabel = _ref['aria-label'],
-    ariaLabel = _ref$ariaLabel === void 0 ? 'Закрыть' : _ref$ariaLabel,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Tappable, _extends({
-    className: classNames("vkuiModalDismissButton", className)
-  }, restProps, {
-    "aria-label": ariaLabel,
-    activeMode: "vkuiModalDismissButton--active",
-    hoverMode: "vkuiModalDismissButton--hover"
-  }), /*#__PURE__*/React.createElement(Icon20Cancel, null));
+ */ export var ModalDismissButton = function(_param) {
+    var tmp = _param["aria-label"], ariaLabel = tmp === void 0 ? "Закрыть" : tmp, className = _param.className, restProps = _object_without_properties(_param, [
+        "aria-label",
+        "className"
+    ]);
+    return /*#__PURE__*/ React.createElement(Tappable, _object_spread_props(_object_spread({
+        className: classNames("vkuiModalDismissButton", className)
+    }, restProps), {
+        "aria-label": ariaLabel,
+        activeMode: "vkuiModalDismissButton--active",
+        hoverMode: "vkuiModalDismissButton--hover"
+    }), /*#__PURE__*/ React.createElement(Icon20Cancel, null));
 };
+
 //# sourceMappingURL=ModalDismissButton.js.map

package/dist/components/ModalDismissButton/ModalDismissButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalDismissButton.js","names":["React","Icon20Cancel","classNames","Tappable","ModalDismissButton","ariaLabel","className","restProps"],"sources":["../../../src/components/ModalDismissButton/ModalDismissButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon20Cancel } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { Tappable } from '../Tappable/Tappable';\nimport styles from './ModalDismissButton.module.css';\n\nexport type ModalDismissButtonProps = React.HTMLAttributes<HTMLButtonElement>;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalDismissButton\n */\nexport const ModalDismissButton = ({\n  'aria-label': ariaLabel = 'Закрыть',\n  className,\n  ...restProps\n}: ModalDismissButtonProps) => {\n  return (\n    <Tappable\n      className={classNames(styles['ModalDismissButton'], className)}\n      {...restProps}\n      aria-label={ariaLabel}\n      activeMode={styles['ModalDismissButton--active']}\n      hoverMode={styles['ModalDismissButton--hover']}\n    >\n      <Icon20Cancel />\n    </Tappable>\n  );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,YAAY,QAAQ,kBAAkB;AAC/C,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,QAAQ,QAAQ,sBAAsB;AAK/C;AACA;AACA;AACA,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB,OAIA;EAAA,0BAH7B,YAAY;IAAEC,SAAS,+BAAG,SAAS;IACnCC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,oBACE,oBAAC,QAAQ;IACP,SAAS,EAAEL,UAAU,2BAA+BI,SAAS;EAAE,GAC3DC,SAAS;IACb,cAAYF,SAAU;IACtB,UAAU,kCAAuC;IACjD,SAAS;EAAsC,iBAE/C,oBAAC,YAAY,OAAG,CACP;AAEf,CAAC"}
+{"version":3,"sources":["../../../src/components/ModalDismissButton/ModalDismissButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon20Cancel } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { Tappable } from '../Tappable/Tappable';\nimport styles from './ModalDismissButton.module.css';\n\nexport type ModalDismissButtonProps = React.HTMLAttributes<HTMLButtonElement>;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalDismissButton\n */\nexport const ModalDismissButton = ({\n  'aria-label': ariaLabel = 'Закрыть',\n  className,\n  ...restProps\n}: ModalDismissButtonProps) => {\n  return (\n    <Tappable\n      className={classNames(styles['ModalDismissButton'], className)}\n      {...restProps}\n      aria-label={ariaLabel}\n      activeMode={styles['ModalDismissButton--active']}\n      hoverMode={styles['ModalDismissButton--hover']}\n    >\n      <Icon20Cancel />\n    </Tappable>\n  );\n};\n"],"names":["React","Icon20Cancel","classNames","Tappable","ModalDismissButton","ariaLabel","className","restProps","aria-label","activeMode","hoverMode"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,mBAAmB;AAChD,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,QAAQ,QAAQ,uBAAuB;AAKhD;;CAEC,GACD,OAAO,IAAMC,qBAAqB,iBAIH;QAHfC,aAAd,eAAcA,YAAAA,iBAAY,YAAZA,KACdC,mBAAAA,WACGC;QAFH;QACAD;;IAGA,qBACE,oBAACH;QACCG,WAAWJ,qCAAyCI;OAChDC;QACJC,cAAYH;QACZI,UAAU;QACVC,SAAS;sBAET,oBAACT;AAGP,EAAE"}

package/dist/components/ModalPage/ModalPage.js

@@ -1,86 +1,84 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "header", "size", "onOpen", "onOpened", "onClose", "onClosed", "settlingHeight", "dynamicContentHeight", "getModalContentRef", "nav", "id", "hideCloseButton", "className"];
-import * as React from 'react';
-import { classNames } from '@vkontakte/vkjs';
-import { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';
-import { useOrientationChange } from '../../hooks/useOrientationChange';
-import { usePlatform } from '../../hooks/usePlatform';
-import { SizeType } from '../../lib/adaptivity';
-import { getNavId } from '../../lib/getNavId';
-import { Platform } from '../../lib/platform';
-import { multiRef } from '../../lib/utils';
-import { warnOnce } from '../../lib/warnOnce';
-import { ModalDismissButton } from '../ModalDismissButton/ModalDismissButton';
-import { ModalRootContext, useModalRegistry } from '../ModalRoot/ModalRootContext';
-import { ModalType } from '../ModalRoot/types';
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import * as React from "react";
+import { classNames } from "@vkontakte/vkjs";
+import { useAdaptivityWithJSMediaQueries } from "../../hooks/useAdaptivityWithJSMediaQueries";
+import { useOrientationChange } from "../../hooks/useOrientationChange";
+import { usePlatform } from "../../hooks/usePlatform";
+import { SizeType } from "../../lib/adaptivity";
+import { getNavId } from "../../lib/getNavId";
+import { Platform } from "../../lib/platform";
+import { multiRef } from "../../lib/utils";
+import { warnOnce } from "../../lib/warnOnce";
+import { ModalDismissButton } from "../ModalDismissButton/ModalDismissButton";
+import { ModalRootContext, useModalRegistry } from "../ModalRoot/ModalRootContext";
+import { ModalType } from "../ModalRoot/types";
 var sizeClassName = {
-  s: "vkuiModalPage--size-s",
-  m: "vkuiModalPage--size-m",
-  l: "vkuiModalPage--size-l"
+    s: "vkuiModalPage--size-s",
+    m: "vkuiModalPage--size-m",
+    l: "vkuiModalPage--size-l"
 };
-var warn = warnOnce('ModalPage');
-
+var warn = warnOnce("ModalPage");
 /**
  * @see https://vkcom.github.io/VKUI/#/ModalPage
- */
-export var ModalPage = function ModalPage(_ref) {
-  var children = _ref.children,
-    header = _ref.header,
-    _ref$size = _ref.size,
-    sizeProp = _ref$size === void 0 ? 's' : _ref$size,
-    onOpen = _ref.onOpen,
-    onOpened = _ref.onOpened,
-    onClose = _ref.onClose,
-    onClosed = _ref.onClosed,
-    settlingHeight = _ref.settlingHeight,
-    dynamicContentHeight = _ref.dynamicContentHeight,
-    getModalContentRef = _ref.getModalContentRef,
-    nav = _ref.nav,
-    id = _ref.id,
-    _ref$hideCloseButton = _ref.hideCloseButton,
-    hideCloseButton = _ref$hideCloseButton === void 0 ? false : _ref$hideCloseButton,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var _React$useContext = React.useContext(ModalRootContext),
-    updateModalHeight = _React$useContext.updateModalHeight;
-  var platform = usePlatform();
-  var orientation = useOrientationChange();
-  var _useAdaptivityWithJSM = useAdaptivityWithJSMediaQueries(),
-    sizeX = _useAdaptivityWithJSM.sizeX,
-    isDesktop = _useAdaptivityWithJSM.isDesktop;
-  React.useEffect(updateModalHeight, [children, orientation, updateModalHeight]);
-  var isCloseButtonShown = !hideCloseButton && isDesktop;
-  var size = isDesktop ? sizeProp : 's';
-  var modalContext = React.useContext(ModalRootContext);
-  var _useModalRegistry = useModalRegistry(getNavId({
-      nav: nav,
-      id: id
-    }, warn), ModalType.PAGE),
-    refs = _useModalRegistry.refs;
-  return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
-    id: id,
-    className: classNames("vkuiModalPage", platform === Platform.IOS && "vkuiModalPage--ios", isDesktop && "vkuiModalPage--desktop", sizeX === SizeType.REGULAR && "vkuiModalPage--sizeX-regular", typeof size === 'string' && sizeClassName[size], className)
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "vkuiModalPage__in-wrap",
-    style: {
-      maxWidth: typeof size === 'number' ? size : undefined
-    },
-    ref: refs.innerElement
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "vkuiModalPage__in"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "vkuiModalPage__header",
-    ref: refs.headerElement
-  }, header), /*#__PURE__*/React.createElement("div", {
-    className: "vkuiModalPage__content-wrap"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "vkuiModalPage__content",
-    ref: multiRef(refs.contentElement, getModalContentRef)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "vkuiModalPage__content-in"
-  }, children))), isCloseButtonShown && /*#__PURE__*/React.createElement(ModalDismissButton, {
-    onClick: onClose || modalContext.onClose
-  }))));
+ */ export var ModalPage = function(_param) {
+    var children = _param.children, header = _param.header, tmp = _param.size, sizeProp = tmp === void 0 ? "s" : tmp, onOpen = _param.onOpen, onOpened = _param.onOpened, onClose = _param.onClose, onClosed = _param.onClosed, settlingHeight = _param.settlingHeight, dynamicContentHeight = _param.dynamicContentHeight, getModalContentRef = _param.getModalContentRef, nav = _param.nav, id = _param.id, _param_hideCloseButton = _param.hideCloseButton, hideCloseButton = _param_hideCloseButton === void 0 ? false : _param_hideCloseButton, className = _param.className, restProps = _object_without_properties(_param, [
+        "children",
+        "header",
+        "size",
+        "onOpen",
+        "onOpened",
+        "onClose",
+        "onClosed",
+        "settlingHeight",
+        "dynamicContentHeight",
+        "getModalContentRef",
+        "nav",
+        "id",
+        "hideCloseButton",
+        "className"
+    ]);
+    var updateModalHeight = React.useContext(ModalRootContext).updateModalHeight;
+    var platform = usePlatform();
+    var orientation = useOrientationChange();
+    var _useAdaptivityWithJSMediaQueries = useAdaptivityWithJSMediaQueries(), sizeX = _useAdaptivityWithJSMediaQueries.sizeX, isDesktop = _useAdaptivityWithJSMediaQueries.isDesktop;
+    React.useEffect(updateModalHeight, [
+        children,
+        orientation,
+        updateModalHeight
+    ]);
+    var isCloseButtonShown = !hideCloseButton && isDesktop;
+    var size = isDesktop ? sizeProp : "s";
+    var modalContext = React.useContext(ModalRootContext);
+    var refs = useModalRegistry(getNavId({
+        nav: nav,
+        id: id
+    }, warn), ModalType.PAGE).refs;
+    return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({}, restProps), {
+        id: id,
+        className: classNames("vkuiModalPage", platform === Platform.IOS && "vkuiModalPage--ios", isDesktop && "vkuiModalPage--desktop", sizeX === SizeType.REGULAR && "vkuiInternalModalPage--sizeX-regular", typeof size === "string" && sizeClassName[size], className)
+    }), /*#__PURE__*/ React.createElement("div", {
+        className: "vkuiModalPage__in-wrap",
+        style: {
+            maxWidth: typeof size === "number" ? size : undefined
+        },
+        ref: refs.innerElement
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: "vkuiModalPage__in"
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: "vkuiModalPage__header",
+        ref: refs.headerElement
+    }, header), /*#__PURE__*/ React.createElement("div", {
+        className: "vkuiModalPage__content-wrap"
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: "vkuiModalPage__content",
+        ref: multiRef(refs.contentElement, getModalContentRef)
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: "vkuiModalPage__content-in"
+    }, children))), isCloseButtonShown && /*#__PURE__*/ React.createElement(ModalDismissButton, {
+        onClick: onClose || modalContext.onClose
+    }))));
 };
+
 //# sourceMappingURL=ModalPage.js.map