@vkontakte/vkui 5.0.0 → 5.0.1

package/dist/hooks/useAdaptivityWithMediaQueries.js

@@ -1,103 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import * as React from "react";
-import { hasMouse as hasMouseLib, hasHover as deviceHasHoverLib } from "@vkontakte/vkjs";
-import { AdaptivityContext } from "../components/AdaptivityProvider/AdaptivityContext";
-import { getOrDefault } from "../helpers/getOrDefault";
-import { getViewWidthByMediaQueries, getViewHeightByMediaQueries, getSizeX, getSizeY, checkIsDesktop } from "../lib/adaptivity";
-import { useMediaQueries } from "./useMediaQueries";
-import { usePlatform } from "./usePlatform";
-
-/**
- * Высчитывает и возвращает параметры адаптивности при изменении вьюпорта.
- *
- * Берёт в приоритет значения из `AdaptivityContext.
- *
- * > ⚠ SSR
- * >
- * > Во избежания ошибок при гидрации, не используйте данный хук, если есть вероятность, что компонент будет отрендерен
- * > на стороне сервера.
- * >
- * > Лучше всего использовать для всплывающих окон, т.к. они вызывается только после загрузки
- * > страницы либо пользователем, либо программно.
- */
-export var useAdaptivityWithMediaQueries = function useAdaptivityWithMediaQueries() {
-  var _React$useContext = React.useContext(AdaptivityContext),
-      viewWidthContext = _React$useContext.viewWidth,
-      viewHeightContext = _React$useContext.viewHeight,
-      sizeXContext = _React$useContext.sizeX,
-      sizeYContext = _React$useContext.sizeY,
-      hasMouseContext = _React$useContext.hasMouse,
-      deviceHasHoverContext = _React$useContext.deviceHasHover;
-
-  var platform = usePlatform();
-  var mediaQueries = useMediaQueries();
-
-  var _React$useState = React.useState(function () {
-    return [getOrDefault(viewWidthContext, getViewWidthByMediaQueries(mediaQueries)), getOrDefault(viewHeightContext, getViewHeightByMediaQueries(mediaQueries))];
-  }),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      _React$useState2$ = _slicedToArray(_React$useState2[0], 2),
-      viewWidthLocal = _React$useState2$[0],
-      viewHeightLocal = _React$useState2$[1],
-      setViewSizeLocal = _React$useState2[1];
-
-  var adaptivityProps = React.useMemo(function () {
-    var hasMouse = getOrDefault(hasMouseContext, hasMouseLib);
-    var deviceHasHover = getOrDefault(deviceHasHoverContext, deviceHasHoverLib);
-    var viewWidth = getOrDefault(viewWidthContext, viewWidthLocal);
-    var viewHeight = getOrDefault(viewHeightContext, viewHeightLocal);
-    var sizeX = getOrDefault(sizeXContext, getSizeX(viewWidth));
-    var sizeY = getOrDefault(sizeYContext, getSizeY(viewWidth, viewHeight, hasMouse));
-    var isDesktop = checkIsDesktop(viewWidth, viewHeight, hasMouse, platform);
-    return {
-      viewWidth: viewWidth,
-      viewHeight: viewHeight,
-      sizeX: sizeX,
-      sizeY: sizeY,
-      hasMouse: hasMouse,
-      deviceHasHover: deviceHasHover,
-      isDesktop: isDesktop
-    };
-  }, [viewWidthLocal, viewHeightLocal, viewWidthContext, viewHeightContext, sizeXContext, sizeYContext, hasMouseContext, deviceHasHoverContext, platform]);
-  React.useEffect(function () {
-    var handleMediaQuery = function handleMediaQuery() {
-      setViewSizeLocal(function (prevSizeLocal) {
-        var newViewWidthLocal = getOrDefault(viewWidthContext, getViewWidthByMediaQueries(mediaQueries));
-        var newViewHeightLocal = getOrDefault(viewHeightContext, getViewHeightByMediaQueries(mediaQueries));
-
-        var _prevSizeLocal = _slicedToArray(prevSizeLocal, 2),
-            prevViewWidthLocal = _prevSizeLocal[0],
-            prevViewHeightLocal = _prevSizeLocal[1];
-
-        if (prevViewWidthLocal !== newViewWidthLocal || prevViewHeightLocal !== newViewHeightLocal) {
-          return [newViewWidthLocal, newViewHeightLocal];
-        }
-
-        return prevSizeLocal;
-      });
-    };
-
-    if (!viewWidthContext) {
-      mediaQueries.desktopPlus.addEventListener("change", handleMediaQuery);
-      mediaQueries.tablet.addEventListener("change", handleMediaQuery);
-      mediaQueries.smallTablet.addEventListener("change", handleMediaQuery);
-      mediaQueries.mobile.addEventListener("change", handleMediaQuery);
-    }
-
-    if (!viewHeightContext) {
-      mediaQueries.mediumHeight.addEventListener("change", handleMediaQuery);
-      mediaQueries.mobileLandscapeHeight.addEventListener("change", handleMediaQuery);
-    }
-
-    return function () {
-      mediaQueries.desktopPlus.removeEventListener("change", handleMediaQuery);
-      mediaQueries.tablet.removeEventListener("change", handleMediaQuery);
-      mediaQueries.smallTablet.removeEventListener("change", handleMediaQuery);
-      mediaQueries.mobile.removeEventListener("change", handleMediaQuery);
-      mediaQueries.mediumHeight.removeEventListener("change", handleMediaQuery);
-      mediaQueries.mobileLandscapeHeight.removeEventListener("change", handleMediaQuery);
-    };
-  }, [mediaQueries, viewWidthContext, viewHeightContext]);
-  return adaptivityProps;
-};
-//# sourceMappingURL=useAdaptivityWithMediaQueries.js.map

package/dist/hooks/useAdaptivityWithMediaQueries.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAdaptivityWithMediaQueries.js","names":["React","hasMouse","hasMouseLib","hasHover","deviceHasHoverLib","AdaptivityContext","getOrDefault","getViewWidthByMediaQueries","getViewHeightByMediaQueries","getSizeX","getSizeY","checkIsDesktop","useMediaQueries","usePlatform","useAdaptivityWithMediaQueries","useContext","viewWidthContext","viewWidth","viewHeightContext","viewHeight","sizeXContext","sizeX","sizeYContext","sizeY","hasMouseContext","deviceHasHoverContext","deviceHasHover","platform","mediaQueries","useState","viewWidthLocal","viewHeightLocal","setViewSizeLocal","adaptivityProps","useMemo","isDesktop","useEffect","handleMediaQuery","prevSizeLocal","newViewWidthLocal","newViewHeightLocal","prevViewWidthLocal","prevViewHeightLocal","desktopPlus","addEventListener","tablet","smallTablet","mobile","mediumHeight","mobileLandscapeHeight","removeEventListener"],"sources":["../../src/hooks/useAdaptivityWithMediaQueries.ts"],"sourcesContent":["import * as React from \"react\";\nimport {\n  hasMouse as hasMouseLib,\n  hasHover as deviceHasHoverLib,\n} from \"@vkontakte/vkjs\";\nimport {\n  AdaptivityContext,\n  type AdaptivityProps as BaseAdaptivityProps,\n} from \"../components/AdaptivityProvider/AdaptivityContext\";\nimport { getOrDefault } from \"../helpers/getOrDefault\";\nimport {\n  getViewWidthByMediaQueries,\n  getViewHeightByMediaQueries,\n  getSizeX,\n  getSizeY,\n  checkIsDesktop,\n} from \"../lib/adaptivity\";\nimport { useMediaQueries } from \"./useMediaQueries\";\nimport { usePlatform } from \"./usePlatform\";\n\ninterface AdaptivityProps extends BaseAdaptivityProps {\n  isDesktop: boolean;\n}\n\n/**\n * Высчитывает и возвращает параметры адаптивности при изменении вьюпорта.\n *\n * Берёт в приоритет значения из `AdaptivityContext.\n *\n * > ⚠ SSR\n * >\n * > Во избежания ошибок при гидрации, не используйте данный хук, если есть вероятность, что компонент будет отрендерен\n * > на стороне сервера.\n * >\n * > Лучше всего использовать для всплывающих окон, т.к. они вызывается только после загрузки\n * > страницы либо пользователем, либо программно.\n */\nexport const useAdaptivityWithMediaQueries = (): AdaptivityProps => {\n  const {\n    viewWidth: viewWidthContext,\n    viewHeight: viewHeightContext,\n    sizeX: sizeXContext,\n    sizeY: sizeYContext,\n    hasMouse: hasMouseContext,\n    deviceHasHover: deviceHasHoverContext,\n  } = React.useContext(AdaptivityContext);\n\n  const platform = usePlatform();\n  const mediaQueries = useMediaQueries();\n\n  const [[viewWidthLocal, viewHeightLocal], setViewSizeLocal] = React.useState(\n    () => [\n      getOrDefault(viewWidthContext, getViewWidthByMediaQueries(mediaQueries)),\n      getOrDefault(\n        viewHeightContext,\n        getViewHeightByMediaQueries(mediaQueries)\n      ),\n    ]\n  );\n\n  const adaptivityProps = React.useMemo(() => {\n    const hasMouse = getOrDefault(hasMouseContext, hasMouseLib);\n    const deviceHasHover = getOrDefault(\n      deviceHasHoverContext,\n      deviceHasHoverLib\n    );\n    const viewWidth = getOrDefault(viewWidthContext, viewWidthLocal);\n    const viewHeight = getOrDefault(viewHeightContext, viewHeightLocal);\n    const sizeX = getOrDefault(sizeXContext, getSizeX(viewWidth));\n    const sizeY = getOrDefault(\n      sizeYContext,\n      getSizeY(viewWidth, viewHeight, hasMouse)\n    );\n    const isDesktop = checkIsDesktop(viewWidth, viewHeight, hasMouse, platform);\n\n    return {\n      viewWidth,\n      viewHeight,\n      sizeX,\n      sizeY,\n      hasMouse,\n      deviceHasHover,\n      isDesktop,\n    };\n  }, [\n    viewWidthLocal,\n    viewHeightLocal,\n    viewWidthContext,\n    viewHeightContext,\n    sizeXContext,\n    sizeYContext,\n    hasMouseContext,\n    deviceHasHoverContext,\n    platform,\n  ]);\n\n  React.useEffect(() => {\n    const handleMediaQuery = () => {\n      setViewSizeLocal((prevSizeLocal) => {\n        const newViewWidthLocal = getOrDefault(\n          viewWidthContext,\n          getViewWidthByMediaQueries(mediaQueries)\n        );\n        const newViewHeightLocal = getOrDefault(\n          viewHeightContext,\n          getViewHeightByMediaQueries(mediaQueries)\n        );\n\n        const [prevViewWidthLocal, prevViewHeightLocal] = prevSizeLocal;\n\n        if (\n          prevViewWidthLocal !== newViewWidthLocal ||\n          prevViewHeightLocal !== newViewHeightLocal\n        ) {\n          return [newViewWidthLocal, newViewHeightLocal];\n        }\n\n        return prevSizeLocal;\n      });\n    };\n\n    if (!viewWidthContext) {\n      mediaQueries.desktopPlus.addEventListener(\"change\", handleMediaQuery);\n      mediaQueries.tablet.addEventListener(\"change\", handleMediaQuery);\n      mediaQueries.smallTablet.addEventListener(\"change\", handleMediaQuery);\n      mediaQueries.mobile.addEventListener(\"change\", handleMediaQuery);\n    }\n\n    if (!viewHeightContext) {\n      mediaQueries.mediumHeight.addEventListener(\"change\", handleMediaQuery);\n      mediaQueries.mobileLandscapeHeight.addEventListener(\n        \"change\",\n        handleMediaQuery\n      );\n    }\n\n    return () => {\n      mediaQueries.desktopPlus.removeEventListener(\"change\", handleMediaQuery);\n      mediaQueries.tablet.removeEventListener(\"change\", handleMediaQuery);\n      mediaQueries.smallTablet.removeEventListener(\"change\", handleMediaQuery);\n      mediaQueries.mobile.removeEventListener(\"change\", handleMediaQuery);\n      mediaQueries.mediumHeight.removeEventListener(\"change\", handleMediaQuery);\n      mediaQueries.mobileLandscapeHeight.removeEventListener(\n        \"change\",\n        handleMediaQuery\n      );\n    };\n  }, [mediaQueries, viewWidthContext, viewHeightContext]);\n\n  return adaptivityProps;\n};\n"],"mappings":"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"}

package/dist/hooks/useBrowserInfo.d.ts

@@ -1,2 +0,0 @@
-import { BrowserInfo } from "../lib/browser";
-export declare function useBrowserInfo(): BrowserInfo;

package/dist/hooks/useBrowserInfo.js

@@ -1,9 +0,0 @@
-import * as React from "react";
-import { SSRContext } from "../lib/SSR";
-import { computeBrowserInfo } from "../lib/browser";
-export function useBrowserInfo() {
-  var ssrContext = React.useContext(SSRContext);
-  var browserInfo = ssrContext.browserInfo || computeBrowserInfo(ssrContext.userAgent);
-  return browserInfo;
-}
-//# sourceMappingURL=useBrowserInfo.js.map

package/dist/hooks/useBrowserInfo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useBrowserInfo.js","names":["React","SSRContext","computeBrowserInfo","useBrowserInfo","ssrContext","useContext","browserInfo","userAgent"],"sources":["../../src/hooks/useBrowserInfo.ts"],"sourcesContent":["import * as React from \"react\";\nimport { SSRContext } from \"../lib/SSR\";\nimport { BrowserInfo, computeBrowserInfo } from \"../lib/browser\";\n\nexport function useBrowserInfo(): BrowserInfo {\n  const ssrContext = React.useContext(SSRContext);\n  const browserInfo =\n    ssrContext.browserInfo || computeBrowserInfo(ssrContext.userAgent);\n\n  return browserInfo;\n}\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT;AACA,SAAsBC,kBAAtB;AAEA,OAAO,SAASC,cAAT,GAAuC;EAC5C,IAAMC,UAAU,GAAGJ,KAAK,CAACK,UAAN,CAAiBJ,UAAjB,CAAnB;EACA,IAAMK,WAAW,GACfF,UAAU,CAACE,WAAX,IAA0BJ,kBAAkB,CAACE,UAAU,CAACG,SAAZ,CAD9C;EAGA,OAAOD,WAAP;AACD"}

package/dist/lib/adaptivity.d.ts

@@ -1,38 +0,0 @@
-import { BREAKPOINTS, MEDIA_QUERIES } from "../shared/breakpoints";
-import { type PlatformType } from "./platform";
-/**
- * Базовые параметры адаптивности.
- */
-export declare enum ViewWidth {
-    SMALL_MOBILE = 1,
-    MOBILE = 2,
-    SMALL_TABLET = 3,
-    TABLET = 4,
-    DESKTOP = 5
-}
-export declare enum ViewHeight {
-    EXTRA_SMALL = 1,
-    SMALL = 2,
-    MEDIUM = 3
-}
-export declare enum SizeType {
-    COMPACT = "compact",
-    REGULAR = "regular"
-}
-/**
- * Брейкпоинты.
- */
-export { BREAKPOINTS };
-/**
- * Медиа выражения.
- */
-export declare type MediaQueries = Record<"desktopPlus" | "tablet" | "smallTablet" | "mobile" | "mediumHeight" | "mobileLandscapeHeight", MediaQueryList>;
-export { MEDIA_QUERIES };
-/**
- * Утилиты для определения текущих параметров адаптивности.
- */
-export declare function getViewWidthByMediaQueries(mediaQueries: MediaQueries): ViewWidth;
-export declare function getViewHeightByMediaQueries(mediaQueries: MediaQueries): ViewHeight;
-export declare function getSizeX(viewWidth: ViewWidth): SizeType;
-export declare function getSizeY(viewWidth: ViewWidth, viewHeight: ViewHeight, hasMouse: boolean): SizeType;
-export declare function checkIsDesktop(viewWidth: number, viewHeight: number, hasMouse: boolean, platform: PlatformType): boolean;

package/dist/lib/adaptivity.js

@@ -1,94 +0,0 @@
-import { BREAKPOINTS, MEDIA_QUERIES } from "../shared/breakpoints";
-import { Platform } from "./platform";
-/**
- * Базовые параметры адаптивности.
- */
-
-export var ViewWidth;
-
-(function (ViewWidth) {
-  ViewWidth[ViewWidth["SMALL_MOBILE"] = 1] = "SMALL_MOBILE";
-  ViewWidth[ViewWidth["MOBILE"] = 2] = "MOBILE";
-  ViewWidth[ViewWidth["SMALL_TABLET"] = 3] = "SMALL_TABLET";
-  ViewWidth[ViewWidth["TABLET"] = 4] = "TABLET";
-  ViewWidth[ViewWidth["DESKTOP"] = 5] = "DESKTOP";
-})(ViewWidth || (ViewWidth = {}));
-
-export var ViewHeight;
-
-(function (ViewHeight) {
-  ViewHeight[ViewHeight["EXTRA_SMALL"] = 1] = "EXTRA_SMALL";
-  ViewHeight[ViewHeight["SMALL"] = 2] = "SMALL";
-  ViewHeight[ViewHeight["MEDIUM"] = 3] = "MEDIUM";
-})(ViewHeight || (ViewHeight = {}));
-
-export var SizeType;
-/**
- * Брейкпоинты.
- */
-
-(function (SizeType) {
-  SizeType["COMPACT"] = "compact";
-  SizeType["REGULAR"] = "regular";
-})(SizeType || (SizeType = {}));
-
-export { BREAKPOINTS };
-/**
- * Медиа выражения.
- */
-
-export { MEDIA_QUERIES };
-/**
- * Утилиты для определения текущих параметров адаптивности.
- */
-
-export function getViewWidthByMediaQueries(mediaQueries) {
-  /* eslint-disable no-restricted-properties */
-  if (mediaQueries.desktopPlus.matches) {
-    return ViewWidth.DESKTOP;
-  }
-
-  if (mediaQueries.tablet.matches) {
-    return ViewWidth.TABLET;
-  }
-
-  if (mediaQueries.smallTablet.matches) {
-    return ViewWidth.SMALL_TABLET;
-  }
-
-  if (mediaQueries.mobile.matches) {
-    return ViewWidth.MOBILE;
-  }
-  /* eslint-enable no-restricted-properties */
-
-
-  return ViewWidth.SMALL_MOBILE;
-}
-export function getViewHeightByMediaQueries(mediaQueries) {
-  /* eslint-disable no-restricted-properties */
-  if (mediaQueries.mediumHeight.matches) {
-    return ViewHeight.MEDIUM;
-  }
-
-  if (mediaQueries.mobileLandscapeHeight.matches) {
-    return ViewHeight.SMALL;
-  }
-  /* eslint-enable no-restricted-properties */
-
-
-  return ViewHeight.EXTRA_SMALL;
-}
-export function getSizeX(viewWidth) {
-  return viewWidth <= ViewWidth.MOBILE ? SizeType.COMPACT : SizeType.REGULAR;
-}
-export function getSizeY(viewWidth, viewHeight, hasMouse) {
-  if (viewWidth >= ViewWidth.SMALL_TABLET && hasMouse || viewHeight <= ViewHeight.EXTRA_SMALL) {
-    return SizeType.COMPACT;
-  }
-
-  return SizeType.REGULAR;
-}
-export function checkIsDesktop(viewWidth, viewHeight, hasMouse, platform) {
-  return viewWidth >= ViewWidth.SMALL_TABLET && (hasMouse || viewHeight >= ViewHeight.MEDIUM) || platform === Platform.VKCOM;
-}
-//# sourceMappingURL=adaptivity.js.map

package/dist/lib/adaptivity.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"adaptivity.js","names":["BREAKPOINTS","MEDIA_QUERIES","Platform","ViewWidth","ViewHeight","SizeType","getViewWidthByMediaQueries","mediaQueries","desktopPlus","matches","DESKTOP","tablet","TABLET","smallTablet","SMALL_TABLET","mobile","MOBILE","SMALL_MOBILE","getViewHeightByMediaQueries","mediumHeight","MEDIUM","mobileLandscapeHeight","SMALL","EXTRA_SMALL","getSizeX","viewWidth","COMPACT","REGULAR","getSizeY","viewHeight","hasMouse","checkIsDesktop","platform","VKCOM"],"sources":["../../src/lib/adaptivity.ts"],"sourcesContent":["import { BREAKPOINTS, MEDIA_QUERIES } from \"../shared/breakpoints\";\nimport { type PlatformType, Platform } from \"./platform\";\n\n/**\n * Базовые параметры адаптивности.\n */\nexport enum ViewWidth {\n  SMALL_MOBILE = 1,\n  MOBILE,\n  SMALL_TABLET,\n  TABLET,\n  DESKTOP,\n}\n\nexport enum ViewHeight {\n  EXTRA_SMALL = 1,\n  SMALL,\n  MEDIUM,\n}\n\nexport enum SizeType {\n  COMPACT = \"compact\",\n  REGULAR = \"regular\",\n}\n\n/**\n * Брейкпоинты.\n */\nexport { BREAKPOINTS };\n\n/**\n * Медиа выражения.\n */\nexport type MediaQueries = Record<\n  | \"desktopPlus\"\n  | \"tablet\"\n  | \"smallTablet\"\n  | \"mobile\"\n  | \"mediumHeight\"\n  | \"mobileLandscapeHeight\",\n  MediaQueryList\n>;\n\nexport { MEDIA_QUERIES };\n\n/**\n * Утилиты для определения текущих параметров адаптивности.\n */\nexport function getViewWidthByMediaQueries(mediaQueries: MediaQueries) {\n  /* eslint-disable no-restricted-properties */\n  if (mediaQueries.desktopPlus.matches) {\n    return ViewWidth.DESKTOP;\n  }\n  if (mediaQueries.tablet.matches) {\n    return ViewWidth.TABLET;\n  }\n  if (mediaQueries.smallTablet.matches) {\n    return ViewWidth.SMALL_TABLET;\n  }\n  if (mediaQueries.mobile.matches) {\n    return ViewWidth.MOBILE;\n  }\n  /* eslint-enable no-restricted-properties */\n  return ViewWidth.SMALL_MOBILE;\n}\n\nexport function getViewHeightByMediaQueries(mediaQueries: MediaQueries) {\n  /* eslint-disable no-restricted-properties */\n  if (mediaQueries.mediumHeight.matches) {\n    return ViewHeight.MEDIUM;\n  }\n  if (mediaQueries.mobileLandscapeHeight.matches) {\n    return ViewHeight.SMALL;\n  }\n  /* eslint-enable no-restricted-properties */\n  return ViewHeight.EXTRA_SMALL;\n}\n\nexport function getSizeX(viewWidth: ViewWidth) {\n  return viewWidth <= ViewWidth.MOBILE ? SizeType.COMPACT : SizeType.REGULAR;\n}\n\nexport function getSizeY(\n  viewWidth: ViewWidth,\n  viewHeight: ViewHeight,\n  hasMouse: boolean\n) {\n  if (\n    (viewWidth >= ViewWidth.SMALL_TABLET && hasMouse) ||\n    viewHeight <= ViewHeight.EXTRA_SMALL\n  ) {\n    return SizeType.COMPACT;\n  }\n  return SizeType.REGULAR;\n}\n\nexport function checkIsDesktop(\n  viewWidth: number,\n  viewHeight: number,\n  hasMouse: boolean,\n  platform: PlatformType\n): boolean {\n  return (\n    (viewWidth >= ViewWidth.SMALL_TABLET &&\n      (hasMouse || viewHeight >= ViewHeight.MEDIUM)) ||\n    platform === Platform.VKCOM\n  );\n}\n"],"mappings":"AAAA,SAASA,WAAT,EAAsBC,aAAtB;AACA,SAA4BC,QAA5B;AAEA;AACA;AACA;;AACA,WAAYC,SAAZ;;WAAYA,S;EAAAA,S,CAAAA,S;EAAAA,S,CAAAA,S;EAAAA,S,CAAAA,S;EAAAA,S,CAAAA,S;EAAAA,S,CAAAA,S;GAAAA,S,KAAAA,S;;AAQZ,WAAYC,UAAZ;;WAAYA,U;EAAAA,U,CAAAA,U;EAAAA,U,CAAAA,U;EAAAA,U,CAAAA,U;GAAAA,U,KAAAA,U;;AAMZ,WAAYC,QAAZ;AAKA;AACA;AACA;;WAPYA,Q;EAAAA,Q;EAAAA,Q;GAAAA,Q,KAAAA,Q;;AAQZ,SAASL,WAAT;AAEA;AACA;AACA;;AAWA,SAASC,aAAT;AAEA;AACA;AACA;;AACA,OAAO,SAASK,0BAAT,CAAoCC,YAApC,EAAgE;EACrE;EACA,IAAIA,YAAY,CAACC,WAAb,CAAyBC,OAA7B,EAAsC;IACpC,OAAON,SAAS,CAACO,OAAjB;EACD;;EACD,IAAIH,YAAY,CAACI,MAAb,CAAoBF,OAAxB,EAAiC;IAC/B,OAAON,SAAS,CAACS,MAAjB;EACD;;EACD,IAAIL,YAAY,CAACM,WAAb,CAAyBJ,OAA7B,EAAsC;IACpC,OAAON,SAAS,CAACW,YAAjB;EACD;;EACD,IAAIP,YAAY,CAACQ,MAAb,CAAoBN,OAAxB,EAAiC;IAC/B,OAAON,SAAS,CAACa,MAAjB;EACD;EACD;;;EACA,OAAOb,SAAS,CAACc,YAAjB;AACD;AAED,OAAO,SAASC,2BAAT,CAAqCX,YAArC,EAAiE;EACtE;EACA,IAAIA,YAAY,CAACY,YAAb,CAA0BV,OAA9B,EAAuC;IACrC,OAAOL,UAAU,CAACgB,MAAlB;EACD;;EACD,IAAIb,YAAY,CAACc,qBAAb,CAAmCZ,OAAvC,EAAgD;IAC9C,OAAOL,UAAU,CAACkB,KAAlB;EACD;EACD;;;EACA,OAAOlB,UAAU,CAACmB,WAAlB;AACD;AAED,OAAO,SAASC,QAAT,CAAkBC,SAAlB,EAAwC;EAC7C,OAAOA,SAAS,IAAItB,SAAS,CAACa,MAAvB,GAAgCX,QAAQ,CAACqB,OAAzC,GAAmDrB,QAAQ,CAACsB,OAAnE;AACD;AAED,OAAO,SAASC,QAAT,CACLH,SADK,EAELI,UAFK,EAGLC,QAHK,EAIL;EACA,IACGL,SAAS,IAAItB,SAAS,CAACW,YAAvB,IAAuCgB,QAAxC,IACAD,UAAU,IAAIzB,UAAU,CAACmB,WAF3B,EAGE;IACA,OAAOlB,QAAQ,CAACqB,OAAhB;EACD;;EACD,OAAOrB,QAAQ,CAACsB,OAAhB;AACD;AAED,OAAO,SAASI,cAAT,CACLN,SADK,EAELI,UAFK,EAGLC,QAHK,EAILE,QAJK,EAKI;EACT,OACGP,SAAS,IAAItB,SAAS,CAACW,YAAvB,KACEgB,QAAQ,IAAID,UAAU,IAAIzB,UAAU,CAACgB,MADvC,CAAD,IAEAY,QAAQ,KAAK9B,QAAQ,CAAC+B,KAHxB;AAKD"}

package/dist/lib/jsxRuntime.d.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=jsxRuntime.d.js.map

package/dist/lib/jsxRuntime.d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"jsxRuntime.d.js","names":[],"sources":["../../src/lib/jsxRuntime.d.ts"],"sourcesContent":["import { createScopedElement as _jsxFactory } from \"./jsxRuntime\";\ntype JSXFactory = typeof _jsxFactory;\n\ndeclare global {\n  const createScopedElement: JSXFactory;\n}\n"],"mappings":""}

package/dist/lib/jsxRuntime.d.ts

@@ -1,8 +0,0 @@
-import * as React from "react";
-declare function createScopedElement(_type: any, props?: any): React.ReactElement<{}, string | React.JSXElementConstructor<any>>;
-declare namespace createScopedElement {
-    var Fragment: React.ExoticComponent<{
-        children?: React.ReactNode;
-    }>;
-}
-export { createScopedElement };

package/dist/lib/jsxRuntime.js

@@ -1,43 +0,0 @@
-import * as React from "react";
-import { prefixClass } from "./prefixClass";
-
-function processProps(props) {
-  var newProps = {};
-
-  for (var key in props) {
-    if (Object.prototype.hasOwnProperty.call(props, key) && key !== "vkuiClass") {
-      newProps[key] = props[key];
-    }
-  }
-
-  if (props.vkuiClass) {
-    var className = props.className;
-    var resolved = prefixClass(props.vkuiClass);
-    newProps.className = className ? className + " " + resolved : resolved;
-  }
-
-  return newProps;
-}
-
-function createScopedElement(_type, props) {
-  var args = arguments;
-
-  if (!props || !("vkuiClass" in props)) {
-    return React.createElement.apply(undefined, args);
-  }
-
-  var argsLength = args.length;
-  var createElementArgArray = new Array(argsLength);
-  createElementArgArray[0] = args[0];
-  createElementArgArray[1] = processProps(props);
-
-  for (var i = 2; i < argsLength; i++) {
-    createElementArgArray[i] = args[i];
-  }
-
-  return React.createElement.apply(null, createElementArgArray);
-}
-
-createScopedElement.Fragment = React.Fragment;
-export { createScopedElement };
-//# sourceMappingURL=jsxRuntime.js.map

package/dist/lib/jsxRuntime.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"jsxRuntime.js","names":["React","prefixClass","processProps","props","newProps","key","Object","prototype","hasOwnProperty","call","vkuiClass","className","resolved","createScopedElement","_type","args","arguments","createElement","apply","undefined","argsLength","length","createElementArgArray","Array","i","Fragment"],"sources":["../../src/lib/jsxRuntime.ts"],"sourcesContent":["import * as React from \"react\";\nimport { prefixClass } from \"./prefixClass\";\n\nfunction processProps(props: any) {\n  const newProps: any = {};\n  for (let key in props) {\n    if (\n      Object.prototype.hasOwnProperty.call(props, key) &&\n      key !== \"vkuiClass\"\n    ) {\n      newProps[key] = props[key];\n    }\n  }\n  if (props.vkuiClass) {\n    const className: string = props.className;\n    const resolved = prefixClass(props.vkuiClass);\n    newProps.className = className ? className + \" \" + resolved : resolved;\n  }\n  return newProps;\n}\n\nfunction createScopedElement(_type: any, props?: any) {\n  let args = arguments;\n\n  if (!props || !(\"vkuiClass\" in props)) {\n    return React.createElement.apply(undefined, args as any);\n  }\n\n  let argsLength = args.length;\n  let createElementArgArray = new Array(argsLength);\n  createElementArgArray[0] = args[0];\n  createElementArgArray[1] = processProps(props);\n\n  for (let i = 2; i < argsLength; i++) {\n    createElementArgArray[i] = args[i];\n  }\n\n  return React.createElement.apply(null, createElementArgArray as any);\n}\n\ncreateScopedElement.Fragment = React.Fragment;\n\nexport { createScopedElement };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,WAAT;;AAEA,SAASC,YAAT,CAAsBC,KAAtB,EAAkC;EAChC,IAAMC,QAAa,GAAG,EAAtB;;EACA,KAAK,IAAIC,GAAT,IAAgBF,KAAhB,EAAuB;IACrB,IACEG,MAAM,CAACC,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCN,KAArC,EAA4CE,GAA5C,KACAA,GAAG,KAAK,WAFV,EAGE;MACAD,QAAQ,CAACC,GAAD,CAAR,GAAgBF,KAAK,CAACE,GAAD,CAArB;IACD;EACF;;EACD,IAAIF,KAAK,CAACO,SAAV,EAAqB;IACnB,IAAMC,SAAiB,GAAGR,KAAK,CAACQ,SAAhC;IACA,IAAMC,QAAQ,GAAGX,WAAW,CAACE,KAAK,CAACO,SAAP,CAA5B;IACAN,QAAQ,CAACO,SAAT,GAAqBA,SAAS,GAAGA,SAAS,GAAG,GAAZ,GAAkBC,QAArB,GAAgCA,QAA9D;EACD;;EACD,OAAOR,QAAP;AACD;;AAED,SAASS,mBAAT,CAA6BC,KAA7B,EAAyCX,KAAzC,EAAsD;EACpD,IAAIY,IAAI,GAAGC,SAAX;;EAEA,IAAI,CAACb,KAAD,IAAU,EAAE,eAAeA,KAAjB,CAAd,EAAuC;IACrC,OAAOH,KAAK,CAACiB,aAAN,CAAoBC,KAApB,CAA0BC,SAA1B,EAAqCJ,IAArC,CAAP;EACD;;EAED,IAAIK,UAAU,GAAGL,IAAI,CAACM,MAAtB;EACA,IAAIC,qBAAqB,GAAG,IAAIC,KAAJ,CAAUH,UAAV,CAA5B;EACAE,qBAAqB,CAAC,CAAD,CAArB,GAA2BP,IAAI,CAAC,CAAD,CAA/B;EACAO,qBAAqB,CAAC,CAAD,CAArB,GAA2BpB,YAAY,CAACC,KAAD,CAAvC;;EAEA,KAAK,IAAIqB,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGJ,UAApB,EAAgCI,CAAC,EAAjC,EAAqC;IACnCF,qBAAqB,CAACE,CAAD,CAArB,GAA2BT,IAAI,CAACS,CAAD,CAA/B;EACD;;EAED,OAAOxB,KAAK,CAACiB,aAAN,CAAoBC,KAApB,CAA0B,IAA1B,EAAgCI,qBAAhC,CAAP;AACD;;AAEDT,mBAAmB,CAACY,QAApB,GAA+BzB,KAAK,CAACyB,QAArC;AAEA,SAASZ,mBAAT"}

package/dist/lib/prefixClass.d.ts

@@ -1 +0,0 @@
-export declare function prefixClass(scopedStyle: string | string[]): string;

package/dist/lib/prefixClass.js

@@ -1,28 +0,0 @@
-var hasTransformable = /\b(?=[A-Z])/g;
-var cache = {};
-
-function prefixSingle(scopedStyle) {
-  if (cache[scopedStyle]) {
-    return cache[scopedStyle];
-  }
-
-  var prefixed = scopedStyle.replace(hasTransformable, "vkui");
-  cache[scopedStyle] = prefixed;
-  return prefixed;
-}
-
-export function prefixClass(scopedStyle) {
-  if (typeof scopedStyle === "string") {
-    return prefixSingle(scopedStyle);
-  }
-
-  var resolved = "";
-
-  for (var i = 0; i < scopedStyle.length; i++) {
-    var separator = resolved ? " " : "";
-    resolved += separator + prefixSingle(scopedStyle[i]);
-  }
-
-  return resolved;
-}
-//# sourceMappingURL=prefixClass.js.map

package/dist/lib/prefixClass.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"prefixClass.js","names":["hasTransformable","cache","prefixSingle","scopedStyle","prefixed","replace","prefixClass","resolved","i","length","separator"],"sources":["../../src/lib/prefixClass.ts"],"sourcesContent":["const hasTransformable = /\\b(?=[A-Z])/g;\nconst cache: any = {};\nfunction prefixSingle(scopedStyle: string): string {\n  if (cache[scopedStyle]) {\n    return cache[scopedStyle];\n  }\n  const prefixed = scopedStyle.replace(hasTransformable, \"vkui\");\n  cache[scopedStyle] = prefixed;\n  return prefixed;\n}\n\nexport function prefixClass(scopedStyle: string | string[]) {\n  if (typeof scopedStyle === \"string\") {\n    return prefixSingle(scopedStyle);\n  }\n\n  let resolved = \"\";\n  for (let i = 0; i < scopedStyle.length; i++) {\n    const separator = resolved ? \" \" : \"\";\n\n    resolved += separator + prefixSingle(scopedStyle[i]);\n  }\n\n  return resolved;\n}\n"],"mappings":"AAAA,IAAMA,gBAAgB,GAAG,cAAzB;AACA,IAAMC,KAAU,GAAG,EAAnB;;AACA,SAASC,YAAT,CAAsBC,WAAtB,EAAmD;EACjD,IAAIF,KAAK,CAACE,WAAD,CAAT,EAAwB;IACtB,OAAOF,KAAK,CAACE,WAAD,CAAZ;EACD;;EACD,IAAMC,QAAQ,GAAGD,WAAW,CAACE,OAAZ,CAAoBL,gBAApB,EAAsC,MAAtC,CAAjB;EACAC,KAAK,CAACE,WAAD,CAAL,GAAqBC,QAArB;EACA,OAAOA,QAAP;AACD;;AAED,OAAO,SAASE,WAAT,CAAqBH,WAArB,EAAqD;EAC1D,IAAI,OAAOA,WAAP,KAAuB,QAA3B,EAAqC;IACnC,OAAOD,YAAY,CAACC,WAAD,CAAnB;EACD;;EAED,IAAII,QAAQ,GAAG,EAAf;;EACA,KAAK,IAAIC,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGL,WAAW,CAACM,MAAhC,EAAwCD,CAAC,EAAzC,EAA6C;IAC3C,IAAME,SAAS,GAAGH,QAAQ,GAAG,GAAH,GAAS,EAAnC;IAEAA,QAAQ,IAAIG,SAAS,GAAGR,YAAY,CAACC,WAAW,CAACK,CAAD,CAAZ,CAApC;EACD;;EAED,OAAOD,QAAP;AACD"}

package/dist/unstable/index.d.ts

@@ -1,15 +0,0 @@
-/**
- * Forms
- */
-export { ChipsSelect } from "../components/ChipsSelect/ChipsSelect";
-export type { ChipsSelectProps } from "../components/ChipsSelect/ChipsSelect";
-export { Popover } from "../components/Popover/Popover";
-export type { PopoverProps } from "../components/Popover/Popover";
-export { TextTooltip } from "../components/TextTooltip/TextTooltip";
-export type { TextTooltipProps } from "../components/TextTooltip/TextTooltip";
-export { RichTooltip } from "../components/RichTooltip/RichTooltip";
-export type { RichTooltipProps } from "../components/RichTooltip/RichTooltip";
-export { Popper } from "../components/Popper/Popper";
-export type { PopperProps } from "../components/Popper/Popper";
-export { ViewInfinite } from "../components/View/ViewInfinite";
-export type { ViewInfiniteProps } from "../components/View/ViewInfinite";

package/dist/unstable/index.js

@@ -1,10 +0,0 @@
-/**
- * Forms
- */
-export { ChipsSelect } from "../components/ChipsSelect/ChipsSelect";
-export { Popover } from "../components/Popover/Popover";
-export { TextTooltip } from "../components/TextTooltip/TextTooltip";
-export { RichTooltip } from "../components/RichTooltip/RichTooltip";
-export { Popper } from "../components/Popper/Popper";
-export { ViewInfinite } from "../components/View/ViewInfinite";
-//# sourceMappingURL=index.js.map

package/dist/unstable/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["ChipsSelect","Popover","TextTooltip","RichTooltip","Popper","ViewInfinite"],"sources":["../../src/unstable/index.ts"],"sourcesContent":["/**\n * Forms\n */\nexport { ChipsSelect } from \"../components/ChipsSelect/ChipsSelect\";\nexport type { ChipsSelectProps } from \"../components/ChipsSelect/ChipsSelect\";\n\nexport { Popover } from \"../components/Popover/Popover\";\nexport type { PopoverProps } from \"../components/Popover/Popover\";\n\nexport { TextTooltip } from \"../components/TextTooltip/TextTooltip\";\nexport type { TextTooltipProps } from \"../components/TextTooltip/TextTooltip\";\n\nexport { RichTooltip } from \"../components/RichTooltip/RichTooltip\";\nexport type { RichTooltipProps } from \"../components/RichTooltip/RichTooltip\";\n\nexport { Popper } from \"../components/Popper/Popper\";\nexport type { PopperProps } from \"../components/Popper/Popper\";\n\nexport { ViewInfinite } from \"../components/View/ViewInfinite\";\nexport type { ViewInfiniteProps } from \"../components/View/ViewInfinite\";\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAT;AAGA,SAASC,OAAT;AAGA,SAASC,WAAT;AAGA,SAASC,WAAT;AAGA,SAASC,MAAT;AAGA,SAASC,YAAT"}

package/dist/unstable.css

@@ -1,3 +0,0 @@
-.vkuiChipsSelect{position:relative}.vkuiChipsSelect__dropdown{cursor:pointer}.vkuiChipsSelect__icon{pointer-events:none}.vkuiChipsSelect__empty{color:var(--vkui--color_text_secondary);padding:12px 0;text-align:center}.vkuiPopover{animation:vkui-popper-fadein .2s ease;background:var(--vkui--color_background_modal);border-radius:var(--vkui--size_border_radius--regular);box-shadow:var(--vkui--elevation3);position:relative}.vkuiPopover:before{bottom:calc(-1 * 8px);bottom:calc(-1 * var(--popover-safe-zone-padding));content:"";left:calc(-1 * 8px);left:calc(-1 * var(--popover-safe-zone-padding));position:absolute;right:calc(-1 * 8px);right:calc(-1 * var(--popover-safe-zone-padding));top:calc(-1 * 8px);top:calc(-1 * var(--popover-safe-zone-padding));z-index:-1}.vkuiTextTooltip{animation:vkui-popper-fadein .2s ease;background-color:var(--vkui--color_background_modal);border-radius:var(--vkui--size_border_radius--regular);box-shadow:var(--vkui--elevation3);color:var(--vkui--color_text_primary);padding:8px 12px 9px}.vkuiTextTooltip__arrow{color:var(--vkui--color_background_modal)}.vkuiTextTooltip--appearance-accent{background-color:var(--vkui--color_background_accent_tint);color:var(--vkui--color_text_contrast)}.vkuiTextTooltip--appearance-accent .vkuiTextTooltip__arrow{color:var(--vkui--color_background_accent_tint)}.vkuiTextTooltip--appearance-white{background-color:var(--vkui--color_background_contrast);color:var(--vkui--color_text_primary_invariably)}.vkuiTextTooltip--appearance-white .vkuiTextTooltip__arrow{color:var(--vkui--color_background_contrast)}.vkuiTextTooltip--appearance-black{background-color:var(--vkui--color_background_contrast_inverse);color:var(--vkui--color_text_contrast)}.vkuiTextTooltip--appearance-black .vkuiTextTooltip__arrow{color:var(--vkui--color_background_contrast_inverse)}.vkuiTextTooltip--appearance-inversion{background-color:var(--vkui--color_background_modal_inverse);color:var(--vkui--color_text_contrast_themed)}.vkuiTextTooltip--appearance-inversion .vkuiTextTooltip__arrow{color:var(--vkui--color_background_modal_inverse)}.vkuiRichTooltip{animation:vkui-popper-fadein .2s ease;background-color:var(--vkui--color_background_modal);border-radius:var(--vkui--size_border_radius--regular);box-shadow:var(--vkui--elevation3);color:var(--vkui--color_text_primary)}.vkuiRichTooltip__arrow{color:var(--vkui--color_background_modal)}.vkuiRichTooltip--appearance-accent{background-color:var(--vkui--color_background_accent_tint);color:var(--vkui--color_text_contrast)}.vkuiRichTooltip--appearance-accent .vkuiRichTooltip__arrow{color:var(--vkui--color_background_accent_tint)}.vkuiRichTooltip--appearance-white{background-color:var(--vkui--color_background_contrast);color:var(--vkui--color_text_primary_invariably)}.vkuiRichTooltip--appearance-white .vkuiRichTooltip__arrow{color:var(--vkui--color_background_contrast)}.vkuiRichTooltip--appearance-black{background-color:var(--vkui--color_background_contrast_inverse);color:var(--vkui--color_text_contrast)}.vkuiRichTooltip--appearance-black .vkuiRichTooltip__arrow{color:var(--vkui--color_background_contrast_inverse)}.vkuiRichTooltip--appearance-inversion{background-color:var(--vkui--color_background_modal_inverse);color:var(--vkui--color_text_contrast_themed)}.vkuiRichTooltip--appearance-inversion .vkuiRichTooltip__arrow{color:var(--vkui--color_background_modal_inverse)}
-
-/*# sourceMappingURL=unstable.css.map*/

package/dist/unstable.css.map

@@ -1 +0,0 @@
-{"version":3,"file":"unstable.css","mappings":"AAAA,iBACE,iBACF,CAEA,2BACE,cACF,CAEA,uBACE,mBACF,CAEA,wBAGE,uCAAwC,CAFxC,cAAe,CACf,iBAEF,CChBA,aAEE,qCAAuC,CACvC,8CAA+C,CAC/C,sDAAuD,CACvD,kCAAmC,CAJnC,iBAKF,CAGA,oBAME,qBAAmD,CAAnD,kDAAmD,CALnD,UAAW,CAMX,mBAAiD,CAAjD,gDAAiD,CALjD,iBAAkB,CAGlB,oBAAkD,CAAlD,iDAAkD,CADlD,kBAAgD,CAAhD,+CAAgD,CADhD,UAKF,CCjBA,iBAME,qCAAuC,CAJvC,oDAAqD,CADrD,sDAAuD,CAIvD,kCAAmC,CADnC,qCAAsC,CADtC,oBAIF,CAEA,wBACE,yCACF,CAEA,oCACE,0DAA2D,CAC3D,sCACF,CAEA,4DACE,+CACF,CAEA,mCACE,uDAAwD,CACxD,gDACF,CAEA,2DACE,4CACF,CAEA,mCACE,+DAAgE,CAChE,sCACF,CAEA,2DACE,oDACF,CAEA,uCACE,4DAA6D,CAC7D,6CACF,CAEA,+DACE,iDACF,CC/CA,iBAIE,qCAAuC,CADvC,oDAAqD,CADrD,sDAAuD,CADvD,kCAAmC,CAInC,qCACF,CAEA,wBACE,yCACF,CAEA,oCACE,0DAA2D,CAC3D,sCACF,CAEA,4DACE,+CACF,CAEA,mCACE,uDAAwD,CACxD,gDACF,CAEA,2DACE,4CACF,CAEA,mCACE,+DAAgE,CAChE,sCACF,CAEA,2DACE,oDACF,CAEA,uCACE,4DAA6D,CAC7D,6CACF,CAEA,+DACE,iDACF,C","sources":["webpack://@vkontakte/vkui/./src/components/ChipsSelect/ChipsSelect.css","webpack://@vkontakte/vkui/./src/components/Popover/Popover.module.css","webpack://@vkontakte/vkui/./src/components/TextTooltip/TextTooltip.css","webpack://@vkontakte/vkui/./src/components/RichTooltip/RichTooltip.css"],"sourcesContent":[".ChipsSelect {\n  position: relative;\n}\n\n.ChipsSelect__dropdown {\n  cursor: pointer;\n}\n\n.ChipsSelect__icon {\n  pointer-events: none;\n}\n\n.ChipsSelect__empty {\n  padding: 12px 0;\n  text-align: center;\n  color: var(--vkui--color_text_secondary);\n}\n",".Popover {\n  position: relative;\n  animation: vkui-popper-fadein 0.2s ease;\n  background: var(--vkui--color_background_modal);\n  border-radius: var(--vkui--size_border_radius--regular);\n  box-shadow: var(--vkui--elevation3);\n}\n\n/* Создаём \"Safe Zone\" */\n.Popover::before {\n  content: \"\";\n  position: absolute;\n  z-index: -1;\n  top: calc(-1 * var(--popover-safe-zone-padding));\n  right: calc(-1 * var(--popover-safe-zone-padding));\n  bottom: calc(-1 * var(--popover-safe-zone-padding));\n  left: calc(-1 * var(--popover-safe-zone-padding));\n}\n",".TextTooltip {\n  border-radius: var(--vkui--size_border_radius--regular);\n  background-color: var(--vkui--color_background_modal);\n  padding: 8px 12px 9px;\n  color: var(--vkui--color_text_primary);\n  box-shadow: var(--vkui--elevation3);\n  animation: vkui-popper-fadein 0.2s ease;\n}\n\n.TextTooltip__arrow {\n  color: var(--vkui--color_background_modal);\n}\n\n.TextTooltip--appearance-accent {\n  background-color: var(--vkui--color_background_accent_tint);\n  color: var(--vkui--color_text_contrast);\n}\n\n.TextTooltip--appearance-accent .TextTooltip__arrow {\n  color: var(--vkui--color_background_accent_tint);\n}\n\n.TextTooltip--appearance-white {\n  background-color: var(--vkui--color_background_contrast);\n  color: var(--vkui--color_text_primary_invariably);\n}\n\n.TextTooltip--appearance-white .TextTooltip__arrow {\n  color: var(--vkui--color_background_contrast);\n}\n\n.TextTooltip--appearance-black {\n  background-color: var(--vkui--color_background_contrast_inverse);\n  color: var(--vkui--color_text_contrast);\n}\n\n.TextTooltip--appearance-black .TextTooltip__arrow {\n  color: var(--vkui--color_background_contrast_inverse);\n}\n\n.TextTooltip--appearance-inversion {\n  background-color: var(--vkui--color_background_modal_inverse);\n  color: var(--vkui--color_text_contrast_themed);\n}\n\n.TextTooltip--appearance-inversion .TextTooltip__arrow {\n  color: var(--vkui--color_background_modal_inverse);\n}\n",".RichTooltip {\n  box-shadow: var(--vkui--elevation3);\n  border-radius: var(--vkui--size_border_radius--regular);\n  background-color: var(--vkui--color_background_modal);\n  animation: vkui-popper-fadein 0.2s ease;\n  color: var(--vkui--color_text_primary);\n}\n\n.RichTooltip__arrow {\n  color: var(--vkui--color_background_modal);\n}\n\n.RichTooltip--appearance-accent {\n  background-color: var(--vkui--color_background_accent_tint);\n  color: var(--vkui--color_text_contrast);\n}\n\n.RichTooltip--appearance-accent .RichTooltip__arrow {\n  color: var(--vkui--color_background_accent_tint);\n}\n\n.RichTooltip--appearance-white {\n  background-color: var(--vkui--color_background_contrast);\n  color: var(--vkui--color_text_primary_invariably);\n}\n\n.RichTooltip--appearance-white .RichTooltip__arrow {\n  color: var(--vkui--color_background_contrast);\n}\n\n.RichTooltip--appearance-black {\n  background-color: var(--vkui--color_background_contrast_inverse);\n  color: var(--vkui--color_text_contrast);\n}\n\n.RichTooltip--appearance-black .RichTooltip__arrow {\n  color: var(--vkui--color_background_contrast_inverse);\n}\n\n.RichTooltip--appearance-inversion {\n  background-color: var(--vkui--color_background_modal_inverse);\n  color: var(--vkui--color_text_contrast_themed);\n}\n\n.RichTooltip--appearance-inversion .RichTooltip__arrow {\n  color: var(--vkui--color_background_modal_inverse);\n}\n"],"names":[],"sourceRoot":""}

package/dist/unstable.js.tmp

@@ -1,24 +0,0 @@
-/******/ (function() { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	// The require scope
-/******/ 	var __webpack_require__ = {};
-/******/ 	
-/************************************************************************/
-/******/ 	/* webpack/runtime/make namespace object */
-/******/ 	!function() {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = function(exports) {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	}();
-/******/ 	
-/************************************************************************/
-var __webpack_exports__ = {};
-__webpack_require__.r(__webpack_exports__);
-// extracted by mini-css-extract-plugin
-
-/******/ })()
-;

package/docs/ADAPTIVITY_GUIDE.md

@@ -1,101 +0,0 @@
-# Гайд по написанию адаптивных компонентов
-
-Изначально писать адаптивность стоит через `css media queries`, но так же следует учитывать то, что параметры адаптивности можно переопределить через `AdaptivityProvider`, например:
-
-```tsx
-<AdaptivityProvider sizeX="regular">
-  <Button>button</Button>
-</AdaptivityProvider>
-```
-
-В таком случае при использовании хука `useAdaptivity` в свойстве `sizeX` придёт `regular`, в противном случае `undefined`.
-
-## Как пользоваться `css media queries`
-
-Для `@media` запросов мы используем [custom-media-queries](https://preset-env.cssdb.org/features/#custom-media-queries), значения хранятся в файле [src/styles/customMedia.css](../src/styles/customMedia.css)
-
-При разработке следует предусмотреть возможность переопределения параметров адаптивности через `AdaptivityProvider`, поэтому в `@media` следует применять стили только если компонент имеет CSS класс с модификатором `--sizeX-none` (адаптивность не переопределена), а также написать стили для `--sizeX-regular` и `--sizeX-compact`.
-
-Для удобного получения `className` в зависимости от адаптивности есть такие функции как `getSizeXClassName`.
-
-Пример:
-
-_Component.tsx_
-
-```tsx
-import * as React from "react";
-import { classNames } from "../../lib/classNames";
-import { useAdaptivity } from "../../hooks/useAdaptivity";
-import { getSizeXClassName } from "../../helpers/getSizeXClassName";
-import styles from "./Component.module.css";
-
-const Component = () => {
-  const { sizeX } = useAdaptivity();
-
-  /**
-   * `getSizeXClassName()` возвращает один из следующих селекторов:
-   * - `Component--sizeX-none` при `<AdaptivityProvider />`
-  `* - `Component--sizeX-regular` при `<AdaptivityProvider sizeX="regular" />`
-   * - `Component--sizeX-compact` при `<AdaptivityProvider sizeX="compact" />`
-   */
-  return (
-    <div
-      className={classNamesString(
-        styles.Component,
-        getSizeXClassName("Component", sizeX, styles)
-      )}
-    />
-  );
-};
-```
-
-_Component.module.css_
-
-```css
-/* Равносильно модификатору `Component--sizeX-regular` */
-.Component {
-  color: red;
-  padding: 20px;
-}
-
-.Component--sizeX-regular {
-  /* Пустой класс для CSS Modules (см. CONTRIBUTING.md)  */
-}
-
-.Component--sizeX-compact {
-  padding: 10px;
-}
-
-@media (--sizeX-compact) {
-  .Component--sizeX-none {
-    padding: 10px;
-  }
-}
-```
-
-В данном случае мы задаём `padding: 10px;` для размера `sizeX-compact` и `padding: 20px;` для размера `sizeX-regular`. В `@media (--sizeX-compact)` мы задаём `padding: 10px;` для компонента только если `sizeX` не переопределен.
-
-## Примечание
-
-В процессе перевода существующих компонентов на новую систему адаптивности возникли места в которых пришлось отступить от стандартного поведения:
-
-### `.Group--mode-none`
-
-В компоненте [Group](../src/components/Group/Group.tsx) появился класс `.Group--mode-none`. Этот класс означает что у `Group` не передан `mode` и не удалось вычислить его автоматически. `.Group--mode-none` должен вести себя как `.Group--mode-card` при `sizeX=regular` и как `.Group--mode-plain` при `sizeX=compact`.
-
-Пример использования:
-
-```css
-.Group--mode-card .CardGrid {
-  padding-left: 8px;
-  padding-right: 8px;
-}
-
-@media (--sizeX-regular) {
-  /* Применяем стили .Group--mode-card если не задан `mode` и `sizeX=regular` */
-  .Group--mode-none .CardGrid {
-    padding-left: 8px;
-    padding-right: 8px;
-  }
-}
-```