@vkontakte/vkui 8.0.2 → 8.1.1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PanelHeaderContent/PanelHeaderContent.tsx"],"sourcesContent":["'use client';\n\nimport type * 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 densityClassNames = {\n  none: styles.densityNone,\n  compact: styles.densityCompact,\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://vkui.io/components/panel-header#panel-header-content\n */\nexport const PanelHeaderContent = ({\n  aside,\n  subtitle,\n  before,\n  children,\n  onClick,\n  ...restProps\n}: PanelHeaderContentProps): React.ReactNode => {\n  const { density = '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        density !== 'regular' && densityClassNames[density],\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":["classNames","hasReactNode","useAdaptivity","usePlatform","RootComponent","Tappable","Footnote","Text","platformClassNames","ios","android","vkcom","densityClassNames","none","compact","PanelHeaderChildren","hasSubtitle","hasBefore","children","platform","className","Component","weight","undefined","div","PanelHeaderContent","aside","subtitle","before","onClick","restProps","density","InComponent","rootProps","inProps","activeEffectDelay","hasActive","activeMode","baseClassName","hasOwnProperty"],"mappings":"AAAA;;AAGA,SAASA,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;AAG/C,MAAMC,qBAAqB;IACzBC,GAAG;IACHC,OAAO;IACPC,KAAK;AACP;AAEA,MAAMC,oBAAoB;IACxBC,IAAI;IACJC,OAAO;AACT;AA4BA,MAAMC,sBAAsB,CAAC,EAAEC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,EAA4B;IACzF,MAAMC,WAAWhB;IAEjB,OAAOa,eAAeC,0BACpB,KAACV;QACCa,SAAS;QACTC,WAAU;QACVC,QAAQH,aAAa,UAAU,MAAMI;kBAEpCL;uBAGH,KAACM;QAAIJ,SAAS;kBAAsBF;;AAExC;AAEA;;CAEC,GACD,OAAO,MAAMO,qBAAqB,CAAC,EACjCC,KAAK,EACLC,QAAQ,EACRC,MAAM,EACNV,QAAQ,EACRW,OAAO,EACP,GAAGC,WACqB;IACxB,MAAM,EAAEC,UAAU,MAAM,EAAE,GAAG7B;IAC7B,MAAM8B,cAAcH,UAAUxB,WAAW;IACzC,MAAM4B,YAAYJ,UAAU,CAAC,IAAIC;IACjC,MAAMX,WAAWhB;IACjB,MAAM+B,UAAUL,UACZ;QACE,GAAGC,SAAS;QACZD;QACAM,mBAAmB;QACnBC,WAAWjB,aAAa;QACxBkB,YAAY;IACd,IACA,CAAC;IAEL,qBACE,MAACjC;QACE,GAAG6B,SAAS;QACbK,eAAetC,2CAEbQ,mBAAmB+B,cAAc,CAACpB,YAC9BX,kBAAkB,CAACW,SAAS,GAC5BX,mBAAmBE,OAAO,EAC9BqB,YAAY,aAAanB,iBAAiB,CAACmB,QAAQ;;YAGpD9B,aAAa2B,yBAAW,KAACJ;gBAAIJ,SAAS;0BAAkBQ;;0BACzD,MAACI;gBACE,GAAGE,OAAO;gBACXd,WAAWpB,yCAAsB,CAAC4B,UAAUT,aAAa;;oBAExDlB,aAAa0B,2BAAa,KAACrB;wBAASc,SAAS;kCAAoBO;;kCAClE,MAACH;wBAAIJ,SAAS;;0CACZ,KAACL;gCACCC,aAAaf,aAAa0B;gCAC1BV,WAAWhB,aAAa2B;0CAEvBV;;4BAEFjB,aAAayB,wBAAU,KAACF;gCAAIJ,SAAS;0CAAiBM;;;;oBAExDzB,aAAa2B,yBAAW,KAACJ;wBAAIJ,SAAS;;;;;;AAI/C,EAAE"}
+{"version":3,"sources":["../../../src/components/PanelHeaderContent/PanelHeaderContent.tsx"],"sourcesContent":["'use client';\n\nimport type * 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 densityClassNames = {\n  none: styles.densityNone,\n  compact: styles.densityCompact,\n};\n\nexport interface PanelHeaderContentProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  /**\n   * Компонент отображаемый после содержимого.\n   */\n  aside?: React.ReactNode | undefined;\n  /**\n   * Компонент отображаемый до содержимого.\n   */\n  before?: React.ReactNode | undefined;\n  /**\n   * Подпись под основным текстом.\n   */\n  subtitle?: React.ReactNode | undefined;\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://vkui.io/components/panel-header#panel-header-content\n */\nexport const PanelHeaderContent = ({\n  aside,\n  subtitle,\n  before,\n  children,\n  onClick,\n  ...restProps\n}: PanelHeaderContentProps): React.ReactNode => {\n  const { density = '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        density !== 'regular' && densityClassNames[density],\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":["classNames","hasReactNode","useAdaptivity","usePlatform","RootComponent","Tappable","Footnote","Text","platformClassNames","ios","android","vkcom","densityClassNames","none","compact","PanelHeaderChildren","hasSubtitle","hasBefore","children","platform","className","Component","weight","undefined","div","PanelHeaderContent","aside","subtitle","before","onClick","restProps","density","InComponent","rootProps","inProps","activeEffectDelay","hasActive","activeMode","baseClassName","hasOwnProperty"],"mappings":"AAAA;;AAGA,SAASA,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;AAG/C,MAAMC,qBAAqB;IACzBC,GAAG;IACHC,OAAO;IACPC,KAAK;AACP;AAEA,MAAMC,oBAAoB;IACxBC,IAAI;IACJC,OAAO;AACT;AA4BA,MAAMC,sBAAsB,CAAC,EAAEC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,EAA4B;IACzF,MAAMC,WAAWhB;IAEjB,OAAOa,eAAeC,0BACpB,KAACV;QACCa,SAAS;QACTC,WAAU;QACVC,QAAQH,aAAa,UAAU,MAAMI;kBAEpCL;uBAGH,KAACM;QAAIJ,SAAS;kBAAsBF;;AAExC;AAEA;;CAEC,GACD,OAAO,MAAMO,qBAAqB,CAAC,EACjCC,KAAK,EACLC,QAAQ,EACRC,MAAM,EACNV,QAAQ,EACRW,OAAO,EACP,GAAGC,WACqB;IACxB,MAAM,EAAEC,UAAU,MAAM,EAAE,GAAG7B;IAC7B,MAAM8B,cAAcH,UAAUxB,WAAW;IACzC,MAAM4B,YAAYJ,UAAU,CAAC,IAAIC;IACjC,MAAMX,WAAWhB;IACjB,MAAM+B,UAAUL,UACZ;QACE,GAAGC,SAAS;QACZD;QACAM,mBAAmB;QACnBC,WAAWjB,aAAa;QACxBkB,YAAY;IACd,IACA,CAAC;IAEL,qBACE,MAACjC;QACE,GAAG6B,SAAS;QACbK,eAAetC,2CAEbQ,mBAAmB+B,cAAc,CAACpB,YAC9BX,kBAAkB,CAACW,SAAS,GAC5BX,mBAAmBE,OAAO,EAC9BqB,YAAY,aAAanB,iBAAiB,CAACmB,QAAQ;;YAGpD9B,aAAa2B,yBAAW,KAACJ;gBAAIJ,SAAS;0BAAkBQ;;0BACzD,MAACI;gBACE,GAAGE,OAAO;gBACXd,WAAWpB,yCAAsB,CAAC4B,UAAUT,aAAa;;oBAExDlB,aAAa0B,2BAAa,KAACrB;wBAASc,SAAS;kCAAoBO;;kCAClE,MAACH;wBAAIJ,SAAS;;0CACZ,KAACL;gCACCC,aAAaf,aAAa0B;gCAC1BV,WAAWhB,aAAa2B;0CAEvBV;;4BAEFjB,aAAayB,wBAAU,KAACF;gCAAIJ,SAAS;0CAAiBM;;;;oBAExDzB,aAAa2B,yBAAW,KAACJ;wBAAIJ,SAAS;;;;;;AAI/C,EAAE"}

package/dist/components/PanelHeaderEdit/PanelHeaderEdit.d.ts

@@ -4,15 +4,15 @@ export interface PanelHeaderEditProps extends Omit<PanelHeaderButtonProps, 'labe
     /**
      * Включен ли режим редактирования.
      */
-    isActive?: boolean;
+    isActive?: boolean | undefined;
     /**
      * Текст кнопки, когда режим редактирования не активен. Визуально скрыт везде, кроме iOS.
      */
-    editLabel?: string;
+    editLabel?: string | undefined;
     /**
      * Текст кнопки при активном режиме редактирования для выхода из него. Визуально скрыт везде, кроме iOS.
      */
-    doneLabel?: string;
+    doneLabel?: string | undefined;
 }
 /**
  * @see https://vkui.io/components/panel-header#panel-header-edit

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

@@ -1 +1 @@
-{"version":3,"file":"PanelHeaderEdit.d.ts","sourceRoot":"","sources":["../../../src/components/PanelHeaderEdit/PanelHeaderEdit.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AASpC,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,wCAAwC,CAAC;AAGhD,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,sBAAsB,EAAE,OAAO,GAAG,UAAU,CAAC;IAC9F;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,kDAK7B,oBAAoB,KAAG,KAAK,CAAC,SAiB/B,CAAC"}
+{"version":3,"file":"PanelHeaderEdit.d.ts","sourceRoot":"","sources":["../../../src/components/PanelHeaderEdit/PanelHeaderEdit.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AASpC,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,wCAAwC,CAAC;AAGhD,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,sBAAsB,EAAE,OAAO,GAAG,UAAU,CAAC;IAC9F;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,kDAK7B,oBAAoB,KAAG,KAAK,CAAC,SAiB/B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PanelHeaderEdit/PanelHeaderEdit.tsx"],"sourcesContent":["'use client';\n\nimport type * 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://vkui.io/components/panel-header#panel-header-edit\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":["Icon24DoneOutline","Icon24PenOutline","Icon28DoneOutline","Icon28EditOutline","usePlatform","AdaptiveIconRenderer","PanelHeaderButton","VisuallyHidden","PanelHeaderEdit","isActive","editLabel","doneLabel","restProps","platform","label","IconCompact","IconRegular"],"mappings":"AAAA;;AAGA,SACEA,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 type * 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 | undefined;\n  /**\n   * Текст кнопки, когда режим редактирования не активен. Визуально скрыт везде, кроме iOS.\n   */\n  editLabel?: string | undefined;\n  /**\n   * Текст кнопки при активном режиме редактирования для выхода из него. Визуально скрыт везде, кроме iOS.\n   */\n  doneLabel?: string | undefined;\n}\n\n/**\n * @see https://vkui.io/components/panel-header#panel-header-edit\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":["Icon24DoneOutline","Icon24PenOutline","Icon28DoneOutline","Icon28EditOutline","usePlatform","AdaptiveIconRenderer","PanelHeaderButton","VisuallyHidden","PanelHeaderEdit","isActive","editLabel","doneLabel","restProps","platform","label","IconCompact","IconRegular"],"mappings":"AAAA;;AAGA,SACEA,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/components/PanelSpinner/PanelSpinner.d.ts

@@ -4,7 +4,7 @@ export interface PanelSpinnerProps extends SpinnerProps {
     /**
      * Высота компонента.
      */
-    height?: number;
+    height?: number | undefined;
 }
 /**
  * @see https://vkui.io/components/panel#panel-spinner

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

@@ -1 +1 @@
-{"version":3,"file":"PanelSpinner.d.ts","sourceRoot":"","sources":["../../../src/components/PanelSpinner/PanelSpinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEhE,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AAEH,eAAO,MAAM,YAAY,8DACgB,iBAAiB,6CAGzD,CAAC"}
+{"version":3,"file":"PanelSpinner.d.ts","sourceRoot":"","sources":["../../../src/components/PanelSpinner/PanelSpinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEhE,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC7B;AAED;;GAEG;AAEH,eAAO,MAAM,YAAY,8DACgB,iBAAiB,6CAGzD,CAAC"}

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

@@ -1 +1 @@
-{"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://vkui.io/components/panel#panel-spinner\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"}
+{"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 | undefined;\n}\n\n/**\n * @see https://vkui.io/components/panel#panel-spinner\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/components/Placeholder/Placeholder.d.ts

@@ -4,11 +4,11 @@ export interface PlaceholderContainerProps extends Omit<HTMLAttributesWithRootRe
     /**
      * Растягивает плейсхолдер на весь экран, но в таком случае на экране должен быть только плейсхолдер.
      */
-    stretched?: boolean;
+    stretched?: boolean | undefined;
     /**
      * Убирает отступы у компонента.
      */
-    noPadding?: boolean;
+    noPadding?: boolean | undefined;
 }
 declare const PlaceholderContainer: ({ stretched, noPadding, ...restProps }: PlaceholderContainerProps) => React.ReactNode;
 export type PlaceholderIconProps = HTMLAttributesWithRootRef<HTMLDivElement>;
@@ -23,15 +23,15 @@ export interface PlaceholderProps extends PlaceholderContainerProps {
     /**
      * Иконка.
      */
-    icon?: React.ReactNode;
+    icon?: React.ReactNode | undefined;
     /**
      * Заголовок плейсхолдера.
      */
-    title?: React.ReactNode;
+    title?: React.ReactNode | undefined;
     /**
      * Кнопка действия.
      */
-    action?: React.ReactNode;
+    action?: React.ReactNode | undefined;
 }
 /**
  * @see https://vkui.io/components/placeholder

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

@@ -1 +1 @@
-{"version":3,"file":"Placeholder.d.ts","sourceRoot":"","sources":["../../../src/components/Placeholder/Placeholder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAM3E,MAAM,WAAW,yBACf,SAAQ,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAChE;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,oBAAoB,GAAI,wCAI3B,yBAAyB,KAAG,KAAK,CAAC,SASpC,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,yBAAyB,CAAC,cAAc,CAAC,CAAC;AAE7E,QAAA,MAAM,eAAe,GAAI,OAAO,oBAAoB,KAAG,KAAK,CAAC,SAE5D,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,CAAC,WAAW,CAAC,GAAG,YAAY,CAAC;AAE1F,QAAA,MAAM,gBAAgB,GAAI,6BAA6B,qBAAqB,KAAG,KAAK,CAAC,SAEpF,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,yBAAyB,CAAC,WAAW,CAAC,GAAG,YAAY,CAAC;AAEhG,QAAA,MAAM,sBAAsB,GAAI,6BAG7B,2BAA2B,KAAG,KAAK,CAAC,SAEtC,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,yBAAyB,CAAC,cAAc,CAAC,CAAC;AAEhF,QAAA,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,KAAG,KAAK,CAAC,SAElE,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,yBAAyB;IACjE;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,GAAG;IACrD,SAAS,EAAE,OAAO,oBAAoB,CAAC;IACvC,IAAI,EAAE,OAAO,eAAe,CAAC;IAC7B,KAAK,EAAE,OAAO,gBAAgB,CAAC;IAC/B,WAAW,EAAE,OAAO,sBAAsB,CAAC;IAC3C,OAAO,EAAE,OAAO,kBAAkB,CAAC;CAQpC,CAAC"}
+{"version":3,"file":"Placeholder.d.ts","sourceRoot":"","sources":["../../../src/components/Placeholder/Placeholder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAM3E,MAAM,WAAW,yBACf,SAAQ,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAChE;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACjC;AAED,QAAA,MAAM,oBAAoB,GAAI,wCAI3B,yBAAyB,KAAG,KAAK,CAAC,SASpC,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,yBAAyB,CAAC,cAAc,CAAC,CAAC;AAE7E,QAAA,MAAM,eAAe,GAAI,OAAO,oBAAoB,KAAG,KAAK,CAAC,SAE5D,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,CAAC,WAAW,CAAC,GAAG,YAAY,CAAC;AAE1F,QAAA,MAAM,gBAAgB,GAAI,6BAA6B,qBAAqB,KAAG,KAAK,CAAC,SAEpF,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,yBAAyB,CAAC,WAAW,CAAC,GAAG,YAAY,CAAC;AAEhG,QAAA,MAAM,sBAAsB,GAAI,6BAG7B,2BAA2B,KAAG,KAAK,CAAC,SAEtC,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,yBAAyB,CAAC,cAAc,CAAC,CAAC;AAEhF,QAAA,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,KAAG,KAAK,CAAC,SAElE,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,yBAAyB;IACjE;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACnC;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;CACtC;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,GAAG;IACrD,SAAS,EAAE,OAAO,oBAAoB,CAAC;IACvC,IAAI,EAAE,OAAO,eAAe,CAAC;IAC7B,KAAK,EAAE,OAAO,gBAAgB,CAAC;IAC/B,WAAW,EAAE,OAAO,sBAAsB,CAAC;IAC3C,OAAO,EAAE,OAAO,kBAAkB,CAAC;CAQpC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Placeholder/Placeholder.tsx"],"sourcesContent":["import type * 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://vkui.io/components/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":["classNames","hasReactNode","RootComponent","Headline","Title","PlaceholderContainer","stretched","noPadding","restProps","baseClassName","PlaceholderIcon","props","PlaceholderTitle","className","level","weight","PlaceholderDescription","PlaceholderActions","Placeholder","icon","title","children","action","Container","Icon","Description","Actions"],"mappings":";AACA,SAASA,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAE3D,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,QAAQ,QAAQ,qCAAkC;AAC3D,SAASC,KAAK,QAAQ,+BAA4B;AAelD,MAAMC,uBAAuB,CAAC,EAC5BC,SAAS,EACTC,YAAY,KAAK,EACjB,GAAGC,WACuB,iBAC1B,KAACN;QACCO,eAAeT,oCAEbM,2CACA,CAACC;QAEF,GAAGC,SAAS;;AAMjB,MAAME,kBAAkB,CAACC,sBACvB,KAACT;QAAcO,aAAa;QAAgB,GAAGE,KAAK;;AAKtD,MAAMC,mBAAmB,CAAC,EAAEC,SAAS,EAAE,GAAGL,WAAkC,iBAC1E,KAACJ;QAAMU,OAAM;QAAIC,QAAO;QAAIF,WAAWb,WAAWa;QAA2B,GAAGL,SAAS;;AAK3F,MAAMQ,yBAAyB,CAAC,EAC9BH,SAAS,EACT,GAAGL,WACyB,iBAC5B,KAACL;QAASY,QAAO;QAAIF,WAAWb,WAAWa;QAAiC,GAAGL,SAAS;;AAK1F,MAAMS,qBAAqB,CAACN,sBAC1B,KAACT;QAAcO,aAAa;QAAkB,GAAGE,KAAK;;AAkBxD;;CAEC,GACD,OAAO,MAAMO,cAMT,CAAC,EAAEC,IAAI,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,MAAM,EAAEf,YAAY,KAAK,EAAE,GAAGC,WAA6B,iBACvF,MAACH;QAAqBE,WAAWA;QAAY,GAAGC,SAAS;;YACtDP,aAAakB,uBAAS,KAACT;0BAAiBS;;YACxClB,aAAamB,wBAAU,KAACR;0BAAkBQ;;YAC1CnB,aAAaoB,2BAAa,KAACL;0BAAwBK;;YACnDpB,aAAaqB,yBAAW,KAACL;0BAAoBK;;;OAEhD;AAEFJ,YAAYK,SAAS,GAAGlB;AACxBa,YAAYM,IAAI,GAAGd;AACnBQ,YAAYd,KAAK,GAAGQ;AACpBM,YAAYO,WAAW,GAAGT;AAC1BE,YAAYQ,OAAO,GAAGT"}
+{"version":3,"sources":["../../../src/components/Placeholder/Placeholder.tsx"],"sourcesContent":["import type * 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 | undefined;\n  /**\n   * Убирает отступы у компонента.\n   */\n  noPadding?: boolean | undefined;\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 | undefined;\n  /**\n   * Заголовок плейсхолдера.\n   */\n  title?: React.ReactNode | undefined;\n  /**\n   * Кнопка действия.\n   */\n  action?: React.ReactNode | undefined;\n}\n\n/**\n * @see https://vkui.io/components/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":["classNames","hasReactNode","RootComponent","Headline","Title","PlaceholderContainer","stretched","noPadding","restProps","baseClassName","PlaceholderIcon","props","PlaceholderTitle","className","level","weight","PlaceholderDescription","PlaceholderActions","Placeholder","icon","title","children","action","Container","Icon","Description","Actions"],"mappings":";AACA,SAASA,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAE3D,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,QAAQ,QAAQ,qCAAkC;AAC3D,SAASC,KAAK,QAAQ,+BAA4B;AAelD,MAAMC,uBAAuB,CAAC,EAC5BC,SAAS,EACTC,YAAY,KAAK,EACjB,GAAGC,WACuB,iBAC1B,KAACN;QACCO,eAAeT,oCAEbM,2CACA,CAACC;QAEF,GAAGC,SAAS;;AAMjB,MAAME,kBAAkB,CAACC,sBACvB,KAACT;QAAcO,aAAa;QAAgB,GAAGE,KAAK;;AAKtD,MAAMC,mBAAmB,CAAC,EAAEC,SAAS,EAAE,GAAGL,WAAkC,iBAC1E,KAACJ;QAAMU,OAAM;QAAIC,QAAO;QAAIF,WAAWb,WAAWa;QAA2B,GAAGL,SAAS;;AAK3F,MAAMQ,yBAAyB,CAAC,EAC9BH,SAAS,EACT,GAAGL,WACyB,iBAC5B,KAACL;QAASY,QAAO;QAAIF,WAAWb,WAAWa;QAAiC,GAAGL,SAAS;;AAK1F,MAAMS,qBAAqB,CAACN,sBAC1B,KAACT;QAAcO,aAAa;QAAkB,GAAGE,KAAK;;AAkBxD;;CAEC,GACD,OAAO,MAAMO,cAMT,CAAC,EAAEC,IAAI,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,MAAM,EAAEf,YAAY,KAAK,EAAE,GAAGC,WAA6B,iBACvF,MAACH;QAAqBE,WAAWA;QAAY,GAAGC,SAAS;;YACtDP,aAAakB,uBAAS,KAACT;0BAAiBS;;YACxClB,aAAamB,wBAAU,KAACR;0BAAkBQ;;YAC1CnB,aAAaoB,2BAAa,KAACL;0BAAwBK;;YACnDpB,aAAaqB,yBAAW,KAACL;0BAAoBK;;;OAEhD;AAEFJ,YAAYK,SAAS,GAAGlB;AACxBa,YAAYM,IAAI,GAAGd;AACnBQ,YAAYd,KAAK,GAAGQ;AACpBM,YAAYO,WAAW,GAAGT;AAC1BE,YAAYQ,OAAO,GAAGT"}

package/dist/components/PopoutWrapper/PopoutWrapper.d.ts

@@ -4,7 +4,7 @@ export interface PopoutWrapperProps extends HTMLAttributesWithRootRef<HTMLDivEle
     /**
      * Позволяет сделать прозрачную подложку.
      */
-    noBackground?: boolean;
+    noBackground?: boolean | undefined;
     /**
      * Стратегия позиционирования:
      *
@@ -14,23 +14,23 @@ export interface PopoutWrapperProps extends HTMLAttributesWithRootRef<HTMLDivEle
      *
      * @default 'fixed'
      */
-    strategy?: 'fixed' | 'absolute' | 'none';
+    strategy?: 'fixed' | 'absolute' | 'none' | undefined;
     /**
      * Выравнивает контент по горизонтали.
      */
-    alignX?: 'left' | 'center' | 'right';
+    alignX?: 'left' | 'center' | 'right' | undefined;
     /**
      * Выравнивает контент по вертикали.
      */
-    alignY?: 'top' | 'center' | 'bottom';
+    alignY?: 'top' | 'center' | 'bottom' | undefined;
     /**
      * Спрячет компонент через fade-out анимацию.
      */
-    closing?: boolean;
+    closing?: boolean | undefined;
     /**
      * Позволяет задать z-index через токен или числом.
      */
-    zIndex?: number | string;
+    zIndex?: number | string | undefined;
 }
 /**
  * @see https://vkui.io/components/popout-wrapper

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

@@ -1 +1 @@
-{"version":3,"file":"PopoutWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/PopoutWrapper/PopoutWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAsB7D,MAAM,WAAW,kBAAmB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IACnF;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;IACzC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACrC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,8FAU3B,kBAAkB,KAAG,KAAK,CAAC,SAkB7B,CAAC"}
+{"version":3,"file":"PopoutWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/PopoutWrapper/PopoutWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAsB7D,MAAM,WAAW,kBAAmB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IACnF;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACnC;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,CAAC;IACrD;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IACjD;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;IACjD;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;CACtC;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,8FAU3B,kBAAkB,KAAG,KAAK,CAAC,SAkB7B,CAAC"}

package/dist/components/PopoutWrapper/PopoutWrapper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PopoutWrapper/PopoutWrapper.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './PopoutWrapper.module.css';\n\nconst stylesAlignX = {\n  center: styles.alignXCenter,\n  left: styles.alignXLeft,\n  right: styles.alignXRight,\n};\n\nconst stylesAlignY = {\n  center: styles.alignYCenter,\n  top: styles.alignYTop,\n  bottom: styles.alignYBottom,\n};\n\nconst stylesStrategy = {\n  fixed: styles.fixed,\n  absolute: styles.absolute,\n  none: undefined,\n};\n\nexport interface PopoutWrapperProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  /**\n   * Позволяет сделать прозрачную подложку.\n   */\n  noBackground?: boolean;\n  /**\n   * Стратегия позиционирования:\n   *\n   * - `fixed`: у контейнера выставлен `position: fixed`\n   * - `absolute`: у контейнера выставлен `position: absolute`\n   * - `none`: у контейнера не выставлен `position`.\n   *\n   * @default 'fixed'\n   */\n  strategy?: 'fixed' | 'absolute' | 'none';\n  /**\n   * Выравнивает контент по горизонтали.\n   */\n  alignX?: 'left' | 'center' | 'right';\n  /**\n   * Выравнивает контент по вертикали.\n   */\n  alignY?: 'top' | 'center' | 'bottom';\n  /**\n   * Спрячет компонент через fade-out анимацию.\n   */\n  closing?: boolean;\n  /**\n   * Позволяет задать z-index через токен или числом.\n   */\n  zIndex?: number | string;\n}\n\n/**\n * @see https://vkui.io/components/popout-wrapper\n */\nexport const PopoutWrapper = ({\n  alignY = 'center',\n  alignX = 'center',\n  closing = false,\n  noBackground = false,\n  strategy = 'fixed',\n  children,\n  onClick,\n  zIndex = 'var(--vkui--z_index_popout)',\n  ...restProps\n}: PopoutWrapperProps): React.ReactNode => (\n  <RootComponent\n    {...restProps}\n    baseClassName={classNames(\n      styles.host,\n      stylesAlignY[alignY],\n      stylesAlignX[alignX],\n      closing ? styles.closing : styles.opened,\n      strategy && stylesStrategy[strategy],\n      !noBackground && styles.masked,\n    )}\n    baseStyle={{ zIndex }}\n  >\n    <div className={styles.container}>\n      <div className={styles.overlay} onClick={onClick} />\n      <div className={styles.content}>{children}</div>\n    </div>\n  </RootComponent>\n);\n"],"names":["classNames","RootComponent","stylesAlignX","center","left","right","stylesAlignY","top","bottom","stylesStrategy","fixed","absolute","none","undefined","PopoutWrapper","alignY","alignX","closing","noBackground","strategy","children","onClick","zIndex","restProps","baseClassName","baseStyle","div","className"],"mappings":"AAAA;;AAGA,SAASA,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,aAAa,QAAQ,oCAAiC;AAG/D,MAAMC,eAAe;IACnBC,MAAM;IACNC,IAAI;IACJC,KAAK;AACP;AAEA,MAAMC,eAAe;IACnBH,MAAM;IACNI,GAAG;IACHC,MAAM;AACR;AAEA,MAAMC,iBAAiB;IACrBC,KAAK;IACLC,QAAQ;IACRC,MAAMC;AACR;AAmCA;;CAEC,GACD,OAAO,MAAMC,gBAAgB,CAAC,EAC5BC,SAAS,QAAQ,EACjBC,SAAS,QAAQ,EACjBC,UAAU,KAAK,EACfC,eAAe,KAAK,EACpBC,WAAW,OAAO,EAClBC,QAAQ,EACRC,OAAO,EACPC,SAAS,6BAA6B,EACtC,GAAGC,WACgB,iBACnB,KAACtB;QACE,GAAGsB,SAAS;QACbC,eAAexB,sCAEbM,YAAY,CAACS,OAAO,EACpBb,YAAY,CAACc,OAAO,EACpBC,sEACAE,YAAYV,cAAc,CAACU,SAAS,EACpC,CAACD;QAEHO,WAAW;YAAEH;QAAO;kBAEpB,cAAA,MAACI;YAAIC,SAAS;;8BACZ,KAACD;oBAAIC,SAAS;oBAAkBN,SAASA;;8BACzC,KAACK;oBAAIC,SAAS;8BAAmBP;;;;OAGrC"}
+{"version":3,"sources":["../../../src/components/PopoutWrapper/PopoutWrapper.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './PopoutWrapper.module.css';\n\nconst stylesAlignX = {\n  center: styles.alignXCenter,\n  left: styles.alignXLeft,\n  right: styles.alignXRight,\n};\n\nconst stylesAlignY = {\n  center: styles.alignYCenter,\n  top: styles.alignYTop,\n  bottom: styles.alignYBottom,\n};\n\nconst stylesStrategy = {\n  fixed: styles.fixed,\n  absolute: styles.absolute,\n  none: undefined,\n};\n\nexport interface PopoutWrapperProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  /**\n   * Позволяет сделать прозрачную подложку.\n   */\n  noBackground?: boolean | undefined;\n  /**\n   * Стратегия позиционирования:\n   *\n   * - `fixed`: у контейнера выставлен `position: fixed`\n   * - `absolute`: у контейнера выставлен `position: absolute`\n   * - `none`: у контейнера не выставлен `position`.\n   *\n   * @default 'fixed'\n   */\n  strategy?: 'fixed' | 'absolute' | 'none' | undefined;\n  /**\n   * Выравнивает контент по горизонтали.\n   */\n  alignX?: 'left' | 'center' | 'right' | undefined;\n  /**\n   * Выравнивает контент по вертикали.\n   */\n  alignY?: 'top' | 'center' | 'bottom' | undefined;\n  /**\n   * Спрячет компонент через fade-out анимацию.\n   */\n  closing?: boolean | undefined;\n  /**\n   * Позволяет задать z-index через токен или числом.\n   */\n  zIndex?: number | string | undefined;\n}\n\n/**\n * @see https://vkui.io/components/popout-wrapper\n */\nexport const PopoutWrapper = ({\n  alignY = 'center',\n  alignX = 'center',\n  closing = false,\n  noBackground = false,\n  strategy = 'fixed',\n  children,\n  onClick,\n  zIndex = 'var(--vkui--z_index_popout)',\n  ...restProps\n}: PopoutWrapperProps): React.ReactNode => (\n  <RootComponent\n    {...restProps}\n    baseClassName={classNames(\n      styles.host,\n      stylesAlignY[alignY],\n      stylesAlignX[alignX],\n      closing ? styles.closing : styles.opened,\n      strategy && stylesStrategy[strategy],\n      !noBackground && styles.masked,\n    )}\n    baseStyle={{ zIndex }}\n  >\n    <div className={styles.container}>\n      <div className={styles.overlay} onClick={onClick} />\n      <div className={styles.content}>{children}</div>\n    </div>\n  </RootComponent>\n);\n"],"names":["classNames","RootComponent","stylesAlignX","center","left","right","stylesAlignY","top","bottom","stylesStrategy","fixed","absolute","none","undefined","PopoutWrapper","alignY","alignX","closing","noBackground","strategy","children","onClick","zIndex","restProps","baseClassName","baseStyle","div","className"],"mappings":"AAAA;;AAGA,SAASA,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,aAAa,QAAQ,oCAAiC;AAG/D,MAAMC,eAAe;IACnBC,MAAM;IACNC,IAAI;IACJC,KAAK;AACP;AAEA,MAAMC,eAAe;IACnBH,MAAM;IACNI,GAAG;IACHC,MAAM;AACR;AAEA,MAAMC,iBAAiB;IACrBC,KAAK;IACLC,QAAQ;IACRC,MAAMC;AACR;AAmCA;;CAEC,GACD,OAAO,MAAMC,gBAAgB,CAAC,EAC5BC,SAAS,QAAQ,EACjBC,SAAS,QAAQ,EACjBC,UAAU,KAAK,EACfC,eAAe,KAAK,EACpBC,WAAW,OAAO,EAClBC,QAAQ,EACRC,OAAO,EACPC,SAAS,6BAA6B,EACtC,GAAGC,WACgB,iBACnB,KAACtB;QACE,GAAGsB,SAAS;QACbC,eAAexB,sCAEbM,YAAY,CAACS,OAAO,EACpBb,YAAY,CAACc,OAAO,EACpBC,sEACAE,YAAYV,cAAc,CAACU,SAAS,EACpC,CAACD;QAEHO,WAAW;YAAEH;QAAO;kBAEpB,cAAA,MAACI;YAAIC,SAAS;;8BACZ,KAACD;oBAAIC,SAAS;oBAAkBN,SAASA;;8BACzC,KAACK;oBAAIC,SAAS;8BAAmBP;;;;OAGrC"}

package/dist/components/Popover/Popover.d.ts

@@ -36,11 +36,11 @@ export interface PopoverProps extends Omit<AllowedFloatingComponentProps, 'autoF
      * Используется в случае, если необходимо стилизовать по своему. Для `arrow` _color_ можно
      * определить через в `arrowProps.iconClassName` или `arrowProps.iconStyle`.
      */
-    noStyling?: boolean;
+    noStyling?: boolean | undefined;
     /**
      * Позволяет набросить на стрелку пользовательские атрибуты.
      */
-    arrowProps?: PopoverArrowProps;
+    arrowProps?: PopoverArrowProps | undefined;
     /**
      * Пользовательская SVG иконка.
      *
@@ -54,15 +54,15 @@ export interface PopoverProps extends Omit<AllowedFloatingComponentProps, 'autoF
      * 4. Убедитесь, что компонент принимает все валидные для SVG параметры.
      * 5. Убедитесь, что SVG и её элементы наследует цвет через `fill="currentColor"`.
      */
-    ArrowIcon?: FloatingArrowPropsPrivate['Icon'];
+    ArrowIcon?: FloatingArrowPropsPrivate['Icon'] | undefined;
     /**
      * Используется для того, чтобы не удалять всплывающий элемент из DOM дерева при скрытии.
      */
-    keepMounted?: boolean;
+    keepMounted?: boolean | undefined;
     /**
      * Управление автоматическим фокусом при открытии всплывающего элемента.
      */
-    autoFocus?: boolean | 'root';
+    autoFocus?: boolean | 'root' | undefined;
 }
 /**
  * @see https://vkui.io/components/popover

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EACV,sBAAsB,EACtB,yBAAyB,EACzB,aAAa,EACd,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,KAAK,EAAE,kBAAkB,IAAI,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAGtG;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,yBAAyB,EACzB,YAAY,GAAG,QAAQ,GAAG,WAAW,GAAG,MAAM,CAC/C,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,oBAAoB,GAAG,aAAa,CAAC;AAEjD;;;GAGG;AACH,MAAM,MAAM,wBAAwB,GAAG,yBAAyB,CAAC;AAEjE,KAAK,6BAA6B,GAAG,IAAI,CACvC,sBAAsB,EACpB,OAAO,GACP,aAAa,GACb,cAAc,GACd,WAAW,GACX,mBAAmB,GACnB,SAAS,GACT,SAAS,GACT,YAAY,GACZ,iBAAiB,GACjB,kBAAkB,GAClB,mBAAmB,GACnB,cAAc,GACd,OAAO,GACP,eAAe,GACf,gBAAgB,GAChB,WAAW,GACX,WAAW,GACX,yBAAyB,GACzB,yBAAyB,GACzB,UAAU,GACV,oBAAoB,GACpB,4BAA4B,GAC5B,sBAAsB,GACtB,WAAW,GACX,cAAc,GACd,UAAU,GACV,QAAQ,GACR,uBAAuB,GACvB,wBAAwB,GACxB,mBAAmB,GACnB,UAAU,GACV,kBAAkB,CACrB,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,6BAA6B,EAAE,WAAW,CAAC,EACtD,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,MAAM,sBAAsB,CAAC;IAC/E;;;;;;;;;;;;;OAaG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B;;;;;;;;;;;;OAYG;IACH,SAAS,CAAC,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAC;IAC9C;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC9B;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,GAAI,4BAA4B,YAAY,KAAG,KAAK,CAAC,SAWxE,CAAC"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EACV,sBAAsB,EACtB,yBAAyB,EACzB,aAAa,EACd,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,KAAK,EAAE,kBAAkB,IAAI,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAGtG;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,yBAAyB,EACzB,YAAY,GAAG,QAAQ,GAAG,WAAW,GAAG,MAAM,CAC/C,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,oBAAoB,GAAG,aAAa,CAAC;AAEjD;;;GAGG;AACH,MAAM,MAAM,wBAAwB,GAAG,yBAAyB,CAAC;AAEjE,KAAK,6BAA6B,GAAG,IAAI,CACvC,sBAAsB,EACpB,OAAO,GACP,aAAa,GACb,cAAc,GACd,WAAW,GACX,mBAAmB,GACnB,SAAS,GACT,SAAS,GACT,YAAY,GACZ,iBAAiB,GACjB,kBAAkB,GAClB,mBAAmB,GACnB,cAAc,GACd,OAAO,GACP,eAAe,GACf,gBAAgB,GAChB,WAAW,GACX,WAAW,GACX,yBAAyB,GACzB,yBAAyB,GACzB,UAAU,GACV,oBAAoB,GACpB,4BAA4B,GAC5B,sBAAsB,GACtB,WAAW,GACX,cAAc,GACd,UAAU,GACV,QAAQ,GACR,uBAAuB,GACvB,wBAAwB,GACxB,mBAAmB,GACnB,UAAU,GACV,kBAAkB,CACrB,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,6BAA6B,EAAE,WAAW,CAAC,EACtD,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,MAAM,sBAAsB,CAAC;IAC/E;;;;;;;;;;;;;OAaG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC;;OAEG;IACH,UAAU,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAC;IAC3C;;;;;;;;;;;;OAYG;IACH,SAAS,CAAC,EAAE,yBAAyB,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IAC1D;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;CAC1C;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,GAAI,4BAA4B,YAAY,KAAG,KAAK,CAAC,SAWxE,CAAC"}

package/dist/components/Popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useReferenceElement } from '../../hooks/useReferenceElement';\nimport type {\n  FloatingComponentProps,\n  FloatingContentRenderProp,\n  OnShownChange,\n} from '../../lib/floating';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport type { FloatingArrowProps as FloatingArrowPropsPrivate } from '../FloatingArrow/FloatingArrow';\nimport { usePopover } from './usePopover';\n\n/**\n * @alias\n * @public\n */\nexport type PopoverArrowProps = Omit<\n  FloatingArrowPropsPrivate,\n  'getRootRef' | 'coords' | 'placement' | 'Icon'\n>;\n\n/**\n * @alias\n * @public\n */\nexport type PopoverOnShownChange = OnShownChange;\n\n/**\n * @alias\n * @public\n */\nexport type PopoverContentRenderProp = FloatingContentRenderProp;\n\ntype AllowedFloatingComponentProps = Pick<\n  FloatingComponentProps,\n  | 'arrow'\n  | 'arrowHeight'\n  | 'arrowPadding'\n  | 'placement'\n  | 'onPlacementChange'\n  | 'trigger'\n  | 'content'\n  | 'hoverDelay'\n  | 'closeAfterClick'\n  | 'offsetByMainAxis'\n  | 'offsetByCrossAxis'\n  | 'defaultShown'\n  | 'shown'\n  | 'onShownChange'\n  | 'onShownChanged'\n  | 'usePortal'\n  | 'sameWidth'\n  | 'hideWhenReferenceHidden'\n  | 'onReferenceHiddenChange'\n  | 'disabled'\n  | 'disableInteractive'\n  | 'disableCloseOnClickOutside'\n  | 'disableCloseOnEscKey'\n  | 'autoFocus'\n  | 'restoreFocus'\n  | 'children'\n  | 'zIndex'\n  | 'disableFlipMiddleware'\n  | 'disableShiftMiddleware'\n  | 'customMiddlewares'\n  | 'strategy'\n  | 'disableFocusTrap'\n>;\n\n/**\n * @public\n */\nexport interface PopoverProps\n  extends Omit<AllowedFloatingComponentProps, 'autoFocus'>,\n    Omit<HTMLAttributesWithRootRef<HTMLDivElement>, keyof FloatingComponentProps> {\n  /**\n   * Отключает у всплывающего элемента стилизацию по умолчанию.\n   *\n   * У `content`:\n   * - _background_\n   * - _border-radius_\n   * - _box-shadow_.\n   *\n   * У `arrow`:\n   * - _color_.\n   *\n   * Используется в случае, если необходимо стилизовать по своему. Для `arrow` _color_ можно\n   * определить через в `arrowProps.iconClassName` или `arrowProps.iconStyle`.\n   */\n  noStyling?: boolean;\n  /**\n   * Позволяет набросить на стрелку пользовательские атрибуты.\n   */\n  arrowProps?: PopoverArrowProps;\n  /**\n   * Пользовательская SVG иконка.\n   *\n   * Требования:\n   *\n   * 1. Иконка по умолчанию должна быть направлена вверх (a.k.a `IconUp`).\n   * 2. Чтобы избежать проблемы с пространством между стрелкой и контентом на некоторых экранах,\n   *    растяните кривую по высоте на `1px` и увеличьте на этот размер `height` и `viewBox` SVG.\n   *    (смотри https://github.com/VKCOM/VKUI/pull/4496).\n   * 3. Передайте высоту иконки в параметр `arrowHeight`. В значении высоты можно исключить хак с `1px` из п.2.\n   * 4. Убедитесь, что компонент принимает все валидные для SVG параметры.\n   * 5. Убедитесь, что SVG и её элементы наследует цвет через `fill=\"currentColor\"`.\n   */\n  ArrowIcon?: FloatingArrowPropsPrivate['Icon'];\n  /**\n   * Используется для того, чтобы не удалять всплывающий элемент из DOM дерева при скрытии.\n   */\n  keepMounted?: boolean;\n  /**\n   * Управление автоматическим фокусом при открытии всплывающего элемента.\n   */\n  autoFocus?: boolean | 'root';\n}\n\n/**\n * @see https://vkui.io/components/popover\n */\nexport const Popover = ({ children, ...restProps }: PopoverProps): React.ReactNode => {\n  const { anchorRef, anchorProps, popover } = usePopover<HTMLDivElement>(restProps);\n\n  const reference = useReferenceElement(children, anchorProps, anchorRef);\n\n  return (\n    <React.Fragment>\n      {reference}\n      {popover}\n    </React.Fragment>\n  );\n};\n"],"names":["React","useReferenceElement","usePopover","Popover","children","restProps","anchorRef","anchorProps","popover","reference","Fragment"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,mBAAmB,QAAQ,qCAAkC;AAQtE,SAASC,UAAU,QAAQ,kBAAe;AA4G1C;;CAEC,GACD,OAAO,MAAMC,UAAU,CAAC,EAAEC,QAAQ,EAAE,GAAGC,WAAyB;IAC9D,MAAM,EAAEC,SAAS,EAAEC,WAAW,EAAEC,OAAO,EAAE,GAAGN,WAA2BG;IAEvE,MAAMI,YAAYR,oBAAoBG,UAAUG,aAAaD;IAE7D,qBACE,MAACN,MAAMU,QAAQ;;YACZD;YACAD;;;AAGP,EAAE"}
+{"version":3,"sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useReferenceElement } from '../../hooks/useReferenceElement';\nimport type {\n  FloatingComponentProps,\n  FloatingContentRenderProp,\n  OnShownChange,\n} from '../../lib/floating';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport type { FloatingArrowProps as FloatingArrowPropsPrivate } from '../FloatingArrow/FloatingArrow';\nimport { usePopover } from './usePopover';\n\n/**\n * @alias\n * @public\n */\nexport type PopoverArrowProps = Omit<\n  FloatingArrowPropsPrivate,\n  'getRootRef' | 'coords' | 'placement' | 'Icon'\n>;\n\n/**\n * @alias\n * @public\n */\nexport type PopoverOnShownChange = OnShownChange;\n\n/**\n * @alias\n * @public\n */\nexport type PopoverContentRenderProp = FloatingContentRenderProp;\n\ntype AllowedFloatingComponentProps = Pick<\n  FloatingComponentProps,\n  | 'arrow'\n  | 'arrowHeight'\n  | 'arrowPadding'\n  | 'placement'\n  | 'onPlacementChange'\n  | 'trigger'\n  | 'content'\n  | 'hoverDelay'\n  | 'closeAfterClick'\n  | 'offsetByMainAxis'\n  | 'offsetByCrossAxis'\n  | 'defaultShown'\n  | 'shown'\n  | 'onShownChange'\n  | 'onShownChanged'\n  | 'usePortal'\n  | 'sameWidth'\n  | 'hideWhenReferenceHidden'\n  | 'onReferenceHiddenChange'\n  | 'disabled'\n  | 'disableInteractive'\n  | 'disableCloseOnClickOutside'\n  | 'disableCloseOnEscKey'\n  | 'autoFocus'\n  | 'restoreFocus'\n  | 'children'\n  | 'zIndex'\n  | 'disableFlipMiddleware'\n  | 'disableShiftMiddleware'\n  | 'customMiddlewares'\n  | 'strategy'\n  | 'disableFocusTrap'\n>;\n\n/**\n * @public\n */\nexport interface PopoverProps\n  extends Omit<AllowedFloatingComponentProps, 'autoFocus'>,\n    Omit<HTMLAttributesWithRootRef<HTMLDivElement>, keyof FloatingComponentProps> {\n  /**\n   * Отключает у всплывающего элемента стилизацию по умолчанию.\n   *\n   * У `content`:\n   * - _background_\n   * - _border-radius_\n   * - _box-shadow_.\n   *\n   * У `arrow`:\n   * - _color_.\n   *\n   * Используется в случае, если необходимо стилизовать по своему. Для `arrow` _color_ можно\n   * определить через в `arrowProps.iconClassName` или `arrowProps.iconStyle`.\n   */\n  noStyling?: boolean | undefined;\n  /**\n   * Позволяет набросить на стрелку пользовательские атрибуты.\n   */\n  arrowProps?: PopoverArrowProps | undefined;\n  /**\n   * Пользовательская SVG иконка.\n   *\n   * Требования:\n   *\n   * 1. Иконка по умолчанию должна быть направлена вверх (a.k.a `IconUp`).\n   * 2. Чтобы избежать проблемы с пространством между стрелкой и контентом на некоторых экранах,\n   *    растяните кривую по высоте на `1px` и увеличьте на этот размер `height` и `viewBox` SVG.\n   *    (смотри https://github.com/VKCOM/VKUI/pull/4496).\n   * 3. Передайте высоту иконки в параметр `arrowHeight`. В значении высоты можно исключить хак с `1px` из п.2.\n   * 4. Убедитесь, что компонент принимает все валидные для SVG параметры.\n   * 5. Убедитесь, что SVG и её элементы наследует цвет через `fill=\"currentColor\"`.\n   */\n  ArrowIcon?: FloatingArrowPropsPrivate['Icon'] | undefined;\n  /**\n   * Используется для того, чтобы не удалять всплывающий элемент из DOM дерева при скрытии.\n   */\n  keepMounted?: boolean | undefined;\n  /**\n   * Управление автоматическим фокусом при открытии всплывающего элемента.\n   */\n  autoFocus?: boolean | 'root' | undefined;\n}\n\n/**\n * @see https://vkui.io/components/popover\n */\nexport const Popover = ({ children, ...restProps }: PopoverProps): React.ReactNode => {\n  const { anchorRef, anchorProps, popover } = usePopover<HTMLDivElement>(restProps);\n\n  const reference = useReferenceElement(children, anchorProps, anchorRef);\n\n  return (\n    <React.Fragment>\n      {reference}\n      {popover}\n    </React.Fragment>\n  );\n};\n"],"names":["React","useReferenceElement","usePopover","Popover","children","restProps","anchorRef","anchorProps","popover","reference","Fragment"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,mBAAmB,QAAQ,qCAAkC;AAQtE,SAASC,UAAU,QAAQ,kBAAe;AA4G1C;;CAEC,GACD,OAAO,MAAMC,UAAU,CAAC,EAAEC,QAAQ,EAAE,GAAGC,WAAyB;IAC9D,MAAM,EAAEC,SAAS,EAAEC,WAAW,EAAEC,OAAO,EAAE,GAAGN,WAA2BG;IAEvE,MAAMI,YAAYR,oBAAoBG,UAAUG,aAAaD;IAE7D,qBACE,MAACN,MAAMU,QAAQ;;YACZD;YACAD;;;AAGP,EAAE"}

package/dist/components/Popper/Popper.d.ts

@@ -8,7 +8,7 @@ export interface PopperCommonProps extends AllowedFloatingComponentProps, Omit<H
     /**
      * Позволяет набросить на стрелку пользовательские атрибуты.
      */
-    arrowProps?: FloatingArrowProps;
+    arrowProps?: FloatingArrowProps | undefined;
     /**
      * Пользовательская SVG иконка.
      *
@@ -22,15 +22,15 @@ export interface PopperCommonProps extends AllowedFloatingComponentProps, Omit<H
      * 4. Убедитесь, что компонент принимает все валидные для SVG параметры.
      * 5. Убедитесь, что SVG и её элементы наследует цвет через `fill="currentColor"`.
      */
-    ArrowIcon?: FloatingArrowPropsPrivate['Icon'];
+    ArrowIcon?: FloatingArrowPropsPrivate['Icon'] | undefined;
     /**
      * Подписывается на изменение геометрии `targetRef`, чтобы пересчитать свою позицию.
      */
-    autoUpdateOnTargetResize?: boolean;
+    autoUpdateOnTargetResize?: boolean | undefined;
     /**
      * Пытаться обновлять позицию всплывающего элемента каждый фрейм.
      */
-    autoUpdateOnAnimationFrame?: boolean;
+    autoUpdateOnAnimationFrame?: boolean | undefined;
 }
 export interface PopperProps extends PopperCommonProps {
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"Popper.d.ts","sourceRoot":"","sources":["../../../src/components/Popper/Popper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAGL,KAAK,sBAAsB,EAI3B,KAAK,cAAc,EACpB,MAAM,oBAAoB,CAAC;AAI5B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAO7D,OAAO,EAEL,KAAK,kBAAkB,IAAI,yBAAyB,EACrD,MAAM,gCAAgC,CAAC;AAIxC,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,yBAAyB,EACzB,YAAY,GAAG,QAAQ,GAAG,WAAW,GAAG,MAAM,CAC/C,CAAC;AAEF,KAAK,6BAA6B,GAAG,IAAI,CACvC,sBAAsB,EACpB,OAAO,GACP,UAAU,GACV,aAAa,GACb,cAAc,GACd,YAAY,GACZ,WAAW,GACX,kBAAkB,GAClB,mBAAmB,GACnB,OAAO,GACP,eAAe,GACf,cAAc,GACd,yBAAyB,GACzB,yBAAyB,GACzB,WAAW,GACX,QAAQ,GACR,UAAU,GACV,WAAW,GACX,mBAAmB,GACnB,mBAAmB,GACnB,uBAAuB,GACvB,wBAAwB,GACxB,yCAAyC,GACzC,iBAAiB,CACpB,CAAC;AAEF,MAAM,WAAW,iBACf,SAAQ,6BAA6B,EACnC,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,MAAM,6BAA6B,CAAC;IACtF;;OAEG;IACH,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC;;;;;;;;;;;;OAYG;IACH,SAAS,CAAC,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAC;IAC9C;;OAEG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;OAEG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACtC;AAED,MAAM,WAAW,WAAY,SAAQ,iBAAiB;IACpD;;OAEG;IACH,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,cAAc,CAAC;CACjE;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,GAAI,+dAmCpB,WAAW,KAAG,KAAK,CAAC,SA2FtB,CAAC"}
+{"version":3,"file":"Popper.d.ts","sourceRoot":"","sources":["../../../src/components/Popper/Popper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAGL,KAAK,sBAAsB,EAI3B,KAAK,cAAc,EACpB,MAAM,oBAAoB,CAAC;AAI5B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAO7D,OAAO,EAEL,KAAK,kBAAkB,IAAI,yBAAyB,EACrD,MAAM,gCAAgC,CAAC;AAIxC,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,yBAAyB,EACzB,YAAY,GAAG,QAAQ,GAAG,WAAW,GAAG,MAAM,CAC/C,CAAC;AAEF,KAAK,6BAA6B,GAAG,IAAI,CACvC,sBAAsB,EACpB,OAAO,GACP,UAAU,GACV,aAAa,GACb,cAAc,GACd,YAAY,GACZ,WAAW,GACX,kBAAkB,GAClB,mBAAmB,GACnB,OAAO,GACP,eAAe,GACf,cAAc,GACd,yBAAyB,GACzB,yBAAyB,GACzB,WAAW,GACX,QAAQ,GACR,UAAU,GACV,WAAW,GACX,mBAAmB,GACnB,mBAAmB,GACnB,uBAAuB,GACvB,wBAAwB,GACxB,yCAAyC,GACzC,iBAAiB,CACpB,CAAC;AAEF,MAAM,WAAW,iBACf,SAAQ,6BAA6B,EACnC,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,MAAM,6BAA6B,CAAC;IACtF;;OAEG;IACH,UAAU,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAAC;IAC5C;;;;;;;;;;;;OAYG;IACH,SAAS,CAAC,EAAE,yBAAyB,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IAC1D;;OAEG;IACH,wBAAwB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/C;;OAEG;IACH,0BAA0B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAClD;AAED,MAAM,WAAW,WAAY,SAAQ,iBAAiB;IACpD;;OAEG;IACH,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,cAAc,CAAC;CACjE;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,GAAI,+dAmCpB,WAAW,KAAG,KAAK,CAAC,SA6FtB,CAAC"}