@vkontakte/vkui 5.2.4 → 5.3.1

package/dist/components/SplitCol/SplitCol.js

@@ -1,93 +1,91 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-var _excluded = ["children", "width", "maxWidth", "minWidth", "spaced", "animate", "fixed", "style", "autoSpaced", "stretchedOnMobile", "className"];
-import * as React from 'react';
-import { classNames } from '@vkontakte/vkjs';
-import { useAdaptivity } from '../../hooks/useAdaptivity';
-import { useMediaQueries } from '../../hooks/useMediaQueries';
-import { useObjectMemo } from '../../hooks/useObjectMemo';
-import { ViewWidth, viewWidthToClassName } from '../../lib/adaptivity';
-import { matchMediaListAddListener, matchMediaListRemoveListener } from '../../lib/matchMedia';
-import { warnOnce } from '../../lib/warnOnce';
-import { SplitColContext } from './SplitColContext';
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
+import * as React from "react";
+import { classNames } from "@vkontakte/vkjs";
+import { useAdaptivity } from "../../hooks/useAdaptivity";
+import { useMediaQueries } from "../../hooks/useMediaQueries";
+import { useObjectMemo } from "../../hooks/useObjectMemo";
+import { ViewWidth, viewWidthToClassName } from "../../lib/adaptivity";
+import { matchMediaListAddListener, matchMediaListRemoveListener } from "../../lib/matchMedia";
+import { warnOnce } from "../../lib/warnOnce";
+import { SplitColContext } from "./SplitColContext";
 var breakpointClassNames = {
-  none: "vkuiSplitCol--viewWidth-none",
-  tabletMinus: "vkuiSplitCol--viewWidth-tabletMinus",
-  smallTabletPlus: "vkuiSplitCol--viewWidth-smallTabletPlus"
+    none: classNames("vkuiSplitCol--viewWidth-none", "vkuiInternalSplitCol--viewWidth-none"),
+    tabletMinus: "vkuiSplitCol--viewWidth-tabletMinus",
+    smallTabletPlus: "vkuiSplitCol--viewWidth-smallTabletPlus",
+    tabletPlus: "vkuiInternalSplitCol--viewWidth-tabletPlus"
 };
 function useTransitionAnimate(animateProp) {
-  var _useAdaptivity = useAdaptivity(),
-    viewWidth = _useAdaptivity.viewWidth;
-  var _React$useState = React.useState(Boolean(animateProp)),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    animate = _React$useState2[0],
-    setAnimate = _React$useState2[1];
-  var mediaQueries = useMediaQueries();
-  React.useEffect(function () {
-    if (animateProp !== undefined) {
-      setAnimate(animateProp);
-      return;
-    }
-    if (viewWidth !== undefined) {
-      setAnimate(viewWidth < ViewWidth.TABLET);
-      return;
-    }
-
-    // eslint-disable-next-line no-restricted-properties
-    var listener = function listener() {
-      return setAnimate(!mediaQueries.smallTabletPlus.matches);
-    };
-    listener();
-    matchMediaListAddListener(mediaQueries.smallTabletPlus, listener);
-    return function () {
-      matchMediaListRemoveListener(mediaQueries.smallTabletPlus, listener);
-    };
-  }, [animateProp, viewWidth, mediaQueries]);
-  return animate;
+    var viewWidth = useAdaptivity().viewWidth;
+    var _React_useState = _sliced_to_array(React.useState(Boolean(animateProp)), 2), animate = _React_useState[0], setAnimate = _React_useState[1];
+    var mediaQueries = useMediaQueries();
+    React.useEffect(function() {
+        if (animateProp !== undefined) {
+            setAnimate(animateProp);
+            return;
+        }
+        if (viewWidth !== undefined) {
+            setAnimate(viewWidth < ViewWidth.TABLET);
+            return;
+        }
+        // eslint-disable-next-line no-restricted-properties
+        var listener = function() {
+            return setAnimate(!mediaQueries.smallTabletPlus.matches);
+        };
+        listener();
+        matchMediaListAddListener(mediaQueries.smallTabletPlus, listener);
+        return function() {
+            matchMediaListRemoveListener(mediaQueries.smallTabletPlus, listener);
+        };
+    }, [
+        animateProp,
+        viewWidth,
+        mediaQueries
+    ]);
+    return animate;
 }
-var warn = warnOnce('SplitCol');
-
+var warn = warnOnce("SplitCol");
 /**
  * @see https://vkcom.github.io/VKUI/#/SplitCol
- */
-export var SplitCol = function SplitCol(props) {
-  var children = props.children,
-    width = props.width,
-    maxWidth = props.maxWidth,
-    minWidth = props.minWidth,
-    spaced = props.spaced,
-    animateProp = props.animate,
-    fixed = props.fixed,
-    style = props.style,
-    autoSpaced = props.autoSpaced,
-    stretchedOnMobile = props.stretchedOnMobile,
-    className = props.className,
-    restProps = _objectWithoutProperties(props, _excluded);
-  var baseRef = React.useRef(null);
-  var _useAdaptivity2 = useAdaptivity(),
-    viewWidth = _useAdaptivity2.viewWidth;
-  var animate = useTransitionAnimate(animateProp);
-  var contextValue = useObjectMemo({
-    colRef: baseRef,
-    animate: animate
-  });
-  if (process.env.NODE_ENV === 'development' && spaced !== undefined) {
-    warn('Свойство spaced устарело и будет удалено в v6. Используйте autoSpaced');
-  }
-  return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
-      width: width,
-      maxWidth: maxWidth,
-      minWidth: minWidth
-    }),
-    ref: baseRef,
-    className: classNames("vkuiSplitCol", viewWidthToClassName(breakpointClassNames, viewWidth), spaced && "vkuiSplitCol--spaced", spaced === undefined && "vkuiSplitCol--spaced-none", autoSpaced && "vkuiSplitCol--spaced-auto", fixed && "vkuiSplitCol--fixed", stretchedOnMobile && "vkuiSplitCol--stretched-on-mobile", className)
-  }), /*#__PURE__*/React.createElement(SplitColContext.Provider, {
-    value: contextValue
-  }, fixed ? /*#__PURE__*/React.createElement("div", {
-    className: "vkuiSplitCol__fixedInner"
-  }, children) : children));
+ */ export var SplitCol = function(props) {
+    var children = props.children, width = props.width, maxWidth = props.maxWidth, minWidth = props.minWidth, spaced = props.spaced, animateProp = props.animate, fixed = props.fixed, style = props.style, autoSpaced = props.autoSpaced, stretchedOnMobile = props.stretchedOnMobile, className = props.className, restProps = _object_without_properties(props, [
+        "children",
+        "width",
+        "maxWidth",
+        "minWidth",
+        "spaced",
+        "animate",
+        "fixed",
+        "style",
+        "autoSpaced",
+        "stretchedOnMobile",
+        "className"
+    ]);
+    var baseRef = React.useRef(null);
+    var viewWidth = useAdaptivity().viewWidth;
+    var animate = useTransitionAnimate(animateProp);
+    var contextValue = useObjectMemo({
+        colRef: baseRef,
+        animate: animate
+    });
+    if (process.env.NODE_ENV === "development" && spaced !== undefined) {
+        warn("Свойство spaced устарело и будет удалено в v6. Используйте autoSpaced");
+    }
+    return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({}, restProps), {
+        style: _object_spread_props(_object_spread({}, style), {
+            width: width,
+            maxWidth: maxWidth,
+            minWidth: minWidth
+        }),
+        ref: baseRef,
+        className: classNames("vkuiSplitCol", viewWidthToClassName(breakpointClassNames, viewWidth), spaced && classNames("vkuiSplitCol--spaced", "vkuiInternalSplitCol--spaced"), spaced === undefined && classNames("vkuiSplitCol--spaced-none", "vkuiInternalSplitCol--spaced-none"), autoSpaced && classNames("vkuiSplitCol--spaced-auto", "vkuiInternalSplitCol--spaced-auto"), fixed && "vkuiSplitCol--fixed", stretchedOnMobile && "vkuiSplitCol--stretched-on-mobile", className)
+    }), /*#__PURE__*/ React.createElement(SplitColContext.Provider, {
+        value: contextValue
+    }, fixed ? /*#__PURE__*/ React.createElement("div", {
+        className: "vkuiSplitCol__fixedInner"
+    }, children) : children));
 };
+
 //# sourceMappingURL=SplitCol.js.map

package/dist/components/SplitCol/SplitCol.js.map

@@ -1 +1 @@
-{"version":3,"file":"SplitCol.js","names":["React","classNames","useAdaptivity","useMediaQueries","useObjectMemo","ViewWidth","viewWidthToClassName","matchMediaListAddListener","matchMediaListRemoveListener","warnOnce","SplitColContext","breakpointClassNames","none","tabletMinus","smallTabletPlus","useTransitionAnimate","animateProp","viewWidth","useState","Boolean","animate","setAnimate","mediaQueries","useEffect","undefined","TABLET","listener","matches","warn","SplitCol","props","children","width","maxWidth","minWidth","spaced","fixed","style","autoSpaced","stretchedOnMobile","className","restProps","baseRef","useRef","contextValue","colRef","process","env","NODE_ENV"],"sources":["../../../src/components/SplitCol/SplitCol.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useMediaQueries } from '../../hooks/useMediaQueries';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\nimport { ViewWidth, viewWidthToClassName } from '../../lib/adaptivity';\nimport { matchMediaListAddListener, matchMediaListRemoveListener } from '../../lib/matchMedia';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { SplitColContext } from './SplitColContext';\nimport styles from './SplitCol.module.css';\n\nconst breakpointClassNames = {\n  none: styles['SplitCol--viewWidth-none'],\n  tabletMinus: styles['SplitCol--viewWidth-tabletMinus'],\n  smallTabletPlus: styles['SplitCol--viewWidth-smallTabletPlus'],\n};\n\nfunction useTransitionAnimate(animateProp?: boolean) {\n  const { viewWidth } = useAdaptivity();\n  const [animate, setAnimate] = React.useState(Boolean(animateProp));\n  const mediaQueries = useMediaQueries();\n\n  React.useEffect(() => {\n    if (animateProp !== undefined) {\n      setAnimate(animateProp);\n      return;\n    }\n\n    if (viewWidth !== undefined) {\n      setAnimate(viewWidth < ViewWidth.TABLET);\n      return;\n    }\n\n    // eslint-disable-next-line no-restricted-properties\n    const listener = () => setAnimate(!mediaQueries.smallTabletPlus.matches);\n    listener();\n\n    matchMediaListAddListener(mediaQueries.smallTabletPlus, listener);\n    return () => {\n      matchMediaListRemoveListener(mediaQueries.smallTabletPlus, listener);\n    };\n  }, [animateProp, viewWidth, mediaQueries]);\n\n  return animate;\n}\n\nexport interface SplitColProps extends React.HTMLAttributes<HTMLDivElement> {\n  width?: number | string;\n  maxWidth?: number | string;\n  minWidth?: number | string;\n  /**\n   * Если false, то переходы между Panel происходят без анимации\n   */\n  animate?: boolean;\n  /**\n   * Если true, то добавляются боковые отступы фиксированной величины\n   *\n   * @deprecated используйте autoSpaced\n   */\n  spaced?: boolean;\n  /**\n   * Если true, то добавляются боковые отступы фиксированной величины при ширине больше чем `smallTablet`\n   */\n  autoSpaced?: boolean;\n  fixed?: boolean;\n  /**\n   * Если true, то ширина контейнера становится 100% при ширине меньше чем `tablet`\n   */\n  stretchedOnMobile?: boolean;\n}\n\nconst warn = warnOnce('SplitCol');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SplitCol\n */\nexport const SplitCol = (props: SplitColProps) => {\n  const {\n    children,\n    width,\n    maxWidth,\n    minWidth,\n    spaced,\n    animate: animateProp,\n    fixed,\n    style,\n    autoSpaced,\n    stretchedOnMobile,\n    className,\n    ...restProps\n  } = props;\n  const baseRef = React.useRef<HTMLDivElement>(null);\n  const { viewWidth } = useAdaptivity();\n  const animate = useTransitionAnimate(animateProp);\n\n  const contextValue = useObjectMemo({\n    colRef: baseRef,\n    animate,\n  });\n\n  if (process.env.NODE_ENV === 'development' && spaced !== undefined) {\n    warn('Свойство spaced устарело и будет удалено в v6. Используйте autoSpaced');\n  }\n\n  return (\n    <div\n      {...restProps}\n      style={{\n        ...style,\n        width: width,\n        maxWidth: maxWidth,\n        minWidth: minWidth,\n      }}\n      ref={baseRef}\n      className={classNames(\n        styles['SplitCol'],\n        viewWidthToClassName(breakpointClassNames, viewWidth),\n        spaced && styles['SplitCol--spaced'],\n        spaced === undefined && styles['SplitCol--spaced-none'],\n        autoSpaced && styles['SplitCol--spaced-auto'],\n        fixed && styles['SplitCol--fixed'],\n        stretchedOnMobile && styles['SplitCol--stretched-on-mobile'],\n        className,\n      )}\n    >\n      <SplitColContext.Provider value={contextValue}>\n        {fixed ? <div className={styles['SplitCol__fixedInner']}>{children}</div> : children}\n      </SplitColContext.Provider>\n    </div>\n  );\n};\n"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,aAAa,QAAQ,2BAA2B;AACzD,SAASC,eAAe,QAAQ,6BAA6B;AAC7D,SAASC,aAAa,QAAQ,2BAA2B;AACzD,SAASC,SAAS,EAAEC,oBAAoB,QAAQ,sBAAsB;AACtE,SAASC,yBAAyB,EAAEC,4BAA4B,QAAQ,sBAAsB;AAC9F,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,eAAe,QAAQ,mBAAmB;AAGnD,IAAMC,oBAAoB,GAAG;EAC3BC,IAAI,gCAAoC;EACxCC,WAAW,uCAA2C;EACtDC,eAAe;AACjB,CAAC;AAED,SAASC,oBAAoB,CAACC,WAAqB,EAAE;EACnD,qBAAsBd,aAAa,EAAE;IAA7Be,SAAS,kBAATA,SAAS;EACjB,sBAA8BjB,KAAK,CAACkB,QAAQ,CAACC,OAAO,CAACH,WAAW,CAAC,CAAC;IAAA;IAA3DI,OAAO;IAAEC,UAAU;EAC1B,IAAMC,YAAY,GAAGnB,eAAe,EAAE;EAEtCH,KAAK,CAACuB,SAAS,CAAC,YAAM;IACpB,IAAIP,WAAW,KAAKQ,SAAS,EAAE;MAC7BH,UAAU,CAACL,WAAW,CAAC;MACvB;IACF;IAEA,IAAIC,SAAS,KAAKO,SAAS,EAAE;MAC3BH,UAAU,CAACJ,SAAS,GAAGZ,SAAS,CAACoB,MAAM,CAAC;MACxC;IACF;;IAEA;IACA,IAAMC,QAAQ,GAAG,SAAXA,QAAQ;MAAA,OAASL,UAAU,CAAC,CAACC,YAAY,CAACR,eAAe,CAACa,OAAO,CAAC;IAAA;IACxED,QAAQ,EAAE;IAEVnB,yBAAyB,CAACe,YAAY,CAACR,eAAe,EAAEY,QAAQ,CAAC;IACjE,OAAO,YAAM;MACXlB,4BAA4B,CAACc,YAAY,CAACR,eAAe,EAAEY,QAAQ,CAAC;IACtE,CAAC;EACH,CAAC,EAAE,CAACV,WAAW,EAAEC,SAAS,EAAEK,YAAY,CAAC,CAAC;EAE1C,OAAOF,OAAO;AAChB;AA2BA,IAAMQ,IAAI,GAAGnB,QAAQ,CAAC,UAAU,CAAC;;AAEjC;AACA;AACA;AACA,OAAO,IAAMoB,QAAQ,GAAG,SAAXA,QAAQ,CAAIC,KAAoB,EAAK;EAChD,IACEC,QAAQ,GAYND,KAAK,CAZPC,QAAQ;IACRC,KAAK,GAWHF,KAAK,CAXPE,KAAK;IACLC,QAAQ,GAUNH,KAAK,CAVPG,QAAQ;IACRC,QAAQ,GASNJ,KAAK,CATPI,QAAQ;IACRC,MAAM,GAQJL,KAAK,CARPK,MAAM;IACGnB,WAAW,GAOlBc,KAAK,CAPPV,OAAO;IACPgB,KAAK,GAMHN,KAAK,CANPM,KAAK;IACLC,KAAK,GAKHP,KAAK,CALPO,KAAK;IACLC,UAAU,GAIRR,KAAK,CAJPQ,UAAU;IACVC,iBAAiB,GAGfT,KAAK,CAHPS,iBAAiB;IACjBC,SAAS,GAEPV,KAAK,CAFPU,SAAS;IACNC,SAAS,4BACVX,KAAK;EACT,IAAMY,OAAO,GAAG1C,KAAK,CAAC2C,MAAM,CAAiB,IAAI,CAAC;EAClD,sBAAsBzC,aAAa,EAAE;IAA7Be,SAAS,mBAATA,SAAS;EACjB,IAAMG,OAAO,GAAGL,oBAAoB,CAACC,WAAW,CAAC;EAEjD,IAAM4B,YAAY,GAAGxC,aAAa,CAAC;IACjCyC,MAAM,EAAEH,OAAO;IACftB,OAAO,EAAPA;EACF,CAAC,CAAC;EAEF,IAAI0B,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,IAAIb,MAAM,KAAKX,SAAS,EAAE;IAClEI,IAAI,CAAC,uEAAuE,CAAC;EAC/E;EAEA,oBACE,wCACMa,SAAS;IACb,KAAK,kCACAJ,KAAK;MACRL,KAAK,EAAEA,KAAK;MACZC,QAAQ,EAAEA,QAAQ;MAClBC,QAAQ,EAAEA;IAAQ,EAClB;IACF,GAAG,EAAEQ,OAAQ;IACb,SAAS,EAAEzC,UAAU,iBAEnBK,oBAAoB,CAACK,oBAAoB,EAAEM,SAAS,CAAC,EACrDkB,MAAM,0BAA8B,EACpCA,MAAM,KAAKX,SAAS,+BAAmC,EACvDc,UAAU,+BAAmC,EAC7CF,KAAK,yBAA6B,EAClCG,iBAAiB,uCAA2C,EAC5DC,SAAS;EACT,iBAEF,oBAAC,eAAe,CAAC,QAAQ;IAAC,KAAK,EAAEI;EAAa,GAC3CR,KAAK,gBAAG;IAAK,SAAS;EAAiC,GAAEL,QAAQ,CAAO,GAAGA,QAAQ,CAC3D,CACvB;AAEV,CAAC"}
+{"version":3,"sources":["../../../src/components/SplitCol/SplitCol.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useMediaQueries } from '../../hooks/useMediaQueries';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\nimport { ViewWidth, viewWidthToClassName } from '../../lib/adaptivity';\nimport { matchMediaListAddListener, matchMediaListRemoveListener } from '../../lib/matchMedia';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { SplitColContext } from './SplitColContext';\nimport styles from './SplitCol.module.css';\n\nconst breakpointClassNames = {\n  none: classNames(styles['SplitCol--viewWidth-none'], 'vkuiInternalSplitCol--viewWidth-none'),\n  tabletMinus: styles['SplitCol--viewWidth-tabletMinus'],\n  smallTabletPlus: styles['SplitCol--viewWidth-smallTabletPlus'],\n  tabletPlus: 'vkuiInternalSplitCol--viewWidth-tabletPlus',\n};\n\nfunction useTransitionAnimate(animateProp?: boolean) {\n  const { viewWidth } = useAdaptivity();\n  const [animate, setAnimate] = React.useState(Boolean(animateProp));\n  const mediaQueries = useMediaQueries();\n\n  React.useEffect(() => {\n    if (animateProp !== undefined) {\n      setAnimate(animateProp);\n      return;\n    }\n\n    if (viewWidth !== undefined) {\n      setAnimate(viewWidth < ViewWidth.TABLET);\n      return;\n    }\n\n    // eslint-disable-next-line no-restricted-properties\n    const listener = () => setAnimate(!mediaQueries.smallTabletPlus.matches);\n    listener();\n\n    matchMediaListAddListener(mediaQueries.smallTabletPlus, listener);\n    return () => {\n      matchMediaListRemoveListener(mediaQueries.smallTabletPlus, listener);\n    };\n  }, [animateProp, viewWidth, mediaQueries]);\n\n  return animate;\n}\n\nexport interface SplitColProps extends React.HTMLAttributes<HTMLDivElement> {\n  width?: number | string;\n  maxWidth?: number | string;\n  minWidth?: number | string;\n  /**\n   * Если false, то переходы между Panel происходят без анимации\n   */\n  animate?: boolean;\n  /**\n   * Если true, то добавляются боковые отступы фиксированной величины\n   *\n   * @deprecated используйте autoSpaced\n   */\n  spaced?: boolean;\n  /**\n   * Если true, то добавляются боковые отступы фиксированной величины при ширине больше чем `smallTablet`\n   */\n  autoSpaced?: boolean;\n  fixed?: boolean;\n  /**\n   * Если true, то ширина контейнера становится 100% при ширине меньше чем `tablet`\n   */\n  stretchedOnMobile?: boolean;\n}\n\nconst warn = warnOnce('SplitCol');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SplitCol\n */\nexport const SplitCol = (props: SplitColProps) => {\n  const {\n    children,\n    width,\n    maxWidth,\n    minWidth,\n    spaced,\n    animate: animateProp,\n    fixed,\n    style,\n    autoSpaced,\n    stretchedOnMobile,\n    className,\n    ...restProps\n  } = props;\n  const baseRef = React.useRef<HTMLDivElement>(null);\n  const { viewWidth } = useAdaptivity();\n  const animate = useTransitionAnimate(animateProp);\n\n  const contextValue = useObjectMemo({\n    colRef: baseRef,\n    animate,\n  });\n\n  if (process.env.NODE_ENV === 'development' && spaced !== undefined) {\n    warn('Свойство spaced устарело и будет удалено в v6. Используйте autoSpaced');\n  }\n\n  return (\n    <div\n      {...restProps}\n      style={{\n        ...style,\n        width: width,\n        maxWidth: maxWidth,\n        minWidth: minWidth,\n      }}\n      ref={baseRef}\n      className={classNames(\n        styles['SplitCol'],\n        viewWidthToClassName(breakpointClassNames, viewWidth),\n        spaced && classNames(styles['SplitCol--spaced'], 'vkuiInternalSplitCol--spaced'),\n        spaced === undefined &&\n          classNames(styles['SplitCol--spaced-none'], 'vkuiInternalSplitCol--spaced-none'),\n        autoSpaced &&\n          classNames(styles['SplitCol--spaced-auto'], 'vkuiInternalSplitCol--spaced-auto'),\n        fixed && styles['SplitCol--fixed'],\n        stretchedOnMobile && styles['SplitCol--stretched-on-mobile'],\n        className,\n      )}\n    >\n      <SplitColContext.Provider value={contextValue}>\n        {fixed ? <div className={styles['SplitCol__fixedInner']}>{children}</div> : children}\n      </SplitColContext.Provider>\n    </div>\n  );\n};\n"],"names":["React","classNames","useAdaptivity","useMediaQueries","useObjectMemo","ViewWidth","viewWidthToClassName","matchMediaListAddListener","matchMediaListRemoveListener","warnOnce","SplitColContext","breakpointClassNames","none","tabletMinus","smallTabletPlus","tabletPlus","useTransitionAnimate","animateProp","viewWidth","useState","Boolean","animate","setAnimate","mediaQueries","useEffect","undefined","TABLET","listener","matches","warn","SplitCol","props","children","width","maxWidth","minWidth","spaced","fixed","style","autoSpaced","stretchedOnMobile","className","restProps","baseRef","useRef","contextValue","colRef","process","env","NODE_ENV","div","ref","Provider","value"],"mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,eAAe,QAAQ,8BAA8B;AAC9D,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,SAAS,EAAEC,oBAAoB,QAAQ,uBAAuB;AACvE,SAASC,yBAAyB,EAAEC,4BAA4B,QAAQ,uBAAuB;AAC/F,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,eAAe,QAAQ,oBAAoB;AAGpD,IAAMC,uBAAuB;IAC3BC,MAAMX,2CAA+C;IACrDY,WAAW;IACXC,eAAe;IACfC,YAAY;AACd;AAEA,SAASC,qBAAqBC,WAAqB,EAAE;IACnD,IAAM,AAAEC,YAAchB,gBAAdgB;IACR,IAA8BlB,mCAAAA,MAAMmB,QAAQ,CAACC,QAAQH,mBAA9CI,UAAuBrB,oBAAdsB,aAActB;IAC9B,IAAMuB,eAAepB;IAErBH,MAAMwB,SAAS,CAAC,WAAM;QACpB,IAAIP,gBAAgBQ,WAAW;YAC7BH,WAAWL;YACX;QACF,CAAC;QAED,IAAIC,cAAcO,WAAW;YAC3BH,WAAWJ,YAAYb,UAAUqB,MAAM;YACvC;QACF,CAAC;QAED,oDAAoD;QACpD,IAAMC,WAAW;mBAAML,WAAW,CAACC,aAAaT,eAAe,CAACc,OAAO;;QACvED;QAEApB,0BAA0BgB,aAAaT,eAAe,EAAEa;QACxD,OAAO,WAAM;YACXnB,6BAA6Be,aAAaT,eAAe,EAAEa;QAC7D;IACF,GAAG;QAACV;QAAaC;QAAWK;KAAa;IAEzC,OAAOF;AACT;AA2BA,IAAMQ,OAAOpB,SAAS;AAEtB;;CAEC,GACD,OAAO,IAAMqB,WAAW,SAACC,OAAyB;IAChD,IACEC,WAYED,MAZFC,UACAC,QAWEF,MAXFE,OACAC,WAUEH,MAVFG,UACAC,WASEJ,MATFI,UACAC,SAQEL,MARFK,QACAf,AAASJ,cAOPc,MAPFV,SACAgB,QAMEN,MANFM,OACAC,QAKEP,MALFO,OACAC,aAIER,MAJFQ,YACAC,oBAGET,MAHFS,mBACAC,YAEEV,MAFFU,WACGC,uCACDX;QAZFC;QACAC;QACAC;QACAC;QACAC;QACAf;QACAgB;QACAC;QACAC;QACAC;QACAC;;IAGF,IAAME,UAAU3C,MAAM4C,MAAM,CAAiB,IAAI;IACjD,IAAM,AAAE1B,YAAchB,gBAAdgB;IACR,IAAMG,UAAUL,qBAAqBC;IAErC,IAAM4B,eAAezC,cAAc;QACjC0C,QAAQH;QACRtB,SAAAA;IACF;IAEA,IAAI0B,QAAQC,GAAG,CAACC,QAAQ,KAAK,iBAAiBb,WAAWX,WAAW;QAClEI,KAAK;IACP,CAAC;IAED,qBACE,oBAACqB,+CACKR;QACJJ,OAAO,wCACFA;YACHL,OAAOA;YACPC,UAAUA;YACVC,UAAUA;;QAEZgB,KAAKR;QACLF,WAAWxC,2BAETK,qBAAqBK,sBAAsBO,YAC3CkB,UAAUnC,mCAAuC,iCACjDmC,WAAWX,aACTxB,wCAA4C,sCAC9CsC,cACEtC,wCAA4C,sCAC9CoC,gCACAG,0DACAC;sBAGF,oBAAC/B,gBAAgB0C,QAAQ;QAACC,OAAOR;OAC9BR,sBAAQ,oBAACa;QAAIT,SAAS;OAAmCT,YAAkBA,QAAQ;AAI5F,EAAE"}

package/dist/components/SplitCol/SplitColContext.js

@@ -1,9 +1,10 @@
-import * as React from 'react';
-export var SplitColContext = /*#__PURE__*/React.createContext({
-  colRef: null,
-  animate: true
+import * as React from "react";
+export var SplitColContext = /*#__PURE__*/ React.createContext({
+    colRef: null,
+    animate: true
 });
-export var useSplitCol = function useSplitCol() {
-  return React.useContext(SplitColContext);
+export var useSplitCol = function() {
+    return React.useContext(SplitColContext);
 };
+
 //# sourceMappingURL=SplitColContext.js.map

package/dist/components/SplitCol/SplitColContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"SplitColContext.js","names":["React","SplitColContext","createContext","colRef","animate","useSplitCol","useContext"],"sources":["../../../src/components/SplitCol/SplitColContext.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport interface SplitColContextProps {\n  colRef: React.RefObject<HTMLDivElement> | null;\n  animate: boolean;\n}\n\nexport const SplitColContext = React.createContext<SplitColContextProps>({\n  colRef: null,\n  animate: true,\n});\n\nexport const useSplitCol = () => React.useContext(SplitColContext);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAO9B,OAAO,IAAMC,eAAe,gBAAGD,KAAK,CAACE,aAAa,CAAuB;EACvEC,MAAM,EAAE,IAAI;EACZC,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAW;EAAA,OAASL,KAAK,CAACM,UAAU,CAACL,eAAe,CAAC;AAAA"}
+{"version":3,"sources":["../../../src/components/SplitCol/SplitColContext.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport interface SplitColContextProps {\n  colRef: React.RefObject<HTMLDivElement> | null;\n  animate: boolean;\n}\n\nexport const SplitColContext = React.createContext<SplitColContextProps>({\n  colRef: null,\n  animate: true,\n});\n\nexport const useSplitCol = () => React.useContext(SplitColContext);\n"],"names":["React","SplitColContext","createContext","colRef","animate","useSplitCol","useContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAO/B,OAAO,IAAMC,gCAAkBD,MAAME,aAAa,CAAuB;IACvEC,QAAQ,IAAI;IACZC,SAAS,IAAI;AACf,GAAG;AAEH,OAAO,IAAMC,cAAc;WAAML,MAAMM,UAAU,CAACL;EAAiB"}

package/dist/components/SplitLayout/SplitLayout.js

@@ -1,32 +1,33 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["popout", "modal", "header", "children", "getRootRef", "getRef", "className"];
-import * as React from 'react';
-import { classNames } from '@vkontakte/vkjs';
-import { usePlatform } from '../../hooks/usePlatform';
-import { Platform } from '../../lib/platform';
-import { PopoutRoot } from '../PopoutRoot/PopoutRoot';
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import * as React from "react";
+import { classNames } from "@vkontakte/vkjs";
+import { usePlatform } from "../../hooks/usePlatform";
+import { Platform } from "../../lib/platform";
+import { PopoutRoot } from "../PopoutRoot/PopoutRoot";
 /**
  * @see https://vkcom.github.io/VKUI/#/SplitLayout
- */
-export var SplitLayout = function SplitLayout(_ref) {
-  var popout = _ref.popout,
-    modal = _ref.modal,
-    header = _ref.header,
-    children = _ref.children,
-    getRootRef = _ref.getRootRef,
-    getRef = _ref.getRef,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var platform = usePlatform();
-  return /*#__PURE__*/React.createElement(PopoutRoot, {
-    className: classNames("vkuiSplitLayout", platform === Platform.IOS && "vkuiSplitLayout--ios"),
-    popout: popout,
-    modal: modal,
-    getRootRef: getRootRef
-  }, header, /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
-    ref: getRef,
-    className: classNames("vkuiSplitLayout__inner", !!header && "vkuiSplitLayout__inner--header", className)
-  }), children));
+ */ export var SplitLayout = function(_param) {
+    var popout = _param.popout, modal = _param.modal, header = _param.header, children = _param.children, getRootRef = _param.getRootRef, getRef = _param.getRef, className = _param.className, restProps = _object_without_properties(_param, [
+        "popout",
+        "modal",
+        "header",
+        "children",
+        "getRootRef",
+        "getRef",
+        "className"
+    ]);
+    var platform = usePlatform();
+    return /*#__PURE__*/ React.createElement(PopoutRoot, {
+        className: classNames("vkuiSplitLayout", platform === Platform.IOS && "vkuiSplitLayout--ios"),
+        popout: popout,
+        modal: modal,
+        getRootRef: getRootRef
+    }, header, /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({}, restProps), {
+        ref: getRef,
+        className: classNames("vkuiSplitLayout__inner", !!header && "vkuiSplitLayout__inner--header", className)
+    }), children));
 };
+
 //# sourceMappingURL=SplitLayout.js.map

package/dist/components/SplitLayout/SplitLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"SplitLayout.js","names":["React","classNames","usePlatform","Platform","PopoutRoot","SplitLayout","popout","modal","header","children","getRootRef","getRef","className","restProps","platform","IOS"],"sources":["../../../src/components/SplitLayout/SplitLayout.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { HasRef, HasRootRef } from '../../types';\nimport { PopoutRoot } from '../PopoutRoot/PopoutRoot';\nimport styles from './SplitLayout.module.css';\n\nexport interface SplitLayoutProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLDivElement> {\n  /**\n   * Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.\n   */\n  popout?: React.ReactNode;\n  /**\n   * Свойство для отрисовки `ModalRoot`.\n   */\n  modal?: React.ReactNode;\n  header?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SplitLayout\n */\nexport const SplitLayout = ({\n  popout,\n  modal,\n  header,\n  children,\n  getRootRef,\n  getRef,\n  className,\n  ...restProps\n}: SplitLayoutProps) => {\n  const platform = usePlatform();\n\n  return (\n    <PopoutRoot\n      className={classNames(\n        styles['SplitLayout'],\n        platform === Platform.IOS && styles['SplitLayout--ios'],\n      )}\n      popout={popout}\n      modal={modal}\n      getRootRef={getRootRef}\n    >\n      {header}\n      <div\n        {...restProps}\n        ref={getRef}\n        className={classNames(\n          styles['SplitLayout__inner'],\n          !!header && styles['SplitLayout__inner--header'],\n          className,\n        )}\n      >\n        {children}\n      </div>\n    </PopoutRoot>\n  );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,QAAQ,QAAQ,oBAAoB;AAE7C,SAASC,UAAU,QAAQ,0BAA0B;AAkBrD;AACA;AACA;AACA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAW,OASA;EAAA,IARtBC,MAAM,QAANA,MAAM;IACNC,KAAK,QAALA,KAAK;IACLC,MAAM,QAANA,MAAM;IACNC,QAAQ,QAARA,QAAQ;IACRC,UAAU,QAAVA,UAAU;IACVC,MAAM,QAANA,MAAM;IACNC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,IAAMC,QAAQ,GAAGZ,WAAW,EAAE;EAE9B,oBACE,oBAAC,UAAU;IACT,SAAS,EAAED,UAAU,oBAEnBa,QAAQ,KAAKX,QAAQ,CAACY,GAAG,0BAA8B,CACvD;IACF,MAAM,EAAET,MAAO;IACf,KAAK,EAAEC,KAAM;IACb,UAAU,EAAEG;EAAW,GAEtBF,MAAM,eACP,wCACMK,SAAS;IACb,GAAG,EAAEF,MAAO;IACZ,SAAS,EAAEV,UAAU,2BAEnB,CAAC,CAACO,MAAM,oCAAwC,EAChDI,SAAS;EACT,IAEDH,QAAQ,CACL,CACK;AAEjB,CAAC"}
+{"version":3,"sources":["../../../src/components/SplitLayout/SplitLayout.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { HasRef, HasRootRef } from '../../types';\nimport { PopoutRoot } from '../PopoutRoot/PopoutRoot';\nimport styles from './SplitLayout.module.css';\n\nexport interface SplitLayoutProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLDivElement> {\n  /**\n   * Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.\n   */\n  popout?: React.ReactNode;\n  /**\n   * Свойство для отрисовки `ModalRoot`.\n   */\n  modal?: React.ReactNode;\n  header?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SplitLayout\n */\nexport const SplitLayout = ({\n  popout,\n  modal,\n  header,\n  children,\n  getRootRef,\n  getRef,\n  className,\n  ...restProps\n}: SplitLayoutProps) => {\n  const platform = usePlatform();\n\n  return (\n    <PopoutRoot\n      className={classNames(\n        styles['SplitLayout'],\n        platform === Platform.IOS && styles['SplitLayout--ios'],\n      )}\n      popout={popout}\n      modal={modal}\n      getRootRef={getRootRef}\n    >\n      {header}\n      <div\n        {...restProps}\n        ref={getRef}\n        className={classNames(\n          styles['SplitLayout__inner'],\n          !!header && styles['SplitLayout__inner--header'],\n          className,\n        )}\n      >\n        {children}\n      </div>\n    </PopoutRoot>\n  );\n};\n"],"names":["React","classNames","usePlatform","Platform","PopoutRoot","SplitLayout","popout","modal","header","children","getRootRef","getRef","className","restProps","platform","IOS","div","ref"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,qBAAqB;AAE9C,SAASC,UAAU,QAAQ,2BAA2B;AAkBtD;;CAEC,GACD,OAAO,IAAMC,cAAc,iBASH;QARtBC,gBAAAA,QACAC,eAAAA,OACAC,gBAAAA,QACAC,kBAAAA,UACAC,oBAAAA,YACAC,gBAAAA,QACAC,mBAAAA,WACGC;QAPHP;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,IAAME,WAAWZ;IAEjB,qBACE,oBAACE;QACCQ,WAAWX,8BAETa,aAAaX,SAASY,GAAG;QAE3BT,QAAQA;QACRC,OAAOA;QACPG,YAAYA;OAEXF,sBACD,oBAACQ,+CACKH;QACJI,KAAKN;QACLC,WAAWX,qCAET,CAAC,CAACO,4CACFI;QAGDH;AAIT,EAAE"}

package/dist/components/SubnavigationBar/SubnavigationBar.js

@@ -1,55 +1,47 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["mode", "children", "showArrows", "getScrollToLeft", "getScrollToRight", "scrollAnimationDuration", "className"];
-import * as React from 'react';
-import { classNames } from '@vkontakte/vkjs';
-import { HorizontalScroll } from '../HorizontalScroll/HorizontalScroll';
-var defaultScrollToLeft = function defaultScrollToLeft(x) {
-  return x - 240;
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import * as React from "react";
+import { classNames } from "@vkontakte/vkjs";
+import { HorizontalScroll } from "../HorizontalScroll/HorizontalScroll";
+var defaultScrollToLeft = function(x) {
+    return x - 240;
 };
-var defaultScrollToRight = function defaultScrollToRight(x) {
-  return x + 240;
+var defaultScrollToRight = function(x) {
+    return x + 240;
 };
-
 /**
  * @see https://vkcom.github.io/VKUI/#/SubnavigationBar
- */
-export var SubnavigationBar = function SubnavigationBar(_ref) {
-  var _ref$mode = _ref.mode,
-    mode = _ref$mode === void 0 ? 'overflow' : _ref$mode,
-    children = _ref.children,
-    _ref$showArrows = _ref.showArrows,
-    showArrows = _ref$showArrows === void 0 ? true : _ref$showArrows,
-    _ref$getScrollToLeft = _ref.getScrollToLeft,
-    getScrollToLeft = _ref$getScrollToLeft === void 0 ? defaultScrollToLeft : _ref$getScrollToLeft,
-    _ref$getScrollToRight = _ref.getScrollToRight,
-    getScrollToRight = _ref$getScrollToRight === void 0 ? defaultScrollToRight : _ref$getScrollToRight,
-    scrollAnimationDuration = _ref.scrollAnimationDuration,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var ScrollWrapper;
-  var scrollWrapperProps = {};
-  if (mode === 'fixed') {
-    ScrollWrapper = 'div';
-  } else {
-    ScrollWrapper = HorizontalScroll;
-    scrollWrapperProps = {
-      showArrows: showArrows,
-      getScrollToLeft: getScrollToLeft,
-      getScrollToRight: getScrollToRight,
-      scrollAnimationDuration: scrollAnimationDuration
-    };
-  }
-  return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
-    className: classNames("vkuiSubnavigationBar", styles["SubnavigationBar--mode-".concat(mode)], className)
-  }), /*#__PURE__*/React.createElement(ScrollWrapper, _extends({
-    className: "vkuiSubnavigationBar__in"
-  }, scrollWrapperProps), /*#__PURE__*/React.createElement("div", {
-    className: "vkuiSubnavigationBar__scrollIn"
-  }, children)));
-};
-var styles = {
-  "SubnavigationBar--mode-fixed": "vkuiSubnavigationBar--mode-fixed",
-  "SubnavigationBar--mode-overflow": "vkuiSubnavigationBar--mode-overflow"
+ */ export var SubnavigationBar = function(_param) {
+    var _param_mode = _param.mode, mode = _param_mode === void 0 ? "overflow" : _param_mode, children = _param.children, _param_showArrows = _param.showArrows, showArrows = _param_showArrows === void 0 ? true : _param_showArrows, _param_getScrollToLeft = _param.getScrollToLeft, getScrollToLeft = _param_getScrollToLeft === void 0 ? defaultScrollToLeft : _param_getScrollToLeft, _param_getScrollToRight = _param.getScrollToRight, getScrollToRight = _param_getScrollToRight === void 0 ? defaultScrollToRight : _param_getScrollToRight, scrollAnimationDuration = _param.scrollAnimationDuration, className = _param.className, restProps = _object_without_properties(_param, [
+        "mode",
+        "children",
+        "showArrows",
+        "getScrollToLeft",
+        "getScrollToRight",
+        "scrollAnimationDuration",
+        "className"
+    ]);
+    var ScrollWrapper;
+    var scrollWrapperProps = {};
+    if (mode === "fixed") {
+        ScrollWrapper = "div";
+    } else {
+        ScrollWrapper = HorizontalScroll;
+        scrollWrapperProps = {
+            showArrows: showArrows,
+            getScrollToLeft: getScrollToLeft,
+            getScrollToRight: getScrollToRight,
+            scrollAnimationDuration: scrollAnimationDuration
+        };
+    }
+    return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({}, restProps), {
+        className: classNames("vkuiInternalSubnavigationBar", mode === "fixed" && classNames("vkuiInternalSubnavigationBar--mode-fixed"), className)
+    }), /*#__PURE__*/ React.createElement(ScrollWrapper, _object_spread({
+        className: "vkuiSubnavigationBar__in"
+    }, scrollWrapperProps), /*#__PURE__*/ React.createElement("div", {
+        className: "vkuiSubnavigationBar__scrollIn"
+    }, children)));
 };
+
 //# sourceMappingURL=SubnavigationBar.js.map

package/dist/components/SubnavigationBar/SubnavigationBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubnavigationBar.js","names":["React","classNames","HorizontalScroll","defaultScrollToLeft","x","defaultScrollToRight","SubnavigationBar","mode","children","showArrows","getScrollToLeft","getScrollToRight","scrollAnimationDuration","className","restProps","ScrollWrapper","scrollWrapperProps","styles"],"sources":["../../../src/components/SubnavigationBar/SubnavigationBar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport {\n  HorizontalScroll,\n  HorizontalScrollProps,\n  ScrollPositionHandler,\n} from '../HorizontalScroll/HorizontalScroll';\nimport styles from './SubnavigationBar.module.css';\n\nexport interface SubnavigationBarProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    Pick<\n      HorizontalScrollProps,\n      'showArrows' | 'getScrollToLeft' | 'getScrollToRight' | 'scrollAnimationDuration'\n    > {\n  mode?: 'fixed' | 'overflow';\n}\n\nconst defaultScrollToLeft: ScrollPositionHandler = (x) => x - 240;\n\nconst defaultScrollToRight: ScrollPositionHandler = (x) => x + 240;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SubnavigationBar\n */\nexport const SubnavigationBar = ({\n  mode = 'overflow',\n  children,\n  showArrows = true,\n  getScrollToLeft = defaultScrollToLeft,\n  getScrollToRight = defaultScrollToRight,\n  scrollAnimationDuration,\n  className,\n  ...restProps\n}: SubnavigationBarProps) => {\n  let ScrollWrapper: React.ElementType;\n  let scrollWrapperProps = {};\n\n  if (mode === 'fixed') {\n    ScrollWrapper = 'div';\n  } else {\n    ScrollWrapper = HorizontalScroll;\n    scrollWrapperProps = {\n      showArrows,\n      getScrollToLeft,\n      getScrollToRight,\n      scrollAnimationDuration,\n    };\n  }\n\n  return (\n    <div\n      {...restProps}\n      className={classNames(\n        styles['SubnavigationBar'],\n        styles[`SubnavigationBar--mode-${mode}`],\n        className,\n      )}\n    >\n      <ScrollWrapper className={styles['SubnavigationBar__in']} {...scrollWrapperProps}>\n        <div className={styles['SubnavigationBar__scrollIn']}>{children}</div>\n      </ScrollWrapper>\n    </div>\n  );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SACEC,gBAAgB,QAGX,sCAAsC;AAY7C,IAAMC,mBAA0C,GAAG,SAA7CA,mBAA0C,CAAIC,CAAC;EAAA,OAAKA,CAAC,GAAG,GAAG;AAAA;AAEjE,IAAMC,oBAA2C,GAAG,SAA9CA,oBAA2C,CAAID,CAAC;EAAA,OAAKA,CAAC,GAAG,GAAG;AAAA;;AAElE;AACA;AACA;AACA,OAAO,IAAME,gBAAgB,GAAG,SAAnBA,gBAAgB,OASA;EAAA,qBAR3BC,IAAI;IAAJA,IAAI,0BAAG,UAAU;IACjBC,QAAQ,QAARA,QAAQ;IAAA,uBACRC,UAAU;IAAVA,UAAU,gCAAG,IAAI;IAAA,4BACjBC,eAAe;IAAfA,eAAe,qCAAGP,mBAAmB;IAAA,6BACrCQ,gBAAgB;IAAhBA,gBAAgB,sCAAGN,oBAAoB;IACvCO,uBAAuB,QAAvBA,uBAAuB;IACvBC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,IAAIC,aAAgC;EACpC,IAAIC,kBAAkB,GAAG,CAAC,CAAC;EAE3B,IAAIT,IAAI,KAAK,OAAO,EAAE;IACpBQ,aAAa,GAAG,KAAK;EACvB,CAAC,MAAM;IACLA,aAAa,GAAGb,gBAAgB;IAChCc,kBAAkB,GAAG;MACnBP,UAAU,EAAVA,UAAU;MACVC,eAAe,EAAfA,eAAe;MACfC,gBAAgB,EAAhBA,gBAAgB;MAChBC,uBAAuB,EAAvBA;IACF,CAAC;EACH;EAEA,oBACE,wCACME,SAAS;IACb,SAAS,EAAEb,UAAU,yBAEnBgB,MAAM,kCAA2BV,IAAI,EAAG,EACxCM,SAAS;EACT,iBAEF,oBAAC,aAAa;IAAC,SAAS;EAAiC,GAAKG,kBAAkB,gBAC9E;IAAK,SAAS;EAAuC,GAAER,QAAQ,CAAO,CACxD,CACZ;AAEV,CAAC;AAAC;EAAA;EAAA;AAAA"}
+{"version":3,"sources":["../../../src/components/SubnavigationBar/SubnavigationBar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport {\n  HorizontalScroll,\n  HorizontalScrollProps,\n  ScrollPositionHandler,\n} from '../HorizontalScroll/HorizontalScroll';\nimport styles from './SubnavigationBar.module.css';\n\nexport interface SubnavigationBarProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    Pick<\n      HorizontalScrollProps,\n      'showArrows' | 'getScrollToLeft' | 'getScrollToRight' | 'scrollAnimationDuration'\n    > {\n  mode?: 'fixed' | 'overflow';\n}\n\nconst defaultScrollToLeft: ScrollPositionHandler = (x) => x - 240;\n\nconst defaultScrollToRight: ScrollPositionHandler = (x) => x + 240;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SubnavigationBar\n */\nexport const SubnavigationBar = ({\n  mode = 'overflow',\n  children,\n  showArrows = true,\n  getScrollToLeft = defaultScrollToLeft,\n  getScrollToRight = defaultScrollToRight,\n  scrollAnimationDuration,\n  className,\n  ...restProps\n}: SubnavigationBarProps) => {\n  let ScrollWrapper: React.ElementType;\n  let scrollWrapperProps = {};\n\n  if (mode === 'fixed') {\n    ScrollWrapper = 'div';\n  } else {\n    ScrollWrapper = HorizontalScroll;\n    scrollWrapperProps = {\n      showArrows,\n      getScrollToLeft,\n      getScrollToRight,\n      scrollAnimationDuration,\n    };\n  }\n\n  return (\n    <div\n      {...restProps}\n      className={classNames(\n        'vkuiInternalSubnavigationBar',\n        mode === 'fixed' && classNames('vkuiInternalSubnavigationBar--mode-fixed'),\n        className,\n      )}\n    >\n      <ScrollWrapper className={styles['SubnavigationBar__in']} {...scrollWrapperProps}>\n        <div className={styles['SubnavigationBar__scrollIn']}>{children}</div>\n      </ScrollWrapper>\n    </div>\n  );\n};\n"],"names":["React","classNames","HorizontalScroll","defaultScrollToLeft","x","defaultScrollToRight","SubnavigationBar","mode","children","showArrows","getScrollToLeft","getScrollToRight","scrollAnimationDuration","className","restProps","ScrollWrapper","scrollWrapperProps","div"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SACEC,gBAAgB,QAGX,uCAAuC;AAY9C,IAAMC,sBAA6C,SAACC;WAAMA,IAAI;;AAE9D,IAAMC,uBAA8C,SAACD;WAAMA,IAAI;;AAE/D;;CAEC,GACD,OAAO,IAAME,mBAAmB,iBASH;6BAR3BC,MAAAA,gCAAO,0BACPC,kBAAAA,qCACAC,YAAAA,4CAAa,IAAI,sDACjBC,iBAAAA,sDAAkBP,+EAClBQ,kBAAAA,wDAAmBN,gDACnBO,iCAAAA,yBACAC,mBAAAA,WACGC;QAPHP;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,IAAIE;IACJ,IAAIC,qBAAqB,CAAC;IAE1B,IAAIT,SAAS,SAAS;QACpBQ,gBAAgB;IAClB,OAAO;QACLA,gBAAgBb;QAChBc,qBAAqB;YACnBP,YAAAA;YACAC,iBAAAA;YACAC,kBAAAA;YACAC,yBAAAA;QACF;IACF,CAAC;IAED,qBACE,oBAACK,+CACKH;QACJD,WAAWZ,WACT,gCACAM,SAAS,WAAWN,WAAW,6CAC/BY;sBAGF,oBAACE;QAAcF,SAAS;OAAsCG,mCAC5D,oBAACC;QAAIJ,SAAS;OAAyCL;AAI/D,EAAE"}