@vkontakte/vkui 5.8.2 → 5.9.1

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

@@ -0,0 +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":["React","Icon20CheckCircleOn","Icon24CheckCircleOn","AdaptiveIconRenderer","RootComponent","VisuallyHidden","styles","adaptiveIcon","IconCompact","IconRegular","Radio","children","getRootRef","getRef","className","style","restProps","Component","type"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,mBAAmB,EAAEC,mBAAmB,QAAQ,mBAAmB;AAE5E,SAASC,oBAAoB,QAAQ,qDAAqD;AAC1F,SAASC,aAAa,QAAQ,uCAAuC;AACrE,SAASC,cAAc,QAAQ,yCAAyC;AACxE,OAAOC,YAAY,qBAAqB;AAExC,MAAMC,6BACJ,oBAACJ;IAAqBK,aAAaP;IAAqBQ,aAAaP;;AAavE,OAAO,MAAMQ,QAAQ,CAAC,EACpBC,WAAWJ,YAAY,EACvBK,UAAU,EACVC,MAAM,EACNC,SAAS,EACTC,KAAK,EACL,GAAGC,WACyB;IAC5B,qBACE,oBAACZ;QAAcQ,YAAYA;QAAYE,WAAWA;QAAWC,OAAOA;qBAClE,oBAACV;QACCY,WAAU;QACVL,YAAYC;QACZK,MAAK;QACLJ,WAAWR,MAAM,CAAC,8BAA8B;QAC/C,GAAGU,SAAS;QAEdL;AAGP,EAAE"}

package/dist/cssm/components/ActionSheetItem/subcomponents/Radio/Radio.module.css

@@ -0,0 +1,8 @@
+/* stylelint-disable-next-line selector-max-universal -- отключаем иконку */
+.ActionSheetItemRadio__input ~ * {
+  display: none;
+}
+/* stylelint-disable-next-line selector-max-universal -- включаем иконку если checked */
+.ActionSheetItemRadio__input:checked ~ * {
+  display: block;
+}

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

@@ -12,3 +12,4 @@ export interface AdaptiveIconRendererProps {
  * @see https://vkcom.github.io/VKUI/#/AdaptiveIconRenderer
  */
 export declare const AdaptiveIconRenderer: ({ IconCompact, IconRegular }: AdaptiveIconRendererProps) => React.JSX.Element;
+//# sourceMappingURL=AdaptiveIconRenderer.d.ts.map

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

@@ -0,0 +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"}

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

@@ -23,3 +23,4 @@ export interface AdaptivityProps extends SizeProps {
     hasHover?: boolean;
 }
 export declare const AdaptivityContext: React.Context<AdaptivityProps>;
+//# sourceMappingURL=AdaptivityContext.d.ts.map

package/dist/cssm/components/AdaptivityProvider/AdaptivityContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdaptivityContext.d.ts","sourceRoot":"","sources":["../../../../src/components/AdaptivityProvider/AdaptivityContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEvE,MAAM,WAAW,SAAS;IACxB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,KAAK,CAAC,EAAE,QAAQ,CAAC;CAClB;AAED,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,iBAAiB,gCAA2C,CAAC"}

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

@@ -7,3 +7,4 @@ export interface AdaptivityProviderProps extends AdaptivityProps, HasChildren {
  * @see https://vkcom.github.io/VKUI/#/AdaptivityProvider
  */
 export declare const AdaptivityProvider: ({ viewWidth, viewHeight, sizeX, sizeY, hasPointer, hasHover, children, }: AdaptivityProviderProps) => React.JSX.Element;
+//# sourceMappingURL=AdaptivityProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdaptivityProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/AdaptivityProvider/AdaptivityProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAqB,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAI9E,MAAM,WAAW,uBAAwB,SAAQ,eAAe,EAAE,WAAW;CAAG;AAEhF;;GAEG;AACH,eAAO,MAAM,kBAAkB,6EAQ5B,uBAAuB,sBAoCzB,CAAC"}

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

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { AlignType, AnchorHTMLAttributesOnly } from '../../types';
+import { AlignType, AnchorHTMLAttributesOnly, HasDataAttribute } from '../../types';
 import { ButtonProps } from '../Button/Button';
 import { AlertActionProps } from './AlertAction';
 type AlertActionMode = 'cancel' | 'destructive' | 'default';
-export interface AlertActionInterface extends Pick<ButtonProps, 'Component'>, AnchorHTMLAttributesOnly {
+export interface AlertActionInterface extends Pick<ButtonProps, 'Component'>, AnchorHTMLAttributesOnly, HasDataAttribute {
     title: string;
     action?: VoidFunction;
     autoClose?: boolean;
@@ -21,9 +21,15 @@ export interface AlertProps extends React.HTMLAttributes<HTMLElement> {
      * `aria-label` для кнопки закрытия. Необходим, чтобы кнопка была доступной.
      */
     dismissLabel?: string;
+    /**
+     * Расположение кнопки закрытия (внутри и вне `popout'a`)
+     * Доступно только в `compact`-режиме, не отображается на `iOS`
+     */
+    dismissButtonMode?: 'inside' | 'outside';
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/Alert
  */
-export declare const Alert: ({ actions, actionsLayout, children, className, style, text, header, onClose, dismissLabel, renderAction, actionsAlign, ...restProps }: AlertProps) => React.JSX.Element;
+export declare const Alert: ({ actions, actionsLayout, children, className, style, text, header, onClose, dismissLabel, renderAction, actionsAlign, dismissButtonMode, ...restProps }: AlertProps) => React.JSX.Element;
 export {};
+//# sourceMappingURL=Alert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAAE,SAAS,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpF,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,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,eAAe,CAAC;CACvB;AAED,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACnE,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;IAEtB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAC1C;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,6JAcf,UAAU,sBA6GZ,CAAC"}

package/dist/cssm/components/Alert/Alert.js

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { Icon20Cancel } from '@vkontakte/icons';
 import { classNames, hasReactNode } from '@vkontakte/vkjs';
 import { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';
 import { useId } from '../../hooks/useId';
@@ -8,6 +9,7 @@ import { Platform } from '../../lib/platform';
 import { stopPropagation } from '../../lib/utils';
 import { useScrollLock } from '../AppRoot/ScrollContext';
 import { FocusTrap } from '../FocusTrap/FocusTrap';
+import { IconButton } from '../IconButton/IconButton';
 import { ModalDismissButton } from '../ModalDismissButton/ModalDismissButton';
 import { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';
 import { AlertActions } from './AlertActions';
@@ -15,7 +17,7 @@ import { AlertHeader, AlertText } from './AlertTypography';
 import styles from './Alert.module.css';
 /**
  * @see https://vkcom.github.io/VKUI/#/Alert
- */ export const Alert = ({ actions = [], actionsLayout = 'horizontal', children, className, style, text, header, onClose, dismissLabel = 'Закрыть предупреждение', renderAction, actionsAlign, ...restProps })=>{
+ */ export const Alert = ({ actions = [], actionsLayout = 'horizontal', children, className, style, text, header, onClose, dismissLabel = 'Закрыть предупреждение', renderAction, actionsAlign, dismissButtonMode = 'outside', ...restProps })=>{
     const generatedId = useId();
     const headerId = `vkui-alert-${generatedId}-header`;
     const textId = `vkui-alert-${generatedId}-text`;
@@ -23,6 +25,7 @@ import styles from './Alert.module.css';
     const { isDesktop } = useAdaptivityWithJSMediaQueries();
     const { waitTransitionFinish } = useWaitTransitionFinish();
     const [closing, setClosing] = React.useState(false);
+    const isDismissButtonVisible = isDesktop && platform !== Platform.IOS;
     const elementRef = React.useRef(null);
     const timeout = platform === Platform.IOS ? 300 : 200;
     const close = React.useCallback(()=>{
@@ -75,18 +78,24 @@ import styles from './Alert.module.css';
         "aria-labelledby": headerId,
         "aria-describedby": textId
     }, /*#__PURE__*/ React.createElement("div", {
-        className: styles['Alert__content']
+        className: classNames(styles['Alert__content'], dismissButtonMode === 'inside' && styles['Alert__content--withButton'])
     }, hasReactNode(header) && /*#__PURE__*/ React.createElement(AlertHeader, {
         id: headerId
     }, header), hasReactNode(text) && /*#__PURE__*/ React.createElement(AlertText, {
         id: textId
-    }, text), children), /*#__PURE__*/ React.createElement(AlertActions, {
+    }, text), children, isDismissButtonVisible && dismissButtonMode === 'inside' && /*#__PURE__*/ React.createElement(IconButton, {
+        "aria-label": dismissLabel,
+        className: classNames(styles['Alert__dismiss'], 'vkuiInternalAlert__dismiss'),
+        onClick: close,
+        hoverMode: "opacity",
+        activeMode: "opacity"
+    }, /*#__PURE__*/ React.createElement(Icon20Cancel, null))), /*#__PURE__*/ React.createElement(AlertActions, {
         actions: actions,
         actionsAlign: actionsAlign,
         actionsLayout: actionsLayout,
         renderAction: renderAction,
         onItemClick: onItemClick
-    }), isDesktop && /*#__PURE__*/ React.createElement(ModalDismissButton, {
+    }), isDismissButtonVisible && dismissButtonMode === 'outside' && /*#__PURE__*/ React.createElement(ModalDismissButton, {
         onClick: close,
         "aria-label": dismissLabel
     })));

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useId } from '../../hooks/useId';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useWaitTransitionFinish } from '../../hooks/useWaitTransitionFinish';\nimport { Platform } from '../../lib/platform';\nimport { stopPropagation } from '../../lib/utils';\nimport { AlignType, AnchorHTMLAttributesOnly } from '../../types';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { ButtonProps } from '../Button/Button';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { ModalDismissButton } from '../ModalDismissButton/ModalDismissButton';\nimport { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';\nimport { AlertActionProps } from './AlertAction';\nimport { AlertActions } from './AlertActions';\nimport { AlertHeader, AlertText } from './AlertTypography';\nimport styles from './Alert.module.css';\n\ntype AlertActionMode = 'cancel' | 'destructive' | 'default';\n\nexport interface AlertActionInterface\n  extends Pick<ButtonProps, 'Component'>,\n    AnchorHTMLAttributesOnly {\n  title: string;\n  action?: VoidFunction;\n  autoClose?: boolean;\n  mode: AlertActionMode;\n}\n\nexport interface AlertProps extends React.HTMLAttributes<HTMLElement> {\n  actionsLayout?: 'vertical' | 'horizontal';\n  actionsAlign?: AlignType;\n  actions?: AlertActionInterface[];\n  renderAction?: (props: AlertActionProps) => React.ReactNode;\n  header?: React.ReactNode;\n  text?: React.ReactNode;\n  onClose: VoidFunction;\n\n  /**\n   * `aria-label` для кнопки закрытия. Необходим, чтобы кнопка была доступной.\n   */\n  dismissLabel?: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Alert\n */\nexport const Alert = ({\n  actions = [],\n  actionsLayout = 'horizontal',\n  children,\n  className,\n  style,\n  text,\n  header,\n  onClose,\n  dismissLabel = 'Закрыть предупреждение',\n  renderAction,\n  actionsAlign,\n  ...restProps\n}: AlertProps) => {\n  const generatedId = useId();\n\n  const headerId = `vkui-alert-${generatedId}-header`;\n  const textId = `vkui-alert-${generatedId}-text`;\n\n  const platform = usePlatform();\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n  const { waitTransitionFinish } = useWaitTransitionFinish();\n\n  const [closing, setClosing] = React.useState(false);\n\n  const elementRef = React.useRef<HTMLDivElement>(null);\n\n  const timeout = platform === Platform.IOS ? 300 : 200;\n\n  const close = React.useCallback(() => {\n    setClosing(true);\n    waitTransitionFinish(\n      elementRef.current,\n      (e?: TransitionEvent) => {\n        if (!e || e.propertyName === 'opacity') {\n          onClose();\n        }\n      },\n      timeout,\n    );\n  }, [elementRef, waitTransitionFinish, onClose, timeout]);\n\n  const onItemClick = React.useCallback(\n    (item: AlertActionInterface) => {\n      const { action, autoClose } = item;\n\n      if (autoClose) {\n        setClosing(true);\n        waitTransitionFinish(\n          elementRef.current,\n          (e?: TransitionEvent) => {\n            if (!e || e.propertyName === 'opacity') {\n              onClose();\n              action && action();\n            }\n          },\n          timeout,\n        );\n      } else {\n        action && action();\n      }\n    },\n    [elementRef, waitTransitionFinish, onClose, timeout],\n  );\n\n  useScrollLock();\n\n  return (\n    <PopoutWrapper className={className} closing={closing} style={style} onClick={close}>\n      <FocusTrap\n        {...restProps}\n        getRootRef={elementRef}\n        onClick={stopPropagation}\n        onClose={close}\n        timeout={timeout}\n        className={classNames(\n          styles['Alert'],\n          platform === Platform.IOS && styles['Alert--ios'],\n          platform === Platform.VKCOM && styles['Alert--vkcom'],\n          closing && styles['Alert--closing'],\n          isDesktop && styles['Alert--desktop'],\n        )}\n        role=\"alertdialog\"\n        aria-modal\n        aria-labelledby={headerId}\n        aria-describedby={textId}\n      >\n        <div className={styles['Alert__content']}>\n          {hasReactNode(header) && <AlertHeader id={headerId}>{header}</AlertHeader>}\n          {hasReactNode(text) && <AlertText id={textId}>{text}</AlertText>}\n          {children}\n        </div>\n        <AlertActions\n          actions={actions}\n          actionsAlign={actionsAlign}\n          actionsLayout={actionsLayout}\n          renderAction={renderAction}\n          onItemClick={onItemClick}\n        />\n        {isDesktop && <ModalDismissButton onClick={close} aria-label={dismissLabel} />}\n      </FocusTrap>\n    </PopoutWrapper>\n  );\n};\n"],"names":["React","classNames","hasReactNode","useAdaptivityWithJSMediaQueries","useId","usePlatform","useWaitTransitionFinish","Platform","stopPropagation","useScrollLock","FocusTrap","ModalDismissButton","PopoutWrapper","AlertActions","AlertHeader","AlertText","styles","Alert","actions","actionsLayout","children","className","style","text","header","onClose","dismissLabel","renderAction","actionsAlign","restProps","generatedId","headerId","textId","platform","isDesktop","waitTransitionFinish","closing","setClosing","useState","elementRef","useRef","timeout","IOS","close","useCallback","current","e","propertyName","onItemClick","item","action","autoClose","onClick","getRootRef","VKCOM","role","aria-modal","aria-labelledby","aria-describedby","div","id","aria-label"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon20Cancel } from '@vkontakte/icons';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useId } from '../../hooks/useId';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useWaitTransitionFinish } from '../../hooks/useWaitTransitionFinish';\nimport { Platform } from '../../lib/platform';\nimport { stopPropagation } from '../../lib/utils';\nimport { AlignType, AnchorHTMLAttributesOnly, HasDataAttribute } from '../../types';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { ButtonProps } from '../Button/Button';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { IconButton } from '../IconButton/IconButton';\nimport { ModalDismissButton } from '../ModalDismissButton/ModalDismissButton';\nimport { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';\nimport { AlertActionProps } from './AlertAction';\nimport { AlertActions } from './AlertActions';\nimport { AlertHeader, AlertText } from './AlertTypography';\nimport styles from './Alert.module.css';\n\ntype AlertActionMode = 'cancel' | 'destructive' | 'default';\n\nexport interface AlertActionInterface\n  extends Pick<ButtonProps, 'Component'>,\n    AnchorHTMLAttributesOnly,\n    HasDataAttribute {\n  title: string;\n  action?: VoidFunction;\n  autoClose?: boolean;\n  mode: AlertActionMode;\n}\n\nexport interface AlertProps extends React.HTMLAttributes<HTMLElement> {\n  actionsLayout?: 'vertical' | 'horizontal';\n  actionsAlign?: AlignType;\n  actions?: AlertActionInterface[];\n  renderAction?: (props: AlertActionProps) => React.ReactNode;\n  header?: React.ReactNode;\n  text?: React.ReactNode;\n  onClose: VoidFunction;\n\n  /**\n   * `aria-label` для кнопки закрытия. Необходим, чтобы кнопка была доступной.\n   */\n  dismissLabel?: string;\n  /**\n   * Расположение кнопки закрытия (внутри и вне `popout'a`)\n   * Доступно только в `compact`-режиме, не отображается на `iOS`\n   */\n  dismissButtonMode?: 'inside' | 'outside';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Alert\n */\nexport const Alert = ({\n  actions = [],\n  actionsLayout = 'horizontal',\n  children,\n  className,\n  style,\n  text,\n  header,\n  onClose,\n  dismissLabel = 'Закрыть предупреждение',\n  renderAction,\n  actionsAlign,\n  dismissButtonMode = 'outside',\n  ...restProps\n}: AlertProps) => {\n  const generatedId = useId();\n\n  const headerId = `vkui-alert-${generatedId}-header`;\n  const textId = `vkui-alert-${generatedId}-text`;\n\n  const platform = usePlatform();\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n  const { waitTransitionFinish } = useWaitTransitionFinish();\n\n  const [closing, setClosing] = React.useState(false);\n  const isDismissButtonVisible = isDesktop && platform !== Platform.IOS;\n\n  const elementRef = React.useRef<HTMLDivElement>(null);\n\n  const timeout = platform === Platform.IOS ? 300 : 200;\n\n  const close = React.useCallback(() => {\n    setClosing(true);\n    waitTransitionFinish(\n      elementRef.current,\n      (e?: TransitionEvent) => {\n        if (!e || e.propertyName === 'opacity') {\n          onClose();\n        }\n      },\n      timeout,\n    );\n  }, [elementRef, waitTransitionFinish, onClose, timeout]);\n\n  const onItemClick = React.useCallback(\n    (item: AlertActionInterface) => {\n      const { action, autoClose } = item;\n\n      if (autoClose) {\n        setClosing(true);\n        waitTransitionFinish(\n          elementRef.current,\n          (e?: TransitionEvent) => {\n            if (!e || e.propertyName === 'opacity') {\n              onClose();\n              action && action();\n            }\n          },\n          timeout,\n        );\n      } else {\n        action && action();\n      }\n    },\n    [elementRef, waitTransitionFinish, onClose, timeout],\n  );\n\n  useScrollLock();\n\n  return (\n    <PopoutWrapper className={className} closing={closing} style={style} onClick={close}>\n      <FocusTrap\n        {...restProps}\n        getRootRef={elementRef}\n        onClick={stopPropagation}\n        onClose={close}\n        timeout={timeout}\n        className={classNames(\n          styles['Alert'],\n          platform === Platform.IOS && styles['Alert--ios'],\n          platform === Platform.VKCOM && styles['Alert--vkcom'],\n          closing && styles['Alert--closing'],\n          isDesktop && styles['Alert--desktop'],\n        )}\n        role=\"alertdialog\"\n        aria-modal\n        aria-labelledby={headerId}\n        aria-describedby={textId}\n      >\n        <div\n          className={classNames(\n            styles['Alert__content'],\n            dismissButtonMode === 'inside' && styles['Alert__content--withButton'],\n          )}\n        >\n          {hasReactNode(header) && <AlertHeader id={headerId}>{header}</AlertHeader>}\n          {hasReactNode(text) && <AlertText id={textId}>{text}</AlertText>}\n          {children}\n          {isDismissButtonVisible && dismissButtonMode === 'inside' && (\n            <IconButton\n              aria-label={dismissLabel}\n              className={classNames(styles['Alert__dismiss'], 'vkuiInternalAlert__dismiss')}\n              onClick={close}\n              hoverMode=\"opacity\"\n              activeMode=\"opacity\"\n            >\n              <Icon20Cancel />\n            </IconButton>\n          )}\n        </div>\n        <AlertActions\n          actions={actions}\n          actionsAlign={actionsAlign}\n          actionsLayout={actionsLayout}\n          renderAction={renderAction}\n          onItemClick={onItemClick}\n        />\n        {isDismissButtonVisible && dismissButtonMode === 'outside' && (\n          <ModalDismissButton onClick={close} aria-label={dismissLabel} />\n        )}\n      </FocusTrap>\n    </PopoutWrapper>\n  );\n};\n"],"names":["React","Icon20Cancel","classNames","hasReactNode","useAdaptivityWithJSMediaQueries","useId","usePlatform","useWaitTransitionFinish","Platform","stopPropagation","useScrollLock","FocusTrap","IconButton","ModalDismissButton","PopoutWrapper","AlertActions","AlertHeader","AlertText","styles","Alert","actions","actionsLayout","children","className","style","text","header","onClose","dismissLabel","renderAction","actionsAlign","dismissButtonMode","restProps","generatedId","headerId","textId","platform","isDesktop","waitTransitionFinish","closing","setClosing","useState","isDismissButtonVisible","IOS","elementRef","useRef","timeout","close","useCallback","current","e","propertyName","onItemClick","item","action","autoClose","onClick","getRootRef","VKCOM","role","aria-modal","aria-labelledby","aria-describedby","div","id","aria-label","hoverMode","activeMode"],"mappings":"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"}

package/dist/cssm/components/Alert/Alert.module.css

@@ -40,6 +40,10 @@
   padding: 24px 24px 16px;
 }
 
+.Alert__content--withButton {
+  padding-right: 52px;
+}
+
 .Alert__action {
   white-space: nowrap;
   background: transparent;
@@ -69,14 +73,12 @@
   align-items: flex-end;
 }
 
-/* stylelint-disable @project-tools/stylelint-atomic */
+/* stylelint-disable-next-line @project-tools/stylelint-atomic, selector-max-universal */
 
 .Alert__actions > * {
   margin: 4px;
 }
 
-/* stylelint-enable @project-tools/stylelint-atomic */
-
 .Alert__actions--align-left {
   justify-content: flex-start;
   align-items: flex-start;
@@ -111,7 +113,7 @@
 }
 
 .Alert--ios .Alert__content {
-  padding: 19px 16px 20px;
+  padding: 20px 16px;
   text-align: center;
 }
 
@@ -264,6 +266,13 @@
   order: 1;
 }
 
+.Alert__dismiss {
+  position: absolute;
+  color: var(--vkui--color_icon_secondary);
+  top: 8px;
+  right: 8px;
+}
+
 /**
  * Animations
  */

package/dist/cssm/components/Alert/AlertAction.d.ts

@@ -6,3 +6,4 @@ export interface AlertActionProps extends Pick<AlertActionInterface, 'Component'
     onClick: React.MouseEventHandler<HTMLElement>;
 }
 export declare const AlertAction: (props: AlertActionProps) => React.JSX.Element;
+//# sourceMappingURL=AlertAction.d.ts.map

package/dist/cssm/components/Alert/AlertAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertAction.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/AlertAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAGvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAG/C,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,WAAW,GAAG,MAAM,CAAC,EACtD,wBAAwB;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;CAC/C;AAsCD,eAAO,MAAM,WAAW,UAAW,gBAAgB,sBAQlD,CAAC"}

package/dist/cssm/components/Alert/AlertActions.d.ts

@@ -6,3 +6,4 @@ interface AlertActionsProps extends Pick<AlertProps, 'actions' | 'actionsAlign'
 }
 export declare const AlertActions: ({ actions, renderAction, onItemClick, actionsAlign, actionsLayout, }: AlertActionsProps) => React.JSX.Element;
 export {};
+//# sourceMappingURL=AlertActions.d.ts.map

package/dist/cssm/components/Alert/AlertActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertActions.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/AlertActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAe3D,KAAK,gBAAgB,GAAG,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;AAC7D,UAAU,iBACR,SAAQ,IAAI,CAAC,UAAU,EAAE,SAAS,GAAG,cAAc,GAAG,cAAc,GAAG,eAAe,CAAC;IACvF,WAAW,EAAE,gBAAgB,CAAC;CAC/B;AACD,eAAO,MAAM,YAAY,yEAMtB,iBAAiB,sBA8BnB,CAAC"}

package/dist/cssm/components/Alert/AlertTypography.d.ts

@@ -6,3 +6,4 @@ interface AlertTypography extends HasChildren {
 export declare const AlertHeader: (props: AlertTypography) => React.JSX.Element;
 export declare const AlertText: (props: AlertTypography) => React.JSX.Element;
 export {};
+//# sourceMappingURL=AlertTypography.d.ts.map

package/dist/cssm/components/Alert/AlertTypography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertTypography.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/AlertTypography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAO1C,UAAU,eAAgB,SAAQ,WAAW;IAC3C,EAAE,EAAE,MAAM,CAAC;CACZ;AACD,eAAO,MAAM,WAAW,UAAW,eAAe,sBASjD,CAAC;AACF,eAAO,MAAM,SAAS,UAAW,eAAe,sBAW/C,CAAC"}

package/dist/cssm/components/AppRoot/AppRoot.d.ts

@@ -32,3 +32,4 @@ export interface AppRootProps extends React.HTMLAttributes<HTMLDivElement> {
  * @see https://vkcom.github.io/VKUI/#/AppRoot
  */
 export declare const AppRoot: ({ children, mode, scroll, portalRoot: portalRootProp, disablePortal, disableParentTransformForPositionFixedElements, className, safeAreaInsets, layout, ...props }: AppRootProps) => React.JSX.Element;
+//# sourceMappingURL=AppRoot.d.ts.map

package/dist/cssm/components/AppRoot/AppRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppRoot.d.ts","sourceRoot":"","sources":["../../../../src/components/AppRoot/AppRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,MAAM,MAAM,cAAc,GAAG;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AA+BF,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,wBAAwB;IACxB,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC9B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC;;OAEG;IACH,UAAU,CAAC,EAAE,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IAC/D;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;OAKG;IACH,8CAA8C,CAAC,EAAE,OAAO,CAAC;IACzD,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC3B;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,uKAWjB,YAAY,sBA6Kd,CAAC"}

package/dist/cssm/components/AppRoot/AppRootContext.d.ts

@@ -9,3 +9,4 @@ export interface AppRootContextInterface {
     layout?: 'card' | 'plain';
 }
 export declare const AppRootContext: React.Context<AppRootContextInterface>;
+//# sourceMappingURL=AppRootContext.d.ts.map

package/dist/cssm/components/AppRoot/AppRootContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppRootContext.d.ts","sourceRoot":"","sources":["../../../../src/components/AppRoot/AppRootContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,uBAAuB;IACtC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC1C,UAAU,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;IACvC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,cAAc,wCAEzB,CAAC"}

package/dist/cssm/components/AppRoot/AppRootPortal.d.ts

@@ -11,3 +11,4 @@ export interface AppRootPortalProps extends HasChildren {
     portalRoot?: HTMLElement | React.RefObject<HTMLElement> | null;
 }
 export declare const AppRootPortal: ({ children, className, forcePortal: forcePortalProp, portalRoot: portalRootProp, }: AppRootPortalProps) => React.JSX.Element | null;
+//# sourceMappingURL=AppRootPortal.d.ts.map

package/dist/cssm/components/AppRoot/AppRootPortal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppRootPortal.d.ts","sourceRoot":"","sources":["../../../../src/components/AppRoot/AppRootPortal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAI1C,MAAM,WAAW,kBAAmB,SAAQ,WAAW;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,UAAU,CAAC,EAAE,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;CAChE;AAED,eAAO,MAAM,aAAa,uFAKvB,kBAAkB,6BA4BpB,CAAC"}

package/dist/cssm/components/AppRoot/ScrollContext.d.ts

@@ -25,3 +25,4 @@ export declare const ElementScrollController: ({ elRef, children }: ScrollContro
  */
 export declare const useScrollLockEffect: (effect: React.EffectCallback, deps: React.DependencyList) => void;
 export declare const useScrollLock: (enabled?: boolean) => void;
+//# sourceMappingURL=ScrollContext.d.ts.map

package/dist/cssm/components/AppRoot/ScrollContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollContext.d.ts","sourceRoot":"","sources":["../../../../src/components/AppRoot/ScrollContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAsB1C,MAAM,WAAW,sBAAsB;IACrC,SAAS,CAAC,IAAI,EAAE,IAAI,GAAG;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAChD,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnD,YAAY,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IACnC,iBAAiB,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IACpC,wBAAwB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC;CAC7D;AAED,eAAO,MAAM,aAAa,uCAMxB,CAAC;AAEH,eAAO,MAAM,SAAS,8BAAwC,CAAC;AAE/D,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CACrC;AAED,eAAO,MAAM,sBAAsB,iBAAkB,qBAAqB,sBAmEzE,CAAC;AAEF,eAAO,MAAM,uBAAuB,wBAAyB,qBAAqB,sBA2EjF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,WAAY,MAAM,cAAc,qCA+B/D,CAAC;AAEF,eAAO,MAAM,aAAa,6BASzB,CAAC"}

package/dist/cssm/components/AppearanceProvider/AppearanceProvider.d.ts

@@ -8,3 +8,4 @@ export interface AppearanceProviderProps {
  * @see https://vkcom.github.io/VKUI/#/AppearanceProvider
  */
 export declare const AppearanceProvider: ({ appearance, children }: AppearanceProviderProps) => React.JSX.Element;
+//# sourceMappingURL=AppearanceProvider.d.ts.map

package/dist/cssm/components/AppearanceProvider/AppearanceProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppearanceProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/AppearanceProvider/AppearanceProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAI3D,MAAM,WAAW,uBAAuB;IACtC,UAAU,EAAE,cAAc,CAAC;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,6BAA8B,uBAAuB,sBAUnF,CAAC"}

package/dist/cssm/components/AspectRatio/AspectRatio.d.ts

@@ -19,3 +19,4 @@ export interface AspectRatioProps extends HTMLAttributesWithRootRef<HTMLDivEleme
  * @see https://vkcom.github.io/VKUI/#/AspectRatio
  */
 export declare function AspectRatio({ ratio, mode, style: styleProp, ...props }: AspectRatioProps): JSX.Element;
+//# sourceMappingURL=AspectRatio.d.ts.map

package/dist/cssm/components/AspectRatio/AspectRatio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AspectRatio.d.ts","sourceRoot":"","sources":["../../../../src/components/AspectRatio/AspectRatio.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAuB,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAI7E,MAAM,WAAW,gBAAiB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC1B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,IAAgB,EAChB,KAAK,EAAE,SAAS,EAChB,GAAG,KAAK,EACT,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAehC"}

package/dist/cssm/components/AspectRatio/AspectRatio.module.css

@@ -12,17 +12,23 @@
   padding-bottom: calc((1 / var(--vkui_internal--aspect_ratio, 1)) * 100%);
 }
 
+/* stylelint-disable-next-line selector-max-universal */
+
 .AspectRatio > * {
   position: absolute;
   top: 0;
   left: 0;
 }
 
+/* stylelint-disable-next-line @project-tools/stylelint-atomic, selector-max-universal */
+
 .AspectRatio--mode-stretch > * {
   width: 100%;
   height: 100%;
 }
 
+/* stylelint-disable-next-line @project-tools/stylelint-atomic, selector-max-type */
+
 .AspectRatio--mode-stretch > img,
 .AspectRatio--mode-stretch > video {
   object-fit: cover;

package/dist/cssm/components/Avatar/Avatar.d.ts

@@ -53,3 +53,4 @@ export declare const Avatar: {
     BadgeWithPreset: ({ preset, className, ...restProps }: AvatarBadgeWithPresetProps) => React.JSX.Element;
     Overlay: ({ className, theme: themeProp, visibility: visibilityProp, children, onClick, ...restProps }: ImageBaseOverlayProps) => React.JSX.Element;
 };
+//# sourceMappingURL=Avatar.d.ts.map

package/dist/cssm/components/Avatar/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAa,KAAK,qBAAqB,EAAE,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACpG,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAEL,KAAK,0BAA0B,EAChC,MAAM,qCAAqC,CAAC;AAI7C,YAAY,EACV,gBAAgB,EAChB,0BAA0B,EAC1B,qBAAqB,IAAI,kBAAkB,GAC5C,CAAC;AAEF,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC,QAAA,MAAM,yBAAyB;;;;;;;CAOrB,CAAC;AAEX;;;GAGG;AACH,MAAM,MAAM,6BAA6B,GAAG,MAAM,OAAO,yBAAyB,CAAC;AAEnF,MAAM,MAAM,2BAA2B,GACnC,CAAC,OAAO,yBAAyB,CAAC,CAAC,6BAA6B,CAAC,GACjE,MAAM,CAAC;AAYX,MAAM,WAAW,WAAY,SAAQ,cAAc;IACjD;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;;;;;;;;;OAcG;IACH,aAAa,CAAC,EAAE,6BAA6B,GAAG,2BAA2B,GAAG,QAAQ,CAAC;CACxF;AAED;;GAEG;AACH,eAAO,MAAM,MAAM;yFAQhB,WAAW;;;;CA+Bb,CAAC"}

package/dist/cssm/components/Avatar/AvatarBadge/AvatarBadge.d.ts

@@ -2,3 +2,4 @@ import * as React from 'react';
 import { type ImageBaseBadgeProps } from '../../ImageBase/ImageBase';
 export type AvatarBadgeProps = ImageBaseBadgeProps;
 export declare const AvatarBadge: ({ className, ...restProps }: AvatarBadgeProps) => React.JSX.Element;
+//# sourceMappingURL=AvatarBadge.d.ts.map

package/dist/cssm/components/Avatar/AvatarBadge/AvatarBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarBadge.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatar/AvatarBadge/AvatarBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAa,KAAK,mBAAmB,EAAoB,MAAM,2BAA2B,CAAC;AAGlG,MAAM,MAAM,gBAAgB,GAAG,mBAAmB,CAAC;AAEnD,eAAO,MAAM,WAAW,gCAAiC,gBAAgB,sBAYxE,CAAC"}

package/dist/cssm/components/Avatar/AvatarBadge/AvatarBadgeWithPreset.d.ts

@@ -9,3 +9,4 @@ export interface AvatarBadgeWithPresetProps extends Omit<ImageBaseBadgeProps, 'b
     preset?: 'online' | 'online-mobile';
 }
 export declare const AvatarBadgeWithPreset: ({ preset, className, ...restProps }: AvatarBadgeWithPresetProps) => React.JSX.Element;
+//# sourceMappingURL=AvatarBadgeWithPreset.d.ts.map

package/dist/cssm/components/Avatar/AvatarBadge/AvatarBadgeWithPreset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarBadgeWithPreset.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatar/AvatarBadge/AvatarBadgeWithPreset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAGL,KAAK,mBAAmB,EAEzB,MAAM,2BAA2B,CAAC;AAInC,MAAM,WAAW,0BACf,SAAQ,IAAI,CAAC,mBAAmB,EAAE,YAAY,GAAG,UAAU,CAAC;IAC5D;;;;OAIG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,eAAe,CAAC;CACrC;AAED,eAAO,MAAM,qBAAqB,wCAI/B,0BAA0B,sBAkB5B,CAAC"}

package/dist/cssm/components/Avatar/AvatarBadge/icons.d.ts

@@ -2,3 +2,4 @@ import * as React from 'react';
 import { Icon12Circle as Icon12CircleLib, Icon12OnlineMobile as Icon12OnlineMobileLib } from '@vkontakte/icons';
 export declare const Icon12Circle: ({ width, height, ...restProps }: React.ComponentProps<typeof Icon12CircleLib>) => React.JSX.Element;
 export declare const Icon12OnlineMobile: ({ width, height, ...restProps }: React.ComponentProps<typeof Icon12OnlineMobileLib>) => React.JSX.Element;
+//# sourceMappingURL=icons.d.ts.map

package/dist/cssm/components/Avatar/AvatarBadge/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatar/AvatarBadge/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,YAAY,IAAI,eAAe,EAC/B,kBAAkB,IAAI,qBAAqB,EAC5C,MAAM,kBAAkB,CAAC;AAE1B,eAAO,MAAM,YAAY,oCAItB,MAAM,cAAc,CAAC,sBAAsB,CAAC,sBAI9C,CAAC;AAEF,eAAO,MAAM,kBAAkB,oCAI5B,MAAM,cAAc,CAAC,4BAA4B,CAAC,sBAQpD,CAAC"}

package/dist/cssm/components/Avatar/helpers.d.ts

@@ -2,3 +2,4 @@
  * По возможности выставляем размеры по дизайн-системе. Иначе высчитываем.
  */
 export declare function getInitialsFontSize(avatarSize: number): number;
+//# sourceMappingURL=helpers.d.ts.map

package/dist/cssm/components/Avatar/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/helpers.ts"],"names":[],"mappings":"AAMA;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CA0B9D"}

package/dist/cssm/components/Badge/Badge.d.ts

@@ -7,3 +7,4 @@ export interface BadgeProps extends HTMLAttributesWithRootRef<HTMLSpanElement> {
  * @see https://vkcom.github.io/VKUI/#/Badge
  */
 export declare const Badge: ({ mode, ...restProps }: BadgeProps) => React.JSX.Element;
+//# sourceMappingURL=Badge.d.ts.map

package/dist/cssm/components/Badge/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AASxD,MAAM,WAAW,UAAW,SAAQ,yBAAyB,CAAC,eAAe,CAAC;IAC5E,IAAI,EAAE,KAAK,GAAG,WAAW,CAAC;CAC3B;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,2BAAoC,UAAU,sBAM/D,CAAC"}

package/dist/cssm/components/Banner/Banner.d.ts

@@ -74,3 +74,4 @@ export interface BannerProps extends HTMLAttributesWithRootRef<HTMLDivElement> {
  * @see https://vkcom.github.io/VKUI/#/Banner
  */
 export declare const Banner: ({ mode, imageTheme, size, before, asideMode, header, subheader, text, children, background, actions, onDismiss, dismissLabel, noPadding, ...restProps }: BannerProps) => React.JSX.Element;
+//# sourceMappingURL=Banner.d.ts.map

package/dist/cssm/components/Banner/Banner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAUxD,MAAM,WAAW,WAAY,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAC5E;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACvD;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B;;;;OAIG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;;;;;;;;;;;;OAaG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,4JAgBhB,WAAW,sBAuFb,CAAC"}

package/dist/cssm/components/Banner/Banner.module.css

@@ -29,7 +29,7 @@
   display: block;
   width: 100%;
   height: 100%;
-  border: var(--vkui_internal--thin_border) solid var(--vkui--color_image_border_alpha);
+  border: var(--vkui--size_border--regular) solid var(--vkui--color_image_border_alpha);
   border-radius: inherit;
   pointer-events: none;
   box-sizing: border-box;
@@ -64,6 +64,8 @@
   z-index: var(--vkui_internal--z_index_banner_background);
 }
 
+/* stylelint-disable-next-line @project-tools/stylelint-atomic, selector-max-universal */
+
 .Banner__bg,
 .Banner__bg > * {
   width: 100%;

package/dist/cssm/components/BaseGallery/BaseGallery.d.ts

@@ -1,3 +1,4 @@
 import * as React from 'react';
 import { BaseGalleryProps } from './types';
 export declare const BaseGallery: ({ bullets, getRootRef, children, slideWidth, slideIndex, isDraggable: isDraggableProp, onDragStart, onDragEnd, onChange, onPrevClick, onNextClick, align, showArrows, getRef, arrowSize, ...restProps }: BaseGalleryProps) => React.JSX.Element;
+//# sourceMappingURL=BaseGallery.d.ts.map

package/dist/cssm/components/BaseGallery/BaseGallery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseGallery.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseGallery/BaseGallery.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,EAAE,gBAAgB,EAAkD,MAAM,SAAS,CAAC;AA2B3F,eAAO,MAAM,WAAW,4MAiBrB,gBAAgB,sBAsUlB,CAAC"}

package/dist/cssm/components/BaseGallery/BaseGallery.js

@@ -178,6 +178,7 @@ export const BaseGallery = ({ bullets = false, getRootRef, children, slideWidth
         return targetIndex;
     };
     const onStart = (e)=>{
+        e.originalEvent.stopPropagation();
         onDragStart?.(e);
         setShiftState((prevState)=>({
                 ...prevState,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/BaseGallery/BaseGallery.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityHasPointer } from '../../hooks/useAdaptivityHasPointer';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { useDOM } from '../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { ScrollArrow } from '../ScrollArrow/ScrollArrow';\nimport { Touch, TouchEvent } from '../Touch/Touch';\nimport { calcMax, calcMin } from './helpers';\nimport { BaseGalleryProps, GallerySlidesState, LayoutState, ShiftingState } from './types';\nimport styles from './BaseGallery.module.css';\n\nconst ANIMATION_DURATION = 0.24;\n\nconst LAYOUT_DEFAULT_STATE = {\n  containerWidth: 0,\n  viewportOffsetWidth: 0,\n  layerWidth: 0,\n  min: 0,\n  max: 0,\n  slides: [],\n  isFullyVisible: true,\n};\n\nconst SHIFT_DEFAULT_STATE = {\n  animation: undefined,\n  shiftX: 0,\n  dragging: false,\n  deltaX: 0,\n  indent: 0,\n};\n\nconst stylesBullets = {\n  dark: styles['BaseGallery__bullets--dark'],\n  light: styles['BaseGallery__bullets--light'],\n};\nexport const BaseGallery = ({\n  bullets = false,\n  getRootRef,\n  children,\n  slideWidth = '100%',\n  slideIndex = 0,\n  isDraggable: isDraggableProp = true,\n  onDragStart,\n  onDragEnd,\n  onChange,\n  onPrevClick,\n  onNextClick,\n  align = 'left',\n  showArrows,\n  getRef,\n  arrowSize = 'l',\n  ...restProps\n}: BaseGalleryProps) => {\n  const slidesStore = React.useRef<Record<string, HTMLDivElement | null>>({});\n  const layoutState = React.useRef<LayoutState>(LAYOUT_DEFAULT_STATE);\n  const [shiftState, setShiftState] = React.useState<ShiftingState>(SHIFT_DEFAULT_STATE);\n\n  const rootRef = useExternRef(getRootRef);\n  const viewportRef = useExternRef(getRef);\n\n  const { window } = useDOM();\n  const hasPointer = useAdaptivityHasPointer();\n\n  const isCenterWithCustomWidth = slideWidth === 'custom' && align === 'center';\n\n  const validateIndent = (value: number) => {\n    const localMax = layoutState.current.max ?? 0;\n    const localMin = layoutState.current.min ?? 0;\n\n    if (value < localMin) {\n      return localMin;\n    } else if (value > localMax) {\n      return localMax;\n    }\n\n    return value;\n  };\n\n  /*\n   * Считает отступ слоя галереи\n   */\n  const calculateIndent = (targetIndex: number) => {\n    if (layoutState.current.isFullyVisible) {\n      return 0;\n    }\n\n    const targetSlide = layoutState.current.slides?.length\n      ? layoutState.current.slides[targetIndex]\n      : null;\n\n    if (targetSlide) {\n      const { coordX, width } = targetSlide;\n\n      if (isCenterWithCustomWidth) {\n        const viewportWidth = layoutState.current.viewportOffsetWidth ?? 0;\n        return viewportWidth / 2 - coordX - width / 2;\n      }\n\n      return validateIndent(-1 * coordX);\n    }\n\n    return 0;\n  };\n\n  /*\n   * Считает отступ слоя галереи во время драга\n   */\n  const calculateDragIndent = () => {\n    const localMax = layoutState.current.max ?? 0;\n    const localMin = layoutState.current.min ?? 0;\n    const indent = shiftState.shiftX + shiftState.deltaX;\n\n    if (indent > localMax) {\n      return localMax + Number((indent - localMax) / 3);\n    } else if (indent < localMin) {\n      return localMin + Number((indent - localMin) / 3);\n    }\n\n    return indent;\n  };\n\n  const initializeSlides = (options: { animation?: boolean } = {}) => {\n    const localSlides =\n      React.Children.map(children, (_item: React.ReactNode, i: number): GallerySlidesState => {\n        const elem = slidesStore.current[`slide-${i}`];\n        return {\n          coordX: elem?.offsetLeft ?? 0,\n          width: elem?.offsetWidth ?? 0,\n        };\n      }) ?? [];\n\n    const localContainerWidth = rootRef.current?.offsetWidth ?? 0;\n    const localViewportOffsetWidth = viewportRef.current?.offsetWidth ?? 0;\n    const localLayerWidth = localSlides.reduce(\n      (val: number, slide: GallerySlidesState) => slide.width + val,\n      0,\n    );\n    const adjustShiftX =\n      localSlides.length <= layoutState.current.slides.length ||\n      layoutState.current.slides[slideIndex]?.coordX !== localSlides[slideIndex]?.coordX;\n\n    layoutState.current = {\n      containerWidth: localContainerWidth,\n      viewportOffsetWidth: localViewportOffsetWidth,\n      layerWidth: localLayerWidth,\n      max: calcMax({\n        slides: localSlides,\n        viewportOffsetWidth: localViewportOffsetWidth,\n        isCenterWithCustomWidth,\n      }),\n      min: calcMin({\n        containerWidth: localContainerWidth,\n        layerWidth: localLayerWidth,\n        slides: localSlides,\n        viewportOffsetWidth: localViewportOffsetWidth,\n        isCenterWithCustomWidth,\n        align,\n      }),\n      slides: localSlides,\n      isFullyVisible: localLayerWidth <= localContainerWidth,\n    };\n\n    setShiftState((prevState) => ({\n      ...prevState,\n      shiftX: adjustShiftX ? calculateIndent(slideIndex) : prevState.shiftX,\n      animation: options.animation ?? prevState.shiftX === validateIndent(prevState.shiftX),\n    }));\n  };\n\n  const onResize = () => {\n    if (shiftState.animation !== undefined) {\n      initializeSlides({ animation: false });\n    }\n  };\n\n  useGlobalEventListener(window, 'resize', onResize);\n\n  useIsomorphicLayoutEffect(() => {\n    initializeSlides({ animation: false });\n  }, [children, align, slideWidth]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (shiftState.animation !== undefined) {\n      setShiftState((prevState) => ({\n        ...prevState,\n        animation: true,\n        deltaX: 0,\n        shiftX: calculateIndent(slideIndex ?? 0),\n      }));\n    }\n  }, [slideIndex]);\n\n  const slideLeft = (event: React.MouseEvent) => {\n    onChange?.(slideIndex - 1);\n    onPrevClick?.(event);\n  };\n\n  const slideRight = (event: React.MouseEvent) => {\n    onChange?.(slideIndex + 1);\n    onNextClick?.(event);\n  };\n\n  /*\n   * Получает индекс слайда, к которому будет осуществлен переход\n   */\n  const getTarget = (e: TouchEvent) => {\n    const expectDeltaX = (shiftState.deltaX / e.duration) * 240 * 0.6;\n    const shift =\n      shiftState.shiftX + shiftState.deltaX + expectDeltaX - (layoutState.current.max ?? 0);\n    const direction = shiftState.deltaX < 0 ? 1 : -1;\n\n    // Находим ближайшую границу слайда к текущему отступу\n    let targetIndex = layoutState.current.slides.reduce(\n      (val: number, item: GallerySlidesState, index: number) => {\n        const previousValue = Math.abs(layoutState.current.slides[val].coordX + shift);\n        const currentValue = Math.abs(item.coordX + shift);\n\n        return previousValue < currentValue ? val : index;\n      },\n      slideIndex,\n    );\n\n    if (targetIndex === slideIndex) {\n      let targetSlide = slideIndex + direction;\n\n      if (targetSlide >= 0 && targetSlide < layoutState.current.slides.length) {\n        if (Math.abs(shiftState.deltaX) > layoutState.current.slides[targetSlide].width * 0.05) {\n          targetIndex = targetSlide;\n        }\n      }\n    }\n\n    return targetIndex;\n  };\n\n  const onStart = (e: TouchEvent) => {\n    onDragStart?.(e);\n    setShiftState((prevState) => ({ ...prevState, animation: false }));\n  };\n\n  const onMoveX = (e: TouchEvent) => {\n    if (isDraggableProp && !layoutState.current.isFullyVisible) {\n      e.originalEvent.preventDefault();\n\n      if (e.isSlideX) {\n        if (shiftState.deltaX !== e.shiftX) {\n          setShiftState((prevState) => ({\n            ...prevState,\n            deltaX: e.shiftX,\n            dragging: e.isSlideX,\n          }));\n        }\n      }\n    }\n  };\n\n  const onEnd = (e: TouchEvent) => {\n    const targetIndex = e.isSlide ? getTarget(e) : slideIndex ?? 0;\n    onDragEnd?.(e, targetIndex);\n\n    const nextShiftState: Partial<ShiftingState> = {\n      animation: true,\n      dragging: false,\n      deltaX: 0,\n    };\n\n    const shiftXStick = calculateDragIndent();\n    if (targetIndex !== slideIndex) {\n      // Сохраняем сдвиг слайда в том положении, в каком его оставили после драга (fix issue #2185)\n      nextShiftState.shiftX = shiftXStick;\n    }\n\n    setShiftState((prevState) => ({ ...prevState, ...nextShiftState }));\n    if (targetIndex !== slideIndex) {\n      onChange?.(targetIndex);\n    }\n  };\n\n  const indent = shiftState.dragging ? calculateDragIndent() : shiftState.shiftX;\n\n  const layerStyle = {\n    WebkitTransform: `translateX(${indent}px)`,\n    transform: `translateX(${indent}px)`,\n    WebkitTransition: shiftState.animation\n      ? `-webkit-transform ${ANIMATION_DURATION}s cubic-bezier(.1, 0, .25, 1)`\n      : 'none',\n    transition: shiftState.animation\n      ? `transform ${ANIMATION_DURATION}s cubic-bezier(.1, 0, .25, 1)`\n      : 'none',\n  };\n\n  const setSlideRef = (slideRef: HTMLDivElement | null, slideIndex: number) => {\n    slidesStore.current[`slide-${slideIndex}`] = slideRef;\n  };\n\n  // shiftX is negative number <= 0, we can swipe back only if it is < 0\n  const canSlideLeft = !layoutState.current.isFullyVisible && shiftState.shiftX < 0;\n\n  const canSlideRight =\n    !layoutState.current.isFullyVisible &&\n    // we can't move right when gallery layer fully scrolled right, if gallery aligned by left side\n    ((align === 'left' &&\n      layoutState.current.containerWidth - shiftState.shiftX <\n        (layoutState.current.layerWidth ?? 0)) ||\n      // otherwise we need to check current slide index (align = right or align = center)\n      (align !== 'left' && slideIndex < layoutState.current.slides.length - 1));\n\n  const isDraggable = isDraggableProp && !layoutState.current.isFullyVisible;\n\n  return (\n    <RootComponent\n      {...restProps}\n      baseClassName={classNames(\n        styles['BaseGallery'],\n        align === 'center' && styles['BaseGallery--align-center'],\n        slideWidth === 'custom' && styles['BaseGallery--custom-width'],\n        isDraggable && styles['BaseGallery--draggable'],\n      )}\n      getRootRef={rootRef}\n    >\n      <Touch\n        className={styles['BaseGallery__viewport']}\n        onStartX={onStart}\n        onMoveX={onMoveX}\n        onEnd={onEnd}\n        style={{ width: slideWidth === 'custom' ? '100%' : slideWidth }}\n        getRootRef={viewportRef}\n        noSlideClick\n      >\n        <div className={styles['BaseGallery__layer']} style={layerStyle}>\n          {React.Children.map(children, (item: React.ReactNode, i: number) => (\n            <div\n              className={styles['BaseGallery__slide']}\n              key={`slide-${i}`}\n              ref={(el) => setSlideRef(el, i)}\n            >\n              {item}\n            </div>\n          ))}\n        </div>\n      </Touch>\n\n      {bullets && (\n        <div\n          aria-hidden\n          className={classNames(styles['BaseGallery__bullets'], stylesBullets[bullets])}\n        >\n          {React.Children.map(children, (_item: React.ReactNode, index: number) => (\n            <div\n              className={classNames(\n                styles['BaseGallery__bullet'],\n                index === slideIndex && styles['BaseGallery__bullet--active'],\n              )}\n              key={index}\n            />\n          ))}\n        </div>\n      )}\n\n      {showArrows && hasPointer && canSlideLeft && (\n        <ScrollArrow\n          className={styles['BaseGallery__arrow']}\n          direction=\"left\"\n          onClick={slideLeft}\n          size={arrowSize}\n        />\n      )}\n      {showArrows && hasPointer && canSlideRight && (\n        <ScrollArrow\n          className={styles['BaseGallery__arrow']}\n          direction=\"right\"\n          onClick={slideRight}\n          size={arrowSize}\n        />\n      )}\n    </RootComponent>\n  );\n};\n"],"names":["React","classNames","useAdaptivityHasPointer","useExternRef","useGlobalEventListener","useDOM","useIsomorphicLayoutEffect","RootComponent","ScrollArrow","Touch","calcMax","calcMin","styles","ANIMATION_DURATION","LAYOUT_DEFAULT_STATE","containerWidth","viewportOffsetWidth","layerWidth","min","max","slides","isFullyVisible","SHIFT_DEFAULT_STATE","animation","undefined","shiftX","dragging","deltaX","indent","stylesBullets","dark","light","BaseGallery","bullets","getRootRef","children","slideWidth","slideIndex","isDraggable","isDraggableProp","onDragStart","onDragEnd","onChange","onPrevClick","onNextClick","align","showArrows","getRef","arrowSize","restProps","slidesStore","useRef","layoutState","shiftState","setShiftState","useState","rootRef","viewportRef","window","hasPointer","isCenterWithCustomWidth","validateIndent","value","localMax","current","localMin","calculateIndent","targetIndex","targetSlide","length","coordX","width","viewportWidth","calculateDragIndent","Number","initializeSlides","options","localSlides","Children","map","_item","i","elem","offsetLeft","offsetWidth","localContainerWidth","localViewportOffsetWidth","localLayerWidth","reduce","val","slide","adjustShiftX","prevState","onResize","slideLeft","event","slideRight","getTarget","e","expectDeltaX","duration","shift","direction","item","index","previousValue","Math","abs","currentValue","onStart","onMoveX","originalEvent","preventDefault","isSlideX","onEnd","isSlide","nextShiftState","shiftXStick","layerStyle","WebkitTransform","transform","WebkitTransition","transition","setSlideRef","slideRef","canSlideLeft","canSlideRight","baseClassName","className","onStartX","style","noSlideClick","div","key","ref","el","aria-hidden","onClick","size"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/BaseGallery/BaseGallery.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityHasPointer } from '../../hooks/useAdaptivityHasPointer';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { useDOM } from '../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { ScrollArrow } from '../ScrollArrow/ScrollArrow';\nimport { Touch, TouchEvent } from '../Touch/Touch';\nimport { calcMax, calcMin } from './helpers';\nimport { BaseGalleryProps, GallerySlidesState, LayoutState, ShiftingState } from './types';\nimport styles from './BaseGallery.module.css';\n\nconst ANIMATION_DURATION = 0.24;\n\nconst LAYOUT_DEFAULT_STATE = {\n  containerWidth: 0,\n  viewportOffsetWidth: 0,\n  layerWidth: 0,\n  min: 0,\n  max: 0,\n  slides: [],\n  isFullyVisible: true,\n};\n\nconst SHIFT_DEFAULT_STATE = {\n  animation: undefined,\n  shiftX: 0,\n  dragging: false,\n  deltaX: 0,\n  indent: 0,\n};\n\nconst stylesBullets = {\n  dark: styles['BaseGallery__bullets--dark'],\n  light: styles['BaseGallery__bullets--light'],\n};\nexport const BaseGallery = ({\n  bullets = false,\n  getRootRef,\n  children,\n  slideWidth = '100%',\n  slideIndex = 0,\n  isDraggable: isDraggableProp = true,\n  onDragStart,\n  onDragEnd,\n  onChange,\n  onPrevClick,\n  onNextClick,\n  align = 'left',\n  showArrows,\n  getRef,\n  arrowSize = 'l',\n  ...restProps\n}: BaseGalleryProps) => {\n  const slidesStore = React.useRef<Record<string, HTMLDivElement | null>>({});\n  const layoutState = React.useRef<LayoutState>(LAYOUT_DEFAULT_STATE);\n  const [shiftState, setShiftState] = React.useState<ShiftingState>(SHIFT_DEFAULT_STATE);\n\n  const rootRef = useExternRef(getRootRef);\n  const viewportRef = useExternRef(getRef);\n\n  const { window } = useDOM();\n  const hasPointer = useAdaptivityHasPointer();\n\n  const isCenterWithCustomWidth = slideWidth === 'custom' && align === 'center';\n\n  const validateIndent = (value: number) => {\n    const localMax = layoutState.current.max ?? 0;\n    const localMin = layoutState.current.min ?? 0;\n\n    if (value < localMin) {\n      return localMin;\n    } else if (value > localMax) {\n      return localMax;\n    }\n\n    return value;\n  };\n\n  /*\n   * Считает отступ слоя галереи\n   */\n  const calculateIndent = (targetIndex: number) => {\n    if (layoutState.current.isFullyVisible) {\n      return 0;\n    }\n\n    const targetSlide = layoutState.current.slides?.length\n      ? layoutState.current.slides[targetIndex]\n      : null;\n\n    if (targetSlide) {\n      const { coordX, width } = targetSlide;\n\n      if (isCenterWithCustomWidth) {\n        const viewportWidth = layoutState.current.viewportOffsetWidth ?? 0;\n        return viewportWidth / 2 - coordX - width / 2;\n      }\n\n      return validateIndent(-1 * coordX);\n    }\n\n    return 0;\n  };\n\n  /*\n   * Считает отступ слоя галереи во время драга\n   */\n  const calculateDragIndent = () => {\n    const localMax = layoutState.current.max ?? 0;\n    const localMin = layoutState.current.min ?? 0;\n    const indent = shiftState.shiftX + shiftState.deltaX;\n\n    if (indent > localMax) {\n      return localMax + Number((indent - localMax) / 3);\n    } else if (indent < localMin) {\n      return localMin + Number((indent - localMin) / 3);\n    }\n\n    return indent;\n  };\n\n  const initializeSlides = (options: { animation?: boolean } = {}) => {\n    const localSlides =\n      React.Children.map(children, (_item: React.ReactNode, i: number): GallerySlidesState => {\n        const elem = slidesStore.current[`slide-${i}`];\n        return {\n          coordX: elem?.offsetLeft ?? 0,\n          width: elem?.offsetWidth ?? 0,\n        };\n      }) ?? [];\n\n    const localContainerWidth = rootRef.current?.offsetWidth ?? 0;\n    const localViewportOffsetWidth = viewportRef.current?.offsetWidth ?? 0;\n    const localLayerWidth = localSlides.reduce(\n      (val: number, slide: GallerySlidesState) => slide.width + val,\n      0,\n    );\n    const adjustShiftX =\n      localSlides.length <= layoutState.current.slides.length ||\n      layoutState.current.slides[slideIndex]?.coordX !== localSlides[slideIndex]?.coordX;\n\n    layoutState.current = {\n      containerWidth: localContainerWidth,\n      viewportOffsetWidth: localViewportOffsetWidth,\n      layerWidth: localLayerWidth,\n      max: calcMax({\n        slides: localSlides,\n        viewportOffsetWidth: localViewportOffsetWidth,\n        isCenterWithCustomWidth,\n      }),\n      min: calcMin({\n        containerWidth: localContainerWidth,\n        layerWidth: localLayerWidth,\n        slides: localSlides,\n        viewportOffsetWidth: localViewportOffsetWidth,\n        isCenterWithCustomWidth,\n        align,\n      }),\n      slides: localSlides,\n      isFullyVisible: localLayerWidth <= localContainerWidth,\n    };\n\n    setShiftState((prevState) => ({\n      ...prevState,\n      shiftX: adjustShiftX ? calculateIndent(slideIndex) : prevState.shiftX,\n      animation: options.animation ?? prevState.shiftX === validateIndent(prevState.shiftX),\n    }));\n  };\n\n  const onResize = () => {\n    if (shiftState.animation !== undefined) {\n      initializeSlides({ animation: false });\n    }\n  };\n\n  useGlobalEventListener(window, 'resize', onResize);\n\n  useIsomorphicLayoutEffect(() => {\n    initializeSlides({ animation: false });\n  }, [children, align, slideWidth]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (shiftState.animation !== undefined) {\n      setShiftState((prevState) => ({\n        ...prevState,\n        animation: true,\n        deltaX: 0,\n        shiftX: calculateIndent(slideIndex ?? 0),\n      }));\n    }\n  }, [slideIndex]);\n\n  const slideLeft = (event: React.MouseEvent) => {\n    onChange?.(slideIndex - 1);\n    onPrevClick?.(event);\n  };\n\n  const slideRight = (event: React.MouseEvent) => {\n    onChange?.(slideIndex + 1);\n    onNextClick?.(event);\n  };\n\n  /*\n   * Получает индекс слайда, к которому будет осуществлен переход\n   */\n  const getTarget = (e: TouchEvent) => {\n    const expectDeltaX = (shiftState.deltaX / e.duration) * 240 * 0.6;\n    const shift =\n      shiftState.shiftX + shiftState.deltaX + expectDeltaX - (layoutState.current.max ?? 0);\n    const direction = shiftState.deltaX < 0 ? 1 : -1;\n\n    // Находим ближайшую границу слайда к текущему отступу\n    let targetIndex = layoutState.current.slides.reduce(\n      (val: number, item: GallerySlidesState, index: number) => {\n        const previousValue = Math.abs(layoutState.current.slides[val].coordX + shift);\n        const currentValue = Math.abs(item.coordX + shift);\n\n        return previousValue < currentValue ? val : index;\n      },\n      slideIndex,\n    );\n\n    if (targetIndex === slideIndex) {\n      let targetSlide = slideIndex + direction;\n\n      if (targetSlide >= 0 && targetSlide < layoutState.current.slides.length) {\n        if (Math.abs(shiftState.deltaX) > layoutState.current.slides[targetSlide].width * 0.05) {\n          targetIndex = targetSlide;\n        }\n      }\n    }\n\n    return targetIndex;\n  };\n\n  const onStart = (e: TouchEvent) => {\n    e.originalEvent.stopPropagation();\n    onDragStart?.(e);\n    setShiftState((prevState) => ({ ...prevState, animation: false }));\n  };\n\n  const onMoveX = (e: TouchEvent) => {\n    if (isDraggableProp && !layoutState.current.isFullyVisible) {\n      e.originalEvent.preventDefault();\n\n      if (e.isSlideX) {\n        if (shiftState.deltaX !== e.shiftX) {\n          setShiftState((prevState) => ({\n            ...prevState,\n            deltaX: e.shiftX,\n            dragging: e.isSlideX,\n          }));\n        }\n      }\n    }\n  };\n\n  const onEnd = (e: TouchEvent) => {\n    const targetIndex = e.isSlide ? getTarget(e) : slideIndex ?? 0;\n    onDragEnd?.(e, targetIndex);\n\n    const nextShiftState: Partial<ShiftingState> = {\n      animation: true,\n      dragging: false,\n      deltaX: 0,\n    };\n\n    const shiftXStick = calculateDragIndent();\n    if (targetIndex !== slideIndex) {\n      // Сохраняем сдвиг слайда в том положении, в каком его оставили после драга (fix issue #2185)\n      nextShiftState.shiftX = shiftXStick;\n    }\n\n    setShiftState((prevState) => ({ ...prevState, ...nextShiftState }));\n    if (targetIndex !== slideIndex) {\n      onChange?.(targetIndex);\n    }\n  };\n\n  const indent = shiftState.dragging ? calculateDragIndent() : shiftState.shiftX;\n\n  const layerStyle = {\n    WebkitTransform: `translateX(${indent}px)`,\n    transform: `translateX(${indent}px)`,\n    WebkitTransition: shiftState.animation\n      ? `-webkit-transform ${ANIMATION_DURATION}s cubic-bezier(.1, 0, .25, 1)`\n      : 'none',\n    transition: shiftState.animation\n      ? `transform ${ANIMATION_DURATION}s cubic-bezier(.1, 0, .25, 1)`\n      : 'none',\n  };\n\n  const setSlideRef = (slideRef: HTMLDivElement | null, slideIndex: number) => {\n    slidesStore.current[`slide-${slideIndex}`] = slideRef;\n  };\n\n  // shiftX is negative number <= 0, we can swipe back only if it is < 0\n  const canSlideLeft = !layoutState.current.isFullyVisible && shiftState.shiftX < 0;\n\n  const canSlideRight =\n    !layoutState.current.isFullyVisible &&\n    // we can't move right when gallery layer fully scrolled right, if gallery aligned by left side\n    ((align === 'left' &&\n      layoutState.current.containerWidth - shiftState.shiftX <\n        (layoutState.current.layerWidth ?? 0)) ||\n      // otherwise we need to check current slide index (align = right or align = center)\n      (align !== 'left' && slideIndex < layoutState.current.slides.length - 1));\n\n  const isDraggable = isDraggableProp && !layoutState.current.isFullyVisible;\n\n  return (\n    <RootComponent\n      {...restProps}\n      baseClassName={classNames(\n        styles['BaseGallery'],\n        align === 'center' && styles['BaseGallery--align-center'],\n        slideWidth === 'custom' && styles['BaseGallery--custom-width'],\n        isDraggable && styles['BaseGallery--draggable'],\n      )}\n      getRootRef={rootRef}\n    >\n      <Touch\n        className={styles['BaseGallery__viewport']}\n        onStartX={onStart}\n        onMoveX={onMoveX}\n        onEnd={onEnd}\n        style={{ width: slideWidth === 'custom' ? '100%' : slideWidth }}\n        getRootRef={viewportRef}\n        noSlideClick\n      >\n        <div className={styles['BaseGallery__layer']} style={layerStyle}>\n          {React.Children.map(children, (item: React.ReactNode, i: number) => (\n            <div\n              className={styles['BaseGallery__slide']}\n              key={`slide-${i}`}\n              ref={(el) => setSlideRef(el, i)}\n            >\n              {item}\n            </div>\n          ))}\n        </div>\n      </Touch>\n\n      {bullets && (\n        <div\n          aria-hidden\n          className={classNames(styles['BaseGallery__bullets'], stylesBullets[bullets])}\n        >\n          {React.Children.map(children, (_item: React.ReactNode, index: number) => (\n            <div\n              className={classNames(\n                styles['BaseGallery__bullet'],\n                index === slideIndex && styles['BaseGallery__bullet--active'],\n              )}\n              key={index}\n            />\n          ))}\n        </div>\n      )}\n\n      {showArrows && hasPointer && canSlideLeft && (\n        <ScrollArrow\n          className={styles['BaseGallery__arrow']}\n          direction=\"left\"\n          onClick={slideLeft}\n          size={arrowSize}\n        />\n      )}\n      {showArrows && hasPointer && canSlideRight && (\n        <ScrollArrow\n          className={styles['BaseGallery__arrow']}\n          direction=\"right\"\n          onClick={slideRight}\n          size={arrowSize}\n        />\n      )}\n    </RootComponent>\n  );\n};\n"],"names":["React","classNames","useAdaptivityHasPointer","useExternRef","useGlobalEventListener","useDOM","useIsomorphicLayoutEffect","RootComponent","ScrollArrow","Touch","calcMax","calcMin","styles","ANIMATION_DURATION","LAYOUT_DEFAULT_STATE","containerWidth","viewportOffsetWidth","layerWidth","min","max","slides","isFullyVisible","SHIFT_DEFAULT_STATE","animation","undefined","shiftX","dragging","deltaX","indent","stylesBullets","dark","light","BaseGallery","bullets","getRootRef","children","slideWidth","slideIndex","isDraggable","isDraggableProp","onDragStart","onDragEnd","onChange","onPrevClick","onNextClick","align","showArrows","getRef","arrowSize","restProps","slidesStore","useRef","layoutState","shiftState","setShiftState","useState","rootRef","viewportRef","window","hasPointer","isCenterWithCustomWidth","validateIndent","value","localMax","current","localMin","calculateIndent","targetIndex","targetSlide","length","coordX","width","viewportWidth","calculateDragIndent","Number","initializeSlides","options","localSlides","Children","map","_item","i","elem","offsetLeft","offsetWidth","localContainerWidth","localViewportOffsetWidth","localLayerWidth","reduce","val","slide","adjustShiftX","prevState","onResize","slideLeft","event","slideRight","getTarget","e","expectDeltaX","duration","shift","direction","item","index","previousValue","Math","abs","currentValue","onStart","originalEvent","stopPropagation","onMoveX","preventDefault","isSlideX","onEnd","isSlide","nextShiftState","shiftXStick","layerStyle","WebkitTransform","transform","WebkitTransition","transition","setSlideRef","slideRef","canSlideLeft","canSlideRight","baseClassName","className","onStartX","style","noSlideClick","div","key","ref","el","aria-hidden","onClick","size"],"mappings":"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"}