@vkontakte/vkui 4.26.0 → 4.27.2

package/dist/cssm/components/Touch/Touch.d.ts

@@ -0,0 +1,49 @@
+import * as React from "react";
+import { VKUITouchEvent } from "../../lib/touch";
+import { HasComponent, HasRootRef } from "../../types";
+export interface TouchProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {
+    /**
+     * Привязать onEnter и onLeave через pointer-events - работает на disabled-инпутах
+     */
+    usePointerHover?: boolean;
+    useCapture?: boolean;
+    slideThreshold?: number;
+    noSlideClick?: boolean;
+    onEnter?: HoverHandler;
+    onLeave?: HoverHandler;
+    onStart?: TouchEventHandler;
+    onStartX?: TouchEventHandler;
+    onStartY?: TouchEventHandler;
+    onMove?: TouchEventHandler;
+    onMoveX?: TouchEventHandler;
+    onMoveY?: TouchEventHandler;
+    onEnd?: TouchEventHandler;
+    onEndX?: TouchEventHandler;
+    onEndY?: TouchEventHandler;
+    stopPropagation?: boolean;
+}
+export interface Gesture {
+    startX: number;
+    startY: number;
+    startT: Date;
+    duration: number;
+    isPressed: boolean;
+    isY: boolean;
+    isX: boolean;
+    isSlideX: boolean;
+    isSlideY: boolean;
+    isSlide: boolean;
+    shiftX: number;
+    shiftY: number;
+    shiftXAbs: number;
+    shiftYAbs: number;
+}
+export interface TouchEvent extends Gesture {
+    originalEvent: VKUITouchEvent;
+}
+declare type HoverHandler = (outputEvent: MouseEvent) => void;
+export declare type TouchEventHandler = (e: TouchEvent) => void;
+export declare type ClickHandler = (e: React.MouseEvent<HTMLElement>) => void;
+export declare type DragHandler = (e: React.DragEvent<HTMLElement>) => void;
+export declare const Touch: React.FC<TouchProps>;
+export {};

package/dist/cssm/components/Touch/TouchContext.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+/**
+ * Контекст для компонентов, использующих Touch в качестве корневой обёртки,
+ * и для которых важно не предотвращать вспылие тач-событий от дочерних компонентов
+ */
+declare const TouchRootContext: React.Context<boolean>;
+export default TouchRootContext;

package/dist/cssm/components/Typography/Caption/Caption.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { HasComponent } from "../../../types";
+import "./Caption.css";
+export interface CaptionProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
+    weight: "regular" | "medium" | "semibold" | "bold";
+    level: "1" | "2" | "3" | "4";
+    caps?: boolean;
+}
+declare const Caption: React.FC<CaptionProps>;
+export default Caption;

package/dist/cssm/components/Typography/Headline/Headline.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { HasComponent } from "../../../types";
+import "./Headline.css";
+export interface HeadlineProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
+    weight: "regular" | "medium" | "semibold";
+}
+declare const Headline: React.FC<HeadlineProps>;
+export default Headline;

package/dist/cssm/components/Typography/Subhead/Subhead.css

@@ -1 +1 @@
-.vkuiSubhead{margin:0;font-size:14px;line-height:18px}.vkuiSubhead--w-regular{font-weight:400}.vkuiSubhead--w-medium{font-weight:500}.vkuiSubhead--w-semibold{font-weight:600}.vkuiSubhead--w-bold{font-weight:700}.vkuiSubhead--android.vkuiSubhead--w-semibold{font-weight:500}
+.vkuiSubhead{margin:0;font-size:14px;font-size:var(--vkui--font_subhead--font_size--regular);line-height:18px;line-height:var(--vkui--font_subhead--line_height--regular);font-weight:400;font-weight:var(--vkui--font_subhead--font_weight--regular)}.vkuiSubhead--sizeY-compact{font-size:13px;font-size:var(--vkui--font_subhead--font_size--compact);line-height:16px;line-height:var(--vkui--font_subhead--line_height--compact)}.vkuiSubhead--w-regular{font-weight:400}.vkuiSubhead--w-medium{font-weight:500}.vkuiSubhead--w-semibold{font-weight:600}.vkuiSubhead--w-bold{font-weight:700}.vkuiSubhead--w-1{font-weight:600;font-weight:var(--vkui--font_weight_accent1)}.vkuiSubhead--w-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2)}.vkuiSubhead--w-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3)}

package/dist/cssm/components/Typography/Subhead/Subhead.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { HasComponent } from "../../../types";
+import "./Subhead.css";
+export interface SubheadProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
+    /**
+     * Начертания "regular", "medium", "semibold" и "bold" устарели и будут удалены в 5.0.0.
+     */
+    weight?: "regular" | "medium" | "semibold" | "bold" | "1" | "2" | "3";
+}
+declare const Subhead: React.FC<SubheadProps>;
+export default Subhead;

package/dist/cssm/components/Typography/Subhead/Subhead.js

@@ -2,22 +2,28 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "weight", "Component"];
 import { createScopedElement } from "../../../lib/jsxRuntime";
-import { usePlatform } from "../../../hooks/usePlatform";
 import { classNames } from "../../../lib/classNames";
-import { getClassName } from "../../../helpers/getClassName";
+import { warnOnce } from "../../../lib/warnOnce";
+import { useAdaptivity } from "../../../hooks/useAdaptivity";
 import "./Subhead.css";
+var warn = warnOnce("Subhead");
 
 var Subhead = function Subhead(_ref) {
   var children = _ref.children,
-      _ref$weight = _ref.weight,
-      weight = _ref$weight === void 0 ? "regular" : _ref$weight,
+      weight = _ref.weight,
       _ref$Component = _ref.Component,
-      Component = _ref$Component === void 0 ? "h4" : _ref$Component,
+      Component = _ref$Component === void 0 ? "h5" : _ref$Component,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
-  var platform = usePlatform();
+  var _useAdaptivity = useAdaptivity(),
+      sizeY = _useAdaptivity.sizeY;
+
+  if (process.env.NODE_ENV === "development") {
+    if (weight && ["heavy", "bold", "semibold", "medium", "regular"].includes(weight)) warn("\u041D\u0430\u0447\u0435\u0440\u0442\u0430\u043D\u0438\u0435 weight=\"".concat(weight, "\" \u0443\u0441\u0442\u0430\u0440\u0435\u043B\u043E \u0438 \u0431\u0443\u0434\u0435\u0442 \u0443\u0434\u0430\u043B\u0435\u043D\u043E \u0432 5.0.0. \u0418\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u044F \"1\", \"2\" \u0438 \"3\""));
+  }
+
   return createScopedElement(Component, _extends({}, restProps, {
-    vkuiClass: classNames(getClassName("Subhead", platform), "Subhead--w-".concat(weight))
+    vkuiClass: classNames("Subhead", "Subhead--sizeY-".concat(sizeY), "Subhead--w-".concat(weight))
   }), children);
 }; // eslint-disable-next-line import/no-default-export
 

package/dist/cssm/components/Typography/Subhead/Subhead.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Subhead/Subhead.tsx"],"names":["usePlatform","classNames","getClassName","Subhead","children","weight","Component","restProps","platform"],"mappings":";;;;AAEA,SAASA,WAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA;;AAQA,IAAMC,OAA+B,GAAG,SAAlCA,OAAkC,OAKpB;AAAA,MAJlBC,QAIkB,QAJlBA,QAIkB;AAAA,yBAHlBC,MAGkB;AAAA,MAHlBA,MAGkB,4BAHT,SAGS;AAAA,4BAFlBC,SAEkB;AAAA,MAFlBA,SAEkB,+BAFN,IAEM;AAAA,MADfC,SACe;;AAClB,MAAMC,QAAQ,GAAGR,WAAW,EAA5B;AAEA,SACE,oBAAC,SAAD,eACMO,SADN;AAEE,IAAA,SAAS,EAAEN,UAAU,CACnBC,YAAY,CAAC,SAAD,EAAYM,QAAZ,CADO,uBAELH,MAFK;AAFvB,MAOGD,QAPH,CADF;AAWD,CAnBD,C,CAqBA;;;AACA,eAAeD,OAAf","sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { usePlatform } from \"../../../hooks/usePlatform\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { getClassName } from \"../../../helpers/getClassName\";\nimport \"./Subhead.css\";\n\nexport interface SubheadProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent {\n  weight: \"regular\" | \"medium\" | \"semibold\" | \"bold\";\n}\n\nconst Subhead: React.FC<SubheadProps> = ({\n  children,\n  weight = \"regular\",\n  Component = \"h4\",\n  ...restProps\n}: SubheadProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName(\"Subhead\", platform),\n        `Subhead--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default Subhead;\n"],"file":"Subhead.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Subhead/Subhead.tsx"],"names":["classNames","warnOnce","useAdaptivity","warn","Subhead","children","weight","Component","restProps","sizeY","process","env","NODE_ENV","includes"],"mappings":";;;;AAEA,SAASA,UAAT;AACA,SAASC,QAAT;AACA,SAASC,aAAT;AACA;AAWA,IAAMC,IAAI,GAAGF,QAAQ,CAAC,SAAD,CAArB;;AAEA,IAAMG,OAA+B,GAAG,SAAlCA,OAAkC,OAKpB;AAAA,MAJlBC,QAIkB,QAJlBA,QAIkB;AAAA,MAHlBC,MAGkB,QAHlBA,MAGkB;AAAA,4BAFlBC,SAEkB;AAAA,MAFlBA,SAEkB,+BAFN,IAEM;AAAA,MADfC,SACe;;AAClB,uBAAkBN,aAAa,EAA/B;AAAA,MAAQO,KAAR,kBAAQA,KAAR;;AAEA,MAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;AAC1C,QACEN,MAAM,IACN,CAAC,OAAD,EAAU,MAAV,EAAkB,UAAlB,EAA8B,QAA9B,EAAwC,SAAxC,EAAmDO,QAAnD,CAA4DP,MAA5D,CAFF,EAIEH,IAAI,iFACoBG,MADpB,sSAAJ;AAGH;;AAED,SACE,oBAAC,SAAD,eACME,SADN;AAEE,IAAA,SAAS,EAAER,UAAU,CACnB,SADmB,2BAEDS,KAFC,wBAGLH,MAHK;AAFvB,MAQGD,QARH,CADF;AAYD,CA9BD,C,CAgCA;;;AACA,eAAeD,OAAf","sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport { useAdaptivity } from \"../../../hooks/useAdaptivity\";\nimport \"./Subhead.css\";\n\nexport interface SubheadProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent {\n  /**\n   * Начертания \"regular\", \"medium\", \"semibold\" и \"bold\" устарели и будут удалены в 5.0.0.\n   */\n  weight?: \"regular\" | \"medium\" | \"semibold\" | \"bold\" | \"1\" | \"2\" | \"3\";\n}\n\nconst warn = warnOnce(\"Subhead\");\n\nconst Subhead: React.FC<SubheadProps> = ({\n  children,\n  weight,\n  Component = \"h5\",\n  ...restProps\n}: SubheadProps) => {\n  const { sizeY } = useAdaptivity();\n\n  if (process.env.NODE_ENV === \"development\") {\n    if (\n      weight &&\n      [\"heavy\", \"bold\", \"semibold\", \"medium\", \"regular\"].includes(weight)\n    )\n      warn(\n        `Начертание weight=\"${weight}\" устарело и будет удалено в 5.0.0. Используйте значения \"1\", \"2\" и \"3\"`\n      );\n  }\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        \"Subhead\",\n        `Subhead--sizeY-${sizeY}`,\n        `Subhead--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default Subhead;\n"],"file":"Subhead.js"}

package/dist/cssm/components/Typography/Text/Text.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { HasComponent, HasRootRef } from "../../../types";
+import "./Text.css";
+export interface TextProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {
+    weight: "regular" | "medium" | "semibold";
+}
+declare const Text: React.FC<TextProps>;
+export default Text;

package/dist/cssm/components/Typography/Title/Title.css

@@ -1 +1 @@
-.vkuiTitle{display:block;margin:0}.vkuiTitle--l-1{font-size:24px;line-height:28px}.vkuiTitle--l-2{font-size:20px;line-height:24px}.vkuiTitle--l-3{font-size:17px;line-height:22px}.vkuiTitle--w-regular{font-weight:400}.vkuiTitle--w-medium{font-weight:500}.vkuiTitle--w-semibold{font-weight:600}.vkuiTitle--w-bold{font-weight:700}.vkuiTitle--w-heavy{font-weight:800}.vkuiTitle--android.vkuiTitle--w-semibold{font-weight:500}.vkuiTitle--android.vkuiTitle--w-heavy{font-weight:700}
+.vkuiTitle{display:block;margin:0}.vkuiTitle--l-1{font-size:24px;font-size:var(--vkui--font_title1--font_size--regular);line-height:28px;line-height:var(--vkui--font_title1--line_height--regular);font-weight:600;font-weight:var(--vkui--font_title1--font_weight--regular)}.vkuiTitle--l-2{font-size:20px;font-size:var(--vkui--font_title2--font_size--regular);line-height:24px;line-height:var(--vkui--font_title2--line_height--regular);font-weight:600;font-weight:var(--vkui--font_title2--font_weight--regular)}.vkuiTitle--l-3{font-size:17px;font-size:var(--vkui--font_title3--font_size--regular);line-height:22px;line-height:var(--vkui--font_title3--line_height--regular);font-weight:600;font-weight:var(--vkui--font_title3--font_weight--regular)}.vkuiTitle--w-regular{font-weight:400}.vkuiTitle--w-medium{font-weight:500}.vkuiTitle--w-semibold{font-weight:600}.vkuiTitle--w-bold{font-weight:700}.vkuiTitle--w-heavy{font-weight:800}.vkuiTitle--w-1{font-weight:600;font-weight:var(--vkui--font_weight_accent1)}.vkuiTitle--w-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2)}.vkuiTitle--w-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3)}

package/dist/cssm/components/Typography/Title/Title.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { HasComponent } from "../../../types";
+import "./Title.css";
+export interface TitleProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
+    /**
+     * Начертания "heavy", "bold", "semibold", "medium" и "regular" устарели и будут удалены в 5.0.0.
+     */
+    weight?: "heavy" | "bold" | "semibold" | "medium" | "regular" | "1" | "2" | "3";
+    level: "1" | "2" | "3";
+}
+declare const Title: React.FC<TitleProps>;
+export default Title;

package/dist/cssm/components/Typography/Title/Title.js

@@ -1,40 +1,31 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "weight", "level", "Component"];
 import { createScopedElement } from "../../../lib/jsxRuntime";
-import { usePlatform } from "../../../hooks/usePlatform";
 import { classNames } from "../../../lib/classNames";
-import { getClassName } from "../../../helpers/getClassName";
-import { ANDROID } from "../../../lib/platform";
-import Headline from "../Headline/Headline";
+import { warnOnce } from "../../../lib/warnOnce";
 import "./Title.css";
+var warn = warnOnce("Title");
 
 var Title = function Title(_ref) {
   var children = _ref.children,
-      _ref$weight = _ref.weight,
-      weight = _ref$weight === void 0 ? "regular" : _ref$weight,
+      weight = _ref.weight,
       _ref$level = _ref.level,
       level = _ref$level === void 0 ? "1" : _ref$level,
       Component = _ref.Component,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
-  var platform = usePlatform();
-
   if (!Component) {
     Component = "h" + level;
   }
 
-  if (platform === ANDROID && level === "3") {
-    var headlineWeight = weight === "regular" ? weight : "medium";
-    return createScopedElement(Headline, _extends({
-      Component: Component
-    }, restProps, {
-      weight: headlineWeight
-    }), children);
+  if (process.env.NODE_ENV === "development") {
+    if (weight && ["heavy", "bold", "semibold", "medium", "regular"].includes(weight)) warn("\u041D\u0430\u0447\u0435\u0440\u0442\u0430\u043D\u0438\u0435 weight=\"".concat(weight, "\" \u0443\u0441\u0442\u0430\u0440\u0435\u043B\u043E \u0438 \u0431\u0443\u0434\u0435\u0442 \u0443\u0434\u0430\u043B\u0435\u043D\u043E \u0432 5.0.0. \u0418\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u044F \"1\", \"2\" \u0438 \"3\""));
   }
 
   return createScopedElement(Component, _extends({}, restProps, {
-    vkuiClass: classNames(getClassName("Title", platform), "Title--w-".concat(weight), "Title--l-".concat(level))
+    vkuiClass: classNames("Title", "Title--l-".concat(level), _defineProperty({}, "Title--w-".concat(weight), !!weight))
   }), children);
 }; // eslint-disable-next-line import/no-default-export
 

package/dist/cssm/components/Typography/Title/Title.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Title/Title.tsx"],"names":["usePlatform","classNames","getClassName","ANDROID","Headline","Title","children","weight","level","Component","restProps","platform","headlineWeight"],"mappings":";;;;AAEA,SAASA,WAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,OAAT;AACA,OAAOC,QAAP;AACA;;AASA,IAAMC,KAA2B,GAAG,SAA9BA,KAA8B,OAMlB;AAAA,MALhBC,QAKgB,QALhBA,QAKgB;AAAA,yBAJhBC,MAIgB;AAAA,MAJhBA,MAIgB,4BAJP,SAIO;AAAA,wBAHhBC,KAGgB;AAAA,MAHhBA,KAGgB,2BAHR,GAGQ;AAAA,MAFhBC,SAEgB,QAFhBA,SAEgB;AAAA,MADbC,SACa;;AAChB,MAAMC,QAAQ,GAAGX,WAAW,EAA5B;;AAEA,MAAI,CAACS,SAAL,EAAgB;AACdA,IAAAA,SAAS,GAAI,MAAMD,KAAnB;AACD;;AAED,MAAIG,QAAQ,KAAKR,OAAb,IAAwBK,KAAK,KAAK,GAAtC,EAA2C;AACzC,QAAMI,cAAuC,GAC3CL,MAAM,KAAK,SAAX,GAAuBA,MAAvB,GAAgC,QADlC;AAGA,WACE,oBAAC,QAAD;AAAU,MAAA,SAAS,EAAEE;AAArB,OAAoCC,SAApC;AAA+C,MAAA,MAAM,EAAEE;AAAvD,QACGN,QADH,CADF;AAKD;;AAED,SACE,oBAAC,SAAD,eACMI,SADN;AAEE,IAAA,SAAS,EAAET,UAAU,CACnBC,YAAY,CAAC,OAAD,EAAUS,QAAV,CADO,qBAEPJ,MAFO,sBAGPC,KAHO;AAFvB,MAQGF,QARH,CADF;AAYD,CApCD,C,CAsCA;;;AACA,eAAeD,KAAf","sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { usePlatform } from \"../../../hooks/usePlatform\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { getClassName } from \"../../../helpers/getClassName\";\nimport { ANDROID } from \"../../../lib/platform\";\nimport Headline, { HeadlineProps } from \"../Headline/Headline\";\nimport \"./Title.css\";\n\nexport interface TitleProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent {\n  weight: \"heavy\" | \"bold\" | \"semibold\" | \"medium\" | \"regular\";\n  level: \"1\" | \"2\" | \"3\";\n}\n\nconst Title: React.FC<TitleProps> = ({\n  children,\n  weight = \"regular\",\n  level = \"1\",\n  Component,\n  ...restProps\n}: TitleProps) => {\n  const platform = usePlatform();\n\n  if (!Component) {\n    Component = (\"h\" + level) as React.ElementType;\n  }\n\n  if (platform === ANDROID && level === \"3\") {\n    const headlineWeight: HeadlineProps[\"weight\"] =\n      weight === \"regular\" ? weight : \"medium\";\n\n    return (\n      <Headline Component={Component} {...restProps} weight={headlineWeight}>\n        {children}\n      </Headline>\n    );\n  }\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName(\"Title\", platform),\n        `Title--w-${weight}`,\n        `Title--l-${level}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default Title;\n"],"file":"Title.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Title/Title.tsx"],"names":["classNames","warnOnce","warn","Title","children","weight","level","Component","restProps","process","env","NODE_ENV","includes"],"mappings":";;;;;AAEA,SAASA,UAAT;AACA,SAASC,QAAT;AACA;AAoBA,IAAMC,IAAI,GAAGD,QAAQ,CAAC,OAAD,CAArB;;AAEA,IAAME,KAA2B,GAAG,SAA9BA,KAA8B,OAMlB;AAAA,MALhBC,QAKgB,QALhBA,QAKgB;AAAA,MAJhBC,MAIgB,QAJhBA,MAIgB;AAAA,wBAHhBC,KAGgB;AAAA,MAHhBA,KAGgB,2BAHR,GAGQ;AAAA,MAFhBC,SAEgB,QAFhBA,SAEgB;AAAA,MADbC,SACa;;AAChB,MAAI,CAACD,SAAL,EAAgB;AACdA,IAAAA,SAAS,GAAI,MAAMD,KAAnB;AACD;;AAED,MAAIG,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;AAC1C,QACEN,MAAM,IACN,CAAC,OAAD,EAAU,MAAV,EAAkB,UAAlB,EAA8B,QAA9B,EAAwC,SAAxC,EAAmDO,QAAnD,CAA4DP,MAA5D,CAFF,EAIEH,IAAI,iFACoBG,MADpB,sSAAJ;AAGH;;AAED,SACE,oBAAC,SAAD,eACMG,SADN;AAEE,IAAA,SAAS,EAAER,UAAU,CAAC,OAAD,qBAAsBM,KAAtB,0CACND,MADM,GACK,CAAC,CAACA,MADP;AAFvB,MAMGD,QANH,CADF;AAUD,CA/BD,C,CAiCA;;;AACA,eAAeD,KAAf","sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport \"./Title.css\";\n\nexport interface TitleProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent {\n  /**\n   * Начертания \"heavy\", \"bold\", \"semibold\", \"medium\" и \"regular\" устарели и будут удалены в 5.0.0.\n   */\n  weight?:\n    | \"heavy\"\n    | \"bold\"\n    | \"semibold\"\n    | \"medium\"\n    | \"regular\"\n    | \"1\"\n    | \"2\"\n    | \"3\";\n  level: \"1\" | \"2\" | \"3\";\n}\n\nconst warn = warnOnce(\"Title\");\n\nconst Title: React.FC<TitleProps> = ({\n  children,\n  weight,\n  level = \"1\",\n  Component,\n  ...restProps\n}: TitleProps) => {\n  if (!Component) {\n    Component = (\"h\" + level) as React.ElementType;\n  }\n\n  if (process.env.NODE_ENV === \"development\") {\n    if (\n      weight &&\n      [\"heavy\", \"bold\", \"semibold\", \"medium\", \"regular\"].includes(weight)\n    )\n      warn(\n        `Начертание weight=\"${weight}\" устарело и будет удалено в 5.0.0. Используйте значения \"1\", \"2\" и \"3\"`\n      );\n  }\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\"Title\", `Title--l-${level}`, {\n        [`Title--w-${weight}`]: !!weight,\n      })}\n    >\n      {children}\n    </Component>\n  );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default Title;\n"],"file":"Title.js"}

package/dist/cssm/components/UsersStack/UsersStack.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+import "./UsersStack.css";
+export interface UsersStackProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Массив ссылок на фотографии
+     */
+    photos?: string[];
+    /**
+     * Размер аватарок
+     */
+    size?: "xs" | "s" | "m";
+    /**
+     * Вертикальный режим рекомендуется использовать с размером `m`
+     */
+    layout?: "vertical" | "horizontal";
+    /**
+     * Количество аватарок, которые будут показаны.
+     * Если в массиве `photos` больше элементов и используется размер `m`, то будет показано количество остальных элементов
+     */
+    visibleCount?: number;
+}
+declare const _default: React.NamedExoticComponent<UsersStackProps>;
+export default _default;

package/dist/cssm/components/UsersStack/UsersStack.js

@@ -57,7 +57,6 @@ var UsersStack = function UsersStack(props) {
     "aria-hidden": "true"
   }, createScopedElement("span", null, "+", othersCount))), hasReactNode(children) && createScopedElement(Subhead, {
     Component: "span",
-    weight: "regular",
     vkuiClass: "UsersStack__text"
   }, children));
 };

package/dist/cssm/components/UsersStack/UsersStack.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/UsersStack/UsersStack.tsx"],"names":["React","getClassName","usePlatform","hasReactNode","classNames","useIsomorphicLayoutEffect","Caption","Subhead","createMasks","useDOM","UsersStack","props","platform","photos","visibleCount","size","layout","children","restProps","document","othersCount","Math","max","length","canShowOthers","photosShown","slice","map","photo","i","backgroundImage","defaultProps","memo"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,SAASC,yBAAT;AACA,OAAOC,OAAP;AACA,OAAOC,OAAP;AACA,SAASC,WAAT;AACA,SAASC,MAAT;AACA;;AAsBA,IAAMC,UAAqC,GAAG,SAAxCA,UAAwC,CAACC,KAAD,EAA4B;AACxE,MAAMC,QAAQ,GAAGV,WAAW,EAA5B;;AACA,sBAOIS,KAPJ,CACEE,MADF;AAAA,MACEA,MADF,8BACW,EADX;AAAA,4BAOIF,KAPJ,CAEEG,YAFF;AAAA,MAEEA,YAFF,oCAEiB,CAFjB;AAAA,MAGEC,IAHF,GAOIJ,KAPJ,CAGEI,IAHF;AAAA,MAIEC,MAJF,GAOIL,KAPJ,CAIEK,MAJF;AAAA,MAKEC,QALF,GAOIN,KAPJ,CAKEM,QALF;AAAA,MAMKC,SANL,4BAOIP,KAPJ;;AAQA,gBAAqBF,MAAM,EAA3B;AAAA,MAAQU,QAAR,WAAQA,QAAR;;AAEAd,EAAAA,yBAAyB,CAAC,YAAM;AAC9BG,IAAAA,WAAW,CAACW,QAAD,CAAX;AACD,GAFwB,EAEtB,CAACA,QAAD,CAFsB,CAAzB;AAIA,MAAMC,WAAW,GAAGC,IAAI,CAACC,GAAL,CAAS,CAAT,EAAYT,MAAM,CAACU,MAAP,GAAgBT,YAA5B,CAApB;AACA,MAAMU,aAAa,GAAGJ,WAAW,GAAG,CAAd,IAAmBL,IAAI,KAAK,GAAlD;AAEA,MAAMU,WAAW,GAAGZ,MAAM,CAACa,KAAP,CAAa,CAAb,EAAgBZ,YAAhB,CAApB;AAEA,SACE,wCACMI,SADN;AAEE,IAAA,SAAS,EAAEd,UAAU,CACnBH,YAAY,CAAC,YAAD,EAAeW,QAAf,CADO,6BAECG,IAFD,2BAGFC,MAHE,GAInB;AACE,4BAAsBQ;AADxB,KAJmB;AAFvB,MAWE;AAAK,IAAA,SAAS,EAAC,oBAAf;AAAoC,IAAA,IAAI,EAAC;AAAzC,KACGC,WAAW,CAACE,GAAZ,CAAgB,UAACC,KAAD,EAAQC,CAAR;AAAA,WACf;AACE,MAAA,GAAG,EAAEA,CADP;AAEE,MAAA,SAAS,EAAC,mBAFZ;AAGE,MAAA,KAAK,EAAE;AAAEC,QAAAA,eAAe,gBAASF,KAAT;AAAjB;AAHT,MADe;AAAA,GAAhB,CADH,EASGJ,aAAa,IACZ,oBAAC,OAAD;AACE,IAAA,MAAM,EAAC,QADT;AAEE,IAAA,KAAK,EAAC,GAFR;AAGE,IAAA,SAAS,EAAC,6CAHZ;AAIE,mBAAY;AAJd,KAME,uCAAQJ,WAAR,CANF,CAVJ,CAXF,EA+BGjB,YAAY,CAACc,QAAD,CAAZ,IACC,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC,MAAnB;AAA0B,IAAA,MAAM,EAAC,SAAjC;AAA2C,IAAA,SAAS,EAAC;AAArD,KACGA,QADH,CAhCJ,CADF;AAuCD,CA5DD;;AA8DAP,UAAU,CAACqB,YAAX,GAA0B;AACxBlB,EAAAA,MAAM,EAAE,EADgB;AAExBE,EAAAA,IAAI,EAAE,GAFkB;AAGxBD,EAAAA,YAAY,EAAE,CAHU;AAIxBE,EAAAA,MAAM,EAAE;AAJgB,CAA1B,C,CAOA;;AACA,4BAAehB,KAAK,CAACgC,IAAN,CAAWtB,UAAX,CAAf","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { classNames } from \"../../lib/classNames\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport Subhead from \"../Typography/Subhead/Subhead\";\nimport { createMasks } from \"./masks\";\nimport { useDOM } from \"../../lib/dom\";\nimport \"./UsersStack.css\";\n\nexport interface UsersStackProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Массив ссылок на фотографии\n   */\n  photos?: string[];\n  /**\n   * Размер аватарок\n   */\n  size?: \"xs\" | \"s\" | \"m\";\n  /**\n   * Вертикальный режим рекомендуется использовать с размером `m`\n   */\n  layout?: \"vertical\" | \"horizontal\";\n  /**\n   * Количество аватарок, которые будут показаны.\n   * Если в массиве `photos` больше элементов и используется размер `m`, то будет показано количество остальных элементов\n   */\n  visibleCount?: number;\n}\n\nconst UsersStack: React.FC<UsersStackProps> = (props: UsersStackProps) => {\n  const platform = usePlatform();\n  const {\n    photos = [],\n    visibleCount = 0,\n    size,\n    layout,\n    children,\n    ...restProps\n  } = props;\n  const { document } = useDOM();\n\n  useIsomorphicLayoutEffect(() => {\n    createMasks(document);\n  }, [document]);\n\n  const othersCount = Math.max(0, photos.length - visibleCount);\n  const canShowOthers = othersCount > 0 && size === \"m\";\n\n  const photosShown = photos.slice(0, visibleCount);\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName(\"UsersStack\", platform),\n        `UsersStack--size-${size}`,\n        `UsersStack--l-${layout}`,\n        {\n          \"UsersStack--others\": canShowOthers,\n        }\n      )}\n    >\n      <div vkuiClass=\"UsersStack__photos\" role=\"presentation\">\n        {photosShown.map((photo, i) => (\n          <div\n            key={i}\n            vkuiClass=\"UsersStack__photo\"\n            style={{ backgroundImage: `url(${photo})` }}\n          />\n        ))}\n\n        {canShowOthers && (\n          <Caption\n            weight=\"medium\"\n            level=\"1\"\n            vkuiClass=\"UsersStack__photo UsersStack__photo--others\"\n            aria-hidden=\"true\"\n          >\n            <span>+{othersCount}</span>\n          </Caption>\n        )}\n      </div>\n      {hasReactNode(children) && (\n        <Subhead Component=\"span\" weight=\"regular\" vkuiClass=\"UsersStack__text\">\n          {children}\n        </Subhead>\n      )}\n    </div>\n  );\n};\n\nUsersStack.defaultProps = {\n  photos: [],\n  size: \"s\",\n  visibleCount: 3,\n  layout: \"horizontal\",\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default React.memo(UsersStack);\n"],"file":"UsersStack.js"}
+{"version":3,"sources":["../../../../src/components/UsersStack/UsersStack.tsx"],"names":["React","getClassName","usePlatform","hasReactNode","classNames","useIsomorphicLayoutEffect","Caption","Subhead","createMasks","useDOM","UsersStack","props","platform","photos","visibleCount","size","layout","children","restProps","document","othersCount","Math","max","length","canShowOthers","photosShown","slice","map","photo","i","backgroundImage","defaultProps","memo"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,SAASC,yBAAT;AACA,OAAOC,OAAP;AACA,OAAOC,OAAP;AACA,SAASC,WAAT;AACA,SAASC,MAAT;AACA;;AAsBA,IAAMC,UAAqC,GAAG,SAAxCA,UAAwC,CAACC,KAAD,EAA4B;AACxE,MAAMC,QAAQ,GAAGV,WAAW,EAA5B;;AACA,sBAOIS,KAPJ,CACEE,MADF;AAAA,MACEA,MADF,8BACW,EADX;AAAA,4BAOIF,KAPJ,CAEEG,YAFF;AAAA,MAEEA,YAFF,oCAEiB,CAFjB;AAAA,MAGEC,IAHF,GAOIJ,KAPJ,CAGEI,IAHF;AAAA,MAIEC,MAJF,GAOIL,KAPJ,CAIEK,MAJF;AAAA,MAKEC,QALF,GAOIN,KAPJ,CAKEM,QALF;AAAA,MAMKC,SANL,4BAOIP,KAPJ;;AAQA,gBAAqBF,MAAM,EAA3B;AAAA,MAAQU,QAAR,WAAQA,QAAR;;AAEAd,EAAAA,yBAAyB,CAAC,YAAM;AAC9BG,IAAAA,WAAW,CAACW,QAAD,CAAX;AACD,GAFwB,EAEtB,CAACA,QAAD,CAFsB,CAAzB;AAIA,MAAMC,WAAW,GAAGC,IAAI,CAACC,GAAL,CAAS,CAAT,EAAYT,MAAM,CAACU,MAAP,GAAgBT,YAA5B,CAApB;AACA,MAAMU,aAAa,GAAGJ,WAAW,GAAG,CAAd,IAAmBL,IAAI,KAAK,GAAlD;AAEA,MAAMU,WAAW,GAAGZ,MAAM,CAACa,KAAP,CAAa,CAAb,EAAgBZ,YAAhB,CAApB;AAEA,SACE,wCACMI,SADN;AAEE,IAAA,SAAS,EAAEd,UAAU,CACnBH,YAAY,CAAC,YAAD,EAAeW,QAAf,CADO,6BAECG,IAFD,2BAGFC,MAHE,GAInB;AACE,4BAAsBQ;AADxB,KAJmB;AAFvB,MAWE;AAAK,IAAA,SAAS,EAAC,oBAAf;AAAoC,IAAA,IAAI,EAAC;AAAzC,KACGC,WAAW,CAACE,GAAZ,CAAgB,UAACC,KAAD,EAAQC,CAAR;AAAA,WACf;AACE,MAAA,GAAG,EAAEA,CADP;AAEE,MAAA,SAAS,EAAC,mBAFZ;AAGE,MAAA,KAAK,EAAE;AAAEC,QAAAA,eAAe,gBAASF,KAAT;AAAjB;AAHT,MADe;AAAA,GAAhB,CADH,EASGJ,aAAa,IACZ,oBAAC,OAAD;AACE,IAAA,MAAM,EAAC,QADT;AAEE,IAAA,KAAK,EAAC,GAFR;AAGE,IAAA,SAAS,EAAC,6CAHZ;AAIE,mBAAY;AAJd,KAME,uCAAQJ,WAAR,CANF,CAVJ,CAXF,EA+BGjB,YAAY,CAACc,QAAD,CAAZ,IACC,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC,MAAnB;AAA0B,IAAA,SAAS,EAAC;AAApC,KACGA,QADH,CAhCJ,CADF;AAuCD,CA5DD;;AA8DAP,UAAU,CAACqB,YAAX,GAA0B;AACxBlB,EAAAA,MAAM,EAAE,EADgB;AAExBE,EAAAA,IAAI,EAAE,GAFkB;AAGxBD,EAAAA,YAAY,EAAE,CAHU;AAIxBE,EAAAA,MAAM,EAAE;AAJgB,CAA1B,C,CAOA;;AACA,4BAAehB,KAAK,CAACgC,IAAN,CAAWtB,UAAX,CAAf","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { classNames } from \"../../lib/classNames\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport Subhead from \"../Typography/Subhead/Subhead\";\nimport { createMasks } from \"./masks\";\nimport { useDOM } from \"../../lib/dom\";\nimport \"./UsersStack.css\";\n\nexport interface UsersStackProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Массив ссылок на фотографии\n   */\n  photos?: string[];\n  /**\n   * Размер аватарок\n   */\n  size?: \"xs\" | \"s\" | \"m\";\n  /**\n   * Вертикальный режим рекомендуется использовать с размером `m`\n   */\n  layout?: \"vertical\" | \"horizontal\";\n  /**\n   * Количество аватарок, которые будут показаны.\n   * Если в массиве `photos` больше элементов и используется размер `m`, то будет показано количество остальных элементов\n   */\n  visibleCount?: number;\n}\n\nconst UsersStack: React.FC<UsersStackProps> = (props: UsersStackProps) => {\n  const platform = usePlatform();\n  const {\n    photos = [],\n    visibleCount = 0,\n    size,\n    layout,\n    children,\n    ...restProps\n  } = props;\n  const { document } = useDOM();\n\n  useIsomorphicLayoutEffect(() => {\n    createMasks(document);\n  }, [document]);\n\n  const othersCount = Math.max(0, photos.length - visibleCount);\n  const canShowOthers = othersCount > 0 && size === \"m\";\n\n  const photosShown = photos.slice(0, visibleCount);\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName(\"UsersStack\", platform),\n        `UsersStack--size-${size}`,\n        `UsersStack--l-${layout}`,\n        {\n          \"UsersStack--others\": canShowOthers,\n        }\n      )}\n    >\n      <div vkuiClass=\"UsersStack__photos\" role=\"presentation\">\n        {photosShown.map((photo, i) => (\n          <div\n            key={i}\n            vkuiClass=\"UsersStack__photo\"\n            style={{ backgroundImage: `url(${photo})` }}\n          />\n        ))}\n\n        {canShowOthers && (\n          <Caption\n            weight=\"medium\"\n            level=\"1\"\n            vkuiClass=\"UsersStack__photo UsersStack__photo--others\"\n            aria-hidden=\"true\"\n          >\n            <span>+{othersCount}</span>\n          </Caption>\n        )}\n      </div>\n      {hasReactNode(children) && (\n        <Subhead Component=\"span\" vkuiClass=\"UsersStack__text\">\n          {children}\n        </Subhead>\n      )}\n    </div>\n  );\n};\n\nUsersStack.defaultProps = {\n  photos: [],\n  size: \"s\",\n  visibleCount: 3,\n  layout: \"horizontal\",\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default React.memo(UsersStack);\n"],"file":"UsersStack.js"}

package/dist/cssm/components/UsersStack/masks.d.ts

@@ -0,0 +1 @@
+export declare function createMasks(document?: Document): void;

package/dist/cssm/components/View/View.d.ts

@@ -0,0 +1,80 @@
+import * as React from "react";
+import { HasPlatform } from "../../types";
+import { ConfigProviderContextInterface } from "../ConfigProvider/ConfigProviderContext";
+import { SplitColContextProps } from "../SplitCol/SplitCol";
+import { ScrollContextInterface } from "../AppRoot/ScrollContext";
+import { NavIdProps } from "../../lib/getNavId";
+import "./View.css";
+declare enum SwipeBackResults {
+    fail = 1,
+    success = 2
+}
+interface Scrolls {
+    [index: string]: number | undefined;
+}
+interface ViewsScrolls {
+    [index: string]: Scrolls;
+}
+export declare let scrollsCache: ViewsScrolls;
+export interface ViewProps extends React.HTMLAttributes<HTMLElement>, HasPlatform, NavIdProps {
+    activePanel: string;
+    /**
+     * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.
+     *
+     * Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.
+     */
+    popout?: React.ReactNode;
+    /**
+     * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.
+     *
+     * Свойство для отрисовки `ModalRoot`.
+     */
+    modal?: React.ReactNode;
+    onTransition?(params: {
+        isBack: boolean;
+        from: string;
+        to: string;
+    }): void;
+    /**
+     * callback свайпа назад
+     */
+    onSwipeBack?(): void;
+    /**
+     * callback начала анимации свайпа назад.
+     */
+    onSwipeBackStart?(): void;
+    /**
+     * callback завершения анимации отмененного пользователем свайпа
+     */
+    onSwipeBackCancel?(): void;
+    history?: string[];
+    /**
+     * @ignore
+     */
+    splitCol?: SplitColContextProps;
+    /**
+     * @ignore
+     */
+    configProvider?: ConfigProviderContextInterface;
+    /**
+     * @ignore
+     */
+    scroll?: ScrollContextInterface;
+}
+export interface ViewState {
+    animated: boolean;
+    visiblePanels: string[];
+    activePanel: string | null;
+    isBack: boolean | undefined;
+    prevPanel: string | null;
+    nextPanel: string | null;
+    swipingBack: boolean;
+    swipebackStartX: number;
+    swipeBackShift: number;
+    swipeBackNextPanel: string | null;
+    swipeBackPrevPanel: string | null;
+    swipeBackResult: SwipeBackResults | null;
+    browserSwipe: boolean;
+}
+declare const _default: React.FC<Pick<ViewProps, "hidden" | "dir" | "nav" | "slot" | "style" | "title" | "scroll" | "color" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "popout" | "modal" | "onTransition" | "activePanel" | "onSwipeBack" | "onSwipeBackStart" | "onSwipeBackCancel" | "history" | "splitCol" | "configProvider">>;
+export default _default;

package/dist/cssm/components/View/ViewInfinite.d.ts

@@ -0,0 +1,66 @@
+import * as React from "react";
+import { HasPlatform } from "../../types";
+import { ConfigProviderContextInterface } from "../ConfigProvider/ConfigProviderContext";
+import { SplitColContextProps } from "../SplitCol/SplitCol";
+import { ScrollContextInterface } from "../AppRoot/ScrollContext";
+import { NavIdProps } from "../../lib/getNavId";
+import "./View.css";
+declare enum SwipeBackResults {
+    fail = 1,
+    success = 2
+}
+export declare type TransitionParams = {
+    from: string | null;
+    to: string | null;
+};
+export interface ViewInfiniteProps extends React.HTMLAttributes<HTMLElement>, HasPlatform, NavIdProps {
+    activePanel: string;
+    popout?: React.ReactNode;
+    modal?: React.ReactNode;
+    onTransition?(params: TransitionParams & {
+        isBack: boolean;
+    }): void;
+    /**
+     * callback свайпа назад
+     */
+    onSwipeBack?(): void;
+    /**
+     * callback начала анимации свайпа назад.
+     */
+    onSwipeBackStart?(): void;
+    /**
+     * callback завершения анимации отмененного пользователем свайпа
+     */
+    onSwipeBackCancel?(): void;
+    history?: string[];
+    isBackCheck?(params: TransitionParams): boolean;
+    /**
+     * @ignore
+     */
+    splitCol?: SplitColContextProps;
+    /**
+     * @ignore
+     */
+    configProvider?: ConfigProviderContextInterface;
+    /**
+     * @ignore
+     */
+    scroll?: ScrollContextInterface;
+}
+export interface ViewInfiniteState {
+    animated: boolean;
+    visiblePanels: Array<string | null>;
+    activePanel: string | null;
+    isBack?: boolean;
+    prevPanel: string | null;
+    nextPanel: string | null;
+    swipingBack: boolean;
+    swipebackStartX: number;
+    swipeBackShift: number;
+    swipeBackNextPanel: string | null;
+    swipeBackPrevPanel: string | null;
+    swipeBackResult: SwipeBackResults | null;
+    browserSwipe: boolean;
+}
+declare const _default: React.FC<Pick<ViewInfiniteProps, "hidden" | "dir" | "nav" | "slot" | "style" | "title" | "scroll" | "color" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "popout" | "modal" | "onTransition" | "activePanel" | "onSwipeBack" | "onSwipeBackStart" | "onSwipeBackCancel" | "history" | "splitCol" | "configProvider" | "isBackCheck">>;
+export default _default;

package/dist/cssm/components/View/utils.d.ts

@@ -0,0 +1,2 @@
+import { TouchEvent } from "../Touch/Touch";
+export declare function swipeBackExcluded(e: TouchEvent): boolean;

package/dist/cssm/components/VisuallyHiddenInput/VisuallyHiddenInput.css

@@ -0,0 +1 @@
+.vkuiVisuallyHiddenInput{position:absolute;height:1px;white-space:nowrap;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);overflow:hidden;opacity:0}

package/dist/cssm/components/VisuallyHiddenInput/VisuallyHiddenInput.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { HasRef } from "../../types";
+import "./VisuallyHiddenInput.css";
+export interface VisuallyHiddenInputProps extends React.InputHTMLAttributes<HTMLInputElement>, HasRef<HTMLInputElement> {
+}
+/**
+ * @description
+ * Обертка над обычным `<input/>`; дает
+ * скрыть его визуально и оставить
+ * доступным для ассистивных технологий.
+ */
+export declare const VisuallyHiddenInput: React.FC<VisuallyHiddenInputProps>;

package/dist/cssm/components/VisuallyHiddenInput/VisuallyHiddenInput.js

@@ -0,0 +1,24 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["getRef"];
+import { createScopedElement } from "../../lib/jsxRuntime";
+import { useExternRef } from "../../hooks/useExternRef";
+import "./VisuallyHiddenInput.css";
+
+/**
+ * @description
+ * Обертка над обычным `<input/>`; дает
+ * скрыть его визуально и оставить
+ * доступным для ассистивных технологий.
+ */
+export var VisuallyHiddenInput = function VisuallyHiddenInput(_ref) {
+  var getRef = _ref.getRef,
+      restProps = _objectWithoutProperties(_ref, _excluded);
+
+  var inputRef = useExternRef(getRef);
+  return createScopedElement("input", _extends({}, restProps, {
+    vkuiClass: "VisuallyHiddenInput",
+    ref: inputRef
+  }));
+};
+//# sourceMappingURL=VisuallyHiddenInput.js.map

package/dist/cssm/components/VisuallyHiddenInput/VisuallyHiddenInput.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/VisuallyHiddenInput/VisuallyHiddenInput.tsx"],"names":["useExternRef","VisuallyHiddenInput","getRef","restProps","inputRef"],"mappings":";;;;AACA,SAASA,YAAT;AAEA;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,mBAAuD,GAAG,SAA1DA,mBAA0D,OAGjE;AAAA,MAFJC,MAEI,QAFJA,MAEI;AAAA,MADDC,SACC;;AACJ,MAAMC,QAAQ,GAAGJ,YAAY,CAACE,MAAD,CAA7B;AAEA,SACE,0CAAWC,SAAX;AAAsB,IAAA,SAAS,EAAC,qBAAhC;AAAsD,IAAA,GAAG,EAAEC;AAA3D,KADF;AAGD,CATM","sourcesContent":["import * as React from \"react\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { HasRef } from \"../../types\";\nimport \"./VisuallyHiddenInput.css\";\n\nexport interface VisuallyHiddenInputProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRef<HTMLInputElement> {}\n\n/**\n * @description\n * Обертка над обычным `<input/>`; дает\n * скрыть его визуально и оставить\n * доступным для ассистивных технологий.\n */\nexport const VisuallyHiddenInput: React.FC<VisuallyHiddenInputProps> = ({\n  getRef,\n  ...restProps\n}) => {\n  const inputRef = useExternRef(getRef);\n\n  return (\n    <input {...restProps} vkuiClass=\"VisuallyHiddenInput\" ref={inputRef} />\n  );\n};\n"],"file":"VisuallyHiddenInput.js"}

package/dist/cssm/components/WriteBar/WriteBar.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+import { HasRef, HasRootRef } from "../../types";
+import "./WriteBar.css";
+export interface WriteBarProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, HasRootRef<HTMLDivElement>, HasRef<HTMLTextAreaElement> {
+    /**
+     * Содержимое, отображаемое слева от поля ввода.
+     */
+    before?: React.ReactNode;
+    /**
+     * Содержимое, отображаемое поверх поля ввода (актуально для iOS)
+     */
+    inlineAfter?: React.ReactNode;
+    /**
+     * Содержимое, отображаемое справа от поля ввода
+     */
+    after?: React.ReactNode;
+    /**
+     * Вызывается при смене высоты поля ввода
+     */
+    onHeightChange?: VoidFunction;
+    children?: never;
+}
+export declare const WriteBar: React.FC<WriteBarProps>;

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

@@ -0,0 +1,18 @@
+import * as React from "react";
+import "./WriteBarIcon.css";
+export interface WriteBarIconProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Предустановленные типы кнопок в WriteBar для отрисовки иконки в зависимости от платформы.
+     * Если передать валидное значение для этого свойства, `children` игнорируется.
+     *
+     * - `attach` – иконка прикрепления.
+     * - `send` – иконка отправки.
+     * - `done` – иконка отправки в режиме редактирования.
+     */
+    mode?: "attach" | "send" | "done";
+    /**
+     * Значение счётчика для кнопки. Например, для количества прикреплённых файлов.
+     */
+    count?: number;
+}
+export declare const WriteBarIcon: React.FC<WriteBarIconProps>;

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

@@ -0,0 +1,5 @@
+import { InitialsAvatarNumberGradients } from "../components/InitialsAvatar/InitialsAvatar";
+/**
+ * Вычисляет цвет InitialsAvatar на основании переданного идентификатора объекта
+ */
+export declare function calcInitialsAvatarColor(objectId: number): InitialsAvatarNumberGradients;

package/dist/cssm/helpers/getClassName.d.ts

@@ -0,0 +1,2 @@
+import { PlatformType } from "../lib/platform";
+export declare function getClassName(base: string, osname?: PlatformType): string;

package/dist/cssm/helpers/getScheme.d.ts

@@ -0,0 +1,8 @@
+import { AppearanceType } from "@vkontakte/vk-bridge";
+import { PlatformType } from "../lib/platform";
+import { Scheme } from "./scheme";
+export interface GetSchemeProps {
+    platform?: PlatformType;
+    appearance: AppearanceType;
+}
+export declare function getScheme({ platform, appearance }: GetSchemeProps): Scheme;

package/dist/cssm/helpers/math.d.ts

@@ -0,0 +1,5 @@
+export declare const clamp: (value: number, min: number, max: number) => number;
+export declare function precisionRound(number: number, precision?: number): number;
+export declare function rescale(value: number, from: [number, number], to: [number, number], options?: {
+    step?: number;
+}): number;