npm - @vkontakte/vkui - Versions diffs - 8.0.2 → 8.1.0 - Mend

@vkontakte/vkui 8.0.2 → 8.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1384) hide show

package/dist/components/ActionSheetItem/ActionSheetItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/ActionSheetItem/ActionSheetItem.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Keys, pressedKey } from '../../lib/accessibility';\nimport { warnOnce } from '../../lib/warnOnce';\nimport type { HasDataAttribute } from '../../types';\nimport { ActionSheetContext, type ActionSheetContextType } from '../ActionSheet/ActionSheetContext';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { Text } from '../Typography/Text/Text';\nimport { Title } from '../Typography/Title/Title';\nimport { ActionSheetItemContext } from './context';\nimport { isRealClickEvent } from './helpers';\nimport { Radio } from './subcomponents/Radio/Radio';\nimport styles from './ActionSheetItem.module.css';\n\nconst warn = warnOnce('ActionSheetItem');\n\nexport interface ActionSheetItemProps\n extends React.HTMLAttributes<HTMLElement>,\n React.AnchorHTMLAttributes<HTMLElement>,\n HasDataAttribute,\n Pick<React.InputHTMLAttributes<HTMLInputElement>, 'name' \| 'checked' \| 'value'> {\n /*\n Свойство, определяющее внешний вид элемента действия.\n \n > Since 8.0.0. Значение `\"cancel\"` устарело и будет удалено в VKUI v10.\n * > Используйте компонент `ActionSheetDefaultIosCloseItem` или передайте пропсы через `slotProps.iosCloseItem` в `ActionSheet`.\n /\n mode?: 'default' \| 'destructive' \| 'cancel';\n /\n Если указано, элемент будет использоваться как ссылка.\n /\n href?: string;\n /\n Атрибут `target` для тега `<a>`.\n /\n target?: string;\n /\n Иконка или другой React-элемент для отображения перед основным контентом.\n /\n before?: React.ReactNode;\n /\n Иконка или другой React-элемент для отображения после основного контента.\n /\n after?: React.ReactNode;\n /\n Дополнительная информация, отображаемая рядом с основным контентом.\n /\n meta?: React.ReactNode;\n /\n Слот для подсказки или вспомогательного текста.\n /\n subtitle?: React.ReactNode;\n /\n По умолчанию нажатие на опцию вызывает переданную в `ActionSheet` функцию `onClose`, данное свойство\n * позволяет отключить такое поведение.\n /\n autoCloseDisabled?: boolean;\n /\n Включает возможность выбрать элемент (отображает радиокнопку).\n /\n selectable?: boolean;\n /\n Блокировка взаимодействия с компонентом.\n /\n disabled?: boolean;\n /\n Все текстовые элементы при необходимости занимают несколько строк.\n /\n multiline?: boolean;\n /\n По умолчанию `onClick` будет вызван после завершения анимации скрытия и после вызова `onClose`.\n * Из этого следует, что в объекте события значения полей типа `currentTarget` будут не определены.\n * Если вам нужен объект события именно на момент нажатия, используйте `onImmediateClick`.\n /\n onClick?: React.MouseEventHandler<HTMLElement>;\n /\n Обработчик нажатия, вызывающийся непосредственно в момент нажатия (в отличие от `onClick`).\n /\n onImmediateClick?: React.MouseEventHandler<HTMLElement>;\n /\n Иконка для `selectable` режима.\n /\n iconChecked?: React.ReactNode;\n /\n Позволяет отделить `ActionItem` от `CancelItem` для определении того,\n * кто вызвал закрытие `ActionSheet`. Используется в `ActionSheet.onClose()`.\n \n @deprecated Since 8.0.0. Свойство устарело и будет удалено в VKUI v10.\n * Используйте компонент `ActionSheetDefaultIosCloseItem` или передайте пропсы через `slotProps.iosCloseItem` в `ActionSheet`.\n /\n isCancelItem?: boolean;\n}\n\n/\n @see https://vkui.io/components/action-sheet#action-sheet-item\n */\nexport const ActionSheetItem = ({\n children,\n autoCloseDisabled = false,\n mode = 'default',\n meta,\n subtitle,\n before,\n after,\n selectable,\n value,\n name,\n checked,\n defaultChecked,\n onChange,\n onClick,\n onImmediateClick,\n multiline = false,\n iconChecked,\n isCancelItem: isCancelItemProp,\n ...restProps\n}: ActionSheetItemProps): React.ReactNode => {\n const platform = usePlatform();\n const {\n onItemClick = () => noop,\n mode: actionSheetMode,\n onClose: onActionSheetClose,\n } = React.useContext<ActionSheetContextType<HTMLElement>>(ActionSheetContext);\n const { isCancelItem: isCancelItemFromContext } = React.useContext(ActionSheetItemContext);\n const { density } = useAdaptivityWithJSMediaQueries();\n\n if (process.env.NODE_ENV === 'development') {\n if (mode === 'cancel') {\n warn(\n 'Свойство `mode=\"cancel\"` устарело и будет удалено в VKUI v10. Используйте компонент `ActionSheetDefaultIosCloseItem` или передайте пропсы через `slotProps.iosCloseItem` в `ActionSheet`.',\n );\n }\n if (isCancelItemProp) {\n warn(\n 'Свойство `isCancelItem` устарело и будет удалено в VKUI v10. Используйте компонент `ActionSheetDefaultIosCloseItem` или передайте пропсы через `slotProps.iosCloseItem` в `ActionSheet`.',\n );\n }\n }\n\n const isCancelItem = isCancelItemFromContext \|\| !!isCancelItemProp;\n\n const isModeCancel = mode === 'cancel' \|\| isCancelItemFromContext;\n\n const Component: React.ElementType \| undefined = selectable ? 'label' : undefined;\n\n const isRich = subtitle \|\| meta \|\| selectable;\n const isCentered = !isRich && !before && platform === 'ios';\n\n const onItemClickHandler = React.useCallback(\n (e: React.MouseEvent) => {\n onItemClick({\n action: onClick,\n immediateAction: onImmediateClick,\n autoClose: !autoCloseDisabled,\n isCancelItem,\n })?.(e);\n },\n [autoCloseDisabled, isCancelItem, onClick, onImmediateClick, onItemClick],\n );\n\n const onKeyDown: React.KeyboardEventHandler<HTMLElement> = React.useCallback(\n (event) => {\n if (pressedKey(event) === Keys.ENTER) {\n onActionSheetClose?.('keydown-item');\n }\n },\n [onActionSheetClose],\n );\n\n const onItemClickImpl: React.MouseEventHandler<HTMLElement> = React.useCallback(\n (event) => {\n if (selectable) {\n if (isRealClickEvent(event)) {\n onItemClickHandler(event);\n }\n } else {\n onItemClickHandler(event);\n }\n },\n [onItemClickHandler, selectable],\n );\n\n return (\n <Tappable\n {...(Component && { Component })}\n {...restProps}\n onClick={onItemClickImpl}\n activeMode={platform === 'ios' ? styles.active : undefined}\n baseClassName={classNames(\n styles.host,\n platform === 'ios' && styles.ios,\n isModeCancel && styles.modeCancel,\n mode === 'destructive' && styles.modeDestructive,\n density === 'compact' && styles.densityCompact,\n isRich && styles.rich,\n actionSheetMode === 'menu' && styles.menu,\n restProps.disabled && styles.disabled,\n )}\n onKeyDown={onKeyDown}\n >\n {before && <div className={styles.before}>{before}</div>}\n <div className={classNames(styles.container, !multiline && styles.ellipsis)}>\n <div className={classNames(styles.content, isCentered && styles.centered)}>\n {platform === 'ios' ? (\n <Title\n className={styles.children}\n weight={isModeCancel ? '2' : '3'}\n level={isCentered ? '2' : '3'}\n >\n {children}\n </Title>\n ) : (\n <Text className={styles.children}>{children}</Text>\n )}\n {meta && <Text className={styles.meta}>{meta}</Text>}\n </div>\n {subtitle && <Subhead className={styles.subtitle}>{subtitle}</Subhead>}\n </div>\n {(selectable \|\| after) && (\n <div className={styles.after}>\n {after}\n {selectable && (\n <Radio\n name={name}\n value={value}\n onChange={onChange}\n defaultChecked={defaultChecked}\n checked={checked}\n disabled={restProps.disabled}\n >\n {iconChecked}\n </Radio>\n )}\n </div>\n )}\n </Tappable>\n );\n};\n"],"names":["React","classNames","noop","useAdaptivityWithJSMediaQueries","usePlatform","Keys","pressedKey","warnOnce","ActionSheetContext","Tappable","Subhead","Text","Title","ActionSheetItemContext","isRealClickEvent","Radio","warn","ActionSheetItem","children","autoCloseDisabled","mode","meta","subtitle","before","after","selectable","value","name","checked","defaultChecked","onChange","onClick","onImmediateClick","multiline","iconChecked","isCancelItem","isCancelItemProp","restProps","platform","onItemClick","actionSheetMode","onClose","onActionSheetClose","useContext","isCancelItemFromContext","density","process","env","NODE_ENV","isModeCancel","Component","undefined","isRich","isCentered","onItemClickHandler","useCallback","e","action","immediateAction","autoClose","onKeyDown","event","ENTER","onItemClickImpl","activeMode","baseClassName","disabled","div","className","weight","level"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../src/components/ActionSheetItem/ActionSheetItem.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Keys, pressedKey } from '../../lib/accessibility';\nimport { warnOnce } from '../../lib/warnOnce';\nimport type { HasDataAttribute } from '../../types';\nimport { ActionSheetContext, type ActionSheetContextType } from '../ActionSheet/ActionSheetContext';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { Text } from '../Typography/Text/Text';\nimport { Title } from '../Typography/Title/Title';\nimport { ActionSheetItemContext } from './context';\nimport { isRealClickEvent } from './helpers';\nimport { Radio } from './subcomponents/Radio/Radio';\nimport styles from './ActionSheetItem.module.css';\n\nconst warn = warnOnce('ActionSheetItem');\n\nexport interface ActionSheetItemProps\n extends React.HTMLAttributes<HTMLElement>,\n React.AnchorHTMLAttributes<HTMLElement>,\n HasDataAttribute,\n Pick<React.InputHTMLAttributes<HTMLInputElement>, 'name' \| 'checked' \| 'value'> {\n /*\n Свойство, определяющее внешний вид элемента действия.\n \n > Since 8.0.0. Значение `\"cancel\"` устарело и будет удалено в VKUI v10.\n * > Используйте компонент `ActionSheetDefaultIosCloseItem` или передайте пропсы через `slotProps.iosCloseItem` в `ActionSheet`.\n /\n mode?: 'default' \| 'destructive' \| 'cancel' \| undefined;\n /\n Если указано, элемент будет использоваться как ссылка.\n /\n href?: string \| undefined;\n /\n Атрибут `target` для тега `<a>`.\n /\n target?: string \| undefined;\n /\n Иконка или другой React-элемент для отображения перед основным контентом.\n /\n before?: React.ReactNode \| undefined;\n /\n Иконка или другой React-элемент для отображения после основного контента.\n /\n after?: React.ReactNode \| undefined;\n /\n Дополнительная информация, отображаемая рядом с основным контентом.\n /\n meta?: React.ReactNode \| undefined;\n /\n Слот для подсказки или вспомогательного текста.\n /\n subtitle?: React.ReactNode \| undefined;\n /\n По умолчанию нажатие на опцию вызывает переданную в `ActionSheet` функцию `onClose`, данное свойство\n * позволяет отключить такое поведение.\n /\n autoCloseDisabled?: boolean \| undefined;\n /\n Включает возможность выбрать элемент (отображает радиокнопку).\n /\n selectable?: boolean \| undefined;\n /\n Блокировка взаимодействия с компонентом.\n /\n disabled?: boolean \| undefined;\n /\n Все текстовые элементы при необходимости занимают несколько строк.\n /\n multiline?: boolean \| undefined;\n /\n По умолчанию `onClick` будет вызван после завершения анимации скрытия и после вызова `onClose`.\n * Из этого следует, что в объекте события значения полей типа `currentTarget` будут не определены.\n * Если вам нужен объект события именно на момент нажатия, используйте `onImmediateClick`.\n /\n onClick?: React.MouseEventHandler<HTMLElement> \| undefined;\n /\n Обработчик нажатия, вызывающийся непосредственно в момент нажатия (в отличие от `onClick`).\n /\n onImmediateClick?: React.MouseEventHandler<HTMLElement> \| undefined;\n /\n Иконка для `selectable` режима.\n /\n iconChecked?: React.ReactNode \| undefined;\n /\n Позволяет отделить `ActionItem` от `CancelItem` для определении того,\n * кто вызвал закрытие `ActionSheet`. Используется в `ActionSheet.onClose()`.\n \n @deprecated Since 8.0.0. Свойство устарело и будет удалено в VKUI v10.\n * Используйте компонент `ActionSheetDefaultIosCloseItem` или передайте пропсы через `slotProps.iosCloseItem` в `ActionSheet`.\n /\n isCancelItem?: boolean \| undefined;\n}\n\n/\n @see https://vkui.io/components/action-sheet#action-sheet-item\n */\nexport const ActionSheetItem = ({\n children,\n autoCloseDisabled = false,\n mode = 'default',\n meta,\n subtitle,\n before,\n after,\n selectable,\n value,\n name,\n checked,\n defaultChecked,\n onChange,\n onClick,\n onImmediateClick,\n multiline = false,\n iconChecked,\n isCancelItem: isCancelItemProp,\n ...restProps\n}: ActionSheetItemProps): React.ReactNode => {\n const platform = usePlatform();\n const {\n onItemClick = () => noop,\n mode: actionSheetMode,\n onClose: onActionSheetClose,\n } = React.useContext<ActionSheetContextType<HTMLElement>>(ActionSheetContext);\n const { isCancelItem: isCancelItemFromContext } = React.useContext(ActionSheetItemContext);\n const { density } = useAdaptivityWithJSMediaQueries();\n\n if (process.env.NODE_ENV === 'development') {\n if (mode === 'cancel') {\n warn(\n 'Свойство `mode=\"cancel\"` устарело и будет удалено в VKUI v10. Используйте компонент `ActionSheetDefaultIosCloseItem` или передайте пропсы через `slotProps.iosCloseItem` в `ActionSheet`.',\n );\n }\n if (isCancelItemProp) {\n warn(\n 'Свойство `isCancelItem` устарело и будет удалено в VKUI v10. Используйте компонент `ActionSheetDefaultIosCloseItem` или передайте пропсы через `slotProps.iosCloseItem` в `ActionSheet`.',\n );\n }\n }\n\n const isCancelItem = isCancelItemFromContext \|\| !!isCancelItemProp;\n\n const isModeCancel = mode === 'cancel' \|\| isCancelItemFromContext;\n\n const Component: React.ElementType \| undefined = selectable ? 'label' : undefined;\n\n const isRich = subtitle \|\| meta \|\| selectable;\n const isCentered = !isRich && !before && platform === 'ios';\n\n const onItemClickHandler = React.useCallback(\n (e: React.MouseEvent) => {\n onItemClick({\n action: onClick,\n immediateAction: onImmediateClick,\n autoClose: !autoCloseDisabled,\n isCancelItem,\n })?.(e);\n },\n [autoCloseDisabled, isCancelItem, onClick, onImmediateClick, onItemClick],\n );\n\n const onKeyDown: React.KeyboardEventHandler<HTMLElement> = React.useCallback(\n (event) => {\n if (pressedKey(event) === Keys.ENTER) {\n onActionSheetClose?.('keydown-item');\n }\n },\n [onActionSheetClose],\n );\n\n const onItemClickImpl: React.MouseEventHandler<HTMLElement> = React.useCallback(\n (event) => {\n if (selectable) {\n if (isRealClickEvent(event)) {\n onItemClickHandler(event);\n }\n } else {\n onItemClickHandler(event);\n }\n },\n [onItemClickHandler, selectable],\n );\n\n return (\n <Tappable\n {...(Component && { Component })}\n {...restProps}\n onClick={onItemClickImpl}\n activeMode={platform === 'ios' ? styles.active : undefined}\n baseClassName={classNames(\n styles.host,\n platform === 'ios' && styles.ios,\n isModeCancel && styles.modeCancel,\n mode === 'destructive' && styles.modeDestructive,\n density === 'compact' && styles.densityCompact,\n isRich && styles.rich,\n actionSheetMode === 'menu' && styles.menu,\n restProps.disabled && styles.disabled,\n )}\n onKeyDown={onKeyDown}\n >\n {before && <div className={styles.before}>{before}</div>}\n <div className={classNames(styles.container, !multiline && styles.ellipsis)}>\n <div className={classNames(styles.content, isCentered && styles.centered)}>\n {platform === 'ios' ? (\n <Title\n className={styles.children}\n weight={isModeCancel ? '2' : '3'}\n level={isCentered ? '2' : '3'}\n >\n {children}\n </Title>\n ) : (\n <Text className={styles.children}>{children}</Text>\n )}\n {meta && <Text className={styles.meta}>{meta}</Text>}\n </div>\n {subtitle && <Subhead className={styles.subtitle}>{subtitle}</Subhead>}\n </div>\n {(selectable \|\| after) && (\n <div className={styles.after}>\n {after}\n {selectable && (\n <Radio\n name={name}\n value={value}\n onChange={onChange}\n defaultChecked={defaultChecked}\n checked={checked}\n disabled={restProps.disabled}\n >\n {iconChecked}\n </Radio>\n )}\n </div>\n )}\n </Tappable>\n );\n};\n"],"names":["React","classNames","noop","useAdaptivityWithJSMediaQueries","usePlatform","Keys","pressedKey","warnOnce","ActionSheetContext","Tappable","Subhead","Text","Title","ActionSheetItemContext","isRealClickEvent","Radio","warn","ActionSheetItem","children","autoCloseDisabled","mode","meta","subtitle","before","after","selectable","value","name","checked","defaultChecked","onChange","onClick","onImmediateClick","multiline","iconChecked","isCancelItem","isCancelItemProp","restProps","platform","onItemClick","actionSheetMode","onClose","onActionSheetClose","useContext","isCancelItemFromContext","density","process","env","NODE_ENV","isModeCancel","Component","undefined","isRich","isCentered","onItemClickHandler","useCallback","e","action","immediateAction","autoClose","onKeyDown","event","ENTER","onItemClickImpl","activeMode","baseClassName","disabled","div","className","weight","level"],"mappings":"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"}

package/dist/components/ActionSheetItem/subcomponents/Radio/Radio.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@ interface ActionSheetItemCheckedProps extends React.InputHTMLAttributes<HTMLInpu
     /**
      * Иконка для `checked` режима.
      */
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 }
 export declare const Radio: ({ children, getRootRef, getRef, className, style, ...restProps }: ActionSheetItemCheckedProps) => React.ReactNode;
 export {};

package/dist/components/ActionSheetItem/subcomponents/Radio/Radio.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../../src/components/ActionSheetItem/subcomponents/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAU5D,UAAU,2BACR,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACjD,UAAU,CAAC,cAAc,CAAC,EAC1B,MAAM,CAAC,gBAAgB,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;~~CAC5B~~;AAED,eAAO,MAAM,KAAK,GAAI,kEAOnB,2BAA2B,KAAG,KAAK,CAAC,SAatC,CAAC"}
1	+ {"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../../src/components/ActionSheetItem/subcomponents/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAU5D,UAAU,2BACR,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACjD,UAAU,CAAC,cAAc,CAAC,EAC1B,MAAM,CAAC,gBAAgB,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;CACxC;AAED,eAAO,MAAM,KAAK,GAAI,kEAOnB,2BAA2B,KAAG,KAAK,CAAC,SAatC,CAAC"}

package/dist/components/ActionSheetItem/subcomponents/Radio/Radio.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/ActionSheetItem/subcomponents/Radio/Radio.tsx"],"sourcesContent":["import type * as React from 'react';\nimport { Icon20CheckCircleOn, Icon24CheckCircleOn } from '@vkontakte/icons';\nimport type { HasRef, HasRootRef } from '../../../../types';\nimport { AdaptiveIconRenderer } from '../../../AdaptiveIconRenderer/AdaptiveIconRenderer';\nimport { RootComponent } from '../../../RootComponent/RootComponent';\nimport { VisuallyHidden } from '../../../VisuallyHidden/VisuallyHidden';\nimport styles from './Radio.module.css';\n\nconst adaptiveIcon = (\n <AdaptiveIconRenderer IconCompact={Icon20CheckCircleOn} IconRegular={Icon24CheckCircleOn} />\n);\n\ninterface ActionSheetItemCheckedProps\n extends React.InputHTMLAttributes<HTMLInputElement>,\n HasRootRef<HTMLDivElement>,\n HasRef<HTMLInputElement> {\n /*\n Иконка для `checked` режима.\n */\n children?: React.ReactNode;\n}\n\nexport const Radio = ({\n children = adaptiveIcon,\n getRootRef,\n getRef,\n className,\n style,\n ...restProps\n}: ActionSheetItemCheckedProps): React.ReactNode => {\n return (\n <RootComponent getRootRef={getRootRef} className={className} style={style}>\n <VisuallyHidden\n Component=\"input\"\n getRootRef={getRef}\n type=\"radio\"\n className={styles.input}\n {...restProps}\n />\n {children}\n </RootComponent>\n );\n};\n"],"names":["Icon20CheckCircleOn","Icon24CheckCircleOn","AdaptiveIconRenderer","RootComponent","VisuallyHidden","adaptiveIcon","IconCompact","IconRegular","Radio","children","getRootRef","getRef","className","style","restProps","Component","type"],"mappings":";AACA,SAASA,mBAAmB,EAAEC,mBAAmB,QAAQ,mBAAmB;AAE5E,SAASC,oBAAoB,QAAQ,wDAAqD;AAC1F,SAASC,aAAa,QAAQ,0CAAuC;AACrE,SAASC,cAAc,QAAQ,4CAAyC;AAGxE,MAAMC,6BACJ,KAACH;IAAqBI,aAAaN;IAAqBO,aAAaN;;AAavE,OAAO,MAAMO,QAAQ,CAAC,EACpBC,WAAWJ,YAAY,EACvBK,UAAU,EACVC,MAAM,EACNC,SAAS,EACTC,KAAK,EACL,GAAGC,WACyB;IAC5B,qBACE,MAACX;QAAcO,YAAYA;QAAYE,WAAWA;QAAWC,OAAOA;;0BAClE,KAACT;gBACCW,WAAU;gBACVL,YAAYC;gBACZK,MAAK;gBACLJ,SAAS;gBACR,GAAGE,SAAS;;YAEdL;;;AAGP,EAAE"}
1	+ {"version":3,"sources":["../../../../../src/components/ActionSheetItem/subcomponents/Radio/Radio.tsx"],"sourcesContent":["import type * as React from 'react';\nimport { Icon20CheckCircleOn, Icon24CheckCircleOn } from '@vkontakte/icons';\nimport type { HasRef, HasRootRef } from '../../../../types';\nimport { AdaptiveIconRenderer } from '../../../AdaptiveIconRenderer/AdaptiveIconRenderer';\nimport { RootComponent } from '../../../RootComponent/RootComponent';\nimport { VisuallyHidden } from '../../../VisuallyHidden/VisuallyHidden';\nimport styles from './Radio.module.css';\n\nconst adaptiveIcon = (\n <AdaptiveIconRenderer IconCompact={Icon20CheckCircleOn} IconRegular={Icon24CheckCircleOn} />\n);\n\ninterface ActionSheetItemCheckedProps\n extends React.InputHTMLAttributes<HTMLInputElement>,\n HasRootRef<HTMLDivElement>,\n HasRef<HTMLInputElement> {\n /*\n Иконка для `checked` режима.\n */\n children?: React.ReactNode \| undefined;\n}\n\nexport const Radio = ({\n children = adaptiveIcon,\n getRootRef,\n getRef,\n className,\n style,\n ...restProps\n}: ActionSheetItemCheckedProps): React.ReactNode => {\n return (\n <RootComponent getRootRef={getRootRef} className={className} style={style}>\n <VisuallyHidden\n Component=\"input\"\n getRootRef={getRef}\n type=\"radio\"\n className={styles.input}\n {...restProps}\n />\n {children}\n </RootComponent>\n );\n};\n"],"names":["Icon20CheckCircleOn","Icon24CheckCircleOn","AdaptiveIconRenderer","RootComponent","VisuallyHidden","adaptiveIcon","IconCompact","IconRegular","Radio","children","getRootRef","getRef","className","style","restProps","Component","type"],"mappings":";AACA,SAASA,mBAAmB,EAAEC,mBAAmB,QAAQ,mBAAmB;AAE5E,SAASC,oBAAoB,QAAQ,wDAAqD;AAC1F,SAASC,aAAa,QAAQ,0CAAuC;AACrE,SAASC,cAAc,QAAQ,4CAAyC;AAGxE,MAAMC,6BACJ,KAACH;IAAqBI,aAAaN;IAAqBO,aAAaN;;AAavE,OAAO,MAAMO,QAAQ,CAAC,EACpBC,WAAWJ,YAAY,EACvBK,UAAU,EACVC,MAAM,EACNC,SAAS,EACTC,KAAK,EACL,GAAGC,WACyB;IAC5B,qBACE,MAACX;QAAcO,YAAYA;QAAYE,WAAWA;QAAWC,OAAOA;;0BAClE,KAACT;gBACCW,WAAU;gBACVL,YAAYC;gBACZK,MAAK;gBACLJ,SAAS;gBACR,GAAGE,SAAS;;YAEdL;;;AAGP,EAAE"}

package/dist/components/AdaptivityProvider/AdaptivityContext.d.ts CHANGED Viewed

@@ -5,34 +5,34 @@ export interface DensityProps {
      * Тип размера экрана по горизонтали.
      * @deprecated Since 8.0.0. Будет удалено в **VKUI v10** – используйте `sizeX="compact"` → `viewWidth={ViewWidth.MOBILE}` или `sizeX="compact"` → `viewWidth={ViewWidth.SMALL_TABLET}` (см. Https://github.com/VKCOM/VKUI/issues/9015).
      */
-    sizeX?: SizeTypeValues;
+    sizeX?: SizeTypeValues | undefined;
     /**
      * Тип размера экрана по вертикали.
      * @deprecated Since 8.0.0. Будет удалено в **VKUI v10** – используйте `density` (см. Https://github.com/VKCOM/VKUI/issues/9015).
      */
-    sizeY?: SizeTypeValues;
+    sizeY?: SizeTypeValues | undefined;
     /**
      * Тип размера экрана.
      */
-    density?: DensityTypeValues;
+    density?: DensityTypeValues | undefined;
 }
 export interface AdaptivityProps extends DensityProps {
     /**
      * Тип ширины экрана для адаптивного отображения.
      */
-    viewWidth?: ViewWidthType;
+    viewWidth?: ViewWidthType | undefined;
     /**
      * Тип высоты экрана для адаптивного отображения.
      */
-    viewHeight?: ViewHeightType;
+    viewHeight?: ViewHeightType | undefined;
     /**
      * Флаг наличия указателя (например, мыши) на устройстве.
      */
-    hasPointer?: boolean;
+    hasPointer?: boolean | undefined;
     /**
      * @deprecated Since 7.3.0. Будет удалено в **VKUI v9** (см. Https://github.com/VKCOM/VKUI/pull/8490).
      */
-    hasHover?: boolean;
+    hasHover?: boolean | undefined;
 }
 export declare const AdaptivityContext: React.Context<AdaptivityProps>;
 //# sourceMappingURL=AdaptivityContext.d.ts.map

package/dist/components/AdaptivityProvider/AdaptivityContext.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AdaptivityContext.d.ts","sourceRoot":"","sources":["../../../src/components/AdaptivityProvider/AdaptivityContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EACV,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,aAAa,EACd,MAAM,sBAAsB,CAAC;AAE9B,MAAM,WAAW,YAAY;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;~~IACvB~~;;;OAGG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;~~IACvB~~;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;~~CAC7B~~;AAED,MAAM,WAAW,eAAgB,SAAQ,YAAY;IACnD;;OAEG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;~~IAC1B~~;;OAEG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC;~~IAC5B~~;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;~~IACrB~~;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;~~CACpB~~;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,OAAO,CAAC,eAAe,CACnB,CAAC"}
1	+ {"version":3,"file":"AdaptivityContext.d.ts","sourceRoot":"","sources":["../../../src/components/AdaptivityProvider/AdaptivityContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EACV,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,aAAa,EACd,MAAM,sBAAsB,CAAC;AAE9B,MAAM,WAAW,YAAY;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC;IACnC;;;OAGG;IACH,KAAK,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC;IACnC;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAC;CACzC;AAED,MAAM,WAAW,eAAgB,SAAQ,YAAY;IACnD;;OAEG;IACH,SAAS,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IACtC;;OAEG;IACH,UAAU,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC;IACxC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,OAAO,CAAC,eAAe,CACnB,CAAC"}

package/dist/components/AdaptivityProvider/AdaptivityContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/AdaptivityProvider/AdaptivityContext.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type {\n DensityTypeValues,\n SizeTypeValues,\n ViewHeightType,\n ViewWidthType,\n} from '../../lib/adaptivity';\n\nexport interface DensityProps {\n /*\n Тип размера экрана по горизонтали.\n * @deprecated Since 8.0.0. Будет удалено в VKUI v10 – используйте `sizeX=\"compact\"` → `viewWidth={ViewWidth.MOBILE}` или `sizeX=\"compact\"` → `viewWidth={ViewWidth.SMALL_TABLET}` (см. Https://github.com/VKCOM/VKUI/issues/9015).\n /\n sizeX?: SizeTypeValues; // TODO [>=10]: #9015 удалить свойство\n /\n Тип размера экрана по вертикали.\n * @deprecated Since 8.0.0. Будет удалено в VKUI v10 – используйте `density` (см. Https://github.com/VKCOM/VKUI/issues/9015).\n /\n sizeY?: SizeTypeValues; // TODO [>=10]: #9015 удалить свойство\n /\n Тип размера экрана.\n /\n density?: DensityTypeValues;\n}\n\nexport interface AdaptivityProps extends DensityProps {\n /\n Тип ширины экрана для адаптивного отображения.\n /\n viewWidth?: ViewWidthType;\n /\n Тип высоты экрана для адаптивного отображения.\n /\n viewHeight?: ViewHeightType;\n /\n Флаг наличия указателя (например, мыши) на устройстве.\n /\n hasPointer?: boolean;\n /\n @deprecated Since 7.3.0. Будет удалено в VKUI v9 (см. Https://github.com/VKCOM/VKUI/pull/8490).\n */\n hasHover?: boolean; // TODO [>=9]: удалить неиспользуемое свойство\n}\n\nexport const AdaptivityContext: React.Context<AdaptivityProps> =\n React.createContext<AdaptivityProps>({});\n"],"names":["React","AdaptivityContext","createContext"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AA4C/B,OAAO,MAAMC,kCACXD,MAAME,aAAa,CAAkB,CAAC,GAAG"}
1	+ {"version":3,"sources":["../../../src/components/AdaptivityProvider/AdaptivityContext.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type {\n DensityTypeValues,\n SizeTypeValues,\n ViewHeightType,\n ViewWidthType,\n} from '../../lib/adaptivity';\n\nexport interface DensityProps {\n /*\n Тип размера экрана по горизонтали.\n * @deprecated Since 8.0.0. Будет удалено в VKUI v10 – используйте `sizeX=\"compact\"` → `viewWidth={ViewWidth.MOBILE}` или `sizeX=\"compact\"` → `viewWidth={ViewWidth.SMALL_TABLET}` (см. Https://github.com/VKCOM/VKUI/issues/9015).\n /\n sizeX?: SizeTypeValues \| undefined; // TODO [>=10]: #9015 удалить свойство\n /\n Тип размера экрана по вертикали.\n * @deprecated Since 8.0.0. Будет удалено в VKUI v10 – используйте `density` (см. Https://github.com/VKCOM/VKUI/issues/9015).\n /\n sizeY?: SizeTypeValues \| undefined; // TODO [>=10]: #9015 удалить свойство\n /\n Тип размера экрана.\n /\n density?: DensityTypeValues \| undefined;\n}\n\nexport interface AdaptivityProps extends DensityProps {\n /\n Тип ширины экрана для адаптивного отображения.\n /\n viewWidth?: ViewWidthType \| undefined;\n /\n Тип высоты экрана для адаптивного отображения.\n /\n viewHeight?: ViewHeightType \| undefined;\n /\n Флаг наличия указателя (например, мыши) на устройстве.\n /\n hasPointer?: boolean \| undefined;\n /\n @deprecated Since 7.3.0. Будет удалено в VKUI v9 (см. Https://github.com/VKCOM/VKUI/pull/8490).\n */\n hasHover?: boolean \| undefined; // TODO [>=9]: удалить неиспользуемое свойство\n}\n\nexport const AdaptivityContext: React.Context<AdaptivityProps> =\n React.createContext<AdaptivityProps>({});\n"],"names":["React","AdaptivityContext","createContext"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AA4C/B,OAAO,MAAMC,kCACXD,MAAME,aAAa,CAAkB,CAAC,GAAG"}

package/dist/components/Alert/Alert.d.ts CHANGED Viewed

@@ -16,14 +16,14 @@ export interface AlertActionInterface extends Pick<ButtonProps, 'Component'>, An
      * то в аргументы `action` передаётся объект с функцией close,
      * вызвав которую можно закрыть `action` вручную.
      */
-    action?: (args?: {
+    action?: ((args?: {
         close?: VoidFunction;
-    }) => void;
+    }) => void) | undefined;
     /**
      * По умолчанию нажатие на опцию вызывает переданную в `Alert` функцию `onClose`, данное свойство
      * позволяет отключить такое поведение.
      */
-    autoCloseDisabled?: boolean;
+    autoCloseDisabled?: boolean | undefined;
     /**
      * Режим отображения опции.
      */
@@ -33,31 +33,31 @@ export interface AlertProps extends Omit<React.HTMLAttributes<HTMLElement>, 'tit
     /**
      * Расположение действий - вертикально или горизонтально.
      */
-    actionsLayout?: 'vertical' | 'horizontal';
+    actionsLayout?: 'vertical' | 'horizontal' | undefined;
     /**
      * Тип выравнивания действий.
      */
-    actionsAlign?: AlignType;
+    actionsAlign?: AlignType | undefined;
     /**
      * Список действий.
      */
-    actions?: AlertActionInterface[];
+    actions?: AlertActionInterface[] | undefined;
     /**
      * Функция для отрисовки действия.
      */
-    renderAction?: (props: AlertActionProps) => React.ReactNode;
+    renderAction?: ((props: AlertActionProps) => React.ReactNode) | undefined;
     /**
      * Заголовок модального окна.
      */
-    title?: React.ReactNode;
+    title?: React.ReactNode | undefined;
     /**
      * Описание модального окна.
      */
-    description?: React.ReactNode;
+    description?: React.ReactNode | undefined;
     /**
      * Обработчик закрытия модального окна.
      */
-    onClose?: (reason: AlertCloseReason) => void;
+    onClose?: ((reason: AlertCloseReason) => void) | undefined;
     /**
      * Обработчик закрытия модального окна, срабатывающий после окончания анимации.
      */
@@ -65,42 +65,42 @@ export interface AlertProps extends Omit<React.HTMLAttributes<HTMLElement>, 'tit
     /**
      * Текст кнопки закрытия. Делает ее доступной для ассистивных технологий.
      */
-    dismissLabel?: string;
+    dismissLabel?: string | undefined;
     /**
      * Расположение кнопки закрытия (внутри и вне `popout'a`)
      * Доступно только в `compact`-режиме, не отображается на `iOS`.
      *
      * ⚠️ ВНИМАНИЕ: использование `none` скрывает крестик, это негативно сказывается на пользовательском опыте.
      */
-    dismissButtonMode?: 'inside' | 'outside' | 'none';
+    dismissButtonMode?: 'inside' | 'outside' | 'none' | undefined;
     /**
      * Передает атрибут `data-testid` для кнопки закрытия.
      */
-    dismissButtonTestId?: string;
+    dismissButtonTestId?: string | undefined;
     /**
      * Передает атрибут `data-testid` для заголовка.
      */
-    titleTestId?: string;
+    titleTestId?: string | undefined;
     /**
      * Передает атрибут `data-testid` для описания.
      */
-    descriptionTestId?: string;
+    descriptionTestId?: string | undefined;
     /**
      * По умолчанию событие onClick не всплывает.
      */
-    allowClickPropagation?: boolean;
+    allowClickPropagation?: boolean | undefined;
     /**
      * Управление поведением возврата фокуса при закрытии всплывающего окна.
      * @default true
      */
-    restoreFocus?: boolean | (() => boolean | HTMLElement);
+    restoreFocus?: boolean | (() => boolean | HTMLElement) | undefined;
     /**
      * Управление поведением автофокуса при появлении всплывающего окна.
      * При прокидывании `true` фокус будет установлен на первый элемент.
      * При прокидывании `root` фокус будет установлен в корень.
      * @default true
      */
-    autoFocus?: boolean | 'root';
+    autoFocus?: boolean | 'root' | undefined;
 }
 /**
  * @see https://vkui.io/components/alert

package/dist/components/Alert/Alert.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EACV,SAAS,EACT,wBAAwB,EACxB,gBAAgB,EAChB,UAAU,EACX,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAGnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGtD,KAAK,eAAe,GAAG,QAAQ,GAAG,aAAa,GAAG,SAAS,CAAC;AAE5D,YAAY,EAAE,gBAAgB,EAAE,CAAC;AAEjC,MAAM,MAAM,gBAAgB,GAAG,eAAe,GAAG,YAAY,GAAG,YAAY,GAAG,oBAAoB,CAAC;AAEpG,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,WAAW,CAAC,EACpC,wBAAwB,EACxB,gBAAgB;IAClB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,YAAY,CAAA;KAAE,KAAK,IAAI,CAAC;~~IACnD~~;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;~~IAC5B~~;;OAEG;IACH,IAAI,EAAE,eAAe,CAAC;CACvB;AAED,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC,EACpE,IAAI,CAAC,kBAAkB,EAAE,WAAW,CAAC,EACrC,UAAU,CAAC,cAAc,CAAC;IAC5B;;OAEG;IACH,aAAa,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;~~IAC1C~~;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;~~IACzB~~;;OAEG;IACH,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAC;~~IACjC~~;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,KAAK,CAAC,SAAS,CAAC;~~IAC5D~~;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;~~IACxB~~;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;~~IAC9B~~;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;~~IAC7C~~;;OAEG;IACH,QAAQ,EAAE,YAAY,CAAC;IACvB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;~~IACtB~~;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;~~IAClD~~;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;~~IAC7B~~;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;~~IACrB~~;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;~~IAC3B~~;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;~~IAChC~~;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC;~~IACvD~~;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;~~CAC9B~~;AAID;;GAEG;AACH,eAAO,MAAM,KAAK,GAAI,oEAOnB,UAAU,KAAG,KAAK,CAAC,SAkCrB,CAAC"}
1	+ {"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"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"}

package/dist/components/Alert/Alert.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { warnOnce } from '../../lib/warnOnce';\nimport type {\n AlignType,\n AnchorHTMLAttributesOnly,\n HasDataAttribute,\n HasRootRef,\n} from '../../types';\nimport type { AppRootPortalProps } from '../AppRoot/AppRootPortal';\nimport { AppRootPortal } from '../AppRoot/AppRootPortal';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport type { ButtonProps } from '../Button/Button';\nimport { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';\nimport type { AlertActionProps } from './AlertAction';\nimport { AlertBase } from './AlertBase';\n\ntype AlertActionMode = 'cancel' \| 'destructive' \| 'default';\n\nexport type { AlertActionProps };\n\nexport type AlertCloseReason = 'click-overlay' \| 'click-item' \| 'escape-key' \| 'click-close-button';\n\nexport interface AlertActionInterface\n extends Pick<ButtonProps, 'Component'>,\n AnchorHTMLAttributesOnly,\n HasDataAttribute {\n /*\n Текст опции.\n /\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 /\n Режим отображения опции.\n /\n mode: AlertActionMode;\n}\n\nexport interface AlertProps\n extends Omit<React.HTMLAttributes<HTMLElement>, 'title' \| 'autoFocus'>,\n Pick<AppRootPortalProps, 'usePortal'>,\n HasRootRef<HTMLDivElement> {\n /\n Расположение действий - вертикально или горизонтально.\n /\n actionsLayout?: 'vertical' \| 'horizontal';\n /\n Тип выравнивания действий.\n /\n actionsAlign?: AlignType;\n /\n Список действий.\n /\n actions?: AlertActionInterface[];\n /\n Функция для отрисовки действия.\n /\n renderAction?: (props: AlertActionProps) => React.ReactNode;\n /\n Заголовок модального окна.\n /\n title?: React.ReactNode;\n /\n Описание модального окна.\n /\n description?: React.ReactNode;\n /\n Обработчик закрытия модального окна.\n /\n onClose?: (reason: AlertCloseReason) => void;\n /\n Обработчик закрытия модального окна, срабатывающий после окончания анимации.\n /\n onClosed: VoidFunction;\n /\n Текст кнопки закрытия. Делает ее доступной для ассистивных технологий.\n /\n dismissLabel?: string;\n /\n Расположение кнопки закрытия (внутри и вне `popout'a`)\n * Доступно только в `compact`-режиме, не отображается на `iOS`.\n \n ⚠️ ВНИМАНИЕ: использование `none` скрывает крестик, это негативно сказывается на пользовательском опыте.\n /\n dismissButtonMode?: 'inside' \| 'outside' \| 'none';\n /\n Передает атрибут `data-testid` для кнопки закрытия.\n /\n dismissButtonTestId?: string;\n /\n Передает атрибут `data-testid` для заголовка.\n /\n titleTestId?: string;\n /\n Передает атрибут `data-testid` для описания.\n /\n descriptionTestId?: string;\n /\n По умолчанию событие onClick не всплывает.\n /\n allowClickPropagation?: boolean;\n /\n Управление поведением возврата фокуса при закрытии всплывающего окна.\n * @default true\n /\n restoreFocus?: boolean \| (() => boolean \| HTMLElement);\n /\n Управление поведением автофокуса при появлении всплывающего окна.\n * При прокидывании `true` фокус будет установлен на первый элемент.\n * При прокидывании `root` фокус будет установлен в корень.\n * @default true\n /\n autoFocus?: boolean \| 'root';\n}\n\nconst warn = warnOnce('Alert');\n\n/\n @see https://vkui.io/components/alert\n */\nexport const Alert = ({\n usePortal,\n style,\n className,\n getRootRef,\n onClose,\n ...restProps\n}: AlertProps): React.ReactNode => {\n const [closing, setClosing] = React.useState(false);\n\n const close = React.useCallback(() => {\n onClose?.('click-overlay');\n setClosing(true);\n }, [onClose]);\n\n useScrollLock();\n\n if (\n process.env.NODE_ENV === 'development' &&\n !restProps.title &&\n !restProps['aria-label'] &&\n !restProps['aria-labelledby']\n ) {\n warn(\n 'Если \"title\" не используется, то необходимо задать либо \"aria-label\", либо \"aria-labelledby\" (см. правило axe aria-dialog-name)',\n );\n }\n\n return (\n <AppRootPortal usePortal={usePortal}>\n <PopoutWrapper\n className={className}\n closing={closing}\n style={style}\n onClick={close}\n getRootRef={getRootRef}\n >\n <AlertBase {...restProps} onClose={onClose} closing={closing} setClosing={setClosing} />\n </PopoutWrapper>\n </AppRootPortal>\n );\n};\n"],"names":["React","warnOnce","AppRootPortal","useScrollLock","PopoutWrapper","AlertBase","warn","Alert","usePortal","style","className","getRootRef","onClose","restProps","closing","setClosing","useState","close","useCallback","process","env","NODE_ENV","title","onClick"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,QAAQ,QAAQ,wBAAqB;AAQ9C,SAASC,aAAa,QAAQ,8BAA2B;AACzD,SAASC,aAAa,QAAQ,8BAA2B;AAEzD,SAASC,aAAa,QAAQ,oCAAiC;AAE/D,SAASC,SAAS,QAAQ,iBAAc;AA8GxC,MAAMC,OAAOL,SAAS;AAEtB;;CAEC,GACD,OAAO,MAAMM,QAAQ,CAAC,EACpBC,SAAS,EACTC,KAAK,EACLC,SAAS,EACTC,UAAU,EACVC,OAAO,EACP,GAAGC,WACQ;IACX,MAAM,CAACC,SAASC,WAAW,GAAGf,MAAMgB,QAAQ,CAAC;IAE7C,MAAMC,QAAQjB,MAAMkB,WAAW,CAAC;QAC9BN,UAAU;QACVG,WAAW;IACb,GAAG;QAACH;KAAQ;IAEZT;IAEA,IACEgB,QAAQC,GAAG,CAACC,QAAQ,KAAK,iBACzB,CAACR,UAAUS,KAAK,IAChB,CAACT,SAAS,CAAC,aAAa,IACxB,CAACA,SAAS,CAAC,kBAAkB,EAC7B;QACAP,KACE;IAEJ;IAEA,qBACE,KAACJ;QAAcM,WAAWA;kBACxB,cAAA,KAACJ;YACCM,WAAWA;YACXI,SAASA;YACTL,OAAOA;YACPc,SAASN;YACTN,YAAYA;sBAEZ,cAAA,KAACN;gBAAW,GAAGQ,SAAS;gBAAED,SAASA;gBAASE,SAASA;gBAASC,YAAYA;;;;AAIlF,EAAE"}
1	+ {"version":3,"sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { warnOnce } from '../../lib/warnOnce';\nimport type {\n AlignType,\n AnchorHTMLAttributesOnly,\n HasDataAttribute,\n HasRootRef,\n} from '../../types';\nimport type { AppRootPortalProps } from '../AppRoot/AppRootPortal';\nimport { AppRootPortal } from '../AppRoot/AppRootPortal';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport type { ButtonProps } from '../Button/Button';\nimport { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';\nimport type { AlertActionProps } from './AlertAction';\nimport { AlertBase } from './AlertBase';\n\ntype AlertActionMode = 'cancel' \| 'destructive' \| 'default';\n\nexport type { AlertActionProps };\n\nexport type AlertCloseReason = 'click-overlay' \| 'click-item' \| 'escape-key' \| 'click-close-button';\n\nexport interface AlertActionInterface\n extends Pick<ButtonProps, 'Component'>,\n AnchorHTMLAttributesOnly,\n HasDataAttribute {\n /*\n Текст опции.\n /\n title: string;\n /\n Обработчик нажатия на опцию. Если свойство `autoCloseDisabled` включено,\n * то в аргументы `action` передаётся объект с функцией close,\n * вызвав которую можно закрыть `action` вручную.\n /\n action?: ((args?: { close?: VoidFunction }) => void) \| undefined;\n /\n По умолчанию нажатие на опцию вызывает переданную в `Alert` функцию `onClose`, данное свойство\n * позволяет отключить такое поведение.\n /\n autoCloseDisabled?: boolean \| undefined;\n /\n Режим отображения опции.\n /\n mode: AlertActionMode;\n}\n\nexport interface AlertProps\n extends Omit<React.HTMLAttributes<HTMLElement>, 'title' \| 'autoFocus'>,\n Pick<AppRootPortalProps, 'usePortal'>,\n HasRootRef<HTMLDivElement> {\n /\n Расположение действий - вертикально или горизонтально.\n /\n actionsLayout?: 'vertical' \| 'horizontal' \| undefined;\n /\n Тип выравнивания действий.\n /\n actionsAlign?: AlignType \| undefined;\n /\n Список действий.\n /\n actions?: AlertActionInterface[] \| undefined;\n /\n Функция для отрисовки действия.\n /\n renderAction?: ((props: AlertActionProps) => React.ReactNode) \| undefined;\n /\n Заголовок модального окна.\n /\n title?: React.ReactNode \| undefined;\n /\n Описание модального окна.\n /\n description?: React.ReactNode \| undefined;\n /\n Обработчик закрытия модального окна.\n /\n onClose?: ((reason: AlertCloseReason) => void) \| undefined;\n /\n Обработчик закрытия модального окна, срабатывающий после окончания анимации.\n /\n onClosed: VoidFunction;\n /\n Текст кнопки закрытия. Делает ее доступной для ассистивных технологий.\n /\n dismissLabel?: string \| undefined;\n /\n Расположение кнопки закрытия (внутри и вне `popout'a`)\n * Доступно только в `compact`-режиме, не отображается на `iOS`.\n \n ⚠️ ВНИМАНИЕ: использование `none` скрывает крестик, это негативно сказывается на пользовательском опыте.\n /\n dismissButtonMode?: 'inside' \| 'outside' \| 'none' \| undefined;\n /\n Передает атрибут `data-testid` для кнопки закрытия.\n /\n dismissButtonTestId?: string \| undefined;\n /\n Передает атрибут `data-testid` для заголовка.\n /\n titleTestId?: string \| undefined;\n /\n Передает атрибут `data-testid` для описания.\n /\n descriptionTestId?: string \| undefined;\n /\n По умолчанию событие onClick не всплывает.\n /\n allowClickPropagation?: boolean \| undefined;\n /\n Управление поведением возврата фокуса при закрытии всплывающего окна.\n * @default true\n /\n restoreFocus?: boolean \| (() => boolean \| HTMLElement) \| undefined;\n /\n Управление поведением автофокуса при появлении всплывающего окна.\n * При прокидывании `true` фокус будет установлен на первый элемент.\n * При прокидывании `root` фокус будет установлен в корень.\n * @default true\n /\n autoFocus?: boolean \| 'root' \| undefined;\n}\n\nconst warn = warnOnce('Alert');\n\n/\n @see https://vkui.io/components/alert\n */\nexport const Alert = ({\n usePortal,\n style,\n className,\n getRootRef,\n onClose,\n ...restProps\n}: AlertProps): React.ReactNode => {\n const [closing, setClosing] = React.useState(false);\n\n const close = React.useCallback(() => {\n onClose?.('click-overlay');\n setClosing(true);\n }, [onClose]);\n\n useScrollLock();\n\n if (\n process.env.NODE_ENV === 'development' &&\n !restProps.title &&\n !restProps['aria-label'] &&\n !restProps['aria-labelledby']\n ) {\n warn(\n 'Если \"title\" не используется, то необходимо задать либо \"aria-label\", либо \"aria-labelledby\" (см. правило axe aria-dialog-name)',\n );\n }\n\n return (\n <AppRootPortal usePortal={usePortal}>\n <PopoutWrapper\n className={className}\n closing={closing}\n style={style}\n onClick={close}\n getRootRef={getRootRef}\n >\n <AlertBase {...restProps} onClose={onClose} closing={closing} setClosing={setClosing} />\n </PopoutWrapper>\n </AppRootPortal>\n );\n};\n"],"names":["React","warnOnce","AppRootPortal","useScrollLock","PopoutWrapper","AlertBase","warn","Alert","usePortal","style","className","getRootRef","onClose","restProps","closing","setClosing","useState","close","useCallback","process","env","NODE_ENV","title","onClick"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,QAAQ,QAAQ,wBAAqB;AAQ9C,SAASC,aAAa,QAAQ,8BAA2B;AACzD,SAASC,aAAa,QAAQ,8BAA2B;AAEzD,SAASC,aAAa,QAAQ,oCAAiC;AAE/D,SAASC,SAAS,QAAQ,iBAAc;AA8GxC,MAAMC,OAAOL,SAAS;AAEtB;;CAEC,GACD,OAAO,MAAMM,QAAQ,CAAC,EACpBC,SAAS,EACTC,KAAK,EACLC,SAAS,EACTC,UAAU,EACVC,OAAO,EACP,GAAGC,WACQ;IACX,MAAM,CAACC,SAASC,WAAW,GAAGf,MAAMgB,QAAQ,CAAC;IAE7C,MAAMC,QAAQjB,MAAMkB,WAAW,CAAC;QAC9BN,UAAU;QACVG,WAAW;IACb,GAAG;QAACH;KAAQ;IAEZT;IAEA,IACEgB,QAAQC,GAAG,CAACC,QAAQ,KAAK,iBACzB,CAACR,UAAUS,KAAK,IAChB,CAACT,SAAS,CAAC,aAAa,IACxB,CAACA,SAAS,CAAC,kBAAkB,EAC7B;QACAP,KACE;IAEJ;IAEA,qBACE,KAACJ;QAAcM,WAAWA;kBACxB,cAAA,KAACJ;YACCM,WAAWA;YACXI,SAASA;YACTL,OAAOA;YACPc,SAASN;YACTN,YAAYA;sBAEZ,cAAA,KAACN;gBAAW,GAAGQ,SAAS;gBAAED,SAASA;gBAASE,SAASA;gBAASC,YAAYA;;;;AAIlF,EAAE"}

package/dist/components/Alert/AlertBase.d.ts CHANGED Viewed

@@ -4,12 +4,12 @@ export interface AlertBaseProps extends Omit<AlertProps, 'usePortal' | 'classNam
      * Флаг, определяющий состояние закрытия модального окна.
      * Когда установлен в true, запускает анимацию закрытия окна.
      */
-    closing?: boolean;
+    closing?: boolean | undefined;
     /**
      * Функция обратного вызова для управления состоянием закрытия модального окна.
      * Принимает булево значение, которое определяет, находится ли окно в процессе закрытия.
      */
-    setClosing?: (closing: boolean) => void;
+    setClosing?: ((closing: boolean) => void) | undefined;
 }
 export declare const AlertBase: ({ actions, actionsLayout, children, title, description, onClose: onCloseProp, onClosed, dismissLabel, renderAction, actionsAlign, dismissButtonMode, dismissButtonTestId, onClick, allowClickPropagation, titleTestId, descriptionTestId, closing, setClosing, autoFocus, restoreFocus, ...restProps }: AlertBaseProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AlertBase.d.ts.map

package/dist/components/Alert/AlertBase.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AlertBase.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/AlertBase.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAA0C,UAAU,EAAE,MAAM,SAAS,CAAC;AAKlF,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,WAAW,GAAG,OAAO,GAAG,YAAY,CAAC;IAC5E;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;~~IAClB~~;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;~~CACzC~~;AAED,eAAO,MAAM,SAAS,GAAI,wSAuBvB,cAAc,4CAkIhB,CAAC"}
1	+ {"version":3,"file":"AlertBase.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/AlertBase.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAA0C,UAAU,EAAE,MAAM,SAAS,CAAC;AAKlF,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,WAAW,GAAG,OAAO,GAAG,YAAY,CAAC;IAC5E;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CACvD;AAED,eAAO,MAAM,SAAS,GAAI,wSAuBvB,cAAc,4CAkIhB,CAAC"}

package/dist/components/Alert/AlertBase.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/Alert/AlertBase.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Icon20Cancel } from '@vkontakte/icons';\nimport { classNames, hasReactNode, noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useGlobalEscKeyDown } from '../../hooks/useGlobalEscKeyDown';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useStableCallback } from '../../hooks/useStableCallback';\nimport { useCSSKeyframesAnimationController } from '../../lib/animation';\nimport { stopPropagation } from '../../lib/utils';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { IconButton } from '../IconButton/IconButton';\nimport { ModalDismissButton } from '../ModalDismissButton/ModalDismissButton';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport type { AlertActionInterface, AlertCloseReason, AlertProps } from './Alert';\nimport { AlertActions } from './AlertActions';\nimport { AlertDescription, AlertTitle } from './AlertTypography';\nimport styles from './Alert.module.css';\n\nexport interface AlertBaseProps\n extends Omit<AlertProps, 'usePortal' \| 'className' \| 'style' \| 'getRootRef'> {\n /*\n Флаг, определяющий состояние закрытия модального окна.\n * Когда установлен в true, запускает анимацию закрытия окна.\n /\n closing?: boolean;\n /\n Функция обратного вызова для управления состоянием закрытия модального окна.\n * Принимает булево значение, которое определяет, находится ли окно в процессе закрытия.\n */\n setClosing?: (closing: boolean) => void;\n}\n\nexport const AlertBase = ({\n actions,\n actionsLayout = 'horizontal',\n children,\n title,\n description,\n onClose: onCloseProp,\n onClosed,\n dismissLabel = 'Закрыть предупреждение',\n renderAction,\n actionsAlign,\n dismissButtonMode = 'outside',\n dismissButtonTestId,\n onClick,\n allowClickPropagation = false,\n titleTestId,\n descriptionTestId,\n closing,\n setClosing,\n // FocusTrap props\n autoFocus,\n restoreFocus,\n ...restProps\n}: AlertBaseProps) => {\n const generatedId = React.useId();\n\n const titleId = `vkui-alert-${generatedId}-title`;\n const descriptionId = `vkui-alert-${generatedId}-description`;\n const onClose = useStableCallback(onCloseProp \|\| noop);\n\n const platform = usePlatform();\n const { isDesktop } = useAdaptivityWithJSMediaQueries();\n const itemActionCallbackRef = React.useRef(noop);\n const [animationState, animationHandlers] = useCSSKeyframesAnimationController(\n closing ? 'exit' : 'enter',\n {\n onExited() {\n itemActionCallbackRef.current();\n itemActionCallbackRef.current = noop;\n onClosed();\n },\n },\n );\n const isDismissButtonVisible = isDesktop && platform !== 'ios';\n const elementRef = React.useRef<HTMLDivElement>(null);\n\n const close = React.useCallback(\n (reason: AlertCloseReason) => {\n onClose?.(reason);\n setClosing?.(true);\n },\n [onClose, setClosing],\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: () => close('click-item') });\n } else {\n if (itemAction) {\n itemActionCallbackRef.current = itemAction;\n }\n close('click-item');\n }\n },\n [close],\n );\n\n const handleClick = allowClickPropagation\n ? onClick\n : (event: React.MouseEvent<HTMLElement>) => {\n stopPropagation(event);\n onClick?.(event);\n };\n\n const onEscape = React.useCallback(() => close('escape-key'), [close]);\n\n const onCloseButtonClick = React.useCallback(() => close('click-close-button'), [close]);\n\n useGlobalEscKeyDown(true, onEscape);\n\n return (\n <FocusTrap\n rootRef={elementRef}\n autoFocus={autoFocus === undefined ? animationState === 'entered' : autoFocus}\n restoreFocus={restoreFocus}\n >\n <RootComponent\n {...animationHandlers}\n tabIndex={-1}\n onClick={handleClick}\n getRootRef={elementRef}\n className={classNames(\n styles.host,\n platform === 'ios' && styles.ios,\n platform === 'vkcom' && styles.vkcom,\n closing ? styles.closing : styles.opening,\n isDesktop && styles.desktop,\n )}\n role=\"alertdialog\"\n aria-modal\n aria-labelledby={titleId}\n aria-describedby={descriptionId}\n {...restProps}\n >\n <div\n className={classNames(\n styles.content,\n dismissButtonMode === 'inside' && styles.contentWithButton,\n )}\n tabIndex={-1}\n >\n {hasReactNode(title) && (\n <AlertTitle data-testid={titleTestId} id={titleId}>\n {title}\n </AlertTitle>\n )}\n {hasReactNode(description) && (\n <AlertDescription data-testid={descriptionTestId} id={descriptionId}>\n {description}\n </AlertDescription>\n )}\n {children}\n {isDismissButtonVisible && dismissButtonMode === 'inside' && (\n <IconButton\n label={dismissLabel}\n className={classNames(styles.dismiss, 'vkuiInternalAlert__dismiss')}\n onClick={onCloseButtonClick}\n hoverMode=\"opacity\"\n activeMode=\"opacity\"\n data-testid={dismissButtonTestId}\n >\n <Icon20Cancel />\n </IconButton>\n )}\n </div>\n {isDismissButtonVisible && dismissButtonMode === 'outside' && (\n <ModalDismissButton onClick={onCloseButtonClick} data-testid={dismissButtonTestId}>\n {dismissLabel}\n </ModalDismissButton>\n )}\n <AlertActions\n actions={actions}\n actionsAlign={actionsAlign}\n actionsLayout={actionsLayout}\n renderAction={renderAction}\n onItemClick={onItemClick}\n />\n </RootComponent>\n </FocusTrap>\n );\n};\n"],"names":["React","Icon20Cancel","classNames","hasReactNode","noop","useAdaptivityWithJSMediaQueries","useGlobalEscKeyDown","usePlatform","useStableCallback","useCSSKeyframesAnimationController","stopPropagation","FocusTrap","IconButton","ModalDismissButton","RootComponent","AlertActions","AlertDescription","AlertTitle","AlertBase","actions","actionsLayout","children","title","description","onClose","onCloseProp","onClosed","dismissLabel","renderAction","actionsAlign","dismissButtonMode","dismissButtonTestId","onClick","allowClickPropagation","titleTestId","descriptionTestId","closing","setClosing","autoFocus","restoreFocus","restProps","generatedId","useId","titleId","descriptionId","platform","isDesktop","itemActionCallbackRef","useRef","animationState","animationHandlers","onExited","current","isDismissButtonVisible","elementRef","close","useCallback","reason","onItemClick","item","action","itemAction","autoCloseDisabled","handleClick","event","onEscape","onCloseButtonClick","rootRef","undefined","tabIndex","getRootRef","className","role","aria-modal","aria-labelledby","aria-describedby","div","data-testid","id","label","hoverMode","activeMode"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../src/components/Alert/AlertBase.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Icon20Cancel } from '@vkontakte/icons';\nimport { classNames, hasReactNode, noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useGlobalEscKeyDown } from '../../hooks/useGlobalEscKeyDown';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useStableCallback } from '../../hooks/useStableCallback';\nimport { useCSSKeyframesAnimationController } from '../../lib/animation';\nimport { stopPropagation } from '../../lib/utils';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { IconButton } from '../IconButton/IconButton';\nimport { ModalDismissButton } from '../ModalDismissButton/ModalDismissButton';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport type { AlertActionInterface, AlertCloseReason, AlertProps } from './Alert';\nimport { AlertActions } from './AlertActions';\nimport { AlertDescription, AlertTitle } from './AlertTypography';\nimport styles from './Alert.module.css';\n\nexport interface AlertBaseProps\n extends Omit<AlertProps, 'usePortal' \| 'className' \| 'style' \| 'getRootRef'> {\n /*\n Флаг, определяющий состояние закрытия модального окна.\n * Когда установлен в true, запускает анимацию закрытия окна.\n /\n closing?: boolean \| undefined;\n /\n Функция обратного вызова для управления состоянием закрытия модального окна.\n * Принимает булево значение, которое определяет, находится ли окно в процессе закрытия.\n */\n setClosing?: ((closing: boolean) => void) \| undefined;\n}\n\nexport const AlertBase = ({\n actions,\n actionsLayout = 'horizontal',\n children,\n title,\n description,\n onClose: onCloseProp,\n onClosed,\n dismissLabel = 'Закрыть предупреждение',\n renderAction,\n actionsAlign,\n dismissButtonMode = 'outside',\n dismissButtonTestId,\n onClick,\n allowClickPropagation = false,\n titleTestId,\n descriptionTestId,\n closing,\n setClosing,\n // FocusTrap props\n autoFocus,\n restoreFocus,\n ...restProps\n}: AlertBaseProps) => {\n const generatedId = React.useId();\n\n const titleId = `vkui-alert-${generatedId}-title`;\n const descriptionId = `vkui-alert-${generatedId}-description`;\n const onClose = useStableCallback(onCloseProp \|\| noop);\n\n const platform = usePlatform();\n const { isDesktop } = useAdaptivityWithJSMediaQueries();\n const itemActionCallbackRef = React.useRef(noop);\n const [animationState, animationHandlers] = useCSSKeyframesAnimationController(\n closing ? 'exit' : 'enter',\n {\n onExited() {\n itemActionCallbackRef.current();\n itemActionCallbackRef.current = noop;\n onClosed();\n },\n },\n );\n const isDismissButtonVisible = isDesktop && platform !== 'ios';\n const elementRef = React.useRef<HTMLDivElement>(null);\n\n const close = React.useCallback(\n (reason: AlertCloseReason) => {\n onClose?.(reason);\n setClosing?.(true);\n },\n [onClose, setClosing],\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: () => close('click-item') });\n } else {\n if (itemAction) {\n itemActionCallbackRef.current = itemAction;\n }\n close('click-item');\n }\n },\n [close],\n );\n\n const handleClick = allowClickPropagation\n ? onClick\n : (event: React.MouseEvent<HTMLElement>) => {\n stopPropagation(event);\n onClick?.(event);\n };\n\n const onEscape = React.useCallback(() => close('escape-key'), [close]);\n\n const onCloseButtonClick = React.useCallback(() => close('click-close-button'), [close]);\n\n useGlobalEscKeyDown(true, onEscape);\n\n return (\n <FocusTrap\n rootRef={elementRef}\n autoFocus={autoFocus === undefined ? animationState === 'entered' : autoFocus}\n restoreFocus={restoreFocus}\n >\n <RootComponent\n {...animationHandlers}\n tabIndex={-1}\n onClick={handleClick}\n getRootRef={elementRef}\n className={classNames(\n styles.host,\n platform === 'ios' && styles.ios,\n platform === 'vkcom' && styles.vkcom,\n closing ? styles.closing : styles.opening,\n isDesktop && styles.desktop,\n )}\n role=\"alertdialog\"\n aria-modal\n aria-labelledby={titleId}\n aria-describedby={descriptionId}\n {...restProps}\n >\n <div\n className={classNames(\n styles.content,\n dismissButtonMode === 'inside' && styles.contentWithButton,\n )}\n tabIndex={-1}\n >\n {hasReactNode(title) && (\n <AlertTitle data-testid={titleTestId} id={titleId}>\n {title}\n </AlertTitle>\n )}\n {hasReactNode(description) && (\n <AlertDescription data-testid={descriptionTestId} id={descriptionId}>\n {description}\n </AlertDescription>\n )}\n {children}\n {isDismissButtonVisible && dismissButtonMode === 'inside' && (\n <IconButton\n label={dismissLabel}\n className={classNames(styles.dismiss, 'vkuiInternalAlert__dismiss')}\n onClick={onCloseButtonClick}\n hoverMode=\"opacity\"\n activeMode=\"opacity\"\n data-testid={dismissButtonTestId}\n >\n <Icon20Cancel />\n </IconButton>\n )}\n </div>\n {isDismissButtonVisible && dismissButtonMode === 'outside' && (\n <ModalDismissButton onClick={onCloseButtonClick} data-testid={dismissButtonTestId}>\n {dismissLabel}\n </ModalDismissButton>\n )}\n <AlertActions\n actions={actions}\n actionsAlign={actionsAlign}\n actionsLayout={actionsLayout}\n renderAction={renderAction}\n onItemClick={onItemClick}\n />\n </RootComponent>\n </FocusTrap>\n );\n};\n"],"names":["React","Icon20Cancel","classNames","hasReactNode","noop","useAdaptivityWithJSMediaQueries","useGlobalEscKeyDown","usePlatform","useStableCallback","useCSSKeyframesAnimationController","stopPropagation","FocusTrap","IconButton","ModalDismissButton","RootComponent","AlertActions","AlertDescription","AlertTitle","AlertBase","actions","actionsLayout","children","title","description","onClose","onCloseProp","onClosed","dismissLabel","renderAction","actionsAlign","dismissButtonMode","dismissButtonTestId","onClick","allowClickPropagation","titleTestId","descriptionTestId","closing","setClosing","autoFocus","restoreFocus","restProps","generatedId","useId","titleId","descriptionId","platform","isDesktop","itemActionCallbackRef","useRef","animationState","animationHandlers","onExited","current","isDismissButtonVisible","elementRef","close","useCallback","reason","onItemClick","item","action","itemAction","autoCloseDisabled","handleClick","event","onEscape","onCloseButtonClick","rootRef","undefined","tabIndex","getRootRef","className","role","aria-modal","aria-labelledby","aria-describedby","div","data-testid","id","label","hoverMode","activeMode"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,mBAAmB;AAChD,SAASC,UAAU,EAAEC,YAAY,EAAEC,IAAI,QAAQ,kBAAkB;AACjE,SAASC,+BAA+B,QAAQ,iDAA8C;AAC9F,SAASC,mBAAmB,QAAQ,qCAAkC;AACtE,SAASC,WAAW,QAAQ,6BAA0B;AACtD,SAASC,iBAAiB,QAAQ,mCAAgC;AAClE,SAASC,kCAAkC,QAAQ,+BAAsB;AACzE,SAASC,eAAe,QAAQ,qBAAkB;AAClD,SAASC,SAAS,QAAQ,4BAAyB;AACnD,SAASC,UAAU,QAAQ,8BAA2B;AACtD,SAASC,kBAAkB,QAAQ,8CAA2C;AAC9E,SAASC,aAAa,QAAQ,oCAAiC;AAE/D,SAASC,YAAY,QAAQ,oBAAiB;AAC9C,SAASC,gBAAgB,EAAEC,UAAU,QAAQ,uBAAoB;AAiBjE,OAAO,MAAMC,YAAY,CAAC,EACxBC,OAAO,EACPC,gBAAgB,YAAY,EAC5BC,QAAQ,EACRC,KAAK,EACLC,WAAW,EACXC,SAASC,WAAW,EACpBC,QAAQ,EACRC,eAAe,wBAAwB,EACvCC,YAAY,EACZC,YAAY,EACZC,oBAAoB,SAAS,EAC7BC,mBAAmB,EACnBC,OAAO,EACPC,wBAAwB,KAAK,EAC7BC,WAAW,EACXC,iBAAiB,EACjBC,OAAO,EACPC,UAAU,EACV,kBAAkB;AAClBC,SAAS,EACTC,YAAY,EACZ,GAAGC,WACY;IACf,MAAMC,cAAczC,MAAM0C,KAAK;IAE/B,MAAMC,UAAU,CAAC,WAAW,EAAEF,YAAY,MAAM,CAAC;IACjD,MAAMG,gBAAgB,CAAC,WAAW,EAAEH,YAAY,YAAY,CAAC;IAC7D,MAAMjB,UAAUhB,kBAAkBiB,eAAerB;IAEjD,MAAMyC,WAAWtC;IACjB,MAAM,EAAEuC,SAAS,EAAE,GAAGzC;IACtB,MAAM0C,wBAAwB/C,MAAMgD,MAAM,CAAC5C;IAC3C,MAAM,CAAC6C,gBAAgBC,kBAAkB,GAAGzC,mCAC1C2B,UAAU,SAAS,SACnB;QACEe;YACEJ,sBAAsBK,OAAO;YAC7BL,sBAAsBK,OAAO,GAAGhD;YAChCsB;QACF;IACF;IAEF,MAAM2B,yBAAyBP,aAAaD,aAAa;IACzD,MAAMS,aAAatD,MAAMgD,MAAM,CAAiB;IAEhD,MAAMO,QAAQvD,MAAMwD,WAAW,CAC7B,CAACC;QACCjC,UAAUiC;QACVpB,aAAa;IACf,GACA;QAACb;QAASa;KAAW;IAGvB,MAAMqB,cAAc1D,MAAMwD,WAAW,CACnC,CAACG;QACC,MAAM,EAAEC,QAAQC,UAAU,EAAEC,oBAAoB,KAAK,EAAE,GAAGH;QAE1D,IAAIG,mBAAmB;YACrBD,cAAcA,WAAW;gBAAEN,OAAO,IAAMA,MAAM;YAAc;QAC9D,OAAO;YACL,IAAIM,YAAY;gBACdd,sBAAsBK,OAAO,GAAGS;YAClC;YACAN,MAAM;QACR;IACF,GACA;QAACA;KAAM;IAGT,MAAMQ,cAAc9B,wBAChBD,UACA,CAACgC;QACCtD,gBAAgBsD;QAChBhC,UAAUgC;IACZ;IAEJ,MAAMC,WAAWjE,MAAMwD,WAAW,CAAC,IAAMD,MAAM,eAAe;QAACA;KAAM;IAErE,MAAMW,qBAAqBlE,MAAMwD,WAAW,CAAC,IAAMD,MAAM,uBAAuB;QAACA;KAAM;IAEvFjD,oBAAoB,MAAM2D;IAE1B,qBACE,KAACtD;QACCwD,SAASb;QACThB,WAAWA,cAAc8B,YAAYnB,mBAAmB,YAAYX;QACpEC,cAAcA;kBAEd,cAAA,MAACzB;YACE,GAAGoC,iBAAiB;YACrBmB,UAAU,CAAC;YACXrC,SAAS+B;YACTO,YAAYhB;YACZiB,WAAWrE,8BAET2C,aAAa,2BACbA,aAAa,+BACbT,uDACAU;YAEF0B,MAAK;YACLC,YAAU;YACVC,mBAAiB/B;YACjBgC,oBAAkB/B;YACjB,GAAGJ,SAAS;;8BAEb,MAACoC;oBACCL,WAAWrE,iCAET4B,sBAAsB;oBAExBuC,UAAU,CAAC;;wBAEVlE,aAAamB,wBACZ,KAACL;4BAAW4D,eAAa3C;4BAAa4C,IAAInC;sCACvCrB;;wBAGJnB,aAAaoB,8BACZ,KAACP;4BAAiB6D,eAAa1C;4BAAmB2C,IAAIlC;sCACnDrB;;wBAGJF;wBACAgC,0BAA0BvB,sBAAsB,0BAC/C,KAAClB;4BACCmE,OAAOpD;4BACP4C,WAAWrE,iCAA2B;4BACtC8B,SAASkC;4BACTc,WAAU;4BACVC,YAAW;4BACXJ,eAAa9C;sCAEb,cAAA,KAAC9B;;;;gBAINoD,0BAA0BvB,sBAAsB,2BAC/C,KAACjB;oBAAmBmB,SAASkC;oBAAoBW,eAAa9C;8BAC3DJ;;8BAGL,KAACZ;oBACCI,SAASA;oBACTU,cAAcA;oBACdT,eAAeA;oBACfQ,cAAcA;oBACd8B,aAAaA;;;;;AAKvB,EAAE"}

package/dist/components/Alert/AlertTypography.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@ import type * as React from 'react';
 import type { HasChildren } from '../../types';
 interface AlertTypography extends HasChildren {
     'id': string;
-    'data-testid'?: string;
+    'data-testid'?: string | undefined;
 }
 export declare const AlertTitle: (props: AlertTypography) => React.ReactNode;
 export declare const AlertDescription: (props: AlertTypography) => React.ReactNode;

package/dist/components/Alert/AlertTypography.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AlertTypography.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/AlertTypography.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAO/C,UAAU,eAAgB,SAAQ,WAAW;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,MAAM,CAAC;~~CACxB~~;AACD,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,KAAG,KAAK,CAAC,SASzD,CAAC;AACF,eAAO,MAAM,gBAAgB,GAAI,OAAO,eAAe,KAAG,KAAK,CAAC,SAW/D,CAAC"}
1	+ {"version":3,"file":"AlertTypography.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/AlertTypography.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAO/C,UAAU,eAAgB,SAAQ,WAAW;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACpC;AACD,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,KAAG,KAAK,CAAC,SASzD,CAAC;AACF,eAAO,MAAM,gBAAgB,GAAI,OAAO,eAAe,KAAG,KAAK,CAAC,SAW/D,CAAC"}

package/dist/components/Alert/AlertTypography.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/Alert/AlertTypography.tsx"],"sourcesContent":["'use client';\n/* eslint-disable jsdoc/require-jsdoc /\n\nimport type as React from 'react';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport type { 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 'data-testid'?: string;\n}\nexport const AlertTitle = (props: AlertTypography): React.ReactNode => {\n const platform = usePlatform();\n\n switch (platform) {\n case 'ios':\n return <Title className={styles.title} weight=\"1\" level=\"3\" {...props} />;\n default:\n return <Title className={styles.title} weight=\"2\" level=\"2\" {...props} />;\n }\n};\nexport const AlertDescription = (props: AlertTypography): React.ReactNode => {\n const platform = usePlatform();\n\n switch (platform) {\n case 'vkcom':\n return <Footnote className={styles.description} {...props} />;\n case 'ios':\n return <Caption className={styles.description} {...props} />;\n default:\n return <Text Component=\"span\" className={styles.description} weight=\"3\" {...props} />;\n }\n};\n"],"names":["usePlatform","Caption","Footnote","Text","Title","AlertTitle","props","platform","className","weight","level","AlertDescription","Component"],"mappings":"AAAA;;AAIA,SAASA,WAAW,QAAQ,6BAA0B;AAEtD,SAASC,OAAO,QAAQ,mCAAgC;AACxD,SAASC,QAAQ,QAAQ,qCAAkC;AAC3D,SAASC,IAAI,QAAQ,6BAA0B;AAC/C,SAASC,KAAK,QAAQ,+BAA4B;AAOlD,OAAO,MAAMC,aAAa,CAACC;IACzB,MAAMC,WAAWP;IAEjB,OAAQO;QACN,KAAK;YACH,qBAAO,KAACH;gBAAMI,SAAS;gBAAgBC,QAAO;gBAAIC,OAAM;gBAAK,GAAGJ,KAAK;;QACvE;YACE,qBAAO,KAACF;gBAAMI,SAAS;gBAAgBC,QAAO;gBAAIC,OAAM;gBAAK,GAAGJ,KAAK;;IACzE;AACF,EAAE;AACF,OAAO,MAAMK,mBAAmB,CAACL;IAC/B,MAAMC,WAAWP;IAEjB,OAAQO;QACN,KAAK;YACH,qBAAO,KAACL;gBAASM,SAAS;gBAAuB,GAAGF,KAAK;;QAC3D,KAAK;YACH,qBAAO,KAACL;gBAAQO,SAAS;gBAAuB,GAAGF,KAAK;;QAC1D;YACE,qBAAO,KAACH;gBAAKS,WAAU;gBAAOJ,SAAS;gBAAsBC,QAAO;gBAAK,GAAGH,KAAK;;IACrF;AACF,EAAE"}
1	+ {"version":3,"sources":["../../../src/components/Alert/AlertTypography.tsx"],"sourcesContent":["'use client';\n/* eslint-disable jsdoc/require-jsdoc /\n\nimport type as React from 'react';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport type { 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 'data-testid'?: string \| undefined;\n}\nexport const AlertTitle = (props: AlertTypography): React.ReactNode => {\n const platform = usePlatform();\n\n switch (platform) {\n case 'ios':\n return <Title className={styles.title} weight=\"1\" level=\"3\" {...props} />;\n default:\n return <Title className={styles.title} weight=\"2\" level=\"2\" {...props} />;\n }\n};\nexport const AlertDescription = (props: AlertTypography): React.ReactNode => {\n const platform = usePlatform();\n\n switch (platform) {\n case 'vkcom':\n return <Footnote className={styles.description} {...props} />;\n case 'ios':\n return <Caption className={styles.description} {...props} />;\n default:\n return <Text Component=\"span\" className={styles.description} weight=\"3\" {...props} />;\n }\n};\n"],"names":["usePlatform","Caption","Footnote","Text","Title","AlertTitle","props","platform","className","weight","level","AlertDescription","Component"],"mappings":"AAAA;;AAIA,SAASA,WAAW,QAAQ,6BAA0B;AAEtD,SAASC,OAAO,QAAQ,mCAAgC;AACxD,SAASC,QAAQ,QAAQ,qCAAkC;AAC3D,SAASC,IAAI,QAAQ,6BAA0B;AAC/C,SAASC,KAAK,QAAQ,+BAA4B;AAOlD,OAAO,MAAMC,aAAa,CAACC;IACzB,MAAMC,WAAWP;IAEjB,OAAQO;QACN,KAAK;YACH,qBAAO,KAACH;gBAAMI,SAAS;gBAAgBC,QAAO;gBAAIC,OAAM;gBAAK,GAAGJ,KAAK;;QACvE;YACE,qBAAO,KAACF;gBAAMI,SAAS;gBAAgBC,QAAO;gBAAIC,OAAM;gBAAK,GAAGJ,KAAK;;IACzE;AACF,EAAE;AACF,OAAO,MAAMK,mBAAmB,CAACL;IAC/B,MAAMC,WAAWP;IAEjB,OAAQO;QACN,KAAK;YACH,qBAAO,KAACL;gBAASM,SAAS;gBAAuB,GAAGF,KAAK;;QAC3D,KAAK;YACH,qBAAO,KAACL;gBAAQO,SAAS;gBAAuB,GAAGF,KAAK;;QAC1D;YACE,qBAAO,KAACH;gBAAKS,WAAU;gBAAOJ,SAAS;gBAAsBC,QAAO;gBAAK,GAAGH,KAAK;;IACrF;AACF,EAAE"}

package/dist/components/AppRoot/AppRoot.d.ts CHANGED Viewed

@@ -4,38 +4,38 @@ export interface AppRootProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Режим встраивания.
      */
-    mode?: AppRootMode;
+    mode?: AppRootMode | undefined;
     /**
      * - `global` (по умолчанию) — VKUI-приложение скроллится вместе со страницей.
      * - `contain` — VKUI-приложение живет в отдельной зоне и скроллится независимо внутри `AppRoot` (например, в модалке).
      *
      * Полезно при использовании `mode="embedded"`.
      */
-    scroll?: AppRootScroll;
+    scroll?: AppRootScroll | undefined;
     /**
      * См. Документацию [mdn web docs | env#values](https://developer.mozilla.org/en-US/docs/Web/CSS/env#values).
      */
-    safeAreaInsets?: SafeAreaInsets;
+    safeAreaInsets?: SafeAreaInsets | undefined;
     /**
      * Кастомный root-элемент портала.
      */
-    portalRoot?: HTMLElement | React.RefObject<HTMLElement | null> | null;
+    portalRoot?: HTMLElement | React.RefObject<HTMLElement | null> | null | undefined;
     /**
      * Отключает рендер всплывающих компонентов в отдельном контейнере.
      */
-    disablePortal?: boolean;
+    disablePortal?: boolean | undefined;
     /**
      * По умолчанию, mode="embedded" переносит систему координат элементов с `position: fixed` на
      * свой контейнер через `transform: translate3d(0, 0, 0)`.
      *
      * Это поведение можно отключить с помощью этого параметра.
      */
-    disableParentTransformForPositionFixedElements?: boolean;
+    disableParentTransformForPositionFixedElements?: boolean | undefined;
     /**
      * Глобально задаёт тип оформления макета для компонентов
      * [Panel](https://vkui.io/components/panel) и [Group](https://vkui.io/components/group).
      */
-    layout?: AppRootLayout;
+    layout?: AppRootLayout | undefined;
     /**
      * Задаёт режим выбора текста (выделения текста) для всего приложения.
      * По умолчанию, если режим не задан, запрещает выбор текста в приложениях,
@@ -47,7 +47,7 @@ export interface AppRootProps extends React.HTMLAttributes<HTMLDivElement> {
      *
      * @since 6.2.0
      */
-    userSelectMode?: AppRootUserSelectMode;
+    userSelectMode?: AppRootUserSelectMode | undefined;
     /**
      * По умолчанию в режиме `mode="full"` VKUI в рантайме выставляет:
      * - класс .vkui на html элемент
@@ -57,7 +57,7 @@ export interface AppRootProps extends React.HTMLAttributes<HTMLDivElement> {
      * Для корректной работы SSR рекоммендуется выставлять эти классы самостоятельно
      * и отключить это поведение.
      */
-    disableSettingVKUIClassesInRuntime?: boolean;
+    disableSettingVKUIClassesInRuntime?: boolean | undefined;
 }
 /**
  * @see https://vkui.io/components/app-root

package/dist/components/AppRoot/AppRoot.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppRoot.d.ts","sourceRoot":"","sources":["../../../src/components/AppRoot/AppRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EACV,aAAa,EACb,WAAW,EACX,aAAa,EACb,qBAAqB,EACrB,cAAc,EACf,MAAM,SAAS,CAAC;AAQjB,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE;;OAEG;IACH,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,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;~~IACtE~~;;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;~~IACvC~~;;;;;;;;OAQG;IACH,kCAAkC,CAAC,EAAE,OAAO,CAAC;~~CAC9C~~;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,GAAI,4NAarB,YAAY,KAAG,KAAK,CAAC,SA8EvB,CAAC"}
1	+ {"version":3,"file":"AppRoot.d.ts","sourceRoot":"","sources":["../../../src/components/AppRoot/AppRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EACV,aAAa,EACb,WAAW,EACX,aAAa,EACb,qBAAqB,EACrB,cAAc,EACf,MAAM,SAAS,CAAC;AAQjB,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE;;OAEG;IACH,IAAI,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IAC/B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IACnC;;OAEG;IACH,cAAc,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC;IAC5C;;OAEG;IACH,UAAU,CAAC,EAAE,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAClF;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACpC;;;;;OAKG;IACH,8CAA8C,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACrE;;;OAGG;IACH,MAAM,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IACnC;;;;;;;;;;OAUG;IACH,cAAc,CAAC,EAAE,qBAAqB,GAAG,SAAS,CAAC;IACnD;;;;;;;;OAQG;IACH,kCAAkC,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC1D;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,GAAI,4NAarB,YAAY,KAAG,KAAK,CAAC,SA8EvB,CAAC"}

package/dist/components/AppRoot/AppRoot.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/AppRoot/AppRoot.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useKeyboardInputTracker } from '../../hooks/useKeyboardInputTracker';\nimport { useSyncHTMLWithBaseVKUIClasses } from '../../hooks/useSyncHTMLWithBaseVKUIClasses';\nimport { useSyncHTMLWithTokens } from '../../hooks/useSyncHTMLWithTokens';\nimport { AppRootContext } from './AppRootContext';\nimport { AppRootStyleContainer } from './AppRootStyleContainer/AppRootStyleContainer';\nimport { ElementScrollController, GlobalScrollController } from './ScrollContext';\nimport { useSafeAreaInsetsMemo } from './helpers';\nimport type {\n AppRootLayout,\n AppRootMode,\n AppRootScroll,\n AppRootUserSelectMode,\n SafeAreaInsets,\n} from './types';\nimport styles from './AppRoot.module.css';\n\nconst layoutClassNames = {\n card: styles.layoutCard,\n plain: styles.layoutPlain,\n};\n\nexport interface AppRootProps extends React.HTMLAttributes<HTMLDivElement> {\n /*\n Режим встраивания.\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> \| 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://vkui.io/components/panel) и [Group](https://vkui.io/components/group).\n /\n layout?: AppRootLayout;\n /\n Задаёт режим выбора текста (выделения текста) для всего приложения.\n * По умолчанию, если режим не задан, запрещает выбор текста в приложениях,\n * запущенных в webview (по значению свойства `isWebView` из [ConfigProvider](https://vkui.io/components/config-provider)).\n \n - `enabled-with-pointer` – разрешает выбор текста, если устройство ввода типа `pointer` (например, `мышь`), в остальных случаях запрещает;\n * - `disabled` – запрещает выбор текста;\n * - `enabled` – разрешает выбор текста.\n \n @since 6.2.0\n /\n userSelectMode?: AppRootUserSelectMode;\n /\n По умолчанию в режиме `mode=\"full\"` VKUI в рантайме выставляет:\n * - класс .vkui на html элемент\n * - класс .vkui__root на элемент-контейнер, в который монтируется VKUI\n * С помощью этой опции такое поведение можно отключить.\n \n Для корректной работы SSR рекоммендуется выставлять эти классы самостоятельно\n * и отключить это поведение.\n /\n disableSettingVKUIClassesInRuntime?: boolean;\n}\n\n/\n @see https://vkui.io/components/app-root\n /\nexport const AppRoot = ({\n children,\n mode = 'full',\n scroll = 'global',\n portalRoot,\n disablePortal = false,\n disableParentTransformForPositionFixedElements,\n safeAreaInsets: safeAreaInsetsProp,\n layout,\n userSelectMode,\n disableSettingVKUIClassesInRuntime,\n className,\n ...props\n}: AppRootProps): React.ReactNode => {\n const appRootRef = React.useRef<HTMLDivElement \| null>(null);\n\n const isKeyboardInputActiveRef = useKeyboardInputTracker();\n const safeAreaInsets = useSafeAreaInsetsMemo(safeAreaInsetsProp);\n\n const contextValue = React.useMemo(\n () => ({\n appRoot: appRootRef,\n portalRoot,\n safeAreaInsets,\n embedded: mode === 'embedded',\n mode,\n disablePortal,\n layout,\n get keyboardInput() {\n return isKeyboardInputActiveRef.current;\n },\n userSelectMode,\n }),\n [\n portalRoot,\n disablePortal,\n isKeyboardInputActiveRef,\n layout,\n mode,\n safeAreaInsets,\n userSelectMode,\n ],\n );\n\n /\n * Вешаем класс токенов на html в режиме full.\n * Это необходимо, чтобы цвета html элемента и скроллбара соответствовали текущей цветовой схеме:\n * - фон html элемента виден, если пользователь оверскролит. Тогда возникает анимация bounce-эффекта и виден фон html элемента. Без токенов в черной теме будет выглядывать белый фон.\n * - цвет системного сколлбара зависит от color-sheme свойства, значение которого задётся токенами и должно быть выставлено именно на html элементе.\n * В режме SSR пользователи сами могу задать этот класс на html-элементе. главное, чтобы он соответствовал переданным platform и appearence свойствам.\n /\n useSyncHTMLWithTokens({ appRootRef, enable: mode === 'full' });\n /\n * По умолчанию VKUI будет выставлять .vkui на html и .vkui__root на контейнере в режиме full.\n * В режиме embedded будет выставлять только .vkui__root и .vkui__root--embedded на контейнере.\n * В режиме partial мы классы не выставляем.\n */\n useSyncHTMLWithBaseVKUIClasses({\n appRootRef,\n mode,\n layout,\n enable: mode !== 'partial' && !disableSettingVKUIClassesInRuntime,\n });\n\n const ScrollController = React.useMemo(\n () => (scroll === 'contain' ? ElementScrollController : GlobalScrollController),\n [scroll],\n );\n\n return mode === 'partial' ? (\n <AppRootContext.Provider value={contextValue}>\n <ScrollController elRef={appRootRef}>{children}</ScrollController>\n </AppRootContext.Provider>\n ) : (\n <AppRootContext.Provider value={contextValue}>\n <AppRootStyleContainer\n getRootRef={appRootRef}\n className={classNames(\n className,\n styles.host,\n layout && layoutClassNames[layout],\n mode === 'embedded' && !disableParentTransformForPositionFixedElements\n ? styles.transformForPositionFixedElements\n : undefined,\n )}\n {...props}\n >\n <ScrollController elRef={appRootRef}>{children}</ScrollController>\n </AppRootStyleContainer>\n </AppRootContext.Provider>\n );\n};\n"],"names":["React","classNames","useKeyboardInputTracker","useSyncHTMLWithBaseVKUIClasses","useSyncHTMLWithTokens","AppRootContext","AppRootStyleContainer","ElementScrollController","GlobalScrollController","useSafeAreaInsetsMemo","layoutClassNames","card","plain","AppRoot","children","mode","scroll","portalRoot","disablePortal","disableParentTransformForPositionFixedElements","safeAreaInsets","safeAreaInsetsProp","layout","userSelectMode","disableSettingVKUIClassesInRuntime","className","props","appRootRef","useRef","isKeyboardInputActiveRef","contextValue","useMemo","appRoot","embedded","keyboardInput","current","enable","ScrollController","Provider","value","elRef","getRootRef","undefined"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,uBAAuB,QAAQ,yCAAsC;AAC9E,SAASC,8BAA8B,QAAQ,gDAA6C;AAC5F,SAASC,qBAAqB,QAAQ,uCAAoC;AAC1E,SAASC,cAAc,QAAQ,sBAAmB;AAClD,SAASC,qBAAqB,QAAQ,mDAAgD;AACtF,SAASC,uBAAuB,EAAEC,sBAAsB,QAAQ,qBAAkB;AAClF,SAASC,qBAAqB,QAAQ,eAAY;AAUlD,MAAMC,mBAAmB;IACvBC,IAAI;IACJC,KAAK;AACP;AA8DA;;CAEC,GACD,OAAO,MAAMC,UAAU,CAAC,EACtBC,QAAQ,EACRC,OAAO,MAAM,EACbC,SAAS,QAAQ,EACjBC,UAAU,EACVC,gBAAgB,KAAK,EACrBC,8CAA8C,EAC9CC,gBAAgBC,kBAAkB,EAClCC,MAAM,EACNC,cAAc,EACdC,kCAAkC,EAClCC,SAAS,EACT,GAAGC,OACU;IACb,MAAMC,aAAa3B,MAAM4B,MAAM,CAAwB;IAEvD,MAAMC,2BAA2B3B;IACjC,MAAMkB,iBAAiBX,sBAAsBY;IAE7C,MAAMS,eAAe9B,MAAM+B,OAAO,CAChC,IAAO,CAAA;YACLC,SAASL;YACTV;YACAG;YACAa,UAAUlB,SAAS;YACnBA;YACAG;YACAI;YACA,IAAIY,iBAAgB;gBAClB,OAAOL,yBAAyBM,OAAO;YACzC;YACAZ;QACF,CAAA,GACA;QACEN;QACAC;QACAW;QACAP;QACAP;QACAK;QACAG;KACD;IAGH;;;;;;GAMC,GACDnB,sBAAsB;QAAEuB;QAAYS,QAAQrB,SAAS;IAAO;IAC5D;;;;GAIC,GACDZ,+BAA+B;QAC7BwB;QACAZ;QACAO;QACAc,QAAQrB,SAAS,aAAa,CAACS;IACjC;IAEA,MAAMa,mBAAmBrC,MAAM+B,OAAO,CACpC,IAAOf,WAAW,YAAYT,0BAA0BC,wBACxD;QAACQ;KAAO;IAGV,OAAOD,SAAS,0BACd,KAACV,eAAeiC,QAAQ;QAACC,OAAOT;kBAC9B,cAAA,KAACO;YAAiBG,OAAOb;sBAAab;;uBAGxC,KAACT,eAAeiC,QAAQ;QAACC,OAAOT;kBAC9B,cAAA,KAACxB;YACCmC,YAAYd;YACZF,WAAWxB,WACTwB,gCAEAH,UAAUZ,gBAAgB,CAACY,OAAO,EAClCP,SAAS,cAAc,CAACI,oGAEpBuB;YAEL,GAAGhB,KAAK;sBAET,cAAA,KAACW;gBAAiBG,OAAOb;0BAAab;;;;AAI9C,EAAE"}
1	+ {"version":3,"sources":["../../../src/components/AppRoot/AppRoot.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useKeyboardInputTracker } from '../../hooks/useKeyboardInputTracker';\nimport { useSyncHTMLWithBaseVKUIClasses } from '../../hooks/useSyncHTMLWithBaseVKUIClasses';\nimport { useSyncHTMLWithTokens } from '../../hooks/useSyncHTMLWithTokens';\nimport { AppRootContext } from './AppRootContext';\nimport { AppRootStyleContainer } from './AppRootStyleContainer/AppRootStyleContainer';\nimport { ElementScrollController, GlobalScrollController } from './ScrollContext';\nimport { useSafeAreaInsetsMemo } from './helpers';\nimport type {\n AppRootLayout,\n AppRootMode,\n AppRootScroll,\n AppRootUserSelectMode,\n SafeAreaInsets,\n} from './types';\nimport styles from './AppRoot.module.css';\n\nconst layoutClassNames = {\n card: styles.layoutCard,\n plain: styles.layoutPlain,\n};\n\nexport interface AppRootProps extends React.HTMLAttributes<HTMLDivElement> {\n /*\n Режим встраивания.\n /\n mode?: AppRootMode \| undefined;\n /\n - `global` (по умолчанию) — VKUI-приложение скроллится вместе со страницей.\n * - `contain` — VKUI-приложение живет в отдельной зоне и скроллится независимо внутри `AppRoot` (например, в модалке).\n \n Полезно при использовании `mode=\"embedded\"`.\n /\n scroll?: AppRootScroll \| undefined;\n /\n См. Документацию [mdn web docs \| env#values](https://developer.mozilla.org/en-US/docs/Web/CSS/env#values).\n /\n safeAreaInsets?: SafeAreaInsets \| undefined;\n /\n Кастомный root-элемент портала.\n /\n portalRoot?: HTMLElement \| React.RefObject<HTMLElement \| null> \| null \| undefined;\n /\n Отключает рендер всплывающих компонентов в отдельном контейнере.\n /\n disablePortal?: boolean \| undefined;\n /\n По умолчанию, mode=\"embedded\" переносит систему координат элементов с `position: fixed` на\n * свой контейнер через `transform: translate3d(0, 0, 0)`.\n \n Это поведение можно отключить с помощью этого параметра.\n /\n disableParentTransformForPositionFixedElements?: boolean \| undefined;\n /\n Глобально задаёт тип оформления макета для компонентов\n * [Panel](https://vkui.io/components/panel) и [Group](https://vkui.io/components/group).\n /\n layout?: AppRootLayout \| undefined;\n /\n Задаёт режим выбора текста (выделения текста) для всего приложения.\n * По умолчанию, если режим не задан, запрещает выбор текста в приложениях,\n * запущенных в webview (по значению свойства `isWebView` из [ConfigProvider](https://vkui.io/components/config-provider)).\n \n - `enabled-with-pointer` – разрешает выбор текста, если устройство ввода типа `pointer` (например, `мышь`), в остальных случаях запрещает;\n * - `disabled` – запрещает выбор текста;\n * - `enabled` – разрешает выбор текста.\n \n @since 6.2.0\n /\n userSelectMode?: AppRootUserSelectMode \| undefined;\n /\n По умолчанию в режиме `mode=\"full\"` VKUI в рантайме выставляет:\n * - класс .vkui на html элемент\n * - класс .vkui__root на элемент-контейнер, в который монтируется VKUI\n * С помощью этой опции такое поведение можно отключить.\n \n Для корректной работы SSR рекоммендуется выставлять эти классы самостоятельно\n * и отключить это поведение.\n /\n disableSettingVKUIClassesInRuntime?: boolean \| undefined;\n}\n\n/\n @see https://vkui.io/components/app-root\n /\nexport const AppRoot = ({\n children,\n mode = 'full',\n scroll = 'global',\n portalRoot,\n disablePortal = false,\n disableParentTransformForPositionFixedElements,\n safeAreaInsets: safeAreaInsetsProp,\n layout,\n userSelectMode,\n disableSettingVKUIClassesInRuntime,\n className,\n ...props\n}: AppRootProps): React.ReactNode => {\n const appRootRef = React.useRef<HTMLDivElement \| null>(null);\n\n const isKeyboardInputActiveRef = useKeyboardInputTracker();\n const safeAreaInsets = useSafeAreaInsetsMemo(safeAreaInsetsProp);\n\n const contextValue = React.useMemo(\n () => ({\n appRoot: appRootRef,\n portalRoot,\n safeAreaInsets,\n embedded: mode === 'embedded',\n mode,\n disablePortal,\n layout,\n get keyboardInput() {\n return isKeyboardInputActiveRef.current;\n },\n userSelectMode,\n }),\n [\n portalRoot,\n disablePortal,\n isKeyboardInputActiveRef,\n layout,\n mode,\n safeAreaInsets,\n userSelectMode,\n ],\n );\n\n /\n * Вешаем класс токенов на html в режиме full.\n * Это необходимо, чтобы цвета html элемента и скроллбара соответствовали текущей цветовой схеме:\n * - фон html элемента виден, если пользователь оверскролит. Тогда возникает анимация bounce-эффекта и виден фон html элемента. Без токенов в черной теме будет выглядывать белый фон.\n * - цвет системного сколлбара зависит от color-sheme свойства, значение которого задётся токенами и должно быть выставлено именно на html элементе.\n * В режме SSR пользователи сами могу задать этот класс на html-элементе. главное, чтобы он соответствовал переданным platform и appearence свойствам.\n /\n useSyncHTMLWithTokens({ appRootRef, enable: mode === 'full' });\n /\n * По умолчанию VKUI будет выставлять .vkui на html и .vkui__root на контейнере в режиме full.\n * В режиме embedded будет выставлять только .vkui__root и .vkui__root--embedded на контейнере.\n * В режиме partial мы классы не выставляем.\n */\n useSyncHTMLWithBaseVKUIClasses({\n appRootRef,\n mode,\n layout,\n enable: mode !== 'partial' && !disableSettingVKUIClassesInRuntime,\n });\n\n const ScrollController = React.useMemo(\n () => (scroll === 'contain' ? ElementScrollController : GlobalScrollController),\n [scroll],\n );\n\n return mode === 'partial' ? (\n <AppRootContext.Provider value={contextValue}>\n <ScrollController elRef={appRootRef}>{children}</ScrollController>\n </AppRootContext.Provider>\n ) : (\n <AppRootContext.Provider value={contextValue}>\n <AppRootStyleContainer\n getRootRef={appRootRef}\n className={classNames(\n className,\n styles.host,\n layout && layoutClassNames[layout],\n mode === 'embedded' && !disableParentTransformForPositionFixedElements\n ? styles.transformForPositionFixedElements\n : undefined,\n )}\n {...props}\n >\n <ScrollController elRef={appRootRef}>{children}</ScrollController>\n </AppRootStyleContainer>\n </AppRootContext.Provider>\n );\n};\n"],"names":["React","classNames","useKeyboardInputTracker","useSyncHTMLWithBaseVKUIClasses","useSyncHTMLWithTokens","AppRootContext","AppRootStyleContainer","ElementScrollController","GlobalScrollController","useSafeAreaInsetsMemo","layoutClassNames","card","plain","AppRoot","children","mode","scroll","portalRoot","disablePortal","disableParentTransformForPositionFixedElements","safeAreaInsets","safeAreaInsetsProp","layout","userSelectMode","disableSettingVKUIClassesInRuntime","className","props","appRootRef","useRef","isKeyboardInputActiveRef","contextValue","useMemo","appRoot","embedded","keyboardInput","current","enable","ScrollController","Provider","value","elRef","getRootRef","undefined"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,uBAAuB,QAAQ,yCAAsC;AAC9E,SAASC,8BAA8B,QAAQ,gDAA6C;AAC5F,SAASC,qBAAqB,QAAQ,uCAAoC;AAC1E,SAASC,cAAc,QAAQ,sBAAmB;AAClD,SAASC,qBAAqB,QAAQ,mDAAgD;AACtF,SAASC,uBAAuB,EAAEC,sBAAsB,QAAQ,qBAAkB;AAClF,SAASC,qBAAqB,QAAQ,eAAY;AAUlD,MAAMC,mBAAmB;IACvBC,IAAI;IACJC,KAAK;AACP;AA8DA;;CAEC,GACD,OAAO,MAAMC,UAAU,CAAC,EACtBC,QAAQ,EACRC,OAAO,MAAM,EACbC,SAAS,QAAQ,EACjBC,UAAU,EACVC,gBAAgB,KAAK,EACrBC,8CAA8C,EAC9CC,gBAAgBC,kBAAkB,EAClCC,MAAM,EACNC,cAAc,EACdC,kCAAkC,EAClCC,SAAS,EACT,GAAGC,OACU;IACb,MAAMC,aAAa3B,MAAM4B,MAAM,CAAwB;IAEvD,MAAMC,2BAA2B3B;IACjC,MAAMkB,iBAAiBX,sBAAsBY;IAE7C,MAAMS,eAAe9B,MAAM+B,OAAO,CAChC,IAAO,CAAA;YACLC,SAASL;YACTV;YACAG;YACAa,UAAUlB,SAAS;YACnBA;YACAG;YACAI;YACA,IAAIY,iBAAgB;gBAClB,OAAOL,yBAAyBM,OAAO;YACzC;YACAZ;QACF,CAAA,GACA;QACEN;QACAC;QACAW;QACAP;QACAP;QACAK;QACAG;KACD;IAGH;;;;;;GAMC,GACDnB,sBAAsB;QAAEuB;QAAYS,QAAQrB,SAAS;IAAO;IAC5D;;;;GAIC,GACDZ,+BAA+B;QAC7BwB;QACAZ;QACAO;QACAc,QAAQrB,SAAS,aAAa,CAACS;IACjC;IAEA,MAAMa,mBAAmBrC,MAAM+B,OAAO,CACpC,IAAOf,WAAW,YAAYT,0BAA0BC,wBACxD;QAACQ;KAAO;IAGV,OAAOD,SAAS,0BACd,KAACV,eAAeiC,QAAQ;QAACC,OAAOT;kBAC9B,cAAA,KAACO;YAAiBG,OAAOb;sBAAab;;uBAGxC,KAACT,eAAeiC,QAAQ;QAACC,OAAOT;kBAC9B,cAAA,KAACxB;YACCmC,YAAYd;YACZF,WAAWxB,WACTwB,gCAEAH,UAAUZ,gBAAgB,CAACY,OAAO,EAClCP,SAAS,cAAc,CAACI,oGAEpBuB;YAEL,GAAGhB,KAAK;sBAET,cAAA,KAACW;gBAAiBG,OAAOb;0BAAab;;;;AAI9C,EAAE"}

package/dist/components/AppRoot/AppRootContext.d.ts CHANGED Viewed

@@ -2,14 +2,14 @@ import * as React from 'react';
 import type { AppRootUserSelectMode, SafeAreaInsets } from './types';
 export interface AppRootContextInterface {
     appRoot: React.RefObject<HTMLElement | null>;
-    portalRoot?: HTMLElement | React.RefObject<HTMLElement | null> | null;
-    safeAreaInsets?: SafeAreaInsets;
+    portalRoot?: HTMLElement | React.RefObject<HTMLElement | null> | null | undefined;
+    safeAreaInsets?: SafeAreaInsets | undefined;
     embedded: boolean;
     mode: 'partial' | 'embedded' | 'full';
     keyboardInput: boolean;
     disablePortal: boolean;
-    layout?: 'card' | 'plain';
-    userSelectMode?: AppRootUserSelectMode;
+    layout?: 'card' | 'plain' | undefined;
+    userSelectMode?: AppRootUserSelectMode | undefined;
 }
 /**
  * Вынесен в константу, чтобы можно было в тестах создавать свой контекст и сливать перед этим значения по-умолчанию.