@vkontakte/vkui 5.2.4 → 5.3.1

package/dist/cjs/components/FormStatus/FormStatus.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
-export interface FormStatusProps extends React.HTMLAttributes<HTMLDivElement> {
+import { HasRootRef } from '../../types';
+export interface FormStatusProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLElement> {
     mode?: 'default' | 'error';
     header?: React.ReactNode;
 }

package/dist/cjs/components/FormStatus/FormStatus.js

@@ -1,29 +1,30 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "FormStatus", {
+    enumerable: true,
+    get: function() {
+        return FormStatus;
+    }
 });
-exports.FormStatus = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var React = _interopRequireWildcard(require("react"));
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
-var _Banner = require("../Banner/Banner");
-var _excluded = ["mode", "children", "className"];
-/**
- * @see https://vkcom.github.io/VKUI/#/FormStatus
- */
-var FormStatus = function FormStatus(_ref) {
-  var mode = _ref.mode,
-    children = _ref.children,
-    className = _ref.className,
-    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(_Banner.Banner, (0, _extends2.default)({}, restProps, {
-    subheader: children,
-    className: (0, _vkjs.classNames)("vkuiFormStatus", mode === 'error' && "vkuiFormStatus--mode-error", className)
-  }));
+var _banner = require("../Banner/Banner");
+var FormStatus = function(_param) {
+    var mode = _param.mode, children = _param.children, className = _param.className, restProps = _objectWithoutProperties(_param, [
+        "mode",
+        "children",
+        "className"
+    ]);
+    return /*#__PURE__*/ _react.createElement(_banner.Banner, _objectSpreadProps(_objectSpread({}, restProps), {
+        subheader: children,
+        className: (0, _vkjs.classNames)("vkuiInternalFormStatus", mode === "error" && (0, _vkjs.classNames)("vkuiFormStatus--mode-error", "vkuiInternalFormStatus--mode-error"), className)
+    }));
 };
-exports.FormStatus = FormStatus;
+
 //# sourceMappingURL=FormStatus.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormStatus.js","names":["FormStatus","mode","children","className","restProps","classNames"],"sources":["../../../../src/components/FormStatus/FormStatus.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { Banner } from '../Banner/Banner';\nimport styles from './FormStatus.module.css';\n\nexport interface FormStatusProps extends React.HTMLAttributes<HTMLDivElement> {\n  mode?: 'default' | 'error';\n  header?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FormStatus\n */\nexport const FormStatus = ({ mode, children, className, ...restProps }: FormStatusProps) => {\n  return (\n    <Banner\n      {...restProps}\n      subheader={children}\n      className={classNames(\n        styles['FormStatus'],\n        mode === 'error' && styles['FormStatus--mode-error'],\n        className,\n      )}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AAA0C;AAQ1C;AACA;AACA;AACO,IAAMA,UAAU,GAAG,SAAbA,UAAU,OAAqE;EAAA,IAA/DC,IAAI,QAAJA,IAAI;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,SAAS,QAATA,SAAS;IAAKC,SAAS;EAClE,oBACE,oBAAC,cAAM,6BACDA,SAAS;IACb,SAAS,EAAEF,QAAS;IACpB,SAAS,EAAE,IAAAG,gBAAU,oBAEnBJ,IAAI,KAAK,OAAO,gCAAoC,EACpDE,SAAS;EACT,GACF;AAEN,CAAC;AAAC"}
+{"version":3,"sources":["../../../../src/components/FormStatus/FormStatus.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasRootRef } from '../../types';\nimport { Banner } from '../Banner/Banner';\nimport styles from './FormStatus.module.css';\n\nexport interface FormStatusProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLElement> {\n  mode?: 'default' | 'error';\n  header?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FormStatus\n */\nexport const FormStatus = ({ mode, children, className, ...restProps }: FormStatusProps) => {\n  return (\n    <Banner\n      {...restProps}\n      subheader={children}\n      className={classNames(\n        'vkuiInternalFormStatus',\n        mode === 'error' &&\n          classNames(styles['FormStatus--mode-error'], 'vkuiInternalFormStatus--mode-error'),\n        className,\n      )}\n    />\n  );\n};\n"],"names":["FormStatus","mode","children","className","restProps","Banner","subheader","classNames"],"mappings":";;;;+BAgBaA;;;eAAAA;;;;;;;2DAhBU;oBACI;sBAEJ;AAahB,IAAMA,aAAa,iBAAkE;QAA/DC,cAAAA,MAAMC,kBAAAA,UAAUC,mBAAAA,WAAcC;QAA9BH;QAAMC;QAAUC;;IAC3C,qBACE,qBAACE,cAAM,uCACDD;QACJE,WAAWJ;QACXC,WAAWI,IAAAA,gBAAU,EACnB,0BACAN,SAAS,WACPM,IAAAA,gBAAU,gCAAmC,uCAC/CJ;;AAIR"}

package/dist/cjs/components/Gallery/Gallery.js

@@ -1,76 +1,85 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "Gallery", {
+    enumerable: true,
+    get: function() {
+        return Gallery;
+    }
 });
-exports.Gallery = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var React = _interopRequireWildcard(require("react"));
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
+var _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _math = require("../../helpers/math");
 var _useTimeout = require("../../hooks/useTimeout");
-var _BaseGallery = require("../BaseGallery/BaseGallery");
-var _excluded = ["initialSlideIndex", "children", "timeout", "onChange", "bullets"];
-/**
- * @see https://vkcom.github.io/VKUI/#/Gallery
- */
-var Gallery = function Gallery(_ref) {
-  var _props$slideIndex;
-  var _ref$initialSlideInde = _ref.initialSlideIndex,
-    initialSlideIndex = _ref$initialSlideInde === void 0 ? 0 : _ref$initialSlideInde,
-    children = _ref.children,
-    _ref$timeout = _ref.timeout,
-    timeout = _ref$timeout === void 0 ? 0 : _ref$timeout,
-    onChange = _ref.onChange,
-    bullets = _ref.bullets,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _React$useState = React.useState(initialSlideIndex),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    localSlideIndex = _React$useState2[0],
-    setSlideIndex = _React$useState2[1];
-  var isControlled = typeof props.slideIndex === 'number';
-  var slideIndex = isControlled ? (_props$slideIndex = props.slideIndex) !== null && _props$slideIndex !== void 0 ? _props$slideIndex : 0 : localSlideIndex;
-  var isDraggable = !isControlled || Boolean(onChange);
-  var slides = React.useMemo(function () {
-    return React.Children.toArray(children).filter(function (item) {
-      return Boolean(item);
-    });
-  }, [children]);
-  var childCount = slides.length;
-  var handleChange = React.useCallback(function (current) {
-    if (current === slideIndex) {
-      return;
-    }
-    !isControlled && setSlideIndex(current);
-    onChange && onChange(current);
-  }, [isControlled, onChange, slideIndex]);
-  var autoplay = (0, _useTimeout.useTimeout)(function () {
-    return handleChange((slideIndex + 1) % childCount);
-  }, timeout);
-  React.useEffect(function () {
-    return timeout ? autoplay.set() : autoplay.clear();
-  }, [timeout, slideIndex, autoplay]);
-
-  // prevent invalid slideIndex
-  // any slide index is invalid with no slides, just keep it as is
-  var safeSlideIndex = childCount > 0 ? (0, _math.clamp)(slideIndex, 0, childCount - 1) : slideIndex;
-  // notify parent in controlled mode
-  React.useEffect(function () {
-    if (onChange && safeSlideIndex !== slideIndex) {
-      onChange(safeSlideIndex);
-    }
-    setSlideIndex(safeSlideIndex);
-  }, [onChange, safeSlideIndex, slideIndex]);
-  return /*#__PURE__*/React.createElement(_BaseGallery.BaseGallery, (0, _extends2.default)({
-    isDraggable: isDraggable
-  }, props, {
-    bullets: childCount > 0 && bullets,
-    slideIndex: safeSlideIndex,
-    onChange: handleChange
-  }), slides);
+var _baseGallery = require("../BaseGallery/BaseGallery");
+var Gallery = function(_param) {
+    var _param_initialSlideIndex = _param.initialSlideIndex, initialSlideIndex = _param_initialSlideIndex === void 0 ? 0 : _param_initialSlideIndex, children = _param.children, _param_timeout = _param.timeout, timeout = _param_timeout === void 0 ? 0 : _param_timeout, onChange = _param.onChange, bullets = _param.bullets, props = _objectWithoutProperties(_param, [
+        "initialSlideIndex",
+        "children",
+        "timeout",
+        "onChange",
+        "bullets"
+    ]);
+    var _React_useState = _slicedToArray(_react.useState(initialSlideIndex), 2), localSlideIndex = _React_useState[0], setSlideIndex = _React_useState[1];
+    var isControlled = typeof props.slideIndex === "number";
+    var _props_slideIndex;
+    var slideIndex = isControlled ? (_props_slideIndex = props.slideIndex) !== null && _props_slideIndex !== void 0 ? _props_slideIndex : 0 : localSlideIndex;
+    var isDraggable = !isControlled || Boolean(onChange);
+    var slides = _react.useMemo(function() {
+        return _react.Children.toArray(children).filter(function(item) {
+            return Boolean(item);
+        });
+    }, [
+        children
+    ]);
+    var childCount = slides.length;
+    var handleChange = _react.useCallback(function(current) {
+        if (current === slideIndex) {
+            return;
+        }
+        !isControlled && setSlideIndex(current);
+        onChange && onChange(current);
+    }, [
+        isControlled,
+        onChange,
+        slideIndex
+    ]);
+    var autoplay = (0, _useTimeout.useTimeout)(function() {
+        return handleChange((slideIndex + 1) % childCount);
+    }, timeout);
+    _react.useEffect(function() {
+        return timeout ? autoplay.set() : autoplay.clear();
+    }, [
+        timeout,
+        slideIndex,
+        autoplay
+    ]);
+    // prevent invalid slideIndex
+    // any slide index is invalid with no slides, just keep it as is
+    var safeSlideIndex = childCount > 0 ? (0, _math.clamp)(slideIndex, 0, childCount - 1) : slideIndex;
+    // notify parent in controlled mode
+    _react.useEffect(function() {
+        if (onChange && safeSlideIndex !== slideIndex) {
+            onChange(safeSlideIndex);
+        }
+        setSlideIndex(safeSlideIndex);
+    }, [
+        onChange,
+        safeSlideIndex,
+        slideIndex
+    ]);
+    return /*#__PURE__*/ _react.createElement(_baseGallery.BaseGallery, _objectSpreadProps(_objectSpread({
+        isDraggable: isDraggable
+    }, props), {
+        bullets: childCount > 0 && bullets,
+        slideIndex: safeSlideIndex,
+        onChange: handleChange
+    }), slides);
 };
-exports.Gallery = Gallery;
+
 //# sourceMappingURL=Gallery.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Gallery.js","names":["Gallery","initialSlideIndex","children","timeout","onChange","bullets","props","React","useState","localSlideIndex","setSlideIndex","isControlled","slideIndex","isDraggable","Boolean","slides","useMemo","Children","toArray","filter","item","childCount","length","handleChange","useCallback","current","autoplay","useTimeout","useEffect","set","clear","safeSlideIndex","clamp"],"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;AACA;AACA;AACA;AAAyD;AAQzD;AACA;AACA;AACO,IAAMA,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,sBAAyCC,KAAK,CAACC,QAAQ,CAACP,iBAAiB,CAAC;IAAA;IAAnEQ,eAAe;IAAEC,aAAa;EACrC,IAAMC,YAAY,GAAG,OAAOL,KAAK,CAACM,UAAU,KAAK,QAAQ;EACzD,IAAMA,UAAU,GAAGD,YAAY,wBAAGL,KAAK,CAACM,UAAU,iEAAI,CAAC,GAAGH,eAAe;EACzE,IAAMI,WAAW,GAAG,CAACF,YAAY,IAAIG,OAAO,CAACV,QAAQ,CAAC;EACtD,IAAMW,MAAM,GAAGR,KAAK,CAACS,OAAO,CAC1B;IAAA,OAAMT,KAAK,CAACU,QAAQ,CAACC,OAAO,CAAChB,QAAQ,CAAC,CAACiB,MAAM,CAAC,UAACC,IAAI;MAAA,OAAKN,OAAO,CAACM,IAAI,CAAC;IAAA,EAAC;EAAA,GACtE,CAAClB,QAAQ,CAAC,CACX;EACD,IAAMmB,UAAU,GAAGN,MAAM,CAACO,MAAM;EAEhC,IAAMC,YAAsC,GAAGhB,KAAK,CAACiB,WAAW,CAC9D,UAACC,OAAe,EAAK;IACnB,IAAIA,OAAO,KAAKb,UAAU,EAAE;MAC1B;IACF;IACA,CAACD,YAAY,IAAID,aAAa,CAACe,OAAO,CAAC;IACvCrB,QAAQ,IAAIA,QAAQ,CAACqB,OAAO,CAAC;EAC/B,CAAC,EACD,CAACd,YAAY,EAAEP,QAAQ,EAAEQ,UAAU,CAAC,CACrC;EAED,IAAMc,QAAQ,GAAG,IAAAC,sBAAU,EAAC;IAAA,OAAMJ,YAAY,CAAC,CAACX,UAAU,GAAG,CAAC,IAAIS,UAAU,CAAC;EAAA,GAAElB,OAAO,CAAC;EACvFI,KAAK,CAACqB,SAAS,CACb;IAAA,OAAOzB,OAAO,GAAGuB,QAAQ,CAACG,GAAG,EAAE,GAAGH,QAAQ,CAACI,KAAK,EAAE;EAAA,CAAC,EACnD,CAAC3B,OAAO,EAAES,UAAU,EAAEc,QAAQ,CAAC,CAChC;;EAED;EACA;EACA,IAAMK,cAAc,GAAGV,UAAU,GAAG,CAAC,GAAG,IAAAW,WAAK,EAACpB,UAAU,EAAE,CAAC,EAAES,UAAU,GAAG,CAAC,CAAC,GAAGT,UAAU;EACzF;EACAL,KAAK,CAACqB,SAAS,CAAC,YAAM;IACpB,IAAIxB,QAAQ,IAAI2B,cAAc,KAAKnB,UAAU,EAAE;MAC7CR,QAAQ,CAAC2B,cAAc,CAAC;IAC1B;IACArB,aAAa,CAACqB,cAAc,CAAC;EAC/B,CAAC,EAAE,CAAC3B,QAAQ,EAAE2B,cAAc,EAAEnB,UAAU,CAAC,CAAC;EAE1C,oBACE,oBAAC,wBAAW;IACV,WAAW,EAAEC;EAAY,GACrBP,KAAK;IACT,OAAO,EAAEe,UAAU,GAAG,CAAC,IAAIhB,OAAQ;IACnC,UAAU,EAAE0B,cAAe;IAC3B,QAAQ,EAAER;EAAa,IAEtBR,MAAM,CACK;AAElB,CAAC;AAAC"}
+{"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":["Gallery","initialSlideIndex","children","timeout","onChange","bullets","props","React","useState","localSlideIndex","setSlideIndex","isControlled","slideIndex","isDraggable","Boolean","slides","useMemo","Children","toArray","filter","item","childCount","length","handleChange","useCallback","current","autoplay","useTimeout","useEffect","set","clear","safeSlideIndex","clamp","BaseGallery"],"mappings":";;;;+BAcaA;;;eAAAA;;;;;;;;2DAdU;oBACD;0BACK;2BACC;AAWrB,IAAMA,UAAU,iBAOH;0CANlBC,mBAAAA,0DAAoB,8BACpBC,kBAAAA,kCACAC,SAAAA,sCAAU,oBACVC,kBAAAA,UACAC,iBAAAA,SACGC;QALHL;QACAC;QACAC;QACAC;QACAC;;IAGA,IAAyCE,iCAAAA,OAAMC,QAAQ,CAACP,wBAAjDQ,kBAAkCF,oBAAjBG,gBAAiBH;IACzC,IAAMI,eAAe,OAAOL,MAAMM,UAAU,KAAK;QACfN;IAAlC,IAAMM,aAAaD,eAAeL,CAAAA,oBAAAA,MAAMM,UAAU,cAAhBN,+BAAAA,oBAAoB,CAAC,GAAGG,eAAe;IACzE,IAAMI,cAAc,CAACF,gBAAgBG,QAAQV;IAC7C,IAAMW,SAASR,OAAMS,OAAO,CAC1B;eAAMT,OAAMU,QAAQ,CAACC,OAAO,CAAChB,UAAUiB,MAAM,CAAC,SAACC;mBAASN,QAAQM;;OAChE;QAAClB;KAAS;IAEZ,IAAMmB,aAAaN,OAAOO,MAAM;IAEhC,IAAMC,eAAyChB,OAAMiB,WAAW,CAC9D,SAACC,SAAoB;QACnB,IAAIA,YAAYb,YAAY;YAC1B;QACF,CAAC;QACD,CAACD,gBAAgBD,cAAce;QAC/BrB,YAAYA,SAASqB;IACvB,GACA;QAACd;QAAcP;QAAUQ;KAAW;IAGtC,IAAMc,WAAWC,IAAAA,sBAAU,EAAC;eAAMJ,aAAa,AAACX,CAAAA,aAAa,CAAA,IAAKS;OAAalB;IAC/EI,OAAMqB,SAAS,CACb;eAAOzB,UAAUuB,SAASG,GAAG,KAAKH,SAASI,KAAK,EAAE;OAClD;QAAC3B;QAASS;QAAYc;KAAS;IAGjC,6BAA6B;IAC7B,gEAAgE;IAChE,IAAMK,iBAAiBV,aAAa,IAAIW,IAAAA,WAAK,EAACpB,YAAY,GAAGS,aAAa,KAAKT,UAAU;IACzF,mCAAmC;IACnCL,OAAMqB,SAAS,CAAC,WAAM;QACpB,IAAIxB,YAAY2B,mBAAmBnB,YAAY;YAC7CR,SAAS2B;QACX,CAAC;QACDrB,cAAcqB;IAChB,GAAG;QAAC3B;QAAU2B;QAAgBnB;KAAW;IAEzC,qBACE,qBAACqB,wBAAW;QACVpB,aAAaA;OACTP;QACJD,SAASgB,aAAa,KAAKhB;QAC3BO,YAAYmB;QACZ3B,UAAUmB;QAETR;AAGP"}

package/dist/cjs/components/Gradient/Gradient.js

@@ -1,39 +1,38 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "Gradient", {
+    enumerable: true,
+    get: function() {
+        return Gradient;
+    }
 });
-exports.Gradient = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var React = _interopRequireWildcard(require("react"));
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
-var _excluded = ["mode", "children", "to", "className"];
-/**
- * @see https://vkcom.github.io/VKUI/#/Gradient
- */
-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 = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
-    role: "presentation"
-  }, restProps, {
-    className: (0, _vkjs.classNames)("vkuiGradient", styles["Gradient--mode-".concat(mode)], styles["Gradient--to-".concat(to)], className)
-  }), children);
-};
-exports.Gradient = Gradient;
-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"
+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 = _objectWithoutProperties(_param, [
+        "mode",
+        "children",
+        "to",
+        "className"
+    ]);
+    return /*#__PURE__*/ _react.createElement("div", _objectSpreadProps(_objectSpread({
+        role: "presentation"
+    }, restProps), {
+        className: (0, _vkjs.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/cjs/components/Gradient/Gradient.js.map

@@ -1 +1 @@
-{"version":3,"file":"Gradient.js","names":["Gradient","mode","children","to","className","restProps","classNames","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;AACA;AAA6C;AAc7C;AACA;AACA;AACO,IAAMA,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,EAAE,IAAAC,gBAAU,kBAEnBC,MAAM,0BAAmBN,IAAI,EAAG,EAChCM,MAAM,wBAAiBJ,EAAE,EAAG,EAC5BC,SAAS;EACT,IAEDF,QAAQ,CACL;AAEV,CAAC;AAAC;AAAA;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":["Gradient","mode","children","to","className","restProps","div","role","classNames","tint","black","white","top","bottom"],"mappings":";;;;+BAkBaA;;;eAAAA;;;;;;;2DAlBU;oBACI;AAiBpB,IAAMA,WAAW,iBAMH;6BALnBC,MAAAA,gCAAO,sBACPC,kBAAAA,6BACAC,IAAAA,4BAAK,mBACLC,mBAAAA,WACGC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,qBACE,qBAACE;QACCC,MAAK;OACDF;QACJD,WAAWI,IAAAA,gBAAU,EACnB;YACEC,IAAI;YACJC,KAAK;YACLC,KAAK;QACP,CAAC,CAACV,KAAK,EACP;YACEW,GAAG;YACHC,MAAM;QACR,CAAC,CAACV,GAAG,EACLC;QAGDF;AAGP"}

package/dist/cjs/components/GridAvatar/GridAvatar.js

@@ -1,57 +1,64 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    GRID_AVATAR_DEFAULT_SIZE: function() {
+        return GRID_AVATAR_DEFAULT_SIZE;
+    },
+    MAX_GRID_LENGTH: function() {
+        return MAX_GRID_LENGTH;
+    },
+    GridAvatar: function() {
+        return GridAvatar;
+    }
 });
-exports.MAX_GRID_LENGTH = exports.GridAvatar = exports.GRID_AVATAR_DEFAULT_SIZE = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var React = _interopRequireWildcard(require("react"));
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 var _warnOnce = require("../../lib/warnOnce");
-var _ImageBase = require("../ImageBase/ImageBase");
-var _GridAvatarBadge = require("./GridAvatarBadge/GridAvatarBadge");
-var _excluded = ["src", "size", "className", "children"];
+var _imageBase = require("../ImageBase/ImageBase");
+var _gridAvatarBadge = require("./GridAvatarBadge/GridAvatarBadge");
 var GRID_AVATAR_DEFAULT_SIZE = 48;
-exports.GRID_AVATAR_DEFAULT_SIZE = GRID_AVATAR_DEFAULT_SIZE;
 var MAX_GRID_LENGTH = 4;
-exports.MAX_GRID_LENGTH = MAX_GRID_LENGTH;
-var warn = (0, _warnOnce.warnOnce)('GridAvatar');
-
-/**
- * @see https://vkcom.github.io/VKUI/#/GridAvatar
- */
-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 = (0, _objectWithoutProperties2.default)(_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');
+var warn = (0, _warnOnce.warnOnce)("GridAvatar");
+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 = _objectWithoutProperties(_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.ImageBase, (0, _extends2.default)({}, restProps, {
-    size: size,
-    className: (0, _vkjs.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.ImageBase, _objectSpreadProps(_objectSpread({}, restProps), {
+        size: size,
+        className: (0, _vkjs.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);
 };
-exports.GridAvatar = GridAvatar;
-GridAvatar.Badge = _GridAvatarBadge.GridAvatarBadge;
+GridAvatar.Badge = _gridAvatarBadge.GridAvatarBadge;
+
 //# sourceMappingURL=GridAvatar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GridAvatar.js","names":["GRID_AVATAR_DEFAULT_SIZE","MAX_GRID_LENGTH","warn","warnOnce","GridAvatar","src","size","className","children","restProps","process","env","NODE_ENV","length","classNames","map","url","index","backgroundImage","Badge","GridAvatarBadge"],"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;AACA;AACA;AACA;AACA;AAA+F;AAKxF,IAAMA,wBAAwB,GAAG,EAAE;AAAC;AAEpC,IAAMC,eAAe,GAAG,CAAC;AAAC;AASjC,IAAMC,IAAI,GAAG,IAAAC,kBAAQ,EAAC,YAAY,CAAC;;AAEnC;AACA;AACA;AACO,IAAMC,UAAU,GAAG,SAAbA,UAAU,OAMA;EAAA,oBALrBC,GAAG;IAAHA,GAAG,yBAAG,EAAE;IAAA,iBACRC,IAAI;IAAJA,IAAI,0BAAGN,wBAAwB;IAC/BO,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IACLC,SAAS;EAEZ,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,EAAE;IAC1C,IAAIP,GAAG,CAACQ,MAAM,GAAGZ,eAAe,EAAE;MAChCC,IAAI,0FAAuBG,GAAG,CAACQ,MAAM,8HAA0BZ,eAAe,QAAK,OAAO,CAAC;IAC7F;EACF;EAEA,oBACE,oBAAC,oBAAS,6BAAKQ,SAAS;IAAE,IAAI,EAAEH,IAAK;IAAC,SAAS,EAAE,IAAAQ,gBAAU,oBAAuBP,SAAS;EAAE,iBAC3F;IAAK,SAAS,sBAA2B;IAAC;EAAW,GAClDF,GAAG,CAACU,GAAG,CAAC,UAACC,GAAG,EAAEC,KAAK;IAAA,OAClBA,KAAK,GAAGhB,eAAe,gBACrB;MACE,GAAG,EAAEe,GAAI;MACT,SAAS,wBAA6B;MACtC,KAAK,EAAE;QAAEE,eAAe,gBAASF,GAAG;MAAI;IAAE,EAC1C,GACA,IAAI;EAAA,EACT,CACG,EACLR,QAAQ,CACC;AAEhB,CAAC;AAAC;AAEFJ,UAAU,CAACe,KAAK,GAAGC,gCAAe"}
+{"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":["GRID_AVATAR_DEFAULT_SIZE","MAX_GRID_LENGTH","GridAvatar","warn","warnOnce","src","size","className","children","restProps","process","env","NODE_ENV","length","ImageBase","classNames","div","aria-hidden","map","url","index","key","style","backgroundImage","Badge","GridAvatarBadge"],"mappings":";;;;;;;;;;;IASaA,wBAAwB;eAAxBA;;IAEAC,eAAe;eAAfA;;IAcAC,UAAU;eAAVA;;;;;;;2DAzBU;oBACI;wBACF;yBACsB;+BACY;AAKpD,IAAMF,2BAA2B;AAEjC,IAAMC,kBAAkB;AAS/B,IAAME,OAAOC,IAAAA,kBAAQ,EAAC;AAKf,IAAMF,aAAa,iBAMH;4BALrBG,KAAAA,8BAAM,EAAE,oCACRC,MAAAA,gCAAON,wCACPO,mBAAAA,WACAC,kBAAAA,UACGC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,IAAIE,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QAC1C,IAAIP,IAAIQ,MAAM,GAAGZ,iBAAiB;YAChCE,KAAK,AAAC,sBAAyDF,OAApCI,IAAIQ,MAAM,EAAC,2BAAyC,OAAhBZ,iBAAgB,MAAI;QACrF,CAAC;IACH,CAAC;IAED,qBACE,qBAACa,oBAAS,uCAAKL;QAAWH,MAAMA;QAAMC,WAAWQ,IAAAA,gBAAU,oBAAuBR;sBAChF,qBAACS;QAAIT,SAAS;QAA4BU,eAAAA,IAAW;OAClDZ,IAAIa,GAAG,CAAC,SAACC,KAAKC;eACbA,QAAQnB,gCACN,qBAACe;YACCK,KAAKF;YACLZ,SAAS;YACTe,OAAO;gBAAEC,iBAAiB,AAAC,OAAU,OAAJJ,KAAI;YAAG;aAExC,IAAI;SAGXX;AAGP;AAEAN,WAAWsB,KAAK,GAAGC,gCAAe"}

package/dist/cjs/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/cjs/components/GridAvatar/GridAvatarBadge/GridAvatarBadge.js

@@ -1,25 +1,28 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "GridAvatarBadge", {
+    enumerable: true,
+    get: function() {
+        return GridAvatarBadge;
+    }
 });
-exports.GridAvatarBadge = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var React = _interopRequireWildcard(require("react"));
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
-var _ImageBase = require("../../ImageBase/ImageBase");
-var _excluded = ["className"];
-var GridAvatarBadge = function GridAvatarBadge(_ref) {
-  var className = _ref.className,
-    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _React$useContext = React.useContext(_ImageBase.ImageBaseContext),
-    size = _React$useContext.size;
-  return /*#__PURE__*/React.createElement(_ImageBase.ImageBase.Badge, (0, _extends2.default)({}, restProps, {
-    className: (0, _vkjs.classNames)("vkuiGridAvatarBadge", size < 96 && "vkuiGridAvatarBadge--shifted", className)
-  }));
+var _imageBase = require("../../ImageBase/ImageBase");
+var GridAvatarBadge = function(_param) {
+    var className = _param.className, restProps = _objectWithoutProperties(_param, [
+        "className"
+    ]);
+    var size = _react.useContext(_imageBase.ImageBaseContext).size;
+    return /*#__PURE__*/ _react.createElement(_imageBase.ImageBase.Badge, _objectSpreadProps(_objectSpread({}, restProps), {
+        className: (0, _vkjs.classNames)("vkuiGridAvatarBadge", size < 96 && "vkuiGridAvatarBadge--shifted", className)
+    }));
 };
-exports.GridAvatarBadge = GridAvatarBadge;
+
 //# sourceMappingURL=GridAvatarBadge.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GridAvatarBadge.js","names":["GridAvatarBadge","className","restProps","React","useContext","ImageBaseContext","size","classNames"],"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;AACA;AACA;AAAkG;AAK3F,IAAMA,eAAe,GAAG,SAAlBA,eAAe,OAA0D;EAAA,IAApDC,SAAS,QAATA,SAAS;IAAKC,SAAS;EACvD,wBAAiBC,KAAK,CAACC,UAAU,CAACC,2BAAgB,CAAC;IAA3CC,IAAI,qBAAJA,IAAI;EACZ,oBACE,oBAAC,oBAAS,CAAC,KAAK,6BACVJ,SAAS;IACb,SAAS,EAAE,IAAAK,gBAAU,yBAEnBD,IAAI,GAAG,EAAE,kCAAsC,EAC/CL,SAAS;EACT,GACF;AAEN,CAAC;AAAC"}
+{"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":["GridAvatarBadge","className","restProps","size","React","useContext","ImageBaseContext","ImageBase","Badge","classNames"],"mappings":";;;;+BAOaA;;;eAAAA;;;;;;;2DAPU;oBACI;yBAC2C;AAK/D,IAAMA,kBAAkB,iBAAuD;QAApDC,mBAAAA,WAAcC;QAAdD;;IAChC,IAAM,AAAEE,OAASC,OAAMC,UAAU,CAACC,2BAAgB,EAA1CH;IACR,qBACE,qBAACI,oBAAS,CAACC,KAAK,uCACVN;QACJD,WAAWQ,IAAAA,gBAAU,yBAEnBN,OAAO,sCACPF;;AAIR"}