@vkontakte/vkui 4.22.1 → 4.25.0

package/dist/components/Touch/TouchContext.js

@@ -1,9 +1,10 @@
-import * as React from 'react';
+import * as React from "react";
 /**
  * Контекст для компонентов, использующих Touch в качестве корневой обёртки,
  * и для которых важно не предотвращать вспылие тач-событий от дочерних компонентов
  */
 
-var TouchRootContext = /*#__PURE__*/React.createContext(false);
+var TouchRootContext = /*#__PURE__*/React.createContext(false); // eslint-disable-next-line import/no-default-export
+
 export default TouchRootContext;
 //# sourceMappingURL=TouchContext.js.map

package/dist/components/Touch/TouchContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Touch/TouchContext.ts"],"names":["React","TouchRootContext","createContext"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA;AACA;AACA;AACA;;AACA,IAAMC,gBAAwC,gBAAGD,KAAK,CAACE,aAAN,CAA6B,KAA7B,CAAjD;AAEA,eAAeD,gBAAf","sourcesContent":["import * as React from 'react';\n\n/**\n * Контекст для компонентов, использующих Touch в качестве корневой обёртки,\n * и для которых важно не предотвращать вспылие тач-событий от дочерних компонентов\n */\nconst TouchRootContext: React.Context<boolean> = React.createContext<boolean>(false);\n\nexport default TouchRootContext;\n"],"file":"TouchContext.js"}
+{"version":3,"sources":["../../../src/components/Touch/TouchContext.ts"],"names":["React","TouchRootContext","createContext"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA;AACA;AACA;AACA;;AACA,IAAMC,gBAAwC,gBAC5CD,KAAK,CAACE,aAAN,CAA6B,KAA7B,CADF,C,CAGA;;AACA,eAAeD,gBAAf","sourcesContent":["import * as React from \"react\";\n\n/**\n * Контекст для компонентов, использующих Touch в качестве корневой обёртки,\n * и для которых важно не предотвращать вспылие тач-событий от дочерних компонентов\n */\nconst TouchRootContext: React.Context<boolean> =\n  React.createContext<boolean>(false);\n\n// eslint-disable-next-line import/no-default-export\nexport default TouchRootContext;\n"],"file":"TouchContext.js"}

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

@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { HasComponent } from '../../../types';
-import './Caption.css';
+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';
+    weight: "regular" | "medium" | "semibold" | "bold";
+    level: "1" | "2" | "3" | "4";
     caps?: boolean;
 }
 declare const Caption: React.FC<CaptionProps>;

package/dist/components/Typography/Caption/Caption.js

@@ -9,21 +9,22 @@ import { getClassName } from "../../../helpers/getClassName";
 var Caption = function Caption(_ref) {
   var children = _ref.children,
       _ref$weight = _ref.weight,
-      weight = _ref$weight === void 0 ? 'regular' : _ref$weight,
+      weight = _ref$weight === void 0 ? "regular" : _ref$weight,
       _ref$level = _ref.level,
-      level = _ref$level === void 0 ? '1' : _ref$level,
+      level = _ref$level === void 0 ? "1" : _ref$level,
       caps = _ref.caps,
       _ref$Component = _ref.Component,
-      Component = _ref$Component === void 0 ? 'span' : _ref$Component,
+      Component = _ref$Component === void 0 ? "span" : _ref$Component,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
   var platform = usePlatform();
   return createScopedElement(Component, _extends({}, restProps, {
-    vkuiClass: classNames(getClassName('Caption', platform), "Caption--w-".concat(weight), "Caption--l-".concat(level), {
-      'Caption--caps': caps
+    vkuiClass: classNames(getClassName("Caption", platform), "Caption--w-".concat(weight), "Caption--l-".concat(level), {
+      "Caption--caps": caps
     })
   }), children);
-};
+}; // eslint-disable-next-line import/no-default-export
+
 
 export default Caption;
 //# sourceMappingURL=Caption.js.map

package/dist/components/Typography/Caption/Caption.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Typography/Caption/Caption.tsx"],"names":["usePlatform","classNames","getClassName","Caption","children","weight","level","caps","Component","restProps","platform"],"mappings":";;;;AAEA,SAASA,WAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;;AASA,IAAMC,OAA+B,GAAG,SAAlCA,OAAkC,OAOpB;AAAA,MANlBC,QAMkB,QANlBA,QAMkB;AAAA,yBALlBC,MAKkB;AAAA,MALlBA,MAKkB,4BALT,SAKS;AAAA,wBAJlBC,KAIkB;AAAA,MAJlBA,KAIkB,2BAJV,GAIU;AAAA,MAHlBC,IAGkB,QAHlBA,IAGkB;AAAA,4BAFlBC,SAEkB;AAAA,MAFlBA,SAEkB,+BAFN,MAEM;AAAA,MADfC,SACe;;AAClB,MAAMC,QAAQ,GAAGV,WAAW,EAA5B;AAEA,SACE,oBAAC,SAAD,eACMS,SADN;AAEE,IAAA,SAAS,EACPR,UAAU,CACRC,YAAY,CAAC,SAAD,EAAYQ,QAAZ,CADJ,uBAEML,MAFN,wBAGMC,KAHN,GAIR;AACE,uBAAiBC;AADnB,KAJQ;AAHd,MAaGH,QAbH,CADF;AAiBD,CA3BD;;AA6BA,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 './Caption.css';\n\nexport interface CaptionProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {\n  weight: 'regular' | 'medium' | 'semibold' | 'bold';\n  level: '1' | '2' | '3' | '4';\n  caps?: boolean;\n}\n\nconst Caption: React.FC<CaptionProps> = ({\n  children,\n  weight = 'regular',\n  level = '1',\n  caps,\n  Component = 'span',\n  ...restProps\n}: CaptionProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={\n        classNames(\n          getClassName('Caption', platform),\n          `Caption--w-${weight}`,\n          `Caption--l-${level}`,\n          {\n            'Caption--caps': caps,\n          },\n        )\n      }\n    >\n      {children}\n    </Component>\n  );\n};\n\nexport default Caption;\n"],"file":"Caption.js"}
+{"version":3,"sources":["../../../../src/components/Typography/Caption/Caption.tsx"],"names":["usePlatform","classNames","getClassName","Caption","children","weight","level","caps","Component","restProps","platform"],"mappings":";;;;AAEA,SAASA,WAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;;AAWA,IAAMC,OAA+B,GAAG,SAAlCA,OAAkC,OAOpB;AAAA,MANlBC,QAMkB,QANlBA,QAMkB;AAAA,yBALlBC,MAKkB;AAAA,MALlBA,MAKkB,4BALT,SAKS;AAAA,wBAJlBC,KAIkB;AAAA,MAJlBA,KAIkB,2BAJV,GAIU;AAAA,MAHlBC,IAGkB,QAHlBA,IAGkB;AAAA,4BAFlBC,SAEkB;AAAA,MAFlBA,SAEkB,+BAFN,MAEM;AAAA,MADfC,SACe;;AAClB,MAAMC,QAAQ,GAAGV,WAAW,EAA5B;AAEA,SACE,oBAAC,SAAD,eACMS,SADN;AAEE,IAAA,SAAS,EAAER,UAAU,CACnBC,YAAY,CAAC,SAAD,EAAYQ,QAAZ,CADO,uBAELL,MAFK,wBAGLC,KAHK,GAInB;AACE,uBAAiBC;AADnB,KAJmB;AAFvB,MAWGH,QAXH,CADF;AAeD,CAzBD,C,CA2BA;;;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 \"./Caption.css\";\n\nexport interface CaptionProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent {\n  weight: \"regular\" | \"medium\" | \"semibold\" | \"bold\";\n  level: \"1\" | \"2\" | \"3\" | \"4\";\n  caps?: boolean;\n}\n\nconst Caption: React.FC<CaptionProps> = ({\n  children,\n  weight = \"regular\",\n  level = \"1\",\n  caps,\n  Component = \"span\",\n  ...restProps\n}: CaptionProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName(\"Caption\", platform),\n        `Caption--w-${weight}`,\n        `Caption--l-${level}`,\n        {\n          \"Caption--caps\": caps,\n        }\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default Caption;\n"],"file":"Caption.js"}

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

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

package/dist/components/Typography/Headline/Headline.js

@@ -9,16 +9,17 @@ import { getClassName } from "../../../helpers/getClassName";
 var Headline = function Headline(_ref) {
   var children = _ref.children,
       _ref$weight = _ref.weight,
-      weight = _ref$weight === void 0 ? 'regular' : _ref$weight,
+      weight = _ref$weight === void 0 ? "regular" : _ref$weight,
       _ref$Component = _ref.Component,
-      Component = _ref$Component === void 0 ? 'h3' : _ref$Component,
+      Component = _ref$Component === void 0 ? "h3" : _ref$Component,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
   var platform = usePlatform();
   return createScopedElement(Component, _extends({}, restProps, {
-    vkuiClass: classNames(getClassName('Headline', platform), "Headline--w-".concat(weight))
+    vkuiClass: classNames(getClassName("Headline", platform), "Headline--w-".concat(weight))
   }), children);
-};
+}; // eslint-disable-next-line import/no-default-export
+
 
 export default Headline;
 //# sourceMappingURL=Headline.js.map

package/dist/components/Typography/Headline/Headline.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Typography/Headline/Headline.tsx"],"names":["usePlatform","classNames","getClassName","Headline","children","weight","Component","restProps","platform"],"mappings":";;;;AAEA,SAASA,WAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;;AAOA,IAAMC,QAAiC,GAAG,SAApCA,QAAoC,OAKrB;AAAA,MAJnBC,QAImB,QAJnBA,QAImB;AAAA,yBAHnBC,MAGmB;AAAA,MAHnBA,MAGmB,4BAHV,SAGU;AAAA,4BAFnBC,SAEmB;AAAA,MAFnBA,SAEmB,+BAFP,IAEO;AAAA,MADhBC,SACgB;;AACnB,MAAMC,QAAQ,GAAGR,WAAW,EAA5B;AAEA,SACE,oBAAC,SAAD,eACMO,SADN;AAEE,IAAA,SAAS,EAAEN,UAAU,CAACC,YAAY,CAAC,UAAD,EAAaM,QAAb,CAAb,wBAAoDH,MAApD;AAFvB,MAIGD,QAJH,CADF;AAQD,CAhBD;;AAkBA,eAAeD,QAAf","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 './Headline.css';\n\nexport interface HeadlineProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {\n  weight: 'regular' | 'medium' | 'semibold';\n}\n\nconst Headline: React.FC<HeadlineProps> = ({\n  children,\n  weight = 'regular',\n  Component = 'h3',\n  ...restProps\n}: HeadlineProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(getClassName('Headline', platform), `Headline--w-${weight}`)}\n    >\n      {children}\n    </Component>\n  );\n};\n\nexport default Headline;\n"],"file":"Headline.js"}
+{"version":3,"sources":["../../../../src/components/Typography/Headline/Headline.tsx"],"names":["usePlatform","classNames","getClassName","Headline","children","weight","Component","restProps","platform"],"mappings":";;;;AAEA,SAASA,WAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;;AASA,IAAMC,QAAiC,GAAG,SAApCA,QAAoC,OAKrB;AAAA,MAJnBC,QAImB,QAJnBA,QAImB;AAAA,yBAHnBC,MAGmB;AAAA,MAHnBA,MAGmB,4BAHV,SAGU;AAAA,4BAFnBC,SAEmB;AAAA,MAFnBA,SAEmB,+BAFP,IAEO;AAAA,MADhBC,SACgB;;AACnB,MAAMC,QAAQ,GAAGR,WAAW,EAA5B;AAEA,SACE,oBAAC,SAAD,eACMO,SADN;AAEE,IAAA,SAAS,EAAEN,UAAU,CACnBC,YAAY,CAAC,UAAD,EAAaM,QAAb,CADO,wBAEJH,MAFI;AAFvB,MAOGD,QAPH,CADF;AAWD,CAnBD,C,CAqBA;;;AACA,eAAeD,QAAf","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 \"./Headline.css\";\n\nexport interface HeadlineProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent {\n  weight: \"regular\" | \"medium\" | \"semibold\";\n}\n\nconst Headline: React.FC<HeadlineProps> = ({\n  children,\n  weight = \"regular\",\n  Component = \"h3\",\n  ...restProps\n}: HeadlineProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName(\"Headline\", platform),\n        `Headline--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default Headline;\n"],"file":"Headline.js"}

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

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

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

@@ -9,16 +9,17 @@ import { getClassName } from "../../../helpers/getClassName";
 var Subhead = function Subhead(_ref) {
   var children = _ref.children,
       _ref$weight = _ref.weight,
-      weight = _ref$weight === void 0 ? 'regular' : _ref$weight,
+      weight = _ref$weight === void 0 ? "regular" : _ref$weight,
       _ref$Component = _ref.Component,
-      Component = _ref$Component === void 0 ? 'h4' : _ref$Component,
+      Component = _ref$Component === void 0 ? "h4" : _ref$Component,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
   var platform = usePlatform();
   return createScopedElement(Component, _extends({}, restProps, {
-    vkuiClass: classNames(getClassName('Subhead', platform), "Subhead--w-".concat(weight))
+    vkuiClass: classNames(getClassName("Subhead", platform), "Subhead--w-".concat(weight))
   }), children);
-};
+}; // eslint-disable-next-line import/no-default-export
+
 
 export default Subhead;
 //# sourceMappingURL=Subhead.js.map

package/dist/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;;AAOA,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,CAACC,YAAY,CAAC,SAAD,EAAYM,QAAZ,CAAb,uBAAkDH,MAAlD;AAFvB,MAIGD,QAJH,CADF;AAQD,CAhBD;;AAkBA,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 extends React.AllHTMLAttributes<HTMLElement>, 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(getClassName('Subhead', platform), `Subhead--w-${weight}`)}\n    >\n      {children}\n    </Component>\n  );\n};\n\nexport default Subhead;\n"],"file":"Subhead.js"}
+{"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;;AASA,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"}

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

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import { HasComponent, HasRootRef } from '../../../types';
-import './Text.css';
+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';
+    weight: "regular" | "medium" | "semibold";
 }
 declare const Text: React.FC<TextProps>;
 export default Text;

package/dist/components/Typography/Text/Text.js

@@ -6,28 +6,29 @@ import { usePlatform } from "../../../hooks/usePlatform";
 import { classNames } from "../../../lib/classNames";
 import { getClassName } from "../../../helpers/getClassName";
 import { warnOnce } from "../../../lib/warnOnce";
-var warn = warnOnce('Text');
+var warn = warnOnce("Text");
 
 var Text = function Text(_ref) {
   var children = _ref.children,
       _ref$weight = _ref.weight,
-      weight = _ref$weight === void 0 ? 'regular' : _ref$weight,
+      weight = _ref$weight === void 0 ? "regular" : _ref$weight,
       _ref$Component = _ref.Component,
-      Component = _ref$Component === void 0 ? 'span' : _ref$Component,
+      Component = _ref$Component === void 0 ? "span" : _ref$Component,
       getRootRef = _ref.getRootRef,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
   var platform = usePlatform();
 
-  if (process.env.NODE_ENV === 'development' && typeof Component !== 'string' && getRootRef) {
-    warn('getRootRef can only be used with DOM components');
+  if (process.env.NODE_ENV === "development" && typeof Component !== "string" && getRootRef) {
+    warn("getRootRef can only be used with DOM components");
   }
 
   return createScopedElement(Component, _extends({}, restProps, {
     ref: getRootRef,
-    vkuiClass: classNames(getClassName('Text', platform), "Text--w-".concat(weight))
+    vkuiClass: classNames(getClassName("Text", platform), "Text--w-".concat(weight))
   }), children);
-};
+}; // eslint-disable-next-line import/no-default-export
+
 
 export default Text;
 //# sourceMappingURL=Text.js.map

package/dist/components/Typography/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Typography/Text/Text.tsx"],"names":["usePlatform","classNames","getClassName","warnOnce","warn","Text","children","weight","Component","getRootRef","restProps","platform","process","env","NODE_ENV"],"mappings":";;;;AACA,SAASA,WAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AAEA,SAASC,QAAT;AAOA,IAAMC,IAAI,GAAGD,QAAQ,CAAC,MAAD,CAArB;;AACA,IAAME,IAAyB,GAAG,SAA5BA,IAA4B,OAMjB;AAAA,MALfC,QAKe,QALfA,QAKe;AAAA,yBAJfC,MAIe;AAAA,MAJfA,MAIe,4BAJN,SAIM;AAAA,4BAHfC,SAGe;AAAA,MAHfA,SAGe,+BAHH,MAGG;AAAA,MAFfC,UAEe,QAFfA,UAEe;AAAA,MADZC,SACY;;AACf,MAAMC,QAAQ,GAAGX,WAAW,EAA5B;;AAEA,MAAIY,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IAA0C,OAAON,SAAP,KAAqB,QAA/D,IAA2EC,UAA/E,EAA2F;AACzFL,IAAAA,IAAI,CAAC,iDAAD,CAAJ;AACD;;AAED,SACE,oBAAC,SAAD,eACMM,SADN;AAEE,IAAA,GAAG,EAAED,UAFP;AAGE,IAAA,SAAS,EAAER,UAAU,CAACC,YAAY,CAAC,MAAD,EAASS,QAAT,CAAb,oBAA4CJ,MAA5C;AAHvB,MAKGD,QALH,CADF;AASD,CAtBD;;AAwBA,eAAeD,IAAf","sourcesContent":["import * as React from 'react';\nimport { usePlatform } from '../../../hooks/usePlatform';\nimport { classNames } from '../../../lib/classNames';\nimport { getClassName } from '../../../helpers/getClassName';\nimport { HasComponent, HasRootRef } from '../../../types';\nimport { warnOnce } from '../../../lib/warnOnce';\nimport './Text.css';\n\nexport interface TextProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {\n  weight: 'regular' | 'medium' | 'semibold';\n}\n\nconst warn = warnOnce('Text');\nconst Text: React.FC<TextProps> = ({\n  children,\n  weight = 'regular',\n  Component = 'span',\n  getRootRef,\n  ...restProps\n}: TextProps) => {\n  const platform = usePlatform();\n\n  if (process.env.NODE_ENV === 'development' && typeof Component !== 'string' && getRootRef) {\n    warn('getRootRef can only be used with DOM components');\n  }\n\n  return (\n    <Component\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(getClassName('Text', platform), `Text--w-${weight}`)}\n    >\n      {children}\n    </Component>\n  );\n};\n\nexport default Text;\n"],"file":"Text.js"}
+{"version":3,"sources":["../../../../src/components/Typography/Text/Text.tsx"],"names":["usePlatform","classNames","getClassName","warnOnce","warn","Text","children","weight","Component","getRootRef","restProps","platform","process","env","NODE_ENV"],"mappings":";;;;AACA,SAASA,WAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AAEA,SAASC,QAAT;AAUA,IAAMC,IAAI,GAAGD,QAAQ,CAAC,MAAD,CAArB;;AACA,IAAME,IAAyB,GAAG,SAA5BA,IAA4B,OAMjB;AAAA,MALfC,QAKe,QALfA,QAKe;AAAA,yBAJfC,MAIe;AAAA,MAJfA,MAIe,4BAJN,SAIM;AAAA,4BAHfC,SAGe;AAAA,MAHfA,SAGe,+BAHH,MAGG;AAAA,MAFfC,UAEe,QAFfA,UAEe;AAAA,MADZC,SACY;;AACf,MAAMC,QAAQ,GAAGX,WAAW,EAA5B;;AAEA,MACEY,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACA,OAAON,SAAP,KAAqB,QADrB,IAEAC,UAHF,EAIE;AACAL,IAAAA,IAAI,CAAC,iDAAD,CAAJ;AACD;;AAED,SACE,oBAAC,SAAD,eACMM,SADN;AAEE,IAAA,GAAG,EAAED,UAFP;AAGE,IAAA,SAAS,EAAER,UAAU,CACnBC,YAAY,CAAC,MAAD,EAASS,QAAT,CADO,oBAERJ,MAFQ;AAHvB,MAQGD,QARH,CADF;AAYD,CA7BD,C,CA+BA;;;AACA,eAAeD,IAAf","sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../../hooks/usePlatform\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { getClassName } from \"../../../helpers/getClassName\";\nimport { HasComponent, HasRootRef } from \"../../../types\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport \"./Text.css\";\n\nexport interface TextProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  weight: \"regular\" | \"medium\" | \"semibold\";\n}\n\nconst warn = warnOnce(\"Text\");\nconst Text: React.FC<TextProps> = ({\n  children,\n  weight = \"regular\",\n  Component = \"span\",\n  getRootRef,\n  ...restProps\n}: TextProps) => {\n  const platform = usePlatform();\n\n  if (\n    process.env.NODE_ENV === \"development\" &&\n    typeof Component !== \"string\" &&\n    getRootRef\n  ) {\n    warn(\"getRootRef can only be used with DOM components\");\n  }\n\n  return (\n    <Component\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\n        getClassName(\"Text\", platform),\n        `Text--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default Text;\n"],"file":"Text.js"}

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

@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { HasComponent } from '../../../types';
-import './Title.css';
+import * as React from "react";
+import { HasComponent } from "../../../types";
+import "./Title.css";
 export interface TitleProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
-    weight: 'heavy' | 'bold' | 'semibold' | 'medium' | 'regular';
-    level: '1' | '2' | '3';
+    weight: "heavy" | "bold" | "semibold" | "medium" | "regular";
+    level: "1" | "2" | "3";
 }
 declare const Title: React.FC<TitleProps>;
 export default Title;

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

@@ -11,20 +11,20 @@ import Headline from "../Headline/Headline";
 var Title = function Title(_ref) {
   var children = _ref.children,
       _ref$weight = _ref.weight,
-      weight = _ref$weight === void 0 ? 'regular' : _ref$weight,
+      weight = _ref$weight === void 0 ? "regular" : _ref$weight,
       _ref$level = _ref.level,
-      level = _ref$level === void 0 ? '1' : _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;
+    Component = "h" + level;
   }
 
-  if (platform === ANDROID && level === '3') {
-    var headlineWeight = weight === 'regular' ? weight : 'medium';
+  if (platform === ANDROID && level === "3") {
+    var headlineWeight = weight === "regular" ? weight : "medium";
     return createScopedElement(Headline, _extends({
       Component: Component
     }, restProps, {
@@ -33,9 +33,10 @@ var Title = function Title(_ref) {
   }
 
   return createScopedElement(Component, _extends({}, restProps, {
-    vkuiClass: classNames(getClassName('Title', platform), "Title--w-".concat(weight), "Title--l-".concat(level))
+    vkuiClass: classNames(getClassName("Title", platform), "Title--w-".concat(weight), "Title--l-".concat(level))
   }), children);
-};
+}; // eslint-disable-next-line import/no-default-export
+
 
 export default Title;
 //# sourceMappingURL=Title.js.map

package/dist/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;;AAQA,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,GAAGL,MAAM,KAAK,SAAX,GAAuBA,MAAvB,GAAgC,QAAhF;AAEA,WACE,oBAAC,QAAD;AACE,MAAA,SAAS,EAAEE;AADb,OAEMC,SAFN;AAGE,MAAA,MAAM,EAAEE;AAHV,QAKGN,QALH,CADF;AASD;;AAED,SACE,oBAAC,SAAD,eACMI,SADN;AAEE,IAAA,SAAS,EACPT,UAAU,CACRC,YAAY,CAAC,OAAD,EAAUS,QAAV,CADJ,qBAEIJ,MAFJ,sBAGIC,KAHJ;AAHd,MAUGF,QAVH,CADF;AAcD,CAzCD;;AA2CA,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 extends React.AllHTMLAttributes<HTMLElement>, 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'] = weight === 'regular' ? weight : 'medium';\n\n    return (\n      <Headline\n        Component={Component}\n        {...restProps}\n        weight={headlineWeight}\n      >\n        {children}\n      </Headline>\n    );\n  }\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={\n        classNames(\n          getClassName('Title', platform),\n          `Title--w-${weight}`,\n          `Title--l-${level}`,\n        )\n      }\n    >\n      {children}\n    </Component>\n  );\n};\n\nexport default Title;\n"],"file":"Title.js"}
+{"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;;AAUA,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"}

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

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

package/dist/components/UsersStack/UsersStack.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["photos", "visibleCount", "size", "layout", "children"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
+import * as React from "react";
 import { getClassName } from "../../helpers/getClassName";
 import { usePlatform } from "../../hooks/usePlatform";
 import { hasReactNode } from "../../lib/utils";
@@ -16,8 +16,10 @@ import { useDOM } from "../../lib/dom";
 var UsersStack = function UsersStack(props) {
   var platform = usePlatform();
 
-  var photos = props.photos,
-      visibleCount = props.visibleCount,
+  var _props$photos = props.photos,
+      photos = _props$photos === void 0 ? [] : _props$photos,
+      _props$visibleCount = props.visibleCount,
+      visibleCount = _props$visibleCount === void 0 ? 0 : _props$visibleCount,
       size = props.size,
       layout = props.layout,
       children = props.children,
@@ -30,11 +32,11 @@ var UsersStack = function UsersStack(props) {
     createMasks(document);
   }, [document]);
   var othersCount = Math.max(0, photos.length - visibleCount);
-  var canShowOthers = othersCount > 0 && size === 'm';
+  var canShowOthers = othersCount > 0 && size === "m";
   var photosShown = photos.slice(0, visibleCount);
   return createScopedElement("div", _extends({}, restProps, {
-    vkuiClass: classNames(getClassName('UsersStack', platform), "UsersStack--size-".concat(size), "UsersStack--l-".concat(layout), {
-      'UsersStack--others': canShowOthers
+    vkuiClass: classNames(getClassName("UsersStack", platform), "UsersStack--size-".concat(size), "UsersStack--l-".concat(layout), {
+      "UsersStack--others": canShowOthers
     })
   }), createScopedElement("div", {
     vkuiClass: "UsersStack__photos",
@@ -61,9 +63,10 @@ var UsersStack = function UsersStack(props) {
 
 UsersStack.defaultProps = {
   photos: [],
-  size: 's',
+  size: "s",
   visibleCount: 3,
-  layout: 'horizontal'
-};
+  layout: "horizontal"
+}; // eslint-disable-next-line import/no-default-export
+
 export default /*#__PURE__*/React.memo(UsersStack);
 //# sourceMappingURL=UsersStack.js.map

package/dist/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;;AAuBA,IAAMC,UAAqC,GAAG,SAAxCA,UAAwC,CAACC,KAAD,EAA4B;AACxE,MAAMC,QAAQ,GAAGV,WAAW,EAA5B;;AACA,MAAQW,MAAR,GAAuEF,KAAvE,CAAQE,MAAR;AAAA,MAAgBC,YAAhB,GAAuEH,KAAvE,CAAgBG,YAAhB;AAAA,MAA8BC,IAA9B,GAAuEJ,KAAvE,CAA8BI,IAA9B;AAAA,MAAoCC,MAApC,GAAuEL,KAAvE,CAAoCK,MAApC;AAAA,MAA4CC,QAA5C,GAAuEN,KAAvE,CAA4CM,QAA5C;AAAA,MAAyDC,SAAzD,4BAAuEP,KAAvE;;AACA,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,EACPd,UAAU,CACRH,YAAY,CAAC,YAAD,EAAeW,QAAf,CADJ,6BAEYG,IAFZ,2BAGSC,MAHT,GAIR;AACE,4BAAsBQ;AADxB,KAJQ;AAHd,MAaE;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;AAAS,IAAA,MAAM,EAAC,QAAhB;AAAyB,IAAA,KAAK,EAAC,GAA/B;AAAmC,IAAA,SAAS,EAAC,6CAA7C;AAA2F,mBAAY;AAAvG,KACE,uCAAQJ,WAAR,CADF,CAVJ,CAbF,EA4BGjB,YAAY,CAACc,QAAD,CAAZ,IAA0B,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC,MAAnB;AAA0B,IAAA,MAAM,EAAC,SAAjC;AAA2C,IAAA,SAAS,EAAC;AAArD,KAAyEA,QAAzE,CA5B7B,CADF;AAgCD,CA9CD;;AAgDAP,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;AAOA,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 { photos, visibleCount, size, layout, children, ...restProps } = 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={\n        classNames(\n          getClassName('UsersStack', platform),\n          `UsersStack--size-${size}`,\n          `UsersStack--l-${layout}`,\n          {\n            'UsersStack--others': canShowOthers,\n          },\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 weight=\"medium\" level=\"1\" vkuiClass=\"UsersStack__photo UsersStack__photo--others\" aria-hidden=\"true\">\n            <span>+{othersCount}</span>\n          </Caption>\n        }\n      </div>\n      {hasReactNode(children) && <Subhead Component=\"span\" weight=\"regular\" vkuiClass=\"UsersStack__text\">{children}</Subhead>}\n    </div>\n  );\n};\n\nUsersStack.defaultProps = {\n  photos: [],\n  size: 's',\n  visibleCount: 3,\n  layout: 'horizontal',\n};\n\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;;AAuBA,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"}

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

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

package/dist/components/UsersStack/masks.js

@@ -1,18 +1,18 @@
 import { canUseDOM } from "../../lib/dom";
 var masksCreated = [];
 export function createMasks(document) {
-  if (!canUseDOM || masksCreated.includes(document)) {
+  if (!canUseDOM || !document || masksCreated.includes(document)) {
     return;
   } // eslint-disable-next-line no-restricted-globals
 
 
-  var svgElement = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-  svgElement.setAttributeNS(null, 'id', '__SVG_MASKS_NODE__');
-  svgElement.setAttributeNS(null, 'width', '0');
-  svgElement.setAttributeNS(null, 'height', '0');
-  svgElement.style.position = 'absolute';
-  svgElement.style.width = '0px';
-  svgElement.style.height = '0px';
+  var svgElement = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+  svgElement.setAttributeNS(null, "id", "__SVG_MASKS_NODE__");
+  svgElement.setAttributeNS(null, "width", "0");
+  svgElement.setAttributeNS(null, "height", "0");
+  svgElement.style.position = "absolute";
+  svgElement.style.width = "0px";
+  svgElement.style.height = "0px";
   svgElement.innerHTML = "<defs>\n  <clipPath id=\"users_stack_mask_16_left\">\n    <path transform=\"translate(1.5 0)\" d=\"M1.20772 8C1.20772 6.32671 0.768742 4.75626 0 3.39821C1.44342 1.34278 3.8277 0 6.52463 0C10.9293 0 14.5 3.58172 14.5 8C14.5 12.4183 10.9293 16 6.52463 16C3.8277 16 1.44342 14.6572 0 12.6018C0.768742 11.2437 1.20772 9.6733 1.20772 8Z\"></path>\n  </clipPath>\n\n  <clipPath id=\"users_stack_mask_24_left\">\n    <path d=\"M3.9971785,12 C3.9971785,9.49005736 3.33667467,7.13438366 2.18,5.09731189 C4.35181237,2.01417617 7.93927741,0 11.9971785,0 C18.6245955,0 23.9971785,5.372583 23.9971785,12 C23.9971785,18.627417 18.6245955,24 11.9971785,24 C7.93927741,24 4.35181237,21.9858238 2.18,18.9026881 C3.33667467,16.8656163 3.9971785,14.5099426 3.9971785,12 Z\"></path>\n  </clipPath>\n\n  <clipPath id=\"users_stack_mask_24_right\">\n    <path d=\"M21.8171785,5.09731189 C20.6605038,7.13438366 20,9.49005736 20,12 C20,14.5099426 20.6605038,16.8656163 21.8171785,18.9026881 C19.6453661,21.9858238 16.0579011,24 12,24 C5.372583,24 3.90798505e-14,18.627417 3.90798505e-14,12 C3.90798505e-14,5.372583 5.372583,0 12,0 C16.0579011,0 19.6453661,2.01417617 21.8171785,5.09731189 Z\"></path>\n  </clipPath>\n\n  <clipPath id=\"users_stack_mask_32_left\">\n    <path d=\"M2.13430019,23.9892466 C3.32858917,21.5820026 4,18.8694095 4,16 C4,13.1305905 3.32858917,10.4179974 2.13430019,8.0107534 C4.89924175,3.22241289 10.0733034,-2.30926389e-14 16,-2.30926389e-14 C24.836556,-2.30926389e-14 32,7.163444 32,16 C32,24.836556 24.836556,32 16,32 C10.0733034,32 4.89924175,28.7775871 2.13430019,23.9892466 L2.13430019,23.9892466 Z\"></path>\n  </clipPath>\n\n  <clipPath id=\"users_stack_mask_32_right\">\n    <path d=\"M29.8656998,8.0107534 C28.6714108,10.4179974 28,13.1305905 28,16 C28,18.8694095 28.6714108,21.5820026 29.8656998,23.9892466 C27.1007583,28.7775871 21.9266966,32 16,32 C7.163444,32 3.90798505e-14,24.836556 3.90798505e-14,16 C3.90798505e-14,7.163444 7.163444,0 16,0 C21.9266966,0 27.1007583,3.22241289 29.8656998,8.0107534 Z\"></path>\n  </clipPath>\n</defs>";
   document.body.appendChild(svgElement);
   masksCreated.push(document);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/UsersStack/masks.tsx"],"names":["canUseDOM","masksCreated","createMasks","document","includes","svgElement","createElementNS","setAttributeNS","style","position","width","height","innerHTML","body","appendChild","push"],"mappings":"AAAA,SAASA,SAAT;AAEA,IAAMC,YAAwB,GAAG,EAAjC;AAEA,OAAO,SAASC,WAAT,CAAqBC,QAArB,EAA+C;AACpD,MAAI,CAACH,SAAD,IAAcC,YAAY,CAACG,QAAb,CAAsBD,QAAtB,CAAlB,EAAmD;AACjD;AACD,GAHmD,CAKpD;;;AACA,MAAME,UAAU,GAAGF,QAAQ,CAACG,eAAT,CAAyB,4BAAzB,EAAuD,KAAvD,CAAnB;AACAD,EAAAA,UAAU,CAACE,cAAX,CAA0B,IAA1B,EAAgC,IAAhC,EAAsC,oBAAtC;AACAF,EAAAA,UAAU,CAACE,cAAX,CAA0B,IAA1B,EAAgC,OAAhC,EAAyC,GAAzC;AACAF,EAAAA,UAAU,CAACE,cAAX,CAA0B,IAA1B,EAAgC,QAAhC,EAA0C,GAA1C;AACAF,EAAAA,UAAU,CAACG,KAAX,CAAiBC,QAAjB,GAA4B,UAA5B;AACAJ,EAAAA,UAAU,CAACG,KAAX,CAAiBE,KAAjB,GAAyB,KAAzB;AACAL,EAAAA,UAAU,CAACG,KAAX,CAAiBG,MAAjB,GAA0B,KAA1B;AAEAN,EAAAA,UAAU,CAACO,SAAX;AAsBAT,EAAAA,QAAQ,CAACU,IAAT,CAAcC,WAAd,CAA0BT,UAA1B;AACAJ,EAAAA,YAAY,CAACc,IAAb,CAAkBZ,QAAlB;AACD","sourcesContent":["import { canUseDOM } from '../../lib/dom';\n\nconst masksCreated: Document[] = [];\n\nexport function createMasks(document: Document): void {\n  if (!canUseDOM || masksCreated.includes(document)) {\n    return;\n  }\n\n  // eslint-disable-next-line no-restricted-globals\n  const svgElement = document.createElementNS('http://www.w3.org/2000/svg', 'svg');\n  svgElement.setAttributeNS(null, 'id', '__SVG_MASKS_NODE__');\n  svgElement.setAttributeNS(null, 'width', '0');\n  svgElement.setAttributeNS(null, 'height', '0');\n  svgElement.style.position = 'absolute';\n  svgElement.style.width = '0px';\n  svgElement.style.height = '0px';\n\n  svgElement.innerHTML = `<defs>\n  <clipPath id=\"users_stack_mask_16_left\">\n    <path transform=\"translate(1.5 0)\" d=\"M1.20772 8C1.20772 6.32671 0.768742 4.75626 0 3.39821C1.44342 1.34278 3.8277 0 6.52463 0C10.9293 0 14.5 3.58172 14.5 8C14.5 12.4183 10.9293 16 6.52463 16C3.8277 16 1.44342 14.6572 0 12.6018C0.768742 11.2437 1.20772 9.6733 1.20772 8Z\"></path>\n  </clipPath>\n\n  <clipPath id=\"users_stack_mask_24_left\">\n    <path d=\"M3.9971785,12 C3.9971785,9.49005736 3.33667467,7.13438366 2.18,5.09731189 C4.35181237,2.01417617 7.93927741,0 11.9971785,0 C18.6245955,0 23.9971785,5.372583 23.9971785,12 C23.9971785,18.627417 18.6245955,24 11.9971785,24 C7.93927741,24 4.35181237,21.9858238 2.18,18.9026881 C3.33667467,16.8656163 3.9971785,14.5099426 3.9971785,12 Z\"></path>\n  </clipPath>\n\n  <clipPath id=\"users_stack_mask_24_right\">\n    <path d=\"M21.8171785,5.09731189 C20.6605038,7.13438366 20,9.49005736 20,12 C20,14.5099426 20.6605038,16.8656163 21.8171785,18.9026881 C19.6453661,21.9858238 16.0579011,24 12,24 C5.372583,24 3.90798505e-14,18.627417 3.90798505e-14,12 C3.90798505e-14,5.372583 5.372583,0 12,0 C16.0579011,0 19.6453661,2.01417617 21.8171785,5.09731189 Z\"></path>\n  </clipPath>\n\n  <clipPath id=\"users_stack_mask_32_left\">\n    <path d=\"M2.13430019,23.9892466 C3.32858917,21.5820026 4,18.8694095 4,16 C4,13.1305905 3.32858917,10.4179974 2.13430019,8.0107534 C4.89924175,3.22241289 10.0733034,-2.30926389e-14 16,-2.30926389e-14 C24.836556,-2.30926389e-14 32,7.163444 32,16 C32,24.836556 24.836556,32 16,32 C10.0733034,32 4.89924175,28.7775871 2.13430019,23.9892466 L2.13430019,23.9892466 Z\"></path>\n  </clipPath>\n\n  <clipPath id=\"users_stack_mask_32_right\">\n    <path d=\"M29.8656998,8.0107534 C28.6714108,10.4179974 28,13.1305905 28,16 C28,18.8694095 28.6714108,21.5820026 29.8656998,23.9892466 C27.1007583,28.7775871 21.9266966,32 16,32 C7.163444,32 3.90798505e-14,24.836556 3.90798505e-14,16 C3.90798505e-14,7.163444 7.163444,0 16,0 C21.9266966,0 27.1007583,3.22241289 29.8656998,8.0107534 Z\"></path>\n  </clipPath>\n</defs>`;\n\n  document.body.appendChild(svgElement);\n  masksCreated.push(document);\n}\n"],"file":"masks.js"}
+{"version":3,"sources":["../../../src/components/UsersStack/masks.tsx"],"names":["canUseDOM","masksCreated","createMasks","document","includes","svgElement","createElementNS","setAttributeNS","style","position","width","height","innerHTML","body","appendChild","push"],"mappings":"AAAA,SAASA,SAAT;AAEA,IAAMC,YAAwB,GAAG,EAAjC;AAEA,OAAO,SAASC,WAAT,CAAqBC,QAArB,EAAgD;AACrD,MAAI,CAACH,SAAD,IAAc,CAACG,QAAf,IAA2BF,YAAY,CAACG,QAAb,CAAsBD,QAAtB,CAA/B,EAAgE;AAC9D;AACD,GAHoD,CAKrD;;;AACA,MAAME,UAAU,GAAGF,QAAQ,CAACG,eAAT,CACjB,4BADiB,EAEjB,KAFiB,CAAnB;AAIAD,EAAAA,UAAU,CAACE,cAAX,CAA0B,IAA1B,EAAgC,IAAhC,EAAsC,oBAAtC;AACAF,EAAAA,UAAU,CAACE,cAAX,CAA0B,IAA1B,EAAgC,OAAhC,EAAyC,GAAzC;AACAF,EAAAA,UAAU,CAACE,cAAX,CAA0B,IAA1B,EAAgC,QAAhC,EAA0C,GAA1C;AACAF,EAAAA,UAAU,CAACG,KAAX,CAAiBC,QAAjB,GAA4B,UAA5B;AACAJ,EAAAA,UAAU,CAACG,KAAX,CAAiBE,KAAjB,GAAyB,KAAzB;AACAL,EAAAA,UAAU,CAACG,KAAX,CAAiBG,MAAjB,GAA0B,KAA1B;AAEAN,EAAAA,UAAU,CAACO,SAAX;AAsBAT,EAAAA,QAAQ,CAACU,IAAT,CAAcC,WAAd,CAA0BT,UAA1B;AACAJ,EAAAA,YAAY,CAACc,IAAb,CAAkBZ,QAAlB;AACD","sourcesContent":["import { canUseDOM } from \"../../lib/dom\";\n\nconst masksCreated: Document[] = [];\n\nexport function createMasks(document?: Document): void {\n  if (!canUseDOM || !document || masksCreated.includes(document)) {\n    return;\n  }\n\n  // eslint-disable-next-line no-restricted-globals\n  const svgElement = document.createElementNS(\n    \"http://www.w3.org/2000/svg\",\n    \"svg\"\n  );\n  svgElement.setAttributeNS(null, \"id\", \"__SVG_MASKS_NODE__\");\n  svgElement.setAttributeNS(null, \"width\", \"0\");\n  svgElement.setAttributeNS(null, \"height\", \"0\");\n  svgElement.style.position = \"absolute\";\n  svgElement.style.width = \"0px\";\n  svgElement.style.height = \"0px\";\n\n  svgElement.innerHTML = `<defs>\n  <clipPath id=\"users_stack_mask_16_left\">\n    <path transform=\"translate(1.5 0)\" d=\"M1.20772 8C1.20772 6.32671 0.768742 4.75626 0 3.39821C1.44342 1.34278 3.8277 0 6.52463 0C10.9293 0 14.5 3.58172 14.5 8C14.5 12.4183 10.9293 16 6.52463 16C3.8277 16 1.44342 14.6572 0 12.6018C0.768742 11.2437 1.20772 9.6733 1.20772 8Z\"></path>\n  </clipPath>\n\n  <clipPath id=\"users_stack_mask_24_left\">\n    <path d=\"M3.9971785,12 C3.9971785,9.49005736 3.33667467,7.13438366 2.18,5.09731189 C4.35181237,2.01417617 7.93927741,0 11.9971785,0 C18.6245955,0 23.9971785,5.372583 23.9971785,12 C23.9971785,18.627417 18.6245955,24 11.9971785,24 C7.93927741,24 4.35181237,21.9858238 2.18,18.9026881 C3.33667467,16.8656163 3.9971785,14.5099426 3.9971785,12 Z\"></path>\n  </clipPath>\n\n  <clipPath id=\"users_stack_mask_24_right\">\n    <path d=\"M21.8171785,5.09731189 C20.6605038,7.13438366 20,9.49005736 20,12 C20,14.5099426 20.6605038,16.8656163 21.8171785,18.9026881 C19.6453661,21.9858238 16.0579011,24 12,24 C5.372583,24 3.90798505e-14,18.627417 3.90798505e-14,12 C3.90798505e-14,5.372583 5.372583,0 12,0 C16.0579011,0 19.6453661,2.01417617 21.8171785,5.09731189 Z\"></path>\n  </clipPath>\n\n  <clipPath id=\"users_stack_mask_32_left\">\n    <path d=\"M2.13430019,23.9892466 C3.32858917,21.5820026 4,18.8694095 4,16 C4,13.1305905 3.32858917,10.4179974 2.13430019,8.0107534 C4.89924175,3.22241289 10.0733034,-2.30926389e-14 16,-2.30926389e-14 C24.836556,-2.30926389e-14 32,7.163444 32,16 C32,24.836556 24.836556,32 16,32 C10.0733034,32 4.89924175,28.7775871 2.13430019,23.9892466 L2.13430019,23.9892466 Z\"></path>\n  </clipPath>\n\n  <clipPath id=\"users_stack_mask_32_right\">\n    <path d=\"M29.8656998,8.0107534 C28.6714108,10.4179974 28,13.1305905 28,16 C28,18.8694095 28.6714108,21.5820026 29.8656998,23.9892466 C27.1007583,28.7775871 21.9266966,32 16,32 C7.163444,32 3.90798505e-14,24.836556 3.90798505e-14,16 C3.90798505e-14,7.163444 7.163444,0 16,0 C21.9266966,0 27.1007583,3.22241289 29.8656998,8.0107534 Z\"></path>\n  </clipPath>\n</defs>`;\n\n  document.body.appendChild(svgElement);\n  masksCreated.push(document);\n}\n"],"file":"masks.js"}

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

@@ -1,16 +1,16 @@
-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';
+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;
+    [index: string]: number | undefined;
 }
 interface ViewsScrolls {
     [index: string]: Scrolls;
@@ -64,17 +64,17 @@ export interface ViewProps extends React.HTMLAttributes<HTMLElement>, HasPlatfor
 export interface ViewState {
     animated: boolean;
     visiblePanels: string[];
-    activePanel: string;
-    isBack: boolean;
-    prevPanel: string;
-    nextPanel: string;
+    activePanel: string | null;
+    isBack: boolean | undefined;
+    prevPanel: string | null;
+    nextPanel: string | null;
     swipingBack: boolean;
     swipebackStartX: number;
     swipeBackShift: number;
-    swipeBackNextPanel: string;
-    swipeBackPrevPanel: string;
-    swipeBackResult: SwipeBackResults;
+    swipeBackNextPanel: string | null;
+    swipeBackPrevPanel: string | null;
+    swipeBackResult: SwipeBackResults | null;
     browserSwipe: boolean;
 }
-declare const _default: React.FC<ViewProps>;
+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" | "scheme" | "popout" | "modal" | "onTransition" | "activePanel" | "onSwipeBack" | "onSwipeBackStart" | "onSwipeBackCancel" | "history" | "splitCol" | "configProvider">>;
 export default _default;