@vkontakte/vkui 6.0.3 → 6.1.0

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 { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { HasChildren, HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Footnote } from '../Typography/Footnote/Footnote';\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\nconst sizeYClassNames = {\n  none: styles['PanelHeaderContent--sizeY-none'],\n  compact: styles['PanelHeaderContent--sizeY-compact'],\n};\n\nexport interface PanelHeaderContentProps extends HTMLAttributesWithRootRef<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\n  return hasStatus || hasBefore ? (\n    <Text\n      className={styles['PanelHeaderContent__childrenText']}\n      Component=\"div\"\n      weight={platform === 'vkcom' ? '2' : undefined}\n    >\n      {children}\n    </Text>\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  aside,\n  status,\n  before,\n  children,\n  onClick,\n  ...restProps\n}: PanelHeaderContentProps) => {\n  const { sizeY = 'none' } = useAdaptivity();\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 === 'ios',\n        activeMode: 'opacity',\n      }\n    : {};\n\n  return (\n    <RootComponent\n      {...rootProps}\n      baseClassName={classNames(\n        styles['PanelHeaderContent'],\n        platformClassNames.hasOwnProperty(platform)\n          ? platformClassNames[platform]\n          : platformClassNames.android,\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\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 !== '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    </RootComponent>\n  );\n};\n"],"names":["PanelHeaderContent","platformClassNames","ios","android","vkcom","sizeYClassNames","none","compact","PanelHeaderChildren","hasStatus","hasBefore","children","platform","usePlatform","Text","className","Component","weight","undefined","div","aside","status","before","onClick","restProps","sizeY","useAdaptivity","InComponent","Tappable","rootProps","inProps","activeEffectDelay","hasActive","activeMode","RootComponent","baseClassName","classNames","hasOwnProperty","hasReactNode","Footnote"],"mappings":";;;;+BAoDaA;;;eAAAA;;;;;;;iEApDU;sBACkB;+BACX;6BACF;+BAEE;0BACL;0BACA;sBACJ;AAGrB,MAAMC,qBAAqB;IACzBC,GAAG;IACHC,OAAO;IACPC,KAAK;AACP;AAEA,MAAMC,kBAAkB;IACtBC,IAAI;IACJC,OAAO;AACT;AAaA,MAAMC,sBAAsB,CAAC,EAAEC,SAAS,EAAEC,SAAS,EAAEC,QAAQ,EAA4B;IACvF,MAAMC,WAAWC,IAAAA,wBAAW;IAE5B,OAAOJ,aAAaC,0BAClB,qBAACI,UAAI;QACHC,SAAS;QACTC,WAAU;QACVC,QAAQL,aAAa,UAAU,MAAMM;OAEpCP,0BAGH,qBAACQ;QAAIJ,SAAS;OAA8CJ;AAEhE;AAKO,MAAMX,qBAAqB;QAAC,EACjCoB,KAAK,EACLC,MAAM,EACNC,MAAM,EACNX,QAAQ,EACRY,OAAO,EAEiB,WADrBC;QALHJ;QACAC;QACAC;QACAX;QACAY;;IAGA,MAAM,EAAEE,QAAQ,MAAM,EAAE,GAAGC,IAAAA,4BAAa;IACxC,MAAMC,cAAcJ,UAAUK,kBAAQ,GAAG;IACzC,MAAMC,YAAYN,UAAU,CAAC,IAAIC;IACjC,MAAMZ,WAAWC,IAAAA,wBAAW;IAC5B,MAAMiB,UAAUP,UACZ,4CACKC;QACHD;QACAQ,mBAAmB;QACnBC,WAAWpB,aAAa;QACxBqB,YAAY;SAEd,CAAC;IAEL,qBACE,qBAACC,4BAAa,8CACRL;QACJM,eAAeC,IAAAA,gBAAU,4BAEvBnC,mBAAmBoC,cAAc,CAACzB,YAC9BX,kBAAkB,CAACW,SAAS,GAC5BX,mBAAmBE,OAAO,EAC9BsB,UAAU,aAAapB,eAAe,CAACoB,MAAM;QAG9Ca,IAAAA,kBAAY,EAAChB,yBAAW,qBAACH;QAAIJ,SAAS;OAAyCO,uBAChF,qBAACK,yDACKG;QACJf,WAAWqB,IAAAA,gBAAU,gCAEnB,CAACd,UAAUV,aAAa;QAGzB0B,IAAAA,kBAAY,EAACjB,yBACZ,qBAACkB,kBAAQ;QAACxB,SAAS;OAAyCM,uBAE9D,qBAACF;QAAIJ,SAAS;qBACZ,qBAACP;QAAoBC,WAAW6B,IAAAA,kBAAY,EAACjB;QAASX,WAAW4B,IAAAA,kBAAY,EAAChB;OAC3EX,WAEF2B,IAAAA,kBAAY,EAAClB,wBACZ,qBAACD;QAAIJ,SAAS;OAAwCK,SAGzDkB,IAAAA,kBAAY,EAAChB,yBAAW,qBAACH;QAAIJ,SAAS;;AAI/C"}
+{"version":3,"sources":["../../../../src/components/PanelHeaderContent/PanelHeaderContent.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { HasChildren, HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Footnote } from '../Typography/Footnote/Footnote';\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\nconst sizeYClassNames = {\n  none: styles['PanelHeaderContent--sizeY-none'],\n  compact: styles['PanelHeaderContent--sizeY-compact'],\n};\n\nexport interface PanelHeaderContentProps extends HTMLAttributesWithRootRef<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\n  return hasStatus || hasBefore ? (\n    <Text\n      className={styles['PanelHeaderContent__childrenText']}\n      Component=\"div\"\n      weight={platform === 'vkcom' ? '2' : undefined}\n    >\n      {children}\n    </Text>\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  aside,\n  status,\n  before,\n  children,\n  onClick,\n  ...restProps\n}: PanelHeaderContentProps) => {\n  const { sizeY = 'none' } = useAdaptivity();\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 === 'ios',\n        activeMode: 'opacity',\n      }\n    : {};\n\n  return (\n    <RootComponent\n      {...rootProps}\n      baseClassName={classNames(\n        styles['PanelHeaderContent'],\n        platformClassNames.hasOwnProperty(platform)\n          ? platformClassNames[platform]\n          : platformClassNames.android,\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\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 !== '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    </RootComponent>\n  );\n};\n"],"names":["PanelHeaderContent","platformClassNames","ios","android","vkcom","sizeYClassNames","none","compact","PanelHeaderChildren","hasStatus","hasBefore","children","platform","usePlatform","Text","className","Component","weight","undefined","div","aside","status","before","onClick","restProps","sizeY","useAdaptivity","InComponent","Tappable","rootProps","inProps","activeEffectDelay","hasActive","activeMode","RootComponent","baseClassName","classNames","hasOwnProperty","hasReactNode","Footnote"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAoDaA;;;eAAAA;;;;;;;;iEApDU;sBACkB;+BACX;6BACF;+BAEE;0BACL;0BACA;sBACJ;AAGrB,MAAMC,qBAAqB;IACzBC,GAAG;IACHC,OAAO;IACPC,KAAK;AACP;AAEA,MAAMC,kBAAkB;IACtBC,IAAI;IACJC,OAAO;AACT;AAaA,MAAMC,sBAAsB,CAAC,EAAEC,SAAS,EAAEC,SAAS,EAAEC,QAAQ,EAA4B;IACvF,MAAMC,WAAWC,IAAAA,wBAAW;IAE5B,OAAOJ,aAAaC,0BAClB,qBAACI,UAAI;QACHC,SAAS;QACTC,WAAU;QACVC,QAAQL,aAAa,UAAU,MAAMM;kBAEpCP;uBAGH,qBAACQ;QAAIJ,SAAS;kBAA8CJ;;AAEhE;AAKO,MAAMX,qBAAqB;QAAC,EACjCoB,KAAK,EACLC,MAAM,EACNC,MAAM,EACNX,QAAQ,EACRY,OAAO,EAEiB,WADrBC;QALHJ;QACAC;QACAC;QACAX;QACAY;;IAGA,MAAM,EAAEE,QAAQ,MAAM,EAAE,GAAGC,IAAAA,4BAAa;IACxC,MAAMC,cAAcJ,UAAUK,kBAAQ,GAAG;IACzC,MAAMC,YAAYN,UAAU,CAAC,IAAIC;IACjC,MAAMZ,WAAWC,IAAAA,wBAAW;IAC5B,MAAMiB,UAAUP,UACZ,4CACKC;QACHD;QACAQ,mBAAmB;QACnBC,WAAWpB,aAAa;QACxBqB,YAAY;SAEd,CAAC;IAEL,qBACE,sBAACC,4BAAa,8CACRL;QACJM,eAAeC,IAAAA,gBAAU,4BAEvBnC,mBAAmBoC,cAAc,CAACzB,YAC9BX,kBAAkB,CAACW,SAAS,GAC5BX,mBAAmBE,OAAO,EAC9BsB,UAAU,aAAapB,eAAe,CAACoB,MAAM;;YAG9Ca,IAAAA,kBAAY,EAAChB,yBAAW,qBAACH;gBAAIJ,SAAS;0BAAyCO;;0BAChF,sBAACK,yDACKG;gBACJf,WAAWqB,IAAAA,gBAAU,gCAEnB,CAACd,UAAUV,aAAa;;oBAGzB0B,IAAAA,kBAAY,EAACjB,yBACZ,qBAACkB,kBAAQ;wBAACxB,SAAS;kCAAyCM;;kCAE9D,sBAACF;wBAAIJ,SAAS;;0CACZ,qBAACP;gCAAoBC,WAAW6B,IAAAA,kBAAY,EAACjB;gCAASX,WAAW4B,IAAAA,kBAAY,EAAChB;0CAC3EX;;4BAEF2B,IAAAA,kBAAY,EAAClB,wBACZ,qBAACD;gCAAIJ,SAAS;0CAAwCK;;;;oBAGzDkB,IAAAA,kBAAY,EAAChB,yBAAW,qBAACH;wBAAIJ,SAAS;;;;;;AAI/C"}

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { HTMLAttributesWithRootRef } from '../../types';
 export interface PanelHeaderContextProps extends HTMLAttributesWithRootRef<HTMLDivElement> {
     opened: boolean;
@@ -7,5 +6,5 @@ export interface PanelHeaderContextProps extends HTMLAttributesWithRootRef<HTMLD
 /**
  * @see https://vkcom.github.io/VKUI/#/PanelHeaderContext
  */
-export declare const PanelHeaderContext: ({ children, onClose, opened, className, ...restProps }: PanelHeaderContextProps) => React.JSX.Element;
+export declare const PanelHeaderContext: ({ children, onClose, opened, className, ...restProps }: PanelHeaderContextProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PanelHeaderContext.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PanelHeaderContext.d.ts","sourceRoot":"","sources":["../../../../src/components/PanelHeaderContext/PanelHeaderContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAWxD,MAAM,WAAW,uBAAwB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IACxF,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,YAAY,CAAC;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,2DAM5B,uBAAuB,sBAoEzB,CAAC"}
+{"version":3,"file":"PanelHeaderContext.d.ts","sourceRoot":"","sources":["../../../../src/components/PanelHeaderContext/PanelHeaderContext.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAWxD,MAAM,WAAW,uBAAwB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IACxF,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,YAAY,CAAC;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,2DAM5B,uBAAuB,4CAoEzB,CAAC"}

package/dist/cjs/components/PanelHeaderContext/PanelHeaderContext.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");
@@ -62,22 +63,28 @@ const PanelHeaderContext = (_param)=>{
         animationFallback,
         closing
     ]);
-    return /*#__PURE__*/ _react.createElement(_FixedLayout.FixedLayout, _object_spread_props._(_object_spread._({}, restProps), {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_FixedLayout.FixedLayout, _object_spread_props._(_object_spread._({}, restProps), {
         className: (0, _vkjs.classNames)("vkuiPanelHeaderContext", platform === 'ios' && "vkuiPanelHeaderContext--ios", opened && "vkuiPanelHeaderContext--opened", closing && "vkuiPanelHeaderContext--closing", sizeXClassNames[sizeX], className),
-        vertical: "top"
-    }), visible && /*#__PURE__*/ _react.createElement("div", {
-        onClick: (event)=>{
-            event.stopPropagation();
-            onClose();
-        },
-        className: "vkuiPanelHeaderContext__fade"
-    }), /*#__PURE__*/ _react.createElement("div", {
-        className: "vkuiPanelHeaderContext__in",
-        ref: elementRef,
-        onAnimationEnd: closing ? onAnimationEnd : undefined
-    }, visible && /*#__PURE__*/ _react.createElement("div", {
-        className: "vkuiPanelHeaderContext__content"
-    }, children)));
+        vertical: "top",
+        children: [
+            visible && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                onClick: (event)=>{
+                    event.stopPropagation();
+                    onClose();
+                },
+                className: "vkuiPanelHeaderContext__fade"
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: "vkuiPanelHeaderContext__in",
+                ref: elementRef,
+                onAnimationEnd: closing ? onAnimationEnd : undefined,
+                children: visible && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    className: "vkuiPanelHeaderContext__content",
+                    children: children
+                })
+            })
+        ]
+    }));
 };
 
 //# sourceMappingURL=PanelHeaderContext.js.map

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 { useDOM } from '../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { HTMLAttributesWithRootRef } from '../../types';\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  ['compact']: styles['PanelHeaderContext--sizeX-compact'],\n  ['regular']: styles['PanelHeaderContext--sizeX-regular'],\n};\n\nexport interface PanelHeaderContextProps extends HTMLAttributesWithRootRef<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 !== '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 === '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","children","onClose","opened","className","restProps","document","useDOM","platform","usePlatform","visible","setVisible","React","useState","closing","sizeX","useAdaptivity","elementRef","useRef","useIsomorphicLayoutEffect","useScrollLock","useGlobalEventListener","event","current","contains","target","stopPropagation","capture","onAnimationEnd","animationFallback","useTimeout","useEffect","set","clear","FixedLayout","classNames","vertical","div","onClick","ref","undefined"],"mappings":";;;;+BA2BaA;;;eAAAA;;;;;;;iEA3BU;sBACI;+BACG;wCACS;6BACX;4BACD;qBACJ;2CACmB;+BAEZ;6BACF;AAG5B,MAAMC,kBAAkB;IACtBC,IAAI;IACJ,CAAC,UAAU;IACX,CAAC,UAAU;AACb;AAUO,MAAMF,qBAAqB;QAAC,EACjCG,QAAQ,EACRC,OAAO,EACPC,SAAS,KAAK,EACdC,SAAS,EAEe,WADrBC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,QAAQ,EAAE,GAAGC,IAAAA,WAAM;IAC3B,MAAMC,WAAWC,IAAAA,wBAAW;IAC5B,MAAM,CAACC,SAASC,WAAW,GAAGC,OAAMC,QAAQ,CAACV;IAC7C,MAAMW,UAAUJ,WAAW,CAACP;IAC5B,MAAM,EAAEY,QAAQ,MAAM,EAAE,GAAGC,IAAAA,4BAAa;IACxC,MAAMC,aAAaL,OAAMM,MAAM,CAAiB;IAEhDC,IAAAA,oDAAyB,EAAC;QACxBhB,UAAUQ,WAAW;IACvB,GAAG;QAACR;KAAO;IAEXiB,IAAAA,4BAAa,EAACZ,aAAa,WAAWL;IAEtC,+BAA+B;IAC/BkB,IAAAA,8CAAsB,EACpBf,UACA,SACAH,UACE,CAACW,WACA,CAAA,CAACQ;QACA,IAAIL,WAAWM,OAAO,IAAI,CAACN,WAAWM,OAAO,CAACC,QAAQ,CAACF,MAAMG,MAAM,GAAW;YAC5EH,MAAMI,eAAe;YACrBxB;QACF;IACF,CAAA,GACF;QAAEyB,SAAS;IAAK;IAGlB,0DAA0D;IAC1D,MAAMC,iBAAiB,IAAMjB,WAAW;IACxC,MAAMkB,oBAAoBC,IAAAA,sBAAU,EAACF,gBAAgB;IACrDhB,OAAMmB,SAAS,CACb,IAAOjB,UAAUe,kBAAkBG,GAAG,KAAKH,kBAAkBI,KAAK,IAClE;QAACJ;QAAmBf;KAAQ;IAG9B,qBACE,qBAACoB,wBAAW,8CACN7B;QACJD,WAAW+B,IAAAA,gBAAU,4BAEnB3B,aAAa,wCACbL,4CACAW,8CACAf,eAAe,CAACgB,MAAM,EACtBX;QAEFgC,UAAS;QAER1B,yBACC,qBAAC2B;QACCC,SAAS,CAAChB;YACRA,MAAMI,eAAe;YACrBxB;QACF;QACAE,SAAS;sBAGb,qBAACiC;QACCjC,SAAS;QACTmC,KAAKtB;QACLW,gBAAgBd,UAAUc,iBAAiBY;OAE1C9B,yBAAW,qBAAC2B;QAAIjC,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 { useDOM } from '../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { HTMLAttributesWithRootRef } from '../../types';\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  ['compact']: styles['PanelHeaderContext--sizeX-compact'],\n  ['regular']: styles['PanelHeaderContext--sizeX-regular'],\n};\n\nexport interface PanelHeaderContextProps extends HTMLAttributesWithRootRef<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 !== '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 === '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","children","onClose","opened","className","restProps","document","useDOM","platform","usePlatform","visible","setVisible","React","useState","closing","sizeX","useAdaptivity","elementRef","useRef","useIsomorphicLayoutEffect","useScrollLock","useGlobalEventListener","event","current","contains","target","stopPropagation","capture","onAnimationEnd","animationFallback","useTimeout","useEffect","set","clear","FixedLayout","classNames","vertical","div","onClick","ref","undefined"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA2BaA;;;eAAAA;;;;;;;;iEA3BU;sBACI;+BACG;wCACS;6BACX;4BACD;qBACJ;2CACmB;+BAEZ;6BACF;AAG5B,MAAMC,kBAAkB;IACtBC,IAAI;IACJ,CAAC,UAAU;IACX,CAAC,UAAU;AACb;AAUO,MAAMF,qBAAqB;QAAC,EACjCG,QAAQ,EACRC,OAAO,EACPC,SAAS,KAAK,EACdC,SAAS,EAEe,WADrBC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,QAAQ,EAAE,GAAGC,IAAAA,WAAM;IAC3B,MAAMC,WAAWC,IAAAA,wBAAW;IAC5B,MAAM,CAACC,SAASC,WAAW,GAAGC,OAAMC,QAAQ,CAACV;IAC7C,MAAMW,UAAUJ,WAAW,CAACP;IAC5B,MAAM,EAAEY,QAAQ,MAAM,EAAE,GAAGC,IAAAA,4BAAa;IACxC,MAAMC,aAAaL,OAAMM,MAAM,CAAiB;IAEhDC,IAAAA,oDAAyB,EAAC;QACxBhB,UAAUQ,WAAW;IACvB,GAAG;QAACR;KAAO;IAEXiB,IAAAA,4BAAa,EAACZ,aAAa,WAAWL;IAEtC,+BAA+B;IAC/BkB,IAAAA,8CAAsB,EACpBf,UACA,SACAH,UACE,CAACW,WACA,CAAA,CAACQ;QACA,IAAIL,WAAWM,OAAO,IAAI,CAACN,WAAWM,OAAO,CAACC,QAAQ,CAACF,MAAMG,MAAM,GAAW;YAC5EH,MAAMI,eAAe;YACrBxB;QACF;IACF,CAAA,GACF;QAAEyB,SAAS;IAAK;IAGlB,0DAA0D;IAC1D,MAAMC,iBAAiB,IAAMjB,WAAW;IACxC,MAAMkB,oBAAoBC,IAAAA,sBAAU,EAACF,gBAAgB;IACrDhB,OAAMmB,SAAS,CACb,IAAOjB,UAAUe,kBAAkBG,GAAG,KAAKH,kBAAkBI,KAAK,IAClE;QAACJ;QAAmBf;KAAQ;IAG9B,qBACE,sBAACoB,wBAAW,8CACN7B;QACJD,WAAW+B,IAAAA,gBAAU,4BAEnB3B,aAAa,wCACbL,4CACAW,8CACAf,eAAe,CAACgB,MAAM,EACtBX;QAEFgC,UAAS;;YAER1B,yBACC,qBAAC2B;gBACCC,SAAS,CAAChB;oBACRA,MAAMI,eAAe;oBACrBxB;gBACF;gBACAE,SAAS;;0BAGb,qBAACiC;gBACCjC,SAAS;gBACTmC,KAAKtB;gBACLW,gBAAgBd,UAAUc,iBAAiBY;0BAE1C9B,yBAAW,qBAAC2B;oBAAIjC,SAAS;8BAA0CH;;;;;AAI5E"}

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { PanelHeaderButtonProps } from '../PanelHeaderButton/PanelHeaderButton';
 export interface PanelHeaderEditProps extends PanelHeaderButtonProps {
     /**
@@ -17,5 +16,5 @@ export interface PanelHeaderEditProps extends PanelHeaderButtonProps {
 /**
  * @see https://vkcom.github.io/VKUI/#/PanelHeaderButton
  */
-export declare const PanelHeaderEdit: ({ isActive, editLabel, doneLabel, ...restProps }: PanelHeaderEditProps) => React.JSX.Element;
+export declare const PanelHeaderEdit: ({ isActive, editLabel, doneLabel, ...restProps }: PanelHeaderEditProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PanelHeaderEdit.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PanelHeaderEdit.d.ts","sourceRoot":"","sources":["../../../../src/components/PanelHeaderEdit/PanelHeaderEdit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAAqB,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAGnG,MAAM,WAAW,oBAAqB,SAAQ,sBAAsB;IAClE;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,qDAKzB,oBAAoB,sBAmBtB,CAAC"}
+{"version":3,"file":"PanelHeaderEdit.d.ts","sourceRoot":"","sources":["../../../../src/components/PanelHeaderEdit/PanelHeaderEdit.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAqB,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAGnG,MAAM,WAAW,oBAAqB,SAAQ,sBAAsB;IAClE;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,qDAKzB,oBAAoB,4CAmBtB,CAAC"}

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

@@ -8,9 +8,10 @@ Object.defineProperty(exports, "PanelHeaderEdit", {
         return PanelHeaderEdit;
     }
 });
-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");
@@ -24,10 +25,19 @@ const PanelHeaderEdit = (_param)=>{
     ]);
     const platform = (0, _usePlatform.usePlatform)();
     const label = isActive ? doneLabel : editLabel;
-    return /*#__PURE__*/ _react.createElement(_PanelHeaderButton.PanelHeaderButton, restProps, platform === 'ios' ? label : /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement(_VisuallyHidden.VisuallyHidden, null, label), /*#__PURE__*/ _react.createElement(_AdaptiveIconRenderer.AdaptiveIconRenderer, {
-        IconCompact: isActive ? _icons.Icon24DoneOutline : _icons.Icon24PenOutline,
-        IconRegular: isActive ? _icons.Icon28DoneOutline : _icons.Icon28EditOutline
-    })));
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_PanelHeaderButton.PanelHeaderButton, _object_spread_props._(_object_spread._({}, restProps), {
+        children: platform === 'ios' ? label : /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_VisuallyHidden.VisuallyHidden, {
+                    children: label
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_AdaptiveIconRenderer.AdaptiveIconRenderer, {
+                    IconCompact: isActive ? _icons.Icon24DoneOutline : _icons.Icon24PenOutline,
+                    IconRegular: isActive ? _icons.Icon28DoneOutline : _icons.Icon28EditOutline
+                })
+            ]
+        })
+    }));
 };
 
 //# sourceMappingURL=PanelHeaderEdit.js.map

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 {\n  Icon24DoneOutline,\n  Icon24PenOutline,\n  Icon28DoneOutline,\n  Icon28EditOutline,\n} 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\nexport interface PanelHeaderEditProps extends PanelHeaderButtonProps {\n  /**\n   * Включен ли режим редактирования\n   */\n  isActive?: boolean;\n  /**\n   * Текст кнопки, когда режим редактирования не активен. Визуально скрыт везде, кроме iOS\n   */\n  editLabel?: string;\n  /**\n   * Текст кнопки при активном режиме редактирования для выхода из него. Визуально скрыт везде, кроме iOS\n   */\n  doneLabel?: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderButton\n */\nexport const PanelHeaderEdit = ({\n  isActive = false,\n  editLabel = 'Редактировать',\n  doneLabel = 'Готово',\n  ...restProps\n}: PanelHeaderEditProps) => {\n  const platform = usePlatform();\n  const label = isActive ? doneLabel : editLabel;\n\n  return (\n    <PanelHeaderButton {...restProps}>\n      {platform === 'ios' ? (\n        label\n      ) : (\n        <>\n          <VisuallyHidden>{label}</VisuallyHidden>\n          <AdaptiveIconRenderer\n            IconCompact={isActive ? Icon24DoneOutline : Icon24PenOutline}\n            IconRegular={isActive ? Icon28DoneOutline : Icon28EditOutline}\n          />\n        </>\n      )}\n    </PanelHeaderButton>\n  );\n};\n"],"names":["PanelHeaderEdit","isActive","editLabel","doneLabel","restProps","platform","usePlatform","label","PanelHeaderButton","VisuallyHidden","AdaptiveIconRenderer","IconCompact","Icon24DoneOutline","Icon24PenOutline","IconRegular","Icon28DoneOutline","Icon28EditOutline"],"mappings":";;;;+BA8BaA;;;eAAAA;;;;;iEA9BU;uBAMhB;6BACqB;sCACS;mCACqB;gCAC3B;AAoBxB,MAAMA,kBAAkB;QAAC,EAC9BC,WAAW,KAAK,EAChBC,YAAY,eAAe,EAC3BC,YAAY,QAAQ,EAEC,WADlBC;QAHHH;QACAC;QACAC;;IAGA,MAAME,WAAWC,IAAAA,wBAAW;IAC5B,MAAMC,QAAQN,WAAWE,YAAYD;IAErC,qBACE,qBAACM,oCAAiB,EAAKJ,WACpBC,aAAa,QACZE,sBAEA,0DACE,qBAACE,8BAAc,QAAEF,sBACjB,qBAACG,0CAAoB;QACnBC,aAAaV,WAAWW,wBAAiB,GAAGC,uBAAgB;QAC5DC,aAAab,WAAWc,wBAAiB,GAAGC,wBAAiB;;AAMzE"}
+{"version":3,"sources":["../../../../src/components/PanelHeaderEdit/PanelHeaderEdit.tsx"],"sourcesContent":["import {\n  Icon24DoneOutline,\n  Icon24PenOutline,\n  Icon28DoneOutline,\n  Icon28EditOutline,\n} 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\nexport interface PanelHeaderEditProps extends PanelHeaderButtonProps {\n  /**\n   * Включен ли режим редактирования\n   */\n  isActive?: boolean;\n  /**\n   * Текст кнопки, когда режим редактирования не активен. Визуально скрыт везде, кроме iOS\n   */\n  editLabel?: string;\n  /**\n   * Текст кнопки при активном режиме редактирования для выхода из него. Визуально скрыт везде, кроме iOS\n   */\n  doneLabel?: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderButton\n */\nexport const PanelHeaderEdit = ({\n  isActive = false,\n  editLabel = 'Редактировать',\n  doneLabel = 'Готово',\n  ...restProps\n}: PanelHeaderEditProps) => {\n  const platform = usePlatform();\n  const label = isActive ? doneLabel : editLabel;\n\n  return (\n    <PanelHeaderButton {...restProps}>\n      {platform === 'ios' ? (\n        label\n      ) : (\n        <>\n          <VisuallyHidden>{label}</VisuallyHidden>\n          <AdaptiveIconRenderer\n            IconCompact={isActive ? Icon24DoneOutline : Icon24PenOutline}\n            IconRegular={isActive ? Icon28DoneOutline : Icon28EditOutline}\n          />\n        </>\n      )}\n    </PanelHeaderButton>\n  );\n};\n"],"names":["PanelHeaderEdit","isActive","editLabel","doneLabel","restProps","platform","usePlatform","label","PanelHeaderButton","VisuallyHidden","AdaptiveIconRenderer","IconCompact","Icon24DoneOutline","Icon24PenOutline","IconRegular","Icon28DoneOutline","Icon28EditOutline"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA6BaA;;;eAAAA;;;;;;;uBAxBN;6BACqB;sCACS;mCACqB;gCAC3B;AAoBxB,MAAMA,kBAAkB;QAAC,EAC9BC,WAAW,KAAK,EAChBC,YAAY,eAAe,EAC3BC,YAAY,QAAQ,EAEC,WADlBC;QAHHH;QACAC;QACAC;;IAGA,MAAME,WAAWC,IAAAA,wBAAW;IAC5B,MAAMC,QAAQN,WAAWE,YAAYD;IAErC,qBACE,qBAACM,oCAAiB,8CAAKJ;kBACpBC,aAAa,QACZE,sBAEA;;8BACE,qBAACE,8BAAc;8BAAEF;;8BACjB,qBAACG,0CAAoB;oBACnBC,aAAaV,WAAWW,wBAAiB,GAAGC,uBAAgB;oBAC5DC,aAAab,WAAWc,wBAAiB,GAAGC,wBAAiB;;;;;AAMzE"}

package/dist/cjs/components/PanelHeaderSubmit/PanelHeaderSubmit.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 PanelHeaderSubmit: ({ children, ...restProps }: PanelHeaderButtonProps) => React.JSX.Element;
+export declare const PanelHeaderSubmit: ({ children, ...restProps }: PanelHeaderButtonProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PanelHeaderSubmit.d.ts.map

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

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

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

@@ -8,10 +8,10 @@ Object.defineProperty(exports, "PanelHeaderSubmit", {
         return PanelHeaderSubmit;
     }
 });
-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");
@@ -22,12 +22,21 @@ const PanelHeaderSubmit = (_param)=>{
         "children"
     ]);
     const platform = (0, _usePlatform.usePlatform)();
-    return /*#__PURE__*/ _react.createElement(_PanelHeaderButton.PanelHeaderButton, _object_spread._({
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_PanelHeaderButton.PanelHeaderButton, _object_spread_props._(_object_spread._({
         primary: true
-    }, restProps), platform === 'ios' ? children : /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement(_VisuallyHidden.VisuallyHidden, null, children), /*#__PURE__*/ _react.createElement(_AdaptiveIconRenderer.AdaptiveIconRenderer, {
-        IconCompact: _icons.Icon24DoneOutline,
-        IconRegular: _icons.Icon28DoneOutline
-    })));
+    }, 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.Icon24DoneOutline,
+                    IconRegular: _icons.Icon28DoneOutline
+                })
+            ]
+        })
+    }));
 };
 
 //# sourceMappingURL=PanelHeaderSubmit.js.map

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 { Icon24DoneOutline, Icon28DoneOutline } 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 PanelHeaderSubmit = ({\n  children = 'Готово',\n  ...restProps\n}: PanelHeaderButtonProps) => {\n  const platform = usePlatform();\n\n  return (\n    <PanelHeaderButton primary {...restProps}>\n      {platform === 'ios' ? (\n        children\n      ) : (\n        <>\n          <VisuallyHidden>{children}</VisuallyHidden>\n          <AdaptiveIconRenderer IconCompact={Icon24DoneOutline} IconRegular={Icon28DoneOutline} />\n        </>\n      )}\n    </PanelHeaderButton>\n  );\n};\n"],"names":["PanelHeaderSubmit","children","restProps","platform","usePlatform","PanelHeaderButton","primary","VisuallyHidden","AdaptiveIconRenderer","IconCompact","Icon24DoneOutline","IconRegular","Icon28DoneOutline"],"mappings":";;;;+BAUaA;;;eAAAA;;;;;;iEAVU;uBAC8B;6BACzB;sCACS;mCACqB;gCAC3B;AAKxB,MAAMA,oBAAoB;QAAC,EAChCC,WAAW,QAAQ,EAEI,WADpBC;QADHD;;IAGA,MAAME,WAAWC,IAAAA,wBAAW;IAE5B,qBACE,qBAACC,oCAAiB;QAACC,SAAAA;OAAYJ,YAC5BC,aAAa,QACZF,yBAEA,0DACE,qBAACM,8BAAc,QAAEN,yBACjB,qBAACO,0CAAoB;QAACC,aAAaC,wBAAiB;QAAEC,aAAaC,wBAAiB;;AAK9F"}
+{"version":3,"sources":["../../../../src/components/PanelHeaderSubmit/PanelHeaderSubmit.tsx"],"sourcesContent":["import { Icon24DoneOutline, Icon28DoneOutline } 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 PanelHeaderSubmit = ({\n  children = 'Готово',\n  ...restProps\n}: PanelHeaderButtonProps) => {\n  const platform = usePlatform();\n\n  return (\n    <PanelHeaderButton primary {...restProps}>\n      {platform === 'ios' ? (\n        children\n      ) : (\n        <>\n          <VisuallyHidden>{children}</VisuallyHidden>\n          <AdaptiveIconRenderer IconCompact={Icon24DoneOutline} IconRegular={Icon28DoneOutline} />\n        </>\n      )}\n    </PanelHeaderButton>\n  );\n};\n"],"names":["PanelHeaderSubmit","children","restProps","platform","usePlatform","PanelHeaderButton","primary","VisuallyHidden","AdaptiveIconRenderer","IconCompact","Icon24DoneOutline","IconRegular","Icon28DoneOutline"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;;;;uBATwC;6BACzB;sCACS;mCACqB;gCAC3B;AAKxB,MAAMA,oBAAoB;QAAC,EAChCC,WAAW,QAAQ,EAEI,WADpBC;QADHD;;IAGA,MAAME,WAAWC,IAAAA,wBAAW;IAE5B,qBACE,qBAACC,oCAAiB;QAACC,OAAO;OAAKJ;kBAC5BC,aAAa,QACZF,yBAEA;;8BACE,qBAACM,8BAAc;8BAAEN;;8BACjB,qBAACO,0CAAoB;oBAACC,aAAaC,wBAAiB;oBAAEC,aAAaC,wBAAiB;;;;;AAK9F"}

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

@@ -6,5 +6,5 @@ export interface PanelSpinnerProps extends SpinnerProps {
 /**
  * @see https://vkcom.github.io/VKUI/#/PanelSpinner
  */
-export declare const PanelSpinner: React.MemoExoticComponent<({ height, style, ...restProps }: PanelSpinnerProps) => React.JSX.Element>;
+export declare const PanelSpinner: React.MemoExoticComponent<({ height, style, ...restProps }: PanelSpinnerProps) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=PanelSpinner.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PanelSpinner.d.ts","sourceRoot":"","sources":["../../../../src/components/PanelSpinner/PanelSpinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAW,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAE3D,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,8DACgB,iBAAiB,uBAGzD,CAAC"}
+{"version":3,"file":"PanelSpinner.d.ts","sourceRoot":"","sources":["../../../../src/components/PanelSpinner/PanelSpinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAW,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAE3D,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,8DACgB,iBAAiB,6CAGzD,CAAC"}

package/dist/cjs/components/PanelSpinner/PanelSpinner.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 _Spinner = require("../Spinner/Spinner");
 const PanelSpinner = /*#__PURE__*/ _react.memo((_param)=>{
@@ -19,7 +20,7 @@ const PanelSpinner = /*#__PURE__*/ _react.memo((_param)=>{
         "height",
         "style"
     ]);
-    return /*#__PURE__*/ _react.createElement(_Spinner.Spinner, _object_spread_props._(_object_spread._({
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Spinner.Spinner, _object_spread_props._(_object_spread._({
         size: "regular"
     }, restProps), {
         style: _object_spread._({

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;;;;;;;iEAVU;yBACe;AAS/B,MAAMA,6BAAeC,OAAMC,IAAI,CACpC;QAAC,EAAEC,SAAS,EAAE,EAAEC,KAAK,EAAmC,WAA9BC;QAAvBF;QAAaC;;yBACd,qBAACE,gBAAO;QAACC,MAAK;OAAcF;QAAWD,OAAO;YAAED;WAAWC;;;AAI/DJ,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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;;;;;;iEAVU;yBACe;AAS/B,MAAMA,6BAAeC,OAAMC,IAAI,CACpC;QAAC,EAAEC,SAAS,EAAE,EAAEC,KAAK,EAAmC,WAA9BC;QAAvBF;QAAaC;;yBACd,qBAACE,gBAAO;QAACC,MAAK;OAAcF;QAAWD,OAAO;YAAED;WAAWC;;;AAI/DJ,aAAaQ,WAAW,GAAG"}

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

@@ -32,11 +32,11 @@ export interface PlaceholderProps extends PlaceholderContainerProps {
  * @see https://vkcom.github.io/VKUI/#/Placeholder
  */
 export declare const Placeholder: {
-    ({ icon, header, children, action, noPadding, ...restProps }: PlaceholderProps): React.JSX.Element;
-    Container: ({ stretched, noPadding, ...restProps }: PlaceholderContainerProps) => React.JSX.Element;
-    Icon: (props: PlaceholderIconProps) => React.JSX.Element;
-    Header: ({ className, ...restProps }: PlaceholderHeaderProps) => React.JSX.Element;
-    Text: ({ className, ...restProps }: PlaceholderTextProps) => React.JSX.Element;
-    Actions: (props: PlaceholderActionsProps) => React.JSX.Element;
+    ({ icon, header, children, action, noPadding, ...restProps }: PlaceholderProps): import("react/jsx-runtime").JSX.Element;
+    Container: ({ stretched, noPadding, ...restProps }: PlaceholderContainerProps) => import("react/jsx-runtime").JSX.Element;
+    Icon: (props: PlaceholderIconProps) => import("react/jsx-runtime").JSX.Element;
+    Header: ({ className, ...restProps }: PlaceholderHeaderProps) => import("react/jsx-runtime").JSX.Element;
+    Text: ({ className, ...restProps }: PlaceholderTextProps) => import("react/jsx-runtime").JSX.Element;
+    Actions: (props: PlaceholderActionsProps) => import("react/jsx-runtime").JSX.Element;
 };
 //# sourceMappingURL=Placeholder.d.ts.map

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

@@ -10,7 +10,9 @@ Object.defineProperty(exports, "Placeholder", {
 });
 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 _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _vkjs = require("@vkontakte/vkjs");
 const _RootComponent = require("../RootComponent/RootComponent");
@@ -21,18 +23,18 @@ const PlaceholderContainer = (_param)=>{
         "stretched",
         "noPadding"
     ]);
-    return /*#__PURE__*/ _react.createElement(_RootComponent.RootComponent, _object_spread._({
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_RootComponent.RootComponent, _object_spread._({
         baseClassName: (0, _vkjs.classNames)("vkuiPlaceholder", stretched && "vkuiPlaceholder--stretched", !noPadding && "vkuiPlaceholder--withPadding")
     }, restProps));
 };
-const PlaceholderIcon = (props)=>/*#__PURE__*/ _react.createElement(_RootComponent.RootComponent, _object_spread._({
+const PlaceholderIcon = (props)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_RootComponent.RootComponent, _object_spread._({
         baseClassName: "vkuiPlaceholder__icon"
     }, props));
 const PlaceholderHeader = (_param)=>{
     var { className } = _param, restProps = _object_without_properties._(_param, [
         "className"
     ]);
-    return /*#__PURE__*/ _react.createElement(_Title.Title, _object_spread._({
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Title.Title, _object_spread._({
         level: "2",
         weight: "2",
         className: (0, _vkjs.classNames)(className, "vkuiPlaceholder__header")
@@ -42,12 +44,12 @@ const PlaceholderText = (_param)=>{
     var { className } = _param, restProps = _object_without_properties._(_param, [
         "className"
     ]);
-    return /*#__PURE__*/ _react.createElement(_Headline.Headline, _object_spread._({
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Headline.Headline, _object_spread._({
         weight: "3",
         className: (0, _vkjs.classNames)(className, "vkuiPlaceholder__text")
     }, restProps));
 };
-const PlaceholderActions = (props)=>/*#__PURE__*/ _react.createElement(_RootComponent.RootComponent, _object_spread._({
+const PlaceholderActions = (props)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_RootComponent.RootComponent, _object_spread._({
         baseClassName: "vkuiPlaceholder__action"
     }, props));
 const Placeholder = (_param)=>{
@@ -58,9 +60,24 @@ const Placeholder = (_param)=>{
         "action",
         "noPadding"
     ]);
-    return /*#__PURE__*/ _react.createElement(PlaceholderContainer, _object_spread._({
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(PlaceholderContainer, _object_spread_props._(_object_spread._({
         noPadding: noPadding
-    }, restProps), (0, _vkjs.hasReactNode)(icon) && /*#__PURE__*/ _react.createElement(PlaceholderIcon, null, icon), (0, _vkjs.hasReactNode)(header) && /*#__PURE__*/ _react.createElement(PlaceholderHeader, null, header), (0, _vkjs.hasReactNode)(children) && /*#__PURE__*/ _react.createElement(PlaceholderText, null, children), (0, _vkjs.hasReactNode)(action) && /*#__PURE__*/ _react.createElement(PlaceholderActions, null, action));
+    }, restProps), {
+        children: [
+            (0, _vkjs.hasReactNode)(icon) && /*#__PURE__*/ (0, _jsxruntime.jsx)(PlaceholderIcon, {
+                children: icon
+            }),
+            (0, _vkjs.hasReactNode)(header) && /*#__PURE__*/ (0, _jsxruntime.jsx)(PlaceholderHeader, {
+                children: header
+            }),
+            (0, _vkjs.hasReactNode)(children) && /*#__PURE__*/ (0, _jsxruntime.jsx)(PlaceholderText, {
+                children: children
+            }),
+            (0, _vkjs.hasReactNode)(action) && /*#__PURE__*/ (0, _jsxruntime.jsx)(PlaceholderActions, {
+                children: action
+            })
+        ]
+    }));
 };
 Placeholder.Container = PlaceholderContainer;
 Placeholder.Icon = PlaceholderIcon;

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 { HasComponent, HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Title } from '../Typography/Title/Title';\nimport styles from './Placeholder.module.css';\n\nexport interface PlaceholderContainerProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  /**\n   * Растягивает плейсхолдер на весь экран, но в таком случае на экране должен быть только плейсхолдер\n   */\n  stretched?: boolean;\n  /**\n   * Убирает отступы у компонента\n   */\n  noPadding?: boolean;\n}\n\nconst PlaceholderContainer = ({\n  stretched,\n  noPadding = false,\n  ...restProps\n}: PlaceholderContainerProps) => (\n  <RootComponent\n    baseClassName={classNames(\n      styles['Placeholder'],\n      stretched && styles['Placeholder--stretched'],\n      !noPadding && styles['Placeholder--withPadding'],\n    )}\n    {...restProps}\n  />\n);\n\nexport type PlaceholderIconProps = HTMLAttributesWithRootRef<HTMLDivElement>;\n\nconst PlaceholderIcon = (props: PlaceholderIconProps) => (\n  <RootComponent baseClassName={styles['Placeholder__icon']} {...props} />\n);\n\nexport type PlaceholderHeaderProps = HTMLAttributesWithRootRef<HTMLElement> & HasComponent;\n\nconst PlaceholderHeader = ({ className, ...restProps }: PlaceholderHeaderProps) => (\n  <Title\n    level=\"2\"\n    weight=\"2\"\n    className={classNames(className, styles['Placeholder__header'])}\n    {...restProps}\n  />\n);\n\nexport type PlaceholderTextProps = HTMLAttributesWithRootRef<HTMLElement> & HasComponent;\n\nconst PlaceholderText = ({ className, ...restProps }: PlaceholderTextProps) => (\n  <Headline\n    weight=\"3\"\n    className={classNames(className, styles['Placeholder__text'])}\n    {...restProps}\n  />\n);\n\nexport type PlaceholderActionsProps = HTMLAttributesWithRootRef<HTMLDivElement>;\n\nconst PlaceholderActions = (props: PlaceholderActionsProps) => (\n  <RootComponent baseClassName={styles['Placeholder__action']} {...props} />\n);\n\nexport interface PlaceholderProps extends PlaceholderContainerProps {\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 * @see https://vkcom.github.io/VKUI/#/Placeholder\n */\nexport const Placeholder = ({\n  icon,\n  header,\n  children,\n  action,\n  noPadding = false,\n  ...restProps\n}: PlaceholderProps) => (\n  <PlaceholderContainer noPadding={noPadding} {...restProps}>\n    {hasReactNode(icon) && <PlaceholderIcon>{icon}</PlaceholderIcon>}\n    {hasReactNode(header) && <PlaceholderHeader>{header}</PlaceholderHeader>}\n    {hasReactNode(children) && <PlaceholderText>{children}</PlaceholderText>}\n    {hasReactNode(action) && <PlaceholderActions>{action}</PlaceholderActions>}\n  </PlaceholderContainer>\n);\n\nPlaceholder.Container = PlaceholderContainer;\nPlaceholder.Icon = PlaceholderIcon;\nPlaceholder.Header = PlaceholderHeader;\nPlaceholder.Text = PlaceholderText;\nPlaceholder.Actions = PlaceholderActions;\n"],"names":["Placeholder","PlaceholderContainer","stretched","noPadding","restProps","RootComponent","baseClassName","classNames","PlaceholderIcon","props","PlaceholderHeader","className","Title","level","weight","PlaceholderText","Headline","PlaceholderActions","icon","header","children","action","hasReactNode","Container","Icon","Header","Text","Actions"],"mappings":";;;;+BAqFaA;;;eAAAA;;;;;;iEArFU;sBACkB;+BAEX;0BACL;uBACH;AActB,MAAMC,uBAAuB;QAAC,EAC5BC,SAAS,EACTC,YAAY,KAAK,EAES,WADvBC;QAFHF;QACAC;;yBAGA,qBAACE,4BAAa;QACZC,eAAeC,IAAAA,gBAAU,qBAEvBL,2CACA,CAACC;OAECC;;AAMR,MAAMI,kBAAkB,CAACC,sBACvB,qBAACJ,4BAAa;QAACC,aAAa;OAAmCG;AAKjE,MAAMC,oBAAoB;QAAC,EAAEC,SAAS,EAAwC,WAAnCP;QAAdO;;yBAC3B,qBAACC,YAAK;QACJC,OAAM;QACNC,QAAO;QACPH,WAAWJ,IAAAA,gBAAU,EAACI;OAClBP;;AAMR,MAAMW,kBAAkB;QAAC,EAAEJ,SAAS,EAAsC,WAAjCP;QAAdO;;yBACzB,qBAACK,kBAAQ;QACPF,QAAO;QACPH,WAAWJ,IAAAA,gBAAU,EAACI;OAClBP;;AAMR,MAAMa,qBAAqB,CAACR,sBAC1B,qBAACJ,4BAAa;QAACC,aAAa;OAAqCG;AAqB5D,MAAMT,cAAc;QAAC,EAC1BkB,IAAI,EACJC,MAAM,EACNC,QAAQ,EACRC,MAAM,EACNlB,YAAY,KAAK,EAEA,WADdC;QALHc;QACAC;QACAC;QACAC;QACAlB;;yBAGA,qBAACF;QAAqBE,WAAWA;OAAeC,YAC7CkB,IAAAA,kBAAY,EAACJ,uBAAS,qBAACV,uBAAiBU,OACxCI,IAAAA,kBAAY,EAACH,yBAAW,qBAACT,yBAAmBS,SAC5CG,IAAAA,kBAAY,EAACF,2BAAa,qBAACL,uBAAiBK,WAC5CE,IAAAA,kBAAY,EAACD,yBAAW,qBAACJ,0BAAoBI;;AAIlDrB,YAAYuB,SAAS,GAAGtB;AACxBD,YAAYwB,IAAI,GAAGhB;AACnBR,YAAYyB,MAAM,GAAGf;AACrBV,YAAY0B,IAAI,GAAGX;AACnBf,YAAY2B,OAAO,GAAGV"}
+{"version":3,"sources":["../../../../src/components/Placeholder/Placeholder.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { HasComponent, HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Title } from '../Typography/Title/Title';\nimport styles from './Placeholder.module.css';\n\nexport interface PlaceholderContainerProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  /**\n   * Растягивает плейсхолдер на весь экран, но в таком случае на экране должен быть только плейсхолдер\n   */\n  stretched?: boolean;\n  /**\n   * Убирает отступы у компонента\n   */\n  noPadding?: boolean;\n}\n\nconst PlaceholderContainer = ({\n  stretched,\n  noPadding = false,\n  ...restProps\n}: PlaceholderContainerProps) => (\n  <RootComponent\n    baseClassName={classNames(\n      styles['Placeholder'],\n      stretched && styles['Placeholder--stretched'],\n      !noPadding && styles['Placeholder--withPadding'],\n    )}\n    {...restProps}\n  />\n);\n\nexport type PlaceholderIconProps = HTMLAttributesWithRootRef<HTMLDivElement>;\n\nconst PlaceholderIcon = (props: PlaceholderIconProps) => (\n  <RootComponent baseClassName={styles['Placeholder__icon']} {...props} />\n);\n\nexport type PlaceholderHeaderProps = HTMLAttributesWithRootRef<HTMLElement> & HasComponent;\n\nconst PlaceholderHeader = ({ className, ...restProps }: PlaceholderHeaderProps) => (\n  <Title\n    level=\"2\"\n    weight=\"2\"\n    className={classNames(className, styles['Placeholder__header'])}\n    {...restProps}\n  />\n);\n\nexport type PlaceholderTextProps = HTMLAttributesWithRootRef<HTMLElement> & HasComponent;\n\nconst PlaceholderText = ({ className, ...restProps }: PlaceholderTextProps) => (\n  <Headline\n    weight=\"3\"\n    className={classNames(className, styles['Placeholder__text'])}\n    {...restProps}\n  />\n);\n\nexport type PlaceholderActionsProps = HTMLAttributesWithRootRef<HTMLDivElement>;\n\nconst PlaceholderActions = (props: PlaceholderActionsProps) => (\n  <RootComponent baseClassName={styles['Placeholder__action']} {...props} />\n);\n\nexport interface PlaceholderProps extends PlaceholderContainerProps {\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 * @see https://vkcom.github.io/VKUI/#/Placeholder\n */\nexport const Placeholder = ({\n  icon,\n  header,\n  children,\n  action,\n  noPadding = false,\n  ...restProps\n}: PlaceholderProps) => (\n  <PlaceholderContainer noPadding={noPadding} {...restProps}>\n    {hasReactNode(icon) && <PlaceholderIcon>{icon}</PlaceholderIcon>}\n    {hasReactNode(header) && <PlaceholderHeader>{header}</PlaceholderHeader>}\n    {hasReactNode(children) && <PlaceholderText>{children}</PlaceholderText>}\n    {hasReactNode(action) && <PlaceholderActions>{action}</PlaceholderActions>}\n  </PlaceholderContainer>\n);\n\nPlaceholder.Container = PlaceholderContainer;\nPlaceholder.Icon = PlaceholderIcon;\nPlaceholder.Header = PlaceholderHeader;\nPlaceholder.Text = PlaceholderText;\nPlaceholder.Actions = PlaceholderActions;\n"],"names":["Placeholder","PlaceholderContainer","stretched","noPadding","restProps","RootComponent","baseClassName","classNames","PlaceholderIcon","props","PlaceholderHeader","className","Title","level","weight","PlaceholderText","Headline","PlaceholderActions","icon","header","children","action","hasReactNode","Container","Icon","Header","Text","Actions"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAqFaA;;;eAAAA;;;;;;;;iEArFU;sBACkB;+BAEX;0BACL;uBACH;AActB,MAAMC,uBAAuB;QAAC,EAC5BC,SAAS,EACTC,YAAY,KAAK,EAES,WADvBC;QAFHF;QACAC;;yBAGA,qBAACE,4BAAa;QACZC,eAAeC,IAAAA,gBAAU,qBAEvBL,2CACA,CAACC;OAECC;;AAMR,MAAMI,kBAAkB,CAACC,sBACvB,qBAACJ,4BAAa;QAACC,aAAa;OAAmCG;AAKjE,MAAMC,oBAAoB;QAAC,EAAEC,SAAS,EAAwC,WAAnCP;QAAdO;;yBAC3B,qBAACC,YAAK;QACJC,OAAM;QACNC,QAAO;QACPH,WAAWJ,IAAAA,gBAAU,EAACI;OAClBP;;AAMR,MAAMW,kBAAkB;QAAC,EAAEJ,SAAS,EAAsC,WAAjCP;QAAdO;;yBACzB,qBAACK,kBAAQ;QACPF,QAAO;QACPH,WAAWJ,IAAAA,gBAAU,EAACI;OAClBP;;AAMR,MAAMa,qBAAqB,CAACR,sBAC1B,qBAACJ,4BAAa;QAACC,aAAa;OAAqCG;AAqB5D,MAAMT,cAAc;QAAC,EAC1BkB,IAAI,EACJC,MAAM,EACNC,QAAQ,EACRC,MAAM,EACNlB,YAAY,KAAK,EAEA,WADdC;QALHc;QACAC;QACAC;QACAC;QACAlB;;yBAGA,sBAACF;QAAqBE,WAAWA;OAAeC;;YAC7CkB,IAAAA,kBAAY,EAACJ,uBAAS,qBAACV;0BAAiBU;;YACxCI,IAAAA,kBAAY,EAACH,yBAAW,qBAACT;0BAAmBS;;YAC5CG,IAAAA,kBAAY,EAACF,2BAAa,qBAACL;0BAAiBK;;YAC5CE,IAAAA,kBAAY,EAACD,yBAAW,qBAACJ;0BAAoBI;;;;;AAIlDrB,YAAYuB,SAAS,GAAGtB;AACxBD,YAAYwB,IAAI,GAAGhB;AACnBR,YAAYyB,MAAM,GAAGf;AACrBV,YAAY0B,IAAI,GAAGX;AACnBf,YAAY2B,OAAO,GAAGV"}

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

@@ -13,5 +13,5 @@ export interface PlatformProviderProps {
  * @since 5.1.0
  * @see https://vkcom.github.io/VKUI/#/PlatformProvider
  */
-export declare function PlatformProvider({ value, children }: PlatformProviderProps): React.JSX.Element;
+export declare function PlatformProvider({ value, children }: PlatformProviderProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PlatformProvider.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlatformProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/PlatformProvider/PlatformProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAIlD,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,qBAAqB,qBAM1E"}
+{"version":3,"file":"PlatformProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/PlatformProvider/PlatformProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAIlD,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,qBAAqB,2CAM1E"}

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

@@ -9,13 +9,17 @@ Object.defineProperty(exports, "PlatformProvider", {
     }
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _tokens = require("../../lib/tokens");
 const _ConfigProviderOverride = require("../ConfigProvider/ConfigProviderOverride");
 function PlatformProvider({ value, children }) {
-    return /*#__PURE__*/ _react.createElement(_ConfigProviderOverride.ConfigProviderOverride, {
-        platform: value
-    }, /*#__PURE__*/ _react.createElement(_tokens.TokensClassProvider, null, children));
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_ConfigProviderOverride.ConfigProviderOverride, {
+        platform: value,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_tokens.TokensClassProvider, {
+            children: children
+        })
+    });
 }
 
 //# sourceMappingURL=PlatformProvider.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PlatformProvider/PlatformProvider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { PlatformType } from '../../lib/platform';\nimport { TokensClassProvider } from '../../lib/tokens';\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  return (\n    <ConfigProviderOverride platform={value}>\n      <TokensClassProvider>{children}</TokensClassProvider>\n    </ConfigProviderOverride>\n  );\n}\n"],"names":["PlatformProvider","value","children","ConfigProviderOverride","platform","TokensClassProvider"],"mappings":";;;;+BAmBgBA;;;eAAAA;;;;iEAnBO;wBAEa;wCACG;AAgBhC,SAASA,iBAAiB,EAAEC,KAAK,EAAEC,QAAQ,EAAyB;IACzE,qBACE,qBAACC,8CAAsB;QAACC,UAAUH;qBAChC,qBAACI,2BAAmB,QAAEH;AAG5B"}
+{"version":3,"sources":["../../../../src/components/PlatformProvider/PlatformProvider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { PlatformType } from '../../lib/platform';\nimport { TokensClassProvider } from '../../lib/tokens';\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  return (\n    <ConfigProviderOverride platform={value}>\n      <TokensClassProvider>{children}</TokensClassProvider>\n    </ConfigProviderOverride>\n  );\n}\n"],"names":["PlatformProvider","value","children","ConfigProviderOverride","platform","TokensClassProvider"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAmBgBA;;;eAAAA;;;;;iEAnBO;wBAEa;wCACG;AAgBhC,SAASA,iBAAiB,EAAEC,KAAK,EAAEC,QAAQ,EAAyB;IACzE,qBACE,qBAACC,8CAAsB;QAACC,UAAUH;kBAChC,cAAA,qBAACI,2BAAmB;sBAAEH;;;AAG5B"}

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

@@ -3,11 +3,11 @@ import { HTMLAttributesWithRootRef } from '../../types';
 /**
  * @private
  */
-export declare const PopoutRootPopout: ({ className, ...restProps }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
+export declare const PopoutRootPopout: ({ className, ...restProps }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
 /**
  * @private
  */
-export declare const PopoutRootModal: ({ className, ...restProps }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
+export declare const PopoutRootModal: ({ className, ...restProps }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
 export interface PopoutRootProps extends HTMLAttributesWithRootRef<HTMLDivElement> {
     popout?: React.ReactNode;
     modal?: React.ReactNode;
@@ -15,5 +15,5 @@ export interface PopoutRootProps extends HTMLAttributesWithRootRef<HTMLDivElemen
 /**
  * @private
  */
-export declare const PopoutRoot: ({ popout, modal, children, ...restProps }: PopoutRootProps) => React.JSX.Element;
+export declare const PopoutRoot: ({ popout, modal, children, ...restProps }: PopoutRootProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PopoutRoot.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PopoutRoot.d.ts","sourceRoot":"","sources":["../../../../src/components/PopoutRoot/PopoutRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAKxD;;GAEG;AACH,eAAO,MAAM,gBAAgB,gCAG1B,MAAM,cAAc,CAAC,cAAc,CAAC,sBAEtC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,gCAGzB,MAAM,cAAc,CAAC,cAAc,CAAC,sBAEtC,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAChF,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,8CAA+C,eAAe,sBAgBpF,CAAC"}
+{"version":3,"file":"PopoutRoot.d.ts","sourceRoot":"","sources":["../../../../src/components/PopoutRoot/PopoutRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAKxD;;GAEG;AACH,eAAO,MAAM,gBAAgB,gCAG1B,MAAM,cAAc,CAAC,cAAc,CAAC,4CAEtC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,gCAGzB,MAAM,cAAc,CAAC,cAAc,CAAC,4CAEtC,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAChF,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,8CAA+C,eAAe,4CAgBpF,CAAC"}

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

@@ -23,6 +23,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 _dom = require("../../lib/dom");
@@ -32,7 +33,7 @@ const PopoutRootPopout = (_param)=>{
     var { className } = _param, restProps = _object_without_properties._(_param, [
         "className"
     ]);
-    return /*#__PURE__*/ _react.createElement("div", _object_spread._({
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", _object_spread._({
         className: (0, _vkjs.classNames)("vkuiPopoutRoot__popout", className)
     }, restProps));
 };
@@ -40,7 +41,7 @@ const PopoutRootModal = (_param)=>{
     var { className } = _param, restProps = _object_without_properties._(_param, [
         "className"
     ]);
-    return /*#__PURE__*/ _react.createElement("div", _object_spread._({
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", _object_spread._({
         className: (0, _vkjs.classNames)("vkuiPopoutRoot__modal", className)
     }, restProps));
 };
@@ -57,9 +58,22 @@ const PopoutRoot = (_param)=>{
         document,
         popout
     ]);
-    return /*#__PURE__*/ _react.createElement(_RootComponent.RootComponent, _object_spread_props._(_object_spread._({}, restProps), {
-        baseClassName: "vkuiPopoutRoot"
-    }), children, /*#__PURE__*/ _react.createElement(_AppRootPortal.AppRootPortal, null, !!popout && /*#__PURE__*/ _react.createElement(PopoutRootPopout, null, popout), !!modal && /*#__PURE__*/ _react.createElement(PopoutRootModal, null, modal)));
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_RootComponent.RootComponent, _object_spread_props._(_object_spread._({}, restProps), {
+        baseClassName: "vkuiPopoutRoot",
+        children: [
+            children,
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_AppRootPortal.AppRootPortal, {
+                children: [
+                    !!popout && /*#__PURE__*/ (0, _jsxruntime.jsx)(PopoutRootPopout, {
+                        children: popout
+                    }),
+                    !!modal && /*#__PURE__*/ (0, _jsxruntime.jsx)(PopoutRootModal, {
+                        children: modal
+                    })
+                ]
+            })
+        ]
+    }));
 };
 
 //# sourceMappingURL=PopoutRoot.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PopoutRoot/PopoutRoot.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { blurActiveElement, useDOM } from '../../lib/dom';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { AppRootPortal } from '../AppRoot/AppRootPortal';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './PopoutRoot.module.css';\n\n/**\n * @private\n */\nexport const PopoutRootPopout = ({\n  className,\n  ...restProps\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={classNames(styles['PopoutRoot__popout'], className)} {...restProps} />\n);\n\n/**\n * @private\n */\nexport const PopoutRootModal = ({\n  className,\n  ...restProps\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={classNames(styles['PopoutRoot__modal'], className)} {...restProps} />\n);\n\nexport interface PopoutRootProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  popout?: React.ReactNode;\n  modal?: React.ReactNode;\n}\n\n/**\n * @private\n */\nexport const PopoutRoot = ({ popout, modal, children, ...restProps }: PopoutRootProps) => {\n  const { document } = useDOM();\n\n  React.useEffect(() => {\n    popout && blurActiveElement(document);\n  }, [document, popout]);\n\n  return (\n    <RootComponent {...restProps} baseClassName={styles['PopoutRoot']}>\n      {children}\n      <AppRootPortal>\n        {!!popout && <PopoutRootPopout>{popout}</PopoutRootPopout>}\n        {!!modal && <PopoutRootModal>{modal}</PopoutRootModal>}\n      </AppRootPortal>\n    </RootComponent>\n  );\n};\n"],"names":["PopoutRoot","PopoutRootModal","PopoutRootPopout","className","restProps","div","classNames","popout","modal","children","document","useDOM","React","useEffect","blurActiveElement","RootComponent","baseClassName","AppRootPortal"],"mappings":";;;;;;;;;;;IAoCaA,UAAU;eAAVA;;IAfAC,eAAe;eAAfA;;IAVAC,gBAAgB;eAAhBA;;;;;;;iEAXU;sBACI;qBACe;+BAEZ;+BACA;AAMvB,MAAMA,mBAAmB;QAAC,EAC/BC,SAAS,EAE4B,WADlCC;QADHD;;yBAGA,qBAACE;QAAIF,WAAWG,IAAAA,gBAAU,4BAA+BH;OAAgBC;;AAMpE,MAAMH,kBAAkB;QAAC,EAC9BE,SAAS,EAE4B,WADlCC;QADHD;;yBAGA,qBAACE;QAAIF,WAAWG,IAAAA,gBAAU,2BAA8BH;OAAgBC;;AAWnE,MAAMJ,aAAa;QAAC,EAAEO,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAiC,WAA5BL;QAA5BG;QAAQC;QAAOC;;IAC1C,MAAM,EAAEC,QAAQ,EAAE,GAAGC,IAAAA,WAAM;IAE3BC,OAAMC,SAAS,CAAC;QACdN,UAAUO,IAAAA,sBAAiB,EAACJ;IAC9B,GAAG;QAACA;QAAUH;KAAO;IAErB,qBACE,qBAACQ,4BAAa,8CAAKX;QAAWY,aAAa;QACxCP,wBACD,qBAACQ,4BAAa,QACX,CAAC,CAACV,wBAAU,qBAACL,wBAAkBK,SAC/B,CAAC,CAACC,uBAAS,qBAACP,uBAAiBO;AAItC"}
+{"version":3,"sources":["../../../../src/components/PopoutRoot/PopoutRoot.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { blurActiveElement, useDOM } from '../../lib/dom';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { AppRootPortal } from '../AppRoot/AppRootPortal';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './PopoutRoot.module.css';\n\n/**\n * @private\n */\nexport const PopoutRootPopout = ({\n  className,\n  ...restProps\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={classNames(styles['PopoutRoot__popout'], className)} {...restProps} />\n);\n\n/**\n * @private\n */\nexport const PopoutRootModal = ({\n  className,\n  ...restProps\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={classNames(styles['PopoutRoot__modal'], className)} {...restProps} />\n);\n\nexport interface PopoutRootProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  popout?: React.ReactNode;\n  modal?: React.ReactNode;\n}\n\n/**\n * @private\n */\nexport const PopoutRoot = ({ popout, modal, children, ...restProps }: PopoutRootProps) => {\n  const { document } = useDOM();\n\n  React.useEffect(() => {\n    popout && blurActiveElement(document);\n  }, [document, popout]);\n\n  return (\n    <RootComponent {...restProps} baseClassName={styles['PopoutRoot']}>\n      {children}\n      <AppRootPortal>\n        {!!popout && <PopoutRootPopout>{popout}</PopoutRootPopout>}\n        {!!modal && <PopoutRootModal>{modal}</PopoutRootModal>}\n      </AppRootPortal>\n    </RootComponent>\n  );\n};\n"],"names":["PopoutRoot","PopoutRootModal","PopoutRootPopout","className","restProps","div","classNames","popout","modal","children","document","useDOM","React","useEffect","blurActiveElement","RootComponent","baseClassName","AppRootPortal"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAoCaA,UAAU;eAAVA;;IAfAC,eAAe;eAAfA;;IAVAC,gBAAgB;eAAhBA;;;;;;;;iEAXU;sBACI;qBACe;+BAEZ;+BACA;AAMvB,MAAMA,mBAAmB;QAAC,EAC/BC,SAAS,EAE4B,WADlCC;QADHD;;yBAGA,qBAACE;QAAIF,WAAWG,IAAAA,gBAAU,4BAA+BH;OAAgBC;;AAMpE,MAAMH,kBAAkB;QAAC,EAC9BE,SAAS,EAE4B,WADlCC;QADHD;;yBAGA,qBAACE;QAAIF,WAAWG,IAAAA,gBAAU,2BAA8BH;OAAgBC;;AAWnE,MAAMJ,aAAa;QAAC,EAAEO,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAiC,WAA5BL;QAA5BG;QAAQC;QAAOC;;IAC1C,MAAM,EAAEC,QAAQ,EAAE,GAAGC,IAAAA,WAAM;IAE3BC,OAAMC,SAAS,CAAC;QACdN,UAAUO,IAAAA,sBAAiB,EAACJ;IAC9B,GAAG;QAACA;QAAUH;KAAO;IAErB,qBACE,sBAACQ,4BAAa,8CAAKX;QAAWY,aAAa;;YACxCP;0BACD,sBAACQ,4BAAa;;oBACX,CAAC,CAACV,wBAAU,qBAACL;kCAAkBK;;oBAC/B,CAAC,CAACC,uBAAS,qBAACP;kCAAiBO;;;;;;AAItC"}