@vkontakte/vkui 4.35.4 → 4.37.0

package/dist/cjs/components/FormLayoutGroup/FormLayoutGroup.js

@@ -2,6 +2,8 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,6 +15,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
+var React = _interopRequireWildcard(require("react"));
+
 var _getClassName = require("../../helpers/getClassName");
 
 var _classNames = require("../../lib/classNames");
@@ -27,7 +31,7 @@ var _Removable = require("../Removable/Removable");
 
 var _useAdaptivity2 = require("../../hooks/useAdaptivity");
 
-var _excluded = ["children", "mode", "removable", "removePlaceholder", "onRemove", "getRootRef"];
+var _excluded = ["children", "mode", "removable", "segmented", "removePlaceholder", "onRemove", "getRootRef"];
 
 /**
  * @see https://vkcom.github.io/VKUI/#/FormLayoutGroup
@@ -37,6 +41,7 @@ var FormLayoutGroup = function FormLayoutGroup(_ref) {
       _ref$mode = _ref.mode,
       mode = _ref$mode === void 0 ? "vertical" : _ref$mode,
       removable = _ref.removable,
+      segmented = _ref.segmented,
       _ref$removePlaceholde = _ref.removePlaceholder,
       removePlaceholder = _ref$removePlaceholde === void 0 ? "Удалить" : _ref$removePlaceholde,
       _ref$onRemove = _ref.onRemove,
@@ -50,11 +55,12 @@ var FormLayoutGroup = function FormLayoutGroup(_ref) {
       sizeY = _useAdaptivity.sizeY;
 
   var isRemovable = removable && mode === "horizontal";
+  var isSegmented = segmented && mode === "horizontal";
   var rootEl = (0, _useExternRef.useExternRef)(getRootRef);
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({
     ref: rootEl,
     vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("FormLayoutGroup", platform), // TODO: v5 remove
-    "FormLayoutGroup--sizeY-".concat(sizeY), "FormLayoutGroup--".concat(mode), isRemovable && "FormLayoutGroup--removable")
+    "FormLayoutGroup--sizeY-".concat(sizeY), "FormLayoutGroup--".concat(mode), isRemovable && "FormLayoutGroup--removable", isSegmented && "FormLayoutGroup--segmented")
   }, restProps), isRemovable ? (0, _jsxRuntime.createScopedElement)(_Removable.Removable, {
     vkuiClass: "FormLayoutGroup__removable",
     align: "start",
@@ -64,7 +70,10 @@ var FormLayoutGroup = function FormLayoutGroup(_ref) {
         _onRemove(e, rootEl.current);
       }
     }
-  }, children) : children);
+  }, children) : (0, _jsxRuntime.createScopedElement)(React.Fragment, null, children, (0, _jsxRuntime.createScopedElement)("span", {
+    vkuiClass: "FormLayoutGroup__offset",
+    "aria-hidden": true
+  })));
 };
 
 exports.FormLayoutGroup = FormLayoutGroup;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/FormLayoutGroup/FormLayoutGroup.tsx"],"names":["FormLayoutGroup","children","mode","removable","removePlaceholder","onRemove","noop","getRootRef","restProps","platform","sizeY","isRemovable","rootEl","e","current"],"mappings":";;;;;;;;;;;;;;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAcA;AACA;AACA;AACO,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OAQH;AAAA,MAP1BC,QAO0B,QAP1BA,QAO0B;AAAA,uBAN1BC,IAM0B;AAAA,MAN1BA,IAM0B,0BANnB,UAMmB;AAAA,MAL1BC,SAK0B,QAL1BA,SAK0B;AAAA,mCAJ1BC,iBAI0B;AAAA,MAJ1BA,iBAI0B,sCAJN,SAIM;AAAA,2BAH1BC,QAG0B;AAAA,MAH1BA,SAG0B,8BAHfC,WAGe;AAAA,MAF1BC,UAE0B,QAF1BA,UAE0B;AAAA,MADvBC,SACuB;;AAC1B,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,uBAAkB,oCAAlB;AAAA,MAAQC,KAAR,kBAAQA,KAAR;;AACA,MAAMC,WAAW,GAAGR,SAAS,IAAID,IAAI,KAAK,YAA1C;AACA,MAAMU,MAAM,GAAG,gCAAaL,UAAb,CAAf;AAEA,SACE;AACE,IAAA,GAAG,EAAEK,MADP;AAEE,IAAA,SAAS,EAAE,4BACT,gCAAa,iBAAb,EAAgCH,QAAhC,CADS,EACkC;AADlC,qCAEiBC,KAFjB,8BAGWR,IAHX,GAITS,WAAW,IAAI,4BAJN;AAFb,KAQMH,SARN,GAUGG,WAAW,GACV,qCAAC,oBAAD;AACE,IAAA,SAAS,EAAC,4BADZ;AAEE,IAAA,KAAK,EAAC,OAFR;AAGE,IAAA,iBAAiB,EAAEP,iBAHrB;AAIE,IAAA,QAAQ,EAAE,kBAACS,CAAD,EAAO;AACf,UAAID,MAAJ,aAAIA,MAAJ,eAAIA,MAAM,CAAEE,OAAZ,EAAqB;AACnBT,QAAAA,SAAQ,CAACQ,CAAD,EAAID,MAAM,CAACE,OAAX,CAAR;AACD;AACF;AARH,KAUGb,QAVH,CADU,GAcVA,QAxBJ,CADF;AA6BD,CA3CM","sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { noop } from \"../../lib/utils\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Removable, RemovableProps } from \"../Removable/Removable\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./FormLayoutGroup.css\";\n\nexport interface FormLayoutGroupProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    RemovableProps,\n    HasRootRef<HTMLDivElement> {\n  mode?: \"vertical\" | \"horizontal\";\n  /**\n   * Только для режима horizontal. Дает возможность удалить всю группу `FormItem`.\n   */\n  removable?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FormLayoutGroup\n */\nexport const FormLayoutGroup = ({\n  children,\n  mode = \"vertical\",\n  removable,\n  removePlaceholder = \"Удалить\",\n  onRemove = noop,\n  getRootRef,\n  ...restProps\n}: FormLayoutGroupProps) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n  const isRemovable = removable && mode === \"horizontal\";\n  const rootEl = useExternRef(getRootRef);\n\n  return (\n    <div\n      ref={rootEl}\n      vkuiClass={classNames(\n        getClassName(\"FormLayoutGroup\", platform), // TODO: v5 remove\n        `FormLayoutGroup--sizeY-${sizeY}`,\n        `FormLayoutGroup--${mode}`,\n        isRemovable && \"FormLayoutGroup--removable\"\n      )}\n      {...restProps}\n    >\n      {isRemovable ? (\n        <Removable\n          vkuiClass=\"FormLayoutGroup__removable\"\n          align=\"start\"\n          removePlaceholder={removePlaceholder}\n          onRemove={(e) => {\n            if (rootEl?.current) {\n              onRemove(e, rootEl.current);\n            }\n          }}\n        >\n          {children}\n        </Removable>\n      ) : (\n        children\n      )}\n    </div>\n  );\n};\n"],"file":"FormLayoutGroup.js"}
+{"version":3,"file":"FormLayoutGroup.js","names":["FormLayoutGroup","children","mode","removable","segmented","removePlaceholder","onRemove","noop","getRootRef","restProps","platform","usePlatform","useAdaptivity","sizeY","isRemovable","isSegmented","rootEl","useExternRef","classNames","getClassName","e","current"],"sources":["../../../../src/components/FormLayoutGroup/FormLayoutGroup.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { noop } from \"../../lib/utils\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Removable, RemovableProps } from \"../Removable/Removable\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./FormLayoutGroup.css\";\n\nexport interface FormLayoutGroupProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    RemovableProps,\n    HasRootRef<HTMLDivElement> {\n  mode?: \"vertical\" | \"horizontal\";\n  /**\n   * Только для режима horizontal. Дает возможность удалить всю группу `FormItem`.\n   */\n  removable?: boolean;\n\n  /**\n   * Только для режима horizontal. Дает возможность склеить несколько `FormItem`.\n   */\n  segmented?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FormLayoutGroup\n */\nexport const FormLayoutGroup = ({\n  children,\n  mode = \"vertical\",\n  removable,\n  segmented,\n  removePlaceholder = \"Удалить\",\n  onRemove = noop,\n  getRootRef,\n  ...restProps\n}: FormLayoutGroupProps) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n  const isRemovable = removable && mode === \"horizontal\";\n  const isSegmented = segmented && mode === \"horizontal\";\n  const rootEl = useExternRef(getRootRef);\n\n  return (\n    <div\n      ref={rootEl}\n      vkuiClass={classNames(\n        getClassName(\"FormLayoutGroup\", platform), // TODO: v5 remove\n        `FormLayoutGroup--sizeY-${sizeY}`,\n        `FormLayoutGroup--${mode}`,\n        isRemovable && \"FormLayoutGroup--removable\",\n        isSegmented && \"FormLayoutGroup--segmented\"\n      )}\n      {...restProps}\n    >\n      {isRemovable ? (\n        <Removable\n          vkuiClass=\"FormLayoutGroup__removable\"\n          align=\"start\"\n          removePlaceholder={removePlaceholder}\n          onRemove={(e) => {\n            if (rootEl?.current) {\n              onRemove(e, rootEl.current);\n            }\n          }}\n        >\n          {children}\n        </Removable>\n      ) : (\n        <React.Fragment>\n          {children}\n          <span vkuiClass=\"FormLayoutGroup__offset\" aria-hidden />\n        </React.Fragment>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAmBA;AACA;AACA;AACO,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OASH;EAAA,IAR1BC,QAQ0B,QAR1BA,QAQ0B;EAAA,qBAP1BC,IAO0B;EAAA,IAP1BA,IAO0B,0BAPnB,UAOmB;EAAA,IAN1BC,SAM0B,QAN1BA,SAM0B;EAAA,IAL1BC,SAK0B,QAL1BA,SAK0B;EAAA,iCAJ1BC,iBAI0B;EAAA,IAJ1BA,iBAI0B,sCAJN,SAIM;EAAA,yBAH1BC,QAG0B;EAAA,IAH1BA,SAG0B,8BAHfC,WAGe;EAAA,IAF1BC,UAE0B,QAF1BA,UAE0B;EAAA,IADvBC,SACuB;;EAC1B,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;;EACA,qBAAkB,IAAAC,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EACA,IAAMC,WAAW,GAAGX,SAAS,IAAID,IAAI,KAAK,YAA1C;EACA,IAAMa,WAAW,GAAGX,SAAS,IAAIF,IAAI,KAAK,YAA1C;EACA,IAAMc,MAAM,GAAG,IAAAC,0BAAA,EAAaT,UAAb,CAAf;EAEA,OACE;IACE,GAAG,EAAEQ,MADP;IAEE,SAAS,EAAE,IAAAE,sBAAA,EACT,IAAAC,0BAAA,EAAa,iBAAb,EAAgCT,QAAhC,CADS,EACkC;IADlC,iCAEiBG,KAFjB,8BAGWX,IAHX,GAITY,WAAW,IAAI,4BAJN,EAKTC,WAAW,IAAI,4BALN;EAFb,GASMN,SATN,GAWGK,WAAW,GACV,qCAAC,oBAAD;IACE,SAAS,EAAC,4BADZ;IAEE,KAAK,EAAC,OAFR;IAGE,iBAAiB,EAAET,iBAHrB;IAIE,QAAQ,EAAE,kBAACe,CAAD,EAAO;MACf,IAAIJ,MAAJ,aAAIA,MAAJ,eAAIA,MAAM,CAAEK,OAAZ,EAAqB;QACnBf,SAAQ,CAACc,CAAD,EAAIJ,MAAM,CAACK,OAAX,CAAR;MACD;IACF;EARH,GAUGpB,QAVH,CADU,GAcV,qCAAC,KAAD,CAAO,QAAP,QACGA,QADH,EAEE;IAAM,SAAS,EAAC,yBAAhB;IAA0C;EAA1C,EAFF,CAzBJ,CADF;AAiCD,CAjDM"}

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

@@ -15,10 +15,6 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _classNames = require("../../lib/classNames");
 
-var _getClassName = require("../../helpers/getClassName");
-
-var _usePlatform = require("../../hooks/usePlatform");
-
 var _Headline = require("../Typography/Headline/Headline");
 
 var _Caption = require("../Typography/Caption/Caption");
@@ -27,7 +23,10 @@ var _utils = require("../../lib/utils");
 
 var _excluded = ["mode", "header", "children", "dangerouslySetInnerHTML"];
 
+/* TODO: v5.0.0 удалить */
+
 /**
+ * @deprecated Этот компонент устарел и будет удален в v5.0.0. Используйте [`Banner`](#/Banner).
  * @see https://vkcom.github.io/VKUI/#/FormStatus
  */
 var FormStatus = function FormStatus(_ref) {
@@ -36,9 +35,8 @@ var FormStatus = function FormStatus(_ref) {
       children = _ref.children,
       dangerouslySetInnerHTML = _ref.dangerouslySetInnerHTML,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var platform = (0, _usePlatform.usePlatform)();
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("FormStatus", platform), "FormStatus--".concat(mode))
+    vkuiClass: (0, _classNames.classNames)("FormStatus", "FormStatus--".concat(mode))
   }), (0, _utils.hasReactNode)(header) && (0, _jsxRuntime.createScopedElement)(_Headline.Headline, {
     weight: "2",
     vkuiClass: "FormStatus__header"

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/FormStatus/FormStatus.tsx"],"names":["FormStatus","mode","header","children","dangerouslySetInnerHTML","restProps","platform"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAQA;AACA;AACA;AACO,IAAMA,UAAU,GAAG,SAAbA,UAAa,OAMH;AAAA,MALrBC,IAKqB,QALrBA,IAKqB;AAAA,MAJrBC,MAIqB,QAJrBA,MAIqB;AAAA,MAHrBC,QAGqB,QAHrBA,QAGqB;AAAA,MAFrBC,uBAEqB,QAFrBA,uBAEqB;AAAA,MADlBC,SACkB;AACrB,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,SACE,uEACMD,SADN;AAEE,IAAA,SAAS,EAAE,4BACT,gCAAa,YAAb,EAA2BC,QAA3B,CADS,wBAEML,IAFN;AAFb,MAOG,yBAAaC,MAAb,KACC,qCAAC,kBAAD;AAAU,IAAA,MAAM,EAAC,GAAjB;AAAqB,IAAA,SAAS,EAAC;AAA/B,KACGA,MADH,CARJ,EAYGE,uBAAuB,IACtB,qCAAC,gBAAD;AAAS,IAAA,uBAAuB,EAAEA;AAAlC,IAbJ,EAeG,yBAAaD,QAAb,KAA0B,CAACC,uBAA3B,IACC,qCAAC,gBAAD,QAAUD,QAAV,CAhBJ,CADF;AAqBD,CA9BM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./FormStatus.css\";\n\nexport interface FormStatusProps extends React.HTMLAttributes<HTMLDivElement> {\n  mode?: \"default\" | \"error\";\n  header?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FormStatus\n */\nexport const FormStatus = ({\n  mode,\n  header,\n  children,\n  dangerouslySetInnerHTML,\n  ...restProps\n}: FormStatusProps) => {\n  const platform = usePlatform();\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName(\"FormStatus\", platform),\n        `FormStatus--${mode}`\n      )}\n    >\n      {hasReactNode(header) && (\n        <Headline weight=\"2\" vkuiClass=\"FormStatus__header\">\n          {header}\n        </Headline>\n      )}\n      {dangerouslySetInnerHTML && (\n        <Caption dangerouslySetInnerHTML={dangerouslySetInnerHTML} />\n      )}\n      {hasReactNode(children) && !dangerouslySetInnerHTML && (\n        <Caption>{children}</Caption>\n      )}\n    </div>\n  );\n};\n"],"file":"FormStatus.js"}
+{"version":3,"file":"FormStatus.js","names":["FormStatus","mode","header","children","dangerouslySetInnerHTML","restProps","classNames","hasReactNode"],"sources":["../../../../src/components/FormStatus/FormStatus.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./FormStatus.css\";\n\nexport interface FormStatusProps extends React.HTMLAttributes<HTMLDivElement> {\n  mode?: \"default\" | \"error\";\n  header?: React.ReactNode;\n}\n\n/* TODO: v5.0.0 удалить */\n\n/**\n * @deprecated Этот компонент устарел и будет удален в v5.0.0. Используйте [`Banner`](#/Banner).\n * @see https://vkcom.github.io/VKUI/#/FormStatus\n */\nexport const FormStatus = ({\n  mode,\n  header,\n  children,\n  dangerouslySetInnerHTML,\n  ...restProps\n}: FormStatusProps) => {\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\"FormStatus\", `FormStatus--${mode}`)}\n    >\n      {hasReactNode(header) && (\n        <Headline weight=\"2\" vkuiClass=\"FormStatus__header\">\n          {header}\n        </Headline>\n      )}\n      {dangerouslySetInnerHTML && (\n        <Caption dangerouslySetInnerHTML={dangerouslySetInnerHTML} />\n      )}\n      {hasReactNode(children) && !dangerouslySetInnerHTML && (\n        <Caption>{children}</Caption>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;;;AAQA;;AAEA;AACA;AACA;AACA;AACO,IAAMA,UAAU,GAAG,SAAbA,UAAa,OAMH;EAAA,IALrBC,IAKqB,QALrBA,IAKqB;EAAA,IAJrBC,MAIqB,QAJrBA,MAIqB;EAAA,IAHrBC,QAGqB,QAHrBA,QAGqB;EAAA,IAFrBC,uBAEqB,QAFrBA,uBAEqB;EAAA,IADlBC,SACkB;EACrB,OACE,uEACMA,SADN;IAEE,SAAS,EAAE,IAAAC,sBAAA,EAAW,YAAX,wBAAwCL,IAAxC;EAFb,IAIG,IAAAM,mBAAA,EAAaL,MAAb,KACC,qCAAC,kBAAD;IAAU,MAAM,EAAC,GAAjB;IAAqB,SAAS,EAAC;EAA/B,GACGA,MADH,CALJ,EASGE,uBAAuB,IACtB,qCAAC,gBAAD;IAAS,uBAAuB,EAAEA;EAAlC,EAVJ,EAYG,IAAAG,mBAAA,EAAaJ,QAAb,KAA0B,CAACC,uBAA3B,IACC,qCAAC,gBAAD,QAAUD,QAAV,CAbJ,CADF;AAkBD,CAzBM"}

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

@@ -78,6 +78,8 @@ var Gallery = function Gallery(_ref) {
     if (onChange && safeSlideIndex !== slideIndex) {
       onChange(safeSlideIndex);
     }
+
+    setSlideIndex(safeSlideIndex);
   }, [onChange, safeSlideIndex, slideIndex]);
   return (0, _jsxRuntime.createScopedElement)(_BaseGallery.BaseGallery, (0, _extends2.default)({
     isDraggable: isDraggable

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Gallery/Gallery.tsx"],"names":["Gallery","initialSlideIndex","children","timeout","onChange","bullets","props","React","useState","localSlideIndex","setSlideIndex","isControlled","slideIndex","isDraggable","Boolean","slides","useMemo","Children","toArray","filter","item","childCount","length","handleChange","useCallback","current","autoplay","useEffect","set","clear","safeSlideIndex"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAQA;AACA;AACA;AACO,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAOH;AAAA;;AAAA,mCANlBC,iBAMkB;AAAA,MANlBA,iBAMkB,sCANE,CAMF;AAAA,MALlBC,QAKkB,QALlBA,QAKkB;AAAA,0BAJlBC,OAIkB;AAAA,MAJlBA,OAIkB,6BAJR,CAIQ;AAAA,MAHlBC,QAGkB,QAHlBA,QAGkB;AAAA,MAFlBC,OAEkB,QAFlBA,OAEkB;AAAA,MADfC,KACe;;AAClB,wBAAyCC,KAAK,CAACC,QAAN,CAAeP,iBAAf,CAAzC;AAAA;AAAA,MAAOQ,eAAP;AAAA,MAAwBC,aAAxB;;AACA,MAAMC,YAAY,GAAG,OAAOL,KAAK,CAACM,UAAb,KAA4B,QAAjD;AACA,MAAMA,UAAU,GAAGD,YAAY,wBAAGL,KAAK,CAACM,UAAT,iEAAuB,CAAvB,GAA2BH,eAA1D;AACA,MAAMI,WAAW,GAAG,CAACF,YAAD,IAAiBG,OAAO,CAACV,QAAD,CAA5C;AACA,MAAMW,MAAM,GAAGR,KAAK,CAACS,OAAN,CACb;AAAA,WAAMT,KAAK,CAACU,QAAN,CAAeC,OAAf,CAAuBhB,QAAvB,EAAiCiB,MAAjC,CAAwC,UAACC,IAAD;AAAA,aAAUN,OAAO,CAACM,IAAD,CAAjB;AAAA,KAAxC,CAAN;AAAA,GADa,EAEb,CAAClB,QAAD,CAFa,CAAf;AAIA,MAAMmB,UAAU,GAAGN,MAAM,CAACO,MAA1B;AAEA,MAAMC,YAAsC,GAAGhB,KAAK,CAACiB,WAAN,CAC7C,UAACC,OAAD,EAAqB;AACnB,QAAIA,OAAO,KAAKb,UAAhB,EAA4B;AAC1B;AACD;;AACD,KAACD,YAAD,IAAiBD,aAAa,CAACe,OAAD,CAA9B;AACArB,IAAAA,QAAQ,IAAIA,QAAQ,CAACqB,OAAD,CAApB;AACD,GAP4C,EAQ7C,CAACd,YAAD,EAAeP,QAAf,EAAyBQ,UAAzB,CAR6C,CAA/C;AAWA,MAAMc,QAAQ,GAAG,4BACf;AAAA,WAAMH,YAAY,CAAC,CAACX,UAAU,GAAG,CAAd,IAAmBS,UAApB,CAAlB;AAAA,GADe,EAEflB,OAFe,CAAjB;AAIAI,EAAAA,KAAK,CAACoB,SAAN,CACE;AAAA,WAAOxB,OAAO,GAAGuB,QAAQ,CAACE,GAAT,EAAH,GAAoBF,QAAQ,CAACG,KAAT,EAAlC;AAAA,GADF,EAEE,CAAC1B,OAAD,EAAUS,UAAV,EAAsBc,QAAtB,CAFF,EA1BkB,CA+BlB;AACA;;AACA,MAAMI,cAAc,GAClBT,UAAU,GAAG,CAAb,GAAiB,iBAAMT,UAAN,EAAkB,CAAlB,EAAqBS,UAAU,GAAG,CAAlC,CAAjB,GAAwDT,UAD1D,CAjCkB,CAmClB;;AACAL,EAAAA,KAAK,CAACoB,SAAN,CAAgB,YAAM;AACpB,QAAIvB,QAAQ,IAAI0B,cAAc,KAAKlB,UAAnC,EAA+C;AAC7CR,MAAAA,QAAQ,CAAC0B,cAAD,CAAR;AACD;AACF,GAJD,EAIG,CAAC1B,QAAD,EAAW0B,cAAX,EAA2BlB,UAA3B,CAJH;AAMA,SACE,qCAAC,wBAAD;AACE,IAAA,WAAW,EAAEC;AADf,KAEMP,KAFN;AAGE,IAAA,OAAO,EAAEe,UAAU,GAAG,CAAb,IAAkBhB,OAH7B;AAIE,IAAA,UAAU,EAAEyB,cAJd;AAKE,IAAA,QAAQ,EAAEP;AALZ,MAOGR,MAPH,CADF;AAWD,CA5DM","sourcesContent":["import * as React from \"react\";\nimport { clamp } from \"../../helpers/math\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { BaseGallery } from \"../BaseGallery/BaseGallery\";\nimport { BaseGalleryProps } from \"../BaseGallery/types\";\n\nexport interface GalleryProps extends BaseGalleryProps {\n  initialSlideIndex?: number;\n  timeout?: number;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Gallery\n */\nexport const Gallery = ({\n  initialSlideIndex = 0,\n  children,\n  timeout = 0,\n  onChange,\n  bullets,\n  ...props\n}: GalleryProps) => {\n  const [localSlideIndex, setSlideIndex] = React.useState(initialSlideIndex);\n  const isControlled = typeof props.slideIndex === \"number\";\n  const slideIndex = isControlled ? props.slideIndex ?? 0 : localSlideIndex;\n  const isDraggable = !isControlled || Boolean(onChange);\n  const slides = React.useMemo(\n    () => React.Children.toArray(children).filter((item) => Boolean(item)),\n    [children]\n  );\n  const childCount = slides.length;\n\n  const handleChange: GalleryProps[\"onChange\"] = React.useCallback(\n    (current: number) => {\n      if (current === slideIndex) {\n        return;\n      }\n      !isControlled && setSlideIndex(current);\n      onChange && onChange(current);\n    },\n    [isControlled, onChange, slideIndex]\n  );\n\n  const autoplay = useTimeout(\n    () => handleChange((slideIndex + 1) % childCount),\n    timeout\n  );\n  React.useEffect(\n    () => (timeout ? autoplay.set() : autoplay.clear()),\n    [timeout, slideIndex, autoplay]\n  );\n\n  // prevent invalid slideIndex\n  // any slide index is invalid with no slides, just keep it as is\n  const safeSlideIndex =\n    childCount > 0 ? clamp(slideIndex, 0, childCount - 1) : slideIndex;\n  // notify parent in controlled mode\n  React.useEffect(() => {\n    if (onChange && safeSlideIndex !== slideIndex) {\n      onChange(safeSlideIndex);\n    }\n  }, [onChange, safeSlideIndex, slideIndex]);\n\n  return (\n    <BaseGallery\n      isDraggable={isDraggable}\n      {...props}\n      bullets={childCount > 0 && bullets}\n      slideIndex={safeSlideIndex}\n      onChange={handleChange}\n    >\n      {slides}\n    </BaseGallery>\n  );\n};\n"],"file":"Gallery.js"}
+{"version":3,"file":"Gallery.js","names":["Gallery","initialSlideIndex","children","timeout","onChange","bullets","props","React","useState","localSlideIndex","setSlideIndex","isControlled","slideIndex","isDraggable","Boolean","slides","useMemo","Children","toArray","filter","item","childCount","length","handleChange","useCallback","current","autoplay","useTimeout","useEffect","set","clear","safeSlideIndex","clamp"],"sources":["../../../../src/components/Gallery/Gallery.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { clamp } from \"../../helpers/math\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { BaseGallery } from \"../BaseGallery/BaseGallery\";\nimport { BaseGalleryProps } from \"../BaseGallery/types\";\n\nexport interface GalleryProps extends BaseGalleryProps {\n  initialSlideIndex?: number;\n  timeout?: number;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Gallery\n */\nexport const Gallery = ({\n  initialSlideIndex = 0,\n  children,\n  timeout = 0,\n  onChange,\n  bullets,\n  ...props\n}: GalleryProps) => {\n  const [localSlideIndex, setSlideIndex] = React.useState(initialSlideIndex);\n  const isControlled = typeof props.slideIndex === \"number\";\n  const slideIndex = isControlled ? props.slideIndex ?? 0 : localSlideIndex;\n  const isDraggable = !isControlled || Boolean(onChange);\n  const slides = React.useMemo(\n    () => React.Children.toArray(children).filter((item) => Boolean(item)),\n    [children]\n  );\n  const childCount = slides.length;\n\n  const handleChange: GalleryProps[\"onChange\"] = React.useCallback(\n    (current: number) => {\n      if (current === slideIndex) {\n        return;\n      }\n      !isControlled && setSlideIndex(current);\n      onChange && onChange(current);\n    },\n    [isControlled, onChange, slideIndex]\n  );\n\n  const autoplay = useTimeout(\n    () => handleChange((slideIndex + 1) % childCount),\n    timeout\n  );\n  React.useEffect(\n    () => (timeout ? autoplay.set() : autoplay.clear()),\n    [timeout, slideIndex, autoplay]\n  );\n\n  // prevent invalid slideIndex\n  // any slide index is invalid with no slides, just keep it as is\n  const safeSlideIndex =\n    childCount > 0 ? clamp(slideIndex, 0, childCount - 1) : slideIndex;\n  // notify parent in controlled mode\n  React.useEffect(() => {\n    if (onChange && safeSlideIndex !== slideIndex) {\n      onChange(safeSlideIndex);\n    }\n    setSlideIndex(safeSlideIndex);\n  }, [onChange, safeSlideIndex, slideIndex]);\n\n  return (\n    <BaseGallery\n      isDraggable={isDraggable}\n      {...props}\n      bullets={childCount > 0 && bullets}\n      slideIndex={safeSlideIndex}\n      onChange={handleChange}\n    >\n      {slides}\n    </BaseGallery>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAQA;AACA;AACA;AACO,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAOH;EAAA;;EAAA,iCANlBC,iBAMkB;EAAA,IANlBA,iBAMkB,sCANE,CAMF;EAAA,IALlBC,QAKkB,QALlBA,QAKkB;EAAA,wBAJlBC,OAIkB;EAAA,IAJlBA,OAIkB,6BAJR,CAIQ;EAAA,IAHlBC,QAGkB,QAHlBA,QAGkB;EAAA,IAFlBC,OAEkB,QAFlBA,OAEkB;EAAA,IADfC,KACe;;EAClB,sBAAyCC,KAAK,CAACC,QAAN,CAAeP,iBAAf,CAAzC;EAAA;EAAA,IAAOQ,eAAP;EAAA,IAAwBC,aAAxB;;EACA,IAAMC,YAAY,GAAG,OAAOL,KAAK,CAACM,UAAb,KAA4B,QAAjD;EACA,IAAMA,UAAU,GAAGD,YAAY,wBAAGL,KAAK,CAACM,UAAT,iEAAuB,CAAvB,GAA2BH,eAA1D;EACA,IAAMI,WAAW,GAAG,CAACF,YAAD,IAAiBG,OAAO,CAACV,QAAD,CAA5C;EACA,IAAMW,MAAM,GAAGR,KAAK,CAACS,OAAN,CACb;IAAA,OAAMT,KAAK,CAACU,QAAN,CAAeC,OAAf,CAAuBhB,QAAvB,EAAiCiB,MAAjC,CAAwC,UAACC,IAAD;MAAA,OAAUN,OAAO,CAACM,IAAD,CAAjB;IAAA,CAAxC,CAAN;EAAA,CADa,EAEb,CAAClB,QAAD,CAFa,CAAf;EAIA,IAAMmB,UAAU,GAAGN,MAAM,CAACO,MAA1B;EAEA,IAAMC,YAAsC,GAAGhB,KAAK,CAACiB,WAAN,CAC7C,UAACC,OAAD,EAAqB;IACnB,IAAIA,OAAO,KAAKb,UAAhB,EAA4B;MAC1B;IACD;;IACD,CAACD,YAAD,IAAiBD,aAAa,CAACe,OAAD,CAA9B;IACArB,QAAQ,IAAIA,QAAQ,CAACqB,OAAD,CAApB;EACD,CAP4C,EAQ7C,CAACd,YAAD,EAAeP,QAAf,EAAyBQ,UAAzB,CAR6C,CAA/C;EAWA,IAAMc,QAAQ,GAAG,IAAAC,sBAAA,EACf;IAAA,OAAMJ,YAAY,CAAC,CAACX,UAAU,GAAG,CAAd,IAAmBS,UAApB,CAAlB;EAAA,CADe,EAEflB,OAFe,CAAjB;EAIAI,KAAK,CAACqB,SAAN,CACE;IAAA,OAAOzB,OAAO,GAAGuB,QAAQ,CAACG,GAAT,EAAH,GAAoBH,QAAQ,CAACI,KAAT,EAAlC;EAAA,CADF,EAEE,CAAC3B,OAAD,EAAUS,UAAV,EAAsBc,QAAtB,CAFF,EA1BkB,CA+BlB;EACA;;EACA,IAAMK,cAAc,GAClBV,UAAU,GAAG,CAAb,GAAiB,IAAAW,WAAA,EAAMpB,UAAN,EAAkB,CAAlB,EAAqBS,UAAU,GAAG,CAAlC,CAAjB,GAAwDT,UAD1D,CAjCkB,CAmClB;;EACAL,KAAK,CAACqB,SAAN,CAAgB,YAAM;IACpB,IAAIxB,QAAQ,IAAI2B,cAAc,KAAKnB,UAAnC,EAA+C;MAC7CR,QAAQ,CAAC2B,cAAD,CAAR;IACD;;IACDrB,aAAa,CAACqB,cAAD,CAAb;EACD,CALD,EAKG,CAAC3B,QAAD,EAAW2B,cAAX,EAA2BnB,UAA3B,CALH;EAOA,OACE,qCAAC,wBAAD;IACE,WAAW,EAAEC;EADf,GAEMP,KAFN;IAGE,OAAO,EAAEe,UAAU,GAAG,CAAb,IAAkBhB,OAH7B;IAIE,UAAU,EAAE0B,cAJd;IAKE,QAAQ,EAAER;EALZ,IAOGR,MAPH,CADF;AAWD,CA7DM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Gradient/Gradient.tsx"],"names":["Gradient","mode","children","to","restProps"],"mappings":";;;;;;;;;;;;;;;AACA;;;;AAcA;AACA;AACA;AACO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAKH;AAAA,uBAJnBC,IAImB;AAAA,MAJnBA,IAImB,0BAJZ,MAIY;AAAA,MAHnBC,QAGmB,QAHnBA,QAGmB;AAAA,qBAFnBC,EAEmB;AAAA,MAFnBA,EAEmB,wBAFd,KAEc;AAAA,MADhBC,SACgB;AACnB,SACE;AACE,IAAA,IAAI,EAAC;AADP,KAEMA,SAFN;AAGE,IAAA,SAAS,EAAE,4BACT,UADS,yBAEOH,IAFP,0BAGOE,EAHP;AAHb,MASGD,QATH,CADF;AAaD,CAnBM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./Gradient.css\";\n\nexport interface GradientProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Тип градиента\n   */\n  mode?: \"tint\" | \"white\" | \"black\";\n  /**\n   * Направление градиента\n   */\n  to?: \"top\" | \"bottom\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Gradient\n */\nexport const Gradient = ({\n  mode = \"tint\",\n  children,\n  to = \"top\",\n  ...restProps\n}: GradientProps) => {\n  return (\n    <div\n      role=\"presentation\"\n      {...restProps}\n      vkuiClass={classNames(\n        \"Gradient\",\n        `Gradient--md-${mode}`,\n        `Gradient--to-${to}`\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n"],"file":"Gradient.js"}
+{"version":3,"file":"Gradient.js","names":["Gradient","mode","children","to","restProps","classNames"],"sources":["../../../../src/components/Gradient/Gradient.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./Gradient.css\";\n\nexport interface GradientProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Тип градиента\n   */\n  mode?: \"tint\" | \"white\" | \"black\";\n  /**\n   * Направление градиента\n   */\n  to?: \"top\" | \"bottom\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Gradient\n */\nexport const Gradient = ({\n  mode = \"tint\",\n  children,\n  to = \"top\",\n  ...restProps\n}: GradientProps) => {\n  return (\n    <div\n      role=\"presentation\"\n      {...restProps}\n      vkuiClass={classNames(\n        \"Gradient\",\n        `Gradient--md-${mode}`,\n        `Gradient--to-${to}`\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;;;AAcA;AACA;AACA;AACO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAKH;EAAA,qBAJnBC,IAImB;EAAA,IAJnBA,IAImB,0BAJZ,MAIY;EAAA,IAHnBC,QAGmB,QAHnBA,QAGmB;EAAA,mBAFnBC,EAEmB;EAAA,IAFnBA,EAEmB,wBAFd,KAEc;EAAA,IADhBC,SACgB;EACnB,OACE;IACE,IAAI,EAAC;EADP,GAEMA,SAFN;IAGE,SAAS,EAAE,IAAAC,sBAAA,EACT,UADS,yBAEOJ,IAFP,0BAGOE,EAHP;EAHb,IASGD,QATH,CADF;AAaD,CAnBM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/GridAvatar/GridAvatar.tsx"],"names":["MAX_GRID_LENGTH","warn","GridAvatar","src","restProps","process","env","NODE_ENV","length","map","url","index","backgroundImage"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;;AAcO,IAAMA,eAAe,GAAG,CAAxB;;AAEP,IAAMC,IAAI,GAAG,wBAAS,YAAT,CAAb;AAEA;AACA;AACA;;AACO,IAAMC,UAAU,GAAG,SAAbA,UAAa,OAAiD;AAAA,sBAA9CC,GAA8C;AAAA,MAA9CA,GAA8C,yBAAxC,EAAwC;AAAA,MAAjCC,SAAiC;;AACzE,MAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IAA0CJ,GAAG,CAACK,MAAJ,GAAaR,eAA3D,EAA4E;AAC1EC,IAAAA,IAAI,0FACoBE,GAAG,CAACK,MADxB,8HACwDR,eADxD,QAEF,OAFE,CAAJ;AAID;;AAED,SACE,qCAAC,cAAD,6BAAYI,SAAZ;AAAuB,IAAA,SAAS,EAAC;AAAjC,MACE;AAAK,IAAA,SAAS,EAAC,gBAAf;AAAgC,mBAAY;AAA5C,KACGD,GAAG,CAACM,GAAJ,CAAQ,UAACC,GAAD,EAAMC,KAAN;AAAA,WACPA,KAAK,GAAGX,eAAR,GACE;AACE,MAAA,GAAG,EAAEU,GADP;AAEE,MAAA,SAAS,EAAC,kBAFZ;AAGE,MAAA,KAAK,EAAE;AAAEE,QAAAA,eAAe,gBAASF,GAAT;AAAjB;AAHT,MADF,GAMI,IAPG;AAAA,GAAR,CADH,CADF,CADF;AAeD,CAvBM","sourcesContent":["import * as React from \"react\";\nimport { Avatar, AvatarProps } from \"../Avatar/Avatar\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { HasRootRef } from \"../../types\";\nimport \"./GridAvatar.css\";\n\nexport interface GridAvatarProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    Pick<AvatarProps, \"size\" | \"shadow\" | \"badge\"> {\n  /**\n   * Массив со ссылками. От 1 до 4 элементов.\n   */\n  src?: string[];\n}\n\nexport const MAX_GRID_LENGTH = 4;\n\nconst warn = warnOnce(\"GridAvatar\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/GridAvatar\n */\nexport const GridAvatar = ({ src = [], ...restProps }: GridAvatarProps) => {\n  if (process.env.NODE_ENV === \"development\" && src.length > MAX_GRID_LENGTH) {\n    warn(\n      `Длина массива src (${src.length}) больше максимальной (${MAX_GRID_LENGTH})`,\n      \"error\"\n    );\n  }\n\n  return (\n    <Avatar {...restProps} vkuiClass=\"GridAvatar\">\n      <div vkuiClass=\"GridAvatar__in\" aria-hidden=\"true\">\n        {src.map((url, index) =>\n          index < MAX_GRID_LENGTH ? (\n            <div\n              key={url}\n              vkuiClass=\"GridAvatar__item\"\n              style={{ backgroundImage: `url(${url})` }}\n            />\n          ) : null\n        )}\n      </div>\n    </Avatar>\n  );\n};\n"],"file":"GridAvatar.js"}
+{"version":3,"file":"GridAvatar.js","names":["MAX_GRID_LENGTH","warn","warnOnce","GridAvatar","src","restProps","process","env","NODE_ENV","length","map","url","index","backgroundImage"],"sources":["../../../../src/components/GridAvatar/GridAvatar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Avatar, AvatarProps } from \"../Avatar/Avatar\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { HasRootRef } from \"../../types\";\nimport \"./GridAvatar.css\";\n\nexport interface GridAvatarProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    Pick<AvatarProps, \"size\" | \"shadow\" | \"badge\"> {\n  /**\n   * Массив со ссылками. От 1 до 4 элементов.\n   */\n  src?: string[];\n}\n\nexport const MAX_GRID_LENGTH = 4;\n\nconst warn = warnOnce(\"GridAvatar\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/GridAvatar\n */\nexport const GridAvatar = ({ src = [], ...restProps }: GridAvatarProps) => {\n  if (process.env.NODE_ENV === \"development\" && src.length > MAX_GRID_LENGTH) {\n    warn(\n      `Длина массива src (${src.length}) больше максимальной (${MAX_GRID_LENGTH})`,\n      \"error\"\n    );\n  }\n\n  return (\n    <Avatar {...restProps} vkuiClass=\"GridAvatar\">\n      <div vkuiClass=\"GridAvatar__in\" aria-hidden=\"true\">\n        {src.map((url, index) =>\n          index < MAX_GRID_LENGTH ? (\n            <div\n              key={url}\n              vkuiClass=\"GridAvatar__item\"\n              style={{ backgroundImage: `url(${url})` }}\n            />\n          ) : null\n        )}\n      </div>\n    </Avatar>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;;AAcO,IAAMA,eAAe,GAAG,CAAxB;;AAEP,IAAMC,IAAI,GAAG,IAAAC,kBAAA,EAAS,YAAT,CAAb;AAEA;AACA;AACA;;AACO,IAAMC,UAAU,GAAG,SAAbA,UAAa,OAAiD;EAAA,oBAA9CC,GAA8C;EAAA,IAA9CA,GAA8C,yBAAxC,EAAwC;EAAA,IAAjCC,SAAiC;;EACzE,IAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IAA0CJ,GAAG,CAACK,MAAJ,GAAaT,eAA3D,EAA4E;IAC1EC,IAAI,0FACoBG,GAAG,CAACK,MADxB,8HACwDT,eADxD,QAEF,OAFE,CAAJ;EAID;;EAED,OACE,qCAAC,cAAD,6BAAYK,SAAZ;IAAuB,SAAS,EAAC;EAAjC,IACE;IAAK,SAAS,EAAC,gBAAf;IAAgC,eAAY;EAA5C,GACGD,GAAG,CAACM,GAAJ,CAAQ,UAACC,GAAD,EAAMC,KAAN;IAAA,OACPA,KAAK,GAAGZ,eAAR,GACE;MACE,GAAG,EAAEW,GADP;MAEE,SAAS,EAAC,kBAFZ;MAGE,KAAK,EAAE;QAAEE,eAAe,gBAASF,GAAT;MAAjB;IAHT,EADF,GAMI,IAPG;EAAA,CAAR,CADH,CADF,CADF;AAeD,CAvBM"}

package/dist/cjs/components/Group/Group.js

@@ -35,7 +35,7 @@ var _withAdaptivity = require("../../hoc/withAdaptivity");
 
 var _ModalRootContext = require("../ModalRoot/ModalRootContext");
 
-var _excluded = ["header", "description", "children", "separator", "getRootRef", "mode", "sizeX"];
+var _excluded = ["header", "description", "children", "separator", "getRootRef", "mode", "padding", "sizeX"];
 
 var GroupComponent = function GroupComponent(_ref) {
   var header = _ref.header,
@@ -45,6 +45,8 @@ var GroupComponent = function GroupComponent(_ref) {
       separator = _ref$separator === void 0 ? "auto" : _ref$separator,
       getRootRef = _ref.getRootRef,
       mode = _ref.mode,
+      _ref$padding = _ref.padding,
+      padding = _ref$padding === void 0 ? "m" : _ref$padding,
       sizeX = _ref.sizeX,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
@@ -73,7 +75,7 @@ var GroupComponent = function GroupComponent(_ref) {
   return (0, _jsxRuntime.createScopedElement)("section", (0, _extends2.default)({}, restProps, {
     ref: getRootRef,
     vkuiClass: (0, _classNames.classNames)("Group", platform === _platform.IOS && "Group--ios", // TODO v5.0.0 Новая адаптивность
-    "Group--sizeX-".concat(sizeX), "Group--".concat(computedMode))
+    "Group--sizeX-".concat(sizeX), "Group--".concat(computedMode), "Group--padding-".concat(padding))
   }), (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "Group__inner"
   }, header, children, (0, _utils.hasReactNode)(description) && (0, _jsxRuntime.createScopedElement)(_Caption.Caption, {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Group/Group.tsx"],"names":["GroupComponent","header","description","children","separator","getRootRef","mode","sizeX","restProps","React","useContext","ModalRootContext","isInsideModal","platform","computedMode","SizeType","COMPACT","separatorElement","separatorClassName","IOS","Group","displayName"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAKA;;;;AAyBA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OASL;AAAA,MARhBC,MAQgB,QARhBA,MAQgB;AAAA,MAPhBC,WAOgB,QAPhBA,WAOgB;AAAA,MANhBC,QAMgB,QANhBA,QAMgB;AAAA,4BALhBC,SAKgB;AAAA,MALhBA,SAKgB,+BALJ,MAKI;AAAA,MAJhBC,UAIgB,QAJhBA,UAIgB;AAAA,MAHhBC,IAGgB,QAHhBA,IAGgB;AAAA,MAFhBC,KAEgB,QAFhBA,KAEgB;AAAA,MADbC,SACa;;AAChB,0BAA0BC,KAAK,CAACC,UAAN,CAAiBC,kCAAjB,CAA1B;AAAA,MAAQC,aAAR,qBAAQA,aAAR;;AACA,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,MAAIC,YAAgC,GAAGR,IAAvC;;AAEA,MAAI,CAACA,IAAL,EAAW;AACTQ,IAAAA,YAAY,GACVP,KAAK,KAAKQ,yBAASC,OAAnB,IAA8BJ,aAA9B,GAA8C,OAA9C,GAAwD,MAD1D;AAED;;AAED,MAAIK,gBAAgB,GAAG,IAAvB;;AAEA,MAAIb,SAAS,KAAK,MAAlB,EAA0B;AACxB,QAAMc,kBAAkB,GAAG,4BACzB,kBADyB,EAEzBd,SAAS,KAAK,MAAd,IAAwB,yBAFC,CAA3B;AAIAa,IAAAA,gBAAgB,GACdH,YAAY,KAAK,MAAjB,GACE,qCAAC,gBAAD;AAAS,MAAA,SAAS,EAAEI,kBAApB;AAAwC,MAAA,IAAI,EAAE;AAA9C,MADF,GAGE,qCAAC,oBAAD;AAAW,MAAA,SAAS,EAAEA;AAAtB,MAJJ;AAMD;;AAED,SACE,2EACMV,SADN;AAEE,IAAA,GAAG,EAAEH,UAFP;AAGE,IAAA,SAAS,EAAE,4BACT,OADS,EAETQ,QAAQ,KAAKM,aAAb,IAAoB,YAFX,EAGT;AAHS,2BAIOZ,KAJP,oBAKCO,YALD;AAHb,MAWE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGb,MADH,EAEGE,QAFH,EAGG,yBAAaD,WAAb,KACC,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KAAyCA,WAAzC,CAJJ,CAXF,EAkBGe,gBAlBH,CADF;AAsBD,CAzDD;AA2DA;AACA;AACA;;;AACO,IAAMG,KAAK,GAAG,oCAAepB,cAAf,EAA+B;AAAEO,EAAAA,KAAK,EAAE;AAAT,CAA/B,CAAd;;AAEPa,KAAK,CAACC,WAAN,GAAoB,OAApB","sourcesContent":["import * as React from \"react\";\nimport { IOS } from \"../../lib/platform\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Spacing } from \"../Spacing/Spacing\";\nimport { Separator } from \"../Separator/Separator\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport {\n  withAdaptivity,\n  AdaptivityProps,\n  SizeType,\n} from \"../../hoc/withAdaptivity\";\nimport { ModalRootContext } from \"../ModalRoot/ModalRootContext\";\nimport \"./Group.css\";\n\nexport interface GroupProps\n  extends HasRootRef<HTMLElement>,\n    React.HTMLAttributes<HTMLElement>,\n    AdaptivityProps {\n  header?: React.ReactNode;\n  description?: React.ReactNode;\n  /**\n    show - разделитель всегда показывается,\n    hide – разделитель всегда спрятан,\n    auto – разделитель рисуется автоматически между соседними группами.\n   */\n  separator?: \"show\" | \"hide\" | \"auto\";\n  /**\n   * Режим отображения. Если установлен 'card', выглядит как карточка c\n   * обводкой и внешними отступами. Если 'plain' — без отступов и обводки.\n   * По умолчанию режим отображения зависит от `sizeX`. В модальных окнах\n   * по умолчанию 'plain'.\n   */\n  mode?: \"plain\" | \"card\";\n  children?: React.ReactNode;\n}\n\nconst GroupComponent = ({\n  header,\n  description,\n  children,\n  separator = \"auto\",\n  getRootRef,\n  mode,\n  sizeX,\n  ...restProps\n}: GroupProps) => {\n  const { isInsideModal } = React.useContext(ModalRootContext);\n  const platform = usePlatform();\n\n  let computedMode: GroupProps[\"mode\"] = mode;\n\n  if (!mode) {\n    computedMode =\n      sizeX === SizeType.COMPACT || isInsideModal ? \"plain\" : \"card\";\n  }\n\n  let separatorElement = null;\n\n  if (separator !== \"hide\") {\n    const separatorClassName = classNames(\n      \"Group__separator\",\n      separator === \"show\" && \"Group__separator--force\"\n    );\n    separatorElement =\n      computedMode === \"card\" ? (\n        <Spacing vkuiClass={separatorClassName} size={16} />\n      ) : (\n        <Separator vkuiClass={separatorClassName} />\n      );\n  }\n\n  return (\n    <section\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\n        \"Group\",\n        platform === IOS && \"Group--ios\",\n        // TODO v5.0.0 Новая адаптивность\n        `Group--sizeX-${sizeX}`,\n        `Group--${computedMode}`\n      )}\n    >\n      <div vkuiClass=\"Group__inner\">\n        {header}\n        {children}\n        {hasReactNode(description) && (\n          <Caption vkuiClass=\"Group__description\">{description}</Caption>\n        )}\n      </div>\n      {separatorElement}\n    </section>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Group\n */\nexport const Group = withAdaptivity(GroupComponent, { sizeX: true });\n\nGroup.displayName = \"Group\";\n"],"file":"Group.js"}
+{"version":3,"file":"Group.js","names":["GroupComponent","header","description","children","separator","getRootRef","mode","padding","sizeX","restProps","React","useContext","ModalRootContext","isInsideModal","platform","usePlatform","computedMode","SizeType","COMPACT","separatorElement","separatorClassName","classNames","IOS","hasReactNode","Group","withAdaptivity","displayName"],"sources":["../../../../src/components/Group/Group.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { IOS } from \"../../lib/platform\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Spacing } from \"../Spacing/Spacing\";\nimport { Separator } from \"../Separator/Separator\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport {\n  withAdaptivity,\n  AdaptivityProps,\n  SizeType,\n} from \"../../hoc/withAdaptivity\";\nimport { ModalRootContext } from \"../ModalRoot/ModalRootContext\";\nimport \"./Group.css\";\n\nexport interface GroupProps\n  extends HasRootRef<HTMLElement>,\n    React.HTMLAttributes<HTMLElement>,\n    AdaptivityProps {\n  header?: React.ReactNode;\n  description?: React.ReactNode;\n  /**\n    show - разделитель всегда показывается,\n    hide – разделитель всегда спрятан,\n    auto – разделитель рисуется автоматически между соседними группами.\n   */\n  separator?: \"show\" | \"hide\" | \"auto\";\n  /**\n   * Режим отображения. Если установлен 'card', выглядит как карточка c\n   * обводкой и внешними отступами. Если 'plain' — без отступов и обводки.\n   * По умолчанию режим отображения зависит от `sizeX`. В модальных окнах\n   * по умолчанию 'plain'.\n   */\n  mode?: \"plain\" | \"card\";\n  /**\n   * Отвечает за отступы вокруг контента в режиме 'card'.\n   */\n  padding?: \"s\" | \"m\";\n  children?: React.ReactNode;\n}\n\nconst GroupComponent = ({\n  header,\n  description,\n  children,\n  separator = \"auto\",\n  getRootRef,\n  mode,\n  padding = \"m\",\n  sizeX,\n  ...restProps\n}: GroupProps) => {\n  const { isInsideModal } = React.useContext(ModalRootContext);\n  const platform = usePlatform();\n\n  let computedMode: GroupProps[\"mode\"] = mode;\n\n  if (!mode) {\n    computedMode =\n      sizeX === SizeType.COMPACT || isInsideModal ? \"plain\" : \"card\";\n  }\n\n  let separatorElement = null;\n\n  if (separator !== \"hide\") {\n    const separatorClassName = classNames(\n      \"Group__separator\",\n      separator === \"show\" && \"Group__separator--force\"\n    );\n    separatorElement =\n      computedMode === \"card\" ? (\n        <Spacing vkuiClass={separatorClassName} size={16} />\n      ) : (\n        <Separator vkuiClass={separatorClassName} />\n      );\n  }\n\n  return (\n    <section\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\n        \"Group\",\n        platform === IOS && \"Group--ios\",\n        // TODO v5.0.0 Новая адаптивность\n        `Group--sizeX-${sizeX}`,\n        `Group--${computedMode}`,\n        `Group--padding-${padding}`\n      )}\n    >\n      <div vkuiClass=\"Group__inner\">\n        {header}\n        {children}\n        {hasReactNode(description) && (\n          <Caption vkuiClass=\"Group__description\">{description}</Caption>\n        )}\n      </div>\n      {separatorElement}\n    </section>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Group\n */\nexport const Group = withAdaptivity(GroupComponent, { sizeX: true });\n\nGroup.displayName = \"Group\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAKA;;;;AA6BA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAUL;EAAA,IAThBC,MASgB,QAThBA,MASgB;EAAA,IARhBC,WAQgB,QARhBA,WAQgB;EAAA,IAPhBC,QAOgB,QAPhBA,QAOgB;EAAA,0BANhBC,SAMgB;EAAA,IANhBA,SAMgB,+BANJ,MAMI;EAAA,IALhBC,UAKgB,QALhBA,UAKgB;EAAA,IAJhBC,IAIgB,QAJhBA,IAIgB;EAAA,wBAHhBC,OAGgB;EAAA,IAHhBA,OAGgB,6BAHN,GAGM;EAAA,IAFhBC,KAEgB,QAFhBA,KAEgB;EAAA,IADbC,SACa;;EAChB,wBAA0BC,KAAK,CAACC,UAAN,CAAiBC,kCAAjB,CAA1B;EAAA,IAAQC,aAAR,qBAAQA,aAAR;;EACA,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EAEA,IAAIC,YAAgC,GAAGV,IAAvC;;EAEA,IAAI,CAACA,IAAL,EAAW;IACTU,YAAY,GACVR,KAAK,KAAKS,wBAAA,CAASC,OAAnB,IAA8BL,aAA9B,GAA8C,OAA9C,GAAwD,MAD1D;EAED;;EAED,IAAIM,gBAAgB,GAAG,IAAvB;;EAEA,IAAIf,SAAS,KAAK,MAAlB,EAA0B;IACxB,IAAMgB,kBAAkB,GAAG,IAAAC,sBAAA,EACzB,kBADyB,EAEzBjB,SAAS,KAAK,MAAd,IAAwB,yBAFC,CAA3B;IAIAe,gBAAgB,GACdH,YAAY,KAAK,MAAjB,GACE,qCAAC,gBAAD;MAAS,SAAS,EAAEI,kBAApB;MAAwC,IAAI,EAAE;IAA9C,EADF,GAGE,qCAAC,oBAAD;MAAW,SAAS,EAAEA;IAAtB,EAJJ;EAMD;;EAED,OACE,2EACMX,SADN;IAEE,GAAG,EAAEJ,UAFP;IAGE,SAAS,EAAE,IAAAgB,sBAAA,EACT,OADS,EAETP,QAAQ,KAAKQ,aAAb,IAAoB,YAFX,EAGT;IAHS,uBAIOd,KAJP,oBAKCQ,YALD,4BAMST,OANT;EAHb,IAYE;IAAK,SAAS,EAAC;EAAf,GACGN,MADH,EAEGE,QAFH,EAGG,IAAAoB,mBAAA,EAAarB,WAAb,KACC,qCAAC,gBAAD;IAAS,SAAS,EAAC;EAAnB,GAAyCA,WAAzC,CAJJ,CAZF,EAmBGiB,gBAnBH,CADF;AAuBD,CA3DD;AA6DA;AACA;AACA;;;AACO,IAAMK,KAAK,GAAG,IAAAC,8BAAA,EAAezB,cAAf,EAA+B;EAAEQ,KAAK,EAAE;AAAT,CAA/B,CAAd;;AAEPgB,KAAK,CAACE,WAAN,GAAoB,OAApB"}

package/dist/cjs/components/Header/Header.js

@@ -13,8 +13,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _getClassName = require("../../helpers/getClassName");
-
 var _classNames = require("../../lib/classNames");
 
 var _usePlatform = require("../../hooks/usePlatform");
@@ -106,11 +104,8 @@ var Header = function Header(_ref2) {
   var AsideTypography = platform === _platform.Platform.VKCOM ? _Subhead.Subhead : _Text.Text;
   var SubtitleTypography = mode === "secondary" ? _Subhead.Subhead : _Caption.Caption;
   return (0, _jsxRuntime.createScopedElement)("header", (0, _extends2.default)({}, restProps, {
-    ref: getRootRef // eslint-disable-next-line vkui/no-object-expression-in-arguments
-    ,
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("Header", platform), "Header--mode-".concat(mode), {
-      "Header--pi": (0, _utils.isPrimitiveReactNode)(indicator)
-    })
+    ref: getRootRef,
+    vkuiClass: (0, _classNames.classNames)("Header", platform === _platform.Platform.VKCOM && "Header--vkcom", platform === _platform.Platform.ANDROID && "Header--android", platform === _platform.Platform.IOS && "Header--ios", "Header--mode-".concat(mode), (0, _utils.isPrimitiveReactNode)(indicator) && "Header--pi")
   }), (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "Header__main"
   }, (0, _jsxRuntime.createScopedElement)(HeaderContent, {
@@ -119,10 +114,7 @@ var Header = function Header(_ref2) {
     mode: mode,
     platform: platform
   }, (0, _jsxRuntime.createScopedElement)("span", {
-    // eslint-disable-next-line vkui/no-object-expression-in-arguments
-    vkuiClass: (0, _classNames.classNames)("Header__content-in", {
-      "Header__content-in--multiline": multiline
-    })
+    vkuiClass: (0, _classNames.classNames)("Header__content-in", multiline && "Header__content-in--multiline")
   }, children), (0, _utils.hasReactNode)(indicator) && (0, _jsxRuntime.createScopedElement)(_Caption.Caption, {
     vkuiClass: "Header__indicator",
     weight: mode === "primary" || mode === "secondary" ? "1" : undefined

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Header/Header.tsx"],"names":["HeaderContent","platform","mode","restProps","Platform","IOS","VKCOM","Header","children","subtitle","indicator","aside","getRootRef","multiline","AsideTypography","Subhead","Text","SubtitleTypography","Caption","undefined"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasComponent, HasPlatform, HasRootRef } from \"../../types\";\nimport { hasReactNode, isPrimitiveReactNode } from \"../../lib/utils\";\nimport { Platform } from \"../../lib/platform\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Title } from \"../Typography/Title/Title\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport \"./Header.css\";\n\nexport interface HeaderProps\n  extends React.HTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement> {\n  mode?: \"primary\" | \"secondary\" | \"tertiary\";\n  subtitle?: React.ReactNode;\n  /**\n   * Допускаются иконки, текст, Link\n   */\n  aside?: React.ReactNode;\n  /**\n   * Допускаются текст, Indicator\n   */\n  indicator?: React.ReactNode;\n  multiline?: boolean;\n}\n\ntype HeaderContentProps = Pick<HeaderProps, \"children\" | \"mode\"> &\n  HasPlatform &\n  HasComponent;\n\nconst HeaderContent = ({\n  platform,\n  mode,\n  ...restProps\n}: HeaderContentProps) => {\n  if (platform === Platform.IOS) {\n    switch (mode) {\n      case \"primary\":\n      case \"tertiary\":\n        return <Title weight=\"1\" level=\"3\" {...restProps} />;\n      case \"secondary\":\n        return <Caption weight=\"2\" caps {...restProps} />;\n    }\n  }\n\n  if (platform === Platform.VKCOM) {\n    switch (mode) {\n      case \"primary\":\n        return <Headline weight=\"3\" {...restProps} />;\n      case \"secondary\":\n      case \"tertiary\":\n        return <Caption {...restProps} />;\n    }\n  }\n\n  switch (mode) {\n    case \"primary\":\n    case \"tertiary\":\n      return <Headline weight=\"2\" {...restProps} />;\n    case \"secondary\":\n      return <Caption weight=\"1\" caps {...restProps} />;\n  }\n\n  return null;\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Header\n */\nexport const Header = ({\n  mode = \"primary\",\n  children,\n  subtitle,\n  indicator,\n  aside,\n  getRootRef,\n  multiline,\n  ...restProps\n}: HeaderProps) => {\n  const platform = usePlatform();\n\n  const AsideTypography = platform === Platform.VKCOM ? Subhead : Text;\n  const SubtitleTypography = mode === \"secondary\" ? Subhead : Caption;\n\n  return (\n    <header\n      {...restProps}\n      ref={getRootRef}\n      // eslint-disable-next-line vkui/no-object-expression-in-arguments\n      vkuiClass={classNames(\n        getClassName(\"Header\", platform),\n        `Header--mode-${mode}`,\n        { \"Header--pi\": isPrimitiveReactNode(indicator) }\n      )}\n    >\n      <div vkuiClass=\"Header__main\">\n        <HeaderContent\n          vkuiClass=\"Header__content\"\n          Component=\"span\"\n          mode={mode}\n          platform={platform}\n        >\n          <span\n            // eslint-disable-next-line vkui/no-object-expression-in-arguments\n            vkuiClass={classNames(\"Header__content-in\", {\n              \"Header__content-in--multiline\": multiline,\n            })}\n          >\n            {children}\n          </span>\n          {hasReactNode(indicator) && (\n            <Caption\n              vkuiClass=\"Header__indicator\"\n              weight={\n                mode === \"primary\" || mode === \"secondary\" ? \"1\" : undefined\n              }\n            >\n              {indicator}\n            </Caption>\n          )}\n        </HeaderContent>\n\n        {hasReactNode(subtitle) && (\n          <SubtitleTypography vkuiClass=\"Header__subtitle\" Component=\"span\">\n            {subtitle}\n          </SubtitleTypography>\n        )}\n      </div>\n\n      {hasReactNode(aside) && (\n        <AsideTypography vkuiClass=\"Header__aside\" Component=\"span\">\n          {aside}\n        </AsideTypography>\n      )}\n    </header>\n  );\n};\n"],"file":"Header.js"}
+{"version":3,"file":"Header.js","names":["HeaderContent","platform","mode","restProps","Platform","IOS","VKCOM","Header","children","subtitle","indicator","aside","getRootRef","multiline","usePlatform","AsideTypography","Subhead","Text","SubtitleTypography","Caption","classNames","ANDROID","isPrimitiveReactNode","hasReactNode","undefined"],"sources":["../../../../src/components/Header/Header.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasComponent, HasPlatform, HasRootRef } from \"../../types\";\nimport { hasReactNode, isPrimitiveReactNode } from \"../../lib/utils\";\nimport { Platform } from \"../../lib/platform\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Title } from \"../Typography/Title/Title\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport \"./Header.css\";\n\nexport interface HeaderProps\n  extends React.HTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement> {\n  mode?: \"primary\" | \"secondary\" | \"tertiary\";\n  subtitle?: React.ReactNode;\n  /**\n   * Допускаются иконки, текст, Link\n   */\n  aside?: React.ReactNode;\n  /**\n   * Допускаются текст, Indicator\n   */\n  indicator?: React.ReactNode;\n  multiline?: boolean;\n}\n\ntype HeaderContentProps = Pick<HeaderProps, \"children\" | \"mode\"> &\n  HasPlatform &\n  HasComponent;\n\nconst HeaderContent = ({\n  platform,\n  mode,\n  ...restProps\n}: HeaderContentProps) => {\n  if (platform === Platform.IOS) {\n    switch (mode) {\n      case \"primary\":\n      case \"tertiary\":\n        return <Title weight=\"1\" level=\"3\" {...restProps} />;\n      case \"secondary\":\n        return <Caption weight=\"2\" caps {...restProps} />;\n    }\n  }\n\n  if (platform === Platform.VKCOM) {\n    switch (mode) {\n      case \"primary\":\n        return <Headline weight=\"3\" {...restProps} />;\n      case \"secondary\":\n      case \"tertiary\":\n        return <Caption {...restProps} />;\n    }\n  }\n\n  switch (mode) {\n    case \"primary\":\n    case \"tertiary\":\n      return <Headline weight=\"2\" {...restProps} />;\n    case \"secondary\":\n      return <Caption weight=\"1\" caps {...restProps} />;\n  }\n\n  return null;\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Header\n */\nexport const Header = ({\n  mode = \"primary\",\n  children,\n  subtitle,\n  indicator,\n  aside,\n  getRootRef,\n  multiline,\n  ...restProps\n}: HeaderProps) => {\n  const platform = usePlatform();\n\n  const AsideTypography = platform === Platform.VKCOM ? Subhead : Text;\n  const SubtitleTypography = mode === \"secondary\" ? Subhead : Caption;\n\n  return (\n    <header\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\n        \"Header\",\n        platform === Platform.VKCOM && \"Header--vkcom\",\n        platform === Platform.ANDROID && \"Header--android\",\n        platform === Platform.IOS && \"Header--ios\",\n        `Header--mode-${mode}`,\n        isPrimitiveReactNode(indicator) && \"Header--pi\"\n      )}\n    >\n      <div vkuiClass=\"Header__main\">\n        <HeaderContent\n          vkuiClass=\"Header__content\"\n          Component=\"span\"\n          mode={mode}\n          platform={platform}\n        >\n          <span\n            vkuiClass={classNames(\n              \"Header__content-in\",\n              multiline && \"Header__content-in--multiline\"\n            )}\n          >\n            {children}\n          </span>\n          {hasReactNode(indicator) && (\n            <Caption\n              vkuiClass=\"Header__indicator\"\n              weight={\n                mode === \"primary\" || mode === \"secondary\" ? \"1\" : undefined\n              }\n            >\n              {indicator}\n            </Caption>\n          )}\n        </HeaderContent>\n\n        {hasReactNode(subtitle) && (\n          <SubtitleTypography vkuiClass=\"Header__subtitle\" Component=\"span\">\n            {subtitle}\n          </SubtitleTypography>\n        )}\n      </div>\n\n      {hasReactNode(aside) && (\n        <AsideTypography vkuiClass=\"Header__aside\" Component=\"span\">\n          {aside}\n        </AsideTypography>\n      )}\n    </header>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;AAuBA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,OAII;EAAA,IAHxBC,QAGwB,QAHxBA,QAGwB;EAAA,IAFxBC,IAEwB,QAFxBA,IAEwB;EAAA,IADrBC,SACqB;;EACxB,IAAIF,QAAQ,KAAKG,kBAAA,CAASC,GAA1B,EAA+B;IAC7B,QAAQH,IAAR;MACE,KAAK,SAAL;MACA,KAAK,UAAL;QACE,OAAO,qCAAC,YAAD;UAAO,MAAM,EAAC,GAAd;UAAkB,KAAK,EAAC;QAAxB,GAAgCC,SAAhC,EAAP;;MACF,KAAK,WAAL;QACE,OAAO,qCAAC,gBAAD;UAAS,MAAM,EAAC,GAAhB;UAAoB,IAAI;QAAxB,GAA6BA,SAA7B,EAAP;IALJ;EAOD;;EAED,IAAIF,QAAQ,KAAKG,kBAAA,CAASE,KAA1B,EAAiC;IAC/B,QAAQJ,IAAR;MACE,KAAK,SAAL;QACE,OAAO,qCAAC,kBAAD;UAAU,MAAM,EAAC;QAAjB,GAAyBC,SAAzB,EAAP;;MACF,KAAK,WAAL;MACA,KAAK,UAAL;QACE,OAAO,qCAAC,gBAAD,EAAaA,SAAb,CAAP;IALJ;EAOD;;EAED,QAAQD,IAAR;IACE,KAAK,SAAL;IACA,KAAK,UAAL;MACE,OAAO,qCAAC,kBAAD;QAAU,MAAM,EAAC;MAAjB,GAAyBC,SAAzB,EAAP;;IACF,KAAK,WAAL;MACE,OAAO,qCAAC,gBAAD;QAAS,MAAM,EAAC,GAAhB;QAAoB,IAAI;MAAxB,GAA6BA,SAA7B,EAAP;EALJ;;EAQA,OAAO,IAAP;AACD,CAlCD;AAoCA;AACA;AACA;;;AACO,IAAMI,MAAM,GAAG,SAATA,MAAS,QASH;EAAA,uBARjBL,IAQiB;EAAA,IARjBA,IAQiB,2BARV,SAQU;EAAA,IAPjBM,QAOiB,SAPjBA,QAOiB;EAAA,IANjBC,QAMiB,SANjBA,QAMiB;EAAA,IALjBC,SAKiB,SALjBA,SAKiB;EAAA,IAJjBC,KAIiB,SAJjBA,KAIiB;EAAA,IAHjBC,UAGiB,SAHjBA,UAGiB;EAAA,IAFjBC,SAEiB,SAFjBA,SAEiB;EAAA,IADdV,SACc;EACjB,IAAMF,QAAQ,GAAG,IAAAa,wBAAA,GAAjB;EAEA,IAAMC,eAAe,GAAGd,QAAQ,KAAKG,kBAAA,CAASE,KAAtB,GAA8BU,gBAA9B,GAAwCC,UAAhE;EACA,IAAMC,kBAAkB,GAAGhB,IAAI,KAAK,WAAT,GAAuBc,gBAAvB,GAAiCG,gBAA5D;EAEA,OACE,0EACMhB,SADN;IAEE,GAAG,EAAES,UAFP;IAGE,SAAS,EAAE,IAAAQ,sBAAA,EACT,QADS,EAETnB,QAAQ,KAAKG,kBAAA,CAASE,KAAtB,IAA+B,eAFtB,EAGTL,QAAQ,KAAKG,kBAAA,CAASiB,OAAtB,IAAiC,iBAHxB,EAITpB,QAAQ,KAAKG,kBAAA,CAASC,GAAtB,IAA6B,aAJpB,yBAKOH,IALP,GAMT,IAAAoB,2BAAA,EAAqBZ,SAArB,KAAmC,YAN1B;EAHb,IAYE;IAAK,SAAS,EAAC;EAAf,GACE,qCAAC,aAAD;IACE,SAAS,EAAC,iBADZ;IAEE,SAAS,EAAC,MAFZ;IAGE,IAAI,EAAER,IAHR;IAIE,QAAQ,EAAED;EAJZ,GAME;IACE,SAAS,EAAE,IAAAmB,sBAAA,EACT,oBADS,EAETP,SAAS,IAAI,+BAFJ;EADb,GAMGL,QANH,CANF,EAcG,IAAAe,mBAAA,EAAab,SAAb,KACC,qCAAC,gBAAD;IACE,SAAS,EAAC,mBADZ;IAEE,MAAM,EACJR,IAAI,KAAK,SAAT,IAAsBA,IAAI,KAAK,WAA/B,GAA6C,GAA7C,GAAmDsB;EAHvD,GAMGd,SANH,CAfJ,CADF,EA2BG,IAAAa,mBAAA,EAAad,QAAb,KACC,qCAAC,kBAAD;IAAoB,SAAS,EAAC,kBAA9B;IAAiD,SAAS,EAAC;EAA3D,GACGA,QADH,CA5BJ,CAZF,EA8CG,IAAAc,mBAAA,EAAaZ,KAAb,KACC,qCAAC,eAAD;IAAiB,SAAS,EAAC,eAA3B;IAA2C,SAAS,EAAC;EAArD,GACGA,KADH,CA/CJ,CADF;AAsDD,CArEM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/HorizontalCell/HorizontalCell.tsx"],"names":["CellTypography","size","children","restProps","HorizontalCell","className","header","style","subtitle","getRootRef","getRef"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;AAQA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAII;AAAA,MAHzBC,IAGyB,QAHzBA,IAGyB;AAAA,MAFzBC,QAEyB,QAFzBA,QAEyB;AAAA,MADtBC,SACsB;AACzB,SAAOF,IAAI,KAAK,GAAT,GACL,qCAAC,gBAAD;AAAS,IAAA,KAAK,EAAC;AAAf,KAAuBE,SAAvB,GACGD,QADH,CADK,GAKL,qCAAC,gBAAD,EAAaC,SAAb,EAAyBD,QAAzB,CALF;AAOD,CAZD;;AAyBA;AACA;AACA;AACO,IAAME,cAAc,GAAG,SAAjBA,cAAiB,QAUH;AAAA,MATzBC,SASyB,SATzBA,SASyB;AAAA,MARzBC,MAQyB,SARzBA,MAQyB;AAAA,MAPzBC,KAOyB,SAPzBA,KAOyB;AAAA,MANzBC,QAMyB,SANzBA,QAMyB;AAAA,yBALzBP,IAKyB;AAAA,MALzBA,IAKyB,2BALlB,GAKkB;AAAA,6BAJzBC,QAIyB;AAAA,MAJzBA,QAIyB,+BAJd,qCAAC,cAAD;AAAQ,IAAA,IAAI,EAAE;AAAd,IAIc;AAAA,MAHzBO,UAGyB,SAHzBA,UAGyB;AAAA,MAFzBC,MAEyB,SAFzBA,MAEyB;AAAA,MADtBP,SACsB;AACzB,SACE;AACE,IAAA,SAAS,EAAE,4BAAW,gBAAX,4BAAgDF,IAAhD,EADb;AAEE,IAAA,GAAG,EAAEQ,UAFP;AAGE,IAAA,KAAK,EAAEF,KAHT;AAIE,IAAA,SAAS,EAAEF;AAJb,KAME,qCAAC,kBAAD;AACE,IAAA,SAAS,EAAC,sBADZ;AAEE,IAAA,UAAU,EAAEK;AAFd,KAGMP,SAHN,GAKG,yBAAaD,QAAb,KACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAAwCA,QAAxC,CANJ,EAQE;AAAK,IAAA,SAAS,EAAC;AAAf,KACG,yBAAaI,MAAb,KACC,qCAAC,cAAD;AAAgB,IAAA,IAAI,EAAEL,IAAtB;AAA4B,IAAA,SAAS,EAAC;AAAtC,KACGK,MADH,CAFJ,EAMG,yBAAaE,QAAb,KACC,qCAAC,kBAAD;AAAU,IAAA,SAAS,EAAC;AAApB,KAAgDA,QAAhD,CAPJ,CARF,CANF,CADF;AA4BD,CAvCM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { Avatar } from \"../Avatar/Avatar\";\nimport { HasComponent, HasRef, HasRootRef } from \"../../types\";\nimport \"./HorizontalCell.css\";\n\ninterface CellTypographyProps extends React.HTMLAttributes<HTMLDivElement> {\n  size: HorizontalCellProps[\"size\"];\n}\n\nconst CellTypography = ({\n  size,\n  children,\n  ...restProps\n}: CellTypographyProps) => {\n  return size === \"s\" ? (\n    <Caption level=\"2\" {...restProps}>\n      {children}\n    </Caption>\n  ) : (\n    <Subhead {...restProps}>{children}</Subhead>\n  );\n};\n\nexport interface HorizontalCellProps\n  extends React.AnchorHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLDivElement>,\n    HasComponent {\n  size?: \"s\" | \"m\" | \"l\";\n  header?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  disabled?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/HorizontalCell\n */\nexport const HorizontalCell = ({\n  className,\n  header,\n  style,\n  subtitle,\n  size = \"s\",\n  children = <Avatar size={56} />,\n  getRootRef,\n  getRef,\n  ...restProps\n}: HorizontalCellProps) => {\n  return (\n    <div\n      vkuiClass={classNames(\"HorizontalCell\", `HorizontalCell--${size}`)}\n      ref={getRootRef}\n      style={style}\n      className={className}\n    >\n      <Tappable\n        vkuiClass=\"HorizontalCell__body\"\n        getRootRef={getRef}\n        {...restProps}\n      >\n        {hasReactNode(children) && (\n          <div vkuiClass=\"HorizontalCell__image\">{children}</div>\n        )}\n        <div vkuiClass=\"HorizontalCell__content\">\n          {hasReactNode(header) && (\n            <CellTypography size={size} vkuiClass=\"HorizontalCell__title\">\n              {header}\n            </CellTypography>\n          )}\n          {hasReactNode(subtitle) && (\n            <Footnote vkuiClass=\"HorizontalCell__subtitle\">{subtitle}</Footnote>\n          )}\n        </div>\n      </Tappable>\n    </div>\n  );\n};\n"],"file":"HorizontalCell.js"}
+{"version":3,"file":"HorizontalCell.js","names":["CellTypography","size","children","restProps","HorizontalCell","className","header","style","subtitle","getRootRef","getRef","classNames","hasReactNode"],"sources":["../../../../src/components/HorizontalCell/HorizontalCell.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { Avatar } from \"../Avatar/Avatar\";\nimport { HasComponent, HasRef, HasRootRef } from \"../../types\";\nimport \"./HorizontalCell.css\";\n\ninterface CellTypographyProps extends React.HTMLAttributes<HTMLDivElement> {\n  size: HorizontalCellProps[\"size\"];\n}\n\nconst CellTypography = ({\n  size,\n  children,\n  ...restProps\n}: CellTypographyProps) => {\n  return size === \"s\" ? (\n    <Caption level=\"2\" {...restProps}>\n      {children}\n    </Caption>\n  ) : (\n    <Subhead {...restProps}>{children}</Subhead>\n  );\n};\n\nexport interface HorizontalCellProps\n  extends React.AnchorHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLDivElement>,\n    HasComponent {\n  size?: \"s\" | \"m\" | \"l\";\n  header?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  disabled?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/HorizontalCell\n */\nexport const HorizontalCell = ({\n  className,\n  header,\n  style,\n  subtitle,\n  size = \"s\",\n  children = <Avatar size={56} />,\n  getRootRef,\n  getRef,\n  ...restProps\n}: HorizontalCellProps) => {\n  return (\n    <div\n      vkuiClass={classNames(\"HorizontalCell\", `HorizontalCell--${size}`)}\n      ref={getRootRef}\n      style={style}\n      className={className}\n    >\n      <Tappable\n        vkuiClass=\"HorizontalCell__body\"\n        getRootRef={getRef}\n        {...restProps}\n      >\n        {hasReactNode(children) && (\n          <div vkuiClass=\"HorizontalCell__image\">{children}</div>\n        )}\n        <div vkuiClass=\"HorizontalCell__content\">\n          {hasReactNode(header) && (\n            <CellTypography size={size} vkuiClass=\"HorizontalCell__title\">\n              {header}\n            </CellTypography>\n          )}\n          {hasReactNode(subtitle) && (\n            <Footnote vkuiClass=\"HorizontalCell__subtitle\">{subtitle}</Footnote>\n          )}\n        </div>\n      </Tappable>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;AAQA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAII;EAAA,IAHzBC,IAGyB,QAHzBA,IAGyB;EAAA,IAFzBC,QAEyB,QAFzBA,QAEyB;EAAA,IADtBC,SACsB;EACzB,OAAOF,IAAI,KAAK,GAAT,GACL,qCAAC,gBAAD;IAAS,KAAK,EAAC;EAAf,GAAuBE,SAAvB,GACGD,QADH,CADK,GAKL,qCAAC,gBAAD,EAAaC,SAAb,EAAyBD,QAAzB,CALF;AAOD,CAZD;;AAyBA;AACA;AACA;AACO,IAAME,cAAc,GAAG,SAAjBA,cAAiB,QAUH;EAAA,IATzBC,SASyB,SATzBA,SASyB;EAAA,IARzBC,MAQyB,SARzBA,MAQyB;EAAA,IAPzBC,KAOyB,SAPzBA,KAOyB;EAAA,IANzBC,QAMyB,SANzBA,QAMyB;EAAA,uBALzBP,IAKyB;EAAA,IALzBA,IAKyB,2BALlB,GAKkB;EAAA,2BAJzBC,QAIyB;EAAA,IAJzBA,QAIyB,+BAJd,qCAAC,cAAD;IAAQ,IAAI,EAAE;EAAd,EAIc;EAAA,IAHzBO,UAGyB,SAHzBA,UAGyB;EAAA,IAFzBC,MAEyB,SAFzBA,MAEyB;EAAA,IADtBP,SACsB;EACzB,OACE;IACE,SAAS,EAAE,IAAAQ,sBAAA,EAAW,gBAAX,4BAAgDV,IAAhD,EADb;IAEE,GAAG,EAAEQ,UAFP;IAGE,KAAK,EAAEF,KAHT;IAIE,SAAS,EAAEF;EAJb,GAME,qCAAC,kBAAD;IACE,SAAS,EAAC,sBADZ;IAEE,UAAU,EAAEK;EAFd,GAGMP,SAHN,GAKG,IAAAS,mBAAA,EAAaV,QAAb,KACC;IAAK,SAAS,EAAC;EAAf,GAAwCA,QAAxC,CANJ,EAQE;IAAK,SAAS,EAAC;EAAf,GACG,IAAAU,mBAAA,EAAaN,MAAb,KACC,qCAAC,cAAD;IAAgB,IAAI,EAAEL,IAAtB;IAA4B,SAAS,EAAC;EAAtC,GACGK,MADH,CAFJ,EAMG,IAAAM,mBAAA,EAAaJ,QAAb,KACC,qCAAC,kBAAD;IAAU,SAAS,EAAC;EAApB,GAAgDA,QAAhD,CAPJ,CARF,CANF,CADF;AA4BD,CAvCM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/HorizontalScroll/HorizontalScroll.tsx"],"names":["now","performance","Date","roundUpElementScrollLeft","el","Math","ceil","scrollLeft","SCROLL_ONE_FRAME_TIME","doScroll","scrollElement","getScrollPosition","animationQueue","onScrollToRightBorder","onScrollEnd","onScrollStart","initialScrollWidth","scrollAnimationDuration","maxLeft","offsetWidth","startLeft","endLeft","startTime","scroll","time","elapsed","min","value","currentLeft","max","requestAnimationFrame","shift","length","HorizontalScrollComponent","children","getScrollToLeft","getScrollToRight","showArrows","arrowSize","hasMouse","getRef","restProps","React","useState","canScrollLeft","setCanScrollLeft","canScrollRight","setCanScrollRight","isCustomScrollingRef","useRef","scrollerRef","scrollTo","useCallback","current","push","firstElementChild","scrollWidth","scrollToLeft","i","scrollToRight","onscroll","scrollEvent","useEffect","add","HorizontalScroll","displayName"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { HorizontalScrollArrow } from \"./HorizontalScrollArrow\";\nimport { easeInOutSine } from \"../../lib/fx\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { HasRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./HorizontalScroll.css\";\n\ninterface ScrollContext {\n  scrollElement: HTMLElement | null;\n  scrollAnimationDuration: number;\n  animationQueue: VoidFunction[];\n  getScrollPosition: (currentPosition: number) => number;\n  onScrollToRightBorder: VoidFunction;\n  onScrollEnd: VoidFunction;\n  onScrollStart: VoidFunction;\n  /**\n   * Начальная ширина прокрутки.\n   * В некоторых случаях может отличаться от текущей ширины прокрутки из-за transforms: translate\n   */\n  initialScrollWidth: number;\n}\n\nexport type ScrollPositionHandler = (currentPosition: number) => number;\n\nexport interface HorizontalScrollProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    AdaptivityProps,\n    HasRef<HTMLDivElement> {\n  /**\n   * Функция для расчета величины прокрутки при клике на левую стрелку.\n   */\n  getScrollToLeft?: ScrollPositionHandler;\n  /**\n   * Функция для расчета величины прокрутки при клике на правую стрелку.\n   */\n  getScrollToRight?: ScrollPositionHandler;\n  arrowSize?: \"m\" | \"l\";\n  showArrows?: boolean | \"always\";\n  scrollAnimationDuration?: number;\n}\n\n/**\n * timing method\n */\nfunction now() {\n  return performance && performance.now ? performance.now() : Date.now();\n}\n\n/**\n * Округляем el.scrollLeft\n * https://github.com/VKCOM/VKUI/pull/2445\n */\nconst roundUpElementScrollLeft = (el: HTMLElement) => Math.ceil(el.scrollLeft);\n\n/**\n * Код анимации скрола, на основе полифила: https://github.com/iamdustan/smoothscroll\n * Константа взята из полифила (468), на дизайн-ревью уточнили до 250\n * @var {number} SCROLL_ONE_FRAME_TIME время анимации скролла\n */\nconst SCROLL_ONE_FRAME_TIME = 250;\n\nfunction doScroll({\n  scrollElement,\n  getScrollPosition,\n  animationQueue,\n  onScrollToRightBorder,\n  onScrollEnd,\n  onScrollStart,\n  initialScrollWidth,\n  scrollAnimationDuration = SCROLL_ONE_FRAME_TIME,\n}: ScrollContext) {\n  if (!scrollElement || !getScrollPosition) {\n    return;\n  }\n\n  /**\n   * максимальное значение сдвига влево\n   */\n  const maxLeft = initialScrollWidth - scrollElement.offsetWidth;\n\n  let startLeft = roundUpElementScrollLeft(scrollElement);\n  let endLeft = getScrollPosition(startLeft);\n\n  onScrollStart();\n\n  if (endLeft >= maxLeft) {\n    onScrollToRightBorder();\n    endLeft = maxLeft;\n  }\n\n  const startTime = now();\n\n  (function scroll() {\n    if (!scrollElement) {\n      onScrollEnd();\n      return;\n    }\n\n    const time = now();\n    const elapsed = Math.min((time - startTime) / scrollAnimationDuration, 1);\n\n    const value = easeInOutSine(elapsed);\n\n    const currentLeft = startLeft + (endLeft - startLeft) * value;\n    scrollElement.scrollLeft = Math.ceil(currentLeft);\n\n    if (\n      roundUpElementScrollLeft(scrollElement) !== Math.max(0, endLeft) &&\n      elapsed !== 1\n    ) {\n      requestAnimationFrame(scroll);\n      return;\n    }\n\n    onScrollEnd();\n    animationQueue.shift();\n    if (animationQueue.length > 0) {\n      animationQueue[0]();\n    }\n  })();\n}\n\nconst HorizontalScrollComponent = ({\n  children,\n  getScrollToLeft,\n  getScrollToRight,\n  showArrows = true,\n  arrowSize = \"l\",\n  scrollAnimationDuration = SCROLL_ONE_FRAME_TIME,\n  hasMouse,\n  getRef,\n  ...restProps\n}: HorizontalScrollProps) => {\n  const [canScrollLeft, setCanScrollLeft] = React.useState(false);\n  const [canScrollRight, setCanScrollRight] = React.useState(false);\n\n  const isCustomScrollingRef = React.useRef(false);\n\n  const scrollerRef = useExternRef(getRef);\n\n  const animationQueue = React.useRef<VoidFunction[]>([]);\n\n  const scrollTo = React.useCallback(\n    (getScrollPosition: ScrollPositionHandler) => {\n      const scrollElement = scrollerRef.current;\n\n      animationQueue.current.push(() =>\n        doScroll({\n          scrollElement,\n          getScrollPosition,\n          animationQueue: animationQueue.current,\n          onScrollToRightBorder: () => setCanScrollRight(false),\n          onScrollEnd: () => (isCustomScrollingRef.current = false),\n          onScrollStart: () => (isCustomScrollingRef.current = true),\n          initialScrollWidth:\n            scrollElement?.firstElementChild?.scrollWidth || 0,\n          scrollAnimationDuration,\n        })\n      );\n      if (animationQueue.current.length === 1) {\n        animationQueue.current[0]();\n      }\n    },\n    [scrollAnimationDuration, scrollerRef]\n  );\n\n  const scrollToLeft = React.useCallback(() => {\n    const getScrollPosition =\n      getScrollToLeft ?? ((i: number) => i - scrollerRef.current!.offsetWidth);\n    scrollTo(getScrollPosition);\n  }, [getScrollToLeft, scrollTo, scrollerRef]);\n\n  const scrollToRight = React.useCallback(() => {\n    const getScrollPosition =\n      getScrollToRight ?? ((i: number) => i + scrollerRef.current!.offsetWidth);\n    scrollTo(getScrollPosition);\n  }, [getScrollToRight, scrollTo, scrollerRef]);\n\n  const onscroll = React.useCallback(() => {\n    if (\n      showArrows &&\n      hasMouse &&\n      scrollerRef.current &&\n      !isCustomScrollingRef.current\n    ) {\n      const scrollElement = scrollerRef.current;\n\n      setCanScrollLeft(scrollElement.scrollLeft > 0);\n      setCanScrollRight(\n        roundUpElementScrollLeft(scrollElement) + scrollElement.offsetWidth <\n          scrollElement.scrollWidth\n      );\n    }\n  }, [hasMouse, scrollerRef, showArrows]);\n\n  const scrollEvent = useEventListener(\"scroll\", onscroll);\n  React.useEffect(() => {\n    if (scrollerRef.current) {\n      scrollEvent.add(scrollerRef.current);\n    }\n  }, [scrollEvent, scrollerRef]);\n  React.useEffect(onscroll, [scrollerRef, children, onscroll]);\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        \"HorizontalScroll\",\n        showArrows === \"always\" && \"HorizontalScroll--withConstArrows\"\n      )}\n    >\n      {showArrows && hasMouse && canScrollLeft && (\n        <HorizontalScrollArrow\n          size={arrowSize}\n          direction=\"left\"\n          vkuiClass=\"HorizontalScroll__arrowLeft\"\n          onClick={scrollToLeft}\n        />\n      )}\n      {showArrows && hasMouse && canScrollRight && (\n        <HorizontalScrollArrow\n          size={arrowSize}\n          direction=\"right\"\n          vkuiClass=\"HorizontalScroll__arrowRight\"\n          onClick={scrollToRight}\n        />\n      )}\n      <div vkuiClass=\"HorizontalScroll__in\" ref={scrollerRef}>\n        <div vkuiClass=\"HorizontalScroll__in-wrapper\">{children}</div>\n      </div>\n    </div>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/HorizontalScroll\n */\nexport const HorizontalScroll = withAdaptivity(HorizontalScrollComponent, {\n  hasMouse: true,\n});\n\nHorizontalScroll.displayName = \"HorizontalScroll\";\n"],"file":"HorizontalScroll.js"}
+{"version":3,"file":"HorizontalScroll.js","names":["now","performance","Date","roundUpElementScrollLeft","el","Math","ceil","scrollLeft","SCROLL_ONE_FRAME_TIME","doScroll","scrollElement","getScrollPosition","animationQueue","onScrollToRightBorder","onScrollEnd","onScrollStart","initialScrollWidth","scrollAnimationDuration","maxLeft","offsetWidth","startLeft","endLeft","startTime","scroll","time","elapsed","min","value","easeInOutSine","currentLeft","max","requestAnimationFrame","shift","length","HorizontalScrollComponent","children","getScrollToLeft","getScrollToRight","showArrows","arrowSize","hasMouse","getRef","restProps","React","useState","canScrollLeft","setCanScrollLeft","canScrollRight","setCanScrollRight","isCustomScrollingRef","useRef","scrollerRef","useExternRef","scrollTo","useCallback","current","push","firstElementChild","scrollWidth","scrollToLeft","i","scrollToRight","onscroll","scrollEvent","useEventListener","useEffect","add","classNames","HorizontalScroll","withAdaptivity","displayName"],"sources":["../../../../src/components/HorizontalScroll/HorizontalScroll.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { HorizontalScrollArrow } from \"./HorizontalScrollArrow\";\nimport { easeInOutSine } from \"../../lib/fx\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { HasRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./HorizontalScroll.css\";\n\ninterface ScrollContext {\n  scrollElement: HTMLElement | null;\n  scrollAnimationDuration: number;\n  animationQueue: VoidFunction[];\n  getScrollPosition: (currentPosition: number) => number;\n  onScrollToRightBorder: VoidFunction;\n  onScrollEnd: VoidFunction;\n  onScrollStart: VoidFunction;\n  /**\n   * Начальная ширина прокрутки.\n   * В некоторых случаях может отличаться от текущей ширины прокрутки из-за transforms: translate\n   */\n  initialScrollWidth: number;\n}\n\nexport type ScrollPositionHandler = (currentPosition: number) => number;\n\nexport interface HorizontalScrollProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    AdaptivityProps,\n    HasRef<HTMLDivElement> {\n  /**\n   * Функция для расчета величины прокрутки при клике на левую стрелку.\n   */\n  getScrollToLeft?: ScrollPositionHandler;\n  /**\n   * Функция для расчета величины прокрутки при клике на правую стрелку.\n   */\n  getScrollToRight?: ScrollPositionHandler;\n  arrowSize?: \"m\" | \"l\";\n  showArrows?: boolean | \"always\";\n  scrollAnimationDuration?: number;\n}\n\n/**\n * timing method\n */\nfunction now() {\n  return performance && performance.now ? performance.now() : Date.now();\n}\n\n/**\n * Округляем el.scrollLeft\n * https://github.com/VKCOM/VKUI/pull/2445\n */\nconst roundUpElementScrollLeft = (el: HTMLElement) => Math.ceil(el.scrollLeft);\n\n/**\n * Код анимации скрола, на основе полифила: https://github.com/iamdustan/smoothscroll\n * Константа взята из полифила (468), на дизайн-ревью уточнили до 250\n * @var {number} SCROLL_ONE_FRAME_TIME время анимации скролла\n */\nconst SCROLL_ONE_FRAME_TIME = 250;\n\nfunction doScroll({\n  scrollElement,\n  getScrollPosition,\n  animationQueue,\n  onScrollToRightBorder,\n  onScrollEnd,\n  onScrollStart,\n  initialScrollWidth,\n  scrollAnimationDuration = SCROLL_ONE_FRAME_TIME,\n}: ScrollContext) {\n  if (!scrollElement || !getScrollPosition) {\n    return;\n  }\n\n  /**\n   * максимальное значение сдвига влево\n   */\n  const maxLeft = initialScrollWidth - scrollElement.offsetWidth;\n\n  let startLeft = roundUpElementScrollLeft(scrollElement);\n  let endLeft = getScrollPosition(startLeft);\n\n  onScrollStart();\n\n  if (endLeft >= maxLeft) {\n    onScrollToRightBorder();\n    endLeft = maxLeft;\n  }\n\n  const startTime = now();\n\n  (function scroll() {\n    if (!scrollElement) {\n      onScrollEnd();\n      return;\n    }\n\n    const time = now();\n    const elapsed = Math.min((time - startTime) / scrollAnimationDuration, 1);\n\n    const value = easeInOutSine(elapsed);\n\n    const currentLeft = startLeft + (endLeft - startLeft) * value;\n    scrollElement.scrollLeft = Math.ceil(currentLeft);\n\n    if (\n      roundUpElementScrollLeft(scrollElement) !== Math.max(0, endLeft) &&\n      elapsed !== 1\n    ) {\n      requestAnimationFrame(scroll);\n      return;\n    }\n\n    onScrollEnd();\n    animationQueue.shift();\n    if (animationQueue.length > 0) {\n      animationQueue[0]();\n    }\n  })();\n}\n\nconst HorizontalScrollComponent = ({\n  children,\n  getScrollToLeft,\n  getScrollToRight,\n  showArrows = true,\n  arrowSize = \"l\",\n  scrollAnimationDuration = SCROLL_ONE_FRAME_TIME,\n  hasMouse,\n  getRef,\n  ...restProps\n}: HorizontalScrollProps) => {\n  const [canScrollLeft, setCanScrollLeft] = React.useState(false);\n  const [canScrollRight, setCanScrollRight] = React.useState(false);\n\n  const isCustomScrollingRef = React.useRef(false);\n\n  const scrollerRef = useExternRef(getRef);\n\n  const animationQueue = React.useRef<VoidFunction[]>([]);\n\n  const scrollTo = React.useCallback(\n    (getScrollPosition: ScrollPositionHandler) => {\n      const scrollElement = scrollerRef.current;\n\n      animationQueue.current.push(() =>\n        doScroll({\n          scrollElement,\n          getScrollPosition,\n          animationQueue: animationQueue.current,\n          onScrollToRightBorder: () => setCanScrollRight(false),\n          onScrollEnd: () => (isCustomScrollingRef.current = false),\n          onScrollStart: () => (isCustomScrollingRef.current = true),\n          initialScrollWidth:\n            scrollElement?.firstElementChild?.scrollWidth || 0,\n          scrollAnimationDuration,\n        })\n      );\n      if (animationQueue.current.length === 1) {\n        animationQueue.current[0]();\n      }\n    },\n    [scrollAnimationDuration, scrollerRef]\n  );\n\n  const scrollToLeft = React.useCallback(() => {\n    const getScrollPosition =\n      getScrollToLeft ?? ((i: number) => i - scrollerRef.current!.offsetWidth);\n    scrollTo(getScrollPosition);\n  }, [getScrollToLeft, scrollTo, scrollerRef]);\n\n  const scrollToRight = React.useCallback(() => {\n    const getScrollPosition =\n      getScrollToRight ?? ((i: number) => i + scrollerRef.current!.offsetWidth);\n    scrollTo(getScrollPosition);\n  }, [getScrollToRight, scrollTo, scrollerRef]);\n\n  const onscroll = React.useCallback(() => {\n    if (\n      showArrows &&\n      hasMouse &&\n      scrollerRef.current &&\n      !isCustomScrollingRef.current\n    ) {\n      const scrollElement = scrollerRef.current;\n\n      setCanScrollLeft(scrollElement.scrollLeft > 0);\n      setCanScrollRight(\n        roundUpElementScrollLeft(scrollElement) + scrollElement.offsetWidth <\n          scrollElement.scrollWidth\n      );\n    }\n  }, [hasMouse, scrollerRef, showArrows]);\n\n  const scrollEvent = useEventListener(\"scroll\", onscroll);\n  React.useEffect(() => {\n    if (scrollerRef.current) {\n      scrollEvent.add(scrollerRef.current);\n    }\n  }, [scrollEvent, scrollerRef]);\n  React.useEffect(onscroll, [scrollerRef, children, onscroll]);\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        \"HorizontalScroll\",\n        showArrows === \"always\" && \"HorizontalScroll--withConstArrows\"\n      )}\n    >\n      {showArrows && hasMouse && canScrollLeft && (\n        <HorizontalScrollArrow\n          size={arrowSize}\n          direction=\"left\"\n          vkuiClass=\"HorizontalScroll__arrowLeft\"\n          onClick={scrollToLeft}\n        />\n      )}\n      {showArrows && hasMouse && canScrollRight && (\n        <HorizontalScrollArrow\n          size={arrowSize}\n          direction=\"right\"\n          vkuiClass=\"HorizontalScroll__arrowRight\"\n          onClick={scrollToRight}\n        />\n      )}\n      <div vkuiClass=\"HorizontalScroll__in\" ref={scrollerRef}>\n        <div vkuiClass=\"HorizontalScroll__in-wrapper\">{children}</div>\n      </div>\n    </div>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/HorizontalScroll\n */\nexport const HorizontalScroll = withAdaptivity(HorizontalScrollComponent, {\n  hasMouse: true,\n});\n\nHorizontalScroll.displayName = \"HorizontalScroll\";\n"],"mappings":"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"}

package/dist/cjs/components/HorizontalScroll/HorizontalScrollArrow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/HorizontalScroll/HorizontalScrollArrow.tsx"],"names":["HorizontalScrollArrow","size","direction","onClick","restProps","platform","ArrowIcon","Icon16ChevronLeft","Icon16Chevron","Icon24ChevronCompactLeft","Icon24Chevron","IOS"],"mappings":";;;;;;;;;;;;;;;AACA;;AAMA;;AACA;;AACA;;AACA;;;;AASO,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAwB,OAKH;AAAA,uBAJhCC,IAIgC;AAAA,MAJhCA,IAIgC,0BAJzB,GAIyB;AAAA,MAHhCC,SAGgC,QAHhCA,SAGgC;AAAA,MAFhCC,OAEgC,QAFhCA,OAEgC;AAAA,MAD7BC,SAC6B;AAChC,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MAAIC,SAAJ;;AAEA,MAAIL,IAAI,KAAK,GAAb,EAAkB;AAChBK,IAAAA,SAAS,GAAGJ,SAAS,KAAK,MAAd,GAAuBK,wBAAvB,GAA2CC,oBAAvD;AACD,GAFD,MAEO;AACLF,IAAAA,SAAS,GAAGJ,SAAS,KAAK,MAAd,GAAuBO,+BAAvB,GAAkDC,oBAA9D;AACD;;AAED,SACE,qCAAC,kBAAD,6BACMN,SADN;AAEE,IAAA,SAAS,EAAC,QAFZ;AAGE,IAAA,QAAQ,EAAE,KAHZ;AAIE,IAAA,SAAS,EAAE,KAJb;AAKE,IAAA,SAAS,EAAE,4BACT,uBADS,mCAEiBH,IAFjB,oCAGiBC,SAHjB,GAITG,QAAQ,KAAKM,aAAb,IAAoB,4BAJX,CALb;AAWE,IAAA,OAAO,EAAER;AAXX,MAaE;AAAM,IAAA,SAAS,EAAC;AAAhB,KACE,qCAAC,SAAD,OADF,CAbF,CADF;AAmBD,CAlCM","sourcesContent":["import * as React from \"react\";\nimport {\n  Icon24Chevron,\n  Icon24ChevronCompactLeft,\n  Icon16Chevron,\n  Icon16ChevronLeft,\n} from \"@vkontakte/icons\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { IOS } from \"../../lib/platform\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport \"./HorizontalScrollArrow.css\";\n\nexport interface HorizontalScrollArrowProps {\n  direction: \"left\" | \"right\";\n  size?: \"m\" | \"l\";\n  onClick(): void;\n}\n\nexport const HorizontalScrollArrow = ({\n  size = \"l\",\n  direction,\n  onClick,\n  ...restProps\n}: HorizontalScrollArrowProps) => {\n  const platform = usePlatform();\n  let ArrowIcon: React.ComponentType<unknown>;\n\n  if (size === \"m\") {\n    ArrowIcon = direction === \"left\" ? Icon16ChevronLeft : Icon16Chevron;\n  } else {\n    ArrowIcon = direction === \"left\" ? Icon24ChevronCompactLeft : Icon24Chevron;\n  }\n\n  return (\n    <Tappable\n      {...restProps}\n      Component=\"button\"\n      hasHover={false}\n      hasActive={false}\n      vkuiClass={classNames(\n        \"HorizontalScrollArrow\",\n        `HorizontalScrollArrow--${size}`,\n        `HorizontalScrollArrow--${direction}`,\n        platform === IOS && \"HorizontalScrollArrow--ios\"\n      )}\n      onClick={onClick}\n    >\n      <span vkuiClass=\"HorizontalScrollArrow__icon\">\n        <ArrowIcon />\n      </span>\n    </Tappable>\n  );\n};\n"],"file":"HorizontalScrollArrow.js"}
+{"version":3,"file":"HorizontalScrollArrow.js","names":["HorizontalScrollArrow","size","direction","onClick","restProps","platform","usePlatform","ArrowIcon","Icon16ChevronLeft","Icon16Chevron","Icon24ChevronCompactLeft","Icon24Chevron","classNames","IOS"],"sources":["../../../../src/components/HorizontalScroll/HorizontalScrollArrow.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  Icon24Chevron,\n  Icon24ChevronCompactLeft,\n  Icon16Chevron,\n  Icon16ChevronLeft,\n} from \"@vkontakte/icons\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { IOS } from \"../../lib/platform\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport \"./HorizontalScrollArrow.css\";\n\nexport interface HorizontalScrollArrowProps {\n  direction: \"left\" | \"right\";\n  size?: \"m\" | \"l\";\n  onClick(): void;\n}\n\nexport const HorizontalScrollArrow = ({\n  size = \"l\",\n  direction,\n  onClick,\n  ...restProps\n}: HorizontalScrollArrowProps) => {\n  const platform = usePlatform();\n  let ArrowIcon: React.ComponentType<unknown>;\n\n  if (size === \"m\") {\n    ArrowIcon = direction === \"left\" ? Icon16ChevronLeft : Icon16Chevron;\n  } else {\n    ArrowIcon = direction === \"left\" ? Icon24ChevronCompactLeft : Icon24Chevron;\n  }\n\n  return (\n    <Tappable\n      {...restProps}\n      Component=\"button\"\n      hasHover={false}\n      hasActive={false}\n      vkuiClass={classNames(\n        \"HorizontalScrollArrow\",\n        `HorizontalScrollArrow--${size}`,\n        `HorizontalScrollArrow--${direction}`,\n        platform === IOS && \"HorizontalScrollArrow--ios\"\n      )}\n      onClick={onClick}\n    >\n      <span vkuiClass=\"HorizontalScrollArrow__icon\">\n        <ArrowIcon />\n      </span>\n    </Tappable>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AAMA;;AACA;;AACA;;AACA;;;;AASO,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAwB,OAKH;EAAA,qBAJhCC,IAIgC;EAAA,IAJhCA,IAIgC,0BAJzB,GAIyB;EAAA,IAHhCC,SAGgC,QAHhCA,SAGgC;EAAA,IAFhCC,OAEgC,QAFhCA,OAEgC;EAAA,IAD7BC,SAC6B;EAChC,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EACA,IAAIC,SAAJ;;EAEA,IAAIN,IAAI,KAAK,GAAb,EAAkB;IAChBM,SAAS,GAAGL,SAAS,KAAK,MAAd,GAAuBM,wBAAvB,GAA2CC,oBAAvD;EACD,CAFD,MAEO;IACLF,SAAS,GAAGL,SAAS,KAAK,MAAd,GAAuBQ,+BAAvB,GAAkDC,oBAA9D;EACD;;EAED,OACE,qCAAC,kBAAD,6BACMP,SADN;IAEE,SAAS,EAAC,QAFZ;IAGE,QAAQ,EAAE,KAHZ;IAIE,SAAS,EAAE,KAJb;IAKE,SAAS,EAAE,IAAAQ,sBAAA,EACT,uBADS,mCAEiBX,IAFjB,oCAGiBC,SAHjB,GAITG,QAAQ,KAAKQ,aAAb,IAAoB,4BAJX,CALb;IAWE,OAAO,EAAEV;EAXX,IAaE;IAAM,SAAS,EAAC;EAAhB,GACE,qCAAC,SAAD,OADF,CAbF,CADF;AAmBD,CAlCM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/HoverPopper/HoverPopper.tsx"],"names":["HoverPopper","getRef","content","children","onShownChange","_shown","shown","showDelay","hideDelay","restProps","React","useState","computedShown","setComputedShown","setShown","value","showTimeout","hideTimeout","childRef","child","onTargetEnter","clear","set","onTargetLeave","targetEnterListener","targetLeaveListener","current","add"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AA6BO,IAAMA,WAAW,GAAG,SAAdA,WAAc,OASH;AAAA,MARtBC,MAQsB,QARtBA,MAQsB;AAAA,MAPtBC,OAOsB,QAPtBA,OAOsB;AAAA,MANtBC,QAMsB,QANtBA,QAMsB;AAAA,MALtBC,aAKsB,QALtBA,aAKsB;AAAA,MAJfC,MAIe,QAJtBC,KAIsB;AAAA,4BAHtBC,SAGsB;AAAA,MAHtBA,SAGsB,+BAHV,GAGU;AAAA,4BAFtBC,SAEsB;AAAA,MAFtBA,SAEsB,+BAFV,GAEU;AAAA,MADnBC,SACmB;;AACtB,wBAA0CC,KAAK,CAACC,QAAN,CAAeN,MAAM,IAAI,KAAzB,CAA1C;AAAA;AAAA,MAAOO,aAAP;AAAA,MAAsBC,gBAAtB;;AAEA,MAAMP,KAAK,GAAG,OAAOD,MAAP,KAAkB,SAAlB,GAA8BA,MAA9B,GAAuCO,aAArD;;AAEA,MAAME,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAoB;AACnC,QAAI,OAAOV,MAAP,KAAkB,SAAtB,EAAiC;AAC/BQ,MAAAA,gBAAgB,CAACE,KAAD,CAAhB;AACD;;AACD,WAAOX,aAAP,KAAyB,UAAzB,IAAuCA,aAAa,CAACW,KAAD,CAApD;AACD,GALD;;AAOA,MAAMC,WAAW,GAAG,4BAAW,YAAM;AACnCF,IAAAA,QAAQ,CAAC,IAAD,CAAR;AACD,GAFmB,EAEjBP,SAFiB,CAApB;AAIA,MAAMU,WAAW,GAAG,4BAAW,YAAM;AACnCH,IAAAA,QAAQ,CAAC,KAAD,CAAR;AACD,GAFmB,EAEjBN,SAFiB,CAApB;;AAIA,6BAA0B,+CAAoBL,QAApB,CAA1B;AAAA;AAAA,MAAOe,QAAP;AAAA,MAAiBC,KAAjB;;AAEA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;AAC1BH,IAAAA,WAAW,CAACI,KAAZ;AACAL,IAAAA,WAAW,CAACM,GAAZ;AACD,GAHD;;AAKA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;AAC1BP,IAAAA,WAAW,CAACK,KAAZ;AACAJ,IAAAA,WAAW,CAACK,GAAZ;AACD,GAHD;;AAKA,MAAME,mBAAmB,GAAG,wCAAiB,cAAjB,EAAiCJ,aAAjC,CAA5B;AACA,MAAMK,mBAAmB,GAAG,wCAAiB,cAAjB,EAAiCF,aAAjC,CAA5B;AAEA,4DAA0B,YAAM;AAC9B,QAAIL,QAAQ,CAACQ,OAAb,EAAsB;AACpBF,MAAAA,mBAAmB,CAACG,GAApB,CAAwBT,QAAQ,CAACQ,OAAjC;AACAD,MAAAA,mBAAmB,CAACE,GAApB,CAAwBT,QAAQ,CAACQ,OAAjC;AACD;AACF,GALD,EAKG,EALH;AAOA,SACE,qCAAC,KAAD,CAAO,QAAP,QACGP,KADH,EAEGb,KAAK,IACJ,qCAAC,cAAD,6BACMG,SADN;AAEE,IAAA,WAAW,EAAEQ,WAAW,CAACI,KAF3B;AAGE,IAAA,UAAU,EAAEE,aAHd;AAIE,IAAA,MAAM,EAAEtB,MAJV;AAKE,IAAA,SAAS,EAAEiB;AALb,MAOGhB,OAPH,CAHJ,CADF;AAgBD,CAnEM","sourcesContent":["import * as React from \"react\";\nimport { Popper, PopperCommonProps } from \"../Popper/Popper\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { usePatchChildrenRef } from \"../../hooks/usePatchChildrenRef\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\n\nexport interface HoverPopperProps extends PopperCommonProps {\n  /**\n   * Содержимое тултипа\n   */\n  content?: React.ReactNode;\n  /**\n   * Если передан, то тултип будет показан/скрыт в зависимости от значения свойства\n   */\n  shown?: boolean;\n  /**\n   * Вызывается при каждом изменении видимости тултипа\n   */\n  onShownChange?: (shown: boolean) => void;\n  /**\n   * Количество миллисекунд, после которых произойдет показ дропдауна\n   */\n  showDelay?: number;\n  /**\n   * Количество миллисекунд, после которых произойдет скрытие дропдауна\n   */\n  hideDelay?: number;\n  /**\n   * Либо jsx-элемент (div, button, etc.), либо компонент со свойством `getRootRef`, которое применяется к корневому элементу компонента\n   */\n  children?: React.ReactElement;\n}\n\nexport const HoverPopper = ({\n  getRef,\n  content,\n  children,\n  onShownChange,\n  shown: _shown,\n  showDelay = 150,\n  hideDelay = 150,\n  ...restProps\n}: HoverPopperProps) => {\n  const [computedShown, setComputedShown] = React.useState(_shown || false);\n\n  const shown = typeof _shown === \"boolean\" ? _shown : computedShown;\n\n  const setShown = (value: boolean) => {\n    if (typeof _shown !== \"boolean\") {\n      setComputedShown(value);\n    }\n    typeof onShownChange === \"function\" && onShownChange(value);\n  };\n\n  const showTimeout = useTimeout(() => {\n    setShown(true);\n  }, showDelay);\n\n  const hideTimeout = useTimeout(() => {\n    setShown(false);\n  }, hideDelay);\n\n  const [childRef, child] = usePatchChildrenRef(children);\n\n  const onTargetEnter = () => {\n    hideTimeout.clear();\n    showTimeout.set();\n  };\n\n  const onTargetLeave = () => {\n    showTimeout.clear();\n    hideTimeout.set();\n  };\n\n  const targetEnterListener = useEventListener(\"pointerenter\", onTargetEnter);\n  const targetLeaveListener = useEventListener(\"pointerleave\", onTargetLeave);\n\n  useIsomorphicLayoutEffect(() => {\n    if (childRef.current) {\n      targetEnterListener.add(childRef.current);\n      targetLeaveListener.add(childRef.current);\n    }\n  }, []);\n\n  return (\n    <React.Fragment>\n      {child}\n      {shown && (\n        <Popper\n          {...restProps}\n          onMouseOver={hideTimeout.clear}\n          onMouseOut={onTargetLeave}\n          getRef={getRef}\n          targetRef={childRef}\n        >\n          {content}\n        </Popper>\n      )}\n    </React.Fragment>\n  );\n};\n"],"file":"HoverPopper.js"}
+{"version":3,"file":"HoverPopper.js","names":["HoverPopper","getRef","content","children","onShownChange","_shown","shown","showDelay","hideDelay","restProps","React","useState","computedShown","setComputedShown","setShown","value","showTimeout","useTimeout","hideTimeout","usePatchChildrenRef","childRef","child","onTargetEnter","clear","set","onTargetLeave","targetEnterListener","useEventListener","targetLeaveListener","useIsomorphicLayoutEffect","current","add"],"sources":["../../../../src/components/HoverPopper/HoverPopper.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Popper, PopperCommonProps } from \"../Popper/Popper\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { usePatchChildrenRef } from \"../../hooks/usePatchChildrenRef\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\n\nexport interface HoverPopperProps extends PopperCommonProps {\n  /**\n   * Содержимое тултипа\n   */\n  content?: React.ReactNode;\n  /**\n   * Если передан, то тултип будет показан/скрыт в зависимости от значения свойства\n   */\n  shown?: boolean;\n  /**\n   * Вызывается при каждом изменении видимости тултипа\n   */\n  onShownChange?: (shown: boolean) => void;\n  /**\n   * Количество миллисекунд, после которых произойдет показ дропдауна\n   */\n  showDelay?: number;\n  /**\n   * Количество миллисекунд, после которых произойдет скрытие дропдауна\n   */\n  hideDelay?: number;\n  /**\n   * Либо jsx-элемент (div, button, etc.), либо компонент со свойством `getRootRef`, которое применяется к корневому элементу компонента\n   */\n  children?: React.ReactElement;\n}\n\nexport const HoverPopper = ({\n  getRef,\n  content,\n  children,\n  onShownChange,\n  shown: _shown,\n  showDelay = 150,\n  hideDelay = 150,\n  ...restProps\n}: HoverPopperProps) => {\n  const [computedShown, setComputedShown] = React.useState(_shown || false);\n\n  const shown = typeof _shown === \"boolean\" ? _shown : computedShown;\n\n  const setShown = (value: boolean) => {\n    if (typeof _shown !== \"boolean\") {\n      setComputedShown(value);\n    }\n    typeof onShownChange === \"function\" && onShownChange(value);\n  };\n\n  const showTimeout = useTimeout(() => {\n    setShown(true);\n  }, showDelay);\n\n  const hideTimeout = useTimeout(() => {\n    setShown(false);\n  }, hideDelay);\n\n  const [childRef, child] = usePatchChildrenRef(children);\n\n  const onTargetEnter = () => {\n    hideTimeout.clear();\n    showTimeout.set();\n  };\n\n  const onTargetLeave = () => {\n    showTimeout.clear();\n    hideTimeout.set();\n  };\n\n  const targetEnterListener = useEventListener(\"pointerenter\", onTargetEnter);\n  const targetLeaveListener = useEventListener(\"pointerleave\", onTargetLeave);\n\n  useIsomorphicLayoutEffect(() => {\n    if (childRef.current) {\n      targetEnterListener.add(childRef.current);\n      targetLeaveListener.add(childRef.current);\n    }\n  }, []);\n\n  return (\n    <React.Fragment>\n      {child}\n      {shown && (\n        <Popper\n          {...restProps}\n          onMouseOver={hideTimeout.clear}\n          onMouseOut={onTargetLeave}\n          getRef={getRef}\n          targetRef={childRef}\n        >\n          {content}\n        </Popper>\n      )}\n    </React.Fragment>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AA6BO,IAAMA,WAAW,GAAG,SAAdA,WAAc,OASH;EAAA,IARtBC,MAQsB,QARtBA,MAQsB;EAAA,IAPtBC,OAOsB,QAPtBA,OAOsB;EAAA,IANtBC,QAMsB,QANtBA,QAMsB;EAAA,IALtBC,aAKsB,QALtBA,aAKsB;EAAA,IAJfC,MAIe,QAJtBC,KAIsB;EAAA,0BAHtBC,SAGsB;EAAA,IAHtBA,SAGsB,+BAHV,GAGU;EAAA,0BAFtBC,SAEsB;EAAA,IAFtBA,SAEsB,+BAFV,GAEU;EAAA,IADnBC,SACmB;;EACtB,sBAA0CC,KAAK,CAACC,QAAN,CAAeN,MAAM,IAAI,KAAzB,CAA1C;EAAA;EAAA,IAAOO,aAAP;EAAA,IAAsBC,gBAAtB;;EAEA,IAAMP,KAAK,GAAG,OAAOD,MAAP,KAAkB,SAAlB,GAA8BA,MAA9B,GAAuCO,aAArD;;EAEA,IAAME,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAoB;IACnC,IAAI,OAAOV,MAAP,KAAkB,SAAtB,EAAiC;MAC/BQ,gBAAgB,CAACE,KAAD,CAAhB;IACD;;IACD,OAAOX,aAAP,KAAyB,UAAzB,IAAuCA,aAAa,CAACW,KAAD,CAApD;EACD,CALD;;EAOA,IAAMC,WAAW,GAAG,IAAAC,sBAAA,EAAW,YAAM;IACnCH,QAAQ,CAAC,IAAD,CAAR;EACD,CAFmB,EAEjBP,SAFiB,CAApB;EAIA,IAAMW,WAAW,GAAG,IAAAD,sBAAA,EAAW,YAAM;IACnCH,QAAQ,CAAC,KAAD,CAAR;EACD,CAFmB,EAEjBN,SAFiB,CAApB;;EAIA,2BAA0B,IAAAW,yCAAA,EAAoBhB,QAApB,CAA1B;EAAA;EAAA,IAAOiB,QAAP;EAAA,IAAiBC,KAAjB;;EAEA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;IAC1BJ,WAAW,CAACK,KAAZ;IACAP,WAAW,CAACQ,GAAZ;EACD,CAHD;;EAKA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;IAC1BT,WAAW,CAACO,KAAZ;IACAL,WAAW,CAACM,GAAZ;EACD,CAHD;;EAKA,IAAME,mBAAmB,GAAG,IAAAC,kCAAA,EAAiB,cAAjB,EAAiCL,aAAjC,CAA5B;EACA,IAAMM,mBAAmB,GAAG,IAAAD,kCAAA,EAAiB,cAAjB,EAAiCF,aAAjC,CAA5B;EAEA,IAAAI,oDAAA,EAA0B,YAAM;IAC9B,IAAIT,QAAQ,CAACU,OAAb,EAAsB;MACpBJ,mBAAmB,CAACK,GAApB,CAAwBX,QAAQ,CAACU,OAAjC;MACAF,mBAAmB,CAACG,GAApB,CAAwBX,QAAQ,CAACU,OAAjC;IACD;EACF,CALD,EAKG,EALH;EAOA,OACE,qCAAC,KAAD,CAAO,QAAP,QACGT,KADH,EAEGf,KAAK,IACJ,qCAAC,cAAD,6BACMG,SADN;IAEE,WAAW,EAAES,WAAW,CAACK,KAF3B;IAGE,UAAU,EAAEE,aAHd;IAIE,MAAM,EAAExB,MAJV;IAKE,SAAS,EAAEmB;EALb,IAOGlB,OAPH,CAHJ,CADF;AAgBD,CAnEM"}

package/dist/cjs/components/IconButton/IconButton.js

@@ -41,10 +41,11 @@ var IconButtonComponent = function IconButtonComponent(_ref) {
     warn("Свойство icon устарело и будет удалено в 5.0.0. Используйте children");
   }
 
-  return (0, _jsxRuntime.createScopedElement)(_Tappable.Tappable, (0, _extends2.default)({}, restProps, {
-    Component: restProps.href ? "a" : Component,
+  return (0, _jsxRuntime.createScopedElement)(_Tappable.Tappable, (0, _extends2.default)({
     activeEffectDelay: 200,
-    activeMode: "background",
+    activeMode: "background"
+  }, restProps, {
+    Component: restProps.href ? "a" : Component,
     vkuiClass: (0, _classNames.classNames)("IconButton", "IconButton--sizeY-".concat(sizeY), platform === _platform.IOS && "IconButton--ios")
   }), icon || children);
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/IconButton/IconButton.tsx"],"names":["warn","IconButtonComponent","icon","sizeY","children","Component","restProps","platform","process","env","NODE_ENV","href","IOS","IconButton","displayName"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;AAWA,IAAMA,IAAI,GAAG,wBAAS,YAAT,CAAb;;AAEA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,OAML;AAAA,MALrBC,IAKqB,QALrBA,IAKqB;AAAA,MAJrBC,KAIqB,QAJrBA,KAIqB;AAAA,MAHrBC,QAGqB,QAHrBA,QAGqB;AAAA,4BAFrBC,SAEqB;AAAA,MAFrBA,SAEqB,+BAFT,QAES;AAAA,MADlBC,SACkB;AACrB,MAAMC,QAAQ,GAAG,+BAAjB;;AAEA,MAAIL,IAAI,IAAIM,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAArC,EAAoD;AAClDV,IAAAA,IAAI,CACF,sEADE,CAAJ;AAGD;;AAED,SACE,qCAAC,kBAAD,6BACMM,SADN;AAEE,IAAA,SAAS,EAAEA,SAAS,CAACK,IAAV,GAAiB,GAAjB,GAAuBN,SAFpC;AAGE,IAAA,iBAAiB,EAAE,GAHrB;AAIE,IAAA,UAAU,EAAC,YAJb;AAKE,IAAA,SAAS,EAAE,4BACT,YADS,8BAEYF,KAFZ,GAGTI,QAAQ,KAAKK,aAAb,IAAoB,iBAHX;AALb,MAWGV,IAAI,IAAIE,QAXX,CADF;AAeD,CA9BD;AAgCA;AACA;AACA;;;AACO,IAAMS,UAAU,GAAG,oCAAeZ,mBAAf,EAAoC;AAC5DE,EAAAA,KAAK,EAAE;AADqD,CAApC,CAAnB;;AAIPU,UAAU,CAACC,WAAX,GAAyB,YAAzB","sourcesContent":["import * as React from \"react\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { IOS } from \"../../lib/platform\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./IconButton.css\";\n\nexport interface IconButtonProps extends TappableProps {\n  children?: React.ReactNode;\n  /**\n   * @deprecated будет удалено в 5.0.0. Используйте `children`\n   */\n  icon?: React.ReactNode;\n}\n\nconst warn = warnOnce(\"IconButton\");\n\nconst IconButtonComponent = ({\n  icon,\n  sizeY,\n  children,\n  Component = \"button\",\n  ...restProps\n}: IconButtonProps) => {\n  const platform = usePlatform();\n\n  if (icon && process.env.NODE_ENV === \"development\") {\n    warn(\n      \"Свойство icon устарело и будет удалено в 5.0.0. Используйте children\"\n    );\n  }\n\n  return (\n    <Tappable\n      {...restProps}\n      Component={restProps.href ? \"a\" : Component}\n      activeEffectDelay={200}\n      activeMode=\"background\"\n      vkuiClass={classNames(\n        \"IconButton\",\n        `IconButton--sizeY-${sizeY}`,\n        platform === IOS && \"IconButton--ios\"\n      )}\n    >\n      {icon || children}\n    </Tappable>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/IconButton\n */\nexport const IconButton = withAdaptivity(IconButtonComponent, {\n  sizeY: true,\n});\n\nIconButton.displayName = \"IconButton\";\n"],"file":"IconButton.js"}
+{"version":3,"file":"IconButton.js","names":["warn","warnOnce","IconButtonComponent","icon","sizeY","children","Component","restProps","platform","usePlatform","process","env","NODE_ENV","href","classNames","IOS","IconButton","withAdaptivity","displayName"],"sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { IOS } from \"../../lib/platform\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./IconButton.css\";\n\nexport interface IconButtonProps extends TappableProps {\n  children?: React.ReactNode;\n  /**\n   * @deprecated будет удалено в 5.0.0. Используйте `children`\n   */\n  icon?: React.ReactNode;\n}\n\nconst warn = warnOnce(\"IconButton\");\n\nconst IconButtonComponent = ({\n  icon,\n  sizeY,\n  children,\n  Component = \"button\",\n  ...restProps\n}: IconButtonProps) => {\n  const platform = usePlatform();\n\n  if (icon && process.env.NODE_ENV === \"development\") {\n    warn(\n      \"Свойство icon устарело и будет удалено в 5.0.0. Используйте children\"\n    );\n  }\n\n  return (\n    <Tappable\n      activeEffectDelay={200}\n      activeMode=\"background\"\n      {...restProps}\n      Component={restProps.href ? \"a\" : Component}\n      vkuiClass={classNames(\n        \"IconButton\",\n        `IconButton--sizeY-${sizeY}`,\n        platform === IOS && \"IconButton--ios\"\n      )}\n    >\n      {icon || children}\n    </Tappable>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/IconButton\n */\nexport const IconButton = withAdaptivity(IconButtonComponent, {\n  sizeY: true,\n});\n\nIconButton.displayName = \"IconButton\";\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;AAWA,IAAMA,IAAI,GAAG,IAAAC,kBAAA,EAAS,YAAT,CAAb;;AAEA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,OAML;EAAA,IALrBC,IAKqB,QALrBA,IAKqB;EAAA,IAJrBC,KAIqB,QAJrBA,KAIqB;EAAA,IAHrBC,QAGqB,QAHrBA,QAGqB;EAAA,0BAFrBC,SAEqB;EAAA,IAFrBA,SAEqB,+BAFT,QAES;EAAA,IADlBC,SACkB;EACrB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;;EAEA,IAAIN,IAAI,IAAIO,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAArC,EAAoD;IAClDZ,IAAI,CACF,sEADE,CAAJ;EAGD;;EAED,OACE,qCAAC,kBAAD;IACE,iBAAiB,EAAE,GADrB;IAEE,UAAU,EAAC;EAFb,GAGMO,SAHN;IAIE,SAAS,EAAEA,SAAS,CAACM,IAAV,GAAiB,GAAjB,GAAuBP,SAJpC;IAKE,SAAS,EAAE,IAAAQ,sBAAA,EACT,YADS,8BAEYV,KAFZ,GAGTI,QAAQ,KAAKO,aAAb,IAAoB,iBAHX;EALb,IAWGZ,IAAI,IAAIE,QAXX,CADF;AAeD,CA9BD;AAgCA;AACA;AACA;;;AACO,IAAMW,UAAU,GAAG,IAAAC,8BAAA,EAAef,mBAAf,EAAoC;EAC5DE,KAAK,EAAE;AADqD,CAApC,CAAnB;;AAIPY,UAAU,CAACE,WAAX,GAAyB,YAAzB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/InfoRow/InfoRow.tsx"],"names":["InfoRow","header","children","restProps"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;;;AAOA;AACA;AACA;AACO,IAAMA,OAAO,GAAG,SAAVA,OAAU;AAAA,MAAGC,MAAH,QAAGA,MAAH;AAAA,MAAWC,QAAX,QAAWA,QAAX;AAAA,MAAwBC,SAAxB;AAAA,SACrB,qCAAC,kBAAD,6BAAcA,SAAd;AAAyB,IAAA,SAAS,EAAC,SAAnC;AAA6C,IAAA,MAAM,EAAC;AAApD,MACG,yBAAaF,MAAb,KACC,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC,MAAnB;AAA0B,IAAA,SAAS,EAAC;AAApC,KACGA,MADH,CAFJ,EAMGC,QANH,CADqB;AAAA,CAAhB","sourcesContent":["import * as React from \"react\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./InfoRow.css\";\n\nexport interface InfoRowProps extends React.HTMLAttributes<HTMLDivElement> {\n  header: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/InfoRow\n */\nexport const InfoRow = ({ header, children, ...restProps }: InfoRowProps) => (\n  <Headline {...restProps} vkuiClass=\"InfoRow\" weight=\"3\">\n    {hasReactNode(header) && (\n      <Subhead Component=\"span\" vkuiClass=\"InfoRow__header\">\n        {header}\n      </Subhead>\n    )}\n    {children}\n  </Headline>\n);\n"],"file":"InfoRow.js"}
+{"version":3,"file":"InfoRow.js","names":["InfoRow","header","children","restProps","hasReactNode"],"sources":["../../../../src/components/InfoRow/InfoRow.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./InfoRow.css\";\n\nexport interface InfoRowProps extends React.HTMLAttributes<HTMLDivElement> {\n  header: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/InfoRow\n */\nexport const InfoRow = ({ header, children, ...restProps }: InfoRowProps) => (\n  <Headline {...restProps} vkuiClass=\"InfoRow\" weight=\"3\">\n    {hasReactNode(header) && (\n      <Subhead Component=\"span\" vkuiClass=\"InfoRow__header\">\n        {header}\n      </Subhead>\n    )}\n    {children}\n  </Headline>\n);\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;;;AAOA;AACA;AACA;AACO,IAAMA,OAAO,GAAG,SAAVA,OAAU;EAAA,IAAGC,MAAH,QAAGA,MAAH;EAAA,IAAWC,QAAX,QAAWA,QAAX;EAAA,IAAwBC,SAAxB;EAAA,OACrB,qCAAC,kBAAD,6BAAcA,SAAd;IAAyB,SAAS,EAAC,SAAnC;IAA6C,MAAM,EAAC;EAApD,IACG,IAAAC,mBAAA,EAAaH,MAAb,KACC,qCAAC,gBAAD;IAAS,SAAS,EAAC,MAAnB;IAA0B,SAAS,EAAC;EAApC,GACGA,MADH,CAFJ,EAMGC,QANH,CADqB;AAAA,CAAhB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/InitialsAvatar/InitialsAvatar.tsx"],"names":["COLORS_NUMBER_TO_TEXT_MAP","getInitialsFontSize","avatarSize","calculatedFontSize","Math","ceil","evenFix","InitialsAvatar","size","AVATAR_DEFAULT_SIZE","children","gradientColor","style","restProps","gradientName","fontSize"],"mappings":";;;;;;;;;;;;;;;;;AAEA;;AACA;;;AA2CA,IAAMA,yBAGL,GAAG;AACF,KAAG,KADD;AAEF,KAAG,QAFD;AAGF,KAAG,QAHD;AAIF,KAAG,OAJD;AAKF,KAAG,QALD;AAMF,KAAG;AAND,CAHJ;;AAYA,SAASC,mBAAT,CAA6BC,UAA7B,EAAiD;AAC/C,MAAMC,kBAAkB,GAAGC,IAAI,CAACC,IAAL,CAAUH,UAAU,GAAG,IAAvB,CAA3B;AACA,MAAMI,OAAO,GAAGH,kBAAkB,GAAG,CAArC;AACA,SAAOA,kBAAkB,GAAGG,OAA5B;AACD;AAED;AACA;AACA;;;AACO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,OAMH;AAAA,uBALzBC,IAKyB;AAAA,MALzBA,IAKyB,0BALlBC,2BAKkB;AAAA,MAJzBC,QAIyB,QAJzBA,QAIyB;AAAA,MAHzBC,aAGyB,QAHzBA,aAGyB;AAAA,MAFzBC,KAEyB,QAFzBA,KAEyB;AAAA,MADtBC,SACsB;AACzB,MAAMC,YAAY,GAChB,OAAOH,aAAP,KAAyB,QAAzB,GACIA,aADJ,GAEIA,aAAa,IAAIX,yBAAyB,CAACW,aAAD,CAHhD;AAKA,SACE,qCAAC,cAAD,6BACME,SADN;AAEE,IAAA,KAAK,8DACAD,KADA;AAEHG,MAAAA,QAAQ,EAAEd,mBAAmB,CAACO,IAAD;AAF1B,MAFP;AAME,IAAA,IAAI,EAAEA,IANR;AAOE,IAAA,SAAS,EAAE,4BACT,gBADS,kCAEgBM,YAFhB;AAPb,MAYE;AAAM,mBAAY,MAAlB;AAAyB,IAAA,SAAS,EAAC;AAAnC,KACGJ,QADH,CAZF,CADF;AAkBD,CA9BM","sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { AVATAR_DEFAULT_SIZE, Avatar, AvatarProps } from \"../Avatar/Avatar\";\nimport \"./InitialsAvatar.css\";\n\n/**\n * Градиенты, которые можно использовать в алгоритме поиска градиентов по числовому идентификатору пользователя.\n * @example user.id % 6 + 1\n */\nexport type InitialsAvatarNumberGradients = 1 | 2 | 3 | 4 | 5 | 6;\nexport type InitialsAvatarTextGradients =\n  | \"red\"\n  | \"pink\"\n  | \"orange\"\n  | \"yellow\"\n  | \"green\"\n  | \"l-blue\"\n  | \"blue\"\n  | \"violet\";\n\nexport interface InitialsAvatarProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    Pick<AvatarProps, \"size\" | \"shadow\" | \"badge\"> {\n  children?: React.ReactNode;\n  /**\n   * `'red' | 'pink' | 'orange' | 'yellow' | 'green' | 'l-blue' | 'blue' | 'violet'`\n   *\n   * Если передано число, то оно будет сконвертировано в строчное представление цвета по следующей схеме:\n   *\n   * 1: 'red'\n   *\n   * 2: 'orange'\n   *\n   * 3: 'yellow'\n   *\n   * 4: 'green'\n   *\n   * 5: 'l-blue'\n   *\n   * 6: 'violet'\n   */\n  gradientColor?: InitialsAvatarNumberGradients | InitialsAvatarTextGradients;\n}\n\nconst COLORS_NUMBER_TO_TEXT_MAP: Record<\n  InitialsAvatarNumberGradients,\n  InitialsAvatarTextGradients\n> = {\n  1: \"red\",\n  2: \"orange\",\n  3: \"yellow\",\n  4: \"green\",\n  5: \"l-blue\",\n  6: \"violet\",\n};\n\nfunction getInitialsFontSize(avatarSize: number) {\n  const calculatedFontSize = Math.ceil(avatarSize * 0.36);\n  const evenFix = calculatedFontSize % 2;\n  return calculatedFontSize + evenFix;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/InitialsAvatar\n */\nexport const InitialsAvatar = ({\n  size = AVATAR_DEFAULT_SIZE,\n  children,\n  gradientColor,\n  style,\n  ...restProps\n}: InitialsAvatarProps) => {\n  const gradientName =\n    typeof gradientColor === \"string\"\n      ? gradientColor\n      : gradientColor && COLORS_NUMBER_TO_TEXT_MAP[gradientColor];\n\n  return (\n    <Avatar\n      {...restProps}\n      style={{\n        ...style,\n        fontSize: getInitialsFontSize(size),\n      }}\n      size={size}\n      vkuiClass={classNames(\n        \"InitialsAvatar\",\n        `InitialsAvatar--color-${gradientName}`\n      )}\n    >\n      <span aria-hidden=\"true\" vkuiClass=\"InitialsAvatar__text\">\n        {children}\n      </span>\n    </Avatar>\n  );\n};\n"],"file":"InitialsAvatar.js"}
+{"version":3,"file":"InitialsAvatar.js","names":["COLORS_NUMBER_TO_TEXT_MAP","getInitialsFontSize","avatarSize","calculatedFontSize","Math","ceil","evenFix","InitialsAvatar","size","AVATAR_DEFAULT_SIZE","children","gradientColor","style","restProps","gradientName","fontSize","classNames"],"sources":["../../../../src/components/InitialsAvatar/InitialsAvatar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { AVATAR_DEFAULT_SIZE, Avatar, AvatarProps } from \"../Avatar/Avatar\";\nimport \"./InitialsAvatar.css\";\n\n/**\n * Градиенты, которые можно использовать в алгоритме поиска градиентов по числовому идентификатору пользователя.\n * @example user.id % 6 + 1\n */\nexport type InitialsAvatarNumberGradients = 1 | 2 | 3 | 4 | 5 | 6;\nexport type InitialsAvatarTextGradients =\n  | \"red\"\n  | \"pink\"\n  | \"orange\"\n  | \"yellow\"\n  | \"green\"\n  | \"l-blue\"\n  | \"blue\"\n  | \"violet\";\n\nexport interface InitialsAvatarProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    Pick<AvatarProps, \"size\" | \"shadow\" | \"badge\"> {\n  children?: React.ReactNode;\n  /**\n   * `'red' | 'pink' | 'orange' | 'yellow' | 'green' | 'l-blue' | 'blue' | 'violet'`\n   *\n   * Если передано число, то оно будет сконвертировано в строчное представление цвета по следующей схеме:\n   *\n   * 1: 'red'\n   *\n   * 2: 'orange'\n   *\n   * 3: 'yellow'\n   *\n   * 4: 'green'\n   *\n   * 5: 'l-blue'\n   *\n   * 6: 'violet'\n   */\n  gradientColor?: InitialsAvatarNumberGradients | InitialsAvatarTextGradients;\n}\n\nconst COLORS_NUMBER_TO_TEXT_MAP: Record<\n  InitialsAvatarNumberGradients,\n  InitialsAvatarTextGradients\n> = {\n  1: \"red\",\n  2: \"orange\",\n  3: \"yellow\",\n  4: \"green\",\n  5: \"l-blue\",\n  6: \"violet\",\n};\n\nfunction getInitialsFontSize(avatarSize: number) {\n  const calculatedFontSize = Math.ceil(avatarSize * 0.36);\n  const evenFix = calculatedFontSize % 2;\n  return calculatedFontSize + evenFix;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/InitialsAvatar\n */\nexport const InitialsAvatar = ({\n  size = AVATAR_DEFAULT_SIZE,\n  children,\n  gradientColor,\n  style,\n  ...restProps\n}: InitialsAvatarProps) => {\n  const gradientName =\n    typeof gradientColor === \"string\"\n      ? gradientColor\n      : gradientColor && COLORS_NUMBER_TO_TEXT_MAP[gradientColor];\n\n  return (\n    <Avatar\n      {...restProps}\n      style={{\n        ...style,\n        fontSize: getInitialsFontSize(size),\n      }}\n      size={size}\n      vkuiClass={classNames(\n        \"InitialsAvatar\",\n        `InitialsAvatar--color-${gradientName}`\n      )}\n    >\n      <span aria-hidden=\"true\" vkuiClass=\"InitialsAvatar__text\">\n        {children}\n      </span>\n    </Avatar>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAEA;;AACA;;;AA2CA,IAAMA,yBAGL,GAAG;EACF,GAAG,KADD;EAEF,GAAG,QAFD;EAGF,GAAG,QAHD;EAIF,GAAG,OAJD;EAKF,GAAG,QALD;EAMF,GAAG;AAND,CAHJ;;AAYA,SAASC,mBAAT,CAA6BC,UAA7B,EAAiD;EAC/C,IAAMC,kBAAkB,GAAGC,IAAI,CAACC,IAAL,CAAUH,UAAU,GAAG,IAAvB,CAA3B;EACA,IAAMI,OAAO,GAAGH,kBAAkB,GAAG,CAArC;EACA,OAAOA,kBAAkB,GAAGG,OAA5B;AACD;AAED;AACA;AACA;;;AACO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,OAMH;EAAA,qBALzBC,IAKyB;EAAA,IALzBA,IAKyB,0BALlBC,2BAKkB;EAAA,IAJzBC,QAIyB,QAJzBA,QAIyB;EAAA,IAHzBC,aAGyB,QAHzBA,aAGyB;EAAA,IAFzBC,KAEyB,QAFzBA,KAEyB;EAAA,IADtBC,SACsB;EACzB,IAAMC,YAAY,GAChB,OAAOH,aAAP,KAAyB,QAAzB,GACIA,aADJ,GAEIA,aAAa,IAAIX,yBAAyB,CAACW,aAAD,CAHhD;EAKA,OACE,qCAAC,cAAD,6BACME,SADN;IAEE,KAAK,8DACAD,KADA;MAEHG,QAAQ,EAAEd,mBAAmB,CAACO,IAAD;IAF1B,EAFP;IAME,IAAI,EAAEA,IANR;IAOE,SAAS,EAAE,IAAAQ,sBAAA,EACT,gBADS,kCAEgBF,YAFhB;EAPb,IAYE;IAAM,eAAY,MAAlB;IAAyB,SAAS,EAAC;EAAnC,GACGJ,QADH,CAZF,CADF;AAkBD,CA9BM"}

package/dist/cjs/components/Input/Input.js

@@ -19,7 +19,7 @@ var _FormField = require("../FormField/FormField");
 
 var _withAdaptivity = require("../../hoc/withAdaptivity");
 
-var _excluded = ["type", "align", "getRef", "className", "getRootRef", "sizeY", "style", "before", "after"];
+var _excluded = ["type", "align", "getRef", "className", "getRootRef", "sizeY", "style", "before", "after", "status"];
 
 var InputComponent = function InputComponent(_ref) {
   var _ref$type = _ref.type,
@@ -32,6 +32,7 @@ var InputComponent = function InputComponent(_ref) {
       style = _ref.style,
       before = _ref.before,
       after = _ref.after,
+      status = _ref.status,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return (0, _jsxRuntime.createScopedElement)(_FormField.FormField, {
     vkuiClass: (0, _classNames.classNames)("Input", !!align && "Input--".concat(align), "Input--sizeY-".concat(sizeY), // TODO v5.0.0 поправить под новую адаптивность
@@ -41,7 +42,8 @@ var InputComponent = function InputComponent(_ref) {
     getRootRef: getRootRef,
     before: before,
     after: after,
-    disabled: restProps.disabled
+    disabled: restProps.disabled,
+    status: status
   }, (0, _jsxRuntime.createScopedElement)("input", (0, _extends2.default)({}, restProps, {
     type: type,
     vkuiClass: "Input__el",