@vkontakte/vkui 5.5.4 → 5.6.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon24ChevronCompactLeft, Icon24ChevronCompactRight } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { PaginationPageType, usePagination } from '../../hooks/usePagination';\nimport { SizeType } from '../../lib/adaptivity';\nimport type { HasRootRef } from '../../types';\nimport { Button } from '../Button/Button';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Text } from '../Typography/Text/Text';\nimport styles from './Pagination.module.css';\n\nfunction getPageAriaLabelDefault(page: number, isCurrent: boolean): string {\n  return isCurrent ? `${page} страница` : `Перейти на ${page} страницу`;\n}\n\nexport interface PaginationProps\n  extends Omit<React.HTMLAttributes<HTMLElement>, 'onChange'>,\n    HasRootRef<HTMLElement> {\n  /**\n   * Текущая страница.\n   */\n  currentPage?: number;\n  /**\n   * Кол-во всегда видимых страниц по краям текущей страницы.\n   */\n  siblingCount?: number;\n  /**\n   * Кол-во всегда видимых страниц в начале и в конце.\n   */\n  boundaryCount?: number;\n  /**\n   * Общее кол-во страниц.\n   */\n  totalPages?: number;\n  /**\n   * Блокировка всех кнопок.\n   */\n  disabled?: boolean;\n  /**\n   * Переопределение `aria-label` для кнопки навигации назад.\n   * По умолчанию используется текст на \"ru_RU\".\n   */\n  prevButtonAriaLabel?: string;\n  /**\n   * Переопределение `aria-label` для кнопки навигации вперёд.\n   * По умолчанию используется текст на \"ru_RU\".\n   */\n  nextButtonAriaLabel?: string;\n  /**\n   * Функция для переопределения и/или локализации `aria-label` атрибута.\n   * По умолчанию используется текст на \"ru_RU\".\n   */\n  getPageAriaLabel?(page: number, isCurrent: boolean): string;\n  onChange?(page: number): void;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Pagination\n */\nexport const Pagination = ({\n  currentPage = 1,\n  siblingCount = 1,\n  boundaryCount = 1,\n  totalPages = 1,\n  disabled,\n  getPageAriaLabel = getPageAriaLabelDefault,\n  prevButtonAriaLabel = 'Перейти на предыдущую страницу',\n  nextButtonAriaLabel = 'Перейти на следующую страницу',\n  getRootRef,\n  onChange,\n  ...resetProps\n}: PaginationProps) => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  const pages = usePagination({\n    currentPage,\n    totalPages,\n    siblingCount,\n    boundaryCount,\n  });\n  const isFirstPage = currentPage === 1;\n  const isLastPage = currentPage === totalPages;\n\n  const handlePrevClick = React.useCallback(() => {\n    if (onChange && !isFirstPage) {\n      onChange(currentPage - 1);\n    }\n  }, [currentPage, isFirstPage, onChange]);\n\n  const handleClick = React.useCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      const page: string = event.currentTarget.dataset.page || '1';\n      onChange?.(Number(page));\n    },\n    [onChange],\n  );\n\n  const handleNextClick = React.useCallback(() => {\n    if (onChange && !isLastPage) {\n      onChange(currentPage + 1);\n    }\n  }, [currentPage, isLastPage, onChange]);\n\n  const renderPages = React.useCallback(\n    (page: PaginationPageType) => {\n      switch (page) {\n        case 'start-ellipsis':\n        case 'end-ellipsis':\n          return (\n            <li key={page}>\n              <Text\n                className={classNames(\n                  styles['Pagination__page'],\n                  styles['Pagination__page--type-ellipsis'],\n                  sizeY === 'none' && styles['Pagination__page--sizeY-none'],\n                  sizeY === SizeType.COMPACT && styles['Pagination__page--sizeY-compact'],\n                  disabled && styles['Pagination__page--disabled'],\n                )}\n              >\n                &#8230;\n              </Text>\n            </li>\n          );\n        default: {\n          const isCurrent = page === currentPage;\n          return (\n            <li key={page}>\n              <Tappable\n                className={classNames(\n                  styles['Pagination__page'],\n                  sizeY === 'none' && styles['Pagination__page--sizeY-none'],\n                  sizeY === SizeType.COMPACT && styles['Pagination__page--sizeY-compact'],\n                  isCurrent && styles['Pagination__page--current'],\n                  disabled && styles['Pagination__page--disabled'],\n                )}\n                activeMode={styles['Pagination__page--state-active']}\n                hoverMode={styles['Pagination__page--state-hover']}\n                hasActive={!isCurrent}\n                hasHover={!isCurrent}\n                focusVisibleMode=\"outside\"\n                disabled={disabled}\n                data-page={page}\n                aria-current={isCurrent ? true : undefined}\n                aria-label={getPageAriaLabel(page, isCurrent)}\n                onClick={handleClick}\n              >\n                <Text normalize={false}>{page}</Text>\n              </Tappable>\n            </li>\n          );\n        }\n      }\n    },\n    [sizeY, currentPage, disabled, getPageAriaLabel, handleClick],\n  );\n\n  return (\n    <nav role=\"navigation\" aria-label=\"Навигация по страницам\" ref={getRootRef} {...resetProps}>\n      <ul className={styles['Pagination__list']}>\n        <li className={styles['Pagination__prevButtonContainer']}>\n          <Button\n            size=\"l\"\n            before={<Icon24ChevronCompactLeft width={24} />}\n            appearance=\"accent\"\n            mode=\"tertiary\"\n            disabled={isFirstPage || disabled}\n            aria-label={prevButtonAriaLabel}\n            onClick={handlePrevClick}\n          />\n        </li>\n        {pages.map(renderPages)}\n        <li className={styles['Pagination__nextButtonContainer']}>\n          <Button\n            size=\"l\"\n            after={<Icon24ChevronCompactRight width={24} />}\n            appearance=\"accent\"\n            mode=\"tertiary\"\n            disabled={isLastPage || disabled}\n            aria-label={nextButtonAriaLabel}\n            onClick={handleNextClick}\n          />\n        </li>\n      </ul>\n    </nav>\n  );\n};\n"],"names":["React","Icon24ChevronCompactLeft","Icon24ChevronCompactRight","classNames","useAdaptivity","usePagination","SizeType","Button","Tappable","Text","styles","getPageAriaLabelDefault","page","isCurrent","Pagination","currentPage","siblingCount","boundaryCount","totalPages","disabled","getPageAriaLabel","prevButtonAriaLabel","nextButtonAriaLabel","getRootRef","onChange","resetProps","sizeY","pages","isFirstPage","isLastPage","handlePrevClick","useCallback","handleClick","event","currentTarget","dataset","Number","handleNextClick","renderPages","li","key","className","COMPACT","activeMode","hoverMode","hasActive","hasHover","focusVisibleMode","data-page","aria-current","undefined","aria-label","onClick","normalize","nav","role","ref","ul","size","before","width","appearance","mode","map","after"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon24ChevronCompactLeft, Icon24ChevronCompactRight } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { PaginationPageType, usePagination } from '../../hooks/usePagination';\nimport { SizeType } from '../../lib/adaptivity';\nimport type { HasRootRef } from '../../types';\nimport { Button } from '../Button/Button';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Text } from '../Typography/Text/Text';\nimport styles from './Pagination.module.css';\n\nfunction getPageAriaLabelDefault(page: number, isCurrent: boolean): string {\n  return isCurrent ? `${page} страница` : `Перейти на ${page} страницу`;\n}\n\nexport interface PaginationProps\n  extends Omit<React.HTMLAttributes<HTMLElement>, 'onChange'>,\n    HasRootRef<HTMLElement> {\n  /**\n   * Текущая страница.\n   */\n  currentPage?: number;\n  /**\n   * Кол-во всегда видимых страниц по краям текущей страницы.\n   */\n  siblingCount?: number;\n  /**\n   * Кол-во всегда видимых страниц в начале и в конце.\n   */\n  boundaryCount?: number;\n  /**\n   * Общее кол-во страниц.\n   */\n  totalPages?: number;\n  /**\n   * Блокировка всех кнопок.\n   */\n  disabled?: boolean;\n  /**\n   * Переопределение `aria-label` для кнопки навигации назад.\n   * По умолчанию используется текст на \"ru_RU\".\n   */\n  prevButtonAriaLabel?: string;\n  /**\n   * Переопределение `aria-label` для кнопки навигации вперёд.\n   * По умолчанию используется текст на \"ru_RU\".\n   */\n  nextButtonAriaLabel?: string;\n  /**\n   * Функция для переопределения и/или локализации `aria-label` атрибута.\n   * По умолчанию используется текст на \"ru_RU\".\n   */\n  getPageAriaLabel?(page: number, isCurrent: boolean): string;\n  onChange?(page: number): void;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Pagination\n */\nexport const Pagination = ({\n  currentPage = 1,\n  siblingCount = 1,\n  boundaryCount = 1,\n  totalPages = 1,\n  disabled,\n  getPageAriaLabel = getPageAriaLabelDefault,\n  prevButtonAriaLabel = 'Перейти на предыдущую страницу',\n  nextButtonAriaLabel = 'Перейти на следующую страницу',\n  getRootRef,\n  onChange,\n  ...resetProps\n}: PaginationProps) => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  const pages = usePagination({\n    currentPage,\n    totalPages,\n    siblingCount,\n    boundaryCount,\n  });\n  const isFirstPage = currentPage === 1;\n  const isLastPage = currentPage === totalPages;\n\n  const handlePrevClick = React.useCallback(() => {\n    if (onChange && !isFirstPage) {\n      onChange(currentPage - 1);\n    }\n  }, [currentPage, isFirstPage, onChange]);\n\n  const handleClick = React.useCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      const page: string = event.currentTarget.dataset.page || '1';\n      onChange?.(Number(page));\n    },\n    [onChange],\n  );\n\n  const handleNextClick = React.useCallback(() => {\n    if (onChange && !isLastPage) {\n      onChange(currentPage + 1);\n    }\n  }, [currentPage, isLastPage, onChange]);\n\n  const renderPages = React.useCallback(\n    (page: PaginationPageType) => {\n      switch (page) {\n        case 'start-ellipsis':\n        case 'end-ellipsis':\n          return (\n            <li key={page}>\n              <Text\n                className={classNames(\n                  styles['Pagination__page'],\n                  styles['Pagination__page--type-ellipsis'],\n                  sizeY === 'none' && styles['Pagination__page--sizeY-none'],\n                  sizeY === SizeType.COMPACT && styles['Pagination__page--sizeY-compact'],\n                  disabled && styles['Pagination__page--disabled'],\n                )}\n              >\n                &#8230;\n              </Text>\n            </li>\n          );\n        default: {\n          const isCurrent = page === currentPage;\n          return (\n            <li key={page}>\n              <Tappable\n                className={classNames(\n                  styles['Pagination__page'],\n                  sizeY === 'none' && styles['Pagination__page--sizeY-none'],\n                  sizeY === SizeType.COMPACT && styles['Pagination__page--sizeY-compact'],\n                  isCurrent && styles['Pagination__page--current'],\n                  disabled && styles['Pagination__page--disabled'],\n                )}\n                activeMode={styles['Pagination__page--state-active']}\n                hoverMode={styles['Pagination__page--state-hover']}\n                hasActive={!isCurrent}\n                hasHover={!isCurrent}\n                focusVisibleMode=\"outside\"\n                disabled={disabled}\n                data-page={page}\n                aria-current={isCurrent ? true : undefined}\n                aria-label={getPageAriaLabel(page, isCurrent)}\n                onClick={handleClick}\n              >\n                <Text normalize={false}>{page}</Text>\n              </Tappable>\n            </li>\n          );\n        }\n      }\n    },\n    [sizeY, currentPage, disabled, getPageAriaLabel, handleClick],\n  );\n\n  return (\n    <nav role=\"navigation\" aria-label=\"Навигация по страницам\" ref={getRootRef} {...resetProps}>\n      <ul className={styles['Pagination__list']}>\n        <li className={styles['Pagination__prevButtonContainer']}>\n          <Button\n            size=\"l\"\n            before={<Icon24ChevronCompactLeft width={24} />}\n            appearance=\"accent\"\n            mode=\"tertiary\"\n            disabled={isFirstPage || disabled}\n            aria-label={prevButtonAriaLabel}\n            onClick={handlePrevClick}\n          />\n        </li>\n        {pages.map(renderPages)}\n        <li className={styles['Pagination__nextButtonContainer']}>\n          <Button\n            size=\"l\"\n            after={<Icon24ChevronCompactRight width={24} />}\n            appearance=\"accent\"\n            mode=\"tertiary\"\n            disabled={isLastPage || disabled}\n            aria-label={nextButtonAriaLabel}\n            onClick={handleNextClick}\n          />\n        </li>\n      </ul>\n    </nav>\n  );\n};\n"],"names":["React","Icon24ChevronCompactLeft","Icon24ChevronCompactRight","classNames","useAdaptivity","usePagination","SizeType","Button","Tappable","Text","styles","getPageAriaLabelDefault","page","isCurrent","Pagination","currentPage","siblingCount","boundaryCount","totalPages","disabled","getPageAriaLabel","prevButtonAriaLabel","nextButtonAriaLabel","getRootRef","onChange","resetProps","sizeY","pages","isFirstPage","isLastPage","handlePrevClick","useCallback","handleClick","event","currentTarget","dataset","Number","handleNextClick","renderPages","li","key","className","COMPACT","activeMode","hoverMode","hasActive","hasHover","focusVisibleMode","data-page","aria-current","undefined","aria-label","onClick","normalize","nav","role","ref","ul","size","before","width","appearance","mode","map","after"],"mappings":"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"}

package/dist/cssm/components/Panel/Panel.js

@@ -14,9 +14,9 @@ const sizeXClassNames = {
 };
 /**
  * @see https://vkcom.github.io/VKUI/#/Panel
- */ export const Panel = ({ centered =false , children , getRootRef , nav , className , ...restProps })=>{
+ */ export const Panel = ({ centered = false, children, getRootRef, nav, className, ...restProps })=>{
     const platform = usePlatform();
-    const { sizeX ='none'  } = useAdaptivity();
+    const { sizeX = 'none' } = useAdaptivity();
     return /*#__PURE__*/ React.createElement("div", {
         ...restProps,
         ref: getRootRef,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Panel/Panel.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { NavIdProps } from '../../lib/getNavId';\nimport { Platform } from '../../lib/platform';\nimport { HasRootRef } from '../../types';\nimport { TooltipContainer } from '../Tooltip/TooltipContainer';\nimport { Touch } from '../Touch/Touch';\nimport styles from './Panel.module.css';\n\nconst sizeXClassNames = {\n  none: styles['Panel--sizeX-none'],\n  [SizeType.COMPACT]: styles['Panel--sizeX-compact'],\n  [SizeType.REGULAR]: styles['Panel--sizeX-regular'],\n};\n\nexport interface PanelProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    NavIdProps {\n  centered?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Panel\n */\nexport const Panel = ({\n  centered = false,\n  children,\n  getRootRef,\n  nav,\n  className,\n  ...restProps\n}: PanelProps) => {\n  const platform = usePlatform();\n  const { sizeX = 'none' } = useAdaptivity();\n\n  return (\n    <div\n      {...restProps}\n      ref={getRootRef}\n      className={classNames(\n        styles['Panel'],\n        sizeXClassNames[sizeX],\n        centered && 'vkuiInternalPanel--centered',\n        className,\n      )}\n    >\n      <Touch\n        Component={TooltipContainer}\n        className={classNames(styles['Panel__in'], 'vkuiInternalPanel__in')}\n      >\n        <div className={styles['Panel__in-before']} />\n        {centered ? <div className={styles['Panel__centered']}>{children}</div> : children}\n        {platform === Platform.IOS && <div className=\"vkuiInternalPanel__fade\" />}\n        <div className={styles['Panel__in-after']} />\n      </Touch>\n    </div>\n  );\n};\n"],"names":["React","classNames","useAdaptivity","usePlatform","SizeType","Platform","TooltipContainer","Touch","styles","sizeXClassNames","none","COMPACT","REGULAR","Panel","centered","children","getRootRef","nav","className","restProps","platform","sizeX","div","ref","Component","IOS"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,uBAAuB;AAEhD,SAASC,QAAQ,QAAQ,qBAAqB;AAE9C,SAASC,gBAAgB,QAAQ,8BAA8B;AAC/D,SAASC,KAAK,QAAQ,iBAAiB;AACvC,OAAOC,YAAY,qBAAqB;AAExC,MAAMC,kBAAkB;IACtBC,MAAMF,MAAM,CAAC,oBAAoB;IACjC,CAACJ,SAASO,QAAQ,EAAEH,MAAM,CAAC,uBAAuB;IAClD,CAACJ,SAASQ,QAAQ,EAAEJ,MAAM,CAAC,uBAAuB;AACpD;AASA;;CAEC,GACD,OAAO,MAAMK,QAAQ,CAAC,EACpBC,UAAW,MAAK,EAChBC,SAAQ,EACRC,WAAU,EACVC,IAAG,EACHC,UAAS,EACT,GAAGC,WACQ;IACX,MAAMC,WAAWjB;IACjB,MAAM,EAAEkB,OAAQ,OAAM,EAAE,GAAGnB;IAE3B,qBACE,oBAACoB;QACE,GAAGH,SAAS;QACbI,KAAKP;QACLE,WAAWjB,WACTO,MAAM,CAAC,QAAQ,EACfC,eAAe,CAACY,MAAM,EACtBP,YAAY,+BACZI;qBAGF,oBAACX;QACCiB,WAAWlB;QACXY,WAAWjB,WAAWO,MAAM,CAAC,YAAY,EAAE;qBAE3C,oBAACc;QAAIJ,WAAWV,MAAM,CAAC,mBAAmB;QACzCM,yBAAW,oBAACQ;QAAIJ,WAAWV,MAAM,CAAC,kBAAkB;OAAGO,YAAkBA,UACzEK,aAAaf,SAASoB,qBAAO,oBAACH;QAAIJ,WAAU;sBAC7C,oBAACI;QAAIJ,WAAWV,MAAM,CAAC,kBAAkB;;AAIjD,EAAE"}
+{"version":3,"sources":["../../../../src/components/Panel/Panel.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { NavIdProps } from '../../lib/getNavId';\nimport { Platform } from '../../lib/platform';\nimport { HasRootRef } from '../../types';\nimport { TooltipContainer } from '../Tooltip/TooltipContainer';\nimport { Touch } from '../Touch/Touch';\nimport styles from './Panel.module.css';\n\nconst sizeXClassNames = {\n  none: styles['Panel--sizeX-none'],\n  [SizeType.COMPACT]: styles['Panel--sizeX-compact'],\n  [SizeType.REGULAR]: styles['Panel--sizeX-regular'],\n};\n\nexport interface PanelProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    NavIdProps {\n  centered?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Panel\n */\nexport const Panel = ({\n  centered = false,\n  children,\n  getRootRef,\n  nav,\n  className,\n  ...restProps\n}: PanelProps) => {\n  const platform = usePlatform();\n  const { sizeX = 'none' } = useAdaptivity();\n\n  return (\n    <div\n      {...restProps}\n      ref={getRootRef}\n      className={classNames(\n        styles['Panel'],\n        sizeXClassNames[sizeX],\n        centered && 'vkuiInternalPanel--centered',\n        className,\n      )}\n    >\n      <Touch\n        Component={TooltipContainer}\n        className={classNames(styles['Panel__in'], 'vkuiInternalPanel__in')}\n      >\n        <div className={styles['Panel__in-before']} />\n        {centered ? <div className={styles['Panel__centered']}>{children}</div> : children}\n        {platform === Platform.IOS && <div className=\"vkuiInternalPanel__fade\" />}\n        <div className={styles['Panel__in-after']} />\n      </Touch>\n    </div>\n  );\n};\n"],"names":["React","classNames","useAdaptivity","usePlatform","SizeType","Platform","TooltipContainer","Touch","styles","sizeXClassNames","none","COMPACT","REGULAR","Panel","centered","children","getRootRef","nav","className","restProps","platform","sizeX","div","ref","Component","IOS"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,uBAAuB;AAEhD,SAASC,QAAQ,QAAQ,qBAAqB;AAE9C,SAASC,gBAAgB,QAAQ,8BAA8B;AAC/D,SAASC,KAAK,QAAQ,iBAAiB;AACvC,OAAOC,YAAY,qBAAqB;AAExC,MAAMC,kBAAkB;IACtBC,MAAMF,MAAM,CAAC,oBAAoB;IACjC,CAACJ,SAASO,OAAO,CAAC,EAAEH,MAAM,CAAC,uBAAuB;IAClD,CAACJ,SAASQ,OAAO,CAAC,EAAEJ,MAAM,CAAC,uBAAuB;AACpD;AASA;;CAEC,GACD,OAAO,MAAMK,QAAQ,CAAC,EACpBC,WAAW,KAAK,EAChBC,QAAQ,EACRC,UAAU,EACVC,GAAG,EACHC,SAAS,EACT,GAAGC,WACQ;IACX,MAAMC,WAAWjB;IACjB,MAAM,EAAEkB,QAAQ,MAAM,EAAE,GAAGnB;IAE3B,qBACE,oBAACoB;QACE,GAAGH,SAAS;QACbI,KAAKP;QACLE,WAAWjB,WACTO,MAAM,CAAC,QAAQ,EACfC,eAAe,CAACY,MAAM,EACtBP,YAAY,+BACZI;qBAGF,oBAACX;QACCiB,WAAWlB;QACXY,WAAWjB,WAAWO,MAAM,CAAC,YAAY,EAAE;qBAE3C,oBAACc;QAAIJ,WAAWV,MAAM,CAAC,mBAAmB;QACzCM,yBAAW,oBAACQ;QAAIJ,WAAWV,MAAM,CAAC,kBAAkB;OAAGO,YAAkBA,UACzEK,aAAaf,SAASoB,GAAG,kBAAI,oBAACH;QAAIJ,WAAU;sBAC7C,oBAACI;QAAIJ,WAAWV,MAAM,CAAC,kBAAkB;;AAIjD,EAAE"}

package/dist/cssm/components/PanelHeader/LegacyPanelHeaderContent.js

@@ -8,7 +8,7 @@ const warn = warnOnce('PanelHeader');
 /**
  * TODO [>=6]: Удалить подкомпонент
  * @deprecated
- */ export const LegacyPanelHeaderContent = ({ children , Component ='span' , id  })=>{
+ */ export const LegacyPanelHeaderContent = ({ children, Component = 'span', id })=>{
     if (process.env.NODE_ENV === 'development') {
         warn('Подкомпонент PanelHeader.Content устарел и будет удалён в v6. Используйте параметр typographyProps.');
     }

package/dist/cssm/components/PanelHeader/LegacyPanelHeaderContent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelHeader/LegacyPanelHeaderContent.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasComponent } from '../../types';\nimport { Text } from '../Typography/Text/Text';\nimport styles from './PanelHeader.module.css';\n\nexport interface LegacyPanelHeaderContentProps\n  extends React.HTMLAttributes<HTMLElement>,\n    HasComponent {}\n\nconst warn = warnOnce('PanelHeader');\n\n/**\n * TODO [>=6]: Удалить подкомпонент\n * @deprecated\n */\nexport const LegacyPanelHeaderContent = ({\n  children,\n  Component = 'span',\n  id,\n}: LegacyPanelHeaderContentProps) => {\n  if (process.env.NODE_ENV === 'development') {\n    warn(\n      'Подкомпонент PanelHeader.Content устарел и будет удалён в v6. Используйте параметр typographyProps.',\n    );\n  }\n\n  const platform = usePlatform();\n\n  return platform === Platform.VKCOM ? (\n    <Text weight=\"2\" Component={Component} id={id}>\n      {children}\n    </Text>\n  ) : (\n    <Component className={styles['PanelHeader__content-in']} id={id}>\n      {children}\n    </Component>\n  );\n};\n\nLegacyPanelHeaderContent.displayName = 'LegacyPanelHeaderContent';\n"],"names":["React","usePlatform","Platform","warnOnce","Text","styles","warn","LegacyPanelHeaderContent","children","Component","id","process","env","NODE_ENV","platform","VKCOM","weight","className","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,QAAQ,QAAQ,qBAAqB;AAE9C,SAASC,IAAI,QAAQ,0BAA0B;AAC/C,OAAOC,YAAY,2BAA2B;AAM9C,MAAMC,OAAOH,SAAS;AAEtB;;;CAGC,GACD,OAAO,MAAMI,2BAA2B,CAAC,EACvCC,SAAQ,EACRC,WAAY,OAAM,EAClBC,GAAE,EAC4B;IAC9B,IAAIC,QAAQC,IAAIC,aAAa,eAAe;QAC1CP,KACE;IAEJ;IAEA,MAAMQ,WAAWb;IAEjB,OAAOa,aAAaZ,SAASa,sBAC3B,oBAACX;QAAKY,QAAO;QAAIP,WAAWA;QAAWC,IAAIA;OACxCF,0BAGH,oBAACC;QAAUQ,WAAWZ,MAAM,CAAC,0BAA0B;QAAEK,IAAIA;OAC1DF;AAGP,EAAE;AAEFD,yBAAyBW,cAAc"}
+{"version":3,"sources":["../../../../src/components/PanelHeader/LegacyPanelHeaderContent.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasComponent } from '../../types';\nimport { Text } from '../Typography/Text/Text';\nimport styles from './PanelHeader.module.css';\n\nexport interface LegacyPanelHeaderContentProps\n  extends React.HTMLAttributes<HTMLElement>,\n    HasComponent {}\n\nconst warn = warnOnce('PanelHeader');\n\n/**\n * TODO [>=6]: Удалить подкомпонент\n * @deprecated\n */\nexport const LegacyPanelHeaderContent = ({\n  children,\n  Component = 'span',\n  id,\n}: LegacyPanelHeaderContentProps) => {\n  if (process.env.NODE_ENV === 'development') {\n    warn(\n      'Подкомпонент PanelHeader.Content устарел и будет удалён в v6. Используйте параметр typographyProps.',\n    );\n  }\n\n  const platform = usePlatform();\n\n  return platform === Platform.VKCOM ? (\n    <Text weight=\"2\" Component={Component} id={id}>\n      {children}\n    </Text>\n  ) : (\n    <Component className={styles['PanelHeader__content-in']} id={id}>\n      {children}\n    </Component>\n  );\n};\n\nLegacyPanelHeaderContent.displayName = 'LegacyPanelHeaderContent';\n"],"names":["React","usePlatform","Platform","warnOnce","Text","styles","warn","LegacyPanelHeaderContent","children","Component","id","process","env","NODE_ENV","platform","VKCOM","weight","className","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,QAAQ,QAAQ,qBAAqB;AAE9C,SAASC,IAAI,QAAQ,0BAA0B;AAC/C,OAAOC,YAAY,2BAA2B;AAM9C,MAAMC,OAAOH,SAAS;AAEtB;;;CAGC,GACD,OAAO,MAAMI,2BAA2B,CAAC,EACvCC,QAAQ,EACRC,YAAY,MAAM,EAClBC,EAAE,EAC4B;IAC9B,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QAC1CP,KACE;IAEJ;IAEA,MAAMQ,WAAWb;IAEjB,OAAOa,aAAaZ,SAASa,KAAK,iBAChC,oBAACX;QAAKY,QAAO;QAAIP,WAAWA;QAAWC,IAAIA;OACxCF,0BAGH,oBAACC;QAAUQ,WAAWZ,MAAM,CAAC,0BAA0B;QAAEK,IAAIA;OAC1DF;AAGP,EAAE;AAEFD,yBAAyBW,WAAW,GAAG"}

package/dist/cssm/components/PanelHeader/PanelHeader.js

@@ -23,10 +23,10 @@ const sizeXClassNames = {
     none: styles['PanelHeader--sizeX-none'],
     regular: styles['PanelHeader--sizeX-regular']
 };
-const PanelHeaderIn = ({ before , after , separator , children , typographyProps ={}  })=>{
-    const { Component ='span' , ...restProps } = typographyProps;
-    const { webviewType  } = useConfigProvider();
-    const { isInsideModal  } = React.useContext(ModalRootContext);
+const PanelHeaderIn = ({ before, after, separator, children, typographyProps = {} })=>{
+    const { Component = 'span', ...restProps } = typographyProps;
+    const { webviewType } = useConfigProvider();
+    const { isInsideModal } = React.useContext(ModalRootContext);
     const platform = usePlatform();
     let typographyNode;
     // TODO [>=6]: Удалить условие
@@ -59,12 +59,12 @@ const PanelHeaderIn = ({ before , after , separator , children , typographyProps
 };
 /**
  * @see https://vkcom.github.io/VKUI/#/PanelHeader
- */ export const PanelHeader = ({ before , children , after , separator =true , visor =true , transparent =false , shadow , getRef , getRootRef , fixed , className , typographyProps , ...restProps })=>{
+ */ export const PanelHeader = ({ before, children, after, separator = true, visor = true, transparent = false, shadow, getRef, getRootRef, fixed, className, typographyProps, ...restProps })=>{
     const platform = usePlatform();
-    const { webviewType  } = useConfigProvider();
-    const { isInsideModal  } = React.useContext(ModalRootContext);
-    const { sizeX ='none'  } = useAdaptivity();
-    const { sizeX: adaptiveSizeX  } = useAdaptivityConditionalRender();
+    const { webviewType } = useConfigProvider();
+    const { isInsideModal } = React.useContext(ModalRootContext);
+    const { sizeX = 'none' } = useAdaptivity();
+    const { sizeX: adaptiveSizeX } = useAdaptivityConditionalRender();
     let isFixed = fixed !== undefined ? fixed : platform !== Platform.VKCOM;
     return /*#__PURE__*/ React.createElement("div", {
         ...restProps,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelHeader/PanelHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useAdaptivityConditionalRender } from '../../hooks/useAdaptivityConditionalRender';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { Platform } from '../../lib/platform';\nimport { HasComponent, HasRef, HasRootRef } from '../../types';\nimport { useConfigProvider, WebviewType } from '../ConfigProvider/ConfigProviderContext';\nimport { FixedLayout } from '../FixedLayout/FixedLayout';\nimport { ModalRootContext } from '../ModalRoot/ModalRootContext';\nimport { Separator } from '../Separator/Separator';\nimport { Spacing } from '../Spacing/Spacing';\nimport { TooltipContainer } from '../Tooltip/TooltipContainer';\nimport { Text } from '../Typography/Text/Text';\nimport { LegacyPanelHeaderContent } from './LegacyPanelHeaderContent';\nimport styles from './PanelHeader.module.css';\n\nconst platformClassNames = {\n  ios: classNames(styles['PanelHeader--ios'], 'vkuiInternalPanelHeader--ios'),\n  android: classNames(styles['PanelHeader--android'], 'vkuiInternalPanelHeader--android'),\n  vkcom: classNames(styles['PanelHeader--vkcom'], 'vkuiInternalPanelHeader--vkcom'),\n};\n\nconst sizeXClassNames = {\n  none: styles['PanelHeader--sizeX-none'],\n  regular: styles['PanelHeader--sizeX-regular'],\n};\n\nexport interface PanelHeaderProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRef<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  before?: React.ReactNode;\n  /**\n   * Добавляет элемент справа.\n   *\n   * При передаче нескольких элементов, расставляет отступы между ними.\n   */\n  after?: React.ReactNode;\n  separator?: boolean;\n  transparent?: boolean;\n  shadow?: boolean;\n  /**\n   * Если `false`, то шапка будет нулевой высоты и контент панели \"залезет\" под неё\n   */\n  visor?: boolean;\n  /**\n   * Если `false`, то шапка будет в потоке. По умолчанию `true`, но если платформа vkcom, то по умолчанию `false`.\n   */\n  fixed?: boolean;\n  /**\n   * По умолчанию как `Component` используется `span`.\n   */\n  typographyProps?: HasComponent & React.HTMLAttributes<HTMLElement>;\n}\n\nconst PanelHeaderIn = ({\n  before,\n  after,\n  separator,\n  children,\n  typographyProps = {},\n}: PanelHeaderProps) => {\n  const { Component = 'span', ...restProps } = typographyProps;\n  const { webviewType } = useConfigProvider();\n  const { isInsideModal } = React.useContext(ModalRootContext);\n  const platform = usePlatform();\n\n  let typographyNode: React.ReactNode;\n\n  // TODO [>=6]: Удалить условие\n  if (\n    React.isValidElement(children) &&\n    // eslint-disable-next-line @typescript-eslint/no-use-before-define\n    (children as JSX.Element).type.displayName === LegacyPanelHeaderContent.displayName\n  ) {\n    typographyNode = children;\n  } else {\n    typographyNode =\n      platform === Platform.VKCOM ? (\n        <Text weight=\"2\" Component={Component} {...restProps}>\n          {children}\n        </Text>\n      ) : (\n        <Component className={styles['PanelHeader__content-in']} {...restProps}>\n          {children}\n        </Component>\n      );\n  }\n\n  return (\n    <React.Fragment>\n      <TooltipContainer fixed className={styles['PanelHeader__in']}>\n        <div\n          className={classNames(styles['PanelHeader__before'], 'vkuiInternalPanelHeader__before')}\n        >\n          {before}\n        </div>\n        <div className={styles['PanelHeader__content']}>{typographyNode}</div>\n        <div className={classNames(styles['PanelHeader__after'], 'vkuiInternalPanelHeader__after')}>\n          {(webviewType === WebviewType.INTERNAL || isInsideModal) && after}\n        </div>\n      </TooltipContainer>\n      {separator && platform === Platform.VKCOM && (\n        <Separator className={styles['PanelHeader__separator']} wide />\n      )}\n    </React.Fragment>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeader\n */\nexport const PanelHeader = ({\n  before,\n  children,\n  after,\n  separator = true,\n  visor = true,\n  transparent = false,\n  shadow,\n  getRef,\n  getRootRef,\n  fixed,\n  className,\n  typographyProps,\n  ...restProps\n}: PanelHeaderProps) => {\n  const platform = usePlatform();\n  const { webviewType } = useConfigProvider();\n  const { isInsideModal } = React.useContext(ModalRootContext);\n  const { sizeX = 'none' } = useAdaptivity();\n  const { sizeX: adaptiveSizeX } = useAdaptivityConditionalRender();\n  let isFixed = fixed !== undefined ? fixed : platform !== Platform.VKCOM;\n\n  return (\n    <div\n      {...restProps}\n      className={classNames(\n        styles['PanelHeader'],\n        'vkuiInternalPanelHeader',\n        platformClassNames.hasOwnProperty(platform)\n          ? platformClassNames[platform]\n          : platformClassNames.android,\n        transparent && styles['PanelHeader--trnsp'],\n        shadow && styles['PanelHeader--shadow'],\n        visor && classNames(styles['PanelHeader--vis'], 'vkuiInternalPanelHeader--vis'),\n        separator &&\n          visor &&\n          classNames(styles['PanelHeader--sep'], 'vkuiInternalPanelHeader--sep'),\n        webviewType === WebviewType.VKAPPS && !isInsideModal && styles['PanelHeader--vkapps'],\n        !before &&\n          classNames(styles['PanelHeader--no-before'], 'vkuiInternalPanelHeader--no-before'),\n        !after && styles['PanelHeader--no-after'],\n        isFixed && styles['PanelHeader--fixed'],\n        sizeX !== SizeType.COMPACT && sizeXClassNames[sizeX],\n        className,\n      )}\n      ref={isFixed ? getRootRef : getRef}\n    >\n      {isFixed ? (\n        <FixedLayout\n          className={classNames(styles['PanelHeader__fixed'], 'vkuiInternalPanelHeader__fixed')}\n          vertical=\"top\"\n          getRootRef={getRef}\n        >\n          <PanelHeaderIn\n            before={before}\n            after={after}\n            separator={separator}\n            typographyProps={typographyProps}\n          >\n            {children}\n          </PanelHeaderIn>\n        </FixedLayout>\n      ) : (\n        <PanelHeaderIn\n          before={before}\n          after={after}\n          separator={separator}\n          typographyProps={typographyProps}\n        >\n          {children}\n        </PanelHeaderIn>\n      )}\n      {separator && visor && platform !== Platform.VKCOM && (\n        <React.Fragment>\n          {adaptiveSizeX.compact && <Separator className={adaptiveSizeX.compact.className} />}\n          {adaptiveSizeX.regular && (\n            <Spacing className={adaptiveSizeX.regular.className} size={16} />\n          )}\n        </React.Fragment>\n      )}\n    </div>\n  );\n};\n\nPanelHeader.Content = LegacyPanelHeaderContent;\n"],"names":["React","classNames","useAdaptivity","useAdaptivityConditionalRender","usePlatform","SizeType","Platform","useConfigProvider","WebviewType","FixedLayout","ModalRootContext","Separator","Spacing","TooltipContainer","Text","LegacyPanelHeaderContent","styles","platformClassNames","ios","android","vkcom","sizeXClassNames","none","regular","PanelHeaderIn","before","after","separator","children","typographyProps","Component","restProps","webviewType","isInsideModal","useContext","platform","typographyNode","isValidElement","type","displayName","VKCOM","weight","className","Fragment","fixed","div","INTERNAL","wide","PanelHeader","visor","transparent","shadow","getRef","getRootRef","sizeX","adaptiveSizeX","isFixed","undefined","hasOwnProperty","VKAPPS","COMPACT","ref","vertical","compact","size","Content"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/PanelHeader/PanelHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useAdaptivityConditionalRender } from '../../hooks/useAdaptivityConditionalRender';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { Platform } from '../../lib/platform';\nimport { HasComponent, HasRef, HasRootRef } from '../../types';\nimport { useConfigProvider, WebviewType } from '../ConfigProvider/ConfigProviderContext';\nimport { FixedLayout } from '../FixedLayout/FixedLayout';\nimport { ModalRootContext } from '../ModalRoot/ModalRootContext';\nimport { Separator } from '../Separator/Separator';\nimport { Spacing } from '../Spacing/Spacing';\nimport { TooltipContainer } from '../Tooltip/TooltipContainer';\nimport { Text } from '../Typography/Text/Text';\nimport { LegacyPanelHeaderContent } from './LegacyPanelHeaderContent';\nimport styles from './PanelHeader.module.css';\n\nconst platformClassNames = {\n  ios: classNames(styles['PanelHeader--ios'], 'vkuiInternalPanelHeader--ios'),\n  android: classNames(styles['PanelHeader--android'], 'vkuiInternalPanelHeader--android'),\n  vkcom: classNames(styles['PanelHeader--vkcom'], 'vkuiInternalPanelHeader--vkcom'),\n};\n\nconst sizeXClassNames = {\n  none: styles['PanelHeader--sizeX-none'],\n  regular: styles['PanelHeader--sizeX-regular'],\n};\n\nexport interface PanelHeaderProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRef<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  before?: React.ReactNode;\n  /**\n   * Добавляет элемент справа.\n   *\n   * При передаче нескольких элементов, расставляет отступы между ними.\n   */\n  after?: React.ReactNode;\n  separator?: boolean;\n  transparent?: boolean;\n  shadow?: boolean;\n  /**\n   * Если `false`, то шапка будет нулевой высоты и контент панели \"залезет\" под неё\n   */\n  visor?: boolean;\n  /**\n   * Если `false`, то шапка будет в потоке. По умолчанию `true`, но если платформа vkcom, то по умолчанию `false`.\n   */\n  fixed?: boolean;\n  /**\n   * По умолчанию как `Component` используется `span`.\n   */\n  typographyProps?: HasComponent & React.HTMLAttributes<HTMLElement>;\n}\n\nconst PanelHeaderIn = ({\n  before,\n  after,\n  separator,\n  children,\n  typographyProps = {},\n}: PanelHeaderProps) => {\n  const { Component = 'span', ...restProps } = typographyProps;\n  const { webviewType } = useConfigProvider();\n  const { isInsideModal } = React.useContext(ModalRootContext);\n  const platform = usePlatform();\n\n  let typographyNode: React.ReactNode;\n\n  // TODO [>=6]: Удалить условие\n  if (\n    React.isValidElement(children) &&\n    // eslint-disable-next-line @typescript-eslint/no-use-before-define\n    (children as JSX.Element).type.displayName === LegacyPanelHeaderContent.displayName\n  ) {\n    typographyNode = children;\n  } else {\n    typographyNode =\n      platform === Platform.VKCOM ? (\n        <Text weight=\"2\" Component={Component} {...restProps}>\n          {children}\n        </Text>\n      ) : (\n        <Component className={styles['PanelHeader__content-in']} {...restProps}>\n          {children}\n        </Component>\n      );\n  }\n\n  return (\n    <React.Fragment>\n      <TooltipContainer fixed className={styles['PanelHeader__in']}>\n        <div\n          className={classNames(styles['PanelHeader__before'], 'vkuiInternalPanelHeader__before')}\n        >\n          {before}\n        </div>\n        <div className={styles['PanelHeader__content']}>{typographyNode}</div>\n        <div className={classNames(styles['PanelHeader__after'], 'vkuiInternalPanelHeader__after')}>\n          {(webviewType === WebviewType.INTERNAL || isInsideModal) && after}\n        </div>\n      </TooltipContainer>\n      {separator && platform === Platform.VKCOM && (\n        <Separator className={styles['PanelHeader__separator']} wide />\n      )}\n    </React.Fragment>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeader\n */\nexport const PanelHeader = ({\n  before,\n  children,\n  after,\n  separator = true,\n  visor = true,\n  transparent = false,\n  shadow,\n  getRef,\n  getRootRef,\n  fixed,\n  className,\n  typographyProps,\n  ...restProps\n}: PanelHeaderProps) => {\n  const platform = usePlatform();\n  const { webviewType } = useConfigProvider();\n  const { isInsideModal } = React.useContext(ModalRootContext);\n  const { sizeX = 'none' } = useAdaptivity();\n  const { sizeX: adaptiveSizeX } = useAdaptivityConditionalRender();\n  let isFixed = fixed !== undefined ? fixed : platform !== Platform.VKCOM;\n\n  return (\n    <div\n      {...restProps}\n      className={classNames(\n        styles['PanelHeader'],\n        'vkuiInternalPanelHeader',\n        platformClassNames.hasOwnProperty(platform)\n          ? platformClassNames[platform]\n          : platformClassNames.android,\n        transparent && styles['PanelHeader--trnsp'],\n        shadow && styles['PanelHeader--shadow'],\n        visor && classNames(styles['PanelHeader--vis'], 'vkuiInternalPanelHeader--vis'),\n        separator &&\n          visor &&\n          classNames(styles['PanelHeader--sep'], 'vkuiInternalPanelHeader--sep'),\n        webviewType === WebviewType.VKAPPS && !isInsideModal && styles['PanelHeader--vkapps'],\n        !before &&\n          classNames(styles['PanelHeader--no-before'], 'vkuiInternalPanelHeader--no-before'),\n        !after && styles['PanelHeader--no-after'],\n        isFixed && styles['PanelHeader--fixed'],\n        sizeX !== SizeType.COMPACT && sizeXClassNames[sizeX],\n        className,\n      )}\n      ref={isFixed ? getRootRef : getRef}\n    >\n      {isFixed ? (\n        <FixedLayout\n          className={classNames(styles['PanelHeader__fixed'], 'vkuiInternalPanelHeader__fixed')}\n          vertical=\"top\"\n          getRootRef={getRef}\n        >\n          <PanelHeaderIn\n            before={before}\n            after={after}\n            separator={separator}\n            typographyProps={typographyProps}\n          >\n            {children}\n          </PanelHeaderIn>\n        </FixedLayout>\n      ) : (\n        <PanelHeaderIn\n          before={before}\n          after={after}\n          separator={separator}\n          typographyProps={typographyProps}\n        >\n          {children}\n        </PanelHeaderIn>\n      )}\n      {separator && visor && platform !== Platform.VKCOM && (\n        <React.Fragment>\n          {adaptiveSizeX.compact && <Separator className={adaptiveSizeX.compact.className} />}\n          {adaptiveSizeX.regular && (\n            <Spacing className={adaptiveSizeX.regular.className} size={16} />\n          )}\n        </React.Fragment>\n      )}\n    </div>\n  );\n};\n\nPanelHeader.Content = LegacyPanelHeaderContent;\n"],"names":["React","classNames","useAdaptivity","useAdaptivityConditionalRender","usePlatform","SizeType","Platform","useConfigProvider","WebviewType","FixedLayout","ModalRootContext","Separator","Spacing","TooltipContainer","Text","LegacyPanelHeaderContent","styles","platformClassNames","ios","android","vkcom","sizeXClassNames","none","regular","PanelHeaderIn","before","after","separator","children","typographyProps","Component","restProps","webviewType","isInsideModal","useContext","platform","typographyNode","isValidElement","type","displayName","VKCOM","weight","className","Fragment","fixed","div","INTERNAL","wide","PanelHeader","visor","transparent","shadow","getRef","getRootRef","sizeX","adaptiveSizeX","isFixed","undefined","hasOwnProperty","VKAPPS","COMPACT","ref","vertical","compact","size","Content"],"mappings":"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"}

package/dist/cssm/components/PanelHeaderBack/PanelHeaderBack.js

@@ -9,9 +9,9 @@ import { PanelHeaderButton } from '../PanelHeaderButton/PanelHeaderButton';
 import styles from '../PanelHeaderButton/PanelHeaderButton.module.css';
 /**
  * @see https://vkcom.github.io/VKUI/#/PanelHeaderBack
- */ export const PanelHeaderBack = ({ label , 'aria-label': ariaLabel = 'Назад' , className , ...restProps })=>{
+ */ export const PanelHeaderBack = ({ label, 'aria-label': ariaLabel = 'Назад', className, ...restProps })=>{
     const platform = usePlatform();
-    const { sizeX ='none'  } = useAdaptivity();
+    const { sizeX = 'none' } = useAdaptivity();
     // так-же label нужно скрывать при platform === Platform.IOS && sizeX === regular
     // https://github.com/VKCOM/VKUI/blob/master/src/components/PanelHeaderButton/PanelHeaderButton.css#L104
     const showLabel = platform === Platform.VKCOM || platform === Platform.IOS;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelHeaderBack/PanelHeaderBack.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Icon28ArrowLeftOutline,\n  Icon28ChevronBack,\n  Icon28ChevronLeftOutline,\n} from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { Platform } from '../../lib/platform';\nimport { PanelHeaderButton, PanelHeaderButtonProps } from '../PanelHeaderButton/PanelHeaderButton';\nimport styles from '../PanelHeaderButton/PanelHeaderButton.module.css';\n\nexport type PanelHeaderBackProps = PanelHeaderButtonProps & {\n  'aria-label'?: string;\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderBack\n */\nexport const PanelHeaderBack = ({\n  label,\n  'aria-label': ariaLabel = 'Назад',\n  className,\n  ...restProps\n}: PanelHeaderButtonProps) => {\n  const platform = usePlatform();\n  const { sizeX = 'none' } = useAdaptivity();\n  // так-же label нужно скрывать при platform === Platform.IOS && sizeX === regular\n  // https://github.com/VKCOM/VKUI/blob/master/src/components/PanelHeaderButton/PanelHeaderButton.css#L104\n  const showLabel = platform === Platform.VKCOM || platform === Platform.IOS;\n\n  let icon = <Icon28ArrowLeftOutline />;\n  switch (platform) {\n    case Platform.IOS:\n      icon = <Icon28ChevronBack />;\n      break;\n    case Platform.VKCOM:\n      icon = <Icon28ChevronLeftOutline />;\n      break;\n  }\n\n  return (\n    <PanelHeaderButton\n      {...restProps}\n      className={classNames(\n        sizeX === SizeType.COMPACT && styles['PanelHeaderBack--sizeX-compact'],\n        platform === Platform.IOS && styles['PanelHeaderBack--ios'],\n        platform === Platform.VKCOM && styles['PanelHeaderBack--vkcom'],\n        showLabel && !!label && styles['PanelHeaderBack--has-label'],\n        className,\n      )}\n      label={showLabel && label}\n      aria-label={ariaLabel}\n    >\n      {icon}\n    </PanelHeaderButton>\n  );\n};\n"],"names":["React","Icon28ArrowLeftOutline","Icon28ChevronBack","Icon28ChevronLeftOutline","classNames","useAdaptivity","usePlatform","SizeType","Platform","PanelHeaderButton","styles","PanelHeaderBack","label","ariaLabel","className","restProps","platform","sizeX","showLabel","VKCOM","IOS","icon","COMPACT","aria-label"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SACEC,sBAAsB,EACtBC,iBAAiB,EACjBC,wBAAwB,QACnB,mBAAmB;AAC1B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,iBAAiB,QAAgC,yCAAyC;AACnG,OAAOC,YAAY,oDAAoD;AAMvE;;CAEC,GACD,OAAO,MAAMC,kBAAkB,CAAC,EAC9BC,MAAK,EACL,cAAcC,YAAY,OAAO,CAAA,EACjCC,UAAS,EACT,GAAGC,WACoB;IACvB,MAAMC,WAAWV;IACjB,MAAM,EAAEW,OAAQ,OAAM,EAAE,GAAGZ;IAC3B,iFAAiF;IACjF,wGAAwG;IACxG,MAAMa,YAAYF,aAAaR,SAASW,SAASH,aAAaR,SAASY;IAEvE,IAAIC,qBAAO,oBAACpB;IACZ,OAAQe;QACN,KAAKR,SAASY;YACZC,qBAAO,oBAACnB;YACR;QACF,KAAKM,SAASW;YACZE,qBAAO,oBAAClB;YACR;IACJ;IAEA,qBACE,oBAACM;QACE,GAAGM,SAAS;QACbD,WAAWV,WACTa,UAAUV,SAASe,WAAWZ,MAAM,CAAC,iCAAiC,EACtEM,aAAaR,SAASY,OAAOV,MAAM,CAAC,uBAAuB,EAC3DM,aAAaR,SAASW,SAAST,MAAM,CAAC,yBAAyB,EAC/DQ,aAAa,CAAC,CAACN,SAASF,MAAM,CAAC,6BAA6B,EAC5DI;QAEFF,OAAOM,aAAaN;QACpBW,cAAYV;OAEXQ;AAGP,EAAE"}
+{"version":3,"sources":["../../../../src/components/PanelHeaderBack/PanelHeaderBack.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Icon28ArrowLeftOutline,\n  Icon28ChevronBack,\n  Icon28ChevronLeftOutline,\n} from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { Platform } from '../../lib/platform';\nimport { PanelHeaderButton, PanelHeaderButtonProps } from '../PanelHeaderButton/PanelHeaderButton';\nimport styles from '../PanelHeaderButton/PanelHeaderButton.module.css';\n\nexport type PanelHeaderBackProps = PanelHeaderButtonProps & {\n  'aria-label'?: string;\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderBack\n */\nexport const PanelHeaderBack = ({\n  label,\n  'aria-label': ariaLabel = 'Назад',\n  className,\n  ...restProps\n}: PanelHeaderButtonProps) => {\n  const platform = usePlatform();\n  const { sizeX = 'none' } = useAdaptivity();\n  // так-же label нужно скрывать при platform === Platform.IOS && sizeX === regular\n  // https://github.com/VKCOM/VKUI/blob/master/src/components/PanelHeaderButton/PanelHeaderButton.css#L104\n  const showLabel = platform === Platform.VKCOM || platform === Platform.IOS;\n\n  let icon = <Icon28ArrowLeftOutline />;\n  switch (platform) {\n    case Platform.IOS:\n      icon = <Icon28ChevronBack />;\n      break;\n    case Platform.VKCOM:\n      icon = <Icon28ChevronLeftOutline />;\n      break;\n  }\n\n  return (\n    <PanelHeaderButton\n      {...restProps}\n      className={classNames(\n        sizeX === SizeType.COMPACT && styles['PanelHeaderBack--sizeX-compact'],\n        platform === Platform.IOS && styles['PanelHeaderBack--ios'],\n        platform === Platform.VKCOM && styles['PanelHeaderBack--vkcom'],\n        showLabel && !!label && styles['PanelHeaderBack--has-label'],\n        className,\n      )}\n      label={showLabel && label}\n      aria-label={ariaLabel}\n    >\n      {icon}\n    </PanelHeaderButton>\n  );\n};\n"],"names":["React","Icon28ArrowLeftOutline","Icon28ChevronBack","Icon28ChevronLeftOutline","classNames","useAdaptivity","usePlatform","SizeType","Platform","PanelHeaderButton","styles","PanelHeaderBack","label","ariaLabel","className","restProps","platform","sizeX","showLabel","VKCOM","IOS","icon","COMPACT","aria-label"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SACEC,sBAAsB,EACtBC,iBAAiB,EACjBC,wBAAwB,QACnB,mBAAmB;AAC1B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,iBAAiB,QAAgC,yCAAyC;AACnG,OAAOC,YAAY,oDAAoD;AAMvE;;CAEC,GACD,OAAO,MAAMC,kBAAkB,CAAC,EAC9BC,KAAK,EACL,cAAcC,YAAY,OAAO,EACjCC,SAAS,EACT,GAAGC,WACoB;IACvB,MAAMC,WAAWV;IACjB,MAAM,EAAEW,QAAQ,MAAM,EAAE,GAAGZ;IAC3B,iFAAiF;IACjF,wGAAwG;IACxG,MAAMa,YAAYF,aAAaR,SAASW,KAAK,IAAIH,aAAaR,SAASY,GAAG;IAE1E,IAAIC,qBAAO,oBAACpB;IACZ,OAAQe;QACN,KAAKR,SAASY,GAAG;YACfC,qBAAO,oBAACnB;YACR;QACF,KAAKM,SAASW,KAAK;YACjBE,qBAAO,oBAAClB;YACR;IACJ;IAEA,qBACE,oBAACM;QACE,GAAGM,SAAS;QACbD,WAAWV,WACTa,UAAUV,SAASe,OAAO,IAAIZ,MAAM,CAAC,iCAAiC,EACtEM,aAAaR,SAASY,GAAG,IAAIV,MAAM,CAAC,uBAAuB,EAC3DM,aAAaR,SAASW,KAAK,IAAIT,MAAM,CAAC,yBAAyB,EAC/DQ,aAAa,CAAC,CAACN,SAASF,MAAM,CAAC,6BAA6B,EAC5DI;QAEFF,OAAOM,aAAaN;QACpBW,cAAYV;OAEXQ;AAGP,EAAE"}

package/dist/cssm/components/PanelHeaderButton/PanelHeaderButton.js

@@ -13,7 +13,7 @@ const platformClassNames = {
     android: styles['PanelHeaderButton--android'],
     vkcom: styles['PanelHeaderButton--vkcom']
 };
-const ButtonTypography = ({ primary , children  })=>{
+const ButtonTypography = ({ primary, children })=>{
     const platform = usePlatform();
     if (platform === Platform.IOS) {
         return /*#__PURE__*/ React.createElement(Title, {
@@ -29,7 +29,7 @@ const ButtonTypography = ({ primary , children  })=>{
 const warn = warnOnce('PanelHeaderButton');
 /**
  * @see https://vkcom.github.io/VKUI/#/PanelHeaderButton
- */ export const PanelHeaderButton = ({ children , primary =false , label , className , ...restProps })=>{
+ */ export const PanelHeaderButton = ({ children, primary = false, label, className, ...restProps })=>{
     const isPrimitive = isPrimitiveReactNode(children);
     const isPrimitiveLabel = isPrimitiveReactNode(label);
     const platform = usePlatform();

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelHeaderButton/PanelHeaderButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, isPrimitiveReactNode } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { getTitleFromChildren } from '../../lib/utils';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { Tappable, TappableProps } from '../Tappable/Tappable';\nimport { Text } from '../Typography/Text/Text';\nimport { Title } from '../Typography/Title/Title';\nimport styles from './PanelHeaderButton.module.css';\n\nconst platformClassNames = {\n  ios: styles['PanelHeaderButton--ios'],\n  android: styles['PanelHeaderButton--android'],\n  vkcom: styles['PanelHeaderButton--vkcom'],\n};\n\nexport interface PanelHeaderButtonProps extends Omit<TappableProps, 'label'> {\n  primary?: boolean;\n  label?: React.ReactNode;\n}\n\ninterface ButtonTypographyProps extends React.AllHTMLAttributes<HTMLElement> {\n  primary?: PanelHeaderButtonProps['primary'];\n}\n\nconst ButtonTypography = ({ primary, children }: ButtonTypographyProps) => {\n  const platform = usePlatform();\n\n  if (platform === Platform.IOS) {\n    return (\n      <Title Component=\"span\" level=\"3\" weight={primary ? '1' : '3'}>\n        {children}\n      </Title>\n    );\n  }\n\n  return <Text weight={platform === Platform.VKCOM ? undefined : '2'}>{children}</Text>;\n};\n\nconst warn = warnOnce('PanelHeaderButton');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderButton\n */\nexport const PanelHeaderButton = ({\n  children,\n  primary = false,\n  label,\n  className,\n  ...restProps\n}: PanelHeaderButtonProps) => {\n  const isPrimitive = isPrimitiveReactNode(children);\n  const isPrimitiveLabel = isPrimitiveReactNode(label);\n  const platform = usePlatform();\n\n  let hoverMode;\n  let activeMode;\n\n  switch (platform) {\n    case Platform.IOS:\n      hoverMode = 'background';\n      activeMode = 'opacity';\n      break;\n    case Platform.VKCOM:\n      hoverMode = styles['PanelHeaderButton--hover'];\n      activeMode = styles['PanelHeaderButton--active'];\n      break;\n    default:\n      hoverMode = 'background';\n      activeMode = 'background';\n  }\n\n  if (process.env.NODE_ENV === 'development') {\n    const hasAccessibleName = Boolean(\n      getTitleFromChildren(children) ||\n        getTitleFromChildren(label) ||\n        restProps['aria-label'] ||\n        restProps['aria-labelledby'],\n    );\n\n    if (!hasAccessibleName) {\n      warn(\n        'a11y: У кнопки нет названия, которое может прочитать скринридер, и она недоступна для части пользователей. Замените содержимое на текст или добавьте описание действия с помощью пропа aria-label.',\n        'error',\n      );\n    }\n  }\n\n  return (\n    <Tappable\n      Component={restProps.href ? 'a' : 'button'}\n      {...restProps}\n      hoverMode={hoverMode}\n      activeEffectDelay={200}\n      activeMode={activeMode}\n      className={classNames(\n        'vkuiInternalPanelHeaderButton',\n        styles['PanelHeaderButton'],\n        platformClassNames.hasOwnProperty(platform)\n          ? platformClassNames[platform]\n          : platformClassNames.android,\n        isPrimitive && styles['PanelHeaderButton--primitive'],\n        !isPrimitive && !isPrimitiveLabel && styles['PanelHeaderButton--notPrimitive'],\n        className,\n      )}\n    >\n      {isPrimitive ? <ButtonTypography primary={primary}>{children}</ButtonTypography> : children}\n      {isPrimitiveLabel ? (\n        <ButtonTypography primary={primary} className={styles['PanelHeaderButton__label']}>\n          {label}\n        </ButtonTypography>\n      ) : (\n        label\n      )}\n    </Tappable>\n  );\n};\n"],"names":["React","classNames","isPrimitiveReactNode","usePlatform","Platform","getTitleFromChildren","warnOnce","Tappable","Text","Title","styles","platformClassNames","ios","android","vkcom","ButtonTypography","primary","children","platform","IOS","Component","level","weight","VKCOM","undefined","warn","PanelHeaderButton","label","className","restProps","isPrimitive","isPrimitiveLabel","hoverMode","activeMode","process","env","NODE_ENV","hasAccessibleName","Boolean","href","activeEffectDelay","hasOwnProperty"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,oBAAoB,QAAQ,kBAAkB;AACnE,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,oBAAoB,QAAQ,kBAAkB;AACvD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,QAAQ,QAAuB,uBAAuB;AAC/D,SAASC,IAAI,QAAQ,0BAA0B;AAC/C,SAASC,KAAK,QAAQ,4BAA4B;AAClD,OAAOC,YAAY,iCAAiC;AAEpD,MAAMC,qBAAqB;IACzBC,KAAKF,MAAM,CAAC,yBAAyB;IACrCG,SAASH,MAAM,CAAC,6BAA6B;IAC7CI,OAAOJ,MAAM,CAAC,2BAA2B;AAC3C;AAWA,MAAMK,mBAAmB,CAAC,EAAEC,QAAO,EAAEC,SAAQ,EAAyB;IACpE,MAAMC,WAAWf;IAEjB,IAAIe,aAAad,SAASe,KAAK;QAC7B,qBACE,oBAACV;YAAMW,WAAU;YAAOC,OAAM;YAAIC,QAAQN,UAAU,MAAM;WACvDC;IAGP;IAEA,qBAAO,oBAACT;QAAKc,QAAQJ,aAAad,SAASmB,QAAQC,YAAY;OAAMP;AACvE;AAEA,MAAMQ,OAAOnB,SAAS;AAEtB;;CAEC,GACD,OAAO,MAAMoB,oBAAoB,CAAC,EAChCT,SAAQ,EACRD,SAAU,MAAK,EACfW,MAAK,EACLC,UAAS,EACT,GAAGC,WACoB;IACvB,MAAMC,cAAc5B,qBAAqBe;IACzC,MAAMc,mBAAmB7B,qBAAqByB;IAC9C,MAAMT,WAAWf;IAEjB,IAAI6B;IACJ,IAAIC;IAEJ,OAAQf;QACN,KAAKd,SAASe;YACZa,YAAY;YACZC,aAAa;YACb;QACF,KAAK7B,SAASmB;YACZS,YAAYtB,MAAM,CAAC,2BAA2B;YAC9CuB,aAAavB,MAAM,CAAC,4BAA4B;YAChD;QACF;YACEsB,YAAY;YACZC,aAAa;IACjB;IAEA,IAAIC,QAAQC,IAAIC,aAAa,eAAe;QAC1C,MAAMC,oBAAoBC,QACxBjC,qBAAqBY,aACnBZ,qBAAqBsB,UACrBE,SAAS,CAAC,aAAa,IACvBA,SAAS,CAAC,kBAAkB;QAGhC,IAAI,CAACQ,mBAAmB;YACtBZ,KACE,sMACA;QAEJ;IACF;IAEA,qBACE,oBAAClB;QACCa,WAAWS,UAAUU,OAAO,MAAM;QACjC,GAAGV,SAAS;QACbG,WAAWA;QACXQ,mBAAmB;QACnBP,YAAYA;QACZL,WAAW3B,WACT,iCACAS,MAAM,CAAC,oBAAoB,EAC3BC,mBAAmB8B,eAAevB,YAC9BP,kBAAkB,CAACO,SAAS,GAC5BP,mBAAmBE,SACvBiB,eAAepB,MAAM,CAAC,+BAA+B,EACrD,CAACoB,eAAe,CAACC,oBAAoBrB,MAAM,CAAC,kCAAkC,EAC9EkB;OAGDE,4BAAc,oBAACf;QAAiBC,SAASA;OAAUC,YAA+BA,UAClFc,iCACC,oBAAChB;QAAiBC,SAASA;QAASY,WAAWlB,MAAM,CAAC,2BAA2B;OAC9EiB,SAGHA;AAIR,EAAE"}
+{"version":3,"sources":["../../../../src/components/PanelHeaderButton/PanelHeaderButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, isPrimitiveReactNode } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { getTitleFromChildren } from '../../lib/utils';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { Tappable, TappableProps } from '../Tappable/Tappable';\nimport { Text } from '../Typography/Text/Text';\nimport { Title } from '../Typography/Title/Title';\nimport styles from './PanelHeaderButton.module.css';\n\nconst platformClassNames = {\n  ios: styles['PanelHeaderButton--ios'],\n  android: styles['PanelHeaderButton--android'],\n  vkcom: styles['PanelHeaderButton--vkcom'],\n};\n\nexport interface PanelHeaderButtonProps extends Omit<TappableProps, 'label'> {\n  primary?: boolean;\n  label?: React.ReactNode;\n}\n\ninterface ButtonTypographyProps extends React.AllHTMLAttributes<HTMLElement> {\n  primary?: PanelHeaderButtonProps['primary'];\n}\n\nconst ButtonTypography = ({ primary, children }: ButtonTypographyProps) => {\n  const platform = usePlatform();\n\n  if (platform === Platform.IOS) {\n    return (\n      <Title Component=\"span\" level=\"3\" weight={primary ? '1' : '3'}>\n        {children}\n      </Title>\n    );\n  }\n\n  return <Text weight={platform === Platform.VKCOM ? undefined : '2'}>{children}</Text>;\n};\n\nconst warn = warnOnce('PanelHeaderButton');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderButton\n */\nexport const PanelHeaderButton = ({\n  children,\n  primary = false,\n  label,\n  className,\n  ...restProps\n}: PanelHeaderButtonProps) => {\n  const isPrimitive = isPrimitiveReactNode(children);\n  const isPrimitiveLabel = isPrimitiveReactNode(label);\n  const platform = usePlatform();\n\n  let hoverMode;\n  let activeMode;\n\n  switch (platform) {\n    case Platform.IOS:\n      hoverMode = 'background';\n      activeMode = 'opacity';\n      break;\n    case Platform.VKCOM:\n      hoverMode = styles['PanelHeaderButton--hover'];\n      activeMode = styles['PanelHeaderButton--active'];\n      break;\n    default:\n      hoverMode = 'background';\n      activeMode = 'background';\n  }\n\n  if (process.env.NODE_ENV === 'development') {\n    const hasAccessibleName = Boolean(\n      getTitleFromChildren(children) ||\n        getTitleFromChildren(label) ||\n        restProps['aria-label'] ||\n        restProps['aria-labelledby'],\n    );\n\n    if (!hasAccessibleName) {\n      warn(\n        'a11y: У кнопки нет названия, которое может прочитать скринридер, и она недоступна для части пользователей. Замените содержимое на текст или добавьте описание действия с помощью пропа aria-label.',\n        'error',\n      );\n    }\n  }\n\n  return (\n    <Tappable\n      Component={restProps.href ? 'a' : 'button'}\n      {...restProps}\n      hoverMode={hoverMode}\n      activeEffectDelay={200}\n      activeMode={activeMode}\n      className={classNames(\n        'vkuiInternalPanelHeaderButton',\n        styles['PanelHeaderButton'],\n        platformClassNames.hasOwnProperty(platform)\n          ? platformClassNames[platform]\n          : platformClassNames.android,\n        isPrimitive && styles['PanelHeaderButton--primitive'],\n        !isPrimitive && !isPrimitiveLabel && styles['PanelHeaderButton--notPrimitive'],\n        className,\n      )}\n    >\n      {isPrimitive ? <ButtonTypography primary={primary}>{children}</ButtonTypography> : children}\n      {isPrimitiveLabel ? (\n        <ButtonTypography primary={primary} className={styles['PanelHeaderButton__label']}>\n          {label}\n        </ButtonTypography>\n      ) : (\n        label\n      )}\n    </Tappable>\n  );\n};\n"],"names":["React","classNames","isPrimitiveReactNode","usePlatform","Platform","getTitleFromChildren","warnOnce","Tappable","Text","Title","styles","platformClassNames","ios","android","vkcom","ButtonTypography","primary","children","platform","IOS","Component","level","weight","VKCOM","undefined","warn","PanelHeaderButton","label","className","restProps","isPrimitive","isPrimitiveLabel","hoverMode","activeMode","process","env","NODE_ENV","hasAccessibleName","Boolean","href","activeEffectDelay","hasOwnProperty"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,oBAAoB,QAAQ,kBAAkB;AACnE,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,oBAAoB,QAAQ,kBAAkB;AACvD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,QAAQ,QAAuB,uBAAuB;AAC/D,SAASC,IAAI,QAAQ,0BAA0B;AAC/C,SAASC,KAAK,QAAQ,4BAA4B;AAClD,OAAOC,YAAY,iCAAiC;AAEpD,MAAMC,qBAAqB;IACzBC,KAAKF,MAAM,CAAC,yBAAyB;IACrCG,SAASH,MAAM,CAAC,6BAA6B;IAC7CI,OAAOJ,MAAM,CAAC,2BAA2B;AAC3C;AAWA,MAAMK,mBAAmB,CAAC,EAAEC,OAAO,EAAEC,QAAQ,EAAyB;IACpE,MAAMC,WAAWf;IAEjB,IAAIe,aAAad,SAASe,GAAG,EAAE;QAC7B,qBACE,oBAACV;YAAMW,WAAU;YAAOC,OAAM;YAAIC,QAAQN,UAAU,MAAM;WACvDC;IAGP;IAEA,qBAAO,oBAACT;QAAKc,QAAQJ,aAAad,SAASmB,KAAK,GAAGC,YAAY;OAAMP;AACvE;AAEA,MAAMQ,OAAOnB,SAAS;AAEtB;;CAEC,GACD,OAAO,MAAMoB,oBAAoB,CAAC,EAChCT,QAAQ,EACRD,UAAU,KAAK,EACfW,KAAK,EACLC,SAAS,EACT,GAAGC,WACoB;IACvB,MAAMC,cAAc5B,qBAAqBe;IACzC,MAAMc,mBAAmB7B,qBAAqByB;IAC9C,MAAMT,WAAWf;IAEjB,IAAI6B;IACJ,IAAIC;IAEJ,OAAQf;QACN,KAAKd,SAASe,GAAG;YACfa,YAAY;YACZC,aAAa;YACb;QACF,KAAK7B,SAASmB,KAAK;YACjBS,YAAYtB,MAAM,CAAC,2BAA2B;YAC9CuB,aAAavB,MAAM,CAAC,4BAA4B;YAChD;QACF;YACEsB,YAAY;YACZC,aAAa;IACjB;IAEA,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QAC1C,MAAMC,oBAAoBC,QACxBjC,qBAAqBY,aACnBZ,qBAAqBsB,UACrBE,SAAS,CAAC,aAAa,IACvBA,SAAS,CAAC,kBAAkB;QAGhC,IAAI,CAACQ,mBAAmB;YACtBZ,KACE,sMACA;QAEJ;IACF;IAEA,qBACE,oBAAClB;QACCa,WAAWS,UAAUU,IAAI,GAAG,MAAM;QACjC,GAAGV,SAAS;QACbG,WAAWA;QACXQ,mBAAmB;QACnBP,YAAYA;QACZL,WAAW3B,WACT,iCACAS,MAAM,CAAC,oBAAoB,EAC3BC,mBAAmB8B,cAAc,CAACvB,YAC9BP,kBAAkB,CAACO,SAAS,GAC5BP,mBAAmBE,OAAO,EAC9BiB,eAAepB,MAAM,CAAC,+BAA+B,EACrD,CAACoB,eAAe,CAACC,oBAAoBrB,MAAM,CAAC,kCAAkC,EAC9EkB;OAGDE,4BAAc,oBAACf;QAAiBC,SAASA;OAAUC,YAA+BA,UAClFc,iCACC,oBAAChB;QAAiBC,SAASA;QAASY,WAAWlB,MAAM,CAAC,2BAA2B;OAC9EiB,SAGHA;AAIR,EAAE"}

package/dist/cssm/components/PanelHeaderClose/PanelHeaderClose.js

@@ -6,7 +6,7 @@ import { getTitleFromChildren } from '../../lib/utils';
 import { PanelHeaderButton } from '../PanelHeaderButton/PanelHeaderButton';
 /**
  * @see https://vkcom.github.io/VKUI/#/PanelHeaderClose
- */ export const PanelHeaderClose = ({ children ='Отмена' , ...restProps })=>{
+ */ export const PanelHeaderClose = ({ children = 'Отмена', ...restProps })=>{
     const platform = usePlatform();
     return /*#__PURE__*/ React.createElement(PanelHeaderButton, {
         "aria-label": getTitleFromChildren(children),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelHeaderClose/PanelHeaderClose.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon28CancelOutline } from '@vkontakte/icons';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { getTitleFromChildren } from '../../lib/utils';\nimport { PanelHeaderButton, PanelHeaderButtonProps } from '../PanelHeaderButton/PanelHeaderButton';\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderClose\n */\nexport const PanelHeaderClose = ({ children = 'Отмена', ...restProps }: PanelHeaderButtonProps) => {\n  const platform = usePlatform();\n  return (\n    <PanelHeaderButton aria-label={getTitleFromChildren(children)} {...restProps}>\n      {platform === Platform.IOS ? children : <Icon28CancelOutline />}\n    </PanelHeaderButton>\n  );\n};\n"],"names":["React","Icon28CancelOutline","usePlatform","Platform","getTitleFromChildren","PanelHeaderButton","PanelHeaderClose","children","restProps","platform","aria-label","IOS"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,mBAAmB,QAAQ,mBAAmB;AACvD,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,oBAAoB,QAAQ,kBAAkB;AACvD,SAASC,iBAAiB,QAAgC,yCAAyC;AAEnG;;CAEC,GACD,OAAO,MAAMC,mBAAmB,CAAC,EAAEC,UAAW,SAAQ,EAAE,GAAGC,WAAmC;IAC5F,MAAMC,WAAWP;IACjB,qBACE,oBAACG;QAAkBK,cAAYN,qBAAqBG;QAAY,GAAGC,SAAS;OACzEC,aAAaN,SAASQ,MAAMJ,yBAAW,oBAACN;AAG/C,EAAE"}
+{"version":3,"sources":["../../../../src/components/PanelHeaderClose/PanelHeaderClose.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon28CancelOutline } from '@vkontakte/icons';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { getTitleFromChildren } from '../../lib/utils';\nimport { PanelHeaderButton, PanelHeaderButtonProps } from '../PanelHeaderButton/PanelHeaderButton';\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderClose\n */\nexport const PanelHeaderClose = ({ children = 'Отмена', ...restProps }: PanelHeaderButtonProps) => {\n  const platform = usePlatform();\n  return (\n    <PanelHeaderButton aria-label={getTitleFromChildren(children)} {...restProps}>\n      {platform === Platform.IOS ? children : <Icon28CancelOutline />}\n    </PanelHeaderButton>\n  );\n};\n"],"names":["React","Icon28CancelOutline","usePlatform","Platform","getTitleFromChildren","PanelHeaderButton","PanelHeaderClose","children","restProps","platform","aria-label","IOS"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,mBAAmB,QAAQ,mBAAmB;AACvD,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,oBAAoB,QAAQ,kBAAkB;AACvD,SAASC,iBAAiB,QAAgC,yCAAyC;AAEnG;;CAEC,GACD,OAAO,MAAMC,mBAAmB,CAAC,EAAEC,WAAW,QAAQ,EAAE,GAAGC,WAAmC;IAC5F,MAAMC,WAAWP;IACjB,qBACE,oBAACG;QAAkBK,cAAYN,qBAAqBG;QAAY,GAAGC,SAAS;OACzEC,aAAaN,SAASQ,GAAG,GAAGJ,yBAAW,oBAACN;AAG/C,EAAE"}

package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.js

@@ -12,7 +12,7 @@ const platformClassNames = {
     android: styles['PanelHeaderContent--android'],
     vkcom: styles['PanelHeaderContent--vkcom']
 };
-const PanelHeaderChildren = ({ hasStatus , hasBefore , children  })=>{
+const PanelHeaderChildren = ({ hasStatus, hasBefore, children })=>{
     const platform = usePlatform();
     if (platform === Platform.VKCOM) {
         return /*#__PURE__*/ React.createElement(Text, {
@@ -31,7 +31,7 @@ const PanelHeaderChildren = ({ hasStatus , hasBefore , children  })=>{
 };
 /**
  * @see https://vkcom.github.io/VKUI/#/PanelHeaderContent
- */ export const PanelHeaderContent = ({ className , style , aside , status , before , children , onClick , ...restProps })=>{
+ */ export const PanelHeaderContent = ({ className, style, aside, status, before, children, onClick, ...restProps })=>{
     const InComponent = onClick ? Tappable : 'div';
     const rootProps = onClick ? {} : restProps;
     const platform = usePlatform();

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelHeaderContent/PanelHeaderContent.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { HasChildren } from '../../types';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Text } from '../Typography/Text/Text';\nimport styles from './PanelHeaderContent.module.css';\n\nconst platformClassNames = {\n  ios: styles['PanelHeaderContent--ios'],\n  android: styles['PanelHeaderContent--android'],\n  vkcom: styles['PanelHeaderContent--vkcom'],\n};\n\nexport interface PanelHeaderContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  aside?: React.ReactNode;\n  before?: React.ReactNode;\n  status?: React.ReactNode;\n}\n\ninterface PanelHeaderChildrenProps extends HasChildren {\n  hasStatus: boolean;\n  hasBefore: boolean;\n}\n\nconst PanelHeaderChildren = ({ hasStatus, hasBefore, children }: PanelHeaderChildrenProps) => {\n  const platform = usePlatform();\n  if (platform === Platform.VKCOM) {\n    return (\n      <Text className={styles['PanelHeaderContent__childrenText']} Component=\"div\" weight=\"2\">\n        {children}\n      </Text>\n    );\n  }\n\n  return hasStatus || hasBefore ? (\n    <Headline className={styles['PanelHeaderContent__childrenText']} Component=\"div\" weight=\"2\">\n      {children}\n    </Headline>\n  ) : (\n    <div className={styles['PanelHeaderContent__children-in']}>{children}</div>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderContent\n */\nexport const PanelHeaderContent = ({\n  className,\n  style,\n  aside,\n  status,\n  before,\n  children,\n  onClick,\n  ...restProps\n}: PanelHeaderContentProps) => {\n  const InComponent = onClick ? Tappable : 'div';\n  const rootProps = onClick ? {} : restProps;\n  const platform = usePlatform();\n  const inProps = onClick\n    ? {\n        ...restProps,\n        onClick,\n        activeEffectDelay: 200,\n        hasActive: platform === Platform.IOS,\n        activeMode: 'opacity',\n      }\n    : {};\n\n  return (\n    <div\n      {...rootProps}\n      style={style}\n      className={classNames(\n        styles['PanelHeaderContent'],\n        platformClassNames.hasOwnProperty(platform)\n          ? platformClassNames[platform]\n          : platformClassNames.android,\n        className,\n      )}\n    >\n      {hasReactNode(before) && <div className={styles['PanelHeaderContent__before']}>{before}</div>}\n      <InComponent\n        {...inProps}\n        className={classNames(\n          styles['PanelHeaderContent__in'],\n          !before && platform !== Platform.ANDROID && styles['PanelHeaderContent__in--centered'],\n        )}\n      >\n        {hasReactNode(status) && (\n          <Footnote className={styles['PanelHeaderContent__status']}>{status}</Footnote>\n        )}\n        <div className={styles['PanelHeaderContent__children']}>\n          <PanelHeaderChildren hasStatus={hasReactNode(status)} hasBefore={hasReactNode(before)}>\n            {children}\n          </PanelHeaderChildren>\n          {hasReactNode(aside) && (\n            <div className={styles['PanelHeaderContent__aside']}>{aside}</div>\n          )}\n        </div>\n        {hasReactNode(before) && <div className={styles['PanelHeaderContent__width']} />}\n      </InComponent>\n    </div>\n  );\n};\n"],"names":["React","classNames","hasReactNode","usePlatform","Platform","Tappable","Footnote","Headline","Text","styles","platformClassNames","ios","android","vkcom","PanelHeaderChildren","hasStatus","hasBefore","children","platform","VKCOM","className","Component","weight","div","PanelHeaderContent","style","aside","status","before","onClick","restProps","InComponent","rootProps","inProps","activeEffectDelay","hasActive","IOS","activeMode","hasOwnProperty","ANDROID"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAC3D,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,qBAAqB;AAE9C,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,QAAQ,QAAQ,kCAAkC;AAC3D,SAASC,QAAQ,QAAQ,kCAAkC;AAC3D,SAASC,IAAI,QAAQ,0BAA0B;AAC/C,OAAOC,YAAY,kCAAkC;AAErD,MAAMC,qBAAqB;IACzBC,KAAKF,MAAM,CAAC,0BAA0B;IACtCG,SAASH,MAAM,CAAC,8BAA8B;IAC9CI,OAAOJ,MAAM,CAAC,4BAA4B;AAC5C;AAaA,MAAMK,sBAAsB,CAAC,EAAEC,UAAS,EAAEC,UAAS,EAAEC,SAAQ,EAA4B;IACvF,MAAMC,WAAWf;IACjB,IAAIe,aAAad,SAASe,OAAO;QAC/B,qBACE,oBAACX;YAAKY,WAAWX,MAAM,CAAC,mCAAmC;YAAEY,WAAU;YAAMC,QAAO;WACjFL;IAGP;IAEA,OAAOF,aAAaC,0BAClB,oBAACT;QAASa,WAAWX,MAAM,CAAC,mCAAmC;QAAEY,WAAU;QAAMC,QAAO;OACrFL,0BAGH,oBAACM;QAAIH,WAAWX,MAAM,CAAC,kCAAkC;OAAGQ;AAEhE;AAEA;;CAEC,GACD,OAAO,MAAMO,qBAAqB,CAAC,EACjCJ,UAAS,EACTK,MAAK,EACLC,MAAK,EACLC,OAAM,EACNC,OAAM,EACNX,SAAQ,EACRY,QAAO,EACP,GAAGC,WACqB;IACxB,MAAMC,cAAcF,UAAUxB,WAAW;IACzC,MAAM2B,YAAYH,UAAU,CAAC,IAAIC;IACjC,MAAMZ,WAAWf;IACjB,MAAM8B,UAAUJ,UACZ;QACE,GAAGC,SAAS;QACZD;QACAK,mBAAmB;QACnBC,WAAWjB,aAAad,SAASgC;QACjCC,YAAY;IACd,IACA,CAAC;IAEL,qBACE,oBAACd;QACE,GAAGS,SAAS;QACbP,OAAOA;QACPL,WAAWnB,WACTQ,MAAM,CAAC,qBAAqB,EAC5BC,mBAAmB4B,eAAepB,YAC9BR,kBAAkB,CAACQ,SAAS,GAC5BR,mBAAmBE,SACvBQ;OAGDlB,aAAa0B,yBAAW,oBAACL;QAAIH,WAAWX,MAAM,CAAC,6BAA6B;OAAGmB,uBAChF,oBAACG;QACE,GAAGE,OAAO;QACXb,WAAWnB,WACTQ,MAAM,CAAC,yBAAyB,EAChC,CAACmB,UAAUV,aAAad,SAASmC,WAAW9B,MAAM,CAAC,mCAAmC;OAGvFP,aAAayB,yBACZ,oBAACrB;QAASc,WAAWX,MAAM,CAAC,6BAA6B;OAAGkB,uBAE9D,oBAACJ;QAAIH,WAAWX,MAAM,CAAC,+BAA+B;qBACpD,oBAACK;QAAoBC,WAAWb,aAAayB;QAASX,WAAWd,aAAa0B;OAC3EX,WAEFf,aAAawB,wBACZ,oBAACH;QAAIH,WAAWX,MAAM,CAAC,4BAA4B;OAAGiB,SAGzDxB,aAAa0B,yBAAW,oBAACL;QAAIH,WAAWX,MAAM,CAAC,4BAA4B;;AAIpF,EAAE"}
+{"version":3,"sources":["../../../../src/components/PanelHeaderContent/PanelHeaderContent.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { HasChildren } from '../../types';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Text } from '../Typography/Text/Text';\nimport styles from './PanelHeaderContent.module.css';\n\nconst platformClassNames = {\n  ios: styles['PanelHeaderContent--ios'],\n  android: styles['PanelHeaderContent--android'],\n  vkcom: styles['PanelHeaderContent--vkcom'],\n};\n\nexport interface PanelHeaderContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  aside?: React.ReactNode;\n  before?: React.ReactNode;\n  status?: React.ReactNode;\n}\n\ninterface PanelHeaderChildrenProps extends HasChildren {\n  hasStatus: boolean;\n  hasBefore: boolean;\n}\n\nconst PanelHeaderChildren = ({ hasStatus, hasBefore, children }: PanelHeaderChildrenProps) => {\n  const platform = usePlatform();\n  if (platform === Platform.VKCOM) {\n    return (\n      <Text className={styles['PanelHeaderContent__childrenText']} Component=\"div\" weight=\"2\">\n        {children}\n      </Text>\n    );\n  }\n\n  return hasStatus || hasBefore ? (\n    <Headline className={styles['PanelHeaderContent__childrenText']} Component=\"div\" weight=\"2\">\n      {children}\n    </Headline>\n  ) : (\n    <div className={styles['PanelHeaderContent__children-in']}>{children}</div>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderContent\n */\nexport const PanelHeaderContent = ({\n  className,\n  style,\n  aside,\n  status,\n  before,\n  children,\n  onClick,\n  ...restProps\n}: PanelHeaderContentProps) => {\n  const InComponent = onClick ? Tappable : 'div';\n  const rootProps = onClick ? {} : restProps;\n  const platform = usePlatform();\n  const inProps = onClick\n    ? {\n        ...restProps,\n        onClick,\n        activeEffectDelay: 200,\n        hasActive: platform === Platform.IOS,\n        activeMode: 'opacity',\n      }\n    : {};\n\n  return (\n    <div\n      {...rootProps}\n      style={style}\n      className={classNames(\n        styles['PanelHeaderContent'],\n        platformClassNames.hasOwnProperty(platform)\n          ? platformClassNames[platform]\n          : platformClassNames.android,\n        className,\n      )}\n    >\n      {hasReactNode(before) && <div className={styles['PanelHeaderContent__before']}>{before}</div>}\n      <InComponent\n        {...inProps}\n        className={classNames(\n          styles['PanelHeaderContent__in'],\n          !before && platform !== Platform.ANDROID && styles['PanelHeaderContent__in--centered'],\n        )}\n      >\n        {hasReactNode(status) && (\n          <Footnote className={styles['PanelHeaderContent__status']}>{status}</Footnote>\n        )}\n        <div className={styles['PanelHeaderContent__children']}>\n          <PanelHeaderChildren hasStatus={hasReactNode(status)} hasBefore={hasReactNode(before)}>\n            {children}\n          </PanelHeaderChildren>\n          {hasReactNode(aside) && (\n            <div className={styles['PanelHeaderContent__aside']}>{aside}</div>\n          )}\n        </div>\n        {hasReactNode(before) && <div className={styles['PanelHeaderContent__width']} />}\n      </InComponent>\n    </div>\n  );\n};\n"],"names":["React","classNames","hasReactNode","usePlatform","Platform","Tappable","Footnote","Headline","Text","styles","platformClassNames","ios","android","vkcom","PanelHeaderChildren","hasStatus","hasBefore","children","platform","VKCOM","className","Component","weight","div","PanelHeaderContent","style","aside","status","before","onClick","restProps","InComponent","rootProps","inProps","activeEffectDelay","hasActive","IOS","activeMode","hasOwnProperty","ANDROID"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAC3D,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,qBAAqB;AAE9C,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,QAAQ,QAAQ,kCAAkC;AAC3D,SAASC,QAAQ,QAAQ,kCAAkC;AAC3D,SAASC,IAAI,QAAQ,0BAA0B;AAC/C,OAAOC,YAAY,kCAAkC;AAErD,MAAMC,qBAAqB;IACzBC,KAAKF,MAAM,CAAC,0BAA0B;IACtCG,SAASH,MAAM,CAAC,8BAA8B;IAC9CI,OAAOJ,MAAM,CAAC,4BAA4B;AAC5C;AAaA,MAAMK,sBAAsB,CAAC,EAAEC,SAAS,EAAEC,SAAS,EAAEC,QAAQ,EAA4B;IACvF,MAAMC,WAAWf;IACjB,IAAIe,aAAad,SAASe,KAAK,EAAE;QAC/B,qBACE,oBAACX;YAAKY,WAAWX,MAAM,CAAC,mCAAmC;YAAEY,WAAU;YAAMC,QAAO;WACjFL;IAGP;IAEA,OAAOF,aAAaC,0BAClB,oBAACT;QAASa,WAAWX,MAAM,CAAC,mCAAmC;QAAEY,WAAU;QAAMC,QAAO;OACrFL,0BAGH,oBAACM;QAAIH,WAAWX,MAAM,CAAC,kCAAkC;OAAGQ;AAEhE;AAEA;;CAEC,GACD,OAAO,MAAMO,qBAAqB,CAAC,EACjCJ,SAAS,EACTK,KAAK,EACLC,KAAK,EACLC,MAAM,EACNC,MAAM,EACNX,QAAQ,EACRY,OAAO,EACP,GAAGC,WACqB;IACxB,MAAMC,cAAcF,UAAUxB,WAAW;IACzC,MAAM2B,YAAYH,UAAU,CAAC,IAAIC;IACjC,MAAMZ,WAAWf;IACjB,MAAM8B,UAAUJ,UACZ;QACE,GAAGC,SAAS;QACZD;QACAK,mBAAmB;QACnBC,WAAWjB,aAAad,SAASgC,GAAG;QACpCC,YAAY;IACd,IACA,CAAC;IAEL,qBACE,oBAACd;QACE,GAAGS,SAAS;QACbP,OAAOA;QACPL,WAAWnB,WACTQ,MAAM,CAAC,qBAAqB,EAC5BC,mBAAmB4B,cAAc,CAACpB,YAC9BR,kBAAkB,CAACQ,SAAS,GAC5BR,mBAAmBE,OAAO,EAC9BQ;OAGDlB,aAAa0B,yBAAW,oBAACL;QAAIH,WAAWX,MAAM,CAAC,6BAA6B;OAAGmB,uBAChF,oBAACG;QACE,GAAGE,OAAO;QACXb,WAAWnB,WACTQ,MAAM,CAAC,yBAAyB,EAChC,CAACmB,UAAUV,aAAad,SAASmC,OAAO,IAAI9B,MAAM,CAAC,mCAAmC;OAGvFP,aAAayB,yBACZ,oBAACrB;QAASc,WAAWX,MAAM,CAAC,6BAA6B;OAAGkB,uBAE9D,oBAACJ;QAAIH,WAAWX,MAAM,CAAC,+BAA+B;qBACpD,oBAACK;QAAoBC,WAAWb,aAAayB;QAASX,WAAWd,aAAa0B;OAC3EX,WAEFf,aAAawB,wBACZ,oBAACH;QAAIH,WAAWX,MAAM,CAAC,4BAA4B;OAAGiB,SAGzDxB,aAAa0B,yBAAW,oBAACL;QAAIH,WAAWX,MAAM,CAAC,4BAA4B;;AAIpF,EAAE"}

package/dist/cssm/components/PanelHeaderContext/PanelHeaderContext.js

@@ -18,12 +18,12 @@ const sizeXClassNames = {
 };
 /**
  * @see https://vkcom.github.io/VKUI/#/PanelHeaderContext
- */ export const PanelHeaderContext = ({ children , onClose , opened =false , className , ...restProps })=>{
-    const { document  } = useDOM();
+ */ export const PanelHeaderContext = ({ children, onClose, opened = false, className, ...restProps })=>{
+    const { document } = useDOM();
     const platform = usePlatform();
     const [visible, setVisible] = React.useState(opened);
     const closing = visible && !opened;
-    const { sizeX ='none'  } = useAdaptivity();
+    const { sizeX = 'none' } = useAdaptivity();
     const elementRef = React.useRef(null);
     useIsomorphicLayoutEffect(()=>{
         opened && setVisible(true);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelHeaderContext/PanelHeaderContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { SizeType } from '../../lib/adaptivity';\nimport { useDOM } from '../../lib/dom';\nimport { Platform } from '../../lib/platform';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { FixedLayout } from '../FixedLayout/FixedLayout';\nimport styles from './PanelHeaderContext.module.css';\n\nconst sizeXClassNames = {\n  none: styles['PanelHeaderContext--sizeX-none'],\n  [SizeType.COMPACT]: styles['PanelHeaderContext--sizeX-compact'],\n  [SizeType.REGULAR]: styles['PanelHeaderContext--sizeX-regular'],\n};\n\nexport interface PanelHeaderContextProps extends React.HTMLAttributes<HTMLDivElement> {\n  opened: boolean;\n  onClose: VoidFunction;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderContext\n */\nexport const PanelHeaderContext = ({\n  children,\n  onClose,\n  opened = false,\n  className,\n  ...restProps\n}: PanelHeaderContextProps) => {\n  const { document } = useDOM();\n  const platform = usePlatform();\n  const [visible, setVisible] = React.useState(opened);\n  const closing = visible && !opened;\n  const { sizeX = 'none' } = useAdaptivity();\n  const elementRef = React.useRef<HTMLDivElement>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    opened && setVisible(true);\n  }, [opened]);\n\n  useScrollLock(platform !== Platform.VKCOM && opened);\n\n  // start closing on outer click\n  useGlobalEventListener(\n    document,\n    'click',\n    opened &&\n      !closing &&\n      ((event) => {\n        if (elementRef.current && !elementRef.current.contains(event.target as Node)) {\n          event.stopPropagation();\n          onClose();\n        }\n      }),\n    { capture: true },\n  );\n\n  // fallback onAnimationEnd when animationend not supported\n  const onAnimationEnd = () => setVisible(false);\n  const animationFallback = useTimeout(onAnimationEnd, 200);\n  React.useEffect(\n    () => (closing ? animationFallback.set() : animationFallback.clear()),\n    [animationFallback, closing],\n  );\n\n  return (\n    <FixedLayout\n      {...restProps}\n      className={classNames(\n        styles['PanelHeaderContext'],\n        platform === Platform.IOS && styles['PanelHeaderContext--ios'],\n        opened && styles['PanelHeaderContext--opened'],\n        closing && styles['PanelHeaderContext--closing'],\n        sizeXClassNames[sizeX],\n        className,\n      )}\n      vertical=\"top\"\n    >\n      {visible && (\n        <div\n          onClick={(event) => {\n            event.stopPropagation();\n            onClose();\n          }}\n          className={styles['PanelHeaderContext__fade']}\n        />\n      )}\n      <div\n        className={styles['PanelHeaderContext__in']}\n        ref={elementRef}\n        onAnimationEnd={closing ? onAnimationEnd : undefined}\n      >\n        {visible && <div className={styles['PanelHeaderContext__content']}>{children}</div>}\n      </div>\n    </FixedLayout>\n  );\n};\n"],"names":["React","classNames","useAdaptivity","useGlobalEventListener","usePlatform","useTimeout","SizeType","useDOM","Platform","useIsomorphicLayoutEffect","useScrollLock","FixedLayout","styles","sizeXClassNames","none","COMPACT","REGULAR","PanelHeaderContext","children","onClose","opened","className","restProps","document","platform","visible","setVisible","useState","closing","sizeX","elementRef","useRef","VKCOM","event","current","contains","target","stopPropagation","capture","onAnimationEnd","animationFallback","useEffect","set","clear","IOS","vertical","div","onClick","ref","undefined"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,sBAAsB,QAAQ,qCAAqC;AAC5E,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,UAAU,QAAQ,yBAAyB;AACpD,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,yBAAyB,QAAQ,sCAAsC;AAChF,SAASC,aAAa,QAAQ,2BAA2B;AACzD,SAASC,WAAW,QAAQ,6BAA6B;AACzD,OAAOC,YAAY,kCAAkC;AAErD,MAAMC,kBAAkB;IACtBC,MAAMF,MAAM,CAAC,iCAAiC;IAC9C,CAACN,SAASS,QAAQ,EAAEH,MAAM,CAAC,oCAAoC;IAC/D,CAACN,SAASU,QAAQ,EAAEJ,MAAM,CAAC,oCAAoC;AACjE;AAOA;;CAEC,GACD,OAAO,MAAMK,qBAAqB,CAAC,EACjCC,SAAQ,EACRC,QAAO,EACPC,QAAS,MAAK,EACdC,UAAS,EACT,GAAGC,WACqB;IACxB,MAAM,EAAEC,SAAQ,EAAE,GAAGhB;IACrB,MAAMiB,WAAWpB;IACjB,MAAM,CAACqB,SAASC,WAAW,GAAG1B,MAAM2B,SAASP;IAC7C,MAAMQ,UAAUH,WAAW,CAACL;IAC5B,MAAM,EAAES,OAAQ,OAAM,EAAE,GAAG3B;IAC3B,MAAM4B,aAAa9B,MAAM+B,OAAuB;IAEhDtB,0BAA0B;QACxBW,UAAUM,WAAW;IACvB,GAAG;QAACN;KAAO;IAEXV,cAAcc,aAAahB,SAASwB,SAASZ;IAE7C,+BAA+B;IAC/BjB,uBACEoB,UACA,SACAH,UACE,CAACQ,WACA,CAAA,CAACK;QACA,IAAIH,WAAWI,WAAW,CAACJ,WAAWI,QAAQC,SAASF,MAAMG,SAAiB;YAC5EH,MAAMI;YACNlB;QACF;IACF,CAAA,GACF;QAAEmB,SAAS;IAAK;IAGlB,0DAA0D;IAC1D,MAAMC,iBAAiB,IAAMb,WAAW;IACxC,MAAMc,oBAAoBnC,WAAWkC,gBAAgB;IACrDvC,MAAMyC,UACJ,IAAOb,UAAUY,kBAAkBE,QAAQF,kBAAkBG,SAC7D;QAACH;QAAmBZ;KAAQ;IAG9B,qBACE,oBAACjB;QACE,GAAGW,SAAS;QACbD,WAAWpB,WACTW,MAAM,CAAC,qBAAqB,EAC5BY,aAAahB,SAASoC,OAAOhC,MAAM,CAAC,0BAA0B,EAC9DQ,UAAUR,MAAM,CAAC,6BAA6B,EAC9CgB,WAAWhB,MAAM,CAAC,8BAA8B,EAChDC,eAAe,CAACgB,MAAM,EACtBR;QAEFwB,UAAS;OAERpB,yBACC,oBAACqB;QACCC,SAAS,CAACd;YACRA,MAAMI;YACNlB;QACF;QACAE,WAAWT,MAAM,CAAC,2BAA2B;sBAGjD,oBAACkC;QACCzB,WAAWT,MAAM,CAAC,yBAAyB;QAC3CoC,KAAKlB;QACLS,gBAAgBX,UAAUW,iBAAiBU;OAE1CxB,yBAAW,oBAACqB;QAAIzB,WAAWT,MAAM,CAAC,8BAA8B;OAAGM;AAI5E,EAAE"}
+{"version":3,"sources":["../../../../src/components/PanelHeaderContext/PanelHeaderContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { SizeType } from '../../lib/adaptivity';\nimport { useDOM } from '../../lib/dom';\nimport { Platform } from '../../lib/platform';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { FixedLayout } from '../FixedLayout/FixedLayout';\nimport styles from './PanelHeaderContext.module.css';\n\nconst sizeXClassNames = {\n  none: styles['PanelHeaderContext--sizeX-none'],\n  [SizeType.COMPACT]: styles['PanelHeaderContext--sizeX-compact'],\n  [SizeType.REGULAR]: styles['PanelHeaderContext--sizeX-regular'],\n};\n\nexport interface PanelHeaderContextProps extends React.HTMLAttributes<HTMLDivElement> {\n  opened: boolean;\n  onClose: VoidFunction;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderContext\n */\nexport const PanelHeaderContext = ({\n  children,\n  onClose,\n  opened = false,\n  className,\n  ...restProps\n}: PanelHeaderContextProps) => {\n  const { document } = useDOM();\n  const platform = usePlatform();\n  const [visible, setVisible] = React.useState(opened);\n  const closing = visible && !opened;\n  const { sizeX = 'none' } = useAdaptivity();\n  const elementRef = React.useRef<HTMLDivElement>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    opened && setVisible(true);\n  }, [opened]);\n\n  useScrollLock(platform !== Platform.VKCOM && opened);\n\n  // start closing on outer click\n  useGlobalEventListener(\n    document,\n    'click',\n    opened &&\n      !closing &&\n      ((event) => {\n        if (elementRef.current && !elementRef.current.contains(event.target as Node)) {\n          event.stopPropagation();\n          onClose();\n        }\n      }),\n    { capture: true },\n  );\n\n  // fallback onAnimationEnd when animationend not supported\n  const onAnimationEnd = () => setVisible(false);\n  const animationFallback = useTimeout(onAnimationEnd, 200);\n  React.useEffect(\n    () => (closing ? animationFallback.set() : animationFallback.clear()),\n    [animationFallback, closing],\n  );\n\n  return (\n    <FixedLayout\n      {...restProps}\n      className={classNames(\n        styles['PanelHeaderContext'],\n        platform === Platform.IOS && styles['PanelHeaderContext--ios'],\n        opened && styles['PanelHeaderContext--opened'],\n        closing && styles['PanelHeaderContext--closing'],\n        sizeXClassNames[sizeX],\n        className,\n      )}\n      vertical=\"top\"\n    >\n      {visible && (\n        <div\n          onClick={(event) => {\n            event.stopPropagation();\n            onClose();\n          }}\n          className={styles['PanelHeaderContext__fade']}\n        />\n      )}\n      <div\n        className={styles['PanelHeaderContext__in']}\n        ref={elementRef}\n        onAnimationEnd={closing ? onAnimationEnd : undefined}\n      >\n        {visible && <div className={styles['PanelHeaderContext__content']}>{children}</div>}\n      </div>\n    </FixedLayout>\n  );\n};\n"],"names":["React","classNames","useAdaptivity","useGlobalEventListener","usePlatform","useTimeout","SizeType","useDOM","Platform","useIsomorphicLayoutEffect","useScrollLock","FixedLayout","styles","sizeXClassNames","none","COMPACT","REGULAR","PanelHeaderContext","children","onClose","opened","className","restProps","document","platform","visible","setVisible","useState","closing","sizeX","elementRef","useRef","VKCOM","event","current","contains","target","stopPropagation","capture","onAnimationEnd","animationFallback","useEffect","set","clear","IOS","vertical","div","onClick","ref","undefined"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,sBAAsB,QAAQ,qCAAqC;AAC5E,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,UAAU,QAAQ,yBAAyB;AACpD,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,yBAAyB,QAAQ,sCAAsC;AAChF,SAASC,aAAa,QAAQ,2BAA2B;AACzD,SAASC,WAAW,QAAQ,6BAA6B;AACzD,OAAOC,YAAY,kCAAkC;AAErD,MAAMC,kBAAkB;IACtBC,MAAMF,MAAM,CAAC,iCAAiC;IAC9C,CAACN,SAASS,OAAO,CAAC,EAAEH,MAAM,CAAC,oCAAoC;IAC/D,CAACN,SAASU,OAAO,CAAC,EAAEJ,MAAM,CAAC,oCAAoC;AACjE;AAOA;;CAEC,GACD,OAAO,MAAMK,qBAAqB,CAAC,EACjCC,QAAQ,EACRC,OAAO,EACPC,SAAS,KAAK,EACdC,SAAS,EACT,GAAGC,WACqB;IACxB,MAAM,EAAEC,QAAQ,EAAE,GAAGhB;IACrB,MAAMiB,WAAWpB;IACjB,MAAM,CAACqB,SAASC,WAAW,GAAG1B,MAAM2B,QAAQ,CAACP;IAC7C,MAAMQ,UAAUH,WAAW,CAACL;IAC5B,MAAM,EAAES,QAAQ,MAAM,EAAE,GAAG3B;IAC3B,MAAM4B,aAAa9B,MAAM+B,MAAM,CAAiB;IAEhDtB,0BAA0B;QACxBW,UAAUM,WAAW;IACvB,GAAG;QAACN;KAAO;IAEXV,cAAcc,aAAahB,SAASwB,KAAK,IAAIZ;IAE7C,+BAA+B;IAC/BjB,uBACEoB,UACA,SACAH,UACE,CAACQ,WACA,CAAA,CAACK;QACA,IAAIH,WAAWI,OAAO,IAAI,CAACJ,WAAWI,OAAO,CAACC,QAAQ,CAACF,MAAMG,MAAM,GAAW;YAC5EH,MAAMI,eAAe;YACrBlB;QACF;IACF,CAAA,GACF;QAAEmB,SAAS;IAAK;IAGlB,0DAA0D;IAC1D,MAAMC,iBAAiB,IAAMb,WAAW;IACxC,MAAMc,oBAAoBnC,WAAWkC,gBAAgB;IACrDvC,MAAMyC,SAAS,CACb,IAAOb,UAAUY,kBAAkBE,GAAG,KAAKF,kBAAkBG,KAAK,IAClE;QAACH;QAAmBZ;KAAQ;IAG9B,qBACE,oBAACjB;QACE,GAAGW,SAAS;QACbD,WAAWpB,WACTW,MAAM,CAAC,qBAAqB,EAC5BY,aAAahB,SAASoC,GAAG,IAAIhC,MAAM,CAAC,0BAA0B,EAC9DQ,UAAUR,MAAM,CAAC,6BAA6B,EAC9CgB,WAAWhB,MAAM,CAAC,8BAA8B,EAChDC,eAAe,CAACgB,MAAM,EACtBR;QAEFwB,UAAS;OAERpB,yBACC,oBAACqB;QACCC,SAAS,CAACd;YACRA,MAAMI,eAAe;YACrBlB;QACF;QACAE,WAAWT,MAAM,CAAC,2BAA2B;sBAGjD,oBAACkC;QACCzB,WAAWT,MAAM,CAAC,yBAAyB;QAC3CoC,KAAKlB;QACLS,gBAAgBX,UAAUW,iBAAiBU;OAE1CxB,yBAAW,oBAACqB;QAAIzB,WAAWT,MAAM,CAAC,8BAA8B;OAAGM;AAI5E,EAAE"}

package/dist/cssm/components/PanelHeaderEdit/PanelHeaderEdit.js

@@ -5,7 +5,7 @@ import { Platform } from '../../lib/platform';
 import { PanelHeaderButton } from '../PanelHeaderButton/PanelHeaderButton';
 /**
  * @see https://vkcom.github.io/VKUI/#/PanelHeaderEdit
- */ export const PanelHeaderEdit = ({ isActive =false , editLabel ='Редактировать' , doneLabel ='Готово' , ...restProps })=>{
+ */ export const PanelHeaderEdit = ({ isActive = false, editLabel = 'Редактировать', doneLabel = 'Готово', ...restProps })=>{
     const iOSText = isActive ? doneLabel : editLabel;
     const AndroidIcon = isActive ? Icon28DoneOutline : Icon28EditOutline;
     const platform = usePlatform();

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelHeaderEdit/PanelHeaderEdit.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon28DoneOutline, Icon28EditOutline } from '@vkontakte/icons';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { PanelHeaderButton, PanelHeaderButtonProps } from '../PanelHeaderButton/PanelHeaderButton';\n\nexport interface PanelHeaderEditProps extends PanelHeaderButtonProps {\n  /**\n   * Включен ли режим редактирования\n   */\n  isActive?: boolean;\n  /**\n   * iOS only. Текст кнопки, когда режим редактирования не активен\n   */\n  editLabel?: string;\n  /**\n   * iOS only. Текст кнопки при активном режиме редактирования для выхода из него\n   */\n  doneLabel?: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderEdit\n */\nexport const PanelHeaderEdit = ({\n  isActive = false,\n  editLabel = 'Редактировать',\n  doneLabel = 'Готово',\n  ...restProps\n}: PanelHeaderEditProps) => {\n  const iOSText = isActive ? doneLabel : editLabel;\n  const AndroidIcon = isActive ? Icon28DoneOutline : Icon28EditOutline;\n  const platform = usePlatform();\n\n  return (\n    <PanelHeaderButton aria-label={iOSText} {...restProps}>\n      {platform === Platform.IOS ? iOSText : <AndroidIcon />}\n    </PanelHeaderButton>\n  );\n};\n"],"names":["React","Icon28DoneOutline","Icon28EditOutline","usePlatform","Platform","PanelHeaderButton","PanelHeaderEdit","isActive","editLabel","doneLabel","restProps","iOSText","AndroidIcon","platform","aria-label","IOS"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,iBAAiB,EAAEC,iBAAiB,QAAQ,mBAAmB;AACxE,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,iBAAiB,QAAgC,yCAAyC;AAiBnG;;CAEC,GACD,OAAO,MAAMC,kBAAkB,CAAC,EAC9BC,UAAW,MAAK,EAChBC,WAAY,gBAAe,EAC3BC,WAAY,SAAQ,EACpB,GAAGC,WACkB;IACrB,MAAMC,UAAUJ,WAAWE,YAAYD;IACvC,MAAMI,cAAcL,WAAWN,oBAAoBC;IACnD,MAAMW,WAAWV;IAEjB,qBACE,oBAACE;QAAkBS,cAAYH;QAAU,GAAGD,SAAS;OAClDG,aAAaT,SAASW,MAAMJ,wBAAU,oBAACC;AAG9C,EAAE"}
+{"version":3,"sources":["../../../../src/components/PanelHeaderEdit/PanelHeaderEdit.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon28DoneOutline, Icon28EditOutline } from '@vkontakte/icons';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { PanelHeaderButton, PanelHeaderButtonProps } from '../PanelHeaderButton/PanelHeaderButton';\n\nexport interface PanelHeaderEditProps extends PanelHeaderButtonProps {\n  /**\n   * Включен ли режим редактирования\n   */\n  isActive?: boolean;\n  /**\n   * iOS only. Текст кнопки, когда режим редактирования не активен\n   */\n  editLabel?: string;\n  /**\n   * iOS only. Текст кнопки при активном режиме редактирования для выхода из него\n   */\n  doneLabel?: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderEdit\n */\nexport const PanelHeaderEdit = ({\n  isActive = false,\n  editLabel = 'Редактировать',\n  doneLabel = 'Готово',\n  ...restProps\n}: PanelHeaderEditProps) => {\n  const iOSText = isActive ? doneLabel : editLabel;\n  const AndroidIcon = isActive ? Icon28DoneOutline : Icon28EditOutline;\n  const platform = usePlatform();\n\n  return (\n    <PanelHeaderButton aria-label={iOSText} {...restProps}>\n      {platform === Platform.IOS ? iOSText : <AndroidIcon />}\n    </PanelHeaderButton>\n  );\n};\n"],"names":["React","Icon28DoneOutline","Icon28EditOutline","usePlatform","Platform","PanelHeaderButton","PanelHeaderEdit","isActive","editLabel","doneLabel","restProps","iOSText","AndroidIcon","platform","aria-label","IOS"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,iBAAiB,EAAEC,iBAAiB,QAAQ,mBAAmB;AACxE,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,iBAAiB,QAAgC,yCAAyC;AAiBnG;;CAEC,GACD,OAAO,MAAMC,kBAAkB,CAAC,EAC9BC,WAAW,KAAK,EAChBC,YAAY,eAAe,EAC3BC,YAAY,QAAQ,EACpB,GAAGC,WACkB;IACrB,MAAMC,UAAUJ,WAAWE,YAAYD;IACvC,MAAMI,cAAcL,WAAWN,oBAAoBC;IACnD,MAAMW,WAAWV;IAEjB,qBACE,oBAACE;QAAkBS,cAAYH;QAAU,GAAGD,SAAS;OAClDG,aAAaT,SAASW,GAAG,GAAGJ,wBAAU,oBAACC;AAG9C,EAAE"}

package/dist/cssm/components/PanelHeaderSubmit/PanelHeaderSubmit.js

@@ -6,7 +6,7 @@ import { getTitleFromChildren } from '../../lib/utils';
 import { PanelHeaderButton } from '../PanelHeaderButton/PanelHeaderButton';
 /**
  * @see https://vkcom.github.io/VKUI/#/PanelHeaderSubmit
- */ export const PanelHeaderSubmit = ({ children ='Готово' , ...restProps })=>{
+ */ export const PanelHeaderSubmit = ({ children = 'Готово', ...restProps })=>{
     const platform = usePlatform();
     return /*#__PURE__*/ React.createElement(PanelHeaderButton, {
         "aria-label": getTitleFromChildren(children),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelHeaderSubmit/PanelHeaderSubmit.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon28DoneOutline } from '@vkontakte/icons';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { getTitleFromChildren } from '../../lib/utils';\nimport { PanelHeaderButton, PanelHeaderButtonProps } from '../PanelHeaderButton/PanelHeaderButton';\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderSubmit\n */\nexport const PanelHeaderSubmit = ({\n  children = 'Готово',\n  ...restProps\n}: PanelHeaderButtonProps) => {\n  const platform = usePlatform();\n\n  return (\n    <PanelHeaderButton aria-label={getTitleFromChildren(children)} primary {...restProps}>\n      {platform === Platform.IOS ? children : <Icon28DoneOutline />}\n    </PanelHeaderButton>\n  );\n};\n"],"names":["React","Icon28DoneOutline","usePlatform","Platform","getTitleFromChildren","PanelHeaderButton","PanelHeaderSubmit","children","restProps","platform","aria-label","primary","IOS"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ,mBAAmB;AACrD,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,oBAAoB,QAAQ,kBAAkB;AACvD,SAASC,iBAAiB,QAAgC,yCAAyC;AAEnG;;CAEC,GACD,OAAO,MAAMC,oBAAoB,CAAC,EAChCC,UAAW,SAAQ,EACnB,GAAGC,WACoB;IACvB,MAAMC,WAAWP;IAEjB,qBACE,oBAACG;QAAkBK,cAAYN,qBAAqBG;QAAWI,SAAAA;QAAS,GAAGH,SAAS;OACjFC,aAAaN,SAASS,MAAML,yBAAW,oBAACN;AAG/C,EAAE"}
+{"version":3,"sources":["../../../../src/components/PanelHeaderSubmit/PanelHeaderSubmit.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon28DoneOutline } from '@vkontakte/icons';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { getTitleFromChildren } from '../../lib/utils';\nimport { PanelHeaderButton, PanelHeaderButtonProps } from '../PanelHeaderButton/PanelHeaderButton';\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderSubmit\n */\nexport const PanelHeaderSubmit = ({\n  children = 'Готово',\n  ...restProps\n}: PanelHeaderButtonProps) => {\n  const platform = usePlatform();\n\n  return (\n    <PanelHeaderButton aria-label={getTitleFromChildren(children)} primary {...restProps}>\n      {platform === Platform.IOS ? children : <Icon28DoneOutline />}\n    </PanelHeaderButton>\n  );\n};\n"],"names":["React","Icon28DoneOutline","usePlatform","Platform","getTitleFromChildren","PanelHeaderButton","PanelHeaderSubmit","children","restProps","platform","aria-label","primary","IOS"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ,mBAAmB;AACrD,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,oBAAoB,QAAQ,kBAAkB;AACvD,SAASC,iBAAiB,QAAgC,yCAAyC;AAEnG;;CAEC,GACD,OAAO,MAAMC,oBAAoB,CAAC,EAChCC,WAAW,QAAQ,EACnB,GAAGC,WACoB;IACvB,MAAMC,WAAWP;IAEjB,qBACE,oBAACG;QAAkBK,cAAYN,qBAAqBG;QAAWI,SAAAA;QAAS,GAAGH,SAAS;OACjFC,aAAaN,SAASS,GAAG,GAAGL,yBAAW,oBAACN;AAG/C,EAAE"}

package/dist/cssm/components/PanelSpinner/PanelSpinner.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Spinner } from '../Spinner/Spinner';
 /**
  * @see https://vkcom.github.io/VKUI/#/PanelSpinner
- */ export const PanelSpinner = /*#__PURE__*/ React.memo(({ height =96 , style , ...restProps })=>/*#__PURE__*/ React.createElement(Spinner, {
+ */ export const PanelSpinner = /*#__PURE__*/ React.memo(({ height = 96, style, ...restProps })=>/*#__PURE__*/ React.createElement(Spinner, {
         size: "regular",
         ...restProps,
         style: {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelSpinner/PanelSpinner.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Spinner, SpinnerProps } from '../Spinner/Spinner';\n\nexport interface PanelSpinnerProps extends SpinnerProps {\n  height?: number;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelSpinner\n */\nexport const PanelSpinner = React.memo(\n  ({ height = 96, style, ...restProps }: PanelSpinnerProps) => (\n    <Spinner size=\"regular\" {...restProps} style={{ height, ...style }} />\n  ),\n);\n\nPanelSpinner.displayName = 'PanelSpinner';\n"],"names":["React","Spinner","PanelSpinner","memo","height","style","restProps","size","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,OAAO,QAAsB,qBAAqB;AAM3D;;CAEC,GACD,OAAO,MAAMC,6BAAeF,MAAMG,KAChC,CAAC,EAAEC,QAAS,GAAE,EAAEC,MAAK,EAAE,GAAGC,WAA8B,iBACtD,oBAACL;QAAQM,MAAK;QAAW,GAAGD,SAAS;QAAED,OAAO;YAAED;YAAQ,GAAGC,KAAK;QAAC;QAEnE;AAEFH,aAAaM,cAAc"}
+{"version":3,"sources":["../../../../src/components/PanelSpinner/PanelSpinner.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Spinner, SpinnerProps } from '../Spinner/Spinner';\n\nexport interface PanelSpinnerProps extends SpinnerProps {\n  height?: number;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelSpinner\n */\nexport const PanelSpinner = React.memo(\n  ({ height = 96, style, ...restProps }: PanelSpinnerProps) => (\n    <Spinner size=\"regular\" {...restProps} style={{ height, ...style }} />\n  ),\n);\n\nPanelSpinner.displayName = 'PanelSpinner';\n"],"names":["React","Spinner","PanelSpinner","memo","height","style","restProps","size","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,OAAO,QAAsB,qBAAqB;AAM3D;;CAEC,GACD,OAAO,MAAMC,6BAAeF,MAAMG,IAAI,CACpC,CAAC,EAAEC,SAAS,EAAE,EAAEC,KAAK,EAAE,GAAGC,WAA8B,iBACtD,oBAACL;QAAQM,MAAK;QAAW,GAAGD,SAAS;QAAED,OAAO;YAAED;YAAQ,GAAGC,KAAK;QAAC;QAEnE;AAEFH,aAAaM,WAAW,GAAG"}

package/dist/cssm/components/Placeholder/Placeholder.js

@@ -5,7 +5,7 @@ import { Title } from '../Typography/Title/Title';
 import styles from './Placeholder.module.css';
 /**
  * @see https://vkcom.github.io/VKUI/#/Placeholder
- */ export const Placeholder = ({ icon , header , action , children , stretched , getRootRef , className , withPadding =true , ...restProps })=>/*#__PURE__*/ React.createElement("div", {
+ */ export const Placeholder = ({ icon, header, action, children, stretched, getRootRef, className, withPadding = true, ...restProps })=>/*#__PURE__*/ React.createElement("div", {
         ...restProps,
         ref: getRootRef,
         className: classNames(styles['Placeholder'], stretched && styles['Placeholder--stretched'], withPadding && styles['Placeholder--withPadding'], className)

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Placeholder/Placeholder.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { HasRootRef } from '../../types';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Title } from '../Typography/Title/Title';\nimport styles from './Placeholder.module.css';\n\nexport interface PlaceholderProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * Иконка\n   */\n  icon?: React.ReactNode;\n  /**\n   * Заголовок плейсхолдера\n   */\n  header?: React.ReactNode;\n  /**\n   * Кнопка действия\n   */\n  action?: React.ReactNode;\n  /**\n   * Растягивает плейсхолдер на весь экран, но в таком случае на экране должен быть только плейсхолдер\n   */\n  stretched?: boolean;\n  /**\n   * Добавляет отступы к компоненту\n   */\n  withPadding?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Placeholder\n */\nexport const Placeholder = ({\n  icon,\n  header,\n  action,\n  children,\n  stretched,\n  getRootRef,\n  className,\n  withPadding = true,\n  ...restProps\n}: PlaceholderProps) => (\n  <div\n    {...restProps}\n    ref={getRootRef}\n    className={classNames(\n      styles['Placeholder'],\n      stretched && styles['Placeholder--stretched'],\n      withPadding && styles['Placeholder--withPadding'],\n      className,\n    )}\n  >\n    {hasReactNode(icon) && <div className={styles['Placeholder__icon']}>{icon}</div>}\n    {hasReactNode(header) && (\n      <Title level=\"2\" weight=\"2\" className={styles['Placeholder__header']}>\n        {header}\n      </Title>\n    )}\n    {hasReactNode(children) && (\n      <Headline weight=\"3\" className={styles['Placeholder__text']}>\n        {children}\n      </Headline>\n    )}\n    {hasReactNode(action) && <div className={styles['Placeholder__action']}>{action}</div>}\n  </div>\n);\n"],"names":["React","classNames","hasReactNode","Headline","Title","styles","Placeholder","icon","header","action","children","stretched","getRootRef","className","withPadding","restProps","div","ref","level","weight"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAE3D,SAASC,QAAQ,QAAQ,kCAAkC;AAC3D,SAASC,KAAK,QAAQ,4BAA4B;AAClD,OAAOC,YAAY,2BAA2B;AA2B9C;;CAEC,GACD,OAAO,MAAMC,cAAc,CAAC,EAC1BC,KAAI,EACJC,OAAM,EACNC,OAAM,EACNC,SAAQ,EACRC,UAAS,EACTC,WAAU,EACVC,UAAS,EACTC,aAAc,KAAI,EAClB,GAAGC,WACc,iBACjB,oBAACC;QACE,GAAGD,SAAS;QACbE,KAAKL;QACLC,WAAWZ,WACTI,MAAM,CAAC,cAAc,EACrBM,aAAaN,MAAM,CAAC,yBAAyB,EAC7CS,eAAeT,MAAM,CAAC,2BAA2B,EACjDQ;OAGDX,aAAaK,uBAAS,oBAACS;QAAIH,WAAWR,MAAM,CAAC,oBAAoB;OAAGE,OACpEL,aAAaM,yBACZ,oBAACJ;QAAMc,OAAM;QAAIC,QAAO;QAAIN,WAAWR,MAAM,CAAC,sBAAsB;OACjEG,SAGJN,aAAaQ,2BACZ,oBAACP;QAASgB,QAAO;QAAIN,WAAWR,MAAM,CAAC,oBAAoB;OACxDK,WAGJR,aAAaO,yBAAW,oBAACO;QAAIH,WAAWR,MAAM,CAAC,sBAAsB;OAAGI,SAE3E"}
+{"version":3,"sources":["../../../../src/components/Placeholder/Placeholder.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { HasRootRef } from '../../types';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Title } from '../Typography/Title/Title';\nimport styles from './Placeholder.module.css';\n\nexport interface PlaceholderProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * Иконка\n   */\n  icon?: React.ReactNode;\n  /**\n   * Заголовок плейсхолдера\n   */\n  header?: React.ReactNode;\n  /**\n   * Кнопка действия\n   */\n  action?: React.ReactNode;\n  /**\n   * Растягивает плейсхолдер на весь экран, но в таком случае на экране должен быть только плейсхолдер\n   */\n  stretched?: boolean;\n  /**\n   * Добавляет отступы к компоненту\n   */\n  withPadding?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Placeholder\n */\nexport const Placeholder = ({\n  icon,\n  header,\n  action,\n  children,\n  stretched,\n  getRootRef,\n  className,\n  withPadding = true,\n  ...restProps\n}: PlaceholderProps) => (\n  <div\n    {...restProps}\n    ref={getRootRef}\n    className={classNames(\n      styles['Placeholder'],\n      stretched && styles['Placeholder--stretched'],\n      withPadding && styles['Placeholder--withPadding'],\n      className,\n    )}\n  >\n    {hasReactNode(icon) && <div className={styles['Placeholder__icon']}>{icon}</div>}\n    {hasReactNode(header) && (\n      <Title level=\"2\" weight=\"2\" className={styles['Placeholder__header']}>\n        {header}\n      </Title>\n    )}\n    {hasReactNode(children) && (\n      <Headline weight=\"3\" className={styles['Placeholder__text']}>\n        {children}\n      </Headline>\n    )}\n    {hasReactNode(action) && <div className={styles['Placeholder__action']}>{action}</div>}\n  </div>\n);\n"],"names":["React","classNames","hasReactNode","Headline","Title","styles","Placeholder","icon","header","action","children","stretched","getRootRef","className","withPadding","restProps","div","ref","level","weight"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAE3D,SAASC,QAAQ,QAAQ,kCAAkC;AAC3D,SAASC,KAAK,QAAQ,4BAA4B;AAClD,OAAOC,YAAY,2BAA2B;AA2B9C;;CAEC,GACD,OAAO,MAAMC,cAAc,CAAC,EAC1BC,IAAI,EACJC,MAAM,EACNC,MAAM,EACNC,QAAQ,EACRC,SAAS,EACTC,UAAU,EACVC,SAAS,EACTC,cAAc,IAAI,EAClB,GAAGC,WACc,iBACjB,oBAACC;QACE,GAAGD,SAAS;QACbE,KAAKL;QACLC,WAAWZ,WACTI,MAAM,CAAC,cAAc,EACrBM,aAAaN,MAAM,CAAC,yBAAyB,EAC7CS,eAAeT,MAAM,CAAC,2BAA2B,EACjDQ;OAGDX,aAAaK,uBAAS,oBAACS;QAAIH,WAAWR,MAAM,CAAC,oBAAoB;OAAGE,OACpEL,aAAaM,yBACZ,oBAACJ;QAAMc,OAAM;QAAIC,QAAO;QAAIN,WAAWR,MAAM,CAAC,sBAAsB;OACjEG,SAGJN,aAAaQ,2BACZ,oBAACP;QAASgB,QAAO;QAAIN,WAAWR,MAAM,CAAC,oBAAoB;OACxDK,WAGJR,aAAaO,yBAAW,oBAACO;QAAIH,WAAWR,MAAM,CAAC,sBAAsB;OAAGI,SAE3E"}

package/dist/cssm/components/PlatformProvider/PlatformProvider.js

@@ -7,7 +7,7 @@ import { ConfigProviderOverride } from '../ConfigProvider/ConfigProviderOverride
  *
  * @since 5.1.0
  * @see https://vkcom.github.io/VKUI/#/PlatformProvider
- */ export function PlatformProvider({ value , children  }) {
+ */ export function PlatformProvider({ value, children }) {
     const appearance = useAppearance();
     return /*#__PURE__*/ React.createElement(ConfigProviderOverride, {
         platform: value

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PlatformProvider/PlatformProvider.tsx"],"sourcesContent":["import React from 'react';\nimport { useAppearance } from '../../hooks/useAppearance';\nimport { PlatformType } from '../../lib/platform';\nimport { TokensClassProvider } from '../../lib/tokensClassProvider';\nimport { ConfigProviderOverride } from '../ConfigProvider/ConfigProviderOverride';\n\nexport interface PlatformProviderProps {\n  /**\n   * Платформа\n   */\n  value: PlatformType;\n  children: React.ReactNode;\n}\n\n/**\n * Компонент, позволяющий переопределить платформу для части приложения\n *\n * @since 5.1.0\n * @see https://vkcom.github.io/VKUI/#/PlatformProvider\n */\nexport function PlatformProvider({ value, children }: PlatformProviderProps) {\n  const appearance = useAppearance();\n\n  return (\n    <ConfigProviderOverride platform={value}>\n      <TokensClassProvider platform={value} appearance={appearance}>\n        {children}\n      </TokensClassProvider>\n    </ConfigProviderOverride>\n  );\n}\n"],"names":["React","useAppearance","TokensClassProvider","ConfigProviderOverride","PlatformProvider","value","children","appearance","platform"],"mappings":"AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,aAAa,QAAQ,4BAA4B;AAE1D,SAASC,mBAAmB,QAAQ,gCAAgC;AACpE,SAASC,sBAAsB,QAAQ,2CAA2C;AAUlF;;;;;CAKC,GACD,OAAO,SAASC,iBAAiB,EAAEC,MAAK,EAAEC,SAAQ,EAAyB;IACzE,MAAMC,aAAaN;IAEnB,qBACE,oBAACE;QAAuBK,UAAUH;qBAChC,oBAACH;QAAoBM,UAAUH;QAAOE,YAAYA;OAC/CD;AAIT"}
+{"version":3,"sources":["../../../../src/components/PlatformProvider/PlatformProvider.tsx"],"sourcesContent":["import React from 'react';\nimport { useAppearance } from '../../hooks/useAppearance';\nimport { PlatformType } from '../../lib/platform';\nimport { TokensClassProvider } from '../../lib/tokensClassProvider';\nimport { ConfigProviderOverride } from '../ConfigProvider/ConfigProviderOverride';\n\nexport interface PlatformProviderProps {\n  /**\n   * Платформа\n   */\n  value: PlatformType;\n  children: React.ReactNode;\n}\n\n/**\n * Компонент, позволяющий переопределить платформу для части приложения\n *\n * @since 5.1.0\n * @see https://vkcom.github.io/VKUI/#/PlatformProvider\n */\nexport function PlatformProvider({ value, children }: PlatformProviderProps) {\n  const appearance = useAppearance();\n\n  return (\n    <ConfigProviderOverride platform={value}>\n      <TokensClassProvider platform={value} appearance={appearance}>\n        {children}\n      </TokensClassProvider>\n    </ConfigProviderOverride>\n  );\n}\n"],"names":["React","useAppearance","TokensClassProvider","ConfigProviderOverride","PlatformProvider","value","children","appearance","platform"],"mappings":"AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,aAAa,QAAQ,4BAA4B;AAE1D,SAASC,mBAAmB,QAAQ,gCAAgC;AACpE,SAASC,sBAAsB,QAAQ,2CAA2C;AAUlF;;;;;CAKC,GACD,OAAO,SAASC,iBAAiB,EAAEC,KAAK,EAAEC,QAAQ,EAAyB;IACzE,MAAMC,aAAaN;IAEnB,qBACE,oBAACE;QAAuBK,UAAUH;qBAChC,oBAACH;QAAoBM,UAAUH;QAAOE,YAAYA;OAC/CD;AAIT"}