@vkontakte/vkui 4.37.0 → 5.0.0

package/dist/cjs/components/SplitCol/SplitCol.js

@@ -15,17 +15,25 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
 var React = _interopRequireWildcard(require("react"));
 
-var _ScrollContext = require("../AppRoot/ScrollContext");
-
 var _classNames = require("../../lib/classNames");
 
-var _utils = require("../../lib/utils");
+var _getSizeXClassName = require("../../helpers/getSizeXClassName");
+
+var _getViewWidthClassName = require("../../helpers/getViewWidthClassName");
+
+var _useAdaptivity2 = require("../../hooks/useAdaptivity");
 
-var _excluded = ["children", "width", "maxWidth", "minWidth", "spaced", "animate", "fixed", "style"];
+var _adaptivity = require("../../lib/adaptivity");
+
+var _dom = require("../../lib/dom");
+
+var _excluded = ["children", "width", "maxWidth", "minWidth", "spaced", "animate", "fixed", "style", "autoSpaced", "stretchedOnMobile"];
 var SplitColContext = /*#__PURE__*/React.createContext({
   colRef: null,
   animate: true
@@ -41,37 +49,45 @@ exports.useSplitCol = useSplitCol;
 /**
  * @see https://vkcom.github.io/VKUI/#/SplitCol
  */
-var SplitCol = function SplitCol(_ref) {
-  var children = _ref.children,
-      width = _ref.width,
-      maxWidth = _ref.maxWidth,
-      minWidth = _ref.minWidth,
-      spaced = _ref.spaced,
-      _ref$animate = _ref.animate,
-      animate = _ref$animate === void 0 ? false : _ref$animate,
-      fixed = _ref.fixed,
-      style = _ref.style,
-      restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+var SplitCol = function SplitCol(props) {
+  var children = props.children,
+      width = props.width,
+      maxWidth = props.maxWidth,
+      minWidth = props.minWidth,
+      spaced = props.spaced,
+      _animate = props.animate,
+      fixed = props.fixed,
+      style = props.style,
+      autoSpaced = props.autoSpaced,
+      stretchedOnMobile = props.stretchedOnMobile,
+      restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   var baseRef = React.useRef(null);
-  var fixedInnerRef = React.useRef(null);
+
+  var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
+      viewWidth = _useAdaptivity.viewWidth,
+      sizeX = _useAdaptivity.sizeX;
+
+  var _React$useState = React.useState(Boolean(_animate)),
+      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+      animate = _React$useState2[0],
+      setAnimate = _React$useState2[1];
+
+  var _useDOM = (0, _dom.useDOM)(),
+      window = _useDOM.window;
+
+  React.useEffect(function () {
+    if (_animate === undefined) {
+      setAnimate(viewWidth !== undefined ? viewWidth < _adaptivity.ViewWidth.TABLET : window.innerWidth < _adaptivity.BREAKPOINTS.SMALL_TABLET);
+    } else {
+      setAnimate(_animate);
+    }
+  }, [_animate, viewWidth, window]);
   var contextValue = React.useMemo(function () {
     return {
       colRef: baseRef,
       animate: animate
     };
   }, [baseRef, animate]);
-  (0, _ScrollContext.useScrollLockEffect)(function () {
-    var fixedInner = fixedInnerRef.current;
-
-    if (!fixedInner) {
-      return _utils.noop;
-    }
-
-    fixedInner.style.top = "".concat(fixedInner.offsetTop, "px");
-    return function () {
-      fixedInner.style.top = "";
-    };
-  }, [fixedInnerRef.current]);
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
     style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, style), {}, {
       width: width,
@@ -79,11 +95,10 @@ var SplitCol = function SplitCol(_ref) {
       minWidth: minWidth
     }),
     ref: baseRef,
-    vkuiClass: (0, _classNames.classNames)("SplitCol", spaced && "SplitCol--spaced", fixed && "SplitCol--fixed")
+    vkuiClass: (0, _classNames.classNames)("SplitCol", (0, _getSizeXClassName.getSizeXClassName)("SplitCol", sizeX), (0, _getViewWidthClassName.getViewWidthClassName)("SplitCol", viewWidth), spaced && "SplitCol--spaced", spaced === undefined && "SplitCol--spaced-none", autoSpaced && "SplitCol--spaced-auto", fixed && "SplitCol--fixed", stretchedOnMobile && "SplitCol--stretched-on-mobile")
   }), (0, _jsxRuntime.createScopedElement)(SplitColContext.Provider, {
     value: contextValue
   }, fixed ? (0, _jsxRuntime.createScopedElement)("div", {
-    ref: fixedInnerRef,
     vkuiClass: "SplitCol__fixedInner"
   }, children) : children));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"SplitCol.js","names":["SplitColContext","React","createContext","colRef","animate","useSplitCol","useContext","SplitCol","children","width","maxWidth","minWidth","spaced","fixed","style","restProps","baseRef","useRef","fixedInnerRef","contextValue","useMemo","useScrollLockEffect","fixedInner","current","noop","top","offsetTop","classNames"],"sources":["../../../../src/components/SplitCol/SplitCol.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useScrollLockEffect } from \"../AppRoot/ScrollContext\";\nimport { classNames } from \"../../lib/classNames\";\nimport { noop } from \"../../lib/utils\";\nimport \"./SplitCol.css\";\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\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  spaced?: boolean;\n  fixed?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SplitCol\n */\nexport const SplitCol = ({\n  children,\n  width,\n  maxWidth,\n  minWidth,\n  spaced,\n  animate = false,\n  fixed,\n  style,\n  ...restProps\n}: SplitColProps) => {\n  const baseRef = React.useRef<HTMLDivElement>(null);\n\n  const fixedInnerRef = React.useRef<HTMLDivElement>(null);\n\n  const contextValue = React.useMemo(() => {\n    return {\n      colRef: baseRef,\n      animate,\n    };\n  }, [baseRef, animate]);\n\n  useScrollLockEffect(() => {\n    const fixedInner = fixedInnerRef.current;\n    if (!fixedInner) {\n      return noop;\n    }\n\n    fixedInner.style.top = `${fixedInner.offsetTop}px`;\n\n    return () => {\n      fixedInner.style.top = \"\";\n    };\n  }, [fixedInnerRef.current]);\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      vkuiClass={classNames(\n        \"SplitCol\",\n        spaced && \"SplitCol--spaced\",\n        fixed && \"SplitCol--fixed\"\n      )}\n    >\n      <SplitColContext.Provider value={contextValue}>\n        {fixed ? (\n          <div ref={fixedInnerRef} vkuiClass=\"SplitCol__fixedInner\">\n            {children}\n          </div>\n        ) : (\n          children\n        )}\n      </SplitColContext.Provider>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;AAQO,IAAMA,eAAe,gBAAGC,KAAK,CAACC,aAAN,CAA0C;EACvEC,MAAM,EAAE,IAD+D;EAEvEC,OAAO,EAAE;AAF8D,CAA1C,CAAxB;;;AAKA,IAAMC,WAAW,GAAG,SAAdA,WAAc;EAAA,OAAMJ,KAAK,CAACK,UAAN,CAAiBN,eAAjB,CAAN;AAAA,CAApB;;;;AAiBP;AACA;AACA;AACO,IAAMO,QAAQ,GAAG,SAAXA,QAAW,OAUH;EAAA,IATnBC,QASmB,QATnBA,QASmB;EAAA,IARnBC,KAQmB,QARnBA,KAQmB;EAAA,IAPnBC,QAOmB,QAPnBA,QAOmB;EAAA,IANnBC,QAMmB,QANnBA,QAMmB;EAAA,IALnBC,MAKmB,QALnBA,MAKmB;EAAA,wBAJnBR,OAImB;EAAA,IAJnBA,OAImB,6BAJT,KAIS;EAAA,IAHnBS,KAGmB,QAHnBA,KAGmB;EAAA,IAFnBC,KAEmB,QAFnBA,KAEmB;EAAA,IADhBC,SACgB;EACnB,IAAMC,OAAO,GAAGf,KAAK,CAACgB,MAAN,CAA6B,IAA7B,CAAhB;EAEA,IAAMC,aAAa,GAAGjB,KAAK,CAACgB,MAAN,CAA6B,IAA7B,CAAtB;EAEA,IAAME,YAAY,GAAGlB,KAAK,CAACmB,OAAN,CAAc,YAAM;IACvC,OAAO;MACLjB,MAAM,EAAEa,OADH;MAELZ,OAAO,EAAPA;IAFK,CAAP;EAID,CALoB,EAKlB,CAACY,OAAD,EAAUZ,OAAV,CALkB,CAArB;EAOA,IAAAiB,kCAAA,EAAoB,YAAM;IACxB,IAAMC,UAAU,GAAGJ,aAAa,CAACK,OAAjC;;IACA,IAAI,CAACD,UAAL,EAAiB;MACf,OAAOE,WAAP;IACD;;IAEDF,UAAU,CAACR,KAAX,CAAiBW,GAAjB,aAA0BH,UAAU,CAACI,SAArC;IAEA,OAAO,YAAM;MACXJ,UAAU,CAACR,KAAX,CAAiBW,GAAjB,GAAuB,EAAvB;IACD,CAFD;EAGD,CAXD,EAWG,CAACP,aAAa,CAACK,OAAf,CAXH;EAaA,OACE,uEACMR,SADN;IAEE,KAAK,8DACAD,KADA;MAEHL,KAAK,EAAEA,KAFJ;MAGHC,QAAQ,EAAEA,QAHP;MAIHC,QAAQ,EAAEA;IAJP,EAFP;IAQE,GAAG,EAAEK,OARP;IASE,SAAS,EAAE,IAAAW,sBAAA,EACT,UADS,EAETf,MAAM,IAAI,kBAFD,EAGTC,KAAK,IAAI,iBAHA;EATb,IAeE,qCAAC,eAAD,CAAiB,QAAjB;IAA0B,KAAK,EAAEM;EAAjC,GACGN,KAAK,GACJ;IAAK,GAAG,EAAEK,aAAV;IAAyB,SAAS,EAAC;EAAnC,GACGV,QADH,CADI,GAKJA,QANJ,CAfF,CADF;AA2BD,CA9DM"}
+{"version":3,"file":"SplitCol.js","names":["SplitColContext","React","createContext","colRef","animate","useSplitCol","useContext","SplitCol","props","children","width","maxWidth","minWidth","spaced","_animate","fixed","style","autoSpaced","stretchedOnMobile","restProps","baseRef","useRef","useAdaptivity","viewWidth","sizeX","useState","Boolean","setAnimate","useDOM","window","useEffect","undefined","ViewWidth","TABLET","innerWidth","BREAKPOINTS","SMALL_TABLET","contextValue","useMemo","classNames","getSizeXClassName","getViewWidthClassName"],"sources":["../../../../src/components/SplitCol/SplitCol.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getSizeXClassName } from \"../../helpers/getSizeXClassName\";\nimport { getViewWidthClassName } from \"../../helpers/getViewWidthClassName\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { BREAKPOINTS, ViewWidth } from \"../../lib/adaptivity\";\nimport { useDOM } from \"../../lib/dom\";\nimport \"./SplitCol.css\";\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\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  spaced?: boolean;\n  /**\n   * Если true, то добавляются боковые отступы фиксированной величины при ширине больше чем `smallTablet`\n   */\n  autoSpaced?: boolean;\n  fixed?: boolean;\n  /**\n   * Если true, то ширина контейнера становится 100% при ширине меньше чем `tablet`\n   */\n  stretchedOnMobile?: boolean;\n}\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: _animate,\n    fixed,\n    style,\n    autoSpaced,\n    stretchedOnMobile,\n    ...restProps\n  } = props;\n  const baseRef = React.useRef<HTMLDivElement>(null);\n  const { viewWidth, sizeX } = useAdaptivity();\n  const [animate, setAnimate] = React.useState(Boolean(_animate));\n  const { window } = useDOM();\n\n  React.useEffect(() => {\n    if (_animate === undefined) {\n      setAnimate(\n        viewWidth !== undefined\n          ? viewWidth < ViewWidth.TABLET\n          : window!.innerWidth < BREAKPOINTS.SMALL_TABLET\n      );\n    } else {\n      setAnimate(_animate);\n    }\n  }, [_animate, viewWidth, window]);\n\n  const contextValue = React.useMemo(() => {\n    return {\n      colRef: baseRef,\n      animate,\n    };\n  }, [baseRef, animate]);\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      vkuiClass={classNames(\n        \"SplitCol\",\n        getSizeXClassName(\"SplitCol\", sizeX),\n        getViewWidthClassName(\"SplitCol\", viewWidth),\n        spaced && \"SplitCol--spaced\",\n        spaced === undefined && \"SplitCol--spaced-none\",\n        autoSpaced && \"SplitCol--spaced-auto\",\n        fixed && \"SplitCol--fixed\",\n        stretchedOnMobile && \"SplitCol--stretched-on-mobile\"\n      )}\n    >\n      <SplitColContext.Provider value={contextValue}>\n        {fixed ? (\n          <div vkuiClass=\"SplitCol__fixedInner\">{children}</div>\n        ) : (\n          children\n        )}\n      </SplitColContext.Provider>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;AAQO,IAAMA,eAAe,gBAAGC,KAAK,CAACC,aAAN,CAA0C;EACvEC,MAAM,EAAE,IAD+D;EAEvEC,OAAO,EAAE;AAF8D,CAA1C,CAAxB;;;AAKA,IAAMC,WAAW,GAAG,SAAdA,WAAc;EAAA,OAAMJ,KAAK,CAACK,UAAN,CAAiBN,eAAjB,CAAN;AAAA,CAApB;;;;AAyBP;AACA;AACA;AACO,IAAMO,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAA0B;EAChD,IACEC,QADF,GAYID,KAZJ,CACEC,QADF;EAAA,IAEEC,KAFF,GAYIF,KAZJ,CAEEE,KAFF;EAAA,IAGEC,QAHF,GAYIH,KAZJ,CAGEG,QAHF;EAAA,IAIEC,QAJF,GAYIJ,KAZJ,CAIEI,QAJF;EAAA,IAKEC,MALF,GAYIL,KAZJ,CAKEK,MALF;EAAA,IAMWC,QANX,GAYIN,KAZJ,CAMEJ,OANF;EAAA,IAOEW,KAPF,GAYIP,KAZJ,CAOEO,KAPF;EAAA,IAQEC,KARF,GAYIR,KAZJ,CAQEQ,KARF;EAAA,IASEC,UATF,GAYIT,KAZJ,CASES,UATF;EAAA,IAUEC,iBAVF,GAYIV,KAZJ,CAUEU,iBAVF;EAAA,IAWKC,SAXL,0CAYIX,KAZJ;EAaA,IAAMY,OAAO,GAAGnB,KAAK,CAACoB,MAAN,CAA6B,IAA7B,CAAhB;;EACA,qBAA6B,IAAAC,6BAAA,GAA7B;EAAA,IAAQC,SAAR,kBAAQA,SAAR;EAAA,IAAmBC,KAAnB,kBAAmBA,KAAnB;;EACA,sBAA8BvB,KAAK,CAACwB,QAAN,CAAeC,OAAO,CAACZ,QAAD,CAAtB,CAA9B;EAAA;EAAA,IAAOV,OAAP;EAAA,IAAgBuB,UAAhB;;EACA,cAAmB,IAAAC,WAAA,GAAnB;EAAA,IAAQC,MAAR,WAAQA,MAAR;;EAEA5B,KAAK,CAAC6B,SAAN,CAAgB,YAAM;IACpB,IAAIhB,QAAQ,KAAKiB,SAAjB,EAA4B;MAC1BJ,UAAU,CACRJ,SAAS,KAAKQ,SAAd,GACIR,SAAS,GAAGS,qBAAA,CAAUC,MAD1B,GAEIJ,MAAM,CAAEK,UAAR,GAAqBC,uBAAA,CAAYC,YAH7B,CAAV;IAKD,CAND,MAMO;MACLT,UAAU,CAACb,QAAD,CAAV;IACD;EACF,CAVD,EAUG,CAACA,QAAD,EAAWS,SAAX,EAAsBM,MAAtB,CAVH;EAYA,IAAMQ,YAAY,GAAGpC,KAAK,CAACqC,OAAN,CAAc,YAAM;IACvC,OAAO;MACLnC,MAAM,EAAEiB,OADH;MAELhB,OAAO,EAAPA;IAFK,CAAP;EAID,CALoB,EAKlB,CAACgB,OAAD,EAAUhB,OAAV,CALkB,CAArB;EAOA,OACE,uEACMe,SADN;IAEE,KAAK,8DACAH,KADA;MAEHN,KAAK,EAAEA,KAFJ;MAGHC,QAAQ,EAAEA,QAHP;MAIHC,QAAQ,EAAEA;IAJP,EAFP;IAQE,GAAG,EAAEQ,OARP;IASE,SAAS,EAAE,IAAAmB,sBAAA,EACT,UADS,EAET,IAAAC,oCAAA,EAAkB,UAAlB,EAA8BhB,KAA9B,CAFS,EAGT,IAAAiB,4CAAA,EAAsB,UAAtB,EAAkClB,SAAlC,CAHS,EAITV,MAAM,IAAI,kBAJD,EAKTA,MAAM,KAAKkB,SAAX,IAAwB,uBALf,EAMTd,UAAU,IAAI,uBANL,EAOTF,KAAK,IAAI,iBAPA,EAQTG,iBAAiB,IAAI,+BARZ;EATb,IAoBE,qCAAC,eAAD,CAAiB,QAAjB;IAA0B,KAAK,EAAEmB;EAAjC,GACGtB,KAAK,GACJ;IAAK,SAAS,EAAC;EAAf,GAAuCN,QAAvC,CADI,GAGJA,QAJJ,CApBF,CADF;AA8BD,CApEM"}

package/dist/cjs/components/SplitLayout/SplitLayout.js

@@ -36,7 +36,7 @@ var SplitLayout = function SplitLayout(_ref) {
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
   return (0, _jsxRuntime.createScopedElement)(_PopoutRoot.PopoutRoot, {
-    vkuiClass: (0, _classNames.classNames)("SplitLayout", platform === _platform.IOS && "SplitLayout--ios"),
+    vkuiClass: (0, _classNames.classNames)("SplitLayout", platform === _platform.Platform.IOS && "SplitLayout--ios"),
     popout: popout,
     modal: modal,
     getRootRef: getRootRef

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

@@ -1 +1 @@
-{"version":3,"file":"SplitLayout.js","names":["SplitLayout","popout","modal","header","children","getRootRef","getRef","restProps","platform","usePlatform","classNames","IOS"],"sources":["../../../../src/components/SplitLayout/SplitLayout.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS } from \"../../lib/platform\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { PopoutRoot } from \"../PopoutRoot/PopoutRoot\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./SplitLayout.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  ...restProps\n}: SplitLayoutProps) => {\n  const platform = usePlatform();\n\n  return (\n    <PopoutRoot\n      vkuiClass={classNames(\n        \"SplitLayout\",\n        platform === IOS && \"SplitLayout--ios\"\n      )}\n      popout={popout}\n      modal={modal}\n      getRootRef={getRootRef}\n    >\n      {header}\n      <div\n        {...restProps}\n        ref={getRef}\n        vkuiClass={classNames(\n          \"SplitLayout__inner\",\n          !!header && \"SplitLayout__inner--header\"\n        )}\n      >\n        {children}\n      </div>\n    </PopoutRoot>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AAEA;;AACA;;;;AAkBA;AACA;AACA;AACO,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAQH;EAAA,IAPtBC,MAOsB,QAPtBA,MAOsB;EAAA,IANtBC,KAMsB,QANtBA,KAMsB;EAAA,IALtBC,MAKsB,QALtBA,MAKsB;EAAA,IAJtBC,QAIsB,QAJtBA,QAIsB;EAAA,IAHtBC,UAGsB,QAHtBA,UAGsB;EAAA,IAFtBC,MAEsB,QAFtBA,MAEsB;EAAA,IADnBC,SACmB;EACtB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EAEA,OACE,qCAAC,sBAAD;IACE,SAAS,EAAE,IAAAC,sBAAA,EACT,aADS,EAETF,QAAQ,KAAKG,aAAb,IAAoB,kBAFX,CADb;IAKE,MAAM,EAAEV,MALV;IAME,KAAK,EAAEC,KANT;IAOE,UAAU,EAAEG;EAPd,GASGF,MATH,EAUE,uEACMI,SADN;IAEE,GAAG,EAAED,MAFP;IAGE,SAAS,EAAE,IAAAI,sBAAA,EACT,oBADS,EAET,CAAC,CAACP,MAAF,IAAY,4BAFH;EAHb,IAQGC,QARH,CAVF,CADF;AAuBD,CAlCM"}
+{"version":3,"file":"SplitLayout.js","names":["SplitLayout","popout","modal","header","children","getRootRef","getRef","restProps","platform","usePlatform","classNames","Platform","IOS"],"sources":["../../../../src/components/SplitLayout/SplitLayout.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Platform } from \"../../lib/platform\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { PopoutRoot } from \"../PopoutRoot/PopoutRoot\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./SplitLayout.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  ...restProps\n}: SplitLayoutProps) => {\n  const platform = usePlatform();\n\n  return (\n    <PopoutRoot\n      vkuiClass={classNames(\n        \"SplitLayout\",\n        platform === Platform.IOS && \"SplitLayout--ios\"\n      )}\n      popout={popout}\n      modal={modal}\n      getRootRef={getRootRef}\n    >\n      {header}\n      <div\n        {...restProps}\n        ref={getRef}\n        vkuiClass={classNames(\n          \"SplitLayout__inner\",\n          !!header && \"SplitLayout__inner--header\"\n        )}\n      >\n        {children}\n      </div>\n    </PopoutRoot>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AAEA;;AACA;;;;AAkBA;AACA;AACA;AACO,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAQH;EAAA,IAPtBC,MAOsB,QAPtBA,MAOsB;EAAA,IANtBC,KAMsB,QANtBA,KAMsB;EAAA,IALtBC,MAKsB,QALtBA,MAKsB;EAAA,IAJtBC,QAIsB,QAJtBA,QAIsB;EAAA,IAHtBC,UAGsB,QAHtBA,UAGsB;EAAA,IAFtBC,MAEsB,QAFtBA,MAEsB;EAAA,IADnBC,SACmB;EACtB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EAEA,OACE,qCAAC,sBAAD;IACE,SAAS,EAAE,IAAAC,sBAAA,EACT,aADS,EAETF,QAAQ,KAAKG,kBAAA,CAASC,GAAtB,IAA6B,kBAFpB,CADb;IAKE,MAAM,EAAEX,MALV;IAME,KAAK,EAAEC,KANT;IAOE,UAAU,EAAEG;EAPd,GASGF,MATH,EAUE,uEACMI,SADN;IAEE,GAAG,EAAED,MAFP;IAGE,SAAS,EAAE,IAAAI,sBAAA,EACT,oBADS,EAET,CAAC,CAACP,MAAF,IAAY,4BAFH;EAHb,IAQGC,QARH,CAVF,CADF;AAuBD,CAlCM"}

package/dist/cjs/components/SubnavigationBar/SubnavigationBar.js

@@ -59,7 +59,7 @@ var SubnavigationBar = function SubnavigationBar(_ref) {
   }
 
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames.classNames)("SubnavigationBar", "SubnavigationBar--".concat(mode))
+    vkuiClass: (0, _classNames.classNames)("SubnavigationBar", "SubnavigationBar--mode-".concat(mode))
   }), (0, _jsxRuntime.createScopedElement)(ScrollWrapper, (0, _extends2.default)({
     vkuiClass: "SubnavigationBar__in"
   }, scrollWrapperProps), (0, _jsxRuntime.createScopedElement)("div", {

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

@@ -1 +1 @@
-{"version":3,"file":"SubnavigationBar.js","names":["defaultScrollToLeft","x","defaultScrollToRight","SubnavigationBar","mode","children","showArrows","getScrollToLeft","getScrollToRight","scrollAnimationDuration","restProps","ScrollWrapper","scrollWrapperProps","HorizontalScroll","classNames"],"sources":["../../../../src/components/SubnavigationBar/SubnavigationBar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport {\n  HorizontalScroll,\n  HorizontalScrollProps,\n  ScrollPositionHandler,\n} from \"../HorizontalScroll/HorizontalScroll\";\nimport \"./SubnavigationBar.css\";\n\nexport interface SubnavigationBarProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    Pick<\n      HorizontalScrollProps,\n      | \"showArrows\"\n      | \"getScrollToLeft\"\n      | \"getScrollToRight\"\n      | \"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  ...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      vkuiClass={classNames(\"SubnavigationBar\", `SubnavigationBar--${mode}`)}\n    >\n      <ScrollWrapper vkuiClass=\"SubnavigationBar__in\" {...scrollWrapperProps}>\n        <div vkuiClass=\"SubnavigationBar__scrollIn\">{children}</div>\n      </ScrollWrapper>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;;;AAmBA,IAAMA,mBAA0C,GAAG,SAA7CA,mBAA6C,CAACC,CAAD;EAAA,OAAOA,CAAC,GAAG,GAAX;AAAA,CAAnD;;AAEA,IAAMC,oBAA2C,GAAG,SAA9CA,oBAA8C,CAACD,CAAD;EAAA,OAAOA,CAAC,GAAG,GAAX;AAAA,CAApD;AAEA;AACA;AACA;;;AACO,IAAME,gBAAgB,GAAG,SAAnBA,gBAAmB,OAQH;EAAA,qBAP3BC,IAO2B;EAAA,IAP3BA,IAO2B,0BAPpB,UAOoB;EAAA,IAN3BC,QAM2B,QAN3BA,QAM2B;EAAA,2BAL3BC,UAK2B;EAAA,IAL3BA,UAK2B,gCALd,IAKc;EAAA,gCAJ3BC,eAI2B;EAAA,IAJ3BA,eAI2B,qCAJTP,mBAIS;EAAA,iCAH3BQ,gBAG2B;EAAA,IAH3BA,gBAG2B,sCAHRN,oBAGQ;EAAA,IAF3BO,uBAE2B,QAF3BA,uBAE2B;EAAA,IADxBC,SACwB;EAC3B,IAAIC,aAAJ;EACA,IAAIC,kBAAkB,GAAG,EAAzB;;EAEA,IAAIR,IAAI,KAAK,OAAb,EAAsB;IACpBO,aAAa,GAAG,KAAhB;EACD,CAFD,MAEO;IACLA,aAAa,GAAGE,kCAAhB;IACAD,kBAAkB,GAAG;MACnBN,UAAU,EAAVA,UADmB;MAEnBC,eAAe,EAAfA,eAFmB;MAGnBC,gBAAgB,EAAhBA,gBAHmB;MAInBC,uBAAuB,EAAvBA;IAJmB,CAArB;EAMD;;EAED,OACE,uEACMC,SADN;IAEE,SAAS,EAAE,IAAAI,sBAAA,EAAW,kBAAX,8BAAoDV,IAApD;EAFb,IAIE,qCAAC,aAAD;IAAe,SAAS,EAAC;EAAzB,GAAoDQ,kBAApD,GACE;IAAK,SAAS,EAAC;EAAf,GAA6CP,QAA7C,CADF,CAJF,CADF;AAUD,CAlCM"}
+{"version":3,"file":"SubnavigationBar.js","names":["defaultScrollToLeft","x","defaultScrollToRight","SubnavigationBar","mode","children","showArrows","getScrollToLeft","getScrollToRight","scrollAnimationDuration","restProps","ScrollWrapper","scrollWrapperProps","HorizontalScroll","classNames"],"sources":["../../../../src/components/SubnavigationBar/SubnavigationBar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport {\n  HorizontalScroll,\n  HorizontalScrollProps,\n  ScrollPositionHandler,\n} from \"../HorizontalScroll/HorizontalScroll\";\nimport \"./SubnavigationBar.css\";\n\nexport interface SubnavigationBarProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    Pick<\n      HorizontalScrollProps,\n      | \"showArrows\"\n      | \"getScrollToLeft\"\n      | \"getScrollToRight\"\n      | \"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  ...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      vkuiClass={classNames(\n        \"SubnavigationBar\",\n        `SubnavigationBar--mode-${mode}`\n      )}\n    >\n      <ScrollWrapper vkuiClass=\"SubnavigationBar__in\" {...scrollWrapperProps}>\n        <div vkuiClass=\"SubnavigationBar__scrollIn\">{children}</div>\n      </ScrollWrapper>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;;;AAmBA,IAAMA,mBAA0C,GAAG,SAA7CA,mBAA6C,CAACC,CAAD;EAAA,OAAOA,CAAC,GAAG,GAAX;AAAA,CAAnD;;AAEA,IAAMC,oBAA2C,GAAG,SAA9CA,oBAA8C,CAACD,CAAD;EAAA,OAAOA,CAAC,GAAG,GAAX;AAAA,CAApD;AAEA;AACA;AACA;;;AACO,IAAME,gBAAgB,GAAG,SAAnBA,gBAAmB,OAQH;EAAA,qBAP3BC,IAO2B;EAAA,IAP3BA,IAO2B,0BAPpB,UAOoB;EAAA,IAN3BC,QAM2B,QAN3BA,QAM2B;EAAA,2BAL3BC,UAK2B;EAAA,IAL3BA,UAK2B,gCALd,IAKc;EAAA,gCAJ3BC,eAI2B;EAAA,IAJ3BA,eAI2B,qCAJTP,mBAIS;EAAA,iCAH3BQ,gBAG2B;EAAA,IAH3BA,gBAG2B,sCAHRN,oBAGQ;EAAA,IAF3BO,uBAE2B,QAF3BA,uBAE2B;EAAA,IADxBC,SACwB;EAC3B,IAAIC,aAAJ;EACA,IAAIC,kBAAkB,GAAG,EAAzB;;EAEA,IAAIR,IAAI,KAAK,OAAb,EAAsB;IACpBO,aAAa,GAAG,KAAhB;EACD,CAFD,MAEO;IACLA,aAAa,GAAGE,kCAAhB;IACAD,kBAAkB,GAAG;MACnBN,UAAU,EAAVA,UADmB;MAEnBC,eAAe,EAAfA,eAFmB;MAGnBC,gBAAgB,EAAhBA,gBAHmB;MAInBC,uBAAuB,EAAvBA;IAJmB,CAArB;EAMD;;EAED,OACE,uEACMC,SADN;IAEE,SAAS,EAAE,IAAAI,sBAAA,EACT,kBADS,mCAEiBV,IAFjB;EAFb,IAOE,qCAAC,aAAD;IAAe,SAAS,EAAC;EAAzB,GAAoDQ,kBAApD,GACE;IAAK,SAAS,EAAC;EAAf,GAA6CP,QAA7C,CADF,CAPF,CADF;AAaD,CArCM"}

package/dist/cjs/components/SubnavigationButton/SubnavigationButton.js

@@ -34,12 +34,12 @@ var SubnavigationButtonTypography = function SubnavigationButtonTypography(_ref)
   var textLevel = _ref.textLevel,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
-  if (textLevel === 1) {
+  if (textLevel === "1") {
     return (0, _jsxRuntime.createScopedElement)(_Subhead.Subhead, restProps);
   }
 
   return (0, _jsxRuntime.createScopedElement)(_Caption.Caption, (0, _extends2.default)({
-    level: textLevel === 2 ? "2" : "3"
+    level: textLevel === "2" ? "1" : "2"
   }, restProps));
 };
 /**
@@ -54,7 +54,7 @@ var SubnavigationButton = function SubnavigationButton(_ref2) {
       size = _ref2$size === void 0 ? "m" : _ref2$size,
       selected = _ref2.selected,
       _ref2$textLevel = _ref2.textLevel,
-      textLevel = _ref2$textLevel === void 0 ? 1 : _ref2$textLevel,
+      textLevel = _ref2$textLevel === void 0 ? "1" : _ref2$textLevel,
       before = _ref2.before,
       after = _ref2.after,
       expandable = _ref2.expandable,
@@ -67,7 +67,7 @@ var SubnavigationButton = function SubnavigationButton(_ref2) {
   return (0, _jsxRuntime.createScopedElement)(_Tappable.Tappable, (0, _extends2.default)({}, restProps, {
     hasActive: false,
     focusVisibleMode: "outside",
-    vkuiClass: (0, _classNames.classNames)("SubnavigationButton", "SubnavigationButton--".concat(size), "SubnavigationButton--mode-".concat(mode), selected && "SubnavigationButton--selected", "SubnavigationButton--sizeY-".concat(sizeY)),
+    vkuiClass: (0, _classNames.classNames)("SubnavigationButton", "SubnavigationButton--size-".concat(size), "SubnavigationButton--mode-".concat(mode), selected && "SubnavigationButton--selected", "SubnavigationButton--sizeY-".concat(sizeY)),
     "aria-label": (0, _utils.getTitleFromChildren)(children)
   }), (0, _jsxRuntime.createScopedElement)("span", {
     vkuiClass: "SubnavigationButton__in"

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

@@ -1 +1 @@
-{"version":3,"file":"SubnavigationButton.js","names":["SubnavigationButtonTypography","textLevel","restProps","SubnavigationButton","mode","size","selected","before","after","expandable","children","useAdaptivity","sizeY","classNames","getTitleFromChildren"],"sources":["../../../../src/components/SubnavigationButton/SubnavigationButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent, HasChildren } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getTitleFromChildren } from \"../../lib/utils\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { Icon16Dropdown } from \"@vkontakte/icons\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport \"./SubnavigationButton.css\";\n\nexport interface SubnavigationButtonProps extends Omit<TappableProps, \"size\"> {\n  mode?: \"primary\" | \"outline\" | \"tertiary\";\n  size?: \"s\" | \"m\" | \"l\";\n  selected?: boolean;\n  /**\n   * Размер шрифта. Этим свойством рекомендуется пользоваться, чтобы отрегулировать размер шрифта у кнопок в `<SubnavigationBar mode=\"fixed\" />`\n   */\n  textLevel?: 1 | 2 | 3;\n  /**\n   * Рекомендуется использовать только иконки с размером 24\n   */\n  before?: React.ReactNode;\n  /**\n   * Рекомендуется использовать только `<Counter size=\"s\" />` или `<Badge />`\n   */\n  after?: React.ReactNode;\n  expandable?: boolean;\n}\n\ntype SubnavigationButtonTypographyProps = Pick<\n  SubnavigationButtonProps,\n  \"textLevel\"\n> &\n  HasComponent &\n  HasChildren;\n\nconst SubnavigationButtonTypography = ({\n  textLevel,\n  ...restProps\n}: SubnavigationButtonTypographyProps) => {\n  if (textLevel === 1) {\n    return <Subhead {...restProps} />;\n  }\n\n  return <Caption level={textLevel === 2 ? \"2\" : \"3\"} {...restProps} />;\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SubnavigationButton\n */\nexport const SubnavigationButton = ({\n  mode = \"primary\",\n  size = \"m\",\n  selected,\n  textLevel = 1,\n  before,\n  after,\n  expandable,\n  children,\n  ...restProps\n}: SubnavigationButtonProps) => {\n  const { sizeY } = useAdaptivity();\n\n  return (\n    <Tappable\n      {...restProps}\n      hasActive={false}\n      focusVisibleMode=\"outside\"\n      vkuiClass={classNames(\n        \"SubnavigationButton\",\n        `SubnavigationButton--${size}`,\n        `SubnavigationButton--mode-${mode}`,\n        selected && \"SubnavigationButton--selected\",\n        `SubnavigationButton--sizeY-${sizeY}`\n      )}\n      aria-label={getTitleFromChildren(children)}\n    >\n      <span vkuiClass=\"SubnavigationButton__in\">\n        {before && (\n          <span vkuiClass=\"SubnavigationButton__before\">{before}</span>\n        )}\n        <SubnavigationButtonTypography\n          textLevel={textLevel}\n          vkuiClass=\"SubnavigationButton__label\"\n          Component=\"span\"\n        >\n          {children}\n        </SubnavigationButtonTypography>\n        {after && <span vkuiClass=\"SubnavigationButton__after\">{after}</span>}\n        {expandable && (\n          <Icon16Dropdown\n            vkuiClass=\"SubnavigationButton__expandableIcon\"\n            aria-hidden\n          />\n        )}\n      </span>\n    </Tappable>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;AA6BA,IAAMA,6BAA6B,GAAG,SAAhCA,6BAAgC,OAGI;EAAA,IAFxCC,SAEwC,QAFxCA,SAEwC;EAAA,IADrCC,SACqC;;EACxC,IAAID,SAAS,KAAK,CAAlB,EAAqB;IACnB,OAAO,qCAAC,gBAAD,EAAaC,SAAb,CAAP;EACD;;EAED,OAAO,qCAAC,gBAAD;IAAS,KAAK,EAAED,SAAS,KAAK,CAAd,GAAkB,GAAlB,GAAwB;EAAxC,GAAiDC,SAAjD,EAAP;AACD,CATD;AAWA;AACA;AACA;;;AACO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,QAUH;EAAA,uBAT9BC,IAS8B;EAAA,IAT9BA,IAS8B,2BATvB,SASuB;EAAA,uBAR9BC,IAQ8B;EAAA,IAR9BA,IAQ8B,2BARvB,GAQuB;EAAA,IAP9BC,QAO8B,SAP9BA,QAO8B;EAAA,4BAN9BL,SAM8B;EAAA,IAN9BA,SAM8B,gCANlB,CAMkB;EAAA,IAL9BM,MAK8B,SAL9BA,MAK8B;EAAA,IAJ9BC,KAI8B,SAJ9BA,KAI8B;EAAA,IAH9BC,UAG8B,SAH9BA,UAG8B;EAAA,IAF9BC,QAE8B,SAF9BA,QAE8B;EAAA,IAD3BR,SAC2B;;EAC9B,qBAAkB,IAAAS,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EAEA,OACE,qCAAC,kBAAD,6BACMV,SADN;IAEE,SAAS,EAAE,KAFb;IAGE,gBAAgB,EAAC,SAHnB;IAIE,SAAS,EAAE,IAAAW,sBAAA,EACT,qBADS,iCAEeR,IAFf,uCAGoBD,IAHpB,GAITE,QAAQ,IAAI,+BAJH,uCAKqBM,KALrB,EAJb;IAWE,cAAY,IAAAE,2BAAA,EAAqBJ,QAArB;EAXd,IAaE;IAAM,SAAS,EAAC;EAAhB,GACGH,MAAM,IACL;IAAM,SAAS,EAAC;EAAhB,GAA+CA,MAA/C,CAFJ,EAIE,qCAAC,6BAAD;IACE,SAAS,EAAEN,SADb;IAEE,SAAS,EAAC,4BAFZ;IAGE,SAAS,EAAC;EAHZ,GAKGS,QALH,CAJF,EAWGF,KAAK,IAAI;IAAM,SAAS,EAAC;EAAhB,GAA8CA,KAA9C,CAXZ,EAYGC,UAAU,IACT,qCAAC,qBAAD;IACE,SAAS,EAAC,qCADZ;IAEE;EAFF,EAbJ,CAbF,CADF;AAmCD,CAhDM"}
+{"version":3,"file":"SubnavigationButton.js","names":["SubnavigationButtonTypography","textLevel","restProps","SubnavigationButton","mode","size","selected","before","after","expandable","children","useAdaptivity","sizeY","classNames","getTitleFromChildren"],"sources":["../../../../src/components/SubnavigationButton/SubnavigationButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent, HasChildren } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getTitleFromChildren } from \"../../lib/utils\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { Icon16Dropdown } from \"@vkontakte/icons\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport \"./SubnavigationButton.css\";\n\nexport interface SubnavigationButtonProps extends Omit<TappableProps, \"size\"> {\n  mode?: \"primary\" | \"outline\" | \"tertiary\";\n  size?: \"s\" | \"m\" | \"l\";\n  selected?: boolean;\n  /**\n   * Размер шрифта. Этим свойством рекомендуется пользоваться, чтобы отрегулировать размер шрифта у кнопок в `<SubnavigationBar mode=\"fixed\" />`\n   */\n  textLevel?: \"1\" | \"2\" | \"3\";\n  /**\n   * Рекомендуется использовать только иконки с размером 24\n   */\n  before?: React.ReactNode;\n  /**\n   * Рекомендуется использовать только `<Counter size=\"s\" />` или `<Badge />`\n   */\n  after?: React.ReactNode;\n  expandable?: boolean;\n}\n\ntype SubnavigationButtonTypographyProps = Pick<\n  SubnavigationButtonProps,\n  \"textLevel\"\n> &\n  HasComponent &\n  HasChildren;\n\nconst SubnavigationButtonTypography = ({\n  textLevel,\n  ...restProps\n}: SubnavigationButtonTypographyProps) => {\n  if (textLevel === \"1\") {\n    return <Subhead {...restProps} />;\n  }\n\n  return <Caption level={textLevel === \"2\" ? \"1\" : \"2\"} {...restProps} />;\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SubnavigationButton\n */\nexport const SubnavigationButton = ({\n  mode = \"primary\",\n  size = \"m\",\n  selected,\n  textLevel = \"1\",\n  before,\n  after,\n  expandable,\n  children,\n  ...restProps\n}: SubnavigationButtonProps) => {\n  const { sizeY } = useAdaptivity();\n\n  return (\n    <Tappable\n      {...restProps}\n      hasActive={false}\n      focusVisibleMode=\"outside\"\n      vkuiClass={classNames(\n        \"SubnavigationButton\",\n        `SubnavigationButton--size-${size}`,\n        `SubnavigationButton--mode-${mode}`,\n        selected && \"SubnavigationButton--selected\",\n        `SubnavigationButton--sizeY-${sizeY}`\n      )}\n      aria-label={getTitleFromChildren(children)}\n    >\n      <span vkuiClass=\"SubnavigationButton__in\">\n        {before && (\n          <span vkuiClass=\"SubnavigationButton__before\">{before}</span>\n        )}\n        <SubnavigationButtonTypography\n          textLevel={textLevel}\n          vkuiClass=\"SubnavigationButton__label\"\n          Component=\"span\"\n        >\n          {children}\n        </SubnavigationButtonTypography>\n        {after && <span vkuiClass=\"SubnavigationButton__after\">{after}</span>}\n        {expandable && (\n          <Icon16Dropdown\n            vkuiClass=\"SubnavigationButton__expandableIcon\"\n            aria-hidden\n          />\n        )}\n      </span>\n    </Tappable>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;AA6BA,IAAMA,6BAA6B,GAAG,SAAhCA,6BAAgC,OAGI;EAAA,IAFxCC,SAEwC,QAFxCA,SAEwC;EAAA,IADrCC,SACqC;;EACxC,IAAID,SAAS,KAAK,GAAlB,EAAuB;IACrB,OAAO,qCAAC,gBAAD,EAAaC,SAAb,CAAP;EACD;;EAED,OAAO,qCAAC,gBAAD;IAAS,KAAK,EAAED,SAAS,KAAK,GAAd,GAAoB,GAApB,GAA0B;EAA1C,GAAmDC,SAAnD,EAAP;AACD,CATD;AAWA;AACA;AACA;;;AACO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,QAUH;EAAA,uBAT9BC,IAS8B;EAAA,IAT9BA,IAS8B,2BATvB,SASuB;EAAA,uBAR9BC,IAQ8B;EAAA,IAR9BA,IAQ8B,2BARvB,GAQuB;EAAA,IAP9BC,QAO8B,SAP9BA,QAO8B;EAAA,4BAN9BL,SAM8B;EAAA,IAN9BA,SAM8B,gCANlB,GAMkB;EAAA,IAL9BM,MAK8B,SAL9BA,MAK8B;EAAA,IAJ9BC,KAI8B,SAJ9BA,KAI8B;EAAA,IAH9BC,UAG8B,SAH9BA,UAG8B;EAAA,IAF9BC,QAE8B,SAF9BA,QAE8B;EAAA,IAD3BR,SAC2B;;EAC9B,qBAAkB,IAAAS,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EAEA,OACE,qCAAC,kBAAD,6BACMV,SADN;IAEE,SAAS,EAAE,KAFb;IAGE,gBAAgB,EAAC,SAHnB;IAIE,SAAS,EAAE,IAAAW,sBAAA,EACT,qBADS,sCAEoBR,IAFpB,uCAGoBD,IAHpB,GAITE,QAAQ,IAAI,+BAJH,uCAKqBM,KALrB,EAJb;IAWE,cAAY,IAAAE,2BAAA,EAAqBJ,QAArB;EAXd,IAaE;IAAM,SAAS,EAAC;EAAhB,GACGH,MAAM,IACL;IAAM,SAAS,EAAC;EAAhB,GAA+CA,MAA/C,CAFJ,EAIE,qCAAC,6BAAD;IACE,SAAS,EAAEN,SADb;IAEE,SAAS,EAAC,4BAFZ;IAGE,SAAS,EAAC;EAHZ,GAKGS,QALH,CAJF,EAWGF,KAAK,IAAI;IAAM,SAAS,EAAC;EAAhB,GAA8CA,KAA9C,CAXZ,EAYGC,UAAU,IACT,qCAAC,qBAAD;IACE,SAAS,EAAC,qCADZ;IAEE;EAFF,EAbJ,CAbF,CADF;AAmCD,CAhDM"}

package/dist/cjs/components/Switch/Switch.js

@@ -29,6 +29,8 @@ var _useFocusVisible2 = require("../../hooks/useFocusVisible");
 
 var _FocusVisible = require("../FocusVisible/FocusVisible");
 
+var _getSizeYClassName = require("../../helpers/getSizeYClassName");
+
 var _excluded = ["style", "className", "getRootRef"];
 
 /**
@@ -50,7 +52,7 @@ var Switch = function Switch(_ref) {
       onFocus = _useFocusVisible.onFocus;
 
   return (0, _jsxRuntime.createScopedElement)("label", {
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("Switch", platform), "Switch--sizeY-".concat(sizeY), restProps.disabled && "Switch--disabled", focusVisible && "Switch--focus-visible"),
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("Switch", platform), (0, _getSizeYClassName.getSizeYClassName)("Switch", sizeY), restProps.disabled && "Switch--disabled", focusVisible && "Switch--focus-visible"),
     className: className,
     style: style,
     ref: getRootRef,

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","names":["Switch","style","className","getRootRef","restProps","platform","usePlatform","useAdaptivity","sizeY","useFocusVisible","focusVisible","onBlur","onFocus","classNames","getClassName","disabled","callMultiple"],"sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { callMultiple } from \"../../lib/callMultiple\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasRootRef } from \"../../types\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport {\n  VisuallyHiddenInput,\n  VisuallyHiddenInputProps,\n} from \"../VisuallyHiddenInput/VisuallyHiddenInput\";\nimport { useFocusVisible } from \"../../hooks/useFocusVisible\";\nimport { FocusVisible } from \"../FocusVisible/FocusVisible\";\nimport \"./Switch.css\";\n\nexport interface SwitchProps\n  extends VisuallyHiddenInputProps,\n    HasRootRef<HTMLLabelElement> {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Switch\n */\nexport const Switch = ({\n  style,\n  className,\n  getRootRef,\n  ...restProps\n}: SwitchProps) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n  const { focusVisible, onBlur, onFocus } = useFocusVisible();\n\n  return (\n    <label\n      vkuiClass={classNames(\n        getClassName(\"Switch\", platform),\n        `Switch--sizeY-${sizeY}`,\n        restProps.disabled && \"Switch--disabled\",\n        focusVisible && \"Switch--focus-visible\"\n      )}\n      className={className}\n      style={style}\n      ref={getRootRef}\n      role=\"presentation\"\n    >\n      <VisuallyHiddenInput\n        {...restProps}\n        type=\"checkbox\"\n        vkuiClass=\"Switch__self\"\n        onBlur={callMultiple(onBlur, restProps.onBlur)}\n        onFocus={callMultiple(onFocus, restProps.onFocus)}\n      />\n      <span role=\"presentation\" vkuiClass=\"Switch__pseudo\" />\n      <FocusVisible mode=\"outside\" />\n    </label>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AAIA;;AACA;;;;AAOA;AACA;AACA;AACO,IAAMA,MAAM,GAAG,SAATA,MAAS,OAKH;EAAA,IAJjBC,KAIiB,QAJjBA,KAIiB;EAAA,IAHjBC,SAGiB,QAHjBA,SAGiB;EAAA,IAFjBC,UAEiB,QAFjBA,UAEiB;EAAA,IADdC,SACc;EACjB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;;EACA,qBAAkB,IAAAC,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EACA,uBAA0C,IAAAC,iCAAA,GAA1C;EAAA,IAAQC,YAAR,oBAAQA,YAAR;EAAA,IAAsBC,MAAtB,oBAAsBA,MAAtB;EAAA,IAA8BC,OAA9B,oBAA8BA,OAA9B;;EAEA,OACE;IACE,SAAS,EAAE,IAAAC,sBAAA,EACT,IAAAC,0BAAA,EAAa,QAAb,EAAuBT,QAAvB,CADS,0BAEQG,KAFR,GAGTJ,SAAS,CAACW,QAAV,IAAsB,kBAHb,EAITL,YAAY,IAAI,uBAJP,CADb;IAOE,SAAS,EAAER,SAPb;IAQE,KAAK,EAAED,KART;IASE,GAAG,EAAEE,UATP;IAUE,IAAI,EAAC;EAVP,GAYE,qCAAC,wCAAD,6BACMC,SADN;IAEE,IAAI,EAAC,UAFP;IAGE,SAAS,EAAC,cAHZ;IAIE,MAAM,EAAE,IAAAY,0BAAA,EAAaL,MAAb,EAAqBP,SAAS,CAACO,MAA/B,CAJV;IAKE,OAAO,EAAE,IAAAK,0BAAA,EAAaJ,OAAb,EAAsBR,SAAS,CAACQ,OAAhC;EALX,GAZF,EAmBE;IAAM,IAAI,EAAC,cAAX;IAA0B,SAAS,EAAC;EAApC,EAnBF,EAoBE,qCAAC,0BAAD;IAAc,IAAI,EAAC;EAAnB,EApBF,CADF;AAwBD,CAlCM"}
+{"version":3,"file":"Switch.js","names":["Switch","style","className","getRootRef","restProps","platform","usePlatform","useAdaptivity","sizeY","useFocusVisible","focusVisible","onBlur","onFocus","classNames","getClassName","getSizeYClassName","disabled","callMultiple"],"sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { callMultiple } from \"../../lib/callMultiple\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasRootRef } from \"../../types\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport {\n  VisuallyHiddenInput,\n  VisuallyHiddenInputProps,\n} from \"../VisuallyHiddenInput/VisuallyHiddenInput\";\nimport { useFocusVisible } from \"../../hooks/useFocusVisible\";\nimport { FocusVisible } from \"../FocusVisible/FocusVisible\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport \"./Switch.css\";\n\nexport interface SwitchProps\n  extends VisuallyHiddenInputProps,\n    HasRootRef<HTMLLabelElement> {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Switch\n */\nexport const Switch = ({\n  style,\n  className,\n  getRootRef,\n  ...restProps\n}: SwitchProps) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n  const { focusVisible, onBlur, onFocus } = useFocusVisible();\n\n  return (\n    <label\n      vkuiClass={classNames(\n        getClassName(\"Switch\", platform),\n        getSizeYClassName(\"Switch\", sizeY),\n        restProps.disabled && \"Switch--disabled\",\n        focusVisible && \"Switch--focus-visible\"\n      )}\n      className={className}\n      style={style}\n      ref={getRootRef}\n      role=\"presentation\"\n    >\n      <VisuallyHiddenInput\n        {...restProps}\n        type=\"checkbox\"\n        vkuiClass=\"Switch__self\"\n        onBlur={callMultiple(onBlur, restProps.onBlur)}\n        onFocus={callMultiple(onFocus, restProps.onFocus)}\n      />\n      <span role=\"presentation\" vkuiClass=\"Switch__pseudo\" />\n      <FocusVisible mode=\"outside\" />\n    </label>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AAIA;;AACA;;AACA;;;;AAOA;AACA;AACA;AACO,IAAMA,MAAM,GAAG,SAATA,MAAS,OAKH;EAAA,IAJjBC,KAIiB,QAJjBA,KAIiB;EAAA,IAHjBC,SAGiB,QAHjBA,SAGiB;EAAA,IAFjBC,UAEiB,QAFjBA,UAEiB;EAAA,IADdC,SACc;EACjB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;;EACA,qBAAkB,IAAAC,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EACA,uBAA0C,IAAAC,iCAAA,GAA1C;EAAA,IAAQC,YAAR,oBAAQA,YAAR;EAAA,IAAsBC,MAAtB,oBAAsBA,MAAtB;EAAA,IAA8BC,OAA9B,oBAA8BA,OAA9B;;EAEA,OACE;IACE,SAAS,EAAE,IAAAC,sBAAA,EACT,IAAAC,0BAAA,EAAa,QAAb,EAAuBT,QAAvB,CADS,EAET,IAAAU,oCAAA,EAAkB,QAAlB,EAA4BP,KAA5B,CAFS,EAGTJ,SAAS,CAACY,QAAV,IAAsB,kBAHb,EAITN,YAAY,IAAI,uBAJP,CADb;IAOE,SAAS,EAAER,SAPb;IAQE,KAAK,EAAED,KART;IASE,GAAG,EAAEE,UATP;IAUE,IAAI,EAAC;EAVP,GAYE,qCAAC,wCAAD,6BACMC,SADN;IAEE,IAAI,EAAC,UAFP;IAGE,SAAS,EAAC,cAHZ;IAIE,MAAM,EAAE,IAAAa,0BAAA,EAAaN,MAAb,EAAqBP,SAAS,CAACO,MAA/B,CAJV;IAKE,OAAO,EAAE,IAAAM,0BAAA,EAAaL,OAAb,EAAsBR,SAAS,CAACQ,OAAhC;EALX,GAZF,EAmBE;IAAM,IAAI,EAAC,cAAX;IAA0B,SAAS,EAAC;EAApC,EAnBF,EAoBE,qCAAC,0BAAD;IAAc,IAAI,EAAC;EAAnB,EApBF,CADF;AAwBD,CAlCM"}

package/dist/cjs/components/Tabbar/Tabbar.js

@@ -23,7 +23,7 @@ var _usePlatform = require("../../hooks/usePlatform");
 
 var _platform = require("../../lib/platform");
 
-var _excluded = ["children", "shadow", "itemsLayout", "mode"];
+var _excluded = ["children", "shadow", "mode"];
 
 var getItemsLayout = function getItemsLayout(itemsLayout, children) {
   switch (itemsLayout) {
@@ -44,12 +44,11 @@ var Tabbar = function Tabbar(_ref) {
   var children = _ref.children,
       _ref$shadow = _ref.shadow,
       shadow = _ref$shadow === void 0 ? true : _ref$shadow,
-      itemsLayout = _ref.itemsLayout,
       mode = _ref.mode,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({
-    vkuiClass: (0, _classNames.classNames)("Tabbar", platform === _platform.Platform.IOS && "Tabbar--ios", "Tabbar--l-".concat(getItemsLayout(itemsLayout !== null && itemsLayout !== void 0 ? itemsLayout : mode, children)), shadow && "Tabbar--shadow")
+    vkuiClass: (0, _classNames.classNames)("Tabbar", platform === _platform.Platform.IOS && "Tabbar--ios", "Tabbar-layout-".concat(getItemsLayout(mode, children)), shadow && "Tabbar--shadow")
   }, restProps), (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "Tabbar__in"
   }, children));

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

@@ -1 +1 @@
-{"version":3,"file":"Tabbar.js","names":["getItemsLayout","itemsLayout","children","React","Children","count","Tabbar","shadow","mode","restProps","platform","usePlatform","classNames","Platform","IOS"],"sources":["../../../../src/components/Tabbar/Tabbar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Platform } from \"../../lib/platform\";\nimport \"./Tabbar.css\";\n\nexport interface TabbarProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Флаг для показа/скрытия верхней тени (Android) или границы (iOS)\n   */\n  shadow?: boolean;\n  /**\n   * @deprecated будет удалено в 5.0.0. Используйте `mode`\n   */\n  itemsLayout?: \"vertical\" | \"horizontal\" | \"auto\"; // TODO v5.0.0 удалить, будет использоваться mode\n  /**\n   * Задает расположение элементов (вертикальное/горизонтальное)\n   */\n  mode?: \"vertical\" | \"horizontal\" | \"auto\";\n}\n\nconst getItemsLayout = (\n  itemsLayout: TabbarProps[\"mode\"],\n  children: TabbarProps[\"children\"]\n) => {\n  switch (itemsLayout) {\n    case \"horizontal\":\n    case \"vertical\":\n      return itemsLayout;\n    default:\n      return React.Children.count(children) > 2 ? \"vertical\" : \"horizontal\";\n  }\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Tabbar\n */\nexport const Tabbar = ({\n  children,\n  shadow = true,\n  itemsLayout,\n  mode,\n  ...restProps\n}: TabbarProps) => {\n  const platform = usePlatform();\n\n  return (\n    <div\n      vkuiClass={classNames(\n        \"Tabbar\",\n        platform === Platform.IOS && \"Tabbar--ios\",\n        `Tabbar--l-${getItemsLayout(itemsLayout ?? mode, children)}`,\n        shadow && \"Tabbar--shadow\"\n      )}\n      {...restProps}\n    >\n      <div vkuiClass=\"Tabbar__in\">{children}</div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAkBA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CACrBC,WADqB,EAErBC,QAFqB,EAGlB;EACH,QAAQD,WAAR;IACE,KAAK,YAAL;IACA,KAAK,UAAL;MACE,OAAOA,WAAP;;IACF;MACE,OAAOE,KAAK,CAACC,QAAN,CAAeC,KAAf,CAAqBH,QAArB,IAAiC,CAAjC,GAAqC,UAArC,GAAkD,YAAzD;EALJ;AAOD,CAXD;AAaA;AACA;AACA;;;AACO,IAAMI,MAAM,GAAG,SAATA,MAAS,OAMH;EAAA,IALjBJ,QAKiB,QALjBA,QAKiB;EAAA,uBAJjBK,MAIiB;EAAA,IAJjBA,MAIiB,4BAJR,IAIQ;EAAA,IAHjBN,WAGiB,QAHjBA,WAGiB;EAAA,IAFjBO,IAEiB,QAFjBA,IAEiB;EAAA,IADdC,SACc;EACjB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EAEA,OACE;IACE,SAAS,EAAE,IAAAC,sBAAA,EACT,QADS,EAETF,QAAQ,KAAKG,kBAAA,CAASC,GAAtB,IAA6B,aAFpB,sBAGId,cAAc,CAACC,WAAD,aAACA,WAAD,cAACA,WAAD,GAAgBO,IAAhB,EAAsBN,QAAtB,CAHlB,GAITK,MAAM,IAAI,gBAJD;EADb,GAOME,SAPN,GASE;IAAK,SAAS,EAAC;EAAf,GAA6BP,QAA7B,CATF,CADF;AAaD,CAtBM"}
+{"version":3,"file":"Tabbar.js","names":["getItemsLayout","itemsLayout","children","React","Children","count","Tabbar","shadow","mode","restProps","platform","usePlatform","classNames","Platform","IOS"],"sources":["../../../../src/components/Tabbar/Tabbar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Platform } from \"../../lib/platform\";\nimport \"./Tabbar.css\";\n\nexport interface TabbarProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Флаг для показа/скрытия верхней тени (Android) или границы (iOS)\n   */\n  shadow?: boolean;\n  /**\n   * Задает расположение элементов (вертикальное/горизонтальное)\n   */\n  mode?: \"vertical\" | \"horizontal\" | \"auto\";\n}\n\nconst getItemsLayout = (\n  itemsLayout: TabbarProps[\"mode\"],\n  children: TabbarProps[\"children\"]\n) => {\n  switch (itemsLayout) {\n    case \"horizontal\":\n    case \"vertical\":\n      return itemsLayout;\n    default:\n      return React.Children.count(children) > 2 ? \"vertical\" : \"horizontal\";\n  }\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Tabbar\n */\nexport const Tabbar = ({\n  children,\n  shadow = true,\n  mode,\n  ...restProps\n}: TabbarProps) => {\n  const platform = usePlatform();\n\n  return (\n    <div\n      vkuiClass={classNames(\n        \"Tabbar\",\n        platform === Platform.IOS && \"Tabbar--ios\",\n        `Tabbar-layout-${getItemsLayout(mode, children)}`,\n        shadow && \"Tabbar--shadow\"\n      )}\n      {...restProps}\n    >\n      <div vkuiClass=\"Tabbar__in\">{children}</div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAcA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CACrBC,WADqB,EAErBC,QAFqB,EAGlB;EACH,QAAQD,WAAR;IACE,KAAK,YAAL;IACA,KAAK,UAAL;MACE,OAAOA,WAAP;;IACF;MACE,OAAOE,KAAK,CAACC,QAAN,CAAeC,KAAf,CAAqBH,QAArB,IAAiC,CAAjC,GAAqC,UAArC,GAAkD,YAAzD;EALJ;AAOD,CAXD;AAaA;AACA;AACA;;;AACO,IAAMI,MAAM,GAAG,SAATA,MAAS,OAKH;EAAA,IAJjBJ,QAIiB,QAJjBA,QAIiB;EAAA,uBAHjBK,MAGiB;EAAA,IAHjBA,MAGiB,4BAHR,IAGQ;EAAA,IAFjBC,IAEiB,QAFjBA,IAEiB;EAAA,IADdC,SACc;EACjB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EAEA,OACE;IACE,SAAS,EAAE,IAAAC,sBAAA,EACT,QADS,EAETF,QAAQ,KAAKG,kBAAA,CAASC,GAAtB,IAA6B,aAFpB,0BAGQd,cAAc,CAACQ,IAAD,EAAON,QAAP,CAHtB,GAITK,MAAM,IAAI,gBAJD;EADb,GAOME,SAPN,GASE;IAAK,SAAS,EAAC;EAAf,GAA6BP,QAA7B,CATF,CADF;AAaD,CArBM"}

package/dist/cjs/components/TabbarItem/TabbarItem.js

@@ -13,8 +13,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _Counter = require("../Counter/Counter");
-
 var _classNames = require("../../lib/classNames");
 
 var _usePlatform = require("../../hooks/usePlatform");
@@ -27,18 +25,14 @@ var _Footnote = require("../Typography/Footnote/Footnote");
 
 var _platform = require("../../lib/platform");
 
-var _warnOnce = require("../../lib/warnOnce");
+var _excluded = ["children", "selected", "indicator", "text", "href", "Component", "disabled"];
 
-var _excluded = ["children", "selected", "label", "indicator", "text", "href", "Component", "disabled"];
-var warn = (0, _warnOnce.warnOnce)("TabbarItem");
 /**
  * @see https://vkcom.github.io/VKUI/#/TabbarItem
  */
-
 var TabbarItem = function TabbarItem(_ref) {
   var children = _ref.children,
       selected = _ref.selected,
-      label = _ref.label,
       indicator = _ref.indicator,
       text = _ref.text,
       href = _ref.href,
@@ -47,11 +41,6 @@ var TabbarItem = function TabbarItem(_ref) {
       disabled = _ref.disabled,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
-
-  if (label && process.env.NODE_ENV === "development") {
-    warn("Свойство label устарело и будет удалено в 5.0.0. Используйте indicator.");
-  }
-
   return (0, _jsxRuntime.createScopedElement)(Component, (0, _extends2.default)({}, restProps, {
     disabled: disabled,
     href: href,
@@ -70,10 +59,7 @@ var TabbarItem = function TabbarItem(_ref) {
     vkuiClass: "TabbarItem__icon"
   }, children, (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "TabbarItem__label"
-  }, (0, _utils.hasReactNode)(indicator) && indicator, !indicator && label && (0, _jsxRuntime.createScopedElement)(_Counter.Counter, {
-    size: "s",
-    mode: "prominent"
-  }, label))), text && (0, _jsxRuntime.createScopedElement)(_Footnote.Footnote, {
+  }, (0, _utils.hasReactNode)(indicator) && indicator)), text && (0, _jsxRuntime.createScopedElement)(_Footnote.Footnote, {
     Component: "div",
     vkuiClass: "TabbarItem__text",
     weight: "2"

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

@@ -1 +1 @@
-{"version":3,"file":"TabbarItem.js","names":["warn","warnOnce","TabbarItem","children","selected","label","indicator","text","href","Component","disabled","restProps","platform","usePlatform","process","env","NODE_ENV","classNames","Platform","IOS","ANDROID","hasReactNode"],"sources":["../../../../src/components/TabbarItem/TabbarItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Counter } from \"../Counter/Counter\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { Platform } from \"../../lib/platform\";\nimport { HasComponent, HasRootRef } from \"../../types\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./TabbarItem.css\";\n\nexport interface TabbarItemProps\n  extends Omit<React.AllHTMLAttributes<HTMLElement>, \"label\">, // TODO убрать Omit после удаления свойства label\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  selected?: boolean;\n  /**\n   * Текст рядом с иконкой\n   */\n  text?: React.ReactNode;\n  /**\n   * Индикатор над иконкой. Принимает `<Badge mode=\"prominent\" />` или `<Counter size=\"s\" mode=\"prominent\" />`\n   */\n  indicator?: React.ReactNode;\n  /**\n   * @deprecated будет удалено в 5.0.0. Используйте `indicator`\n   */\n  label?: React.ReactNode;\n}\n\nconst warn = warnOnce(\"TabbarItem\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/TabbarItem\n */\nexport const TabbarItem = ({\n  children,\n  selected,\n  label,\n  indicator,\n  text,\n  href,\n  Component = href ? \"a\" : \"button\",\n  disabled,\n  ...restProps\n}: TabbarItemProps) => {\n  const platform = usePlatform();\n\n  if (label && process.env.NODE_ENV === \"development\") {\n    warn(\n      \"Свойство label устарело и будет удалено в 5.0.0. Используйте indicator.\"\n    );\n  }\n\n  return (\n    <Component\n      {...restProps}\n      disabled={disabled}\n      href={href}\n      vkuiClass={classNames(\n        \"TabbarItem\",\n        platform === Platform.IOS && \"TabbarItem--ios\",\n        platform === Platform.ANDROID && \"TabbarItem--android\",\n        selected && \"TabbarItem--selected\",\n        !!text && \"TabbarItem--text\"\n      )}\n    >\n      <Tappable\n        role=\"presentation\"\n        Component=\"div\"\n        disabled={disabled}\n        activeMode={\n          platform === Platform.IOS\n            ? \"TabbarItem__tappable--active\"\n            : \"background\"\n        }\n        activeEffectDelay={platform === Platform.IOS ? 0 : 300}\n        hasHover={false}\n        vkuiClass=\"TabbarItem__tappable\"\n      />\n      <div vkuiClass=\"TabbarItem__in\">\n        <div vkuiClass=\"TabbarItem__icon\">\n          {children}\n          <div vkuiClass=\"TabbarItem__label\">\n            {hasReactNode(indicator) && indicator}\n            {!indicator && label && (\n              <Counter size=\"s\" mode=\"prominent\">\n                {label}\n              </Counter>\n            )}\n          </div>\n        </div>\n        {text && (\n          <Footnote Component=\"div\" vkuiClass=\"TabbarItem__text\" weight=\"2\">\n            {text}\n          </Footnote>\n        )}\n      </div>\n    </Component>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;AAsBA,IAAMA,IAAI,GAAG,IAAAC,kBAAA,EAAS,YAAT,CAAb;AAEA;AACA;AACA;;AACO,IAAMC,UAAU,GAAG,SAAbA,UAAa,OAUH;EAAA,IATrBC,QASqB,QATrBA,QASqB;EAAA,IARrBC,QAQqB,QARrBA,QAQqB;EAAA,IAPrBC,KAOqB,QAPrBA,KAOqB;EAAA,IANrBC,SAMqB,QANrBA,SAMqB;EAAA,IALrBC,IAKqB,QALrBA,IAKqB;EAAA,IAJrBC,IAIqB,QAJrBA,IAIqB;EAAA,0BAHrBC,SAGqB;EAAA,IAHrBA,SAGqB,+BAHTD,IAAI,GAAG,GAAH,GAAS,QAGJ;EAAA,IAFrBE,QAEqB,QAFrBA,QAEqB;EAAA,IADlBC,SACkB;EACrB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;;EAEA,IAAIR,KAAK,IAAIS,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAtC,EAAqD;IACnDhB,IAAI,CACF,yEADE,CAAJ;EAGD;;EAED,OACE,qCAAC,SAAD,6BACMW,SADN;IAEE,QAAQ,EAAED,QAFZ;IAGE,IAAI,EAAEF,IAHR;IAIE,SAAS,EAAE,IAAAS,sBAAA,EACT,YADS,EAETL,QAAQ,KAAKM,kBAAA,CAASC,GAAtB,IAA6B,iBAFpB,EAGTP,QAAQ,KAAKM,kBAAA,CAASE,OAAtB,IAAiC,qBAHxB,EAIThB,QAAQ,IAAI,sBAJH,EAKT,CAAC,CAACG,IAAF,IAAU,kBALD;EAJb,IAYE,qCAAC,kBAAD;IACE,IAAI,EAAC,cADP;IAEE,SAAS,EAAC,KAFZ;IAGE,QAAQ,EAAEG,QAHZ;IAIE,UAAU,EACRE,QAAQ,KAAKM,kBAAA,CAASC,GAAtB,GACI,8BADJ,GAEI,YAPR;IASE,iBAAiB,EAAEP,QAAQ,KAAKM,kBAAA,CAASC,GAAtB,GAA4B,CAA5B,GAAgC,GATrD;IAUE,QAAQ,EAAE,KAVZ;IAWE,SAAS,EAAC;EAXZ,EAZF,EAyBE;IAAK,SAAS,EAAC;EAAf,GACE;IAAK,SAAS,EAAC;EAAf,GACGhB,QADH,EAEE;IAAK,SAAS,EAAC;EAAf,GACG,IAAAkB,mBAAA,EAAaf,SAAb,KAA2BA,SAD9B,EAEG,CAACA,SAAD,IAAcD,KAAd,IACC,qCAAC,gBAAD;IAAS,IAAI,EAAC,GAAd;IAAkB,IAAI,EAAC;EAAvB,GACGA,KADH,CAHJ,CAFF,CADF,EAYGE,IAAI,IACH,qCAAC,kBAAD;IAAU,SAAS,EAAC,KAApB;IAA0B,SAAS,EAAC,kBAApC;IAAuD,MAAM,EAAC;EAA9D,GACGA,IADH,CAbJ,CAzBF,CADF;AA8CD,CAjEM"}
+{"version":3,"file":"TabbarItem.js","names":["TabbarItem","children","selected","indicator","text","href","Component","disabled","restProps","platform","usePlatform","classNames","Platform","IOS","ANDROID","hasReactNode"],"sources":["../../../../src/components/TabbarItem/TabbarItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { Platform } from \"../../lib/platform\";\nimport { HasComponent, HasRootRef } from \"../../types\";\nimport \"./TabbarItem.css\";\n\nexport interface TabbarItemProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  selected?: boolean;\n  /**\n   * Текст рядом с иконкой\n   */\n  text?: React.ReactNode;\n  /**\n   * Индикатор над иконкой. Принимает `<Badge mode=\"prominent\" />` или `<Counter size=\"s\" mode=\"prominent\" />`\n   */\n  indicator?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/TabbarItem\n */\nexport const TabbarItem = ({\n  children,\n  selected,\n  indicator,\n  text,\n  href,\n  Component = href ? \"a\" : \"button\",\n  disabled,\n  ...restProps\n}: TabbarItemProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Component\n      {...restProps}\n      disabled={disabled}\n      href={href}\n      vkuiClass={classNames(\n        \"TabbarItem\",\n        platform === Platform.IOS && \"TabbarItem--ios\",\n        platform === Platform.ANDROID && \"TabbarItem--android\",\n        selected && \"TabbarItem--selected\",\n        !!text && \"TabbarItem--text\"\n      )}\n    >\n      <Tappable\n        role=\"presentation\"\n        Component=\"div\"\n        disabled={disabled}\n        activeMode={\n          platform === Platform.IOS\n            ? \"TabbarItem__tappable--active\"\n            : \"background\"\n        }\n        activeEffectDelay={platform === Platform.IOS ? 0 : 300}\n        hasHover={false}\n        vkuiClass=\"TabbarItem__tappable\"\n      />\n      <div vkuiClass=\"TabbarItem__in\">\n        <div vkuiClass=\"TabbarItem__icon\">\n          {children}\n          <div vkuiClass=\"TabbarItem__label\">\n            {hasReactNode(indicator) && indicator}\n          </div>\n        </div>\n        {text && (\n          <Footnote Component=\"div\" vkuiClass=\"TabbarItem__text\" weight=\"2\">\n            {text}\n          </Footnote>\n        )}\n      </div>\n    </Component>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAmBA;AACA;AACA;AACO,IAAMA,UAAU,GAAG,SAAbA,UAAa,OASH;EAAA,IARrBC,QAQqB,QARrBA,QAQqB;EAAA,IAPrBC,QAOqB,QAPrBA,QAOqB;EAAA,IANrBC,SAMqB,QANrBA,SAMqB;EAAA,IALrBC,IAKqB,QALrBA,IAKqB;EAAA,IAJrBC,IAIqB,QAJrBA,IAIqB;EAAA,0BAHrBC,SAGqB;EAAA,IAHrBA,SAGqB,+BAHTD,IAAI,GAAG,GAAH,GAAS,QAGJ;EAAA,IAFrBE,QAEqB,QAFrBA,QAEqB;EAAA,IADlBC,SACkB;EACrB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EAEA,OACE,qCAAC,SAAD,6BACMF,SADN;IAEE,QAAQ,EAAED,QAFZ;IAGE,IAAI,EAAEF,IAHR;IAIE,SAAS,EAAE,IAAAM,sBAAA,EACT,YADS,EAETF,QAAQ,KAAKG,kBAAA,CAASC,GAAtB,IAA6B,iBAFpB,EAGTJ,QAAQ,KAAKG,kBAAA,CAASE,OAAtB,IAAiC,qBAHxB,EAITZ,QAAQ,IAAI,sBAJH,EAKT,CAAC,CAACE,IAAF,IAAU,kBALD;EAJb,IAYE,qCAAC,kBAAD;IACE,IAAI,EAAC,cADP;IAEE,SAAS,EAAC,KAFZ;IAGE,QAAQ,EAAEG,QAHZ;IAIE,UAAU,EACRE,QAAQ,KAAKG,kBAAA,CAASC,GAAtB,GACI,8BADJ,GAEI,YAPR;IASE,iBAAiB,EAAEJ,QAAQ,KAAKG,kBAAA,CAASC,GAAtB,GAA4B,CAA5B,GAAgC,GATrD;IAUE,QAAQ,EAAE,KAVZ;IAWE,SAAS,EAAC;EAXZ,EAZF,EAyBE;IAAK,SAAS,EAAC;EAAf,GACE;IAAK,SAAS,EAAC;EAAf,GACGZ,QADH,EAEE;IAAK,SAAS,EAAC;EAAf,GACG,IAAAc,mBAAA,EAAaZ,SAAb,KAA2BA,SAD9B,CAFF,CADF,EAOGC,IAAI,IACH,qCAAC,kBAAD;IAAU,SAAS,EAAC,KAApB;IAA0B,SAAS,EAAC,kBAApC;IAAuD,MAAM,EAAC;EAA9D,GACGA,IADH,CARJ,CAzBF,CADF;AAyCD,CArDM"}

package/dist/cjs/components/Tabs/Tabs.js

@@ -23,45 +23,36 @@ var _usePlatform = require("../../hooks/usePlatform");
 
 var _platform = require("../../lib/platform");
 
-var _withAdaptivity = require("../../hoc/withAdaptivity");
+var _useAdaptivity2 = require("../../hooks/useAdaptivity");
 
-var _warnOnce = require("../../lib/warnOnce");
+var _getSizeXClassName = require("../../helpers/getSizeXClassName");
 
-var _excluded = ["children", "mode", "getRootRef", "sizeX"];
-var warn = (0, _warnOnce.warnOnce)("Tabs");
+var _excluded = ["children", "mode", "getRootRef"];
 var TabsModeContext = /*#__PURE__*/React.createContext({
   mode: "default",
   withGaps: false
 });
+/**
+ * @see https://vkcom.github.io/VKUI/#/Tabs
+ */
+
 exports.TabsModeContext = TabsModeContext;
 
-var TabsComponent = function TabsComponent(_ref) {
+var Tabs = function Tabs(_ref) {
   var children = _ref.children,
       _ref$mode = _ref.mode,
       mode = _ref$mode === void 0 ? "default" : _ref$mode,
       getRootRef = _ref.getRootRef,
-      sizeX = _ref.sizeX,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
 
-  if ((mode === "buttons" || mode === "segmented") && process.env.NODE_ENV === "development") {
-    var expectedValueText = mode === "buttons" ? "\u0437\u043D\u0430\u0447\u0435\u043D\u0438\u044F \"secondary\"" : "компонент SegmentedControl";
-    warn("mode=\"".concat(mode, "\" \u0443\u0441\u0442\u0430\u0440\u0435\u043B\u043E \u0438 \u0431\u0443\u0434\u0435\u0442 \u0443\u0434\u0430\u043B\u0435\u043D\u043E \u0432 5.0.0. \u0418\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 ").concat(expectedValueText));
-  }
-
-  if (platform !== _platform.IOS && mode === "segmented") {
-    mode = "default";
-  }
-
-  if (mode === "buttons") {
-    mode = "secondary";
-  }
+  var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
+      sizeX = _useAdaptivity.sizeX;
 
   var withGaps = mode === "accent" || mode === "secondary";
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
     ref: getRootRef,
-    vkuiClass: (0, _classNames.classNames)("Tabs", (platform === _platform.IOS || platform === _platform.VKCOM) && "Tabs--".concat(platform), "Tabs--".concat(mode), withGaps && "Tabs--withGaps", // TODO v5.0.0 новая адаптивность
-    "Tabs--sizeX-".concat(sizeX))
+    vkuiClass: (0, _classNames.classNames)("Tabs", (platform === _platform.Platform.IOS || platform === _platform.Platform.VKCOM) && "Tabs--".concat(platform), (0, _getSizeXClassName.getSizeXClassName)("Tabs", sizeX), withGaps && "Tabs--withGaps", "Tabs--mode-".concat(mode))
   }), (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "Tabs__in"
   }, (0, _jsxRuntime.createScopedElement)(TabsModeContext.Provider, {
@@ -71,14 +62,6 @@ var TabsComponent = function TabsComponent(_ref) {
     }
   }, children)));
 };
-/**
- * @see https://vkcom.github.io/VKUI/#/Tabs
- */
 
-
-var Tabs = (0, _withAdaptivity.withAdaptivity)(TabsComponent, {
-  sizeX: true
-});
 exports.Tabs = Tabs;
-Tabs.displayName = "Tabs";
 //# sourceMappingURL=Tabs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","names":["warn","warnOnce","TabsModeContext","React","createContext","mode","withGaps","TabsComponent","children","getRootRef","sizeX","restProps","platform","usePlatform","process","env","NODE_ENV","expectedValueText","IOS","classNames","VKCOM","Tabs","withAdaptivity","displayName"],"sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { IOS, VKCOM } from \"../../lib/platform\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./Tabs.css\";\n\nexport interface TabsProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    AdaptivityProps {\n  /**\n   * Задаёт вид кнопок.\n   *\n   * > ⚠️ Значения `\"buttons\"`, `\"segmented\"` устарели и будут удалены в 5.0.0. Вместо `\"buttons\"` используйте `\"secondary\"`.\n   * > Режим `\"segmented\"` переехал в отдельный компонент [`SegmentedControl`](https://vkcom.github.io/VKUI#/SegmentedControl),\n   * > поэтому используйте его вместо `Tabs`.\n   */\n  mode?: \"buttons\" | \"segmented\" | \"default\" | \"accent\" | \"secondary\";\n}\n\nconst warn = warnOnce(\"Tabs\");\n\nexport interface TabsContextProps {\n  mode: TabsProps[\"mode\"];\n  withGaps: boolean;\n}\n\nexport const TabsModeContext = React.createContext<TabsContextProps>({\n  mode: \"default\",\n  withGaps: false,\n});\n\nconst TabsComponent = ({\n  children,\n  mode = \"default\",\n  getRootRef,\n  sizeX,\n  ...restProps\n}: TabsProps) => {\n  const platform = usePlatform();\n\n  if (\n    (mode === \"buttons\" || mode === \"segmented\") &&\n    process.env.NODE_ENV === \"development\"\n  ) {\n    const expectedValueText =\n      mode === \"buttons\"\n        ? `значения \"secondary\"`\n        : \"компонент SegmentedControl\";\n    warn(\n      `mode=\"${mode}\" устарело и будет удалено в 5.0.0. Используйте ${expectedValueText}`\n    );\n  }\n\n  if (platform !== IOS && mode === \"segmented\") {\n    mode = \"default\";\n  }\n\n  if (mode === \"buttons\") {\n    mode = \"secondary\";\n  }\n\n  const withGaps = mode === \"accent\" || mode === \"secondary\";\n\n  return (\n    <div\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\n        \"Tabs\",\n        (platform === IOS || platform === VKCOM) && `Tabs--${platform}`,\n        `Tabs--${mode}`,\n        withGaps && \"Tabs--withGaps\",\n        // TODO v5.0.0 новая адаптивность\n        `Tabs--sizeX-${sizeX}`\n      )}\n    >\n      <div vkuiClass=\"Tabs__in\">\n        <TabsModeContext.Provider value={{ mode, withGaps }}>\n          {children}\n        </TabsModeContext.Provider>\n      </div>\n    </div>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Tabs\n */\nexport const Tabs = withAdaptivity(TabsComponent, { sizeX: true });\n\nTabs.displayName = \"Tabs\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;AAiBA,IAAMA,IAAI,GAAG,IAAAC,kBAAA,EAAS,MAAT,CAAb;AAOO,IAAMC,eAAe,gBAAGC,KAAK,CAACC,aAAN,CAAsC;EACnEC,IAAI,EAAE,SAD6D;EAEnEC,QAAQ,EAAE;AAFyD,CAAtC,CAAxB;;;AAKP,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,OAML;EAAA,IALfC,QAKe,QALfA,QAKe;EAAA,qBAJfH,IAIe;EAAA,IAJfA,IAIe,0BAJR,SAIQ;EAAA,IAHfI,UAGe,QAHfA,UAGe;EAAA,IAFfC,KAEe,QAFfA,KAEe;EAAA,IADZC,SACY;EACf,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;;EAEA,IACE,CAACR,IAAI,KAAK,SAAT,IAAsBA,IAAI,KAAK,WAAhC,KACAS,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAF3B,EAGE;IACA,IAAMC,iBAAiB,GACrBZ,IAAI,KAAK,SAAT,sEAEI,4BAHN;IAIAL,IAAI,kBACOK,IADP,mOAC8DY,iBAD9D,EAAJ;EAGD;;EAED,IAAIL,QAAQ,KAAKM,aAAb,IAAoBb,IAAI,KAAK,WAAjC,EAA8C;IAC5CA,IAAI,GAAG,SAAP;EACD;;EAED,IAAIA,IAAI,KAAK,SAAb,EAAwB;IACtBA,IAAI,GAAG,WAAP;EACD;;EAED,IAAMC,QAAQ,GAAGD,IAAI,KAAK,QAAT,IAAqBA,IAAI,KAAK,WAA/C;EAEA,OACE,uEACMM,SADN;IAEE,GAAG,EAAEF,UAFP;IAGE,SAAS,EAAE,IAAAU,sBAAA,EACT,MADS,EAET,CAACP,QAAQ,KAAKM,aAAb,IAAoBN,QAAQ,KAAKQ,eAAlC,qBAAqDR,QAArD,CAFS,kBAGAP,IAHA,GAITC,QAAQ,IAAI,gBAJH,EAKT;IALS,sBAMMI,KANN;EAHb,IAYE;IAAK,SAAS,EAAC;EAAf,GACE,qCAAC,eAAD,CAAiB,QAAjB;IAA0B,KAAK,EAAE;MAAEL,IAAI,EAAJA,IAAF;MAAQC,QAAQ,EAARA;IAAR;EAAjC,GACGE,QADH,CADF,CAZF,CADF;AAoBD,CApDD;AAsDA;AACA;AACA;;;AACO,IAAMa,IAAI,GAAG,IAAAC,8BAAA,EAAef,aAAf,EAA8B;EAAEG,KAAK,EAAE;AAAT,CAA9B,CAAb;;AAEPW,IAAI,CAACE,WAAL,GAAmB,MAAnB"}
+{"version":3,"file":"Tabs.js","names":["TabsModeContext","React","createContext","mode","withGaps","Tabs","children","getRootRef","restProps","platform","usePlatform","useAdaptivity","sizeX","classNames","Platform","IOS","VKCOM","getSizeXClassName"],"sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Platform } from \"../../lib/platform\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { getSizeXClassName } from \"../../helpers/getSizeXClassName\";\nimport \"./Tabs.css\";\n\nexport interface TabsProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  mode?: \"default\" | \"accent\" | \"secondary\";\n}\n\nexport interface TabsContextProps {\n  mode: TabsProps[\"mode\"];\n  withGaps: boolean;\n}\n\nexport const TabsModeContext = React.createContext<TabsContextProps>({\n  mode: \"default\",\n  withGaps: false,\n});\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Tabs\n */\nexport const Tabs = ({\n  children,\n  mode = \"default\",\n  getRootRef,\n  ...restProps\n}: TabsProps) => {\n  const platform = usePlatform();\n  const { sizeX } = useAdaptivity();\n\n  const withGaps = mode === \"accent\" || mode === \"secondary\";\n\n  return (\n    <div\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\n        \"Tabs\",\n        (platform === Platform.IOS || platform === Platform.VKCOM) &&\n          `Tabs--${platform}`,\n        getSizeXClassName(\"Tabs\", sizeX),\n        withGaps && \"Tabs--withGaps\",\n        `Tabs--mode-${mode}`\n      )}\n    >\n      <div vkuiClass=\"Tabs__in\">\n        <TabsModeContext.Provider value={{ mode, withGaps }}>\n          {children}\n        </TabsModeContext.Provider>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;AAcO,IAAMA,eAAe,gBAAGC,KAAK,CAACC,aAAN,CAAsC;EACnEC,IAAI,EAAE,SAD6D;EAEnEC,QAAQ,EAAE;AAFyD,CAAtC,CAAxB;AAKP;AACA;AACA;;;;AACO,IAAMC,IAAI,GAAG,SAAPA,IAAO,OAKH;EAAA,IAJfC,QAIe,QAJfA,QAIe;EAAA,qBAHfH,IAGe;EAAA,IAHfA,IAGe,0BAHR,SAGQ;EAAA,IAFfI,UAEe,QAFfA,UAEe;EAAA,IADZC,SACY;EACf,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;;EACA,qBAAkB,IAAAC,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EAEA,IAAMR,QAAQ,GAAGD,IAAI,KAAK,QAAT,IAAqBA,IAAI,KAAK,WAA/C;EAEA,OACE,uEACMK,SADN;IAEE,GAAG,EAAED,UAFP;IAGE,SAAS,EAAE,IAAAM,sBAAA,EACT,MADS,EAET,CAACJ,QAAQ,KAAKK,kBAAA,CAASC,GAAtB,IAA6BN,QAAQ,KAAKK,kBAAA,CAASE,KAApD,qBACWP,QADX,CAFS,EAIT,IAAAQ,oCAAA,EAAkB,MAAlB,EAA0BL,KAA1B,CAJS,EAKTR,QAAQ,IAAI,gBALH,uBAMKD,IANL;EAHb,IAYE;IAAK,SAAS,EAAC;EAAf,GACE,qCAAC,eAAD,CAAiB,QAAjB;IAA0B,KAAK,EAAE;MAAEA,IAAI,EAAJA,IAAF;MAAQC,QAAQ,EAARA;IAAR;EAAjC,GACGE,QADH,CADF,CAZF,CADF;AAoBD,CA/BM"}

package/dist/cjs/components/TabsItem/TabsItem.js

@@ -33,6 +33,8 @@ var _Headline = require("../Typography/Headline/Headline");
 
 var _Subhead = require("../Typography/Subhead/Subhead");
 
+var _getSizeYClassName = require("../../helpers/getSizeYClassName");
+
 var _excluded = ["before", "children", "status", "after", "selected"];
 
 /**
@@ -68,12 +70,11 @@ var TabsItem = function TabsItem(_ref) {
   }
 
   return (0, _jsxRuntime.createScopedElement)(_Tappable.Tappable, (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames.classNames)("TabsItem", (platform === _platform.IOS || platform === _platform.VKCOM) && "TabsItem--".concat(platform), mode && "TabsItem--".concat(mode), selected && "TabsItem--selected", // TODO v5.0.0 новая адаптивность
-    sizeY && "TabsItem--sizeY-".concat(sizeY), withGaps && "TabsItem--withGaps"),
+    vkuiClass: (0, _classNames.classNames)("TabsItem", (platform === _platform.Platform.IOS || platform === _platform.Platform.VKCOM) && "TabsItem--".concat(platform), mode && "TabsItem--mode-".concat(mode), selected && "TabsItem--selected", (0, _getSizeYClassName.getSizeYClassName)("TabsItem", sizeY), withGaps && "TabsItem--withGaps"),
     hoverMode: "TabsItem--hover",
     activeMode: "TabsItem--active",
-    focusVisibleMode: mode === "segmented" ? "outside" : "inside",
-    hasActive: mode === "segmented"
+    focusVisibleMode: "inside",
+    hasActive: false
   }), before && (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "TabsItem__before"
   }, before), (0, _jsxRuntime.createScopedElement)(_Headline.Headline, {

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

@@ -1 +1 @@
-{"version":3,"file":"TabsItem.js","names":["TabsItem","before","children","status","after","selected","restProps","platform","usePlatform","useAdaptivity","sizeY","React","useContext","TabsModeContext","mode","withGaps","statusComponent","classNames","IOS","VKCOM"],"sources":["../../../../src/components/TabsItem/TabsItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS, VKCOM } from \"../../lib/platform\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { TabsModeContext, TabsContextProps } from \"../Tabs/Tabs\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport \"./TabsItem.css\";\n\nexport interface TabsItemProps extends React.HTMLAttributes<HTMLElement> {\n  /**\n   * Добавляет иконку слева.\n   *\n   * - Для `mode=\"default\"` используйте иконки размером 24.\n   * - Для всех остальных `mode` используйте иконки размером 20.\n   */\n  before?: React.ReactNode;\n  /**\n   * Добавляет элемент слева от `after`.\n   *\n   * - `React.ReactElement` – либо [`Badge`](https://vkcom.github.io/VKUI/#/Badge) с параметром `mode=\"prominent\"`.\n   *   либо [`Counter`](https://vkcom.github.io/VKUI/#/Counter) с параметрами `mode=\"prominent\" size=\"s\"`.\n   * - `number` – для показа текстового блока с переданным числом.\n   */\n  status?: React.ReactElement | number;\n  /**\n   * Добавляет иконку справа.\n   *\n   * Например, `<Icon16Dropdown />`\n   */\n  after?: React.ReactNode;\n  selected?: boolean;\n  disabled?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/TabsItem\n */\nexport const TabsItem = ({\n  before,\n  children,\n  status,\n  after,\n  selected = false,\n  ...restProps\n}: TabsItemProps) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n  const { mode, withGaps }: TabsContextProps =\n    React.useContext(TabsModeContext);\n  let statusComponent = null;\n\n  if (status) {\n    statusComponent =\n      typeof status === \"number\" ? (\n        <Subhead\n          Component=\"span\"\n          vkuiClass=\"TabsItem__status TabsItem__status--count\"\n          weight=\"2\"\n        >\n          {status}\n        </Subhead>\n      ) : (\n        <span vkuiClass=\"TabsItem__status\">{status}</span>\n      );\n  }\n\n  return (\n    <Tappable\n      {...restProps}\n      vkuiClass={classNames(\n        \"TabsItem\",\n        (platform === IOS || platform === VKCOM) && `TabsItem--${platform}`,\n        mode && `TabsItem--${mode}`,\n        selected && \"TabsItem--selected\",\n        // TODO v5.0.0 новая адаптивность\n        sizeY && `TabsItem--sizeY-${sizeY}`,\n        withGaps && \"TabsItem--withGaps\"\n      )}\n      hoverMode=\"TabsItem--hover\"\n      activeMode=\"TabsItem--active\"\n      focusVisibleMode={mode === \"segmented\" ? \"outside\" : \"inside\"}\n      hasActive={mode === \"segmented\"}\n    >\n      {before && <div vkuiClass=\"TabsItem__before\">{before}</div>}\n      <Headline\n        Component=\"span\"\n        vkuiClass=\"TabsItem__label\"\n        level={mode === \"default\" ? \"1\" : \"2\"}\n        weight=\"2\"\n      >\n        {children}\n      </Headline>\n      {statusComponent}\n      {after && <div vkuiClass=\"TabsItem__after\">{after}</div>}\n      {mode === \"default\" && (\n        <div\n          vkuiClass=\"TabsItem__underline\"\n          aria-hidden\n          data-selected={selected}\n        />\n      )}\n    </Tappable>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AA6BA;AACA;AACA;AACO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAOH;EAAA,IANnBC,MAMmB,QANnBA,MAMmB;EAAA,IALnBC,QAKmB,QALnBA,QAKmB;EAAA,IAJnBC,MAImB,QAJnBA,MAImB;EAAA,IAHnBC,KAGmB,QAHnBA,KAGmB;EAAA,yBAFnBC,QAEmB;EAAA,IAFnBA,QAEmB,8BAFR,KAEQ;EAAA,IADhBC,SACgB;EACnB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;;EACA,qBAAkB,IAAAC,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EACA,wBACEC,KAAK,CAACC,UAAN,CAAiBC,qBAAjB,CADF;EAAA,IAAQC,IAAR,qBAAQA,IAAR;EAAA,IAAcC,QAAd,qBAAcA,QAAd;;EAEA,IAAIC,eAAe,GAAG,IAAtB;;EAEA,IAAIb,MAAJ,EAAY;IACVa,eAAe,GACb,OAAOb,MAAP,KAAkB,QAAlB,GACE,qCAAC,gBAAD;MACE,SAAS,EAAC,MADZ;MAEE,SAAS,EAAC,0CAFZ;MAGE,MAAM,EAAC;IAHT,GAKGA,MALH,CADF,GASE;MAAM,SAAS,EAAC;IAAhB,GAAoCA,MAApC,CAVJ;EAYD;;EAED,OACE,qCAAC,kBAAD,6BACMG,SADN;IAEE,SAAS,EAAE,IAAAW,sBAAA,EACT,UADS,EAET,CAACV,QAAQ,KAAKW,aAAb,IAAoBX,QAAQ,KAAKY,eAAlC,yBAAyDZ,QAAzD,CAFS,EAGTO,IAAI,wBAAiBA,IAAjB,CAHK,EAITT,QAAQ,IAAI,oBAJH,EAKT;IACAK,KAAK,8BAAuBA,KAAvB,CANI,EAOTK,QAAQ,IAAI,oBAPH,CAFb;IAWE,SAAS,EAAC,iBAXZ;IAYE,UAAU,EAAC,kBAZb;IAaE,gBAAgB,EAAED,IAAI,KAAK,WAAT,GAAuB,SAAvB,GAAmC,QAbvD;IAcE,SAAS,EAAEA,IAAI,KAAK;EAdtB,IAgBGb,MAAM,IAAI;IAAK,SAAS,EAAC;EAAf,GAAmCA,MAAnC,CAhBb,EAiBE,qCAAC,kBAAD;IACE,SAAS,EAAC,MADZ;IAEE,SAAS,EAAC,iBAFZ;IAGE,KAAK,EAAEa,IAAI,KAAK,SAAT,GAAqB,GAArB,GAA2B,GAHpC;IAIE,MAAM,EAAC;EAJT,GAMGZ,QANH,CAjBF,EAyBGc,eAzBH,EA0BGZ,KAAK,IAAI;IAAK,SAAS,EAAC;EAAf,GAAkCA,KAAlC,CA1BZ,EA2BGU,IAAI,KAAK,SAAT,IACC;IACE,SAAS,EAAC,qBADZ;IAEE,mBAFF;IAGE,iBAAeT;EAHjB,EA5BJ,CADF;AAqCD,CAlEM"}
+{"version":3,"file":"TabsItem.js","names":["TabsItem","before","children","status","after","selected","restProps","platform","usePlatform","useAdaptivity","sizeY","React","useContext","TabsModeContext","mode","withGaps","statusComponent","classNames","Platform","IOS","VKCOM","getSizeYClassName"],"sources":["../../../../src/components/TabsItem/TabsItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Platform } from \"../../lib/platform\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { TabsModeContext, TabsContextProps } from \"../Tabs/Tabs\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport \"./TabsItem.css\";\n\nexport interface TabsItemProps extends React.HTMLAttributes<HTMLElement> {\n  /**\n   * Добавляет иконку слева.\n   *\n   * - Для `mode=\"default\"` используйте иконки размером 24.\n   * - Для всех остальных `mode` используйте иконки размером 20.\n   */\n  before?: React.ReactNode;\n  /**\n   * Добавляет элемент слева от `after`.\n   *\n   * - `React.ReactElement` – либо [`Badge`](https://vkcom.github.io/VKUI/#/Badge) с параметром `mode=\"prominent\"`.\n   *   либо [`Counter`](https://vkcom.github.io/VKUI/#/Counter) с параметрами `mode=\"prominent\" size=\"s\"`.\n   * - `number` – для показа текстового блока с переданным числом.\n   */\n  status?: React.ReactElement | number;\n  /**\n   * Добавляет иконку справа.\n   *\n   * Например, `<Icon16Dropdown />`\n   */\n  after?: React.ReactNode;\n  selected?: boolean;\n  disabled?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/TabsItem\n */\nexport const TabsItem = ({\n  before,\n  children,\n  status,\n  after,\n  selected = false,\n  ...restProps\n}: TabsItemProps) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n  const { mode, withGaps }: TabsContextProps =\n    React.useContext(TabsModeContext);\n  let statusComponent = null;\n\n  if (status) {\n    statusComponent =\n      typeof status === \"number\" ? (\n        <Subhead\n          Component=\"span\"\n          vkuiClass=\"TabsItem__status TabsItem__status--count\"\n          weight=\"2\"\n        >\n          {status}\n        </Subhead>\n      ) : (\n        <span vkuiClass=\"TabsItem__status\">{status}</span>\n      );\n  }\n\n  return (\n    <Tappable\n      {...restProps}\n      vkuiClass={classNames(\n        \"TabsItem\",\n        (platform === Platform.IOS || platform === Platform.VKCOM) &&\n          `TabsItem--${platform}`,\n        mode && `TabsItem--mode-${mode}`,\n        selected && \"TabsItem--selected\",\n        getSizeYClassName(\"TabsItem\", sizeY),\n        withGaps && \"TabsItem--withGaps\"\n      )}\n      hoverMode=\"TabsItem--hover\"\n      activeMode=\"TabsItem--active\"\n      focusVisibleMode=\"inside\"\n      hasActive={false}\n    >\n      {before && <div vkuiClass=\"TabsItem__before\">{before}</div>}\n      <Headline\n        Component=\"span\"\n        vkuiClass=\"TabsItem__label\"\n        level={mode === \"default\" ? \"1\" : \"2\"}\n        weight=\"2\"\n      >\n        {children}\n      </Headline>\n      {statusComponent}\n      {after && <div vkuiClass=\"TabsItem__after\">{after}</div>}\n      {mode === \"default\" && (\n        <div\n          vkuiClass=\"TabsItem__underline\"\n          aria-hidden\n          data-selected={selected}\n        />\n      )}\n    </Tappable>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AA6BA;AACA;AACA;AACO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAOH;EAAA,IANnBC,MAMmB,QANnBA,MAMmB;EAAA,IALnBC,QAKmB,QALnBA,QAKmB;EAAA,IAJnBC,MAImB,QAJnBA,MAImB;EAAA,IAHnBC,KAGmB,QAHnBA,KAGmB;EAAA,yBAFnBC,QAEmB;EAAA,IAFnBA,QAEmB,8BAFR,KAEQ;EAAA,IADhBC,SACgB;EACnB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;;EACA,qBAAkB,IAAAC,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EACA,wBACEC,KAAK,CAACC,UAAN,CAAiBC,qBAAjB,CADF;EAAA,IAAQC,IAAR,qBAAQA,IAAR;EAAA,IAAcC,QAAd,qBAAcA,QAAd;;EAEA,IAAIC,eAAe,GAAG,IAAtB;;EAEA,IAAIb,MAAJ,EAAY;IACVa,eAAe,GACb,OAAOb,MAAP,KAAkB,QAAlB,GACE,qCAAC,gBAAD;MACE,SAAS,EAAC,MADZ;MAEE,SAAS,EAAC,0CAFZ;MAGE,MAAM,EAAC;IAHT,GAKGA,MALH,CADF,GASE;MAAM,SAAS,EAAC;IAAhB,GAAoCA,MAApC,CAVJ;EAYD;;EAED,OACE,qCAAC,kBAAD,6BACMG,SADN;IAEE,SAAS,EAAE,IAAAW,sBAAA,EACT,UADS,EAET,CAACV,QAAQ,KAAKW,kBAAA,CAASC,GAAtB,IAA6BZ,QAAQ,KAAKW,kBAAA,CAASE,KAApD,yBACeb,QADf,CAFS,EAITO,IAAI,6BAAsBA,IAAtB,CAJK,EAKTT,QAAQ,IAAI,oBALH,EAMT,IAAAgB,oCAAA,EAAkB,UAAlB,EAA8BX,KAA9B,CANS,EAOTK,QAAQ,IAAI,oBAPH,CAFb;IAWE,SAAS,EAAC,iBAXZ;IAYE,UAAU,EAAC,kBAZb;IAaE,gBAAgB,EAAC,QAbnB;IAcE,SAAS,EAAE;EAdb,IAgBGd,MAAM,IAAI;IAAK,SAAS,EAAC;EAAf,GAAmCA,MAAnC,CAhBb,EAiBE,qCAAC,kBAAD;IACE,SAAS,EAAC,MADZ;IAEE,SAAS,EAAC,iBAFZ;IAGE,KAAK,EAAEa,IAAI,KAAK,SAAT,GAAqB,GAArB,GAA2B,GAHpC;IAIE,MAAM,EAAC;EAJT,GAMGZ,QANH,CAjBF,EAyBGc,eAzBH,EA0BGZ,KAAK,IAAI;IAAK,SAAS,EAAC;EAAf,GAAkCA,KAAlC,CA1BZ,EA2BGU,IAAI,KAAK,SAAT,IACC;IACE,SAAS,EAAC,qBADZ;IAEE,mBAFF;IAGE,iBAAeT;EAHjB,EA5BJ,CADF;AAqCD,CAlEM"}