@vkontakte/vkui 5.2.4 → 5.3.1

package/dist/components/SubnavigationButton/SubnavigationButton.js

@@ -1,76 +1,71 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["textLevel"],
-  _excluded2 = ["mode", "size", "selected", "textLevel", "before", "after", "expandable", "children", "className"];
-import * as React from 'react';
-import { Icon16Dropdown } from '@vkontakte/icons';
-import { classNames } from '@vkontakte/vkjs';
-import { useAdaptivity } from '../../hooks/useAdaptivity';
-import { SizeType } from '../../lib/adaptivity';
-import { getTitleFromChildren } from '../../lib/utils';
-import { Tappable } from '../Tappable/Tappable';
-import { Caption } from '../Typography/Caption/Caption';
-import { Subhead } from '../Typography/Subhead/Subhead';
-var sizeYClassNames = _defineProperty({
-  none: "vkuiSubnavigationButton--sizeY-none"
+import _define_property from "@swc/helpers/src/_define_property.mjs";
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import * as React from "react";
+import { Icon16Dropdown } from "@vkontakte/icons";
+import { classNames } from "@vkontakte/vkjs";
+import { useAdaptivity } from "../../hooks/useAdaptivity";
+import { SizeType } from "../../lib/adaptivity";
+import { getTitleFromChildren } from "../../lib/utils";
+import { Tappable } from "../Tappable/Tappable";
+import { Caption } from "../Typography/Caption/Caption";
+import { Subhead } from "../Typography/Subhead/Subhead";
+var sizeYClassNames = _define_property({
+    none: "vkuiSubnavigationButton--sizeY-none"
 }, SizeType.COMPACT, "vkuiSubnavigationButton--sizeY-compact");
-var SubnavigationButtonTypography = function SubnavigationButtonTypography(_ref) {
-  var textLevel = _ref.textLevel,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  if (textLevel === '1') {
-    return /*#__PURE__*/React.createElement(Subhead, restProps);
-  }
-  return /*#__PURE__*/React.createElement(Caption, _extends({
-    level: textLevel === '2' ? '1' : '2'
-  }, restProps));
+var SubnavigationButtonTypography = function(_param) {
+    var textLevel = _param.textLevel, restProps = _object_without_properties(_param, [
+        "textLevel"
+    ]);
+    if (textLevel === "1") {
+        return /*#__PURE__*/ React.createElement(Subhead, restProps);
+    }
+    return /*#__PURE__*/ React.createElement(Caption, _object_spread({
+        level: textLevel === "2" ? "1" : "2"
+    }, restProps));
 };
-
 /**
  * @see https://vkcom.github.io/VKUI/#/SubnavigationButton
- */
-export 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 = _objectWithoutProperties(_ref2, _excluded2);
-  var _useAdaptivity = useAdaptivity(),
-    _useAdaptivity$sizeY = _useAdaptivity.sizeY,
-    sizeY = _useAdaptivity$sizeY === void 0 ? 'none' : _useAdaptivity$sizeY;
-  return /*#__PURE__*/React.createElement(Tappable, _extends({}, restProps, {
-    hasActive: false,
-    focusVisibleMode: "outside",
-    className: classNames("vkuiSubnavigationButton", styles["SubnavigationButton--size-".concat(size)], styles["SubnavigationButton--mode-".concat(mode)], selected && "vkuiSubnavigationButton--selected", sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY], className),
-    "aria-label": 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(Icon16Dropdown, {
-    className: "vkuiSubnavigationButton__expandableIcon"
-  })));
-};
-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"
+ */ export 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 = _object_without_properties(_param, [
+        "mode",
+        "size",
+        "selected",
+        "textLevel",
+        "before",
+        "after",
+        "expandable",
+        "children",
+        "className"
+    ]);
+    var _useAdaptivity = useAdaptivity(), _useAdaptivity_sizeY = _useAdaptivity.sizeY, sizeY = _useAdaptivity_sizeY === void 0 ? "none" : _useAdaptivity_sizeY;
+    return /*#__PURE__*/ React.createElement(Tappable, _object_spread_props(_object_spread({}, restProps), {
+        hasActive: false,
+        focusVisibleMode: "outside",
+        className: 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 !== SizeType.REGULAR && sizeYClassNames[sizeY], className),
+        "aria-label": 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(Icon16Dropdown, {
+        className: "vkuiSubnavigationButton__expandableIcon"
+    })));
 };
+
 //# sourceMappingURL=SubnavigationButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SubnavigationButton.js","names":["React","Icon16Dropdown","classNames","useAdaptivity","SizeType","getTitleFromChildren","Tappable","Caption","Subhead","sizeYClassNames","none","COMPACT","SubnavigationButtonTypography","textLevel","restProps","SubnavigationButton","mode","size","selected","before","after","expandable","children","className","sizeY","styles","REGULAR"],"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,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,aAAa,QAAQ,2BAA2B;AACzD,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,oBAAoB,QAAQ,iBAAiB;AAEtD,SAASC,QAAQ,QAAuB,sBAAsB;AAC9D,SAASC,OAAO,QAAQ,+BAA+B;AACvD,SAASC,OAAO,QAAQ,+BAA+B;AAGvD,IAAMC,eAAe;EACnBC,IAAI;AAA2C,GAC9CN,QAAQ,CAACO,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,OAAO,EAAKC,SAAS,CAAI;EACnC;EAEA,oBAAO,oBAAC,OAAO;IAAC,KAAK,EAAED,SAAS,KAAK,GAAG,GAAG,GAAG,GAAG;EAAI,GAAKC,SAAS,EAAI;AACzE,CAAC;;AAED;AACA;AACA;AACA,OAAO,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,qBAA2BX,aAAa,EAAE;IAAA,sCAAlCqB,KAAK;IAALA,KAAK,qCAAG,MAAM;EAEtB,oBACE,oBAAC,QAAQ,eACHV,SAAS;IACb,SAAS,EAAE,KAAM;IACjB,gBAAgB,EAAC,SAAS;IAC1B,SAAS,EAAEZ,UAAU,4BAEnBuB,MAAM,qCAA8BR,IAAI,EAAG,EAC3CQ,MAAM,qCAA8BT,IAAI,EAAG,EAC3CE,QAAQ,uCAA2C,EACnDM,KAAK,KAAKpB,QAAQ,CAACsB,OAAO,IAAIjB,eAAe,CAACe,KAAK,CAAC,EACpDD,SAAS,CACT;IACF,cAAYlB,oBAAoB,CAACiB,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,cAAc;IAAC,SAAS;EAAgD,EAAG,CACtF,CACE;AAEf,CAAC;AAAC;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":["React","Icon16Dropdown","classNames","useAdaptivity","SizeType","getTitleFromChildren","Tappable","Caption","Subhead","sizeYClassNames","none","COMPACT","SubnavigationButtonTypography","textLevel","restProps","level","SubnavigationButton","mode","size","selected","before","after","expandable","children","className","sizeY","hasActive","focusVisibleMode","s","m","l","primary","outline","tertiary","REGULAR","aria-label","span","Component"],"mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,oBAAoB,QAAQ,kBAAkB;AAEvD,SAASC,QAAQ,QAAuB,uBAAuB;AAC/D,SAASC,OAAO,QAAQ,gCAAgC;AACxD,SAASC,OAAO,QAAQ,gCAAgC;AAGxD,IAAMC;IACJC,IAAI;GACHN,SAASO,OAAO;AA6BnB,IAAMC,gCAAgC,iBAGI;QAFxCC,mBAAAA,WACGC;QADHD;;IAGA,IAAIA,cAAc,KAAK;QACrB,qBAAO,oBAACL,SAAYM;IACtB,CAAC;IAED,qBAAO,oBAACP;QAAQQ,OAAOF,cAAc,MAAM,MAAM,GAAG;OAAMC;AAC5D;AAEA;;CAEC,GACD,OAAO,IAAME,sBAAsB,iBAWH;6BAV9BC,MAAAA,gCAAO,8CACPC,MAAAA,gCAAO,mBACPC,kBAAAA,oCACAN,WAAAA,0CAAY,wBACZO,gBAAAA,QACAC,eAAAA,OACAC,oBAAAA,YACAC,kBAAAA,UACAC,mBAAAA,WACGV;QATHG;QACAC;QACAC;QACAN;QACAO;QACAC;QACAC;QACAC;QACAC;;IAGA,IAA2BrB,iBAAAA,wCAAAA,eAAnBsB,OAAAA,0CAAQ;IAEhB,qBACE,oBAACnB,kDACKQ;QACJY,WAAW,KAAK;QAChBC,kBAAiB;QACjBH,WAAWtB,sCAET;YACE0B,CAAC;YACDC,CAAC;YACDC,CAAC;QACH,CAAC,CAACZ,KAAK,EACP;YACEa,OAAO;YACPC,OAAO;YACPC,QAAQ;QACV,CAAC,CAAChB,KAAK,EACPE,iDACAM,UAAUrB,SAAS8B,OAAO,IAAIzB,eAAe,CAACgB,MAAM,EACpDD;QAEFW,cAAY9B,qBAAqBkB;sBAEjC,oBAACa;QAAKZ,SAAS;OACZJ,wBAAU,oBAACgB;QAAKZ,SAAS;OAA0CJ,uBACpE,oBAACR;QACCC,WAAWA;QACXW,SAAS;QACTa,WAAU;OAETd,WAEFF,uBAAS,oBAACe;QAAKZ,SAAS;OAAyCH,QACjEC,4BAAc,oBAACrB;QAAeuB,SAAS;;AAIhD,EAAE"}

package/dist/components/Switch/Switch.js

@@ -1,50 +1,46 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["style", "className", "getRootRef"];
-import * as React from 'react';
-import { classNames } from '@vkontakte/vkjs';
-import { useAdaptivity } from '../../hooks/useAdaptivity';
-import { useFocusVisible } from '../../hooks/useFocusVisible';
-import { usePlatform } from '../../hooks/usePlatform';
-import { SizeType } from '../../lib/adaptivity';
-import { callMultiple } from '../../lib/callMultiple';
-import { Platform } from '../../lib/platform';
-import { FocusVisible } from '../FocusVisible/FocusVisible';
-import { VisuallyHiddenInput } from '../VisuallyHiddenInput/VisuallyHiddenInput';
-var sizeYClassNames = _defineProperty({
-  none: "vkuiSwitch--sizeY-none"
+import _define_property from "@swc/helpers/src/_define_property.mjs";
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import * as React from "react";
+import { classNames } from "@vkontakte/vkjs";
+import { useAdaptivity } from "../../hooks/useAdaptivity";
+import { useFocusVisible } from "../../hooks/useFocusVisible";
+import { usePlatform } from "../../hooks/usePlatform";
+import { SizeType } from "../../lib/adaptivity";
+import { callMultiple } from "../../lib/callMultiple";
+import { Platform } from "../../lib/platform";
+import { FocusVisible } from "../FocusVisible/FocusVisible";
+import { VisuallyHiddenInput } from "../VisuallyHiddenInput/VisuallyHiddenInput";
+var sizeYClassNames = _define_property({
+    none: "vkuiSwitch--sizeY-none"
 }, SizeType.COMPACT, "vkuiSwitch--sizeY-compact");
 /**
  * @see https://vkcom.github.io/VKUI/#/Switch
- */
-export var Switch = function Switch(_ref) {
-  var style = _ref.style,
-    className = _ref.className,
-    getRootRef = _ref.getRootRef,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var platform = usePlatform();
-  var _useAdaptivity = useAdaptivity(),
-    _useAdaptivity$sizeY = _useAdaptivity.sizeY,
-    sizeY = _useAdaptivity$sizeY === void 0 ? 'none' : _useAdaptivity$sizeY;
-  var _useFocusVisible = useFocusVisible(),
-    focusVisible = _useFocusVisible.focusVisible,
-    onBlur = _useFocusVisible.onBlur,
-    onFocus = _useFocusVisible.onFocus;
-  return /*#__PURE__*/React.createElement("label", {
-    className: classNames("vkuiSwitch", platform === Platform.IOS && "vkuiSwitch--ios", sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY], restProps.disabled && "vkuiSwitch--disabled", focusVisible && "vkuiSwitch--focus-visible", className),
-    style: style,
-    ref: getRootRef
-  }, /*#__PURE__*/React.createElement(VisuallyHiddenInput, _extends({}, restProps, {
-    type: "checkbox",
-    className: "vkuiSwitch__self",
-    onBlur: callMultiple(onBlur, restProps.onBlur),
-    onFocus: callMultiple(onFocus, restProps.onFocus)
-  })), /*#__PURE__*/React.createElement("span", {
-    "aria-hidden": true,
-    className: "vkuiSwitch__pseudo"
-  }), /*#__PURE__*/React.createElement(FocusVisible, {
-    mode: "outside"
-  }));
+ */ export var Switch = function(_param) {
+    var style = _param.style, className = _param.className, getRootRef = _param.getRootRef, restProps = _object_without_properties(_param, [
+        "style",
+        "className",
+        "getRootRef"
+    ]);
+    var platform = usePlatform();
+    var _useAdaptivity = useAdaptivity(), _useAdaptivity_sizeY = _useAdaptivity.sizeY, sizeY = _useAdaptivity_sizeY === void 0 ? "none" : _useAdaptivity_sizeY;
+    var _useFocusVisible = useFocusVisible(), onBlur = _useFocusVisible.onBlur, onFocus = _useFocusVisible.onFocus;
+    return /*#__PURE__*/ React.createElement("label", {
+        className: classNames("vkuiSwitch", platform === Platform.IOS && "vkuiSwitch--ios", sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY], restProps.disabled && "vkuiSwitch--disabled", className),
+        style: style,
+        ref: getRootRef
+    }, /*#__PURE__*/ React.createElement(VisuallyHiddenInput, _object_spread_props(_object_spread({}, restProps), {
+        type: "checkbox",
+        className: "vkuiSwitch__self",
+        onBlur: callMultiple(onBlur, restProps.onBlur),
+        onFocus: callMultiple(onFocus, restProps.onFocus)
+    })), /*#__PURE__*/ React.createElement("span", {
+        "aria-hidden": true,
+        className: "vkuiSwitch__pseudo"
+    }), /*#__PURE__*/ React.createElement(FocusVisible, {
+        mode: "outside"
+    }));
 };
+
 //# sourceMappingURL=Switch.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","names":["React","classNames","useAdaptivity","useFocusVisible","usePlatform","SizeType","callMultiple","Platform","FocusVisible","VisuallyHiddenInput","sizeYClassNames","none","COMPACT","Switch","style","className","getRootRef","restProps","platform","sizeY","focusVisible","onBlur","onFocus","IOS","REGULAR","disabled"],"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,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,aAAa,QAAQ,2BAA2B;AACzD,SAASC,eAAe,QAAQ,6BAA6B;AAC7D,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,YAAY,QAAQ,wBAAwB;AACrD,SAASC,QAAQ,QAAQ,oBAAoB;AAE7C,SAASC,YAAY,QAAQ,8BAA8B;AAC3D,SACEC,mBAAmB,QAEd,4CAA4C;AAGnD,IAAMC,eAAe;EACnBC,IAAI;AAA8B,GACjCN,QAAQ,CAACO,OAAO,8BAClB;AAID;AACA;AACA;AACA,OAAO,IAAMC,MAAM,GAAG,SAATA,MAAM,OAAoE;EAAA,IAA9DC,KAAK,QAALA,KAAK;IAAEC,SAAS,QAATA,SAAS;IAAEC,UAAU,QAAVA,UAAU;IAAKC,SAAS;EACjE,IAAMC,QAAQ,GAAGd,WAAW,EAAE;EAC9B,qBAA2BF,aAAa,EAAE;IAAA,sCAAlCiB,KAAK;IAALA,KAAK,qCAAG,MAAM;EACtB,uBAA0ChB,eAAe,EAAE;IAAnDiB,YAAY,oBAAZA,YAAY;IAAEC,MAAM,oBAANA,MAAM;IAAEC,OAAO,oBAAPA,OAAO;EAErC,oBACE;IACE,SAAS,EAAErB,UAAU,eAEnBiB,QAAQ,KAAKX,QAAQ,CAACgB,GAAG,qBAAyB,EAClDJ,KAAK,KAAKd,QAAQ,CAACmB,OAAO,IAAId,eAAe,CAACS,KAAK,CAAC,EACpDF,SAAS,CAACQ,QAAQ,0BAA8B,EAChDL,YAAY,+BAAmC,EAC/CL,SAAS,CACT;IACF,KAAK,EAAED,KAAM;IACb,GAAG,EAAEE;EAAW,gBAEhB,oBAAC,mBAAmB,eACdC,SAAS;IACb,IAAI,EAAC,UAAU;IACf,SAAS,oBAAyB;IAClC,MAAM,EAAEX,YAAY,CAACe,MAAM,EAAEJ,SAAS,CAACI,MAAM,CAAE;IAC/C,OAAO,EAAEf,YAAY,CAACgB,OAAO,EAAEL,SAAS,CAACK,OAAO;EAAE,GAClD,eACF;IAAM,mBAAW;IAAC,SAAS;EAA2B,EAAG,eACzD,oBAAC,YAAY;IAAC,IAAI,EAAC;EAAS,EAAG,CACzB;AAEZ,CAAC"}
+{"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":["React","classNames","useAdaptivity","useFocusVisible","usePlatform","SizeType","callMultiple","Platform","FocusVisible","VisuallyHiddenInput","sizeYClassNames","none","COMPACT","Switch","style","className","getRootRef","restProps","platform","sizeY","onBlur","onFocus","label","IOS","REGULAR","disabled","ref","type","span","aria-hidden","mode"],"mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,eAAe,QAAQ,8BAA8B;AAC9D,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,QAAQ,QAAQ,qBAAqB;AAE9C,SAASC,YAAY,QAAQ,+BAA+B;AAC5D,SACEC,mBAAmB,QAEd,6CAA6C;AAGpD,IAAMC;IACJC,IAAI;GACHN,SAASO,OAAO;AAKnB;;CAEC,GACD,OAAO,IAAMC,SAAS,iBAAiE;QAA9DC,eAAAA,OAAOC,mBAAAA,WAAWC,oBAAAA,YAAeC;QAAjCH;QAAOC;QAAWC;;IACzC,IAAME,WAAWd;IACjB,IAA2BF,iBAAAA,wCAAAA,eAAnBiB,OAAAA,0CAAQ;IAChB,IAA4BhB,mBAAAA,mBAApBiB,SAAoBjB,iBAApBiB,QAAQC,UAAYlB,iBAAZkB;IAEhB,qBACE,oBAACC;QACCP,WAAWd,yBAETiB,aAAaX,SAASgB,GAAG,uBACzBJ,UAAUd,SAASmB,OAAO,IAAId,eAAe,CAACS,MAAM,EACpDF,UAAUQ,QAAQ,4BAClBV;QAEFD,OAAOA;QACPY,KAAKV;qBAEL,oBAACP,6DACKQ;QACJU,MAAK;QACLZ,SAAS;QACTK,QAAQd,aAAac,QAAQH,UAAUG,MAAM;QAC7CC,SAASf,aAAae,SAASJ,UAAUI,OAAO;uBAElD,oBAACO;QAAKC,eAAAA,IAAW;QAACd,SAAS;sBAC3B,oBAACP;QAAasB,MAAK;;AAGzB,EAAE"}

package/dist/components/Tabbar/Tabbar.js

@@ -1,36 +1,34 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "shadow", "mode", "className"];
-import * as React from 'react';
-import { classNames } from '@vkontakte/vkjs';
-import { usePlatform } from '../../hooks/usePlatform';
-import { Platform } from '../../lib/platform';
-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', []);
-  }
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import * as React from "react";
+import { classNames } from "@vkontakte/vkjs";
+import { usePlatform } from "../../hooks/usePlatform";
+import { Platform } from "../../lib/platform";
+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
- */
-export 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 = _objectWithoutProperties(_ref, _excluded);
-  var platform = usePlatform();
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: classNames("vkuiTabbar", platform === Platform.IOS && "vkuiTabbar--ios", getItemsLayoutClassName(mode, children), shadow && "vkuiTabbar--shadow", className)
-  }, restProps), /*#__PURE__*/React.createElement("div", {
-    className: "vkuiTabbar__in"
-  }, children));
+ */ export 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 = _object_without_properties(_param, [
+        "children",
+        "shadow",
+        "mode",
+        "className"
+    ]);
+    var platform = usePlatform();
+    return /*#__PURE__*/ React.createElement("div", _object_spread({
+        className: classNames("vkuiTabbar", platform === Platform.IOS && "vkuiTabbar--ios", getItemsLayoutClassName(mode, children), shadow && "vkuiTabbar--shadow", className)
+    }, restProps), /*#__PURE__*/ React.createElement("div", {
+        className: "vkuiTabbar__in"
+    }, children));
 };
+
 //# sourceMappingURL=Tabbar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tabbar.js","names":["React","classNames","usePlatform","Platform","getItemsLayoutClassName","itemsLayout","children","Children","count","Tabbar","shadow","mode","className","restProps","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,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,QAAQ,QAAQ,oBAAoB;AAc7C,IAAMC,uBAAuB,GAAG,SAA1BA,uBAAuB,CAC3BC,WAAgC,EAChCC,QAAiC,EACtB;EACX,QAAQD,WAAW;IACjB,KAAK,YAAY;MACf;IACF,KAAK,UAAU;MACb;IACF;MACE,OAAOL,KAAK,CAACO,QAAQ,CAACC,KAAK,CAACF,QAAQ,CAAC,GAAG,CAAC,GACrCF,uBAAuB,CAAC,UAAU,EAAE,EAAE,CAAC,GACvCA,uBAAuB,CAAC,YAAY,EAAE,EAAE,CAAC;EAAC;AAEpD,CAAC;;AAED;AACA;AACA;AACA,OAAO,IAAMK,MAAM,GAAG,SAATA,MAAM,OAAgF;EAAA,IAA1EH,QAAQ,QAARA,QAAQ;IAAA,mBAAEI,MAAM;IAANA,MAAM,4BAAG,IAAI;IAAEC,IAAI,QAAJA,IAAI;IAAEC,SAAS,QAATA,SAAS;IAAKC,SAAS;EAC7E,IAAMC,QAAQ,GAAGZ,WAAW,EAAE;EAE9B,oBACE;IACE,SAAS,EAAED,UAAU,eAEnBa,QAAQ,KAAKX,QAAQ,CAACY,GAAG,qBAAyB,EAClDX,uBAAuB,CAACO,IAAI,EAAEL,QAAQ,CAAC,EACvCI,MAAM,wBAA4B,EAClCE,SAAS;EACT,GACEC,SAAS,gBAEb;IAAK,SAAS;EAAuB,GAAEP,QAAQ,CAAO,CAClD;AAEV,CAAC"}
+{"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":["React","classNames","usePlatform","Platform","getItemsLayoutClassName","itemsLayout","children","Children","count","Tabbar","shadow","mode","className","restProps","platform","div","IOS"],"mappings":";;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,qBAAqB;AAc9C,IAAMC,0BAA0B,SAC9BC,aACAC,UACW;IACX,OAAQD;QACN,KAAK;YACH,OAAO;QACT,KAAK;YACH,OAAO;QACT;YACE,OAAOL,MAAMO,QAAQ,CAACC,KAAK,CAACF,YAAY,IACpCF,wBAAwB,YAAY,EAAE,IACtCA,wBAAwB,cAAc,EAAE,CAAC;IACjD;AACF;AAEA;;CAEC,GACD,OAAO,IAAMK,SAAS,iBAA6E;QAA1EH,kBAAAA,iCAAUI,QAAAA,oCAAS,IAAI,kBAAEC,cAAAA,MAAMC,mBAAAA,WAAcC;QAA7CP;QAAUI;QAAeC;QAAMC;;IACtD,IAAME,WAAWZ;IAEjB,qBACE,oBAACa;QACCH,WAAWX,yBAETa,aAAaX,SAASa,GAAG,uBACzBZ,wBAAwBO,MAAML,WAC9BI,gCACAE;OAEEC,0BAEJ,oBAACE;QAAIH,SAAS;OAAyBN;AAG7C,EAAE"}

package/dist/components/TabbarItem/TabbarItem.js

@@ -1,58 +1,57 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "selected", "indicator", "text", "href", "Component", "disabled", "className"];
-import * as React from 'react';
-import { classNames, hasReactNode } from '@vkontakte/vkjs';
-import { usePlatform } from '../../hooks/usePlatform';
-import { Platform } from '../../lib/platform';
-import { COMMON_WARNINGS, warnOnce } from '../../lib/warnOnce';
-import { Tappable } from '../Tappable/Tappable';
-import { Footnote } from '../Typography/Footnote/Footnote';
-var warn = warnOnce('TabbarItem');
-
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import * as React from "react";
+import { classNames, hasReactNode } from "@vkontakte/vkjs";
+import { usePlatform } from "../../hooks/usePlatform";
+import { Platform } from "../../lib/platform";
+import { COMMON_WARNINGS, warnOnce } from "../../lib/warnOnce";
+import { Tappable } from "../Tappable/Tappable";
+import { Footnote } from "../Typography/Footnote/Footnote";
+var warn = warnOnce("TabbarItem");
 /**
  * @see https://vkcom.github.io/VKUI/#/TabbarItem
- */
-export 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 = _objectWithoutProperties(_ref, _excluded);
-  var platform = usePlatform();
-  if (process.env.NODE_ENV === 'development') {
-    var isAccessible = !text && (!restProps['aria-label'] || !restProps['aria-labelledby']);
-    if (!isAccessible) {
-      warn(COMMON_WARNINGS.a11y[Component === 'a' ? 'link-name' : 'button-name'], 'error');
+ */ export 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 = _object_without_properties(_param, [
+        "children",
+        "selected",
+        "indicator",
+        "text",
+        "href",
+        "Component",
+        "disabled",
+        "className"
+    ]);
+    var platform = usePlatform();
+    if (process.env.NODE_ENV === "development") {
+        var hasAccessibleName = text || restProps["aria-label"] || restProps["aria-labelledby"];
+        if (!hasAccessibleName) {
+            warn(COMMON_WARNINGS.a11y[Component === "a" ? "link-name" : "button-name"], "error");
+        }
     }
-  }
-  return /*#__PURE__*/React.createElement(Component, _extends({}, restProps, {
-    disabled: disabled,
-    href: href,
-    className: classNames("vkuiTabbarItem", platform === Platform.IOS && "vkuiTabbarItem--ios", platform === Platform.ANDROID && "vkuiTabbarItem--android", selected && "vkuiTabbarItem--selected", !!text && "vkuiTabbarItem--text", className)
-  }), /*#__PURE__*/React.createElement(Tappable, {
-    role: "presentation",
-    Component: "div",
-    disabled: disabled,
-    activeMode: platform === Platform.IOS ? "vkuiTabbarItem__tappable--active" : 'background',
-    activeEffectDelay: 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"
-  }, hasReactNode(indicator) && indicator)), text && /*#__PURE__*/React.createElement(Footnote, {
-    Component: "div",
-    className: "vkuiTabbarItem__text",
-    weight: "2"
-  }, text)));
+    return /*#__PURE__*/ React.createElement(Component, _object_spread_props(_object_spread({}, restProps), {
+        disabled: disabled,
+        href: href,
+        className: classNames("vkuiTabbarItem", platform === Platform.IOS && "vkuiTabbarItem--ios", platform === Platform.ANDROID && "vkuiTabbarItem--android", selected && "vkuiTabbarItem--selected", !!text && "vkuiTabbarItem--text", className)
+    }), /*#__PURE__*/ React.createElement(Tappable, {
+        role: "presentation",
+        Component: "div",
+        disabled: disabled,
+        activeMode: platform === Platform.IOS ? "vkuiTabbarItem__tappable--active" : "background",
+        activeEffectDelay: 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"
+    }, hasReactNode(indicator) && indicator)), text && /*#__PURE__*/ React.createElement(Footnote, {
+        Component: "div",
+        className: "vkuiTabbarItem__text",
+        weight: "2"
+    }, text)));
 };
+
 //# sourceMappingURL=TabbarItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TabbarItem.js","names":["React","classNames","hasReactNode","usePlatform","Platform","COMMON_WARNINGS","warnOnce","Tappable","Footnote","warn","TabbarItem","children","selected","indicator","text","href","Component","disabled","className","restProps","platform","process","env","NODE_ENV","isAccessible","a11y","IOS","ANDROID"],"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,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAC1D,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,eAAe,EAAEC,QAAQ,QAAQ,oBAAoB;AAE9D,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,QAAQ,QAAQ,iCAAiC;AAkB1D,IAAMC,IAAI,GAAGH,QAAQ,CAAC,YAAY,CAAC;;AAEnC;AACA;AACA;AACA,OAAO,IAAMI,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,GAAGjB,WAAW,EAAE;EAE9B,IAAIkB,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,EAAE;IAC1C,IAAMC,YAAY,GAAG,CAACV,IAAI,KAAK,CAACK,SAAS,CAAC,YAAY,CAAC,IAAI,CAACA,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAEzF,IAAI,CAACK,YAAY,EAAE;MACjBf,IAAI,CAACJ,eAAe,CAACoB,IAAI,CAACT,SAAS,KAAK,GAAG,GAAG,WAAW,GAAG,aAAa,CAAC,EAAE,OAAO,CAAC;IACtF;EACF;EAEA,oBACE,oBAAC,SAAS,eACJG,SAAS;IACb,QAAQ,EAAEF,QAAS;IACnB,IAAI,EAAEF,IAAK;IACX,SAAS,EAAEd,UAAU,mBAEnBmB,QAAQ,KAAKhB,QAAQ,CAACsB,GAAG,yBAA6B,EACtDN,QAAQ,KAAKhB,QAAQ,CAACuB,OAAO,6BAAiC,EAC9Df,QAAQ,8BAAkC,EAC1C,CAAC,CAACE,IAAI,0BAA8B,EACpCI,SAAS;EACT,iBAEF,oBAAC,QAAQ;IACP,IAAI,EAAC,cAAc;IACnB,SAAS,EAAC,KAAK;IACf,QAAQ,EAAED,QAAS;IACnB,UAAU,EACRG,QAAQ,KAAKhB,QAAQ,CAACsB,GAAG,wCAA4C,YACtE;IACD,iBAAiB,EAAEN,QAAQ,KAAKhB,QAAQ,CAACsB,GAAG,GAAG,CAAC,GAAG,GAAI;IACvD,QAAQ,EAAE,KAAM;IAChB,SAAS;EAAiC,EAC1C,eACF;IAAK,SAAS;EAA2B,gBACvC;IAAK,SAAS;EAA6B,GACxCf,QAAQ,eACT;IAAK,SAAS;EAA8B,GAAET,YAAY,CAACW,SAAS,CAAC,IAAIA,SAAS,CAAO,CACrF,EACLC,IAAI,iBACH,oBAAC,QAAQ;IAAC,SAAS,EAAC,KAAK;IAAC,SAAS,wBAA6B;IAAC,MAAM,EAAC;EAAG,GACxEA,IAAI,CAER,CACG,CACI;AAEhB,CAAC"}
+{"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 hasAccessibleName = text || restProps['aria-label'] || restProps['aria-labelledby'];\n\n    if (!hasAccessibleName) {\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":["React","classNames","hasReactNode","usePlatform","Platform","COMMON_WARNINGS","warnOnce","Tappable","Footnote","warn","TabbarItem","children","selected","indicator","text","href","Component","disabled","className","restProps","platform","process","env","NODE_ENV","hasAccessibleName","a11y","IOS","ANDROID","role","activeMode","activeEffectDelay","hasHover","div","weight"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAC3D,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,eAAe,EAAEC,QAAQ,QAAQ,qBAAqB;AAE/D,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,QAAQ,QAAQ,kCAAkC;AAkB3D,IAAMC,OAAOH,SAAS;AAEtB;;CAEC,GACD,OAAO,IAAMI,aAAa,iBAUH;QATrBC,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,WAAWjB;IAEjB,IAAIkB,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QAC1C,IAAMC,oBAAoBV,QAAQK,SAAS,CAAC,aAAa,IAAIA,SAAS,CAAC,kBAAkB;QAEzF,IAAI,CAACK,mBAAmB;YACtBf,KAAKJ,gBAAgBoB,IAAI,CAACT,cAAc,MAAM,cAAc,aAAa,CAAC,EAAE;QAC9E,CAAC;IACH,CAAC;IAED,qBACE,oBAACA,mDACKG;QACJF,UAAUA;QACVF,MAAMA;QACNG,WAAWjB,6BAETmB,aAAahB,SAASsB,GAAG,2BACzBN,aAAahB,SAASuB,OAAO,+BAC7Bf,wCACA,CAAC,CAACE,gCACFI;sBAGF,oBAACX;QACCqB,MAAK;QACLZ,WAAU;QACVC,UAAUA;QACVY,YACET,aAAahB,SAASsB,GAAG,wCAA4C,YAAY;QAEnFI,mBAAmBV,aAAahB,SAASsB,GAAG,GAAG,IAAI,GAAG;QACtDK,UAAU,KAAK;QACfb,SAAS;sBAEX,oBAACc;QAAId,SAAS;qBACZ,oBAACc;QAAId,SAAS;OACXP,wBACD,oBAACqB;QAAId,SAAS;OAAgChB,aAAaW,cAAcA,aAE1EC,sBACC,oBAACN;QAASQ,WAAU;QAAME,SAAS;QAA8Be,QAAO;OACrEnB;AAMb,EAAE"}