@vkontakte/vkui 5.2.4 → 5.3.1

package/dist/components/Gallery/Gallery.js.map

@@ -1 +1 @@
-{"version":3,"file":"Gallery.js","names":["React","clamp","useTimeout","BaseGallery","Gallery","initialSlideIndex","children","timeout","onChange","bullets","props","useState","localSlideIndex","setSlideIndex","isControlled","slideIndex","isDraggable","Boolean","slides","useMemo","Children","toArray","filter","item","childCount","length","handleChange","useCallback","current","autoplay","useEffect","set","clear","safeSlideIndex"],"sources":["../../../src/components/Gallery/Gallery.tsx"],"sourcesContent":["import * as React from 'react';\nimport { clamp } from '../../helpers/math';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { BaseGallery } from '../BaseGallery/BaseGallery';\nimport { BaseGalleryProps } from '../BaseGallery/types';\n\nexport interface GalleryProps extends BaseGalleryProps {\n  initialSlideIndex?: number;\n  timeout?: number;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Gallery\n */\nexport const Gallery = ({\n  initialSlideIndex = 0,\n  children,\n  timeout = 0,\n  onChange,\n  bullets,\n  ...props\n}: GalleryProps) => {\n  const [localSlideIndex, setSlideIndex] = React.useState(initialSlideIndex);\n  const isControlled = typeof props.slideIndex === 'number';\n  const slideIndex = isControlled ? props.slideIndex ?? 0 : localSlideIndex;\n  const isDraggable = !isControlled || Boolean(onChange);\n  const slides = React.useMemo(\n    () => React.Children.toArray(children).filter((item) => Boolean(item)),\n    [children],\n  );\n  const childCount = slides.length;\n\n  const handleChange: GalleryProps['onChange'] = React.useCallback(\n    (current: number) => {\n      if (current === slideIndex) {\n        return;\n      }\n      !isControlled && setSlideIndex(current);\n      onChange && onChange(current);\n    },\n    [isControlled, onChange, slideIndex],\n  );\n\n  const autoplay = useTimeout(() => handleChange((slideIndex + 1) % childCount), timeout);\n  React.useEffect(\n    () => (timeout ? autoplay.set() : autoplay.clear()),\n    [timeout, slideIndex, autoplay],\n  );\n\n  // prevent invalid slideIndex\n  // any slide index is invalid with no slides, just keep it as is\n  const safeSlideIndex = childCount > 0 ? clamp(slideIndex, 0, childCount - 1) : slideIndex;\n  // notify parent in controlled mode\n  React.useEffect(() => {\n    if (onChange && safeSlideIndex !== slideIndex) {\n      onChange(safeSlideIndex);\n    }\n    setSlideIndex(safeSlideIndex);\n  }, [onChange, safeSlideIndex, slideIndex]);\n\n  return (\n    <BaseGallery\n      isDraggable={isDraggable}\n      {...props}\n      bullets={childCount > 0 && bullets}\n      slideIndex={safeSlideIndex}\n      onChange={handleChange}\n    >\n      {slides}\n    </BaseGallery>\n  );\n};\n"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,KAAK,QAAQ,oBAAoB;AAC1C,SAASC,UAAU,QAAQ,wBAAwB;AACnD,SAASC,WAAW,QAAQ,4BAA4B;AAQxD;AACA;AACA;AACA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAO,OAOA;EAAA;EAAA,iCANlBC,iBAAiB;IAAjBA,iBAAiB,sCAAG,CAAC;IACrBC,QAAQ,QAARA,QAAQ;IAAA,oBACRC,OAAO;IAAPA,OAAO,6BAAG,CAAC;IACXC,QAAQ,QAARA,QAAQ;IACRC,OAAO,QAAPA,OAAO;IACJC,KAAK;EAER,sBAAyCV,KAAK,CAACW,QAAQ,CAACN,iBAAiB,CAAC;IAAA;IAAnEO,eAAe;IAAEC,aAAa;EACrC,IAAMC,YAAY,GAAG,OAAOJ,KAAK,CAACK,UAAU,KAAK,QAAQ;EACzD,IAAMA,UAAU,GAAGD,YAAY,wBAAGJ,KAAK,CAACK,UAAU,iEAAI,CAAC,GAAGH,eAAe;EACzE,IAAMI,WAAW,GAAG,CAACF,YAAY,IAAIG,OAAO,CAACT,QAAQ,CAAC;EACtD,IAAMU,MAAM,GAAGlB,KAAK,CAACmB,OAAO,CAC1B;IAAA,OAAMnB,KAAK,CAACoB,QAAQ,CAACC,OAAO,CAACf,QAAQ,CAAC,CAACgB,MAAM,CAAC,UAACC,IAAI;MAAA,OAAKN,OAAO,CAACM,IAAI,CAAC;IAAA,EAAC;EAAA,GACtE,CAACjB,QAAQ,CAAC,CACX;EACD,IAAMkB,UAAU,GAAGN,MAAM,CAACO,MAAM;EAEhC,IAAMC,YAAsC,GAAG1B,KAAK,CAAC2B,WAAW,CAC9D,UAACC,OAAe,EAAK;IACnB,IAAIA,OAAO,KAAKb,UAAU,EAAE;MAC1B;IACF;IACA,CAACD,YAAY,IAAID,aAAa,CAACe,OAAO,CAAC;IACvCpB,QAAQ,IAAIA,QAAQ,CAACoB,OAAO,CAAC;EAC/B,CAAC,EACD,CAACd,YAAY,EAAEN,QAAQ,EAAEO,UAAU,CAAC,CACrC;EAED,IAAMc,QAAQ,GAAG3B,UAAU,CAAC;IAAA,OAAMwB,YAAY,CAAC,CAACX,UAAU,GAAG,CAAC,IAAIS,UAAU,CAAC;EAAA,GAAEjB,OAAO,CAAC;EACvFP,KAAK,CAAC8B,SAAS,CACb;IAAA,OAAOvB,OAAO,GAAGsB,QAAQ,CAACE,GAAG,EAAE,GAAGF,QAAQ,CAACG,KAAK,EAAE;EAAA,CAAC,EACnD,CAACzB,OAAO,EAAEQ,UAAU,EAAEc,QAAQ,CAAC,CAChC;;EAED;EACA;EACA,IAAMI,cAAc,GAAGT,UAAU,GAAG,CAAC,GAAGvB,KAAK,CAACc,UAAU,EAAE,CAAC,EAAES,UAAU,GAAG,CAAC,CAAC,GAAGT,UAAU;EACzF;EACAf,KAAK,CAAC8B,SAAS,CAAC,YAAM;IACpB,IAAItB,QAAQ,IAAIyB,cAAc,KAAKlB,UAAU,EAAE;MAC7CP,QAAQ,CAACyB,cAAc,CAAC;IAC1B;IACApB,aAAa,CAACoB,cAAc,CAAC;EAC/B,CAAC,EAAE,CAACzB,QAAQ,EAAEyB,cAAc,EAAElB,UAAU,CAAC,CAAC;EAE1C,oBACE,oBAAC,WAAW;IACV,WAAW,EAAEC;EAAY,GACrBN,KAAK;IACT,OAAO,EAAEc,UAAU,GAAG,CAAC,IAAIf,OAAQ;IACnC,UAAU,EAAEwB,cAAe;IAC3B,QAAQ,EAAEP;EAAa,IAEtBR,MAAM,CACK;AAElB,CAAC"}
+{"version":3,"sources":["../../../src/components/Gallery/Gallery.tsx"],"sourcesContent":["import * as React from 'react';\nimport { clamp } from '../../helpers/math';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { BaseGallery } from '../BaseGallery/BaseGallery';\nimport { BaseGalleryProps } from '../BaseGallery/types';\n\nexport interface GalleryProps extends BaseGalleryProps {\n  initialSlideIndex?: number;\n  timeout?: number;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Gallery\n */\nexport const Gallery = ({\n  initialSlideIndex = 0,\n  children,\n  timeout = 0,\n  onChange,\n  bullets,\n  ...props\n}: GalleryProps) => {\n  const [localSlideIndex, setSlideIndex] = React.useState(initialSlideIndex);\n  const isControlled = typeof props.slideIndex === 'number';\n  const slideIndex = isControlled ? props.slideIndex ?? 0 : localSlideIndex;\n  const isDraggable = !isControlled || Boolean(onChange);\n  const slides = React.useMemo(\n    () => React.Children.toArray(children).filter((item) => Boolean(item)),\n    [children],\n  );\n  const childCount = slides.length;\n\n  const handleChange: GalleryProps['onChange'] = React.useCallback(\n    (current: number) => {\n      if (current === slideIndex) {\n        return;\n      }\n      !isControlled && setSlideIndex(current);\n      onChange && onChange(current);\n    },\n    [isControlled, onChange, slideIndex],\n  );\n\n  const autoplay = useTimeout(() => handleChange((slideIndex + 1) % childCount), timeout);\n  React.useEffect(\n    () => (timeout ? autoplay.set() : autoplay.clear()),\n    [timeout, slideIndex, autoplay],\n  );\n\n  // prevent invalid slideIndex\n  // any slide index is invalid with no slides, just keep it as is\n  const safeSlideIndex = childCount > 0 ? clamp(slideIndex, 0, childCount - 1) : slideIndex;\n  // notify parent in controlled mode\n  React.useEffect(() => {\n    if (onChange && safeSlideIndex !== slideIndex) {\n      onChange(safeSlideIndex);\n    }\n    setSlideIndex(safeSlideIndex);\n  }, [onChange, safeSlideIndex, slideIndex]);\n\n  return (\n    <BaseGallery\n      isDraggable={isDraggable}\n      {...props}\n      bullets={childCount > 0 && bullets}\n      slideIndex={safeSlideIndex}\n      onChange={handleChange}\n    >\n      {slides}\n    </BaseGallery>\n  );\n};\n"],"names":["React","clamp","useTimeout","BaseGallery","Gallery","initialSlideIndex","children","timeout","onChange","bullets","props","useState","localSlideIndex","setSlideIndex","isControlled","slideIndex","isDraggable","Boolean","slides","useMemo","Children","toArray","filter","item","childCount","length","handleChange","useCallback","current","autoplay","useEffect","set","clear","safeSlideIndex"],"mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,KAAK,QAAQ,qBAAqB;AAC3C,SAASC,UAAU,QAAQ,yBAAyB;AACpD,SAASC,WAAW,QAAQ,6BAA6B;AAQzD;;CAEC,GACD,OAAO,IAAMC,UAAU,iBAOH;0CANlBC,mBAAAA,0DAAoB,8BACpBC,kBAAAA,kCACAC,SAAAA,sCAAU,oBACVC,kBAAAA,UACAC,iBAAAA,SACGC;QALHL;QACAC;QACAC;QACAC;QACAC;;IAGA,IAAyCT,mCAAAA,MAAMW,QAAQ,CAACN,wBAAjDO,kBAAkCZ,oBAAjBa,gBAAiBb;IACzC,IAAMc,eAAe,OAAOJ,MAAMK,UAAU,KAAK;QACfL;IAAlC,IAAMK,aAAaD,eAAeJ,CAAAA,oBAAAA,MAAMK,UAAU,cAAhBL,+BAAAA,oBAAoB,CAAC,GAAGE,eAAe;IACzE,IAAMI,cAAc,CAACF,gBAAgBG,QAAQT;IAC7C,IAAMU,SAASlB,MAAMmB,OAAO,CAC1B;eAAMnB,MAAMoB,QAAQ,CAACC,OAAO,CAACf,UAAUgB,MAAM,CAAC,SAACC;mBAASN,QAAQM;;OAChE;QAACjB;KAAS;IAEZ,IAAMkB,aAAaN,OAAOO,MAAM;IAEhC,IAAMC,eAAyC1B,MAAM2B,WAAW,CAC9D,SAACC,SAAoB;QACnB,IAAIA,YAAYb,YAAY;YAC1B;QACF,CAAC;QACD,CAACD,gBAAgBD,cAAce;QAC/BpB,YAAYA,SAASoB;IACvB,GACA;QAACd;QAAcN;QAAUO;KAAW;IAGtC,IAAMc,WAAW3B,WAAW;eAAMwB,aAAa,AAACX,CAAAA,aAAa,CAAA,IAAKS;OAAajB;IAC/EP,MAAM8B,SAAS,CACb;eAAOvB,UAAUsB,SAASE,GAAG,KAAKF,SAASG,KAAK,EAAE;OAClD;QAACzB;QAASQ;QAAYc;KAAS;IAGjC,6BAA6B;IAC7B,gEAAgE;IAChE,IAAMI,iBAAiBT,aAAa,IAAIvB,MAAMc,YAAY,GAAGS,aAAa,KAAKT,UAAU;IACzF,mCAAmC;IACnCf,MAAM8B,SAAS,CAAC,WAAM;QACpB,IAAItB,YAAYyB,mBAAmBlB,YAAY;YAC7CP,SAASyB;QACX,CAAC;QACDpB,cAAcoB;IAChB,GAAG;QAACzB;QAAUyB;QAAgBlB;KAAW;IAEzC,qBACE,oBAACZ;QACCa,aAAaA;OACTN;QACJD,SAASe,aAAa,KAAKf;QAC3BM,YAAYkB;QACZzB,UAAUkB;QAETR;AAGP,EAAE"}

package/dist/components/Gradient/Gradient.js

@@ -1,30 +1,29 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["mode", "children", "to", "className"];
-import * as React from 'react';
-import { classNames } from '@vkontakte/vkjs';
+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";
 /**
  * @see https://vkcom.github.io/VKUI/#/Gradient
- */
-export var Gradient = function Gradient(_ref) {
-  var _ref$mode = _ref.mode,
-    mode = _ref$mode === void 0 ? 'tint' : _ref$mode,
-    children = _ref.children,
-    _ref$to = _ref.to,
-    to = _ref$to === void 0 ? 'top' : _ref$to,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    role: "presentation"
-  }, restProps, {
-    className: classNames("vkuiGradient", styles["Gradient--mode-".concat(mode)], styles["Gradient--to-".concat(to)], className)
-  }), children);
-};
-var styles = {
-  "Gradient--mode-tint": "vkuiGradient--mode-tint",
-  "Gradient--mode-white": "vkuiGradient--mode-white",
-  "Gradient--mode-black": "vkuiGradient--mode-black",
-  "Gradient--to-top": "vkuiGradient--to-top",
-  "Gradient--to-bottom": "vkuiGradient--to-bottom"
+ */ export var Gradient = function(_param) {
+    var _param_mode = _param.mode, mode = _param_mode === void 0 ? "tint" : _param_mode, children = _param.children, _param_to = _param.to, to = _param_to === void 0 ? "top" : _param_to, className = _param.className, restProps = _object_without_properties(_param, [
+        "mode",
+        "children",
+        "to",
+        "className"
+    ]);
+    return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({
+        role: "presentation"
+    }, restProps), {
+        className: classNames({
+            tint: "vkuiGradient--mode-tint",
+            black: "vkuiGradient--mode-black",
+            white: "vkuiGradient--mode-white"
+        }[mode], {
+            top: "vkuiGradient--to-top",
+            bottom: "vkuiGradient--to-bottom"
+        }[to], className)
+    }), children);
 };
+
 //# sourceMappingURL=Gradient.js.map

package/dist/components/Gradient/Gradient.js.map

@@ -1 +1 @@
-{"version":3,"file":"Gradient.js","names":["React","classNames","Gradient","mode","children","to","className","restProps","styles"],"sources":["../../../src/components/Gradient/Gradient.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport styles from './Gradient.module.css';\n\nexport interface GradientProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Тип градиента\n   */\n  mode?: 'tint' | 'white' | 'black';\n  /**\n   * Направление градиента\n   */\n  to?: 'top' | 'bottom';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Gradient\n */\nexport const Gradient = ({\n  mode = 'tint',\n  children,\n  to = 'top',\n  className,\n  ...restProps\n}: GradientProps) => {\n  return (\n    <div\n      role=\"presentation\"\n      {...restProps}\n      className={classNames(\n        styles['Gradient'],\n        styles[`Gradient--mode-${mode}`],\n        styles[`Gradient--to-${to}`],\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAc5C;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,GAAG,SAAXA,QAAQ,OAMA;EAAA,qBALnBC,IAAI;IAAJA,IAAI,0BAAG,MAAM;IACbC,QAAQ,QAARA,QAAQ;IAAA,eACRC,EAAE;IAAFA,EAAE,wBAAG,KAAK;IACVC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,oBACE;IACE,IAAI,EAAC;EAAc,GACfA,SAAS;IACb,SAAS,EAAEN,UAAU,iBAEnBO,MAAM,0BAAmBL,IAAI,EAAG,EAChCK,MAAM,wBAAiBH,EAAE,EAAG,EAC5BC,SAAS;EACT,IAEDF,QAAQ,CACL;AAEV,CAAC;AAAC;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA"}
+{"version":3,"sources":["../../../src/components/Gradient/Gradient.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport styles from './Gradient.module.css';\n\nexport interface GradientProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Тип градиента\n   */\n  mode?: 'tint' | 'white' | 'black';\n  /**\n   * Направление градиента\n   */\n  to?: 'top' | 'bottom';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Gradient\n */\nexport const Gradient = ({\n  mode = 'tint',\n  children,\n  to = 'top',\n  className,\n  ...restProps\n}: GradientProps) => {\n  return (\n    <div\n      role=\"presentation\"\n      {...restProps}\n      className={classNames(\n        {\n          tint: styles['Gradient--mode-tint'],\n          black: styles['Gradient--mode-black'],\n          white: styles['Gradient--mode-white'],\n        }[mode],\n        {\n          top: styles['Gradient--to-top'],\n          bottom: styles['Gradient--to-bottom'],\n        }[to],\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":["React","classNames","Gradient","mode","children","to","className","restProps","div","role","tint","black","white","top","bottom"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAc7C;;CAEC,GACD,OAAO,IAAMC,WAAW,iBAMH;6BALnBC,MAAAA,gCAAO,sBACPC,kBAAAA,6BACAC,IAAAA,4BAAK,mBACLC,mBAAAA,WACGC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,qBACE,oBAACE;QACCC,MAAK;OACDF;QACJD,WAAWL,WACT;YACES,IAAI;YACJC,KAAK;YACLC,KAAK;QACP,CAAC,CAACT,KAAK,EACP;YACEU,GAAG;YACHC,MAAM;QACR,CAAC,CAACT,GAAG,EACLC;QAGDF;AAGP,EAAE"}

package/dist/components/GridAvatar/GridAvatar.js

@@ -1,46 +1,44 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["src", "size", "className", "children"];
-import * as React from 'react';
-import { classNames } from '@vkontakte/vkjs';
-import { warnOnce } from '../../lib/warnOnce';
-import { ImageBase } from '../ImageBase/ImageBase';
-import { GridAvatarBadge } from './GridAvatarBadge/GridAvatarBadge';
+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 { warnOnce } from "../../lib/warnOnce";
+import { ImageBase } from "../ImageBase/ImageBase";
+import { GridAvatarBadge } from "./GridAvatarBadge/GridAvatarBadge";
 export var GRID_AVATAR_DEFAULT_SIZE = 48;
 export var MAX_GRID_LENGTH = 4;
-var warn = warnOnce('GridAvatar');
-
+var warn = warnOnce("GridAvatar");
 /**
  * @see https://vkcom.github.io/VKUI/#/GridAvatar
- */
-export var GridAvatar = function GridAvatar(_ref) {
-  var _ref$src = _ref.src,
-    src = _ref$src === void 0 ? [] : _ref$src,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? GRID_AVATAR_DEFAULT_SIZE : _ref$size,
-    className = _ref.className,
-    children = _ref.children,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  if (process.env.NODE_ENV === 'development') {
-    if (src.length > MAX_GRID_LENGTH) {
-      warn("\u0414\u043B\u0438\u043D\u0430 \u043C\u0430\u0441\u0441\u0438\u0432\u0430 src (".concat(src.length, ") \u0431\u043E\u043B\u044C\u0448\u0435 \u043C\u0430\u043A\u0441\u0438\u043C\u0430\u043B\u044C\u043D\u043E\u0439 (").concat(MAX_GRID_LENGTH, ")"), 'error');
+ */ export var GridAvatar = function(_param) {
+    var _param_src = _param.src, src = _param_src === void 0 ? [] : _param_src, _param_size = _param.size, size = _param_size === void 0 ? GRID_AVATAR_DEFAULT_SIZE : _param_size, className = _param.className, children = _param.children, restProps = _object_without_properties(_param, [
+        "src",
+        "size",
+        "className",
+        "children"
+    ]);
+    if (process.env.NODE_ENV === "development") {
+        if (src.length > MAX_GRID_LENGTH) {
+            warn("Длина массива src (".concat(src.length, ") больше максимальной (").concat(MAX_GRID_LENGTH, ")"), "error");
+        }
     }
-  }
-  return /*#__PURE__*/React.createElement(ImageBase, _extends({}, restProps, {
-    size: size,
-    className: classNames("vkuiGridAvatar", className)
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "vkuiGridAvatar__in",
-    "aria-hidden": true
-  }, src.map(function (url, index) {
-    return index < MAX_GRID_LENGTH ? /*#__PURE__*/React.createElement("div", {
-      key: url,
-      className: "vkuiGridAvatar__item",
-      style: {
-        backgroundImage: "url(".concat(url, ")")
-      }
-    }) : null;
-  })), children);
+    return /*#__PURE__*/ React.createElement(ImageBase, _object_spread_props(_object_spread({}, restProps), {
+        size: size,
+        className: classNames("vkuiGridAvatar", className)
+    }), /*#__PURE__*/ React.createElement("div", {
+        className: "vkuiGridAvatar__in",
+        "aria-hidden": true
+    }, src.map(function(url, index) {
+        return index < MAX_GRID_LENGTH ? /*#__PURE__*/ React.createElement("div", {
+            key: url,
+            className: "vkuiGridAvatar__item",
+            style: {
+                backgroundImage: "url(".concat(url, ")")
+            }
+        }) : null;
+    })), children);
 };
 GridAvatar.Badge = GridAvatarBadge;
+
 //# sourceMappingURL=GridAvatar.js.map

package/dist/components/GridAvatar/GridAvatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridAvatar.js","names":["React","classNames","warnOnce","ImageBase","GridAvatarBadge","GRID_AVATAR_DEFAULT_SIZE","MAX_GRID_LENGTH","warn","GridAvatar","src","size","className","children","restProps","process","env","NODE_ENV","length","map","url","index","backgroundImage","Badge"],"sources":["../../../src/components/GridAvatar/GridAvatar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { ImageBase, type ImageBaseProps } from '../ImageBase/ImageBase';\nimport { GridAvatarBadge, type GridAvatarBadgeProps } from './GridAvatarBadge/GridAvatarBadge';\nimport styles from './GridAvatar.module.css';\n\nexport { GridAvatarBadgeProps };\n\nexport const GRID_AVATAR_DEFAULT_SIZE = 48;\n\nexport const MAX_GRID_LENGTH = 4;\n\nexport interface GridAvatarProps extends Omit<ImageBaseProps, 'src' | 'fallbackIcon'> {\n  /**\n   * Массив со ссылками. От 1 до 4 элементов.\n   */\n  src?: string[];\n}\n\nconst warn = warnOnce('GridAvatar');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/GridAvatar\n */\nexport const GridAvatar = ({\n  src = [],\n  size = GRID_AVATAR_DEFAULT_SIZE,\n  className,\n  children,\n  ...restProps\n}: GridAvatarProps) => {\n  if (process.env.NODE_ENV === 'development') {\n    if (src.length > MAX_GRID_LENGTH) {\n      warn(`Длина массива src (${src.length}) больше максимальной (${MAX_GRID_LENGTH})`, 'error');\n    }\n  }\n\n  return (\n    <ImageBase {...restProps} size={size} className={classNames(styles['GridAvatar'], className)}>\n      <div className={styles['GridAvatar__in']} aria-hidden>\n        {src.map((url, index) =>\n          index < MAX_GRID_LENGTH ? (\n            <div\n              key={url}\n              className={styles['GridAvatar__item']}\n              style={{ backgroundImage: `url(${url})` }}\n            />\n          ) : null,\n        )}\n      </div>\n      {children}\n    </ImageBase>\n  );\n};\n\nGridAvatar.Badge = GridAvatarBadge;\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,SAAS,QAA6B,wBAAwB;AACvE,SAASC,eAAe,QAAmC,mCAAmC;AAK9F,OAAO,IAAMC,wBAAwB,GAAG,EAAE;AAE1C,OAAO,IAAMC,eAAe,GAAG,CAAC;AAShC,IAAMC,IAAI,GAAGL,QAAQ,CAAC,YAAY,CAAC;;AAEnC;AACA;AACA;AACA,OAAO,IAAMM,UAAU,GAAG,SAAbA,UAAU,OAMA;EAAA,oBALrBC,GAAG;IAAHA,GAAG,yBAAG,EAAE;IAAA,iBACRC,IAAI;IAAJA,IAAI,0BAAGL,wBAAwB;IAC/BM,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IACLC,SAAS;EAEZ,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,EAAE;IAC1C,IAAIP,GAAG,CAACQ,MAAM,GAAGX,eAAe,EAAE;MAChCC,IAAI,0FAAuBE,GAAG,CAACQ,MAAM,8HAA0BX,eAAe,QAAK,OAAO,CAAC;IAC7F;EACF;EAEA,oBACE,oBAAC,SAAS,eAAKO,SAAS;IAAE,IAAI,EAAEH,IAAK;IAAC,SAAS,EAAET,UAAU,mBAAuBU,SAAS;EAAE,iBAC3F;IAAK,SAAS,sBAA2B;IAAC;EAAW,GAClDF,GAAG,CAACS,GAAG,CAAC,UAACC,GAAG,EAAEC,KAAK;IAAA,OAClBA,KAAK,GAAGd,eAAe,gBACrB;MACE,GAAG,EAAEa,GAAI;MACT,SAAS,wBAA6B;MACtC,KAAK,EAAE;QAAEE,eAAe,gBAASF,GAAG;MAAI;IAAE,EAC1C,GACA,IAAI;EAAA,EACT,CACG,EACLP,QAAQ,CACC;AAEhB,CAAC;AAEDJ,UAAU,CAACc,KAAK,GAAGlB,eAAe"}
+{"version":3,"sources":["../../../src/components/GridAvatar/GridAvatar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { ImageBase, type ImageBaseProps } from '../ImageBase/ImageBase';\nimport { GridAvatarBadge, type GridAvatarBadgeProps } from './GridAvatarBadge/GridAvatarBadge';\nimport styles from './GridAvatar.module.css';\n\nexport { GridAvatarBadgeProps };\n\nexport const GRID_AVATAR_DEFAULT_SIZE = 48;\n\nexport const MAX_GRID_LENGTH = 4;\n\nexport interface GridAvatarProps extends Omit<ImageBaseProps, 'src' | 'fallbackIcon'> {\n  /**\n   * Массив со ссылками. От 1 до 4 элементов.\n   */\n  src?: string[];\n}\n\nconst warn = warnOnce('GridAvatar');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/GridAvatar\n */\nexport const GridAvatar = ({\n  src = [],\n  size = GRID_AVATAR_DEFAULT_SIZE,\n  className,\n  children,\n  ...restProps\n}: GridAvatarProps) => {\n  if (process.env.NODE_ENV === 'development') {\n    if (src.length > MAX_GRID_LENGTH) {\n      warn(`Длина массива src (${src.length}) больше максимальной (${MAX_GRID_LENGTH})`, 'error');\n    }\n  }\n\n  return (\n    <ImageBase {...restProps} size={size} className={classNames(styles['GridAvatar'], className)}>\n      <div className={styles['GridAvatar__in']} aria-hidden>\n        {src.map((url, index) =>\n          index < MAX_GRID_LENGTH ? (\n            <div\n              key={url}\n              className={styles['GridAvatar__item']}\n              style={{ backgroundImage: `url(${url})` }}\n            />\n          ) : null,\n        )}\n      </div>\n      {children}\n    </ImageBase>\n  );\n};\n\nGridAvatar.Badge = GridAvatarBadge;\n"],"names":["React","classNames","warnOnce","ImageBase","GridAvatarBadge","GRID_AVATAR_DEFAULT_SIZE","MAX_GRID_LENGTH","warn","GridAvatar","src","size","className","children","restProps","process","env","NODE_ENV","length","div","aria-hidden","map","url","index","key","style","backgroundImage","Badge"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,SAAS,QAA6B,yBAAyB;AACxE,SAASC,eAAe,QAAmC,oCAAoC;AAK/F,OAAO,IAAMC,2BAA2B,GAAG;AAE3C,OAAO,IAAMC,kBAAkB,EAAE;AASjC,IAAMC,OAAOL,SAAS;AAEtB;;CAEC,GACD,OAAO,IAAMM,aAAa,iBAMH;4BALrBC,KAAAA,8BAAM,EAAE,oCACRC,MAAAA,gCAAOL,wCACPM,mBAAAA,WACAC,kBAAAA,UACGC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,IAAIE,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QAC1C,IAAIP,IAAIQ,MAAM,GAAGX,iBAAiB;YAChCC,KAAK,AAAC,sBAAyDD,OAApCG,IAAIQ,MAAM,EAAC,2BAAyC,OAAhBX,iBAAgB,MAAI;QACrF,CAAC;IACH,CAAC;IAED,qBACE,oBAACH,mDAAcU;QAAWH,MAAMA;QAAMC,WAAWV,6BAAiCU;sBAChF,oBAACO;QAAIP,SAAS;QAA4BQ,eAAAA,IAAW;OAClDV,IAAIW,GAAG,CAAC,SAACC,KAAKC;eACbA,QAAQhB,gCACN,oBAACY;YACCK,KAAKF;YACLV,SAAS;YACTa,OAAO;gBAAEC,iBAAiB,AAAC,OAAU,OAAJJ,KAAI;YAAG;aAExC,IAAI;SAGXT;AAGP,EAAE;AAEFJ,WAAWkB,KAAK,GAAGtB"}

package/dist/components/GridAvatar/GridAvatarBadge/GridAvatarBadge.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { type ImageBaseBadgeProps } from '../../ImageBase/ImageBase';
-export declare type GridAvatarBadgeProps = ImageBaseBadgeProps;
+export type GridAvatarBadgeProps = ImageBaseBadgeProps;
 export declare const GridAvatarBadge: ({ className, ...restProps }: GridAvatarBadgeProps) => JSX.Element;

package/dist/components/GridAvatar/GridAvatarBadge/GridAvatarBadge.js

@@ -1,16 +1,17 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className"];
-import * as React from 'react';
-import { classNames } from '@vkontakte/vkjs';
-import { ImageBase, ImageBaseContext } from '../../ImageBase/ImageBase';
-export var GridAvatarBadge = function GridAvatarBadge(_ref) {
-  var className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var _React$useContext = React.useContext(ImageBaseContext),
-    size = _React$useContext.size;
-  return /*#__PURE__*/React.createElement(ImageBase.Badge, _extends({}, restProps, {
-    className: classNames("vkuiGridAvatarBadge", size < 96 && "vkuiGridAvatarBadge--shifted", className)
-  }));
+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 { ImageBase, ImageBaseContext } from "../../ImageBase/ImageBase";
+export var GridAvatarBadge = function(_param) {
+    var className = _param.className, restProps = _object_without_properties(_param, [
+        "className"
+    ]);
+    var size = React.useContext(ImageBaseContext).size;
+    return /*#__PURE__*/ React.createElement(ImageBase.Badge, _object_spread_props(_object_spread({}, restProps), {
+        className: classNames("vkuiGridAvatarBadge", size < 96 && "vkuiGridAvatarBadge--shifted", className)
+    }));
 };
+
 //# sourceMappingURL=GridAvatarBadge.js.map

package/dist/components/GridAvatar/GridAvatarBadge/GridAvatarBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridAvatarBadge.js","names":["React","classNames","ImageBase","ImageBaseContext","GridAvatarBadge","className","restProps","useContext","size"],"sources":["../../../../src/components/GridAvatar/GridAvatarBadge/GridAvatarBadge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { ImageBase, type ImageBaseBadgeProps, ImageBaseContext } from '../../ImageBase/ImageBase';\nimport styles from './GridAvatarBadge.module.css';\n\nexport type GridAvatarBadgeProps = ImageBaseBadgeProps;\n\nexport const GridAvatarBadge = ({ className, ...restProps }: GridAvatarBadgeProps) => {\n  const { size } = React.useContext(ImageBaseContext);\n  return (\n    <ImageBase.Badge\n      {...restProps}\n      className={classNames(\n        styles['GridAvatarBadge'],\n        size < 96 && styles['GridAvatarBadge--shifted'],\n        className,\n      )}\n    />\n  );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,SAAS,EAA4BC,gBAAgB,QAAQ,2BAA2B;AAKjG,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAe,OAA0D;EAAA,IAApDC,SAAS,QAATA,SAAS;IAAKC,SAAS;EACvD,wBAAiBN,KAAK,CAACO,UAAU,CAACJ,gBAAgB,CAAC;IAA3CK,IAAI,qBAAJA,IAAI;EACZ,oBACE,oBAAC,SAAS,CAAC,KAAK,eACVF,SAAS;IACb,SAAS,EAAEL,UAAU,wBAEnBO,IAAI,GAAG,EAAE,kCAAsC,EAC/CH,SAAS;EACT,GACF;AAEN,CAAC"}
+{"version":3,"sources":["../../../../src/components/GridAvatar/GridAvatarBadge/GridAvatarBadge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { ImageBase, type ImageBaseBadgeProps, ImageBaseContext } from '../../ImageBase/ImageBase';\nimport styles from './GridAvatarBadge.module.css';\n\nexport type GridAvatarBadgeProps = ImageBaseBadgeProps;\n\nexport const GridAvatarBadge = ({ className, ...restProps }: GridAvatarBadgeProps) => {\n  const { size } = React.useContext(ImageBaseContext);\n  return (\n    <ImageBase.Badge\n      {...restProps}\n      className={classNames(\n        styles['GridAvatarBadge'],\n        size < 96 && styles['GridAvatarBadge--shifted'],\n        className,\n      )}\n    />\n  );\n};\n"],"names":["React","classNames","ImageBase","ImageBaseContext","GridAvatarBadge","className","restProps","size","useContext","Badge"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,SAAS,EAA4BC,gBAAgB,QAAQ,4BAA4B;AAKlG,OAAO,IAAMC,kBAAkB,iBAAuD;QAApDC,mBAAAA,WAAcC;QAAdD;;IAChC,IAAM,AAAEE,OAASP,MAAMQ,UAAU,CAACL,kBAA1BI;IACR,qBACE,oBAACL,UAAUO,KAAK,0CACVH;QACJD,WAAWJ,kCAETM,OAAO,sCACPF;;AAIR,EAAE"}

package/dist/components/Group/Group.js

@@ -1,73 +1,68 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["header", "description", "children", "separator", "getRootRef", "mode", "padding", "className", "tabIndex"];
-var _sizeXClassNames;
-import * as React from 'react';
-import { classNames, hasReactNode } from '@vkontakte/vkjs';
-import { useAdaptivity } from '../../hooks/useAdaptivity';
-import { usePlatform } from '../../hooks/usePlatform';
-import { SizeType } from '../../lib/adaptivity';
-import { Platform } from '../../lib/platform';
-import { warnOnce } from '../../lib/warnOnce';
-import { ModalRootContext } from '../ModalRoot/ModalRootContext';
-import { Separator } from '../Separator/Separator';
-import { Spacing } from '../Spacing/Spacing';
-import { Footnote } from '../Typography/Footnote/Footnote';
-var sizeXClassNames = (_sizeXClassNames = {
-  none: "vkuiGroup--sizeX-none"
-}, _defineProperty(_sizeXClassNames, SizeType.COMPACT, "vkuiGroup--sizeX-compact"), _defineProperty(_sizeXClassNames, SizeType.REGULAR, "vkuiGroup--sizeX-regular"), _sizeXClassNames);
-var warn = warnOnce('TabsItem');
-export var Group = function Group(_ref) {
-  var header = _ref.header,
-    description = _ref.description,
-    children = _ref.children,
-    _ref$separator = _ref.separator,
-    separator = _ref$separator === void 0 ? 'auto' : _ref$separator,
-    getRootRef = _ref.getRootRef,
-    modeProps = _ref.mode,
-    _ref$padding = _ref.padding,
-    padding = _ref$padding === void 0 ? 'm' : _ref$padding,
-    className = _ref.className,
-    tabIndexProp = _ref.tabIndex,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var _React$useContext = React.useContext(ModalRootContext),
-    isInsideModal = _React$useContext.isInsideModal;
-  var platform = usePlatform();
-  var _useAdaptivity = useAdaptivity(),
-    _useAdaptivity$sizeX = _useAdaptivity.sizeX,
-    sizeX = _useAdaptivity$sizeX === void 0 ? 'none' : _useAdaptivity$sizeX;
-  var mode = modeProps;
-  if (!modeProps) {
-    // Подробнее в "none" можно прочитать в ADAPTIVITY_GUIDE.md
-    mode = isInsideModal ? 'plain' : 'none';
-  }
-  var isTabPanel = restProps.role === 'tabpanel';
-  if (process.env.NODE_ENV === 'development' && isTabPanel && (!restProps['aria-controls'] || !restProps['id'])) {
-    warn('При использовании роли "tabpanel" необходимо задать значение свойств "aria-controls" и "id"');
-  }
-  var tabIndex = isTabPanel && tabIndexProp === undefined ? 0 : tabIndexProp;
-  var separatorClassName = classNames("vkuiGroup__separator", separator === 'show' && "vkuiGroup__separator--force");
-  return /*#__PURE__*/React.createElement("section", _extends({}, restProps, {
-    tabIndex: tabIndex,
-    ref: getRootRef,
-    className: classNames("vkuiGroup", platform === Platform.IOS && "vkuiGroup--ios", sizeXClassNames[sizeX], mode && styles["Group--mode-".concat(mode)], styles["Group--padding-".concat(padding)], className)
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "vkuiGroup__inner"
-  }, header, children, hasReactNode(description) && /*#__PURE__*/React.createElement(Footnote, {
-    className: "vkuiGroup__description"
-  }, description)), separator !== 'hide' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Spacing, {
-    className: classNames(separatorClassName, "vkuiGroup__separator--spacing"),
-    size: 16
-  }), /*#__PURE__*/React.createElement(Separator, {
-    className: classNames(separatorClassName, "vkuiGroup__separator--separator")
-  })));
-};
-var styles = {
-  "Group--mode-plain": "vkuiGroup--mode-plain",
-  "Group--mode-none": "vkuiGroup--mode-none",
-  "Group--mode-card": "vkuiGroup--mode-card",
-  "Group--padding-s": "vkuiGroup--padding-s",
-  "Group--padding-m": "vkuiGroup--padding-m"
+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, hasReactNode } from "@vkontakte/vkjs";
+import { useAdaptivity } from "../../hooks/useAdaptivity";
+import { usePlatform } from "../../hooks/usePlatform";
+import { SizeType } from "../../lib/adaptivity";
+import { Platform } from "../../lib/platform";
+import { warnOnce } from "../../lib/warnOnce";
+import { ModalRootContext } from "../ModalRoot/ModalRootContext";
+import { Separator } from "../Separator/Separator";
+import { Spacing } from "../Spacing/Spacing";
+import { Footnote } from "../Typography/Footnote/Footnote";
+var _obj;
+var sizeXClassNames = (_obj = {
+    none: "vkuiGroup--sizeX-none"
+}, _define_property(_obj, SizeType.COMPACT, "vkuiGroup--sizeX-compact"), _define_property(_obj, SizeType.REGULAR, "vkuiGroup--sizeX-regular"), _obj);
+var warn = warnOnce("TabsItem");
+export var Group = function(_param) {
+    var header = _param.header, description = _param.description, children = _param.children, _param_separator = _param.separator, separator = _param_separator === void 0 ? "auto" : _param_separator, getRootRef = _param.getRootRef, modeProps = _param.mode, _param_padding = _param.padding, padding = _param_padding === void 0 ? "m" : _param_padding, className = _param.className, tabIndexProp = _param.tabIndex, restProps = _object_without_properties(_param, [
+        "header",
+        "description",
+        "children",
+        "separator",
+        "getRootRef",
+        "mode",
+        "padding",
+        "className",
+        "tabIndex"
+    ]);
+    var isInsideModal = React.useContext(ModalRootContext).isInsideModal;
+    var platform = usePlatform();
+    var _useAdaptivity = useAdaptivity(), _useAdaptivity_sizeX = _useAdaptivity.sizeX, sizeX = _useAdaptivity_sizeX === void 0 ? "none" : _useAdaptivity_sizeX;
+    var mode = modeProps;
+    if (!modeProps) {
+        // Подробнее в "none" можно прочитать в ADAPTIVITY_GUIDE.md
+        mode = isInsideModal ? "plain" : "none";
+    }
+    var isTabPanel = restProps.role === "tabpanel";
+    if (process.env.NODE_ENV === "development" && isTabPanel && (!restProps["aria-controls"] || !restProps["id"])) {
+        warn('При использовании роли "tabpanel" необходимо задать значение свойств "aria-controls" и "id"');
+    }
+    var tabIndex = isTabPanel && tabIndexProp === undefined ? 0 : tabIndexProp;
+    var separatorClassName = classNames("vkuiGroup__separator", separator === "show" && "vkuiGroup__separator--force");
+    return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("section", _object_spread_props(_object_spread({}, restProps), {
+        tabIndex: tabIndex,
+        ref: getRootRef,
+        className: classNames("vkuiGroup", platform === Platform.IOS && "vkuiGroup--ios", sizeXClassNames[sizeX], mode && ({
+            none: classNames("vkuiGroup--mode-none", "vkuiInternalGroup--mode-none"),
+            plain: classNames("vkuiGroup--mode-plain", "vkuiInternalGroup--mode-plain"),
+            card: classNames("vkuiGroup--mode-card", "vkuiInternalGroup--mode-card")
+        })[mode], {
+            s: "vkuiGroup--padding-s",
+            m: "vkuiGroup--padding-m"
+        }[padding], className)
+    }), header, children, hasReactNode(description) && /*#__PURE__*/ React.createElement(Footnote, {
+        className: "vkuiGroup__description"
+    }, description)), separator !== "hide" && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Spacing, {
+        className: classNames(separatorClassName, "vkuiGroup__separator--spacing"),
+        size: 16
+    }), /*#__PURE__*/ React.createElement(Separator, {
+        className: classNames(separatorClassName, "vkuiGroup__separator--separator")
+    })));
 };
+
 //# sourceMappingURL=Group.js.map

package/dist/components/Group/Group.js.map

@@ -1 +1 @@
-{"version":3,"file":"Group.js","names":["React","classNames","hasReactNode","useAdaptivity","usePlatform","SizeType","Platform","warnOnce","ModalRootContext","Separator","Spacing","Footnote","sizeXClassNames","none","COMPACT","REGULAR","warn","Group","header","description","children","separator","getRootRef","modeProps","mode","padding","className","tabIndexProp","tabIndex","restProps","useContext","isInsideModal","platform","sizeX","isTabPanel","role","process","env","NODE_ENV","undefined","separatorClassName","IOS","styles"],"sources":["../../../src/components/Group/Group.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { Platform } from '../../lib/platform';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasRootRef } from '../../types';\nimport { ModalRootContext } from '../ModalRoot/ModalRootContext';\nimport { Separator } from '../Separator/Separator';\nimport { Spacing } from '../Spacing/Spacing';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport styles from './Group.module.css';\n\nconst sizeXClassNames = {\n  none: styles['Group--sizeX-none'],\n  [SizeType.COMPACT]: styles['Group--sizeX-compact'],\n  [SizeType.REGULAR]: styles['Group--sizeX-regular'],\n};\n\nexport interface GroupProps extends HasRootRef<HTMLElement>, React.HTMLAttributes<HTMLElement> {\n  header?: React.ReactNode;\n  description?: React.ReactNode;\n  /**\n    show - разделитель всегда показывается,\n    hide - разделитель всегда спрятан,\n    auto - разделитель рисуется автоматически между соседними группами.\n   */\n  separator?: 'show' | 'hide' | 'auto';\n  /**\n   * Режим отображения. Если установлен 'card', выглядит как карточка c\n   * обводкой и внешними отступами. Если 'plain' — без отступов и обводки.\n   * По умолчанию режим отображения зависит от `sizeX`. В модальных окнах\n   * по умолчанию 'plain'.\n   */\n  mode?: 'plain' | 'card';\n  /**\n   * Отвечает за отступы вокруг контента в режиме 'card'.\n   */\n  padding?: 's' | 'm';\n  children?: React.ReactNode;\n}\n\nconst warn = warnOnce('TabsItem');\n\nexport const Group = ({\n  header,\n  description,\n  children,\n  separator = 'auto',\n  getRootRef,\n  mode: modeProps,\n  padding = 'm',\n  className,\n  tabIndex: tabIndexProp,\n  ...restProps\n}: GroupProps) => {\n  const { isInsideModal } = React.useContext(ModalRootContext);\n  const platform = usePlatform();\n  const { sizeX = 'none' } = useAdaptivity();\n\n  let mode: GroupProps['mode'] | 'none' = modeProps;\n\n  if (!modeProps) {\n    // Подробнее в \"none\" можно прочитать в ADAPTIVITY_GUIDE.md\n    mode = isInsideModal ? 'plain' : 'none';\n  }\n\n  const isTabPanel = restProps.role === 'tabpanel';\n\n  if (\n    process.env.NODE_ENV === 'development' &&\n    isTabPanel &&\n    (!restProps['aria-controls'] || !restProps['id'])\n  ) {\n    warn(\n      'При использовании роли \"tabpanel\" необходимо задать значение свойств \"aria-controls\" и \"id\"',\n    );\n  }\n\n  const tabIndex = isTabPanel && tabIndexProp === undefined ? 0 : tabIndexProp;\n\n  const separatorClassName = classNames(\n    styles['Group__separator'],\n    separator === 'show' && styles['Group__separator--force'],\n  );\n\n  return (\n    <section\n      {...restProps}\n      tabIndex={tabIndex}\n      ref={getRootRef}\n      className={classNames(\n        styles['Group'],\n        platform === Platform.IOS && styles['Group--ios'],\n        sizeXClassNames[sizeX],\n        mode && styles[`Group--mode-${mode}`],\n        styles[`Group--padding-${padding}`],\n        className,\n      )}\n    >\n      <div className={styles['Group__inner']}>\n        {header}\n        {children}\n        {hasReactNode(description) && (\n          <Footnote className={styles['Group__description']}>{description}</Footnote>\n        )}\n      </div>\n      {separator !== 'hide' && (\n        <React.Fragment>\n          <Spacing\n            className={classNames(separatorClassName, styles['Group__separator--spacing'])}\n            size={16}\n          />\n          <Separator\n            className={classNames(separatorClassName, styles['Group__separator--separator'])}\n          />\n        </React.Fragment>\n      )}\n    </section>\n  );\n};\n"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAC1D,SAASC,aAAa,QAAQ,2BAA2B;AACzD,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,QAAQ,QAAQ,oBAAoB;AAE7C,SAASC,gBAAgB,QAAQ,+BAA+B;AAChE,SAASC,SAAS,QAAQ,wBAAwB;AAClD,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,QAAQ,QAAQ,iCAAiC;AAG1D,IAAMC,eAAe;EACnBC,IAAI;AAA6B,qCAChCR,QAAQ,CAACS,OAAO,iEAChBT,QAAQ,CAACU,OAAO,gDAClB;AAyBD,IAAMC,IAAI,GAAGT,QAAQ,CAAC,UAAU,CAAC;AAEjC,OAAO,IAAMU,KAAK,GAAG,SAARA,KAAK,OAWA;EAAA,IAVhBC,MAAM,QAANA,MAAM;IACNC,WAAW,QAAXA,WAAW;IACXC,QAAQ,QAARA,QAAQ;IAAA,sBACRC,SAAS;IAATA,SAAS,+BAAG,MAAM;IAClBC,UAAU,QAAVA,UAAU;IACJC,SAAS,QAAfC,IAAI;IAAA,oBACJC,OAAO;IAAPA,OAAO,6BAAG,GAAG;IACbC,SAAS,QAATA,SAAS;IACCC,YAAY,QAAtBC,QAAQ;IACLC,SAAS;EAEZ,wBAA0B7B,KAAK,CAAC8B,UAAU,CAACtB,gBAAgB,CAAC;IAApDuB,aAAa,qBAAbA,aAAa;EACrB,IAAMC,QAAQ,GAAG5B,WAAW,EAAE;EAC9B,qBAA2BD,aAAa,EAAE;IAAA,sCAAlC8B,KAAK;IAALA,KAAK,qCAAG,MAAM;EAEtB,IAAIT,IAAiC,GAAGD,SAAS;EAEjD,IAAI,CAACA,SAAS,EAAE;IACd;IACAC,IAAI,GAAGO,aAAa,GAAG,OAAO,GAAG,MAAM;EACzC;EAEA,IAAMG,UAAU,GAAGL,SAAS,CAACM,IAAI,KAAK,UAAU;EAEhD,IACEC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,IACtCJ,UAAU,KACT,CAACL,SAAS,CAAC,eAAe,CAAC,IAAI,CAACA,SAAS,CAAC,IAAI,CAAC,CAAC,EACjD;IACAb,IAAI,CACF,6FAA6F,CAC9F;EACH;EAEA,IAAMY,QAAQ,GAAGM,UAAU,IAAIP,YAAY,KAAKY,SAAS,GAAG,CAAC,GAAGZ,YAAY;EAE5E,IAAMa,kBAAkB,GAAGvC,UAAU,yBAEnCoB,SAAS,KAAK,MAAM,iCAAqC,CAC1D;EAED,oBACE,4CACMQ,SAAS;IACb,QAAQ,EAAED,QAAS;IACnB,GAAG,EAAEN,UAAW;IAChB,SAAS,EAAErB,UAAU,cAEnB+B,QAAQ,KAAK1B,QAAQ,CAACmC,GAAG,oBAAwB,EACjD7B,eAAe,CAACqB,KAAK,CAAC,EACtBT,IAAI,IAAIkB,MAAM,uBAAgBlB,IAAI,EAAG,EACrCkB,MAAM,0BAAmBjB,OAAO,EAAG,EACnCC,SAAS;EACT,iBAEF;IAAK,SAAS;EAAyB,GACpCR,MAAM,EACNE,QAAQ,EACRlB,YAAY,CAACiB,WAAW,CAAC,iBACxB,oBAAC,QAAQ;IAAC,SAAS;EAA+B,GAAEA,WAAW,CAChE,CACG,EACLE,SAAS,KAAK,MAAM,iBACnB,oBAAC,KAAK,CAAC,QAAQ,qBACb,oBAAC,OAAO;IACN,SAAS,EAAEpB,UAAU,CAACuC,kBAAkB,kCAAuC;IAC/E,IAAI,EAAE;EAAG,EACT,eACF,oBAAC,SAAS;IACR,SAAS,EAAEvC,UAAU,CAACuC,kBAAkB;EAAyC,EACjF,CAEL,CACO;AAEd,CAAC;AAAC;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA"}
+{"version":3,"sources":["../../../src/components/Group/Group.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { Platform } from '../../lib/platform';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasRootRef } from '../../types';\nimport { ModalRootContext } from '../ModalRoot/ModalRootContext';\nimport { Separator } from '../Separator/Separator';\nimport { Spacing } from '../Spacing/Spacing';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport styles from './Group.module.css';\n\nconst sizeXClassNames = {\n  none: styles['Group--sizeX-none'],\n  [SizeType.COMPACT]: styles['Group--sizeX-compact'],\n  [SizeType.REGULAR]: styles['Group--sizeX-regular'],\n};\n\nexport interface GroupProps extends HasRootRef<HTMLElement>, React.HTMLAttributes<HTMLElement> {\n  header?: React.ReactNode;\n  description?: React.ReactNode;\n  /**\n    show - разделитель всегда показывается,\n    hide - разделитель всегда спрятан,\n    auto - разделитель рисуется автоматически между соседними группами.\n   */\n  separator?: 'show' | 'hide' | 'auto';\n  /**\n   * Режим отображения. Если установлен 'card', выглядит как карточка c\n   * обводкой и внешними отступами. Если 'plain' — без отступов и обводки.\n   * По умолчанию режим отображения зависит от `sizeX`. В модальных окнах\n   * по умолчанию 'plain'.\n   */\n  mode?: 'plain' | 'card';\n  /**\n   * Отвечает за отступы вокруг контента в режиме 'card'.\n   */\n  padding?: 's' | 'm';\n  children?: React.ReactNode;\n}\n\nconst warn = warnOnce('TabsItem');\n\nexport const Group = ({\n  header,\n  description,\n  children,\n  separator = 'auto',\n  getRootRef,\n  mode: modeProps,\n  padding = 'm',\n  className,\n  tabIndex: tabIndexProp,\n  ...restProps\n}: GroupProps) => {\n  const { isInsideModal } = React.useContext(ModalRootContext);\n  const platform = usePlatform();\n  const { sizeX = 'none' } = useAdaptivity();\n\n  let mode: GroupProps['mode'] | 'none' = modeProps;\n\n  if (!modeProps) {\n    // Подробнее в \"none\" можно прочитать в ADAPTIVITY_GUIDE.md\n    mode = isInsideModal ? 'plain' : 'none';\n  }\n\n  const isTabPanel = restProps.role === 'tabpanel';\n\n  if (\n    process.env.NODE_ENV === 'development' &&\n    isTabPanel &&\n    (!restProps['aria-controls'] || !restProps['id'])\n  ) {\n    warn(\n      'При использовании роли \"tabpanel\" необходимо задать значение свойств \"aria-controls\" и \"id\"',\n    );\n  }\n\n  const tabIndex = isTabPanel && tabIndexProp === undefined ? 0 : tabIndexProp;\n\n  const separatorClassName = classNames(\n    styles['Group__separator'],\n    separator === 'show' && styles['Group__separator--force'],\n  );\n\n  return (\n    <>\n      <section\n        {...restProps}\n        tabIndex={tabIndex}\n        ref={getRootRef}\n        className={classNames(\n          styles['Group'],\n          platform === Platform.IOS && styles['Group--ios'],\n          sizeXClassNames[sizeX],\n          mode &&\n            {\n              none: classNames(styles['Group--mode-none'], 'vkuiInternalGroup--mode-none'),\n              plain: classNames(styles['Group--mode-plain'], 'vkuiInternalGroup--mode-plain'),\n              card: classNames(styles['Group--mode-card'], 'vkuiInternalGroup--mode-card'),\n            }[mode],\n          {\n            s: styles['Group--padding-s'],\n            m: styles['Group--padding-m'],\n          }[padding],\n          className,\n        )}\n      >\n        {header}\n        {children}\n        {hasReactNode(description) && (\n          <Footnote className={styles['Group__description']}>{description}</Footnote>\n        )}\n      </section>\n\n      {separator !== 'hide' && (\n        <React.Fragment>\n          <Spacing\n            className={classNames(separatorClassName, styles['Group__separator--spacing'])}\n            size={16}\n          />\n          <Separator\n            className={classNames(separatorClassName, styles['Group__separator--separator'])}\n          />\n        </React.Fragment>\n      )}\n    </>\n  );\n};\n"],"names":["React","classNames","hasReactNode","useAdaptivity","usePlatform","SizeType","Platform","warnOnce","ModalRootContext","Separator","Spacing","Footnote","sizeXClassNames","none","COMPACT","REGULAR","warn","Group","header","description","children","separator","getRootRef","mode","modeProps","padding","className","tabIndex","tabIndexProp","restProps","isInsideModal","useContext","platform","sizeX","isTabPanel","role","process","env","NODE_ENV","undefined","separatorClassName","section","ref","IOS","plain","card","s","m","Fragment","size"],"mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAC3D,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,QAAQ,QAAQ,qBAAqB;AAE9C,SAASC,gBAAgB,QAAQ,gCAAgC;AACjE,SAASC,SAAS,QAAQ,yBAAyB;AACnD,SAASC,OAAO,QAAQ,qBAAqB;AAC7C,SAASC,QAAQ,QAAQ,kCAAkC;IAGnC;AAAxB,IAAMC,mBAAkB;IACtBC,IAAI;oBADkB,MAErBR,SAASS,OAAO,gDAFK,MAGrBT,SAASU,OAAO,+BAHK;AA6BxB,IAAMC,OAAOT,SAAS;AAEtB,OAAO,IAAMU,QAAQ,iBAWH;QAVhBC,gBAAAA,QACAC,qBAAAA,aACAC,kBAAAA,oCACAC,WAAAA,0CAAY,2BACZC,oBAAAA,YACAC,AAAMC,mBAAND,8BACAE,SAAAA,sCAAU,sBACVC,mBAAAA,WACAC,AAAUC,sBAAVD,UACGE;QATHX;QACAC;QACAC;QACAC;QACAC;QACAC;QACAE;QACAC;QACAC;;IAGA,IAAM,AAAEG,gBAAkB9B,MAAM+B,UAAU,CAACvB,kBAAnCsB;IACR,IAAME,WAAW5B;IACjB,IAA2BD,iBAAAA,wCAAAA,eAAnB8B,OAAAA,0CAAQ;IAEhB,IAAIV,OAAoCC;IAExC,IAAI,CAACA,WAAW;QACd,2DAA2D;QAC3DD,OAAOO,gBAAgB,UAAU,MAAM;IACzC,CAAC;IAED,IAAMI,aAAaL,UAAUM,IAAI,KAAK;IAEtC,IACEC,QAAQC,GAAG,CAACC,QAAQ,KAAK,iBACzBJ,cACC,CAAA,CAACL,SAAS,CAAC,gBAAgB,IAAI,CAACA,SAAS,CAAC,KAAK,AAAD,GAC/C;QACAb,KACE;IAEJ,CAAC;IAED,IAAMW,WAAWO,cAAcN,iBAAiBW,YAAY,IAAIX,YAAY;IAE5E,IAAMY,qBAAqBvC,mCAEzBoB,cAAc;IAGhB,qBACE,wDACE,oBAACoB,mDACKZ;QACJF,UAAUA;QACVe,KAAKpB;QACLI,WAAWzB,wBAET+B,aAAa1B,SAASqC,GAAG,sBACzB/B,eAAe,CAACqB,MAAM,EACtBV,QACE,CAAA;YACEV,MAAMZ,mCAAuC;YAC7C2C,OAAO3C,oCAAwC;YAC/C4C,MAAM5C,mCAAuC;QAC/C,CAAA,CAAC,CAACsB,KAAK,EACT;YACEuB,CAAC;YACDC,CAAC;QACH,CAAC,CAACtB,QAAQ,EACVC;QAGDR,QACAE,UACAlB,aAAaiB,8BACZ,oBAACR;QAASe,SAAS;OAAiCP,eAIvDE,cAAc,wBACb,oBAACrB,MAAMgD,QAAQ,sBACb,oBAACtC;QACCgB,WAAWzB,WAAWuC;QACtBS,MAAM;sBAER,oBAACxC;QACCiB,WAAWzB,WAAWuC;;AAMlC,EAAE"}

package/dist/components/Header/Header.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { HasRootRef } from '../../types';
 export interface HeaderProps extends React.HTMLAttributes<HTMLElement>, HasRootRef<HTMLElement> {
     mode?: 'primary' | 'secondary' | 'tertiary';
+    size?: 'regular' | 'large';
     subtitle?: React.ReactNode;
     /**
      * Допускаются иконки, текст, Link
@@ -16,4 +17,4 @@ export interface HeaderProps extends React.HTMLAttributes<HTMLElement>, HasRootR
 /**
  * @see https://vkcom.github.io/VKUI/#/Header
  */
-export declare const Header: ({ mode, children, subtitle, indicator, aside, getRootRef, multiline, className, ...restProps }: HeaderProps) => JSX.Element;
+export declare const Header: ({ mode, size, children, subtitle, indicator, aside, getRootRef, multiline, className, ...restProps }: HeaderProps) => JSX.Element;