@vkontakte/vkui 5.0.0 → 5.0.1

package/dist/cjs/components/ActionSheet/types.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+import { FocusTrapProps } from "../FocusTrap/FocusTrap";
+export declare type PopupDirection = "top" | "bottom" | ((elRef: React.RefObject<HTMLDivElement>) => "top" | "bottom");
+export declare type ToggleRef = Element | null | undefined | React.RefObject<Element>;
+export interface SharedDropdownProps extends React.AllHTMLAttributes<HTMLElement>, FocusTrapProps {
+    closing: boolean;
+    /**
+     * Элемент, рядом с которым вылезает попап на десктопе.
+     * Лучше передавать RefObject c current.
+     * В v5 будет обязательным.
+     */
+    toggleRef?: ToggleRef;
+    /**
+     * Направление на десктопе
+     */
+    popupDirection?: PopupDirection;
+    /**
+     * Отступ, где заданное кол-во единиц равняется пикселям
+     * */
+    popupOffsetDistance?: number;
+}

package/dist/cjs/components/ActionSheet/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/ActionSheet/types.ts"],"sourcesContent":["import * as React from \"react\";\nimport { FocusTrapProps } from \"../FocusTrap/FocusTrap\";\n\nexport type PopupDirection =\n  | \"top\"\n  | \"bottom\"\n  | ((elRef: React.RefObject<HTMLDivElement>) => \"top\" | \"bottom\");\nexport type ToggleRef = Element | null | undefined | React.RefObject<Element>;\n\nexport interface SharedDropdownProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    FocusTrapProps {\n  closing: boolean;\n  toggleRef: ToggleRef;\n  popupDirection: PopupDirection;\n}\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/ActionSheet/types.ts"],"sourcesContent":["import * as React from \"react\";\nimport { FocusTrapProps } from \"../FocusTrap/FocusTrap\";\n\nexport type PopupDirection =\n  | \"top\"\n  | \"bottom\"\n  | ((elRef: React.RefObject<HTMLDivElement>) => \"top\" | \"bottom\");\nexport type ToggleRef = Element | null | undefined | React.RefObject<Element>;\n\nexport interface SharedDropdownProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    FocusTrapProps {\n  closing: boolean;\n  /**\n   * Элемент, рядом с которым вылезает попап на десктопе.\n   * Лучше передавать RefObject c current.\n   * В v5 будет обязательным.\n   */\n  toggleRef?: ToggleRef;\n  /**\n   * Направление на десктопе\n   */\n  popupDirection?: PopupDirection;\n  /**\n   * Отступ, где заданное кол-во единиц равняется пикселям\n   * */\n  popupOffsetDistance?: number;\n}\n"],"mappings":""}

package/dist/cjs/components/ActionSheetItem/ActionSheetItem.d.ts

@@ -0,0 +1,30 @@
+import * as React from "react";
+export interface ActionSheetItemProps extends React.HTMLAttributes<HTMLElement>, React.AnchorHTMLAttributes<HTMLElement>, Pick<React.InputHTMLAttributes<HTMLInputElement>, "name" | "checked" | "value"> {
+    mode?: "default" | "destructive" | "cancel";
+    before?: React.ReactNode;
+    meta?: React.ReactNode;
+    subtitle?: React.ReactNode;
+    autoClose?: boolean;
+    selectable?: boolean;
+    disabled?: boolean;
+    /**
+     * Все текстовые элементы при необходимости занимают несколько строк
+     */
+    multiline?: boolean;
+    /**
+     * Если autoClose === true, onClick будет вызван после завершения анимации скрытия и после вызова onClose.
+     * Из этого следует, что в объекте события значения полей типа `currentTarget` будут не определены.
+     * Если вам нужен объект события именно на момент клика, используйте `onImmediateClick`.
+     */
+    onClick?: React.MouseEventHandler<HTMLElement>;
+    onImmediateClick?: React.MouseEventHandler<HTMLElement>;
+    /**
+     * Иконка для `checked` режима.
+     */
+    iconChecked?: React.ReactNode;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/ActionSheetItem
+ */
+declare const ActionSheetItem: ({ children, autoClose, mode, meta, subtitle, before, selectable, value, name, checked, defaultChecked, onChange, onClick, onImmediateClick, multiline, iconChecked: iconCheckedProp, className, ...restProps }: ActionSheetItemProps) => JSX.Element;
+export { ActionSheetItem };

package/dist/cjs/components/ActionSheetItem/ActionSheetItem.js

@@ -1,111 +1,90 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ActionSheetItem = void 0;
-
-var _jsxRuntime = require("../../lib/jsxRuntime");
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _getSizeYClassName = require("../../helpers/getSizeYClassName");
-
 var _classNames = require("../../lib/classNames");
-
 var _Tappable = require("../Tappable/Tappable");
-
 var _usePlatform = require("../../hooks/usePlatform");
-
+var _adaptivity = require("../../lib/adaptivity");
 var _utils = require("../../lib/utils");
-
 var _platform = require("../../lib/platform");
-
 var _Subhead = require("../Typography/Subhead/Subhead");
-
 var _Text = require("../Typography/Text/Text");
-
 var _icons = require("@vkontakte/icons");
-
 var _ActionSheetContext = require("../ActionSheet/ActionSheetContext");
-
-var _useAdaptivityWithMediaQueries = require("../../hooks/useAdaptivityWithMediaQueries");
-
-var _excluded = ["children", "autoClose", "mode", "meta", "subtitle", "before", "selectable", "value", "name", "checked", "defaultChecked", "onChange", "onClick", "onImmediateClick", "multiline"];
-
+var _useAdaptivityWithJSMediaQueries = require("../../hooks/useAdaptivityWithJSMediaQueries");
+var _excluded = ["children", "autoClose", "mode", "meta", "subtitle", "before", "selectable", "value", "name", "checked", "defaultChecked", "onChange", "onClick", "onImmediateClick", "multiline", "iconChecked", "className"];
 /**
  * @see https://vkcom.github.io/VKUI/#/ActionSheetItem
  */
 var ActionSheetItem = function ActionSheetItem(_ref) {
   var children = _ref.children,
-      autoClose = _ref.autoClose,
-      _ref$mode = _ref.mode,
-      mode = _ref$mode === void 0 ? "default" : _ref$mode,
-      meta = _ref.meta,
-      subtitle = _ref.subtitle,
-      before = _ref.before,
-      selectable = _ref.selectable,
-      value = _ref.value,
-      name = _ref.name,
-      checked = _ref.checked,
-      defaultChecked = _ref.defaultChecked,
-      onChange = _ref.onChange,
-      onClick = _ref.onClick,
-      onImmediateClick = _ref.onImmediateClick,
-      _ref$multiline = _ref.multiline,
-      multiline = _ref$multiline === void 0 ? false : _ref$multiline,
-      restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    autoClose = _ref.autoClose,
+    _ref$mode = _ref.mode,
+    mode = _ref$mode === void 0 ? "default" : _ref$mode,
+    meta = _ref.meta,
+    subtitle = _ref.subtitle,
+    before = _ref.before,
+    selectable = _ref.selectable,
+    value = _ref.value,
+    name = _ref.name,
+    checked = _ref.checked,
+    defaultChecked = _ref.defaultChecked,
+    onChange = _ref.onChange,
+    onClick = _ref.onClick,
+    onImmediateClick = _ref.onImmediateClick,
+    _ref$multiline = _ref.multiline,
+    multiline = _ref$multiline === void 0 ? false : _ref$multiline,
+    iconCheckedProp = _ref.iconChecked,
+    className = _ref.className,
+    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
-
   var _React$useContext = React.useContext(_ActionSheetContext.ActionSheetContext),
-      _React$useContext$onI = _React$useContext.onItemClick,
-      onItemClick = _React$useContext$onI === void 0 ? function () {
-    return _utils.noop;
-  } : _React$useContext$onI,
-      isDesktop = _React$useContext.isDesktop;
-
-  var _useAdaptivityWithMed = (0, _useAdaptivityWithMediaQueries.useAdaptivityWithMediaQueries)(),
-      sizeY = _useAdaptivityWithMed.sizeY;
-
+    _React$useContext$onI = _React$useContext.onItemClick,
+    onItemClick = _React$useContext$onI === void 0 ? function () {
+      return _utils.noop;
+    } : _React$useContext$onI,
+    isDesktop = _React$useContext.isDesktop;
+  var _useAdaptivityWithJSM = (0, _useAdaptivityWithJSMediaQueries.useAdaptivityWithJSMediaQueries)(),
+    sizeY = _useAdaptivityWithJSM.sizeY;
+  var iconChecked = iconCheckedProp || (sizeY === _adaptivity.SizeType.COMPACT ? /*#__PURE__*/React.createElement(_icons.Icon20CheckCircleOn, null) : /*#__PURE__*/React.createElement(_icons.Icon24CheckCircleOn, null));
   var Component = restProps.href ? "a" : "div";
-
   if (selectable) {
     Component = "label";
   }
-
   var isRich = subtitle || meta || selectable;
   var isCentered = !isRich && !before && platform === _platform.Platform.IOS;
-  return (0, _jsxRuntime.createScopedElement)(_Tappable.Tappable, (0, _extends2.default)({}, restProps, {
+  return /*#__PURE__*/React.createElement(_Tappable.Tappable, (0, _extends2.default)({}, restProps, {
     onClick: selectable ? onClick : onItemClick(onClick, onImmediateClick, Boolean(autoClose)),
-    activeMode: platform === _platform.Platform.IOS ? "ActionSheetItem--active" : undefined,
-    vkuiClass: (0, _classNames.classNames)("ActionSheetItem", platform === _platform.Platform.IOS && "ActionSheetItem--ios", "ActionSheetItem--mode-".concat(mode), (0, _getSizeYClassName.getSizeYClassName)("ActionSheetItem", sizeY), isRich && "ActionSheetItem--rich", isDesktop && "ActionSheetItem--desktop"),
+    activeMode: platform === _platform.Platform.IOS ? "vkuiActionSheetItem--active" : undefined,
+    className: (0, _classNames.classNamesString)("vkuiActionSheetItem", platform === _platform.Platform.IOS && "vkuiActionSheetItem--ios", styles["ActionSheetItem--mode-".concat(mode)], (0, _getSizeYClassName.getSizeYClassName)("vkuiActionSheetItem", sizeY), isRich && "vkuiActionSheetItem--rich", isDesktop && "vkuiActionSheetItem--desktop", className),
     Component: Component
-  }), before && (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: "ActionSheetItem__before"
-  }, before), (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: (0, _classNames.classNames)("ActionSheetItem__container", !multiline && "ActionSheetItem--ellipsis")
-  }, (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: (0, _classNames.classNames)("ActionSheetItem__content", isCentered && "ActionSheetItem--centered")
-  }, (0, _jsxRuntime.createScopedElement)(_Text.Text, {
+  }), before && /*#__PURE__*/React.createElement("div", {
+    className: "vkuiActionSheetItem__before"
+  }, before), /*#__PURE__*/React.createElement("div", {
+    className: (0, _classNames.classNamesString)("vkuiActionSheetItem__container", !multiline && "vkuiActionSheetItem--ellipsis")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: (0, _classNames.classNamesString)("vkuiActionSheetItem__content", isCentered && "vkuiActionSheetItem--centered")
+  }, /*#__PURE__*/React.createElement(_Text.Text, {
     weight: mode === "cancel" ? "2" : undefined,
-    vkuiClass: "ActionSheetItem__children"
-  }, children), meta && (0, _jsxRuntime.createScopedElement)(_Text.Text, {
-    vkuiClass: "ActionSheetItem__meta"
-  }, meta)), subtitle && (0, _jsxRuntime.createScopedElement)(_Subhead.Subhead, {
-    vkuiClass: "ActionSheetItem__subtitle"
-  }, subtitle)), selectable && (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: "ActionSheetItem__after"
-  }, (0, _jsxRuntime.createScopedElement)("input", {
+    className: "vkuiActionSheetItem__children"
+  }, children), meta && /*#__PURE__*/React.createElement(_Text.Text, {
+    className: "vkuiActionSheetItem__meta"
+  }, meta)), subtitle && /*#__PURE__*/React.createElement(_Subhead.Subhead, {
+    className: "vkuiActionSheetItem__subtitle"
+  }, subtitle)), selectable && /*#__PURE__*/React.createElement("div", {
+    className: "vkuiActionSheetItem__after"
+  }, /*#__PURE__*/React.createElement("input", {
     type: "radio",
-    vkuiClass: "ActionSheetItem__radio",
+    className: "vkuiActionSheetItem__radio",
     name: name,
     value: value,
     onChange: onChange,
@@ -113,10 +92,14 @@ var ActionSheetItem = function ActionSheetItem(_ref) {
     defaultChecked: defaultChecked,
     checked: checked,
     disabled: restProps.disabled
-  }), (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: "ActionSheetItem__marker"
-  }, (0, _jsxRuntime.createScopedElement)(_icons.Icon24CheckCircleOn, null))));
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "vkuiActionSheetItem__marker"
+  }, iconChecked)));
 };
-
 exports.ActionSheetItem = ActionSheetItem;
+var styles = {
+  "ActionSheetItem--mode-destructive": "vkuiActionSheetItem--mode-destructive",
+  "ActionSheetItem--mode-cancel": "vkuiActionSheetItem--mode-cancel",
+  "ActionSheetItem--mode-default": "vkuiActionSheetItem--mode-default"
+};
 //# sourceMappingURL=ActionSheetItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionSheetItem.js","names":["ActionSheetItem","children","autoClose","mode","meta","subtitle","before","selectable","value","name","checked","defaultChecked","onChange","onClick","onImmediateClick","multiline","restProps","platform","usePlatform","React","useContext","ActionSheetContext","onItemClick","noop","isDesktop","useAdaptivityWithMediaQueries","sizeY","Component","href","isRich","isCentered","Platform","IOS","Boolean","undefined","classNames","getSizeYClassName","disabled"],"sources":["../../../../src/components/ActionSheetItem/ActionSheetItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { noop } from \"../../lib/utils\";\nimport { Platform } from \"../../lib/platform\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Icon24CheckCircleOn } from \"@vkontakte/icons\";\nimport {\n  ActionSheetContext,\n  type ActionSheetContextType,\n} from \"../ActionSheet/ActionSheetContext\";\nimport { useAdaptivityWithMediaQueries } from \"../../hooks/useAdaptivityWithMediaQueries\";\nimport \"./ActionSheetItem.css\";\n\nexport interface ActionSheetItemProps\n  extends React.HTMLAttributes<HTMLElement>,\n    React.AnchorHTMLAttributes<HTMLElement>,\n    Pick<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      \"name\" | \"checked\" | \"value\"\n    > {\n  mode?: \"default\" | \"destructive\" | \"cancel\";\n  before?: React.ReactNode;\n  meta?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  autoClose?: boolean;\n  selectable?: boolean;\n  disabled?: boolean;\n  /**\n   * Все текстовые элементы при необходимости занимают несколько строк\n   */\n  multiline?: boolean;\n  /**\n   * Если autoClose === true, onClick будет вызван после завершения анимации скрытия и после вызова onClose.\n   * Из этого следует, что в объекте события значения полей типа `currentTarget` будут не определены.\n   * Если вам нужен объект события именно на момент клика, используйте `onImmediateClick`.\n   */\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  onImmediateClick?: React.MouseEventHandler<HTMLElement>;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ActionSheetItem\n */\nconst ActionSheetItem = ({\n  children,\n  autoClose,\n  mode = \"default\",\n  meta,\n  subtitle,\n  before,\n  selectable,\n  value,\n  name,\n  checked,\n  defaultChecked,\n  onChange,\n  onClick,\n  onImmediateClick,\n  multiline = false,\n  ...restProps\n}: ActionSheetItemProps) => {\n  const platform = usePlatform();\n  const { onItemClick = () => noop, isDesktop } =\n    React.useContext<ActionSheetContextType<HTMLElement>>(ActionSheetContext);\n  const { sizeY } = useAdaptivityWithMediaQueries();\n\n  let Component: React.ElementType = restProps.href ? \"a\" : \"div\";\n\n  if (selectable) {\n    Component = \"label\";\n  }\n\n  const isRich = subtitle || meta || selectable;\n  const isCentered = !isRich && !before && platform === Platform.IOS;\n\n  return (\n    <Tappable\n      {...restProps}\n      onClick={\n        selectable\n          ? onClick\n          : onItemClick(onClick, onImmediateClick, Boolean(autoClose))\n      }\n      activeMode={\n        platform === Platform.IOS ? \"ActionSheetItem--active\" : undefined\n      }\n      vkuiClass={classNames(\n        \"ActionSheetItem\",\n        platform === Platform.IOS && \"ActionSheetItem--ios\",\n        `ActionSheetItem--mode-${mode}`,\n        getSizeYClassName(\"ActionSheetItem\", sizeY),\n        isRich && \"ActionSheetItem--rich\",\n        isDesktop && \"ActionSheetItem--desktop\"\n      )}\n      Component={Component}\n    >\n      {before && <div vkuiClass=\"ActionSheetItem__before\">{before}</div>}\n      <div\n        vkuiClass={classNames(\n          \"ActionSheetItem__container\",\n          !multiline && \"ActionSheetItem--ellipsis\"\n        )}\n      >\n        <div\n          vkuiClass={classNames(\n            \"ActionSheetItem__content\",\n            isCentered && \"ActionSheetItem--centered\"\n          )}\n        >\n          <Text\n            weight={mode === \"cancel\" ? \"2\" : undefined}\n            vkuiClass=\"ActionSheetItem__children\"\n          >\n            {children}\n          </Text>\n          {meta && <Text vkuiClass=\"ActionSheetItem__meta\">{meta}</Text>}\n        </div>\n        {subtitle && (\n          <Subhead vkuiClass=\"ActionSheetItem__subtitle\">{subtitle}</Subhead>\n        )}\n      </div>\n      {selectable && (\n        <div vkuiClass=\"ActionSheetItem__after\">\n          <input\n            type=\"radio\"\n            vkuiClass=\"ActionSheetItem__radio\"\n            name={name}\n            value={value}\n            onChange={onChange}\n            onClick={onItemClick(noop, noop, Boolean(autoClose))}\n            defaultChecked={defaultChecked}\n            checked={checked}\n            disabled={restProps.disabled}\n          />\n          <div vkuiClass=\"ActionSheetItem__marker\">\n            <Icon24CheckCircleOn />\n          </div>\n        </div>\n      )}\n    </Tappable>\n  );\n};\n\nexport { ActionSheetItem };\n"],"mappings":"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"}
+{"version":3,"file":"ActionSheetItem.js","names":["ActionSheetItem","children","autoClose","mode","meta","subtitle","before","selectable","value","name","checked","defaultChecked","onChange","onClick","onImmediateClick","multiline","iconCheckedProp","iconChecked","className","restProps","platform","usePlatform","React","useContext","ActionSheetContext","onItemClick","noop","isDesktop","useAdaptivityWithJSMediaQueries","sizeY","SizeType","COMPACT","Component","href","isRich","isCentered","Platform","IOS","Boolean","undefined","classNamesString","styles","getSizeYClassName","disabled"],"sources":["../../../../src/components/ActionSheetItem/ActionSheetItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { SizeType } from \"../../lib/adaptivity\";\nimport { noop } from \"../../lib/utils\";\nimport { Platform } from \"../../lib/platform\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Icon20CheckCircleOn, Icon24CheckCircleOn } from \"@vkontakte/icons\";\nimport {\n  ActionSheetContext,\n  type ActionSheetContextType,\n} from \"../ActionSheet/ActionSheetContext\";\nimport { useAdaptivityWithJSMediaQueries } from \"../../hooks/useAdaptivityWithJSMediaQueries\";\nimport styles from \"./ActionSheetItem.module.css\";\n\nexport interface ActionSheetItemProps\n  extends React.HTMLAttributes<HTMLElement>,\n    React.AnchorHTMLAttributes<HTMLElement>,\n    Pick<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      \"name\" | \"checked\" | \"value\"\n    > {\n  mode?: \"default\" | \"destructive\" | \"cancel\";\n  before?: React.ReactNode;\n  meta?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  autoClose?: boolean;\n  selectable?: boolean;\n  disabled?: boolean;\n  /**\n   * Все текстовые элементы при необходимости занимают несколько строк\n   */\n  multiline?: boolean;\n  /**\n   * Если autoClose === true, onClick будет вызван после завершения анимации скрытия и после вызова onClose.\n   * Из этого следует, что в объекте события значения полей типа `currentTarget` будут не определены.\n   * Если вам нужен объект события именно на момент клика, используйте `onImmediateClick`.\n   */\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  onImmediateClick?: React.MouseEventHandler<HTMLElement>;\n  /**\n   * Иконка для `checked` режима.\n   */\n  iconChecked?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ActionSheetItem\n */\nconst ActionSheetItem = ({\n  children,\n  autoClose,\n  mode = \"default\",\n  meta,\n  subtitle,\n  before,\n  selectable,\n  value,\n  name,\n  checked,\n  defaultChecked,\n  onChange,\n  onClick,\n  onImmediateClick,\n  multiline = false,\n  iconChecked: iconCheckedProp,\n  className,\n  ...restProps\n}: ActionSheetItemProps) => {\n  const platform = usePlatform();\n  const { onItemClick = () => noop, isDesktop } =\n    React.useContext<ActionSheetContextType<HTMLElement>>(ActionSheetContext);\n  const { sizeY } = useAdaptivityWithJSMediaQueries();\n\n  const iconChecked =\n    iconCheckedProp ||\n    (sizeY === SizeType.COMPACT ? (\n      <Icon20CheckCircleOn />\n    ) : (\n      <Icon24CheckCircleOn />\n    ));\n\n  let Component: React.ElementType = restProps.href ? \"a\" : \"div\";\n\n  if (selectable) {\n    Component = \"label\";\n  }\n\n  const isRich = subtitle || meta || selectable;\n  const isCentered = !isRich && !before && platform === Platform.IOS;\n\n  return (\n    <Tappable\n      {...restProps}\n      onClick={\n        selectable\n          ? onClick\n          : onItemClick(onClick, onImmediateClick, Boolean(autoClose))\n      }\n      activeMode={\n        platform === Platform.IOS\n          ? styles[\"ActionSheetItem--active\"]\n          : undefined\n      }\n      className={classNamesString(\n        styles[\"ActionSheetItem\"],\n        platform === Platform.IOS && styles[\"ActionSheetItem--ios\"],\n        styles[`ActionSheetItem--mode-${mode}`],\n        getSizeYClassName(styles[\"ActionSheetItem\"], sizeY),\n        isRich && styles[\"ActionSheetItem--rich\"],\n        isDesktop && styles[\"ActionSheetItem--desktop\"],\n        className\n      )}\n      Component={Component}\n    >\n      {before && (\n        <div className={styles[\"ActionSheetItem__before\"]}>{before}</div>\n      )}\n      <div\n        className={classNamesString(\n          styles[\"ActionSheetItem__container\"],\n          !multiline && styles[\"ActionSheetItem--ellipsis\"]\n        )}\n      >\n        <div\n          className={classNamesString(\n            styles[\"ActionSheetItem__content\"],\n            isCentered && styles[\"ActionSheetItem--centered\"]\n          )}\n        >\n          <Text\n            weight={mode === \"cancel\" ? \"2\" : undefined}\n            className={styles[\"ActionSheetItem__children\"]}\n          >\n            {children}\n          </Text>\n          {meta && (\n            <Text className={styles[\"ActionSheetItem__meta\"]}>{meta}</Text>\n          )}\n        </div>\n        {subtitle && (\n          <Subhead className={styles[\"ActionSheetItem__subtitle\"]}>\n            {subtitle}\n          </Subhead>\n        )}\n      </div>\n      {selectable && (\n        <div className={styles[\"ActionSheetItem__after\"]}>\n          <input\n            type=\"radio\"\n            className={styles[\"ActionSheetItem__radio\"]}\n            name={name}\n            value={value}\n            onChange={onChange}\n            onClick={onItemClick(noop, noop, Boolean(autoClose))}\n            defaultChecked={defaultChecked}\n            checked={checked}\n            disabled={restProps.disabled}\n          />\n          <div className={styles[\"ActionSheetItem__marker\"]}>{iconChecked}</div>\n        </div>\n      )}\n    </Tappable>\n  );\n};\n\nexport { ActionSheetItem };\n"],"mappings":"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"}

package/dist/cjs/components/AdaptivityProvider/AdaptivityContext.d.ts

@@ -0,0 +1,25 @@
+import * as React from "react";
+import { SizeType, ViewWidth, ViewHeight } from "../../lib/adaptivity";
+export interface SizeProps {
+    sizeX?: SizeType;
+    sizeY?: SizeType;
+}
+export interface AdaptivityProps extends SizeProps {
+    /**
+     * @ignore
+     */
+    viewWidth?: ViewWidth;
+    /**
+     * @ignore
+     */
+    viewHeight?: ViewHeight;
+    /**
+     * @ignore
+     */
+    hasPointer?: boolean;
+    /**
+     * @ignore
+     */
+    hasHover?: boolean;
+}
+export declare const AdaptivityContext: React.Context<AdaptivityProps>;

package/dist/cjs/components/AdaptivityProvider/AdaptivityContext.js

@@ -1,14 +1,11 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AdaptivityContext = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var AdaptivityContext = /*#__PURE__*/React.createContext({});
 exports.AdaptivityContext = AdaptivityContext;
 //# sourceMappingURL=AdaptivityContext.js.map

package/dist/cjs/components/AdaptivityProvider/AdaptivityContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdaptivityContext.js","names":["AdaptivityContext","React","createContext"],"sources":["../../../../src/components/AdaptivityProvider/AdaptivityContext.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { SizeType, ViewWidth, ViewHeight } from \"../../lib/adaptivity\";\n\nexport interface SizeProps {\n  sizeX?: SizeType;\n  sizeY?: SizeType;\n}\n\nexport interface AdaptivityProps extends SizeProps {\n  /**\n   * @ignore\n   */\n  viewWidth?: ViewWidth;\n  /**\n   * @ignore\n   */\n  viewHeight?: ViewHeight;\n  /**\n   * @ignore\n   */\n  hasMouse?: boolean;\n  /**\n   * @ignore\n   */\n  deviceHasHover?: boolean;\n}\n\nexport const AdaptivityContext = React.createContext<AdaptivityProps>({});\n"],"mappings":";;;;;;;;;AAAA;;AA2BO,IAAMA,iBAAiB,gBAAGC,KAAK,CAACC,aAAN,CAAqC,EAArC,CAA1B"}
+{"version":3,"file":"AdaptivityContext.js","names":["AdaptivityContext","React","createContext"],"sources":["../../../../src/components/AdaptivityProvider/AdaptivityContext.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { SizeType, ViewWidth, ViewHeight } from \"../../lib/adaptivity\";\n\nexport interface SizeProps {\n  sizeX?: SizeType;\n  sizeY?: SizeType;\n}\n\nexport interface AdaptivityProps extends SizeProps {\n  /**\n   * @ignore\n   */\n  viewWidth?: ViewWidth;\n  /**\n   * @ignore\n   */\n  viewHeight?: ViewHeight;\n  /**\n   * @ignore\n   */\n  hasPointer?: boolean;\n  /**\n   * @ignore\n   */\n  hasHover?: boolean;\n}\n\nexport const AdaptivityContext = React.createContext<AdaptivityProps>({});\n"],"mappings":";;;;;;;AAAA;AA2BO,IAAMA,iBAAiB,gBAAGC,KAAK,CAACC,aAAa,CAAkB,CAAC,CAAC,CAAC;AAAC"}

package/dist/cjs/components/AdaptivityProvider/AdaptivityProvider.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { type AdaptivityProps } from "./AdaptivityContext";
+export interface AdaptivityProviderProps extends AdaptivityProps {
+    children?: React.ReactNode;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/AdaptivityProvider
+ */
+export declare const AdaptivityProvider: ({ viewWidth, viewHeight, sizeX, sizeY, hasPointer, hasHover, children, }: React.PropsWithChildren<AdaptivityProps>) => JSX.Element;

package/dist/cjs/components/AdaptivityProvider/AdaptivityProvider.js

@@ -1,82 +1,65 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AdaptivityProvider = void 0;
-
-var _jsxRuntime = require("../../lib/jsxRuntime");
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _vkjs = require("@vkontakte/vkjs");
-
 var _adaptivity = require("../../lib/adaptivity");
-
 var _useBridgeAdaptivity = require("../../hooks/useBridgeAdaptivity");
-
 var _AdaptivityContext = require("./AdaptivityContext");
-
 /**
  * @see https://vkcom.github.io/VKUI/#/AdaptivityProvider
  */
 var AdaptivityProvider = function AdaptivityProvider(_ref) {
   var viewWidth = _ref.viewWidth,
-      viewHeight = _ref.viewHeight,
-      sizeX = _ref.sizeX,
-      sizeY = _ref.sizeY,
-      hasMouse = _ref.hasMouse,
-      deviceHasHover = _ref.deviceHasHover,
-      children = _ref.children;
+    viewHeight = _ref.viewHeight,
+    sizeX = _ref.sizeX,
+    sizeY = _ref.sizeY,
+    hasPointer = _ref.hasPointer,
+    hasHover = _ref.hasHover,
+    children = _ref.children;
   var bridge = (0, _useBridgeAdaptivity.useBridgeAdaptivity)();
-
   var _React$useState = React.useState({
-    viewWidth: viewWidth,
-    viewHeight: viewHeight,
-    sizeX: sizeX,
-    sizeY: sizeY,
-    hasMouse: hasMouse,
-    deviceHasHover: deviceHasHover
-  }),
-      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-      adaptivity = _React$useState2[0],
-      setAdaptivity = _React$useState2[1];
-
+      viewWidth: viewWidth,
+      viewHeight: viewHeight,
+      sizeX: sizeX,
+      sizeY: sizeY,
+      hasPointer: hasPointer,
+      hasHover: hasHover
+    }),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    adaptivity = _React$useState2[0],
+    setAdaptivity = _React$useState2[1];
   React.useEffect(function () {
     setAdaptivity(calculateAdaptivity({
       viewWidth: viewWidth,
       viewHeight: viewHeight,
       sizeX: sizeX,
       sizeY: sizeY,
-      hasMouse: hasMouse,
-      deviceHasHover: deviceHasHover
+      hasPointer: hasPointer,
+      hasHover: hasHover
     }, bridge));
-  }, [viewWidth, viewHeight, sizeX, sizeY, hasMouse, deviceHasHover, bridge]);
-  return (0, _jsxRuntime.createScopedElement)(_AdaptivityContext.AdaptivityContext.Provider, {
+  }, [viewWidth, viewHeight, sizeX, sizeY, hasPointer, hasHover, bridge]);
+  return /*#__PURE__*/React.createElement(_AdaptivityContext.AdaptivityContext.Provider, {
     value: adaptivity
   }, children);
 };
-
 exports.AdaptivityProvider = AdaptivityProvider;
-
 function calculateAdaptivity(_ref2, bridge) {
   var viewWidth = _ref2.viewWidth,
-      viewHeight = _ref2.viewHeight,
-      sizeX = _ref2.sizeX,
-      sizeY = _ref2.sizeY,
-      hasMouse = _ref2.hasMouse,
-      deviceHasHover = _ref2.deviceHasHover;
-
+    viewHeight = _ref2.viewHeight,
+    sizeX = _ref2.sizeX,
+    sizeY = _ref2.sizeY,
+    hasPointer = _ref2.hasPointer,
+    hasHover = _ref2.hasHover;
   if (bridge.type === "adaptive") {
     var viewportWidth = bridge.viewportWidth,
-        viewportHeight = bridge.viewportHeight;
-
+      viewportHeight = bridge.viewportHeight;
     if (viewportWidth >= _adaptivity.BREAKPOINTS.DESKTOP) {
       viewWidth = _adaptivity.ViewWidth.DESKTOP;
     } else if (viewportWidth >= _adaptivity.BREAKPOINTS.TABLET) {
@@ -88,7 +71,6 @@ function calculateAdaptivity(_ref2, bridge) {
     } else {
       viewWidth = _adaptivity.ViewWidth.SMALL_MOBILE;
     }
-
     if (viewportHeight >= _adaptivity.BREAKPOINTS.MEDIUM_HEIGHT) {
       viewHeight = _adaptivity.ViewHeight.MEDIUM;
     } else if (viewportHeight > _adaptivity.BREAKPOINTS.MOBILE_LANDSCAPE_HEIGHT) {
@@ -96,13 +78,11 @@ function calculateAdaptivity(_ref2, bridge) {
     } else {
       viewHeight = _adaptivity.ViewHeight.EXTRA_SMALL;
     }
-
     if (viewWidth <= _adaptivity.ViewWidth.MOBILE) {
       sizeX = _adaptivity.SizeType.COMPACT;
     } else {
       sizeX = _adaptivity.SizeType.REGULAR;
     }
-
     if (viewWidth >= _adaptivity.ViewWidth.SMALL_TABLET && _vkjs.hasMouse || viewHeight <= _adaptivity.ViewHeight.EXTRA_SMALL) {
       sizeY = _adaptivity.SizeType.COMPACT;
     } else {
@@ -111,7 +91,6 @@ function calculateAdaptivity(_ref2, bridge) {
   } else if (bridge.type === "force_mobile" || bridge.type === "force_mobile_compact") {
     viewWidth = _adaptivity.ViewWidth.MOBILE;
     sizeX = _adaptivity.SizeType.COMPACT;
-
     if (bridge.type === "force_mobile_compact") {
       sizeY = _adaptivity.SizeType.COMPACT;
     } else {
@@ -125,7 +104,6 @@ function calculateAdaptivity(_ref2, bridge) {
         sizeX = _adaptivity.SizeType.REGULAR;
       }
     }
-
     if (sizeY === undefined && viewWidth !== undefined && viewHeight !== undefined) {
       if (viewWidth >= _adaptivity.ViewWidth.SMALL_TABLET && _vkjs.hasMouse || viewHeight <= _adaptivity.ViewHeight.EXTRA_SMALL) {
         sizeY = _adaptivity.SizeType.COMPACT;
@@ -134,14 +112,13 @@ function calculateAdaptivity(_ref2, bridge) {
       }
     }
   }
-
   return {
     viewWidth: viewWidth,
     viewHeight: viewHeight,
     sizeX: sizeX,
     sizeY: sizeY,
-    hasMouse: hasMouse,
-    deviceHasHover: deviceHasHover
+    hasPointer: hasPointer,
+    hasHover: hasHover
   };
 }
 //# sourceMappingURL=AdaptivityProvider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AdaptivityProvider.js","names":["AdaptivityProvider","viewWidth","viewHeight","sizeX","sizeY","hasMouse","deviceHasHover","children","bridge","useBridgeAdaptivity","React","useState","adaptivity","setAdaptivity","useEffect","calculateAdaptivity","type","viewportWidth","viewportHeight","BREAKPOINTS","DESKTOP","ViewWidth","TABLET","SMALL_TABLET","MOBILE","SMALL_MOBILE","MEDIUM_HEIGHT","ViewHeight","MEDIUM","MOBILE_LANDSCAPE_HEIGHT","SMALL","EXTRA_SMALL","SizeType","COMPACT","REGULAR","_hasMouse","undefined"],"sources":["../../../../src/components/AdaptivityProvider/AdaptivityProvider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { hasMouse as _hasMouse } from \"@vkontakte/vkjs\";\nimport {\n  SizeType,\n  ViewWidth,\n  ViewHeight,\n  BREAKPOINTS,\n} from \"../../lib/adaptivity\";\nimport {\n  useBridgeAdaptivity,\n  BridgeAdaptivity,\n} from \"../../hooks/useBridgeAdaptivity\";\nimport { type AdaptivityProps, AdaptivityContext } from \"./AdaptivityContext\";\n\nexport interface AdaptivityProviderProps extends AdaptivityProps {\n  children?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/AdaptivityProvider\n */\nexport const AdaptivityProvider = ({\n  viewWidth,\n  viewHeight,\n  sizeX,\n  sizeY,\n  hasMouse,\n  deviceHasHover,\n  children,\n}: React.PropsWithChildren<AdaptivityProps>) => {\n  const bridge = useBridgeAdaptivity();\n  const [adaptivity, setAdaptivity] = React.useState({\n    viewWidth,\n    viewHeight,\n    sizeX,\n    sizeY,\n    hasMouse,\n    deviceHasHover,\n  });\n\n  React.useEffect(() => {\n    setAdaptivity(\n      calculateAdaptivity(\n        {\n          viewWidth,\n          viewHeight,\n          sizeX,\n          sizeY,\n          hasMouse,\n          deviceHasHover,\n        },\n        bridge\n      )\n    );\n  }, [viewWidth, viewHeight, sizeX, sizeY, hasMouse, deviceHasHover, bridge]);\n\n  return (\n    <AdaptivityContext.Provider value={adaptivity}>\n      {children}\n    </AdaptivityContext.Provider>\n  );\n};\n\nfunction calculateAdaptivity(\n  {\n    viewWidth,\n    viewHeight,\n    sizeX,\n    sizeY,\n    hasMouse,\n    deviceHasHover,\n  }: AdaptivityProps,\n  bridge: BridgeAdaptivity\n) {\n  if (bridge.type === \"adaptive\") {\n    const { viewportWidth, viewportHeight } = bridge;\n\n    if (viewportWidth >= BREAKPOINTS.DESKTOP) {\n      viewWidth = ViewWidth.DESKTOP;\n    } else if (viewportWidth >= BREAKPOINTS.TABLET) {\n      viewWidth = ViewWidth.TABLET;\n    } else if (viewportWidth >= BREAKPOINTS.SMALL_TABLET) {\n      viewWidth = ViewWidth.SMALL_TABLET;\n    } else if (viewportWidth >= BREAKPOINTS.MOBILE) {\n      viewWidth = ViewWidth.MOBILE;\n    } else {\n      viewWidth = ViewWidth.SMALL_MOBILE;\n    }\n\n    if (viewportHeight >= BREAKPOINTS.MEDIUM_HEIGHT) {\n      viewHeight = ViewHeight.MEDIUM;\n    } else if (viewportHeight > BREAKPOINTS.MOBILE_LANDSCAPE_HEIGHT) {\n      viewHeight = ViewHeight.SMALL;\n    } else {\n      viewHeight = ViewHeight.EXTRA_SMALL;\n    }\n\n    if (viewWidth <= ViewWidth.MOBILE) {\n      sizeX = SizeType.COMPACT;\n    } else {\n      sizeX = SizeType.REGULAR;\n    }\n\n    if (\n      (viewWidth >= ViewWidth.SMALL_TABLET && _hasMouse) ||\n      viewHeight <= ViewHeight.EXTRA_SMALL\n    ) {\n      sizeY = SizeType.COMPACT;\n    } else {\n      sizeY = SizeType.REGULAR;\n    }\n  } else if (\n    bridge.type === \"force_mobile\" ||\n    bridge.type === \"force_mobile_compact\"\n  ) {\n    viewWidth = ViewWidth.MOBILE;\n    sizeX = SizeType.COMPACT;\n\n    if (bridge.type === \"force_mobile_compact\") {\n      sizeY = SizeType.COMPACT;\n    } else {\n      sizeY = SizeType.REGULAR;\n    }\n  } else {\n    if (sizeX === undefined && viewWidth !== undefined) {\n      if (viewWidth <= ViewWidth.MOBILE) {\n        sizeX = SizeType.COMPACT;\n      } else {\n        sizeX = SizeType.REGULAR;\n      }\n    }\n    if (\n      sizeY === undefined &&\n      viewWidth !== undefined &&\n      viewHeight !== undefined\n    ) {\n      if (\n        (viewWidth >= ViewWidth.SMALL_TABLET && _hasMouse) ||\n        viewHeight <= ViewHeight.EXTRA_SMALL\n      ) {\n        sizeY = SizeType.COMPACT;\n      } else {\n        sizeY = SizeType.REGULAR;\n      }\n    }\n  }\n\n  return {\n    viewWidth,\n    viewHeight,\n    sizeX,\n    sizeY,\n    hasMouse,\n    deviceHasHover,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"AdaptivityProvider.js","names":["AdaptivityProvider","viewWidth","viewHeight","sizeX","sizeY","hasPointer","hasHover","children","bridge","useBridgeAdaptivity","React","useState","adaptivity","setAdaptivity","useEffect","calculateAdaptivity","type","viewportWidth","viewportHeight","BREAKPOINTS","DESKTOP","ViewWidth","TABLET","SMALL_TABLET","MOBILE","SMALL_MOBILE","MEDIUM_HEIGHT","ViewHeight","MEDIUM","MOBILE_LANDSCAPE_HEIGHT","SMALL","EXTRA_SMALL","SizeType","COMPACT","REGULAR","_hasPointer","undefined"],"sources":["../../../../src/components/AdaptivityProvider/AdaptivityProvider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { hasMouse as _hasPointer } from \"@vkontakte/vkjs\";\nimport {\n  SizeType,\n  ViewWidth,\n  ViewHeight,\n  BREAKPOINTS,\n} from \"../../lib/adaptivity\";\nimport {\n  useBridgeAdaptivity,\n  BridgeAdaptivity,\n} from \"../../hooks/useBridgeAdaptivity\";\nimport { type AdaptivityProps, AdaptivityContext } from \"./AdaptivityContext\";\n\nexport interface AdaptivityProviderProps extends AdaptivityProps {\n  children?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/AdaptivityProvider\n */\nexport const AdaptivityProvider = ({\n  viewWidth,\n  viewHeight,\n  sizeX,\n  sizeY,\n  hasPointer,\n  hasHover,\n  children,\n}: React.PropsWithChildren<AdaptivityProps>) => {\n  const bridge = useBridgeAdaptivity();\n  const [adaptivity, setAdaptivity] = React.useState({\n    viewWidth,\n    viewHeight,\n    sizeX,\n    sizeY,\n    hasPointer,\n    hasHover,\n  });\n\n  React.useEffect(() => {\n    setAdaptivity(\n      calculateAdaptivity(\n        {\n          viewWidth,\n          viewHeight,\n          sizeX,\n          sizeY,\n          hasPointer,\n          hasHover,\n        },\n        bridge\n      )\n    );\n  }, [viewWidth, viewHeight, sizeX, sizeY, hasPointer, hasHover, bridge]);\n\n  return (\n    <AdaptivityContext.Provider value={adaptivity}>\n      {children}\n    </AdaptivityContext.Provider>\n  );\n};\n\nfunction calculateAdaptivity(\n  {\n    viewWidth,\n    viewHeight,\n    sizeX,\n    sizeY,\n    hasPointer,\n    hasHover,\n  }: AdaptivityProps,\n  bridge: BridgeAdaptivity\n) {\n  if (bridge.type === \"adaptive\") {\n    const { viewportWidth, viewportHeight } = bridge;\n\n    if (viewportWidth >= BREAKPOINTS.DESKTOP) {\n      viewWidth = ViewWidth.DESKTOP;\n    } else if (viewportWidth >= BREAKPOINTS.TABLET) {\n      viewWidth = ViewWidth.TABLET;\n    } else if (viewportWidth >= BREAKPOINTS.SMALL_TABLET) {\n      viewWidth = ViewWidth.SMALL_TABLET;\n    } else if (viewportWidth >= BREAKPOINTS.MOBILE) {\n      viewWidth = ViewWidth.MOBILE;\n    } else {\n      viewWidth = ViewWidth.SMALL_MOBILE;\n    }\n\n    if (viewportHeight >= BREAKPOINTS.MEDIUM_HEIGHT) {\n      viewHeight = ViewHeight.MEDIUM;\n    } else if (viewportHeight > BREAKPOINTS.MOBILE_LANDSCAPE_HEIGHT) {\n      viewHeight = ViewHeight.SMALL;\n    } else {\n      viewHeight = ViewHeight.EXTRA_SMALL;\n    }\n\n    if (viewWidth <= ViewWidth.MOBILE) {\n      sizeX = SizeType.COMPACT;\n    } else {\n      sizeX = SizeType.REGULAR;\n    }\n\n    if (\n      (viewWidth >= ViewWidth.SMALL_TABLET && _hasPointer) ||\n      viewHeight <= ViewHeight.EXTRA_SMALL\n    ) {\n      sizeY = SizeType.COMPACT;\n    } else {\n      sizeY = SizeType.REGULAR;\n    }\n  } else if (\n    bridge.type === \"force_mobile\" ||\n    bridge.type === \"force_mobile_compact\"\n  ) {\n    viewWidth = ViewWidth.MOBILE;\n    sizeX = SizeType.COMPACT;\n\n    if (bridge.type === \"force_mobile_compact\") {\n      sizeY = SizeType.COMPACT;\n    } else {\n      sizeY = SizeType.REGULAR;\n    }\n  } else {\n    if (sizeX === undefined && viewWidth !== undefined) {\n      if (viewWidth <= ViewWidth.MOBILE) {\n        sizeX = SizeType.COMPACT;\n      } else {\n        sizeX = SizeType.REGULAR;\n      }\n    }\n    if (\n      sizeY === undefined &&\n      viewWidth !== undefined &&\n      viewHeight !== undefined\n    ) {\n      if (\n        (viewWidth >= ViewWidth.SMALL_TABLET && _hasPointer) ||\n        viewHeight <= ViewHeight.EXTRA_SMALL\n      ) {\n        sizeY = SizeType.COMPACT;\n      } else {\n        sizeY = SizeType.REGULAR;\n      }\n    }\n  }\n\n  return {\n    viewWidth,\n    viewHeight,\n    sizeX,\n    sizeY,\n    hasPointer,\n    hasHover,\n  };\n}\n"],"mappings":"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"}

package/dist/cjs/components/Alert/Alert.d.ts

@@ -0,0 +1,24 @@
+import * as React from "react";
+import { ButtonProps } from "../Button/Button";
+export declare type AlertActionInterface = AlertAction & React.AnchorHTMLAttributes<HTMLElement>;
+export interface AlertAction extends Pick<ButtonProps, "Component" | "href"> {
+    title: string;
+    action?: VoidFunction;
+    autoClose?: boolean;
+    mode: "cancel" | "destructive" | "default";
+}
+export interface AlertProps extends React.HTMLAttributes<HTMLElement> {
+    actionsLayout?: "vertical" | "horizontal";
+    actions?: AlertAction[];
+    header?: React.ReactNode;
+    text?: React.ReactNode;
+    onClose: VoidFunction;
+    /**
+     * `aria-label` для кнопки закрытия. Необходим, чтобы кнопка была доступной.
+     */
+    dismissLabel?: string;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Alert
+ */
+export declare const Alert: ({ actions, actionsLayout, children, className, style, text, header, onClose, dismissLabel, ...restProps }: AlertProps) => JSX.Element;