@vkontakte/vkui 6.2.2 → 6.3.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon20Cancel } from '@vkontakte/icons';\nimport { classNames, hasReactNode, noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useCSSKeyframesAnimationController } from '../../lib/animation';\nimport { stopPropagation } from '../../lib/utils';\nimport { AlignType, AnchorHTMLAttributesOnly, HasDataAttribute, HasRootRef } 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  /**\n   * Обработчик клика на опцию. Если свойство `autoCloseDisabled` включено,\n   * то в аргументы `action` передаётся объект с функцией close,\n   * вызвав которую можно закрыть `action` вручную.\n   */\n  action?: (args?: { close?: VoidFunction }) => void;\n  /**\n   * По умолчанию клик на опцию вызывает переданную в `Alert` функцию `onClose`, данное свойство\n   * позволяет отключить такое поведение\n   */\n  autoCloseDisabled?: boolean;\n  mode: AlertActionMode;\n}\n\nexport interface AlertProps extends React.HTMLAttributes<HTMLElement>, HasRootRef<HTMLDivElement> {\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   */\n  dismissLabel?: string;\n  /**\n   * Расположение кнопки закрытия (внутри и вне `popout'a`)\n   * Доступно только в `compact`-режиме, не отображается на `iOS`\n   */\n  dismissButtonMode?: 'inside' | 'outside';\n  /**\n   * `data-testid` для кнопки закрытия\n   */\n  dismissButtonTestId?: 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  dismissButtonMode = 'outside',\n  dismissButtonTestId,\n  getRootRef,\n  ...restProps\n}: AlertProps) => {\n  const generatedId = React.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\n  const [closing, setClosing] = React.useState(false);\n  const itemActionCallbackRef = React.useRef(noop);\n  const [animationState, animationHandlers] = useCSSKeyframesAnimationController(\n    closing ? 'exit' : 'enter',\n    {\n      onExited() {\n        onClose();\n        itemActionCallbackRef.current();\n        itemActionCallbackRef.current = noop;\n      },\n    },\n  );\n  const isDismissButtonVisible = isDesktop && platform !== 'ios';\n  const elementRef = React.useRef<HTMLDivElement>(null);\n\n  const close = React.useCallback(() => {\n    setClosing(true);\n  }, []);\n\n  const onItemClick = React.useCallback(\n    (item: AlertActionInterface) => {\n      const { action: itemAction, autoCloseDisabled = false } = item;\n\n      if (autoCloseDisabled) {\n        itemAction && itemAction({ close });\n      } else {\n        if (itemAction) {\n          itemActionCallbackRef.current = itemAction;\n        }\n        setClosing(true);\n      }\n    },\n    [close],\n  );\n\n  useScrollLock();\n\n  return (\n    <PopoutWrapper\n      className={className}\n      closing={closing}\n      style={style}\n      onClick={close}\n      getRootRef={getRootRef}\n    >\n      <FocusTrap\n        {...restProps}\n        {...animationHandlers}\n        getRootRef={elementRef}\n        onClick={stopPropagation}\n        onClose={close}\n        autoFocus={animationState === 'entered'}\n        className={classNames(\n          styles['Alert'],\n          platform === 'ios' && styles['Alert--ios'],\n          platform === 'vkcom' && styles['Alert--vkcom'],\n          closing ? styles['Alert--closing'] : styles['Alert--opening'],\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              label={dismissLabel}\n              className={classNames(styles['Alert__dismiss'], 'vkuiInternalAlert__dismiss')}\n              onClick={close}\n              hoverMode=\"opacity\"\n              activeMode=\"opacity\"\n              data-testid={dismissButtonTestId}\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} data-testid={dismissButtonTestId}>\n            {dismissLabel}\n          </ModalDismissButton>\n        )}\n      </FocusTrap>\n    </PopoutWrapper>\n  );\n};\n"],"names":["Alert","actions","actionsLayout","children","className","style","text","header","onClose","dismissLabel","renderAction","actionsAlign","dismissButtonMode","dismissButtonTestId","getRootRef","restProps","generatedId","React","useId","headerId","textId","platform","usePlatform","isDesktop","useAdaptivityWithJSMediaQueries","closing","setClosing","useState","itemActionCallbackRef","useRef","noop","animationState","animationHandlers","useCSSKeyframesAnimationController","onExited","current","isDismissButtonVisible","elementRef","close","useCallback","onItemClick","item","action","itemAction","autoCloseDisabled","useScrollLock","PopoutWrapper","onClick","FocusTrap","stopPropagation","autoFocus","classNames","role","aria-modal","aria-labelledby","aria-describedby","div","hasReactNode","AlertHeader","id","AlertText","IconButton","label","hoverMode","activeMode","data-testid","Icon20Cancel","AlertActions","ModalDismissButton"],"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, noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useCSSKeyframesAnimationController } from '../../lib/animation';\nimport { stopPropagation } from '../../lib/utils';\nimport { AlignType, AnchorHTMLAttributesOnly, HasDataAttribute, HasRootRef } 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  /**\n   * Обработчик клика на опцию. Если свойство `autoCloseDisabled` включено,\n   * то в аргументы `action` передаётся объект с функцией close,\n   * вызвав которую можно закрыть `action` вручную.\n   */\n  action?: (args?: { close?: VoidFunction }) => void;\n  /**\n   * По умолчанию клик на опцию вызывает переданную в `Alert` функцию `onClose`, данное свойство\n   * позволяет отключить такое поведение\n   */\n  autoCloseDisabled?: boolean;\n  mode: AlertActionMode;\n}\n\nexport interface AlertProps extends React.HTMLAttributes<HTMLElement>, HasRootRef<HTMLDivElement> {\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   */\n  dismissLabel?: string;\n  /**\n   * Расположение кнопки закрытия (внутри и вне `popout'a`)\n   * Доступно только в `compact`-режиме, не отображается на `iOS`\n   */\n  dismissButtonMode?: 'inside' | 'outside';\n  /**\n   * `data-testid` для кнопки закрытия\n   */\n  dismissButtonTestId?: 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  dismissButtonMode = 'outside',\n  dismissButtonTestId,\n  getRootRef,\n  ...restProps\n}: AlertProps): React.ReactNode => {\n  const generatedId = React.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\n  const [closing, setClosing] = React.useState(false);\n  const itemActionCallbackRef = React.useRef(noop);\n  const [animationState, animationHandlers] = useCSSKeyframesAnimationController(\n    closing ? 'exit' : 'enter',\n    {\n      onExited() {\n        onClose();\n        itemActionCallbackRef.current();\n        itemActionCallbackRef.current = noop;\n      },\n    },\n  );\n  const isDismissButtonVisible = isDesktop && platform !== 'ios';\n  const elementRef = React.useRef<HTMLDivElement>(null);\n\n  const close = React.useCallback(() => {\n    setClosing(true);\n  }, []);\n\n  const onItemClick = React.useCallback(\n    (item: AlertActionInterface) => {\n      const { action: itemAction, autoCloseDisabled = false } = item;\n\n      if (autoCloseDisabled) {\n        itemAction && itemAction({ close });\n      } else {\n        if (itemAction) {\n          itemActionCallbackRef.current = itemAction;\n        }\n        setClosing(true);\n      }\n    },\n    [close],\n  );\n\n  useScrollLock();\n\n  return (\n    <PopoutWrapper\n      className={className}\n      closing={closing}\n      style={style}\n      onClick={close}\n      getRootRef={getRootRef}\n    >\n      <FocusTrap\n        {...restProps}\n        {...animationHandlers}\n        getRootRef={elementRef}\n        onClick={stopPropagation}\n        onClose={close}\n        autoFocus={animationState === 'entered'}\n        className={classNames(\n          styles['Alert'],\n          platform === 'ios' && styles['Alert--ios'],\n          platform === 'vkcom' && styles['Alert--vkcom'],\n          closing ? styles['Alert--closing'] : styles['Alert--opening'],\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              label={dismissLabel}\n              className={classNames(styles['Alert__dismiss'], 'vkuiInternalAlert__dismiss')}\n              onClick={close}\n              hoverMode=\"opacity\"\n              activeMode=\"opacity\"\n              data-testid={dismissButtonTestId}\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} data-testid={dismissButtonTestId}>\n            {dismissLabel}\n          </ModalDismissButton>\n        )}\n      </FocusTrap>\n    </PopoutWrapper>\n  );\n};\n"],"names":["Alert","actions","actionsLayout","children","className","style","text","header","onClose","dismissLabel","renderAction","actionsAlign","dismissButtonMode","dismissButtonTestId","getRootRef","restProps","generatedId","React","useId","headerId","textId","platform","usePlatform","isDesktop","useAdaptivityWithJSMediaQueries","closing","setClosing","useState","itemActionCallbackRef","useRef","noop","animationState","animationHandlers","useCSSKeyframesAnimationController","onExited","current","isDismissButtonVisible","elementRef","close","useCallback","onItemClick","item","action","itemAction","autoCloseDisabled","useScrollLock","PopoutWrapper","onClick","FocusTrap","stopPropagation","autoFocus","classNames","role","aria-modal","aria-labelledby","aria-describedby","div","hasReactNode","AlertHeader","id","AlertText","IconButton","label","hoverMode","activeMode","data-testid","Icon20Cancel","AlertActions","ModalDismissButton"],"mappings":"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"}

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

@@ -5,5 +5,5 @@ export interface AlertActionProps extends Pick<AlertActionInterface, 'Component'
     children: string;
     onClick: React.MouseEventHandler<HTMLElement>;
 }
-export declare const AlertAction: (props: AlertActionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AlertAction: (props: AlertActionProps) => React.ReactNode;
 //# sourceMappingURL=AlertAction.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AlertAction.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/AlertAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/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,4CAQlD,CAAC"}
+{"version":3,"file":"AlertAction.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/AlertAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/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,KAAG,KAAK,CAAC,SAQ3D,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Alert/AlertAction.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { AnchorHTMLAttributesOnly } from '../../types';\nimport { Button, ButtonProps } from '../Button/Button';\nimport { Tappable } from '../Tappable/Tappable';\nimport { AlertActionInterface } from './Alert';\nimport styles from './Alert.module.css';\n\nexport interface AlertActionProps\n  extends Pick<AlertActionInterface, 'Component' | 'mode'>,\n    AnchorHTMLAttributesOnly {\n  children: string;\n  onClick: React.MouseEventHandler<HTMLElement>;\n}\n\nconst AlertActionIos = ({ mode, ...restProps }: AlertActionProps) => {\n  return (\n    <Tappable\n      Component={restProps.href ? 'a' : 'button'}\n      className={classNames(\n        styles['Alert__action'],\n        mode === 'destructive' && styles['Alert__action--mode-destructive'],\n        mode === 'cancel' && styles['Alert__action--mode-cancel'],\n      )}\n      {...restProps}\n    />\n  );\n};\n\nconst AlertActionBase = ({ mode, ...restProps }: AlertActionProps) => {\n  const platform = usePlatform();\n\n  let buttonMode: ButtonProps['mode'] = 'tertiary';\n\n  if (platform === 'vkcom') {\n    buttonMode = mode === 'cancel' ? 'secondary' : 'primary';\n  }\n\n  return (\n    <Button\n      className={classNames(\n        styles['Alert__button'],\n        mode === 'cancel' && styles['Alert__button--mode-cancel'],\n      )}\n      mode={buttonMode}\n      size=\"m\"\n      {...restProps}\n    />\n  );\n};\n\nexport const AlertAction = (props: AlertActionProps) => {\n  const platform = usePlatform();\n\n  if (platform === 'ios') {\n    return <AlertActionIos {...props} />;\n  }\n\n  return <AlertActionBase {...props} />;\n};\n"],"names":["AlertAction","AlertActionIos","mode","restProps","Tappable","Component","href","className","classNames","AlertActionBase","platform","usePlatform","buttonMode","Button","size","props"],"mappings":";;;;+BAoDaA;;;eAAAA;;;;;;;iEApDU;sBACI;6BACC;wBAEQ;0BACX;AAWzB,MAAMC,iBAAiB;QAAC,EAAEC,IAAI,EAAkC,WAA7BC;QAATD;;IACxB,qBACE,qBAACE,kBAAQ;QACPC,WAAWF,UAAUG,IAAI,GAAG,MAAM;QAClCC,WAAWC,IAAAA,gBAAU,uBAEnBN,SAAS,wDACTA,SAAS;OAEPC;AAGV;AAEA,MAAMM,kBAAkB;QAAC,EAAEP,IAAI,EAAkC,WAA7BC;QAATD;;IACzB,MAAMQ,WAAWC,IAAAA,wBAAW;IAE5B,IAAIC,aAAkC;IAEtC,IAAIF,aAAa,SAAS;QACxBE,aAAaV,SAAS,WAAW,cAAc;IACjD;IAEA,qBACE,qBAACW,cAAM;QACLN,WAAWC,IAAAA,gBAAU,uBAEnBN,SAAS;QAEXA,MAAMU;QACNE,MAAK;OACDX;AAGV;AAEO,MAAMH,cAAc,CAACe;IAC1B,MAAML,WAAWC,IAAAA,wBAAW;IAE5B,IAAID,aAAa,OAAO;QACtB,qBAAO,qBAACT,qCAAmBc;IAC7B;IAEA,qBAAO,qBAACN,sCAAoBM;AAC9B"}
+{"version":3,"sources":["../../../../src/components/Alert/AlertAction.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { AnchorHTMLAttributesOnly } from '../../types';\nimport { Button, ButtonProps } from '../Button/Button';\nimport { Tappable } from '../Tappable/Tappable';\nimport { AlertActionInterface } from './Alert';\nimport styles from './Alert.module.css';\n\nexport interface AlertActionProps\n  extends Pick<AlertActionInterface, 'Component' | 'mode'>,\n    AnchorHTMLAttributesOnly {\n  children: string;\n  onClick: React.MouseEventHandler<HTMLElement>;\n}\n\nconst AlertActionIos = ({ mode, ...restProps }: AlertActionProps) => {\n  return (\n    <Tappable\n      Component={restProps.href ? 'a' : 'button'}\n      className={classNames(\n        styles['Alert__action'],\n        mode === 'destructive' && styles['Alert__action--mode-destructive'],\n        mode === 'cancel' && styles['Alert__action--mode-cancel'],\n      )}\n      {...restProps}\n    />\n  );\n};\n\nconst AlertActionBase = ({ mode, ...restProps }: AlertActionProps) => {\n  const platform = usePlatform();\n\n  let buttonMode: ButtonProps['mode'] = 'tertiary';\n\n  if (platform === 'vkcom') {\n    buttonMode = mode === 'cancel' ? 'secondary' : 'primary';\n  }\n\n  return (\n    <Button\n      className={classNames(\n        styles['Alert__button'],\n        mode === 'cancel' && styles['Alert__button--mode-cancel'],\n      )}\n      mode={buttonMode}\n      size=\"m\"\n      {...restProps}\n    />\n  );\n};\n\nexport const AlertAction = (props: AlertActionProps): React.ReactNode => {\n  const platform = usePlatform();\n\n  if (platform === 'ios') {\n    return <AlertActionIos {...props} />;\n  }\n\n  return <AlertActionBase {...props} />;\n};\n"],"names":["AlertAction","AlertActionIos","mode","restProps","Tappable","Component","href","className","classNames","AlertActionBase","platform","usePlatform","buttonMode","Button","size","props"],"mappings":";;;;+BAoDaA;;;eAAAA;;;;;;;iEApDU;sBACI;6BACC;wBAEQ;0BACX;AAWzB,MAAMC,iBAAiB;QAAC,EAAEC,IAAI,EAAkC,WAA7BC;QAATD;;IACxB,qBACE,qBAACE,kBAAQ;QACPC,WAAWF,UAAUG,IAAI,GAAG,MAAM;QAClCC,WAAWC,IAAAA,gBAAU,uBAEnBN,SAAS,wDACTA,SAAS;OAEPC;AAGV;AAEA,MAAMM,kBAAkB;QAAC,EAAEP,IAAI,EAAkC,WAA7BC;QAATD;;IACzB,MAAMQ,WAAWC,IAAAA,wBAAW;IAE5B,IAAIC,aAAkC;IAEtC,IAAIF,aAAa,SAAS;QACxBE,aAAaV,SAAS,WAAW,cAAc;IACjD;IAEA,qBACE,qBAACW,cAAM;QACLN,WAAWC,IAAAA,gBAAU,uBAEnBN,SAAS;QAEXA,MAAMU;QACNE,MAAK;OACDX;AAGV;AAEO,MAAMH,cAAc,CAACe;IAC1B,MAAML,WAAWC,IAAAA,wBAAW;IAE5B,IAAID,aAAa,OAAO;QACtB,qBAAO,qBAACT,qCAAmBc;IAC7B;IAEA,qBAAO,qBAACN,sCAAoBM;AAC9B"}

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

@@ -1,8 +1,9 @@
+import * as React from 'react';
 import { AlertActionInterface, AlertProps } from './Alert';
 type ItemClickHandler = (item: AlertActionInterface) => void;
 interface AlertActionsProps extends Pick<AlertProps, 'actions' | 'actionsAlign' | 'renderAction' | 'actionsLayout'> {
     onItemClick: ItemClickHandler;
 }
-export declare const AlertActions: ({ actions, renderAction, onItemClick, actionsAlign, actionsLayout, }: AlertActionsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AlertActions: ({ actions, renderAction, onItemClick, actionsAlign, actionsLayout, }: AlertActionsProps) => React.ReactNode;
 export {};
 //# sourceMappingURL=AlertActions.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AlertActions.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/AlertActions.tsx"],"names":[],"mappings":"AAGA,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,4CA8BnB,CAAC"}
+{"version":3,"file":"AlertActions.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/AlertActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/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,KAAG,KAAK,CAAC,SA8B5B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Alert/AlertActions.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { AlertActionInterface, AlertProps } from './Alert';\nimport { AlertAction } from './AlertAction';\nimport styles from './Alert.module.css';\n\nconst alignStyles = {\n  left: styles['Alert__actions--align-left'],\n  center: styles['Alert__actions--align-center'],\n  right: styles['Alert__actions--align-right'],\n};\n\nconst directionStyles = {\n  vertical: styles['Alert__actions--direction-vertical'],\n  horizontal: styles['Alert__actions--direction-horizontal'],\n};\n\ntype ItemClickHandler = (item: AlertActionInterface) => void;\ninterface AlertActionsProps\n  extends Pick<AlertProps, 'actions' | 'actionsAlign' | 'renderAction' | 'actionsLayout'> {\n  onItemClick: ItemClickHandler;\n}\nexport const AlertActions = ({\n  actions = [],\n  renderAction = (props) => <AlertAction {...props} />,\n  onItemClick,\n  actionsAlign,\n  actionsLayout,\n}: AlertActionsProps) => {\n  const platform = usePlatform();\n\n  const direction: AlertProps['actionsLayout'] =\n    platform === 'vkcom' ? 'horizontal' : actionsLayout;\n\n  return (\n    <div\n      className={classNames(\n        styles['Alert__actions'],\n        actionsAlign && alignStyles[actionsAlign],\n        direction && directionStyles[direction],\n      )}\n    >\n      {actions.map((action, i) => {\n        // Убираем\n        const { title: children, action: _, autoCloseDisabled, ...restProps } = action;\n\n        return (\n          <React.Fragment key={i}>\n            {renderAction({\n              children,\n              onClick: () => onItemClick(action),\n              ...restProps,\n            })}\n          </React.Fragment>\n        );\n      })}\n    </div>\n  );\n};\n"],"names":["AlertActions","alignStyles","left","center","right","directionStyles","vertical","horizontal","actions","renderAction","props","AlertAction","onItemClick","actionsAlign","actionsLayout","platform","usePlatform","direction","div","className","classNames","map","action","i","title","children","_","autoCloseDisabled","restProps","React","Fragment","onClick"],"mappings":";;;;+BAuBaA;;;eAAAA;;;;;;;iEAvBU;sBACI;6BACC;6BAEA;AAG5B,MAAMC,cAAc;IAClBC,IAAI;IACJC,MAAM;IACNC,KAAK;AACP;AAEA,MAAMC,kBAAkB;IACtBC,QAAQ;IACRC,UAAU;AACZ;AAOO,MAAMP,eAAe,CAAC,EAC3BQ,UAAU,EAAE,EACZC,eAAe,CAACC,sBAAU,qBAACC,wBAAW,uBAAKD,OAAS,EACpDE,WAAW,EACXC,YAAY,EACZC,aAAa,EACK;IAClB,MAAMC,WAAWC,IAAAA,wBAAW;IAE5B,MAAMC,YACJF,aAAa,UAAU,eAAeD;IAExC,qBACE,qBAACI;QACCC,WAAWC,IAAAA,gBAAU,wBAEnBP,gBAAgBZ,WAAW,CAACY,aAAa,EACzCI,aAAaZ,eAAe,CAACY,UAAU;kBAGxCT,QAAQa,GAAG,CAAC,CAACC,QAAQC;YACpB,UAAU;YACV,MAAM,EAAEC,OAAOC,QAAQ,EAAEH,QAAQI,CAAC,EAAEC,iBAAiB,EAAgB,GAAGL,QAAdM,yCAAcN;gBAAhEE;gBAAiBF;gBAAWK;;YAEpC,qBACE,qBAACE,OAAMC,QAAQ;0BACZrB,aAAa;oBACZgB;oBACAM,SAAS,IAAMnB,YAAYU;mBACxBM;eAJcL;QAQzB;;AAGN"}
+{"version":3,"sources":["../../../../src/components/Alert/AlertActions.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { AlertActionInterface, AlertProps } from './Alert';\nimport { AlertAction } from './AlertAction';\nimport styles from './Alert.module.css';\n\nconst alignStyles = {\n  left: styles['Alert__actions--align-left'],\n  center: styles['Alert__actions--align-center'],\n  right: styles['Alert__actions--align-right'],\n};\n\nconst directionStyles = {\n  vertical: styles['Alert__actions--direction-vertical'],\n  horizontal: styles['Alert__actions--direction-horizontal'],\n};\n\ntype ItemClickHandler = (item: AlertActionInterface) => void;\ninterface AlertActionsProps\n  extends Pick<AlertProps, 'actions' | 'actionsAlign' | 'renderAction' | 'actionsLayout'> {\n  onItemClick: ItemClickHandler;\n}\nexport const AlertActions = ({\n  actions = [],\n  renderAction = (props) => <AlertAction {...props} />,\n  onItemClick,\n  actionsAlign,\n  actionsLayout,\n}: AlertActionsProps): React.ReactNode => {\n  const platform = usePlatform();\n\n  const direction: AlertProps['actionsLayout'] =\n    platform === 'vkcom' ? 'horizontal' : actionsLayout;\n\n  return (\n    <div\n      className={classNames(\n        styles['Alert__actions'],\n        actionsAlign && alignStyles[actionsAlign],\n        direction && directionStyles[direction],\n      )}\n    >\n      {actions.map((action, i) => {\n        // Убираем\n        const { title: children, action: _, autoCloseDisabled, ...restProps } = action;\n\n        return (\n          <React.Fragment key={i}>\n            {renderAction({\n              children,\n              onClick: () => onItemClick(action),\n              ...restProps,\n            })}\n          </React.Fragment>\n        );\n      })}\n    </div>\n  );\n};\n"],"names":["AlertActions","alignStyles","left","center","right","directionStyles","vertical","horizontal","actions","renderAction","props","AlertAction","onItemClick","actionsAlign","actionsLayout","platform","usePlatform","direction","div","className","classNames","map","action","i","title","children","_","autoCloseDisabled","restProps","React","Fragment","onClick"],"mappings":";;;;+BAuBaA;;;eAAAA;;;;;;;iEAvBU;sBACI;6BACC;6BAEA;AAG5B,MAAMC,cAAc;IAClBC,IAAI;IACJC,MAAM;IACNC,KAAK;AACP;AAEA,MAAMC,kBAAkB;IACtBC,QAAQ;IACRC,UAAU;AACZ;AAOO,MAAMP,eAAe,CAAC,EAC3BQ,UAAU,EAAE,EACZC,eAAe,CAACC,sBAAU,qBAACC,wBAAW,uBAAKD,OAAS,EACpDE,WAAW,EACXC,YAAY,EACZC,aAAa,EACK;IAClB,MAAMC,WAAWC,IAAAA,wBAAW;IAE5B,MAAMC,YACJF,aAAa,UAAU,eAAeD;IAExC,qBACE,qBAACI;QACCC,WAAWC,IAAAA,gBAAU,wBAEnBP,gBAAgBZ,WAAW,CAACY,aAAa,EACzCI,aAAaZ,eAAe,CAACY,UAAU;kBAGxCT,QAAQa,GAAG,CAAC,CAACC,QAAQC;YACpB,UAAU;YACV,MAAM,EAAEC,OAAOC,QAAQ,EAAEH,QAAQI,CAAC,EAAEC,iBAAiB,EAAgB,GAAGL,QAAdM,yCAAcN;gBAAhEE;gBAAiBF;gBAAWK;;YAEpC,qBACE,qBAACE,OAAMC,QAAQ;0BACZrB,aAAa;oBACZgB;oBACAM,SAAS,IAAMnB,YAAYU;mBACxBM;eAJcL;QAQzB;;AAGN"}

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

@@ -1,8 +1,9 @@
+import * as React from 'react';
 import { HasChildren } from '../../types';
 interface AlertTypography extends HasChildren {
     id: string;
 }
-export declare const AlertHeader: (props: AlertTypography) => import("react/jsx-runtime").JSX.Element;
-export declare const AlertText: (props: AlertTypography) => import("react/jsx-runtime").JSX.Element;
+export declare const AlertHeader: (props: AlertTypography) => React.ReactNode;
+export declare const AlertText: (props: AlertTypography) => React.ReactNode;
 export {};
 //# sourceMappingURL=AlertTypography.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AlertTypography.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/AlertTypography.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAO1C,UAAU,eAAgB,SAAQ,WAAW;IAC3C,EAAE,EAAE,MAAM,CAAC;CACZ;AACD,eAAO,MAAM,WAAW,UAAW,eAAe,4CASjD,CAAC;AACF,eAAO,MAAM,SAAS,UAAW,eAAe,4CAW/C,CAAC"}
+{"version":3,"file":"AlertTypography.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/AlertTypography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/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,KAAG,KAAK,CAAC,SAS1D,CAAC;AACF,eAAO,MAAM,SAAS,UAAW,eAAe,KAAG,KAAK,CAAC,SAWxD,CAAC"}

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

@@ -16,8 +16,10 @@ _export(exports, {
         return AlertText;
     }
 });
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _object_spread = require("@swc/helpers/_/_object_spread");
 const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _usePlatform = require("../../hooks/usePlatform");
 const _Caption = require("../Typography/Caption/Caption");
 const _Footnote = require("../Typography/Footnote/Footnote");

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Alert/AlertTypography.tsx"],"sourcesContent":["import { usePlatform } from '../../hooks/usePlatform';\nimport { HasChildren } from '../../types';\nimport { Caption } from '../Typography/Caption/Caption';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { Text } from '../Typography/Text/Text';\nimport { Title } from '../Typography/Title/Title';\nimport styles from './Alert.module.css';\n\ninterface AlertTypography extends HasChildren {\n  id: string;\n}\nexport const AlertHeader = (props: AlertTypography) => {\n  const platform = usePlatform();\n\n  switch (platform) {\n    case 'ios':\n      return <Title className={styles['Alert__header']} weight=\"1\" level=\"3\" {...props} />;\n    default:\n      return <Title className={styles['Alert__header']} weight=\"2\" level=\"2\" {...props} />;\n  }\n};\nexport const AlertText = (props: AlertTypography) => {\n  const platform = usePlatform();\n\n  switch (platform) {\n    case 'vkcom':\n      return <Footnote className={styles['Alert__text']} {...props} />;\n    case 'ios':\n      return <Caption className={styles['Alert__text']} {...props} />;\n    default:\n      return <Text Component=\"span\" className={styles['Alert__text']} weight=\"3\" {...props} />;\n  }\n};\n"],"names":["AlertHeader","AlertText","props","platform","usePlatform","Title","className","weight","level","Footnote","Caption","Text","Component"],"mappings":";;;;;;;;;;;IAWaA,WAAW;eAAXA;;IAUAC,SAAS;eAATA;;;;;6BArBe;yBAEJ;0BACC;sBACJ;uBACC;AAMf,MAAMD,cAAc,CAACE;IAC1B,MAAMC,WAAWC,IAAAA,wBAAW;IAE5B,OAAQD;QACN,KAAK;YACH,qBAAO,qBAACE,YAAK;gBAACC,SAAS;gBAA2BC,QAAO;gBAAIC,OAAM;eAAQN;QAC7E;YACE,qBAAO,qBAACG,YAAK;gBAACC,SAAS;gBAA2BC,QAAO;gBAAIC,OAAM;eAAQN;IAC/E;AACF;AACO,MAAMD,YAAY,CAACC;IACxB,MAAMC,WAAWC,IAAAA,wBAAW;IAE5B,OAAQD;QACN,KAAK;YACH,qBAAO,qBAACM,kBAAQ;gBAACH,SAAS;eAA6BJ;QACzD,KAAK;YACH,qBAAO,qBAACQ,gBAAO;gBAACJ,SAAS;eAA6BJ;QACxD;YACE,qBAAO,qBAACS,UAAI;gBAACC,WAAU;gBAAON,SAAS;gBAAyBC,QAAO;eAAQL;IACnF;AACF"}
+{"version":3,"sources":["../../../../src/components/Alert/AlertTypography.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { HasChildren } from '../../types';\nimport { Caption } from '../Typography/Caption/Caption';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { Text } from '../Typography/Text/Text';\nimport { Title } from '../Typography/Title/Title';\nimport styles from './Alert.module.css';\n\ninterface AlertTypography extends HasChildren {\n  id: string;\n}\nexport const AlertHeader = (props: AlertTypography): React.ReactNode => {\n  const platform = usePlatform();\n\n  switch (platform) {\n    case 'ios':\n      return <Title className={styles['Alert__header']} weight=\"1\" level=\"3\" {...props} />;\n    default:\n      return <Title className={styles['Alert__header']} weight=\"2\" level=\"2\" {...props} />;\n  }\n};\nexport const AlertText = (props: AlertTypography): React.ReactNode => {\n  const platform = usePlatform();\n\n  switch (platform) {\n    case 'vkcom':\n      return <Footnote className={styles['Alert__text']} {...props} />;\n    case 'ios':\n      return <Caption className={styles['Alert__text']} {...props} />;\n    default:\n      return <Text Component=\"span\" className={styles['Alert__text']} weight=\"3\" {...props} />;\n  }\n};\n"],"names":["AlertHeader","AlertText","props","platform","usePlatform","Title","className","weight","level","Footnote","Caption","Text","Component"],"mappings":";;;;;;;;;;;IAYaA,WAAW;eAAXA;;IAUAC,SAAS;eAATA;;;;;;iEAtBU;6BACK;yBAEJ;0BACC;sBACJ;uBACC;AAMf,MAAMD,cAAc,CAACE;IAC1B,MAAMC,WAAWC,IAAAA,wBAAW;IAE5B,OAAQD;QACN,KAAK;YACH,qBAAO,qBAACE,YAAK;gBAACC,SAAS;gBAA2BC,QAAO;gBAAIC,OAAM;eAAQN;QAC7E;YACE,qBAAO,qBAACG,YAAK;gBAACC,SAAS;gBAA2BC,QAAO;gBAAIC,OAAM;eAAQN;IAC/E;AACF;AACO,MAAMD,YAAY,CAACC;IACxB,MAAMC,WAAWC,IAAAA,wBAAW;IAE5B,OAAQD;QACN,KAAK;YACH,qBAAO,qBAACM,kBAAQ;gBAACH,SAAS;eAA6BJ;QACzD,KAAK;YACH,qBAAO,qBAACQ,gBAAO;gBAACJ,SAAS;eAA6BJ;QACxD;YACE,qBAAO,qBAACS,UAAI;gBAACC,WAAU;gBAAON,SAAS;gBAAyBC,QAAO;eAAQL;IACnF;AACF"}

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

@@ -50,5 +50,5 @@ 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: safeAreaInsetsProp, layout, userSelectMode, ...props }: AppRootProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AppRoot: ({ children, mode, scroll, portalRoot: portalRootProp, disablePortal, disableParentTransformForPositionFixedElements, className, safeAreaInsets: safeAreaInsetsProp, layout, userSelectMode, ...props }: AppRootProps) => React.ReactNode;
 //# sourceMappingURL=AppRoot.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AppRoot.d.ts","sourceRoot":"","sources":["../../../../src/components/AppRoot/AppRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,OAAO,KAAK,EACV,aAAa,EACb,WAAW,EACX,aAAa,EACb,qBAAqB,EACrB,cAAc,EACf,MAAM,SAAS,CAAC;AAGjB,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,wBAAwB;IACxB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB;;OAEG;IACH,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;;;OAGG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB;;;;;;;;;;OAUG;IACH,cAAc,CAAC,EAAE,qBAAqB,CAAC;CACxC;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,2MAYjB,YAAY,4CAkJd,CAAC"}
+{"version":3,"file":"AppRoot.d.ts","sourceRoot":"","sources":["../../../../src/components/AppRoot/AppRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,OAAO,KAAK,EACV,aAAa,EACb,WAAW,EACX,aAAa,EACb,qBAAqB,EACrB,cAAc,EACf,MAAM,SAAS,CAAC;AAGjB,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,wBAAwB;IACxB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB;;OAEG;IACH,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;;;OAGG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB;;;;;;;;;;OAUG;IACH,cAAc,CAAC,EAAE,qBAAqB,CAAC;CACxC;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,2MAYjB,YAAY,KAAG,KAAK,CAAC,SAkJvB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/AppRoot/AppRoot.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useKeyboardInputTracker } from '../../hooks/useKeyboardInputTracker';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\nimport { getDocumentBody } from '../../lib/dom';\nimport { useTokensClassName } from '../../lib/tokens';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { AppRootContext } from './AppRootContext';\nimport { ElementScrollController, GlobalScrollController } from './ScrollContext';\nimport {\n  extractPortalRootByProp,\n  getClassNamesByMode,\n  getParentElement,\n  getUserSelectModeClassName,\n  setSafeAreaInsets,\n} from './helpers';\nimport type {\n  AppRootLayout,\n  AppRootMode,\n  AppRootScroll,\n  AppRootUserSelectMode,\n  SafeAreaInsets,\n} from './types';\nimport styles from './AppRoot.module.css';\n\nexport interface AppRootProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Режим встраивания */\n  mode?: AppRootMode;\n  /**\n   * - `global` (по умолчанию) — VKUI-приложение скроллится вместе со страницей.\n   * - `contain` — VKUI-приложение живет в отдельной зоне и скроллится независимо внутри `AppRoot` (например, в модалке).\n   *\n   * Полезно при использовании `mode=\"embedded\"`.\n   */\n  scroll?: AppRootScroll;\n  /**\n   * см. документацию [mdn web docs | env#values](https://developer.mozilla.org/en-US/docs/Web/CSS/env#values).\n   */\n  safeAreaInsets?: SafeAreaInsets;\n  /**\n   * Кастомный root-элемент портала\n   */\n  portalRoot?: HTMLElement | React.RefObject<HTMLElement> | null;\n  /**\n   * Отключает рендер всплывающих компонентов в отдельном контейнере\n   */\n  disablePortal?: boolean;\n  /**\n   * По умолчанию, mode=\"embedded\" переносит систему координат элементов с `position: fixed` на\n   * свой контейнер через `transform: translate3d(0, 0, 0)`.\n   *\n   * Это поведение можно отключить с помощью этого параметра.\n   */\n  disableParentTransformForPositionFixedElements?: boolean;\n  /**\n   * Глобально задаёт тип оформления макета для компонентов\n   * [Panel](https://vkcom.github.io/VKUI/#/Panel) и [Group](https://vkcom.github.io/VKUI/#/Group).\n   */\n  layout?: AppRootLayout;\n  /**\n   * Задаёт режим выбора текста (выделения текста) для всего приложения.\n   * По умолчанию, если режим не задан, запрещает выбор текста в приложениях,\n   * запущенных в webview (по значению свойства `isWebView` из [ConfigProvider](https://vkcom.github.io/VKUI/#/ConfigProvider)).\n   *\n   * - `enabled-with-pointer` – разрешает выбор текста, если устройство ввода типа `pointer` (например, `мышь`), в остальных случаях запрещает;\n   * - `disabled` – запрещает выбор текста;\n   * - `enabled` – разрешает выбор текста.\n   *\n   * @since 6.2.0\n   */\n  userSelectMode?: AppRootUserSelectMode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/AppRoot\n */\nexport const AppRoot = ({\n  children,\n  mode = 'full',\n  scroll = 'global',\n  portalRoot: portalRootProp = null,\n  disablePortal = false,\n  disableParentTransformForPositionFixedElements,\n  className,\n  safeAreaInsets: safeAreaInsetsProp,\n  layout,\n  userSelectMode,\n  ...props\n}: AppRootProps) => {\n  const { hasPointer, sizeX = 'none', sizeY = 'none' } = useAdaptivity();\n  const tokensClassName = useTokensClassName();\n\n  const safeAreaInsets = useObjectMemo(safeAreaInsetsProp);\n  const isKeyboardInputActiveRef = useKeyboardInputTracker();\n  const appRootRef = React.useRef<HTMLDivElement | null>(null);\n  const portalRootRef = React.useRef<HTMLElement | null>(null);\n\n  useIsomorphicLayoutEffect(\n    function setupPortalRoot() {\n      const portalByProp = portalRootProp ? extractPortalRootByProp(portalRootProp) : null;\n\n      if (portalByProp) {\n        portalRootRef.current = portalByProp;\n        return function cleanup() {\n          portalRootRef.current = null;\n        };\n      }\n\n      const documentBody = getDocumentBody(appRootRef.current);\n      const portal = documentBody.ownerDocument.createElement('div');\n      documentBody.appendChild(portal);\n      portalRootRef.current = portal;\n      return function cleanup() {\n        documentBody.removeChild(portal);\n        portalRootRef.current = null;\n      };\n    },\n    [portalRootProp],\n  );\n\n  useIsomorphicLayoutEffect(\n    function setupContainers() {\n      if (!appRootRef.current || !portalRootRef.current) {\n        return;\n      }\n\n      const parentElement = getParentElement(appRootRef.current);\n      const documentBody = getDocumentBody(appRootRef.current);\n      const documentElement = documentBody.ownerDocument.documentElement;\n\n      const [baseClassNames, stylesClassNames] = getClassNamesByMode({\n        mode,\n        layout,\n        tokensClassName,\n        sizeX,\n        sizeY,\n      });\n\n      /* eslint-disable no-restricted-properties */\n      switch (mode) {\n        case 'full': {\n          if (parentElement) {\n            parentElement.classList.add(...baseClassNames);\n          }\n\n          documentElement.classList.add(...stylesClassNames, 'vkui');\n          const unsetSafeAreaInsets = setSafeAreaInsets(safeAreaInsets, documentElement);\n\n          return function cleanup() {\n            if (parentElement) {\n              parentElement.classList.remove(...baseClassNames);\n            }\n\n            documentElement.classList.remove(...stylesClassNames, 'vkui');\n            unsetSafeAreaInsets();\n          };\n        }\n        case 'embedded': {\n          if (parentElement) {\n            parentElement.classList.add(...baseClassNames, ...stylesClassNames);\n            if (!disableParentTransformForPositionFixedElements) {\n              parentElement.style.setProperty('transform', 'translate3d(0, 0, 0)');\n            }\n            const unsetSafeAreaInsets = setSafeAreaInsets(safeAreaInsets, parentElement, portalRootRef.current); // prettier-ignore\n            return function cleanup() {\n              parentElement.classList.remove(...baseClassNames, ...stylesClassNames);\n              if (!disableParentTransformForPositionFixedElements) {\n                parentElement.style.removeProperty('transform');\n              }\n              unsetSafeAreaInsets();\n            };\n          }\n          /* istanbul ignore next: node.parentElement может быть null, но такой кейс в теории невозможен */\n          return;\n        }\n        /* istanbul ignore next: не покрывается за счёт теста на <AppRoot mode=\"partial\" /> */\n        case 'partial': {\n          return;\n        }\n      }\n      /* eslint-enable no-restricted-properties */\n    },\n    [\n      mode,\n      layout,\n      disableParentTransformForPositionFixedElements,\n      tokensClassName,\n      sizeX,\n      sizeY,\n      safeAreaInsets,\n    ],\n  );\n\n  const ScrollController = React.useMemo(\n    () => (scroll === 'contain' ? ElementScrollController : GlobalScrollController),\n    [scroll],\n  );\n\n  const content = (\n    <AppRootContext.Provider\n      value={{\n        appRoot: appRootRef,\n        portalRoot: portalRootRef,\n        embedded: mode === 'embedded',\n        mode,\n        disablePortal,\n        layout,\n        get keyboardInput() {\n          return isKeyboardInputActiveRef.current;\n        },\n      }}\n    >\n      <ScrollController elRef={appRootRef}>{children}</ScrollController>\n    </AppRootContext.Provider>\n  );\n\n  const { isWebView } = useConfigProvider();\n  const userSelectModeClassName = getUserSelectModeClassName({\n    userSelectMode,\n    isWebView,\n    hasPointer,\n  });\n\n  return mode === 'partial' ? (\n    content\n  ) : (\n    <div\n      ref={appRootRef}\n      className={classNames(styles['AppRoot'], userSelectModeClassName, className)}\n      {...props}\n    >\n      {content}\n    </div>\n  );\n};\n"],"names":["AppRoot","children","mode","scroll","portalRoot","portalRootProp","disablePortal","disableParentTransformForPositionFixedElements","className","safeAreaInsets","safeAreaInsetsProp","layout","userSelectMode","props","hasPointer","sizeX","sizeY","useAdaptivity","tokensClassName","useTokensClassName","useObjectMemo","isKeyboardInputActiveRef","useKeyboardInputTracker","appRootRef","React","useRef","portalRootRef","useIsomorphicLayoutEffect","setupPortalRoot","portalByProp","extractPortalRootByProp","current","cleanup","documentBody","getDocumentBody","portal","ownerDocument","createElement","appendChild","removeChild","setupContainers","parentElement","getParentElement","documentElement","baseClassNames","stylesClassNames","getClassNamesByMode","classList","add","unsetSafeAreaInsets","setSafeAreaInsets","remove","style","setProperty","removeProperty","ScrollController","useMemo","ElementScrollController","GlobalScrollController","content","AppRootContext","Provider","value","appRoot","embedded","keyboardInput","elRef","isWebView","useConfigProvider","userSelectModeClassName","getUserSelectModeClassName","div","ref","classNames"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/AppRoot/AppRoot.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useKeyboardInputTracker } from '../../hooks/useKeyboardInputTracker';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\nimport { getDocumentBody } from '../../lib/dom';\nimport { useTokensClassName } from '../../lib/tokens';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { AppRootContext } from './AppRootContext';\nimport { ElementScrollController, GlobalScrollController } from './ScrollContext';\nimport {\n  extractPortalRootByProp,\n  getClassNamesByMode,\n  getParentElement,\n  getUserSelectModeClassName,\n  setSafeAreaInsets,\n} from './helpers';\nimport type {\n  AppRootLayout,\n  AppRootMode,\n  AppRootScroll,\n  AppRootUserSelectMode,\n  SafeAreaInsets,\n} from './types';\nimport styles from './AppRoot.module.css';\n\nexport interface AppRootProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Режим встраивания */\n  mode?: AppRootMode;\n  /**\n   * - `global` (по умолчанию) — VKUI-приложение скроллится вместе со страницей.\n   * - `contain` — VKUI-приложение живет в отдельной зоне и скроллится независимо внутри `AppRoot` (например, в модалке).\n   *\n   * Полезно при использовании `mode=\"embedded\"`.\n   */\n  scroll?: AppRootScroll;\n  /**\n   * см. документацию [mdn web docs | env#values](https://developer.mozilla.org/en-US/docs/Web/CSS/env#values).\n   */\n  safeAreaInsets?: SafeAreaInsets;\n  /**\n   * Кастомный root-элемент портала\n   */\n  portalRoot?: HTMLElement | React.RefObject<HTMLElement> | null;\n  /**\n   * Отключает рендер всплывающих компонентов в отдельном контейнере\n   */\n  disablePortal?: boolean;\n  /**\n   * По умолчанию, mode=\"embedded\" переносит систему координат элементов с `position: fixed` на\n   * свой контейнер через `transform: translate3d(0, 0, 0)`.\n   *\n   * Это поведение можно отключить с помощью этого параметра.\n   */\n  disableParentTransformForPositionFixedElements?: boolean;\n  /**\n   * Глобально задаёт тип оформления макета для компонентов\n   * [Panel](https://vkcom.github.io/VKUI/#/Panel) и [Group](https://vkcom.github.io/VKUI/#/Group).\n   */\n  layout?: AppRootLayout;\n  /**\n   * Задаёт режим выбора текста (выделения текста) для всего приложения.\n   * По умолчанию, если режим не задан, запрещает выбор текста в приложениях,\n   * запущенных в webview (по значению свойства `isWebView` из [ConfigProvider](https://vkcom.github.io/VKUI/#/ConfigProvider)).\n   *\n   * - `enabled-with-pointer` – разрешает выбор текста, если устройство ввода типа `pointer` (например, `мышь`), в остальных случаях запрещает;\n   * - `disabled` – запрещает выбор текста;\n   * - `enabled` – разрешает выбор текста.\n   *\n   * @since 6.2.0\n   */\n  userSelectMode?: AppRootUserSelectMode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/AppRoot\n */\nexport const AppRoot = ({\n  children,\n  mode = 'full',\n  scroll = 'global',\n  portalRoot: portalRootProp = null,\n  disablePortal = false,\n  disableParentTransformForPositionFixedElements,\n  className,\n  safeAreaInsets: safeAreaInsetsProp,\n  layout,\n  userSelectMode,\n  ...props\n}: AppRootProps): React.ReactNode => {\n  const { hasPointer, sizeX = 'none', sizeY = 'none' } = useAdaptivity();\n  const tokensClassName = useTokensClassName();\n\n  const safeAreaInsets = useObjectMemo(safeAreaInsetsProp);\n  const isKeyboardInputActiveRef = useKeyboardInputTracker();\n  const appRootRef = React.useRef<HTMLDivElement | null>(null);\n  const portalRootRef = React.useRef<HTMLElement | null>(null);\n\n  useIsomorphicLayoutEffect(\n    function setupPortalRoot() {\n      const portalByProp = portalRootProp ? extractPortalRootByProp(portalRootProp) : null;\n\n      if (portalByProp) {\n        portalRootRef.current = portalByProp;\n        return function cleanup() {\n          portalRootRef.current = null;\n        };\n      }\n\n      const documentBody = getDocumentBody(appRootRef.current);\n      const portal = documentBody.ownerDocument.createElement('div');\n      documentBody.appendChild(portal);\n      portalRootRef.current = portal;\n      return function cleanup() {\n        documentBody.removeChild(portal);\n        portalRootRef.current = null;\n      };\n    },\n    [portalRootProp],\n  );\n\n  useIsomorphicLayoutEffect(\n    function setupContainers() {\n      if (!appRootRef.current || !portalRootRef.current) {\n        return;\n      }\n\n      const parentElement = getParentElement(appRootRef.current);\n      const documentBody = getDocumentBody(appRootRef.current);\n      const documentElement = documentBody.ownerDocument.documentElement;\n\n      const [baseClassNames, stylesClassNames] = getClassNamesByMode({\n        mode,\n        layout,\n        tokensClassName,\n        sizeX,\n        sizeY,\n      });\n\n      /* eslint-disable no-restricted-properties */\n      switch (mode) {\n        case 'full': {\n          if (parentElement) {\n            parentElement.classList.add(...baseClassNames);\n          }\n\n          documentElement.classList.add(...stylesClassNames, 'vkui');\n          const unsetSafeAreaInsets = setSafeAreaInsets(safeAreaInsets, documentElement);\n\n          return function cleanup() {\n            if (parentElement) {\n              parentElement.classList.remove(...baseClassNames);\n            }\n\n            documentElement.classList.remove(...stylesClassNames, 'vkui');\n            unsetSafeAreaInsets();\n          };\n        }\n        case 'embedded': {\n          if (parentElement) {\n            parentElement.classList.add(...baseClassNames, ...stylesClassNames);\n            if (!disableParentTransformForPositionFixedElements) {\n              parentElement.style.setProperty('transform', 'translate3d(0, 0, 0)');\n            }\n            const unsetSafeAreaInsets = setSafeAreaInsets(safeAreaInsets, parentElement, portalRootRef.current); // prettier-ignore\n            return function cleanup() {\n              parentElement.classList.remove(...baseClassNames, ...stylesClassNames);\n              if (!disableParentTransformForPositionFixedElements) {\n                parentElement.style.removeProperty('transform');\n              }\n              unsetSafeAreaInsets();\n            };\n          }\n          /* istanbul ignore next: node.parentElement может быть null, но такой кейс в теории невозможен */\n          return;\n        }\n        /* istanbul ignore next: не покрывается за счёт теста на <AppRoot mode=\"partial\" /> */\n        case 'partial': {\n          return;\n        }\n      }\n      /* eslint-enable no-restricted-properties */\n    },\n    [\n      mode,\n      layout,\n      disableParentTransformForPositionFixedElements,\n      tokensClassName,\n      sizeX,\n      sizeY,\n      safeAreaInsets,\n    ],\n  );\n\n  const ScrollController = React.useMemo(\n    () => (scroll === 'contain' ? ElementScrollController : GlobalScrollController),\n    [scroll],\n  );\n\n  const content = (\n    <AppRootContext.Provider\n      value={{\n        appRoot: appRootRef,\n        portalRoot: portalRootRef,\n        embedded: mode === 'embedded',\n        mode,\n        disablePortal,\n        layout,\n        get keyboardInput() {\n          return isKeyboardInputActiveRef.current;\n        },\n      }}\n    >\n      <ScrollController elRef={appRootRef}>{children}</ScrollController>\n    </AppRootContext.Provider>\n  );\n\n  const { isWebView } = useConfigProvider();\n  const userSelectModeClassName = getUserSelectModeClassName({\n    userSelectMode,\n    isWebView,\n    hasPointer,\n  });\n\n  return mode === 'partial' ? (\n    content\n  ) : (\n    <div\n      ref={appRootRef}\n      className={classNames(styles['AppRoot'], userSelectModeClassName, className)}\n      {...props}\n    >\n      {content}\n    </div>\n  );\n};\n"],"names":["AppRoot","children","mode","scroll","portalRoot","portalRootProp","disablePortal","disableParentTransformForPositionFixedElements","className","safeAreaInsets","safeAreaInsetsProp","layout","userSelectMode","props","hasPointer","sizeX","sizeY","useAdaptivity","tokensClassName","useTokensClassName","useObjectMemo","isKeyboardInputActiveRef","useKeyboardInputTracker","appRootRef","React","useRef","portalRootRef","useIsomorphicLayoutEffect","setupPortalRoot","portalByProp","extractPortalRootByProp","current","cleanup","documentBody","getDocumentBody","portal","ownerDocument","createElement","appendChild","removeChild","setupContainers","parentElement","getParentElement","documentElement","baseClassNames","stylesClassNames","getClassNamesByMode","classList","add","unsetSafeAreaInsets","setSafeAreaInsets","remove","style","setProperty","removeProperty","ScrollController","useMemo","ElementScrollController","GlobalScrollController","content","AppRootContext","Provider","value","appRoot","embedded","keyboardInput","elRef","isWebView","useConfigProvider","userSelectModeClassName","getUserSelectModeClassName","div","ref","classNames"],"mappings":"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"}

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

@@ -1 +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,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACtC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;IACtC,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC3B;AAED;;;;GAIG;AACH,eAAO,MAAM,8BAA8B,EAAE,uBAO5C,CAAC;AAEF,eAAO,MAAM,cAAc,wCAE1B,CAAC"}
+{"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,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACtC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;IACtC,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC3B;AAED;;;;GAIG;AACH,eAAO,MAAM,8BAA8B,EAAE,uBAO5C,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,OAAO,CAAC,uBAAuB,CACY,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/AppRoot/AppRootContext.ts"],"sourcesContent":["import * as React from 'react';\n\nexport interface AppRootContextInterface {\n  appRoot: React.RefObject<HTMLElement>;\n  portalRoot: React.RefObject<HTMLElement>;\n  embedded: boolean;\n  mode: 'partial' | 'embedded' | 'full';\n  keyboardInput: boolean;\n  disablePortal: boolean;\n  layout?: 'card' | 'plain';\n}\n\n/**\n * Вынесен в константу, чтобы можно было в тестах создавать свой контекст и сливать перед этим значения по-умолчанию\n *\n * > Note: не смог убрать из покрытия через 'istanbul ignore next'.\n */\nexport const DEFAULT_APP_ROOT_CONTEXT_VALUE: AppRootContextInterface = {\n  appRoot: React.createRef(),\n  mode: 'full',\n  portalRoot: React.createRef(),\n  embedded: false,\n  keyboardInput: false,\n  disablePortal: false,\n};\n\nexport const AppRootContext = React.createContext<AppRootContextInterface>(\n  DEFAULT_APP_ROOT_CONTEXT_VALUE,\n);\n"],"names":["AppRootContext","DEFAULT_APP_ROOT_CONTEXT_VALUE","appRoot","React","createRef","mode","portalRoot","embedded","keyboardInput","disablePortal","createContext"],"mappings":";;;;;;;;;;;IA0BaA,cAAc;eAAdA;;IATAC,8BAA8B;eAA9BA;;;;iEAjBU;AAiBhB,MAAMA,iCAA0D;IACrEC,SAASC,OAAMC,SAAS;IACxBC,MAAM;IACNC,YAAYH,OAAMC,SAAS;IAC3BG,UAAU;IACVC,eAAe;IACfC,eAAe;AACjB;AAEO,MAAMT,iBAAiBG,OAAMO,aAAa,CAC/CT"}
+{"version":3,"sources":["../../../../src/components/AppRoot/AppRootContext.ts"],"sourcesContent":["import * as React from 'react';\n\nexport interface AppRootContextInterface {\n  appRoot: React.RefObject<HTMLElement>;\n  portalRoot: React.RefObject<HTMLElement>;\n  embedded: boolean;\n  mode: 'partial' | 'embedded' | 'full';\n  keyboardInput: boolean;\n  disablePortal: boolean;\n  layout?: 'card' | 'plain';\n}\n\n/**\n * Вынесен в константу, чтобы можно было в тестах создавать свой контекст и сливать перед этим значения по-умолчанию\n *\n * > Note: не смог убрать из покрытия через 'istanbul ignore next'.\n */\nexport const DEFAULT_APP_ROOT_CONTEXT_VALUE: AppRootContextInterface = {\n  appRoot: React.createRef(),\n  mode: 'full',\n  portalRoot: React.createRef(),\n  embedded: false,\n  keyboardInput: false,\n  disablePortal: false,\n};\n\nexport const AppRootContext: React.Context<AppRootContextInterface> =\n  React.createContext<AppRootContextInterface>(DEFAULT_APP_ROOT_CONTEXT_VALUE);\n"],"names":["AppRootContext","DEFAULT_APP_ROOT_CONTEXT_VALUE","appRoot","React","createRef","mode","portalRoot","embedded","keyboardInput","disablePortal","createContext"],"mappings":";;;;;;;;;;;IA0BaA,cAAc;eAAdA;;IATAC,8BAA8B;eAA9BA;;;;iEAjBU;AAiBhB,MAAMA,iCAA0D;IACrEC,SAASC,OAAMC,SAAS;IACxBC,MAAM;IACNC,YAAYH,OAAMC,SAAS;IAC3BG,UAAU;IACVC,eAAe;IACfC,eAAe;AACjB;AAEO,MAAMT,iBACXG,OAAMO,aAAa,CAA0BT"}

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

@@ -7,5 +7,5 @@ export interface AppRootPortalProps extends HasChildren {
      */
     usePortal?: boolean | HTMLElement | React.RefObject<HTMLElement> | null;
 }
-export declare const AppRootPortal: ({ children, usePortal }: AppRootPortalProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const AppRootPortal: ({ children, usePortal }: AppRootPortalProps) => React.ReactNode;
 //# sourceMappingURL=AppRootPortal.d.ts.map

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

@@ -1 +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;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;CACzE;AAED,eAAO,MAAM,aAAa,4BAA6B,kBAAkB,mDAkBxE,CAAC"}
+{"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;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;CACzE;AAED,eAAO,MAAM,aAAa,4BAA6B,kBAAkB,KAAG,KAAK,CAAC,SAkBjF,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/AppRoot/AppRootPortal.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAppearance } from '../../hooks/useAppearance';\nimport { useIsClient } from '../../hooks/useIsClient';\nimport { createPortal } from '../../lib/createPortal';\nimport { isRefObject } from '../../lib/isRefObject';\nimport { HasChildren } from '../../types';\nimport { AppearanceProvider } from '../AppearanceProvider/AppearanceProvider';\nimport { AppRootContext, type AppRootContextInterface } from './AppRootContext';\n\nexport interface AppRootPortalProps extends HasChildren {\n  /**\n   * - При передаче `true` будет использовать `portalRoot` из контекста `AppRoot`.\n   * - При передаче элемента будут игнорироваться `portalRoot` и `disablePortal` из контекста `AppRoot`.\n   */\n  usePortal?: boolean | HTMLElement | React.RefObject<HTMLElement> | null;\n}\n\nexport const AppRootPortal = ({ children, usePortal }: AppRootPortalProps) => {\n  const { portalRoot, mode, disablePortal } = React.useContext(AppRootContext);\n  const appearance = useAppearance();\n\n  const isClient = useIsClient();\n  if (!isClient) {\n    return null;\n  }\n\n  const portalContainer = resolvePortalContainer(usePortal, portalRoot.current);\n  if (!portalContainer || shouldDisablePortal(usePortal, mode, Boolean(disablePortal))) {\n    return <React.Fragment>{children}</React.Fragment>;\n  }\n\n  return createPortal(\n    <AppearanceProvider value={appearance}>{children}</AppearanceProvider>,\n    portalContainer,\n  );\n};\n\nfunction shouldDisablePortal(\n  usePortal: AppRootPortalProps['usePortal'],\n  mode: AppRootContextInterface['mode'],\n  disablePortal: boolean,\n) {\n  if (usePortal !== undefined) {\n    if (typeof usePortal !== 'boolean') {\n      return false;\n    }\n    return disablePortal || usePortal !== true;\n  }\n  // fallback\n  return disablePortal || mode === 'full';\n}\n\nfunction resolvePortalContainer<PortalRootFromContext extends HTMLElement | null | undefined>(\n  usePortal: AppRootPortalProps['usePortal'],\n  portalRootFromContext: PortalRootFromContext,\n) {\n  if (usePortal === true || !usePortal) {\n    return portalRootFromContext ? portalRootFromContext : null;\n  }\n\n  return isRefObject(usePortal) ? usePortal.current : usePortal;\n}\n"],"names":["AppRootPortal","children","usePortal","portalRoot","mode","disablePortal","React","useContext","AppRootContext","appearance","useAppearance","isClient","useIsClient","portalContainer","resolvePortalContainer","current","shouldDisablePortal","Boolean","Fragment","createPortal","AppearanceProvider","value","undefined","portalRootFromContext","isRefObject"],"mappings":";;;;+BAiBaA;;;eAAAA;;;;;iEAjBU;+BACO;6BACF;8BACC;6BACD;oCAEO;gCAC0B;AAUtD,MAAMA,gBAAgB,CAAC,EAAEC,QAAQ,EAAEC,SAAS,EAAsB;IACvE,MAAM,EAAEC,UAAU,EAAEC,IAAI,EAAEC,aAAa,EAAE,GAAGC,OAAMC,UAAU,CAACC,8BAAc;IAC3E,MAAMC,aAAaC,IAAAA,4BAAa;IAEhC,MAAMC,WAAWC,IAAAA,wBAAW;IAC5B,IAAI,CAACD,UAAU;QACb,OAAO;IACT;IAEA,MAAME,kBAAkBC,uBAAuBZ,WAAWC,WAAWY,OAAO;IAC5E,IAAI,CAACF,mBAAmBG,oBAAoBd,WAAWE,MAAMa,QAAQZ,iBAAiB;QACpF,qBAAO,qBAACC,OAAMY,QAAQ;sBAAEjB;;IAC1B;IAEA,OAAOkB,IAAAA,0BAAY,gBACjB,qBAACC,sCAAkB;QAACC,OAAOZ;kBAAaR;QACxCY;AAEJ;AAEA,SAASG,oBACPd,SAA0C,EAC1CE,IAAqC,EACrCC,aAAsB;IAEtB,IAAIH,cAAcoB,WAAW;QAC3B,IAAI,OAAOpB,cAAc,WAAW;YAClC,OAAO;QACT;QACA,OAAOG,iBAAiBH,cAAc;IACxC;IACA,WAAW;IACX,OAAOG,iBAAiBD,SAAS;AACnC;AAEA,SAASU,uBACPZ,SAA0C,EAC1CqB,qBAA4C;IAE5C,IAAIrB,cAAc,QAAQ,CAACA,WAAW;QACpC,OAAOqB,wBAAwBA,wBAAwB;IACzD;IAEA,OAAOC,IAAAA,wBAAW,EAACtB,aAAaA,UAAUa,OAAO,GAAGb;AACtD"}
+{"version":3,"sources":["../../../../src/components/AppRoot/AppRootPortal.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAppearance } from '../../hooks/useAppearance';\nimport { useIsClient } from '../../hooks/useIsClient';\nimport { createPortal } from '../../lib/createPortal';\nimport { isRefObject } from '../../lib/isRefObject';\nimport { HasChildren } from '../../types';\nimport { AppearanceProvider } from '../AppearanceProvider/AppearanceProvider';\nimport { AppRootContext, type AppRootContextInterface } from './AppRootContext';\n\nexport interface AppRootPortalProps extends HasChildren {\n  /**\n   * - При передаче `true` будет использовать `portalRoot` из контекста `AppRoot`.\n   * - При передаче элемента будут игнорироваться `portalRoot` и `disablePortal` из контекста `AppRoot`.\n   */\n  usePortal?: boolean | HTMLElement | React.RefObject<HTMLElement> | null;\n}\n\nexport const AppRootPortal = ({ children, usePortal }: AppRootPortalProps): React.ReactNode => {\n  const { portalRoot, mode, disablePortal } = React.useContext(AppRootContext);\n  const appearance = useAppearance();\n\n  const isClient = useIsClient();\n  if (!isClient) {\n    return null;\n  }\n\n  const portalContainer = resolvePortalContainer(usePortal, portalRoot.current);\n  if (!portalContainer || shouldDisablePortal(usePortal, mode, Boolean(disablePortal))) {\n    return <React.Fragment>{children}</React.Fragment>;\n  }\n\n  return createPortal(\n    <AppearanceProvider value={appearance}>{children}</AppearanceProvider>,\n    portalContainer,\n  );\n};\n\nfunction shouldDisablePortal(\n  usePortal: AppRootPortalProps['usePortal'],\n  mode: AppRootContextInterface['mode'],\n  disablePortal: boolean,\n) {\n  if (usePortal !== undefined) {\n    if (typeof usePortal !== 'boolean') {\n      return false;\n    }\n    return disablePortal || usePortal !== true;\n  }\n  // fallback\n  return disablePortal || mode === 'full';\n}\n\nfunction resolvePortalContainer<PortalRootFromContext extends HTMLElement | null | undefined>(\n  usePortal: AppRootPortalProps['usePortal'],\n  portalRootFromContext: PortalRootFromContext,\n) {\n  if (usePortal === true || !usePortal) {\n    return portalRootFromContext ? portalRootFromContext : null;\n  }\n\n  return isRefObject(usePortal) ? usePortal.current : usePortal;\n}\n"],"names":["AppRootPortal","children","usePortal","portalRoot","mode","disablePortal","React","useContext","AppRootContext","appearance","useAppearance","isClient","useIsClient","portalContainer","resolvePortalContainer","current","shouldDisablePortal","Boolean","Fragment","createPortal","AppearanceProvider","value","undefined","portalRootFromContext","isRefObject"],"mappings":";;;;+BAiBaA;;;eAAAA;;;;;iEAjBU;+BACO;6BACF;8BACC;6BACD;oCAEO;gCAC0B;AAUtD,MAAMA,gBAAgB,CAAC,EAAEC,QAAQ,EAAEC,SAAS,EAAsB;IACvE,MAAM,EAAEC,UAAU,EAAEC,IAAI,EAAEC,aAAa,EAAE,GAAGC,OAAMC,UAAU,CAACC,8BAAc;IAC3E,MAAMC,aAAaC,IAAAA,4BAAa;IAEhC,MAAMC,WAAWC,IAAAA,wBAAW;IAC5B,IAAI,CAACD,UAAU;QACb,OAAO;IACT;IAEA,MAAME,kBAAkBC,uBAAuBZ,WAAWC,WAAWY,OAAO;IAC5E,IAAI,CAACF,mBAAmBG,oBAAoBd,WAAWE,MAAMa,QAAQZ,iBAAiB;QACpF,qBAAO,qBAACC,OAAMY,QAAQ;sBAAEjB;;IAC1B;IAEA,OAAOkB,IAAAA,0BAAY,gBACjB,qBAACC,sCAAkB;QAACC,OAAOZ;kBAAaR;QACxCY;AAEJ;AAEA,SAASG,oBACPd,SAA0C,EAC1CE,IAAqC,EACrCC,aAAsB;IAEtB,IAAIH,cAAcoB,WAAW;QAC3B,IAAI,OAAOpB,cAAc,WAAW;YAClC,OAAO;QACT;QACA,OAAOG,iBAAiBH,cAAc;IACxC;IACA,WAAW;IACX,OAAOG,iBAAiBD,SAAS;AACnC;AAEA,SAASU,uBACPZ,SAA0C,EAC1CqB,qBAA4C;IAE5C,IAAIrB,cAAc,QAAQ,CAACA,WAAW;QACpC,OAAOqB,wBAAwBA,wBAAwB;IACzD;IAEA,OAAOC,IAAAA,wBAAW,EAACtB,aAAaA,UAAUa,OAAO,GAAGb;AACtD"}

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

@@ -1,7 +1,10 @@
 import * as React from 'react';
 import { HasChildren } from '../../types';
+export type GetScrollOptions = {
+    compensateKeyboardHeight?: boolean;
+};
 export interface ScrollContextInterface {
-    getScroll: (this: void) => {
+    getScroll: (this: void, options?: GetScrollOptions) => {
         x: number;
         y: number;
     };
@@ -16,8 +19,8 @@ export declare const useScroll: () => ScrollContextInterface;
 export interface ScrollControllerProps extends HasChildren {
     elRef: React.RefObject<HTMLElement>;
 }
-export declare const GlobalScrollController: ({ children }: ScrollControllerProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ElementScrollController: ({ elRef, children }: ScrollControllerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GlobalScrollController: ({ children }: ScrollControllerProps) => React.ReactNode;
+export declare const ElementScrollController: ({ elRef, children, }: ScrollControllerProps) => React.ReactNode;
 /**
  * Вызывает функцию effect, до блокировки прокрутки
  * @param effect функция, которая может возвращать функцию очистки

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

@@ -1 +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,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACpD,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,YAAY,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACvC,iBAAiB,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACxC,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,4CAmEzE,CAAC;AAEF,eAAO,MAAM,uBAAuB,wBAAyB,qBAAqB,4CA2EjF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,WAAY,KAAK,CAAC,cAAc,QAAQ,KAAK,CAAC,cAAc,SA+B3F,CAAC;AAEF,eAAO,MAAM,aAAa,6BASzB,CAAC"}
+{"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,MAAM,gBAAgB,GAAG;IAC7B,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC,CAAC;AAEF,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,EAAE,gBAAgB,KAAK;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAChF,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,YAAY,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACvC,iBAAiB,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACxC,wBAAwB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC;CAC7D;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,sBAAsB,CAO5D,CAAC;AAEL,eAAO,MAAM,SAAS,QAAO,sBAAyD,CAAC;AAEvF,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CACrC;AAED,eAAO,MAAM,sBAAsB,iBAAkB,qBAAqB,KAAG,KAAK,CAAC,SAqElF,CAAC;AAEF,eAAO,MAAM,uBAAuB,yBAGjC,qBAAqB,KAAG,KAAK,CAAC,SA2EhC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,WACtB,KAAK,CAAC,cAAc,QACtB,KAAK,CAAC,cAAc,KACzB,IA+BF,CAAC;AAEF,eAAO,MAAM,aAAa,yBAAqB,IAS9C,CAAC"}

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

@@ -67,9 +67,11 @@ const GlobalScrollController = ({ children })=>{
     const { window, document } = (0, _dom.useDOM)();
     const [isScrollLock, setScrollLock] = _react.useState(false);
     const beforeScrollLockFnSetRef = _react.useRef(new Set());
-    const getScroll = _react.useCallback(()=>({
+    const getScroll = _react.useCallback((options = {
+        compensateKeyboardHeight: true
+    })=>({
             x: window.pageXOffset,
-            y: getPageYOffsetWithoutKeyboardHeight(window)
+            y: options.compensateKeyboardHeight ? getPageYOffsetWithoutKeyboardHeight(window) : window.pageYOffset
         }), [
         window
     ]);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/AppRoot/ScrollContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { clamp } from '../../helpers/math';\nimport { useDOM } from '../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { HasChildren } from '../../types';\n\nconst clearDisableScrollStyle = (node: HTMLElement) => {\n  Object.assign(node.style, {\n    position: '',\n    top: '',\n    left: '',\n    right: '',\n    overflowY: '',\n    overflowX: '',\n  });\n};\n\nconst getPageYOffsetWithoutKeyboardHeight = (window: Window) => {\n  // Note: здесь расчёт на то, что `clientHeight` равен `window.innerHeight`.\n  //  Это достигается тем, что тегу `html` задали`height: 100%` и у него нет отступов сверху и снизу. Если есть отступы,\n  //  то надо задать `box-sizing: border-box`, чтобы они не учитывались.\n  const diffOfClientHeightAndViewportHeight =\n    window.document.documentElement.clientHeight - window.innerHeight;\n  return window.pageYOffset - diffOfClientHeightAndViewportHeight;\n};\n\nexport interface ScrollContextInterface {\n  getScroll: (this: void) => { x: number; y: number };\n  scrollTo: (this: void, x?: number, y?: number) => void;\n  isScrollLock: boolean;\n  enableScrollLock: (this: void) => void;\n  disableScrollLock: (this: void) => void;\n  beforeScrollLockFnSetRef?: React.RefObject<Set<() => void>>;\n}\n\nexport const ScrollContext = React.createContext<ScrollContextInterface>({\n  getScroll: () => ({ x: 0, y: 0 }),\n  scrollTo: noop,\n  isScrollLock: false,\n  enableScrollLock: noop,\n  disableScrollLock: noop,\n});\n\nexport const useScroll = () => React.useContext(ScrollContext);\n\nexport interface ScrollControllerProps extends HasChildren {\n  elRef: React.RefObject<HTMLElement>;\n}\n\nexport const GlobalScrollController = ({ children }: ScrollControllerProps) => {\n  const { window, document } = useDOM();\n  const [isScrollLock, setScrollLock] = React.useState(false);\n  const beforeScrollLockFnSetRef = React.useRef<Set<() => void>>(new Set());\n\n  const getScroll = React.useCallback<ScrollContextInterface['getScroll']>(\n    () => ({\n      x: window!.pageXOffset,\n      y: getPageYOffsetWithoutKeyboardHeight(window!),\n    }),\n    [window],\n  );\n  const scrollTo = React.useCallback<ScrollContextInterface['scrollTo']>(\n    (x = 0, y = 0) => {\n      // Some iOS versions do not normalize scroll — do it manually.\n      window!.scrollTo(\n        x ? clamp(x, 0, document!.body.scrollWidth - window!.innerWidth) : 0,\n        y ? clamp(y, 0, document!.body.scrollHeight - window!.innerHeight) : 0,\n      );\n    },\n    [document, window],\n  );\n\n  const enableScrollLock = React.useCallback<ScrollContextInterface['enableScrollLock']>(() => {\n    beforeScrollLockFnSetRef.current.forEach((fn) => {\n      fn();\n    });\n\n    const scrollY = window!.pageYOffset;\n    const scrollX = window!.pageXOffset;\n    const overflowY = window!.innerWidth > document!.documentElement.clientWidth ? 'scroll' : '';\n    const overflowX = window!.innerHeight > document!.documentElement.clientHeight ? 'scroll' : '';\n\n    Object.assign(document!.body.style, {\n      position: 'fixed',\n      top: `-${scrollY}px`,\n      left: `-${scrollX}px`,\n      right: '0',\n      overflowY,\n      overflowX,\n    });\n    setScrollLock(true);\n  }, [document, window]);\n\n  const disableScrollLock = React.useCallback<ScrollContextInterface['disableScrollLock']>(() => {\n    const scrollY = document!.body.style.top;\n    const scrollX = document!.body.style.left;\n\n    clearDisableScrollStyle(document!.body);\n    window!.scrollTo(-parseInt(scrollX || '0'), -parseInt(scrollY || '0'));\n    setScrollLock(false);\n  }, [document, window]);\n\n  const scrollController = React.useMemo<ScrollContextInterface>(\n    () => ({\n      getScroll,\n      scrollTo,\n      isScrollLock,\n      disableScrollLock,\n      enableScrollLock,\n\n      beforeScrollLockFnSetRef: beforeScrollLockFnSetRef,\n    }),\n    [getScroll, scrollTo, isScrollLock, disableScrollLock, enableScrollLock],\n  );\n\n  return <ScrollContext.Provider value={scrollController}>{children}</ScrollContext.Provider>;\n};\n\nexport const ElementScrollController = ({ elRef, children }: ScrollControllerProps) => {\n  const [isScrollLock, setScrollLock] = React.useState(false);\n  const beforeScrollLockFnSetRef = React.useRef<Set<() => void>>(new Set());\n\n  const getScroll = React.useCallback<ScrollContextInterface['getScroll']>(\n    () => ({\n      x: elRef.current?.scrollLeft ?? 0,\n      y: elRef.current?.scrollTop ?? 0,\n    }),\n    [elRef],\n  );\n  const scrollTo = React.useCallback<ScrollContextInterface['scrollTo']>(\n    (x = 0, y = 0) => {\n      const el = elRef.current;\n      // Some iOS versions do not normalize scroll — do it manually.\n      el?.scrollTo(\n        x ? clamp(x, 0, el.scrollWidth - el.clientWidth) : 0,\n        y ? clamp(y, 0, el.scrollHeight - el.clientHeight) : 0,\n      );\n    },\n    [elRef],\n  );\n\n  const enableScrollLock = React.useCallback<ScrollContextInterface['enableScrollLock']>(() => {\n    const el = elRef.current;\n    if (!el) {\n      return;\n    }\n    beforeScrollLockFnSetRef.current.forEach((fn) => {\n      fn();\n    });\n\n    const scrollY = el.scrollTop;\n    const scrollX = el.scrollLeft;\n    const overflowY = el.scrollWidth > el.clientWidth ? 'scroll' : '';\n    const overflowX = el.scrollHeight > el.clientHeight ? 'scroll' : '';\n\n    Object.assign(el.style, {\n      position: 'absolute',\n      top: `-${scrollY}px`,\n      left: `-${scrollX}px`,\n      right: '0',\n      overflowY,\n      overflowX,\n    });\n    setScrollLock(true);\n  }, [elRef]);\n\n  const disableScrollLock = React.useCallback<ScrollContextInterface['disableScrollLock']>(() => {\n    const el = elRef.current;\n    if (!el) {\n      return;\n    }\n\n    const scrollY = el.style.top;\n    const scrollX = el.style.left;\n\n    clearDisableScrollStyle(el);\n    el.scrollTo(-parseInt(scrollX || '0'), -parseInt(scrollY || '0'));\n    setScrollLock(false);\n  }, [elRef]);\n\n  const scrollController = React.useMemo<ScrollContextInterface>(\n    () => ({\n      getScroll,\n      scrollTo,\n      isScrollLock,\n      disableScrollLock,\n      enableScrollLock,\n      beforeScrollLockFnSetRef,\n    }),\n    [getScroll, scrollTo, isScrollLock, disableScrollLock, enableScrollLock],\n  );\n\n  return <ScrollContext.Provider value={scrollController}>{children}</ScrollContext.Provider>;\n};\n\n/**\n * Вызывает функцию effect, до блокировки прокрутки\n * @param effect функция, которая может возвращать функцию очистки\n * @param deps effect обновится только при изменении значений в списке.\n */\nexport const useScrollLockEffect = (effect: React.EffectCallback, deps: React.DependencyList) => {\n  const destructorRef = React.useRef<ReturnType<React.EffectCallback>>(noop);\n  const { isScrollLock, beforeScrollLockFnSetRef } = useScroll();\n\n  // Изменяем effectCallback только при изменении deps\n  const effectCallback = React.useCallback(() => {\n    destructorRef.current = effect();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n\n  // Добавляем effectCallback в список функций, которые необходимо вызвать\n  // до блокировки\n  React.useEffect(() => {\n    const beforeSet = beforeScrollLockFnSetRef?.current;\n    if (!beforeSet) {\n      return noop;\n    }\n\n    beforeSet.add(effectCallback);\n\n    return () => {\n      beforeSet.delete(effectCallback);\n    };\n  }, [beforeScrollLockFnSetRef, effectCallback]);\n\n  // Вызываем сбрасывающую функцию, после отключения блокировки\n  React.useEffect(() => {\n    if (!isScrollLock && destructorRef.current) {\n      destructorRef.current();\n    }\n  }, [isScrollLock]);\n};\n\nexport const useScrollLock = (enabled = true) => {\n  const { enableScrollLock, disableScrollLock, isScrollLock } = useScroll();\n  useIsomorphicLayoutEffect(() => {\n    if (enabled && !isScrollLock) {\n      enableScrollLock();\n      return disableScrollLock;\n    }\n    return noop;\n  }, [enableScrollLock, disableScrollLock, enabled]);\n};\n"],"names":["ElementScrollController","GlobalScrollController","ScrollContext","useScroll","useScrollLock","useScrollLockEffect","clearDisableScrollStyle","node","Object","assign","style","position","top","left","right","overflowY","overflowX","getPageYOffsetWithoutKeyboardHeight","window","diffOfClientHeightAndViewportHeight","document","documentElement","clientHeight","innerHeight","pageYOffset","React","createContext","getScroll","x","y","scrollTo","noop","isScrollLock","enableScrollLock","disableScrollLock","useContext","children","useDOM","setScrollLock","useState","beforeScrollLockFnSetRef","useRef","Set","useCallback","pageXOffset","clamp","body","scrollWidth","innerWidth","scrollHeight","current","forEach","fn","scrollY","scrollX","clientWidth","parseInt","scrollController","useMemo","Provider","value","elRef","scrollLeft","scrollTop","el","effect","deps","destructorRef","effectCallback","useEffect","beforeSet","add","delete","enabled","useIsomorphicLayoutEffect"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/AppRoot/ScrollContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { clamp } from '../../helpers/math';\nimport { useDOM } from '../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { HasChildren } from '../../types';\n\nconst clearDisableScrollStyle = (node: HTMLElement) => {\n  Object.assign(node.style, {\n    position: '',\n    top: '',\n    left: '',\n    right: '',\n    overflowY: '',\n    overflowX: '',\n  });\n};\n\nconst getPageYOffsetWithoutKeyboardHeight = (window: Window) => {\n  // Note: здесь расчёт на то, что `clientHeight` равен `window.innerHeight`.\n  //  Это достигается тем, что тегу `html` задали`height: 100%` и у него нет отступов сверху и снизу. Если есть отступы,\n  //  то надо задать `box-sizing: border-box`, чтобы они не учитывались.\n  const diffOfClientHeightAndViewportHeight =\n    window.document.documentElement.clientHeight - window.innerHeight;\n  return window.pageYOffset - diffOfClientHeightAndViewportHeight;\n};\n\nexport type GetScrollOptions = {\n  compensateKeyboardHeight?: boolean;\n};\n\nexport interface ScrollContextInterface {\n  getScroll: (this: void, options?: GetScrollOptions) => { x: number; y: number };\n  scrollTo: (this: void, x?: number, y?: number) => void;\n  isScrollLock: boolean;\n  enableScrollLock: (this: void) => void;\n  disableScrollLock: (this: void) => void;\n  beforeScrollLockFnSetRef?: React.RefObject<Set<() => void>>;\n}\n\nexport const ScrollContext: React.Context<ScrollContextInterface> =\n  React.createContext<ScrollContextInterface>({\n    getScroll: () => ({ x: 0, y: 0 }),\n    scrollTo: noop,\n    isScrollLock: false,\n    enableScrollLock: noop,\n    disableScrollLock: noop,\n  });\n\nexport const useScroll = (): ScrollContextInterface => React.useContext(ScrollContext);\n\nexport interface ScrollControllerProps extends HasChildren {\n  elRef: React.RefObject<HTMLElement>;\n}\n\nexport const GlobalScrollController = ({ children }: ScrollControllerProps): React.ReactNode => {\n  const { window, document } = useDOM();\n  const [isScrollLock, setScrollLock] = React.useState(false);\n  const beforeScrollLockFnSetRef = React.useRef<Set<() => void>>(new Set());\n\n  const getScroll = React.useCallback<ScrollContextInterface['getScroll']>(\n    (options = { compensateKeyboardHeight: true }) => ({\n      x: window!.pageXOffset,\n      y: options.compensateKeyboardHeight\n        ? getPageYOffsetWithoutKeyboardHeight(window!)\n        : window!.pageYOffset,\n    }),\n    [window],\n  );\n  const scrollTo = React.useCallback<ScrollContextInterface['scrollTo']>(\n    (x = 0, y = 0) => {\n      // Some iOS versions do not normalize scroll — do it manually.\n      window!.scrollTo(\n        x ? clamp(x, 0, document!.body.scrollWidth - window!.innerWidth) : 0,\n        y ? clamp(y, 0, document!.body.scrollHeight - window!.innerHeight) : 0,\n      );\n    },\n    [document, window],\n  );\n\n  const enableScrollLock = React.useCallback<ScrollContextInterface['enableScrollLock']>(() => {\n    beforeScrollLockFnSetRef.current.forEach((fn) => {\n      fn();\n    });\n\n    const scrollY = window!.pageYOffset;\n    const scrollX = window!.pageXOffset;\n    const overflowY = window!.innerWidth > document!.documentElement.clientWidth ? 'scroll' : '';\n    const overflowX = window!.innerHeight > document!.documentElement.clientHeight ? 'scroll' : '';\n\n    Object.assign(document!.body.style, {\n      position: 'fixed',\n      top: `-${scrollY}px`,\n      left: `-${scrollX}px`,\n      right: '0',\n      overflowY,\n      overflowX,\n    });\n    setScrollLock(true);\n  }, [document, window]);\n\n  const disableScrollLock = React.useCallback<ScrollContextInterface['disableScrollLock']>(() => {\n    const scrollY = document!.body.style.top;\n    const scrollX = document!.body.style.left;\n\n    clearDisableScrollStyle(document!.body);\n    window!.scrollTo(-parseInt(scrollX || '0'), -parseInt(scrollY || '0'));\n    setScrollLock(false);\n  }, [document, window]);\n\n  const scrollController = React.useMemo<ScrollContextInterface>(\n    () => ({\n      getScroll,\n      scrollTo,\n      isScrollLock,\n      disableScrollLock,\n      enableScrollLock,\n\n      beforeScrollLockFnSetRef: beforeScrollLockFnSetRef,\n    }),\n    [getScroll, scrollTo, isScrollLock, disableScrollLock, enableScrollLock],\n  );\n\n  return <ScrollContext.Provider value={scrollController}>{children}</ScrollContext.Provider>;\n};\n\nexport const ElementScrollController = ({\n  elRef,\n  children,\n}: ScrollControllerProps): React.ReactNode => {\n  const [isScrollLock, setScrollLock] = React.useState(false);\n  const beforeScrollLockFnSetRef = React.useRef<Set<() => void>>(new Set());\n\n  const getScroll = React.useCallback<ScrollContextInterface['getScroll']>(\n    () => ({\n      x: elRef.current?.scrollLeft ?? 0,\n      y: elRef.current?.scrollTop ?? 0,\n    }),\n    [elRef],\n  );\n  const scrollTo = React.useCallback<ScrollContextInterface['scrollTo']>(\n    (x = 0, y = 0) => {\n      const el = elRef.current;\n      // Some iOS versions do not normalize scroll — do it manually.\n      el?.scrollTo(\n        x ? clamp(x, 0, el.scrollWidth - el.clientWidth) : 0,\n        y ? clamp(y, 0, el.scrollHeight - el.clientHeight) : 0,\n      );\n    },\n    [elRef],\n  );\n\n  const enableScrollLock = React.useCallback<ScrollContextInterface['enableScrollLock']>(() => {\n    const el = elRef.current;\n    if (!el) {\n      return;\n    }\n    beforeScrollLockFnSetRef.current.forEach((fn) => {\n      fn();\n    });\n\n    const scrollY = el.scrollTop;\n    const scrollX = el.scrollLeft;\n    const overflowY = el.scrollWidth > el.clientWidth ? 'scroll' : '';\n    const overflowX = el.scrollHeight > el.clientHeight ? 'scroll' : '';\n\n    Object.assign(el.style, {\n      position: 'absolute',\n      top: `-${scrollY}px`,\n      left: `-${scrollX}px`,\n      right: '0',\n      overflowY,\n      overflowX,\n    });\n    setScrollLock(true);\n  }, [elRef]);\n\n  const disableScrollLock = React.useCallback<ScrollContextInterface['disableScrollLock']>(() => {\n    const el = elRef.current;\n    if (!el) {\n      return;\n    }\n\n    const scrollY = el.style.top;\n    const scrollX = el.style.left;\n\n    clearDisableScrollStyle(el);\n    el.scrollTo(-parseInt(scrollX || '0'), -parseInt(scrollY || '0'));\n    setScrollLock(false);\n  }, [elRef]);\n\n  const scrollController = React.useMemo<ScrollContextInterface>(\n    () => ({\n      getScroll,\n      scrollTo,\n      isScrollLock,\n      disableScrollLock,\n      enableScrollLock,\n      beforeScrollLockFnSetRef,\n    }),\n    [getScroll, scrollTo, isScrollLock, disableScrollLock, enableScrollLock],\n  );\n\n  return <ScrollContext.Provider value={scrollController}>{children}</ScrollContext.Provider>;\n};\n\n/**\n * Вызывает функцию effect, до блокировки прокрутки\n * @param effect функция, которая может возвращать функцию очистки\n * @param deps effect обновится только при изменении значений в списке.\n */\nexport const useScrollLockEffect = (\n  effect: React.EffectCallback,\n  deps: React.DependencyList,\n): void => {\n  const destructorRef = React.useRef<ReturnType<React.EffectCallback>>(noop);\n  const { isScrollLock, beforeScrollLockFnSetRef } = useScroll();\n\n  // Изменяем effectCallback только при изменении deps\n  const effectCallback = React.useCallback(() => {\n    destructorRef.current = effect();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n\n  // Добавляем effectCallback в список функций, которые необходимо вызвать\n  // до блокировки\n  React.useEffect(() => {\n    const beforeSet = beforeScrollLockFnSetRef?.current;\n    if (!beforeSet) {\n      return noop;\n    }\n\n    beforeSet.add(effectCallback);\n\n    return () => {\n      beforeSet.delete(effectCallback);\n    };\n  }, [beforeScrollLockFnSetRef, effectCallback]);\n\n  // Вызываем сбрасывающую функцию, после отключения блокировки\n  React.useEffect(() => {\n    if (!isScrollLock && destructorRef.current) {\n      destructorRef.current();\n    }\n  }, [isScrollLock]);\n};\n\nexport const useScrollLock = (enabled = true): void => {\n  const { enableScrollLock, disableScrollLock, isScrollLock } = useScroll();\n  useIsomorphicLayoutEffect(() => {\n    if (enabled && !isScrollLock) {\n      enableScrollLock();\n      return disableScrollLock;\n    }\n    return noop;\n  }, [enableScrollLock, disableScrollLock, enabled]);\n};\n"],"names":["ElementScrollController","GlobalScrollController","ScrollContext","useScroll","useScrollLock","useScrollLockEffect","clearDisableScrollStyle","node","Object","assign","style","position","top","left","right","overflowY","overflowX","getPageYOffsetWithoutKeyboardHeight","window","diffOfClientHeightAndViewportHeight","document","documentElement","clientHeight","innerHeight","pageYOffset","React","createContext","getScroll","x","y","scrollTo","noop","isScrollLock","enableScrollLock","disableScrollLock","useContext","children","useDOM","setScrollLock","useState","beforeScrollLockFnSetRef","useRef","Set","useCallback","options","compensateKeyboardHeight","pageXOffset","clamp","body","scrollWidth","innerWidth","scrollHeight","current","forEach","fn","scrollY","scrollX","clientWidth","parseInt","scrollController","useMemo","Provider","value","elRef","scrollLeft","scrollTop","el","effect","deps","destructorRef","effectCallback","useEffect","beforeSet","add","delete","enabled","useIsomorphicLayoutEffect"],"mappings":"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"}

package/dist/cjs/components/AppRoot/helpers.d.ts

@@ -11,7 +11,7 @@ export declare function getClassNamesByMode({ mode, layout, tokensClassName, siz
 export declare const getParentElement: (el: HTMLElement | null) => HTMLElement | null;
 export declare const extractPortalRootByProp: (portalRootProp: HTMLElement | React.RefObject<HTMLElement>) => HTMLElement | null;
 export declare const CUSTOM_PROPERTY_INSET_PREFIX = "--vkui_internal--safe_area_inset_";
-export declare const setSafeAreaInsets: (safeAreaInsets: SafeAreaInsets | undefined, rootContainer: HTMLElement, portalContainer?: HTMLElement) => () => void;
+export declare const setSafeAreaInsets: (safeAreaInsets: SafeAreaInsets | undefined, rootContainer: HTMLElement, portalContainer?: HTMLElement) => (() => void);
 export declare function getUserSelectModeClassName({ userSelectMode, isWebView, hasPointer, }: {
     userSelectMode: AppRootUserSelectMode | undefined;
     isWebView: boolean;

package/dist/cjs/components/AppRoot/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/components/AppRoot/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAGjG,KAAK,wBAAwB,GAAG;IAC9B,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,cAAc,GAAG,MAAM,CAAC;IAC/B,KAAK,EAAE,cAAc,GAAG,MAAM,CAAC;CAChC,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,MAAM,EACN,eAAe,EACf,KAAK,EACL,KAAK,GACN,EAAE,wBAAwB,GAAG,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,CAAC,CA0BjD;AAED,eAAO,MAAM,gBAAgB,OAAQ,WAAW,GAAG,IAAI,uBAAmC,CAAC;AAE3F,eAAO,MAAM,uBAAuB,mBAClB,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,uBACgB,CAAC;AAE7E,eAAO,MAAM,4BAA4B,sCAAsC,CAAC;AAEhF,eAAO,MAAM,iBAAiB,mBACZ,cAAc,GAAG,SAAS,iBAC3B,WAAW,oBACR,WAAW,eA4B9B,CAAC;AAEF,wBAAgB,0BAA0B,CAAC,EACzC,cAAc,EACd,SAAS,EACT,UAAU,GACX,EAAE;IACD,cAAc,EAAE,qBAAqB,GAAG,SAAS,CAAC;IAClD,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,GAAG,SAAS,CAAC;CACjC,GAAG,MAAM,GAAG,IAAI,CAqBhB"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/components/AppRoot/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAGjG,KAAK,wBAAwB,GAAG;IAC9B,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,cAAc,GAAG,MAAM,CAAC;IAC/B,KAAK,EAAE,cAAc,GAAG,MAAM,CAAC;CAChC,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,MAAM,EACN,eAAe,EACf,KAAK,EACL,KAAK,GACN,EAAE,wBAAwB,GAAG,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,CAAC,CA0BjD;AAED,eAAO,MAAM,gBAAgB,OAAQ,WAAW,GAAG,IAAI,KAAG,WAAW,GAAG,IAC1C,CAAC;AAE/B,eAAO,MAAM,uBAAuB,mBAClB,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,KACzD,WAAW,GAAG,IAA+E,CAAC;AAEjG,eAAO,MAAM,4BAA4B,sCAAsC,CAAC;AAEhF,eAAO,MAAM,iBAAiB,mBACZ,cAAc,GAAG,SAAS,iBAC3B,WAAW,oBACR,WAAW,KAC5B,CAAC,MAAM,IAAI,CA2Bb,CAAC;AAEF,wBAAgB,0BAA0B,CAAC,EACzC,cAAc,EACd,SAAS,EACT,UAAU,GACX,EAAE;IACD,cAAc,EAAE,qBAAqB,GAAG,SAAS,CAAC;IAClD,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,GAAG,SAAS,CAAC;CACjC,GAAG,MAAM,GAAG,IAAI,CAqBhB"}

package/dist/cjs/components/AppRoot/helpers.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/AppRoot/helpers.ts"],"sourcesContent":["import type { SizeTypeValues } from '../../lib/adaptivity';\nimport { isRefObject } from '../../lib/isRefObject';\nimport type { AppRootLayout, AppRootMode, AppRootUserSelectMode, SafeAreaInsets } from './types';\nimport styles from './AppRoot.module.css';\n\ntype ContainerClassNamesProps = {\n  mode: AppRootMode;\n  layout?: AppRootLayout;\n  tokensClassName: string;\n  sizeX: SizeTypeValues | 'none';\n  sizeY: SizeTypeValues | 'none';\n};\n\nexport function getClassNamesByMode({\n  mode,\n  layout,\n  tokensClassName,\n  sizeX,\n  sizeY,\n}: ContainerClassNamesProps): [string[], string[]] {\n  const baseClassNames: string[] = ['vkui__root'];\n  const stylesClassNames: string[] = [tokensClassName];\n\n  if (mode === 'full' || mode === 'embedded') {\n    if (layout) {\n      const vkuiLayoutClassNames = { card: 'vkui--layout-card', plain: 'vkui--layout-plain' };\n      stylesClassNames.push(vkuiLayoutClassNames[layout]);\n    }\n\n    if (sizeX !== 'compact') {\n      const vkuiSizeXClassNames = { none: 'vkui--sizeX-none', regular: 'vkui--sizeX-regular' };\n      stylesClassNames.push(vkuiSizeXClassNames[sizeX]);\n    }\n\n    if (sizeY !== 'regular') {\n      const vkuiSizeYClassNames = { none: 'vkui--sizeY-none', compact: 'vkui--sizeY-compact' };\n      stylesClassNames.push(vkuiSizeYClassNames[sizeY]);\n    }\n\n    if (mode === 'embedded') {\n      baseClassNames.push('vkui__root--embedded');\n    }\n  }\n\n  return [baseClassNames, stylesClassNames];\n}\n\nexport const getParentElement = (el: HTMLElement | null) => (el ? el.parentElement : null);\n\nexport const extractPortalRootByProp = (\n  portalRootProp: HTMLElement | React.RefObject<HTMLElement>,\n) => (isRefObject(portalRootProp) ? portalRootProp.current : portalRootProp);\n\nexport const CUSTOM_PROPERTY_INSET_PREFIX = `--vkui_internal--safe_area_inset_`;\n\nexport const setSafeAreaInsets = (\n  safeAreaInsets: SafeAreaInsets | undefined,\n  rootContainer: HTMLElement,\n  portalContainer?: HTMLElement,\n) => {\n  if (!safeAreaInsets) {\n    return () => void 0;\n  }\n\n  for (const key in safeAreaInsets) {\n    if (safeAreaInsets.hasOwnProperty(key) && typeof safeAreaInsets[key] === 'number') {\n      const propertyKey = `${CUSTOM_PROPERTY_INSET_PREFIX}${key}`;\n      const propertyValue = safeAreaInsets[key];\n      rootContainer.style.setProperty(propertyKey, `${propertyValue}px`);\n      if (portalContainer) {\n        portalContainer.style.setProperty(propertyKey, `${propertyValue}px`);\n      }\n    }\n  }\n\n  return function unset() {\n    for (const key in safeAreaInsets) {\n      if (safeAreaInsets.hasOwnProperty(key)) {\n        const propertyKey = `${CUSTOM_PROPERTY_INSET_PREFIX}${key}`;\n        rootContainer.style.removeProperty(propertyKey);\n        if (portalContainer) {\n          portalContainer.style.removeProperty(propertyKey);\n        }\n      }\n    }\n  };\n};\n\nexport function getUserSelectModeClassName({\n  userSelectMode,\n  isWebView,\n  hasPointer,\n}: {\n  userSelectMode: AppRootUserSelectMode | undefined;\n  isWebView: boolean;\n  hasPointer: boolean | undefined;\n}): string | null {\n  switch (userSelectMode) {\n    case 'enabled-with-pointer': {\n      if (hasPointer) {\n        return null;\n      }\n\n      const enableByHasPointerMediaQuery = hasPointer === undefined;\n      if (enableByHasPointerMediaQuery) {\n        return styles['AppRoot--pointer-none'];\n      }\n\n      return styles['AppRoot--user-select-none'];\n    }\n    case 'disabled':\n      return styles['AppRoot--user-select-none'];\n    case 'enabled':\n      return null;\n    default:\n      return isWebView ? styles['AppRoot--user-select-none'] : null;\n  }\n}\n"],"names":["CUSTOM_PROPERTY_INSET_PREFIX","extractPortalRootByProp","getClassNamesByMode","getParentElement","getUserSelectModeClassName","setSafeAreaInsets","mode","layout","tokensClassName","sizeX","sizeY","baseClassNames","stylesClassNames","vkuiLayoutClassNames","card","plain","push","vkuiSizeXClassNames","none","regular","vkuiSizeYClassNames","compact","el","parentElement","portalRootProp","isRefObject","current","safeAreaInsets","rootContainer","portalContainer","key","hasOwnProperty","propertyKey","propertyValue","style","setProperty","unset","removeProperty","userSelectMode","isWebView","hasPointer","enableByHasPointerMediaQuery","undefined"],"mappings":";;;;;;;;;;;IAqDaA,4BAA4B;eAA5BA;;IAJAC,uBAAuB;eAAvBA;;IApCGC,mBAAmB;eAAnBA;;IAkCHC,gBAAgB;eAAhBA;;IAyCGC,0BAA0B;eAA1BA;;IAjCHC,iBAAiB;eAAjBA;;;6BAtDe;AAYrB,SAASH,oBAAoB,EAClCI,IAAI,EACJC,MAAM,EACNC,eAAe,EACfC,KAAK,EACLC,KAAK,EACoB;IACzB,MAAMC,iBAA2B;QAAC;KAAa;IAC/C,MAAMC,mBAA6B;QAACJ;KAAgB;IAEpD,IAAIF,SAAS,UAAUA,SAAS,YAAY;QAC1C,IAAIC,QAAQ;YACV,MAAMM,uBAAuB;gBAAEC,MAAM;gBAAqBC,OAAO;YAAqB;YACtFH,iBAAiBI,IAAI,CAACH,oBAAoB,CAACN,OAAO;QACpD;QAEA,IAAIE,UAAU,WAAW;YACvB,MAAMQ,sBAAsB;gBAAEC,MAAM;gBAAoBC,SAAS;YAAsB;YACvFP,iBAAiBI,IAAI,CAACC,mBAAmB,CAACR,MAAM;QAClD;QAEA,IAAIC,UAAU,WAAW;YACvB,MAAMU,sBAAsB;gBAAEF,MAAM;gBAAoBG,SAAS;YAAsB;YACvFT,iBAAiBI,IAAI,CAACI,mBAAmB,CAACV,MAAM;QAClD;QAEA,IAAIJ,SAAS,YAAY;YACvBK,eAAeK,IAAI,CAAC;QACtB;IACF;IAEA,OAAO;QAACL;QAAgBC;KAAiB;AAC3C;AAEO,MAAMT,mBAAmB,CAACmB,KAA4BA,KAAKA,GAAGC,aAAa,GAAG;AAE9E,MAAMtB,0BAA0B,CACrCuB,iBACIC,IAAAA,wBAAW,EAACD,kBAAkBA,eAAeE,OAAO,GAAGF;AAEtD,MAAMxB,+BAA+B,CAAC,iCAAiC,CAAC;AAExE,MAAMK,oBAAoB,CAC/BsB,gBACAC,eACAC;IAEA,IAAI,CAACF,gBAAgB;QACnB,OAAO,IAAM,KAAK;IACpB;IAEA,IAAK,MAAMG,OAAOH,eAAgB;QAChC,IAAIA,eAAeI,cAAc,CAACD,QAAQ,OAAOH,cAAc,CAACG,IAAI,KAAK,UAAU;YACjF,MAAME,cAAc,CAAC,EAAEhC,6BAA6B,EAAE8B,IAAI,CAAC;YAC3D,MAAMG,gBAAgBN,cAAc,CAACG,IAAI;YACzCF,cAAcM,KAAK,CAACC,WAAW,CAACH,aAAa,CAAC,EAAEC,cAAc,EAAE,CAAC;YACjE,IAAIJ,iBAAiB;gBACnBA,gBAAgBK,KAAK,CAACC,WAAW,CAACH,aAAa,CAAC,EAAEC,cAAc,EAAE,CAAC;YACrE;QACF;IACF;IAEA,OAAO,SAASG;QACd,IAAK,MAAMN,OAAOH,eAAgB;YAChC,IAAIA,eAAeI,cAAc,CAACD,MAAM;gBACtC,MAAME,cAAc,CAAC,EAAEhC,6BAA6B,EAAE8B,IAAI,CAAC;gBAC3DF,cAAcM,KAAK,CAACG,cAAc,CAACL;gBACnC,IAAIH,iBAAiB;oBACnBA,gBAAgBK,KAAK,CAACG,cAAc,CAACL;gBACvC;YACF;QACF;IACF;AACF;AAEO,SAAS5B,2BAA2B,EACzCkC,cAAc,EACdC,SAAS,EACTC,UAAU,EAKX;IACC,OAAQF;QACN,KAAK;YAAwB;gBAC3B,IAAIE,YAAY;oBACd,OAAO;gBACT;gBAEA,MAAMC,+BAA+BD,eAAeE;gBACpD,IAAID,8BAA8B;oBAChC;gBACF;gBAEA;YACF;QACA,KAAK;YACH;QACF,KAAK;YACH,OAAO;QACT;YACE,OAAOF,8CAAkD;IAC7D;AACF"}
+{"version":3,"sources":["../../../../src/components/AppRoot/helpers.ts"],"sourcesContent":["import type { SizeTypeValues } from '../../lib/adaptivity';\nimport { isRefObject } from '../../lib/isRefObject';\nimport type { AppRootLayout, AppRootMode, AppRootUserSelectMode, SafeAreaInsets } from './types';\nimport styles from './AppRoot.module.css';\n\ntype ContainerClassNamesProps = {\n  mode: AppRootMode;\n  layout?: AppRootLayout;\n  tokensClassName: string;\n  sizeX: SizeTypeValues | 'none';\n  sizeY: SizeTypeValues | 'none';\n};\n\nexport function getClassNamesByMode({\n  mode,\n  layout,\n  tokensClassName,\n  sizeX,\n  sizeY,\n}: ContainerClassNamesProps): [string[], string[]] {\n  const baseClassNames: string[] = ['vkui__root'];\n  const stylesClassNames: string[] = [tokensClassName];\n\n  if (mode === 'full' || mode === 'embedded') {\n    if (layout) {\n      const vkuiLayoutClassNames = { card: 'vkui--layout-card', plain: 'vkui--layout-plain' };\n      stylesClassNames.push(vkuiLayoutClassNames[layout]);\n    }\n\n    if (sizeX !== 'compact') {\n      const vkuiSizeXClassNames = { none: 'vkui--sizeX-none', regular: 'vkui--sizeX-regular' };\n      stylesClassNames.push(vkuiSizeXClassNames[sizeX]);\n    }\n\n    if (sizeY !== 'regular') {\n      const vkuiSizeYClassNames = { none: 'vkui--sizeY-none', compact: 'vkui--sizeY-compact' };\n      stylesClassNames.push(vkuiSizeYClassNames[sizeY]);\n    }\n\n    if (mode === 'embedded') {\n      baseClassNames.push('vkui__root--embedded');\n    }\n  }\n\n  return [baseClassNames, stylesClassNames];\n}\n\nexport const getParentElement = (el: HTMLElement | null): HTMLElement | null =>\n  el ? el.parentElement : null;\n\nexport const extractPortalRootByProp = (\n  portalRootProp: HTMLElement | React.RefObject<HTMLElement>,\n): HTMLElement | null => (isRefObject(portalRootProp) ? portalRootProp.current : portalRootProp);\n\nexport const CUSTOM_PROPERTY_INSET_PREFIX = `--vkui_internal--safe_area_inset_`;\n\nexport const setSafeAreaInsets = (\n  safeAreaInsets: SafeAreaInsets | undefined,\n  rootContainer: HTMLElement,\n  portalContainer?: HTMLElement,\n): (() => void) => {\n  if (!safeAreaInsets) {\n    return () => void 0;\n  }\n\n  for (const key in safeAreaInsets) {\n    if (safeAreaInsets.hasOwnProperty(key) && typeof safeAreaInsets[key] === 'number') {\n      const propertyKey = `${CUSTOM_PROPERTY_INSET_PREFIX}${key}`;\n      const propertyValue = safeAreaInsets[key];\n      rootContainer.style.setProperty(propertyKey, `${propertyValue}px`);\n      if (portalContainer) {\n        portalContainer.style.setProperty(propertyKey, `${propertyValue}px`);\n      }\n    }\n  }\n\n  return function unset() {\n    for (const key in safeAreaInsets) {\n      if (safeAreaInsets.hasOwnProperty(key)) {\n        const propertyKey = `${CUSTOM_PROPERTY_INSET_PREFIX}${key}`;\n        rootContainer.style.removeProperty(propertyKey);\n        if (portalContainer) {\n          portalContainer.style.removeProperty(propertyKey);\n        }\n      }\n    }\n  };\n};\n\nexport function getUserSelectModeClassName({\n  userSelectMode,\n  isWebView,\n  hasPointer,\n}: {\n  userSelectMode: AppRootUserSelectMode | undefined;\n  isWebView: boolean;\n  hasPointer: boolean | undefined;\n}): string | null {\n  switch (userSelectMode) {\n    case 'enabled-with-pointer': {\n      if (hasPointer) {\n        return null;\n      }\n\n      const enableByHasPointerMediaQuery = hasPointer === undefined;\n      if (enableByHasPointerMediaQuery) {\n        return styles['AppRoot--pointer-none'];\n      }\n\n      return styles['AppRoot--user-select-none'];\n    }\n    case 'disabled':\n      return styles['AppRoot--user-select-none'];\n    case 'enabled':\n      return null;\n    default:\n      return isWebView ? styles['AppRoot--user-select-none'] : null;\n  }\n}\n"],"names":["CUSTOM_PROPERTY_INSET_PREFIX","extractPortalRootByProp","getClassNamesByMode","getParentElement","getUserSelectModeClassName","setSafeAreaInsets","mode","layout","tokensClassName","sizeX","sizeY","baseClassNames","stylesClassNames","vkuiLayoutClassNames","card","plain","push","vkuiSizeXClassNames","none","regular","vkuiSizeYClassNames","compact","el","parentElement","portalRootProp","isRefObject","current","safeAreaInsets","rootContainer","portalContainer","key","hasOwnProperty","propertyKey","propertyValue","style","setProperty","unset","removeProperty","userSelectMode","isWebView","hasPointer","enableByHasPointerMediaQuery","undefined"],"mappings":";;;;;;;;;;;IAsDaA,4BAA4B;eAA5BA;;IAJAC,uBAAuB;eAAvBA;;IArCGC,mBAAmB;eAAnBA;;IAkCHC,gBAAgB;eAAhBA;;IA0CGC,0BAA0B;eAA1BA;;IAjCHC,iBAAiB;eAAjBA;;;6BAvDe;AAYrB,SAASH,oBAAoB,EAClCI,IAAI,EACJC,MAAM,EACNC,eAAe,EACfC,KAAK,EACLC,KAAK,EACoB;IACzB,MAAMC,iBAA2B;QAAC;KAAa;IAC/C,MAAMC,mBAA6B;QAACJ;KAAgB;IAEpD,IAAIF,SAAS,UAAUA,SAAS,YAAY;QAC1C,IAAIC,QAAQ;YACV,MAAMM,uBAAuB;gBAAEC,MAAM;gBAAqBC,OAAO;YAAqB;YACtFH,iBAAiBI,IAAI,CAACH,oBAAoB,CAACN,OAAO;QACpD;QAEA,IAAIE,UAAU,WAAW;YACvB,MAAMQ,sBAAsB;gBAAEC,MAAM;gBAAoBC,SAAS;YAAsB;YACvFP,iBAAiBI,IAAI,CAACC,mBAAmB,CAACR,MAAM;QAClD;QAEA,IAAIC,UAAU,WAAW;YACvB,MAAMU,sBAAsB;gBAAEF,MAAM;gBAAoBG,SAAS;YAAsB;YACvFT,iBAAiBI,IAAI,CAACI,mBAAmB,CAACV,MAAM;QAClD;QAEA,IAAIJ,SAAS,YAAY;YACvBK,eAAeK,IAAI,CAAC;QACtB;IACF;IAEA,OAAO;QAACL;QAAgBC;KAAiB;AAC3C;AAEO,MAAMT,mBAAmB,CAACmB,KAC/BA,KAAKA,GAAGC,aAAa,GAAG;AAEnB,MAAMtB,0BAA0B,CACrCuB,iBACwBC,IAAAA,wBAAW,EAACD,kBAAkBA,eAAeE,OAAO,GAAGF;AAE1E,MAAMxB,+BAA+B,CAAC,iCAAiC,CAAC;AAExE,MAAMK,oBAAoB,CAC/BsB,gBACAC,eACAC;IAEA,IAAI,CAACF,gBAAgB;QACnB,OAAO,IAAM,KAAK;IACpB;IAEA,IAAK,MAAMG,OAAOH,eAAgB;QAChC,IAAIA,eAAeI,cAAc,CAACD,QAAQ,OAAOH,cAAc,CAACG,IAAI,KAAK,UAAU;YACjF,MAAME,cAAc,CAAC,EAAEhC,6BAA6B,EAAE8B,IAAI,CAAC;YAC3D,MAAMG,gBAAgBN,cAAc,CAACG,IAAI;YACzCF,cAAcM,KAAK,CAACC,WAAW,CAACH,aAAa,CAAC,EAAEC,cAAc,EAAE,CAAC;YACjE,IAAIJ,iBAAiB;gBACnBA,gBAAgBK,KAAK,CAACC,WAAW,CAACH,aAAa,CAAC,EAAEC,cAAc,EAAE,CAAC;YACrE;QACF;IACF;IAEA,OAAO,SAASG;QACd,IAAK,MAAMN,OAAOH,eAAgB;YAChC,IAAIA,eAAeI,cAAc,CAACD,MAAM;gBACtC,MAAME,cAAc,CAAC,EAAEhC,6BAA6B,EAAE8B,IAAI,CAAC;gBAC3DF,cAAcM,KAAK,CAACG,cAAc,CAACL;gBACnC,IAAIH,iBAAiB;oBACnBA,gBAAgBK,KAAK,CAACG,cAAc,CAACL;gBACvC;YACF;QACF;IACF;AACF;AAEO,SAAS5B,2BAA2B,EACzCkC,cAAc,EACdC,SAAS,EACTC,UAAU,EAKX;IACC,OAAQF;QACN,KAAK;YAAwB;gBAC3B,IAAIE,YAAY;oBACd,OAAO;gBACT;gBAEA,MAAMC,+BAA+BD,eAAeE;gBACpD,IAAID,8BAA8B;oBAChC;gBACF;gBAEA;YACF;QACA,KAAK;YACH;QACF,KAAK;YACH,OAAO;QACT;YACE,OAAOF,8CAAkD;IAC7D;AACF"}

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

@@ -7,5 +7,5 @@ export interface AppearanceProviderProps {
 /**
  * @see https://vkcom.github.io/VKUI/#/AppearanceProvider
  */
-export declare const AppearanceProvider: ({ value, children }: AppearanceProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AppearanceProvider: ({ value, children, }: AppearanceProviderProps) => React.ReactNode;
 //# sourceMappingURL=AppearanceProvider.d.ts.map

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

@@ -1 +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,KAAK,EAAE,cAAc,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,wBAAyB,uBAAuB,4CAQ9E,CAAC"}
+{"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,KAAK,EAAE,cAAc,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,yBAG5B,uBAAuB,KAAG,KAAK,CAAC,SAQlC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/AppearanceProvider/AppearanceProvider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { IconAppearanceProvider } from '@vkontakte/icons';\nimport type { AppearanceType } from '../../lib/appearance';\nimport { TokensClassProvider } from '../../lib/tokens';\nimport { ConfigProviderOverride } from '../ConfigProvider/ConfigProviderOverride';\n\nexport interface AppearanceProviderProps {\n  value: AppearanceType;\n  children: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/AppearanceProvider\n */\nexport const AppearanceProvider = ({ value, children }: AppearanceProviderProps) => {\n  return (\n    <ConfigProviderOverride appearance={value}>\n      <IconAppearanceProvider value={value}>\n        <TokensClassProvider>{children}</TokensClassProvider>\n      </IconAppearanceProvider>\n    </ConfigProviderOverride>\n  );\n};\n"],"names":["AppearanceProvider","value","children","ConfigProviderOverride","appearance","IconAppearanceProvider","TokensClassProvider"],"mappings":";;;;+BAcaA;;;eAAAA;;;;;iEAdU;uBACgB;wBAEH;wCACG;AAUhC,MAAMA,qBAAqB,CAAC,EAAEC,KAAK,EAAEC,QAAQ,EAA2B;IAC7E,qBACE,qBAACC,8CAAsB;QAACC,YAAYH;kBAClC,cAAA,qBAACI,6BAAsB;YAACJ,OAAOA;sBAC7B,cAAA,qBAACK,2BAAmB;0BAAEJ;;;;AAI9B"}
+{"version":3,"sources":["../../../../src/components/AppearanceProvider/AppearanceProvider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { IconAppearanceProvider } from '@vkontakte/icons';\nimport type { AppearanceType } from '../../lib/appearance';\nimport { TokensClassProvider } from '../../lib/tokens';\nimport { ConfigProviderOverride } from '../ConfigProvider/ConfigProviderOverride';\n\nexport interface AppearanceProviderProps {\n  value: AppearanceType;\n  children: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/AppearanceProvider\n */\nexport const AppearanceProvider = ({\n  value,\n  children,\n}: AppearanceProviderProps): React.ReactNode => {\n  return (\n    <ConfigProviderOverride appearance={value}>\n      <IconAppearanceProvider value={value}>\n        <TokensClassProvider>{children}</TokensClassProvider>\n      </IconAppearanceProvider>\n    </ConfigProviderOverride>\n  );\n};\n"],"names":["AppearanceProvider","value","children","ConfigProviderOverride","appearance","IconAppearanceProvider","TokensClassProvider"],"mappings":";;;;+BAcaA;;;eAAAA;;;;;iEAdU;uBACgB;wBAEH;wCACG;AAUhC,MAAMA,qBAAqB,CAAC,EACjCC,KAAK,EACLC,QAAQ,EACgB;IACxB,qBACE,qBAACC,8CAAsB;QAACC,YAAYH;kBAClC,cAAA,qBAACI,6BAAsB;YAACJ,OAAOA;sBAC7B,cAAA,qBAACK,2BAAmB;0BAAEJ;;;;AAI9B"}

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

@@ -1,5 +1,5 @@
-import { HTMLAttributesWithRootRef } from '../../types';
-export interface AspectRatioProps extends HTMLAttributesWithRootRef<HTMLDivElement> {
+import { RootComponentProps } from '../RootComponent/RootComponent';
+export interface AspectRatioProps extends Omit<RootComponentProps<HTMLElement>, 'baseClassName'> {
     className?: string;
     /**
      * По умолчанию, вложенный контент будет растягиваться и заполнять весь блок.

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

@@ -1 +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"}
+{"version":3,"file":"AspectRatio.d.ts","sourceRoot":"","sources":["../../../../src/components/AspectRatio/AspectRatio.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAiB,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGnF,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,kBAAkB,CAAC,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9F,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/cjs/components/AspectRatio/AspectRatio.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/AspectRatio/AspectRatio.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { CSSCustomProperties, HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './AspectRatio.module.css';\n\nexport interface AspectRatioProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  className?: string;\n  /**\n   * По умолчанию, вложенный контент будет растягиваться и заполнять весь блок.\n   */\n  mode?: 'stretch' | 'none';\n  /**\n   * Например 16 / 9, 4 / 3, 1920 / 1080\n   */\n  ratio: number;\n}\n\n/**\n * `AspectRatio` позволяет поддерживать постоянное соотношение ширины и высоты.\n * Его можно использовать для отображения изображений, карт, видео и других медиафайлов.\n\n * @since 5.5.0\n * @see https://vkcom.github.io/VKUI/#/AspectRatio\n */\nexport function AspectRatio({\n  ratio,\n  mode = 'stretch',\n  style: styleProp,\n  ...props\n}: AspectRatioProps): JSX.Element {\n  const style: React.CSSProperties & CSSCustomProperties = {\n    ['--vkui_internal--aspect_ratio']: String(ratio),\n  };\n\n  return (\n    <RootComponent\n      baseClassName={classNames(\n        styles.AspectRatio,\n        mode === 'stretch' && styles['AspectRatio--mode-stretch'],\n      )}\n      style={{ ...styleProp, ...style }}\n      {...props}\n    />\n  );\n}\n"],"names":["AspectRatio","ratio","mode","style","styleProp","props","String","RootComponent","baseClassName","classNames"],"mappings":";;;;+BAyBgBA;;;eAAAA;;;;;;;iEAzBO;sBACI;+BAEG;AAsBvB,SAASA,YAAY;QAAA,EAC1BC,KAAK,EACLC,OAAO,SAAS,EAChBC,OAAOC,SAAS,EAEC,GALS,QAIvBC,qCAJuB;QAC1BJ;QACAC;QACAC;;IAGA,MAAMA,QAAmD;QACvD,CAAC,gCAAgC,EAAEG,OAAOL;IAC5C;IAEA,qBACE,qBAACM,4BAAa;QACZC,eAAeC,IAAAA,gBAAU,qBAEvBP,SAAS;QAEXC,OAAO,qBAAKC,WAAcD;OACtBE;AAGV"}
+{"version":3,"sources":["../../../../src/components/AspectRatio/AspectRatio.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { CSSCustomProperties } from '../../types';\nimport { RootComponent, RootComponentProps } from '../RootComponent/RootComponent';\nimport styles from './AspectRatio.module.css';\n\nexport interface AspectRatioProps extends Omit<RootComponentProps<HTMLElement>, 'baseClassName'> {\n  className?: string;\n  /**\n   * По умолчанию, вложенный контент будет растягиваться и заполнять весь блок.\n   */\n  mode?: 'stretch' | 'none';\n  /**\n   * Например 16 / 9, 4 / 3, 1920 / 1080\n   */\n  ratio: number;\n}\n\n/**\n * `AspectRatio` позволяет поддерживать постоянное соотношение ширины и высоты.\n * Его можно использовать для отображения изображений, карт, видео и других медиафайлов.\n\n * @since 5.5.0\n * @see https://vkcom.github.io/VKUI/#/AspectRatio\n */\nexport function AspectRatio({\n  ratio,\n  mode = 'stretch',\n  style: styleProp,\n  ...props\n}: AspectRatioProps): JSX.Element {\n  const style: React.CSSProperties & CSSCustomProperties = {\n    ['--vkui_internal--aspect_ratio']: String(ratio),\n  };\n\n  return (\n    <RootComponent\n      baseClassName={classNames(\n        styles.AspectRatio,\n        mode === 'stretch' && styles['AspectRatio--mode-stretch'],\n      )}\n      style={{ ...styleProp, ...style }}\n      {...props}\n    />\n  );\n}\n"],"names":["AspectRatio","ratio","mode","style","styleProp","props","String","RootComponent","baseClassName","classNames"],"mappings":";;;;+BAyBgBA;;;eAAAA;;;;;;;iEAzBO;sBACI;+BAEuB;AAsB3C,SAASA,YAAY;QAAA,EAC1BC,KAAK,EACLC,OAAO,SAAS,EAChBC,OAAOC,SAAS,EAEC,GALS,QAIvBC,qCAJuB;QAC1BJ;QACAC;QACAC;;IAGA,MAAMA,QAAmD;QACvD,CAAC,gCAAgC,EAAEG,OAAOL;IAC5C;IAEA,qBACE,qBAACM,4BAAa;QACZC,eAAeC,IAAAA,gBAAU,qBAEvBP,SAAS;QAEXC,OAAO,qBAAKC,WAAcD;OACtBE;AAGV"}