@vkontakte/vkui 5.0.3 → 5.1.2

package/dist/cjs/components/WriteBar/WriteBar.js

@@ -7,15 +7,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.WriteBar = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
 var _Headline = require("../Typography/Headline/Headline");
 var _usePlatform = require("../../hooks/usePlatform");
 var _useExternRef = require("../../hooks/useExternRef");
-var _utils = require("../../lib/utils");
-var _classNames = require("../../lib/classNames");
+var _vkjs = require("@vkontakte/vkjs");
 var _platform = require("../../lib/platform");
-var _excluded = ["className", "style", "before", "inlineAfter", "after", "value", "onChange", "getRootRef", "getRef", "onHeightChange", "shadow"];
+var _useEnsuredControl3 = require("../../hooks/useEnsuredControl");
+var _excluded = ["className", "style", "before", "inlineAfter", "after", "getRootRef", "getRef", "onHeightChange", "shadow", "defaultValue"];
 /**
  * @see https://vkcom.github.io/VKUI/#/WriteBar
  */
@@ -25,16 +27,20 @@ var WriteBar = function WriteBar(_ref) {
     before = _ref.before,
     inlineAfter = _ref.inlineAfter,
     after = _ref.after,
-    value = _ref.value,
-    onChange = _ref.onChange,
     getRootRef = _ref.getRootRef,
     getRef = _ref.getRef,
     onHeightChange = _ref.onHeightChange,
     _ref$shadow = _ref.shadow,
     shadow = _ref$shadow === void 0 ? false : _ref$shadow,
+    defaultValue = _ref.defaultValue,
     restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
-  var isControlledOutside = value != null;
+  var _useEnsuredControl = (0, _useEnsuredControl3.useEnsuredControl)((0, _objectSpread2.default)({
+      defaultValue: defaultValue
+    }, restProps)),
+    _useEnsuredControl2 = (0, _slicedToArray2.default)(_useEnsuredControl, 2),
+    value = _useEnsuredControl2[0],
+    onChange = _useEnsuredControl2[1];
   var textareaRef = (0, _useExternRef.useExternRef)(getRef);
   var currentScrollHeight = React.useRef();
   var resize = React.useCallback(function () {
@@ -43,7 +49,7 @@ var WriteBar = function WriteBar(_ref) {
       return;
     }
     if (textareaEl.offsetParent) {
-      textareaEl.style.height = "";
+      textareaEl.style.height = '';
       textareaEl.style.height = "".concat(textareaEl.scrollHeight, "px");
       if (textareaEl.scrollHeight !== currentScrollHeight.current && onHeightChange) {
         onHeightChange();
@@ -51,36 +57,26 @@ var WriteBar = function WriteBar(_ref) {
       }
     }
   }, [onHeightChange, textareaRef]);
-  var onTextareaChange = function onTextareaChange(event) {
-    if ((0, _utils.isFunction)(onChange)) {
-      onChange(event);
-    }
-    if (!isControlledOutside) {
-      resize();
-    }
-  };
-  React.useEffect(function () {
-    resize();
-  }, [resize, value]);
+  React.useEffect(resize, [resize, value]);
   return /*#__PURE__*/React.createElement("div", {
     ref: getRootRef,
-    className: (0, _classNames.classNamesString)("vkuiWriteBar", platform === _platform.Platform.IOS && "vkuiWriteBar--ios", shadow && "vkuiWriteBar--shadow", className),
+    className: (0, _vkjs.classNames)("vkuiWriteBar", platform === _platform.Platform.IOS && "vkuiWriteBar--ios", shadow && "vkuiWriteBar--shadow", className),
     style: style
   }, /*#__PURE__*/React.createElement("div", {
     className: "vkuiWriteBar__form"
-  }, (0, _utils.hasReactNode)(before) && /*#__PURE__*/React.createElement("div", {
+  }, (0, _vkjs.hasReactNode)(before) && /*#__PURE__*/React.createElement("div", {
     className: "vkuiWriteBar__before"
   }, before), /*#__PURE__*/React.createElement("div", {
     className: "vkuiWriteBar__formIn"
   }, /*#__PURE__*/React.createElement(_Headline.Headline, (0, _extends2.default)({}, restProps, {
     Component: "textarea",
     className: "vkuiWriteBar__textarea",
-    onChange: onTextareaChange,
+    onChange: onChange,
     getRootRef: textareaRef,
     value: value
-  })), (0, _utils.hasReactNode)(inlineAfter) && /*#__PURE__*/React.createElement("div", {
+  })), (0, _vkjs.hasReactNode)(inlineAfter) && /*#__PURE__*/React.createElement("div", {
     className: "vkuiWriteBar__inlineAfter"
-  }, inlineAfter)), (0, _utils.hasReactNode)(after) && /*#__PURE__*/React.createElement("div", {
+  }, inlineAfter)), (0, _vkjs.hasReactNode)(after) && /*#__PURE__*/React.createElement("div", {
     className: "vkuiWriteBar__after"
   }, after)));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"WriteBar.js","names":["WriteBar","className","style","before","inlineAfter","after","value","onChange","getRootRef","getRef","onHeightChange","shadow","restProps","platform","usePlatform","isControlledOutside","textareaRef","useExternRef","currentScrollHeight","React","useRef","resize","useCallback","textareaEl","current","offsetParent","height","scrollHeight","onTextareaChange","event","isFunction","useEffect","classNamesString","Platform","IOS","hasReactNode"],"sources":["../../../../src/components/WriteBar/WriteBar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { hasReactNode, isFunction } from \"../../lib/utils\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { Platform } from \"../../lib/platform\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport styles from \"./WriteBar.module.css\";\n\nexport interface WriteBarProps\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLTextAreaElement> {\n  /**\n   * Содержимое, отображаемое слева от поля ввода.\n   */\n  before?: React.ReactNode;\n  /**\n   * Содержимое, отображаемое поверх поля ввода (актуально для iOS)\n   */\n  inlineAfter?: React.ReactNode;\n  /**\n   * Содержимое, отображаемое справа от поля ввода\n   */\n  after?: React.ReactNode;\n  /**\n   * Вызывается при смене высоты поля ввода\n   */\n  onHeightChange?: VoidFunction;\n  /**\n   * Добавляет тень вокруг поля ввода\n   */\n  shadow?: boolean;\n\n  children?: never;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/WriteBar\n */\nexport const WriteBar = ({\n  className,\n  style,\n  before,\n  inlineAfter,\n  after,\n  value,\n  onChange,\n  getRootRef,\n  getRef,\n  onHeightChange,\n  shadow = false,\n  ...restProps\n}: WriteBarProps) => {\n  const platform = usePlatform();\n\n  const isControlledOutside = value != null;\n\n  const textareaRef = useExternRef(getRef);\n  const currentScrollHeight = React.useRef<number>();\n\n  const resize = React.useCallback(() => {\n    const textareaEl = textareaRef.current;\n    if (!textareaEl) {\n      return;\n    }\n\n    if (textareaEl.offsetParent) {\n      textareaEl.style.height = \"\";\n      textareaEl.style.height = `${textareaEl.scrollHeight}px`;\n\n      if (\n        textareaEl.scrollHeight !== currentScrollHeight.current &&\n        onHeightChange\n      ) {\n        onHeightChange();\n        currentScrollHeight.current = textareaEl.scrollHeight;\n      }\n    }\n  }, [onHeightChange, textareaRef]);\n\n  const onTextareaChange: React.ChangeEventHandler<HTMLTextAreaElement> = (\n    event\n  ) => {\n    if (isFunction(onChange)) {\n      onChange(event);\n    }\n\n    if (!isControlledOutside) {\n      resize();\n    }\n  };\n\n  React.useEffect(() => {\n    resize();\n  }, [resize, value]);\n\n  return (\n    <div\n      ref={getRootRef}\n      className={classNamesString(\n        styles[\"WriteBar\"],\n        platform === Platform.IOS && styles[\"WriteBar--ios\"],\n        shadow && styles[\"WriteBar--shadow\"],\n        className\n      )}\n      style={style}\n    >\n      <div className={styles[\"WriteBar__form\"]}>\n        {hasReactNode(before) && (\n          <div className={styles[\"WriteBar__before\"]}>{before}</div>\n        )}\n\n        <div className={styles[\"WriteBar__formIn\"]}>\n          <Headline\n            {...restProps}\n            Component=\"textarea\"\n            className={styles[\"WriteBar__textarea\"]}\n            onChange={onTextareaChange}\n            getRootRef={textareaRef}\n            value={value}\n          />\n          {hasReactNode(inlineAfter) && (\n            <div className={styles[\"WriteBar__inlineAfter\"]}>{inlineAfter}</div>\n          )}\n        </div>\n\n        {hasReactNode(after) && (\n          <div className={styles[\"WriteBar__after\"]}>{after}</div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAA8C;AAgC9C;AACA;AACA;AACO,IAAMA,QAAQ,GAAG,SAAXA,QAAQ,OAaA;EAAA,IAZnBC,SAAS,QAATA,SAAS;IACTC,KAAK,QAALA,KAAK;IACLC,MAAM,QAANA,MAAM;IACNC,WAAW,QAAXA,WAAW;IACXC,KAAK,QAALA,KAAK;IACLC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IACRC,UAAU,QAAVA,UAAU;IACVC,MAAM,QAANA,MAAM;IACNC,cAAc,QAAdA,cAAc;IAAA,mBACdC,MAAM;IAANA,MAAM,4BAAG,KAAK;IACXC,SAAS;EAEZ,IAAMC,QAAQ,GAAG,IAAAC,wBAAW,GAAE;EAE9B,IAAMC,mBAAmB,GAAGT,KAAK,IAAI,IAAI;EAEzC,IAAMU,WAAW,GAAG,IAAAC,0BAAY,EAACR,MAAM,CAAC;EACxC,IAAMS,mBAAmB,GAAGC,KAAK,CAACC,MAAM,EAAU;EAElD,IAAMC,MAAM,GAAGF,KAAK,CAACG,WAAW,CAAC,YAAM;IACrC,IAAMC,UAAU,GAAGP,WAAW,CAACQ,OAAO;IACtC,IAAI,CAACD,UAAU,EAAE;MACf;IACF;IAEA,IAAIA,UAAU,CAACE,YAAY,EAAE;MAC3BF,UAAU,CAACrB,KAAK,CAACwB,MAAM,GAAG,EAAE;MAC5BH,UAAU,CAACrB,KAAK,CAACwB,MAAM,aAAMH,UAAU,CAACI,YAAY,OAAI;MAExD,IACEJ,UAAU,CAACI,YAAY,KAAKT,mBAAmB,CAACM,OAAO,IACvDd,cAAc,EACd;QACAA,cAAc,EAAE;QAChBQ,mBAAmB,CAACM,OAAO,GAAGD,UAAU,CAACI,YAAY;MACvD;IACF;EACF,CAAC,EAAE,CAACjB,cAAc,EAAEM,WAAW,CAAC,CAAC;EAEjC,IAAMY,gBAA+D,GAAG,SAAlEA,gBAA+D,CACnEC,KAAK,EACF;IACH,IAAI,IAAAC,iBAAU,EAACvB,QAAQ,CAAC,EAAE;MACxBA,QAAQ,CAACsB,KAAK,CAAC;IACjB;IAEA,IAAI,CAACd,mBAAmB,EAAE;MACxBM,MAAM,EAAE;IACV;EACF,CAAC;EAEDF,KAAK,CAACY,SAAS,CAAC,YAAM;IACpBV,MAAM,EAAE;EACV,CAAC,EAAE,CAACA,MAAM,EAAEf,KAAK,CAAC,CAAC;EAEnB,oBACE;IACE,GAAG,EAAEE,UAAW;IAChB,SAAS,EAAE,IAAAwB,4BAAgB,kBAEzBnB,QAAQ,KAAKoB,kBAAQ,CAACC,GAAG,uBAA2B,EACpDvB,MAAM,0BAA8B,EACpCV,SAAS,CACT;IACF,KAAK,EAAEC;EAAM,gBAEb;IAAK,SAAS;EAA2B,GACtC,IAAAiC,mBAAY,EAAChC,MAAM,CAAC,iBACnB;IAAK,SAAS;EAA6B,GAAEA,MAAM,CACpD,eAED;IAAK,SAAS;EAA6B,gBACzC,oBAAC,kBAAQ,6BACHS,SAAS;IACb,SAAS,EAAC,UAAU;IACpB,SAAS,0BAA+B;IACxC,QAAQ,EAAEgB,gBAAiB;IAC3B,UAAU,EAAEZ,WAAY;IACxB,KAAK,EAAEV;EAAM,GACb,EACD,IAAA6B,mBAAY,EAAC/B,WAAW,CAAC,iBACxB;IAAK,SAAS;EAAkC,GAAEA,WAAW,CAC9D,CACG,EAEL,IAAA+B,mBAAY,EAAC9B,KAAK,CAAC,iBAClB;IAAK,SAAS;EAA4B,GAAEA,KAAK,CAClD,CACG,CACF;AAEV,CAAC;AAAC"}
+{"version":3,"file":"WriteBar.js","names":["WriteBar","className","style","before","inlineAfter","after","getRootRef","getRef","onHeightChange","shadow","defaultValue","restProps","platform","usePlatform","useEnsuredControl","value","onChange","textareaRef","useExternRef","currentScrollHeight","React","useRef","resize","useCallback","textareaEl","current","offsetParent","height","scrollHeight","useEffect","classNames","Platform","IOS","hasReactNode"],"sources":["../../../../src/components/WriteBar/WriteBar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { Platform } from '../../lib/platform';\nimport { HasRef, HasRootRef } from '../../types';\nimport { useEnsuredControl } from '../../hooks/useEnsuredControl';\nimport styles from './WriteBar.module.css';\n\nexport interface WriteBarProps\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLTextAreaElement> {\n  /**\n   * Содержимое, отображаемое слева от поля ввода.\n   */\n  before?: React.ReactNode;\n  /**\n   * Содержимое, отображаемое поверх поля ввода (актуально для iOS)\n   */\n  inlineAfter?: React.ReactNode;\n  /**\n   * Содержимое, отображаемое справа от поля ввода\n   */\n  after?: React.ReactNode;\n  /**\n   * Вызывается при смене высоты поля ввода\n   */\n  onHeightChange?: VoidFunction;\n  /**\n   * Добавляет тень вокруг поля ввода\n   */\n  shadow?: boolean;\n\n  children?: never;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/WriteBar\n */\nexport const WriteBar = ({\n  className,\n  style,\n  before,\n  inlineAfter,\n  after,\n  getRootRef,\n  getRef,\n  onHeightChange,\n  shadow = false,\n  defaultValue,\n  ...restProps\n}: WriteBarProps) => {\n  const platform = usePlatform();\n\n  const [value, onChange] = useEnsuredControl({\n    defaultValue,\n    ...restProps,\n  });\n\n  const textareaRef = useExternRef(getRef);\n  const currentScrollHeight = React.useRef<number>();\n\n  const resize = React.useCallback(() => {\n    const textareaEl = textareaRef.current;\n    if (!textareaEl) {\n      return;\n    }\n\n    if (textareaEl.offsetParent) {\n      textareaEl.style.height = '';\n      textareaEl.style.height = `${textareaEl.scrollHeight}px`;\n\n      if (textareaEl.scrollHeight !== currentScrollHeight.current && onHeightChange) {\n        onHeightChange();\n        currentScrollHeight.current = textareaEl.scrollHeight;\n      }\n    }\n  }, [onHeightChange, textareaRef]);\n\n  React.useEffect(resize, [resize, value]);\n\n  return (\n    <div\n      ref={getRootRef}\n      className={classNames(\n        styles['WriteBar'],\n        platform === Platform.IOS && styles['WriteBar--ios'],\n        shadow && styles['WriteBar--shadow'],\n        className,\n      )}\n      style={style}\n    >\n      <div className={styles['WriteBar__form']}>\n        {hasReactNode(before) && <div className={styles['WriteBar__before']}>{before}</div>}\n\n        <div className={styles['WriteBar__formIn']}>\n          <Headline\n            {...restProps}\n            Component=\"textarea\"\n            className={styles['WriteBar__textarea']}\n            onChange={onChange}\n            getRootRef={textareaRef}\n            value={value}\n          />\n          {hasReactNode(inlineAfter) && (\n            <div className={styles['WriteBar__inlineAfter']}>{inlineAfter}</div>\n          )}\n        </div>\n\n        {hasReactNode(after) && <div className={styles['WriteBar__after']}>{after}</div>}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAkE;AA+BlE;AACA;AACA;AACO,IAAMA,QAAQ,GAAG,SAAXA,QAAQ,OAYA;EAAA,IAXnBC,SAAS,QAATA,SAAS;IACTC,KAAK,QAALA,KAAK;IACLC,MAAM,QAANA,MAAM;IACNC,WAAW,QAAXA,WAAW;IACXC,KAAK,QAALA,KAAK;IACLC,UAAU,QAAVA,UAAU;IACVC,MAAM,QAANA,MAAM;IACNC,cAAc,QAAdA,cAAc;IAAA,mBACdC,MAAM;IAANA,MAAM,4BAAG,KAAK;IACdC,YAAY,QAAZA,YAAY;IACTC,SAAS;EAEZ,IAAMC,QAAQ,GAAG,IAAAC,wBAAW,GAAE;EAE9B,yBAA0B,IAAAC,qCAAiB;MACzCJ,YAAY,EAAZA;IAAY,GACTC,SAAS,EACZ;IAAA;IAHKI,KAAK;IAAEC,QAAQ;EAKtB,IAAMC,WAAW,GAAG,IAAAC,0BAAY,EAACX,MAAM,CAAC;EACxC,IAAMY,mBAAmB,GAAGC,KAAK,CAACC,MAAM,EAAU;EAElD,IAAMC,MAAM,GAAGF,KAAK,CAACG,WAAW,CAAC,YAAM;IACrC,IAAMC,UAAU,GAAGP,WAAW,CAACQ,OAAO;IACtC,IAAI,CAACD,UAAU,EAAE;MACf;IACF;IAEA,IAAIA,UAAU,CAACE,YAAY,EAAE;MAC3BF,UAAU,CAACtB,KAAK,CAACyB,MAAM,GAAG,EAAE;MAC5BH,UAAU,CAACtB,KAAK,CAACyB,MAAM,aAAMH,UAAU,CAACI,YAAY,OAAI;MAExD,IAAIJ,UAAU,CAACI,YAAY,KAAKT,mBAAmB,CAACM,OAAO,IAAIjB,cAAc,EAAE;QAC7EA,cAAc,EAAE;QAChBW,mBAAmB,CAACM,OAAO,GAAGD,UAAU,CAACI,YAAY;MACvD;IACF;EACF,CAAC,EAAE,CAACpB,cAAc,EAAES,WAAW,CAAC,CAAC;EAEjCG,KAAK,CAACS,SAAS,CAACP,MAAM,EAAE,CAACA,MAAM,EAAEP,KAAK,CAAC,CAAC;EAExC,oBACE;IACE,GAAG,EAAET,UAAW;IAChB,SAAS,EAAE,IAAAwB,gBAAU,kBAEnBlB,QAAQ,KAAKmB,kBAAQ,CAACC,GAAG,uBAA2B,EACpDvB,MAAM,0BAA8B,EACpCR,SAAS,CACT;IACF,KAAK,EAAEC;EAAM,gBAEb;IAAK,SAAS;EAA2B,GACtC,IAAA+B,kBAAY,EAAC9B,MAAM,CAAC,iBAAI;IAAK,SAAS;EAA6B,GAAEA,MAAM,CAAO,eAEnF;IAAK,SAAS;EAA6B,gBACzC,oBAAC,kBAAQ,6BACHQ,SAAS;IACb,SAAS,EAAC,UAAU;IACpB,SAAS,0BAA+B;IACxC,QAAQ,EAAEK,QAAS;IACnB,UAAU,EAAEC,WAAY;IACxB,KAAK,EAAEF;EAAM,GACb,EACD,IAAAkB,kBAAY,EAAC7B,WAAW,CAAC,iBACxB;IAAK,SAAS;EAAkC,GAAEA,WAAW,CAC9D,CACG,EAEL,IAAA6B,kBAAY,EAAC5B,KAAK,CAAC,iBAAI;IAAK,SAAS;EAA4B,GAAEA,KAAK,CAAO,CAC5E,CACF;AAEV,CAAC;AAAC"}

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 export interface WriteBarIconProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /**
      * Предустановленные типы кнопок в WriteBar для отрисовки иконки в зависимости от платформы.
@@ -8,7 +8,7 @@ export interface WriteBarIconProps extends React.ButtonHTMLAttributes<HTMLButton
      * - `send` – иконка отправки.
      * - `done` – иконка отправки в режиме редактирования.
      */
-    mode?: "attach" | "send" | "done";
+    mode?: 'attach' | 'send' | 'done';
     /**
      * Значение счётчика для кнопки. Например, для количества прикреплённых файлов.
      */

package/dist/cjs/components/WriteBarIcon/WriteBarIcon.js

@@ -11,15 +11,14 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var React = _interopRequireWildcard(require("react"));
 var _icons = require("@vkontakte/icons");
 var _usePlatform = require("../../hooks/usePlatform");
-var _classNames = require("../../lib/classNames");
+var _vkjs = require("@vkontakte/vkjs");
 var _platform = require("../../lib/platform");
 var _Counter = require("../Counter/Counter");
 var _Tappable = require("../Tappable/Tappable");
 var _warnOnce = require("../../lib/warnOnce");
-var _utils = require("../../lib/utils");
 var _excluded = ["mode", "children", "count", "className"];
-var warn = (0, _warnOnce.warnOnce)("WriteBarIcon");
-var IS_DEV = process.env.NODE_ENV === "development";
+var warn = (0, _warnOnce.warnOnce)('WriteBarIcon');
+var IS_DEV = process.env.NODE_ENV === 'development';
 
 /**
  * @see https://vkcom.github.io/VKUI/#/WriteBarIcon
@@ -34,23 +33,23 @@ var WriteBarIcon = function WriteBarIcon(_ref) {
   var icon;
   var ariaLabel = undefined;
   switch (mode) {
-    case "attach":
+    case 'attach':
       icon = platform === _platform.Platform.IOS ? /*#__PURE__*/React.createElement(_icons.Icon28AddCircleOutline, null) : /*#__PURE__*/React.createElement(_icons.Icon28AttachOutline, null);
-      ariaLabel = "Прикрепить файл";
+      ariaLabel = 'Прикрепить файл';
       break;
-    case "send":
+    case 'send':
       icon = platform === _platform.Platform.IOS ? /*#__PURE__*/React.createElement(_icons.Icon48WritebarSend, null) : /*#__PURE__*/React.createElement(_icons.Icon24Send, null);
-      ariaLabel = "Отправить";
+      ariaLabel = 'Отправить';
       break;
-    case "done":
+    case 'done':
       icon = platform === _platform.Platform.IOS ? /*#__PURE__*/React.createElement(_icons.Icon48WritebarDone, null) : /*#__PURE__*/React.createElement(_icons.Icon28CheckCircleOutline, null);
-      ariaLabel = "Готово";
+      ariaLabel = 'Готово';
       break;
     default:
       break;
   }
-  if (IS_DEV && !restProps["aria-label"] && !ariaLabel) {
-    warn("a11y: У WriteBarIcon нет aria-label. Кнопка будет недоступной для части пользователей.", "error");
+  if (IS_DEV && !restProps['aria-label'] && !ariaLabel) {
+    warn('a11y: У WriteBarIcon нет aria-label. Кнопка будет недоступной для части пользователей.', 'error');
   }
   return /*#__PURE__*/React.createElement(_Tappable.Tappable, (0, _extends2.default)({
     "aria-label": ariaLabel
@@ -58,10 +57,10 @@ var WriteBarIcon = function WriteBarIcon(_ref) {
     Component: "button",
     hasHover: false,
     activeMode: "vkuiWriteBarIcon__active",
-    className: (0, _classNames.classNamesString)("vkuiWriteBarIcon", platform === _platform.Platform.IOS && "vkuiWriteBarIcon--ios", mode && styles["WriteBarIcon--mode-".concat(mode)], className)
+    className: (0, _vkjs.classNames)("vkuiWriteBarIcon", platform === _platform.Platform.IOS && "vkuiWriteBarIcon--ios", mode && styles["WriteBarIcon--mode-".concat(mode)], className)
   }), /*#__PURE__*/React.createElement("span", {
     className: "vkuiWriteBarIcon__in"
-  }, icon || children), (0, _utils.hasReactNode)(count) && /*#__PURE__*/React.createElement(_Counter.Counter, {
+  }, icon || children), (0, _vkjs.hasReactNode)(count) && /*#__PURE__*/React.createElement(_Counter.Counter, {
     className: "vkuiWriteBarIcon__counter",
     size: "s"
   }, count));

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

@@ -1 +1 @@
-{"version":3,"file":"WriteBarIcon.js","names":["warn","warnOnce","IS_DEV","process","env","NODE_ENV","WriteBarIcon","mode","children","count","className","restProps","platform","usePlatform","icon","ariaLabel","undefined","Platform","IOS","classNamesString","styles","hasReactNode"],"sources":["../../../../src/components/WriteBarIcon/WriteBarIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  Icon24Send,\n  Icon28AddCircleOutline,\n  Icon28AttachOutline,\n  Icon28CheckCircleOutline,\n  Icon48WritebarDone,\n  Icon48WritebarSend,\n} from \"@vkontakte/icons\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { Platform } from \"../../lib/platform\";\nimport { Counter } from \"../Counter/Counter\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport styles from \"./WriteBarIcon.module.css\";\n\nexport interface WriteBarIconProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * Предустановленные типы кнопок в WriteBar для отрисовки иконки в зависимости от платформы.\n   * Если передать валидное значение для этого свойства, `children` игнорируется.\n   *\n   * - `attach` – иконка прикрепления.\n   * - `send` – иконка отправки.\n   * - `done` – иконка отправки в режиме редактирования.\n   */\n  mode?: \"attach\" | \"send\" | \"done\";\n  /**\n   * Значение счётчика для кнопки. Например, для количества прикреплённых файлов.\n   */\n  count?: number;\n}\n\nconst warn = warnOnce(\"WriteBarIcon\");\nconst IS_DEV = process.env.NODE_ENV === \"development\";\n\n/**\n * @see https://vkcom.github.io/VKUI/#/WriteBarIcon\n */\nexport const WriteBarIcon = ({\n  mode,\n  children,\n  count,\n  className,\n  ...restProps\n}: WriteBarIconProps) => {\n  const platform = usePlatform();\n\n  let icon: React.ReactNode;\n  let ariaLabel: string | undefined = undefined;\n\n  switch (mode) {\n    case \"attach\":\n      icon =\n        platform === Platform.IOS ? (\n          <Icon28AddCircleOutline />\n        ) : (\n          <Icon28AttachOutline />\n        );\n      ariaLabel = \"Прикрепить файл\";\n      break;\n\n    case \"send\":\n      icon =\n        platform === Platform.IOS ? <Icon48WritebarSend /> : <Icon24Send />;\n      ariaLabel = \"Отправить\";\n      break;\n\n    case \"done\":\n      icon =\n        platform === Platform.IOS ? (\n          <Icon48WritebarDone />\n        ) : (\n          <Icon28CheckCircleOutline />\n        );\n      ariaLabel = \"Готово\";\n      break;\n\n    default:\n      break;\n  }\n\n  if (IS_DEV && !restProps[\"aria-label\"] && !ariaLabel) {\n    warn(\n      \"a11y: У WriteBarIcon нет aria-label. Кнопка будет недоступной для части пользователей.\",\n      \"error\"\n    );\n  }\n\n  return (\n    <Tappable\n      aria-label={ariaLabel}\n      {...restProps}\n      Component=\"button\"\n      hasHover={false}\n      activeMode={styles[\"WriteBarIcon__active\"]}\n      className={classNamesString(\n        styles[\"WriteBarIcon\"],\n        platform === Platform.IOS && styles[\"WriteBarIcon--ios\"],\n        mode && styles[`WriteBarIcon--mode-${mode}`],\n        className\n      )}\n    >\n      <span className={styles[\"WriteBarIcon__in\"]}>{icon || children}</span>\n      {hasReactNode(count) && (\n        <Counter className={styles[\"WriteBarIcon__counter\"]} size=\"s\">\n          {count}\n        </Counter>\n      )}\n    </Tappable>\n  );\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AAA+C;AAoB/C,IAAMA,IAAI,GAAG,IAAAC,kBAAQ,EAAC,cAAc,CAAC;AACrC,IAAMC,MAAM,GAAGC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa;;AAErD;AACA;AACA;AACO,IAAMC,YAAY,GAAG,SAAfA,YAAY,OAMA;EAAA,IALvBC,IAAI,QAAJA,IAAI;IACJC,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;IACLC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,IAAMC,QAAQ,GAAG,IAAAC,wBAAW,GAAE;EAE9B,IAAIC,IAAqB;EACzB,IAAIC,SAA6B,GAAGC,SAAS;EAE7C,QAAQT,IAAI;IACV,KAAK,QAAQ;MACXO,IAAI,GACFF,QAAQ,KAAKK,kBAAQ,CAACC,GAAG,gBACvB,oBAAC,6BAAsB,OAAG,gBAE1B,oBAAC,0BAAmB,OACrB;MACHH,SAAS,GAAG,iBAAiB;MAC7B;IAEF,KAAK,MAAM;MACTD,IAAI,GACFF,QAAQ,KAAKK,kBAAQ,CAACC,GAAG,gBAAG,oBAAC,yBAAkB,OAAG,gBAAG,oBAAC,iBAAU,OAAG;MACrEH,SAAS,GAAG,WAAW;MACvB;IAEF,KAAK,MAAM;MACTD,IAAI,GACFF,QAAQ,KAAKK,kBAAQ,CAACC,GAAG,gBACvB,oBAAC,yBAAkB,OAAG,gBAEtB,oBAAC,+BAAwB,OAC1B;MACHH,SAAS,GAAG,QAAQ;MACpB;IAEF;MACE;EAAM;EAGV,IAAIb,MAAM,IAAI,CAACS,SAAS,CAAC,YAAY,CAAC,IAAI,CAACI,SAAS,EAAE;IACpDf,IAAI,CACF,wFAAwF,EACxF,OAAO,CACR;EACH;EAEA,oBACE,oBAAC,kBAAQ;IACP,cAAYe;EAAU,GAClBJ,SAAS;IACb,SAAS,EAAC,QAAQ;IAClB,QAAQ,EAAE,KAAM;IAChB,UAAU,4BAAiC;IAC3C,SAAS,EAAE,IAAAQ,4BAAgB,sBAEzBP,QAAQ,KAAKK,kBAAQ,CAACC,GAAG,2BAA+B,EACxDX,IAAI,IAAIa,MAAM,8BAAuBb,IAAI,EAAG,EAC5CG,SAAS;EACT,iBAEF;IAAM,SAAS;EAA6B,GAAEI,IAAI,IAAIN,QAAQ,CAAQ,EACrE,IAAAa,mBAAY,EAACZ,KAAK,CAAC,iBAClB,oBAAC,gBAAO;IAAC,SAAS,6BAAkC;IAAC,IAAI,EAAC;EAAG,GAC1DA,KAAK,CAET,CACQ;AAEf,CAAC;AAAC;AAAA;EAAA;EAAA;EAAA;AAAA"}
+{"version":3,"file":"WriteBarIcon.js","names":["warn","warnOnce","IS_DEV","process","env","NODE_ENV","WriteBarIcon","mode","children","count","className","restProps","platform","usePlatform","icon","ariaLabel","undefined","Platform","IOS","classNames","styles","hasReactNode"],"sources":["../../../../src/components/WriteBarIcon/WriteBarIcon.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Icon24Send,\n  Icon28AddCircleOutline,\n  Icon28AttachOutline,\n  Icon28CheckCircleOutline,\n  Icon48WritebarDone,\n  Icon48WritebarSend,\n} from '@vkontakte/icons';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { Platform } from '../../lib/platform';\nimport { Counter } from '../Counter/Counter';\nimport { Tappable } from '../Tappable/Tappable';\nimport { warnOnce } from '../../lib/warnOnce';\nimport styles from './WriteBarIcon.module.css';\n\nexport interface WriteBarIconProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * Предустановленные типы кнопок в WriteBar для отрисовки иконки в зависимости от платформы.\n   * Если передать валидное значение для этого свойства, `children` игнорируется.\n   *\n   * - `attach` – иконка прикрепления.\n   * - `send` – иконка отправки.\n   * - `done` – иконка отправки в режиме редактирования.\n   */\n  mode?: 'attach' | 'send' | 'done';\n  /**\n   * Значение счётчика для кнопки. Например, для количества прикреплённых файлов.\n   */\n  count?: number;\n}\n\nconst warn = warnOnce('WriteBarIcon');\nconst IS_DEV = process.env.NODE_ENV === 'development';\n\n/**\n * @see https://vkcom.github.io/VKUI/#/WriteBarIcon\n */\nexport const WriteBarIcon = ({\n  mode,\n  children,\n  count,\n  className,\n  ...restProps\n}: WriteBarIconProps) => {\n  const platform = usePlatform();\n\n  let icon: React.ReactNode;\n  let ariaLabel: string | undefined = undefined;\n\n  switch (mode) {\n    case 'attach':\n      icon = platform === Platform.IOS ? <Icon28AddCircleOutline /> : <Icon28AttachOutline />;\n      ariaLabel = 'Прикрепить файл';\n      break;\n\n    case 'send':\n      icon = platform === Platform.IOS ? <Icon48WritebarSend /> : <Icon24Send />;\n      ariaLabel = 'Отправить';\n      break;\n\n    case 'done':\n      icon = platform === Platform.IOS ? <Icon48WritebarDone /> : <Icon28CheckCircleOutline />;\n      ariaLabel = 'Готово';\n      break;\n\n    default:\n      break;\n  }\n\n  if (IS_DEV && !restProps['aria-label'] && !ariaLabel) {\n    warn(\n      'a11y: У WriteBarIcon нет aria-label. Кнопка будет недоступной для части пользователей.',\n      'error',\n    );\n  }\n\n  return (\n    <Tappable\n      aria-label={ariaLabel}\n      {...restProps}\n      Component=\"button\"\n      hasHover={false}\n      activeMode={styles['WriteBarIcon__active']}\n      className={classNames(\n        styles['WriteBarIcon'],\n        platform === Platform.IOS && styles['WriteBarIcon--ios'],\n        mode && styles[`WriteBarIcon--mode-${mode}`],\n        className,\n      )}\n    >\n      <span className={styles['WriteBarIcon__in']}>{icon || children}</span>\n      {hasReactNode(count) && (\n        <Counter className={styles['WriteBarIcon__counter']} size=\"s\">\n          {count}\n        </Counter>\n      )}\n    </Tappable>\n  );\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AAQA;AACA;AACA;AACA;AACA;AACA;AAA8C;AAmB9C,IAAMA,IAAI,GAAG,IAAAC,kBAAQ,EAAC,cAAc,CAAC;AACrC,IAAMC,MAAM,GAAGC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa;;AAErD;AACA;AACA;AACO,IAAMC,YAAY,GAAG,SAAfA,YAAY,OAMA;EAAA,IALvBC,IAAI,QAAJA,IAAI;IACJC,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;IACLC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,IAAMC,QAAQ,GAAG,IAAAC,wBAAW,GAAE;EAE9B,IAAIC,IAAqB;EACzB,IAAIC,SAA6B,GAAGC,SAAS;EAE7C,QAAQT,IAAI;IACV,KAAK,QAAQ;MACXO,IAAI,GAAGF,QAAQ,KAAKK,kBAAQ,CAACC,GAAG,gBAAG,oBAAC,6BAAsB,OAAG,gBAAG,oBAAC,0BAAmB,OAAG;MACvFH,SAAS,GAAG,iBAAiB;MAC7B;IAEF,KAAK,MAAM;MACTD,IAAI,GAAGF,QAAQ,KAAKK,kBAAQ,CAACC,GAAG,gBAAG,oBAAC,yBAAkB,OAAG,gBAAG,oBAAC,iBAAU,OAAG;MAC1EH,SAAS,GAAG,WAAW;MACvB;IAEF,KAAK,MAAM;MACTD,IAAI,GAAGF,QAAQ,KAAKK,kBAAQ,CAACC,GAAG,gBAAG,oBAAC,yBAAkB,OAAG,gBAAG,oBAAC,+BAAwB,OAAG;MACxFH,SAAS,GAAG,QAAQ;MACpB;IAEF;MACE;EAAM;EAGV,IAAIb,MAAM,IAAI,CAACS,SAAS,CAAC,YAAY,CAAC,IAAI,CAACI,SAAS,EAAE;IACpDf,IAAI,CACF,wFAAwF,EACxF,OAAO,CACR;EACH;EAEA,oBACE,oBAAC,kBAAQ;IACP,cAAYe;EAAU,GAClBJ,SAAS;IACb,SAAS,EAAC,QAAQ;IAClB,QAAQ,EAAE,KAAM;IAChB,UAAU,4BAAiC;IAC3C,SAAS,EAAE,IAAAQ,gBAAU,sBAEnBP,QAAQ,KAAKK,kBAAQ,CAACC,GAAG,2BAA+B,EACxDX,IAAI,IAAIa,MAAM,8BAAuBb,IAAI,EAAG,EAC5CG,SAAS;EACT,iBAEF;IAAM,SAAS;EAA6B,GAAEI,IAAI,IAAIN,QAAQ,CAAQ,EACrE,IAAAa,kBAAY,EAACZ,KAAK,CAAC,iBAClB,oBAAC,gBAAO;IAAC,SAAS,6BAAkC;IAAC,IAAI,EAAC;EAAG,GAC1DA,KAAK,CAET,CACQ;AAEf,CAAC;AAAC;AAAA;EAAA;EAAA;EAAA;AAAA"}

package/dist/cjs/helpers/appearance.d.ts

@@ -1,4 +1,4 @@
-import { AppearanceSchemeType, AppearanceType } from "@vkontakte/vk-bridge";
+import { AppearanceSchemeType, AppearanceType } from '@vkontakte/vk-bridge';
 export declare enum Scheme {
     BRIGHT_LIGHT = "bright_light",
     SPACE_GRAY = "space_gray",

package/dist/cjs/helpers/appearance.js

@@ -20,7 +20,7 @@ exports.Appearance = Appearance;
   Appearance["LIGHT"] = "light";
 })(Appearance || (exports.Appearance = Appearance = {}));
 var deriveAppearance = function deriveAppearance(scheme) {
-  return scheme === Scheme.SPACE_GRAY || scheme === Scheme.VKCOM_DARK ? "dark" : "light";
+  return scheme === Scheme.SPACE_GRAY || scheme === Scheme.VKCOM_DARK ? 'dark' : 'light';
 };
 exports.deriveAppearance = deriveAppearance;
 function resolveAppearance(data) {

package/dist/cjs/helpers/appearance.js.map

@@ -1 +1 @@
-{"version":3,"file":"appearance.js","names":["Scheme","Appearance","deriveAppearance","scheme","SPACE_GRAY","VKCOM_DARK","resolveAppearance","data","appearance"],"sources":["../../../src/helpers/appearance.ts"],"sourcesContent":["import { AppearanceSchemeType, AppearanceType } from \"@vkontakte/vk-bridge\";\n\nexport enum Scheme {\n  BRIGHT_LIGHT = \"bright_light\",\n  SPACE_GRAY = \"space_gray\",\n  VKCOM_LIGHT = \"vkcom_light\",\n  VKCOM_DARK = \"vkcom_dark\",\n}\n\nexport type AppearanceScheme =\n  | AppearanceSchemeType\n  | Scheme.VKCOM_DARK\n  | Scheme.VKCOM_LIGHT;\n\nexport enum Appearance {\n  DARK = \"dark\",\n  LIGHT = \"light\",\n}\n\nexport const deriveAppearance = (\n  scheme: AppearanceScheme | undefined\n): AppearanceType =>\n  scheme === Scheme.SPACE_GRAY || scheme === Scheme.VKCOM_DARK\n    ? \"dark\"\n    : \"light\";\n\nexport interface VKBridgeConfigData {\n  appearance?: AppearanceType;\n  scheme: AppearanceScheme;\n}\n\nexport function resolveAppearance(\n  data: VKBridgeConfigData\n): AppearanceType | null {\n  const { scheme, appearance } = data;\n\n  // appearance пока приходит только на IOS и ANDROID\n  if (appearance) {\n    return appearance;\n  }\n\n  // Проверяем scheme если appearance не пришел\n  return deriveAppearance(scheme);\n}\n"],"mappings":";;;;;;;IAEYA,MAAM;AAAA;AAAA,WAANA,MAAM;EAANA,MAAM;EAANA,MAAM;EAANA,MAAM;EAANA,MAAM;AAAA,GAANA,MAAM,sBAANA,MAAM;AAAA,IAYNC,UAAU;AAAA;AAAA,WAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;AAAA,GAAVA,UAAU,0BAAVA,UAAU;AAKf,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,CAC3BC,MAAoC;EAAA,OAEpCA,MAAM,KAAKH,MAAM,CAACI,UAAU,IAAID,MAAM,KAAKH,MAAM,CAACK,UAAU,GACxD,MAAM,GACN,OAAO;AAAA;AAAC;AAOP,SAASC,iBAAiB,CAC/BC,IAAwB,EACD;EACvB,IAAQJ,MAAM,GAAiBI,IAAI,CAA3BJ,MAAM;IAAEK,UAAU,GAAKD,IAAI,CAAnBC,UAAU;;EAE1B;EACA,IAAIA,UAAU,EAAE;IACd,OAAOA,UAAU;EACnB;;EAEA;EACA,OAAON,gBAAgB,CAACC,MAAM,CAAC;AACjC"}
+{"version":3,"file":"appearance.js","names":["Scheme","Appearance","deriveAppearance","scheme","SPACE_GRAY","VKCOM_DARK","resolveAppearance","data","appearance"],"sources":["../../../src/helpers/appearance.ts"],"sourcesContent":["import { AppearanceSchemeType, AppearanceType } from '@vkontakte/vk-bridge';\n\nexport enum Scheme {\n  BRIGHT_LIGHT = 'bright_light',\n  SPACE_GRAY = 'space_gray',\n  VKCOM_LIGHT = 'vkcom_light',\n  VKCOM_DARK = 'vkcom_dark',\n}\n\nexport type AppearanceScheme = AppearanceSchemeType | Scheme.VKCOM_DARK | Scheme.VKCOM_LIGHT;\n\nexport enum Appearance {\n  DARK = 'dark',\n  LIGHT = 'light',\n}\n\nexport const deriveAppearance = (scheme: AppearanceScheme | undefined): AppearanceType =>\n  scheme === Scheme.SPACE_GRAY || scheme === Scheme.VKCOM_DARK ? 'dark' : 'light';\n\nexport interface VKBridgeConfigData {\n  appearance?: AppearanceType;\n  scheme: AppearanceScheme;\n}\n\nexport function resolveAppearance(data: VKBridgeConfigData): AppearanceType | null {\n  const { scheme, appearance } = data;\n\n  // appearance пока приходит только на IOS и ANDROID\n  if (appearance) {\n    return appearance;\n  }\n\n  // Проверяем scheme если appearance не пришел\n  return deriveAppearance(scheme);\n}\n"],"mappings":";;;;;;;IAEYA,MAAM;AAAA;AAAA,WAANA,MAAM;EAANA,MAAM;EAANA,MAAM;EAANA,MAAM;EAANA,MAAM;AAAA,GAANA,MAAM,sBAANA,MAAM;AAAA,IASNC,UAAU;AAAA;AAAA,WAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;AAAA,GAAVA,UAAU,0BAAVA,UAAU;AAKf,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIC,MAAoC;EAAA,OACnEA,MAAM,KAAKH,MAAM,CAACI,UAAU,IAAID,MAAM,KAAKH,MAAM,CAACK,UAAU,GAAG,MAAM,GAAG,OAAO;AAAA;AAAC;AAO3E,SAASC,iBAAiB,CAACC,IAAwB,EAAyB;EACjF,IAAQJ,MAAM,GAAiBI,IAAI,CAA3BJ,MAAM;IAAEK,UAAU,GAAKD,IAAI,CAAnBC,UAAU;;EAE1B;EACA,IAAIA,UAAU,EAAE;IACd,OAAOA,UAAU;EACnB;;EAEA;EACA,OAAON,gBAAgB,CAACC,MAAM,CAAC;AACjC"}

package/dist/cjs/helpers/avatar.d.ts

@@ -1,4 +1,4 @@
-import type { InitialsAvatarNumberGradients } from "../components/Avatar/Avatar";
+import type { InitialsAvatarNumberGradients } from '../components/Avatar/Avatar';
 /**
  * Вычисляет цвет InitialsAvatar на основании переданного идентификатора объекта
  */

package/dist/cjs/helpers/avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","names":["calcInitialsAvatarColor","objectId"],"sources":["../../../src/helpers/avatar.ts"],"sourcesContent":["import type { InitialsAvatarNumberGradients } from \"../components/Avatar/Avatar\";\n\n/**\n * Вычисляет цвет InitialsAvatar на основании переданного идентификатора объекта\n */\nexport function calcInitialsAvatarColor(\n  objectId: number\n): InitialsAvatarNumberGradients {\n  return ((objectId % 6) + 1) as InitialsAvatarNumberGradients;\n}\n"],"mappings":";;;;;;AAEA;AACA;AACA;AACO,SAASA,uBAAuB,CACrCC,QAAgB,EACe;EAC/B,OAASA,QAAQ,GAAG,CAAC,GAAI,CAAC;AAC5B"}
+{"version":3,"file":"avatar.js","names":["calcInitialsAvatarColor","objectId"],"sources":["../../../src/helpers/avatar.ts"],"sourcesContent":["import type { InitialsAvatarNumberGradients } from '../components/Avatar/Avatar';\n\n/**\n * Вычисляет цвет InitialsAvatar на основании переданного идентификатора объекта\n */\nexport function calcInitialsAvatarColor(objectId: number): InitialsAvatarNumberGradients {\n  return ((objectId % 6) + 1) as InitialsAvatarNumberGradients;\n}\n"],"mappings":";;;;;;AAEA;AACA;AACA;AACO,SAASA,uBAAuB,CAACC,QAAgB,EAAiC;EACvF,OAASA,QAAQ,GAAG,CAAC,GAAI,CAAC;AAC5B"}

package/dist/cjs/helpers/generateVKUITokensClassName.d.ts

@@ -0,0 +1 @@
+export declare const generateVKUITokensClassName: (platform: string, appearance: string) => string;

package/dist/cjs/helpers/generateVKUITokensClassName.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateVKUITokensClassName = void 0;
+var _platform = require("../lib/platform");
+var generateVKUITokensClassName = function generateVKUITokensClassName(platform, appearance) {
+  var tokensPlatform;
+  switch (platform) {
+    case _platform.Platform.ANDROID:
+      tokensPlatform = 'vkBase';
+      break;
+    case _platform.Platform.IOS:
+      tokensPlatform = 'vkIOS';
+      break;
+    case _platform.Platform.VKCOM:
+      tokensPlatform = 'vkCom';
+      break;
+    default:
+      tokensPlatform = platform;
+  }
+  return "vkui--".concat(tokensPlatform, "--").concat(appearance);
+};
+exports.generateVKUITokensClassName = generateVKUITokensClassName;
+//# sourceMappingURL=generateVKUITokensClassName.js.map

package/dist/cjs/helpers/generateVKUITokensClassName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateVKUITokensClassName.js","names":["generateVKUITokensClassName","platform","appearance","tokensPlatform","Platform","ANDROID","IOS","VKCOM"],"sources":["../../../src/helpers/generateVKUITokensClassName.ts"],"sourcesContent":["import { Platform } from '../lib/platform';\n\nexport const generateVKUITokensClassName = (platform: string, appearance: string): string => {\n  let tokensPlatform;\n  switch (platform) {\n    case Platform.ANDROID:\n      tokensPlatform = 'vkBase';\n      break;\n    case Platform.IOS:\n      tokensPlatform = 'vkIOS';\n      break;\n    case Platform.VKCOM:\n      tokensPlatform = 'vkCom';\n      break;\n    default:\n      tokensPlatform = platform;\n  }\n\n  return `vkui--${tokensPlatform}--${appearance}`;\n};\n"],"mappings":";;;;;;AAAA;AAEO,IAAMA,2BAA2B,GAAG,SAA9BA,2BAA2B,CAAIC,QAAgB,EAAEC,UAAkB,EAAa;EAC3F,IAAIC,cAAc;EAClB,QAAQF,QAAQ;IACd,KAAKG,kBAAQ,CAACC,OAAO;MACnBF,cAAc,GAAG,QAAQ;MACzB;IACF,KAAKC,kBAAQ,CAACE,GAAG;MACfH,cAAc,GAAG,OAAO;MACxB;IACF,KAAKC,kBAAQ,CAACG,KAAK;MACjBJ,cAAc,GAAG,OAAO;MACxB;IACF;MACEA,cAAc,GAAGF,QAAQ;EAAC;EAG9B,uBAAgBE,cAAc,eAAKD,UAAU;AAC/C,CAAC;AAAC"}

package/dist/cjs/helpers/getHoverClassName.js

@@ -10,11 +10,11 @@ function getHoverClassName(base, hover,
  *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.
  */
 styles) {
-  var hoverState = "none";
+  var hoverState = 'none';
   if (hover === true) {
-    hoverState = "has";
+    hoverState = 'has';
   } else if (hover === false) {
-    hoverState = "has-not";
+    hoverState = 'has-not';
   }
   var hoverClassName = "".concat(String(base), "--hover-").concat(hoverState);
   return styles ? styles[hoverClassName] : hoverClassName;

package/dist/cjs/helpers/getHoverClassName.js.map

@@ -1 +1 @@
-{"version":3,"file":"getHoverClassName.js","names":["getHoverClassName","base","hover","styles","hoverState","hoverClassName","String"],"sources":["../../../src/helpers/getHoverClassName.ts"],"sourcesContent":["type HoverType = \"none\" | \"has\" | \"has-not\";\n\nexport function getHoverClassName(base: string, hover?: boolean): string;\nexport function getHoverClassName<Styles extends Record<string, string>>(\n  base: string,\n  hover?: boolean,\n  styles?: Styles\n): string | undefined;\nexport function getHoverClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  hover?: boolean,\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles\n): string | undefined {\n  let hoverState: HoverType = \"none\";\n  if (hover === true) {\n    hoverState = \"has\";\n  } else if (hover === false) {\n    hoverState = \"has-not\";\n  }\n\n  const hoverClassName = `${String(base)}--hover-${hoverState}`;\n\n  return styles ? styles[hoverClassName] : hoverClassName;\n}\n"],"mappings":";;;;;;AAQO,SAASA,iBAAiB,CAC/BC,IAAkB,EAClBC,KAAe;AACf;AACF;AACA;AACA;AACEC,MAAe,EACK;EACpB,IAAIC,UAAqB,GAAG,MAAM;EAClC,IAAIF,KAAK,KAAK,IAAI,EAAE;IAClBE,UAAU,GAAG,KAAK;EACpB,CAAC,MAAM,IAAIF,KAAK,KAAK,KAAK,EAAE;IAC1BE,UAAU,GAAG,SAAS;EACxB;EAEA,IAAMC,cAAc,aAAMC,MAAM,CAACL,IAAI,CAAC,qBAAWG,UAAU,CAAE;EAE7D,OAAOD,MAAM,GAAGA,MAAM,CAACE,cAAc,CAAC,GAAGA,cAAc;AACzD"}
+{"version":3,"file":"getHoverClassName.js","names":["getHoverClassName","base","hover","styles","hoverState","hoverClassName","String"],"sources":["../../../src/helpers/getHoverClassName.ts"],"sourcesContent":["type HoverType = 'none' | 'has' | 'has-not';\n\nexport function getHoverClassName(base: string, hover?: boolean): string;\nexport function getHoverClassName<Styles extends Record<string, string>>(\n  base: string,\n  hover?: boolean,\n  styles?: Styles,\n): string | undefined;\nexport function getHoverClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  hover?: boolean,\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles,\n): string | undefined {\n  let hoverState: HoverType = 'none';\n  if (hover === true) {\n    hoverState = 'has';\n  } else if (hover === false) {\n    hoverState = 'has-not';\n  }\n\n  const hoverClassName = `${String(base)}--hover-${hoverState}`;\n\n  return styles ? styles[hoverClassName] : hoverClassName;\n}\n"],"mappings":";;;;;;AAQO,SAASA,iBAAiB,CAC/BC,IAAkB,EAClBC,KAAe;AACf;AACF;AACA;AACA;AACEC,MAAe,EACK;EACpB,IAAIC,UAAqB,GAAG,MAAM;EAClC,IAAIF,KAAK,KAAK,IAAI,EAAE;IAClBE,UAAU,GAAG,KAAK;EACpB,CAAC,MAAM,IAAIF,KAAK,KAAK,KAAK,EAAE;IAC1BE,UAAU,GAAG,SAAS;EACxB;EAEA,IAAMC,cAAc,aAAMC,MAAM,CAACL,IAAI,CAAC,qBAAWG,UAAU,CAAE;EAE7D,OAAOD,MAAM,GAAGA,MAAM,CAACE,cAAc,CAAC,GAAGA,cAAc;AACzD"}

package/dist/cjs/helpers/getPlatformClassName.d.ts

@@ -1,3 +1,3 @@
-import { PlatformType } from "../lib/platform";
+import { PlatformType } from '../lib/platform';
 export declare function getPlatformClassName(base: string, osname?: PlatformType): string;
 export declare function getPlatformClassName<Styles extends Record<string, string>>(base: keyof Styles, osname?: PlatformType, styles?: Styles): string | undefined;

package/dist/cjs/helpers/getPlatformClassName.js.map

@@ -1 +1 @@
-{"version":3,"file":"getPlatformClassName.js","names":["getPlatformClassName","base","osname","platform","styles","platformClassName","String"],"sources":["../../../src/helpers/getPlatformClassName.ts"],"sourcesContent":["import { PlatformType, platform } from \"../lib/platform\";\n\nexport function getPlatformClassName(\n  base: string,\n  osname?: PlatformType\n): string;\nexport function getPlatformClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  osname?: PlatformType,\n  styles?: Styles\n): string | undefined;\nexport function getPlatformClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  osname: PlatformType = platform(),\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles\n): string | undefined {\n  const platformClassName = `${String(base)}--${osname}`;\n  return styles ? styles[platformClassName] : platformClassName;\n}\n"],"mappings":";;;;;;AAAA;AAWO,SAASA,oBAAoB,CAClCC,IAAkB,EAOE;EAAA,IANpBC,MAAoB,uEAAG,IAAAC,kBAAQ,GAAE;EAAA;EACjC;AACF;AACA;AACA;EACEC,MAAe;EAEf,IAAMC,iBAAiB,aAAMC,MAAM,CAACL,IAAI,CAAC,eAAKC,MAAM,CAAE;EACtD,OAAOE,MAAM,GAAGA,MAAM,CAACC,iBAAiB,CAAC,GAAGA,iBAAiB;AAC/D"}
+{"version":3,"file":"getPlatformClassName.js","names":["getPlatformClassName","base","osname","platform","styles","platformClassName","String"],"sources":["../../../src/helpers/getPlatformClassName.ts"],"sourcesContent":["import { PlatformType, platform } from '../lib/platform';\n\nexport function getPlatformClassName(base: string, osname?: PlatformType): string;\nexport function getPlatformClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  osname?: PlatformType,\n  styles?: Styles,\n): string | undefined;\nexport function getPlatformClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  osname: PlatformType = platform(),\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles,\n): string | undefined {\n  const platformClassName = `${String(base)}--${osname}`;\n  return styles ? styles[platformClassName] : platformClassName;\n}\n"],"mappings":";;;;;;AAAA;AAQO,SAASA,oBAAoB,CAClCC,IAAkB,EAOE;EAAA,IANpBC,MAAoB,uEAAG,IAAAC,kBAAQ,GAAE;EAAA;EACjC;AACF;AACA;AACA;EACEC,MAAe;EAEf,IAAMC,iBAAiB,aAAMC,MAAM,CAACL,IAAI,CAAC,eAAKC,MAAM,CAAE;EACtD,OAAOE,MAAM,GAAGA,MAAM,CAACC,iBAAiB,CAAC,GAAGA,iBAAiB;AAC/D"}

package/dist/cjs/helpers/getPointerClassName.js

@@ -10,11 +10,11 @@ function getPointerClassName(base, mouse,
  *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.
  */
 styles) {
-  var mouseState = "none";
+  var mouseState = 'none';
   if (mouse === true) {
-    mouseState = "has";
+    mouseState = 'has';
   } else if (mouse === false) {
-    mouseState = "has-not";
+    mouseState = 'has-not';
   }
   var className = "".concat(String(base), "--pointer-").concat(mouseState);
   return styles ? styles[className] : className;

package/dist/cjs/helpers/getPointerClassName.js.map

@@ -1 +1 @@
-{"version":3,"file":"getPointerClassName.js","names":["getPointerClassName","base","mouse","styles","mouseState","className","String"],"sources":["../../../src/helpers/getPointerClassName.ts"],"sourcesContent":["type MouseType = \"none\" | \"has\" | \"has-not\";\n\nexport function getPointerClassName(base: string, mouse?: boolean): string;\nexport function getPointerClassName<Styles extends Record<string, string>>(\n  base: string,\n  mouse?: boolean,\n  styles?: Styles\n): string | undefined;\nexport function getPointerClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  mouse?: boolean,\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles\n): string | undefined {\n  let mouseState: MouseType = \"none\";\n  if (mouse === true) {\n    mouseState = \"has\";\n  } else if (mouse === false) {\n    mouseState = \"has-not\";\n  }\n\n  const className = `${String(base)}--pointer-${mouseState}`;\n\n  return styles ? styles[className] : className;\n}\n"],"mappings":";;;;;;AAQO,SAASA,mBAAmB,CACjCC,IAAkB,EAClBC,KAAe;AACf;AACF;AACA;AACA;AACEC,MAAe,EACK;EACpB,IAAIC,UAAqB,GAAG,MAAM;EAClC,IAAIF,KAAK,KAAK,IAAI,EAAE;IAClBE,UAAU,GAAG,KAAK;EACpB,CAAC,MAAM,IAAIF,KAAK,KAAK,KAAK,EAAE;IAC1BE,UAAU,GAAG,SAAS;EACxB;EAEA,IAAMC,SAAS,aAAMC,MAAM,CAACL,IAAI,CAAC,uBAAaG,UAAU,CAAE;EAE1D,OAAOD,MAAM,GAAGA,MAAM,CAACE,SAAS,CAAC,GAAGA,SAAS;AAC/C"}
+{"version":3,"file":"getPointerClassName.js","names":["getPointerClassName","base","mouse","styles","mouseState","className","String"],"sources":["../../../src/helpers/getPointerClassName.ts"],"sourcesContent":["type MouseType = 'none' | 'has' | 'has-not';\n\nexport function getPointerClassName(base: string, mouse?: boolean): string;\nexport function getPointerClassName<Styles extends Record<string, string>>(\n  base: string,\n  mouse?: boolean,\n  styles?: Styles,\n): string | undefined;\nexport function getPointerClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  mouse?: boolean,\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles,\n): string | undefined {\n  let mouseState: MouseType = 'none';\n  if (mouse === true) {\n    mouseState = 'has';\n  } else if (mouse === false) {\n    mouseState = 'has-not';\n  }\n\n  const className = `${String(base)}--pointer-${mouseState}`;\n\n  return styles ? styles[className] : className;\n}\n"],"mappings":";;;;;;AAQO,SAASA,mBAAmB,CACjCC,IAAkB,EAClBC,KAAe;AACf;AACF;AACA;AACA;AACEC,MAAe,EACK;EACpB,IAAIC,UAAqB,GAAG,MAAM;EAClC,IAAIF,KAAK,KAAK,IAAI,EAAE;IAClBE,UAAU,GAAG,KAAK;EACpB,CAAC,MAAM,IAAIF,KAAK,KAAK,KAAK,EAAE;IAC1BE,UAAU,GAAG,SAAS;EACxB;EAEA,IAAMC,SAAS,aAAMC,MAAM,CAACL,IAAI,CAAC,uBAAaG,UAAU,CAAE;EAE1D,OAAOD,MAAM,GAAGA,MAAM,CAACE,SAAS,CAAC,GAAGA,SAAS;AAC/C"}

package/dist/cjs/helpers/getSizeXClassName.d.ts

@@ -1,5 +1,5 @@
-import { SizeType } from "../lib/adaptivity";
-declare type SizeXType = SizeType | "none";
+import { SizeType } from '../lib/adaptivity';
+declare type SizeXType = SizeType | 'none';
 export declare function getSizeXClassName(base: string, sizeX?: SizeXType): string;
 export declare function getSizeXClassName<Styles extends Record<string, string>>(base: keyof Styles, sizeX?: SizeXType, styles?: Styles): string | undefined;
 export {};

package/dist/cjs/helpers/getSizeXClassName.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getSizeXClassName = getSizeXClassName;
 function getSizeXClassName(base) {
-  var sizeX = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "none";
+  var sizeX = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'none';
   var
   /**
    * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,

package/dist/cjs/helpers/getSizeXClassName.js.map

@@ -1 +1 @@
-{"version":3,"file":"getSizeXClassName.js","names":["getSizeXClassName","base","sizeX","styles","sizeXClassName","String"],"sources":["../../../src/helpers/getSizeXClassName.ts"],"sourcesContent":["import { SizeType } from \"../lib/adaptivity\";\n\ntype SizeXType = SizeType | \"none\";\n\nexport function getSizeXClassName(base: string, sizeX?: SizeXType): string;\nexport function getSizeXClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  sizeX?: SizeXType,\n  styles?: Styles\n): string | undefined;\nexport function getSizeXClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  sizeX: SizeXType = \"none\",\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles\n): string | undefined {\n  const sizeXClassName = `${String(base)}--sizeX-${sizeX}`;\n  return styles ? styles[sizeXClassName] : sizeXClassName;\n}\n"],"mappings":";;;;;;AAUO,SAASA,iBAAiB,CAC/BC,IAAkB,EAOE;EAAA,IANpBC,KAAgB,uEAAG,MAAM;EAAA;EACzB;AACF;AACA;AACA;EACEC,MAAe;EAEf,IAAMC,cAAc,aAAMC,MAAM,CAACJ,IAAI,CAAC,qBAAWC,KAAK,CAAE;EACxD,OAAOC,MAAM,GAAGA,MAAM,CAACC,cAAc,CAAC,GAAGA,cAAc;AACzD"}
+{"version":3,"file":"getSizeXClassName.js","names":["getSizeXClassName","base","sizeX","styles","sizeXClassName","String"],"sources":["../../../src/helpers/getSizeXClassName.ts"],"sourcesContent":["import { SizeType } from '../lib/adaptivity';\n\ntype SizeXType = SizeType | 'none';\n\nexport function getSizeXClassName(base: string, sizeX?: SizeXType): string;\nexport function getSizeXClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  sizeX?: SizeXType,\n  styles?: Styles,\n): string | undefined;\nexport function getSizeXClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  sizeX: SizeXType = 'none',\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles,\n): string | undefined {\n  const sizeXClassName = `${String(base)}--sizeX-${sizeX}`;\n  return styles ? styles[sizeXClassName] : sizeXClassName;\n}\n"],"mappings":";;;;;;AAUO,SAASA,iBAAiB,CAC/BC,IAAkB,EAOE;EAAA,IANpBC,KAAgB,uEAAG,MAAM;EAAA;EACzB;AACF;AACA;AACA;EACEC,MAAe;EAEf,IAAMC,cAAc,aAAMC,MAAM,CAACJ,IAAI,CAAC,qBAAWC,KAAK,CAAE;EACxD,OAAOC,MAAM,GAAGA,MAAM,CAACC,cAAc,CAAC,GAAGA,cAAc;AACzD"}

package/dist/cjs/helpers/getSizeYClassName.d.ts

@@ -1,5 +1,5 @@
-import { SizeType } from "../lib/adaptivity";
-declare type SizeYType = SizeType | "none";
+import { SizeType } from '../lib/adaptivity';
+declare type SizeYType = SizeType | 'none';
 export declare function getSizeYClassName(base: string, sizeY?: SizeYType): string;
 export declare function getSizeYClassName<Styles extends Record<string, string>>(base: keyof Styles, sizeY?: SizeYType, styles?: Styles): string | undefined;
 export {};

package/dist/cjs/helpers/getSizeYClassName.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getSizeYClassName = getSizeYClassName;
 function getSizeYClassName(base) {
-  var sizeY = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "none";
+  var sizeY = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'none';
   var
   /**
    * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,

package/dist/cjs/helpers/getSizeYClassName.js.map

@@ -1 +1 @@
-{"version":3,"file":"getSizeYClassName.js","names":["getSizeYClassName","base","sizeY","styles","sizeYClassName","String"],"sources":["../../../src/helpers/getSizeYClassName.ts"],"sourcesContent":["import { SizeType } from \"../lib/adaptivity\";\n\ntype SizeYType = SizeType | \"none\";\n\nexport function getSizeYClassName(base: string, sizeY?: SizeYType): string;\nexport function getSizeYClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  sizeY?: SizeYType,\n  styles?: Styles\n): string | undefined;\nexport function getSizeYClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  sizeY: SizeYType = \"none\",\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles\n): string | undefined {\n  const sizeYClassName = `${String(base)}--sizeY-${sizeY}`;\n  return styles ? styles[sizeYClassName] : sizeYClassName;\n}\n"],"mappings":";;;;;;AAUO,SAASA,iBAAiB,CAC/BC,IAAkB,EAOE;EAAA,IANpBC,KAAgB,uEAAG,MAAM;EAAA;EACzB;AACF;AACA;AACA;EACEC,MAAe;EAEf,IAAMC,cAAc,aAAMC,MAAM,CAACJ,IAAI,CAAC,qBAAWC,KAAK,CAAE;EACxD,OAAOC,MAAM,GAAGA,MAAM,CAACC,cAAc,CAAC,GAAGA,cAAc;AACzD"}
+{"version":3,"file":"getSizeYClassName.js","names":["getSizeYClassName","base","sizeY","styles","sizeYClassName","String"],"sources":["../../../src/helpers/getSizeYClassName.ts"],"sourcesContent":["import { SizeType } from '../lib/adaptivity';\n\ntype SizeYType = SizeType | 'none';\n\nexport function getSizeYClassName(base: string, sizeY?: SizeYType): string;\nexport function getSizeYClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  sizeY?: SizeYType,\n  styles?: Styles,\n): string | undefined;\nexport function getSizeYClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  sizeY: SizeYType = 'none',\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles,\n): string | undefined {\n  const sizeYClassName = `${String(base)}--sizeY-${sizeY}`;\n  return styles ? styles[sizeYClassName] : sizeYClassName;\n}\n"],"mappings":";;;;;;AAUO,SAASA,iBAAiB,CAC/BC,IAAkB,EAOE;EAAA,IANpBC,KAAgB,uEAAG,MAAM;EAAA;EACzB;AACF;AACA;AACA;EACEC,MAAe;EAEf,IAAMC,cAAc,aAAMC,MAAM,CAACJ,IAAI,CAAC,qBAAWC,KAAK,CAAE;EACxD,OAAOC,MAAM,GAAGA,MAAM,CAACC,cAAc,CAAC,GAAGA,cAAc;AACzD"}

package/dist/cjs/helpers/getViewHeightClassName.d.ts

@@ -1,3 +1,3 @@
-import { ViewHeight } from "../lib/adaptivity";
+import { ViewHeight } from '../lib/adaptivity';
 export declare function getViewHeightClassName(base: string, viewHeight?: ViewHeight): string;
 export declare function getViewHeightClassName<Styles extends Record<string, string>>(base: keyof Styles, viewHeight?: ViewHeight, styles?: Styles): string | undefined;

package/dist/cjs/helpers/getViewHeightClassName.js

@@ -14,16 +14,16 @@ styles) {
   var className = "".concat(String(base), "--viewHeight-");
   switch (viewHeight) {
     case _adaptivity.ViewHeight.EXTRA_SMALL:
-      className += "extraSmall";
+      className += 'extraSmall';
       break;
     case _adaptivity.ViewHeight.SMALL:
-      className += "small";
+      className += 'small';
       break;
     case _adaptivity.ViewHeight.MEDIUM:
-      className += "medium";
+      className += 'medium';
       break;
     default:
-      className += "none";
+      className += 'none';
       break;
   }
   return styles ? styles[className] : className;

package/dist/cjs/helpers/getViewHeightClassName.js.map

@@ -1 +1 @@
-{"version":3,"file":"getViewHeightClassName.js","names":["getViewHeightClassName","base","viewHeight","styles","className","String","ViewHeight","EXTRA_SMALL","SMALL","MEDIUM"],"sources":["../../../src/helpers/getViewHeightClassName.ts"],"sourcesContent":["import { ViewHeight } from \"../lib/adaptivity\";\n\nexport function getViewHeightClassName(\n  base: string,\n  viewHeight?: ViewHeight\n): string;\nexport function getViewHeightClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  viewHeight?: ViewHeight,\n  styles?: Styles\n): string | undefined;\nexport function getViewHeightClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  viewHeight?: ViewHeight,\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles\n): string | undefined {\n  let className = `${String(base)}--viewHeight-`;\n\n  switch (viewHeight) {\n    case ViewHeight.EXTRA_SMALL:\n      className += \"extraSmall\";\n      break;\n    case ViewHeight.SMALL:\n      className += \"small\";\n      break;\n    case ViewHeight.MEDIUM:\n      className += \"medium\";\n      break;\n\n    default:\n      className += \"none\";\n      break;\n  }\n\n  return styles ? styles[className] : className;\n}\n"],"mappings":";;;;;;AAAA;AAWO,SAASA,sBAAsB,CACpCC,IAAkB,EAClBC,UAAuB;AACvB;AACF;AACA;AACA;AACEC,MAAe,EACK;EACpB,IAAIC,SAAS,aAAMC,MAAM,CAACJ,IAAI,CAAC,kBAAe;EAE9C,QAAQC,UAAU;IAChB,KAAKI,sBAAU,CAACC,WAAW;MACzBH,SAAS,IAAI,YAAY;MACzB;IACF,KAAKE,sBAAU,CAACE,KAAK;MACnBJ,SAAS,IAAI,OAAO;MACpB;IACF,KAAKE,sBAAU,CAACG,MAAM;MACpBL,SAAS,IAAI,QAAQ;MACrB;IAEF;MACEA,SAAS,IAAI,MAAM;MACnB;EAAM;EAGV,OAAOD,MAAM,GAAGA,MAAM,CAACC,SAAS,CAAC,GAAGA,SAAS;AAC/C"}
+{"version":3,"file":"getViewHeightClassName.js","names":["getViewHeightClassName","base","viewHeight","styles","className","String","ViewHeight","EXTRA_SMALL","SMALL","MEDIUM"],"sources":["../../../src/helpers/getViewHeightClassName.ts"],"sourcesContent":["import { ViewHeight } from '../lib/adaptivity';\n\nexport function getViewHeightClassName(base: string, viewHeight?: ViewHeight): string;\nexport function getViewHeightClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  viewHeight?: ViewHeight,\n  styles?: Styles,\n): string | undefined;\nexport function getViewHeightClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  viewHeight?: ViewHeight,\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles,\n): string | undefined {\n  let className = `${String(base)}--viewHeight-`;\n\n  switch (viewHeight) {\n    case ViewHeight.EXTRA_SMALL:\n      className += 'extraSmall';\n      break;\n    case ViewHeight.SMALL:\n      className += 'small';\n      break;\n    case ViewHeight.MEDIUM:\n      className += 'medium';\n      break;\n\n    default:\n      className += 'none';\n      break;\n  }\n\n  return styles ? styles[className] : className;\n}\n"],"mappings":";;;;;;AAAA;AAQO,SAASA,sBAAsB,CACpCC,IAAkB,EAClBC,UAAuB;AACvB;AACF;AACA;AACA;AACEC,MAAe,EACK;EACpB,IAAIC,SAAS,aAAMC,MAAM,CAACJ,IAAI,CAAC,kBAAe;EAE9C,QAAQC,UAAU;IAChB,KAAKI,sBAAU,CAACC,WAAW;MACzBH,SAAS,IAAI,YAAY;MACzB;IACF,KAAKE,sBAAU,CAACE,KAAK;MACnBJ,SAAS,IAAI,OAAO;MACpB;IACF,KAAKE,sBAAU,CAACG,MAAM;MACpBL,SAAS,IAAI,QAAQ;MACrB;IAEF;MACEA,SAAS,IAAI,MAAM;MACnB;EAAM;EAGV,OAAOD,MAAM,GAAGA,MAAM,CAACC,SAAS,CAAC,GAAGA,SAAS;AAC/C"}

package/dist/cjs/helpers/getViewWidthClassName.d.ts

@@ -1,3 +1,3 @@
-import { ViewWidth } from "../lib/adaptivity";
+import { ViewWidth } from '../lib/adaptivity';
 export declare function getViewWidthClassName(base: string, viewWidth?: ViewWidth): string;
 export declare function getViewWidthClassName<Styles extends Record<string, string>>(base: keyof Styles, viewWidth?: ViewWidth, styles?: Styles): string | undefined;

package/dist/cjs/helpers/getViewWidthClassName.js

@@ -14,35 +14,35 @@ styles) {
   var className = "".concat(String(base), "--viewWidth-");
   switch (viewWidth) {
     case _adaptivity.ViewWidth.SMALL_MOBILE:
-      className += "smallMobile";
+      className += 'smallMobile';
       break;
     case _adaptivity.ViewWidth.MOBILE:
-      className += "mobile";
+      className += 'mobile';
       break;
     case _adaptivity.ViewWidth.SMALL_TABLET:
-      className += "smallTablet";
+      className += 'smallTablet';
       break;
     case _adaptivity.ViewWidth.TABLET:
-      className += "tablet";
+      className += 'tablet';
       break;
     case _adaptivity.ViewWidth.DESKTOP:
-      className += "desktop";
+      className += 'desktop';
       break;
     default:
-      className += "none";
+      className += 'none';
       break;
   }
   className = styles ? styles[className] : className;
   if (viewWidth && viewWidth >= _adaptivity.ViewWidth.SMALL_TABLET) {
     if (styles) {
-      className += " " + styles["".concat(String(base), "--viewWidth-smallTabletPlus")];
+      className += ' ' + styles["".concat(String(base), "--viewWidth-smallTabletPlus")];
     } else {
       className += " ".concat(String(base), "--viewWidth-smallTabletPlus");
     }
   }
   if (viewWidth && viewWidth >= _adaptivity.ViewWidth.TABLET) {
     if (styles) {
-      className += " " + styles["".concat(String(base), "--viewWidth-tabletPlus")];
+      className += ' ' + styles["".concat(String(base), "--viewWidth-tabletPlus")];
     } else {
       className += " ".concat(String(base), "--viewWidth-tabletPlus");
     }

package/dist/cjs/helpers/getViewWidthClassName.js.map

@@ -1 +1 @@
-{"version":3,"file":"getViewWidthClassName.js","names":["getViewWidthClassName","base","viewWidth","styles","className","String","ViewWidth","SMALL_MOBILE","MOBILE","SMALL_TABLET","TABLET","DESKTOP"],"sources":["../../../src/helpers/getViewWidthClassName.ts"],"sourcesContent":["import { ViewWidth } from \"../lib/adaptivity\";\n\nexport function getViewWidthClassName(\n  base: string,\n  viewWidth?: ViewWidth\n): string;\nexport function getViewWidthClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  viewWidth?: ViewWidth,\n  styles?: Styles\n): string | undefined;\nexport function getViewWidthClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  viewWidth?: ViewWidth,\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles\n): string | undefined {\n  let className = `${String(base)}--viewWidth-`;\n\n  switch (viewWidth) {\n    case ViewWidth.SMALL_MOBILE:\n      className += \"smallMobile\";\n      break;\n    case ViewWidth.MOBILE:\n      className += \"mobile\";\n      break;\n    case ViewWidth.SMALL_TABLET:\n      className += \"smallTablet\";\n      break;\n    case ViewWidth.TABLET:\n      className += \"tablet\";\n      break;\n    case ViewWidth.DESKTOP:\n      className += \"desktop\";\n      break;\n\n    default:\n      className += \"none\";\n      break;\n  }\n\n  className = styles ? styles[className] : className;\n\n  if (viewWidth && viewWidth >= ViewWidth.SMALL_TABLET) {\n    if (styles) {\n      className += \" \" + styles[`${String(base)}--viewWidth-smallTabletPlus`];\n    } else {\n      className += ` ${String(base)}--viewWidth-smallTabletPlus`;\n    }\n  }\n\n  if (viewWidth && viewWidth >= ViewWidth.TABLET) {\n    if (styles) {\n      className += \" \" + styles[`${String(base)}--viewWidth-tabletPlus`];\n    } else {\n      className += ` ${String(base)}--viewWidth-tabletPlus`;\n    }\n  }\n\n  return className;\n}\n"],"mappings":";;;;;;AAAA;AAWO,SAASA,qBAAqB,CACnCC,IAAkB,EAClBC,SAAqB;AACrB;AACF;AACA;AACA;AACEC,MAAe,EACK;EACpB,IAAIC,SAAS,aAAMC,MAAM,CAACJ,IAAI,CAAC,iBAAc;EAE7C,QAAQC,SAAS;IACf,KAAKI,qBAAS,CAACC,YAAY;MACzBH,SAAS,IAAI,aAAa;MAC1B;IACF,KAAKE,qBAAS,CAACE,MAAM;MACnBJ,SAAS,IAAI,QAAQ;MACrB;IACF,KAAKE,qBAAS,CAACG,YAAY;MACzBL,SAAS,IAAI,aAAa;MAC1B;IACF,KAAKE,qBAAS,CAACI,MAAM;MACnBN,SAAS,IAAI,QAAQ;MACrB;IACF,KAAKE,qBAAS,CAACK,OAAO;MACpBP,SAAS,IAAI,SAAS;MACtB;IAEF;MACEA,SAAS,IAAI,MAAM;MACnB;EAAM;EAGVA,SAAS,GAAGD,MAAM,GAAGA,MAAM,CAACC,SAAS,CAAC,GAAGA,SAAS;EAElD,IAAIF,SAAS,IAAIA,SAAS,IAAII,qBAAS,CAACG,YAAY,EAAE;IACpD,IAAIN,MAAM,EAAE;MACVC,SAAS,IAAI,GAAG,GAAGD,MAAM,WAAIE,MAAM,CAACJ,IAAI,CAAC,iCAA8B;IACzE,CAAC,MAAM;MACLG,SAAS,eAAQC,MAAM,CAACJ,IAAI,CAAC,gCAA6B;IAC5D;EACF;EAEA,IAAIC,SAAS,IAAIA,SAAS,IAAII,qBAAS,CAACI,MAAM,EAAE;IAC9C,IAAIP,MAAM,EAAE;MACVC,SAAS,IAAI,GAAG,GAAGD,MAAM,WAAIE,MAAM,CAACJ,IAAI,CAAC,4BAAyB;IACpE,CAAC,MAAM;MACLG,SAAS,eAAQC,MAAM,CAACJ,IAAI,CAAC,2BAAwB;IACvD;EACF;EAEA,OAAOG,SAAS;AAClB"}
+{"version":3,"file":"getViewWidthClassName.js","names":["getViewWidthClassName","base","viewWidth","styles","className","String","ViewWidth","SMALL_MOBILE","MOBILE","SMALL_TABLET","TABLET","DESKTOP"],"sources":["../../../src/helpers/getViewWidthClassName.ts"],"sourcesContent":["import { ViewWidth } from '../lib/adaptivity';\n\nexport function getViewWidthClassName(base: string, viewWidth?: ViewWidth): string;\nexport function getViewWidthClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  viewWidth?: ViewWidth,\n  styles?: Styles,\n): string | undefined;\nexport function getViewWidthClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  viewWidth?: ViewWidth,\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles,\n): string | undefined {\n  let className = `${String(base)}--viewWidth-`;\n\n  switch (viewWidth) {\n    case ViewWidth.SMALL_MOBILE:\n      className += 'smallMobile';\n      break;\n    case ViewWidth.MOBILE:\n      className += 'mobile';\n      break;\n    case ViewWidth.SMALL_TABLET:\n      className += 'smallTablet';\n      break;\n    case ViewWidth.TABLET:\n      className += 'tablet';\n      break;\n    case ViewWidth.DESKTOP:\n      className += 'desktop';\n      break;\n\n    default:\n      className += 'none';\n      break;\n  }\n\n  className = styles ? styles[className] : className;\n\n  if (viewWidth && viewWidth >= ViewWidth.SMALL_TABLET) {\n    if (styles) {\n      className += ' ' + styles[`${String(base)}--viewWidth-smallTabletPlus`];\n    } else {\n      className += ` ${String(base)}--viewWidth-smallTabletPlus`;\n    }\n  }\n\n  if (viewWidth && viewWidth >= ViewWidth.TABLET) {\n    if (styles) {\n      className += ' ' + styles[`${String(base)}--viewWidth-tabletPlus`];\n    } else {\n      className += ` ${String(base)}--viewWidth-tabletPlus`;\n    }\n  }\n\n  return className;\n}\n"],"mappings":";;;;;;AAAA;AAQO,SAASA,qBAAqB,CACnCC,IAAkB,EAClBC,SAAqB;AACrB;AACF;AACA;AACA;AACEC,MAAe,EACK;EACpB,IAAIC,SAAS,aAAMC,MAAM,CAACJ,IAAI,CAAC,iBAAc;EAE7C,QAAQC,SAAS;IACf,KAAKI,qBAAS,CAACC,YAAY;MACzBH,SAAS,IAAI,aAAa;MAC1B;IACF,KAAKE,qBAAS,CAACE,MAAM;MACnBJ,SAAS,IAAI,QAAQ;MACrB;IACF,KAAKE,qBAAS,CAACG,YAAY;MACzBL,SAAS,IAAI,aAAa;MAC1B;IACF,KAAKE,qBAAS,CAACI,MAAM;MACnBN,SAAS,IAAI,QAAQ;MACrB;IACF,KAAKE,qBAAS,CAACK,OAAO;MACpBP,SAAS,IAAI,SAAS;MACtB;IAEF;MACEA,SAAS,IAAI,MAAM;MACnB;EAAM;EAGVA,SAAS,GAAGD,MAAM,GAAGA,MAAM,CAACC,SAAS,CAAC,GAAGA,SAAS;EAElD,IAAIF,SAAS,IAAIA,SAAS,IAAII,qBAAS,CAACG,YAAY,EAAE;IACpD,IAAIN,MAAM,EAAE;MACVC,SAAS,IAAI,GAAG,GAAGD,MAAM,WAAIE,MAAM,CAACJ,IAAI,CAAC,iCAA8B;IACzE,CAAC,MAAM;MACLG,SAAS,eAAQC,MAAM,CAACJ,IAAI,CAAC,gCAA6B;IAC5D;EACF;EAEA,IAAIC,SAAS,IAAIA,SAAS,IAAII,qBAAS,CAACI,MAAM,EAAE;IAC9C,IAAIP,MAAM,EAAE;MACVC,SAAS,IAAI,GAAG,GAAGD,MAAM,WAAIE,MAAM,CAACJ,IAAI,CAAC,4BAAyB;IACpE,CAAC,MAAM;MACLG,SAAS,eAAQC,MAAM,CAACJ,IAAI,CAAC,2BAAwB;IACvD;EACF;EAEA,OAAOG,SAAS;AAClB"}

package/dist/cjs/helpers/math.js

@@ -16,7 +16,7 @@ function precisionRound(number) {
   return Math.round(number * factor) / factor;
 }
 function precision(number) {
-  return ("".concat(number).split(".")[1] || "").length;
+  return ("".concat(number).split('.')[1] || '').length;
 }
 function decimatedClamp(val, min, max, step) {
   if (step == null || step <= 0) {