@vkontakte/vkui 5.2.4 → 5.3.0

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

@@ -1,85 +1,80 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "SubnavigationButton", {
+    enumerable: true,
+    get: function() {
+        return SubnavigationButton;
+    }
 });
-exports.SubnavigationButton = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var React = _interopRequireWildcard(require("react"));
+var _defineProperty = require("@swc/helpers/lib/_define_property.js").default;
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _icons = require("@vkontakte/icons");
 var _vkjs = require("@vkontakte/vkjs");
-var _useAdaptivity2 = require("../../hooks/useAdaptivity");
+var _useAdaptivity = require("../../hooks/useAdaptivity");
 var _adaptivity = require("../../lib/adaptivity");
 var _utils = require("../../lib/utils");
-var _Tappable = require("../Tappable/Tappable");
-var _Caption = require("../Typography/Caption/Caption");
-var _Subhead = require("../Typography/Subhead/Subhead");
-var _excluded = ["textLevel"],
-  _excluded2 = ["mode", "size", "selected", "textLevel", "before", "after", "expandable", "children", "className"];
-var sizeYClassNames = (0, _defineProperty2.default)({
-  none: "vkuiSubnavigationButton--sizeY-none"
+var _tappable = require("../Tappable/Tappable");
+var _caption = require("../Typography/Caption/Caption");
+var _subhead = require("../Typography/Subhead/Subhead");
+var sizeYClassNames = _defineProperty({
+    none: "vkuiSubnavigationButton--sizeY-none"
 }, _adaptivity.SizeType.COMPACT, "vkuiSubnavigationButton--sizeY-compact");
-var SubnavigationButtonTypography = function SubnavigationButtonTypography(_ref) {
-  var textLevel = _ref.textLevel,
-    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  if (textLevel === '1') {
-    return /*#__PURE__*/React.createElement(_Subhead.Subhead, restProps);
-  }
-  return /*#__PURE__*/React.createElement(_Caption.Caption, (0, _extends2.default)({
-    level: textLevel === '2' ? '1' : '2'
-  }, restProps));
+var SubnavigationButtonTypography = function(_param) {
+    var textLevel = _param.textLevel, restProps = _objectWithoutProperties(_param, [
+        "textLevel"
+    ]);
+    if (textLevel === "1") {
+        return /*#__PURE__*/ _react.createElement(_subhead.Subhead, restProps);
+    }
+    return /*#__PURE__*/ _react.createElement(_caption.Caption, _objectSpread({
+        level: textLevel === "2" ? "1" : "2"
+    }, restProps));
 };
-
-/**
- * @see https://vkcom.github.io/VKUI/#/SubnavigationButton
- */
-var SubnavigationButton = function SubnavigationButton(_ref2) {
-  var _ref2$mode = _ref2.mode,
-    mode = _ref2$mode === void 0 ? 'primary' : _ref2$mode,
-    _ref2$size = _ref2.size,
-    size = _ref2$size === void 0 ? 'm' : _ref2$size,
-    selected = _ref2.selected,
-    _ref2$textLevel = _ref2.textLevel,
-    textLevel = _ref2$textLevel === void 0 ? '1' : _ref2$textLevel,
-    before = _ref2.before,
-    after = _ref2.after,
-    expandable = _ref2.expandable,
-    children = _ref2.children,
-    className = _ref2.className,
-    restProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
-  var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
-    _useAdaptivity$sizeY = _useAdaptivity.sizeY,
-    sizeY = _useAdaptivity$sizeY === void 0 ? 'none' : _useAdaptivity$sizeY;
-  return /*#__PURE__*/React.createElement(_Tappable.Tappable, (0, _extends2.default)({}, restProps, {
-    hasActive: false,
-    focusVisibleMode: "outside",
-    className: (0, _vkjs.classNames)("vkuiSubnavigationButton", styles["SubnavigationButton--size-".concat(size)], styles["SubnavigationButton--mode-".concat(mode)], selected && "vkuiSubnavigationButton--selected", sizeY !== _adaptivity.SizeType.REGULAR && sizeYClassNames[sizeY], className),
-    "aria-label": (0, _utils.getTitleFromChildren)(children)
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "vkuiSubnavigationButton__in"
-  }, before && /*#__PURE__*/React.createElement("span", {
-    className: "vkuiSubnavigationButton__before"
-  }, before), /*#__PURE__*/React.createElement(SubnavigationButtonTypography, {
-    textLevel: textLevel,
-    className: "vkuiSubnavigationButton__label",
-    Component: "span"
-  }, children), after && /*#__PURE__*/React.createElement("span", {
-    className: "vkuiSubnavigationButton__after"
-  }, after), expandable && /*#__PURE__*/React.createElement(_icons.Icon16Dropdown, {
-    className: "vkuiSubnavigationButton__expandableIcon"
-  })));
-};
-exports.SubnavigationButton = SubnavigationButton;
-var styles = {
-  "SubnavigationButton--size-s": "vkuiSubnavigationButton--size-s",
-  "SubnavigationButton--size-m": "vkuiSubnavigationButton--size-m",
-  "SubnavigationButton--size-l": "vkuiSubnavigationButton--size-l",
-  "SubnavigationButton--mode-primary": "vkuiSubnavigationButton--mode-primary",
-  "SubnavigationButton--mode-outline": "vkuiSubnavigationButton--mode-outline",
-  "SubnavigationButton--mode-tertiary": "vkuiSubnavigationButton--mode-tertiary"
+var SubnavigationButton = function(_param) {
+    var _param_mode = _param.mode, mode = _param_mode === void 0 ? "primary" : _param_mode, _param_size = _param.size, size = _param_size === void 0 ? "m" : _param_size, selected = _param.selected, _param_textLevel = _param.textLevel, textLevel = _param_textLevel === void 0 ? "1" : _param_textLevel, before = _param.before, after = _param.after, expandable = _param.expandable, children = _param.children, className = _param.className, restProps = _objectWithoutProperties(_param, [
+        "mode",
+        "size",
+        "selected",
+        "textLevel",
+        "before",
+        "after",
+        "expandable",
+        "children",
+        "className"
+    ]);
+    var _useAdaptivity1 = (0, _useAdaptivity.useAdaptivity)(), _useAdaptivity_sizeY = _useAdaptivity1.sizeY, sizeY = _useAdaptivity_sizeY === void 0 ? "none" : _useAdaptivity_sizeY;
+    return /*#__PURE__*/ _react.createElement(_tappable.Tappable, _objectSpreadProps(_objectSpread({}, restProps), {
+        hasActive: false,
+        focusVisibleMode: "outside",
+        className: (0, _vkjs.classNames)("vkuiSubnavigationButton", {
+            s: "vkuiSubnavigationButton--size-s",
+            m: "vkuiSubnavigationButton--size-m",
+            l: "vkuiSubnavigationButton--size-l"
+        }[size], {
+            primary: "vkuiSubnavigationButton--mode-primary",
+            outline: "vkuiSubnavigationButton--mode-outline",
+            tertiary: "vkuiSubnavigationButton--mode-tertiary"
+        }[mode], selected && "vkuiSubnavigationButton--selected", sizeY !== _adaptivity.SizeType.REGULAR && sizeYClassNames[sizeY], className),
+        "aria-label": (0, _utils.getTitleFromChildren)(children)
+    }), /*#__PURE__*/ _react.createElement("span", {
+        className: "vkuiSubnavigationButton__in"
+    }, before && /*#__PURE__*/ _react.createElement("span", {
+        className: "vkuiSubnavigationButton__before"
+    }, before), /*#__PURE__*/ _react.createElement(SubnavigationButtonTypography, {
+        textLevel: textLevel,
+        className: "vkuiSubnavigationButton__label",
+        Component: "span"
+    }, children), after && /*#__PURE__*/ _react.createElement("span", {
+        className: "vkuiSubnavigationButton__after"
+    }, after), expandable && /*#__PURE__*/ _react.createElement(_icons.Icon16Dropdown, {
+        className: "vkuiSubnavigationButton__expandableIcon"
+    })));
 };
+
 //# sourceMappingURL=SubnavigationButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SubnavigationButton.js","names":["sizeYClassNames","none","SizeType","COMPACT","SubnavigationButtonTypography","textLevel","restProps","SubnavigationButton","mode","size","selected","before","after","expandable","children","className","useAdaptivity","sizeY","classNames","styles","REGULAR","getTitleFromChildren"],"sources":["../../../../src/components/SubnavigationButton/SubnavigationButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon16Dropdown } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { SizeType } from '../../lib/adaptivity';\nimport { getTitleFromChildren } from '../../lib/utils';\nimport { HasChildren, HasComponent } from '../../types';\nimport { Tappable, TappableProps } from '../Tappable/Tappable';\nimport { Caption } from '../Typography/Caption/Caption';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport styles from './SubnavigationButton.module.css';\n\nconst sizeYClassNames = {\n  none: styles['SubnavigationButton--sizeY-none'],\n  [SizeType.COMPACT]: styles['SubnavigationButton--sizeY-compact'],\n};\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' | 'className'\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  className,\n  ...restProps\n}: SubnavigationButtonProps) => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <Tappable\n      {...restProps}\n      hasActive={false}\n      focusVisibleMode=\"outside\"\n      className={classNames(\n        styles['SubnavigationButton'],\n        styles[`SubnavigationButton--size-${size}`],\n        styles[`SubnavigationButton--mode-${mode}`],\n        selected && styles['SubnavigationButton--selected'],\n        sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n        className,\n      )}\n      aria-label={getTitleFromChildren(children)}\n    >\n      <span className={styles['SubnavigationButton__in']}>\n        {before && <span className={styles['SubnavigationButton__before']}>{before}</span>}\n        <SubnavigationButtonTypography\n          textLevel={textLevel}\n          className={styles['SubnavigationButton__label']}\n          Component=\"span\"\n        >\n          {children}\n        </SubnavigationButtonTypography>\n        {after && <span className={styles['SubnavigationButton__after']}>{after}</span>}\n        {expandable && <Icon16Dropdown className={styles['SubnavigationButton__expandableIcon']} />}\n      </span>\n    </Tappable>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAwD;EAAA;AAGxD,IAAMA,eAAe;EACnBC,IAAI;AAA2C,GAC9CC,oBAAQ,CAACC,OAAO,2CAClB;AA4BD,IAAMC,6BAA6B,GAAG,SAAhCA,6BAA6B,OAGO;EAAA,IAFxCC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,IAAID,SAAS,KAAK,GAAG,EAAE;IACrB,oBAAO,oBAAC,gBAAO,EAAKC,SAAS,CAAI;EACnC;EAEA,oBAAO,oBAAC,gBAAO;IAAC,KAAK,EAAED,SAAS,KAAK,GAAG,GAAG,GAAG,GAAG;EAAI,GAAKC,SAAS,EAAI;AACzE,CAAC;;AAED;AACA;AACA;AACO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,QAWA;EAAA,uBAV9BC,IAAI;IAAJA,IAAI,2BAAG,SAAS;IAAA,mBAChBC,IAAI;IAAJA,IAAI,2BAAG,GAAG;IACVC,QAAQ,SAARA,QAAQ;IAAA,wBACRL,SAAS;IAATA,SAAS,gCAAG,GAAG;IACfM,MAAM,SAANA,MAAM;IACNC,KAAK,SAALA,KAAK;IACLC,UAAU,SAAVA,UAAU;IACVC,QAAQ,SAARA,QAAQ;IACRC,SAAS,SAATA,SAAS;IACNT,SAAS;EAEZ,qBAA2B,IAAAU,6BAAa,GAAE;IAAA,sCAAlCC,KAAK;IAALA,KAAK,qCAAG,MAAM;EAEtB,oBACE,oBAAC,kBAAQ,6BACHX,SAAS;IACb,SAAS,EAAE,KAAM;IACjB,gBAAgB,EAAC,SAAS;IAC1B,SAAS,EAAE,IAAAY,gBAAU,6BAEnBC,MAAM,qCAA8BV,IAAI,EAAG,EAC3CU,MAAM,qCAA8BX,IAAI,EAAG,EAC3CE,QAAQ,uCAA2C,EACnDO,KAAK,KAAKf,oBAAQ,CAACkB,OAAO,IAAIpB,eAAe,CAACiB,KAAK,CAAC,EACpDF,SAAS,CACT;IACF,cAAY,IAAAM,2BAAoB,EAACP,QAAQ;EAAE,iBAE3C;IAAM,SAAS;EAAoC,GAChDH,MAAM,iBAAI;IAAM,SAAS;EAAwC,GAAEA,MAAM,CAAQ,eAClF,oBAAC,6BAA6B;IAC5B,SAAS,EAAEN,SAAU;IACrB,SAAS,kCAAuC;IAChD,SAAS,EAAC;EAAM,GAEfS,QAAQ,CACqB,EAC/BF,KAAK,iBAAI;IAAM,SAAS;EAAuC,GAAEA,KAAK,CAAQ,EAC9EC,UAAU,iBAAI,oBAAC,qBAAc;IAAC,SAAS;EAAgD,EAAG,CACtF,CACE;AAEf,CAAC;AAAC;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA"}
+{"version":3,"sources":["../../../../src/components/SubnavigationButton/SubnavigationButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon16Dropdown } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { SizeType } from '../../lib/adaptivity';\nimport { getTitleFromChildren } from '../../lib/utils';\nimport { HasChildren, HasComponent } from '../../types';\nimport { Tappable, TappableProps } from '../Tappable/Tappable';\nimport { Caption } from '../Typography/Caption/Caption';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport styles from './SubnavigationButton.module.css';\n\nconst sizeYClassNames = {\n  none: styles['SubnavigationButton--sizeY-none'],\n  [SizeType.COMPACT]: styles['SubnavigationButton--sizeY-compact'],\n};\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' | 'className'\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  className,\n  ...restProps\n}: SubnavigationButtonProps) => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <Tappable\n      {...restProps}\n      hasActive={false}\n      focusVisibleMode=\"outside\"\n      className={classNames(\n        styles['SubnavigationButton'],\n        {\n          s: styles['SubnavigationButton--size-s'],\n          m: styles['SubnavigationButton--size-m'],\n          l: styles['SubnavigationButton--size-l'],\n        }[size],\n        {\n          primary: styles['SubnavigationButton--mode-primary'],\n          outline: styles['SubnavigationButton--mode-outline'],\n          tertiary: styles['SubnavigationButton--mode-tertiary'],\n        }[mode],\n        selected && styles['SubnavigationButton--selected'],\n        sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n        className,\n      )}\n      aria-label={getTitleFromChildren(children)}\n    >\n      <span className={styles['SubnavigationButton__in']}>\n        {before && <span className={styles['SubnavigationButton__before']}>{before}</span>}\n        <SubnavigationButtonTypography\n          textLevel={textLevel}\n          className={styles['SubnavigationButton__label']}\n          Component=\"span\"\n        >\n          {children}\n        </SubnavigationButtonTypography>\n        {after && <span className={styles['SubnavigationButton__after']}>{after}</span>}\n        {expandable && <Icon16Dropdown className={styles['SubnavigationButton__expandableIcon']} />}\n      </span>\n    </Tappable>\n  );\n};\n"],"names":["SubnavigationButton","sizeYClassNames","none","SizeType","COMPACT","SubnavigationButtonTypography","textLevel","restProps","Subhead","Caption","level","mode","size","selected","before","after","expandable","children","className","useAdaptivity","sizeY","Tappable","hasActive","focusVisibleMode","classNames","s","m","l","primary","outline","tertiary","REGULAR","aria-label","getTitleFromChildren","span","Component","Icon16Dropdown"],"mappings":";;;;+BAyDaA;;;eAAAA;;;;;;;;2DAzDU;qBACQ;oBACJ;6BACG;0BACL;qBACY;wBAEG;uBAChB;uBACA;AAGxB,IAAMC;IACJC,IAAI;GACHC,oBAAQ,CAACC,OAAO;AA6BnB,IAAMC,gCAAgC,iBAGI;QAFxCC,mBAAAA,WACGC;QADHD;;IAGA,IAAIA,cAAc,KAAK;QACrB,qBAAO,qBAACE,gBAAO,EAAKD;IACtB,CAAC;IAED,qBAAO,qBAACE,gBAAO;QAACC,OAAOJ,cAAc,MAAM,MAAM,GAAG;OAAMC;AAC5D;AAKO,IAAMP,sBAAsB,iBAWH;6BAV9BW,MAAAA,gCAAO,8CACPC,MAAAA,gCAAO,mBACPC,kBAAAA,oCACAP,WAAAA,0CAAY,wBACZQ,gBAAAA,QACAC,eAAAA,OACAC,oBAAAA,YACAC,kBAAAA,UACAC,mBAAAA,WACGX;QATHI;QACAC;QACAC;QACAP;QACAQ;QACAC;QACAC;QACAC;QACAC;;IAGA,IAA2BC,kBAAAA,IAAAA,4BAAa,4BAAbA,gBAAnBC,OAAAA,0CAAQ;IAEhB,qBACE,qBAACC,kBAAQ,uCACHd;QACJe,WAAW,KAAK;QAChBC,kBAAiB;QACjBL,WAAWM,IAAAA,gBAAU,6BAEnB;YACEC,CAAC;YACDC,CAAC;YACDC,CAAC;QACH,CAAC,CAACf,KAAK,EACP;YACEgB,OAAO;YACPC,OAAO;YACPC,QAAQ;QACV,CAAC,CAACnB,KAAK,EACPE,iDACAO,UAAUjB,oBAAQ,CAAC4B,OAAO,IAAI9B,eAAe,CAACmB,MAAM,EACpDF;QAEFc,cAAYC,IAAAA,2BAAoB,EAAChB;sBAEjC,qBAACiB;QAAKhB,SAAS;OACZJ,wBAAU,qBAACoB;QAAKhB,SAAS;OAA0CJ,uBACpE,qBAACT;QACCC,WAAWA;QACXY,SAAS;QACTiB,WAAU;OAETlB,WAEFF,uBAAS,qBAACmB;QAAKhB,SAAS;OAAyCH,QACjEC,4BAAc,qBAACoB,qBAAc;QAAClB,SAAS;;AAIhD"}

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

@@ -1,59 +1,55 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "Switch", {
+    enumerable: true,
+    get: function() {
+        return Switch;
+    }
 });
-exports.Switch = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var React = _interopRequireWildcard(require("react"));
+var _defineProperty = require("@swc/helpers/lib/_define_property.js").default;
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
-var _useAdaptivity2 = require("../../hooks/useAdaptivity");
-var _useFocusVisible2 = require("../../hooks/useFocusVisible");
+var _useAdaptivity = require("../../hooks/useAdaptivity");
+var _useFocusVisible = require("../../hooks/useFocusVisible");
 var _usePlatform = require("../../hooks/usePlatform");
 var _adaptivity = require("../../lib/adaptivity");
 var _callMultiple = require("../../lib/callMultiple");
 var _platform = require("../../lib/platform");
-var _FocusVisible = require("../FocusVisible/FocusVisible");
-var _VisuallyHiddenInput = require("../VisuallyHiddenInput/VisuallyHiddenInput");
-var _excluded = ["style", "className", "getRootRef"];
-var sizeYClassNames = (0, _defineProperty2.default)({
-  none: "vkuiSwitch--sizeY-none"
+var _focusVisible = require("../FocusVisible/FocusVisible");
+var _visuallyHiddenInput = require("../VisuallyHiddenInput/VisuallyHiddenInput");
+var sizeYClassNames = _defineProperty({
+    none: "vkuiSwitch--sizeY-none"
 }, _adaptivity.SizeType.COMPACT, "vkuiSwitch--sizeY-compact");
-/**
- * @see https://vkcom.github.io/VKUI/#/Switch
- */
-var Switch = function Switch(_ref) {
-  var style = _ref.style,
-    className = _ref.className,
-    getRootRef = _ref.getRootRef,
-    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var platform = (0, _usePlatform.usePlatform)();
-  var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
-    _useAdaptivity$sizeY = _useAdaptivity.sizeY,
-    sizeY = _useAdaptivity$sizeY === void 0 ? 'none' : _useAdaptivity$sizeY;
-  var _useFocusVisible = (0, _useFocusVisible2.useFocusVisible)(),
-    focusVisible = _useFocusVisible.focusVisible,
-    onBlur = _useFocusVisible.onBlur,
-    onFocus = _useFocusVisible.onFocus;
-  return /*#__PURE__*/React.createElement("label", {
-    className: (0, _vkjs.classNames)("vkuiSwitch", platform === _platform.Platform.IOS && "vkuiSwitch--ios", sizeY !== _adaptivity.SizeType.REGULAR && sizeYClassNames[sizeY], restProps.disabled && "vkuiSwitch--disabled", focusVisible && "vkuiSwitch--focus-visible", className),
-    style: style,
-    ref: getRootRef
-  }, /*#__PURE__*/React.createElement(_VisuallyHiddenInput.VisuallyHiddenInput, (0, _extends2.default)({}, restProps, {
-    type: "checkbox",
-    className: "vkuiSwitch__self",
-    onBlur: (0, _callMultiple.callMultiple)(onBlur, restProps.onBlur),
-    onFocus: (0, _callMultiple.callMultiple)(onFocus, restProps.onFocus)
-  })), /*#__PURE__*/React.createElement("span", {
-    "aria-hidden": true,
-    className: "vkuiSwitch__pseudo"
-  }), /*#__PURE__*/React.createElement(_FocusVisible.FocusVisible, {
-    mode: "outside"
-  }));
+var Switch = function(_param) {
+    var style = _param.style, className = _param.className, getRootRef = _param.getRootRef, restProps = _objectWithoutProperties(_param, [
+        "style",
+        "className",
+        "getRootRef"
+    ]);
+    var platform = (0, _usePlatform.usePlatform)();
+    var _useAdaptivity1 = (0, _useAdaptivity.useAdaptivity)(), _useAdaptivity_sizeY = _useAdaptivity1.sizeY, sizeY = _useAdaptivity_sizeY === void 0 ? "none" : _useAdaptivity_sizeY;
+    var _useFocusVisible1 = (0, _useFocusVisible.useFocusVisible)(), onBlur = _useFocusVisible1.onBlur, onFocus = _useFocusVisible1.onFocus;
+    return /*#__PURE__*/ _react.createElement("label", {
+        className: (0, _vkjs.classNames)("vkuiSwitch", platform === _platform.Platform.IOS && "vkuiSwitch--ios", sizeY !== _adaptivity.SizeType.REGULAR && sizeYClassNames[sizeY], restProps.disabled && "vkuiSwitch--disabled", className),
+        style: style,
+        ref: getRootRef
+    }, /*#__PURE__*/ _react.createElement(_visuallyHiddenInput.VisuallyHiddenInput, _objectSpreadProps(_objectSpread({}, restProps), {
+        type: "checkbox",
+        className: "vkuiSwitch__self",
+        onBlur: (0, _callMultiple.callMultiple)(onBlur, restProps.onBlur),
+        onFocus: (0, _callMultiple.callMultiple)(onFocus, restProps.onFocus)
+    })), /*#__PURE__*/ _react.createElement("span", {
+        "aria-hidden": true,
+        className: "vkuiSwitch__pseudo"
+    }), /*#__PURE__*/ _react.createElement(_focusVisible.FocusVisible, {
+        mode: "outside"
+    }));
 };
-exports.Switch = Switch;
+
 //# sourceMappingURL=Switch.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","names":["sizeYClassNames","none","SizeType","COMPACT","Switch","style","className","getRootRef","restProps","platform","usePlatform","useAdaptivity","sizeY","useFocusVisible","focusVisible","onBlur","onFocus","classNames","Platform","IOS","REGULAR","disabled","callMultiple"],"sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useFocusVisible } from '../../hooks/useFocusVisible';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { Platform } from '../../lib/platform';\nimport { HasRootRef } from '../../types';\nimport { FocusVisible } from '../FocusVisible/FocusVisible';\nimport {\n  VisuallyHiddenInput,\n  VisuallyHiddenInputProps,\n} from '../VisuallyHiddenInput/VisuallyHiddenInput';\nimport styles from './Switch.module.css';\n\nconst sizeYClassNames = {\n  none: styles['Switch--sizeY-none'],\n  [SizeType.COMPACT]: styles['Switch--sizeY-compact'],\n};\n\nexport interface SwitchProps extends VisuallyHiddenInputProps, HasRootRef<HTMLLabelElement> {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Switch\n */\nexport const Switch = ({ style, className, getRootRef, ...restProps }: SwitchProps) => {\n  const platform = usePlatform();\n  const { sizeY = 'none' } = useAdaptivity();\n  const { focusVisible, onBlur, onFocus } = useFocusVisible();\n\n  return (\n    <label\n      className={classNames(\n        styles['Switch'],\n        platform === Platform.IOS && styles['Switch--ios'],\n        sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n        restProps.disabled && styles['Switch--disabled'],\n        focusVisible && styles['Switch--focus-visible'],\n        className,\n      )}\n      style={style}\n      ref={getRootRef}\n    >\n      <VisuallyHiddenInput\n        {...restProps}\n        type=\"checkbox\"\n        className={styles['Switch__self']}\n        onBlur={callMultiple(onBlur, restProps.onBlur)}\n        onFocus={callMultiple(onFocus, restProps.onFocus)}\n      />\n      <span aria-hidden className={styles['Switch__pseudo']} />\n      <FocusVisible mode=\"outside\" />\n    </label>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAGoD;AAGpD,IAAMA,eAAe;EACnBC,IAAI;AAA8B,GACjCC,oBAAQ,CAACC,OAAO,8BAClB;AAID;AACA;AACA;AACO,IAAMC,MAAM,GAAG,SAATA,MAAM,OAAoE;EAAA,IAA9DC,KAAK,QAALA,KAAK;IAAEC,SAAS,QAATA,SAAS;IAAEC,UAAU,QAAVA,UAAU;IAAKC,SAAS;EACjE,IAAMC,QAAQ,GAAG,IAAAC,wBAAW,GAAE;EAC9B,qBAA2B,IAAAC,6BAAa,GAAE;IAAA,sCAAlCC,KAAK;IAALA,KAAK,qCAAG,MAAM;EACtB,uBAA0C,IAAAC,iCAAe,GAAE;IAAnDC,YAAY,oBAAZA,YAAY;IAAEC,MAAM,oBAANA,MAAM;IAAEC,OAAO,oBAAPA,OAAO;EAErC,oBACE;IACE,SAAS,EAAE,IAAAC,gBAAU,gBAEnBR,QAAQ,KAAKS,kBAAQ,CAACC,GAAG,qBAAyB,EAClDP,KAAK,KAAKV,oBAAQ,CAACkB,OAAO,IAAIpB,eAAe,CAACY,KAAK,CAAC,EACpDJ,SAAS,CAACa,QAAQ,0BAA8B,EAChDP,YAAY,+BAAmC,EAC/CR,SAAS,CACT;IACF,KAAK,EAAED,KAAM;IACb,GAAG,EAAEE;EAAW,gBAEhB,oBAAC,wCAAmB,6BACdC,SAAS;IACb,IAAI,EAAC,UAAU;IACf,SAAS,oBAAyB;IAClC,MAAM,EAAE,IAAAc,0BAAY,EAACP,MAAM,EAAEP,SAAS,CAACO,MAAM,CAAE;IAC/C,OAAO,EAAE,IAAAO,0BAAY,EAACN,OAAO,EAAER,SAAS,CAACQ,OAAO;EAAE,GAClD,eACF;IAAM,mBAAW;IAAC,SAAS;EAA2B,EAAG,eACzD,oBAAC,0BAAY;IAAC,IAAI,EAAC;EAAS,EAAG,CACzB;AAEZ,CAAC;AAAC"}
+{"version":3,"sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useFocusVisible } from '../../hooks/useFocusVisible';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { Platform } from '../../lib/platform';\nimport { HasRootRef } from '../../types';\nimport { FocusVisible } from '../FocusVisible/FocusVisible';\nimport {\n  VisuallyHiddenInput,\n  VisuallyHiddenInputProps,\n} from '../VisuallyHiddenInput/VisuallyHiddenInput';\nimport styles from './Switch.module.css';\n\nconst sizeYClassNames = {\n  none: styles['Switch--sizeY-none'],\n  [SizeType.COMPACT]: styles['Switch--sizeY-compact'],\n};\n\nexport interface SwitchProps extends VisuallyHiddenInputProps, HasRootRef<HTMLLabelElement> {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Switch\n */\nexport const Switch = ({ style, className, getRootRef, ...restProps }: SwitchProps) => {\n  const platform = usePlatform();\n  const { sizeY = 'none' } = useAdaptivity();\n  const { onBlur, onFocus } = useFocusVisible();\n\n  return (\n    <label\n      className={classNames(\n        styles['Switch'],\n        platform === Platform.IOS && styles['Switch--ios'],\n        sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n        restProps.disabled && styles['Switch--disabled'],\n        className,\n      )}\n      style={style}\n      ref={getRootRef}\n    >\n      <VisuallyHiddenInput\n        {...restProps}\n        type=\"checkbox\"\n        className={styles['Switch__self']}\n        onBlur={callMultiple(onBlur, restProps.onBlur)}\n        onFocus={callMultiple(onFocus, restProps.onFocus)}\n      />\n      <span aria-hidden className={styles['Switch__pseudo']} />\n      <FocusVisible mode=\"outside\" />\n    </label>\n  );\n};\n"],"names":["Switch","sizeYClassNames","none","SizeType","COMPACT","style","className","getRootRef","restProps","platform","usePlatform","useAdaptivity","sizeY","useFocusVisible","onBlur","onFocus","label","classNames","Platform","IOS","REGULAR","disabled","ref","VisuallyHiddenInput","type","callMultiple","span","aria-hidden","FocusVisible","mode"],"mappings":";;;;+BA0BaA;;;eAAAA;;;;;;;;2DA1BU;oBACI;6BACG;+BACE;2BACJ;0BACH;4BACI;wBACJ;4BAEI;mCAItB;AAGP,IAAMC;IACJC,IAAI;GACHC,oBAAQ,CAACC,OAAO;AAQZ,IAAMJ,SAAS,iBAAiE;QAA9DK,eAAAA,OAAOC,mBAAAA,WAAWC,oBAAAA,YAAeC;QAAjCH;QAAOC;QAAWC;;IACzC,IAAME,WAAWC,IAAAA,wBAAW;IAC5B,IAA2BC,kBAAAA,IAAAA,4BAAa,4BAAbA,gBAAnBC,OAAAA,0CAAQ;IAChB,IAA4BC,oBAAAA,IAAAA,gCAAe,KAAnCC,SAAoBD,kBAApBC,QAAQC,UAAYF,kBAAZE;IAEhB,qBACE,qBAACC;QACCV,WAAWW,IAAAA,gBAAU,gBAEnBR,aAAaS,kBAAQ,CAACC,GAAG,uBACzBP,UAAUT,oBAAQ,CAACiB,OAAO,IAAInB,eAAe,CAACW,MAAM,EACpDJ,UAAUa,QAAQ,4BAClBf;QAEFD,OAAOA;QACPiB,KAAKf;qBAEL,qBAACgB,wCAAmB,uCACdf;QACJgB,MAAK;QACLlB,SAAS;QACTQ,QAAQW,IAAAA,0BAAY,EAACX,QAAQN,UAAUM,MAAM;QAC7CC,SAASU,IAAAA,0BAAY,EAACV,SAASP,UAAUO,OAAO;uBAElD,qBAACW;QAAKC,eAAAA,IAAW;QAACrB,SAAS;sBAC3B,qBAACsB,0BAAY;QAACC,MAAK;;AAGzB"}

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

@@ -1,45 +1,43 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "Tabbar", {
+    enumerable: true,
+    get: function() {
+        return Tabbar;
+    }
 });
-exports.Tabbar = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var React = _interopRequireWildcard(require("react"));
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 var _usePlatform = require("../../hooks/usePlatform");
 var _platform = require("../../lib/platform");
-var _excluded = ["children", "shadow", "mode", "className"];
-var getItemsLayoutClassName = function getItemsLayoutClassName(itemsLayout, children) {
-  switch (itemsLayout) {
-    case 'horizontal':
-      return "vkuiTabbar--layout-horizontal";
-    case 'vertical':
-      return "vkuiTabbar--layout-vertical";
-    default:
-      return React.Children.count(children) > 2 ? getItemsLayoutClassName('vertical', []) : getItemsLayoutClassName('horizontal', []);
-  }
+var getItemsLayoutClassName = function(itemsLayout, children) {
+    switch(itemsLayout){
+        case "horizontal":
+            return "vkuiInternalTabbar--layout-horizontal";
+        case "vertical":
+            return "vkuiInternalTabbar--layout-vertical";
+        default:
+            return _react.Children.count(children) > 2 ? getItemsLayoutClassName("vertical", []) : getItemsLayoutClassName("horizontal", []);
+    }
 };
-
-/**
- * @see https://vkcom.github.io/VKUI/#/Tabbar
- */
-var Tabbar = function Tabbar(_ref) {
-  var children = _ref.children,
-    _ref$shadow = _ref.shadow,
-    shadow = _ref$shadow === void 0 ? true : _ref$shadow,
-    mode = _ref.mode,
-    className = _ref.className,
-    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var platform = (0, _usePlatform.usePlatform)();
-  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
-    className: (0, _vkjs.classNames)("vkuiTabbar", platform === _platform.Platform.IOS && "vkuiTabbar--ios", getItemsLayoutClassName(mode, children), shadow && "vkuiTabbar--shadow", className)
-  }, restProps), /*#__PURE__*/React.createElement("div", {
-    className: "vkuiTabbar__in"
-  }, children));
+var Tabbar = function(_param) {
+    var children = _param.children, _param_shadow = _param.shadow, shadow = _param_shadow === void 0 ? true : _param_shadow, mode = _param.mode, className = _param.className, restProps = _objectWithoutProperties(_param, [
+        "children",
+        "shadow",
+        "mode",
+        "className"
+    ]);
+    var platform = (0, _usePlatform.usePlatform)();
+    return /*#__PURE__*/ _react.createElement("div", _objectSpread({
+        className: (0, _vkjs.classNames)("vkuiTabbar", platform === _platform.Platform.IOS && "vkuiTabbar--ios", getItemsLayoutClassName(mode, children), shadow && "vkuiTabbar--shadow", className)
+    }, restProps), /*#__PURE__*/ _react.createElement("div", {
+        className: "vkuiTabbar__in"
+    }, children));
 };
-exports.Tabbar = Tabbar;
+
 //# sourceMappingURL=Tabbar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tabbar.js","names":["getItemsLayoutClassName","itemsLayout","children","React","Children","count","Tabbar","shadow","mode","className","restProps","platform","usePlatform","classNames","Platform","IOS"],"sources":["../../../../src/components/Tabbar/Tabbar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport styles from './Tabbar.module.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 getItemsLayoutClassName = (\n  itemsLayout: TabbarProps['mode'],\n  children: TabbarProps['children'],\n): string => {\n  switch (itemsLayout) {\n    case 'horizontal':\n      return styles['Tabbar--layout-horizontal'];\n    case 'vertical':\n      return styles['Tabbar--layout-vertical'];\n    default:\n      return React.Children.count(children) > 2\n        ? getItemsLayoutClassName('vertical', [])\n        : getItemsLayoutClassName('horizontal', []);\n  }\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Tabbar\n */\nexport const Tabbar = ({ children, shadow = true, mode, className, ...restProps }: TabbarProps) => {\n  const platform = usePlatform();\n\n  return (\n    <div\n      className={classNames(\n        styles['Tabbar'],\n        platform === Platform.IOS && styles['Tabbar--ios'],\n        getItemsLayoutClassName(mode, children),\n        shadow && styles['Tabbar--shadow'],\n        className,\n      )}\n      {...restProps}\n    >\n      <div className={styles['Tabbar__in']}>{children}</div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AAA8C;AAc9C,IAAMA,uBAAuB,GAAG,SAA1BA,uBAAuB,CAC3BC,WAAgC,EAChCC,QAAiC,EACtB;EACX,QAAQD,WAAW;IACjB,KAAK,YAAY;MACf;IACF,KAAK,UAAU;MACb;IACF;MACE,OAAOE,KAAK,CAACC,QAAQ,CAACC,KAAK,CAACH,QAAQ,CAAC,GAAG,CAAC,GACrCF,uBAAuB,CAAC,UAAU,EAAE,EAAE,CAAC,GACvCA,uBAAuB,CAAC,YAAY,EAAE,EAAE,CAAC;EAAC;AAEpD,CAAC;;AAED;AACA;AACA;AACO,IAAMM,MAAM,GAAG,SAATA,MAAM,OAAgF;EAAA,IAA1EJ,QAAQ,QAARA,QAAQ;IAAA,mBAAEK,MAAM;IAANA,MAAM,4BAAG,IAAI;IAAEC,IAAI,QAAJA,IAAI;IAAEC,SAAS,QAATA,SAAS;IAAKC,SAAS;EAC7E,IAAMC,QAAQ,GAAG,IAAAC,wBAAW,GAAE;EAE9B,oBACE;IACE,SAAS,EAAE,IAAAC,gBAAU,gBAEnBF,QAAQ,KAAKG,kBAAQ,CAACC,GAAG,qBAAyB,EAClDf,uBAAuB,CAACQ,IAAI,EAAEN,QAAQ,CAAC,EACvCK,MAAM,wBAA4B,EAClCE,SAAS;EACT,GACEC,SAAS,gBAEb;IAAK,SAAS;EAAuB,GAAER,QAAQ,CAAO,CAClD;AAEV,CAAC;AAAC"}
+{"version":3,"sources":["../../../../src/components/Tabbar/Tabbar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport styles from './Tabbar.module.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 getItemsLayoutClassName = (\n  itemsLayout: TabbarProps['mode'],\n  children: TabbarProps['children'],\n): string => {\n  switch (itemsLayout) {\n    case 'horizontal':\n      return 'vkuiInternalTabbar--layout-horizontal';\n    case 'vertical':\n      return 'vkuiInternalTabbar--layout-vertical';\n    default:\n      return React.Children.count(children) > 2\n        ? getItemsLayoutClassName('vertical', [])\n        : getItemsLayoutClassName('horizontal', []);\n  }\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Tabbar\n */\nexport const Tabbar = ({ children, shadow = true, mode, className, ...restProps }: TabbarProps) => {\n  const platform = usePlatform();\n\n  return (\n    <div\n      className={classNames(\n        styles['Tabbar'],\n        platform === Platform.IOS && styles['Tabbar--ios'],\n        getItemsLayoutClassName(mode, children),\n        shadow && styles['Tabbar--shadow'],\n        className,\n      )}\n      {...restProps}\n    >\n      <div className={styles['Tabbar__in']}>{children}</div>\n    </div>\n  );\n};\n"],"names":["Tabbar","getItemsLayoutClassName","itemsLayout","children","React","Children","count","shadow","mode","className","restProps","platform","usePlatform","div","classNames","Platform","IOS"],"mappings":";;;;+BAoCaA;;;eAAAA;;;;;;2DApCU;oBACI;2BACC;wBACH;AAczB,IAAMC,0BAA0B,SAC9BC,aACAC,UACW;IACX,OAAQD;QACN,KAAK;YACH,OAAO;QACT,KAAK;YACH,OAAO;QACT;YACE,OAAOE,OAAMC,QAAQ,CAACC,KAAK,CAACH,YAAY,IACpCF,wBAAwB,YAAY,EAAE,IACtCA,wBAAwB,cAAc,EAAE,CAAC;IACjD;AACF;AAKO,IAAMD,SAAS,iBAA6E;QAA1EG,kBAAAA,iCAAUI,QAAAA,oCAAS,IAAI,kBAAEC,cAAAA,MAAMC,mBAAAA,WAAcC;QAA7CP;QAAUI;QAAeC;QAAMC;;IACtD,IAAME,WAAWC,IAAAA,wBAAW;IAE5B,qBACE,qBAACC;QACCJ,WAAWK,IAAAA,gBAAU,gBAEnBH,aAAaI,kBAAQ,CAACC,GAAG,uBACzBf,wBAAwBO,MAAML,WAC9BI,gCACAE;OAEEC,0BAEJ,qBAACG;QAAIJ,SAAS;OAAyBN;AAG7C"}

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

@@ -1,67 +1,66 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "TabbarItem", {
+    enumerable: true,
+    get: function() {
+        return TabbarItem;
+    }
 });
-exports.TabbarItem = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var React = _interopRequireWildcard(require("react"));
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 var _usePlatform = require("../../hooks/usePlatform");
 var _platform = require("../../lib/platform");
 var _warnOnce = require("../../lib/warnOnce");
-var _Tappable = require("../Tappable/Tappable");
-var _Footnote = require("../Typography/Footnote/Footnote");
-var _excluded = ["children", "selected", "indicator", "text", "href", "Component", "disabled", "className"];
-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,
-    indicator = _ref.indicator,
-    text = _ref.text,
-    href = _ref.href,
-    _ref$Component = _ref.Component,
-    Component = _ref$Component === void 0 ? href ? 'a' : 'button' : _ref$Component,
-    disabled = _ref.disabled,
-    className = _ref.className,
-    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var platform = (0, _usePlatform.usePlatform)();
-  if (process.env.NODE_ENV === 'development') {
-    var isAccessible = !text && (!restProps['aria-label'] || !restProps['aria-labelledby']);
-    if (!isAccessible) {
-      warn(_warnOnce.COMMON_WARNINGS.a11y[Component === 'a' ? 'link-name' : 'button-name'], 'error');
+var _tappable = require("../Tappable/Tappable");
+var _footnote = require("../Typography/Footnote/Footnote");
+var warn = (0, _warnOnce.warnOnce)("TabbarItem");
+var TabbarItem = function(_param) {
+    var children = _param.children, selected = _param.selected, indicator = _param.indicator, text = _param.text, href = _param.href, _param_Component = _param.Component, Component = _param_Component === void 0 ? href ? "a" : "button" : _param_Component, disabled = _param.disabled, className = _param.className, restProps = _objectWithoutProperties(_param, [
+        "children",
+        "selected",
+        "indicator",
+        "text",
+        "href",
+        "Component",
+        "disabled",
+        "className"
+    ]);
+    var platform = (0, _usePlatform.usePlatform)();
+    if (process.env.NODE_ENV === "development") {
+        var isAccessible = !text && (!restProps["aria-label"] || !restProps["aria-labelledby"]);
+        if (!isAccessible) {
+            warn(_warnOnce.COMMON_WARNINGS.a11y[Component === "a" ? "link-name" : "button-name"], "error");
+        }
     }
-  }
-  return /*#__PURE__*/React.createElement(Component, (0, _extends2.default)({}, restProps, {
-    disabled: disabled,
-    href: href,
-    className: (0, _vkjs.classNames)("vkuiTabbarItem", platform === _platform.Platform.IOS && "vkuiTabbarItem--ios", platform === _platform.Platform.ANDROID && "vkuiTabbarItem--android", selected && "vkuiTabbarItem--selected", !!text && "vkuiTabbarItem--text", className)
-  }), /*#__PURE__*/React.createElement(_Tappable.Tappable, {
-    role: "presentation",
-    Component: "div",
-    disabled: disabled,
-    activeMode: platform === _platform.Platform.IOS ? "vkuiTabbarItem__tappable--active" : 'background',
-    activeEffectDelay: platform === _platform.Platform.IOS ? 0 : 300,
-    hasHover: false,
-    className: "vkuiTabbarItem__tappable"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "vkuiTabbarItem__in"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "vkuiTabbarItem__icon"
-  }, children, /*#__PURE__*/React.createElement("div", {
-    className: "vkuiTabbarItem__label"
-  }, (0, _vkjs.hasReactNode)(indicator) && indicator)), text && /*#__PURE__*/React.createElement(_Footnote.Footnote, {
-    Component: "div",
-    className: "vkuiTabbarItem__text",
-    weight: "2"
-  }, text)));
+    return /*#__PURE__*/ _react.createElement(Component, _objectSpreadProps(_objectSpread({}, restProps), {
+        disabled: disabled,
+        href: href,
+        className: (0, _vkjs.classNames)("vkuiTabbarItem", platform === _platform.Platform.IOS && "vkuiTabbarItem--ios", platform === _platform.Platform.ANDROID && "vkuiTabbarItem--android", selected && "vkuiTabbarItem--selected", !!text && "vkuiTabbarItem--text", className)
+    }), /*#__PURE__*/ _react.createElement(_tappable.Tappable, {
+        role: "presentation",
+        Component: "div",
+        disabled: disabled,
+        activeMode: platform === _platform.Platform.IOS ? "vkuiTabbarItem__tappable--active" : "background",
+        activeEffectDelay: platform === _platform.Platform.IOS ? 0 : 300,
+        hasHover: false,
+        className: "vkuiTabbarItem__tappable"
+    }), /*#__PURE__*/ _react.createElement("div", {
+        className: "vkuiTabbarItem__in"
+    }, /*#__PURE__*/ _react.createElement("div", {
+        className: "vkuiTabbarItem__icon"
+    }, children, /*#__PURE__*/ _react.createElement("div", {
+        className: "vkuiTabbarItem__label"
+    }, (0, _vkjs.hasReactNode)(indicator) && indicator)), text && /*#__PURE__*/ _react.createElement(_footnote.Footnote, {
+        Component: "div",
+        className: "vkuiTabbarItem__text",
+        weight: "2"
+    }, text)));
 };
-exports.TabbarItem = TabbarItem;
+
 //# sourceMappingURL=TabbarItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TabbarItem.js","names":["warn","warnOnce","TabbarItem","children","selected","indicator","text","href","Component","disabled","className","restProps","platform","usePlatform","process","env","NODE_ENV","isAccessible","COMMON_WARNINGS","a11y","classNames","Platform","IOS","ANDROID","hasReactNode"],"sources":["../../../../src/components/TabbarItem/TabbarItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { COMMON_WARNINGS, warnOnce } from '../../lib/warnOnce';\nimport { HasComponent, HasRootRef } from '../../types';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport styles from './TabbarItem.module.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\nconst warn = warnOnce('TabbarItem');\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  className,\n  ...restProps\n}: TabbarItemProps) => {\n  const platform = usePlatform();\n\n  if (process.env.NODE_ENV === 'development') {\n    const isAccessible = !text && (!restProps['aria-label'] || !restProps['aria-labelledby']);\n\n    if (!isAccessible) {\n      warn(COMMON_WARNINGS.a11y[Component === 'a' ? 'link-name' : 'button-name'], 'error');\n    }\n  }\n\n  return (\n    <Component\n      {...restProps}\n      disabled={disabled}\n      href={href}\n      className={classNames(\n        styles['TabbarItem'],\n        platform === Platform.IOS && styles['TabbarItem--ios'],\n        platform === Platform.ANDROID && styles['TabbarItem--android'],\n        selected && styles['TabbarItem--selected'],\n        !!text && styles['TabbarItem--text'],\n        className,\n      )}\n    >\n      <Tappable\n        role=\"presentation\"\n        Component=\"div\"\n        disabled={disabled}\n        activeMode={\n          platform === Platform.IOS ? styles['TabbarItem__tappable--active'] : 'background'\n        }\n        activeEffectDelay={platform === Platform.IOS ? 0 : 300}\n        hasHover={false}\n        className={styles['TabbarItem__tappable']}\n      />\n      <div className={styles['TabbarItem__in']}>\n        <div className={styles['TabbarItem__icon']}>\n          {children}\n          <div className={styles['TabbarItem__label']}>{hasReactNode(indicator) && indicator}</div>\n        </div>\n        {text && (\n          <Footnote Component=\"div\" className={styles['TabbarItem__text']} weight=\"2\">\n            {text}\n          </Footnote>\n        )}\n      </div>\n    </Component>\n  );\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AAA2D;AAkB3D,IAAMA,IAAI,GAAG,IAAAC,kBAAQ,EAAC,YAAY,CAAC;;AAEnC;AACA;AACA;AACO,IAAMC,UAAU,GAAG,SAAbA,UAAU,OAUA;EAAA,IATrBC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACTC,IAAI,QAAJA,IAAI;IACJC,IAAI,QAAJA,IAAI;IAAA,sBACJC,SAAS;IAATA,SAAS,+BAAGD,IAAI,GAAG,GAAG,GAAG,QAAQ;IACjCE,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,IAAMC,QAAQ,GAAG,IAAAC,wBAAW,GAAE;EAE9B,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,EAAE;IAC1C,IAAMC,YAAY,GAAG,CAACX,IAAI,KAAK,CAACK,SAAS,CAAC,YAAY,CAAC,IAAI,CAACA,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAEzF,IAAI,CAACM,YAAY,EAAE;MACjBjB,IAAI,CAACkB,yBAAe,CAACC,IAAI,CAACX,SAAS,KAAK,GAAG,GAAG,WAAW,GAAG,aAAa,CAAC,EAAE,OAAO,CAAC;IACtF;EACF;EAEA,oBACE,oBAAC,SAAS,6BACJG,SAAS;IACb,QAAQ,EAAEF,QAAS;IACnB,IAAI,EAAEF,IAAK;IACX,SAAS,EAAE,IAAAa,gBAAU,oBAEnBR,QAAQ,KAAKS,kBAAQ,CAACC,GAAG,yBAA6B,EACtDV,QAAQ,KAAKS,kBAAQ,CAACE,OAAO,6BAAiC,EAC9DnB,QAAQ,8BAAkC,EAC1C,CAAC,CAACE,IAAI,0BAA8B,EACpCI,SAAS;EACT,iBAEF,oBAAC,kBAAQ;IACP,IAAI,EAAC,cAAc;IACnB,SAAS,EAAC,KAAK;IACf,QAAQ,EAAED,QAAS;IACnB,UAAU,EACRG,QAAQ,KAAKS,kBAAQ,CAACC,GAAG,wCAA4C,YACtE;IACD,iBAAiB,EAAEV,QAAQ,KAAKS,kBAAQ,CAACC,GAAG,GAAG,CAAC,GAAG,GAAI;IACvD,QAAQ,EAAE,KAAM;IAChB,SAAS;EAAiC,EAC1C,eACF;IAAK,SAAS;EAA2B,gBACvC;IAAK,SAAS;EAA6B,GACxCnB,QAAQ,eACT;IAAK,SAAS;EAA8B,GAAE,IAAAqB,kBAAY,EAACnB,SAAS,CAAC,IAAIA,SAAS,CAAO,CACrF,EACLC,IAAI,iBACH,oBAAC,kBAAQ;IAAC,SAAS,EAAC,KAAK;IAAC,SAAS,wBAA6B;IAAC,MAAM,EAAC;EAAG,GACxEA,IAAI,CAER,CACG,CACI;AAEhB,CAAC;AAAC"}
+{"version":3,"sources":["../../../../src/components/TabbarItem/TabbarItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { COMMON_WARNINGS, warnOnce } from '../../lib/warnOnce';\nimport { HasComponent, HasRootRef } from '../../types';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport styles from './TabbarItem.module.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\nconst warn = warnOnce('TabbarItem');\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  className,\n  ...restProps\n}: TabbarItemProps) => {\n  const platform = usePlatform();\n\n  if (process.env.NODE_ENV === 'development') {\n    const isAccessible = !text && (!restProps['aria-label'] || !restProps['aria-labelledby']);\n\n    if (!isAccessible) {\n      warn(COMMON_WARNINGS.a11y[Component === 'a' ? 'link-name' : 'button-name'], 'error');\n    }\n  }\n\n  return (\n    <Component\n      {...restProps}\n      disabled={disabled}\n      href={href}\n      className={classNames(\n        styles['TabbarItem'],\n        platform === Platform.IOS && styles['TabbarItem--ios'],\n        platform === Platform.ANDROID && styles['TabbarItem--android'],\n        selected && styles['TabbarItem--selected'],\n        !!text && styles['TabbarItem--text'],\n        className,\n      )}\n    >\n      <Tappable\n        role=\"presentation\"\n        Component=\"div\"\n        disabled={disabled}\n        activeMode={\n          platform === Platform.IOS ? styles['TabbarItem__tappable--active'] : 'background'\n        }\n        activeEffectDelay={platform === Platform.IOS ? 0 : 300}\n        hasHover={false}\n        className={styles['TabbarItem__tappable']}\n      />\n      <div className={styles['TabbarItem__in']}>\n        <div className={styles['TabbarItem__icon']}>\n          {children}\n          <div className={styles['TabbarItem__label']}>{hasReactNode(indicator) && indicator}</div>\n        </div>\n        {text && (\n          <Footnote Component=\"div\" className={styles['TabbarItem__text']} weight=\"2\">\n            {text}\n          </Footnote>\n        )}\n      </div>\n    </Component>\n  );\n};\n"],"names":["TabbarItem","warn","warnOnce","children","selected","indicator","text","href","Component","disabled","className","restProps","platform","usePlatform","process","env","NODE_ENV","isAccessible","COMMON_WARNINGS","a11y","classNames","Platform","IOS","ANDROID","Tappable","role","activeMode","activeEffectDelay","hasHover","div","hasReactNode","Footnote","weight"],"mappings":";;;;+BA8BaA;;;eAAAA;;;;;;;2DA9BU;oBACkB;2BACb;wBACH;wBACiB;wBAEjB;wBACA;AAkBzB,IAAMC,OAAOC,IAAAA,kBAAQ,EAAC;AAKf,IAAMF,aAAa,iBAUH;QATrBG,kBAAAA,UACAC,kBAAAA,UACAC,mBAAAA,WACAC,cAAAA,MACAC,cAAAA,gCACAC,WAAAA,0CAAYD,OAAO,MAAM,QAAQ,qBACjCE,kBAAAA,UACAC,mBAAAA,WACGC;QARHR;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,IAAME,WAAWC,IAAAA,wBAAW;IAE5B,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QAC1C,IAAMC,eAAe,CAACX,QAAS,CAAA,CAACK,SAAS,CAAC,aAAa,IAAI,CAACA,SAAS,CAAC,kBAAkB,AAAD;QAEvF,IAAI,CAACM,cAAc;YACjBhB,KAAKiB,yBAAe,CAACC,IAAI,CAACX,cAAc,MAAM,cAAc,aAAa,CAAC,EAAE;QAC9E,CAAC;IACH,CAAC;IAED,qBACE,qBAACA,gDACKG;QACJF,UAAUA;QACVF,MAAMA;QACNG,WAAWU,IAAAA,gBAAU,oBAEnBR,aAAaS,kBAAQ,CAACC,GAAG,2BACzBV,aAAaS,kBAAQ,CAACE,OAAO,+BAC7BnB,wCACA,CAAC,CAACE,gCACFI;sBAGF,qBAACc,kBAAQ;QACPC,MAAK;QACLjB,WAAU;QACVC,UAAUA;QACViB,YACEd,aAAaS,kBAAQ,CAACC,GAAG,wCAA4C,YAAY;QAEnFK,mBAAmBf,aAAaS,kBAAQ,CAACC,GAAG,GAAG,IAAI,GAAG;QACtDM,UAAU,KAAK;QACflB,SAAS;sBAEX,qBAACmB;QAAInB,SAAS;qBACZ,qBAACmB;QAAInB,SAAS;OACXP,wBACD,qBAAC0B;QAAInB,SAAS;OAAgCoB,IAAAA,kBAAY,EAACzB,cAAcA,aAE1EC,sBACC,qBAACyB,kBAAQ;QAACvB,WAAU;QAAME,SAAS;QAA8BsB,QAAO;OACrE1B;AAMb"}