@vkontakte/vkui 8.0.1 → 8.1.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Icon24ChevronCompactLeft, Icon24ChevronCompactRight } from '@vkontakte/icons';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useConfigDirection } from '../../hooks/useConfigDirection';\nimport { type PaginationPageType, usePagination } from '../../hooks/usePagination';\nimport type { HasComponent, HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport {\n  type CustomPaginationNavigationButton,\n  PaginationNavigationButton,\n  type PaginationNavigationButtonProps,\n} from './PaginationNavigationButton/PaginationNavigationButton';\nimport {\n  type CustomPaginationPageButtonProps,\n  PaginationPageButton,\n} from './PaginationPage/PaginationPageButton';\nimport { PaginationPageEllipsis } from './PaginationPage/PaginationPageEllipsis';\nimport styles from './Pagination.module.css';\n\nexport interface PaginationProps extends Omit<HTMLAttributesWithRootRef<HTMLElement>, 'onChange'> {\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   * Декоративный текст для кнопки навигации назад.\n   *\n   * > Note: Экранные дикторы будут использовать `prevButtonLabel`.\n   */\n  prevButtonCaption?: string;\n  /**\n   * Декоративный текст для кнопки навигации вперёд.\n   *\n   * > Note: Экранные дикторы будут использовать `nextButtonLabel`.\n   */\n  nextButtonCaption?: string;\n  /**\n   * Задаёт стиль отображения кнопок навигации.\n   *\n   * - `icon` – показывать только иконку;\n   * - `caption` – показывать только подпись;\n   * - `both` – показывать и иконку, и подпись.\n   */\n  navigationButtonsStyle?: PaginationNavigationButtonProps['style'];\n  /**\n   * [a11y] Метка для обозначения блока навигации.\n   */\n  navigationLabel?: string;\n  /**\n   * Тип элемента отрисовки блока навигации.\n   */\n  navigationLabelComponent?: HasComponent['Component'];\n  /**\n   * [a11y] Метка для кнопки навигации назад.\n   */\n  prevButtonLabel?: string;\n  /**\n   * [a11y] Метка для кнопки навигации вперёд.\n   */\n  nextButtonLabel?: string;\n  /**\n   * [a11y] Функция для переопределения и/или локализации метки кнопки страницы.\n   *\n   * > Note: По возможности лучше не использовать,\n   * так как компонент и так проставляет номер страницы в разметку,\n   * что достаточно для пользователей скринридеров.\n   * Дополнительная информация скорее будет избыточна,\n   * так как будет зачитываться для каждой кнопки при перемещении по списку.\n   */\n  getPageLabel?: (isCurrent: boolean) => string;\n  /**\n   * Обработчик изменения выбранной страницы.\n   */\n  onChange?: (page: number, event: React.MouseEvent<HTMLElement>) => void;\n  /**\n   * Функция для кастомного рендера кнопок страниц.\n   *\n   * > Note: `CustomPaginationPageButtonProps` наследует API [Tappable](https://vkui.io/components/tappable).\n   */\n  renderPageButton?: (props: CustomPaginationPageButtonProps) => React.ReactNode;\n  /**\n   Функция для кастомного рендера кнопок навигации `prev` и `next`.\n   *\n   * > Note: `CustomPaginationNavigationButton` наследует API [Button](https://vkui.io/components/button).\n   */\n  renderNavigationButton?: (props: CustomPaginationNavigationButton) => React.ReactNode;\n  /**\n   * Передает атрибут `data-testid` для кнопок страниц.\n   */\n  pageButtonTestId?: (day: PaginationPageType, active: boolean) => string;\n  /**\n   * Передает атрибут `data-testid` для кнопки `prev`.\n   */\n  prevButtonTestId?: string;\n  /**\n   * Передает атрибут `data-testid` для кнопки `next`.\n   */\n  nextButtonTestId?: string;\n}\n\n/**\n * @see https://vkui.io/components/pagination\n */\nexport const Pagination = ({\n  currentPage = 1,\n  siblingCount = 1,\n  boundaryCount = 1,\n  totalPages = 1,\n  disabled,\n  prevButtonCaption = 'Назад',\n  nextButtonCaption = 'Вперёд',\n  navigationButtonsStyle = 'icon',\n  getPageLabel,\n  navigationLabel = 'Страницы',\n  navigationLabelComponent = 'h2',\n  prevButtonLabel = 'Перейти на предыдущую страницу',\n  nextButtonLabel = 'Перейти на следующую страницу',\n  onChange,\n  renderPageButton,\n  pageButtonTestId,\n  prevButtonTestId,\n  nextButtonTestId,\n  renderNavigationButton,\n  ...resetProps\n}: PaginationProps): React.ReactNode => {\n  const direction = useConfigDirection();\n  const isRtl = direction === 'rtl';\n  const pages = usePagination({\n    currentPage,\n    totalPages,\n    siblingCount,\n    boundaryCount,\n  });\n  const isFirstPage = currentPage === 1;\n  const isLastPage = currentPage === totalPages;\n  const prevPage = isFirstPage ? undefined : currentPage - 1;\n  const nextPage = isLastPage ? undefined : currentPage + 1;\n\n  const handlePrevClick = React.useCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      if (onChange && prevPage !== undefined) {\n        onChange(prevPage, event);\n      }\n    },\n    [prevPage, onChange],\n  );\n\n  const handleClick = React.useCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      const page: string = event.currentTarget.dataset.page || '1';\n      onChange?.(Number(page), event);\n    },\n    [onChange],\n  );\n\n  const handleNextClick = React.useCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      if (onChange && nextPage !== undefined) {\n        onChange(nextPage, event);\n      }\n    },\n    [nextPage, onChange],\n  );\n\n  const { density } = useAdaptivity();\n\n  const renderPages = React.useCallback(\n    (page: PaginationPageType) => {\n      const isCurrent = page === currentPage;\n      const dataTestId = pageButtonTestId?.(page, isCurrent);\n\n      switch (page) {\n        case 'start-ellipsis':\n        case 'end-ellipsis':\n          return (\n            <li key={page}>\n              <PaginationPageEllipsis disabled={disabled} data-testid={dataTestId} />\n            </li>\n          );\n        default: {\n          return (\n            <li key={page}>\n              <PaginationPageButton\n                getPageLabel={getPageLabel}\n                isCurrent={isCurrent}\n                onClick={handleClick}\n                disabled={disabled}\n                density={density}\n                renderPageButton={renderPageButton}\n                data-testid={dataTestId}\n              >\n                {page}\n              </PaginationPageButton>\n            </li>\n          );\n        }\n      }\n    },\n    [currentPage, disabled, getPageLabel, handleClick, renderPageButton, density, pageButtonTestId],\n  );\n\n  const navigationLabelId = React.useId();\n\n  return (\n    <RootComponent\n      Component=\"nav\"\n      role=\"navigation\"\n      aria-labelledby={navigationLabelId}\n      {...resetProps}\n    >\n      <VisuallyHidden id={navigationLabelId} Component={navigationLabelComponent}>\n        {navigationLabel}\n      </VisuallyHidden>\n      <ul className={styles.list}>\n        <li className={styles.prevButtonContainer}>\n          <PaginationNavigationButton\n            type=\"prev\"\n            style={navigationButtonsStyle}\n            caption={prevButtonCaption}\n            Icon={isRtl ? Icon24ChevronCompactRight : Icon24ChevronCompactLeft}\n            a11yLabel={prevButtonLabel}\n            disabled={isFirstPage || disabled}\n            onClick={handlePrevClick}\n            data-page={prevPage}\n            data-testid={prevButtonTestId}\n            renderNavigationButton={renderNavigationButton}\n          />\n        </li>\n        {pages.map(renderPages)}\n        <li className={styles.nextButtonContainer}>\n          <PaginationNavigationButton\n            type=\"next\"\n            style={navigationButtonsStyle}\n            caption={nextButtonCaption}\n            Icon={isRtl ? Icon24ChevronCompactLeft : Icon24ChevronCompactRight}\n            a11yLabel={nextButtonLabel}\n            disabled={isLastPage || disabled}\n            onClick={handleNextClick}\n            data-page={nextPage}\n            data-testid={nextButtonTestId}\n            renderNavigationButton={renderNavigationButton}\n          />\n        </li>\n      </ul>\n    </RootComponent>\n  );\n};\n"],"names":["React","Icon24ChevronCompactLeft","Icon24ChevronCompactRight","useAdaptivity","useConfigDirection","usePagination","RootComponent","VisuallyHidden","PaginationNavigationButton","PaginationPageButton","PaginationPageEllipsis","Pagination","currentPage","siblingCount","boundaryCount","totalPages","disabled","prevButtonCaption","nextButtonCaption","navigationButtonsStyle","getPageLabel","navigationLabel","navigationLabelComponent","prevButtonLabel","nextButtonLabel","onChange","renderPageButton","pageButtonTestId","prevButtonTestId","nextButtonTestId","renderNavigationButton","resetProps","direction","isRtl","pages","isFirstPage","isLastPage","prevPage","undefined","nextPage","handlePrevClick","useCallback","event","handleClick","page","currentTarget","dataset","Number","handleNextClick","density","renderPages","isCurrent","dataTestId","li","data-testid","onClick","navigationLabelId","useId","Component","role","aria-labelledby","id","ul","className","type","style","caption","Icon","a11yLabel","data-page","map"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Icon24ChevronCompactLeft, Icon24ChevronCompactRight } from '@vkontakte/icons';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useConfigDirection } from '../../hooks/useConfigDirection';\nimport { type PaginationPageType, usePagination } from '../../hooks/usePagination';\nimport type { HasComponent, HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport {\n  type CustomPaginationNavigationButton,\n  PaginationNavigationButton,\n  type PaginationNavigationButtonProps,\n} from './PaginationNavigationButton/PaginationNavigationButton';\nimport {\n  type CustomPaginationPageButtonProps,\n  PaginationPageButton,\n} from './PaginationPage/PaginationPageButton';\nimport { PaginationPageEllipsis } from './PaginationPage/PaginationPageEllipsis';\nimport styles from './Pagination.module.css';\n\nexport interface PaginationProps extends Omit<HTMLAttributesWithRootRef<HTMLElement>, 'onChange'> {\n  /**\n   * Текущая страница.\n   */\n  currentPage?: number | undefined;\n  /**\n   * Кол-во всегда видимых страниц по краям текущей страницы.\n   */\n  siblingCount?: number | undefined;\n  /**\n   * Кол-во всегда видимых страниц в начале и в конце.\n   */\n  boundaryCount?: number | undefined;\n  /**\n   * Общее кол-во страниц.\n   */\n  totalPages?: number | undefined;\n  /**\n   * Блокировка взаимодействия с компонентом.\n   */\n  disabled?: boolean | undefined;\n  /**\n   * Декоративный текст для кнопки навигации назад.\n   *\n   * > Note: Экранные дикторы будут использовать `prevButtonLabel`.\n   */\n  prevButtonCaption?: string | undefined;\n  /**\n   * Декоративный текст для кнопки навигации вперёд.\n   *\n   * > Note: Экранные дикторы будут использовать `nextButtonLabel`.\n   */\n  nextButtonCaption?: string | undefined;\n  /**\n   * Задаёт стиль отображения кнопок навигации.\n   *\n   * - `icon` – показывать только иконку;\n   * - `caption` – показывать только подпись;\n   * - `both` – показывать и иконку, и подпись.\n   */\n  navigationButtonsStyle?: PaginationNavigationButtonProps['style'] | undefined;\n  /**\n   * [a11y] Метка для обозначения блока навигации.\n   */\n  navigationLabel?: string | undefined;\n  /**\n   * Тип элемента отрисовки блока навигации.\n   */\n  navigationLabelComponent?: HasComponent['Component'] | undefined;\n  /**\n   * [a11y] Метка для кнопки навигации назад.\n   */\n  prevButtonLabel?: string | undefined;\n  /**\n   * [a11y] Метка для кнопки навигации вперёд.\n   */\n  nextButtonLabel?: string | undefined;\n  /**\n   * [a11y] Функция для переопределения и/или локализации метки кнопки страницы.\n   *\n   * > Note: По возможности лучше не использовать,\n   * так как компонент и так проставляет номер страницы в разметку,\n   * что достаточно для пользователей скринридеров.\n   * Дополнительная информация скорее будет избыточна,\n   * так как будет зачитываться для каждой кнопки при перемещении по списку.\n   */\n  getPageLabel?: ((isCurrent: boolean) => string) | undefined;\n  /**\n   * Обработчик изменения выбранной страницы.\n   */\n  onChange?: ((page: number, event: React.MouseEvent<HTMLElement>) => void) | undefined;\n  /**\n   * Функция для кастомного рендера кнопок страниц.\n   *\n   * > Note: `CustomPaginationPageButtonProps` наследует API [Tappable](https://vkui.io/components/tappable).\n   */\n  renderPageButton?: ((props: CustomPaginationPageButtonProps) => React.ReactNode) | undefined;\n  /**\n   Функция для кастомного рендера кнопок навигации `prev` и `next`.\n   *\n   * > Note: `CustomPaginationNavigationButton` наследует API [Button](https://vkui.io/components/button).\n   */\n  renderNavigationButton?:\n    | ((props: CustomPaginationNavigationButton) => React.ReactNode)\n    | undefined;\n  /**\n   * Передает атрибут `data-testid` для кнопок страниц.\n   */\n  pageButtonTestId?: ((day: PaginationPageType | undefined, active: boolean) => string) | undefined;\n  /**\n   * Передает атрибут `data-testid` для кнопки `prev`.\n   */\n  prevButtonTestId?: string | undefined;\n  /**\n   * Передает атрибут `data-testid` для кнопки `next`.\n   */\n  nextButtonTestId?: string | undefined;\n}\n\n/**\n * @see https://vkui.io/components/pagination\n */\nexport const Pagination = ({\n  currentPage = 1,\n  siblingCount = 1,\n  boundaryCount = 1,\n  totalPages = 1,\n  disabled,\n  prevButtonCaption = 'Назад',\n  nextButtonCaption = 'Вперёд',\n  navigationButtonsStyle = 'icon',\n  getPageLabel,\n  navigationLabel = 'Страницы',\n  navigationLabelComponent = 'h2',\n  prevButtonLabel = 'Перейти на предыдущую страницу',\n  nextButtonLabel = 'Перейти на следующую страницу',\n  onChange,\n  renderPageButton,\n  pageButtonTestId,\n  prevButtonTestId,\n  nextButtonTestId,\n  renderNavigationButton,\n  ...resetProps\n}: PaginationProps): React.ReactNode => {\n  const direction = useConfigDirection();\n  const isRtl = direction === 'rtl';\n  const pages = usePagination({\n    currentPage,\n    totalPages,\n    siblingCount,\n    boundaryCount,\n  });\n  const isFirstPage = currentPage === 1;\n  const isLastPage = currentPage === totalPages;\n  const prevPage = isFirstPage ? undefined : currentPage - 1;\n  const nextPage = isLastPage ? undefined : currentPage + 1;\n\n  const handlePrevClick = React.useCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      if (onChange && prevPage !== undefined) {\n        onChange(prevPage, event);\n      }\n    },\n    [prevPage, onChange],\n  );\n\n  const handleClick = React.useCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      const page: string = event.currentTarget.dataset.page || '1';\n      onChange?.(Number(page), event);\n    },\n    [onChange],\n  );\n\n  const handleNextClick = React.useCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      if (onChange && nextPage !== undefined) {\n        onChange(nextPage, event);\n      }\n    },\n    [nextPage, onChange],\n  );\n\n  const { density } = useAdaptivity();\n\n  const renderPages = React.useCallback(\n    (page: PaginationPageType) => {\n      const isCurrent = page === currentPage;\n      const dataTestId = pageButtonTestId?.(page, isCurrent);\n\n      switch (page) {\n        case 'start-ellipsis':\n        case 'end-ellipsis':\n          return (\n            <li key={page}>\n              <PaginationPageEllipsis disabled={disabled} data-testid={dataTestId} />\n            </li>\n          );\n        default: {\n          return (\n            <li key={page}>\n              <PaginationPageButton\n                getPageLabel={getPageLabel}\n                isCurrent={isCurrent}\n                onClick={handleClick}\n                disabled={disabled}\n                density={density}\n                renderPageButton={renderPageButton}\n                data-testid={dataTestId}\n              >\n                {page}\n              </PaginationPageButton>\n            </li>\n          );\n        }\n      }\n    },\n    [currentPage, disabled, getPageLabel, handleClick, renderPageButton, density, pageButtonTestId],\n  );\n\n  const navigationLabelId = React.useId();\n\n  return (\n    <RootComponent\n      Component=\"nav\"\n      role=\"navigation\"\n      aria-labelledby={navigationLabelId}\n      {...resetProps}\n    >\n      <VisuallyHidden id={navigationLabelId} Component={navigationLabelComponent}>\n        {navigationLabel}\n      </VisuallyHidden>\n      <ul className={styles.list}>\n        <li className={styles.prevButtonContainer}>\n          <PaginationNavigationButton\n            type=\"prev\"\n            style={navigationButtonsStyle}\n            caption={prevButtonCaption}\n            Icon={isRtl ? Icon24ChevronCompactRight : Icon24ChevronCompactLeft}\n            a11yLabel={prevButtonLabel}\n            disabled={isFirstPage || disabled === true}\n            onClick={handlePrevClick}\n            data-page={prevPage}\n            {...(prevButtonTestId !== undefined && { 'data-testid': prevButtonTestId })}\n            {...(renderNavigationButton !== undefined && { renderNavigationButton })}\n          />\n        </li>\n        {pages.map(renderPages)}\n        <li className={styles.nextButtonContainer}>\n          <PaginationNavigationButton\n            type=\"next\"\n            style={navigationButtonsStyle}\n            caption={nextButtonCaption}\n            Icon={isRtl ? Icon24ChevronCompactLeft : Icon24ChevronCompactRight}\n            a11yLabel={nextButtonLabel}\n            disabled={isLastPage || disabled === true}\n            onClick={handleNextClick}\n            data-page={nextPage}\n            {...(nextButtonTestId !== undefined && { 'data-testid': nextButtonTestId })}\n            {...(renderNavigationButton !== undefined && { renderNavigationButton })}\n          />\n        </li>\n      </ul>\n    </RootComponent>\n  );\n};\n"],"names":["React","Icon24ChevronCompactLeft","Icon24ChevronCompactRight","useAdaptivity","useConfigDirection","usePagination","RootComponent","VisuallyHidden","PaginationNavigationButton","PaginationPageButton","PaginationPageEllipsis","Pagination","currentPage","siblingCount","boundaryCount","totalPages","disabled","prevButtonCaption","nextButtonCaption","navigationButtonsStyle","getPageLabel","navigationLabel","navigationLabelComponent","prevButtonLabel","nextButtonLabel","onChange","renderPageButton","pageButtonTestId","prevButtonTestId","nextButtonTestId","renderNavigationButton","resetProps","direction","isRtl","pages","isFirstPage","isLastPage","prevPage","undefined","nextPage","handlePrevClick","useCallback","event","handleClick","page","currentTarget","dataset","Number","handleNextClick","density","renderPages","isCurrent","dataTestId","li","data-testid","onClick","navigationLabelId","useId","Component","role","aria-labelledby","id","ul","className","type","style","caption","Icon","a11yLabel","data-page","map"],"mappings":"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"}

package/dist/components/Pagination/PaginationNavigationButton/PaginationNavigationButton.d.ts

@@ -6,13 +6,13 @@ export interface PaginationNavigationButtonOpts {
     'caption': React.ReactNode;
     'Icon': React.ComponentType;
     'a11yLabel': React.ReactNode;
-    'disabled'?: boolean;
+    'disabled'?: boolean | undefined;
     'onClick': (event: React.MouseEvent<HTMLElement>) => void;
     'data-page': number | undefined;
-    'data-testid': string | undefined;
+    'data-testid'?: string | undefined;
 }
 export interface PaginationNavigationButtonProps extends PaginationNavigationButtonOpts {
-    renderNavigationButton?: (props: CustomPaginationNavigationButton) => React.ReactNode;
+    renderNavigationButton?: ((props: CustomPaginationNavigationButton) => React.ReactNode) | undefined;
 }
 /**
  * @private

package/dist/components/Pagination/PaginationNavigationButton/PaginationNavigationButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationNavigationButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationNavigationButton/PaginationNavigationButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAG/D,MAAM,WAAW,8BAA8B;IAC7C,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;IACrC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC1D,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;CACnC;AAED,MAAM,WAAW,+BAAgC,SAAQ,8BAA8B;IACrF,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,gCAAgC,KAAK,KAAK,CAAC,SAAS,CAAC;CACvF;AAED;;GAEG;AACH,QAAA,MAAM,4CAA4C,GAChD,MAAM,8BAA8B,KACnC,WAAW,GAAG;IAAE,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAAC,aAAa,EAAE,MAAM,GAAG,SAAS,CAAA;CA8BpF,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,gCAAgC,GAAG,UAAU,CACvD,OAAO,4CAA4C,CACpD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,0BAA0B,GAAI,0CAGxC,+BAA+B,KAAG,KAAK,CAAC,SAQ1C,CAAC"}
+{"version":3,"file":"PaginationNavigationButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationNavigationButton/PaginationNavigationButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAG/D,MAAM,WAAW,8BAA8B;IAC7C,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;IACrC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC1D,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACpC;AAED,MAAM,WAAW,+BAAgC,SAAQ,8BAA8B;IACrF,sBAAsB,CAAC,EACnB,CAAC,CAAC,KAAK,EAAE,gCAAgC,KAAK,KAAK,CAAC,SAAS,CAAC,GAC9D,SAAS,CAAC;CACf;AAED;;GAEG;AACH,QAAA,MAAM,4CAA4C,GAChD,MAAM,8BAA8B,KACnC,WAAW,GAAG;IAAE,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAAC,aAAa,EAAE,MAAM,GAAG,SAAS,CAAA;CA8BpF,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,gCAAgC,GAAG,UAAU,CACvD,OAAO,4CAA4C,CACpD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,0BAA0B,GAAI,0CAGxC,+BAA+B,KAAG,KAAK,CAAC,SAQ1C,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Pagination/PaginationNavigationButton/PaginationNavigationButton.tsx"],"sourcesContent":["/* eslint-disable jsdoc/require-jsdoc */\n\nimport type * as React from 'react';\nimport { Button, type ButtonProps } from '../../Button/Button';\nimport { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden';\n\nexport interface PaginationNavigationButtonOpts {\n  'type': 'prev' | 'next';\n  'style': 'icon' | 'caption' | 'both';\n  'caption': React.ReactNode;\n  'Icon': React.ComponentType;\n  'a11yLabel': React.ReactNode;\n  'disabled'?: boolean;\n  'onClick': (event: React.MouseEvent<HTMLElement>) => void;\n  'data-page': number | undefined;\n  'data-testid': string | undefined;\n}\n\nexport interface PaginationNavigationButtonProps extends PaginationNavigationButtonOpts {\n  renderNavigationButton?: (props: CustomPaginationNavigationButton) => React.ReactNode;\n}\n\n/**\n * @private\n */\nconst getButtonPropsFromPaginationNavigationButton = (\n  opts: PaginationNavigationButtonOpts,\n): ButtonProps & { 'data-page': number | undefined; 'data-testid': string | undefined } => {\n  const icon: React.ReactElement | null =\n    opts.style !== 'caption' ? (\n      <>\n        <VisuallyHidden>{opts.a11yLabel}</VisuallyHidden>\n        <opts.Icon />\n      </>\n    ) : null;\n  const caption: React.ReactElement | null =\n    opts.style === 'caption' ? (\n      <>\n        <VisuallyHidden>{opts.a11yLabel}</VisuallyHidden>\n        <span aria-hidden=\"true\">{opts.caption}</span>\n      </>\n    ) : opts.style !== 'icon' ? (\n      <span aria-hidden=\"true\">{opts.caption}</span>\n    ) : null;\n\n  return {\n    'size': 'l',\n    'before': opts.type === 'prev' ? icon : null,\n    'after': opts.type === 'next' ? icon : null,\n    'appearance': opts.style === 'caption' ? 'neutral' : 'accent',\n    'mode': 'tertiary',\n    'disabled': opts.disabled,\n    'onClick': opts.onClick,\n    'children': caption,\n    'data-page': opts['data-page'],\n    'data-testid': opts['data-testid'],\n  } satisfies ButtonProps & { 'data-page': number | undefined; 'data-testid': string | undefined };\n};\n\n/**\n * @private\n */\nexport type CustomPaginationNavigationButton = ReturnType<\n  typeof getButtonPropsFromPaginationNavigationButton\n>;\n\n/**\n * @private\n */\nexport const PaginationNavigationButton = ({\n  renderNavigationButton,\n  ...restProps\n}: PaginationNavigationButtonProps): React.ReactNode => {\n  const buttonProps = getButtonPropsFromPaginationNavigationButton(restProps);\n\n  if (typeof renderNavigationButton === 'function') {\n    return renderNavigationButton(buttonProps);\n  }\n\n  return <Button {...buttonProps} />;\n};\n"],"names":["Button","VisuallyHidden","getButtonPropsFromPaginationNavigationButton","opts","icon","style","a11yLabel","Icon","caption","span","aria-hidden","type","disabled","onClick","PaginationNavigationButton","renderNavigationButton","restProps","buttonProps"],"mappings":"AAAA,sCAAsC;AAGtC,SAASA,MAAM,QAA0B,yBAAsB;AAC/D,SAASC,cAAc,QAAQ,yCAAsC;AAkBrE;;CAEC,GACD,MAAMC,+CAA+C,CACnDC;IAEA,MAAMC,OACJD,KAAKE,KAAK,KAAK,0BACb;;0BACE,KAACJ;0BAAgBE,KAAKG,SAAS;;0BAC/B,KAACH,KAAKI,IAAI;;SAEV;IACN,MAAMC,UACJL,KAAKE,KAAK,KAAK,0BACb;;0BACE,KAACJ;0BAAgBE,KAAKG,SAAS;;0BAC/B,KAACG;gBAAKC,eAAY;0BAAQP,KAAKK,OAAO;;;SAEtCL,KAAKE,KAAK,KAAK,uBACjB,KAACI;QAAKC,eAAY;kBAAQP,KAAKK,OAAO;SACpC;IAEN,OAAO;QACL,QAAQ;QACR,UAAUL,KAAKQ,IAAI,KAAK,SAASP,OAAO;QACxC,SAASD,KAAKQ,IAAI,KAAK,SAASP,OAAO;QACvC,cAAcD,KAAKE,KAAK,KAAK,YAAY,YAAY;QACrD,QAAQ;QACR,YAAYF,KAAKS,QAAQ;QACzB,WAAWT,KAAKU,OAAO;QACvB,YAAYL;QACZ,aAAaL,IAAI,CAAC,YAAY;QAC9B,eAAeA,IAAI,CAAC,cAAc;IACpC;AACF;AASA;;CAEC,GACD,OAAO,MAAMW,6BAA6B,CAAC,EACzCC,sBAAsB,EACtB,GAAGC,WAC6B;IAChC,MAAMC,cAAcf,6CAA6Cc;IAEjE,IAAI,OAAOD,2BAA2B,YAAY;QAChD,OAAOA,uBAAuBE;IAChC;IAEA,qBAAO,KAACjB;QAAQ,GAAGiB,WAAW;;AAChC,EAAE"}
+{"version":3,"sources":["../../../../src/components/Pagination/PaginationNavigationButton/PaginationNavigationButton.tsx"],"sourcesContent":["/* eslint-disable jsdoc/require-jsdoc */\n\nimport type * as React from 'react';\nimport { Button, type ButtonProps } from '../../Button/Button';\nimport { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden';\n\nexport interface PaginationNavigationButtonOpts {\n  'type': 'prev' | 'next';\n  'style': 'icon' | 'caption' | 'both';\n  'caption': React.ReactNode;\n  'Icon': React.ComponentType;\n  'a11yLabel': React.ReactNode;\n  'disabled'?: boolean | undefined;\n  'onClick': (event: React.MouseEvent<HTMLElement>) => void;\n  'data-page': number | undefined;\n  'data-testid'?: string | undefined;\n}\n\nexport interface PaginationNavigationButtonProps extends PaginationNavigationButtonOpts {\n  renderNavigationButton?:\n    | ((props: CustomPaginationNavigationButton) => React.ReactNode)\n    | undefined;\n}\n\n/**\n * @private\n */\nconst getButtonPropsFromPaginationNavigationButton = (\n  opts: PaginationNavigationButtonOpts,\n): ButtonProps & { 'data-page': number | undefined; 'data-testid': string | undefined } => {\n  const icon: React.ReactElement | null =\n    opts.style !== 'caption' ? (\n      <>\n        <VisuallyHidden>{opts.a11yLabel}</VisuallyHidden>\n        <opts.Icon />\n      </>\n    ) : null;\n  const caption: React.ReactElement | null =\n    opts.style === 'caption' ? (\n      <>\n        <VisuallyHidden>{opts.a11yLabel}</VisuallyHidden>\n        <span aria-hidden=\"true\">{opts.caption}</span>\n      </>\n    ) : opts.style !== 'icon' ? (\n      <span aria-hidden=\"true\">{opts.caption}</span>\n    ) : null;\n\n  return {\n    'size': 'l',\n    'before': opts.type === 'prev' ? icon : null,\n    'after': opts.type === 'next' ? icon : null,\n    'appearance': opts.style === 'caption' ? 'neutral' : 'accent',\n    'mode': 'tertiary',\n    'disabled': opts.disabled,\n    'onClick': opts.onClick,\n    'children': caption,\n    'data-page': opts['data-page'],\n    'data-testid': opts['data-testid'],\n  } satisfies ButtonProps & { 'data-page': number | undefined; 'data-testid': string | undefined };\n};\n\n/**\n * @private\n */\nexport type CustomPaginationNavigationButton = ReturnType<\n  typeof getButtonPropsFromPaginationNavigationButton\n>;\n\n/**\n * @private\n */\nexport const PaginationNavigationButton = ({\n  renderNavigationButton,\n  ...restProps\n}: PaginationNavigationButtonProps): React.ReactNode => {\n  const buttonProps = getButtonPropsFromPaginationNavigationButton(restProps);\n\n  if (typeof renderNavigationButton === 'function') {\n    return renderNavigationButton(buttonProps);\n  }\n\n  return <Button {...buttonProps} />;\n};\n"],"names":["Button","VisuallyHidden","getButtonPropsFromPaginationNavigationButton","opts","icon","style","a11yLabel","Icon","caption","span","aria-hidden","type","disabled","onClick","PaginationNavigationButton","renderNavigationButton","restProps","buttonProps"],"mappings":"AAAA,sCAAsC;AAGtC,SAASA,MAAM,QAA0B,yBAAsB;AAC/D,SAASC,cAAc,QAAQ,yCAAsC;AAoBrE;;CAEC,GACD,MAAMC,+CAA+C,CACnDC;IAEA,MAAMC,OACJD,KAAKE,KAAK,KAAK,0BACb;;0BACE,KAACJ;0BAAgBE,KAAKG,SAAS;;0BAC/B,KAACH,KAAKI,IAAI;;SAEV;IACN,MAAMC,UACJL,KAAKE,KAAK,KAAK,0BACb;;0BACE,KAACJ;0BAAgBE,KAAKG,SAAS;;0BAC/B,KAACG;gBAAKC,eAAY;0BAAQP,KAAKK,OAAO;;;SAEtCL,KAAKE,KAAK,KAAK,uBACjB,KAACI;QAAKC,eAAY;kBAAQP,KAAKK,OAAO;SACpC;IAEN,OAAO;QACL,QAAQ;QACR,UAAUL,KAAKQ,IAAI,KAAK,SAASP,OAAO;QACxC,SAASD,KAAKQ,IAAI,KAAK,SAASP,OAAO;QACvC,cAAcD,KAAKE,KAAK,KAAK,YAAY,YAAY;QACrD,QAAQ;QACR,YAAYF,KAAKS,QAAQ;QACzB,WAAWT,KAAKU,OAAO;QACvB,YAAYL;QACZ,aAAaL,IAAI,CAAC,YAAY;QAC9B,eAAeA,IAAI,CAAC,cAAc;IACpC;AACF;AASA;;CAEC,GACD,OAAO,MAAMW,6BAA6B,CAAC,EACzCC,sBAAsB,EACtB,GAAGC,WAC6B;IAChC,MAAMC,cAAcf,6CAA6Cc;IAEjE,IAAI,OAAOD,2BAA2B,YAAY;QAChD,OAAOA,uBAAuBE;IAChC;IAEA,qBAAO,KAACjB;QAAQ,GAAGiB,WAAW;;AAChC,EAAE"}

package/dist/components/Pagination/PaginationPage/PaginationPageButton.d.ts

@@ -3,12 +3,12 @@ import type { DensityTypeValues } from '../../../lib/adaptivity';
 import { type TappableOmitProps } from '../../Tappable/Tappable';
 import type { PaginationProps } from '../Pagination';
 export interface PaginationPageButtonOpts extends Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'disabled' | 'className'>, Pick<PaginationProps, 'getPageLabel'> {
-    isCurrent?: boolean;
-    density?: DensityTypeValues;
+    isCurrent?: boolean | undefined;
+    density?: DensityTypeValues | undefined;
     children: number;
 }
 export interface PaginationPageButtonProps extends PaginationPageButtonOpts {
-    renderPageButton?: (props: CustomPaginationPageButtonProps) => React.ReactNode;
+    renderPageButton?: ((props: CustomPaginationPageButtonProps) => React.ReactNode) | undefined;
 }
 declare const getTappablePropsFromPaginationPage: (opts: PaginationPageButtonOpts) => TappableOmitProps & {
     "data-page": number;

package/dist/components/Pagination/PaginationPage/PaginationPageButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationPageButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationPage/PaginationPageButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAG3E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAIrD,MAAM,WAAW,wBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,WAAW,CAAC,EAC/F,IAAI,CAAC,eAAe,EAAE,cAAc,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,yBAA0B,SAAQ,wBAAwB;IACzE,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,+BAA+B,KAAK,KAAK,CAAC,SAAS,CAAC;CAChF;AAED,QAAA,MAAM,kCAAkC,GACtC,MAAM,wBAAwB,KAC7B,iBAAiB,GAAG;IAAE,WAAW,EAAE,MAAM,CAAA;CAkC3C,CAAC;AAEF,MAAM,MAAM,+BAA+B,GAAG,UAAU,CAAC,OAAO,kCAAkC,CAAC,CAAC;AAEpG,eAAO,MAAM,oBAAoB,GAAI,oCAGlC,yBAAyB,KAAG,KAAK,CAAC,SAQpC,CAAC"}
+{"version":3,"file":"PaginationPageButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationPage/PaginationPageButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAG3E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAIrD,MAAM,WAAW,wBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,WAAW,CAAC,EAC/F,IAAI,CAAC,eAAe,EAAE,cAAc,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,OAAO,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAC;IACxC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,yBAA0B,SAAQ,wBAAwB;IACzE,gBAAgB,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,+BAA+B,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;CAC9F;AAED,QAAA,MAAM,kCAAkC,GACtC,MAAM,wBAAwB,KAC7B,iBAAiB,GAAG;IAAE,WAAW,EAAE,MAAM,CAAA;CAkC3C,CAAC;AAEF,MAAM,MAAM,+BAA+B,GAAG,UAAU,CAAC,OAAO,kCAAkC,CAAC,CAAC;AAEpG,eAAO,MAAM,oBAAoB,GAAI,oCAGlC,yBAAyB,KAAG,KAAK,CAAC,SAQpC,CAAC"}

package/dist/components/Pagination/PaginationPage/PaginationPageButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Pagination/PaginationPage/PaginationPageButton.tsx"],"sourcesContent":["/* eslint-disable jsdoc/require-jsdoc */\n\nimport type * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { DensityTypeValues } from '../../../lib/adaptivity';\nimport { Tappable, type TappableOmitProps } from '../../Tappable/Tappable';\nimport { Text } from '../../Typography/Text/Text';\nimport { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden';\nimport type { PaginationProps } from '../Pagination';\nimport { getPaginationPageClassNames } from './usePaginationPageClasses';\nimport styles from './PaginationPage.module.css';\n\nexport interface PaginationPageButtonOpts\n  extends Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'disabled' | 'className'>,\n    Pick<PaginationProps, 'getPageLabel'> {\n  isCurrent?: boolean;\n  density?: DensityTypeValues;\n  children: number;\n}\n\nexport interface PaginationPageButtonProps extends PaginationPageButtonOpts {\n  renderPageButton?: (props: CustomPaginationPageButtonProps) => React.ReactNode;\n}\n\nconst getTappablePropsFromPaginationPage = (\n  opts: PaginationPageButtonOpts,\n): TappableOmitProps & { 'data-page': number } => {\n  const {\n    isCurrent = false,\n    getPageLabel,\n    children,\n    className,\n    disabled,\n    density,\n    ...restProps\n  } = opts;\n\n  const pageClassNames = getPaginationPageClassNames({\n    isCurrent,\n    disabled,\n    density,\n  });\n\n  const pageLabel = getPageLabel?.(isCurrent);\n  return {\n    'className': classNames(pageClassNames, className),\n    'activeMode': styles.stateActive,\n    'hoverMode': styles.stateHover,\n    'focusVisibleMode': 'outside',\n    'aria-current': isCurrent ? true : undefined,\n    'disabled': disabled,\n    'children': (\n      <Text normalize={false}>\n        {pageLabel && <VisuallyHidden>{pageLabel} </VisuallyHidden>}\n        {children}\n      </Text>\n    ),\n    'data-page': children,\n    ...restProps,\n  };\n};\n\nexport type CustomPaginationPageButtonProps = ReturnType<typeof getTappablePropsFromPaginationPage>;\n\nexport const PaginationPageButton = ({\n  renderPageButton,\n  ...restProps\n}: PaginationPageButtonProps): React.ReactNode => {\n  const tappableProps = getTappablePropsFromPaginationPage(restProps);\n\n  if (typeof renderPageButton === 'function') {\n    return renderPageButton(tappableProps);\n  }\n\n  return <Tappable {...tappableProps} />;\n};\n"],"names":["classNames","Tappable","Text","VisuallyHidden","getPaginationPageClassNames","getTappablePropsFromPaginationPage","opts","isCurrent","getPageLabel","children","className","disabled","density","restProps","pageClassNames","pageLabel","undefined","normalize","PaginationPageButton","renderPageButton","tappableProps"],"mappings":"AAAA,sCAAsC;AAGtC,SAASA,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,QAAQ,QAAgC,6BAA0B;AAC3E,SAASC,IAAI,QAAQ,gCAA6B;AAClD,SAASC,cAAc,QAAQ,yCAAsC;AAErE,SAASC,2BAA2B,QAAQ,gCAA6B;AAezE,MAAMC,qCAAqC,CACzCC;IAEA,MAAM,EACJC,YAAY,KAAK,EACjBC,YAAY,EACZC,QAAQ,EACRC,SAAS,EACTC,QAAQ,EACRC,OAAO,EACP,GAAGC,WACJ,GAAGP;IAEJ,MAAMQ,iBAAiBV,4BAA4B;QACjDG;QACAI;QACAC;IACF;IAEA,MAAMG,YAAYP,eAAeD;IACjC,OAAO;QACL,aAAaP,WAAWc,gBAAgBJ;QACxC,YAAY;QACZ,WAAW;QACX,oBAAoB;QACpB,gBAAgBH,YAAY,OAAOS;QACnC,YAAYL;QACZ,0BACE,MAACT;YAAKe,WAAW;;gBACdF,2BAAa,MAACZ;;wBAAgBY;wBAAU;;;gBACxCN;;;QAGL,aAAaA;QACb,GAAGI,SAAS;IACd;AACF;AAIA,OAAO,MAAMK,uBAAuB,CAAC,EACnCC,gBAAgB,EAChB,GAAGN,WACuB;IAC1B,MAAMO,gBAAgBf,mCAAmCQ;IAEzD,IAAI,OAAOM,qBAAqB,YAAY;QAC1C,OAAOA,iBAAiBC;IAC1B;IAEA,qBAAO,KAACnB;QAAU,GAAGmB,aAAa;;AACpC,EAAE"}
+{"version":3,"sources":["../../../../src/components/Pagination/PaginationPage/PaginationPageButton.tsx"],"sourcesContent":["/* eslint-disable jsdoc/require-jsdoc */\n\nimport type * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { DensityTypeValues } from '../../../lib/adaptivity';\nimport { Tappable, type TappableOmitProps } from '../../Tappable/Tappable';\nimport { Text } from '../../Typography/Text/Text';\nimport { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden';\nimport type { PaginationProps } from '../Pagination';\nimport { getPaginationPageClassNames } from './usePaginationPageClasses';\nimport styles from './PaginationPage.module.css';\n\nexport interface PaginationPageButtonOpts\n  extends Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'disabled' | 'className'>,\n    Pick<PaginationProps, 'getPageLabel'> {\n  isCurrent?: boolean | undefined;\n  density?: DensityTypeValues | undefined;\n  children: number;\n}\n\nexport interface PaginationPageButtonProps extends PaginationPageButtonOpts {\n  renderPageButton?: ((props: CustomPaginationPageButtonProps) => React.ReactNode) | undefined;\n}\n\nconst getTappablePropsFromPaginationPage = (\n  opts: PaginationPageButtonOpts,\n): TappableOmitProps & { 'data-page': number } => {\n  const {\n    isCurrent = false,\n    getPageLabel,\n    children,\n    className,\n    disabled,\n    density,\n    ...restProps\n  } = opts;\n\n  const pageClassNames = getPaginationPageClassNames({\n    isCurrent,\n    disabled,\n    density,\n  });\n\n  const pageLabel = getPageLabel?.(isCurrent);\n  return {\n    'className': classNames(pageClassNames, className),\n    'activeMode': styles.stateActive,\n    'hoverMode': styles.stateHover,\n    'focusVisibleMode': 'outside',\n    'aria-current': isCurrent ? true : undefined,\n    'disabled': disabled,\n    'children': (\n      <Text normalize={false}>\n        {pageLabel && <VisuallyHidden>{pageLabel} </VisuallyHidden>}\n        {children}\n      </Text>\n    ),\n    'data-page': children,\n    ...restProps,\n  };\n};\n\nexport type CustomPaginationPageButtonProps = ReturnType<typeof getTappablePropsFromPaginationPage>;\n\nexport const PaginationPageButton = ({\n  renderPageButton,\n  ...restProps\n}: PaginationPageButtonProps): React.ReactNode => {\n  const tappableProps = getTappablePropsFromPaginationPage(restProps);\n\n  if (typeof renderPageButton === 'function') {\n    return renderPageButton(tappableProps);\n  }\n\n  return <Tappable {...tappableProps} />;\n};\n"],"names":["classNames","Tappable","Text","VisuallyHidden","getPaginationPageClassNames","getTappablePropsFromPaginationPage","opts","isCurrent","getPageLabel","children","className","disabled","density","restProps","pageClassNames","pageLabel","undefined","normalize","PaginationPageButton","renderPageButton","tappableProps"],"mappings":"AAAA,sCAAsC;AAGtC,SAASA,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,QAAQ,QAAgC,6BAA0B;AAC3E,SAASC,IAAI,QAAQ,gCAA6B;AAClD,SAASC,cAAc,QAAQ,yCAAsC;AAErE,SAASC,2BAA2B,QAAQ,gCAA6B;AAezE,MAAMC,qCAAqC,CACzCC;IAEA,MAAM,EACJC,YAAY,KAAK,EACjBC,YAAY,EACZC,QAAQ,EACRC,SAAS,EACTC,QAAQ,EACRC,OAAO,EACP,GAAGC,WACJ,GAAGP;IAEJ,MAAMQ,iBAAiBV,4BAA4B;QACjDG;QACAI;QACAC;IACF;IAEA,MAAMG,YAAYP,eAAeD;IACjC,OAAO;QACL,aAAaP,WAAWc,gBAAgBJ;QACxC,YAAY;QACZ,WAAW;QACX,oBAAoB;QACpB,gBAAgBH,YAAY,OAAOS;QACnC,YAAYL;QACZ,0BACE,MAACT;YAAKe,WAAW;;gBACdF,2BAAa,MAACZ;;wBAAgBY;wBAAU;;;gBACxCN;;;QAGL,aAAaA;QACb,GAAGI,SAAS;IACd;AACF;AAIA,OAAO,MAAMK,uBAAuB,CAAC,EACnCC,gBAAgB,EAChB,GAAGN,WACuB;IAC1B,MAAMO,gBAAgBf,mCAAmCQ;IAEzD,IAAI,OAAOM,qBAAqB,YAAY;QAC1C,OAAOA,iBAAiBC;IAC1B;IAEA,qBAAO,KAACnB;QAAU,GAAGmB,aAAa;;AACpC,EAAE"}

package/dist/components/Pagination/PaginationPage/PaginationPageEllipsis.d.ts

@@ -1,7 +1,7 @@
 import type * as React from 'react';
 import type { HasRootRef } from '../../../types';
 export interface PaginationPageEllipsisProps extends React.HTMLAttributes<HTMLSpanElement>, HasRootRef<HTMLSpanElement> {
-    disabled?: boolean;
+    disabled?: boolean | undefined;
 }
 export declare const PaginationPageEllipsis: ({ className, disabled, ...restProps }: PaginationPageEllipsisProps) => React.ReactNode;
 //# sourceMappingURL=PaginationPageEllipsis.d.ts.map

package/dist/components/Pagination/PaginationPage/PaginationPageEllipsis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationPageEllipsis.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationPage/PaginationPageEllipsis.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAKjD,MAAM,WAAW,2BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAC3C,UAAU,CAAC,eAAe,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,sBAAsB,GAAI,uCAIpC,2BAA2B,KAAG,KAAK,CAAC,SAWtC,CAAC"}
+{"version":3,"file":"PaginationPageEllipsis.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationPage/PaginationPageEllipsis.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAKjD,MAAM,WAAW,2BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAC3C,UAAU,CAAC,eAAe,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAED,eAAO,MAAM,sBAAsB,GAAI,uCAIpC,2BAA2B,KAAG,KAAK,CAAC,SAWtC,CAAC"}

package/dist/components/Pagination/PaginationPage/PaginationPageEllipsis.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Pagination/PaginationPage/PaginationPageEllipsis.tsx"],"sourcesContent":["'use client';\n/* eslint-disable jsdoc/require-jsdoc */\n\nimport type * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { HasRootRef } from '../../../types';\nimport { Text } from '../../Typography/Text/Text';\nimport { usePaginationPageClassNames } from './usePaginationPageClasses';\nimport styles from './PaginationPage.module.css';\n\nexport interface PaginationPageEllipsisProps\n  extends React.HTMLAttributes<HTMLSpanElement>,\n    HasRootRef<HTMLSpanElement> {\n  disabled?: boolean;\n}\n\nexport const PaginationPageEllipsis = ({\n  className,\n  disabled,\n  ...restProps\n}: PaginationPageEllipsisProps): React.ReactNode => {\n  const paginationClassNames = usePaginationPageClassNames({ isCurrent: false, disabled });\n\n  return (\n    <Text\n      className={classNames(paginationClassNames, styles.typeEllipsis, className)}\n      {...restProps}\n    >\n      &#8230;\n    </Text>\n  );\n};\n"],"names":["classNames","Text","usePaginationPageClassNames","PaginationPageEllipsis","className","disabled","restProps","paginationClassNames","isCurrent"],"mappings":"AAAA;;AAIA,SAASA,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,IAAI,QAAQ,gCAA6B;AAClD,SAASC,2BAA2B,QAAQ,gCAA6B;AASzE,OAAO,MAAMC,yBAAyB,CAAC,EACrCC,SAAS,EACTC,QAAQ,EACR,GAAGC,WACyB;IAC5B,MAAMC,uBAAuBL,4BAA4B;QAAEM,WAAW;QAAOH;IAAS;IAEtF,qBACE,KAACJ;QACCG,WAAWJ,WAAWO,0DAA2CH;QAChE,GAAGE,SAAS;kBACd;;AAIL,EAAE"}
+{"version":3,"sources":["../../../../src/components/Pagination/PaginationPage/PaginationPageEllipsis.tsx"],"sourcesContent":["'use client';\n/* eslint-disable jsdoc/require-jsdoc */\n\nimport type * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { HasRootRef } from '../../../types';\nimport { Text } from '../../Typography/Text/Text';\nimport { usePaginationPageClassNames } from './usePaginationPageClasses';\nimport styles from './PaginationPage.module.css';\n\nexport interface PaginationPageEllipsisProps\n  extends React.HTMLAttributes<HTMLSpanElement>,\n    HasRootRef<HTMLSpanElement> {\n  disabled?: boolean | undefined;\n}\n\nexport const PaginationPageEllipsis = ({\n  className,\n  disabled,\n  ...restProps\n}: PaginationPageEllipsisProps): React.ReactNode => {\n  const paginationClassNames = usePaginationPageClassNames({ isCurrent: false, disabled });\n\n  return (\n    <Text\n      className={classNames(paginationClassNames, styles.typeEllipsis, className)}\n      {...restProps}\n    >\n      &#8230;\n    </Text>\n  );\n};\n"],"names":["classNames","Text","usePaginationPageClassNames","PaginationPageEllipsis","className","disabled","restProps","paginationClassNames","isCurrent"],"mappings":"AAAA;;AAIA,SAASA,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,IAAI,QAAQ,gCAA6B;AAClD,SAASC,2BAA2B,QAAQ,gCAA6B;AASzE,OAAO,MAAMC,yBAAyB,CAAC,EACrCC,SAAS,EACTC,QAAQ,EACR,GAAGC,WACyB;IAC5B,MAAMC,uBAAuBL,4BAA4B;QAAEM,WAAW;QAAOH;IAAS;IAEtF,qBACE,KAACJ;QACCG,WAAWJ,WAAWO,0DAA2CH;QAChE,GAAGE,SAAS;kBACd;;AAIL,EAAE"}

package/dist/components/Pagination/PaginationPage/usePaginationPageClasses.d.ts

@@ -1,10 +1,10 @@
 import type { DensityTypeValues } from '../../../lib/adaptivity';
 export interface UsePaginationPageClassNamesProps {
-    isCurrent?: boolean;
-    disabled?: boolean;
+    isCurrent?: boolean | undefined;
+    disabled?: boolean | undefined;
 }
 export declare const getPaginationPageClassNames: (opts: UsePaginationPageClassNamesProps & {
-    density?: DensityTypeValues;
+    density?: DensityTypeValues | undefined;
 }) => string;
 export declare function usePaginationPageClassNames({ isCurrent, disabled, }: UsePaginationPageClassNamesProps): string;
 //# sourceMappingURL=usePaginationPageClasses.d.ts.map

package/dist/components/Pagination/PaginationPage/usePaginationPageClasses.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePaginationPageClasses.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationPage/usePaginationPageClasses.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAGjE,MAAM,WAAW,gCAAgC;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,2BAA2B,GACtC,MAAM,gCAAgC,GAAG;IAAE,OAAO,CAAC,EAAE,iBAAiB,CAAA;CAAE,KACvE,MAQF,CAAC;AAEF,wBAAgB,2BAA2B,CAAC,EAC1C,SAAS,EACT,QAAQ,GACT,EAAE,gCAAgC,GAAG,MAAM,CAO3C"}
+{"version":3,"file":"usePaginationPageClasses.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationPage/usePaginationPageClasses.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAGjE,MAAM,WAAW,gCAAgC;IAC/C,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAED,eAAO,MAAM,2BAA2B,GACtC,MAAM,gCAAgC,GAAG;IAAE,OAAO,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAA;CAAE,KACnF,MAQF,CAAC;AAEF,wBAAgB,2BAA2B,CAAC,EAC1C,SAAS,EACT,QAAQ,GACT,EAAE,gCAAgC,GAAG,MAAM,CAO3C"}

package/dist/components/Pagination/PaginationPage/usePaginationPageClasses.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Pagination/PaginationPage/usePaginationPageClasses.ts"],"sourcesContent":["/* eslint-disable jsdoc/require-jsdoc */\n\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport type { DensityTypeValues } from '../../../lib/adaptivity';\nimport styles from './PaginationPage.module.css';\n\nexport interface UsePaginationPageClassNamesProps {\n  isCurrent?: boolean;\n  disabled?: boolean;\n}\n\nexport const getPaginationPageClassNames = (\n  opts: UsePaginationPageClassNamesProps & { density?: DensityTypeValues },\n): string => {\n  return classNames(\n    styles.host,\n    opts.density == null && styles.densityNone,\n    opts.density === 'compact' && styles.densityCompact,\n    opts.isCurrent && styles.current,\n    opts.disabled && styles.disabled,\n  );\n};\n\nexport function usePaginationPageClassNames({\n  isCurrent,\n  disabled,\n}: UsePaginationPageClassNamesProps): string {\n  const { density } = useAdaptivity();\n  return getPaginationPageClassNames({\n    isCurrent,\n    disabled,\n    density,\n  });\n}\n"],"names":["classNames","useAdaptivity","getPaginationPageClassNames","opts","density","isCurrent","disabled","usePaginationPageClassNames"],"mappings":"AAAA,sCAAsC,GAEtC,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,kCAA+B;AAS7D,OAAO,MAAMC,8BAA8B,CACzCC;IAEA,OAAOH,uCAELG,KAAKC,OAAO,IAAI,2CAChBD,KAAKC,OAAO,KAAK,mDACjBD,KAAKE,SAAS,mCACdF,KAAKG,QAAQ;AAEjB,EAAE;AAEF,OAAO,SAASC,4BAA4B,EAC1CF,SAAS,EACTC,QAAQ,EACyB;IACjC,MAAM,EAAEF,OAAO,EAAE,GAAGH;IACpB,OAAOC,4BAA4B;QACjCG;QACAC;QACAF;IACF;AACF"}
+{"version":3,"sources":["../../../../src/components/Pagination/PaginationPage/usePaginationPageClasses.ts"],"sourcesContent":["/* eslint-disable jsdoc/require-jsdoc */\n\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport type { DensityTypeValues } from '../../../lib/adaptivity';\nimport styles from './PaginationPage.module.css';\n\nexport interface UsePaginationPageClassNamesProps {\n  isCurrent?: boolean | undefined;\n  disabled?: boolean | undefined;\n}\n\nexport const getPaginationPageClassNames = (\n  opts: UsePaginationPageClassNamesProps & { density?: DensityTypeValues | undefined },\n): string => {\n  return classNames(\n    styles.host,\n    opts.density == null && styles.densityNone,\n    opts.density === 'compact' && styles.densityCompact,\n    opts.isCurrent && styles.current,\n    opts.disabled && styles.disabled,\n  );\n};\n\nexport function usePaginationPageClassNames({\n  isCurrent,\n  disabled,\n}: UsePaginationPageClassNamesProps): string {\n  const { density } = useAdaptivity();\n  return getPaginationPageClassNames({\n    isCurrent,\n    disabled,\n    density,\n  });\n}\n"],"names":["classNames","useAdaptivity","getPaginationPageClassNames","opts","density","isCurrent","disabled","usePaginationPageClassNames"],"mappings":"AAAA,sCAAsC,GAEtC,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,kCAA+B;AAS7D,OAAO,MAAMC,8BAA8B,CACzCC;IAEA,OAAOH,uCAELG,KAAKC,OAAO,IAAI,2CAChBD,KAAKC,OAAO,KAAK,mDACjBD,KAAKE,SAAS,mCACdF,KAAKG,QAAQ;AAEjB,EAAE;AAEF,OAAO,SAASC,4BAA4B,EAC1CF,SAAS,EACTC,QAAQ,EACyB;IACjC,MAAM,EAAEF,OAAO,EAAE,GAAGH;IACpB,OAAOC,4BAA4B;QACjCG;QACAC;QACAF;IACF;AACF"}

package/dist/components/Panel/Panel.d.ts

@@ -5,7 +5,7 @@ export interface PanelProps extends HTMLAttributesWithRootRef<HTMLDivElement>, N
     /**
      * Центрирование содержимого.
      */
-    centered?: boolean;
+    centered?: boolean | undefined;
     /**
      * Тип оформления панели.
      *
@@ -17,11 +17,11 @@ export interface PanelProps extends HTMLAttributesWithRootRef<HTMLDivElement>, N
      * Позволяет компоненту [Group](https://vkui.io/components/group) со свойством mode='card' точечно выглядеть как карточка.
      * Тип `plain` — соответствует фону по умолчанию.
      */
-    mode?: 'plain' | 'card';
+    mode?: 'plain' | 'card' | undefined;
     /**
      * Отключает задний фон.
      */
-    disableBackground?: boolean;
+    disableBackground?: boolean | undefined;
 }
 /**
  * @see https://vkui.io/components/panel

package/dist/components/Panel/Panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/Panel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAgC7D,MAAM,WAAW,UAAW,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAAE,UAAU;IACvF;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,GAAI,8EAOnB,UAAU,KAAG,KAAK,CAAC,SA4BrB,CAAC"}
+{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/Panel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAgC7D,MAAM,WAAW,UAAW,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAAE,UAAU;IACvF;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IACpC;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACzC;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,GAAI,8EAOnB,UAAU,KAAG,KAAK,CAAC,SA4BrB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Panel/Panel.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { type SizeTypeValues, ViewWidth, type ViewWidthType } from '../../lib/adaptivity';\nimport type { NavIdProps } from '../../lib/getNavId';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { AppRootContext } from '../AppRoot/AppRootContext';\nimport { NavPanelIdContext } from '../NavIdContext/NavIdContext';\nimport { OnboardingTooltipContainer } from '../OnboardingTooltip/OnboardingTooltipContainer';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Touch } from '../Touch/Touch';\nimport styles from './Panel.module.css';\n\nfunction getViewWidthClassName(\n  viewWidth: ViewWidthType | 'none',\n  legacySizeX: SizeTypeValues | undefined,\n) {\n  // TODO [>=10]: #9015 Удалить это условие\n  if (legacySizeX !== undefined) {\n    return legacySizeX === 'regular'\n      ? styles.viewWidthSmallTabletPlus\n      : styles.viewWidthSmallTabletMinus;\n  }\n  if (viewWidth === 'none') {\n    return classNames(styles.viewWidthNone, 'vkuiInternalGroup--viewWidth-none');\n  }\n  return viewWidth >= ViewWidth.SMALL_TABLET\n    ? styles.viewWidthSmallTabletPlus\n    : styles.viewWidthSmallTabletMinus;\n}\n\nconst stylesMode = {\n  none: styles.modeNone,\n  plain: styles.modePlain,\n  card: styles.modeCard,\n};\n\nexport interface PanelProps extends HTMLAttributesWithRootRef<HTMLDivElement>, NavIdProps {\n  /**\n   * Центрирование содержимого.\n   */\n  centered?: boolean;\n  /**\n   * Тип оформления панели.\n   *\n   * Позволяет переопределить тип оформления панели,\n   * заданный через адаптивность или свойство layout у [AppRoot](https://vkui.io/components/app-root),\n   * глобально задающим тип оформления макета.\n   *\n   * Если установлен `card` - Panel имеет фон отличный от фона контента.\n   * Позволяет компоненту [Group](https://vkui.io/components/group) со свойством mode='card' точечно выглядеть как карточка.\n   * Тип `plain` — соответствует фону по умолчанию.\n   */\n  mode?: 'plain' | 'card';\n  /**\n   * Отключает задний фон.\n   */\n  disableBackground?: boolean;\n}\n\n/**\n * @see https://vkui.io/components/panel\n */\nexport const Panel = ({\n  centered = false,\n  children,\n  nav,\n  mode: modeProp,\n  disableBackground,\n  ...restProps\n}: PanelProps): React.ReactNode => {\n  const { sizeX: legacySizeX, viewWidth = 'none' } = useAdaptivity();\n\n  const mode = usePanelMode(modeProp, viewWidth, legacySizeX);\n\n  return (\n    <NavPanelIdContext.Provider value={restProps.id || nav}>\n      <RootComponent\n        {...restProps}\n        baseClassName={classNames(\n          styles.host,\n          getViewWidthClassName(viewWidth, legacySizeX),\n          centered && 'vkuiInternalPanel--centered',\n          disableBackground && styles.disableBackground,\n          stylesMode[mode],\n        )}\n      >\n        <Touch\n          Component={OnboardingTooltipContainer}\n          className={classNames(styles.in, 'vkuiInternalPanel__in')}\n        >\n          <div className={styles.inBefore} />\n          {centered ? <div className={styles.centered}>{children}</div> : children}\n          <div className={styles.inAfter} />\n        </Touch>\n      </RootComponent>\n    </NavPanelIdContext.Provider>\n  );\n};\n\nfunction usePanelMode(\n  modeProp: PanelProps['mode'],\n  viewWidth: ViewWidthType | 'none',\n  legacySizeX: SizeTypeValues | undefined,\n): 'plain' | 'card' | 'none' {\n  const { layout } = React.useContext(AppRootContext);\n\n  if (modeProp) {\n    return modeProp;\n  }\n\n  if (layout) {\n    return layout;\n  }\n\n  // TODO [>=10]: #9015 Удалить это условие\n  if (legacySizeX !== undefined) {\n    return legacySizeX === 'regular' ? 'card' : 'plain';\n  }\n\n  if (viewWidth !== 'none') {\n    return viewWidth >= ViewWidth.SMALL_TABLET ? 'card' : 'plain';\n  }\n\n  return 'none';\n}\n"],"names":["React","classNames","useAdaptivity","ViewWidth","AppRootContext","NavPanelIdContext","OnboardingTooltipContainer","RootComponent","Touch","getViewWidthClassName","viewWidth","legacySizeX","undefined","SMALL_TABLET","stylesMode","none","plain","card","Panel","centered","children","nav","mode","modeProp","disableBackground","restProps","sizeX","usePanelMode","Provider","value","id","baseClassName","Component","className","div","layout","useContext"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAA8BC,SAAS,QAA4B,gCAAuB;AAG1F,SAASC,cAAc,QAAQ,+BAA4B;AAC3D,SAASC,iBAAiB,QAAQ,kCAA+B;AACjE,SAASC,0BAA0B,QAAQ,qDAAkD;AAC7F,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,KAAK,QAAQ,oBAAiB;AAGvC,SAASC,sBACPC,SAAiC,EACjCC,WAAuC;IAEvC,yCAAyC;IACzC,IAAIA,gBAAgBC,WAAW;QAC7B,OAAOD,gBAAgB;IAGzB;IACA,IAAID,cAAc,QAAQ;QACxB,OAAOT,uCAAiC;IAC1C;IACA,OAAOS,aAAaP,UAAUU,YAAY;AAG5C;AAEA,MAAMC,aAAa;IACjBC,IAAI;IACJC,KAAK;IACLC,IAAI;AACN;AAyBA;;CAEC,GACD,OAAO,MAAMC,QAAQ,CAAC,EACpBC,WAAW,KAAK,EAChBC,QAAQ,EACRC,GAAG,EACHC,MAAMC,QAAQ,EACdC,iBAAiB,EACjB,GAAGC,WACQ;IACX,MAAM,EAAEC,OAAOf,WAAW,EAAED,YAAY,MAAM,EAAE,GAAGR;IAEnD,MAAMoB,OAAOK,aAAaJ,UAAUb,WAAWC;IAE/C,qBACE,KAACN,kBAAkBuB,QAAQ;QAACC,OAAOJ,UAAUK,EAAE,IAAIT;kBACjD,cAAA,KAACd;YACE,GAAGkB,SAAS;YACbM,eAAe9B,8BAEbQ,sBAAsBC,WAAWC,cACjCQ,YAAY,+BACZK,qDACAV,UAAU,CAACQ,KAAK;sBAGlB,cAAA,MAACd;gBACCwB,WAAW1B;gBACX2B,WAAWhC,4BAAsB;;kCAEjC,KAACiC;wBAAID,SAAS;;oBACbd,yBAAW,KAACe;wBAAID,SAAS;kCAAoBb;yBAAkBA;kCAChE,KAACc;wBAAID,SAAS;;;;;;AAKxB,EAAE;AAEF,SAASN,aACPJ,QAA4B,EAC5Bb,SAAiC,EACjCC,WAAuC;IAEvC,MAAM,EAAEwB,MAAM,EAAE,GAAGnC,MAAMoC,UAAU,CAAChC;IAEpC,IAAImB,UAAU;QACZ,OAAOA;IACT;IAEA,IAAIY,QAAQ;QACV,OAAOA;IACT;IAEA,yCAAyC;IACzC,IAAIxB,gBAAgBC,WAAW;QAC7B,OAAOD,gBAAgB,YAAY,SAAS;IAC9C;IAEA,IAAID,cAAc,QAAQ;QACxB,OAAOA,aAAaP,UAAUU,YAAY,GAAG,SAAS;IACxD;IAEA,OAAO;AACT"}
+{"version":3,"sources":["../../../src/components/Panel/Panel.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { type SizeTypeValues, ViewWidth, type ViewWidthType } from '../../lib/adaptivity';\nimport type { NavIdProps } from '../../lib/getNavId';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { AppRootContext } from '../AppRoot/AppRootContext';\nimport { NavPanelIdContext } from '../NavIdContext/NavIdContext';\nimport { OnboardingTooltipContainer } from '../OnboardingTooltip/OnboardingTooltipContainer';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Touch } from '../Touch/Touch';\nimport styles from './Panel.module.css';\n\nfunction getViewWidthClassName(\n  viewWidth: ViewWidthType | 'none',\n  legacySizeX: SizeTypeValues | undefined,\n) {\n  // TODO [>=10]: #9015 Удалить это условие\n  if (legacySizeX !== undefined) {\n    return legacySizeX === 'regular'\n      ? styles.viewWidthSmallTabletPlus\n      : styles.viewWidthSmallTabletMinus;\n  }\n  if (viewWidth === 'none') {\n    return classNames(styles.viewWidthNone, 'vkuiInternalGroup--viewWidth-none');\n  }\n  return viewWidth >= ViewWidth.SMALL_TABLET\n    ? styles.viewWidthSmallTabletPlus\n    : styles.viewWidthSmallTabletMinus;\n}\n\nconst stylesMode = {\n  none: styles.modeNone,\n  plain: styles.modePlain,\n  card: styles.modeCard,\n};\n\nexport interface PanelProps extends HTMLAttributesWithRootRef<HTMLDivElement>, NavIdProps {\n  /**\n   * Центрирование содержимого.\n   */\n  centered?: boolean | undefined;\n  /**\n   * Тип оформления панели.\n   *\n   * Позволяет переопределить тип оформления панели,\n   * заданный через адаптивность или свойство layout у [AppRoot](https://vkui.io/components/app-root),\n   * глобально задающим тип оформления макета.\n   *\n   * Если установлен `card` - Panel имеет фон отличный от фона контента.\n   * Позволяет компоненту [Group](https://vkui.io/components/group) со свойством mode='card' точечно выглядеть как карточка.\n   * Тип `plain` — соответствует фону по умолчанию.\n   */\n  mode?: 'plain' | 'card' | undefined;\n  /**\n   * Отключает задний фон.\n   */\n  disableBackground?: boolean | undefined;\n}\n\n/**\n * @see https://vkui.io/components/panel\n */\nexport const Panel = ({\n  centered = false,\n  children,\n  nav,\n  mode: modeProp,\n  disableBackground,\n  ...restProps\n}: PanelProps): React.ReactNode => {\n  const { sizeX: legacySizeX, viewWidth = 'none' } = useAdaptivity();\n\n  const mode = usePanelMode(modeProp, viewWidth, legacySizeX);\n\n  return (\n    <NavPanelIdContext.Provider value={restProps.id || nav}>\n      <RootComponent\n        {...restProps}\n        baseClassName={classNames(\n          styles.host,\n          getViewWidthClassName(viewWidth, legacySizeX),\n          centered && 'vkuiInternalPanel--centered',\n          disableBackground && styles.disableBackground,\n          stylesMode[mode],\n        )}\n      >\n        <Touch\n          Component={OnboardingTooltipContainer}\n          className={classNames(styles.in, 'vkuiInternalPanel__in')}\n        >\n          <div className={styles.inBefore} />\n          {centered ? <div className={styles.centered}>{children}</div> : children}\n          <div className={styles.inAfter} />\n        </Touch>\n      </RootComponent>\n    </NavPanelIdContext.Provider>\n  );\n};\n\nfunction usePanelMode(\n  modeProp: PanelProps['mode'],\n  viewWidth: ViewWidthType | 'none',\n  legacySizeX: SizeTypeValues | undefined,\n): 'plain' | 'card' | 'none' {\n  const { layout } = React.useContext(AppRootContext);\n\n  if (modeProp) {\n    return modeProp;\n  }\n\n  if (layout) {\n    return layout;\n  }\n\n  // TODO [>=10]: #9015 Удалить это условие\n  if (legacySizeX !== undefined) {\n    return legacySizeX === 'regular' ? 'card' : 'plain';\n  }\n\n  if (viewWidth !== 'none') {\n    return viewWidth >= ViewWidth.SMALL_TABLET ? 'card' : 'plain';\n  }\n\n  return 'none';\n}\n"],"names":["React","classNames","useAdaptivity","ViewWidth","AppRootContext","NavPanelIdContext","OnboardingTooltipContainer","RootComponent","Touch","getViewWidthClassName","viewWidth","legacySizeX","undefined","SMALL_TABLET","stylesMode","none","plain","card","Panel","centered","children","nav","mode","modeProp","disableBackground","restProps","sizeX","usePanelMode","Provider","value","id","baseClassName","Component","className","div","layout","useContext"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAA8BC,SAAS,QAA4B,gCAAuB;AAG1F,SAASC,cAAc,QAAQ,+BAA4B;AAC3D,SAASC,iBAAiB,QAAQ,kCAA+B;AACjE,SAASC,0BAA0B,QAAQ,qDAAkD;AAC7F,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,KAAK,QAAQ,oBAAiB;AAGvC,SAASC,sBACPC,SAAiC,EACjCC,WAAuC;IAEvC,yCAAyC;IACzC,IAAIA,gBAAgBC,WAAW;QAC7B,OAAOD,gBAAgB;IAGzB;IACA,IAAID,cAAc,QAAQ;QACxB,OAAOT,uCAAiC;IAC1C;IACA,OAAOS,aAAaP,UAAUU,YAAY;AAG5C;AAEA,MAAMC,aAAa;IACjBC,IAAI;IACJC,KAAK;IACLC,IAAI;AACN;AAyBA;;CAEC,GACD,OAAO,MAAMC,QAAQ,CAAC,EACpBC,WAAW,KAAK,EAChBC,QAAQ,EACRC,GAAG,EACHC,MAAMC,QAAQ,EACdC,iBAAiB,EACjB,GAAGC,WACQ;IACX,MAAM,EAAEC,OAAOf,WAAW,EAAED,YAAY,MAAM,EAAE,GAAGR;IAEnD,MAAMoB,OAAOK,aAAaJ,UAAUb,WAAWC;IAE/C,qBACE,KAACN,kBAAkBuB,QAAQ;QAACC,OAAOJ,UAAUK,EAAE,IAAIT;kBACjD,cAAA,KAACd;YACE,GAAGkB,SAAS;YACbM,eAAe9B,8BAEbQ,sBAAsBC,WAAWC,cACjCQ,YAAY,+BACZK,qDACAV,UAAU,CAACQ,KAAK;sBAGlB,cAAA,MAACd;gBACCwB,WAAW1B;gBACX2B,WAAWhC,4BAAsB;;kCAEjC,KAACiC;wBAAID,SAAS;;oBACbd,yBAAW,KAACe;wBAAID,SAAS;kCAAoBb;yBAAkBA;kCAChE,KAACc;wBAAID,SAAS;;;;;;AAKxB,EAAE;AAEF,SAASN,aACPJ,QAA4B,EAC5Bb,SAAiC,EACjCC,WAAuC;IAEvC,MAAM,EAAEwB,MAAM,EAAE,GAAGnC,MAAMoC,UAAU,CAAChC;IAEpC,IAAImB,UAAU;QACZ,OAAOA;IACT;IAEA,IAAIY,QAAQ;QACV,OAAOA;IACT;IAEA,yCAAyC;IACzC,IAAIxB,gBAAgBC,WAAW;QAC7B,OAAOD,gBAAgB,YAAY,SAAS;IAC9C;IAEA,IAAID,cAAc,QAAQ;QACxB,OAAOA,aAAaP,UAAUU,YAAY,GAAG,SAAS;IACxD;IAEA,OAAO;AACT"}

package/dist/components/PanelHeader/PanelHeader.d.ts

@@ -4,13 +4,13 @@ export interface PanelHeaderProps extends HTMLAttributesWithRootRef<HTMLDivEleme
     /**
      * Добавляет элемент слева.
      */
-    before?: React.ReactNode;
+    before?: React.ReactNode | undefined;
     /**
      * Добавляет элемент справа.
      *
      * При передаче нескольких элементов, расставляет отступы между ними.
      */
-    after?: React.ReactNode;
+    after?: React.ReactNode | undefined;
     /**
      * Тип разделителя под шапкой.
      *
@@ -21,27 +21,27 @@ export interface PanelHeaderProps extends HTMLAttributesWithRootRef<HTMLDivEleme
      * - `"spacing"` включает отступ, если это платформа `android`/`ios` при `<AdaptivityProvider viewWidth={ViewWidth.SMALL_TABLET} />`
      * - `"auto"` автоматически подбирает либо `"separator"`, либо `"spacing"` по их условиям.
      */
-    delimiter?: 'auto' | 'none' | 'separator' | 'spacing';
+    delimiter?: 'auto' | 'none' | 'separator' | 'spacing' | undefined;
     /**
      * Прозрачный фон компонента.
      */
-    transparent?: boolean;
+    transparent?: boolean | undefined;
     /**
      * @deprecated Since 7.4.0. Будет удалeно в **VKUI v9**.
      */
-    shadow?: boolean;
+    shadow?: boolean | undefined;
     /**
      * Высота шапки будет игнорироваться контентом панели.
      */
-    float?: boolean;
+    float?: boolean | undefined;
     /**
      * Если `false`, то шапка будет в потоке. По умолчанию `true`, но если платформа vkcom, то по умолчанию `false`.
      */
-    fixed?: boolean;
+    fixed?: boolean | undefined;
     /**
      * По умолчанию как `Component` используется `span`.
      */
-    typographyProps?: HasComponent & React.HTMLAttributes<HTMLElement> & HasDataAttribute;
+    typographyProps?: (HasComponent & React.HTMLAttributes<HTMLElement> & HasDataAttribute) | undefined;
 }
 /**
  * @see https://vkui.io/components/panel-header

package/dist/components/PanelHeader/PanelHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PanelHeader.d.ts","sourceRoot":"","sources":["../../../src/components/PanelHeader/PanelHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAUpC,OAAO,KAAK,EACV,YAAY,EACZ,gBAAgB,EAChB,MAAM,EACN,yBAAyB,EAC1B,MAAM,aAAa,CAAC;AAqCrB,MAAM,WAAW,gBACf,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAC/C,MAAM,CAAC,cAAc,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;;;;;;;OASG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,CAAC;IACtD;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,eAAe,CAAC,EAAE,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,gBAAgB,CAAC;CACvF;AAgDD;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,8HAazB,gBAAgB,KAAG,KAAK,CAAC,SA6D3B,CAAC"}
+{"version":3,"file":"PanelHeader.d.ts","sourceRoot":"","sources":["../../../src/components/PanelHeader/PanelHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAUpC,OAAO,KAAK,EACV,YAAY,EACZ,gBAAgB,EAChB,MAAM,EACN,yBAAyB,EAC1B,MAAM,aAAa,CAAC;AAqCrB,MAAM,WAAW,gBACf,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAC/C,MAAM,CAAC,cAAc,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACrC;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC;;;;;;;;;OASG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,CAAC;IAClE;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B;;OAEG;IACH,eAAe,CAAC,EACZ,CAAC,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,gBAAgB,CAAC,GACrE,SAAS,CAAC;CACf;AAgDD;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,8HAazB,gBAAgB,KAAG,KAAK,CAAC,SA6D3B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PanelHeader/PanelHeader.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useModalContext } from '../../context/ModalContext';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport {\n  getAdaptivityConditionalRenderForSizeXCompact,\n  useAdaptivityConditionalRender,\n} from '../../hooks/useAdaptivityConditionalRender';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { type SizeTypeValues, ViewWidth, type ViewWidthType } from '../../lib/adaptivity';\nimport type {\n  HasComponent,\n  HasDataAttribute,\n  HasRef,\n  HTMLAttributesWithRootRef,\n} from '../../types';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { FixedLayout } from '../FixedLayout/FixedLayout';\nimport { OnboardingTooltipContainer } from '../OnboardingTooltip/OnboardingTooltipContainer';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Separator } from '../Separator/Separator';\nimport { Text } from '../Typography/Text/Text';\nimport styles from './PanelHeader.module.css';\n\nconst platformClassNames = {\n  ios: styles.ios,\n  android: styles.android,\n  vkcom: classNames(styles.vkcom, 'vkuiInternalPanelHeader--vkcom'),\n};\n\nfunction getViewWidthClassName(\n  viewWidth: ViewWidthType | 'none',\n  legacySizeX: SizeTypeValues | undefined,\n) {\n  // TODO [>=10]: #9015 Удалить это условие\n  if (legacySizeX !== undefined && legacySizeX === 'regular') {\n    return styles.viewWidthSmallTabletPlus;\n  }\n  if (viewWidth === 'none') {\n    return styles.viewWidthNone;\n  }\n  if (viewWidth >= ViewWidth.SMALL_TABLET) {\n    return styles.viewWidthSmallTabletPlus;\n  }\n  return;\n}\n\nconst densityClassNames = {\n  none: styles.densityNone,\n  compact: styles.densityCompact,\n};\n\nexport interface PanelHeaderProps\n  extends HTMLAttributesWithRootRef<HTMLDivElement>,\n    HasRef<HTMLDivElement> {\n  /**\n   * Добавляет элемент слева.\n   */\n  before?: React.ReactNode;\n  /**\n   * Добавляет элемент справа.\n   *\n   * При передаче нескольких элементов, расставляет отступы между ними.\n   */\n  after?: React.ReactNode;\n  /**\n   * Тип разделителя под шапкой.\n   *\n   * - `\"none\"` означает, что разделитель не нужен\n   * - `\"separator\"` включает сепаратор при условии, что это:\n   *      - либо платформа `vkcom`\n   *      - либо платформа `android`/`ios` при `<AdaptivityProvider viewWidth={ViewWidth.MOBILE} />`\n   * - `\"spacing\"` включает отступ, если это платформа `android`/`ios` при `<AdaptivityProvider viewWidth={ViewWidth.SMALL_TABLET} />`\n   * - `\"auto\"` автоматически подбирает либо `\"separator\"`, либо `\"spacing\"` по их условиям.\n   */\n  delimiter?: 'auto' | 'none' | 'separator' | 'spacing';\n  /**\n   * Прозрачный фон компонента.\n   */\n  transparent?: boolean;\n  /**\n   * @deprecated Since 7.4.0. Будет удалeно в **VKUI v9**.\n   */\n  shadow?: boolean; // TODO [>=9]: удалить неиспользуемое свойство свойство\n  /**\n   * Высота шапки будет игнорироваться контентом панели.\n   */\n  float?: boolean;\n  /**\n   * Если `false`, то шапка будет в потоке. По умолчанию `true`, но если платформа vkcom, то по умолчанию `false`.\n   */\n  fixed?: boolean;\n  /**\n   * По умолчанию как `Component` используется `span`.\n   */\n  typographyProps?: HasComponent & React.HTMLAttributes<HTMLElement> & HasDataAttribute;\n}\n\n/* eslint-disable jsdoc/require-jsdoc */\ninterface PanelHeaderInProps {\n  before?: PanelHeaderProps['before'];\n  after?: PanelHeaderProps['after'];\n  children?: PanelHeaderProps['children'];\n  typographyProps?: PanelHeaderProps['typographyProps'];\n}\n/* eslint-enable jsdoc/require-jsdoc */\n\nconst PanelHeaderIn = ({ before, after, children, typographyProps = {} }: PanelHeaderInProps) => {\n  const { Component = 'span', ...restProps } = typographyProps;\n  const { hasCustomPanelHeaderAfter, customPanelHeaderAfterMinWidth } = useConfigProvider();\n  const isInsideModal = useModalContext().id !== null;\n  const platform = usePlatform();\n\n  const afterSlotProps =\n    !hasCustomPanelHeaderAfter || isInsideModal\n      ? {\n          children: after,\n        }\n      : {\n          style: { minWidth: customPanelHeaderAfterMinWidth },\n        };\n  const typographyNode: React.ReactNode =\n    platform === 'vkcom' ? (\n      <Text weight=\"2\" Component={Component} {...restProps}>\n        {children}\n      </Text>\n    ) : (\n      <Component className={styles.contentIn} {...restProps}>\n        {children}\n      </Component>\n    );\n\n  return (\n    <OnboardingTooltipContainer fixed className={styles.in}>\n      <div className={classNames(styles.before, 'vkuiInternalPanelHeader__before')}>{before}</div>\n      <div className={styles.content}>{typographyNode}</div>\n      <div\n        className={classNames(styles.after, 'vkuiInternalPanelHeader__after')}\n        {...afterSlotProps}\n      />\n    </OnboardingTooltipContainer>\n  );\n};\n\n/**\n * @see https://vkui.io/components/panel-header\n */\nexport const PanelHeader = ({\n  before,\n  children,\n  after,\n  float = false,\n  transparent = false,\n  delimiter = 'auto',\n  shadow,\n  getRef,\n  getRootRef,\n  fixed,\n  typographyProps,\n  ...restProps\n}: PanelHeaderProps): React.ReactNode => {\n  const platform = usePlatform();\n  const { sizeX: legacySizeX, viewWidth = 'none', density = 'none' } = useAdaptivity();\n  const { sizeX: adaptiveSizeX, viewWidth: adaptiveViewWidth } = useAdaptivityConditionalRender();\n  const adaptivityConditionalRender = getAdaptivityConditionalRenderForSizeXCompact(\n    adaptiveViewWidth,\n    adaptiveSizeX,\n    legacySizeX,\n  );\n  const isVKCOM = platform === 'vkcom';\n  const isFixed = fixed !== undefined ? fixed : !isVKCOM;\n  const separatorVisible = delimiter === 'auto' || delimiter === 'separator';\n  const staticSeparatorVisible = !float && separatorVisible;\n  const staticSpacingVisible =\n    !isVKCOM && !float && (delimiter === 'auto' || delimiter === 'spacing');\n\n  return (\n    <RootComponent\n      {...restProps}\n      baseClassName={classNames(\n        styles.host,\n        'vkuiInternalPanelHeader',\n        platformClassNames.hasOwnProperty(platform)\n          ? platformClassNames[platform]\n          : platformClassNames.android,\n        transparent && styles.trnsp,\n        shadow && styles.shadow,\n        !float && classNames(styles.static, 'vkuiInternalPanelHeader--static'),\n        staticSeparatorVisible && classNames(styles.sep, 'vkuiInternalPanelHeader--sep'),\n        staticSpacingVisible && styles.hasSpacingDelimiter,\n        !before && classNames(styles.noBefore, 'vkuiInternalPanelHeader--no-before'),\n        !after && styles.noAfter,\n        isFixed && styles.hasFixed,\n        getViewWidthClassName(viewWidth, legacySizeX),\n        density !== 'regular' && densityClassNames[density],\n      )}\n      getRootRef={isFixed ? getRootRef : getRef}\n    >\n      {isFixed ? (\n        <FixedLayout\n          className={classNames(styles.fixed, 'vkuiInternalPanelHeader__fixed')}\n          vertical=\"top\"\n          getRootRef={getRef}\n        >\n          <PanelHeaderIn before={before} after={after} typographyProps={typographyProps}>\n            {children}\n          </PanelHeaderIn>\n        </FixedLayout>\n      ) : (\n        <PanelHeaderIn before={before} after={after} typographyProps={typographyProps}>\n          {children}\n        </PanelHeaderIn>\n      )}\n      {isVKCOM\n        ? separatorVisible && <Separator className={styles.separator} />\n        : staticSeparatorVisible &&\n          adaptivityConditionalRender && (\n            <Separator className={adaptivityConditionalRender.className} padding />\n          )}\n    </RootComponent>\n  );\n};\n"],"names":["classNames","useModalContext","useAdaptivity","getAdaptivityConditionalRenderForSizeXCompact","useAdaptivityConditionalRender","usePlatform","ViewWidth","useConfigProvider","FixedLayout","OnboardingTooltipContainer","RootComponent","Separator","Text","platformClassNames","ios","android","vkcom","getViewWidthClassName","viewWidth","legacySizeX","undefined","SMALL_TABLET","densityClassNames","none","compact","PanelHeaderIn","before","after","children","typographyProps","Component","restProps","hasCustomPanelHeaderAfter","customPanelHeaderAfterMinWidth","isInsideModal","id","platform","afterSlotProps","style","minWidth","typographyNode","weight","className","fixed","div","PanelHeader","float","transparent","delimiter","shadow","getRef","getRootRef","sizeX","density","adaptiveSizeX","adaptiveViewWidth","adaptivityConditionalRender","isVKCOM","isFixed","separatorVisible","staticSeparatorVisible","staticSpacingVisible","baseClassName","hasOwnProperty","vertical","padding"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/PanelHeader/PanelHeader.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useModalContext } from '../../context/ModalContext';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport {\n  getAdaptivityConditionalRenderForSizeXCompact,\n  useAdaptivityConditionalRender,\n} from '../../hooks/useAdaptivityConditionalRender';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { type SizeTypeValues, ViewWidth, type ViewWidthType } from '../../lib/adaptivity';\nimport type {\n  HasComponent,\n  HasDataAttribute,\n  HasRef,\n  HTMLAttributesWithRootRef,\n} from '../../types';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { FixedLayout } from '../FixedLayout/FixedLayout';\nimport { OnboardingTooltipContainer } from '../OnboardingTooltip/OnboardingTooltipContainer';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Separator } from '../Separator/Separator';\nimport { Text } from '../Typography/Text/Text';\nimport styles from './PanelHeader.module.css';\n\nconst platformClassNames = {\n  ios: styles.ios,\n  android: styles.android,\n  vkcom: classNames(styles.vkcom, 'vkuiInternalPanelHeader--vkcom'),\n};\n\nfunction getViewWidthClassName(\n  viewWidth: ViewWidthType | 'none',\n  legacySizeX: SizeTypeValues | undefined,\n) {\n  // TODO [>=10]: #9015 Удалить это условие\n  if (legacySizeX !== undefined && legacySizeX === 'regular') {\n    return styles.viewWidthSmallTabletPlus;\n  }\n  if (viewWidth === 'none') {\n    return styles.viewWidthNone;\n  }\n  if (viewWidth >= ViewWidth.SMALL_TABLET) {\n    return styles.viewWidthSmallTabletPlus;\n  }\n  return;\n}\n\nconst densityClassNames = {\n  none: styles.densityNone,\n  compact: styles.densityCompact,\n};\n\nexport interface PanelHeaderProps\n  extends HTMLAttributesWithRootRef<HTMLDivElement>,\n    HasRef<HTMLDivElement> {\n  /**\n   * Добавляет элемент слева.\n   */\n  before?: React.ReactNode | undefined;\n  /**\n   * Добавляет элемент справа.\n   *\n   * При передаче нескольких элементов, расставляет отступы между ними.\n   */\n  after?: React.ReactNode | undefined;\n  /**\n   * Тип разделителя под шапкой.\n   *\n   * - `\"none\"` означает, что разделитель не нужен\n   * - `\"separator\"` включает сепаратор при условии, что это:\n   *      - либо платформа `vkcom`\n   *      - либо платформа `android`/`ios` при `<AdaptivityProvider viewWidth={ViewWidth.MOBILE} />`\n   * - `\"spacing\"` включает отступ, если это платформа `android`/`ios` при `<AdaptivityProvider viewWidth={ViewWidth.SMALL_TABLET} />`\n   * - `\"auto\"` автоматически подбирает либо `\"separator\"`, либо `\"spacing\"` по их условиям.\n   */\n  delimiter?: 'auto' | 'none' | 'separator' | 'spacing' | undefined;\n  /**\n   * Прозрачный фон компонента.\n   */\n  transparent?: boolean | undefined;\n  /**\n   * @deprecated Since 7.4.0. Будет удалeно в **VKUI v9**.\n   */\n  shadow?: boolean | undefined; // TODO [>=9]: удалить неиспользуемое свойство свойство\n  /**\n   * Высота шапки будет игнорироваться контентом панели.\n   */\n  float?: boolean | undefined;\n  /**\n   * Если `false`, то шапка будет в потоке. По умолчанию `true`, но если платформа vkcom, то по умолчанию `false`.\n   */\n  fixed?: boolean | undefined;\n  /**\n   * По умолчанию как `Component` используется `span`.\n   */\n  typographyProps?:\n    | (HasComponent & React.HTMLAttributes<HTMLElement> & HasDataAttribute)\n    | undefined;\n}\n\n/* eslint-disable jsdoc/require-jsdoc */\ninterface PanelHeaderInProps {\n  before?: PanelHeaderProps['before'] | undefined;\n  after?: PanelHeaderProps['after'] | undefined;\n  children?: PanelHeaderProps['children'] | undefined;\n  typographyProps?: PanelHeaderProps['typographyProps'] | undefined;\n}\n/* eslint-enable jsdoc/require-jsdoc */\n\nconst PanelHeaderIn = ({ before, after, children, typographyProps = {} }: PanelHeaderInProps) => {\n  const { Component = 'span', ...restProps } = typographyProps;\n  const { hasCustomPanelHeaderAfter, customPanelHeaderAfterMinWidth } = useConfigProvider();\n  const isInsideModal = useModalContext().id !== null;\n  const platform = usePlatform();\n\n  const afterSlotProps =\n    !hasCustomPanelHeaderAfter || isInsideModal\n      ? {\n          children: after,\n        }\n      : {\n          style: { minWidth: customPanelHeaderAfterMinWidth },\n        };\n  const typographyNode: React.ReactNode =\n    platform === 'vkcom' ? (\n      <Text weight=\"2\" Component={Component} {...restProps}>\n        {children}\n      </Text>\n    ) : (\n      <Component className={styles.contentIn} {...restProps}>\n        {children}\n      </Component>\n    );\n\n  return (\n    <OnboardingTooltipContainer fixed className={styles.in}>\n      <div className={classNames(styles.before, 'vkuiInternalPanelHeader__before')}>{before}</div>\n      <div className={styles.content}>{typographyNode}</div>\n      <div\n        className={classNames(styles.after, 'vkuiInternalPanelHeader__after')}\n        {...afterSlotProps}\n      />\n    </OnboardingTooltipContainer>\n  );\n};\n\n/**\n * @see https://vkui.io/components/panel-header\n */\nexport const PanelHeader = ({\n  before,\n  children,\n  after,\n  float = false,\n  transparent = false,\n  delimiter = 'auto',\n  shadow,\n  getRef,\n  getRootRef,\n  fixed,\n  typographyProps,\n  ...restProps\n}: PanelHeaderProps): React.ReactNode => {\n  const platform = usePlatform();\n  const { sizeX: legacySizeX, viewWidth = 'none', density = 'none' } = useAdaptivity();\n  const { sizeX: adaptiveSizeX, viewWidth: adaptiveViewWidth } = useAdaptivityConditionalRender();\n  const adaptivityConditionalRender = getAdaptivityConditionalRenderForSizeXCompact(\n    adaptiveViewWidth,\n    adaptiveSizeX,\n    legacySizeX,\n  );\n  const isVKCOM = platform === 'vkcom';\n  const isFixed = fixed !== undefined ? fixed : !isVKCOM;\n  const separatorVisible = delimiter === 'auto' || delimiter === 'separator';\n  const staticSeparatorVisible = !float && separatorVisible;\n  const staticSpacingVisible =\n    !isVKCOM && !float && (delimiter === 'auto' || delimiter === 'spacing');\n\n  return (\n    <RootComponent\n      {...restProps}\n      baseClassName={classNames(\n        styles.host,\n        'vkuiInternalPanelHeader',\n        platformClassNames.hasOwnProperty(platform)\n          ? platformClassNames[platform]\n          : platformClassNames.android,\n        transparent && styles.trnsp,\n        shadow && styles.shadow,\n        !float && classNames(styles.static, 'vkuiInternalPanelHeader--static'),\n        staticSeparatorVisible && classNames(styles.sep, 'vkuiInternalPanelHeader--sep'),\n        staticSpacingVisible && styles.hasSpacingDelimiter,\n        !before && classNames(styles.noBefore, 'vkuiInternalPanelHeader--no-before'),\n        !after && styles.noAfter,\n        isFixed && styles.hasFixed,\n        getViewWidthClassName(viewWidth, legacySizeX),\n        density !== 'regular' && densityClassNames[density],\n      )}\n      getRootRef={isFixed ? getRootRef : getRef}\n    >\n      {isFixed ? (\n        <FixedLayout\n          className={classNames(styles.fixed, 'vkuiInternalPanelHeader__fixed')}\n          vertical=\"top\"\n          getRootRef={getRef}\n        >\n          <PanelHeaderIn before={before} after={after} typographyProps={typographyProps}>\n            {children}\n          </PanelHeaderIn>\n        </FixedLayout>\n      ) : (\n        <PanelHeaderIn before={before} after={after} typographyProps={typographyProps}>\n          {children}\n        </PanelHeaderIn>\n      )}\n      {isVKCOM\n        ? separatorVisible && <Separator className={styles.separator} />\n        : staticSeparatorVisible &&\n          adaptivityConditionalRender && (\n            <Separator className={adaptivityConditionalRender.className} padding />\n          )}\n    </RootComponent>\n  );\n};\n"],"names":["classNames","useModalContext","useAdaptivity","getAdaptivityConditionalRenderForSizeXCompact","useAdaptivityConditionalRender","usePlatform","ViewWidth","useConfigProvider","FixedLayout","OnboardingTooltipContainer","RootComponent","Separator","Text","platformClassNames","ios","android","vkcom","getViewWidthClassName","viewWidth","legacySizeX","undefined","SMALL_TABLET","densityClassNames","none","compact","PanelHeaderIn","before","after","children","typographyProps","Component","restProps","hasCustomPanelHeaderAfter","customPanelHeaderAfterMinWidth","isInsideModal","id","platform","afterSlotProps","style","minWidth","typographyNode","weight","className","fixed","div","PanelHeader","float","transparent","delimiter","shadow","getRef","getRootRef","sizeX","density","adaptiveSizeX","adaptiveViewWidth","adaptivityConditionalRender","isVKCOM","isFixed","separatorVisible","staticSeparatorVisible","staticSpacingVisible","baseClassName","hasOwnProperty","vertical","padding"],"mappings":"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"}

package/dist/components/PanelHeaderBack/PanelHeaderBack.d.ts

@@ -4,11 +4,11 @@ export type PanelHeaderBackProps = Omit<PanelHeaderButtonProps, 'children'> & {
     /**
      * Скрыть надпись на платформе `vkcom`.
      */
-    hideLabelOnVKCom?: boolean;
+    hideLabelOnVKCom?: boolean | undefined;
     /**
      * Скрыть надпись на платформе `ios`.
      */
-    hideLabelOnIOS?: boolean;
+    hideLabelOnIOS?: boolean | undefined;
 };
 /**
  * @see https://vkui.io/components/panel-header#panel-header-back

package/dist/components/PanelHeaderBack/PanelHeaderBack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PanelHeaderBack.d.ts","sourceRoot":"","sources":["../../../src/components/PanelHeaderBack/PanelHeaderBack.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAepC,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,wCAAwC,CAAC;AAqBhD,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,sBAAsB,EAAE,UAAU,CAAC,GAAG;IAC5E;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAuBF;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,sEAM7B,oBAAoB,KAAG,KAAK,CAAC,SAyB/B,CAAC"}
+{"version":3,"file":"PanelHeaderBack.d.ts","sourceRoot":"","sources":["../../../src/components/PanelHeaderBack/PanelHeaderBack.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAepC,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,wCAAwC,CAAC;AAqBhD,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,sBAAsB,EAAE,UAAU,CAAC,GAAG;IAC5E;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACvC;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACtC,CAAC;AAuBF;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,sEAM7B,oBAAoB,KAAG,KAAK,CAAC,SAyB/B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PanelHeaderBack/PanelHeaderBack.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport {\n  Icon20ChevronLeftOutline,\n  Icon24ArrowLeftOutline,\n  Icon28ArrowLeftOutline,\n  Icon28ChevronBack,\n  Icon28ChevronLeftOutline,\n} from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useConfigDirection } from '../../hooks/useConfigDirection';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { type SizeTypeValues, ViewWidth, type ViewWidthType } from '../../lib/adaptivity';\nimport type { PlatformType } from '../../lib/platform';\nimport { AdaptiveIconRenderer } from '../AdaptiveIconRenderer/AdaptiveIconRenderer';\nimport {\n  PanelHeaderButton,\n  type PanelHeaderButtonProps,\n} from '../PanelHeaderButton/PanelHeaderButton';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from '../PanelHeaderButton/PanelHeaderButton.module.css';\n\nfunction getViewWidthClassName(\n  viewWidth: ViewWidthType | 'none',\n  legacySizeX: SizeTypeValues | undefined,\n) {\n  // TODO [>=10]: #9015 Удалить это условие\n  if (legacySizeX !== undefined && legacySizeX === 'compact') {\n    return styles.backViewWidthNone;\n  }\n  if (viewWidth === 'none') {\n    return styles.backViewWidthSmallTabletMinus;\n  }\n  if (viewWidth < ViewWidth.SMALL_TABLET) {\n    return styles.backViewWidthNone;\n  }\n  return;\n}\n\nexport type PanelHeaderBackProps = Omit<PanelHeaderButtonProps, 'children'> & {\n  /**\n   * Скрыть надпись на платформе `vkcom`.\n   */\n  hideLabelOnVKCom?: boolean;\n  /**\n   * Скрыть надпись на платформе `ios`.\n   */\n  hideLabelOnIOS?: boolean;\n};\n\nconst getBackIcon = (platform: PlatformType) => {\n  switch (platform) {\n    case 'ios':\n      return <Icon28ChevronBack />;\n    case 'vkcom':\n      return (\n        <AdaptiveIconRenderer\n          IconCompact={Icon20ChevronLeftOutline}\n          IconRegular={Icon28ChevronLeftOutline}\n        />\n      );\n    default:\n      return (\n        <AdaptiveIconRenderer\n          IconCompact={Icon24ArrowLeftOutline}\n          IconRegular={Icon28ArrowLeftOutline}\n        />\n      );\n  }\n};\n\n/**\n * @see https://vkui.io/components/panel-header#panel-header-back\n */\nexport const PanelHeaderBack = ({\n  label = 'Назад',\n  className,\n  hideLabelOnVKCom = false,\n  hideLabelOnIOS = false,\n  ...restProps\n}: PanelHeaderBackProps): React.ReactNode => {\n  const platform = usePlatform();\n  const direction = useConfigDirection();\n  const { sizeX: legacySizeX, viewWidth = 'none' } = useAdaptivity();\n  // также label нужно скрывать при platform === 'ios' && viewWidth < ViewWidth.SMALL_TABLET\n  // https://github.com/VKCOM/VKUI/blob/master/src/components/PanelHeaderButton/PanelHeaderButton.css#L104\n  const showLabel =\n    (platform === 'vkcom' && !hideLabelOnVKCom) || (platform === 'ios' && !hideLabelOnIOS);\n\n  return (\n    <PanelHeaderButton\n      {...restProps}\n      className={classNames(\n        getViewWidthClassName(viewWidth, legacySizeX),\n        platform === 'ios' && styles.backIos,\n        platform === 'vkcom' && styles.backVkcom,\n        showLabel && !!label && styles.backHasLabel,\n        direction === 'rtl' && styles.rtl,\n        className,\n      )}\n      label={showLabel ? label : label && <VisuallyHidden>{label}</VisuallyHidden>}\n    >\n      {getBackIcon(platform)}\n    </PanelHeaderButton>\n  );\n};\n"],"names":["Icon20ChevronLeftOutline","Icon24ArrowLeftOutline","Icon28ArrowLeftOutline","Icon28ChevronBack","Icon28ChevronLeftOutline","classNames","useAdaptivity","useConfigDirection","usePlatform","ViewWidth","AdaptiveIconRenderer","PanelHeaderButton","VisuallyHidden","getViewWidthClassName","viewWidth","legacySizeX","undefined","SMALL_TABLET","getBackIcon","platform","IconCompact","IconRegular","PanelHeaderBack","label","className","hideLabelOnVKCom","hideLabelOnIOS","restProps","direction","sizeX","showLabel"],"mappings":"AAAA;;AAGA,SACEA,wBAAwB,EACxBC,sBAAsB,EACtBC,sBAAsB,EACtBC,iBAAiB,EACjBC,wBAAwB,QACnB,mBAAmB;AAC1B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,kBAAkB,QAAQ,oCAAiC;AACpE,SAASC,WAAW,QAAQ,6BAA0B;AACtD,SAA8BC,SAAS,QAA4B,gCAAuB;AAE1F,SAASC,oBAAoB,QAAQ,kDAA+C;AACpF,SACEC,iBAAiB,QAEZ,4CAAyC;AAChD,SAASC,cAAc,QAAQ,sCAAmC;AAGlE,SAASC,sBACPC,SAAiC,EACjCC,WAAuC;IAEvC,yCAAyC;IACzC,IAAIA,gBAAgBC,aAAaD,gBAAgB,WAAW;QAC1D;IACF;IACA,IAAID,cAAc,QAAQ;QACxB;IACF;IACA,IAAIA,YAAYL,UAAUQ,YAAY,EAAE;QACtC;IACF;IACA;AACF;AAaA,MAAMC,cAAc,CAACC;IACnB,OAAQA;QACN,KAAK;YACH,qBAAO,KAAChB;QACV,KAAK;YACH,qBACE,KAACO;gBACCU,aAAapB;gBACbqB,aAAajB;;QAGnB;YACE,qBACE,KAACM;gBACCU,aAAanB;gBACboB,aAAanB;;IAGrB;AACF;AAEA;;CAEC,GACD,OAAO,MAAMoB,kBAAkB,CAAC,EAC9BC,QAAQ,OAAO,EACfC,SAAS,EACTC,mBAAmB,KAAK,EACxBC,iBAAiB,KAAK,EACtB,GAAGC,WACkB;IACrB,MAAMR,WAAWX;IACjB,MAAMoB,YAAYrB;IAClB,MAAM,EAAEsB,OAAOd,WAAW,EAAED,YAAY,MAAM,EAAE,GAAGR;IACnD,0FAA0F;IAC1F,wGAAwG;IACxG,MAAMwB,YACJ,AAACX,aAAa,WAAW,CAACM,oBAAsBN,aAAa,SAAS,CAACO;IAEzE,qBACE,KAACf;QACE,GAAGgB,SAAS;QACbH,WAAWnB,WACTQ,sBAAsBC,WAAWC,cACjCI,aAAa,2CACbA,aAAa,+CACbW,aAAa,CAAC,CAACP,gDACfK,cAAc,uCACdJ;QAEFD,OAAOO,YAAYP,QAAQA,uBAAS,KAACX;sBAAgBW;;kBAEpDL,YAAYC;;AAGnB,EAAE"}
+{"version":3,"sources":["../../../src/components/PanelHeaderBack/PanelHeaderBack.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport {\n  Icon20ChevronLeftOutline,\n  Icon24ArrowLeftOutline,\n  Icon28ArrowLeftOutline,\n  Icon28ChevronBack,\n  Icon28ChevronLeftOutline,\n} from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useConfigDirection } from '../../hooks/useConfigDirection';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { type SizeTypeValues, ViewWidth, type ViewWidthType } from '../../lib/adaptivity';\nimport type { PlatformType } from '../../lib/platform';\nimport { AdaptiveIconRenderer } from '../AdaptiveIconRenderer/AdaptiveIconRenderer';\nimport {\n  PanelHeaderButton,\n  type PanelHeaderButtonProps,\n} from '../PanelHeaderButton/PanelHeaderButton';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from '../PanelHeaderButton/PanelHeaderButton.module.css';\n\nfunction getViewWidthClassName(\n  viewWidth: ViewWidthType | 'none',\n  legacySizeX: SizeTypeValues | undefined,\n) {\n  // TODO [>=10]: #9015 Удалить это условие\n  if (legacySizeX !== undefined && legacySizeX === 'compact') {\n    return styles.backViewWidthNone;\n  }\n  if (viewWidth === 'none') {\n    return styles.backViewWidthSmallTabletMinus;\n  }\n  if (viewWidth < ViewWidth.SMALL_TABLET) {\n    return styles.backViewWidthNone;\n  }\n  return;\n}\n\nexport type PanelHeaderBackProps = Omit<PanelHeaderButtonProps, 'children'> & {\n  /**\n   * Скрыть надпись на платформе `vkcom`.\n   */\n  hideLabelOnVKCom?: boolean | undefined;\n  /**\n   * Скрыть надпись на платформе `ios`.\n   */\n  hideLabelOnIOS?: boolean | undefined;\n};\n\nconst getBackIcon = (platform: PlatformType) => {\n  switch (platform) {\n    case 'ios':\n      return <Icon28ChevronBack />;\n    case 'vkcom':\n      return (\n        <AdaptiveIconRenderer\n          IconCompact={Icon20ChevronLeftOutline}\n          IconRegular={Icon28ChevronLeftOutline}\n        />\n      );\n    default:\n      return (\n        <AdaptiveIconRenderer\n          IconCompact={Icon24ArrowLeftOutline}\n          IconRegular={Icon28ArrowLeftOutline}\n        />\n      );\n  }\n};\n\n/**\n * @see https://vkui.io/components/panel-header#panel-header-back\n */\nexport const PanelHeaderBack = ({\n  label = 'Назад',\n  className,\n  hideLabelOnVKCom = false,\n  hideLabelOnIOS = false,\n  ...restProps\n}: PanelHeaderBackProps): React.ReactNode => {\n  const platform = usePlatform();\n  const direction = useConfigDirection();\n  const { sizeX: legacySizeX, viewWidth = 'none' } = useAdaptivity();\n  // также label нужно скрывать при platform === 'ios' && viewWidth < ViewWidth.SMALL_TABLET\n  // https://github.com/VKCOM/VKUI/blob/master/src/components/PanelHeaderButton/PanelHeaderButton.css#L104\n  const showLabel =\n    (platform === 'vkcom' && !hideLabelOnVKCom) || (platform === 'ios' && !hideLabelOnIOS);\n\n  return (\n    <PanelHeaderButton\n      {...restProps}\n      className={classNames(\n        getViewWidthClassName(viewWidth, legacySizeX),\n        platform === 'ios' && styles.backIos,\n        platform === 'vkcom' && styles.backVkcom,\n        showLabel && !!label && styles.backHasLabel,\n        direction === 'rtl' && styles.rtl,\n        className,\n      )}\n      label={showLabel ? label : label && <VisuallyHidden>{label}</VisuallyHidden>}\n    >\n      {getBackIcon(platform)}\n    </PanelHeaderButton>\n  );\n};\n"],"names":["Icon20ChevronLeftOutline","Icon24ArrowLeftOutline","Icon28ArrowLeftOutline","Icon28ChevronBack","Icon28ChevronLeftOutline","classNames","useAdaptivity","useConfigDirection","usePlatform","ViewWidth","AdaptiveIconRenderer","PanelHeaderButton","VisuallyHidden","getViewWidthClassName","viewWidth","legacySizeX","undefined","SMALL_TABLET","getBackIcon","platform","IconCompact","IconRegular","PanelHeaderBack","label","className","hideLabelOnVKCom","hideLabelOnIOS","restProps","direction","sizeX","showLabel"],"mappings":"AAAA;;AAGA,SACEA,wBAAwB,EACxBC,sBAAsB,EACtBC,sBAAsB,EACtBC,iBAAiB,EACjBC,wBAAwB,QACnB,mBAAmB;AAC1B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,kBAAkB,QAAQ,oCAAiC;AACpE,SAASC,WAAW,QAAQ,6BAA0B;AACtD,SAA8BC,SAAS,QAA4B,gCAAuB;AAE1F,SAASC,oBAAoB,QAAQ,kDAA+C;AACpF,SACEC,iBAAiB,QAEZ,4CAAyC;AAChD,SAASC,cAAc,QAAQ,sCAAmC;AAGlE,SAASC,sBACPC,SAAiC,EACjCC,WAAuC;IAEvC,yCAAyC;IACzC,IAAIA,gBAAgBC,aAAaD,gBAAgB,WAAW;QAC1D;IACF;IACA,IAAID,cAAc,QAAQ;QACxB;IACF;IACA,IAAIA,YAAYL,UAAUQ,YAAY,EAAE;QACtC;IACF;IACA;AACF;AAaA,MAAMC,cAAc,CAACC;IACnB,OAAQA;QACN,KAAK;YACH,qBAAO,KAAChB;QACV,KAAK;YACH,qBACE,KAACO;gBACCU,aAAapB;gBACbqB,aAAajB;;QAGnB;YACE,qBACE,KAACM;gBACCU,aAAanB;gBACboB,aAAanB;;IAGrB;AACF;AAEA;;CAEC,GACD,OAAO,MAAMoB,kBAAkB,CAAC,EAC9BC,QAAQ,OAAO,EACfC,SAAS,EACTC,mBAAmB,KAAK,EACxBC,iBAAiB,KAAK,EACtB,GAAGC,WACkB;IACrB,MAAMR,WAAWX;IACjB,MAAMoB,YAAYrB;IAClB,MAAM,EAAEsB,OAAOd,WAAW,EAAED,YAAY,MAAM,EAAE,GAAGR;IACnD,0FAA0F;IAC1F,wGAAwG;IACxG,MAAMwB,YACJ,AAACX,aAAa,WAAW,CAACM,oBAAsBN,aAAa,SAAS,CAACO;IAEzE,qBACE,KAACf;QACE,GAAGgB,SAAS;QACbH,WAAWnB,WACTQ,sBAAsBC,WAAWC,cACjCI,aAAa,2CACbA,aAAa,+CACbW,aAAa,CAAC,CAACP,gDACfK,cAAc,uCACdJ;QAEFD,OAAOO,YAAYP,QAAQA,uBAAS,KAACX;sBAAgBW;;kBAEpDL,YAAYC;;AAGnB,EAAE"}

package/dist/components/PanelHeaderButton/PanelHeaderButton.d.ts

@@ -5,11 +5,11 @@ export interface PanelHeaderButtonProps extends Omit<TappableOmitProps, 'label'>
      * Флаг для обозначения первичной кнопки
      * Влияет на стилизацию кнопки.
      */
-    primary?: boolean;
+    primary?: boolean | undefined;
     /**
      * Текст или содержимое кнопки.
      */
-    label?: React.ReactNode;
+    label?: React.ReactNode | undefined;
 }
 /**
  * @see https://vkui.io/components/panel-header#panel-header-button

package/dist/components/PanelHeaderButton/PanelHeaderButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PanelHeaderButton.d.ts","sourceRoot":"","sources":["../../../src/components/PanelHeaderButton/PanelHeaderButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAKpC,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAuBxE,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,OAAO,CAAC;IAC9E;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AA0BD;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAAI,sFAQ/B,sBAAsB,KAAG,KAAK,CAAC,SA8CjC,CAAC"}
+{"version":3,"file":"PanelHeaderButton.d.ts","sourceRoot":"","sources":["../../../src/components/PanelHeaderButton/PanelHeaderButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAKpC,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAuBxE,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,OAAO,CAAC;IAC9E;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;CACrC;AA0BD;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAAI,sFAQ/B,sBAAsB,KAAG,KAAK,CAAC,SA8CjC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PanelHeaderButton/PanelHeaderButton.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { classNames, isPrimitiveReactNode } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { hasAccessibleName } from '../../lib/accessibility';\nimport { COMMON_WARNINGS, warnOnce } from '../../lib/warnOnce';\nimport { Tappable, type TappableOmitProps } 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.ios,\n  android: styles.android,\n  vkcom: styles.vkcom,\n};\n\nconst defaultHoverMode = {\n  ios: 'background',\n  android: 'background',\n  vkcom: styles.hover,\n};\n\nconst defaultActiveMode = {\n  ios: 'opacity',\n  android: 'background',\n  vkcom: styles.active,\n};\n\nexport interface PanelHeaderButtonProps extends Omit<TappableOmitProps, 'label'> {\n  /**\n   * Флаг для обозначения первичной кнопки\n   * Влияет на стилизацию кнопки.\n   */\n  primary?: boolean;\n  /**\n   * Текст или содержимое кнопки.\n   */\n  label?: React.ReactNode; // TODO [>=9]: добавить св-во indicator, чтобы разграничить кейсы.\n}\n\ninterface ButtonTypographyProps extends React.AllHTMLAttributes<HTMLElement> {\n  /**\n   * Флаг для обозначения первичной кнопки\n   * Наследуется от PanelHeaderButtonProps['primary'].\n   */\n  primary?: PanelHeaderButtonProps['primary'];\n}\n\nconst ButtonTypography = ({ primary, children }: ButtonTypographyProps) => {\n  const platform = usePlatform();\n\n  if (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 === 'vkcom' ? undefined : '2'}>{children}</Text>;\n};\n\nconst warn = warnOnce('PanelHeaderButton');\n\n/**\n * @see https://vkui.io/components/panel-header#panel-header-button\n */\nexport const PanelHeaderButton = ({\n  children,\n  primary = false,\n  label,\n  activeEffectDelay = 200,\n  hoverMode,\n  activeMode,\n  ...restProps\n}: PanelHeaderButtonProps): React.ReactNode => {\n  const isPrimitive = isPrimitiveReactNode(children);\n  const isPrimitiveLabel = isPrimitiveReactNode(label);\n  const platform = usePlatform();\n\n  if (process.env.NODE_ENV === 'development') {\n    /* istanbul ignore next: проверка в dev mode, тест на hasAccessibleName() есть в lib/accessibility.test.tsx */\n    const isAccessible = hasAccessibleName({\n      children: [children, label],\n      ...restProps,\n    });\n\n    if (!isAccessible) {\n      warn(COMMON_WARNINGS.a11y[restProps.href ? 'link-name' : 'button-name'], 'error');\n    }\n  }\n  const elements = [label, children].filter((item) => !!item);\n\n  const onlyPrimitive = elements.length === 1 && isPrimitiveReactNode(elements[0]);\n\n  return (\n    <Tappable\n      Component={restProps.href ? 'a' : 'button'}\n      activeEffectDelay={activeEffectDelay}\n      hoverMode={hoverMode ? hoverMode : defaultHoverMode[platform]}\n      activeMode={activeMode ? activeMode : defaultActiveMode[platform]}\n      {...restProps}\n      baseClassName={classNames(\n        styles.host,\n        platformClassNames.hasOwnProperty(platform)\n          ? platformClassNames[platform]\n          : platformClassNames.android,\n        onlyPrimitive && styles.primitive,\n        !isPrimitive && !isPrimitiveLabel && styles.notPrimitive,\n      )}\n    >\n      {isPrimitive ? <ButtonTypography primary={primary}>{children}</ButtonTypography> : children}\n      {isPrimitiveLabel ? (\n        <ButtonTypography primary={primary} className={styles.label}>\n          {label}\n        </ButtonTypography>\n      ) : (\n        label\n      )}\n    </Tappable>\n  );\n};\n"],"names":["classNames","isPrimitiveReactNode","usePlatform","hasAccessibleName","COMMON_WARNINGS","warnOnce","Tappable","Text","Title","platformClassNames","ios","android","vkcom","defaultHoverMode","defaultActiveMode","ButtonTypography","primary","children","platform","Component","level","weight","undefined","warn","PanelHeaderButton","label","activeEffectDelay","hoverMode","activeMode","restProps","isPrimitive","isPrimitiveLabel","process","env","NODE_ENV","isAccessible","a11y","href","elements","filter","item","onlyPrimitive","length","baseClassName","hasOwnProperty","className"],"mappings":"AAAA;;AAGA,SAASA,UAAU,EAAEC,oBAAoB,QAAQ,kBAAkB;AACnE,SAASC,WAAW,QAAQ,6BAA0B;AACtD,SAASC,iBAAiB,QAAQ,6BAA0B;AAC5D,SAASC,eAAe,EAAEC,QAAQ,QAAQ,wBAAqB;AAC/D,SAASC,QAAQ,QAAgC,0BAAuB;AACxE,SAASC,IAAI,QAAQ,6BAA0B;AAC/C,SAASC,KAAK,QAAQ,+BAA4B;AAGlD,MAAMC,qBAAqB;IACzBC,GAAG;IACHC,OAAO;IACPC,KAAK;AACP;AAEA,MAAMC,mBAAmB;IACvBH,KAAK;IACLC,SAAS;IACTC,KAAK;AACP;AAEA,MAAME,oBAAoB;IACxBJ,KAAK;IACLC,SAAS;IACTC,KAAK;AACP;AAsBA,MAAMG,mBAAmB,CAAC,EAAEC,OAAO,EAAEC,QAAQ,EAAyB;IACpE,MAAMC,WAAWhB;IAEjB,IAAIgB,aAAa,OAAO;QACtB,qBACE,KAACV;YAAMW,WAAU;YAAOC,OAAM;YAAIC,QAAQL,UAAU,MAAM;sBACvDC;;IAGP;IAEA,qBAAO,KAACV;QAAKc,QAAQH,aAAa,UAAUI,YAAY;kBAAML;;AAChE;AAEA,MAAMM,OAAOlB,SAAS;AAEtB;;CAEC,GACD,OAAO,MAAMmB,oBAAoB,CAAC,EAChCP,QAAQ,EACRD,UAAU,KAAK,EACfS,KAAK,EACLC,oBAAoB,GAAG,EACvBC,SAAS,EACTC,UAAU,EACV,GAAGC,WACoB;IACvB,MAAMC,cAAc7B,qBAAqBgB;IACzC,MAAMc,mBAAmB9B,qBAAqBwB;IAC9C,MAAMP,WAAWhB;IAEjB,IAAI8B,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QAC1C,4GAA4G,GAC5G,MAAMC,eAAehC,kBAAkB;YACrCc,UAAU;gBAACA;gBAAUQ;aAAM;YAC3B,GAAGI,SAAS;QACd;QAEA,IAAI,CAACM,cAAc;YACjBZ,KAAKnB,gBAAgBgC,IAAI,CAACP,UAAUQ,IAAI,GAAG,cAAc,cAAc,EAAE;QAC3E;IACF;IACA,MAAMC,WAAW;QAACb;QAAOR;KAAS,CAACsB,MAAM,CAAC,CAACC,OAAS,CAAC,CAACA;IAEtD,MAAMC,gBAAgBH,SAASI,MAAM,KAAK,KAAKzC,qBAAqBqC,QAAQ,CAAC,EAAE;IAE/E,qBACE,MAAChC;QACCa,WAAWU,UAAUQ,IAAI,GAAG,MAAM;QAClCX,mBAAmBA;QACnBC,WAAWA,YAAYA,YAAYd,gBAAgB,CAACK,SAAS;QAC7DU,YAAYA,aAAaA,aAAad,iBAAiB,CAACI,SAAS;QAChE,GAAGW,SAAS;QACbc,eAAe3C,0CAEbS,mBAAmBmC,cAAc,CAAC1B,YAC9BT,kBAAkB,CAACS,SAAS,GAC5BT,mBAAmBE,OAAO,EAC9B8B,qDACA,CAACX,eAAe,CAACC;;YAGlBD,4BAAc,KAACf;gBAAiBC,SAASA;0BAAUC;iBAA+BA;YAClFc,iCACC,KAAChB;gBAAiBC,SAASA;gBAAS6B,SAAS;0BAC1CpB;iBAGHA;;;AAIR,EAAE"}
+{"version":3,"sources":["../../../src/components/PanelHeaderButton/PanelHeaderButton.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { classNames, isPrimitiveReactNode } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { hasAccessibleName } from '../../lib/accessibility';\nimport { COMMON_WARNINGS, warnOnce } from '../../lib/warnOnce';\nimport { Tappable, type TappableOmitProps } 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.ios,\n  android: styles.android,\n  vkcom: styles.vkcom,\n};\n\nconst defaultHoverMode = {\n  ios: 'background',\n  android: 'background',\n  vkcom: styles.hover,\n};\n\nconst defaultActiveMode = {\n  ios: 'opacity',\n  android: 'background',\n  vkcom: styles.active,\n};\n\nexport interface PanelHeaderButtonProps extends Omit<TappableOmitProps, 'label'> {\n  /**\n   * Флаг для обозначения первичной кнопки\n   * Влияет на стилизацию кнопки.\n   */\n  primary?: boolean | undefined;\n  /**\n   * Текст или содержимое кнопки.\n   */\n  label?: React.ReactNode | undefined; // TODO [>=9]: добавить св-во indicator, чтобы разграничить кейсы.\n}\n\ninterface ButtonTypographyProps extends React.AllHTMLAttributes<HTMLElement> {\n  /**\n   * Флаг для обозначения первичной кнопки\n   * Наследуется от PanelHeaderButtonProps['primary'].\n   */\n  primary?: PanelHeaderButtonProps['primary'] | undefined;\n}\n\nconst ButtonTypography = ({ primary, children }: ButtonTypographyProps) => {\n  const platform = usePlatform();\n\n  if (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 === 'vkcom' ? undefined : '2'}>{children}</Text>;\n};\n\nconst warn = warnOnce('PanelHeaderButton');\n\n/**\n * @see https://vkui.io/components/panel-header#panel-header-button\n */\nexport const PanelHeaderButton = ({\n  children,\n  primary = false,\n  label,\n  activeEffectDelay = 200,\n  hoverMode,\n  activeMode,\n  ...restProps\n}: PanelHeaderButtonProps): React.ReactNode => {\n  const isPrimitive = isPrimitiveReactNode(children);\n  const isPrimitiveLabel = isPrimitiveReactNode(label);\n  const platform = usePlatform();\n\n  if (process.env.NODE_ENV === 'development') {\n    /* istanbul ignore next: проверка в dev mode, тест на hasAccessibleName() есть в lib/accessibility.test.tsx */\n    const isAccessible = hasAccessibleName({\n      children: [children, label],\n      ...restProps,\n    });\n\n    if (!isAccessible) {\n      warn(COMMON_WARNINGS.a11y[restProps.href ? 'link-name' : 'button-name'], 'error');\n    }\n  }\n  const elements = [label, children].filter((item) => !!item);\n\n  const onlyPrimitive = elements.length === 1 && isPrimitiveReactNode(elements[0]);\n\n  return (\n    <Tappable\n      Component={restProps.href ? 'a' : 'button'}\n      activeEffectDelay={activeEffectDelay}\n      hoverMode={hoverMode ? hoverMode : defaultHoverMode[platform]}\n      activeMode={activeMode ? activeMode : defaultActiveMode[platform]}\n      {...restProps}\n      baseClassName={classNames(\n        styles.host,\n        platformClassNames.hasOwnProperty(platform)\n          ? platformClassNames[platform]\n          : platformClassNames.android,\n        onlyPrimitive && styles.primitive,\n        !isPrimitive && !isPrimitiveLabel && styles.notPrimitive,\n      )}\n    >\n      {isPrimitive ? <ButtonTypography primary={primary}>{children}</ButtonTypography> : children}\n      {isPrimitiveLabel ? (\n        <ButtonTypography primary={primary} className={styles.label}>\n          {label}\n        </ButtonTypography>\n      ) : (\n        label\n      )}\n    </Tappable>\n  );\n};\n"],"names":["classNames","isPrimitiveReactNode","usePlatform","hasAccessibleName","COMMON_WARNINGS","warnOnce","Tappable","Text","Title","platformClassNames","ios","android","vkcom","defaultHoverMode","defaultActiveMode","ButtonTypography","primary","children","platform","Component","level","weight","undefined","warn","PanelHeaderButton","label","activeEffectDelay","hoverMode","activeMode","restProps","isPrimitive","isPrimitiveLabel","process","env","NODE_ENV","isAccessible","a11y","href","elements","filter","item","onlyPrimitive","length","baseClassName","hasOwnProperty","className"],"mappings":"AAAA;;AAGA,SAASA,UAAU,EAAEC,oBAAoB,QAAQ,kBAAkB;AACnE,SAASC,WAAW,QAAQ,6BAA0B;AACtD,SAASC,iBAAiB,QAAQ,6BAA0B;AAC5D,SAASC,eAAe,EAAEC,QAAQ,QAAQ,wBAAqB;AAC/D,SAASC,QAAQ,QAAgC,0BAAuB;AACxE,SAASC,IAAI,QAAQ,6BAA0B;AAC/C,SAASC,KAAK,QAAQ,+BAA4B;AAGlD,MAAMC,qBAAqB;IACzBC,GAAG;IACHC,OAAO;IACPC,KAAK;AACP;AAEA,MAAMC,mBAAmB;IACvBH,KAAK;IACLC,SAAS;IACTC,KAAK;AACP;AAEA,MAAME,oBAAoB;IACxBJ,KAAK;IACLC,SAAS;IACTC,KAAK;AACP;AAsBA,MAAMG,mBAAmB,CAAC,EAAEC,OAAO,EAAEC,QAAQ,EAAyB;IACpE,MAAMC,WAAWhB;IAEjB,IAAIgB,aAAa,OAAO;QACtB,qBACE,KAACV;YAAMW,WAAU;YAAOC,OAAM;YAAIC,QAAQL,UAAU,MAAM;sBACvDC;;IAGP;IAEA,qBAAO,KAACV;QAAKc,QAAQH,aAAa,UAAUI,YAAY;kBAAML;;AAChE;AAEA,MAAMM,OAAOlB,SAAS;AAEtB;;CAEC,GACD,OAAO,MAAMmB,oBAAoB,CAAC,EAChCP,QAAQ,EACRD,UAAU,KAAK,EACfS,KAAK,EACLC,oBAAoB,GAAG,EACvBC,SAAS,EACTC,UAAU,EACV,GAAGC,WACoB;IACvB,MAAMC,cAAc7B,qBAAqBgB;IACzC,MAAMc,mBAAmB9B,qBAAqBwB;IAC9C,MAAMP,WAAWhB;IAEjB,IAAI8B,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QAC1C,4GAA4G,GAC5G,MAAMC,eAAehC,kBAAkB;YACrCc,UAAU;gBAACA;gBAAUQ;aAAM;YAC3B,GAAGI,SAAS;QACd;QAEA,IAAI,CAACM,cAAc;YACjBZ,KAAKnB,gBAAgBgC,IAAI,CAACP,UAAUQ,IAAI,GAAG,cAAc,cAAc,EAAE;QAC3E;IACF;IACA,MAAMC,WAAW;QAACb;QAAOR;KAAS,CAACsB,MAAM,CAAC,CAACC,OAAS,CAAC,CAACA;IAEtD,MAAMC,gBAAgBH,SAASI,MAAM,KAAK,KAAKzC,qBAAqBqC,QAAQ,CAAC,EAAE;IAE/E,qBACE,MAAChC;QACCa,WAAWU,UAAUQ,IAAI,GAAG,MAAM;QAClCX,mBAAmBA;QACnBC,WAAWA,YAAYA,YAAYd,gBAAgB,CAACK,SAAS;QAC7DU,YAAYA,aAAaA,aAAad,iBAAiB,CAACI,SAAS;QAChE,GAAGW,SAAS;QACbc,eAAe3C,0CAEbS,mBAAmBmC,cAAc,CAAC1B,YAC9BT,kBAAkB,CAACS,SAAS,GAC5BT,mBAAmBE,OAAO,EAC9B8B,qDACA,CAACX,eAAe,CAACC;;YAGlBD,4BAAc,KAACf;gBAAiBC,SAASA;0BAAUC;iBAA+BA;YAClFc,iCACC,KAAChB;gBAAiBC,SAASA;gBAAS6B,SAAS;0BAC1CpB;iBAGHA;;;AAIR,EAAE"}

package/dist/components/PanelHeaderContent/PanelHeaderContent.d.ts

@@ -4,15 +4,15 @@ export interface PanelHeaderContentProps extends HTMLAttributesWithRootRef<HTMLD
     /**
      * Компонент отображаемый после содержимого.
      */
-    aside?: React.ReactNode;
+    aside?: React.ReactNode | undefined;
     /**
      * Компонент отображаемый до содержимого.
      */
-    before?: React.ReactNode;
+    before?: React.ReactNode | undefined;
     /**
      * Подпись под основным текстом.
      */
-    subtitle?: React.ReactNode;
+    subtitle?: React.ReactNode | undefined;
 }
 /**
  * @see https://vkui.io/components/panel-header#panel-header-content

package/dist/components/PanelHeaderContent/PanelHeaderContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PanelHeaderContent.d.ts","sourceRoot":"","sources":["../../../src/components/PanelHeaderContent/PanelHeaderContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,OAAO,KAAK,EAAe,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAkB1E,MAAM,WAAW,uBAAwB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IACxF;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AA6BD;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,8DAOhC,uBAAuB,KAAG,KAAK,CAAC,SA6ClC,CAAC"}
+{"version":3,"file":"PanelHeaderContent.d.ts","sourceRoot":"","sources":["../../../src/components/PanelHeaderContent/PanelHeaderContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,OAAO,KAAK,EAAe,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAkB1E,MAAM,WAAW,uBAAwB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IACxF;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;CACxC;AA6BD;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,8DAOhC,uBAAuB,KAAG,KAAK,CAAC,SA6ClC,CAAC"}