@vkontakte/vkui 4.22.2 → 4.25.1

package/dist/cssm/components/AppRoot/AppRoot.js

@@ -4,24 +4,25 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "mode", "embedded", "sizeX", "hasMouse", "noLegacyClasses", "scroll"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
+import * as React from "react";
 import { useDOM } from "../../lib/dom";
 import { classNames } from "../../lib/classNames";
 import { AppRootContext } from "./AppRootContext";
 import { withAdaptivity, SizeType } from "../../hoc/withAdaptivity";
 import { useIsomorphicLayoutEffect } from "../../lib/useIsomorphicLayoutEffect";
 import { classScopingMode } from "../../lib/classScopingMode";
-import { IconSettingsProvider } from '@vkontakte/icons';
+import { IconSettingsProvider } from "@vkontakte/icons";
 import { elementScrollController, globalScrollController, ScrollContext } from "./ScrollContext";
 import { noop } from "../../lib/utils";
 import { warnOnce } from "../../lib/warnOnce";
 import { useKeyboardInputTracker } from "../../hooks/useKeyboardInputTracker";
 import { useInsets } from "../../hooks/useInsets";
+import { AppearanceProviderContext } from "../AppearanceProvider/AppearanceProviderContext";
 import "./AppRoot.css"; // Используйте classList, но будьте осторожны
 
 /* eslint-disable no-restricted-properties */
 
-var warn = warnOnce('AppRoot');
+var warn = warnOnce("AppRoot");
 export var AppRoot = withAdaptivity(function (_ref) {
   var children = _ref.children,
       _mode = _ref.mode,
@@ -31,13 +32,13 @@ export var AppRoot = withAdaptivity(function (_ref) {
       _ref$noLegacyClasses = _ref.noLegacyClasses,
       noLegacyClasses = _ref$noLegacyClasses === void 0 ? false : _ref$noLegacyClasses,
       _ref$scroll = _ref.scroll,
-      scroll = _ref$scroll === void 0 ? 'global' : _ref$scroll,
+      scroll = _ref$scroll === void 0 ? "global" : _ref$scroll,
       props = _objectWithoutProperties(_ref, _excluded);
 
   // normalize mode
-  var mode = _mode || (_embedded ? 'embedded' : 'full');
+  var mode = _mode || (_embedded ? "embedded" : "full");
   var isKeyboardInputActive = useKeyboardInputTracker();
-  var rootRef = React.useRef();
+  var rootRef = React.useRef(null);
 
   var _React$useState = React.useState(null),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -49,20 +50,21 @@ export var AppRoot = withAdaptivity(function (_ref) {
       document = _useDOM.document;
 
   var insets = useInsets();
+  var appearanceContext = React.useContext(AppearanceProviderContext);
   var initialized = React.useRef(false);
 
   if (!initialized.current) {
-    if (window && mode === 'full') {
-      document.documentElement.classList.add('vkui');
+    if (document && mode === "full") {
+      document.documentElement.classList.add("vkui");
     }
 
     classScopingMode.noConflict = noLegacyClasses;
     initialized.current = true;
   }
 
-  if (process.env.NODE_ENV === 'development') {
-    if (scroll !== 'global' && mode !== 'embedded') {
-      warn('Scroll modes only supported in embedded mode');
+  if (process.env.NODE_ENV === "development") {
+    if (scroll !== "global" && mode !== "embedded") {
+      warn("Scroll modes only supported in embedded mode");
     }
 
     if (_mode && _embedded) {
@@ -72,51 +74,49 @@ export var AppRoot = withAdaptivity(function (_ref) {
 
 
   useIsomorphicLayoutEffect(function () {
-    if (mode === 'full') {
-      return noop;
-    }
-
-    var portal = document.createElement('div');
-    portal.classList.add('vkui__portal-root');
+    var portal = document.createElement("div");
+    portal.classList.add("vkui__portal-root");
     document.body.appendChild(portal);
     setPortalRoot(portal);
     return function () {
-      return portal.parentElement.removeChild(portal);
+      var _portal$parentElement;
+
+      (_portal$parentElement = portal.parentElement) === null || _portal$parentElement === void 0 ? void 0 : _portal$parentElement.removeChild(portal);
     };
   }, []); // setup root classes
 
   useIsomorphicLayoutEffect(function () {
-    var _parent$classList;
+    var _rootRef$current, _parent$classList;
 
-    if (mode === 'partial') {
+    if (mode === "partial") {
       return noop;
     }
 
-    var parent = rootRef.current.parentElement;
-    var classes = ['vkui__root'].concat(mode === 'embedded' ? 'vkui__root--embedded' : []);
-
-    (_parent$classList = parent.classList).add.apply(_parent$classList, _toConsumableArray(classes));
-
+    var parent = (_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.parentElement;
+    var classes = ["vkui__root"].concat(mode === "embedded" ? "vkui__root--embedded" : []);
+    parent === null || parent === void 0 ? void 0 : (_parent$classList = parent.classList).add.apply(_parent$classList, _toConsumableArray(classes));
     return function () {
       var _parent$classList2;
 
-      (_parent$classList2 = parent.classList).remove.apply(_parent$classList2, _toConsumableArray(classes));
+      parent === null || parent === void 0 ? void 0 : (_parent$classList2 = parent.classList).remove.apply(_parent$classList2, _toConsumableArray(classes));
 
-      if (mode === 'full') {
-        document.documentElement.classList.remove('vkui');
+      if (mode === "full") {
+        document === null || document === void 0 ? void 0 : document.documentElement.classList.remove("vkui");
       }
     };
   }, []); // setup insets
 
   useIsomorphicLayoutEffect(function () {
-    if (mode === 'partial') {
+    var _rootRef$current2;
+
+    if (mode === "partial" || !((_rootRef$current2 = rootRef.current) !== null && _rootRef$current2 !== void 0 && _rootRef$current2.parentElement)) {
       return noop;
     }
 
     var parent = rootRef.current.parentElement;
 
     for (var key in insets) {
-      if (insets.hasOwnProperty(key) && typeof insets[key] === 'number') {
+      if (insets.hasOwnProperty(key) && typeof insets[key] === "number") {
         var inset = insets[key];
         parent.style.setProperty("--safe-area-inset-".concat(key), "".concat(inset, "px"));
         portalRoot && portalRoot.style.setProperty("--safe-area-inset-".concat(key), "".concat(inset, "px"));
@@ -134,25 +134,33 @@ export var AppRoot = withAdaptivity(function (_ref) {
   }, [insets, portalRoot]); // adaptivity handler
 
   useIsomorphicLayoutEffect(function () {
-    if (mode === 'partial' || sizeX !== SizeType.REGULAR) {
+    var _rootRef$current3;
+
+    if (mode === "partial" || sizeX !== SizeType.REGULAR) {
       return noop;
     }
 
-    var container = mode === 'embedded' ? rootRef.current.parentElement : document.body;
-    container.classList.add('vkui--sizeX-regular');
+    var container = mode === "embedded" ? (_rootRef$current3 = rootRef.current) === null || _rootRef$current3 === void 0 ? void 0 : _rootRef$current3.parentElement : document.body;
+    container === null || container === void 0 ? void 0 : container.classList.add("vkui--sizeX-regular");
     return function () {
-      return container.classList.remove('vkui--sizeX-regular');
+      return container === null || container === void 0 ? void 0 : container.classList.remove("vkui--sizeX-regular");
     };
   }, [sizeX]);
   var scrollController = React.useMemo(function () {
-    return scroll === 'contain' ? elementScrollController(rootRef) : globalScrollController(window, document);
-  }, [scroll]);
+    return scroll === "contain" ? elementScrollController(rootRef) : globalScrollController(window, document);
+  }, [document, scroll, window]);
+  useIsomorphicLayoutEffect(function () {
+    var _appearanceContext$sc;
+
+    portalRoot === null || portalRoot === void 0 ? void 0 : portalRoot.setAttribute("scheme", (_appearanceContext$sc = appearanceContext === null || appearanceContext === void 0 ? void 0 : appearanceContext.scheme) !== null && _appearanceContext$sc !== void 0 ? _appearanceContext$sc : "");
+  }, [portalRoot, appearanceContext === null || appearanceContext === void 0 ? void 0 : appearanceContext.scheme]);
   var content = createScopedElement(AppRootContext.Provider, {
     value: {
       appRoot: rootRef,
       portalRoot: portalRoot,
-      embedded: mode === 'embedded',
-      keyboardInput: isKeyboardInputActive
+      embedded: mode === "embedded",
+      keyboardInput: isKeyboardInputActive,
+      mode: mode
     }
   }, createScopedElement(ScrollContext.Provider, {
     value: scrollController
@@ -160,16 +168,16 @@ export var AppRoot = withAdaptivity(function (_ref) {
     classPrefix: "vkui",
     globalClasses: !noLegacyClasses
   }, children)));
-  return mode === 'partial' ? content : createScopedElement("div", _extends({
+  return mode === "partial" ? content : createScopedElement("div", _extends({
     ref: rootRef,
-    vkuiClass: classNames('AppRoot', {
-      'AppRoot--no-mouse': !hasMouse,
-      'AppRoot--keyboard-input': isKeyboardInputActive
+    vkuiClass: classNames("AppRoot", {
+      "AppRoot--no-mouse": !hasMouse
     })
   }, props), content);
 }, {
   sizeX: true,
   hasMouse: true
-});
+}); // eslint-disable-next-line import/no-default-export
+
 export default AppRoot;
 //# sourceMappingURL=AppRoot.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/AppRoot/AppRoot.tsx"],"names":["React","useDOM","classNames","AppRootContext","withAdaptivity","SizeType","useIsomorphicLayoutEffect","classScopingMode","IconSettingsProvider","elementScrollController","globalScrollController","ScrollContext","noop","warnOnce","useKeyboardInputTracker","useInsets","warn","AppRoot","children","_mode","mode","_embedded","embedded","sizeX","hasMouse","noLegacyClasses","scroll","props","isKeyboardInputActive","rootRef","useRef","useState","portalRoot","setPortalRoot","window","document","insets","initialized","current","documentElement","classList","add","noConflict","process","env","NODE_ENV","portal","createElement","body","appendChild","parentElement","removeChild","parent","classes","concat","remove","key","hasOwnProperty","inset","style","setProperty","removeProperty","REGULAR","container","scrollController","useMemo","content","appRoot","keyboardInput"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../../lib/dom';\nimport { classNames } from '../../lib/classNames';\nimport { AppRootContext } from './AppRootContext';\nimport { withAdaptivity, SizeType, AdaptivityProps } from '../../hoc/withAdaptivity';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { classScopingMode } from '../../lib/classScopingMode';\nimport { IconSettingsProvider } from '@vkontakte/icons';\nimport { elementScrollController, globalScrollController, ScrollContext, ScrollContextInterface } from './ScrollContext';\nimport { noop } from '../../lib/utils';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { useKeyboardInputTracker } from '../../hooks/useKeyboardInputTracker';\nimport { useInsets } from '../../hooks/useInsets';\nimport { Insets } from '@vkontakte/vk-bridge';\nimport './AppRoot.css';\n\n// Используйте classList, но будьте осторожны\n/* eslint-disable no-restricted-properties */\n\nexport interface AppRootProps extends React.HTMLAttributes<HTMLDivElement>, Pick<AdaptivityProps, 'sizeX' | 'hasMouse'> {\n  /** @deprecated Use mode=\"embedded\" */\n  embedded?: boolean;\n  /** Режим встраивания */\n  mode?: 'partial' | 'embedded' | 'full';\n  window?: Window;\n  /** Убирает классы без префикса (.Button) */\n  noLegacyClasses?: boolean;\n  scroll?: 'global' | 'contain';\n}\n\nconst warn = warnOnce('AppRoot');\nexport const AppRoot: React.FC<AppRootProps> = withAdaptivity(({\n  children, mode: _mode, embedded: _embedded, sizeX, hasMouse, noLegacyClasses = false, scroll = 'global',\n  ...props\n}: AppRootProps) => {\n  // normalize mode\n  const mode = _mode || (_embedded ? 'embedded' : 'full');\n  const isKeyboardInputActive = useKeyboardInputTracker();\n  const rootRef = React.useRef<HTMLDivElement>();\n  const [portalRoot, setPortalRoot] = React.useState<HTMLDivElement>(null);\n  const { window, document } = useDOM();\n  const insets = useInsets();\n\n  const initialized = React.useRef(false);\n  if (!initialized.current) {\n    if (window && mode === 'full') {\n      document.documentElement.classList.add('vkui');\n    }\n    classScopingMode.noConflict = noLegacyClasses;\n    initialized.current = true;\n  }\n\n  if (process.env.NODE_ENV === 'development') {\n    if (scroll !== 'global' && mode !== 'embedded') {\n      warn('Scroll modes only supported in embedded mode');\n    }\n    if (_mode && _embedded) {\n      warn(`mode=\"${mode}\" overrides embedded`);\n    }\n  }\n\n  // setup portal\n  useIsomorphicLayoutEffect(() => {\n    if (mode === 'full') {\n      return noop;\n    }\n\n    const portal = document.createElement('div');\n    portal.classList.add('vkui__portal-root');\n    document.body.appendChild(portal);\n    setPortalRoot(portal);\n    return () => portal.parentElement.removeChild(portal);\n  }, []);\n\n  // setup root classes\n  useIsomorphicLayoutEffect(() => {\n    if (mode === 'partial') {\n      return noop;\n    }\n\n    const parent = rootRef.current.parentElement;\n    const classes = ['vkui__root'].concat(mode === 'embedded' ? 'vkui__root--embedded' : []);\n    parent.classList.add(...classes);\n\n    return () => {\n      parent.classList.remove(...classes);\n      if (mode === 'full') {\n        document.documentElement.classList.remove('vkui');\n      }\n    };\n  }, []);\n\n  // setup insets\n  useIsomorphicLayoutEffect(() => {\n    if (mode === 'partial') {\n      return noop;\n    }\n\n    const parent = rootRef.current.parentElement;\n\n    for (const key in insets) {\n      if (insets.hasOwnProperty(key) && typeof insets[key as keyof Insets] === 'number') {\n        const inset = insets[key as keyof Insets];\n        parent.style.setProperty(`--safe-area-inset-${key}`, `${inset}px`);\n        portalRoot && portalRoot.style.setProperty(`--safe-area-inset-${key}`, `${inset}px`);\n      }\n    }\n\n    return () => {\n      for (const key in insets) {\n        if (insets.hasOwnProperty(key)) {\n          parent.style.removeProperty(`--safe-area-inset-${key}`);\n          portalRoot && portalRoot.style.removeProperty(`--safe-area-inset-${key}`);\n        }\n      }\n    };\n  }, [insets, portalRoot]);\n\n  // adaptivity handler\n  useIsomorphicLayoutEffect(() => {\n    if (mode === 'partial' || sizeX !== SizeType.REGULAR) {\n      return noop;\n    }\n    const container = mode === 'embedded' ? rootRef.current.parentElement : document.body;\n    container.classList.add('vkui--sizeX-regular');\n    return () => container.classList.remove('vkui--sizeX-regular');\n  }, [sizeX]);\n\n  const scrollController = React.useMemo<ScrollContextInterface>(\n    () => scroll === 'contain' ? elementScrollController(rootRef) : globalScrollController(window, document),\n    [scroll]);\n\n  const content = (\n    <AppRootContext.Provider value={{\n      appRoot: rootRef,\n      portalRoot: portalRoot,\n      embedded: mode === 'embedded',\n      keyboardInput: isKeyboardInputActive,\n    }}>\n      <ScrollContext.Provider value={scrollController}>\n        <IconSettingsProvider classPrefix=\"vkui\" globalClasses={!noLegacyClasses}>\n          {children}\n        </IconSettingsProvider>\n      </ScrollContext.Provider>\n    </AppRootContext.Provider>\n  );\n\n  return mode === 'partial' ? content : (\n    <div ref={rootRef} vkuiClass={classNames('AppRoot', {\n      'AppRoot--no-mouse': !hasMouse,\n      'AppRoot--keyboard-input': isKeyboardInputActive,\n    })} {...props}>\n      {content}\n    </div>\n  );\n}, {\n  sizeX: true,\n  hasMouse: true,\n});\n\nexport default AppRoot;\n"],"file":"AppRoot.js"}
+{"version":3,"sources":["../../../../src/components/AppRoot/AppRoot.tsx"],"names":["React","useDOM","classNames","AppRootContext","withAdaptivity","SizeType","useIsomorphicLayoutEffect","classScopingMode","IconSettingsProvider","elementScrollController","globalScrollController","ScrollContext","noop","warnOnce","useKeyboardInputTracker","useInsets","AppearanceProviderContext","warn","AppRoot","children","_mode","mode","_embedded","embedded","sizeX","hasMouse","noLegacyClasses","scroll","props","isKeyboardInputActive","rootRef","useRef","useState","portalRoot","setPortalRoot","window","document","insets","appearanceContext","useContext","initialized","current","documentElement","classList","add","noConflict","process","env","NODE_ENV","portal","createElement","body","appendChild","parentElement","removeChild","parent","classes","concat","remove","key","hasOwnProperty","inset","style","setProperty","removeProperty","REGULAR","container","scrollController","useMemo","setAttribute","scheme","content","appRoot","keyboardInput"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { useDOM } from \"../../lib/dom\";\nimport { classNames } from \"../../lib/classNames\";\nimport { AppRootContext } from \"./AppRootContext\";\nimport {\n  withAdaptivity,\n  SizeType,\n  AdaptivityProps,\n} from \"../../hoc/withAdaptivity\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { classScopingMode } from \"../../lib/classScopingMode\";\nimport { IconSettingsProvider } from \"@vkontakte/icons\";\nimport {\n  elementScrollController,\n  globalScrollController,\n  ScrollContext,\n  ScrollContextInterface,\n} from \"./ScrollContext\";\nimport { noop } from \"../../lib/utils\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { useKeyboardInputTracker } from \"../../hooks/useKeyboardInputTracker\";\nimport { useInsets } from \"../../hooks/useInsets\";\nimport { AppearanceProviderContext } from \"../AppearanceProvider/AppearanceProviderContext\";\nimport { Insets } from \"@vkontakte/vk-bridge\";\nimport \"./AppRoot.css\";\n\n// Используйте classList, но будьте осторожны\n/* eslint-disable no-restricted-properties */\n\nexport interface AppRootProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    Pick<AdaptivityProps, \"sizeX\" | \"hasMouse\"> {\n  /** @deprecated Use mode=\"embedded\" */\n  embedded?: boolean;\n  /** Режим встраивания */\n  mode?: \"partial\" | \"embedded\" | \"full\";\n  window?: Window;\n  /** Убирает классы без префикса (.Button) */\n  noLegacyClasses?: boolean;\n  scroll?: \"global\" | \"contain\";\n}\n\nconst warn = warnOnce(\"AppRoot\");\nexport const AppRoot = withAdaptivity<AppRootProps>(\n  ({\n    children,\n    mode: _mode,\n    embedded: _embedded,\n    sizeX,\n    hasMouse,\n    noLegacyClasses = false,\n    scroll = \"global\",\n    ...props\n  }) => {\n    // normalize mode\n    const mode = _mode || (_embedded ? \"embedded\" : \"full\");\n    const isKeyboardInputActive = useKeyboardInputTracker();\n    const rootRef = React.useRef<HTMLDivElement | null>(null);\n    const [portalRoot, setPortalRoot] = React.useState<HTMLDivElement | null>(\n      null\n    );\n    const { window, document } = useDOM();\n    const insets = useInsets();\n    const appearanceContext = React.useContext(AppearanceProviderContext);\n\n    const initialized = React.useRef(false);\n    if (!initialized.current) {\n      if (document && mode === \"full\") {\n        document.documentElement.classList.add(\"vkui\");\n      }\n      classScopingMode.noConflict = noLegacyClasses;\n      initialized.current = true;\n    }\n\n    if (process.env.NODE_ENV === \"development\") {\n      if (scroll !== \"global\" && mode !== \"embedded\") {\n        warn(\"Scroll modes only supported in embedded mode\");\n      }\n      if (_mode && _embedded) {\n        warn(`mode=\"${mode}\" overrides embedded`);\n      }\n    }\n\n    // setup portal\n    useIsomorphicLayoutEffect(() => {\n      const portal = document!.createElement(\"div\");\n      portal.classList.add(\"vkui__portal-root\");\n      document!.body.appendChild(portal);\n      setPortalRoot(portal);\n      return () => {\n        portal.parentElement?.removeChild(portal);\n      };\n    }, []);\n\n    // setup root classes\n    useIsomorphicLayoutEffect(() => {\n      if (mode === \"partial\") {\n        return noop;\n      }\n\n      const parent = rootRef.current?.parentElement;\n      const classes = [\"vkui__root\"].concat(\n        mode === \"embedded\" ? \"vkui__root--embedded\" : []\n      );\n      parent?.classList.add(...classes);\n\n      return () => {\n        parent?.classList.remove(...classes);\n        if (mode === \"full\") {\n          document?.documentElement.classList.remove(\"vkui\");\n        }\n      };\n    }, []);\n\n    // setup insets\n    useIsomorphicLayoutEffect(() => {\n      if (mode === \"partial\" || !rootRef.current?.parentElement) {\n        return noop;\n      }\n\n      const parent = rootRef.current.parentElement;\n\n      for (const key in insets) {\n        if (\n          insets.hasOwnProperty(key) &&\n          typeof insets[key as keyof Insets] === \"number\"\n        ) {\n          const inset = insets[key as keyof Insets];\n          parent.style.setProperty(`--safe-area-inset-${key}`, `${inset}px`);\n          portalRoot &&\n            portalRoot.style.setProperty(\n              `--safe-area-inset-${key}`,\n              `${inset}px`\n            );\n        }\n      }\n\n      return () => {\n        for (const key in insets) {\n          if (insets.hasOwnProperty(key)) {\n            parent.style.removeProperty(`--safe-area-inset-${key}`);\n            portalRoot &&\n              portalRoot.style.removeProperty(`--safe-area-inset-${key}`);\n          }\n        }\n      };\n    }, [insets, portalRoot]);\n\n    // adaptivity handler\n    useIsomorphicLayoutEffect(() => {\n      if (mode === \"partial\" || sizeX !== SizeType.REGULAR) {\n        return noop;\n      }\n      const container =\n        mode === \"embedded\" ? rootRef.current?.parentElement : document!.body;\n      container?.classList.add(\"vkui--sizeX-regular\");\n      return () => container?.classList.remove(\"vkui--sizeX-regular\");\n    }, [sizeX]);\n\n    const scrollController = React.useMemo<ScrollContextInterface>(\n      () =>\n        scroll === \"contain\"\n          ? elementScrollController(rootRef)\n          : globalScrollController(window, document),\n      [document, scroll, window]\n    );\n\n    useIsomorphicLayoutEffect(() => {\n      portalRoot?.setAttribute(\"scheme\", appearanceContext?.scheme ?? \"\");\n    }, [portalRoot, appearanceContext?.scheme]);\n\n    const content = (\n      <AppRootContext.Provider\n        value={{\n          appRoot: rootRef,\n          portalRoot: portalRoot,\n          embedded: mode === \"embedded\",\n          keyboardInput: isKeyboardInputActive,\n          mode,\n        }}\n      >\n        <ScrollContext.Provider value={scrollController}>\n          <IconSettingsProvider\n            classPrefix=\"vkui\"\n            globalClasses={!noLegacyClasses}\n          >\n            {children}\n          </IconSettingsProvider>\n        </ScrollContext.Provider>\n      </AppRootContext.Provider>\n    );\n\n    return mode === \"partial\" ? (\n      content\n    ) : (\n      <div\n        ref={rootRef}\n        vkuiClass={classNames(\"AppRoot\", {\n          \"AppRoot--no-mouse\": !hasMouse,\n        })}\n        {...props}\n      >\n        {content}\n      </div>\n    );\n  },\n  {\n    sizeX: true,\n    hasMouse: true,\n  }\n);\n\n// eslint-disable-next-line import/no-default-export\nexport default AppRoot;\n"],"file":"AppRoot.js"}

package/dist/cssm/components/AppRoot/AppRootContext.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 export var AppRootContext = /*#__PURE__*/React.createContext({
   portalRoot: null
 });

package/dist/cssm/components/AppRoot/AppRootContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/AppRoot/AppRootContext.ts"],"names":["React","AppRootContext","createContext","portalRoot"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AASA,OAAO,IAAMC,cAAc,gBAAGD,KAAK,CAACE,aAAN,CAA6C;AACzEC,EAAAA,UAAU,EAAE;AAD6D,CAA7C,CAAvB","sourcesContent":["import * as React from 'react';\n\nexport interface AppRootContextInterface {\n  appRoot?: React.RefObject<HTMLDivElement>;\n  portalRoot?: HTMLDivElement;\n  embedded?: boolean;\n  keyboardInput?: boolean;\n}\n\nexport const AppRootContext = React.createContext<AppRootContextInterface>({\n  portalRoot: null,\n});\n"],"file":"AppRootContext.js"}
+{"version":3,"sources":["../../../../src/components/AppRoot/AppRootContext.ts"],"names":["React","AppRootContext","createContext","portalRoot"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAUA,OAAO,IAAMC,cAAc,gBAAGD,KAAK,CAACE,aAAN,CAA6C;AACzEC,EAAAA,UAAU,EAAE;AAD6D,CAA7C,CAAvB","sourcesContent":["import * as React from \"react\";\n\nexport interface AppRootContextInterface {\n  appRoot?: React.RefObject<HTMLDivElement>;\n  portalRoot?: HTMLDivElement | null;\n  embedded?: boolean;\n  mode?: \"partial\" | \"embedded\" | \"full\";\n  keyboardInput?: boolean;\n}\n\nexport const AppRootContext = React.createContext<AppRootContextInterface>({\n  portalRoot: null,\n});\n"],"file":"AppRootContext.js"}

package/dist/cssm/components/AppRoot/AppRootPortal.js

@@ -1,16 +1,20 @@
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
-import { createPortal } from 'react-dom';
+import * as React from "react";
+import { createPortal } from "react-dom";
 import { AppRootContext } from "./AppRootContext";
 export var AppRootPortal = function AppRootPortal(_ref) {
+  var _forcePortal;
+
   var children = _ref.children,
-      className = _ref.className;
+      className = _ref.className,
+      forcePortal = _ref.forcePortal;
 
   var _React$useContext = React.useContext(AppRootContext),
       portalRoot = _React$useContext.portalRoot,
-      embedded = _React$useContext.embedded;
+      mode = _React$useContext.mode;
 
-  return embedded && portalRoot ? /*#__PURE__*/createPortal(createScopedElement("div", {
+  forcePortal = (_forcePortal = forcePortal) !== null && _forcePortal !== void 0 ? _forcePortal : mode !== "full";
+  return portalRoot && forcePortal ? /*#__PURE__*/createPortal(createScopedElement("div", {
     className: className
   }, children), portalRoot) : createScopedElement(React.Fragment, null, children);
 };

package/dist/cssm/components/AppRoot/AppRootPortal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/AppRoot/AppRootPortal.tsx"],"names":["React","createPortal","AppRootContext","AppRootPortal","children","className","useContext","portalRoot","embedded"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT,QAA6B,WAA7B;AACA,SAASC,cAAT;AAEA,OAAO,IAAMC,aAAwE,GAAG,SAA3EA,aAA2E,OAA6B;AAAA,MAA1BC,QAA0B,QAA1BA,QAA0B;AAAA,MAAhBC,SAAgB,QAAhBA,SAAgB;;AACnH,0BAAiCL,KAAK,CAACM,UAAN,CAAiBJ,cAAjB,CAAjC;AAAA,MAAQK,UAAR,qBAAQA,UAAR;AAAA,MAAoBC,QAApB,qBAAoBA,QAApB;;AACA,SAAOA,QAAQ,IAAID,UAAZ,gBACHN,YAAY,CAAE;AAAK,IAAA,SAAS,EAAEI;AAAhB,KAA4BD,QAA5B,CAAF,EAAgDG,UAAhD,CADT,GAEH,oBAAC,KAAD,CAAO,QAAP,QAAiBH,QAAjB,CAFJ;AAGD,CALM","sourcesContent":["import * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { AppRootContext } from './AppRootContext';\n\nexport const AppRootPortal: React.FC<React.PropsWithChildren<{ className?: string }>> = ({ children, className }) => {\n  const { portalRoot, embedded } = React.useContext(AppRootContext);\n  return embedded && portalRoot\n    ? createPortal((<div className={className}>{children}</div>), portalRoot)\n    : <React.Fragment>{children}</React.Fragment>;\n};\n"],"file":"AppRootPortal.js"}
+{"version":3,"sources":["../../../../src/components/AppRoot/AppRootPortal.tsx"],"names":["React","createPortal","AppRootContext","AppRootPortal","children","className","forcePortal","useContext","portalRoot","mode"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT,QAA6B,WAA7B;AACA,SAASC,cAAT;AAEA,OAAO,IAAMC,aAEZ,GAAG,SAFSA,aAET,OAA0C;AAAA;;AAAA,MAAvCC,QAAuC,QAAvCA,QAAuC;AAAA,MAA7BC,SAA6B,QAA7BA,SAA6B;AAAA,MAAlBC,WAAkB,QAAlBA,WAAkB;;AAC5C,0BAA6BN,KAAK,CAACO,UAAN,CAAiBL,cAAjB,CAA7B;AAAA,MAAQM,UAAR,qBAAQA,UAAR;AAAA,MAAoBC,IAApB,qBAAoBA,IAApB;;AAEAH,EAAAA,WAAW,mBAAGA,WAAH,uDAAkBG,IAAI,KAAK,MAAtC;AACA,SAAOD,UAAU,IAAIF,WAAd,gBACLL,YAAY,CAAC;AAAK,IAAA,SAAS,EAAEI;AAAhB,KAA4BD,QAA5B,CAAD,EAA8CI,UAA9C,CADP,GAGL,oBAAC,KAAD,CAAO,QAAP,QAAiBJ,QAAjB,CAHF;AAKD,CAXM","sourcesContent":["import * as React from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { AppRootContext } from \"./AppRootContext\";\n\nexport const AppRootPortal: React.FC<\n  React.PropsWithChildren<{ className?: string; forcePortal?: boolean }>\n> = ({ children, className, forcePortal }) => {\n  const { portalRoot, mode } = React.useContext(AppRootContext);\n\n  forcePortal = forcePortal ?? mode !== \"full\";\n  return portalRoot && forcePortal ? (\n    createPortal(<div className={className}>{children}</div>, portalRoot)\n  ) : (\n    <React.Fragment>{children}</React.Fragment>\n  );\n};\n"],"file":"AppRootPortal.js"}

package/dist/cssm/components/AppRoot/ScrollContext.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 import { noop } from "../../lib/utils";
 import { clamp } from "../../helpers/math";
 export var ScrollContext = /*#__PURE__*/React.createContext({
@@ -29,9 +29,11 @@ export var globalScrollController = function globalScrollController(window, docu
 export var elementScrollController = function elementScrollController(elRef) {
   return {
     getScroll: function getScroll() {
+      var _elRef$current$scroll, _elRef$current, _elRef$current$scroll2, _elRef$current2;
+
       return {
-        x: elRef.current.scrollLeft,
-        y: elRef.current.scrollTop
+        x: (_elRef$current$scroll = (_elRef$current = elRef.current) === null || _elRef$current === void 0 ? void 0 : _elRef$current.scrollLeft) !== null && _elRef$current$scroll !== void 0 ? _elRef$current$scroll : 0,
+        y: (_elRef$current$scroll2 = (_elRef$current2 = elRef.current) === null || _elRef$current2 === void 0 ? void 0 : _elRef$current2.scrollTop) !== null && _elRef$current$scroll2 !== void 0 ? _elRef$current$scroll2 : 0
       };
     },
     scrollTo: function scrollTo() {
@@ -39,7 +41,7 @@ export var elementScrollController = function elementScrollController(elRef) {
       var y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
       var el = elRef.current; // Some iOS versions do not normalize scroll — do it manually.
 
-      el.scrollTo(x ? clamp(x, 0, el.scrollWidth - el.clientWidth) : 0, y ? clamp(y, 0, el.scrollHeight - el.clientHeight) : 0);
+      el === null || el === void 0 ? void 0 : el.scrollTo(x ? clamp(x, 0, el.scrollWidth - el.clientWidth) : 0, y ? clamp(y, 0, el.scrollHeight - el.clientHeight) : 0);
     }
   };
 };

package/dist/cssm/components/AppRoot/ScrollContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/AppRoot/ScrollContext.ts"],"names":["React","noop","clamp","ScrollContext","createContext","getScroll","x","y","scrollTo","globalScrollController","window","document","pageXOffset","pageYOffset","body","scrollWidth","innerWidth","scrollHeight","innerHeight","elementScrollController","elRef","current","scrollLeft","scrollTop","el","clientWidth","clientHeight"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT;AACA,SAASC,KAAT;AAOA,OAAO,IAAMC,aAAa,gBAAGH,KAAK,CAACI,aAAN,CAA4C;AACvEC,EAAAA,SAAS,EAAE;AAAA,WAAO;AAAEC,MAAAA,CAAC,EAAE,CAAL;AAAQC,MAAAA,CAAC,EAAE;AAAX,KAAP;AAAA,GAD4D;AAEvEC,EAAAA,QAAQ,EAAEP;AAF6D,CAA5C,CAAtB;AAKP,OAAO,IAAMQ,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACC,MAAD,EAAiBC,QAAjB;AAAA,SAA6C;AACjFN,IAAAA,SAAS,EAAE;AAAA,aAAO;AAAEC,QAAAA,CAAC,EAAEI,MAAM,CAACE,WAAZ;AAAyBL,QAAAA,CAAC,EAAEG,MAAM,CAACG;AAAnC,OAAP;AAAA,KADsE;AAEjFL,IAAAA,QAAQ,EAAE,oBAAkB;AAAA,UAAjBF,CAAiB,uEAAb,CAAa;AAAA,UAAVC,CAAU,uEAAN,CAAM;AAC1B;AACAG,MAAAA,MAAM,CAACF,QAAP,CACEF,CAAC,GAAGJ,KAAK,CAACI,CAAD,EAAI,CAAJ,EAAOK,QAAQ,CAACG,IAAT,CAAcC,WAAd,GAA4BL,MAAM,CAACM,UAA1C,CAAR,GAAgE,CADnE,EAEET,CAAC,GAAGL,KAAK,CAACK,CAAD,EAAI,CAAJ,EAAOI,QAAQ,CAACG,IAAT,CAAcG,YAAd,GAA6BP,MAAM,CAACQ,WAA3C,CAAR,GAAkE,CAFrE;AAGD;AAPgF,GAA7C;AAAA,CAA/B;AAUP,OAAO,IAAMC,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACC,KAAD;AAAA,SAA0C;AAC/Ef,IAAAA,SAAS,EAAE;AAAA,aAAO;AAAEC,QAAAA,CAAC,EAAEc,KAAK,CAACC,OAAN,CAAcC,UAAnB;AAA+Bf,QAAAA,CAAC,EAAEa,KAAK,CAACC,OAAN,CAAcE;AAAhD,OAAP;AAAA,KADoE;AAE/Ef,IAAAA,QAAQ,EAAE,oBAAkB;AAAA,UAAjBF,CAAiB,uEAAb,CAAa;AAAA,UAAVC,CAAU,uEAAN,CAAM;AAC1B,UAAMiB,EAAE,GAAGJ,KAAK,CAACC,OAAjB,CAD0B,CAE1B;;AACAG,MAAAA,EAAE,CAAChB,QAAH,CACEF,CAAC,GAAGJ,KAAK,CAACI,CAAD,EAAI,CAAJ,EAAOkB,EAAE,CAACT,WAAH,GAAiBS,EAAE,CAACC,WAA3B,CAAR,GAAkD,CADrD,EAEElB,CAAC,GAAGL,KAAK,CAACK,CAAD,EAAI,CAAJ,EAAOiB,EAAE,CAACP,YAAH,GAAkBO,EAAE,CAACE,YAA5B,CAAR,GAAoD,CAFvD;AAGD;AAR8E,GAA1C;AAAA,CAAhC","sourcesContent":["import * as React from 'react';\nimport { noop } from '../../lib/utils';\nimport { clamp } from '../../helpers/math';\n\nexport interface ScrollContextInterface {\n  getScroll(): { x: number; y: number };\n  scrollTo(x?: number, y?: number): void;\n}\n\nexport const ScrollContext = React.createContext<ScrollContextInterface>({\n  getScroll: () => ({ x: 0, y: 0 }),\n  scrollTo: noop,\n});\n\nexport const globalScrollController = (window: Window, document: HTMLDocument) => ({\n  getScroll: () => ({ x: window.pageXOffset, y: window.pageYOffset }),\n  scrollTo: (x = 0, y = 0) => {\n    // Some iOS versions do not normalize scroll — do it manually.\n    window.scrollTo(\n      x ? clamp(x, 0, document.body.scrollWidth - window.innerWidth) : 0,\n      y ? clamp(y, 0, document.body.scrollHeight - window.innerHeight) : 0);\n  },\n});\n\nexport const elementScrollController = (elRef: React.RefObject<HTMLElement>) => ({\n  getScroll: () => ({ x: elRef.current.scrollLeft, y: elRef.current.scrollTop }),\n  scrollTo: (x = 0, y = 0) => {\n    const el = elRef.current;\n    // Some iOS versions do not normalize scroll — do it manually.\n    el.scrollTo(\n      x ? clamp(x, 0, el.scrollWidth - el.clientWidth) : 0,\n      y ? clamp(y, 0, el.scrollHeight - el.clientHeight) : 0);\n  },\n});\n"],"file":"ScrollContext.js"}
+{"version":3,"sources":["../../../../src/components/AppRoot/ScrollContext.ts"],"names":["React","noop","clamp","ScrollContext","createContext","getScroll","x","y","scrollTo","globalScrollController","window","document","pageXOffset","pageYOffset","body","scrollWidth","innerWidth","scrollHeight","innerHeight","elementScrollController","elRef","current","scrollLeft","scrollTop","el","clientWidth","clientHeight"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT;AACA,SAASC,KAAT;AAOA,OAAO,IAAMC,aAAa,gBAAGH,KAAK,CAACI,aAAN,CAA4C;AACvEC,EAAAA,SAAS,EAAE;AAAA,WAAO;AAAEC,MAAAA,CAAC,EAAE,CAAL;AAAQC,MAAAA,CAAC,EAAE;AAAX,KAAP;AAAA,GAD4D;AAEvEC,EAAAA,QAAQ,EAAEP;AAF6D,CAA5C,CAAtB;AAKP,OAAO,IAAMQ,sBAAsB,GAAG,SAAzBA,sBAAyB,CACpCC,MADoC,EAEpCC,QAFoC;AAAA,SAGhC;AACJN,IAAAA,SAAS,EAAE;AAAA,aAAO;AAAEC,QAAAA,CAAC,EAAEI,MAAM,CAAEE,WAAb;AAA0BL,QAAAA,CAAC,EAAEG,MAAM,CAAEG;AAArC,OAAP;AAAA,KADP;AAEJL,IAAAA,QAAQ,EAAE,oBAAkB;AAAA,UAAjBF,CAAiB,uEAAb,CAAa;AAAA,UAAVC,CAAU,uEAAN,CAAM;AAC1B;AACAG,MAAAA,MAAM,CAAEF,QAAR,CACEF,CAAC,GAAGJ,KAAK,CAACI,CAAD,EAAI,CAAJ,EAAOK,QAAQ,CAAEG,IAAV,CAAeC,WAAf,GAA6BL,MAAM,CAAEM,UAA5C,CAAR,GAAkE,CADrE,EAEET,CAAC,GAAGL,KAAK,CAACK,CAAD,EAAI,CAAJ,EAAOI,QAAQ,CAAEG,IAAV,CAAeG,YAAf,GAA8BP,MAAM,CAAEQ,WAA7C,CAAR,GAAoE,CAFvE;AAID;AARG,GAHgC;AAAA,CAA/B;AAcP,OAAO,IAAMC,uBAAuB,GAAG,SAA1BA,uBAA0B,CACrCC,KADqC;AAAA,SAEjC;AACJf,IAAAA,SAAS,EAAE;AAAA;;AAAA,aAAO;AAChBC,QAAAA,CAAC,6CAAEc,KAAK,CAACC,OAAR,mDAAE,eAAeC,UAAjB,yEAA+B,CADhB;AAEhBf,QAAAA,CAAC,+CAAEa,KAAK,CAACC,OAAR,oDAAE,gBAAeE,SAAjB,2EAA8B;AAFf,OAAP;AAAA,KADP;AAKJf,IAAAA,QAAQ,EAAE,oBAAkB;AAAA,UAAjBF,CAAiB,uEAAb,CAAa;AAAA,UAAVC,CAAU,uEAAN,CAAM;AAC1B,UAAMiB,EAAE,GAAGJ,KAAK,CAACC,OAAjB,CAD0B,CAE1B;;AACAG,MAAAA,EAAE,SAAF,IAAAA,EAAE,WAAF,YAAAA,EAAE,CAAEhB,QAAJ,CACEF,CAAC,GAAGJ,KAAK,CAACI,CAAD,EAAI,CAAJ,EAAOkB,EAAE,CAACT,WAAH,GAAiBS,EAAE,CAACC,WAA3B,CAAR,GAAkD,CADrD,EAEElB,CAAC,GAAGL,KAAK,CAACK,CAAD,EAAI,CAAJ,EAAOiB,EAAE,CAACP,YAAH,GAAkBO,EAAE,CAACE,YAA5B,CAAR,GAAoD,CAFvD;AAID;AAZG,GAFiC;AAAA,CAAhC","sourcesContent":["import * as React from \"react\";\nimport { noop } from \"../../lib/utils\";\nimport { clamp } from \"../../helpers/math\";\n\nexport interface ScrollContextInterface {\n  getScroll(): { x: number; y: number };\n  scrollTo(x?: number, y?: number): void;\n}\n\nexport const ScrollContext = React.createContext<ScrollContextInterface>({\n  getScroll: () => ({ x: 0, y: 0 }),\n  scrollTo: noop,\n});\n\nexport const globalScrollController = (\n  window: Window | undefined,\n  document: HTMLDocument | undefined\n) => ({\n  getScroll: () => ({ x: window!.pageXOffset, y: window!.pageYOffset }),\n  scrollTo: (x = 0, y = 0) => {\n    // Some iOS versions do not normalize scroll — do it manually.\n    window!.scrollTo(\n      x ? clamp(x, 0, document!.body.scrollWidth - window!.innerWidth) : 0,\n      y ? clamp(y, 0, document!.body.scrollHeight - window!.innerHeight) : 0\n    );\n  },\n});\n\nexport const elementScrollController = (\n  elRef: React.RefObject<HTMLElement>\n) => ({\n  getScroll: () => ({\n    x: elRef.current?.scrollLeft ?? 0,\n    y: elRef.current?.scrollTop ?? 0,\n  }),\n  scrollTo: (x = 0, y = 0) => {\n    const el = elRef.current;\n    // Some iOS versions do not normalize scroll — do it manually.\n    el?.scrollTo(\n      x ? clamp(x, 0, el.scrollWidth - el.clientWidth) : 0,\n      y ? clamp(y, 0, el.scrollHeight - el.clientHeight) : 0\n    );\n  },\n});\n"],"file":"ScrollContext.js"}

package/dist/cssm/components/AppearanceProvider/AppearanceProvider.js

@@ -0,0 +1,33 @@
+import { createScopedElement } from "../../lib/jsxRuntime";
+import * as React from "react";
+import { AppearanceProviderContext } from "./AppearanceProviderContext";
+import { getScheme } from "../../helpers/getScheme";
+import { classNames } from "../../lib/classNames";
+import { usePlatform } from "../../hooks/usePlatform";
+export var AppearanceProvider = function AppearanceProvider(_ref) {
+  var children = _ref.children,
+      _ref$appearance = _ref.appearance,
+      appearance = _ref$appearance === void 0 ? "light" : _ref$appearance;
+  var platform = usePlatform();
+  var appearanceContext = React.useMemo(function () {
+    return {
+      scheme: getScheme({
+        platform: platform,
+        appearance: appearance
+      }),
+      appearance: appearance
+    };
+  }, [appearance, platform]);
+  return createScopedElement(AppearanceProviderContext.Provider, {
+    value: appearanceContext
+  }, React.Children.map(children, function (child) {
+    if ( /*#__PURE__*/React.isValidElement(child)) {
+      return /*#__PURE__*/React.cloneElement(child, {
+        className: classNames(child.props.className, "vkui".concat(appearanceContext.scheme))
+      });
+    }
+
+    return child;
+  }));
+};
+//# sourceMappingURL=AppearanceProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/AppearanceProvider/AppearanceProvider.tsx"],"names":["React","AppearanceProviderContext","getScheme","classNames","usePlatform","AppearanceProvider","children","appearance","platform","appearanceContext","useMemo","scheme","Children","map","child","isValidElement","cloneElement","className","props"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,yBAAT;AACA,SAASC,SAAT;AACA,SAASC,UAAT;AACA,SAASC,WAAT;AAMA,OAAO,IAAMC,kBAAqD,GAAG,SAAxDA,kBAAwD,OAG/D;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,6BADJC,UACI;AAAA,MADJA,UACI,gCADS,OACT;AACJ,MAAMC,QAAQ,GAAGJ,WAAW,EAA5B;AAEA,MAAMK,iBAAiB,GAAGT,KAAK,CAACU,OAAN,CACxB;AAAA,WAAO;AACLC,MAAAA,MAAM,EAAET,SAAS,CAAC;AAChBM,QAAAA,QAAQ,EAARA,QADgB;AAEhBD,QAAAA,UAAU,EAAVA;AAFgB,OAAD,CADZ;AAKLA,MAAAA,UAAU,EAAVA;AALK,KAAP;AAAA,GADwB,EAQxB,CAACA,UAAD,EAAaC,QAAb,CARwB,CAA1B;AAWA,SACE,oBAAC,yBAAD,CAA2B,QAA3B;AAAoC,IAAA,KAAK,EAAEC;AAA3C,KACGT,KAAK,CAACY,QAAN,CAAeC,GAAf,CAAmBP,QAAnB,EAA6B,UAACQ,KAAD,EAAW;AACvC,sBAAId,KAAK,CAACe,cAAN,CAAqBD,KAArB,CAAJ,EAAiC;AAC/B,0BAAOd,KAAK,CAACgB,YAAN,CAAmBF,KAAnB,EAA0B;AAC/BG,QAAAA,SAAS,EAAEd,UAAU,CACnBW,KAAK,CAACI,KAAN,CAAYD,SADO,gBAEZR,iBAAiB,CAACE,MAFN;AADU,OAA1B,CAAP;AAMD;;AACD,WAAOG,KAAP;AACD,GAVA,CADH,CADF;AAeD,CAhCM","sourcesContent":["import * as React from \"react\";\nimport { AppearanceType } from \"@vkontakte/vk-bridge\";\nimport { AppearanceProviderContext } from \"./AppearanceProviderContext\";\nimport { getScheme } from \"../../helpers/getScheme\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\n\nexport interface AppearanceProviderProps {\n  appearance?: AppearanceType;\n}\n\nexport const AppearanceProvider: React.FC<AppearanceProviderProps> = ({\n  children,\n  appearance = \"light\",\n}) => {\n  const platform = usePlatform();\n\n  const appearanceContext = React.useMemo(\n    () => ({\n      scheme: getScheme({\n        platform,\n        appearance,\n      }),\n      appearance,\n    }),\n    [appearance, platform]\n  );\n\n  return (\n    <AppearanceProviderContext.Provider value={appearanceContext}>\n      {React.Children.map(children, (child) => {\n        if (React.isValidElement(child)) {\n          return React.cloneElement(child, {\n            className: classNames(\n              child.props.className,\n              `vkui${appearanceContext.scheme}`\n            ),\n          });\n        }\n        return child;\n      })}\n    </AppearanceProviderContext.Provider>\n  );\n};\n"],"file":"AppearanceProvider.js"}

package/dist/cssm/components/AppearanceProvider/AppearanceProviderContext.js

@@ -0,0 +1,3 @@
+import * as React from "react";
+export var AppearanceProviderContext = /*#__PURE__*/React.createContext(undefined);
+//# sourceMappingURL=AppearanceProviderContext.js.map

package/dist/cssm/components/AppearanceProvider/AppearanceProviderContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/AppearanceProvider/AppearanceProviderContext.tsx"],"names":["React","AppearanceProviderContext","createContext","undefined"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AASA,OAAO,IAAMC,yBAAyB,gBAAGD,KAAK,CAACE,aAAN,CAEvCC,SAFuC,CAAlC","sourcesContent":["import * as React from \"react\";\nimport { AppearanceType } from \"@vkontakte/vk-bridge\";\nimport { Scheme } from \"../../helpers/scheme\";\n\nexport interface AppearanceProviderContextProps {\n  scheme: Scheme | \"inherit\" | undefined;\n  appearance: AppearanceType;\n}\n\nexport const AppearanceProviderContext = React.createContext<\n  AppearanceProviderContextProps | undefined\n>(undefined);\n"],"file":"AppearanceProviderContext.js"}

package/dist/cssm/components/Avatar/Avatar.css

@@ -1 +1 @@
-.vkuiAvatar{flex-shrink:0;box-sizing:border-box;color:rgba(0,28,61,.08);color:var(--placeholder_icon_background);background:currentColor;background-size:cover;position:relative}.vkuiAvatar--failed .vkuiAvatar__img{visibility:hidden}.vkuiAvatar__img{position:relative;display:block;width:100%;height:100%;border:0;border-radius:inherit}.vkuiAvatar__children,.vkuiAvatar--shadow::after{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:inherit}.vkuiAvatar--shadow::after{content:'';box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);box-shadow:inset 0 0 0 var(--thin-border) var(--image_border)}.vkuiAvatar__children{display:flex;align-items:center;justify-content:center;color:#99a2ad;color:var(--icon_secondary)}.vkuiCellButton>.vkuiAvatar{color:#f2f3f5;color:var(--button_muted_background)}.vkuiCellButton>.vkuiAvatar .vkuiIcon{color:#2688eb;color:var(--accent)}.vkuiCellButton--danger>.vkuiAvatar .vkuiIcon{color:#e64646;color:var(--destructive)}.vkuiPanelHeader__left .vkuiAvatar{margin-left:8px}.vkuiPanelHeader__right .vkuiAvatar{margin-right:8px}.vkuiRichCell>.vkuiAvatar{margin-right:12px;margin-top:8px;margin-bottom:8px}.vkuiRichCell>.vkuiAvatar--sz-48{margin-top:6px;margin-bottom:6px}.vkuiSimpleCell>.vkuiAvatar{margin-right:12px}.vkuiSimpleCell>.vkuiAvatar--sz-28,.vkuiSimpleCell>.vkuiAvatar--sz-32{margin-top:10px;margin-bottom:10px}.vkuiSimpleCell>.vkuiAvatar--sz-40{margin-top:4px;margin-bottom:4px}.vkuiSimpleCell>.vkuiAvatar--sz-48,.vkuiSimpleCell>.vkuiAvatar--sz-72{margin-top:6px;margin-bottom:6px}.vkuiSimpleCell--ios>.vkuiAvatar--sz-28,.vkuiSimpleCell--ios>.vkuiAvatar--sz-32{margin-left:4px}.vkuiSimpleCell--sizeY-compact>.vkuiAvatar--sz-28,.vkuiSimpleCell--sizeY-compact>.vkuiAvatar--sz-32{margin-top:8px;margin-bottom:8px}.vkuiSimpleCell--sizeY-compact>.vkuiAvatar--sz-40{margin-top:2px;margin-bottom:2px}.vkuiSimpleCell--sizeY-compact>.vkuiAvatar--sz-48{margin-top:4px;margin-bottom:4px}
+.vkuiAvatar{flex-shrink:0;box-sizing:border-box;color:rgba(0,28,61,.08);color:var(--placeholder_icon_background);background:currentColor;background-size:cover;position:relative}.vkuiAvatar--failed .vkuiAvatar__img{visibility:hidden}.vkuiAvatar__img{position:relative;display:block;width:100%;height:100%;border:0;border-radius:inherit}.vkuiAvatar__children,.vkuiAvatar--shadow::after{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:inherit}.vkuiAvatar--shadow::after{content:"";box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);box-shadow:inset 0 0 0 var(--thin-border) var(--image_border)}.vkuiAvatar__overlay{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:inherit;display:flex;align-items:center;justify-content:center;z-index:1;opacity:0;transition:opacity .3s;border:0}.vkuiAvatar__overlay--light{background-color:rgba(255,255,255,.85)}.vkuiAvatar__overlay--dark{background-color:rgba(0,0,0,.6)}.vkuiAvatar__overlay--visible{opacity:1}.vkuiAvatar__overlay--focus-visible{opacity:1;box-shadow:0 0 0 2px #2688eb;box-shadow:0 0 0 2px var(--accent)}.vkuiAvatar__children{display:flex;align-items:center;justify-content:center;color:#99a2ad;color:var(--icon_secondary)}.vkuiAvatar__badge{position:absolute;z-index:1;bottom:calc(14% - 1px);right:calc(14% - 1px);-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.vkuiAvatar__badge--large{bottom:14%;right:14%}.vkuiAvatar__badge--shadow{-webkit-filter:drop-shadow(0 0 2px rgba(0,0,0,.04)) drop-shadow(0 4px 4px rgba(0,0,0,.08));filter:drop-shadow(0 0 2px rgba(0,0,0,.04)) drop-shadow(0 4px 4px rgba(0,0,0,.08))}.vkuiAvatar__badge-online{color:#4bb34b;background-color:#fff;background-color:var(--background_content);border-radius:50%}.vkuiAvatar__badge-online-mobile{color:#4bb34b;background-color:#fff;background-color:var(--background_content);border-radius:3px;padding:2px}.vkuiCellButton>.vkuiAvatar{color:#f2f3f5;color:var(--button_muted_background)}.vkuiCellButton>.vkuiAvatar .vkuiIcon{color:#2688eb;color:var(--accent)}.vkuiCellButton--danger>.vkuiAvatar .vkuiIcon{color:#e64646;color:var(--destructive)}.vkuiPanelHeader__left .vkuiAvatar{margin-left:8px}.vkuiPanelHeader__right .vkuiAvatar{margin-right:8px}.vkuiRichCell>.vkuiAvatar{margin-right:12px;margin-top:8px;margin-bottom:8px}.vkuiRichCell>.vkuiAvatar--sz-48{margin-top:6px;margin-bottom:6px}.vkuiSimpleCell>.vkuiAvatar{margin-right:12px}.vkuiSimpleCell>.vkuiAvatar--sz-28,.vkuiSimpleCell>.vkuiAvatar--sz-32{margin-top:10px;margin-bottom:10px}.vkuiSimpleCell>.vkuiAvatar--sz-40{margin-top:4px;margin-bottom:4px}.vkuiSimpleCell>.vkuiAvatar--sz-48,.vkuiSimpleCell>.vkuiAvatar--sz-72{margin-top:6px;margin-bottom:6px}.vkuiSimpleCell--ios>.vkuiAvatar--sz-28,.vkuiSimpleCell--ios>.vkuiAvatar--sz-32{margin-left:4px}.vkuiSimpleCell--sizeY-compact>.vkuiAvatar--sz-28,.vkuiSimpleCell--sizeY-compact>.vkuiAvatar--sz-32{margin-top:8px;margin-bottom:8px}.vkuiSimpleCell--sizeY-compact>.vkuiAvatar--sz-40{margin-top:2px;margin-bottom:2px}.vkuiSimpleCell--sizeY-compact>.vkuiAvatar--sz-48{margin-top:4px;margin-bottom:4px}

package/dist/cssm/components/Avatar/Avatar.js

@@ -2,13 +2,18 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["alt", "crossOrigin", "decoding", "height", "loading", "referrerPolicy", "sizes", "src", "srcSet", "useMap", "width", "getRef", "size", "shadow", "mode", "className", "children", "getRootRef", "style", "aria-label"];
+var _excluded = ["alt", "crossOrigin", "decoding", "height", "loading", "referrerPolicy", "sizes", "src", "srcSet", "useMap", "width", "getRef", "size", "shadow", "mode", "className", "children", "getRootRef", "style", "aria-label", "badge", "overlayIcon", "overlayMode", "overlayAction", "onClick"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
+import * as React from "react";
+import { Icon12Circle, Icon12OnlineMobile } from "@vkontakte/icons";
 import { getClassName } from "../../helpers/getClassName";
 import { classNames } from "../../lib/classNames";
 import { usePlatform } from "../../hooks/usePlatform";
+import { useAdaptivity } from "../../hooks/useAdaptivity";
+import Tappable from "../Tappable/Tappable";
 import "./Avatar.css";
+export var AVATAR_DEFAULT_SIZE = 48;
+export var AVATAR_DEFAULT_SHADOW = true;
 
 var Avatar = function Avatar(_ref) {
   var alt = _ref.alt,
@@ -23,23 +28,37 @@ var Avatar = function Avatar(_ref) {
       useMap = _ref.useMap,
       width = _ref.width,
       getRef = _ref.getRef,
-      size = _ref.size,
-      shadow = _ref.shadow,
-      mode = _ref.mode,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? AVATAR_DEFAULT_SIZE : _ref$size,
+      _ref$shadow = _ref.shadow,
+      shadow = _ref$shadow === void 0 ? AVATAR_DEFAULT_SHADOW : _ref$shadow,
+      _ref$mode = _ref.mode,
+      mode = _ref$mode === void 0 ? "default" : _ref$mode,
       className = _ref.className,
       children = _ref.children,
       getRootRef = _ref.getRootRef,
       style = _ref.style,
-      ariaLabel = _ref['aria-label'],
+      ariaLabel = _ref["aria-label"],
+      badge = _ref.badge,
+      overlayIcon = _ref.overlayIcon,
+      _ref$overlayMode = _ref.overlayMode,
+      overlayMode = _ref$overlayMode === void 0 ? "light" : _ref$overlayMode,
+      passedOverlayAction = _ref.overlayAction,
+      onClick = _ref.onClick,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
   var platform = usePlatform();
 
+  var _useAdaptivity = useAdaptivity(),
+      hasMouse = _useAdaptivity.hasMouse;
+
   var _React$useState = React.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       failedImage = _React$useState2[0],
       setFailedImage = _React$useState2[1];
 
+  var overlayAction = passedOverlayAction !== null && passedOverlayAction !== void 0 ? passedOverlayAction : hasMouse ? "hover" : "always";
+
   var onImageError = function onImageError() {
     setFailedImage(true);
   };
@@ -48,16 +67,16 @@ var Avatar = function Avatar(_ref) {
     setFailedImage(false);
   };
 
-  var borderRadius = '50%';
+  var borderRadius = "50%";
 
   switch (mode) {
-    case 'image':
+    case "image":
       size < 64 && (borderRadius = 4);
       size >= 64 && size < 96 && (borderRadius = 6);
       size >= 96 && (borderRadius = 8);
       break;
 
-    case 'app':
+    case "app":
       size <= 40 && (borderRadius = 8);
       size > 40 && size < 56 && (borderRadius = 10);
       size >= 56 && size < 64 && (borderRadius = 12);
@@ -71,14 +90,15 @@ var Avatar = function Avatar(_ref) {
 
   var hasSrc = src || srcSet;
   return createScopedElement("div", _extends({}, restProps, {
-    vkuiClass: classNames(getClassName('Avatar', platform), "Avatar--type-".concat(mode), "Avatar--sz-".concat(size), {
-      'Avatar--shadow': shadow,
-      'Avatar--failed': failedImage
+    vkuiClass: classNames(getClassName("Avatar", platform), "Avatar--type-".concat(mode), "Avatar--sz-".concat(size), {
+      "Avatar--shadow": shadow,
+      "Avatar--failed": failedImage
     }),
     className: className,
     ref: getRootRef,
-    role: hasSrc ? 'img' : 'presentation',
+    role: hasSrc ? "img" : "presentation",
     "aria-label": alt || ariaLabel,
+    onClick: !overlayIcon ? onClick : undefined,
     style: _objectSpread(_objectSpread({}, style), {}, {
       width: size,
       height: size,
@@ -102,15 +122,35 @@ var Avatar = function Avatar(_ref) {
     alt: ""
   }), children && createScopedElement("div", {
     vkuiClass: "Avatar__children"
-  }, children));
-};
+  }, children), overlayIcon && createScopedElement(Tappable, {
+    Component: "button",
+    vkuiClass: classNames("Avatar__overlay", {
+      "Avatar__overlay--visible": overlayAction === "always",
+      "Avatar__overlay--light": overlayMode === "light",
+      "Avatar__overlay--dark": overlayMode === "dark"
+    }),
+    hoverMode: "Avatar__overlay--visible",
+    focusVisibleMode: "Avatar__overlay--focus-visible",
+    hasActive: false,
+    onClick: onClick
+  }, overlayIcon), badge && createScopedElement("div", {
+    vkuiClass: classNames("Avatar__badge", {
+      "Avatar__badge--large": size >= 96,
+      "Avatar__badge--shadow": badge !== "online" && badge !== "online-mobile"
+    })
+  }, badge === "online" ? createScopedElement("div", {
+    vkuiClass: "Avatar__badge-online"
+  }, createScopedElement(Icon12Circle, {
+    width: size >= 72 ? 15 : 12,
+    height: size >= 72 ? 15 : 12
+  })) : badge === "online-mobile" ? createScopedElement("div", {
+    vkuiClass: "Avatar__badge-online-mobile"
+  }, createScopedElement(Icon12OnlineMobile, {
+    width: size >= 72 ? 9 : 8,
+    height: size >= 72 ? 15 : 12
+  })) : badge));
+}; // eslint-disable-next-line import/no-default-export
+
 
-export var AVATAR_DEFAULT_SIZE = 48;
-export var AVATAR_DEFAULT_SHADOW = true;
-Avatar.defaultProps = {
-  size: AVATAR_DEFAULT_SIZE,
-  mode: 'default',
-  shadow: AVATAR_DEFAULT_SHADOW
-};
 export default Avatar;
 //# sourceMappingURL=Avatar.js.map