@vkontakte/vkui 5.4.3 → 5.5.1

package/dist/cjs/components/PanelHeaderContent/PanelHeaderContent.d.ts

@@ -7,4 +7,4 @@ export interface PanelHeaderContentProps extends React.HTMLAttributes<HTMLDivEle
 /**
  * @see https://vkcom.github.io/VKUI/#/PanelHeaderContent
  */
-export declare const PanelHeaderContent: ({ className, style, aside, status, before, children, onClick, ...restProps }: PanelHeaderContentProps) => JSX.Element;
+export declare const PanelHeaderContent: ({ className, style, aside, status, before, children, onClick, ...restProps }: PanelHeaderContentProps) => React.JSX.Element;

package/dist/cjs/components/PanelHeaderContent/PanelHeaderContent.js

@@ -8,18 +8,18 @@ Object.defineProperty(exports, "PanelHeaderContent", {
         return PanelHeaderContent;
     }
 });
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
-var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
-var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 var _usePlatform = require("../../hooks/usePlatform");
 var _platform = require("../../lib/platform");
-var _tappable = require("../Tappable/Tappable");
-var _footnote = require("../Typography/Footnote/Footnote");
-var _headline = require("../Typography/Headline/Headline");
-var _text = require("../Typography/Text/Text");
+var _Tappable = require("../Tappable/Tappable");
+var _Footnote = require("../Typography/Footnote/Footnote");
+var _Headline = require("../Typography/Headline/Headline");
+var _Text = require("../Typography/Text/Text");
 var platformClassNames = {
     ios: "vkuiPanelHeaderContent--ios",
     android: "vkuiPanelHeaderContent--android",
@@ -29,12 +29,14 @@ var PanelHeaderChildren = function(param) {
     var hasStatus = param.hasStatus, hasBefore = param.hasBefore, children = param.children;
     var platform = (0, _usePlatform.usePlatform)();
     if (platform === _platform.Platform.VKCOM) {
-        return /*#__PURE__*/ _react.createElement(_text.Text, {
+        return /*#__PURE__*/ _react.createElement(_Text.Text, {
+            className: "vkuiPanelHeaderContent__childrenText",
             Component: "div",
             weight: "2"
         }, children);
     }
-    return hasStatus || hasBefore ? /*#__PURE__*/ _react.createElement(_headline.Headline, {
+    return hasStatus || hasBefore ? /*#__PURE__*/ _react.createElement(_Headline.Headline, {
+        className: "vkuiPanelHeaderContent__childrenText",
         Component: "div",
         weight: "2"
     }, children) : /*#__PURE__*/ _react.createElement("div", {
@@ -42,7 +44,7 @@ var PanelHeaderChildren = function(param) {
     }, children);
 };
 var PanelHeaderContent = function(_param) {
-    var className = _param.className, style = _param.style, aside = _param.aside, status = _param.status, before = _param.before, children = _param.children, onClick = _param.onClick, restProps = _objectWithoutProperties(_param, [
+    var className = _param.className, style = _param.style, aside = _param.aside, status = _param.status, before = _param.before, children = _param.children, onClick = _param.onClick, restProps = _object_without_properties._(_param, [
         "className",
         "style",
         "aside",
@@ -51,26 +53,26 @@ var PanelHeaderContent = function(_param) {
         "children",
         "onClick"
     ]);
-    var InComponent = onClick ? _tappable.Tappable : "div";
+    var InComponent = onClick ? _Tappable.Tappable : "div";
     var rootProps = onClick ? {} : restProps;
     var platform = (0, _usePlatform.usePlatform)();
-    var inProps = onClick ? _objectSpreadProps(_objectSpread({}, restProps), {
+    var inProps = onClick ? _object_spread_props._(_object_spread._({}, restProps), {
         onClick: onClick,
         activeEffectDelay: 200,
         hasActive: platform === _platform.Platform.IOS,
         activeMode: "opacity"
     }) : {};
-    return /*#__PURE__*/ _react.createElement("div", _objectSpreadProps(_objectSpread({}, rootProps), {
+    return /*#__PURE__*/ _react.createElement("div", _object_spread_props._(_object_spread._({}, rootProps), {
         style: style,
         className: (0, _vkjs.classNames)("vkuiPanelHeaderContent", platformClassNames.hasOwnProperty(platform) ? platformClassNames[platform] : platformClassNames.android, className)
     }), (0, _vkjs.hasReactNode)(before) && /*#__PURE__*/ _react.createElement("div", {
         className: "vkuiPanelHeaderContent__before"
-    }, before), /*#__PURE__*/ _react.createElement(InComponent, _objectSpreadProps(_objectSpread({}, inProps), {
+    }, before), /*#__PURE__*/ _react.createElement(InComponent, _object_spread_props._(_object_spread._({}, inProps), {
         className: (0, _vkjs.classNames)("vkuiPanelHeaderContent__in", !before && platform !== _platform.Platform.ANDROID && "vkuiPanelHeaderContent__in--centered")
-    }), (0, _vkjs.hasReactNode)(status) && /*#__PURE__*/ _react.createElement(_footnote.Footnote, {
+    }), (0, _vkjs.hasReactNode)(status) && /*#__PURE__*/ _react.createElement(_Footnote.Footnote, {
         className: "vkuiPanelHeaderContent__status"
     }, status), /*#__PURE__*/ _react.createElement("div", {
-        className: (0, _vkjs.classNames)("vkuiInternalPanelHeaderContent__children", "vkuiPanelHeaderContent__children")
+        className: "vkuiPanelHeaderContent__children"
     }, /*#__PURE__*/ _react.createElement(PanelHeaderChildren, {
         hasStatus: (0, _vkjs.hasReactNode)(status),
         hasBefore: (0, _vkjs.hasReactNode)(before)

package/dist/cjs/components/PanelHeaderContent/PanelHeaderContent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelHeaderContent/PanelHeaderContent.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { HasChildren } from '../../types';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Text } from '../Typography/Text/Text';\nimport styles from './PanelHeaderContent.module.css';\n\nconst platformClassNames = {\n  ios: styles['PanelHeaderContent--ios'],\n  android: styles['PanelHeaderContent--android'],\n  vkcom: styles['PanelHeaderContent--vkcom'],\n};\n\nexport interface PanelHeaderContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  aside?: React.ReactNode;\n  before?: React.ReactNode;\n  status?: React.ReactNode;\n}\n\ninterface PanelHeaderChildrenProps extends HasChildren {\n  hasStatus: boolean;\n  hasBefore: boolean;\n}\n\nconst PanelHeaderChildren = ({ hasStatus, hasBefore, children }: PanelHeaderChildrenProps) => {\n  const platform = usePlatform();\n  if (platform === Platform.VKCOM) {\n    return (\n      <Text Component=\"div\" weight=\"2\">\n        {children}\n      </Text>\n    );\n  }\n\n  return hasStatus || hasBefore ? (\n    <Headline Component=\"div\" weight=\"2\">\n      {children}\n    </Headline>\n  ) : (\n    <div className={styles['PanelHeaderContent__children-in']}>{children}</div>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderContent\n */\nexport const PanelHeaderContent = ({\n  className,\n  style,\n  aside,\n  status,\n  before,\n  children,\n  onClick,\n  ...restProps\n}: PanelHeaderContentProps) => {\n  const InComponent = onClick ? Tappable : 'div';\n  const rootProps = onClick ? {} : restProps;\n  const platform = usePlatform();\n  const inProps = onClick\n    ? {\n        ...restProps,\n        onClick,\n        activeEffectDelay: 200,\n        hasActive: platform === Platform.IOS,\n        activeMode: 'opacity',\n      }\n    : {};\n\n  return (\n    <div\n      {...rootProps}\n      style={style}\n      className={classNames(\n        styles['PanelHeaderContent'],\n        platformClassNames.hasOwnProperty(platform)\n          ? platformClassNames[platform]\n          : platformClassNames.android,\n        className,\n      )}\n    >\n      {hasReactNode(before) && <div className={styles['PanelHeaderContent__before']}>{before}</div>}\n      <InComponent\n        {...inProps}\n        className={classNames(\n          styles['PanelHeaderContent__in'],\n          !before && platform !== Platform.ANDROID && styles['PanelHeaderContent__in--centered'],\n        )}\n      >\n        {hasReactNode(status) && (\n          <Footnote className={styles['PanelHeaderContent__status']}>{status}</Footnote>\n        )}\n        <div\n          className={classNames(\n            'vkuiInternalPanelHeaderContent__children',\n            styles['PanelHeaderContent__children'],\n          )}\n        >\n          <PanelHeaderChildren hasStatus={hasReactNode(status)} hasBefore={hasReactNode(before)}>\n            {children}\n          </PanelHeaderChildren>\n          {hasReactNode(aside) && (\n            <div className={styles['PanelHeaderContent__aside']}>{aside}</div>\n          )}\n        </div>\n        {hasReactNode(before) && <div className={styles['PanelHeaderContent__width']} />}\n      </InComponent>\n    </div>\n  );\n};\n"],"names":["PanelHeaderContent","platformClassNames","ios","android","vkcom","PanelHeaderChildren","hasStatus","hasBefore","children","platform","usePlatform","Platform","VKCOM","Text","Component","weight","Headline","div","className","style","aside","status","before","onClick","restProps","InComponent","Tappable","rootProps","inProps","activeEffectDelay","hasActive","IOS","activeMode","classNames","hasOwnProperty","hasReactNode","ANDROID","Footnote"],"mappings":";;;;+BAkDaA;;;eAAAA;;;;;;;2DAlDU;oBACkB;2BACb;wBACH;wBAEA;wBACA;wBACA;oBACJ;AAGrB,IAAMC,qBAAqB;IACzBC,GAAG;IACHC,OAAO;IACPC,KAAK;AACP;AAaA,IAAMC,sBAAsB,gBAAkE;QAA/DC,kBAAAA,WAAWC,kBAAAA,WAAWC,iBAAAA;IACnD,IAAMC,WAAWC,IAAAA,wBAAW;IAC5B,IAAID,aAAaE,kBAAQ,CAACC,KAAK,EAAE;QAC/B,qBACE,qBAACC,UAAI;YAACC,WAAU;YAAMC,QAAO;WAC1BP;IAGP,CAAC;IAED,OAAOF,aAAaC,0BAClB,qBAACS,kBAAQ;QAACF,WAAU;QAAMC,QAAO;OAC9BP,0BAGH,qBAACS;QAAIC,SAAS;OAA8CV,SAC7D;AACH;AAKO,IAAMR,qBAAqB,iBASH;QAR7BkB,mBAAAA,WACAC,eAAAA,OACAC,eAAAA,OACAC,gBAAAA,QACAC,gBAAAA,QACAd,kBAAAA,UACAe,iBAAAA,SACGC;QAPHN;QACAC;QACAC;QACAC;QACAC;QACAd;QACAe;;IAGA,IAAME,cAAcF,UAAUG,kBAAQ,GAAG,KAAK;IAC9C,IAAMC,YAAYJ,UAAU,CAAC,IAAIC,SAAS;IAC1C,IAAMf,WAAWC,IAAAA,wBAAW;IAC5B,IAAMkB,UAAUL,UACZ,qCACKC;QACHD,SAAAA;QACAM,mBAAmB;QACnBC,WAAWrB,aAAaE,kBAAQ,CAACoB,GAAG;QACpCC,YAAY;SAEd,CAAC,CAAC;IAEN,qBACE,qBAACf,4CACKU;QACJR,OAAOA;QACPD,WAAWe,IAAAA,gBAAU,4BAEnBhC,mBAAmBiC,cAAc,CAACzB,YAC9BR,kBAAkB,CAACQ,SAAS,GAC5BR,mBAAmBE,OAAO,EAC9Be;QAGDiB,IAAAA,kBAAY,EAACb,yBAAW,qBAACL;QAAIC,SAAS;OAAyCI,uBAChF,qBAACG,kDACKG;QACJV,WAAWe,IAAAA,gBAAU,gCAEnB,CAACX,UAAUb,aAAaE,kBAAQ,CAACyB,OAAO;QAGzCD,IAAAA,kBAAY,EAACd,yBACZ,qBAACgB,kBAAQ;QAACnB,SAAS;OAAyCG,uBAE9D,qBAACJ;QACCC,WAAWe,IAAAA,gBAAU,EACnB;qBAIF,qBAAC5B;QAAoBC,WAAW6B,IAAAA,kBAAY,EAACd;QAASd,WAAW4B,IAAAA,kBAAY,EAACb;OAC3Ed,WAEF2B,IAAAA,kBAAY,EAACf,wBACZ,qBAACH;QAAIC,SAAS;OAAwCE,SAGzDe,IAAAA,kBAAY,EAACb,yBAAW,qBAACL;QAAIC,SAAS;;AAI/C"}
+{"version":3,"sources":["../../../../src/components/PanelHeaderContent/PanelHeaderContent.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { HasChildren } from '../../types';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Text } from '../Typography/Text/Text';\nimport styles from './PanelHeaderContent.module.css';\n\nconst platformClassNames = {\n  ios: styles['PanelHeaderContent--ios'],\n  android: styles['PanelHeaderContent--android'],\n  vkcom: styles['PanelHeaderContent--vkcom'],\n};\n\nexport interface PanelHeaderContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  aside?: React.ReactNode;\n  before?: React.ReactNode;\n  status?: React.ReactNode;\n}\n\ninterface PanelHeaderChildrenProps extends HasChildren {\n  hasStatus: boolean;\n  hasBefore: boolean;\n}\n\nconst PanelHeaderChildren = ({ hasStatus, hasBefore, children }: PanelHeaderChildrenProps) => {\n  const platform = usePlatform();\n  if (platform === Platform.VKCOM) {\n    return (\n      <Text className={styles['PanelHeaderContent__childrenText']} Component=\"div\" weight=\"2\">\n        {children}\n      </Text>\n    );\n  }\n\n  return hasStatus || hasBefore ? (\n    <Headline className={styles['PanelHeaderContent__childrenText']} Component=\"div\" weight=\"2\">\n      {children}\n    </Headline>\n  ) : (\n    <div className={styles['PanelHeaderContent__children-in']}>{children}</div>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderContent\n */\nexport const PanelHeaderContent = ({\n  className,\n  style,\n  aside,\n  status,\n  before,\n  children,\n  onClick,\n  ...restProps\n}: PanelHeaderContentProps) => {\n  const InComponent = onClick ? Tappable : 'div';\n  const rootProps = onClick ? {} : restProps;\n  const platform = usePlatform();\n  const inProps = onClick\n    ? {\n        ...restProps,\n        onClick,\n        activeEffectDelay: 200,\n        hasActive: platform === Platform.IOS,\n        activeMode: 'opacity',\n      }\n    : {};\n\n  return (\n    <div\n      {...rootProps}\n      style={style}\n      className={classNames(\n        styles['PanelHeaderContent'],\n        platformClassNames.hasOwnProperty(platform)\n          ? platformClassNames[platform]\n          : platformClassNames.android,\n        className,\n      )}\n    >\n      {hasReactNode(before) && <div className={styles['PanelHeaderContent__before']}>{before}</div>}\n      <InComponent\n        {...inProps}\n        className={classNames(\n          styles['PanelHeaderContent__in'],\n          !before && platform !== Platform.ANDROID && styles['PanelHeaderContent__in--centered'],\n        )}\n      >\n        {hasReactNode(status) && (\n          <Footnote className={styles['PanelHeaderContent__status']}>{status}</Footnote>\n        )}\n        <div className={styles['PanelHeaderContent__children']}>\n          <PanelHeaderChildren hasStatus={hasReactNode(status)} hasBefore={hasReactNode(before)}>\n            {children}\n          </PanelHeaderChildren>\n          {hasReactNode(aside) && (\n            <div className={styles['PanelHeaderContent__aside']}>{aside}</div>\n          )}\n        </div>\n        {hasReactNode(before) && <div className={styles['PanelHeaderContent__width']} />}\n      </InComponent>\n    </div>\n  );\n};\n"],"names":["PanelHeaderContent","platformClassNames","ios","android","vkcom","PanelHeaderChildren","hasStatus","hasBefore","children","platform","usePlatform","Platform","VKCOM","Text","className","Component","weight","Headline","div","style","aside","status","before","onClick","restProps","InComponent","Tappable","rootProps","inProps","activeEffectDelay","hasActive","IOS","activeMode","classNames","hasOwnProperty","hasReactNode","ANDROID","Footnote"],"mappings":";;;;+BAkDaA;;;eAAAA;;;;;;;+DAlDU;oBACkB;2BACb;wBACH;wBAEA;wBACA;wBACA;oBACJ;AAGrB,IAAMC,qBAAqB;IACzBC,GAAG;IACHC,OAAO;IACPC,KAAK;AACP;AAaA,IAAMC,sBAAsB;QAAGC,kBAAAA,WAAWC,kBAAAA,WAAWC,iBAAAA;IACnD,IAAMC,WAAWC,IAAAA;IACjB,IAAID,aAAaE,mBAASC,OAAO;QAC/B,qBACE,qBAACC;YAAKC,SAAS;YAA8CC,WAAU;YAAMC,QAAO;WACjFR;IAGP;IAEA,OAAOF,aAAaC,0BAClB,qBAACU;QAASH,SAAS;QAA8CC,WAAU;QAAMC,QAAO;OACrFR,0BAGH,qBAACU;QAAIJ,SAAS;OAA8CN;AAEhE;AAKO,IAAMR,qBAAqB;QAChCc,mBAAAA,WACAK,eAAAA,OACAC,eAAAA,OACAC,gBAAAA,QACAC,gBAAAA,QACAd,kBAAAA,UACAe,iBAAAA,SACGC;QAPHV;QACAK;QACAC;QACAC;QACAC;QACAd;QACAe;;IAGA,IAAME,cAAcF,UAAUG,qBAAW;IACzC,IAAMC,YAAYJ,UAAU,CAAC,IAAIC;IACjC,IAAMf,WAAWC,IAAAA;IACjB,IAAMkB,UAAUL,UACZ,4CACKC;QACHD,SAAAA;QACAM,mBAAmB;QACnBC,WAAWrB,aAAaE,mBAASoB;QACjCC,YAAY;SAEd,CAAC;IAEL,qBACE,qBAACd,mDACKS;QACJR,OAAOA;QACPL,WAAWmB,IAAAA,4CAEThC,mBAAmBiC,eAAezB,YAC9BR,kBAAkB,CAACQ,SAAS,GAC5BR,mBAAmBE,SACvBW;QAGDqB,IAAAA,oBAAab,yBAAW,qBAACJ;QAAIJ,SAAS;OAAyCQ,uBAChF,qBAACG,yDACKG;QACJd,WAAWmB,IAAAA,gDAET,CAACX,UAAUb,aAAaE,mBAASyB;QAGlCD,IAAAA,oBAAad,yBACZ,qBAACgB;QAASvB,SAAS;OAAyCO,uBAE9D,qBAACH;QAAIJ,SAAS;qBACZ,qBAACT;QAAoBC,WAAW6B,IAAAA,oBAAad;QAASd,WAAW4B,IAAAA,oBAAab;OAC3Ed,WAEF2B,IAAAA,oBAAaf,wBACZ,qBAACF;QAAIJ,SAAS;OAAwCM,SAGzDe,IAAAA,oBAAab,yBAAW,qBAACJ;QAAIJ,SAAS;;AAI/C"}

package/dist/cjs/components/PanelHeaderContext/PanelHeaderContext.d.ts

@@ -6,4 +6,4 @@ export interface PanelHeaderContextProps extends React.HTMLAttributes<HTMLDivEle
 /**
  * @see https://vkcom.github.io/VKUI/#/PanelHeaderContext
  */
-export declare const PanelHeaderContext: ({ children, onClose, opened, className, ...restProps }: PanelHeaderContextProps) => JSX.Element;
+export declare const PanelHeaderContext: ({ children, onClose, opened, className, ...restProps }: PanelHeaderContextProps) => React.JSX.Element;

package/dist/cjs/components/PanelHeaderContext/PanelHeaderContext.js

@@ -8,13 +8,13 @@ Object.defineProperty(exports, "PanelHeaderContext", {
         return PanelHeaderContext;
     }
 });
-var _defineProperty = require("@swc/helpers/lib/_define_property.js").default;
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
-var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
-var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
-var _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _define_property = require("@swc/helpers/_/_define_property");
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 var _useAdaptivity = require("../../hooks/useAdaptivity");
 var _useGlobalEventListener = require("../../hooks/useGlobalEventListener");
@@ -24,14 +24,14 @@ var _adaptivity = require("../../lib/adaptivity");
 var _dom = require("../../lib/dom");
 var _platform = require("../../lib/platform");
 var _useIsomorphicLayoutEffect = require("../../lib/useIsomorphicLayoutEffect");
-var _scrollContext = require("../AppRoot/ScrollContext");
-var _fixedLayout = require("../FixedLayout/FixedLayout");
+var _ScrollContext = require("../AppRoot/ScrollContext");
+var _FixedLayout = require("../FixedLayout/FixedLayout");
 var _obj;
 var sizeXClassNames = (_obj = {
     none: "vkuiPanelHeaderContext--sizeX-none"
-}, _defineProperty(_obj, _adaptivity.SizeType.COMPACT, "vkuiPanelHeaderContext--sizeX-compact"), _defineProperty(_obj, _adaptivity.SizeType.REGULAR, "vkuiPanelHeaderContext--sizeX-regular"), _obj);
+}, _define_property._(_obj, _adaptivity.SizeType.COMPACT, "vkuiPanelHeaderContext--sizeX-compact"), _define_property._(_obj, _adaptivity.SizeType.REGULAR, "vkuiPanelHeaderContext--sizeX-regular"), _obj);
 var PanelHeaderContext = function(_param) {
-    var children = _param.children, onClose = _param.onClose, _param_opened = _param.opened, opened = _param_opened === void 0 ? false : _param_opened, className = _param.className, restProps = _objectWithoutProperties(_param, [
+    var children = _param.children, onClose = _param.onClose, _param_opened = _param.opened, opened = _param_opened === void 0 ? false : _param_opened, className = _param.className, restProps = _object_without_properties._(_param, [
         "children",
         "onClose",
         "opened",
@@ -39,7 +39,7 @@ var PanelHeaderContext = function(_param) {
     ]);
     var document = (0, _dom.useDOM)().document;
     var platform = (0, _usePlatform.usePlatform)();
-    var _React_useState = _slicedToArray(_react.useState(opened), 2), visible = _React_useState[0], setVisible = _React_useState[1];
+    var _React_useState = _sliced_to_array._(_react.useState(opened), 2), visible = _React_useState[0], setVisible = _React_useState[1];
     var closing = visible && !opened;
     var _useAdaptivity1 = (0, _useAdaptivity.useAdaptivity)(), _useAdaptivity_sizeX = _useAdaptivity1.sizeX, sizeX = _useAdaptivity_sizeX === void 0 ? "none" : _useAdaptivity_sizeX;
     var elementRef = _react.useRef(null);
@@ -48,7 +48,7 @@ var PanelHeaderContext = function(_param) {
     }, [
         opened
     ]);
-    (0, _scrollContext.useScrollLock)(platform !== _platform.Platform.VKCOM && opened);
+    (0, _ScrollContext.useScrollLock)(platform !== _platform.Platform.VKCOM && opened);
     // start closing on outer click
     (0, _useGlobalEventListener.useGlobalEventListener)(document, "click", opened && !closing && function(event) {
         if (elementRef.current && !elementRef.current.contains(event.target)) {
@@ -69,7 +69,7 @@ var PanelHeaderContext = function(_param) {
         animationFallback,
         closing
     ]);
-    return /*#__PURE__*/ _react.createElement(_fixedLayout.FixedLayout, _objectSpreadProps(_objectSpread({}, restProps), {
+    return /*#__PURE__*/ _react.createElement(_FixedLayout.FixedLayout, _object_spread_props._(_object_spread._({}, restProps), {
         className: (0, _vkjs.classNames)("vkuiPanelHeaderContext", platform === _platform.Platform.IOS && "vkuiPanelHeaderContext--ios", opened && "vkuiPanelHeaderContext--opened", closing && "vkuiPanelHeaderContext--closing", sizeXClassNames[sizeX], className),
         vertical: "top"
     }), visible && /*#__PURE__*/ _react.createElement("div", {

package/dist/cjs/components/PanelHeaderContext/PanelHeaderContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelHeaderContext/PanelHeaderContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { SizeType } from '../../lib/adaptivity';\nimport { useDOM } from '../../lib/dom';\nimport { Platform } from '../../lib/platform';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { FixedLayout } from '../FixedLayout/FixedLayout';\nimport styles from './PanelHeaderContext.module.css';\n\nconst sizeXClassNames = {\n  none: styles['PanelHeaderContext--sizeX-none'],\n  [SizeType.COMPACT]: styles['PanelHeaderContext--sizeX-compact'],\n  [SizeType.REGULAR]: styles['PanelHeaderContext--sizeX-regular'],\n};\n\nexport interface PanelHeaderContextProps extends React.HTMLAttributes<HTMLDivElement> {\n  opened: boolean;\n  onClose: VoidFunction;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderContext\n */\nexport const PanelHeaderContext = ({\n  children,\n  onClose,\n  opened = false,\n  className,\n  ...restProps\n}: PanelHeaderContextProps) => {\n  const { document } = useDOM();\n  const platform = usePlatform();\n  const [visible, setVisible] = React.useState(opened);\n  const closing = visible && !opened;\n  const { sizeX = 'none' } = useAdaptivity();\n  const elementRef = React.useRef<HTMLDivElement>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    opened && setVisible(true);\n  }, [opened]);\n\n  useScrollLock(platform !== Platform.VKCOM && opened);\n\n  // start closing on outer click\n  useGlobalEventListener(\n    document,\n    'click',\n    opened &&\n      !closing &&\n      ((event) => {\n        if (elementRef.current && !elementRef.current.contains(event.target as Node)) {\n          event.stopPropagation();\n          onClose();\n        }\n      }),\n    { capture: true },\n  );\n\n  // fallback onAnimationEnd when animationend not supported\n  const onAnimationEnd = () => setVisible(false);\n  const animationFallback = useTimeout(onAnimationEnd, 200);\n  React.useEffect(\n    () => (closing ? animationFallback.set() : animationFallback.clear()),\n    [animationFallback, closing],\n  );\n\n  return (\n    <FixedLayout\n      {...restProps}\n      className={classNames(\n        styles['PanelHeaderContext'],\n        platform === Platform.IOS && styles['PanelHeaderContext--ios'],\n        opened && styles['PanelHeaderContext--opened'],\n        closing && styles['PanelHeaderContext--closing'],\n        sizeXClassNames[sizeX],\n        className,\n      )}\n      vertical=\"top\"\n    >\n      {visible && (\n        <div\n          onClick={(event) => {\n            event.stopPropagation();\n            onClose();\n          }}\n          className={styles['PanelHeaderContext__fade']}\n        />\n      )}\n      <div\n        className={styles['PanelHeaderContext__in']}\n        ref={elementRef}\n        onAnimationEnd={closing ? onAnimationEnd : undefined}\n      >\n        {visible && <div className={styles['PanelHeaderContext__content']}>{children}</div>}\n      </div>\n    </FixedLayout>\n  );\n};\n"],"names":["PanelHeaderContext","sizeXClassNames","none","SizeType","COMPACT","REGULAR","children","onClose","opened","className","restProps","document","useDOM","platform","usePlatform","React","useState","visible","setVisible","closing","useAdaptivity","sizeX","elementRef","useRef","useIsomorphicLayoutEffect","useScrollLock","Platform","VKCOM","useGlobalEventListener","event","current","contains","target","stopPropagation","capture","onAnimationEnd","animationFallback","useTimeout","useEffect","set","clear","FixedLayout","classNames","IOS","vertical","div","onClick","ref","undefined"],"mappings":";;;;+BA4BaA;;;eAAAA;;;;;;;;;2DA5BU;oBACI;6BACG;sCACS;2BACX;0BACD;0BACF;mBACF;wBACE;yCACiB;6BACZ;2BACF;IAGJ;AAAxB,IAAMC,mBAAkB;IACtBC,IAAI;mBADkB,MAErBC,oBAAQ,CAACC,OAAO,4DAFK,MAGrBD,oBAAQ,CAACE,OAAO,4CAHK;AAcjB,IAAML,qBAAqB,iBAMH;QAL7BM,kBAAAA,UACAC,iBAAAA,gCACAC,QAAAA,oCAAS,KAAK,kBACdC,mBAAAA,WACGC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,IAAM,AAAEE,WAAaC,IAAAA,WAAM,IAAnBD;IACR,IAAME,WAAWC,IAAAA,wBAAW;IAC5B,IAA8BC,iCAAAA,OAAMC,QAAQ,CAACR,aAAtCS,UAAuBF,oBAAdG,aAAcH;IAC9B,IAAMI,UAAUF,WAAW,CAACT;IAC5B,IAA2BY,kBAAAA,IAAAA,4BAAa,4BAAbA,gBAAnBC,OAAAA,0CAAQ;IAChB,IAAMC,aAAaP,OAAMQ,MAAM,CAAiB,IAAI;IAEpDC,IAAAA,oDAAyB,EAAC,WAAM;QAC9BhB,UAAUU,WAAW,IAAI;IAC3B,GAAG;QAACV;KAAO;IAEXiB,IAAAA,4BAAa,EAACZ,aAAaa,kBAAQ,CAACC,KAAK,IAAInB;IAE7C,+BAA+B;IAC/BoB,IAAAA,8CAAsB,EACpBjB,UACA,SACAH,UACE,CAACW,WACA,SAACU,OAAU;QACV,IAAIP,WAAWQ,OAAO,IAAI,CAACR,WAAWQ,OAAO,CAACC,QAAQ,CAACF,MAAMG,MAAM,GAAW;YAC5EH,MAAMI,eAAe;YACrB1B;QACF,CAAC;IACH,GACF;QAAE2B,SAAS,IAAI;IAAC;IAGlB,0DAA0D;IAC1D,IAAMC,iBAAiB;eAAMjB,WAAW,KAAK;;IAC7C,IAAMkB,oBAAoBC,IAAAA,sBAAU,EAACF,gBAAgB;IACrDpB,OAAMuB,SAAS,CACb;eAAOnB,UAAUiB,kBAAkBG,GAAG,KAAKH,kBAAkBI,KAAK,EAAE;OACpE;QAACJ;QAAmBjB;KAAQ;IAG9B,qBACE,qBAACsB,wBAAW,uCACN/B;QACJD,WAAWiC,IAAAA,gBAAU,4BAEnB7B,aAAaa,kBAAQ,CAACiB,GAAG,mCACzBnC,4CACAW,8CACAlB,eAAe,CAACoB,MAAM,EACtBZ;QAEFmC,UAAS;QAER3B,yBACC,qBAAC4B;QACCC,SAAS,SAACjB,OAAU;YAClBA,MAAMI,eAAe;YACrB1B;QACF;QACAE,SAAS;sBAGb,qBAACoC;QACCpC,SAAS;QACTsC,KAAKzB;QACLa,gBAAgBhB,UAAUgB,iBAAiBa,SAAS;OAEnD/B,yBAAW,qBAAC4B;QAAIpC,SAAS;OAA0CH;AAI5E"}
+{"version":3,"sources":["../../../../src/components/PanelHeaderContext/PanelHeaderContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { SizeType } from '../../lib/adaptivity';\nimport { useDOM } from '../../lib/dom';\nimport { Platform } from '../../lib/platform';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { FixedLayout } from '../FixedLayout/FixedLayout';\nimport styles from './PanelHeaderContext.module.css';\n\nconst sizeXClassNames = {\n  none: styles['PanelHeaderContext--sizeX-none'],\n  [SizeType.COMPACT]: styles['PanelHeaderContext--sizeX-compact'],\n  [SizeType.REGULAR]: styles['PanelHeaderContext--sizeX-regular'],\n};\n\nexport interface PanelHeaderContextProps extends React.HTMLAttributes<HTMLDivElement> {\n  opened: boolean;\n  onClose: VoidFunction;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderContext\n */\nexport const PanelHeaderContext = ({\n  children,\n  onClose,\n  opened = false,\n  className,\n  ...restProps\n}: PanelHeaderContextProps) => {\n  const { document } = useDOM();\n  const platform = usePlatform();\n  const [visible, setVisible] = React.useState(opened);\n  const closing = visible && !opened;\n  const { sizeX = 'none' } = useAdaptivity();\n  const elementRef = React.useRef<HTMLDivElement>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    opened && setVisible(true);\n  }, [opened]);\n\n  useScrollLock(platform !== Platform.VKCOM && opened);\n\n  // start closing on outer click\n  useGlobalEventListener(\n    document,\n    'click',\n    opened &&\n      !closing &&\n      ((event) => {\n        if (elementRef.current && !elementRef.current.contains(event.target as Node)) {\n          event.stopPropagation();\n          onClose();\n        }\n      }),\n    { capture: true },\n  );\n\n  // fallback onAnimationEnd when animationend not supported\n  const onAnimationEnd = () => setVisible(false);\n  const animationFallback = useTimeout(onAnimationEnd, 200);\n  React.useEffect(\n    () => (closing ? animationFallback.set() : animationFallback.clear()),\n    [animationFallback, closing],\n  );\n\n  return (\n    <FixedLayout\n      {...restProps}\n      className={classNames(\n        styles['PanelHeaderContext'],\n        platform === Platform.IOS && styles['PanelHeaderContext--ios'],\n        opened && styles['PanelHeaderContext--opened'],\n        closing && styles['PanelHeaderContext--closing'],\n        sizeXClassNames[sizeX],\n        className,\n      )}\n      vertical=\"top\"\n    >\n      {visible && (\n        <div\n          onClick={(event) => {\n            event.stopPropagation();\n            onClose();\n          }}\n          className={styles['PanelHeaderContext__fade']}\n        />\n      )}\n      <div\n        className={styles['PanelHeaderContext__in']}\n        ref={elementRef}\n        onAnimationEnd={closing ? onAnimationEnd : undefined}\n      >\n        {visible && <div className={styles['PanelHeaderContext__content']}>{children}</div>}\n      </div>\n    </FixedLayout>\n  );\n};\n"],"names":["PanelHeaderContext","sizeXClassNames","none","SizeType","COMPACT","REGULAR","children","onClose","opened","className","restProps","document","useDOM","platform","usePlatform","React","useState","visible","setVisible","closing","useAdaptivity","sizeX","elementRef","useRef","useIsomorphicLayoutEffect","useScrollLock","Platform","VKCOM","useGlobalEventListener","event","current","contains","target","stopPropagation","capture","onAnimationEnd","animationFallback","useTimeout","useEffect","set","clear","FixedLayout","classNames","IOS","vertical","div","onClick","ref","undefined"],"mappings":";;;;+BA4BaA;;;eAAAA;;;;;;;;;+DA5BU;oBACI;6BACG;sCACS;2BACX;0BACD;0BACF;mBACF;wBACE;yCACiB;6BACZ;2BACF;IAGJ;AAAxB,IAAMC,mBAAkB;IACtBC,IAAI;sBADkB,MAErBC,qBAASC,sEAFY,MAGrBD,qBAASE,mDAHY;AAcjB,IAAML,qBAAqB;QAChCM,kBAAAA,UACAC,iBAAAA,gCACAC,QAAAA,oCAAS,uBACTC,mBAAAA,WACGC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,IAAM,AAAEE,WAAaC,IAAAA,eAAbD;IACR,IAAME,WAAWC,IAAAA;IACjB,IAA8BC,qCAAAA,OAAMC,SAASR,aAAtCS,UAAuBF,oBAAdG,aAAcH;IAC9B,IAAMI,UAAUF,WAAW,CAACT;IAC5B,IAA2BY,kBAAAA,IAAAA,wDAAAA,gBAAnBC,OAAAA,0CAAQ;IAChB,IAAMC,aAAaP,OAAMQ,OAAuB;IAEhDC,IAAAA,sDAA0B;QACxBhB,UAAUU,WAAW;IACvB,GAAG;QAACV;KAAO;IAEXiB,IAAAA,8BAAcZ,aAAaa,mBAASC,SAASnB;IAE7C,+BAA+B;IAC/BoB,IAAAA,gDACEjB,UACA,SACAH,UACE,CAACW,WACA,SAACU;QACA,IAAIP,WAAWQ,WAAW,CAACR,WAAWQ,QAAQC,SAASF,MAAMG,SAAiB;YAC5EH,MAAMI;YACN1B;QACF;IACF,GACF;QAAE2B,SAAS;IAAK;IAGlB,0DAA0D;IAC1D,IAAMC,iBAAiB;eAAMjB,WAAW;;IACxC,IAAMkB,oBAAoBC,IAAAA,wBAAWF,gBAAgB;IACrDpB,OAAMuB,UACJ;eAAOnB,UAAUiB,kBAAkBG,QAAQH,kBAAkBI;OAC7D;QAACJ;QAAmBjB;KAAQ;IAG9B,qBACE,qBAACsB,sEACK/B;QACJD,WAAWiC,IAAAA,4CAET7B,aAAaa,mBAASiB,sCACtBnC,4CACAW,8CACAlB,eAAe,CAACoB,MAAM,EACtBZ;QAEFmC,UAAS;QAER3B,yBACC,qBAAC4B;QACCC,SAAS,SAACjB;YACRA,MAAMI;YACN1B;QACF;QACAE,SAAS;sBAGb,qBAACoC;QACCpC,SAAS;QACTsC,KAAKzB;QACLa,gBAAgBhB,UAAUgB,iBAAiBa;OAE1C/B,yBAAW,qBAAC4B;QAAIpC,SAAS;OAA0CH;AAI5E"}

package/dist/cjs/components/PanelHeaderEdit/PanelHeaderEdit.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { PanelHeaderButtonProps } from '../PanelHeaderButton/PanelHeaderButton';
 export interface PanelHeaderEditProps extends PanelHeaderButtonProps {
     /**
@@ -17,4 +17,4 @@ export interface PanelHeaderEditProps extends PanelHeaderButtonProps {
 /**
  * @see https://vkcom.github.io/VKUI/#/PanelHeaderEdit
  */
-export declare const PanelHeaderEdit: ({ isActive, editLabel, doneLabel, ...restProps }: PanelHeaderEditProps) => JSX.Element;
+export declare const PanelHeaderEdit: ({ isActive, editLabel, doneLabel, ...restProps }: PanelHeaderEditProps) => React.JSX.Element;

package/dist/cjs/components/PanelHeaderEdit/PanelHeaderEdit.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "PanelHeaderEdit", {
         return PanelHeaderEdit;
     }
 });
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
-var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _icons = require("@vkontakte/icons");
 var _usePlatform = require("../../hooks/usePlatform");
 var _platform = require("../../lib/platform");
-var _panelHeaderButton = require("../PanelHeaderButton/PanelHeaderButton");
+var _PanelHeaderButton = require("../PanelHeaderButton/PanelHeaderButton");
 var PanelHeaderEdit = function(_param) {
-    var _param_isActive = _param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_editLabel = _param.editLabel, editLabel = _param_editLabel === void 0 ? "Редактировать" : _param_editLabel, _param_doneLabel = _param.doneLabel, doneLabel = _param_doneLabel === void 0 ? "Готово" : _param_doneLabel, restProps = _objectWithoutProperties(_param, [
+    var _param_isActive = _param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_editLabel = _param.editLabel, editLabel = _param_editLabel === void 0 ? "Редактировать" : _param_editLabel, _param_doneLabel = _param.doneLabel, doneLabel = _param_doneLabel === void 0 ? "Готово" : _param_doneLabel, restProps = _object_without_properties._(_param, [
         "isActive",
         "editLabel",
         "doneLabel"
@@ -25,7 +25,7 @@ var PanelHeaderEdit = function(_param) {
     var iOSText = isActive ? doneLabel : editLabel;
     var AndroidIcon = isActive ? _icons.Icon28DoneOutline : _icons.Icon28EditOutline;
     var platform = (0, _usePlatform.usePlatform)();
-    return /*#__PURE__*/ _react.createElement(_panelHeaderButton.PanelHeaderButton, _objectSpread({
+    return /*#__PURE__*/ _react.createElement(_PanelHeaderButton.PanelHeaderButton, _object_spread._({
         "aria-label": iOSText
     }, restProps), platform === _platform.Platform.IOS ? iOSText : /*#__PURE__*/ _react.createElement(AndroidIcon, null));
 };

package/dist/cjs/components/PanelHeaderEdit/PanelHeaderEdit.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelHeaderEdit/PanelHeaderEdit.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon28DoneOutline, Icon28EditOutline } from '@vkontakte/icons';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { PanelHeaderButton, PanelHeaderButtonProps } from '../PanelHeaderButton/PanelHeaderButton';\n\nexport interface PanelHeaderEditProps extends PanelHeaderButtonProps {\n  /**\n   * Включен ли режим редактирования\n   */\n  isActive?: boolean;\n  /**\n   * iOS only. Текст кнопки, когда режим редактирования не активен\n   */\n  editLabel?: string;\n  /**\n   * iOS only. Текст кнопки при активном режиме редактирования для выхода из него\n   */\n  doneLabel?: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderEdit\n */\nexport const PanelHeaderEdit = ({\n  isActive = false,\n  editLabel = 'Редактировать',\n  doneLabel = 'Готово',\n  ...restProps\n}: PanelHeaderEditProps) => {\n  const iOSText = isActive ? doneLabel : editLabel;\n  const AndroidIcon = isActive ? Icon28DoneOutline : Icon28EditOutline;\n  const platform = usePlatform();\n\n  return (\n    <PanelHeaderButton aria-label={iOSText} {...restProps}>\n      {platform === Platform.IOS ? iOSText : <AndroidIcon />}\n    </PanelHeaderButton>\n  );\n};\n"],"names":["PanelHeaderEdit","isActive","editLabel","doneLabel","restProps","iOSText","AndroidIcon","Icon28DoneOutline","Icon28EditOutline","platform","usePlatform","PanelHeaderButton","aria-label","Platform","IOS"],"mappings":";;;;+BAwBaA;;;eAAAA;;;;;;2DAxBU;qBAC8B;2BACzB;wBACH;iCACiC;AAoBnD,IAAMA,kBAAkB,iBAKH;iCAJ1BC,UAAAA,wCAAW,KAAK,8CAChBC,WAAAA,0CAAY,8DACZC,WAAAA,0CAAY,6BACTC;QAHHH;QACAC;QACAC;;IAGA,IAAME,UAAUJ,WAAWE,YAAYD,SAAS;IAChD,IAAMI,cAAcL,WAAWM,wBAAiB,GAAGC,wBAAiB;IACpE,IAAMC,WAAWC,IAAAA,wBAAW;IAE5B,qBACE,qBAACC,oCAAiB;QAACC,cAAYP;OAAaD,YACzCK,aAAaI,kBAAQ,CAACC,GAAG,GAAGT,wBAAU,qBAACC,kBAAc;AAG5D"}
+{"version":3,"sources":["../../../../src/components/PanelHeaderEdit/PanelHeaderEdit.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon28DoneOutline, Icon28EditOutline } from '@vkontakte/icons';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { PanelHeaderButton, PanelHeaderButtonProps } from '../PanelHeaderButton/PanelHeaderButton';\n\nexport interface PanelHeaderEditProps extends PanelHeaderButtonProps {\n  /**\n   * Включен ли режим редактирования\n   */\n  isActive?: boolean;\n  /**\n   * iOS only. Текст кнопки, когда режим редактирования не активен\n   */\n  editLabel?: string;\n  /**\n   * iOS only. Текст кнопки при активном режиме редактирования для выхода из него\n   */\n  doneLabel?: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderEdit\n */\nexport const PanelHeaderEdit = ({\n  isActive = false,\n  editLabel = 'Редактировать',\n  doneLabel = 'Готово',\n  ...restProps\n}: PanelHeaderEditProps) => {\n  const iOSText = isActive ? doneLabel : editLabel;\n  const AndroidIcon = isActive ? Icon28DoneOutline : Icon28EditOutline;\n  const platform = usePlatform();\n\n  return (\n    <PanelHeaderButton aria-label={iOSText} {...restProps}>\n      {platform === Platform.IOS ? iOSText : <AndroidIcon />}\n    </PanelHeaderButton>\n  );\n};\n"],"names":["PanelHeaderEdit","isActive","editLabel","doneLabel","restProps","iOSText","AndroidIcon","Icon28DoneOutline","Icon28EditOutline","platform","usePlatform","PanelHeaderButton","aria-label","Platform","IOS"],"mappings":";;;;+BAwBaA;;;eAAAA;;;;;;+DAxBU;qBAC8B;2BACzB;wBACH;iCACiC;AAoBnD,IAAMA,kBAAkB;iCAC7BC,UAAAA,wCAAW,mDACXC,WAAAA,0CAAY,8DACZC,WAAAA,0CAAY,6BACTC;QAHHH;QACAC;QACAC;;IAGA,IAAME,UAAUJ,WAAWE,YAAYD;IACvC,IAAMI,cAAcL,WAAWM,2BAAoBC;IACnD,IAAMC,WAAWC,IAAAA;IAEjB,qBACE,qBAACC;QAAkBC,cAAYP;OAAaD,YACzCK,aAAaI,mBAASC,MAAMT,wBAAU,qBAACC;AAG9C"}

package/dist/cjs/components/PanelHeaderSubmit/PanelHeaderSubmit.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { PanelHeaderButtonProps } from '../PanelHeaderButton/PanelHeaderButton';
 /**
  * @see https://vkcom.github.io/VKUI/#/PanelHeaderSubmit
  */
-export declare const PanelHeaderSubmit: ({ children, ...restProps }: PanelHeaderButtonProps) => JSX.Element;
+export declare const PanelHeaderSubmit: ({ children, ...restProps }: PanelHeaderButtonProps) => React.JSX.Element;

package/dist/cjs/components/PanelHeaderSubmit/PanelHeaderSubmit.js

@@ -8,21 +8,21 @@ Object.defineProperty(exports, "PanelHeaderSubmit", {
         return PanelHeaderSubmit;
     }
 });
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
-var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _icons = require("@vkontakte/icons");
 var _usePlatform = require("../../hooks/usePlatform");
 var _platform = require("../../lib/platform");
 var _utils = require("../../lib/utils");
-var _panelHeaderButton = require("../PanelHeaderButton/PanelHeaderButton");
+var _PanelHeaderButton = require("../PanelHeaderButton/PanelHeaderButton");
 var PanelHeaderSubmit = function(_param) {
-    var _param_children = _param.children, children = _param_children === void 0 ? "Готово" : _param_children, restProps = _objectWithoutProperties(_param, [
+    var _param_children = _param.children, children = _param_children === void 0 ? "Готово" : _param_children, restProps = _object_without_properties._(_param, [
         "children"
     ]);
     var platform = (0, _usePlatform.usePlatform)();
-    return /*#__PURE__*/ _react.createElement(_panelHeaderButton.PanelHeaderButton, _objectSpread({
+    return /*#__PURE__*/ _react.createElement(_PanelHeaderButton.PanelHeaderButton, _object_spread._({
         "aria-label": (0, _utils.getTitleFromChildren)(children),
         primary: true
     }, restProps), platform === _platform.Platform.IOS ? children : /*#__PURE__*/ _react.createElement(_icons.Icon28DoneOutline, null));

package/dist/cjs/components/PanelHeaderSubmit/PanelHeaderSubmit.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelHeaderSubmit/PanelHeaderSubmit.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon28DoneOutline } from '@vkontakte/icons';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { getTitleFromChildren } from '../../lib/utils';\nimport { PanelHeaderButton, PanelHeaderButtonProps } from '../PanelHeaderButton/PanelHeaderButton';\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderSubmit\n */\nexport const PanelHeaderSubmit = ({\n  children = 'Готово',\n  ...restProps\n}: PanelHeaderButtonProps) => {\n  const platform = usePlatform();\n\n  return (\n    <PanelHeaderButton aria-label={getTitleFromChildren(children)} primary {...restProps}>\n      {platform === Platform.IOS ? children : <Icon28DoneOutline />}\n    </PanelHeaderButton>\n  );\n};\n"],"names":["PanelHeaderSubmit","children","restProps","platform","usePlatform","PanelHeaderButton","aria-label","getTitleFromChildren","primary","Platform","IOS","Icon28DoneOutline"],"mappings":";;;;+BAUaA;;;eAAAA;;;;;;2DAVU;qBACW;2BACN;wBACH;qBACY;iCACqB;AAKnD,IAAMA,oBAAoB,iBAGH;iCAF5BC,UAAAA,wCAAW,4BACRC;QADHD;;IAGA,IAAME,WAAWC,IAAAA,wBAAW;IAE5B,qBACE,qBAACC,oCAAiB;QAACC,cAAYC,IAAAA,2BAAoB,EAACN;QAAWO,SAAAA,IAAO;OAAKN,YACxEC,aAAaM,kBAAQ,CAACC,GAAG,GAAGT,yBAAW,qBAACU,wBAAiB,OAAG;AAGnE"}
+{"version":3,"sources":["../../../../src/components/PanelHeaderSubmit/PanelHeaderSubmit.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon28DoneOutline } from '@vkontakte/icons';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { getTitleFromChildren } from '../../lib/utils';\nimport { PanelHeaderButton, PanelHeaderButtonProps } from '../PanelHeaderButton/PanelHeaderButton';\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderSubmit\n */\nexport const PanelHeaderSubmit = ({\n  children = 'Готово',\n  ...restProps\n}: PanelHeaderButtonProps) => {\n  const platform = usePlatform();\n\n  return (\n    <PanelHeaderButton aria-label={getTitleFromChildren(children)} primary {...restProps}>\n      {platform === Platform.IOS ? children : <Icon28DoneOutline />}\n    </PanelHeaderButton>\n  );\n};\n"],"names":["PanelHeaderSubmit","children","restProps","platform","usePlatform","PanelHeaderButton","aria-label","getTitleFromChildren","primary","Platform","IOS","Icon28DoneOutline"],"mappings":";;;;+BAUaA;;;eAAAA;;;;;;+DAVU;qBACW;2BACN;wBACH;qBACY;iCACqB;AAKnD,IAAMA,oBAAoB;iCAC/BC,UAAAA,wCAAW,4BACRC;QADHD;;IAGA,IAAME,WAAWC,IAAAA;IAEjB,qBACE,qBAACC;QAAkBC,cAAYC,IAAAA,6BAAqBN;QAAWO,SAAAA;OAAYN,YACxEC,aAAaM,mBAASC,MAAMT,yBAAW,qBAACU;AAG/C"}

package/dist/cjs/components/PanelSpinner/PanelSpinner.d.ts

@@ -6,4 +6,4 @@ export interface PanelSpinnerProps extends SpinnerProps {
 /**
  * @see https://vkcom.github.io/VKUI/#/PanelSpinner
  */
-export declare const PanelSpinner: React.MemoExoticComponent<({ height, style, ...restProps }: PanelSpinnerProps) => JSX.Element>;
+export declare const PanelSpinner: React.MemoExoticComponent<({ height, style, ...restProps }: PanelSpinnerProps) => React.JSX.Element>;

package/dist/cjs/components/PanelSpinner/PanelSpinner.js

@@ -8,21 +8,21 @@ Object.defineProperty(exports, "PanelSpinner", {
         return PanelSpinner;
     }
 });
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
-var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
-var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-var _spinner = require("../Spinner/Spinner");
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+var _Spinner = require("../Spinner/Spinner");
 var PanelSpinner = /*#__PURE__*/ _react.memo(function(_param) /*#__PURE__*/ {
-    var _param_height = _param.height, height = _param_height === void 0 ? 96 : _param_height, style = _param.style, restProps = _objectWithoutProperties(_param, [
+    var _param_height = _param.height, height = _param_height === void 0 ? 96 : _param_height, style = _param.style, restProps = _object_without_properties._(_param, [
         "height",
         "style"
     ]);
-    return _react.createElement(_spinner.Spinner, _objectSpreadProps(_objectSpread({
+    return _react.createElement(_Spinner.Spinner, _object_spread_props._(_object_spread._({
         size: "regular"
     }, restProps), {
-        style: _objectSpread({
+        style: _object_spread._({
             height: height
         }, style)
     }));

package/dist/cjs/components/PanelSpinner/PanelSpinner.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelSpinner/PanelSpinner.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Spinner, SpinnerProps } from '../Spinner/Spinner';\n\nexport interface PanelSpinnerProps extends SpinnerProps {\n  height?: number;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelSpinner\n */\nexport const PanelSpinner = React.memo(\n  ({ height = 96, style, ...restProps }: PanelSpinnerProps) => (\n    <Spinner size=\"regular\" {...restProps} style={{ height, ...style }} />\n  ),\n);\n\nPanelSpinner.displayName = 'PanelSpinner';\n"],"names":["PanelSpinner","React","memo","height","style","restProps","Spinner","size","displayName"],"mappings":";;;;+BAUaA;;;eAAAA;;;;;;;2DAVU;uBACe;AAS/B,IAAMA,6BAAeC,OAAMC,IAAI,CACpC,+BACE;+BADCC,QAAAA,oCAAS,oBAAIC,eAAAA,OAAUC;QAAvBF;QAAaC;;WACd,qBAACE,gBAAO;QAACC,MAAK;OAAcF;QAAWD,OAAO;YAAED,QAAAA;WAAWC;;AAAU;AAIzEJ,aAAaQ,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/PanelSpinner/PanelSpinner.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Spinner, SpinnerProps } from '../Spinner/Spinner';\n\nexport interface PanelSpinnerProps extends SpinnerProps {\n  height?: number;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelSpinner\n */\nexport const PanelSpinner = React.memo(\n  ({ height = 96, style, ...restProps }: PanelSpinnerProps) => (\n    <Spinner size=\"regular\" {...restProps} style={{ height, ...style }} />\n  ),\n);\n\nPanelSpinner.displayName = 'PanelSpinner';\n"],"names":["PanelSpinner","React","memo","height","style","restProps","Spinner","size","displayName"],"mappings":";;;;+BAUaA;;;eAAAA;;;;;;;+DAVU;uBACe;AAS/B,IAAMA,6BAAeC,OAAMC,KAChC;+BAAGC,QAAAA,oCAAS,oBAAIC,eAAAA,OAAUC;QAAvBF;QAAaC;;WACd,qBAACE;QAAQC,MAAK;OAAcF;QAAWD,OAAO;YAAED,QAAAA;WAAWC;;AAAU;AAIzEJ,aAAaQ,cAAc"}

package/dist/cjs/components/Placeholder/Placeholder.d.ts

@@ -17,8 +17,12 @@ export interface PlaceholderProps extends React.HTMLAttributes<HTMLDivElement>,
      * Растягивает плейсхолдер на весь экран, но в таком случае на экране должен быть только плейсхолдер
      */
     stretched?: boolean;
+    /**
+     * Добавляет отступы к компоненту
+     */
+    withPadding?: boolean;
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/Placeholder
  */
-export declare const Placeholder: ({ icon, header, action, children, stretched, getRootRef, className, ...restProps }: PlaceholderProps) => JSX.Element;
+export declare const Placeholder: ({ icon, header, action, children, stretched, getRootRef, className, withPadding, ...restProps }: PlaceholderProps) => React.JSX.Element;

package/dist/cjs/components/Placeholder/Placeholder.js

@@ -8,41 +8,40 @@ Object.defineProperty(exports, "Placeholder", {
         return Placeholder;
     }
 });
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
-var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
-var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
-var _headline = require("../Typography/Headline/Headline");
-var _title = require("../Typography/Title/Title");
+var _Headline = require("../Typography/Headline/Headline");
+var _Title = require("../Typography/Title/Title");
 var Placeholder = function(_param) /*#__PURE__*/ {
-    var icon = _param.icon, header = _param.header, action = _param.action, children = _param.children, stretched = _param.stretched, getRootRef = _param.getRootRef, className = _param.className, restProps = _objectWithoutProperties(_param, [
+    var icon = _param.icon, header = _param.header, action = _param.action, children = _param.children, stretched = _param.stretched, getRootRef = _param.getRootRef, className = _param.className, _param_withPadding = _param.withPadding, withPadding = _param_withPadding === void 0 ? true : _param_withPadding, restProps = _object_without_properties._(_param, [
         "icon",
         "header",
         "action",
         "children",
         "stretched",
         "getRootRef",
-        "className"
+        "className",
+        "withPadding"
     ]);
-    return _react.createElement("div", _objectSpreadProps(_objectSpread({}, restProps), {
+    return _react.createElement("div", _object_spread_props._(_object_spread._({}, restProps), {
         ref: getRootRef,
-        className: (0, _vkjs.classNames)("vkuiPlaceholder", stretched && "vkuiPlaceholder--stretched", className)
-    }), /*#__PURE__*/ _react.createElement("div", {
-        className: "vkuiPlaceholder__in"
-    }, (0, _vkjs.hasReactNode)(icon) && /*#__PURE__*/ _react.createElement("div", {
+        className: (0, _vkjs.classNames)("vkuiPlaceholder", stretched && "vkuiPlaceholder--stretched", withPadding && "vkuiPlaceholder--withPadding", className)
+    }), (0, _vkjs.hasReactNode)(icon) && /*#__PURE__*/ _react.createElement("div", {
         className: "vkuiPlaceholder__icon"
-    }, icon), (0, _vkjs.hasReactNode)(header) && /*#__PURE__*/ _react.createElement(_title.Title, {
+    }, icon), (0, _vkjs.hasReactNode)(header) && /*#__PURE__*/ _react.createElement(_Title.Title, {
         level: "2",
         weight: "2",
         className: "vkuiPlaceholder__header"
-    }, header), (0, _vkjs.hasReactNode)(children) && /*#__PURE__*/ _react.createElement(_headline.Headline, {
+    }, header), (0, _vkjs.hasReactNode)(children) && /*#__PURE__*/ _react.createElement(_Headline.Headline, {
         weight: "3",
         className: "vkuiPlaceholder__text"
     }, children), (0, _vkjs.hasReactNode)(action) && /*#__PURE__*/ _react.createElement("div", {
         className: "vkuiPlaceholder__action"
-    }, action)));
+    }, action));
 };
 
 //# sourceMappingURL=Placeholder.js.map

package/dist/cjs/components/Placeholder/Placeholder.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Placeholder/Placeholder.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { HasRootRef } from '../../types';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Title } from '../Typography/Title/Title';\nimport styles from './Placeholder.module.css';\n\nexport interface PlaceholderProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * Иконка\n   */\n  icon?: React.ReactNode;\n  /**\n   * Заголовок плейсхолдера\n   */\n  header?: React.ReactNode;\n  /**\n   * Кнопка действия\n   */\n  action?: React.ReactNode;\n  /**\n   * Растягивает плейсхолдер на весь экран, но в таком случае на экране должен быть только плейсхолдер\n   */\n  stretched?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Placeholder\n */\nexport const Placeholder = ({\n  icon,\n  header,\n  action,\n  children,\n  stretched,\n  getRootRef,\n  className,\n  ...restProps\n}: PlaceholderProps) => (\n  <div\n    {...restProps}\n    ref={getRootRef}\n    className={classNames(\n      styles['Placeholder'],\n      stretched && styles['Placeholder--stretched'],\n      className,\n    )}\n  >\n    <div className={styles['Placeholder__in']}>\n      {hasReactNode(icon) && <div className={styles['Placeholder__icon']}>{icon}</div>}\n      {hasReactNode(header) && (\n        <Title level=\"2\" weight=\"2\" className={styles['Placeholder__header']}>\n          {header}\n        </Title>\n      )}\n      {hasReactNode(children) && (\n        <Headline weight=\"3\" className={styles['Placeholder__text']}>\n          {children}\n        </Headline>\n      )}\n      {hasReactNode(action) && <div className={styles['Placeholder__action']}>{action}</div>}\n    </div>\n  </div>\n);\n"],"names":["Placeholder","icon","header","action","children","stretched","getRootRef","className","restProps","div","ref","classNames","hasReactNode","Title","level","weight","Headline"],"mappings":";;;;+BA+BaA;;;eAAAA;;;;;;;2DA/BU;oBACkB;wBAEhB;qBACH;AA2Bf,IAAMA,cAAc,+BAUzB;QATAC,cAAAA,MACAC,gBAAAA,QACAC,gBAAAA,QACAC,kBAAAA,UACAC,mBAAAA,WACAC,oBAAAA,YACAC,mBAAAA,WACGC;QAPHP;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;WAGA,qBAACE,4CACKD;QACJE,KAAKJ;QACLC,WAAWI,IAAAA,gBAAU,qBAEnBN,2CACAE;sBAGF,qBAACE;QAAIF,SAAS;OACXK,IAAAA,kBAAY,EAACX,uBAAS,qBAACQ;QAAIF,SAAS;OAAgCN,OACpEW,IAAAA,kBAAY,EAACV,yBACZ,qBAACW,YAAK;QAACC,OAAM;QAAIC,QAAO;QAAIR,SAAS;OAClCL,SAGJU,IAAAA,kBAAY,EAACR,2BACZ,qBAACY,kBAAQ;QAACD,QAAO;QAAIR,SAAS;OAC3BH,WAGJQ,IAAAA,kBAAY,EAACT,yBAAW,qBAACM;QAAIF,SAAS;OAAkCJ;AAExE"}
+{"version":3,"sources":["../../../../src/components/Placeholder/Placeholder.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { HasRootRef } from '../../types';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Title } from '../Typography/Title/Title';\nimport styles from './Placeholder.module.css';\n\nexport interface PlaceholderProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * Иконка\n   */\n  icon?: React.ReactNode;\n  /**\n   * Заголовок плейсхолдера\n   */\n  header?: React.ReactNode;\n  /**\n   * Кнопка действия\n   */\n  action?: React.ReactNode;\n  /**\n   * Растягивает плейсхолдер на весь экран, но в таком случае на экране должен быть только плейсхолдер\n   */\n  stretched?: boolean;\n  /**\n   * Добавляет отступы к компоненту\n   */\n  withPadding?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Placeholder\n */\nexport const Placeholder = ({\n  icon,\n  header,\n  action,\n  children,\n  stretched,\n  getRootRef,\n  className,\n  withPadding = true,\n  ...restProps\n}: PlaceholderProps) => (\n  <div\n    {...restProps}\n    ref={getRootRef}\n    className={classNames(\n      styles['Placeholder'],\n      stretched && styles['Placeholder--stretched'],\n      withPadding && styles['Placeholder--withPadding'],\n      className,\n    )}\n  >\n    {hasReactNode(icon) && <div className={styles['Placeholder__icon']}>{icon}</div>}\n    {hasReactNode(header) && (\n      <Title level=\"2\" weight=\"2\" className={styles['Placeholder__header']}>\n        {header}\n      </Title>\n    )}\n    {hasReactNode(children) && (\n      <Headline weight=\"3\" className={styles['Placeholder__text']}>\n        {children}\n      </Headline>\n    )}\n    {hasReactNode(action) && <div className={styles['Placeholder__action']}>{action}</div>}\n  </div>\n);\n"],"names":["Placeholder","icon","header","action","children","stretched","getRootRef","className","withPadding","restProps","div","ref","classNames","hasReactNode","Title","level","weight","Headline"],"mappings":";;;;+BAmCaA;;;eAAAA;;;;;;;+DAnCU;oBACkB;wBAEhB;qBACH;AA+Bf,IAAMA,cAAc;QACzBC,cAAAA,MACAC,gBAAAA,QACAC,gBAAAA,QACAC,kBAAAA,UACAC,mBAAAA,WACAC,oBAAAA,YACAC,mBAAAA,uCACAC,aAAAA,8CAAc,2BACXC;QARHR;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;WAGA,qBAACE,mDACKD;QACJE,KAAKL;QACLC,WAAWK,IAAAA,qCAETP,2CACAG,+CACAD;QAGDM,IAAAA,oBAAaZ,uBAAS,qBAACS;QAAIH,SAAS;OAAgCN,OACpEY,IAAAA,oBAAaX,yBACZ,qBAACY;QAAMC,OAAM;QAAIC,QAAO;QAAIT,SAAS;OAClCL,SAGJW,IAAAA,oBAAaT,2BACZ,qBAACa;QAASD,QAAO;QAAIT,SAAS;OAC3BH,WAGJS,IAAAA,oBAAaV,yBAAW,qBAACO;QAAIH,SAAS;OAAkCJ;AACtE"}

package/dist/cjs/components/PlatformProvider/PlatformProvider.d.ts

@@ -13,4 +13,4 @@ export interface PlatformProviderProps {
  * @since 5.1.0
  * @see https://vkcom.github.io/VKUI/#/PlatformProvider
  */
-export declare function PlatformProvider({ value, children }: PlatformProviderProps): JSX.Element;
+export declare function PlatformProvider({ value, children }: PlatformProviderProps): React.JSX.Element;

package/dist/cjs/components/PlatformProvider/PlatformProvider.js

@@ -8,15 +8,15 @@ Object.defineProperty(exports, "PlatformProvider", {
         return PlatformProvider;
     }
 });
-var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
-var _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
 var _useAppearance = require("../../hooks/useAppearance");
 var _tokensClassProvider = require("../../lib/tokensClassProvider");
-var _configProviderOverride = require("../ConfigProvider/ConfigProviderOverride");
+var _ConfigProviderOverride = require("../ConfigProvider/ConfigProviderOverride");
 function PlatformProvider(param) {
     var value = param.value, children = param.children;
     var appearance = (0, _useAppearance.useAppearance)();
-    return /*#__PURE__*/ _react.default.createElement(_configProviderOverride.ConfigProviderOverride, {
+    return /*#__PURE__*/ _react.default.createElement(_ConfigProviderOverride.ConfigProviderOverride, {
         platform: value
     }, /*#__PURE__*/ _react.default.createElement(_tokensClassProvider.TokensClassProvider, {
         platform: value,

package/dist/cjs/components/PlatformProvider/PlatformProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PlatformProvider/PlatformProvider.tsx"],"sourcesContent":["import React from 'react';\nimport { useAppearance } from '../../hooks/useAppearance';\nimport { PlatformType } from '../../lib/platform';\nimport { TokensClassProvider } from '../../lib/tokensClassProvider';\nimport { ConfigProviderOverride } from '../ConfigProvider/ConfigProviderOverride';\n\nexport interface PlatformProviderProps {\n  /**\n   * Платформа\n   */\n  value: PlatformType;\n  children: React.ReactNode;\n}\n\n/**\n * Компонент, позволяющий переопределить платформу для части приложения\n *\n * @since 5.1.0\n * @see https://vkcom.github.io/VKUI/#/PlatformProvider\n */\nexport function PlatformProvider({ value, children }: PlatformProviderProps) {\n  const appearance = useAppearance();\n\n  return (\n    <ConfigProviderOverride platform={value}>\n      <TokensClassProvider platform={value} appearance={appearance}>\n        {children}\n      </TokensClassProvider>\n    </ConfigProviderOverride>\n  );\n}\n"],"names":["PlatformProvider","value","children","appearance","useAppearance","ConfigProviderOverride","platform","TokensClassProvider"],"mappings":";;;;+BAoBgBA;;;eAAAA;;;;0DApBE;6BACY;mCAEM;sCACG;AAgBhC,SAASA,iBAAiB,KAA0C,EAAE;QAA1CC,QAAF,MAAEA,OAAOC,WAAT,MAASA;IACxC,IAAMC,aAAaC,IAAAA,4BAAa;IAEhC,qBACE,6BAACC,8CAAsB;QAACC,UAAUL;qBAChC,6BAACM,wCAAmB;QAACD,UAAUL;QAAOE,YAAYA;OAC/CD;AAIT"}
+{"version":3,"sources":["../../../../src/components/PlatformProvider/PlatformProvider.tsx"],"sourcesContent":["import React from 'react';\nimport { useAppearance } from '../../hooks/useAppearance';\nimport { PlatformType } from '../../lib/platform';\nimport { TokensClassProvider } from '../../lib/tokensClassProvider';\nimport { ConfigProviderOverride } from '../ConfigProvider/ConfigProviderOverride';\n\nexport interface PlatformProviderProps {\n  /**\n   * Платформа\n   */\n  value: PlatformType;\n  children: React.ReactNode;\n}\n\n/**\n * Компонент, позволяющий переопределить платформу для части приложения\n *\n * @since 5.1.0\n * @see https://vkcom.github.io/VKUI/#/PlatformProvider\n */\nexport function PlatformProvider({ value, children }: PlatformProviderProps) {\n  const appearance = useAppearance();\n\n  return (\n    <ConfigProviderOverride platform={value}>\n      <TokensClassProvider platform={value} appearance={appearance}>\n        {children}\n      </TokensClassProvider>\n    </ConfigProviderOverride>\n  );\n}\n"],"names":["PlatformProvider","value","children","appearance","useAppearance","ConfigProviderOverride","platform","TokensClassProvider"],"mappings":";;;;+BAoBgBA;;;eAAAA;;;;8DApBE;6BACY;mCAEM;sCACG;AAgBhC,SAASA,iBAAiB,KAA0C;QAAxCC,QAAF,MAAEA,OAAOC,WAAT,MAASA;IACxC,IAAMC,aAAaC,IAAAA;IAEnB,qBACE,6BAACC;QAAuBC,UAAUL;qBAChC,6BAACM;QAAoBD,UAAUL;QAAOE,YAAYA;OAC/CD;AAIT"}

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

@@ -4,4 +4,4 @@ export interface PopoutRootProps extends React.HTMLAttributes<HTMLDivElement>, H
     popout?: React.ReactNode;
     modal?: React.ReactNode;
 }
-export declare const PopoutRoot: ({ popout, modal, children, getRootRef, className, ...restProps }: PopoutRootProps) => JSX.Element;
+export declare const PopoutRoot: ({ popout, modal, children, getRootRef, className, ...restProps }: PopoutRootProps) => React.JSX.Element;

package/dist/cjs/components/PopoutRoot/PopoutRoot.js

@@ -8,15 +8,15 @@ Object.defineProperty(exports, "PopoutRoot", {
         return PopoutRoot;
     }
 });
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
-var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
-var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 var _useAdaptivityWithJSMediaQueries = require("../../hooks/useAdaptivityWithJSMediaQueries");
 var _dom = require("../../lib/dom");
-var _appRootPortal = require("../AppRoot/AppRootPortal");
+var _AppRootPortal = require("../AppRoot/AppRootPortal");
 var PopoutRootPopout = function(param) {
     var children = param.children;
     var isDesktop = (0, _useAdaptivityWithJSMediaQueries.useAdaptivityWithJSMediaQueries)().isDesktop;
@@ -31,7 +31,7 @@ var PopoutRootModal = function(param) {
     }, children);
 };
 var PopoutRoot = function(_param) {
-    var popout = _param.popout, modal = _param.modal, children = _param.children, getRootRef = _param.getRootRef, className = _param.className, restProps = _objectWithoutProperties(_param, [
+    var popout = _param.popout, modal = _param.modal, children = _param.children, getRootRef = _param.getRootRef, className = _param.className, restProps = _object_without_properties._(_param, [
         "popout",
         "modal",
         "children",
@@ -45,10 +45,10 @@ var PopoutRoot = function(_param) {
         document,
         popout
     ]);
-    return /*#__PURE__*/ _react.createElement("div", _objectSpreadProps(_objectSpread({}, restProps), {
+    return /*#__PURE__*/ _react.createElement("div", _object_spread_props._(_object_spread._({}, restProps), {
         className: (0, _vkjs.classNames)("vkuiPopoutRoot", className),
         ref: getRootRef
-    }), children, /*#__PURE__*/ _react.createElement(_appRootPortal.AppRootPortal, null, !!popout && /*#__PURE__*/ _react.createElement(PopoutRootPopout, null, popout), !!modal && /*#__PURE__*/ _react.createElement(PopoutRootModal, null, modal)));
+    }), children, /*#__PURE__*/ _react.createElement(_AppRootPortal.AppRootPortal, null, !!popout && /*#__PURE__*/ _react.createElement(PopoutRootPopout, null, popout), !!modal && /*#__PURE__*/ _react.createElement(PopoutRootModal, null, modal)));
 };
 
 //# sourceMappingURL=PopoutRoot.js.map