@vkontakte/vkui 4.32.0 → 4.33.0

package/dist/components/Epic/Epic.js

@@ -10,11 +10,8 @@ import { ScrollSaver } from "./ScrollSaver";
 import { getNavId } from "../../lib/getNavId";
 import { warnOnce } from "../../lib/warnOnce";
 var warn = warnOnce("Epic");
-/**
- * @see https://vkcom.github.io/VKUI/#/Epic
- */
 
-export var Epic = function Epic(props) {
+var EpicComponent = function EpicComponent(props) {
   var _ref;
 
   var platform = usePlatform();
@@ -42,9 +39,14 @@ export var Epic = function Epic(props) {
       return scroll[activeStory] = value;
     }
   }, story), tabbar);
-}; // eslint-disable-next-line import/no-default-export
+};
+/**
+ * @see https://vkcom.github.io/VKUI/#/Epic
+ */
+
 
-export default withAdaptivity(Epic, {
+export var Epic = withAdaptivity(EpicComponent, {
   viewWidth: true
 });
+Epic.displayName = "Epic";
 //# sourceMappingURL=Epic.js.map

package/dist/components/Epic/Epic.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Epic/Epic.tsx"],"names":["React","getClassName","usePlatform","withAdaptivity","ViewWidth","ScrollSaver","getNavId","warnOnce","warn","Epic","props","platform","scroll","useRef","current","activeStory","tabbar","children","viewWidth","restProps","process","env","NODE_ENV","SMALL_TABLET","story","Children","toArray","find","isValidElement","value"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,cAAT,EAAyBC,SAAzB;AACA,SAASC,WAAT;AACA,SAASC,QAAT;AACA,SAASC,QAAT;AAcA,IAAMC,IAAI,GAAGD,QAAQ,CAAC,MAAD,CAArB;AAEA;AACA;AACA;;AACA,OAAO,IAAME,IAAsD,GAAG,SAAzDA,IAAyD,CACpEC,KADoE,EAEjE;AAAA;;AACH,MAAMC,QAAQ,GAAGT,WAAW,EAA5B;AACA,MAAMU,MAAM,GAAGZ,KAAK,CAACa,MAAN,CAAwC,EAAxC,EAA4CC,OAA3D;;AACA,MAAQC,WAAR,GAAmEL,KAAnE,CAAQK,WAAR;AAAA,MAAqBC,MAArB,GAAmEN,KAAnE,CAAqBM,MAArB;AAAA,MAA6BC,QAA7B,GAAmEP,KAAnE,CAA6BO,QAA7B;AAAA,MAAuCC,SAAvC,GAAmER,KAAnE,CAAuCQ,SAAvC;AAAA,MAAqDC,SAArD,4BAAmET,KAAnE;;AAEA,MACEU,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACA,CAACN,MADD,IAEAE,SAAS,GAAGd,SAAS,CAACmB,YAHxB,EAIE;AACAf,IAAAA,IAAI,qUACsEJ,SAAS,CAACmB,YADhF,QAAJ;AAGD;;AACD,MAAMC,KAAK,WACRxB,KAAK,CAACyB,QAAN,CAAeC,OAAf,CAAuBT,QAAvB,EAAiCU,IAAjC,CACC,UAACH,KAAD;AAAA,WACE,aAAAxB,KAAK,CAAC4B,cAAN,CAAqBJ,KAArB,KACAlB,QAAQ,CAACkB,KAAK,CAACd,KAAP,EAAcF,IAAd,CAAR,KAAgCO,WAFlC;AAAA,GADD,CADQ,uCAK+B,IAL1C;AAOA,SACE,wCAASI,SAAT;AAAoB,IAAA,SAAS,EAAElB,YAAY,CAAC,MAAD,EAASU,QAAT;AAA3C,MACE,oBAAC,WAAD;AACE,IAAA,GAAG,EAAEI,WADP;AAEE,IAAA,aAAa,EAAEH,MAAM,CAACG,WAAD,CAAN,IAAuB,CAFxC;AAGE,IAAA,UAAU,EAAE,oBAACc,KAAD;AAAA,aAAYjB,MAAM,CAACG,WAAD,CAAN,GAAsBc,KAAlC;AAAA;AAHd,KAKGL,KALH,CADF,EAQGR,MARH,CADF;AAYD,CAnCM,C,CAqCP;;AACA,eAAeb,cAAc,CAACM,IAAD,EAAO;AAClCS,EAAAA,SAAS,EAAE;AADuB,CAAP,CAA7B","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { withAdaptivity, ViewWidth } from \"../../hoc/withAdaptivity\";\nimport { ScrollSaver } from \"./ScrollSaver\";\nimport { getNavId } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport {\n  AdaptivityContextInterface,\n  AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport \"./Epic.css\";\n\nexport interface EpicProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    AdaptivityProps {\n  tabbar?: React.ReactNode;\n  activeStory: string;\n}\n\nconst warn = warnOnce(\"Epic\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Epic\n */\nexport const Epic: React.FC<EpicProps & AdaptivityContextInterface> = (\n  props\n) => {\n  const platform = usePlatform();\n  const scroll = React.useRef<{ [key: string]: number }>({}).current;\n  const { activeStory, tabbar, children, viewWidth, ...restProps } = props;\n\n  if (\n    process.env.NODE_ENV === \"development\" &&\n    !tabbar &&\n    viewWidth < ViewWidth.SMALL_TABLET\n  ) {\n    warn(\n      `Не рекомендуется использовать Epic без Tabbar при ширине окна меньше ${ViewWidth.SMALL_TABLET}px`\n    );\n  }\n  const story =\n    (React.Children.toArray(children).find(\n      (story) =>\n        React.isValidElement(story) &&\n        getNavId(story.props, warn) === activeStory\n    ) as React.ReactElement | undefined) ?? null;\n\n  return (\n    <div {...restProps} vkuiClass={getClassName(\"Epic\", platform)}>\n      <ScrollSaver\n        key={activeStory}\n        initialScroll={scroll[activeStory] || 0}\n        saveScroll={(value) => (scroll[activeStory] = value)}\n      >\n        {story}\n      </ScrollSaver>\n      {tabbar}\n    </div>\n  );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withAdaptivity(Epic, {\n  viewWidth: true,\n});\n"],"file":"Epic.js"}
+{"version":3,"sources":["../../../src/components/Epic/Epic.tsx"],"names":["React","getClassName","usePlatform","withAdaptivity","ViewWidth","ScrollSaver","getNavId","warnOnce","warn","EpicComponent","props","platform","scroll","useRef","current","activeStory","tabbar","children","viewWidth","restProps","process","env","NODE_ENV","SMALL_TABLET","story","Children","toArray","find","isValidElement","value","Epic","displayName"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,cAAT,EAAyBC,SAAzB;AACA,SAASC,WAAT;AACA,SAASC,QAAT;AACA,SAASC,QAAT;AAcA,IAAMC,IAAI,GAAGD,QAAQ,CAAC,MAAD,CAArB;;AAEA,IAAME,aAA+D,GAAG,SAAlEA,aAAkE,CACtEC,KADsE,EAEnE;AAAA;;AACH,MAAMC,QAAQ,GAAGT,WAAW,EAA5B;AACA,MAAMU,MAAM,GAAGZ,KAAK,CAACa,MAAN,CAAwC,EAAxC,EAA4CC,OAA3D;;AACA,MAAQC,WAAR,GAAmEL,KAAnE,CAAQK,WAAR;AAAA,MAAqBC,MAArB,GAAmEN,KAAnE,CAAqBM,MAArB;AAAA,MAA6BC,QAA7B,GAAmEP,KAAnE,CAA6BO,QAA7B;AAAA,MAAuCC,SAAvC,GAAmER,KAAnE,CAAuCQ,SAAvC;AAAA,MAAqDC,SAArD,4BAAmET,KAAnE;;AAEA,MACEU,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACA,CAACN,MADD,IAEAE,SAAS,GAAGd,SAAS,CAACmB,YAHxB,EAIE;AACAf,IAAAA,IAAI,qUACsEJ,SAAS,CAACmB,YADhF,QAAJ;AAGD;;AACD,MAAMC,KAAK,WACRxB,KAAK,CAACyB,QAAN,CAAeC,OAAf,CAAuBT,QAAvB,EAAiCU,IAAjC,CACC,UAACH,KAAD;AAAA,WACE,aAAAxB,KAAK,CAAC4B,cAAN,CAAqBJ,KAArB,KACAlB,QAAQ,CAACkB,KAAK,CAACd,KAAP,EAAcF,IAAd,CAAR,KAAgCO,WAFlC;AAAA,GADD,CADQ,uCAK+B,IAL1C;AAOA,SACE,wCAASI,SAAT;AAAoB,IAAA,SAAS,EAAElB,YAAY,CAAC,MAAD,EAASU,QAAT;AAA3C,MACE,oBAAC,WAAD;AACE,IAAA,GAAG,EAAEI,WADP;AAEE,IAAA,aAAa,EAAEH,MAAM,CAACG,WAAD,CAAN,IAAuB,CAFxC;AAGE,IAAA,UAAU,EAAE,oBAACc,KAAD;AAAA,aAAYjB,MAAM,CAACG,WAAD,CAAN,GAAsBc,KAAlC;AAAA;AAHd,KAKGL,KALH,CADF,EAQGR,MARH,CADF;AAYD,CAnCD;AAqCA;AACA;AACA;;;AACA,OAAO,IAAMc,IAAI,GAAG3B,cAAc,CAACM,aAAD,EAAgB;AAChDS,EAAAA,SAAS,EAAE;AADqC,CAAhB,CAA3B;AAIPY,IAAI,CAACC,WAAL,GAAmB,MAAnB","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { withAdaptivity, ViewWidth } from \"../../hoc/withAdaptivity\";\nimport { ScrollSaver } from \"./ScrollSaver\";\nimport { getNavId } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport {\n  AdaptivityContextInterface,\n  AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport \"./Epic.css\";\n\nexport interface EpicProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    AdaptivityProps {\n  tabbar?: React.ReactNode;\n  activeStory: string;\n}\n\nconst warn = warnOnce(\"Epic\");\n\nconst EpicComponent: React.FC<EpicProps & AdaptivityContextInterface> = (\n  props\n) => {\n  const platform = usePlatform();\n  const scroll = React.useRef<{ [key: string]: number }>({}).current;\n  const { activeStory, tabbar, children, viewWidth, ...restProps } = props;\n\n  if (\n    process.env.NODE_ENV === \"development\" &&\n    !tabbar &&\n    viewWidth < ViewWidth.SMALL_TABLET\n  ) {\n    warn(\n      `Не рекомендуется использовать Epic без Tabbar при ширине окна меньше ${ViewWidth.SMALL_TABLET}px`\n    );\n  }\n  const story =\n    (React.Children.toArray(children).find(\n      (story) =>\n        React.isValidElement(story) &&\n        getNavId(story.props, warn) === activeStory\n    ) as React.ReactElement | undefined) ?? null;\n\n  return (\n    <div {...restProps} vkuiClass={getClassName(\"Epic\", platform)}>\n      <ScrollSaver\n        key={activeStory}\n        initialScroll={scroll[activeStory] || 0}\n        saveScroll={(value) => (scroll[activeStory] = value)}\n      >\n        {story}\n      </ScrollSaver>\n      {tabbar}\n    </div>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Epic\n */\nexport const Epic = withAdaptivity(EpicComponent, {\n  viewWidth: true,\n});\n\nEpic.displayName = \"Epic\";\n"],"file":"Epic.js"}

package/dist/components/FixedLayout/FixedLayout.d.ts

@@ -18,5 +18,4 @@ export interface FixedLayoutState {
 /**
  * @see https://vkcom.github.io/VKUI/#/FixedLayout
  */
-declare const FixedLayout: React.FC<FixedLayoutProps>;
-export default FixedLayout;
+export declare const FixedLayout: React.FC<FixedLayoutProps>;

package/dist/components/FixedLayout/FixedLayout.js

@@ -5,7 +5,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["children", "style", "vertical", "getRootRef", "getRef", "filled"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
-import { getClassName } from "../../helpers/getClassName";
+import { IOS } from "../../lib/platform";
 import { classNames } from "../../lib/classNames";
 import { SplitColContext } from "../SplitCol/SplitCol";
 import { TooltipContainer } from "../Tooltip/TooltipContainer";
@@ -16,7 +16,7 @@ import { usePlatform } from "../../hooks/usePlatform";
 /**
  * @see https://vkcom.github.io/VKUI/#/FixedLayout
  */
-var FixedLayout = function FixedLayout(_ref) {
+export var FixedLayout = function FixedLayout(_ref) {
   var children = _ref.children,
       style = _ref.style,
       vertical = _ref.vertical,
@@ -46,11 +46,8 @@ var FixedLayout = function FixedLayout(_ref) {
   useGlobalEventListener(window, "resize", doResize);
   return createScopedElement(TooltipContainer, _extends({}, restProps, {
     fixed: true,
-    ref: getRootRef // eslint-disable-next-line vkui/no-object-expression-in-arguments
-    ,
-    vkuiClass: classNames(getClassName("FixedLayout", platform), {
-      "FixedLayout--filled": filled
-    }, "FixedLayout--".concat(vertical)),
+    ref: getRootRef,
+    vkuiClass: classNames("FixedLayout", platform === IOS && "FixedLayout--ios", filled && "FixedLayout--filled", "FixedLayout--".concat(vertical)),
     style: _objectSpread(_objectSpread({}, style), {}, {
       width: width
     })
@@ -58,8 +55,5 @@ var FixedLayout = function FixedLayout(_ref) {
     vkuiClass: "FixedLayout__in",
     ref: getRef
   }, children));
-}; // eslint-disable-next-line import/no-default-export
-
-
-export default FixedLayout;
+};
 //# sourceMappingURL=FixedLayout.js.map

package/dist/components/FixedLayout/FixedLayout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FixedLayout/FixedLayout.tsx"],"names":["React","getClassName","classNames","SplitColContext","TooltipContainer","useDOM","useGlobalEventListener","usePlatform","FixedLayout","children","style","vertical","getRootRef","getRef","filled","restProps","platform","useState","undefined","width","setWidth","window","useContext","colRef","doResize","current","offsetWidth","useEffect"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AAEA,SAASC,eAAT;AACA,SAASC,gBAAT;AACA,SAASC,MAAT;AACA,SAASC,sBAAT;AACA,SAASC,WAAT;;AAsBA;AACA;AACA;AACA,IAAMC,WAAuC,GAAG,SAA1CA,WAA0C,OAQxB;AAAA,MAPtBC,QAOsB,QAPtBA,QAOsB;AAAA,MANtBC,KAMsB,QANtBA,KAMsB;AAAA,MALtBC,QAKsB,QALtBA,QAKsB;AAAA,MAJtBC,UAIsB,QAJtBA,UAIsB;AAAA,MAHtBC,MAGsB,QAHtBA,MAGsB;AAAA,MAFtBC,MAEsB,QAFtBA,MAEsB;AAAA,MADnBC,SACmB;;AACtB,MAAMC,QAAQ,GAAGT,WAAW,EAA5B;;AACA,wBAA0BP,KAAK,CAACiB,QAAN,CAAmCC,SAAnC,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AACA,gBAAmBf,MAAM,EAAzB;AAAA,MAAQgB,MAAR,WAAQA,MAAR;;AACA,0BAAmBrB,KAAK,CAACsB,UAAN,CAAiBnB,eAAjB,CAAnB;AAAA,MAAQoB,MAAR,qBAAQA,MAAR;;AACA,MAAMC,QAAQ,GAAG,SAAXA,QAAW;AAAA,WACfJ,QAAQ,CAACG,MAAM,SAAN,IAAAA,MAAM,WAAN,IAAAA,MAAM,CAAEE,OAAR,aAAqBF,MAAM,CAACE,OAAP,CAAeC,WAApC,UAAsDR,SAAvD,CADO;AAAA,GAAjB;;AAEAlB,EAAAA,KAAK,CAAC2B,SAAN,CAAgBH,QAAhB,EAA0B,CAACD,MAAD,CAA1B;AACAjB,EAAAA,sBAAsB,CAACe,MAAD,EAAS,QAAT,EAAmBG,QAAnB,CAAtB;AAEA,SACE,oBAAC,gBAAD,eACMT,SADN;AAEE,IAAA,KAAK,MAFP;AAGE,IAAA,GAAG,EAAEH,UAHP,CAIE;AAJF;AAKE,IAAA,SAAS,EAAEV,UAAU,CACnBD,YAAY,CAAC,aAAD,EAAgBe,QAAhB,CADO,EAEnB;AACE,6BAAuBF;AADzB,KAFmB,yBAKHH,QALG,EALvB;AAYE,IAAA,KAAK,kCAAOD,KAAP;AAAcS,MAAAA,KAAK,EAALA;AAAd;AAZP,MAcE;AAAK,IAAA,SAAS,EAAC,iBAAf;AAAiC,IAAA,GAAG,EAAEN;AAAtC,KACGJ,QADH,CAdF,CADF;AAoBD,CAtCD,C,CAwCA;;;AACA,eAAeD,WAAf","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { SplitColContext } from \"../SplitCol/SplitCol\";\nimport { TooltipContainer } from \"../Tooltip/TooltipContainer\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./FixedLayout.css\";\n\nexport interface FixedLayoutProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLDivElement> {\n  vertical?: \"top\" | \"bottom\";\n  /**\n   * Это свойство определяет, будет ли фон компонента окрашен в цвет фона контента.\n   * Это часто необходимо для фиксированных кнопок в нижней части экрана.\n   */\n  filled?: boolean;\n}\n\nexport interface FixedLayoutState {\n  position: \"absolute\" | null;\n  top: number;\n  bottom: number;\n  width: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FixedLayout\n */\nconst FixedLayout: React.FC<FixedLayoutProps> = ({\n  children,\n  style,\n  vertical,\n  getRootRef,\n  getRef,\n  filled,\n  ...restProps\n}: FixedLayoutProps) => {\n  const platform = usePlatform();\n  const [width, setWidth] = React.useState<string | undefined>(undefined);\n  const { window } = useDOM();\n  const { colRef } = React.useContext(SplitColContext);\n  const doResize = () =>\n    setWidth(colRef?.current ? `${colRef.current.offsetWidth}px` : undefined);\n  React.useEffect(doResize, [colRef]);\n  useGlobalEventListener(window, \"resize\", doResize);\n\n  return (\n    <TooltipContainer\n      {...restProps}\n      fixed\n      ref={getRootRef}\n      // eslint-disable-next-line vkui/no-object-expression-in-arguments\n      vkuiClass={classNames(\n        getClassName(\"FixedLayout\", platform),\n        {\n          \"FixedLayout--filled\": filled,\n        },\n        `FixedLayout--${vertical}`\n      )}\n      style={{ ...style, width }}\n    >\n      <div vkuiClass=\"FixedLayout__in\" ref={getRef}>\n        {children}\n      </div>\n    </TooltipContainer>\n  );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default FixedLayout;\n"],"file":"FixedLayout.js"}
+{"version":3,"sources":["../../../src/components/FixedLayout/FixedLayout.tsx"],"names":["React","IOS","classNames","SplitColContext","TooltipContainer","useDOM","useGlobalEventListener","usePlatform","FixedLayout","children","style","vertical","getRootRef","getRef","filled","restProps","platform","useState","undefined","width","setWidth","window","useContext","colRef","doResize","current","offsetWidth","useEffect"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,GAAT;AACA,SAASC,UAAT;AAEA,SAASC,eAAT;AACA,SAASC,gBAAT;AACA,SAASC,MAAT;AACA,SAASC,sBAAT;AACA,SAASC,WAAT;;AAsBA;AACA;AACA;AACA,OAAO,IAAMC,WAAuC,GAAG,SAA1CA,WAA0C,OAQ/B;AAAA,MAPtBC,QAOsB,QAPtBA,QAOsB;AAAA,MANtBC,KAMsB,QANtBA,KAMsB;AAAA,MALtBC,QAKsB,QALtBA,QAKsB;AAAA,MAJtBC,UAIsB,QAJtBA,UAIsB;AAAA,MAHtBC,MAGsB,QAHtBA,MAGsB;AAAA,MAFtBC,MAEsB,QAFtBA,MAEsB;AAAA,MADnBC,SACmB;;AACtB,MAAMC,QAAQ,GAAGT,WAAW,EAA5B;;AACA,wBAA0BP,KAAK,CAACiB,QAAN,CAAmCC,SAAnC,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AACA,gBAAmBf,MAAM,EAAzB;AAAA,MAAQgB,MAAR,WAAQA,MAAR;;AACA,0BAAmBrB,KAAK,CAACsB,UAAN,CAAiBnB,eAAjB,CAAnB;AAAA,MAAQoB,MAAR,qBAAQA,MAAR;;AACA,MAAMC,QAAQ,GAAG,SAAXA,QAAW;AAAA,WACfJ,QAAQ,CAACG,MAAM,SAAN,IAAAA,MAAM,WAAN,IAAAA,MAAM,CAAEE,OAAR,aAAqBF,MAAM,CAACE,OAAP,CAAeC,WAApC,UAAsDR,SAAvD,CADO;AAAA,GAAjB;;AAEAlB,EAAAA,KAAK,CAAC2B,SAAN,CAAgBH,QAAhB,EAA0B,CAACD,MAAD,CAA1B;AACAjB,EAAAA,sBAAsB,CAACe,MAAD,EAAS,QAAT,EAAmBG,QAAnB,CAAtB;AAEA,SACE,oBAAC,gBAAD,eACMT,SADN;AAEE,IAAA,KAAK,MAFP;AAGE,IAAA,GAAG,EAAEH,UAHP;AAIE,IAAA,SAAS,EAAEV,UAAU,CACnB,aADmB,EAEnBc,QAAQ,KAAKf,GAAb,IAAoB,kBAFD,EAGnBa,MAAM,IAAI,qBAHS,yBAIHH,QAJG,EAJvB;AAUE,IAAA,KAAK,kCAAOD,KAAP;AAAcS,MAAAA,KAAK,EAALA;AAAd;AAVP,MAYE;AAAK,IAAA,SAAS,EAAC,iBAAf;AAAiC,IAAA,GAAG,EAAEN;AAAtC,KACGJ,QADH,CAZF,CADF;AAkBD,CApCM","sourcesContent":["import * as React from \"react\";\nimport { IOS } from \"../../lib/platform\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { SplitColContext } from \"../SplitCol/SplitCol\";\nimport { TooltipContainer } from \"../Tooltip/TooltipContainer\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./FixedLayout.css\";\n\nexport interface FixedLayoutProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLDivElement> {\n  vertical?: \"top\" | \"bottom\";\n  /**\n   * Это свойство определяет, будет ли фон компонента окрашен в цвет фона контента.\n   * Это часто необходимо для фиксированных кнопок в нижней части экрана.\n   */\n  filled?: boolean;\n}\n\nexport interface FixedLayoutState {\n  position: \"absolute\" | null;\n  top: number;\n  bottom: number;\n  width: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FixedLayout\n */\nexport const FixedLayout: React.FC<FixedLayoutProps> = ({\n  children,\n  style,\n  vertical,\n  getRootRef,\n  getRef,\n  filled,\n  ...restProps\n}: FixedLayoutProps) => {\n  const platform = usePlatform();\n  const [width, setWidth] = React.useState<string | undefined>(undefined);\n  const { window } = useDOM();\n  const { colRef } = React.useContext(SplitColContext);\n  const doResize = () =>\n    setWidth(colRef?.current ? `${colRef.current.offsetWidth}px` : undefined);\n  React.useEffect(doResize, [colRef]);\n  useGlobalEventListener(window, \"resize\", doResize);\n\n  return (\n    <TooltipContainer\n      {...restProps}\n      fixed\n      ref={getRootRef}\n      vkuiClass={classNames(\n        \"FixedLayout\",\n        platform === IOS && \"FixedLayout--ios\",\n        filled && \"FixedLayout--filled\",\n        `FixedLayout--${vertical}`\n      )}\n      style={{ ...style, width }}\n    >\n      <div vkuiClass=\"FixedLayout__in\" ref={getRef}>\n        {children}\n      </div>\n    </TooltipContainer>\n  );\n};\n"],"file":"FixedLayout.js"}

package/dist/components/FocusVisible/FocusVisible.d.ts

@@ -1,11 +1,10 @@
-import * as React from "react";
+/// <reference types="react" />
 import "./FocusVisible.css";
 export declare type FocusVisibleMode = "inside" | "outside";
-interface FocusVisibleProps {
+export interface FocusVisibleProps {
     mode: FocusVisibleMode;
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/FocusVisible
  */
-export declare const FocusVisible: React.FC<FocusVisibleProps>;
-export {};
+export declare const FocusVisible: ({ mode }: FocusVisibleProps) => JSX.Element;

package/dist/components/FocusVisible/FocusVisible.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FocusVisible/FocusVisible.tsx"],"names":["classNames","FocusVisible","mode"],"mappings":";AACA,SAASA,UAAT;;AASA;AACA;AACA;AACA,OAAO,IAAMC,YAAyC,GAAG,SAA5CA,YAA4C;AAAA,MACvDC,IADuD,QACvDA,IADuD;AAAA,SAGvD;AACE,mBAAY,MADd;AAEE,IAAA,SAAS,EAAEF,UAAU,CAAC,cAAD,0BAAkCE,IAAlC;AAFvB,IAHuD;AAAA,CAAlD","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./FocusVisible.css\";\n\nexport type FocusVisibleMode = \"inside\" | \"outside\";\n\ninterface FocusVisibleProps {\n  mode: FocusVisibleMode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FocusVisible\n */\nexport const FocusVisible: React.FC<FocusVisibleProps> = ({\n  mode,\n}: FocusVisibleProps) => (\n  <span\n    aria-hidden=\"true\"\n    vkuiClass={classNames(\"FocusVisible\", `FocusVisible--${mode}`)}\n  />\n);\n"],"file":"FocusVisible.js"}
+{"version":3,"sources":["../../../src/components/FocusVisible/FocusVisible.tsx"],"names":["classNames","FocusVisible","mode"],"mappings":";AAAA,SAASA,UAAT;;AASA;AACA;AACA;AACA,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAe;AAAA,MAAGC,IAAH,QAAGA,IAAH;AAAA,SAC1B;AACE,mBAAY,MADd;AAEE,IAAA,SAAS,EAAEF,UAAU,CAAC,cAAD,0BAAkCE,IAAlC;AAFvB,IAD0B;AAAA,CAArB","sourcesContent":["import { classNames } from \"../../lib/classNames\";\nimport \"./FocusVisible.css\";\n\nexport type FocusVisibleMode = \"inside\" | \"outside\";\n\nexport interface FocusVisibleProps {\n  mode: FocusVisibleMode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FocusVisible\n */\nexport const FocusVisible = ({ mode }: FocusVisibleProps) => (\n  <span\n    aria-hidden=\"true\"\n    vkuiClass={classNames(\"FocusVisible\", `FocusVisible--${mode}`)}\n  />\n);\n"],"file":"FocusVisible.js"}

package/dist/components/FormItem/FormItem.js

@@ -44,12 +44,9 @@ export var FormItem = function FormItem(_ref) {
     vkuiClass: "FormItem__bottom"
   }, bottom));
   return createScopedElement(Component, _extends({}, restProps, {
-    ref: rootEl // eslint-disable-next-line vkui/no-object-expression-in-arguments
-    ,
-    vkuiClass: classNames(getClassName("FormItem", platform), "FormItem--".concat(status), "FormItem--sizeY-".concat(sizeY), {
-      "FormItem--withTop": hasReactNode(top),
-      "FormItem--removable": removable
-    })
+    ref: rootEl,
+    vkuiClass: classNames(getClassName("FormItem", platform), // TODO: v5 remove
+    "FormItem--".concat(status), "FormItem--sizeY-".concat(sizeY), hasReactNode(top) && "FormItem--withTop", removable && "FormItem--removable")
   }), removable ? createScopedElement(Removable, {
     align: "start",
     onRemove: function onRemove(e) {

package/dist/components/FormItem/FormItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FormItem/FormItem.tsx"],"names":["React","classNames","useExternRef","usePlatform","getClassName","hasReactNode","noop","Subhead","Caption","useAdaptivity","Removable","FormItem","children","top","bottom","status","Component","removable","onRemove","removePlaceholder","getRootRef","restProps","platform","rootEl","sizeY","wrappedChildren","e","current"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,SAASC,YAAT,EAAuBC,IAAvB;AACA,SAASC,OAAT;AACA,SAASC,OAAT;AACA,SAASC,aAAT;AACA,SAASC,SAAT;;AAiBA;AACA;AACA;AACA,OAAO,IAAMC,QAAiC,GAAG,SAApCA,QAAoC,OAW5B;AAAA,MAVnBC,QAUmB,QAVnBA,QAUmB;AAAA,MATnBC,GASmB,QATnBA,GASmB;AAAA,MARnBC,MAQmB,QARnBA,MAQmB;AAAA,yBAPnBC,MAOmB;AAAA,MAPnBA,MAOmB,4BAPV,SAOU;AAAA,4BANnBC,SAMmB;AAAA,MANnBA,SAMmB,+BANP,KAMO;AAAA,MALnBC,SAKmB,QALnBA,SAKmB;AAAA,2BAJnBC,QAImB;AAAA,MAJnBA,SAImB,8BAJRZ,IAIQ;AAAA,mCAHnBa,iBAGmB;AAAA,MAHnBA,iBAGmB,sCAHC,SAGD;AAAA,MAFnBC,UAEmB,QAFnBA,UAEmB;AAAA,MADhBC,SACgB;;AACnB,MAAMC,QAAQ,GAAGnB,WAAW,EAA5B;AACA,MAAMoB,MAAM,GAAGrB,YAAY,CAACkB,UAAD,CAA3B;;AACA,uBAAkBX,aAAa,EAA/B;AAAA,MAAQe,KAAR,kBAAQA,KAAR;;AAEA,MAAMC,eAAe,GACnB,oBAAC,KAAD,CAAO,QAAP,QACGpB,YAAY,CAACQ,GAAD,CAAZ,IAAqB,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KAAoCA,GAApC,CADxB,EAEGD,QAFH,EAGGP,YAAY,CAACS,MAAD,CAAZ,IACC,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KAAuCA,MAAvC,CAJJ,CADF;AAUA,SACE,oBAAC,SAAD,eACMO,SADN;AAEE,IAAA,GAAG,EAAEE,MAFP,CAGE;AAHF;AAIE,IAAA,SAAS,EAAEtB,UAAU,CACnBG,YAAY,CAAC,UAAD,EAAakB,QAAb,CADO,sBAENP,MAFM,6BAGAS,KAHA,GAInB;AACE,2BAAqBnB,YAAY,CAACQ,GAAD,CADnC;AAEE,6BAAuBI;AAFzB,KAJmB;AAJvB,MAcGA,SAAS,GACR,oBAAC,SAAD;AACE,IAAA,KAAK,EAAC,OADR;AAEE,IAAA,QAAQ,EAAE,kBAACS,CAAD,EAAO;AACf,UAAIH,MAAJ,aAAIA,MAAJ,eAAIA,MAAM,CAAEI,OAAZ,EAAqB;AACnBT,QAAAA,SAAQ,CAACQ,CAAD,EAAIH,MAAM,CAACI,OAAX,CAAR;AACD;AACF,KANH;AAOE,IAAA,iBAAiB,EAAER;AAPrB,KASE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAsCM,eAAtC,CATF,CADQ,GAaRA,eA3BJ,CADF;AAgCD,CA1DM","sourcesContent":["import * as React from \"react\";\nimport { HasComponent, HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { hasReactNode, noop } from \"../../lib/utils\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { Removable, RemovableProps } from \"../Removable/Removable\";\nimport \"./FormItem.css\";\n\nexport interface FormItemProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent,\n    RemovableProps {\n  top?: React.ReactNode;\n  bottom?: React.ReactNode;\n  status?: \"default\" | \"error\" | \"valid\";\n  /**\n   * Дает возможность удалить `FormItem`. Рекомендуется использовать только для `Input` или `Select`.\n   */\n  removable?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FormItem\n */\nexport const FormItem: React.FC<FormItemProps> = ({\n  children,\n  top,\n  bottom,\n  status = \"default\",\n  Component = \"div\",\n  removable,\n  onRemove = noop,\n  removePlaceholder = \"Удалить\",\n  getRootRef,\n  ...restProps\n}: FormItemProps) => {\n  const platform = usePlatform();\n  const rootEl = useExternRef(getRootRef);\n  const { sizeY } = useAdaptivity();\n\n  const wrappedChildren = (\n    <React.Fragment>\n      {hasReactNode(top) && <Subhead vkuiClass=\"FormItem__top\">{top}</Subhead>}\n      {children}\n      {hasReactNode(bottom) && (\n        <Caption vkuiClass=\"FormItem__bottom\">{bottom}</Caption>\n      )}\n    </React.Fragment>\n  );\n\n  return (\n    <Component\n      {...restProps}\n      ref={rootEl}\n      // eslint-disable-next-line vkui/no-object-expression-in-arguments\n      vkuiClass={classNames(\n        getClassName(\"FormItem\", platform),\n        `FormItem--${status}`,\n        `FormItem--sizeY-${sizeY}`,\n        {\n          \"FormItem--withTop\": hasReactNode(top),\n          \"FormItem--removable\": removable,\n        }\n      )}\n    >\n      {removable ? (\n        <Removable\n          align=\"start\"\n          onRemove={(e) => {\n            if (rootEl?.current) {\n              onRemove(e, rootEl.current);\n            }\n          }}\n          removePlaceholder={removePlaceholder}\n        >\n          <div vkuiClass=\"FormItem__removable\">{wrappedChildren}</div>\n        </Removable>\n      ) : (\n        wrappedChildren\n      )}\n    </Component>\n  );\n};\n"],"file":"FormItem.js"}
+{"version":3,"sources":["../../../src/components/FormItem/FormItem.tsx"],"names":["React","classNames","useExternRef","usePlatform","getClassName","hasReactNode","noop","Subhead","Caption","useAdaptivity","Removable","FormItem","children","top","bottom","status","Component","removable","onRemove","removePlaceholder","getRootRef","restProps","platform","rootEl","sizeY","wrappedChildren","e","current"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,SAASC,YAAT,EAAuBC,IAAvB;AACA,SAASC,OAAT;AACA,SAASC,OAAT;AACA,SAASC,aAAT;AACA,SAASC,SAAT;;AAiBA;AACA;AACA;AACA,OAAO,IAAMC,QAAiC,GAAG,SAApCA,QAAoC,OAW5B;AAAA,MAVnBC,QAUmB,QAVnBA,QAUmB;AAAA,MATnBC,GASmB,QATnBA,GASmB;AAAA,MARnBC,MAQmB,QARnBA,MAQmB;AAAA,yBAPnBC,MAOmB;AAAA,MAPnBA,MAOmB,4BAPV,SAOU;AAAA,4BANnBC,SAMmB;AAAA,MANnBA,SAMmB,+BANP,KAMO;AAAA,MALnBC,SAKmB,QALnBA,SAKmB;AAAA,2BAJnBC,QAImB;AAAA,MAJnBA,SAImB,8BAJRZ,IAIQ;AAAA,mCAHnBa,iBAGmB;AAAA,MAHnBA,iBAGmB,sCAHC,SAGD;AAAA,MAFnBC,UAEmB,QAFnBA,UAEmB;AAAA,MADhBC,SACgB;;AACnB,MAAMC,QAAQ,GAAGnB,WAAW,EAA5B;AACA,MAAMoB,MAAM,GAAGrB,YAAY,CAACkB,UAAD,CAA3B;;AACA,uBAAkBX,aAAa,EAA/B;AAAA,MAAQe,KAAR,kBAAQA,KAAR;;AAEA,MAAMC,eAAe,GACnB,oBAAC,KAAD,CAAO,QAAP,QACGpB,YAAY,CAACQ,GAAD,CAAZ,IAAqB,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KAAoCA,GAApC,CADxB,EAEGD,QAFH,EAGGP,YAAY,CAACS,MAAD,CAAZ,IACC,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KAAuCA,MAAvC,CAJJ,CADF;AAUA,SACE,oBAAC,SAAD,eACMO,SADN;AAEE,IAAA,GAAG,EAAEE,MAFP;AAGE,IAAA,SAAS,EAAEtB,UAAU,CACnBG,YAAY,CAAC,UAAD,EAAakB,QAAb,CADO,EACiB;AADjB,wBAENP,MAFM,6BAGAS,KAHA,GAInBnB,YAAY,CAACQ,GAAD,CAAZ,IAAqB,mBAJF,EAKnBI,SAAS,IAAI,qBALM;AAHvB,MAWGA,SAAS,GACR,oBAAC,SAAD;AACE,IAAA,KAAK,EAAC,OADR;AAEE,IAAA,QAAQ,EAAE,kBAACS,CAAD,EAAO;AACf,UAAIH,MAAJ,aAAIA,MAAJ,eAAIA,MAAM,CAAEI,OAAZ,EAAqB;AACnBT,QAAAA,SAAQ,CAACQ,CAAD,EAAIH,MAAM,CAACI,OAAX,CAAR;AACD;AACF,KANH;AAOE,IAAA,iBAAiB,EAAER;AAPrB,KASE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAsCM,eAAtC,CATF,CADQ,GAaRA,eAxBJ,CADF;AA6BD,CAvDM","sourcesContent":["import * as React from \"react\";\nimport { HasComponent, HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { hasReactNode, noop } from \"../../lib/utils\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { Removable, RemovableProps } from \"../Removable/Removable\";\nimport \"./FormItem.css\";\n\nexport interface FormItemProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent,\n    RemovableProps {\n  top?: React.ReactNode;\n  bottom?: React.ReactNode;\n  status?: \"default\" | \"error\" | \"valid\";\n  /**\n   * Дает возможность удалить `FormItem`. Рекомендуется использовать только для `Input` или `Select`.\n   */\n  removable?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FormItem\n */\nexport const FormItem: React.FC<FormItemProps> = ({\n  children,\n  top,\n  bottom,\n  status = \"default\",\n  Component = \"div\",\n  removable,\n  onRemove = noop,\n  removePlaceholder = \"Удалить\",\n  getRootRef,\n  ...restProps\n}: FormItemProps) => {\n  const platform = usePlatform();\n  const rootEl = useExternRef(getRootRef);\n  const { sizeY } = useAdaptivity();\n\n  const wrappedChildren = (\n    <React.Fragment>\n      {hasReactNode(top) && <Subhead vkuiClass=\"FormItem__top\">{top}</Subhead>}\n      {children}\n      {hasReactNode(bottom) && (\n        <Caption vkuiClass=\"FormItem__bottom\">{bottom}</Caption>\n      )}\n    </React.Fragment>\n  );\n\n  return (\n    <Component\n      {...restProps}\n      ref={rootEl}\n      vkuiClass={classNames(\n        getClassName(\"FormItem\", platform), // TODO: v5 remove\n        `FormItem--${status}`,\n        `FormItem--sizeY-${sizeY}`,\n        hasReactNode(top) && \"FormItem--withTop\",\n        removable && \"FormItem--removable\"\n      )}\n    >\n      {removable ? (\n        <Removable\n          align=\"start\"\n          onRemove={(e) => {\n            if (rootEl?.current) {\n              onRemove(e, rootEl.current);\n            }\n          }}\n          removePlaceholder={removePlaceholder}\n        >\n          <div vkuiClass=\"FormItem__removable\">{wrappedChildren}</div>\n        </Removable>\n      ) : (\n        wrappedChildren\n      )}\n    </Component>\n  );\n};\n"],"file":"FormItem.js"}

package/dist/components/FormLayout/FormLayout.d.ts

@@ -5,5 +5,4 @@ export declare type FormLayoutProps = React.AllHTMLAttributes<HTMLElement> & Has
 /**
  * @see https://vkcom.github.io/VKUI/#/FormLayout
  */
-declare const FormLayout: React.FC<FormLayoutProps>;
-export default FormLayout;
+export declare const FormLayout: React.FC<FormLayoutProps>;

package/dist/components/FormLayout/FormLayout.js

@@ -12,7 +12,7 @@ var preventDefault = function preventDefault(e) {
 /**
  * @see https://vkcom.github.io/VKUI/#/FormLayout
  */
-var FormLayout = function FormLayout(props) {
+export var FormLayout = function FormLayout(props) {
   var children = props.children,
       _props$Component = props.Component,
       Component = _props$Component === void 0 ? "form" : _props$Component,
@@ -33,8 +33,5 @@ var FormLayout = function FormLayout(props) {
     vkuiClass: "FormLayout__submit",
     value: ""
   }));
-}; // eslint-disable-next-line import/no-default-export
-
-
-export default FormLayout;
+};
 //# sourceMappingURL=FormLayout.js.map

package/dist/components/FormLayout/FormLayout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FormLayout/FormLayout.tsx"],"names":["getClassName","usePlatform","preventDefault","e","FormLayout","props","children","Component","getRef","onSubmit","restProps","platform"],"mappings":";;;;AACA,SAASA,YAAT;AACA,SAASC,WAAT;;AAIA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,CAAD;AAAA,SAAwBA,CAAC,CAACD,cAAF,EAAxB;AAAA,CAAvB;;AAMA;AACA;AACA;AACA,IAAME,UAAqC,GAAG,SAAxCA,UAAwC,CAACC,KAAD,EAA4B;AACxE,MACEC,QADF,GAMID,KANJ,CACEC,QADF;AAAA,yBAMID,KANJ,CAEEE,SAFF;AAAA,MAEEA,SAFF,iCAEc,MAFd;AAAA,MAGEC,MAHF,GAMIH,KANJ,CAGEG,MAHF;AAAA,wBAMIH,KANJ,CAIEI,QAJF;AAAA,MAIEA,QAJF,gCAIaP,cAJb;AAAA,MAKKQ,SALL,4BAMIL,KANJ;;AAQA,MAAMM,QAAQ,GAAGV,WAAW,EAA5B;AACA,SACE,oBAAC,SAAD,eACMS,SADN;AAEE,IAAA,SAAS,EAAEV,YAAY,CAAC,YAAD,EAAeW,QAAf,CAFzB;AAGE,IAAA,QAAQ,EAAEF,QAHZ;AAIE,IAAA,GAAG,EAAED;AAJP,MAME;AAAK,IAAA,SAAS,EAAC;AAAf,KAAwCF,QAAxC,CANF,EAOGC,SAAS,KAAK,MAAd,IACC;AAAO,IAAA,IAAI,EAAC,QAAZ;AAAqB,IAAA,SAAS,EAAC,oBAA/B;AAAoD,IAAA,KAAK,EAAC;AAA1D,IARJ,CADF;AAaD,CAvBD,C,CAyBA;;;AACA,eAAeH,UAAf","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasComponent, HasRef } from \"../../types\";\nimport \"./FormLayout.css\";\n\nconst preventDefault = (e: React.FormEvent) => e.preventDefault();\n\nexport type FormLayoutProps = React.AllHTMLAttributes<HTMLElement> &\n  HasRef<HTMLElement> &\n  HasComponent;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FormLayout\n */\nconst FormLayout: React.FC<FormLayoutProps> = (props: FormLayoutProps) => {\n  const {\n    children,\n    Component = \"form\",\n    getRef,\n    onSubmit = preventDefault,\n    ...restProps\n  } = props;\n\n  const platform = usePlatform();\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={getClassName(\"FormLayout\", platform)}\n      onSubmit={onSubmit}\n      ref={getRef}\n    >\n      <div vkuiClass=\"FormLayout__container\">{children}</div>\n      {Component === \"form\" && (\n        <input type=\"submit\" vkuiClass=\"FormLayout__submit\" value=\"\" />\n      )}\n    </Component>\n  );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default FormLayout;\n"],"file":"FormLayout.js"}
+{"version":3,"sources":["../../../src/components/FormLayout/FormLayout.tsx"],"names":["getClassName","usePlatform","preventDefault","e","FormLayout","props","children","Component","getRef","onSubmit","restProps","platform"],"mappings":";;;;AACA,SAASA,YAAT;AACA,SAASC,WAAT;;AAIA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,CAAD;AAAA,SAAwBA,CAAC,CAACD,cAAF,EAAxB;AAAA,CAAvB;;AAMA;AACA;AACA;AACA,OAAO,IAAME,UAAqC,GAAG,SAAxCA,UAAwC,CACnDC,KADmD,EAEhD;AACH,MACEC,QADF,GAMID,KANJ,CACEC,QADF;AAAA,yBAMID,KANJ,CAEEE,SAFF;AAAA,MAEEA,SAFF,iCAEc,MAFd;AAAA,MAGEC,MAHF,GAMIH,KANJ,CAGEG,MAHF;AAAA,wBAMIH,KANJ,CAIEI,QAJF;AAAA,MAIEA,QAJF,gCAIaP,cAJb;AAAA,MAKKQ,SALL,4BAMIL,KANJ;;AAQA,MAAMM,QAAQ,GAAGV,WAAW,EAA5B;AACA,SACE,oBAAC,SAAD,eACMS,SADN;AAEE,IAAA,SAAS,EAAEV,YAAY,CAAC,YAAD,EAAeW,QAAf,CAFzB;AAGE,IAAA,QAAQ,EAAEF,QAHZ;AAIE,IAAA,GAAG,EAAED;AAJP,MAME;AAAK,IAAA,SAAS,EAAC;AAAf,KAAwCF,QAAxC,CANF,EAOGC,SAAS,KAAK,MAAd,IACC;AAAO,IAAA,IAAI,EAAC,QAAZ;AAAqB,IAAA,SAAS,EAAC,oBAA/B;AAAoD,IAAA,KAAK,EAAC;AAA1D,IARJ,CADF;AAaD,CAzBM","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasComponent, HasRef } from \"../../types\";\nimport \"./FormLayout.css\";\n\nconst preventDefault = (e: React.FormEvent) => e.preventDefault();\n\nexport type FormLayoutProps = React.AllHTMLAttributes<HTMLElement> &\n  HasRef<HTMLElement> &\n  HasComponent;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FormLayout\n */\nexport const FormLayout: React.FC<FormLayoutProps> = (\n  props: FormLayoutProps\n) => {\n  const {\n    children,\n    Component = \"form\",\n    getRef,\n    onSubmit = preventDefault,\n    ...restProps\n  } = props;\n\n  const platform = usePlatform();\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={getClassName(\"FormLayout\", platform)}\n      onSubmit={onSubmit}\n      ref={getRef}\n    >\n      <div vkuiClass=\"FormLayout__container\">{children}</div>\n      {Component === \"form\" && (\n        <input type=\"submit\" vkuiClass=\"FormLayout__submit\" value=\"\" />\n      )}\n    </Component>\n  );\n};\n"],"file":"FormLayout.js"}

package/dist/components/FormLayoutGroup/FormLayoutGroup.d.ts

@@ -12,5 +12,4 @@ export interface FormLayoutGroupProps extends React.HTMLAttributes<HTMLDivElemen
 /**
  * @see https://vkcom.github.io/VKUI/#/FormLayoutGroup
  */
-declare const FormLayoutGroup: React.FC<FormLayoutGroupProps>;
-export default FormLayoutGroup;
+export declare const FormLayoutGroup: React.FC<FormLayoutGroupProps>;

package/dist/components/FormLayoutGroup/FormLayoutGroup.js

@@ -13,7 +13,7 @@ import { useAdaptivity } from "../../hooks/useAdaptivity";
 /**
  * @see https://vkcom.github.io/VKUI/#/FormLayoutGroup
  */
-var FormLayoutGroup = function FormLayoutGroup(_ref) {
+export var FormLayoutGroup = function FormLayoutGroup(_ref) {
   var children = _ref.children,
       _ref$mode = _ref.mode,
       mode = _ref$mode === void 0 ? "vertical" : _ref$mode,
@@ -33,11 +33,9 @@ var FormLayoutGroup = function FormLayoutGroup(_ref) {
   var isRemovable = removable && mode === "horizontal";
   var rootEl = useExternRef(getRootRef);
   return createScopedElement("div", _extends({
-    ref: rootEl // eslint-disable-next-line vkui/no-object-expression-in-arguments
-    ,
-    vkuiClass: classNames(getClassName("FormLayoutGroup", platform), "FormLayoutGroup--sizeY-".concat(sizeY), "FormLayoutGroup--".concat(mode), {
-      "FormLayoutGroup--removable": isRemovable
-    })
+    ref: rootEl,
+    vkuiClass: classNames(getClassName("FormLayoutGroup", platform), // TODO: v5 remove
+    "FormLayoutGroup--sizeY-".concat(sizeY), "FormLayoutGroup--".concat(mode), isRemovable && "FormLayoutGroup--removable")
   }, restProps), isRemovable ? createScopedElement(Removable, {
     vkuiClass: "FormLayoutGroup__removable",
     align: "start",
@@ -48,8 +46,5 @@ var FormLayoutGroup = function FormLayoutGroup(_ref) {
       }
     }
   }, children) : children);
-}; // eslint-disable-next-line import/no-default-export
-
-
-export default FormLayoutGroup;
+};
 //# sourceMappingURL=FormLayoutGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FormLayoutGroup/FormLayoutGroup.tsx"],"names":["getClassName","classNames","noop","useExternRef","usePlatform","Removable","useAdaptivity","FormLayoutGroup","children","mode","removable","removePlaceholder","onRemove","getRootRef","restProps","platform","sizeY","isRemovable","rootEl","e","current"],"mappings":";;;;AAEA,SAASA,YAAT;AACA,SAASC,UAAT;AACA,SAASC,IAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,SAAT;AACA,SAASC,aAAT;;AAcA;AACA;AACA;AACA,IAAMC,eAA+C,GAAG,SAAlDA,eAAkD,OAQ5B;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,8BAHfV,IAGe;AAAA,MAF1BW,UAE0B,QAF1BA,UAE0B;AAAA,MADvBC,SACuB;;AAC1B,MAAMC,QAAQ,GAAGX,WAAW,EAA5B;;AACA,uBAAkBE,aAAa,EAA/B;AAAA,MAAQU,KAAR,kBAAQA,KAAR;;AACA,MAAMC,WAAW,GAAGP,SAAS,IAAID,IAAI,KAAK,YAA1C;AACA,MAAMS,MAAM,GAAGf,YAAY,CAACU,UAAD,CAA3B;AAEA,SACE;AACE,IAAA,GAAG,EAAEK,MADP,CAEE;AAFF;AAGE,IAAA,SAAS,EAAEjB,UAAU,CACnBD,YAAY,CAAC,iBAAD,EAAoBe,QAApB,CADO,mCAEOC,KAFP,8BAGCP,IAHD,GAInB;AACE,oCAA8BQ;AADhC,KAJmB;AAHvB,KAWMH,SAXN,GAaGG,WAAW,GACV,oBAAC,SAAD;AACE,IAAA,SAAS,EAAC,4BADZ;AAEE,IAAA,KAAK,EAAC,OAFR;AAGE,IAAA,iBAAiB,EAAEN,iBAHrB;AAIE,IAAA,QAAQ,EAAE,kBAACQ,CAAD,EAAO;AACf,UAAID,MAAJ,aAAIA,MAAJ,eAAIA,MAAM,CAAEE,OAAZ,EAAqB;AACnBR,QAAAA,SAAQ,CAACO,CAAD,EAAID,MAAM,CAACE,OAAX,CAAR;AACD;AACF;AARH,KAUGZ,QAVH,CADU,GAcVA,QA3BJ,CADF;AAgCD,CA9CD,C,CAgDA;;;AACA,eAAeD,eAAf","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 */\nconst FormLayoutGroup: React.FC<FormLayoutGroupProps> = ({\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      // eslint-disable-next-line vkui/no-object-expression-in-arguments\n      vkuiClass={classNames(\n        getClassName(\"FormLayoutGroup\", platform),\n        `FormLayoutGroup--sizeY-${sizeY}`,\n        `FormLayoutGroup--${mode}`,\n        {\n          \"FormLayoutGroup--removable\": isRemovable,\n        }\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\n// eslint-disable-next-line import/no-default-export\nexport default FormLayoutGroup;\n"],"file":"FormLayoutGroup.js"}
+{"version":3,"sources":["../../../src/components/FormLayoutGroup/FormLayoutGroup.tsx"],"names":["getClassName","classNames","noop","useExternRef","usePlatform","Removable","useAdaptivity","FormLayoutGroup","children","mode","removable","removePlaceholder","onRemove","getRootRef","restProps","platform","sizeY","isRemovable","rootEl","e","current"],"mappings":";;;;AAEA,SAASA,YAAT;AACA,SAASC,UAAT;AACA,SAASC,IAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,SAAT;AACA,SAASC,aAAT;;AAcA;AACA;AACA;AACA,OAAO,IAAMC,eAA+C,GAAG,SAAlDA,eAAkD,OAQnC;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,8BAHfV,IAGe;AAAA,MAF1BW,UAE0B,QAF1BA,UAE0B;AAAA,MADvBC,SACuB;;AAC1B,MAAMC,QAAQ,GAAGX,WAAW,EAA5B;;AACA,uBAAkBE,aAAa,EAA/B;AAAA,MAAQU,KAAR,kBAAQA,KAAR;;AACA,MAAMC,WAAW,GAAGP,SAAS,IAAID,IAAI,KAAK,YAA1C;AACA,MAAMS,MAAM,GAAGf,YAAY,CAACU,UAAD,CAA3B;AAEA,SACE;AACE,IAAA,GAAG,EAAEK,MADP;AAEE,IAAA,SAAS,EAAEjB,UAAU,CACnBD,YAAY,CAAC,iBAAD,EAAoBe,QAApB,CADO,EACwB;AADxB,qCAEOC,KAFP,8BAGCP,IAHD,GAInBQ,WAAW,IAAI,4BAJI;AAFvB,KAQMH,SARN,GAUGG,WAAW,GACV,oBAAC,SAAD;AACE,IAAA,SAAS,EAAC,4BADZ;AAEE,IAAA,KAAK,EAAC,OAFR;AAGE,IAAA,iBAAiB,EAAEN,iBAHrB;AAIE,IAAA,QAAQ,EAAE,kBAACQ,CAAD,EAAO;AACf,UAAID,MAAJ,aAAIA,MAAJ,eAAIA,MAAM,CAAEE,OAAZ,EAAqB;AACnBR,QAAAA,SAAQ,CAACO,CAAD,EAAID,MAAM,CAACE,OAAX,CAAR;AACD;AACF;AARH,KAUGZ,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: React.FC<FormLayoutGroupProps> = ({\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"}

package/dist/components/Gallery/Gallery.d.ts

@@ -1,47 +1,10 @@
-import * as React from "react";
-import { TouchEventHandler } from "../Touch/Touch";
-import { HasAlign, HasPlatform, HasRef, HasRootRef } from "../../types";
-import "./Gallery.css";
-export interface BaseGalleryProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "onDragStart" | "onDragEnd">, HasPlatform, HasAlign, HasRootRef<HTMLDivElement>, HasRef<HTMLElement> {
-    slideWidth?: string | number;
-    slideIndex?: number;
-    onDragStart?: TouchEventHandler;
-    onDragEnd?: TouchEventHandler;
-    onChange?(current: number): void;
-    onEnd?({ targetIndex }: {
-        targetIndex: number;
-    }): void;
-    /**
-     * Будет вызвано при клике на кнопку-стрелку влево
-     */
-    onPrevClick?(): void;
-    /**
-     * Будет вызвано при клике на кнопку-стрелку вправо
-     */
-    onNextClick?(): void;
-    bullets?: "dark" | "light" | false;
-    isDraggable?: boolean;
-    showArrows?: boolean;
-}
+/// <reference types="react" />
+import { BaseGalleryProps } from "../BaseGallery/types";
 export interface GalleryProps extends BaseGalleryProps {
     initialSlideIndex?: number;
     timeout?: number;
 }
-export interface GalleryState {
-    containerWidth: number;
-    layerWidth?: number;
-    min?: number;
-    max?: number;
-    deltaX: number;
-    shiftX: number;
-    slides: GallerySlidesState[];
-    animation: boolean;
-    duration: number;
-    dragging?: boolean;
-}
-export interface GallerySlidesState {
-    coordX: number;
-    width: number;
-}
-declare const _default: React.FC<Pick<GalleryProps, "hidden" | "dir" | "slot" | "style" | "title" | "timeout" | "color" | "translate" | "bullets" | "prefix" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "align" | "onEnd" | "getRootRef" | "getRef" | "showArrows" | "slideWidth" | "slideIndex" | "onPrevClick" | "onNextClick" | "isDraggable" | "initialSlideIndex">>;
-export default _default;
+/**
+ * @see https://vkcom.github.io/VKUI/#/Gallery
+ */
+export declare const Gallery: ({ initialSlideIndex, children, timeout, onChange, bullets, ...props }: GalleryProps) => JSX.Element;