@vkontakte/vkui 5.2.4 → 5.3.1

package/dist/components/InputLike/InputLike.js

@@ -1,46 +1,50 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["value", "length", "index", "onElementSelect", "onClick", "onFocus", "getRootRef", "className"];
-import * as React from 'react';
-import { classNames } from '@vkontakte/vkjs';
-import { callMultiple } from '../../lib/callMultiple';
-import { stopPropagation } from '../../lib/utils';
+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 { callMultiple } from "../../lib/callMultiple";
+import { stopPropagation } from "../../lib/utils";
 var MASK_SYMBOL = String.fromCharCode(0x2007);
 function getMaskElements(length) {
-  var result = [];
-  for (var _index = 0; _index < length; _index += 1) {
-    result.push( /*#__PURE__*/React.createElement("span", {
-      key: _index,
-      className: "vkuiInputLike__mask"
-    }, MASK_SYMBOL));
-  }
-  return result;
+    var result = [];
+    for(var index = 0; index < length; index += 1){
+        result.push(/*#__PURE__*/ React.createElement("span", {
+            key: index,
+            className: "vkuiInputLike__mask"
+        }, MASK_SYMBOL));
+    }
+    return result;
 }
-export var InputLike = function InputLike(_ref) {
-  var _value$length;
-  var value = _ref.value,
-    length = _ref.length,
-    index = _ref.index,
-    onElementSelect = _ref.onElementSelect,
-    onClick = _ref.onClick,
-    onFocus = _ref.onFocus,
-    getRootRef = _ref.getRootRef,
-    className = _ref.className,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var handleElementSelect = React.useCallback(function (event) {
-    stopPropagation(event);
-    onElementSelect === null || onElementSelect === void 0 ? void 0 : onElementSelect(index);
-  }, [index, onElementSelect]);
-  return /*#__PURE__*/React.createElement("span", _extends({
-    className: classNames("vkuiInputLike", (value === null || value === void 0 ? void 0 : value.length) === length && "vkuiInputLike--full", className),
-    tabIndex: 0,
-    ref: getRootRef,
-    onClick: callMultiple(onClick, handleElementSelect),
-    onFocus: callMultiple(stopPropagation, onFocus)
-  }, props), value === null || value === void 0 ? void 0 : value.slice(0, length - 1), (value === null || value === void 0 ? void 0 : value.slice(length - 1)) && /*#__PURE__*/React.createElement("span", {
-    key: index,
-    className: "vkuiInputLike__last_character"
-  }, value.slice(length - 1)), getMaskElements(length - ((_value$length = value === null || value === void 0 ? void 0 : value.length) !== null && _value$length !== void 0 ? _value$length : 0)));
+export var InputLike = function(_param) {
+    var value = _param.value, length = _param.length, index = _param.index, onElementSelect = _param.onElementSelect, onClick = _param.onClick, onFocus = _param.onFocus, getRootRef = _param.getRootRef, className = _param.className, props = _object_without_properties(_param, [
+        "value",
+        "length",
+        "index",
+        "onElementSelect",
+        "onClick",
+        "onFocus",
+        "getRootRef",
+        "className"
+    ]);
+    var handleElementSelect = React.useCallback(function(event) {
+        stopPropagation(event);
+        onElementSelect === null || onElementSelect === void 0 ? void 0 : onElementSelect(index);
+    }, [
+        index,
+        onElementSelect
+    ]);
+    var _value_length;
+    return /*#__PURE__*/ React.createElement("span", _object_spread({
+        className: classNames("vkuiInputLike", (value === null || value === void 0 ? void 0 : value.length) === length && "vkuiInputLike--full", className),
+        tabIndex: 0,
+        ref: getRootRef,
+        onClick: callMultiple(onClick, handleElementSelect),
+        onFocus: callMultiple(stopPropagation, onFocus)
+    }, props), value === null || value === void 0 ? void 0 : value.slice(0, length - 1), (value === null || value === void 0 ? void 0 : value.slice(length - 1)) && /*#__PURE__*/ React.createElement("span", {
+        key: index,
+        className: "vkuiInputLike__last_character"
+    }, value.slice(length - 1)), getMaskElements(length - ((_value_length = value === null || value === void 0 ? void 0 : value.length) !== null && _value_length !== void 0 ? _value_length : 0)));
 };
-InputLike.displayName = 'InputLike';
+InputLike.displayName = "InputLike";
+
 //# sourceMappingURL=InputLike.js.map

package/dist/components/InputLike/InputLike.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputLike.js","names":["React","classNames","callMultiple","stopPropagation","MASK_SYMBOL","String","fromCharCode","getMaskElements","length","result","index","push","InputLike","value","onElementSelect","onClick","onFocus","getRootRef","className","props","handleElementSelect","useCallback","event","slice","displayName"],"sources":["../../../src/components/InputLike/InputLike.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { stopPropagation } from '../../lib/utils';\nimport { HasRootRef } from '../../types';\nimport styles from './InputLike.module.css';\n\nexport interface InputLikeProps\n  extends React.HTMLAttributes<HTMLSpanElement>,\n    HasRootRef<HTMLSpanElement> {\n  length: number;\n  index: number;\n  value?: string;\n  onElementSelect?(index: number): void;\n}\n\nconst MASK_SYMBOL = String.fromCharCode(0x2007);\n\nfunction getMaskElements(length: number) {\n  const result = [];\n  for (let index = 0; index < length; index += 1) {\n    result.push(\n      <span key={index} className={styles['InputLike__mask']}>\n        {MASK_SYMBOL}\n      </span>,\n    );\n  }\n  return result;\n}\n\nexport const InputLike = ({\n  value,\n  length,\n  index,\n  onElementSelect,\n  onClick,\n  onFocus,\n  getRootRef,\n  className,\n  ...props\n}: InputLikeProps) => {\n  const handleElementSelect = React.useCallback(\n    (event: React.MouseEvent<HTMLSpanElement>) => {\n      stopPropagation(event);\n      onElementSelect?.(index);\n    },\n    [index, onElementSelect],\n  );\n\n  return (\n    <span\n      className={classNames(\n        styles['InputLike'],\n        value?.length === length && styles[`InputLike--full`],\n        className,\n      )}\n      tabIndex={0}\n      ref={getRootRef}\n      onClick={callMultiple(onClick, handleElementSelect)}\n      onFocus={callMultiple(stopPropagation, onFocus)}\n      {...props}\n    >\n      {value?.slice(0, length - 1)}\n      {value?.slice(length - 1) && (\n        <span key={index} className={styles['InputLike__last_character']}>\n          {value.slice(length - 1)}\n        </span>\n      )}\n      {getMaskElements(length - (value?.length ?? 0))}\n    </span>\n  );\n};\n\nInputLike.displayName = 'InputLike';\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,YAAY,QAAQ,wBAAwB;AACrD,SAASC,eAAe,QAAQ,iBAAiB;AAajD,IAAMC,WAAW,GAAGC,MAAM,CAACC,YAAY,CAAC,MAAM,CAAC;AAE/C,SAASC,eAAe,CAACC,MAAc,EAAE;EACvC,IAAMC,MAAM,GAAG,EAAE;EACjB,KAAK,IAAIC,MAAK,GAAG,CAAC,EAAEA,MAAK,GAAGF,MAAM,EAAEE,MAAK,IAAI,CAAC,EAAE;IAC9CD,MAAM,CAACE,IAAI,eACT;MAAM,GAAG,EAAED,MAAM;MAAC,SAAS;IAA4B,GACpDN,WAAW,CACP,CACR;EACH;EACA,OAAOK,MAAM;AACf;AAEA,OAAO,IAAMG,SAAS,GAAG,SAAZA,SAAS,OAUA;EAAA;EAAA,IATpBC,KAAK,QAALA,KAAK;IACLL,MAAM,QAANA,MAAM;IACNE,KAAK,QAALA,KAAK;IACLI,eAAe,QAAfA,eAAe;IACfC,OAAO,QAAPA,OAAO;IACPC,OAAO,QAAPA,OAAO;IACPC,UAAU,QAAVA,UAAU;IACVC,SAAS,QAATA,SAAS;IACNC,KAAK;EAER,IAAMC,mBAAmB,GAAGpB,KAAK,CAACqB,WAAW,CAC3C,UAACC,KAAwC,EAAK;IAC5CnB,eAAe,CAACmB,KAAK,CAAC;IACtBR,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAGJ,KAAK,CAAC;EAC1B,CAAC,EACD,CAACA,KAAK,EAAEI,eAAe,CAAC,CACzB;EAED,oBACE;IACE,SAAS,EAAEb,UAAU,kBAEnB,CAAAY,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEL,MAAM,MAAKA,MAAM,yBAA6B,EACrDU,SAAS,CACT;IACF,QAAQ,EAAE,CAAE;IACZ,GAAG,EAAED,UAAW;IAChB,OAAO,EAAEf,YAAY,CAACa,OAAO,EAAEK,mBAAmB,CAAE;IACpD,OAAO,EAAElB,YAAY,CAACC,eAAe,EAAEa,OAAO;EAAE,GAC5CG,KAAK,GAERN,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEU,KAAK,CAAC,CAAC,EAAEf,MAAM,GAAG,CAAC,CAAC,EAC3B,CAAAK,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEU,KAAK,CAACf,MAAM,GAAG,CAAC,CAAC,kBACvB;IAAM,GAAG,EAAEE,KAAM;IAAC,SAAS;EAAsC,GAC9DG,KAAK,CAACU,KAAK,CAACf,MAAM,GAAG,CAAC,CAAC,CAE3B,EACAD,eAAe,CAACC,MAAM,qBAAIK,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEL,MAAM,yDAAI,CAAC,CAAC,CAAC,CAC1C;AAEX,CAAC;AAEDI,SAAS,CAACY,WAAW,GAAG,WAAW"}
+{"version":3,"sources":["../../../src/components/InputLike/InputLike.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { stopPropagation } from '../../lib/utils';\nimport { HasRootRef } from '../../types';\nimport styles from './InputLike.module.css';\n\nexport interface InputLikeProps\n  extends React.HTMLAttributes<HTMLSpanElement>,\n    HasRootRef<HTMLSpanElement> {\n  length: number;\n  index: number;\n  value?: string;\n  onElementSelect?(index: number): void;\n}\n\nconst MASK_SYMBOL = String.fromCharCode(0x2007);\n\nfunction getMaskElements(length: number) {\n  const result = [];\n  for (let index = 0; index < length; index += 1) {\n    result.push(\n      <span key={index} className={styles['InputLike__mask']}>\n        {MASK_SYMBOL}\n      </span>,\n    );\n  }\n  return result;\n}\n\nexport const InputLike = ({\n  value,\n  length,\n  index,\n  onElementSelect,\n  onClick,\n  onFocus,\n  getRootRef,\n  className,\n  ...props\n}: InputLikeProps) => {\n  const handleElementSelect = React.useCallback(\n    (event: React.MouseEvent<HTMLSpanElement>) => {\n      stopPropagation(event);\n      onElementSelect?.(index);\n    },\n    [index, onElementSelect],\n  );\n\n  return (\n    <span\n      className={classNames(\n        styles['InputLike'],\n        value?.length === length && styles['InputLike--full'],\n        className,\n      )}\n      tabIndex={0}\n      ref={getRootRef}\n      onClick={callMultiple(onClick, handleElementSelect)}\n      onFocus={callMultiple(stopPropagation, onFocus)}\n      {...props}\n    >\n      {value?.slice(0, length - 1)}\n      {value?.slice(length - 1) && (\n        <span key={index} className={styles['InputLike__last_character']}>\n          {value.slice(length - 1)}\n        </span>\n      )}\n      {getMaskElements(length - (value?.length ?? 0))}\n    </span>\n  );\n};\n\nInputLike.displayName = 'InputLike';\n"],"names":["React","classNames","callMultiple","stopPropagation","MASK_SYMBOL","String","fromCharCode","getMaskElements","length","result","index","push","span","key","className","InputLike","value","onElementSelect","onClick","onFocus","getRootRef","props","handleElementSelect","useCallback","event","tabIndex","ref","slice","displayName"],"mappings":";;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,eAAe,QAAQ,kBAAkB;AAalD,IAAMC,cAAcC,OAAOC,YAAY,CAAC;AAExC,SAASC,gBAAgBC,MAAc,EAAE;IACvC,IAAMC,SAAS,EAAE;IACjB,IAAK,IAAIC,QAAQ,GAAGA,QAAQF,QAAQE,SAAS,EAAG;QAC9CD,OAAOE,IAAI,eACT,oBAACC;YAAKC,KAAKH;YAAOI,SAAS;WACxBV;IAGP;IACA,OAAOK;AACT;AAEA,OAAO,IAAMM,YAAY,iBAUH;QATpBC,eAAAA,OACAR,gBAAAA,QACAE,eAAAA,OACAO,yBAAAA,iBACAC,iBAAAA,SACAC,iBAAAA,SACAC,oBAAAA,YACAN,mBAAAA,WACGO;QARHL;QACAR;QACAE;QACAO;QACAC;QACAC;QACAC;QACAN;;IAGA,IAAMQ,sBAAsBtB,MAAMuB,WAAW,CAC3C,SAACC,OAA6C;QAC5CrB,gBAAgBqB;QAChBP,4BAAAA,6BAAAA,KAAAA,IAAAA,gBAAkBP;IACpB,GACA;QAACA;QAAOO;KAAgB;QAsBKD;IAnB/B,qBACE,oBAACJ;QACCE,WAAWb,4BAETe,CAAAA,kBAAAA,mBAAAA,KAAAA,IAAAA,MAAOR,MAAM,AAAD,MAAMA,iCAClBM;QAEFW,UAAU;QACVC,KAAKN;QACLF,SAAShB,aAAagB,SAASI;QAC/BH,SAASjB,aAAaC,iBAAiBgB;OACnCE,QAEHL,kBAAAA,mBAAAA,KAAAA,IAAAA,MAAOW,KAAK,CAAC,GAAGnB,SAAS,IACzBQ,CAAAA,kBAAAA,mBAAAA,KAAAA,IAAAA,MAAOW,KAAK,CAACnB,SAAS,qBACrB,oBAACI;QAAKC,KAAKH;QAAOI,SAAS;OACxBE,MAAMW,KAAK,CAACnB,SAAS,KAGzBD,gBAAgBC,SAAUQ,CAAAA,CAAAA,gBAAAA,kBAAAA,mBAAAA,KAAAA,IAAAA,MAAOR,MAAM,cAAbQ,2BAAAA,gBAAiB,CAAC,AAAD;AAGlD,EAAE;AAEFD,UAAUa,WAAW,GAAG"}

package/dist/components/InputLike/InputLikeDivider.js

@@ -1,14 +1,15 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className"];
-import * as React from 'react';
-import { classNames } from '@vkontakte/vkjs';
-export var InputLikeDivider = function InputLikeDivider(_ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("span", _extends({
-    className: classNames("vkuiInputLikeDivider", className)
-  }, props), children);
+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";
+export var InputLikeDivider = function(_param) {
+    var children = _param.children, className = _param.className, props = _object_without_properties(_param, [
+        "children",
+        "className"
+    ]);
+    return /*#__PURE__*/ React.createElement("span", _object_spread({
+        className: classNames("vkuiInputLike__divider", className)
+    }, props), children);
 };
+
 //# sourceMappingURL=InputLikeDivider.js.map

package/dist/components/InputLike/InputLikeDivider.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputLikeDivider.js","names":["React","classNames","InputLikeDivider","children","className","props"],"sources":["../../../src/components/InputLike/InputLikeDivider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport styles from './InputLikeDivider.module.css';\n\nexport const InputLikeDivider = ({\n  children,\n  className,\n  ...props\n}: React.InputHTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span className={classNames(styles['InputLikeDivider'], className)} {...props}>\n      {children}\n    </span>\n  );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAG5C,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,OAIqB;EAAA,IAHhDC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACNC,KAAK;EAER,oBACE;IAAM,SAAS,EAAEJ,UAAU,yBAA6BG,SAAS;EAAE,GAAKC,KAAK,GAC1EF,QAAQ,CACJ;AAEX,CAAC"}
+{"version":3,"sources":["../../../src/components/InputLike/InputLikeDivider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport styles from './InputLike.module.css';\n\nexport const InputLikeDivider = ({\n  children,\n  className,\n  ...props\n}: React.InputHTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span className={classNames(styles['InputLike__divider'], className)} {...props}>\n      {children}\n    </span>\n  );\n};\n"],"names":["React","classNames","InputLikeDivider","children","className","props","span"],"mappings":";;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAG7C,OAAO,IAAMC,mBAAmB,iBAIkB;QAHhDC,kBAAAA,UACAC,mBAAAA,WACGC;QAFHF;QACAC;;IAGA,qBACE,oBAACE;QAAKF,WAAWH,qCAAyCG;OAAgBC,QACvEF;AAGP,EAAE"}

package/dist/components/Link/Link.js

@@ -1,24 +1,25 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["hasVisited", "children", "className"];
-import * as React from 'react';
-import { classNames } from '@vkontakte/vkjs';
-import { Tappable } from '../Tappable/Tappable';
+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 { Tappable } from "../Tappable/Tappable";
 /**
  * @see https://vkcom.github.io/VKUI/#/Link
- */
-export var Link = function Link(_ref) {
-  var hasVisited = _ref.hasVisited,
-    children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Tappable, _extends({
-    Component: restProps.href ? 'a' : 'button'
-  }, restProps, {
-    className: classNames("vkuiLink", hasVisited && "vkuiLink--has-visited", className),
-    hasHover: false,
-    activeMode: "opacity",
-    focusVisibleMode: "vkuiLink--focus-visible"
-  }), children);
+ */ export var Link = function(_param) {
+    var hasVisited = _param.hasVisited, children = _param.children, className = _param.className, restProps = _object_without_properties(_param, [
+        "hasVisited",
+        "children",
+        "className"
+    ]);
+    return /*#__PURE__*/ React.createElement(Tappable, _object_spread_props(_object_spread({
+        Component: restProps.href ? "a" : "button"
+    }, restProps), {
+        className: classNames("vkuiLink", hasVisited && "vkuiLink--has-visited", className),
+        hasHover: false,
+        activeMode: "opacity",
+        focusVisibleMode: "vkuiLink--focus-visible"
+    }), children);
 };
+
 //# sourceMappingURL=Link.js.map

package/dist/components/Link/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","names":["React","classNames","Tappable","Link","hasVisited","children","className","restProps","href"],"sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { Tappable, TappableProps } from '../Tappable/Tappable';\nimport styles from './Link.module.css';\n\nexport interface LinkProps extends TappableProps {\n  /**\n   * Включает состояние `visited`, которое позволяет пользователю понять посещал ли он ссылку или нет\n   */\n  hasVisited?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Link\n */\nexport const Link = ({ hasVisited, children, className, ...restProps }: LinkProps) => {\n  return (\n    <Tappable\n      Component={restProps.href ? 'a' : 'button'}\n      {...restProps}\n      className={classNames(styles['Link'], hasVisited && styles['Link--has-visited'], className)}\n      hasHover={false}\n      activeMode=\"opacity\"\n      focusVisibleMode={styles['Link--focus-visible']}\n    >\n      {children}\n    </Tappable>\n  );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,QAAQ,QAAuB,sBAAsB;AAU9D;AACA;AACA;AACA,OAAO,IAAMC,IAAI,GAAG,SAAPA,IAAI,OAAqE;EAAA,IAA/DC,UAAU,QAAVA,UAAU;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,SAAS,QAATA,SAAS;IAAKC,SAAS;EAClE,oBACE,oBAAC,QAAQ;IACP,SAAS,EAAEA,SAAS,CAACC,IAAI,GAAG,GAAG,GAAG;EAAS,GACvCD,SAAS;IACb,SAAS,EAAEN,UAAU,aAAiBG,UAAU,2BAA+B,EAAEE,SAAS,CAAE;IAC5F,QAAQ,EAAE,KAAM;IAChB,UAAU,EAAC,SAAS;IACpB,gBAAgB;EAAgC,IAE/CD,QAAQ,CACA;AAEf,CAAC"}
+{"version":3,"sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { Tappable, TappableProps } from '../Tappable/Tappable';\nimport styles from './Link.module.css';\n\nexport interface LinkProps extends TappableProps {\n  /**\n   * Включает состояние `visited`, которое позволяет пользователю понять посещал ли он ссылку или нет\n   */\n  hasVisited?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Link\n */\nexport const Link = ({ hasVisited, children, className, ...restProps }: LinkProps) => {\n  return (\n    <Tappable\n      Component={restProps.href ? 'a' : 'button'}\n      {...restProps}\n      className={classNames(styles['Link'], hasVisited && styles['Link--has-visited'], className)}\n      hasHover={false}\n      activeMode=\"opacity\"\n      focusVisibleMode={styles['Link--focus-visible']}\n    >\n      {children}\n    </Tappable>\n  );\n};\n"],"names":["React","classNames","Tappable","Link","hasVisited","children","className","restProps","Component","href","hasHover","activeMode","focusVisibleMode"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,QAAQ,QAAuB,uBAAuB;AAU/D;;CAEC,GACD,OAAO,IAAMC,OAAO,iBAAkE;QAA/DC,oBAAAA,YAAYC,kBAAAA,UAAUC,mBAAAA,WAAcC;QAApCH;QAAYC;QAAUC;;IAC3C,qBACE,oBAACJ;QACCM,WAAWD,UAAUE,IAAI,GAAG,MAAM,QAAQ;OACtCF;QACJD,WAAWL,uBAA2BG,uCAA2CE;QACjFI,UAAU,KAAK;QACfC,YAAW;QACXC,gBAAgB;QAEfP;AAGP,EAAE"}

package/dist/components/List/List.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare type ListProps = React.HTMLAttributes<HTMLDivElement>;
+export type ListProps = React.HTMLAttributes<HTMLDivElement>;
 /**
  * @see https://vkcom.github.io/VKUI/#/List
  */

package/dist/components/List/List.js

@@ -1,31 +1,29 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className"];
-import * as React from 'react';
-import { classNames } from '@vkontakte/vkjs';
-import { ListContext } from './ListContext';
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
+import * as React from "react";
+import { classNames } from "@vkontakte/vkjs";
+import { ListContext } from "./ListContext";
 /**
  * @see https://vkcom.github.io/VKUI/#/List
- */
-export var List = function List(_ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    isDragging = _React$useState2[0],
-    toggleDrag = _React$useState2[1];
-  return /*#__PURE__*/React.createElement("div", _extends({
-    role: "list"
-  }, restProps, {
-    className: classNames("vkuiList", isDragging && "vkuiList--dragging", className)
-  }), /*#__PURE__*/React.createElement(ListContext.Provider, {
-    value: React.useMemo(function () {
-      return {
-        toggleDrag: toggleDrag
-      };
-    }, [])
-  }, children));
+ */ export var List = function(_param) {
+    var children = _param.children, className = _param.className, restProps = _object_without_properties(_param, [
+        "children",
+        "className"
+    ]);
+    var _React_useState = _sliced_to_array(React.useState(false), 2), isDragging = _React_useState[0], toggleDrag = _React_useState[1];
+    return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({
+        role: "list"
+    }, restProps), {
+        className: classNames("vkuiList", isDragging && "vkuiInternalList--dragging", className)
+    }), /*#__PURE__*/ React.createElement(ListContext.Provider, {
+        value: React.useMemo(function() {
+            return {
+                toggleDrag: toggleDrag
+            };
+        }, [])
+    }, children));
 };
+
 //# sourceMappingURL=List.js.map

package/dist/components/List/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","names":["React","classNames","ListContext","List","children","className","restProps","useState","isDragging","toggleDrag","useMemo"],"sources":["../../../src/components/List/List.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { ListContext } from './ListContext';\nimport styles from './List.module.css';\n\nexport type ListProps = React.HTMLAttributes<HTMLDivElement>;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/List\n */\nexport const List = ({ children, className, ...restProps }: ListProps) => {\n  const [isDragging, toggleDrag] = React.useState(false);\n\n  return (\n    <div\n      role=\"list\"\n      {...restProps}\n      className={classNames(styles['List'], isDragging && styles['List--dragging'], className)}\n    >\n      <ListContext.Provider value={React.useMemo(() => ({ toggleDrag }), [])}>\n        {children}\n      </ListContext.Provider>\n    </div>\n  );\n};\n"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,WAAW,QAAQ,eAAe;AAK3C;AACA;AACA;AACA,OAAO,IAAMC,IAAI,GAAG,SAAPA,IAAI,OAAyD;EAAA,IAAnDC,QAAQ,QAARA,QAAQ;IAAEC,SAAS,QAATA,SAAS;IAAKC,SAAS;EACtD,sBAAiCN,KAAK,CAACO,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA/CC,UAAU;IAAEC,UAAU;EAE7B,oBACE;IACE,IAAI,EAAC;EAAM,GACPH,SAAS;IACb,SAAS,EAAEL,UAAU,aAAiBO,UAAU,wBAA4B,EAAEH,SAAS;EAAE,iBAEzF,oBAAC,WAAW,CAAC,QAAQ;IAAC,KAAK,EAAEL,KAAK,CAACU,OAAO,CAAC;MAAA,OAAO;QAAED,UAAU,EAAVA;MAAW,CAAC;IAAA,CAAC,EAAE,EAAE;EAAE,GACpEL,QAAQ,CACY,CACnB;AAEV,CAAC"}
+{"version":3,"sources":["../../../src/components/List/List.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { ListContext } from './ListContext';\nimport styles from './List.module.css';\n\nexport type ListProps = React.HTMLAttributes<HTMLDivElement>;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/List\n */\nexport const List = ({ children, className, ...restProps }: ListProps) => {\n  const [isDragging, toggleDrag] = React.useState(false);\n\n  return (\n    <div\n      role=\"list\"\n      {...restProps}\n      className={classNames(styles['List'], isDragging && 'vkuiInternalList--dragging', className)}\n    >\n      <ListContext.Provider value={React.useMemo(() => ({ toggleDrag }), [])}>\n        {children}\n      </ListContext.Provider>\n    </div>\n  );\n};\n"],"names":["React","classNames","ListContext","List","children","className","restProps","useState","isDragging","toggleDrag","div","role","Provider","value","useMemo"],"mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,WAAW,QAAQ,gBAAgB;AAK5C;;CAEC,GACD,OAAO,IAAMC,OAAO,iBAAsD;QAAnDC,kBAAAA,UAAUC,mBAAAA,WAAcC;QAAxBF;QAAUC;;IAC/B,IAAiCL,mCAAAA,MAAMO,QAAQ,CAAC,KAAK,OAA9CC,aAA0BR,oBAAdS,aAAcT;IAEjC,qBACE,oBAACU;QACCC,MAAK;OACDL;QACJD,WAAWJ,uBAA2BO,cAAc,8BAA8BH;sBAElF,oBAACH,YAAYU,QAAQ;QAACC,OAAOb,MAAMc,OAAO,CAAC;mBAAO;gBAAEL,YAAAA;YAAW;WAAI,EAAE;OAClEL;AAIT,EAAE"}

package/dist/components/List/ListContext.js

@@ -1,6 +1,7 @@
-import * as React from 'react';
-import { noop } from '@vkontakte/vkjs';
-export var ListContext = /*#__PURE__*/React.createContext({
-  toggleDrag: noop
+import * as React from "react";
+import { noop } from "@vkontakte/vkjs";
+export var ListContext = React.createContext({
+    toggleDrag: noop
 });
+
 //# sourceMappingURL=ListContext.js.map

package/dist/components/List/ListContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListContext.js","names":["React","noop","ListContext","createContext","toggleDrag"],"sources":["../../../src/components/List/ListContext.ts"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\n\nexport const ListContext = React.createContext({\n  toggleDrag: noop as (value: boolean) => void,\n});\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,iBAAiB;AAEtC,OAAO,IAAMC,WAAW,gBAAGF,KAAK,CAACG,aAAa,CAAC;EAC7CC,UAAU,EAAEH;AACd,CAAC,CAAC"}
+{"version":3,"sources":["../../../src/components/List/ListContext.ts"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\n\nexport const ListContext = React.createContext({\n  toggleDrag: noop as (value: boolean) => void,\n});\n"],"names":["React","noop","ListContext","createContext","toggleDrag"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,OAAO,IAAMC,cAAcF,MAAMG,aAAa,CAAC;IAC7CC,YAAYH;AACd,GAAG"}

package/dist/components/LocaleProvider/LocaleProvider.js

@@ -1,17 +1,16 @@
-import React from 'react';
-import { ConfigProviderOverride } from '../ConfigProvider/ConfigProviderOverride';
+import React from "react";
+import { ConfigProviderOverride } from "../ConfigProvider/ConfigProviderOverride";
 /**
  * Компонент, прокидывающий локаль. Список можно найти в
  * [реестре языковых подмёток IANA](https://www.iana.org/assignments/language-subtag-registry/language-subtag-registry)
  *
  * @version 5.0.0
  * @see https://vkcom.github.io/VKUI/#/LocaleProvider
- */
-export function LocaleProvider(_ref) {
-  var value = _ref.value,
-    children = _ref.children;
-  return /*#__PURE__*/React.createElement(ConfigProviderOverride, {
-    locale: value
-  }, children);
+ */ export function LocaleProvider(param) {
+    var value = param.value, children = param.children;
+    return /*#__PURE__*/ React.createElement(ConfigProviderOverride, {
+        locale: value
+    }, children);
 }
+
 //# sourceMappingURL=LocaleProvider.js.map

package/dist/components/LocaleProvider/LocaleProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"LocaleProvider.js","names":["React","ConfigProviderOverride","LocaleProvider","value","children"],"sources":["../../../src/components/LocaleProvider/LocaleProvider.tsx"],"sourcesContent":["import React from 'react';\nimport { ConfigProviderContextInterface } from '../ConfigProvider/ConfigProviderContext';\nimport { ConfigProviderOverride } from '../ConfigProvider/ConfigProviderOverride';\n\nexport interface LocaleProviderProps {\n  /**\n   * Строка с языковой меткой BCP 47\n   */\n  value: ConfigProviderContextInterface['locale'];\n  children: React.ReactNode;\n}\n\n/**\n * Компонент, прокидывающий локаль. Список можно найти в\n * [реестре языковых подмёток IANA](https://www.iana.org/assignments/language-subtag-registry/language-subtag-registry)\n *\n * @version 5.0.0\n * @see https://vkcom.github.io/VKUI/#/LocaleProvider\n */\nexport function LocaleProvider({ value, children }: LocaleProviderProps) {\n  return <ConfigProviderOverride locale={value}>{children}</ConfigProviderOverride>;\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,sBAAsB,QAAQ,0CAA0C;AAUjF;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,cAAc,OAA2C;EAAA,IAAxCC,KAAK,QAALA,KAAK;IAAEC,QAAQ,QAARA,QAAQ;EAC9C,oBAAO,oBAAC,sBAAsB;IAAC,MAAM,EAAED;EAAM,GAAEC,QAAQ,CAA0B;AACnF"}
+{"version":3,"sources":["../../../src/components/LocaleProvider/LocaleProvider.tsx"],"sourcesContent":["import React from 'react';\nimport { ConfigProviderContextInterface } from '../ConfigProvider/ConfigProviderContext';\nimport { ConfigProviderOverride } from '../ConfigProvider/ConfigProviderOverride';\n\nexport interface LocaleProviderProps {\n  /**\n   * Строка с языковой меткой BCP 47\n   */\n  value: ConfigProviderContextInterface['locale'];\n  children: React.ReactNode;\n}\n\n/**\n * Компонент, прокидывающий локаль. Список можно найти в\n * [реестре языковых подмёток IANA](https://www.iana.org/assignments/language-subtag-registry/language-subtag-registry)\n *\n * @version 5.0.0\n * @see https://vkcom.github.io/VKUI/#/LocaleProvider\n */\nexport function LocaleProvider({ value, children }: LocaleProviderProps) {\n  return <ConfigProviderOverride locale={value}>{children}</ConfigProviderOverride>;\n}\n"],"names":["React","ConfigProviderOverride","LocaleProvider","value","children","locale"],"mappings":"AAAA,OAAOA,WAAW,QAAQ;AAE1B,SAASC,sBAAsB,QAAQ,2CAA2C;AAUlF;;;;;;CAMC,GACD,OAAO,SAASC,eAAe,KAAwC,EAAE;QAAxCC,QAAF,MAAEA,OAAOC,WAAT,MAASA;IACtC,qBAAO,oBAACH;QAAuBI,QAAQF;OAAQC;AACjD,CAAC"}

package/dist/components/MiniInfoCell/MiniInfoCell.js

@@ -1,52 +1,50 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["before", "after", "children", "mode", "textWrap", "expandable", "className"];
-import * as React from 'react';
-import { Icon16Chevron } from '@vkontakte/icons';
-import { classNames, hasReactNode } from '@vkontakte/vkjs';
-import { Tappable } from '../Tappable/Tappable';
-import { Paragraph } from '../Typography/Paragraph/Paragraph';
+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 { Icon16Chevron } from "@vkontakte/icons";
+import { classNames, hasReactNode } from "@vkontakte/vkjs";
+import { Tappable } from "../Tappable/Tappable";
+import { Paragraph } from "../Typography/Paragraph/Paragraph";
 /**
  * @see https://vkcom.github.io/VKUI/#/MiniInfoCell
- */
-export var MiniInfoCell = function MiniInfoCell(_ref) {
-  var before = _ref.before,
-    after = _ref.after,
-    children = _ref.children,
-    _ref$mode = _ref.mode,
-    mode = _ref$mode === void 0 ? 'base' : _ref$mode,
-    _ref$textWrap = _ref.textWrap,
-    textWrap = _ref$textWrap === void 0 ? 'nowrap' : _ref$textWrap,
-    _ref$expandable = _ref.expandable,
-    expandable = _ref$expandable === void 0 ? false : _ref$expandable,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var cellClasses = classNames("vkuiMiniInfoCell", styles["MiniInfoCell--textWrap-".concat(textWrap)], mode !== 'base' && styles["MiniInfoCell--mode-".concat(mode)], className);
-  var cellContent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-    className: "vkuiMiniInfoCell__before"
-  }, before), /*#__PURE__*/React.createElement("div", {
-    className: "vkuiMiniInfoCell__middle"
-  }, /*#__PURE__*/React.createElement(Paragraph, {
-    className: "vkuiMiniInfoCell__content",
-    weight: mode === 'more' ? '2' : undefined
-  }, children), expandable && /*#__PURE__*/React.createElement(Icon16Chevron, null)), hasReactNode(after) && /*#__PURE__*/React.createElement("span", {
-    className: "vkuiMiniInfoCell__after"
-  }, after));
-  return restProps.onClick ? /*#__PURE__*/React.createElement(Tappable, _extends({
-    Component: "div",
-    role: "button"
-  }, restProps, {
-    className: cellClasses
-  }), cellContent) : /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
-    className: cellClasses
-  }), cellContent);
-};
-var styles = {
-  "MiniInfoCell--textWrap-short": "vkuiMiniInfoCell--textWrap-short",
-  "MiniInfoCell--textWrap-full": "vkuiMiniInfoCell--textWrap-full",
-  "MiniInfoCell--textWrap-nowrap": "vkuiMiniInfoCell--textWrap-nowrap",
-  "MiniInfoCell--mode-accent": "vkuiMiniInfoCell--mode-accent",
-  "MiniInfoCell--mode-add": "vkuiMiniInfoCell--mode-add",
-  "MiniInfoCell--mode-more": "vkuiMiniInfoCell--mode-more"
+ */ export var MiniInfoCell = function(_param) {
+    var before = _param.before, after = _param.after, children = _param.children, _param_mode = _param.mode, mode = _param_mode === void 0 ? "base" : _param_mode, _param_textWrap = _param.textWrap, textWrap = _param_textWrap === void 0 ? "nowrap" : _param_textWrap, _param_expandable = _param.expandable, expandable = _param_expandable === void 0 ? false : _param_expandable, className = _param.className, restProps = _object_without_properties(_param, [
+        "before",
+        "after",
+        "children",
+        "mode",
+        "textWrap",
+        "expandable",
+        "className"
+    ]);
+    var cellClasses = classNames("vkuiMiniInfoCell", {
+        nowrap: "vkuiMiniInfoCell--textWrap-nowrap",
+        full: "vkuiMiniInfoCell--textWrap-full",
+        short: "vkuiMiniInfoCell--textWrap-short"
+    }[textWrap], mode !== "base" && ({
+        add: "vkuiMiniInfoCell--mode-add",
+        accent: "vkuiMiniInfoCell--mode-accent",
+        more: "vkuiMiniInfoCell--mode-more"
+    })[mode], className);
+    var cellContent = /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("span", {
+        className: "vkuiMiniInfoCell__before"
+    }, before), /*#__PURE__*/ React.createElement("div", {
+        className: "vkuiMiniInfoCell__middle"
+    }, /*#__PURE__*/ React.createElement(Paragraph, {
+        className: "vkuiMiniInfoCell__content",
+        weight: mode === "more" ? "2" : undefined
+    }, children), expandable && /*#__PURE__*/ React.createElement(Icon16Chevron, null)), hasReactNode(after) && /*#__PURE__*/ React.createElement("span", {
+        className: "vkuiMiniInfoCell__after"
+    }, after));
+    return restProps.onClick ? /*#__PURE__*/ React.createElement(Tappable, _object_spread_props(_object_spread({
+        Component: "div",
+        role: "button"
+    }, restProps), {
+        className: cellClasses
+    }), cellContent) : /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({}, restProps), {
+        className: cellClasses
+    }), cellContent);
 };
+
 //# sourceMappingURL=MiniInfoCell.js.map

package/dist/components/MiniInfoCell/MiniInfoCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"MiniInfoCell.js","names":["React","Icon16Chevron","classNames","hasReactNode","Tappable","Paragraph","MiniInfoCell","before","after","children","mode","textWrap","expandable","className","restProps","cellClasses","styles","cellContent","undefined","onClick"],"sources":["../../../src/components/MiniInfoCell/MiniInfoCell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon16Chevron } from '@vkontakte/icons';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Paragraph } from '../Typography/Paragraph/Paragraph';\nimport styles from './MiniInfoCell.module.css';\n\nexport interface MiniInfoCellProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Иконка слева.<br />\n   * Рекомендуется использовать иконки размера 20.\n   */\n  before: React.ReactNode;\n\n  /**\n   * Содержимое справа.<br />\n   * `<UsersStack size=\"s\" />` или `<Avatar size={24} />`\n   */\n  after?: React.ReactNode;\n\n  /**\n   * Тип ячейки:\n   *\n   * - `base` – базовая ячейка с серой иконкой и серым текстом.<br />\n   * В компонент можно передать `Link`, чтобы визуально сделать часть текста ссылкой.\n   * - `add` – тип ячейки, который показывает, что взаимодействие с ней должно вызывать действие добавления чего-то.\n   * - `more` – взаимодействие с такой ячейкой должно открывать какую-то подробную информацию.\n   */\n  mode?: 'base' | 'accent' | 'add' | 'more';\n\n  /**\n   * Тип отображения текста:\n   *\n   * - `nowrap` – в одну строку, текст не переносится и обрезается.\n   * - `short` – максимально отображается 3 строки, остальное обрезается.\n   * - `full` – текст отображается полностью.\n   */\n  textWrap?: 'nowrap' | 'short' | 'full';\n\n  /**\n   * Передавать `true`, если предполагается переход при клике по ячейке.\n   */\n  expandable?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/MiniInfoCell\n */\nexport const MiniInfoCell = ({\n  before,\n  after,\n  children,\n  mode = 'base',\n  textWrap = 'nowrap',\n  expandable = false,\n  className,\n  ...restProps\n}: MiniInfoCellProps) => {\n  const cellClasses = classNames(\n    styles['MiniInfoCell'],\n    styles[`MiniInfoCell--textWrap-${textWrap}`],\n    mode !== 'base' && styles[`MiniInfoCell--mode-${mode}`],\n    className,\n  );\n\n  const cellContent = (\n    <React.Fragment>\n      <span className={styles['MiniInfoCell__before']}>{before}</span>\n      <div className={styles['MiniInfoCell__middle']}>\n        <Paragraph\n          className={styles['MiniInfoCell__content']}\n          weight={mode === 'more' ? '2' : undefined}\n        >\n          {children}\n        </Paragraph>\n        {expandable && <Icon16Chevron />}\n      </div>\n      {hasReactNode(after) && <span className={styles['MiniInfoCell__after']}>{after}</span>}\n    </React.Fragment>\n  );\n\n  return restProps.onClick ? (\n    <Tappable Component=\"div\" role=\"button\" {...restProps} className={cellClasses}>\n      {cellContent}\n    </Tappable>\n  ) : (\n    <div {...restProps} className={cellClasses}>\n      {cellContent}\n    </div>\n  );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,aAAa,QAAQ,kBAAkB;AAChD,SAASC,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAC1D,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,SAAS,QAAQ,mCAAmC;AAyC7D;AACA;AACA;AACA,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAY,OASA;EAAA,IARvBC,MAAM,QAANA,MAAM;IACNC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IAAA,iBACRC,IAAI;IAAJA,IAAI,0BAAG,MAAM;IAAA,qBACbC,QAAQ;IAARA,QAAQ,8BAAG,QAAQ;IAAA,uBACnBC,UAAU;IAAVA,UAAU,gCAAG,KAAK;IAClBC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,IAAMC,WAAW,GAAGb,UAAU,qBAE5Bc,MAAM,kCAA2BL,QAAQ,EAAG,EAC5CD,IAAI,KAAK,MAAM,IAAIM,MAAM,8BAAuBN,IAAI,EAAG,EACvDG,SAAS,CACV;EAED,IAAMI,WAAW,gBACf,oBAAC,KAAK,CAAC,QAAQ,qBACb;IAAM,SAAS;EAAiC,GAAEV,MAAM,CAAQ,eAChE;IAAK,SAAS;EAAiC,gBAC7C,oBAAC,SAAS;IACR,SAAS,6BAAkC;IAC3C,MAAM,EAAEG,IAAI,KAAK,MAAM,GAAG,GAAG,GAAGQ;EAAU,GAEzCT,QAAQ,CACC,EACXG,UAAU,iBAAI,oBAAC,aAAa,OAAG,CAC5B,EACLT,YAAY,CAACK,KAAK,CAAC,iBAAI;IAAM,SAAS;EAAgC,GAAEA,KAAK,CAAQ,CAEzF;EAED,OAAOM,SAAS,CAACK,OAAO,gBACtB,oBAAC,QAAQ;IAAC,SAAS,EAAC,KAAK;IAAC,IAAI,EAAC;EAAQ,GAAKL,SAAS;IAAE,SAAS,EAAEC;EAAY,IAC3EE,WAAW,CACH,gBAEX,wCAASH,SAAS;IAAE,SAAS,EAAEC;EAAY,IACxCE,WAAW,CAEf;AACH,CAAC;AAAC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA"}
+{"version":3,"sources":["../../../src/components/MiniInfoCell/MiniInfoCell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon16Chevron } from '@vkontakte/icons';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Paragraph } from '../Typography/Paragraph/Paragraph';\nimport styles from './MiniInfoCell.module.css';\n\nexport interface MiniInfoCellProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Иконка слева.<br />\n   * Рекомендуется использовать иконки размера 20.\n   */\n  before: React.ReactNode;\n\n  /**\n   * Содержимое справа.<br />\n   * `<UsersStack size=\"s\" />` или `<Avatar size={24} />`\n   */\n  after?: React.ReactNode;\n\n  /**\n   * Тип ячейки:\n   *\n   * - `base` – базовая ячейка с серой иконкой и серым текстом.<br />\n   * В компонент можно передать `Link`, чтобы визуально сделать часть текста ссылкой.\n   * - `add` – тип ячейки, который показывает, что взаимодействие с ней должно вызывать действие добавления чего-то.\n   * - `more` – взаимодействие с такой ячейкой должно открывать какую-то подробную информацию.\n   */\n  mode?: 'base' | 'accent' | 'add' | 'more';\n\n  /**\n   * Тип отображения текста:\n   *\n   * - `nowrap` – в одну строку, текст не переносится и обрезается.\n   * - `short` – максимально отображается 3 строки, остальное обрезается.\n   * - `full` – текст отображается полностью.\n   */\n  textWrap?: 'nowrap' | 'short' | 'full';\n\n  /**\n   * Передавать `true`, если предполагается переход при клике по ячейке.\n   */\n  expandable?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/MiniInfoCell\n */\nexport const MiniInfoCell = ({\n  before,\n  after,\n  children,\n  mode = 'base',\n  textWrap = 'nowrap',\n  expandable = false,\n  className,\n  ...restProps\n}: MiniInfoCellProps) => {\n  const cellClasses = classNames(\n    styles['MiniInfoCell'],\n    {\n      nowrap: styles['MiniInfoCell--textWrap-nowrap'],\n      full: styles['MiniInfoCell--textWrap-full'],\n      short: styles['MiniInfoCell--textWrap-short'],\n    }[textWrap],\n    mode !== 'base' &&\n      {\n        add: styles['MiniInfoCell--mode-add'],\n        accent: styles['MiniInfoCell--mode-accent'],\n        more: styles['MiniInfoCell--mode-more'],\n      }[mode],\n    className,\n  );\n\n  const cellContent = (\n    <React.Fragment>\n      <span className={styles['MiniInfoCell__before']}>{before}</span>\n      <div className={styles['MiniInfoCell__middle']}>\n        <Paragraph\n          className={styles['MiniInfoCell__content']}\n          weight={mode === 'more' ? '2' : undefined}\n        >\n          {children}\n        </Paragraph>\n        {expandable && <Icon16Chevron />}\n      </div>\n      {hasReactNode(after) && <span className={styles['MiniInfoCell__after']}>{after}</span>}\n    </React.Fragment>\n  );\n\n  return restProps.onClick ? (\n    <Tappable Component=\"div\" role=\"button\" {...restProps} className={cellClasses}>\n      {cellContent}\n    </Tappable>\n  ) : (\n    <div {...restProps} className={cellClasses}>\n      {cellContent}\n    </div>\n  );\n};\n"],"names":["React","Icon16Chevron","classNames","hasReactNode","Tappable","Paragraph","MiniInfoCell","before","after","children","mode","textWrap","expandable","className","restProps","cellClasses","nowrap","full","short","add","accent","more","cellContent","Fragment","span","div","weight","undefined","onClick","Component","role"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAC3D,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,SAAS,QAAQ,oCAAoC;AAyC9D;;CAEC,GACD,OAAO,IAAMC,eAAe,iBASH;QARvBC,gBAAAA,QACAC,eAAAA,OACAC,kBAAAA,+BACAC,MAAAA,gCAAO,+CACPC,UAAAA,wCAAW,uDACXC,YAAAA,4CAAa,KAAK,sBAClBC,mBAAAA,WACGC;QAPHP;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,IAAME,cAAcb,+BAElB;QACEc,MAAM;QACNC,IAAI;QACJC,KAAK;IACP,CAAC,CAACP,SAAS,EACXD,SAAS,UACP,CAAA;QACES,GAAG;QACHC,MAAM;QACNC,IAAI;IACN,CAAA,CAAC,CAACX,KAAK,EACTG;IAGF,IAAMS,4BACJ,oBAACtB,MAAMuB,QAAQ,sBACb,oBAACC;QAAKX,SAAS;OAAmCN,uBAClD,oBAACkB;QAAIZ,SAAS;qBACZ,oBAACR;QACCQ,SAAS;QACTa,QAAQhB,SAAS,SAAS,MAAMiB,SAAS;OAExClB,WAEFG,4BAAc,oBAACX,uBAEjBE,aAAaK,wBAAU,oBAACgB;QAAKX,SAAS;OAAkCL;IAI7E,OAAOM,UAAUc,OAAO,iBACtB,oBAACxB;QAASyB,WAAU;QAAMC,MAAK;OAAahB;QAAWD,WAAWE;QAC/DO,6BAGH,oBAACG,+CAAQX;QAAWD,WAAWE;QAC5BO,YAEJ;AACH,EAAE"}