@vkontakte/vkui 5.2.4 → 5.3.1

package/dist/cjs/components/ImageBase/ImageBaseBadge/ImageBaseBadge.js

@@ -1,47 +1,44 @@
 "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, "ImageBaseBadge", {
+    enumerable: true,
+    get: function() {
+        return ImageBaseBadge;
+    }
 });
-exports.ImageBaseBadge = 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 _context = require("../context");
 var _validators = require("../validators");
-var _excluded = ["background", "children", "className"];
 var backgroundStyles = {
-  stroke: "vkuiImageBaseBadge--background-stroke",
-  shadow: "vkuiImageBaseBadge--background-shadow"
+    stroke: "vkuiImageBaseBadge--background-stroke",
+    shadow: "vkuiImageBaseBadge--background-shadow"
 };
-/**
- * Бейдж в правом нижнем углу компонента.
- *
- * > Не используйте при `size < 24`
- */
-var ImageBaseBadge = function ImageBaseBadge(_ref) {
-  var _ref$background = _ref.background,
-    background = _ref$background === void 0 ? 'shadow' : _ref$background,
-    children = _ref.children,
-    className = _ref.className,
-    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  if (process.env.NODE_ENV === 'development') {
-    if (children) {
-      // eslint-disable-next-line react-hooks/rules-of-hooks
-      var _React$useContext = React.useContext(_context.ImageBaseContext),
-        size = _React$useContext.size;
-      (0, _validators.validateBadgeIcon)(size, {
-        name: 'children',
-        value: children
-      });
+var ImageBaseBadge = function(_param) {
+    var _param_background = _param.background, background = _param_background === void 0 ? "shadow" : _param_background, children = _param.children, className = _param.className, restProps = _objectWithoutProperties(_param, [
+        "background",
+        "children",
+        "className"
+    ]);
+    if (process.env.NODE_ENV === "development") {
+        if (children) {
+            // eslint-disable-next-line react-hooks/rules-of-hooks
+            var size = _react.useContext(_context.ImageBaseContext).size;
+            (0, _validators.validateBadgeIcon)(size, {
+                name: "children",
+                value: children
+            });
+        }
     }
-  }
-  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, restProps, {
-    className: (0, _vkjs.classNames)("vkuiImageBaseBadge", backgroundStyles[background], className)
-  }), children);
+    return /*#__PURE__*/ _react.createElement("div", _objectSpreadProps(_objectSpread({}, restProps), {
+        className: (0, _vkjs.classNames)("vkuiImageBaseBadge", backgroundStyles[background], className)
+    }), children);
 };
-exports.ImageBaseBadge = ImageBaseBadge;
+
 //# sourceMappingURL=ImageBaseBadge.js.map

package/dist/cjs/components/ImageBase/ImageBaseBadge/ImageBaseBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageBaseBadge.js","names":["backgroundStyles","stroke","shadow","ImageBaseBadge","background","children","className","restProps","process","env","NODE_ENV","React","useContext","ImageBaseContext","size","validateBadgeIcon","name","value","classNames"],"sources":["../../../../../src/components/ImageBase/ImageBaseBadge/ImageBaseBadge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { ImageBaseContext } from '../context';\nimport type { ImageBaseExpectedIconProps } from '../types';\nimport { validateBadgeIcon } from '../validators';\nimport styles from './ImageBaseBadge.module.css';\n\nconst backgroundStyles = {\n  stroke: styles['ImageBaseBadge--background-stroke'],\n  shadow: styles['ImageBaseBadge--background-shadow'],\n};\n\nexport interface ImageBaseBadgeProps extends React.AriaAttributes {\n  /**\n   * Вид подложки под иконку.\n   *\n   * - `\"stroke\"` – имитирует вырез (⚠️ если фон под компонентом динамический, то ожидайте баг).\n   * - `\"shadow\"` – добавляет небольшую тень.\n   */\n  background?: 'stroke' | 'shadow';\n  /**\n   * Принимает иконку.\n   *\n   * > 📝 Нужный для `<ImageBase size={...} />` размер можно узнать из функции `getBadgeIconSizeByImageBaseSize()`.\n   *\n   * > Предпочтительней использовать иконки из `@vkontakte/icons`.\n   *\n   * > 📊️ Если вы хотите передать кастомную иконку, то следует именовать её по шаблону `Icon<size><name>`. Или же\n   * > чтобы в неё был передан параметр `width`. Тогда мы сможем выводить в консоль подсказку правильного ли размера вы\n   * > использовали иконку.\n   */\n  children: React.ReactElement<ImageBaseExpectedIconProps>;\n  className?: string;\n}\n\n/**\n * Бейдж в правом нижнем углу компонента.\n *\n * > Не используйте при `size < 24`\n */\nexport const ImageBaseBadge = ({\n  background = 'shadow',\n  children,\n  className,\n  ...restProps\n}: ImageBaseBadgeProps) => {\n  if (process.env.NODE_ENV === 'development') {\n    if (children) {\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      const { size } = React.useContext(ImageBaseContext);\n      validateBadgeIcon(size, { name: 'children', value: children });\n    }\n  }\n\n  return (\n    <div\n      {...restProps}\n      className={classNames(styles['ImageBaseBadge'], backgroundStyles[background], className)}\n    >\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AAEA;AAAkD;AAGlD,IAAMA,gBAAgB,GAAG;EACvBC,MAAM,yCAA6C;EACnDC,MAAM;AACR,CAAC;AAyBD;AACA;AACA;AACA;AACA;AACO,IAAMC,cAAc,GAAG,SAAjBA,cAAc,OAKA;EAAA,2BAJzBC,UAAU;IAAVA,UAAU,gCAAG,QAAQ;IACrBC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,EAAE;IAC1C,IAAIL,QAAQ,EAAE;MACZ;MACA,wBAAiBM,KAAK,CAACC,UAAU,CAACC,yBAAgB,CAAC;QAA3CC,IAAI,qBAAJA,IAAI;MACZ,IAAAC,6BAAiB,EAACD,IAAI,EAAE;QAAEE,IAAI,EAAE,UAAU;QAAEC,KAAK,EAAEZ;MAAS,CAAC,CAAC;IAChE;EACF;EAEA,oBACE,sDACME,SAAS;IACb,SAAS,EAAE,IAAAW,gBAAU,wBAA2BlB,gBAAgB,CAACI,UAAU,CAAC,EAAEE,SAAS;EAAE,IAExFD,QAAQ,CACL;AAEV,CAAC;AAAC"}
+{"version":3,"sources":["../../../../../src/components/ImageBase/ImageBaseBadge/ImageBaseBadge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { ImageBaseContext } from '../context';\nimport type { ImageBaseExpectedIconProps } from '../types';\nimport { validateBadgeIcon } from '../validators';\nimport styles from './ImageBaseBadge.module.css';\n\nconst backgroundStyles = {\n  stroke: styles['ImageBaseBadge--background-stroke'],\n  shadow: styles['ImageBaseBadge--background-shadow'],\n};\n\nexport interface ImageBaseBadgeProps extends React.AriaAttributes {\n  /**\n   * Вид подложки под иконку.\n   *\n   * - `\"stroke\"` – имитирует вырез (⚠️ если фон под компонентом динамический, то ожидайте баг).\n   * - `\"shadow\"` – добавляет небольшую тень.\n   */\n  background?: 'stroke' | 'shadow';\n  /**\n   * Принимает иконку.\n   *\n   * > 📝 Нужный для `<ImageBase size={...} />` размер можно узнать из функции `getBadgeIconSizeByImageBaseSize()`.\n   *\n   * > Предпочтительней использовать иконки из `@vkontakte/icons`.\n   *\n   * > 📊️ Если вы хотите передать кастомную иконку, то следует именовать её по шаблону `Icon<size><name>`. Или же\n   * > чтобы в неё был передан параметр `width`. Тогда мы сможем выводить в консоль подсказку правильного ли размера вы\n   * > использовали иконку.\n   */\n  children: React.ReactElement<ImageBaseExpectedIconProps>;\n  className?: string;\n}\n\n/**\n * Бейдж в правом нижнем углу компонента.\n *\n * > Не используйте при `size < 24`\n */\nexport const ImageBaseBadge = ({\n  background = 'shadow',\n  children,\n  className,\n  ...restProps\n}: ImageBaseBadgeProps) => {\n  if (process.env.NODE_ENV === 'development') {\n    if (children) {\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      const { size } = React.useContext(ImageBaseContext);\n      validateBadgeIcon(size, { name: 'children', value: children });\n    }\n  }\n\n  return (\n    <div\n      {...restProps}\n      className={classNames(styles['ImageBaseBadge'], backgroundStyles[background], className)}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":["ImageBaseBadge","backgroundStyles","stroke","shadow","background","children","className","restProps","process","env","NODE_ENV","size","React","useContext","ImageBaseContext","validateBadgeIcon","name","value","div","classNames"],"mappings":";;;;+BAwCaA;;;eAAAA;;;;;;;2DAxCU;oBACI;uBACM;0BAEC;AAGlC,IAAMC,mBAAmB;IACvBC,MAAM;IACNC,MAAM;AACR;AA8BO,IAAMH,iBAAiB,iBAKH;mCAJzBI,YAAAA,4CAAa,8BACbC,kBAAAA,UACAC,mBAAAA,WACGC;QAHHH;QACAC;QACAC;;IAGA,IAAIE,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QAC1C,IAAIL,UAAU;YACZ,sDAAsD;YACtD,IAAM,AAAEM,OAASC,OAAMC,UAAU,CAACC,yBAAgB,EAA1CH;YACRI,IAAAA,6BAAiB,EAACJ,MAAM;gBAAEK,MAAM;gBAAYC,OAAOZ;YAAS;QAC9D,CAAC;IACH,CAAC;IAED,qBACE,qBAACa,4CACKX;QACJD,WAAWa,IAAAA,gBAAU,wBAA2BlB,gBAAgB,CAACG,WAAW,EAAEE;QAE7ED;AAGP"}

package/dist/cjs/components/ImageBase/ImageBaseOverlay/ImageBaseOverlay.js

@@ -1,56 +1,56 @@
 "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, "ImageBaseOverlay", {
+    enumerable: true,
+    get: function() {
+        return ImageBaseOverlay;
+    }
 });
-exports.ImageBaseOverlay = 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 _useAdaptivityHasPointer = require("../../../hooks/useAdaptivityHasPointer");
 var _useAppearance = require("../../../hooks/useAppearance");
-var _Tappable = require("../../Tappable/Tappable");
+var _tappable = require("../../Tappable/Tappable");
 var _context = require("../context");
 var _validators = require("../validators");
-var _excluded = ["className", "theme", "visibility", "children", "onClick"];
-/**
- * Интерактивный оверлей над картинкой.
- */
-var ImageBaseOverlay = function ImageBaseOverlay(_ref) {
-  var className = _ref.className,
-    themeProp = _ref.theme,
-    visibilityProp = _ref.visibility,
-    children = _ref.children,
-    onClick = _ref.onClick,
-    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var appearance = (0, _useAppearance.useAppearance)();
-  var hasPointer = (0, _useAdaptivityHasPointer.useAdaptivityHasPointer)();
-  var theme = themeProp !== null && themeProp !== void 0 ? themeProp : appearance;
-  var visibility = visibilityProp !== null && visibilityProp !== void 0 ? visibilityProp : hasPointer ? 'on-hover' : 'always';
-  if (process.env.NODE_ENV === 'development') {
-    if (children) {
-      // eslint-disable-next-line react-hooks/rules-of-hooks
-      var _React$useContext = React.useContext(_context.ImageBaseContext),
-        size = _React$useContext.size;
-      (0, _validators.validateOverlayIcon)(size, {
-        name: 'children',
-        value: children
-      });
+var ImageBaseOverlay = function(_param) {
+    var className = _param.className, themeProp = _param.theme, visibilityProp = _param.visibility, children = _param.children, onClick = _param.onClick, restProps = _objectWithoutProperties(_param, [
+        "className",
+        "theme",
+        "visibility",
+        "children",
+        "onClick"
+    ]);
+    var appearance = (0, _useAppearance.useAppearance)();
+    var hasPointer = (0, _useAdaptivityHasPointer.useAdaptivityHasPointer)();
+    var theme = themeProp !== null && themeProp !== void 0 ? themeProp : appearance;
+    var visibility = visibilityProp !== null && visibilityProp !== void 0 ? visibilityProp : hasPointer ? "on-hover" : "always";
+    if (process.env.NODE_ENV === "development") {
+        if (children) {
+            // eslint-disable-next-line react-hooks/rules-of-hooks
+            var size = _react.useContext(_context.ImageBaseContext).size;
+            (0, _validators.validateOverlayIcon)(size, {
+                name: "children",
+                value: children
+            });
+        }
     }
-  }
-  return /*#__PURE__*/React.createElement(_Tappable.Tappable, (0, _extends2.default)({}, restProps, {
-    type: "button",
-    Component: "button",
-    className: (0, _vkjs.classNames)("vkuiImageBaseOverlay", visibility === 'always' && "vkuiImageBaseOverlay--visible", theme === 'light' && "vkuiImageBaseOverlay--theme-light", theme === 'dark' && "vkuiImageBaseOverlay--theme-dark", className),
-    hasHover: visibility === 'on-hover',
-    hoverMode: visibility === 'on-hover' ? "vkuiImageBaseOverlay--visible" : undefined,
-    focusVisibleMode: "vkuiImageBaseOverlay--focus-visible",
-    hasActive: false,
-    onClick: onClick
-  }), children);
+    return /*#__PURE__*/ _react.createElement(_tappable.Tappable, _objectSpreadProps(_objectSpread({}, restProps), {
+        type: "button",
+        Component: "button",
+        className: (0, _vkjs.classNames)("vkuiImageBaseOverlay", visibility === "always" && "vkuiImageBaseOverlay--visible", theme === "light" && "vkuiImageBaseOverlay--theme-light", theme === "dark" && "vkuiImageBaseOverlay--theme-dark", className),
+        hasHover: visibility === "on-hover",
+        hoverMode: visibility === "on-hover" ? "vkuiImageBaseOverlay--visible" : undefined,
+        focusVisibleMode: "vkuiImageBaseOverlay--focus-visible",
+        hasActive: false,
+        onClick: onClick
+    }), children);
 };
-exports.ImageBaseOverlay = ImageBaseOverlay;
+
 //# sourceMappingURL=ImageBaseOverlay.js.map

package/dist/cjs/components/ImageBase/ImageBaseOverlay/ImageBaseOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageBaseOverlay.js","names":["ImageBaseOverlay","className","themeProp","theme","visibilityProp","visibility","children","onClick","restProps","appearance","useAppearance","hasPointer","useAdaptivityHasPointer","process","env","NODE_ENV","React","useContext","ImageBaseContext","size","validateOverlayIcon","name","value","classNames","undefined"],"sources":["../../../../../src/components/ImageBase/ImageBaseOverlay/ImageBaseOverlay.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityHasPointer } from '../../../hooks/useAdaptivityHasPointer';\nimport { useAppearance } from '../../../hooks/useAppearance';\nimport { Tappable } from '../../Tappable/Tappable';\nimport { ImageBaseContext } from '../context';\nimport type { ImageBaseExpectedIconProps } from '../types';\nimport { validateOverlayIcon } from '../validators';\nimport styles from './ImageBaseOverlay.module.css';\n\nexport interface ImageBaseOverlayProps extends React.AriaAttributes {\n  /**\n   * Задаёт тему оформления.\n   *\n   * > По умолчанию берётся из параметра `appearance` в `ConfigProvider`.\n   */\n  theme?: 'dark' | 'light';\n  /**\n   * Определяет каким образом должен показываться оверлей.\n   *\n   * - `\"on-hover\"` – на наведение указателя мыши.\n   * - `\"always\"` – всегда показывать.\n   *\n   * > По умолчанию определяется в зависимости от того, есть ли у пользователя мышь или нет.\n   */\n  visibility?: 'on-hover' | 'always';\n  /**\n   * Принимает иконку.\n   *\n   *\n   * > 📝 Нужный для `<ImageBase size={...} />` размер можно узнать из функции `getOverlayIconSizeByImageBaseSize()`.\n   *\n   * > Предпочтительней использовать иконки из `@vkontakte/icons`.\n   *\n   * > 📊️ Если вы хотите передать кастомную иконку, то следует именовать её по шаблону `Icon<size><name>`. Или же\n   * > чтобы в неё был передан параметр `width`. Тогда мы сможем выводить в консоль подсказку правильного ли размера вы\n   * > использовали иконку.\n   */\n  children: React.ReactElement<ImageBaseExpectedIconProps>;\n  className?: string;\n  onClick?: React.MouseEventHandler<HTMLElement>;\n}\n\n/**\n * Интерактивный оверлей над картинкой.\n */\nexport const ImageBaseOverlay = ({\n  className,\n  theme: themeProp,\n  visibility: visibilityProp,\n  children,\n  onClick,\n  ...restProps\n}: ImageBaseOverlayProps) => {\n  const appearance = useAppearance();\n  const hasPointer = useAdaptivityHasPointer();\n  const theme = themeProp ?? appearance;\n  const visibility = visibilityProp ?? (hasPointer ? 'on-hover' : 'always');\n\n  if (process.env.NODE_ENV === 'development') {\n    if (children) {\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      const { size } = React.useContext(ImageBaseContext);\n      validateOverlayIcon(size, { name: 'children', value: children });\n    }\n  }\n\n  return (\n    <Tappable\n      {...restProps}\n      type=\"button\"\n      Component=\"button\"\n      className={classNames(\n        styles['ImageBaseOverlay'],\n        visibility === 'always' && styles['ImageBaseOverlay--visible'],\n        theme === 'light' && styles['ImageBaseOverlay--theme-light'],\n        theme === 'dark' && styles['ImageBaseOverlay--theme-dark'],\n        className,\n      )}\n      hasHover={visibility === 'on-hover'}\n      hoverMode={visibility === 'on-hover' ? styles['ImageBaseOverlay--visible'] : undefined}\n      focusVisibleMode={styles['ImageBaseOverlay--focus-visible']}\n      hasActive={false}\n      onClick={onClick}\n    >\n      {children}\n    </Tappable>\n  );\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAoD;AAoCpD;AACA;AACA;AACO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgB,OAOA;EAAA,IAN3BC,SAAS,QAATA,SAAS;IACFC,SAAS,QAAhBC,KAAK;IACOC,cAAc,QAA1BC,UAAU;IACVC,QAAQ,QAARA,QAAQ;IACRC,OAAO,QAAPA,OAAO;IACJC,SAAS;EAEZ,IAAMC,UAAU,GAAG,IAAAC,4BAAa,GAAE;EAClC,IAAMC,UAAU,GAAG,IAAAC,gDAAuB,GAAE;EAC5C,IAAMT,KAAK,GAAGD,SAAS,aAATA,SAAS,cAATA,SAAS,GAAIO,UAAU;EACrC,IAAMJ,UAAU,GAAGD,cAAc,aAAdA,cAAc,cAAdA,cAAc,GAAKO,UAAU,GAAG,UAAU,GAAG,QAAS;EAEzE,IAAIE,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,EAAE;IAC1C,IAAIT,QAAQ,EAAE;MACZ;MACA,wBAAiBU,KAAK,CAACC,UAAU,CAACC,yBAAgB,CAAC;QAA3CC,IAAI,qBAAJA,IAAI;MACZ,IAAAC,+BAAmB,EAACD,IAAI,EAAE;QAAEE,IAAI,EAAE,UAAU;QAAEC,KAAK,EAAEhB;MAAS,CAAC,CAAC;IAClE;EACF;EAEA,oBACE,oBAAC,kBAAQ,6BACHE,SAAS;IACb,IAAI,EAAC,QAAQ;IACb,SAAS,EAAC,QAAQ;IAClB,SAAS,EAAE,IAAAe,gBAAU,0BAEnBlB,UAAU,KAAK,QAAQ,mCAAuC,EAC9DF,KAAK,KAAK,OAAO,uCAA2C,EAC5DA,KAAK,KAAK,MAAM,sCAA0C,EAC1DF,SAAS,CACT;IACF,QAAQ,EAAEI,UAAU,KAAK,UAAW;IACpC,SAAS,EAAEA,UAAU,KAAK,UAAU,qCAAyCmB,SAAU;IACvF,gBAAgB,uCAA4C;IAC5D,SAAS,EAAE,KAAM;IACjB,OAAO,EAAEjB;EAAQ,IAEhBD,QAAQ,CACA;AAEf,CAAC;AAAC"}
+{"version":3,"sources":["../../../../../src/components/ImageBase/ImageBaseOverlay/ImageBaseOverlay.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityHasPointer } from '../../../hooks/useAdaptivityHasPointer';\nimport { useAppearance } from '../../../hooks/useAppearance';\nimport { Tappable } from '../../Tappable/Tappable';\nimport { ImageBaseContext } from '../context';\nimport type { ImageBaseExpectedIconProps } from '../types';\nimport { validateOverlayIcon } from '../validators';\nimport styles from './ImageBaseOverlay.module.css';\n\nexport interface ImageBaseOverlayProps extends React.AriaAttributes {\n  /**\n   * Задаёт тему оформления.\n   *\n   * > По умолчанию берётся из параметра `appearance` в `ConfigProvider`.\n   */\n  theme?: 'dark' | 'light';\n  /**\n   * Определяет каким образом должен показываться оверлей.\n   *\n   * - `\"on-hover\"` – на наведение указателя мыши.\n   * - `\"always\"` – всегда показывать.\n   *\n   * > По умолчанию определяется в зависимости от того, есть ли у пользователя мышь или нет.\n   */\n  visibility?: 'on-hover' | 'always';\n  /**\n   * Принимает иконку.\n   *\n   *\n   * > 📝 Нужный для `<ImageBase size={...} />` размер можно узнать из функции `getOverlayIconSizeByImageBaseSize()`.\n   *\n   * > Предпочтительней использовать иконки из `@vkontakte/icons`.\n   *\n   * > 📊️ Если вы хотите передать кастомную иконку, то следует именовать её по шаблону `Icon<size><name>`. Или же\n   * > чтобы в неё был передан параметр `width`. Тогда мы сможем выводить в консоль подсказку правильного ли размера вы\n   * > использовали иконку.\n   */\n  children: React.ReactElement<ImageBaseExpectedIconProps>;\n  className?: string;\n  onClick?: React.MouseEventHandler<HTMLElement>;\n}\n\n/**\n * Интерактивный оверлей над картинкой.\n */\nexport const ImageBaseOverlay = ({\n  className,\n  theme: themeProp,\n  visibility: visibilityProp,\n  children,\n  onClick,\n  ...restProps\n}: ImageBaseOverlayProps) => {\n  const appearance = useAppearance();\n  const hasPointer = useAdaptivityHasPointer();\n  const theme = themeProp ?? appearance;\n  const visibility = visibilityProp ?? (hasPointer ? 'on-hover' : 'always');\n\n  if (process.env.NODE_ENV === 'development') {\n    if (children) {\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      const { size } = React.useContext(ImageBaseContext);\n      validateOverlayIcon(size, { name: 'children', value: children });\n    }\n  }\n\n  return (\n    <Tappable\n      {...restProps}\n      type=\"button\"\n      Component=\"button\"\n      className={classNames(\n        styles['ImageBaseOverlay'],\n        visibility === 'always' && styles['ImageBaseOverlay--visible'],\n        theme === 'light' && styles['ImageBaseOverlay--theme-light'],\n        theme === 'dark' && styles['ImageBaseOverlay--theme-dark'],\n        className,\n      )}\n      hasHover={visibility === 'on-hover'}\n      hoverMode={visibility === 'on-hover' ? styles['ImageBaseOverlay--visible'] : undefined}\n      focusVisibleMode={styles['ImageBaseOverlay--focus-visible']}\n      hasActive={false}\n      onClick={onClick}\n    >\n      {children}\n    </Tappable>\n  );\n};\n"],"names":["ImageBaseOverlay","className","theme","themeProp","visibility","visibilityProp","children","onClick","restProps","appearance","useAppearance","hasPointer","useAdaptivityHasPointer","process","env","NODE_ENV","size","React","useContext","ImageBaseContext","validateOverlayIcon","name","value","Tappable","type","Component","classNames","hasHover","hoverMode","undefined","focusVisibleMode","hasActive"],"mappings":";;;;+BA8CaA;;;eAAAA;;;;;;;2DA9CU;oBACI;uCACa;6BACV;wBACL;uBACQ;0BAEG;AAuC7B,IAAMA,mBAAmB,iBAOH;QAN3BC,mBAAAA,WACAC,AAAOC,mBAAPD,OACAE,AAAYC,wBAAZD,YACAE,kBAAAA,UACAC,iBAAAA,SACGC;QALHP;QACAC;QACAE;QACAE;QACAC;;IAGA,IAAME,aAAaC,IAAAA,4BAAa;IAChC,IAAMC,aAAaC,IAAAA,gDAAuB;IAC1C,IAAMV,QAAQC,sBAAAA,uBAAAA,YAAaM,UAAU;IACrC,IAAML,aAAaC,2BAAAA,4BAAAA,iBAAmBM,aAAa,aAAa,QAAQ,AAAC;IAEzE,IAAIE,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QAC1C,IAAIT,UAAU;YACZ,sDAAsD;YACtD,IAAM,AAAEU,OAASC,OAAMC,UAAU,CAACC,yBAAgB,EAA1CH;YACRI,IAAAA,+BAAmB,EAACJ,MAAM;gBAAEK,MAAM;gBAAYC,OAAOhB;YAAS;QAChE,CAAC;IACH,CAAC;IAED,qBACE,qBAACiB,kBAAQ,uCACHf;QACJgB,MAAK;QACLC,WAAU;QACVxB,WAAWyB,IAAAA,gBAAU,0BAEnBtB,eAAe,6CACfF,UAAU,gDACVA,UAAU,8CACVD;QAEF0B,UAAUvB,eAAe;QACzBwB,WAAWxB,eAAe,+CAAmDyB,SAAS;QACtFC,gBAAgB;QAChBC,WAAW,KAAK;QAChBxB,SAASA;QAERD;AAGP"}

package/dist/cjs/components/ImageBase/context.js

@@ -1,13 +1,17 @@
 "use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "ImageBaseContext", {
+    enumerable: true,
+    get: function() {
+        return ImageBaseContext;
+    }
 });
-exports.ImageBaseContext = void 0;
-var React = _interopRequireWildcard(require("react"));
-var ImageBaseContext = /*#__PURE__*/React.createContext({
-  size: 0
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var ImageBaseContext = _react.createContext({
+    size: 0
 });
-exports.ImageBaseContext = ImageBaseContext;
+
 //# sourceMappingURL=context.js.map

package/dist/cjs/components/ImageBase/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":["ImageBaseContext","React","createContext","size"],"sources":["../../../../src/components/ImageBase/context.ts"],"sourcesContent":["import * as React from 'react';\nimport { ImageBaseContextProps } from './types';\n\nexport const ImageBaseContext = React.createContext<ImageBaseContextProps>({\n  size: 0,\n});\n"],"mappings":";;;;;;;AAAA;AAGO,IAAMA,gBAAgB,gBAAGC,KAAK,CAACC,aAAa,CAAwB;EACzEC,IAAI,EAAE;AACR,CAAC,CAAC;AAAC"}
+{"version":3,"sources":["../../../../src/components/ImageBase/context.ts"],"sourcesContent":["import * as React from 'react';\nimport { ImageBaseContextProps } from './types';\n\nexport const ImageBaseContext = React.createContext<ImageBaseContextProps>({\n  size: 0,\n});\n"],"names":["ImageBaseContext","React","createContext","size"],"mappings":";;;;+BAGaA;;;eAAAA;;;;2DAHU;AAGhB,IAAMA,mBAAmBC,OAAMC,aAAa,CAAwB;IACzEC,MAAM;AACR"}

package/dist/cjs/components/ImageBase/helpers.js

@@ -1,63 +1,68 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getBadgeIconSizeByImageBaseSize = getBadgeIconSizeByImageBaseSize;
-exports.getFallbackIconSizeByImageBaseSize = getFallbackIconSizeByImageBaseSize;
-exports.getOverlayIconSizeByImageBaseSize = getOverlayIconSizeByImageBaseSize;
 /**
  * Возвращает размер иконки основанный на дизайн-системы.
- */
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    getFallbackIconSizeByImageBaseSize: function() {
+        return getFallbackIconSizeByImageBaseSize;
+    },
+    getBadgeIconSizeByImageBaseSize: function() {
+        return getBadgeIconSizeByImageBaseSize;
+    },
+    getOverlayIconSizeByImageBaseSize: function() {
+        return getOverlayIconSizeByImageBaseSize;
+    }
+});
 function getFallbackIconSizeByImageBaseSize(imageSize) {
-  if (imageSize <= 20) {
-    return 12;
-  } else if (imageSize > 20 && imageSize <= 28) {
-    return 16;
-  } else if (imageSize > 28 && imageSize <= 32) {
-    return 20;
-  } else if (imageSize > 32 && imageSize <= 44) {
-    return 24;
-  } else if (imageSize > 44 && imageSize <= 64) {
-    return 28;
-  }
-  return getFallbackIconSizeByImageBaseSize.MAX_SIZE;
+    if (imageSize <= 20) {
+        return 12;
+    } else if (imageSize > 20 && imageSize <= 28) {
+        return 16;
+    } else if (imageSize > 28 && imageSize <= 32) {
+        return 20;
+    } else if (imageSize > 32 && imageSize <= 44) {
+        return 24;
+    } else if (imageSize > 44 && imageSize <= 64) {
+        return 28;
+    }
+    return getFallbackIconSizeByImageBaseSize.MAX_SIZE;
 }
 getFallbackIconSizeByImageBaseSize.MAX_SIZE = 36;
-
-/**
- * Возвращает размер иконки основанный на дизайн-системы.
- */
 function getBadgeIconSizeByImageBaseSize(imageSize) {
-  if (imageSize <= 36) {
-    return 12;
-  } else if (imageSize > 36 && imageSize <= 48) {
-    return 16;
-  } else if (imageSize > 48 && imageSize <= 64) {
-    return 20;
-  }
-  return getBadgeIconSizeByImageBaseSize.MAX_SIZE;
+    if (imageSize <= 36) {
+        return 12;
+    } else if (imageSize > 36 && imageSize <= 48) {
+        return 16;
+    } else if (imageSize > 48 && imageSize <= 64) {
+        return 20;
+    }
+    return getBadgeIconSizeByImageBaseSize.MAX_SIZE;
 }
 getBadgeIconSizeByImageBaseSize.MAX_SIZE = 24;
-
-/**
- * Возвращает размер иконки основанный на дизайн-системы.
- */
 function getOverlayIconSizeByImageBaseSize(imageSize) {
-  if (imageSize <= 20) {
-    return 12;
-  } else if (imageSize > 20 && imageSize <= 24) {
-    return 16;
-  } else if (imageSize > 24 && imageSize <= 28) {
-    return 18;
-  } else if (imageSize > 28 && imageSize <= 40) {
-    return 20;
-  } else if (imageSize > 40 && imageSize <= 48) {
-    return 24;
-  } else if (imageSize > 48 && imageSize <= 88) {
-    return 28;
-  }
-  return getOverlayIconSizeByImageBaseSize.MAX_SIZE;
+    if (imageSize <= 20) {
+        return 12;
+    } else if (imageSize > 20 && imageSize <= 24) {
+        return 16;
+    } else if (imageSize > 24 && imageSize <= 28) {
+        return 18;
+    } else if (imageSize > 28 && imageSize <= 40) {
+        return 20;
+    } else if (imageSize > 40 && imageSize <= 48) {
+        return 24;
+    } else if (imageSize > 48 && imageSize <= 88) {
+        return 28;
+    }
+    return getOverlayIconSizeByImageBaseSize.MAX_SIZE;
 }
 getOverlayIconSizeByImageBaseSize.MAX_SIZE = 32;
+
 //# sourceMappingURL=helpers.js.map

package/dist/cjs/components/ImageBase/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["getFallbackIconSizeByImageBaseSize","imageSize","MAX_SIZE","getBadgeIconSizeByImageBaseSize","getOverlayIconSizeByImageBaseSize"],"sources":["../../../../src/components/ImageBase/helpers.ts"],"sourcesContent":["/**\n * Возвращает размер иконки основанный на дизайн-системы.\n */\nexport function getFallbackIconSizeByImageBaseSize(imageSize: number): 12 | 16 | 20 | 24 | 28 | 36 {\n  if (imageSize <= 20) {\n    return 12;\n  } else if (imageSize > 20 && imageSize <= 28) {\n    return 16;\n  } else if (imageSize > 28 && imageSize <= 32) {\n    return 20;\n  } else if (imageSize > 32 && imageSize <= 44) {\n    return 24;\n  } else if (imageSize > 44 && imageSize <= 64) {\n    return 28;\n  }\n  return getFallbackIconSizeByImageBaseSize.MAX_SIZE;\n}\n\ngetFallbackIconSizeByImageBaseSize.MAX_SIZE = 36 as const;\n\n/**\n * Возвращает размер иконки основанный на дизайн-системы.\n */\nexport function getBadgeIconSizeByImageBaseSize(imageSize: number): 12 | 16 | 20 | 24 {\n  if (imageSize <= 36) {\n    return 12;\n  } else if (imageSize > 36 && imageSize <= 48) {\n    return 16;\n  } else if (imageSize > 48 && imageSize <= 64) {\n    return 20;\n  }\n  return getBadgeIconSizeByImageBaseSize.MAX_SIZE;\n}\n\ngetBadgeIconSizeByImageBaseSize.MAX_SIZE = 24 as const;\n\n/**\n * Возвращает размер иконки основанный на дизайн-системы.\n */\nexport function getOverlayIconSizeByImageBaseSize(\n  imageSize: number,\n): 12 | 16 | 18 | 20 | 24 | 28 | 32 {\n  if (imageSize <= 20) {\n    return 12;\n  } else if (imageSize > 20 && imageSize <= 24) {\n    return 16;\n  } else if (imageSize > 24 && imageSize <= 28) {\n    return 18;\n  } else if (imageSize > 28 && imageSize <= 40) {\n    return 20;\n  } else if (imageSize > 40 && imageSize <= 48) {\n    return 24;\n  } else if (imageSize > 48 && imageSize <= 88) {\n    return 28;\n  }\n  return getOverlayIconSizeByImageBaseSize.MAX_SIZE;\n}\n\ngetOverlayIconSizeByImageBaseSize.MAX_SIZE = 32 as const;\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACO,SAASA,kCAAkC,CAACC,SAAiB,EAA+B;EACjG,IAAIA,SAAS,IAAI,EAAE,EAAE;IACnB,OAAO,EAAE;EACX,CAAC,MAAM,IAAIA,SAAS,GAAG,EAAE,IAAIA,SAAS,IAAI,EAAE,EAAE;IAC5C,OAAO,EAAE;EACX,CAAC,MAAM,IAAIA,SAAS,GAAG,EAAE,IAAIA,SAAS,IAAI,EAAE,EAAE;IAC5C,OAAO,EAAE;EACX,CAAC,MAAM,IAAIA,SAAS,GAAG,EAAE,IAAIA,SAAS,IAAI,EAAE,EAAE;IAC5C,OAAO,EAAE;EACX,CAAC,MAAM,IAAIA,SAAS,GAAG,EAAE,IAAIA,SAAS,IAAI,EAAE,EAAE;IAC5C,OAAO,EAAE;EACX;EACA,OAAOD,kCAAkC,CAACE,QAAQ;AACpD;AAEAF,kCAAkC,CAACE,QAAQ,GAAG,EAAW;;AAEzD;AACA;AACA;AACO,SAASC,+BAA+B,CAACF,SAAiB,EAAqB;EACpF,IAAIA,SAAS,IAAI,EAAE,EAAE;IACnB,OAAO,EAAE;EACX,CAAC,MAAM,IAAIA,SAAS,GAAG,EAAE,IAAIA,SAAS,IAAI,EAAE,EAAE;IAC5C,OAAO,EAAE;EACX,CAAC,MAAM,IAAIA,SAAS,GAAG,EAAE,IAAIA,SAAS,IAAI,EAAE,EAAE;IAC5C,OAAO,EAAE;EACX;EACA,OAAOE,+BAA+B,CAACD,QAAQ;AACjD;AAEAC,+BAA+B,CAACD,QAAQ,GAAG,EAAW;;AAEtD;AACA;AACA;AACO,SAASE,iCAAiC,CAC/CH,SAAiB,EACiB;EAClC,IAAIA,SAAS,IAAI,EAAE,EAAE;IACnB,OAAO,EAAE;EACX,CAAC,MAAM,IAAIA,SAAS,GAAG,EAAE,IAAIA,SAAS,IAAI,EAAE,EAAE;IAC5C,OAAO,EAAE;EACX,CAAC,MAAM,IAAIA,SAAS,GAAG,EAAE,IAAIA,SAAS,IAAI,EAAE,EAAE;IAC5C,OAAO,EAAE;EACX,CAAC,MAAM,IAAIA,SAAS,GAAG,EAAE,IAAIA,SAAS,IAAI,EAAE,EAAE;IAC5C,OAAO,EAAE;EACX,CAAC,MAAM,IAAIA,SAAS,GAAG,EAAE,IAAIA,SAAS,IAAI,EAAE,EAAE;IAC5C,OAAO,EAAE;EACX,CAAC,MAAM,IAAIA,SAAS,GAAG,EAAE,IAAIA,SAAS,IAAI,EAAE,EAAE;IAC5C,OAAO,EAAE;EACX;EACA,OAAOG,iCAAiC,CAACF,QAAQ;AACnD;AAEAE,iCAAiC,CAACF,QAAQ,GAAG,EAAW"}
+{"version":3,"sources":["../../../../src/components/ImageBase/helpers.ts"],"sourcesContent":["/**\n * Возвращает размер иконки основанный на дизайн-системы.\n */\nexport function getFallbackIconSizeByImageBaseSize(imageSize: number): 12 | 16 | 20 | 24 | 28 | 36 {\n  if (imageSize <= 20) {\n    return 12;\n  } else if (imageSize > 20 && imageSize <= 28) {\n    return 16;\n  } else if (imageSize > 28 && imageSize <= 32) {\n    return 20;\n  } else if (imageSize > 32 && imageSize <= 44) {\n    return 24;\n  } else if (imageSize > 44 && imageSize <= 64) {\n    return 28;\n  }\n  return getFallbackIconSizeByImageBaseSize.MAX_SIZE;\n}\n\ngetFallbackIconSizeByImageBaseSize.MAX_SIZE = 36 as const;\n\n/**\n * Возвращает размер иконки основанный на дизайн-системы.\n */\nexport function getBadgeIconSizeByImageBaseSize(imageSize: number): 12 | 16 | 20 | 24 {\n  if (imageSize <= 36) {\n    return 12;\n  } else if (imageSize > 36 && imageSize <= 48) {\n    return 16;\n  } else if (imageSize > 48 && imageSize <= 64) {\n    return 20;\n  }\n  return getBadgeIconSizeByImageBaseSize.MAX_SIZE;\n}\n\ngetBadgeIconSizeByImageBaseSize.MAX_SIZE = 24 as const;\n\n/**\n * Возвращает размер иконки основанный на дизайн-системы.\n */\nexport function getOverlayIconSizeByImageBaseSize(\n  imageSize: number,\n): 12 | 16 | 18 | 20 | 24 | 28 | 32 {\n  if (imageSize <= 20) {\n    return 12;\n  } else if (imageSize > 20 && imageSize <= 24) {\n    return 16;\n  } else if (imageSize > 24 && imageSize <= 28) {\n    return 18;\n  } else if (imageSize > 28 && imageSize <= 40) {\n    return 20;\n  } else if (imageSize > 40 && imageSize <= 48) {\n    return 24;\n  } else if (imageSize > 48 && imageSize <= 88) {\n    return 28;\n  }\n  return getOverlayIconSizeByImageBaseSize.MAX_SIZE;\n}\n\ngetOverlayIconSizeByImageBaseSize.MAX_SIZE = 32 as const;\n"],"names":["getFallbackIconSizeByImageBaseSize","getBadgeIconSizeByImageBaseSize","getOverlayIconSizeByImageBaseSize","imageSize","MAX_SIZE"],"mappings":"AAAA;;CAEC;;;;;;;;;;;IACeA,kCAAkC;eAAlCA;;IAoBAC,+BAA+B;eAA/BA;;IAgBAC,iCAAiC;eAAjCA;;;AApCT,SAASF,mCAAmCG,SAAiB,EAA+B;IACjG,IAAIA,aAAa,IAAI;QACnB,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT,CAAC;IACD,OAAOH,mCAAmCI,QAAQ;AACpD;AAEAJ,mCAAmCI,QAAQ,GAAG;AAKvC,SAASH,gCAAgCE,SAAiB,EAAqB;IACpF,IAAIA,aAAa,IAAI;QACnB,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT,CAAC;IACD,OAAOF,gCAAgCG,QAAQ;AACjD;AAEAH,gCAAgCG,QAAQ,GAAG;AAKpC,SAASF,kCACdC,SAAiB,EACiB;IAClC,IAAIA,aAAa,IAAI;QACnB,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT,CAAC;IACD,OAAOD,kCAAkCE,QAAQ;AACnD;AAEAF,kCAAkCE,QAAQ,GAAG"}

package/dist/cjs/components/ImageBase/types.d.ts

@@ -1,6 +1,6 @@
 export declare const imageBaseSizes: readonly [16, 20, 24, 28, 32, 36, 40, 44, 48, 56, 64, 72, 80, 88, 96];
-export declare type ImageBaseSize = (typeof imageBaseSizes)[number];
-export declare type ImageBaseExpectedIconProps = {
+export type ImageBaseSize = (typeof imageBaseSizes)[number];
+export type ImageBaseExpectedIconProps = {
     width?: number;
     height?: number;
     className?: string;

package/dist/cjs/components/ImageBase/types.js

@@ -1,9 +1,29 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "imageBaseSizes", {
+    enumerable: true,
+    get: function() {
+        return imageBaseSizes;
+    }
 });
-exports.imageBaseSizes = void 0;
-var imageBaseSizes = [16, 20, 24, 28, 32, 36, 40, 44, 48, 56, 64, 72, 80, 88, 96];
-exports.imageBaseSizes = imageBaseSizes;
+var imageBaseSizes = [
+    16,
+    20,
+    24,
+    28,
+    32,
+    36,
+    40,
+    44,
+    48,
+    56,
+    64,
+    72,
+    80,
+    88,
+    96
+];
+
 //# sourceMappingURL=types.js.map

package/dist/cjs/components/ImageBase/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["imageBaseSizes"],"sources":["../../../../src/components/ImageBase/types.ts"],"sourcesContent":["export const imageBaseSizes = [16, 20, 24, 28, 32, 36, 40, 44, 48, 56, 64, 72, 80, 88, 96] as const;\n\nexport type ImageBaseSize = (typeof imageBaseSizes)[number];\n\nexport type ImageBaseExpectedIconProps = {\n  width?: number;\n  height?: number;\n  className?: string;\n};\n\nexport interface ImageBaseContextProps {\n  size: ImageBaseSize | number;\n}\n"],"mappings":";;;;;;AAAO,IAAMA,cAAc,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAU;AAAC"}
+{"version":3,"sources":["../../../../src/components/ImageBase/types.ts"],"sourcesContent":["export const imageBaseSizes = [16, 20, 24, 28, 32, 36, 40, 44, 48, 56, 64, 72, 80, 88, 96] as const;\n\nexport type ImageBaseSize = (typeof imageBaseSizes)[number];\n\nexport type ImageBaseExpectedIconProps = {\n  width?: number;\n  height?: number;\n  className?: string;\n};\n\nexport interface ImageBaseContextProps {\n  size: ImageBaseSize | number;\n}\n"],"names":["imageBaseSizes"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,IAAMA,iBAAiB;IAAC;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;CAAG"}