@vkontakte/vkui 7.2.0 → 7.3.0

package/dist/cssm/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  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  onChange?: (page: number, event: React.MouseEvent<HTMLElement>) => void;\n  /**\n   * Функция для кастомного рендера кнопок страниц.\n   *\n   * > Note: `CustomPaginationPageButtonProps` наследует API [Tappable](https://vkcom.github.io/VKUI/#/Tappable).\n   */\n  renderPageButton?: (props: CustomPaginationPageButtonProps) => React.ReactNode;\n  /**\n   Функция для кастомного рендера кнопок навигации `prev` и `next`.\n   *\n   * > Note: `CustomPaginationNavigationButton` наследует API [Button](https://vkcom.github.io/VKUI/#/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://vkcom.github.io/VKUI/#/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 { sizeY } = 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                sizeY={sizeY}\n                renderPageButton={renderPageButton}\n                data-testid={dataTestId}\n              >\n                {page}\n              </PaginationPageButton>\n            </li>\n          );\n        }\n      }\n    },\n    [currentPage, disabled, getPageLabel, handleClick, renderPageButton, sizeY, 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","styles","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","sizeY","renderPages","isCurrent","dataTestId","li","data-testid","onClick","navigationLabelId","useId","Component","role","aria-labelledby","id","ul","className","list","prevButtonContainer","type","style","caption","Icon","a11yLabel","data-page","map","nextButtonContainer"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,yBAAyB,QAAQ,mBAAmB;AACvF,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,kBAAkB,QAAQ,oCAAiC;AACpE,SAAkCC,aAAa,QAAQ,+BAA4B;AAEnF,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,cAAc,QAAQ,sCAAmC;AAClE,SAEEC,0BAA0B,QAErB,6DAA0D;AACjE,SAEEC,oBAAoB,QACf,2CAAwC;AAC/C,SAASC,sBAAsB,QAAQ,6CAA0C;AACjF,OAAOC,YAAY,0BAA0B;AA6F7C;;CAEC,GACD,OAAO,MAAMC,aAAa,CAAC,EACzBC,cAAc,CAAC,EACfC,eAAe,CAAC,EAChBC,gBAAgB,CAAC,EACjBC,aAAa,CAAC,EACdC,QAAQ,EACRC,oBAAoB,OAAO,EAC3BC,oBAAoB,QAAQ,EAC5BC,yBAAyB,MAAM,EAC/BC,YAAY,EACZC,kBAAkB,UAAU,EAC5BC,2BAA2B,IAAI,EAC/BC,kBAAkB,gCAAgC,EAClDC,kBAAkB,+BAA+B,EACjDC,QAAQ,EACRC,gBAAgB,EAChBC,gBAAgB,EAChBC,gBAAgB,EAChBC,gBAAgB,EAChBC,sBAAsB,EACtB,GAAGC,YACa;IAChB,MAAMC,YAAY7B;IAClB,MAAM8B,QAAQD,cAAc;IAC5B,MAAME,QAAQ9B,cAAc;QAC1BQ;QACAG;QACAF;QACAC;IACF;IACA,MAAMqB,cAAcvB,gBAAgB;IACpC,MAAMwB,aAAaxB,gBAAgBG;IACnC,MAAMsB,WAAWF,cAAcG,YAAY1B,cAAc;IACzD,MAAM2B,WAAWH,aAAaE,YAAY1B,cAAc;IAExD,MAAM4B,kBAAkBzC,MAAM0C,WAAW,CACvC,CAACC;QACC,IAAIjB,YAAYY,aAAaC,WAAW;YACtCb,SAASY,UAAUK;QACrB;IACF,GACA;QAACL;QAAUZ;KAAS;IAGtB,MAAMkB,cAAc5C,MAAM0C,WAAW,CACnC,CAACC;QACC,MAAME,OAAeF,MAAMG,aAAa,CAACC,OAAO,CAACF,IAAI,IAAI;QACzDnB,WAAWsB,OAAOH,OAAOF;IAC3B,GACA;QAACjB;KAAS;IAGZ,MAAMuB,kBAAkBjD,MAAM0C,WAAW,CACvC,CAACC;QACC,IAAIjB,YAAYc,aAAaD,WAAW;YACtCb,SAASc,UAAUG;QACrB;IACF,GACA;QAACH;QAAUd;KAAS;IAGtB,MAAM,EAAEwB,KAAK,EAAE,GAAG/C;IAElB,MAAMgD,cAAcnD,MAAM0C,WAAW,CACnC,CAACG;QACC,MAAMO,YAAYP,SAAShC;QAC3B,MAAMwC,aAAazB,mBAAmBiB,MAAMO;QAE5C,OAAQP;YACN,KAAK;YACL,KAAK;gBACH,qBACE,KAACS;8BACC,cAAA,KAAC5C;wBAAuBO,UAAUA;wBAAUsC,eAAaF;;mBADlDR;YAIb;gBAAS;oBACP,qBACE,KAACS;kCACC,cAAA,KAAC7C;4BACCY,cAAcA;4BACd+B,WAAWA;4BACXI,SAASZ;4BACT3B,UAAUA;4BACViC,OAAOA;4BACPvB,kBAAkBA;4BAClB4B,eAAaF;sCAEZR;;uBAVIA;gBAcb;QACF;IACF,GACA;QAAChC;QAAaI;QAAUI;QAAcuB;QAAajB;QAAkBuB;QAAOtB;KAAiB;IAG/F,MAAM6B,oBAAoBzD,MAAM0D,KAAK;IAErC,qBACE,MAACpD;QACCqD,WAAU;QACVC,MAAK;QACLC,mBAAiBJ;QAChB,GAAGzB,UAAU;;0BAEd,KAACzB;gBAAeuD,IAAIL;gBAAmBE,WAAWpC;0BAC/CD;;0BAEH,MAACyC;gBAAGC,WAAWrD,OAAOsD,IAAI;;kCACxB,KAACX;wBAAGU,WAAWrD,OAAOuD,mBAAmB;kCACvC,cAAA,KAAC1D;4BACC2D,MAAK;4BACLC,OAAOhD;4BACPiD,SAASnD;4BACToD,MAAMpC,QAAQhC,4BAA4BD;4BAC1CsE,WAAW/C;4BACXP,UAAUmB,eAAenB;4BACzBuC,SAASf;4BACT+B,aAAWlC;4BACXiB,eAAa1B;4BACbE,wBAAwBA;;;oBAG3BI,MAAMsC,GAAG,CAACtB;kCACX,KAACG;wBAAGU,WAAWrD,OAAO+D,mBAAmB;kCACvC,cAAA,KAAClE;4BACC2D,MAAK;4BACLC,OAAOhD;4BACPiD,SAASlD;4BACTmD,MAAMpC,QAAQjC,2BAA2BC;4BACzCqE,WAAW9C;4BACXR,UAAUoB,cAAcpB;4BACxBuC,SAASP;4BACTuB,aAAWhC;4BACXe,eAAazB;4BACbC,wBAAwBA;;;;;;;AAMpC,EAAE"}
+{"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://vkcom.github.io/VKUI/#/Tappable).\n   */\n  renderPageButton?: (props: CustomPaginationPageButtonProps) => React.ReactNode;\n  /**\n   Функция для кастомного рендера кнопок навигации `prev` и `next`.\n   *\n   * > Note: `CustomPaginationNavigationButton` наследует API [Button](https://vkcom.github.io/VKUI/#/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://vkcom.github.io/VKUI/#/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 { sizeY } = 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                sizeY={sizeY}\n                renderPageButton={renderPageButton}\n                data-testid={dataTestId}\n              >\n                {page}\n              </PaginationPageButton>\n            </li>\n          );\n        }\n      }\n    },\n    [currentPage, disabled, getPageLabel, handleClick, renderPageButton, sizeY, 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","styles","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","sizeY","renderPages","isCurrent","dataTestId","li","data-testid","onClick","navigationLabelId","useId","Component","role","aria-labelledby","id","ul","className","list","prevButtonContainer","type","style","caption","Icon","a11yLabel","data-page","map","nextButtonContainer"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/* eslint-disable jsdoc/require-jsdoc */ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import { Button } from "../../Button/Button.js";
 import { VisuallyHidden } from "../../VisuallyHidden/VisuallyHidden.js";

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Pagination/PaginationNavigationButton/PaginationNavigationButton.tsx"],"sourcesContent":["import * 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":["React","Button","VisuallyHidden","getButtonPropsFromPaginationNavigationButton","opts","icon","style","a11yLabel","Icon","caption","span","aria-hidden","type","disabled","onClick","PaginationNavigationButton","renderNavigationButton","restProps","buttonProps"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,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 * 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":["React","Button","VisuallyHidden","getButtonPropsFromPaginationNavigationButton","opts","icon","style","a11yLabel","Icon","caption","span","aria-hidden","type","disabled","onClick","PaginationNavigationButton","renderNavigationButton","restProps","buttonProps"],"mappings":"AAAA,sCAAsC;AAEtC,YAAYA,WAAW,QAAQ;AAC/B,SAASC,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"}

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable jsdoc/require-jsdoc */ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { classNames } from "@vkontakte/vkjs";
 import { Tappable } from "../../Tappable/Tappable.js";

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Pagination/PaginationPage/PaginationPageButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { type SizeTypeValues } from '../../../lib/adaptivity';\nimport { Tappable, type TappableProps } 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  sizeY?: SizeTypeValues;\n  children: number;\n}\n\nexport interface PaginationPageButtonProps extends PaginationPageButtonOpts {\n  renderPageButton?: (props: CustomPaginationPageButtonProps) => React.ReactNode;\n}\n\nconst getTappablePropsFromPaginationPage = (\n  opts: PaginationPageButtonOpts,\n): TappableProps & { 'data-page': number } => {\n  const {\n    isCurrent = false,\n    getPageLabel,\n    children,\n    className,\n    disabled,\n    sizeY,\n    ...restProps\n  } = opts;\n\n  const pageClassNames = getPaginationPageClassNames({\n    isCurrent,\n    disabled,\n    sizeY,\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":["React","classNames","Tappable","Text","VisuallyHidden","getPaginationPageClassNames","styles","getTappablePropsFromPaginationPage","opts","isCurrent","getPageLabel","children","className","disabled","sizeY","restProps","pageClassNames","pageLabel","stateActive","stateHover","undefined","normalize","PaginationPageButton","renderPageButton","tappableProps"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,QAAQ,QAA4B,6BAA0B;AACvE,SAASC,IAAI,QAAQ,gCAA6B;AAClD,SAASC,cAAc,QAAQ,yCAAsC;AAErE,SAASC,2BAA2B,QAAQ,gCAA6B;AACzE,OAAOC,YAAY,8BAA8B;AAcjD,MAAMC,qCAAqC,CACzCC;IAEA,MAAM,EACJC,YAAY,KAAK,EACjBC,YAAY,EACZC,QAAQ,EACRC,SAAS,EACTC,QAAQ,EACRC,KAAK,EACL,GAAGC,WACJ,GAAGP;IAEJ,MAAMQ,iBAAiBX,4BAA4B;QACjDI;QACAI;QACAC;IACF;IAEA,MAAMG,YAAYP,eAAeD;IACjC,OAAO;QACL,aAAaR,WAAWe,gBAAgBJ;QACxC,cAAcN,OAAOY,WAAW;QAChC,aAAaZ,OAAOa,UAAU;QAC9B,oBAAoB;QACpB,gBAAgBV,YAAY,OAAOW;QACnC,YAAYP;QACZ,0BACE,MAACV;YAAKkB,WAAW;;gBACdJ,2BAAa,MAACb;;wBAAgBa;wBAAU;;;gBACxCN;;;QAGL,aAAaA;QACb,GAAGI,SAAS;IACd;AACF;AAIA,OAAO,MAAMO,uBAAuB,CAAC,EACnCC,gBAAgB,EAChB,GAAGR,WACuB;IAC1B,MAAMS,gBAAgBjB,mCAAmCQ;IAEzD,IAAI,OAAOQ,qBAAqB,YAAY;QAC1C,OAAOA,iBAAiBC;IAC1B;IAEA,qBAAO,KAACtB;QAAU,GAAGsB,aAAa;;AACpC,EAAE"}
+{"version":3,"sources":["../../../../../src/components/Pagination/PaginationPage/PaginationPageButton.tsx"],"sourcesContent":["/* eslint-disable jsdoc/require-jsdoc */\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { type SizeTypeValues } from '../../../lib/adaptivity';\nimport { Tappable, type TappableProps } 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  sizeY?: SizeTypeValues;\n  children: number;\n}\n\nexport interface PaginationPageButtonProps extends PaginationPageButtonOpts {\n  renderPageButton?: (props: CustomPaginationPageButtonProps) => React.ReactNode;\n}\n\nconst getTappablePropsFromPaginationPage = (\n  opts: PaginationPageButtonOpts,\n): TappableProps & { 'data-page': number } => {\n  const {\n    isCurrent = false,\n    getPageLabel,\n    children,\n    className,\n    disabled,\n    sizeY,\n    ...restProps\n  } = opts;\n\n  const pageClassNames = getPaginationPageClassNames({\n    isCurrent,\n    disabled,\n    sizeY,\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":["React","classNames","Tappable","Text","VisuallyHidden","getPaginationPageClassNames","styles","getTappablePropsFromPaginationPage","opts","isCurrent","getPageLabel","children","className","disabled","sizeY","restProps","pageClassNames","pageLabel","stateActive","stateHover","undefined","normalize","PaginationPageButton","renderPageButton","tappableProps"],"mappings":"AAAA,sCAAsC;AAEtC,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,QAAQ,QAA4B,6BAA0B;AACvE,SAASC,IAAI,QAAQ,gCAA6B;AAClD,SAASC,cAAc,QAAQ,yCAAsC;AAErE,SAASC,2BAA2B,QAAQ,gCAA6B;AACzE,OAAOC,YAAY,8BAA8B;AAcjD,MAAMC,qCAAqC,CACzCC;IAEA,MAAM,EACJC,YAAY,KAAK,EACjBC,YAAY,EACZC,QAAQ,EACRC,SAAS,EACTC,QAAQ,EACRC,KAAK,EACL,GAAGC,WACJ,GAAGP;IAEJ,MAAMQ,iBAAiBX,4BAA4B;QACjDI;QACAI;QACAC;IACF;IAEA,MAAMG,YAAYP,eAAeD;IACjC,OAAO;QACL,aAAaR,WAAWe,gBAAgBJ;QACxC,cAAcN,OAAOY,WAAW;QAChC,aAAaZ,OAAOa,UAAU;QAC9B,oBAAoB;QACpB,gBAAgBV,YAAY,OAAOW;QACnC,YAAYP;QACZ,0BACE,MAACV;YAAKkB,WAAW;;gBACdJ,2BAAa,MAACb;;wBAAgBa;wBAAU;;;gBACxCN;;;QAGL,aAAaA;QACb,GAAGI,SAAS;IACd;AACF;AAIA,OAAO,MAAMO,uBAAuB,CAAC,EACnCC,gBAAgB,EAChB,GAAGR,WACuB;IAC1B,MAAMS,gBAAgBjB,mCAAmCQ;IAEzD,IAAI,OAAOQ,qBAAqB,YAAY;QAC1C,OAAOA,iBAAiBC;IAC1B;IAEA,qBAAO,KAACtB;QAAU,GAAGsB,aAAa;;AACpC,EAAE"}

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

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
+/* eslint-disable jsdoc/require-jsdoc */ import * as React from "react";
 import { classNames } from "@vkontakte/vkjs";
 import { Text } from "../../Typography/Text/Text.js";
 import { usePaginationPageClassNames } from "./usePaginationPageClasses.js";

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Pagination/PaginationPage/PaginationPageEllipsis.tsx"],"sourcesContent":["'use client';\n\nimport * 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":["React","classNames","Text","usePaginationPageClassNames","styles","PaginationPageEllipsis","className","disabled","restProps","paginationClassNames","isCurrent","typeEllipsis"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,IAAI,QAAQ,gCAA6B;AAClD,SAASC,2BAA2B,QAAQ,gCAA6B;AACzE,OAAOC,YAAY,8BAA8B;AAQjD,OAAO,MAAMC,yBAAyB,CAAC,EACrCC,SAAS,EACTC,QAAQ,EACR,GAAGC,WACyB;IAC5B,MAAMC,uBAAuBN,4BAA4B;QAAEO,WAAW;QAAOH;IAAS;IAEtF,qBACE,KAACL;QACCI,WAAWL,WAAWQ,sBAAsBL,OAAOO,YAAY,EAAEL;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 * 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":["React","classNames","Text","usePaginationPageClassNames","styles","PaginationPageEllipsis","className","disabled","restProps","paginationClassNames","isCurrent","typeEllipsis"],"mappings":"AAAA;;AACA,sCAAsC,GAEtC,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,IAAI,QAAQ,gCAA6B;AAClD,SAASC,2BAA2B,QAAQ,gCAA6B;AACzE,OAAOC,YAAY,8BAA8B;AAQjD,OAAO,MAAMC,yBAAyB,CAAC,EACrCC,SAAS,EACTC,QAAQ,EACR,GAAGC,WACyB;IAC5B,MAAMC,uBAAuBN,4BAA4B;QAAEO,WAAW;QAAOH;IAAS;IAEtF,qBACE,KAACL;QACCI,WAAWL,WAAWQ,sBAAsBL,OAAOO,YAAY,EAAEL;QAChE,GAAGE,SAAS;kBACd;;AAIL,EAAE"}

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

@@ -1,4 +1,4 @@
-import { classNames } from "@vkontakte/vkjs";
+/* eslint-disable jsdoc/require-jsdoc */ import { classNames } from "@vkontakte/vkjs";
 import { useAdaptivity } from "../../../hooks/useAdaptivity.js";
 import styles from "./PaginationPage.module.css";
 export const getPaginationPageClassNames = (opts)=>{

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Pagination/PaginationPage/usePaginationPageClasses.ts"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport type { SizeTypeValues } 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 & { sizeY?: SizeTypeValues },\n): string => {\n  return classNames(\n    styles.host,\n    opts.sizeY == null && styles.sizeYNone,\n    opts.sizeY === 'compact' && styles.sizeYCompact,\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 { sizeY } = useAdaptivity();\n  return getPaginationPageClassNames({\n    isCurrent,\n    disabled,\n    sizeY,\n  });\n}\n"],"names":["classNames","useAdaptivity","styles","getPaginationPageClassNames","opts","host","sizeY","sizeYNone","sizeYCompact","isCurrent","current","disabled","usePaginationPageClassNames"],"mappings":"AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,kCAA+B;AAE7D,OAAOC,YAAY,8BAA8B;AAOjD,OAAO,MAAMC,8BAA8B,CACzCC;IAEA,OAAOJ,WACLE,OAAOG,IAAI,EACXD,KAAKE,KAAK,IAAI,QAAQJ,OAAOK,SAAS,EACtCH,KAAKE,KAAK,KAAK,aAAaJ,OAAOM,YAAY,EAC/CJ,KAAKK,SAAS,IAAIP,OAAOQ,OAAO,EAChCN,KAAKO,QAAQ,IAAIT,OAAOS,QAAQ;AAEpC,EAAE;AAEF,OAAO,SAASC,4BAA4B,EAC1CH,SAAS,EACTE,QAAQ,EACyB;IACjC,MAAM,EAAEL,KAAK,EAAE,GAAGL;IAClB,OAAOE,4BAA4B;QACjCM;QACAE;QACAL;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 { SizeTypeValues } 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 & { sizeY?: SizeTypeValues },\n): string => {\n  return classNames(\n    styles.host,\n    opts.sizeY == null && styles.sizeYNone,\n    opts.sizeY === 'compact' && styles.sizeYCompact,\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 { sizeY } = useAdaptivity();\n  return getPaginationPageClassNames({\n    isCurrent,\n    disabled,\n    sizeY,\n  });\n}\n"],"names":["classNames","useAdaptivity","styles","getPaginationPageClassNames","opts","host","sizeY","sizeYNone","sizeYCompact","isCurrent","current","disabled","usePaginationPageClassNames"],"mappings":"AAAA,sCAAsC,GAEtC,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,kCAA+B;AAE7D,OAAOC,YAAY,8BAA8B;AAOjD,OAAO,MAAMC,8BAA8B,CACzCC;IAEA,OAAOJ,WACLE,OAAOG,IAAI,EACXD,KAAKE,KAAK,IAAI,QAAQJ,OAAOK,SAAS,EACtCH,KAAKE,KAAK,KAAK,aAAaJ,OAAOM,YAAY,EAC/CJ,KAAKK,SAAS,IAAIP,OAAOQ,OAAO,EAChCN,KAAKO,QAAQ,IAAIT,OAAOS,QAAQ;AAEpC,EAAE;AAEF,OAAO,SAASC,4BAA4B,EAC1CH,SAAS,EACTE,QAAQ,EACyB;IACjC,MAAM,EAAEL,KAAK,EAAE,GAAGL;IAClB,OAAOE,4BAA4B;QACjCM;QACAE;QACAL;IACF;AACF"}

package/dist/cssm/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 } 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\nconst sizeXClassNames = {\n  none: styles.sizeXNone,\n  compact: styles.sizeXCompact,\n  regular: styles.sizeXRegular,\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  centered?: boolean;\n  /**\n   * Тип оформления панели.\n   *\n   * Позволяет переопределить тип оформления панели,\n   * заданный через адаптивность или свойство layout у [AppRoot](https://vkcom.github.io/VKUI/#/AppRoot),\n   * глобально задающим тип оформления макета.\n   *\n   * Если установлен `card` - Panel имеет фон отличный от фона контента.\n   * Позволяет компоненту [Group](https://vkcom.github.io/VKUI/#/Group) со свойством mode='card' точечно выглядеть как карточка.\n   * Тип `plain` — соответствует фону по умолчанию.\n   */\n  mode?: 'plain' | 'card';\n  /**\n   * Отключает задний фон\n   */\n  disableBackground?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/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 = 'none' } = useAdaptivity();\n\n  const mode = usePanelMode(modeProp, sizeX);\n\n  return (\n    <NavPanelIdContext.Provider value={restProps.id || nav}>\n      <RootComponent\n        {...restProps}\n        baseClassName={classNames(\n          styles.host,\n          sizeXClassNames[sizeX],\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  sizeX: SizeTypeValues | 'none',\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  if (sizeX !== 'none') {\n    return sizeX === 'regular' ? 'card' : 'plain';\n  }\n\n  return 'none';\n}\n"],"names":["React","classNames","useAdaptivity","AppRootContext","NavPanelIdContext","OnboardingTooltipContainer","RootComponent","Touch","styles","sizeXClassNames","none","sizeXNone","compact","sizeXCompact","regular","sizeXRegular","stylesMode","modeNone","plain","modePlain","card","modeCard","Panel","centered","children","nav","mode","modeProp","disableBackground","restProps","sizeX","usePanelMode","Provider","value","id","baseClassName","host","Component","className","in","div","inBefore","inAfter","layout","useContext"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA4B;AAI1D,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;AACvC,OAAOC,YAAY,qBAAqB;AAExC,MAAMC,kBAAkB;IACtBC,MAAMF,OAAOG,SAAS;IACtBC,SAASJ,OAAOK,YAAY;IAC5BC,SAASN,OAAOO,YAAY;AAC9B;AAEA,MAAMC,aAAa;IACjBN,MAAMF,OAAOS,QAAQ;IACrBC,OAAOV,OAAOW,SAAS;IACvBC,MAAMZ,OAAOa,QAAQ;AACvB;AAsBA;;CAEC,GACD,OAAO,MAAMC,QAAQ,CAAC,EACpBC,WAAW,KAAK,EAChBC,QAAQ,EACRC,GAAG,EACHC,MAAMC,QAAQ,EACdC,iBAAiB,EACjB,GAAGC,WACQ;IACX,MAAM,EAAEC,QAAQ,MAAM,EAAE,GAAG5B;IAE3B,MAAMwB,OAAOK,aAAaJ,UAAUG;IAEpC,qBACE,KAAC1B,kBAAkB4B,QAAQ;QAACC,OAAOJ,UAAUK,EAAE,IAAIT;kBACjD,cAAA,KAACnB;YACE,GAAGuB,SAAS;YACbM,eAAelC,WACbO,OAAO4B,IAAI,EACX3B,eAAe,CAACqB,MAAM,EACtBP,YAAY,+BACZK,qBAAqBpB,OAAOoB,iBAAiB,EAC7CZ,UAAU,CAACU,KAAK;sBAGlB,cAAA,MAACnB;gBACC8B,WAAWhC;gBACXiC,WAAWrC,WAAWO,OAAO+B,EAAE,EAAE;;kCAEjC,KAACC;wBAAIF,WAAW9B,OAAOiC,QAAQ;;oBAC9BlB,yBAAW,KAACiB;wBAAIF,WAAW9B,OAAOe,QAAQ;kCAAGC;yBAAkBA;kCAChE,KAACgB;wBAAIF,WAAW9B,OAAOkC,OAAO;;;;;;AAKxC,EAAE;AAEF,SAASX,aACPJ,QAA4B,EAC5BG,KAA8B;IAE9B,MAAM,EAAEa,MAAM,EAAE,GAAG3C,MAAM4C,UAAU,CAACzC;IAEpC,IAAIwB,UAAU;QACZ,OAAOA;IACT;IAEA,IAAIgB,QAAQ;QACV,OAAOA;IACT;IAEA,IAAIb,UAAU,QAAQ;QACpB,OAAOA,UAAU,YAAY,SAAS;IACxC;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 } 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\nconst sizeXClassNames = {\n  none: styles.sizeXNone,\n  compact: styles.sizeXCompact,\n  regular: styles.sizeXRegular,\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://vkcom.github.io/VKUI/#/AppRoot),\n   * глобально задающим тип оформления макета.\n   *\n   * Если установлен `card` - Panel имеет фон отличный от фона контента.\n   * Позволяет компоненту [Group](https://vkcom.github.io/VKUI/#/Group) со свойством mode='card' точечно выглядеть как карточка.\n   * Тип `plain` — соответствует фону по умолчанию.\n   */\n  mode?: 'plain' | 'card';\n  /**\n   * Отключает задний фон.\n   */\n  disableBackground?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/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 = 'none' } = useAdaptivity();\n\n  const mode = usePanelMode(modeProp, sizeX);\n\n  return (\n    <NavPanelIdContext.Provider value={restProps.id || nav}>\n      <RootComponent\n        {...restProps}\n        baseClassName={classNames(\n          styles.host,\n          sizeXClassNames[sizeX],\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  sizeX: SizeTypeValues | 'none',\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  if (sizeX !== 'none') {\n    return sizeX === 'regular' ? 'card' : 'plain';\n  }\n\n  return 'none';\n}\n"],"names":["React","classNames","useAdaptivity","AppRootContext","NavPanelIdContext","OnboardingTooltipContainer","RootComponent","Touch","styles","sizeXClassNames","none","sizeXNone","compact","sizeXCompact","regular","sizeXRegular","stylesMode","modeNone","plain","modePlain","card","modeCard","Panel","centered","children","nav","mode","modeProp","disableBackground","restProps","sizeX","usePanelMode","Provider","value","id","baseClassName","host","Component","className","in","div","inBefore","inAfter","layout","useContext"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA4B;AAI1D,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;AACvC,OAAOC,YAAY,qBAAqB;AAExC,MAAMC,kBAAkB;IACtBC,MAAMF,OAAOG,SAAS;IACtBC,SAASJ,OAAOK,YAAY;IAC5BC,SAASN,OAAOO,YAAY;AAC9B;AAEA,MAAMC,aAAa;IACjBN,MAAMF,OAAOS,QAAQ;IACrBC,OAAOV,OAAOW,SAAS;IACvBC,MAAMZ,OAAOa,QAAQ;AACvB;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,QAAQ,MAAM,EAAE,GAAG5B;IAE3B,MAAMwB,OAAOK,aAAaJ,UAAUG;IAEpC,qBACE,KAAC1B,kBAAkB4B,QAAQ;QAACC,OAAOJ,UAAUK,EAAE,IAAIT;kBACjD,cAAA,KAACnB;YACE,GAAGuB,SAAS;YACbM,eAAelC,WACbO,OAAO4B,IAAI,EACX3B,eAAe,CAACqB,MAAM,EACtBP,YAAY,+BACZK,qBAAqBpB,OAAOoB,iBAAiB,EAC7CZ,UAAU,CAACU,KAAK;sBAGlB,cAAA,MAACnB;gBACC8B,WAAWhC;gBACXiC,WAAWrC,WAAWO,OAAO+B,EAAE,EAAE;;kCAEjC,KAACC;wBAAIF,WAAW9B,OAAOiC,QAAQ;;oBAC9BlB,yBAAW,KAACiB;wBAAIF,WAAW9B,OAAOe,QAAQ;kCAAGC;yBAAkBA;kCAChE,KAACgB;wBAAIF,WAAW9B,OAAOkC,OAAO;;;;;;AAKxC,EAAE;AAEF,SAASX,aACPJ,QAA4B,EAC5BG,KAA8B;IAE9B,MAAM,EAAEa,MAAM,EAAE,GAAG3C,MAAM4C,UAAU,CAACzC;IAEpC,IAAIwB,UAAU;QACZ,OAAOA;IACT;IAEA,IAAIgB,QAAQ;QACV,OAAOA;IACT;IAEA,IAAIb,UAAU,QAAQ;QACpB,OAAOA,UAAU,YAAY,SAAS;IACxC;IAEA,OAAO;AACT"}

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

@@ -27,7 +27,7 @@ const sizeYClassNames = {
     none: styles.sizeYNone,
     compact: styles.sizeYCompact
 };
-const PanelHeaderIn = ({ before, after, children, typographyProps = {} })=>{
+/* eslint-enable jsdoc/require-jsdoc */ const PanelHeaderIn = ({ before, after, children, typographyProps = {} })=>{
     const { Component = 'span', ...restProps } = typographyProps;
     const { hasCustomPanelHeaderAfter, customPanelHeaderAfterMinWidth } = useConfigProvider();
     const isInsideModal = useModalContext().id !== null;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelHeader/PanelHeader.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useModalContext } from '../../context/ModalContext';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useAdaptivityConditionalRender } from '../../hooks/useAdaptivityConditionalRender';\nimport { usePlatform } from '../../hooks/usePlatform';\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 { Spacing } from '../Spacing/Spacing';\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\nconst sizeXClassNames = {\n  none: styles.sizeXNone,\n  regular: styles.sizeXRegular,\n};\n\nconst sizeYClassNames = {\n  none: styles.sizeYNone,\n  compact: styles.sizeYCompact,\n};\n\nexport interface PanelHeaderProps\n  extends HTMLAttributesWithRootRef<HTMLDivElement>,\n    HasRef<HTMLDivElement> {\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 sizeX=\"compact\" />`\n   * - `\"spacing\"` включает отступ, если это платформа `android`/`ios` при `<AdaptivityProvider sizeX=\"regular\" />`\n   * - `\"auto\"` автоматически подбирает либо `\"separator\"`, либо `\"spacing\"` по их условиям\n   */\n  delimiter?: 'auto' | 'none' | 'separator' | 'spacing';\n  transparent?: boolean;\n  shadow?: boolean;\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\ninterface PanelHeaderInProps {\n  before?: PanelHeaderProps['before'];\n  after?: PanelHeaderProps['after'];\n  children?: PanelHeaderProps['children'];\n  typographyProps?: PanelHeaderProps['typographyProps'];\n}\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://vkcom.github.io/VKUI/#/PanelHeader\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 = 'none', sizeY = 'none' } = useAdaptivity();\n  const { sizeX: adaptiveSizeX } = useAdaptivityConditionalRender();\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 = !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        !before && classNames(styles.noBefore, 'vkuiInternalPanelHeader--no-before'),\n        !after && styles.noAfter,\n        isFixed && styles.hasFixed,\n        sizeX !== 'compact' && sizeXClassNames[sizeX],\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\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        <>\n          {staticSeparatorVisible && adaptiveSizeX.compact && (\n            <Separator className={adaptiveSizeX.compact.className} padding />\n          )}\n          {staticSpacingVisible && adaptiveSizeX.regular && (\n            <Spacing className={adaptiveSizeX.regular.className} size={16} />\n          )}\n        </>\n      )}\n      {separatorVisible && isVKCOM && <Separator className={styles.separator} />}\n    </RootComponent>\n  );\n};\n"],"names":["React","classNames","useModalContext","useAdaptivity","useAdaptivityConditionalRender","usePlatform","useConfigProvider","FixedLayout","OnboardingTooltipContainer","RootComponent","Separator","Spacing","Text","styles","platformClassNames","ios","android","vkcom","sizeXClassNames","none","sizeXNone","regular","sizeXRegular","sizeYClassNames","sizeYNone","compact","sizeYCompact","PanelHeaderIn","before","after","children","typographyProps","Component","restProps","hasCustomPanelHeaderAfter","customPanelHeaderAfterMinWidth","isInsideModal","id","platform","afterSlotProps","style","minWidth","typographyNode","weight","className","contentIn","fixed","in","div","content","PanelHeader","float","transparent","delimiter","shadow","getRef","getRootRef","sizeX","sizeY","adaptiveSizeX","isVKCOM","isFixed","undefined","separatorVisible","staticSeparatorVisible","staticSpacingVisible","baseClassName","host","hasOwnProperty","trnsp","static","sep","noBefore","noAfter","hasFixed","vertical","padding","size","separator"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/PanelHeader/PanelHeader.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useModalContext } from '../../context/ModalContext';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useAdaptivityConditionalRender } from '../../hooks/useAdaptivityConditionalRender';\nimport { usePlatform } from '../../hooks/usePlatform';\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 { Spacing } from '../Spacing/Spacing';\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\nconst sizeXClassNames = {\n  none: styles.sizeXNone,\n  regular: styles.sizeXRegular,\n};\n\nconst sizeYClassNames = {\n  none: styles.sizeYNone,\n  compact: styles.sizeYCompact,\n};\n\nexport interface PanelHeaderProps\n  extends HTMLAttributesWithRootRef<HTMLDivElement>,\n    HasRef<HTMLDivElement> {\n  /**\n   * Добавляет элемент слева.\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 sizeX=\"compact\" />`\n   * - `\"spacing\"` включает отступ, если это платформа `android`/`ios` при `<AdaptivityProvider sizeX=\"regular\" />`\n   * - `\"auto\"` автоматически подбирает либо `\"separator\"`, либо `\"spacing\"` по их условиям.\n   */\n  delimiter?: 'auto' | 'none' | 'separator' | 'spacing';\n  /**\n   * Прозрачный фон компонента.\n   */\n  transparent?: boolean;\n  /**\n   * Добавление теней для компонента.\n   */\n  shadow?: boolean;\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://vkcom.github.io/VKUI/#/PanelHeader\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 = 'none', sizeY = 'none' } = useAdaptivity();\n  const { sizeX: adaptiveSizeX } = useAdaptivityConditionalRender();\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 = !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        !before && classNames(styles.noBefore, 'vkuiInternalPanelHeader--no-before'),\n        !after && styles.noAfter,\n        isFixed && styles.hasFixed,\n        sizeX !== 'compact' && sizeXClassNames[sizeX],\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\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        <>\n          {staticSeparatorVisible && adaptiveSizeX.compact && (\n            <Separator className={adaptiveSizeX.compact.className} padding />\n          )}\n          {staticSpacingVisible && adaptiveSizeX.regular && (\n            <Spacing className={adaptiveSizeX.regular.className} size={16} />\n          )}\n        </>\n      )}\n      {separatorVisible && isVKCOM && <Separator className={styles.separator} />}\n    </RootComponent>\n  );\n};\n"],"names":["React","classNames","useModalContext","useAdaptivity","useAdaptivityConditionalRender","usePlatform","useConfigProvider","FixedLayout","OnboardingTooltipContainer","RootComponent","Separator","Spacing","Text","styles","platformClassNames","ios","android","vkcom","sizeXClassNames","none","sizeXNone","regular","sizeXRegular","sizeYClassNames","sizeYNone","compact","sizeYCompact","PanelHeaderIn","before","after","children","typographyProps","Component","restProps","hasCustomPanelHeaderAfter","customPanelHeaderAfterMinWidth","isInsideModal","id","platform","afterSlotProps","style","minWidth","typographyNode","weight","className","contentIn","fixed","in","div","content","PanelHeader","float","transparent","delimiter","shadow","getRef","getRootRef","sizeX","sizeY","adaptiveSizeX","isVKCOM","isFixed","undefined","separatorVisible","staticSeparatorVisible","staticSpacingVisible","baseClassName","host","hasOwnProperty","trnsp","static","sep","noBefore","noAfter","hasFixed","vertical","padding","size","separator"],"mappings":"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"}

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

@@ -31,12 +31,12 @@
 }
 
 .sizeXRegular.shadow .in {
-  box-shadow: 0 0 4px rgba(0, 0, 0, 0.08);
+  box-shadow: 0 0 4px rgb(0, 0, 0, 0.08);
 }
 
 @media (min-width: 768px) {
   .sizeXNone.shadow .in {
-    box-shadow: 0 0 4px rgba(0, 0, 0, 0.08);
+    box-shadow: 0 0 4px rgb(0, 0, 0, 0.08);
   }
 }
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelHeaderBack/PanelHeaderBack.tsx"],"sourcesContent":["'use client';\n\nimport * 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 { 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\nconst sizeXClassNames = {\n  none: styles.backSizeXNone,\n  compact: styles.backSizeXCompact,\n};\n\nexport type PanelHeaderBackProps = Omit<PanelHeaderButtonProps, 'children'> & {\n  hideLabelOnVKCom?: boolean;\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://vkcom.github.io/VKUI/#/PanelHeaderButton\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 = 'none' } = useAdaptivity();\n  // также label нужно скрывать при platform === 'ios' && sizeX === regular\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        sizeX !== 'regular' && sizeXClassNames[sizeX],\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":["React","Icon20ChevronLeftOutline","Icon24ArrowLeftOutline","Icon28ArrowLeftOutline","Icon28ChevronBack","Icon28ChevronLeftOutline","classNames","useAdaptivity","useConfigDirection","usePlatform","AdaptiveIconRenderer","PanelHeaderButton","VisuallyHidden","styles","sizeXClassNames","none","backSizeXNone","compact","backSizeXCompact","getBackIcon","platform","IconCompact","IconRegular","PanelHeaderBack","label","className","hideLabelOnVKCom","hideLabelOnIOS","restProps","direction","sizeX","showLabel","backIos","backVkcom","backHasLabel","rtl"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SACEC,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;AAEtD,SAASC,oBAAoB,QAAQ,kDAA+C;AACpF,SACEC,iBAAiB,QAEZ,4CAAyC;AAChD,SAASC,cAAc,QAAQ,sCAAmC;AAClE,OAAOC,YAAY,oDAAoD;AAEvE,MAAMC,kBAAkB;IACtBC,MAAMF,OAAOG,aAAa;IAC1BC,SAASJ,OAAOK,gBAAgB;AAClC;AAOA,MAAMC,cAAc,CAACC;IACnB,OAAQA;QACN,KAAK;YACH,qBAAO,KAAChB;QACV,KAAK;YACH,qBACE,KAACM;gBACCW,aAAapB;gBACbqB,aAAajB;;QAGnB;YACE,qBACE,KAACK;gBACCW,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,QAAQ,MAAM,EAAE,GAAGvB;IAC3B,yEAAyE;IACzE,wGAAwG;IACxG,MAAMwB,YACJ,AAACX,aAAa,WAAW,CAACM,oBAAsBN,aAAa,SAAS,CAACO;IAEzE,qBACE,KAAChB;QACE,GAAGiB,SAAS;QACbH,WAAWnB,WACTwB,UAAU,aAAahB,eAAe,CAACgB,MAAM,EAC7CV,aAAa,SAASP,OAAOmB,OAAO,EACpCZ,aAAa,WAAWP,OAAOoB,SAAS,EACxCF,aAAa,CAAC,CAACP,SAASX,OAAOqB,YAAY,EAC3CL,cAAc,SAAShB,OAAOsB,GAAG,EACjCV;QAEFD,OAAOO,YAAYP,QAAQA,uBAAS,KAACZ;sBAAgBY;;kBAEpDL,YAAYC;;AAGnB,EAAE"}
+{"version":3,"sources":["../../../../src/components/PanelHeaderBack/PanelHeaderBack.tsx"],"sourcesContent":["'use client';\n\nimport * 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 { 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\nconst sizeXClassNames = {\n  none: styles.backSizeXNone,\n  compact: styles.backSizeXCompact,\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://vkcom.github.io/VKUI/#/PanelHeaderButton\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 = 'none' } = useAdaptivity();\n  // также label нужно скрывать при platform === 'ios' && sizeX === regular\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        sizeX !== 'regular' && sizeXClassNames[sizeX],\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":["React","Icon20ChevronLeftOutline","Icon24ArrowLeftOutline","Icon28ArrowLeftOutline","Icon28ChevronBack","Icon28ChevronLeftOutline","classNames","useAdaptivity","useConfigDirection","usePlatform","AdaptiveIconRenderer","PanelHeaderButton","VisuallyHidden","styles","sizeXClassNames","none","backSizeXNone","compact","backSizeXCompact","getBackIcon","platform","IconCompact","IconRegular","PanelHeaderBack","label","className","hideLabelOnVKCom","hideLabelOnIOS","restProps","direction","sizeX","showLabel","backIos","backVkcom","backHasLabel","rtl"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SACEC,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;AAEtD,SAASC,oBAAoB,QAAQ,kDAA+C;AACpF,SACEC,iBAAiB,QAEZ,4CAAyC;AAChD,SAASC,cAAc,QAAQ,sCAAmC;AAClE,OAAOC,YAAY,oDAAoD;AAEvE,MAAMC,kBAAkB;IACtBC,MAAMF,OAAOG,aAAa;IAC1BC,SAASJ,OAAOK,gBAAgB;AAClC;AAaA,MAAMC,cAAc,CAACC;IACnB,OAAQA;QACN,KAAK;YACH,qBAAO,KAAChB;QACV,KAAK;YACH,qBACE,KAACM;gBACCW,aAAapB;gBACbqB,aAAajB;;QAGnB;YACE,qBACE,KAACK;gBACCW,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,QAAQ,MAAM,EAAE,GAAGvB;IAC3B,yEAAyE;IACzE,wGAAwG;IACxG,MAAMwB,YACJ,AAACX,aAAa,WAAW,CAACM,oBAAsBN,aAAa,SAAS,CAACO;IAEzE,qBACE,KAAChB;QACE,GAAGiB,SAAS;QACbH,WAAWnB,WACTwB,UAAU,aAAahB,eAAe,CAACgB,MAAM,EAC7CV,aAAa,SAASP,OAAOmB,OAAO,EACpCZ,aAAa,WAAWP,OAAOoB,SAAS,EACxCF,aAAa,CAAC,CAACP,SAASX,OAAOqB,YAAY,EAC3CL,cAAc,SAAShB,OAAOsB,GAAG,EACjCV;QAEFD,OAAOO,YAAYP,QAAQA,uBAAS,KAACZ;sBAAgBY;;kBAEpDL,YAAYC;;AAGnB,EAAE"}

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

@@ -70,10 +70,10 @@ const warn = warnOnce('PanelHeaderButton');
     const onlyPrimitive = elements.length === 1 && isPrimitiveReactNode(elements[0]);
     return /*#__PURE__*/ _jsxs(Tappable, {
         Component: restProps.href ? 'a' : 'button',
-        ...restProps,
         hoverMode: hoverMode,
         activeEffectDelay: 200,
         activeMode: activeMode,
+        ...restProps,
         baseClassName: classNames(styles.host, platformClassNames.hasOwnProperty(platform) ? platformClassNames[platform] : platformClassNames.android, onlyPrimitive && styles.primitive, !isPrimitive && !isPrimitiveLabel && styles.notPrimitive),
         children: [
             isPrimitive ? /*#__PURE__*/ _jsx(ButtonTypography, {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelHeaderButton/PanelHeaderButton.tsx"],"sourcesContent":["'use client';\n\nimport * 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 TappableProps } from '../Tappable/Tappable';\nimport { Text } from '../Typography/Text/Text';\nimport { Title } from '../Typography/Title/Title';\nimport styles from './PanelHeaderButton.module.css';\n\nconst platformClassNames = {\n  ios: styles.ios,\n  android: styles.android,\n  vkcom: styles.vkcom,\n};\n\nexport interface PanelHeaderButtonProps extends Omit<TappableProps, 'label'> {\n  primary?: boolean;\n  // TODO [>=8]: добавить св-во `indicator`, чтобы разграничить кейсы\n  label?: React.ReactNode;\n}\n\ninterface ButtonTypographyProps extends React.AllHTMLAttributes<HTMLElement> {\n  primary?: PanelHeaderButtonProps['primary'];\n}\n\nconst ButtonTypography = ({ primary, children }: ButtonTypographyProps) => {\n  const platform = usePlatform();\n\n  if (platform === '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://vkcom.github.io/VKUI/#/PanelHeaderButton\n */\nexport const PanelHeaderButton = ({\n  children,\n  primary = false,\n  label,\n  ...restProps\n}: PanelHeaderButtonProps): React.ReactNode => {\n  const isPrimitive = isPrimitiveReactNode(children);\n  const isPrimitiveLabel = isPrimitiveReactNode(label);\n  const platform = usePlatform();\n\n  let hoverMode;\n  let activeMode;\n\n  switch (platform) {\n    case 'ios':\n      hoverMode = 'background';\n      activeMode = 'opacity';\n      break;\n    case 'vkcom':\n      hoverMode = styles.hover;\n      activeMode = styles.active;\n      break;\n    default:\n      hoverMode = 'background';\n      activeMode = 'background';\n  }\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      {...restProps}\n      hoverMode={hoverMode}\n      activeEffectDelay={200}\n      activeMode={activeMode}\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":["React","classNames","isPrimitiveReactNode","usePlatform","hasAccessibleName","COMMON_WARNINGS","warnOnce","Tappable","Text","Title","styles","platformClassNames","ios","android","vkcom","ButtonTypography","primary","children","platform","Component","level","weight","undefined","warn","PanelHeaderButton","label","restProps","isPrimitive","isPrimitiveLabel","hoverMode","activeMode","hover","active","process","env","NODE_ENV","isAccessible","a11y","href","elements","filter","item","onlyPrimitive","length","activeEffectDelay","baseClassName","host","hasOwnProperty","primitive","notPrimitive","className"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,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,QAA4B,0BAAuB;AACpE,SAASC,IAAI,QAAQ,6BAA0B;AAC/C,SAASC,KAAK,QAAQ,+BAA4B;AAClD,OAAOC,YAAY,iCAAiC;AAEpD,MAAMC,qBAAqB;IACzBC,KAAKF,OAAOE,GAAG;IACfC,SAASH,OAAOG,OAAO;IACvBC,OAAOJ,OAAOI,KAAK;AACrB;AAYA,MAAMC,mBAAmB,CAAC,EAAEC,OAAO,EAAEC,QAAQ,EAAyB;IACpE,MAAMC,WAAWf;IAEjB,IAAIe,aAAa,OAAO;QACtB,qBACE,KAACT;YAAMU,WAAU;YAAOC,OAAM;YAAIC,QAAQL,UAAU,MAAM;sBACvDC;;IAGP;IAEA,qBAAO,KAACT;QAAKa,QAAQH,aAAa,UAAUI,YAAY;kBAAML;;AAChE;AAEA,MAAMM,OAAOjB,SAAS;AAEtB;;CAEC,GACD,OAAO,MAAMkB,oBAAoB,CAAC,EAChCP,QAAQ,EACRD,UAAU,KAAK,EACfS,KAAK,EACL,GAAGC,WACoB;IACvB,MAAMC,cAAczB,qBAAqBe;IACzC,MAAMW,mBAAmB1B,qBAAqBuB;IAC9C,MAAMP,WAAWf;IAEjB,IAAI0B;IACJ,IAAIC;IAEJ,OAAQZ;QACN,KAAK;YACHW,YAAY;YACZC,aAAa;YACb;QACF,KAAK;YACHD,YAAYnB,OAAOqB,KAAK;YACxBD,aAAapB,OAAOsB,MAAM;YAC1B;QACF;YACEH,YAAY;YACZC,aAAa;IACjB;IAEA,IAAIG,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QAC1C,4GAA4G,GAC5G,MAAMC,eAAehC,kBAAkB;YACrCa,UAAU;gBAACA;gBAAUQ;aAAM;YAC3B,GAAGC,SAAS;QACd;QAEA,IAAI,CAACU,cAAc;YACjBb,KAAKlB,gBAAgBgC,IAAI,CAACX,UAAUY,IAAI,GAAG,cAAc,cAAc,EAAE;QAC3E;IACF;IACA,MAAMC,WAAW;QAACd;QAAOR;KAAS,CAACuB,MAAM,CAAC,CAACC,OAAS,CAAC,CAACA;IAEtD,MAAMC,gBAAgBH,SAASI,MAAM,KAAK,KAAKzC,qBAAqBqC,QAAQ,CAAC,EAAE;IAE/E,qBACE,MAAChC;QACCY,WAAWO,UAAUY,IAAI,GAAG,MAAM;QACjC,GAAGZ,SAAS;QACbG,WAAWA;QACXe,mBAAmB;QACnBd,YAAYA;QACZe,eAAe5C,WACbS,OAAOoC,IAAI,EACXnC,mBAAmBoC,cAAc,CAAC7B,YAC9BP,kBAAkB,CAACO,SAAS,GAC5BP,mBAAmBE,OAAO,EAC9B6B,iBAAiBhC,OAAOsC,SAAS,EACjC,CAACrB,eAAe,CAACC,oBAAoBlB,OAAOuC,YAAY;;YAGzDtB,4BAAc,KAACZ;gBAAiBC,SAASA;0BAAUC;iBAA+BA;YAClFW,iCACC,KAACb;gBAAiBC,SAASA;gBAASkC,WAAWxC,OAAOe,KAAK;0BACxDA;iBAGHA;;;AAIR,EAAE"}
+{"version":3,"sources":["../../../../src/components/PanelHeaderButton/PanelHeaderButton.tsx"],"sourcesContent":["'use client';\n\nimport * 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 TappableProps } from '../Tappable/Tappable';\nimport { Text } from '../Typography/Text/Text';\nimport { Title } from '../Typography/Title/Title';\nimport styles from './PanelHeaderButton.module.css';\n\nconst platformClassNames = {\n  ios: styles.ios,\n  android: styles.android,\n  vkcom: styles.vkcom,\n};\n\nexport interface PanelHeaderButtonProps extends Omit<TappableProps, 'label'> {\n  /**\n   * Флаг для обозначения первичной кнопки\n   * Влияет на стилизацию кнопки.\n   */\n  primary?: boolean;\n  /**\n   * Текст или содержимое кнопки.\n   */\n  label?: React.ReactNode; // TODO [>=8]: добавить св-во 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://vkcom.github.io/VKUI/#/PanelHeaderButton\n */\nexport const PanelHeaderButton = ({\n  children,\n  primary = false,\n  label,\n  ...restProps\n}: PanelHeaderButtonProps): React.ReactNode => {\n  const isPrimitive = isPrimitiveReactNode(children);\n  const isPrimitiveLabel = isPrimitiveReactNode(label);\n  const platform = usePlatform();\n\n  let hoverMode;\n  let activeMode;\n\n  switch (platform) {\n    case 'ios':\n      hoverMode = 'background';\n      activeMode = 'opacity';\n      break;\n    case 'vkcom':\n      hoverMode = styles.hover;\n      activeMode = styles.active;\n      break;\n    default:\n      hoverMode = 'background';\n      activeMode = 'background';\n  }\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      hoverMode={hoverMode}\n      activeEffectDelay={200}\n      activeMode={activeMode}\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":["React","classNames","isPrimitiveReactNode","usePlatform","hasAccessibleName","COMMON_WARNINGS","warnOnce","Tappable","Text","Title","styles","platformClassNames","ios","android","vkcom","ButtonTypography","primary","children","platform","Component","level","weight","undefined","warn","PanelHeaderButton","label","restProps","isPrimitive","isPrimitiveLabel","hoverMode","activeMode","hover","active","process","env","NODE_ENV","isAccessible","a11y","href","elements","filter","item","onlyPrimitive","length","activeEffectDelay","baseClassName","host","hasOwnProperty","primitive","notPrimitive","className"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,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,QAA4B,0BAAuB;AACpE,SAASC,IAAI,QAAQ,6BAA0B;AAC/C,SAASC,KAAK,QAAQ,+BAA4B;AAClD,OAAOC,YAAY,iCAAiC;AAEpD,MAAMC,qBAAqB;IACzBC,KAAKF,OAAOE,GAAG;IACfC,SAASH,OAAOG,OAAO;IACvBC,OAAOJ,OAAOI,KAAK;AACrB;AAsBA,MAAMC,mBAAmB,CAAC,EAAEC,OAAO,EAAEC,QAAQ,EAAyB;IACpE,MAAMC,WAAWf;IAEjB,IAAIe,aAAa,OAAO;QACtB,qBACE,KAACT;YAAMU,WAAU;YAAOC,OAAM;YAAIC,QAAQL,UAAU,MAAM;sBACvDC;;IAGP;IAEA,qBAAO,KAACT;QAAKa,QAAQH,aAAa,UAAUI,YAAY;kBAAML;;AAChE;AAEA,MAAMM,OAAOjB,SAAS;AAEtB;;CAEC,GACD,OAAO,MAAMkB,oBAAoB,CAAC,EAChCP,QAAQ,EACRD,UAAU,KAAK,EACfS,KAAK,EACL,GAAGC,WACoB;IACvB,MAAMC,cAAczB,qBAAqBe;IACzC,MAAMW,mBAAmB1B,qBAAqBuB;IAC9C,MAAMP,WAAWf;IAEjB,IAAI0B;IACJ,IAAIC;IAEJ,OAAQZ;QACN,KAAK;YACHW,YAAY;YACZC,aAAa;YACb;QACF,KAAK;YACHD,YAAYnB,OAAOqB,KAAK;YACxBD,aAAapB,OAAOsB,MAAM;YAC1B;QACF;YACEH,YAAY;YACZC,aAAa;IACjB;IAEA,IAAIG,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QAC1C,4GAA4G,GAC5G,MAAMC,eAAehC,kBAAkB;YACrCa,UAAU;gBAACA;gBAAUQ;aAAM;YAC3B,GAAGC,SAAS;QACd;QAEA,IAAI,CAACU,cAAc;YACjBb,KAAKlB,gBAAgBgC,IAAI,CAACX,UAAUY,IAAI,GAAG,cAAc,cAAc,EAAE;QAC3E;IACF;IACA,MAAMC,WAAW;QAACd;QAAOR;KAAS,CAACuB,MAAM,CAAC,CAACC,OAAS,CAAC,CAACA;IAEtD,MAAMC,gBAAgBH,SAASI,MAAM,KAAK,KAAKzC,qBAAqBqC,QAAQ,CAAC,EAAE;IAE/E,qBACE,MAAChC;QACCY,WAAWO,UAAUY,IAAI,GAAG,MAAM;QAClCT,WAAWA;QACXe,mBAAmB;QACnBd,YAAYA;QACX,GAAGJ,SAAS;QACbmB,eAAe5C,WACbS,OAAOoC,IAAI,EACXnC,mBAAmBoC,cAAc,CAAC7B,YAC9BP,kBAAkB,CAACO,SAAS,GAC5BP,mBAAmBE,OAAO,EAC9B6B,iBAAiBhC,OAAOsC,SAAS,EACjC,CAACrB,eAAe,CAACC,oBAAoBlB,OAAOuC,YAAY;;YAGzDtB,4BAAc,KAACZ;gBAAiBC,SAASA;0BAAUC;iBAA+BA;YAClFW,iCACC,KAACb;gBAAiBC,SAASA;gBAASkC,WAAWxC,OAAOe,KAAK;0BACxDA;iBAGHA;;;AAIR,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelHeaderContent/PanelHeaderContent.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport type { HasChildren, HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { Text } from '../Typography/Text/Text';\nimport styles from './PanelHeaderContent.module.css';\n\nconst platformClassNames = {\n  ios: styles.ios,\n  android: styles.android,\n  vkcom: styles.vkcom,\n};\n\nconst sizeYClassNames = {\n  none: styles.sizeYNone,\n  compact: styles.sizeYCompact,\n};\n\nexport interface PanelHeaderContentProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  aside?: React.ReactNode;\n  before?: React.ReactNode;\n  subtitle?: React.ReactNode;\n}\n\ninterface PanelHeaderChildrenProps extends HasChildren {\n  hasSubtitle: boolean;\n  hasBefore: boolean;\n}\n\nconst PanelHeaderChildren = ({ hasSubtitle, hasBefore, children }: PanelHeaderChildrenProps) => {\n  const platform = usePlatform();\n\n  return hasSubtitle || hasBefore ? (\n    <Text\n      className={styles.childrenText}\n      Component=\"div\"\n      weight={platform === 'vkcom' ? '2' : undefined}\n    >\n      {children}\n    </Text>\n  ) : (\n    <div className={styles.childrenIn}>{children}</div>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderContent\n */\nexport const PanelHeaderContent = ({\n  aside,\n  subtitle,\n  before,\n  children,\n  onClick,\n  ...restProps\n}: PanelHeaderContentProps): React.ReactNode => {\n  const { sizeY = 'none' } = useAdaptivity();\n  const InComponent = onClick ? Tappable : 'div';\n  const rootProps = onClick ? {} : restProps;\n  const platform = usePlatform();\n  const inProps = onClick\n    ? {\n        ...restProps,\n        onClick,\n        activeEffectDelay: 200,\n        hasActive: platform === 'ios',\n        activeMode: 'opacity',\n      }\n    : {};\n\n  return (\n    <RootComponent\n      {...rootProps}\n      baseClassName={classNames(\n        styles.host,\n        platformClassNames.hasOwnProperty(platform)\n          ? platformClassNames[platform]\n          : platformClassNames.android,\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n      )}\n    >\n      {hasReactNode(before) && <div className={styles.before}>{before}</div>}\n      <InComponent\n        {...inProps}\n        className={classNames(styles.in, !before && platform !== 'android' && styles.inCentered)}\n      >\n        {hasReactNode(subtitle) && <Footnote className={styles.subtitle}>{subtitle}</Footnote>}\n        <div className={styles.children}>\n          <PanelHeaderChildren\n            hasSubtitle={hasReactNode(subtitle)}\n            hasBefore={hasReactNode(before)}\n          >\n            {children}\n          </PanelHeaderChildren>\n          {hasReactNode(aside) && <div className={styles.aside}>{aside}</div>}\n        </div>\n        {hasReactNode(before) && <div className={styles.width} />}\n      </InComponent>\n    </RootComponent>\n  );\n};\n"],"names":["React","classNames","hasReactNode","useAdaptivity","usePlatform","RootComponent","Tappable","Footnote","Text","styles","platformClassNames","ios","android","vkcom","sizeYClassNames","none","sizeYNone","compact","sizeYCompact","PanelHeaderChildren","hasSubtitle","hasBefore","children","platform","className","childrenText","Component","weight","undefined","div","childrenIn","PanelHeaderContent","aside","subtitle","before","onClick","restProps","sizeY","InComponent","rootProps","inProps","activeEffectDelay","hasActive","activeMode","baseClassName","host","hasOwnProperty","in","inCentered","width"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAC3D,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,WAAW,QAAQ,6BAA0B;AAEtD,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,QAAQ,QAAQ,0BAAuB;AAChD,SAASC,QAAQ,QAAQ,qCAAkC;AAC3D,SAASC,IAAI,QAAQ,6BAA0B;AAC/C,OAAOC,YAAY,kCAAkC;AAErD,MAAMC,qBAAqB;IACzBC,KAAKF,OAAOE,GAAG;IACfC,SAASH,OAAOG,OAAO;IACvBC,OAAOJ,OAAOI,KAAK;AACrB;AAEA,MAAMC,kBAAkB;IACtBC,MAAMN,OAAOO,SAAS;IACtBC,SAASR,OAAOS,YAAY;AAC9B;AAaA,MAAMC,sBAAsB,CAAC,EAAEC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,EAA4B;IACzF,MAAMC,WAAWnB;IAEjB,OAAOgB,eAAeC,0BACpB,KAACb;QACCgB,WAAWf,OAAOgB,YAAY;QAC9BC,WAAU;QACVC,QAAQJ,aAAa,UAAU,MAAMK;kBAEpCN;uBAGH,KAACO;QAAIL,WAAWf,OAAOqB,UAAU;kBAAGR;;AAExC;AAEA;;CAEC,GACD,OAAO,MAAMS,qBAAqB,CAAC,EACjCC,KAAK,EACLC,QAAQ,EACRC,MAAM,EACNZ,QAAQ,EACRa,OAAO,EACP,GAAGC,WACqB;IACxB,MAAM,EAAEC,QAAQ,MAAM,EAAE,GAAGlC;IAC3B,MAAMmC,cAAcH,UAAU7B,WAAW;IACzC,MAAMiC,YAAYJ,UAAU,CAAC,IAAIC;IACjC,MAAMb,WAAWnB;IACjB,MAAMoC,UAAUL,UACZ;QACE,GAAGC,SAAS;QACZD;QACAM,mBAAmB;QACnBC,WAAWnB,aAAa;QACxBoB,YAAY;IACd,IACA,CAAC;IAEL,qBACE,MAACtC;QACE,GAAGkC,SAAS;QACbK,eAAe3C,WACbQ,OAAOoC,IAAI,EACXnC,mBAAmBoC,cAAc,CAACvB,YAC9Bb,kBAAkB,CAACa,SAAS,GAC5Bb,mBAAmBE,OAAO,EAC9ByB,UAAU,aAAavB,eAAe,CAACuB,MAAM;;YAG9CnC,aAAagC,yBAAW,KAACL;gBAAIL,WAAWf,OAAOyB,MAAM;0BAAGA;;0BACzD,MAACI;gBACE,GAAGE,OAAO;gBACXhB,WAAWvB,WAAWQ,OAAOsC,EAAE,EAAE,CAACb,UAAUX,aAAa,aAAad,OAAOuC,UAAU;;oBAEtF9C,aAAa+B,2BAAa,KAAC1B;wBAASiB,WAAWf,OAAOwB,QAAQ;kCAAGA;;kCAClE,MAACJ;wBAAIL,WAAWf,OAAOa,QAAQ;;0CAC7B,KAACH;gCACCC,aAAalB,aAAa+B;gCAC1BZ,WAAWnB,aAAagC;0CAEvBZ;;4BAEFpB,aAAa8B,wBAAU,KAACH;gCAAIL,WAAWf,OAAOuB,KAAK;0CAAGA;;;;oBAExD9B,aAAagC,yBAAW,KAACL;wBAAIL,WAAWf,OAAOwC,KAAK;;;;;;AAI7D,EAAE"}
+{"version":3,"sources":["../../../../src/components/PanelHeaderContent/PanelHeaderContent.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport type { HasChildren, HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { Text } from '../Typography/Text/Text';\nimport styles from './PanelHeaderContent.module.css';\n\nconst platformClassNames = {\n  ios: styles.ios,\n  android: styles.android,\n  vkcom: styles.vkcom,\n};\n\nconst sizeYClassNames = {\n  none: styles.sizeYNone,\n  compact: styles.sizeYCompact,\n};\n\nexport interface PanelHeaderContentProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  /**\n   * Компонент отображаемый после содержимого.\n   */\n  aside?: React.ReactNode;\n  /**\n   * Компонент отображаемый до содержимого.\n   */\n  before?: React.ReactNode;\n  /**\n   * Подпись под основным текстом.\n   */\n  subtitle?: React.ReactNode;\n}\n\ninterface PanelHeaderChildrenProps extends HasChildren {\n  /**\n   * Есть ли подпись.\n   */\n  hasSubtitle: boolean;\n  /**\n   * Есть ли `before`.\n   */\n  hasBefore: boolean;\n}\n\nconst PanelHeaderChildren = ({ hasSubtitle, hasBefore, children }: PanelHeaderChildrenProps) => {\n  const platform = usePlatform();\n\n  return hasSubtitle || hasBefore ? (\n    <Text\n      className={styles.childrenText}\n      Component=\"div\"\n      weight={platform === 'vkcom' ? '2' : undefined}\n    >\n      {children}\n    </Text>\n  ) : (\n    <div className={styles.childrenIn}>{children}</div>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderContent\n */\nexport const PanelHeaderContent = ({\n  aside,\n  subtitle,\n  before,\n  children,\n  onClick,\n  ...restProps\n}: PanelHeaderContentProps): React.ReactNode => {\n  const { sizeY = 'none' } = useAdaptivity();\n  const InComponent = onClick ? Tappable : 'div';\n  const rootProps = onClick ? {} : restProps;\n  const platform = usePlatform();\n  const inProps = onClick\n    ? {\n        ...restProps,\n        onClick,\n        activeEffectDelay: 200,\n        hasActive: platform === 'ios',\n        activeMode: 'opacity',\n      }\n    : {};\n\n  return (\n    <RootComponent\n      {...rootProps}\n      baseClassName={classNames(\n        styles.host,\n        platformClassNames.hasOwnProperty(platform)\n          ? platformClassNames[platform]\n          : platformClassNames.android,\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n      )}\n    >\n      {hasReactNode(before) && <div className={styles.before}>{before}</div>}\n      <InComponent\n        {...inProps}\n        className={classNames(styles.in, !before && platform !== 'android' && styles.inCentered)}\n      >\n        {hasReactNode(subtitle) && <Footnote className={styles.subtitle}>{subtitle}</Footnote>}\n        <div className={styles.children}>\n          <PanelHeaderChildren\n            hasSubtitle={hasReactNode(subtitle)}\n            hasBefore={hasReactNode(before)}\n          >\n            {children}\n          </PanelHeaderChildren>\n          {hasReactNode(aside) && <div className={styles.aside}>{aside}</div>}\n        </div>\n        {hasReactNode(before) && <div className={styles.width} />}\n      </InComponent>\n    </RootComponent>\n  );\n};\n"],"names":["React","classNames","hasReactNode","useAdaptivity","usePlatform","RootComponent","Tappable","Footnote","Text","styles","platformClassNames","ios","android","vkcom","sizeYClassNames","none","sizeYNone","compact","sizeYCompact","PanelHeaderChildren","hasSubtitle","hasBefore","children","platform","className","childrenText","Component","weight","undefined","div","childrenIn","PanelHeaderContent","aside","subtitle","before","onClick","restProps","sizeY","InComponent","rootProps","inProps","activeEffectDelay","hasActive","activeMode","baseClassName","host","hasOwnProperty","in","inCentered","width"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAC3D,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,WAAW,QAAQ,6BAA0B;AAEtD,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,QAAQ,QAAQ,0BAAuB;AAChD,SAASC,QAAQ,QAAQ,qCAAkC;AAC3D,SAASC,IAAI,QAAQ,6BAA0B;AAC/C,OAAOC,YAAY,kCAAkC;AAErD,MAAMC,qBAAqB;IACzBC,KAAKF,OAAOE,GAAG;IACfC,SAASH,OAAOG,OAAO;IACvBC,OAAOJ,OAAOI,KAAK;AACrB;AAEA,MAAMC,kBAAkB;IACtBC,MAAMN,OAAOO,SAAS;IACtBC,SAASR,OAAOS,YAAY;AAC9B;AA4BA,MAAMC,sBAAsB,CAAC,EAAEC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,EAA4B;IACzF,MAAMC,WAAWnB;IAEjB,OAAOgB,eAAeC,0BACpB,KAACb;QACCgB,WAAWf,OAAOgB,YAAY;QAC9BC,WAAU;QACVC,QAAQJ,aAAa,UAAU,MAAMK;kBAEpCN;uBAGH,KAACO;QAAIL,WAAWf,OAAOqB,UAAU;kBAAGR;;AAExC;AAEA;;CAEC,GACD,OAAO,MAAMS,qBAAqB,CAAC,EACjCC,KAAK,EACLC,QAAQ,EACRC,MAAM,EACNZ,QAAQ,EACRa,OAAO,EACP,GAAGC,WACqB;IACxB,MAAM,EAAEC,QAAQ,MAAM,EAAE,GAAGlC;IAC3B,MAAMmC,cAAcH,UAAU7B,WAAW;IACzC,MAAMiC,YAAYJ,UAAU,CAAC,IAAIC;IACjC,MAAMb,WAAWnB;IACjB,MAAMoC,UAAUL,UACZ;QACE,GAAGC,SAAS;QACZD;QACAM,mBAAmB;QACnBC,WAAWnB,aAAa;QACxBoB,YAAY;IACd,IACA,CAAC;IAEL,qBACE,MAACtC;QACE,GAAGkC,SAAS;QACbK,eAAe3C,WACbQ,OAAOoC,IAAI,EACXnC,mBAAmBoC,cAAc,CAACvB,YAC9Bb,kBAAkB,CAACa,SAAS,GAC5Bb,mBAAmBE,OAAO,EAC9ByB,UAAU,aAAavB,eAAe,CAACuB,MAAM;;YAG9CnC,aAAagC,yBAAW,KAACL;gBAAIL,WAAWf,OAAOyB,MAAM;0BAAGA;;0BACzD,MAACI;gBACE,GAAGE,OAAO;gBACXhB,WAAWvB,WAAWQ,OAAOsC,EAAE,EAAE,CAACb,UAAUX,aAAa,aAAad,OAAOuC,UAAU;;oBAEtF9C,aAAa+B,2BAAa,KAAC1B;wBAASiB,WAAWf,OAAOwB,QAAQ;kCAAGA;;kCAClE,MAACJ;wBAAIL,WAAWf,OAAOa,QAAQ;;0CAC7B,KAACH;gCACCC,aAAalB,aAAa+B;gCAC1BZ,WAAWnB,aAAagC;0CAEvBZ;;4BAEFpB,aAAa8B,wBAAU,KAACH;gCAAIL,WAAWf,OAAOuB,KAAK;0CAAGA;;;;oBAExD9B,aAAagC,yBAAW,KAACL;wBAAIL,WAAWf,OAAOwC,KAAK;;;;;;AAI7D,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelHeaderContext/PanelHeaderContext.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useGlobalOnClickOutside } from '../../hooks/useGlobalOnClickOutside';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useCSSKeyframesAnimationController } from '../../lib/animation';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { FixedLayout } from '../FixedLayout/FixedLayout';\nimport styles from './PanelHeaderContext.module.css';\n\nconst sizeXClassNames = {\n  none: styles.sizeXNone,\n  compact: styles.sizeXCompact,\n  regular: styles.sizeXRegular,\n};\n\nexport interface PanelHeaderContextProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  opened: boolean;\n  onClose: VoidFunction;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderContext\n */\nexport const PanelHeaderContext = ({\n  children,\n  opened = false,\n  className,\n  onClose,\n  ...restProps\n}: PanelHeaderContextProps): React.ReactNode => {\n  const platform = usePlatform();\n  const { sizeX = 'none' } = useAdaptivity();\n  const elementRef = React.useRef<HTMLDivElement>(null);\n  const [animationState, animationHandlers] = useCSSKeyframesAnimationController(\n    opened ? 'enter' : 'exit',\n    undefined,\n    true,\n  );\n  const visible = animationState !== 'exited';\n\n  useScrollLock(platform !== 'vkcom' && visible);\n\n  const handleGlobalOnClickOutside = React.useCallback(\n    (event: MouseEvent) => {\n      if (opened) {\n        event.stopPropagation();\n        onClose();\n      }\n    },\n    [opened, onClose],\n  );\n\n  useGlobalOnClickOutside(handleGlobalOnClickOutside, visible ? elementRef : null);\n\n  if (!visible) {\n    return null;\n  }\n\n  return (\n    <FixedLayout\n      {...restProps}\n      className={classNames(\n        styles.host,\n        platform === 'ios' && styles.ios,\n        opened ? styles.opened : styles.closing,\n        sizeXClassNames[sizeX],\n        className,\n      )}\n      vertical=\"top\"\n    >\n      <div\n        onClick={(event) => {\n          event.stopPropagation();\n          onClose();\n        }}\n        className={styles.fade}\n      />\n      <div\n        data-testid={process.env.NODE_ENV === 'test' ? 'content' : undefined}\n        className={styles.in}\n        ref={elementRef}\n        {...animationHandlers}\n      >\n        <div className={styles.content}>{children}</div>\n      </div>\n    </FixedLayout>\n  );\n};\n"],"names":["React","classNames","useAdaptivity","useGlobalOnClickOutside","usePlatform","useCSSKeyframesAnimationController","useScrollLock","FixedLayout","styles","sizeXClassNames","none","sizeXNone","compact","sizeXCompact","regular","sizeXRegular","PanelHeaderContext","children","opened","className","onClose","restProps","platform","sizeX","elementRef","useRef","animationState","animationHandlers","undefined","visible","handleGlobalOnClickOutside","useCallback","event","stopPropagation","host","ios","closing","vertical","div","onClick","fade","data-testid","process","env","NODE_ENV","in","ref","content"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,uBAAuB,QAAQ,yCAAsC;AAC9E,SAASC,WAAW,QAAQ,6BAA0B;AACtD,SAASC,kCAAkC,QAAQ,+BAAsB;AAEzE,SAASC,aAAa,QAAQ,8BAA2B;AACzD,SAASC,WAAW,QAAQ,gCAA6B;AACzD,OAAOC,YAAY,kCAAkC;AAErD,MAAMC,kBAAkB;IACtBC,MAAMF,OAAOG,SAAS;IACtBC,SAASJ,OAAOK,YAAY;IAC5BC,SAASN,OAAOO,YAAY;AAC9B;AAOA;;CAEC,GACD,OAAO,MAAMC,qBAAqB,CAAC,EACjCC,QAAQ,EACRC,SAAS,KAAK,EACdC,SAAS,EACTC,OAAO,EACP,GAAGC,WACqB;IACxB,MAAMC,WAAWlB;IACjB,MAAM,EAAEmB,QAAQ,MAAM,EAAE,GAAGrB;IAC3B,MAAMsB,aAAaxB,MAAMyB,MAAM,CAAiB;IAChD,MAAM,CAACC,gBAAgBC,kBAAkB,GAAGtB,mCAC1Ca,SAAS,UAAU,QACnBU,WACA;IAEF,MAAMC,UAAUH,mBAAmB;IAEnCpB,cAAcgB,aAAa,WAAWO;IAEtC,MAAMC,6BAA6B9B,MAAM+B,WAAW,CAClD,CAACC;QACC,IAAId,QAAQ;YACVc,MAAMC,eAAe;YACrBb;QACF;IACF,GACA;QAACF;QAAQE;KAAQ;IAGnBjB,wBAAwB2B,4BAA4BD,UAAUL,aAAa;IAE3E,IAAI,CAACK,SAAS;QACZ,OAAO;IACT;IAEA,qBACE,MAACtB;QACE,GAAGc,SAAS;QACbF,WAAWlB,WACTO,OAAO0B,IAAI,EACXZ,aAAa,SAASd,OAAO2B,GAAG,EAChCjB,SAASV,OAAOU,MAAM,GAAGV,OAAO4B,OAAO,EACvC3B,eAAe,CAACc,MAAM,EACtBJ;QAEFkB,UAAS;;0BAET,KAACC;gBACCC,SAAS,CAACP;oBACRA,MAAMC,eAAe;oBACrBb;gBACF;gBACAD,WAAWX,OAAOgC,IAAI;;0BAExB,KAACF;gBACCG,eAAaC,QAAQC,GAAG,CAACC,QAAQ,KAAK,SAAS,YAAYhB;gBAC3DT,WAAWX,OAAOqC,EAAE;gBACpBC,KAAKtB;gBACJ,GAAGG,iBAAiB;0BAErB,cAAA,KAACW;oBAAInB,WAAWX,OAAOuC,OAAO;8BAAG9B;;;;;AAIzC,EAAE"}
+{"version":3,"sources":["../../../../src/components/PanelHeaderContext/PanelHeaderContext.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useGlobalOnClickOutside } from '../../hooks/useGlobalOnClickOutside';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useCSSKeyframesAnimationController } from '../../lib/animation';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { FixedLayout } from '../FixedLayout/FixedLayout';\nimport styles from './PanelHeaderContext.module.css';\n\nconst sizeXClassNames = {\n  none: styles.sizeXNone,\n  compact: styles.sizeXCompact,\n  regular: styles.sizeXRegular,\n};\n\nexport interface PanelHeaderContextProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  /**\n   * Управление состоянием всплывающего элемента\n   * true - элемент открыт, false - элемент закрыт.\n   */\n  opened: boolean;\n\n  /**\n   * Обработчик закрытия всплывающего элемента.\n   */\n  onClose: VoidFunction;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderContext\n */\nexport const PanelHeaderContext = ({\n  children,\n  opened = false,\n  className,\n  onClose,\n  ...restProps\n}: PanelHeaderContextProps): React.ReactNode => {\n  const platform = usePlatform();\n  const { sizeX = 'none' } = useAdaptivity();\n  const elementRef = React.useRef<HTMLDivElement>(null);\n  const [animationState, animationHandlers] = useCSSKeyframesAnimationController(\n    opened ? 'enter' : 'exit',\n    undefined,\n    true,\n  );\n  const visible = animationState !== 'exited';\n\n  useScrollLock(platform !== 'vkcom' && visible);\n\n  const handleGlobalOnClickOutside = React.useCallback(\n    (event: MouseEvent) => {\n      if (opened) {\n        event.stopPropagation();\n        onClose();\n      }\n    },\n    [opened, onClose],\n  );\n\n  useGlobalOnClickOutside(handleGlobalOnClickOutside, visible ? elementRef : null);\n\n  if (!visible) {\n    return null;\n  }\n\n  return (\n    <FixedLayout\n      {...restProps}\n      className={classNames(\n        styles.host,\n        platform === 'ios' && styles.ios,\n        opened ? styles.opened : styles.closing,\n        sizeXClassNames[sizeX],\n        className,\n      )}\n      vertical=\"top\"\n    >\n      <div\n        onClick={(event) => {\n          event.stopPropagation();\n          onClose();\n        }}\n        className={styles.fade}\n      />\n      <div\n        data-testid={process.env.NODE_ENV === 'test' ? 'content' : undefined}\n        className={styles.in}\n        ref={elementRef}\n        {...animationHandlers}\n      >\n        <div className={styles.content}>{children}</div>\n      </div>\n    </FixedLayout>\n  );\n};\n"],"names":["React","classNames","useAdaptivity","useGlobalOnClickOutside","usePlatform","useCSSKeyframesAnimationController","useScrollLock","FixedLayout","styles","sizeXClassNames","none","sizeXNone","compact","sizeXCompact","regular","sizeXRegular","PanelHeaderContext","children","opened","className","onClose","restProps","platform","sizeX","elementRef","useRef","animationState","animationHandlers","undefined","visible","handleGlobalOnClickOutside","useCallback","event","stopPropagation","host","ios","closing","vertical","div","onClick","fade","data-testid","process","env","NODE_ENV","in","ref","content"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,uBAAuB,QAAQ,yCAAsC;AAC9E,SAASC,WAAW,QAAQ,6BAA0B;AACtD,SAASC,kCAAkC,QAAQ,+BAAsB;AAEzE,SAASC,aAAa,QAAQ,8BAA2B;AACzD,SAASC,WAAW,QAAQ,gCAA6B;AACzD,OAAOC,YAAY,kCAAkC;AAErD,MAAMC,kBAAkB;IACtBC,MAAMF,OAAOG,SAAS;IACtBC,SAASJ,OAAOK,YAAY;IAC5BC,SAASN,OAAOO,YAAY;AAC9B;AAeA;;CAEC,GACD,OAAO,MAAMC,qBAAqB,CAAC,EACjCC,QAAQ,EACRC,SAAS,KAAK,EACdC,SAAS,EACTC,OAAO,EACP,GAAGC,WACqB;IACxB,MAAMC,WAAWlB;IACjB,MAAM,EAAEmB,QAAQ,MAAM,EAAE,GAAGrB;IAC3B,MAAMsB,aAAaxB,MAAMyB,MAAM,CAAiB;IAChD,MAAM,CAACC,gBAAgBC,kBAAkB,GAAGtB,mCAC1Ca,SAAS,UAAU,QACnBU,WACA;IAEF,MAAMC,UAAUH,mBAAmB;IAEnCpB,cAAcgB,aAAa,WAAWO;IAEtC,MAAMC,6BAA6B9B,MAAM+B,WAAW,CAClD,CAACC;QACC,IAAId,QAAQ;YACVc,MAAMC,eAAe;YACrBb;QACF;IACF,GACA;QAACF;QAAQE;KAAQ;IAGnBjB,wBAAwB2B,4BAA4BD,UAAUL,aAAa;IAE3E,IAAI,CAACK,SAAS;QACZ,OAAO;IACT;IAEA,qBACE,MAACtB;QACE,GAAGc,SAAS;QACbF,WAAWlB,WACTO,OAAO0B,IAAI,EACXZ,aAAa,SAASd,OAAO2B,GAAG,EAChCjB,SAASV,OAAOU,MAAM,GAAGV,OAAO4B,OAAO,EACvC3B,eAAe,CAACc,MAAM,EACtBJ;QAEFkB,UAAS;;0BAET,KAACC;gBACCC,SAAS,CAACP;oBACRA,MAAMC,eAAe;oBACrBb;gBACF;gBACAD,WAAWX,OAAOgC,IAAI;;0BAExB,KAACF;gBACCG,eAAaC,QAAQC,GAAG,CAACC,QAAQ,KAAK,SAAS,YAAYhB;gBAC3DT,WAAWX,OAAOqC,EAAE;gBACpBC,KAAKtB;gBACJ,GAAGG,iBAAiB;0BAErB,cAAA,KAACW;oBAAInB,WAAWX,OAAOuC,OAAO;8BAAG9B;;;;;AAIzC,EAAE"}

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

@@ -37,7 +37,7 @@
   display: var(--vkui_internal--PanelHeaderContext__fade_display);
   inline-size: 100%;
   block-size: 100%;
-  background: rgba(0, 0, 0, 0.4);
+  background: rgb(0, 0, 0, 0.4);
 }
 
 .opened .fade {
@@ -111,8 +111,8 @@
 
 .sizeXRegular .content {
   box-shadow:
-    0 0 4px rgba(0, 0, 0, 0.08),
-    0 8px 8px rgba(0, 0, 0, 0.16);
+    0 0 4px rgb(0, 0, 0, 0.08),
+    0 8px 8px rgb(0, 0, 0, 0.16);
 }
 
 @media (min-width: 768px) {
@@ -127,8 +127,8 @@
 
   .sizeXNone .content {
     box-shadow:
-      0 0 4px rgba(0, 0, 0, 0.08),
-      0 8px 8px rgba(0, 0, 0, 0.16);
+      0 0 4px rgb(0, 0, 0, 0.08),
+      0 8px 8px rgb(0, 0, 0, 0.16);
   }
 }
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelHeaderEdit/PanelHeaderEdit.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n  Icon24DoneOutline,\n  Icon24PenOutline,\n  Icon28DoneOutline,\n  Icon28EditOutline,\n} from '@vkontakte/icons';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { AdaptiveIconRenderer } from '../AdaptiveIconRenderer/AdaptiveIconRenderer';\nimport {\n  PanelHeaderButton,\n  type PanelHeaderButtonProps,\n} from '../PanelHeaderButton/PanelHeaderButton';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\n\nexport interface PanelHeaderEditProps extends Omit<PanelHeaderButtonProps, 'label' | 'children'> {\n  /**\n   * Включен ли режим редактирования\n   */\n  isActive?: boolean;\n  /**\n   * Текст кнопки, когда режим редактирования не активен. Визуально скрыт везде, кроме iOS\n   */\n  editLabel?: string;\n  /**\n   * Текст кнопки при активном режиме редактирования для выхода из него. Визуально скрыт везде, кроме iOS\n   */\n  doneLabel?: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderButton\n */\nexport const PanelHeaderEdit = ({\n  isActive = false,\n  editLabel = 'Редактировать',\n  doneLabel = 'Готово',\n  ...restProps\n}: PanelHeaderEditProps): React.ReactNode => {\n  const platform = usePlatform();\n  const label = isActive ? doneLabel : editLabel;\n\n  return (\n    <PanelHeaderButton\n      {...restProps}\n      label={platform === 'ios' ? label : label && <VisuallyHidden>{label}</VisuallyHidden>}\n    >\n      {platform !== 'ios' && (\n        <AdaptiveIconRenderer\n          IconCompact={isActive ? Icon24DoneOutline : Icon24PenOutline}\n          IconRegular={isActive ? Icon28DoneOutline : Icon28EditOutline}\n        />\n      )}\n    </PanelHeaderButton>\n  );\n};\n"],"names":["React","Icon24DoneOutline","Icon24PenOutline","Icon28DoneOutline","Icon28EditOutline","usePlatform","AdaptiveIconRenderer","PanelHeaderButton","VisuallyHidden","PanelHeaderEdit","isActive","editLabel","doneLabel","restProps","platform","label","IconCompact","IconRegular"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SACEC,iBAAiB,EACjBC,gBAAgB,EAChBC,iBAAiB,EACjBC,iBAAiB,QACZ,mBAAmB;AAC1B,SAASC,WAAW,QAAQ,6BAA0B;AACtD,SAASC,oBAAoB,QAAQ,kDAA+C;AACpF,SACEC,iBAAiB,QAEZ,4CAAyC;AAChD,SAASC,cAAc,QAAQ,sCAAmC;AAiBlE;;CAEC,GACD,OAAO,MAAMC,kBAAkB,CAAC,EAC9BC,WAAW,KAAK,EAChBC,YAAY,eAAe,EAC3BC,YAAY,QAAQ,EACpB,GAAGC,WACkB;IACrB,MAAMC,WAAWT;IACjB,MAAMU,QAAQL,WAAWE,YAAYD;IAErC,qBACE,KAACJ;QACE,GAAGM,SAAS;QACbE,OAAOD,aAAa,QAAQC,QAAQA,uBAAS,KAACP;sBAAgBO;;kBAE7DD,aAAa,uBACZ,KAACR;YACCU,aAAaN,WAAWT,oBAAoBC;YAC5Ce,aAAaP,WAAWP,oBAAoBC;;;AAKtD,EAAE"}
+{"version":3,"sources":["../../../../src/components/PanelHeaderEdit/PanelHeaderEdit.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n  Icon24DoneOutline,\n  Icon24PenOutline,\n  Icon28DoneOutline,\n  Icon28EditOutline,\n} from '@vkontakte/icons';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { AdaptiveIconRenderer } from '../AdaptiveIconRenderer/AdaptiveIconRenderer';\nimport {\n  PanelHeaderButton,\n  type PanelHeaderButtonProps,\n} from '../PanelHeaderButton/PanelHeaderButton';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\n\nexport interface PanelHeaderEditProps extends Omit<PanelHeaderButtonProps, 'label' | 'children'> {\n  /**\n   * Включен ли режим редактирования.\n   */\n  isActive?: boolean;\n  /**\n   * Текст кнопки, когда режим редактирования не активен. Визуально скрыт везде, кроме iOS.\n   */\n  editLabel?: string;\n  /**\n   * Текст кнопки при активном режиме редактирования для выхода из него. Визуально скрыт везде, кроме iOS.\n   */\n  doneLabel?: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderButton\n */\nexport const PanelHeaderEdit = ({\n  isActive = false,\n  editLabel = 'Редактировать',\n  doneLabel = 'Готово',\n  ...restProps\n}: PanelHeaderEditProps): React.ReactNode => {\n  const platform = usePlatform();\n  const label = isActive ? doneLabel : editLabel;\n\n  return (\n    <PanelHeaderButton\n      {...restProps}\n      label={platform === 'ios' ? label : label && <VisuallyHidden>{label}</VisuallyHidden>}\n    >\n      {platform !== 'ios' && (\n        <AdaptiveIconRenderer\n          IconCompact={isActive ? Icon24DoneOutline : Icon24PenOutline}\n          IconRegular={isActive ? Icon28DoneOutline : Icon28EditOutline}\n        />\n      )}\n    </PanelHeaderButton>\n  );\n};\n"],"names":["React","Icon24DoneOutline","Icon24PenOutline","Icon28DoneOutline","Icon28EditOutline","usePlatform","AdaptiveIconRenderer","PanelHeaderButton","VisuallyHidden","PanelHeaderEdit","isActive","editLabel","doneLabel","restProps","platform","label","IconCompact","IconRegular"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SACEC,iBAAiB,EACjBC,gBAAgB,EAChBC,iBAAiB,EACjBC,iBAAiB,QACZ,mBAAmB;AAC1B,SAASC,WAAW,QAAQ,6BAA0B;AACtD,SAASC,oBAAoB,QAAQ,kDAA+C;AACpF,SACEC,iBAAiB,QAEZ,4CAAyC;AAChD,SAASC,cAAc,QAAQ,sCAAmC;AAiBlE;;CAEC,GACD,OAAO,MAAMC,kBAAkB,CAAC,EAC9BC,WAAW,KAAK,EAChBC,YAAY,eAAe,EAC3BC,YAAY,QAAQ,EACpB,GAAGC,WACkB;IACrB,MAAMC,WAAWT;IACjB,MAAMU,QAAQL,WAAWE,YAAYD;IAErC,qBACE,KAACJ;QACE,GAAGM,SAAS;QACbE,OAAOD,aAAa,QAAQC,QAAQA,uBAAS,KAACP;sBAAgBO;;kBAE7DD,aAAa,uBACZ,KAACR;YACCU,aAAaN,WAAWT,oBAAoBC;YAC5Ce,aAAaP,WAAWP,oBAAoBC;;;AAKtD,EAAE"}

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

@@ -1,9 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
+import { defineComponentDisplayNames } from "../../lib/react/defineComponentDisplayNames.js";
 import { Spinner } from "../Spinner/Spinner.js";
 /**
  * @see https://vkcom.github.io/VKUI/#/PanelSpinner
- */ export const PanelSpinner = /*#__PURE__*/ React.memo(({ height = 96, style, ...restProps })=>/*#__PURE__*/ _jsx(Spinner, {
+ */ // eslint-disable-next-line react/display-name -- используется defineComponentDisplayNames
+export const PanelSpinner = /*#__PURE__*/ React.memo(({ height = 96, style, ...restProps })=>/*#__PURE__*/ _jsx(Spinner, {
         size: "m",
         ...restProps,
         style: {
@@ -11,6 +13,8 @@ import { Spinner } from "../Spinner/Spinner.js";
             ...style
         }
     }));
-PanelSpinner.displayName = 'PanelSpinner';
+if (process.env.NODE_ENV !== 'production') {
+    defineComponentDisplayNames(PanelSpinner, 'PanelSpinner');
+}
 
 //# sourceMappingURL=PanelSpinner.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelSpinner/PanelSpinner.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Spinner, type SpinnerProps } from '../Spinner/Spinner';\n\nexport interface PanelSpinnerProps extends SpinnerProps {\n  height?: number;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelSpinner\n */\nexport const PanelSpinner: React.FC<PanelSpinnerProps> = React.memo(\n  ({ height = 96, style, ...restProps }: PanelSpinnerProps) => (\n    <Spinner size=\"m\" {...restProps} style={{ height, ...style }} />\n  ),\n);\n\nPanelSpinner.displayName = 'PanelSpinner';\n"],"names":["React","Spinner","PanelSpinner","memo","height","style","restProps","size","displayName"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,OAAO,QAA2B,wBAAqB;AAMhE;;CAEC,GACD,OAAO,MAAMC,6BAA4CF,MAAMG,IAAI,CACjE,CAAC,EAAEC,SAAS,EAAE,EAAEC,KAAK,EAAE,GAAGC,WAA8B,iBACtD,KAACL;QAAQM,MAAK;QAAK,GAAGD,SAAS;QAAED,OAAO;YAAED;YAAQ,GAAGC,KAAK;QAAC;QAE7D;AAEFH,aAAaM,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/PanelSpinner/PanelSpinner.tsx"],"sourcesContent":["import * as React from 'react';\nimport { defineComponentDisplayNames } from '../../lib/react/defineComponentDisplayNames';\nimport { Spinner, type SpinnerProps } from '../Spinner/Spinner';\n\nexport interface PanelSpinnerProps extends SpinnerProps {\n  /**\n   * Высота компонента.\n   */\n  height?: number;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelSpinner\n */\n// eslint-disable-next-line react/display-name -- используется defineComponentDisplayNames\nexport const PanelSpinner = React.memo(\n  ({ height = 96, style, ...restProps }: PanelSpinnerProps) => (\n    <Spinner size=\"m\" {...restProps} style={{ height, ...style }} />\n  ),\n);\n\nif (process.env.NODE_ENV !== 'production') {\n  defineComponentDisplayNames(PanelSpinner, 'PanelSpinner');\n}\n"],"names":["React","defineComponentDisplayNames","Spinner","PanelSpinner","memo","height","style","restProps","size","process","env","NODE_ENV"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,2BAA2B,QAAQ,iDAA8C;AAC1F,SAASC,OAAO,QAA2B,wBAAqB;AAShE;;CAEC,GACD,0FAA0F;AAC1F,OAAO,MAAMC,6BAAeH,MAAMI,IAAI,CACpC,CAAC,EAAEC,SAAS,EAAE,EAAEC,KAAK,EAAE,GAAGC,WAA8B,iBACtD,KAACL;QAAQM,MAAK;QAAK,GAAGD,SAAS;QAAED,OAAO;YAAED;YAAQ,GAAGC,KAAK;QAAC;QAE7D;AAEF,IAAIG,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;IACzCV,4BAA4BE,cAAc;AAC5C"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Placeholder/Placeholder.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport type { HasComponent, HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Title } from '../Typography/Title/Title';\nimport styles from './Placeholder.module.css';\n\nexport interface PlaceholderContainerProps\n  extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'title'> {\n  /**\n   * Растягивает плейсхолдер на весь экран, но в таком случае на экране должен быть только плейсхолдер\n   */\n  stretched?: boolean;\n  /**\n   * Убирает отступы у компонента\n   */\n  noPadding?: boolean;\n}\n\nconst PlaceholderContainer = ({\n  stretched,\n  noPadding = false,\n  ...restProps\n}: PlaceholderContainerProps): React.ReactNode => (\n  <RootComponent\n    baseClassName={classNames(\n      styles.host,\n      stretched && styles.stretched,\n      !noPadding && styles.withPadding,\n    )}\n    {...restProps}\n  />\n);\n\nexport type PlaceholderIconProps = HTMLAttributesWithRootRef<HTMLDivElement>;\n\nconst PlaceholderIcon = (props: PlaceholderIconProps): React.ReactNode => (\n  <RootComponent baseClassName={styles.icon} {...props} />\n);\n\nexport type PlaceholderTitleProps = HTMLAttributesWithRootRef<HTMLElement> & HasComponent;\n\nconst PlaceholderTitle = ({ className, ...restProps }: PlaceholderTitleProps): React.ReactNode => (\n  <Title level=\"2\" weight=\"2\" className={classNames(className, styles.title)} {...restProps} />\n);\n\nexport type PlaceholderDescriptionProps = HTMLAttributesWithRootRef<HTMLElement> & HasComponent;\n\nconst PlaceholderDescription = ({\n  className,\n  ...restProps\n}: PlaceholderDescriptionProps): React.ReactNode => (\n  <Headline weight=\"3\" className={classNames(className, styles.description)} {...restProps} />\n);\n\nexport type PlaceholderActionsProps = HTMLAttributesWithRootRef<HTMLDivElement>;\n\nconst PlaceholderActions = (props: PlaceholderActionsProps): React.ReactNode => (\n  <RootComponent baseClassName={styles.action} {...props} />\n);\n\nexport interface PlaceholderProps extends PlaceholderContainerProps {\n  /**\n   * Иконка\n   */\n  icon?: React.ReactNode;\n  /**\n   * Заголовок плейсхолдера\n   */\n  title?: React.ReactNode;\n  /**\n   * Кнопка действия\n   */\n  action?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Placeholder\n */\nexport const Placeholder: React.FC<PlaceholderProps> & {\n  Container: typeof PlaceholderContainer;\n  Icon: typeof PlaceholderIcon;\n  Title: typeof PlaceholderTitle;\n  Description: typeof PlaceholderDescription;\n  Actions: typeof PlaceholderActions;\n} = ({ icon, title, children, action, noPadding = false, ...restProps }: PlaceholderProps) => (\n  <PlaceholderContainer noPadding={noPadding} {...restProps}>\n    {hasReactNode(icon) && <PlaceholderIcon>{icon}</PlaceholderIcon>}\n    {hasReactNode(title) && <PlaceholderTitle>{title}</PlaceholderTitle>}\n    {hasReactNode(children) && <PlaceholderDescription>{children}</PlaceholderDescription>}\n    {hasReactNode(action) && <PlaceholderActions>{action}</PlaceholderActions>}\n  </PlaceholderContainer>\n);\n\nPlaceholder.Container = PlaceholderContainer;\nPlaceholder.Icon = PlaceholderIcon;\nPlaceholder.Title = PlaceholderTitle;\nPlaceholder.Description = PlaceholderDescription;\nPlaceholder.Actions = PlaceholderActions;\n"],"names":["React","classNames","hasReactNode","RootComponent","Headline","Title","styles","PlaceholderContainer","stretched","noPadding","restProps","baseClassName","host","withPadding","PlaceholderIcon","props","icon","PlaceholderTitle","className","level","weight","title","PlaceholderDescription","description","PlaceholderActions","action","Placeholder","children","Container","Icon","Description","Actions"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAE3D,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,QAAQ,QAAQ,qCAAkC;AAC3D,SAASC,KAAK,QAAQ,+BAA4B;AAClD,OAAOC,YAAY,2BAA2B;AAc9C,MAAMC,uBAAuB,CAAC,EAC5BC,SAAS,EACTC,YAAY,KAAK,EACjB,GAAGC,WACuB,iBAC1B,KAACP;QACCQ,eAAeV,WACbK,OAAOM,IAAI,EACXJ,aAAaF,OAAOE,SAAS,EAC7B,CAACC,aAAaH,OAAOO,WAAW;QAEjC,GAAGH,SAAS;;AAMjB,MAAMI,kBAAkB,CAACC,sBACvB,KAACZ;QAAcQ,eAAeL,OAAOU,IAAI;QAAG,GAAGD,KAAK;;AAKtD,MAAME,mBAAmB,CAAC,EAAEC,SAAS,EAAE,GAAGR,WAAkC,iBAC1E,KAACL;QAAMc,OAAM;QAAIC,QAAO;QAAIF,WAAWjB,WAAWiB,WAAWZ,OAAOe,KAAK;QAAI,GAAGX,SAAS;;AAK3F,MAAMY,yBAAyB,CAAC,EAC9BJ,SAAS,EACT,GAAGR,WACyB,iBAC5B,KAACN;QAASgB,QAAO;QAAIF,WAAWjB,WAAWiB,WAAWZ,OAAOiB,WAAW;QAAI,GAAGb,SAAS;;AAK1F,MAAMc,qBAAqB,CAACT,sBAC1B,KAACZ;QAAcQ,eAAeL,OAAOmB,MAAM;QAAG,GAAGV,KAAK;;AAkBxD;;CAEC,GACD,OAAO,MAAMW,cAMT,CAAC,EAAEV,IAAI,EAAEK,KAAK,EAAEM,QAAQ,EAAEF,MAAM,EAAEhB,YAAY,KAAK,EAAE,GAAGC,WAA6B,iBACvF,MAACH;QAAqBE,WAAWA;QAAY,GAAGC,SAAS;;YACtDR,aAAac,uBAAS,KAACF;0BAAiBE;;YACxCd,aAAamB,wBAAU,KAACJ;0BAAkBI;;YAC1CnB,aAAayB,2BAAa,KAACL;0BAAwBK;;YACnDzB,aAAauB,yBAAW,KAACD;0BAAoBC;;;OAEhD;AAEFC,YAAYE,SAAS,GAAGrB;AACxBmB,YAAYG,IAAI,GAAGf;AACnBY,YAAYrB,KAAK,GAAGY;AACpBS,YAAYI,WAAW,GAAGR;AAC1BI,YAAYK,OAAO,GAAGP"}
+{"version":3,"sources":["../../../../src/components/Placeholder/Placeholder.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport type { HasComponent, HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Title } from '../Typography/Title/Title';\nimport styles from './Placeholder.module.css';\n\nexport interface PlaceholderContainerProps\n  extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'title'> {\n  /**\n   * Растягивает плейсхолдер на весь экран, но в таком случае на экране должен быть только плейсхолдер.\n   */\n  stretched?: boolean;\n  /**\n   * Убирает отступы у компонента.\n   */\n  noPadding?: boolean;\n}\n\nconst PlaceholderContainer = ({\n  stretched,\n  noPadding = false,\n  ...restProps\n}: PlaceholderContainerProps): React.ReactNode => (\n  <RootComponent\n    baseClassName={classNames(\n      styles.host,\n      stretched && styles.stretched,\n      !noPadding && styles.withPadding,\n    )}\n    {...restProps}\n  />\n);\n\nexport type PlaceholderIconProps = HTMLAttributesWithRootRef<HTMLDivElement>;\n\nconst PlaceholderIcon = (props: PlaceholderIconProps): React.ReactNode => (\n  <RootComponent baseClassName={styles.icon} {...props} />\n);\n\nexport type PlaceholderTitleProps = HTMLAttributesWithRootRef<HTMLElement> & HasComponent;\n\nconst PlaceholderTitle = ({ className, ...restProps }: PlaceholderTitleProps): React.ReactNode => (\n  <Title level=\"2\" weight=\"2\" className={classNames(className, styles.title)} {...restProps} />\n);\n\nexport type PlaceholderDescriptionProps = HTMLAttributesWithRootRef<HTMLElement> & HasComponent;\n\nconst PlaceholderDescription = ({\n  className,\n  ...restProps\n}: PlaceholderDescriptionProps): React.ReactNode => (\n  <Headline weight=\"3\" className={classNames(className, styles.description)} {...restProps} />\n);\n\nexport type PlaceholderActionsProps = HTMLAttributesWithRootRef<HTMLDivElement>;\n\nconst PlaceholderActions = (props: PlaceholderActionsProps): React.ReactNode => (\n  <RootComponent baseClassName={styles.action} {...props} />\n);\n\nexport interface PlaceholderProps extends PlaceholderContainerProps {\n  /**\n   * Иконка.\n   */\n  icon?: React.ReactNode;\n  /**\n   * Заголовок плейсхолдера.\n   */\n  title?: React.ReactNode;\n  /**\n   * Кнопка действия.\n   */\n  action?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Placeholder\n */\nexport const Placeholder: React.FC<PlaceholderProps> & {\n  Container: typeof PlaceholderContainer;\n  Icon: typeof PlaceholderIcon;\n  Title: typeof PlaceholderTitle;\n  Description: typeof PlaceholderDescription;\n  Actions: typeof PlaceholderActions;\n} = ({ icon, title, children, action, noPadding = false, ...restProps }: PlaceholderProps) => (\n  <PlaceholderContainer noPadding={noPadding} {...restProps}>\n    {hasReactNode(icon) && <PlaceholderIcon>{icon}</PlaceholderIcon>}\n    {hasReactNode(title) && <PlaceholderTitle>{title}</PlaceholderTitle>}\n    {hasReactNode(children) && <PlaceholderDescription>{children}</PlaceholderDescription>}\n    {hasReactNode(action) && <PlaceholderActions>{action}</PlaceholderActions>}\n  </PlaceholderContainer>\n);\n\nPlaceholder.Container = PlaceholderContainer;\nPlaceholder.Icon = PlaceholderIcon;\nPlaceholder.Title = PlaceholderTitle;\nPlaceholder.Description = PlaceholderDescription;\nPlaceholder.Actions = PlaceholderActions;\n"],"names":["React","classNames","hasReactNode","RootComponent","Headline","Title","styles","PlaceholderContainer","stretched","noPadding","restProps","baseClassName","host","withPadding","PlaceholderIcon","props","icon","PlaceholderTitle","className","level","weight","title","PlaceholderDescription","description","PlaceholderActions","action","Placeholder","children","Container","Icon","Description","Actions"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAE3D,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,QAAQ,QAAQ,qCAAkC;AAC3D,SAASC,KAAK,QAAQ,+BAA4B;AAClD,OAAOC,YAAY,2BAA2B;AAc9C,MAAMC,uBAAuB,CAAC,EAC5BC,SAAS,EACTC,YAAY,KAAK,EACjB,GAAGC,WACuB,iBAC1B,KAACP;QACCQ,eAAeV,WACbK,OAAOM,IAAI,EACXJ,aAAaF,OAAOE,SAAS,EAC7B,CAACC,aAAaH,OAAOO,WAAW;QAEjC,GAAGH,SAAS;;AAMjB,MAAMI,kBAAkB,CAACC,sBACvB,KAACZ;QAAcQ,eAAeL,OAAOU,IAAI;QAAG,GAAGD,KAAK;;AAKtD,MAAME,mBAAmB,CAAC,EAAEC,SAAS,EAAE,GAAGR,WAAkC,iBAC1E,KAACL;QAAMc,OAAM;QAAIC,QAAO;QAAIF,WAAWjB,WAAWiB,WAAWZ,OAAOe,KAAK;QAAI,GAAGX,SAAS;;AAK3F,MAAMY,yBAAyB,CAAC,EAC9BJ,SAAS,EACT,GAAGR,WACyB,iBAC5B,KAACN;QAASgB,QAAO;QAAIF,WAAWjB,WAAWiB,WAAWZ,OAAOiB,WAAW;QAAI,GAAGb,SAAS;;AAK1F,MAAMc,qBAAqB,CAACT,sBAC1B,KAACZ;QAAcQ,eAAeL,OAAOmB,MAAM;QAAG,GAAGV,KAAK;;AAkBxD;;CAEC,GACD,OAAO,MAAMW,cAMT,CAAC,EAAEV,IAAI,EAAEK,KAAK,EAAEM,QAAQ,EAAEF,MAAM,EAAEhB,YAAY,KAAK,EAAE,GAAGC,WAA6B,iBACvF,MAACH;QAAqBE,WAAWA;QAAY,GAAGC,SAAS;;YACtDR,aAAac,uBAAS,KAACF;0BAAiBE;;YACxCd,aAAamB,wBAAU,KAACJ;0BAAkBI;;YAC1CnB,aAAayB,2BAAa,KAACL;0BAAwBK;;YACnDzB,aAAauB,yBAAW,KAACD;0BAAoBC;;;OAEhD;AAEFC,YAAYE,SAAS,GAAGrB;AACxBmB,YAAYG,IAAI,GAAGf;AACnBY,YAAYrB,KAAK,GAAGY;AACpBS,YAAYI,WAAW,GAAGR;AAC1BI,YAAYK,OAAO,GAAGP"}

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

@@ -3,7 +3,7 @@ import * as React from "react";
 import { TokensClassProvider } from "../../lib/tokens/TokensClassProvider.js";
 import { ConfigProviderOverride } from "../ConfigProvider/ConfigProviderOverride.js";
 /**
- * Компонент, позволяющий переопределить платформу для части приложения
+ * Компонент, позволяющий переопределить платформу для части приложения.
  *
  * @since 5.1.0
  * @see https://vkcom.github.io/VKUI/#/PlatformProvider