@vkontakte/vkui 6.0.2 → 6.1.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Panel/Panel.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { NavIdProps } from '../../lib/getNavId';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { AppRootContext } from '../AppRoot/AppRootContext';\nimport { NavPanelIdContext } from '../NavIdContext/NavIdContext';\nimport { OnboardingTooltipContainer } from '../OnboardingTooltip/OnboardingTooltipContainer';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Touch } from '../Touch/Touch';\nimport styles from './Panel.module.css';\n\nconst sizeXClassNames = {\n  none: styles['Panel--sizeX-none'],\n  ['compact']: styles['Panel--sizeX-compact'],\n  ['regular']: styles['Panel--sizeX-regular'],\n};\n\nexport interface PanelProps extends HTMLAttributesWithRootRef<HTMLDivElement>, NavIdProps {\n  centered?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Panel\n */\nexport const Panel = ({ centered = false, children, nav, ...restProps }: PanelProps) => {\n  const { sizeX = 'none' } = useAdaptivity();\n  const { layout } = React.useContext(AppRootContext);\n\n  return (\n    <NavPanelIdContext.Provider value={restProps.id || nav}>\n      <RootComponent\n        {...restProps}\n        baseClassName={classNames(\n          styles['Panel'],\n          sizeXClassNames[sizeX],\n          centered && 'vkuiInternalPanel--centered',\n          layout === 'card' && styles['Panel--layout-card'],\n        )}\n      >\n        <Touch\n          Component={OnboardingTooltipContainer}\n          className={classNames(styles['Panel__in'], 'vkuiInternalPanel__in')}\n        >\n          <div className={styles['Panel__in-before']} />\n          {centered ? <div className={styles['Panel__centered']}>{children}</div> : children}\n          <div className={styles['Panel__in-after']} />\n        </Touch>\n      </RootComponent>\n    </NavPanelIdContext.Provider>\n  );\n};\n"],"names":["Panel","sizeXClassNames","none","centered","children","nav","restProps","sizeX","useAdaptivity","layout","React","useContext","AppRootContext","NavPanelIdContext","Provider","value","id","RootComponent","baseClassName","classNames","Touch","Component","OnboardingTooltipContainer","className","div"],"mappings":";;;;+BAyBaA;;;eAAAA;;;;;;;iEAzBU;sBACI;+BACG;gCAGC;8BACG;4CACS;+BACb;uBACR;AAGtB,MAAMC,kBAAkB;IACtBC,IAAI;IACJ,CAAC,UAAU;IACX,CAAC,UAAU;AACb;AASO,MAAMF,QAAQ;QAAC,EAAEG,WAAW,KAAK,EAAEC,QAAQ,EAAEC,GAAG,EAA4B,WAAvBC;QAApCH;QAAkBC;QAAUC;;IAClD,MAAM,EAAEE,QAAQ,MAAM,EAAE,GAAGC,IAAAA,4BAAa;IACxC,MAAM,EAAEC,MAAM,EAAE,GAAGC,OAAMC,UAAU,CAACC,8BAAc;IAElD,qBACE,qBAACC,+BAAiB,CAACC,QAAQ;QAACC,OAAOT,UAAUU,EAAE,IAAIX;qBACjD,qBAACY,4BAAa,8CACRX;QACJY,eAAeC,IAAAA,gBAAU,eAEvBlB,eAAe,CAACM,MAAM,EACtBJ,YAAY,+BACZM,WAAW;sBAGb,qBAACW,YAAK;QACJC,WAAWC,sDAA0B;QACrCC,WAAWJ,IAAAA,gBAAU,mBAAsB;qBAE3C,qBAACK;QAAID,SAAS;QACbpB,yBAAW,qBAACqB;QAAID,SAAS;OAA8BnB,YAAkBA,wBAC1E,qBAACoB;QAAID,SAAS;;AAKxB"}
+{"version":3,"sources":["../../../../src/components/Panel/Panel.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { SizeTypeValues } from '../../lib/adaptivity';\nimport { NavIdProps } from '../../lib/getNavId';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { AppRootContext } from '../AppRoot/AppRootContext';\nimport { NavPanelIdContext } from '../NavIdContext/NavIdContext';\nimport { OnboardingTooltipContainer } from '../OnboardingTooltip/OnboardingTooltipContainer';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Touch } from '../Touch/Touch';\nimport styles from './Panel.module.css';\n\nconst sizeXClassNames = {\n  none: styles['Panel--sizeX-none'],\n  ['compact']: styles['Panel--sizeX-compact'],\n  ['regular']: styles['Panel--sizeX-regular'],\n};\n\nconst stylesMode = {\n  none: styles['Panel--mode-none'],\n  plain: styles['Panel--mode-plain'],\n  card: styles['Panel--mode-card'],\n};\n\nexport interface PanelProps extends HTMLAttributesWithRootRef<HTMLDivElement>, NavIdProps {\n  centered?: boolean;\n  /**\n   * Тип оформления панели.\n   *\n   * Позволяет переопределить тип оформления панели,\n   * заданный через адаптивность или свойство layout у [AppRoot](https://vkcom.github.io/VKUI/#/AppRoot),\n   * глобально задающим тип оформления макета.\n   *\n   * Если установлен `card` - Panel имеет фон отличный от фона контента.\n   * Позволяет компоненту [Group](https://vkcom.github.io/VKUI/#/Group) со свойством mode='card' точечно выглядеть как карточка.\n   * Тип `plain` — соответствует фону по умолчанию.\n   */\n  mode?: 'plain' | 'card';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Panel\n */\nexport const Panel = ({\n  centered = false,\n  children,\n  nav,\n  mode: modeProp,\n  ...restProps\n}: PanelProps) => {\n  const { sizeX = 'none' } = useAdaptivity();\n\n  const mode = usePanelMode(modeProp, sizeX);\n\n  return (\n    <NavPanelIdContext.Provider value={restProps.id || nav}>\n      <RootComponent\n        {...restProps}\n        baseClassName={classNames(\n          styles['Panel'],\n          sizeXClassNames[sizeX],\n          centered && 'vkuiInternalPanel--centered',\n          stylesMode[mode],\n        )}\n      >\n        <Touch\n          Component={OnboardingTooltipContainer}\n          className={classNames(styles['Panel__in'], 'vkuiInternalPanel__in')}\n        >\n          <div className={styles['Panel__in-before']} />\n          {centered ? <div className={styles['Panel__centered']}>{children}</div> : children}\n          <div className={styles['Panel__in-after']} />\n        </Touch>\n      </RootComponent>\n    </NavPanelIdContext.Provider>\n  );\n};\n\nfunction usePanelMode(\n  modeProp: PanelProps['mode'],\n  sizeX: SizeTypeValues | 'none',\n): 'plain' | 'card' | 'none' {\n  const { layout } = React.useContext(AppRootContext);\n\n  if (modeProp) {\n    return modeProp;\n  }\n\n  if (layout) {\n    return layout;\n  }\n\n  if (sizeX !== 'none') {\n    return sizeX === 'regular' ? 'card' : 'plain';\n  }\n\n  return 'none';\n}\n"],"names":["Panel","sizeXClassNames","none","stylesMode","plain","card","centered","children","nav","mode","modeProp","restProps","sizeX","useAdaptivity","usePanelMode","NavPanelIdContext","Provider","value","id","RootComponent","baseClassName","classNames","Touch","Component","OnboardingTooltipContainer","className","div","layout","React","useContext","AppRootContext"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA4CaA;;;eAAAA;;;;;;;;iEA5CU;sBACI;+BACG;gCAIC;8BACG;4CACS;+BACb;uBACR;AAGtB,MAAMC,kBAAkB;IACtBC,IAAI;IACJ,CAAC,UAAU;IACX,CAAC,UAAU;AACb;AAEA,MAAMC,aAAa;IACjBD,IAAI;IACJE,KAAK;IACLC,IAAI;AACN;AAqBO,MAAML,QAAQ;QAAC,EACpBM,WAAW,KAAK,EAChBC,QAAQ,EACRC,GAAG,EACHC,MAAMC,QAAQ,EAEH,WADRC;QAJHL;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEG,QAAQ,MAAM,EAAE,GAAGC,IAAAA,4BAAa;IAExC,MAAMJ,OAAOK,aAAaJ,UAAUE;IAEpC,qBACE,qBAACG,+BAAiB,CAACC,QAAQ;QAACC,OAAON,UAAUO,EAAE,IAAIV;kBACjD,cAAA,qBAACW,4BAAa,8CACRR;YACJS,eAAeC,IAAAA,gBAAU,eAEvBpB,eAAe,CAACW,MAAM,EACtBN,YAAY,+BACZH,UAAU,CAACM,KAAK;sBAGlB,cAAA,sBAACa,YAAK;gBACJC,WAAWC,sDAA0B;gBACrCC,WAAWJ,IAAAA,gBAAU,mBAAsB;;kCAE3C,qBAACK;wBAAID,SAAS;;oBACbnB,yBAAW,qBAACoB;wBAAID,SAAS;kCAA8BlB;yBAAkBA;kCAC1E,qBAACmB;wBAAID,SAAS;;;;;;AAKxB;AAEA,SAASX,aACPJ,QAA4B,EAC5BE,KAA8B;IAE9B,MAAM,EAAEe,MAAM,EAAE,GAAGC,OAAMC,UAAU,CAACC,8BAAc;IAElD,IAAIpB,UAAU;QACZ,OAAOA;IACT;IAEA,IAAIiB,QAAQ;QACV,OAAOA;IACT;IAEA,IAAIf,UAAU,QAAQ;QACpB,OAAOA,UAAU,YAAY,SAAS;IACxC;IAEA,OAAO;AACT"}

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

@@ -37,5 +37,5 @@ export interface PanelHeaderProps extends HTMLAttributesWithRootRef<HTMLDivEleme
 /**
  * @see https://vkcom.github.io/VKUI/#/PanelHeader
  */
-export declare const PanelHeader: ({ before, children, after, float, transparent, delimiter, shadow, getRef, getRootRef, fixed, typographyProps, ...restProps }: PanelHeaderProps) => React.JSX.Element;
+export declare const PanelHeader: ({ before, children, after, float, transparent, delimiter, shadow, getRef, getRootRef, fixed, typographyProps, ...restProps }: PanelHeaderProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PanelHeader.d.ts.map

package/dist/cjs/components/PanelHeader/PanelHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PanelHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/PanelHeader/PanelHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AA2BhG,MAAM,WAAW,gBACf,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAC/C,MAAM,CAAC,cAAc,CAAC;IACxB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;;;;;;;OASG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,CAAC;IACtD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,eAAe,CAAC,EAAE,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,gBAAgB,CAAC;CACvF;AAgDD;;GAEG;AACH,eAAO,MAAM,WAAW,iIAarB,gBAAgB,sBA+DlB,CAAC"}
+{"version":3,"file":"PanelHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/PanelHeader/PanelHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AA2BhG,MAAM,WAAW,gBACf,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAC/C,MAAM,CAAC,cAAc,CAAC;IACxB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;;;;;;;OASG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,CAAC;IACtD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,eAAe,CAAC,EAAE,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,gBAAgB,CAAC;CACvF;AAgDD;;GAEG;AACH,eAAO,MAAM,WAAW,iIAarB,gBAAgB,4CA+DlB,CAAC"}

package/dist/cjs/components/PanelHeader/PanelHeader.js

@@ -12,6 +12,7 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
 const _object_spread = require("@swc/helpers/_/_object_spread");
 const _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 const _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _vkjs = require("@vkontakte/vkjs");
 const _useAdaptivity = require("../../hooks/useAdaptivity");
@@ -52,22 +53,33 @@ const PanelHeaderIn = ({ before, after, children, typographyProps = {} })=>{
             minWidth: customPanelHeaderAfterMinWidth
         }
     };
-    const typographyNode = platform === 'vkcom' ? /*#__PURE__*/ _react.createElement(_Text.Text, _object_spread._({
+    const typographyNode = platform === 'vkcom' ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.Text, _object_spread_props._(_object_spread._({
         weight: "2",
         Component: Component
-    }, restProps), children) : /*#__PURE__*/ _react.createElement(Component, _object_spread._({
+    }, restProps), {
+        children: children
+    })) : /*#__PURE__*/ (0, _jsxruntime.jsx)(Component, _object_spread_props._(_object_spread._({
         className: "vkuiPanelHeader__content-in"
-    }, restProps), children);
-    return /*#__PURE__*/ _react.createElement(_OnboardingTooltipContainer.OnboardingTooltipContainer, {
+    }, restProps), {
+        children: children
+    }));
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_OnboardingTooltipContainer.OnboardingTooltipContainer, {
         fixed: true,
-        className: "vkuiPanelHeader__in"
-    }, /*#__PURE__*/ _react.createElement("div", {
-        className: (0, _vkjs.classNames)("vkuiPanelHeader__before", 'vkuiInternalPanelHeader__before')
-    }, before), /*#__PURE__*/ _react.createElement("div", {
-        className: "vkuiPanelHeader__content"
-    }, typographyNode), /*#__PURE__*/ _react.createElement("div", _object_spread._({
-        className: (0, _vkjs.classNames)("vkuiPanelHeader__after", 'vkuiInternalPanelHeader__after')
-    }, afterSlotProps)));
+        className: "vkuiPanelHeader__in",
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: (0, _vkjs.classNames)("vkuiPanelHeader__before", 'vkuiInternalPanelHeader__before'),
+                children: before
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: "vkuiPanelHeader__content",
+                children: typographyNode
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", _object_spread._({
+                className: (0, _vkjs.classNames)("vkuiPanelHeader__after", 'vkuiInternalPanelHeader__after')
+            }, afterSlotProps))
+        ]
+    });
 };
 const PanelHeader = (_param)=>{
     var { before, children, after, float = false, transparent = false, delimiter = 'auto', shadow, getRef, getRootRef, fixed, typographyProps } = _param, restProps = _object_without_properties._(_param, [
@@ -91,29 +103,42 @@ const PanelHeader = (_param)=>{
     const separatorVisible = delimiter === 'auto' || delimiter === 'separator';
     const staticSeparatorVisible = !float && separatorVisible;
     const staticSpacingVisible = !float && (delimiter === 'auto' || delimiter === 'spacing');
-    return /*#__PURE__*/ _react.createElement(_RootComponent.RootComponent, _object_spread_props._(_object_spread._({}, restProps), {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_RootComponent.RootComponent, _object_spread_props._(_object_spread._({}, restProps), {
         baseClassName: (0, _vkjs.classNames)("vkuiPanelHeader", 'vkuiInternalPanelHeader', platformClassNames.hasOwnProperty(platform) ? platformClassNames[platform] : platformClassNames.android, transparent && "vkuiPanelHeader--trnsp", shadow && "vkuiPanelHeader--shadow", !float && (0, _vkjs.classNames)("vkuiPanelHeader--static", 'vkuiInternalPanelHeader--static'), staticSeparatorVisible && (0, _vkjs.classNames)("vkuiPanelHeader--sep", 'vkuiInternalPanelHeader--sep'), !before && (0, _vkjs.classNames)("vkuiPanelHeader--no-before", 'vkuiInternalPanelHeader--no-before'), !after && "vkuiPanelHeader--no-after", isFixed && "vkuiPanelHeader--fixed", sizeX !== 'compact' && sizeXClassNames[sizeX], sizeY !== 'regular' && sizeYClassNames[sizeY]),
-        getRootRef: isFixed ? getRootRef : getRef
-    }), isFixed ? /*#__PURE__*/ _react.createElement(_FixedLayout.FixedLayout, {
-        className: (0, _vkjs.classNames)("vkuiPanelHeader__fixed", 'vkuiInternalPanelHeader__fixed'),
-        vertical: "top",
-        getRootRef: getRef
-    }, /*#__PURE__*/ _react.createElement(PanelHeaderIn, {
-        before: before,
-        after: after,
-        typographyProps: typographyProps
-    }, children)) : /*#__PURE__*/ _react.createElement(PanelHeaderIn, {
-        before: before,
-        after: after,
-        typographyProps: typographyProps
-    }, children), !isVKCOM && /*#__PURE__*/ _react.createElement(_react.Fragment, null, staticSeparatorVisible && adaptiveSizeX.compact && /*#__PURE__*/ _react.createElement(_Separator.Separator, {
-        className: adaptiveSizeX.compact.className
-    }), staticSpacingVisible && adaptiveSizeX.regular && /*#__PURE__*/ _react.createElement(_Spacing.Spacing, {
-        className: adaptiveSizeX.regular.className,
-        size: 16
-    })), separatorVisible && isVKCOM && /*#__PURE__*/ _react.createElement(_Separator.Separator, {
-        className: "vkuiPanelHeader__separator",
-        wide: true
+        getRootRef: isFixed ? getRootRef : getRef,
+        children: [
+            isFixed ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_FixedLayout.FixedLayout, {
+                className: (0, _vkjs.classNames)("vkuiPanelHeader__fixed", 'vkuiInternalPanelHeader__fixed'),
+                vertical: "top",
+                getRootRef: getRef,
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(PanelHeaderIn, {
+                    before: before,
+                    after: after,
+                    typographyProps: typographyProps,
+                    children: children
+                })
+            }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(PanelHeaderIn, {
+                before: before,
+                after: after,
+                typographyProps: typographyProps,
+                children: children
+            }),
+            !isVKCOM && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+                children: [
+                    staticSeparatorVisible && adaptiveSizeX.compact && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Separator.Separator, {
+                        className: adaptiveSizeX.compact.className
+                    }),
+                    staticSpacingVisible && adaptiveSizeX.regular && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Spacing.Spacing, {
+                        className: adaptiveSizeX.regular.className,
+                        size: 16
+                    })
+                ]
+            }),
+            separatorVisible && isVKCOM && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Separator.Separator, {
+                className: "vkuiPanelHeader__separator",
+                wide: true
+            })
+        ]
     }));
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelHeader/PanelHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useAdaptivityConditionalRender } from '../../hooks/useAdaptivityConditionalRender';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { HasComponent, HasDataAttribute, HasRef, HTMLAttributesWithRootRef } from '../../types';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { FixedLayout } from '../FixedLayout/FixedLayout';\nimport { ModalRootContext } from '../ModalRoot/ModalRootContext';\nimport { OnboardingTooltipContainer } from '../OnboardingTooltip/OnboardingTooltipContainer';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Separator } from '../Separator/Separator';\nimport { Spacing } from '../Spacing/Spacing';\nimport { Text } from '../Typography/Text/Text';\nimport styles from './PanelHeader.module.css';\n\nconst platformClassNames = {\n  ios: styles['PanelHeader--ios'],\n  android: styles['PanelHeader--android'],\n  vkcom: classNames(styles['PanelHeader--vkcom'], 'vkuiInternalPanelHeader--vkcom'),\n};\n\nconst sizeXClassNames = {\n  none: styles['PanelHeader--sizeX-none'],\n  regular: styles['PanelHeader--sizeX-regular'],\n};\n\nconst sizeYClassNames = {\n  none: styles['PanelHeader--sizeY-none'],\n  compact: styles['PanelHeader--sizeY-compact'],\n};\n\nexport interface PanelHeaderProps\n  extends HTMLAttributesWithRootRef<HTMLDivElement>,\n    HasRef<HTMLDivElement> {\n  before?: React.ReactNode;\n  /**\n   * Добавляет элемент справа.\n   *\n   * При передаче нескольких элементов, расставляет отступы между ними.\n   */\n  after?: React.ReactNode;\n  /**\n   * Тип разделителя под шапкой.\n   *\n   * - `\"none\"` означает, что разделитель не нужен\n   * - `\"separator\"` включает сепаратор при условии, что это:\n   *      - либо платформа `vkcom`\n   *      - либо платформа `android`/`ios` при `<AdaptivityProvider sizeX=\"compact\" />`\n   * - `\"spacing\"` включает отступ, если это платформа `android`/`ios` при `<AdaptivityProvider sizeX=\"regular\" />`\n   * - `\"auto\"` автоматически подбирает либо `\"separator\"`, либо `\"spacing\"` по их условиям\n   */\n  delimiter?: 'auto' | 'none' | 'separator' | 'spacing';\n  transparent?: boolean;\n  shadow?: boolean;\n  /**\n   * Высота шапки будет игнорироваться контентом панели\n   */\n  float?: boolean;\n  /**\n   * Если `false`, то шапка будет в потоке. По умолчанию `true`, но если платформа vkcom, то по умолчанию `false`.\n   */\n  fixed?: boolean;\n  /**\n   * По умолчанию как `Component` используется `span`.\n   */\n  typographyProps?: HasComponent & React.HTMLAttributes<HTMLElement> & HasDataAttribute;\n}\n\ninterface PanelHeaderInProps {\n  before?: PanelHeaderProps['before'];\n  after?: PanelHeaderProps['after'];\n  children?: PanelHeaderProps['children'];\n  typographyProps?: PanelHeaderProps['typographyProps'];\n}\n\nconst PanelHeaderIn = ({ before, after, children, typographyProps = {} }: PanelHeaderInProps) => {\n  const { Component = 'span', ...restProps } = typographyProps;\n  const { hasCustomPanelHeaderAfter, customPanelHeaderAfterMinWidth } = useConfigProvider();\n  const { isInsideModal } = React.useContext(ModalRootContext);\n  const platform = usePlatform();\n\n  const afterSlotProps =\n    !hasCustomPanelHeaderAfter || isInsideModal\n      ? {\n          children: after,\n        }\n      : {\n          style: { minWidth: customPanelHeaderAfterMinWidth },\n        };\n  const typographyNode: React.ReactNode =\n    platform === 'vkcom' ? (\n      <Text weight=\"2\" Component={Component} {...restProps}>\n        {children}\n      </Text>\n    ) : (\n      <Component className={styles['PanelHeader__content-in']} {...restProps}>\n        {children}\n      </Component>\n    );\n\n  return (\n    <OnboardingTooltipContainer fixed className={styles['PanelHeader__in']}>\n      <div className={classNames(styles['PanelHeader__before'], 'vkuiInternalPanelHeader__before')}>\n        {before}\n      </div>\n      <div className={styles['PanelHeader__content']}>{typographyNode}</div>\n      <div\n        className={classNames(styles['PanelHeader__after'], 'vkuiInternalPanelHeader__after')}\n        {...afterSlotProps}\n      />\n    </OnboardingTooltipContainer>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeader\n */\nexport const PanelHeader = ({\n  before,\n  children,\n  after,\n  float = false,\n  transparent = false,\n  delimiter = 'auto',\n  shadow,\n  getRef,\n  getRootRef,\n  fixed,\n  typographyProps,\n  ...restProps\n}: PanelHeaderProps) => {\n  const platform = usePlatform();\n  const { sizeX = 'none', sizeY = 'none' } = useAdaptivity();\n  const { sizeX: adaptiveSizeX } = useAdaptivityConditionalRender();\n  const isVKCOM = platform === 'vkcom';\n  const isFixed = fixed !== undefined ? fixed : !isVKCOM;\n  const separatorVisible = delimiter === 'auto' || delimiter === 'separator';\n  const staticSeparatorVisible = !float && separatorVisible;\n  const staticSpacingVisible = !float && (delimiter === 'auto' || delimiter === 'spacing');\n\n  return (\n    <RootComponent\n      {...restProps}\n      baseClassName={classNames(\n        styles['PanelHeader'],\n        'vkuiInternalPanelHeader',\n        platformClassNames.hasOwnProperty(platform)\n          ? platformClassNames[platform]\n          : platformClassNames.android,\n        transparent && styles['PanelHeader--trnsp'],\n        shadow && styles['PanelHeader--shadow'],\n        !float && classNames(styles['PanelHeader--static'], 'vkuiInternalPanelHeader--static'),\n        staticSeparatorVisible &&\n          classNames(styles['PanelHeader--sep'], 'vkuiInternalPanelHeader--sep'),\n        !before &&\n          classNames(styles['PanelHeader--no-before'], 'vkuiInternalPanelHeader--no-before'),\n        !after && styles['PanelHeader--no-after'],\n        isFixed && styles['PanelHeader--fixed'],\n        sizeX !== 'compact' && sizeXClassNames[sizeX],\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n      )}\n      getRootRef={isFixed ? getRootRef : getRef}\n    >\n      {isFixed ? (\n        <FixedLayout\n          className={classNames(styles['PanelHeader__fixed'], 'vkuiInternalPanelHeader__fixed')}\n          vertical=\"top\"\n          getRootRef={getRef}\n        >\n          <PanelHeaderIn before={before} after={after} typographyProps={typographyProps}>\n            {children}\n          </PanelHeaderIn>\n        </FixedLayout>\n      ) : (\n        <PanelHeaderIn before={before} after={after} typographyProps={typographyProps}>\n          {children}\n        </PanelHeaderIn>\n      )}\n      {!isVKCOM && (\n        <>\n          {staticSeparatorVisible && adaptiveSizeX.compact && (\n            <Separator className={adaptiveSizeX.compact.className} />\n          )}\n          {staticSpacingVisible && adaptiveSizeX.regular && (\n            <Spacing className={adaptiveSizeX.regular.className} size={16} />\n          )}\n        </>\n      )}\n      {separatorVisible && isVKCOM && (\n        <Separator className={styles['PanelHeader__separator']} wide />\n      )}\n    </RootComponent>\n  );\n};\n"],"names":["PanelHeader","platformClassNames","ios","android","vkcom","classNames","sizeXClassNames","none","regular","sizeYClassNames","compact","PanelHeaderIn","before","after","children","typographyProps","Component","restProps","hasCustomPanelHeaderAfter","customPanelHeaderAfterMinWidth","useConfigProvider","isInsideModal","React","useContext","ModalRootContext","platform","usePlatform","afterSlotProps","style","minWidth","typographyNode","Text","weight","className","OnboardingTooltipContainer","fixed","div","float","transparent","delimiter","shadow","getRef","getRootRef","sizeX","sizeY","useAdaptivity","adaptiveSizeX","useAdaptivityConditionalRender","isVKCOM","isFixed","undefined","separatorVisible","staticSeparatorVisible","staticSpacingVisible","RootComponent","baseClassName","hasOwnProperty","FixedLayout","vertical","Separator","Spacing","size","wide"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/PanelHeader/PanelHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useAdaptivityConditionalRender } from '../../hooks/useAdaptivityConditionalRender';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { HasComponent, HasDataAttribute, HasRef, HTMLAttributesWithRootRef } from '../../types';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { FixedLayout } from '../FixedLayout/FixedLayout';\nimport { ModalRootContext } from '../ModalRoot/ModalRootContext';\nimport { OnboardingTooltipContainer } from '../OnboardingTooltip/OnboardingTooltipContainer';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Separator } from '../Separator/Separator';\nimport { Spacing } from '../Spacing/Spacing';\nimport { Text } from '../Typography/Text/Text';\nimport styles from './PanelHeader.module.css';\n\nconst platformClassNames = {\n  ios: styles['PanelHeader--ios'],\n  android: styles['PanelHeader--android'],\n  vkcom: classNames(styles['PanelHeader--vkcom'], 'vkuiInternalPanelHeader--vkcom'),\n};\n\nconst sizeXClassNames = {\n  none: styles['PanelHeader--sizeX-none'],\n  regular: styles['PanelHeader--sizeX-regular'],\n};\n\nconst sizeYClassNames = {\n  none: styles['PanelHeader--sizeY-none'],\n  compact: styles['PanelHeader--sizeY-compact'],\n};\n\nexport interface PanelHeaderProps\n  extends HTMLAttributesWithRootRef<HTMLDivElement>,\n    HasRef<HTMLDivElement> {\n  before?: React.ReactNode;\n  /**\n   * Добавляет элемент справа.\n   *\n   * При передаче нескольких элементов, расставляет отступы между ними.\n   */\n  after?: React.ReactNode;\n  /**\n   * Тип разделителя под шапкой.\n   *\n   * - `\"none\"` означает, что разделитель не нужен\n   * - `\"separator\"` включает сепаратор при условии, что это:\n   *      - либо платформа `vkcom`\n   *      - либо платформа `android`/`ios` при `<AdaptivityProvider sizeX=\"compact\" />`\n   * - `\"spacing\"` включает отступ, если это платформа `android`/`ios` при `<AdaptivityProvider sizeX=\"regular\" />`\n   * - `\"auto\"` автоматически подбирает либо `\"separator\"`, либо `\"spacing\"` по их условиям\n   */\n  delimiter?: 'auto' | 'none' | 'separator' | 'spacing';\n  transparent?: boolean;\n  shadow?: boolean;\n  /**\n   * Высота шапки будет игнорироваться контентом панели\n   */\n  float?: boolean;\n  /**\n   * Если `false`, то шапка будет в потоке. По умолчанию `true`, но если платформа vkcom, то по умолчанию `false`.\n   */\n  fixed?: boolean;\n  /**\n   * По умолчанию как `Component` используется `span`.\n   */\n  typographyProps?: HasComponent & React.HTMLAttributes<HTMLElement> & HasDataAttribute;\n}\n\ninterface PanelHeaderInProps {\n  before?: PanelHeaderProps['before'];\n  after?: PanelHeaderProps['after'];\n  children?: PanelHeaderProps['children'];\n  typographyProps?: PanelHeaderProps['typographyProps'];\n}\n\nconst PanelHeaderIn = ({ before, after, children, typographyProps = {} }: PanelHeaderInProps) => {\n  const { Component = 'span', ...restProps } = typographyProps;\n  const { hasCustomPanelHeaderAfter, customPanelHeaderAfterMinWidth } = useConfigProvider();\n  const { isInsideModal } = React.useContext(ModalRootContext);\n  const platform = usePlatform();\n\n  const afterSlotProps =\n    !hasCustomPanelHeaderAfter || isInsideModal\n      ? {\n          children: after,\n        }\n      : {\n          style: { minWidth: customPanelHeaderAfterMinWidth },\n        };\n  const typographyNode: React.ReactNode =\n    platform === 'vkcom' ? (\n      <Text weight=\"2\" Component={Component} {...restProps}>\n        {children}\n      </Text>\n    ) : (\n      <Component className={styles['PanelHeader__content-in']} {...restProps}>\n        {children}\n      </Component>\n    );\n\n  return (\n    <OnboardingTooltipContainer fixed className={styles['PanelHeader__in']}>\n      <div className={classNames(styles['PanelHeader__before'], 'vkuiInternalPanelHeader__before')}>\n        {before}\n      </div>\n      <div className={styles['PanelHeader__content']}>{typographyNode}</div>\n      <div\n        className={classNames(styles['PanelHeader__after'], 'vkuiInternalPanelHeader__after')}\n        {...afterSlotProps}\n      />\n    </OnboardingTooltipContainer>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeader\n */\nexport const PanelHeader = ({\n  before,\n  children,\n  after,\n  float = false,\n  transparent = false,\n  delimiter = 'auto',\n  shadow,\n  getRef,\n  getRootRef,\n  fixed,\n  typographyProps,\n  ...restProps\n}: PanelHeaderProps) => {\n  const platform = usePlatform();\n  const { sizeX = 'none', sizeY = 'none' } = useAdaptivity();\n  const { sizeX: adaptiveSizeX } = useAdaptivityConditionalRender();\n  const isVKCOM = platform === 'vkcom';\n  const isFixed = fixed !== undefined ? fixed : !isVKCOM;\n  const separatorVisible = delimiter === 'auto' || delimiter === 'separator';\n  const staticSeparatorVisible = !float && separatorVisible;\n  const staticSpacingVisible = !float && (delimiter === 'auto' || delimiter === 'spacing');\n\n  return (\n    <RootComponent\n      {...restProps}\n      baseClassName={classNames(\n        styles['PanelHeader'],\n        'vkuiInternalPanelHeader',\n        platformClassNames.hasOwnProperty(platform)\n          ? platformClassNames[platform]\n          : platformClassNames.android,\n        transparent && styles['PanelHeader--trnsp'],\n        shadow && styles['PanelHeader--shadow'],\n        !float && classNames(styles['PanelHeader--static'], 'vkuiInternalPanelHeader--static'),\n        staticSeparatorVisible &&\n          classNames(styles['PanelHeader--sep'], 'vkuiInternalPanelHeader--sep'),\n        !before &&\n          classNames(styles['PanelHeader--no-before'], 'vkuiInternalPanelHeader--no-before'),\n        !after && styles['PanelHeader--no-after'],\n        isFixed && styles['PanelHeader--fixed'],\n        sizeX !== 'compact' && sizeXClassNames[sizeX],\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n      )}\n      getRootRef={isFixed ? getRootRef : getRef}\n    >\n      {isFixed ? (\n        <FixedLayout\n          className={classNames(styles['PanelHeader__fixed'], 'vkuiInternalPanelHeader__fixed')}\n          vertical=\"top\"\n          getRootRef={getRef}\n        >\n          <PanelHeaderIn before={before} after={after} typographyProps={typographyProps}>\n            {children}\n          </PanelHeaderIn>\n        </FixedLayout>\n      ) : (\n        <PanelHeaderIn before={before} after={after} typographyProps={typographyProps}>\n          {children}\n        </PanelHeaderIn>\n      )}\n      {!isVKCOM && (\n        <>\n          {staticSeparatorVisible && adaptiveSizeX.compact && (\n            <Separator className={adaptiveSizeX.compact.className} />\n          )}\n          {staticSpacingVisible && adaptiveSizeX.regular && (\n            <Spacing className={adaptiveSizeX.regular.className} size={16} />\n          )}\n        </>\n      )}\n      {separatorVisible && isVKCOM && (\n        <Separator className={styles['PanelHeader__separator']} wide />\n      )}\n    </RootComponent>\n  );\n};\n"],"names":["PanelHeader","platformClassNames","ios","android","vkcom","classNames","sizeXClassNames","none","regular","sizeYClassNames","compact","PanelHeaderIn","before","after","children","typographyProps","Component","restProps","hasCustomPanelHeaderAfter","customPanelHeaderAfterMinWidth","useConfigProvider","isInsideModal","React","useContext","ModalRootContext","platform","usePlatform","afterSlotProps","style","minWidth","typographyNode","Text","weight","className","OnboardingTooltipContainer","fixed","div","float","transparent","delimiter","shadow","getRef","getRootRef","sizeX","sizeY","useAdaptivity","adaptiveSizeX","useAdaptivityConditionalRender","isVKCOM","isFixed","undefined","separatorVisible","staticSeparatorVisible","staticSpacingVisible","RootComponent","baseClassName","hasOwnProperty","FixedLayout","vertical","Separator","Spacing","size","wide"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { PanelHeaderButtonProps } from '../PanelHeaderButton/PanelHeaderButton';
 export interface PanelHeaderBackProps extends Omit<PanelHeaderButtonProps, 'children'> {
     children?: string;
@@ -6,5 +5,5 @@ export interface PanelHeaderBackProps extends Omit<PanelHeaderButtonProps, 'chil
 /**
  * @see https://vkcom.github.io/VKUI/#/PanelHeaderButton
  */
-export declare const PanelHeaderBack: ({ label, className, children, ...restProps }: PanelHeaderButtonProps) => React.JSX.Element;
+export declare const PanelHeaderBack: ({ label, className, children, ...restProps }: PanelHeaderButtonProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PanelHeaderBack.d.ts.map

package/dist/cjs/components/PanelHeaderBack/PanelHeaderBack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PanelHeaderBack.d.ts","sourceRoot":"","sources":["../../../../src/components/PanelHeaderBack/PanelHeaderBack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,EAAqB,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAInG,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,sBAAsB,EAAE,UAAU,CAAC;IACpF,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAuBD;;GAEG;AACH,eAAO,MAAM,eAAe,iDAKzB,sBAAsB,sBAuBxB,CAAC"}
+{"version":3,"file":"PanelHeaderBack.d.ts","sourceRoot":"","sources":["../../../../src/components/PanelHeaderBack/PanelHeaderBack.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAqB,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAInG,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,sBAAsB,EAAE,UAAU,CAAC;IACpF,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAuBD;;GAEG;AACH,eAAO,MAAM,eAAe,iDAKzB,sBAAsB,4CAuBxB,CAAC"}

package/dist/cjs/components/PanelHeaderBack/PanelHeaderBack.js

@@ -8,11 +8,10 @@ Object.defineProperty(exports, "PanelHeaderBack", {
         return PanelHeaderBack;
     }
 });
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _object_spread = require("@swc/helpers/_/_object_spread");
 const _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 const _object_without_properties = require("@swc/helpers/_/_object_without_properties");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _jsxruntime = require("react/jsx-runtime");
 const _icons = require("@vkontakte/icons");
 const _vkjs = require("@vkontakte/vkjs");
 const _useAdaptivity = require("../../hooks/useAdaptivity");
@@ -23,14 +22,14 @@ const _VisuallyHidden = require("../VisuallyHidden/VisuallyHidden");
 const getBackIcon = (platform)=>{
     switch(platform){
         case 'ios':
-            return /*#__PURE__*/ _react.createElement(_icons.Icon28ChevronBack, null);
+            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_icons.Icon28ChevronBack, {});
         case 'vkcom':
-            return /*#__PURE__*/ _react.createElement(_AdaptiveIconRenderer.AdaptiveIconRenderer, {
-                IconCompact: _icons.Icon24ChevronLeftOutline,
+            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_AdaptiveIconRenderer.AdaptiveIconRenderer, {
+                IconCompact: _icons.Icon20ChevronLeftOutline,
                 IconRegular: _icons.Icon28ChevronLeftOutline
             });
         default:
-            return /*#__PURE__*/ _react.createElement(_AdaptiveIconRenderer.AdaptiveIconRenderer, {
+            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_AdaptiveIconRenderer.AdaptiveIconRenderer, {
                 IconCompact: _icons.Icon24ArrowLeftOutline,
                 IconRegular: _icons.Icon28ArrowLeftOutline
             });
@@ -47,10 +46,16 @@ const PanelHeaderBack = (_param)=>{
     // также label нужно скрывать при platform === 'ios' && sizeX === regular
     // https://github.com/VKCOM/VKUI/blob/master/src/components/PanelHeaderButton/PanelHeaderButton.css#L104
     const showLabel = platform === 'vkcom' || platform === 'ios';
-    return /*#__PURE__*/ _react.createElement(_PanelHeaderButton.PanelHeaderButton, _object_spread_props._(_object_spread._({}, restProps), {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_PanelHeaderButton.PanelHeaderButton, _object_spread_props._(_object_spread._({}, restProps), {
         className: (0, _vkjs.classNames)(sizeX === 'compact' && "vkuiPanelHeaderBack--sizeX-compact", platform === 'ios' && "vkuiPanelHeaderBack--ios", platform === 'vkcom' && "vkuiPanelHeaderBack--vkcom", showLabel && !!label && "vkuiPanelHeaderBack--has-label", className),
-        label: showLabel && label
-    }), children && /*#__PURE__*/ _react.createElement(_VisuallyHidden.VisuallyHidden, null, children), getBackIcon(platform));
+        label: showLabel && label,
+        children: [
+            children && /*#__PURE__*/ (0, _jsxruntime.jsx)(_VisuallyHidden.VisuallyHidden, {
+                children: children
+            }),
+            getBackIcon(platform)
+        ]
+    }));
 };
 
 //# sourceMappingURL=PanelHeaderBack.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelHeaderBack/PanelHeaderBack.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Icon24ArrowLeftOutline,\n  Icon24ChevronLeftOutline,\n  Icon28ArrowLeftOutline,\n  Icon28ChevronBack,\n  Icon28ChevronLeftOutline,\n} from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { PlatformType } from '../../lib/platform';\nimport { AdaptiveIconRenderer } from '../AdaptiveIconRenderer/AdaptiveIconRenderer';\nimport { PanelHeaderButton, PanelHeaderButtonProps } from '../PanelHeaderButton/PanelHeaderButton';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from '../PanelHeaderButton/PanelHeaderButton.module.css';\n\nexport interface PanelHeaderBackProps extends Omit<PanelHeaderButtonProps, 'children'> {\n  children?: string;\n}\n\nconst getBackIcon = (platform: PlatformType) => {\n  switch (platform) {\n    case 'ios':\n      return <Icon28ChevronBack />;\n    case 'vkcom':\n      return (\n        <AdaptiveIconRenderer\n          IconCompact={Icon24ChevronLeftOutline}\n          IconRegular={Icon28ChevronLeftOutline}\n        />\n      );\n    default:\n      return (\n        <AdaptiveIconRenderer\n          IconCompact={Icon24ArrowLeftOutline}\n          IconRegular={Icon28ArrowLeftOutline}\n        />\n      );\n  }\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderButton\n */\nexport const PanelHeaderBack = ({\n  label,\n  className,\n  children = 'Назад',\n  ...restProps\n}: PanelHeaderButtonProps) => {\n  const platform = usePlatform();\n  const { sizeX = 'none' } = useAdaptivity();\n  // также label нужно скрывать при platform === 'ios' && sizeX === regular\n  // https://github.com/VKCOM/VKUI/blob/master/src/components/PanelHeaderButton/PanelHeaderButton.css#L104\n  const showLabel = platform === 'vkcom' || platform === 'ios';\n\n  return (\n    <PanelHeaderButton\n      {...restProps}\n      className={classNames(\n        sizeX === 'compact' && styles['PanelHeaderBack--sizeX-compact'],\n        platform === 'ios' && styles['PanelHeaderBack--ios'],\n        platform === 'vkcom' && styles['PanelHeaderBack--vkcom'],\n        showLabel && !!label && styles['PanelHeaderBack--has-label'],\n        className,\n      )}\n      label={showLabel && label}\n    >\n      {children && <VisuallyHidden>{children}</VisuallyHidden>}\n      {getBackIcon(platform)}\n    </PanelHeaderButton>\n  );\n};\n"],"names":["PanelHeaderBack","getBackIcon","platform","Icon28ChevronBack","AdaptiveIconRenderer","IconCompact","Icon24ChevronLeftOutline","IconRegular","Icon28ChevronLeftOutline","Icon24ArrowLeftOutline","Icon28ArrowLeftOutline","label","className","children","restProps","usePlatform","sizeX","useAdaptivity","showLabel","PanelHeaderButton","classNames","VisuallyHidden"],"mappings":";;;;+BA6CaA;;;eAAAA;;;;;;;iEA7CU;uBAOhB;sBACoB;+BACG;6BACF;sCAES;mCACqB;gCAC3B;AAO/B,MAAMC,cAAc,CAACC;IACnB,OAAQA;QACN,KAAK;YACH,qBAAO,qBAACC,wBAAiB;QAC3B,KAAK;YACH,qBACE,qBAACC,0CAAoB;gBACnBC,aAAaC,+BAAwB;gBACrCC,aAAaC,+BAAwB;;QAG3C;YACE,qBACE,qBAACJ,0CAAoB;gBACnBC,aAAaI,6BAAsB;gBACnCF,aAAaG,6BAAsB;;IAG3C;AACF;AAKO,MAAMV,kBAAkB;QAAC,EAC9BW,KAAK,EACLC,SAAS,EACTC,WAAW,OAAO,EAEK,WADpBC;QAHHH;QACAC;QACAC;;IAGA,MAAMX,WAAWa,IAAAA,wBAAW;IAC5B,MAAM,EAAEC,QAAQ,MAAM,EAAE,GAAGC,IAAAA,4BAAa;IACxC,yEAAyE;IACzE,wGAAwG;IACxG,MAAMC,YAAYhB,aAAa,WAAWA,aAAa;IAEvD,qBACE,qBAACiB,oCAAiB,8CACZL;QACJF,WAAWQ,IAAAA,gBAAU,EACnBJ,UAAU,mDACVd,aAAa,qCACbA,aAAa,yCACbgB,aAAa,CAAC,CAACP,2CACfC;QAEFD,OAAOO,aAAaP;QAEnBE,0BAAY,qBAACQ,8BAAc,QAAER,WAC7BZ,YAAYC;AAGnB"}
+{"version":3,"sources":["../../../../src/components/PanelHeaderBack/PanelHeaderBack.tsx"],"sourcesContent":["import {\n  Icon20ChevronLeftOutline,\n  Icon24ArrowLeftOutline,\n  Icon28ArrowLeftOutline,\n  Icon28ChevronBack,\n  Icon28ChevronLeftOutline,\n} from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { PlatformType } from '../../lib/platform';\nimport { AdaptiveIconRenderer } from '../AdaptiveIconRenderer/AdaptiveIconRenderer';\nimport { PanelHeaderButton, PanelHeaderButtonProps } from '../PanelHeaderButton/PanelHeaderButton';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from '../PanelHeaderButton/PanelHeaderButton.module.css';\n\nexport interface PanelHeaderBackProps extends Omit<PanelHeaderButtonProps, 'children'> {\n  children?: string;\n}\n\nconst getBackIcon = (platform: PlatformType) => {\n  switch (platform) {\n    case 'ios':\n      return <Icon28ChevronBack />;\n    case 'vkcom':\n      return (\n        <AdaptiveIconRenderer\n          IconCompact={Icon20ChevronLeftOutline}\n          IconRegular={Icon28ChevronLeftOutline}\n        />\n      );\n    default:\n      return (\n        <AdaptiveIconRenderer\n          IconCompact={Icon24ArrowLeftOutline}\n          IconRegular={Icon28ArrowLeftOutline}\n        />\n      );\n  }\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderButton\n */\nexport const PanelHeaderBack = ({\n  label,\n  className,\n  children = 'Назад',\n  ...restProps\n}: PanelHeaderButtonProps) => {\n  const platform = usePlatform();\n  const { sizeX = 'none' } = useAdaptivity();\n  // также label нужно скрывать при platform === 'ios' && sizeX === regular\n  // https://github.com/VKCOM/VKUI/blob/master/src/components/PanelHeaderButton/PanelHeaderButton.css#L104\n  const showLabel = platform === 'vkcom' || platform === 'ios';\n\n  return (\n    <PanelHeaderButton\n      {...restProps}\n      className={classNames(\n        sizeX === 'compact' && styles['PanelHeaderBack--sizeX-compact'],\n        platform === 'ios' && styles['PanelHeaderBack--ios'],\n        platform === 'vkcom' && styles['PanelHeaderBack--vkcom'],\n        showLabel && !!label && styles['PanelHeaderBack--has-label'],\n        className,\n      )}\n      label={showLabel && label}\n    >\n      {children && <VisuallyHidden>{children}</VisuallyHidden>}\n      {getBackIcon(platform)}\n    </PanelHeaderButton>\n  );\n};\n"],"names":["PanelHeaderBack","getBackIcon","platform","Icon28ChevronBack","AdaptiveIconRenderer","IconCompact","Icon20ChevronLeftOutline","IconRegular","Icon28ChevronLeftOutline","Icon24ArrowLeftOutline","Icon28ArrowLeftOutline","label","className","children","restProps","usePlatform","sizeX","useAdaptivity","showLabel","PanelHeaderButton","classNames","VisuallyHidden"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA4CaA;;;eAAAA;;;;;;;uBAtCN;sBACoB;+BACG;6BACF;sCAES;mCACqB;gCAC3B;AAO/B,MAAMC,cAAc,CAACC;IACnB,OAAQA;QACN,KAAK;YACH,qBAAO,qBAACC,wBAAiB;QAC3B,KAAK;YACH,qBACE,qBAACC,0CAAoB;gBACnBC,aAAaC,+BAAwB;gBACrCC,aAAaC,+BAAwB;;QAG3C;YACE,qBACE,qBAACJ,0CAAoB;gBACnBC,aAAaI,6BAAsB;gBACnCF,aAAaG,6BAAsB;;IAG3C;AACF;AAKO,MAAMV,kBAAkB;QAAC,EAC9BW,KAAK,EACLC,SAAS,EACTC,WAAW,OAAO,EAEK,WADpBC;QAHHH;QACAC;QACAC;;IAGA,MAAMX,WAAWa,IAAAA,wBAAW;IAC5B,MAAM,EAAEC,QAAQ,MAAM,EAAE,GAAGC,IAAAA,4BAAa;IACxC,yEAAyE;IACzE,wGAAwG;IACxG,MAAMC,YAAYhB,aAAa,WAAWA,aAAa;IAEvD,qBACE,sBAACiB,oCAAiB,8CACZL;QACJF,WAAWQ,IAAAA,gBAAU,EACnBJ,UAAU,mDACVd,aAAa,qCACbA,aAAa,yCACbgB,aAAa,CAAC,CAACP,2CACfC;QAEFD,OAAOO,aAAaP;;YAEnBE,0BAAY,qBAACQ,8BAAc;0BAAER;;YAC7BZ,YAAYC;;;AAGnB"}

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

@@ -7,5 +7,5 @@ export interface PanelHeaderButtonProps extends Omit<TappableProps, 'label'> {
 /**
  * @see https://vkcom.github.io/VKUI/#/PanelHeaderButton
  */
-export declare const PanelHeaderButton: ({ children, primary, label, className, ...restProps }: PanelHeaderButtonProps) => React.JSX.Element;
+export declare const PanelHeaderButton: ({ children, primary, label, className, ...restProps }: PanelHeaderButtonProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PanelHeaderButton.d.ts.map

package/dist/cjs/components/PanelHeaderButton/PanelHeaderButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PanelHeaderButton.d.ts","sourceRoot":"","sources":["../../../../src/components/PanelHeaderButton/PanelHeaderButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAW/D,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAsBD;;GAEG;AACH,eAAO,MAAM,iBAAiB,0DAM3B,sBAAsB,sBA8DxB,CAAC"}
+{"version":3,"file":"PanelHeaderButton.d.ts","sourceRoot":"","sources":["../../../../src/components/PanelHeaderButton/PanelHeaderButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAW/D,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAsBD;;GAEG;AACH,eAAO,MAAM,iBAAiB,0DAM3B,sBAAsB,4CA8DxB,CAAC"}

package/dist/cjs/components/PanelHeaderButton/PanelHeaderButton.js

@@ -12,6 +12,7 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
 const _object_spread = require("@swc/helpers/_/_object_spread");
 const _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 const _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _vkjs = require("@vkontakte/vkjs");
 const _usePlatform = require("../../hooks/usePlatform");
@@ -28,15 +29,17 @@ const platformClassNames = {
 const ButtonTypography = ({ primary, children })=>{
     const platform = (0, _usePlatform.usePlatform)();
     if (platform === 'ios') {
-        return /*#__PURE__*/ _react.createElement(_Title.Title, {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Title.Title, {
             Component: "span",
             level: "3",
-            weight: primary ? '1' : '3'
-        }, children);
+            weight: primary ? '1' : '3',
+            children: children
+        });
     }
-    return /*#__PURE__*/ _react.createElement(_Text.Text, {
-        weight: platform === 'vkcom' ? undefined : '2'
-    }, children);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.Text, {
+        weight: platform === 'vkcom' ? undefined : '2',
+        children: children
+    });
 };
 const warn = (0, _warnOnce.warnOnce)('PanelHeaderButton');
 const PanelHeaderButton = (_param)=>{
@@ -75,19 +78,25 @@ const PanelHeaderButton = (_param)=>{
             warn(_warnOnce.COMMON_WARNINGS.a11y[restProps.href ? 'link-name' : 'button-name'], 'error');
         }
     }
-    return /*#__PURE__*/ _react.createElement(_Tappable.Tappable, _object_spread_props._(_object_spread._({
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Tappable.Tappable, _object_spread_props._(_object_spread._({
         Component: restProps.href ? 'a' : 'button'
     }, restProps), {
         hoverMode: hoverMode,
         activeEffectDelay: 200,
         activeMode: activeMode,
-        className: (0, _vkjs.classNames)('vkuiInternalPanelHeaderButton', "vkuiPanelHeaderButton", platformClassNames.hasOwnProperty(platform) ? platformClassNames[platform] : platformClassNames.android, isPrimitive && "vkuiPanelHeaderButton--primitive", !isPrimitive && !isPrimitiveLabel && "vkuiPanelHeaderButton--notPrimitive", className)
-    }), isPrimitive ? /*#__PURE__*/ _react.createElement(ButtonTypography, {
-        primary: primary
-    }, children) : children, isPrimitiveLabel ? /*#__PURE__*/ _react.createElement(ButtonTypography, {
-        primary: primary,
-        className: "vkuiPanelHeaderButton__label"
-    }, label) : label);
+        className: (0, _vkjs.classNames)('vkuiInternalPanelHeaderButton', "vkuiPanelHeaderButton", platformClassNames.hasOwnProperty(platform) ? platformClassNames[platform] : platformClassNames.android, isPrimitive && "vkuiPanelHeaderButton--primitive", !isPrimitive && !isPrimitiveLabel && "vkuiPanelHeaderButton--notPrimitive", className),
+        children: [
+            isPrimitive ? /*#__PURE__*/ (0, _jsxruntime.jsx)(ButtonTypography, {
+                primary: primary,
+                children: children
+            }) : children,
+            isPrimitiveLabel ? /*#__PURE__*/ (0, _jsxruntime.jsx)(ButtonTypography, {
+                primary: primary,
+                className: "vkuiPanelHeaderButton__label",
+                children: label
+            }) : label
+        ]
+    }));
 };
 
 //# sourceMappingURL=PanelHeaderButton.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelHeaderButton/PanelHeaderButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, isPrimitiveReactNode } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { hasAccessibleName } from '../../lib/accessibility';\nimport { COMMON_WARNINGS, warnOnce } from '../../lib/warnOnce';\nimport { Tappable, TappableProps } from '../Tappable/Tappable';\nimport { Text } from '../Typography/Text/Text';\nimport { Title } from '../Typography/Title/Title';\nimport styles from './PanelHeaderButton.module.css';\n\nconst platformClassNames = {\n  ios: styles['PanelHeaderButton--ios'],\n  android: styles['PanelHeaderButton--android'],\n  vkcom: styles['PanelHeaderButton--vkcom'],\n};\n\nexport interface PanelHeaderButtonProps extends Omit<TappableProps, 'label'> {\n  primary?: boolean;\n  label?: React.ReactNode;\n}\n\ninterface ButtonTypographyProps extends React.AllHTMLAttributes<HTMLElement> {\n  primary?: PanelHeaderButtonProps['primary'];\n}\n\nconst ButtonTypography = ({ primary, children }: ButtonTypographyProps) => {\n  const platform = usePlatform();\n\n  if (platform === 'ios') {\n    return (\n      <Title Component=\"span\" level=\"3\" weight={primary ? '1' : '3'}>\n        {children}\n      </Title>\n    );\n  }\n\n  return <Text weight={platform === 'vkcom' ? undefined : '2'}>{children}</Text>;\n};\n\nconst warn = warnOnce('PanelHeaderButton');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderButton\n */\nexport const PanelHeaderButton = ({\n  children,\n  primary = false,\n  label,\n  className,\n  ...restProps\n}: PanelHeaderButtonProps) => {\n  const isPrimitive = isPrimitiveReactNode(children);\n  const isPrimitiveLabel = isPrimitiveReactNode(label);\n  const platform = usePlatform();\n\n  let hoverMode;\n  let activeMode;\n\n  switch (platform) {\n    case 'ios':\n      hoverMode = 'background';\n      activeMode = 'opacity';\n      break;\n    case 'vkcom':\n      hoverMode = styles['PanelHeaderButton--hover'];\n      activeMode = styles['PanelHeaderButton--active'];\n      break;\n    default:\n      hoverMode = 'background';\n      activeMode = 'background';\n  }\n\n  if (process.env.NODE_ENV === 'development') {\n    /* istanbul ignore next: проверка в dev mode, тест на hasAccessibleName() есть в lib/accessibility.test.tsx */\n    const isAccessible = hasAccessibleName({\n      children: [children, label],\n      ...restProps,\n    });\n\n    if (!isAccessible) {\n      warn(COMMON_WARNINGS.a11y[restProps.href ? 'link-name' : 'button-name'], 'error');\n    }\n  }\n\n  return (\n    <Tappable\n      Component={restProps.href ? 'a' : 'button'}\n      {...restProps}\n      hoverMode={hoverMode}\n      activeEffectDelay={200}\n      activeMode={activeMode}\n      className={classNames(\n        'vkuiInternalPanelHeaderButton',\n        styles['PanelHeaderButton'],\n        platformClassNames.hasOwnProperty(platform)\n          ? platformClassNames[platform]\n          : platformClassNames.android,\n        isPrimitive && styles['PanelHeaderButton--primitive'],\n        !isPrimitive && !isPrimitiveLabel && styles['PanelHeaderButton--notPrimitive'],\n        className,\n      )}\n    >\n      {isPrimitive ? <ButtonTypography primary={primary}>{children}</ButtonTypography> : children}\n      {isPrimitiveLabel ? (\n        <ButtonTypography primary={primary} className={styles['PanelHeaderButton__label']}>\n          {label}\n        </ButtonTypography>\n      ) : (\n        label\n      )}\n    </Tappable>\n  );\n};\n"],"names":["PanelHeaderButton","platformClassNames","ios","android","vkcom","ButtonTypography","primary","children","platform","usePlatform","Title","Component","level","weight","Text","undefined","warn","warnOnce","label","className","restProps","isPrimitive","isPrimitiveReactNode","isPrimitiveLabel","hoverMode","activeMode","process","env","NODE_ENV","isAccessible","hasAccessibleName","COMMON_WARNINGS","a11y","href","Tappable","activeEffectDelay","classNames","hasOwnProperty"],"mappings":";;;;+BA4CaA;;;eAAAA;;;;;;;iEA5CU;sBAC0B;6BACrB;+BACM;0BACQ;0BACF;sBACnB;uBACC;AAGtB,MAAMC,qBAAqB;IACzBC,GAAG;IACHC,OAAO;IACPC,KAAK;AACP;AAWA,MAAMC,mBAAmB,CAAC,EAAEC,OAAO,EAAEC,QAAQ,EAAyB;IACpE,MAAMC,WAAWC,IAAAA,wBAAW;IAE5B,IAAID,aAAa,OAAO;QACtB,qBACE,qBAACE,YAAK;YAACC,WAAU;YAAOC,OAAM;YAAIC,QAAQP,UAAU,MAAM;WACvDC;IAGP;IAEA,qBAAO,qBAACO,UAAI;QAACD,QAAQL,aAAa,UAAUO,YAAY;OAAMR;AAChE;AAEA,MAAMS,OAAOC,IAAAA,kBAAQ,EAAC;AAKf,MAAMjB,oBAAoB;QAAC,EAChCO,QAAQ,EACRD,UAAU,KAAK,EACfY,KAAK,EACLC,SAAS,EAEc,WADpBC;QAJHb;QACAD;QACAY;QACAC;;IAGA,MAAME,cAAcC,IAAAA,0BAAoB,EAACf;IACzC,MAAMgB,mBAAmBD,IAAAA,0BAAoB,EAACJ;IAC9C,MAAMV,WAAWC,IAAAA,wBAAW;IAE5B,IAAIe;IACJ,IAAIC;IAEJ,OAAQjB;QACN,KAAK;YACHgB,YAAY;YACZC,aAAa;YACb;QACF,KAAK;YACHD;YACAC;YACA;QACF;YACED,YAAY;YACZC,aAAa;IACjB;IAEA,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QAC1C,4GAA4G,GAC5G,MAAMC,eAAeC,IAAAA,gCAAiB,EAAC;YACrCvB,UAAU;gBAACA;gBAAUW;aAAM;WACxBE;QAGL,IAAI,CAACS,cAAc;YACjBb,KAAKe,yBAAe,CAACC,IAAI,CAACZ,UAAUa,IAAI,GAAG,cAAc,cAAc,EAAE;QAC3E;IACF;IAEA,qBACE,qBAACC,kBAAQ;QACPvB,WAAWS,UAAUa,IAAI,GAAG,MAAM;OAC9Bb;QACJI,WAAWA;QACXW,mBAAmB;QACnBV,YAAYA;QACZN,WAAWiB,IAAAA,gBAAU,EACnB,0DAEAnC,mBAAmBoC,cAAc,CAAC7B,YAC9BP,kBAAkB,CAACO,SAAS,GAC5BP,mBAAmBE,OAAO,EAC9BkB,mDACA,CAACA,eAAe,CAACE,2DACjBJ;QAGDE,4BAAc,qBAAChB;QAAiBC,SAASA;OAAUC,YAA+BA,UAClFgB,iCACC,qBAAClB;QAAiBC,SAASA;QAASa,SAAS;OAC1CD,SAGHA;AAIR"}
+{"version":3,"sources":["../../../../src/components/PanelHeaderButton/PanelHeaderButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, isPrimitiveReactNode } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { hasAccessibleName } from '../../lib/accessibility';\nimport { COMMON_WARNINGS, warnOnce } from '../../lib/warnOnce';\nimport { Tappable, TappableProps } from '../Tappable/Tappable';\nimport { Text } from '../Typography/Text/Text';\nimport { Title } from '../Typography/Title/Title';\nimport styles from './PanelHeaderButton.module.css';\n\nconst platformClassNames = {\n  ios: styles['PanelHeaderButton--ios'],\n  android: styles['PanelHeaderButton--android'],\n  vkcom: styles['PanelHeaderButton--vkcom'],\n};\n\nexport interface PanelHeaderButtonProps extends Omit<TappableProps, 'label'> {\n  primary?: boolean;\n  label?: React.ReactNode;\n}\n\ninterface ButtonTypographyProps extends React.AllHTMLAttributes<HTMLElement> {\n  primary?: PanelHeaderButtonProps['primary'];\n}\n\nconst ButtonTypography = ({ primary, children }: ButtonTypographyProps) => {\n  const platform = usePlatform();\n\n  if (platform === 'ios') {\n    return (\n      <Title Component=\"span\" level=\"3\" weight={primary ? '1' : '3'}>\n        {children}\n      </Title>\n    );\n  }\n\n  return <Text weight={platform === 'vkcom' ? undefined : '2'}>{children}</Text>;\n};\n\nconst warn = warnOnce('PanelHeaderButton');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderButton\n */\nexport const PanelHeaderButton = ({\n  children,\n  primary = false,\n  label,\n  className,\n  ...restProps\n}: PanelHeaderButtonProps) => {\n  const isPrimitive = isPrimitiveReactNode(children);\n  const isPrimitiveLabel = isPrimitiveReactNode(label);\n  const platform = usePlatform();\n\n  let hoverMode;\n  let activeMode;\n\n  switch (platform) {\n    case 'ios':\n      hoverMode = 'background';\n      activeMode = 'opacity';\n      break;\n    case 'vkcom':\n      hoverMode = styles['PanelHeaderButton--hover'];\n      activeMode = styles['PanelHeaderButton--active'];\n      break;\n    default:\n      hoverMode = 'background';\n      activeMode = 'background';\n  }\n\n  if (process.env.NODE_ENV === 'development') {\n    /* istanbul ignore next: проверка в dev mode, тест на hasAccessibleName() есть в lib/accessibility.test.tsx */\n    const isAccessible = hasAccessibleName({\n      children: [children, label],\n      ...restProps,\n    });\n\n    if (!isAccessible) {\n      warn(COMMON_WARNINGS.a11y[restProps.href ? 'link-name' : 'button-name'], 'error');\n    }\n  }\n\n  return (\n    <Tappable\n      Component={restProps.href ? 'a' : 'button'}\n      {...restProps}\n      hoverMode={hoverMode}\n      activeEffectDelay={200}\n      activeMode={activeMode}\n      className={classNames(\n        'vkuiInternalPanelHeaderButton',\n        styles['PanelHeaderButton'],\n        platformClassNames.hasOwnProperty(platform)\n          ? platformClassNames[platform]\n          : platformClassNames.android,\n        isPrimitive && styles['PanelHeaderButton--primitive'],\n        !isPrimitive && !isPrimitiveLabel && styles['PanelHeaderButton--notPrimitive'],\n        className,\n      )}\n    >\n      {isPrimitive ? <ButtonTypography primary={primary}>{children}</ButtonTypography> : children}\n      {isPrimitiveLabel ? (\n        <ButtonTypography primary={primary} className={styles['PanelHeaderButton__label']}>\n          {label}\n        </ButtonTypography>\n      ) : (\n        label\n      )}\n    </Tappable>\n  );\n};\n"],"names":["PanelHeaderButton","platformClassNames","ios","android","vkcom","ButtonTypography","primary","children","platform","usePlatform","Title","Component","level","weight","Text","undefined","warn","warnOnce","label","className","restProps","isPrimitive","isPrimitiveReactNode","isPrimitiveLabel","hoverMode","activeMode","process","env","NODE_ENV","isAccessible","hasAccessibleName","COMMON_WARNINGS","a11y","href","Tappable","activeEffectDelay","classNames","hasOwnProperty"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA4CaA;;;eAAAA;;;;;;;;iEA5CU;sBAC0B;6BACrB;+BACM;0BACQ;0BACF;sBACnB;uBACC;AAGtB,MAAMC,qBAAqB;IACzBC,GAAG;IACHC,OAAO;IACPC,KAAK;AACP;AAWA,MAAMC,mBAAmB,CAAC,EAAEC,OAAO,EAAEC,QAAQ,EAAyB;IACpE,MAAMC,WAAWC,IAAAA,wBAAW;IAE5B,IAAID,aAAa,OAAO;QACtB,qBACE,qBAACE,YAAK;YAACC,WAAU;YAAOC,OAAM;YAAIC,QAAQP,UAAU,MAAM;sBACvDC;;IAGP;IAEA,qBAAO,qBAACO,UAAI;QAACD,QAAQL,aAAa,UAAUO,YAAY;kBAAMR;;AAChE;AAEA,MAAMS,OAAOC,IAAAA,kBAAQ,EAAC;AAKf,MAAMjB,oBAAoB;QAAC,EAChCO,QAAQ,EACRD,UAAU,KAAK,EACfY,KAAK,EACLC,SAAS,EAEc,WADpBC;QAJHb;QACAD;QACAY;QACAC;;IAGA,MAAME,cAAcC,IAAAA,0BAAoB,EAACf;IACzC,MAAMgB,mBAAmBD,IAAAA,0BAAoB,EAACJ;IAC9C,MAAMV,WAAWC,IAAAA,wBAAW;IAE5B,IAAIe;IACJ,IAAIC;IAEJ,OAAQjB;QACN,KAAK;YACHgB,YAAY;YACZC,aAAa;YACb;QACF,KAAK;YACHD;YACAC;YACA;QACF;YACED,YAAY;YACZC,aAAa;IACjB;IAEA,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QAC1C,4GAA4G,GAC5G,MAAMC,eAAeC,IAAAA,gCAAiB,EAAC;YACrCvB,UAAU;gBAACA;gBAAUW;aAAM;WACxBE;QAGL,IAAI,CAACS,cAAc;YACjBb,KAAKe,yBAAe,CAACC,IAAI,CAACZ,UAAUa,IAAI,GAAG,cAAc,cAAc,EAAE;QAC3E;IACF;IAEA,qBACE,sBAACC,kBAAQ;QACPvB,WAAWS,UAAUa,IAAI,GAAG,MAAM;OAC9Bb;QACJI,WAAWA;QACXW,mBAAmB;QACnBV,YAAYA;QACZN,WAAWiB,IAAAA,gBAAU,EACnB,0DAEAnC,mBAAmBoC,cAAc,CAAC7B,YAC9BP,kBAAkB,CAACO,SAAS,GAC5BP,mBAAmBE,OAAO,EAC9BkB,mDACA,CAACA,eAAe,CAACE,2DACjBJ;;YAGDE,4BAAc,qBAAChB;gBAAiBC,SAASA;0BAAUC;iBAA+BA;YAClFgB,iCACC,qBAAClB;gBAAiBC,SAASA;gBAASa,SAAS;0BAC1CD;iBAGHA;;;AAIR"}

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

@@ -1,7 +1,6 @@
-import * as React from 'react';
 import { PanelHeaderButtonProps } from '../PanelHeaderButton/PanelHeaderButton';
 /**
  * @see https://vkcom.github.io/VKUI/#/PanelHeaderButton
  */
-export declare const PanelHeaderClose: ({ children, ...restProps }: PanelHeaderButtonProps) => React.JSX.Element;
+export declare const PanelHeaderClose: ({ children, ...restProps }: PanelHeaderButtonProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PanelHeaderClose.d.ts.map

package/dist/cjs/components/PanelHeaderClose/PanelHeaderClose.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PanelHeaderClose.d.ts","sourceRoot":"","sources":["../../../../src/components/PanelHeaderClose/PanelHeaderClose.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAqB,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAGnG;;GAEG;AACH,eAAO,MAAM,gBAAgB,+BAA2C,sBAAsB,sBAkB7F,CAAC"}
+{"version":3,"file":"PanelHeaderClose.d.ts","sourceRoot":"","sources":["../../../../src/components/PanelHeaderClose/PanelHeaderClose.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAqB,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAGnG;;GAEG;AACH,eAAO,MAAM,gBAAgB,+BAA2C,sBAAsB,4CAkB7F,CAAC"}

package/dist/cjs/components/PanelHeaderClose/PanelHeaderClose.js

@@ -8,9 +8,10 @@ Object.defineProperty(exports, "PanelHeaderClose", {
         return PanelHeaderClose;
     }
 });
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _object_spread = require("@swc/helpers/_/_object_spread");
+const _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 const _object_without_properties = require("@swc/helpers/_/_object_without_properties");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _jsxruntime = require("react/jsx-runtime");
 const _icons = require("@vkontakte/icons");
 const _usePlatform = require("../../hooks/usePlatform");
 const _AdaptiveIconRenderer = require("../AdaptiveIconRenderer/AdaptiveIconRenderer");
@@ -21,10 +22,19 @@ const PanelHeaderClose = (_param)=>{
         "children"
     ]);
     const platform = (0, _usePlatform.usePlatform)();
-    return /*#__PURE__*/ _react.createElement(_PanelHeaderButton.PanelHeaderButton, restProps, platform === 'ios' ? children : /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement(_VisuallyHidden.VisuallyHidden, null, children), /*#__PURE__*/ _react.createElement(_AdaptiveIconRenderer.AdaptiveIconRenderer, {
-        IconCompact: _icons.Icon24CancelOutline,
-        IconRegular: _icons.Icon28CancelOutline
-    })));
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_PanelHeaderButton.PanelHeaderButton, _object_spread_props._(_object_spread._({}, restProps), {
+        children: platform === 'ios' ? children : /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_VisuallyHidden.VisuallyHidden, {
+                    children: children
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_AdaptiveIconRenderer.AdaptiveIconRenderer, {
+                    IconCompact: _icons.Icon24CancelOutline,
+                    IconRegular: _icons.Icon28CancelOutline
+                })
+            ]
+        })
+    }));
 };
 
 //# sourceMappingURL=PanelHeaderClose.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelHeaderClose/PanelHeaderClose.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon24CancelOutline, Icon28CancelOutline } from '@vkontakte/icons';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { AdaptiveIconRenderer } from '../AdaptiveIconRenderer/AdaptiveIconRenderer';\nimport { PanelHeaderButton, PanelHeaderButtonProps } from '../PanelHeaderButton/PanelHeaderButton';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderButton\n */\nexport const PanelHeaderClose = ({ children = 'Отмена', ...restProps }: PanelHeaderButtonProps) => {\n  const platform = usePlatform();\n\n  return (\n    <PanelHeaderButton {...restProps}>\n      {platform === 'ios' ? (\n        children\n      ) : (\n        <>\n          <VisuallyHidden>{children}</VisuallyHidden>\n          <AdaptiveIconRenderer\n            IconCompact={Icon24CancelOutline}\n            IconRegular={Icon28CancelOutline}\n          />\n        </>\n      )}\n    </PanelHeaderButton>\n  );\n};\n"],"names":["PanelHeaderClose","children","restProps","platform","usePlatform","PanelHeaderButton","VisuallyHidden","AdaptiveIconRenderer","IconCompact","Icon24CancelOutline","IconRegular","Icon28CancelOutline"],"mappings":";;;;+BAUaA;;;eAAAA;;;;;iEAVU;uBACkC;6BAC7B;sCACS;mCACqB;gCAC3B;AAKxB,MAAMA,mBAAmB;QAAC,EAAEC,WAAW,QAAQ,EAAwC,WAAnCC;QAAxBD;;IACjC,MAAME,WAAWC,IAAAA,wBAAW;IAE5B,qBACE,qBAACC,oCAAiB,EAAKH,WACpBC,aAAa,QACZF,yBAEA,0DACE,qBAACK,8BAAc,QAAEL,yBACjB,qBAACM,0CAAoB;QACnBC,aAAaC,0BAAmB;QAChCC,aAAaC,0BAAmB;;AAM5C"}
+{"version":3,"sources":["../../../../src/components/PanelHeaderClose/PanelHeaderClose.tsx"],"sourcesContent":["import { Icon24CancelOutline, Icon28CancelOutline } from '@vkontakte/icons';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { AdaptiveIconRenderer } from '../AdaptiveIconRenderer/AdaptiveIconRenderer';\nimport { PanelHeaderButton, PanelHeaderButtonProps } from '../PanelHeaderButton/PanelHeaderButton';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderButton\n */\nexport const PanelHeaderClose = ({ children = 'Отмена', ...restProps }: PanelHeaderButtonProps) => {\n  const platform = usePlatform();\n\n  return (\n    <PanelHeaderButton {...restProps}>\n      {platform === 'ios' ? (\n        children\n      ) : (\n        <>\n          <VisuallyHidden>{children}</VisuallyHidden>\n          <AdaptiveIconRenderer\n            IconCompact={Icon24CancelOutline}\n            IconRegular={Icon28CancelOutline}\n          />\n        </>\n      )}\n    </PanelHeaderButton>\n  );\n};\n"],"names":["PanelHeaderClose","children","restProps","platform","usePlatform","PanelHeaderButton","VisuallyHidden","AdaptiveIconRenderer","IconCompact","Icon24CancelOutline","IconRegular","Icon28CancelOutline"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;;;;uBAT4C;6BAC7B;sCACS;mCACqB;gCAC3B;AAKxB,MAAMA,mBAAmB;QAAC,EAAEC,WAAW,QAAQ,EAAwC,WAAnCC;QAAxBD;;IACjC,MAAME,WAAWC,IAAAA,wBAAW;IAE5B,qBACE,qBAACC,oCAAiB,8CAAKH;kBACpBC,aAAa,QACZF,yBAEA;;8BACE,qBAACK,8BAAc;8BAAEL;;8BACjB,qBAACM,0CAAoB;oBACnBC,aAAaC,0BAAmB;oBAChCC,aAAaC,0BAAmB;;;;;AAM5C"}

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

@@ -8,5 +8,5 @@ export interface PanelHeaderContentProps extends HTMLAttributesWithRootRef<HTMLD
 /**
  * @see https://vkcom.github.io/VKUI/#/PanelHeaderContent
  */
-export declare const PanelHeaderContent: ({ aside, status, before, children, onClick, ...restProps }: PanelHeaderContentProps) => React.JSX.Element;
+export declare const PanelHeaderContent: ({ aside, status, before, children, onClick, ...restProps }: PanelHeaderContentProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PanelHeaderContent.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PanelHeaderContent.d.ts","sourceRoot":"","sources":["../../../../src/components/PanelHeaderContent/PanelHeaderContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAe,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAkBrE,MAAM,WAAW,uBAAwB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IACxF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAuBD;;GAEG;AACH,eAAO,MAAM,kBAAkB,+DAO5B,uBAAuB,sBAiDzB,CAAC"}
+{"version":3,"file":"PanelHeaderContent.d.ts","sourceRoot":"","sources":["../../../../src/components/PanelHeaderContent/PanelHeaderContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAe,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAkBrE,MAAM,WAAW,uBAAwB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IACxF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAuBD;;GAEG;AACH,eAAO,MAAM,kBAAkB,+DAO5B,uBAAuB,4CAiDzB,CAAC"}