@vkontakte/vkui 6.0.3 → 6.1.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ActionSheet/ActionSheetDropdownSheet.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { SharedDropdownProps } from './types';\nimport styles from './ActionSheet.module.css';\n\nconst stopPropagation: React.MouseEventHandler = (e) => e.stopPropagation();\n\nexport type ActionSheetDropdownProps = Omit<\n  SharedDropdownProps,\n  'popupDirection' | 'popupOffsetDistance' | 'placement'\n>;\n\nexport const ActionSheetDropdownSheet = ({\n  children,\n  closing,\n  // these 2 props are only omitted - ActionSheetDesktop compat\n  toggleRef,\n  className,\n  ...restProps\n}: SharedDropdownProps) => {\n  const { sizeY } = useAdaptivityWithJSMediaQueries();\n  const platform = usePlatform();\n\n  return (\n    <FocusTrap\n      {...restProps}\n      onClick={stopPropagation}\n      className={classNames(\n        styles['ActionSheet'],\n        platform === 'ios' && styles['ActionSheet--ios'],\n        closing && styles['ActionSheet--closing'],\n        sizeY === 'compact' && styles['ActionSheet--sizeY-compact'],\n        className,\n      )}\n    >\n      {children}\n    </FocusTrap>\n  );\n};\n"],"names":["ActionSheetDropdownSheet","stopPropagation","e","children","closing","toggleRef","className","restProps","sizeY","useAdaptivityWithJSMediaQueries","platform","usePlatform","FocusTrap","onClick","classNames"],"mappings":";;;;+BAeaA;;;eAAAA;;;;;;;iEAfU;sBACI;iDACqB;6BACpB;2BACF;AAI1B,MAAMC,kBAA2C,CAACC,IAAMA,EAAED,eAAe;AAOlE,MAAMD,2BAA2B;QAAC,EACvCG,QAAQ,EACRC,OAAO,EACP,6DAA6D;IAC7DC,SAAS,EACTC,SAAS,EAEW,WADjBC;QALHJ;QACAC;QAEAC;QACAC;;IAGA,MAAM,EAAEE,KAAK,EAAE,GAAGC,IAAAA,gEAA+B;IACjD,MAAMC,WAAWC,IAAAA,wBAAW;IAE5B,qBACE,qBAACC,oBAAS,8CACJL;QACJM,SAASZ;QACTK,WAAWQ,IAAAA,gBAAU,qBAEnBJ,aAAa,iCACbN,uCACAI,UAAU,+CACVF;QAGDH;AAGP"}
+{"version":3,"sources":["../../../../src/components/ActionSheet/ActionSheetDropdownSheet.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { SharedDropdownProps } from './types';\nimport styles from './ActionSheet.module.css';\n\nconst stopPropagation: React.MouseEventHandler = (e) => e.stopPropagation();\n\nexport type ActionSheetDropdownProps = Omit<\n  SharedDropdownProps,\n  'popupDirection' | 'popupOffsetDistance' | 'placement'\n>;\n\nexport const ActionSheetDropdownSheet = ({\n  children,\n  closing,\n  // these 2 props are only omitted - ActionSheetDesktop compat\n  toggleRef,\n  className,\n  ...restProps\n}: SharedDropdownProps) => {\n  const { sizeY } = useAdaptivityWithJSMediaQueries();\n  const platform = usePlatform();\n\n  return (\n    <FocusTrap\n      {...restProps}\n      onClick={stopPropagation}\n      className={classNames(\n        styles['ActionSheet'],\n        platform === 'ios' && styles['ActionSheet--ios'],\n        closing && styles['ActionSheet--closing'],\n        sizeY === 'compact' && styles['ActionSheet--sizeY-compact'],\n        className,\n      )}\n    >\n      {children}\n    </FocusTrap>\n  );\n};\n"],"names":["ActionSheetDropdownSheet","stopPropagation","e","children","closing","toggleRef","className","restProps","sizeY","useAdaptivityWithJSMediaQueries","platform","usePlatform","FocusTrap","onClick","classNames"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAeaA;;;eAAAA;;;;;;;;iEAfU;sBACI;iDACqB;6BACpB;2BACF;AAI1B,MAAMC,kBAA2C,CAACC,IAAMA,EAAED,eAAe;AAOlE,MAAMD,2BAA2B;QAAC,EACvCG,QAAQ,EACRC,OAAO,EACP,6DAA6D;IAC7DC,SAAS,EACTC,SAAS,EAEW,WADjBC;QALHJ;QACAC;QAEAC;QACAC;;IAGA,MAAM,EAAEE,KAAK,EAAE,GAAGC,IAAAA,gEAA+B;IACjD,MAAMC,WAAWC,IAAAA,wBAAW;IAE5B,qBACE,qBAACC,oBAAS,8CACJL;QACJM,SAASZ;QACTK,WAAWQ,IAAAA,gBAAU,qBAEnBJ,aAAa,iCACbN,uCACAI,UAAU,+CACVF;kBAGDH;;AAGP"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ActionSheet/types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { PlacementWithAuto } from '../../lib/floating/types/common';\nimport { FocusTrapProps } from '../FocusTrap/FocusTrap';\n\nexport type ToggleRef = Element | null | undefined | React.RefObject<Element>;\n\nexport interface SharedDropdownProps extends FocusTrapProps {\n  closing: boolean;\n  /**\n   * Элемент, рядом с которым вылезает попап на десктопе.\n   * Лучше передавать RefObject c current.\n   */\n  toggleRef: ToggleRef;\n  /**\n   * Позиционирование всплывающего окна для десктопа.\n   * Компонент выберет наилучшее расположение сам, но можно задать приоритетное направление с помощью этого свойства\n   */\n  placement?: PlacementWithAuto;\n  /**\n   * Отступ, где заданное кол-во единиц равняется пикселям\n   * */\n  popupOffsetDistance?: number;\n}\n"],"names":[],"mappings":";;;;;iEAAuB"}
+{"version":3,"sources":["../../../../src/components/ActionSheet/types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { PlacementWithAuto } from '../../lib/floating/types/common';\nimport { FocusTrapProps } from '../FocusTrap/FocusTrap';\n\nexport type ToggleRef = Element | null | undefined | React.RefObject<Element>;\n\nexport interface SharedDropdownProps extends FocusTrapProps {\n  closing: boolean;\n  /**\n   * Элемент, рядом с которым вылезает попап на десктопе.\n   * Лучше передавать RefObject c current.\n   */\n  toggleRef: ToggleRef;\n  /**\n   * Позиционирование всплывающего окна для десктопа.\n   * Компонент выберет наилучшее расположение сам, но можно задать приоритетное направление с помощью этого свойства\n   */\n  placement?: PlacementWithAuto;\n  /**\n   * Отступ, где заданное кол-во единиц равняется пикселям\n   * */\n  popupOffsetDistance?: number;\n}\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;iEAAuB"}

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

@@ -36,5 +36,5 @@ export interface ActionSheetItemProps extends React.HTMLAttributes<HTMLElement>,
 /**
  * @see https://vkcom.github.io/VKUI/#/ActionSheetItem
  */
-export declare const ActionSheetItem: ({ children, autoCloseDisabled, mode, meta, subtitle, before, after, selectable, value, name, checked, defaultChecked, onChange, onClick, onImmediateClick, multiline, iconChecked, className, isCancelItem, ...restProps }: ActionSheetItemProps) => React.JSX.Element;
+export declare const ActionSheetItem: ({ children, autoCloseDisabled, mode, meta, subtitle, before, after, selectable, value, name, checked, defaultChecked, onChange, onClick, onImmediateClick, multiline, iconChecked, className, isCancelItem, ...restProps }: ActionSheetItemProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ActionSheetItem.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionSheetItem.d.ts","sourceRoot":"","sources":["../../../../src/components/ActionSheetItem/ActionSheetItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACvC,KAAK,CAAC,oBAAoB,CAAC,WAAW,CAAC,EACvC,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IACjF,IAAI,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,QAAQ,CAAC;IAC5C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAC/C,gBAAgB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACxD;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,+NAqBzB,oBAAoB,sBA2FtB,CAAC"}
+{"version":3,"file":"ActionSheetItem.d.ts","sourceRoot":"","sources":["../../../../src/components/ActionSheetItem/ActionSheetItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACvC,KAAK,CAAC,oBAAoB,CAAC,WAAW,CAAC,EACvC,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IACjF,IAAI,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,QAAQ,CAAC;IAC5C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAC/C,gBAAgB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACxD;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,+NAqBzB,oBAAoB,4CA2FtB,CAAC"}

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

@@ -12,6 +12,7 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
 const _object_spread = require("@swc/helpers/_/_object_spread");
 const _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 const _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _vkjs = require("@vkontakte/vkjs");
 const _useAdaptivityWithJSMediaQueries = require("../../hooks/useAdaptivityWithJSMediaQueries");
@@ -50,7 +51,7 @@ const ActionSheetItem = (_param)=>{
     const Component = selectable ? 'label' : undefined;
     const isRich = subtitle || meta || selectable;
     const isCentered = !isRich && !before && platform === 'ios';
-    return /*#__PURE__*/ _react.createElement(_Tappable.Tappable, _object_spread_props._(_object_spread._({}, Component && {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Tappable.Tappable, _object_spread_props._(_object_spread._({}, Component && {
         Component
     }, restProps), {
         onClick: selectable ? onClick : onItemClick({
@@ -60,39 +61,62 @@ const ActionSheetItem = (_param)=>{
             isCancelItem: Boolean(isCancelItem)
         }),
         activeMode: platform === 'ios' ? "vkuiActionSheetItem--active" : undefined,
-        className: (0, _vkjs.classNames)("vkuiActionSheetItem", platform === 'ios' && "vkuiActionSheetItem--ios", mode === 'cancel' && "vkuiActionSheetItem--mode-cancel", mode === 'destructive' && "vkuiActionSheetItem--mode-destructive", sizeY === 'compact' && "vkuiActionSheetItem--sizeY-compact", isRich && "vkuiActionSheetItem--rich", actionSheetMode === 'menu' && "vkuiActionSheetItem--menu", selectable && "vkuiActionSheetItem--selectable", className)
-    }), before && /*#__PURE__*/ _react.createElement("div", {
-        className: "vkuiActionSheetItem__before"
-    }, before), /*#__PURE__*/ _react.createElement("div", {
-        className: (0, _vkjs.classNames)("vkuiActionSheetItem__container", !multiline && "vkuiActionSheetItem--ellipsis")
-    }, /*#__PURE__*/ _react.createElement("div", {
-        className: (0, _vkjs.classNames)("vkuiActionSheetItem__content", isCentered && "vkuiActionSheetItem--centered")
-    }, platform === 'ios' ? /*#__PURE__*/ _react.createElement(_Title.Title, {
-        className: "vkuiActionSheetItem__children",
-        weight: mode === 'cancel' ? '2' : '3',
-        level: isCentered ? '2' : '3'
-    }, children) : /*#__PURE__*/ _react.createElement(_Text.Text, {
-        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 || after) && /*#__PURE__*/ _react.createElement("div", {
-        className: "vkuiActionSheetItem__after"
-    }, after, selectable && /*#__PURE__*/ _react.createElement(_Radio.Radio, {
-        name: name,
-        value: value,
-        onChange: onChange,
-        onClick: onItemClick({
-            action: _vkjs.noop,
-            immediateAction: _vkjs.noop,
-            autoClose: !autoCloseDisabled,
-            isCancelItem: Boolean(isCancelItem)
-        }),
-        defaultChecked: defaultChecked,
-        checked: checked,
-        disabled: restProps.disabled
-    }, iconChecked)));
+        className: (0, _vkjs.classNames)("vkuiActionSheetItem", platform === 'ios' && "vkuiActionSheetItem--ios", mode === 'cancel' && "vkuiActionSheetItem--mode-cancel", mode === 'destructive' && "vkuiActionSheetItem--mode-destructive", sizeY === 'compact' && "vkuiActionSheetItem--sizeY-compact", isRich && "vkuiActionSheetItem--rich", actionSheetMode === 'menu' && "vkuiActionSheetItem--menu", selectable && "vkuiActionSheetItem--selectable", className),
+        children: [
+            before && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: "vkuiActionSheetItem__before",
+                children: before
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: (0, _vkjs.classNames)("vkuiActionSheetItem__container", !multiline && "vkuiActionSheetItem--ellipsis"),
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                        className: (0, _vkjs.classNames)("vkuiActionSheetItem__content", isCentered && "vkuiActionSheetItem--centered"),
+                        children: [
+                            platform === 'ios' ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_Title.Title, {
+                                className: "vkuiActionSheetItem__children",
+                                weight: mode === 'cancel' ? '2' : '3',
+                                level: isCentered ? '2' : '3',
+                                children: children
+                            }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.Text, {
+                                className: "vkuiActionSheetItem__children",
+                                children: children
+                            }),
+                            meta && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.Text, {
+                                className: "vkuiActionSheetItem__meta",
+                                children: meta
+                            })
+                        ]
+                    }),
+                    subtitle && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Subhead.Subhead, {
+                        className: "vkuiActionSheetItem__subtitle",
+                        children: subtitle
+                    })
+                ]
+            }),
+            (selectable || after) && /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: "vkuiActionSheetItem__after",
+                children: [
+                    after,
+                    selectable && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Radio.Radio, {
+                        name: name,
+                        value: value,
+                        onChange: onChange,
+                        onClick: onItemClick({
+                            action: _vkjs.noop,
+                            immediateAction: _vkjs.noop,
+                            autoClose: !autoCloseDisabled,
+                            isCancelItem: Boolean(isCancelItem)
+                        }),
+                        defaultChecked: defaultChecked,
+                        checked: checked,
+                        disabled: restProps.disabled,
+                        children: iconChecked
+                    })
+                ]
+            })
+        ]
+    }));
 };
 
 //# sourceMappingURL=ActionSheetItem.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ActionSheetItem/ActionSheetItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { ActionSheetContext, type ActionSheetContextType } from '../ActionSheet/ActionSheetContext';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { Text } from '../Typography/Text/Text';\nimport { Title } from '../Typography/Title/Title';\nimport { Radio } from './subcomponents/Radio/Radio';\nimport styles from './ActionSheetItem.module.css';\n\nexport interface ActionSheetItemProps\n  extends React.HTMLAttributes<HTMLElement>,\n    React.AnchorHTMLAttributes<HTMLElement>,\n    Pick<React.InputHTMLAttributes<HTMLInputElement>, 'name' | 'checked' | 'value'> {\n  mode?: 'default' | 'destructive' | 'cancel';\n  before?: React.ReactNode;\n  after?: React.ReactNode;\n  meta?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  /**\n   * По умолчанию клик на опцию вызывает переданную в `ActionSheet` функцию `onClose`, данное свойство\n   * позволяет отключить такое поведение\n   */\n  autoCloseDisabled?: boolean;\n  selectable?: boolean;\n  disabled?: boolean;\n  /**\n   * Все текстовые элементы при необходимости занимают несколько строк\n   */\n  multiline?: boolean;\n  /**\n   * По умолчанию 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   * Позволяет отделить ActionItem от CancelItem для определении того,\n   * кто вызвал закрытие ActionSheet. Используется в ActionSheet.onClose()\n   */\n  isCancelItem?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ActionSheetItem\n */\nexport const ActionSheetItem = ({\n  children,\n  autoCloseDisabled = false,\n  mode = 'default',\n  meta,\n  subtitle,\n  before,\n  after,\n  selectable,\n  value,\n  name,\n  checked,\n  defaultChecked,\n  onChange,\n  onClick,\n  onImmediateClick,\n  multiline = false,\n  iconChecked,\n  className,\n  isCancelItem,\n  ...restProps\n}: ActionSheetItemProps) => {\n  const platform = usePlatform();\n  const { onItemClick = () => noop, mode: actionSheetMode } =\n    React.useContext<ActionSheetContextType<HTMLElement>>(ActionSheetContext);\n  const { sizeY } = useAdaptivityWithJSMediaQueries();\n\n  const Component: React.ElementType | undefined = selectable ? 'label' : undefined;\n\n  const isRich = subtitle || meta || selectable;\n  const isCentered = !isRich && !before && platform === 'ios';\n\n  return (\n    <Tappable\n      {...(Component && { Component })}\n      {...restProps}\n      onClick={\n        selectable\n          ? onClick\n          : onItemClick({\n              action: onClick,\n              immediateAction: onImmediateClick,\n              autoClose: !autoCloseDisabled,\n              isCancelItem: Boolean(isCancelItem),\n            })\n      }\n      activeMode={platform === 'ios' ? styles['ActionSheetItem--active'] : undefined}\n      className={classNames(\n        styles['ActionSheetItem'],\n        platform === 'ios' && styles['ActionSheetItem--ios'],\n        mode === 'cancel' && styles['ActionSheetItem--mode-cancel'],\n        mode === 'destructive' && styles['ActionSheetItem--mode-destructive'],\n        sizeY === 'compact' && styles['ActionSheetItem--sizeY-compact'],\n        isRich && styles['ActionSheetItem--rich'],\n        actionSheetMode === 'menu' && styles['ActionSheetItem--menu'],\n        selectable && styles['ActionSheetItem--selectable'],\n        className,\n      )}\n    >\n      {before && <div className={styles['ActionSheetItem__before']}>{before}</div>}\n      <div\n        className={classNames(\n          styles['ActionSheetItem__container'],\n          !multiline && styles['ActionSheetItem--ellipsis'],\n        )}\n      >\n        <div\n          className={classNames(\n            styles['ActionSheetItem__content'],\n            isCentered && styles['ActionSheetItem--centered'],\n          )}\n        >\n          {platform === 'ios' ? (\n            <Title\n              className={styles['ActionSheetItem__children']}\n              weight={mode === 'cancel' ? '2' : '3'}\n              level={isCentered ? '2' : '3'}\n            >\n              {children}\n            </Title>\n          ) : (\n            <Text className={styles['ActionSheetItem__children']}>{children}</Text>\n          )}\n          {meta && <Text className={styles['ActionSheetItem__meta']}>{meta}</Text>}\n        </div>\n        {subtitle && <Subhead className={styles['ActionSheetItem__subtitle']}>{subtitle}</Subhead>}\n      </div>\n      {(selectable || after) && (\n        <div className={styles['ActionSheetItem__after']}>\n          {after}\n          {selectable && (\n            <Radio\n              name={name}\n              value={value}\n              onChange={onChange}\n              onClick={onItemClick({\n                action: noop,\n                immediateAction: noop,\n                autoClose: !autoCloseDisabled,\n                isCancelItem: Boolean(isCancelItem),\n              })}\n              defaultChecked={defaultChecked}\n              checked={checked}\n              disabled={restProps.disabled}\n            >\n              {iconChecked}\n            </Radio>\n          )}\n        </div>\n      )}\n    </Tappable>\n  );\n};\n"],"names":["ActionSheetItem","children","autoCloseDisabled","mode","meta","subtitle","before","after","selectable","value","name","checked","defaultChecked","onChange","onClick","onImmediateClick","multiline","iconChecked","className","isCancelItem","restProps","platform","usePlatform","onItemClick","noop","actionSheetMode","React","useContext","ActionSheetContext","sizeY","useAdaptivityWithJSMediaQueries","Component","undefined","isRich","isCentered","Tappable","action","immediateAction","autoClose","Boolean","activeMode","classNames","div","Title","weight","level","Text","Subhead","Radio","disabled"],"mappings":";;;;+BAqDaA;;;eAAAA;;;;;;;iEArDU;sBACU;iDACe;6BACpB;oCACoC;0BACvC;yBACD;sBACH;uBACC;uBACA;AA4Cf,MAAMA,kBAAkB;QAAC,EAC9BC,QAAQ,EACRC,oBAAoB,KAAK,EACzBC,OAAO,SAAS,EAChBC,IAAI,EACJC,QAAQ,EACRC,MAAM,EACNC,KAAK,EACLC,UAAU,EACVC,KAAK,EACLC,IAAI,EACJC,OAAO,EACPC,cAAc,EACdC,QAAQ,EACRC,OAAO,EACPC,gBAAgB,EAChBC,YAAY,KAAK,EACjBC,WAAW,EACXC,SAAS,EACTC,YAAY,EAES,WADlBC;QAnBHnB;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAME,WAAWC,IAAAA,wBAAW;IAC5B,MAAM,EAAEC,cAAc,IAAMC,UAAI,EAAErB,MAAMsB,eAAe,EAAE,GACvDC,OAAMC,UAAU,CAAsCC,sCAAkB;IAC1E,MAAM,EAAEC,KAAK,EAAE,GAAGC,IAAAA,gEAA+B;IAEjD,MAAMC,YAA2CvB,aAAa,UAAUwB;IAExE,MAAMC,SAAS5B,YAAYD,QAAQI;IACnC,MAAM0B,aAAa,CAACD,UAAU,CAAC3B,UAAUe,aAAa;IAEtD,qBACE,qBAACc,kBAAQ,8CACFJ,aAAa;QAAEA;IAAU,GAC1BX;QACJN,SACEN,aACIM,UACAS,YAAY;YACVa,QAAQtB;YACRuB,iBAAiBtB;YACjBuB,WAAW,CAACpC;YACZiB,cAAcoB,QAAQpB;QACxB;QAENqB,YAAYnB,aAAa,wCAA4CW;QACrEd,WAAWuB,IAAAA,gBAAU,yBAEnBpB,aAAa,qCACblB,SAAS,gDACTA,SAAS,0DACT0B,UAAU,mDACVI,uCACAR,oBAAoB,uCACpBjB,iDACAU;QAGDZ,wBAAU,qBAACoC;QAAIxB,SAAS;OAAsCZ,uBAC/D,qBAACoC;QACCxB,WAAWuB,IAAAA,gBAAU,oCAEnB,CAACzB;qBAGH,qBAAC0B;QACCxB,WAAWuB,IAAAA,gBAAU,kCAEnBP;OAGDb,aAAa,sBACZ,qBAACsB,YAAK;QACJzB,SAAS;QACT0B,QAAQzC,SAAS,WAAW,MAAM;QAClC0C,OAAOX,aAAa,MAAM;OAEzBjC,0BAGH,qBAAC6C,UAAI;QAAC5B,SAAS;OAAwCjB,WAExDG,sBAAQ,qBAAC0C,UAAI;QAAC5B,SAAS;OAAoCd,QAE7DC,0BAAY,qBAAC0C,gBAAO;QAAC7B,SAAS;OAAwCb,YAExE,AAACG,CAAAA,cAAcD,KAAI,mBAClB,qBAACmC;QAAIxB,SAAS;OACXX,OACAC,4BACC,qBAACwC,YAAK;QACJtC,MAAMA;QACND,OAAOA;QACPI,UAAUA;QACVC,SAASS,YAAY;YACnBa,QAAQZ,UAAI;YACZa,iBAAiBb,UAAI;YACrBc,WAAW,CAACpC;YACZiB,cAAcoB,QAAQpB;QACxB;QACAP,gBAAgBA;QAChBD,SAASA;QACTsC,UAAU7B,UAAU6B,QAAQ;OAE3BhC;AAOf"}
+{"version":3,"sources":["../../../../src/components/ActionSheetItem/ActionSheetItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { ActionSheetContext, type ActionSheetContextType } from '../ActionSheet/ActionSheetContext';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { Text } from '../Typography/Text/Text';\nimport { Title } from '../Typography/Title/Title';\nimport { Radio } from './subcomponents/Radio/Radio';\nimport styles from './ActionSheetItem.module.css';\n\nexport interface ActionSheetItemProps\n  extends React.HTMLAttributes<HTMLElement>,\n    React.AnchorHTMLAttributes<HTMLElement>,\n    Pick<React.InputHTMLAttributes<HTMLInputElement>, 'name' | 'checked' | 'value'> {\n  mode?: 'default' | 'destructive' | 'cancel';\n  before?: React.ReactNode;\n  after?: React.ReactNode;\n  meta?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  /**\n   * По умолчанию клик на опцию вызывает переданную в `ActionSheet` функцию `onClose`, данное свойство\n   * позволяет отключить такое поведение\n   */\n  autoCloseDisabled?: boolean;\n  selectable?: boolean;\n  disabled?: boolean;\n  /**\n   * Все текстовые элементы при необходимости занимают несколько строк\n   */\n  multiline?: boolean;\n  /**\n   * По умолчанию 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   * Позволяет отделить ActionItem от CancelItem для определении того,\n   * кто вызвал закрытие ActionSheet. Используется в ActionSheet.onClose()\n   */\n  isCancelItem?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ActionSheetItem\n */\nexport const ActionSheetItem = ({\n  children,\n  autoCloseDisabled = false,\n  mode = 'default',\n  meta,\n  subtitle,\n  before,\n  after,\n  selectable,\n  value,\n  name,\n  checked,\n  defaultChecked,\n  onChange,\n  onClick,\n  onImmediateClick,\n  multiline = false,\n  iconChecked,\n  className,\n  isCancelItem,\n  ...restProps\n}: ActionSheetItemProps) => {\n  const platform = usePlatform();\n  const { onItemClick = () => noop, mode: actionSheetMode } =\n    React.useContext<ActionSheetContextType<HTMLElement>>(ActionSheetContext);\n  const { sizeY } = useAdaptivityWithJSMediaQueries();\n\n  const Component: React.ElementType | undefined = selectable ? 'label' : undefined;\n\n  const isRich = subtitle || meta || selectable;\n  const isCentered = !isRich && !before && platform === 'ios';\n\n  return (\n    <Tappable\n      {...(Component && { Component })}\n      {...restProps}\n      onClick={\n        selectable\n          ? onClick\n          : onItemClick({\n              action: onClick,\n              immediateAction: onImmediateClick,\n              autoClose: !autoCloseDisabled,\n              isCancelItem: Boolean(isCancelItem),\n            })\n      }\n      activeMode={platform === 'ios' ? styles['ActionSheetItem--active'] : undefined}\n      className={classNames(\n        styles['ActionSheetItem'],\n        platform === 'ios' && styles['ActionSheetItem--ios'],\n        mode === 'cancel' && styles['ActionSheetItem--mode-cancel'],\n        mode === 'destructive' && styles['ActionSheetItem--mode-destructive'],\n        sizeY === 'compact' && styles['ActionSheetItem--sizeY-compact'],\n        isRich && styles['ActionSheetItem--rich'],\n        actionSheetMode === 'menu' && styles['ActionSheetItem--menu'],\n        selectable && styles['ActionSheetItem--selectable'],\n        className,\n      )}\n    >\n      {before && <div className={styles['ActionSheetItem__before']}>{before}</div>}\n      <div\n        className={classNames(\n          styles['ActionSheetItem__container'],\n          !multiline && styles['ActionSheetItem--ellipsis'],\n        )}\n      >\n        <div\n          className={classNames(\n            styles['ActionSheetItem__content'],\n            isCentered && styles['ActionSheetItem--centered'],\n          )}\n        >\n          {platform === 'ios' ? (\n            <Title\n              className={styles['ActionSheetItem__children']}\n              weight={mode === 'cancel' ? '2' : '3'}\n              level={isCentered ? '2' : '3'}\n            >\n              {children}\n            </Title>\n          ) : (\n            <Text className={styles['ActionSheetItem__children']}>{children}</Text>\n          )}\n          {meta && <Text className={styles['ActionSheetItem__meta']}>{meta}</Text>}\n        </div>\n        {subtitle && <Subhead className={styles['ActionSheetItem__subtitle']}>{subtitle}</Subhead>}\n      </div>\n      {(selectable || after) && (\n        <div className={styles['ActionSheetItem__after']}>\n          {after}\n          {selectable && (\n            <Radio\n              name={name}\n              value={value}\n              onChange={onChange}\n              onClick={onItemClick({\n                action: noop,\n                immediateAction: noop,\n                autoClose: !autoCloseDisabled,\n                isCancelItem: Boolean(isCancelItem),\n              })}\n              defaultChecked={defaultChecked}\n              checked={checked}\n              disabled={restProps.disabled}\n            >\n              {iconChecked}\n            </Radio>\n          )}\n        </div>\n      )}\n    </Tappable>\n  );\n};\n"],"names":["ActionSheetItem","children","autoCloseDisabled","mode","meta","subtitle","before","after","selectable","value","name","checked","defaultChecked","onChange","onClick","onImmediateClick","multiline","iconChecked","className","isCancelItem","restProps","platform","usePlatform","onItemClick","noop","actionSheetMode","React","useContext","ActionSheetContext","sizeY","useAdaptivityWithJSMediaQueries","Component","undefined","isRich","isCentered","Tappable","action","immediateAction","autoClose","Boolean","activeMode","classNames","div","Title","weight","level","Text","Subhead","Radio","disabled"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAqDaA;;;eAAAA;;;;;;;;iEArDU;sBACU;iDACe;6BACpB;oCACoC;0BACvC;yBACD;sBACH;uBACC;uBACA;AA4Cf,MAAMA,kBAAkB;QAAC,EAC9BC,QAAQ,EACRC,oBAAoB,KAAK,EACzBC,OAAO,SAAS,EAChBC,IAAI,EACJC,QAAQ,EACRC,MAAM,EACNC,KAAK,EACLC,UAAU,EACVC,KAAK,EACLC,IAAI,EACJC,OAAO,EACPC,cAAc,EACdC,QAAQ,EACRC,OAAO,EACPC,gBAAgB,EAChBC,YAAY,KAAK,EACjBC,WAAW,EACXC,SAAS,EACTC,YAAY,EAES,WADlBC;QAnBHnB;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAME,WAAWC,IAAAA,wBAAW;IAC5B,MAAM,EAAEC,cAAc,IAAMC,UAAI,EAAErB,MAAMsB,eAAe,EAAE,GACvDC,OAAMC,UAAU,CAAsCC,sCAAkB;IAC1E,MAAM,EAAEC,KAAK,EAAE,GAAGC,IAAAA,gEAA+B;IAEjD,MAAMC,YAA2CvB,aAAa,UAAUwB;IAExE,MAAMC,SAAS5B,YAAYD,QAAQI;IACnC,MAAM0B,aAAa,CAACD,UAAU,CAAC3B,UAAUe,aAAa;IAEtD,qBACE,sBAACc,kBAAQ,8CACFJ,aAAa;QAAEA;IAAU,GAC1BX;QACJN,SACEN,aACIM,UACAS,YAAY;YACVa,QAAQtB;YACRuB,iBAAiBtB;YACjBuB,WAAW,CAACpC;YACZiB,cAAcoB,QAAQpB;QACxB;QAENqB,YAAYnB,aAAa,wCAA4CW;QACrEd,WAAWuB,IAAAA,gBAAU,yBAEnBpB,aAAa,qCACblB,SAAS,gDACTA,SAAS,0DACT0B,UAAU,mDACVI,uCACAR,oBAAoB,uCACpBjB,iDACAU;;YAGDZ,wBAAU,qBAACoC;gBAAIxB,SAAS;0BAAsCZ;;0BAC/D,sBAACoC;gBACCxB,WAAWuB,IAAAA,gBAAU,oCAEnB,CAACzB;;kCAGH,sBAAC0B;wBACCxB,WAAWuB,IAAAA,gBAAU,kCAEnBP;;4BAGDb,aAAa,sBACZ,qBAACsB,YAAK;gCACJzB,SAAS;gCACT0B,QAAQzC,SAAS,WAAW,MAAM;gCAClC0C,OAAOX,aAAa,MAAM;0CAEzBjC;+CAGH,qBAAC6C,UAAI;gCAAC5B,SAAS;0CAAwCjB;;4BAExDG,sBAAQ,qBAAC0C,UAAI;gCAAC5B,SAAS;0CAAoCd;;;;oBAE7DC,0BAAY,qBAAC0C,gBAAO;wBAAC7B,SAAS;kCAAwCb;;;;YAEvEG,CAAAA,cAAcD,KAAI,mBAClB,sBAACmC;gBAAIxB,SAAS;;oBACXX;oBACAC,4BACC,qBAACwC,YAAK;wBACJtC,MAAMA;wBACND,OAAOA;wBACPI,UAAUA;wBACVC,SAASS,YAAY;4BACnBa,QAAQZ,UAAI;4BACZa,iBAAiBb,UAAI;4BACrBc,WAAW,CAACpC;4BACZiB,cAAcoB,QAAQpB;wBACxB;wBACAP,gBAAgBA;wBAChBD,SAASA;wBACTsC,UAAU7B,UAAU6B,QAAQ;kCAE3BhC;;;;;;AAOf"}

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

@@ -6,6 +6,6 @@ interface ActionSheetItemCheckedProps extends React.InputHTMLAttributes<HTMLInpu
      */
     children?: React.ReactNode;
 }
-export declare const Radio: ({ children, getRootRef, getRef, className, style, ...restProps }: ActionSheetItemCheckedProps) => React.JSX.Element;
+export declare const Radio: ({ children, getRootRef, getRef, className, style, ...restProps }: ActionSheetItemCheckedProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Radio.d.ts.map

package/dist/cjs/components/ActionSheetItem/subcomponents/Radio/Radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ActionSheetItem/subcomponents/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAUvD,UAAU,2BACR,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACjD,UAAU,CAAC,cAAc,CAAC,EAC1B,MAAM,CAAC,gBAAgB,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,KAAK,qEAOf,2BAA2B,sBAa7B,CAAC"}
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ActionSheetItem/subcomponents/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAUvD,UAAU,2BACR,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACjD,UAAU,CAAC,cAAc,CAAC,EAC1B,MAAM,CAAC,gBAAgB,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,KAAK,qEAOf,2BAA2B,4CAa7B,CAAC"}

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

@@ -11,12 +11,13 @@ Object.defineProperty(exports, "Radio", {
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _object_spread = require("@swc/helpers/_/_object_spread");
 const _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _icons = require("@vkontakte/icons");
 const _AdaptiveIconRenderer = require("../../../AdaptiveIconRenderer/AdaptiveIconRenderer");
 const _RootComponent = require("../../../RootComponent/RootComponent");
 const _VisuallyHidden = require("../../../VisuallyHidden/VisuallyHidden");
-const adaptiveIcon = /*#__PURE__*/ _react.createElement(_AdaptiveIconRenderer.AdaptiveIconRenderer, {
+const adaptiveIcon = /*#__PURE__*/ (0, _jsxruntime.jsx)(_AdaptiveIconRenderer.AdaptiveIconRenderer, {
     IconCompact: _icons.Icon20CheckCircleOn,
     IconRegular: _icons.Icon24CheckCircleOn
 });
@@ -28,16 +29,20 @@ const Radio = (_param)=>{
         "className",
         "style"
     ]);
-    return /*#__PURE__*/ _react.createElement(_RootComponent.RootComponent, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_RootComponent.RootComponent, {
         getRootRef: getRootRef,
         className: className,
-        style: style
-    }, /*#__PURE__*/ _react.createElement(_VisuallyHidden.VisuallyHidden, _object_spread._({
-        Component: "input",
-        getRootRef: getRef,
-        type: "radio",
-        className: "vkuiActionSheetItemRadio__input"
-    }, restProps)), children);
+        style: style,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_VisuallyHidden.VisuallyHidden, _object_spread._({
+                Component: "input",
+                getRootRef: getRef,
+                type: "radio",
+                className: "vkuiActionSheetItemRadio__input"
+            }, restProps)),
+            children
+        ]
+    });
 };
 
 //# sourceMappingURL=Radio.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/components/ActionSheetItem/subcomponents/Radio/Radio.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon20CheckCircleOn, Icon24CheckCircleOn } from '@vkontakte/icons';\nimport { HasRef, HasRootRef } from '../../../../types';\nimport { AdaptiveIconRenderer } from '../../../AdaptiveIconRenderer/AdaptiveIconRenderer';\nimport { RootComponent } from '../../../RootComponent/RootComponent';\nimport { VisuallyHidden } from '../../../VisuallyHidden/VisuallyHidden';\nimport styles from './Radio.module.css';\n\nconst adaptiveIcon = (\n  <AdaptiveIconRenderer IconCompact={Icon20CheckCircleOn} IconRegular={Icon24CheckCircleOn} />\n);\n\ninterface ActionSheetItemCheckedProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLInputElement> {\n  /**\n   * Иконка для `checked` режима.\n   */\n  children?: React.ReactNode;\n}\n\nexport const Radio = ({\n  children = adaptiveIcon,\n  getRootRef,\n  getRef,\n  className,\n  style,\n  ...restProps\n}: ActionSheetItemCheckedProps) => {\n  return (\n    <RootComponent getRootRef={getRootRef} className={className} style={style}>\n      <VisuallyHidden\n        Component=\"input\"\n        getRootRef={getRef}\n        type=\"radio\"\n        className={styles['ActionSheetItemRadio__input']}\n        {...restProps}\n      />\n      {children}\n    </RootComponent>\n  );\n};\n"],"names":["Radio","adaptiveIcon","AdaptiveIconRenderer","IconCompact","Icon20CheckCircleOn","IconRegular","Icon24CheckCircleOn","children","getRootRef","getRef","className","style","restProps","RootComponent","VisuallyHidden","Component","type"],"mappings":";;;;+BAsBaA;;;eAAAA;;;;;;iEAtBU;uBACkC;sCAEpB;+BACP;gCACC;AAG/B,MAAMC,6BACJ,qBAACC,0CAAoB;IAACC,aAAaC,0BAAmB;IAAEC,aAAaC,0BAAmB;;AAanF,MAAMN,QAAQ;QAAC,EACpBO,WAAWN,YAAY,EACvBO,UAAU,EACVC,MAAM,EACNC,SAAS,EACTC,KAAK,EAEuB,WADzBC;QALHL;QACAC;QACAC;QACAC;QACAC;;IAGA,qBACE,qBAACE,4BAAa;QAACL,YAAYA;QAAYE,WAAWA;QAAWC,OAAOA;qBAClE,qBAACG,8BAAc;QACbC,WAAU;QACVP,YAAYC;QACZO,MAAK;QACLN,SAAS;OACLE,aAELL;AAGP"}
+{"version":3,"sources":["../../../../../../src/components/ActionSheetItem/subcomponents/Radio/Radio.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon20CheckCircleOn, Icon24CheckCircleOn } from '@vkontakte/icons';\nimport { HasRef, HasRootRef } from '../../../../types';\nimport { AdaptiveIconRenderer } from '../../../AdaptiveIconRenderer/AdaptiveIconRenderer';\nimport { RootComponent } from '../../../RootComponent/RootComponent';\nimport { VisuallyHidden } from '../../../VisuallyHidden/VisuallyHidden';\nimport styles from './Radio.module.css';\n\nconst adaptiveIcon = (\n  <AdaptiveIconRenderer IconCompact={Icon20CheckCircleOn} IconRegular={Icon24CheckCircleOn} />\n);\n\ninterface ActionSheetItemCheckedProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLInputElement> {\n  /**\n   * Иконка для `checked` режима.\n   */\n  children?: React.ReactNode;\n}\n\nexport const Radio = ({\n  children = adaptiveIcon,\n  getRootRef,\n  getRef,\n  className,\n  style,\n  ...restProps\n}: ActionSheetItemCheckedProps) => {\n  return (\n    <RootComponent getRootRef={getRootRef} className={className} style={style}>\n      <VisuallyHidden\n        Component=\"input\"\n        getRootRef={getRef}\n        type=\"radio\"\n        className={styles['ActionSheetItemRadio__input']}\n        {...restProps}\n      />\n      {children}\n    </RootComponent>\n  );\n};\n"],"names":["Radio","adaptiveIcon","AdaptiveIconRenderer","IconCompact","Icon20CheckCircleOn","IconRegular","Icon24CheckCircleOn","children","getRootRef","getRef","className","style","restProps","RootComponent","VisuallyHidden","Component","type"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAsBaA;;;eAAAA;;;;;;;iEAtBU;uBACkC;sCAEpB;+BACP;gCACC;AAG/B,MAAMC,6BACJ,qBAACC,0CAAoB;IAACC,aAAaC,0BAAmB;IAAEC,aAAaC,0BAAmB;;AAanF,MAAMN,QAAQ;QAAC,EACpBO,WAAWN,YAAY,EACvBO,UAAU,EACVC,MAAM,EACNC,SAAS,EACTC,KAAK,EAEuB,WADzBC;QALHL;QACAC;QACAC;QACAC;QACAC;;IAGA,qBACE,sBAACE,4BAAa;QAACL,YAAYA;QAAYE,WAAWA;QAAWC,OAAOA;;0BAClE,qBAACG,8BAAc;gBACbC,WAAU;gBACVP,YAAYC;gBACZO,MAAK;gBACLN,SAAS;eACLE;YAELL;;;AAGP"}

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

@@ -11,5 +11,5 @@ export interface AdaptiveIconRendererProps {
  * @since 5.4.0
  * @see https://vkcom.github.io/VKUI/#/AdaptiveIconRenderer
  */
-export declare const AdaptiveIconRenderer: ({ IconCompact, IconRegular }: AdaptiveIconRendererProps) => React.JSX.Element;
+export declare const AdaptiveIconRenderer: ({ IconCompact, IconRegular }: AdaptiveIconRendererProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AdaptiveIconRenderer.d.ts.map

package/dist/cjs/components/AdaptiveIconRenderer/AdaptiveIconRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdaptiveIconRenderer.d.ts","sourceRoot":"","sources":["../../../../src/components/AdaptiveIconRenderer/AdaptiveIconRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,yBAAyB;IACxC,WAAW,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACzD,WAAW,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC1D;AAED;;;GAGG;AACH,eAAO,MAAM,oBAAoB,iCAAkC,yBAAyB,sBAS3F,CAAC"}
+{"version":3,"file":"AdaptiveIconRenderer.d.ts","sourceRoot":"","sources":["../../../../src/components/AdaptiveIconRenderer/AdaptiveIconRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,yBAAyB;IACxC,WAAW,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACzD,WAAW,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC1D;AAED;;;GAGG;AACH,eAAO,MAAM,oBAAoB,iCAAkC,yBAAyB,4CAS3F,CAAC"}

package/dist/cjs/components/AdaptiveIconRenderer/AdaptiveIconRenderer.js

@@ -9,15 +9,21 @@ Object.defineProperty(exports, "AdaptiveIconRenderer", {
     }
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _useAdaptivityConditionalRender = require("../../hooks/useAdaptivityConditionalRender");
 const AdaptiveIconRenderer = ({ IconCompact, IconRegular })=>{
     const { sizeY } = (0, _useAdaptivityConditionalRender.useAdaptivityConditionalRender)();
-    return /*#__PURE__*/ _react.createElement(_react.Fragment, null, sizeY.compact && /*#__PURE__*/ _react.createElement(IconCompact, {
-        className: sizeY.compact.className
-    }), sizeY.regular && /*#__PURE__*/ _react.createElement(IconRegular, {
-        className: sizeY.regular.className
-    }));
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_react.Fragment, {
+        children: [
+            sizeY.compact && /*#__PURE__*/ (0, _jsxruntime.jsx)(IconCompact, {
+                className: sizeY.compact.className
+            }),
+            sizeY.regular && /*#__PURE__*/ (0, _jsxruntime.jsx)(IconRegular, {
+                className: sizeY.regular.className
+            })
+        ]
+    });
 };
 
 //# sourceMappingURL=AdaptiveIconRenderer.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/AdaptiveIconRenderer/AdaptiveIconRenderer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAdaptivityConditionalRender } from '../../hooks/useAdaptivityConditionalRender';\n\nexport interface AdaptiveIconRendererProps {\n  IconCompact: React.ComponentType<{ className?: string }>;\n  IconRegular: React.ComponentType<{ className?: string }>;\n}\n\n/**\n * @since 5.4.0\n * @see https://vkcom.github.io/VKUI/#/AdaptiveIconRenderer\n */\nexport const AdaptiveIconRenderer = ({ IconCompact, IconRegular }: AdaptiveIconRendererProps) => {\n  const { sizeY } = useAdaptivityConditionalRender();\n\n  return (\n    <React.Fragment>\n      {sizeY.compact && <IconCompact className={sizeY.compact.className} />}\n      {sizeY.regular && <IconRegular className={sizeY.regular.className} />}\n    </React.Fragment>\n  );\n};\n"],"names":["AdaptiveIconRenderer","IconCompact","IconRegular","sizeY","useAdaptivityConditionalRender","React","Fragment","compact","className","regular"],"mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;gDACwB;AAWxC,MAAMA,uBAAuB,CAAC,EAAEC,WAAW,EAAEC,WAAW,EAA6B;IAC1F,MAAM,EAAEC,KAAK,EAAE,GAAGC,IAAAA,8DAA8B;IAEhD,qBACE,qBAACC,OAAMC,QAAQ,QACZH,MAAMI,OAAO,kBAAI,qBAACN;QAAYO,WAAWL,MAAMI,OAAO,CAACC,SAAS;QAChEL,MAAMM,OAAO,kBAAI,qBAACP;QAAYM,WAAWL,MAAMM,OAAO,CAACD,SAAS;;AAGvE"}
+{"version":3,"sources":["../../../../src/components/AdaptiveIconRenderer/AdaptiveIconRenderer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAdaptivityConditionalRender } from '../../hooks/useAdaptivityConditionalRender';\n\nexport interface AdaptiveIconRendererProps {\n  IconCompact: React.ComponentType<{ className?: string }>;\n  IconRegular: React.ComponentType<{ className?: string }>;\n}\n\n/**\n * @since 5.4.0\n * @see https://vkcom.github.io/VKUI/#/AdaptiveIconRenderer\n */\nexport const AdaptiveIconRenderer = ({ IconCompact, IconRegular }: AdaptiveIconRendererProps) => {\n  const { sizeY } = useAdaptivityConditionalRender();\n\n  return (\n    <React.Fragment>\n      {sizeY.compact && <IconCompact className={sizeY.compact.className} />}\n      {sizeY.regular && <IconRegular className={sizeY.regular.className} />}\n    </React.Fragment>\n  );\n};\n"],"names":["AdaptiveIconRenderer","IconCompact","IconRegular","sizeY","useAdaptivityConditionalRender","React","Fragment","compact","className","regular"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;;iEAZU;gDACwB;AAWxC,MAAMA,uBAAuB,CAAC,EAAEC,WAAW,EAAEC,WAAW,EAA6B;IAC1F,MAAM,EAAEC,KAAK,EAAE,GAAGC,IAAAA,8DAA8B;IAEhD,qBACE,sBAACC,OAAMC,QAAQ;;YACZH,MAAMI,OAAO,kBAAI,qBAACN;gBAAYO,WAAWL,MAAMI,OAAO,CAACC,SAAS;;YAChEL,MAAMM,OAAO,kBAAI,qBAACP;gBAAYM,WAAWL,MAAMM,OAAO,CAACD,SAAS;;;;AAGvE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/AdaptivityProvider/AdaptivityContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { SizeTypeValues, ViewHeightType, ViewWidthType } from '../../lib/adaptivity';\n\nexport interface SizeProps {\n  sizeX?: SizeTypeValues;\n  sizeY?: SizeTypeValues;\n}\n\nexport interface AdaptivityProps extends SizeProps {\n  /**\n   * @ignore\n   */\n  viewWidth?: ViewWidthType;\n  /**\n   * @ignore\n   */\n  viewHeight?: ViewHeightType;\n  /**\n   * @ignore\n   */\n  hasPointer?: boolean;\n  /**\n   * @ignore\n   */\n  hasHover?: boolean;\n}\n\nexport const AdaptivityContext = React.createContext<AdaptivityProps>({});\n"],"names":["AdaptivityContext","React","createContext"],"mappings":";;;;+BA2BaA;;;eAAAA;;;;iEA3BU;AA2BhB,MAAMA,kCAAoBC,OAAMC,aAAa,CAAkB,CAAC"}
+{"version":3,"sources":["../../../../src/components/AdaptivityProvider/AdaptivityContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { SizeTypeValues, ViewHeightType, ViewWidthType } from '../../lib/adaptivity';\n\nexport interface SizeProps {\n  sizeX?: SizeTypeValues;\n  sizeY?: SizeTypeValues;\n}\n\nexport interface AdaptivityProps extends SizeProps {\n  /**\n   * @ignore\n   */\n  viewWidth?: ViewWidthType;\n  /**\n   * @ignore\n   */\n  viewHeight?: ViewHeightType;\n  /**\n   * @ignore\n   */\n  hasPointer?: boolean;\n  /**\n   * @ignore\n   */\n  hasHover?: boolean;\n}\n\nexport const AdaptivityContext = React.createContext<AdaptivityProps>({});\n"],"names":["AdaptivityContext","React","createContext"],"rangeMappings":";;;;;;;;;;;;","mappings":";;;;+BA2BaA;;;eAAAA;;;;iEA3BU;AA2BhB,MAAMA,kCAAoBC,OAAMC,aAAa,CAAkB,CAAC"}

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { HasChildren } from '../../types';
 import { type AdaptivityProps } from './AdaptivityContext';
 export interface AdaptivityProviderProps extends AdaptivityProps, HasChildren {
@@ -6,5 +5,5 @@ export interface AdaptivityProviderProps extends AdaptivityProps, HasChildren {
 /**
  * @see https://vkcom.github.io/VKUI/#/AdaptivityProvider
  */
-export declare const AdaptivityProvider: ({ viewWidth, viewHeight, sizeX: sizeXProp, sizeY: sizeYProp, hasPointer, hasHover, children, }: AdaptivityProviderProps) => React.JSX.Element;
+export declare const AdaptivityProvider: ({ viewWidth, viewHeight, sizeX: sizeXProp, sizeY: sizeYProp, hasPointer, hasHover, children, }: AdaptivityProviderProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AdaptivityProvider.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AdaptivityProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/AdaptivityProvider/AdaptivityProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAqB,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE9E,MAAM,WAAW,uBAAwB,SAAQ,eAAe,EAAE,WAAW;CAAG;AAEhF;;GAEG;AACH,eAAO,MAAM,kBAAkB,mGAQ5B,uBAAuB,sBA0BzB,CAAC"}
+{"version":3,"file":"AdaptivityProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/AdaptivityProvider/AdaptivityProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAqB,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE9E,MAAM,WAAW,uBAAwB,SAAQ,eAAe,EAAE,WAAW;CAAG;AAEhF;;GAEG;AACH,eAAO,MAAM,kBAAkB,mGAQ5B,uBAAuB,4CA0BzB,CAAC"}

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

@@ -9,6 +9,7 @@ Object.defineProperty(exports, "AdaptivityProvider", {
     }
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _adaptivity = require("../../lib/adaptivity");
 const _AdaptivityContext = require("./AdaptivityContext");
@@ -41,9 +42,10 @@ const AdaptivityProvider = ({ viewWidth, viewHeight, sizeX: sizeXProp, sizeY: si
         hasPointer,
         hasHover
     ]);
-    return /*#__PURE__*/ _react.createElement(_AdaptivityContext.AdaptivityContext.Provider, {
-        value: adaptivity
-    }, children);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_AdaptivityContext.AdaptivityContext.Provider, {
+        value: adaptivity,
+        children: children
+    });
 };
 
 //# sourceMappingURL=AdaptivityProvider.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/AdaptivityProvider/AdaptivityProvider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSizeX, isCompactByViewHeight, isCompactByViewWidth } from '../../lib/adaptivity';\nimport { HasChildren } from '../../types';\nimport { AdaptivityContext, type AdaptivityProps } from './AdaptivityContext';\n\nexport interface AdaptivityProviderProps extends AdaptivityProps, HasChildren {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/AdaptivityProvider\n */\nexport const AdaptivityProvider = ({\n  viewWidth,\n  viewHeight,\n  sizeX: sizeXProp,\n  sizeY: sizeYProp,\n  hasPointer,\n  hasHover,\n  children,\n}: AdaptivityProviderProps) => {\n  const adaptivity = React.useMemo(() => {\n    const nextProps: AdaptivityProps = {\n      viewWidth,\n      viewHeight,\n      sizeX: sizeXProp,\n      sizeY: sizeYProp,\n      hasPointer,\n      hasHover,\n    };\n    if (sizeXProp === undefined && viewWidth !== undefined) {\n      nextProps.sizeX = getSizeX(viewWidth);\n    }\n\n    if (sizeYProp === undefined) {\n      if (isCompactByViewWidth(viewWidth, hasPointer) || isCompactByViewHeight(viewHeight)) {\n        nextProps.sizeY = 'compact';\n      } else if (viewWidth !== undefined || viewHeight !== undefined) {\n        nextProps.sizeY = 'regular';\n      }\n    }\n\n    return nextProps;\n  }, [viewWidth, viewHeight, sizeXProp, sizeYProp, hasPointer, hasHover]);\n\n  return <AdaptivityContext.Provider value={adaptivity}>{children}</AdaptivityContext.Provider>;\n};\n"],"names":["AdaptivityProvider","viewWidth","viewHeight","sizeX","sizeXProp","sizeY","sizeYProp","hasPointer","hasHover","children","adaptivity","React","useMemo","nextProps","undefined","getSizeX","isCompactByViewWidth","isCompactByViewHeight","AdaptivityContext","Provider","value"],"mappings":";;;;+BAUaA;;;eAAAA;;;;iEAVU;4BAC+C;mCAEd;AAOjD,MAAMA,qBAAqB,CAAC,EACjCC,SAAS,EACTC,UAAU,EACVC,OAAOC,SAAS,EAChBC,OAAOC,SAAS,EAChBC,UAAU,EACVC,QAAQ,EACRC,QAAQ,EACgB;IACxB,MAAMC,aAAaC,OAAMC,OAAO,CAAC;QAC/B,MAAMC,YAA6B;YACjCZ;YACAC;YACAC,OAAOC;YACPC,OAAOC;YACPC;YACAC;QACF;QACA,IAAIJ,cAAcU,aAAab,cAAca,WAAW;YACtDD,UAAUV,KAAK,GAAGY,IAAAA,oBAAQ,EAACd;QAC7B;QAEA,IAAIK,cAAcQ,WAAW;YAC3B,IAAIE,IAAAA,gCAAoB,EAACf,WAAWM,eAAeU,IAAAA,iCAAqB,EAACf,aAAa;gBACpFW,UAAUR,KAAK,GAAG;YACpB,OAAO,IAAIJ,cAAca,aAAaZ,eAAeY,WAAW;gBAC9DD,UAAUR,KAAK,GAAG;YACpB;QACF;QAEA,OAAOQ;IACT,GAAG;QAACZ;QAAWC;QAAYE;QAAWE;QAAWC;QAAYC;KAAS;IAEtE,qBAAO,qBAACU,oCAAiB,CAACC,QAAQ;QAACC,OAAOV;OAAaD;AACzD"}
+{"version":3,"sources":["../../../../src/components/AdaptivityProvider/AdaptivityProvider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSizeX, isCompactByViewHeight, isCompactByViewWidth } from '../../lib/adaptivity';\nimport { HasChildren } from '../../types';\nimport { AdaptivityContext, type AdaptivityProps } from './AdaptivityContext';\n\nexport interface AdaptivityProviderProps extends AdaptivityProps, HasChildren {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/AdaptivityProvider\n */\nexport const AdaptivityProvider = ({\n  viewWidth,\n  viewHeight,\n  sizeX: sizeXProp,\n  sizeY: sizeYProp,\n  hasPointer,\n  hasHover,\n  children,\n}: AdaptivityProviderProps) => {\n  const adaptivity = React.useMemo(() => {\n    const nextProps: AdaptivityProps = {\n      viewWidth,\n      viewHeight,\n      sizeX: sizeXProp,\n      sizeY: sizeYProp,\n      hasPointer,\n      hasHover,\n    };\n    if (sizeXProp === undefined && viewWidth !== undefined) {\n      nextProps.sizeX = getSizeX(viewWidth);\n    }\n\n    if (sizeYProp === undefined) {\n      if (isCompactByViewWidth(viewWidth, hasPointer) || isCompactByViewHeight(viewHeight)) {\n        nextProps.sizeY = 'compact';\n      } else if (viewWidth !== undefined || viewHeight !== undefined) {\n        nextProps.sizeY = 'regular';\n      }\n    }\n\n    return nextProps;\n  }, [viewWidth, viewHeight, sizeXProp, sizeYProp, hasPointer, hasHover]);\n\n  return <AdaptivityContext.Provider value={adaptivity}>{children}</AdaptivityContext.Provider>;\n};\n"],"names":["AdaptivityProvider","viewWidth","viewHeight","sizeX","sizeXProp","sizeY","sizeYProp","hasPointer","hasHover","children","adaptivity","React","useMemo","nextProps","undefined","getSizeX","isCompactByViewWidth","isCompactByViewHeight","AdaptivityContext","Provider","value"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;;;iEAVU;4BAC+C;mCAEd;AAOjD,MAAMA,qBAAqB,CAAC,EACjCC,SAAS,EACTC,UAAU,EACVC,OAAOC,SAAS,EAChBC,OAAOC,SAAS,EAChBC,UAAU,EACVC,QAAQ,EACRC,QAAQ,EACgB;IACxB,MAAMC,aAAaC,OAAMC,OAAO,CAAC;QAC/B,MAAMC,YAA6B;YACjCZ;YACAC;YACAC,OAAOC;YACPC,OAAOC;YACPC;YACAC;QACF;QACA,IAAIJ,cAAcU,aAAab,cAAca,WAAW;YACtDD,UAAUV,KAAK,GAAGY,IAAAA,oBAAQ,EAACd;QAC7B;QAEA,IAAIK,cAAcQ,WAAW;YAC3B,IAAIE,IAAAA,gCAAoB,EAACf,WAAWM,eAAeU,IAAAA,iCAAqB,EAACf,aAAa;gBACpFW,UAAUR,KAAK,GAAG;YACpB,OAAO,IAAIJ,cAAca,aAAaZ,eAAeY,WAAW;gBAC9DD,UAAUR,KAAK,GAAG;YACpB;QACF;QAEA,OAAOQ;IACT,GAAG;QAACZ;QAAWC;QAAYE;QAAWE;QAAWC;QAAYC;KAAS;IAEtE,qBAAO,qBAACU,oCAAiB,CAACC,QAAQ;QAACC,OAAOV;kBAAaD;;AACzD"}

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

@@ -5,7 +5,14 @@ import { AlertActionProps } from './AlertAction';
 type AlertActionMode = 'cancel' | 'destructive' | 'default';
 export interface AlertActionInterface extends Pick<ButtonProps, 'Component'>, AnchorHTMLAttributesOnly, HasDataAttribute {
     title: string;
-    action?: VoidFunction;
+    /**
+     * Обработчик клика на опцию. Если свойство `autoCloseDisabled` включено,
+     * то в аргументы `action` передаётся объект с функцией close,
+     * вызвав которую можно закрыть `action` вручную.
+     */
+    action?: (args?: {
+        close?: VoidFunction;
+    }) => void;
     /**
      * По умолчанию клик на опцию вызывает переданную в `Alert` функцию `onClose`, данное свойство
      * позволяет отключить такое поведение
@@ -38,6 +45,6 @@ export interface AlertProps extends React.HTMLAttributes<HTMLElement>, HasRootRe
 /**
  * @see https://vkcom.github.io/VKUI/#/Alert
  */
-export declare const Alert: ({ actions, actionsLayout, children, className, style, text, header, onClose, dismissLabel, renderAction, actionsAlign, dismissButtonMode, dismissButtonTestId, getRootRef, ...restProps }: AlertProps) => React.JSX.Element;
+export declare const Alert: ({ actions, actionsLayout, children, className, style, text, header, onClose, dismissLabel, renderAction, actionsAlign, dismissButtonMode, dismissButtonTestId, getRootRef, ...restProps }: AlertProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Alert.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,SAAS,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEhG,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAK/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAKjD,KAAK,eAAe,GAAG,QAAQ,GAAG,aAAa,GAAG,SAAS,CAAC;AAE5D,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,WAAW,CAAC,EACpC,wBAAwB,EACxB,gBAAgB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,EAAE,eAAe,CAAC;CACvB;AAED,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC;IAC/F,aAAa,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IAC1C,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACjC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5D,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,YAAY,CAAC;IACtB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACzC;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,8LAgBf,UAAU,sBAsHZ,CAAC"}
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,SAAS,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEhG,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAK/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAKjD,KAAK,eAAe,GAAG,QAAQ,GAAG,aAAa,GAAG,SAAS,CAAC;AAE5D,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,WAAW,CAAC,EACpC,wBAAwB,EACxB,gBAAgB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,YAAY,CAAA;KAAE,KAAK,IAAI,CAAC;IACnD;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,EAAE,eAAe,CAAC;CACvB;AAED,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC;IAC/F,aAAa,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IAC1C,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACjC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5D,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,YAAY,CAAC;IACtB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACzC;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,8LAgBf,UAAU,4CAsHZ,CAAC"}

package/dist/cjs/components/Alert/Alert.js

@@ -12,6 +12,7 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
 const _object_spread = require("@swc/helpers/_/_object_spread");
 const _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 const _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _icons = require("@vkontakte/icons");
 const _vkjs = require("@vkontakte/vkjs");
@@ -77,54 +78,73 @@ const Alert = (_param)=>{
                 }
             }, timeout);
         } else {
-            action && action();
+            action && action({
+                close
+            });
         }
     }, [
         elementRef,
         waitTransitionFinish,
         onClose,
+        close,
         timeout
     ]);
     (0, _ScrollContext.useScrollLock)();
-    return /*#__PURE__*/ _react.createElement(_PopoutWrapper.PopoutWrapper, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_PopoutWrapper.PopoutWrapper, {
         className: className,
         closing: closing,
         style: style,
         onClick: close,
-        getRootRef: getRootRef
-    }, /*#__PURE__*/ _react.createElement(_FocusTrap.FocusTrap, _object_spread_props._(_object_spread._({}, restProps), {
-        getRootRef: elementRef,
-        onClick: _utils.stopPropagation,
-        onClose: close,
-        timeout: timeout,
-        className: (0, _vkjs.classNames)("vkuiAlert", platform === 'ios' && "vkuiAlert--ios", platform === 'vkcom' && "vkuiAlert--vkcom", closing && "vkuiAlert--closing", isDesktop && "vkuiAlert--desktop"),
-        role: "alertdialog",
-        "aria-modal": true,
-        "aria-labelledby": headerId,
-        "aria-describedby": textId
-    }), /*#__PURE__*/ _react.createElement("div", {
-        className: (0, _vkjs.classNames)("vkuiAlert__content", dismissButtonMode === 'inside' && "vkuiAlert__content--withButton")
-    }, (0, _vkjs.hasReactNode)(header) && /*#__PURE__*/ _react.createElement(_AlertTypography.AlertHeader, {
-        id: headerId
-    }, header), (0, _vkjs.hasReactNode)(text) && /*#__PURE__*/ _react.createElement(_AlertTypography.AlertText, {
-        id: textId
-    }, text), children, isDismissButtonVisible && dismissButtonMode === 'inside' && /*#__PURE__*/ _react.createElement(_IconButton.IconButton, {
-        label: dismissLabel,
-        className: (0, _vkjs.classNames)("vkuiAlert__dismiss", 'vkuiInternalAlert__dismiss'),
-        onClick: close,
-        hoverMode: "opacity",
-        activeMode: "opacity",
-        "data-testid": dismissButtonTestId
-    }, /*#__PURE__*/ _react.createElement(_icons.Icon20Cancel, null))), /*#__PURE__*/ _react.createElement(_AlertActions.AlertActions, {
-        actions: actions,
-        actionsAlign: actionsAlign,
-        actionsLayout: actionsLayout,
-        renderAction: renderAction,
-        onItemClick: onItemClick
-    }), isDismissButtonVisible && dismissButtonMode === 'outside' && /*#__PURE__*/ _react.createElement(_ModalDismissButton.ModalDismissButton, {
-        onClick: close,
-        "data-testid": dismissButtonTestId
-    }, dismissLabel)));
+        getRootRef: getRootRef,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_FocusTrap.FocusTrap, _object_spread_props._(_object_spread._({}, restProps), {
+            getRootRef: elementRef,
+            onClick: _utils.stopPropagation,
+            onClose: close,
+            timeout: timeout,
+            className: (0, _vkjs.classNames)("vkuiAlert", platform === 'ios' && "vkuiAlert--ios", platform === 'vkcom' && "vkuiAlert--vkcom", closing && "vkuiAlert--closing", isDesktop && "vkuiAlert--desktop"),
+            role: "alertdialog",
+            "aria-modal": true,
+            "aria-labelledby": headerId,
+            "aria-describedby": textId,
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                    className: (0, _vkjs.classNames)("vkuiAlert__content", dismissButtonMode === 'inside' && "vkuiAlert__content--withButton"),
+                    children: [
+                        (0, _vkjs.hasReactNode)(header) && /*#__PURE__*/ (0, _jsxruntime.jsx)(_AlertTypography.AlertHeader, {
+                            id: headerId,
+                            children: header
+                        }),
+                        (0, _vkjs.hasReactNode)(text) && /*#__PURE__*/ (0, _jsxruntime.jsx)(_AlertTypography.AlertText, {
+                            id: textId,
+                            children: text
+                        }),
+                        children,
+                        isDismissButtonVisible && dismissButtonMode === 'inside' && /*#__PURE__*/ (0, _jsxruntime.jsx)(_IconButton.IconButton, {
+                            label: dismissLabel,
+                            className: (0, _vkjs.classNames)("vkuiAlert__dismiss", 'vkuiInternalAlert__dismiss'),
+                            onClick: close,
+                            hoverMode: "opacity",
+                            activeMode: "opacity",
+                            "data-testid": dismissButtonTestId,
+                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_icons.Icon20Cancel, {})
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_AlertActions.AlertActions, {
+                    actions: actions,
+                    actionsAlign: actionsAlign,
+                    actionsLayout: actionsLayout,
+                    renderAction: renderAction,
+                    onItemClick: onItemClick
+                }),
+                isDismissButtonVisible && dismissButtonMode === 'outside' && /*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalDismissButton.ModalDismissButton, {
+                    onClick: close,
+                    "data-testid": dismissButtonTestId,
+                    children: dismissLabel
+                })
+            ]
+        }))
+    });
 };
 
 //# sourceMappingURL=Alert.js.map